.fv{
    display: flex;
    height: auto;
    position: relative;
}
.nav{
    width: 25%;
    padding: 80px 80px 0 80px;
}
.header-container{
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
}

#header-logo-maru{
    width: 100px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}

#header-logo{
    width: 200px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
}

.nav li{
    margin-bottom: 25px;
    font-weight: bold;
    font-size: 16px;
    color: #76581A;
    transition: .3s;
    position: relative;
    left: 0px;
}
.header-content li:hover{
    position: relative;
    left: 5px;
    color: #AC9F84;
    transition: .3s;
}
.g-nav-header-content a:hover{
    opacity: 0.7;
    transition: .3s;

}
.sns-icon ul{
    display: flex;
}
.sns-icon li{
    font-size: 30px;
}
.sns-icon li:hover{
    color: #AC9F84;
}
.sns-icon li:nth-child(n+2){
    margin-left: 20px;
}

.header-online:after{
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f35d";
    margin-left: 10px;
}


.fv-img{
    width: 75%;
    height: 600px;
}

.fv-thumbnail-img{
    /* background-image: url(../../img/about/about-header.JPG); */
    width: 75%;
    height: 600px;
    overflow: hidden;
}


.fv-thumbnail-img img{
    object-fit: cover;
    object-position: bottom;
    width: 100%;
}

.banner-inner{
    display: flex;
    justify-content: space-between;
}
.banner img{
    width: 100%;
}
.banner a{
    width: 45%;
}
.banner a:hover{
    opacity: 0.7;
    transition: .3s;

}

/* .about{
    text-align: center;
}

.about h2{
    margin-bottom: 55px;
}

.about p{
    margin-bottom: 55px;
} */

.about-inner{
    display: flex;
    justify-content: space-between;
}
.about h2{
    margin-bottom: 40px;
}
.about p{
    margin-bottom: 40px;
}

.about-img{
    background-image: url(../../img/top/home-about.JPG);
    background-size: cover;
    width: 55%;
    height: 400px;
}
.about-text{
    width: 40%;

}
 .about .column-btn{
margin-right: auto;
margin-left: 0;
}




.mimasaka-inner{
    display: flex;
    justify-content: space-between;
}
.mimasaka h2{
    margin-bottom: 40px;
}
.mimasaka p{
    margin-bottom: 40px;
}

.mimasaka-img{
    background-image: url(../../img/top/home-mimasaka.jpg);
    background-size: cover;
    width: 55%;
    height: 400px;
    background-position: center;
}
.mimasaka-text{
    width: 40%;

}
 .mimasaka .column-btn{
margin-right: auto;
margin-left: 0;
}

