/*　header */
.fs-l-header__contents {
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    -ms-grid-columns: 40% 20% 40%;
    grid-template-columns: 30% 50% 20%;
}

.fs-l-header__contents h1 {
    grid-column: 1;
    grid-row: 1;
    font-size: 1em;
    text-align: center;
}

span.head01-logo {
    grid-row: 2;
    grid-column: 1;
    text-align: center;
}

span.head01-logo h2 {
    font-size: 1em;
    text-align: center;
    margin: 0;
}

.fs-l-header__drawerOpener {
    text-align: right;
}

span.head02-nav {
    grid-row: 2;
    grid-column: 3;
}

span.head03-search {
    grid-row: 1;
    grid-column: 3;
}

.head04-info {
    grid-row: 2;
    grid-column: 2;
    padding-top: 20px;
}

span.head04-info p {
    margin: 0;
}

p.head04-tel {
    font-size: 2.3em;
    font-weight: bold;
}

.head05-subnav {
    grid-row: 1;
    grid-column: 2;
}

.head05-subnav li {
    list-style: none;
    display: inline-block;
    margin: 0 4px;
}

.head05-subnav li:before {}

nav.fs-p-headerUtilityMenu {
    grid-column: 1/4;
    background: #ec881e;
}

.fs-p-headerUtilityMenu__list {
    justify-content: center;
    font-size: 1.2em;
    line-height: 3.5em;
}


/* ヘッダーメインナビメニュー */
div#mainNavBox {}

div#mainNavBox nav.fs-p-headerUtilityMenu {
    background: #951c23;
}

#mainNavBox nav li a {
    color: #FFF;
    padding: 0;
    margin: 0;
}

#mainNavBox nav li {
    margin: 0px 10px;
    padding: 0 20px;
}

#mainNavBox nav li a:hover {
    border-bottom: solid 2px #FFEB3B;
}


/* ヘッダーテキストボックス */
div#headtextBox {
    background: url(https://nagisa.itembox.design/item/headertextBoxBG.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.ht_wrapper {
    width: 1200px;
    height: 600px;
    margin: 0 auto;
    padding-top: 30px;
}

#headtextBox p {
    color: #FFF;
    margin-bottom: 1.8em;
    font-size: 1.3em;
    text-align: center;
    line-height: 2em;
}

#headtextBox p span {
    display: block;
}

#headtextBox .textBox {
    padding: 60px 0 5px;
    width: 300px;
    background: #0000003d;
}

/* side */
.fs-l-sideArea a {
    color: #874500;
}

.fs-l-sideArea li {
    list-style: none;
}

ul.sidenav01 li {
    background: url(https://nagisa.itembox.design/item//side05.png) no-repeat;
    /* padding-left: 50px; */
    /* line-height: 4.5em; */
    color: #874500;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.1em;
    padding: 23px 0 25px 50px;
}

ul.sidenav01-so li {
    background: url(https://nagisa.itembox.design/item//side05-so.png) no-repeat;
}

.fs-l-sideArea ul {
    padding-left: 0;
    margin-top: 0;
}

ul.sidenav01 li a {
    display: block;
}

.fs-l-sideArea h3 {
    background: url(https://nagisa.itembox.design/item//side04.png) no-repeat;
    line-height: 3em;
    background-size: contain;
    font-weight: bold;
    color: #FFF;
    margin-bottom: 0;
}

ul.sidenav02 li {
    border: solid 1px #eec87f;
    margin-bottom: 10px;
}

ul.sidenav02 li a {
    display: block;
    padding: 10px;
}

ul.sidenav03 {
    margin: 30px 0;
    line-height: 3em;
    border: solid 1px #ec881e;
    padding: 7px;
}

/* footer */
div#footerguide {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0 20px;
    margin-bottom: 20px;
}

div#footerinfo {
    display: grid;
    grid-template-rows: auto;
    /* grid-template-columns: 1fr 3fr; */
    grid-gap: 0 20px;
    justify-content: center;
    /* width: 80%; */
}

span.finfo-01 {
    grid-row: 1/3;
    grid-column: 1;
}

span.finfo-02 {
    grid-row: 1;
    grid-column: 2;
}

span.finfo-03 {
    grid-row: 2;
    grid-column: 2;
}


.footer_nav {
    text-align: center;
    background: #ec881e;
    width: 700px;
    margin: 0px auto;
}

nav.fs-p-footerUtilityMenu {
    width: 700px;
    margin: 0px auto;
    padding-top: 30px;
}

/* お知らせボックス */
div#oshiraseBox {
    width: 80%;
    margin: 30px auto;
    padding: 20px;
    border: 2px #ec881e solid;
    background: #ec881e1a;
}

/* トップ他、バナー部分 */
.itemBanner {
    display: grid;
    grid-template-rows: auto;
}


