@charset "utf-8";
/* ------------------------------------------------------------ common */
.announcement_btn { text-align: center; padding: 70px 0 100px; }
body { min-width: 1240px; }
/* ------------------------------------------------------------ header */
#header { padding: 20px; }

/* ------------------------------------------------------------ fv */
#firstview { background: url(../images/fv.jpg) no-repeat center bottom; background-size: cover; padding: 0 0 90px; }
#firstview h2 { text-align: center; }
/* ------------------------------------------------------------ info */
#info { background: #f9f9f9; padding: 30px 0; }
#info .info_inner { background: #fff; width: 1100px; margin: 0 auto; padding: 30px 50px 55px; }
#info .info_inner h3 { text-align: center; padding: 0 0 30px; }
#info .info_inner ul { background: #ffebda; width: 493px; float: left; }
#info .info_inner .first { margin: 0 14px 0 0; }
#info .info_inner ul li {}
#info .info_inner ul li h4 { color: #fff; font-size: 24px; line-height: 100%; }
#info .info_inner ul .info1 h4 { background: url(../images/icn_04.png) no-repeat 15px 5px #eb791d; padding: 8px 0 10px 60px; }
#info .info_inner ul .info2 h4 { background: url(../images/icn_06.png) no-repeat 15px center #eb791d; padding: 8px 0 10px 60px; }
#info .info_inner ul .info3 h4 { background: url(../images/icn_08.png) no-repeat 15px center #eb791d; padding: 8px 0 10px 60px; }
#info .info_inner ul .info4 h4 { background: url(../images/icn_05.png) no-repeat 15px center #eb791d; padding: 8px 0 10px 60px; }
#info .info_inner ul .info5 h4 { background: url(../images/icn_07.png) no-repeat 15px center #eb791d; padding: 8px 0 10px 60px; }
#info .info_inner ul li p { font-size: 14px; padding: 15px; }
#info .info_inner ul li .padding { padding: 15px 15px 51px; }
#info .info_inner .caution { text-align: center; font-size: 14px; line-height: 100%; border: 3px solid #a4a4a4; width: 560px; margin: 30px auto 0; padding: 10px; }


/* ------------------------------------------------------------ food */
#food { padding: 100px 0 0; }
#food h4 { font-size: 48px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
#food h4 .color2 { color: #d41323; }
#food h4 small { font-size: 42px; }
#food .foodbox_wrapper .foodbox { background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; width: 590px; height: 270px; margin: 0 0 20px 20px; padding: 15px; float: left; }
#food .foodbox_wrapper .foodbox .food { float: left; width: 240px; margin: 0 15px 0 0; }
#food .foodbox_wrapper .foodbox .textbox { font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif; 
float: left; width: 305px; }
#food .foodbox_wrapper .foodbox .textbox { padding: 5px 0; }
#food .foodbox_wrapper .foodbox .textbox .textbox_inner { height: 195px; }
#food .foodbox_wrapper .foodbox .textbox h5 { font-size: 18px; line-height: 140%; }
#food .foodbox_wrapper .foodbox .textbox h5 strong { display: block; padding: 0 0 0 122px; font-weight: normal; }
#food .foodbox_wrapper .foodbox .textbox h5 strong.six { padding: 0 0 0 106px; }
#food .foodbox_wrapper .foodbox .textbox h5 strong.other { padding: 0 0 0 104px; }
#food .foodbox_wrapper .foodbox .textbox h5 strong.other2 { padding: 0 0 0 106px; }
#food .foodbox_wrapper .foodbox .textbox h5 strong.other3 { padding: 0 0 0 122px; }
#food .foodbox_wrapper .foodbox .textbox h5 strong.other4 { padding: 0 0 0 122px; }
#food .foodbox_wrapper .foodbox .textbox h5 strong.other5 { padding: 0 0 0 106px; }
#food .foodbox_wrapper .foodbox .textbox h6 { padding: 20px 0 5px; color: #3c3939; font-size: 16px; font-weight: bold; line-height: 150%; }
#food .foodbox_wrapper .foodbox .textbox .about { color: #3c3939; font-size: 14px; line-height: 150%; }
#food .foodbox_wrapper { margin: 0 0 0 -20px; }
#food h3 { text-align: center; padding: 0 0 50px; }