.line{
    border-top: 2px solid #76581A;
    position: relative;
    margin-top: 200px;
}
.top-line-item{
    position: absolute;
    top: 0;
    left: 20%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.top-line-item img{
    width: 200px;
    padding: 0 20px;
    background-color: #fff;
}



.home-post{
    height: auto;
}
.home-post h2{
    border-bottom: #76581A solid 2px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.post-inner{
    display: flex;
    justify-content: space-between;
}
.post-item a{
    display: block;
    margin-bottom: 20px;
}


/* ここ修正 */
.home-news{
    width: 45%;
}
.home-news .post-item{
    margin-bottom: 30px;
}
.home-news .day{
    font-size: 12px;
    margin-bottom: 5px;
}

.blog{
    width: 45%;
    height: auto;
}
.blog-item{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.blog-img{
    width: 40%;
    height: 100px;
    background-size: cover;
    object-fit: cover;
}
.blog-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.blog-text{
    width: 55%;
    position: relative;
}

.blog-text .day{
    position: absolute;
    bottom: 0;
    font-size: 12px;
}
.home-post h3{
    font-size: 16px;
    font-weight: bold;
    color: #333;
}



.sightseeing h2{
    text-align: center;
}

.sightseeing-img{
    background-image: url(../../img/sightseeing.jpg);
    background-position-y: bottom;
    height: 300px;
    width: 100%;
    background-size: cover;
    position: relative;
}

.sightseeing-img p{
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: #fff;
    font-size: 35px;
    font-weight: bold;
    letter-spacing: 3px;
}

.sightseeing-item ul{
    display: flex;
    flex-wrap: wrap;
}
.sightseeing-post{
    width: 32%;
    margin-left: 12px;
    margin-bottom: 50px;
}
.sightseeing-post:hover{
    opacity: 0.7;
    transition: .3s;

}

.sightseeing-post-img{
    margin-bottom: 10px;
    position: relative;
}
.suisen-img{
    background-image: url(../../img/top/suisen.jpg);
    width: 100%;
    height: 180px;
    background-size: cover;
}

.warabi-img{
    background-image: url(../../img/top/warabi.jpg);
    width: 100%;
    height: 180px;
    background-size: cover;
}

.tyatumi-img{
    background-image: url(../../img/top/tyatsumi.jpg);
    width: 100%;
    height: 180px;
    background-size: cover;
}


.kuri-img{
    background-image: url(../../img/top/kuri.jpg);
    width: 100%;
    height: 180px;
    background-size: cover;
}


.workshop-img{
    background-image: url(../../img/top/workshop.JPG);
    width: 100%;
    height: 180px;
    background-size: cover;
}


.tea-img{
    background-image: url(../../img/sightseeing/tea/tea.JPG);
    width: 100%;
    height: 180px;
    background-size: cover;
}



.plant-img{
    background-image: url(../../img/top/sightsheeing.JPG);
    width: 100%;
    height: 180px;
    background-size: cover;
}


.houji-img{
    background-image: url(../../img/top/houji.jpg);
    width: 100%;
    height: 180px;
    background-size: cover;
}


.genmai-img{
    background-image: url(../../img/top/genmai.JPG);
    width: 100%;
    height: 180px;
    background-size: cover;
}


.period{
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background-color: #AC9F84;
    padding: 10px 20px;

}

.contact{
    text-align: center;
    border-top: 2px solid #76581A;
    margin-top: 100px;
}
.contact-inner{
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
}

.ocha-icon{
    max-width: 400px;
    padding: 25px 10%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
}
.ocha-icon img{
    width: 50px;
    position: absolute;
    bottom: 0;
    right: 0;
}



.contact-item{
    padding: 30px 0;
    background-color: #F8F8F8;
    color: #76581A;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-tel{
    font-size: 36px;
    font-weight: bold;
    margin-left: 20px;
}
.contact-text{
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

.contact button{
    margin-bottom: 30px;
}



footer{
    background-color: #AC9F84;
    color: #fff;
    padding: 60px 0;
}
footer img{
    width: 250px;
    margin-bottom: 20px;
}
.footer-inner{
    display: flex;
    justify-content: space-between;
}

.footer-nav > ul{
    display: flex;    
}
.footer-nav > ul > li > ul{
    margin-left: 50px;
}

.footer-nav > ul > li > ul > li{
margin-bottom: 20px;
}
.footer-nav > ul > li > ul > li a:hover{
    border-bottom: 2px solid #fff;
}

.footer-nav-title{
    margin-bottom: 30px;
    font-weight: bold;
}

.footer-contact-item{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.footer-contact-item img{
    width: 200px;
    padding: 0 20px;
    background-color: #fff;
}

.sns-icon{
    margin-left: 5px;
}
.sns-icon li{
    font-size: 40px;
}
footer .sns-icon > ul > li:hover{
    color: #eee;
}
.sns-icon li:nth-child(n+2){
    margin-left: 20px;
}

.tel:hover{
    opacity: 0.7;
}


/* ====================== 
サブタイトル
===========================*/
.about-text,.mimasaka-text,.home-news,.blog,.sightseeing-inner h2{
    position: relative;
}
.about h2:before{
	content: "About Us";
	/* 基準線と同じ大きさと色 */
	position: absolute;
    top: -25px;
    left: 0;
    color: #76581A;
    font-size: 15px;
    transition: .5s;
}
.mimasaka h2:before{
	content: "Mimasaka tea";
	/* 基準線と同じ大きさと色 */
	position: absolute;
    top: -25px;
    left: 0;
    color: #76581A;
    font-size: 15px;
    transition: .5s;
}
.home-news h2:before{
	content: "News";
	/* 基準線と同じ大きさと色 */
	position: absolute;
    top: -25px;
    left: 0;
    color: #76581A;
    font-size: 15px;
    transition: .5s;
}
.blog h2:before{
	content: "Blog";
	/* 基準線と同じ大きさと色 */
	position: absolute;
    top: -25px;
    left: 0;
    color: #76581A;
    font-size: 15px;
    transition: .5s;
}
.sightseeing-inner h2:before{
	content: "Sightseeing";
	/* 基準線と同じ大きさと色 */
	position: absolute;
    top: -25px;
    left: 50%;
    color: #76581A;
    font-size: 15px;
    transition: .5s;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}




/* 共通 */

html{
    font-family: 'Noto Serif JP', serif;
}
.container{
    max-width: 1024px;
    width: 80%;
    margin: 0 auto;
}
h2{
    font-size: 28px;
    font-weight: bold;
    color: #76581A;
}

h3{
    font-size: 20px;
    font-weight: bold;
    color: #76581A;
}
p{
    font-size: 16px;
    color: #333;
}

.p-effect{
    line-height: 1.7;
    letter-spacing: 1.5px;
}
.btn{
    color: #76581A;
    border: solid #76581A 1px;
    font-size: 16px;
    font-weight: bold;
    padding: 25px 10%;
    max-width: 400px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    letter-spacing: 1;
}

.btn:hover {
    cursor: pointer;
	transition: .3s;
    background: #76581A;
    border: solid #fff 1px;
    color: #fff;
    letter-spacing: 2;
    /* width: 43%;
    background-color:#ed6810b9; */
	/* color: #ED6A10;
    border: 1px solid #ED6A10; */

}

  /* ボタン検証中 */


  /* ボタン検証中ここまで */

.column-btn{
    color: #76581A;
    border: solid #76581A 1px;
    font-size: 16px;
    display: block;
    font-weight: bold;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    width: 70%;
    padding: 25px 20%;
    /* margin-top: 20px; */
}
.column-btn:hover {
    cursor: pointer;
	transition: .3s;
    background: #76581A;
    border: solid #fff 1px;
    color: #fff;
    letter-spacing: 2;
    /* width: 43%;
    background-color:#ed6810b9; */
	/* color: #ED6A10;
    border: 1px solid #ED6A10; */

}

.hover:hover{
    color: #BB5204;
}


.pc-hiden{
    display: none;
}

.mB10{
    margin-bottom: 10px;
}
.mB20{
    margin-bottom: 20px;
}
.mB30{
    margin-bottom: 30px;
}
.mB40{
    margin-bottom: 40px;
}
.mB50{
    margin-bottom: 50px;
}
.mB60{
    margin-bottom: 60px;
}

.mB100{
    margin-bottom: 100px;
}
.mB200{
    margin-bottom: 200px;
}

.pT200{
    padding-top: 200px;
}
.pT100{
    padding-top: 100px;
}

/*==================================================
固定のグローバルメニュー
===================================*/

.g-nav{
    background-color: #AC9F84;
    padding: 20px 80px;
    max-height: 100px;
    width: 100%;
    z-index: 10;
    position: fixed;
    top: -100px;
}
.g-nav nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#g-nav-logo{
    width: 250px;
}

.g-nav-header-content ul{
    display: flex;
}
.g-nav-header-content li{
    color: #fff;
    font-weight: bold;
    margin-left: 25px;
    font-size: 14px;
}

/*==ふわっと出現させるためのCSS*/

/*　上に上がる動き　*/

#g-nav.UpMove{
	position: fixed;
	width:100%;
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime{
  from {
    opacity: 1;
	transform: translateY(0);
  }
  to {
    opacity: 0;
	transform: translateY(-100px);
  }
}

/*　下に下がる動き　*/

#g-nav.DownMove{
	position: fixed;
	width:100%;
	animation: DownAnime 0.5s forwards;
    top: 0px;
}
@keyframes DownAnime{
  from {
  	opacity: 0;
	transform: translateY(-100px);
  }
  to {
  	opacity: 1;
	transform: translateY(0);
  }
}


@media only screen and (max-width: 769px) {
    .g-nav{
        display: none;
    }
    
    }


/*==================================================
メニューバー
===================================*/
.header-menu{
    width: 100%;
    height: 60px;
    position: relative;
}


.header-btn {
	/* ボタンの配置位置  */
	position: fixed;
	top: 35px;
	right: 5px;
	/* 最前面に */
	z-index: 10;
	/* ボタンの大きさ  */
	width: 50px;
	height: 40px;
    padding: 10px 10px;
}

/***** 真ん中のバーガー線 *****/
.btn-line {
	display: block;
	/* バーガー線の位置基準として設定 */
	position: relative;
	/* 線の長さと高さ */
	width: 100%;
	height: 3px;
	/* バーガー線の色 */
	background-color: #76581A;
	transition: .2s;
}

/***** 上下のバーガー線 *****/
.btn-line::before , .btn-line::after {
	content: "";
	/* 基準線と同じ大きさと色 */
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #76581A;
	transition: .5s;
}

.btn-line::before {
	/* 上の線の位置 */
	transform: translateY(-10px);
}

.btn-line::after {
	/* 下の線の位置 */
	transform: translateY(10px);
}

/***** メニューオープン時 *****/
.btn-line.open {
	/* 真ん中の線を透明に */
	background-color: transparent;
}

.btn-line.open::before , .btn-line.open::after {
	content: "";
	background-color: #76581A;
	transition: .2s;
}

.btn-line.open::before {
	/* 上の線を傾ける */
	transform: rotate(45deg);
}

.btn-line.open::after {
	/* 上の線を傾ける */
	transform: rotate(-45deg);
}

/**************** ここまで、ハンバーガーボタンのスタイリング ****************/

/**************** 以下、メニューのスタイリング ****************/
.menu {
	/* メニューを縦に */
	display: flex;
	flex-direction: column;
	position: fixed;
	/* メニューの位置マイナス指定で画面外に */
	right: -100%;
    top: 0;
	width: 100%;
	height: 100vh;
    padding: 200px 0;
	background-color: #fff9ec;
	color: #76581A;
    font-weight: bold;
    font-family: 'Montserrat Alternates', sans-serif;
	transition: .3s;
    z-index: 9;
}

.menu-list {
	/* メニューテキスト位置をリスト内中心に */
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}


.menu-list a:hover {
	/* color: #fff; */
	cursor: pointer;
	/* transition: .3s; */
    border-bottom: 2px solid #76581A;
    border-top: 2px solid #fff9ec;

}

/***** メニューオープン時位置0にして画面内に *****/
.menu.open {
	right: 0;
}

/* 600px以上はハンバーガーボタン非表示、ヘッダー固定 */
@media only screen and (min-width: 769px) {
.header-menu{
    display: none;
}

}






/*==================================================
レスポンシブ
===================================*/

@media only screen and (max-width: 900px) {
    .homeImage__content {
      width: 100%;
      padding: 0 20px; 
    } 
}
  @media only screen and (max-width: 768px) {
    
    /* 共通 */
    .container{
        padding-right: 5%;
        padding-left: 5%;
        width: 100%;
    }
    h2{
        font-size: 24px;
    }
    
    h3{
        font-size: 16px;
    }
    p{
        font-size: 16px;
    }
    
    .p-effect{
        line-height: 1.7;
        letter-spacing: 1.5px;
    }
    .btn{
        color: #76581A;
        border: solid #76581A 1px;
        font-size: 16px;
        font-weight: bold;
        padding: 20px 20%;
    }
    
    .column-btn{
        color: #76581A;
        border: solid #76581A 1px;
        font-size: 16px;
        font-weight: bold;
        padding: 20px 20%;
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 400px;

    }

    .pc-hiden{
        display: block;
    }
    .sp-hiden{
        display: none;
    }
  

    .mB10{
        margin-bottom: 5px;
    }
    .mB20{
        margin-bottom: 10px;
    }
    .mB30{
        margin-bottom: 15px;
    }
    .mB40{
        margin-bottom: 20px;
    }
    .mB50{
        margin-bottom: 50px;
    }
    .mB60{
        margin-bottom: 30px;
    }
    
    .mB100{
        margin-bottom: 50px;
    }
    .mB200{
        margin-bottom: 100px;
    }

    .pT200{
        padding-top: 100px;
    }
    .pT100{
        padding-top: 50px;
    }

    


    /* メイン */
    .nav{
        display: none;
    }
    .sp-header-logo{
        height: auto;
        width: 100%;
        z-index: 10;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }
    .sp-header-logo img{
        width: 250px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .fv{
        width: 100%;
    }
    .fv-img{
        width: 100%;
        height: 600px;
    }
    .fv-thumbnail-img{
        width: 100%;
        height: 250px;
    }
    .fv-thumbnail-img img{
        object-fit: contain;
        object-position: top;
        width: 100%;
    }


    .banner-inner{
        display: flex;
        justify-content: space-between;
    }
    .banner img{
        width: 100%;
    }
    .banner a{
        width: 48%;
    }


    .about{
        padding-left: 5%;
        padding-right: 5%;
    }
    .about-img{
        width: 100%;
        height: 250px;
        margin-bottom: 20px;
    }
    .about-text{
        width: 100%;
    
    }


    .mimasaka-inner{
        flex-wrap: wrap;
        flex-direction: row-reverse;
    }
    .mimasaka h2{
        margin-bottom: 40px;
    }
    .mimasaka p{
        margin-bottom: 40px;
    }
    
    .mimasaka-img{
        width: 100%;
        height: 300px;
        margin-bottom: 20px;
    }
    .mimasaka-text{
        width: 100%;
    
    }

    .mimasaka .column-btn{
        margin-left: auto;
        }
        

    .top-line-item{
        left: 25%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }
    .top-line-item img{
        width: 150px;
        padding: 0 20px;
        background-color: #fff;
    }
    


    .home-post h2{
        border-bottom: #76581A solid 2px;
        padding-bottom: 10px;
        /* margin-bottom: 30px; */
    }
    .post-inner{
        display: flex;
        flex-wrap: wrap;
    }
    .home-news{
        width: 100%;
        margin-bottom: 50px;
    }
    .home-news li{
        margin-bottom: 10px;
        border-bottom: #AC9F84 1px solid;
        padding-bottom: 5px;
    }
    .home-news ul{
        margin-bottom: 20px;
    }
    .home-news .day{
        font-size: 14px;
        margin-bottom: 5px;
    }
    
    .blog{
        width: 100%;
    }

    .blog-img{
        width: 40%;
        height: 110px;
        background-size: cover;
    }

    .blog-text{
        width: 55%;
    }
    
    .blog-text .day{
        position: absolute;
        bottom: 0;
        font-size: 14px;
    }


    
    .sightseeing-item ul{
        display: flex;
        flex-wrap: wrap;
    }
    .sightseeing-post{
        width: 45%;
        margin-left: 12px;
        margin-bottom: 20px;
    }
    .sightseeing-post:hover{
        opacity: 0.7;
        transition: .3s;
    
    }
    
    .sightseeing-post-img{
        margin-bottom: 10px;
        position: relative;
        background-size: cover;
    
    }


    .sightseeing-img{
        height: 150px;
    }
    .sightseeing-img p{
        display: none;
    }



    .suisen-img{
        height: 120px;
    }
    .warabi-img{
        height: 120px;
    }
    .tyatumi-img{
        height: 120px;
    }
    .kuri-img{
        height: 120px;
    }
    .workshop-img{
        height: 120px;
    }
    .tea-img{
        height: 120px;
    }

    .plant-img{
        height: 120px;
    }
    .houji-img{
        height: 120px;
    }
    .genmai-img{
        height: 120px;
    }

    .contact{
        text-align: center;
    }
    .contact-inner{
        padding-top: 50px;
        padding-bottom: 0px;
        
    }

    
    .contact-item{
        padding: 30px 0;
        flex-wrap: wrap;
    }
    .contact-tel{
        font-size: 28px;
        font-weight: bold;
        margin-left: 0px;
    }
    .contact-text{
        font-size: 14px;
        margin-bottom: 10px;
    }
    
    .contact button{
        margin-bottom: 30px;
    }



footer{
    background-color: #AC9F84;
    color: #fff;
    padding: 60px 0;
}
footer img{
    width: 250px;
}
.footer-inner{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.footer-nav{
    display: none;
}

.footer-nav > ul{
    display: flex;  
    flex-wrap: wrap;  
}

.sns-icon ul{
    justify-content: center;
 
}

}


/*==================================================
aboutページ
===================================*/

.about-page{
    text-align: center;
}

.about-page h2{
    margin-bottom: 55px;
}

.about-page p{
    margin-bottom: 55px;
}


.about-page-image{
    margin-bottom: 200px;
}


.about-representative-item{
    display: flex;
    justify-content: space-between;
}
.about-representative h2{
    margin-bottom: 40px;
    padding-bottom: 10px;
    border-bottom: #76581A 2px solid;
    width: 100%;
}
.about-representative-text{
    width: 30%;
}

.about-representative-text h3{
    margin-bottom: 20px;
}
.about-representative-text li{
    margin-bottom: 10px;
}

.about-representative p{
    margin-bottom: 40px;
}

.about-representative-img{
    background-image: url(../../img/about/representative.JPG);
    background-size: cover;
    width: 60%;
    height: 400px;
}


.about-access-item{
    display: flex;
    justify-content: space-between;
    margin-bottom: 150px;
}
.about-access h2{
    margin-bottom: 40px;
    padding-bottom: 10px;
    border-bottom: #76581A 2px solid;
    width: 100%;
}
.about-access-text{
    width: 30%;
}

.about-access-text span{
    display: block;
}

.about-access-text h3{
    margin-bottom: 20px;
}
.about-access-text li{
    margin-bottom: 10px;
}

.about-access p{
    margin-bottom: 40px;
}

.about-access-map{

    width: 60%;
    height: 400px;
}


/* 会社概要 */
table{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    color: #333;
  }
  
  table tr{
    border-bottom: solid 1px #eee;
    cursor: pointer;
  }
  

  
  table th,table td{
    text-align: center;
    width: 70%;
    padding: 23px 0;
    text-align-last: left;
  }
  
  
  table td.company-first{
    text-align-last: left;
    width: 20%;
  }




  /*==================================================
レスポンシブ
===================================*/

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

@media only screen and (max-width: 768px) {
    .fv-about-img{
        height: 30vh;
        width: 100%;
    }


    .about-representative-item{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .about-representative h2{
        margin-bottom: 40px;
        padding-bottom: 10px;
        border-bottom: #76581A 2px solid;
        width: 100%;
    }
    .about-representative-text{
        width: 100%;
    }
    
    .about-representative-text h3{
        margin-bottom: 20px;
    }
    .about-representative-text li{
        margin-bottom: 10px;
    }
    
    .about-representative p{
        margin-bottom: 40px;
    }
    
    .about-representative-img{
        background-image: url(../../img/about/representative.JPG);
        background-size: cover;
        width: 100%;
        height: 200px;
        margin-bottom: 30px;
    }
    .about-access-item{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 150px;
    }

    .about-access-text{
        width: 100%;
    }
    .about-access-map{
        width: 100%;
        height: 200px;
    }
    .about-access-map iframe{
        width: 100%;
        height: 200px;
    }
    

}
  

/*==================================================
Mimasakaページ
===================================*/

.fv-mimasaka-img{
    background-image: url(../../img/top/slide-01.JPG);
    width: 75%;
    background-size: cover;
}
.mimasaka-page{
    text-align: center;
}


.mimasaka-page h2{
    margin-bottom: 55px;
}

.mimasaka-page p{
    margin-bottom: 55px;
}


.mimasaka-page-image{
    background-image: url(../../img/top/slide-01.JPG);
    width: 100%;
    height: 300px;
    background-size: cover;
}

.make-mimasaka ul{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}
.make-mimasaka li{
    width: 30%;
    margin-right: 20px;
}
.make-mimasaka img{
    object-fit: cover;
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
}
.make-mimasaka h3{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #76581A;
}
.make-mimasaka p{
    text-align: left;
}


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

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

    .make-mimasaka li{
        width: 100%;
        margin-right: 0px;
    }
    .make-mimasaka img{

        height: 150px;
        margin-bottom: 20px;
    }

}


  /*==================================================
体験投稿ページ
===================================*/

.fv-sightseeing-img{
    background-image: url(../../img/top/slide-01.JPG);
    width: 75%;
    background-size: cover;
}
.sightseeing-page{
    text-align: center;
}


.sightseeing-page h2{
    margin-bottom: 40px;
}

.sightseeing-inner h2{
    margin-bottom: 40px;
}


.sightseeing-page-image{
    background-image: url(../../img/top/slide-01.JPG);
    width: 100%;
    height: 300px;
    background-size: cover;
}

.sightsheeing-page-period{
    font-weight: bold;
    color: #76581A;
    margin-bottom: 30px;
}

.p-effect {
    margin-bottom: 60px;
}

.sightsheeing-page-menu {
    display: block flex;
    gap: 9%;
    margin-bottom: 3rem;
    letter-spacing: 0.08em;
    line-height: 1.5;
}

.sightsheeing-page-menu strong {
    display: inline-block;
    font-size: 0.875rem;
    color: #fff;
    margin-bottom: 0.25rem;
    background-color: #76581A;
    padding: 4px 25px;
    border-radius: 50px;
}

.sightsheeing-page-menu h3 {
    margin-bottom: 2rem;
}

.sightsheeing-page-menu-wrap {
    width: 50%;
}

.sightsheeing-page-menu-item {
    display: block flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1rem;
    padding: 0.5rem;
    border-bottom: 1px solid #D9D9D9;
    gap: 0.5rem;
}

.sightsheeing-page-menu-wrap:last-child {
    margin-top: 33px;
}

.sightsheeing-page-menu-item:last-child {
    border-bottom: none;
}

.sightsheeing-page-menu-item > dt {
    width: 70%;
    font-weight: 400;
    color: #333;
    text-align: start;
}

.sightsheeing-page-menu-item > dd {
    width: 30%;
    font-weight: 400;
    line-height: 1.2;
    word-break: keep-all;
    color: #333;
    text-align: end;
}

.sightsheeing-page-menu-wrap:last-child dt,
.sightsheeing-page-menu-wrap:last-child dd {
    width: 50%;
}

.sightsheeing-page-menu-item small {
    font-size: 0.875rem;
}

.sightsheeing-page-menu-text {
    text-align: start;
}

@media only screen and (max-width: 768px) {
    .sightsheeing-page-menu {
        flex-direction: column;
        gap: 2.5rem;
    }

    .sightsheeing-page-menu-wrap {
        width: 100%;
    }

    .sightsheeing-page-menu-wrap:last-child {
        margin-top: 0;
    }

    .sightsheeing-page-menu-item {
        font-size: 1rem;
    }

    .sightsheeing-page-menu-item > dt {
        width: 64%;
    }

    .sightsheeing-page-menu-item > dd {
        width: 36%;
    }

    .sightsheeing-page-menu h3 {
        font-size: 1.25rem;
        margin-bottom: 2.5rem;
    }
}


/* 共通 */

.attention{
    font-size: 15px;
    color: #7B7B7B;
}

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

@media only screen and (max-width: 768px) {
    .sightseeing-page-inner{
        padding: 0 5%;
    }
    

    /* 共通 */
    

}




/* ====================== 
ブログ一覧ページ 
===========================*/

.entries-news{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.entry-item{
    width: 32%;
}
.entry-item-news{
    width: 100%;
}
.entries-news a{
    display: block;
}
.entry-item:not(:nth-child(3n+3)) {
    margin-right: 2%;
  }
  
  .entry-item:nth-child(n+4) {
    margin-top: 30px;
  }
  
  @media not all and (min-width: 768px) {
    .entry-item {
      width: 100%;
    }
  
    .entry-item:not(:nth-child(3n+3)) {
      margin-right: 0;
    }
  
    .entry-item:nth-child(n+2) {
      margin-top: 30px;
    }
  }


.entry-item-img{
    width: 100%;
    height: 200px;
    position: relative;
    margin-bottom: 10px;
}
.entry-item-img img{
  object-fit: cover; 
  height: 200px;
  width: 100%;
}
.entry-item-tag{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    color: #fff;
    background-color: #AC9F84;
    padding: 6px 20px 6px 20px;
    font-size: 13px;
}

.entry-item-news-tag{
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 1;
    color: #fff;
    background-color: #AC9F84;
    display: inline-block;
    padding: 6px 20px 6px 20px;
    font-size: 13px;
}

.entry-item-title{
    display: block;
    font-size: 18px;
    color: #333;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    font-weight: bold;
    margin-bottom: 15px;
}

.mainvisual-title{
    font-size: 25px;
    font-weight: bold;
}



.genre-nav {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 22px;
  }

  @media screen and (max-width: 767px) {
    .genre-nav {
      margin-bottom: 5px;
    }
  }
  
  .genre-nav-link {
    margin-right: 16px;
  }
  
  @media screen and (max-width: 767px) {
    .genre-nav-link {
      margin-right: 12px;
      margin-bottom: 12px;
    }
  }
  
  .genre-nav-link a {
    display: block;
    padding: 6px 20px;
    background: #fff;
    transition: all 0.3s ease 0s;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    font-family: HiraKakuPro-W6, "ヒラギノ角ゴ Pro W6", Meiryo, "Noto Sans Japanese", sans-serif;
  }
  
  @media screen and (max-width: 767px) {
    .genre-nav-link a {
      padding: 3px 8px;
      font-size: 16px;
    }
  }
  
  .genre-nav-link a.is-active, .genre-nav-link a:hover {
    background: #AC9F84;
    color: #fff;
  }



.blog-archive{
    margin-bottom: 50px;
}
/* .blog-post{
    display: flex;
    flex-wrap: wrap;
} */
.post-page-item{
    width: 100%;
}
.post-page-item a{
    display: inline-block;
    width: 40%;
}


/* ページネーション */

.pagenation {
	margin-top: 12px;
	text-align: center;
}

.pagenation a {
	transition: all 0.3s ease 0s;
}

.pagenation a:hover {
	opacity: 0.6;
}

.pagenation a.next,
.pagenation a.prev {
	font-size: 30px;
}

.pagenation a.next:hover,
.pagenation a.prev:hover {
	opacity: 0.6;
}

.page-numbers {
	background: #fff;
	border: 1px solid #ED6A10;
    border-radius: 999px;
	color: #ED6A10;
	display: inline-block;
	font-family: "Lato", sans-serif;
	font-size: 15px;
	height: 45px;
	line-height: 45px;
	margin-right: 14px;
	min-width: 45px;
	text-align: center;
	text-decoration: none;
}

.page-numbers:last-child {
	margin-right: 0;
}

.page-numbers.current {
	background: #ED6A10;
	border: 1px solid #ED6A10;
	color: #fff;
	font-weight: 700;
}

.page-numbers.dots,
.page-numbers.next,
.page-numbers.prev {
	border: none;
	line-height: 45px;
	min-width: initial;
	width: auto;
}


/* ====================== 
投稿ページ
===========================*/

.fv-single{
    margin: 50px 50px 100px 50px;
}
.fv-single-inner img{
    border-radius: 15px;
    width: 100%;
    height: 80vh;
    object-fit: cover;
    border-radius: 15px;
}

.single-body{
    margin-bottom: 100px;
}

.single-body h2{
    margin-top: 10px;
    margin-bottom: 50px;
}
.published{
    font-size: 14px;
    font-weight: bold;
}

.single-header{
    width: 100%;
}
.single-title{
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #76581A;
}
.single-img img{
    width: 100%;
}
.single-body{
    margin-bottom: 100px;
}

.entry-meta{
    margin-bottom: 40px;
    font-size: 13px;
}
.entry-label{
    background-color: #AC9F84;
    color: #fff;
    display: inline-block;
    padding: 5px 20px;
    font-size: 12px;
}

.single-body h1{
    font-size: 32px;
    color: #76581A;
    font-weight: bold;
    margin-bottom: 50px;
}


.single-body h2{
    font-size: 32px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 5px 20px;
    background-color: #76581A;
    display: inline-block;
    margin-bottom: 20px;
}

.single-body h3{
    font-size: 25px;
    color: #000;
    font-weight: bold;
    border-left: 4px solid #76581A;
    margin-bottom: 20px;
    padding-left: 10px;
}
.single-body h4{
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin-bottom: 20px;

}
.single-body h5{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-bottom: 20px;

}
.single-body h6{
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-bottom: 20px;

}

.single-body p{
    color: #333;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.6;
    letter-spacing: 4%;
}


@media only screen and (max-width: 768px) {
    
.single-body h2{
    font-size: 25px;
    font-family: 'Barlow', sans-serif;
    font-weight: bold;
    letter-spacing: 5px;
}

.single-body h3{
    font-size: 20px;

    color: #000;
    /* font-family: 'Montserrat Alternates', sans-serif; */
    font-weight: bold;
    
}
.single-body h4{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-bottom: 20px;

}
.single-body h5{
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-bottom: 20px;

}
.single-body h6{
    font-size: 15px;
    color: #333;
    font-weight: bold;
    margin-bottom: 20px;

}

.single-body p{
    color: #333;
    font-size: 14px;
}

}



/* ====================== 
お問い合わせ
===========================*/

.contact-page{
    text-align: center;
}

.contact-page h2{
    margin-bottom: 55px;
}

.contact-page-text{
    margin-bottom: 55px;
}


.contact-page-image{
    background-image: url(../../img/about/about-line.JPG);
    width: 100%;
    height: 300px;
    background-size: cover;
    margin-bottom: 200px;
}


.contact-title{
    text-align: center;
    margin-bottom: 80px;
}

.contact-page-tel p{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.contact-page-tel span{
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
}
.contact-page-tel .contact-day{
    font-size: 13px;
    margin-left: 10px;
    font-weight: normal;
}

.contactform{
    width: 50%;
    margin-right: auto;
    margin-left: auto;
}
.contactform dt{
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 25px;
}
.contactform dd{
    margin-bottom: 20px;
}
.dd-line{
    border: 1px solid #76581A;
    background-color: #fff;
    padding: 10px 20px;

}
/* .contact-page-icon:before{
    font-family: FontAwesome;
    content: '\f879';
} */


textarea, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select{
    width: 100%;
}
::placeholder {
    max-width: 100%;
  }
.wpcf7-radio{
    display: flex;
    flex-wrap: wrap;
}
.wpcf7-list-item{
    width: 100%;
    margin-bottom: 5px;
}
textarea{
    width: 100%;
    border: 1px solid #76581A;
    background-color: #fff;
    padding: 10px 20px;
}
.wpcf7-submit{
    margin-right: auto;
    margin-left: auto;
}

div.wpcf7 .ajax-loader {
    display: none;
}
.submit-btn input{
    font-size: 16px;
    font-weight: bold;
    padding:25px 15%;
    width: 40%;
    background-color: #76581A;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
    border-radius: 99px;
    transition: .3s;
}


.required{
    background-color: #aa2e2e;
    color: #fff;
    font-size: 10px;
    padding: 6px 10px;
    border-radius: 2px;
    margin-left: 5px;
    margin-bottom: 5px;
}

@media only screen and (max-width: 768px) {
/* .contact-inner{
    padding: 100px 5%;

} */
.contact-title{
    margin-bottom: 50px;
}

.contactform{
    width: 90%;
}

.submit-btn input{
    width: 80%;
}
}




/*==================================================
スライダーのためのcss
===================================*/
.slider {
    position:relative;
      z-index: 1;
      /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
      height: 600px;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
  }
  /*　背景画像設定　*/
  
  .slider-item01 {
      background:url(../../img/top/slide-01.JPG);
  }
  
  .slider-item02 {
      background:url(../../img/top/slide-02.JPG);
  }
  
  .slider-item03 {
      background:url(../../img/top/slide-03.JPG);
  }
  .slider-item04 {
    background:url(../../img/top/slide-04.JPG);
}
.slider-item05 {
    background:url(../../img/top/slide-05.JPG);
}
  
  .slider-item {
      width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
      height: 600px !important;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
      background-repeat: no-repeat;/*背景画像をリピートしない*/
      background-position: center;/*背景画像の位置を中央に*/
      background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
  }
  
  /*矢印の設定*/
  
  .slick-prev, 
  .slick-next {
      position: absolute;
      z-index: 3;
      top: 42%;
      cursor: pointer;/*マウスカーソルを指マークに*/
      outline: none;/*クリックをしたら出てくる枠線を消す*/
      border-top: 2px solid #76581A;/*矢印の色*/
      border-right: 2px solid #76581A;/*矢印の色*/
      height: 25px;
      width: 25px;
  }
  
  .slick-prev {/*戻る矢印の位置と形状*/
      left:2.5%;
      transform: rotate(-135deg);
  }
  
  .slick-next {/*次へ矢印の位置と形状*/
      right:2.5%;
      transform: rotate(45deg);
  }
  
  /*ドットナビゲーションの設定*/
  
  .slick-dots {
      position: relative;
      z-index: 3;
      text-align:center;
      margin:-50px 0 0 0;/*ドットの位置*/
  }
  
  .slick-dots li {
      display:inline-block;
      margin:0 5px;
  }
  
  .slick-dots button {
      color: transparent;
      outline: none;
      width:8px;/*ドットボタンのサイズ*/
      height:8px;/*ドットボタンのサイズ*/
      display:block;
      border-radius:50%;
      background:#76581A;/*ドットボタンの色*/
  }
  
  .slick-dots .slick-active button{
      background:#333;/*ドットボタンの現在地表示の色*/
  }