@charset "UTF-8";
/*
Theme Name: メディック太陽
*/
/* ----------------------------- リセット */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font-size: 100%; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

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

a { margin: 0; padding: 0; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

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

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

img { vertical-align: top; font-size: 0; line-height: 0; }

sup { font-size: 8px; }

em { font-style: normal; }

div:before, div:after, ul:before, ul:after, ol:before, ol:after, dl:before, dl:after { content: ""; display: block; }

div:after, ul:after, ol:after, dl:after { clear: both; }

div, ul, ol, dl { zoom: 1; }

ul#wp-admin-bar-root-default:after { clear: none; }

/* ----------------------------- 全体 */
html { font-size: 62.5%; }

body { font-size: 15px; font-size: 1.5rem; font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro L", "Kozuka Gothic Pro Light", "メイリオ", "Meiryo", "ＭＳ　Ｐゴシック", sans-serif; line-height: 180%; color: #333; background: #F7F7F5; position: relative; -webkit-text-size-adjust: 100%; }

a:link, a:visited { color: /*#0099CC*/#000; text-decoration: underline; }
a:hover, a:active { color: /*#0099CC*/#000; text-decoration: /*none;*/underline; }
a, a img { -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; -ms-transition: 0.2s ease all; transition: 0.2s ease all; }
a:hover { opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }

a.ec-blockBtn--action, a.ec-blockBtn--cancel, a.ec-inlineBtn--action { color: #fff; text-decoration: none; }

.ec-cartRole img { font-size: unset; }

@media screen and (min-width: 768px) { .sp-only { display: none !important; } }
@media screen and (max-width: 767px) { .pc-only { display: none !important; } }
img, .bx-wrapper img { max-width: 100%; height: auto; }

.bx-wrapper img { display: inline; }

/* ----------------------------- 0. 共通パーツ */
.u-mt0 { margin-top: 0; }

.u-mt5 { margin-top: 5px; }

.u-mt10 { margin-top: 10px; }

.u-mt15 { margin-top: 15px; }

.u-mt20 { margin-top: 20px; }

.u-mt25 { margin-top: 25px; }

.u-mt30 { margin-top: 30px; }

.u-mt40 { margin-top: 40px; }

.u-mt50 { margin-top: 50px; }

.u-mt60 { margin-top: 60px; }

.u-mt70 { margin-top: 70px; }

.u-mt80 { margin-top: 80px; }

.u-mt90 { margin-top: 90px; }

.u-mb0 { margin-bottom: 0; }

.u-mb5 { margin-bottom: 5px; }

.u-mb10 { margin-bottom: 10px; }

.u-mb15 { margin-bottom: 15px; }

.u-mb20 { margin-bottom: 20px; }

.u-mb25 { margin-bottom: 25px; }

.u-mb30 { margin-bottom: 30px; }

.u-mb40 { margin-bottom: 40px; }

.u-mb50 { margin-bottom: 50px; }

.u-mb60 { margin-bottom: 60px; }

.u-mb70 { margin-bottom: 70px; }

.u-mb80 { margin-bottom: 80px; }

.u-mb90 { margin-bottom: 90px; }

.u-pt0 { padding-top: 0; }

.u-pt5 { padding-top: 5px; }

.u-pt10 { padding-top: 10px; }

.u-pt15 { padding-top: 15px; }

.u-pt20 { padding-top: 20px; }

.u-pt25 { padding-top: 25px; }

.u-pt30 { padding-top: 30px; }

.u-pt40 { padding-top: 40px; }

.u-pt50 { padding-top: 50px; }

.u-pt60 { padding-top: 60px; }

.u-pt70 { padding-top: 70px; }

.u-pt80 { padding-top: 80px; }

.u-pt90 { padding-top: 90px; }

.u-pb0 { padding-bottom: 0; }

.u-pb5 { padding-bottom: 5px; }

.u-pb10 { padding-bottom: 10px; }

.u-pb15 { padding-bottom: 15px; }

.u-pb20 { padding-bottom: 20px; }

.u-pb25 { padding-bottom: 25px; }

.u-pb30 { padding-bottom: 30px; }

.u-pb40 { padding-bottom: 40px; }

.u-pb50 { padding-bottom: 50px; }

.u-pb60 { padding-bottom: 60px; }

.u-pb70 { padding-bottom: 70px; }

.u-pb80 { padding-bottom: 80px; }

.u-pb90 { padding-bottom: 90px; }

.u-col { color: #EC6C00; }
.u-col__red { color: #FF0000; }
.u-col__blue { color: #3399FF; }

.u-mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.u-gothic { font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro L", "Kozuka Gothic Pro Light", "メイリオ", "Meiryo", "ＭＳ　Ｐゴシック", sans-serif; }

.u-italic { font-style: italic; }

.u-bold { font-style: bold; }

.u-underline { font-style: underline; }

.u-center { text-align: center !important; }
.u-center th, .u-center td { text-align: center !important; }

.u-right { text-align: right !important; }
.u-right th, .u-right td { text-align: right !important; }

.u-left { text-align: left !important; }
.u-left th, .u-left td { text-align: left !important; }

.u-top { vertical-align: top !important; }
.u-top th, .u-top td { vertical-align: top !important; }

.u-middle { vertical-align: middle !important; }
.u-middle th, .u-middle td { vertical-align: middle !important; }

.u-bottom { vertical-align: bottom !important; }
.u-bottom th, .u-bottom td { vertical-align: bottom !important; }

.c-wrap { max-width: 1400px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: content-box; box-sizing: content-box; }

.c-wrap__1000 { max-width: 1000px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: content-box; box-sizing: content-box; }

.c-wrap__separate { margin-left: 15px; margin-right: 15px; }

.u-bg__gray { background: #eee; }
.u-bg1 { background: #F1F1E9; }

.c-separate1 { border-bottom: 1px solid #efefef; padding-bottom: 60px; margin-bottom: 60px; }

.c-btn1 { text-align: center; margin-top: 30px; }
.c-btn1 a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 14px; font-size: 1.4rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; text-decoration: none; padding: 6px 8px; color: #000; }
.c-btn1 a:hover { opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); background: #000; border-color: #000; color: #fff; }

.c-title1 { text-align: center; margin-bottom: 28px; }
.c-title1 .h { font-size: 24px; font-size: 2.4rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; line-height: 160%; letter-spacing: 0.08em; }
.c-title1 .txt { line-height: 160%; margin-top: 15px; }

.c-title2 { display: inline-block; *display: inline; *zoom: 1; border: 1px solid #000; padding: 3px 22px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 20px; font-size: 2rem; font-weight: bold; line-height: 160%; margin-bottom: 28px; }

.c-title3 { background: #000; border-radius: 3px; color: #fff; padding-left: 12px; padding-right: 12px; margin-bottom: 30px; font-size: 20px; font-size: 2rem; font-weight: bold; }
.c-title3 span { display: block; background: url(../img/common/title_icon3.png) no-repeat left center; padding-left: 35px; padding-top: 12px; padding-bottom: 12px; }

.c-table1 { width: 100%; }
.c-table1 th, .c-table1 td { border: 1px solid #D7D7D7; line-height: 200%; padding: 12px 20px; }
.c-table1 th { background: #F1F1E9; text-align: left; font-weight: bold; vertical-align: top; width: 200px; }

.c-table2 { margin-top: 12px; }
.c-table2 th, .c-table2 td { border: 1px solid #ccc; line-height: 200%; padding: 4px 45px; }
.c-table2 thead th { background: #B7A56E; text-align: center; color: #fff; font-weight: normal; }
.c-table2 tbody th { background: #F3F4F4; font-weight: normal; text-align: center; }
.c-table2 tbody td { text-align: center; }

.c-table__nostyle { width: 100%; }
.c-table__nostyle th, .c-table__nostyle td { padding: 2px 0 !important; border: 0; font-weight: normal; text-align: left; vertical-align: top; background: transparent; }

.js-table-xscroll__wrap { width: 100%; overflow-x: auto; }
.js-table-xscroll__in { width: 1000px; }

.u-indent { text-indent: -1em; padding-left: 1em; }

.u-anchor { position: relative; margin-top: -70px; padding-top: 70px; }

.u-googlemap-wrap { position: relative; padding-bottom: 59.55%; height: 0; overflow: hidden; }
.u-googlemap-wrap iframe, .u-googlemap-wrap object, .u-googlemap-wrap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.u-youtube-wrap { position: relative; width: 100%; padding-top: 76.1904%; }
.u-youtube-wrap iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

.js-tab__content { display: none; }
.js-tab__content.is-active { display: block; }

/* フェードインしながら少し上へ */
@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }
@-ms-keyframes fadeInUp { 0% { opacity: 0; -ms-transform: translateY(20px); }
  100% { opacity: 1; -ms-transform: translateY(0); } }
@-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); }
  100% { opacity: 1; -o-transform: translateY(0); } }
@keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; }

.js-animate { opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.js-animate.is--animate { -webkit-animation: fadeInUp 0.8s 1 ease-in-out; -moz-animation: fadeInUp 0.8s 1 ease-in-out; -ms-animation: fadeInUp 0.8s 1 ease-in-out; -o-animation: fadeInUp 0.8s 1 ease-in-out; animation: fadeInUp 0.8s 1 ease-in-out; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -ms-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; animation-fill-mode: backwards; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }
.js-animate--delay1 { -webkit-animation-delay: 0.1s !important; -moz-animation-delay: 0.1s !important; -ms-animation-delay: 0.1s !important; -o-animation-delay: 0.1s !important; animation-delay: 0.1s !important; }
.js-animate--delay2 { -webkit-animation-delay: 0.2s !important; -moz-animation-delay: 0.2s !important; -ms-animation-delay: 0.2s !important; -o-animation-delay: 0.2s !important; animation-delay: 0.2s !important; }
.js-animate--delay3 { -webkit-animation-delay: 0.3s !important; -moz-animation-delay: 0.3s !important; -ms-animation-delay: 0.3s !important; -o-animation-delay: 0.3s !important; animation-delay: 0.3s !important; }
.js-animate--delay4 { -webkit-animation-delay: 0.4s !important; -moz-animation-delay: 0.4s !important; -ms-animation-delay: 0.4s !important; -o-animation-delay: 0.4s !important; animation-delay: 0.4s !important; }
.js-animate--delay5 { -webkit-animation-delay: 0.5s !important; -moz-animation-delay: 0.5s !important; -ms-animation-delay: 0.5s !important; -o-animation-delay: 0.5s !important; animation-delay: 0.5s !important; }
.js-animate--delay6 { -webkit-animation-delay: 0.6s !important; -moz-animation-delay: 0.6s !important; -ms-animation-delay: 0.6s !important; -o-animation-delay: 0.6s !important; animation-delay: 0.6s !important; }
.js-animate--delay7 { -webkit-animation-delay: 0.7s !important; -moz-animation-delay: 0.7s !important; -ms-animation-delay: 0.7s !important; -o-animation-delay: 0.7s !important; animation-delay: 0.7s !important; }
.js-animate--delay8 { -webkit-animation-delay: 0.8s !important; -moz-animation-delay: 0.8s !important; -ms-animation-delay: 0.8s !important; -o-animation-delay: 0.8s !important; animation-delay: 0.8s !important; }
.js-animate--delay9 { -webkit-animation-delay: 0.9s !important; -moz-animation-delay: 0.9s !important; -ms-animation-delay: 0.9s !important; -o-animation-delay: 0.9s !important; animation-delay: 0.9s !important; }
.js-animate--delay10 { -webkit-animation-delay: 1s !important; -moz-animation-delay: 1s !important; -ms-animation-delay: 1s !important; -o-animation-delay: 1s !important; animation-delay: 1s !important; }
.js-animate--delay11 { -webkit-animation-delay: 1.1s !important; -moz-animation-delay: 1.1s !important; -ms-animation-delay: 1.1s !important; -o-animation-delay: 1.1s !important; animation-delay: 1.1s !important; }
.js-animate--delay12 { -webkit-animation-delay: 1.2s !important; -moz-animation-delay: 1.2s !important; -ms-animation-delay: 1.2s !important; -o-animation-delay: 1.2s !important; animation-delay: 1.2s !important; }
.js-animate--delay13 { -webkit-animation-delay: 1.3s !important; -moz-animation-delay: 1.3s !important; -ms-animation-delay: 1.3s !important; -o-animation-delay: 1.3s !important; animation-delay: 1.3s !important; }
.js-animate--delay14 { -webkit-animation-delay: 1.4s !important; -moz-animation-delay: 1.4s !important; -ms-animation-delay: 1.4s !important; -o-animation-delay: 1.4s !important; animation-delay: 1.4s !important; }
.js-animate--duration1 { -webkit-animation-duration: 0.1s !important; -moz-animation-duration: 0.1s !important; -ms-animation-duration: 0.1s !important; -o-animation-duration: 0.1s !important; animation-duration: 0.1s !important; }
.js-animate--duration2 { -webkit-animation-duration: 0.2s !important; -moz-animation-duration: 0.2s !important; -ms-animation-duration: 0.2s !important; -o-animation-duration: 0.2s !important; animation-duration: 0.2s !important; }
.js-animate--duration3 { -webkit-animation-duration: 0.3s !important; -moz-animation-duration: 0.3s !important; -ms-animation-duration: 0.3s !important; -o-animation-duration: 0.3s !important; animation-duration: 0.3s !important; }
.js-animate--duration4 { -webkit-animation-duration: 0.4s !important; -moz-animation-duration: 0.4s !important; -ms-animation-duration: 0.4s !important; -o-animation-duration: 0.4s !important; animation-duration: 0.4s !important; }
.js-animate--duration5 { -webkit-animation-duration: 0.5s !important; -moz-animation-duration: 0.5s !important; -ms-animation-duration: 0.5s !important; -o-animation-duration: 0.5s !important; animation-duration: 0.5s !important; }
.js-animate--duration6 { -webkit-animation-duration: 0.6s !important; -moz-animation-duration: 0.6s !important; -ms-animation-duration: 0.6s !important; -o-animation-duration: 0.6s !important; animation-duration: 0.6s !important; }
.js-animate--duration7 { -webkit-animation-duration: 0.7s !important; -moz-animation-duration: 0.7s !important; -ms-animation-duration: 0.7s !important; -o-animation-duration: 0.7s !important; animation-duration: 0.7s !important; }
.js-animate--duration8 { -webkit-animation-duration: 0.8s !important; -moz-animation-duration: 0.8s !important; -ms-animation-duration: 0.8s !important; -o-animation-duration: 0.8s !important; animation-duration: 0.8s !important; }
.js-animate--duration9 { -webkit-animation-duration: 0.9s !important; -moz-animation-duration: 0.9s !important; -ms-animation-duration: 0.9s !important; -o-animation-duration: 0.9s !important; animation-duration: 0.9s !important; }
.js-animate--duration10 { -webkit-animation-duration: 1s !important; -moz-animation-duration: 1s !important; -ms-animation-duration: 1s !important; -o-animation-duration: 1s !important; animation-duration: 1s !important; }
.js-animate--duration11 { -webkit-animation-duration: 1.1s !important; -moz-animation-duration: 1.1s !important; -ms-animation-duration: 1.1s !important; -o-animation-duration: 1.1s !important; animation-duration: 1.1s !important; }
.js-animate--duration12 { -webkit-animation-duration: 1.2s !important; -moz-animation-duration: 1.2s !important; -ms-animation-duration: 1.2s !important; -o-animation-duration: 1.2s !important; animation-duration: 1.2s !important; }
.js-animate--duration13 { -webkit-animation-duration: 1.3s !important; -moz-animation-duration: 1.3s !important; -ms-animation-duration: 1.3s !important; -o-animation-duration: 1.3s !important; animation-duration: 1.3s !important; }
.js-animate--duration14 { -webkit-animation-duration: 1.4s !important; -moz-animation-duration: 1.4s !important; -ms-animation-duration: 1.4s !important; -o-animation-duration: 1.4s !important; animation-duration: 1.4s !important; }

/* フェードインしながら少し右へ */
@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(-20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(-20px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }
@-ms-keyframes fadeInRight { 0% { opacity: 0; -ms-transform: translateX(-20px); }
  100% { opacity: 1; -ms-transform: translateX(0); } }
@-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(-20px); }
  100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeInRight { 0% { opacity: 0; transform: translateX(-20px); }
  100% { opacity: 1; transform: translateX(0); } }
.fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; }

.js-animateFadeInRight { opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.js-animateFadeInRight.is--animate { -webkit-animation: fadeInRight 0.8s 1 ease-in-out; -moz-animation: fadeInRight 0.8s 1 ease-in-out; -ms-animation: fadeInRight 0.8s 1 ease-in-out; -o-animation: fadeInRight 0.8s 1 ease-in-out; animation: fadeInRight 0.8s 1 ease-in-out; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -ms-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; animation-fill-mode: backwards; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }

/* フェードインしながら少し右へ */
@-webkit-keyframes fadeInRight2 { 0% { opacity: 0; -webkit-transform: translateX(-80%); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRight2 { 0% { opacity: 0; -moz-transform: translateX(-80%); }
  100% { opacity: 1; -moz-transform: translateX(0); } }
@-ms-keyframes fadeInRight2 { 0% { opacity: 0; -ms-transform: translateX(-80%); }
  100% { opacity: 1; -ms-transform: translateX(0); } }
@-o-keyframes fadeInRight2 { 0% { opacity: 0; -o-transform: translateX(-80%); }
  100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeInRight2 { 0% { opacity: 0; transform: translateX(-80%); }
  100% { opacity: 1; transform: translateX(0); } }
.fadeInRight2 { -webkit-animation-name: fadeInRight2; -moz-animation-name: fadeInRight2; -ms-animation-name: fadeInRight2; -o-animation-name: fadeInRight2; animation-name: fadeInRight2; }

.js-animateFadeInRight2 { opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.js-animateFadeInRight2.is--animate { -webkit-animation: fadeInRight2 0.8s 1 ease-in-out; -moz-animation: fadeInRight2 0.8s 1 ease-in-out; -ms-animation: fadeInRight2 0.8s 1 ease-in-out; -o-animation: fadeInRight2 0.8s 1 ease-in-out; animation: fadeInRight2 0.8s 1 ease-in-out; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -ms-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; animation-fill-mode: backwards; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }

/* フェードインしながら少し左へ */
@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(20px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }
@-ms-keyframes fadeInLeft { 0% { opacity: 0; -ms-transform: translateX(20px); }
  100% { opacity: 1; -ms-transform: translateX(0); } }
@-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(20px); }
  100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(20px); }
  100% { opacity: 1; transform: translateX(0); } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -ms-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; }

.js-animateFadeInLeft { opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.js-animateFadeInLeft.is--animate { -webkit-animation: fadeInLeft 0.8s 1 ease-in-out; -moz-animation: fadeInLeft 0.8s 1 ease-in-out; -ms-animation: fadeInLeft 0.8s 1 ease-in-out; -o-animation: fadeInLeft 0.8s 1 ease-in-out; animation: fadeInLeft 0.8s 1 ease-in-out; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -ms-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; animation-fill-mode: backwards; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }

/* フェードインしながら少し左へ */
@-webkit-keyframes fadeInLeft2 { 0% { opacity: 0; -webkit-transform: translateX(80%); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeft2 { 0% { opacity: 0; -moz-transform: translateX(80%); }
  100% { opacity: 1; -moz-transform: translateX(0); } }
@-ms-keyframes fadeInLeft2 { 0% { opacity: 0; -ms-transform: translateX(80%); }
  100% { opacity: 1; -ms-transform: translateX(0); } }
@-o-keyframes fadeInLeft2 { 0% { opacity: 0; -o-transform: translateX(80%); }
  100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes fadeInLeft2 { 0% { opacity: 0; transform: translateX(80%); }
  100% { opacity: 1; transform: translateX(0); } }
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; -moz-animation-name: fadeInLeft2; -ms-animation-name: fadeInLeft2; -o-animation-name: fadeInLeft2; animation-name: fadeInLeft2; }

.js-animateFadeInLeft2 { opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.js-animateFadeInLeft2.is--animate { -webkit-animation: fadeInLeft2 0.8s 1 ease-in-out; -moz-animation: fadeInLeft2 0.8s 1 ease-in-out; -ms-animation: fadeInLeft2 0.8s 1 ease-in-out; -o-animation: fadeInLeft2 0.8s 1 ease-in-out; animation: fadeInLeft2 0.8s 1 ease-in-out; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -ms-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; animation-fill-mode: backwards; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }

/* フェードインしながら少し上へ */
@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(40px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(40px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }
@-ms-keyframes fadeInUp { 0% { opacity: 0; -ms-transform: translateY(40px); }
  100% { opacity: 1; -ms-transform: translateY(0); } }
@-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(40px); }
  100% { opacity: 1; -o-transform: translateY(0); } }
@keyframes fadeInUp { 0% { opacity: 0; transform: translateY(40px); }
  100% { opacity: 1; transform: translateY(0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; }

.js-animateFadeInUp { opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.js-animateFadeInUp.is--animate { -webkit-animation: fadeInUp 0.8s 1 ease-in-out; -moz-animation: fadeInUp 0.8s 1 ease-in-out; -ms-animation: fadeInUp 0.8s 1 ease-in-out; -o-animation: fadeInUp 0.8s 1 ease-in-out; animation: fadeInUp 0.8s 1 ease-in-out; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -ms-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; animation-fill-mode: backwards; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }

/* フェードインしながら少し上へ */
@-webkit-keyframes fadeInUp2 { 0% { opacity: 0; -webkit-transform: translateY(80%); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUp2 { 0% { opacity: 0; -moz-transform: translateY(80%); }
  100% { opacity: 1; -moz-transform: translateY(0); } }
@-ms-keyframes fadeInUp2 { 0% { opacity: 0; -ms-transform: translateY(80%); }
  100% { opacity: 1; -ms-transform: translateY(0); } }
@-o-keyframes fadeInUp2 { 0% { opacity: 0; -o-transform: translateY(80%); }
  100% { opacity: 1; -o-transform: translateY(0); } }
@keyframes fadeInUp2 { 0% { opacity: 0; transform: translateY(80%); }
  100% { opacity: 1; transform: translateY(0); } }
.fadeInUp2 { -webkit-animation-name: fadeInUp2; -moz-animation-name: fadeInUp2; -ms-animation-name: fadeInUp2; -o-animation-name: fadeInUp2; animation-name: fadeInUp2; }

.js-animateFadeInUp2 { opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.js-animateFadeInUp2.is--animate { -webkit-animation: fadeInUp2 0.8s 1 ease-in-out; -moz-animation: fadeInUp2 0.8s 1 ease-in-out; -ms-animation: fadeInUp2 0.8s 1 ease-in-out; -o-animation: fadeInUp2 0.8s 1 ease-in-out; animation: fadeInUp2 0.8s 1 ease-in-out; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -ms-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; animation-fill-mode: backwards; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }

/* フェードインのみ */
@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-ms-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-o-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; transform: translateY(0); } }
.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; }

.js-animateFadeIn { opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.js-animateFadeIn.is--animate { -webkit-animation: fadeIn 0.8s 1 ease-in-out; -moz-animation: fadeIn 0.8s 1 ease-in-out; -ms-animation: fadeIn 0.8s 1 ease-in-out; -o-animation: fadeIn 0.8s 1 ease-in-out; animation: fadeIn 0.8s 1 ease-in-out; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -ms-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; animation-fill-mode: backwards; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }

/* スケール */
@-webkit-keyframes scaleIn { 0% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); }
  100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } }
@-moz-keyframes scaleIn { 0% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); }
  100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } }
@-ms-keyframes scaleIn { 0% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); }
  100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } }
@-o-keyframes scaleIn { 0% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); }
  100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } }
@keyframes scaleIn { 0% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); }
  100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } }
.scaleIn { -webkit-animation-name: scaleIn; -moz-animation-name: scaleIn; -ms-animation-name: scaleIn; -o-animation-name: scaleIn; animation-name: scaleIn; }

.js-animateScaleIn { opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.js-animateScaleIn.is--animate { -webkit-animation: scaleIn 1s 1 ease-in-out; -moz-animation: scaleIn 1s 1 ease-in-out; -ms-animation: scaleIn 1s 1 ease-in-out; -o-animation: scaleIn 1s 1 ease-in-out; animation: scaleIn 1s 1 ease-in-out; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -ms-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; animation-fill-mode: backwards; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }

/* ----------------------------- 1. 各ページ共通 */
/*=======================================
ヘッダー
=========================================*/
.l-header { padding-top: 20px; padding-bottom: 20px; }
.l-header__nav { float: left; width: /*77.571428%*/70%; }
.l-header__nav h1, .l-header__nav ul { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.l-header__nav h1 { max-width: 20%; margin-right: 4%; text-align: center; }
.l-header__nav ul { max-width: 76%; }
.l-header__nav li { float: left; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; text-decoration: none; margin-left: 25px; }
.l-header__nav li:first-child { margin-left: 0; }
.l-header__nav li.is-current { font-weight: bold; }
.l-header__nav li a { color: #000; text-decoration: none; }
.l-header__nav li a:hover { text-decoration: underline; }
.l-header__btn { float: right; width: /*22.428572%*/30%; font-size: 13px; font-size: 1.3rem; text-align: right; padding-top: 0; }
.l-header__btn li { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 100%; max-width: 100px; text-align: center; }
.l-header__btn li a { display: block; border: 1px solid #000; color: #000; text-decoration: none; }
.l-header__btn li a:hover { opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); background: #000; color: #fff; }
.l-header__btn li + li a { /* border-left: 0; */margin-left: -1px; }

.l-header__btn .tel{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  margin-bottom: 5px;

}
.l-header__btn .tel small{font-size: 14px;}
.l-header__btn .tel span{font-size: 12px;padding: 5px;margin-top: -5px;background-color: #900000;color: #fff;position: relative;top: -7px;}

/*=======================================
ページタイトル
=========================================*/
/*=======================================
コンテンツ
=========================================*/
/*=======================================
パンくずリスト
=========================================*/
/*=======================================
コンテナ
=========================================*/
/*=======================================
フッター
=========================================*/
.l-footer { text-align: center; padding-top: 40px; padding-bottom: 40px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.l-footer .nav { margin-bottom: 60px; }
.l-footer .nav a { color: #333; text-decoration: none; }
.l-footer .nav a:hover { text-decoration: underline; }
.l-footer .nav li { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-left: 25px; }
.l-footer .nav li:first-child { margin-left: 0; }
.l-footer h1 { margin-bottom: 30px; }
.l-footer .info { font-size: 13px; font-size: 1.3rem; line-height: 200%; margin-bottom: 20px; }
.l-footer .copyright { font-size: 10px; font-size: 1rem; }
.l-footer .contact { margin-bottom: 30px; }
.l-footer .contact a { color: #333; /*text-decoration: none;*/ }
.l-footer .contact a:hover { text-decoration: underline; }

/*=======================================
ページトップへ
=========================================*/
.l-pagetop { position: fixed; right: 30px; bottom: 30px; z-index: 999; }

/* ----------------------------- 2. トップページ */
/*=======================================
KV
=========================================*/
.l-kv { text-align: center; margin-bottom: 40px; }
.l-kv p:nth-child(2) { text-align: right; font-size: 16px; font-size: 1.6rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; margin-top: 18px; }

/*=======================================
トップページ
=========================================*/
.p-top__room { padding-bottom: 40px; }
.p-top__room .block1 .box1 { float: left; width: 50%; margin-bottom: 20px; }
.p-top__room .block1 .box1:nth-child(2n+1) { clear: both; }
.p-top__room .block1 .box1 p { text-align: center; font-size: 16px; font-size: 1.6rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; margin-top: 18px; }
.p-top__news { padding-top: 40px; padding-bottom: 40px; }
.p-top__news li { float: left; width: 32.5%; margin-left: 1.25%; margin-bottom: 40px; }
.p-top__news li:nth-child(3n+1) { clear: both; margin-left: 0; }
.p-top__news li a { display: block; color: #333; text-decoration: none; }
.p-top__news li .txt1 { margin-top: 12px; }
.p-top__news li .txt1 p { font-size: 13px; font-size: 1.3rem; line-height: 160%; }
.p-top__news li .txt1 p.title { font-size: 14px; font-size: 1.4rem; line-height: 160%; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; margin-bottom: 10px; }
.p-top__news2 { padding-top: 40px; padding-bottom: 40px; }
.p-top__news2 ul { max-height: 400px; overflow: auto; }
.p-top__news2 li { border-top: 1px solid #ccc; padding: 20px 10px; }
.p-top__news2 li .img1 { float: left; width: 125px; }
.p-top__news2 li .txt1 p { font-size: 13px; font-size: 1.3rem; line-height: 160%; }
.p-top__news2 li .txt1 p.title { font-size: 14px; font-size: 1.4rem; line-height: 160%; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; margin-bottom: 10px; }
.p-top__news2 li .txt1 .content { margin-top: 5px; }
.p-top__news2 li:last-child { border-bottom: 1px solid #ccc; }
.p-top__menu { padding-top: 30px; padding-bottom: 40px; }
.p-top__menu .c-title1 { margin-bottom: 40px; }
.p-top__menu .block1 .box1, .p-top__menu .block1 .box2 { float: left; width: 33.3333%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 1px; margin-bottom: 20px; }
.p-top__menu .block1 .box1:nth-child(3n+1), .p-top__menu .block1 .box2:nth-child(3n+1) { clear: both; padding-left: 0; }
.p-top__menu .block1 .box1 p, .p-top__menu .block1 .box2 p, .p-top__menu .block1 .box3 p { text-align: center; font-size: 16px; font-size: 1.6rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; margin-top: 18px; }
.p-top__menu .block1 .box1 a, .p-top__menu .block1 .box2 a, .p-top__menu .block1 .box3 a { display: block; color: #000; text-decoration: none; }
.p-top__menu .block1 .box1 a:hover p, .p-top__menu .block1 .box2 a:hover p, .p-top__menu .block1 .box3 a:hover p { text-decoration: underline; }

.top-btn{
  width: 420px;
  margin:0 auto 66px;
}
.top-btn a{
  display: block;
  text-decoration: none;
  color: #FFF;
  background-color: #900000;
  height: 80px;
  line-height: 80px;
  -webkit-border-radius: 40px;
          border-radius: 40px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 22px;
  text-align: center;
}

/* ----------------------------- 3. 下層ページ */
/*=======================================
about
=========================================*/
.p-about__menu { padding-top: 30px; padding-bottom: 40px; }
.p-about__menu:nth-child(3) { padding-bottom: 80px; }
.p-about__menu .c-title1 { margin-bottom: 66px; }

.p-about__menu .block1 .box1, .p-about__menu .block1 .box2 { float: left; width: 33.3333%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 1px; margin-bottom: 20px; }
/*
.p-about__menu .block1 .box1:nth-child(3n+1), .p-about__menu .block1 .box2:nth-child(3n+1) { clear: both; padding-left: 0; }
*/
.p-about__menu .block1 .box1 p, .p-about__menu .block1 .box2 p { text-align: left; font-size: 18px; font-size: 1.8rem; line-height: 170%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; margin-top: 18px; }
.p-about__menu .block1 .box1 a, .p-about__menu .block1 .box2 a { display: block; color: #000; text-decoration: none; }
.p-about__menu .block1 .box1 a:hover p, .p-about__menu .block1 .box2 a:hover p { text-decoration: underline; }

.p-about__menu .block1 { background: #EEE; }
.p-about__menu .block1 .img1 { float: left; width: 50%; }
.p-about__menu .block1 .img2 { float: right; width: 50%; }
.p-about__menu .block1 .img1 .bx-wrapper { margin-bottom: 0; }
.p-about__menu .block1 .img2 .bx-wrapper { margin-bottom: 0; }
.p-about__menu .block1 .box1 { /*float: right;*/ width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 48px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; text-align: left; }
.p-about__menu .block1 .box2 { float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 48px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; text-align: left; }
/*
.p-about__menu:nth-child(1), .p-about__menu:nth-child(2), .p-about__menu:nth-child(3) { padding-bottom: 66px; background: url(../img/common/icon_1.png) no-repeat center bottom; margin-bottom: 54px; }
.p-about__menu .block1 .box2 { padding: 5px; }
*/
.p-about__menu:nth-child(2), .p-about__menu:nth-child(3) { padding-bottom: 66px; background: url(../img/common/icon_1.png) no-repeat center bottom; margin-bottom: 24px; }
.p-about__menu .block1 .img3 { float: left; width: 49.9999%; padding: 1px; }
.p-about__menu .info { border: 2px solid #ccc; text-align: center; padding: 16px; }
.p-about__menu .info p { font-size: 15px; font-size: 1.5rem; line-height: 200%; font-weight: bold; }
.p-about__menu .info dl { margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; width: 270px; }
.p-about__menu .info dt { float: left; width: 100px;}
.p-about__menu .info dd { text-align: left; width: 270px; }

/*=======================================
room
=========================================*/
.p-room__room { padding-bottom: 40px; }
.p-room__room .block1 .box1 { float: left; width: 50%; margin-bottom: 20px; }
.p-room__room .block1 .box1:nth-child(2n+1) { clear: both; }
.p-room__room .block1 .box1 p { text-align: center; font-size: 16px; font-size: 1.6rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; margin-top: 18px; }

/*=======================================
banquet
=========================================*/
.p-banquet__banquet { padding-bottom: 66px; background: url(../img/common/icon_1.png) no-repeat center bottom; margin-bottom: 54px; }
.p-banquet__banquet .l-kv { margin-bottom: 70px; }
.p-banquet__banquet .c-title1 { margin-bottom: 67px; }
.p-banquet__banquet .block1 { background: #EEE; margin-top: 20px; margin-bottom: 20px; }
.p-banquet__banquet .block1 .img1 { float: left; width: 50%; text-align: center; }
.p-banquet__banquet .block1 .img1 .bx-wrapper { margin-bottom: 0; }
.p-banquet__banquet .block1 .img1 .bx-wrapper .bx-pager { bottom: 1px; }
.p-banquet__banquet .block1 .img1 .bx-wrapper .bx-pager.bx-default-pager a { background: #B9B9B9; width: 8px; height: 8px; margin-left: 3px; margin-right: 3px; }
.p-banquet__banquet .block1 .img1 .bx-wrapper .bx-pager.bx-default-pager a:hover, .p-banquet__banquet .block1 .img1 .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; }
.p-banquet__banquet .block1 .box1 { float: right; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 48px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.p-banquet__banquet .block1 .box1 dl { margin-bottom: 16px; }
.p-banquet__banquet .block1 .box1 dt { float: left; clear: left; font-size: 16px; font-size: 2.0rem; margin-top: 17px; }
.p-banquet__banquet .block1 .box1 dd { float: left; margin-top: 12px; font-size: 20px; font-size: 3.6rem; }
.p-banquet__banquet .block1 .box1 dd span { font-size: 16px; font-size: 2.0rem; }
.p-banquet__banquet.banquet .block1 .box1 dt { width: 60px; }
.p-banquet__banquet.keji .block1 .box1 dt, .p-banquet__banquet.banquet { padding-bottom: 0; background-image: none; }
.p-banquet__banquet.keji .block1 .box1 dt .block1 .box1 dt, .p-banquet__banquet.keji .block1 .box1 dt , .p-banquet__banquet.banquet .block1 .box1 dt, .p-banquet__banquet.hoyo .block1 .box1 dt { width: 140px; }
.p-banquet__banquet .c-title2 { margin-bottom: 8px; }

/*=======================================
cuisine
=========================================*/
.p-cuisine__cuisine { padding-top: 40px; }
.p-cuisine__cuisine .c-title1 { margin-bottom: 67px; }
.p-cuisine__cuisine .block1 .box1 { float: left; width: 48%; margin-right: 4%; margin-bottom: 40px; text-align: center; }
.p-cuisine__cuisine .block1 .box1:nth-child(odd) { margin-right: 0; }
.p-cuisine__cuisine .block1 .box1:nth-child(1) { width: 100%; }
.p-cuisine__cuisine .block1 .box1 .img1 { background: #eee; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table; width: 100%; }
.p-cuisine__cuisine .block1 .box1 .img1 p { display: table-cell; height: 350px; vertical-align: middle; }
.p-cuisine__cuisine .block1 .box1 .txt1 h3 { font-size: 15px; font-size: 3.0rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; margin-bottom: 6px; line-height: 140%; }
.p-cuisine__cuisine .block1 .box1 .txt1 p { font-size: 14px; font-size: 2.0rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

/*=======================================
shopping
=========================================*/
.p-shopping__sake { padding-bottom: 70px; }
.p-shopping__sake .c-title2 { font-size: 24px; font-size: 2.4rem; margin-left: auto; margin-right: auto; display: block; text-align: center; max-width: 260px; }
.p-shopping__sake .block1 { margin-bottom: 40px; }
.p-shopping__sake .block1 .box1 { float: left; width: 48%; margin-left: 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }
.p-shopping__sake .block1 .box1:nth-child(2n+1) { clear: both; margin-left: 0; }
.p-shopping__sake .block1 .box1 .img1 { background: #EEE; padding: 20px; margin-bottom: 20px; }
.p-shopping__sake .block1 .box1 .txt1 .price { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; margin-bottom: 15px; }
.p-shopping__sake .block1 .box1 .txt1 .price em { font-size: 26px; font-size: 2.6rem; }
.p-shopping__sake .block1 .box1 .txt1 .price em span { font-size: 20px; font-size: 2rem; }
.p-shopping__sake .block1 .box1 .txt1 .date, .p-shopping__uminosachi .block1 .box1 .txt1 .date { text-align: center; margin-bottom: 20px; }
.p-shopping__sake .block1 .box1 .txt1 .date p, .p-shopping__uminosachi .block1 .box1 .txt1 .date p { display: inline-block; *display: inline; *zoom: 1; font-size: 14px; font-size: 1.4rem; padding: 3px 12px; border: 1px solid #000; }
.p-shopping__sake .block1 .box1 .txt1 .date p.period, .p-shopping__uminosachi .block1 .box1 .txt1 .date p.period { background: #000; color: #fff; text-align: center; }
.p-shopping__sake .block1 .box1 .txt1 .date p.reserve { border-color: #666; background: #E5DBB7; color: #000; }
.p-shopping__sake .block1 .box1 .txt1 .btn { padding: 0; }
.p-shopping__sake .block1 .box1 .txt1 .btn input[type="submit"], .p-shopping__sake .block1 .box1 .txt1 .btn button { background: #B20000 url(../img/common/icon_cart.png) no-repeat 24px center; color: #fff; display: inline-block; *display: inline; *zoom: 1; border-radius: 3px; -webkit-appearance: none; appearance: none; cursor: pointer; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; transition: 0.3s ease all; width: 100%; max-width: 200px; border: 0; padding: 8px 24px 8px 48px; }
.p-shopping__sake .block1 .box1 .txt1 .btn input[type="submit"]:hover, .p-shopping__sake .block1 .box1 .txt1 .btn button:hover { opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }
.p-shopping__sake .block1 .box1 .txt2 .price { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; margin-bottom: 15px; }
.p-shopping__sake .block1 .box1 .txt2 .price em { font-size: 26px; font-size: 2.6rem; }
.p-shopping__sake .block1 .box1 .txt2 .price em span { font-size: 20px; font-size: 2rem; }
.p-shopping__sake .block1 .box1 .txt2 .date { text-align: center; margin-bottom: 20px; }
.p-shopping__sake .block1 .box1 .txt2 .date p { display: inline-block; *display: inline; *zoom: 1; font-size: 14px; font-size: 1.4rem; padding: 3px 12px; border: 1px solid #000; }
.p-shopping__sake .block1 .box1 .txt2 .date p.period { background: #000; color: #fff; text-align: center; }
.p-shopping__sake .block1 .box1 .txt2 .date p.reserve { border-color: #666; background: #E5DBB7; color: #000; }
.p-shopping__sake .block1 .box1 .txt2 .btn { padding: 0; }
.p-shopping__sake .block1 .box1 .txt2 .btn input[type="submit"], .p-shopping__sake .block1 .box1 .txt2 .btn button { background: #B20000 url(../img/common/icon_cart.png) no-repeat 24px center; color: #fff; display: inline-block; *display: inline; *zoom: 1; border-radius: 3px; -webkit-appearance: none; appearance: none; cursor: pointer; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; transition: 0.3s ease all; width: 100%; max-width: 200px; border: 0; padding: 8px 24px 8px 48px; }
.p-shopping__sake .block1 .box1 .txt2 .btn input[type="submit"]:hover, .p-shopping__sake .block1 .box1 .txt2 .btn button:hover { opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }
.p-shopping__sake .block1 .box1 .txt2 { margin-top: 20px; padding-bottom: 20px; border-bottom: dotted 1px #ccc; }
.p-shopping__sake .block2 table { width: 100%; table-layout: fixed; margin-bottom: 5px; }
.p-shopping__sake .block2 th, .p-shopping__sake .block2 td { border: 1px solid #ccc; }
.p-shopping__sake .block2 thead th { text-align: center; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; padding-top: 8px; padding-bottom: 8px; vertical-align: middle; }
.p-shopping__sake .block2 thead th em { display: block; font-size: 26px; font-size: 2.6rem; font-weight: normal; }
.p-shopping__sake .block2 thead th.heading { background: #eee; font-size: 16px; font-size: 1.6rem; padding-top: 12px; padding-bottom: 12px; font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro L", "Kozuka Gothic Pro Light", "メイリオ", "Meiryo", "ＭＳ　Ｐゴシック", sans-serif; }
.p-shopping__sake .block2 tbody th { color: #fff; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.p-shopping__sake .block2 tbody th em { font-size: 26px; font-size: 2.6rem; font-weight: normal; }
.p-shopping__sake .block2 tbody td { padding-top: 16px; padding-bottom: 16px; }
.p-shopping__sake .block2 tbody th, .p-shopping__sake .block2 tbody td { text-align: center; vertical-align: middle; }
.p-shopping__sake .block2 tbody tr.perishable th { background: #7DABD5; }
.p-shopping__sake .block2 tbody tr.perishable td { background: #E2E9F5; }
.p-shopping__sake .block2 tbody tr.baked th { background: #A9714F; }
.p-shopping__sake .block2 tbody tr.baked td { background: #F1E6DA; }
.p-shopping__uminosachi { padding-top: 50px; padding-bottom: 50px; margin-bottom: 50px; }
.p-shopping__uminosachi .c-title2 { font-size: 24px; font-size: 2.4rem; margin-left: auto; margin-right: auto; display: block; text-align: center; max-width: 260px; }
.p-shopping__uminosachi .block1 { margin-bottom: 50px; }
.p-shopping__uminosachi .block1 .box1 { background: #fff; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 32%; margin-left: 2%; margin-bottom: 2%; border-radius: 3px; text-align: center; padding: 20px; }
.p-shopping__uminosachi .block1 .box1:nth-child(3n+1) { clear: both; margin-left: 0; }
.p-shopping__uminosachi .block1 .box1 .img1 { padding-bottom: 24px; }
.p-shopping__uminosachi .block1 .box1 .content { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-top: 15px; padding-bottom: 15px; }
.p-shopping__uminosachi .block1 .box1 .content .line-3of6 { padding-top: 41px; padding-bottom: 40px; }
.p-shopping__uminosachi .block1 .box1 .content .line-4of6 { padding-top: 27px; padding-bottom: 27px; }
.p-shopping__uminosachi .block1 .box1 .content .line-2of3 { padding-top: 14px; padding-bottom: 13px; }
.p-shopping__uminosachi .block1 .box1 .price { padding-top: 15px; text-align: center; }
.p-shopping__uminosachi .block1 .box1 .price p { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; }
.p-shopping__uminosachi .block1 .box1 .price p em { font-size: 26px; font-size: 2.6rem; }
.p-shopping__uminosachi .block1 .box1 .price p em span { font-size: 16px; font-size: 1.6rem; }
.p-shopping__uminosachi .block1 .box1 .price .btn { margin-top: 10px; padding: 0; }
.p-shopping__uminosachi .block1 .box1 .price .btn input[type="submit"], .p-shopping__uminosachi .block1 .box1 .price .btn button { background: #B20000 url(../img/common/icon_cart.png) no-repeat 24px center; color: #fff; display: inline-block; *display: inline; *zoom: 1; border-radius: 3px; -webkit-appearance: none; appearance: none; cursor: pointer; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; transition: 0.3s ease all; width: 100%; max-width: 200px; border: 0; padding: 8px 24px 8px 48px; }
.p-shopping__uminosachi .block1 .box1 .price .btn input[type="submit"]:hover, .p-shopping__uminosachi .block1 .box1 .price .btn button:hover { opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }
.p-shopping__uminosachi .block2 > p { text-align: center; margin-bottom: 32px; }
.p-shopping__uminosachi .block2 .box1 { float: left; width: 18%; margin-left: 2%; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; border-radius: 3px; text-align: center; }
.p-shopping__uminosachi .block2 .box1:nth-child(5n+2) { clear: both; margin-left: 0; }
.p-shopping__uminosachi .block2 .box1 .img1 { height: 125px; line-height: 125px; padding-bottom: 20px; -webkit-box-sizing: content-box; box-sizing: content-box; }
.p-shopping__uminosachi .block2 .box1 .img1 img { vertical-align: middle; }
.p-shopping__uminosachi .block2 .box1 .content { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-top: 10px; padding-bottom: 10px; text-align: center; }
.p-shopping__uminosachi .block2 .box1 .content .line-1of2 { padding-top: 12px; padding-bottom: 12px; }
.p-shopping__uminosachi .block2 .box1 .price { padding-top: 10px; text-align: center; }
.p-shopping__uminosachi .block2 .box1 .price p { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; }
.p-shopping__uminosachi .block2 .box1 .price p em { font-size: 26px; font-size: 2.6rem; }
.p-shopping__uminosachi .block2 .box1 .price p em span { font-size: 16px; font-size: 1.6rem; }
.p-shopping__uminosachi .block2 .box1 .price .btn { margin-top: 10px; padding: 0; }
.p-shopping__uminosachi .block2 .box1 .price .btn input[type="submit"], .p-shopping__uminosachi .block2 .box1 .price .btn input[type="submit"], .p-shopping__uminosachi .block2 .box1 .price .btn button { background: #B20000 url(../img/common/icon_cart.png) no-repeat 8px center; color: #fff; display: inline-block; *display: inline; *zoom: 1; border-radius: 3px; -webkit-appearance: none; appearance: none; cursor: pointer; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; transition: 0.3s ease all; font-size: 13px; font-size: 1.3rem; width: 100%; max-width: 160px; border: 0; padding: 8px; padding-left: 36px; }
.p-shopping__uminosachi .block2 .box1 .price .btn input[type="submit"]:hover, .p-shopping__uminosachi .block2 .box1 .price .btn input[type="submit"]:hover, .p-shopping__uminosachi .block2 .box1 .price .btn button:hover { opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }

/*=======================================
contact
=========================================*/
.p-contact__form { padding-bottom: 70px; }
.p-contact__form dl { border-top: 1px solid #ccc; padding-top: 10px; padding-bottom: 10px; margin: 0; }
.p-contact__form dl.email dt { padding-top: 6px; padding-bottom: 6px; }
.p-contact__form dt, .p-contact__form dd { display: table-cell; *display: inline; *zoom: 1; vertical-align: middle; }
.p-contact__form dt { width: 220px; font-weight: bold; }
.p-contact__form dd { padding-left: 20px; border-left: 1px solid #ccc; }
.p-contact__form dd .txt1, .p-contact__form dd .txt2 { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.p-contact__form dd .txt1 { font-size: 14px; font-size: 1.4rem; line-height: 140%; min-width: 330px; background: url(../img/common/icon_2.png) no-repeat right center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 40px; }
.p-contact__form dd .txt1 small { font-size: 12px; font-size: 1.2rem; }
.p-contact__form dd .txt2 { background-repeat: no-repeat; background-position: left center; padding-left: 45px; }
.p-contact__form dd .txt2.tel { background-image: url(../img/contact/icon_tel.png); }
.p-contact__form dd .txt2.fax { background-image: url(../img/contact/icon_fax.png); }
.p-contact__form dd .txt2 p { font-size: 30px; font-size: 3rem; font-weight: bold; }
.p-contact__form dd .txt3 { font-size: 13px; font-size: 1.3rem; }
.p-contact__form .form table { width: 100%; }
.p-contact__form .form th { background: #F1F1E9; font-weight: bold; text-align: left; vertical-align: top; width: 220px; }
.p-contact__form .form th, .p-contact__form .form td { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px 13px; border: 1px solid #ccc; }
.p-contact__form .form .privacy { padding-top: 30px; padding-bottom: 40px; text-align: center; }
.p-contact__form .form .privacy label { display: inline-block; *display: inline; *zoom: 1; cursor: pointer; }
.p-contact__form .form .btn { text-align: center; display: block; padding: 0; margin-top: 50px; }
.p-contact__form .form .btn input[type="submit"], .p-contact__form .form .btn input[type="button"], .p-contact__form .form .btn button { border: 1px solid #000; color: #000; -webkit-appearance: none; appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; *display: inline; *zoom: 1; cursor: pointer; text-align: center; font-size: 20px; font-size: 2rem; font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro L", "Kozuka Gothic Pro Light", "メイリオ", "Meiryo", "ＭＳ　Ｐゴシック", sans-serif; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; transition: 0.3s ease all; height: auto; font-weight: normal; line-height: 100%; padding: 16px; width: 100%; max-width: 340px; background: transparent; }
.p-contact__form .form .btn input[type="submit"]:hover, .p-contact__form .form .btn input[type="button"]:hover, .p-contact__form .form .btn button:hover { background: #000; color: #fff; }
.p-contact__form .form .btn input[type="submit"][disabled], .p-contact__form .form .btn input[type="button"][disabled], .p-contact__form .form .btn button[disabled] { cursor: default; border-color: #ccc; }
.p-contact__form #contents { padding-top: 0; }

/*=======================================
privacy
=========================================*/
.p-privacy__block1 { padding-top: 30px; padding-bottom: 70px; }
.p-privacy__block1 h4 { font-size: 15px; font-size: 1.5rem; font-weight: bold; margin-bottom: 30px; }
.p-privacy__block1 .block1 { font-size: 15px; font-size: 1.5rem; margin-bottom: 34px; }
.p-privacy__block1 .block1 ol { margin-bottom: 45px; list-style: decimal; margin-left: 1.5em; }
.p-privacy__block1 .block1 ol:last-child { margin-bottom: 0; }
.p-privacy__block1 .block1 li { text-indent: -1em; padding-left: 1em; line-height: 240%; margin-bottom: 8px; }
.p-privacy__block1 .block1 ul { position: relative; margin-left: -1em; }
.p-privacy__block1 .block1 ul li { line-height: 200%; margin-bottom: 4px; }
.p-privacy__block1 .block1 p { margin-bottom: 45px; }
.p-privacy__block1 .info { border: 2px solid #ccc; text-align: center; padding: 16px; }
.p-privacy__block1 .info p { font-size: 15px; font-size: 1.5rem; line-height: 200%; font-weight: bold; }

/*=======================================
pay
=========================================*/
.p-pay__block1 { margin-bottom: 50px; }
.p-pay__block1 h4 { font-weight: bold; margin-bottom: 5px; margin-top: 25px; }
.p-pay__block1 .c-table1 { width: auto; }
.p-pay__block1 .c-table1 td { text-align: center; }
.p-pay__postage { margin-bottom: 40px; }
.p-pay__postage .block1 { margin-bottom: 40px; }
.p-pay__postage .block1 table { width: 100%; }
.p-pay__postage .block1 th, .p-pay__postage .block1 td { text-align: center; border: 1px solid #BBB; padding: 12px 10px; }
.p-pay__postage .block1 th { font-weight: normal; }
.p-pay__postage .block1 thead th.type { padding: 8px; vertical-align: bottom; }
.p-pay__postage .block1 thead th.type p { background: #000; color: #fff; font-weight: bold; border-radius: 3px; }
.p-pay__postage .block1 thead th.heading { background: #eee; font-weight: bold; }
.p-pay__postage .block1 thead th.area p { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.p-pay__postage .block1 thead th.area p + p { padding-left: 8px; }
.p-pay__postage .block1 thead th.area1 { background: #DCDFEB; }
.p-pay__postage .block1 thead th.area2 { background: #F3E6BD; }
.p-pay__postage .block1 thead th.area3 { background: #EFD4E0; }
.p-pay__postage .block1 thead th.area4 { background: #F3E6BD; }
.p-pay__postage .block1 thead th.area5 { background: #DCE5C0; }
.p-pay__postage .block1 thead th.area6 { background: #DDD1E1; }
.p-pay__postage .block1 thead th.area7 { background: #F0D8CD; }
.p-pay__postage .block2 h4 { border: 1px solid #9C894E; background: #B7A56E; color: #fff; text-align: center; border-radius: 3px; font-size: 16px; font-size: 1.6rem; padding: 14px 6px; margin-bottom: 30px; box-shadow: 0 0 0 1px #fff inset; }
.p-pay__postage .block2 li { float: left; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #ccc; padding-top: 8px; padding-bottom: 18px; text-align: center; }
.p-pay__postage .block2 li:last-child { border-right: 1px solid #ccc; }
.p-pay__postage .block2 li:nth-child(4n+1) { clear: both; }
.p-pay__postage .block2 li .img1 { height: 200px; line-height: 200px; }
.p-pay__postage .block2 li .img1 img { vertical-align: middle; }
.p-pay__postage .block2 li p { font-weight: bold; font-size: 16px; font-size: 1.6rem; }
.p-pay__postage .block2 .box1 { margin-top: 40px; border: 2px solid #ccc; text-align: center; padding: 25px; }
.p-pay__postage .block2 .box1 img, .p-pay__postage .block2 .box1 p { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.p-pay__postage .block2 .box1 p { font-weight: bold; margin-left: 10px; }

.careful{
  background-color: #eee;
  padding: 15px;
  margin-bottom: 40px;
}
.careful p{
  margin-bottom: 1em;
}
.careful p:last-child{
  margin-bottom: 0;
}
.careful p span{
  font-weight: bold;
  color: #900000;
}

/* ----------------------------- 4. 投稿 */
/* ----------------------------- 9. タブレット */
/* ----------------------------- 9. スマホ */
@media screen and (max-width: 767px) { /*======================================= スマホ =========================================*/
  body { font-size: 14px; font-size: 1.4rem; line-height: 140%; min-width: initial; }
  /* ========================================= パーツ */
  .c-title1 .h { font-size: 17px; font-size: 1.7rem; }
  .c-title1 .txt { margin-top: 12px; font-size: 13px; font-size: 1.3rem; }
  .c-title2 { font-size: 18px; font-size: 1.8rem; margin-bottom: 20px; }
  [class*="c-wrap"] [class*="c-wrap"] { padding-left: 0; padding-right: 0; }
  .c-table2 th, .c-table2 td { padding-right: 10px; padding-left: 10px; }
  .js-table-xscroll__wrap { width: 100%; overflow-x: auto; }
  .js-table-xscroll__in { width: 1000px; }
  /* ========================================= ヘッダー */
  .l-header { padding-top: 10px; padding-bottom: 10px; }
  .l-header__nav { float: none; width: auto; }
  .l-header__nav h1, .l-header__nav ul { display: block; }
  .l-header__nav h1 { max-width: 80%; float: left; text-align: left; }
  .l-header__nav h1 img { max-width: 60%; }
  .l-header__nav .btn1 { float: right; width: 18.926%; position: relative; text-align: center; z-index: 19; padding-top: 7px; }
  .l-header__nav .btn1 span { display: inline-block; *display: inline; *zoom: 1; width: 23px; height: 2px; background: #000; vertical-align: middle; position: relative; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; transition: 0.3s ease all; }
  .l-header__nav .btn1 span:before, .l-header__nav .btn1 span:after { content: ""; display: block; position: absolute; width: 100%; height: 2px; background: #000; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; transition: 0.3s ease all; transform-origin: center; }
  .l-header__nav .btn1 span:before { top: -8px; }
  .l-header__nav .btn1 span:after { bottom: -8px; }
  .l-header__nav .btn1.is-open span { background: transparent; }
  .l-header__nav .btn1.is-open span:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center; top: 0; }
  .l-header__nav .btn1.is-open span:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); transform-origin: center; bottom: 0; }
  .l-header__nav ul { display: none; clear: both; padding-top: 15px; max-width: initial; }
  .l-header__nav li { text-align: left; float: none; margin-left: 0; }
  .l-header__nav li a { display: block; padding: 15px 10px; border-bottom: 1px dotted #ccc; }
  .l-header__nav li:last-child a { border-bottom: 0; }
  .l-header__btn { display: none; float: none; width: 100%; padding-top: 10px; padding-bottom: 20px; }
  .l-header__btn li { float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: initial; }
  .l-header__btn li a { padding: 8px 4px; }

  .l-header__btn .tel{
    text-align: center!important;
    line-height: 1.6;
  }
  .l-header__btn .tel span{
    display: block;
    margin-top: 10px;
    
  }

  .l-breadcrumb { padding-top: 12px; padding-bottom: 12px; margin-bottom: 20px; }
  .l-breadcrumb li { font-size: 12px; font-size: 1.2rem; }
  #container { padding-right: 0; }
  /* ========================================= フッター */
  .l-footer { padding-top: 30px; padding-bottom: 20px; }
  .l-footer .nav { margin-bottom: 20px; }
  .l-footer .nav ul { max-width: 200px; margin-left: auto; margin-right: auto; }
  .l-footer .nav li { margin-left: 0; border-bottom: 1px dotted #ddd; padding: 8px 12px; }
  .l-footer h1 { margin-bottom: 20px; }
  /* ========================================= top */
  .l-kv { margin-bottom: 20px; }
  .p-top__room .block1 .box1 { float: none; width: auto; }
  .p-top__news li { float: none; width: auto; margin-left: 0; }
  .p-top__news2 ul { max-height: 250px; }
  .p-top__news2 li .img1 { width: auto; float: none; text-align: center; margin-bottom: 10px; }
  .p-top__news2 li .txt1 { margin-left: 0; }
  .p-top__menu { padding-top: 20px; }
  .p-top__menu .c-title1 { margin-bottom: 30px; }
  .p-top__menu .block1 .box1, .p-top__menu .block1 .box2 { float: none; width: auto; padding-left: 0; }
  .p-top__menu .block1 .c-wrap { padding-left: 0; padding-right: 0; }
  .p-top__menu .block1 .img1, .p-banquet__banquet .block1 .box1, .p-banquet__banquet .block1 .box2 { float: none; width: auto; }
  .p-top__menu .block1 .box1 { line-height: 180%; }


  .top-btn{
    width: 320px;
    margin:0 auto 66px;
  }
  .top-btn a{

    height: 60px;
    line-height: 60px;
    -webkit-border-radius: 30px;
            border-radius: 30px;
    
    font-size: 16px;

  }

    /* ========================================= about */
  .p-about__menu { padding-top: 20px; }
  .p-about__menu .c-title1 { margin-bottom: 30px; }
  .p-about__menu .block1 .box1, .p-about__menu .block1 .box2 { float: none; width: auto; padding-left: 0; }
  .p-about__menu .block1 .c-wrap { padding-left: 0; padding-right: 0; }
  .p-about__menu .block1 .img1, .p-about__menu .block1 .img2, .p-about__menu .block1 .img3, .p-banquet__banquet .block1 .box1, .p-banquet__banquet .block1 .box2 { float: none; width: auto; }
  .p-about__menu .block1 .box1 { padding: 20px; line-height: 180%; }
  .p-about__menu .block1 .box2 { padding: 20px; line-height: 180%; }
  .p-about__menu:nth-child(1) { padding-bottom: 0; margin-bottom: 0; }
  .p-about__menu:nth-child(1) .box1 { margin-bottom: 0; }
  .p-about__menu:nth-child(2) { padding-top: 0; margin-top: 0; }
  /* ========================================= room */
  .p-room__room .block1 .box1 { float: none; width: auto; }
  /* ========================================= banquet */
  .p-banquet__banquet { background-size: 15px auto; }
  .p-banquet__banquet .l-kv { margin-bottom: 20px; }
  .p-banquet__banquet .c-title1 { margin-bottom: 30px; }
  .p-banquet__banquet .block1 .c-wrap { padding-left: 0; padding-right: 0; }
  .p-banquet__banquet .block1 .img1, .p-banquet__banquet .block1 .box1 { float: none; width: auto; }
  .p-banquet__banquet .block1 .img1 { text-align: center; padding-top: 20px; padding-bottom: 20px; }
  .p-banquet__banquet .block1 .box1 { padding: 20px; line-height: 180%; }
/*
  .p-banquet__banquet .block1 .box1 dl { margin-top: 25px; }
*/
  /* ========================================= cuisine */
  .p-cuisine__cuisine { padding-top: 0; }
  .p-cuisine__cuisine .block1 { margin-bottom: 30px; }
  .p-cuisine__cuisine .block1 .box1 { float: none; width: auto; margin-left: 0; margin-bottom: 50px; }
  .p-cuisine__cuisine .block1 .box1 .img1 { margin-bottom: 10px; display: block; }
  .p-cuisine__cuisine .block1 .box1 .img1.empty { min-height: 200px; }
  .p-cuisine__cuisine .block1 .box1 .img1 p { display: block; height: auto; padding: 25px 15px; }
  .p-cuisine__cuisine .block1 .box1 .img1 img { max-width: 75%; }
  /* ========================================= shopping */
  .p-shopping__sake .block1 .box1 { float: left; width: auto; margin-left: 0; margin-bottom: 40px; }
  .p-shopping__uminosachi .block1 .box1 { float: none; width: auto; margin-left: 0; margin-bottom: 15px; }
  .p-shopping__uminosachi .block1 .box1 .content .line-3of6, .p-shopping__uminosachi .block1 .box1 .content .line-4of6, .p-shopping__uminosachi .block1 .box1 .content .line-2of3 { padding-top: 0; padding-bottom: 0; }
  .p-shopping__uminosachi .block2 .box1 { float: none; width: auto; margin-bottom: 15px; }
  .p-shopping__uminosachi .block2 .box1 .img1 { height: auto; line-height: 160%; }
  .p-shopping__uminosachi .block2 .box1 .content .line-1of2 { padding-top: 0; padding-bottom: 0; }
  /* ========================================= contact */
  .p-contact__form dl { padding-top: 20px; padding-bottom: 20px; }
  .p-contact__form dt, .p-contact__form dd { display: block; }
  .p-contact__form dt { width: auto; }
  .p-contact__form dd { border-left: 0; padding-left: 0; padding-top: 15px; }
  .p-contact__form dd .txt1, .p-contact__form dd .txt2 { display: block; }
  .p-contact__form dd .txt1 { min-width: initial; margin-right: 0; margin-bottom: 15px; background: none; }
  .p-contact__form dd .txt2 p { font-size: 20px; font-size: 2rem; }
  .p-contact__form .form table, .p-contact__form .form tbody, .p-contact__form .form tr, .p-contact__form .form th, .p-contact__form .form td { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .p-contact__form .form td input[type="text"], .p-contact__form .form td input[type="tel"], .p-contact__form .form td input[type="email"], .p-contact__form .form td select { font-size: 16px; font-size: 1.6rem; }
  .p-contact__form .form .btn { margin-top: 20px; }
  .p-contact__form .form .btn input[type="submit"], .p-contact__form .form .btn button { font-size: 16px; font-size: 1.6rem; }
  /* ========================================= pay */
  .p-pay__postage .block2 h4 { font-size: 14px; font-size: 1.4rem; text-align: left; }
  .p-pay__postage .block2 li {  width: 48%!important; border-left: 0; border-top: none; }
  .p-pay__postage .block2 li:last-child { border-bottom: 1px solid #ccc; border-right: 0; }
  .p-pay__postage .block2 .box1 img { display: inline; }
  .p-pay__postage .block2 .box1 p { display: block; margin-left: 0; margin-top: 10px; text-align: left; } }

.btn-primary, .btn-info {
  color: #fff !important;
  text-decoration: none !important;
  margin-bottom: 16px;
}
#detail_box__next_button, #detail_box__back_button {
  margin: 16px 0;
}
#top_box__confirm_button, #confirm_box__confirm_button, #confirm_box__back_button, #complete_box__top_button, #top_box__next_button, #yamato__pay_button, #yamato__back_button, #detail_box__edit_button, #withdraw_box__confirm_button {
  margin-top: 16px;
}
.youtube-wrap {
  margin-bottom: 40px;
}
.iframe-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

::-webkit-input-placeholder {
  color: #CCC;
}
:-ms-input-placeholder {
  color: #CCC;
}
::placeholder {
  color: #CCC
}



.l-kv { position: relative; }
.oshirasepc { position: absolute; right: 20px; bottom: 20px; }
.oshirasesp { position: absolute; right: 0; bottom: 5px; }
.box3 { float: none; margin-left: auto; margin-right: auto; width: 600px; margin-bottom: 30px; }
@media screen and (max-width: 767px) {
  .box3 { width: 100%; }
}