@charset "UTF-8";
/* ///////////////////////////////

入園入学
PC用

///////////////////////////////
*/

#page {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: #fff;
}
#pageContents.nyuuenCnt{width:950px !important;float:none !important;/* padding-bottom:50px; */text-align:center;margin: 0 auto!important;font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Verdana,Helvetica,Arial;font-weight:500;background:#fff;}

a:hover{color:#333!important}

/*ttlCnt
---------------------------------------*/
.ttlCnt{background:#909fa4;}
#pageContents .ttlCnt{margin-bottom:0; padding-bottom:100px}
.ttlCnt p{padding:30px 10% 5%!important;line-height:1.7em;font-size: 16px;font-weight: 500;text-align: left;color: #fff;}
.ttlCnt p br{display:block!important;}
.ttlCnt p br.pcOnly{display:none!important;}
ul.menuCnt{padding: 0 5% 5%;overflow:hidden}
ul.menuCnt li{width: 22%;float:left;margin-bottom: 5%;margin-right: 3%;}
ul.menuCnt02{padding: 0 15% 5%;overflow:hidden;text-align: center;width: 100%;}
ul.menuCnt02 li{width: 30%;float:left;margin-bottom: 5%;margin: 0 2% 5%;}
ul.menuCnt li:nth-child(4),
ul.menuCnt li:nth-child(8),
ul.menuCnt02 li:nth-child(3){margin-right:0;}
ul.menuCnt li img,
ul.menuCnt02 li img{width: 100%;}
.ttlCnt h2 img{width: 57%;}

/*ctgcnt
---------------------------------------*/
ul.ctg01menu{overflow:hidden;margin: 5% auto 10%;}
ul.ctg01menu li{/* width:30%; *//* float:left; *//* text-align: center; */display: inline-block;}
ul.ctg01menu li img{height: 26px;text-align: center;margin: 0 auto;}
ul.ctg01menu li{content:none!important;/* margin-left: 3%; */text-align: left;/* width: 33%; */}
ul.ctg01menu li.sl{}
ul.ctg01menu li.sl::before{content:" / ";/* vertical-align: middle; */display: inline-block;/* transform: scale(1.7); */margin: 0 10px 0%;text-align: left;/* padding: 5px 0 0 0; */height: 4%;color: #000;font-size: 23px;}

/*common*/
.ctgCnt{text-align:center; margin-bottom:0!important; padding: 20px 0 40px!important;overflow: hidden;}
.ctgCnt a,
.ctgCnt a p.Price{text-align:center;}
.ctgCnt h2 {padding-bottom:0;}
.ctgCnt h2 img { width: 50%;margin: 0 auto;}
.ctgCnt h3{text-align:center;background: none;}
.ctgCnt h3 img{
    width: 80%;
    margin-bottom: 14px;
}
p.ttlImg {margin-bottom: 50px;}

/*ctg01、05のみ*/
#ctg01.ctgCnt,
#ctg05.ctgCnt{background:#edeef0;margin-bottom: 0;padding-bottom: 40px;}
p.ctg01sub{font-size: 28px!important;margin: 50px 79px 45px;letter-spacing: 1px;font-weight: bold;display: flex;align-items: center;padding: 0 20px;}
p.ctg01sub:before,
p.ctg01sub:after {content: "";height: 1px;flex-grow: 1;background-color: #666;margin: 0px;}
p.ctg01sub:before {margin-right: 1rem;}
p.ctg01sub:after {margin-left: 1rem;}
#ctg01 p.bgImg {text-align: center;}

/*ctg02、06のみ*/
#ctg02.ctgCnt,
#ctg06.ctgCnt{background:#ede1e3;margin-bottom: 0;padding-bottom: 40px;}

/*ctg03、07のみ*/
#ctg03.ctgCnt,
#ctg07.ctgCnt{ background:#d1dfe8;margin-bottom: 0;padding-bottom: 40px;}

/*ctg04、08のみ**/
#ctg04.ctgCnt,
#ctg08.ctgCnt{background:#c3c9c4;margin-bottom: 0;padding-bottom: 40px;}

/*ctg09、10、11のみ*/
#ctg09.ctgCnt,
#ctg10.ctgCnt,
#ctg11.ctgCnt{background: #909fa4;margin-bottom: 0;padding-bottom: 20px;}

ul.itemCnt{padding:0!important;text-align: center;}
ul.itemCnt a{text-decoration:none}
ul.itemCnt li{position:relative;margin-bottom: 20px;width: 100%;}
.itemCnt.pickup{padding-top: 20px;}
.itemCnt.pickup .itemInfo{
    width: 50%;
    float: left;
    padding: 30px 0 0 35px;
}
.itemCnt.pickup img.itemImg{width: 48%!important;float: left;padding-left: 7%;padding-top: 20px; padding-bottom: 20px;}
.itemcatch{margin:10px 0 0;border:none;font-size: 23px;font-weight: bold;line-height: 1.8em; text-decoration: none!important;} 
.itemCnt.pickup a .itemInfo h3.itemName{padding: 10px 60px;}

a .itemInfo h3.itemName{
	padding: 10px 5px 10px;
	text-decoration: underline!important;
	text-decoration-color: #333;
	font-size: 13px!important;
	min-height: 2em!important;
	line-height: 1.7em!important;
}
.itemInfo h3.itemName{
	padding: 10px 5px 10px;
	/*text-decoration: underline!important;*/
	text-decoration-color: #333;
	font-size: 14px!important;
	min-height: 2em!important;
	line-height: 1.7em!important;
}
.item3col .itemInfo h3.itemName{ min-height:5.0em; line-height:1.2em; font-size:13px !important;}


a.bnrBox{margin: 20px 5% 60px;}
a.bnrBox img{width: 50%;}

.kaiyu { background: #fff;margin: 50px 5%;}
.kaiyu img {
	width: 45%;
}
.kaiyu img:first-child {padding-right: 10px;}

/*lineup*/
.itemBtn2,
.itemBtn3{padding: 0 0 0 7%;overflow: hidden;width: 48%;}
.itemBtn3 a span.Name small,
.itemBtn2 a span.Name small,
.itemBtn1 a span.Name small{font-size:0.8em}
.itemBtn3 a{position:relative}
.itemBtn3 a,

.itemBtn2 a,
.itemBtn1 a{font-size: 15px;float: left;display: inline-block;border-radius: 10px;} 

.itemBtn3 a{width: 30%!important;;margin:0% 1% 5%;padding: 14px 0px;background:#fff;line-height: 1.5em;font-size: 14px; border: 1px #333 solid;} 
.itemBtn2 a{width: 45%!important;margin: 0% 2% 5%;padding: 14px 0px;background: #fff;line-height: 1.5em;font-size: 14px; border: 1px #333 solid;} 
.itemBtn1 a{width: 100%!important;;margin: 1% 0;padding: 8px 0px; background: rgba(0,0,0,0.2);} 
.itemBtn2 ul.itemCnt .Name{font-size:14px;line-height:1.5em}
.itemBtn2 p.Price{text-align:center;color: #333 !important;font-size:16px;font-weight: bold;text-decoration: none;margin-top: 3px;}
.itemBtn2 p.Price small{font-size: 8px;/* display: block;*/ } 

.itemCnt mark.newicon{position: absolute;top: 10px;right: 10px;background:none;/* width: 60px; */z-index: 999;border-radius: 50%;background: #333;height: 80px;width: 80px;color: #fff;letter-spacing: 2px;padding-top: 30px;display: inline-block;font-size: 16px;font-family:serif}

ul.itemCnt mark.officon{position:absolute; top:48%; right:2%; background:none; width:50px!important;;z-index: 99; }
ul.itemCnt mark.officon img{border-radius:50%}
ul.itemCnt.item3col{padding-bottom:30px;padding-top: 30px;}

ul.itemCnt.item3col li{margin: 2% 0.5%;padding:0;width: 21%!important;}
ul.itemCnt.item3col li.pickup{position:relative;width: 97%!important;margin: 3% auto 10px;}
ul.itemCnt.item3col li:nth-child(even){/* margin-right: 5%; */}
ul.itemCnt.item3col .itemcatch{font-size: 19px;padding: 10px 0px;line-height: 1.6em;/* letter-spacing: 1px; *//* color: #fff; */font-weight:bold;display: block;}
ul.itemCnt.item3col li.pickup .itemcatch{font-size: 18px;}
ul.itemCnt .itemInfo p.Price{text-align: center!important;color: #333 !important;font-size:16px;font-weight: bold;text-decoration: none;margin-top: 3px;}
ul.itemCnt .itemInfo p.Price small{font-size: 8px;/* display: block;*/ } 
ul.itemCnt .Name{font-size: 16px!important;display: block; font-weight: 500;} 


.ctgsubttl{color: #333;font-size: 23px;font-weight: bold;margin-top: 20px;line-height: 1.5em;letter-spacing: 0px;}
.subttl{width: 30%;}
	
img.subttl{border-top: 5px solid #f4e5de;width:90%;display: block;margin: 50px auto 0;padding: 70px 110px 0px;}



.itemInfo h3.itemName {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.seo_block {
    width: 950px;
    margin: 0 auto 60px;
    font-size: 12px;
    line-height: 1.8em;
    text-align: left;
    background: #FFFFFF;
    padding: 70px 50px;
}

@media screen and (min-width: 768px){
  .fukidashi span{
    padding: 0 40px;
  }
  .fukidashi span::before,
  .fukidashi span::after{
    height: 70px;
    bottom: 0px;
  }
  .fukidashi span::before{
    transform: rotate(-30deg);
  }
  .fukidashi span::after{
    transform: rotate(30deg);
  }
}
@media screen and (max-width: 767px){
  .fukidashi span{
    display: inline-block;
    padding: 0 20px;
  }
  .fukidashi span::before,
  .fukidashi span::after{
    height: 40px;
    bottom: 0px;
  }
  .fukidashi span::before{
    transform: rotate(-30deg);
  }
  .fukidashi span::after{
    transform: rotate(30deg);
  }
}

/*スライダー*/
.single-item2{margin: 10px auto; text-align: center; overflow: hidden; color: #fff; font-size: 1.2em; font-weight: bold; height: 300px;}
.single-item2 a {color: #fff!important;font-size: 15px;}
.slick-slide,
.slick-slide img{
	width: 230px!important;
	margin: 0 10px 5px;
}

/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}


@keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}

}
a .itemInfo{
	padding: 0 10px 0px;
	/* text-decoration: underline; */
}
.itemInfo{
	padding: 0 10px 0px;
	text-decoration: none;
}

@media screen and (orientation: landscape) {
}

@media (min-width: 480px) and (max-width:767px) {

}

@media (min-width: 768px){
}