@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////
キレてる！カイリキーGYM (max-width:720px)
/////////////////////////////////////////////////////////////////////////*/
* { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
html, body { height:100%;}
body { text-align:center; font:13px/1.231 sans-serif; font-family:'Helvetica Neue', Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; *font-size:small; *font:x-small;}
h1, h2, h3, h4, h5, h6, table, caption, thead, tr, th, td, form { font-size:100%;}
article, aside, footer, header, nav, section { display:block;}
a,embed,object { outline:none;}
img { border:none; box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;}
hr { display:none;}
li { list-style:none;}
.alt { position:absolute; top:-5000px; left:-9999px; text-align:left;}
.clearfix:after { content:""; clear:both; display:block;}
a { color:#000; text-decoration:none;}

/*@common
//////////////////////////////////////////////////////*/
body { background:#383838; font-weight:bold; -webkit-text-size-adjust:100%;}
/*loading*/
.loading {
	width:100%; height:100%;
	background:#000 url(../img/sp_bg.jpg) no-repeat center 0;
	background-size:contain;
	position:fixed; top:0; left:0;
	}
	.loading:before {
		content:""; display:block; width:95px; height:73px;
		background:url(../img/loading.gif) no-repeat;
		background-size:contain;
		position:absolute; top:40%; left:50%; margin-left:-47.5px;
	}
/*header*/
#header { width:100%; position:relative; z-index:10;}
.idx #header { height:0; padding-top:89.84%;}
	.idx #header h1 {
		width:100%; height:0; padding-top:40.625%; text-indent:-9999px;
		background:url(../img/sp_logo.png) no-repeat;
		background-size:contain;
		position:absolute; bottom:-5px; left:0;
	}
	.idx #header .official {
		width:25%; height:0; padding-top:11.184%; text-indent:-9999px;
		background:url(../img/sp_daisuki.png) no-repeat;
		background-size:contain;
		position:absolute; top:5px; left:10px;
	}
	.idx #header .read { display:none;}
.d2 #header { height:50px; background:#000; padding-top:7px;}
	.d2 #header h1 {
		width:95px; height:37px;
		background:url(../img/sp_parts.png) no-repeat 0 0;
		background-size:130px auto; margin:0 auto;
	}
	.d2 #header h1 a { display:block; width:95px; height:37px; text-indent:-9999px;}
	.d2 #header .official {
		width:105px; height:21px; text-indent:-9999px;
		background:url(../img/sp_parts.png) no-repeat 0 -40px;
		background-size:130px auto;
		position:absolute; top:17px; right:5px;
	}
/*menu*/
#menu { height:42px; background:#000; color:#fff; position:relative; z-index:100;}
	#menuIn { display:table; width:100%; table-layout:fixed;}
	#menuIn .mBtn { display:table-cell; border:2px solid #f6f11f; border-right:none;}
	#menuIn .mBtn:last-child { border-right:2px solid #f6f11f;}
	#menuIn .mBtn > a {
		display:block; width:100%; height:38px; text-indent:-9999px;
		position:relative; cursor:pointer;
	}
	#menuIn .mBtn > a:after {
		content:""; display:block; width:60px; height:28px;
		background:url(../img/sp_parts.png) no-repeat;
		background-size:130px auto;
		position:absolute; top:50%; left:50%; margin:-13px 0 0 -30px;
	}
	#menuIn .m1 > a:after { background-position:0 -65px;}
	#menuIn .m2 > a:after { background-position:-65px -65px;}
	#menuIn .m3 > a:after { background-position:0 -95px;}
	#menuIn .m4 > a:after { background-position:-65px -95px;}
	/*dropdown*/
	#menuIn ul {
		width:100%; text-align:center;
		background:rgb(0, 0, 0); background:rgba(0, 0, 0, 0.8);
		position:absolute; top:100%; left:0; padding:20px 0 10px; z-index:1;
		border-bottom:2px solid #f6f11f;
		display:none;
	}
	#menuIn ul li { display:inline-block; width:40%; vertical-align:top; margin:0 5px 10px;}
	#menuIn ul li a {
		display:block; width:100%; position:relative;
		font-size:11px; color:#f6f11f; text-align:left;
	}
	#menuIn ul li a:before {
		content:""; display:block; width:100%; height:0; padding-top:60%;
		border:2px solid #f6f11f; margin-bottom:5px;
		background:#000 no-repeat center 0; background-size:100%;
	}
	#menuIn ul li.c1 a:before { background-image:url(../img/m1.png);}
	#menuIn ul li.c2 a:before { background-image:url(../img/m2.png);}
	#menuIn ul li.c3 a:before { background-image:url(../img/m3.png);}
	#menuIn ul li.c4 a:before { background-image:url(../img/m4.png);}
	#menuIn ul li.c5 a:before { background-image:url(../img/m5s.png);}
	#menuIn ul li.c6 a:before { background-image:url(../img/m6.png);}
	#menuIn ul li.c7 a:before { background-image:url(../img/m7.png);}
	#menuIn ul li.c8 a:before { background-image:url(../img/m8.png);}
	/*coming*/
	#menuIn ul li .coming {
		display:block; width:100%; position:relative;
		font-size:11px; color:#005059; text-align:left;
	}
	#menuIn ul li .coming:before {
		content:""; display:block; width:100%; height:0; padding-top:60%;
		border:2px solid #00383e; margin-bottom:5px;
		background:url(../img/m_cs.png) no-repeat center 0; background-size:100%;
	}

/*sns*/
.snsbtn { height:20px; overflow:hidden;}
.snsbtn li { display:inline-block; vertical-align:top; margin:0 3px;}
#header .snsbtn { display:none;}
#footer .snsbtn { text-align:center;}
/*ptop*/
#ptop {
	display:inline-block; height:30px; background:#383838;
	font-size:11px; color:#fff; text-align:center; line-height:34px;
	border-radius:8px 8px 0 0; padding:0 36px 0 16px;
	position:absolute; top:-29px; right:10px;
	}
	#ptop:after {
		content:""; display:block; width:15px; height:10px;
		background:url(../img/sp_parts.png) no-repeat -115px 0;
		background-size:130px auto;
		position:absolute; top:12px; right:12px;
	}
/*footer*/
#footer { background:#383838; font-size:60%; color:#fff; text-align:left; line-height:1.6; position:relative; z-index:20;}
#footerIn { position:relative; padding:20px 0 10px;}
	#footer .link { width:100%; text-align:center; padding-top:20px;}
	#footer .link .official {
		display:inline-block; width:50%; height:0; padding-top:19%; text-indent:-9999px;
		background:url(../img/sp_daisuki.png) no-repeat; background-size:contain;
	}
	#footer .copyright { padding:8px 12px;}
	#footer .copyright br { display:none;}
	#footer .hikkoshi { padding-top:16px;}
	#footer .hikkoshi a {
		display:block; width:90%; height:0; padding-top:34.125%; text-indent:-9999px;
		background:transparent no-repeat; background-size:contain; margin:0 auto;
		background-image:url(../img/sp_bn_hikkoshi1.gif);
	}

/*@TOP
//////////////////////////////////////////////////////*/
body.idx {
	background:#000 url(../img/sp_bg.jpg) no-repeat center 0;
	background-size:contain;
}
#topKairiky .bg { width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; z-index:1;}
#topKairiky1 { background:url(../img/sp_bg1.jpg) no-repeat center 0; background-size:contain;}
#topKairiky2 { background:url(../img/sp_bg2.jpg) no-repeat center 0;background-size:contain;}
/*topics*/
#topics { background:rgb(0, 0, 0); background:rgba(0, 0, 0, 0.8); padding:8px 0 5px; margin-bottom:10px; position:relative; z-index:10;}
	#topics h2 {
		width:32%; height:0; padding-top:4.8%; text-indent:-9999px; margin:0 auto;
		background:url(../img/sp_topics.png) no-repeat; background-size:contain;
	}
	#topics ul {
		font-weight:bold; text-align:left; color:#fff;
		padding:3px 10px 5px; overflow:hidden;
	}
	#topics ul a { color:#f6f11f;}
	#topics .date { display:table-cell; width:6em; font-size:10px; vertical-align:top; padding:3px 0;}
	#topics .txt { display:table-cell; font-size:10px; vertical-align:top; padding:3px 0;}
/*about*/
#bnAbout a {
	display:block; width:100%; height:0; padding-top:10.937%; text-indent:-9999px;
	background:#e60404; position:relative; z-index:10;
	}
	#bnAbout a:after {
		content:""; display:block; width:100%; height:0; padding-top:13.125%;
		background:url(../img/sp_bn_about.png) no-repeat; background-size:contain;
		position:absolute; bottom:0; left:0;
	}

