.pageContent.pageWht .header,
.pageContent.pageWht .main,
.pageContent.pageWht section:not(.sectionRed):not(.sectionBlk):not(.sectionGry):not(.sectionDarkRed),
.pageContent.pageKoiclub .main,
.pageContent.pageKoiclub .section{
    background: var(--ushikoi-wht);
    color: var(--ushikoi-blk);
}
.pageContent.pageWht hr,.pageContent.pageKoiclub hr{
    background-color: var(--ushikoi-lightgry);
    color: var(--ushikoi-lightgry);
}
.pageContent.pageRed hr {
    background-color: var(--ushikoi-wht);
    color: var(--ushikoi-wht);
}
.pageContent.pageWht .headerContents .headerTop .navItem .label,
.pageContent.pageWht .headerContents .headerTop .navItem .label i,
.pageContent.pageWht .headerContents .headerTop .navItem .label i::before{color:#595757;}
.pageContent.pageWht .headerContents .headerTop .navItem:hover .label,
.pageContent.pageWht .headerContents .headerTop .navItem:hover .label i,
.pageContent.pageWht .headerContents .headerTop .navItem:hover .label i::before{
    color: var(--ushikoi-red);
}
.pageContent.pageWht .header,.pageContent.pageMenu .header{
    border-bottom: 1px solid #c4c5c6;
}

.pageContent.pageRed .header,
.pageContent.pageRed .main{
    background: var(--ushikoi-red);
}
.pageContent.redImportant{
    background: var(--ushikoi-red3) !important;
}
.pageContent.pageRed .header{
    border-bottom: 1px solid rgba(255,255,255,0.3);
}
.pageContent.pageKoiclub .header{
    background: var(--ushikoi-red2);
}
.pageContent.pageKoiclub .headerContents .headerTop .headerLogo:hover img{
    filter: none;
    -webkit-filter:none;
    opacity: 0.7;
}
.pageContent.pageRed .header .breadcrumb li,
.pageContent.pageRed .header .breadcrumb li:after,
.pageContent.pageKoiclub .header .breadcrumb li,
.pageContent.pageKoiclub .header .breadcrumb li:after{
    color: rgba(255,255,255,0.4);
}
.pageContent.pageRed .yoyakuBtn:not(.stickey) .button{border: 1px solid var(--ushikoi-wht);}
.pageContent.pageRed .infoBlock .btnMapLink{border: 2px solid var(--ushikoi-wht);background: transparent; color: var(--ushikoi-wht);}
.pageContent.pageRed .infoBlock .btnMapLink:hover{
    background: var(--ushikoi-darkRed);
}
.pageContent.loginPage .globalNav .gnContents{
    background-color: var(--ushikoi-darkRed);
}
.sectionProfile,.sectionFrameBottom{
    background: var(--ushikoi-red2);
    border-left: var(--section-outLineW) solid var(--ushikoi-red);
    border-bottom: var(--section-outLineW) solid var(--ushikoi-red);
}
.sectionFrameTop{
    border-right: var(--section-outLineW) solid var(--ushikoi-red);
    border-top: var(--section-outLineW) solid var(--ushikoi-red);
}

.sectionTab{padding-top: 20px;}

.pageContent .article .sectionHeader:not(.full),.pageContent .article .sectionContent:not(.wide){
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
}
.pageContent .article section.sectionView,.pageContent .article section.sectionView .sectionHeader.full{padding: 0; max-width: none;}
.pageContent .article section.sectionView .sectionHeader{position: relative;}
.pageContent .article .sectionView .sectionHeader img{ height: 250px; object-fit: cover;}
.pageContent .article .sectionView .sectionHeader .title{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: var(--ushikoi-wht); text-shadow:
    3px 3px 1px var(--ushikoi-darkRed), -3px -3px 1px var(--ushikoi-darkRed),
    -3px 3px 1px var(--ushikoi-darkRed), 3px -3px 1px var(--ushikoi-darkRed);}

.pageMenu .sectionHeader,.pageMenu .blockHeader,.pageMenu .titleJp{
    text-align: center;
}
.pageMenu .blockHeader{
    padding: 20px 0;
}
.pageMenu .sectionContent .titleJp{
    font-size: 2.8rem;
    width: auto;
    position: relative;
    margin: 0 auto;
    display: inline-block;}
.pageMenu .sectionContent .titleJp::before,.pageMenu .sectionContent .titleJp::after{
    position: absolute;
    content: '';
    width: 10px;
    height: 1px;
    background: var(--ushikoi-wht);
    top:50%;
    transform: translateY(-50%);
}
.pageMenu .sectionContent .titleJp::before{left: -1em;}
.pageMenu .sectionContent .titleJp::after{right: -1em;}
.pageMenu .blockHeader .fontSmall{font-size: 1.4rem;}
.pageContent .article .sectionContent:not(.wide) p:not(.label){
    padding: 20px 0;
    font-size: 1.6rem;
    line-height: 2.2;
}
.articleNav{
    border-top: 1px solid rgba(196,197,198,0.3);
    border-bottom: 1px solid rgba(196,197,198,0.3);
    margin: 20px 0;
}
.articleNavButton{display: none;}
.articleNav .navItem {padding: 5px 0;}
.articleNav .navItem .label{
    border-left: 1px solid rgba(196,197,198,0.3);
    padding: 10px 20px;
    font-size: 1.4rem;
    min-width: 100px;
    text-align: center;
}
.articleNav .navItem:first-child .label{border-left: none;}
.pageContent .sectionContent .block {
    padding: 20px 0 40px;
}
.pageContent .article .sectionContent img{
    padding: 10px 5px;
}
.article .sectionHeader .date{color: #7f8081;}
.article .sectionHeader .title:not(.titleJp){font-family:'Noto Sans JP',serif; font-size: 3rem; line-height:1.5;}

.article .sectionHeader h5.subtitle{
    font-size: 3.6rem;
    font-weight: 900;
}
.article .sectionHeader .subtitle:not(.titleJp){font-family:'Noto Sans JP',serif; padding: 20px 0;}
#concept  .article .sectionHeader .title{
    padding-top: 60px;
}
.article .sectionContent h3{padding: 20px 0; font-size: 2.8rem;}
.article .sectionContent h3.fontRed{font-weight: 900; font-size: 2.9rem}
.article .infoBlock{padding: 40px 0;}
.article .slideBox{width: 100%;max-width: 780px;margin: 0 auto;}
.article .slideBox.full{max-width: none;}
.article .slideBox .imgBox{height:370px; overflow: hidden;}
.article .slideBox .imgBox img{width:100%; height:100%; position: relative; object-fit: cover;}
.article .slideBox .articleSlide.newsBox .imgBox{
    height: 100%;
    display: flex;
}
.article .slideBox .articleSlide.newsBox .slick-track{
    display: flex;
    align-items: center;
    background:var(--ushikoi-red);
}
.article .slideBox .articleSlide.newsBox .imgBox img {
    height: auto;
    object-fit: contain;
    object-position: center;
    vertical-align: middle;
}
.article .slideBox .storeSlider .imgBox img {margin: 0 auto;object-fit: contain;}
.article .slideBox .storeSlider .imgBox{
    background-color: var(--ushikoi-darkRed);
}
.pageContent .slideConcept .slick-dots {
    bottom: -25px;
    left: 0;
    text-align: center;
}
.slick-dots li button:before {
    border: 2px solid var(--ushikoi-gry);
}
.slick-dots li.slick-active button:before,.slick-dots li button:hover:before {
    background:  var(--ushikoi-gry);
}
.pageContent.pageRed .slick-dots li button:before ,.pageContent .slideConcept .slick-dots li button:before{
    border: 2px solid var(--ushikoi-wht);
}
#concept .sliderWrapper .slickNav-arrows  {bottom: 25px;right: 20px;}
.pageContent.pageRed .slick-dots li.slick-active button:before,
.pageContent.pageRed  .slick-dots li button:hover:before,
.pageContent .slideConcept .slick-dots li.slick-active button:before,
.pageContent .slideConcept  .slick-dots li button:hover:before  {
    background:  var(--ushikoi-wht);
}
.sectionContent .sliderWrapper .sectionHeader{text-align: center;}
.sectionContent .sliderWrapper .slickCounter{
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid var(--ushikoi-lightgry);
    color: var(--ushikoi-lightgry);
    border-radius: 100vh;
    width: 40px;
    text-align: center;
    height: 20px;
}
.sliderWrapper.staff .slickNav-arrows {
    top: -40px;
    right: 20px;
}

.sliderWrapper .inner .slideRegular3 .slick-list {
    padding: 0 20% 0 0 !important;
}

.slideRegular3 .slick-list {
    padding: 0 80px 0 0;
}

.sliderWrapper .inner .slideRegular3 .slick-dots {
    bottom: -25px;
}

.slideRegular3 .slick-dots li button:before {
    border: 1px solid var(--ushikoi-red);
}

.slideRegular3 .slick-dots li.slick-active button:before,
.slick-dots li button:hover:before {
    background: var(--ushikoi-red);
}

.btnBox:not(.yoyakuBtn){padding: 40px 0;}
.socialLogin .btnBox{padding: 10px 0;}
.btnBox.btnCernter{width: 100%; text-align: center;}
.btnBox.btnCernter .button{margin: 0 auto;}
.storeBtnList .btnBox .button.btnImg{line-height: 40px;width:45%; padding: 5px 20px; margin: 10px;}
.button.btnImg::after{
    content: '\e90d';
}
.storeBtn{margin: 20px 0 40px; background: var(--ushikoi-red2);
    border-radius: 5px; padding: 20px 10px;}
.storeBtn .boxHeader{  padding-bottom: 0;
    background: var(--ushikoi-red2);
    border-radius: 5px;
    padding: 20px 0;
}
.storeBtn p{text-align: right;}
.storeBtn .boxHeader i{padding-right: 0.5em;}
.storeBtn .boxHeader a{text-align: right;}
.storeBtn .btnBox .button.btnImg{width: 21%;height: 57px;}
.button.btnImg img{height: 40px; width: auto; padding: 0;}
.storeBtn .button.btnImg img{width: 70%;height: auto;}
.storeBtn .button.btnImg .menu {
    width: 56%;
}

.toggleContent{display: none;}
.toggleButton,.toggleContent.active{display: block;}
.toggleContent{text-align: center;}

#concept  .flexBox .imgBox{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}
#concept  .flexBox .imgBox {width:50%}
#concept  .flexBox .imgBox img{
    padding: 10px;
    width: 100%;
    height: auto;
}
#concept  .flexBox .imgBox .logoEffect{
    position: absolute;
    width: 100%;
    height: 100%;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: none;
}
#concept  .flexBox .sliderWrapper{
    width: 50%;
}
#concept  .flexBox .sliderWrapper .blockHeader{
    border-bottom: 2px solid var(--ushikoi-darkRed);
    margin-bottom: 20px;
}
#concept  .flexBox .sliderWrapper .blockHeader h3{
    padding: 10px;
    font-size: 1.8rem;
    line-height: 1.8;
}

