@charset "utf-8";


/* ==================================================================
    list.css (一覧/下層ページで使う共通定義)

=================================================================== */

/* ==================================================================
   ■ 共通指定
=================================================================== */
/* --------------------------------
   □  listSearch (MV下)
-------------------------------- */
.listSearch {
    width: 100%;
    background-color: #F6F6F6;
}
.listSearch > .container {
    height: 100%;
    position: relative;
    font-size: 1.5rem;
}
    .listSearch > .container:after {
        visibility: visible;
        content: "";
        position: absolute;
        top: 0;
        left: 100%;
        height: 100%;
        width: 100%;
        background: #002C6E;
    }
.listSearch .list_navArea {
    width: 55%;
}
    .listSearch .list_navArea #nav_list {
        height: 100px;
    }
    .listSearch .list_navArea #nav_list > li {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }
    .listSearch .list_navArea #nav_list > li > a {
        display: inline-block;
        font-size: 1.5rem;
        font-weight: 700;
        letter-spacing: 0;
        position: relative;
        height: auto;
        margin-bottom: 20px;
    }
        .listSearch .list_navArea #nav_list > li > a:hover {
            opacity: 0.7;
        }
        .listSearch .list_navArea #nav_list > li > a:after {
            content: "";
            display: inline-block;
            position: absolute;
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            width: 11px;
            height: 7px;
            background: url(../../images/common/icon/anchor.svg) no-repeat center;
            background-size: contain;
            z-index: 1;
            transition: all 300ms 0s ease;
        }
        .listSearch .list_navArea #nav_list > li.active a:hover:after {
            bottom: -20px;
        }

/* ナビ開いたとき
-------------------------------- */
.listSearch {
    position: relative;
    z-index: 20;
}
.listSearch .list_navArea #nav_list .nav_inner {
    margin: 0 calc( 50% - 50vw);
}
    .listSearch .list_navArea #nav_list .nav_inner .list {
        margin-bottom: 0;
    }
    .listSearch .list_navArea #nav_list .nav_inner li {
        max-width: 220px;
    }
    .listSearch .list_navArea #nav_list .nav_inner li dl {
        text-align: left;
    }
    .listSearch .list_navArea #nav_list .nav_inner li dd {
        padding-left: 0;
    }
        .listSearch .list_navArea #nav_list .nav_inner li dd.price {
            text-align: center;
        }
    .listSearch .list_navArea #nav_list .nav_inner li dd.buttonStyle.arrow {
        font-size: 1.5rem;
        margin-bottom: 15px;
    }
    .listSearch .list_navArea #nav_list .nav_inner li .text._s {
        font-size: 1.3rem;
        color: #808080;
        line-height: 1.5;
        margin-bottom: 0;
    }

    .listSearch .list_navArea #nav_list > li.search.active:hover {
        background-color: #EFEFEF;
    }
    .listSearch .list_navArea #nav_list > li.search.active a:hover:after {
        bottom: -15px;
        transform: translateX(-50%) rotateZ(180deg);
    }

/* ◆ コンシェルジュに相談　(.listSearch, #adviceで使用)
---------------------------- */
.concierge {
    width: 45%;
    padding: 0 0 0 40px;
}
.concierge p.text {
    margin-right: 2%;
    margin-bottom: 0;
    line-height: 1.5;
    text-align: left;
}
.concierge .btn_area {
    width: 100%;
    max-width: 450px;
}
.concierge .buttonStyle.store {
    }
    .concierge .buttonStyle.store:nth-child(2) {
            margin-left: 2%;
        }
        .concierge .buttonStyle.store a {
            width: 100%;
            font-size: 1.5rem;
            padding: 12px 32px;
        }

.listSearch .concierge .buttonStyle.store.web a {
    display: inline-block;
    color: #fff;
    background-color: #917C52;
    border: 1px solid #917C52;
}
    .listSearch .concierge .buttonStyle.store.web a:before {
        width: 17px;
        height: 15px;
        background: url(../../images/common/icon/web_white.svg) no-repeat left center;
        background-size: contain;
    }
    .listSearch .concierge .buttonStyle.store.web a:hover {
        display: inline-block;
        color: #917C52;
        background-color: #fff;
        border: 1px solid #917C52;
    }    
    .listSearch .concierge .buttonStyle.store.web a:hover:before {
        background: url(../../images/common/icon/web_gold.svg) no-repeat left center;
        background-size: contain;
    }

/* ◆ オーダーメイドについて詳しく/ オーダーメイドを店舗で相談 (#justfortwo, #requestで使用)
---------------------------- */
.inner .btn_area.col2 .buttonStyle {
    max-width: inherit;
}
.inner .btn_area.col2 .buttonStyle a {
    width: 100%;
    font-size: 1.6rem;
    padding: 17px 32px;
    text-align: center;
}
    .btn_area.ordermade .buttonStyle a:hover {
        opacity: 1;
    }
    .btn_area.ordermade .buttonStyle:first-child a {
        background-color: #fff;
    }
    .btn_area.ordermade .buttonStyle:first-child a:hover {
        color: #fff;
        background-color: #002C6E;
        border: 1px solid #fff;
    }

/* ◆ slickSlider
-------------------------------- */
ul.slickSlider.slick-dotted.slick-slider {
    margin-bottom: 0;
}
ul.slickSlider .slick-list {
    overflow: visible;
}
ul.slickSlider li.slick-slide {
    margin: 0 6px 60px 6px;
}
    ul.slickSlider li.slick-slide img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    ul.slickSlider li.slick-slide p.logo img,
    ul.slickSlider li.slick-slide p.ico_fav img {
        width: auto;
        object-fit: contain;
    }

ul.slickSlider .prev-arrow,
ul.slickSlider .next-arrow {
    position: absolute;
    bottom: 0;
    z-index: 11;
}
    ul.slickSlider .prev-arrow {
        left: calc( 50% - 125px);
    }
    ul.slickSlider .next-arrow {
        right: calc( 50% - 125px);
    }
    ul.slickSlider .prev-arrow:hover,
    ul.slickSlider .next-arrow:hover {
        opacity: 0.7;
        cursor:pointer;
        transition: all 300ms 0s ease;
    }

