/* print setting */

.fit {width:100%;height:100%;}
.fitW {width:100%;}
.fitH {height:100%;}
.sp {
	display:none;
}
.pc {
	display:block;
}
body {
	width:100%;
	height:100%;
	background:#FFF;
}
#wrapper {
	width: 100%;
	position: relative;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
	margin:0 auto;
	min-width:1200px;
	max-width:2000px;
	overflow:hidden;
	font-family: 'M PLUS 1p', sans-serif;
	font-size:16px;
	line-height:1.8em;
}
#contents {
	width:100%;
	margin:0;
	position:relative;
	padding-bottom:40px;
}
.contents-box {
	width:1120px;
	margin:0 auto;
	position:relative;
}
/*------------------------------------------------------------------------------
								MAIN AREA
------------------------------------------------------------------------------*/
#main-area-wrap {
	width:100%;
	height:auto;
}
#main-area {
	width:2600px;
	height:auto;
	overflow:hidden;
	position:relative;
	transform:scale(1.0);
	transform-origin:0 0;
}
#main-area h1,#main-area h3 {
	position:absolute;
	top:0px;
	left:0px;
	text-indent:-999999px;
}
#main-area #main-area-bg {
	width:100%;
	height:100%;
}
#main-area #main-area-bg img {
	width:100%;
	height:100%;
}
#main-area #main-area-bg-photo {
	position:absolute;
	top:0px;
	left:970px;
	width:1120px;
	height:1120px;
	background:url(../../img/top/pc_main_bg_photo.jpg) no-repeat center center;
}
#main-area #main-area-atari {
	position:absolute;
	top:0px;
	left:300px;
	width:100%;
	height:100%;
	background:url(../../img/top/pc_main_atari.jpg) no-repeat top left;
	opacity:0.5;
}
/* LOGO A*/
#main-area #logo-area {
	position:absolute;
	width:440px;
	height:1090px;
	left:350px;
	top:140px;
}
#main-area #logo-area li {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}
#main-area #cast-waku1 {
	position:absolute;
	width:602px;
	height:1064px;
	background:url(../../img/top/new/cast_waku1.png) no-repeat left top;
	right:295px;
	bottom:282px;
}
#main-area #cast-waku2 {
	position:absolute;
	width:602px;
	height:1064px;
	background:url(../../img/top/new/cast_waku2.png) no-repeat left top;
	left:779px;
	top:172px;
}
#main-area #cast-waku3 {
	position:absolute;
	width:165px;
	height:183px;
	background:url(../../img/top/new/cast_waku3.png) no-repeat left top;
	right:456px;
	bottom:205px;
}
#main-area #cast-waku4 {
	position:absolute;
	width:134px;
	height:203px;
	background:url(../../img/top/new/cast_waku4.png) no-repeat left top;
	right:339px;
	bottom:247px;
}
#main-area #cast-waku5 {
	position:absolute;
	width:136px;
	height:203px;
	background:url(../../img/top/new/cast_waku5.png) no-repeat left top;
	right:646px;
	bottom:164px;
}
#main-area #cast-waku6 {
	position:absolute;
	width:259px;
	height:227px;
	background:url(../../img/top/new/cast_waku6.png) no-repeat left top;
	right:810px;
	bottom:145px;
}
#main-area #cast-waku7 {
	position:absolute;
	width:154px;
	height:207px;
	background:url(../../img/top/new/cast_waku7.png) no-repeat left top;
	right:1043px;
	bottom:160px;
}
#main-area #cast-waku8 {
	position:absolute;
	width:299px;
	height:236px;
	background:url(../../img/top/new/cast_waku8.png) no-repeat left top;
	right:1203px;
	bottom:116px;
}
#main-area #cast-waku9 {
	position:absolute;
	width:339px;
	height:252px;
	background:url(../../img/top/new/cast_waku9.png) no-repeat left top;
	right:1453px;
	bottom:119px;
}
#main-area #cast1 {
	position:absolute;
	width:605px;
	height:1063px;
	background:url(../../img/top/new/cast1.png) no-repeat left top;
	right:307px;
	top:60px;
}
#main-area #cast2 {
	position:absolute;
	width:602px;
	height:1063px;
	background:url(../../img/top/new/cast2.png) no-repeat left top;
	left:766px;
	top:163px;
}
#main-area #cast3 {
	position:absolute;
	width:165px;
	height:184px;
	background:url(../../img/top/new/cast3.png) no-repeat left top;
	right:469px;
	bottom:215px;
}
#main-area #cast4 {
	position:absolute;
	width:134px;
	height:203px;
	background:url(../../img/top/new/cast4.png) no-repeat left top;
	right:351px;
	bottom:257px;
}
#main-area #cast5 {
	position:absolute;
	width:136px;
	height:203px;
	background:url(../../img/top/new/cast5.png) no-repeat left top;
	right:657px;
	bottom:173px;
}
#main-area #cast6 {
	position:absolute;
	width:260px;
	height:230px;
	background:url(../../img/top/new/cast6.png) no-repeat left top;
	right:818px;
	bottom:154px;
}
#main-area #cast6 img {
	width:100%;
	height:100%;
}
#main-area #cast7 {
	position:absolute;
	width:155px;
	height:208px;
	background:url(../../img/top/new/cast7.png) no-repeat left top;
	right:1056px;
	bottom:170px;
}
#main-area #cast8 {
	position:absolute;
	width:299px;
	height:239px;
	background:url(../../img/top/new/cast8.png) no-repeat left top;
	right:1217px;
	bottom:123px;
}
#main-area #cast9 {
	position:absolute;
	width:339px;
	height:253px;
	background:url(../../img/top/new/cast9.png) no-repeat left top;
	right:1467px;
	bottom:128px;
}
#main-area #logo-area #logo1 {background:url(../../img/top/new/logo1.png) no-repeat center center;	transform-origin:402px 109px;}
#main-area #logo-area #logo2 {background:url(../../img/top/new/logo2.png) no-repeat center center;	transform-origin:264px 95px;}
#main-area #logo-area #logo3 {background:url(../../img/top/new/logo3.png) no-repeat center center;	transform-origin:304px 242px;}
#main-area #logo-area #logo4 {background:url(../../img/top/new/logo4.png) no-repeat center center;	transform-origin:288px 401px;}
#main-area #logo-area #logo5 {background:url(../../img/top/new/logo5.png) no-repeat center center;	transform-origin:108px 264px;}
#main-area #logo-area #logo6 {background:url(../../img/top/new/logo6.png) no-repeat center center;	transform-origin:137px 503px;}
#main-area #logo-area #logo7 {background:url(../../img/top/new/logo7.png) no-repeat center center;	transform-origin:137px 664px;}
#main-area #logo-area #logo8 {background:url(../../img/top/new/logo8.png) no-repeat center center;	transform-origin:190px 805px;}
#main-area #logo-area #logo9 {background:url(../../img/top/new/logo9.png) no-repeat center center;	transform-origin:173px 987px;}

#main-area #day {
	position:absolute;
	width:800px;
	height:120px;/**/
	bottom:15px;/**/
	right:280px;
	background:url(../../img/top/bd_dvd/day_sp.png) no-repeat center center/ contain;
	text-indent:-999999px;
}
#main-area #copy1 {
	position:absolute;
	width:130px;
	height:380px;
	top:720px;
	left:630px;
}
#copy1 li {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}
#copy1 #copy1-1 {background:url(../../img/top/new/copy_a1.png) no-repeat center center;}
#copy1 #copy1-2 {background:url(../../img/top/new/copy_a2.png) no-repeat center center;}
#copy1 #copy1-3 {background:url(../../img/top/new/copy_a3.png) no-repeat center center;}
#copy1 #copy1-4 {background:url(../../img/top/new/copy_a4.png) no-repeat center center;}
#copy1 #copy1-5 {background:url(../../img/top/new/copy_a5.png) no-repeat center center;}
#copy1 #copy1-6 {background:url(../../img/top/new/copy_a6.png) no-repeat center center;}
#copy1 #copy1-7 {background:url(../../img/top/new/copy_a7.png) no-repeat center center;}
#copy1 #copy1-8 {background:url(../../img/top/new/copy_a8.png) no-repeat center center;}
#copy1 #copy1-9 {background:url(../../img/top/new/copy_a9.png) no-repeat center center;}
#copy1 #copy1-10 {background:url(../../img/top/new/copy_a10.png) no-repeat center center;}
#copy1 #copy1-11 {background:url(../../img/top/new/copy_a11.png) no-repeat center center;}
#copy1 #copy1-12 {background:url(../../img/top/new/copy_a12.png) no-repeat center center;}
#copy1 #copy1-13 {background:url(../../img/top/new/copy_a13.png) no-repeat center center;}
#copy1 #copy1-14 {background:url(../../img/top/new/copy_a14.png) no-repeat center center;}
#copy1 #copy1-15 {background:url(../../img/top/new/copy_a15.png) no-repeat center center;}
#main-area #copy2 {
	position:absolute;
	bottom:38px;
	left:50%;
	margin-left:-960px;
	background:url(../../img/top/new/copy2.png) no-repeat center center / contain;
	width:1120px;
	height:50px;
	text-indent:-999999px;
}
#main-area #main-area-icon {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(../../img/top/new/icon2.png) no-repeat top left;
}
/*------------------------------------------------------------------------------
								MIDDLE AREA
------------------------------------------------------------------------------*/
#middle-area {
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	padding:60px 0 45px;
	background:#FFFFFF;
}
#billing {
	width:1120px;
	height:200px;
	background:url(../../img/top/new/billing.gif) no-repeat center center;
	margin:0 auto;
	background-size:contain;
}
#billing h3,#billing h4,#billing h5,#billing h6 {
	text-indent:-999999px;
}
#sns-area {
	width:190px;
	overflow:hidden;
	position:relative;
	margin:40px auto 0;
}
#sns-area li {
	float:left;
	position:relative;
	width:40px;
	height:40px;
	margin-right:10px;
}
#sns-area li:first-child {
	opacity:0.6;
}
#sns-area li:last-child {
	margin-right:0px;
}
#sns-area li a {
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	text-indent:-999999px;
}
#sns-link {
	width:450px;
	overflow:hidden;
	position:relative;
	margin:30px auto 0;
}
#sns-link li {
	float:left;
	position:relative;
	width:220px;
	height:auto;
	margin-right:10px;
}
#sns-link li:last-child {
	margin-right:0px;
}
#sns-link li img {
	width:220px;
}
#sns-link li a {
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	text-indent:-999999px;
}
#mainBnr {
	width:1110px;/*4.7*/
	width:965px;/*5-6*/
	overflow:hidden;
	position:relative;
	margin:40px auto 0;
}
#mainBnr li {
	position:relative;
	width:270px;/*4*/
	width:315px;/*5-6*/
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}
#mainBnr li:nth-child(3) {
	margin-right:10px;/*4*/
	margin-right:0px;/*5-6*/
}
#mainBnr li:nth-child(4) {
	margin-left:0px;/*6*/
	margin-left:162px;/*5*/
	margin-right:10px;
}
#mainBnr li:nth-child(5) {
	margin-left:140px;/*7*/
	margin-left:0px;/*5*/
} 
#mainBnr li:last-child {
	margin-right:0px;
}
#mainBnr li img {
	width:100%;
}
#mainBnr li a {
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	text-indent:-999999px;
}

#mt-link {
	width:990px;
	overflow:hidden;
	position:relative;
	margin:40px auto 0;
}
#mt-link li {
	float:left;
	position:relative;
	width:240px;
	height:auto;
	margin-right:10px;
	margin-bottom:15px;
}
#mt-link li:nth-child(4) {
	margin-right:0px;
}
#mt-link li:nth-child(5) {
	margin-left:0px;/*8*/
	margin-left:125px;/*7*/
	margin-left:250px;/*6*/
}
#mt-link li:last-child {
	margin-right:0px;
}
#mt-link li img {
	width:100%;
}
#mt-link li a {
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	text-indent:-999999px;
}
#iconArea {
	width:620px;
	position:relative;
	overflow:hidden;
	margin:0 auto 40px;
}
#iconArea li {
	width:280px;
	height:auto;
	float:left;
	margin-right:60px;
}
#iconArea li:last-child {
	margin-right:0px;
}
#iconArea li img {
	width:100%;
}
/*------------------------------------------------------------------------------
								TRAILER AREA
------------------------------------------------------------------------------*/
#trailer-area {
	width:100%;
	background:url(../../img/top/trailer_back.jpg) repeat center center;
	padding:35px 0 35px;
	box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.25)inset;
}
#trailer-area .prArea {  
	margin: 0 auto 0 auto;
	padding:0 0 0px 0;
	color: #000;
	font-size: 16px;
	line-height: 1.6em;
	width:800px;
}

#trailer-area .video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin:0;
	background:#000000;
}
#trailer-area .video-container iframe {
	position: absolute;
	top: 2px;
	left: 0;
	width: 100%;
	height: 100%;
}
#trailer-area .trailerArea ul {
	max-width:100%;
	margin: 20px auto 0 auto;
	overflow:hidden;
	position:relative;
}
#trailer-area .trailerArea ul .trailerBtn {
	background:#FFFFFF;
	margin:0 1.3333% 0 0;
	float:left;
	height:60px;
	box-sizing:border-box;
	padding:8px 0 0;
	position: relative;
	font-weight:900;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#trailer-area .trailerArea ul .half {
	width:24.25%;
	margin:0 1% 1% 0;
}
#trailer-area .trailerArea ul .half2 {
	width:24.25%;
	margin:0 1% 1% 0;
}
#trailer-area .trailerArea ul .half3 {
	width:28.25%;
	margin:0 1% 1% 0;
}
#trailer-area .trailerArea ul .half4 {
	width:45.5%;
	margin:0 1% 1% 0;
}
#trailer-area .trailerArea ul .half:nth-child(4) {
	margin:0 0 1% 0;
}
#trailer-area .trailerArea ul .half:nth-child(8) {
	margin:0 0 1% 0;
}
#trailer-area .trailerArea ul .half:last-child {
	margin:0 0 1% 0;
}
#trailer-area .trailerArea ul li a {
	width:100%;
	height:100%;
	position:absolute;
	font-size:20px;
	text-align:center;
	color:#cc6600;
	font-weight:500;
	line-height:1.2em;
	box-sizing:border-box;
}
#trailer-area .trailerArea ul li.new a {
	padding-left:28px;
}
#trailer-area .trailerArea ul li.new a .newIcon {
	position:absolute;
	top:-2px;
	left:8px;
	width:26px;
	height:26px;
	text-indent:-999999px;
	background:url(../../img/top/new/new_icon.png) no-repeat center center;
	background-size:contain;
}
#trailer-area .trailerArea ul li a span {
	display:block;
	font-size:14px;
}
#trailer-area .trailerArea ul li a i {
	font-size:18px;
	font-style:normal;
}
#trailer-area .trailerArea ul li a:hover {
	text-decoration:none;
	color:#cc6600;
}

#trailer-area .trailerArea ul li a:active {
	text-decoration:none;
}
/*------------------------------------------------------------------------------
								INTRO AREA
------------------------------------------------------------------------------*/
#intro-area {
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	padding:140px 0 400px;
	background:url(../../img/top/2110/intro_back.jpg) no-repeat center bottom -120px;
}
#intro-area h2 {
	width:auto;
	height:auto;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:55px;
	line-height:30px;
	margin-bottom:20px;
}
#intro-area #tit_intro {
	color:#f5a226;
}
#intro-area #tit_story {
	color:#afd25e;
}
#intro-area h3 {
	position:absolute;
	top:0px;
	right:0px;
	width:250px;
	height:830px;
	background:url(../../img/top/2110/intro_midashi.gif) no-repeat right top;
	text-indent:-999999px;
}
#intro-area h4 {
	font-family: 'M PLUS 1p', sans-serif;
	margin:20px 0 50px;
	color:#603441;
	font-size:30px;
	font-weight:700;
	line-height:1.4em;
}
#intro-area p {
	text-align:justify;
	padding-right:280px;
	color:#603441;
	font-size:16px;
	line-height:1.8em;
	font-weight:500;
	margin-top:0px;
	text-shadow:1px 1px 2px #f7f3df,-1px -1px 2px #f7f3df,1px 1px 2px #f7f3df,-1px -1px 2px #f7f3df;
}
#intro-area .margin20 {
	margin-top:20px;
}
#intro-area .chu {
	font-size:12px;
	margin-top:15px;
	font-weight:500;
}
/*------------------------------------------------------------------------------
								CHARA STAFF AREA
------------------------------------------------------------------------------*/
#chara_staff {
	background:url(../../img/top/2110/chara_back.jpg) repeat-y;
	background-position:center top;
	background-attachment:fixed;
}
#chara_staff h2 {
	width:auto;
	height:auto;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:55px;
	line-height:30px;
	margin-bottom:50px;
	color:#603441;
}
/*------------------------------------------------------------------------------
								CHARA AREA
------------------------------------------------------------------------------*/
#chara-thum-area {
	padding:140px 0 0;
}
#chara-thum-area .contents-box {
	width:1200px;
	margin:0 auto;
	position:relative;
}
#chara-thum-area h2 {
	margin-left:40px;
}
#chara-thum-area #chara-thum {
	width:100%;
	position:relative;
	height:880px;
}
#chara-thum-area #chara-thum li {
	position:absolute;
}
#chara-thum-area #chara-thum li a {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	text-indent:-999999px;
}
#chara-thum-area #chara-thum li .photo {
	position:absolute;
	width:100%;
	height:100%;
	transition: all .3s;
	transform:scale(1.00);
}
#chara-thum-area #chara-thum li .photo img {
	width:100%;
	height:100%;
}
#chara-thum-area #chara-thum li .zoom-icon {
	position:absolute;
	width:40px;
	height:40px;
	background:url(../../img/top/2110/chara_zoom_icon.png) no-repeat center center / contain;
	transition: all .3s;
	transform:scale(1.00);
}
#chara-thum-area #chara-thum li:hover > .photo {
	transition: all .3s;
	transform:scale(1.03);
}