#food .food_head { background: url(../images/bg_02.png) repeat top center #f9cc53; padding: 30px 0; }
#food .food_head .jumpbtn_area { background: url(../images/bg_01.jpg) no-repeat center center; padding: 30px 0; }
#food .food_head .jumpbtn_area h4 { font-size: 36px; text-align: center; line-height: 100%; }
#food .food_head .jumpbtn_area h4 span { color: #d41323; line-height: 100%; }
#food .food_head .jumpbtn_area .jumpbtn { width: 994px; margin: 0 auto; padding: 20px 0 0; }
#food .food_head .jumpbtn_area .jumpbtn li { float: left; padding: 0 0 0 30px; }
#food .food_head .jumpbtn_area .jumpbtn li:first-child { padding: 0; }

#food #east,
#food #west { background: #f4f2ef; background-size: cover; }
#food #middle,
#food #organization { margin: 0 20px; }

#food #east { margin: 20px 20px 0; padding: 105px 0 60px; }
#food #east h4 { text-align: center; }
#food #east h5 span { background: #e6a231; margin: 0 15px 0 0; padding: 5px; font-size: 16px; color: #fff; }
#food #east .foodbox_wrapper { padding: 80px 0 0; }

#food #middle { padding: 90px 0 75px; }
#food #middle h4 { text-align: center; }
#food #middle h5 span { background: #dcde44; margin: 0 15px 0 0; padding: 5px; font-size: 16px; color: #fff; }
#food #middle .foodbox_wrapper { padding: 60px 0 0; }

#food #west { margin: 0 20px; padding: 90px 0 55px; }
#food #west h4 { width: 100%; text-align: center; }
#food #west h5 span { background: #93cc5b; margin: 0 15px 0 0; padding: 5px; font-size: 16px; color: #fff; }
#food #west .foodbox_wrapper { padding: 80px 0 0; }

#food #organization { padding: 90px 0 55px; }
#food #organization h4 { text-align: center; }
#food #organization h5 span { background: #20b3bc; margin: 0 15px 0 0; padding: 5px; font-size: 16px; color: #fff; }
#food #organization .foodbox_wrapper { padding: 80px 0 0; }

/* ------------------------------------------------------------ footer */
#footer { padding: 80px 0 0; }
#footer .catch { background: #15974a; padding: 25px 170px 25px 150px; color: #fff; font-size: 26px; font-family: 'Noto-Sans-JP-Regular'; line-height: 100%; text-align: center; }
#footer .catch span { display: block; padding: 10px 0 0; font-size: 14px; font-family: 'Noto-Sans-JP-Light'; line-height: 100%; }
#footer address { font-size: 14px; color: #3c3a3a; text-align: center; line-height: 100%; padding: 30px 0; }







/* ------------------------------------------------------------------------------------------------ mobile --------------------------------------------------------------------------------  */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ common */
.announcement_btn { text-align: center; padding: 6% 0; }
.announcement_btn img { width: 270px; height: auto; }