ul.slickSlider .slick-dots {
    z-index: 10;
    width: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
    ul.slickSlider .slick-dots li {
        margin: 5px;
        height: 14px;
        width: 14px;
    }
    ul.slickSlider .slick-dots li button {
        padding: 0;
        height: 14px;
        width: 14px;
    }
    ul.slickSlider .slick-dots li button:before {
            color: #002C6E;
            font-size: 36px;
            line-height: 14px;
            width: 14px;
            height: 14px;
            left: -3px;
        }
        .slick-dots li.slick-active button:before {
            opacity: 1;
            color: #002C6E;
        }

/* ◆ searchArea
-------------------------------- */
.filter {
    background-color: #E6F0FF;
    padding: 30px;
    margin:0 auto 42px auto;
}
.filter dt{
    padding-right: 12px;
    font-weight: 700;
}
.filter dd ul.tag{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap:8px;
}
.filter dd ul.tag li{
    padding: 4px 8px;
    color: #002C6E;
    background: #fff;
    border-radius: 40px;
    font-size: 1.4rem;
}

/* ◆ searchArea
-------------------------------- */
.searchArea {
    background-color: #F4F2F1;
    padding: 30px;
    margin-bottom: 56px;
    height: 86px;
}
    .searchArea p.result {
        font-size: 3.2rem;
        margin-bottom: 0;
    }
        .searchArea p.result span {
            font-size: 1.3rem;
            color: #060725;
        }

    .searchArea ul.iconlist > li.narrowdown {
        padding-right: 30px;
    }
    .searchArea ul.iconlist > li.narrowdown a {
        display: block;
        background: #002C6E;
        padding: 8px 19px;
        color: #fff;
        font-size: 1.3rem;
    }
        .searchArea ul.iconlist > li.narrowdown a:before {
            content: "";
            display: inline-block;
            width: 12px;
            height: 11px;
            margin-right: 6px;
            margin-bottom: -1px;
            background: url(../../images/common/icon/narrowdown.svg) no-repeat left center;
            background-size: contain;
        }

    .searchArea ul.iconlist > li.sorting > a {
        display: block;
        font-size: 1.4rem;
        text-align: left;
        padding: 8px 20px 8px 10px;
        min-width: 133px;
        border-bottom: 1px solid #060725;
        position: relative;
    }
        .searchArea ul.iconlist > li.sorting a:after {
            content: "";
            display: inline-block;
            position: absolute;
            right: 5px;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            width: 10px;
            height: 6px;
            background: url(../../images/common/icon/sorting.svg) no-repeat right center;
            background-size: contain;
        }

/* ◆ asterisk
---------------------------- */
.asterisk {
    font-size: 1.3rem;
    padding-left: 1em;
    text-indent: -1em;
}
    .asterisk.num {
        padding-left: 2em;
        text-indent: -2em;
    }

/* ◆ ul.itemList
---------------------------- */
ul.itemList {
    margin-bottom: 30px;
}
ul.itemList li {
    position: relative;
    margin-bottom: 36px;
}
    /* 右上にお気に入りマーク */
    ul.itemList li .ico_fav {
        position: absolute;
        right: 20px;
        top: 20px;
        margin-bottom: 0;
    }
    /* 左上にロゴ */
    ul.itemList li .logo {
        position: absolute;
        left: 20px;
        top: 20px;
        margin-bottom: 0;
    }

ul.itemList li p {
    text-align: left;
}
ul.itemList li p.tag span {
    display: inline-block;
    background: #002C6E;
    color: #fff;
    font-size: 1.2rem;
    padding: 2px 6px;
    margin-right: 5px;
    margin-bottom: 5px;
}
ul.itemList li p.name {
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 5px;
}
ul.itemList li p.price {
    font-size: 1.3rem;
    margin-bottom: 0;
}

ul.itemList li .btn_area {
    margin-top: 10px;
}
ul.itemList li .buttonStyle a {
    font-size: 1.4rem;
    color: #002C6E;
    background: #F2F7FF;
    border: none;
    padding: 14px 7px;
}

/* ◆ ul.itemList 正方形
---------------------------- */
ul.itemList li a {
    display: block;
    height: 100%;
    text-decoration: none;
    padding: 0 10px 10px 10px;
    transition: .3s;
}
ul.itemList li a .image {
    margin-left: -10px;
    margin-right: -10px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
    ul.itemList li a .image img {
        width: 100%;
        transition: .3s;
        object-fit: cover;
    }
    ul.itemList li a:hover .image img {
        transform: scale(1.1);
    }

/* ◆ pager
-------------------------------- */
.pager .pagination {
    margin: 0 auto;
}
.pager .pagination li {
    margin: 0 15px;
    padding: 0;
    width: 40px;
    height: 40px;
}
.pager .pagination li a {
    font-size: 1.5rem;
    color: #002C6E;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.pager .pagination li a span {
    display:table-cell;
    vertical-align:middle;
}
    .pager .pagination li a:hover,
    .pager .pagination li a.active,
    .pager .pagination li.nowpage a {
        color: #fff;
        background: #002C6E;
        border-radius: 50px;
    }

.pager .pagination li a {
    position: relative;
}
    .pager .pagination li.prev a:before,
    .pager .pagination li.next a:after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        left: -20px;
        width: 11px;
        height: 18px;
        background: url(../../images/common/icon/prev_pager.svg) no-repeat left center;
        background-size: contain;
        z-index: 1;
        transition: all 300ms 0s ease;
    }
    .pager .pagination li.next a:after {
        left: auto;
        right: -20px;
        background: url(../../images/common/icon/next_pager.svg) no-repeat right center;
        background-size: contain;
    }
    .pager .pagination li.prev a:hover,
    .pager .pagination li.next a:hover {
        color: #002C6E;
        background: #fff;
        border-radius: 0;
    }
    .pager .pagination li.prev a:hover:before {
        left: -25px;
    }
    .pager .pagination li.next a:hover:after {
        right: -25px;
    }

/* --------------------------------
   □ request
-------------------------------- */
#request .inner {
    max-width: 732px;
    margin: auto;
}
#request .text {
    font-size: 1.5rem;
    line-height: 2;
    margin-bottom: 40px;
}

/* --------------------------------
   □  section.contactSec
-------------------------------- */
section.contactSec.wide .container {
    max-width: 1192px;
    margin: auto;
}
section.contactSec .contactBox figure {
    width: 42%;
    position: relative;
}
    section.contactSec .contactBox figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    section.contactSec .contactBox figure:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 11%;
        height: 100%;
        background: rgb(0,44,110);
        background: linear-gradient(90deg, rgba(0,44,110,0) 0%, rgba(0,44,110,1) 100%);
    }
