/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:sans-serif}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}
pre{white-space:pre-wrap;word-wrap:break-word}
q{quotes:\201C \201D \2018 \2019}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],input[disabled]{cursor:default}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=search]{-moz-box-sizing:content-box;-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
body,figure{margin:0}
legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}

/* ----------------------------------------------------*/
/* clearfix */
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {display:table;line-height:0;content: "";}
.clearfix:after {clear:both;}

/* IE6,7 */
.ie6 body {background:url(null) fixed;filter:expression('');}
.ie7 body {filter:expression('');}

/* fixed */
.fixed_tl {position:fixed;top:0;left:0;}
.ie6 .fixed_tl {position:absolute;top:expression(document.documentElement && document.documentElement.scrollTop || document.body && body.scrollTop || 0 + 0 + 'px');left:expression(document.documentElement && document.documentElement.scrollLeft || document.body && body.scrollLeft || 0 + 0 + 'px');}
.fixed_tr {position:fixed;top:0;right:0;}
.ie6 .fixed_tr {position:absolute;top:expression(document.documentElement && document.documentElement.scrollTop || document.body && body.scrollTop || 0 + 0 + 'px');right:expression(this.style.filter = '', '0');}
.fixed_bl {position:fixed;bottom:0;left:0;}
.ie6 .fixed_bl {position:absolute;bottom:expression(this.style.filter = '', '0');left:expression(document.documentElement && document.documentElement.scrollLeft || document.body && body.scrollLeft || 0 + 0 + 'px');}
.fixed_br {position:fixed;bottom:0;right:0;}
.ie6 .fixed_br {position:absolute;bottom:expression(this.style.filter = '', '0');right:expression(this.style.filter = '', '0');}

/* ----------------------------------------------------*/
/* reset */
* { margin: 0; padding: 0; }
ol,ul {list-style:none;padding:0;margin:0;}
img {vertical-align:top;font-size:0;line-height:0;border:none;}
h1,h2,h3,h4,h5,p { margin:0; }
th {font-weight:normal;text-align:left;}
th,td {vertical-align:top;}

/* ----------------------------------------------------*/
/* font color */
body {
	
	font-size: 14px;
	font-family: "a-otf-ud-reimin-pr6n",sans-serif;
	background-color:#fff;
	color: #333;
	word-break: break-all;
	letter-spacing: 0.07em;
}

h2 {
  font-family:"a-otf-ud-reimin-pr6n",sans-serif;
  font-size:18px;
  }
  
h3 {
  font-family:"a-otf-ud-reimin-pr6n",sans-serif;
  font-size:14px;
  }

.box1{
	background:#fff;
	text-align:center;
	padding:20px;
	margin:0 auto;
}

.box2{
	margin:0;
	padding:10px 10px 10px 10px;
	text-align:center;
	background-color:#111111;
	border-top:0px solid #2A160B;
	border-bottom:0px solid #2A160B;
	color:#EEEEEE;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
}

.box3{
	max-width:700px;
	background-color:rgba(255,255,255,0.50);
	text-align:left;
	padding:20px;
	margin:0 auto;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	-o-border-radius: 2em;
    -ms-border-radius: 2em;
}

