@charset "UTF-8";
/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */

.content02-button:hover, .button a:hover, .global-nav .sub-menu a:hover, .content02-button:hover, .footer-bar01, .copyright, .nav-links02-previous a, .nav-links02-next a, .pagetop a, #submit_comment:hover, .page-links a:hover, .page-links > span, .pw_form input[type="submit"]:hover, .post-password-form input[type="submit"]:hover { 
	background: #9F9F9F; 
}
.pb_slider .slick-prev:active, .pb_slider .slick-prev:focus, .pb_slider .slick-prev:hover {
	background: #9F9F9F url(https://go-vacances.net/wp-content/themes/story_tcd041/pagebuilder/assets/img/slider_arrow1.png) no-repeat 23px; 
}
.pb_slider .slick-next:active, .pb_slider .slick-next:focus, .pb_slider .slick-next:hover {
	background: #9F9F9F url(https://go-vacances.net/wp-content/themes/story_tcd041/pagebuilder/assets/img/slider_arrow2.png) no-repeat 25px 23px; 
}
#comment_textarea textarea:focus, #guest_info input:focus, #comment_textarea textarea:focus { 
	border: 1px solid #9F9F9F; 
}
.archive-title, .article01-title a, .article02-title a, .article03-title, .article03-category-item:hover, .article05-category-item:hover, .article04-title, .article05-title, .article06-title, .article06-category-item:hover, .column-layout01-title, .column-layout01-title, .column-layout02-title, .column-layout03-title, .column-layout04-title, .column-layout05-title, .column-layout02-title, .column-layout03-title, .column-layout04-title, .column-layout05-title, .content01-title, .content02-button, .content03-title, .content04-title, .footer-gallery-title, .global-nav a:hover,  .global-nav .current-menu-item > a, .headline-primary, .nav-links01-previous a:hover, .nav-links01-next a:hover, .post-title, .styled-post-list1-title:hover, .top-slider-content-inner:after, .breadcrumb a:hover, .article07-title, .post-category a:hover, .post-meta-box a:hover, .post-content a, .color_headline {
color: #9F9F9F;
}
.content02, .gallery01 .slick-arrow:hover, .global-nav .sub-menu a, .headline-bar, .nav-links02-next a:hover, .nav-links02-previous a:hover, .pagetop a:hover, .top-slider-nav li.active a, .top-slider-nav li:hover a {
background: #DED7D7;
}
.social-nav-item a:hover:before {
color: #DED7D7;
}
.article01-title a:hover, .article02-title a:hover, .article03 a:hover .article03-title, .article04 a:hover .article04-title, .article07 a:hover .article07-title, .post-content a:hover, .headline-link:hover {
	color: #F2A5A2;
}
@media only screen and (max-width: 991px) {
	.copyright {
		background: #9F9F9F;
	}
}
@media only screen and (max-width: 1200px) {
	.global-nav a, .global-nav a:hover {
		background: #DED7D7;
	}
	.global-nav .sub-menu a {
		background: #9F9F9F;
	}
}
.headline-font-type {
font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: 500;
}
a:hover .thumbnail01 img, .thumbnail01 img:hover {
	-moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
.global-nav > ul > li > a {
color: #666666;
}
.top-slider .top-slider-item:nth-of-type(1) span {
background-image: url(https://go-vacances.net/wp-content/uploads/2020/09/スライダー1_5.jpg);
}
.top-slider .top-slider-item:nth-of-type(2) span {
background-image: url(https://go-vacances.net/wp-content/uploads/2020/09/スライダー2.5.jpg);
}
.top-slider .top-slider-item:nth-of-type(3) span {
background-image: url(https://go-vacances.net/wp-content/uploads/2020/09/スライダー3_5.jpg);
}
.article06 a:hover:before {
background: rgba(255, 255, 255, 0.9);
}
.footer-nav-wrapper:before {
background-color: rgba(159, 159, 159, 0.8);
}


.home-plan{
    border:1px solid black;
    text-align: center;
}
.homesalon_title{
    background-color:#c30d23;
    width:100%;
}

.homesalon-title{
    text-shadow:1px 1px 1px #666;
    text-align: center;
}
.homesalon-cont{
    margin-bottom:2em !important;
}
.homesalon h2{
    text-align:center;
    width:90%;
    margin: 3em 5% 1.5em;
    padding: 1.1em .2em 1em;
    font-size: 22px;
    font-weight: 400;
    display:block;
    font-size:x-large;
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
}
.link-container{
    margin-top:20px;
}
.link-box :first-child{
    margin:1rem 0 0 0;
}
.link-box :last-child{
    margin:1rem 0 1rem 0;
}
.link-inner{
    padding:0 10px;
    margin: 0;
}

.link-banner{
    padding:1rem;
    width:100% !important;
    text-align:center;
    background-color:#898989;
    color:#fff;
    margin:0;
    border:5px solid #ededed;
    box-shadow:1px 1px 5px 2px #898989;
    overflow: hidden;
    
}

/* infomation */
.infomation{
    background: #DED7D7;
    padding:40px 0;
}

.infomation h1{
    padding:1rem 0;
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
    text-align:center;
}

.info{
    padding: 40px 0 20px 0;
    margin: 0 auto;
}

.info h2{
    padding: 0 0 20px 0;
    font-size:18px;
    text-align:center;
    color: #363636;

}
.info dl{
    padding: 0 0 10px 0;
}
.info dt{
    width: 49%;
    text-align:right;
    vertical-align:top;
    display: inline-block;
}
.info dd{
    width: 50%;
    display: inline-block;
}

.social-nav-item i{
    color: #fff;
    font-size:17px;
  }
  .fa-facebook-f {
      margin: 0 10px 0 5px;
      font-size:16px;
      
  }
  .fa-instagram {
    font-size:18px;
}
section{
    margin-bottom:150px;
}
.topimage{
    background-color:#363636;
    height:90vh;
    width:100%;
    text-align:center;
}
.topimage img{
    height:100%;
}

@media only screen and (max-width: 1024px) {
    .link-banner{
        width:260px;
        overflow: hidden;
    }
    .infomation{
        padding: 1rem 2rem;
    }

}
@media only screen and (max-width: 767px) {

    .topimage{
        width:100%;
        overflow: hidden;
    }
    .topimage img{
        width: 100%;
        top:0;
        left:0;
        right:0;
        bottom:0;
    }

    .link-banner{
        width:300px !important;
        overflow: hidden;
    }
    .infomation{
        padding: 1rem 2rem;
    }
    .info dt{
        width: 100%;
        margin-top:5px;
        margin-bottom:5px;
        padding-bottom:2px;
        border-bottom:1px solid #222;
        text-align:left;
    }
    .info dd{
        width: 100%;
        margin-top:2px;
        text-align:right;
    }

}