section.contactSec .contactBox .txtArea {
    background: #002C6E;
    color: #fff;
    width: 58%;
    padding: 60px 50px;
}
section.contactSec .contactBox .txtArea h3.lv3 {
    color: #fff;
    text-align: left;
}
section.contactSec .contactBox .txtArea .btn_area {
    width: 100%;
}
    section.contactSec .contactBox .txtArea .buttonStyle a {
        width: 100%;
        font-size: 1.6rem;
        padding: 12px 32px;
    }
section.contactSec .contactBox .txtArea .text._s {
    margin-bottom: 20px;
}
    section.contactSec .contactBox .txtArea .text._s.indent {
        margin-bottom: 5px;
    }

/* Webで相談する 非表示 */
#request .btn_area.flexbox.start.col2 {
    justify-content: center;
}
.btn_area > .store.web {
    display: none;
}

/* --------------------------------
   □  flow
-------------------------------- */
#flow h3.lv3 {
    margin-bottom: 60px;
}

/* #engagement detailページ */
#flow .list.col4 li {
    width: 21%;
    text-align: left;
}
#flow .list li dt {
    margin-bottom: 10px;
    position: relative;
}
    #flow .list li:not(:last-child) dt:before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        right: -19%;
        width: 30px;
        height: 28px;
        background: url(../../images/common/icon/arrow_big.svg) no-repeat right center;
        background-size: contain;
        z-index: 9;
    }
#flow .list li dd.ttl {
    font-size: 1.8rem;
    position: relative;
    padding-left: 60px;
    margin-bottom: 10px;
}
    #flow .list li dd:before {
        content: "";
        display: inline-block;
        position: absolute;
        left: -10px;
        top: -40px;
        width: 71px;
        height: 76px;
        background: url(../../images/common/icon/ic01.svg) no-repeat left center;
        background-size: auto 100%;
    }
    #flow .list li#flow2 dd:before {
        background: url(../../images/common/icon/ic02.svg) no-repeat left center;
        background-size: auto 100%;
    }
    #flow .list li#flow3 dd:before {
        background: url(../../images/common/icon/ic03.svg) no-repeat left center;
        background-size: auto 100%;
    }
    #flow .list li#flow4 dd:before {
        background: url(../../images/common/icon/ic04.svg) no-repeat left center;
        background-size: auto 100%;
    }
    #flow .list li#flow5 dd:before {
        background: url(../../images/common/icon/ic05.svg) no-repeat left center;
        background-size: auto 100%;
    }
    #flow .list li#flow6 dd:before {
        background: url(../../images/common/icon/ic06.svg) no-repeat left center;
        background-size: auto 100%;
    }
    #flow .list li#flow7 dd:before {
        background: url(../../images/common/icon/ic07.svg) no-repeat left center;
        background-size: auto 100%;
    }
    #flow .list li#flow8 dd:before {
        background: url(../../images/common/icon/ic08.svg) no-repeat left center;
        background-size: auto 100%;
    }
#flow .list li dd.sml {
    font-size: 1.2rem;
}

    /* reserve/ reserve_information ページ */
    #flow .list.col3 li {
        width: 31%;
        text-align: left;
    }
        #flow .list.col3 li:not(:last-child) dt:before {
            right: -9%;
        }
    #flow .list.col3 li dd.ttl {
        margin-bottom: 20px;
    }
    #flow .list.col3 li dd.text._s {
        font-size: 1.4rem;
        margin-bottom: 10px;
    }

/* --------------------------------
   □  diamondQuality
-------------------------------- */
#diamondQuality ul.list {
    padding-top: 100px;
}
#diamondQuality ul.list li:not(:last-of-type) {
    margin-bottom: 50px;
}
#diamondQuality ul.list li dl {
    text-align: left;
}
#diamondQuality ul.list li dl dt.ttl {
    width: 22%;
    margin-bottom: 0;
}
    #diamondQuality ul.list li dl dt.ttl .lv3.title {
        font-size: 1.6rem;
    }
        #diamondQuality ul.list li dl dt.ttl .lv3.title span {
            font-size: 2.0rem;
            margin-bottom: 0;
        }

#diamondQuality ul.list li dl dd {
    width: 78%;
    padding-left: 35px;
    border-left: 1px solid #808080;
}
    #diamondQuality ul.list li dl dd p.text._s {
        margin-bottom: 20px;
    }
    #diamondQuality ul.list li dl dd .flexbox {
        margin-top: 30px;
    }
        #diamondQuality ul.list li dl dd .flexbox p.text._s {
            margin-bottom: 0;
            width: 62%;
        }
        #diamondQuality ul.list li dl dd .flexbox p.image {
            margin-bottom: 0;
            width: 35%;
        }

/* --------------------------------
   □  explain
-------------------------------- */
#explain .boxArea {
    padding: 60px 4%;
    margin-bottom: 100px;
    border: 1px solid #DCDCDC;
}
    #explain .boxArea:last-of-type {
        margin-bottom: 0;
    }
#explain .boxArea .inner {
    max-width: 988px;
    margin: auto;
    position: relative;
}

/* ◆ #explain_list
-------------------------------- */
ul.list#explain_list li p.image {
    margin-bottom: 10px;
}
ul.list#explain_list li dl {
    text-align: left;
}
ul.list#explain_list li dl .lv3.title {
    font-size: 2.2rem;
    margin-bottom: 15px;
    line-height: 1.5;
}
    ul.list#explain_list li dl .lv3.title span {
        font-size: 1.4rem;
        margin-bottom: 0;
    }
ul.list#explain_list li dl dd.text {
    font-size: 1.4rem;
    color: #808080;
    margin-bottom: 10px;
}
ul.list#explain_list li dd.buttonStyle.arrow span {
    font-size: 1.4rem;
    padding: 0 20px 0 0;
    position: relative;
}
    ul.list#explain_list li dd.buttonStyle.arrow span:before {
        top: 6px;
    }
    ul.list#explain_list li a:hover dd.buttonStyle.arrow span:before {
        right: 0;
    }

