@charset "utf-8";

/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
#kohtoka .clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:"";
	clear:both;
	height:0
}
#kohtoka * html .clearfix,
#kohtoka *:first-child+html .clearfix{
	zoom:1
}
body{-webkit-text-size-adjust:100%;}
#kohtoka .inner{padding:0;}
#kohtoka table{border-collapse:collapse; border-spacing:0; table-layout:fixed;}
#kohtoka img{vertical-align:top; border-width:0; border-style:none;}
#kohtoka th,#kohtoka h1,#kohtoka h2,#kohtoka h3,#kohtoka h4,#kohtoka h5,#kohtoka h6{font-weight:normal; color:#0A2C3F;}
#kohtoka a{text-decoration:none; display:block;}
#kohtoka a.touch img{opacity:0.6;}
#kohtoka img{max-width:100%; height:auto;}
#kohtoka{
	width:100%;
	font-size: 14px;
	line-height:1.6;
	font-family:"Noto Sans Japanese","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#464646;
	position:relative;
}
#kohtoka #kv .inner,
#kohtoka #sectionWrap,
#kohtoka #gNav .inner{
	max-width:1170px;
	margin:0 auto;
	padding-left:3%;
	padding-right:3%;
	box-sizing:content-box;
}

#kohtoka #kv h1,
#kohtoka #renewal h2,
#kohtoka .sectionLayout h2{
	height:0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	box-sizing:content-box;
	margin:0 auto;
}
#kohtoka #sectionWrap .sectionLayout{
	margin-top:50px;
	padding-top:10px;
}
#kohtoka #sectionWrap small{
	font-size:11px;
	text-align:right;
	display:block;
	margin-top:5px;
}
#kohtoka .visible-lg, 
#kohtoka .visible-md, 
#kohtoka .visible-sm, 
#kohtoka .visible-xs, 
#kohtoka .visible-xxs{
	display:none !important;
}

@media screen and (max-width: 1169px){
	#kohtoka .visible-lg{display:block !important;}
	#kohtoka .hidden-lg {display:none !important;}
	#kohtoka #sectionWrap h2,#kohtoka #sectionWrap h3,#kohtoka #sectionWrap h4{font-weight:bold !important;}
}
	
@media screen and (max-width: 1024px){
	#kohtoka .visible-md{display:block !important;}
	#kohtoka .hidden-md {display:none !important;}
	#kohtoka #sectionWrap{padding:0;}
	#kohtoka #sectionWrap .inner{
		padding-left:2.8%;
		padding-right:2.8%;
	}
	#kohtoka #sectionWrap small{
		padding-right:10px;
	}
}
@media screen and (max-width: 767px){
	#kohtoka .visible-xs{display:block !important;}
	#kohtoka .hidden-xs {display:none !important;}
	#kohtoka #sectionWrap .sectionLayout{
		margin-top:30px;
		padding-top:10px;
	}
	#kohtoka #sectionWrap .sectionLayout h2{
		width:80%;
		box-sizing:border-box !important;
		margin-bottom:0;
	}
}
@media screen and (max-width: 420px){
	#kohtoka .visible-xxs{display:block !important;}
	#kohtoka .hidden-xxs {display:none !important;}
}

/* ===== #kv ===== */

#kohtoka #kv{
	width:100%;
	background:url(../img/kv_bg.jpg) no-repeat;
	background-size:cover;
}
#kohtoka #kv .inner{
	padding:30px 30px 10px;
	position:relative;
}
#kohtoka #kv h1{
	padding-top:41.3%;
	background:url(../img/kv_img.jpg) no-repeat;
	background-size:contain;
}
#kohtoka #kv .inner .newitem{
	width:100%;
	position:absolute;
	left:30px;
	bottom:10%;
}
#kohtoka #kv .inner .newitem a{
	width:50%;
}

@media screen and (max-width: 1169px){
	#kohtoka #kv .inner{
		padding:1.7% 2% 0.4%;
	}
	#kohtoka #kv .inner .newitem{
		left:2%;
	}
}
	
@media screen and (max-width: 1024px){
}

@media screen and (max-width: 767px){
	#kohtoka #kv{
		background:none;
	}
	#kohtoka #kv .inner{
		padding:0;
		box-sizing:border-box;
	}
	#kohtoka #kv h1{
		background:url(../img/kv_sp.jpg) no-repeat;
		background-size:contain;
		padding:73.6% 0 0 0;
	}
	#kohtoka #kv .inner .newitem{
		width:100%;
		padding:2.4%;
		position:static;
	}
	#kohtoka #kv .inner .newitem a{
		width:100%;
	}
}


/* ===== #gNav ===== */