#chara-thum-area #chara-thum li:hover > .zoom-icon {
	transition: all .3s;
	transform:scale(1.2);
}

#chara-thum-area #chara-thum #chara-thum1 {
	width:360px;
	height:464px;
	top:-10px;
	left:25px;
}
#chara-thum-area #chara-thum #chara-thum2 {
	width:360px;
	height:448px;
	top:6px;
	left:422px;
}
#chara-thum-area #chara-thum #chara-thum3 {
	width:336px;
	height:224px;
	top:-5px;
	left:810px;
}
#chara-thum-area #chara-thum #chara-thum4 {
	width:352px;
	height:216px;
	top:238px;
	left:806px;
}
#chara-thum-area #chara-thum #chara-thum5 {
	width:304px;
	height:184px;
	top:470px;
	left:24px;
}
#chara-thum-area #chara-thum #chara-thum6 {
	width:240px;
	height:168px;
	top:482px;
	left:352px;
}
#chara-thum-area #chara-thum #chara-thum7 {
	width:248px;
	height:168px;
	top:494px;
	left:622px;
}
#chara-thum-area #chara-thum #chara-thum8 {
	width:256px;
	height:160px;
	top:488px;
	left:908px;
}
#chara-thum-area #chara-thum #chara-thum9 {
	width:240px;
	height:160px;
	top:690px;
	left:40px;
}
#chara-thum-area #chara-thum #chara-thum10 {
	width:248px;
	height:168px;
	top:700px;
	left:324px;
}
#chara-thum-area #chara-thum #chara-thum11 {
	width:264px;
	height:176px;
	top:678px;
	left:608px;
}
#chara-thum-area #chara-thum #chara-thum12 {
	width:256px;
	height:176px;
	top:688px;
	left:906px;
}
#chara-thum-area #chara-thum #chara-thum1 .photo {background:url(../../img/top/2110/chara_thum1.png) no-repeat center center / contain;}
#chara-thum-area #chara-thum #chara-thum2 .photo {background:url(../../img/top/2110/chara_thum2.png) no-repeat center center / contain;}
#chara-thum-area #chara-thum #chara-thum3 .photo {background:url(../../img/top/2110/chara_thum3.png) no-repeat center center / contain;}
#chara-thum-area #chara-thum #chara-thum4 .photo {background:url(../../img/top/2110/chara_thum4.png) no-repeat center center / contain;}
#chara-thum-area #chara-thum #chara-thum5 .photo {background:url(../../img/top/2110/chara_thum5.png) no-repeat center center / contain;}
#chara-thum-area #chara-thum #chara-thum6 .photo {background:url(../../img/top/2110/chara_thum6.png) no-repeat center center / contain;}
#chara-thum-area #chara-thum #chara-thum7 .photo {background:url(../../img/top/2110/chara_thum7.png) no-repeat center center / contain;}
#chara-thum-area #chara-thum #chara-thum8 .photo {background:url(../../img/top/2110/chara_thum8.png) no-repeat center center / contain;}
#chara-thum-area #chara-thum #chara-thum9 .photo {background:url(../../img/top/2110/chara_thum9.png) no-repeat center center / contain;}
#chara-thum-area #chara-thum #chara-thum10 .photo {background:url(../../img/top/2110/chara_thum10.png) no-repeat center center / contain;}
#chara-thum-area #chara-thum #chara-thum11 .photo {background:url(../../img/top/2110/chara_thum11.png) no-repeat center center / contain;}
#chara-thum-area #chara-thum #chara-thum12 .photo {background:url(../../img/top/2110/chara_thum12.png) no-repeat center center / contain;}

#chara-thum-area #chara-thum li .chara-name-maru {
	opacity:0.4;
	position:absolute;
	z-index:10;
}
#chara-thum-area #chara-thum #chara-thum1 .chara-name-maru {
	width:200px;
	height:200px;
	top:182px;
	left:-46px;
	background:url(../../img/top/2110/chara_name_back_thum1.png) no-repeat center center / contain;
}
#chara-thum-area #chara-thum #chara-thum2 .chara-name-maru {
	width:200px;
	height:200px;
	top:-46px;
	right:-56px;
	background:url(../../img/top/2110/chara_name_back_thum2.png) no-repeat center center / contain;
}
#chara-thum-area #chara-thum #chara-thum3 .chara-name-maru {
	width:152px;
	height:152px;
	bottom:-10px;
	right:-52px;
	background:url(../../img/top/2110/chara_name_back_thum3.png) no-repeat center center / contain;
}
#chara-thum-area #chara-thum #chara-thum4 .chara-name-maru {
	width:134px;
	height:134px;
	top:-8px;
	left:-14px;
	background:url(../../img/top/2110/chara_name_back_thum4.png) no-repeat center center / contain;
}
#chara-thum-area #chara-thum #chara-thum5 .chara-name-maru {
	width:120px;
	height:120px;
	bottom:-14px;
	left:-10px;
	background:url(../../img/top/2110/chara_name_back_thum5.png) no-repeat center center / contain;
}
#chara-thum-area #chara-thum #chara-thum6 .chara-name-maru {
	width:134px;
	height:134px;
	top:-32px;
	left:-34px;
	background:url(../../img/top/2110/chara_name_back_thum6.png) no-repeat center center / contain;
}
#chara-thum-area #chara-thum #chara-thum7 .chara-name-maru {
	width:110px;
	height:110px;
	bottom:-12px;
	left:-8px;
	background:url(../../img/top/2110/chara_name_back_thum7.png) no-repeat center center / contain;
}
#chara-thum-area #chara-thum #chara-thum8 .chara-name-maru {
	width:112px;
	height:112px;
	top:-10px;
	left:-24px;
	background:url(../../img/top/2110/chara_name_back_thum8.png) no-repeat center center / contain;
}
#chara-thum-area #chara-thum #chara-thum9 .chara-name-maru {
	width:104px;
	height:104px;
	top:-12px;
	right:-14px;
	background:url(../../img/top/2110/chara_name_back_thum9.png) no-repeat center center / contain;
}
#chara-thum-area #chara-thum #chara-thum10 .chara-name-maru {
	width:120px;
	height:120px;
	top:18px;
	right:-28px;
	background:url(../../img/top/2110/chara_name_back_thum10.png) no-repeat center center / contain;
}
#chara-thum-area #chara-thum #chara-thum11 .chara-name-maru {
	width:96px;
	height:96px;
	top:-6px;
	right:-14px;
	background:url(../../img/top/2110/chara_name_back_thum11.png) no-repeat center center / contain;
}
#chara-thum-area #chara-thum #chara-thum12 .chara-name-maru {
	width:112px;
	height:112px;
	top:-20px;
	right:-22px;
	background:url(../../img/top/2110/chara_name_back_thum12.png) no-repeat center center / contain;
}

#chara-thum-area #chara-thum li h3 {
	font-size:24px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:700;
	color:#FFFFFF;
	text-align:center;
	position:absolute;
	line-height:1em;
	z-index:10;
}
#chara-thum-area #chara-thum li h3 span {
	display:block;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
	color:#ffff33;
	line-height:1em;
	font-size:16px;
	margin-top:8px;
}
#chara-thum-area #chara-thum li h3 span em {
	display:block;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:600;
	color:#ffff33;
	line-height:1em;
	font-size:12px;
	margin-top:4px;
	font-style:normal;
}
#chara-thum-area #chara-thum #chara-thum1 h3 {
	font-size:32px;
	top:250px;
	left:26px;
}
#chara-thum-area #chara-thum #chara-thum2 h3 {
	font-size:32px;
	top:30px;
	right:-4px;
}
#chara-thum-area #chara-thum #chara-thum3 h3 {
	font-size:26px;
	bottom:36px;
	right:-40px;
}
#chara-thum-area #chara-thum #chara-thum4 h3 {
	font-size:26px;
	top:38px;
	left:16px;
}
#chara-thum-area #chara-thum #chara-thum5 h3 {
	bottom:8px;
	left:10px;
}
#chara-thum-area #chara-thum #chara-thum6 h3 {
	top:18px;
	left:-26px;
}
#chara-thum-area #chara-thum #chara-thum7 h3 {
	bottom:20px;
	left:-8px;
}
#chara-thum-area #chara-thum #chara-thum8 h3 {
	top:26px;
	left:-16px;
}
#chara-thum-area #chara-thum #chara-thum9 h3 {
	top:20px;
	right:-10px;
}
#chara-thum-area #chara-thum #chara-thum10 h3 {
	top:60px;
	right:-18px;
}
#chara-thum-area #chara-thum #chara-thum11 h3 {
	top:22px;
	right:0px;
}
#chara-thum-area #chara-thum #chara-thum12 h3 {
	top:18px;
	right:-2px;
}

#chara-thum-area #chara-thum #chara-thum1 h3 span {
	font-size:22px;
	margin-top:10px;
}
#chara-thum-area #chara-thum #chara-thum2 h3 span {
	font-size:22px;
	margin-top:10px;
}
#chara-thum-area #chara-thum #chara-thum3 h3 span {
	font-size:18px;
	margin-top:10px;
}
#chara-thum-area #chara-thum #chara-thum4 h3 span {
	font-size:18px;
	margin-top:10px;
}
#chara-thum-area #chara-thum #chara-thum7 h3 span {
	transform: scale(0.8, 1);
}
#chara-thum-area #chara-thum #chara-thum9 h3 span {
	transform: scale(0.9, 1);
}

#chara-thum-area #chara-thum #chara-thum1 .zoom-icon {bottom:40px;right:16px;}
#chara-thum-area #chara-thum #chara-thum2 .zoom-icon {bottom:14px;right:38px;}
#chara-thum-area #chara-thum #chara-thum3 .zoom-icon {bottom:14px;left:8px;}
#chara-thum-area #chara-thum #chara-thum4 .zoom-icon {bottom:14px;right:28px;}
#chara-thum-area #chara-thum #chara-thum5 .zoom-icon {bottom:14px;right:16px;}
#chara-thum-area #chara-thum #chara-thum6 .zoom-icon {bottom:14px;right:16px;}
#chara-thum-area #chara-thum #chara-thum7 .zoom-icon {bottom:16px;right:20px;}
#chara-thum-area #chara-thum #chara-thum8 .zoom-icon {bottom:12px;right:32px;}
#chara-thum-area #chara-thum #chara-thum9 .zoom-icon {bottom:14px;right:16px;}
#chara-thum-area #chara-thum #chara-thum10 .zoom-icon {bottom:24px;left:8px;}
#chara-thum-area #chara-thum #chara-thum11 .zoom-icon {bottom:14px;right:14px;}
#chara-thum-area #chara-thum #chara-thum12 .zoom-icon {bottom:24px;right:12px;}
/*------------------------------------------------------------------------------
								STAFF AREA
------------------------------------------------------------------------------*/
#staff-area {
	padding:140px 0 140px;
	position:relative;
	overflow:hidden;
	zoom:1;
}
#staff-area .left-box {
	box-sizing:border-box;
	position:relative;
	width:680px;
	padding:30px 390px 30px 30px;
	background:#FFFFFF;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	overflow:hidden;
	zoom:1;
	float:left;
}
#staff-area .right-box {
	box-sizing:border-box;
	position:relative;
	width:420px;
	padding:30px;
	background:#FFFFFF;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	overflow:hidden;
	zoom:1;
	float:right;
}
#staff-area .left-box #staff-photo {
	width:330px;
	height:530px;
	background:url(../../img/top/2110/staff_photo.jpg) no-repeat center top;
	background-size:cover;
	margin-left:30px;
	position:absolute;
	top:30px;
	right:30px;
}
#staff-area .staff-icon {
	height:30px;
	padding-bottom:50px;
	line-height:18px;
	text-align:center;
	background:url(../../img/top/2110/staff_icon.gif) no-repeat center bottom;
	background-size:80px auto;
	font-family: 'Noto Sans JP', sans-serif;
	color:#603441;
	font-size:18px;
	font-weight:600;
	margin-bottom:15px;
}
#staff-area .left-box .staff-icon {
	width:260px;
}
#staff-area .right-box .staff-icon {
	width:360px;
	margin-bottom:15px;
}
#staff-area h3 {
	text-align:center;
	font-size:32px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:700;
	color:#603441;
	line-height:1em;
}
#staff-area h5 {
	text-align:center;
	font-size:20px;
	font-family: 'Modak', cursive;
	color:#603441;
	line-height:1em;
	margin:10px 0 24px;
	font-weight:normal;
}
#staff-area p {
	text-align:justify;
	padding-right:280px;
	color:#603441;
	font-size:16px;
	line-height:1.6em;
	font-weight:500;
	margin-top:0px;
	padding:0;
}
#staff-area p span {
	display:block;
	text-align:center;
	margin-bottom:4px;
	font-family: 'Lato', sans-serif;
	font-weight:400;
}
/*------------------------------------------------------------------------------
								BOOKS AREA
------------------------------------------------------------------------------*/
#books-area {
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	padding:140px 0 140px;
	background:url(../../img/top/2110/books_back.jpg) repeat-x center top;
	background-size:200px auto;
}
#books-area h2 {
	width:auto;
	height:auto;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:55px;
	line-height:30px;
	margin-bottom:50px;
	color:#603441;
}
#books-area #books-sub1 {
	background:url(../../img/top/2110/books_sub1.png) no-repeat center center;
	background-size:auto 32px;
	margin:0 auto;
	text-indent:-999999px;
	height:40px;
	width:200px;
	border-left:4px solid #603441;
	border-right:4px solid #603441;
	box-sizing:border-box;
	text-align:center;
	margin-bottom:40px;
}
#books-area #books-sub2 {
	background:url(../../img/top/2110/books_sub2.png) no-repeat center center;
	background-size:auto 32px;
	margin:0 auto;
	text-indent:-999999px;
	height:40px;
	width:200px;
	border-left:4px solid #603441;
	border-right:4px solid #603441;
	box-sizing:border-box;
	text-align:center;
	margin-top:60px;
	margin-bottom:40px;
}
#books-area h3 {
	width:800px;
	height:50px;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:20px;
	line-height:50px;
	margin: 0px auto 10px;
	color:#603441;
	text-indent:-999999px;
	background:url(../../img/top/2110/books_midashi.png) no-repeat center center;
}
#books-area h5 {
	text-align:center;
	font-size:24px;
	font-family: 'Noto Sans JP', sans-serif;
	color:#603441;
	font-weight:700;	
}
#books-area h6 {
	font-size:12px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:600;
	color:#603441;
	text-align:center;
	margin-bottom:20px;
}
#books-area h7 {
	display:block;
	font-size:32px;
	font-family: 'Noto Sans JP', sans-serif;
	color:#603441;
	font-weight:700;
	margin:35px 0 25px;
}
#books-area .main-txt {
	font-size:22px;
	font-weight:700;
	color:#603441;
	text-align:center;
}
#books-area #books1 {
	position:relative;
	overflow:hidden;
	zoom:1;
	margin-top:20px;
}
#books-area #books2 {
	position:relative;
	overflow:hidden;
	zoom:1;
	margin-top:0px;
}
#books-area #books1 li {
	width:175px;
	margin-right:14px;
	margin-top:14px;
	float:left;
}
#books-area #books2 li {
	width:380px;
	margin-right:0;
	margin-top:0;
	float:left;
	position:relative;
	overflow:hidden;
}
#books-area #books2 li .books2-img {
	width:175px;
	float:left;
	margin-right:15px;
}
#books-area #books2 li .books2-img img {
	width:100%;
}
#books-area #books2 li:last-child {
	width:360px;
}
#books-area #books1 li:nth-of-type(6n) {
	margin-right:0px;
}
#books-area #books1 li img {
	width:100%;
}
#books-area p.line-b {
	text-align:justify;
	padding-right:280px;
	color:#603441;
	font-size:16px;
	line-height:1.6em;
	font-weight:500;
	margin-top:0px;
	padding:0;
	padding-bottom:60px;
	border-bottom:1px solid #603441;
}
#books-area p span {
	display:block;
	text-align:left;
	margin-bottom:4px;
	font-family: 'Lato', sans-serif;
	font-weight:400;
}
#books-area #books2 li h7 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size:18px;
	padding:0px;
	margin:0px;
	height:auto;
	line-height:1.4em;
	font-weight:700;
}
#books-area #books2 li h8 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size:14px;
	font-weight:700;
	line-height:1em;
	padding:0px;
	margin:76px 0 8px;
	height:auto;
	color:#603441;
	display:block;
}
#books-area #books2 li p {
	font-family: 'M PLUS 1p', sans-serif;
	font-size:13px;
	padding:0px;
	margin:10px 0 0 0;
	height:auto;
	color:#603441;
	line-height:1.8em;
	font-weight:600;
}
/*------------------------------------------------------------------------------
								TV AREA
------------------------------------------------------------------------------*/
#tv-area {
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	padding:140px 0 140px;
	background:url(../../img/top/2110/tv_back.jpg) repeat center top / 250px 250px;
	position:relative;
}
#tv-area h2 {
	width:auto;
	height:30px;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:55px;
	line-height:30px;
	color:#603441;
	margin:0 30px 50px 0;
	margin-right:30px;
}
#tv-area #tv-sub {
	position:absolute;
	top:-10px;
	left:330px;
	background:url(../../img/top/2110/tv_sub.png) no-repeat center center;
	background-size:auto 32px;
	text-indent:-999999px;
	height:40px;
	width:220px;
	border-left:4px solid #603441;
	border-right:4px solid #603441;
	box-sizing:border-box;
	text-align:center;
}
#tv-area #tv-midashi {
	position:absolute;
	top:-10px;
	left:560px;
	background:url(../../img/top/2110/tv-midashi.png) no-repeat center center;
	background-size:auto 36px;
	text-indent:-999999px;
	height:40px;
	width:528px;
}
#tv-main {
	width:100%;
	position:relative;
	overflow:hidden;
	height:540px;
}
#tv-main #tv_main-box {
	width:9880px;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-1000px;
	overflow:hidden;
}
#tv-main #tv_main-box ul {
	position:relative;
	overflow:hidden;
	float:left;
	padding:60px 0 100px;
}
#tv-main #tv_main-box ul li {
	float:left;
	width:540px;
	box-sizing:border-box;
	padding:0 60px;
	position:relative;
}
#tv-main #tv_main-box ul li  h5 {
	width:170px;
	height:170px;
	text-indent:-999999px;
	margin:0 0 15px -20px;
}
#tv-main #tv_main-box ul li p {
	font-size:16px;
	line-height:25px;
	color:#603441;
	font-weight:500;
	text-align:justify;
}
#tv-main #tv_main-box ul li  #sp-midashi {
	width:480px;
	height:380px;
	background:url(../../img/top/2110/tv_sp_tit.png) no-repeat center center / 360px;
	text-indent:-999999px;
	margin:0;
}
#tv-main .maru-c {
	width:960px;
	position:absolute;
	bottom:40px;
	left:50%;
	margin-left:-480px;
	font-size:12px;
	color:#603441;
	text-align:right;
	font-weight:500;
}
#tv-main #maru-c1 {
	display:block;
}
#tv-main #maru-c2 {
	display:none;
}
#tv-main #tv_main-box ul #tv1-1 h5 {background:url(../../img/top/2110/tv_icon1.png) no-repeat center center / contain;}
#tv-main #tv_main-box ul #tv1-2 h5 {background:url(../../img/top/2110/tv_icon2.png) no-repeat center center / contain;}
#tv-main #tv_main-box ul #tv1-3 h5 {background:url(../../img/top/2110/tv_icon3.png) no-repeat center center / contain;}
#tv-main #tv_main-box ul #tv1-4 h5 {background:url(../../img/top/2110/tv_icon4.png) no-repeat center center / contain;}
#tv-main #tv_main-box ul #tv1-5 h5 {background:url(../../img/top/2110/tv_icon5.png) no-repeat center center / contain;}
#tv-main #tv_main-box ul #tv1-6 h5 {background:url(../../img/top/2110/tv_icon6.png) no-repeat center center / contain;}
#tv-main #tv_main-box ul #tv1-7 h5 {background:url(../../img/top/2110/tv_icon7.png) no-repeat center center / contain;}
#tv-main #tv_main-box ul #tv1-8 h5 {background:url(../../img/top/2110/tv_icon8.png) no-repeat center center / contain;}
#tv-main #tv_main-box ul #tv1-9 h5 {background:url(../../img/top/2110/tv_icon9.png) no-repeat center center / contain;}
#tv-main #tv_main-box ul #tv1-10 h5 {background:url(../../img/top/2110/tv_icon10.png) no-repeat center center / contain;}
#tv-main #tv_main-box ul #tv1-11 h5 {background:url(../../img/top/2110/tv_icon11.png) no-repeat center center / contain;}
#tv-main #tv_main-box ul #tv1-12 h5 {background:url(../../img/top/2110/tv_icon12.png) no-repeat center center / contain;}
#tv-main #tv_main-box ul #tv2-1 h5 {background:url(../../img/top/2110/tv_icon_sp1.png) no-repeat center center / contain;}
#tv-main #tv_main-box ul #tv2-2 h5 {background:url(../../img/top/2110/tv_icon_sp2.png) no-repeat center center / contain;}
#tv-main #tv_main-box ul #tv2-3 h5 {background:url(../../img/top/2110/tv_icon_sp3.png) no-repeat center center / contain;}
#tv-main #tv_main-box ul li .photo {
	width:260px;
	height:170px;
	position:absolute;
	top:0px;
	right:60px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}
