@charset "utf-8";

/*--howto_commmon--*/
div#contents{padding-top:20px;}
ul.side_navi{list-style:none; width:112px; float:left;}
ul.side_navi li{font-size:0; line-height:0; width:100px; height:100px; margin:0 auto 40px;}
ul.side_navi li a {display:block; -moz-transition:none;}
ul.side_navi li a:hover {background-color:transparent;}
ul.side_navi li a:hover img {visibility:hidden; -moz-transition:none; -webkit-transition:none; -o-transition:none; -ms-transition:none; transition:none;}
ul.side_navi li.yoniku{background:url(./img/navi01_ov.gif);}
ul.side_navi li.grill{background:url(./img/navi02_ov.gif);}
ul.side_navi li.delicious{background:url(./img/navi03_ov.gif);}
div#main{width:800px; float:right;}
body h2{background:url(/common/img/lm00.png) left 13px no-repeat;}
div#main h3.ttl{font-size:2.75em; font-family:"Kaisho MCBK1"; background:url(/common/img/lm00.png) left 3px no-repeat; padding:0 0 .4em 35px; margin-bottom:1em; line-height:1;}
h3.catch{font-size:1.8em; font-family:"Kaisho MCBK1"; margin:1em 0 1em 42px;}
p.anchor{text-align:right; font-size:1.5em; margin:0 .5em 3em;}
p.anchor a{background:url(/common/img/arrow_right.png) left no-repeat; padding-left:15px;}
@media screen and (max-width: 640px) {
div#contents{padding-top:1em;}
ul.side_navi{width:auto; float:none; margin:0 3% 20px;}
ul.side_navi li{width:32%; height:auto; float:left; margin:0 2% 0 0;}
ul.side_navi li.delicious{margin:0;}
ul.side_navi li.yoniku{background:none;}
ul.side_navi li.grill{background:none;}
ul.side_navi li.delicious{background:none;}
ul.side_navi li a:hover img{visibility:visible;}
div#main{width:auto; float:none;}
body h2{background:url(/common/img/lm00.png) left 5px no-repeat; background-size:25px 25px;}
div#main h3.ttl{font-size:2em; background-size:20px 20px; background-position:0 0; padding:0 0 1em 25px; margin:0 3%;}
h3.catch{font-size:1.5em; margin:.6em 0 1em 30px;}
p.anchor{font-size:1.3em; margin:0 .5em 3em;}
}

/*--inDex--*/
div#visual_top{height:522px; margin-bottom:50px; position:relative; background:url(./img/bg_visual_top.gif) top no-repeat;}
body div#visual_top h2{font-size:0; line-height:0; display:inline-block; position:absolute; background:url(./img/bg_clear.png); background-size:auto; padding:12px 10px; top:33px; left:145px;}
body div#visual_top p{font-size:0; line-height:0; display:inline-block; position:absolute; background:url(./img/bg_clear.png); padding:12px 15px; top:33px; left:55px; font-family:"Kaisho MCBK1";}
body div#visual_top p span{display:none;}
ol#section_navi{list-style:none; padding:0 82px 70px;}
ol#section_navi li{width:234px; float:left; margin-right:47px; font-size:0; line-height:0;}
ol#section_navi li.last{margin:0;}
ol#section_navi li a{display:block; padding-bottom:27px; background:url(./img/bg_arrow.png) top center no-repeat;}
ol#section_navi li a:hover{background-position:50% 100%;}
@media screen and (max-width: 640px) {
div#visual_top{height:auto; padding:2em; background-size:cover; margin-bottom:8em;}
body div#visual_top h2{position:relative; top:auto; left:auto; margin-right:15px; float:left;}
body div#visual_top p{font-size:14px; position:absolute; line-height:1.75; background:none; padding:10px; top:100%; left:0;}
body div#visual_top p img{display:none;}
body div#visual_top p span{display:block; font-family:"Kaisho MCBK1";}
ol#section_navi{padding:0 3% 20px;}
ol#section_navi li{width:33.33%; margin-right:0;}
}

