.bg_bk{background: #000;}
.bg_y{background: #FFE100;}
.bg_r{background: #E8001F;}
.bg_dr{background: #E53538;}
.bg_bg{background: #FDF4ED;}
.bg_gr{background: #5D5644;}
.bg_p{background: #FECFCA;}
.bg_dim{background: #6A8467}
.bg_ver{background: #B93200;}
body,.bg_img{
    background: url("../image/back.png");
    background-position: center;
}
section,footer{
    max-width: 750px;
    margin: 0 auto;
}
section{
    padding: 20px 0;
}
.contents{
    padding: 0 20px;
}
.contents img{
    margin: 10px auto;
}
footer{
    text-align: center;
    padding: 10px 0;
    color: #fff;
}
h2,h3,h4{
    margin: 0;
}
h2{
    font-size: 25px;
    line-height: 30px;
    letter-spacing: 2.5px;
    text-align: center;
}
h3{
    font-size: 20px;
    padding: 10px 0;
    font-weight: 700;
}
h4{
    font-size: 20px;
    font-weight: 700;
}
#main{
    padding-top: 0;
}
/* index */
.index{
    list-style: none;
    max-width: 500px;
    margin: 0 auto;
    text-align: left;
    /* margin-block-start: 0em;
    margin-block-end: 0em; */
    padding-left: 20px;
    padding-right: 20px;
}
.index li{
    background: #fff;
    padding: 8px 25px;
    border-radius: 3px;
    border: solid 1px #000;
    position: relative;
    margin: 10px 0;
}
.fas{
    color: #898989;
    padding-left: 30px;
}
.fas:before{
    color: #000;
}
/* .index li::after{
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    content: '\f078';
    right: 10%;
    bottom: 50%;
} */
.index li a{
    color: #000;
}
.fas{
    color: #fff;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) translateX(0%);
    -webkit- transform: translateY(-50%) translateX(0%);
}

.sub_title{
    padding: 15px 0;
}
.sub_title p{
    font-size: 14px;
    text-align: center;
    margin: 5px 0;
}
.sub_title h2 span{
    font-size: 20px;
}
#uriba .wrap{
    padding-bottom: 10px;
}
#uriba h2{
    text-align: center;
    margin: 0;
}
#uriba h3{
    text-align: center;
    margin: 0;
}
#uriba h2 span{
    color: #E80B1F;
    padding-bottom: 10px;
}
#uriba p{
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    margin: 0;
}

#pickup{
    padding: 30px 5px;
}
/* #pickup p{
    text-align: center;
    font-size: 10px;
} */

.bg_y small{color: #000;}
.bg_bk p{color: #fff;}
.bg_gr p{color: #fff;}
.mg_b20{margin-bottom: 20px;}
.store p{
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}
.store{
    padding: 10px 0px 5px;
}
.storelist{
    flex-wrap: no-wrap;
    justify-content: center;
    padding: 0 10px;
}
.storetext{
    height: 25px;
}
.storelist a{
    padding: 10px 3px;
    margin: 0;
}
#other p{
    color: #9D050D;
    font-size: 18px;
    line-height: 35px;
    font-weight: bold;
    margin: 0;
    padding: 16px 0 0;
    text-align: center;
}
.sns_set{
    margin: 0px auto;
    /* padding:  1% 0 5%; */
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translateY(0%) translateX(-50%);
    -webkit- transform: translateY(0%) translateX(-50%);
}
.twbtn img, .linebtn img{
    width: 100%;
}
.linebtn + .twbtn{
    padding-left: 5%;
}
.linebtn{
    display: block;
    width: 100%;
    font-size: 0;
}
.twbtn{
    display: block;
    width: 100%;
    font-size: 0;
}

/* line */
#line{
    padding-top: 20px;
}

.btns{
    padding-bottom: 20px;
}

/* backnumber */
#bknumber .flex{
    justify-content: center;
}
#bknumber img{
    vertical-align: bottom;
}

/* pb */
.pb{
    padding-bottom: 0px;
}
.pb .flex{
    flex-wrap: wrap;
}
.pb .flex a{
    width: 50%;
}
.pb img{
    padding: 0;
}
.pb .flex.nanasan{
    /* background: #E50113;
    padding-bottom: 5px; */
    justify-content: center;
}

.pb .flex.nanasan a:nth-child(1){
    flex-basis: 61.4%;
}
.pb .flex.nanasan a:nth-child(2){
    flex-basis: 38.6%;
}
.pb .flex.nanasan a img{
    width: 100%;
}

/* shubai */
#to_shubaihin{
    margin: 10px auto 0;
}