#tv-main #tv_main-box ul li #photo1-1 {background:url(../../img/top/2110/tv_img1.jpg) no-repeat center center / cover;}
#tv-main #tv_main-box ul li #photo1-2 {background:url(../../img/top/2110/tv_img2.jpg) no-repeat center center / cover;}
#tv-main #tv_main-box ul li #photo1-3 {background:url(../../img/top/2110/tv_img3.jpg) no-repeat center center / cover;}
#tv-main #tv_main-box ul li #photo1-4 {background:url(../../img/top/2110/tv_img4.jpg) no-repeat center center / cover;}
#tv-main #tv_main-box ul li #photo1-5 {background:url(../../img/top/2110/tv_img5.jpg) no-repeat center center / cover;}
#tv-main #tv_main-box ul li #photo1-6 {background:url(../../img/top/2110/tv_img6.jpg) no-repeat center center / cover;}
#tv-main #tv_main-box ul li #photo1-7 {background:url(../../img/top/2110/tv_img7.jpg) no-repeat center center / cover;}
#tv-main #tv_main-box ul li #photo1-8 {background:url(../../img/top/2110/tv_img8.jpg) no-repeat center center / cover;}
#tv-main #tv_main-box ul li #photo1-9 {background:url(../../img/top/2110/tv_img9.jpg) no-repeat center center / cover;}
#tv-main #tv_main-box ul li #photo1-10 {background:url(../../img/top/2110/tv_img10.jpg) no-repeat center center / cover;}
#tv-main #tv_main-box ul li #photo1-11 {background:url(../../img/top/2110/tv_img11.jpg) no-repeat center center / cover;}
#tv-main #tv_main-box ul li #photo1-12 {background:url(../../img/top/2110/tv_img12.jpg) no-repeat center center / cover;}
#tv-main #tv_main-box ul li #photo2-1 {background:url(../../img/top/2110/tv_img_sp1.jpg) no-repeat center center / cover;}
#tv-main #tv_main-box ul li #photo2-2 {background:url(../../img/top/2110/tv_img_sp2.jpg) no-repeat center center / cover;}
#tv-main #tv_main-box ul li #photo2-3 {background:url(../../img/top/2110/tv_img_sp3.jpg) no-repeat center center / cover;}
#tv-main #tv_main-box ul .width460 {
	height:10px;
	width:460px;
}
#tv-main #tv_main-box .tv_main1 {
	width:6940px;
	background:url(../../img/top/2110/tv_back_a.png) repeat center top;
}
#tv-main #tv_main-box .tv_main2 {
	width:2620px;
	background:url(../../img/top/2110/tv_back_b.png) repeat center top;
}

#tv-main .navi li {
	width:50px;
	height:50px;
	position: absolute;
	float:none;	
}
#tv-main .navi li a {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-indent:-999999px;
}
#tv-main .navi li img {
	width:100%;
	height:100%;
}
#tv-main .navi .arrow-left {
	top: 50%;
	left: 50%;
	margin-left:-560px;
	-webkit-transform: translateY(-50%) scale(-1,1);
	transform: translateY(-50%) scale(-1,1);
	opacity:0.5;
} 
#tv-main .navi .arrow-right {
	top: 50%;
	right: 50%;
	margin-right:-560px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*------------------------------------------------------------------------------
								MUSIC AREA
------------------------------------------------------------------------------*/
#music-area {
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	padding:140px 0 140px;
	background:url(../../img/top/2110/music_back.jpg) repeat-x center top;
}
#music-area h2 {
	width:auto;
	height:auto;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:55px;
	line-height:30px;
	margin-bottom:50px;
	color:#fff4cd;
}
#music-area #music-sub {
	background:url(../../img/top/2110/music_sub.png) no-repeat center center;
	background-size:auto 32px;
	margin:0 auto;
	text-indent:-999999px;
	height:40px;
	width:240px;
	border-left:4px solid #fff4cd;
	border-right:4px solid #fff4cd;
	box-sizing:border-box;
	text-align:center;
	margin-bottom:40px;
}
#music-area .box {
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
}
#music-area .box .photo {
	width:620px;
	padding-right:500px;
	margin-bottom:15px;
}
#music-area .box .photo img {
	width:100%;
}
#music-area .rightBox {
	position:absolute;
	top:0px;
	right:0px;
	width:440px;
}
#music-area .box h3 {
	width:440px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:38px;
	color:#fff4cd;
	line-height:1.0em;
	margin-bottom:15px;
	font-weight:700;
}
#music-area .box h5 {
	width:440px;
	font-family: 'M PLUS 1p', sans-serif;
	font-size:18px;
	color:#fff4cd;
	line-height:1.5em;
	margin-bottom:30px;
	font-weight:700;
	padding-bottom:30px;
	border-bottom:1px solid #fff4cd;
}
#music-area .box h6 {
	width:440px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:20px;
	color:#fff4cd;
	line-height:1.4em;
	margin-bottom:20px;
	font-weight:700;
}
#music-area .box p {
	width:440px;
	margin-top:10px;
	color:#fff4cd;
	font-weight:600;
	line-height:1.8em;
	font-size:17px;
}
#music-area p span {
	display:block;
	text-align:left;
	margin-bottom:4px;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:16px;
}
#music-area .box .pRight {
	width:440px;
	text-align:right;
	margin-top:12px;
	color:#fff4cd;
	font-weight:600;
}
#music-area .leftBox {
	padding-right:500px;
}
#music-area .box h7 {
	display:block;
	width:620px;
	text-indent:-0.3em;
	margin-bottom:10px;
	color:#fff4cd;
	font-size:15px;
	font-weight:700;
	line-height:1em;
}
#music-area .box p.prof {
	width:620px;
	font-size:15.5px;
	text-align:justify;
	line-height:1.7em;
}
/*------------------------------------------------------------------------------
								PHOTO AREA
------------------------------------------------------------------------------*/
#photo-area {
	box-sizing:border-box;
	/*border-top:5px solid #FFFFFF;
	border-bottom:5px solid #FFFFFF;*/
	width:100%;
	padding-top:40%;
	position:relative;
	margin:0.3% 0;
}
#photo-area ul {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}
#photo-area ul li {
	position:absolute;
}
#photo-area ul #photo-area1 {
	top:0px;
	left:0px;
	width:49%;
	padding-top:40%;
	background:url(../../img/top/2110/photo1.jpg) no-repeat center top;
	background-size:cover;
}
#photo-area ul #photo-area2 {
	top:0px;
	left:49.3%;
	width:16.7%;
	padding-top:15%;
	background:url(../../img/top/2110/photo2.jpg) no-repeat center top;
	background-size:cover;	
}
#photo-area ul #photo-area3 {
	top:0px;
	left:66.3%;
	width:33.7%;
	padding-top:15%;
	background:url(../../img/top/2110/photo3.jpg) no-repeat center top;
	background-size:cover;	
}
#photo-area ul #photo-area4 {
	top:38.25%;
	left:49.3%;
	width:16.7%;
	padding-top:13.7%;
	background:url(../../img/top/2110/photo4.jpg) no-repeat center top;
	background-size:cover;	
}
#photo-area ul #photo-area5 {
	top:73.25%;
	left:49.3%;
	width:16.7%;
	padding-top:10.7%;
	background:url(../../img/top/2110/photo5.jpg) no-repeat center top;
	background-size:cover;	
}
#photo-area ul #photo-area6 {
	top:38.25%;
	left:66.3%;
	width:16.7%;
	padding-top:24.7%;
	background:url(../../img/top/2110/photo6.jpg) no-repeat center top;
	background-size:cover;	
}
#photo-area ul #photo-area7 {
	top:38.25%;
	left:83.3%;
	width:16.7%;
	padding-top:10.7%;
	background:url(../../img/top/2110/photo7.jpg) no-repeat center top;
	background-size:cover;	
}
#photo-area ul #photo-area8 {
	top:65.75%;
	left:83.3%;
	width:16.7%;
	padding-top:13.7%;
	background:url(../../img/top/2110/photo8.jpg) no-repeat center top;
	background-size:cover;	
}
#photo-area ul #photo-area8 img {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
/*------------------------------------------------------------------------------
								COOKING AREA
------------------------------------------------------------------------------*/
#cooking-area {
	position:relative;
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	padding:140px 0 140px;
	background:#f6f4f5 url(../../img/top/2110/cooking_back1.jpg) no-repeat right top;
}
#cooking-bg {
	width:800px;
	height:400px;
	position:absolute;
	bottom:0px;
	right:0px;
	background:#f6f4f5 url(../../img/top/2110/cooking_back2.jpg) no-repeat right top;
}
#cooking-area h2 {
	width:auto;
	height:auto;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:55px;
	line-height:30px;
	margin-bottom:50px;
	color:#603441;
}
#cooking-area h3 {
	width:800px;
	height:50px;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:20px;
	line-height:50px;
	margin: 0px auto 30px;
	color:#603441;
	text-indent:-999999px;
	background:url(../../img/top/2110/cooking_midashi.gif) no-repeat center center;
}
#cooking-area #cooking-main {
	position:relative;
	overflow:hidden;
	zoom:1;
	width:100%;
}
#cooking-area #cooking-main li {
	width:370px;
	background:#FFFFFF;
	line-height:1px;
	margin:5px 5px 0 0;
	padding:0 0 0;
	float:left;
}
#cooking-area #cooking-main li:nth-child(3) {
	margin-right:0px;
}
#cooking-area #cooking-main li:nth-child(4) {
	margin-left:187px;
}
#cooking-area #cooking-main li .photo {
	width:100%;
	height:240px;
}
#cooking-area #cooking-main li h4 {
	width:80px;
	height:80px;
	text-indent:-999999px;
	position:absolute;
	top:13px;
	left:15px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	border-radius:40px;
}
#cooking-area #cooking-main .cooking1 h4 {background:#f8c499 url(../../img/top/2110/cooking_menu.png) no-repeat center center / 60px 15px;}
#cooking-area #cooking-main .cooking2 h4 {background:#bae3f9 url(../../img/top/2110/cooking_menu.png) no-repeat center center / 60px 15px;}
#cooking-area #cooking-main .cooking3 h4 {background:#d2b4d5 url(../../img/top/2110/cooking_menu.png) no-repeat center center / 60px 15px;}
#cooking-area #cooking-main .cooking4 h4 {background:#fddd95 url(../../img/top/2110/cooking_menu.png) no-repeat center center / 60px 15px;}
#cooking-area #cooking-main .cooking5 h4 {background:#e1e548 url(../../img/top/2110/cooking_menu.png) no-repeat center center / 60px 15px;}
#cooking-area #cooking-main .cooking1 .photo {background:url(../../img/top/2110/cooking_img1.jpg) no-repeat center center / cover;}
#cooking-area #cooking-main .cooking2 .photo {background:url(../../img/top/2110/cooking_img2.jpg) no-repeat center center / cover;}
#cooking-area #cooking-main .cooking3 .photo {background:url(../../img/top/2110/cooking_img3.jpg) no-repeat center center / cover;}
#cooking-area #cooking-main .cooking4 .photo {background:url(../../img/top/2110/cooking_img4.jpg) no-repeat center center / cover;}
#cooking-area #cooking-main .cooking5 .photo {background:url(../../img/top/2110/cooking_img5.jpg) no-repeat center center / cover;}
#cooking-area #cooking-main li .txt-area {
	position:relative;
	width:100%;
	box-sizing:border-box;
	padding:15px 0 15px 100px;
}
#cooking-area #cooking-main .cooking1 .txt-area {min-height:130px;}
#cooking-area #cooking-main .cooking2 .txt-area {min-height:130px;}
#cooking-area #cooking-main .cooking3 .txt-area {min-height:130px;}
#cooking-area #cooking-main .cooking4 .txt-area {min-height:155px;}
#cooking-area #cooking-main .cooking5 .txt-area {min-height:155px;}
#cooking-area #cooking-main li p {
	font-size:18px;
	line-height:25px;
	color:#603441;
	font-weight:500;
	text-align:justify;
}
#cooking-area #cooking-stylist {
	position:relative;
	width:980px;
	box-sizing:border-box;
	margin:30px auto 0;
	background:#a2bc2f;
	color:#FFFFFF;
	padding:20px 30px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
