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

ポーチ特集
PC用

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

#page {
    width: 100%;
    height: 100%;
    margin: 0 auto!important;
    background: #fff;
}
#pageContents.pouchCnt{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:##fefefe}

#pageContents #ttlCnt p.ttl_txt{text-align: center;padding: 0;}
a:hover{color:#333!important}

.cntgrouptxt{
    text-align: left;
    margin: 0px 3%;
    width: 43%;
    float: left;
}

#menuCnt ul li img,
.ctgCnt .cntgroup .itemdtl h3 img{width: 100%}
.slider.autoplay{display:none}

/*ttlCnt
---------------------------------------*/
.ttlCnt{
    /* background: #fff; */
    /* display: block; */
}
.ttlCnt p.ttltxt{font-size: 18px;font-weight: 500;line-height: 1.9em;text-align: center;} 
.ttlCnt h1{}


#menuCnt{text-align:center;margin: 50px auto;}
#menuCnt p.menuttl{font-size: 40px!important;font-weight: bold!important;text-align: center!important;letter-spacing: 3px;line-height: 35px!important;}
#menuCnt p.menuttl small{font-size: 21px;display: block;padding-bottom: 28px;}

#menuCnt ul{width: 100%;text-align:center;margin: 2% 0% 5%;}
#menuCnt ul li{width: 24%;display:inline-block;margin: 10px 1% 2%;}

.bnrbox{padding:0 10% 10%}	





/*ctgcnt
---------------------------------------*/


/*common*/
.ctgCnt{text-align:center;margin: 0!important;padding: 80px 0 0;overflow: hidden;}
.ctgCnt h2 {
    text-align: center;
    background: #fff;
}
.ctgCnt h2 img {height: 50px;width:auto!important}
.ctgCnt h2 img.double {height: 120px;width:auto!important}
.ctgCnt h2 p {font-weight: bold!important;font-size: 30px!important;letter-spacing: 3px;padding: 20px 0;text-align: center;color: #333;}

.ctgCnt .cntarea {background:#f3dede;padding-bottom: 40px;}
.ctgCnt p.ctgcatch{font-size: 44px!important;line-height: 1.5em!important;font-weight: bold!important;letter-spacing:2px;padding: 50px 0 30px;text-align: center;margin: 0;}
.ctgCnt p.ctgcatch span{display:block;font-size: 23px;line-height: 1.7em;padding-bottom: 12px;}
.ctgCnt p.ctgcatch small{line-height:1.2em;font-size: 23px;}　
.ctgCnt p.ctgcatch span br{display: none;}　

.ctgCnt .cntgroup {}
.ctgCnt .cntgroup img.imgbox{
    width: 50%;
    float: left;
}
.ctgCnt .cntgroup img.imgbox2{
    float: left;
    width: 45%;
    margin: 0 2% 5%;
}

.ctgCnt .cntgroup .itemdtl{margin: 4% 0 5%;clear: both;display: inline-block;width: 100%;}
.ctgCnt .cntgroup .itemdtl h3{display:inline-block;margin: 1% 1% 0%;width: 43%;/* display: inline-block; */}


.ctgCnt .cntgroup.newbox {}
.ctgCnt .cntgroup.newbox img.imgbox{}
.ctgCnt .cntgroup.newbox img.imgbox2{}
.ctgCnt .cntgroup.newbox p.txtbox{margin: 5%;text-align: left;font-weight: 500;line-height: 1.9;width: 37%;float: left;}


/*ctg02*/
#ctg02.ctgCnt .cntarea {background:#f7e8dd}

/*ctg03*/
#ctg03.ctgCnt .cntarea {background:#e2e8de}

/*ctg04*/
#ctg04.ctgCnt .cntarea {background:#d5e9e9}


nav{
    margin: 10px auto 20px;
    width: 95%;
    text-align: center;
}
nav a{margin: 1%;/* border: 1px solid #bac194; */background: #e1abab;padding: 10px 10px;font-size: 16px;display: inline-block;text-decoration: none;color: #fff;border-radius: 5px;}




@media screen and (min-width: 768px){
}
@media screen and (max-width: 767px){
}

/*----------------------------
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){
}