@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

body { line-height: 1; -webkit-text-size-adjust: 100%; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

.cf { *zoom: 1; }
.cf:after { content: " "; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; }

/* body
-------------------------------------*/
body { position: relative; width: 100%; height: 100%; margin: 0 auto; background: #fff; font-size: 16px;line-height:24px; -webkit-text-size-adjust: 100%; }

/* header - navigation
-------------------------------------*/
header { width: 100%; margin: 0 auto; }

.header--inr { position: relative; }
.header--inr img { max-width: 100%; }

.hero--inr { position: absolute; width: 100%; max-width: 933px; max-height: 200px; height: 100%; top: 0; left: 0; right: 0; bottom: -27px; margin: auto; text-align: left; }

.head--logo { position: absolute; top: 0; left: 5px; right: 0; bottom: 0; margin: auto auto auto 5px; width: auto; max-height: 90%; }

.head--bg { width: 100%; }

.sp-head { width: 100%; }

/* container
-------------------------------------*/
.container { width: 100%; }

/* footer
-------------------------------------*/
footer { padding: 10px 0; }

.snsList { width: 100%; text-align: center; }
.snsList li { display: inline-block; padding: 10px 5px 0; }
.snsList a { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.snsList a:hover { opacity: .8; }

.copy { max-width: 930px; margin: -10px auto 10px; text-align: center; font-size: 10px; }

@media (max-width: 768px) { footer { padding: 10px 0; }
  .copy { width: 100%; margin: 15px auto 30px; text-align: center; }
  .snsList { width: 100%; text-align: center; padding-bottom: 15px; }
  .snsList li { width: 10.5%; display: block; padding: 0; float: left; }
  .snsList li:first-child { width: 100%; }
  .snsList li:first-child a { padding-left: 0; }
  .snsList li img { max-width: 100%; }
  .snsList li a { display: inline-block; padding-left: 20%; } }
/* pagetop
-------------------------------------*/
.inr { width: 100%; max-width: 930px; margin: 20px auto; }

@media (max-width: 768px) { .inr { box-sizing: border-box; padding: 0 3%; } }
/* main
-------------------------------------*/
.sec01 { padding: 25px 0; width: 100%; }

.sec02 { padding: 25px 0; width: 100%; background-color: #EEEEEE; }

.sec03 { padding: 40px 0; text-align: center; }

.sec31 { padding: 20px 0; text-align: center; background-color: #c9f0ff;width: 100%;}

.sec04 { padding: 40px 0; background: #00a0e9; text-align: center; }
.sec04 a { color:#FFF; display: inline-block;  }

@media (max-width: 768px) { .sec01 { padding: 15px 0; width: 100%; }
  .sec02 { padding: 15px 0; width: 100%; background-color: #EEEEEE; }
  .sec03 { padding: 25px 0; text-align: center; }
  .sec31 { padding: 20px 0; text-align: center; background-color: #c9f0ff;width: 100%;}
  .sec04 { padding: 25px 0; text-align: center; background: #00a0e9; }
  .sec04 a { color:#FFF; display: inline-block; } }
.limited { width: 100%; float: left; }
.limited h2 {padding:20px 0 10px 40px; background-image: url(../img/Rbg_line2.png); background-position: top left;font-size: large; color: #FFFFFF;background-repeat: no-repeat; }
.limited table{wi:80px;margin:10px 30px}
.limited th,td{ border-bottom:solid 1px #CCC;}
.limited th{ color: #666;padding:10px 30px}

{border-bottom:medium;}
/*.limited img { align:left; margin:0 10px 10px 0;}*/
.limited .text { line-height: 1.4em; padding: 0 3% 30px 0; }

.yt_tw { width: 37%; float: right; }

.ytBox { box-sizing: border-box; margin-bottom: 20px; }

.ytBox--inr { width: 100%; padding-top: 0px; position: relative; top: 0; left: 0; }
.ytBox--inr iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

.twBox { width: 100%; height: 300px; border: 1px solid #ccc; border-radius: 5px; }
.twBox iframe { width: 100% !important; }

@media (max-width: 768px) { .limited { width: 100%; float: none; }
  .yt_tw { width: 100%; float: none; }
  .ytBox { margin-bottom: 5px; } }
.itemBox { width: 65%; float: left; }

.title--item { width: 100%;}
.title--item2 { width: 100%;clear:both;}

.item--list {padding:20px;line-height: 1.4em;clear:both; }
.item--list2 {padding:20px;line-height: 1.4em; background: #fff; border: 1px solid #CCCCCC; margin-bottom: 20px;overflow: hidden;}
.item--list2 img { float: left; margin:0 20px 5px 0; height:auto; }
.item--list2 h4{font-size: large; color: #00a0e9;line-height: 20px;font-weight: bolder; }

.nagare {padding:20px;line-height: 1.4em; background: #fff; border: 1px solid #EEEEEE; width:100%;}

.osusumeBox { margin-bottom: 7px; }

.popular--list { width: 100%; }
.popular--list img { width: 100%; }

.side { width: 30%; float: right;}
.side p { background-color: #FFFFFF;padding:10px;line-height: 1.4em;}
.side h2 {padding:20px 0 10px 40px; background-image: url(../img/bg_line2.png); background-position: top left;font-size: large; color: #FFFFFF;background-repeat: no-repeat; }
.side img { max-width: 100%; }

/*.menu { background: rgba(255, 255, 255, 0.7); padding-bottom: 5px; margin-top: 10px; }*/

/*.menuBox { box-sizing:border-box; padding: 7px 0; width: 82%; margin: 0 auto; border-bottom: 1px dashed #956134;
	&:last-child {border-bottom: 0;}
}
*/
.menu--price { width: 35%; float: left; line-height: 1.2em; color: #af0000; }
.menu--price .sml { font-size: 11px; }

.menu--list { width: 64%; float: right; line-height: 1.4em; }

.healthy { margin-top: 10px; }

.gentei { margin-top: 3px; }

@media (max-width: 768px) { .itemBox { width: 100%; float: none; margin-bottom: 10px; }
  .title--item { width: 100%;}
  .title--item img { width: 100%; }
  .title--item.pop { padding-bottom: 0; margin-bottom: -5px; }
  .side { width: 100%; float: none; }
  .side img { max-width: 100%; }
  .popularBox { padding-top: 3%; padding-bottom: 4px; }
  .menu { background: rgba(255, 255, 255, 0); }
  .menuBox { width: 100%; padding: 7px 2px; margin: 0 auto; border-bottom: 0; } }
.sec--title { padding: 0 0 15px 0; text-align: center; }
.sec--title img { max-width: 100%; }

.map--text { line-height: 1.7em; padding-bottom: 40px; }

.delivery--text { text-align: center; line-height: 1.4em; }

.delivery--note { width: 100%; max-width: 1200px; margin: 0 auto; padding: 20px auto; line-height: 1.7em; }
.delivery--note li { float: left; }
.delivery--note .term { width: 50%;text-align: right; }
.delivery--note .tel { width: 50%; padding-top: 2.5em;color:#FFFFFF;}
.delivery--note .tel p { margin-bottom: 6px; }
.delivery--note .tel img { max-width: 100%; }
.delivery--note .icns { widows: 80%; padding-top: 2.5em;color:#FFFFFF; }
/*.delivery--note .icns a { display: inline-block; max-width: 50%; box-sizing: border-box; padding-right: 5px; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }*/
.delivery--note .icns a:hover { opacity: .8; }
.delivery--note .icns img { max-width: 100%; }

.caption { display: inline-block; padding: 3px 8px; color: #c18382; background: #fff; border: 1px solid #b5b6b6; margin-bottom: 8px; }

.map { height: 370px; }

.mapInr { position: relative; padding-bottom: 370px; height: 0; overflow: hidden; }

#gMap { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

.term--list p { text-indent: -1em; padding-left: 1em; }

.map--link { padding: 20px 0 0; }
.map--link a { color: #3b94d9; }
.map--link a:visited { color: #3b94d9; }

.reserv { text-align: center; box-sizing: border-box; padding: 10px 10px 10px; }
.reserv img { max-width: 95%; }

@media (max-width: 768px) { .map--text { line-height: 1.6em; padding-bottom: 30px; }
  .delivery--note { box-sizing: border-box; padding: 30px 5px 0; line-height: 1.7em; text-align: center; }
  .delivery--note li { float: none; display: block; text-align: center; }
  .delivery--note .term { width: 100%; text-align: center; }
  .delivery--note .term--inr { display: inline-block; text-align: left; }
  .delivery--note .tel { width: 100%; padding: 20px; text-align: left; }
  .delivery--note .tel--inr { display: inline-block; text-align: left; }
  .delivery--note .icns { widows: 100%; padding: 20px; text-align: left;}
  .caption { padding: 2px 6px; }
  .map { height: 300px; }
  .mapInr { padding-bottom: 300px; } }
/* display
-------------------------------------*/
.is-sp { display: none !important; }

.is-pc { display: block !important; }

@media (max-width: 768px) { .is-pc { display: none !important; }
  .is-sp { display: block !important; } }
/* clearfix */
.cf { *zoom: 1; }
.cf:after { content: " "; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; }

/* print style
----------------------------------------------------*/
@media print { * html body { zoom: .7; }
  body { -webkit-print-color-adjust: exact; }
  header { background-color: #fff !important; } }