@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500&family=Noto+Serif+JP:wght@400;700&display=swap');
/* ===================================================
	Reset
====================================================== */
html,
body { min-width: 1140px;}

@media screen and (max-width: 600px) {
html,
body { min-width: 0;}
}

#customer_header *,
#customer_footer * { -webkit-box-sizing: content-box; box-sizing: content-box;}

#customer_header h1,
#customer_header h2,
#customer_header h3,
#customer_header h4,
#customer_header h5,
#customer_header h6,
#customer_footer h1,
#customer_footer h2,
#customer_footer h3,
#customer_footer h4,
#customer_footer h5,
#customer_footer h6 { margin: 0;}

#customer_header ul,
#customer_header ol,
#customer_header li,
#customer_footer ul,
#customer_footer ol,
#customer_footer li { padding: 0; margin: 0; list-style-type: none; font-weight: 400;}

#customer_header dl,
#customer_footer dl { padding: 0; margin: 0;}

/*#customer_header p,
#customer_footer p { padding: 0; margin: 0;}*/

#customer_header img,
#customer_footer img{
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	border:0;
	vertical-align:bottom;
}


/* ===================================================
	Base CSS
====================================================== */
#customer_header,
#customer_footer { min-width: 1140px; background: #fff; color: #000; font-size: 15px; font-weight: normal; line-height: 1.5; font-family: "Noto Serif JP", "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; -webkit-text-size-adjust: 100%; /*font-feature-settings: "palt";*/ letter-spacing: 0.08em; }

/* IE表示用のCSS　*/
_:-ms-input-placeholder{ font-family: "ＭＳ Ｐゴシック", sans-serif;}

.v_rl{ -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-feature-settings: "palt" 0;}
.mincho{ font-family: "Noto Serif JP", "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.gothic{ font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック", sans-serif;}
.en{ font-family: 'Cormorant Garamond'; font-variant-ligatures: none}
.ofi { object-fit: cover; font-family: 'object-fit: cover;';}
.br_pc{ display: block;}
.br_sp{ display: none;}

