body {
    font-family: "Noto Serif JP", serif;
	letter-spacing: 0.09em;
}

img{
    width: 100%;
}

.shura-caviar__circle{
    width: 386px;
    position: absolute;
    right: 60px;
    bottom: 109px;
    z-index: -1;
}

.close-word p{
    text-align: center;
}

.close-word p:nth-of-type(1){
    font-size: .24rem;
    margin-bottom: 9px;
}

.close-word p:nth-of-type(2) {
    font-size: .16rem;
    line-height: 2.4;
}


.ls-large{
	letter-spacing: -0.6em;
}
.ls-middle{
	letter-spacing: -0.3em;
}

/* オンラインストア */

.online-store h3,
.link h3{
    font-size: .27rem;
    text-align: center;
    font-family: minion-pro, serif;
    position: relative;
    letter-spacing: 0.11em;
    padding-bottom: 12px;
    margin-bottom: 55px;
}

.online-store h3::before,
.link h3::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 3px;
    width: 5.5%;
    background-color: #BCA475;
}


.online-store {
    width: 1100px;
    max-width: 100%;
    margin: 0 auto 80px;
}

/*リスト2個・3個用*/
.store-link-contents{
    display: flex;
    justify-content: space-between;
	margin-bottom: 38px;
}

/*リスト1個用*/
/*.store-link-contents{
    display: flex;
    justify-content: center;
	margin-bottom: 32px;
}*/

.store-link__item {
    margin-bottom: 7px;
    position: relative;
}

.store-link__btn > p {
    font-size: .13rem;
    line-height: 1.8;
    transition: all 1s;
	text-align: left;
	letter-spacing: -0.01em;
}

.store-link__btn {
    width: 29.5%;
    text-decoration: none;
    display: block;
    color: #000;
	pointer-events: none;
}

.store-link__btn:hover,
.link__btn:hover{
    opacity: 1;
}

.store-link__btn:hover.store-link__btn img,
.link__btn:hover.link__btn img{
    opacity: 1;
}

.store-link__btn:hover.store-link__btn > p,
.link__btn:hover.link__btn > p{
    color: #BCA475;
}

.online-caution {
    font-size: .16rem;
    text-align-last: center;
}


.zoom-scale{
    overflow: hidden;
}

.zoom-scale img {
    height: auto;
    display: block;
    transition:1s all;
}

.zoom-scale:hover.zoom-scale img {
    transform: scale(1.2);
    opacity: 1;
}

.zoom-scale:hover {
    
}


/* リンク */
.link-contents {
    display: flex;
    justify-content: space-between;
    width: 710px;
    max-width: 100%;
    margin: 0 auto;
}

.link__item {
    margin-bottom: 13px;
    position: relative;
}

.link__btn{
    width: 29.5%;
}

.link__btn > p {
    font-size: .13rem;
    line-height: 1.8;
    transition: all 1s;
    letter-spacing: .06em;
}

.link__btn {
    width: 45%;
    text-decoration: none;
    display: block;
    color: #000;
}

.sp_only{
    display: none;
}

.low-slick .pc_only{
    display: block !important;
}
.low-slick .sp_only{
    display: none !important;
}

@media screen and (max-width:800px){
    .pc_only{
        display: none;
    }

    .sp_only{
        display: block;
    }

    .low-slick .pc_only{
        display: none !important;
    }
    .low-slick .sp_only{
        display: block !important;
    }
}




.first-view {
    margin-bottom: 84px;
}

.first-view__img {
    margin-bottom: 93px;
    position: relative;
}



.first-view-text {
    font-size: .27rem;
    text-align: center;
    line-height: 1.9;
}

.common-heading {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto 4px;
    position: relative;
}

.common-heading::before {
    content: "";
    position: absolute;
    left: -23px;
    top: 16px;
    height: 3px;
    width: 100vw;
    background-color: #BCA475;
    padding-left: 100vw;
    margin-left: -100vw;
}
#monaka_texts .common-heading::before {
	top: 13px;
}
.common-heading h2 {
    width: 348px;
    margin-bottom: 13px;
}

.common-heading h3 {
    font-size: .24rem;
    letter-spacing: 0.12em;
}


.link-btn__box {
    width: 450px;
    max-width: 100%;
    display: flex;
    justify-content: center;
    margin-left: 107px;
}

.link-btn {
    font-size: .14rem;
    color: #000;
    font-family: minion-pro, serif;
    position: relative;
    width: 37%;
    letter-spacing: 0.1em;
}

.link-btn::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 15px;
    border-bottom: 1px solid #BCA475;
    border-right: 2px solid #BCA475;
    transform: skew(65deg);
    left: -25px;
    bottom: 0;
    transition: all .2s;
}


.link-btn:hover.link-btn::before {
    width: 115%;
}

.space {
    margin-right: 7px;
}

@media screen and (min-width:801px) and (max-width:1260px) {
	.online-store {
    max-width: calc(100% - 40px);
	}
}