/* ◆ imagebox
-------------------------------- */
#explain .imagebox {
    margin-bottom: 90px;
}
#explain .imagebox figure {
    position: relative;
    z-index: 1;
    width: 732px;
}
    #explain .imagebox figure img {
        width: 100%;
    }

#explain .imagebox .txtArea {
    position: relative;
    width: 860px;
    background: #F7F7F7;
    margin: 90px 0 0 -90px;
    padding: 190px 100px 180px 220px;
    height: 732px;
}
    #explain .imagebox .txtArea .lv3.title {
        color: #36353D;
        font-size: 2.4rem;
        margin-bottom: 30px;
        letter-spacing: 0.08em;
        padding-left: 0;
    }
    #explain .imagebox .txtArea .text {
        line-height: 2.5;
    }

/* ◆ #category_list
-------------------------------- */
#category_list li dl {
    text-align: left;
}
#category_list li dl dt {
    margin-bottom: 10px;
}
#category_list li dd.buttonStyle.arrow {
    font-size: 1.5rem;
    letter-spacing: 0.04em;
    line-height: 1.5;
    margin-bottom: 0;
    position: relative;
    padding: 0 15px 0 0;
    display: inline-block;
}
    #category_list li dd.buttonStyle.arrow span:before {
        top: 7px;
    }
    #category_list li a:hover dd.buttonStyle.arrow span:before {
        right: 0;
    }

/* ◆ #category_list.anchor
-------------------------------- */
#category_list.anchor li dd.buttonStyle.arrow {
    padding: 0 20px 0 0;
}
    #category_list.anchor li dd.buttonStyle.arrow span:before {
        top: 7px;
        right: 0;
        display: inline-block;
        width: 11px;
        height: 7px;
        background: url(../../images/common/icon/anchor.svg) no-repeat center;
        background-size: contain;
        z-index: 1;
        transition: all 300ms 0s ease;
    }
    #category_list.anchor li a:hover dd.buttonStyle.arrow span:before {
        top: 10px;
    }

/* --------------------------------
   □  linkbtn
-------------------------------- */
#linkbtn {
   padding-top: 0;
}
#linkbtn ul.list li {
    width: 49%;
    max-width: 732px;
    border: 1px solid #DEDEDE;
    margin-bottom: 45px;
}
    #linkbtn ul.list li:nth-last-child(-n+2) {
        margin-bottom: 0
    }
#linkbtn ul.list li figure {
    width: 48%;
}
    #linkbtn ul.list li figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
#linkbtn ul.list li .txtArea {
    width: 52%;
    max-width: inherit;
    padding: 40px 35px 40px 30px;
    text-align: left;
    background-color: #fff;
}
#linkbtn ul.list li .buttonStyle.arrow {
    position: relative;
}
    #linkbtn ul.list li .buttonStyle.arrow > span {
        position: static;
        padding-right: 0;
    }
    #linkbtn ul.list li .buttonStyle.arrow > span:before {
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        right: 4%;
        width: 10px;
        height: 16px;
    }
    #linkbtn ul.list li a:hover .buttonStyle.arrow > span:before {
        right: 2%;
    }

#linkbtn ul.list li .txtArea .lv3.title {
    font-size: 2.2rem;
    line-height: 1.5;
    margin-bottom: 10px;
    letter-spacing: 0.04em;
}
    #linkbtn ul.list li .txtArea .lv3.title span {
        text-transform: uppercase;
        font-size: 1.3rem;
        letter-spacing: 0.08em;
    }
    #linkbtn ul.list li .txtArea .lv3.title span:before {
        content: none;
    }
#linkbtn ul.list li .txtArea p.text {
    color: #808080;
    margin-bottom: 0;
    letter-spacing: 0.04em;
    text-align: left;
}

/* --------------------------------
   □  morebtn
-------------------------------- */
#morebtn .container > .inner {
    max-width: 732px!important;
    margin: 0 auto;
    border: 1px solid #DBDBDB;
}
#morebtn .container > .inner .txtArea {
    width: 49%;
    padding: 40px 20px;
    background-color: #fff;
}
#morebtn .container > .inner .txtArea .lv3.title.en {
    font-size: 2.8rem;
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: 0.08em;
}
    #morebtn .container > .inner .txtArea .lv3.title span:before {
        content: none;
    }
#morebtn .container > .inner .txtArea .text._s {
    margin-bottom: 20px;
}
#morebtn .container > .inner .buttonStyle.arrow {
    position: relative;
    font-size: 1.4rem;
}
    #morebtn .container > .inner .buttonStyle.arrow span {
        font-size: 1.4rem;
        padding: 0 20px 0 0;
        position: relative;
    }
    #morebtn .container > .inner .buttonStyle.arrow > span:before {
        top: 6px;
        right: 5px;
    }
    #morebtn .container > .inner a:hover .buttonStyle.arrow > span:before {
        right: 0;
    }
#morebtn .container > .inner figure {
    width: 51%;
}
    #morebtn .container > .inner figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* --------------------------------
   □  section.reserveSec
-------------------------------- */
section.reserveSec li .boxArea {
    color: #fff;
    background-color: #7993BA;
    border: 1px solid #7993BA;
    padding: 40px 4%;
    transition: all 300ms 0s ease;
}
section.reserveSec li .lv3.title {
    margin-bottom: 0;
}
    section.reserveSec li .lv3.title span {
        margin-bottom: 10px;
    }
section.reserveSec li .lv3.title .icon {
    font-size: 2.4rem;
    margin-bottom: 0;
}
    section.reserveSec li .lv3.title .icon:before {
        content: "";
        display: inline-block;
        width: 31px;
        height: 28px;
        margin-right: 10px;
        margin-bottom: -4px;
        background: url(../../images/common/icon/visit_white.svg) no-repeat left center;
        background-size: contain;
    }

section.reserveSec li.tel .boxArea {
    color: #7993BA;
    background-color: #fff;
}
section.reserveSec li.tel .lv3.title .icon {
    font-size: 3rem;
    line-height: 1;
}
    section.reserveSec li.tel .lv3.title .icon:before {
        width: 33px;
        height: 33px;
        margin-right: 4px;
        margin-bottom: -6px;
        background: url(../../images/common/icon/tel_lightblue.svg) no-repeat left center;
        background-size: contain;
    }

section.reserveSec li > .text._s {
    margin-top: 10px;
}