.ofc1_image_1 {border:0px solid #330000;}
.ofc1_ttcont {
	color:#CC3366;
	margin:0;
	padding:3px 5px 4px 5px;
	border-bottom:1px solid #111111;
	text-align:left;
	background-color:#FFCCFF;
	text-decoration:none;
	font-family:bodoni,Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:11px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFCCFF), to(#ffffff));
　/* Safari,Google Chrome用 */  
    background-image: -moz-linear-gradient(top, #660033, #000000);
}
.ofc2_cont {
	margin:0;
	padding:2px 5px;
	text-align:left;
	background-color:#b08e13;
	border-top:0px solid #111111;
	border-bottom:0px solid #EFEBE8;
	color:#F0F0F0;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;

}
.ofc2_barcont {
	margin:0;
	padding:5px 5px;
	text-align:left;
	background-color:#AFA275;
	border-top:0px solid #111111;
	border-bottom:0px solid #EFEBE8;
	color:#000000;
	text-decoration:none;
	font-size:14px;
	font-style:normal;
	font-weight:normal;
	
}
.ofc2_image_1 {border:0px solid #EFEBE8;}
.ofc3_cont {
	margin:0;
	padding:5px 8px 5px 8px;
	text-align:left;
	background-color:#fff;
	border:1px solid #111;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
}

.ofc3_barcont {
	margin:0;
	font-size:12px;
	padding:10px 15px;
	text-align:left;
	background-color:#010101;
	border-top:0px solid #111111;
	border-bottom:0px solid #EFEBE8;
	color:#EEEEEE;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
	
}
.ofc3_image_1 {border:0px solid #2A160B;}
.ofc4_cont {
	max-width:1200px;
	margin:0;
	padding:0px 0px;
	text-align:left;
	
	color:#A68759;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
	font-size:11px;
}
.ofc4_image_1 {border:0px solid #2A160B;}
.ofc5_cont {
	margin:0;
	padding:3px 10px;
	text-align:left;
	background-color:#111111;
	border-top:0px solid #2A160B;
	border-bottom:0px solid #2A160B;
	color:#EEEEEE;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
}
.ofc5_image_1 {border:0px solid #2A160B;}

.ofc51_cont {
	
	width:60%;
	margin:0 auto;
	padding:20px 0px;
	text-align:left;
	background-color:#111111;
	border-top:0px solid #2A160B;
	border-bottom:0px solid #2A160B;
	color:#EEEEEE;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
}

.menu4 {
	width:100%;
	height:30px;
}

.menu4 ul {
margin: 0;
padding :0;

}

.menu4 li {
	display:inline;
	margin:0;
	width: 25%;/*各ボタンの幅*/
	float:left;/*フロートを左に指定してボタンを横並びにする*/
	color: #FFF;
}

.Menu4 li#first,#second {
	width: 25%;
	text-decoration:none;
	border-left:2px solid #111111;/*上線の幅（細）とカラー（薄）*/
	text-align:center;/*文字をボタンの中央にする*/
	padding-top: 5px;/*文字上部余白*/
	padding-bottom: 7px;/*文字下部余白*/
	font-size: 10px;/*文字サイズ*/
	font-weight: normal;
	color: #111;/*文字色*/
	background-color:#EFEBE8;
}

.Menu4 li#third,#fourth {
	color:#FFFFFF;
	border-left:1px solid #111111;
	text-align: center;
	padding-top: 7px;/*文字上部余白*/
	padding-bottom: 9px;/*文字下部余白*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#000000));
　/* Safari,Google Chrome用 */  
    background-image: -moz-linear-gradient(top, #555555, #000000);
	background-color:#333333;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
}

.menu4 a {
	display: block;/*ブロックにして各ボタン全体をリンクエリアにする*/
	text-decoration:none;
	border:1px solid #111111;/*上線の幅（細）とカラー（薄）*/
	text-align:center;/*文字をボタンの中央にする*/
	padding-top: 6px;/*文字上部余白*/
	padding-bottom: 7px;/*文字下部余白*/
	font-family:"a-otf-ud-reimin-pr6n",sans-serif;
	font-size: 11px;/*文字サイズ*/
	font-weight: normal;
	color: #000000;/*文字色*/
	background: #EEEEEE;
}

.menu4 a:hover {/*ここからマウスオーバー時の設定*/
display:block;
text-decoration:none;
text-align:center;
font-weight: normal;
background: #fff;/*マウスオーバー時の背景色*/
color: #369;
}

.menu5 {
	width:98.3%;
	height:200px;
}

.menu5 ul {
margin: 0;
padding :0;

}

.menu5 li {
	display:inline;
	margin:0;
	width: 33%;/*各ボタンの幅*/
	float:left;/*フロートを左に指定してボタンを横並びにする*/
	color: #FFF;
}

.menu5 a {
	display: block;/*ブロックにして各ボタン全体をリンクエリアにする*/
	text-decoration:none;
	border:1px solid #111111;/*上線の幅（細）とカラー（薄）*/
	text-align:center;/*文字をボタンの中央にする*/
	padding-top: 6px;/*文字上部余白*/
	padding-bottom: 7px;/*文字下部余白*/
	font-family:"a-otf-ud-reimin-pr6n",sans-serif;
	font-size: 15px;/*文字サイズ*/
	font-weight: normal;
	color: #000000;/*文字色*/
	
}

.menu5 a:hover {/*ここからマウスオーバー時の設定*/
display:block;
text-decoration:none;
text-align:center;
font-weight: normal;
background: #fff;/*マウスオーバー時の背景色*/
color: #369;
}

.menu5 a:visited {
	color:black;
}

td.FDBX9_le {
	width:35%;
	text-align:right;
	padding:3px 3px 3px 4px;
	background-color: #ffffff;
}
td.FDBX9_le2 {
	width:35%;
	text-align:right;
	padding:5px 15px 6px 3px;
	border: 1px solid #111111;
	background-color: #202020;
}
td.FDBX9_mi {
	background-color:#ffffff;
	width:13%;
	text-align:center;
	padding:3px;
	border:1px solid #111111;
}
td.FDBX9_re {
	width:20%;
	text-align:right;
	padding:0px 4px 0px 0px;
	border-bottom: 1px solid #111111;
}
td.FDBX9_uh {
	width:62%;
	text-align:center;
	padding:3px;
	
	background-color: #ffffff;
}
td.FDBX9_uh2 {
	width:65%;
	text-align:left;
	padding:5px 5px 6px 15px;
	border:1px solid #202020;
	background-color: #101010;
}

td.FDBX9_uh2 a {
	color:#fff;
}

td.FDBX9_sy {
	width:29%;
	text-align:center;
	padding:3px;
	border:1px solid #202020;
	background-color: #ffffff;
}
td.FDBX9_tt {
	width:29%;
	text-align:center;
	padding:3px;
	border:1px solid #202020;
	background-color: #ffffff;
}
td.FDBX9_m2 {
	width:100%;
	text-align:center;
	padding:3px;
	border:1px solid #202020;
	background-color: #111111;
}

/* ----------------------------------------------------*/

/*system-scroll */

.scroll-area {
   width: 100%;
        height: 100vh;
        scroll-snap-type: y mandatory;
        scroll-snap-points-y: repeat(100vh);
        -ms-scroll-snap-type:  mandatory;
        -ms-scroll-snap-points-y: repeat(100vh);
        -webkit-scroll-snap-type: mandatory;
        -webkit-scroll-snap-points-y: repeat(100vh);
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
}
.box {
  width: 100%;
  height: 100vh;
  color: #000;
  font-size: 14px;
  text-align: left;
  display: flex;
  align-items: center; /* 縦方向中央揃え */
  justify-content: center; /* 横方向中央揃え */
  flex-direction: column;
	scroll-snap-align: start;
}

.textbox {
	max-width:700px;
	background-color:rgba(255,255,196,0.10);
	text-align:left;
	padding:20px;
	margin:0 auto;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	-o-border-radius: 2em;
    -ms-border-radius: 2em;
}

.textbox2 {
	max-width:700px;
	background-color:rgba(255,255,255,0.50);
	text-align:left; 
	padding:20px;
	margin:0 auto;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	-o-border-radius: 2em;
    -ms-border-radius: 2em;
}

.stg:link{
	color:deeppink;
}

.stg:visited{
	color: hotpink;
}

.stg:hover{
	color: brown;
}

.box__bg_black {
  background-image: url(../img/bg-6.jpg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
.box__bg_gray {
  background-image: url(../img/bg-5.jpg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
.box__bg_photo {
  background-image: url(../img/bg-cast.jpg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
img.crwn {
	position:relative;
	top:-50px;
}
p {
  margin: 0;
  padding: 0;
  line-height: 1;
}

img.down{
	margin-bottom: 20px;
}

/* ----------------------------------------------------*/

input,textarea,select {
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 100%;
}

/* for IE */
.ie6 body {
	font-size: 75%;
}
.ie6 table {
	font-size: 100%;
	line-height: 1.5;
}
.ie6 input,.ie6 textarea,.ie6 select {
	font-family: "ＭＳ Ｐゴシック","MS PGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 0;
}
.ie7 body {
	font-size: 70%;
}

h1,h2,h3,h4,h5 {
	color: #333333;
	line-height: 1em;
}

p {
	line-height: 1.8em;
	color: #000;
}

.condensed {
	font-family: 'Roboto Condensed', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	letter-spacing: -0.075em;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.imgfit {
	width: 100%;
	height: 100%;
	text-align:center;
	overflow:hidden;
	position: relative;
}

.imgfit img {
	position: relative;
	width: 100%;
	height: auto;
	
}

.fld {
	width:50%;
}

/* ----------------------------------------------------*/
/* link */
a:link {
	color: #000;
	text-decoration: none;
}

a:visited {
	color: #0068B7;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

a:active {
	text-decoration: none;
	color: #fff;
}

/* ----------------------------------------------------*/
/* Layout */
html, body {
	width:100%;
	height:100%;
	margin:0 auto;
}

.nojs {
	visibility: visible;
}

.wrap {
	clear:both;
	
}

.body {
	padding: 50px 110px;
}

/* ----------------------------------------------------*/
/* Header */
#header {
	height: 66px;
	background-image:url("../img/header-bg.png");
	background-repeat:no-repeat;
	background-position: right;
	background-size:cover;
	clear:both;
}

#header_body {
	float: left;
	padding: 10px 10px 0 10px;
}

#header_body h1 {
	float: left;
	padding-left: 7px;
}

#menubtn {
	position: relative;
	float: right;
	display: none;
	padding:2px;
	width: 42px;
	height: 42px;
	cursor: pointer;
}


#btn_open {
	position: absolute;
}

#btn_close {
	position: absolute;
	display: none;
}

#gnavi {
	float: right;
	padding-right: 2px;
	font-size: 10pt;
}

#gnavi li {
	float: left;
}

#gnavi li a {
	color: #40340E;
	display: block;
	padding: 20px 13px 24px 8px; 
}

#gnavi li a:hover {
	background: rgba(64,52,14,0.67);
	color: #ffffff;
	text-decoration: none;
}


/* ----------------------------------------------------*/
/* content */

#content {
	clear: both;
}

#content2 {
	background-image:url(../img/bg-4.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	background-color:#f5f9e0;
	clear:both;
}

#content3 {
	background-image:url(../img/bg-3.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	background-color:#FFFFFF;
	clear:both;
}

#content4 {
	background-color:#000000;
	clear:both;
}

#content5 {
	background-image:url(../img/sunbz2.png);
	background-repeat:repeat-x;
	background-color:#FFE6E6;
	clear:both;
}

