@charset "utf-8";

.mincho{font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif;}
.gothic{font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;}

.bizudp {
  font-family: "BIZ UDPGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.kozuka {
	font-family: "小塚ゴシック Pr6N R", sans-serif;
}
.pc {display: block !important;}
.sp {display: none !important;}
@media screen and (max-width:750px) {
    .pc {display: none !important;}
    .sp {display: block !important;}
}

@media screen and (max-width: 640px) {
    .container {
        margin: 0 auto;
        width: 100%;
        overflow: hidden;
    }
}
.fade-in-background {
  background-image: url('images/pict_01.jpg');
  background-size: cover;
  background-position: center top 92px;
  width: 100%;
  min-width: max-content;
  height: 702px;
  opacity: 0;
  animation: fadeIn 3s forwards;
}
@media screen and (max-width: 640px) {
    .fade-in-background {
        background-image: url(images/pict_01_sp.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left -50vw top 15vw;
        width: 180%;
        min-width: auto;
        height: 190vw;
    }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}



div.shop_category1{
    background: -webkit-linear-gradient(to right, #c9a746, #f5e4b3, #c9a746);
    background: -moz-linear-gradient(to right, #c9a746, #f5e4b3, #c9a746);
    background: -o-linear-gradient(to right, #c9a746, #f5e4b3, #c9a746);
    background: linear-gradient(to right, #c9a746, #f5e4b3, #c9a746);
    width:70%;
    padding:50px 80px;
    margin: 10px auto;
}
@media screen and (max-width: 640px) {
    div.shop_category1{
        background: -webkit-linear-gradient(to right, #c9a746, #f5e4b3, #c9a746);
        background: -moz-linear-gradient(to right, #c9a746, #f5e4b3, #c9a746);
        background: -o-linear-gradient(to right, #c9a746, #f5e4b3, #c9a746);
        background: linear-gradient(to right, #c9a746, #f5e4b3, #c9a746);
        width:100%;
        padding:10% 5%;
    }
}
.hr-pattern-6 {
    border-top: 1px solid #fff;
    margin: 20px 0;
}
.button-5{color:#3e3e3e;width:190px;border:1px solid #3e3e3e;display:inline-block;margin:0px auto 0;padding:10px 20px;background-color:#fff;font-size:16px;overflow:hidden}
.button-5 span{vertical-align:middle}
.button-5 i{vertical-align:middle;font-size:12px;float:right;line-height:1.5em}
.button-5:before{background-color:#000}
.button-5:hover{color:#fff;border:1px solid #000;text-decoration:none}
.leftAnime_load{opacity: 0;}

.pss-fair_1{
    position: relative; width: 1200px; height: 710px; margin:0 auto; padding:0; text-align: center; /*border: 1px solid #ff0000;*/
}
@media screen and (max-width: 640px) {
    .pss-fair_1{
        position: static;
        width: 100%;
        /*border: 1px solid #ff0000;*/
        height: 160vw;
    }
}
.pss-fair_2{
    position: absolute;
    top: 180px;
    left: 50%;
    margin-left: -120px;
}
@media screen and (max-width: 640px) {
    .pss-fair_2{
        position: static;
        width: 60%;
        margin-left: -3vw;
        padding-top: 35vw;
    }
    .pss-fair_2 .img_01{
        width: 85%;
    }
    .pss-fair_2 .img_02{
        width: 90%;
    }
}
.pss-fair_4{
    position: absolute;
    top:170px;
    right:0;
    width:291px;
}
@media screen and (max-width: 640px) {
    .pss-fair_4{
        position: absolute;
        top: 112vw;
        right: 14%;
        width: 50%;
    }
}
.pss-fair_5{font-size: 14px; line-height: 1.5em;}
@media screen and (max-width: 640px) {
    .pss-fair_5{}
}
.pss-fair_6{min-width: 1200px; margin:0 auto; padding:0; text-align: center;}
@media screen and (max-width: 640px) {
    .pss-fair_6{width: 95%; min-width: initial;}
}
.pss-fair_7{font-size: 24px; font-weight: normal; letter-spacing: 2px; margin: 70px auto;}
@media screen and (max-width: 640px) {
    .pss-fair_7{font-size: 5vw; width: 95%; margin: 10vw auto;}
}
.pss-fair_8{font-size: 26px; font-weight: normal; width: 800px; margin: 50px auto 70px auto;}
@media screen and (max-width: 640px) {
    .pss-fair_8{width: 95%; margin: 0 auto 5vw auto;}
}
.pss-fair_9{width: 100%; margin:0 auto; padding:0; text-align: center;}
@media screen and (max-width: 640px) {
    .pss-fair_9{}
}
.pss-fair_10{min-width: 1200px; font-size: 34px; margin: 0 auto; background-color: #0d0d0d; color: #fff; padding: 20px 0;}
@media screen and (max-width: 640px) {
    .pss-fair_10{font-size: 7vw; margin: 10vw 0 0 0; min-width: initial;}
}
.pss-fair_11{min-width: 1200px; margin:0 auto; padding:0; text-align: center;}
@media screen and (max-width: 640px) {
    .pss-fair_11{width: 100%; min-width: initial;}
}
.pss-fair_12{
    margin-top: 50px;
    width: 1000px;
}
@media screen and (max-width: 640px) {
    .pss-fair_12{margin-top:3vw; width:100%;}
}
.pss-fair_13{
    width: 1000px;
    margin: 80px auto; background-color: #fff; padding: 30px 0 60px 0;
    border-radius: 20px;
    transition: box-shadow 0.5s;
    box-shadow:
    5px 5px 15px rgba(18, 47, 61, 0.1),
    -5px -5px 15px rgba(18, 47, 61, 0.1),
    inset 5px 5px 15px transparent,
    inset -5px -5px 15px transparent;
}
@media screen and (max-width: 640px) {
    .pss-fair_13{width: 100%; margin: 10vw auto;}
}
.pss-fair_14{width: 1000px; margin: 0 auto 30px auto; font-weight: normal; font-size: 26px; text-align: center;}
@media screen and (max-width: 640px) {
    .pss-fair_14{width: 95%;}
}
.pss-fair_15{min-width: 1200px; margin: 20px auto 50px auto; font-size: 16px; font-weight: normal; text-align: center;}
@media screen and (max-width: 640px) {
    .pss-fair_15{width: 95%; min-width: initial; margin: 0 auto 50px auto;}
}
.pss-fair_16{
    position: absolute;
    top: 108px;
    left: 20px;
    width: 405px;
}
@media screen and (max-width: 640px) {
    .pss-fair_16{
        position: absolute;
        top: 89vw;
        width: 65%;
        left: 20%;
    }
}
.pss-fair_17{width: 520px; font-size: 16px; text-align: left; line-height: 1.6em; margin: 50px auto;}
@media screen and (max-width: 640px) {
    .pss-fair_17{width: 95%;}
}
.pss-fair_18{
    margin: 50px auto 20px auto;
    width: 70%;
    padding: 100px 80px;
    border: 1px solid #bfbfbf;
    text-align: center;
}
@media screen and (max-width: 640px) {
    .pss-fair_18{width: 95%;}
}
.pss-fair_19{min-width: 1200px; margin: 80px auto 0 auto; font-weight: normal; font-size: 26px; text-align: center;}
@media screen and (max-width: 640px) {
    .pss-fair_19{margin: 80px auto 30px auto; width: 95%; min-width: initial;}
}




.pss-fair_20{
    font-size: 26px;
    margin: 30px 0 0 0;
}
.pss-fair_21{
    width: 100%;
}
@media screen and (max-width: 640px) {
}
.pss-fair_22{
    width: 1200px; margin: 100px auto;
}
@media screen and (max-width: 640px) {
    .pss-fair_22{
        width: 100%; margin: 100px auto;
    }
}
.pss-fair_23{
    display: flex; justify-content: space-between; flex-wrap: wrap;
}
@media screen and (max-width: 640px) {
    .pss-fair_23{
        display: block;
    }
}
.pss-fair_24{
    width: 48%; border: 1px solid #eee; text-align: center;
}
@media screen and (max-width: 640px) {
    .pss-fair_24{
        width: 100%; border: 1px solid #eee; text-align: center;
    }
}



.pss-fair_25{
    display: flex;
    justify-content: space-between; 
    flex-wrap: wrap;
    width: 80%;
    margin: 50px auto 0 auto;
    border-top: 3px solid #ccc;
    border-bottom: 3px solid #ccc;
    padding: 30px;
}
.pss-fair_25_2{
    display: flex;
    justify-content: space-between; 
    flex-wrap: wrap;
    width: 80%;
    margin: 0 auto;
    border-bottom: 3px solid #ccc;
    padding: 30px;
}
@media screen and (max-width: 640px) {
    .pss-fair_25{
        display:block;
        width: 90%;
        margin: 50px auto 0 auto;
        padding: 3vw;
    }
    .pss-fair_25_2{
        display:block;
        width: 90%;
        margin: 10px auto 0 auto;
        padding: 3vw;
    }
}
.pss-fair_26{
    font-size: 26px;
    margin: 30px 0 0 0;
}
@media screen and (max-width: 640px) {
    .pss-fair_26{
        font-size: 5vw;
        margin: 0;
    }
}
.pss-fair_27{
    font-size: 26px;
    margin: 60px 0 0 0;
}
@media screen and (max-width: 640px) {
    .pss-fair_27{
        font-size: 5vw;
        margin: 0;
    }
}
.pss-fair_28{
    margin-top: 10px; font-size: 1.8em; font-weight: bold;
}
@media screen and (max-width: 640px) {
}
.pss-fair_29{
    width: 48%; border: 1px solid #eee; text-align: center;
}
@media screen and (max-width: 640px) {
}
.pss-fair_30{
    width: 50%;
}
@media screen and (max-width: 640px) {
    .pss-fair_30{
        width: 100%;
    }
}