.more_btn a { display: block; background: url(../images/arrow_01.png) no-repeat 135px center #d41323; border-radius: 5px; width: 150px; margin: 0 auto; padding: 5px 0; font-size: 14px; text-align: center; color: #fff; }

body { min-width: inherit; }
/* ------------------------------------------------------------ header */
#header { padding: 2% 3% 3%; }
#header .logo img { width: 120px; height: auto; }
/* ------------------------------------------------------------ fv */
#firstview { background: none; padding: 0; }
#firstview h2 { text-align: center; }
#firstview h2 img { width: 100%; height: auto; }

/* ------------------------------------------------------------ info */
#info { padding: 30px 0; }
#info .info_inner { width: 100%; padding: 6% 3%; }
#info .info_inner h3 { text-align: center; padding: 0 0 6%; }
#info .info_inner h3 img { width: 100%; height: auto; }
#info .info_inner ul { width: 100%; float: none; }
#info .info_inner .first { margin: 0 14px 0 0; }
#info .info_inner ul li {}
#info .info_inner ul li h4 { font-size: 18px; line-height: 100%; }
#info .info_inner ul .info1 h4 { background: url(../images/icn_04.png) no-repeat 15px 5px #eb791d; background-size: 27px; padding: 8px 0 10px 55px; }
#info .info_inner ul .info2 h4 { background: url(../images/icn_06.png) no-repeat 15px center #eb791d; background-size: 22px; padding: 8px 0 10px 55px; }
#info .info_inner ul .info3 h4 { background: url(../images/icn_08.png) no-repeat 15px 3px #eb791d; background-size: 24px; padding: 8px 0 10px 55px; }
#info .info_inner ul .info4 h4 { background: url(../images/icn_05.png) no-repeat 15px center #eb791d; background-size: 26px; padding: 8px 0 10px 55px; }
#info .info_inner ul .info5 h4 { background: url(../images/icn_07.png) no-repeat 15px center #eb791d; background-size: 30px; padding: 8px 0 10px 55px; }
#info .info_inner ul li p { font-size: 14px; padding: 4%; }
#info .info_inner ul li .padding { padding: 3% 6%; }
#info .info_inner .caution { text-align: center; font-size: 14px; line-height: 140%; width: 100%; margin: 6% auto 0; padding: 3%; }

/* ------------------------------------------------------------ food */
#food { padding: 9% 0 0; }
#food h4 { font-size: 24px; }
#food h4 .color2 { display: block; color: #d41323; }
#food h4 small { font-size: 18px; }

#food .foodbox_wrapper .foodbox { width: 100%; height: inherit; margin: 0 auto 3%; padding: 6%; float: none; }
#food .foodbox_wrapper .foodbox .food { float: none; width: 150px; margin: 0 auto; padding: 0 0 6%; }
#food .foodbox_wrapper .foodbox .food img { width: 100%; height: auto; }

#food .foodbox_wrapper .foodbox .textbox { float: none; width: 100%; padding: 0; }
#food .foodbox_wrapper .foodbox .textbox .textbox_inner { height: inherit; }
#food .foodbox_wrapper .foodbox .textbox h5 { font-size: 14px; line-height: 140%; }
#food .foodbox_wrapper .foodbox .textbox .title { font-size: 16px; padding: 3% 0 0; color: #363434; line-height: 140%; }

#food .foodbox_wrapper .foodbox .textbox h6 { padding: 3% 0 1%; font-size: 16px; font-weight: bold; line-height: 150%; }
#food .foodbox_wrapper .foodbox .textbox .about { font-size: 14px; height: inherit; padding: 0 0 3%; }
#food .foodbox_wrapper .foodbox .textbox .tworows { font-size: 14px; height: inherit; }
#food .foodbox_wrapper .foodbox .textbox .threerows { font-size: 14px; height: inherit; }
.morebtn a { display: block; background: url(../images/arrow_01.png) no-repeat 130px center #d41323; border-radius: 5px; width: 145px; margin: 3% auto 0; padding: 10px 0; font-size: 12px; text-align: center; color: #fff; 
line-height: 100%; }
#food .foodbox_wrapper { margin: 0 auto; }

#food h3 { text-align: center; padding: 0 0 6%; }
#food h3 img { width: 88%; height: auto; }

#food .food_head { padding: 3%; }
#food .food_head .jumpbtn_area { padding: 3%; background-size: cover; }
#food .food_head .jumpbtn_area h4 { font-size: 18px; }
#food .food_head .jumpbtn_area h4 span { }
#food .food_head .jumpbtn_area .jumpbtn { width: 103%; margin: 0 0 0 -3%; padding: 0; }
#food .food_head .jumpbtn_area .jumpbtn li { width: 47%; margin: 3% 0 0 3%; padding: 0; }
#food .food_head .jumpbtn_area .jumpbtn li a img { width: 100%; height: auto; }

#food #middle,
#food #organization { margin: 0 3%; }

#food #east { margin: 3% 3% 0; padding: 3% 0; }
#food #east h4 img { width: 100%; height: auto; }
#food #east h5 span { font-size: 14px; }
#food #east h5 .long {  margin: 0 10px 0 0; }
#food #east .foodbox_wrapper { padding: 6% 0 0; }

#food #middle { padding: 6% 0; }
#food #middle h4 img { width: 100%; height: auto; }
#food #middle .foodbox_wrapper { padding: 6% 0 0; }

#food #west { margin: 3% 3% 0; padding: 6% 0; }
#food #west h4 img { width: 100%; height: auto; }
#food #west h5 .long {  margin: 0 8px 0 0; }
#food #west .foodbox_wrapper { padding: 6% 0 0; }

#food #organization { padding: 6% 0; }
#food #organization h4 img { width: 100%; height: auto; }
#food #organization h5 .long {  margin: 0 8px 0 0; }
#food #organization .foodbox_wrapper { padding: 6% 0 0; }

/* ------------------------------------------------------------ footer */
#footer { padding: 6% 0 0; }
#footer h3 img { width: 100%; height: auto; }
#footer .catch { background: #15974a; padding: 6%; font-size: 18px; line-height: 140%; letter-spacing: 2px; }
#footer .catch span { padding: 3% 0 0; font-size: 14px; line-height: 140%; }
#footer address { font-size: 12px; line-height: 130%; padding: 6% 0; }






}