#content6 {
	background:#fff;
	clear:both;
}

#content7 {
	background-image:url(../img/bg-8.jpg);
	background-position:top center;
	background-repeat:repeat;
	background-size:contain;
	background-color:#dfd7e6;
	clear:both;
}

#content8 {
	background-image:url(../img/bg-mv.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	background-color:#FFFFFF;
	clear:both;
}

#content9 {
	background-image:url("../img/bg-nipple.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#FFFFFF;
	clear:both;
}

.titlebn {
	margin:0 auto;
	text-align:center;
	padding-top:20px;
	padding-bottom:50px;
}

.titlebn2 {
	display: flex;
	display: -moz-flex;
	display: -o-flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: row;
	-moz-flex-direction: row;
	-o-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	justify-content: space-between;
	margin:0 auto;
	text-align:center;
	padding-top:0px;
	padding-bottom:50px;
}

.titlebn2 img{
	max-width:40%;
}

.titlebn3 {
	display: flex;
	display: -moz-flex;
	display: -o-flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: row;
	-moz-flex-direction: row;
	-o-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	justify-content: space-between;
	text-align:center;
	padding:20px 20px 0px 20px
}

.titlebn-cos {
	margin:0 auto;
	text-align:center;
	padding-top:120px;
	padding-bottom:50px;
}

.titlebn-all {
	margin:0 auto;
	text-align:center;
	padding-top:20px;
	padding-bottom:50px;
}

.titlebn-txt {
	margin:0 auto;
	text-align: center;
	padding-bottom:30px;
}