/*/////////////list/////////////*/
#contentsList { text-align:left; margin:0 auto; padding-bottom:20px; position:relative; z-index:10;}
	#contentsList ul { font-size:0; padding-bottom:20px;}
	#contentsList ul:after { content:""; clear:both; display:block;}
	#contentsList li {
		display:inline-block; width:50%; float:left;
		vertical-align:top; padding-top:30px; position:relative;
	}
	#contentsList li.c1,
	#contentsList li.c3,
	#contentsList li.c4,
	#contentsList li.c6 { padding-right:1%;}
	#contentsList li.c2,
	#contentsList li.c7,
	#contentsList li.c8 { padding-left:1%;}
	#contentsList li.c5 { width:100%;}
	#contentsList li a {
		display:block; width:100%; height:0; padding-top:96%;
		border:2px solid #f6f11f; position:relative; z-index:1;
		background:#000 no-repeat center 0; background-size:contain;
	}
	#contentsList li.c1 a { background-image:url(../img/m1.png);}
	#contentsList li.c2 a { background-image:url(../img/m2.png);}
	#contentsList li.c3 a { background-image:url(../img/m3.png);}
	#contentsList li.c4 a { background-image:url(../img/m4.png);}
	#contentsList li.c5 a { background-image:url(../img/m5.png); padding-top:50%;}
	#contentsList li.c6 a { background-image:url(../img/m6.png);}
	#contentsList li.c7 a { background-image:url(../img/m7.png);}
	#contentsList li.c8 a { background-image:url(../img/m8.png);}
	#contentsList li .category { width:100%; text-align:center; position:absolute; top:-16px; left:0;}
	#contentsList li .category > span {
		display:inline-block; height:24px; line-height:22px;
		border:2px solid #f6f11f; background:#000;
		font-size:10px; color:#f6f11f;
		padding:0 5px; position:relative; z-index:10;
	}
	#contentsList li .text {
		width:100%; height:auto; font-size:12px; text-align:left;
		background:rgb(246, 241, 31); background:rgba(246, 241, 31, 0.9);
		position:absolute; bottom:0; left:0;
		padding:3px 6px 2px; overflow:hidden;
	}
	#contentsList li .text h2 {
		width:100%; height:0; padding-top:13.33%; text-indent:-9999px;
		background:transparent no-repeat; background-size:contain; margin-bottom:5px;
		}
		#contentsList li.c1 .text h2 { background-image:url(../img/sp_m1.png);}
		#contentsList li.c2 .text h2 { background-image:url(../img/sp_m2.png);}
		#contentsList li.c3 .text h2 { background-image:url(../img/sp_m3.png);}
		#contentsList li.c4 .text h2 { background-image:url(../img/sp_m4.png);}
		#contentsList li.c5 .text h2 { background-image:url(../img/sp_m5.png); padding-top:6.25%;}
		#contentsList li.c6 .text h2 { background-image:url(../img/sp_m6.png);}
		#contentsList li.c7 .text h2 { background-image:url(../img/sp_m7.png);}
		#contentsList li.c8 .text h2 { background-image:url(../img/sp_m8.png);}
	#contentsList li .text p { min-height:40px; font-size:9px; line-height:1.35; letter-spacing:-0.03em; text-align:justify; overflow:hidden;}
	/*hikkoshi*/
	#contentsList li.hikkoshi { width:100%; height:0; padding-top:38.2%; padding-right:0; margin:24px 0 5px 0;}
	#contentsList li.hikkoshi a {
		background-image:url(../img/sp_bn_hikkoshi1.gif); padding-top:38.2%;
		position:absolute; top:0; left:0; border:none;
	}
	/*banner*/
	#contentsList li.banner { width:100%; font-size:0; text-align:center; padding:20px 0 10px;}
	#contentsList li.banner a {
		display:inline-block; width:80%; height:0; padding-top:22.22%;
		text-indent:-9999px; margin:5px 0; border:none;
		background:transparent no-repeat center 0; background-size:cover;
	}
	#contentsList li.banner .bnExpo { background-image:url(../img/bn_expo.png);}
	#contentsList li.banner .bnPokken { background-image:url(../img/bn_pokken.png);}
	#contentsList li.banner a:hover { background-size:cover; filter:alpha(opacity=80); opacity:0.8;}
	/*coming soon*/
	#contentsList li .coming {
		display:block; width:100%; height:0; padding-top:96%;
		border:2px solid #00383e; position:relative; z-index:1;
		background:#000 no-repeat center 0; background-size:contain;
	}
	#contentsList li .coming .category > span { border-color:#00383e; color:#00383e;}
	#contentsList li .coming .text { background:rgb(0, 56, 62); background:rgba(0, 56, 62, 0.9);}
	#contentsList li.c7 .coming,
	#contentsList li.c4 .coming { background-image:url(../img/m_cs.png);}
	#contentsList li.c5 .coming { background-image:url(../img/m5_cs.png); padding-top:50%;}
	/*new*/
	#contentsList li.new a:after {
		content:""; display:block; width:33px; height:33px;
		background:url(../img/ic_new.gif) no-repeat;
		background-size:contain;
		position:absolute; top:0; left:0;
	}

/*/////////////about/////////////*/
#about {
	width:90%; background:#000; text-align:left; margin:40px auto;
	border:3px solid #f6f11f; border-radius:12px; padding:20px 20px 70px; position:relative;
	}
	#about h2 {
		width:65%; height:0; padding-top:20.04%; text-indent:-9999px;
		background:url(../img/sp_about_h2.png) no-repeat;
		background-size:contain; margin-bottom:20px;
	}
	#about h2:after {
		content:""; display:block; width:35%; height:0; padding-top:48.38%;
		background:url(../img/kairiky.png) no-repeat;
		background-size:contain;
		position:absolute; top:10px; right:-5px;
	}
	#aboutTxt { width:100%; padding-bottom:20px;}
	#aboutTxt h3 { font-size:17px; color:#f6f11f; line-height:1.35; margin-bottom:15px;}
	#aboutTxt p { font-size:14px; color:#fff; line-height:1.6; background:#000; position:relative; margin-bottom:10px;}
	#aboutTxt p.big { font-size:17px; color:#f6f11f; line-height:1.35;}
	#instructor { padding-top:10px;}
	#instructor h3 {
		width:100%; height:0; padding-top:8.33%; text-indent:-9999px;
		background:url(../img/sp_about_h3.png) no-repeat;
		background-size:contain; margin-bottom:20px;
	}
	#instructor .box {
		width:100%; position:relative;
		font-size:12px; line-height:1.6; color:#000;
		background:#f6f11f; border-radius:8px; padding:0 12px 25px;
	}
	#instructor .box:before {
		content:""; display:block; width:100%; height:0; padding-top:93.33%;
		position:relative; top:-24px;
	}
	#instructor .instructor1:before { background:url(../img/instructor1.png) no-repeat; background-size:contain;}
	#instructor .instructor2:before { background:url(../img/instructor2.png) no-repeat; background-size:contain;}
	#instructor .instructor1 { margin-bottom:30px;}
	#instructor .box h4 {
		width:100%; font-size:17px; text-align:center; line-height:34px;
		border-top:5px solid #000; border-bottom:5px solid #000; margin:-24px 0 10px;
	}
	#instructor .box p {
		padding:6px 5px 0;
		background:url(../img/bg_mb.png) no-repeat center center;
		background-size:160px auto;
	}

/*@contents
//////////////////////////////////////////////////////*/
.d2 #contents { background:#ececec; padding-bottom:40px;}
.d2 #contents h2 {
	width:100%; height:0; padding-top:18.75%; text-indent:-9999px;
	background:#f6f11f no-repeat center center;
	background-size:cover;
	}
	.manga #contents h2 { background-image:url(../img/sp_h2_manga.png);}
	.zukan #contents h2 { background-image:url(../img/sp_h2_zukan.png);}
	.work #contents h2 { background-image:url(../img/sp_h2_work.png);}
	.secret #contents h2 { background-image:url(../img/sp_h2_secret.png);}
	.girls #contents h2 { background-image:url(../img/sp_h2_girls.png);}
	.battle #contents h2 { background-image:url(../img/sp_h2_battle.png);}
	.training #contents h2 { background-image:url(../img/sp_h2_training.png);}

/*@kairiky01--知る
//////////////////////////////////////////////////////*/
.work #contentsIn, .secret #contentsIn { background:#fff;}
.kairiky01 #headings {
	width:100%; height:0;
	background:#000 no-repeat center center; position:relative;
	background-size:cover;
	}
	.secret #headings { background-image:url(../img/sp_secret_title.png); padding-top:62.5%;}
	.work #headings { background-image:url(../img/sp_work_title.png); padding-top:71.875%;}
	.zukan #headings { background-image:url(../img/sp_zukan_title.png); padding-top:75%;}
	.kairiky01 #headings h3 { display:none;}
	.kairiky01 #headings p { display:none;}
.kairiky01 #contentsIn h3 { height:44px; background:#f6f11f; overflow:hidden;}
	.kairiky01 #contentsIn h3 span {
		display:block; width:100%; height:44px;
		text-indent:-9999px; margin:0 auto; position:relative;
	}
	.kairiky01 #contentsIn h3 span:before {
		content:""; display:block; width:90px; height:90px;
		background:url(../img/bg_mb.png) no-repeat; background-size:contain;
		position:absolute; top:50%; left:10px; margin-top:-45px;
	}
	.kairiky01 #contentsIn h3 span:after {
		content:""; display:block; height:44px;
		background:url(../img/kairiky01.png) no-repeat;
		background-size:375px auto;
		position:absolute; top:0;
	}
.kairiky01 #contentsIn .inner { text-align:left; padding-bottom:30px; position:relative; z-index:1;}
	.kairiky01 #contentsIn .inner p { font-size:13px; line-height:1.6; text-align:justify; position:relative;}
	.kairiky01 .icon1, .kairiky01 .icon2,
	.kairiky01 .icon3, .kairiky01 .icon4 { padding-left:50px; position:relative;}
	.kairiky01 .icon1:before, .kairiky01 .icon2:before,
	.kairiky01 .icon3:before, .kairiky01 .icon4:before {
		content:""; display:block; width:40px; height:40px;
		background:url(../img/kairiky01.png) no-repeat;
		background-size:375px auto;
		position:absolute; top:0; left:0;
	}
	.kairiky01 .icon1:before { background-position:0 -320px;}
	.kairiky01 .icon2:before { background-position:-45px -320px;}
	.kairiky01 .icon3:before { background-position:-90px -320px;}
	.kairiky01 .icon4:before { background-position:-135px -320px;}
	.work .icon1:before { background-position:-180px -320px;}
	.work .icon2:before { background-position:-225px -320px;}
	.work .icon3:before { background-position:-270px -320px;}
	.work .icon4:before { background-position:-315px -320px;}