#concept  .flexBox .sliderWrapper .blockHeader h3::first-letter{
    font-size: 2.5rem;
}
#concept .flexBox .sliderWrapper .slick-track {
    display: flex;
}
#concept .flexBox .sliderWrapper .slick-slide {
    height: auto !important;
}
#concept .flexBox .sliderWrapper .inner{
    background: var(--ushikoi-gry);
    border: 4px solid var(--ushikoi-darkRed);
    border-radius: 20px;
}
#concept  .flexBox .sliderWrapper .block{
    padding: 20px 10px;
}
#concept  .flexBox .sliderWrapper .block p{
    color: var(--ushikoi-lightgry);
    letter-spacing: 0.01em;
    font-weight: 700;
    padding:1em 0;
    line-height: 1.8;
}
#concept  .flexBox .sliderWrapper .block p.title{font-weight: 900; font-size: 2rem;}
#concept  .flexBox .sliderWrapper .block p .titleJp{font-size: 2rem; line-height: 2;}
#concept  .flexBox .sliderWrapper .block .fontRed{color: #c63932; }
#concept  .flexBox .sliderWrapper .block .fontYel{color: var(--ushikoi-yel);opacity: 0.8;}
#concept .sliderWrapper .slickNext,#concept .sliderWrapper .slickPrev{background-color:transparent;border:none; border:1px solid var(--ushikoi-wht);position: absolute; top:60%}
#concept .sliderWrapper .slickPrev{left: 0;}
#concept .sliderWrapper .slickNext p,#concept .sliderWrapper .slickPrev p{font-size: 1rem; padding: 0.5em;}
#concept .slickNext::after{font-family:'ushikoi';font-weight: 700; content: '\e908'; font-size: 0.75rem;
    color: var(--ushikoi-wht);}