/*  */
.storeimg{
    display: block;
    margin: 0 auto 12px;
}
#map{
    padding: 0px 0px;
}
.map_set{
    padding: 20px 0px;
    border-bottom: 5px dotted #707070;
}
.map_set:last-child{
    border: none;
}
.map_set h3{
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 8px;
}
.map_set p{
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
}

/* スライドアニメーション */
#loopvisual{}
.wrap{
    display: flex;
    align-items: center;
    /* height: 340px; */
    overflow: hidden;
    padding: 0;
}
.slideanim{
    width: 100%;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 0 0px;
    animation: loop-slide 20s infinite linear 1s both;
}
.slideanim.re{
    width: 100%;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 0 0px;
    animation: loop-slide_re 20s infinite linear 1s both;
}
.slideanim.slide02{
    width: 600%;
    animation: loop-slide 30s infinite linear 1s both;
    margin: 5px 0;
}
.slideanim.slide03{
    width: 200%;
    padding: 0;
    display: flex;
    animation: loop-slide 20s infinite linear 3s both;
    margin: 0px 0px;
}
.slideanim.count20{
    width: 360%;
    animation: loop-slide 20s infinite linear 3s both;
    margin: 20px 0;
}
.slideanim.slide03 .content{
    margin: 0 1px;
}
.content {
    width: 750px;
    /* height: 300px; */
    margin: 0;
}
.content img{
    /* width: 100vw; */
    height: auto;
}
@keyframes loop-slide {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
}
@keyframes loop-slide_re {
    from {
      transform: translateX(-100%);
    }
    to {
      transform: translateX(0%);
    }
}
#loopvisual p{
    margin: 0;
    padding-top: 5px;
    font-size: 10px;
    text-align: right;
}

/* slider */
.swiper-container.slider1 {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0px auto
}

/* wiper */
.swiper-container.slider1 {
    width: 100%;
    margin: 0px auto;
    padding: 0px 0 0px;
}
.slider1 .swiper-slide {
    text-align: center;
    background-position: center;
    background-size: cover;
    max-width: 80%;
    /* max-height: 700px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-size: contain;
    padding: 0 0px;
    margin: 0 -5px;
    transform: translateY(0px);
    /* box-shadow: 0 0 15px 0 #ddd */
}
.slider1 .swiper-slide-active{
    position: relative;
    /* top: -30px; */
    /* transform: translateY(50px);
    transition: transform 500s ease-in-out; */
}
/* slider */
.swiper-container.slider2 {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0px auto
}

.slider2 .swiper-slide {
    text-align: center;
    background-position: center;
    background-size: cover;
    max-width: 310px;
    max-height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-size: contain;
    padding: 0 0px;
    margin: 0 -5px;
    /* box-shadow: 0 0 15px 0 #ddd */
}
.slider2 .swiper-slide-active{
    position: relative;
    /* top: -30px; */
    transition: all 300ms 0s ease;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: none;
    left: 10px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: none;
    right: 20px;
}
.slider2 .swiper-button-prev, .slider2 .swiper-container-rtl .swiper-button-next {
    left: 30px;
}
.slider2 .swiper-button-next, .slider2 .swiper-container-rtl .swiper-button-prev {
    right: 31px;
}
.swiper-button-next{
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 22px solid #E8001F;
}
.swiper-button-next::before{
    position: absolute;
    top: -22px;
    left: -21.5px;
    content: "";
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 20px solid #FFE132;
}
.swiper-button-prev{
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-right: 22px solid #E8001F;
}
.swiper-button-prev::before{
    position: absolute;
    top: -22px;
    left: 0.5px;
    content: "";
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-right: 20px solid #FFE132;
}

.swiper_p01 .swiper-container.slider2{
    padding-top: 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.swiper_p01 .swiper-container.slider2 .swiper-button-next{
    border-left: 22px solid #fff;
}
.swiper_p01 .swiper-container.slider2 .swiper-button-prev{

    border-right: 22px solid #fff;
}
.swiper_p01 .swiper-container.slider2 .swiper-button-next::before{
    border-left: 20px solid #E8001F;
}
.swiper_p01 .swiper-container.slider2 .swiper-button-prev::before{
    border-right: 20px solid #E8001F;
}
.swiper_p01 .swiper-container.slider2 .swiper-slide {
    max-width: 80%;
    max-height: initial;
    height: auto;
}

.swiper_p02 .swiper-container.slider2 .swiper-slide {
    max-width: 300px;
    max-height: initial;
    height: auto;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: -5px;
}
.swiper-pagination-bullet{
    width: 10px;
    height: 10px;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background:#ffcc00;
    transition: all .25s;
}
#kokuchi .swiper-container.slider2{
    padding-bottom: 25px;
}
#kokuchi .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    padding-top: 10px;
}

