@charset "UTF-8";

@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans CJK JP"), local("NotoSansJP-Regular"), local("NotoSansJP-Regular"), url("/font/NotoSansJP-Regular.woff2") format("woff2"), url("/font/NotoSansJP-Regular.woff") format("woff");
}
@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 700;
  src: local("NotoSansJP-Bold"), local("NotoSansJP-Bold"), url("/font/NotoSansJP-Bold.woff2") format("woff2"), url("/font/NotoSansJP-Bold.woff") format("woff");
}
@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 900;
  src: local("NotoSansJP-Black"), local("NotoSansJP-Black"), url("/font/NotoSansJP-Black.woff2") format("woff2"), url("/font/NotoSansJP-Black.woff") format("woff");
}

:target {
  scroll-margin-top: 50px;
}

/* --- PC --- */
/* --- KV --- */
#mbMitaka{
    font-family: "NotoSansJP", "Noto Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    line-height:1.4;
}
#mbMitaka .kv{
    position: relative;
    display: grid;
    place-items: center;
}
#mbMitaka .kv img{
    width:100%;
}
.h1box{
    padding: 30px 90px 40px;
    position: absolute;
    text-align: center;
    background: rgba(255, 255, 255, 0.88);
    box-sizing: border-box;
    border-radius:10px;
}
.h1box .tx01{
    font-size:20px;
    font-weight:550;
    color:#000;
    padding:0 0.1em;
    margin-bottom:8px;
}
.h1box .tx01 b{
    font-size:30px;
    font-weight:550;
    color:#DC0017;
    padding:0 0.1em;
}
.h1box .tx02{
    font-size:25px;
    font-weight:550;
    color:#fff;
    background-color:#272727;
    padding:2px 34px 4px;
    margin-bottom:10px;
}
.h1box .tx03{
    font-size:50px;
    font-weight:550;
    color:#000;
    margin-bottom:20px;
}
.h1box .tx04{
    font-size:15px;
    font-weight:500;
    color:#111;
    margin-bottom:12px;
}
.h1box .tx04 i:first-child{
    display: inline-block;
    color:#DC3114;
    font-size:14px;
    rotate: -25deg;
    border-right:2px solid #DC3114;
    margin:0 1em;
    width:2px;
}
.h1box .tx04 i:last-child{
    display: inline-block;
    color:#DC3114;
    font-size:14px;
    rotate: 25deg;
    border-left:2px solid #DC3114;
    margin:0 1em;
    width:2px;
}
.h1box .btn01 a{
    display:block;
    width:24em;
    margin:0 auto;
    font-size:17px;
    height:67px;
    line-height:67px;
    background-color:#DC0017;
    border-radius:3em;
    color:#fff;
    font-weight:550;
    text-decoration:none;
}

/* --- メイン --- */
.aboutInShop{
    background-color:#F4F4F4;
    padding:80px 0;
}
.sABiconLogo{
    width:372px;
    margin:0 auto;
    text-align:center;
    margin-bottom:22px;
}
.sABiconLogo img{
    width:100%;
}
.aboutInShop .ttl02{
    font-size:40px;
    font-weight:550;
    color:#000;
    text-align:center;
    margin-bottom:32px;
}
.aboutInShop .tx05{
    font-size:20px;
    font-weight:500;
    color:#111;
    text-align:center;
    margin-bottom:18px;
}


.tx06wArrow {
	position: relative;
	background: #3DAFBE;
    font-size:24px;
    font-weight:550;
    color:#fff;
    text-align:center;
    width:14em;
    margin:0 auto 45px;
    line-height:48px;
    border-radius:11px;
}
.tx06wArrow:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(61, 175, 190, 0);
	border-bottom-color: #3DAFBE;
	border-width: 12px;
	margin-left: -12px;
}
.pointNoteBox{
    width:960px;
    margin:0 auto 0;
}
.eachPoint{
    width:960px;
    display:flex;
    flex-wrap: wrap;
    gap: 24px 16px;
    margin-bottom:64px;
}
.eachPoint .box{
    display:block;
    width:472px;
    background-color:#fff;
    padding:24px 165px 24px 32px;
    box-sizing: border-box;
    font-size:18px;
    font-weight:500;
}
.eachPoint .box b{
    display:block;
    font-size:14px;
    color:#DC0017;
    font-weight:500;
    margin-bottom:8px;
}
.eachPoint .box span{
    display:block;
    font-size:14px;
    color:#747474;
    font-weight:500;
    margin-top:8px;
    letter-spacing:-0.05em;
}
.eachPoint .p01{
    background-image: url(../_img_bg/point_icon01.svg) ;
    background-repeat: no-repeat;
    background-size: 139px 120px;
    background-position: center right 30px;
}
.eachPoint .p02{
    background-image: url(../_img_bg/point_icon02.svg) ;
    background-repeat: no-repeat;
    background-size: 139px 120px;
    background-position: center right 30px;
}
.eachPoint .p03{
    background-image: url(../_img_bg/point_icon03.svg) ;
    background-repeat: no-repeat;
    background-size: 139px 120px;
    background-position: center right 30px;
}
.eachPoint .p04{
    background-image: url(../_img_bg/point_icon04.svg) ;
    background-repeat: no-repeat;
    background-size: 139px 120px;
    background-position: center right 30px;
}