#kohtoka #gNav{
	background:url(../img/gnav_bg.gif) repeat;
}
#kohtoka #gNav .inner{
	width:100%;
	padding:14px 2%;
	overflow:hidden;
	display:table;
	box-sizing:border-box;
}
#kohtoka #gNav .inner .logo{
	width:114px;
	display:table-cell;
	vertical-align:top;
}
#kohtoka #gNav .inner ul{
	display:table-cell;
	padding-top:20px;
}
#kohtoka #gNav .inner ul li{
	margin-left:5.26%;
	float:left;
}
#kohtoka #gNav .inner ul li a{
	color:#665272;
	font-size:19px;
	font-weight:bold;
	font-weight:500;
	padding-left:20px;
	background:url(../img/gnav_arrow.png) left center no-repeat;
	background-size:14px 10px;
	font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-feature-settings:"palt";
	transition:all 0.3s ease 0s;
}
#kohtoka #gNav .inner ul li a:hover{
	color:#EA6292;
	background:url(../img/gnav_arrow_ovr.png) left center no-repeat;
	background-size:14px 10px;
}

@media screen and (max-width: 1169px){
	#kohtoka #gNav .inner ul li a{font-weight:bold;}
}
	
@media screen and (max-width: 1024px){
	#kohtoka #gNav .inner ul li{margin-left:4.0%;}
	#kohtoka #gNav .inner ul li a{font-size:17px;}
}

@media screen and (max-width: 767px){
	#kohtoka #gNav .inner .logo{display:none;}
	#kohtoka #gNav .inner ul{padding:0}
	#kohtoka #gNav .inner ul li{width:50%; margin:5px 0; padding:0 2%;}
	#kohtoka #gNav .inner ul li a{font-size:16px;}
	#kohtoka #gNav .inner{padding-top:8px;}
}


/* ===== #renewal ===== */

#kohtoka #renewal{
	padding:50px 0 40px;
	margin-top:30px;
	background:url(../img/renewal_bg.jpg) no-repeat;
}
#kohtoka #renewal h2{
	width:990px;
	padding-top:178px;
	background:url(../img/renewal_ttl.png) no-repeat;
	background-size:contain;
}
#kohtoka #renewal .txtBox{
	margin:1.0% 3.4% 0;
	padding:3.4%;
	background-color: rgba(255,255,255,0.6)
}
#kohtoka #renewal .txtBox p{
	font-size:15px;
	margin-top:15px;
	text-align:center;
}
#kohtoka #renewal .txtBox p:first-of-type{
	margin-top:0;
}

@media screen and (max-width: 1169px){
	#kohtoka #renewal{
		background:url(../img/renewal_bg.jpg) no-repeat;
		background-size:100% 100%;
		padding:34px 40px 30px;
	}
	#kohtoka #renewal h2{
		width:100%;
		box-sizing:border-box;
		padding-top:18%;
	}
	#kohtoka #renewal .txtBox{margin-left:0;}
}
@media screen and (max-width: 1024px){
	
}

@media screen and (max-width: 767px){
	#kohtoka #renewal{
		margin-top:0;
		padding:6% 10px 16px;
	}
	#kohtoka #renewal h2{
		padding-top:38.2%;
		padding-bottom:20px;
		background:url(../img/renewal_ttl_sp.png) no-repeat;
		background-size:contain;
	}
	#kohtoka #renewal .txtBox{margin:0;}
	#kohtoka #renewal .txtBox p{font-size:12px; text-align:left;}
}

/* ===== #movie ===== */

#kohtoka #movie h2{
	width:514px;
	padding-top:46px;
	background:url(../img/movie_ttl.gif) no-repeat;
	background-size:contain;
	margin-bottom:10px;
}
#kohtoka #movie .inner{
	margin-top:30px;
	border-top:1px solid #BBB;
	border-bottom:1px solid #BBB;
	overflow:hidden;
	padding-bottom:60px;
}
#kohtoka #movie.movieLazyWrap .movieBox{
	width:680px;
	height:383px;
	position:relative;
	margin:40px auto 0;
}
#kohtoka #movie.movieLazyWrap .movieBox .movieThumb{
	width:100%;
	height:100%;
	margin:0;
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
	transition:opacity 0.2s ease-out;
}
#kohtoka #movie.movieLazyWrap .movieBox .movieThumb .play{
	width:50px;
	height:50px;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-25px;
	margin-left:-25px; 
}
#kohtoka #movie.movieLazyWrap .movieBox .movieThumb:hover{opacity:0.8;}

@media screen and (max-width: 1169px){
}
	
@media screen and (max-width: 1024px){
}

