/* base */
* {
    font-family: 'Noto Sans JP',"Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.main.main--home section.__block,
.aside section.__block {
    padding: 1em;
}
.aside section.__block.__block--cart .__body,
.aside section.__block.__block--search .__body {
    padding: 0;
}
.aside section.__block.__block--calendar ul li {
    margin: 0;
    padding: 0;
}
form[action="https://sp.nextgroup.jp/contact.php"] + .__menu.p-menu-login {
    display: none;
}

/* menu */
.gnav-pc .__menu.__menu--default ul li.__is-active, .gnav-pc .__menu.__menu--custom ul li.__is-active {
    background: #2e75a5;
}

/* text-size */
.header .__banner .__wrap .__login.__is-member .__block .__body .__message,
.header .__banner .__wrap .__login .__block .__body ul.__menu,
.aside section.__block.__block--calendar ul {
    font-size: 87.5%;
}

/* title */
.c-h1,
.c-heading-main,
.main.main--home section.__block .__heading,
.main.main--corporate .__open .__title {
    position: relative;
    font-size: 150%;
    font-weight: 700;
    border-bottom: 3px solid #ddd;
    margin: 0 0 1em;
    padding: 0 0.25em 0.25em;
}
.c-h1:before,
.c-heading-main:before,
.main.main--home section.__block .__heading:before,
.main.main--corporate .__open .__title:before {
    background: #3498db;
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 15%;
    height: 3px;
}

.aside section.__block .__heading.__heading--default,
.aside section.__block .__heading.__heading--custom {
    position: relative;
    font-size: 125%;
    font-weight: 700;
    margin: 0 0 0.5em;
    padding: 0 0 0 26px;
}
.aside section.__block .__heading.__heading--default:before,
.aside section.__block .__heading.__heading--custom:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 6px solid #3498db;
    left: 0;
    top: 4px;
}


.main.main--home section.__block.__block--news .__body ul li > a:hover,
.main.main--news-list section.__news ul li > a:hover {
    background: #e1f0fa;
}


.aside section.__block.__block--search .__body {
    display: flex;
    font-size: 87.5%;
}
.aside section.__block.__block--search .__body input {
    flex: 1;
    border-right: none;
    box-shadow: none;
    border-radius: 0.3em 0 0 0.3em;
}
.aside section.__block.__block--search .__body .c-button {
    display: block;
    border-radius: 0 0.3em 0.3em 0;
    padding: 0.5em;
}

/* shopping */
.main.main--order-form section.__block--text table tr td .__description:before,
.main.main--order-confirm section.__block--texttable tr td .__description:before {
    display: block;
    content: "納品日時のご希望や注意事項等ございましたら、ご入力ください。";
    margin-bottom: 0.5em;
}
.main.main--order-form section.__block--text table tr td .__description span,
.main.main--order-confirm section.__block--texttable tr td .__description span {
    display: none;
}

/* productList */
.main.main--product-list section.__list.__list--row ul.__product > li.__item .__set table tr .__description .__no,
.main.main--product-list section.__list.__list--row ul.__product > li.__item .__set table tr .__order .__no {
    font-size: 75%;
}
.main.main--product-list section.__list.__list--row ul.__product > li.__item .__set table tr .__description .__name,
.main.main--product-list section.__list.__list--row ul.__product > li.__item .__set table tr .__order .__name {
    font-size: 125%;
}
.main.main--product-list section.__list.__list--row ul.__product > li.__item .__set table tr {
    vertical-align: top;
}
.main.main--product-list section.__list.__list--row ul.__product > li.__item a table tr td.__photo.__is-noimage {
    display: none;
}
.main.main--product-list section.__list.__list--row ul.__product > li.__item a table tr td.__photo.__is-noimage + td.__detail {
    padding-left: 0;
}

/* productDetail */
.main.main--product-detail section.__information {
    display: flex;
    padding: 1em 0 0;
}
.main.main--product-detail section.__information .__primary {
    width: auto;
    float: none;
    margin: 0;
    padding: 0;
}
.main.main--product-detail section.__information .__secondary {
    flex: 1;
    width: auto;
    float: none;
    padding: 0;
    margin: 0;
}
.main.main--product-detail section.__information .__primary .__photo .__main {
    padding: 0 2em 0 0;
}
.main.main--product-detail section.__information .__primary .__photo .__main.__is-no-image,
.main.main--product-detail section.__information .__primary .__photo .__main__is-no-image + .__sub ul {
    display: none;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content div a {
    display: block;
    background: #2ecc71;
	color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    border-radius: 0.3em;
    text-align: center;
    width: 70%;
    max-width: 240px;
    margin: 1em auto 0;
    padding: 0.6em 1em;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content div a:hover {
	background: #36b86d;
	text-decoration: none;
}

/* mypage */
form[action="https://sp.nextgroup.jp/profile.php"] .__table.p-form-table .__row-password,
form[action="https://sp.nextgroup.jp/profile.php"] .__table.p-form-table .__row-password_again,
.__content-form .__table.p-form-table .__row-password,
.__content-form .__table.p-form-table .__row-password_again,
.p-menu-login ul li.__item.__item--password {
	display: none;
}

@media screen and (min-width: 600px) {
    .main.main--product-list section.__list.__list--row ul.__product > li.__item .__set table tr td.__description .__price {
        padding: 0 1em 0 0;
    }
    .main.main--home section.__block.__block--news .__body ul li > a span.__date,
    .main.main--home section.__block.__block--news .__body ul li > span span.__date {
        padding-left: 0.5em;
    }
    .p-spin .__minus,
    .p-spin .__plus {
        width: 3em;
    }
}
@media screen and (min-width: 769px) {
    .footer nav.__nav ul {
        display: flex;
        justify-content: center;
    }
}
@media screen and (max-width: 768px) {
    .footer nav.__nav ul {
        padding: 0;
    }
    .footer nav.__nav ul li {
        display: block;
        border-bottom: 1px solid #ccc;
        padding: 0;
    }
    .footer nav.__nav ul li a {
        display: block;
        border: none;
        padding: 0.75em 1em;
    }
    .footer nav.__nav ul li:first-child a {
        padding: 1em 1em 0.75em;
    }
    .footer nav.__nav ul li a:hover {
        background: #ccc;
        text-decoration: none;
    }
}
@media screen and (max-width: 599px) {
   .main.main--product-detail section.__information {
        flex-direction: column;
    }
    .main.main--product-detail section.__information .__primary .__photo .__main,
    .main.main--product-detail section.__information .__primary .__photo __is-no-image + .__sub ul {
        margin: 0;
        padding: 0;
    }
}