/*pagelink*/
.kairiky01 #pagelink { width:100%; padding:20px 0 10px; margin:0 auto;}
.kairiky01 #pagelink:after { content:""; clear:both; display:block;}
	.kairiky01 #pagelink a {
		display:block; width:45%; height:34px; line-height:1;
		background:#f7f235; border-radius:8px; position:relative;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	.kairiky01 #pagelink a.left { float:left; margin-left:10px;}
	.kairiky01 #pagelink a.right { float:right; margin-right:10px;}
	.kairiky01 #pagelink a.left:before,
	.kairiky01 #pagelink a.right:after {
		content:""; display:block;
		width:5px; height:5px;
		border-top:2px solid #000;
		border-right:2px solid #000;
		position:absolute; top:50%; margin-top:-2.5px;
	}
	.kairiky01 #pagelink a.left:before {
		-webkit-transform:rotate(-135deg);
		-moz-transform:rotate(-135deg);
		-ms-transform:rotate(-135deg);
		transform:rotate(-135deg);
		position:absolute; top:50%; left:11px;
	}
	.kairiky01 #pagelink a.right:after {
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
		position:absolute; top:50%; right:11px;
	}
	
	.kairiky01 #pagelink a span { display:block; width:100%; height:34px; padding-top:11px; position:absolute; top:0; left:0;}
		.kairiky01 #pagelink a.left span { padding-left:15px;}
		.kairiky01 #pagelink a.right span { padding-right:7px;}
	.kairiky01 #pagelink a span:before { content:""; display:inline-block; width:100%; font-size:12px;}
		.zukan #pagelink a.right span:before { content:"はたらくカイリキー";}
		.work #pagelink a.left span:before { content:"カイリキーずかん";}
		.work #pagelink a.right span:before { content:"カイリキーのひみつ";}
		.secret #pagelink a.left span:before { content:"はたらくカイリキー";}
	
/*check*/
.kairiky01 .item { width:100%; height:0; position:absolute; top:0; left:0;}
	.work #c03 .item { padding-top:73.88%;}
	.work #c04 .item { padding-top:82.45%;}
	.secret #c02 .item { padding-top:59.51%;}
	.secret #c03 .item { padding-top:65.09%;}
	.secret #c05 .item { padding-top:63.80%;}
	.secret #c06 .item { padding-top:82.45%;}
	.kairiky01 .check {
		display:block; width:75px; height:57px;
		background:url(../img/sp_check.png) no-repeat;
		background-size:contain;
		position:absolute; text-indent:-9999px;
	}
	.work #c03 .check { top:63%; right:8%;}
	.work #c04 .check { top:70%; left:3%;}
	.secret #c02 .check { top:70%; left:5%;}
	.secret #c03 .check { top:2%; right:5%;}
	.secret #c05 .check { top:65%; right:2%;}
	.secret #c06 .check { top:70%; right:6%;}

/*/////////////ずかん/////////////*/
.zukan #innerLink {
	width:100%; height:0; padding-top:21.875%;
	background:#f7f235 url(../img/bg_arr.png) no-repeat 70px 0;
	background-size:auto 100%; position:relative;
	}
	.zukan #innerLink a {
		display:block; width:20%; height:0; padding-top:21.875%;
		position:absolute; top:0; text-indent:-9999px;
	}
	.zukan #innerLink .link1 { left:2%;}
	.zukan #innerLink .link2 { left:22%;}
	.zukan #innerLink a:before {
		content:""; display:block; background-size:contain;
		position:absolute; bottom:13px;
		}
		.zukan #innerLink .link1:before {
			width:100%; height:0; padding-top:91.53%; left:15%;
			background:url(../img/zukan2.png) no-repeat; background-size:contain;
		}
		.zukan #innerLink .link2:before {
			width:100%; height:0; padding-top:110.34%; left:10%;
			background:url(../img/zukan3.png) no-repeat; background-size:contain;
		}
	.zukan #innerLink a:after {
		content:""; display:block; width:60px; height:10px;
		background:url(../img/kairiky01.png) no-repeat;
		background-size:375px auto;
		position:absolute; bottom:3px; left:50%; margin-left:-30px;
		}
		.zukan #innerLink .link1:after { background-position:-290px 0;}
		.zukan #innerLink .link2:after { background-position:-290px -15px;}
.zukan .profile {
	width:100%; height:0; padding-top:47.22%;
	background:#2e2e2e no-repeat center center; position:relative;
	background-size:cover;
	position:relative; z-index:100;
	}
	.zukan #kairiky .profile { background-image:url(../img/sp_zukan_bg1.jpg);}
	.zukan #wanriky .profile { background-image:url(../img/sp_zukan_bg2.jpg);}
	.zukan #goriky .profile { background-image:url(../img/sp_zukan_bg3.jpg);}
	.zukan .profile .inner p { display:none;}
	.zukan .profile .inner h3 {
		height:0;
		background:transparent no-repeat center center; position:relative;
		background-size:cover;
		position:absolute; text-indent:-9999px;
		}
		.zukan #kairiky .profile .inner h3 {
			width:56%; padding-top:72%; top:-55%; right:1%;
			background-image:url(../img/zukan1.png);
		}
		.zukan #wanriky .profile .inner h3 {
			width:40%; padding-top:52.3%; top:-8%; right:3%;
			background-image:url(../img/zukan2.png);
		}
		.zukan #goriky .profile .inner h3 {
			width:45%; padding-top:62.06%; top:-20%; right:2%;
			background-image:url(../img/zukan3.png);
		}
.zukan .detail { width:92%; text-align:left; padding:16px 0 0; margin:0 auto; position:relative; z-index:1;}
	.zukan .detail li { background:#fff; padding:20px; margin-bottom:16px; position:relative;}
	.zukan .detail li > div { width:100%; height:100%;}
	.zukan .detail li:before,
	.zukan .detail li:after,
	.zukan .detail li > div:before,
	.zukan .detail li > div:after {
		content:""; display:block; width:18px; height:18px;
		background:url(../img/sp_parts.png) no-repeat;
		background-size:130px auto;
		position:absolute;
	}
	.zukan .detail li:before { background-position:-50px -177px; top:0; left:0;}
	.zukan .detail li:after { background-position:-70px -177px; top:0; right:0;}
	.zukan .detail li > div:before { background-position:-90px -177px; bottom:0; left:0;}
	.zukan .detail li > div:after { background-position:-110px -177px; bottom:0; right:0;}
	.zukan .detail li p { font-size:13px; line-height:1.6;}
	.zukan .detail li img { display:block; width:100%; margin:0 auto;}
	.zukan .detail li p + img { margin-top:10px;}
	.zukan .detail li img + p { margin-top:10px;}
	.zukan .detail li.c01-3 img { margin-top:-20px;}
	.zukan .detail li.c01-4,
	.zukan .detail li.c03-3 { margin-bottom:0;}
.zukan #wanriky { padding-top:30px;}
.zukan #goriky { padding-top:30px;}

/*////////////はたらく////////////*/
.work #contentsIn { padding-bottom:10px;}
	.work #contentsIn .inner:before {
		content:""; display:block; width:95%; height:0; margin:10px auto;
		background:transparent no-repeat center center;
		background-size:contain;
	}
	.work #c01 .inner:before { background-image:url(../img/work1.png); padding-top:73.88%; margin-top:-13px;}
	.work #c02 .inner:before { background-image:url(../img/work2.png); padding-top:65.62%; margin:16px auto;}
	.work #c03 .inner:before { background-image:url(../img/work3.png); padding-top:78.88%;}
	.work #c04 .inner:before { background-image:url(../img/work4.png); padding-top:82.45%;}
	.work #c05 .inner:before { background-image:url(../img/work5.png); padding-top:60.73%; margin-top:-13px;}
	.work #c06 .inner.last:after {
		content:""; display:block; width:95%; height:0; padding-top:91.52%; margin:10px auto;
		background:url(../img/work6.png) no-repeat center center;
		background-size:contain;
	}
.work #contentsIn h3 span:after { left:50%;}
	.work #c01 h3 span:after { width:165px; background-position:0 -225px; margin-left:-82.5px;}
	.work #c02 h3 span:after { width:110px; background-position:-170px -225px; margin-left:-55px;}
	.work #c03 h3 span:after { width:90px; background-position:-285px -225px; margin-left:-45px;}
	.work #c04 h3 span:after { width:90px; background-position:0 -270px; margin-left:-45px;}
	.work #c05 h3 span:after { width:145px; background-position:-95px -270px; margin-left:-72.5px;}
	.work #c06 h3 span:after { width:65px; background-position:-245px -270px; margin-left:-32.5px;}
	.work #c06 h3 { background:url(../img/bg_stripe.png) center 0; background-size:14px auto;}
	.work #c06 h3 span:before { display:none;}
.work #contentsIn p { width:90%; margin:0 auto;}
.work #c06 .inner.last p:first-child { margin-bottom:26px;}
.work #c06 .inner.first { padding:6px 0 15px;}
/*cafe*/
.work #c06 .cafe {
	width:90%; text-align:left; border-radius:10px;
	background:url(../img/bg_dot.png) center 0;
	background-size:12px auto;
	padding:5px 0 16px; margin:0 auto 20px; position:relative;
	}
	.work #c06 .cafe h4 {
		width:100%; height:0; padding-top:92.1875%; text-indent:-9999px;
		background:url(../img/sp_work_cafe.png) center 0;
		background-size:contain; margin-bottom:10px;
	}
	.work #c06 .cafeIn { font-size:13px; color:#7b2956; line-height:1.7;}
	.work #c06 .cafeIn p { padding:0 5px 20px; text-align:justify;}
	.work #c06 .cafeIn p:first-child { color:#5e0d3b;}
	/*btn*/
	.work #c06 .cafe .btn {
		display:block; width:90%; font-size:14px; color:#fff;
		line-height:1.35; background:#ee56ac; border-radius:10px;
		position:relative; padding:12px 30px 12px 20px; margin:0 auto;
	}
	.work #c06 .cafe .btn span { color:#f7f235;}
	.work #c06 .cafe .btn:after {
		content:""; display:block;
		width:8px; height:8px;
		border-top:3px solid #f7f235;
		border-right:3px solid #f7f235;
		position:absolute; top:50%; margin-top:-4px;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
		position:absolute; top:50%; right:12px;
	}
	.work #c06 .cafe .btn:hover { background:#e92d97;}

