@charset "UTF-8";
/* ===================================================================
CSS information

file name  : brand_homepage.css
author     : Abilive
style info : ブランドサイトのTOPページ用
=================================================================== */
.con_search, .con_hotels_links .inner { max-width: 1200px; margin: auto; width: 91.66667%; }

.con_mainimg { position: relative; margin-bottom: 100px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_mainimg { margin-bottom: 8.33333%; } }
@media only screen and (max-width: 767px) { .con_mainimg { margin-bottom: 5em; } }
.con_mainimg #mainSlider .slick-dots { bottom: 2.5em; z-index: 1; width: auto; position: absolute; line-height: 1; left: 50%; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); text-align: left; left: 40px; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
@media only screen and (max-width: 767px) { .con_mainimg #mainSlider .slick-dots { bottom: 1em; } }
.con_mainimg #mainSlider .slick-dots li { position: relative; width: 8px; height: 0; padding-top: 8px; margin: 0; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; -moz-transition: background 300ms; -o-transition: background 300ms; -webkit-transition: background 300ms; transition: background 300ms; background: #FFF; }
.con_mainimg #mainSlider .slick-dots li:not(.slick-active) button { cursor: pointer; }
.mouse .con_mainimg #mainSlider .slick-dots li:not(.slick-active):hover, .touch .con_mainimg #mainSlider .slick-dots li:not(.slick-active).touchstart { background: #e3ad89; }
.touch .con_mainimg #mainSlider .slick-dots li:not(.slick-active) { -webkit-tap-highlight-color: transparent; }
.touch .con_mainimg #mainSlider .slick-dots li:not(.slick-active).touchend { -moz-transition-delay: 200ms; -o-transition-delay: 200ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
.con_mainimg #mainSlider .slick-dots li:not(:first-child) { margin-left: 1.5em; }
@media only screen and (max-width: 767px) { .con_mainimg #mainSlider .slick-dots li:not(:first-child) { margin-left: 1em; } }
.con_mainimg #mainSlider .slick-dots li.slick-active { background-color: #c65b13; }
.con_mainimg #mainSlider .slick-dots li button { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; margin: 0; padding: 0; }
.con_mainimg h1 { position: absolute; z-index: 5; width: 170px; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media only screen and (max-width: 767px) { .con_mainimg h1 { width: 35%; } }

.con_intr { width: 83.33333%; }
@media only screen and (min-width: 1024px) { .con_intr { display: -webkit-flex; display: flex; } }
@media print { .con_intr { display: -webkit-flex; display: flex; } }
.ie8 .con_intr { display: -webkit-flex; display: flex; }
.con_intr .box_intr { position: relative; }
@media only screen and (min-width: 1024px) { .con_intr .box_intr { width: 37.5%; } }
@media print { .con_intr .box_intr { width: 37.5%; } }
.ie8 .con_intr .box_intr { width: 37.5%; }
@media only screen and (min-width: 768px) and (max-width: 983px) { .con_intr .box_intr { width: 80%; margin: auto; } }
@media only screen and (min-width: 1200px) { .con_intr .box_intr > div { position: sticky; top: 0; left: 0; } }
@media print { .con_intr .box_intr > div { position: sticky; top: 0; left: 0; } }
.ie8 .con_intr .box_intr > div { position: sticky; top: 0; left: 0; }
.con_intr .box_intr > div h2 { letter-spacing: 0.1em; font-weight: normal; line-height: 1.4; font-size: 172%; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_intr .box_intr > div h2 { font-size: 150%; } }
@media only screen and (max-width: 767px) { .con_intr .box_intr > div h2 { font-size: 179%; } }
.con_intr .box_intr > div .txt { line-height: 1.8; font-size: 108%; margin-top: 10.90909%; }
@media only screen and (max-width: 1199px) { .con_intr .box_intr > div .txt { margin-top: 2em; } }
.con_intr .box_map { margin: 12.5% 0 0 12.5%; width: 45%; position: relative; }
@media only screen and (min-width: 1200px) and (max-width: 1600px) { .con_intr .box_map { margin-left: 6.25%; } }
@media print { .con_intr .box_map { margin-left: 6.25%; } }
.ie8 .con_intr .box_map { margin-left: 6.25%; }
@media only screen and (min-width: 984px) and (max-width: 1199px) { .con_intr .box_map { margin-left: 0.83333%; } }
@media only screen and (max-width: 1023px) { .con_intr .box_map { width: 75%; margin: 3em 15% 0 1.66667%; } }
@media only screen and (max-width: 767px) { .con_intr .box_map { width: 90%; margin: 12.5% auto; } }
.con_intr .box_map .img { display: block; }
.con_intr .box_map .ic1 { position: absolute; width: 39.55638%; top: 65.30303%; left: 62.47689%; z-index: 1; }
.con_intr .box_map .ic2 { position: absolute; width: 28.09612%; top: 66.9697%; left: 62.10721%; z-index: 1; }
.con_intr .box_map .ic3 { position: absolute; width: 59.14972%; top: 46.9697%; left: 2.21811%; z-index: 1; }
.con_intr .box_map .ic4 { position: absolute; width: 28.65065%; top: 62.42424%; left: 15.89649%; z-index: 1; }
.con_intr .box_map .ic5 { position: absolute; width: 29.94455%; top: 42.27273%; left: 64.51017%; z-index: 1; }
.con_intr .box_map .ic6 { position: absolute; width: 32.3475%; top: 54.84848%; left: 12.56932%; z-index: 1; }
.con_intr .box_map .ic7 { position: absolute; width: 41.95933%; top: 38.63636%; left: 18.48429%; z-index: 1; }
.con_intr .box_map .ic8 { position: absolute; width: 38.63216%; top: 49.24242%; left: 66.91312%; z-index: 1; }
.con_intr .box_map .ic9 { position: absolute; width: 38.63216%; top: 55.75758%; left: 66.3586%; z-index: 1; }

.con_search { margin-top: 130px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s ease-out; -o-transition: opacity 1s ease-out; -webkit-transition: opacity 1s ease-out; transition: opacity 1s ease-out; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_search { margin-top: 10.83333%; } }
@media only screen and (max-width: 767px) { .con_search { margin-top: 3em; } }
.con_search.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.con_search .st { letter-spacing: 0.1em; font-weight: normal; line-height: 1.4; text-align: center; font-size: 172%; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_search .st { font-size: 150%; } }
@media only screen and (max-width: 767px) { .con_search .st { font-size: 143%; } }
.con_search .search-vacancy { margin-top: 2em; }
.con_search .search-vacancy * { margin: 0; padding: 0; box-sizing: border-box; }
.con_search .search-vacancy form .p-box-select { padding: 1.5em; display: flex; flex-direction: column; align-items: center; border: 1px solid #999; border-radius: 4px; }
.con_search .search-vacancy form .p-box-select > ul { list-style: none; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; }
.con_search .search-vacancy form .p-box-select > ul > li { margin: 0 auto; width: 100%; max-width: 700px; }
.con_search .search-vacancy form .p-box-select > ul > li:first-child { display: none !important; }
.con_search .search-vacancy form .p-box-select > ul > li dl dt { margin: 0 0 .25em; font-size: 100%; }
.con_search .search-vacancy form .p-box-select > ul > li dl dd select, .con_search .search-vacancy form .p-box-select > ul > li dl dd input { position: relative; z-index: 1; -moz-appearance: none; -webkit-appearance: none; border: 1px solid #999; font-size: 100%; color: #000; width: 100%; border-radius: 4px; background: none; box-sizing: border-box; outline: none; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_search .search-vacancy form .p-box-select > ul > li dl dd select, .con_search .search-vacancy form .p-box-select > ul > li dl dd input { font-size: 100%; } }
@media only screen and (max-width: 767px) { .con_search .search-vacancy form .p-box-select > ul > li dl dd select, .con_search .search-vacancy form .p-box-select > ul > li dl dd input { font-size: 93%; } }
.con_search .search-vacancy form .p-box-select > ul > li dl dd select:hover, .con_search .search-vacancy form .p-box-select > ul > li dl dd input:hover { cursor: pointer; }
.con_search .search-vacancy form .p-box-select > ul > li dl dd select { padding: .6em 1em; }
.con_search .search-vacancy form .p-box-select > ul > li dl dd input { padding: .5em 1em; }
.con_search .search-vacancy form .p-box-select > ul > li ul { list-style: none; display: flex; justify-content: space-between; }
.con_search .search-vacancy form .p-box-select > ul > li ul li { width: calc(33.333% - 10px); }
.con_search .search-vacancy form .p-box-select > ul > li ul li:first-child { width: calc(66.666% - 10px); }
.con_search .search-vacancy form .p-box-select > p { text-align: center; margin: 1em 0; font-size: 93%; color: #999; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_search .search-vacancy form .p-box-select > p { font-size: 93%; } }
@media only screen and (max-width: 767px) { .con_search .search-vacancy form .p-box-select > p { font-size: 86%; } }
@media only screen and (max-width: 767px) { .con_search .search-vacancy form .p-box-select > p { margin: .8em 0 1em; } }
.con_search .search-vacancy form .p-box-select .p-box-select-btn input { padding: .75em 2em; font-size: 100%; color: #fff; display: inline-block; background: #999; outline: none; border: none; border-radius: 4px; cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; margin-top: 1.5em; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_search .search-vacancy form .p-box-select .p-box-select-btn input { font-size: 100%; } }
@media only screen and (max-width: 767px) { .con_search .search-vacancy form .p-box-select .p-box-select-btn input { font-size: 93%; } }
.con_search .search-vacancy .p-stockCheck { margin-top: 2em; border: 1px solid #999; border-radius: 4px; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-header { display: flex; width: 100%; position: sticky; top: 0; background: #fff; border-bottom: 1px solid #999; border-radius: 4px 4px 0 0; z-index: 11; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-header > p { padding: .8em 1em; font-size: 100%; display: flex; align-items: flex-end; width: 30%; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_search .search-vacancy .p-stockCheck .p-stockCheck-header > p { font-size: 100%; } }
@media only screen and (max-width: 767px) { .con_search .search-vacancy .p-stockCheck .p-stockCheck-header > p { font-size: 86%; } }
@media only screen and (max-width: 767px) { .con_search .search-vacancy .p-stockCheck .p-stockCheck-header > p { width: 25%; } }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-header > dl { width: 70%; border-left: 1px solid #999; }
@media only screen and (max-width: 767px) { .con_search .search-vacancy .p-stockCheck .p-stockCheck-header > dl { width: 75%; } }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-header > dl dt { padding: .5em 2.5em; font-size: 86%; border-bottom: 1px solid #999; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-header > dl dd { position: relative; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-header > dl dd ol { list-style: none; display: flex; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-header > dl dd ol li { padding: .8em 0; font-size: 93%; text-align: center; line-height: 1.2; flex: 1; border-right: 1px solid #999; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_search .search-vacancy .p-stockCheck .p-stockCheck-header > dl dd ol li { font-size: 93%; } }
@media only screen and (max-width: 767px) { .con_search .search-vacancy .p-stockCheck .p-stockCheck-header > dl dd ol li { font-size: 75%; } }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-header > dl dd ol li:last-child { border: none; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-header > dl dd ol li.sat { color: #006dd9; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-header > dl dd ol li.sun { color: #c00; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-header > dl dd ol li.holiday { color: #c00; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-header > dl dd ol li span:not(.monthDelete) { text-align: center; display: block; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-header > dl dd ul { list-style: none; width: 100%; position: absolute; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-header > dl dd ul li { position: absolute; top: -12px; left: -12px; transform: rotate(90deg); }
@media only screen and (max-width: 767px) { .con_search .search-vacancy .p-stockCheck .p-stockCheck-header > dl dd ul li { top: -1.1em; left: -1em; } }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-header > dl dd ul li:last-child { left: auto; right: -12px; transform: rotate(-90deg); }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-header > dl dd ul li button { color: #fff; text-decoration: none; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; position: relative; background: #999; border: none; border-radius: 4px; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; }
@media only screen and (max-width: 767px) { .con_search .search-vacancy .p-stockCheck .p-stockCheck-header > dl dd ul li button { width: 2em; height: 2em; } }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-header > dl dd ul li button[disabled] { background: #ccc; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper { list-style: none; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper > li > dl > dt { padding: 1em; font-weight: 700; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper > li > dl .areaList { border-bottom: 1px solid #999; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper > li > dl > dd .brandList { list-style: none; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper > li > dl > dd .brandList > li > dl > dt { padding: .75em 1em; border-bottom: 1px solid #999; display: flex; align-items: center; justify-content: space-between; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper > li > dl > dd .brandList > li > dl > dt img { max-width: 280px; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list { list-style: none; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li { border-bottom: 1px solid #999; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl { display: flex; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl > dt { width: 30%; }
@media only screen and (min-width: 768px) { .con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl > dt { display: flex; align-items: center; } }
@media print { .con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl > dt { display: flex; align-items: center; } }
.ie8 .con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl > dt { display: flex; align-items: center; }
@media only screen and (max-width: 767px) { .con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl > dt { width: 25%; } }
@media only screen and (min-width: 768px) { .con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl > dt img { width: 35%; } }
@media print { .con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl > dt img { width: 35%; } }
.ie8 .con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl > dt img { width: 35%; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl > dt > span { padding: .25em .75em; display: block; }
@media only screen and (max-width: 767px) { .con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl > dt > span { padding: .25em .5em .5em; } }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl > dt > span span { margin: 0 0 .75em; font-size: 79%; color: #ccc; display: block; }
@media only screen and (max-width: 767px) { .con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl > dt > span span { margin: 0 0 .2em; } }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl > dt > span strong { font-size: 100%; line-height: 1.333; display: block; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl > dt > span strong { font-size: 100%; } }
@media only screen and (max-width: 767px) { .con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl > dt > span strong { font-size: 79%; } }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl > dd { width: 70%; }
@media only screen and (max-width: 767px) { .con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl > dd { width: 75%; } }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl > dd ol { list-style: none; display: flex; height: 100%; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl > dd ol li { flex: 1; border-left: 1px solid #999; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl > dd ol li a { height: 100%; display: flex; align-items: center; justify-content: center; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl > dd ol li a.none { background: rgba(0, 0, 0, 0.02); pointer-events: none; }
.con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl > dd ol li svg { fill: #999; width: 24px; height: 24px; }
@media only screen and (max-width: 767px) { .con_search .search-vacancy .p-stockCheck .p-stockCheck-list-wrapper .p-stockCheck-list > li > dl > dd ol li svg { width: 1.5em; height: 1.5em; } }

.con_movie { margin: 150px auto 50px; position: relative; overflow: hidden; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_movie { margin: 12.5% auto 4.16667%; } }
@media only screen and (max-width: 767px) { .con_movie { margin: 5em auto 2em; } }
.con_movie video { width: 100%; }
.con_movie .video-btn { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; }

@media only screen and (min-width: 768px) and (max-width: 1199px) { #video > div { max-width: 1200px; margin: auto; }
  #video > div video { width: 100%; } }
@media only screen and (max-width: 767px) { #video > div { max-width: 1200px; margin: auto; }
  #video > div video { width: 100%; } }

.con_hotels_links { background: #f7f2ed; }
@media only screen and (min-width: 1200px) { .con_hotels_links { margin: 100px auto 100px; padding-block: 100px; } }
@media print { .con_hotels_links { margin: 100px auto 100px; padding-block: 100px; } }
.ie8 .con_hotels_links { margin: 100px auto 100px; padding-block: 100px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_hotels_links { margin: 10.83333% auto 8.33333%; padding-block: 8.33333%; } }
@media only screen and (max-width: 767px) { .con_hotels_links { margin: 4em auto; padding-block: 4em; } }
.con_hotels_links.active .st { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.con_hotels_links.active .inner .box_hotels { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.con_hotels_links .st { letter-spacing: 0.1em; font-weight: normal; line-height: 1.4; text-align: center; font-size: 172%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s ease-out; -o-transition: opacity 1s ease-out; -webkit-transition: opacity 1s ease-out; transition: opacity 1s ease-out; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_hotels_links .st { font-size: 150%; } }
@media only screen and (max-width: 767px) { .con_hotels_links .st { font-size: 143%; } }
.con_hotels_links .inner { max-width: 1280px; display: grid; }
@media only screen and (min-width: 1200px) { .con_hotels_links .inner { grid-template-columns: repeat(4, 1fr); gap: 60px 20px; margin-top: 40px; } }
@media print { .con_hotels_links .inner { grid-template-columns: repeat(4, 1fr); gap: 60px 20px; margin-top: 40px; } }
.ie8 .con_hotels_links .inner { grid-template-columns: repeat(4, 1fr); gap: 60px 20px; margin-top: 40px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_hotels_links .inner { grid-template-columns: repeat(3, 1fr); gap: 60px 20px; margin-top: 30px; } }
@media only screen and (max-width: 767px) { .con_hotels_links .inner { grid-template-columns: repeat(2, 1fr); gap: 40px 10px; margin-top: 20px; } }
.con_hotels_links .inner .box_hotels { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s ease-out; -o-transition: opacity 1s ease-out; -webkit-transition: opacity 1s ease-out; transition: opacity 1s ease-out; }
.con_hotels_links .inner .box_hotels:nth-of-type(1) { transition-delay: 0.2s; }
.con_hotels_links .inner .box_hotels:nth-of-type(2) { transition-delay: 0.4s; }
.con_hotels_links .inner .box_hotels:nth-of-type(3) { transition-delay: 0.6s; }
.con_hotels_links .inner .box_hotels:nth-of-type(4) { transition-delay: 0.8s; }
.con_hotels_links .inner .box_hotels:nth-of-type(5) { transition-delay: 1s; }
.con_hotels_links .inner .box_hotels:nth-of-type(6) { transition-delay: 1.2s; }
.con_hotels_links .inner .box_hotels:nth-of-type(7) { transition-delay: 1.4s; }
.con_hotels_links .inner .box_hotels:nth-of-type(8) { transition-delay: 1.6s; }
.con_hotels_links .inner .box_hotels:nth-of-type(9) { transition-delay: 1.8s; }
.con_hotels_links .inner .box_hotels:nth-of-type(10) { transition-delay: 2s; }
.con_hotels_links .inner .box_hotels:nth-of-type(11) { transition-delay: 2.2s; }
.con_hotels_links .inner .box_hotels:nth-of-type(12) { transition-delay: 2.4s; }
.con_hotels_links .inner .box_hotels:hover figure img { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
.con_hotels_links .inner .box_hotels h3 { margin-top: 1.5em; width: 100%; text-align: center; color: #000; z-index: 2; font-weight: 400; }
.con_hotels_links .inner .box_hotels h3 .en { display: block; font-size: 86%; }
@media only screen and (max-width: 767px) { .con_hotels_links .inner .box_hotels h3 .en { font-size: 72%; } }
.con_hotels_links .inner .box_hotels h3 .jp { display: block; margin-top: .2em; letter-spacing: .2em; font-size: 136%; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_hotels_links .inner .box_hotels h3 .jp { font-size: 122%; } }
@media only screen and (max-width: 767px) { .con_hotels_links .inner .box_hotels h3 .jp { font-size: 115%; } }
.con_hotels_links .inner .box_hotels figure { position: relative; z-index: 0; width: 100%; overflow: hidden; }
.con_hotels_links .inner .box_hotels figure img { width: 100%; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition: -moz-transform 0.6s ease-out; -o-transition: -o-transform 0.6s ease-out; -webkit-transition: -webkit-transform 0.6s ease-out; transition: transform 0.6s ease-out; }
@media only screen and (max-width: 767px) { .con_hotels_links .inner .box_hotels figure img { aspect-ratio: 1 / 1; object-fit: cover; } }

.con_relay { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.con_relay.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: opacity 1s ease-out; -o-transition: opacity 1s ease-out; -webkit-transition: opacity 1s ease-out; transition: opacity 1s ease-out; }
.con_relay .box_txt h4 { text-align: center; }
.con_relay .box_txt h4 span, .con_relay .box_txt h4 em { display: block; line-height: 1; font-weight: normal; letter-spacing: .2em; }
.con_relay .box_txt h4 span.jp, .con_relay .box_txt h4 em.jp { font-size: 158%; margin-bottom: 1.6em; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_relay .box_txt h4 span.jp, .con_relay .box_txt h4 em.jp { font-size: 129%; } }
@media only screen and (max-width: 767px) { .con_relay .box_txt h4 span.jp, .con_relay .box_txt h4 em.jp { font-size: 100%; } }
.con_relay .box_txt h4 span.en, .con_relay .box_txt h4 em.en { font-size: 258%; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_relay .box_txt h4 span.en, .con_relay .box_txt h4 em.en { font-size: 208%; } }
@media only screen and (max-width: 767px) { .con_relay .box_txt h4 span.en, .con_relay .box_txt h4 em.en { font-size: 165%; } }
.con_relay .box_txt .txt { margin-top: 3em; text-align: center; line-height: 1.8; font-size: 108%; }
@media only screen and (max-width: 1199px) { .con_relay .box_txt .txt { margin-top: 2em; } }
.con_relay .box_links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 80px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_relay .box_links { gap: 10px; margin-top: 60px; } }
@media only screen and (max-width: 767px) { .con_relay .box_links { grid-template-columns: 1fr; gap: 40px; margin-top: 50px; } }
.con_relay .box_links li { text-align: center; }
.mouse .con_relay .box_links li { -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; -webkit-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; }
.mouse .con_relay .box_links li:hover, .touch .con_relay .box_links li.touchstart { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.touch .con_relay .box_links li { -webkit-tap-highlight-color: transparent; }
.touch .con_relay .box_links li.touchend { -moz-transition-delay: 200ms; -o-transition-delay: 200ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
.con_relay .box_links li a { text-decoration: none; }
.con_relay .box_links li a h5 { text-align: center; color: #000; font-weight: 400; }
.con_relay .box_links li a h5 .en { display: block; font-size: 86%; }
@media only screen and (max-width: 767px) { .con_relay .box_links li a h5 .en { font-size: 72%; } }
.con_relay .box_links li a h5 .jp { display: block; margin-top: .2em; letter-spacing: .2em; font-size: 136%; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_relay .box_links li a h5 .jp { font-size: 122%; } }
@media only screen and (max-width: 767px) { .con_relay .box_links li a h5 .jp { font-size: 115%; } }
.con_relay .box_links li a figure { margin-top: 1em; }
.con_relay .box_links li a .txt { margin-top: 1em; line-height: 1.8; letter-spacing: .1em; font-size: 85%; }

.wrp_travel_select { background: #f7f2ed; }
@media only screen and (min-width: 1200px) { .wrp_travel_select { margin: 80px auto 100px; padding-block: 100px; } }
@media print { .wrp_travel_select { margin: 80px auto 100px; padding-block: 100px; } }
.ie8 .wrp_travel_select { margin: 80px auto 100px; padding-block: 100px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .wrp_travel_select { margin: 8.33333% auto 8.33333%; padding-block: 8.33333%; } }
@media only screen and (max-width: 767px) { .wrp_travel_select { margin: 4em auto; padding-block: 4em; } }
.wrp_travel_select .con_selection { margin-bottom: 5.20833%; }
@media only screen and (max-width: 767px) { .wrp_travel_select .con_selection { margin-bottom: 4em; } }
.wrp_travel_select .con_selection:last-child { margin-bottom: 0; }
.wrp_travel_select .con_selection.active figure, .wrp_travel_select .con_selection.active .box_txt, .wrp_travel_select .con_selection.active .travel_links, .wrp_travel_select .con_selection.active .travel_links li, .wrp_travel_select .con_selection.active .sele_link { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.wrp_travel_select .con_selection figure { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s ease-out; -o-transition: opacity 1s ease-out; -webkit-transition: opacity 1s ease-out; transition: opacity 1s ease-out; }
@media only screen and (max-width: 767px) { .wrp_travel_select .con_selection figure { overflow: hidden; }
  .wrp_travel_select .con_selection figure img { position: relative; width: 140%; max-width: none; margin-left: -20%; } }
.wrp_travel_select .con_selection .box_txt { width: 100%; margin-top: 2em; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s ease-out; -o-transition: opacity 1s ease-out; -webkit-transition: opacity 1s ease-out; transition: opacity 1s ease-out; }
@media only screen and (min-width: 1200px) { .wrp_travel_select .con_selection .box_txt { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
@media print { .wrp_travel_select .con_selection .box_txt { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
.ie8 .wrp_travel_select .con_selection .box_txt { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
@media only screen and (min-width: 1200px) { .wrp_travel_select .con_selection .box_txt .text { width: 80%; } }
@media print { .wrp_travel_select .con_selection .box_txt .text { width: 80%; } }
.ie8 .wrp_travel_select .con_selection .box_txt .text { width: 80%; }
.wrp_travel_select .con_selection .box_txt .text h4 { letter-spacing: 0.14em; font-weight: normal; font-size: 108%; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .wrp_travel_select .con_selection .box_txt .text h4 { font-size: 86%; } }
@media only screen and (max-width: 767px) { .wrp_travel_select .con_selection .box_txt .text h4 { font-size: 72%; } }
.wrp_travel_select .con_selection .box_txt .text h4 span { display: block; margin-top: .5em; font-size: 143%; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .wrp_travel_select .con_selection .box_txt .text h4 span { font-size: 129%; } }
@media only screen and (max-width: 767px) { .wrp_travel_select .con_selection .box_txt .text h4 span { font-size: 122%; } }
.wrp_travel_select .con_selection .box_txt .text .txt { margin-top: .5em; line-height: 1.8; font-size: 108%; }
.wrp_travel_select .con_selection .box_txt .btn { margin-top: 1.5em; }
@media only screen and (min-width: 1200px) { .wrp_travel_select .con_selection .box_txt .btn { width: 20%; } }
@media print { .wrp_travel_select .con_selection .box_txt .btn { width: 20%; } }
.ie8 .wrp_travel_select .con_selection .box_txt .btn { width: 20%; }
.wrp_travel_select .con_selection .box_txt .btn a { padding: 1.2em 1em; }
.wrp_travel_select .con_selection .box_txt .btn a:after { margin-left: 1em; }
.wrp_travel_select .con_selection .box_txt .btn a em { display: inline-block; vertical-align: middle; }

.con_picup { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s ease-out; -o-transition: opacity 1s ease-out; -webkit-transition: opacity 1s ease-out; transition: opacity 1s ease-out; margin-bottom: 100px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_picup { margin-bottom: 8.33333%; } }
@media only screen and (max-width: 767px) { .con_picup { margin-bottom: 4.5em; } }
.con_picup.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.con_picup h4 { font-family: "Gilda Display", serif; font-weight: 400; margin-bottom: 0.5em; font-size: 115%; }
@media only screen and (min-width: 768px) { .con_picup h4 { font-size: 143%; } }
@media print { .con_picup h4 { font-size: 143%; } }
.ie8 .con_picup h4 { font-size: 143%; }
.con_picup .box_picup { margin-bottom: 10px; background: #edeae6; padding: 2px; }
.con_picup .box_picup .accordion { padding: 0.5em 2em 0.5em 1em; position: relative; cursor: pointer; }
.con_picup .box_picup .accordion:before, .con_picup .box_picup .accordion:after { font-family: FontAwesome; }
.con_picup .box_picup .accordion > * { vertical-align: middle; }
.con_picup .box_picup .accordion:after { content: ""; margin-left: .5em; position: absolute; top: 50%; right: .8em; -moz-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); margin-left: 0; line-height: 1; }
.con_picup .box_picup .accordion.active::after { -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
@media only screen and (max-width: 767px) { .con_picup .box_picup .accordion time { font-size: 93%; } }
.con_picup .box_picup .accordion h5 { font-weight: 400; }
@media only screen and (min-width: 768px) { .con_picup .box_picup .accordion h5 { font-size: 115%; } }
@media print { .con_picup .box_picup .accordion h5 { font-size: 115%; } }
.ie8 .con_picup .box_picup .accordion h5 { font-size: 115%; }
@media only screen and (min-width: 768px) { .con_picup .box_picup .accordion { display: -webkit-flex; display: flex; }
  .con_picup .box_picup .accordion time { width: 9em; }
  .con_picup .box_picup .accordion h5 { width: calc(100% - 10em); } }
@media print { .con_picup .box_picup .accordion { display: -webkit-flex; display: flex; }
  .con_picup .box_picup .accordion time { width: 9em; }
  .con_picup .box_picup .accordion h5 { width: calc(100% - 10em); } }
.ie8 .con_picup .box_picup .accordion { display: -webkit-flex; display: flex; }
.ie8 .con_picup .box_picup .accordion time { width: 9em; }
.ie8 .con_picup .box_picup .accordion h5 { width: calc(100% - 10em); }
.con_picup .box_picup .inner { width: 100%; margin: auto; background: #fff; padding: 9.09091% 6.81818%; line-height: 1.5; display: none; }
@media only screen and (min-width: 768px) { .con_picup .box_picup .inner { padding: 4.16667%; } }
@media print { .con_picup .box_picup .inner { padding: 4.16667%; } }
.ie8 .con_picup .box_picup .inner { padding: 4.16667%; }
@media only screen and (min-width: 768px) { .con_picup .box_picup .inner .box_txt_photo { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
  .con_picup .box_picup .inner .box_txt_photo .txt, .con_picup .box_picup .inner .box_txt_photo .img { width: 45.45455% 90.90909%; max-width: 52%; }
  .con_picup .box_picup .inner .box_txt_photo .txt_imgsingle { width: 45.45455% 90.90909%; max-width: 46%; } }
@media print { .con_picup .box_picup .inner .box_txt_photo { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
  .con_picup .box_picup .inner .box_txt_photo .txt, .con_picup .box_picup .inner .box_txt_photo .img { width: 45.45455% 90.90909%; max-width: 52%; }
  .con_picup .box_picup .inner .box_txt_photo .txt_imgsingle { width: 45.45455% 90.90909%; max-width: 46%; } }
.ie8 .con_picup .box_picup .inner .box_txt_photo { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
.ie8 .con_picup .box_picup .inner .box_txt_photo .txt, .ie8 .con_picup .box_picup .inner .box_txt_photo .img { width: 45.45455% 90.90909%; max-width: 52%; }
.ie8 .con_picup .box_picup .inner .box_txt_photo .txt_imgsingle { width: 45.45455% 90.90909%; max-width: 46%; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_picup .box_picup .inner .box_txt_photo { align-items: center; }
  .con_picup .box_picup .inner .box_txt_photo .txt_imgsingle { width: 65%; } }
@media only screen and (max-width: 767px) { .con_picup .box_picup .inner .box_txt_photo .txt { margin-bottom: 1em; }
  .con_picup .box_picup .inner .box_txt_photo .txt_imgsingle { margin: 1em; } }
@media only screen and (min-width: 1200px) { .con_picup .box_picup .inner .txt_center { margin-top: 2.5em; } }
@media print { .con_picup .box_picup .inner .txt_center { margin-top: 2.5em; } }
.ie8 .con_picup .box_picup .inner .txt_center { margin-top: 2.5em; }
.con_picup .box_picup .inner .img { margin-top: 0.5em; text-align: center; }
.con_picup .box_picup .inner .img.double { display: -webkit-flex; display: flex; }
.con_picup .box_picup .inner .img.double img { max-width: 50%; }
.con_picup .box_picup .inner .img.fufu img { width: 220px; height: 146px; object-fit: contain; }

.con_sns .st { text-align: center; font-size: 150%; margin-bottom: 1.8em; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_sns .st { font-size: 136%; } }
@media only screen and (max-width: 767px) { .con_sns .st { font-size: 122%; } }
@media only screen and (min-width: 768px) { .con_sns .box_sns { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } }
@media print { .con_sns .box_sns { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } }
.ie8 .con_sns .box_sns { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.con_sns .box_sns li { width: 23.75%; }
@media only screen and (min-width: 768px) and (max-width: 983px) { .con_sns .box_sns li { width: 28.33333%; } }
@media only screen and (max-width: 767px) { .con_sns .box_sns li { width: 100%; } }
.con_sns .box_sns li a { padding: 1.2em 0; }
.con_sns .box_sns li.yt a i:before, .con_sns .box_sns li.yt a i:after { font-family: FontAwesome; }
.con_sns .box_sns li.yt a i > * { vertical-align: middle; }
.con_sns .box_sns li.yt a i:before { content: ""; margin-right: .5em; font-size: 115%; }
.con_sns .box_sns li.fb { margin: 0 0 0 1.66667%; }
@media only screen and (max-width: 767px) { .con_sns .box_sns li.fb { margin: 0.5em 0; } }
.con_sns .box_sns li.fb a i:before, .con_sns .box_sns li.fb a i:after { font-family: FontAwesome; }
.con_sns .box_sns li.fb a i > * { vertical-align: middle; }
.con_sns .box_sns li.fb a i:before { content: ""; margin-right: .5em; font-size: 115%; }
.con_sns .box_sns li.insta { margin: 0 1.66667%; }
@media only screen and (max-width: 767px) { .con_sns .box_sns li.insta { margin: 0.5em 0; } }
.con_sns .box_sns li.insta a i:before, .con_sns .box_sns li.insta a i:after { font-family: FontAwesome; }
.con_sns .box_sns li.insta a i > * { vertical-align: middle; }
.con_sns .box_sns li.insta a i:before { content: ""; margin-right: .5em; font-size: 115%; }
.con_sns .box_sns li.weibo a i { width: 1.5em; display: inline-block; margin-right: 0.5em; line-height: 1; }

.con_modal { position: fixed; z-index: 100; background: rgba(255, 255, 255, 0.98); top: 0; left: 0; width: 100%; height: 100%; display: none; -webkit-overflow-scrolling: touch; overflow-y: scroll; }
.con_modal .js-close { width: 60px; height: 60px; z-index: 1; cursor: pointer; }
.mouse .con_modal .js-close { -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; -webkit-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; }
.mouse .con_modal .js-close:hover, .touch .con_modal .js-close.touchstart { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.touch .con_modal .js-close { -webkit-tap-highlight-color: transparent; }
.touch .con_modal .js-close.touchend { -moz-transition-delay: 200ms; -o-transition-delay: 200ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
@media only screen and (max-width: 767px) { .con_modal .js-close { width: 45px; height: 45px; } }
.con_modal .js-close.close1 { position: absolute; top: 1em; right: 1em; }
.con_modal .js-close span { width: 100%; height: 2px; background: #373737; display: block; position: absolute; left: 50%; top: 50%; }
.con_modal .js-close span:nth-child(1) { -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.con_modal .js-close span:nth-child(2) { -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }
@media only screen and (min-width: 768px) { .con_modal > div { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 100%; height: 100%; } }
@media print { .con_modal > div { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 100%; height: 100%; } }
.ie8 .con_modal > div { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 100%; height: 100%; }
.con_modal .container { padding: 4em 0; }
@media only screen and (min-width: 768px) { .con_modal .container { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; } }
@media print { .con_modal .container { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; } }
.ie8 .con_modal .container { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
@media only screen and (min-width: 768px) { .con_modal .container .js-slider { width: 49.33333%; } }
@media print { .con_modal .container .js-slider { width: 49.33333%; } }
.ie8 .con_modal .container .js-slider { width: 49.33333%; }
.con_modal .container .js-slider .slick-dots { bottom: 2.5em; z-index: 1; width: auto; position: absolute; line-height: 1; left: 50%; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); bottom: -1.5em !important; }
@media only screen and (max-width: 767px) { .con_modal .container .js-slider .slick-dots { bottom: 1em; } }
.con_modal .container .js-slider .slick-dots li { position: relative; width: 8px; height: 0; padding-top: 8px; margin: 0; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; -moz-transition: background 300ms; -o-transition: background 300ms; -webkit-transition: background 300ms; transition: background 300ms; background: #96918b; }
.con_modal .container .js-slider .slick-dots li:not(.slick-active) button { cursor: pointer; }
.mouse .con_modal .container .js-slider .slick-dots li:not(.slick-active):hover, .touch .con_modal .container .js-slider .slick-dots li:not(.slick-active).touchstart { background: #ae764f; }
.touch .con_modal .container .js-slider .slick-dots li:not(.slick-active) { -webkit-tap-highlight-color: transparent; }
.touch .con_modal .container .js-slider .slick-dots li:not(.slick-active).touchend { -moz-transition-delay: 200ms; -o-transition-delay: 200ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
.con_modal .container .js-slider .slick-dots li:not(:first-child) { margin-left: 1.5em; }
@media only screen and (max-width: 767px) { .con_modal .container .js-slider .slick-dots li:not(:first-child) { margin-left: 1em; } }
.con_modal .container .js-slider .slick-dots li.slick-active { background-color: #c65b13; }
.con_modal .container .js-slider .slick-dots li button { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; margin: 0; padding: 0; }
.con_modal .container .box_txt { margin-left: 5.83333%; width: 44.83333%; }
@media only screen and (max-width: 767px) { .con_modal .container .box_txt { width: 100%; margin: 3em auto 0; } }
.con_modal .container .box_txt .st_hotel { font-size: 172%; letter-spacing: 0.2em; margin-bottom: 0.8em; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_modal .container .box_txt .st_hotel { font-size: 158%; } }
@media only screen and (max-width: 767px) { .con_modal .container .box_txt .st_hotel { font-size: 143%; } }
.con_modal .container .box_txt .st_hotel small { display: block; font-size: 59%; letter-spacing: 0.06em; }
.con_modal .container .box_txt .btn_site { width: 90%; margin: 1.5em auto 0; }
@media only screen and (min-width: 768px) { .con_modal .container .box_txt .btn_site { width: 285px; margin-left: 0; } }
@media print { .con_modal .container .box_txt .btn_site { width: 285px; margin-left: 0; } }
.ie8 .con_modal .container .box_txt .btn_site { width: 285px; margin-left: 0; }
.con_modal .container .box_txt .btn_site a { display: block; padding: 1em 0; }
.con_modal .container .box_txt address { margin-top: 1.5em; }
.con_modal .container .box_txt .sns_hotels { margin-top: 5.57621%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.con_modal .container .box_txt .sns_hotels li a { display: block; line-height: 1; text-decoration: none; font-size: 136%; }
.mouse .con_modal .container .box_txt .sns_hotels li a { -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; -webkit-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; }
.mouse .con_modal .container .box_txt .sns_hotels li a:hover, .touch .con_modal .container .box_txt .sns_hotels li a.touchstart { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.touch .con_modal .container .box_txt .sns_hotels li a { -webkit-tap-highlight-color: transparent; }
.touch .con_modal .container .box_txt .sns_hotels li a.touchend { -moz-transition-delay: 200ms; -o-transition-delay: 200ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
.con_modal .container .box_txt .sns_hotels li.fb a:before, .con_modal .container .box_txt .sns_hotels li.fb a:after { font-family: FontAwesome; }
.con_modal .container .box_txt .sns_hotels li.fb a > * { vertical-align: middle; }
.con_modal .container .box_txt .sns_hotels li.fb a:before { content: ""; margin-right: .5em; margin-right: 0; }
.con_modal .container .box_txt .sns_hotels li.insta { margin: 0 1em; }
.con_modal .container .box_txt .sns_hotels li.insta a:before, .con_modal .container .box_txt .sns_hotels li.insta a:after { font-family: FontAwesome; }
.con_modal .container .box_txt .sns_hotels li.insta a > * { vertical-align: middle; }
.con_modal .container .box_txt .sns_hotels li.insta a:before { content: ""; margin-right: .5em; margin-right: 0; }
.con_modal .container .box_txt .sns_hotels li.weibo a { width: 1em; }