@media screen and (max-width: 767px){
	#kohtoka #movie h2{
		padding-top:16.06%;
		background:url(../img/movie_ttl_sp.gif) no-repeat;
		background-size:contain;
	}
	#kohtoka #movie .inner{
		margin-top:10px;
		padding:20px 3.4%;
	}
	#kohtoka #movie.movieLazyWrap .movieBox{
		width:100%;
		height:auto;
		padding-top:56.3235%;
		margin:0;
	}
}
	
@media screen and (max-width: 420px){	
}



/* ===== #about ===== */

#kohtoka #about h2{
	width:632px;
	padding-top:94px;
	background:url(../img/about_ttl.gif) no-repeat;
	background-size:contain;
	margin-bottom:40px;
}
#kohtoka #about .inner{
	overflow:hidden;
	padding-bottom:60px;
	border-bottom:1px solid #B39FC1;
}
#kohtoka #about .inner .leftBox{
	width:100%;
	float:left;
	margin-right:-800px;
	padding-right:800px;
}
#kohtoka #about .inner .leftBox .cntBox{
	border:1px solid #6D5381;
	border-radius:5px;
	padding:4.1% 4.1% 6.0%;
}
#kohtoka #about .inner .leftBox .cntBox h3{
	text-align:center;
	font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-feature-settings:"palt";
	font-size:30px;
	font-weight:bold;
	font-weight:500;
	border-bottom:1px solid #7B59A2;
	padding-bottom:5px;
	margin-bottom:10px;
	color:#6C527F;
}
#kohtoka #about .inner .leftBox .cntBox p{
	margin-bottom:15px;
}
#kohtoka #about .inner .rightBox{
	width:780px;
	float:right;
}

@media screen and (max-width: 1169px){
	#kohtoka #about .inner{padding-bottom:40px}
	#kohtoka #about .inner .leftBox,
	#kohtoka #about .inner .rightBox{
		width:100%;
		float:none;
		margin:0;
		padding:0;
	}
	#kohtoka #about .inner .leftBox{margin-bottom:3%;}
	#kohtoka #about .inner .rightBox img{width:100%;}
	#kohtoka #about .inner .leftBox .cntBox .intro{
		width:60%;
		float:left;
	}
	#kohtoka #about .inner .leftBox .cntBox img{
		width:34%;
		float:right;
		display:block;
	}
}

@media screen and (min-width: 768px) and (max-width: 1169px){
	#kohtoka #about .inner .leftBox .cntBox p{font-size:16px;}
	#kohtoka #about .inner .leftBox .cntBox h3{text-align:left;}
	#kohtoka #about .inner .leftBox .cntBox{
		padding:2.1% 8% 2.1%;
		overflow:hidden;
	}
}

@media screen and (max-width: 1024px){
}

@media screen and (max-width: 767px){
	#kohtoka #about h2{
		background:url(../img/about_ttl_sp.gif) no-repeat;
		padding-top:28%;
		margin-bottom:20px;
		background-size:contain;
	}
	#kohtoka #about .inner .leftBox{margin-bottom:30px;}
	#kohtoka #about .inner .leftBox .cntBox{text-align:center; padding-bottom:4%;}
	#kohtoka #about .inner .leftBox .cntBox .intro,
	#kohtoka #about .inner .leftBox .cntBox img{
		width:100%;
		float:none;
		text-align:left;
	}
	#kohtoka #about .inner .leftBox .cntBox img{max-width:260px; display:inline;}
	#kohtoka #about .inner .leftBox .cntBox h3{font-size:24px;}
}


/* ===== #lineup ===== */

#kohtoka #lineup h2{
	width:398px;
	padding-top:40px;
	background:url(../img/lineup_ttl.gif) no-repeat;
	background-size:contain;
	margin-bottom:10px;
}
#kohtoka #lineup .subttl{
	font-size:24px;
	font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-feature-settings:"palt";
	text-align:center;
	font-weight:bold;
	font-weight:500;
}
#kohtoka #lineup .subttl strong{
	color:#8864AA;
}
#kohtoka #lineup .inner{
	margin-top:30px;
	padding:0.1% 3.4% 3.4%;
	background:#F5F3FA;
}
#kohtoka #lineup .inner .intro{
	width:100%;
	display:table;
}
#kohtoka #lineup .inner .intro dt,
#kohtoka #lineup .inner .intro dd{
	padding:10px 20px;
	display:table-cell;
}
#kohtoka #lineup .inner .intro dt{
	width:19%;
	display:table-cell;
	background:#DC5C8A;
	font-size:20px;
	text-align:center;
	color:#FFF;
	line-height:1.2;
}
#kohtoka #lineup .inner .intro dd{
	width:81%;
	background:#FFF;
	vertical-align:middle;
}
#kohtoka #lineup .inner .intro dd strong{font-size:18px; color:#111; font-weight:bold;}
#kohtoka #lineup .inner .intro dd span{background:#FFF;}
#kohtoka #lineup .inner .intro dd .color1{color:#EA607B;}
#kohtoka #lineup .inner .intro dd .color2{color:#F6AC2C;}
#kohtoka #lineup .inner .intro dd .color3{color:#2BB7B2;}
#kohtoka #lineup .inner .intro dd .color4{color:#009DD9;}