/*/////////////ひみつ/////////////*/
.secret #contentsIn { padding-bottom:10px;}
	.secret #contentsIn .inner:before {
		content:""; display:block; width:95%; height:0; margin:10px auto;
		background:transparent no-repeat center center; position:relative;
		background-size:contain;
	}
	.secret #c01 .inner:before { background-image:url(../img/secret1.png); padding-top:50.06%; margin-top:-10px;}
	.secret #c02 .inner:before { background-image:url(../img/secret2-sp.png); padding-top:59.51%;}
	.secret #c03 .inner:before { background-image:url(../img/secret3.png); padding-top:65.09%;}
	.secret #c04 .inner:before { background-image:url(../img/secret4.png); padding-top:99.13%;}
	.secret #c05 .inner:before { background-image:url(../img/secret5.png); padding-top:63.80%;}
	.secret #c06 .inner:before { background-image:url(../img/secret6.png); padding-top:82.45%;}
	.secret #contentsIn .inner p.first { margin-bottom:30px;}
.secret #contentsIn h3 span:after { left:50%;}
	.secret #c01 h3 span:after { width:285px; background-position:0 0; margin-left:-142.5px;}
	.secret #c02 h3 span:after { width:285px; background-position:0 -45px; margin-left:-142.5px;}
	.secret #c03 h3 span:after { width:320px; background-position:0 -90px; margin-left:-160px;}
	.secret #c04 h3 span:after { width:320px; background-position:0 -365px; margin-left:-160px;}
	.secret #c05 h3 span:after { width:120px; background-position:0 -180px; margin-left:-60px;}
	.secret #c06 h3 span:after { width:165px; background-position:-125px -180px; margin-left:-82.5px;}
.secret #contentsIn p { width:90%; margin:0 auto;}

/*@座談会
//////////////////////////////////////////////////////*/
.girls #headings { background:#fff;}
	.girls #headings h3 {
		width:100%; height:0; padding-top:87.5%;
		background:url(../img/sp_girls_title.png) no-repeat;
		background-size:contain; text-indent:-9999px;
	}
	.girls #headings p {
		font-size:14px; color:#ff1a9f; line-height:1.6;
		text-align:left; padding:13px 16px 20px;
	}
.girls .block { padding-bottom:20px;}
	.girls .block #note {
		font-size:12px; line-height:1.5;
		text-align:left; padding:0 16px 10px;
	}
	.girls .block .pin { color:#ff3ec2;}
	.girls .block .small { font-size:12px;}
	.girls .block .big { font-size:18px;}
.girls .block h3 {
	font-size:17px; color:#fff; line-height:1.3; background:#ff3ec2;
	padding:8px 0; margin-bottom:16px; position:relative;
	}
	.girls .block h3:before,
	.girls .block h3:after {
		content:""; display:block; width:30px; height:30px;
		background:url(../img/sp_girls.png) no-repeat;
		background-size:195px auto;
		position:absolute; top:50%; margin-top:-15px;
	}
	.girls .block h3:before { background-position:-165px 0; left:6px;}
	.girls .block h3:after { background-position:-165px -30px; right:6px;}
	.girls .block h3 span span { display:block;}
.girls .block dl { text-align:left; padding:0 16px; position:relative;}
	.girls .block dl a { color:#ff3ec2; border-bottom:1px solid #ff3ec2;}
	.girls .block dl a:hover { border-bottom:1px solid #fff; filter:alpha(opacity=80); opacity:0.8;}
	.girls .block dt {
		width:50px; height:60px; text-indent:-9999px;
		background:url(../img/sp_girls.png) no-repeat; float:left;
		background-size:195px auto;
	}
	.girls .block dt.kanae { background-position:0 0;}
	.girls .block dt.nozomi { background-position:-55px 0;}
	.girls .block dt.tamae { background-position:-110px 0;}
	.girls .block dt.nozomi.tamae { background-position:-55px 0; position:relative;}
	.girls .block dt.nozomi.tamae:after {
		content:" "; display:block; width:50px; height:60px;
		background:url(../img/sp_girls.png) no-repeat -110px 0;
		background-size:195px auto;
		position:absolute; top:0; left:53px;
	}
	.girls .block dd { padding:0 0 16px 60px;}
	.girls .block dd.two { padding-left:113px;}
	.girls .block dd:after { content:""; clear:both; display:block;}
	.girls .block dd p {
		background:#fff; border-radius:8px;
		font-size:13px; line-height:1.6;
		padding:12px 16px; position:relative;
	}
	.girls .block dd p:after {
		content:" "; width:0; height:0;
		position:absolute; top:20px; right:100%;
		border:solid transparent; border-color:rgba(255, 255, 255, 0);
		border-right-color:#fff; border-width:7px;
		pointer-events:none; margin-top:-7px;
	}
/*pic*/
.girls .block #pic1:after {
	content:""; display:block; width:100%; height:0; padding-top:86.53%;
	background:url(../img/girls1.png) no-repeat;
	background-size:contain;
}
.girls .block #pic2:before {
	content:""; display:block; width:100%; height:0; padding-top:65.27%;
	background:url(../img/girls2.png) no-repeat;
	background-size:contain;
}
.girls .block #pic3:before {
	content:""; display:block; width:100%; height:0; padding-top:56.04%;
	background:url(../img/girls3.png) no-repeat;
	background-size:contain;
}
.girls .block #pic4:before {
	content:""; display:block; width:100%; height:0; padding-top:70.3125%;
	background:url(../img/girls4.png) no-repeat;
	background-size:contain; margin-bottom:15px;
}

/*@かいりきボディ
//////////////////////////////////////////////////////*/
.training #headings {
	width:100%; height:0; padding-top:120.31%;
	background:url(../img/sp_training_title.png) no-repeat center center; position:relative;
	background-size:cover;
	}
	.training #headings h3 { display:none;}
	.training #headings p { display:none;}
.training #contentsIn { background:#fff; padding:5px 0;}
.training #contents > p { font-size:10px; color:#333; text-align:left; text-indent:-1em; padding:20px 16px 10px 1em; margin-left:1em;}
.training #pika1 {
	width:100%; height:0; padding-top:51.7%;
	background:url(../img/sp_training_pika1.png) no-repeat;
	background-size:contain;
	}
	.training #pika1 h3, .training #pika1 p { display:none;}
.training #contentsIn .txt { font-size:13px; line-height:1.5; text-align:left; padding:0 16px 0 60px;}
	.training #contentsIn .txt p { margin-bottom:16px;}
	.training #contentsIn .txt p:first-child { position:relative;}
	.training #contentsIn .txt p:first-child br { display:none;}
	.training #contentsIn .txt p:first-child:before {
		content:""; display:block; width:40px; height:40px;
		background:url(../img/training.png) no-repeat -425px -225px;
		background-size:555px auto;
		position:absolute; top:-5px; left:-48px;
	}
	.training #contentsIn .txt p span { font-size:18px;}
	.training #contentsIn .txt p span.red { color:#f61f1f;}
/*menu*/
.training #trainingMenu { margin:10px 0 0;}
	.training #trainingMenu h3 {
		width:100%; height:0; padding-top:21.875%; text-indent:-9999px;
		background:url(../img/sp_training_menu.png) no-repeat 0 0;
		background-size:contain; margin-bottom:20px;
	}
	.training #trainingMenu ol { height:240px; position:relative;}
	.training #trainingMenu ol li { width:46%; position:absolute;}
	.training #trainingMenu ol li.s1 { top:0; left:3%;}
	.training #trainingMenu ol li.s2 { top:55px; left:3%;}
	.training #trainingMenu ol li.s3 { top:110px; left:3%;}
	.training #trainingMenu ol li.s4 { top:165px; left:3%;}
	.training #trainingMenu ol li.s5 { top:0; left:51%;}
	.training #trainingMenu ol li.s6 { top:55px; left:51%;}
	.training #trainingMenu ol li.s7 { top:110px; left:51%;}
	.training #trainingMenu ol li.s8 { top:165px; left:51%;}
	.training #trainingMenu ol li:after,
	.training #trainingMenu ol li.s5:before {
		content:""; display:block; width:8px; height:8px;
		background:url(../img/training.png) no-repeat -297.5px -280px;
		background-size:555px auto;
		position:absolute; top:46px; left:50%; margin-left:-4px;
	}
	.training #trainingMenu ol li.s8:after { display:none;}
	.training #trainingMenu ol li.s5:before { top:-10px;}
	.training #trainingMenu ol li a {
		display:block; width:100%; height:45px; text-indent:-9999px;
		background:#f6f11f; border-radius:10px; position:relative;
	}
	.training #trainingMenu ol li a:after {
		content:""; display:block; width:125px; height:40px;
		background:url(../img/sp_training_menu2.png) no-repeat;
		background-size:125px auto;
		position:absolute; top:50%; left:50%; margin:-20px 0 0 -62.5px;
	}
	.training #trainingMenu ol li.s1 a:after { background-position:0 0;}
	.training #trainingMenu ol li.s2 a:after { background-position:0 -45px;}
	.training #trainingMenu ol li.s3 a:after { background-position:0 -90px;}
	.training #trainingMenu ol li.s4 a:after { background-position:0 -135px;}
	.training #trainingMenu ol li.s5 a:after { background-position:0 -180px;}
	.training #trainingMenu ol li.s6 a:after { background-position:0 -225px;}
	.training #trainingMenu ol li.s7 a:after { background-position:0 -270px;}
	.training #trainingMenu ol li.s8 a:after { background-position:0 -315px;}
/*lesson*/
.training .lesson { background:url(../img/bg_dot3.png) center 0; padding-bottom:20px; margin-bottom:20px;}
.training .lesson .inner { position:relative;}
	.training .lesson > .inner { padding-bottom:20px;}
	.training #lesson1 > .inner { min-height:120px;}
	.training #lesson2 > .inner { min-height:180px;}
	.training #lesson3 > .inner { min-height:260px;}
	.training #lesson4 > .inner { min-height:260px;}
	.training #lesson5 > .inner { min-height:260px;}
	
	.training .lesson > .inner .pic { width:100%; height:0; position:relative; z-index:1; overflow:hidden;}
	.training .lesson > .inner .pic img { display:block; width:100%; position:absolute; bottom:0; left:0;}
	.training #lesson1 > .inner .pic { padding-top:55%;}
	.training #lesson2 > .inner .pic { padding-top:55%;}
	.training #lesson3 > .inner .pic { padding-top:70%;}
	.training #lesson4 > .inner .pic { padding-top:75%;}
	.training #lesson5 > .inner .pic { padding-top:75%;}
	.training #lesson2 > .inner .pic img { left:30px;}
	.training #lesson3 > .inner .pic img { left:15px;}
	.training #lesson4 > .inner .pic img { width:95%; left:15px;}
	