#cooking-area #cooking-stylist h4 {
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:500;
	font-size:24px;
	height:30px;
	padding-bottom:15px;
	margin-bottom:15px;
	width:100%;
	border-bottom:2px solid #FFFFFF;
	text-align:center;
}
#cooking-area #cooking-stylist p {
	font-size:16px;
	line-height:25px;
	font-weight:400;
}
/*------------------------------------------------------------------------------
								PRO-NOTE AREA
------------------------------------------------------------------------------*/
#pro-note-area {
	position:relative;
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	padding:0;
	background:url(../../img/top/2110/pro_note_back.jpg) repeat-x center top;
	background-size:200px auto;
}
#pro-note-area .pro-note-photo {
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
	zoom:1;
}
#pro-note-area .pro-note-photo li {
	float:left;
	width:25%;
}
#pro-note-area .pro-note-photo li img {
	width:100%;
}
#pro-note-area .contents-box {
	box-sizing:border-box;
	padding:80px 0;
}
#pro-note-area h2 {
	width:auto;
	height:auto;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:55px;
	line-height:30px;
	margin-bottom:30px;
	color:#603441;
}
#pro-note-area h3 {
	width:800px;
	height:auto;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:normal;
	font-size:40px;
	line-height:40px;
	margin: 0 0 30px;
	color:#603441;
}
#pro-note-area h3 span {
	font-size:24px;
	display:block;
	line-height:24px;
	margin-bottom:15px;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-weight:bold;
}
#pro-note-area #pro-note-main li {
	width:100%;
	background:rgba(255,255,255,0.5);
	line-height:1.4em;
	margin:20px 0 0 0;
	color:#603441;
	box-sizing:border-box;
	padding:25px 30px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	position:relative;
}
#pro-note-area #pro-note-main li h4 {
	font-size:28px;
	line-height:38px;
	font-family: 'Sawarabi Mincho','Noto Serif JP', serif;
	font-weight:600;
	position:relative;
}
#pro-note-area #pro-note-main li h4 a {
	width:100%;
	height:100%;
	text-indent:-999999px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../../img/contents/plus.png) no-repeat right center / 25px 25px;
}
#pro-note-area #pro-note-main li .pro-note-txt-box {
	display:none;
	padding-top:5px;
}
#pro-note-area #pro-note-main #pro-note1 h4 a {
	display:none;
}
#pro-note-area #pro-note-main #pro-note1 .pro-note-txt-box {
	display:block;
}
#pro-note-area #pro-note-main li p {
	font-size:18px;
	line-height:25px;
	color:#603441;
	font-weight:500;
	margin-top:10px;
	text-align:justify;
}
/*------------------------------------------------------------------------------
								TALK AREA
------------------------------------------------------------------------------*/
#talk-area {
	position:relative;
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	padding:0;
	background:url(../../img/top/talk_back.jpg) repeat-y center top;
	background-size:100% auto;
}
#talk-area .icon {
	width:100%;
	height:140px;
	background:url(../../img/top/talk_icon.png) repeat-x;
}
#talk-area #icon1 {
	background-position:left center;
}
#talk-area #icon2 {
	background-position:right center;
}
#talk-area .contents-box {
	box-sizing:border-box;
	padding:50px 0 50px;
}
#talk-area h2 {
	width:auto;
	height:auto;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:55px;
	line-height:30px;
	margin-bottom:40px;
	color:#603441;
}
#talk-area h3 {
	width:100%;
	height:180px;
	text-indent:-999999px;
	background:url(../../img/top/talk_tit_pc.png) no-repeat center center / 800px auto;
	margin-bottom:20px;
}
#talk-area #talk-main li {
	width:100%;
	line-height:1.6em;
	margin:20px 0 0 0;
	color:#603441;
	position:relative;
}
#talk-area #talk-main li p {
	font-size:18px;
	line-height:1.6em;
	color:#603441;
	font-weight:500;
	margin-top:10px;
	text-align:justify;
	padding-left:3em;
	box-sizing:border-box;
	position:relative;
}
#talk-area #talk-main .talk1 p:before {
	content:'瀬戸';
	position:absolute;
	top:0px;
	left:0px;
}
#talk-area #talk-main .talk2 p:before {
	content:'安達';
	position:absolute;
	top:0px;
	left:0px;
}
/*------------------------------------------------------------------------------
								loopSlider
------------------------------------------------------------------------------*/
#loopSlider-box {
	position:relative;
	height:200px;
	width:100%;
	margin-top:0px;
}
#loopSlider-box .slider_head {
	position:absolute;
	top:0px;
	left:0px;
	height:96px;
	width:100%;
	background:url(../../img/top/slider_head.png) repeat-x center top;
}
.loopSliderWrap {
	top: 0px;
	left: 0;
	height: 200px;
	overflow: hidden;
	position: absolute;
}

.loopSlider {
	margin: 0 auto;
	width: 100%;
	height: 200px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.loopSlider ul {
	width: 100%;
	height: 200px;
	float: left;
	overflow: hidden;
}

.loopSlider ul li {
	width: 250px;
	height: auto;
	float: left;
	display: inline;
	overflow: hidden;
}
.loopSlider ul li img {
	width: 100%;
}
/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
.loopSliderWrap:after {
	content: "";
	display: none;
	clear: none;
}
/*------------------------------------------------------------------------------
								NEWS AREA
------------------------------------------------------------------------------*/
#news-area {
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	padding:140px 0 60px;
	background:url(../../img/top/news_back.jpg);
	min-height:500px;
}
#news-area h2 {
	width:auto;
	height:auto;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:55px;
	line-height:30px;
	margin-bottom:50px;
	color:#603441;
}
#news-area .line {
	text-indent:-999999px;
	background:url(../../img/top/line.png) repeat center center;
	width:100%;
	height:4px;
	line-height:4px;
	margin:30px auto 30px;
}
#news-area .news-index {
    display:table;
	width:100%;
}
#news-area .news-index li {
	margin:0 27px 30px 0;
	padding:0;
	width:355px;
	display:inline-block !important;
	position:relative;
	vertical-align: top;
	box-sizing:border-box;
	line-height:1em;
}
#news-area .news-index li:nth-child(3n) {
	margin:0 0 0 0;
}
#news-area .news-index li a {
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	text-indent:-999999px;
}
#news-area .news-index li .news-index-photo {
	width:355px;
	height:355px;
	box-sizing:border-box;
	border:1px solid #603441;
	position:relative;
}
#news-area .news-index li h3 {
	color:#993400;
	font-weight:600;
	font-family:'Lato', sans-serif;
	margin-top:15px;
	margin-bottom:10px;
	font-size:18px;
	line-height:1em;
}
#news-area .news-index li p {
	font-size:18px;
	color:#993400;
	line-height:1.5em;
	text-align:justify;
	margin-bottom:15px;
	font-weight:500;
}
#news-area .news-index li #news-index-photo1 {
	background:url(../../img/news/news1.jpg) no-repeat center center;
	background-size:cover;
}
#news-area .news-index li #news-index-photo2 .space {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}
#news-area .news-index li #news-index-photo2 {
	background:url(../../img/news/news2.jpg) no-repeat center center;
	background-size:cover;
}
#news-area .news-index li #news-index-photo3 {
	background:url(../../img/news/news3.jpg) no-repeat center center;
	background-size:cover;
}
#news-area .news-index li #news-index-photo4 {
	background:url(../../img/news/news4.jpg) no-repeat center center;
	background-size:cover;
}
#news-area .news-index li #news-index-photo5 {
	background:url(../../img/news/news5b.jpg) no-repeat center top -10px;
	background-size:cover;
}
#news-area .news-index li #news-index-photo6 {
	background:url(../../img/news/news6.jpg) no-repeat center center;
	background-size:cover;
}
#news-area .news-index li #news-index-photo6b {
	background:url(../../img/news/news_none.jpg) no-repeat center center;
	background-size:cover;
}
#news-area .news-index li #news-index-photo7 {
	background:url(../../img/news/news7.jpg) no-repeat center center;
	background-size:cover;
}
#news-area .news-index li #news-index-photo8 {
	background:url(../../img/news/news8.jpg) no-repeat center center;
	background-size:cover;
}
#news-area .news-index li #news-index-photo9 {
	background:url(../../img/news/news9.jpg) no-repeat center center;
	background-size:cover;
}
#news-area .news-index li #news-index-photo10 {
	background:url(../../img/news/news10.jpg) no-repeat center center;
	background-size:cover;
}
#news-area .news-index li #news-index-photo11 {
	background:#f1e8df url(../../img/news/news11.jpg) no-repeat center center;
	background-size:contain;
}
#news-area .news-index li #news-index-photo12 {
	background:#f1e8df url(../../img/news/news12.jpg) no-repeat center center;
	background-size:contain;
}
#news-area .news-index li #news-index-photo13 {
	background:#f1e8df url(../../img/news/news13.jpg) no-repeat center center;
	background-size:contain;
}
#news-area .news-index li #news-index-photo14 {
	background:url(../../img/news/news14.jpg) no-repeat center center;
	background-size:cover;
}
#news-area .news-index li #news-index-photo15 {
	background:url(../../img/news/news15.jpg) no-repeat center center;
	background-size:contain;
}
#news-area .news-index li #news-index-photo16 {
	background:url(../../img/news/news_none.jpg) no-repeat center center;
	background-size:cover;
}
#news-area .news-index li #news-index-photo17 {
	background:url(../../img/news/news17.jpg) no-repeat center center;
	background-size:cover;
}
#news-area .news-index li #news-index-photo18 {
	background:url(../../img/news/news18.jpg) no-repeat center center;
	background-size:contain;
}
#news-area .news-index li #news-index-photo19 {
	background:url(../../img/news/news19.jpg) no-repeat center center;
	background-size:cover;
}
#news-area .news-index li #news-index-photo20 {
	background:url(../../img/news/news20.jpg) no-repeat center center;
	background-size:contain;
}
#news-area .news-index li #news-index-photo21 {
	background:url(../../img/news/news21.jpg) no-repeat center center;
	background-size:contain;
}
#news-area .news-index li #news-index-photo22 {
	background:url(../../img/news/news22.jpg) no-repeat center center;
	background-size:cover;
}
#news-area .news-index li #news-index-photo23 {
	background:url(../../img/news/news23.jpg) no-repeat center center;
	background-size:cover;
}
#news-area .news-index li #news-index-photo24 {
	background:url(../../img/news/news24.jpg) no-repeat center center;
	background-size:cover;
}
#news-area .news-index li #news-index-photo25 {
	background:url(../../img/news/news25.jpg) no-repeat center center;
	background-size:contain;
}
#news-area .news-index li #news-index-photo26 {
	background:url(../../img/news/news26.jpg) no-repeat center center;
	background-size:contain;
}
#news-area .news-index li #news-index-photo27 {
	background:url(../../img/news/news27.jpg) no-repeat center center;
	background-size:contain;
}
#news-area .news-index li #news-index-photo28 {
	background:url(../../img/news/news28.jpg) no-repeat center center;
	background-size:contain;
}
#news-area .news-index li #news-index-photo29 {
	background:url(../../img/news/news29.jpg) no-repeat center center;
	background-size:contain;
}
#news-area .news-index li #news-index-photo30 {
	background:url(../../img/news/news30.jpg) no-repeat center center;
	background-size:contain;
}
#news-area .newsBtn {
	font-size:18px;
	width:710px;
	margin:40px auto 80px;
	box-sizing:border-box;
	position:relative;
	height:50px;
}
#news-area .news-btn {
	font-size:18px;
	width:340px;
	box-sizing:border-box;
	border:#993400 1px solid;
	position:relative;
	height:50px;
	margin-right:30px;
	float:left;
	font-weight:500;
}
#news-area .news-btn:last-child {
	margin-right:0px;
}
#news-area .news-btn a {
	position:absolute;
	line-height:50px;
	width:100%;
	text-align:center;
	box-sizing:border-box;
	padding:0;
	color:#993400;
}
/*------------------------------------------------------------------------------
								FOOTER
------------------------------------------------------------------------------*/
#footer-area {
	width:100%;
	height:40px;
	position:absolute;
	bottom:0px;
	background:#603441;
}
#footer-area .copyright {
	width:420px;
	margin:0 auto;
	height:40px;
	position:relative;
	background:url(../../img/top/new/copyrights.png) no-repeat center center;
	background-size:contain;
}
/*------------------------------------------------------------------------------
								ANIMATION
------------------------------------------------------------------------------*/
.scaleDownMainOut {
	transform: scale(1.5,1.5);
	opacity: 1.0;
}
.scaleDownMainIn {
	-webkit-transition: all 2.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 2.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: scale(1.0,1.0);
	opacity: 1.0;
}
.scaleUpLogoOut {
	transform: scale(0.0,0.0);
	opacity: 0.0;
}
.scaleUpLogoIn {
	-webkit-transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition:         all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
	transform: scale(1.0,1.0);
	opacity: 1.0;
}
.fromBottomCopyOut {
	transform: translate(3px,15px);
	opacity: 0.0;
}
.fromBottomCopyIn {
	-webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0,0);
	opacity: 1.0;
}
.fromBottomOut {
	-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0,15px);
	opacity: 0.0;
}
.fromBottomIn {
	-webkit-transition: all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0,0);
	opacity: 1.0;
}
.fromBottomObiOut {
	-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0,50px);
	opacity: 0.0;
}
.fromBottomObiIn {
	-webkit-transition: all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0,0);
	opacity: 1.0;
}

/*スケールアップ*/
.scaleUpCastIn {
	-webkit-transition: all 1.8s cubic-bezier(0.16, 1, 0.3, 1);
	transition: all 1.8s cubic-bezier(0.16, 1, 0.3, 1);
	transform: translate(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}
.scaleUpCastOut {
	-webkit-transition: all 1.8s cubic-bezier(0.16, 1, 0.3, 1);
	transition: all 1.8s cubic-bezier(0.16, 1, 0.3, 1);
	transform: translate(0px, 0px) rotate(0deg) scale(1.25);
	opacity: 0.0;
}
.scaleUpOut1 {
	-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0px, 0px) rotate(0deg) scale(0.0);
	opacity: 0.0;
}
.scaleUpIn1 {
	-webkit-transition: all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}
.scaleUpOut2 {
	-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0px, 0px) rotate(0deg) scale(0.90);
	opacity: 0.0;
}
.scaleUpIn2 {
	-webkit-transition: all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}
.scaleUpOut3 {
	-webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transform: translate(0px, 0px) rotate(0deg) scale(0.0);
	opacity: 0.0;
}
.scaleUpIn3 {
	-webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transform: translate(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}
/*上移動*/
.fromUpOut {
	-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0px, 20px) rotate(0deg) scale(1.0);
	opacity: 0.0;
}
.fromUpIn {
	-webkit-transition: all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}

/*上移動2*/
.fromUpOut2 {
	-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0px, 10px) rotate(0deg) scale(1.0);
	opacity: 0.0;
}
.fromUpIn2 {
	-webkit-transition: all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}
.alphaIn {
	-webkit-transition: all 0.5s cubic-bezier(0.12, 0, 0.39, 0);
	transition: all 0.5s cubic-bezier(0.12, 0, 0.39, 0);
	opacity: 1.0;
}
.alphaOut {
	-webkit-transition: all 1s cubic-bezier(0.12, 0, 0.39, 0);
	transition: all 1s cubic-bezier(0.12, 0, 0.39, 0);
	opacity: 0.0;
}

/*------------------------------------------------------------------------------
								CHARA MAIN
------------------------------------------------------------------------------*/
#chara-wrap {
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:url(../../img/top/2110/chara_back.png) repeat left top;
	z-index:1100;
	min-width:1200px;
	min-height:750px;
	display:none;
}
#chara-wrap #chara-main {
	background:url(../../img/top/2110/chara_main_back.jpg) no-repeat center center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}
#chara-wrap .chara-main1 {
	width:1080px;
	height:680px;
	transition: all .5s;
}
#chara-wrap .chara-main2 {
	width:960px;
	height:500px;
	transition: all .5s;
}
#chara-wrap .chara-main3 {
	width:880px;
	height:420px;
	transition: all .5s;
}
#chara-wrap #chara-main #chara-main-box {
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}
#chara-wrap #chara-main #chara-main-box ul {
	width:12960px;
	height:680px;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#chara-wrap #chara-main #chara-main-box ul li {
	width:1080px;
	height:680px;
	float:left;
	margin:0;
	padding:0;
}
#chara-wrap #chara-main #chara-main-box ul #chara1 {
	background:url(../../img/top/2110/chara1.png) no-repeat center center;
}
#chara-wrap #chara-main #chara-main-box ul #chara2 {
	background:url(../../img/top/2110/chara2.png) no-repeat center center;
}
#chara-wrap #chara-main #chara-main-box ul #chara3 {
	background:url(../../img/top/2110/chara3.png) no-repeat center center;
}
#chara-wrap #chara-main #chara-main-box ul #chara4 {
	background:url(../../img/top/2110/chara4.png) no-repeat center center;
}
#chara-wrap #chara-main #chara-main-box ul #chara5 {
	background:url(../../img/top/2110/chara5.png) no-repeat center center;
}
#chara-wrap #chara-main #chara-main-box ul #chara6 {
	background:url(../../img/top/2110/chara6.png) no-repeat center center;
}
#chara-wrap #chara-main #chara-main-box ul #chara7 {
	background:url(../../img/top/2110/chara7.png) no-repeat center center;
}
#chara-wrap #chara-main #chara-main-box ul #chara8 {
	background:url(../../img/top/2110/chara8.png) no-repeat center center;
}
#chara-wrap #chara-main #chara-main-box ul #chara9 {
	background:url(../../img/top/2110/chara9.png) no-repeat center center;
}
#chara-wrap #chara-main #chara-main-box ul #chara10 {
	background:url(../../img/top/2110/chara10.png) no-repeat center center;
}
#chara-wrap #chara-main #chara-main-box ul #chara11 {
	background:url(../../img/top/2110/chara11.png) no-repeat center center;
}
#chara-wrap #chara-main #chara-main-box ul #chara12 {
	background:url(../../img/top/2110/chara12.png) no-repeat center center;
}
#chara-wrap #chara-main .navi li {
	width:50px;
	height:50px;
	position: absolute;
	float:none;	
}
#chara-wrap #chara-main .navi li a {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-indent:-999999px;
}
#chara-wrap #chara-main .navi li img {
	width:100%;
	height:100%;
}
#chara-wrap #chara-main .navi .arrow-left {
	top: 50%;
	left: -25px;
	-webkit-transform: translateY(-50%) scale(-1,1);
	transform: translateY(-50%) scale(-1,1);
} 
#chara-wrap #chara-main .navi .arrow-right {
	top: 50%;
	right: -25px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
} 
#chara-wrap #chara-main .navi .close {
	top: -25px;
	right: -25px;
} 
/*-----------------------------------------------------------------------------
											MENU ICON
	----------------------------------------------------------------------------*/