/* ----------------------------------------------------*/
/* Main */

#mainvisual {
}

#slidearea {
	background:#fff;
	position: relative;
	width: 100%;
}

.naviarea {
	width: 200px;
	margin: 0 auto;
}

.navibtn {
	float: left;
	padding: 30px 15px;
}

.imagearea {
	position:relative;
	width:100%;
	height:100%;
	background-color: #e5e5e5;
	overflow: hidden;
}

.imagearea ul {
	width: 100%;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;
}

.imagearea li {
	width: 100%;
	height:100%;
	line-height: 0;
	font-size: 0;
	zoom: 1;
	float: left;
}

.morearea {
	position:relative;
	width:100%;
	height:105px;
	overflow: hidden;
}

.morearea ul {
	width: 100%;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;
}

.morearea li {
	width: 100%;
	height:105px;
	text-align: center;
}

.slidetitle {
	padding-top: 8px;
	font-size: 32px;
}

.slidetag {
	font-size: 12px;
	color: #818181;
}

/* ----------------------------------------------------*/
/* normal sections */

.sectiontitle {
	padding-bottom: 16px;
	margin-bottom: 50px;
	background: url("../img/ttl_bg.png") no-repeat bottom center;
	text-align: center;
	font-size: 22px;
	letter-spacing: 0.1em;
	font-family: "a-otf-ud-reimin-pr6n",sans-serif;
}

.sectiontitle2 {
	padding-bottom: 16px;
	margin-bottom: 50px;
	text-align: center;
	font-size: 22px;
	letter-spacing: 0.1em;
	font-family: "nautica",sans-serif;
}

.sectiontitle3 {
	padding-bottom: 16px;
	margin-bottom: 50px;
	text-align: center;
	letter-spacing: 0.1em;
	font-family: "a-otf-ud-reimin-pr6n",sans-serif;
}

.sectiontitle4 {
	padding-bottom: 16px;
	margin-top:50px;
	margin-bottom: 30px;
	background: url("../img/ttl_bg.png") no-repeat bottom center;
	text-align: center;
	font-size: 22px;
	letter-spacing: 0.1em;
	font-family: "a-otf-ud-reimin-pr6n",sans-serif;
}

.sectiontitle5 {
	padding-bottom: 16px;
	margin-top:25px;
	margin-bottom: 16px;
	background: url("../img/ttl_bg.png") no-repeat bottom center;
	text-align: center;
	font-size: 22px;
	letter-spacing: 0.1em;
	font-family: "a-otf-ud-reimin-pr6n",sans-serif;
}

h1 {
  font-family: "nautica",sans-serif;
  }

.body li {
	display: block;
	float: left;
}

.itemthumb {
	margin-bottom: 10px;
}

.itemthumb2 {
	float: left;
	width: 40%;
	margin-right: 5px;
	margin-bottom: 5px;
}

h2.itemtitle {
	font-size: 12px;
	padding-left: 5px;
	padding-bottom: 6px;
	font-family: "a-otf-ud-reimin-pr6n",sans-serif;
}

.itemmeta {
	font-size: 10px;
	color: #808080;
	font-style: italic;
	padding-left:5px;
	padding-bottom: 6px;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	font-family: Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

.itembody {
	font-size: 11px;
	letter-spacing: 0;
	line-height: 1.6em;
	padding-left:5px;
	padding-bottom:20px;
	font-family: "a-otf-ud-reimin-pr6n",sans-serif;
}

.itemname {
	letter-spacing: 0.1em;
	line-height: 1.2em;
}

.btntext {
	display: block;
	width: 160px;
	height: 36px;
	margin: 0 auto;
	background: url("../img/btn_more_bg.png") no-repeat;
	font-size: 12px;
	line-height: 1em;
	letter-spacing: 0.15em;
	text-align: center;
	padding-top: 11px;
	font-weight: bold;
}

.btn_arrow {
	background: url("../img/btn_more_arrow.png") no-repeat center right;
	padding: 0 15px;
}

.fade {
    font-size: 20px;
    font-weight: bold;
    animation-name: fadein;
    animation-duration: 2s;
    animation-iteration-count: 1;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* ----------------------------------------------------*/
/* topbox */

#topbox {
	max-width:480px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#topbox ul {
	margin-left:10px;
	list-style:none;
}

#topbox li {
	margin-bottom:5px;
}

/* ----------------------------------------------------*/
/* news */

#news {
	max-width:100%;
	background-image:url("../img/bg_news2.jpg");
	color:#333333;
	border-top:solid 1px #999;
	margin:auto;
}

.fbox {
	max-width:1000px;
	overflow:auto;
	height: 600px;
	margin:auto;
}

.nbox {
	max-width:1000px;
	margin:auto;
}

.nbox2 {
	max-width:1200px;
	margin:auto;
	background-color:#ffffff;
}

.nbox3 {
	max-width:1200px;
	margin:auto;
}

.nbox4 {
	max-width:1000px;
	margin-bottom: 20px;
}

#news ul {
		margin-right: 0;
		padding-bottom: 0;
		border-bottom: 1px dotted #cecece;
		margin-bottom: 20px;
	}

	#news li {
		width: 100%;
		border-top: 1px dotted #cecece;
	}

	#news li article {
		position: relative;
		padding: 10px 0;
	}

	#news .itemthumb {
		float: left;
		width: 15%;
		padding-right: 20px;
		margin-bottom: 0;
	}

	#news .itemtitle {
		position: absolute;
		top: 30%;
		left: 25%;
		padding-left: 20px;
		margin-top: -17px;
	}

	#news .itemmeta {
		position: absolute;
		top: 30%;
		left: 25%;
		padding-left: 20px;
	}

	#news .itembody{
		position: absolute;
		top: 50%;
		left: 25%;
		padding-left: 20px;
		
	}