/*--yoniku--*/
dl#sheep_box{margin:0 auto 60px; width:794px; height:530px; position:relative; box-shadow:0 0 3px #333;}
dl#sheep_box dt{font-size:0; line-height:0; position:absolute; width:100%;}
dl#sheep_box dd h2{font-size:0; line-height:0; position:relative; z-index:2; background:none; padding:0; margin:0;}
ul.type{list-style:none; padding-bottom:55px;}
ul.type li{width:40%; float:left;}
ul.type li dl{display:table; width:90%;}
ul.type li dl dt{font-size:0; line-height:0; display:table-cell; padding-right:5px;}
ul.type li dl dd{display:table-cell; vertical-align:middle;}
ul.type li dl dd p{font-size:1.4em; padding-top:.5em;}
ol.type{list-style:none; padding-bottom:18px; margin-bottom:37px; border-bottom:2px solid #231815;}
ol.type li{width:48%; float:left; padding-bottom:35px;}
ol.type li.even{float:right;}
ol.type li dt{font-size:0; line-height:0; float:left; margin:0 10px 10px 0;}
ol.type li dd p{font-size:1.4em;}
p.btn_product{font-size:0; line-height:0; text-align:center; margin-bottom:70px;}
p.btn_product a:hover img{-ms-filter:"alpha(opacity=70)"; filter:alpha(style=0,opacity=70); -moz-opacity:.7; opacity:.7;}
@media screen and (max-width: 640px) {
dl#sheep_box{margin:0 3% 30px; width:auto; height:auto;}
ul.type{padding:0 3% 30px;}
ul.type li{width:auto; float:none; margin-bottom:10px;}
ol.type li{padding-bottom:20px;}
ul.type li dl{display:table; width:90%;}
ol.type{padding:0 3% 25px;}
ol.type li dt{float:none; margin:0 0 5px;}
ol.type li dd p{font-size:1.3em;}
p.btn_product{margin:0 3% 20px; text-align:center;}
}

/*--grIll--*/
div#grill_visual{height:534px; margin-bottom:40px; position:relative; background:url(./img/bg_visual.gif) top no-repeat;}
body div#grill_visual h2{font-size:0; line-height:0; display:inline-block; position:absolute; background:url(./img/bg_clear.png); background-size:auto; padding:10px 5px; top:33px; left:212px;}
body div#grill_visual h3{font-size:0; line-height:0; display:inline-block; position:absolute; background:url(./img/bg_clear.png); background-size:auto; padding:10px; top:33px; left:147px;}
body div#grill_visual p{font-size:0; line-height:0; display:inline-block; position:absolute; background:url(./img/bg_clear.png); padding:10px 12px; top:33px; left:55px;}
body div#grill_visual h2 span,
body div#grill_visual p span{display:none;}
p.movie_caution{font-size:1.5em; margin-bottom:1.5em; text-align:center; font-family:"Kaisho MCBK1";}
ul.grill_navi{list-style:none; padding-bottom:43px;}
ul.grill_navi li{font-size:0; line-height:0; width:243px; float:left; margin-right:35px;}
ul.grill_navi li.not img{-ms-filter:"alpha(opacity=50)"; filter:alpha(style=0,opacity=50); -moz-opacity:.5; opacity:.5;}
ul.grill_navi li.last{margin:0;}
ul.grill_navi li a:hover img{-ms-filter:"alpha(opacity=70)"; filter:alpha(style=0,opacity=70); -moz-opacity:.7; opacity:.7;}
ul.grill_navi li.not a:hover img{-ms-filter:"alpha(opacity=100)"; filter:alpha(style=0,opacity=100); -moz-opacity:1; opacity:1;}
ol.flow li{list-style:none; font-size:0; line-height:0; padding-bottom:120px; text-align:center;}
div#movie{margin:0 120px 60px;}
div#movie iframe{width:560px; height:315px; border:none;}
p.btn_product2{font-size:0; line-height:0; text-align:center; border-top:2px solid #231815; padding-top:38px; margin-bottom:20px;}
p.btn_product2 a:hover img{-ms-filter:"alpha(opacity=70)"; filter:alpha(style=0,opacity=70); -moz-opacity:.7; opacity:.7;}
@media screen and (max-width: 640px) {
div#grill_visual{height:auto; margin-bottom:15em; padding:2em; background-size:cover;}
body div#grill_visual h3{position:relative; top:auto; left:auto; margin-bottom:50px; float:left;}
body div#grill_visual h2 img,
body div#grill_visual p img{display:none;}
body div#grill_visual h2{font-size:14px; position:absolute; line-height:1.75; background:none; padding:10px; top:100%; left:0;}
body div#grill_visual p{font-size:12px; position:absolute; line-height:1.75; background:none; padding:10px; top:110%; left:0;}
body div#grill_visual h2 span,
body div#grill_visual p span{display:block; font-family:"Kaisho MCBK1";}
p.movie_caution{font-size:1.1em; margin:0 10px .5em;}
ul.grill_navi{padding-bottom:25px;}
ul.grill_navi li{width:32%; text-align:center; margin:0 2% 0 0;}
ul.grill_navi li.last{margin-right:0;}
ol.flow li{padding:0 3% 50px;}
div#movie{margin:0 3% 30px;}
div#movie iframe{width:100%; height:240px;}
p.btn_product2{padding-top:20px; margin-bottom:15px;}
}

/*--deLiciOus--*/
div#delicious_visual{height:534px; margin-bottom:60px; position:relative; background:url(./img/bg_visual.gif) top no-repeat;}
body div#delicious_visual h2{font-size:0; line-height:0; display:inline-block; position:absolute; background:url(./img/bg_clear.png); background-size:auto; padding:10px; top:33px; left:174px;}
body div#delicious_visual p{font-size:0; line-height:0; display:inline-block; position:absolute; background:url(./img/bg_clear.png); padding:10px; top:33px; left:53px;}
body div#delicious_visual p span{display:none;}
div#main ul.delicious_list{list-style:none; padding-bottom:30px;}
div#main ul.delicious_list li{padding-bottom:30px; position:relative;}
div#main ul.delicious_list li p.ico{font-size:0; line-height:0; position:absolute; top:12px; left:-50px; z-index:2;}
div#main ul.delicious_list li dt{font-size:0; line-height:0; display:table-cell; vertical-align:middle; width:245px;}
div#main ul.delicious_list li dd{display:table-cell; vertical-align:middle; width:500px;}
div#main ul.delicious_list li dd p{font-size:1.4em; padding-left:1.5em;}
@media screen and (max-width: 640px) {
div#delicious_visual{height:auto; margin-bottom:13em; padding:2em; background-size:cover;}
body div#delicious_visual h2{position:relative; top:auto; left:auto; margin-bottom:50px;}
body div#delicious_visual p{font-size:14px; position:absolute; line-height:1.75; background:none; padding:10px; top:100%; left:0;}
body div#delicious_visual p img{display:none;}
body div#delicious_visual p span{display:block; font-family:"Kaisho MCBK1";}
div#main ul.delicious_list{padding:0 3% 30px;}
div#main ul.delicious_list li{padding-bottom:20px;}
div#main ul.delicious_list li p.ico{top:0; left:50%;}
div#main ul.delicious_list li dt{display:block; width:50%; margin-bottom:10px;}
div#main ul.delicious_list h4{display:inline-block;font-size:25px;font-family:"Kaisho MCBK1";}
div#main ul.delicious_list li dd{display:block; width:auto;}
div#main ul.delicious_list li dd p{padding-left:0;}
}


.delicious_food{padding-bottom:30px;}
.delicious_food div{padding-bottom:30px; position:relative;}
.delicious_food div span.ico{font-size:0; line-height:0; position:absolute; top:12px; left:-50px; z-index:2;}
.delicious_food div h4{font-size:26px; line-height:0; position:absolute; top:35px; left:100px; width:145px; font-family:"Kaisho MCBK1";}
.delicious_food div p{ width:500px;font-size:1.4em; position:absolute; top:20px; left:265px;}
.delicious_food div h4.small{font-size:23px;}

@media screen and (max-width: 640px) {
.delicious_food div{padding:0 3% 30px;}
.delicious_food div span.ico{top:0; left:50%;}
.delicious_food div h4{display:block;font-size:18px;top:25px; left:23%; width:145px;margin-bottom:10px;}
.delicious_food div>img{ width:21%;}
div#main ul.delicious_list li dd{display:block; width:auto;}
.delicious_food div p{position: relative; top:20px; left:0px;width:100%;}
.delicious_food div h4.small{font-size:18px;}
}