#menu-icon {
	position:fixed;
	width:30px;
	height:30px;
	right:40px;
	top:40px;
	z-index:1000;
}
.menu-icon,
.menu-icon span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-icon {
  position: relative;
  width: 30px;
  height: 30px;
  top:0px;
  left:0px;
}
.menu-icon span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #603441;
}
.menu-icon span:nth-of-type(1) {
  top: 0;
}
.menu-icon span:nth-of-type(2) {
  top: 12px;
}
.menu-icon span:nth-of-type(3) {
  bottom: 0;
}

.menu-icon.active span:nth-of-type(1) {
  -webkit-transform: translateY(12px) rotate(-45deg);
  transform: translateY(12px) rotate(-45deg);
}
.menu-icon.active span:nth-of-type(2) {
  left: 150%;
  opacity: 0;
  -webkit-animation: active-menu-bar02 .8s forwards;
  animation: active-menu-bar02 .8s forwards;
}
@-webkit-keyframes active-menu-bar02 {
  100% {
    height: 0;
  }
}
@keyframes active-menu-bar02 {
  100% {
    height: 0;
  }
}
.menu-icon.active span:nth-of-type(3) {
  -webkit-transform: translateY(-12px) rotate(45deg);
  transform: translateY(-12px) rotate(45deg);
}
#menu-icon a {
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	text-indent:-99999px;
}
/*------------------------------------------------------------------------------
								MENU
------------------------------------------------------------------------------*/
#menu-back {
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:url(../../img/top/2110/chara_back.png) repeat left top;
	opacity:0.8;
	display:none;
}
#menu-area {
	position:fixed;
	width:480px;
	height:100%;
	top:0px;
	left:0px;
	background:url(../../img/top/2110/chara_back.jpg) repeat-y;
	background-position:center top;
	margin-left:-480px;
	overflow:auto;
}
#menu-area ul {
	margin-left:40px;
	margin-top:40px;
}
#menu-area ul li {
	width:auto;
	height:auto;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:32px;
	line-height:32px;
	margin-bottom:10px;
	color:#603441;
	position:relative;
	padding-left:30px;
	background:url(../../img/contents/arrow4.png) no-repeat left top 4px / 20px 20px;
	text-shadow:1px 1px 2px #f7f3df,-1px -1px 2px #f7f3df,1px 1px 2px #f7f3df,-1px -1px 2px #f7f3df;
}
#menu-area ul li span {
	display:block;
	font-size:14px;
	line-height:14px;
	margin-top:0px;
	font-family: 'M PLUS 1p', sans-serif;
}
#menu-area ul li a {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	text-indent:-999999px;
}
/*------------------------------------------------------------------------------
								SP
------------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) {
.sp {
	display:block;
}
.pc {
	display:none;
}
body {
	width:100%;
	height:100%;
	background:#FFF;
}
#wrapper {
	width: 100%;
	position: relative;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
	margin:0 auto;
	min-width:740px;
	max-width:740px;
	overflow:hidden;
	font-family: 'M PLUS 1p', sans-serif;
	font-size:22px;
	line-height:1.6em;
}
#contents {
	width:100%;
	margin:0;
	position:relative;
	padding-bottom:60px;
}
.contents-box {
	width:660px;
	margin:0 auto;
}
/*------------------------------------------------------------------------------
								MAIN AREA
------------------------------------------------------------------------------*/
#main-area-wrap {
	width:100%;
	height:auto;
}
#main-area {
	width:1000px;
	height:auto;
	overflow:hidden;
	position:relative;
	transform:scale(0.74);
	transform-origin:0 0;
}
#main-area h1,#main-area h3 {
	position:absolute;
	top:0px;
	left:0px;
	text-indent:-999999px;
}
#main-area #main-area-bg {
	width:100%;
	height:100%;
}
#main-area #main-area-bg img {
	width:100%;
	height:100%;
}
#main-area #main-area-bg-photo {
	position:absolute;
	top:0px;
	left:0px;
	width:1000px;
	height:1735px;
	background:url(../../img/top/sp_main_bg_photo.jpg) no-repeat center center;
	transform-origin:500px 660px;
}
#main-area #main-area-atari {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(../../img/top/sp_main_atari.jpg) no-repeat top left;
	opacity:0.5;
}
/* LOGO A*/
#main-area #logo-area {
	position:absolute;
	width:350px;
	height:850px;
	left:40px;
	top:130px;
}
#main-area #logo-area li {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}
#main-area #cast-waku1 {
	position:absolute;
	background:url(../../img/top/new/cast_waku_sp1.png) no-repeat left top;
	width:930px;
	height:453px;
	right:32px;
	bottom:1232px;
}
#main-area #cast-waku2 {
	position:absolute;
	background:url(../../img/top/new/cast_waku_sp2.png) no-repeat left top;
	width:898px;
	height:480px;
	left:54px;
	top:792px;
}
#main-area #cast-waku3 {
	position:absolute;
	background:url(../../img/top/new/cast_waku_sp3.png) no-repeat left top;
	width:99px;
	height:110px;
	right:131px;
	bottom:399px;
}
#main-area #cast-waku4 {
	position:absolute;
	background:url(../../img/top/new/cast_waku_sp4.png) no-repeat left top;
	width:80px;
	height:122px;
	right:62px;
	bottom:424px;
}
#main-area #cast-waku5 {
	position:absolute;
	background:url(../../img/top/new/cast_waku_sp5.png) no-repeat left top;
	width:82px;
	height:122px;
	right:245px;
	bottom:374px;
}
#main-area #cast-waku6 {
	position:absolute;
	background:url(../../img/top/new/cast_waku_sp6.png) no-repeat left top;
	width:155px;
	height:136px;
	right:344px;
	bottom:364px;
}
#main-area #cast-waku7 {
	position:absolute;
	background:url(../../img/top/new/cast_waku_sp7.png) no-repeat left top;
	width:92px;
	height:124px;
	right:484px;
	bottom:372px;
}
#main-area #cast-waku8 {
	position:absolute;
	background:url(../../img/top/new/cast_waku_sp8.png) no-repeat left top;
	width:179px;
	height:142px;
	right:580px;
	bottom:345px;
}
#main-area #cast-waku9 {
	position:absolute;
	background:url(../../img/top/new/cast_waku_sp9.png) no-repeat left top;
	width:203px;
	height:151px;
	right:730px;
	bottom:348px;
}
#main-area #cast-waku10 {
	position:absolute;
	background:url(../../img/top/new/cast_waku_sp10.png) no-repeat left top;
	width:164px;
	height:129px;
	right:882px;
	bottom:303px;
}
#main-area #cast-waku11 {
	position:absolute;
	background:url(../../img/top/new/cast_waku_sp11.png) no-repeat left top;
	width:176px;
	height:132px;
	right:-61px;
	bottom:364px;
}
#main-area #cast1 {
	position:absolute;
	background:url(../../img/top/new/cast_sp1.png) no-repeat left top;
	width:939px;
	height:458px;
	right:41px;
	top:39px;
}
#main-area #cast2 {
	position:absolute;
	background:url(../../img/top/new/cast_sp2.png) no-repeat left top;
	width:898px;
	height:479px;
	left:47px;
	top:782px;
}
#main-area #cast3 {
	position:absolute;
	background:url(../../img/top/new/cast_sp3.png) no-repeat left top;
	width:99px;
	height:110px;
	right:139px;
	bottom:406px;
}
#main-area #cast4 {
	position:absolute;
	background:url(../../img/top/new/cast_sp4.png) no-repeat left top;
	width:80px;
	height:122px;
	right:69px;
	bottom:431px;
}
#main-area #cast5 {
	position:absolute;
	background:url(../../img/top/new/cast_sp5.png) no-repeat left top;
	width:82px;
	height:121px;
	right:252px;
	bottom:381px;
}
#main-area #cast6 {
	position:absolute;
	background:url(../../img/top/new/cast_sp6.png) no-repeat left top;
	width:156px;
	height:138px;
	right:349px;
	bottom:368px;
}
#main-area #cast6 img {
	width:100%;
	height:100%;
}
#main-area #cast7 {
	position:absolute;
	background:url(../../img/top/new/cast_sp7.png) no-repeat left top;
	width:93px;
	height:125px;
	right:492px;
	bottom:379px;
}
#main-area #cast8 {
	position:absolute;
	background:url(../../img/top/new/cast_sp8.png) no-repeat left top;
	width:180px;
	height:143px;
	right:588px;
	bottom:350px;
}
#main-area #cast9 {
	position:absolute;
	background:url(../../img/top/new/cast_sp9.png) no-repeat left top;
	width:204px;
	height:152px;
	right:738px;
	bottom:353px;
}
#main-area #cast10 {
	position:absolute;
	width:166px;
	height:131px;
	background:url(../../img/top/new/cast_sp10.png) no-repeat left top;
	right:889px;
	bottom:310px;
}
#main-area #cast11 {
	position:absolute;
	width:177px;
	height:132px;
	background:url(../../img/top/new/cast_sp11.png) no-repeat left top;
	right:-54px;
	bottom:371px;
}
#main-area #logo-area #logo1 {background:url(../../img/top/new/logo_sp1.png) no-repeat center center;	transform-origin:308px 93px;}
#main-area #logo-area #logo2 {background:url(../../img/top/new/logo_sp2.png) no-repeat center center;	transform-origin:210px 82px;}
#main-area #logo-area #logo3 {background:url(../../img/top/new/logo_sp3.png) no-repeat center center;	transform-origin:233px 195px;}
#main-area #logo-area #logo4 {background:url(../../img/top/new/logo_sp4.png) no-repeat center center;	transform-origin:222px 318px;}
#main-area #logo-area #logo5 {background:url(../../img/top/new/logo_sp5.png) no-repeat center center;	transform-origin:81px 213px;}
#main-area #logo-area #logo6 {background:url(../../img/top/new/logo_sp6.png) no-repeat center center;	transform-origin:109px 381px;}
#main-area #logo-area #logo7 {background:url(../../img/top/new/logo_sp7.png) no-repeat center center;	transform-origin:105px 520px;}
#main-area #logo-area #logo8 {background:url(../../img/top/new/logo_sp8.png) no-repeat center center;	transform-origin:145px 628px;}
#main-area #logo-area #logo9 {background:url(../../img/top/new/logo_sp9.png) no-repeat center center;	transform-origin:132px 768px;}

#main-area #day {
	position:absolute;
	width:840px;/**/
	height:140px;/**/
	bottom:180px;/**/
	margin-right:-420px;/**/
	right:50%;
	background:url(../../img/top/bd_dvd/day_sp.png) no-repeat center center /contain;
	text-indent:-999999px;
}
#main-area #copy1 {
	position:absolute;
	width:130px;
	height:350px;
	top:830px;
	left:710px;
}
#copy1 li {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
#copy1 #copy1-1 {background:url(../../img/top/new/copy_a_sp1.png) no-repeat center center;}
#copy1 #copy1-2 {background:url(../../img/top/new/copy_a_sp2.png) no-repeat center center;}
#copy1 #copy1-3 {background:url(../../img/top/new/copy_a_sp3.png) no-repeat center center;}
#copy1 #copy1-4 {background:url(../../img/top/new/copy_a_sp4.png) no-repeat center center;}
#copy1 #copy1-5 {background:url(../../img/top/new/copy_a_sp5.png) no-repeat center center;}
#copy1 #copy1-6 {background:url(../../img/top/new/copy_a_sp6.png) no-repeat center center;}
#copy1 #copy1-7 {background:url(../../img/top/new/copy_a_sp7.png) no-repeat center center;}
#copy1 #copy1-8 {background:url(../../img/top/new/copy_a_sp8.png) no-repeat center center;}
#copy1 #copy1-9 {background:url(../../img/top/new/copy_a_sp9.png) no-repeat center center;}
#copy1 #copy1-10 {background:url(../../img/top/new/copy_a_sp10.png) no-repeat center center;}
#copy1 #copy1-11 {background:url(../../img/top/new/copy_a_sp11.png) no-repeat center center;}
#copy1 #copy1-12 {background:url(../../img/top/new/copy_a_sp12.png) no-repeat center center;}
#copy1 #copy1-13 {background:url(../../img/top/new/copy_a_sp13.png) no-repeat center center;}
#copy1 #copy1-14 {background:url(../../img/top/new/copy_a_sp14.png) no-repeat center center;}
#copy1 #copy1-15 {background:url(../../img/top/new/copy_a_sp15.png) no-repeat center center;}
#main-area #copy2 {
	position:absolute;
	bottom:35px;
	left:0px;
	margin-left:0px;
	background:url(../../img/top/new/copy2_sp.png) no-repeat center center;
	width:1000px;
	height:130px;
	text-indent:-999999px;
}
#main-area #main-area-icon {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(../../img/top/new/icon_sp.png) no-repeat top left;
}
/*------------------------------------------------------------------------------
								MIDDLE AREA
------------------------------------------------------------------------------*/
#middle-area {
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	padding:40px 0 40px;
	background:#FFFFFF;
}
#billing {
	width:700px;
	height:125px;
	background:url(../../img/top/new/billing.gif) no-repeat center center;
	background-size:contain;
	margin:0 auto;
}
#billing h3,#billing h4,#billing h5,#billing h6 {
	text-indent:-999999px;
}
#sns-area {
	width:230px;
	overflow:hidden;
	position:relative;
	margin:35px auto 0;
}
#sns-area li {
	float:left;
	position:relative;
	width:50px;
	height:50px;
	margin-right:10px;
}
#sns-area li:last-child {
	margin-right:0px;
}
#sns-area li a {
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	text-indent:-999999px;
}
#sns-link {
	width:490px;
	overflow:hidden;
	position:relative;
	margin:35px auto 0;
}
#sns-link li {
	float:left;
	position:relative;
	width:240px;
	height:auto;
	margin-right:10px;
}
#sns-link li:last-child {
	margin-right:0px;
}
#sns-link li img {
	width:240px;
}
#sns-link li a {
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	text-indent:-999999px;
}
#mainBnr {
	width:660px;
	overflow:hidden;
	position:relative;
	margin:30px auto -20px;
}
#mainBnr li {
	position:relative;
	width:320px;
	margin-right:20px;
	float:left;
	margin-bottom:20px;
}
#mainBnr li:nth-child(even) {
	margin-right:0px;
}
#mainBnr li:nth-child(3) {
	margin-right:20px;
	margin-left:0px;
}
#mainBnr li:nth-child(4) {
	margin-left:0px;
}
#mainBnr li:nth-child(5) {
	margin-left:170px;
}
#mainBnr li:nth-child(7) {
	margin-left:0px;/*6*/
	margin-left:170px;/*7*/
}
#mainBnr li:last-child {
	margin-right:0px;
}
#mainBnr li img {
	width:100%;
}
#mainBnr li a {
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	text-indent:-999999px;
}


#mt-link {
	width:570px;
	overflow:hidden;
	position:relative;
	margin:40px auto 0;
}
#mt-link li {
	float:left;
	position:relative;
	width:280px;
	height:auto;
	margin-right:10px;
	margin-bottom:10px;
}
#mt-link li:nth-child(even) {
	margin-right:0px;
}
/*#mt-link li:nth-child(3) {
	margin-left:145px;
}*/
#mt-link li:nth-child(4) {
	margin-right:0px;
}
#mt-link li:nth-child(5) {
	margin-left:0px;
}
#mt-link li:nth-child(7) {
	margin-left:145px;
}
#mt-link li img {
	width:100%;
}
#mt-link li a {
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	text-indent:-999999px;
}

