@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; }

/* =======================================
記事詳細
========================================*/
#entrybody { font-size: 15px; font-size: 1.5rem; margin-top: 0; word-break: break-all; line-height: 180%; }
#entrybody ul, #entrybody ol { margin-top: 12px; margin-bottom: 12px; list-style-position: inside; text-align: left; }
#entrybody ul ul, #entrybody ul ol, #entrybody ol ul, #entrybody ol ol { margin-left: 2em; }
#entrybody ul li, #entrybody ol li { text-align: left; }
#entrybody ol { list-style-type: decimal; }
#entrybody li ul { margin-top: 3px; }
#entrybody li li { font-size: 13px; font-size: 1.3rem; }
#entrybody strong, #entrybody strong span { font-weight: bold !important; }
#entrybody span strong, #entrybody del strong, #entrybody em strong { font-weight: bold !important; }
#entrybody em { font-style: italic !important; }
#entrybody dfn { font-style: normal; border-bottom: 1px dotted #333; }
#entrybody p { line-height: 180%; margin-bottom: 1.2em; clear: both; *zoom: 1; }
#entrybody p:after { display: block; content: ""; clear: both; }
#entrybody blockquote { margin-top: 15px; margin-bottom: 15px; background: #d6e1e1; border-radius: 10px; padding: 4.545% 5%; }
#entrybody blockquote cite { font-style: italic; }
#entrybody blockquote p:last-child { margin-bottom: 0; }
#entrybody blockquote a { color: #333; }
#entrybody img { margin-bottom: 1em; }
#entrybody iframe { max-width: 100%; }
#entrybody .u-youtube-wrap { padding-top: 56.25%; }
#entrybody h1 { font-size: 28px; font-size: 2.8rem; line-height: 150%; }
#entrybody h2 { font-size: 20px; font-size: 2rem; line-height: 150%; border-bottom: 1px solid #DADADA; padding-bottom: 25px; margin-bottom: 35px; position: relative; margin-top: 50px; }
#entrybody h2:after { display: block; content: ""; position: absolute; bottom: -1px; left: 0; width: 180px; border-bottom: 4px solid #1F2C5C; }
#entrybody h3 { font-size: 21px; font-size: 2.1rem; line-height: 150%; }
#entrybody h4 { font-size: 18px; font-size: 1.8rem; line-height: 150%; }
#entrybody h5 { font-size: 16px; font-size: 1.6rem; line-height: 150%; }
#entrybody h6 { font-size: 15px; font-size: 1.5rem; line-height: 150%; }
#entrybody table { width: 100%; }
#entrybody table thead { background-color: #1F2C5C; color: #fff; font-size: 15px; font-size: 1.5rem; }
#entrybody table thead th, #entrybody table thead td { border-color: #fff; }
#entrybody table th, #entrybody table td { border: 1px solid #d7e2e2; padding: 6px 8px; text-align: left; }
#entrybody table th { font-weight: bold; }

.alignleft, img.alignleft { display: inline; float: left; margin-right: 20px; margin-top: 4px; }

.alignright, img.alignright { display: inline; float: right; margin-left: 20px; margin-top: 4px; }

.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; }

.wp-caption { border: none; background: #f1f1f1; color: #888; font-size: 12px; font-size: 1.2rem; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px; border-radius: 0; }
.wp-caption img { margin: 5px; }
.wp-caption p.wp-caption-text { margin-bottom: 4px; }

.wp-smiley { margin: 0; }

body#tinymce ul, body#tinymce ol { margin-bottom: 1.5em; }
body#tinymce ul li { list-style: disc; }
body#tinymce ol li { list-style: decimal; }

@media screen and (max-width: 768px) { #entrybody { font-size: 14px; font-size: 1.4rem; }
  .alignleft, img.alignleft { margin-right: 0; float: none; }
  .alignright, img.alignright { margin-left: 0; float: none; }
  img.alignleft, img.alignright, img.aligncenter { margin-bottom: 10px !important; } }
/* ----------------------------- 全体 */
html { font-size: 62.5%; }

body { font-size: 15px; font-size: 1.5rem; font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; line-height: 200%; color: #302D39; background-color: #fff; position: relative; -webkit-text-size-adjust: 100%; min-width: 1200px; letter-spacing: 0.15em; }

::-webkit-input-placeholder { color: #dbdbdb; }

:-ms-input-placeholder { color: #dbdbdb; }

::-moz-placeholder { color: #dbdbdb; }

::-placeholder { color: #dbdbdb; }

a:link, a:visited { color: #0f0f0f; text-decoration: underline; }
a:hover, a:active { color: #0f0f0f; text-decoration: none; }
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); }

@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 !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-gothic { font-family: "YakuHanJP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", HiraginoCustom, "Hiragino Kaku Gothic ProN", YuGothic, "Yu Gothic Medium", 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: 1200px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }

.c-wrap__1026 { max-width: 1026px; margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px; }

.c-wrap__1100 { max-width: 1100px; margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px; }

.c-wrap__1720 { max-width: 1720px; margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px; }

.c-wrap__separate { padding-left: 90px; padding-right: 90px; }

.u-bg1 { background: #e9e9e9; }
.u-bg2 { background: #f5f5f5; }
.u-bg3 { background: #ececec; }
.u-bg4 { background: #f2f2f2; }

.u-gap { padding-top: 84px; padding-bottom: 84px; }

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

.u-blank { display: inline; background: url(img/common/icon_blank.svg) no-repeat right center; background-size: 11px 9px; padding-right: 18px; }

.c-btn1 a { display: inline-block; *display: inline; *zoom: 1; border: 1px solid #1F2C5C; text-decoration: none; color: #1F2C5C; width: 100%; max-width: 380px; font-size: 17px; font-size: 1.7rem; letter-spacing: 0.25em; padding-top: 19px; padding-bottom: 19px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }
.c-btn1 a span { display: inline-block; *display: inline; *zoom: 1; background: url(img/common/arrow_1.svg) no-repeat right center; background-size: 50px 14px; padding-right: 65px; }
.c-btn1__thin a { max-width: 300px; padding-top: 9px; padding-bottom: 9px; font-size: 16px; font-size: 1.6rem; }

.c-btn2 { text-align: center; }
.c-btn2 a { display: inline-block; *display: inline; *zoom: 1; color: #1F2C5C; border: 1px solid #1F2C5C; background: #fff; width: 100%; max-width: 190px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; font-size: 1.4rem; text-decoration: none; padding-top: 4px; padding-bottom: 4px; }

.c-btn3 a { display: inline-block; *display: inline; *zoom: 1; border: none; background-color: #1F2C5C; text-decoration: none; color: white; width: 100%; max-width: 300px; font-size: 16px; font-size: 1.6rem; letter-spacing: 0.25em; padding-top: 9px; padding-bottom: 9px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }
.c-btn3 a span { display: inline-block; *display: inline; *zoom: 1; background: url(img/common/arrow_1-white.svg) no-repeat right center; background-size: 50px 14px; padding-right: 65px; }

.c-title1 { text-align: center; border-bottom: 3px solid #1F2C5C; padding-bottom: 5px; margin-bottom: 30px; }
.c-title1 .h { font-size: 18px; font-size: 1.8rem; line-height: 180%; font-weight: normal; letter-spacing: 0.25em; color: #1F2C5C; }

.c-title2 { border: 1px solid #1F2C5C; padding: 9px; margin-bottom: 25px; }
.c-title2 .h { text-align: center; color: #1F2C5C; font-weight: normal; letter-spacing: 0.2em; }

.c-title3 { background: #1F2C5C; color: #fff; text-align: center; padding-top: 22px; padding-bottom: 22px; margin-bottom: 60px; }
.c-title3 .h { font-size: 20px; font-size: 2rem; font-weight: normal; letter-spacing: 0.3em; line-height: 160%; }

.c-title4 { font-size: 17px; font-size: 1.7rem; font-weight: normal; letter-spacing: 0.3em; margin-bottom: 25px; color: #1F2C5C; position: relative; padding-left: 37px; }
.c-title4:before { display: block; content: ""; position: absolute; left: 0; top: 50%; width: 26px; border-top: 1px solid #1F2C5C; }

.c-table1, .c-table1 table { width: 100%; border-collapse: separate; }
.c-table1 th, .c-table1 td { vertical-align: top; text-align: left; padding: 24px 8px 12px; }
.c-table1 th { font-weight: normal; width: 240px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.c-table1 th:before { display: block; content: ""; width: calc(100% - 40px); position: absolute; left: 0; bottom: 0; border-bottom: 1px solid #1F2C5C; }
.c-table1 th.blank:before { display: none; }
.c-table1 td { border-bottom: 1px solid #ccc; }
.c-table1__thin th, .c-table1__thin td { padding: 14px 3px 3px; }
.c-table1__thin th { width: 133px; }
.c-table1__thin th:before { width: calc(100% - 18px); }

.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; }

.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: 65%; 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-googlemap-wrap2 { position: relative; padding-bottom: 40.5%; height: 0; overflow: hidden; }
.u-googlemap-wrap2 iframe, .u-googlemap-wrap2 object, .u-googlemap-wrap2 embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.u-googlecalendar-wrap { position: relative; padding-bottom: 100%; height: 0; overflow: hidden; }
.u-googlecalendar-wrap iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

.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; }

.c-pagination { clear: both; position: relative; color: #302D39; text-align: center; padding-top: 30px; font-size: 14px; font-size: 1.4rem; }
.c-pagination span, .c-pagination a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; margin-left: 3px; margin-right: 3px; width: 44px; height: 44px; line-height: 44px; background-color: #fff; color: #0f0f0f; text-decoration: none; border-radius: 44px; }
.c-pagination span.dot { background-color: transparent; }
.c-pagination a.next, .c-pagination a.prev { background-repeat: no-repeat; background-position: center; background-color: transparent; width: 44px; height: 44px; background-size: 44px 44px; white-space: nowrap; overflow: hidden; text-indent: 100%; }
.c-pagination a.next { background-image: url(img/common/arrow_3.svg); }
.c-pagination a.prev { background-image: url(img/common/arrow_3-left.svg); }
.c-pagination span.current, .c-pagination a.page:hover { opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); cursor: pointer; background: #1F2C5C; color: #fff; }

.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); } }
.js-animate, .js-x-animate { opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.js-animate.is--animate, .js-x-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, .js-x-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, .js-x-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, .js-x-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, .js-x-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, .js-x-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, .js-x-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, .js-x-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, .js-x-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, .js-x-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, .js-x-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, .js-x-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, .js-x-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, .js-x-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, .js-x-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--delay15, .js-x-animate--delay15 { -webkit-animation-delay: 1.5s !important; -moz-animation-delay: 1.5s !important; -ms-animation-delay: 1.5s !important; -o-animation-delay: 1.5s !important; animation-delay: 1.5s !important; }
.js-animate--delay16, .js-x-animate--delay16 { -webkit-animation-delay: 1.6s !important; -moz-animation-delay: 1.6s !important; -ms-animation-delay: 1.6s !important; -o-animation-delay: 1.6s !important; animation-delay: 1.6s !important; }
.js-animate--delay17, .js-x-animate--delay17 { -webkit-animation-delay: 1.7s !important; -moz-animation-delay: 1.7s !important; -ms-animation-delay: 1.7s !important; -o-animation-delay: 1.7s !important; animation-delay: 1.7s !important; }
.js-animate--delay18, .js-x-animate--delay18 { -webkit-animation-delay: 1.8s !important; -moz-animation-delay: 1.8s !important; -ms-animation-delay: 1.8s !important; -o-animation-delay: 1.8s !important; animation-delay: 1.8s !important; }
.js-animate--delay19, .js-x-animate--delay19 { -webkit-animation-delay: 1.9s !important; -moz-animation-delay: 1.9s !important; -ms-animation-delay: 1.9s !important; -o-animation-delay: 1.9s !important; animation-delay: 1.9s !important; }
.js-animate--delay20, .js-x-animate--delay20 { -webkit-animation-delay: 2s !important; -moz-animation-delay: 2s !important; -ms-animation-delay: 2s !important; -o-animation-delay: 2s !important; animation-delay: 2s !important; }
.js-animate--delay21, .js-x-animate--delay21 { -webkit-animation-delay: 2.1s !important; -moz-animation-delay: 2.1s !important; -ms-animation-delay: 2.1s !important; -o-animation-delay: 2.1s !important; animation-delay: 2.1s !important; }
.js-animate--delay22, .js-x-animate--delay22 { -webkit-animation-delay: 2.2s !important; -moz-animation-delay: 2.2s !important; -ms-animation-delay: 2.2s !important; -o-animation-delay: 2.2s !important; animation-delay: 2.2s !important; }
.js-animate--delay23, .js-x-animate--delay23 { -webkit-animation-delay: 2.3s !important; -moz-animation-delay: 2.3s !important; -ms-animation-delay: 2.3s !important; -o-animation-delay: 2.3s !important; animation-delay: 2.3s !important; }
.js-animate--delay24, .js-x-animate--delay24 { -webkit-animation-delay: 2.4s !important; -moz-animation-delay: 2.4s !important; -ms-animation-delay: 2.4s !important; -o-animation-delay: 2.4s !important; animation-delay: 2.4s !important; }
.js-animate--delay25, .js-x-animate--delay25 { -webkit-animation-delay: 2.5s !important; -moz-animation-delay: 2.5s !important; -ms-animation-delay: 2.5s !important; -o-animation-delay: 2.5s !important; animation-delay: 2.5s !important; }
.js-animate--delay26, .js-x-animate--delay26 { -webkit-animation-delay: 2.6s !important; -moz-animation-delay: 2.6s !important; -ms-animation-delay: 2.6s !important; -o-animation-delay: 2.6s !important; animation-delay: 2.6s !important; }
.js-animate--delay27, .js-x-animate--delay27 { -webkit-animation-delay: 2.7s !important; -moz-animation-delay: 2.7s !important; -ms-animation-delay: 2.7s !important; -o-animation-delay: 2.7s !important; animation-delay: 2.7s !important; }
.js-animate--delay28, .js-x-animate--delay28 { -webkit-animation-delay: 2.8s !important; -moz-animation-delay: 2.8s !important; -ms-animation-delay: 2.8s !important; -o-animation-delay: 2.8s !important; animation-delay: 2.8s !important; }
.js-animate--delay29, .js-x-animate--delay29 { -webkit-animation-delay: 2.9s !important; -moz-animation-delay: 2.9s !important; -ms-animation-delay: 2.9s !important; -o-animation-delay: 2.9s !important; animation-delay: 2.9s !important; }
.js-animate--delay30, .js-x-animate--delay30 { -webkit-animation-delay: 3s !important; -moz-animation-delay: 3s !important; -ms-animation-delay: 3s !important; -o-animation-delay: 3s !important; animation-delay: 3s !important; }
.js-animate--delay31, .js-x-animate--delay31 { -webkit-animation-delay: 3.1s !important; -moz-animation-delay: 3.1s !important; -ms-animation-delay: 3.1s !important; -o-animation-delay: 3.1s !important; animation-delay: 3.1s !important; }
.js-animate--delay32, .js-x-animate--delay32 { -webkit-animation-delay: 3.2s !important; -moz-animation-delay: 3.2s !important; -ms-animation-delay: 3.2s !important; -o-animation-delay: 3.2s !important; animation-delay: 3.2s !important; }
.js-animate--delay33, .js-x-animate--delay33 { -webkit-animation-delay: 3.3s !important; -moz-animation-delay: 3.3s !important; -ms-animation-delay: 3.3s !important; -o-animation-delay: 3.3s !important; animation-delay: 3.3s !important; }
.js-animate--delay34, .js-x-animate--delay34 { -webkit-animation-delay: 3.4s !important; -moz-animation-delay: 3.4s !important; -ms-animation-delay: 3.4s !important; -o-animation-delay: 3.4s !important; animation-delay: 3.4s !important; }
.js-animate--delay35, .js-x-animate--delay35 { -webkit-animation-delay: 3.5s !important; -moz-animation-delay: 3.5s !important; -ms-animation-delay: 3.5s !important; -o-animation-delay: 3.5s !important; animation-delay: 3.5s !important; }
.js-animate--delay36, .js-x-animate--delay36 { -webkit-animation-delay: 3.6s !important; -moz-animation-delay: 3.6s !important; -ms-animation-delay: 3.6s !important; -o-animation-delay: 3.6s !important; animation-delay: 3.6s !important; }
.js-animate--delay37, .js-x-animate--delay37 { -webkit-animation-delay: 3.7s !important; -moz-animation-delay: 3.7s !important; -ms-animation-delay: 3.7s !important; -o-animation-delay: 3.7s !important; animation-delay: 3.7s !important; }
.js-animate--delay38, .js-x-animate--delay38 { -webkit-animation-delay: 3.8s !important; -moz-animation-delay: 3.8s !important; -ms-animation-delay: 3.8s !important; -o-animation-delay: 3.8s !important; animation-delay: 3.8s !important; }
.js-animate--delay39, .js-x-animate--delay39 { -webkit-animation-delay: 3.9s !important; -moz-animation-delay: 3.9s !important; -ms-animation-delay: 3.9s !important; -o-animation-delay: 3.9s !important; animation-delay: 3.9s !important; }
.js-animate--delay40, .js-x-animate--delay40 { -webkit-animation-delay: 4s !important; -moz-animation-delay: 4s !important; -ms-animation-delay: 4s !important; -o-animation-delay: 4s !important; animation-delay: 4s !important; }
.js-animate--duration1, .js-x-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, .js-x-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, .js-x-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, .js-x-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, .js-x-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, .js-x-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, .js-x-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, .js-x-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, .js-x-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, .js-x-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, .js-x-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, .js-x-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, .js-x-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, .js-x-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; }
.js-animate--duration15, .js-x-animate--duration15 { -webkit-animation-duration: 1.5s !important; -moz-animation-duration: 1.5s !important; -ms-animation-duration: 1.5s !important; -o-animation-duration: 1.5s !important; animation-duration: 1.5s !important; }
.js-animate--duration16, .js-x-animate--duration16 { -webkit-animation-duration: 1.6s !important; -moz-animation-duration: 1.6s !important; -ms-animation-duration: 1.6s !important; -o-animation-duration: 1.6s !important; animation-duration: 1.6s !important; }
.js-animate--duration17, .js-x-animate--duration17 { -webkit-animation-duration: 1.7s !important; -moz-animation-duration: 1.7s !important; -ms-animation-duration: 1.7s !important; -o-animation-duration: 1.7s !important; animation-duration: 1.7s !important; }
.js-animate--duration18, .js-x-animate--duration18 { -webkit-animation-duration: 1.8s !important; -moz-animation-duration: 1.8s !important; -ms-animation-duration: 1.8s !important; -o-animation-duration: 1.8s !important; animation-duration: 1.8s !important; }
.js-animate--duration19, .js-x-animate--duration19 { -webkit-animation-duration: 1.9s !important; -moz-animation-duration: 1.9s !important; -ms-animation-duration: 1.9s !important; -o-animation-duration: 1.9s !important; animation-duration: 1.9s !important; }
.js-animate--duration20, .js-x-animate--duration20 { -webkit-animation-duration: 2s !important; -moz-animation-duration: 2s !important; -ms-animation-duration: 2s !important; -o-animation-duration: 2s !important; animation-duration: 2s !important; }
.js-animate--duration21, .js-x-animate--duration21 { -webkit-animation-duration: 2.1s !important; -moz-animation-duration: 2.1s !important; -ms-animation-duration: 2.1s !important; -o-animation-duration: 2.1s !important; animation-duration: 2.1s !important; }
.js-animate--duration22, .js-x-animate--duration22 { -webkit-animation-duration: 2.2s !important; -moz-animation-duration: 2.2s !important; -ms-animation-duration: 2.2s !important; -o-animation-duration: 2.2s !important; animation-duration: 2.2s !important; }
.js-animate--duration23, .js-x-animate--duration23 { -webkit-animation-duration: 2.3s !important; -moz-animation-duration: 2.3s !important; -ms-animation-duration: 2.3s !important; -o-animation-duration: 2.3s !important; animation-duration: 2.3s !important; }
.js-animate--duration24, .js-x-animate--duration24 { -webkit-animation-duration: 2.4s !important; -moz-animation-duration: 2.4s !important; -ms-animation-duration: 2.4s !important; -o-animation-duration: 2.4s !important; animation-duration: 2.4s !important; }
.js-animate--duration25, .js-x-animate--duration25 { -webkit-animation-duration: 2.5s !important; -moz-animation-duration: 2.5s !important; -ms-animation-duration: 2.5s !important; -o-animation-duration: 2.5s !important; animation-duration: 2.5s !important; }
.js-animate--duration26, .js-x-animate--duration26 { -webkit-animation-duration: 2.6s !important; -moz-animation-duration: 2.6s !important; -ms-animation-duration: 2.6s !important; -o-animation-duration: 2.6s !important; animation-duration: 2.6s !important; }
.js-animate--duration27, .js-x-animate--duration27 { -webkit-animation-duration: 2.7s !important; -moz-animation-duration: 2.7s !important; -ms-animation-duration: 2.7s !important; -o-animation-duration: 2.7s !important; animation-duration: 2.7s !important; }
.js-animate--duration28, .js-x-animate--duration28 { -webkit-animation-duration: 2.8s !important; -moz-animation-duration: 2.8s !important; -ms-animation-duration: 2.8s !important; -o-animation-duration: 2.8s !important; animation-duration: 2.8s !important; }
.js-animate--duration29, .js-x-animate--duration29 { -webkit-animation-duration: 2.9s !important; -moz-animation-duration: 2.9s !important; -ms-animation-duration: 2.9s !important; -o-animation-duration: 2.9s !important; animation-duration: 2.9s !important; }
.js-animate--duration30, .js-x-animate--duration30 { -webkit-animation-duration: 3s !important; -moz-animation-duration: 3s !important; -ms-animation-duration: 3s !important; -o-animation-duration: 3s !important; animation-duration: 3s !important; }
.js-animate--duration31, .js-x-animate--duration31 { -webkit-animation-duration: 3.1s !important; -moz-animation-duration: 3.1s !important; -ms-animation-duration: 3.1s !important; -o-animation-duration: 3.1s !important; animation-duration: 3.1s !important; }
.js-animate--duration32, .js-x-animate--duration32 { -webkit-animation-duration: 3.2s !important; -moz-animation-duration: 3.2s !important; -ms-animation-duration: 3.2s !important; -o-animation-duration: 3.2s !important; animation-duration: 3.2s !important; }
.js-animate--duration33, .js-x-animate--duration33 { -webkit-animation-duration: 3.3s !important; -moz-animation-duration: 3.3s !important; -ms-animation-duration: 3.3s !important; -o-animation-duration: 3.3s !important; animation-duration: 3.3s !important; }
.js-animate--duration34, .js-x-animate--duration34 { -webkit-animation-duration: 3.4s !important; -moz-animation-duration: 3.4s !important; -ms-animation-duration: 3.4s !important; -o-animation-duration: 3.4s !important; animation-duration: 3.4s !important; }
.js-animate--duration35, .js-x-animate--duration35 { -webkit-animation-duration: 3.5s !important; -moz-animation-duration: 3.5s !important; -ms-animation-duration: 3.5s !important; -o-animation-duration: 3.5s !important; animation-duration: 3.5s !important; }
.js-animate--duration36, .js-x-animate--duration36 { -webkit-animation-duration: 3.6s !important; -moz-animation-duration: 3.6s !important; -ms-animation-duration: 3.6s !important; -o-animation-duration: 3.6s !important; animation-duration: 3.6s !important; }
.js-animate--duration37, .js-x-animate--duration37 { -webkit-animation-duration: 3.7s !important; -moz-animation-duration: 3.7s !important; -ms-animation-duration: 3.7s !important; -o-animation-duration: 3.7s !important; animation-duration: 3.7s !important; }
.js-animate--duration38, .js-x-animate--duration38 { -webkit-animation-duration: 3.8s !important; -moz-animation-duration: 3.8s !important; -ms-animation-duration: 3.8s !important; -o-animation-duration: 3.8s !important; animation-duration: 3.8s !important; }
.js-animate--duration39, .js-x-animate--duration39 { -webkit-animation-duration: 3.9s !important; -moz-animation-duration: 3.9s !important; -ms-animation-duration: 3.9s !important; -o-animation-duration: 3.9s !important; animation-duration: 3.9s !important; }
.js-animate--duration40, .js-x-animate--duration40 { -webkit-animation-duration: 4s !important; -moz-animation-duration: 4s !important; -ms-animation-duration: 4s !important; -o-animation-duration: 4s !important; animation-duration: 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); } }
.js-animateFadeInRight, .js-x-animateFadeInRight { opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.js-animateFadeInRight.is--animate, .js-x-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); } }
.js-animateFadeInRight2, .js-x-animateFadeInRight2 { opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.js-animateFadeInRight2.is--animate, .js-x-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); } }
.js-animateFadeInLeft, .js-x-animateFadeInLeft { opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.js-animateFadeInLeft.is--animate, .js-x-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); } }
.js-animateFadeInLeft2, .js-x-animateFadeInLeft2 { opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.js-animateFadeInLeft2.is--animate, .js-x-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); } }
.js-animateFadeInUp, .js-x-animateFadeInUp { opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.js-animateFadeInUp.is--animate, .js-x-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); } }
.js-animateFadeInUp2, .js-x-animateFadeInUp2 { opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.js-animateFadeInUp2.is--animate, .js-x-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; } }
.js-animateFadeIn, .js-x-animateFadeIn { opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.js-animateFadeIn.is--animate, .js-x-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); }

/* スケール 0->1 */
@-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); } }
.js-animateScaleIn, .js-x-animateScaleIn { opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.js-animateScaleIn.is--animate, .js-x-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); }

/* 縦スケール 0->1 */
@-webkit-keyframes scaleUp { 0% { -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center bottom; }
  100% { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: center bottom; } }
@-moz-keyframes scaleUp { 0% { -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0); -moz-transform-origin: center bottom; }
  100% { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); -moz-transform-origin: center bottom; } }