#news h1 {
	font-family: "essonnes-display",sans-serif;
    font-style: normal;
    font-weight: 700;
}

/* ----------------------------------------------------*/
/* casestudy */

#casestudy {
	max-width:100%;
	margin:auto;
	background: #f1f1f1;
}

#casestudy ul {
	margin-right: -30px;
	padding-bottom: 60px;
}

#casestudy li {
	width: 25%;
}

#casestudy li article {
	padding-right: 30px;
}

#casestudy .itemthumb {
	-moz-border-radius: 8%;
	-webkit-border-radius:8%;
	-o-border-radius: 8%;
    -ms-border-radius: 8%;
	margin-bottom: 18px;
}

#casestudy .itemname {
	text-align: center;
}

#casestudy h1 {
	font-family: "essonnes-display",sans-serif;
    font-style: normal;
    font-weight: 700;
}

/* ----------------------------------------------------*/
/* works */

#works{
	max-width:100%;
	background-image:url("../img/bg-content2.jpg");
	margin:auto;
}

#works ul {
	margin-right: -20px;
}

#works li {
	width: 33.33333%;
}

#works li article {
	padding-right: 20px;
	padding-bottom: 40px;
}

#worksmore {
	text-align: center;
}

#infscr-loading {
	padding:20px;
	text-align: center;
}

#works .itemname {
	text-align: center;
	color:#000000;
}

#works h1 {
	font-family: "essonnes-display",sans-serif;
    font-style: normal;
    font-weight: 700;
}

#loading {
	display: none;
	padding:20px;
	text-align: center;
}

/* ----------------------------------------------------*/
/* info */

#info {
	max-width:100%;
	background-image:url("../img/sunbz4.png"),url("../img/sunbz5.png"),url("../img/everys-bg.jpg");
	background-position: top,bottom,left;
	background-repeat:repeat-x,repeat-x,no-repeat;
	background-size:auto,auto,cover;
	margin:auto;
}

.infobox {
　max-width: 1000px;
  margin:auto;
}

#info h1 {
	color:#E1E0E0;
	font-family: "essonnes-display",sans-serif;
    font-style: normal;
    font-weight: 700;
}

#info p {
	color: #000000;
  font-size: 16px;
  text-align:left;
}

.infogo{
	margin: auto;
	max-width: 180px;
	text-align:center;	
	background-color: antiquewhite;
	border:solid 1px #E5AAAB;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;	
	
}

.infogo a {
	display: block;
  width: 100%;
  height: 100%;
}

/* ----------------------------------------------------*/
/* topics */
#topics {
    max-width:100%;
	background-image:url("../img/everys-bg.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	margin:auto;
}

.topicbox {
	max-width:1200px;
	margin:auto;
}

#topics ul {
	margin-right: -20px;
	padding-bottom: 60px;
}

#topics li {
	width: 50%;
}

#topics li article {
	padding-right: 20px;
	margin-bottom:30px;	
}

#topics p {
	color:#111111;
}

#topics h1 {
	color:#111111;
	font-family: "essonnes-display",sans-serif;
    font-style: normal;
    font-weight: 700;
}

/* ----------------------------------------------------*/
/* topics2 */
#topics2 {
    max-width:100%;
	background-image:url("../cast/movie/img/allm-bg3.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	margin:auto;
}

.topicbox3 {
	max-width:1200px;
	margin:auto;
}

#topics2 ul {
	margin-right: -20px;
	padding-bottom: 0px;
}

#topics2 li {
	width: 50%;
}

#topics2 li article {
	padding-right: 20px;
	margin-bottom:30px;	
}

#topics2 p {
	color:#111111;
}

#topics2 h1 {
	color:#111111;
	font-family: "essonnes-display",sans-serif;
    font-style: normal;
    font-weight: 700;
}

/* ----------------------------------------------------*/
/* everys */

#everys {
	max-width:100%;
	background-image:url("../img/topic-bg.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	margin:auto;
}

.topicbox2 {
	max-width:1200px;
	margin:auto;
}

#everys ul {
	margin-right: -20px;
	padding-bottom: 60px;
}

#everys li {
	width: 33%;
}

#everys li article {
	padding-right: 20px;
	margin-bottom:20px;	
}

#everys p {
	color:#E1E0E0;
}

#everys h1 {
	color:#E1E0E0;
	font-family: "essonnes-display",sans-serif;
    font-style: normal;
    font-weight: 700;
}


/* ----------------------------------------------------*/
/* cast */

#cast {
	max-width:100%;
	color:#000000;
	margin:auto;
}

.cast_cont {
	max-width:1000px;
	margin:auto;
}

.cast_cont2 {
	max-width:1200px;
	margin:auto;
	background-color:#111111;
}

.cast_cont3 {
	max-width:1200px;
	margin:auto;
}

.cbox{
	background-image:url(../img/c_name.png);
	background-size:width 100%;
}

.recom {
	max-width:1000px;
	margin-bottom:50px;
	padding:20px 100px;
	text-align:left;
	background-image:url("../img/bg-7.jpg");
	background-position:50%;
	border:solid 1px #E5AAAB;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;	
}