/* --------------------------------
   □  section.categorySec
-------------------------------- */
section.categorySec {
    padding-top: 0;
}
section.categorySec .boxArea {
    border: 1px solid #EFEFEF;
}
section.categorySec .boxArea dd {
    padding: 20px 4% 50px;
}
section.categorySec .boxArea dd .lv3.title span {
    margin-bottom: 0;
}
section.categorySec .boxArea .buttonStyle.light-blue {
    max-width: 348px;
    margin: 30px auto 0;
}
    section.categorySec .boxArea .buttonStyle.light-blue a {
        width: 100%;
        font-size: 1.6rem;
        padding: 17px 32px;
        text-align: center;
    }
    section.categorySec .boxArea .buttonStyle.light-blue a:hover {
        opacity: 1;
    }

/* --------------------------------
   □  specialOffer
-------------------------------- */
#specialOffer .lv3.title._l {
    margin-bottom: 10px;
}
#specialOffer .inner + .text {
    margin-top: 30px;
}
#specialOffer .inner {
    background: #7993BA;
    padding: 15px 17px;
    color: #fff;
    text-align: center;
}
#specialOffer .boxArea {
    max-width: 1210px;
    margin: auto;
    padding: 35px;
    border: 1px solid #fff;
}
    #specialOffer .boxArea h3.lv3 span.price {
        font-size: 7.8rem;
        line-height: 1;
        letter-spacing: 0.08em;
    }
    #specialOffer .boxArea .text {
        margin-bottom: 0;
    }

/* --------------------------------
   □  section.toggleSec
-------------------------------- */
ul.toggle_list {
    margin-bottom: 60px;
}
ul.toggle_list > li {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #E1E1E1;
}
ul.toggle_list li dl {
    margin-bottom: 6px;
}
ul.toggle_list li dt {
    cursor: pointer;
    padding:26px 50px 20px 20px;
    position: relative;
    font-weight: 700;
}
    ul.toggle_list li dt:after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%) rotate(180deg);
        width: 11px;
        height: 7px;
        background: url(../../images/common/icon/toggle.svg) no-repeat right top;
        background-size: contain;
        z-index: 1;
        transition: all 300ms 0s ease;
    }
    ul.toggle_list li dt.open:after {
        transform: translateY(-50%);
        transition: 0.2s;
    }
ul.toggle_list li dd {
    display: none;
    padding: 0 20px 24px 20px;
}
ul.toggle_list .buttonStyle.light-blue {
    margin-top: 20px;
    margin-right: 10px;
}
    ul.toggle_list .buttonStyle.light-blue a {
        width: 100%;
        font-size: 1.6rem;
        padding: 17px 12px;
        text-align: center;
    }
    ul.toggle_list .buttonStyle.light-blue a:hover {
        opacity: 1;
    }

/* ◆ boxArea._about
-------------------------------- */
section .boxArea._about {
    background-color: #EFEFEF;
    padding: 30px;
    margin: 40px 0;
}
section .boxArea._about dl {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}
    section .boxArea._about dl > * {
        display: table-cell;
        font-size: 1.5rem;
    }
    section .boxArea._about dl > dt {
        width: 7em;
    }

/* ◆ #info_list
-------------------------------- */
#info_list {
    border-top: 1px solid #E0E0E0;
}
    #info_list > li {
        border-bottom: 1px solid #E0E0E0;
    }
#info_list li > a {
    text-decoration: none;
    color: #111;
    padding: 28px 20px;
    display: block;
    position: relative;
}
    #info_list li > a:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        margin-top: -5px;
        width: 5px;
        height: 9px;
        background: url(../../images/common/icon/arrow.svg) no-repeat right center;
        background-size: contain;
        z-index: 1;
        transition: all 300ms 0s ease;
    }
        #info_list li > a:hover {
            opacity: 0.7;
        }
        #info_list li > a:hover:before {
            right: 15px;
        }

#info_list li dl {
    display: table;
    width: 100%;
}
    #info_list li dl > * {
        display: table-cell;
        vertical-align: middle;
        font-size: 1.5rem;
        margin-bottom: 0;
        text-align: left;
    }
    #info_list li dl dt {
        width: 21%;
    }
    #info_list li dl dt span {
        font-size: 1.3rem;
        padding: 2px 4px;
        color: #fff;
        margin-left: 20px;
        min-width: 120px;
        width: fit-content;
        text-align: center;
        display: inline-block;
        background: #002C6E;
    }
        #info_list li dl dt span.bridal {
            background: #7993BA;
        }
        #info_list li dl dt span.canal {
            background: #111111;
        }
        #info_list li dl dt span.eau {
            background: #E1BC48;
        }
        #info_list li dl dt span.rugiada {
            background: #6B6B6B;
        }
        #info_list li dl dt span.cofl {
            background: #9B9B9B;
        }
        #info_list li dl dt span.others {
            background: #CCCCCC;
        }
    #info_list li dl dd {
        padding-left: 20px;
        padding-right: 20px;
    }

/* ◆ #stone_list
-------------------------------- */
#stone_list li {
    width: 17%;
    margin: 0 1.5% 60px;
}
#stone_list li dl dd .ttl {
    font-size: 1.8rem;
    margin-bottom: 5px;
}
#stone_list li dl dd .text {
    line-height: 1.5;
    margin-bottom: 0;
}
#stone_list li dl dd .text._s {
    font-size: 1.4rem;
}
#stone_list li dl dd .text {
    margin-bottom: 0;
}
#stone_list li dl dd .text + .text {
    margin-top: 5px;
}


@media (max-width: 1600px) and (min-width: 768px) {
    /* --------------------------------
       □  listSearch (MV下)
    -------------------------------- */
    /* ◆ コンシェルジュに相談　(.listSearch, #adviceで使用)
    ---------------------------- */
    .concierge {
        padding: 0 0 0 20px;
    }
    .concierge p.text {
        font-size: 1.4rem;
    }
    .concierge .buttonStyle.store a {
        font-size: 1.4rem;
        padding: 12px 12px;
    }
    .listSearch .list_navArea #nav_list > li > a {
        font-size: 1.4rem;
    }

    /* ◆ #info_list
    -------------------------------- */
    #info_list li dl dt {
        width: 15%;
    }
    #info_list li dl dt span {
        display: block;
        margin-left: 0;
        margin-top: 5px;
    }
	
	ul.itemList li p.price br.sp{
		display: inline-block;
	}
}