@-ms-keyframes scaleUp { 0% { -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0); -ms-transform-origin: center bottom; }
  100% { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); -ms-transform-origin: center bottom; } }
@-o-keyframes scaleUp { 0% { -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0); -o-transform-origin: center bottom; }
  100% { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); -o-transform-origin: center bottom; } }
@keyframes scaleUp { 0% { -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0); transform-origin: center bottom; }
  100% { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); transform-origin: center bottom; } }
.js-animateScaleUp { -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0); transform-origin: center bottom; }
.js-animateScaleUp.is--animate { -webkit-animation: scaleUp 1s 1 ease-in-out; -moz-animation: scaleUp 1s 1 ease-in-out; -ms-animation: scaleUp 1s 1 ease-in-out; -o-animation: scaleUp 1s 1 ease-in-out; animation: scaleUp 1s 1 ease-in-out; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }

/* レタースペーシングを縮める */
@-webkit-keyframes letter { 0% { letter-spacing: 1em; }
  100% { letter-spacing: 0; } }
@-moz-keyframes letter { 0% { letter-spacing: 1em; }
  100% { letter-spacing: 0; } }
@-ms-keyframes letter { 0% { letter-spacing: 1em; }
  100% { letter-spacing: 0; } }
@-o-keyframes letter { 0% { letter-spacing: 1em; }
  100% { letter-spacing: 0; } }
@keyframes letter { 0% { letter-spacing: 1em; }
  100% { letter-spacing: 0; } }
.js-x-animateLetter { letter-spacing: 1em; white-space: nowrap; }
.js-x-animateLetter.is--animate { -webkit-animation: letter 1s 1 ease-in-out; -moz-animation: letter 1s 1 ease-in-out; -ms-animation: letter 1s 1 ease-in-out; -o-animation: letter 1s 1 ease-in-out; animation: letter 1s 1 ease-in-out; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }

/* ----------------------------- スマホ */
@media screen and (max-width: 767px) { .u-gap { padding-top: 42px; padding-bottom: 42px; }
  .c-btn1 a { font-size: 14px; font-size: 1.4rem; max-width: 85%; padding-top: 13px; padding-bottom: 13px; }
  .c-btn1 a span { background-size: 30px 14px; padding-right: 40px; }
  .c-btn1__thin a { font-size: 12px; font-size: 1.2rem; }
  .c-title3 { padding-top: 16px; padding-bottom: 16px; margin-bottom: 40px; }
  .c-title3 .h { font-size: 16px; font-size: 1.6rem; }
  .c-table1 th { width: 100px; vertical-align: top; }
  .c-table1 th:before { width: calc(100% - 15px); }
  .c-table1 td .c-btn1 a { max-width: 100%; }
  .c-table1 th, .c-table1 td { padding: 14px 6px; font-size: 13px; font-size: 1.3rem; word-break: break-all; }
  .c-pagination { padding-top: 0; }
  .c-pagination span, .c-pagination a { width: 32px; height: 32px; line-height: 32px; }
  .c-pagination a.next, .c-pagination.prev { width: 32px; height: 32px; background-size: 32px 32px; }
  [class*="c-wrap"] { padding-left: 15px; padding-right: 15px; }
  [class*="c-wrap"] [class*="c-wrap"] { padding-left: 0; padding-right: 0; }
  .js-table-xscroll__wrap { width: 100%; overflow-x: auto; }
  .js-table-xscroll__in { width: 1000px; }
  .u-googlemap-wrap2 { padding-bottom: 65%; } }