.recom h1 {
	color:#000000;
}

.recom p {
	color:#000000;
}

.mpy {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

#cast ul {
	margin-right: -20px;
	padding-bottom: 60px;
}

#cast li {
	width: 33.33333%;
}

#cast li article {
	padding-right: 20px;
	
}

/* ----------------------------------------------------*/
/* costume */

#cos{
	max-width:100%;
	margin:auto;
}

.cos-crwn {
	margin:0 auto;
	padding-bottom:1px;
	width:100%;
}

#cos ul {
	margin-right: -20px;
	margin-bottom:50px;
}

#cos li {
	width: 12.5%;
}

#cos li article {
	padding-right: 20px;
	padding-bottom: 40px;
}

#cosmore {
	text-align: center;
}

#cos .itemname {
	text-align: center;
	color:#000000;
}

#cos h1 {
	font-family: "essonnes-display",sans-serif;
    font-style: normal;
    font-weight: 700;
}

#cosnew{
	max-width:100%;
	margin:auto;
	background-color: #FFE6E7;
}

#cosnew ul {
	margin-right: -20px;
	margin-bottom:50px;
}

#cosnew li {
	width: 25%;
}

#cosnew li article {
	padding-right: 20px;
	padding-bottom: 40px;
}

#cosmore {
	text-align: center;
}

#cosnew .itemname {
	text-align: center;
	color:#000000;
}

#cosnew h1 {
	font-family: "essonnes-display",sans-serif;
    font-style: normal;
    font-weight: 700;
}

.readmore{
	
    position: relative;
    box-sizing: border-box;
    /*以下お好み*/
    /* ボーダーを付ける場合 */
    padding: 0px;
    
}

.readmore-content{
    position: relative;
    overflow: hidden;
    /*以下お好み*/
    /*高さの初期値*/
    height: 750px;
}
.readmore-content::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
    height: 50px;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
}

/* 続きを読むボタン */
.readmore-label{
    display: table;
    bottom: 5px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin: 0 auto;
    z-index: 2;
    padding: 0 10px;
    background-color: #ff7777;
    border-radius: 10px;
    color: #FFF;
}
.readmore-label:before{
    content: '続きを読む';
}

.readmore-check{
    display: none;
}
/*チェック時にボタンを非表示*/
.readmore-check:checked ~ .readmore-label{
    position: static;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    /* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
    /* display: none; */
}
.readmore-check:checked ~ .readmore-label:before{
    content: '閉じる';
}
/*チェック時に高さを自動に戻す*/
.readmore-check:checked ~ .readmore-content{
    height: auto;
}
/*チェック時グラデーション等を削除*/
.readmore-check:checked ~ .readmore-content::before {
    display: none;
}

#loading {
	display: none;
	padding:20px;
	text-align: center;
}

/* ----------------------------------------------------*/
/* accessmap */

#accessmap {
	max-width:100%;
	margin:auto;
	background: #f1f1f1;
}

#accessmap ul {
	margin-right: -30px;
	padding-bottom: 60px;
}

#accessmap li {
	width: 50%;
}

#accessmap li article {
	padding-right: 30px;
}

#accessmap .itemthumb {
	border-radius: 8%;
	-webkit-border-radius: 8%;
	-moz-border-radius: 8%;
	margin-bottom: 18px;
}

#accessmap .itemname {
	text-align: center;
}

/* ----------------------------------------------------*/
/* heroevent */

.evetop {
	max-width:1400px;
	margin-bottom:50px;
}

.eve_cont {
	max-width:1400px;
	margin-bottom:50px;
	padding:20px 100px 30px;
	text-align:left;
	background-color:#fff;
	border:solid 1px #C99119;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-o-border-radius: 1em;
	-ms-border-radius: 1em;	
}

#heroevent {
	max-width:1400px;
	margin:auto;
	background: #f1f1f1;
}

.ebox {
	max-width:1400px;
	background-image:url(../img/event-bgpink.png);
	background-repeat:repeat;
	margin:auto;
}

#heroevent ul {
	margin-right: -30px;
	padding-bottom: 60px;
}

#heroevent li {
	width: 50%;
}

#heroevent li article {
	padding-right: 30px;
}

#heroevent .itemthumb {
	-moz-border-radius: 8%;
	-webkit-border-radius:8%;
	-o-border-radius: 8%;
    -ms-border-radius: 8%;
	margin-bottom: 18px;
}

#heroevent .itemname {
	text-align: center;
}


/* ----------------------------------------------------*/
/* footer */
#totop {
	text-align: center;
	padding: 14px 0 18px;
	border-top:1px;
	border-top-color:#000000;
}

#footer {
	clear: both;
	background: #000000;
}

#footer li {
	float: left;
	display: block;
}

#footer_right {
	float: right;
}

#footer_right a {
	display: block;
	padding: 26px 27px 20px;
	border-left: 1px solid #656565;
	text-align: center;
}

#footer_right a:hover {
	background: #656565;
}

#footer_left li{
	padding: 20px 0 20px 30px;
}

#copyright {
	font-size: 10px;
	line-height: 1em;
	color: #999999;
	padding-top: 10px;
}

