@charset "utf-8";

/* pc frame */
.konestBody	{ padding:0; margin-top:0px; }
.mainKonest { padding:0; line-height:normal; }

/* sp frame */
.km-part_line { display:none; }
.content_body { height:100%; }

.pseudo-fullscreen { position: fixed !important; width: 100% !important; height: 100% !important; top: 0px !important; left: 0px !important; z-index: 999999!important; }

/* main */
.header.sp .btn-hamburger { position:fixed; x-top:100px; z-index:99001; }
.m-header { z-index:99000; }

.x-go-btn { transition:transform 0.3s ease; }
.x-go-btn:hover { transform:scale(1.05, 1.05); }

.trans {
	transition-property:transform;
	transition-duration:0.5s;
	transition-timing-function:ease;
	x-transform:translate(0, 40px) scale(0.95, 0.95);
	transform:translate(0, 40px);
}
.trans.inview {
	x-transform:translate(0, 0) scale(1,1);
	transform:translate(0, 0);
}

.slide-conts .txt-slide h3 span { font-size:35px; }
.main.sp .slide-conts .txt-slide h3 span { font-size:30px; }

.main.pc .intro-area { height:536px; }
.main.pc .intro-area .intro-conts { width:450px; }
.main.pc .intro-area .inner { /* background-size:366px; */ background-position:80% center; }
.main.sp .intro-area .intro-conts { width:auto; }

.main.sp .intro-area h3 span { display:block; margin-left:0; word-spacing:0; }


/* weather */
.tbl-weather th span { font-size:18px; }

.main.sp .tbl-weather td { padding:10px 0; line-height:110%; }
.main.sp .tbl-weather th span { font-size:15px; }

