@charset "utf-8";
/* =====================================================
common
================================================== */
div#contents_body {max-width: 1000px;margin: 0 auto;}
/*------------------------------------------
column
------------------------------------------*/
div#contents_body ul.column2 {margin:0;padding:0;width:100%;}
div#contents_body ul.column2 li{margin:0;padding:0;width: 50%; width: -moz-calc(100% / 2); width: -webkit-calc(100% / 2); width: calc(100% / 2); float:left;}
div#contents_body ul.column3 {margin: 0;padding: 0;width: 100%;display: flex;flex-wrap:wrap;}
div#contents_body ul.column3 li {margin: 0;padding: 0;width: 33%; width: -moz-calc(100% / 3); width: -webkit-calc(100% / 3); width: calc(100% / 3);float: left;}
div#contents_body ul.column4 {margin: 0;padding: 0;width: 100%; width: -moz-calc(100% / 4); width: -webkit-calc(100% / 4); width: calc(100% / 4);}
div#contents_body ul.column4 li {margin: 0;padding: 0;width: 25%;float: left;}
/*------------------------------------------
clearfix ※横並びにするとき必ず入れる
------------------------------------------*/
div#contents_body div.contents .clearfix {min-height: 1px;display:block;}
div#contents_body div.contents .clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
div#contents_body div.contents ul {list-style: none;}
div#contents_body div.contents div.index{max-width:1000px;margin: 0 0 20px 0;}
/*------------------------------------------
リンガーハット説明
------------------------------------------*/
div#contents_body div.RingerBox .txt_area_01{overflow:hidden;margin-bottom:30px;margin-top:10px}
div#contents_body div.RingerBox .txt_area_01 div.txtBox{width:580px;float:right;margin-top:15px}
div#contents_body div.RingerBox .txt_area_01 div.imgBox{width:380px;float:left}
div#contents_body div.RingerBox .txt_area_01 div.txtBox h2{font-size:35px;font-weight:700;margin-bottom:15px;line-height:1.2em;color:#e62e0c;padding: 10px 0;border:solid 1px;border-width:2px 0 2px 0;text-align: center}
div#contents_body div.RingerBox .txt_area_01 div.txtBox div.ringerhut{background-color:#f8f4e6;padding:10px}
div#contents_body div.RingerBox .txt_area_01 div.txtBox div.ringerhut h3{font-size:22px;font-weight:700;margin-bottom:5px;line-height:1.2em;}
div#contents_body div.RingerBox .txt_area_01 div.txtBox div.ringerhut p{font-size:18px;line-height:1.5em;}
div#contents_body div.RingerBox .txt_area_01 div.txtBox div.ringerhut p span{font-size:13px;line-height:1.5em}
/*------------------------------------------
マトリクス
------------------------------------------*/
div.sakuranboSpec{max-width:1000px}
div.sakuranboSpec div.itemSpec{width:17.3%;float:left}
div.sakuranboSpec div.item_01{width:41%;float:left}
div.sakuranboSpec div.item_02{width:41.7%;float:left}
/*------------------------------------------
ちゃんぽん、皿うどん説明
------------------------------------------*/
div#contents_body div.tyanponBox .txt_area_01{background-color:#f8f4e6;overflow:hidden;margin-bottom:30px;margin-top:10px}
div#contents_body div.tyanponBox .txt_area_01 div.txtBox{width:580px;float:right;margin-top:15px;padding: 20px}
div#contents_body div.tyanponBox .txt_area_01 div.imgBox{width:410px;float:left}
div#contents_body div.tyanponBox .txt_area_01 div.txtBox p.midashi{color:#008000;font-size:22px;text-align: center}
div#contents_body div.tyanponBox .txt_area_01 div.txtBox h2{font-size:42px;font-weight:700;margin-bottom:5px;line-height:1.2em;color:#e62e0c;padding: 10px 0;border: dotted 1px;border-width:0 0 2px 0;text-align: center}
div#contents_body div.tyanponBox .txt_area_01 div.txtBox div.ringerhut{padding:10px}
div#contents_body div.tyanponBox .txt_area_01 div.txtBox div.ringerhut p{font-size:20px;line-height:1.5em;}
div#contents_body div.tyanponBox .txt_area_01 div.txtBox div.ringerhut p span{font-size:13px;line-height:1.5em}



@media screen and (max-width:780px) {
/* ★スマホ用CSS */
/* =====================================================
sp非表示
================================================== */
.txt_area_01 div.txtBox h2 br,.txt_area_01 div.txtBox div.ringerhut p br{display: none}
/* =====================================================
common
================================================== */
div#contents_body {max-width: 100%;margin: 0 auto}
div#contents_body img {width:100%;height:auto}
div#contents_body div.itemSpec li{width:50%}
/*------------------------------------------
リンガーハット説明
------------------------------------------*/
div#contents_body div.RingerBox .txt_area_01 div.txtBox,div#contents_body div.RingerBox .txt_area_01 div.imgBox{width:100%;float:none;margin-top:0}
div#contents_body div.RingerBox .txt_area_01 {margin-bottom:4%}
div#contents_body div.RingerBox .txt_area_01 div.txtBox h2{font-size:25px;text-align:center;padding: 2% 3%;margin: 0 2% 3%}
div#contents_body div.RingerBox .txt_area_01 div.txtBox div.ringerhut h3{font-size:17px;padding:0 3%}
div#contents_body div.RingerBox .txt_area_01 div.txtBox div.ringerhut p{font-size:16px;line-height:1.3em;padding:0 3% 3%}
/*------------------------------------------
ちゃんぽん、皿うどん説明
------------------------------------------*/
div#contents_body div.tyanponBox .txt_area_01 div.txtBox,div#contents_body div.tyanponBox .txt_area_01 div.imgBox{width:100%;float:none;margin-top:0}
div#contents_body div.tyanponBox .txt_area_01 {margin-bottom:4%}
div#contents_body div.tyanponBox .txt_area_01 div.txtBox {padding:1%}
div#contents_body div.tyanponBox .txt_area_01 div.txtBox p.midashi{font-size:16px;line-height:1.3em;padding: 2% 3% 0}
div#contents_body div.tyanponBox .txt_area_01 div.txtBox h2{font-size:30px;text-align:center;padding: 1% 3% 2%;margin: 0 2%}
div#contents_body div.tyanponBox .txt_area_01 div.txtBox div.ringerhut p{font-size:16px;line-height:1.3em;padding:0 3%}


}