@charset "utf-8";
/* CSS Document */
/*----------------------------------

 共通  タビジョ　2020/11
 
 ----------------------------------- */
 .breadcrumb {
    width: 1024px;
 }
 @media screen and (max-width: 1024px) {
	.breadcrumb {
		width: 100%;
	}
}
.section__container {
    color: #666;
    letter-spacing: 0.1em;
    width: 1024px;
    margin: 0 auto 100px;
}
@media screen and (max-width: 1024px) {
	.section__container {
		width: 100%;
	}
}
.logo_wrap {
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #CCC;
}
.logo_l {
    width: min((270vw / 7.5), 200px);
    padding-top: min((15vw / 7.5), 20px);
    margin-right: auto;
    margin-left: auto;
}
.logo_main {
    background-image: url(../img/logo_main_pc.png);
    background-repeat: no-repeat;
    background-size: min((680vw / 7.5), 960px);
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: center;
    z-index: 20;
}
@media screen and (max-width: 750px) {
	.logo_main {
		background-image: url(../img/logo_main_sp.png);
        background-size: min((700vw / 7.5), 600px);
	}
}
.logo_insta {
    /* background-image: url(../img/logo_insta.png);
    background-repeat: no-repeat;
    width: 104px;
    height: 23px;
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 20;
    margin: -150px 0 0 -50px; */
}
.nav {
    display: flex;
	justify-content: center;
	margin: min((20vw / 7.5), 20px);
}
.nav li {
    font-size: min((20vw / 7.5), 20px);
    text-align: center;
    border-right-width: 1px;
    border-right-style: solid;
    letter-spacing: .1em;
	width: min((160vw / 7.5), 175px);
    padding: 5px 0;
    color: #666;
    line-height: 1.1;
}
/* .nav li {
    font-size: 18px;
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-right-width: 1px;
    border-right-style: solid;
    letter-spacing: 0.15em;
    padding: 5px 40px;
    color: #666;
    float: left;
    line-height: 110%;
} */
.nav .kana {
    font-size: min((14vw / 7.5), 12px);
}
.nav li a {
    color: #666;
    text-decoration: none;
}
.nav_line {
    border-left-width: 1px;
    border-left-style: solid;
}
h2 {
    font-size: 40px;
    color: #666;
    text-align: center;
    margin-bottom: 30px;
    line-height: 120%;
    padding-top: 80px;
    letter-spacing: 0.1em;
}
h3 {
    font-size: 16px;
    color: #666;
    text-align: center;
    padding-bottom: 30px;
    letter-spacing: 0.1em;
}
h4 {
    font-size: 35px;
    color: #FF3366;
    text-align: center;
    margin-bottom: 30px;
    line-height: 120%;
    padding-top: 80px;
    letter-spacing: 0.1em;
}
h5 {
    font-size: 32px;
    margin-bottom: 30px;
    line-height: 120%;
    text-align: center;
    color: #666;
    padding-top: 80px;
}
.h5_j {
    font-size: 26px;
}
.dots_b {
    border-width: 0 0 10px;
    border-style: solid;
    width: 100px;
    margin: 0px auto 80px;
    border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1"><circle fill="hsla(0, 0%, 40%, 1.0)" cx="1" cy="0.3" r="0.3"/></svg>') 0 0 100% repeat;
}
/*----------------------------------

  pt_normal 2020/11
 
 ----------------------------------- */
.pt_normal {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    clear: both;
    height: 500px;
}
/*----------------------------------

  pt_animation 2020/11
 
 ----------------------------------- */
.pt_animation {
    height: min((900vw / 7.5), 700px);
    overflow: hidden;
    position: relative;
}
.pt_animation_in {
    z-index: 10;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 18s 0s infinite;
    animation: anime 18s 0s infinite;
}
.pt_animation_in:nth-of-type(2) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.pt_animation_in:nth-of-type(3) {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}
.pt_animation_in:nth-of-type(4) {
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}
.pt_animation_in:nth-of-type(5) {
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
}
.pt_animation_in:nth-of-type(6) {
    -webkit-animation-delay: 24s;
    animation-delay: 24s;
}
.main_01 {
    background-image: url(../img/main_top01_pc.jpg);
}
.main_02 {
    background-image: url(../img/main_top02_pc.jpg);
}
.main_03 {
    background-image: url(../img/main_top03_pc.jpg);
}
@keyframes anime {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    30% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        transform: scale(1.2);
        z-index: 3;
    }
    100% {
        opacity: 0
    }
}
/*----------------------------------

  sns_link 共通2020/11
 
 ----------------------------------- */
