@charset "euc-jp";
/* ///////////////////////////////


ブルーノホットプレート

PC用

///////////////////////////////
*/
body,html{
min-width:1150;
}
#pageContents.brunoCnt{width: 950px !important;	float: none !important;padding-bottom: 50px;}
#pageContents.brunoCnt a{color:#333}
#pageContents.brunoCnt p {/*! margin: 30px; *//*! font-size: 13px; */line-height:2.0em;font-size: 16px;padding-bottom: 14px;/* font-weight: bold; *//* margin: 0% 0%!important; */}
#pageContents .ttlCnt{margin:0}
.ttlCnt p{ padding:10px 4% 20px!important; text-align:center; font-weight:500; font-size:14px}



.newCnt{text-align:center;}
.newCnt2{text-align:center;margin: 0 auto;}
.newCnt3{text-align:center;margin: 0 auto; width:705px}

/*ボタン*/
.lineupbtn{background:#000; display:block; border-radius:10px; text-align:center; padding:10px;margin: 30px 100px 0;}
.lineupbtn img{height:80px}
.lineupbtn2{border:3px solid #000; display:block; border-radius:10px; text-align:center; padding:10px;margin: 40px 100px 0;}
.lineupbtn2 img{height:80px}


/*ABOUT*/
.abtCnt{ text-align:center}
.abtCnt h2{margin: 10% auto 2%; text-align:center}
.abtCnt h2 img{width:46%;}
.abtCnt2{background:#eee}
.abtCnt2 div{overflow:hidden;text-align:left;padding:2%;}
.abtCnt2 div:first-child{padding-bottom:0;}
.abtCnt2 img{float:left;width: 50%;height: 350px;object-fit: cover;}
.abtCnt2 h3{float:left;margin: 70px 30px 10px;width: 43%;font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight:bold;font-size: 30px;line-height: 1.6em;}
.abtCnt2 p{float:left;width: 43%;margin: 0 30px;font-size: 14px;}
.abtCnt2 img.rimg{float:right}
.abtCnt2 .rpos{float:right; text-align:right}


/*LINEUP*/
.lpCnt{ text-align:center}
.lpCnt h2{margin: 10% auto 2%; text-align:center}
.lpCnt h2 img{width:46%;}

.lpCnt ul.menu{margin:0 2%; text-align:center}
.lpCnt ul.menu li{width:24%; display:inline-block}
.lpCnt ul.menu li img{width:100%;}


/*CNT*/
.ctgCnt{text-align: left;}
.ctgCnt h2{margin: 10% auto 0%;text-align: center;}
.ctgCnt h2 img{width:46%;}
.ctgCnt img.ctgmain{width: 100%;/* height: 170px; *//* object-fit: cover; *//* margin-bottom:20px; */}
.ctgCnt h3{margin-top:5%; font-size:20px; font-weight:bold;font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight:bold;font-size: 30px;line-height: 1.6em;}
.ctgCnt h3{margin: 3% 7% 0%;line-height: 0.7em;font-size: 33px;line-height: 1.3em;}
.ctgCnt p{margin: 2% 0% 0%;/*! margin: 30px; *//*! font-size: 13px; */line-height: 1.8em!important;font-size: 14px;padding-bottom: 14px;/* font-weight: bold; *//* margin: 0% 0%!important; */}
.ctgCnt img.tmbimg{float: left;width: 240px;margin: 0px 50px}



/*setList*/
.setBox {margin-bottom: 160px;width: 100%;clear: both;}
.setBox ul.setList {/* width: 800px; */height: 300px;margin: 0 auto 2px auto;list-style: none;display: flex;}
.setBox ul.setList li {text-align: center;margin: 0 1%;}
.setBox ul.setList li a,
.setBox ul.setList li a:link,
.setBox ul.setList li a:visited {
  display: inline-block;
  width: 165px;
  text-decoration: none;
  }
 .setBox ul.setList li a img{
width:100%  }
.setBox ul.setList li a:hover,
.setBox ul.setList li a:active {}


ul.setList li a{border:2px solid #000;border-radius:5px;padding: 5% 4%;text-align: center;background:#fff;filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));}
ul.plateList{background:#eee;padding: 5% 2%;height: 6.5em;margin-top: 10px;}
ul.plateList li{width: 100%;margin-left: 0%;list-style-type:disc;list-style-position: inside;text-align: left!important;padding: 0 3%;font-size: 10px;line-height: 1.8em;}


/*optionList*/
.optList{
    margin: 0 2%;
}
.optList ul{background:#eee;border-radius:10px;padding: 5% 0 5% 5%;overflow:hidden;margin: 2% 0;}
.optList ul li{width: 15%;float:left;text-align:center;margin-right: 10px;}
.optList h3{font-size: 28px;margin: 50px 0 0 0;text-align: center;}
.optList p.item_Name{margin: 15px 0 0 0!important;font-size: 14px!important;font-weight: bold;}
.optList ul li img{width: 100%}

#ctg03.ctgCnt .item_Name{text-align:center;font-size: 16px;height: 2em;margin-top: 10px!important;font-weight: bold;}
#ctg03.ctgCnt .price{color:#c63a43;text-align: center!important;font-size: 16px;/* margin-top:10px; */margin: 0 auto;display: block;}
#ctg03.ctgCnt small{text-align:center; font-size:0.5em}
#ctg03.ctgCnt img.tmbimg{margin:30px 30px 50px}
#ctg03 h2{margin-bottom:20px}

#ctg04.ctgCnt .item_Name{text-align:center;font-size: 16px;height: 2em;margin-top: 10px!important;font-weight: bold;}
#ctg04.ctgCnt .price{color:#c63a43;text-align: center!important;font-size: 16px;/* margin-top:10px; */margin: 0 auto;display: block;}
#ctg04.ctgCnt small{text-align:center; font-size:0.5em}
#ctg04.ctgCnt img.tmbimg{margin:30px 30px 50px}
#ctg04 h2{margin-bottom:20px}


.price{color:#c63a43;text-align: center;font-size: 16px;}

.price small{font-size:0.5em}

/*ボタン*/
.ctgCnt a.dtlbtn{background:#fff;display:block;border-radius: 5px;text-align:center;padding: 5px 20px;margin: 2% 30%;filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));text-align:center;border: 2px solid;font-weight: bold;}




/*ブロックごとに現れる 用*/
.animate_item{position: absolute; top: 0; left: 0;z-index:996;opacity:0;}
.animate_item.fadeIn{-webkit-animation-duration: 2.4s; animation-duration: 2.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
-webkit-animation-name: fadeIn; animation-name: fadeIn; z-index:997;}
.animate_item.fadeOut{ -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
-webkit-animation-name: fadeOut; animation-name: fadeOut; z-index:996;}

@-webkit-keyframes fadeIn{

	from{opacity: 0;}
	to{opacity: 1;}
}
@keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@-webkit-keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}
@keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}
.movebox{transition: 0.8s; opacity: 0; transform: translate(0,60px); -webkit-transform: translate(0,60px); }
.moveboxon{opacity: 1.0; transform: translate(0,0); -webkit-transform: translate(0,0);}

@keyframes fadein {
from {opacity:0;}
to {}
}