#kohtoka #lineup .inner .itemWrap{
	border:1px solid #D3CCE3;
	margin-top:3.4%;
}
#kohtoka #lineup .inner .itemWrap.essence{border:1px solid #F7D7DD;}
#kohtoka #lineup .inner .itemWrap.set{border:1px solid #CCCED0;}
#kohtoka #lineup .inner .itemWrap h3{
	background:#9481BB;
	background:url(../img/lineup_itemttl_bg.png),#9481BB;
	background-repeat:no-repeat;
	background-position:right top;
	color:#FFF;
	font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:24px;
	font-weight:bold;
	font-weight:500;
	text-align:center;
	overflow:hidden;
	padding:6px;
}
#kohtoka #lineup .inner .itemWrap.essence h3{
	background:#E8889B;
	background:url(../img/lineup_itemttl_bg.png),#E8889B;
	background-repeat:no-repeat;
	background-position:right top;
}
#kohtoka #lineup .inner .itemWrap.set h3{
	background:#515457;
	background:url(../img/lineup_itemttl_bg.png),#515457;
	background-repeat:no-repeat;
	background-position:right top;
}
#kohtoka #lineup .inner .itemWrap .itemBox{
	padding:1.84%;
	position:relative;
	overflow:hidden;
	background:#FFF;
}
#kohtoka #lineup .inner .itemWrap .itemBox .leftBox{
	width:35%;
	float:left;
}
#kohtoka #lineup .inner .itemWrap .itemBox .leftBox img{
	display:block;
	float:right;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox{
	width:62%;
	float:right;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox h4{
	color:#D90000;
	font-size:22px;
	font-weight:bold;
	margin-top:10px;
	line-height:1.4;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .txt1{
	color:#836CB0;
	font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	padding:4px 6px;
	border:1px solid #9481BB;
	border-radius:4px;
	display:inline;
	font-size:15px;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .sample{
	text-align:right;
	margin-top:-26px;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .sample a{
	color:#EE741A;
	font-weight:bold;
	font-weight:500;
	font-size:18px;
	padding-left:16px;
	background:url(../img/lineup_icon3.png) no-repeat left center;
	background-size:9px 12px;
	text-decoration:underline;
	display:inline;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .sample a:hover{
	text-decoration:none;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .txt2{
	margin-top:10px;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .txt2 .fix1{
	color:#DC5B8A;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .txt2 .fix2{
	font-size:12px;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .txt2 .fix3{
	font-size:10px;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox{
	margin-top:16px;
	padding-top:15px;
	border-top:1px solid #D3CCE3;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox ul{
	width:100%;
	overflow:hidden;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox ul li{
	width:50%;
	float:left;
	padding-right:2%;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox ul li:nth-child(2){
	padding-left:2%;
	padding-right:0;
	border-left:1px solid #D3CCE3;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox ul li .size{
	background:#F0F0EC;
	text-align:center;
	padding:6px 10px;
	font-size:17px;
	color:#665272;
	font-weight:bold;
	font-weight:400;
	margin-bottom:4px;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox .priceBox{
	position:relative;
	z-index:20;
	display:flex;
	flex-wrap:wrap;
	align-content:flex-end;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox .priceBox p.mprice{
	font-size:12px;
	color:#333;
	margin-top:12px;
	margin-right:14px;
	line-height:1.1;
	display:inline-block;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox p.bgprice{
	color:#D81D5F;
	font-size:18px;
	margin-right:0;
	margin-top:4px;
	margin-right:14px;
	line-height:1.1;
	display:inline-block;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox p.bgprice a{
	color:#D81D5F;
	text-decoration:underline;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox p.bgprice a:hover{
	text-decoration:none;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox p.bgprice strong{
	font-size:22px;
	font-weight:bold;
	font-weight:600;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox .btnBox{
	width:100%;
	display:table;
	margin-top:16px;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox .btnBox .det,
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox .btnBox .addcart{
	width:49%;
	display:table-cell;
	position:relative;
	box-sizing:content-box;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox .btnBox .addcart{
	padding-left:2%
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox .btnBox a,
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox .btnBox button{
	display:block;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-weight:400;
	font-size:18px;
	padding:10px;
	border-radius:4px;
	vertical-align:middle;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox .btnBox .det a{background:#5B5B5B;}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox .btnBox .addcart button{background:#D8477A; width:100%;}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox .btnBox .det a:hover{background:#8C8C8C;}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox .btnBox .addcart button:hover{background:#E47EA2;}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox .btnBox .det a:after{
	content:"";
	position:absolute;
	width:8px;
	height:14px;
	background:url(../img/lineup_icon1.png) no-repeat;
	background-size:8px 14px;
	right:10px;
	top:50%;
	margin-top:-7px;
}
#kohtoka #lineup .inner .itemWrap.set .itemBox .rightBox .buyBox .btnBox{
	width:60%;
	float:left;
	display:block;
	margin-top:0;
}
#kohtoka #lineup .inner .itemWrap.set .itemBox .rightBox .buyBox .btnBox .det{
	width:100%;
	display:block;
	padding-left:0;
	padding-right:0;
}
#kohtoka #lineup .inner .itemWrap.set .itemBox .rightBox .buyBox .btnBox .det a{
	height:auto;
}
#kohtoka #lineup .inner .itemWrap.set .itemBox .rightBox .buyBox .btnBox .det a:after{
	right:3%;
}
#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .popup{
	width:130px;
	height:52px;
	padding:10px 10px 24px 8px;
	background:url(../../../img/cart/popup_bg.png) no-repeat;
	display:none;
	position:absolute;
	right:0;
	bottom:46px;
	z-index:10;
	box-sizing:content-box;
}
#kohtoka #lineup .inner .itemWrap.set .itemBox .rightBox dl dt{
	background:#E8889B;
	color:#FFF;
	padding:6px 1.84%;
	font-size:17px;
}
#kohtoka #lineup .inner .itemWrap.set .itemBox .rightBox dl dd{
	width:100%;
	background:#F9F9F9;
	display:table;
}
#kohtoka #lineup .inner .itemWrap.set .itemBox .rightBox dl dd ul{
	display:table-cell;
	width:50%;
	padding:1.2% 1.84%;
}
#kohtoka #lineup .inner .itemWrap.set .itemBox .rightBox dl dd ul li{
	text-indent:-1em;
	padding-left:1em;
	line-height:1.2;
	margin:8px 0;
}
#kohtoka #lineup .inner .itemWrap.set .itemBox .rightBox dl dd ul li span{
	font-size:12px;
}
#kohtoka #lineup .inner .itemWrap.set .itemBox .rightBox .buyBox .bgprice{
	width:38%;
	float:left;
	margin-right:2%;
}
#kohtoka #lineup .inner .itemWrap .itemBox .infoBox{
	width:96px;
	position:absolute;
	z-index:20;
	left:20px;
	top:20px;
	margin-top:-5px;
}
#kohtoka #lineup .inner .itemWrap .itemBox .infoBox li{
	border-radius:8px;
	padding:4px;
	text-align:center;
	margin-top:5px;
}
#kohtoka #lineup .inner .itemWrap .itemBox .infoBox li dl dt{
	color:#FFF;
	font-size:13px;
	padding:2px 4px 3px 4px;
	font-weight:bold;
	font-weight:500;
}
#kohtoka #lineup .inner .itemWrap .itemBox .infoBox li dl dd{
	background:#FFF;
	font-size:15px;
	border-radius:6px;
	padding:4px 4px 2px 4px;
}
#kohtoka #lineup .inner .itemWrap .itemBox .infoBox li dl dd strong{
	font-size:22px;
	line-height:1.0;
}
#kohtoka #lineup .inner .itemWrap .itemBox .infoBox li.cost{background:#DC5B8A;}
#kohtoka #lineup .inner .itemWrap .itemBox .infoBox li.cost dl dd{color:#DC598A;}
#kohtoka #lineup .inner .itemWrap .itemBox .infoBox li.use{background:#698BC5;}
#kohtoka #lineup .inner .itemWrap .itemBox .infoBox li.use dl dd{color:#688BC5;}
#kohtoka #lineup .inner .itemWrap .itemBox .infoBox li.times{background:#EE741A;}
#kohtoka #lineup .inner .itemWrap .itemBox .infoBox li.times dl dd{color:#ED7319;}

#kohtoka #lineup .inner .otheritem{
	margin-left:-4.38596491%;
	overflow:hidden;
}
#kohtoka #lineup .inner .otheritem li{
	width:45.614%;
	float:left;
	margin-left:4.38596491%;
	margin-top:3%;
}
@media screen and (max-width: 1169px){
}
	
@media screen and (max-width: 1024px){
	#kohtoka #lineup .inner .itemWrap:not(.set) .itemBox{padding-top:100px;}
	#kohtoka #lineup .inner .itemWrap .itemBox .infoBox{
		width:99%;
		left:1%;
		top:12px;
	}
	#kohtoka #lineup .inner .itemWrap .itemBox .infoBox li{
		width:31%;
		margin-left:1%;
		margin-right:1%;
		float:left;
	}
	#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox .btnBox a{padding:10px;}
	#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox .btnBox a,
	#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox .btnBox button{font-size:15px;}
}

@media screen and (max-width: 767px){
	#kohtoka #lineup .sectionLayout{margin-top:20px;}
	#kohtoka #lineup h2{
		padding-top:8.1%;
		background-size:contain;
	}
	#kohtoka #lineup .subttl{
		font-size:16px;
		font-weight:bold;
	}
	#kohtoka #lineup .inner{
		margin-top:20px;
		background:#F5F3FA;
	}
	#kohtoka #lineup .inner .itemWrap{margin-top:5%;}
	#kohtoka #lineup .inner .itemWrap h3{
		font-size:22px;
		background-size:auto 70px !important;
		margin-bottom:0;
	}
	#kohtoka #lineup .inner .intro dt,
	#kohtoka #lineup .inner .intro dd{
		display:block;
		width:100%;
	}
	#kohtoka #lineup .inner .itemWrap:not(.set) .itemBox{padding-top:90px;}
	#kohtoka #lineup .inner .itemWrap .itemBox .leftBox{
		width:280px;
		margin:0 auto;
		float:none;
		text-align:center;
	}
	#kohtoka #lineup .inner .itemWrap.set .itemBox .leftBox{
		margin-top:6px;
	}
	#kohtoka #lineup .inner .itemWrap .itemBox .leftBox img{
		height:160px;
		width:auto;
		display:inline;
		float:none;
	}
	#kohtoka #lineup .inner .itemWrap .itemBox .rightBox{
		width:100%;
		padding:6px;
		margin-top:10px;
	}
	#kohtoka #lineup .inner .itemWrap .itemBox .rightBox h4{
		background:none;
		padding:0;
	}
	#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .txt1{
		padding:6px 10px;
		font-size:14px;
		font-weight:bold;
		display:inline-block;
		margin-right:10px;
		margin-bottom:5px;
	}
	#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .sample{
		display:inline-block;
		margin-top:0;
	}
	#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .sample a,
	#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox ul li .size{font-size:15px;}
	#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox p.bgprice{font-size:13px;}
	#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox .btnBox{margin-top:5px;}
	#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox .btnBox .det,
	#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox .btnBox .addcart{
		width:100%;
		padding:0;
		display:block;
		margin-top:10px;
	}
	#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox .btnBox a{font-size:16px;}
	#kohtoka #lineup .inner .itemWrap .itemBox .rightBox .buyBox p.bgprice strong{font-size:20px;}
	#kohtoka #lineup .inner .itemWrap.set .itemBox .rightBox dl dd ul{
		width:100%;
		display:block;
		padding-top:0;
		padding-bottom:0;
	}
	#kohtoka #lineup .inner .itemWrap.set .itemBox .rightBox .buyBox .btnBox{
		width:45%;
		margin-top:0;
	}
	#kohtoka #lineup .inner .itemWrap.set .itemBox .rightBox .buyBox .bgprice{
		width:55%;
		margin-top:16px;
		margin-right:0;
	}
	#kohtoka #lineup .inner .itemWrap.set .itemBox .rightBox .buyBox .btnBox .det{margin-top:6px;}
	#kohtoka #lineup .inner .itemWrap.set .itemBox .rightBox .buyBox{padding-top:4px;}
	#kohtoka #lineup .inner .itemWrap.set .itemBox .rightBox dl dt{padding-left:12px;}
	#kohtoka #lineup .inner .otheritem{margin-left:0;}
	#kohtoka #lineup .inner .otheritem li{
		width:100%;
		margin:3% auto 0;
	}
	#kohtoka #lineup .inner .otheritem li img{width:100%;}
}