/* --- 店舗情報 --- */
.contactNote{
    width:960px;
    margin:0 auto;
    background-color:#272727;
    padding:64px 30px;
}
.contactNote .ttl03{
    font-size:24px;
    color:#fff;
    font-weight:550;
    text-align:center;
    margin-bottom:40px;
}
.addrGmap{
    display:flex;
    justify-content: space-between;
}
.addrNote{
    color:#ff;
    width:344px;
}
.infoTx{
    color:#fff;
    margin-bottom:24px;
}
.infoTx li{
    list-style-type: none;
    font-size:18px;
    color:#fff;
    font-weight:500;
    margin-bottom:0.7em;
}
.infoTx li b{
    display:inline-block;
    min-width:4em;
}
.addrNote .tx07{
    font-size:14px;
    color:#BCBCBC;
    font-weight:500;
    margin-bottom:24px;
}
.addrNote .linkTx01 a{
    font-size:16px;
    color:#fff;
    font-weight:500;
    text-decoration:underline;
}
.gMap{
    width:500px;
    height:370px;
}

/* --- 取扱商品紹介 --- */
.itemList{
    width:960px;
    margin:120px auto 120px;
}
.itemList .ttl04{
    font-size:40px;
    text-align:center;
    font-weight:550;
    margin-bottom:24px;
}
.itemList .tx08{
    font-size:20px;
    text-align:center;
    font-weight:500;
    margin-bottom:64px;
}

.itemList .ttl05{
    font-size:20px;
    text-align:center;
    font-weight:550;
    color:#3DAFBE;
    padding-bottom:10px;
    margin-bottom:24px;
    border-bottom:3px solid #3DAFBE;
}

.kickBdTyp{
    display:flex;
    flex-wrap: wrap;
    gap: 40px 30px;
    margin-bottom:80px;
    box-sizing: border-box;
}
.eachItem{
    width:300px;
    box-sizing: border-box;
    /* background:#fcfbfa; */
}
.lineup__img__wrapper {
    width: 100%;
}
.eachItem img{
    width: auto;
    margin: 0 auto 16px;
    display: block;
}
.lineup__img.--narrow {
    display: block;
    width: auto;
    margin: auto;
}

.itemName{
    font-size:20px;
    font-weight:550;
    margin-bottom:8px;
}
.itemNote{
    font-size:14px;
    font-weight:500;
    margin-bottom:10px;
}
.itemDetails {
  position: relative;
}
.itemPrice{
    color:#909090;
    font-size:16px;
    font-weight:550;
}
.itemTax {
    font-size: 14px;
    font-weight: 500;
}
.itemSummary{
    display: inline-flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
    font-size: 14px;
    color:#000;
}
.detailsBox[open] .itemSummary {
    align-items: center;
    position: absolute;
    top: 5px;
    right: 0;
    height: 16px;
    color:#000;
}
.itemSummary::after {
    content: "";
    display: inline-block;
    background: url("../_img_bg/Icon_plus.svg") no-repeat;
    background-size: contain;
    margin-left:3px;
    width: 15px;
    height: 15px;
}
.detailsBox[open] .itemSummary::after {
  background: url("../_img_bg/Icon_minus.svg") no-repeat;
  background-size: contain;
}
.detailsBox{
    transition: 1s;
    color:#fff;
}
.detailsBox[open]{
    color:#111;
}
.detailsBoxList {
    padding-top: 22px;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    box-sizing: border-box;
}
.specName {
    width: 42%;
    display: flex;
    justify-content: space-between;
    padding-right:0.2em;
    box-sizing: border-box;
    white-space:nowrap;
    overflow:hidden;
    margin-bottom:0.5em;
}
.specName::after {
    content: ":";
}
.specDtl {
    width: 57%;
    word-break: initial;
    padding-left:0.2em;
    box-sizing: border-box;
    margin-bottom:0.5em;
}

/* --- ブログ&SNS紹介 --- */
.toStaffBlog{
    width:960px;
    margin:0 auto 120px;
    text-align:center;
    background-color:#F4F4F4;
    padding:40px 0;
}
.toStaffBlog .tx09{
    font-size:20px;
    font-weight:550;
    margin-bottom:27px;
}

