@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap");
*, *:after, *:before { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; }

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

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; }

li { list-style: none; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }

input, textarea, select { *font-size: 100%; }

.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }

a { outline: none; text-decoration: none; color: inherit; }

img { vertical-align: bottom; }

a[href], label[for], button, input[type="button"], input[type="submit"], input[type="reset"], input[type="image"], input[type="radio"], input[type="checkbox"], select { cursor: pointer; }

a[href^="tel:"] { cursor: default; }

input[type="text"], input[type="tel"], input[type="email"] { outline: none; width: 100%; height: 40px; background: none; border: 1px solid #ccc; border-radius: 0; padding: 5px; }

select { outline: none; background: transparent; width: 100%; height: 40px; border: 1px solid #ccc; }

textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; resize: none; outline: none; width: 100%; height: 100px; background: transparent; border: 1px solid #ccc; border-radius: 0; padding: 5px; }

.form button, .form input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; border: none; outline: none; background: transparent; text-shadow: none; }

.form button:hover, .form input[type="submit"]:hover { background: transparent; -webkit-box-shadow: none; box-shadow: none; }

label { cursor: pointer; }

input[type="radio"], input[type="checkbox"] { display: none; }

input[type="radio"]:checked + span:after, input[type="radio"]:checked + input + span:after, input[type="checkbox"]:checked + span:after, input[type="checkbox"]:checked + input + span:after { opacity: 1; -webkit-transition: all 0.15s linear; transition: all 0.15s linear; }

label span { position: relative; padding: 0 0 0 22px; }

label span:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 16px; height: 16px; background: transparent; border: 1px solid #ccc; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; margin: auto 0; }

label span:after { content: ''; opacity: 0; top: 0; bottom: 0; position: absolute; display: block; margin: auto; -webkit-transition: all 0.15s linear; transition: all 0.15s linear; }

label input[type="radio"] + span:before, label input[type="radio"] + input + span:before, label input[type="radio"] + span:after, label input[type="radio"] + input + span:after { border-radius: 50%; }

label input[type="radio"] + span:after, label input[type="radio"] + input + span:after { left: 4px; width: 8px; height: 8px; background: #ccc; }

label input[type="checkbox"] + span:after, label input[type="checkbox"] + input + span:after { top: 0; bottom: 2px; left: 5px; width: 6px; height: 10px; background: none; border-bottom: 2px solid #ccc; border-right: 2px solid #ccc; -webkit-transform: rotate(40deg); transform: rotate(40deg); }

@media only screen and (max-width: 767px) { .custombtn label span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 40px; padding: 0; }
  .custombtn label span:before, .custombtn label span:after { z-index: -1; }
  .custombtn label span:after { display: none; }
  .custombtn label input[type="radio"] + span:before, .custombtn label input[type="radio"] + input + span:before, .custombtn label input[type="radio"] + span:after, .custombtn label input[type="radio"] + input + span:after { top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; border-radius: 5px; }
  .custombtn label input[type="checkbox"] + span:before, .custombtn label input[type="checkbox"] + input + span:before, .custombtn label input[type="checkbox"] + span:after, .custombtn label input[type="checkbox"] + input + span:after { top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; border-radius: 5px; }
  .custombtn label input[type="checkbox"] + span:after, .custombtn label input[type="checkbox"] + input + span:after { border: none; background: #ccc; -webkit-transform: none; transform: none; }
  label input[type="radio"]:checked + span:before, label input[type="radio"]:checked + input + span:before, .custombtn label input[type="checkbox"]:checked + span:before, .custombtn label input[type="checkbox"]:checked + input + span:before { background-color: #ccc; } }

html { font-size: 62.5%; }

body { position: relative; background: white; font-family: "Noto Sans JP", "游ゴシック Medium", YuGothic, "游ゴシック体", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif; font-weight: 400; color: #231815; font-size: 1.6rem; line-height: 1.875; margin: 0 auto; -webkit-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; }

body a { word-break: break-word; }

@media only screen and (max-width: 767px) { body { min-width: 320px; font-size: 1.4rem; line-height: 1.64286; } }

.lity-active body { overflow: hidden; }

.en { font-family: 'Roboto', sans-serif; font-weight: 700; }

.mb35 { margin-bottom: 35px; }

a:link, a:visited { color: #48a1e5; text-decoration: underline; }

a:hover { color: #009fe8; }

.red { color: #f32e2e; }

/*-------------------------
  innerWrap/
-------------------------*/
.innerWrap { max-width: 960px; margin: 0 auto; }

.w1200 { max-width: 1200px; margin: 0 auto; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ■setting
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*-------------------------
  container
-------------------------*/
#container { position: relative; overflow: hidden; z-index: 0; width: 100%; }

/*-------------------------
  ROLL OVER
-------------------------*/
.ro { transition: all 0.25s linear; }

.ro:hover { opacity: .85; transition: all 0.25s linear; }

.ro:hover img { opacity: 1; }

.ro a:hover, .ro a:hover img { transition: none; opacity: 1; }

@media only screen and (max-width: 767px) { .ro:hover, .ro a:hover, .ro a:hover img { opacity: 1; } }

/*-------------------------
  pcCont/spCont
-------------------------*/
img.pcCont { display: inline-block; }

.sp, .spCont { display: none; }

#spMenuOverlay, #spMenu { display: none; }

@media only screen and (max-width: 767px) { .pc, .pcCont, img.pcCont { display: none; }
  .sp, .spCont { display: block; } }

/*-------------------------
  COMMONS
-------------------------*/
.bold, strong { font-weight: bold; }

.tac { text-align: center; }

.tal { text-align: left; }

.tar { text-align: right; }

.f_left { float: left; }

.f_right { float: right; }

.clear { clear: both; }

button { cursor: pointer; outline: none; }

.fBox { display: flex; }

svg { fill: currentColor; }

.preload * { transition: none !important; }

.ofi { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; }

img { -webkit-backface-visibility: hidden; }

.slider { opacity: 0; transition: opacity .3s linear; }

.slider.slick-initialized { opacity: 1; }

/*--------------------------------------------------
  form reset
--------------------------------------------------*/
.form { /* select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select::-ms-expand { display: none; } */ }

.form input, .form select, .form textarea, .form button { font-family: "Noto Sans JP", "游ゴシック Medium", YuGothic, "游ゴシック体", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif; }

.form input[type="text"], .form input[type="tel"], .form input[type="email"], .form input[type="password"], .form input[type="number"], .form input[type="url"], .form input[type="date"], .form textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; width: 100%; border: 1px solid #bababa; border-radius: 0; background: #fff; background: none; padding: 10px; box-shadow: none; max-width: 100%; border-radius: 2px; border-color: #000; }

.form input[type="date"] { outline: none; width: 100%; border: 1px solid #bababa; border-radius: 0; background: #fff; background: none; padding: 0; }

.form select { outline: none; width: 100%; border: 1px solid #bababa; border-radius: 0; background: #fff; background: transparent; padding: 10px; box-shadow: none; color: #231815; }

.form textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; width: 100%; border: 1px solid #bababa; border-radius: 0; background: #fff; resize: none; resize: both; outline: none; width: 100% !important; height: 150px !important; background: transparent; }

.form button, .form input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; border: none; outline: none; background: transparent; text-shadow: none; box-shadow: none; }

.form button:hover, .form input[type="submit"]:hover { background: transparent; -webkit-box-shadow: none; box-shadow: none; }

.form label { cursor: pointer; padding: 0 !important; border: none !important; display: inline-block; }

.form label span { position: relative; padding: 0 0 0 22px; display: inline-block; }

.form label span:before, .form label span:after { content: ''; display: block; position: absolute; top: 0; }

.form label span:before { bottom: 0; left: 0; width: 16px; height: 16px; background: transparent; border: 1px solid  #000; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; margin: auto 0; }

@media only screen and (max-width: 767px) { .form label span:before { bottom: auto; top: 4px; } }

.form label span:after { opacity: 0; top: 0; bottom: 0; margin: auto; -webkit-transition: all 0.15s linear; transition: all 0.15s linear; }

.form input[type="radio"], .form input[type="checkbox"] { display: none; }

.form input[type="radio"]:checked + span:after, .form input[type="radio"]:checked + input + span:after, .form input[type="checkbox"]:checked + span:after, .form input[type="checkbox"]:checked + input + span:after { opacity: 1; -webkit-transition: all 0.15s linear; transition: all 0.15s linear; }

.form input[type="checkbox"]:checked + span:before { background-color: #000; }

.form label input[type="radio"] + span:before, .form label input[type="radio"] + input + span:before, .form label input[type="radio"] + span:after, .form label input[type="radio"] + input + span:after { border-radius: 50%; }

.form label input[type="radio"] + span:before, .form label input[type="radio"] + input + span:before { background-color: #fff; }

.form label input[type="radio"] + span:after, .form label input[type="radio"] + input + span:after { left: 4px; width: 8px; height: 8px; background: #70A72D; bottom: auto; top: 11px; }

@media only screen and (max-width: 767px) { .form label input[type="radio"] + span:after, .form label input[type="radio"] + input + span:after { top: 8px; } }

.form label input[type="checkbox"] + span:after, .form label input[type="checkbox"] + input + span:after { top: 0; bottom: 2px; left: 5px; width: 6px; height: 10px; background: none; border-bottom: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(40deg); transform: rotate(40deg); }

@media only screen and (max-width: 767px) { .form label input[type="checkbox"] + span:after, .form label input[type="checkbox"] + input + span:after { bottom: auto; top: 6px; } }

/*-------------------------
  編集ボタン
-------------------------*/
a.post-edit-link { background-color: #F00 !important; background-image: none !important; border-radius: 5px 5px 5px 5px !important; color: #FFFFFF !important; font-size: 10px !important; font-weight: normal !important; padding: 3px 5px !important; text-decoration: none !important; display: inline-block !important; line-height: 1.1 !important; }

a.post-edit-link:hover { background-color: #06C !important; }

/*-------------------------
  404用
-------------------------*/
#notfound { padding: 190px 0; }

@media only screen and (max-width: 767px) { #notfound { padding: 90px 0; } }

#notfound p { text-align: center; }

#notfound .caption { font-weight: bold; font-size: 2rem; margin-bottom: 50px; }

/*-------------------------
  WP用のページャー
-------------------------*/
.wp-pagenavi { display: flex; justify-content: center; line-height: 1; margin-top: 35px; }

@media only screen and (max-width: 767px) { .wp-pagenavi { margin-top: 15px; } }

.wp-pagenavi a, .wp-pagenavi span { margin: 0 7px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 1.6rem; font-weight: 700; border: 1px solid #bababa; text-decoration: none; color: #231815; transition: all 0.25s linear; }

@media only screen and (max-width: 767px) { .wp-pagenavi a, .wp-pagenavi span { margin: 0 3px; font-size: 1.5rem; width: 35px; height: 35px; } }

.wp-pagenavi span.current, .wp-pagenavi a:not(.previouspostslink):not(.nextpostslink):hover { border-color: #70A72D; background: #70A72D; color: #fff; }

.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink { display: block; text-indent: -9999px; background: url(../img/coupon/ico_next.png) no-repeat center center; background-size: 12px auto; border: none; transition: all 0.25s linear; }

.wp-pagenavi .previouspostslink:hover, .wp-pagenavi .nextpostslink:hover { opacity: .85; transition: all 0.25s linear; }

@media only screen and (max-width: 767px) { .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink { background-size: 10px auto; } }

.wp-pagenavi .previouspostslink { background-image: url(../img/coupon/ico_back.png); }

.wp-pagenavi span.extend, .wp-pagenavi span.pages, .wp-pagenavi a.first, .wp-pagenavi a.last { display: none; }

.mt10 { margin-top: 10px; }

.mt0 { margin-top: 0 !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ■parts
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*-------------------------
  hd
-------------------------*/
.ptn { position: relative; display: inline-block; z-index: 0; }

.ptn::before, .ptn::after { content: ''; position: absolute; z-index: -1; }

.ptn::before { left: -80px; top: -15px; background: url(../img/ptn_l.png) no-repeat left top; background-size: 98px auto; width: 98px; height: 63px; }

.ptn::after { right: -70px; top: 5px; background: url(../img/ptn_r.png) no-repeat left top; background-size: 52px auto; width: 52px; height: 49px; }

@media only screen and (max-width: 767px) { .ptn::before { left: -30px; top: -12px; background-size: 48px auto; width: 48px; height: 32px; }
  .ptn::after { right: -24px; top: auto; bottom: 5px; background-size: 25px auto; width: 25px; height: 24px; } }

.hd01 { font-weight: 700; font-size: 2.8rem; letter-spacing: 0.02em; text-align: center; line-height: 1.4; margin-bottom: 38px; }

.hd01 span { display: inline-block; padding-bottom: 13px; }

.hd01 span .small { padding-bottom: 0; padding-right: 10px; font-size: 80%; }

.hd01 span.small { display: block; font-size: 90%; padding-bottom: 4px; }

@media only screen and (max-width: 767px) { .hd01 { font-size: 1.8rem; margin-bottom: 18px; }
  .hd01 span { padding-bottom: 5px; }
  .hd01 br.spCont { display: inline-block; } }

.hd02 { text-align: center; font-size: 2.8rem; font-weight: 700; line-height: 1.4; margin-bottom: 15px; }

@media only screen and (max-width: 767px) { .hd02 { font-size: 1.8rem; margin-bottom: 7px; line-height: 1.38889; } }

.hd03 { background: #70A72D; color: #fff; font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 14px; border-radius: 6px; position: relative; cursor: pointer; }

.hd03 .hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.hd03 .hd .num { font-size: 3.6rem; text-align: right; width: 70px; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.hd03 .hd .ttl { font-size: 2.4rem; line-height: 1.61538; font-weight: 700; padding: 0 10px; min-height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.hd03 .hd .ttl strong { color: #ffef53; font-size: 120%; }

.hd03::before { content: ''; position: absolute; top: calc(50% - 7px); right: 48px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 14px solid #70A72D; z-index: 1; -webkit-transition: all 300ms 0s ease; transition: all 300ms 0s ease; }

.hd03.active { border-radius: 6px 6px 0 0; }

.hd03.active::before { top: calc(50% - 9px); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.hd03::after { content: ''; position: absolute; top: calc(50% - 24px); right: 30px; width: 160px; height: 46px; background: url(../img/bg_detail.png) no-repeat left top; /*width:48px; height:48px; background-color:#fff; border-radius:24px;*/ }

.hd03 .sub { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; }

.hd03 .sub p { display: inline-block; background: #fff; color: #eba223; font-size: 1.5rem; line-height: 1.46667; font-feature-settings: "palt"; padding: 13px 22px; border-radius: 45px; }

@media only screen and (max-width: 767px) { .hd03 { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 0; }
  .hd03 .hd { width: 100%; }
  .hd03 .hd .num { font-size: 2.2rem; width: 40px; }
  .hd03 .hd .ttl { width: calc(100% - 40px); font-size: 1.5rem; /*padding: 15px 46px 15px 15px;*/ padding: 15px 75px 15px 15px; min-height: inherit; display: block; }
  .hd03 .sub { width: 100%; display: block; padding: 10px 15px; }
  .hd03 .sub p { display: block; font-size: 1.3rem; padding: 8px 22px; }
  .hd03::before { top: calc(50% - 12px); right: 31px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 11px solid #70A72D; }
  .hd03.active { border-radius: 6px; }
  .hd03.active::before { top: calc(50% - 14px); }
  .hd03::after { top: calc(50% - 25px); right: 12px; width: 50px; height: 50px; background: url(../img/sp/bg_detail.png) no-repeat left top; background-size: 50px 50px; } }

.hd04 { text-align: center; font-weight: 700; font-size: 2.7rem; line-height: 1.5; margin-bottom: 35px; }

.hd04 .small { display: block; font-size: 2.1rem; margin-bottom: 5px; }

.hd04 .clor { font-size: 3.4rem; color: #70A72D; }

.hd04 .clor.red { color: #e0433a; }

.hd04 .line { display: inline-block; border-bottom: 5px dotted #fae155; padding-bottom: 10px; }

@media only screen and (max-width: 767px) { .hd04 { font-size: 1.8rem; margin-bottom: 22px; }
  .hd04 .small { font-size: 1.5rem; }
  .hd04 .clor { font-size: 2.5rem; }
  .hd04 .line { border-bottom-width: 3px; padding-bottom: 8px; } }

.hd05 { margin: 0 -20px 60px; font-size: 2.1rem; font-weight: 700; color: #fff; text-align: center; line-height: 1.6; padding: 23px 20px; background: #70A72D; }

@media only screen and (max-width: 767px) { .hd05 { width: auto; margin: 0 -15px 25px; font-size: 1.7rem; padding: 13px 20px; } }

.hd06 { text-align: center; font-weight: bold; border-bottom: 2px solid #70A72D; font-size: 2.4rem; padding-bottom: 7px; margin-bottom: 25px; }

.hd06.area01 { border-bottom-color: #ff8000; }

.hd06.area02 { border-bottom-color: #79c7f0; }

.hd06.area03 { border-bottom-color: #3fcd66; }

.hd06.area04 { border-bottom-color: #866aac; }

.hd06.area05 { border-bottom-color: #df53ab; }

.hd06.area06 { border-bottom-color: #698c00; }

.hd06.area07 { border-bottom-color: #b28500; }

@media only screen and (max-width: 767px) { .hd06 { font-size: 1.8rem; margin-bottom: 17px; } }

/*-------------------------
  btn
-------------------------*/
.btn01 { text-align: center; font-size: 0; }

.btn01 a { text-decoration: none !important; }

.btn01 .wrap { display: inline-block; min-width: 100%; background: #2eba43; color: #fff; font-size: 2rem; font-weight: 700; line-height: 1.4; border-radius: 4px; overflow: hidden; position: relative; padding: 23px 10px; z-index: 0; }

.btn01 .wrap:before { content: ""; display: block; z-index: -1; width: 100%; height: 100%; position: absolute; left: -100%; top: 0; bottom: 0; background: #ffb636; opacity: 0.8; transition: all 0.25s linear; }

.btn01 .wrap:hover:before { left: 0; transition: all 0.25s linear; }

.btn01.small .wrap { font-size: 1.5rem; padding: 18px 10px; }

.btn01.pdf_btn .wrap { border: 2px solid #e91d1d; background: #fff; font-size: 1.6rem; color: #e91d1d; min-width: 320px; padding: 17px 10px; }

.btn01.pdf_btn .wrap:before { background: #fbefef; }

.btn01.pdf_btn .wrap span { padding: 0 43px; background: url(../img/icon_pdf.png) no-repeat right center; }

@media only screen and (max-width: 767px) { .btn01 .wrap { min-width: inherit; width: 100%; font-size: 1.7rem; padding: 16px 10px; }
  .btn01.small .wrap { font-size: 1.2rem; padding: 10px; }
  .btn01.pdf_btn .wrap { border-width: 1px; font-size: 1.4rem; min-width: inherit; padding: 12px 10px; }
  .btn01.pdf_btn .wrap span { padding: 0 23px; } }

.btn02 { text-align: center; line-height: 1.4; background-color: #70A72D; border-radius: 4px; position: relative; cursor: pointer; font-size: 2rem; transition: all 0.25s linear; }

.btn02:hover { opacity: .85; transition: all 0.25s linear; }

.btn02 .wrap { padding: 16px 50px 16px 40px; display: block; width: 100%; text-align: center; color: #fff; text-decoration: none; font-weight: 700; }

.btn02.small { font-size: 1.6rem; }

.btn02.none { pointer-events: none; background-color: #999; }

.btn02 span { font-size: 85%; display: block; margin-bottom: 5px; }

.btn02.c_p { background-color: #f8517d; }

.btn02:after { content: ""; display: block; background: url(../img/ico_arrow02.png) no-repeat left center; background-size: auto 16px; width: 12px; height: 16px; position: absolute; right: 20px; top: 50%; margin-top: -8px; }

.btn02.blank:after { content: none; }

.btn02.blank span { display: inline-block; padding: 0 33px 0 10px; background: url(../img/ico_blank.png) no-repeat right center; background-size: auto 20px; }

.btn02.pdf_btn:after { background: url(../img/icon_pdf02.png) no-repeat left center; background-size: auto 29px; width: 26px; height: 29px; position: absolute; right: 28px; top: 50%; margin-top: -15px; }

@media only screen and (max-width: 767px) { .btn02 { font-size: 1.6rem; }
  .btn02 .wrap { padding: 13px 25px 13px 18px; }
  .btn02:after { background-size: auto 12px; width: 13px; right: 7px; }
  .btn02.blank span { background-size: 10px auto; background-position: right top 2px; padding: 0 15px 0 10px; }
  .btn02.pdf_btn:after { background-size: auto 22px; width: 20px; height: 22px; right: 15px; margin-top: -11px; } }

/*-------------------------
table
-------------------------*/
.table01 { background: #fff; }

.table01 th, .table01 td { padding: 10px 15px; font-size: 1.5rem; text-align: center; vertical-align: middle; border: 1px solid #666; line-height: 1.4; }

.table01 th .small, .table01 td .small { display: inline !important; margin: 0 !important; font-size: 80% !important; }

.table01 th { background: #b1dbf8; }

@media only screen and (max-width: 767px) { .table01 th, .table01 td { font-size: 1.2rem; padding: 5px 10px; } }

/*-------------------------
box
-------------------------*/
#list_popup .inner { max-width: 500px; background: #fff; padding: 30px; }

#list_popup .inner .ttl { margin-bottom: 20px; }

#list_popup .inner ul { margin-bottom: 30px; }

#list_popup .inner .close { text-align: center; }

#list_popup .inner .close .btn { display: inline-block; padding: 10px 30px; font-size: 1.8rem; background: #ccc; border-radius: 5px; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; cursor: pointer; }

@media only screen and (max-width: 767px) { #list_popup { max-height: calc(100vh - 40px) !important; }
  #list_popup .inner { padding: 30px 20px; margin: 0 25px; }
  #list_popup .inner .close .btn { padding: 8px 20px; font-size: 1.5rem; border-radius: 3px; } }

.lity { background: rgba(0, 0, 0, 0.7); }

.lity-close { width: 60px; height: 60px; font-size: 60px; }

.lity-close:hover { font-size: 60px; }

/*-------------------------
box
-------------------------*/
.box01 { background: url(../img/bg.png) center top; padding: 8px; }

.box01 .inner { background: #fff; }

@media only screen and (max-width: 767px) { .box01 { padding: 5px; } }

/*-------------------------
accordion_box
-------------------------*/
.accordion_box .ac_btn { text-align: center; font-size: 2rem; font-weight: 700; line-height: 1.5; background: #96DE5A; padding: 20px 50px; position: relative; cursor: pointer; transition: all 0.25s linear; }

.accordion_box .ac_btn:hover { opacity: .85; transition: all 0.25s linear; }

.accordion_box .ac_btn::after { content: ""; display: block; background: url(../img/ico_arrow01_b.png) no-repeat left center; background-size: 16px auto; width: 16px; height: 12px; position: absolute; right: 24px; top: 50%; margin-top: -6px; }

.accordion_box .ac_btn.active:after { background-image: url(../img/ico_arrow01_t.png); }

.accordion_box .ac_btn.none { background: #999; color: #fff; pointer-events: none; }

@media only screen and (max-width: 767px) { .accordion_box .ac_btn { font-size: 1.4rem; padding: 15px 32px 15px 28px; }
  .accordion_box .ac_btn:after { background-size: 12px auto; width: 12px; right: 13px; } }

/* more */
/*#way_sec .ac_box {
  height: 250px;
  overflow: hidden;
  position: relative;
  margin: 0;
}
#way_sec .slide-down {
  height: auto;
  overflow: visible;
}
.more-btn {
  display: block;
  width: 100%;
  padding: 120px 0 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 60%
  );
}
.more-btn.close-btn {
	padding:0;
	background:none;
	position: relative;
	margin: 0 -73px;
	width:auto;
	p{
		border:none;
		width:100%;
		border-radius: 0;
	}
	@media only screen and (max-width: 767px) {
		margin:0;
	}
}
.more-btn p {
  display: inline-block;
  color: #ff4b80;
	font-size:1.7rem;
	font-weight: 500;
  background: #fff;
	border:2px solid #ff4b80;
  padding: 7px 15px;
  width: 320px;
  border-radius: 3px;
	position: relative;
	cursor: pointer;
	margin-bottom:20px;
	&::after {
		content:'▼';
		color:#ff4b80;
		font-size:1.2rem;
		position: absolute;
		right:20px;
		top:calc(50% - 11px);
	}
	@media only screen and (max-width: 767px) {
		font-size:1.6rem;
		padding: 10px 15px;
		width:80%;
		margin-bottom:0;
		&::after {
			content:'▼';
			color:#ff4b80;
			font-size:1.2rem;
			position: absolute;
			right:20px;
			top:calc(50% - 11px);
		}
	}
}
*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ■header
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#header { position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; width: 100%; height: 80px; z-index: 99; }

@media only screen and (max-width: 767px) { #header { position: absolute; background: #fff; height: 62px; background-color: transparent; } }

#header .ttl { color: #000; font-weight: 700; line-height: 1.5; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.01em; position: absolute; left: 28px; font-size: 2.1rem; top: 9px; }

#header .ttl a { color: #000; text-decoration: none; }

#header .ttl span { font-size: 1.8rem; }

@media only screen and (max-width: 1140px) { #header .ttl { font-size: 1.8rem; top: 9px; }
  #header .ttl span { display: block; } }

@media only screen and (max-width: 767px) { #header .ttl { font-size: 1.9rem; line-height: 1.4; left: 16px; top: 8px; }
  #header .ttl span { font-size: 1.5rem; display: block; } }

#header #nav { position: absolute; right: 20px; top: 11px; padding: 0; }

#header #nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#header #nav ul li { padding: 0; font-size: 1.6rem; font-weight: 700; letter-spacing: 0.02em; font-feature-settings: "palt"; }

#header #nav ul a { line-height: 1.3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 4px; padding: 16px 0; margin: 0 12px; transition: all 0.25s linear; position: relative; color: #231815; text-decoration: none; }

#header #nav ul a::after { content: '▼'; color: #ccc; font-size: 75%; display: block; margin: 2px 0 0 5px; }

@media only screen and (max-width: 1320px) { #header #nav { right: 10px; top: 12px; }
  #header #nav ul li { font-size: 1.4rem; }
  #header #nav ul li a { margin: 0 5px; } }

@media only screen and (max-width: 1000px) { #header #nav { display: none; position: fixed; top: 90px; left: 0; right: 0; width: 90%; margin: 0 auto; padding: 10px 10px; background-color: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
  #header #nav.active { display: block; }
  #header #nav ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; }
  #header #nav ul li { width: 100%; font-size: 1.6rem; margin: 0; }
  #header #nav ul a { padding: 8px 22px 8px 10px; min-height: 48px; } }

@media only screen and (max-width: 767px) { #header #nav { top: 74px; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 main_vs
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#main_vs { overflow: hidden; width: 100%; position: relative; padding-top: 80px; background: #ecfdd7; }

#main_vs .inner { position: relative; }

#main_vs h1 { max-width: 1680px; margin: 0 auto; height: 640px; }

#main_vs h1 img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

#main_vs .txt01 { position: absolute; right: 12px; bottom: 5px; color: #fff; font-size: 1.2rem; text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.7), -1px -1px 2px rgba(0, 0, 0, 0.7), 1px 1px 2px rgba(0, 0, 0, 0.7), 0px 0px 2px rgba(0, 0, 0, 0.7); padding-left: 10px; }

@media only screen and (min-width: 1680px) { #main_vs .txt01 { left: 50%; margin-left: -20px; } }

.page_area #main_vs .txt01 { bottom: 5px; }

@media only screen and (max-width: 767px) { #main_vs { padding-top: 62px; background: none; }
  #main_vs h1 { height: auto; position: static; -webkit-transform: none; transform: none; }
  #main_vs h1 img { width: 100%; height: auto; }
  #main_vs .txt01 { padding: 0; left: 0; right: 0; bottom: 19%; font-size: 1rem; line-height: 1.5; text-align: center; }
  #page_index #main_vs .txt01 { /*bottom: 3%;*/ bottom: 12%; }
  .page_area #main_vs .txt01 { bottom: 16%; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
main_info
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#main_info { background: #2eba43; font-size: 1.7rem; color: #fff; padding: 30px 0; }

#main_info .innerWrap { max-width: 1050px; padding: 0 15px; }

@media only screen and (max-width: 767px) { #main_info { font-size: 1.4rem; padding: 20px 0; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ■coupon
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#coupon { background: url(../img/bg.png) repeat left top; padding: 38px 18px; text-align: center; }

#coupon .txt01 { display: none; }

@media only screen and (max-width: 767px) { #coupon { padding: 0; }
  #coupon img { width: 100%; height: auto; }
  #coupon .txt01 { display: block; text-align: left; font-size: 1.1rem; margin-left: 20px; margin-right: 20px; padding-top: 0; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■contents
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.contents { position: relative; padding: 40px 0 0; }

.contents .block { background: #fff; padding: 60px 20px 47px; max-width: 1200px; margin: 0 auto 20px; }

.contents .block.pt0 { padding-top: 0; }

@media only screen and (max-width: 767px) { .contents { padding: 15px 15px 0 15px; }
  .contents .block { padding: 25px 15px; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■spmenu
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#spMenu { display: none; }

@media only screen and (max-width: 1000px) { #spMenu { display: block; position: fixed; right: 0; top: 0; width: 80px; height: 80px; z-index: 1000; } }

@media only screen and (max-width: 1000px) and (max-width: 767px) { #spMenu { width: 62px; height: 62px; } }

@media only screen and (max-width: 1000px) { #spMenu #spMenuBtn { border: none; outline: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; background: #fff; }
  #spMenu.active #spMenuBtn_bar span { display: none; }
  #spMenu.active #spMenuBtn_bar::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  #spMenu.active #spMenuBtn_bar::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  #spMenu.active #spMenuBtn_bar::before, #spMenu.active #spMenuBtn_bar::after { top: 0; bottom: 0; left: 0; right: 0; }
  #spMenu #spMenuBtn_bar { position: relative; width: 24px; height: 18px; }
  #spMenu #spMenuBtn_bar span { top: 0; bottom: 0; }
  #spMenu #spMenuBtn_bar::before { top: 0; }
  #spMenu #spMenuBtn_bar::after { bottom: 0; }
  #spMenu #spMenuBtn_bar span, #spMenu #spMenuBtn_bar::before, #spMenu #spMenuBtn_bar::after { content: ''; position: absolute; left: 0; right: 0; display: block; width: 100%; height: 2px; margin: auto; -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; background-color: #2eba43; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■news_sec
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#news_sec { padding: 50px 0; background-color: #f9f9f9; }

#news_sec .innerWrap { width: 960px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#news_sec h2 { width: 20%; font-size: 2.6rem; }

#news_sec ul { width: 76%; margin: -9px auto 0; }

#news_sec ul li { border-bottom: 1px solid #d8d8d8; }

#news_sec ul .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 12px 0; }

#news_sec ul .day { color: #fa6383; font-family: "Roboto", sans-serif; font-weight: 400; width: 110px; padding-top: 2px; }

#news_sec ul .txt { width: calc(100% - 110px); font-weight: 400; }

@media only screen and (max-width: 767px) { #news_sec { padding: 22px 25px 28px; }
  #news_sec .innerWrap { display: block; width: 100%; }
  #news_sec h2 { width: 100%; font-size: 1.8rem; text-align: center; margin-bottom: 10px; }
  #news_sec ul { width: 100%; margin-top: 0; }
  #news_sec ul li { padding-bottom: 6px; margin-bottom: 6px; }
  #news_sec ul .wrap { display: block; padding: 5px 0; font-size: 1.4rem; }
  #news_sec ul .day { width: 100%; padding: 0; }
  #news_sec ul .txt { width: 100%; font-weight: 500; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■about_sec
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#about_sec { text-align: center; position: relative; overflow: hidden; }

#about_sec .intro_block { position: relative; margin-bottom: 0; padding-bottom: 0; }

#about_sec h2 { font-size: 3.2rem; }

#about_sec .read_txt { margin-bottom: 38px; line-height: 2.125; }

#about_sec .catch { display: inline-block; font-size: 3.1rem; font-weight: 700; line-height: 1.4; padding: 0 105px; background: url(../img/txt_l.png) no-repeat left top 50px, url(../img/txt_r.png) no-repeat right top 50px; margin-bottom: 12px; }

#about_sec .catch strong { font-size: 138%; color: #f32e2e; }

#about_sec .catch span { font-size: 2.6rem; }

#about_sec .catch sup { font-size: 65%; }

#about_sec .catch .hd { font-feature-settings: "palt"; }

#about_sec .catch .chance { letter-spacing: 0.05em; margin-top: 2px; font-feature-settings: "palt"; }

#about_sec .catch .chance span { font-size: 50%; font-style: italic; }

#about_sec .catch .chance sup { font-size: 50%; margin-left: -2px; }

#about_sec .pr_txt { font-size: 2.4rem; font-weight: 700; }

#about_sec .pr_notes { /*margin-top: 18px;*/ margin-bottom: 60px; /*font-size: 1.4rem;*/ display: inline-block; /*p{ text-align: left; }*/ }

#about_sec .box01 { background: #ecfdd7; margin: 0 auto; padding: 0 15px; }

#about_sec .box01 .inner { max-width: 1200px; background: none; padding: 60px 0; margin: 0 auto; }

#about_sec .box01 dl { overflow: hidden; line-height: 1.7; }

#about_sec .box01 dl dt, #about_sec .box01 dl dd { margin-bottom: 20px; }

#about_sec .box01 dl dt { float: left; clear: left; background: #99d353; font-weight: 500; border-radius: 18px; width: 130px; padding: 6px 4px 8px; line-height: 1.3; }

#about_sec .box01 dl dd { text-align: left; padding-left: 150px; padding-top: 3px; font-size: 1.7rem; font-weight: 700; }

#about_sec .box01 dl dd span { font-size: 1.5rem; font-weight: 400; margin-top: 8px; display: block; }

#about_sec .box01 dl dd .img { margin-top: 10px; text-align: center; }

#about_sec .box01 dl dd .img img { max-width: 100%; height: auto; }

#about_sec .box01 dl .table_wrap { margin-top: 35px; font-weight: 500; }

#about_sec .box01 dl .table_wrap .img { text-align: left; }

#about_sec .box01 dl .table_wrap .kome { font-size: 1.5rem; margin-top: 5px; }

#about_sec .box01 dl .table_wrap .kome li { text-indent: -1em; padding-left: 1em; }

#about_sec .box01 .proof_box { border: 2px solid #96DE5A; text-align: left; margin-bottom: 15px; padding: 20px 35px 10px; background-color: rgba(255, 255, 255, 0.5); }

#about_sec .box01 .proof_box p { font-size: 15px; margin-bottom: 15px; }

#about_sec .box01 .proof_box .hd { color: #f32e2e; font-size: 106.25%; font-weight: bold; margin-bottom: 5px; text-decoration: underline; }

#about_sec .box01 .proof_box ul { margin-bottom: 10px; }

#about_sec .box01 .proof_box ul li { font-size: 15px; line-height: 1.8; margin-bottom: 8px; }

#about_sec .box01 .proof_box ul li strong { display: block; }

#about_sec .btn02 { margin-top: 35px; }

#about_sec .sent { position: absolute; top: 153px; right: 0px; }

@media only screen and (max-width: 835px) { #about_sec .catch { padding: 0 105px; } }

@media only screen and (max-width: 767px) { #about_sec { overflow: inherit; }
  #about_sec h2 { font-size: 2.4rem; }
  #about_sec .read_txt { margin-bottom: 24px; line-height: 1.8; text-align: left; }
  #about_sec .catch { font-size: 1.7rem; padding: 0 25px; background: url(../img/sp/txt_l.png) no-repeat left top 40px, url(../img/sp/txt_r.png) no-repeat right top 40px; background-size: auto 34px; margin: 0 -15px 10px; }
  #about_sec .catch span { font-size: 1.6rem; }
  #about_sec .catch strong { font-size: 150%; }
  #about_sec .catch .chance { margin-top: 4px; }
  #about_sec .pr_txt { font-size: 1.4rem; line-height: 1.5; }
  #about_sec .pr_notes { /*margin-top: 5px;*/ margin-bottom: 50px; /*font-size: 1.2rem;*/ display: block; }
  #about_sec .box01 { max-width: inherit; margin: 0 -15px; padding: 0 15px; }
  #about_sec .box01 .inner { padding: 18px 0; }
  #about_sec .box01 dl dt { float: none; text-align: center; width: 100%; margin-bottom: 10px; }
  #about_sec .box01 dl dd { padding-left: 0; padding-top: 0; margin-bottom: 14px; }
  #about_sec .box01 dl dd:last-of-type { margin-bottom: 0; }
  #about_sec .box01 dl dd span { font-size: 1.3rem; text-align: left; }
  #about_sec .box01 dl .table_wrap { margin-top: 25px; }
  #about_sec .box01 dl .table_wrap .kome { font-size: 1.2rem; }
  #about_sec .box01 .proof_box { margin-top: 15px; margin-bottom: 15px; padding: 15px 25px 5px; }
  #about_sec .box01 .proof_box p { font-size: 14px; margin-bottom: 15px; }
  #about_sec .box01 .proof_box .hd { margin-bottom: 8px; }
  #about_sec .box01 .proof_box ul { margin-bottom: 5px; }
  #about_sec .box01 .proof_box ul li { font-size: 14px; line-height: 1.5; margin-bottom: 10px; }
  #about_sec .box01 .proof_box ul li strong { margin-bottom: 5px; }
  #about_sec .btn02 { margin-top: 20px; }
  #about_sec .sent { top: auto; left: auto; margin-left: 0; bottom: auto; right: -42px; top: -105px; }
  #about_sec .sent img { width: 67px; height: auto; } }

p.bnr_instagram { text-align: center; margin: 0 auto 60px; }

p.bnr_instagram img { max-width: 100%; height: auto; }

@media only screen and (max-width: 767px) { p.bnr_instagram { margin-bottom: 20px; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■area_coupon
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#area_coupon { max-width: 1000px; margin: 0 auto 54px; background: url(../img/bg02.png) center top; padding: 8px; position: relative; }

#area_coupon:after { content: ""; display: block; width: 268px; height: 202px; background: url(../img/check.png) no-repeat; position: absolute; left: 50%; top: 35px; margin-left: 265px; }

#area_coupon .inner { background: #fff; padding: 45px 20px 22px; }

#area_coupon .ttl { background: #fae155; font-size: 2.1rem; font-weight: 700; border-radius: 50px; line-height: 1.4; width: 500px; padding: 10px; position: absolute; top: -21px; left: 50%; margin-left: -250px; }

#area_coupon .txt { font-size: 1.7rem; margin-bottom: 4px; }

#area_coupon .txt strong { font-size: 120%; }

#area_coupon .txt strong span { font-size: 120%; }

#area_coupon .txt .small { font-size: 85%; }

#area_coupon .pr_txt { font-weight: 700; font-size: 2.8rem; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; margin-bottom: 25px; line-height: 1.4; }

#area_coupon .pr_txt .small { font-size: 75%; }

#area_coupon .pr_txt strong { font-size: 130%; color: #e0433a; }

#area_coupon .btn_area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; z-index: 2; margin-top: 10px; }

#area_coupon .btn_area:after { content: ""; display: block; width: 32.5%; }

#area_coupon .btn_area li.btn02 { width: 32.5%; margin: 0 0 10px 0; font-size: 1.6rem; }

#area_coupon .btn_area li.btn02:after { background-size: auto 23px; right: 6px; }

#area_coupon .btn_area li.btn02 .wrap { height: 100%; padding-right: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media only screen and (max-width: 767px) { #area_coupon { margin: 0 -15px 40px; background-size: 32px auto; padding: 5px; }
  #area_coupon:after { content: none; }
  #area_coupon .inner { padding: 32px 15px 20px; }
  #area_coupon .ttl { font-size: 1.7rem; width: 290px; top: -21px; margin-left: -145px; }
  #area_coupon .txt { font-size: 1.5rem; margin-bottom: 5px; }
  #area_coupon .txt strong { line-height: 1.3; }
  #area_coupon .pr_txt { font-size: 2rem; margin-bottom: 16px; }
  #area_coupon .btn_area:after { content: none; }
  #area_coupon .btn_area li.btn02 { width: 49.2%; margin-bottom: 5px; font-size: 1.4rem; }
  #area_coupon .btn_area li.btn02:after { background-size: auto 20px; right: 4px; }
  #area_coupon .btn_area li.btn02 .wrap { padding-left: 10px; padding-right: 25px; } }

@media only screen and (max-width: 365px) { #area_coupon .inner { padding-left: 15px; padding-right: 15px; } }

@media only screen and (max-width: 340px) { #area_coupon .ttl { width: 250px; margin-left: -125px; }
  #area_coupon .txt { font-size: 1.4rem; }
  #area_coupon .pr_txt { font-size: 1.7rem; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■way_sec
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#way_sec { padding: 80px 15px; }

@media only screen and (max-width: 767px) { #way_sec { padding-top: 40px; padding-bottom: 25px; } }

#way_sec .ptn::before { background-image: url(../img/ptn_l_w.png); }

#way_sec .ptn::after { background-image: url(../img/ptn_r_w.png); }

.way_sec { position: relative; overflow: hidden; padding: 0; background: url(../img/bg.png) repeat center top; }

.way_sec .innerWrap { /*padding:60px 0; background-color:#fff;*/ max-width: 1200px; text-align: center; }

.way_sec .read_txt { line-height: 2.125; }

.way_sec .hd01 { margin-bottom: 34px; }

.way_sec .sent { position: absolute; top: 30px; left: 50%; margin-left: -573px; }

.way_sec .inner_block { /*max-width:1040px;*/ margin: 0 auto 48px auto; text-align: left; -webkit-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2); border-radius: 6px; }

.way_sec .inner_block:last-of-type { margin-bottom: 0; }

.way_sec .inner_block .ac_box { /*border:2px solid #48a1e5;*/ text-align: center; padding: 40px 80px 0; background: #fff; border-radius: 0 0 6px 6px; }

.way_sec .inner_block .ac_box .date_start { border: 2px solid #f32e2e; padding: 12px 0; margin-bottom: 40px; color: #f32e2e; font-size: 18px; font-weight: bold; text-align: center; }

@media only screen and (max-width: 767px) { .way_sec .inner_block .ac_box .date_start { font-size: 16px; margin-bottom: 20px; } }

.way_sec .inner_block .ac_box .close { color: #fff; font-size: 2.0rem; font-weight: 700; background-color: #bbb; margin: 0 -80px; padding: 14px; position: relative; cursor: pointer; border-radius: 0 0 6px 6px; }

.way_sec .inner_block .ac_box .close::before { content: '×'; color: #bbb; position: absolute; left: calc(50% + 56px); z-index: 1; -webkit-transition: all 300ms 0s ease; transition: all 300ms 0s ease; }

.way_sec .inner_block .ac_box .close::after { content: ''; position: absolute; top: calc(50% - 16px); left: calc(50% + 50px); width: 32px; height: 32px; background-color: #fff; border-radius: 50%; }

@media only screen and (max-width: 767px) { .way_sec .inner_block .ac_box .close { font-size: 1.7rem; padding: 10px 0; width: 80%; margin: 0 auto; border-radius: 2px; }
  .way_sec .inner_block .ac_box .close::before { font-size: 1.5rem; left: auto; right: 20px; top: calc(50% - 12px); }
  .way_sec .inner_block .ac_box .close::after { top: calc(50% - 13px); left: auto; right: 15px; width: 26px; height: 26px; } }

.way_sec .inner_block .inner_box { border: 2px solid #e4e4e4; padding: 20px 20px; margin-bottom: 24px; }

.way_sec .inner_block .inner_box h4 { font-size: 2.1rem; font-weight: 700; margin-bottom: 8px; }

.way_sec .inner_block .inner_box h4 sup { font-size: 1.4rem; vertical-align: super; }

.way_sec .inner_block .inner_box h5 { font-size: 1.8rem; font-weight: 700; }

.way_sec .inner_block .inner_box .calendar { margin: 5px 0; }

.way_sec .inner_block .inner_box .available { color: #231815; font-weight: 700; text-align: left; }

.way_sec .inner_block .inner_box .available span { color: #baecfd; }

.way_sec .inner_block .inner_box .red_txt { color: #f32e2e; font-size: 1.4rem; font-weight: 700; text-align: left; margin-bottom: 10px; }

@media only screen and (max-width: 767px) { .way_sec .inner_block .inner_box { padding: 10px 16px; margin-bottom: 15px; }
  .way_sec .inner_block .inner_box h4 { font-size: 1.8rem; }
  .way_sec .inner_block .inner_box h5 { font-size: 1.6rem; }
  .way_sec .inner_block .inner_box .calendar { margin: 10px 0; }
  .way_sec .inner_block .inner_box .available { margin-bottom: 5px; } }

.way_sec .inner_block .img img { width: 100%; height: auto; }

.way_sec .method_area ol.list { text-align: left; }

.way_sec .method_area ol.list li { margin-bottom: 30px; }

.way_sec .method_area ol.list li .ttl { color: #70A72D; font-size: 2.3rem; font-weight: 700; line-height: 1.5; padding: 8px 0 8px 65px; margin-bottom: 12px; background: url(../img/num01.png) no-repeat left 7px; background-size: 53px auto; }

.way_sec .method_area ol.list li .ttl span { color: #ef401e; }

.way_sec .method_area ol.list li:nth-of-type(2) .ttl { background-image: url(../img/num02.png); }

.way_sec .method_area ol.list li:nth-of-type(3) .ttl { background-image: url(../img/num03.png); }

.way_sec .method_area ol.list li:nth-of-type(4) .ttl { background-image: url(../img/num04.png); }

.way_sec .method_area ol.list .kome li { text-indent: -1em; padding-left: 1em; margin-bottom: 0; }

.way_sec .method_area .btn02 { max-width: 500px; margin: 15px auto 0; }

.way_sec .method_area ol.list li .pdf_btn_list { max-width: 600px; margin: 0 auto; }

.way_sec .method_area ol.list li .pdf_btn_list > li { margin-bottom: 15px; }

.way_sec .method_area ol.list li .pdf_btn_list > li:last-of-type { margin-bottom: 0; }

.way_sec .method_area ol.list li .pdf_btn_list .btn02 { max-width: inherit; }

.way_sec .method_area ol.list li .pdf_btn_list .btn02.no_link { pointer-events: none; /*&:after{ content: none; }*/ }

.way_sec .method_area ol.list li .pdf_btn_list .btn02.no_link span { margin-bottom: 0; font-size: 100%; /*padding-left: 20px; padding-right: 20px;*/ }

.way_sec .method_area .pdf_list_box { background: #fff; border: 3px solid #70A72D; border-top: none; margin-top: -2px; border-radius: 0 0 5px 5px; padding: 20px 10px 10px; }

.way_sec .method_area .pdf_list_box ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.way_sec .method_area .pdf_list_box ul li { margin: 0 10px 10px; line-height: 1.5; text-align: center; }

.way_sec .info_box { border: 1px solid #e60606; padding: 21px 15px 21px 30px; font-size: 1.4rem; line-height: 2; }

.way_sec .info_box dl { overflow: hidden; color: #e60606; font-weight: 700; }

.way_sec .info_box dl dt { float: left; font-weight: 700; }

.way_sec .info_box dl dd { padding-left: 57px; }

.way_sec .info_box ul.kome li { text-indent: -1em; padding-left: 1em; margin: 0; }

.way_sec .info_box ul.kome li strong { color: #e60606; }

.way_sec .caution_box { border: 1px dashed #b2b2b2; padding: 28px 35px 32px; margin: 0 -35px 35px -35px; text-align: left; }

.way_sec .caution_box .ttl { font-weight: 700; color: #e60606; margin-bottom: 20px; }

.way_sec .caution_box .list li { padding-left: 1.3em; font-size: 1.4rem; line-height: 2; position: relative; }

.way_sec .caution_box .list li:before { content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; background: #231815; position: absolute; top: 10px; left: 0; }

.way_sec .caution_box .kome { margin-top: 10px; text-indent: -1em; padding-left: 1em; font-size: 1.4rem; line-height: 2; }

@media only screen and (max-width: 767px) { .way_sec { background-size: 80px auto; margin: 0 -15px; /*.innerWrap{ padding:30px 20px; }*/ }
  .way_sec .read_txt { line-height: 2; text-align: left; }
  .way_sec .hd01 { margin-bottom: 24px; }
  .way_sec .inner_block { margin-bottom: 30px; -webkit-box-shadow: none; box-shadow: none; }
  .way_sec .inner_block .ac_box { border: none; padding: 20px; }
  .way_sec .caution_box { padding: 23px 20px; margin: 0 0 20px 0; }
  .way_sec .caution_box .ttl { margin-bottom: 15px; }
  .way_sec .caution_box .list li { font-size: 1.3rem; line-height: 1.8; padding-left: 1.1em; }
  .way_sec .caution_box .list li:before { width: 7px; height: 7px; top: 8px; }
  .way_sec .caution_box .kome { font-size: 1.3rem; line-height: 1.8; }
  .way_sec .info_box { margin-top: 20px; padding: 15px 20px; font-size: 1.3rem; line-height: 1.8; }
  .way_sec .info_box dl dt { float: none; }
  .way_sec .info_box dl dd { padding-left: 0; }
  .way_sec .method_area { padding: 0; }
  .way_sec .method_area ol.list > li { margin-bottom: 30px; }
  .way_sec .method_area ol.list li > .ttl { font-size: 1.8rem; padding: 0 0 0 35px; margin-bottom: 11px; background-position: left 4px; background-size: 25px auto; min-height: 25px; }
  .way_sec .method_area ol.list .btn02 { margin-top: 10px; }
  .way_sec .method_area .pdf_list_box { padding-left: 10px; padding-right: 10px; } }

/*-------------------------
coupon_area02
-------------------------*/
.way_sec .coupon_area02 .term_area { border: 2px solid #48a1e5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; }

.way_sec .coupon_area02 .term_area h4 { width: 120px; background-color: #48a1e5; color: #fff; font-size: 1.8rem; font-weight: 700; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.way_sec .coupon_area02 .term_area dl { max-width: 740px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 14px 0; }

.way_sec .coupon_area02 .term_area dt { width: 24%; background-color: #ffe225; border-radius: 15px; font-size: 1.6rem; font-weight: 700; margin: 5px 0 7px; padding: 0 0 1px 0; }

.way_sec .coupon_area02 .term_area dd { width: 76%; font-size: 1.8rem; font-weight: 700; text-align: left; padding: 4px 20px; }

@media only screen and (max-width: 767px) { .way_sec .coupon_area02 .term_area { display: block; margin-bottom: 15px; }
  .way_sec .coupon_area02 .term_area h4 { width: 100%; font-size: 1.6rem; display: block; }
  .way_sec .coupon_area02 .term_area dl { display: block; padding: 18px 20px 6px; }
  .way_sec .coupon_area02 .term_area dt { width: 100%; font-size: 1.4rem; margin: 0 0 7px; padding: 0; }
  .way_sec .coupon_area02 .term_area dd { width: 100%; font-size: 1.6rem; text-align: center; padding: 0 0 12px 0; } }

.way_sec .coupon_area02 .catch { color: #ef401e; text-align: center; font-weight: 700; margin-bottom: 20px; line-height: 1.5; font-size: 2.5rem; background: url(../img/bg_catch.png) no-repeat center 20px; }

.way_sec .coupon_area02 .catch span { font-size: 140%; }

@media only screen and (max-width: 767px) { .way_sec .coupon_area02 .catch { margin-bottom: 10px; font-size: 1.8rem; background-size: auto 15px; background-position: center 14px; } }

.way_sec .coupon_area02 .coupon_area ul.kome { font-size: 1.5rem; text-align: left; margin-bottom: 18px; }

.way_sec .coupon_area02 .coupon_area ul.kome li { text-indent: -1em; padding-left: 1em; margin: 0; font-size: 1.4rem; }

.way_sec .coupon_area02 .coupon_area ul.kome li strong { color: #e60606; }

.way_sec .coupon_area02 .coupon_area .txt { font-size: 1.4rem; text-align: left; }

@media only screen and (max-width: 767px) { .way_sec .coupon_area02 .coupon_area .txt { font-size: 1.3rem; } }

.way_sec .coupon_area02 ul.coupon_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0px; margin-bottom: 15px; }

.way_sec .coupon_area02 ul.coupon_list li { width: 24%; text-align: center; padding: 12px 0 0 0; position: relative; overflow: hidden; }

.way_sec .coupon_area02 ul.coupon_list ul.sale { margin: 0 5px; background-color: #fff; padding: 6px 0 2px; }

.way_sec .coupon_area02 ul.coupon_list ul.sale li { border-bottom: 1px solid #888; width: auto; margin: 0 6px 4px; padding: 5px 0 6px 0; color: #f32e2e; font-size: 2.2rem; line-height: 1.4; font-weight: bold; }

.way_sec .coupon_area02 ul.coupon_list ul.sale li span { color: #231815; font-size: 12px; line-height: 1.3; display: block; }

.way_sec .coupon_area02 ul.coupon_list ul.sale li:last-child { border-bottom: none; }

.way_sec .coupon_area02 ul.coupon_list p { position: relative; color: #fff; }

.way_sec .coupon_area02 ul.coupon_list.list2 p { color: #333; }

.way_sec .coupon_area02 ul.coupon_list.list2 p.sheet { color: #f32e2e; }

.way_sec .coupon_area02 ul.coupon_list .pattern { line-height: 1; font-weight: 700; font-size: 120%; background-color: #fff; border-radius: 50%; width: 34px; height: 34px; padding-top: 7px; margin: 0 auto 8px; /*position:absolute; left:10px; top:10px;*/ }

.way_sec .coupon_area02 ul.coupon_list .price { font-size: 2rem; font-weight: 700; line-height: 1.3; margin-bottom: 5px; /*padding:0 0 0 25px;*/ }

.way_sec .coupon_area02 ul.coupon_list .price strong { font-size: 130%; }

.way_sec .coupon_area02 ul.coupon_list .txt { text-align: center; font-size: 1.3rem; font-weight: 500; line-height: 1.53846; margin-bottom: 10px; }

.way_sec .coupon_area02 ul.coupon_list .sheet { font-size: 1.4rem; }

@media only screen and (max-width: 767px) { .way_sec .coupon_area02 ul.coupon_list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; margin: 0; }
  .way_sec .coupon_area02 ul.coupon_list li { width: 100%; margin: 0 0 10px 0; padding-top: 10px; }
  .way_sec .coupon_area02 ul.coupon_list li .pattern { font-size: 1.6rem; width: 24px; height: 24px; padding: 3px 0 0 0; }
  .way_sec .coupon_area02 ul.coupon_list li .price { font-size: 1.6rem; margin-bottom: 5px; padding: 0; }
  .way_sec .coupon_area02 ul.coupon_list li .txt { font-size: 1.0rem; padding: 0 10px; }
  .way_sec .coupon_area02 ul.coupon_list li .sheet { margin-top: 0px; padding: 3px 0; font-size: 1.6rem; } }

.way_sec .coupon_area02 .coupon01 { background: #f07711; }

.way_sec .coupon_area02 .coupon01 .pattern { color: #f07711; }

.way_sec .coupon_area02 .coupon02 { background: #5dba4a; }

.way_sec .coupon_area02 .coupon02 .pattern { color: #5dba4a; }

.way_sec .coupon_area02 .coupon03 { background: #22b0dd; }

.way_sec .coupon_area02 .coupon03 .pattern { color: #22b0dd; }

.way_sec .coupon_area02 .coupon04 { background: #8673c0; }

.way_sec .coupon_area02 .coupon04 .pattern { color: #8673c0; }

.way_sec .coupon_area02 .coupon05 { background: #f9d1ae; }

.way_sec .coupon_area02 .coupon05 .pattern { color: #f9d1ae; }

.way_sec .coupon_area02 .coupon06 { background: #cce5be; }

.way_sec .coupon_area02 .coupon06 .pattern { color: #cce5be; }

.way_sec .coupon_area02 .coupon07 { background: #c0e5f8; }

.way_sec .coupon_area02 .coupon07 .pattern { color: #c0e5f8; }

.way_sec .coupon_area02 .coupon08 { background: #d9d2f1; }

.way_sec .coupon_area02 .coupon08 .pattern { color: #d9d2f1; }

.way_sec .coupon_area02 #method { /*margin-top: 60px;*/ }

.way_sec .coupon_area02 #method .hd01 { font-size: 2.8rem; }

.way_sec .coupon_area02 .postcard, .way_sec .coupon_area02 .site { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 5px; margin-bottom: 30px; }

.way_sec .coupon_area02 .postcard dl, .way_sec .coupon_area02 .site dl { width: calc(100% - 360px); overflow: hidden; padding-right: 10px; }

.way_sec .coupon_area02 .postcard dl dt, .way_sec .coupon_area02 .site dl dt { width: 120px; text-align: center; font-weight: 700; font-size: 1.8rem; /*float: left; clear: left;*/ border: 1px solid #444; padding: 0px 8px; margin-bottom: 6px; }

.way_sec .coupon_area02 .postcard dl dd, .way_sec .coupon_area02 .site dl dd { /*padding-left: 126px;*/ padding-left: 0; margin-bottom: 24px; padding-top: 0px; }

.way_sec .coupon_area02 .postcard dl dd strong, .way_sec .coupon_area02 .site dl dd strong { font-weight: 700; color: #e91d1d; }

.way_sec .coupon_area02 .postcard .img, .way_sec .coupon_area02 .site .img { width: 360px; margin-top: 10px; }

.way_sec .coupon_area02 .postcard .btn02, .way_sec .coupon_area02 .site .btn02 { width: 390px; }

.way_sec .coupon_area02 .postcard + .info_box { margin-bottom: 35px; }

@media only screen and (max-width: 767px) { .way_sec .coupon_area02 #method { /*margin-top: 40px;*/ }
  .way_sec .coupon_area02 #method .hd01 { font-size: 1.8rem; }
  .way_sec .coupon_area02 #method ol.list { margin-top: -5px; }
  .way_sec .coupon_area02 .postcard, .way_sec .coupon_area02 .site { display: block; padding-top: 5px; margin-bottom: 25px; }
  .way_sec .coupon_area02 .postcard dl, .way_sec .coupon_area02 .site dl { width: 100%; padding-right: 0; }
  .way_sec .coupon_area02 .postcard dl dt, .way_sec .coupon_area02 .site dl dt { font-size: 1.5rem; margin: 0 auto 12px; float: none; width: 180px; text-align: center; }
  .way_sec .coupon_area02 .postcard dl dt.btn02, .way_sec .coupon_area02 .site dl dt.btn02 { width: 100%; }
  .way_sec .coupon_area02 .postcard dl dd, .way_sec .coupon_area02 .site dl dd { padding: 0 0 0 0; margin-bottom: 13px; }
  .way_sec .coupon_area02 .postcard .img, .way_sec .coupon_area02 .site .img { width: 100%; margin-top: 12px; }
  .way_sec .coupon_area02 .postcard .btn02, .way_sec .coupon_area02 .site .btn02 { width: 100%; } }

/*-------------------------
step_area
-------------------------*/
#way_sec .step_area { max-width: 600px; margin: 0 auto; text-align: center; padding-bottom: 20px; }

#way_sec .step_area ul, #way_sec .step_area li { margin: 0; padding: 0; }

#way_sec .step_area .sitep_ttl { color: #70A72D; font-size: 2rem; font-weight: 700; margin-bottom: 10px; }

@media only screen and (max-width: 767px) { #way_sec .step_area .sitep_ttl { font-size: 1.7rem; } }

#way_sec .step_area .step li { padding: 15px 25px; background: #ecfdd7; }

#way_sec .step_area .step li:nth-of-type(2n) { background: #fff; }

#way_sec .step_area .step .num { color: #70A72D; font-weight: 700; line-height: 1; margin-bottom: 3px; }

@media only screen and (max-width: 767px) { #way_sec .step_area .step .num { margin-bottom: 6px; } }

#way_sec .step_area .step .num .big { font-size: 2rem; }

@media only screen and (max-width: 767px) { #way_sec .step_area .step .num .big { font-size: 1.8rem; } }

#way_sec .step_area .step .txt { font-weight: 700; font-size: 2rem; line-height: 1.45; }

@media only screen and (max-width: 767px) { #way_sec .step_area .step .txt { font-size: 1.6rem; } }

#way_sec .step_area .step .txt + * { margin-top: 17px; }

@media only screen and (max-width: 767px) { #way_sec .step_area .step .txt + * { margin-top: 15px; } }

#way_sec .step_area .step .kome { display: block; text-align: left; font-size: 1.5rem; line-height: 1.6; }

@media only screen and (max-width: 767px) { #way_sec .step_area .step .kome { font-size: 1.4rem; } }

#way_sec .step_area .step .kome + .kome { margin-top: 3px; }

#way_sec .step_area .btn { margin: 20px 0 -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media only screen and (max-width: 767px) { #way_sec .step_area .btn { margin-bottom: -5px; } }

#way_sec .step_area .btn li { width: calc(50% - 5px); border-radius: 4px; overflow: hidden; margin-bottom: 10px; }

@media only screen and (max-width: 767px) { #way_sec .step_area .btn li { width: calc(50% - 2px); margin-bottom: 5px; } }

#way_sec .step_area .btn a { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding: 10px 25px; min-height: 100px; background: #70A72D; color: #fff; font-weight: 700; font-size: 2rem; line-height: 1.4; text-decoration: none; transition: all 0.25s linear; }

#way_sec .step_area .btn a:hover { opacity: .85; transition: all 0.25s linear; }

@media only screen and (max-width: 767px) { #way_sec .step_area .btn a { padding: 5px 20px 5px 11px; font-size: 1.6rem; min-height: 75px; } }

#way_sec .step_area .btn a:after { content: ""; display: block; width: 12px; height: 100%; background: url(../img/ico_arrow02.png) no-repeat right center; background-size: 12px auto; position: absolute; top: 0; right: 10px; }

@media only screen and (max-width: 767px) { #way_sec .step_area .btn a:after { width: 8px; background-size: 8px auto; right: 8px; } }

#way_sec .step_area .btn .btn_type01 a { background: url(../img/staynavi_bg.jpg) no-repeat center center; background-size: cover; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■area_sec
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#area_sec { width: 100%; /*padding: 80px 0 60px 0;*/ padding-bottom: 60px; background: url(../img/bg.png) repeat left top; }

#area_sec .btn02 { margin-bottom: 20px; }

@media only screen and (max-width: 767px) { #area_sec { background-size: 80px auto; width: auto; padding: 10px 15px; margin: 0 -15px; }
  #area_sec .btn02 { margin-bottom: 10px; } }

/*-------------------------
-------------------------*/
/*
.accordion_box{
	.box{
		border-left: 3px solid $color03;
		border-right: 3px solid $color03;
		&:last-of-type{
			border-bottom: 3px solid $color03;
		}
	}
	.ttl{
		text-align: center;
		font-size: 1.6rem;
		font-weight: 700;
		background: $color03;
		padding: 10px;
	}
	ul.list > li{
		border-bottom: 1px solid $color03;
		font-size: 1.4rem;
		font-weight: 500;
		line-height: (22px / 14px);
		&:last-of-type{
			border-bottom: none;
		}
		ul{
			display: flex;
			width: 100%;
			li{
				padding: 20px 0;
			}
		}
		p{
			width: 100%;
			height: 100%;
			display: flex;
			align-items: center;
		}
		.name{
			width: 21.5%;
			padding-left: 12px;
			padding-right: 12px;
			font-size: 1.5rem;
			font-weight: 700;
			line-height: (24px / 15px);
		}
		.shop{
			width: 13.5%;
			padding-left: 10px;
			padding-right: 10px;
			background: $color02;
		}
		.address{
			width: 25.2%;
			padding-left: 15px;
			padding-right: 15px;
		}
		.tel{
			width: 12.5%;
			background: $color02;
			text-align: center;
			padding-left: 7px;
			padding-right: 7px;
			p{
				justify-content: center;
			}
		}
		.btn{
			width: calc(100% - (21.5% + 13.5% + 25.2% + 12.5%));
			padding: 7px;
			text-align: center;
			line-height: 1.2;
			a{
				width: calc(50% - 10px);
				font-size: 1.4rem;
				font-weight: 700;
				letter-spacing: 0.01em;
				display: block;
				background: url(../img/ico_arrow03.png) no-repeat right 8px center $color01;
				background-size: 8px auto;
				border-radius: 4px;
				padding: 12px 20px 13px 15px;
				margin: 0 5px;
				max-width: 123px;
			}
			span.empty{
				max-width: 123px;
				margin: 0 5px;
				width: calc(50% - 10px);
			}
		}
	}
	@media only screen and (max-width: 767px) {
		padding-bottom: 30px;
		.accordion_box{
			.box{
				border-width: 2px;
				&:last-of-type{
					border-width: 2px;
				}
			}
			.ttl{
				font-size: 1.5rem;
				padding: 8px;
			}
			ul.list > li{
				font-size: 1.2rem;
				ul{
					flex-wrap: wrap;
					li{
						padding: 9px 10px !important;
					}
				}
				p{
					justify-content: center;
				}
				.name{
					width: 100%;
					font-size: 1.3rem;
					order: 1;
					background: $color02;
				}
				.shop{
					width: 50%;
					border-right: 1px dotted $color03;
					background: #fff;
					order: 2;
				}
				.address{
					width: 100%;
					border-top: 1px dotted $color03;
					order: 4;
				}
				.tel{
					width: 50%;
					background: #fff;
					order: 3;
				}
				.btn{
					width: 100% !important;
					border-top: 1px dotted $color03;
					order: 5;
					padding-left: 5px !important;
					padding-right: 5px !important;
					a{
						width: 100%;
						font-size: 1.4rem;
					}
					&:empty{
						display: none;
					}
				}
			}
		}
		.btn02{
			margin-bottom: 10px;
		}
	}
}
*/
/*-------------------------
online_area
-------------------------*/
.way_sec .online_area { text-align: center; /*online_contact*/ }

.way_sec .online_area .catch { /*color:#72c4ea;*/ font-size: 2.3rem; font-weight: 700; margin-bottom: 30px; }

.way_sec .online_area .bnr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 30px auto 30px; }

.way_sec .online_area .bnr li { width: 49%; text-align: center; margin-bottom: 20px; }

.way_sec .online_area .bnr li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 2px solid #ef401e; text-decoration: none; padding: 26px 18px 26px 24px; border-radius: 4px; }

.way_sec .online_area .bnr .img { width: 30%; }

.way_sec .online_area .bnr .img img { width: 100%; height: auto; }

.way_sec .online_area .bnr .txt { width: 70%; color: #ef401e; font-size: 2.2rem; font-weight: 700; letter-spacing: 0.02em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; position: relative; }

.way_sec .online_area .bnr .txt::after { content: ''; position: absolute; right: 0; top: calc(50% - 5px); width: 10px; height: 10px; border-bottom: 2px solid #ef401e; border-right: 2px solid #ef401e; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.way_sec .online_area .btn01 { max-width: 400px; margin: 15px auto 0; }

.way_sec .online_area #online_contact { margin: 0 -35px 30px; border: 1px solid #ccc; padding: 32px 40px 24px; }

.way_sec .online_area #online_contact h4 { font-size: 1.8rem; line-height: 1.4; font-weight: 700; margin-bottom: 20px; }

.way_sec .online_area #online_contact dl { overflow: hidden; font-size: 1.4rem; line-height: 1.6; }

.way_sec .online_area #online_contact dl dt, .way_sec .online_area #online_contact dl dd { margin-bottom: 12px; }

.way_sec .online_area #online_contact dl dt { float: left; clear: left; font-weight: 500; text-align: left; }

.way_sec .online_area #online_contact dl dd { text-align: left; padding-left: 230px; padding-bottom: 12px; border-bottom: 1px dotted #ccc; }

@media only screen and (max-width: 767px) { .way_sec .online_area { padding-bottom: 8px; margin-bottom: 24px; /*online_contact*/ }
  .way_sec .online_area .catch { font-size: 1.8rem; margin-bottom: 15px; }
  .way_sec .online_area .read_txt { margin-bottom: 20px; }
  .way_sec .online_area .bnr { margin-top: 15px; margin-bottom: 15px; }
  .way_sec .online_area .bnr li { width: 100%; margin-bottom: 10px !important; }
  .way_sec .online_area .bnr .txt { font-size: 1.5rem; }
  .way_sec .online_area .btn01 { max-width: 200px; margin-top: 10px; margin-bottom: 10px; }
  .way_sec .online_area #online_contact { max-width: 100%; margin: 0 auto 15px auto; padding: 20px 20px 10px 20px; }
  .way_sec .online_area #online_contact h4 { font-size: 1.6rem; }
  .way_sec .online_area #online_contact dl dt { float: none; margin-bottom: 5px; }
  .way_sec .online_area #online_contact dl dd { padding-left: 0; } }

@media only screen and (max-width: 350px) { .way_sec .online_area .bnr .txt { font-size: 1.3rem; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■agency_box
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.agency_box { margin: 0 -35px 50px -35px; }

.agency_box .box { border-left: 3px solid #f6bf01; border-right: 3px solid #f6bf01; }

.agency_box .box:last-of-type { border-bottom: 3px solid #f6bf01; }

.agency_box .box a { color: #231815; text-decoration: none; }

.agency_box .box .ttl { text-align: center; font-size: 1.8rem; font-weight: 700; background: #f6bf01; padding: 10px; cursor: pointer; }

.agency_box .box ul.list { display: none; }

.agency_box .box ul.list > li { border-bottom: 1px solid #f6bf01; font-size: 1.4rem; font-weight: 500; line-height: 1.57143; text-align: left; /*			.shop{ width: 13.5%; padding-left: 10px; padding-right: 10px; background: $color02; }*/ }

.agency_box .box ul.list > li:last-of-type { border-bottom: none; }

.agency_box .box ul.list > li ul { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }

.agency_box .box ul.list > li ul li { padding: 11px 0; }

.agency_box .box ul.list > li p { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.agency_box .box ul.list > li .name { width: 34%; padding-left: 12px; padding-right: 12px; font-size: 1.5rem; font-weight: 700; line-height: 1.6; }

.agency_box .box ul.list > li .address { width: 27%; background: #fff9d2; padding-left: 15px; padding-right: 15px; }

.agency_box .box ul.list > li .tel { width: 12%; text-align: center; padding-left: 7px; padding-right: 7px; }

.agency_box .box ul.list > li .tel p { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.agency_box .box ul.list > li .btn { width: 27%; background: #fff9d2; padding: 7px; text-align: center; line-height: 1.2; }

.agency_box .box ul.list > li .btn a { width: calc(50%); font-size: 1.4rem; font-weight: 700; letter-spacing: 0.01em; display: block; background: url(../img/ico_arrow03.png) no-repeat right 8px center #99d353; background-size: 8px auto; border-radius: 4px; padding: 12px 20px 13px 15px; margin: 0 5px 0 0; max-width: 150px; }

.agency_box .box ul.list > li .btn a:last-child { margin-right: 0; }

.agency_box .box ul.list > li .btn span.empty { max-width: 150px; margin: 0 5px; width: 100%; }

.agency_box .btn02 { margin-bottom: 20px; }

@media only screen and (max-width: 767px) { .agency_box { margin: 0 0 20px 0; }
  .agency_box .box { border-width: 2px; }
  .agency_box .box .ttl { font-size: 1.5rem; padding: 8px; }
  .agency_box .box ul.list > li { font-size: 1.2rem; /*				.shop{ width: 50%; border-right: 1px dotted $color03; background: #fff; order: 2; }*/ }
  .agency_box .box ul.list > li ul { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .agency_box .box ul.list > li ul li { padding: 9px 10px !important; }
  .agency_box .box ul.list > li p { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .agency_box .box ul.list > li .name { width: 100%; font-size: 1.4rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; background: #fff9d2; }
  .agency_box .box ul.list > li .address { background-color: #fff; width: 100%; border-top: 1px dotted #f6bf01; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
  .agency_box .box ul.list > li .tel { font-size: 13px; width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .agency_box .box ul.list > li .tel p { display: block; }
  .agency_box .box ul.list > li .btn { background-color: #fff; width: 100% !important; border-top: 1px dotted #f6bf01; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; padding-left: 5px !important; padding-right: 5px !important; }
  .agency_box .box ul.list > li .btn a { width: 100%; font-size: 1.4rem; background-size: 6px auto; }
  .agency_box .box ul.list > li .btn:empty { display: none; }
  .agency_box .btn02 { margin-bottom: 10px; } }

/*-------------------------
area_map
-------------------------*/
.area_map { position: relative; padding: 20px 0; margin: 0 -20px; }

.area_map .img { text-align: center; }

.area_map .btn li { width: 310px; position: absolute; left: 45px; }

.area_map .btn .area { font-size: 1.4rem; font-weight: 700; line-height: 1.42857; border-left: 4px solid #ff8000; padding-left: 10px; margin-bottom: 5px; }

.area_map .btn .btn01 .wrap { font-size: 1.8rem; letter-spacing: 0.025em; font-feature-settings: "palt"; background: url(../img/ico_arrow02.png) no-repeat right 10px center #ff8000; background-size: 8px auto; padding: 17px 20px 17px 14px; border: 1px solid #fff; }

.area_map .btn .btn01 .wrap:before { background: #fff; opacity: 0.2; }

.area_map .btn .right { left: auto; right: 45px; }

.area_map .btn .area01 { top: 0; }

.area_map .btn .area02 { top: 13px; }

.area_map .btn .area02 .area { border-color: #79c7f0; margin-right: -15px; }

.area_map .btn .area02 .btn01 .wrap { background-color: #79c7f0; }

.area_map .btn .area03 { top: 105px; }

.area_map .btn .area03 .area { border-color: #3fcd66; }

.area_map .btn .area03 .btn01 .wrap { background-color: #3fcd66; }

.area_map .btn .area04 { top: 165px; }

.area_map .btn .area04 .area { border-color: #866aac; }

.area_map .btn .area04 .btn01 .wrap { background-color: #866aac; }

.area_map .btn .area05 { top: 232px; }

.area_map .btn .area05 .area { border-color: #df53ab; }

.area_map .btn .area05 .btn01 .wrap { background-color: #df53ab; }

.area_map .btn .area06 { top: 336px; }

.area_map .btn .area06 .area { border-color: #698c00; }

.area_map .btn .area06 .btn01 .wrap { background-color: #698c00; }

.area_map .btn .area07 { top: 270px; }

.area_map .btn .area07 .area { border-color: #b28500; }

.area_map .btn .area07 .btn01 .wrap { background-color: #b28500; }

@media only screen and (max-width: 950px) { .area_map .btn li { width: 250px; left: 20px; }
  .area_map .btn .area { font-size: 1.3rem; }
  .area_map .btn .btn01 .wrap { font-size: 1.5rem; padding-left: 5px; }
  .area_map .btn .right { right: 20px; } }

@media only screen and (max-width: 767px) { .area_map { position: static; padding-top: 0; padding-bottom: 27px; margin: 25px 0 0; }
  .area_map .img img { max-width: 215px; height: auto; margin-left: -2px; }
  .area_map .btn { margin: 29px auto 0; }
  .area_map .btn li { position: static; width: 100%; margin-bottom: 12px; border: 3px solid #ff8000; }
  .area_map .btn li:last-of-type { margin-bottom: 0; }
  .area_map .btn .area { font-size: 1.2rem; font-weight: 500; line-height: 1.41667; padding: 10px; margin-bottom: 0; border: none; }
  .area_map .btn .btn01 { width: 100%; }
  .area_map .btn .btn01 .wrap { font-size: 1.4rem; padding: 17px 20px 17px 14px; border-radius: 0; border: none; }
  .area_map .btn .btn01 .wrap .spCont { display: inline-block; }
  .area_map .btn .area02 { border-color: #79c7f0; }
  .area_map .btn .area02 .area { margin-right: 0; }
  .area_map .btn .area03 { border-color: #3fcd66; }
  .area_map .btn .area04 { border-color: #866aac; }
  .area_map .btn .area05 { border-color: #df53ab; }
  .area_map .btn .area06 { border-color: #698c00; }
  .area_map .btn .area07 { border-color: #b28500; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■faq_sec
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#faq_sec { padding-top: 80px; /*padding-bottom: 65px;*/ text-align: center; /*border:2px solid #e5e5e5;*/ margin: 0 auto; max-width: inherit; background: #ecfdd7; padding-bottom: 45px; }

#faq_sec .box:not(:last-of-type) { margin-bottom: 30px; }

#faq_sec .ac_box { padding: 32px 20px 30px; background: #fff; }

#faq_sec .ac_box .txt { text-align: left; }

#faq_sec dl { text-align: left; max-width: 1040px; margin: 0 auto; }

#faq_sec dl dt, #faq_sec dl dd { position: relative; }

#faq_sec dl dt:before, #faq_sec dl dd:before { content: ""; display: block; position: absolute; color: #70A72D; }

#faq_sec dl dt { font-size: 1.8rem; font-weight: 700; line-height: 1.65; padding-left: 1.8em; margin-bottom: 20px; }

#faq_sec dl dt:before { content: "Q."; font-size: 2.4rem; font-weight: 700; left: 3px; top: -8px; }

#faq_sec dl dd { font-size: 1.5rem; line-height: 1.86667; font-weight: 500; padding: 17px 5.2% 21px 43px; background-color: #ecfdd7; }

#faq_sec dl dd:before { content: "A."; font-size: 1.8rem; top: 14px; left: 24px; }

#faq_sec dl dd .list li { text-indent: -1em; padding-left: 1em; }

#faq_sec dl dd:not(:last-of-type) { margin-bottom: 40px; }

@media only screen and (max-width: 767px) { #faq_sec { padding-top: 35px; padding-bottom: 30px; margin: 0 -15px; }
  #faq_sec .box:not(:last-of-type) { margin-bottom: 15px; }
  #faq_sec .ac_box { padding: 20px 15px; }
  #faq_sec dl dt { font-size: 1.5rem; margin-bottom: 15px; }
  #faq_sec dl dt:before { font-size: 2rem; }
  #faq_sec dl dd { font-size: 1.3rem; padding: 12px 20px 12px 35px; }
  #faq_sec dl dd:before { font-size: 1.7rem; top: 7px; left: 18px; }
  #faq_sec dl dd:not(:last-of-type) { margin-bottom: 23px; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■please_sec
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#please_sec { background: #ecfdd7; margin-bottom: 0; padding: 100px 15px 45px; }

#please_sec .block { border: 5px solid #e91d1d; background: #fff; padding-top: 40px; padding-bottom: 60px; margin-bottom: 0; }

#please_sec .inner { color: #e60606; margin-bottom: 40px; }

#please_sec .inner .ttl { font-size: 2.4rem; font-weight: 700; text-align: center; margin-bottom: 24px; }

#please_sec .inner .read_txt { font-size: 1.8rem; font-weight: 700; line-height: 1.88889; margin-bottom: 23px; }

#please_sec .inner ul { margin-bottom: 29px; }

#please_sec .inner ul li { position: relative; padding-left: 1em; }

#please_sec .inner ul li:before { content: "▼"; display: block; position: absolute; top: 6px; left: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 1.1rem; }

@media only screen and (max-width: 767px) { #please_sec { margin: 0 -15px; padding-top: 45px; padding-bottom: 25px; }
  #please_sec .block { border-width: 3px; padding-top: 25px; padding-bottom: 24px; }
  #please_sec .inner { display: block; margin-bottom: 24px; }
  #please_sec .inner .ttl { font-size: 1.8rem; text-align: center; width: 100%; margin-bottom: 12px; }
  #please_sec .inner .read_txt { font-size: 1.4rem; line-height: 1.71429; margin-bottom: 17px; }
  #please_sec .inner ul, #please_sec .inner .txt { font-size: 1.2rem; }
  #please_sec .inner ul { margin-bottom: 17px; }
  #please_sec .inner ul li:before { top: 3px; font-size: 0.8rem; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■contact_sec
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contact_sec { text-align: center; background-color: #ecfdd7; padding: 80px 0 60px; }

#contact_sec a { color: #231815; text-decoration: none; }

#contact_sec .kome { margin-bottom: 45px; font-size: 1.5rem; }

#contact_sec .info_box { max-width: 960px; margin: 0 auto; background-color: #fff; padding: 30px 0 35px 0; position: relative; }

#contact_sec .info_box .ttl { font-size: 2.4rem; font-weight: 700; margin-bottom: 14px; }

#contact_sec .info_box .tel { font-size: 5rem; letter-spacing: 0.025em; line-height: 1.1; margin-bottom: 5px; }

#contact_sec .info_box .tel span { display: inline-block; padding-left: 62px; background: url(../img/ico_tel.png) no-repeat left center; background-size: 46px auto; }

#contact_sec .info_box .time { font-size: 1.8rem; font-weight: 500; line-height: 1.2; margin-bottom: 5px; }

#contact_sec .info_box .fax { font-size: 2.0rem; font-weight: 500; }

#contact_sec .info_box .mail { font-size: 2.0rem; }

#contact_sec .info_box .sent { position: absolute; bottom: 30px; left: 50%; margin-left: 220px; }

#contact_sec .info_box .sent img { width: 220px; height: auto; }

#contact_sec .btn_pdf { margin: 30px auto 0; width: 320px; }

#contact_sec .btn_pdf a { display: block; padding: 13px 20px; border: 1px solid #666; background-color: #fff; }

@media only screen and (max-width: 767px) { #contact_sec { padding: 25px 25px; margin: 0 -15px; }
  #contact_sec .kome { margin-bottom: 20px; font-size: 1.3rem; text-align: left; padding: 0 5px; }
  #contact_sec .info_box { padding: 28px 15px; }
  #contact_sec .info_box .ttl { font-size: 1.6rem; }
  #contact_sec .info_box .tel { font-size: 3rem; margin-bottom: 6px; }
  #contact_sec .info_box .tel span { padding-left: 35px; background-size: 26px auto; }
  #contact_sec .info_box .time { font-size: 1.3rem; margin-bottom: 8px; }
  #contact_sec .info_box .fax { font-size: 1.5rem; }
  #contact_sec .info_box .mail { font-size: 1.5rem; }
  #contact_sec .info_box .sent { position: static; display: block; text-align: center; margin: 15px 0 0; }
  #contact_sec .info_box .sent img { width: 158px; height: auto; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■footer
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer { text-align: center; background: #4f3e23; color: #fff; text-align: center; padding: 10px; }

#footer .en { font-weight: 400; }

@media only screen and (max-width: 767px) { #footer { padding: 8px; font-size: 1.2rem; } }

#page_coupon #footer { padding-bottom: 10px; }

@media only screen and (max-width: 767px) { #page_coupon #footer { padding-bottom: 8px; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■fix_bnr
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.fix_bnr { position: fixed; left: 0; right: 0; bottom: 0; background: rgba(79, 62, 35, 0.75); text-align: center; padding: 8px 20px; z-index: 100; }

.fix_bnr p { color: #fff; line-height: 1.3; font-size: 1.8rem; font-weight: 700; margin-bottom: 11px; }

.fix_bnr ul { max-width: 1200px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.fix_bnr ul li { width: 15.8%; line-height: 1; background: #fff; margin-right: 20px; }

.fix_bnr ul li:last-child { margin-right: 0; }

.fix_bnr ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 10px 15px 8px; height: 100%; }

.fix_bnr ul li img { width: auto; height: auto; max-width: 100%; max-height: 42px; }

@media only screen and (max-width: 767px) { .fix_bnr { padding: 11px 8px 3px; }
  .fix_bnr p { font-size: 1.5rem; margin-bottom: 12px; }
  .fix_bnr ul { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .fix_bnr ul li { width: calc(33.33% - 3px); margin-bottom: 6px; background: none; }
  .fix_bnr ul li a { padding: 8px 7px; border-radius: 2px; }
  .fix_bnr ul li img { max-height: 25px; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■bnr_sec
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.bnr_sec { background: #ecfdd7; padding: 30px 0; margin-top: -40px; margin-bottom: 40px; }

.bnr_sec .innerWrap { max-width: 1200px; }

.bnr_sec .ttl { text-align: center; font-weight: 700; font-size: 1.8rem; margin-bottom: 15px; }

.bnr_sec ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -15px; /*&:before, &:after{ width: 24%; content: ""; display: block; } &:before{ order:1; }*/ }

.bnr_sec ul li { width: 18.5%; text-align: center; border: 1px solid #ccc; background: #fff; margin-bottom: 15px; }

.bnr_sec ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }

.bnr_sec ul li img { max-width: 100%; max-height: 80px; height: auto; }

@media only screen and (max-width: 767px) { .bnr_sec { padding: 15px 15px; margin: -15px -15px 15px; }
  .bnr_sec .ttl { font-size: 1.6rem; margin-bottom: 10px; }
  .bnr_sec ul { margin-bottom: -10px; }
  .bnr_sec ul:before, .bnr_sec ul:after { content: none; }
  .bnr_sec ul li { width: 48%; margin-bottom: 10px; }
  .bnr_sec ul li img { max-height: 62px; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■hakken_sec
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#hakken_sec { text-align: center; padding: 72px 0 10px; }

#hakken_sec .txt_area { padding: 0 15px; position: relative; min-height: 280px; }

#hakken_sec .catch { margin-bottom: 10px; }

#hakken_sec .hd04 { font-size: 3.4rem; margin-bottom: 20px; }

#hakken_sec .txt { font-size: 1.7rem; }

#hakken_sec .ill { position: absolute; left: 50%; line-height: 1; }

#hakken_sec .ill.ill01 { top: 12px; margin-left: -467px; }

#hakken_sec .ill.ill02 { top: -10px; margin-left: 174px; }

#hakken_sec .loop_slide { height: 560px; overflow: hidden; background: #ecfdd7; }

#hakken_sec .loop_slide ul img { width: auto; height: 280px; }

#hakken_sec .loop_slide ul a { transition: all 0.25s linear; display: block; }

#hakken_sec .loop_slide ul a:hover { opacity: .85; transition: all 0.25s linear; }

@media only screen and (max-width: 767px) { #hakken_sec { padding: 37px 0 10px; }
  #hakken_sec .txt_area { padding: 0; min-height: 230px; }
  #hakken_sec .catch { margin-bottom: 7px; }
  #hakken_sec .catch img { width: auto; height: 38px; }
  #hakken_sec .hd04 { font-size: 2rem; }
  #hakken_sec .txt { font-size: 1.5rem; }
  #hakken_sec .ill img { height: auto; }
  #hakken_sec .ill.ill01 { margin-left: -174px; }
  #hakken_sec .ill.ill01 img { width: 80px; }
  #hakken_sec .ill.ill02 { top: -5px; margin-left: 79px; }
  #hakken_sec .ill.ill02 img { width: 84px; }
  #hakken_sec .ill.ill03 { top: 127px; margin-left: -197px; }
  #hakken_sec .ill.ill03 img { width: 60px; }
  #hakken_sec .ill.ill04 { top: 93px; margin-left: 111px; }
  #hakken_sec .ill.ill04 img { width: 60px; }
  #hakken_sec .loop_slide { margin: 0 -15px; height: 300px; }
  #hakken_sec .loop_slide ul img { height: 150px; } }

/*ポップアップ*/
.lity-wrap { padding: 10px 20px; }

.lity { background: rgba(0, 0, 0, 0.7); }

.lity_box { max-height: calc(100vh - 20px) !important; overflow-y: auto; }

.lity_box { max-width: 820px; background: #fff; padding: 30px; font-size: 1.5rem; text-align: center; }

.lity_box .name { font-weight: 700; font-size: 2rem; margin-bottom: 10px; }

.lity_box .address { margin-bottom: 15px; }

.lity_box .img { text-align: center; line-height: 1; margin-bottom: 20px; }

.lity_box .img img { max-width: 100%; max-height: 620px; width: auto; height: auto; }

.lity_box .txt { line-height: 1.86; text-align: left; }

.lity_box .map { margin-top: 15px; text-align: right; font-size: 1.3rem; }

@media only screen and (min-width: 767px) { .lity-close { position: absolute; top: -55px !important; right: -30px !important; } }

@media only screen and (max-width: 767px) { .lity-wrap { padding-left: 15px; padding-right: 15px; }
  .lity_box { padding: 20px 15px; font-size: 1.4rem; }
  .lity_box .name { font-size: 1.7rem; margin-bottom: 7px; }
  .lity_box .img { margin-bottom: 15px; }
  .lity_box .img img { max-height: 465px; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■insta_sec
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#insta_sec { text-align: center; padding-bottom: 80px; }

@media only screen and (max-width: 767px) { #insta_sec { padding-bottom: 30px; } }

#insta_sec .block { padding-top: 80px; padding-bottom: 60px; margin-bottom: 0; position: relative; }

#insta_sec .catch { line-height: 1; margin-bottom: 45px; }

#insta_sec .catch img { margin-left: -32px; }

#insta_sec .hd04 { padding-left: 82px; }

#insta_sec .hd04 .line { position: relative; }

#insta_sec .hd04 .line:before { content: ""; display: block; width: 56px; height: 56px; background: url(../img/ico_insta.png) no-repeat; background-size: 100% auto; position: absolute; top: 2px; left: -82px; }

#insta_sec h3 { font-size: 2.1rem; font-weight: bold; padding: 0 0 15px 0; border-bottom: 3px solid #ddd; max-width: 960px; margin: 0 auto 40px; }

@media only screen and (max-width: 767px) { #insta_sec h3 { font-size: 1.8rem; max-width: auto; margin: 0 auto 20px; } }

#insta_sec .txt { font-size: 1.7rem; padding-top: 7px; }

#insta_sec .bnr { margin-top: 35px; line-height: 1; }

#insta_sec .bnr img { max-width: 100%; height: auto; }

#insta_sec .ill { position: absolute; left: 50%; line-height: 1; }

#insta_sec .ill.ill01 { top: 185px; margin-left: -526px; }

#insta_sec .ill.ill02 { top: 211px; margin-left: 296px; }

@media only screen and (min-width: 767px) { #insta_sec .hd04 { font-size: 2.8rem; } }

@media only screen and (max-width: 767px) { #insta_sec .block { padding: 30px 0; }
  #insta_sec .catch { margin-bottom: 28px; }
  #insta_sec .catch img { width: 320px; height: auto; margin-left: -10px; }
  #insta_sec .hd04 { padding-left: 50px; }
  #insta_sec .hd04 .line:before { width: 36px; height: 36px; top: 2px; left: -50px; }
  #insta_sec .txt { font-size: 1.5rem; }
  #insta_sec .bnr { margin-top: 21px; }
  #insta_sec .ill img { width: 62px; height: auto; }
  #insta_sec .ill.ill01 { top: 160px; margin-left: -189px; }
  #insta_sec .ill.ill02 { top: 187px; margin-left: 126px; }
  #insta_sec .ill.ill02 img { width: 58px; } }

@media only screen and (max-width: 345px) { #insta_sec .catch img { margin-left: -32px; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■page_area,.page_other
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_area #main_vs h1, .page_other #main_vs h1 { height: 357px; }

.page_area .contents, .page_other .contents { background: url(../img/bg.png) repeat left top; padding: 40px 0; }

.page_area #footer, .page_other #footer { /*temp*/ /*padding-bottom: 135px;*/ }

@media only screen and (max-width: 767px) { .page_area #main_vs h1, .page_other #main_vs h1 { height: auto; }
  .page_area .contents, .page_other .contents { padding: 15px 15px 10px 15px; }
  .page_area #footer, .page_other #footer { /*temp*/ /*padding-bottom: 110px;*/ } }

/*-------------------------
area_map
-------------------------*/
.page_area .area_map { padding-bottom: 26px; margin-top: 54px; }

@media only screen and (max-width: 767px) { .page_area .area_map { padding-bottom: 0; margin-top: 25px; } }

/*-------------------------
hotel_sec
-------------------------*/
.page_area #hotel_sec { padding-top: 0; text-align: center; }

.page_area #hotel_sec .area_name { margin: 0 -20px 60px; font-size: 2.1rem; font-weight: 700; color: #fff; text-align: center; line-height: 1.6; padding: 23px 20px; background: #000; }

.page_area #hotel_sec .read_txt { text-align: center; font-weight: 500; font-size: 1.8rem; margin: -15px 0 34px; }

.page_area #hotel_sec .icon_info { border: 1px solid #4f3e23; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 35px; }

.page_area #hotel_sec .icon_info .ttl { background: #4f3e23; color: #fff; text-align: center; line-height: 1.3; font-size: 1.3rem; font-weight: 700; padding: 13px; width: 130px; }

.page_area #hotel_sec .icon_info .ttl span { display: block; font-size: 140%; }

.page_area #hotel_sec .icon_info ul { width: calc(100% - 130px); display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 3%; }

.page_area #hotel_sec .icon_info ul li { margin-right: 2.8%; font-size: 1.5rem; line-height: 1.3; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.page_area #hotel_sec .icon_info ul li:last-of-type { margin-right: 15px; }

.page_area #hotel_sec .icon_info ul .ico { width: 23px; height: 23px; line-height: 1; margin-right: 7px; background: #2eba43; }

@media only screen and (max-width: 1025px) { .page_area #hotel_sec .icon_info ul { padding-left: 2%; }
  .page_area #hotel_sec .icon_info ul li { margin-right: 1.8%; font-size: 1.4rem; } }

@media only screen and (max-width: 767px) { .page_area #hotel_sec .area_name { width: auto; margin: 0 -15px 25px; font-size: 1.7rem; padding: 13px 20px; }
  .page_area #hotel_sec .read_txt { text-align: left; font-size: 1.4rem; margin: 0 0 30px; }
  .page_area #hotel_sec .icon_info { display: block; margin-bottom: 25px; }
  .page_area #hotel_sec .icon_info .ttl { width: 100%; font-size: 1.4rem; padding: 10px; }
  .page_area #hotel_sec .icon_info .ttl span { display: inline-block; padding-left: 3px; font-size: 100%; }
  .page_area #hotel_sec .icon_info ul { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; padding: 10px 10px 5px; }
  .page_area #hotel_sec .icon_info ul li { width: 50%; margin-right: 0 !important; padding: 0 3px; font-size: 1.3rem; margin-bottom: 5px; } }

/*-------------------------
hotel_list
-------------------------*/
.hotel_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; text-align: left; }

.hotel_list:before, .hotel_list:after { content: ""; display: block; width: calc(25% - 3px); }

.hotel_list:before { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.hotel_list > li { width: calc(25% - 3px); margin-bottom: 10px; background: #f5f5f5; padding: 17px 20px 15px; }

.hotel_list .info { margin-bottom: 7px; }

.hotel_list .area { font-size: 0; margin-bottom: 12px; }

.hotel_list .area span { display: inline-block; line-height: 1.3; color: #fff; font-size: 1.3rem; font-weight: 500; padding: 4px 5px; background: #000; }

.hotel_list .name { font-size: 1.6rem; font-weight: 700; line-height: 1.5; padding-bottom: 10px; border-bottom: 3px dotted #d3d3d3; margin-bottom: 10px; }

.hotel_list .address { overflow: hidden; font-size: 1.4rem; line-height: 1.42857; margin-bottom: 8px; }

.hotel_list .address dt { float: left; }

.hotel_list .address dd { padding-left: 4em; }

.hotel_list .tel { font-family: "Roboto", sans-serif; font-weight: 500; font-size: 1.8rem; letter-spacing: 0.05em; line-height: 1.3; }

.hotel_list .tel span { font-size: 80%; }

.hotel_list .tel a { color: #fc6644; }

.hotel_list .ttl { text-align: center; font-size: 1.3rem; font-weight: 500; line-height: 1.2; border: 1px solid #848484; padding: 1px 5px 3px; margin-bottom: 6px; }

.hotel_list .ico { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.hotel_list .ico li { width: 48.5%; line-height: 1; background: #c2c2c2; }

.hotel_list .ico li img { width: 100%; height: auto; image-rendering: -webkit-optimize-contrast; }

.hotel_list .ico li.active { background: #2eba43; }

.hotel_list .ico li.w100 { width: 100%; margin-top: 5px; }

.hotel_list .btn { margin-top: 12px; text-align: center; line-height: 1.2; }

.hotel_list .btn a { display: block; color: #231815; font-weight: 700; font-size: 1.3rem; border: 1px solid #848484; background: url(../img/ico_arrow04.png) no-repeat right 7px center; background-size: 6px auto; padding: 10px 20px 11px; border-radius: 6px; text-decoration: none; transition: all 0.25s linear; }

.hotel_list .btn a:hover { background-color: #fff; }

.hotel_list .sub_txt { margin-top: 5px; font-size: 1rem; line-height: 1.4; }

.hotel_list .ico_coupon { line-height: 1; }

.hotel_list .ico_coupon img { max-width: 100%; width: auto; height: auto; }

@media only screen and (max-width: 960px) { .hotel_list > li { padding-left: 10px; padding-right: 10px; }
  .hotel_list .address { font-size: 1.3rem; }
  .hotel_list .tel { font-size: 1.6rem; }
  .hotel_list .btn a { font-size: 1.3rem; background-position: right 5px center; padding-right: 16px; padding-left: 10px; } }

@media only screen and (max-width: 767px) { .hotel_list:before, .hotel_list:after { content: none; }
  .hotel_list > li { width: 100%; padding: 12px 10px 13px; }
  .hotel_list .info { margin-bottom: 10px; }
  .hotel_list .area { margin-bottom: 3px; }
  .hotel_list .area span { font-size: 1rem; }
  .hotel_list .name { font-size: 1.5rem; padding-bottom: 6px; border-width: 2px; }
  .hotel_list .address { font-size: 1.3rem; margin-bottom: 6px; }
  .hotel_list .tel { font-size: 1.8rem; letter-spacing: normal; line-height: 1.3; }
  .hotel_list .site { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /*align-items: center;*/ /*border-top: 1px dashed #d3d3d3; padding-top: 10px;*/ }
  .hotel_list .ttl { width: 80px; font-size: 1.3rem; margin-bottom: 0; padding: 0; height: 25px; /*display: flex; justify-content: center; padding-top: 3px;*/ height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .hotel_list .ico { width: calc(100% - 85px); -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 5px; }
  .hotel_list .ico li { width: 48%; max-width: 90px; margin-right: 5px; }
  .hotel_list .ico li:last-of-type { margin-right: 0; }
  .hotel_list .ico li.w100 { width: 100%; max-width: 185px; }
  .hotel_list .btn { width: 100%; margin-top: 0; }
  .hotel_list .btn a { font-size: 1.3rem; background-size: 5px auto; }
  .hotel_list .sub_txt { font-size: 0.9rem; }
  .hotel_list .ico_coupon img.spCont { max-height: 27px; } }

/*-------------------------
color
-------------------------*/
#page_area01 #hotel_sec .area_name, #page_area01 #hotel_sec .hotel_list .area span { background: #ff8000; }

#page_area02 #hotel_sec .area_name, #page_area02 #hotel_sec .hotel_list .area span { background: #79c7f0; }

#page_area03 #hotel_sec .area_name, #page_area03 #hotel_sec .hotel_list .area span { background: #3fcd66; }

#page_area04 #hotel_sec .area_name, #page_area04 #hotel_sec .hotel_list .area span { background: #866aac; }

#page_area05 #hotel_sec .area_name, #page_area05 #hotel_sec .hotel_list .area span { background: #df53ab; }

#page_area06 #hotel_sec .area_name, #page_area06 #hotel_sec .hotel_list .area span { background: #698c00; }

#page_area07 #hotel_sec .area_name, #page_area07 #hotel_sec .hotel_list .area span { background: #b28500; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

■page_instagram
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#page_instagram h2 { text-align: center; line-height: 1; margin-top: -25px; margin-bottom: 58px; }

#page_instagram h2 img { max-width: 100%; height: auto; }

#page_instagram .innerWrap { max-width: 890px; }

#page_instagram #intro_sec { text-align: center; margin-bottom: 45px; }

#page_instagram #intro_sec strong.line { display: inline-block; font-weight: 500; background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffeb27)); background: linear-gradient(transparent 60%, #ffeb27 60%); line-height: 1.3; }

#page_instagram #intro_sec .box01 { max-width: 837px; margin: 0 auto 36px; }

#page_instagram #intro_sec .box01 .inner { padding: 20px; }

#page_instagram #intro_sec .box01 dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; line-height: 1.4; }

#page_instagram #intro_sec .box01 dt { background: #99d353; padding: 4px 17px; border-radius: 15px; }

#page_instagram #intro_sec .box01 dd { padding-left: 30px; font-size: 1.8rem; }

#page_instagram #intro_sec .read_txt { font-weight: 500; font-size: 2rem; line-height: 2; margin-bottom: 26px; }

#page_instagram #intro_sec .catch { font-size: 2.2rem; font-weight: 700; color: #7a51f0; margin-bottom: 46px; }

#page_instagram #intro_sec .catch strong.line { font-weight: 700; }

#page_instagram #intro_sec ul.img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 37px; }

#page_instagram #intro_sec ul.img li { width: calc(33.3% - 24px); }

#page_instagram #intro_sec ul.img li .name { font-size: 1.6rem; font-weight: bold; margin-bottom: 10px; }

#page_instagram #intro_sec ul.img li .name span { font-size: 110%; display: inline-block; background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffeb27)); background: linear-gradient(transparent 60%, #ffeb27 60%); }

#page_instagram #intro_sec ul.img li .txt { font-size: 1.4rem; text-align: left; }

#page_instagram #intro_sec ul.img img { width: 100%; height: auto; margin-bottom: 10px; }

#page_instagram #intro_sec .info { background: #fffbd2; padding: 26px 20px; }

#page_instagram #intro_sec .info h3 { font-size: 2rem; font-weight: 700; letter-spacing: 0.05em; margin-bottom: 10px; }

#page_instagram #intro_sec .info p { max-width: 760px; margin: 0 auto; text-align: left; }

@media only screen and (max-width: 767px) { #page_instagram h2 { margin-top: -15px; margin-bottom: 30px; }
  #page_instagram #intro_sec { margin-bottom: 37px; }
  #page_instagram #intro_sec .box01 { margin-bottom: 23px; }
  #page_instagram #intro_sec .box01 .inner { padding: 9px 12px 12px 12px; }
  #page_instagram #intro_sec .box01 dl { display: block; }
  #page_instagram #intro_sec .box01 dt { margin-bottom: 10px; }
  #page_instagram #intro_sec .box01 dd { padding-left: 0; font-size: 1.5rem; text-align: left; }
  #page_instagram #intro_sec .read_txt { font-size: 1.45rem; margin-bottom: 18px; }
  #page_instagram #intro_sec .catch { font-size: 1.8rem; margin-bottom: 13px; }
  #page_instagram #intro_sec ul.img { margin-bottom: 20px; display: block; }
  #page_instagram #intro_sec ul.img li { width: 100%; margin-bottom: 30px; padding: 0 15px; }
  #page_instagram #intro_sec ul.img img { max-width: 240px; }
  #page_instagram #intro_sec .info { padding: 20px; }
  #page_instagram #intro_sec .info h3 { font-size: 1.5rem; margin-bottom: 10px; } }

/*------------------------
information_sec
-------------------------*/
#page_instagram #information_sec h3 { text-align: center; color: #fff; font-weight: 700; font-size: 1.8rem; letter-spacing: 0.05em; padding: 7px; background: #876bc1; margin-bottom: 25px; }

#page_instagram #information_sec dl { margin-top: 40px; }

#page_instagram #information_sec dl dt { font-weight: 500; font-size: 1.8rem; line-height: 1.3; margin-bottom: 3px; }

#page_instagram #information_sec dl dd { margin-bottom: 38px; }

#page_instagram #information_sec dl dd:last-of-type { margin-bottom: 0; }

#page_instagram #information_sec dl dd .list li { text-indent: -1em; padding-left: 1em; }

#page_instagram #information_sec dl .purpose { margin-top: 32px; }

@media only screen and (max-width: 767px) { #page_instagram #information_sec h3 { font-size: 1.45rem; margin-bottom: 15px; padding: 5px; }
  #page_instagram #information_sec dl { margin-top: 30px; }
  #page_instagram #information_sec dl dt { font-size: 1.45rem; }
  #page_instagram #information_sec dl dd { margin-bottom: 25px; }
  #page_instagram #information_sec dl .purpose { margin-top: 20px; } }

/*-------------------------
  pcCont/spCont
-------------------------*/
img.pcCont { display: inline-block; }

.sp, .spCont { display: none; }

@media only screen and (max-width: 767px) { .pc, .pcCont, img.pcCont { display: none; }
  .sp, .spCont { display: block; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

■page_coupon
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#page_coupon .contents { padding-top: 70px; padding-bottom: 80px; }

@media only screen and (max-width: 767px) { #page_coupon .contents { padding-top: 25px; padding-bottom: 35px; } }

#page_coupon .block { margin-bottom: 60px; padding-bottom: 60px; }

#page_coupon .block:last-of-type { margin-bottom: 0; }

@media only screen and (max-width: 767px) { #page_coupon .block { margin-bottom: 30px; padding-bottom: 25px; } }

#page_coupon .top_btn { max-width: 450px; margin: 80px auto 10px; }

#page_coupon .top_btn .wrap { padding-top: 25px; padding-bottom: 25px; }

@media only screen and (max-width: 767px) { #page_coupon .top_btn { margin-top: 45px; } }

#page_coupon #map_sec .hd01, #page_coupon #map_sec hd04 { margin-bottom: 0; }

#page_coupon #map_sec .btn02 { margin: 20px auto 45px; }

@media only screen and (max-width: 767px) { #page_coupon #map_sec .btn02 { margin-bottom: 30px; } }

#page_coupon .coupon_note { font-weight: 700; font-size: 1.5rem; text-align: left; margin: 0px auto 24px; }

@media only screen and (max-width: 767px) { #page_coupon .coupon_note { font-size: 1.4rem; margin-bottom: 20px; } }

/*-------------------------
search_sec_wrap
-------------------------*/
.search_sec_wrap { max-width: 1040px; margin: 0 auto; border: 1px solid #70A72D; border-radius: 4px; padding: 35px 40px; }

.search_sec_wrap dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 13px; }

.search_sec_wrap dl dt { padding-right: 25px; min-width: 157px; font-size: 2rem; font-weight: 700; padding-left: 15px; border-left: 4px solid #fae155; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; line-height: 1.4; margin-top: 6px; }

.search_sec_wrap dl dd { width: 100%; }

.search_sec_wrap dl ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.search_sec_wrap dl ul li { margin: 0 20px 10px 0; }

.search_sec_wrap dl ul li:last-of-type { width: 100%; }

.search_sec_wrap dl ul li.auto { width: auto; }

.search_sec_wrap dl input[type="text"] { font-size: 1.5rem; max-width: 560px; }

.search_sec_wrap .btn02 { margin: 30px auto 0; max-width: 360px; }

.search_sec_wrap .btn02 button { font-size: 1.8rem; }

.search_sec_wrap .btn02:after { background-size: 8px auto; width: 8px; height: 12px; right: 12px; margin-top: -6px; }

@media only screen and (max-width: 767px) { .search_sec_wrap { padding: 25px 20px; }
  .search_sec_wrap dl { display: block; margin-bottom: 15px; }
  .search_sec_wrap dl dt { padding-right: 0; min-width: inherit; font-size: 1.8rem; padding-left: 13px; border-width: 3px; margin: 0 0 10px 0; }
  .search_sec_wrap dl input[type="text"] { font-size: 1.4rem; }
  .search_sec_wrap .btn02 { margin-top: 25px; }
  .search_sec_wrap .btn02 button { font-size: 1.7rem; } }

/*-------------------------
クーポントプ見出し
-------------------------*/
#page_coupon_index .ptn::before { /*background-image: url(../img/coupon/ptn_l.png);*/ left: -120px; top: 15px; }

#page_coupon_index .ptn::after { /*background-image: url(../img/coupon/ptn_r.png);*/ right: -103px; top: auto; bottom: 21px; }

@media only screen and (max-width: 767px) { #page_coupon_index .ptn::before { left: -50px; top: auto; bottom: 30px; }
  #page_coupon_index .ptn::after { right: -30px; bottom: 11px; } }

#page_coupon_index ul.kome { font-size: 90%; }

@media only screen and (max-width: 767px) { #page_coupon_index ul.kome { text-align: left; }
  #page_coupon_index ul.kome li { text-indent: -1em; padding-left: 1em; } }

/*-------------------------
intro_area
-------------------------*/
#page_coupon .intro_area { text-align: center; padding-bottom: 65px; position: relative; z-index: 0; }

#page_coupon .intro_area:after { content: ""; display: block; width: 268px; height: 202px; background: url(../img/check.png) no-repeat; position: absolute; left: 50%; bottom: 34px; margin-left: 232px; z-index: -1; }

#page_coupon .intro_area .txt { font-size: 1.8rem; line-height: 2.05556; }

#page_coupon .intro_area .kome { margin-top: 15px; }

@media only screen and (max-width: 767px) { #page_coupon .intro_area { padding-bottom: 55px; }
  #page_coupon .intro_area:after { background-size: 180px auto; width: 180px; height: 136px; left: auto; right: -20px; bottom: 15px; margin-left: 0; }
  #page_coupon .intro_area .txt { font-size: 1.5rem; text-align: left; } }

/*-------------------------
search_sec
-------------------------*/
#page_coupon_index #search_sec { margin-bottom: 50px; }

#page_coupon_index #search_sec .read_txt, #page_coupon_index #search_sec .kome { text-align: center; }

#page_coupon_index #search_sec .search_sec_wrap { margin-top: 30px; }

@media only screen and (max-width: 767px) { #page_coupon_index #search_sec { margin-bottom: 35px; }
  #page_coupon_index #search_sec .read_txt, #page_coupon_index #search_sec .kome { text-align: left; }
  #page_coupon_index #search_sec .search_sec_wrap { margin-top: 25px; } }

/*-------------------------
map_sec
-------------------------*/
#page_coupon #cat_map_sec { max-width: 1040px; margin: 0 auto; }

#page_coupon #cat_map_sec .cat_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 5px; margin-bottom: 15px; }

#page_coupon #cat_map_sec .cat_list li { margin: 0 25px 13px 0; line-height: 1; }

#page_coupon #cat_map_sec .cat_list li .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#page_coupon #cat_map_sec .cat_list li p { display: inline-block; vertical-align: middle; }

#page_coupon #cat_map_sec .cat_list li .ico { margin-right: 6px; }

#page_coupon #cat_map_sec .cat_list li .ico img { width: 27px; height: auto; }

#page_coupon #cat_map_sec .map_wrap .tab { padding: 0 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; min-height: 66px; }

#page_coupon #cat_map_sec .map_wrap .tab li { width: calc(50% - 6px); }

#page_coupon #cat_map_sec .map_wrap .tab li span { display: block; text-align: center; border: 2px solid #70A72D; border-bottom: none; border-radius: 6px 6px 0 0; font-size: 1.8rem; font-weight: 700; color: #70A72D; background: #eff8ff; padding: 8px 15px; transition: all 0.25s linear; }

#page_coupon #cat_map_sec .map_wrap .tab li span:hover { opacity: .85; transition: all 0.25s linear; }

#page_coupon #cat_map_sec .map_wrap .tab li span:hover { cursor: pointer; }

#page_coupon #cat_map_sec .map_wrap .tab li.active span { color: #fff; background: #70A72D; padding-top: 15px; padding-bottom: 15px; }

#page_coupon #cat_map_sec .map_wrap .map_area { border: 2px solid #70A72D; width: 100%; height: 500px; }

#page_coupon #cat_map_sec .map_wrap .map_area iframe { vertical-align: bottom; width: 100%; height: 100%; }

#page_coupon #cat_map_sec .coupon_note { max-width: 960px; margin-top: 15px; margin-bottom: 0; }

@media only screen and (max-width: 767px) { #page_coupon #cat_map_sec .cat_list { padding-top: 0; padding-left: 0; margin-bottom: 5px; }
  #page_coupon #cat_map_sec .cat_list li { margin: 0 20px 10px 0; line-height: 1.4; }
  #page_coupon #cat_map_sec .cat_list li .ico img { width: 30px; }
  #page_coupon #cat_map_sec .map_wrap .tab { padding: 0 10px; min-height: 55px; }
  #page_coupon #cat_map_sec .map_wrap .tab li { width: calc(50% - 3px); padding-top: 6px; }
  #page_coupon #cat_map_sec .map_wrap .tab li span { border-radius: 4px 4px 0 0; font-size: 1.5rem; }
  #page_coupon #cat_map_sec .map_wrap .tab li.active span { padding-top: 11px; padding-bottom: 11px; }
  #page_coupon #cat_map_sec .map_wrap .map_area { height: 450px; }
  #page_coupon #cat_map_sec .coupon_note { margin-top: 10px; } }

/*-------------------------
地図のポップアップ
-------------------------*/
.gm-style-iw .infowindow { line-height: 1.4; font-family: "Noto Sans JP", "游ゴシック Medium", YuGothic, "游ゴシック体", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif; font-weight: 400; font-size: 1.5rem; }

.gm-style-iw .infowindow .name { font-weight: 700; margin-bottom: 5px; }

.gm-style-iw .infowindow .address { font-size: 1.4rem; margin-bottom: 2px; }

.gm-style-iw .infowindow .tel { letter-spacing: 0.05em; font-family: "Roboto", sans-serif; font-weight: 500; }

.gm-style-iw .infowindow .tel span { font-size: 80%; }

.gm-style-iw .infowindow .link { font-weight: 700; font-size: 80%; margin-top: 1px; }

.gm-style-iw .infowindow .link a { color: #3aa7e5; background: url(../img/coupon/ico_link.png) no-repeat right top 6px; background-size: 7px auto; padding-right: 12px; text-decoration: none; transition: all 0.25s linear; }

.gm-style-iw .infowindow .link a:hover { opacity: .85; transition: all 0.25s linear; }

.gm-style-iw .infowindow .ico_coupon { text-align: center; margin-top: 5px; }

.gm-style-iw .infowindow .ico_coupon img { width: auto; height: 27px; }

@media only screen and (min-width: 768px) { .gm-style-iw .infowindow .ico_coupon img.pcCont { display: inline-block; -ms-interpolation-mode: nearest-neighbor; image-rendering: -webkit-optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: -o-pixelated; image-rendering: pixelated; /* Chrome 41+, Opera 29+ (CSS4) */ } }

@media only screen and (max-width: 767px) { .gm-style-iw .infowindow { font-size: 1.4rem; }
  .gm-style-iw .infowindow .address { font-size: 1.3rem; }
  .gm-style-iw .infowindow .link { font-weight: 700; font-size: 80%; margin-top: 1px; }
  .gm-style-iw .infowindow .link a { color: #3aa7e5; background: url(../img/coupon/ico_link.png) no-repeat right center; background-size: 7px auto; padding-right: 12px; text-decoration: none; transition: all 0.25s linear; }
  .gm-style-iw .infowindow .link a:hover { opacity: .85; transition: all 0.25s linear; }
  .gm-style-iw .infowindow .ico_coupon { margin-top: 3px; }
  .gm-style-iw .infowindow .ico_coupon img.spCont { display: inline-block; max-width: 183px; width: 100%; height: auto; } }

/*カテゴリ*/
.map_cat { font-size: 1.3rem; margin-bottom: 5px; line-height: 1.38462; }

.map_cat span { background: #000; color: #fff; display: inline-block; padding: 3px 6px; }

.map_cat span.cat1 { background: #df912c; }

.map_cat span.cat2 { background: #52b05f; }

.map_cat span.cat3 { background: #cc39a1; }

.map_cat span.cat4 { background: #5772ca; }

.map_cat span.cat5 { background: #5a7cd9; }

.map_cat span.cat6 { background: #d86344; }

.map_cat span.cat7 { background: #9a5dc1; }

.map_cat span.cat8 { background: #a88701; }

.map_cat span.cat9 { background: #63991c; }

.map_cat span.cat10 { background: #3e89bd; }

.map_cat span.cat11 { background: #5c5c5c; }

@media only screen and (max-width: 767px) { .map_cat { font-size: 1.1rem; } }

/*-------------------------
一覧ページ
-------------------------*/
#store_list_sec { text-align: center; }

#store_list_sec .no_data { text-align: center; margin-bottom: 30px; font-size: 120%; }

#store_list_sec .hotel_list .map_cat { margin-bottom: 10px; }

#store_list_sec .hotel_list .btn a { padding-top: 14px; padding-bottom: 14px; }

@media only screen and (max-width: 767px) { #store_list_sec .hotel_list .map_cat { margin-bottom: 5px; } }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■please_sec
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.please_sec { border: 5px solid #e91d1d; padding-top: 40px; padding-bottom: 60px; margin: 0 auto 60px; }

.please_sec .inner { color: #e60606; margin-bottom: 40px; }

.please_sec .inner .ttl { font-size: 2.4rem; font-weight: 700; text-align: center; margin-bottom: 24px; }

.please_sec .inner .read_txt { font-size: 1.8rem; font-weight: 700; line-height: 1.88889; margin-bottom: 23px; }

.please_sec .inner ul { margin-bottom: 29px; }

.please_sec .inner ul li { position: relative; padding-left: 1em; }

.please_sec .inner ul li:before { content: "▼"; display: block; position: absolute; top: 6px; left: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 1.1rem; }

@media only screen and (max-width: 767px) { .please_sec { border-width: 3px; padding-top: 25px; padding-bottom: 24px; margin-bottom: 15px; }
  .please_sec .inner { display: block; margin-bottom: 24px; }
  .please_sec .inner .ttl { font-size: 1.8rem; text-align: center; width: 100%; margin-bottom: 12px; }
  .please_sec .inner .read_txt { font-size: 1.4rem; line-height: 1.71429; margin-bottom: 17px; }
  .please_sec .inner ul, .please_sec .inner .txt { font-size: 1.2rem; }
  .please_sec .inner ul { margin-bottom: 17px; }
  .please_sec .inner ul li:before { top: 3px; font-size: 0.8rem; } }

#jackbanner { position: absolute; background-color: rgba(0, 0, 0, 0.5); left: 0; right: 0; bottom: 0; top: 0; z-index: 10000; /*display: flex; align-items: center; justify-content: center; flex-direction: column; */ padding: 50px 20px 20px; }

#jackbanner .jackbanner_inner { max-width: 1200px; width: 100%; background-color: #fff; margin: auto; }

#jackbanner .block { max-width: 1200px; }

#jackbanner .ttl_top { background-color: #e91d1d; text-align: center; color: #fff; font-weight: bold; font-size: 40px; line-height: 1.5; }

#jackbanner .please_sec { margin-bottom: 0px; padding: 20px 20px 30px 20px; }

#jackbanner .note { margin-top: 10px; font-size: 1.5rem; }

#jackbanner .pdf_btn .wrap span { background: none !important; }

#jackbanner .close.icon { position: fixed; z-index: 10001; right: 15px; top: 15px; cursor: pointer; }

#jackbanner .close.icon span { text-indent: -5000px; width: 32px; height: 32px; display: block; }

#jackbanner .close.icon:before, #jackbanner .close.icon:after { content: ""; position: absolute; top: 50%; left: 50%; width: 4px; /* 棒の幅（太さ） */ height: 32px; /* 棒の高さ */ background: #fff; }

#jackbanner .close.icon:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }

#jackbanner .close.icon:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

@media only screen and (max-width: 767px) { #jackbanner .jackbanner_inner { width: auto; }
  #jackbanner .please_sec { padding: 15px; }
  #jackbanner .ttl_top { font-size: 24px; }
  #jackbanner .note { font-size: 1.1rem; } }