@media screen and (max-width: 420px){

	#kohtoka #lineup .inner .itemWrap h3{
		line-height:1.2;
		padding-top:10px;
		padding-bottom:10px;
	}
	
}

/* ===== #originalMenu ===== */

#kohtoka #originalMenu h2{
	width:398px;
	padding-top:40px;
	background:url(../img/originalmenu_ttl.gif) no-repeat;
	background-size:contain;
	margin-bottom:10px;
}
#kohtoka #originalMenu .inner{
	margin-top:30px;
	border-top:1px solid #BBB;
}
#kohtoka #originalMenu .inner ul{
	margin-left:-3.78289%;
	overflow:hidden;
}
#kohtoka #originalMenu .inner ul li{
	width:46.2171%;
	float:left;
	margin-left:3.78289%;
	padding:1.645%;
	margin-top:2.47%;
}
#kohtoka #originalMenu .inner ul li *{text-align:center;}
#kohtoka #originalMenu .inner ul li h3{
	font-size:32px;
	font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	padding-top:26px;
	padding-bottom:10px;
}
#kohtoka #originalMenu .inner ul li p{
	font-size:15px;
	padding:20px 0;
	font-weight:bold;
	font-weight:500;
}
#kohtoka #originalMenu .inner ul li a{
	width:60%;
	padding:7px;
	display:block;
	margin:0 auto;
	font-size:22px;
	font-weight:bold;
	font-weight:500;
	transition:all 0.5s ease 0s;
	position:relative;
}
#kohtoka #originalMenu .inner ul li .txt1{
	font-size:12px;
	padding:5px 0;
}
#kohtoka #originalMenu .inner ul li a:after{
	content:"";
	position:absolute;
	width:7px;
	height:12px;
	top:50%;
	right:10px;
	margin-top:-6px;
}
#kohtoka #originalMenu .inner ul li.menu1{background:#F5F3FA;}
#kohtoka #originalMenu .inner ul li.menu2{background:#FCF1F3;}
#kohtoka #originalMenu .inner ul li.menu1 h3{
	color:#9481BB;
	background:url(../img/originalmenu_menu1_icon.gif) no-repeat center top;
	background-size:70px 23px;
}
#kohtoka #originalMenu .inner ul li.menu2 h3{
	color:#E8889B;
	background:url(../img/originalmenu_menu2_icon.gif) no-repeat center top;
	background-size:70px 23px;
}
#kohtoka #originalMenu .inner ul li.menu1 a{
	border:2px solid #9481BB;
	color:#9380BA;
}
#kohtoka #originalMenu .inner ul li.menu2 a{
	border:2px solid #E8889B;
	color:#E8889B;
}
#kohtoka #originalMenu .inner ul li.menu1 a:after{
	background:url(../img/originalmenu_icon1.png) no-repeat;
	background-size:7px 12px;
}
#kohtoka #originalMenu .inner ul li.menu2 a:after{
	background:url(../img/originalmenu_icon2.png) no-repeat;
	background-size:7px 12px;
}
#kohtoka #originalMenu .inner ul li a:hover{color:#FFF;}
#kohtoka #originalMenu .inner ul li a:hover:after{
	background:url(../img/originalmenu_icon_ovr.png) no-repeat;
	background-size:7px 12px;
}
#kohtoka #originalMenu .inner ul li.menu1 a:hover{background:#9481BB;}
#kohtoka #originalMenu .inner ul li.menu2 a:hover{background:#E8889B;}