.training .lesson h3 {
	background:url(../img/training.png) no-repeat; background-size:555px auto;
	text-indent:-9999px; position:absolute; top:16px; left:10px; z-index:150;
	}
	.training #lesson1 h3 { width:110px; height:95px; background-position:-155px -225px;}
	.training #lesson2 h3 { width:95px; height:157.5px; background-position:-155px -55px;}
	.training #lesson3 h3 { width:95px; height:215px; background-position:-260px 0;}
	.training #lesson4 h3 { width:95px; height:221px; background-position:-360px 0;}
	.training #lesson5 h3 { width:95px; height:221px; background-position:-460px 0;}
	.training .lesson h3:after {
		content:""; display:block; width:50px; height:50px;
		background:url(../img/training.png) no-repeat -470px -225px;
		background-size:555px auto;
		position:absolute; top:-5px;
	}
	.training #lesson1 h3:after { left:115px;}
	.training #lesson2 h3:after { left:100px;}
	.training #lesson3 h3:after { left:90px;}
	.training #lesson4 h3:after { left:90px;}
	.training #lesson5 h3:after { left:90px;}
.training .lesson .howto { background:#000; padding:10px 0 16px; position:relative;}
	.training .lesson .howto:before {
		content:" "; position:absolute; bottom:100%; left:50%;
		border:solid transparent;
		border-color:rgba(0, 0, 0, 0); border-bottom-color:#000;
		border-width:8px; margin-left:-8px;
	}
	.training .lesson .howto p {
		font-size:13px; line-height:1.6; color:#fff;
		text-align:left; padding:0 16px; margin-top:5px; position:relative;
	}
	.training .lesson .howto p.note { color:#f6f11f; text-indent:-1em; padding-left:1em; margin:10px 0 0 16px;}
	.training .lesson .howto .no1,
	.training .lesson .howto .no2 { min-height:50px; padding:10px 16px 10px 65px;}
	.training .lesson .howto .no1:before,
	.training .lesson .howto .no2:before {
		content:""; display:inline-block; width:48px; height:48px;
		background:url(../img/training.png) no-repeat;
		background-size:555px auto;
		position:absolute; top:50%; left:10px; margin-top:-24px;
	}
	.training .lesson .howto .no1:before { background-position:-325px -225px;}
	.training .lesson .howto .no2:before { background-position:-375px -225px;}
/*point*/
.training .lesson ul li { position:absolute; z-index:200;}
.training #lesson1 ul li.p1 { top:113px; left:8px;}
.training #lesson1 ul li.p2 { top:38%; left:43%;}
.training #lesson1 ul li.p3 { top:2%; right:3%}
.training #lesson2 ul li.p1 { top:50%; right:3%;}
.training #lesson3 ul li.p1 { top:22%; left:40%;}
.training #lesson3 ul li.p2 { top:5%; right:3%;}
.training #lesson4 ul li.p1 { top:26%; left:30%;}
.training #lesson4 ul li.p2 { top:12%; left:55%;}
.training #lesson4 ul li.p3 { top:3%; right:5%;}
.training #lesson5 ul li.p1 { top:23%; left:50%;}
.training #lesson5 ul li.p2 { top:5%; right:10%;}
	.training .lesson ul li a {
		display:block; width:50px; height:50px; text-indent:-9999px;
		background:url(../img/training.png) no-repeat -270px -225px;
		background-size:555px auto; position:relative; z-index:200;
	}
	/*吹き出し*/
	.training .lesson ul li p {
		display:block; width:180px; z-index:9999;
		font-size:12px; line-height:1.35; color:#f6f11f; text-align:left;
		background:#000; border-radius:10px; padding:12px;
		position:absolute; display:none;
	}
	.training .lesson ul li a:hover + p { display:block;}
	.training #lesson1 ul li.p1 p { top:55px; left:0;}
	.training #lesson4 ul li.p1 p { top:55px; left:0;}
	.training #lesson2 ul li.p1 p,
	.training #lesson3 ul li.p2 p { bottom:55px; right:0;}
	.training #lesson1 ul li.p3 p,
	.training #lesson4 ul li.p3 p,
	.training #lesson5 ul li.p2 p { top:55px; right:0;}
	.training #lesson1 ul li.p2 p { bottom:55px; left:50%; margin-left:-90px;}
	.training #lesson3 ul li.p1 p,
	.training #lesson4 ul li.p2 p,
	.training #lesson5 ul li.p1 p { top:55px; left:50%; margin-left:-90px;}
	
	.training .lesson ul li p:before {
		content:" "; position:absolute; left:50%;
		border:solid transparent;
		border-color:rgba(0, 0, 0, 0);
		border-width:5px; margin-left:-5px;
	}
	/*
	.training .lesson ul li.top p:before { top:100%; border-top-color:#000;}
	.training .lesson ul li.btm p:before { bottom:100%; border-bottom-color:#000;}
	*/
	.training #lesson1 ul li.p1 p:before { left:25px; bottom:100%; border-bottom-color:#000;}
	.training #lesson1 ul li.p2 p:before { left:50%; top:100%; border-top-color:#000;}
	.training #lesson1 ul li.p3 p:before { left:155px; bottom:100%; border-bottom-color:#000;}
	.training #lesson2 ul li.p1 p:before { left:155px; top:100%; border-top-color:#000;}
	.training #lesson3 ul li.p1 p:before { left:50%; bottom:100%; border-bottom-color:#000;}
	.training #lesson3 ul li.p2 p:before { left:155px; top:100%; border-top-color:#000;}
	.training #lesson4 ul li.p1 p:before { left:25px; bottom:100%; border-bottom-color:#000;}
	.training #lesson4 ul li.p2 p:before { left:50%; bottom:100%; border-bottom-color:#000;}
	.training #lesson4 ul li.p3 p:before { left:155px; bottom:100%; border-bottom-color:#000;}
	.training #lesson5 ul li.p1 p:before { left:50%; bottom:100%; border-bottom-color:#000;}
	.training #lesson5 ul li.p2 p:before { left:155px; bottom:100%; border-bottom-color:#000;}
/*profile*/
.training #profile {
	width:90%; max-width:480px; background:#000;
	border-radius:15px 15px 10px 10px; margin:30px auto 0;
	}
	.training #profile h3 {
		width:100%; height:40px; text-indent:-9999px;
		background:#f6f11f; border-radius:10px 10px 0 0; position:relative;
	}
	.training #profile h3:before {
		content:""; display:block; width:220px; height:25px;
		background:url(../img/training.png) no-repeat -270px -295px;
		background-size:555px auto;
		position:absolute; top:7px; left:50%; margin-left:-100px;
	}
	.training #profile .inner { text-align:left; position:relative;}
	.training #profile .inner > p { font-size:15px; line-height:1.6; color:#fff; padding:25px 20px 10px; position:relative;}
	.training #profile .inner > p:after {
		content:""; display:block; width:55%; height:0; padding-top:76.02%;
		background:url(../img/kairiky.png) no-repeat;
		background-size:contain;
		position:absolute; top:120%; right:-5%;
	}
	.training #profile .profileIn {
		font-size:10px; color:#f6f11f; line-height:1.6;
		padding:20px 20px 10px; margin-top:-10px; position:relative;
	}
	.training #profile .profileIn:before {
		content:""; display:block; width:75px; height:20px;
		background:url(../img/training.png) no-repeat -455px -360px;
		background-size:555px auto;
		position:absolute; top:20px; right:20px;
	}
	.training #profile .profileIn h4 { font-size:16px; border-bottom:3px solid #f6f11f; padding-bottom:3px; margin-bottom:10px;}
	.training #profile .profileIn h4 span { font-size:10px;}
	.training #profile .inner .kato {
		width:55%; height:0; padding-top:88%;
		position:relative; top:0; left:-5%; z-index:1; overflow:hidden;
	}
	.training #profile .inner .kato img { display:block; width:100%; position:absolute; top:0; left:0;}
	.training #profile .inner .kato:before {
		content:""; display:block; width:31px; height:31px;
		background:url(../img/training.png) no-repeat -455px -325px;
		background-size:555px auto;
		position:absolute; bottom:50px; left:40px; z-index:100;
	}
/*report*/
.training #report { padding:50px 0 20px;}
	.training #report h3 { height:20px; border-top:4px solid #000; text-indent:-9999px; position:relative;}
	.training #report h3:before {
		content:""; display:block; width:150px; height:25px;
		background:#fff url(../img/training.png) no-repeat 0 -295px;
		background-size:555px auto; border:10px solid #fff;
		position:absolute; top:-25px; left:50%; margin-left:-75px;
	}
	.training #report .inner { margin-bottom:15px; position:relative;}
	.training #report .inner:before {
		content:""; display:block; width:100%; height:0; padding-top:47.5%;
		background:url(../img/training_pika2.jpg) no-repeat;
		background-size:contain;
	}
	.training #report .pika2 {
		width:70%; height:0; padding-top:42%;
		position:absolute; top:0; left:20%; overflow:hidden;
	}
	.training #report .pika2 img { display:block; width:100%; position:absolute; top:0; left:0;}
	.training #report h4 {
		width:100%; height:0; padding-top:28.125%; text-indent:-9999px;
		background:url(../img/sp_training_report.png) no-repeat;
		background-size:contain; margin-bottom:15px;
	}

.training .gglink { width:90%; font-size:10px; margin:0 auto 20px;}
	.training .gglink img { display:block; width:100%; margin-bottom:10px;}