.itemBanner h2 {
    background: #da4453;
    color: #FFF;
    padding: 10px 0px;
}

.itemBanner h3 {
    line-height: 1;
    padding: 0;
    margin: 0 0 20px;
    font-size: 0.8em;
}


/* 横１列 */
.itembanner_1 {
    grid-template-columns: 1fr;
}

/* 横２列均等 */
.itemBanner_1-1 {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

/* 横３列均等 */
.itemBanner_1-1-1 {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}

/* 横４列均等 */
.itemBanner_1-1-1-1 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
}


/* 味わいチャート */
h3.chartTitle {
    font-size: 2em;
    background: #ffe900;
    line-height: 2;
    padding-left: 1em;
}

div#ajiwaichart {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 10px;
    margin: 80px 0 20px;
}

span.chart01 {
    grid-row: 1/3;
    grid-column: 1;
}

span.chart02 {
    grid-row: 1;
    grid-column: 2;
}

span.chart03 {
    grid-row: 2;
    grid-column: 2;
}

span.chart02 h4 {
    font-weight: bold;
    font-size: 1.3em;
}

span.chart04 {
    grid-row: 3;
    grid-column: 1/3;
    border-bottom: solid 3px #874500;
}

/* ランキング設定 */
section.rankBox {
    margin: 80px 0 20px;
}

@media screen and (min-width: 600px) {
    .fs-c-productListCarousel__list__item {
        flex-basis: 200px;
        max-width: 150px;
        min-width: 150px;
        margin: 0 8px;
    }
}

/* シーン */
div#sceneBox {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 10px;
    margin: 40px 0px 20px;
}

div#sceneBox .sceneItem h3 {
    font-size: 0.8em;
    margin-top: 0px;
    text-align: center;
}

div#sceneBox .sceneItem {
    margin-bottom: 20px;
}

/* 選ばれる３つの理由 */
div#point3 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 70px 10px;
}

span.p3-title {
    grid-row: 1;
    grid-column: 1/4;
}

span.p3-01 {
    grid-column: 1/3;
}

span.p3-04 {
    grid-row: 3;
    grid-column: 1;
}

span.p3-03 {
    grid-row: 3;
    grid-column: 2/4;
}

span.p3-05 {
    grid-row: 4;
    grid-column: 1/3;
}

div#point3 .p3-01 h3, div#point3 .p3-03 h3, div#point3 .p3-05 h3 {
    padding: 50px 0px 30px 100px;
    font-size: 1.8em;
    color: #FFF;
    font-weight: bold;
    margin: 0px;
}

div#point3 .p3-01 h3 {
    background: url(https://nagisa.itembox.design/item/point3-01bg.png) no-repeat;

}

div#point3 .p3-03 h3 {
    background: url(https://nagisa.itembox.design/item/point3-02bg.png) no-repeat;

}

div#point3 .p3-05 h3 {
    background: url(https://nagisa.itembox.design/item/point3-03bg.png) no-repeat;

}

/* ３つのこだわり */
div#k3p-title {
    text-align: center;
    background: #795548;
}

#k3p-title h2 {
    color: #FFF;
    padding-bottom: 11px;
    padding-top: 10px;
}

#k3p-title p {
    font-size: 2.3em;
    background: #FFEB3B;
    line-height: 2em;
}

.k3p-text h3 span {
    display: block;
}

.k3p-text h3 {
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 3em;
    color: #795548;
}

.k3p-text p {
    padding-left: 50px;
}

/* freepage */
div#pagetitlebox {
    width: 1216px;
    margin: 0 auto;
    background: url(https://nagisa.itembox.design/item/head-bg.jpg) no-repeat;
    height: 400px;
    position: relative;
}

div#pagetitlebox h2 {
    position: absolute;
    right: 40px;
    top: 50px;
    text-align: right;
    background: #680000;
    padding: 20px 50px;
    font-size: 1.8em;
    font-weight: bold;
    color: #FFF;
}

