@charset "UTF-8";
/* 
Theme Name: Inishenosato Budoushu
Theme URI: 
Author: inishe_adm
Author URI: 
Description: いにしぇの里葡萄酒公式Webサイト
Version: 1.0.0
*/

/*=================================
common
=================================== */
/* * {outline: 1px solid rgb(255, 0, 204);} */
html {
    font-size: 62.5%;
    overflow-x: hidden;
}

:root {
    --primary-navy: #285777;
    --primary-purple: #771515;
    --primary-white: #FFF;
    --primary-gray: #ECECEC;
}



body {
    font-family:
        "Sawarabi Mincho", YuMincho, Hiragino Mincho ProN,
        serif;
    font-size: 1.6rem;
    font-style: normal;
    color: #285777;
    line-height: 1.7;
}

img {
    max-width: 100%;
    height: auto;
}

video {
    height: auto;
    display: flex;
    justify-content: left;
}

.section__Topic,
.archive-header__title {
    color: var(--primary-navy);
    text-align: center;
    font-family: "Sawarabi Mincho";
    font-size: 2.4rem;
    font-weight: 400;
    line-height: normal;
}


.txt__Box {
    margin: 30px 0 10px 0;
    color: var(--primary-navy, #285777);
    text-align: justify;
    font-size: 1.6rem;
    line-height: 1.7;
}

.wp-block-heading {
    margin-top: 20px;
    font-size: 1.8rem;
    font-weight: 700;
}

/* common pc */
@media screen and (min-width: 769px) {

    .page-title {
        margin-top: 100px;
    }

    .section__Topic {
        font-size: 3.2rem;
    }

    .Topic__404 {
        font-size: 3.2rem;
    }

    .txt__Box {
        margin-top: 40px;
        /* font-size: 2rem; */
    }

}

/*=================================
Sns__box
=================================== */
.Sns__box {
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.5);
    display: flex;
    width: 50px;
    height: 150px;
    padding: 10px 7px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    z-index: 100;
    position: fixed;
    bottom: 20%;
    left: 3%;
}


/* Sns PC */
@media screen and (min-width: 769px) {
    .Sns__box {
        flex-direction: unset;
        width: 160px;
        height: 40px;
        justify-content: center;
        align-items: center;
        gap: 20px;
        top: 90%;

    }

    .Sns__item {
        width: 25px;
        height: 25px;
    }

}

/* pc 760px */


/*=================================
header
=================================== */

.header {
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 3%;

}

.header__PCTopic img,
.nav__Topic {
    width: 200px;
}

/*  .nav初期表示 */

.nav {
    background:#fff;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    transform: translatex(-100%);
    transition: transform 0.4s;
}

.nav.active {
    transform: translatex(0);
}

.nav__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FFF;
    width: 100%;
    padding: 10px 3%;
}

.nav__List {
    width: 150px;
    margin: 0 auto;
    margin-top: 100px;

}

.nav__item {
    color: var(--primary-purple);
    font-size: 2.4rem;
    letter-spacing: 2.4px;
    line-height: 1;
    margin-top: 30px;
    color: #771515;
    /* width: 150px; */
}


.nav-span{
    font-size: 1.2rem;
    margin-top: -20px;
}


.menu__Box {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: 20px;
    padding: 4px 0 ;
    width: 150px;
}

.menu__Box-item{
    flex:1 1 0;
}

.navmenu__item {
    width: 30px;
}

.PCmenu__Box {
    display: none;
}

.menu__item {
    inline-size: 30px;
    display: inline-block;
    width: 38px;
    overflow-wrap: break-word;
    line-height: 1.2;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.4;
}

.menu__btn{
    width: 25px;
}

.navmenu__btn{
    width: 50px;
}

/* .nav__Topic {
    width: 170px;
} */

@media screen and (min-width: 900px) {

    .header {
        padding: 0 4.6%;
    }

    .header__PCTopic img {
        width: 300px;
    }

    .header__PCTopic img:hover{
        opacity: 0.5;
    }

    .header-nav__item a {
        color: var(--primary-navy);
    }

    /* カレント表示 */
    .header-nav__item.current a {
        color: #771515;
        font-weight: bold
    }



    .header__SPTopic {
        display: none;
    }

    .header__PCTopic {
        display: flex;
    }

    .menu__Box {
        display: none;
    }

    .PCmenu__Box,
    .menu__item {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }

    .menu__item {
        width: fit-content;
        color: #285777;
        text-align: center;
        font-size: 1.6rem;
        align-items: center;
        line-height: 60px;
    }

    .menu__item:hover,
    .nav__item:hover{
        opacity: 0.5;
    }
}

/* pc 900px */

/*=================================
front-page scroll
=================================== */

.section__Top{
    position: relative;
}

.scroll__Box {
    position: relative;
    /* right: 20px; */
}

.scroll {
    /* text-align: start; */
    position: fixed;
    bottom: 150px;
    right: 20px;
    z-index: 99;
}

.is-scrollEnd .scroll {
    display: none;
}

.fadeIn {
    transform: translate(0, 50px);
    opacity: 0;
    transition: 0.8s;
}

.fadeIn.animated {
    transform: translate(0, 0);
    opacity: 1;
}


.SP__obj {
    margin-bottom: 20px;
    width: 40px;
}

.topobj {
    z-index: 1;

}

.scroll__arrow {
    height: 200px;
}

.scroll__txt {
    padding-top: 20px;
    writing-mode: vertical-lr;
    color: var(--primary-purple);
    text-align: center;
    font-family: Baskervville;
    font-size: 1.6rem;
    line-height: 0.5;
    letter-spacing: 5px;
}


@media screen and (min-width: 769px) {
    /* .scroll {
        top: 20%;
    } */

    .scroll__Box {
        margin-right: 20px;

    }

    /* .is-scrollEnd .scroll {
        display: none;
    } */
    


    .SP__obj {
        margin-bottom: 20px;
        width: 70px;
    }

    .scroll__arrow {
        height: 300px;
    }

    .scroll__txt {
        text-align: center;
        font-family: Baskervville;
        font-size: 2.8rem;
        line-height: normal;
        letter-spacing: 4.8px;
        line-height: 0.5;
    }

}

/* pc 760px */

/*=================================
front-page Top
=================================== */


#epiloge {
    opacity: 0.9;
}

.image-container {
    position: relative;
    /* overflow: hidden; */
}

.floating_01 {
    width: 25px;
    height: 25px;
    /* opacity: 0; */
    position: absolute;
    top: -50px;
    right: -5px;
    transform: scale(0);
    transition: all 1.2s ease 0s;
}

.floating_02 {
    width: 25px;
    height: 25px;
    opacity: 0;
    position: absolute;
    top: -100px;
    right: -5px;
    transform: scale(0);
    transition: all 1.2s ease 0s;
}

.floating_03 {
    width: 25px;
    height: 25px;
    opacity: 0;
    position: absolute;
    top: -70px;
    right: -5px;
    transform: scale(0);
    transition: all 1.2s ease 0s;
}

.floating_04 {
    width: 25px;
    height: 25px;
    opacity: 0;
    position: absolute;
    top: -70px;
    right: -5px;
    transform: scale(0);
    transition: all 1.2s ease 0s;
}

.floating_05 {
    width: 25px;
    height: 25px;
    opacity: 0;
    position: absolute;
    top: -70px;
    right: -5px;
    transform: scale(0);
    transition: all 1.2s ease 0s;
}


.is-in_01 .floating_01 {
    opacity: 1;
    transform: scale(1);
}

.is-in_02 .floating_02 {
    opacity: 1;
    transform: scale(1);
}