#iconArea {
	width:660px;
	position:relative;
	overflow:hidden;
	margin:0 auto 30px;
}
#iconArea li {
	width:310px;
	height:auto;
	float:left;
	margin-right:40px;
}
/*------------------------------------------------------------------------------
								TRAILER AREA
------------------------------------------------------------------------------*/
#trailer-area {
	width:100%;
	background:url(../../img/top/trailer_back.jpg) repeat center center;
	padding:40px 0 25px;
	box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.25)inset;
}
#trailer-area .prArea {  
	margin: 0 auto 0 auto;
	padding:0 0 0px 0;
	color: #000;
	font-size: 16px;
	line-height: 1.6em;
	width:660px;
}

#trailer-area .video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin:0;
	background:#000000;
}
#trailer-area .video-container iframe {
	position: absolute;
	top: 2px;
	left: 0;
	width: 100%;
	height: 100%;
}
#trailer-area .trailerArea ul {
	max-width:660px;
	margin: 20px auto 0 auto;
	overflow:hidden;
	position:relative;
}
#trailer-area .trailerArea ul .trailerBtn {
	background:#FFFFFF;
	margin:0 2% 0 0;
	float:left;
	height:60px;
	padding:0;
	position: relative;
	line-height:60px;
	font-weight:900;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#trailer-area .trailerArea ul .half {
	width:49.5%;
	margin:0 1% 1% 0;
}
#trailer-area .trailerArea ul .half2 {
	width:49.5%;
	margin:0 1% 1% 0;
}
#trailer-area .trailerArea ul .half3 {
	width:49.5%;
	margin:0 1% 1% 0;
}
#trailer-area .trailerArea ul .half4 {
	width:100%;
	margin:0 1% 1% 0;
}
#trailer-area .trailerArea ul .half:nth-child(2) {
	margin:0 0 1% 0;
}
#trailer-area .trailerArea ul .half:nth-child(4) {
	margin:0 0 1% 0;
}
#trailer-area .trailerArea ul .half:nth-child(7) {
	margin:0 1% 1% 0;
}
#trailer-area .trailerArea ul .half:nth-child(6) {
	margin:0 0% 1% 0;
}
#trailer-area .trailerArea ul .half:nth-child(8) {
	margin:0 0% 1% 0;
}
#trailer-area .trailerArea ul .half:nth-child(10) {
	margin:0 0% 1% 0;
}
#trailer-area .trailerArea ul .half:last-child {
	margin:0 0 1% 0;
}
#trailer-area .trailerArea ul li.new a {
	padding-left:50px;
}
#trailer-area .trailerArea ul li.new a .newIcon {
	position:absolute;
	top:10px;
	left:10px;
	width:40px;
	height:40px;
	text-indent:-999999px;
	background:url(../../img/top/new/new_icon.png) no-repeat center center;
	background-size:contain;
}
#trailer-area .trailerArea ul li a {
	width:100%;
	height:100%;
	position:absolute;
	font-size:24px;
	text-align:center;
	color:#cc6600;
	font-weight:500;
	box-sizing:border-box;
	padding-left:15px;
	line-height:60px;
}
#trailer-area .trailerArea ul li a span {
	display:inline;
	font-size:18px;
}
#trailer-area .trailerArea ul li a i {
	font-size:18px;
	font-style:normal;
}
#trailer-area .trailerArea ul li a:hover {
	text-decoration:none;
	color:#cc6600;
}

#trailer-area .trailerArea ul li a:active {
	text-decoration:none;
}
/*------------------------------------------------------------------------------
								PHOTO
------------------------------------------------------------------------------*/
#photo {
	width:100%;
	background:url(../../img/top/new/photo_sp.jpg) no-repeat center top;
	background-size:contain;
}
#photo img {
	width:100%;
}
/*------------------------------------------------------------------------------
								INTRO AREA
------------------------------------------------------------------------------*/
#intro-area {
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	padding:80px 0 360px;
	background:#f6f2db url(../../img/top/2110/intro_back.jpg) no-repeat center bottom 0px / 160% auto;;
}
#intro-area h2 {
	width:auto;
	height:auto;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:60px;
	line-height:50px;
	margin-bottom:30px;
}
#intro-area #tit_intro {
	color:#f5a226;
}
#intro-area #tit_story {
	color:#afd25e;
}
#intro-area h3 {
	position:static;
	top:auto;
	right:auto;
	width:660px;
	height:200px;
	background:url(../../img/top/2110/intro_midashi_sp.gif) no-repeat right top;
	text-indent:-999999px;
}
#intro-area h4 {
	font-family: 'M PLUS 1p', sans-serif;
	margin:20px 0 80px;
	color:#603441;
	font-size:32px;
	font-weight:700;
	line-height:1.3em;
}
#intro-area p {
	text-align:justify;
	padding-right:0px;
	color:#603441;
	font-size:22px;
	line-height:1.6em;
	font-weight:500;
	margin-top:0px;
	text-shadow:2px 2px 2px #f7f3df,-2px -2px 2px #f7f3df,1px 1px 1px #f7f3df,-1px -1px 1px #f7f3df;
}
#intro-area .margin20 {
	margin-top:20px;
}
#intro-area .chu {
	font-size:18px;
	margin-top:15px;
	font-weight:500;
}
/*------------------------------------------------------------------------------
								CHARA STAFF AREA
------------------------------------------------------------------------------*/
#chara_staff {
	background:url(../../img/top/2110/chara_back.jpg) repeat-y;
	background-position:center top;
	background-attachment:fixed;
}
#chara_staff h2 {
	width:auto;
	height:auto;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:60px;
	line-height:50px;
	margin-bottom:30px;
	color:#603441;
}
/*------------------------------------------------------------------------------
								CHARA AREA
------------------------------------------------------------------------------*/
#chara-thum-area {
	padding:80px 0 0;
}
#chara-thum-area .contents-box {
	width:1200px;
	margin:0 auto;
	position:relative;
}
#chara-thum-area h2 {
	margin-left:40px;
}
#chara-thum-area #chara-thum {
	width:100%;
	position:relative;
	height:1420px;
}
#chara-thum-area #chara-thum li {
	position:absolute;
}
#chara-thum-area #chara-thum li a {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	text-indent:-999999px;
}
#chara-thum-area #chara-thum li .photo {
	position:absolute;
	width:100%;
	height:100%;
	transition:none;
	transform:scale(1.00);
}
#chara-thum-area #chara-thum li .photo img {
	width:100%;
	height:100%;
}
#chara-thum-area #chara-thum li .zoom-icon {
	position:absolute;
	width:40px;
	height:40px;
	background:url(../../img/top/2110/chara_zoom_icon.png) no-repeat center center / contain;
	transition:none;
	transform:scale(1.00);
}
#chara-thum-area #chara-thum li:hover > .photo {
	transition:none;
	transform:scale(1.00);
}

#chara-thum-area #chara-thum li:hover > .zoom-icon {
	transition:none;
	transform:scale(1.0);
}

#chara-thum-area #chara-thum #chara-thum1 {
	width:338px;
	height:435px;
	top:0px;
	left:28px;
}
#chara-thum-area #chara-thum #chara-thum2 {
	width:338px;
	height:420px;
	top:20px;
	left:380px;
}
#chara-thum-area #chara-thum #chara-thum3 {
	width:315px;
	height:210px;
	top:444px;
	left:30px;
}
#chara-thum-area #chara-thum #chara-thum4 {
	width:330px;
	height:203px;
	top:470px;
	left:398px;
}
#chara-thum-area #chara-thum #chara-thum5 {
	width:285px;
	height:173px;
	top:680px;
	left:60px;
}
#chara-thum-area #chara-thum #chara-thum6 {
	width:225px;
	height:158px;
	top:718px;
	left:404px;
}
#chara-thum-area #chara-thum #chara-thum7 {
	width:233px;
	height:158px;
	top:876px;
	left:164px;
}
#chara-thum-area #chara-thum #chara-thum8 {
	width:240px;
	height:150px;
	top:898px;
	left:440px;
}
#chara-thum-area #chara-thum #chara-thum9 {
	width:225px;
	height:150px;
	top:1060px;
	left:56px;
}
#chara-thum-area #chara-thum #chara-thum10 {
	width:233px;
	height:158px;
	top:1062px;
	left:324px;
}
#chara-thum-area #chara-thum #chara-thum11 {
	width:248px;
	height:165px;
	top:1240px;
	left:132px;
}
#chara-thum-area #chara-thum #chara-thum12 {
	width:240px;
	height:165px;
	top:1240px;
	left:420px;
}
#chara-thum-area #chara-thum #chara-thum1 .photo {background:url(../../img/top/2110/chara_thum1.png) no-repeat center center / contain;}
#chara-thum-area #chara-thum #chara-thum2 .photo {background:url(../../img/top/2110/chara_thum2.png) no-repeat center center / contain;}
#chara-thum-area #chara-thum #chara-thum3 .photo {background:url(../../img/top/2110/chara_thum3.png) no-repeat center center / contain;}
#chara-thum-area #chara-thum #chara-thum4 .photo {background:url(../../img/top/2110/chara_thum4.png) no-repeat center center / contain;}
#chara-thum-area #chara-thum #chara-thum5 .photo {background:url(../../img/top/2110/chara_thum5.png) no-repeat center center / contain;}
#chara-thum-area #chara-thum #chara-thum6 .photo {background:url(../../img/top/2110/chara_thum6.png) no-repeat center center / contain;}
#chara-thum-area #chara-thum #chara-thum7 .photo {background:url(../../img/top/2110/chara_thum7.png) no-repeat center center / contain;}
#chara-thum-area #chara-thum #chara-thum8 .photo {background:url(../../img/top/2110/chara_thum8.png) no-repeat center center / contain;}
#chara-thum-area #chara-thum #chara-thum9 .photo {background:url(../../img/top/2110/chara_thum9.png) no-repeat center center / contain;}
#chara-thum-area #chara-thum #chara-thum10 .photo {background:url(../../img/top/2110/chara_thum10.png) no-repeat center center / contain;}
#chara-thum-area #chara-thum #chara-thum11 .photo {background:url(../../img/top/2110/chara_thum11.png) no-repeat center center / contain;}
#chara-thum-area #chara-thum #chara-thum12 .photo {background:url(../../img/top/2110/chara_thum12.png) no-repeat center center / contain;}

#chara-thum-area #chara-thum li .chara-name-maru {
	opacity:0.4;
	position:absolute;
	z-index:10;
}
#chara-thum-area #chara-thum #chara-thum1 .chara-name-maru {
	width:200px;
	height:200px;
	top:182px;
	left:-56px;
	background:url(../../img/top/2110/chara_name_back_thum1.png) no-repeat center center / contain;
}
#chara-thum-area #chara-thum #chara-thum2 .chara-name-maru {
	width:200px;
	height:200px;
	top:-46px;
	right:-66px;
	background:url(../../img/top/2110/chara_name_back_thum2.png) no-repeat center center / contain;
}
#chara-thum-area #chara-thum #chara-thum3 .chara-name-maru {
	width:152px;
	height:152px;
	bottom:-20px;
	right:-50px;
	background:url(../../img/top/2110/chara_name_back_thum3.png) no-repeat center center / contain;
}
#chara-thum-area #chara-thum #chara-thum4 .chara-name-maru {
	width:134px;
	height:134px;
	top:-28px;
	left:-4px;
	background:url(../../img/top/2110/chara_name_back_thum4.png) no-repeat center center / contain;
}
#chara-thum-area #chara-thum #chara-thum5 .chara-name-maru {
	width:120px;
	height:120px;
	bottom:-34px;
	left:-20px;
	background:url(../../img/top/2110/chara_name_back_thum5.png) no-repeat center center / contain;
}
#chara-thum-area #chara-thum #chara-thum6 .chara-name-maru {
	width:134px;
	height:134px;
	top:-32px;
	left:-60px;
	background:url(../../img/top/2110/chara_name_back_thum6.png) no-repeat center center / contain;
}
#chara-thum-area #chara-thum #chara-thum7 .chara-name-maru {
	width:110px;
	height:110px;
	bottom:-12px;
	left:-28px;
	background:url(../../img/top/2110/chara_name_back_thum7.png) no-repeat center center / contain;
}
#chara-thum-area #chara-thum #chara-thum8 .chara-name-maru {
	width:112px;
	height:112px;
	top:-10px;
	left:-34px;
	background:url(../../img/top/2110/chara_name_back_thum8.png) no-repeat center center / contain;
}
#chara-thum-area #chara-thum #chara-thum9 .chara-name-maru {
	width:104px;
	height:104px;
	top:-12px;
	right:-34px;
	background:url(../../img/top/2110/chara_name_back_thum9.png) no-repeat center center / contain;
}
#chara-thum-area #chara-thum #chara-thum10 .chara-name-maru {
	width:120px;
	height:120px;
	top:18px;
	right:-48px;
	background:url(../../img/top/2110/chara_name_back_thum10.png) no-repeat center center / contain;
}
#chara-thum-area #chara-thum #chara-thum11 .chara-name-maru {
	width:96px;
	height:96px;
	top:-16px;
	right:-24px;
	background:url(../../img/top/2110/chara_name_back_thum11.png) no-repeat center center / contain;
}
#chara-thum-area #chara-thum #chara-thum12 .chara-name-maru {
	width:112px;
	height:112px;
	top:-25px;
	right:-42px;
	background:url(../../img/top/2110/chara_name_back_thum12.png) no-repeat center center / contain;
}

#chara-thum-area #chara-thum li h3 {
	font-size:26px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:700;
	color:#FFFFFF;
	text-align:center;
	position:absolute;
	line-height:1em;
	z-index:10;
}
#chara-thum-area #chara-thum li h3 span {
	display:block;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
	color:#ffff33;
	line-height:1em;
	font-size:18px;
	margin-top:8px;
}
#chara-thum-area #chara-thum li h3 span em {
	display:block;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:600;
	color:#ffff33;
	line-height:1em;
	font-size:14px;
	margin-top:6px;
	font-style:normal;
}
#chara-thum-area #chara-thum #chara-thum1 h3 {
	font-size:32px;
	top:250px;
	left:6px;
}
#chara-thum-area #chara-thum #chara-thum2 h3 {
	font-size:32px;
	top:40px;
	right:-4px;
}
#chara-thum-area #chara-thum #chara-thum3 h3 {
	font-size:26px;
	bottom:26px;
	right:-40px;
}
#chara-thum-area #chara-thum #chara-thum4 h3 {
	font-size:26px;
	top:14px;
	left:22px;
}
#chara-thum-area #chara-thum #chara-thum5 h3 {
	bottom:-10px;
	left:-6px;
}
#chara-thum-area #chara-thum #chara-thum6 h3 {
	top:20px;
	left:-46px;
}
#chara-thum-area #chara-thum #chara-thum7 h3 {
	bottom:20px;
	left:-20px;
}
#chara-thum-area #chara-thum #chara-thum8 h3 {
	top:20px;
	left:-20px;
}
#chara-thum-area #chara-thum #chara-thum9 h3 {
	top:10px;
	right:-36px;
}
#chara-thum-area #chara-thum #chara-thum10 h3 {
	top:60px;
	right:-40px;
}
#chara-thum-area #chara-thum #chara-thum11 h3 {
	top:10px;
	right:-10px;
}
#chara-thum-area #chara-thum #chara-thum12 h3 {
	top:10px;
	right:-22px;
}

#chara-thum-area #chara-thum #chara-thum1 h3 span {
	font-size:22px;
	margin-top:10px;
}
#chara-thum-area #chara-thum #chara-thum2 h3 span {
	font-size:22px;
	margin-top:10px;
}
#chara-thum-area #chara-thum #chara-thum3 h3 span {
	font-size:18px;
	margin-top:10px;
}
#chara-thum-area #chara-thum #chara-thum4 h3 span {
	font-size:18px;
	margin-top:10px;
}
#chara-thum-area #chara-thum #chara-thum7 h3 span {
	transform: scale(0.8, 1);
}
#chara-thum-area #chara-thum #chara-thum9 h3 span {
	transform: scale(0.9, 1);
}