#concept .slickPrev::before{font-family:'ushikoi';font-weight: 700; content: '\e90a';font-size: 0.75rem;
    color: var(--ushikoi-wht);}
#concept .slickNext::before,#concept .slickPrev::after{display: none;}
.profBox .imgBox,.profBox .textBox{
    width: 50%;
    padding: 20px;
}
.profBox .boxHeader .title,.profBox .boxHeader .subtitle{
    font-weight: bold;
}
.profBox .boxHeader .title{
    padding-bottom:0;
    font-size: 3.4rem;
}
.profBox .boxHeader .subtitle{
    padding-top: 0;
}
.profBox .textBox p{
    padding: 5px 0;
    line-height: 1.5;
    font-size: 1.6rem;
}

.sectionLogin .koiclubBox {max-width: 400px; padding: 40px 20px;}
.sectionLogin .koiclubBox img{max-width: 200px; margin: 0 auto;}
.sectionLogin .subtitle{font-size:1.4rem;line-height: 1.2;}
.sectionLogin .formElm{border-radius: 10px;}
.sectionLogin .formElm input{padding: 20px;}

.btnList{padding: 20px 0;}
.btnList .btnBox{padding: 5px;}
.btnList .btnBox .button{
    line-height: 40px;
}

.storeBtnList {padding-bottom: 40px;}
.storeBtnList .btnBox{padding: 10px;}
.storeBtnList .btnBox .button{width: 100%; padding: 20px 30px; vertical-align: middle;}
.storeBtnList .btnBox .button.btnDeli,
.storeBtnList .btnBox .button.btnTake{
    background: var(--ushikoi-darkRed);
    color: var(--ushikoi-wht);
    border: none;
}
.storeBtnList .btnBox .button.btnDeli i::before,
.storeBtnList .btnBox .button.btnTake i::before{
    color:var(--ushikoi-wht)
}
.storeBtnList .btnBox .button.btnDeli.btnArrow::after{
    rotate: 90deg;
    right: 30px;
}
.storeBtnList .btnBox .button.btnDeli:hover,
.storeBtnList .btnBox .button.btnTake:hover{
    background: var(--ushikoi-red2);
}
.storeBtnList .btnBox .button.btnDeli:hover i::before,
.storeBtnList .btnBox .button.btnTake:hover i::before,
.storeBtnList .btnBox .button.btnDeli:hover::after,
.storeBtnList .btnBox .button.btnTake:hover::after{
}

.storeBtnList .btnBox .button.btnYoyaku{
    border: none;
    color:var(--ushikoi-red);
}
.storeBtnList .btnBox .button.btnYoyaku:hover{
    background: var(--ushikoi-red2);
    color:var(--ushikoi-wht);
}
.storeBtnList .btnBox .button.btnYoyaku i::before{color:var(--ushikoi-red);}
.storeBtnList .btnBox .button.btnYoyaku:hover i::before{color:var(--ushikoi-wht);}
.storeBtnList .btnBox .button i{vertical-align: middle;
    padding: 20px 15px 20px 20px;
    font-size: 3.5rem;}
.pageContent .article .sectionContent .storeBtnList .btnBox  p{
    padding: 10px;
    font-size: 1.4rem;
    line-height: 1;
}
.boxAttention{
    background: var(--ushikoi-gry);
    padding: 20px;
    max-width: 780px;
    margin: 0 auto;
    border-radius: 7px;
}
.movieBox{
    width: 100%;
    height: 420px;
    position: relative;
    border-radius: 18px;
    background-image: url(../img/bg-movieBox.jpg);
    background-position: bottom;
    background-size: cover;
}
.movieBox::after{
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background:var(--ushikoi-blk);
    opacity: 0.4;
    z-index: 0;
    transition: 1.2s;
}
.movieBox:hover::after{
    opacity: 0.75;
    transition: 1.2s;
}
.movieBox .icon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 148px;
    height: auto;
    z-index: 1;
}
.movieBox:hover .icon{
    filter: none;
    -webkit-filter: none;
}
.movieBox .copy{
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: var(--ushikoi-wht);
    z-index: 1;
    width: 100%;
    letter-spacing: 0.05em;
}
.reserveBlock {
    justify-content: space-between;
    align-items: flex-start;
}
.reserveBlock .calenderBlock{
    width: 35%;
    padding: 40px 0;
    min-width: 200px;
}
.reserveBlock .calenderBlock .inner{
    padding: 20px;
    border: 2px solid var(--ushikoi-red2);
    border-radius: 10px;
}
.reserveBlock .calenderBlock .formElm{
    flex-wrap: nowrap;
    padding: 10px 0;
}
.pageContent .article .sectionContent .formElm p{
    padding: 0;
}
.reserveBlock .calenderBlock .button{
    width: 100%;
}
.formElm  input[disabled] {
    border:none;
    padding-left: 0;
}
input[disabled],
select[disabled],
textarea[disabled] {
    color: currentColor;
    font-size: 1.8rem;
    font-weight: 700;
    padding: 0;
}
.inputBox.flexBox{
    flex-wrap: nowrap;
    justify-content: start;
}
.inputBox .inputSmall,.inputBox input.inputSmall{width: 50%;}
.pageContent .article .sectionContent:not(.wide) .inputBox.flexBox p{padding-left: 10px;}
.formDisable .formContent  .label,
.formDisable .formContent .inputBox{
    padding: 20px 10px!important;
}
.formDisable .formContent  .label{
    background:var(--ushikoi-red);
    color: var(--ushikoi-wht);
}
.formDisable .formContent .label .fontRed{
    display: none;
    border-bottom: #595757;
}
#storeInfo p.fontSmall{font-size: 1.2rem;}
.mapDetail .map{
    width: 100%;
    max-width: 500px;
    height: 400px;
}