@media screen and (min-width:480px) {
	.training #lesson1 > .inner .pic { padding-top:35%;}
	.training #lesson2 > .inner .pic { padding-top:52%;}
	.training #lesson3 > .inner .pic { padding-top:52%;}
	.training #lesson4 > .inner .pic { padding-top:50%;}
	.training #lesson5 > .inner .pic { padding-top:45%;}
	.training #lesson3 ul li.p1 { top:15%;}
	.training #lesson4 ul li.p1 { top:13%;}
	.training #lesson4 ul li.p2 { top:8%;}
	.training #lesson5 ul li.p1 { top:15%;}
	.training #lesson5 ul li.p2 { right:5%;}
}

/*@はじめてのカイリキー育成
//////////////////////////////////////////////////////*/
.battle #contentsIn { background:#fff url(../img/bg_masu.png) center 0; background-size:42px auto;}
.battle #contentsIn .red { color:#dc081f;}
.battle #contentsIn > .inner { text-align:left; padding:20px 16px 20px;}
.battle #contentsIn > .inner > h3 {
	width:100%; height:0; padding-top:23.43%; text-indent:-9999px;
	background:url(../img/sp_battle_h3.png) no-repeat;
	background-size:contain; margin-bottom:16px;
	}
	.battle #contentsIn > .inner > h3 span { display:none;}
	.battle.top #contentsIn > .inner > h3 { background-image:url(../img/sp_battle_h3.png);}
	.battle #contentsIn > .inner > h3.s1 { background-image:url(../img/sp_battle_h3_s1.png);}
	.battle #contentsIn > .inner > h3.s2 { background-image:url(../img/sp_battle_h3_s2.png);}
	.battle #contentsIn > .inner > h3.w1 { background-image:url(../img/sp_battle_h3_w1.png);}
	.battle #contentsIn > .inner > h3.w2 { background-image:url(../img/sp_battle_h3_w2.png); padding-top:18.75%;}
.battle #contentsIn > .inner > h4 {
	font-size:14px; text-align:left; line-height:1.35;
	color:#f6f11f; background:#000; border-radius:20px 16px 16px 20px;
	margin:40px 0 16px; position:relative;
	}
	.battle #contentsIn > .inner > h4 span { display:table-cell; height:40px; vertical-align:middle;}
	.battle #contentsIn > .inner > h4 span.right { padding:8px 10px;}
	.battle #contentsIn > .inner > h4 span.left {
		color:#000; background:#f6f11f; white-space:nowrap;
		border-radius:16px 0 0 16px;
		padding:6px 10px 6px 40px; position:relative;
	}
	.battle #contentsIn > .inner > h4 span.left:before {
		content:""; display:block; width:25px; height:25px;
		background:url(../img/sp_battle.png) no-repeat -115px -135px;
		background-size:255px auto;
		position:absolute; top:50%; left:8px; margin-top:-12.5px;
	}
.battle #contentsIn .btm,
.battle #contentsIn .btmIn {
	background:url(../img/bg_stripe2.png) center 0;
	background-size:28.5px auto; padding-bottom:20px;
	}
	.battle #contentsIn .btm ul { text-align:center; font-size:0; padding-top:36px;}
	.battle #contentsIn .btm ul li,
	.battle #contentsIn .btm ul li a {
		display:inline-block; height:100px;
		border:3px solid #000; border-radius:20px; vertical-align:top;
		box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;
	}
	.battle #contentsIn .btm ul li { width:45%; position:relative; margin:0 1% 20px;}
	.battle #contentsIn .btm ul li a { width:100%; position:absolute; top:-16px; left:-3px;}
	.battle #contentsIn .btm ul li.s1,
	.battle #contentsIn .btm ul li.s2 { background:#c2be04;}
	.battle #contentsIn .btm ul li.w1,
	.battle #contentsIn .btm ul li.w2 { background:#119eb3;}
	.battle #contentsIn .btm ul li.s1 a,
	.battle #contentsIn .btm ul li.s2 a { background:#f6f11f;}
	.battle #contentsIn .btm ul li.w1 a,
	.battle #contentsIn .btm ul li.w2 a { background:#1fdaf6;}
	.battle #contentsIn .btm ul li a:before {
		content:""; display:block; width:125px; height:50px;
		background:url(../img/sp_battle.png) no-repeat;
		background-size:255px auto;
		position:absolute; top:15px; left:50%; margin-left:-62.5px;
	}
	.battle #contentsIn .btm ul li.s1 a:before { background-position:0 0;}
	.battle #contentsIn .btm ul li.s2 a:before { background-position:-130px 0;}
	.battle #contentsIn .btm ul li.w1 a:before { background-position:0 -55px;}
	.battle #contentsIn .btm ul li.w2 a:before { background-position:-130px -55px;}
	.battle #contentsIn .btm ul li a:after {
		content:""; display:block; width:25px; height:25px;
		background:url(../img/sp_battle.png) no-repeat -145px -135px;
		background-size:255px auto;
		position:absolute; bottom:0; left:50%; margin-left:-12.5px;
	}
.battle #contentsIn .back {
	display:block; width:190px; height:20px; text-indent:-9999px;
	background:url(../img/sp_battle.png) no-repeat 0 -110px;
	background-size:255px auto;
	position:absolute; top:10px; left:10px;
	}
	.battle #contentsIn .btm .back { position:relative; top:0; left:10px;}

/*/////////////TOP/////////////*/
.battle.top #contentsIn .inner { padding-bottom:80px;}
.battle.top #headings {
	background:#000 url(../img/battle_kairiky1.png) no-repeat center bottom;
	background-size:contain;
	padding-bottom:93.75%;
	}
	.battle.top #headings h3 {
		width:100%; height:0; padding-top:159.375%; text-indent:-9999px;
		background:url(../img/sp_battle_title.png) no-repeat;
		background-size:contain;
	}
	.battle.top #headings p { display:none;}
.battle.top #contentsIn > .inner > .icon { font-size:14px; line-height:1.7; position:relative;}
	.battle.top #contentsIn > .inner > .icon span { display:block; padding:5px 0 12px 45px;}
	.battle.top #contentsIn > .inner > .icon br { display:none;}
	.battle.top #contentsIn .inner > .icon:before {
		content:""; display:block; width:40px; height:40px;
		background:url(../img/sp_battle.png) no-repeat -195px -110px;
		background-size:255px auto;
		position:absolute; top:0; left:0;
	}
	.battle.top #contentsIn .inner > .icon:after {
		content:""; display:block; width:100%; height:0; padding-top:61.29%;
		background:url(../img/sp_battle_top1.png) no-repeat;
		background-size:contain;
	}
.battle.top #contentsIn .ikasu { padding-top:30px;}
.battle.top #contentsIn .ikasu h3 {
	width:100%; height:0; text-indent:-9999px;
	background:transparent no-repeat center 0;
	background-size:contain; margin-bottom:16px;
	}
	.battle.top #contentsIn .ikasu.no1 h3 { background-image:url(../img/sp_battle_ikasu1.png); padding-top:56.25%;}
	.battle.top #contentsIn .ikasu.no2 h3 { background-image:url(../img/sp_battle_ikasu2.png); padding-top:60.93%;}
.battle.top #contentsIn .ikasu h4 { display:none;}
.battle.top #contentsIn .ikasu p { font-size:13px; line-height:1.7; position:relative;}
	.battle.top #contentsIn .ikasu p:after { content:""; clear:both; display:block;}
	.battle.top #contentsIn .ikasu.no1 p:before,
	.battle.top #contentsIn .ikasu.no2 p:before {
		content:""; display:block; width:50%; height:0; padding-top:30%;
		background:transparent no-repeat; background-size:contain;
		margin:5px 0 10px 10px; float:right;
	}
	.battle.top #contentsIn .ikasu.no1 p:before { background-image:url(../img/battle_top2.png);}
	.battle.top #contentsIn .ikasu.no2 p:before { background-image:url(../img/battle_top3.png);}
.battle.top #contentsIn .btm { position:relative; background:none; padding-bottom:0;}
.battle.top #contentsIn .btmIn { padding:6px 0 10px;}
	.battle.top #contentsIn .btm ul { padding-top:20px;}
	.battle.top #contentsIn .btm h3 {
		width:100%; height:0; padding-top:50%; text-indent:-9999px;
		background:url(../img/sp_battle_mhead.png) no-repeat;
		background-size:contain; margin-top:-80px;
	}
	.battle.top #contentsIn .btm h4 {
		width:100%; height:0; padding-top:12.5%; text-indent:-9999px;
		background:url(../img/sp_battle_mhead2.png) no-repeat;
		background-size:contain;
	}
.battle.top #contentsIn .btm:after {
	content:""; display:block; width:100%;
	background:#000 url(../img/battle_kairiky2.png) no-repeat center bottom;
	background-size:contain;
	padding-top:93.75%;
	}

/*/////////////single/double/////////////*/
.battle #headings1, .battle #headings2 { background:#000; position:relative;}
.battle #headings1 { padding-top:40px;}
.battle #headings2 { padding-top:20px;}
	.battle #headings1:before {
		content:""; display:block; width:110px; height:30px;
		background:url(../img/sp_battle.png) no-repeat 0 -135px;
		background-size:255px auto;
		position:absolute; top:5px; right:0;
	}
	.battle #headings1 h3,
	.battle #headings2 h3 {
		width:100%; height:0; padding-top:35.93%; text-indent:-9999px;
		background:transparent no-repeat;
		background-size:contain;
	}
	.battle.single #headings1 h3 { background-image:url(../img/battle_single_title1.png);}
	.battle.single #headings2 h3 { background-image:url(../img/battle_single_title2.png);}
	.battle.double #headings1 h3 { background-image:url(../img/battle_double_title1.png);}
	.battle.double #headings2 h3 { background-image:url(../img/battle_double_title2.png);}