.toStaffBlog .btn02 a{
    display:block;
    width:13em;
    margin:0 auto;
    font-size:15px;
    height:42px;
    line-height:42px;
    border:1px solid #DC3114;
    color:#DC3114;
    background-color:#fff;
    border-radius:3em;
    font-weight:550;
    text-decoration:none;
    text-align:center;
}

.snaNews{
    width:960px;
    margin:0 auto 120px;
}
.snaNews .ttl06{
    font-size:40px;
    font-weight:550;
    margin-bottom:40px;
}
.fbWrap{
    width:100%;
    background: #f0f0f0;
    padding:40px 0;
}
.fbBox{
    width:500px;
    margin:0 auto;
}
.fbBox iframe{
    width:500px;
    height:700px;
}

.fbWrap .btn03 a{
    display:block;
    width:13em;
    margin:0 auto;
    font-size:15px;
    height:42px;
    line-height:42px;
    border:1px solid #DC3114;
    color:#DC3114;
    background-color:#fff;
    border-radius:3em;
    font-weight:550;
    text-align:center;
    margin:40px auto 0;
}

/* --- メーカー様へ --- */
.toMaker{
    width:100%;
    background-color:#E9F5F7;
}
.MkInner{
    width:960px;
    margin:0 auto;
    padding:64px 0;
    display:flex;
    box-sizing: border-box;
}
.ABimage{
    width:320px;
    padding-top:15px;
}
.ABimage img{
    width:100%;
}
.blurbWrapper{
    width:600px;
    padding:0;
    margin-left:40px;
}
.blurbWrapper .ttl07{
    font-size:40px;
    font-weight:550;
    margin-bottom:40px;
}
.blurbWrapper .ttl08{
    font-size:20px;
    font-weight:550;
    margin-bottom:16px;
}
.blurbWrapper .tx10{
    font-size:16px;
    font-weight:500;
    margin-bottom:40px;
}
.blurbWrapper .btn04 a{
    display:block;
    width:343px;
    font-size:17px;
    height:67px;
    line-height:67px;
    background-color:#111;
    border-radius:3em;
    color:#fff;
    font-weight:550;
    text-decoration:none;
    text-align:center;
}