.reserveationItem,.termsItem{ margin: 20px 0;border: 2px solid var(--ushikoi-red); border-radius: 7px;}
.reserveationItem .storeInfo,.termsItem .storeInfo {width: 55%; flex-wrap: nowrap; padding: 20px;}
.termsItem .storeInfo{width: 100%;border-bottom: 1px solid var(--ushikoi-red);}
.reserveationItem .btnBox,.termsItem .btnBox {background: var(--ushikoi-red);
    color: var(--ushikoi-wht); text-align: center;border: 2px solid var(--ushikoi-red);
    padding: 0;
}
.pageContent .article .sectionContent .reserveationItem .btnBox p{
    padding: 10px 0;
}
.reserveationItem .btnBox:hover{
    background-color: var(--ushikoi-darkRed);
}
.termsItem .btnBox{padding: 10px 0;}
.pageContent .article .sectionContent:not(.wide) .termsItem .btnBox .button p:not(.label){padding:10px 0; text-align: center;}

.reserveationItem .storeInfo .imgBox{width: 150px; height:100px; overflow: hidden;}
.pageContent .article .sectionContent .storeInfo img{width:100%; height: 100%; padding: 0;object-fit: cover;}
.reserveationItem .storeInfo .textBox,.termsItem .storeInfo .textBox{width: 100%; padding-left: 10px;}
.termsItem .termsInfo .textBox{text-align: left;}
.pageContent .article .sectionContent .storeInfo p{font-size: 1.4rem !important;
    padding: 5px !important;
    line-height: 1.2 !important;}
.reserveationItem .reserveInfo{width:45%; padding: 20px;}
.reserveInfo .reservElm,.termsInfo .termsElm{flex-wrap: nowrap; width: 100%; margin: 0 auto;}
.termsInfo .termsElm{border-bottom: 1px solid var(--ushikoi-yel);}
.pageContent .article .sectionContent .reserveInfo .label,
.pageContent .article .sectionContent .reserveInfo .caption,
.pageContent .article .sectionContent .termsInfo .label,
.pageContent .article .sectionContent .termsInfo .caption{
    font-size: 1.4rem;
    text-align: left;
    padding: 5px!important;
}
.pageContent .article .sectionContent .reserveInfo .label,.pageContent .article .sectionContent .termsInfo .label{
    letter-spacing: 0;
    text-align: center;
    font-size: 1.2rem;
    width: 100px;
    background:var(--ushikoi-yel);
    color: var(--ushikoi-wht);}
.pageContent .article .sectionContent .termsInfo .label{height: 100%;height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid var(--ushikoi-lightgry);}
.pageContent .article .sectionContent .reserveInfo .caption{
    width: 100%;
    padding: 0px 10px!important;
}
.pageContent .article .sectionContent:not(.wide) .termsInfo p:not(.label).caption{width: 100%;font-size: 1.2rem;line-height: 1.2;
}
.itemDeli{width: 45%;border-bottom: 1px solid var(--ushikoi-gry);margin: 20px;}
.itemDeli.empty,.itemShop.empty{border: none;}
.itemDeli .inner{padding: 40px 0 80px;}
.itemDeli .imgBox{width: 60%; height: 320px; overflow: hidden;}
.itemDeli .imgBox img{width:100%; height:100%;object-fit: cover;}
.itemDeli .textBox{width: 40%;height: 320px;background: var(--ushikoi-wht); padding: 10px; justify-content: flex-start;
    align-content: center;}