.battle #contentsIn dl { margin:0 0;}
	.battle #contentsIn dl dt {
		width:185px; height:36px; text-indent:-9999px;
		border:3px solid #000; border-radius:50px;
		position:relative; top:0; left:50%; margin-left:-90px; z-index:100;
	}
	.battle.single #contentsIn dl dt { background:#f6f11f;}
	.battle.double #contentsIn dl dt { background:#1fdaf6;}
	.battle #contentsIn dl dt.t3 { width:255px; margin-left:-125px;}
	.battle #contentsIn dl dt:before {
		content:""; display:block; width:170px; height:20px;
		background:url(../img/sp_battle.png) no-repeat;
		background-size:255px auto;
		position:absolute; top:50%; left:50%; margin:-10px 0 0 -85px;
	}
	.battle #contentsIn dl dt.t1:before { background-position:0 -170px;}
	.battle #contentsIn dl dt.t2:before { background-position:0 -195px;}
	.battle #contentsIn dl dt.t3:before { background-position:0 -220px; width:240px; margin-left:-120px;}
	.battle #contentsIn dd {
		border:3px solid #000; border-radius:16px;
		padding:25px 20px 15px; margin:-20px 0 10px;
		position:relative; z-index:1;
		}
		.battle #contentsIn .box1 dd.left { text-align:center;}
		.battle #contentsIn .box1 dd ul { padding-left:50px; position:relative;}
		.battle #contentsIn .box1 dd ul li { list-style:disc; margin:6px 0;}
		.battle #contentsIn .box1 dd ul li span { font-size:10px;}
		.battle #contentsIn .box2 dd h3 { font-size:16px; border-bottom:3px solid #000; padding:10px 0 3px;}
		.battle #contentsIn .box2 dd p { font-size:13px; line-height:1.6; padding:7px 0 10px;}
.battle #contentsIn .osusume {
	background:#1fdaf6; border:3px solid #000; border-radius:16px;
	padding:15px; margin-bottom:20px;
	}
	.battle #contentsIn .osusume h4 { font-size:15px; border-bottom:3px solid #000; padding-bottom:7px;}
	.battle #contentsIn .osusume p { font-size:12px; line-height:1.6; padding-top:10px; position:relative;}
	.battle #contentsIn .osusume p:after { content:""; clear:both; display:block;}
	.battle #contentsIn .osusume p:before {
		content:""; display:block; width:40%; height:0;
		background:transparent no-repeat;
		background-size:contain;
		float:right; margin:0 0 10px 10px;
	}
	.battle #contentsIn .osusume.no1 p:before { background-image:url(../img/battle_double1-2.png); padding-top:35%;}
	.battle #contentsIn .osusume.no2 p:before { background-image:url(../img/battle_double2-2.png); padding-top:42.85%;}

/*pic*/
.battle.single .pic1-1,
.battle.single .pic2-1,
.battle.double .pic1-1,
.battle.double .pic2-1 { font-size:13px; line-height:1.7; position:relative; margin-bottom:20px;}
	.battle.single .pic1-1:after,
	.battle.single .pic2-1:after,
	.battle.double .pic1-1:after,
	.battle.double .pic2-1:after { content:""; clear:both; display:block;}
	.battle.single .pic1-1:before,
	.battle.single .pic2-1:before,
	.battle.double .pic1-1:before,
	.battle.double .pic2-1:before {
		content:""; display:block; width:50%; height:0; padding-top:30%;
		background:transparent no-repeat; background-size:contain;
		margin:5px 0 10px 10px; float:right;
	}
	.battle.single .pic1-1:before { background-image:url(../img/battle_single1-1.png);}
	.battle.single .pic2-1:before{ background-image:url(../img/battle_single2-1.png);}
	.battle.double .pic1-1:before { background-image:url(../img/battle_double1-1.png);}
	.battle.double .pic2-1:before{ background-image:url(../img/battle_double2-1.png);}
/*もちもの*/
.battle.single .pic1-2:after,
.battle.single .pic2-2:after,
.battle.double .pic1-3:after,
.battle.double .pic2-3:after {
	content:""; display:inline-block; width:30%; height:0; padding-top:30%;
	background:transparent no-repeat; background-size:contain;
	vertical-align:middle; margin:0 10px;
	}
	.battle.single .pic1-2:after { background-image:url(../img/battle_single1-2.png);}
	.battle.single .pic2-2:after { background-image:url(../img/battle_single2-2.png);}
	.battle.double .pic1-3:after { background-image:url(../img/battle_double1-3.png);}
	.battle.double .pic2-3:after { background-image:url(../img/battle_double2-3.png);}
/*わざ*/
.battle.single .pic1-3:after,
.battle.single .pic2-3:after,
.battle.double .pic1-4:after,
.battle.double .pic2-4:after {
	content:""; display:block; width:60%; height:0; padding-top:35.94%;
	background:transparent no-repeat; background-size:contain;
	margin:10px auto;
	/*position:absolute; top:40px; right:0;*/
	}
	.battle.single .pic1-3:after { background-image:url(../img/battle_single1-3.png);}
	.battle.single .pic2-3:after { background-image:url(../img/battle_single2-3.png);}
	.battle.double .pic1-4:after { background-image:url(../img/battle_double1-4.png);}
	.battle.double .pic2-4:after { background-image:url(../img/battle_double2-4.png);}
/*ポイント*/
.battle.single .pic1-4:before,
.battle.single .pic2-5:before,
.battle.double .pic1-5:before,
.battle.double .pic2-6:before {
	content:""; display:block; width:80%; height:0; padding-top:60%;
	background:transparent no-repeat; background-size:contain;
	margin:10px auto;
	}
	.battle.single .pic1-4:before { background-image:url(../img/battle_single1-4.png);}
	.battle.single .pic2-5:before { background-image:url(../img/battle_single2-5.png);}
	.battle.double .pic1-5:before { background-image:url(../img/battle_double1-5.png);}
	.battle.double .pic2-6:before { background-image:url(../img/battle_double2-6.png);}
/*タマゴわざ*/
.battle.single .pic2-4,
.battle.double .pic2-5 { font-size:13px; line-height:1.7; padding:0 10px; margin-bottom:40px; position:relative;}
	.battle.single .pic2-4:after,
	.battle.double .pic2-5:after {
		content:""; display:block; width:100%; height:0; padding-top:75.8%;
		background:transparent no-repeat; background-size:contain;
		margin-top:16px;
	}
	.battle.single .pic2-4:after { background-image:url(../img/sp_battle_single2-4.png);}
	.battle.double .pic2-5:after { background-image:url(../img/sp_battle_double2-5.png);}

/*@CM
//////////////////////////////////////////////////////*/
.movers #headings { background:#f6f11f url(../img/bg_cm.png) center 0; background-size:28px auto; position:relative;}
	.movers #headings .inner:after {
		content:""; display:block; width:100%; height:0; padding-top:51.38%;
		background:url(../img/sp_cm1.png) no-repeat;
		background-size:contain;
	}
	.movers #headings h2 {
		width:100%; height:0; padding-top:26.5625%; text-indent:-9999px;
		background:url(../img/sp_cm_title.png) no-repeat;
		background-size:contain;
	}
	.movers #headings h3 { display:none;}
	.movers #headings p {
		font-size:14px; color:#113066; line-height:1.5;
		text-align:left; padding:10px 16px 0;
	}
	.movers #headings .link {
		display:block; width:105px; height:105px; text-indent:-9999px;
		background:url(../img/cm.png) no-repeat 0 -35px;
		background-size:405px auto;
		position:absolute; bottom:-10px; right:8px; z-index:10;
	}
.movers #video { background:#081f47; border-top:20px solid #113066; position:relative;}
	.movers #video h3 {
		width:96px; height:96px; text-indent:-9999px;
		background:url(../img/cm.png) no-repeat -110px -35px;
		background-size:405px auto;
		position:absolute; top:-98px; left:5px;
	}
	.movers #videoIn {
		width:100%; height:0; padding-top:56.25%;
		background:url(../img/cm_video.jpg) no-repeat;
		background-size:cover; border:5px solid #081e45;
		position:relative; z-index:10;
	}
	.movers #videoIn a {
		width:100%; height:0; padding-top:56.25%;
		position:absolute; top:0; left:0; text-indent:-9999px;
	}
	.movers #videoIn a:before {
		content:""; display:block; width:20%; height:0; padding-top:20%;
		background:url(../img/cm_video_play.png) no-repeat;
		background-size:contain;
		position:absolute; top:50%; left:50%;
		margin:-10% 0 0 -10%;
	}
	.movers #video p { font-size:11px; color:#f6f11f; text-align:center; padding:8px 0 16px;}
.movers #voice { background:#03a73c url(../img/bg_cm2.png) repeat-x center 0; background-size:auto 100%;}
	.movers #voice h3 {
		width:100%; height:0; padding-top:19.44%; text-indent:-9999px;
		background:url(../img/sp_cm_voice.png) no-repeat;
		background-size:contain;
	}
	.movers #voice ul {
		width:100%; height:0; padding-top:60%; position:relative;
		background:#039636; border:5px solid #039636; border-bottom-width:0;
	}
	.movers #voice ul li { width:100%; position:absolute; top:0; left:0; display:none;}
	.movers #voice ul li img { display:block; width:100%;}
	.movers #voice p { font-size:14px; color:#f6f11f; text-align:center; padding:10px 20px 20px;}
	.movers #voice p span { display:inline-block; font-size:10px; color:#fff; line-height:1.35; margin-top:5px;}