@media screen and (max-width: 1169px){
}
	
@media screen and (max-width: 1024px){
}

@media screen and (max-width: 767px){
	#kohtoka #originalMenu h2{
		padding-top:8.1%;
		background-size:contain;
	}
	#kohtoka #originalMenu .inner{
		margin-top:10px;
		padding-top:14px;
	}
	#kohtoka #originalMenu .inner ul{
		margin-left:0;
		margin-top:-3%;
	}
	#kohtoka #originalMenu .inner ul li{
		width:100%;
		float:none;
		margin-left:0;
		text-align:center;
		padding:3.4%;
		margin-top:3%;
	}
	#kohtoka #originalMenu .inner ul li h3{
		font-size:22px;
		padding-bottom:0;
	}
	#kohtoka #originalMenu .inner ul li p{
		font-size:14px;
		padding:12px 0;
	}
	#kohtoka #originalMenu .inner ul li a{
		width:90%;
		font-size:14px;
	}
}


/* ===== #seminar ===== */

#kohtoka #seminar h2{
	width:398px;
	padding-top:40px;
	background:url(../img/seminar_ttl.gif) no-repeat;
	background-size:contain;
	margin-bottom:10px;
}
#kohtoka #seminar .inner{
	margin-top:30px;
	border-top:1px solid #BBB;
	padding-top:30px;
	position:relative;
	left:0;
	top:0;
}
#kohtoka #seminar .inner h3{
	text-align:center;
	font-size:30px;
}
#kohtoka #seminar .inner h3+p{
	margin-top:10px;
}
#kohtoka #seminar .inner .txt1{
	text-align:center;
	line-height:1.8;
}
#kohtoka #seminar .inner .icon1{
	width:128px;
	position:absolute;
	left:9%;
	top:90px;
}
#kohtoka #seminar .inner .benefit{
	font-size:26px;
	text-align:center;
	color:#D8477A;
	font-weight:bold;
	font-weight:600;
	margin-top:10px;
	margin-bottom:10px;
}
#kohtoka #seminar .inner .benefit strong{
	font-size:36px;
}
#kohtoka #seminar .inner .framewrap .txt1{
	font-size:12px;
	color:#F00;
	margin-bottom:10px;
}
#kohtoka #seminar .inner .navBox{
	width:100%;
	margin:20px 0 0;
	overflow:hidden;
}
#kohtoka #seminar #learnMovie,#kohtoka #seminar #learnPlactice{
	margin-top:30px;
	padding-top:10px;
}
#kohtoka #seminar .inner .navBox li{
	width:49%;
	background:#F5F5F5;
	float:left;
}
#kohtoka #seminar .inner .navBox li:first-child{
	width:49%;
	margin-right:2%;
}
#kohtoka #seminar .inner .navBox li a{
	color:#665272;
	font-size:20px;
	font-weight:bold;
	font-weight:500;
	padding:10px 20px 10px 40px;
	background:url(../img/gnav_arrow.png) 20px center no-repeat;
	background-size:14px 10px;
	transition:all 0.3s ease 0s;
}
#kohtoka #seminar .inner .navBox li a:hover{
	color:#EA6292;
	background:url(../img/gnav_arrow_ovr.png) 20px center no-repeat;
	background-size:14px 10px;
}

