@charset "utf-8";
/* ===================================================
	Base CSS
====================================================== */
body { min-width: 1280px; min-height: 100vh; background: #fff; color: #181818; font-size: 16px; font-weight: normal; line-height: 1.5; font-family: "Space Mono", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif; -webkit-text-size-adjust: 100%; position: relative; font-feature-settings: "palt";letter-spacing: 0.08em;	-webkit-font-smoothing: antialiased;}

input,
select,
textarea { font-size: 16px;}

div { box-sizing: border-box;}

a { color: #181818; text-decoration: none;}
a:hover { color: #181818; text-decoration: underline;}

html.pos_fix { overflow: hidden; }
.fixed { width: 100%; min-width: 1200px; position: fixed; top:0; left: 0; z-index: 99;}

.v_rl{ writing-mode: vertical-rl; font-feature-settings: "palt" 0;}
.ofi { object-fit: cover; width: 100%; height: 100%;}
.view_sp,
.br_sp { display: none;}

.inner_lg { width: 1400px; max-width: 100%; margin: 0 auto;}
.inner_md { width: 1200px; max-width: 90%; margin: 0 auto;}
.inner_sm { width: 930px; max-width: 80%; margin: 0 auto;}

@media screen and (max-width: 600px) {
body { min-width: 0; font-size: 14px; background-size: 85%; }

.view_sp,
.br_sp { display: inline-block; }
.view_pc,
.br_pc { display: none !important; }
}


/* ---------------------------------------------------
	Common Parts
------------------------------------------------------ */
[class^="link_"] { position: relative; display: inline-block; }
[class^="link_"]::before { content: ''; position: absolute; bottom: 0; display: inline-block; height: 1px; background-color: #423838;}
[class^="link_"]:hover { text-decoration: none;}

/* 下線 中央から */
.link_in_out::before { width: 100%; transform: scale(0); transition: transform .5s ease-out; }
.link_in_out:hover::before { transform: scale(1); }

/* 下線 左から */
.link_l_r::before { width: 0; transition: width .5s; }
.link_l_r:hover::before { width: 100%; }

/* 左端の緑帯が右へ */
.cmn_btn_01 { display: flex; justify-content: center; align-items: center; width: 250px; height: 40px; background: #fff; border: 1px solid #b0b0b0; position: relative; transition: color .8s .3s;}
.cmn_btn_01 span { position: relative; z-index: 1;}
.cmn_btn_01::after { content: ''; display: block; width: 5px; height: 100%; background: #1a3c34; position: absolute; top: 0; left: 0; transition: width 1s cubic-bezier(0.77, 0, 0.175, 1);}
.cmn_btn_01:hover { color: #fff; text-decoration: none;}
.cmn_btn_01:hover::after { width: 100%;}


/* ---------------------------------------------------
	Global Header
------------------------------------------------------ */
#g_header { position: absolute; top: 0; left: 0; z-index: 10; display: flex; align-items: center; justify-content: flex-start; width: 100%; min-width: 1280px; animation: fix_opacity ease-in-out 1s; transition: top .7s; background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);}
#g_header.fixed { position: fixed; background: rgba(255 255 255/100%); animation: fix_nav 1s both; }
#g_header.close_nav { animation: close_nav .7s both; }
.pos_fix #g_header { min-width: 0; }
.pos_fix #g_header.fixed { left: 0 !important; background: transparent; backdrop-filter: blur(0); -webkit-backdrop-filter: blur(0); }
#g_header .hd_logo,
#g_header .hd_tel,
#g_header .hd_nav{ color: #fff;}
#g_header.fixed .hd_logo,
#g_header.fixed .hd_tel,
#g_header.fixed .hd_nav{ color: #000;}
#g_header .hd_logo{ display: none; margin: 0 0 0 30px;}
#g_header.fixed .hd_logo{ display: block;}
#g_header .hd_tel{ margin: 0 0 0 20px; font-size: 15px;}
#g_header .hd_tel .tel-link{ font-size: 23px;}
#g_header .hd_nav{ margin: 0 0 0 auto; display: flex; align-items: center;}
#g_header .hd_nav ul{ display: flex; align-items: center; margin: 0 20px 0 0;}
#g_header .hd_nav ul li{ margin: 0 15px;}
#g_header .hd_nav ul li a{ color: #fff; padding: 5px 0;}
#g_header.fixed .hd_nav ul li a{ color: #000;}
#g_header .hd_nav ul li a.link_in_out::before{ background-color: #fff}
#g_header.fixed .hd_nav ul li a.link_in_out::before{ background-color: #000}
#g_header .hd_nav ul li a:hover{ text-decoration: none;}
#g_header .hd_nav .hd_rsrv{ width: 180px; height: 80px;}
#g_header .hd_nav .hd_rsrv a{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: #112d26; color: #fff; font-size: 18px; transition: all 0.5s;}
#g_header .hd_nav .hd_rsrv a:hover{ background-color: #395c54; font-size: 16px; text-decoration: none;}
#g_header .hd_nav .open_menu { display: flex; align-items: center; justify-content: center; width: 86px; height: 80px; font-size: 0; background-color: #181818;}
#g_header .hd_nav .open_menu:hover { text-decoration: none; }
#g_header .hd_nav .open_menu>span::before,
#g_header .hd_nav .open_menu>span::after,
#g_header .hd_nav .open_menu>span span::before { content: ''; display: block; width: 25px; height: 1px; background: #fff; transition: transform .4s ease-out, opacity .4s ease-out; }
#g_header .hd_nav .open_menu>span::before,
#g_header .hd_nav .open_menu>span span::before { margin-bottom: 7px; }
#g_header .hd_nav .open_menu>span::after{ width: 15px; transition: all 0.5s; margin: 0 0 0 10px;}
#g_header .hd_nav .open_menu:hover>span::after{ width: 25px; margin: 0;}
/* Current */
#omotenashi .hd_01 .link_in_out::before,
#rooms .hd_02 .link_in_out::before,
[id^="room_"] .hd_02 .link_in_out::before,
#hotspring .hd_03 .link_in_out::before,
#cuisine .hd_04 .link_in_out::before,
#access .hd_05 .link_in_out::before{ transform: scale(1); }

@media screen and (max-width: 600px) {
#g_header {  width: 100%; min-width: 100%; background: transparent;}
#g_header .hd_logo,
#g_header .hd_tel{ display: none;}
#g_header.fixed .hd_logo{ width: 26%; max-width: 122px; margin: 0 0 0 5%;}
#g_header .hd_nav .hd_rsrv{ width: 120px; height: 60px;}
#g_header .hd_nav .hd_rsrv a{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: #112d26; color: #fff; font-size: 16px; transition: all 0.5s;}
#g_header .hd_nav .hd_rsrv a:hover{ background-color: #395c54; font-size: 14px; text-decoration: none;}
#g_header .hd_nav .open_menu { width: 66px; height: 60px;}
}

@keyframes fix_opacity {
0% { opacity: 0; }
25% { opacity: 1; }
}
@keyframes fix_nav {
0% { transform: translateY(-100%); }
100% { transform: translateY(0); }
}
@keyframes close_nav {
0% { transform: translateY(0); }
100% { transform: translateY(-100%); }
}

/* ---------------------------------------------------
	Global Navigation (格納メニュー)
------------------------------------------------------ */
#gnav_wrap { opacity: 0; pointer-events: none; transition: opacity .6s; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 20; overflow: scroll; background-image: url(../img/gn_bg_01.webp); background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: #fff;}
#gnav_wrap.active { opacity: 1; pointer-events: auto; }
#gnav_wrap .gn_logo{ position: absolute; top: 20px; left: 30px;}
#gnav { width: 640px; height: 100%; margin: 0 0 0 auto; padding: 120px; box-sizing: border-box; background-color: #fff; position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center;}
#gnav .gn_nav{ display: flex; padding: 0 0 40px;}
#gnav .gn_nav ul{ width: 50%; font-size: 15px;}
#gnav .gn_nav ul li{ margin: 5px 0;}
#gnav .gn_nav ul li a{ padding: 5px 0;}
#gnav .gn_nav ul li a:hover{ text-decoration: none;}
#gnav .gn_rsrv ul li{ display: inline-block; margin: 0 20px 15px 15px;}
#gnav .gn_rsrv ul li a{ position: relative; box-sizing: border-box;}
#gnav .gn_rsrv ul li a::after{ content: ""; display: block; width: 6px; height: 6px; border-right: solid 1px #181818; border-bottom: solid 1px #181818; position: absolute; top: 8px; left: -15px; transform: rotate(-45deg);}
#gnav .gn_rsrv ul li.ja{ width: 100%; display: block; margin: 0 0 10px;}
#gnav .gn_rsrv ul li.ja a{ width: 100%; height: 80px; display: block; background-color: #112d26; color: #fff; font-size: 18px; line-height: 80px; text-align: center; transition: all 0.5s; padding: 0;}
#gnav .gn_rsrv ul li.ja a:hover{ background-color: #395c54; font-size: 16px; text-decoration: none;}
#gnav .gn_rsrv ul li.ja a::after{ display: none;}
#gnav .gn_rsrv ul li.en{ width: 100%; display: block; margin: 0 0 20px;}
#gnav .gn_rsrv ul li.en a{ width: 100%; height: 60px; display: block; border: solid 1px #b0b0b0; background-color: #fff; color: #181818; font-size: 18px; line-height: 60px; text-align: center; transition: all 0.5s; padding: 0;}
#gnav .gn_rsrv ul li.en a:hover{ background-color: #f2f2f2; font-size: 16px; text-decoration: none;}
#gnav .gn_rsrv ul li.en a::after{ display: none;}
#gnav .gn_tel{ text-align: center; padding: 40px 0; border-bottom: solid 1px #b0b0b0;}
#gnav .gn_tel .tit{ padding: 0 0 10px;}
#gnav .gn_tel .num{ padding: 0 0 5px;}
#gnav .gn_tel .num .tel-link{ font-size: 24px;}
#gnav .gn_sns{ display: flex; justify-content: flex-start; align-items: flex-start; padding: 30px 0 0;}
#gnav .gn_sns a{ display: block; width: 31px; height: 31px; text-indent: 100%; white-space: nowrap; overflow: hidden; background-size: 31px; margin: 0 10px 0 0;}
#gnav .gn_sns a.insta{ background: url(../img/ico_insta_01.svg) no-repeat 0 0; }
#gnav .gn_sns a.fb{ background: url(../img/ico_fb_01.svg) no-repeat 0 0;}
#gnav .gn_sns a:hover{ opacity: 0.8;}
#gnav_wrap .gn_close { position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 86px; height: 80px; font-size: 0; background-color: #181818;}
#gnav_wrap .gn_close a{ width: 100%; height: 100%; display: block; position: relative;}
#gnav_wrap .gn_close a:hover { text-decoration: none; }
#gnav_wrap .gn_close a::before,
#gnav_wrap .gn_close a::after{ content: ""; display: block; width: 30px; height: 1px; background-color: #fff; transform-origin: center center; position: absolute; top: 50%; left: 50%;}
#gnav_wrap .gn_close a::before{ transform: translate( -50%, -50%)rotate(-45deg) ;}
#gnav_wrap .gn_close a::after{ transform: translate( -50%, -50%) rotate(45deg);}
#gnav_wrap .overlay{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}

@media screen and (max-width: 600px) {
#gnav_wrap { height: 100%; background-image: none;}
#gnav_wrap .gn_logo{ display: none;}
#gnav { width: 100%; max-width: calc( 400px + 10% ); height: auto; margin: 0 auto; padding: 80px 5%;}
#gnav .gn_nav{ display: flex; justify-content: space-between; padding: 0 0 30px; width: 100%; max-width: 400px; margin: 0 auto;}
#gnav .gn_nav ul{ width: auto; font-size: 15px;}
#gnav .gn_rsrv{ width: 100%; max-width: 400px; margin: 0 auto;}
#gnav .gn_rsrv ul li.ja a{ height: 60px; font-size: 16px; line-height: 60px;}
#gnav .gn_rsrv ul li.ja a:hover{ font-size: 14px;}
#gnav .gn_rsrv ul li.en a{ height: 50px; font-size: 16px; line-height: 50px;}
#gnav .gn_rsrv ul li.en a:hover{ font-size: 14px;}
#gnav .gn_tel{ padding: 30px 0; width: 100%; max-width: 400px; margin: 0 auto;}
#gnav .gn_sns{ padding: 20px 0 0; width: 100%; max-width: 400px; margin: 0 auto;}
#gnav_wrap .gn_close { width: 66px; height: 60px;}
}

/* ---------------------------------------------------
	Main Title (Lower Page)
------------------------------------------------------ */
.main_tit { position: relative;}
.main_tit .tit{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; color: #fff; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8); text-align: center; width: 100%;}
.main_tit .tit .en{ font-size: 15px; text-transform: uppercase;}
.main_tit .tit .ja{ font-size: 40px;}
.main_tit img.ofi{ height: 520px;}

@media screen and (max-width: 600px) {
.main_tit .tit .en{ font-size: 14px;}
.main_tit .tit .ja{ font-size: 26px;}
.main_tit img.ofi{ height: 350px;}
}

/* ---------------------------------------------------
	Contents
------------------------------------------------------ */
#contents_wrap { }

@media screen and (max-width: 600px) {
	#contents_wrap { }
}


/* Breadcrumbs */
.breadcrumbs { width: 100%; font-size: 14px; background-color: #f2f2f2; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; padding: 15px; box-sizing: border-box;}
.breadcrumbs li { line-height: 1.4; padding: 0 26px 0 0; position: relative;}
.breadcrumbs li:before { content: ''; display: block; width: 5px; height: 5px; border-right: solid 1px #181818; border-bottom: solid 1px #181818; position: absolute; top: 6px; right: 12px; transform: rotate(-45deg); transform-origin: center center;}
.breadcrumbs li:last-child:before { display: none;}
.breadcrumbs li:last-child{ opacity: 0.5;}

@media screen and (max-width: 600px) {
.breadcrumbs { font-size: 12px; padding: 8px;}
.breadcrumbs li { line-height: 1.4; padding: 0 26px 0 0;}
.breadcrumbs li:before { width: 4px; height: 4px; top: 5px; right: 12px;}
}

/* Common Section Lead */
.cmn_sec_lead{ width: 100%; background: url(../img/bg_flower_01.webp) no-repeat #fff; background-position: calc( 50% + 550px ) 55px; background-size: 700px; text-align: center; padding: 70px 0 0; box-sizing: border-box;}
.cmn_sec_lead .copy{ font-size: 40px; line-height: 1.35; letter-spacing: 0.14em; padding: 0 0 50px;}
.cmn_sec_lead .txt{ padding: 0 0 1.6em; letter-spacing: 0.18em;}

@media screen and (max-width: 600px) {
.cmn_sec_lead{ background-position: calc( 150% ) 150px; background-size: 70%; text-align: left; padding: 40px 5% 0;}
.cmn_sec_lead .copy{ font-size: 26px; padding: 0 0 30px;}
}

/* Common Title 01 */
.cmn_tit_01{ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 0 40px; width: 100%;}
.cmn_tit_01 span{ line-height: 1;}
.cmn_tit_01 span.en{ font-size: 24px; letter-spacing: 0.12em; color: #a7abaa; padding: 0 0 10px 0;}
.cmn_tit_01 span.ja{ font-size: 40px; letter-spacing: 0.14em;}

@media screen and (max-width: 600px) {
.cmn_tit_01{ padding: 0 0 20px;}
.cmn_tit_01 span.en{ font-size: 14px; padding: 0 0 10px 0;}
.cmn_tit_01 span.ja{ font-size: 22px;}
}

/* Common Title 02 */
.cmn_tit_02{ display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 0 0 40px; width: 100%;}
.cmn_tit_02 span{ line-height: 1;}
.cmn_tit_02 span.en{ font-size: 18px; letter-spacing: 0.12em; color: #a7abaa; padding: 0 0 10px 0;}
.cmn_tit_02 span.ja{ font-size: 30px; letter-spacing: 0.14em;}

@media screen and (max-width: 600px) {
.cmn_tit_02{ padding: 0 0 20px;}
.cmn_tit_02 span.en{ font-size: 14px; padding: 0 0 10px 0;}
.cmn_tit_02 span.ja{ font-size: 20px;}
}

/* Common Local Navigation 01 */
.cmn_lnav_01{ width: 90%; max-width: 1200px; margin: 0 auto; padding: 0 0 90px; display: flex; justify-content: space-between;}
.cmn_lnav_01 li{ width: 24%; border: solid 1px #b0b0b0;}
.cmn_lnav_01 li a{ width: 100%; height: 40px; display: block; font-size: 15px; line-height: 40px; text-align: center; background-color: #fff; transition: background-color 0.5s;}
.cmn_lnav_01 li a:hover{ text-decoration: none; background-color: #f2f2f2;}

@media screen and (max-width: 600px) {
.cmn_lnav_01{ padding: 0 0 40px; flex-wrap: wrap;}
.cmn_lnav_01 li{ width: 49%; margin: 0 0 1%;}
}

/* ---------------------------------------------------
	Global Footer
------------------------------------------------------ */
.ft_copy{ width: 100%; height: 600px; background: url(../img/ft_img_01.webp) no-repeat center center; background-size: cover; display: flex; justify-content: center; align-items: center;}
.ft_copy span{ font-size: 30px; line-height: 1.6; color: #fff;}
#g_footer { display: flex; justify-content: space-between;}
#g_footer .ft_box_01{ width: 56%; padding: 80px 0;}
#g_footer .ft_box_01 .ft_box_in{ width: 560px; margin: 0 90px 0 auto;}
#g_footer .ft_tit{ color: #a7abaa; font-size: 13px; padding: 20px 0 0;}
#g_footer .ft_txt{ font-size: 15px; }
#g_footer .ft_txt .tel-link{ font-size: 23px;}
#g_footer .ft_rsrv{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin: 40px 0 0;}
#g_footer .ft_rsrv li{ display: inline-block; margin: 0 0 0 20px;}
#g_footer .ft_rsrv li a{ position: relative; box-sizing: border-box;}
#g_footer .ft_rsrv li a::after{ content: ""; display: block; width: 6px; height: 6px; border-right: solid 1px #181818; border-bottom: solid 1px #181818; position: absolute; top: 8px; left: -15px; transform: rotate(-45deg);}
#g_footer .ft_rsrv li a:hover{ text-decoration: none;}
#g_footer .ft_rsrv li.ja{ width: 100%; display: block; margin: 0 0 10px;}
#g_footer .ft_rsrv li.ja a{ width: 100%; height: 80px; display: block; background-color: #112d26; color: #fff; font-size: 18px; line-height: 80px; text-align: center; transition: all 0.5s; padding: 0;}
#g_footer .ft_rsrv li.ja a:hover{ background-color: #395c54; font-size: 16px; text-decoration: none;}
#g_footer .ft_rsrv li.ja a::after{ display: none;}
#g_footer .ft_rsrv li.en{ width: 100%; display: block; margin: 0 0 20px;}
#g_footer .ft_rsrv li.en a{ width: 100%; height: 60px; display: block; border: solid 1px #b0b0b0; background-color: #fff; color: #181818; font-size: 18px; line-height: 60px; text-align: center; transition: all 0.5s; padding: 0;}
#g_footer .ft_rsrv li.en a:hover{ background-color: #f2f2f2; font-size: 16px; text-decoration: none;}
#g_footer .ft_rsrv li.en a::after{ display: none;}
#g_footer .ft_box_02{ width: 44%; padding: 80px 0; background-color: #181818; color: #fff;}
#g_footer .ft_box_02 a{ color: #fff;}
#g_footer .ft_box_02 .ft_box_in{ width: 400px; height: 100%; margin: 0 auto 0 90px; position: relative;}
#g_footer .ft_nav{ display: flex; padding: 0 0 40px;}
#g_footer .ft_nav ul{ width: 50%; font-size: 15px;}
#g_footer .ft_nav ul li{ margin: 15px 0;}
#g_footer .ft_nav ul li a{ padding: 5px 0;}
#g_footer .ft_nav ul li a.link_l_r::before { background-color: #fff; }
#g_footer .ft_others{ border-top: solid 1px #757575; padding: 40px 0 0; display: flex; justify-content: flex-start; align-items: flex-start;}
#g_footer .ft_others p{ display: inline-block; color: #757575; font-size: 15px; line-height: 1; padding: 0 0 0 25px; margin: 0 30px 0 0;}
#g_footer .ft_others p.nosmoke{ background: url(../img/ico_nosmoke_01.webp) no-repeat left center; background-size: 20px;}
#g_footer .ft_others p.wifi{ background: url(../img/ico_wifi_01.webp) no-repeat left center; background-size: 20px;}
#g_footer .ft_sns{ position: absolute; bottom: 0; right: 130px; display: flex; justify-content: flex-start; align-items: flex-start;}
#g_footer .ft_sns a{ display: block; width: 31px; height: 31px; text-indent: 100%; white-space: nowrap; overflow: hidden; background-size: 31px; margin: 0 10px 0 0;}
#g_footer .ft_sns a.insta{ background: url(../img/ico_insta_01.svg) no-repeat 0 0; }
#g_footer .ft_sns a.fb{ background: url(../img/ico_fb_01.svg) no-repeat 0 0;}
#g_footer .ft_sns a:hover{ opacity: 0.8;}
#g_footer .ft_copyright{ position: absolute; bottom: 5px; right: 0; font-size: 14px; color: #4d5054;}

@media screen and (max-width: 600px) {
.ft_copy{ height: 260px; background: url(../img/ft_img_02.webp) no-repeat center center; background-size: cover;}
.ft_copy span{ font-size: 20px; line-height: 1.6;}
#g_footer { flex-direction: column;}
#g_footer .ft_box_01{ width: 100%; padding: 40px 0;}
#g_footer .ft_box_01 .ft_box_in{ width: 90%; margin: 0 auto;}
#g_footer .ft_logo{ width: 150px;}
#g_footer .ft_logo img{ width: 100%; height: auto;}
#g_footer .ft_tit{ font-size: 12px; padding: 20px 0 0;}
#g_footer .ft_txt{ font-size: 13px; }
#g_footer .ft_txt .tel-link{ font-size: 20px;}
#g_footer .ft_rsrv{ justify-content: flex-start; flex-direction: column; margin: 30px 0 0;}
#g_footer .ft_rsrv li{ margin: 0 0 10px 20px;}
#g_footer .ft_rsrv li a::after{ top: 7px;}
#g_footer .ft_rsrv li.ja{ margin: 0 0 10px;}
#g_footer .ft_rsrv li.ja a{ height: 70px; font-size: 16px; line-height: 70px;}
#g_footer .ft_rsrv li.ja a:hover{ font-size: 14px;}
#g_footer .ft_rsrv li.en{ margin: 0 0 20px;}
#g_footer .ft_rsrv li.en a{ height: 50px; font-size: 16px; line-height: 50px;}
#g_footer .ft_rsrv li.en a:hover{ font-size: 14px;}
#g_footer .ft_box_02{ width: 100%; padding: 40px 0;}
#g_footer .ft_box_02 .ft_box_in{ width: 90%; height: auto; margin: 0 auto; padding: 0 0 50px 0;}
#g_footer .acc_tit{ width: 100%; background-color: #2f2f2f; text-align: center; height: 50px; font-size: 15px; line-height: 50px; position: relative;}
#g_footer .acc_tit::before,
#g_footer .acc_tit::after{ content: ""; display: block; width: 10px; height: 1px; background-color: #fff; position: absolute; top: 50%; right: 20px; transition: transform 0.5s;}
#g_footer .acc_tit::after{ transform: rotate(90deg);}
#g_footer .acc_tit.active::after{ transform: rotate(0deg);}
#g_footer .ft_nav{ flex-direction: column; padding: 10px 0 0;}
#g_footer .ft_nav ul{ width: 100%; font-size: 14px;}
#g_footer .ft_nav ul li{ margin: 5px 0;}
#g_footer .ft_nav ul li a{ padding: 5px 0;}
#g_footer .ft_others{ border-top: none; padding: 20px 0 0; flex-direction: column;}
#g_footer .ft_others p{ font-size: 15px; line-height: 1; padding: 5px 0 5px 25px; margin: 0 0 15px;}
#g_footer .ft_sns{ right: auto; left: 0;}
#g_footer .ft_copyright{ bottom: 0; font-size: 12px;}
}