/* zoomin */
.padd_top{
    padding-top: 20px;
}
.padd_bottom{
    padding-bottom: 20px;
}
#chirashi01,#chirashi02{
    width:100%;
    padding: 20px 0px 0px;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    margin: 0 auto;
    padding-inline-start: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}
#chirashi02 li{
    width: calc(25% - 24px);
    margin: 3px;
}
#chirashi01 li{
    width: calc(31.5% - 16px);
    margin: 3px;
}
li img{
    width: 100%;
}
#chirashi01 .line3{
    width: 100%;
    padding: 0px;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    margin: 0 auto;
    padding-inline-start: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}
#chirashi01 .line3 li{
    width: calc(33.33333% - 24px);
    margin: 3px;
}
#chirashibtn{
    padding: 20px 0 0;
}
.otheritem img{
    /* text-align: center; */
    margin: 0 auto;
    display: block;
}
.imgscroll{
    max-width: 90%;
    max-height: 800px;
    padding: 20px 0;
    overflow: scroll;
    margin: 0 auto;
    background: #fff;
}
/* スクロールバーの幅と高さを設定する */
.imgscroll::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
/* スクロールバーの形を設定する */
.imgscroll::-webkit-scrollbar-thumb {
    border-radius: 0.25rem;
}
/* スクロールバーの色を設定する */
.imgscroll::-webkit-scrollbar-thumb {
    --bg-opacity: 1;
    background-color: #999;
    /* border: 2px solid #333; */
}

@media (max-width: 576px){
    .sub_title p{
        font-size: 10px;
        /* text-align: center;
        margin: 0; */
    }
}
@media (max-width: 360px){
	#chirashi02 li{
        width: calc(20% - 0px);
        margin: 3px;
    }
    #chirashi01 li{
        width: calc(27.3% - 0px);
        margin: 3px;
    }
    #chirashi01 .line3 li{
        width: calc(25% - 24px);
        margin: 3px;
    }
}

.none{
    display: none;
}
.padd10{
    padding: 10px 0;
    display: block;
}
.midashji_shasen {
    position: relative;
    text-align: center;
    font-weight: bold;
    line-height: 1.3;
    font-size: 30px;
    font-weight: 700;
    padding: 10px 0;
}


.midashji_shasen:before,
.midashji_shasen:after {
    position: relative;
    display: inline-block;
    content: "";
    background: #000;
    width: 5px;
    height: 1.4em;
    margin: 0 0.5em;
    margin-top: -.2em;
    border-radius: 50px;
    vertical-align: middle;
}

.midashji_shasen:before {
    transform: rotate(-30deg);
}

.midashji_shasen:after {
    transform: rotate(30deg);
}

.bg_ver .midashji_shasen{
    color: #fff;
}
.bg_ver .midashji_shasen:before,
.bg_ver .midashji_shasen:after {
    background: #fff;
}


/*===================================
	Accbox
=====================================*/
/*ボックス全体*/
.accbox {
    margin: 2em 0;
    padding: 0;
	width: 100%;
    max-width: 900px;/*最大幅*/
	margin: 0 auto;
}

/*ラベル*/
.accbox label {
    display: flex;
    margin: 8px 0;
    padding : 5px 10px;
    color :#1A1311;
    font-size: 17px;
    text-align: center;
    background :#fff;
    border: solid 1px #000;
    cursor :pointer;
    transition: all 0.5s;
    justify-content: space-between;
}
.accbox label p{
    margin: 0 0px;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#dfeef5;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 1s;
}
.dateset{
    padding: 5px 10px 15px;
    font-size: 14px;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    opacity: 1;
    transition: 0.5s;
    /* background: #fff; */
}

/*アイコンを表示*/
.accbox label::after {
    content: '＋';
    /* font-family: 'FontAwesome'; */
    padding-right: 0px;
	text-align: right;
}
.cssacc:checked + label::after {
    content: 'ー';
    margin-right: 0px;
}