#kohtoka #seminar .movieLazyWrap{
	display:flex;
	flex-wrap:wrap;
	margin:0 -10px;
}
#kohtoka #seminar .movieLazyWrap li{
	width:50%;
	padding:0 10px;
	margin-top:30px;
}
#kohtoka #seminar .movieLazyWrap li .ttlBox{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}
#kohtoka #seminar .movieLazyWrap li .txtBox{
	font-size:12px;
	margin-top:10px;
}
#kohtoka #seminar .movieLazyWrap li .txtBox a{
	color:#EA6292;
	display:inline;
}
#kohtoka #seminar .movieLazyWrap li .movieBox{
	width:100%;
	padding-top:56.3235%;
	position:relative;
	border:1px solid #CCC;
}
#kohtoka #seminar .movieLazyWrap li .movieBox .movieThumb{
	width:100%;
	height:100%;
	margin:0;
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
	transition:opacity 0.2s ease-out;
}
#kohtoka #seminar .movieLazyWrap li .movieBox .movieThumb .play{
	width:50px;
	height:50px;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-25px;
	margin-left:-25px; 
}
#kohtoka .movieLazyWrap li .movieBox .movieThumb:hover{opacity:0.8;}

@media screen and (max-width: 1169px){
	#kohtoka #seminar .inner h3{font-weight:normal !important;}
}
	