@media (max-width: 1400px) and (min-width: 768px) {
    /* --------------------------------
       □  explain
    -------------------------------- */
    /* ◆ imagebox
    -------------------------------- */
    #explain .imagebox .txtArea {
        padding: 150px 100px 150px 150px;
        height: auto;
    }

    /* --------------------------------
       □  section.toggleSec
    -------------------------------- */
    ul.toggle_list .btn_area {
        flex-wrap: wrap;
    }
        ul.toggle_list .btn_area.col2 > *,
        ul.toggle_list .btn_area.col3 > * {
            width: 100%;
            min-width: 315px;
        }
}


@media (max-width: 1300px) and (min-width: 768px) {
    /* --------------------------------
       □  section.contactSec
    -------------------------------- */
    section.contactSec .contactBox .txtArea {
        padding: 30px 4%;
    }
    section.contactSec .contactBox .txtArea .buttonStyle a {
        font-size: 1.4rem;
        padding: 12px;
    }
}


@media (max-width: 1200px) and (min-width: 768px) {
    /* ==================================================================
       ■ 共通指定
    =================================================================== */
    /* --------------------------------
       □  listSearch (MV下)
    -------------------------------- */
    .listSearch .list_navArea #nav_list > li {
        padding: 20px 0;
    }
    .listSearch .concierge .buttonStyle.store a {
        font-size: 1.3rem;
    }

    /* ◆ ul.itemList
    ---------------------------- */
    ul.itemList {
        margin-bottom: 0;
    }
    ul.itemList li .btn_area {
        flex-direction: column;
        align-items: center;
    }
    ul.itemList li .buttonStyle {
        width: 100%;
    }
        ul.itemList li .buttonStyle:first-of-type {
            margin-bottom: 10px;
        }
    ul.itemList li .buttonStyle a {
        padding: 7px;
    }

    /* 右上にお気に入りマーク */
    ul.itemList li .ico_fav {
        zoom: 0.7;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    /* 左上にロゴ */
    ul.itemList li .logo {
        zoom: 0.7;
        position: absolute;
        left: 10px;
        top: 10px;
    }

    /* --------------------------------
       □  explain
    -------------------------------- */
    /* ◆ imagebox
    -------------------------------- */
    #explain .imagebox .txtArea {
        padding: 120px 4% 120px 150px;
    }

    /* --------------------------------
       □  linkbtn
    -------------------------------- */
    #linkbtn ul.list li figure {
        width: 40%;
    }
    #linkbtn ul.list li .txtArea {
        width: 60%;
        padding: 30px 30px 30px 20px;
    }

    /* ◆ #stone_list
    -------------------------------- */
    #stone_list li {
        width: 22%;
        margin: 0 1.5% 40px;
    }
}


/* タブレット用
-------------------------------------------- */
@media (max-width: 999px) and (min-width: 768px) {
    /* ==================================================================
       ■ 共通指定
    =================================================================== */
    /* --------------------------------
       □  listSearch (MV下)
    -------------------------------- */
    .listSearch > .container {
        flex-direction: column-reverse;
        width: auto;
        margin-left: 0;
        margin-right: 0;
    }
    .listSearch > .container:after {
            content: none;
        }
    .listSearch > .container >* {
        width: 100%;
    }
    .listSearch .list_navArea {
        margin: 0;
    }
    .listSearch .list_navArea #nav_list {
        height: auto;
    }
    .listSearch .list_navArea #nav_list .nav_inner li {
        width: 23%;
    }
        .listSearch .list_navArea #nav_list .nav_inner li:not(:last-child) {
            margin-right: 2%;
        }

    /* ◆ コンシェルジュに相談　(.listSearch, #adviceで使用)
    ---------------------------- */
    .concierge p.text {
        font-size: 1.6rem;
    }
    .concierge .btn_area {
        max-width: 590px;
    }
    .listSearch > .container {
        margin: 0;
    }
    .listSearch .concierge {
        justify-content: space-around;
        padding: 20px 4%;
        width: auto!important;
    }

    /* --------------------------------
       □  section.contactSec
    -------------------------------- */
    section.contactSec .contactBox figure {
        width: 48%;
    }
    section.contactSec .contactBox .txtArea {
        width: 52%;
    }

    /* --------------------------------
       □  flow
    -------------------------------- */
    #flow .list.col4 li dd.ttl {
        padding-left: 30px;
        padding-top: 20px;
    }

    /* --------------------------------
       □  diamondQuality
    -------------------------------- */
    #diamondQuality ul.list li dl dt.ttl {
        width: 17%;
        min-width: 120px;
    }
    #diamondQuality ul.list li dl dd {
        width: 83%;
        padding-left: 20px;
    }

    /* --------------------------------
       □  expalin
    -------------------------------- */
    /* ◆ imagebox
    -------------------------------- */
    #explain .imagebox .txtArea {
        padding: 100px 4% 100px 150px;
    }

    /* --------------------------------
       □  linkbtn
    -------------------------------- */
    #linkbtn ul.list li {
        width: 100%;
        max-width: inherit;
        margin-bottom: 30px;
    }
        #linkbtn ul.list li,
        #linkbtn ul.list li:nth-last-child(-n+2) {
            margin-bottom: 30px;
        }
        #linkbtn ul.list li:last-child {
            margin-bottom: 0;
        }

    #linkbtn ul.list li .txtArea {
        padding: 30px 40px 30px 4%;
        justify-content: center;
    }
    #linkbtn ul.list li .txtArea .lv3.title {
        font-size: 2.2rem;
    }

    /* --------------------------------
       □  morebtn
    -------------------------------- */
    #morebtn .container > .inner .txtArea {
        width: 60%;
    }
    #morebtn .container > .inner figure {
        width: 40%;
    }
    #morebtn .container > .inner .txtArea .lv3.title.en {
        font-size: 2.6rem;
    }

    /* --------------------------------
       □  reserve
    -------------------------------- */
    section.reserveSec li .lv3.title .icon,
    section.reserveSec li.tel .lv3.title .icon {
        font-size: 2.2rem;
    }

    /* --------------------------------
       □  specialOffer
    -------------------------------- */
    #specialOffer .boxArea h3.lv3 span.price {
        font-size: 5rem;
    }

    /* ◆ #stone_list
    -------------------------------- */
    #stone_list li {
        width: 30.33%;
        margin: 0 1.5% 40px;
    }
}