input,
select,
textarea { font-size: 16px;}
div { -webkit-box-sizing: border-box; box-sizing: border-box;}
a { color: #000; text-decoration: none;}
a:hover { color: #000; text-decoration: underline;}

@media screen and (max-width: 600px) {
#customer_header,
#customer_footer{ font-size: 16px; min-width: 0;}
.br_pc{ display: none;}
.br_sp{ display: block;}
}


/* ---------------------------------------------------
	Global Header
------------------------------------------------------ */
#customer_header{ height: 110px;}
#g_header{ display: block; height: 110px; width: 100%; min-width: 1140px; padding: 0 260px 0 0; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: 20;}
#g_header .hd_logo{ width: 309px; position: absolute; top: 40px; left: 50px; font-size: 100%; line-height: 1.5;}
#g_header .hd_logo:hover img { transition: opacity .5s; opacity: 0.75;}
#g_header .hd_telnum{ position: absolute; top: 25px; right: 400px; line-height: 1;}
#g_header .hd_telnum .hd_tel1{ font-size: 15px;}
#g_header .hd_telnum .tel-link{ font-size: 24px; pointer-events: none;}
#g_header .hd_telnum .tel-link:hover{ text-decoration: none;}
#g_header .hd_telnum .hd_tel2{ display: none;}
#g_header .hd_lang{ position: absolute; top: 23px; right: 290px; font-size: 15px; line-height: 1; border: solid 1px #000; border-radius: 4px;}
#g_header .hd_lang a{ display: block; padding: 5px 15px 7px; background: #fff; color: #000; transition: background-color .5s, color .5s; border-radius: 3px;}
#g_header .hd_lang a:hover{ background: #000; color: #fff; text-decoration: none;}
#g_header ul{ position: absolute; bottom: 0; right: 270px; display: flex; justify-content: flex-end;}
#g_header ul li a{ display: block; padding: 14px 20px 20px; font-size: 16px; position: relative;}
#g_header ul li a:before { content: ''; height: 1px; position: absolute; left: 50%; right: 50%; bottom: 10px; background: #000; transition: all 0.4s;}
#g_header ul li a:hover { text-decoration: none;}
#meal #hd_01 a:before,
#room #hd_02 a:before,
#hotspring #hd_03 a:before,
#villa #hd_04 a:before,
#facilities #hd_05 a:before,
#sightseeing #hd_06 a:before,
#g_header ul li a:hover:before { left: 1vw; right: 1vw;}
#g_header .hd_plan{ width: 130px; height: 110px; color: #fff; position: absolute; top: 0; right: 130px; margin: 0;}
#g_header .hd_plan a{ display: block; width: 100%; height: 100%; color: #fff; text-align: center; line-height: 110px; font-size: 16px; background: #c33a3a; transition: background-color .5s, color .5s;}
#g_header .hd_plan a:hover{ background: #7E2525; text-decoration: none;}
#g_header .hd_plan a .plan{ opacity: 0; display: none;}

@media screen and (max-width: 1279px) {
#g_header ul li a{ padding: 20px 15px;}
}
@media screen and (max-width: 1200px) {
#g_header .hd_logo{ left: 30px;}
#g_header .hd_telnum{ top: 55px; right: 290px;}
#g_header .hd_lang{ top: 120px; right: 10px; font-size: 15px; line-height: 1; background: #fff; display: none;}
#g_header ul{ display: none;}
#g_header .hd_plan a{ line-height: 1; font-size: 16px; position: relative; background: url("../img/ico_plan1.png") no-repeat center 30px #c33a3a; background-size: 34px;}
#g_header .hd_plan a:hover{ background: url("../img/ico_plan1.png") no-repeat center 30px #7E2525; background-size: 34px;}
#g_header .hd_plan a .ja{ display: none;}
#g_header .hd_plan a .plan{ opacity: 100; display: block; position: absolute; bottom: 15px; width: 100%; text-align: center;}
}
@media screen and (max-width: 767px) {
#customer_header{ height: 55px;}
#g_header{ height: 55px; padding: 0 130px 0 0;}
#g_header .hd_logo{ width: 154px; position: absolute; top: 15px; left: 15px;}
#g_header .hd_telnum{ top: 0; right: 130px; line-height: 1; position: absolute;}
#g_header .hd_telnum .hd_tel1{ display: none;}
#g_header .hd_telnum .hd_num{ display: none;}
#g_header .hd_telnum .tel-link{ display: block; font-size: 16px; width: 50px; height: 55px; background: url("../img/ico_tel1.png") no-repeat center 10px; background-size: 14px; position: relative; pointer-events: auto;}
#g_header .hd_telnum .hd_tel2{ display: block; position: absolute; bottom: 5px; letter-spacing: 1; text-align: center; width: 100%; font-size: 14px;}
#g_header .hd_lang{ top: 65px; right: 10px; font-size: 15px; line-height: 1; background: #fff; display:none;}
#g_header .hd_plan{ width: 65px; height: 55px; background: #c33a3a; color: #fff; right: 65px;}
#g_header .hd_plan a{ line-height: 1; font-size: 14px; position: relative; background: url("../img/ico_plan1.png") no-repeat center 10px; background-size: 17px;}
#g_header .hd_plan a:hover{ background: url("../img/ico_plan1.png") no-repeat center 10px #7E2525; background-size: 17px;}
#g_header .hd_plan a .plan{ opacity: 100; display: block; position: absolute; bottom: 5px; width: 100%; text-align: center;}
}
@media screen and (max-width: 600px) {
#g_header{ min-width: 0;}
}
@media screen and (max-width: 320px) {
#g_header .hd_logo{ width: 154px; left: 10px;}
#g_header .hd_telnum{ top: 0; right: 110px; line-height: 1;}
#g_header .hd_telnum .tel-link{ width: 40px;}
#g_header .hd_telnum .hd_tel2{ font-size: 12px;}
#g_header .hd_plan{ width: 55px; right: 55px;}
#g_header .hd_plan a{ font-size: 12px;}
}


/* ---------------------------------------------------
	Global nav
------------------------------------------------------ */
.nav_btn{ margin: 0; position: relative;}
#gnav:not(:target) { z-index: -1; opacity: 0;}
#gnav:target { z-index: 1000; opacity: 100; right: 0;}
#gnav { height: 100vh; position: fixed; top: 0; right: 0; bottom: 0; overflow: auto; width: 100%; padding: 0; transition: all 500ms ease-in-out; background-color: #fff; z-index: 10; box-sizing: border-box; opacity: 0; background-image: url("../img/menu_bg1.jpg"); background-repeat: no-repeat; background-position: left top; background-size: cover;}
#gnav #gnav_inner{ padding: 190px 110px 50px 120px; display: flex; flex-wrap: wrap; align-content: flex-start; background: #fff; width: 630px; min-height: 100vh; float: right; box-sizing: border-box;}
#gnav .gnav_logo{ width: 100%;}
#gnav .gnav_logo img{ width: 309px; margin: 0 auto; display: block;}
#gnav .gnav_telnum{ width: 100%; font-size: 16px; line-height: 1; padding: 20px 0 0; text-align: center; margin: 0;}
#gnav .gnav_telnum .tel-link{ font-size: 25px; pointer-events: none;}
#gnav .gnav_tit{ width: 100%; color: #7f7f7f; font-size: 16px; padding: 50px 0 20px; position: relative; margin: 0;}
#gnav .gnav_tit::after{ content: ""; width: 20px; height: 1px; background: #7f7f7f; position: absolute; top: 50px; right: 0;}
#gnav ul{ width: 50%;}
#gnav ul li{ font-size: 16px;}
#gnav ul li a{ padding: 10px 0 10px 20px; position: relative; display: block;}
#gnav ul li a::before{ content: ""; width: 6px; height: 6px; display: block; border-right: solid 1px #000; border-bottom: solid 1px #000; transform: rotate(-45deg); position: absolute; top: 18px; left: 0; box-sizing: content-box;}
#gnav .gnav_plan{ width: 100%; margin: 50px 0 0;}
#gnav .gnav_plan a{ color: #fff; display: block; width: 100%; font-size: 18px; text-align: center; padding: 20px 0; background: #c33a3a; transition: background-color .5s, color .5s;}
#gnav .gnav_plan a:hover{ background: #7E2525; text-decoration: none;}
#gnav .gnav_close{ display: none;}
/*#sidemenubtn { transition: all 0.3s; box-sizing: border-box; display: none; }*/
.sidemenuicon { box-sizing: border-box; cursor: pointer; position: absolute; z-index: 21; top: 0; right: 0; height: 110px; width: 130px; background: #000;}
.sidemenuicon:hover{ background: #202020; }
.sidemenuicon > .bar{ transition: all 0.3s; box-sizing: border-box; position: absolute; height: 2px; width: 100%; text-indent: 100%; white-space: nowrap; overflow: hidden; z-index: 2;}
.sidemenuicon > .bar::after{ content: ""; height: 2px; width: 58px; display: block; background: #fff; position: absolute; top: 0px; left: 36px;}
.sidemenuicon > .bar:nth-of-type(1) { top: 38px;}
.sidemenuicon > .bar:nth-of-type(2) { top: 48px;}
.sidemenuicon > .bar:nth-of-type(3) { top: 58px; width: 50%; right: 37px;}
.sidemenuicon > .menu{ transition: all 0.3s; opacity: 0; color: #fff; position: absolute; bottom: 15px; left: 0; width: 100%; text-align: center; font-size: 16px; line-height: 1; font-weight: 400;}
.gnav_close1 { box-sizing: border-box; cursor: pointer; position: fixed; z-index: 21; top: 0; right: 0; height: 110px; width: 130px;}
.gnav_close1 a{ background: #000; transition: background-color .5s, color .5s; height: 110px; width: 130px; display: block; color: #fff;}
.gnav_close1 a:hover{ background: #202020; }
.gnav_close1 a .bar{ transition: all 0.3s; box-sizing: border-box; position: absolute; height: 2px; width: 100%; text-indent: 100%; white-space: nowrap; overflow: hidden; z-index: 2;}
.gnav_close1 a .bar::after{ content: ""; height: 2px; width: 58px; display: block; background: #fff; position: absolute; top: 0px; left: 36px;}
.gnav_close1 a .bar:nth-of-type(1) { transform: rotate(135deg); top: 44px;}
.gnav_close1 a .bar:nth-of-type(2) { transform: rotate(-135deg); top: 47px; width: 100%; right: inherit;}
.gnav_close1 a .bar::after{ left: 38px;}
.gnav_close1 a .close{ color: #fff; position: absolute; bottom: 15px; left: 0; width: 100%; text-align: center; font-size: 16px; line-height: 1; opacity: 1; text-shadow: none; font-weight: 400;}

@media screen and (max-width: 1200px) {
.sidemenuicon > .menu{ opacity: 100;}
}
@media screen and (max-width: 767px) {
.sidemenuicon { height: 55px; width: 65px;}
.sidemenuicon > .bar::after{ content: ""; height: 2px; width: 29px; display: block; background: #fff; position: absolute; top: 0px; left: 18px;}
.sidemenuicon > .bar:nth-of-type(1) { top: 13px;}
.sidemenuicon > .bar:nth-of-type(2) { top: 19px;}
.sidemenuicon > .bar:nth-of-type(3) { top: 25px; right: 18px;}
.sidemenuicon > .menu{ bottom: 5px; font-size: 14px;}
.gnav_close1 { height: 55px; width: 65px;}
.gnav_close1 a{ height: 55px; width: 65px;}
.gnav_close1 a .bar::after{ content: ""; height: 2px; width: 29px; display: block; background: #fff; position: absolute; top: 0px; left: 18px;}
.gnav_close1 a .bar:nth-of-type(1) { top: 19px;}
.gnav_close1 a .bar:nth-of-type(2) { top: 20px;}
.gnav_close1 a .bar::after{ left: 19px;}
.gnav_close1 a .close{ bottom: 5px; font-size: 14px;}
}
@media screen and (max-width: 600px) {
#gnav { width: 100%; background-image: none;}
#gnav #gnav_inner{ padding: 80px 8% 150px 8%; width: 100%; height: auto;}
#gnav .gnav_logo img{ width: 223px;}
#gnav .gnav_telnum{ font-size: 16px; line-height: 1; padding: 20px 0 0;}
#gnav .gnav_telnum .tel-link{ font-size: 25px; pointer-events: auto;}
#gnav .gnav_tit{ font-size: 15px; padding: 30px 0 5px;}
#gnav .gnav_tit::after{ display: none;}
#gnav ul{ width: 100%;}
#gnav ul li{ border-bottom: solid 1px #b5b5b5; font-size: 15px;}
#gnav ul li a{ padding: 8px 20px 8px 8px;}
#gnav ul li a::before{ top: 15px; left: inherit; right: 10px;}
#gnav .gnav_plan{ margin: 30px 0 0;}
#gnav .gnav_plan a{ font-size: 16px; padding: 10px 0;}
#gnav .gnav_close{ margin: 15px 0 0; display: block; width: 100%;}
#gnav .gnav_close a{ display: block; width: 100%; font-size: 16px; text-align: center; padding: 10px 0; border: solid 1px #000; cursor: pointer;}
#gnav .gnav_close a::after{ content: "×";}
}
@media screen and (max-width: 320px) {
.sidemenuicon { width: 55px;}
.sidemenuicon > .bar::after{ left: 13px;}
.sidemenuicon > .bar:nth-of-type(3) { right: 13px;}
.sidemenuicon > .menu{ bottom: 5px; font-size: 12px;}
.gnav_close1 { width: 55px;}
.gnav_close1 a .bar::after{ left: 14px;}
.gnav_close1 a .close { font-size: 12px;}
}


/* ---------------------------------------------------
	Contents
------------------------------------------------------ */
#contents_wrap { clear: both; padding: 110px 0 0; position: relative; z-index: 10;}

@media screen and (max-width: 767px) {
#contents_wrap { padding: 55px 0 0;}
}


/* ---------------------------------------------------
	Global Footer
------------------------------------------------------ */
#pagetop { display:block; position: fixed; bottom: 50px; right: -20px; z-index: 31; transform: rotate(90deg);}
#pagetop a{ color: #696969; border-bottom: solid 1px #696969; padding: 0 20px 5px 40px; line-height: 1; font-size: 11px; position: relative; left: 0px; transition: left 0.5s ease;}
#pagetop a:hover{ text-decoration: none; left: -10px;}
#pagetop a::before{ content: ""; display: block; width: 15px; height: 1px; background: #696969; position: absolute; bottom: -1px; left: 0; transform: rotate(-40deg); transform-origin: left bottom;}
#g_footer { background: #000; color: #fff; position: relative; z-index: 9; clear: both;}
#g_footer a{ color: #fff;}
.ft_inner1{ max-width: 1100px; margin: 0 auto; display: flex; justify-content: space-between;}
#ft_block1{ width: 320px; padding: 75px 0 20px;}
#ft_block1 address{ display: block; padding: 0 0 30px; margin: 0; line-height: 1.5;}
#ft_block1 .ft_logo{ width: 301px; padding: 0 0 30px; display: block;}
#ft_block1 .ft_logo:hover img{ opacity: 0.8;}
#ft_block1 .ft_addr,
#ft_block1 .ft_telnum,
#ft_block1 .ft_btn1,
#ft_block1 .ft_btn2,
#ft_block1 .ft_btn3{ margin: 0;}
#ft_block1 a{ display: block; box-sizing: border-box; width: 100%;}
#ft_block1 a.tel-link{ display: inline-block; width: auto; pointer-events: none;}
#ft_block1 a.tel-link:hover{ text-decoration: none;}
#ft_block1 .ft_btn1 a{ font-size: 16px; text-align: center; padding: 15px 0; background: #c33a3a; margin: 0 0 15px; transition: background-color .5s, color .5s;}
#ft_block1 .ft_btn1 a:hover{ background: #7E2525; text-decoration: none;}
#ft_block1 .ft_btn2 a{ font-size: 16px; text-align: center; padding: 10px 0; border: solid 1px #808080; margin: 0 0 15px; transition: background-color .5s, color .5s;}
#ft_block1 .ft_btn2 a:hover{ background: #fff; color: #000; text-decoration: none;}
#ft_block1 .ft_btn3 a{ padding: 10px 0 10px 20px; position: relative; display: block;}
#ft_block1 .ft_btn3 a::before{ content: ""; width: 6px; height: 6px; display: block; border-right: solid 1px #fff; border-bottom: solid 1px #fff; transform: rotate(-45deg); position: absolute; top: 18px; left: 0;}
#ft_block2{ width: 600px; padding: 160px 0 0;}
#ft_block2 .footmenu,
#ft_block2 .footclose{ display: none;}
#ft_block2 > div{ display: flex; flex-wrap: wrap;}
#ft_block2 .ft_tit2{ width: 100%; color: #808080; padding: 0 0 10px; line-height: 1; position: relative; margin: 0;}
#ft_block2 .ft_tit2::after{ content: ""; position: absolute; width: 20px; height: 1px; background: #808080; position: absolute; bottom: 10px; right: 0; box-sizing: content-box;}
#ft_block2 ul{ padding: 0 0 30px;}
#ft_block2 ul li a{ padding: 8px 0 8px 15px; position: relative; display: block;}
#ft_block2 ul li a::before{ content: ""; width: 6px; height: 6px; display: block; border-right: solid 1px #fff; border-bottom: solid 1px #fff; transform: rotate(-45deg); position: absolute; top: 16px; left: 0; box-sizing: content-box;}
#ft_block2 .ft_list1{ width: 40%;}
#ft_block2 .ft_list2{ width: 27%;}
#ft_block2 .ft_list3{ width: 33%;}
#ft_block2 ul.ft_list4{ display: flex; width: 100%}
.ft_inner2{ max-width: 1100px; margin: 0 auto; display: flex; justify-content: space-between; flex-direction: row-reverse;}
#ft_sns{ display: flex; justify-content: flex-end;}
#ft_sns #ft_insta,
#ft_sns #ft_fb,
#ft_sns #ft_tw{ width: 35px; height: 35px; background-position: 0 0; background-repeat: no-repeat; background-size: 35px; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; margin: 0 0 0 10px;}
#ft_sns #ft_insta:hover,
#ft_sns #ft_fb:hover,
#ft_sns #ft_tw:hover{ text-decoration: none; opacity: 0.75;}
#ft_sns #ft_insta{ background-image: url("../img/ico_insta1.png");}
#ft_sns #ft_fb{ background-image: url("../img/ico_fb1.png");}
#ft_sns #ft_tw{ background-image: url("../img/ico_tw1.png");}
#ft_copyright{ font-size: 12px; padding: 0 0 70px; color: #a3a3a3; margin: 0;}

@media screen and (max-width: 600px) {
#pagetop { /*bottom: 130px;*/ bottom: 50px; right: -20px;}
#pagetop:hover{ /*bottom: 130px;*/ bottom: 50px;}
.ft_inner1{ max-width: 260px; flex-direction: column;}
#ft_block1{ width: 100%; padding: 30px 0 20px;}
#ft_block1 address{ padding: 0 0 15px; font-size: 15px;}
#ft_block1 .ft_logo{ width: 238px; padding: 0 0 15px; display: block; margin: 0 auto;}
#ft_block1 .ft_telnum .tel-link{ display: inline; pointer-events: auto;}
#ft_block1 a{ display: block; box-sizing: border-box; width: 100%;}
#ft_block1 .ft_btn1 a{ font-size: 16px; text-align: center; padding: 15px 0; background: #c33a3a; margin: 0 0 15px;}
#ft_block1 .ft_btn2 a{ font-size: 16px; text-align: center; padding: 10px 0; border: solid 1px #808080; margin: 0 0 15px;}
#ft_block1 .ft_btn3 a{ padding: 10px 0 10px 20px; position: relative; display: block; font-size: 14px;}
#ft_block1 .ft_btn3 a::before{ content: ""; width: 6px; height: 6px; display: block; border-right: solid 1px #fff; border-bottom: solid 1px #fff; transform: rotate(-45deg); position: absolute; top: 18px; left: 0;}
#ft_block2{ width: 100%; padding: 0;}
#ft_block2 .footmenu{ display: block; background: #fff; text-align: center; color: #000; padding: 10px 0; position: relative;}
#ft_block2 .footmenu::after{ content: ""; position: absolute; top: 0; bottom: 0; right: 20px; margin: auto 0; width: 6px; height: 6px; border-right: solid 1px #000; border-bottom: solid 1px #000; transform: rotate(45deg); box-sizing: content-box;}
#ft_nav{ position: relative;}
#ft_nav:not(:target) { display: none;}
#ft_nav:target { display: block;}
#ft_block2 .footclose{ display: block; background: #fff; text-align: center; color: #000; padding: 10px 0; position: relative;}
#ft_block2 .footclose::after{ content: ""; position: absolute; top: 0; bottom: 0; right: 20px; margin: auto 0; width: 6px; height: 6px; border-right: solid 1px #000; border-bottom: solid 1px #000; transform: rotate(-135deg); box-sizing: content-box;}
#ft_nav:not(:target) .footclose{ display: none;}
#ft_nav:target .footclose{ display: block; position: absolute; top: -44px; left: 0; width: 100%;}
#ft_block2 .ft_tit1{ display: block; margin: 0;}
#ft_block2 > div{ display: flex; flex-wrap: wrap;}
#ft_block2 .ft_tit2{ width: 100%; color: #808080; padding: 20px 0 5px; line-height: 1; position: relative; font-size: 16px;}
#ft_block2 .ft_tit2::after{ content: ""; position: absolute; width: 20px; height: 1px; background: #808080; position: absolute; bottom: 10px; right: 0;}
#ft_block2 ul{ padding: 0;}
#ft_block2 ul li a{ padding: 5px 0 5px 15px; position: relative; display: block; font-size: 15px;}
#ft_block2 ul li a::before{ top: 13px; left: 0;}
#ft_block2 .ft_list1,
#ft_block2 .ft_list2,
#ft_block2 .ft_list3{ width: 100%;}
#ft_block2 ul.ft_list4{ flex-wrap: wrap;}
.ft_inner2{ max-width: 92%; justify-content: center; flex-direction: column;}
#ft_sns{ justify-content: center; padding: 15px 0 0;}
#ft_sns #ft_insta,
#ft_sns #ft_fb,
#ft_sns #ft_tw{ margin: 0 10px;}
#ft_copyright{ font-size: 11px; padding: 20px 0 50px; text-align: center;}
}

/* Go To Travel キャンペーン
------------------------------------------------------ */
#ft_gototravel{ position: fixed; bottom: 90px; right: 10px;}
#ft_gototravel:hover{ filter: brightness(110%);}

@media screen and (max-width: 600px) {
#ft_gototravel{ width: 58px; bottom: 10px; right: 10px;}
}

/* ---------------------------------------------------
	更新履歴
------------------------------------------------------

yymmdd_Name_cssを更新したらここに更新履歴を追加していきます。多くなったら上の方は削除。


------------------------------------------------------ */