.sns_back {
    background-color: #333333;
}
/* .sns_area {
    width: 1024px;
    margin: 0 auto;
    padding: 32px 16px;
} */
.sns_cntn {
    display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: min((20vw / 7.5), 20px);
	width: min((680vw / 7.5), 740px);
	margin: 0 auto;
	padding: min((25vw / 7.5), 32px) 0;
}
@media screen and (max-width: 750px) {
	.sns_cntn {
		grid-template-columns: repeat(2, 1fr);
	}
}
/* .sns_cntn_in {
    width: calc(25% - 20px);
    margin-right: 10px;
    margin-left: 10px;
} */
/*----------------------------------

  container　ノーマルBOX  2020/11
 
 ----------------------------------- */
.cntn {
    display: flex;
    gap: 20px;
    /* justify-content: flex-start;
    flex-wrap: wrap;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 60px; */
}
@media screen and (max-width: 750px) {
	.cntn {
        display: grid;
        gap: 40px;
	}
}
.cntn_0301, .cntn_0301_d {
    flex: 1;
    /* width: 316px;
    margin: 0px 7px 30px 7px; */
}
.cntn_0301_d {
    box-shadow: 0px 0px 8px -3px #abb2bf;
}
.hotel_magazine {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 0 auto;
    width: min((680vw / 7.5), 800px);
}
@media screen and (max-width: 750px) {
	.hotel_magazine {
        grid-template-columns: 1fr;
	}
}
.hotel_magazine-item {
    background: #364A40;
}
/*----------------------------------

  expansion　画像Zoom upBOX  2020/11
 
 ----------------------------------- */

.exps_0201 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 60px;
}
.exps_in0201, .exps_in0201_d, .exps_in0201_gray, .exps_in0201_black {
    width: 400px;
    margin: 0px 7px 50px 7px;
}
.exps_in0201_d {
    box-shadow: 0px 0px 8px -3px #abb2bf;
}
.exps_in0201_gray {
    background-color: #F8F8F8;
}
.exps_in0201_green {
    background-color: #364A40;
    flex: 1;
}
.exps_in0201_black {
    background-color: #121212;
}

.exps_0301 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 0 auto 60px;
}
@media screen and (max-width: 750px) {
	.exps_0301 {
        grid-template-columns: 1fr;
        gap: 40px;
	}
}
/* .exps_in0301, .exps_in0301_d, .exps_in0301_gray {
    width: 316px;
    margin: 0px 7px 50px 7px;
} */
.exps_in0301_d {
    box-shadow: 0px 0px 8px -3px #abb2bf;
}
.exps_in0301_gray {
    background-color: #F8F8F8;
}
.exps_pt {
    overflow: hidden;
    margin-bottom: 15px;
}
.exps_pt img {
    display: block;
    transition: 0.5s;
}
.exps_pt img:hover {
    transform: scale(1.2, 1.2);
}

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

  WHAT'S NEW 2020/11
 
 ----------------------------------- */
.wtn_ttl {
    font-size: 18px;
    line-height: 130%;
    margin: 20px 15px;
    color: #FF3366;
}
.wtn_text {
    font-size: 14px;
    line-height: 150%;
    margin: 0px 15px 15px;
}
/*----------------------------------

  TOUR 2020/11
 
 ----------------------------------- */
.tour_keyword {
    overflow: hidden;
    margin: 0px 15px 25px;
}
.tour_keyword li {
    float: left;
    font-size: 10px;
    color: #FFF;
    background-color: #333;
    padding: 0px 5px;
    margin: 0px 5px 5px 0px;
    border-radius: 2px;
}
.tour_keyword_02 {
    margin: 0px 15px 0px;
	font-weight: bold;
}
.tour_tbj {
    font-size: 12px;
}
.tour_area {
    font-size: 18px;
    line-height: 130%;
    margin: 0px 15px 10px;
}
.tour_text {
    font-size: 13px;
    line-height: 150%;
    margin: 0px 15px 10px;
}
.tour_price {
    font-size: 20px;
    color: #E4011E;
    margin: 0px 15px 20px;
}
.tour_adjustment {
    font-size: 16px;
    margin: 20px 15px 20px;
	text-align: center;
}
.tour_button_in03 {
    padding: 9px 0px 6px 0px; 
}
a.tour_button_in03 {
	font-size: 15px;
    text-align: center;
    text-decoration: none;
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 2px;
    color: #666;
    border: 1px solid #666;
}
/*----------------------------------

  PHOTO 2020/11
 
 ----------------------------------- */