/* gallery */
/* PhotoGallery */
.sec4 .tit-area { margin-bottom:25px; text-align:center; }
.sec4 .tit-area h2 { font-size: 26px; font-weight: 600; color: #333; }

.main.sp .sec4 .tit-area h2 { font-size: 20px; }

.slbOverlay { background-color:rgba(0,0,0,0.6); opacity:1; animation:none; }

.list-photo .photo-item a:hover:after { background-color: rgba(31, 248, 220, 0.56); }
.list-photo .photo-item a[cate='spot']:hover:after { background-color: rgba(104, 106, 234, 0.56); } /* spot */
.list-photo .photo-item a[cate='gourmet']:hover:after { background-color: rgba(250, 156, 150, 0.56); } /* gourmet */
.list-photo .photo-item a[cate='heritage'].sns:hover:after { background-color: rgba(234, 231, 104, 0.56); } /* sns */

.slbCaption { line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
.slbImageWrap .caption { line-height:36px; padding-top:0px; }

.slbElement.sp .slbCaption { font-size:13px; line-height:20px; }
.slbElement.sp .slbImageWrap .caption { font-size:12px; line-height:24px; height:24px; bottom:46px; }

/* theme */
.header.sp .hd-theme .img-pattern { top: auto; bottom: -120px; width: 100%; }

.theme .img-theme .img-caption { text-shadow: 1px 1px 2px #000; }

.header.sp .hd-theme .img-pattern-v1 { width:30%; top:0; left:0; }
.header.sp .hd-theme .img-pattern-v2 { width:80%; top:auto; bottom:-10%; left:auto; right:0; }


.list-theme .theme-conts a,
.list-theme .theme-conts a:link,
.list-theme .theme-conts a:visited { color:#006799; text-decoration:none; }
.list-theme .theme-conts a:hover { color:#0080C0; text-decoration:underline; }

.list-theme li.link { margin-bottom:40px; }
.list-theme li.link2 { margin-bottom:0px; }
.list-theme .theme-title { margin-bottom:15px; font-size:22px; font-weight:600; color:#F16058; }
.list-theme .theme-conts { margin-bottom:40px; font-size:15px; }
.list-theme.pc .theme-detail { padding-right:32px; }
.list-theme .theme-detail .theme-conts { margin-bottom:40px; }

.list-theme.sp .theme-conts { font-size:13px; }
.list-theme.sp .theme-title { font-size:18px; }

.list-theme .img-theme.nobox .img-caption { right:5%; bottom:3%; }
.list-theme .pic-left .img-theme.nobox .img-caption { right:auto; left:5%; bottom:3%; }

/* dev */
.xlist-theme .img-theme.nobox img::before { z-index:0; content:""; position:absolute; top:-5px; left:-5px; width:100%; height:100%; border:1px solid #f00; }
.xlist-theme .img-theme.nobox img { position:relative; z-index:1; display:inline-block; }
.xlist-theme .img-theme.nobox img::after { z-index:2; content:""; position:absolute; top:5px; left:5px; width:100%; height:100%; border:1px solid #0f0; }

.list-theme.pc .box-theme-info .img-area { width:45%; }
.list-theme.pc .box-theme-info .theme-detail { width:55%; }
.list-theme.pc .box-theme-info .img-area .img-theme { margin:0 0 30px; text-align:right; }

.list-theme.pc .pic-left .img-area { width:45%; }
.list-theme.pc .pic-left .img-area .img-theme { margin:0 0 30px; text-align:left; }
.list-theme.pc .pic-left .theme-detail { padding-left:32px; padding-right:0; width:55%; }

.theme .t2wrap { overflow:hidden; }
.theme .t2col .img-theme .img-caption { right:5%; bottom:5%; }

.theme .list-theme.pc .t2col { width:47%; float:right; }
.theme .list-theme.pc .t2col:first-child { float:left; }

/* theme button */
.theme .btn-next { background-color:#FFAAAA; }

.list-theme .theme-button { text-align:center; }
.list-theme .theme-button a {
	display:inline-block; max-width:100%; min-width:50%; border:1px solid #000; background-color:#FFD2D2; box-shadow:4px 4px 0 #000;
	padding:0 10px; height:40px; line-height:40px; text-align:center; font-size:18px; font-weight:600;
	margin-bottom:20px; color:#444; text-decoration:none;
}
.list-theme.sp .theme-button a { font-size:16px; height:36px; line-height:36px; min-width:90%; }

.theme.type2 .list-theme .theme-title { color:#1CA7AE; }
.theme.type2 .list-theme .theme-detail .tit-course { color:#1ebac1; }
.theme.type2 .btn-next { background-color:#97DCDF; }

.theme.type3 .list-theme .theme-title { color:#9F66CE; }
.theme.type3 .list-theme .theme-detail .tit-course { color:#b689d9; }
.theme.type3 .btn-next { background-color:#CFB4E7; }

/* 21.06.22 ksnam : theme-icon */
.theme-icon { display:flex; flex-wrap:nowrap; justify-content: space-around; margin-top:20px; margin-bottom:60px; }
.theme-icon img { width:calc((100% / 7) - 2px); }
.theme-icon img.off { filter:grayscale(1); opacity:0.5; }


/* youtube */
.youtube .list-report li { height:171px; }
.youtube .list-report li a { display:block; width:100%; height:100%; }
.youtube .list-report li .ico-play { position:absolute; width:51px; height:51px; top:50%; left:50%; margin:-25px 0 0 -25px; }

.main.pc .youtube .list-report { width:100%; justify-content:space-around; }
.main.pc .youtube .list-report li { height:200px; width:calc( (100% / 3) - 2px); }
.main.sp .youtube .list-report li { height:140px; }

/* hotel/tour */
.list-tour-hotel .tour-hotel-info h3 {
  overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
  -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.5em; max-height: 3em;
}

.rsv-disp { color:#777777; text-decoration:line-through; font-size:0.85em; }
.rsv-disc { display:none; }

.main.pc .list-tour-hotel .tour-hotel-info { min-height:130px; }

.main.sp .list-tour-hotel li:last-child { display:block; }
.main.sp .list-tour-hotel .btn-more { font-weight:600; border-radius:20px; height:40px; margin-top:-8px;margin-bottom:30px; }
.main.sp .list-tour-hotel .tour-hotel-info h2 { font-size:13px; margin-bottom:4px; }
.main.sp .list-tour-hotel .tour-hotel-info h3 { font-size:12px; margin-bottom:4px; }
.main.sp .list-tour-hotel .tour-hotel-info h4 { font-size:14px; }

/* map */
.sec7 { border-top:none; }
.sec6 .map-go { text-align:right; padding:4px 10px; border-top:14px solid #f98e9c; }
.sec6 .map-go a { font-size:13px; font-weight:600; }

/* region */
.list-region li { cursor:pointer; }
.list-region li img { transition:transform 0.3s ease; }
.list-region li:hover img { transform:scale(1.1); }

/* sns */
.btns-sns2 a { margin: 0 15px; }
.main.sp .btns-sns2 a img { width:12%; margin-bottom:20px; }

/* common */
.list-report li .bg { xdisplay:none; }
.list-report li:hover .bg { display:none; }
.list-report li:nth-child(3) .bg { background: rgba(101, 90, 30, 0.32); }