@charset "euc-jp";
.category-desc img {
  max-width: 100%;
  width: inherit;
  height: auto;
}
.category-desc_2 {
  padding-top: 2em;
}


/* sub category & sub group */

.grp-lst {
  margin-bottom: 5%;
  background: #FFF5EE;
  
}
.grp-lst-unit {
    display: inline-block;
    border-right: 1px dotted #DBDBDB;
    border-bottom: 1px dotted #DBDBDB;
    width: 30%;
    vertical-align: middle;
	text-align:center;
}
.grp-lst-unit A:hover{}

.grp-lst-img {
  display: block;
  margin: 0 auto;
  background: #fff;
}
  .grp-lst-img:hover {
    opacity: 0.8;
  }

.grp-lst-name {
  display: block;
  margin: 10px 0;
  padding: 0;
  font-size: 11px;
}

.prd-lst-name{
	height:36px;}
	

.prd-lst-unit-ul .col-lg-3
{ width:31.1%;
margin: 0 1% 3% 1%;
padding:0.5%;
}

.prd-lst-price{padding: 0 0 0 5px;}

.prd-lst-span{
	margin-top:5%;}	
	  
}


/*〜ipad まで*/
@media only screen and (max-width: 980px) {
	

.prd-lst-unit-ul .col-lg-3
{ width:47%;
margin: 0 1.5% 5% 1.5%;
}	

.prd-lst-name{
	height:36px;}	  
}


/*--------------
入園グッズカテゴリトップ（新キットへの導線）
----------------*/

.cbid1875796 p{
  margin-bottom: 10px;
}
/*.cbid1875796 ul{
  padding: 0 0 20px 20px;
}*/
.cbid1875796_mainimg{
	max-width: 100%;
}
.cbid1875796_sec{
	padding-bottom: 60px;
}
.cbid1875796-0_sec{
	padding-bottom: 30px;
}
.mb30{
	margin-bottom: 30px;
}
.mb50{
	margin-bottom: 50px;
}
.cbid1875796_red{
	font-size: 12px;
	color: #cb0104;
    margin-top: 20px;
}
.cbid1875796_h1{
	font-size: 24px;
}
.cbid1875796_h2{
	font-size: 24px;
	border-left: solid 6px #E29532;
	padding: 0 10px;
}
.cbid1875796_soldout{
    padding: 20px 0;
}
.cbid1875796_btn{
	width: 70%;
	margin: 30px auto;
    padding-bottom: 20px;
}
.cbid1875796_btn:hover{
	opacity: 0.5;
}
.cbid1875796_fabricbn:hover{
	opacity: 0.5;
}
.cbid1875796_fabricbn{
  	width: 70%;
    margin: 0 auto;
    padding-bottom: 20px;
    font-size: 12px;
}
.cbid1875796_flex{
	display: flex;
	padding: 0;
}
.cbid1875796_flex.cbid1875796_sec02{
  margin-bottom: 20px;
}
.cbid1875796_sec02_text{
	order: 2;
	flex: 1;
}
.cbid1875796_sec02_img{
	order: 1;
	flex: 1;
	margin-right: 20px;
}
.cbid1875796_sec02_size{
  background-color: #f2f2f2;
  padding: 20px;
}
.cbid1875796_sec02_size ul{
	padding: 0 0 20px 20px;
}
.cbid1875796_sec03_text{
	order: 2;
	flex: 2;
}
.cbid1875796_sec03_img{
	order: 1;
	flex: 1;
	margin-right: 20px;
}
.cbid1875796_flex,
.cbid1875796_recomend li{
	list-style: none;
	margin-right: 8px;
}
.cbid1875796_flex li:last-of-type{
	margin-right: 0;
}
.cbid1875796_recomend{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 10px;
	row-gap: 30px;
	padding: 0;
    margin-top: 20px;
    font-size: 12px;
}
.cbid1875796_recomend img:hover{
	opacity: 0.5;
}
.cbid1875796_recomend a span{
    color: #009595;
    text-decoration: none;
    border-bottom: dashed 1px;
  	display: inline-block;
    margin-bottom: 5px;
}
.cbid1875796_qa{
	margin-bottom: 30px;
}
.cbid1875796_qa h3::before{
	content: "Q";
	color: #fff;
	background-color: #186EC4;
	padding: 1px 6px;
	margin-right: 5px;
}

/*--------------
入園グッズカテゴリトップ（新キットへの導線）ここまで
----------------*/


/*〜ipad まで*/




@media only screen and (max-width: 768px) {
  .grp-lst-unit a {
    display: block;
    padding: .5em 0;
    color: #444;
    text-decoration: none;
  }
  .grp-lst-name {
    font-size: 11px;
  }
}

