@charset "utf-8";
/* CSS Document */

/*システム内ページ　100％*/
*{
	margin:0;
	padding:0;
}

div#sysMain {
	width: 100%;
	max-width:none;
	margin: 0px auto;
}

a{
	color:#333;
}

img{
	max-width:100%;
}

.w500{
	max-width:500px;
	width:50%;
	margin:0 1%;
}
.w460{
	width:45%;
	max-width:500px;
	margin:0;
}

.w100{
	width:100%;
}

.w1000{
	max-width:1000px;
	margin:20px auto;
	text-align:center;
}

.f-l{
	vertical-align:top;
	float:left;
}

.f-r{
	float:right;
	vertical-align:top;
}

#kokobuy_page{
width:100%;
height:auto;
margin:0 auto 8%;
text-align:center;
/*clear:both;*/
}

#kokobuy{
max-width:100%;
margin:0 auto;
font-size:0;
}


#kokobuy p{
max-width:200px;
font-size:14px;
margin-top:5%;
text-align:left;
}


.kokotext{
	width:90%;
	max-width:1000px;
	margin:50px auto;
}	
.kokotext p{
	color:#333;
	line-height:1.5;
	text-align:left;
}

.kokotext p.text_0001{
	font-size:35px;
		text-align:center;
		color:#50BFD8;
	
}
.kokotext p.text_0002{
	font-size:55px;
	text-align:center;
	color:#50BFD8;
}

.koko_setumei{
	margin-top:50px;
	line-height:1.5;
	text-align:left;

}


.koko_setumei .w1000{
	margin:0 auto;
	max-width:1000px;
}

.koko_setumei p.text_0003{
font-size:30px; background:#63493A; text-align:center; padding:10px 0; color:#FFFFFF;	
}
.koko_setumei p.text_0004{
font-size:53px; color:#63493A; margin:10px 0 10px;}

.koko_setumei img{
	max-width:100%;
	padding-bottom:50px;
}


.koko_image{
	width:100%;
	clear:both;
	background-color:#DFE6EC;
	text-align:center;
}

.koko_image img{
	width:80%;
}

#koko_item{
	width:100%;
	color:#333333;
	font-size:14px;
	line-height:1.5;
	height:auto;
	margin-bottom:50px;
}


.item_box{
	width:100%;
	overflow:hidden;
	clear:both;
	margin-bottom:50px;
}

.item_box .item_info{
	width:44%;
	margin:0 3%;
	float:left;
	vertical-align:top;
}

.item_box:nth-of-type(2n) .item_info{
	float:right;
}

.item_box .item_info .ttl{
	font-size:42px;
	line-height:1.3;
}

.item_box .item_info .ttl a{
	color:#72CCDF;
}

.item_box .item_info .ttl span{
	font-size:18px;
	font-weight:bold;
	display:block;
}

.item_box .item_info .ttl span a{
	color:#000;
}

.item_box .item_info .item_p{
	width:40%;
	display:inline-block;
	margin-right:2%;
}

.item_box .item_info .item_p img{
	width:100%;
}
	
.item_box .item_info dl{
	width:55%;
	max-width:380px;
	display:inline-block;
	vertical-align:top;
	line-height:1.8;
}

.item_box .item_info dt{
	font-size:16px;
	font-weight:bold;
}
	
.item_box .item_image{
	width:50%;
	float:left;
	vertical-align:top;
}

.item_p{
	width:40%;
	display:inline-block;
	margin-right:2%;
}

.item_p img{
	width:100%;
}



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

.f-l{
	vertical-align:top;
	float:none;
	display:inline-block;
}

.f-r{
	float:none;
	vertical-align:top;
	display:inline-block;
}
.w500{
	max-width:none;
	width:100%;
	text-align:center;
}
.w460{
	width:100%;
	max-width:none;
	margin:0;
}

.kokotext p.text_0001{
	font-size:26px;
}
.koko_setumei{
	margin-bottom:50px;
}

.koko_setumei p.text_0003{
	margin-top:30px;
}
.koko_setumei p.text_0004{
font-size:23px;}

.koko_setumei p.text_0004 br{
	display:none;
}

.koko_setumei img:last-child{
	display:none;
}



.item_box .item_info{
	width:100%;
	margin:0 auto 20px;
	float:none;
	vertical-align:top;
}

.item_box .item_image{
	width:100%;
	float:none;
	vertical-align:top;
	margin-bottom:50px;
}

}






.koko_box{
	width:100%;
	height:auto;
	float:left;
	clear:both;
	margin-bottom:50px;
}

#koko_item p{
}

#koko_item .ttl_01{
	color:#72CCDF;
	font-size:45px;
	line-height:1.0;
}

#koko_item .ttl_01 a{
	color:#72CCDF;
}


#koko_item .ttl_02{
	font-size:18px;
	font-weight:bold;

}

#koko_item .ttl_03{
	font-size:16px;
	font-weight:bold;

}

.koko_item1{
	width:42%;
	padding-left:2%;
}
.koko_item2{
	width:42%;
	padding-right:2%;
}


.koko_item1 img ,.koko_item2 img{
	width:200px;
	margin:10px 0 10px;
}

.koko_pict{
	width:54%;

}

.koko_pict img{
	width:140%;
	margin-top:0px;
	
}


/*商品一覧*/


#kokobuy_page p.back_color{
	background-color:#74CEE1;
	font-size:24px;
	padding:10px ;
	color:#fff;
	text-align:center !important;
	width:100%;
	clear:both;
	height:auto;
	float:left;
	margin-top:50px;
}

#koko_item p.back_color{
	background-color:#74CEE1;
	font-size:24px;
	padding:10px ;
	color:#fff;
	text-align:center !important;
	width:100%;
	height:auto;
	clear:both;
}


@media only screen and (max-width:768px) {  
#koko_item .ttl_01{
	font-size:30px;
}
}




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


商品詳細ページ

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


/*#koko_item .w1000{
	margin:0 auto;
}*/


.koko_pict2{
	width:30%;
	margin-top:50px;
}
.koko_pict2 img{
	width:50%;
}

.koko_box2{
	width:70%;
	text-align:left;
		margin-top:50px;

}
.koko_box2 p{
	margin-bottom:15px;
}


#koko_item p.item_icon{
	background-color:#E1BC26;
	width:100px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}


#koko_kouka{
	clear:both;
	background-color:#F3F3F3;
	padding:50px;
	text-align:left;
	float:left;
	margin:30px 0 30px;
}
#koko_kouka .ttl_04{
	font-size:24px;
	font-weight:bold;
	margin-bottom:20px;
}


@media only screen and (max-width: 768px) {  
.koko_pict2{
	width:60%;
	margin-top:50px;
}
.koko_pict2 img{
	width:100%;
	max-width:150px;
}
.koko_box2{
	width:90%;
	text-align:left;
	margin-top:50px;

}

}












/*.item_kokobuy{
 width : 33.33333% ; 
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
	box-sizing: border-box;
  float:left;
  text-align:center !important;
  margin:30px 0 0px;
  
}




.item_kokobuy img{
	max-width:200px;
	margin-bottom:10px;
}

#koko_item .item_kokobuy p{
	float:none !important;
	text-align:center !important;
	width:200px;
	font-size:14px;
	margin:0 auto;
}



#koko_item .souryou_mu{
	background-color:#CECECE;
	color:#333;
	font-size:11px;
	width:200px;
	margin:0 auto;

}


#koko_item .souryou_asu{
	background-color:#FFACC7;
	color:#fff;
	font-size:11px;
	width:200px;
	margin:0 auto;

}*/