.photo_area {
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 10px;
}
.photo_link {
    font-size: 12px;
}
.photo_link a {
    color: #FF3366;
}
.photo_tbjrepo_back {
    background-color: #F3F3F3;
}
.photo_scl03 {
    display: flex;
	flex-wrap: wrap;
    margin: 0px auto 100px;
}
.photo_scl03_in {
	width: 310px;
	color: #FFFFFF;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	margin: 0px 10px 30px;
    background-color: #000000;
}
.photo_spot_ttl {
    font-size: 23px;
    text-align: center;
	line-height: 120%;
    margin: 15px 0px;
}
.tbj_tbj {
	font-size: 12px;
}
.photo_spot_text {
    font-size: 10px;
    text-align: center;
	margin-bottom: 25px;
}
/*----------------------------------

  MAGAZINE 2020/11
 
 ----------------------------------- */
.mgzn_day {
    font-size: 11px;
    margin-bottom: 20px;
}
.mgzn_area {
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 10px;
}
.mgzn_text {
    font-size: 13px;
    line-height: 150%;
    margin-bottom: 10px;
}
.mgzn_link {
    font-size: 11px;
    width: 316px;
    text-align: right;
    margin-top: 20px;
}
.mgzn_link a {
    color: #FF3366;
}
/*----------------------------------

  HOTEL 2021/06
 
 ----------------------------------- */
.htl_name_j {
    font-size: 16px;
    text-align: center;
    margin: 0px 15px;
}
.htl_name_e {
    font-size: 11px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    text-align: center;
    margin: 0px 20px;
    padding-bottom: 10px;
    border-bottom: solid 1px #E5E2E2;
}
.htl_area_ko {
    font-size: 16px;
    color: #65CB9C;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    text-align: center;
    margin: 15px 15px 20px;
}
.htl_area_ka {
    font-size: 16px;
    color: #71B9D2;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    text-align: center;
    margin: 15px 15px 20px;
}

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

  REPORTER 2020/11
 
 ----------------------------------- */