.textBox .itemTitle,
.textBox .price{font-family: 'Noto Serif JP', serif;width: 100%;}
.itemDeli .textBox .itemTitle{font-size: 2.4rem; color: var(--ushikoi-blk); }
.itemDeli .textBox .price{font-size: 1.6rem!important; color: var(--ushikoi-blk); }
.itemDeli .textBox .priceOption{
    padding: 15px 0;
    position: relative;
    width: 100%;
    max-width: 200px;
}
.itemDeli .textBox .priceOption select{
    border-radius: 50vh;
    border: none;
    border:2px solid var(--ushikoi-red);
}
.itemDeli .textBox .priceOption::before{
    position: absolute; font-family:'ushikoi'; font-weight: 700; content: '\e908'; top:50%; right: 10px; transform: translate(0,-50%) rotate(90deg);  color:var(--ushikoi-red); font-size: 1.6rem;
}
.itemDeli .textBox .caption{color:#595757; font-size: 1.4rem!important;line-height: 1.2!important;letter-spacing: 0!important; padding: 0 0 15px;}
.flexBox.row{
    border-bottom: 1px solid var(--ushikoi-gry);
    width: 45%;
    margin: 20px;
    font-size: 2rem;
}
.flexBox.row.empty{border-bottom: none;}
.flexBox.row .itemTitle,.flexBox.row .price{text-align: left!important;font-family:'Noto Serif JP',serif!important; font-size: 2rem!important; flex-grow: 1;padding: 0 20px;}
.flexBox.row .price{width: 120px;text-align: right!important;}
.itemShop {width:28%; min-width: 320px; border-bottom: 1px solid var(--ushikoi-gry);margin: 20px;}
.itemShop .imgBox{border-radius: 10px; height: 233px; overflow: hidden; margin-bottom: 10px;}
.itemShop .imgBox img{width:100%; height:100%;object-fit: cover; padding: 0!important;}
.itemShop .textBox{position: relative;}
.itemShop .textBox .itemTitle{font-size: 2.8rem; }
.itemShop .textBox .price{font-size: 1.6rem!important; padding: 0!important;}
.itemShop .textBox .caption{
    padding: 20px 0 0;
}
.itemShop .textBox .caption ul{
    padding: 0 30px;
    border-left: 2px solid var(--ushikoi-lightgry);
    list-style: disc;
    font-size: 1.3rem;
    letter-spacing: 0.2em;
    line-height: 1.5;
    min-height: 110px;
}
.itemShop .textBox .labelNew{
    left:auto;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.itemShop .textBox .labelNew p{
    line-height: 1!important;
    font-size: 1.2rem!important;
    letter-spacing: 0!important;
}
.itemShop .textBox .labelNew.labelYel{
    background: var(--ushikoi-yel);
}
.flexBox.position {align-items: start;}
.flexBox.position .flexItem{width: 30%; padding:20px 10px;}
.flexBox.position .flexItem .imgBox{width: 100%;border-radius: 10px;
    overflow: hidden;padding: 0; margin: 10px auto;}
.flexBox.position .flexItem .imgBox img,.flexBox.member .imgBox img{padding: 0; width: 100%; height: auto; object-fit: cover;}
.flexBox.position .caption{padding: 10px;}
.flexBox.position .caption h3{padding-bottom: 5px;padding-top: 5px;}

.flexBox.member {justify-content: start; padding: 20px 0;}
.flexBox.reverse.member{flex-direction: row-reverse;justify-content: end;}
.flexBox.member .imgBox{width: 30%;border-radius: 10px;overflow: hidden;padding: 0;}
.flexBox.member .imgBox img{object-fit: cover;}
.flexBox.member .textBox{width:65%;}
.flexBox.member .balloon{padding: 20px;}
.flexBox.member .balloon .inner	{display: inline-block;
    position: relative;
    padding: 15px;
    border-radius: 12px;
    color: var(--ushikoi-blk);
    background: var(--ushikoi-wht);}
.modalContent .flexBox.member {justify-content: center;height: 100vh;;}
.modalContent .flexBox.member .imgBox{width: 40%;}
.modalContent .flexBox.member .textBox{width: 60%;}
.sectionWht .flexBox.member .balloon .inner{border: 2px solid var(--ushikoi-darkRed);}
.sectionWht .flexBox.member .balloon .inner:before {
    content: "";
    position: absolute;
    top:16.5px;
    left: -29px;
    border: 14px solid transparent;
    border-right: 14px solid var(--ushikoi-darkRed);
}
.flexBox.member .balloon .inner:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px;
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid var(--ushikoi-wht);
}

.flexBox.reverse.member .balloon .inner:after {
    left: auto;
    right: -24px;
    border: 12px solid transparent;
    border-left: 12px solid var(--ushikoi-wht);
}

.flexBox.member .balloon .inner .title {
    padding-bottom: 5px;
    font-family: 'Noto Sans JP',
    "游ゴシック",
    "Yu Gothic",
    "游ゴシック体",
    "YuGothic",
    "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro",
    "Meiryo UI",
    "メイリオ",
    Meiryo,
    "ＭＳ Ｐゴシック",
    "MS PGothic",
    sans-serif;
}
.newsTab {
    margin: 0 auto;
    position: relative;
    padding:0 20px;
    width: 100%;
    max-width: 800px;
}
.newsTab .tabIndexBox{width: 100%; white-space: nowrap; overflow-x: auto;-webkit-overflow-scrolling: touch;}
.newsTab .tabIndex{
    min-width: 70px;
    font-size: 1.2rem;
    text-align: center;
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 6px 6px 0 0;
    border-top:2px solid var(--ushikoi-red);
    border-left:2px solid var(--ushikoi-red);
    border-right:2px solid var(--ushikoi-red);
    background: var(--ushikoi-wht);
}

.newsTab .tabIndex:hover{
    color: var(--ushikoi-red);
}
.newsTab .tabIndex.active {
    margin-bottom: -1px;
    font-weight: 800;
    background: var(--ushikoi-red);
    color: var(--ushikoi-wht);
}


.sectionCampaign .newsTab .tabIndex:hover {
    color: var(--ushikoi-yel);
}
.sectionCampaign .newsTab .tabIndex{
    border-top:2px solid var(--ushikoi-yel2);
    border-left:2px solid var(--ushikoi-yel2);
    border-right:2px solid var(--ushikoi-yel2);
}
.sectionCampaign .newsTab .tabIndex.active{
    background: var(--ushikoi-yel);
    color: var(--ushikoi-wht);
}

.newsTab .newsTabpanels {
    position: relative;
    min-height: 250px;/* エリアの高さ */
    height: auto;
    overflow-y:visible;
    padding: 0 10px;
}
.newsTab .newsTabpanel {
    background: #FFF;
    z-index: 1;
    width: 100%;
    opacity: 0;
    display:none;
    padding: 0.5em 1em;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
    padding: 40px 0;
}
.newsTabpanels > .newsTabpanel.active{
    display:block;
    opacity: 1;
    z-index: 99;
}
.newsTabpanels{border-top:2px solid var(--ushikoi-red);}
.sectionCampaign .newsTabpanels{border-top:2px solid var(--ushikoi-yel2);}

.NewsList .newsItem:not(.empty),.campaignList .campaigItem:not(.empty){width: 100%; max-width: 700px; padding: 20px 0; position: relative; display: flex; flex-wrap: wrap;border-bottom: 1px solid var(--ushikoi-lightgry);justify-content: center;}
.NewsList .newsItem:first-child,.campaignList .campaigItem:first-child.NewsList .newsItem:nth-child(10n+1),
.campaignList .campaigItem:nth-child(10n+1){ padding-top: 0;}
.NewsList .newsItem:last-child,.campaignList .campaigItem:last-child,
.NewsList .newsItem:nth-child(10n),
.campaignList .campaigItem:nth-child(10n){
    border-bottom: none;
}
.NewsList .newsItem .newsImgBox,.campaignList .campaigItem .imgBox{
    width: 30%;
    max-width: 150px;
    max-height: 100px;
    order: 2;
    overflow: hidden;
}
.NewsList .newsItem .newsImgBox{border-radius: 10px;}
.campaignList .campaigItem .imgBox{max-width: 80px; max-height: 113.2px;text-align: center;border-radius: 3px;}
.newsItem .newsImgBox img,.campaignList .imgBox img{width:100%; height:100%; position: relative; object-fit: cover;}
.NewsList .newsItem .caption,.campaignList .campaigItem .caption{
    width: 70%;
    text-align: left;
    padding-right: 8px;
    flex-grow: 1;
}
.newsItem .date,.campaigItem .date{color:var(--ushikoi-gry);letter-spacing: 0.1em;}
.newsItem .newsTitle,.campaigItem .newsTitle{font-size:1.6rem;font-weight: bold;}
.newsItem:hover .date,.campaigItem:hover .date{color:var(--ushikoi-gry);}
.newsItem:hover .newsTitle{color: var(--ushikoi-red);}
.campaigItem:hover .newsTitle{color: var(--ushikoi-yel);}

.NewsList .labelNew,.campaignList .labelNew{position: relative;
    padding: 0 8px 1px;
    margin-left: 1em;
    border-radius: 100vh;
    letter-spacing: 0.1em;
    line-height: 1em;
    text-align: center;}
.sectionCampaign .labelNew{background: var(--ushikoi-yel); }

.pagination {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination li:not(:first-child, :last-child) {
    padding: .5em;
    border: 1px solid var(--ushikoi-lightgry);
    border-radius: 7px;
}

.pagination li {
    margin-right: 1em;
}

.pagination li a {
    text-decoration: none;
    color: var(--ushikoi-blk);
}
.pagination li.disabled a{color: var(--ushikoi-lightgry);}
.pagination li:not(.active):not(.disabled):hover a,.pagination .page:not(.active):hover{
    color: var(--ushikoi-red);
}
.pagination li:not(.active):not(.disabled):not(.first):not(.last):hover{border:1px solid var(--ushikoi-red);color: var(--ushikoi-red);}
.pagination .page.active {background-color: var(--ushikoi-red);}
.pagination .page.active a {color: var(--ushikoi-wht);}

.sectionCampaign .pagination li:not(.active):not(.disabled):hover a,
.sectionCampaign .pagination .page:not(.active):hover {
    color: var(--ushikoi-yel);
}

.sectionCampaign .pagination li:not(.active):not(.disabled):not(.first):not(.last):hover {
    border: 1px solid var(--ushikoi-yel);
    color: var(--ushikoi-yel);
}
.sectionCampaign .pagination .page.active {
    background-color: var(--ushikoi-yel);
}

.sectionStoreList {
    padding: 20px 0;
}
.sectionStoreList .sectionHeader .text h2.title {
    text-align: left;
}
.sectionStoreList .sectionContent>.imgBox {
    width: 80%;
}
.sectionService {
    padding-top: 150px;
}

.sectionStoreList {
    text-align: center;
    position: relative;
}

.sectionContent>.imgBox.koinosukeStoreList {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    transform: translate(0, 37%);
}

.sectionStoreList .sectionHeader img {
    max-width: 300px;
    margin: 0 auto;
}

.sectionStoreList .sectionHeader .imgBox {
    width: 50%;
}

.sectionStoreList .sectionContent>.boxHeader {
    border-top: 6px solid var(--ushikoi-darkRed);
    border-bottom: 6px solid var(--ushikoi-darkRed);
    padding: 20px 10px;
}
.sectionStoreList .btnList{
    max-width: 750px;
    margin: 0 auto;
}
.sectionStoreList .btnList .btnBox{
    width: 30%;
}
.sectionStoreList .btnList .btnBox .button{
    width: 100%;
}
.storeNav {
    width: 100%;
    font-family: 'Archivo Black', sans-serif;
    font-size: 2rem;
    letter-spacing: 0.2em;
    color: var(--ushikoi-wht);
    cursor: pointer;
    position: relative;
    margin: 10px auto 0;
    max-width: 520px;
}

.storeNav .storeNavButton {
    background: var(--ushikoi-darkRed);
    border-radius: 7px;
    z-index: 6;
}

.storeNav .storeNavButton h4 {
    font-size: 2rem;
    font-weight: bold;
}

.storeNavContent {
    width: 100%;
    position: absolute;
    top: 100%;
    transform: translate(0, -7px);
    flex-wrap: wrap;
    background-color: var(--ushikoi-red);
    border: 4px solid var(--ushikoi-darkRed);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    height: 0;
    opacity: 0;
    z-index: 5;
    border-radius: 7px;
    overflow: hidden;
}

.storeNavContent.active {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 1;
    height: auto;
    padding: 20px 0;
}

.storeNavContent .storeList {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}

.storeNavContent li {
    width: 80%;
    margin: 0 auto;
    font-family: 'Archivo Black', sans-serif;
    font-size: 1.6rem;
    letter-spacing: 0.2em;
    list-style-type: disc;
    text-align: left;
    padding: 5px;
}

.storeNavContent li:hover {
    opacity: 0.7;
}

.storeBoxList {
    align-items: flex-start;
}

.storeBox {
    width: 362px;
    margin: 40px auto;
}

.storeBox .storeSummary {
    border: 2px solid #FFF;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
}

.storeSummary .boxHeader {
    width: 100%;
    border-bottom: 2px solid #FFF;
    flex-wrap: nowrap;
    padding-bottom: 0;
    position: relative;
    height: 140px;
    overflow: hidden;
}

.storeSummary .boxHeader h3 {
    font-size: 1.8rem;
    font-weight: bold;
    flex-grow: 1;
}

.storeSummary .boxHeader .imgBox {
    width: 216px;
    height: 140px;
    position: relative;
}

.storeSummary .boxHeader .iconPlas {
    width: 20px;
    height: 20px;
    position: absolute;
    background: var(--ushikoi-wht);
    top: 5px;
    left: 5px;
    z-index: 1;
    border-radius: 50%;
}

.storeSummary .boxHeader .iconPlas::before,
.storeSummary .boxHeader .iconPlas::after {
    position: absolute;
    top: 9px;
    left: 50%;
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    border-top: 2px solid var(--ushikoi-darkRed);
    transform: translateX(-50%);
}

.storeSummary .boxHeader .iconPlas:after {
    top: 3px;
    left: -3px;
    transform: rotate(90deg);
}

.storeSummary .boxHeader .imgBox img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
}

.storeSummary .boxHeader:hover,
.iconArea .iconBox:hover {
    background: var(--ushikoi-darkRed);
}

.storeBox .storeSummary .boxHeader:hover .imgBox img {
    opacity: 0.7;
}

.sectionStoreList .imgBox.koinosuke {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    transform: translate(0, 37%);
}

.buttonBlock {
    position: relative;
    background: var(--ushikoi-wht);
    color: var(--ushikoi-darkRed);
    font-size: 2rem;
    padding: 14px 20px;
    transition: 0.5s;
    text-align: left;
    border-bottom: 2px solid var(--ushikoi-wht);
}

.buttonBlock i {
    padding-right: 20px;
    transition: 0.5s;
}

.buttonBlock i::before {
    color: var(--ushikoi-darkRed);
}

.buttonBlock:after {
    color: var(--ushikoi-darkRed);
    font-family: 'ushikoi';
    position: absolute;
    font-weight: 700;
    content: '\e908';
    right: 20px;
    transition: 0.5s;
}

.buttonBlock:hover {
    background: var(--ushikoi-darkRed);
    color: var(--ushikoi-wht);
    transition: 0.5s;
}

.buttonBlock:hover::after,
.buttonBlock:hover i::before {
    color: var(--ushikoi-wht);
    transition: 0.5s;
}

.iconArea {
    width: 100%;
    flex-wrap: nowrap;
}

.iconArea .iconBox {
    cursor: pointer;
    width: 33.33%;
    padding: 20px 0 15px;
    font-size: 1.3rem;
    border-right: 2px solid var(--ushikoi-wht);
}

.iconArea .iconBox:last-child {
    border: none;
}

.iconArea .iconBox a {
    font-weight: bold;
    font-size: 1.8rem;
}

.iconArea .iconBox a i {
    font-size: 2rem;
    margin-right: 0.5em;
    vertical-align: -2px;
}

.storeCaption {
    font-size: 1.54rem;
    line-height: 1.2;
    margin-top: 20px;
}

.storeCaption th,
.storeCaption td {
    font-weight: bold;
    text-align: left;
    padding: 5px;
}

.storeCaption th {
    padding-right: 10px;
}

.sectionService .sectionHeader {
    padding: 40px 20px;
}

.sectionService .sectionHeader .title {
    color: var(--ushikoi-red);
}

.sectionService .sectionHeader .subtitle {
    color: #595757;
}


.flexBox .itemBox{ width: 50%;
    padding: 10px;
}
.flexBox .itemBox .button{background: var(--ushikoi-blk);height: 200px;
    overflow: hidden;}
.flexBox .itemBox .button.flexBox{display:flex; flex-wrap: nowrap; width: 100%;}
.flexBox .itemBox .imgBox{width: 50%;height: 200px;}
.flexBox .itemBox .imgBox img{height: 100%;
    width: auto;
    padding-bottom: 0;}
.flexBox .itemBox h3{color: var(--ushikoi-wht);width: 50%;line-height: 1;}
.flexBox .itemBox:hover h3 {opacity: 0.5;}

@media screen and (min-width: 981px){
    .formDisable .formContent .formElm{align-items: stretch; padding: 0;}
    .formDisable .formContent .label{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .formDisable .formContent .label,
    .formDisable .formContent .inputBox{
        border: 1px solid var(--ushikoi-darkRed);
    }
    #concept  .flexBox{flex-wrap: nowrap;}
    .newsTab > label{font-size: 1.8rem;min-width: 100px;}
    .newsTab .newsTabpanels{border: 2px solid var(--ushikoi-red);}
    .sectionCampaign .newsTab .newsTabpanels{border: 2px solid var(--ushikoi-yel2);}
}
@media screen and (max-width: 980px){
    .pageLP .header {
        padding: 10px 20px;
    }
    .pageLP .yoyakuBtn,.pageLP .header .headerTop{display: none;}
    .pageLP .header .breadCrumbBox{bottom: 5px;}
    .articleNavButton{
        position: relative;
        display: block;
        border-top: 1px solid var(--ushikoi-lightgry);
        border-bottom: 1px solid var(--ushikoi-lightgry);
        text-align: center;
        height: 55px;
    }
    .articleNavButton::before,.articleNavButton::after{
        font-size: 1.4rem;
    }

    .articleNavButton::before{
        position: absolute;
        top:50%;
        left: 50%;
        content: 'お弁当';
        transform: translate(-50%,-50%);
        display: block;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }
    .storeBtnList .articleNavButton::before{content: '店舗を選ぶ'; }
    .articleNavButton::after{
        position: absolute;
        top:50%;
        right: 20px;
        font-family:'ushikoi'; font-weight: 700; content: '\e90c';
        transform: translate(0,-50%);
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;

    }
    .articleNavButton.active::before{
        display: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }
    .articleNavButton.active::after{
        right: 50%;
        transform: translate(50%,-50%);
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }
    .articleNav{
        position: relative;
    }
    .articleNavContent{
        width: 100%;
        position: absolute;
        top:100%;
        transform: translate(0,-7px);
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        background:var(--ushikoi-gry);
        z-index: 5;
        display: none;
        opacity: 0;
        height: 0;
    }
    .articleNav.active .articleNavContent{
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        opacity: 1;
        height: 380px;
        display: block;
    }
    .articleNav .navItem{
        padding: 0;
        display: inline-block;
        width: 100%;
    }
    .articleNav .navItem .label{
        padding: 15px 0;
        width: 100%;
        border: none;
        border-bottom: 1px solid var(--ushikoi-lightgry);
    }
    .articleNav .navItem:last-child .label{border: none;}

    .reserveBlock{flex-wrap: wrap-reverse;}
    .reserveBlock .infoBlock,.reserveBlock .calenderBlock{width: 100%;}
    .reserveationItem .reserveInfo,	.termsItem .termsInfo{order: 0; width: 100%;padding: 0;}
    .reserveationItem .storeInfoo{order: 1;padding: 0;  width: 100%;}
    .termsItem .storeInfo {
        padding: 0;
        width: 100%;
    }
    .reserveationItem .storeInfo .imgBox{width: 180px; height:120px;}
    .reserveationItem .storeInfo .textBox,.termsItem .storeInfo .textBox{padding: 10px;}
    .reserveationItem .reserveInfo .reservElm,.termsItem .storeInfo .reservElm{line-height: 2.5;
        border-bottom:2px solid var(--ushikoi-red);width: 100%;}
    .reserveationItem .reserveInfo .reservElm .label,	.termsItem .termsInfo .termsElm .label {
        border-right:2px solid var(--ushikoi-red)
    }
    .reserveationItem .btnBox,.termsItem .btnBox{order: 2;}
    #concept  .flexBox .imgBox,#concept  .flexBox .sliderWrapper{
        width: 100%;
    }
    .profBox .imgBox,.profBox .textBox{
        width: 100%; padding: 10px 0;}
    .profBox .textBox .boxHeader{text-align: center;}
    .profBox .textBox p{letter-spacing: 0.03em; font-size: 1.4rem; line-height: 2;}
    #concept .flexBox .sliderWrapper .block p{font-size: 1.4rem;letter-spacing: 0.01em; }
    .itemDeli .imgBox,.itemDeli .textBox{
        width: 100%;
    }
    .itemDeli .imgBox{height: auto;}
    .itemDeli .textBox{height: auto; padding: 40px 10px 20px;}
    .itemShop {width: 350px;}
    .storeBtnList .btnBox .button.btnImg{
        max-width: none;
        min-width: 120px;
        padding: 5px 20px;
        width: 45%;}

    .sectionTab .sectionContent{padding: 0;}
    .sectionStoreList .btnList .btnBox {
        width: 100%;
        max-width: 250px;
    }
    .flexBox .itemBox,.flexBox.position .flexItem{width: 100%;}
}
@media screen and (max-width: 768px){
    .btnBox{padding: 0;}
    .pageContent.loginPage .globalNav .gnContents{
        background-color: var(--ushikoi-blk);}
    .pageContent .article .sectionHeader,.pageContent .article .sectionContent{
        width: 100%;
        max-width: 980px;
        margin: 0 auto;
    }
    .pageContent .article .sectionContent{padding: 0 10px;}
    .pageContent .article .sectionContent {padding: 0 5px;}
    #concept .sectionHeader{padding: 20px 40px;}
    .article .sectionHeader .titleJp{
        font-size: 3rem;
        font-weight: 900;
    }
    .article .sectionHeader .subtitle:not(.titleJp){
        text-align: left;
    }
    .article .sectionContent h3{padding: 20px 0; font-size: 2.3rem;}
    .article .sectionContent h3.fontRed{font-weight: 900; font-size: 2.4rem}
    .pageContent .article .infoBlock{padding: 20px 10px;}
    .pageContent .article .sectionContent:not(.wide) p:not(.label){font-size: 1.6rem;line-height: 1.5; letter-spacing: 0.05em;}
    .infoBlock .btnMapLink{max-width: 190px;}
    .storeBtnList .btnBox .button.btnDeli,
    .storeBtnList .btnBox .button.btnTake,
    .storeBtnList .btnBox .button.button.btnYoyaku
    {padding: 0 2rem;}
    .storeBtnList .btnBox .button i{padding: 4px 15px 10px 20px;
        font-size: 3rem;}
    .contactBox{padding: 20px 0;}
    .bannerBox.spFullWhidth{padding:30px 0;}
    .movieBox{width: 100%; border-radius: 0;}
    .movieBox .icon{width: 110px;}
    .itemDeli,.flexBox.row {width: 100%;}
    .itemShop {padding: 20px 0 40px;}
    .itemShop .btnBox{padding: 20px 0;}
    .sliderWrapper .slickNav-arrows {
        top: -10px;
        right: 0;}
    #concept.sectionBlk{padding-top: 0;}
    #concept .flexBox .sliderWrapper .block {padding: 0px 10px;}
    #concept .flexBox .sliderWrapper .blockHeader {margin-bottom: 10px;}
    #concept .sliderWrapper .slickNav-arrows  {top:auto;right: 0;}
    .storeBtnList .btnBox .button.btnImg{line-height: 30px; width: 95%; padding: 5px 20px; margin: 10px auto;}
    .button.btnImg img{height: 30px;}
    #concept .sliderWrapper .sectionHeader .title{font-size: 3.2rem;}
    .storeBtn .boxHeader h3{font-size:2.3rem;}
    .NewsList .newsItem .newsTitle,.campaignList .campaignItem .title{font-size: 1.4rem;}
    .flexBox.member,.flexBox.memberImg{padding: 20px;}

    .flexBox.member .imgBox,.flexBox.member .textBox,.flexBox.memberImg .imgBox,.flexBox.memberImg .textBox{width: 100%!important;}
    .flexBox.member .balloon {padding: 20px 0;}
    .flexBox.member .balloon .inner:after,
    .flexBox.reverse.member .balloon .inner:after{
        left: 20px;
        right: auto;
        top: -22px;
        border: 12px solid transparent;
        border-bottom: 12px solid var(--ushikoi-wht);
    }
    .sectionWht .flexBox.member .balloon .inner::before {
        left: 20px;
        right: auto;
        top: -25px;
        border: 12px solid transparent;
        border-bottom: 12px solid var(--ushikoi-darkRed);
    }
}
@media screen and (max-width:418px){
    .sectionStoreList .sectionHeader .flexBox{align-items: center;}

    .sectionStoreList .imgBox.koinosuke {
        width: 120%;
        right: -25%;
        bottom: 40px;
    }
}
@media screen and (max-width:415px){
    .pageContent .article .sectionHeader {padding: 20px 10px;}
    #concept .flexBox .sliderWrapper .block h3{font-size: 1.7rem;}
    #concept .flexBox .sliderWrapper .block p{font-size: 1.25rem;line-height: 1.7;}
}