@media only screen and (max-width : 767px) {
    /* ==================================================================
       ■ 共通指定
    =================================================================== */
    /* --------------------------------
       □  listSearch (MV下)
    -------------------------------- */
    .listSearch > .container {
        flex-direction: column-reverse;
        width: auto;
        margin-left: 0;
        margin-right: 0;
    }
    .listSearch > .container:after {
        content: none;
    }
    .listSearch .list_navArea {
        padding: 0 1%;
    }
    .listSearch .list_navArea #nav_list {
        height: auto;
    }
    .listSearch .list_navArea #nav_list > li {
        padding: 10px 0;
        width: 49%;
    }
    .listSearch .list_navArea #nav_list > li > a {
        font-size: 1.3rem;
        margin-bottom: 15px;
    }
        .listSearch .list_navArea #nav_list > li > a:after {
            bottom: -10px;
        }
        .listSearch .list_navArea #nav_list > li.active a:hover:after {
            bottom: -15px;
        }
    .listSearch .list_navArea #nav_list .nav_inner li {
        width: 49%;
        max-width: inherit;
    }
        .listSearch .list_navArea #nav_list .nav_inner li:nth-child(2n) {
            margin-right: 0;
        }
        .listSearch .list_navArea #nav_list .nav_inner li:nth-child(2n+1) {
            margin-right: 2%;
        }

    /* ◆ コンシェルジュに相談　(.listSearch, #adviceで使用)
    ---------------------------- */
    .concierge {
        padding: 30px 4%;
    }
    .concierge p.text {
        text-align: center;
        font-size: 1.6rem;
        width: auto!important;
        margin-right: 0;
        margin-bottom: 5px;
    }
    .concierge .btn_area {
        max-width: inherit;
        margin-top: 5px;
    }
    .concierge .buttonStyle.store a {
        width: 100%;
        font-size: 1.3rem;
        padding: 12px;
    }
    .listSearch .concierge {
        padding: 20px 4%;
    }

    /* ◆ オーダーメイドについて詳しく/ オーダーメイドを店舗で相談 (#justfortwo, #requestで使用)
    ---------------------------- */
    .inner .btn_area.col2 .buttonStyle {
        max-width: 315px;
    }
        .inner .btn_area.col2 .buttonStyle:first-child {
            margin-bottom: 20px;
        }
        .inner .btn_area.col2 .buttonStyle a {
            font-size: 1.4rem;
            padding: 12px 30px;
        }

    /* ◆ slickSlider
    -------------------------------- */
    ul.slickSlider li.slick-slide {
        margin: 0 6px 50px 6px;
    }
    ul.slickSlider .slick-dots {
        width: calc( 100% - 60px);
    }
    ul.slickSlider .prev-arrow {
        left: 0;
    }
    ul.slickSlider .next-arrow {
        right: 0;
    }

    /* ◆ searchArea
    -------------------------------- */
    .searchArea {
        padding: 20px 4%;
        margin-bottom: 30px;
        height: auto;
    }
    .searchArea p.result {
        font-size: 2.6rem;
        margin-bottom: 10px;
    }

    /* ◆ asterisk
    ---------------------------- */

    /* ◆ ul.itemList
    ---------------------------- */
    ul.itemList {
        margin-bottom: 20px;
    }

    /* 右上にお気に入りマーク */
    ul.itemList li .ico_fav {
        zoom: 0.7;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    /* 左上にロゴ */
    ul.itemList li .logo {
        zoom: 0.5;
        position: absolute;
        left: 10px;
        top: 10px;
    }

    ul.itemList li p.name {
        font-size: 1.3rem;
    }
    ul.itemList li p.price {
        font-size: 1.1rem;
    }
    ul.itemList li .buttonStyle:first-of-type {
        margin-bottom: 10px;
    }
    ul.itemList li .buttonStyle a {
        padding: 7px;
    }
	ul.itemList li p.tag span{
		font-size: 2vw;
	}

    /* ◆ pager
    -------------------------------- */
    .pager .pagination {
        justify-content: space-around;
    }
        .pager .pagination li{
            display: none;
        }
        .pager .pagination li.prev,
        .pager .pagination li.next {
            display: inline-block;
        }
        .pager .pagination li.prev a,
        .pager .pagination li.next a {
            width: 100%;
            text-align: center;
        }

    /* --------------------------------
       □  request
    -------------------------------- */
    #request .text {
        font-size: 1.4rem;
        margin-bottom: 20px;
    }

    /* --------------------------------
       □  section.contactSec
    -------------------------------- */
    section.contactSec {
        padding: 0!important;
    }
    section.contactSec .container {
        margin: auto!important;
    }
    section.contactSec .contactBox figure:after {
        content: "";
        position: absolute;
        top: auto;
        bottom: -1px;
        width: 100%;
        height: 11%;
        background: rgb(0,44,110);
        background: linear-gradient(180deg, rgba(0,44,110,0) 0%, rgba(0,44,110,1) 100%);
    }
    section.contactSec .contactBox .txtArea {
        align-items: center;
        margin: 0;
        padding: 40px 4% 60px;
    }
    section.contactSec .contactBox .txtArea h3.lv3 {
        font-size: 2.0rem;
        text-align: center;
    }
    section.contactSec .contactBox .txtArea .text._s {
        text-align: center;
        margin-bottom: 10px;
    }
        section.contactSec .contactBox .txtArea .text._s.indent {
            text-indent: 0;
        }
    section.contactSec .contactBox .txtArea .buttonStyle a {
        width: 100%;
        font-size: 1.4rem;
        padding: 12px;
    }

    /* --------------------------------
       □  flow
    -------------------------------- */
    #flow h3.lv3 {
        margin-bottom: 30px;
    }
    #flow .list.col4 li {
        width: 48%;
    }
        #flow .list li:not(:last-child) dt:before {
            content: none;
        }
    #flow .list li dt img {
        width: 100%;
    }
    #flow .list.col4 li dd.ttl {
        font-size: 1.6rem;
        padding-top: 20px;
        padding-left: 30px;
    }
    #flow ul.list.col3 li:not(:last-child) {
        margin-bottom: 30px;
    }

    /* --------------------------------
       □  diamondQuality
    -------------------------------- */
    #diamondQuality ul.list {
        padding-top: 40px;
    }
    #diamondQuality ul.list li:not(:last-of-type) {
        margin-bottom: 40px;
    }
    #diamondQuality ul.list li dl dt.ttl {
        min-width: inherit;
    }
        #diamondQuality ul.list li dl dt.ttl .lv3.title {
            font-size: 1.4rem;
            margin-bottom: 10px;
        }
            #diamondQuality ul.list li dl dt.ttl .lv3.title span {
                font-size: 1.8rem;
                padding-right: 10px;
                display: inline-block;
            }
    #diamondQuality ul.list li dl dd {
        padding-left: 0;
        border-left: none;
    }
    #diamondQuality ul.list li dl dd p.text._s,
    #diamondQuality ul.list li dl dd .flexbox p.text._s {
        margin-bottom: 10px;
    }
    #diamondQuality ul.list li dl dd .flexbox {
        margin-top: 20px;
    }
        #diamondQuality ul.list li dl dd .flexbox img {
            width: 100%;
    }
    #diamondQuality ul.list li dl dd .text._s + .image {
        margin-top: 5px;
    }

    /* --------------------------------
       □  explain
    -------------------------------- */
    #explain .boxArea {
        padding: 30px 4% 40px;
        margin-bottom: 60px;
    }
        #explain .boxArea:last-of-type {
            margin-bottom: 0;
        }

        #explain ul.list li:not(:last-child) {
            margin-bottom: 30px;
        }

    /* ◆ #explain_list
    -------------------------------- */
    ul.list#explain_list li p.image {
        margin-bottom: 5px;
    }
    ul.list#explain_list li dl .lv3.title {
        font-size: 2.0rem;
        margin-bottom: 10px;
    }
    ul.list#explain_list li dl dd.text {
        margin-bottom: 5px;
    }

    /* ◆ imagebox
    -------------------------------- */
    #explain .imagebox {
        width: auto!important;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        margin-bottom: 60px;
    }
    #explain .imagebox .txtArea {
        padding: 30px 4% 60px;
        margin: 0 auto;
        height: auto;
    }
        #explain .imagebox .txtArea .lv3.title {
            font-size: 2rem;
            margin-top: 0;
        }
        #explain .imagebox .txtArea .text {
            line-height: 2;
        }

    /* ◆ #category_list
    -------------------------------- */
    #category_list li,
    #explain #category_list li {
        margin-bottom: 20px;
    }
        #category_list li:nth-last-of-type(-n+2),
        #explain #category_list li:nth-last-of-type(-n+2) {
            margin-bottom: 0;
        }
    #category_list li dl dt {
        margin-bottom: 5px;
    }

    /* --------------------------------
       □  linkbtn
    -------------------------------- */
    #linkbtn ul.list li,
    #linkbtn ul.list li:nth-last-child(-n+2) {
        width: 100%;
        max-width: inherit;
        margin-bottom: 30px;
    }
        #linkbtn ul.list li:last-child {
            margin-bottom: 0;
        }

    #linkbtn ul.list li .txtArea {
        padding: 20px 35px 20px 4%;
        justify-content: center;
    }
    #linkbtn ul.list li .txtArea .lv3.title {
        font-size: 1.8rem;
    }

    /* --------------------------------
       □  morebtn
    -------------------------------- */
    #morebtn .container > .inner .txtArea {
        padding: 20px 4%;
    }
    #morebtn .container > .inner .txtArea .lv3.title.en {
        font-size: 2.2rem;
        margin-top: 0;
        margin-bottom: 0;
    }
    #morebtn .container > .inner .txtArea .text._s {
        margin-bottom: 10px;
    }

    /* --------------------------------
       □  section.reserveSec
    -------------------------------- */
    section.reserveSec p.text + .flexbox {
        margin-top: 30px;
    }
    section.reserveSec li + li {
        margin-top: 30px;
    }
    section.reserveSec li .lv3.title span {
        font-size: 1.4rem;
    }
        section.reserveSec li .lv3.title .icon {
            font-size: 2rem;
        }

    /* --------------------------------
       □  section.categorySec
    -------------------------------- */
    section.categorySec ul.list li + li {
        margin-top: 40px;
    }
    section.categorySec .boxArea dd {
        padding: 10px 4% 40px;
    }
    section.categorySec .boxArea .buttonStyle.light-blue {
        width: 100%;
        max-width: 280px;
        margin-top: 20px;
    }
        section.categorySec .boxArea .buttonStyle.light-blue a {
            font-size: 1.4rem;
            padding: 12px 32px;
        }

    /* --------------------------------
       □  specialOffer
    -------------------------------- */
    #specialOffer .inner {
        padding: 15px 4%;
    }
    #specialOffer .boxArea {
        padding: 30px 4%;
    }
    #specialOffer .boxArea h3.lv3 span.price {
        font-size: 5rem;
    }

    /* --------------------------------
       □  section.toggleSec
    -------------------------------- */
    ul.toggle_list li dt {
        font-size: 1.5rem;
        padding: 20px 8% 10px 4%;
    }
        ul.toggle_list li dt:after {
            right: 2%;
        }
    ul.toggle_list li dd {
        padding: 0 4% 30px 4%;
    }
    ul.toggle_list .buttonStyle.light-blue {
        width: 100%;
        margin: 20px auto 0;
    }
        ul.toggle_list .buttonStyle.light-blue a {
            font-size: 1.4rem;
            padding: 12px;
        }

    /* ◆ boxArea._about
    -------------------------------- */
    section .boxArea._about {
        padding: 30px 4%;
        margin: 30px 0;
    }
        section .boxArea._about dl > * {
            font-size: 1.4rem;
        }
        section .boxArea._about dl > dt {
            width: 5em;
        }

    /* ◆ #info_list
    -------------------------------- */
    #info_list li > a {
        padding: 20px 15px 20px 0;
    }
    #info_list li > a:before {
        right: 0;
    }
    #info_list li dl > * {
        display: block;
    }
        #info_list li dl dt {
            width: 100%;
            margin-bottom: 10px;
        }
        #info_list li dl dd {
            padding: 0;
        }

    /* ◆ #stone_list
    -------------------------------- */
    #stone_list li {
        width: 48%;
        margin: 0 1% 30px;
    }

}