/* ----------------------------- 1. 各ページ共通 */
/*=======================================
ヘッダー
=========================================*/
.l-header { height: 84px; background: #fff; margin-bottom: 100px; }
.is-home .l-header { margin-bottom: 0; }
.l-header-wrap { background: #F6F6F6; left: 0; top: 0; width: 100%; z-index: 1999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 1200px; }
.l-header__logo { float: left; width: 18%; text-align: center; padding-top: 20px; }
.l-header__nav { float: right; width: 82%; text-align: right; }
.l-header__nav .menu, .l-header__nav .store { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.l-header__nav .menu li { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; position: relative; font-size: 17px; font-size: 1.7rem; margin-right: 1vw; letter-spacing: 0.15em; }
.l-header__nav .menu li a { display: block; text-decoration: none; }
.l-header__nav .menu li.sns { line-height: 100%; }
.l-header__nav .menu li.lang { margin-right: 0; padding: 0; letter-spacing: 0.25em; font-size: 12px; font-size: 1.2rem; }
.l-header__nav .menu li.lang:last-child { margin-right: 1vw; }
.l-header__nav .menu li.lang a { padding: 4px 8px 4px 12px; display: inline-block; border-radius: 12px; text-decoration: none; line-height: 1; color: #1F2C5C; }
.l-header__nav .menu li.lang a.is-active { background: #fff; color: #1F2C5C; pointer-events: none; }
.l-header__nav .menu .js-pulldown__content { display: none; position: absolute; z-index: 9; width: 260px; background: rgba(246, 246, 246, 0.9); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px; text-align: left; }
.l-header__nav .menu .js-pulldown__content li { display: block; margin-right: 0; margin-bottom: 20px; line-height: 180%; font-size: 14px; font-size: 1.4rem; position: relative; padding-left: 24px; }
.l-header__nav .menu .js-pulldown__content li:last-child { margin-bottom: 0; }
.l-header__nav .menu .js-pulldown__content li:before { display: block; content: ""; position: absolute; left: 0; top: 50%; width: 13px; border-top: 1px solid #1F2C5C; }
.l-header__nav .store { background: #1F2C5C; }
.l-header__nav .store a { display: block; color: #fff; background: #1F2C5C; text-decoration: none; font-size: 13px; font-size: 1.3rem; letter-spacing: 0.25em; padding: 10px 36px 9px; }
.l-header__nav .store span { display: block; background: url(img/common/icon_cart-white.png) no-repeat center top; padding-top: 35px; }
.l-header__nav .lang { padding-top: 25px; text-align: center; letter-spacing: 0.25em; font-size: 10px; font-size: 1rem; }
.l-header__nav .lang ul li { display: inline-block; }
.l-header__nav .lang ul li a { padding: 4px 8px 4px 12px; display: inline-block; background: rgba(255, 255, 255, 0.6); border-radius: 12px; text-decoration: none; line-height: 1; color: #1F2C5C; }
.l-header__nav .lang ul li a.is-active { background: #1F2C5C; color: #fff; pointer-events: none; }
.l-header.is-scrolled .l-header-wrap { position: fixed; }
.is-history .l-header { margin-bottom: 0; }
@media screen and (max-width: 1520px) { .l-header__nav .menu li { font-size: 16px; font-size: 1.6rem; }
  .l-header__nav .store a { padding-left: 16px; padding-right: 16px; } }
@media screen and (max-width: 1470px) { .l-header__logo { width: 15%; }
  .l-header__nav { width: 85%; }
  .l-header__nav .menu li { font-size: 15px; font-size: 1.5rem; }
  .l-header__nav .store a { padding-left: 12px; padding-right: 12px; } }
@media screen and (max-width: 1280px) { .l-header__nav .menu li { font-size: 14px; font-size: 1.4rem; }
  .l-header__nav .store a { font-size: 12px; font-size: 1.2rem; padding-left: 8px; padding-right: 8px; } }

/*=======================================
ページタイトル
=========================================*/
.l-pagetitle { background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; width: 100%; height: 400px; position: fixed; left: 0; top: 0; }
.l-pagetitle h2 { display: inline-block; *display: inline; *zoom: 1; font-weight: normal; font-size: 26px; font-size: 2.6rem; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #fff; letter-spacing: 0.2em; height: 400px; }
.l-pagetitle.access { background-image: url(img/access/pagetitle_img1.jpg); }
.l-pagetitle.post, .l-pagetitle.news { background-image: url(img/news/pagetitle_img1.jpg); }
.l-pagetitle.blog { background-image: url(img/blog/pagetitle_img1.jpg); }
.l-pagetitle.contact, .l-pagetitle.inquires, .l-pagetitle.thanks { background-image: url(img/contact/pagetitle_img1.jpg); }
.l-pagetitle.privacy { background-image: url(img/privacy/pagetitle_img1.jpg); }
.l-pagetitle.commitment { background-image: url(img/commitment/pagetitle_img1.jpg); }
.l-pagetitle.company { background-image: url(img/company/pagetitle_img1.jpg); }
.l-pagetitle.history { background-image: url(img/history/pagetitle_img1.jpg); }
.l-pagetitle.tour { background-image: url(img/tour/pagetitle_img1.jpg); }
.l-pagetitle.product, .l-pagetitle.omon, .l-pagetitle.hidematsu, .l-pagetitle.yume, .l-pagetitle.karen { background-image: url(img/product/pagetitle_img1.jpg); }

/*=======================================
コンテンツ
=========================================*/
#container { padding-top: 400px; overflow: hidden; }
.is-home #container { padding-top: 100vh; }

.l-contents { background: #fff; position: relative; z-index: 2; }

/* ----------------------------- タブレット */
/* ----------------------------- スマホ */
@media screen and (max-width: 767px) { .l-header { margin-bottom: 0; height: auto; position: fixed; width: 100%; z-index: 2999; left: 0; bottom: 0; }
  .l-header-wrap { padding-left: 0; padding-right: 0; min-width: initial; }
  .l-header__logo { float: left; width: 38.4%; padding-left: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f6f6f6; text-align: left; padding-top: 18px; padding-bottom: 16px; position: relative; z-index: 2; }
  .l-header__logo img { width: 91px; }
  .l-header__btn { float: right; width: 61.6%; text-align: center; position: relative; z-index: 2; }
  .l-header__btn .store { float: left; width: 64.1025%; background: #1F2C5C; }
  .l-header__btn .store a { display: block; color: #fff; background: #1F2C5C; text-decoration: none; font-size: 10px; font-size: 1rem; letter-spacing: 0.25em; padding: 11px 6px 5px; }
  .l-header__btn .store span { display: block; background: url(img/common/icon_cart-white.png) no-repeat center top; background-size: 16px 15px; padding-top: 18px; }
  .l-header__btn .menu { float: right; width: 35.8975%; background: #fff; cursor: pointer; padding: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .l-header__btn .menu p { font-size: 10px; font-size: 1rem; letter-spacing: 0.25em; }
  .l-header__btn .menu span { display: inline-block; *display: inline; *zoom: 1; width: 25px; height: 1px; background: #666; 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__btn .menu span:before, .l-header__btn .menu span:after { content: ""; display: block; position: absolute; width: 100%; height: 1px; background: #666; -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__btn .menu span:before { top: -5px; }
  .l-header__btn .menu span:after { bottom: -5px; }
  .l-header__btn .menu.is-open span { background: transparent; }
  .l-header__btn .menu.is-open span:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center; top: 0; }
  .l-header__btn .menu.is-open span:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); transform-origin: center; bottom: 0; }
  .l-header__nav { position: absolute; display: none; float: none; width: 100%; height: 100vh; padding-bottom: 56px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; z-index: 1; text-align: left; left: 0; bottom: 0; overflow: auto; }
  .l-header__nav .menu { display: block; padding-top: 30%; margin-bottom: 20px; padding-left: 5.3333%; }
  .l-header__nav .menu ul { float: left; width: 44.667%; }
  .l-header__nav .menu ul + ul { margin-left: 5.3333%; }
  .l-header__nav .menu li { display: block; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; position: relative; margin-top: -1px; margin-right: 0; font-size: 14px; font-size: 1.4rem; }
  .l-header__nav .menu li:nth-child(2) { border-bottom: 0; }
  .l-header__nav .menu li:nth-child(2n+1) { clear: left; }
  .l-header__nav .menu li a { display: block; padding: 12px 0 12px 10px; }
  .l-header__nav .menu li .js-pulldown__content { float: none; display: block; position: static; width: auto; padding: 0; background: transparent; margin-left: 10px; padding-bottom: 10px; }
  .l-header__nav .menu li .js-pulldown__content li { font-size: 12px; font-size: 1.2rem; margin-bottom: 5px; margin-left: 0; margin-top: 0; float: none; width: auto; border-top: 0; border-bottom: 0; padding-left: 12px; }
  .l-header__nav .menu li .js-pulldown__content li a { padding: 2px 15px; }
  .l-header__nav .menu li .js-pulldown__content li:before { width: 8px; }
  .l-header__nav .sns { padding-top: 25px; padding-bottom: 30px; text-align: center; }
  .l-header__nav .sns li { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
  .l-header__nav .sns li + li { margin-left: 30px; }
  .l-header.is-scrolled .l-header-wrap { position: static; }
  .l-pagetitle { height: 230px; }
  .l-pagetitle h2 { font-size: 18px; font-size: 1.8rem; height: 230px; }
  #container { padding-top: 230px; }
  .l-contents { padding-top: 20px; }
  .is-history .l-contents { padding-top: 0; } }
/*=======================================
フッター
=========================================*/
.l-footer { margin-top: 100px; background: #F6F6F6; }
.l-footer .p-top__store { margin-bottom: 95px; }
.l-footer__info { background: #1F2C5C url(img/common/footer_bg1-2020.png) no-repeat center; padding-top: 55px; padding-bottom: 50px; text-align: center; color: #fff; }
.l-footer__info h1 { margin-bottom: 20px; }
.l-footer__info p { font-size: 13px; font-size: 1.3rem; line-height: 180%; }
.l-footer__info p a { text-decoration: none; color: #fff; }
.l-footer__info p a:hover { text-decoration: underline; }
.l-footer__nav { padding-top: 50px; padding-bottom: 30px; border-bottom: 1px solid #ccc; }
.l-footer__nav li { float: left; margin-left: 90px; }
.l-footer__nav li:nth-child(7n+1) { clear: both; margin-left: 0; }
.l-footer__nav li a { text-decoration: none; }
.l-footer__nav li a:hover { text-decoration: underline; }
.l-footer__nav li p { font-size: 17px; font-size: 1.7rem; }
.l-footer__nav li ul { margin-top: 22px; }
.l-footer__nav li li { margin-top: 6px; float: none; width: auto; margin-left: 0; font-size: 14px; font-size: 1.4rem; }
.l-footer__nav li li a { display: inline-block; *display: inline; *zoom: 1; position: relative; padding-left: 23px; }
.l-footer__nav li li a:before { display: block; content: ""; border-top: 1px solid #1F2C5C; width: 13px; height: 0; position: absolute; left: 0; top: 50%; }
.l-footer__copyright { padding-top: 20px; padding-bottom: 40px; }
.l-footer__copyright .privacy { margin-bottom: 45px; font-size: 12px; font-size: 1.2rem; }
.l-footer__copyright .privacy a { text-decoration: none; display: inline-block; *display: inline; *zoom: 1; position: relative; padding-left: 23px; }
.l-footer__copyright .privacy a:before { display: block; content: ""; border-top: 1px solid #1F2C5C; width: 13px; height: 0; position: absolute; left: 0; top: 50%; }
.l-footer__copyright .copyright { text-align: center; font-size: 10px; font-size: 1rem; letter-spacing: 0.3em; color: #666; }

/*=======================================
ページトップへ
=========================================*/
/* ----------------------------- タブレット */
/* ----------------------------- スマホ */
@media screen and (max-width: 767px) { .l-footer { margin-top: 70px; }
  .l-footer__info h1 img { width: 135px; }
  .l-footer__sns { padding-top: 25px; padding-bottom: 30px; text-align: center; }
  .l-footer__sns li { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
  .l-footer__sns li + li { margin-left: 30px; }
  .l-footer__copyright { text-align: center; padding-top: 0; border-top: 0; padding-bottom: 80px; }
  .l-footer__copyright .privacy { text-align: center; margin-bottom: 8px; }
  .l-footer__copyright .copyright { letter-spacing: 0.15em; }
  .l-footer .p-top__store { margin-bottom: 70px; } }
/* ----------------------------- 2. トップページ */
/*=======================================
トップページ
=========================================*/
.l-kv { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; min-height: 100vh; z-index: 1; }
.l-kv__block1 .logo { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 123px; height: 366px; z-index: 2; }
.l-kv__block1 .copy { font-size: 24px; font-size: 2.4rem; color: #fff; line-height: 150%; position: absolute; left: 80px; top: 40px; letter-spacing: 0.45em; z-index: 2; }
.l-kv__block1 .nav { position: absolute; right: 0; top: 0; z-index: 3; }
.l-kv__block1 .nav .store, .l-kv__block1 .nav .menu { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; text-align: center; }
.l-kv__block1 .nav .store { background: #1F2C5C; }
.l-kv__block1 .nav .store a { display: block; color: #fff; background: #1F2C5C; text-decoration: none; font-size: 13px; font-size: 1.3rem; letter-spacing: 0.25em; padding: 29px 36px 18px; }
.l-kv__block1 .nav .store span { display: block; background: url(img/common/icon_cart-white.png) no-repeat center top; padding-top: 35px; }
.l-kv__block1 .nav .menu { background: #fff; cursor: pointer; padding: 26px 31px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.l-kv__block1 .nav .menu p { font-size: 13px; font-size: 1.3rem; letter-spacing: 0.25em; }
.l-kv__block1 .nav .menu span { display: inline-block; *display: inline; *zoom: 1; width: 50px; height: 2px; background: #666; 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-kv__block1 .nav .menu span:before, .l-kv__block1 .nav .menu span:after { content: ""; display: block; position: absolute; width: 100%; height: 2px; background: #666; -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-kv__block1 .nav .menu span:before { top: -10px; }
.l-kv__block1 .nav .menu span:after { bottom: -10px; }
.l-kv__block1 .nav .menu.is-open span { background: transparent; }
.l-kv__block1 .nav .menu.is-open span:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center; top: 0; }
.l-kv__block1 .nav .menu.is-open span:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); transform-origin: center; bottom: 0; }
.l-kv__block1 .lang { position: absolute; right: 78px; bottom: 60px; letter-spacing: 0.25em; font-size: 14px; font-size: 1.4rem; z-index: 2; }
.l-kv__block1 .lang ul li { display: inline-block; }
.l-kv__block1 .lang ul li a { padding: 4px 8px 4px 12px; display: inline-block; background: rgba(255, 255, 255, 0.6); border-radius: 12px; text-decoration: none; line-height: 1; color: #1F2C5C; }
.l-kv__block1 .lang ul li a.is-active { background: #fff; color: #1F2C5C; pointer-events: none; }
.l-kv__block1 .sns { position: absolute; right: 48px; top: 0; bottom: 0; height: 85px; margin-top: auto; margin-bottom: auto; z-index: 2; }
.l-kv__block1 .sns li { margin-bottom: 36px; }
.l-kv__block1 .sns li:last-child { margin-bottom: 0; }
.l-kv__block1 .scroll { position: absolute; left: 78px; bottom: 60px; letter-spacing: 0.25em; font-size: 13px; font-size: 1.3rem; z-index: 2; }
.l-kv__block1 .scroll p { background: url(img/top/kv_icon1.svg) no-repeat 2px top; background-size: 1px 141px; padding-top: 148px; }
.l-kv__block1 .scroll a { text-decoration: none; color: #fff; }
.l-kv__img { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; }
.l-kv__img ul { height: 100%; }
.l-kv__img li { background-repeat: no-repeat; background-position: center; background-size: cover; height: 100%; }
.l-kv__img li.img1 { background-image: url(img/top/kv_img1.jpg); }
.l-kv__img li.img2 { background-image: url(img/top/kv_img2.jpg); }
.l-kv__img li.img3 { background-image: url(img/top/kv_img3.jpg); }
.l-kv__img li.img4 { background-image: url(img/top/kv_img4.jpg); }
.l-kv__img li.img5 { background-image: url(img/top/kv_img5.jpg); }
.l-kv__img li.img6 { background-image: url(img/top/kv_img6.jpg); }
.l-kv__img .bx-wrapper { height: 100%; }
.l-kv__img .bx-wrapper .bx-viewport { height: 100% !important; }
@media screen and (min-width: 768px) { .l-kv .l-header__nav { position: absolute; display: none; float: none; width: 100%; height: 100vh; padding-top: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 0.96); z-index: 2; text-align: left; left: 0; bottom: 0; overflow: auto; }
  .l-kv .l-header__nav .menu { display: block; display: block; max-width: 750px; margin-left: auto; margin-right: auto; margin-bottom: 20px; padding-top: 5.3333%; }
  .l-kv .l-header__nav .menu li { display: block; float: left; width: 44.667%; margin-left: 5.3333%; margin-right: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; position: relative; margin-top: -1px; font-size: 17px; font-size: 1.7rem; }
  .l-kv .l-header__nav .menu li:nth-child(1) { border-bottom: 0; }
  .l-kv .l-header__nav .menu li a { display: block; padding: 18px 0 18px 12px; }
  .l-kv .l-header__nav .menu li .js-pulldown__content { display: block; position: static; width: auto; padding: 0; background: transparent; margin-left: 10px; padding-bottom: 10px; }
  .l-kv .l-header__nav .menu li .js-pulldown__content li { font-size: 14px; font-size: 1.4rem; margin-bottom: 5px; margin-left: 0; margin-top: 0; float: none; width: auto; border-top: 0; border-bottom: 0; padding-left: 12px; }
  .l-kv .l-header__nav .menu li .js-pulldown__content li a { padding: 6px 15px; }
  .l-kv .l-header__nav .menu li .js-pulldown__content li:before { width: 8px; }
  .l-kv .l-header__nav .menu li.sp-only { display: block !important; }
  .l-kv .l-header__nav .menu li.pc-only { display: none !important; }
  .l-kv .l-header__nav .store { display: none !important; }
  .l-kv .l-header__nav .lang { display: block !important; font-size: 10px; font-size: 1rem; right: 35px; bottom: 40px; }
  .l-kv .l-header__nav .sns { display: block !important; padding-top: 35px; padding-bottom: 30px; text-align: center; }
  .l-kv .l-header__nav .sns li { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
  .l-kv .l-header__nav .sns li + li { margin-left: 40px; }
  .l-kv .l-header__nav .sns li img { width: 24px; } }

.p-top__news { padding-top: 53px; }
.p-top__news .heading { float: left; width: 10.1364%; border-right: 1px solid #DEE0E7; padding-top: 29px; padding-bottom: 29px; }
.p-top__news .heading h2 { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-size: 20px; font-size: 2rem; font-weight: normal; letter-spacing: 0.15em; }
.p-top__news .content { float: right; width: 85.7699%; padding-top: 16px; padding-bottom: 16px; }
.p-top__news .content li { margin-bottom: 10px; }
.p-top__news .content li:last-child { margin-bottom: 0; }
.p-top__news .content li a { display: block; text-decoration: none; color: #4C4646; }
.p-top__news .content li a:hover .title { text-decoration: underline; }
.p-top__news .content li .date, .p-top__news .content li .title { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.p-top__news .content li .date { font-size: 12px; font-size: 1.2rem; color: #1F2C5C; width: 93px; }
.p-top__news .content li .title { max-width: calc(100% - 93px); font-weight: normal; }
.p-top__about { position: relative; margin-top: -53px; background: url(img/top/about_bg1-2020.png) no-repeat right bottom; }
.p-top__about-img, .p-top__about-block1 { width: 50%; }
.p-top__about-img { float: left; height: 560px; margin-top: 127px; background: url(img/top/about_img1.jpg) no-repeat center; background-size: cover; }
.p-top__about-block1 { float: right; padding-top: 127px; padding-bottom: 110px; }
.p-top__about-block1 .wrap { max-width: 600px; padding-left: 84px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 72px; }
.p-top__about-block1 .title { font-size: 28px; font-size: 2.8rem; line-height: 160%; font-weight: normal; letter-spacing: 0.2em; margin-bottom: 40px; }
.p-top__about-block1 .txt1 { line-height: 200%; margin-bottom: 50px; }
.p-top__product { margin-bottom: 72px; overflow: hidden; }
.p-top__product-heading { background: url(img/top/product_img1.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding-top: 326px; margin-bottom: 55px; }
.p-top__product-heading .box1 { padding-top: 92px; padding-bottom: 43px; position: relative; }
.p-top__product-heading .box1:before { display: block; content: ""; width: calc(50vw + 600px); height: 100%; left: 0; bottom: 0; position: absolute; background: rgba(255, 255, 255, 0.86); z-index: 1; }
.p-top__product-heading .box1 .c-wrap { position: relative; z-index: 2; }
.p-top__product-heading .box1 .title, .p-top__product-heading .box1 .txt { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.p-top__product-heading .box1 .title { position: absolute; bottom: -73px; font-size: 32px; font-size: 3.2rem; font-weight: normal; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; letter-spacing: 0.25em; white-space: nowrap; background: url(img/top/kv_icon1.svg) no-repeat center top; background-size: 1px 141px; padding-top: 155px; }
.p-top__product-heading .box1 .title span { font-size: 20px; font-size: 2rem; }
.p-top__product-heading .box1 .txt { padding-left: 170px; max-width: 520px; line-height: 200%; }
.p-top__product-content .c-btn1 { float: right; width: 35.8333%; padding-top: 100px; }
.p-top__product-content .img1 { float: right; width: 57.9166%; }
.p-top__product-content .img1 img { max-width: initial; }
.p-top__banner { background: #F6F6F6; padding-top: 45px; padding-bottom: 45px; overflow: hidden; margin-bottom: 50px; }
.p-top__banner li { float: left; width: 48.3333%; margin-left: 3.3334%; }
.p-top__banner li:nth-child(2n+1) { clear: both; margin-left: 0; }
.p-top__banner .bx-wrapper { margin-bottom: 0; }
.p-top__banner .bx-wrapper li { float: none; width: auto; margin-left: 0; }
.p-top__banner .bx-wrapper li:nth-child(2n+1) { clear: none; }
.p-top__banner .bx-wrapper .bx-viewport { overflow: visible !important; }
.p-top__banner .bx-wrapper .bx-controls-direction a { width: 26px; height: 26px; margin-top: -13px; background-position: center; background-size: 26px 26px; background-repeat: no-repeat; }
.p-top__banner .bx-wrapper .bx-controls-direction a.bx-prev { background-image: url(img/common/arrow_3-left.svg); left: -56px; }
.p-top__banner .bx-wrapper .bx-controls-direction a.bx-next { background-image: url(img/common/arrow_3.svg); right: -56px; }
.p-top__store { background: url(img/top/store_img1.jpg) no-repeat left center; margin-bottom: 155px; margin-left: 2px; margin-right: 2px; background-size: contain; }
.p-top__store .box1 { float: right; background: #1F2C5C; color: #fff; text-align: center; padding-top: 60px; padding-bottom: 70px; width: 100%; max-width: 456px; }
.p-top__store .box1 .title { font-size: 17px; font-size: 1.7rem; line-height: 160%; margin-bottom: 35px; font-weight: normal; }
.p-top__store .box1 .btn1 a { display: inline-block; *display: inline; *zoom: 1; background: #fff; font-size: 16px; font-size: 1.6rem; color: #1F2C5C; padding: 15px 28px; letter-spacing: 0.25em; }
.p-top__store .box1 .btn1 a span { display: inline-block; *display: inline; *zoom: 1; background: url(img/common/icon_cart.png) no-repeat left center; padding-left: 28px; }
.p-top__store .box1 .btn1 a span:after { content: ""; display: inline-block; *display: inline; *zoom: 1; vertical-align: -3px; background: url(img/common/arrow_1.svg) no-repeat right center; background-size: 50px 14px; width: 33px; height: 14px; margin-left: 8px; }
.p-top__tour { margin-bottom: 165px; background: url(img/top/tour_bg1.jpg) no-repeat center; text-align: center; }
.p-top__tour .c-wrap { position: relative; }
.p-top__tour-heading { position: absolute; right: 0; top: 0; }
.p-top__tour-heading h2 { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; color: #fff; padding-top: 90px; letter-spacing: 0.3em; font-size: 32px; font-size: 3.2rem; font-weight: normal; }
.p-top__tour-heading h2:before { display: block; content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 78px; background: url(img/top/kv_icon1.svg) no-repeat center bottom; background-size: 1px 144px; }
.p-top__tour-content { background: #fff; display: inline-block; *display: inline; *zoom: 1; max-width: 600px; width: 100%; margin: -50px auto; position: relative; text-align: center; box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.13); padding-top: 97px; padding-bottom: 131px; }
.p-top__tour-content .lead { margin-bottom: 70px; }
.p-top__tour-content .lead h3 { margin-bottom: 28px; padding-top: 280px; background: url(img/top/tour_icon1-2020.png) no-repeat center top; background-size: 240px; font-size: 20px; font-size: 2rem; letter-spacing: 0.3em; line-height: 160%; font-weight: normal; }
.p-top__tour-content .lead p { line-height: 200%; }
.p-top__tour-content .box1 { margin-bottom: 80px; }
.p-top__tour-content .box1 ul { margin-bottom: 40px; }
.p-top__tour-content .box1 li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative; }
.p-top__tour-content .box1 li + li { padding-left: 60px; margin-left: 60px; }
.p-top__tour-content .box1 li + li:before { display: block; content: ""; position: absolute; border-right: 1px solid #ccc; height: 90px; top: 50%; left: 0; margin-top: -45px; }
.p-top__tour-content .box1 li h4 { background-position: center top; background-repeat: no-repeat; font-weight: normal; letter-spacing: 0.3em; padding-top: 43px; margin-bottom: 25px; }
.p-top__tour-content .box1 li p { font-size: 30px; font-size: 3rem; line-height: 140%; letter-spacing: 0.3em; padding-left: 13px; padding-right: 13px; background: url(img/top/tour_bg2.png) repeat-x center bottom; }
.p-top__tour-content .box1 li:nth-child(1) h4 { background-image: url(img/top/tour_icon2.png); }
.p-top__tour-content .box1 li:nth-child(2) h4 { background-image: url(img/top/tour_icon3.png); }
.p-top__tour-content .txt1 { font-size: 13px; font-size: 1.3rem; line-height: 200%; }
.p-top__blog-heading { background: url(img/top/blog_bg1.jpg) no-repeat center; background-size: cover; padding-top: 198px; margin-bottom: 76px; text-align: center; }
.p-top__blog-heading .heading { display: inline-block; *display: inline; *zoom: 1; background: #fff; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; vertical-align: top; font-size: 24px; font-size: 2.4rem; line-height: 160%; letter-spacing: 0.3em; font-weight: normal; padding: 73px 16px 60px; position: relative; white-space: nowrap; }
.p-top__blog-heading .heading:before { display: block; content: ""; position: absolute; background: url(img/top/kv_icon1.svg) no-repeat center top; width: 1px; height: 141px; left: 50%; top: -80px; }
.p-top__blog-content li { float: left; width: 23.08139%; margin-left: 2.558146666666667%; }
.p-top__blog-content li:nth-child(4n+1) { clear: both; margin-left: 0; }
.p-top__blog-content li a { display: block; text-decoration: none; }
.p-top__blog-content li .img1 { margin-bottom: 22px; }
.p-top__blog-content li .box1 .date { font-size: 12px; font-size: 1.2rem; color: #4C4646; line-height: 140%; margin-bottom: 10px; }
.p-top__blog-content li .box1 .title { font-size: 16px; font-size: 1.6rem; font-weight: normal; line-height: 160%; }
.p-top__blog-content li .box1 .title:after { display: inline-block; *display: inline; *zoom: 1; content: ""; background: url(img/common/arrow_2.svg) no-repeat center; background-size: 38px 4px; width: 39px; height: 4px; margin-left: 25px; vertical-align: middle; }
.p-top__blog-content .c-btn1 { margin-top: 30px; text-align: center; }

/* ----------------------------- スマホ */
@media screen and (max-width: 767px) { .l-kv { height: calc(100% - 56px); min-height: calc(100% - 56px); }
  .l-kv__block1 .logo { width: 65px; height: 194px; }
  .l-kv__block1 .copy { font-size: 12px; font-size: 1.2rem; top: 26px; left: 35px; }
  .l-kv__block1 .lang { font-size: 10px; font-size: 1rem; right: 35px; bottom: 40px; }
  .l-kv__block1 .scroll { font-size: 9px; font-size: 0.9rem; left: 35px; bottom: 40px; }
  .p-top__news { padding-top: 26px; margin-bottom: 37px; }
  .p-top__news .heading { width: 12%; }
  .p-top__news .heading h2 { font-size: 14px; font-size: 1.4rem; }
  .p-top__news .content { width: 80%; }
  .p-top__news .content li .date, .p-top__news .content li .title { vertical-align: top; }
  .p-top__news .content li .date { font-size: 9px; font-size: 0.9rem; width: 73px; }
  .p-top__news .content li .title { max-width: calc(100% - 73px); font-size: 13px; font-size: 1.3rem; line-height: 140%; }
  .p-top__about { background: none; margin-top: 0; }
  .p-top__about-block1, .p-top__about-img { float: none; width: auto; }
  .p-top__about-block1 { padding-top: 0; padding-bottom: 0; }
  .p-top__about-block1 .wrap { padding: 25px 15px 35px; background: url(img/top/sp/about_bg1-2020.png) no-repeat center bottom; background-size: cover; }
  .p-top__about-block1 .title { font-size: 18px; font-size: 1.8rem; margin-bottom: 25px; }
  .p-top__about-block1 .txt1 { font-size: 14px; font-size: 1.4rem; margin-bottom: 20px; }
  .p-top__about-block1 .c-btn1 { text-align: center; }
  .p-top__about-img { height: 0; margin-top: 0; padding-top: 57.6119%; }
  .p-top__product { margin-bottom: 40px; }
  .p-top__product-heading { padding-top: 202px; margin-bottom: 0; background-attachment: inherit; }
  .p-top__product-heading .box1 { padding-top: 0; padding-bottom: 0; height: 75px; }
  .p-top__product-heading .box1:before { width: 100%; }
  .p-top__product-heading .box1 .title { font-size: 18px; font-size: 1.8rem; bottom: auto; top: -93px; left: 15px; }
  .p-top__product-heading .box1 .title span { font-size: 15px; font-size: 1.5rem; }
  .p-top__product-content { width: 75%; margin-left: auto; margin-right: 0; margin-top: -35px; position: relative; z-index: 2; }
  .p-top__product-content .txt { margin-bottom: 25px; line-height: 200%; }
  .p-top__product-content .img1, .p-top__product-content .c-btn1 { float: none; width: auto; }
  .p-top__product-content .img1 img { max-width: 100%; }
  .p-top__product-content .c-btn1 { padding-top: 30px; }
  .p-top__banner { padding: 23px 30px; margin-bottom: 40px; }
  .p-top__banner li { padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .p-top__banner .bx-wrapper .bx-controls-direction a.bx-prev { left: -5px; }
  .p-top__banner .bx-wrapper .bx-controls-direction a.bx-next { right: -5px; }
  .p-top__store { margin-bottom: 47px; padding-top: 37%; background-position: center top; background-size: contain; }
  .p-top__store .box1 { float: none; max-width: initial; padding-top: 25px; padding-bottom: 25px; }
  .p-top__store .box1 .title { margin-bottom: 20px; font-size: 15px; font-size: 1.5rem; }
  .p-top__store .box1 .btn1 a { font-size: 13px; font-size: 1.3rem; }
  .p-top__store .box1 .btn1 a span { background-size: 13px auto; padding-left: 22px; }
  .p-top__store .box1 .btn1 a span:after { width: 33px; height: 14px; background-size: contan; margin-left: 7px; }
  .p-top__tour { background: none; margin-bottom: 40px; }
  .p-top__tour-heading { position: relative; margin-left: -15px; margin-right: -15px; padding-bottom: 70px; text-align: center; background: url(img/top/tour_bg1.jpg) no-repeat center top; background-size: cover; }
  .p-top__tour-heading h2 { font-size: 22px; font-size: 2.2rem; display: inline-block; *display: inline; *zoom: 1; }
  .p-top__tour-content { max-width: initial; margin-top: -40px; margin-bottom: auto; padding-top: 40px; padding-bottom: 65px; }
  .p-top__tour-content .lead { margin-bottom: 35px; }
  .p-top__tour-content .lead h3 { padding-top: 80px; margin-bottom: 18px; background-size: 61px 61px; font-size: 17px; font-size: 1.7rem; }
  .p-top__tour-content .lead p { font-size: 13px; font-size: 1.3rem; padding-left: 15px; padding-right: 15px; }
  .p-top__tour-content .box1 { margin-bottom: 35px; padding-left: 15px; padding-right: 15px; }
  .p-top__tour-content .box1 li h4 { background-size: 16px 16px; padding-top: 22px; margin-bottom: 10px; }
  .p-top__tour-content .box1 li p { font-size: 20px; font-size: 2rem; }
  .p-top__tour-content .box1 li + li { margin-left: 30px; padding-left: 30px; }
  .p-top__tour-content .box1 .txt1 { font-size: 12px; font-size: 1.2rem; line-height: 180%; }
  .p-top__blog-heading { padding-top: 100px; margin-bottom: 30px; }
  .p-top__blog-heading .heading { font-size: 18px; font-size: 1.8rem; padding: 53px 10px 40px 10px; }
  .p-top__blog-heading .heading:before { height: 110px; }
  .p-top__blog-content li { width: 47.4626%; margin-left: 5.0748%; margin-bottom: 8.0597%; }
  .p-top__blog-content li:nth-child(3n+1) { clear: none; margin-left: 0; }
  .p-top__blog-content li:nth-child(2n+1) { clear: both; margin-left: 0; }
  .p-top__blog-content li .img1 { margin-bottom: 12px; }
  .p-top__blog-content li .box1 .date { margin-bottom: 6px; font-size: 12px; font-size: 1.2rem; }
  .p-top__blog-content li .box1 .title { font-size: 15px; font-size: 1.5rem; }
  .p-top__blog-content li .box1 .title:after { background-size: 24px 3px; width: 24px; height: 3px; margin-left: 15px; } }
/* ----------------------------- 3. 下層ページ */
/*=======================================
アクセス
=========================================*/
.p-access__info { margin-bottom: 80px; text-align: center; }
.p-access__info .map { margin-bottom: 78px; }
.p-access__info .box1 h3 { margin-bottom: 30px; }
.p-access__info .box1 p { line-height: 200%; }
.p-access__way .box1 { margin-bottom: 60px; }
.p-access__way .img1 { text-align: center; margin-bottom: 60px; }
.map { margin-bottom: 78px; }

/* ----------------------------- スマホ */
/*=======================================
こだわり
=========================================*/
.p-commitment__lead { margin-bottom: 115px; }
.p-commitment__lead .block1 { background: url(img/commitment/lead_bg1-2020.png) no-repeat center top; padding-top: 170px; margin-bottom: 70px; text-align: center; display: flex; flex-direction: row-reverse; justify-content: center; }
.p-commitment__lead .block1 .heading, .p-commitment__lead .block1 .content { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; text-align: left; }
.p-commitment__lead .block1 .heading { background: url(img/commitment/lead_icon1.png) no-repeat center top; padding-top: 45px; margin-left: 120px; color: #1F2C5C; min-width: 150px; white-space: nowrap; }
.p-commitment__lead .block1 .heading p, .p-commitment__lead .block1 .heading h3 { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; display: inline-block; *display: inline; *zoom: 1; letter-spacing: 0.3em; }
.p-commitment__lead .block1 .heading p { font-size: 20px; font-size: 2rem; margin-left: 26px; }
.p-commitment__lead .block1 .heading h3 { font-size: 24px; font-size: 2.4rem; line-height: 180%; padding-top: 16px; font-weight: normal; }
.p-commitment__lead .block1 .content { min-width: 400px; }
.p-commitment__lead .block1 .content p { line-height: 220%; height:100vw; max-height: 317px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
.p-commitment__lead .img1 { padding-left: 60px; padding-right: 60px; }
.p-commitment__lead .img1 > div { float: left; width: 23.7677%; margin-left: 1.643066666666667%; text-align: center; }
.p-commitment__lead .img1 > div:nth-child(4n+1) { clear: both; margin-left: 0; }
.p-commitment__material-heading { background: url(img/commitment/material_bg1.jpg) no-repeat center; background-size: cover; background-attachment: fixed; color: #fff; padding-top: 138px; padding-bottom: 144px; margin-bottom: 70px; }
.p-commitment__material-heading h3 { height: 9em; display: inline-block; *display: inline; *zoom: 1; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-size: 22px; font-size: 2.2rem; line-height: 180%; font-weight: normal; }
.p-commitment__material-content .lead { text-align: center; font-size: 18px; font-size: 1.8rem; line-height: 220%; }
.p-commitment__material-content li { float: left; width: 47.5%; margin-left: 5%; margin-top: 65px; }
.p-commitment__material-content li:nth-child(2n+1) { clear: both; margin-left: 0; }
.p-commitment__material-content li .img1 { margin-bottom: 35px; }
.p-commitment__material-content li .box1 h4 { font-size: 18px; font-size: 1.8rem; margin-bottom: 20px; letter-spacing: 0.3em; font-weight: normal; }
.p-commitment__material-content li .box1 h4 em { font-size: 30px; font-size: 3rem; }
.p-commitment__material-content li .box1 p { line-height: 220%; }
.p-commitment__process { padding-top: 110px; margin-bottom: 60px; overflow: hidden; }
.p-commitment__process-wrap { background: #EFF0F3; padding-top: 40px; padding-bottom: 40px; position: relative; }
.p-commitment__process .heading { position: absolute; top: -40px; left: 50%; margin-left: -514px; background: #1F2C5C; color: #fff; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-size: 24px; font-size: 2.4rem; font-weight: normal; letter-spacing: 0.3em; padding: 35px 17px 21px 13px; z-index: 9; }
.p-commitment__process .block1 li { background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 40px 56px; }
.p-commitment__process .block1 li .img1 { text-align: center; margin-bottom: 15px; }
.p-commitment__process .block1 li .box1 h4 { text-align: center; font-weight: normal; color: #1F2C5C; font-size: 22px; font-size: 2.2rem; letter-spacing: 0.25em; margin-bottom: 22px; }
.p-commitment__process .block1 .bx-wrapper { margin-bottom: 0; }
.p-commitment__process .block1 .bx-wrapper .bx-viewport { overflow: visible !important; }
.p-commitment__process .block1 .bx-wrapper .bx-controls-direction a { width: 31px; height: 60px; margin-top: -30px; background-position: center; background-size: 31px 60px; background-repeat: no-repeat; }
.p-commitment__process .block1 .bx-wrapper .bx-controls-direction a.bx-prev { background-image: url(img/common/arrow_5-left.svg); left: -50px; }
.p-commitment__process .block1 .bx-wrapper .bx-controls-direction a.bx-next { background-image: url(img/common/arrow_5.svg); right: -50px; }
.p-commitment__comment-heading { background: url(img/commitment/comment_bg1.jpg) no-repeat center; background-size: cover; background-attachment: fixed; color: #fff; padding-top: 158px; padding-bottom: 90px; margin-bottom: 30px; position: relative; }
.p-commitment__comment-heading:before { display: block; content: ""; position: absolute; left: 0; bottom: 0; width: calc(50% + 600px); height: 70px; background: rgba(255, 255, 255, 0.86); }
.p-commitment__comment-heading h3 { height: 16em; display: inline-block; *display: inline; *zoom: 1; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-size: 22px; font-size: 2.2rem; line-height: 180%; font-weight: normal; letter-spacing: 0.3em; }
.p-commitment__comment-content { position: relative; }
.p-commitment__comment-content .heading { position: absolute; left: 0; top: -160px; background: url(img/top/kv_icon1.svg) no-repeat center top; background-size: 1px 141px; padding-top: 160px; }
.p-commitment__comment-content .block1 { margin-bottom: 60px; }
.p-commitment__comment-content .block1:last-child { margin-bottom: 0; }
.p-commitment__comment-content .block1 h4 { font-weight: normal; font-size: 24px; font-size: 2.4rem; letter-spacing: 0.2em; line-height: 160%; margin-bottom: 30px; color: #1F2C5C; }
.p-commitment__comment-content .block1 h4 span { font-size: 15px; font-size: 1.5rem; display: inline-block; *display: inline; *zoom: 1; vertical-align: 0; border-left: 1px solid #ccc; margin-left: 22px; padding-left: 35px; line-height: 140%; color: #000; }
.p-commitment__comment-content .block1 h4 span em { font-size: 18px; font-size: 1.8rem; font-weight: normal; }
.p-commitment__comment-content .block1 .img1 { margin-top: 80px; }

/* ----------------------------- スマホ */
@media screen and (max-width: 767px) { .p-commitment__lead { margin-bottom: 40px; }
  .p-commitment__lead .block1 { display: block; background-size: 154px auto; margin-bottom: 40px; }
  .p-commitment__lead .block1 .heading, .p-commitment__lead .block1 .content { display: block; min-width: initial; }
  .p-commitment__lead .block1 .heading p, .p-commitment__lead .block1 .heading h3, .p-commitment__lead .block1 .content p { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; }
  .p-commitment__lead .block1 .heading { margin-left: 0; margin-bottom: 25px; }
  .p-commitment__lead .block1 .heading p, .p-commitment__lead .block1 .heading h3 { text-align: center; display: block; }
  .p-commitment__lead .block1 .heading p { margin-left: 0; margin-bottom: 15px; }
  .p-commitment__lead .img1 { padding-left: 10px; padding-right: 10px; }
  .p-commitment__lead .img1 > div { width: 49%; margin-left: 2%; margin-bottom: 2%; }
  .p-commitment__lead .img1 > div:nth-child(2n+1) { clear: both; margin-left: 0; }
  .p-commitment__material-heading { padding-top: 100px; padding-bottom: 110px; background-attachment: inherit; }
  .p-commitment__material-content .lead { font-size: 16px; font-size: 1.6rem; line-height: 200%; }
  .p-commitment__material-content li { float: none; width: auto; margin-top: 45px; margin-left: 0; }
  .p-commitment__material-content li .img1 { margin-bottom: 20px; }
  .p-commitment__material-content li .box1 p { line-height: 200%; }
  .p-commitment__process-wrap { padding-left: 15px; padding-right: 15px; }
  .p-commitment__process .heading { font-size: 18px; font-size: 1.8rem; left: 20px; margin-left: 0; }
  .p-commitment__process .block1 li { padding: 20px 15px 30px; }
  .p-commitment__process .block1 li .box1 h4 { font-size: 18px; font-size: 1.8rem; margin-bottom: 16px; }
  .p-commitment__process .block1 .bx-wrapper .bx-controls-direction a.bx-prev { left: -15px; }
  .p-commitment__process .block1 .bx-wrapper .bx-controls-direction a.bx-next { right: -15px; }

  .p-commitment__comment-heading { padding-top: 100px; padding-bottom: 120px; background-attachment: inherit; }
  .p-commitment__comment-heading:before { width: 90%; }
  .p-commitment__comment-content .heading { left: 20px; }
  .p-commitment__comment-content .block1 { padding-left: 40px; margin-bottom: 40px; }
  .p-commitment__comment-content .block1 h4 { font-size: 18px; font-size: 1.8rem; }
  .p-commitment__comment-content .block1 h4 span { display: block; border-left: 0; padding-left: 0; margin-left: 0; margin-top: 5px; }
  .p-commitment__comment-content .block1 .img1 { position: relative; margin-top: 50px; margin-left: -40px; }
  .p-commitment__comment-content .block1:nth-child(n+2) p, .p-commitment__comment-content .block1:nth-child(n+2) h4 { position: relative; margin-left: -40px; } }
/*=======================================
会社概要
=========================================*/
.p-company__overview .c-table1 .place p { float: left; }
.p-company__overview .c-table1 .place .c-btn1 { float: right; width: 100%; max-width: 300px; }
.p-company__overview .img1 { margin-top: 98px; }
.p-company__overview .img1 > div { float: left; width: 25%; }
.p-company__overview .img1 > div:nth-child(4n+1) { clear: both; }
.p-company__message { padding-top: 52px; padding-bottom: 60px; margin-bottom: 120px; position: relative; }
.p-company__message-img { background: url(img/company/message_img1.jpg) no-repeat center; background-size: cover; width: 55%; height: 100%; position: absolute; left: 0; top: 0; }
.p-company__message-block1 { background: rgba(255, 255, 255, 0.8); width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 75px; margin-left: auto; position: relative; z-index: 2; }
.p-company__message-block1 .wrap { max-width: 544px; }
.p-company__message-block1 .heading { margin-bottom: 40px; }
.p-company__message-block1 .heading h3 { font-size: 13px; font-size: 1.3rem; line-height: 140%; color: #1F2C5C; font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; margin-bottom: 15px; padding-left: 50px; position: relative; }
.p-company__message-block1 .heading h3:before { display: block; content: ""; position: absolute; width: 141px; height: 1px; left: -107px; top: 50%; margin-top: -2px; background: url(img/common/icon_1.svg) no-repeat center; background-size: 141px 1px; }
.p-company__message-block1 .heading h4 { letter-spacing: 0.3em; font-size: 24px; font-size: 2.4rem; line-height: 160%; color: #1F2C5C; font-weight: normal; }
.p-company__message-block1 .heading h4 span { color: #000; margin-right: 20px; font-size: 13px; font-size: 1.3rem; display: inline-block; *display: inline; *zoom: 1; letter-spacing: 0.3em; }
.p-company__award .block1 { margin-bottom: 70px; float: left; width: 47.7582%; margin-left: 4.4836%; margin-bottom: 76px; }
.p-company__award .block1:nth-child(2n+1) { clear: both; margin-left: 0; }
.p-company__award .block1:last-child { margin-bottom: 0; }
.p-company__award .block1 .title { border-bottom: 3px solid #1F2C5C; background-position: center top; background-repeat: no-repeat; font-size: 18px; font-size: 1.8rem; line-height: 160%; color: #1F2C5C; font-weight: normal; letter-spacing: 0.25em; padding-top: 90px; margin-bottom: 6px; text-align: center; padding-bottom: 9px; }
.p-company__award .block1 .title.new { background-image: url(img/company/award_icon1.png); }
.p-company__award .block1 .title.kantoshinetsu { background-image: url(img/company/award_icon2.png); }
.p-company__award .block1 .title.international { background-image: url(img/company/award_icon3.png); }
.p-company__award .block1 .c-table1 th { width: 150px; }
.p-company__award .block1 .c-table1 th:before { width: calc(100% - 35px); }

/* ----------------------------- スマホ */
@media screen and (max-width: 767px) { .p-company__overview .img1 { margin-top: 40px; }
  .p-company__overview .img1 > div { width: 50%; }
  .p-company__overview .img1 > div:nth-child(2n+1) { clear: both; }
  .p-company__message { padding-top: 20px; padding-bottom: 0; margin-bottom: 60px; }
  .p-company__message-img { position: static; width: 100%; height: 0; padding-top: 70%; }
  .p-company__message-block1 { width: auto; padding: 30px; margin-left: 20px; margin-right: 20px; position: relative; margin-top: -37px; }
  .p-company__message-block1 .heading { margin-bottom: 20px; }
  .p-company__message-block1 .heading h4 { font-size: 20px; font-size: 2rem; }
  .p-company__award .block1 { float: none; width: auto; margin-left: 0; }
  .p-company__award .block1 .c-table1 th { width: 100px; }
  .p-company__award .block1 .c-table1 th:before { width: calc(100% - 15px); } }
/*=======================================
市島酒造の歴史
=========================================*/
.p-history__lead { overflow: hidden; margin-bottom: 140px; }
.p-history__lead .img1 { margin-bottom: 60px; }
.p-history__lead .box1 { padding-top: 44px; margin-bottom: 55px; clear: both; }
.p-history__lead .box1:first-child { padding-top: 0; }
.p-history__lead .box1:last-child { margin-bottom: 0; }
.p-history__lead .box1 h3, .p-history__lead .box1-txt h3, .p-history__lead .box1-img h3 { font-size: 24px; font-size: 2.4rem; font-weight: normal; letter-spacing: 0.25em; line-height: 160%; margin-bottom: 30px; color: #1F2C5C; }
.p-history__lead .box1-txt { float: left; width: 50%; }
.p-history__lead .box1-txt h3 { margin-top: 80px; }
.p-history__lead .box1-img { float: right; width: 42.3%; }
.p-history__lead .box1-img img { max-width: initial; }
.p-history .p-commitment__comment-heading { background-image: url(img/history/interview_bg1.jpg); color: #000; }

/* ----------------------------- スマホ */
@media screen and (max-width: 767px) { .p-history__lead { margin-bottom: 60px; }
  .p-history__lead .img1 { margin-bottom: 30px; }
  .p-history__lead .box1-txt, .p-history__lead .box1-img { float: none; width: auto; margin-bottom: 30px; }
  .p-history__lead .box1-img img { max-width: 100%; }
  .p-history__lead .box1, .p-history__lead .box1-txt, .p-history__lead .box1-img { margin-bottom: 35px; }
  .p-history__lead .box1 h3, .p-history__lead .box1-txt h3, .p-history__lead .box1-img h3 { font-size: 18px; font-size: 1.8rem; margin-bottom: 20px; }
  .p-history .p-commitment__comment-heading { background-image: url(img/history/sp/interview_bg1.jpg); } }
/*=======================================
酒蔵見学
=========================================*/
.p-tour__lead { text-align: center; margin-bottom: 72px; }
.p-tour__lead h3 { margin-bottom: 22px; padding-top: 280px; background: url(img/top/tour_icon1-2020.png) no-repeat center top; background-size: 240px; font-size: 20px; font-size: 2rem; line-height: 180%; font-weight: normal; letter-spacing: 0.25em; }
.p-tour__info { margin-bottom: 65px; }
.p-tour__info .block1 { background: #F6F6F6; padding-top: 72px; padding-bottom: 84px; text-align: center; }
.p-tour__info .block1 .box1, .p-tour__info .block1 .txt1 { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.p-tour__info .block1 .box1 { margin-right: 160px; }
.p-tour__info .block1 .box1 li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative; }
.p-tour__info .block1 .box1 li + li { padding-left: 60px; margin-left: 60px; }
.p-tour__info .block1 .box1 li + li:before { display: block; content: ""; position: absolute; border-right: 1px solid #ccc; height: 90px; top: 50%; left: 0; margin-top: -45px; }
.p-tour__info .block1 .box1 li h4 { background-position: center top; background-repeat: no-repeat; font-weight: normal; letter-spacing: 0.3em; padding-top: 43px; margin-bottom: 25px; }
.p-tour__info .block1 .box1 li p { font-size: 30px; font-size: 3rem; line-height: 140%; letter-spacing: 0.3em; padding-left: 13px; padding-right: 13px; background: url(img/top/tour_bg2.png) repeat-x center bottom; }
.p-tour__info .block1 .box1 li:nth-child(1) h4 { background-image: url(img/top/tour_icon2.png); }
.p-tour__info .block1 .box1 li:nth-child(2) h4 { background-image: url(img/top/tour_icon3.png); }
.p-tour__info .block1 .txt1 { max-width: 450px; text-align: left; }
.p-tour__info .block2 { padding-top: 50px; }
.p-tour__info .block2 .c-table1 td .c-btn1 { margin-top: 12px; margin-bottom: 8px; }
.p-tour__tasting { background: url(img/tour/tasting_bg1.jpg) center top; padding-top: 46px; padding-bottom: 75px; margin-bottom: 70px; }
.p-tour__tasting .block1 { float: right; width: 44.3469%; }
.p-tour__tasting .block1 .title { text-align: center; font-size: 18px; font-size: 1.8rem; line-height: 160%; border-bottom: 3px solid #1F2C5C; background: url(img/tour/tasting_icon1.png) no-repeat center top; padding-top: 30px; font-weight: normal; letter-spacing: 0.15em; padding-bottom: 8px; margin-bottom: 26px; }
.p-tour__tasting .block1 ul { margin-bottom: 20px; }
.p-tour__tasting .block1 li { float: left; width: 28.8636%; margin-left: 6.7046%; background: #1F2C5C; color: #fff; text-align: center; font-size: 18px; font-size: 1.8rem; letter-spacing: 0.22em; line-height: 130%; border-radius: 100%; padding-top: 43px; padding-bottom: 40px; }
.p-tour__tasting .block1 li small { font-size: 12px; font-size: 1.2rem; }
.p-tour__tasting .block1 li:nth-child(3n+1) { clear: both; margin-left: 0; }
.p-tour__tasting .block1 .txt1 { margin-top: 40px; border-top: 3px solid #1F2C5C; padding-top: 15px; }
.p-tour__tasting .block1 .txt1 p { font-size: 13px; font-size: 1.3rem; line-height: 200%; }
.p-tour__tasting .img1 { float: left; width: 50%; padding-top: 30px; }
.p-tour__group { margin-bottom: 135px; }
.p-tour__group .lead { margin-bottom: 65px; text-align: center; }
.p-tour__group .lead h4 { display: inline-block; *display: inline; *zoom: 1; background: url(img/top/tour_bg2.png) repeat-x center bottom; font-size: 18px; font-size: 1.8rem; line-height: 160%; letter-spacing: 0.3em; padding-left: 13px; padding-right: 13px; padding-bottom: 5px; font-weight: normal; margin-bottom: 40px; color: #1F2C5C; }
.p-tour__group .img1 { float: left; width: 50%; }
.p-tour__group .block1 { float: right; width: 44.3469%; }
.p-tour__group .block1 h5 { text-align: center; font-size: 18px; font-size: 1.8rem; line-height: 160%; font-weight: normal; color: #1F2C5C; letter-spacing: 0.25em; margin-bottom: 10px; }
.p-tour__group .block1 .box1 { border-top: 3px solid #1F2C5C; border-bottom: 3px solid #1F2C5C; padding-top: 40px; padding-bottom: 40px; margin-bottom: 36px; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 180%; }
.p-tour__group .block1 .box1 .tel { font-size: 18px; font-size: 1.8rem; letter-spacing: 0.25em; line-height: 240%; }
.p-tour__group .block1 .box1 .tel span, .p-tour__group .block1 .box1 .tel a { font-size: 28px; font-size: 2.8rem; color: #1F2C5C; }
.p-tour__group .block1 .txt1 p { font-size: 13px; font-size: 1.3rem; line-height: 200%; }
.p-tour__facility-heading { background: url(img/tour/facility_bg1.jpg) no-repeat center; background-size: cover; padding-top: 198px; margin-bottom: 76px; text-align: center; }
.p-tour__facility-heading .heading { display: inline-block; *display: inline; *zoom: 1; background: #fff; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; vertical-align: top; font-size: 24px; font-size: 2.4rem; line-height: 160%; letter-spacing: 0.3em; font-weight: normal; padding: 73px 15px 60px 15px; position: relative; }
.p-tour__facility-heading .heading:before { display: block; content: ""; position: absolute; background: url(img/top/kv_icon1.svg) no-repeat center top; width: 1px; height: 141px; left: 50%; top: -70px; }
.p-tour__facility-content { padding-left: 60px; padding-right: 60px; text-align: center; }
.p-tour__facility-content .block1 { margin-bottom: 95px; }
.p-tour__facility-content .block1:last-child { margin-bottom: 0; }
.p-tour__facility-content .block1 h3 { font-size: 20px; font-size: 2rem; font-weight: normal; color: #1F2C5C; letter-spacing: 0.25em; margin-bottom: 38px; line-height: 160%; }
.p-tour__facility-content .block1 .img1 { margin-bottom: 48px; }
.p-tour__facility-content .block1 .img1 > div { float: left; width: 23.7677%; margin-left: 1.643066666666667%; text-align: center; }
.p-tour__facility-content .block1 .img1 > div:nth-child(4n+1) { clear: both; margin-left: 0; }

/* ----------------------------- スマホ */
@media screen and (max-width: 767px) { .p-tour__lead { margin-bottom: 36px; }
  .p-tour__lead h3 { font-size: 18px; font-size: 1.8rem; }
  .p-tour__info .block1 { padding-top: 35px; padding-bottom: 35px; }
  .p-tour__info .block1 .box1, .p-tour__info .block1 .txt1 { display: block; }
  .p-tour__info .block1 .box1 { margin-right: 0; margin-bottom: 30px; }
  .p-tour__info .block1 .box1 li h4 { background-size: 16px 16px; padding-top: 22px; margin-bottom: 10px; }
  .p-tour__info .block1 .box1 li p { font-size: 20px; font-size: 2rem; }
  .p-tour__info .block1 .box1 li + li { margin-left: 30px; padding-left: 30px; }
  .p-tour__tasting { padding-top: 35px; padding-bottom: 35px; margin-bottom: 45px; }
  .p-tour__tasting .block1, .p-tour__tasting .img1 { float: none; width: auto; }
  .p-tour__tasting .block1 li { padding-top: 7.38%; padding-bottom: 7.35%; line-height: 110%; }
  .p-tour__tasting .block1 li small { font-size: 10px; font-size: 1rem; letter-spacing: 0.1em; }
  .p-tour__tasting .img1 { text-align: center; }
  .p-tour__group { margin-bottom: 60px; }
  .p-tour__group .lead { margin-bottom: 35px; }
  .p-tour__group .lead h4 { font-size: 16px; font-size: 1.6rem; margin-bottom: 25px; }
  .p-tour__group .img1, .p-tour__group .block1 { float: none; width: auto; }
  .p-tour__group .img1 { margin-bottom: 20px; }
  .p-tour__facility-heading { padding-top: 100px; margin-bottom: 30px; }
  .p-tour__facility-heading .heading { font-size: 18px; font-size: 1.8rem; padding: 53px 10px 40px; white-space: nowrap; }
  .p-tour__facility-heading .heading:before { height: 110px; }
  .p-tour__facility-content { padding-left: 15px; padding-right: 15px; }
  .p-tour__facility-content .block1 { margin-bottom: 60px; }
  .p-tour__facility-content .block1 h3 { font-size: 18px; font-size: 1.8rem; margin-bottom: 25px; }
  .p-tour__facility-content .block1 .img1 { margin-bottom: 26px; }
  .p-tour__facility-content .block1 .img1 > div { width: 49%; margin-left: 2%; margin-bottom: 2%; }
  .p-tour__facility-content .block1 .img1 > div:nth-child(2n+1) { clear: both; margin-left: 0; }
  .p-tour__facility-content .block1 p { text-align: left; } }
/*=======================================
商品一覧
=========================================*/
.p-product__content { margin-bottom: 78px; padding-bottom: 50px; position: relative; }
.p-product__content:last-child { margin-bottom: 0; }
.p-product__content .block1 { width: 38.5416%; padding-top: 62px; }
.p-product__content .block1 .wrap { max-width: 380px; min-height: 380px; }
.p-product__content .block1 .txt1 h3, .p-product__content .block1 .txt1 p { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
.p-product__content .block1 .txt1 h3 { height: 220px; }
.p-product__content .block1 .txt1 p { font-size: 19px; font-size: 1.9rem; line-height: 180%; margin-right: 75px; }
.p-product__content .block1 .c-btn1 { margin-top: 40px; }
.p-product__content .img1 { position: absolute; top: 0; width: 55.83%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.p-product__content.is-img-right .block1 { float: left; }
.p-product__content.is-img-right .block1 .wrap { margin-left: auto; }
.p-product__content.is-img-right .block1 .txt1 { text-align: left; }
.p-product__content.is-img-right .img1 { right: 0; }
.p-product__content.is-img-left .block1 { float: right; }
.p-product__content.is-img-left .block1 .txt { text-align: right; }
.p-product__content.is-img-left .img1 { left: 0; }
.p-product__content.omon .img1 { background-image: url(img/product/img1.jpg); }
.p-product__content.hidematsu .img1 { background-image: url(img/product/img2.jpg); }
.p-product__content.yume .img1 { background-image: url(img/product/img3.jpg); }
.p-product__content.karen .img1 { background-image: url(img/product/img4.jpg); }

.p-product-detail__lead { margin-bottom: 80px; }
.p-product-detail__lead .heading, .p-product-detail__lead .img1 { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; vertical-align: middle; }
.p-product-detail__lead .heading { width: 34.1130%; margin-right: 2.1444%; }
.p-product-detail__lead .heading h3, .p-product-detail__lead .heading p { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
.p-product-detail__lead .heading p { font-size: 19px; font-size: 1.9rem; line-height: 180%; margin-right: 75px; }
.p-product-detail__lead .img1 { width: 63.7426%; text-align: right; }
.p-product-detail__feature { margin-bottom: 105px; }
.p-product-detail__feature .box1 { border-top: 1px solid #d9d9d9; padding-top: 58px; margin-bottom: 80px; }
.p-product-detail__feature .img1 { background-repeat: center; background-position: center; background-size: cover; height: 500px; }
.p-product-detail__content-block1 { padding-bottom: 72px; margin-bottom: 80px; border-bottom: 1px solid #D9D9D9; }
.p-product-detail__content-block1 .img1 { float: left; width: 41.9105%; text-align: center; }
.p-product-detail__content-block1 .block1 { float: right; width: 50%; }
.p-product-detail__content-block1 .block1 .lead { margin-bottom: 45px; }
.p-product-detail__content-block1 .block1 .lead h3 { font-size: 24px; font-size: 2.4rem; color: #1F2C5C; font-weight: normal; line-height: 180%; margin-bottom: 18px; }
.p-product-detail__content-block1 .block1 .lead p.spec { margin-top: 30px; font-size: 13px; font-size: 1.3rem; line-height: 180%; }
.p-product-detail__content-block1 .block1 .lead .c-btn1 { margin-top: 35px; }
.p-product-detail__content-block1 .block1 .box1 { margin-top: 30px; }
.p-product-detail__content-block1 .block1 .box1 h4 { border-bottom: 1px dotted #1F2C5C; padding-bottom: 6px; color: #1F2C5C; margin-bottom: 28px; font-weight: normal; }
.p-product-detail__content-block1 .block1 .box1 h4 span { display: block; background: url(img/product/detail_icon1-2020.png) no-repeat 5px center; background-size: 16px 16px; padding-left: 28px; line-height: 120%; padding-top: 2px; }
.p-product-detail__content-block1 .block1 .box1 p { margin-top: 25px; }
.p-product-detail__content-block1.omon1 .img1 img { position: relative; margin-top: -30px; }
.p-product-detail__nav { text-align: center; }
.p-product-detail__nav li { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-right: 118px; }
.p-product-detail__nav li:last-child { margin-right: 0; }
.p-product-detail.omon .p-product-detail__feature .img1 { background-image: url(img/product/omon/feature_img1.jpg); }
.p-product-detail.hidematsu .p-product-detail__feature .img1 { background-image: url(img/product/hidematsu/feature_img1.jpg); }
.p-product-detail.yume .p-product-detail__feature .img1 { background-image: url(img/product/yume/feature_img1.jpg); }
.p-product-detail.karen .p-product-detail__feature .img1 { background-image: url(img/product/karen/feature_img1.jpg); }

/* ----------------------------- スマホ */
@media screen and (max-width: 767px) { .p-product__content .block1, .p-product__content .img1 { width: auto; }
  .p-product__content .block1 { margin-bottom: 30px; padding-top: 0; text-align: center; }
  .p-product__content .block1 .wrap { max-width: initial; min-height: initial; padding: 15px; }
  .p-product__content .block1 .txt1 h3, .p-product__content .block1 .txt1 p { display: block; text-align: center; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; }
  .p-product__content .block1 .txt1 h3 { height: auto; }
  .p-product__content .block1 .txt1 p { margin-top: 15px; margin-right: 0; font-size: 16px; font-size: 1.6rem; }
  .p-product__content .block1 .c-btn1 { margin-top: 25px; }
  .p-product__content .img1 { height: 0; padding-top: 65%; position: static; }
  .p-product__content.is-img-right .block1, .p-product__content.is-img-right .img1, .p-product__content.is-img-left .block1, .p-product__content.is-img-left .img1 { float: none; }
  .p-product-detail__lead .heading, .p-product-detail__lead .img1 { display: block; width: auto; }
  .p-product-detail__lead .heading { margin-right: 0; text-align: center; margin-bottom: 30px; }
  .p-product-detail__lead .heading h3, .p-product-detail__lead .heading p { display: block; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; }
  .p-product-detail__lead .heading h3 { margin-bottom: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); }
  .p-product-detail__lead .heading p { font-size: 16px; font-size: 1.6rem; margin-right: 0; position: relative; margin-top: -15px; }
  .p-product-detail__lead .img1 { text-align: center; margin-top: 15px; }
  .p-product-detail__feature .box1 { padding-top: 40px; margin-bottom: 30px; }
  .p-product-detail__feature .img1 { height: 240px; }
  .p-product-detail__content-block1 .block1, .p-product-detail__content-block1 .img1 { float: none; width: auto; }
  .p-product-detail__content-block1 .block1 { margin-top: 20px; }
  .p-product-detail__content-block1 .block1 .lead .c-btn1 { text-align: center; }
  .p-product-detail__content-block1 .img1 { text-align: center; }
  .p-product-detail__content-block1 .img1 img { width: 55%; }
  .p-product-detail__content-block1:last-child { margin-bottom: 30px; }
  .p-product-detail__nav li { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); margin-right: 0; }
  .p-product-detail.omon .p-product-detail__feature .img1 { background-position: 62%; }
  .p-product-detail.yume .p-product-detail__feature .img1 { background-position: 72%; } }
/*=======================================
ブログ
=========================================*/
.p-news__txt1 p { text-align: center; font-size: 16px; font-size: 1.6rem; padding-top: 26px; padding-bottom: 46px; letter-spacing: 0.1em; }
.p-news__archive { float: left; width: 72.5%; }
.p-news__archive .block1 { background: #fff; padding: 60px; padding-top: 0; margin-bottom: 30px; border: 1px solid #E5E5E5; }
.p-news__archive .block1 .date { float: left; color: #fff; background: #1F2C5C; font-size: 14px; font-size: 1.4rem; letter-spacing: 0.1em; padding: 17px 20px; }
.p-news__archive .block1 .category { float: right; background: #999; color: #fff; font-size: 11px; font-size: 1.1rem; line-height: 150%; padding: 4px 10px; margin-top: 36px; }
.p-news__archive .block1 h3 { clear: both; padding-top: 16px; margin-bottom: 28px; font-size: 22px; font-size: 2.2rem; font-weight: normal; letter-spacing: 0.1em; }
.p-news__archive .block1 h3 a { text-decoration: none; color: #1F2C5C; }
.p-news__archive .block1 h3 a:hover { text-decoration: underline; }
.p-news__archive .block1 .content .img { float: left; width: 51.07526%; }
.p-news__archive .block1 .content .txt { float: right; width: 44.892473%; font-size: 14px; font-size: 1.4rem; line-height: 190%; word-break: break-word; }
.p-news__archive .block1 .c-btn2 { border-top: 1px dotted #1F2C5C; margin-top: 45px; padding-top: 20px; }
.p-news__sidebar { float: right; width: 24.1666%; }
.p-news__sidebar .block1 { margin-bottom: 36px; }
.p-news__sidebar .block1 h5 { font-size: 16px; font-size: 1.6rem; font-weight: normal; color: #1F2C5C; margin-bottom: 5px; background: url(img/common/side_icon1.png) no-repeat left center; padding-left: 23px; }
.p-news__sidebar .block1 li { font-size: 16px; font-size: 1.6rem; border-bottom: 1px solid #ccc; }
.p-news__sidebar .block1 li a { display: block; color: #333; text-decoration: none; background: url(img/common/icon_1.png) no-repeat left center; padding-left: 28px; padding-top: 12px; padding-bottom: 12px; }
.p-news__sidebar .block1.calendar .month { text-align: center; margin-bottom: 8px; }
.p-news__sidebar .block1.calendar .month span, .p-news__sidebar .block1.calendar .month p { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 100%; }
.p-news__sidebar .block1.calendar .month span { width: 16px; }
.p-news__sidebar .block1.calendar .month p { width: calc(100% - 32px); font-size: 12px; font-size: 1.2rem; }
.p-news__sidebar .block1.calendar table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 1px; }
.p-news__sidebar .block1.calendar thead th { background: #E9E9E9; color: #A98A48; }
.p-news__sidebar .block1.calendar th { font-weight: normal; font-size: 12px; font-size: 1.2rem; }
.p-news__sidebar .block1.calendar td { font-size: 14px; font-size: 1.4rem; background: #fff; }
.p-news__sidebar .block1.calendar td.other { color: #999; }
.p-news__sidebar .block1.calendar td.hasSchedule { padding-top: 0; padding-bottom: 0; }
.p-news__sidebar .block1.calendar td.hasSchedule a { display: block; padding-top: 2px; padding-bottom: 2px; background: #1F2C5C; text-decoration: underline; color: #fff; }
.p-news__sidebar .block1.calendar td.hasSchedule a:hover { text-decoration: none; }
.p-news__sidebar .block1.calendar th, .p-news__sidebar .block1.calendar td { text-align: center; padding-top: 2px; padding-bottom: 2px; }
.p-news__btn1 { margin-bottom: 70px; }

/*=======================================
ブログ 詳細
=========================================*/
.p-news__detail { margin-bottom: 70px; float: left; width: 72.5%; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 60px; padding-top: 0; border: 1px solid #E5E5E5; }
.p-news__detail .heading { margin-bottom: 30px; }
.p-news__detail .heading .date { float: left; color: #fff; background: #1F2C5C; font-size: 14px; font-size: 1.4rem; letter-spacing: 0.1em; padding: 17px 20px; }
.p-news__detail .heading .category { float: right; background: #999; color: #fff; font-size: 11px; font-size: 1.1rem; line-height: 150%; padding: 4px 10px; margin-top: 36px; }
.p-news__detail .heading h3 { clear: both; padding-top: 16px; margin-bottom: 28px; font-size: 22px; font-size: 2.2rem; font-weight: normal; letter-spacing: 0.1em; color: #1F2C5C; }
.p-news__detail .heading .sns li { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-right: 20px; }
.p-news__detail .heading .sns li.facebook .fb_iframe_widget span { vertical-align: top !important; }
.p-news__detail .content { font-size: 14px; font-size: 1.4rem; line-height: 190%; }
.p-news__detail .content p { margin-bottom: 25px; }
.p-news__detail .content h2 { color: #fff; background: #1F2C5C; margin: 40px 0 30px; padding: 12px; font-size: 20px; border-radius: 6px; position: relative; }
.p-news__detail .content h2 span { color: #fff !important; font-size: 18px !important; }
.p-news__detail .content h2::after { content: ""; display: block; position: absolute; left: 0px; bottom: -10px; width: 100%; height: 10px; background: url("img/news/arrow.png") center left 30px no-repeat #FFF; }
.p-news__detail .content h3 { background: #ebeefb; padding: 8px 12px; border-left: 2px solid #1F2C5C; color: #1F2C5C; margin: 40px 0 30px; font-size: 18px !important; }
.p-news__detail .content h3 span { text-decoration: none !important; color: #1F2C5C !important; font-size: 18px !important; }
.p-news__detail .content .enclosure01 { border: 1px solid #E5E5E5; border-radius: 6px; padding: 20px; margin: 20px 0; }
.p-news__detail .content .enclosure01 p:last-child { margin-bottom: 0; }
.p-news__detail .content .enclosure02 { background: #F3F3F3; padding: 20px; margin: 20px 0; }
.p-news__detail .content .enclosure02 p:last-child { margin-bottom: 0; }
.p-news__detail .content .enclosure03 { border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 30px 0; margin: 20px 0; }
.p-news__detail .content .enclosure03 p:last-child { margin-bottom: 0; }
.p-news__detail .footer .sns { margin-bottom: 40px; }
.p-news__detail .footer .sns li { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-right: 20px; }
.p-news__detail .footer .sns li.facebook .fb_iframe_widget span { vertical-align: top !important; }
.p-news__detail .footer .writter { margin-bottom: 38px; }
.p-news__detail .footer .writter h4 { font-size: 16px; font-size: 1.6rem; font-weight: normal; color: #1F2C5C; margin-bottom: 5px; background: url(img/common/side_icon1.png) no-repeat left center; padding-left: 23px; }
.p-news__detail .footer .writter .box1 { border: 5px solid #E4E4E4; padding: 18px; }
.p-news__detail .footer .writter .box1 .img { float: left; width: 112px; }
.p-news__detail .footer .writter .box1 .txt { margin-left: 135px; }
.p-news__detail .footer .writter .box1 .txt h5 { font-size: 16px; font-size: 1.6rem; color: #646442; line-height: 140%; margin-bottom: 14px; }
.p-news__detail .footer .writter .box1 .txt p { font-size: 14px; font-size: 1.4rem; line-height: 180%; }
.p-news__detail .footer .nav { padding-bottom: 32px; border-bottom: 1px dotted #D6828E; }
.p-news__detail .footer .nav a { display: block; color: #1F2C5C; text-decoration: none; background-repeat: no-repeat; font-size: 14px; font-size: 1.4rem; line-height: 160%; }
.p-news__detail .footer .nav li { width: 43.01075%; }
.p-news__detail .footer .nav li.prev { float: left; }
.p-news__detail .footer .nav li.prev a { background-image: url(img/common/icon_2_left.png); background-position: left center; padding-left: 42px; }
.p-news__detail .footer .nav li.next { float: right; }
.p-news__detail .footer .nav li.next a { background-image: url(img/common/icon_2.png); background-position: right center; padding-right: 42px; }

/* ----------------------------- スマホ */
@media screen and (max-width: 767px) { .p-news__txt1 p { padding-bottom: 26px; font-size: 14px; font-size: 1.4rem; }
  .p-news__archive, .p-news__detail, .p-news__sidebar { float: none; width: auto; }
  .p-news__archive .block1 { padding: 15px; padding-top: 0; margin-bottom: 25px; }
  .p-news__archive .block1 .date { padding: 17px 12px; font-size: 12px; font-size: 1.2rem; }
  .p-news__archive .block1 .category { font-size: 10px; font-size: 1rem; margin-top: 33px; }
  .p-news__archive .block1 h3 { font-size: 20px; font-size: 2rem; margin-bottom: 22px; }
  .p-news__archive .block1 .content .img, .p-news__archive .block1 .content .txt { float: none; width: auto; }
  .p-news__archive .block1 .content .img { margin-bottom: 15px; }
  .p-news__detail { padding: 15px; padding-top: 0; }
  .p-news__detail .heading { margin-bottom: 25px; }
  .p-news__detail .heading .date { padding: 17px 12px; font-size: 12px; font-size: 1.2rem; }
  .p-news__detail .heading .category { font-size: 10px; font-size: 1rem; margin-top: 33px; }
  .p-news__detail .heading h3 { font-size: 20px; font-size: 2rem; margin-bottom: 22px; }
  .p-news__detail .footer .writter .box1 { border-width: 3px; }
  .p-news__detail .footer .writter .box1 .img { float: none; width: auto; margin-bottom: 15px; text-align: center; }
  .p-news__detail .footer .writter .box1 .txt { margin-left: 0; }
  .p-news__detail .footer .nav li { float: none; width: auto; margin-bottom: 15px; }
  .p-news__sidebar { margin-top: 40px; } }
/*=======================================
お問い合わせ
=========================================*/
.p-contact__lead { text-align: center; margin-bottom: 36px; }
.p-contact__lead h3 { font-size: 22px; font-size: 2.2rem; font-weight: normal; letter-spacing: 0.2em; color: #1F2C5C; }
.p-contact__lead.thanks { margin-top: 70px; }
.p-contact__step li { float: left; width: 50%; background: #E0E0E0; padding-top: 16px; padding-bottom: 16px; text-align: center; position: relative; }
.p-contact__step li:nth-child(3n+1) { clear: both; }
.p-contact__step li:before, .p-contact__step li:after { position: absolute; display: block; content: ""; }
.p-contact__step li:before { border-left: 28px solid #fff; border-top: 39px solid transparent; border-bottom: 39px solid transparent; z-index: 1; right: -28px; top: -8px; }
.p-contact__step li:after { border-left: 23px solid #E0E0E0; border-top: 31px solid transparent; border-bottom: 31px solid transparent; z-index: 2; right: -23px; top: 0; }
.p-contact__step li:last-child:before, .p-contact__step li:last-child:after { display: none; }
.p-contact__step li.is-current { background: #1F2C5C; color: #fff; }
.p-contact__step li.is-current:after { border-left-color: #1F2C5C; }
.p-contact__form { padding-top: 40px; padding-bottom: 50px; }
.p-contact__form .heading { margin-bottom: 35px; }
.p-contact__form .heading .category { display: inline-block; *display: inline; *zoom: 1; border: 1px solid #ccc; font-size: 14px; font-size: 1.4rem; padding: 1px 13px; margin-bottom: 12px; }
.p-contact__form .heading h3 { font-weight: normal; font-size: 19px; font-size: 1.9rem; line-height: 160%; margin-bottom: 26px; letter-spacing: 0.1em; border-bottom: 4px solid #1F2C5C; padding-bottom: 8px; color: #1F2C5C; }
.p-contact__form .heading .date { border: 1px solid #1F2C5C; text-align: center; padding-top: 15px; padding-bottom: 15px; }
.p-contact__form .heading .date strong { font-size: 18px; font-size: 1.8rem; color: #1F2C5C; }
.p-contact__form .notice { font-size: 14px; font-size: 1.4rem; line-height: 140%; letter-spacing: 0.1em; color: #F03F2C; margin-bottom: 20px; }
.p-contact__form h4 { text-align: center; font-size: 15px; font-size: 1.5rem; letter-spacing: 0.1em; font-weight: normal; background: #1F2C5C; color: #fff; padding-top: 9px; padding-bottom: 9px; margin-bottom: 38px; margin-top: 40px; }
.p-contact__form span.required { display: inline-block; *display: inline; *zoom: 1; color: #fff; font-size: 12px; font-size: 1.2rem; line-height: 130%; padding: 1px 3px; background: #F03F2C; }
.p-contact__form span.option { display: inline-block; *display: inline; *zoom: 1; color: #fff; font-size: 12px; font-size: 1.2rem; line-height: 130%; padding: 1px 3px; background: #999; }
.p-contact__form input[type="text"], .p-contact__form input[type="email"], .p-contact__form input[type="tel"], .p-contact__form select, .p-contact__form textarea { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8px; }
.p-contact__form input[type="text"].wpcf7c-conf, .p-contact__form input[type="email"].wpcf7c-conf, .p-contact__form input[type="tel"].wpcf7c-conf, .p-contact__form select.wpcf7c-conf, .p-contact__form textarea.wpcf7c-conf { border-color: transparent; background-color: transparent; padding: 0; }
.p-contact__form .other p { margin-top: 10px; }
.p-contact__form .other textarea { width: 100%; height: 150px; }
.p-contact__form table { width: 100%; }
.p-contact__form th, .p-contact__form td { border-top: 1px dotted #ccc; padding-top: 24px; padding-bottom: 24px; }
.p-contact__form th { font-weight: normal; letter-spacing: 0.1em; width: 275px; text-align: left; }
.p-contact__form th p { background-repeat: no-repeat; background-position: left center; padding-left: 32px; }
.p-contact__form td p { margin-bottom: 18px; }
.p-contact__form td p:last-child { margin-bottom: 0; }
.p-contact__form tr.type th p { background-image: url(img/contact/icon_type.png); }
.p-contact__form tr.name th p { background-image: url(img/contact/icon_name.png); }
.p-contact__form tr.name td input[type="text"] { width: 280px; }
.p-contact__form tr.tel th p { background-image: url(img/contact/icon_tel.png); }
.p-contact__form tr.tel td input[type="tel"] { width: 280px; }
.p-contact__form tr.email th p { background-image: url(img/contact/icon_email.png); }
.p-contact__form tr.email td input[type="email"] { width: 340px; }
.p-contact__form tr.company th p { background-image: url(img/contact/icon_company.png); }
.p-contact__form tr.company td input[type="text"] { width: 340px; }
.p-contact__form tr.message th p { background-image: url(img/contact/icon_message.png); }
.p-contact__form tr.message td textarea { width: 100%; height: 157px; }
.p-contact__form tr:last-child th, .p-contact__form tr:last-child td { border-top: 1px dotted #ccc; }
.p-contact__form .privacy { border-top: 1px dotted #ccc; padding-top: 30px; padding-bottom: 55px; margin-top: 50px; }
.p-contact__form .privacy h5 { font-size: 15px; font-size: 1.5rem; line-height: 160%; letter-spacing: 0.1em; font-weight: normal; margin-bottom: 8px; color: #1F2C5C; }
.p-contact__form .privacy p { font-size: 15px; font-size: 1.5rem; line-height: 160%; }
.p-contact__form .btn { text-align: center; border-top: 2px solid #ccc; padding-top: 34px; }
.p-contact__form .btn input { -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; transition: 0.3s ease all; color: #fff; cursor: pointer; letter-spacing: 0.15em; font-size: 18px; font-size: 1.8rem; padding: 26px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 380px; border: 0; font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.p-contact__form .btn input span { display: inline-block; *display: inline; *zoom: 1; background: url(img/common/arrow_4.svg) no-repeat left center; background-size: 4px 5px; padding-left: 16px; }
.p-contact__form .btn input:hover { opacity: 0.7; -ms-filter: "alpha(opacity=70)"; filter: alpha(opacity=70); }
.p-contact__form .btn input[type="button"] { background: #999; margin-right: 1px; }
.p-contact__form .btn input[type="submit"] { background: #FF0000; }
.p-contact__form .btn .ajax-loader { display: none; }
.p-contact__thanks { text-align: center; }
.p-contact__thanks p { line-height: 180%; }
.p-contact__thanks .box1 { margin-top: 45px; margin-bottom: 55px; }
.p-contact__thanks .box1 h5, .p-contact__thanks .box1 p { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.p-contact__thanks .box1 h5 { font-size: 14px; font-size: 1.4rem; color: #000; font-weight: normal; }
.p-contact__thanks .box1 p { border-left: 1px solid #e8e8e8; padding-left: 44px; margin-left: 28px; color: #1F2C5C; }
.p-contact__thanks .box1 p span, .p-contact__thanks .box1 p a { font-size: 36px; font-size: 3.6rem; }
.p-contact__btn1 { margin-top: 70px; margin-bottom: 70px; }

/* ----------------------------- スマホ */
@media screen and (max-width: 767px) { .p-contact__lead { margin-bottom: 15px; }
  .p-contact__lead h3 { font-size: 20px; font-size: 2rem; line-height: 180%; }
  .p-contact__lead.thanks { margin-top: 30px; }
  .p-contact__heading { padding: 30px 15px 20px; }
  .p-contact__heading h3 { font-size: 18px; font-size: 1.8rem; margin-bottom: 20px; }
  .p-contact__heading p { text-align: left; }
  .p-contact__step { font-size: 12px; font-size: 1.2rem; }
  .p-contact__step li:nth-child(1) { text-indent: 0.5em; }
  .p-contact__step li:nth-child(2), .p-contact__step li:nth-child(3) { text-indent: 1.5em; }
  .p-contact__step li:before { border-left-width: 18px; border-top-width: 37px; border-bottom-width: 37px; right: -18px; }
  .p-contact__step li:after { border-left-width: 13px; border-top-width: 29px; border-bottom-width: 29px; right: -13px; }
  .p-contact__form { padding: 30px 15px 20px; }
  .p-contact__form h4 { margin-top: 30px; margin-bottom: 20px; padding-top: 12px; padding-bottom: 12px; }
  .p-contact__form table, .p-contact__form tbody, .p-contact__form thead, .p-contact__form tr, .p-contact__form th, .p-contact__form td { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .p-contact__form th, .p-contact__form td { padding-top: 16px; padding-bottom: 16px; }
  .p-contact__form th { width: auto; padding-bottom: 0; }
  .p-contact__form td { padding-top: 12px; border-top: 0; }
  .p-contact__form tr.address td .zip input[type="text"], .p-contact__form tr.address td .zip2 input[type="text"] { width: 100px; }
  .p-contact__form tr:last-child td { border-top: 0; }
  .p-contact__form input[type="text"], .p-contact__form input[type="tel"], .p-contact__form input[type="email"], .p-contact__form select, .p-contact__form textarea { max-width: 100% !important; font-size: 16px; font-size: 1.6rem; }
  .p-contact__form .heading .category { font-size: 12px; font-size: 1.2rem; }
  .p-contact__form .heading h3 { font-size: 16px; font-size: 1.6rem; border-bottom-width: 3px; }
  .p-contact__form .heading .date { padding: 12px 8px; }
  .p-contact__form .btn1 { padding: 20px 15px 40px; }
  .p-contact__form .btn1 button { padding: 18px 10px; font-size: 16px; font-size: 1.6rem; }
  .p-contact__form .btn1 button.back { margin-right: 0; margin-bottom: 1px; }
  .p-contact__thanks { padding: 10px 15px 40px; }
  .p-contact__thanks h4 { font-size: 18px; font-size: 1.8rem; }
  .p-contact__thanks p { text-align: left; }
  .p-contact__thanks .box1 { margin-top: 30px; }
  .p-contact__thanks .box1 h5 { padding-top: 6px; padding-bottom: 6px; }
  .p-contact__thanks .box1 p { font-size: 16px; font-size: 1.6rem; text-align: center; border-left: 0; padding-left: 0; margin-left: 0; }
  .p-contact__thanks .box1 p .tel { margin-left: 0; margin-top: 5px; text-decoration: none; font-size: 24px; font-size: 2.4rem; padding-top: 4px; padding-bottom: 4px; } }
/*=======================================
プライバシーポリシー
=========================================*/
.p-privacy__lead { margin-bottom: 55px; line-height: 200%; }
.p-privacy__lead p, .p-privacy__lead ul { margin-bottom: 35px; }
.p-privacy__content .block1 { margin-bottom: 60px; }
.p-privacy__content .info { text-align: right; border-top: 1px dotted #1F2C5C; padding-top: 50px; }

/* ----------------------------- スマホ */
/* ----------------------------- スマホ */
@media screen and (max-width: 767px) { body { font-size: 14px; font-size: 1.4rem; line-height: 160%; min-width: initial; } }