#chara-thum-area #chara-thum #chara-thum1 .zoom-icon {bottom:40px;right:16px;}
#chara-thum-area #chara-thum #chara-thum2 .zoom-icon {bottom:14px;right:38px;}
#chara-thum-area #chara-thum #chara-thum3 .zoom-icon {bottom:14px;left:8px;}
#chara-thum-area #chara-thum #chara-thum4 .zoom-icon {bottom:14px;right:28px;}
#chara-thum-area #chara-thum #chara-thum5 .zoom-icon {bottom:14px;right:16px;}
#chara-thum-area #chara-thum #chara-thum6 .zoom-icon {bottom:14px;right:16px;}
#chara-thum-area #chara-thum #chara-thum7 .zoom-icon {bottom:16px;right:20px;}
#chara-thum-area #chara-thum #chara-thum8 .zoom-icon {bottom:12px;right:32px;}
#chara-thum-area #chara-thum #chara-thum9 .zoom-icon {bottom:14px;right:16px;}
#chara-thum-area #chara-thum #chara-thum10 .zoom-icon {bottom:24px;left:8px;}
#chara-thum-area #chara-thum #chara-thum11 .zoom-icon {bottom:14px;right:14px;}
#chara-thum-area #chara-thum #chara-thum12 .zoom-icon {bottom:24px;right:12px;}
/*------------------------------------------------------------------------------
								STAFF AREA
------------------------------------------------------------------------------*/
#staff-area {
	padding:80px 0 80px;
	position:relative;
	overflow:hidden;
	zoom:1;
}
#staff-area .left-box {
	box-sizing:border-box;
	position:relative;
	width:580px;
	padding:30px;
	background:#FFFFFF;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	overflow:hidden;
	zoom:1;
	float:none;
	margin:0 auto 40px;
}
#staff-area .right-box {
	box-sizing:border-box;
	position:relative;
	width:580px;
	padding:30px;
	background:#FFFFFF;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	overflow:hidden;
	zoom:1;
	float:none;
	margin:0 auto 0;
}
#staff-area .left-box #staff-photo {
	width:400px;
	height:460px;
	background:url(../../img/top/2110/staff_photo.jpg) no-repeat center top -20px;
	background-size:cover;
	position:static;
	margin-left:0px;
	margin:0 auto 20px;
}
#staff-area .staff-icon {
	height:20px;
	padding-bottom:110px;
	line-height:28px;
	text-align:center;
	background:url(../../img/top/2110/staff_icon.gif) no-repeat center bottom;
	background-size:140px auto;
	font-family: 'Noto Sans JP', sans-serif;
	color:#603441;
	font-size:28px;
	font-weight:600;
	margin:10px auto 25px;
}
#staff-area .left-box .staff-icon {
	width:100%;
}
#staff-area .right-box .staff-icon {
	width:100%;
	margin-bottom:25px;
}
#staff-area h3 {
	text-align:center;
	font-size:36px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:700;
	color:#603441;
	line-height:1em;
}
#staff-area h5 {
	text-align:center;
	font-size:30px;
	font-family: 'Modak', cursive;
	color:#603441;
	line-height:1em;
	margin:10px 0 24px;
	font-weight:normal;
}
#staff-area p {
	text-align:justify;
	padding-right:280px;
	color:#603441;
	font-size:22px;
	line-height:1.6em;
	font-weight:500;
	margin-top:0px;
	padding:0;
}
#staff-area p span {
	display:block;
	text-align:center;
	margin-bottom:10px;
	font-family: 'Lato', sans-serif;
	font-weight:400;
}
/*------------------------------------------------------------------------------
								BOOKS AREA
------------------------------------------------------------------------------*/
#books-area {
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	padding:80px 0 80px;
	background:url(../../img/top/2110/books_back.jpg) repeat-x center top;
	background-size:contain;
}
#books-area h2 {
	width:auto;
	height:auto;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:60px;
	line-height:50px;
	margin-bottom:30px;
	color:#603441;
}
#books-area #books-sub1 {
	background:url(../../img/top/2110/books_sub1.png) no-repeat center center;
	background-size:auto 40px;
	margin:0 auto;
	text-indent:-999999px;
	height:40px;
	width:240px;
	border-left:4px solid #603441;
	border-right:4px solid #603441;
	box-sizing:border-box;
	text-align:center;
	margin-bottom:40px;
}
#books-area #books-sub2 {
	background:url(../../img/top/2110/books_sub2.png) no-repeat center center;
	background-size:auto 40px;
	margin:0 auto;
	text-indent:-999999px;
	height:40px;
	width:240px;
	border-left:4px solid #603441;
	border-right:4px solid #603441;
	box-sizing:border-box;
	text-align:center;
	margin-top:60px;
	margin-bottom:40px;
}
#books-area h3 {
	width:660px;
	height:120px;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:20px;
	line-height:50px;
	margin: 0px auto 15px;
	color:#603441;
	text-indent:-999999px;
	background:url(../../img/top/2110/books_midashi_sp.png) no-repeat center center / auto 120px;
}
#books-area h5 {
	text-align:center;
	font-size:32px;
	font-family: 'Noto Sans JP', sans-serif;
	color:#603441;
	font-weight:700;
	margin-bottom:10px;
}
#books-area h6 {
	font-size:16px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:600;
	color:#603441;
	text-align:center;
	margin-bottom:20px;
}
#books-area h7 {
	display:block;
	font-size:32px;
	font-family: 'Noto Sans JP', sans-serif;
	color:#603441;
	font-weight:700;
	margin:35px 0 25px;
}
#books-area .main-txt {
	font-size:24px;
	font-weight:700;
	color:#603441;
	text-align:center;
}
#books-area #books1 {
	position:relative;
	overflow:hidden;
	zoom:1;
	margin-top:20px;
}
#books-area #books2 {
	position:relative;
	overflow:hidden;
	zoom:1;
	margin-top:0px;
}
#books-area #books1 li {
	width:100px;
	margin-right:12px;
	margin-top:0px;
	margin-bottom:10px;
	float:left;
}
#books-area #books1 li:first-child {
	width:212px;
	margin-right:12px;
	margin-bottom:0px;
}
#books-area #books1 li:first-child img {
	height:298px;
}
#books-area #books2 li {
	width:208px;
	margin-top:0;
	margin-right:16px;
	float:left;
	position:relative;
	overflow:hidden;
}
#books-area #books2 li:last-child {
	margin-right:0px;
}
#books-area #books2 li .books2-img {
	width:208px;
	float:none;
	margin:0 auto 15px;
}
#books-area #books2 li .books2-img img {
	width:100%;
}
#books-area #books2 li:last-child {
	width:208px;
}
#books-area #books1 li:nth-of-type(6n) {
	margin-right:10px;
}
#books-area #books1 li:nth-of-type(5),#books-area #books1 li:nth-of-type(9),#books-area #books1 li:nth-of-type(15) {
	margin-right:0px;
}
#books-area #books1 li img {
	width:100%;
}
#books-area p.line-b {
	text-align:justify;
	padding-right:0px;
	color:#603441;
	font-size:22px;
	line-height:1.6em;
	font-weight:500;
	margin-top:0px;
	padding:0;
	padding-bottom:40px;
	border-bottom:2px solid #603441;
}
#books-area p span {
	display:block;
	text-align:left;
	margin-bottom:4px;
	font-family: 'Lato', sans-serif;
	font-weight:400;
}
#books-area #books2 li h7 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size:22px;
	padding:0px;
	margin:0px;
	height:auto;
	line-height:1.4em;
	font-weight:700;
}
#books-area #books2 li h8 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size:20px;
	font-weight:700;
	line-height:1em;
	padding:0px;
	margin:0 0 8px;
	height:auto;
	color:#603441;
	display:block;
}
#books-area #books2 li p {
	font-family: 'M PLUS 1p', sans-serif;
	font-size:17px;
	padding:0px;
	margin:10px 0 0 0;
	height:auto;
	color:#603441;
	line-height:1.5em;
	font-weight:600;
}
/*------------------------------------------------------------------------------
								TV AREA
------------------------------------------------------------------------------*/
#tv-area {
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	padding:80px 0 80px;
	background:url(../../img/top/2110/tv_back.jpg) repeat center top / 250px 250px;
	position:relative;
}
#tv-area h2 {
	width:auto;
	height:auto;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:60px;
	line-height:50px;
	color:#603441;
	margin:0 0 30px 0;
}
#tv-area #tv-sub {
	position:relative;
	top:auto;
	left:auto;
	background:url(../../img/top/2110/tv_sub.png) no-repeat center center;
	background-size:auto 40px;
	margin:0 auto;
	text-indent:-999999px;
	height:40px;
	width:280px;
	text-align:center;
	margin-bottom:30px;
	border-left:4px solid #603441;
	border-right:4px solid #603441;
	box-sizing:border-box;
}
#tv-area #tv-midashi {
	position:relative;
	top:auto;
	left:auto;
	background:url(../../img/top/2110/tv-midashi.png) no-repeat center center;
	background-size:auto 48px;
	margin:0 auto 40px;
	text-indent:-999999px;
	height:50px;
	width:660px;
}
#tv-main {
	width:100%;
	position:relative;
	overflow:hidden;
	height:1000px;
}
#tv-main #tv_main-box {
	width:10040px;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-370px;
	overflow:hidden;
}
#tv-main #tv_main-box ul {
	position:relative;
	overflow:hidden;
	float:left;
	padding:60px 0 140px;
}
#tv-main #tv_main-box ul li {
	float:left;
	width:620px;
	box-sizing:border-box;
	padding:0 80px;
	position:relative;
}
#tv-main #tv_main-box ul li  h5 {
	width:200px;
	height:200px;
	text-indent:-999999px;
	margin:0 auto 0 ;
}
#tv-main #tv_main-box ul li p {
	font-size:22px;
	line-height:35px;
	color:#603441;
	font-weight:500;
}
#tv-main #tv_main-box ul li  #sp-midashi {
	width:480px;
	height:860px;
	background:url(../../img/top/2110/tv_sp_tit.png) no-repeat center center / 360px;
	text-indent:-999999px;
	margin:0;
}
#tv-main .maru-c {
	width:460px;
	position:absolute;
	bottom:40px;
	left:50%;
	margin-left:-230px;
	font-size:16px;
	color:#603441;
	text-align:center;
	font-weight:500;
}
#tv-main #maru-c1 {
	display:block;
}
#tv-main #maru-c2 {
	display:none;
}
#tv-main #tv_main-box ul li .photo {
	width:460px;
	height:280px;
	position:relative;
	top:auto;
	right:auto;
	margin:0 auto;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}
#tv-main #tv_main-box ul .width460 {
	height:20px;
	width:60px;
	padding:0px;
}
#tv-main #tv_main-box .tv_main1 {
	width:7500px;
	background:url(../../img/top/2110/tv_back_a.png) repeat center top;
}
#tv-main #tv_main-box .tv_main2 {
	width:2540px;
	background:url(../../img/top/2110/tv_back_b.png) repeat center top;
}

#tv-main .navi li {
	width:60px;
	height:60px;
	position: absolute;
	float:none;	
}
#tv-main .navi li a {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-indent:-999999px;
}
#tv-main .navi li img {
	width:100%;
	height:100%;
}
#tv-main .navi .arrow-left {
	top: 50%;
	left: 50%;
	margin-left:-340px;
	-webkit-transform: translateY(-50%) scale(-1,1);
	transform: translateY(-50%) scale(-1,1);
	opacity:0.5;
} 
#tv-main .navi .arrow-right {
	top: 50%;
	right: 50%;
	margin-right:-340px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*------------------------------------------------------------------------------
								MUSIC AREA
------------------------------------------------------------------------------*/
#music-area {
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	padding:80px 0 80px;
	background:url(../../img/top/2110/music_back.jpg) repeat-x center top;
}
#music-area h2 {
	width:auto;
	height:auto;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:60px;
	line-height:50px;
	margin-bottom:30px;
	color:#fff4cd;
}
#music-area #music-sub {
	background:url(../../img/top/2110/music_sub.png) no-repeat center center;
	background-size:auto 40px;
	margin:0 auto;
	text-indent:-999999px;
	height:40px;
	width:280px;
	text-align:center;
	margin-bottom:40px;
	border-left:4px solid #fff4cd;
	border-right:4px solid #fff4cd;
	box-sizing:border-box;
}
#music-area .box {
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
}
#music-area .box .photo {
	width:660px;
	padding-right:0px;
	margin-bottom:30px;
}
#music-area .box .photo img {
	width:100%;
}
#music-area .rightBox {
	position:static;
	top:0px;
	right:0px;
	width:660px;
}
#music-area .box h3 {
	width:440px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:40px;
	color:#fff4cd;
	line-height:1.0em;
	margin-bottom:15px;
	font-weight:700;
}
#music-area .box h5 {
	width:660px;
	font-family: 'M PLUS 1p', sans-serif;
	font-size:24px;
	color:#fff4cd;
	line-height:1.5em;
	margin-bottom:30px;
	font-weight:700;
	padding-bottom:30px;
	border-bottom:2px solid #fff4cd;
}
#music-area .box h6 {
	width:660px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:22px;
	color:#fff4cd;
	line-height:1.4em;
	margin-bottom:20px;
	font-weight:700;
}
#music-area .box p {
	width:660px;
	margin-top:10px;
	color:#fff4cd;
	font-weight:600;
	line-height:1.6em;
	font-size:22px;
}
#music-area p span {
	display:block;
	text-align:left;
	margin-bottom:4px;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:22px;
}
#music-area .box .pRight {
	width:660px;
	text-align:right;
	margin-top:12px;
	color:#fff4cd;
	font-weight:600;
}
#music-area .leftBox {
	padding-right:0px;
}
#music-area .box h7 {
	display:block;
	width:660px;
	text-indent:-0.3em;
	margin-bottom:10px;
	color:#fff4cd;
	font-size:22px;
	font-weight:700;
	line-height:1em;
}
#music-area .box p.prof {
	width:660px;
	font-size:22px;
	text-align:justify;
	line-height:1.6em;
}
/*------------------------------------------------------------------------------
								PHOTO AREA
------------------------------------------------------------------------------*/
#photo-area {
	box-sizing:border-box;
	width:100%;
	padding-top:0%;
	position:relative;
	margin:6px 0;
	height:1100px;
}
#photo-area ul {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}
#photo-area ul li {
	position:absolute;
}
#photo-area ul #photo-area1 {
	top:0px;
	left:0px;
	width:100%;
	padding-top:0%;
	height:534px;
	background:url(../../img/top/2110/photo1.jpg) no-repeat center top;
	background-size:cover;
}
#photo-area ul #photo-area2 {
	top:540px;
	left:0%;
	width:244px;
	height:214px;
	padding-top:0%;
	background:url(../../img/top/2110/photo2.jpg) no-repeat center top;
	background-size:cover;	
}
#photo-area ul #photo-area3 {
	top:540px;
	left:250px;
	width:490px;
	padding-top:0%;
	height:214px;
	background:url(../../img/top/2110/photo3.jpg) no-repeat center top;
	background-size:cover;	
}
#photo-area ul #photo-area4 {
	top:760px;
	left:0%;
	width:244px;
	padding-top:0%;
	height:184px;
	background:url(../../img/top/2110/photo4.jpg) no-repeat center top;
	background-size:cover;	
}
#photo-area ul #photo-area5 {
	top:950px;
	left:0%;
	width:244px;
	padding-top:0%;
	height:150px;
	background:url(../../img/top/2110/photo5.jpg) no-repeat center top;
	background-size:cover;	
}
#photo-area ul #photo-area6 {
	top:760px;
	left:250px;
	width:240px;
	padding-top:0%;
	height:340px;
	background:url(../../img/top/2110/photo6.jpg) no-repeat center top;
	background-size:cover;	
}
#photo-area ul #photo-area7 {
	top:760px;
	left:496px;
	width:244px;
	padding-top:0%;
	height:150px;
	background:url(../../img/top/2110/photo7.jpg) no-repeat center top;
	background-size:cover;	
}
#photo-area ul #photo-area8 {
	top:916px;
	left:496px;
	width:244px;
	padding-top:0%;
	height:184px;
	background:url(../../img/top/2110/photo8.jpg) no-repeat center top;
	background-size:cover;	
}
#photo-area ul #photo-area8 img {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
/*------------------------------------------------------------------------------
								COOKING AREA
------------------------------------------------------------------------------*/
#cooking-area {
	position:relative;
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	padding:140px 0 140px;
	background:#f6f4f5 url(../../img/top/2110/cooking_back1.jpg) no-repeat right top / 600px auto;
}
#cooking-bg {
	width:800px;
	height:400px;
	position:absolute;
	bottom:0px;
	right:0px;
	background:#f6f4f5 url(../../img/top/2110/cooking_back2.jpg) no-repeat right top;
}
#cooking-area h2 {
	width:auto;
	height:auto;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:60px;
	line-height:50px;
	margin-bottom:30px;
	color:#603441;
}
#cooking-area h3 {
	width:660px;
	height:110px;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:20px;
	line-height:50px;
	margin: 0px auto 30px;
	color:#603441;
	text-indent:-999999px;
	background:url(../../img/top/2110/cooking_midashi_sp.gif) no-repeat center center / 420px auto;
}
#cooking-area #cooking-main {
	position:relative;
	overflow:hidden;
	zoom:1;
	width:100%;
}
#cooking-area #cooking-main li {
	width:325px;
	background:#FFFFFF;
	line-height:1px;
	margin:10px 10px 0 0;
	padding:0 0 0;
	float:left;
}
#cooking-area #cooking-main li:nth-child(3) {
	margin-right:10px;
}
#cooking-area #cooking-main li:nth-child(4) {
	margin-left:0px;
}
#cooking-area #cooking-main li:nth-child(2) {
	margin-right:0px;
}
#cooking-area #cooking-main li:nth-child(4) {
	margin-right:0px;
}
#cooking-area #cooking-main li:nth-child(5) {
	margin-left:0px;
}
#cooking-area #cooking-main li .photo {
	width:100%;
	height:240px;
}
#cooking-area #cooking-main li h4 {
	width:120px;
	height:120px;
	text-indent:-999999px;
	position:relative;
	top:auto;
	left:-7px;
	margin:0 auto 15px;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
}
#cooking-area #cooking-main .cooking1 h4 {background:#f8c499 url(../../img/top/2110/cooking_menu.png) no-repeat center center / 75%;}
#cooking-area #cooking-main .cooking2 h4 {background:#bae3f9 url(../../img/top/2110/cooking_menu.png) no-repeat center center / 75%;}
#cooking-area #cooking-main .cooking3 h4 {background:#d2b4d5 url(../../img/top/2110/cooking_menu.png) no-repeat center center / 75%;}
#cooking-area #cooking-main .cooking4 h4 {background:#fddd95 url(../../img/top/2110/cooking_menu.png) no-repeat center center / 75%;}
#cooking-area #cooking-main .cooking5 h4 {background:#e1e548 url(../../img/top/2110/cooking_menu.png) no-repeat center center / 75%;}
#cooking-area #cooking-main .cooking1 .photo {background:url(../../img/top/2110/cooking_img1.jpg) no-repeat center center / cover;}
#cooking-area #cooking-main .cooking2 .photo {background:url(../../img/top/2110/cooking_img2.jpg) no-repeat center center / cover;}
#cooking-area #cooking-main .cooking3 .photo {background:url(../../img/top/2110/cooking_img3.jpg) no-repeat center center / cover;}
#cooking-area #cooking-main .cooking4 .photo {background:url(../../img/top/2110/cooking_img4.jpg) no-repeat center center / cover;}
#cooking-area #cooking-main .cooking5 .photo {background:url(../../img/top/2110/cooking_img5.jpg) no-repeat center center / cover;}
#cooking-area #cooking-main li .txt-area {
	position:relative;
	width:100%;
	box-sizing:border-box;
	padding:15px 0 0 15px;
}
#cooking-area #cooking-main .cooking1 .txt-area {min-height:345px;}
#cooking-area #cooking-main .cooking2 .txt-area {min-height:345px;}
#cooking-area #cooking-main .cooking3 .txt-area {min-height:355px;}
#cooking-area #cooking-main .cooking4 .txt-area {min-height:355px;}
#cooking-area #cooking-main .cooking5 .txt-area {min-height:365px;}
#cooking-area #cooking-main li p {
	font-size:23px;
	line-height:30px;
	margin-bottom:0px;
	margin-top:10px;
	color:#603441;
	font-weight:500;
	text-align:justify;
	text-indent:-1em;
	padding-left:1em;
}
#cooking-area #cooking-stylist {
	position:relative;
	width:660px;
	box-sizing:border-box;
	margin:30px auto 0;
	background:#a2bc2f;
	color:#FFFFFF;
	padding:20px 30px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