/* ----------------------------------------------------*/
/* for note/tablet */
@media only screen and (min-width: 769px) and (max-width: 1280px) {
	.body {
		padding: 40px 20px;
	}
	
	#header {
		background-position: right;
		background-size: cover;
	}
	
	.imagearea {
		margin-top: 50px;
	}

	.naviarea {
		position: absolute;
		top:-50px;
		left:50%;
		margin-left: -100px;
	}

	.navibtn {
		padding: 20px 15px;
	}

	.morearea {
		height:130px;
	}

	.morearea li {
		height:130px;
	}

	.slidetitle {
		padding-top: 33px;
	}	

	.sectiontitle {
		margin-bottom: 40px;
	}

	#casestudy ul {
		margin-right: -20px;
		padding-bottom: 60px;
	}

	#casestudy li article {
		padding-right: 20px;
	}

	#works li {
		width: 50%;
	}

	#works li article {
		padding-bottom: 30px;
	}
	
	.eve_cont{
		padding: 20px 20px 20px;
	}

	#heroevent ul {
		margin-right: -20px;
		padding-bottom: 60px;
	}
	
	#heroevent li {
	width: 100%;
    }
	
	#heroevent li article {
		padding-right: 20px;
	}
	
	.box3{
	max-width:600px;
	}
	
	.infobox {width: 80%}
}

/* ----------------------------------------------------*/
/* for phone */
@media only screen and (max-width: 768px) {
	
	#header {
		height: auto;
		background-position: right;
		background-size:cover;
	}

	#header_body {
	float: none;
	height: 56px;
	text-align:center;
	}

	#menubtn {
		display: block;
	}

	#gnavi {
		float: none;
		padding: 0;
		overflow: hidden;
		height: 0;
	}

	#gnavi li {
		float: none;
		padding: 0;
		border-top: 1px solid #cccccc;
	}

	#gnavi li a {
		display: block;
		text-align: center;
		float: none;
		padding: 18px 40px 20px 40px;
		color: #ffffff;
		background: #333333;
	}

	#gnavi li a:hover {
		/*color: #000000;*/
		background: #656565;
	}

	.body {
		overflow-x: hidden;
		padding: 30px 10px;
	}
	
	.ofc5_cont {
		width:100%;
	}
	
	.box3{
	max-width:600px;
	}
	
	.nbox{
		display:block;
	}

	.sectiontitle {
		font-size: 16px;
		margin-bottom: 30px;
	}

	.itemname {
		font-size: 12px;
	}

	.imagearea {
		margin-top: 50px;
	}

	.naviarea {
		position: absolute;
		top:-50px;
		left:50%;
		margin-left: -100px;
	}

	.navibtn {
		padding: 20px 15px;
	}

	.morearea {
		height:80px;
	}

	.morearea li {
		height:80px;
	}
	
	.infobox {width: 90%}
	
	.infogo {
		margin-bottom: 20px;
	}
	
	.textbox2{
		margin: 10px;
	}
	
	
	#content9 {
	background-image:url("../img/bg-nipple.jpg");
	background-repeat:no-repeat;
	background-size:contain;
	background-color:cornsilk;
}

	#news ul {
		margin-right: 0;
		padding-bottom: 0;
		border-bottom: 1px dotted #cecece;
		margin-bottom: 20px;
	}

	#news li {
		width: 100%;
		border-top: 1px dotted #cecece;
	}

	#news li article {
		position: relative;
		padding: 20px 0;
	}

	#news .itemthumb {
		float: left;
		width: 27.5%;
		padding-right: 20px;
		margin-bottom: 0;
	}

	#news .itemtitle {
		position: absolute;
		top: 30%;
		left: 27.5%;
		padding-left: 20px;
		margin-top: -17px;
	}

	#news .itemmeta {
		position: absolute;
		top: 30%;
		left: 27.5%;
		padding-left: 20px;
	}

	#news .itembody{
		position: absolute;
		top: 50%;
		left: 27.5%;
		padding-left: 20px;
		
	}

	#casestudy ul {
		padding-bottom: 0;
	}

	#casestudy li {
		width: 50%;
		padding-bottom: 25px;
	}

	#casestudy .itemthumb {
		margin-bottom: 10px;
	}
	
	#works {
		margin:0 auto;
		padding-left:0;
		padding-right:0;
		padding-top:10;
	}

	#works ul {
		margin-right: 0;
	}

	#works li {
		width: 46%;
		margin:2%;
	}

	#works li article {
		padding-right: 0;
		padding-bottom: 30px;
	}
	
	#cast ul {
		margin-right: 0;
		padding-bottom: 0;
		border-bottom: 0px dotted #cecece;
		margin-bottom: 20px;
	}

	#cast li {
		width: 100%;
		border-top: 1px dotted #cecece;
	}

	#cast li article {
		position: relative;
		padding: 8px 0;
	}

	#cast .itemthumb {
		float: left;
		width: 40%;
		padding-right: 20px;
		margin-bottom: 0;
	}
	
	#cast .itemthumb2 {
		float: left;
		width: 22%;
		margin-right: 5px;
		margin-bottom: 5px;
	}

	#cast .itemtitle {
		position: absolute;
		top: 40%;
		left: 40%;
		padding-left: 15px;
		margin-top: -17px;
	}

	#cast .itemmeta {
		position: absolute;
		top: 40%;
		left: 40%;
		padding-left: 20px;
	}

	#cast .itembody{
		position: absolute;
		top: 60%;
		left: 40%;
		padding-left: 20px;
	}
	
	.recom {
		padding:20px 50px;
	}
	
	.titlebn2 img {
		max-width:60%;
    }
	
	.menu5 {
	width:100%;
	height:150px;
}
	
	.sectiontitle4 {
	padding-bottom: 16px;
	margin-top:25px;
	margin-bottom: 16px;
	background: url("../img/ttl_bg.png") no-repeat bottom center;
	text-align: center;
	font-size: 22px;
	letter-spacing: 0.1em;
	font-family: "a-otf-ud-reimin-pr6n",sans-serif;
}

	.sectiontitle5 {
	padding-bottom: 16px;
	margin-top:25px;
	margin-bottom: 16px;
	background: url("../img/ttl_bg.png") no-repeat bottom center;
	text-align: center;
	font-size: 22px;
	letter-spacing: 0.1em;
	font-family: "a-otf-ud-reimin-pr6n",sans-serif;
}
	
	#cos ul {
	margin-right: -5px;
	}

	#cos li {
		width: 20%;
	}
	
	#cos li article {
	padding-right: 5px;
	padding-bottom: 0px;
    }
	
	#cosnew ul {
	margin-right: -5px;
	}

	#cosnew li {
		width: 33.3%;
	}
	
	#cosnew li article {
	padding-right: 5px;
	padding-bottom: 0px;
    }
	
	#cosnew h1 {
	font-family: "essonnes-display",sans-serif;
    font-style: normal;
	font-size: 18px;
    font-weight: 600;
}
	
	.readmore-content{
    position: relative;
    overflow: hidden;
    /*以下お好み*/
    /*高さの初期値*/
    height: 350px;
}
	
	.eve_cont {
	margin-bottom:20px;
	padding:20px 30px;
	font-size: 12px;
	}
	
	.titlebn-all {
	padding-top:20px;
	padding-bottom:30px;
}
	
	#heroevent ul {
		padding-bottom: 0;
	}

	#heroevent li {
		width: 50%;
		padding-bottom: 25px;
	}

	#heroevent .itemthumb {
		margin-bottom: 10px;
	}

	#footer_right {
		float: none;
		margin-left: -1px;
		border-bottom: 1px solid #656565;
	}
	
	#accessmap ul {
		padding-bottom: 0;
	}

	#accessmap li {
		width: 100%;
		padding-bottom: 25px;
	}

	#accessmap .itemthumb {
		margin-bottom: 10px;
	}
	
	#footer_right li {
		width: 25%;
	}
	#footer_right a {
		padding: 12px 0 8px;
	}

	#footer_left {
		float: none;
		padding: 15px 0;
	}

	#footer_left li {
		float: none;
		text-align: center;
		padding: 0;
	}
}

