@charset "UTF-8";
.font-kaku { font-family: "Zen Kaku Gothic New", sans-serif; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; }

html { font-size: 62.5%; }
@media screen and (max-width: 750px) { html { font-size: 2.375vw; } }

body { color: #1A1311; font-family: "Noto Sans JP", YuGothicM, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-size: 1.6rem; -webkit-text-size-adjust: 100%; }

li { list-style: none; }

img { max-width: 100%; vertical-align: bottom; }

video { max-width: 100%; }

a { color: #1A1311; }
a:hover { text-decoration: none; }

button { padding: 0; border: none; background: none; font-family: inherit; font-size: 1.6rem; cursor: pointer; }

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="submit"], input[type="button"], textarea, select { font-family: inherit; font-size: 1.6rem; }

.only-pc { display: block; }
@media screen and (max-width: 750px) { .only-pc { display: none; } }

.only-sp { display: none; }
@media screen and (max-width: 750px) { .only-sp { display: block; } }

img.only-pc, span.only-pc { display: inline; }
@media screen and (max-width: 750px) { img.only-pc, span.only-pc { display: none; } }
img.only-sp, span.only-sp { display: none; }
@media screen and (max-width: 750px) { img.only-sp, span.only-sp { display: inline; } }

table.only-pc { display: table; }
@media screen and (max-width: 750px) { table.only-pc { display: none; } }
table.only-sp { display: none; }
@media screen and (max-width: 750px) { table.only-sp { display: table; } }

.js-tel { color: #000 !important; text-decoration: none; cursor: default; }

.inner { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .inner { padding: 0 6.6666666667%; } }

/* ------------------------------ ヘッダー
------------------------------ */
.header { background-color: #FFD9CB; }
.header .header-in { display: flex; align-items: center; justify-content: space-between; padding: 30px 60px; }
@media screen and (max-width: 1100px) { .header .header-in { padding-left: 20px; padding-right: 20px; } }
@media screen and (max-width: 960px) { .header .header-in { padding: 20px; height: 120px; } }
@media screen and (max-width: 750px) { .header .header-in { padding: 20px 6.6666666667%; height: 90px; } }
.header .header-logo { width: 100%; max-width: 340px; margin-right: 20px; }
@media screen and (max-width: 750px) { .header .header-logo { max-width: 240px; margin-right: 10px; } }
.header .header-nav { display: flex; align-items: center; justify-content: flex-end; }
@media screen and (max-width: 960px) { .header .header-nav { display: none; } }
.header .header-nav li { position: relative; }
.header .header-nav li::after { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 40px; margin-top: -20px; background-color: #B7A9A4; }
.header .header-nav li:last-child::after { display: none; }
.header .header-nav li a { display: block; text-decoration: none; padding: 0 15px; }
.header .header-nav li a .ico { display: flex; justify-content: flex-end; align-items: flex-end; width: 2em; height: 2em; margin: 0 auto 8px; }
.header .header-nav li a p { font-size: 1.8rem; text-align: center; font-weight: 700; }
@media screen and (max-width: 1100px) { .header .header-nav li a p { font-size: 1.6rem; } }
.header .header-menu { display: none; }
@media screen and (max-width: 960px) { .header .header-menu { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; background: #AF6400; border: 2px solid #fff; cursor: pointer; border-radius: 50%; } }
@media screen and (max-width: 750px) { .header .header-menu { width: 70px; height: 70px; } }
.header .header-menu p { position: relative; width: 58px; height: 34px; margin: 0 auto; }
@media screen and (max-width: 750px) { .header .header-menu p { width: 38px; height: 24px; } }
.header .header-menu span { position: absolute; right: 0; display: block; width: 100%; height: 4px; background-color: #fff; transition: all .4s; }
.header .header-menu span:nth-of-type(1) { top: 0; }
.header .header-menu span:nth-of-type(2) { top: 50%; margin-top: -2px; }
.header .header-menu span:nth-of-type(3) { bottom: 0; }

.nav-menu { z-index: 99999; display: none; position: fixed; top: 120px; left: 0; width: 100%; height: calc(100% - 120px); background-color: #FFD9CB; }
@media screen and (max-width: 750px) { .nav-menu { top: 90px; height: calc(100% - 90px); } }
.nav-menu .nav-menu-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; line-height: 1.6; }
.nav-menu a, .nav-menu div { display: block; text-decoration: none; }
.nav-menu .nav-list { border-top: 1px solid #fff; }
.nav-menu .nav-list li { border-bottom: 1px solid #fff; }
.nav-menu .nav-list li a { display: flex; align-items: center; padding: 20px; }
@media screen and (max-width: 750px) { .nav-menu .nav-list li a { padding: 20px 6.6666666667%; } }
.nav-menu .nav-list li a p { font-size: 1.8rem; font-weight: 700; }
.nav-menu .nav-list li a .ico { width: 1.5em; margin-right: 1em; }

.js-menuopen { overflow: hidden; }
.js-menuopen .header-menu span:nth-child(1) { transform: translateY(15px) rotate(-45deg); }
@media screen and (max-width: 750px) { .js-menuopen .header-menu span:nth-child(1) { transform: translateY(10px) rotate(-45deg); } }
.js-menuopen .header-menu span:nth-child(2) { opacity: 0; }
.js-menuopen .header-menu span:nth-child(3) { transform: translateY(-15px) rotate(45deg); }
@media screen and (max-width: 750px) { .js-menuopen .header-menu span:nth-child(3) { transform: translateY(-10px) rotate(45deg); } }
.js-menuopen .nav-menu { display: block; }

/* ------------------------------ フッター
------------------------------ */
.footer { padding: 30px 0 80px; background-color: #AF6400; }
@media screen and (max-width: 750px) { .footer { padding: 30px 0; } }
.footer .footer-in { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; color: #fff; }
@media screen and (max-width: 750px) { .footer .footer-in { padding: 0 6.6666666667%; } }
.footer a { color: #fff; }
.footer .footer-con { display: flex; justify-content: space-between; }
@media screen and (max-width: 960px) { .footer .footer-con { display: block; } }
.footer .footer-l { width: 50%; }
@media screen and (max-width: 960px) { .footer .footer-l { width: 100%; margin-bottom: 40px; } }
.footer .footer-l dl { margin-bottom: 30px; }
.footer .footer-l dl dt { margin-bottom: 15px; font-size: 2.0rem; font-weight: 700; }
.footer .footer-l dl dd { line-height: 1.8; }
.footer .footer-l p { max-width: 420px; }
.footer .footer-l p a { display: flex; align-items: center; justify-content: center; text-decoration: none; padding: 20px 10px; background-color: #1A1311; border-radius: 1em; }
.footer .footer-l p a span { font-size: 1.8rem; font-weight: 700; }
@media screen and (max-width: 750px) { .footer .footer-l p a span { font-size: 1.6rem; } }
.footer .footer-l p a .ico { margin-left: 5px; }
.footer .footer-r { display: flex; flex-direction: column; width: 50%; }
@media screen and (max-width: 960px) { .footer .footer-r { display: block; width: 100%; } }
.footer .footer-r ul { flex: 1; display: flex; justify-content: flex-end; }
@media screen and (max-width: 960px) { .footer .footer-r ul { margin-bottom: 40px; } }
@media screen and (max-width: 750px) { .footer .footer-r ul { font-size: 1.4rem; } }
.footer .footer-r ul li { margin-right: 20px; }
.footer .footer-r ul li:last-child { margin-right: 0; }
.footer .footer-r ul li a { display: flex; align-items: center; justify-content: flex-end; }
.footer .footer-r ul li a .ico { margin-left: 5px; }
.footer .footer-r .copy { font-size: 1.4rem; text-align: right; }
@media screen and (max-width: 960px) { .footer .footer-r .copy { text-align: center; } }
@media screen and (max-width: 750px) { .footer .footer-r .copy { font-size: 1rem; } }

.opacity { transition: all .6s; }
.opacity:hover { opacity: 0.7; }

.tab { display: none; }
.tab.active { display: block; }

.ico { display: inline-flex; justify-content: center; align-items: center; width: 1em; line-height: 0; }
.ico::before { width: 100% !important; }

.ico-link::before { content: url("../img/ico_link.svg"); }

.ico-link-r::before { content: url("../img/ico_link_r.svg"); }

.ico-nav-onpu::before { content: url("../img/ico_nav_onpu.svg"); }

.ico-nav-event::before { content: url("../img/ico_nav_event.svg"); }

.ico-nav-photo::before { content: url("../img/ico_nav_photo.svg"); }

.ico-nav-goods::before { content: url("../img/ico_nav_goods.svg"); }

.ico-nav-dl::before { content: url("../img/ico_nav_dl.svg"); }

.ico-item-w::before { content: url("../img/ico_item_w.svg"); }

.ico-item-r::before { content: url("../img/ico_item_r.svg"); }

.ico-onpu::before { content: url("../img/ico_onpu.svg"); }

.cmn-fig { position: relative; }
.cmn-fig::before { content: ''; display: block; padding-top: 75%; }
.cmn-fig img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }

.ico-mark { width: 42px; margin: 0 auto 10px; }
@media screen and (max-width: 750px) { .ico-mark { width: 6.4615384615%; } }

.wanmaru-heading { margin-bottom: 60px; font-size: 3.2rem; text-align: center; font-weight: 700; }
@media screen and (max-width: 750px) { .wanmaru-heading { margin-bottom: 40px; font-size: 2.8rem; } }

.wanmaru-top { padding-bottom: 115px; background-color: #FFD9CB; }
@media screen and (max-width: 750px) { .wanmaru-top { padding: 30px 0 60px; } }
.wanmaru-top .wanmaru-in { width: 100%; max-width: 1680px; margin: 0 auto; padding: 0 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .wanmaru-top .wanmaru-in { padding: 0 6.6666666667%; } }
.wanmaru-top .wanmaru-top-con { display: flex; justify-content: space-between; align-items: flex-end; }
@media screen and (max-width: 960px) { .wanmaru-top .wanmaru-top-con { display: block; } }
.wanmaru-top .wanmaru-top-con .movie-top-ttl { flex: 1; display: flex; align-items: center; }
.wanmaru-top .wanmaru-top-con .movie-top-ttl .ico { width: 1.5em; margin-right: 0.5em; }
.wanmaru-top .wanmaru-top-con .movie-top-ttl span { font-size: 2.2rem; font-weight: 700; }
@media screen and (max-width: 750px) { .wanmaru-top .wanmaru-top-con .movie-top-ttl span { font-size: 1.6rem; } }
.wanmaru-top .wanmaru-top-con p { width: 96px; }
@media screen and (max-width: 750px) { .wanmaru-top .wanmaru-top-con p { width: 66px; } }
.wanmaru-top .wanmaru-top-info { flex: 1; }
.wanmaru-top .wanmaru-top-info .info-fig { text-align: center; }
.wanmaru-top .wanmaru-top-info .info-btn { width: 100%; max-width: 400px; margin: 20px auto 0; padding: 20px; background: #CB1220 url("../img/ico_arrow.svg") no-repeat right 25px center; background-size: 32px auto; font-size: 2.2rem; font-weight: 700; text-align: center; color: #fff; border-radius: 1em; line-height: 1; cursor: pointer; }
@media screen and (max-width: 750px) { .wanmaru-top .wanmaru-top-info .info-btn { font-size: 1.6rem; } }
.wanmaru-top .wanmaru-top-movie { width: 50%; }
@media screen and (max-width: 960px) { .wanmaru-top .wanmaru-top-movie { width: 100%; padding-top: 30px; } }
.wanmaru-top .wanmaru-top-movie .movie-top { display: flex; justify-content: space-between; }
.wanmaru-top .wanmaru-top-movie .movie-main { width: 100%; position: relative; padding-bottom: 56.0975609756%; height: 0; border: 8px solid #fff; border-radius: 1em; overflow: hidden; }
@media screen and (max-width: 960px) { .wanmaru-top .wanmaru-top-movie .movie-main { width: 100%; } }
.wanmaru-top .wanmaru-top-movie .movie-main iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.wanmaru-event { padding: 100px 0 150px; background-color: #F9F5EE; }
@media screen and (max-width: 750px) { .wanmaru-event { padding: 8% 0 10.6666666667%; } }
.wanmaru-event .event-calendar { padding: 70px 60px 100px; background-color: #fff; }
@media screen and (max-width: 750px) { .wanmaru-event .event-calendar { padding: 38.0952380952% 7.9365079365% 19.0476190476%; } }
.wanmaru-event .event-calendar-top { display: flex; align-items: center; justify-content: center; margin-bottom: 60px; }
@media screen and (max-width: 750px) { .wanmaru-event .event-calendar-top { position: relative; justify-content: space-between; margin-bottom: 6.3492063492%; } }
.wanmaru-event .event-calendar-top dl { margin: 0 70px; text-align: center; font-weight: 700; line-height: 1.2; }
@media screen and (max-width: 750px) { .wanmaru-event .event-calendar-top dl { position: absolute; top: 0; left: 0; width: 100%; margin: -28.5714285714% 0 0; } }
.wanmaru-event .event-calendar-top dl dt { font-size: 2.0rem; }
.wanmaru-event .event-calendar-top dl dd { font-size: 3.6rem; }
@media screen and (max-width: 750px) { .wanmaru-event .event-calendar-top dl dd { font-size: 3.0rem; } }
.wanmaru-event .event-calendar-top .slide-btn { width: 180px; padding-top: 10px; padding-bottom: 10px; background-color: #CB1220; font-size: 2.0rem; font-weight: 700; color: #fff; border-radius: 0.5em; cursor: pointer; }
@media screen and (max-width: 750px) { .wanmaru-event .event-calendar-top .slide-btn { width: 41.2698412698%; font-size: 1.6rem; border-radius: 2em; } }
.wanmaru-event .event-calendar-top .slide-btn._prev { padding-right: 30px; background-image: url("../img/ico_arrow_w_l.svg"); background-position: left 25px center; background-repeat: no-repeat; background-size: 20px auto; text-align: right; }
@media screen and (max-width: 750px) { .wanmaru-event .event-calendar-top .slide-btn._prev { padding-right: 3.8461538462%; background-position: left 11.5384615385% center; background-size: 11.5384615385% auto; } }
.wanmaru-event .event-calendar-top .slide-btn._next { padding-left: 30px; background-image: url("../img/ico_arrow_w.svg"); background-position: right 25px center; background-repeat: no-repeat; background-size: 20px auto; }
@media screen and (max-width: 750px) { .wanmaru-event .event-calendar-top .slide-btn._next { padding-left: 3.8461538462%; background-position: right 11.5384615385% center; background-size: 11.5384615385% auto; } }
.wanmaru-event .event-table { width: 100%; }
@media screen and (max-width: 750px) { .wanmaru-event .event-table { border-bottom: 1px solid #B7A9A4; } }
@media screen and (max-width: 750px) { .wanmaru-event .event-table thead { display: none; } }
.wanmaru-event .event-table thead th { padding: 20px 10px; border: 1px solid #B7A9A4; background-color: #FFE8EA; font-weight: 600; text-align: center; }
@media screen and (max-width: 750px) { .wanmaru-event .event-table thead th { padding: 3.1746031746%; } }
.wanmaru-event .event-table thead th.event-date { width: 15em; }
.wanmaru-event .event-table thead th.event-time { width: 20em; }
.wanmaru-event .event-table tbody th, .wanmaru-event .event-table tbody td { padding: 20px 10px; border: 1px solid #B7A9A4; background-color: #fff; text-align: center; vertical-align: middle; }
@media screen and (max-width: 750px) { .wanmaru-event .event-table tbody th, .wanmaru-event .event-table tbody td { padding: 3.1746031746%; border-bottom: none; } }
@media screen and (max-width: 750px) { .wanmaru-event .event-table tbody th { display: block; background-color: #FFE8EA; font-weight: 600; } }
@media screen and (max-width: 750px) { .wanmaru-event .event-table tbody td { display: flex; font-size: 1.4rem; text-align: left; }
  .wanmaru-event .event-table tbody td::before { content: attr(data-label); width: 3em; color: #CB1220; }
  .wanmaru-event .event-table tbody td p { flex: 1; }
  .wanmaru-event .event-table tbody td:first-child { border-top-width: 3px; } }

.wanmaru-contents { padding: 105px 0 150px; background-color: #F1EBE0; }
@media screen and (max-width: 750px) { .wanmaru-contents { padding: 60px 0; } }
.wanmaru-contents .wanmaru-contents-btn { margin-bottom: 60px; }
.wanmaru-contents .wanmaru-contents-btn a { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 24em; margin: 0 auto; padding: 10px; background-color: #fff; border: 4px solid #cb1220; border-radius: 1em; color: #cb1220; text-decoration: none; }
.wanmaru-contents .wanmaru-contents-btn a span { font-size: 1.8rem; font-weight: 700; }
@media screen and (max-width: 750px) { .wanmaru-contents .wanmaru-contents-btn a span { font-size: 1.6rem; } }
.wanmaru-contents .wanmaru-contents-btn a .ico { margin-left: 5px; }
.wanmaru-contents .tabmenu { display: flex; }
.wanmaru-contents .tabmenu li { display: flex; align-items: center; justify-content: center; width: 31.6666666667%; margin-right: 2.5%; padding: 25px 5px; background-color: #C4BDB1; border-top-left-radius: 1em; border-top-right-radius: 1em; color: #fff; line-height: 1.2; cursor: pointer; }
@media screen and (max-width: 750px) { .wanmaru-contents .tabmenu li { display: block; padding: 15px 5px; } }
.wanmaru-contents .tabmenu li:hover, .wanmaru-contents .tabmenu li.active { background-color: #CB1220; }
.wanmaru-contents .tabmenu li:last-child { margin-right: 0; }
@media screen and (max-width: 750px) { .wanmaru-contents .tabmenu li:last-child span { margin-top: 1em; } }
.wanmaru-contents .tabmenu li .ico { width: 1.5em; margin-right: 0.5em; }
@media screen and (max-width: 750px) { .wanmaru-contents .tabmenu li .ico { display: block; width: 1em; margin: 0 auto 5px; } }
.wanmaru-contents .tabmenu li span { font-size: 2.2rem; font-weight: 700; }
@media screen and (max-width: 750px) { .wanmaru-contents .tabmenu li span { display: block; font-size: 1.2rem; text-align: center; } }
.wanmaru-contents .tabcontents { padding: 60px 60px 150px; background-color: #fff; }
@media screen and (max-width: 750px) { .wanmaru-contents .tabcontents { padding: 40px 30px; } }
.wanmaru-contents .wanmaru-lead { margin-bottom: 30px; }
.wanmaru-contents .wanmaru-list { display: flex; flex-wrap: wrap; }
.wanmaru-contents .wanmaru-list li { width: 29.6296296296%; margin-right: 5.5555555556%; margin-bottom: 5.5555555556%; }
@media screen and (max-width: 750px) { .wanmaru-contents .wanmaru-list li { width: 48%; margin-right: 4%; margin-bottom: 8%; }
  .wanmaru-contents .wanmaru-list li:nth-child(2n) { margin-right: 0; }
  .wanmaru-contents .wanmaru-list li:nth-child(3), .wanmaru-contents .wanmaru-list li:nth-child(9), .wanmaru-contents .wanmaru-list li:nth-child(15) { margin-right: 4% !important; } }
.wanmaru-contents .wanmaru-list li:nth-child(3n) { margin-right: 0; }
.wanmaru-contents .wanmaru-list li:last-child { margin-right: 0; }
.wanmaru-contents .wanmaru-list li figure { margin-bottom: 8px; border-radius: 15px; overflow: hidden; }
.wanmaru-contents .wanmaru-list li .wanmaru-list-top { display: flex; align-items: center; justify-content: space-between; }
@media screen and (max-width: 960px) { .wanmaru-contents .wanmaru-list li .wanmaru-list-top { display: block; } }
.wanmaru-contents .wanmaru-list li .wanmaru-list-top .wanmaru-list-ttl { flex: 1; font-size: 1.8rem; font-weight: 700; }
@media screen and (max-width: 750px) { .wanmaru-contents .wanmaru-list li .wanmaru-list-top .wanmaru-list-ttl { font-size: 1.6rem; } }
.wanmaru-contents .wanmaru-list li .wanmaru-list-top .wanmaru-list-btn { display: flex; align-items: center; justify-content: flex-end; width: 92px; }
@media screen and (max-width: 960px) { .wanmaru-contents .wanmaru-list li .wanmaru-list-top .wanmaru-list-btn { width: 72px; margin: 5px 0 0 auto; } }
.wanmaru-contents .wanmaru-list li .wanmaru-list-top .wanmaru-list-btn p { width: 42px; margin-right: 8px; }
@media screen and (max-width: 960px) { .wanmaru-contents .wanmaru-list li .wanmaru-list-top .wanmaru-list-btn p { width: 32px; } }
.wanmaru-contents .wanmaru-list li .wanmaru-list-top .wanmaru-list-btn p:last-child { margin-right: 0; }
.wanmaru-contents .wanmaru-list li .wanmaru-list-top .wanmaru-list-btn ._modal { cursor: pointer; }
.wanmaru-contents .wanmaru-list li .wanmaru-list-money { margin-top: 5px; color: #CB1220; font-weight: 700; }
.wanmaru-contents .wanmaru-list li .wanmaru-list-txt { margin-top: 5px; }
.wanmaru-contents .more-btn { position: relative; width: 100%; max-width: 300px; margin: 0 auto; padding: 15px; background: #CB1220 url("../img/ico_more.svg") no-repeat right 15px center; background-size: 32px auto; font-size: 2.2rem; font-weight: 700; text-align: center; color: #fff; border-radius: 0.5em; cursor: pointer; outline: none; }
@media screen and (max-width: 750px) { .wanmaru-contents .more-btn { font-size: 1.6rem; } }
.wanmaru-contents .more-btn::after { content: 'もっと見る'; }
.wanmaru-contents .more-btn._finish { background-image: url("../img/ico_minus.svg"); }
.wanmaru-contents .more-btn._finish::after { content: '元の表示に戻る'; }

.js-modalopen { overflow: hidden; }

.modal-sec, .modalfig-sec { display: none; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); }
.modal-sec .modal-in, .modalfig-sec .modal-in { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 40px 50px; overflow-y: auto; }
@media screen and (max-width: 750px) { .modal-sec .modal-in, .modalfig-sec .modal-in { padding: 40px 30px; } }
.modal-sec .modal-con, .modalfig-sec .modal-con { position: relative; width: 100%; max-width: 1000px; margin: 0 auto; padding: 55px 20px 80px; background-color: #fff; border: 6px solid #CB1220; border-radius: 1em; }
@media screen and (max-width: 750px) { .modal-sec .modal-con, .modalfig-sec .modal-con { padding: 40px 20px; } }
.modal-sec .modal-close, .modalfig-sec .modal-close { position: absolute; top: 0; right: 0; width: 48px; margin-top: -30px; margin-right: -30px; cursor: pointer; }

.modal-sec .modal-box { display: flex; justify-content: space-between; width: 100%; max-width: 760px; margin: 0 auto 30px; }
.modal-sec .modal-box .modal-box-l { width: 37.5%; margin-right: 9.8684210526%; }
@media screen and (max-width: 750px) { .modal-sec .modal-box .modal-box-l { margin-right: 3.9473684211%; } }
.modal-sec .modal-box .modal-box-l .modal-box-ttl { display: flex; align-items: center; margin-bottom: 40px; }
@media screen and (max-width: 750px) { .modal-sec .modal-box .modal-box-l .modal-box-ttl { margin-bottom: 20px; } }
.modal-sec .modal-box .modal-box-l .modal-box-ttl .ico { width: 2em; margin-right: 0.5em; }
@media screen and (max-width: 750px) { .modal-sec .modal-box .modal-box-l .modal-box-ttl .ico { width: 1.5em; } }
.modal-sec .modal-box .modal-box-l .modal-box-ttl span { font-size: 2.2rem; font-weight: 700; color: #CB1220; }
@media screen and (max-width: 750px) { .modal-sec .modal-box .modal-box-l .modal-box-ttl span { font-size: 1.2rem; } }
.modal-sec .modal-box .modal-box-l figure { text-align: center; }
.modal-sec .modal-box .modal-box-r { flex: 1; }
.modal-sec .modal-box .modal-box-r dl { display: flex; background-color: #fff; }
@media screen and (max-width: 750px) { .modal-sec .modal-box .modal-box-r dl { font-size: 1.2rem; } }
.modal-sec .modal-box .modal-box-r dl:nth-child(odd) { background-color: #F4EAE2; }
.modal-sec .modal-box .modal-box-r dl dt { width: 7em; padding: 10px 15px; text-align: left; }
@media screen and (max-width: 750px) { .modal-sec .modal-box .modal-box-r dl dt { width: 6em; padding: 10px 5px; } }
.modal-sec .modal-box .modal-box-r dl dd { flex: 1; padding: 10px; }
@media screen and (max-width: 750px) { .modal-sec .modal-box .modal-box-r dl dd { padding: 10px 5px 10px 0; } }
.modal-sec ul { display: flex; justify-content: center; }
.modal-sec ul li { margin-right: 20px; }
@media screen and (max-width: 750px) { .modal-sec ul li { margin-right: 10px !important; } }
.modal-sec ul li:first-child { margin-right: 15px; }
.modal-sec ul li:nth-child(4) { margin-right: 10px; }
.modal-sec ul li:nth-child(5) { margin-right: 30px; }

.modalfig-sec .modal-box { position: relative; }
.modalfig-sec .modal-swiper { overflow: hidden; }
.modalfig-sec .modal-swiper-btn { position: absolute; top: 50%; z-index: 10; width: 5rem; height: 5rem; margin-top: -2.5rem; background: url("../img/ico_arrow_r.svg") no-repeat center center; background-size: contain; cursor: pointer; }
@media screen and (max-width: 750px) { .modalfig-sec .modal-swiper-btn { width: 3rem; height: 3rem; margin-top: -1.5rem; } }
.modalfig-sec .modal-swiper-btn._prev { left: -1.5rem; transform: scale(-1, 1); }
@media screen and (max-width: 750px) { .modalfig-sec .modal-swiper-btn._prev { left: -1rem; } }
.modalfig-sec .modal-swiper-btn._next { right: -1.5rem; }
@media screen and (max-width: 750px) { .modalfig-sec .modal-swiper-btn._next { right: -1rem; } }

.clearfix { zoom: 1; }
.clearfix::before { content: ""; display: table; }
.clearfix::after { content: ""; display: table; clear: both; }

.w100 { width: 100%; }

.tac { text-align: center; }

.js-anime-fadein { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-fadein.js-anime-on { animation-name: fadeIn; }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.js-anime-slide { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slide.js-anime-on { animation-name: slide; }

@keyframes slide { 0% { opacity: 0; transform: translateY(100px); }
  100% { opacity: 1; transform: translateY(0); } }
.js-anime-slideleft { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideleft.js-anime-on { animation-name: slideLeft; }

@keyframes slideLeft { 0% { opacity: 0; transform: translateX(-100px); }
  100% { opacity: 1; transform: translateX(0); } }
.js-anime-slideright { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideright.js-anime-on { animation-name: slideRight; }

@keyframes slideRight { 0% { opacity: 0; transform: translateX(100px); }
  100% { opacity: 1; transform: translateX(0); } }
@media print { .js-anime-fadein, .js-anime-slide, .js-anime-slideleft, .js-anime-slideright { opacity: initial; } }

/*# sourceMappingURL=style.css.map */