#cooking-area #cooking-stylist h4 {
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:500;
	font-size:30px;
	height:auto;
	line-height:1.3em;
	padding-bottom:15px;
	margin-bottom:15px;
	width:100%;
	border-bottom:2px solid #FFFFFF;
	text-align:center;
}
#cooking-area #cooking-stylist p {
	font-size:22px;
	line-height:35px;
	font-weight:400;
}
/*------------------------------------------------------------------------------
								PRO-NOTE AREA
------------------------------------------------------------------------------*/
#pro-note-area {
	position:relative;
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	padding:0;
	background:url(../../img/top/2110/pro_note_back.jpg) repeat-x center top;
	background-size:290px auto;
}
#pro-note-area .pro-note-photo {
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
	zoom:1;
}
#pro-note-area .pro-note-photo li {
	float:left;
	width:50%;
}
#pro-note-area .pro-note-photo li img {
	width:100%;
}
#pro-note-area .contents-box {
	box-sizing:border-box;
	padding:80px 0;
}
#pro-note-area h2 {
	width:auto;
	height:auto;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:55px;
	line-height:30px;
	margin-bottom:30px;
	color:#603441;
}
#pro-note-area h3 {
	width:800px;
	height:auto;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:normal;
	font-size:42px;
	line-height:42px;
	margin: 0 0 30px;
	color:#603441;
}
#pro-note-area h3 span {
	font-size:30px;
	display:block;
	line-height:30px;
	margin-bottom:15px;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-weight:bold;
}
#pro-note-area #pro-note-main li {
	width:100%;
	background:rgba(255,255,255,0.5);
	line-height:1.4em;
	margin:20px 0 0 0;
	color:#603441;
	box-sizing:border-box;
	padding:25px 30px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	position:relative;
}
#pro-note-area #pro-note-main li h4 {
	font-size:32px;
	line-height:42px;
	font-family: 'Sawarabi Mincho','Noto Serif JP', serif;
	font-weight:600;
	position:relative;
}
#pro-note-area #pro-note-main li h4 a {
	width:100%;
	height:100%;
	text-indent:-999999px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../../img/contents/plus.png) no-repeat right center / 25px 25px;
}
#pro-note-area #pro-note-main li .pro-note-txt-box {
	display:none;
	padding-top:5px;
}
#pro-note-area #pro-note-main #pro-note1 h4 a {
	display:none;
}
#pro-note-area #pro-note-main #pro-note1 .pro-note-txt-box {
	display:block;
}
#pro-note-area #pro-note-main li p {
	font-size:22px;
	line-height:1.5em;
	color:#603441;
	font-weight:400;
	margin-top:10px;
	text-align:justify;
}
/*------------------------------------------------------------------------------
								TALK AREA
------------------------------------------------------------------------------*/
#talk-area {
	position:relative;
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	padding:0;
	background:url(../../img/top/talk_back.jpg) repeat-y center top;
	background-size:100% auto;
}
#talk-area .icon {
	width:100%;
	height:140px;
	background:url(../../img/top/talk_icon.png) repeat-x;
}
#talk-area #icon1 {
	background-position:left -25px center;
}
#talk-area #icon2 {
	background-position:right -25px center;
}
#talk-area .contents-box {
	box-sizing:border-box;
	padding:50px 0 30px;
}
#talk-area h2 {
	width:auto;
	height:auto;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:55px;
	line-height:30px;
	margin-bottom:40px;
	color:#603441;
}
#talk-area h3 {
	width:100%;
	height:300px;
	text-indent:-999999px;
	background:url(../../img/top/talk_tit_sp.png) no-repeat center center / 640px auto;
	margin-bottom:20px;
}
#talk-area #talk-main li {
	width:100%;
	line-height:1.6em;
	margin:20px 0 0 0;
	color:#603441;
	position:relative;
}
#talk-area #talk-main li p {
	font-size:22px;
	line-height:1.6em;
	color:#603441;
	font-weight:400;
	margin-top:10px;
	text-align:justify;
	padding-left:3em;
	box-sizing:border-box;
	position:relative;
}
#talk-area #talk-main .talk1 p:before {
	content:'瀬戸';
	position:absolute;
	top:0px;
	left:0px;
}
#talk-area #talk-main .talk2 p:before {
	content:'安達';
	position:absolute;
	top:0px;
	left:0px;
}
/*------------------------------------------------------------------------------
								loopSlider
------------------------------------------------------------------------------*/
#loopSlider-box {
	position:relative;
	height:200px;
	width:100%;
	margin-top:0px;
}
#loopSlider-box .slider_head {
	position:absolute;
	top:0px;
	left:0px;
	height:96px;
	width:100%;
	background:url(../../img/top/slider_head.png) repeat-x center top;
}
.loopSliderWrap {
	top: 0px;
	left: 0;
	height: 200px;
	overflow: hidden;
	position: absolute;
}

.loopSlider {
	margin: 0 auto;
	width: 100%;
	height: 200px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.loopSlider ul {
	width: 100%;
	height: 200px;
	float: left;
	overflow: hidden;
}

.loopSlider ul li {
	width: 250px;
	height: auto;
	float: left;
	display: inline;
	overflow: hidden;
}
.loopSlider ul li img {
	width: 100%;
}

/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
.loopSliderWrap:after {
	content: "";
	display: none;
	clear: none;
}
/*------------------------------------------------------------------------------
								NEWS AREA
------------------------------------------------------------------------------*/
#news-area {
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	padding:80px 0 80px;
	background:url(../../img/top/news_back.jpg);
	min-height:500px;
}
#news-area h2 {
	width:auto;
	height:auto;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:60px;
	line-height:50px;
	margin-bottom:30px;
	color:#603441;
}
#news-area .news-index {
    display:table;
	width:100%;
}
#news-area .news-index li {
	margin:0 20px 30px 0;
	padding:0;
	width:320px;
	display:inline-block !important;
	position:relative;
	vertical-align: top;
	box-sizing:border-box;
	line-height:1em;
}
#news-area .news-index li:nth-child(3n) {
	margin:0 20px 30px 0;
}
#news-area .news-index li:nth-child(2n) {
	margin:0 0 30px 0;
}
#news-area .news-index li a {
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	text-indent:-999999px;
}
#news-area .news-index li .news-index-photo {
	width:320px;
	height:320px;
	box-sizing:border-box;
	border:2px solid #993300;
}
#news-area .news-index li h3 {
	color:#993400;
	font-weight:600;
	font-family:'Lato', sans-serif;
	margin-top:15px;
	margin-bottom:8px;
	font-size:22px;
	line-height:1em;
}
#news-area .news-index li p {
	font-size:22px;
	color:#993400;
	line-height:1.3em;
	font-weight:500;
}
#news-area .newsBtn {
	font-size:22px;
	width:600px;
	margin:40px auto 0px;
	box-sizing:border-box;
	position:relative;
	height:50px;
}
#news-area .news-btn {
	font-size:22px;
	width:290px;
	box-sizing:border-box;
	border:#993400 2px solid;
	position:relative;
	height:60px;
	margin-right:20px;
	float:left;
}
#news-area .news-btn:last-child {
	margin-right:0px;
}
#news-area .news-btn a {
	position:absolute;
	line-height:60px;
	width:100%;
	text-align:center;
	box-sizing:border-box;
	padding:0;
	color:#993400;
}
/*------------------------------------------------------------------------------
								FOOTER
------------------------------------------------------------------------------*/
#footer-area {
	width:100%;
	height:60px;
	position:absolute;
	bottom:0px;
	background:#603441;
}
#footer-area .copyright {
	width:660px;
	margin:0 auto;
	height:60px;
	position:relative;
	background:url(../../img/top/new/copyrights.png) no-repeat center center;
	background-size:contain;
}

/*------------------------------------------------------------------------------
								CHARA MAIN
------------------------------------------------------------------------------*/
#chara-wrap {
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:url(../../img/top/2110/chara_back.png) repeat left top;
	z-index:1100;
	min-width:740px;
	min-height:1120px;
}
#chara-wrap #chara-main {
	background:url(../../img/top/2110/chara_main_back_sp.jpg) no-repeat center center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}
#chara-wrap .chara-main1 {
	width:620px;
	height:1080px;
	transition: all .5s;
}
#chara-wrap .chara-main2 {
	width:620px;
	height:860px;
	transition: all .5s;
}
#chara-wrap .chara-main3 {
	width:540px;
	height:740px;
	transition: all .5s;
}
#chara-wrap #chara-main #chara-main-box {
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}
#chara-wrap #chara-main #chara-main-box ul {
	width:8880px;
	height:1080px;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#chara-wrap #chara-main #chara-main-box ul li {
	width:740px;
	height:1080px;
	float:left;
	margin:0;
	padding:0;
}
#chara-wrap #chara-main #chara-main-box ul #chara1 {
	background:url(../../img/top/2110/chara_sp1.png) no-repeat center center;
}
#chara-wrap #chara-main #chara-main-box ul #chara2 {
	background:url(../../img/top/2110/chara_sp2.png) no-repeat center center;
}
#chara-wrap #chara-main #chara-main-box ul #chara3 {
	background:url(../../img/top/2110/chara_sp3.png) no-repeat center center;
}
#chara-wrap #chara-main #chara-main-box ul #chara4 {
	background:url(../../img/top/2110/chara_sp4.png) no-repeat center center;
}
#chara-wrap #chara-main #chara-main-box ul #chara5 {
	background:url(../../img/top/2110/chara_sp5.png) no-repeat center center;
}
#chara-wrap #chara-main #chara-main-box ul #chara6 {
	background:url(../../img/top/2110/chara_sp6.png) no-repeat center center;
}
#chara-wrap #chara-main #chara-main-box ul #chara7 {
	background:url(../../img/top/2110/chara_sp7.png) no-repeat center center;
}
#chara-wrap #chara-main #chara-main-box ul #chara8 {
	background:url(../../img/top/2110/chara_sp8.png) no-repeat center center;
}
#chara-wrap #chara-main #chara-main-box ul #chara9 {
	background:url(../../img/top/2110/chara_sp9.png) no-repeat center center;
}
#chara-wrap #chara-main #chara-main-box ul #chara10 {
	background:url(../../img/top/2110/chara_sp10.png) no-repeat center center;
}
#chara-wrap #chara-main #chara-main-box ul #chara11 {
	background:url(../../img/top/2110/chara_sp11.png) no-repeat center center;
}
#chara-wrap #chara-main #chara-main-box ul #chara12 {
	background:url(../../img/top/2110/chara_sp12.png) no-repeat center center;
}
#chara-wrap #chara-main .navi li {
	width:60px;
	height:60px;
	position: absolute;
	float:none;	
}
#chara-wrap #chara-main .navi li img {
	width:100%;
	height:100%;
}
#chara-wrap #chara-main .navi .arrow-left {
	top: 50%;
	left: -30px;
	-webkit-transform: translateY(-50%) scale(-1,1);
	transform: translateY(-50%) scale(-1,1);
} 
#chara-wrap #chara-main .navi .arrow-right {
	top: 50%;
	right: -30px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
} 
#chara-wrap #chara-main .navi .close {
	top: -30px;
	right: -30px;
} 

/*-----------------------------------------------------------------------------
											MENU ICON
	----------------------------------------------------------------------------*/
#menu-icon {
	position:fixed;
	width:45px;
	height:45px;
	right:30px;
	top:30px;
	z-index:1000;
}
.menu-icon,
.menu-icon span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-icon {
  position: relative;
  width: 45px;
  height: 45px;
  top:0px;
  left:0px;
}
.menu-icon span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 9px;
  background-color: #603441;
}
.menu-icon span:nth-of-type(1) {
  top: 0;
}
.menu-icon span:nth-of-type(2) {
  top: 18px;
}
.menu-icon span:nth-of-type(3) {
  bottom: 0;
}

.menu-icon.active span:nth-of-type(1) {
  -webkit-transform: translateY(18px) rotate(-45deg);
  transform: translateY(18px) rotate(-45deg);
}
.menu-icon.active span:nth-of-type(2) {
  left: 150%;
  opacity: 0;
  -webkit-animation: active-menu-bar02 .8s forwards;
  animation: active-menu-bar02 .8s forwards;
}
.menu-icon.active span:nth-of-type(3) {
  -webkit-transform: translateY(-18px) rotate(45deg);
  transform: translateY(-18px) rotate(45deg);
}
#menu-icon a {
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	text-indent:-99999px;
}
/*------------------------------------------------------------------------------
								MENU
------------------------------------------------------------------------------*/
#menu-back {
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:url(../../img/top/2110/chara_back.png) repeat left top;
	opacity:0.8;
	display:none;
}
#menu-area {
	position:fixed;
	width:580px;
	height:100%;
	top:0px;
	left:0px;
	background:url(../../img/top/2110/chara_back.jpg) repeat-y;
	background-position:center top;
	margin-left:-580px;
	overflow:auto;
}
#menu-area ul {
	margin-left:30px;
	margin-top:40px;
}
#menu-area ul li {
	width:auto;
	height:auto;
	font-family: 'Modak', cursive;
	font-weight:normal;
	font-size:42px;
	line-height:42px;
	margin-bottom:15px;
	color:#603441;
	position:relative;
	padding-left:36px;
	background:url(../../img/contents/arrow4.png) no-repeat left top 6px / 25px 25px;
	text-shadow:1px 1px 2px #f7f3df,-1px -1px 2px #f7f3df,1px 1px 2px #f7f3df,-1px -1px 2px #f7f3df;
}
#menu-area ul li span {
	display:block;
	font-size:20px;
	line-height:20px;
	margin-top:2px;
	font-family: 'M PLUS 1p', sans-serif;
}
#menu-area ul li a {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	text-indent:-999999px;
}
}
/*------------------------------------------------------------------------------
								PRINT
------------------------------------------------------------------------------*/
@media print {
#main-area-wrap {
	width:1300px;
	height:710px;
}
#main-area {
	width:2600px;
	height:1420px;
	transform:scale(0.5);
}
#cast-waku6 {
	display:none;
}
#cast6 {
	display:none;
}
#photo {
	display:none;
}
#news-area .news-index li #news-index-photo2 {
	background:#cccccc;
}
#news-area .news-index li #news-index-photo13 {
	background:#cccccc;
}
#chara-thum5 .photo {
	display:none;
}
#chara5 {
	opacity:0;
}
#photo-area ul #photo-area8 {
	display:none;
}
/*------------------------------------------------------------------------------
								ANIMATION
------------------------------------------------------------------------------*/
.scaleDownMainOut {
	transform: translate(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}
.scaleUpLogoOut {
	transform: translate(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}
.fromBottomCopyOut {
	transform: translate(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}
.fromBottomOut {
	transform: translate(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}
.fromBottomObiOut {
	transform: translate(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}
/*スケールアップ*/
.scaleUpCastOut {
	transform: translate(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}
.scaleUpOut1 {
	transform: translate(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}
.scaleUpOut2 {
	transform: translate(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}
.scaleUpOut3 {
	transform: translate(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}
/*上移動*/
.fromUpOut {
	transform: translate(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}
.fromUpOut2 {
	transform: translate(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}
.alphaOut {
	transform: translate(0px, 0px) rotate(0deg) scale(1.0);
	opacity: 1.0;
}
}