.rpt_scl {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0px 0px 20px;
    margin-bottom: 60px;
}
.rpt_scl_in {
    display: flex;
    margin-left: -10px;
    margin: 0px auto;
}
.rpt_scl_box {
    flex: 0 0 198px;
    background-color: #FFF;
    white-space: normal;
    word-wrap: break-word;
    text-align: center;
}
.rpt_turn {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.rpt_turn img {
    width: 165px;
    transition: 1.0s;
    transform: rotateY(0deg);
}
.rpt_turn:hover img {
    transform: rotateY(360deg);
}
.rpt_ttl {
    font-size: 22px;
    line-height: 200%;
    margin-bottom: 30px;
    text-align: center;
}
.rpt_subttl {
    font-size: 16px;
    line-height: 200%;
    margin-bottom: 80px;
    text-align: center;
}
.rpt_ak01, .rpt_ak02 {
    font-size: 12px;
    line-height: 150%;
    margin-bottom: 80px;
}
.rpt_ak01 {
    text-align: center;
}
.rpt_ak03 {
    font-size: 10px;
    line-height: 150%;
    margin-bottom: 30px;
	text-align: center;
}
.rpt_col {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    margin-right: auto;
    margin-left: auto;
}
.rpt_col img {
    margin-bottom: 10px;
    width: 165px;
}
.rpt_col_box {
    width: 198px;
    padding: 0px 15px 30px;
    margin-bottom: 50px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #666;
    text-align: center;
}
.rtp_tbjname {
    font-size: 12px;
    margin-bottom: 20px;
}
.rtp_number {
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 130%;
}
.rtp_link {
    font-size: 12px;
    line-height: 130%;
    margin: 0px 15px 10px;
}
.rtp_link a {
    color: #FF3366;
}
/*----------------------------------

  fadein
 
 ----------------------------------- */
.fadein {
    opacity: 0;
    transform: translate(0, 50px);
    transition: all 1500ms;
}
.fadein.scroll {
    opacity: 1;
    transform: translate(0, 0);
}
/*----------------------------------

  Parallax　20210727
 
 ----------------------------------- */
.para_content {
	height: 500px;
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
.bg_tour {
	 background-image: url(../img/main_tour.jpg);
}
.bg_photo {
	 background-image: url(../img/main_photo.jpg);
}
.bg_hotel {
    background-image: url(../img/main_hotel.jpg);
}
.bg_magazine {
    background-image: url(../img/main_magazine.jpg);
}
.bg_reporter {
    background-image: url(../img/main_reporter.jpg);
}

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

 pulldown
 
 ----------------------------------- */
.pulldown {
    margin-bottom: 3px;
}
.pulldown label {
    cursor: pointer;
    color: #FFF;
    font-size: 18px;
    background-color: #999;
    width: min((700vw / 7.5), 900px);
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    text-align: center;
}
.pulldown label:hover {
    background-color: #CCC;
}
.pulldown input {
    display: none;
}
.pulldown .pulldown_in {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
.pulldown input:checked ~ .pulldown_in {
    padding: 40px 0;
    height: auto;
    opacity: 1;
}
.arrow {
    position: relative;
    display: inline-block;
}
.arrow::before {
    content: '';
    width: 8px;
    height: 8px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    margin-top: -13px;
    margin-left: 15px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 0px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #FFF;
    border-bottom-color: #FFF;
}
/*----------------------------------

  swiper
 
 ----------------------------------- */
.swiper-container {
    width: 700px;
    margin-right: auto;
    margin-left: auto;
    height: 480px;
}
.swiper-slide {
    text-align: center;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #CCC;
}
/*----------------------------------

  btn
 
 ----------------------------------- */
a {
    cursor: pointer;
    text-decoration: none;
    color: #555;
}
a:hover {
    opacity: 0.7;
}
a.btn_w, a.btn_b {
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    width: 300px;
    padding: 15px;
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 3px;
    margin-right: auto;
    margin-left: auto;
    color: #666;
    border: 1px solid #666;
}
a.btn_w {
    color: #fff;
    border: 1px solid #fff;
}
a.btn_b {
    color: #666;
    border: 1px solid #666;
}
a.btn_w:before, a.btn_b:before {
    content: "";
    position: absolute;
    top: 0px;
    left: -330px;
    height: 100%;
    width: 330px;
    transition: 0.3s;
    opacity: 0.2;
}
a.btn_w:before {
    background-color: #fff;
}
a.btn_b:before {
    background-color: #000;
}
a.btn_w:hover:before, a.btn_b:hover:before {
    left: 0;
}
/*----------------------------------

  overall_link
 
 ----------------------------------- */
.overall_link {
    position: relative;
    overflow: hidden;
}
.overall_link a {
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.overall_link:hover {
    filter: alpha(opacity=80); /* IE 6,7*/
    -ms-filter: "alpha(opacity=80)"; /* IE 8,9 */
    -moz-opacity: 0.8; /* FF , Netscape */
    -khtml-opacity: 0.8; /* Safari 1.x */
    opacity: 0.8;
    zoom: 1; /*IE*/
}
/*----------------------------------

  photogenic
 
 ----------------------------------- */
.ptgnc_area {
    width: 700px;
    margin-right: auto;
    margin-left: auto;
    color: #666;
    margin: 30px auto 180px;
    text-align: center;
}
.ptgnc_name01_j {
    font-size: 25px;
}
.ptgnc_name02_e {
    font-size: 18px;
    margin-bottom: 30px;
}
.ptgnc_tbj {
    font-size: 14px;
    margin-bottom: 10px;
}
.ptgnc_tbj a {
    color: deeppink;
}
.ptgnc_text {
    font-size: 14px;
    width: 700px;
    margin: 0px auto 50px auto;
    text-align: left;
}
.ptgnc_0301 {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    margin-right: auto;
    margin-left: auto;
}
.ptgnc_in0301 {
    width: 316px;
    margin: 0px 7px 15px 7px;
}
.content_spot {
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
    margin-bottom: 180px;
}
.content_model {
    width: 700px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    margin-bottom: 120px;
}
.content_model_mgb0 {
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
}
.spot_name_j {
    font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
}
.spot_name_e {
    font-size: 28px;
    text-align: center;
}
.spot_kana_j {
    font-size: 12px;
    margin-bottom: 40px;
    text-align: center;
}
.spot_kana_e {
    font-size: 12px;
    margin-bottom: 60px;
}
.spot_keyword_box {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}
.spot_keyword {
    font-size: 11px;
    margin-right: 5px;
    margin-left: 5px;
    border: 1px solid #666;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    border-radius: 3px;
}
.spot_tbj {
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
}
.spot_sub_ttl {
    font-size: 20px;
    line-height: 180%;
    margin-bottom: 10px;
}
.spot_text {
    font-size: 16px;
    line-height: 180%;
    text-align: left;
}
.spot_rnk {
    font-size: 12px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    border: 1px solid #666;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 3px;
    width: 300px;
}
.tbj_icon {
    display: flex;
    justify-content: center;
    margin-bottom: 70px;
}
.tbj_icon ul {
    width: 115px;
    font-size: 12px;
    line-height: 130%;
    margin-left: 10px;
    margin-right: 10px;
}
.tbj_icon img {
    margin-bottom: 5px;
}

.tour_keyword .color_ana {
	background-color: #0661C4;
}
.tour_keyword .color_jet {
	background-color: #ff5115;
}
.tour_keyword .color_jal {
	background-color: #CA0033;
}
/*----------------------------------

 キャンペーンバナー
 
 ----------------------------------- */
.mimosa_bn_pc { display: block !important; }
.mimosa_bn_sp { display: none !important; }
.mimosa_cp {
	 width: 975px;
	margin: 0px auto 5px auto;	
}
.mimoxa_text {
	margin: 0px 0px 50px 5px;
	font-size: 12px;
}