/* ----- スマホ ----- */
@media screen and (max-width:767px){

    /* --- KV --- */
    #mbMitaka{
        width:100%;
            overflow:hidden;
    }
    #mbMitaka .kv{
        position: relative;
        display: block;
    }
    .h1box{
        padding: 9vw 4vw;
        top:40vw;
        left:5vw;
        width:90vw;
    }
    .h1box .tx01{
        font-size:4.26vw;
        margin-bottom:4vw;
    }
    .h1box .tx01 b{
        font-size:5.6vw;
    }
    .h1box .tx02{
        font-size:3.7vw;
        margin-bottom:10px;
    }
    .h1box .tx03{
        font-size:9vw;
        margin-bottom:5vw;
    }
    .h1box .tx04{
        font-size:3.7vw;
        margin-bottom:4vw;
    }
    .h1box .tx04 i:first-child{
        font-size:3.3vw;
        border-right:2px solid #DC3114;
        margin:0 0.5em 0 0;
        width:1px;
    }
    .h1box .tx04 i:last-child{
        font-size:3.3vw;
        rotate: 25deg;
        border-left:2px solid #DC3114;
        margin:0 0 0 0.3em;
        width:1px;
    }
    .h1box .btn01 a{
        width:100%;
        font-size:4vw;
        height:3.5em;
        line-height:3.5em;
        text-align:center;
    }

    /* --- メイン --- */
    .aboutInShop{
        padding:17vw 0 0 0;
    }
    .sABiconLogo{
        width:70vw;
        margin:0 auto;
        margin-bottom:3.7vw;
    }
    .aboutInShop .ttl02{
        font-size:6.4vw;
        margin-bottom:4.3vw;
    }
    .aboutInShop .tx05{
        font-size:4.3vw;
        margin-bottom:4vw;
    }
    .tx06wArrow {
        font-size:4.8vw;
        width:13em;
        margin:0 auto 12vw;
        line-height:9vw;
        border-radius:9px;
    }
    .tx06wArrow:after {
        border-width: 2.1vw;
        margin-left: -2.1vw;
    }
    .pointNoteBox{
        width:92vw;
        margin:0 auto 0;
    }
    .eachPoint{
        width:100%;
        display:block;
        margin-bottom:10vw;
    }
    .eachPoint .box{
        width:100%;
        padding:6vw 41.3vw 6vw 4vw;
        font-size:4.26vw;
        margin-bottom:6.4vw
    }
    .eachPoint .box b{
        font-size:3.7vw;
        margin-bottom:0.3em;
    }
    .eachPoint .box span{
        font-size:3.7vw;
        margin-top:0.5em;
        letter-spacing:-0.05em;
    }
    .eachPoint .p01,
    .eachPoint .p02,
    .eachPoint .p03,
    .eachPoint .p04{
        background-size: 130px auto;
        background-position: center right 3vw;
    }

    /* --- 店舗情報 --- */

    .contactNote{
        width:100%;
        box-sizing: border-box;
        padding:10vw 4vw;
    }
    .contactNote .ttl03{
        font-size:5.3vw;
        margin-bottom:8.5vw;
        text-align:left;
    }
    .addrGmap{
        display:block;
    }
    .addrNote{
        width:100%;
    }
    .infoTx{
        margin-bottom:4.26vw;
    }
    .infoTx li{
        font-size:4.26vw;
        font-weight:500;
        margin-bottom:0.7em;
    }
    .infoTx li b{
        min-width:4em;
    }
    .addrNote .tx07{
        font-size:3.7;
        margin-bottom:6.5vw;
    }
    .addrGmap .linkTx01 a{
        display:block;
        font-size:4.3vw;
        color:#fff;
        font-weight:500;
        text-decoration:underline;
        text-align:center;
    }
    .gMap{
        width:92vw;
        height:100vw;
        margin:0 auto 8.5vw;
    }

    /* --- 取扱商品紹介 --- */
    .itemList{
        width:92vw;
        margin:17vw auto;
    }
    .itemList .ttl04{
        font-size:6.4vw;;
        margin-bottom:4.3vw;
    }
    .itemList .tx08{
        font-size:4.3vw;
        text-align:left;
        margin-bottom:10vw;
    }
    .itemList .ttl05{
        font-size:4.8vw;
        padding-bottom:0.3em;
        margin-bottom:6.4vw;
    }
    .kickBdTyp{
        display:block;
        margin-bottom:9.5vw;
    }
    .eachItem{
        width:100%;
        box-sizing: border-box;
                            /* background:#eef;  */
        margin-bottom:10vw;
    }
    .itemName{
        font-size:4.3vw;
        margin-bottom:0.5em;
        margin-bottom:0.3em;
    }
    .itemNote{
        font-size:3.7vw;
        margin-bottom:0.7em;
    }
    .itemPrice{
        font-size:4.3vw;
    }
    .itemTax {
        font-size: 3.7vw;
    }
    .itemSummary{
        font-size: 3.8vw;
    }
    .detailsBox[open] .itemSummary {
        height: 4.3vw;
    }
    .itemSummary::after {
        margin-left:4px;
        width: 4vw;
        height: 4vw;
    }
    .detailsBoxList {
        padding-top: 4.3vw;
        font-size: 3.73vw;
    }
    .specName {
        width: 38%;
    }
    .specDtl {
        width: 62%;
    }

    /* --- ブログ&SNS紹介 --- */
    .toStaffBlog{
        width:92vw;
        box-sizing: border-box;
        margin:0 auto 17vw;
        padding:6.4vw 4.3vw;
    }
    .toStaffBlog .tx09{
        font-size:4.3vw;
        margin-bottom:4.5vw;
        text-align:left;
    }
    .toStaffBlog .btn02 a{
        width:13em;
        font-size:4vw;
        height:11.2vw;
        line-height:11.2vw;
    }
    .snaNews{
        width:100%;
        margin:0 auto 21vw;
    }
    .snaNews .ttl06{
        font-size:6.4vw;
        padding:0 4vw;
        margin-bottom:5.6vw;
    }
    .fbWrap{
        width:100%;
        background: #fcfcfc;
        padding:6.4vw 0;
    }

    .fbBox{
        width:92vw;
        margin:0 auto;
    }
    .fbBox iframe{
        width:100%;
        height:120vw;
    }
    .fbWrap .btn03 a{
        width:13em;
        font-size:4vw;
        height:11.2vw;
        line-height:11.2vw;
        margin:6.4vw auto 0;
    }

    /* --- メーカー様へ --- */
    .MkInner{
        width:92vw;
        padding:10vw 0;
        display:block;
    }
    .ABimage{
        width:58vw;
        padding-top:0;
        margin:0 auto 10vw;
    }
    .blurbWrapper{
        width:92vw;
        padding:0;
        margin:0 auto;
    }
    .blurbWrapper .ttl07{
        font-size:6.4vw;
        margin-bottom:4.3vw;
    }
    .blurbWrapper .ttl08{
        font-size:4.3vw;
        margin-bottom:4.3vw;
    }
    .blurbWrapper .tx10{
        font-size:4.3vw;
        margin-bottom:8.5vw;
    }
    .blurbWrapper .btn04 a{
        width:90vw;
        font-size:4vw;
        height:15.2vw;
        line-height:15.2vw;
    }

}/* SP */