.movers #download { background:#fff;}
	.movers #download h3 {
		width:100%; height:0; padding-top:37.5%; text-indent:-9999px;
		background:url(../img/sp_cm2.png) no-repeat;
		background-size:contain;
	}
	.movers #download .inner { padding:20px 0 30px;}
	.movers #download .inner a { color:#de001f; text-decoration:underline;}
	.movers #download .inner .note { font-size:11px; font-weight:normal; line-height:1.5; text-align:left; padding:0 16px;}
	.movers #download .inner .read {
		width:100%; font-size:13px;
		color:#de001f; line-height:1.5; text-align:left; text-align:justify;
		background:url(../img/sp_cm3.png) no-repeat center bottom;
		background-size:contain;
		padding:0 8px 56.25% 16px; position:relative;
	}
	.movers #download .inner .read:after { content:""; clear:both; display:block;}
	.movers #download .inner .read span { display:inline-block; width:50%; float:left; margin-bottom:20px;}
	.movers #download .inner .read:before {
		content:""; display:inline-block; width:48%; height:0; padding-top:40.8%;
		background:url(../img/sp_cm5.jpg) no-repeat;
		background-size:100% auto;
		float:right;
	}
	.movers #download .btn { text-align:center; padding:24px 0 14px;}
	.movers #download .btn a {
		display:inline-block; width:75%; height:50px;
		border-radius:10px; background:#de001f;
		text-indent:-9999px; position:relative;
	}
	.movers #download .btn a:before {
		content:""; display:block; width:190px; height:25px;
		background:url(../img/cm.png) no-repeat -75px -150px;
		background-size:405px auto;
		position:absolute; top:50%; left:50%; margin:-12px 0 0 -95px;
	}
	/*wp*/
	.movers #wp {
		background:url(../img/bg_cm.png) center 0;
		background-size:28px auto;
		border-top:5px solid #de001f; border-bottom:5px solid #de001f;
		padding:18% 0 30px; margin:40px auto 10px; position:relative;
	}
	.movers #wp:before {
		content:""; display:block; width:60%; height:0; padding-top:106%;
		background:url(../img/sp_cm_wp.png) no-repeat;
		background-size:contain; margin:0 auto 20px;
	}
	.movers #wp h4 {
		width:100%; height:0; padding-top:20.31%; text-indent:-9999px;
		background:url(../img/sp_cm_h4.png) no-repeat;
		background-size:contain;
		position:absolute; top:-4%; left:0;
	}
	.movers #wp a {
		display:inline-block; width:45%; height:42px; line-height:42px;
		font-size:16px; font-weight:bold; color:#fff !important; text-decoration:none !important;
		background:#de001f; border-radius:8px; margin:0 1%;
	}
	.movers #wp a:before {
		content:""; display:inline-block; width:25px; height:25px;
		background:url(../img/cm.png) no-repeat 0 -260px;
		background-size:405px auto; vertical-align:middle; margin-right:5px;
	}
	.movers #wp a.wp1,
	.movers #wp a.wp2 { display:none;}
.movers #btm { background:#f6f11f url(../img/bg_cm.png) center 0; background-size:28px auto;}
	.movers #btm .inner { padding:20px 0;}
	.movers #btm p {
		font-size:15px; color:#113066; line-height:1.5;
		text-align:left; padding:0 16px;
	}
	.movers #btm p:after {
		content:""; display:block; width:100%; height:0; padding-top:64.64%;
		background:url(../img/cm4.png) no-repeat;
		background-size:contain; margin-top:20px;
	}

/*@manga
//////////////////////////////////////////////////////*/
.manga #headings { background:url(../img/bg_dot2.png) center 0;}
	.manga #headings h2 {
		width:100%; height:0; padding-top:50%; text-indent:-9999px;
		background:url(../img/sp_manga_title.png) no-repeat center 0;
		background-size:contain;
	}
	.manga #headings p {
		font-size:16px; line-height:1.6;
		text-align:left; text-align:justify; padding:0 20px 20px;
	}
	.manga #headings p br { display:none;}
.manga #enter { background:#e0db1e; padding:30px 0 20px; position:relative;}
	.manga #enter .btn { width:80%; margin:0 auto;}
	.manga #enter .btn a {
		display:block; width:100%; height:0; padding-top:29.59%;
		background:#ce2019; border-radius:18px; border:5px solid #b7170b;
		position:relative; text-indent:-9999px;
	}
	.manga #enter a:before {
		content:""; display:block; width:100%; height:0; padding-top:29.59%;
		background:#e42112; border-radius:18px; border:5px solid #b7170b;
		position:absolute; top:-14px; left:-5px;
	}
	.manga #enter a:after {
		content:""; display:block; width:80%; height:0; padding-top:18.94%;
		background:url(../img/manga_btn.png) no-repeat;
		background-size:contain;
		position:absolute; top:10%; left:50%; margin-left:-40%;
	}
.manga #profile {
	background:#f6f11f url(../img/bg_mb.png) no-repeat center center;
	background-size:auto 90%;
	padding:24px 0;
	}
	.manga #profile .inner { width:80%; margin:0 auto;}
	.manga #profile h3 {
		font-size:18px; text-align:center; padding:8px 5px 5px; margin-bottom:16px;
		border-top:6px solid #000; border-bottom:6px solid #000;
	}
	.manga #profile p { font-size:14px; line-height:1.8; text-align:left;}

/*＠Overlay
///////////////////////////////////////////////////////*/
.mfp-bg {
	width:100%; height:100%; background:#000;
	position:fixed; top:0; left:0; z-index:1042; overflow:hidden;
	opacity:0.8; filter:alpha(opacity=0.8);
}
.mfp-wrap {
	width:100%; height:100%; position:fixed; top:0; left:0; z-index:1043;
	outline:none !important; -webkit-backface-visibility:hidden;
}
.mfp-container {
	width:100%; height:100%; text-align:center;
	position:absolute; top:0; left:0;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.mfp-container:before { content:''; display:inline-block; height:100%; vertical-align:middle;}
.mfp-align-top .mfp-container:before { display:none;}
.mfp-content { width:100%; position:relative; display:inline-block; text-align:left; vertical-align:middle; margin:0 auto; z-index:1045;}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content { width:100%; cursor:auto;}
.mfp-ajax-cur { cursor:progress;}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor:-moz-zoom-out; cursor:-webkit-zoom-out; cursor:zoom-out;}
.mfp-zoom { cursor:pointer; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in;}
.mfp-auto-cursor .mfp-content { cursor:auto;}
.mfp-close, .mfp-arrow,
.mfp-preloader,
.mfp-counter { -webkit-user-select:none; -moz-user-select:none; user-select:none;}
.mfp-loading.mfp-figure { display:none;}
.mfp-hide { display:none !important;}
.mfp-preloader {
	position:absolute; top:50%; left:8px; right:8px; z-index:1044;
	width:auto; text-align:center; color:#ccc; margin-top:-0.8em;
	}
	.mfp-preloader a { color:#ccc;}
	.mfp-preloader a:hover { color:#fff;}
	.mfp-s-ready .mfp-preloader { display:none;}
.mfp-s-error .mfp-content { display:none;}
/*close/arrow*/
button.mfp-close, button.mfp-arrow {
	display:block; overflow:visible; cursor:pointer; border:0; outline:none;
	padding:0; text-indent:-9999px; z-index:1046;
	-webkit-box-shadow:none; box-shadow:none; -webkit-appearance:none;
	}
	button::-moz-focus-inner { padding:0; border:0;}
	/*close*/
	button.mfp-close {
		width:100px; height:50px; background:none;
		position:absolute; left:50%; margin-left:-50px; z-index:1046;
		}
		#about button.mfp-close { bottom:6px;}
		#checkBox button.mfp-close,
		#mfp-video button.mfp-close { bottom:-50px;}
	button.mfp-close:before {
		content:""; display:block; width:80px; height:20px;
		background:url(../img/sp_parts.png) no-repeat 0 -125px;
		background-size:130px auto;
		position:absolute; top:15px; left:10px;
	}
/*counter*/
.mfp-counter {display:none;}
/*iframe*/
.mfp-iframe-holder { margin-bottom:40px;}
.mfp-iframe-holder .mfp-content { line-height:0; width:100%;}
.mfp-iframe-holder .mfp-close { }
.mfp-iframe-scaler { width:100%; height:500px; position:relative; margin-bottom:40px;}
.mfp-iframe-scaler iframe {
	display:block; width:100%; height:100%;
	position:absolute; top:0; left:0;
}
#mfp-video { width:100%; height:0; padding-top:56.25%;}

/*///////////animation///////////*/
.mfp-zoom-in .mfp-content,
.mfp-zoom-in .mfp-arrow {
	opacity:0;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8);
}
.mfp-zoom-in.mfp-ready .mfp-content,
.mfp-zoom-in.mfp-ready .mfp-arrow {
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
.mfp-zoom-in.mfp-removing .mfp-content,
.mfp-zoom-in.mfp-removing .mfp-arrow {
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8);
	opacity:0;
}
/*bg*/
.mfp-zoom-in.mfp-bg {
	opacity:0;
	-webkit-transition:opacity 0.3s ease-out;
	-moz-transition:opacity 0.3s ease-out;
	-o-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready.mfp-bg { opacity:0.8;}
.mfp-zoom-in.mfp-removing.mfp-bg { opacity:0;}

/*/////////////check/////////////*/
#checkBox {
	width:90%; background:url(../img/bg_stripe.png) center 0; text-align:center;
	border-radius:10px; padding:20px 16px 10px; margin:40px auto; position:relative;
	}
	#checkBox dt { font-size:14px; margin-bottom:6px;}
	#checkBox dd {
		width:100%; margin-bottom:20px;
		background:transparent no-repeat center center; background-size:contain;
	}
	#checkBox dd#wc1-1 { background-image:url(../img/sp_work_check1-1.png); padding-top:67.1875%;}
	#checkBox dd#wc1-2 { background-image:url(../img/sp_work_check1-2.png); padding-top:35.9375%;}
	#checkBox dd#wc2-1 { background-image:url(../img/sp_work_check2-1.png); padding-top:67.1875%;}
	#checkBox dd#wc2-2 { background-image:url(../img/sp_work_check2-2.png); padding-top:67.1875%;}
	#checkBox dd#sc1 { background-image:url(../img/sp_secret_check1.png); padding-top:93.75%;}
	#checkBox dd#sc2 { background-image:url(../img/sp_secret_check2.png); padding-top:67.1875%;}
	#checkBox dd#sc3 { background-image:url(../img/secret_check3.png); padding-top:58.65%;}
	#checkBox dd#sc4 { background-image:url(../img/secret_check4.png); padding-top:65.77%;}

/*＠fade-animation
///////////////////////////////////////////////////////*/
.fadeInDown {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
	visibility:visible !important;
}
@-webkit-keyframes fadeInDown {
	0% { opacity:0; -webkit-transform:translateY(-50px);}
	100% { opacity:1; -webkit-transform:translateY(0);}
}
@keyframes fadeInDown {
	0% { opacity:0; -webkit-transform:translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px);}
	100% { opacity:1; -webkit-transform:translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
}

.fadein,
#contentsList li { opacity:0;}