.fpBox h2 {
    background: url(https://nagisa.itembox.design/item/h2bg.png) no-repeat;
    padding: 40px 10px 30px 120px;
    font-size: 1.5em;
    font-weight: bold;
    color: #680000;
    margin-bottom: 10px;
}

.fpBox h3, .fpBox p {
    line-height: 1.8em;
    padding: 10px 20px;
    color: #660000;
}

.fpBox h3.title {
    background: url(https://nagisa.itembox.design/item/h3bg.png) no-repeat;
    padding-left: 50px;
    border-bottom: solid #64b800;
}

.page2-1box {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr;
    grid-gap: 20px;
    margin-bottom: 60px;
}

.page1-2box {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 2fr;
    grid-gap: 20px;
    margin-bottom: 60px;
}


.page1-1box {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.page1-1-1box {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}

span.pi01 {
    grid-column: 1;
    grid-row: 1/3;
}

.pi01 dl {
    margin: 10px;
    padding: 20px;
    border-radius: 20px;
}

.pi01 dt {
    font-size: 2em;
    color: #da4453;
}

.pi01 dd {
    margin-left: 0px;
    line-height: 2em;
    font-size: 1.2em;
}

.pi01 dl dt:first-child+dd {
    margin-bottom: 40px;
}

span.pi02 {
    grid-column: 2;
    grid-row: 1;
}

span.pi03 {
    grid-column: 2;
    grid-row: 2;

}

.pi03 dl, .pi02 dl {
    border: solid 1px #874500;
    background: #ffe18d;
    border-radius: 18px;
    padding: 10px;
}

.pi03 dt, .pi02 dt {
    float: left;
    width: 7em;
    margin-bottom: 5px;
    font-weight: bold;
}

.pi03 dd, .pi02 dd {
    border-bottom: dashed 1px #ec881e;
    margin: 0px 5px 5px 5px;
}

.p1b-dl dt {
    width: 11em;
    float: left;
    line-height: 2em;
    margin-bottom: 10px;
}

.p1b-dl dd {
    line-height: 2em;
    border-bottom: dashed 1px;
    margin-left: 0px;
    margin-bottom: 10px;
}

dl.p1b-dl {
    width: 85%;
    margin: 30px auto;
}

p.linkButton {
    background: #874500;
    margin: 80px auto 0;
    width: 300px;
    text-align: center;
}

p.linkButton a {
    color: #FFF;
    display: block;
}

p.emphasis {
    font-size: 1.4em;
    color: #ff0000;
    font-weight: bold;
}

/* 準備中のテキスト */
.in-preparation {
    padding: 16px;
}

/* お問い合わせページ */
ul.information-list i {
    margin-right: 1em;
}

ul.information-list li {
    list-style: none;
    line-height: 1.8em;
}



/* 買える、飲めるお店紹介ページ */
.fpBox .dealerBox h3.dealerName {
    line-height: 1em;
    padding: 0 0 10px 0;
    margin: 0 10px 15px 0;
    font-weight: bold;
    border-bottom: dashed 1px;
}

p.dealer-chui {
    color: #d4044a;
    font-weight: bold;
    font-size: 1.1em;
}

p.dealer-chui span {
    font-size: 1.3em;
}

.fpBox .dealerBox p {
    margin: 0;
    line-height: 1.2em;
}

.dealerBox i {
    margin-right: 0.5em;
}

.dealerType {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
}

.dealerType1 h4 {
    background: url(https://nagisa.itembox.design/item/type01.png) no-repeat;

}

.dealerType2 h4 {
    background: url(https://nagisa.itembox.design/item/type02.png) no-repeat;

}

.dealerType3 h4 {
    background: url(https://nagisa.itembox.design/item/type03.png) no-repeat;

}

.dealerType h4 {
    background-size: 100px;
    padding-top: 105px;
    background-position: top;
}

div#dealerArea {
    display: grid;
    grid-template-columns: 1fr 4fr;
    margin: 50px;
}

div#dealerArea li {
    display: inline-block;
    margin-left: 20px;
}

div#dealerArea li:after {
    content: "|";
    padding-left: 15px;
}

.dealerBox {
    border-bottom: solid 1px #CCC;
}


/* キャッシュレス・消費者還元事業用 */
div#cashless-kangen {
    border: solid 1px #FCC;
    padding: 10px;
    margin: 20px 0px;
}

/* 本数紹介ページ用 */
#honsupageBox h3 {
    font-size: 2.2em;
    margin-top: 130px;
}

#honsupageBox h4 {
    font-size: 1.4em;
    padding-left: 20px;
    border-bottom: solid 3px #da4453;
}

#honsupageBox .singleType, #honsupageBox .mixType {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 30px;
}

.singleType span {
    text-align: center;
    font-size: 1.8em;
    line-height: 3em;
}

.mixType span {
    font-size: 1.2em;

}

.singleType span a, .mixType span a {
    display: block;
}


/* 各商品紹介ページの単品本数別ボタン */
section.honsuBox {
    border-top: solid 5px #ec881e;
    border-bottom: solid 5px #ec881e;
    margin: 50px 0px;
    padding-bottom: 50px;
}

.honsu-betu {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}

.honsu-betu span {
    text-align: center;
    font-size: 200%;
    line-height: 3em;
}

span.honsu-6 {
    background: #ecd21e;
}

span.honsu-10 {
    background: #ecac1e;
}

span.honsu-30 {
    background: #ec881e;
}

/* 商品アイテムページ */
.oshirase-text {
    padding: 10px;
    border: solid 1px #ec881e;
    border-radius: 10px;
    margin: 20px;
}