/*@media only screen and (max-width: 320px) {
.lead_txt {
font-size:12px;
}
}*/



.main_name {
background-color: #FFF;
/*box-shadow: 2px 2px 5px #EAEAEA;
-moz-box-shadow: 2px 2px 5px #EAEAEA;
-webkit-box-shadow: 2px 2px 5px #EAEAEA;*/
}

.category_ttl{
font-size:14px;
font-weight:bold;
background-color: #F5F5F5;
padding: 3% 5% 1% ;
line-height: 1.8em ;
max-height: 999999px; 
}

.lead_txt {
background-color: #F5F5F5;
padding:0 5% 3%;
line-height:1.8em;
border-bottom:dashed 1px #ccc;
font-size:90%;
max-height: 999999px; 
}


/*〜スマフォ〜padまではここまで*/
/*スマフォだけここから*/
@media only screen and (max-width: 481px){

 
.col-sm-3{ width:auto;}
.col-lg-2 { width:auto;}

.grp-lst{ }
.grp-lst-unit{padding:4% 0 3% 3%; padding-right: 3%; border-right:1px dashed #DBDBDB; height:auto;}
.grp-lst-unit a{ padding:0;}

.grp-lst-name {
	display:inline;
	margin:0;}

.prd-lst-name{
	height:50px;}
		
.prd-lst-unit-ul .col-lg-3
{ width:47%;
margin: 0 1.5% 5% 1.5%;
padding:1%;
}	

.m-2{margin: 0 -2%;}	  
.m-2S{margin:0 0 0 -2%;}
  
  
/*--------------
入園グッズカテゴリトップ（新キットへの導線）
----------------*/
  .cbid1875796_h1{
    font-size: 18px;
  }
  .cbid1875796_h2{
    font-size: 18px;
    margin-bottom: 20px;
  }
  .cbid1875796_h3{
    font-size: 14px;
    margin-top: 0;
  }
  .cbid1875796_btn, .cbid1875796_fabricbn{
    width: 331px;
    margin-bottom: 0;
  }
  .cbid1875796_flex.cbid1875796_sec02{
    display: block;
    margin-bottom: 0;
  }
  .cbid1875796_sec02_img{
    margin-right: 0;
    padding-bottom: 20px;
  }
	.cbid1875796_recomend{
		display: block;
	}
	.cbid1875796_recomend li{
		margin: 0 0 30px 0;
	}
/*--------------
入園グッズカテゴリトップ（新キットへの導線）ここまで
----------------*/
  
  
}



.cont_make {
    max-width: 100%;
    min-width: 40%;
    padding: 2%;
clear: both;
background:#FFF;
  overflow:hidden;
      margin: 0 0 45px;
}

.cont_make .lead{
	margin:3% 0 3% 0;
clear: both;
}
.cont_make .subttl01{
	margin:0 3% 3% 3%;
clear: both;
}
.cont_make img.subttl01_img{
	
}
.cont_make ul.list{
width:100%;
margin-bottom:3%;
}
.cont_make ul.list li{
list-style:none;
float:left;
width: 43%;
padding: 0 3% 3% 3%;
}
.cont_make ul.list li iframe{
	width:100%;
	height:250px;}
.cont_make ul.list li dl{
	margin-bottom:0;
}
.cont_make ul.list li dl dt{
	font-size:105%;
	margin-bottom:1.5%;}
.cont_make ul.list li dl p.btn01{
	text-align:right; margin-top:2%;}





/*つくってみよう max480*/
@media only screen and (max-width: 480px)  {

.cont_make img.btn01{}
.cont_make .lead{
	font-size:100%;}
.cont_make .subttl01{
	width:94%;
	border-bottom:1px solid #555;
	margin-bottom:6%;
	margin-top:6%;}
.cont_make img.subttl01_img{
	width: 70%;
	margin-bottom:0.5%
}
.cont_make img.subttlbar_img{
	width: 100%;
}
.cont_make ul.list {
float:left;
background-size: 100% auto;
}
.cont_make ul.list li {
width: 87%;
padding: 0 5% 5% 5%;
}



@media only screen and (max-width: 980px) {
.cont_make ul.list {
float:left;
background-size: 100% auto;
}
.cont_make ul.list li dl{
	margin-top:4%;
}
.cont_make ul.list li dl dt{
	font-size:103%;
	}
.cont_make ul.list li iframe{
	width:100%;
	height:200px;}
}

}


.prd-lst-price s{
  color: #EC5F5F;
  margin-right: 10px;
}
@media only screen and (max-width: 480px)  {
.prd-lst-price s{
  font-size: 65%;
   margin-right: 0;
}}



