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

ハレの日特集
PC用

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

#pageContents.formalCnt{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; }
a:hover{text-decoration: none!important; }
.spOnly{display: none;}

/*共通*/
img.ttlimg{width: 40%; margin: 20px auto 20px auto;}
img.recommend{width: 78%;margin: 0 auto 10px;}
img.fmlclm{width: 76%; margin: 100px auto 40px;}

/*fmttl
---------------------------------------*/
div.fmttl{width: 100%; background: #ffffff; margin-bottom: 50px;}
div.fmttl h1{width: 100%; margin-bottom: 20px;}
div.fmttl p{text-align: center; line-height: 2em;}

/*pickup*/
div#pickup{background: #ded3d6; width: 100%;}
div#pickup div.pickflex{width: 80%; margin: 0 auto;display: flex; justify-content: space-around; flex-wrap: nowrap;}
div#pickup div.pickflex h2{writing-mode: vertical-rl;-ms-writing-mode: tb-rl;width: 15%;color: #ffffff;font-size: 40px;text-align: start;letter-spacing: 0.1em;padding: 1em 0.8em 0 0;line-height: 1.2em;}
div#pickup div.pickflex h2 span{font-size: 24px!important;}
div#pickup div.pickflex img{width: 75%;margin: 0;width: 100%;height: 450px;object-fit: cover;object-position: 0 100%;}
div#pickup p{ line-height: 1.6em; padding: 20px 1em 20px; text-align: center;}
div#pickup ul{width: 80%; margin: 0 auto; padding-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: center;}
div#pickup ul li{width: 48%; background-color: #ffffff; margin: 1%;}
div#pickup ul li.itemImg{width: 100%;}
div.itemInfo{text-align: center;}
div#pickup div.itemInfo h3{color: #b0808d; font-weight: 600; font-size: 20px; margin: 10px 0; text-align: center;}
div#pickup div.itemInfo h4.itemName{font-size: 14px!important; color: #333333!important; text-align: center;}
div#pickup div.itemInfo p.price{color: #333333; padding: 0px; text-align: center;}
div#pickup div.itemInfo p.price small{font-size: 10px;}

/*menu*/
div.green{background-color: #d2d8ce; padding-top: 100px;}

div.menuCnt{width: 80%; margin: 0 auto;}
div.menuCnt img.ttlimg{width: 60%;}
div.menuCnt ul{width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin: 10px 0;}
div.menuCnt ul li{width: 30%; display: inline-block;margin: 1%;}
div.menuCnt ul li img{width: 100%; }

/*価格まとめて指定*/
div.itemInfo p.pucatch{color: #a0b195; font-weight: 600; font-size: 20px; margin: 10px 0; text-align: center;}
div.itemInfo h3.itemName{font-size: 14px!important; color: #333333!important; margin: 10px; text-align: center;}
div.itemInfo p.price{color: #333333; margin: 10px; text-align: center;}
div.itemInfo p.price small{font-size: 8px;}


/*ctg01～06共通*/
div#ctg01,div#ctg02,div#ctg03,div#ctg04,div#ctg05,div#ctg06{width: 80%; margin: 100px auto 0;}
div#ctg01 h2,div#ctg02 h2,div#ctg03 h2,div#ctg04 h2,div#ctg05 h2,div#ctg06 h2{text-align: center;}
div#ctg01 h2 img,div#ctg02 h2 img,div#ctg03 h2 img,div#ctg04 h2 img,div#ctg05 h2 img,div#ctg06 h2 img{width: 80%; margin: 0 auto;}
div.ctg01ttl p,div.ctg02ttl p,div.ctg03ttl p,div.ctg04ttl p,div.ctg05ttl p,div.ctg06ttl p{line-height: 2em; letter-spacing: 0.1em; padding: 20px 1em 20px; text-align: center;}
div#ctg01 div.table,div#ctg02 div.table,div#ctg03 div.table,div#ctg04 div.table,div#ctg05 div.table,div#ctg06 div.table{margin-bottom: 40px;}
div#ctg01 div.table img,div#ctg02 div.table img,div#ctg03 div.table img,div#ctg04 div.table img,div#ctg05 div.table img,div#ctg06 div.table img{width: 100%;}
.ctgCnt h2{background:#8aa180;line-height:0}
div#ctg01 ul,div#ctg04 ul,div#ctg05 ul{width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-around;}
div#ctg02 ul,div#ctg03 ul,div#ctg06 ul{width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center;}
div#ctg01 ul li,div#ctg04 ul li,div#ctg05 ul li{background-color: #ffffff; width: 30%; margin: 1%;}
div#ctg02 ul li,div#ctg03 ul li,div#ctg06 ul li{background-color: #ffffff; width: 30%; margin: 1.5%;}

div#ctg02 ul li div.itemInfo h3,div#ctg02 ul li div.itemInfo h3,div#ctg03 ul li div.itemInfo h3,div#ctg04 ul li div.itemInfo h3,div#ctg05 ul li div.itemInfo h3,div#ctg06 ul li div.itemInfo h3{text-align: center;}
div#ctg02 ul li div.itemInfo p.price,div#ctg02 ul li div.itemInfo p.price,div#ctg03 ul li div.itemInfo p.price,div#ctg04 ul li div.itemInfo p.price,div#ctg05 ul li div.itemInfo p.price,div#ctg06 ul li div.itemInfo p.price{text-align: center;}

div#ctg01 ul li.first,div#ctg02 ul li.first,div#ctg03 ul li.first,div#ctg04 ul li.first,div#ctg05 ul li.first,div#ctg06 ul li.first{width: 70%; margin: 0 auto 40px;}
div#ctg01 ul li img.point,div#ctg02 ul li img.point,div#ctg03 ul li img.point,div#ctg04 ul li img.point,div#ctg05 ul li img.point,div#ctg06 ul li img.point{width: 80%; margin: 0 0 10px;}


/*回遊*/
div.nyuuen img.fmlkaiyu{width: 45%; margin: 100px auto 100px;}


/*スクロール*/
html {scroll-behavior: smooth;}

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

}
.itemInfo{
	padding: 0 10px 0px;
}

@media screen and (orientation: landscape) {
}

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

}

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