.eraberu30-rei {
    font-size: 1.2em;
}

.itemBox h2 {
    text-align: center;
    font-weight: bold;
    font-size: 1.8em;
}

.itemBox p.textEm {
    color: #F00;
    font-weight: bold;
    border-bottom: double;
}

.itemText h3, .itemBox h3 {
    font-weight: bold;
}

span.itemText h3, span.itemBox h3 {
    padding: 30px 0 0px;
}

.syoumikigen {
    background: #ffeded;
    text-align: center;
    border: solid 2px #971515;
    padding: 20px;
}

.syoumikigen p span {
    display: block;
}

p.syoumikigen-tyakubi {
    font-size: 1em;
    color: #FFF;
    font-weight: bold;
    background: #F00;
    padding: 10px 21px;
    text-align: left;
}
.fs-c-productOption__name {
    background: #ffc107;
    padding-top: 10px;
    margin-top: 20px;
    border-bottom: solid 4px #9e7700;
    padding-left: 1em;
  }

/* 予約電話番号 */
.yoyakuTel {
    text-align: center;
    padding: 20px 10px 40px;
}

.yoyakuTel h4 {
    font-size: 3em;
    font-weight: bold;
    margin: 0;
}


/* 完売・終売・シーズンオフのお知らせ */
section.seasonoff-text {
    width: 80%;
    border: solid 2px #da4453;
    padding: 20px;
    margin: 10px auto 80px;
}

section.seasonoff-text h3 {
    font-weigh: bold;
}

section.seasonoff-text p.mailtouroku {
    text-align: center;
    background: #874500;
}

section.seasonoff-text p.mailtouroku a {
    color: #FFF;
}

/* オリジナルラベルページ */
.originallabel h3 {
    text-align: center;
    font-size: 2em;
    background: #ec881e;
}

.originallabel h4 {
    font-size: 1.6em;
    color: #660000;
    border-bottom: solid 1px #660000;
    margin-top: 80px;
}
.originallabel h4 span {
    display: block;
    margin-left: 2em;
}

.originallabel h5 {
    font-size: 1.6em;
    background: #874500;
    width: 200px;
    text-align: center;
    line-height: 1.5em;
    color: #FFF;
    margin-top: 120px;
}

.originallabel .yoyakuTel {
    width: 60%;
    margin: 0 auto;
    padding: 20px;
    border: solid 1px;
}

/* セールページ用 */
.saleText, .campText {
    text-align: center;
    line-height: 1.8em;
    font-size: 1.4em;
}

.saleText h3, .campText h3 {
    font-size: 1em;
}

.saleText h2, .campText h2 {
    font-size: 1.5em;
}

.campText span {
    display: block;
}

p.itemName {
    line-height: 1em;
    padding: 0;
    margin-bottom: 0;
}

p.itemPrice, p.itemArrow, p.itemSale, p.itemTax {
    margin: 0;
    text-align: center;
    color: #000;
}

p.itemPrice {
    font-size: 1.2em;
}

p.itemSale {
    color: #F44336;
    font-size: 1.5em;
    font-weight: bold;
}

span.itemTax {
    font-size: 0.7em;
}

.itemSale span.itemTax {
    font-size: 0.5em;
}

/* コンタクトフォーム */
.formBox2 {
    text-align: justify;
}

.formBox2 select {
    width: auto;
}

.formBox2 p {
    padding: 0 20px;
}

/* お知らせ（休業） */
.notice {
    border: solid 1px #a4272d;
    padding: 20px;
}

.notice h1 {
    text-align: center;
    font-size: 1.5em;
    color: #f00;
    font-weight: bold;
    text-decoration: underline;
}

.notice p {
    line-height: 3em;
}

.notice span {
    display: block;
    text-align: center;
}

/* バーリィ予約フォームボタン */
h4.yoyakuButton {
    background: #FFEB3B;
    border-radius: 15px;
    font-size: 1.5em;
    width: 340px;
    padding: 10px 20px;
    margin: 15px auto 0;
}

h4.yoyakuButton a:visited {
    color: #795548;
}

/* ハッピーホリデイズラベル用 */
p.hh-label {
    color: #F00;
    font-weight: bold;
    border: solid 3px #F00;
    padding: 20px;
}

section.fpBox2 {
    margin-bottom: 80px;
    padding-bottom: 120px;
    border-bottom: solid 3px #795548;
}

section.fpBox2 h3, section.honsuBox h2 {
    text-align: center;
    font-size: 2em;
    border-top: solid 3px #FFC107;
    border-bottom: solid 3px #FF9800;
    padding: 20px 0px;
}


/* 商品コメント用 */
.VD_tyakubisitei{
    border: #874500 double 3px;
    padding: 8px;
    color: #F00;
}