@media screen and (max-width:800px){
    .syura-first-midashi {
        left: 0;
        right: 0;
        top: inherit;
        bottom: 41px;
    }

    .first-view-text {
        font-size: .22rem;
    }

    .first-view__img {
        margin-bottom: 79px;
        position: relative;
    }

    .first-view {
        margin-bottom: 83px;
    }

    .common-heading {
        margin: 0 auto 54px;
        padding-left: 37px;
    }

    .common-heading::before {
        left: 23px;
        top:40px;
    }
	#monaka_texts .common-heading::before {
		top: 40px;
	}

    .common-heading h2 {
        font-size: .17rem;
        letter-spacing: 0.12em;
    }

    .common-heading h3{
        font-size: .17rem;
    }

    .close-word p:nth-of-type(1) {
        font-size: .20rem;
        line-height: 1.9;
        margin-bottom: 19px;
    }

    .close-word p:nth-of-type(2) {
        font-size: .15rem;
        line-height: 2.4;
    }

    .online-store h3, .link h3 {
        font-size: .26rem;
        text-align: left;
        padding-left: 57px;
        margin-bottom:30px;
    }

    .online-store h3::before, .link h3::before {
        content: "";
        position: absolute;
        left: 43px;
        top: 23px;
        height: 3px;
        width: 100vw;
        margin: initial;
        background-color: #BCA475;
        padding-left: 100vw;
        margin-left: -100vw;
    }

    .store-link-contents {
        flex-direction: column;
    }

/*リスト2個・3個用*/
    .store-link__btn {
        width: 85.5%;
        margin: 0 auto 60px;
    }
	
	.store-link__btn:last-of-type{
		margin-bottom:0;
	} 
	
	  .online-store {
        margin: 0 auto 80px;
    }
/*リスト2個・3個用　ここまで*/
	
	
/*リスト1個用*/
	/*.store-link__btn {
    	width: 85.5%;
    	margin: 0 auto 0px;
}

.online-store {
    margin: 0px auto 75px;
}*/
/*リスト1個用　ここまで*/



    .store-link__item {
        margin-bottom: 20px;
    }

    .store-link__btn > p {
        font-size: .14rem;
        line-height: 1.8;
        text-align: center;
    }
	
	.online-caution {
    font-size: .15rem;
    text-align-last: center;
}

    .link-contents {
        flex-direction: column;
    }

    .link__item {
        margin-bottom: 25px;
    }

    .link__btn {
        width: 85%;
        margin: 0 auto 50px;
    }

    .link__btn > p {
        font-size: .15rem;
        line-height: 1.6;
        text-align: center;
    }
}


/* 下層ページ */
.lower-page-title {
    width: fit-content;
    position: absolute;
    left: 133px;
    top: 27px;
    bottom: 0;
    margin: auto;
    height: fit-content;
}

.lower-page-title h1 {
    font-size: .32rem;
    font-family: minion-pro, serif;
    letter-spacing: 0.22em;
    line-height: 1;
    margin-bottom: -4px;
}

.lower-page-title p{
    font-size: .16rem;
    text-align: center;
}

.lower-page-heading h2{
    font-size: .30rem;
    text-align: center;
    margin-bottom: 10px;
}

.lower-page-heading p{
    font-size: .15rem;
    font-family: minion-pro, serif;
    text-align: center;
    letter-spacing: 0.1em;
}



.lower-page-background {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 26.4%;
    position: relative;
    margin-bottom: 95px;
}

@media screen and (max-width:800px){
    .lower-page-background {
        padding-bottom: 69.4%;
        margin-bottom: 71px;
    }

    .lower-page-title {
        left: 0;
        right: 0;
        top: 45px;
    }


    .lower-page-heading h2 {
        font-size: .32rem;
        margin-bottom: -2px;
    }

    .lower-page-heading p {
        font-size: .16rem;
    }
}



.blur-fade-on{
    opacity: 0;
    transition: 1.5s;
    transition-delay: 0.5s;
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    -ms-filter: blur(6px);
    -o-filter: blur(6px);
    filter: blur(6px);
}

.blur-fade-on2{
    opacity: 0;
    transition: 1.5s;
    transition-delay: 0.5s;
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    -ms-filter: blur(6px);
    -o-filter: blur(6px);
    filter: blur(6px);
}

.blur-fade-off{
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
}

.move-up{
	opacity: 0;
	transition: 3s;
}
.move-up-off{
	opacity: 1;
}

.scale-blur-on{
	overflow: hidden;
}

.scale-blur-on .f-view-img{
	opacity: 0;
    transition: all 1.9s;
    transition-delay: .3s;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter: blur(10px);
}

.scale-blur-off .f-view-img{
	opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
}


.js-fade {
    opacity: 0;
    transform: translateY(40px);
    transition: all 1.3s;
  }
  
  .js-fadeup {
  	opacity: 1;
    transform: translateY(0);
  }

.js-fade1{
	opacity: 0;
	transition: all .8s cubic-bezier(0.42, 0, 0.58, 1.0) 0s;
}
.js-fade2{
	opacity: 0;
	transition: all 1.6s cubic-bezier(0.42, 0, 0.58, 1.0) 0s;
}
.js-fade1.is-show,
.js-fade2.is-show{
	opacity: 1;
	transform: translateY(0px);
}



.n-fade-on{
}

.n-fade-off{
}

.n-fade-off::before{
	content: "";
	position: absolute;
	left:0;
	top:0;
	height: 100%;
	width:100%;
	z-index: 1;
	opacity: 1;
	transition: all 0.7s;
}

.stop.n-fade-off::before{
	content: "";
	position: absolute;
	left:0;
	top:0;
	height: 100%;
	width:100%;
	opacity: 0;
}



.audio_wrap{
	background-color:#f2f2f2;
}


.audio_button{
    width: 50px;
    height: 50px;
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
	cursor: pointer;
	    display: flex;
    justify-content: center;
    align-items: center;
}

.audio_button p{
	text-align: center;
}

@media screen and (min-width:801px) and (max-width:1370px) {
	.break{
    	display: inline-block;
	}
}