@media screen and (max-width: 1024px){
	#kohtoka #seminar .inner .icon1{top:120px;left:4%;}
	#kohtoka #seminar .inner .navBox li a{font-size:15px;}
}

@media screen and (max-width: 767px){
	#kohtoka #seminar h2{
		padding-top:8.1%;
		background-size:contain;
	}
	#kohtoka #seminar .inner{
		margin-top:10px;
		padding-top:14px;
	}
	#kohtoka #seminar #learnMovie,#kohtoka #seminar #learnPlactice{margin-top:20px;}
	#kohtoka #seminar .inner h3{font-size:24px;}
	#kohtoka #seminar .inner .benefit{font-size:22px;}
	#kohtoka #seminar .inner .icon1{display:none;}
	#kohtoka #seminar .inner .txt1{text-align:left;}
	#kohtoka #seminar .inner .navBox li a{
		padding-left:30px;
		background-position:10px center;
	}
	#kohtoka #seminar .inner .navBox li a:hover{background-position:10px center;}
	#kohtoka #seminar .movieLazyWrap li{width:100%;}
	#kohtoka #seminar .movieLazyWrap li .ttlBox{font-size:17px;}
	#kohtoka #seminar .movieLazyWrap li .txtBox{font-size:11px;}
}
@media screen and (max-width: 420px){
	#kohtoka #seminar .inner .benefit{font-size:16px;}
	#kohtoka #seminar .inner .benefit span{font-size:21px;}
	#kohtoka #seminar .inner .benefit strong{font-size:33px;}
}


/* ==============  動画コンテンツ  ==============*/


@media screen and (max-width: 479px){
	#kohtoka .movieLazyWrap{margin-top:20px;}
}