.is-in_03 .floating_03 {
    opacity: 1;
    transform: scale(1);
}

.is-in_04 .floating_04 {
    opacity: 1;
    transform: scale(1);
}

.is-in_05 .floating_05 {
    opacity: 1;
    transform: scale(1);
}

/* .slider {
    display: none;
} */

.sp__mainimgBox{
    /* height: 80vh; */
    width: 100%;
}


.slider,
.slick-track,
.slick-list{
    width: 100%;
}


.slider__item {
    width: 100%;
    height: 80vh;
    position: relative;
    /* transform: translateX(-100px) */
}

.slider__item video {
    width: 100%;
    height: 80vh;
    object-fit: cover;
    object-position: center;

}

.mainlogo {
    width: 40vw;
    max-width: 200px;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.fadeIn {
    opacity: 0;
    transform: translate(0, 100px);
    transition: all 10s;
}

.fadeIn.active {
    opacity: 1;
    transform: translate(0, 0);
}

/* .fadeLeft {
    opacity: 0;
    transform: translate(100px, 0);
    transition: all 3s;
} */

/* .fadeLeft.active {
    opacity: 1;
    transform: translate(0, 0);
} */

.epilogue__Box {
    width: 100%;
    padding: 100px 14% 0;
    text-align: center;
}

.epilogue__Txt {
    color: var( --primary-navy, #285777);
    font-size: 1.6rem;
    line-height: 1.7;
    letter-spacing: 1.6px;
}

.epilogue__obj {
    position: relative;
    margin-top: 40px;
}

.epilogue__wood {
    width: 80%;
    margin: 0 auto;
}

.epilogue__reef {
    width: 7%;
    max-width: 115px;
    position: absolute;
    top: 17%;
    left: 50%;

}

.background-0 {
    margin: 0 auto;
    width: 100%;
    height: 30vh;
    background-image: url(./assets/images/epilogue__img.jpg);
    background-size: cover;
    background-position: 70% 100%;
}
/*  */
/*  */
/*  */
.frontrelease-list00{
    background-color: rgb(255, 255, 255,0.8);
    width: 150px;
    height: 150px;
    border-radius: 200px;
    position: absolute;
    top: 485px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    z-index: 200;
}

.frontrelease-list li{
    text-align: center;
    margin: 30px 10px 0;
}

.frontrelease-list00 li{
    text-align: center;
    margin: 30px 20px 0;
	padding-top:20px;
    font-size: 2rem;
}

/* ローテート */

/* 回転アニメーション設定 */
@keyframes rotation1{
    0%{ transform:rotate(0);}
    100%{ transform:rotate(360deg); }
  }

.rotate-text {
    animation: 30s linear infinite rotation1;/*回転アニメーション設定*/
    width: 100%;
}

.rotate-box{
    position: absolute;
    top: 470px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    
}



/*  */
/*  */
/*  */


/* Top pc */
@media screen and (min-width: 769px) {

    .floating_01 {
        width: 50px;
        height: 50px;
        opacity: 0;
        position: absolute;
        top: -90px;
        right: 0;
        transform: scale(0);
        transition: all 1.2s ease 0s;
    }

    .floating_02 {
        width: 50px;
        height: 50px;
        opacity: 0;
        position: absolute;
        top: -170px;
        right: 0;
        transform: scale(0);
        transition: all 1.2s ease 0s;
    }

    .floating_03 {
        width: 50px;
        height: 50px;
        opacity: 0;
        position: absolute;
        top: -90px;
        right: 0;
        transform: scale(0);
        transition: all 1.2s ease 0s;
    }

    .floating_04 {
        width: 50px;
        height: 50px;
        opacity: 0;
        position: absolute;
        top: -120px;
        right: 0;
        transform: scale(0);
        transition: all 1.2s ease 0s;
    }

    .floating_05 {
        width: 50px;
        height: 50px;
        opacity: 0;
        position: absolute;
        top: -90px;
        right: 0;
        transform: scale(0);
        transition: all 1.2s ease 0s;
    }

    .sp__mainimgBox {
        display: none;
    }

    /* .slider {
        display: block;
    } */

    .slider__item {
        height: 80vh;
    }
    

    video {
        width: 100%;
    }

    .slider__item video {
        width: 100%;
        height: 80vh;
        object-fit: cover;
        object-position: right bottom;

    }


    .mainlogo {
        width: 40vw;
        top: 50%;

    }


    .epilogue__Txt {
        font-size: 2.4rem;
    }

    .background-0 {
        margin: 0 auto;
        width: 100%;
        height: 70vh;
        object-fit: cover;
        z-index: 100;
    }

/*  */
/*  */
/*  */
.frontrelease-list li{
    text-align: center;
    margin: 30px 10px 0;
}

.frontrelease-list00{
    background-color: rgb(255, 255, 255,0.8);
    width: 150px;
    height: 150px;
    border-radius: 200px;
    position: absolute;
    top: 485px;
    left: 15%;
    display: flex;
    justify-content: center;
}

.frontrelease-list00 li{
    text-align: center;
    margin: 30px 10px 0;
}
.rotate-box{
    position: absolute;
    top: 470px;
    left: 15%;
    width: 180px;

}

.epilogue__wood {
    width: 60%;
    max-width: 500px;
    margin: 0 auto;
}

}

/* pc 760px */

/*=================================
front-page overview
=================================== */


.section__overview {
    margin-top: 100px;
}

.maintxt__Box {
    padding: 0 14%;

}

.txt__Box {
    margin: 30px 0 10px 0;
    color: var( --primary-navy, #285777);
    text-align: justify;
    font-size: 1.6rem;
    line-height: 1.7;
}

.more__Box {
    width: 100%;
    display: flex;
    justify-content: right;
    align-items: center;
}

.more__Box a {
    display: flex;
    align-items: center;
}

.more__Btn {
    width: 30px;
    height: 30px;
}

.more__Btn:hover {
    opacity: 0.6;
}

.more__txt {
    margin-left: 17px;
    color: var(--primary-purple, #771515);
    font-family: Baskervville;
    font-size: 1.6rem;
    line-height: normal;
    letter-spacing: 2px;

}

.background-00 {
    width: 100%;
    margin-top: 30px;
    height: 460px;
    background-image: url(./assets/images/mainfarm.png);
    background-size: cover;
    background-position: 60% 100%;
}



/* overview pc */
@media screen and (min-width: 769px) {

    .maintxt__Box{
        margin-top: 200px;
    }

    .txt__Box {
        margin-top: 40px;
        font-size: 2rem;
    }

    .background-00 {
        height: 60vh;
        background-size: cover;
        background-position: 60% 20%;
    }

    .more__txt {
        font-size: 2.4rem;
    }

    .more__Btn {
        width: 40px;
        height: 40px;
    }
}

/*=================================
front-page region
=================================== */

.section__region {
    margin: 100px 10% 0 0;
    padding-bottom: 80px;
    border-radius: 0px 30px 30px 0px;
    background: var(--basecoloer, #ECECEC);
    position: relative;
}

.region__Topic {
    padding-top: 50px;
}

.region__Txt {
    margin-top: 30px;

}

.region__img {
    margin-top: 50px;
    width: 80%;
}

.region__img:first-of-type {
    border-radius: 0px 30px 0px 0px;
}

.region__img:last-of-type {
    margin: 15% 0 0 20%;
    border-radius: 30px 0px 0px 0px;

}

/* region pc */
@media screen and (min-width: 769px) {
    .section__region {
        margin: 100px 10% 0 0;
        padding-bottom: 100px;
        border-radius: 0px 30px 30px 0px;
        background: var(--basecoloer, #ECECEC);
        position: relative;
    }

    .region__Topic {
        padding-top: 100px;
    }

    .region__img:last-of-type {
        margin-top: 10%;
    }
}

/*=================================
front-page variety
=================================== */

.section__variety {
    margin-top: 60px;
}

.variety__img {
    height: 220px;
}

.variety__Tag {
    margin-top: 30px;
    color: var(--primary-purple, #771515);
    text-align: center;
    font-size: 2rem;
    line-height: normal;
    width: 100%;
    height: auto;

}

/* swiper */


.swiper-slide {
    text-align: center;
    background: #F8EAEA;
    height: auto;
    display: flex;
    flex-flow: column;
    padding-bottom: 80px;
    margin-top: 50px;
    border-radius: 10%;

}


.swiper-slide:hover {
    opacity: 0.6;
}

.variety__img {
    width: 40%;
    height: auto;
    object-fit: cover;
    padding: 50px 0 30px;
}

.variety-merlot{
    width: 40%;
    height: auto;
    object-fit: cover;
    padding: 50px 0 0;
}

.swiper-button-prev,
.swiper-button-next {
    display: none;

}

.variety__Txt {
    padding: 0 14% 0;
    margin-top: 30px;
    font-size: 1.6rem;
    line-height: 1.7;
}

.winelink {
    color: #771515;

}

.winelink:hover {
    text-decoration: underline;
    opacity: 0.6;
}

/* variety　pc */
@media screen and (min-width: 769px) {
    .section__variety {
        margin-top: 200px;
        padding: 0 10% 0;
    }

    .swiper-button-prev,
    .swiper-button-next {
        display: block;
        color: #FFF;
        background-color: #771515;
        box-sizing: border-box;
        border-radius: 100%;
        width: 40px;
        height: 40px;
    
    }

.swiper-button-prev::after {
    font-size: 20px;
    margin-left: 15px;
    line-height: 2;
}

.swiper-button-next::after {
    font-size: 20px;
    margin-left: 16px;
    line-height: 2;
}


}

/*=================================
front-page Map
=================================== */

.section__Map {
    margin-top: 60px;
    text-align: center;
}

.Map_topic {
    width: 200px;
}

.map__Address {
    margin-top: 5px;
    text-align: center;
    font-size: 1.6rem;
    line-height: normal;
}

.map__img {
    margin: 35px auto;
    width: 90vw;
    height: auto;
}


/* Map pc */
@media screen and (min-width: 769px) {
    .section__Map {
        margin-top: 200px;
    }

    .Map_topic {
        width: 300px;
    }

    .map__Address {
        margin-top: 0;
    }
}

/*=================================
page-vineyard section__vineyardtop
=================================== */

.vineyard__top {
    position: relative;
}

/* .maintitle {
    position: absolute;
    top: 7%;
    left: 50%;
    transform: translate(-50%);
    color: var(--primary-purple, #771515);
    font-family: Baskervville;
    font-size: 8vw;
    line-height: normal;
    letter-spacing: 3.6px;
} */

.vineyard__title::after{
    content: 'いにしぇの里葡萄酒 ワイナリー';
    font-family: "Sawarabi Mincho";
    font-size:2vw;
    line-height: normal;
    letter-spacing: 1px;
    text-align: center;
}



.PC__mainimg {
    display: none;
}

.vineyard__mainlogo {
    width: 20%;
    height: 20%;
    position: absolute;
    bottom: 10%;
    right: 20%;
}

.section__txt {
    text-align: justify;
    font-size: 1.6rem;
    line-height: 1.7;
    letter-spacing: 1.6;
    padding: 40px 14% 0;

}


/* section__vineyardtop pc */
@media screen and (min-width: 769px) {


    .maintitle {
        margin: 10% 0 0 28%;
        font-size: 6vw;
    }

    .vineyard__title::after{
        letter-spacing: 3.6px;
        font-size:1.2vw;
}

    .SP__meinimg {
        display: none;
    }

    .PC__mainimg {
        display: block;
    }

    .vineyard__mainlogo {
        width: 10vw;
        height: auto;
        margin-right: 35%;
        top: 55%;
        right: 20%;
    }

    .section__txt {
        max-width: 1440px;
        margin: 0 auto;
        text-align: justify;
        font-size: 20px;
        line-height: 1.7;
        letter-spacing: 2;

    }
}

/*=================================
  page-vineyard overview01
  =================================== */

.section__overview01 {
    margin-top: 80px;
}

.overview__title1 {
    text-align: center
}

.overview__Box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;

}


.Map-It {
    width: 60vw;
    color: #000;
    font-size: 0.7rem;
    line-height: normal;
    margin-top: -20px;
}


/* overview01 pc */
@media screen and (min-width: 769px) {

    .overview__Box {
        max-width: 1440px;

    }

}

/*=================================
   page-vineyard overview02
  =================================== */

.overview__title2 {
    text-align: center;
    margin-top: 80px;
}

.vineyard_Box {
    margin-top: 30px;
    padding: 0 14%;
}

.vineyard__farm {
    border-radius: 10px;
}

.vineyard_Gp {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;

}

.background-02 {
    width: 47%;
    height: 20vh;
    background-image: url(./assets/images/vineyard_harvest.jpg);
    background-size: cover;
    background-position: 100% 50%;
    border-radius: 10px;


}

.background-03 {
    width: 47%;
    height: 20vh;
    background-image: url(./assets/images/overview_grapes.jpg);
    background-size: cover;
    background-position: 50% 30%;
    border-radius: 10px;
}

/* overview01 pc */
@media screen and (min-width: 769px) {
    .overview__title2 {
        margin-top: 80px;
    }

    .vineyard_Box {
        max-width: 1440px;
        margin: 70px auto 0;
    }

    .background-02 {
        height: 40vh;
        max-height: 400px;
    }

    .background-03 {
        height: 40vh;
        max-height: 400px;
    }


}

/*=================================
   page-vineyard overview03
  =================================== */

.section__overview03 {
    margin-top: 80px;
}

.overview__title3 {
    text-align: center
}

.vineyard_Gp03 {
    padding: 10px 14% 0;
}

.background-04 {
    width: 47%;
    height: 20vh;
    background-image: url(./assets/images/vineyard/overview_sprouting.jpg);
    background-size: cover;
    background-position: 50% 30%;
    border-radius: 10px;
}

.background-05 {
    width: 47%;
    height: 20vh;
    background-image: url(./assets/images/vineyard/overview_bud.jpg);
    background-size: cover;
    background-position: 50% 30%;
    border-radius: 10px;
}

/* overview03 pc */
@media screen and (min-width: 769px) {
    .vineyard_Gp03 {
        max-width: 1440px;
        margin: 0 auto;
    }

    .background-04 {
        height: 40vh;
        max-height: 400px;

    }

    .background-05 {
        height: 40vh;
        max-height: 400px;

    }
}

/*=================================
   page-vineyard terroir
  =================================== */

.section__terroir {
    /* margin: 100px 10% 0 0; */
    padding-bottom: 80px;
    /* border-radius: 0 30px 0 0; */
    background: var(--basecoloer, #ECECEC);
    position: relative;
}

.terroir__topic {
    padding-top: 50px;
    
}

.section__subTopic {
    margin-top: 50px;
    text-align: center;
    font-size: 2rem;
    line-height: normal;
}

.terroir__img {
    margin-top: 50px;
    width: 80%;
}

.terroir__img:last-of-type {
    margin: 10% 0 0 20%;
}

/* terroir pc */

@media screen and (min-width: 1280px) {

    .terroir__topic {
        padding-top: 100px;
        /* transform: translateX(40px); */
    }

    .terroir__subTopic{
        margin-top: 100px;
    }


    .terroir__Box {
        max-width: 1440px;
        margin: 0 auto;
        padding-left: 10%;
    }

    .section__subTopic {
        font-size: 2.4rem;
    }

}

/* 769px */




/**********************************
Privacy Plicy
************************************/
.main {
    margin-top: 40px;
    padding: 0 14% 0;
}


@media screen and (min-width: 769px) {
    .Privacy-title {
        margin: 100px 0;
        padding: 0 14% 0;
    }

    .wp-block-heading,
    .privacy-policy-tutorial {
        font-size: 2.4rem;
        text-align: justify;
    }


}

/*=================================
page-winelist section__winetop
=================================== */

.winelist__top {
    position: relative;
}

.maintitle {
    position: absolute;
    top: 7%;
    left: 50%;
    display: flex;
    flex-direction: column;
    transform: translate(-50%);
    color: var(--primary-purple, #771515);
    font-family: Baskervville;
}

.winelist__title::after{
    content: 'いにしぇの里葡萄酒 ワインリスト';
    /* position: absolute;
    top: 7%;
    left: 50%;
    transform: translate(-50%);
    color: var(--primary-navy); */
    font-family: "Sawarabi Mincho";
    font-size:2vw;
    line-height: normal;
    letter-spacing: 1px;
    text-align: center;
}

.PC__mainimg {
    display: none;
}

.winetop__mainlogo {
    width: 20%;
    height: 20%;
    position: absolute;
    bottom: 10%;
    right: 20%;
}



/* section__winetop pc */
@media screen and (min-width: 769px) {


    .maintitle {
        margin: 10% 0 0 28%;
        font-size: 6vw;
    }

    .winelist__title::after{
        letter-spacing: 3.6px;
    font-size:1.2vw;
}

    .SP__meinimg {
        display: none;
    }

    .PC__mainimg {
        display: block;
    }

    .winetop__mainlogo {
        width: 10vw;
        height: auto;
        margin-right: 30%;
        top: 55%;
        right: 20%;
    }
}

/* pc 760px */

/*=================================
  page-winelist section__Prolog
  =================================== */

.section__Prolog {
    max-width: 1440px;
    margin: 0 auto;
}

.winelist__Prologue {
    position: relative;
    text-align: start
}

.SP__yui {
    width: 100vh;
    padding: 20px 15% 0;
}

.PC__yui {
    display: none;
}

.Prologue__txt {
    padding: 10px 25% 0 40%;
    position: absolute;
    top: 32%;
    color: var( --primary-navy, #285777);
    font-size: 3vw;
}

.Prologue__secondtxt {
    padding: 0 14%;
    color: var( --primary-navy, #285777);
    text-align: justify;
    font-family: "Sawarabi Mincho";
    font-size: 3vw;
}

.SP__br {
    display: none;
}

.Prologue__secondtxt br {
    display: none;
}


/* section__Prolog pc */
@media screen and (min-width: 769px) {

    .winelist__Prologue {
        text-align: center;
    }

    .SP__yui {
        display: none;
    }

    .PC__yui {
        display: block;
        margin: 0 auto;
        width: 100%;
        padding: 90px 40% 0;
    }

    .Prologue__txt {
        padding: 90px 18%;
        font-size: 1.6vw;
        letter-spacing: 2px;
    }

    .Prologue__txt br {
        display: none;
    }

    .Prologue__secondtxt {
        padding: 30px 18%;
        color: #285777;
        text-align: center;
        font-family: "Sawarabi Mincho";
        font-size: 1.6vw;
        letter-spacing: 2px;
    }

    .SP__br {
        display: block;
        /* 768px未満では改行タグを有効に */
    }

}

/* pc 760px */

/*=================================
  page-winelist Pyramid
  =================================== */

.section__Pyramid {
    margin-top: 50px;
    padding-bottom: 50px;
    background-color: #ECECEC;
    text-align: center;

}

.Pyramid__Box {
    max-width: 1440px;
    margin: 0 auto;
}

.lineup__title {
    padding-top: 30px;
    margin: 0 auto;
    color: var(--primary-navy);
    text-align: center;
    font-family: "Sawarabi Mincho";
    font-size: 2.4rem;
    font-weight: 400;
    line-height: normal;
}

.SP__Pyramidimg {
    margin: 20px auto 4%;
    width: 70%;
}

.PC__Pyramidimg {
    display: none;
}

.lineup__Box {
    margin: 5% 20% 0;
    text-align: start;
}


.lineup__Gp {
    display: flex;
    margin-top: 5%;
    align-items: center;
}

.lineup__Gp:first-of-type {
    margin-top: 0;
}

.lineup__Btn {
    display: flex;
    width: 150px;
    height: 30px;
    background: #FF924D;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1% 0 ;
}

.lineup__BtnBox{
    display: flex;
    justify-content: center;
}



.btn__txt {
    color: #0F2F45;
    font-size: 1rem;
    line-height: 1.4;
}

.lineup__txt {
    margin-left: 5%;
    width: 100%;
    color: #0F2F45;
    font-family: "Sawarabi Mincho";
    font-size: 1rem;
    line-height: 1.4;

}

.Famille__Btn {
    background-color: #FFB24D;
}

.Seasons__Btn {
    background-color: #FFC951;
}

.Old__vintage {
    background-color: #FFF;
}

/* Pyramid pc */
@media screen and (min-width: 769px) {
    .section__Pyramid {
        margin-top: 100px;
        padding: 80px 0 140px;
    }

    .lineup__title {
        font-size: 3.2rem;
    }

    .SP__Pyramidimg {
        display: none;
    }

    .PC__Pyramidimg {
        display: block;
        width: 60%;
        margin: 80px auto 5%;
    }

    .lineup__Btn {
        width: 250px;
        height: 40px;
        margin-left: 10%;
    }

    .btn__txt {
        font-size: 1.6rem;
    }

    .lineup__txt {
        font-size: 1.8rem;
    }
}

/* pc 760px */

/*=================================
page-winelist
=================================== */

.archive-postlist {
    margin-top: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px 0px;
    justify-content: center;
    
}

.wp-block-group__inner-container p{
    font-size: 1.6rem;
    margin-bottom: 20px;
}

.wine-wrapper{
    width: 150px;
    
}

.categories{
    /* color: #fff; */
    margin-top: 20px;
}

.categories a{
    color: #285777;
}

.section__release{
    border-bottom: 1px solid var(--primary-purple);
    padding-bottom: 120px;
    
}

.section-category{
    
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.categorylist__Box{
    /* max-width: 750px; */
    margin: 80px auto 0;
    text-align: center;
    padding: 0 14% 100px ;

}



.lineup__Btn00 {
    display: flex;
    width: 170px;
    height: 50px;
    background: var(--primary-purple);
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 30px;
    padding: 1% 0;
    font-size: 1.6rem;
}
.lineup__Btn2 {
    display: flex;
    width: 170px;
    height: 50px;
    background: #FFB24D;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1% 0 0;
    font-size: 1.6rem;
}

.lineup__Btn3 {
    display: flex;
    width: 170px;
    height: 50px;
    background: #FFC951;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1% 0 0;
    font-size: 1.6rem;
}

.Btn4box{
    margin-top: 60px;
    border-top: 1px solid rgb(40 87 119 / .5);
}

.lineup__Btn4 {
    margin-top: 60px;
    display: flex;
    width: 170px;
    height: 50px;
    background: #ffff;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1% 0 0;
    font-size: 1.6rem;
}

.btn__txt00{
    color: var(--primary-white);
    font-size: 1.6rem;
    line-height: 1.4;
}

.btn__txt2 {
    color: #0F2F45;
    font-size: 1.6rem;
    line-height: 1.4;
}

.post-list{
    margin: 0 auto;
}


.main-award{
    margin: 40px auto 0;
        display: grid;
        grid-template-columns: 0.8fr 0.8fr;
        gap: 40px 0px;
        justify-content: center;
        padding: 0 5%;
        margin-bottom: 80px;
}

.wp-image-639{
    width: 40px;
}

.wp-image-639:hover{
    opacity: 0.5;
}

.release-title{
    font-size: 2.8rem;
    margin-top: 60px;
}

.categorylist-title0{
    background-color: var(--primary-purple);
    font-size: 2.4rem;
    margin-top: 120px;
    color: var(--primary-white);
}

.cat-item-33,
.cat-item-21{
    margin-top: 20px;
}

.categorylist-title{
    background-color: #FFB24D;
    font-size: 2.4rem;
    margin-top: 120px;
}

.categorylist-title2{
    margin-top: 100px;
    background-color: #FFC951;
    font-size: 2.4rem;
}

.categorylist-title3{
    margin-top: 100px;
    background-color: var(--primary-navy);
    font-size: 2.4rem;
    color: var(--primary-white);
    /* border: solid 2px var(--primary-navy); */
}

.cat-item-5,
.cat-item-8{
    margin-top: 30px;
    text-decoration: none;
}

.cat-item a{
    margin: 40px 0 40px;
    font-size: 2rem;
    text-decoration: underline;
	padding-top:20px;
}

/* pagenation */

.award-Topic{
    padding-top: 60px;
}

.wp-block-group{
    text-align: center;
    padding: 0 5%;
}

.wp-block-group h2{
    text-align: center;
}

@media screen and (min-width: 769px) {
    .archive-postlist {
        max-width: 1000px;
        margin: 120px auto 60px;
        display:flex;
        flex-wrap: wrap;
        gap: 60px ;
        justify-content: center;
    }

    .archive-postlist::before,
    .archive-postlist::after{
        content: "";
        display: block;
        width: 20%;  /* .boxに指定したwidthと同じ幅を指定する */
        height: 0;
        order: 1;  /* 疑似要素beforeの順番を必ず指定する*/
    }

    .post-list{
        width: 20%;
        margin: 0;
    }

    .section-category{
        max-width: 1280px;
        margin: 0 auto;

    }
    
    .categorylist__Box{
        margin-top: 120px ;
        padding: 0 14% 80px ;
    }

    .Btn4box{
        margin-top: 100px;
    }

    .lineup__Btn2,
    .lineup__Btn3{
        height: 60px;
        padding: 1% 0;
        margin: 30px 0 0;
    }

    .lineup__Btn4{
        height: 60px;
        padding: 1% 0;
        margin: 100px 0 0;
    }
    
    .main-award{
        margin: 80px auto ;
        display:flex;
        flex-wrap: wrap;
        gap: 50px 0px;
        justify-content: center;
        padding: 0 5%;
    }

    .wp-image-639{
        width: 50px;
    }

    .release-title{
        margin-top: 120px;
        font-size: 3.6rem;
    }
    
    .categorylist-title0,
    .categorylist-title,
    .categorylist-title2,
    .categorylist-title3{
        margin-top: 80px;
        font-size: 3.2rem;
    }

    .cat-item-33,
	.cat-item-21{
        margin-top: 20px;
		padding-top:20px;
    }
    

    .cat-item a{
        font-size: 2.4rem;
    }

    .cat-item a:hover{
        opacity: 0.5;
    }

    .wp-block-group__inner-container p{
        font-size: 2rem;
        margin-bottom: 30px;
    }

    .wine-wrapper{
        width: 200px;
    }

    .categories{
        margin-top: 60px;
        text-align: center;
        font-size: 2rem;
    }

    .section-award{
        max-width: 1280px;
        margin: 0 auto;
    }

    .award-Topic{
        padding-top: 0;
    }
}


/*=================================
  section__Famille
  =================================== */
.wine__Btn {
    position: fixed;
    top: 50px;
    right: 10px;
}

.section__release,
.section__Famille {
    margin-top: 80px;
    text-align: center;
}

.category__Topic li {
    text-align: center;
    color: #285777;
}


.archive-header__title {
    margin-top: 100px;
}

.Famille__Txt {
    margin: 0 0 40px;
    text-align: justify;
    padding: 40px 14% 0;
}

.archive-header__caption {
    margin: 20px 0 80px;
    text-align: justify;
}

.section-title {
    text-align: center;
    margin-top: 40px;
}


.vintage {
    margin-bottom: 20px;
    font-size: 2rem;
    text-align: center;
    width: 100%;
}


.Famille__Box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 80px;
}

.Famille__bottle {
    width: 10vw;
    min-width: 45px;
    margin-bottom: 20px;

}


.post-list-item__thumbnail img {
    margin: 20px 0;
}

.bottle__Txt {
    text-align: center;
    line-height: 1.5;
    padding: 30px 0 10px;
    width: 100%;
    font-size: 1.6rem;
}

.label__img {
    width: 50%;
}


.famille__arrow:hover {
    opacity: 0.6;
}

.post-wrapper{
    text-align: center;
    margin: 0 auto 40px;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.post-wrapper img{
    margin-bottom: 40px;
    width: 150px;
}

.post-wrapper p{
    text-align: start;
}



/* section__Famille pc */

@media screen and (min-width: 769px) {

    .section__Famille {
        margin:0 auto 140px;
        text-align: center;
        max-width: 1280px;

    }

    .section-title {
        text-align: center;
        margin-top: 100px;
    }


    .Famille__Box {
        margin-top: 40px;
    }

    .archive-header__caption {
        font-size: 2rem;
        line-height: 1.7;
        margin-top: 40px;
    }

    .Famille__Txt {
        color: #285777;
        text-align: justify;
        font-size: 2rem;
        line-height: 1.7;
        margin-top: 40px;
    }

    .vintage {
        font-size: 2.4rem;
        margin: 40px 0 40px;
    }

    .Famille__bottle {
        width: 100px;
    }

    .bottle__Txt {
        display: block;
        text-align: center;
        font-family: "Sawarabi Mincho";
        line-height: 1.5;
        padding: 40px 0 20px;
        text-align: center;
        font-size: 2rem;
    }



    .famille__arrow {
        width: 100%;
        text-align: center;
    }

    .famille__arrow img,
    .wine__arrow img {
        width: 40px;
    }
    .wine__Btn {
        position: fixed;
        /* top: 50px; */
        right: 100px;
    }
    
    
    .cat-list li {
        font-size: 2.4rem;
    }
    
    .cat-wrapper{
        max-width: 1160px;
        margin: 0 auto;
    }
    
    .post-wrapper{
        text-align: center;
        margin: 0 auto;
        width: 100%;
        max-width: 600px;
    }
    
    .post-wrapper img {
        width: 250px;
    }
    
    .post-wrapper p,
    .cat-wrapper p {
        font-size: 2rem;
        text-align: start;
    }
}

  /*=================================
  section__Seasons
  =================================== */

.section__Seasons {
    margin-top: 80px;
    padding: 40px 0 80PX;
    text-align: center;
    font-family: "Sawarabi Mincho";
    background-color: #ECECEC;
}

.wineSeasons__Box {
    max-width: 1440px;
    margin: 0 auto;
}


.clist-name a::first-of-type {
    display: none;
}




.category-list{
    justify-content:center;
    display: grid;
    text-align:center;
    grid-template-columns: 20% 20% 20% ;
    margin: 30px auto;
    gap: 30px 20px;
    max-width: 1000px;
    /* display: flex;
    flex-wrap: wrap;
    justify-content: stretch;
    gap: 40px 40px ;
    text-align:start; */
}


.cat-list {
    margin-top: 50px;
    width: 100%;
}

.children {
    display:flex;
    flex-wrap: wrap;
    margin: 20px 0 40px;
    gap:20px 40px ;
}


.vintage__name {
    color: #285777;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.7;
    text-decoration: underline;

}

.vintage__name:hover {
    opacity: 0.6;
}

.wine__Box {
    width: 100%;

}

.fadeIn {
    opacity: 0;
    transform: translate(0, 70px);
    transition: all 3s;
}

.fadeIn.active {
    opacity: 1;
    transform: translate(0, 0);
}

.wine__arrow:hover {
    opacity: 0.6;
}


/* section__Seasons pc */

@media screen and (min-width: 769px) {
    .section__Seasons {
        margin: 0 auto;
        padding: 40px 0 140PX;
    }

    .vintage__name {
        font-size: 2rem;
    }

    .wine__Box:first-of-type {
        margin: 70px 0;
    }

    .category-list ul{
        grid-template-columns: 18% 18% 18% 18% ;
        margin: 60px auto 0;
    }


    .children {
        display:flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 20px 0 40px;
    }

    .Seasons__Box {
        width: 100%;
        display: grid;
        grid-template-columns: 18% 18% 18% 18% 18%;
        margin: 50px auto 0;
        padding: 0 10%;
        gap: 60px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .wine__Box {
        width: 100%;
        font-size: 3.2rem;
    }

    .wine__Box img {
        object-fit: cover;
    }


    .Seasons__2015,
    .Seasons__2014 {
        justify-content: center;
    }


    .wine__arrow {
        width: 100%;
    }


}

/*=================================
  oldvintage
  =================================== */


.section__oldvintage {
    /* margin-top: 80px; */
    background-color: #FFF;
    padding: 60px 0;
    text-align: center;
    font-family: "Sawarabi Mincho";
    background-color: #ECECEC;
}


/* section__Seasons pc */

@media screen and (min-width: 769px) {
    .section__oldvintage {
        padding-top: 80px;
        margin: 0 auto;
    }

    .Seasons__2015,
    .Seasons__2014 {
        justify-content: center;
    }
}




/*=================================
category
=================================== */

.breadcrumbs{
    margin: 20px auto 100px;
    text-align: center;
    font-size: 1.2rem;
}

.current-item{
    display: inline-block;
    width: 18%;
    /* margin-left: 10px; */
    margin: auto 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;

}

.current-item br{
    display: none;
}

.breadcrumbs span:hover{
    opacity: 0.5;
}

.cat__name{
    font-size: 2rem;
    text-align: center;
    margin-top: 40px;
}

.cat-btn{
    background-color: var(--primary-purple);
    color:var(--primary-white);
    border-radius: 100px;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 2.8rem;
    line-height: 1.3;
    margin: 0 auto 40px;
    padding-left: 1px;
    
}

.wp-pagenavi {
	margin: 40px auto;
	font-size: 12px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #771515;
}
.wp-pagenavi a {
    color: #771515;
}
.wp-pagenavi span.current,
.wp-pagenavi a.page {
	margin: 0 10px 0 0;
	border: solid 1px #eee;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
	box-sizing: border-box;
	justify-content: center;
	display: flex;
	align-items: center;
	transition: .3s;
}
.wp-pagenavi span.current {
    border: none;
    background: #771515;
    color: #fff;
}
.wp-pagenavi a.page {
	background: none;
}
.wp-pagenavi a.page:hover {
    background: #771515;
    color: #fff;
}
.wp-pagenavi .first,
.wp-pagenavi .extend {
    margin-right: 10px;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
    display: none;
}

.categorylist__Box2{
    margin: 0 auto 60px;
    text-align: center;
    padding: 0 10% 120px;
}

@media screen and (min-width: 769px) {

    .breadcrumbs{
        max-width: 1160px;
        font-size: 1.2em;
    }

.current-item{
    margin-left: 10px;
}

    .cat__name{
        font-size: 3.2rem;
        margin-top: 80px;
    }

    .cat-btn{
        width: 50px;
        height: 50px;
        text-align: center;
        font-size: 3.2rem;
        line-height: 1.4;
        margin: 0 auto 60px;
        padding-left: 1px;
        
    }

    .cat-btn:hover{
        opacity: 0.6;
        
    }

    .wp-pagenavi {
        font-size: 1.6rem;
    }

    .categorylist__Box2{
        margin-bottom: 120px;
        text-align: center;
        padding: 0 10%;
    }
    

}


/*=================================
section__blogtop
=================================== */
.cat-wrapper img {
    
    margin-top: 40px;
}

.cat-list li {
    font-size: 2rem;
}

.cat__Txt {
    text-align: center;
    line-height: 1.5;
    padding: 10px 14% 10px;
    width: 100%;
    font-size: 2rem;
}

@media screen and (min-width: 769px) {
    .cat-list li {
        font-size: 2.8rem;
    }

    .cat__Txt {
        font-size: 2.4rem;
    }


}
/*=================================
section__blogtop
=================================== */

.blog__top {
    position: relative;
}

.maintitle {
    position: absolute;
    top: 7%;
    left: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translate(-50%);
    color: var(--primary-purple, #771515);
    font-family: Baskervville;
    font-size: 8vw;
    line-height: normal;
    letter-spacing: 3.6px;
}

.achive__title::after{
    content: 'いにしぇの里葡萄酒 ブログ';
    font-family: "Sawarabi Mincho";
    font-size:2vw;
    line-height: normal;
    letter-spacing: 1px;
    text-align: center;
}


.PC__mainimg {
    display: none;
}

.blog__mainlogo {
    width: 20%;
    height: 20%;
    position: absolute;
    bottom: 10%;
    right: 20%;
}

.section__txt {
    text-align: justify;
    font-size: 1.6rem;
    line-height: 1.7;
    letter-spacing: 1.6;
    padding: 40px 14% 0;

}


/* section__blogtop pc */
@media screen and (min-width: 769px) {

    .blog__top {
        margin-bottom: 50px;
    }

    .maintitle {
        margin: 10% 0 0 28%;
        font-size: 6vw;
    }

    .achive__title::after{
        letter-spacing: 3.6px;
        font-size:1.2vw;
}

    .SP__meinimg {
        display: none;
    }

    .PC__mainimg {
        display: block;
    }

    .blog__mainlogo {
        width: 10vw;
        height: auto;
        margin-right: 35%;
        top: 55%;
        right: 20%;
    }

    .section__txt {
        max-width: 1280px;
        margin: 0 auto;
        text-align: justify;
        font-size: 20px;
        line-height: 1.7;
        letter-spacing: 2;

    }
}

/*=================================
single-news section__report
=================================== */


.report__Btn {
    position: fixed;
    top: 50px;
    right: 10px;
}

.blog__Box {
    text-align: start;
    margin: 40px auto 0;
    width: 90%;
    max-width: 600px;
}


.singleblog__Box {
    text-align: start;
    margin: 0 auto;
    /* width: 33%; */
    max-width: 300px;
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
}


#blogreport__5 img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}



#blogreport__17 {
    padding-top: 0;
    margin-top: 60px;
}


.blogsingle__datetime {
    width: 100%;
    font-size: 1.6rem;
    text-align: start;
    color: #285777;
    margin: 20px 0;
    /* padding: 0 10%; */
}

.blog__title {
    margin: 20px 0;
    color: #285777;
    line-height: 1.7;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}

.section__subtitle {
    margin-top: 20px;
    text-align: start;
    padding: 0 10%;
    color: #285777;
    font-size: 1.6rem;
    font-weight: bold;
}

.blog__text {
    margin: 10px 0 40px;
    color: #285777;
    text-align: justify;
    font-size: 1.6rem;
    font-style: normal;
    line-height: 1.7;
    /* padding: 0 10%; */
}


@media screen and (min-width: 769px) {

    .report__Btn {
        right: 100px;
    }

    .blog__Box {
        text-align: center;
        margin: 80px auto 0;
        width: 90%;
        max-width: 1160px;
    }

    .singleblog__Box {
        text-align: start;
        margin: 0 auto;
        max-width: 600px;
    }


    .blog__img {
        width: 1160px;
        height: 60vh;
        object-fit: cover;
    }

    .blog__title {
        margin: 40px 0;
        color: #285777;
        font-size: 2.4rem;
        line-height: 1.7;
        letter-spacing: 0.5rem;

    }

    .blogsingle__datetime {
        width: 100%;
        margin: 40px 0;
        font-size: 2rem;
        text-align: start;
    }


    .section__subtitle {
        font-size: 2.4rem;
    }

    .blog__text {
        margin: 40px 0 60px;
        font-size: 2rem;
        line-height: 1.7;
    }

}

/*=================================
section__grapes
=================================== */

#grapes__pinotnoir img {
    padding-top: 0;
}

#grapes__chardonnay img {
    object-position: top 40% left 50%;
}


/*=================================
archive-news section__blogreport
=================================== */

.section__blogreport {
    max-width: 1440px;
    margin: 50px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.section__blogreport article {
    width: 40%;
}

.blog-list__list-item {
    padding: 20px;
}

.blog-list__list-item span{
    text-decoration: underline;
    /* font-weight: 700; */
}

.blog-item__title {
    font-size: 1.6rem;
    margin: 10px 0;
}

.blog-item__read {
    font-size: 1.2rem;
    margin-bottom: 10px;
}


.blog-item__button-more::after {
    content: '>';
    margin-left: 10px;
}

.blog__report {
    width: 33%;
}


.blog__Btn:hover {
    opacity: 0.6;
}


.blog__img {
    padding: 40px 10% 0;
    width: 600px;
    height: 10vh;
    object-fit: contain;
}

.section__title {
    padding: 0 10%;
    font-size: 1.6vw;
    display: flex;
    flex-wrap: wrap;
    color: #000;
}


.section__subtitle {
    text-align: start;
    padding: 0 10%;
    color: #000;
    font-size: 1.2vw;

}

/* page nation */
.nav-links{
    display: flex;
    justify-content: center;
    gap: 20px;
    font-size: 2rem;
    margin: 20px 50px;
}

/* section__blogreport PC */
@media screen and (min-width: 769px) {

    /* .section__title{
    font-size: 20px;
} */

    .section__blogreport {
        max-width: 1160px;
        margin: 100px auto 0;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0px 0px;
        justify-content: center;
    }

    .section__blogreport article {
        width: 100%;
    }

    .blog-list__list-item {
        padding: 40px;
    }

    .blog-item__title {
        font-size: 2rem;
        margin: 20px 0;
    }

    .blog-item__read {
        font-size: 1.6rem;
        margin-bottom: 20px;
    }

    .blog-item__button-more {
        font-size: 2rem;

    }

    .blog-item__button-more::after {
        margin-left: 20px;
    }

    .blog-item__button:hover{
        opacity: 0.5;
    }

    .blog__Box {
        max-width: 600px;
    }

    .section__subtitle {
        font-size: 16px;

    }

/* page nation */
    .nav-links{
        font-size: 2.8rem;
        margin: 50px 20px ;
    }

}

/*=================================
taxonomy.php
=================================== */
.blog-postlist {
    margin-top: 40px;
    display:flex;
    flex-wrap: wrap;
    padding: 0 10%;
    gap: 0px 30px;
    justify-content: center;
    
}
.blog-wrapper{
    margin-bottom: 60px;

}

.blog-title{
    text-align: start;
}



@media screen and (min-width: 769px) {
    .blog-postlist {
        max-width: 1160px;
        margin: 120px auto 60px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        padding: 0;
        gap: 30px ;
        justify-content: center;
    }

    .blog-wrapper{
        width: 250px;
    
        
    }

}



/*=================================
page-contact section__inquiry
=================================== */

.section__inquiry {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.inquiry__category {
    font-size: 1.6rem;
    line-height: normal;
    letter-spacing: 1.6;
    margin: 40px 0 10px;
    display: flex;
    align-items: center;
}

.inquiry__category::after {
    content: '＊必須';
    color: red;
    margin-left: 10px;
    font-size: 1.2rem;
}

.wpcf7-form-control{
    outline:none;
}

.wpcf7-form-control-wrap{
    border: 1px solid #285777;
    display: flex;
    align-items: center;

}
wpcf7-form-control-wrap input{
    line-height: 2.4;
}



.inquiry__Content span,
.wpcf7-textarea{
    height: 400px;
}

    input[type="text"],
    input[type="email"],
    .wpcf7-textarea {
    /* width: 90%; */
    /* height: 30px; */
    margin-left: 5%;
    align-items: center;
    vertical-align: center;
    width: 90%;
    line-height: 2.4;
}

.your-name {
    background-color: transparent;
}



.inquiry__Btn {
    content: '送信';
    color: #FFF;
    background-color: #771515;
    font-size: 1.2rem;
    border-radius: 70px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 40px;
    margin: 40px auto;
}

.inquiry__Btn p {
    margin: 0;
}

.inquiry__Btn:hover {
    opacity: 0.6;
}

.wpcf7-spinner {
    display: none;
}

.google-captcha-notice{
    text-align: start;
    width: 100%;
    margin: 0 auto 50px;

}
.google-box{
    margin: 30px 0 100px;
    display: flex;
    justify-content: center;
}

.google-recaptcha{
    text-align: start;
    font-size: 1.2rem;
}

.google-link{
    color: var(--primary-purple);
    text-decoration: underline;
}

.google-link:hover{
    opacity: 0.5;
}


.google-br{
    display: none;
}


@media screen and (min-width: 769px) {
    .inquiry__category {
        font-size: 2rem;
    }

    .inquiry__category::after {
        font-size: 1.6rem;
    }

    .inquiry__text {
        width: 500px;
        margin: 50px auto 0;
    }

    .inquiry__group {
        width: 500px;
        margin: 0 auto;
    }

    .inquiry__Content {
        height: 40vh;
    }

    input[type="text"] {
        max-width: 500px;
    }

    .wpcf7-text{
        max-width: 500px;
    }


    input[type="text"],
    input[type="email"],
    .wpcf7-textarea {
        display: inline-block;
        font-size: 2rem;
        width: 90%;
        margin-left: 20px;
    }

    .inquiry__Btn {
        font-size: 2rem;
        width: 150px;
        height: 60px;
        margin: 60px auto;
    }

    .google-captcha-notice{
        text-align: center;
        margin: 0 0 100px;
    }

    .google-recaptcha{
        font-size: 1.6rem;
        text-align: center;
    }
    
}
@media screen and (min-width: 550px) {
    .google-br{
        display: block;
    }
    
}

/*=================================
page-dealer section__dealer
=================================== */

.section__dealer {
    max-width: 1440px;
    margin: 0 auto 50px;
}

.prefectures__Box {
    margin: 60px auto;
    display: flex;
    flex-wrap: wrap;
}

.top__name {
    width: 33%;
    height: 50px;
    font-size: 2rem;
    text-align: center;
    text-decoration: underline;
}

.section__Topic {
    margin-top: 50px;
}

.prefectures__name {
    font-size: 2rem;
    width: 100%;
    margin: 50px auto 0;
    text-align: center;
}

.dealer__list {
    width: 40%;
    min-width: 350px;
    margin: 0 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list__item {
    width: 100%;
    border-top: 2px solid #285777;
    padding: 20px 0;
    text-align: start;
}

.shop__arrow a:hover {
    opacity: 0.6;
}

.list__item:first-of-type {
    margin-top: 50px;
}

.dealer__list {
    border-bottom: 2px solid #285777;
}

.city__name {
    color: var(--primary-purple, #771515);
    font-size: 1.8rem;
    line-height: 1.7;

}

.shop__Box {
    display: flex;

}

.shop__arrow {
    margin: -2px 0 0 10px;
}

.shop__arrow img {
    width: 30px;
}

.shop__arrow:hover {
    opacity: 0.6;
}

@media screen and (min-width: 769px) {
    .section__dealer {
        margin: 0 auto 100px;
    }

    .section__Topic {
        margin-top: 100px;
    }

    .prefectures__Box {
        margin-top: 80px;
        padding: 0 10%;
    }

    .top__name {
        margin: 0 auto;
        width: 20%;
        height: 70px;
        font-size: 2.8rem;
        text-align: center;
        text-decoration: underline;
    }

    .top__name:hover {
        opacity: 0.6;
    }

    .prefectures__name {
        font-size: 2.8rem;
        margin-top: 100px;
    }

    .city__name {
        font-size: 2.4rem;
    }

    .shop__name.shop__address {
        font-size: 2rem;
    }
}

/*================================= 
page-redirect.php
==================================*/
.redirect-title{
    width: 180px;
    margin: 0 auto;
    padding-bottom: 30px;
    color:var(--primary-navy);
    border-style:none;
}

.redirect-wrapper{
    margin-top: 0;
}

.redirect-wrapper h2{
    text-align: center;
    margin-top: 0;
    padding-top: 30px;
    border-top: solid 1px rgb(119 21 21 / .5);
}

.redirect-wrapper p{
    padding-top: 30px;
    text-align: start;
}

.wp-block-buttons{
    margin: 50px 0 80px;
}

.wp-block-button{
    height: 50px;
    /* margin: 60px 0; */
}

.wp-block-button__link{
    background-color: var(--primary-white);
    border: solid 3px var(--primary-purple);
    color:var(--primary-purple);
    line-height: 0.9;
}


/* redirect pc */
@media screen and (min-width: 600px) {
    .redirect-title{
        width:100%;
        margin: 0 auto;
    }

}

/* redirect pc */
@media screen and (min-width: 769px) {

    .redirect-title{
        border-bottom: solid 1px rgb(119 21 21 / .5);
        padding-bottom: 50px;
        
    }

    .redirect-wrapper{
        margin-top: 0;
    }

    .redirect-wrapper h2{
        padding-top: 60px;
        border-style:none;
    }

    .redirect-wrapper p{
        display: flex;
        justify-content: center;
        margin: 0 auto ;
        text-align: start;
        
    }

    .wp-block-buttons{
        margin: 50px 0 120px;
    }

    .wp-block-button{
        height: 60px;
        margin: 60px 0;
    }

    .wp-block-button__link{
        line-height: 0.9;
        
    }

}



/*=================================
404php
=================================== */
.error-404 {
    color: #285777;
    text-align: center;
    font-family: "Sawarabi Mincho";
    font-weight: 400;
    line-height: normal;
    margin-bottom: 100px;
}

.title-404{
    font-size: 6rem;
}

.subtitle-404{
    font-size: 2.4rem;
    margin-top: 20px;
    border-top: 1px solid rgb(40 87 119 / .5);
    border-bottom: 1px solid rgb(40 87 119 / .5);
    padding: 20px 0;

}

.content-404__text{
    margin-top: 30px;
    text-align: start;
}

.wrapper-404{
    text-align: center;
    margin: 50px 0;
    padding: 10px;
    color: var(--primary-purple);
    border: solid 3px rgb(119 21 21 / 1);
    border-radius: 40px;
    width: 100px;
    height: 60px;

}

.link-404{
    color: var(--primary-purple);
    text-decoration: underline;
}

.br-404{
    text-align: start;
}

/* common pc */
@media screen and (min-width: 769px) {

    .title-404 {
        font-size: 8rem;
    }

    .wrapper-404{
        text-align: center;
        margin: 80px 0;
        padding: 10px;
        border-radius: 40px;
        width: 170px;
        height: 70px;
        font-size: 2.8rem;
    
    }

    .content-404__text{
        margin-top: 60px;
        text-align:center;
        font-size: 2rem;
    }
    

    .br02-404{
        display: none;
    }

}
/*=================================
footer
=================================== */
.footer {
    background-color: #285777;
    text-align: center;
    padding-bottom: 40px;
}

.footer__Title {
    padding-top: 50px;
    color: #FFF;
    font-size: 2rem;
    line-height: 1.7;
    letter-spacing: 2.4px;
}

.footer__Txt {
    margin-top: 40px;
    color: #FFF;
    font-size: 1.6rem;
    line-height: 1.7;
    letter-spacing: 4px;
}

.tel__indention {
    display: block;
}

.footer__Notation {
    margin-top: 25px;
    
}

.Notation__br,
.footer__privacy{
    text-decoration:underline #FFF;
}

.Notation__br:hover{
    opacity: 0.5;
}

.footer__privacy{
    font-size: 1.2rem;
    color: var(--primary-white);
}

.footer__Box {
    margin-top: 25px;

}

.footer__item1 img {
    width: 70px;
}



.footer__item2 img {
    width: 200px;
    margin-top: 25px;
}

.footer__Topic {
    color: #FFF;

}

.footer__Sns {
    margin-top: 20px;
    color: #FFF;
    display: flex;
    width: 100%;
    padding: 6px 20px 50px;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.returnbtn {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 5%;
    right: 10%;
    z-index: 100;

}

.returnbtn:hover {
    opacity: 0.6;
}

#page-top a {
    opacity: 0.9;
}

#page-top a:hover {
    text-decoration: none;
    opacity: .5;
}

.copyright{
    color: var(--primary-white);
}

/* footer pc */
@media screen and (min-width: 769px) {

    .footer__Title {
        padding-top: 100px;
    }

    .tel__indention {
        display: none;
    }

    .footer__Box {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 40px;
        margin: 25px 0 80px;
    }

    .footer__item1 {
        order: 2;
    }

    .footer__item2 img {
        margin-top: 0;
    }

    .footer__item1 img {
        width: 100px;
    }

    .footer__item2 {
        order: 1;
    }


    .footer__item3 {
        order: 3;
    }

    .footer__Sns {
        width: 200px;
        margin-top: 0;
        padding: 0;
        display: flex;
        justify-content: start;
    }
    

    .Sns__item:hover,
    .footerSns__item:hover,
    .footer__privacy:hover,
    .footer__item1 img:hover,
    .footer__item2 img:hover{
        opacity: 0.5;
    }



    .returnbtn {
        width: 50px;
        height: 50px;
    }

}