<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */ :root {
    --c_black: #000;
    --c_white: #e3e3e3;
    --c_ocher: #bd8b13;
    --c_red: #a90000;
    --c_gold: #696451;
    --mincho: "Zen Old Mincho", serif;
    --gothic: "游ゴシック体", YuGothic, "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
	--urban: "Urbanist", sans-serif;
	--num60: clamp(25px, 4.39vw, 60px);
	--num65: clamp(25px, 4.76vw, 65px);
	--num70: clamp(35px, 5.12vw, 70px);
	--num80: clamp(35px, 5.86vw, 80px);
	--num85: clamp(35px, 6.22vw, 85px);
	--num95: clamp(40px, 6.95vw, 95px);
	--num100: clamp(45px, 7.32vw, 100px);
    --fz11: clamp(9px, .8vw, 11px);
    --fz12: clamp(9px, .87vw, 12px);
    --fz13: clamp(9px, .95vw, 13px);
    --fz14: clamp(9px, 1.02vw, 14px);
    --fz15: clamp(9px, 1.09vw, 15px);
    --fz16: clamp(9px, 1.17vw, 16px);
    --fz17: clamp(9px, 1.24vw, 17px);
    --fz18: clamp(9px, 1.31vw, 18px);
    --fz19: clamp(9px, 1.39vw, 19px);
    --fz20: clamp(9px, 1.46vw, 20px);
    --fz21: clamp(9px, 1.53vw, 21px);
    --fz22: clamp(9px, 1.61vw, 22px);
    --fz23: clamp(9px, 1.68vw, 23px);
    --fz24: clamp(9px, 1.75vw, 24px);
    --fz25: clamp(9px, 1.83vw, 25px);
    --fz26: clamp(9px, 1.9vw, 26px);
    --fz27: clamp(9px, 1.97vw, 27px);
    --fz28: clamp(9px, 2.04vw, 28px);
    --fz29: clamp(9px, 2.12vw, 29px);
    --fz30: clamp(9px, 2.19vw, 30px);
    --fz31: clamp(9px, 2.26vw, 31px);
    --fz32: clamp(9px, 2.34vw, 32px);
    --fz33: clamp(9px, 2.41vw, 33px);
    --fz34: clamp(9px, 2.48vw, 34px);
    --fz35: clamp(9px, 2.56vw, 35px);
    --fz36: clamp(9px, 2.63vw, 36px);
    --fz37: clamp(9px, 2.7vw, 37px);
    --fz38: clamp(9px, 2.78vw, 38px);
}
@media only screen and (max-width: 768px) {
    :root {
        --fz11: clamp(9px, 2.75vw, 11px);
        --fz12: clamp(9px, 3vw, 12px);
        --fz13: clamp(9px, 3.25vw, 13px);
        --fz14: clamp(9px, 3.5vw, 14px);
        --fz15: clamp(9px, 3.75vw, 15px);
        --fz16: clamp(9px, 4vw, 16px);
        --fz17: clamp(9px, 4.25vw, 17px);
        --fz18: clamp(9px, 4.5vw, 18px);
        --fz19: clamp(9px, 5vw, 19px);
        --fz20: clamp(9px, 5.25vw, 20px);
        --fz21: clamp(9px, 5.75vw, 21px);
        --fz22: clamp(9px, 5.5vw, 22px);
        --fz23: clamp(9px, 5.75vw, 23px);
        --fz24: clamp(9px, 6vw, 24px);
        --fz25: clamp(9px, 6.25vw, 25px);
        --fz26: clamp(9px, 6.5vw, 26px);
        --fz27: clamp(9px, 6.75vw, 27px);
        --fz28: clamp(9px, 7vw, 28px);
        --fz29: clamp(9px, 7.25vw, 29px);
        --fz30: clamp(9px, 7.5vw, 30px);
        --fz31: clamp(9px, 7.75vw, 31px);
        --fz32: clamp(9px, 8vw, 32px);
        --fz33: clamp(9px, 8.25vw, 33px);
        --fz34: clamp(9px, 8.5vw, 34px);
        --fz35: clamp(9px, 8.75vw, 35px);
        --fz36: clamp(9px, 9vw, 36px);
        --fz37: clamp(9px, 9.25vw, 37px);
        --fz38: clamp(9px, 9.5vw, 38px);
		--fz40: clamp(9px, 10vw, 40px);
    }
}
.post_img {
    position: relative;
    overflow: hidden;
}
.post_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
.btn_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
}
/*modal*/
body.modal_open {
	overflow: hidden;
}
.modal_cont_wrapper {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.6);
	z-index: 9999;
}
.modal_cont_inner {
	position: absolute;
	top: 50%;
	left: 50%;
	display: none;
	max-width: 1000px;
	width: 92%;
	transform: translate(-50%, -50%);
}
.modal_close {
	position: absolute;
    bottom: calc(100% + 20px);
    right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 3em;
	height: 3em;
	border-radius: 50%;
	cursor: pointer;
}
.modal_close_inner {
    position: relative;
    width: 35px;
    height: 3px;
    margin-top: 12px;
    margin-bottom: 12px;
    background: transparent;
    transition: all .5s ease;
}
.modal_close_inner::before, .modal_close_inner::after {
    content: '';
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
}
.modal_close_inner::before {
    top: -12px;
    transition: all .5s ease;
	transform: translateY(12px) rotate(45deg);
}
.modal_close_inner::after {
    bottom: -12px;
    transition: all .5s ease;
	transform: translateY(-12px) rotate(-45deg);
}
/*//modal*/
.page-id-39348 #masthead, .page-id-39348 .sp_common_nav {
    background: linear-gradient(180deg, #5b5b5b 0%, transparent 100%);
	transition: all .5s ease;
}
.page-id-39348 footer {
	background: #009100;
}
#hidden-kyoto {
	width: 100%;
	color: #4d4d4d;
	overflow: hidden;
}
.hiddenKyoto_mainslide_wrap {
    position: relative;
    width: 100%;
    height: 100vh;
    z-index: 0;
}
.hiddenKyoto_mainslide .slick-list, .hiddenKyoto_mainslide .slick-track {
    height: 100%;
}
.hiddenKyoto_mainslide, .hiddenKyoto_mainslide .slide, .hiddenKyoto_mainslide .post_img {
    width: 100%;
    height: 100%;
}
.hiddenKyoto_mainslide .post_img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #c8c8c8;
    mix-blend-mode: multiply;
}
.hiddenKyoto_mainslide .slide_h {
    position: absolute;
    top: 45%;
    left: 50%;
    width: auto;
    padding: 1em .3em .7em;
    color: #fff;
    font-size: var(--fz33);
    font-weight: 600;
    letter-spacing: .2em;
    writing-mode: tb-rl;
	white-space: nowrap;
    border: 1px solid #fff;
    transform: translate(-50%, -50%);
}
.hiddenKyoto_mainslide_wrap .about_top_wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.hiddenKyoto_mainslide_wrap .figure_wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
}
.hiddenKyoto_mainslide_wrap .figure_wrap &gt; * {
	position: absolute;
	display: block;
}
.hiddenKyoto_mainslide_wrap .figure_wrap .f1 {
	bottom: 0;
    left: 2vw;
	width: 10.68vw;
}
.hiddenKyoto_mainslide_wrap .figure_wrap .f2 {
    bottom: .7vw;
    left: 18vw;
    width: 22.25vw;
}
.hiddenKyoto_mainslide_wrap .figure_wrap .f3 {
    bottom: 3.5vw;
    left: 51vw;
    width: 6.8vw;
}
.hiddenKyoto_mainslide_wrap .figure_wrap .f4 {
    bottom: 4.7vw;
    left: 68vw;
    width: 15.08vw;
}
.hiddenKyoto_mainslide_wrap .figure_wrap .f5 {
    bottom: 3.2vw;
    left: 85vw;
    width: 11.93vw;
}
#about_kyotango_hk {
    position: relative;
    width: 100%;
    min-height: 90vw;
    height: auto;
    background: url("./img_hidden-kyoto/about_back.jpg") top -5.7vw center/cover no-repeat;
    z-index: 1;
}
.hiddenKyoto_mainslide_wrap .about_top_wrap::before {
	content: '';
	position: relative;
	bottom: -2px;
	left: 0;
	display: block;
	width: 100%;
	padding-top: 5.7vw;
	background: url("./img_hidden-kyoto/about_back.jpg") top center/cover no-repeat;
	transform: scale(-1, -1);
	clip-path: url(#clippath_wave);
	z-index: 0;
}
#about_kyotango_hk::after {
    content: '';
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    padding-top: 5.7vw;
    background: url("./img_hidden-kyoto/about_back.jpg") top center/cover no-repeat;
    clip-path: url(#clippath_wave);
    z-index: 0;
}
#about_kyotango_hk::before {
    bottom: calc(100% - 2px);
    transform: scale(-1, -1);
}
#about_kyotango_hk::after {
    top: calc(100% - 2px);
    background: url("./img_hidden-kyoto/about_back.jpg") top center/cover no-repeat;
}
.about_figure_top {
    position: absolute;
    bottom: calc(100% - 1vw);
    left: 50%;
    display: block;
    width: 92%;
    transform: translateX(-50%);
    z-index: 1;
}
#about_kyotango_hk .inner {
    width: 100%;
}
#about_kyotango_hk .wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
	padding-top: clamp(15px, 5.12vw, 70px);
    margin-bottom: 35px;
}
#about_kyotango_hk .h {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 29%;
    padding-left: 3.66vw;
	margin-top: clamp(-70px, -5.12vw, -15px);
}
#about_kyotango_hk .h_inner {
    color: #fff;
    font-size: 7.47vw;
    writing-mode: tb-rl;
}
#about_kyotango_hk .tit {
    font-size: 1em;
    letter-spacing: .07em;
}
#about_kyotango_hk .tit &gt; span {
    color: transparent;
    font-size: .88em;
    text-stroke: 2px #fff;
    -webkit-text-stroke: 2px #fff;
}
#about_kyotango_hk .tit_en {
    font-size: 2.27vw;
    font-weight: 300;
}
#about_kyotango_hk .map_sub {
	display: block;
	max-width: inherit;
    width: 17.86vw;
}
#about_kyotango_hk .map {
    position: relative;
    width: 66%;
}
#about_kyotango_hk .map &gt; picture &gt; img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
}
#about_kyotango_hk .map &gt; span {
	position: absolute;
	display: block;	
}
#about_kyotango_hk .map .f1 {
    top: 24vw;
    right: 1vw;
    width: 3.3vw;
}
#about_kyotango_hk .map .f2 {
    top: 34vw;
    right: -5vw;
    width: 4.53vw;
}
#about_kyotango_hk .map .f3 {
    top: 60vw;
    left: 7vw;
    width: 7.46vw;
}
#about_kyotango_hk .cont {
    width: 48vw;
    padding-right: 5.85vw;
    margin-left: auto;
    color: #fff;
}
#about_kyotango_hk .tit_sub {
    font-size: var(--fz20);
}
#about_kyotango_hk .txt {
    font-size: var(--fz14);
}
#hk_nav {
	position: relative;
    width: 100%;
	margin-top: -2%;
	z-index: 1;
}
.hk_nav_li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1088px;
    width: 92%;
    margin: auto;
}
.hk_nav_li .item {
	position: relative;
    width: 12%;
	padding-top: 12%;
	transform: scale(1);
    transition: all .5s ease;
}
.hk_nav_li .item:hover {
	transform: scale(1.3);
}
.hk_nav_li .item.blue {
	background: url("./img_hidden-kyoto/circle_blue.png") center center/contain no-repeat;
}
.hk_nav_li .item.orange {
	background: url("./img_hidden-kyoto/circle_orange.png") center center/contain no-repeat;
}
.hk_nav_li .item.green {
	background: url("./img_hidden-kyoto/circle_green.png") center center/contain no-repeat;
}
.hk_nav_li .item &gt; a {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: var(--fz15);
	letter-spacing: 0;
	line-height: 1.3;
	text-align: center;
}
.hk_nav_li .item &gt; a::after {
	content: '\f078';
	font-size: 1.3em;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.hk_nav_li.slick-slider .slick-slide &gt; a::after {
	font-size: 1.2em;
}
.hk_nav_li .item &gt; a  img {
    display: block;
    margin-bottom: 10px;
}
.hk_nav_li .item  &gt; a[href="#instagrammable_spots"] img {
	width: 4.12em
}
.hk_nav_li .item  &gt; a[href="#experience"] img {
	width: 2.81em
}
.hk_nav_li .item  &gt; a[href="#local-food"] img {
	width: 4.06em
}
.hk_nav_li .item  &gt; a[href="#stay"] img {
	width: 3.18em
}
.hk_nav_li .item  &gt; a[href="#sample-itinerary"] img {
	width: 3.25em
}
.hk_nav_li .item  &gt; a[href="#column"] img {
	width: 5.62em
}
.hk_nav_li .item  &gt; a[href="#access"] img {
	width: 3.93em
}
.hk_sec {
	position: relative;
    width: 100%;
}
.hk_sec &gt; * {
	position: relative;
	z-index: 1;
}
.hk_sec .inner {
    width: 100%;
}
.hk_sec .block {
	position: relative;
	width: 100%;
}
.hk_sec .block &gt; * {
	position: relative;
	z-index: 1;
}
.hk_sec .cont {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	max-width: 955px;
	width: 92%;
	margin: auto;
}
.hk_sec .icon {
	position: relative;
	width: 20%;
	padding-top: 20%;
}
.hk_sec.blue .icon {
	background: url("./img_hidden-kyoto/circle_blue.png") center center/contain no-repeat;
}
.hk_sec.orange .icon {
	background: url("./img_hidden-kyoto/circle_orange.png") center center/contain no-repeat;
}
.hk_sec.green .icon {
	background: url("./img_hidden-kyoto/circle_green.png") center center/contain no-repeat;
}
.hk_sec .icon_inner {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: clamp(9px, 1.68vw, 23px);
	letter-spacing: 0;
	text-align: center;
}
.hk_sec .icon img {
	display: block;
	margin-bottom: 5px;
}
.hk_sec .cont_inner {
	width: 72%;
}
.hk_sec .tit {
	margin-bottom: 10px;
	font-size: clamp(9px, 6.37vw, 87px);
	font-family: var(--urban);
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.1;
}
.hk_sec.blue .tit {
	color: #00469f;
}
.hk_sec.orange .tit {
	color: #ff8700;
}
.hk_sec.green .tit {
	color: #009300;
}
.hk_sec .tit_sub {
	margin-bottom: .2em;
	font-size: var(--fz30);
}
.hk_sec .txt {
	font-size: var(--fz14);
	letter-spacing: 0;
	line-height: 2;
}
.hk_sec .slide_block {
	position: relative;
	width: 100%;
}
.hk_sec_main {
	position: relative;
	max-width: 700px;
	width: 92%;
	margin: var(--num70) auto var(--num85);
	z-index: 1;
}
.hk_sec_main .post_img {
    padding-top: 70%;
	border-radius: 20px;
}
.thumb_slide {
	width: 100%;
	margin-bottom: var(--num60);
}
.hk_sec_thumb {
	width: 100%;
}
.hk_sec_thumb .post_img {
	padding-top: 70%;
	margin: 0 10px;
	border-radius: 0;
}
#instagrammable_spots .hk_sec_main {
	background: #fff;
}
#hidden-kyoto .btn_arw {
    padding: 0 3px 3px 0;
    color: #fff;
    font-size: var(--fz17);
    font-weight: 600;
    border: 3px solid;
    border-radius: 9999px;
}
#hidden-kyoto .btn_arw &gt; span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .4em 2em .6em;
	margin-top: -1px;
    border-radius: 9999px;
}
#hidden-kyoto .btn_arw &gt; span::after {
	content: '\f138';
	position: relative;
	right: 0;
	margin-left: .3em;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	transition: all .3s ease;
}
#hidden-kyoto .btn_arw:hover &gt; span::after {
	right: -5px;
}
#hidden-kyoto .btn_arw.blue {
	border-color: #00469f;
}
#hidden-kyoto .btn_arw.blue &gt; span {
	background: #00469f;
}
#hidden-kyoto .btn_arw.orange {
	border-color: #ff8700;
}
#hidden-kyoto .btn_arw.orange &gt; span {
	background: #ff8700;
}
#hidden-kyoto .btn_arw.green {
	border-color: #009300;
}
#hidden-kyoto .btn_arw.green &gt; span {
	background: #009300;
}
.hk_sec#instagrammable_spots {
	margin: clamp(130px, 20.86vw, 285px) 0;
}
.hk_sec#instagrammable_spots .tit {
	font-size: clamp(9px, 6.37vw, 67px);
}
.hk_sec#experience {
	margin-bottom: clamp(50px, 10.98vw, 150px);
}
.hk_sec#stay {
	margin-bottom: clamp(75px, 15.01vw, 205px);
}
.hk_sec#sample-itinerary {
	margin-bottom: clamp(70px, 27.82vw, 380px);
}
#local-food {
    max-width: 1210px;
    width: 92%;
    margin: 0 auto clamp(40px, 17.2vw, 235px);
}
#local-food .h {
    max-width: 933px;
    width: 100%;
    margin: auto;
}
#local-food .h_sub {
    max-width: 20em;
    width: 100%;
    margin: -4em auto 2em;
    font-size: var(--fz30);
}
#local-food .tit_sub {
	margin-bottom: .5em;
	font-size: var(--fz30);
	letter-spacing: .05em;
}
#local-food .txt {
    font-size: var(--fz14);
	letter-spacing: .05em;
}
.localFood_li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    list-style: none;
}
.localFood_li &gt; li {
	position: relative;
    width: 26%;
}
.localFood_li .post_img {
    padding-top: 100%;
    border-radius: 50%;
}
.localFood_li .cont {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}
.localFood_li .cont::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -20%;
	display: block;
	width: 75%;
	padding-top: 75%;
	background: url("./img_hidden-kyoto/circle_rgreen.png") center center/contain no-repeat;
	z-index: -1;
}
.localFood_li .cont &gt; * {
	position: relative;
	z-index: 1;
}
.localFood_li .item_tit {
    margin: .8em 0 .3em;
    font-size: var(--fz26);
    text-align: center;
}
.localFood_li .txt {
	width: 100%;
}
#column {
	margin-bottom: clamp(45px, 26.35vw, 360px);
}
#column .block .figure_txt {
	opacity: 0;
	position: relative;
	top: 50px;
    max-width: 1254px;
    width: 92%;
    margin: auto;
	transition: all 1s ease;
}
#column .block .figure_txt.scrl_in {
	opacity: 1;
	top: 0;
}
#column .block .figure_txt img {
	max-width: 785px;
	width: 63%;
}
#column .main_img {
    max-width: 700px;
    width: 92%;
	margin: var(--num65) auto var(--num100);
}
#column .main_img .post_img {
	padding-top: 70%;
	border-radius: 20px;
}
#column .unmanned_sales {
    max-width: 1240px;
    width: 92%;
    margin: 0 auto clamp(60px, 9.88vw, 135px);
}
#column .unmanned_sales .wrap {
	opacity: 0;
	position: relative;
	top: 50px;
    display: flex;
    justify-content: space-between;
	transition: all 1s ease;
}
#column .unmanned_sales .wrap.scrl_in {
	opacity: 1;
	top: 0;
}
.unmanned_sales .wrap1 {
	width: 100%;
}
.unmanned_sales .wrap1 .tit_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 66%;
	padding: 0 1em;
	font-size: var(--fz35);
	background: url("./img_hidden-kyoto/column_figure6.png") center bottom/100% auto no-repeat;
}
.unmanned_sales .wrap1 .tit_wrap .tit {
	margin: 0 2em;
	color: #009300;
	font-size: var(--fz35);
	font-weight: 700;
	white-space: nowrap;
}
.unmanned_sales .wrap1 {
	margin-bottom: var(--num80);
}
.unmanned_sales .wrap1 .figure1 {
    display: block;
    max-width: 260px;
    width: 100%;
}
.unmanned_sales .wrap1 .figure2 {
	max-width: 91px;
	width: 100%;
}
.unmanned_sales .wrap .img {
	position: relative;
	width: 33%;
}
.unmanned_sales .wrap .post_img {
	padding-top: 66%;
	border-radius: 20px;
}
.unmanned_sales .wrap .cap {
	position: absolute;
	top: calc(100% + .5em);
	left: 0;
	width: 100%;
	font-size: var(--fz18);
	letter-spacing: 0;
	text-align: center;
}
#column .unmanned_sales .wrap.wrap2 {
	justify-content: flex-start;
}
.unmanned_sales .wrap.wrap2 .img {
    margin-left: 7%;
}
.unmanned_sales .wrap2 .figure_txt {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	width: 30%;
	margin-left: 2%;
}
.unmanned_sales .wrap2 .figure_txt &gt; img {
	display: block;
	width: 100%;
}
#column .unmanned_sales .wrap.wrap3 {
	flex-direction: row-reverse;
	justify-content: flex-start;
	align-items: flex-end;
    transform: translateY(-40%);
}
.unmanned_sales .wrap.wrap3 .img {
	width: 24%;
}
.unmanned_sales .wrap.wrap3 .post_img {
	padding-top: 91%;
}
.unmanned_sales .wrap.wrap3 .txt {
    width: auto;
    padding: 1em 4em 1em 3em;
    margin-right: -1em;
    color: #fff;
    font-size: var(--fz18);
    letter-spacing: 0;
    line-height: 1.5;
    background: #009300;
    border-radius: 20px 0 0 20px;
}
#column .map_block {
    width: 100%;
}
#column .map_block .tit {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 1em;
	font-size: var(--fz30);
	font-weight: 700;
}
#column .map_block .tit::before {
	content: '';
	display: block;
	width: 10.2em;
	height: 2.8em;
	margin-right: 2em;
	background: url("./img_hidden-kyoto/column_figure8.png") center center/contain no-repeat;
}
#column .map_block .tit::after {
	content: '';
	display: block;
	width: 10.6em;
	height: 2.6em;
	margin-left: 2.5em;
	background: url("./img_hidden-kyoto/column_figure9.png") center center/contain no-repeat;
}
#column .map {
	position: relative;
	max-width: 900px;
	width: 100%;
	padding-top: 51%;
	margin: auto;
}
#column .map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#column .map_block .txt {
	width: 92%;
	margin: .5em auto 0;
	font-size: var(--fz16);
	text-align: center;
}
#column .map_block .txt br {
	display: none;
}
#access {
	margin-bottom: clamp(50px, 8.41vw, 115px);
}
.hk_sec#access .cont {
    justify-content: center;
	margin-bottom: var(--num95);
}
.hk_sec#access .cont_inner {
    width: auto;
	margin-left: 5%;
}
#access .map {
	width: 100%;
}
#access .map img {
	display: block;
	width: 100%;
}
.access_li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 787px;
    width: 92%;
    margin: var(--num65) auto;
    list-style: none;
}
.access_li &gt; li {
    width: 16%;
}
.access_li &gt; li &gt; a {
	opacity: 1;
	position: relative;
	display: block;
	width: 100%;
	padding-top: 100%;
	background: #00469f;
	border-radius: 50%;
	transition: all .3s ease;
}
.access_li &gt; li &gt; a:hover {
	opacity: .6;
}
.access_li span {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: var(--fz30);
	font-weight: 700;
	line-height: 1.3;
}
.access_li small {
	display: block;
	font-size: .66em;
}
.instagrammable_spots_figure1 {
    position: absolute;
    bottom: 108%;
    left: 0;
    width: 100%;
}
.figure_block &gt; *:not(picture), .figure_block &gt; picture &gt; img {
    position: absolute;
	display: block;
}
.instagrammable_spots_figure1 .f1 {
	bottom: -2.19vw;
	left: 10.68vw;
	max-width: 88px;
	width: 6.4vw
}
.instagrammable_spots_figure1 .f2 {
	bottom: 1.46vw;
	left: 19.54vw;
	max-width: 229px;
	width: 21.8vw;
}
.instagrammable_spots_figure1 .f3 {
	bottom: .73vw;
	left: 70.49vw;
	max-width: 181px;
	width: 13.2vw;
}
.instagrammable_spots_figure1 .f4 {
	bottom: 0;
	left: 85.5vw;
	max-width: 126px;
	width: 9.2vw;
}
.instagrammable_spots_figure2 {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: 700px;
    width: 92%;
    transform: translateX(-50%);
	z-index: 0;
}
.instagrammable_spots_figure2::before {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    padding-top: 70%;
}
.instagrammable_spots_figure2 .f1, .instagrammable_spots_figure2 .f2, .instagrammable_spots_figure2 .f3 {
	max-width: 57px;
	width: 4.17vw;
}
.instagrammable_spots_figure2 .f1 {
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
}
.instagrammable_spots_figure2 .f2 {
    bottom: 0;
    left: 0;
    transform: translate(-50%, 50%) scale(1, -1);
}
.instagrammable_spots_figure2 .f3 {
    bottom: 0;
    right: 0;
    transform: translate(50%, 50%) scale(-1,-1);
}
.instagrammable_spots_figure2 .f4 {
    top: 0;
    right: 0;
    max-width: 69px;
    width: 5.05vw;
    transform: translate(55%, -15%);
}
.instagrammable_spots_figure2 .f5 {
    bottom: 0;
    right: 0;
    max-width: 79px;
    width: 5.78vw;
	transform: translate(80%, -50%);
}
.instagrammable_spots_figure3 {
    position: absolute;
    top: 100%;
    left: 9.88vw;
    max-width: 156px;
    width: 11.42vw;
    transform: translateY(-30%);
}
.hk_sec .block &gt; .experience_figure1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.experience_figure1 .f1 {
    top: 8vw;
    right: 7vw;
    max-width: 173px;
    width: 12.66vw;
}
.experience_figure1 .f2 {
    bottom: 0;
    left: 0;
    max-width: 123px;
    width: 9vw;
    transform: translate(50%, 30%);
}
.experience_figure1 .f3 {
    bottom: 0;
    right: 0;
    max-width: 159px;
    width: 11.63vw;
    transform: translate(-25%, 30%);
}
.experience_figure1 .f4 {
	top: 0;
	left: 0;
	max-width: 273px;
	width: 19.98vw;
}
.experience_figure1 .f4 img {
	opacity: 0;
	position: relative;
	transform: translate(-50%, 40%);
	transition: all 2s ease;
}
.experience_figure1 .f4.scrl_in img {
	opacity: 1;
	transform: translate(0, 0);
}
.experience_figure1 .f5 {
	top: 0;
	right: 0;
	max-width: 414px;
	width: 30.3vw;
	transform: translateY(-50%);
}
.experience_figure1 .f5 img, .experience_figure1 .f7 img, .experience_figure2 .f1 img {
	opacity: 0;
	position: relative;
	transform: translate(50%, 100%);
	transition: all 2s ease;
}
.experience_figure2 .f1 img {
	transform: translate(-50%, 100%);
}
.experience_figure1 .f5.scrl_in img, .experience_figure1 .f7.scrl_in img, .experience_figure2 .f1.scrl_in img {
	opacity: 1;
	transform: translate(0, 0);
}
.experience_figure1 .f6 {
	bottom: 0;
	right: 0;
	max-width: 197px;
	width: 14.42vw;
	transform: translateY(-100%);
}
.experience_figure1 .f6 img {
	opacity: 1;
	position: relative;
	transform: translate(50%, 100%);
	transition: all 1s ease;
}
.experience_figure1 .f6.scrl_in img {
	opacity: 1;
	transform: translate(0, 0);
}
.experience_figure1 .f7 {
	top: 0;
	right: 0;
	display: none;
	max-width: 230px;
	width: 57.5vw;
	transform: translateY(-40%);
}
#experience.hk_sec .slide_block {
	position: relative;
	width: 100%;
}
#experience.hk_sec .experience_figure2 {
	position: absolute;
	width: 100%;
}
.experience_figure2 span {
	position: absolute;
	display: block;
}
.experience_figure2 .f1 {
	bottom: 100%;
	left: 0;
	display: none;
	max-width: 236px;
	width: 59vw;
}
.experience_figure2 .f2 {
	bottom: 100%;
	right: 0;
	display: none;
	max-width: 110px;
	width: 27.5vw;
	transform: translate(-25%, -20%);
}
#experience.hk_sec .cont_inner .txt {
    width: 43vw;
}
.hk_sec .block &gt; .stay_figure1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.stay_figure1 img {
	position: absolute;
	display: block;
}
.stay_figure1 .f1 {
    top: 0;
    left: 0;
    max-width: 253px;
    width: 18.52vw;
}
.stay_figure1 .f1 img {
	opacity: 0;
	position: relative;
	transform: translate(-50%, 50%);
	transition: all 2s ease;
}
.stay_figure1 .f1.scrl_in img {
	opacity: 1;
	transform: translate(0, 0);
}
.stay_figure1 .f2 {
    top: 0;
    right: 0;
    max-width: 312px;
    width: 22.8vw;
    transform: translateY(-50%);
}
.stay_figure1 .f2 img {
	opacity: 0;
	position: relative;
	transform: translate(50%, 50%);
	transition: all 2s ease;
} 
.stay_figure1 .f2.scrl_in img {
	opacity: 1;
	transform: translate(0, 0);
}
.stay_figure1 .f3 {
	top: 0;
	right: 0;
	display: none;
	max-width: 126px;
	width: 31.5vw;
	transform: translate(-15%, 75%);
}
.stay_figure2 {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: 700px;
    width: 92%;
    transform: translateX(-50%);
    z-index: 2;
}
.stay_figure2::before {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    padding-top: 70%;
}
.stay_figure2 .f1 {
    bottom: 0;
    left: 0;
    max-width: 188px;
    width: 13.76vw;
    transform: translate(-125%, 15%);
}
.stay_figure2 .f2 {
    top: 0;
    right: 0;
    max-width: 212px;
    width: 15.51vw;
    transform: translate(80%, -50%);
}
.stay_figure2 .f3 {
    bottom: 0;
    right: 0;
    max-width: 208px;
    width: 13.22vw;
	transform: translateX(150%);
}
#sample-itinerary .hk_sec_main {
    padding-bottom: clamp(50px, 9.15vw, 125px);
    margin-bottom: var(--num70);
}
.hk_sec .block &gt; .sample_itinerary_figure1 {
	position: absolute;
	top: 0;
	left: 50%;
	max-width: 1150px;
	width: 100%;
	height: 100%;
	transform: translateX(-50%);
	z-index: 0;
}
.sample_itinerary_figure1 .f1 {
    bottom: 0;
    left: 0;
    width: 100%;
}
.sample_itinerary_figure1 .f1 img {
	opacity: 0;
	transform: translate(0, 20%);
	transition: all 1s ease;
}
.sample_itinerary_figure1 .f1.scrl_in img {
	opacity: 1;
	transform: translate(0, 0);
}
.sample_itinerary_figure1 .f2 {
    bottom: 0;
    right: 0;
    max-width: 136px;
    width: 9.95vw;
    transform: translate(-10%, -500%);
}
.sample_itinerary_figure1 .f3 {
    bottom: 0;
    left: 0;
    max-width: 46px;
    width: 3.36vw;
    transform: translate(100%, -200%);
}
.sample_itinerary_figure1 .f4 {
    bottom: 0;
    left: 0;
    max-width: 62px;
    width: 4.53vw;
}
.sample_itinerary_figure1 .f5 {
    bottom: 0;
    right: 0;
    max-width: 76px;
    width: 5.56vw;
    transform: translateX(50%);
}
.sample_itinerary_figure2 {
    position: relative;
    width: 100%;
	margin-top: 30px;
    display: none;
}
.sample_itinerary_figure2 .f1 {
	position: relative;
	width: 100%;
	z-index: 0;
}
.sample_itinerary_figure2 .f2 {
    top: -7vw;
    left: 6vw;
    max-width: 53px;
    width: 13.25vw;
	z-index: 1;
}
.sample_itinerary_figure2 .f4 {
    top: 0;
    right: 0;
    max-width: 36px;
    width: 9vw;
    transform: translate(-50%, -50%);
	z-index: 1;
}
.hk_sec .block &gt; .column_figure1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.column_figure1 img {
	position: absolute;
	display: block;
}
.column_figure1 .f1 {
	top: 0;
	left: 0;
	max-width: 365px;
	width: 26.72vw;
	transform: translateY(-70%);
}
.column_figure1 .f1 img {
	opacity: 0;
	position: relative;
	transform: translate(-50%, -10%);
	transition: all 1.5s ease;
}
.column_figure1 .f1.scrl_in img {
	opacity: 1;
	transform: translate(0, 0);
}
.column_figure1 .f2 {
	top: 0;
	right: 0;
	max-width: 462px;
	width: 33.82vw;
	transform: translateY(-20%);
}
.column_figure1 .f2 img {
	opacity: 0;
	position: relative;
	transform: translate(50%, -10%);
	transition: all 1.5s ease;
}
.column_figure1 .f2.scrl_in img {
	opacity: 1;
	transform: translate(0, 0);
}
.column_figure1 .f3 {
	top: 0;
	right: 0;
	display: none;
	max-width: 267px;
	width: 66.75vw;
}
#column.hk_sec .cont_inner .txt {
	width: 40vw;
}
.hk_sec .block &gt; .access_figure1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.access_figure1 .f1 {
	top: 0;
	left: 0;
	max-width: 365px;
	width: 26.72vw;
	transform: translateY(-70%);
}
.access_figure1 .f1 img {
	opacity: 0;
	position: relative;
	transform: translate(-50%, 20%);
	transition: all 2s ease;
}
.access_figure1 .f1.scrl_in img {
	opacity: 1;
	transform: translate(0, 0);
}
.access_figure1 .f2 {
	top: 0;
	right: 0;
	max-width: 467px;
	width: 34.18vw;
	transform: translateY(-40%);
}
.access_figure1 .f2 img {
	opacity: 0;
	position: relative;
	transform: translate(50%, 20%);
	transition: all 2s ease;
}
.access_figure1 .f2.scrl_in img {
	opacity: 1;
	transform: translate(0, 0);
}
.access_figure2 {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	overflow: hidden;
}
.access_figure2 .f1 {
	position: relative;
	max-width: inherit;
	width: 108vw;
	z-index: 0;
}
.access_figure2 .f1 img {
	opacity: 0;
	position: relative;
	top: 50px;
	transition: all 1s ease;
}
.access_figure2 .f1.scrl_in img {
	opacity: 1;
	top: 0;
}
.access_figure2 .f2 {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    max-width: 127px;
    width: 9.29vw;
    transform: translate(50%, -100%);
}
.access_figure2 .f3 {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    max-width: 141px;
    width: 10.32vw;
    transform: translate(-80%, -50%);
}
.hk_nav_li.slick-slider {
    width: 100%;
}
.hk_nav_li.slick-slider .slick-slide &gt; a img {
	margin-bottom: 5px;
}
.hk_nav_li.slick-slider .slick-slide &gt; a {
	font-size: 2.75vw;
}
.hk_nav_li.slick-slider .slick-slide {
	padding-top: 6%;
}
.hk_nav_li.slick-slider .slick-slide:nth-of-type(even) {
	margin-top: 3%;
}
#video_player {
    display: block;
    width: 100%;
    height: 560px;
    margin: auto;
}
.modal {
	cursor: pointer;
}
@keyframes swing {
	0% {
		transform: rotate(-10deg);
	}
	16% {
		transform: rotate(10deg);
	}
	50% {
		transform: rotate(10deg);
	}
	66% {
		transform: rotate(-10deg);
	}
	100% {
		transform: rotate(-	10deg);
	}
}
.anim_swing, .anim_swing {
	transform: rotate(-10deg);
	animation: swing 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
}
@keyframes scaleup {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	5% {
		opacity: 1;
	}
	60% {
		opacity: 1;
		transform: scale(1.1);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
.anim_scaleup {
	opacity: 0;
	transform: scale(.3);
}
.scrl_in .anim_scaleup, .anim_scaleup.scrl_in {
	animation: scaleup .4s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
}
@keyframes scaleup_swing {
	0% {
		opacity: 0;
		transform: scale(.3) rotate(-10deg);
	}
	5% {
		opacity: 1;
	}
	60% {
		opacity: 1;
		transform: scale(1.1) rotate(-10deg);
	}
	100% {
		opacity: 1;
		transform: scale(1) rotate(-10deg);
	}
}
.anim_scaleup_swing {
	opacity: 0;
	transform: scale(.3) rotate(-10deg);
}
.scrl_in .anim_scaleup_swing, .anim_scaleup_swing.scrl_in {
	animation: scaleup_swing .4s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
}
.start .anim_scaleup_swing, .anim_scaleup_swing.start {
	opacity: 1;
	transform: rotate(-10deg);
	animation: swing 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
}
@keyframes btm_up {
	0% {
		opacity: 0;
		top: 50px;
	}
	100% {
		opacity: 1;
		top: 0;
	}
}
.anim_btm_up {
	opacity: 0;
	top: 50px;
}
.scrl_in .anim_btm_up, .anim_btm_up.scrl_in {
	animation: btm_up .4s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
}
@media only screen and (max-width: 767px) {
	.hk_nav_li.slick-slider .slick-slide &gt; a::after {
		font-size: 1.2em;
	}
	.hk_nav_li.slick-slider .slick-slide &gt; a {
		font-size: 2.4vw;
	}
	.hiddenKyoto_mainslide .slide_h {
		font-size: var(--fz16);
	}
	#about_kyotango_hk .h_inner {
		font-size: 11.75vw;
	}
	#about_kyotango_hk .map_sub {
		align-self: flex-end;
		width: 29.5vw;
		margin-right: 10px;
	}
	#about_kyotango_hk .tit_sub {
		display: none;
	}
	#about_kyotango_hk .cont {
		width: 92%;
		padding-right: 0;
		margin: auto;
	}
	.hk_sec .cont {
		flex-direction: column;
		justify-content: flex-start;
	}
	.hk_sec .cont_inner {
		width: 100%;
		margin-top: 10px;
	}
	.hk_sec .tit {
		font-size: var(--fz40);
	}
	.hk_sec#instagrammable_spots .tit {
		font-size: var(--fz38);
	}
	.hk_sec .tit_sub {
		font-size: var(--fz15);
	}
	.hk_sec_main {
		width: 100%;
	}
	.hk_sec_main .post_img {
		border-radius: 0;
	}
	.hk_sec#instagrammable_spots .hk_sec_main {
		width: 85%;
	}
	.hk_sec#instagrammable_spots .hk_sec_main .post_img {
		border-radius: 10px;
	}
	.hk_sec_thumb .post_img {
		margin: 0 5px;
	}
	.hk_sec .txt, #experience.hk_sec .cont_inner .txt, #column.hk_sec .cont_inner .txt {
		width: 100%;
		line-height: 1.6;
	}
	.hk_sec .icon {
		width: 80px;
		padding-top: 80px;
	}
	#local-food {
		width: 100%;
	}
	#local-food .tit {
		width: 100%;
		overflow: hidden;
	}
	#local-food .tit img {
		max-width: inherit;
		width: 110%;
		margin-left: -17%;
	}
	#local-food .tit_sub {
		font-size: var(--fz17);
		text-align: center;
	}
	#local-food .tit_sub &gt; span {
		display: none;
	}
	#local-food .h_sub {
		margin-top: -3em;
	}
	#local-food .txt {
		width: 92%;
		margin: auto;
	}
	.localFood_li {
		flex-direction: column;
		justify-content: flex-start;
		width: 92%;
		margin: auto;
	}
	.localFood_li &gt; li {
		width: 100%;
		margin-bottom: 50px;
	}
	.localFood_li .post_img {
		width: 200px;
		padding-top: 200px;
		margin: auto;
	}
	.localFood_li .cont::before {
		display: none;
	}
	.localFood_li .item_tit {
		margin-bottom: .5em;
		font-size: var(--fz18);
	}
	#column .main_img {
		width: 100%;
	}
	#column .main_img .post_img {
		border-radius: 0;
	}
	#column .unmanned_sales .wrap {
		flex-direction: column;
		justify-content: flex-start;
	}
	#column .block .figure_txt img {
		width: 100%;
		margin-top: 15px;
	}
	.unmanned_sales .wrap1 .tit_wrap {
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
	}
	.unmanned_sales .wrap1 .tit_wrap .tit {
		margin: 0 .7em;
		font-size: var(--fz19);
	}
	.unmanned_sales .wrap1 .figure1 {
		max-width: 86px;
		width: 21.5vw;
	}
	.unmanned_sales .wrap1 .figure2 {
		max-width: 87px;
		width: 21.5vw;
	}
	.unmanned_sales .wrap .img {
		max-width: 288px;
		width: 92%;
		margin: auto;
	}
	.unmanned_sales .wrap .cap {
		font-size: var(--fz13);
	}
	.unmanned_sales .wrap.wrap2 .img {
		margin: 25px auto 70px;
	}
	.unmanned_sales .wrap2 .figure_txt &gt; img {
		display: none;
	}
	#column .unmanned_sales .wrap.wrap3 {
		position: relative;
		flex-direction: column;
		transform: translateY(0);
	}
	#column .unmanned_sales .wrap.wrap3::before {
		content: '';
		position: absolute;
		top: 15%;
		right: 0;
		display: block;
		width: 37%;
		padding-top: 25%;
		background: url("./img_hidden-kyoto/column_figure7_sp.png") center center/contain no-repeat;
	}
	#column .unmanned_sales .wrap.wrap3::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		padding-top: 6%;
		background: url("./img_hidden-kyoto/column_figure6.png") left center/100% auto no-repeat;
		z-index: -1;
	}
	.unmanned_sales .wrap.wrap3 .txt {
		width: 63%;
		padding: 3em 1.5em 2em;
		margin: -1.5em 0 0 -16%;
		font-size: 11px;
		border-radius: 15px;
	}
	.unmanned_sales .wrap.wrap3 .img {
		max-width: inherit;
        width: 56%;
        margin: 0 auto 0 0;
	}
	#column .map_block .tit::before, #column .map_block .tit::after {
		display: none;
	}
	#column .map_block .tit {
		font-size: var(--fz16);
	}
	#column .map {
		padding-top: 65%;
	}
	#column .map_block .txt br {
		display: block;
	}
	#about_kyotango_hk {
	    padding-bottom: 25vw;
		background-position: top center;
	}
	#hk_nav {
		margin-top: -23%;
	}
	.access_li span {
		font-size: var(--fz14);
	}
	.instagrammable_spots_figure1 .f1 {
		bottom: -8vw;
		left: 6vw;
		max-width: 39px;
		width: 97.5vw;
	}
	.instagrammable_spots_figure1 .f2 {
		bottom: -9vw;
		max-width: 124px;
		width: 31vw;
	}
	.instagrammable_spots_figure1 .f3 {
		bottom: -19vw;
		left: 58vw;
		max-width: 89px;
		width: 22.2vw;
	}
	.instagrammable_spots_figure1 .f4 {
		bottom: -20vw;
		left: 79vw;
		max-width: 56px;
		width: 14vw;
	}
	.instagrammable_spots_figure2 .f1, .instagrammable_spots_figure2 .f2, .instagrammable_spots_figure2 .f3 {
		width: 6.25vw;
	}
	.instagrammable_spots_figure2 .f1 {
		transform: translate(-5%, -60%);
	}
	.instagrammable_spots_figure2 .f2 {
		transform: translate(-5%, -20%) scale(1, -1);
	}
	.instagrammable_spots_figure2 .f3 {
		transform: translate(-5%, -20%) scale(-1,-1);
	}
	.instagrammable_spots_figure2 .f4 {
		width: 7vw;
		transform: translate(7%, -15%);
	}
	.instagrammable_spots_figure2 .f5 {
		width: 11.5vw;
		transform: translate(30%, -55%);
	}
	#hidden-kyoto .btn_arw {
		font-size: 9px;
	}
	.instagrammable_spots_figure3 {
		left: 2vw;
		width: 19.75vw;
	}
	.experience_figure1 .f1, .experience_figure1 .f2, .experience_figure1 .f3, .experience_figure1 .f4, .experience_figure1 .f5, .experience_figure1 .f6 {
		display: none;
	}
	.experience_figure1 .f7, .experience_figure2 .f1, .experience_figure2 .f2 {
		display: block;
	}
	#experience .hk_sec_main {
		margin-top: clamp(80px, 32.5vw, 130px);
	}
	.hk_sec#experience .icon img {
		width: 3.55em!important;
	}
	.stay_figure1 .f1 {
		width: 44vw;
	}
	.stay_figure1 .f2 {
		width: 35vw;
	}
	.stay_figure1 .f1 {
	    width: 44vw;
		transform: translateY(-50%);
	}
	.stay_figure1 .f3 {
		display: block;
	}
	.stay_figure2 {
		display: none;
	}
	.sample_itinerary_figure1 .f3, .sample_itinerary_figure1 .f4, .sample_itinerary_figure1 .f5 {
		display: none;
	}
	.sample_itinerary_figure1 .f1 {
		top: 0;
		bottom: auto;
	}
	.sample_itinerary_figure1 .f2 {
		top: 0;
        right: auto;
        left: 50%;
        width: 16.25vw;
        height: auto;
        transform: translate(-10%, 5%);
        z-index: 1;
	}
	.sample_itinerary_figure2 {
		display: block;
	}
	#sample-itinerary .hk_sec_main {
		padding-bottom: 0;
	}
	.hk_sec#sample-itinerary {
		margin-bottom: clamp(30px, 15vw, 60px);
	}
	.column_figure1 .f1 {
		max-width: 156px;
		width: 39vw;
		transform: translateY(-35%);
	}
	.column_figure1 .f2 {
		display: none;
	}
	.column_figure1 .f3 {
		display: block;
	}
	.access_figure1 .f1 {
		display: none;
	}
	.access_figure1 .f2 {
		max-width: 220px;
		width: 55vw;
		transform: translateY(-5%);
	}
	.access_figure2 .f2 {
		max-width: 65px;
		width: 16.25vw;
	}
	.access_figure2 .f3 {
		max-width: 59px;
		width: 14.75vw;
		transform: translate(-140%, -50%);
	}
	#about_kyotango_hk .map .f1 {
		top: 62vw;
		right: 13vw;
		width: 4vw;
	}
	#about_kyotango_hk .map .f2 {
		top: 56vw;
		right: 4vw;
		width: 5.25vw;
	}
	#about_kyotango_hk .map .f2 .anim_scaleup_swing {
		animation-delay: .2s;
	}
	#about_kyotango_hk .map .f3 {
		top: 65vw;
		left: 11vw;
		width: 9.75vw;
	}
	#about_kyotango_hk .map .f3 .anim_scaleup_swing {
		animation-delay: .4s;
	}
	#about_kyotango_hk .map {
		width: 79%;
	}
}</pre></body></html>