@media (max-width: 480px){
	
	.titlebn2 img {
		max-width:80%;
    }
	
	.box2{
		padding:5px;
		font-size:12px;
	}
	
	.box3{
		max-width:480px;
		margin:0px 0px 0px;
		padding: 10px 5px;
	}
	
	td.FDBX9_le {
		padding:3px 3px 3px 1px;
	}
	
	td.FDBX9_uh {
		padding:3px 3px 3px 1px;
	}
	
	h2.itemtitle {
		font-size:12px;
	}
	
	h2 {
		font-family:"a-otf-ud-reimin-pr6n",sans-serif;
		font-size:12px;
    }
  
	h3 {
		font-family:"a-otf-ud-reimin-pr6n",sans-serif;
		font-size:10px;
    }
	
	.box {
		font-size:12px;
	}
	
	.textbox  {
		margin: 10px;
		padding: 15px 12px;
	}
	
	.textbox2 {
		margin: 10px;
		padding: 15px 12px;
	}
	
	img.crwn {
		width:50%;
		top:auto;
	}
	
	img.down{
	margin-bottom: 20px;
}

	#topics li {
	    width: 100%;
}
	
	#topics2 li {
	    width: 100%;
}
	
	#works ul {
		padding:0px 8px;
	}
	
	#everys li {
	    width: 50%;
    }
	
	#everys ul {
	    padding:0px px;
    }

	
	#works li {
		width: 100%;
		margin:0;
	}
	
	
	.titlebn-cos {
	margin:0 auto;
	text-align:center;
	padding-top:70px;
	padding-bottom:35px;
    }
	
	.sectiontitle4 {
	padding-bottom: 16px;
	margin-top:25px;
	margin-bottom: 16px;
	background: url("../img/ttl_bg.png") no-repeat bottom center;
	text-align: center;
	font-size: 22px;
	letter-spacing: 0.1em;
	font-family: "a-otf-ud-reimin-pr6n",sans-serif;
    }
	
	#cast .itemthumb2 {
		float: left;
		width: 22%;
		padding-right: 10px;
		padding-bottom: 0px;
		margin-bottom: 0;
	}

.recom {
	margin-bottom:20px;
	padding:20px 20px;
	}
	
	.eve_cont {
	margin-bottom:20px;
	padding:20px 5px;
	font-size: 12px;
	}
	
	#info p {
	color: #222222;
  font-size: 14px;
  text-align:left;
}
	
	.fbox {
		width: 95%;
		height: 400px;
	}
	
	#copyright {
		font-size:8px;
	}
	
}
.under {
  text-decoration: underline red;
}

.over {
  text-decoration: wavy overline lime;
}

.line {
  text-decoration: line-through;
}

.plain {
  text-decoration: none;
}

.underover {
  text-decoration: dashed underline overline;
}

.thick {
  text-decoration: solid underline purple 4px;
}

.blink {
  text-decoration: blink;
}

.sample1 {
	animation: blinking1 1s linear infinite;
	margin: 20px;
}

@keyframes blinking1 {
	0%,100% {
		opacity: 1;
	}
	
	50% {
		opacity: 0;
	}
}