@charset "UTF-8";

@font-face {
    font-weight: 500;
    font-family: MyYuGothic;
    src: local("YuGothic-Medium"),local("Yu Gothic Medium"),local("YuGothic-Regular"),local("游ゴシック")
}

.c-main {
    box-sizing: border-box;
    color: #000;
    font-size: 87.5%;
    /* font-family: MyYuGothic,YuGothic,-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Meiryo,sans-serif; */
    line-height: 1.6
}

html.is-fixed {
    overflow: hidden
}

body {
    width: 100%
}

@media print,screen and (min-width: 768px) {
    .c-main {
        min-width:970px
    }

    body {
        display: table;
        table-layout: fixed
    }
}

*+p {
    margin-top: 1rem
}

em {
    font-weight: 700;
    font-style: normal
}

small {
    font-size: .86rem
}

ul,dl,ol {
    padding: 0;
    list-style-type: none
}

noscript p {
    padding: 10px;
    text-align: center
}

img {
    width: 100%;
    height: auto
}

@media screen and (min-width: 768px) {
    img {
        max-width:100%;
        width: auto
    }
}

a {
    color: #000;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-tap-highlight-color: transparent
}

a img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

a:hover,a:active,a:focus {
    opacity: .8
}

.c-header a, .c-main a  {
  color: #333;
  text-decoration: none;
}

@media print,screen and (min-width: 768px) {
    .sp {
        display:none
    }
}

@media screen and (max-width: 767px) {
    .pc {
        display:none
    }
}

.clearfix:after {
    display: table;
    clear: both;
    content: ""
}

.mb0 {
    margin-bottom: 0!important
}

.mt0 {
    margin-top: 0!important
}

.mtHalf {
    margin-top: .5rem!important
}

.text-align-center {
    text-align: center!important
}

.visibility-hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    width: 1px;
    height: 1px
}

@media screen and (max-width: 767px) {
    .m-header {
        position:fixed;
        top: 55px;
        left: 0;
        z-index: 2;
        width: 100%;
        background-color: #fff
    }
    .is-app .m-header {
        top: 0;
    }
    .m-headerLogo {
        position: relative;
        top: -4px;
        z-index: 1;
        margin: 0 auto;
        padding: 15px 0 10px;
        width: 290px;
        height: 40px
    }

    .m-headerLogo .m-headerLogo__daimaru {
        float: left;
        width: 114px
    }

    .m-headerLogo .m-headerLogo__matsuzakaya {
        float: right;
        width: 93px
    }
}

@media screen and (min-width: 768px) {
    .m-header {
        position:relative;
        z-index: 2;
        width: 100%
    }

    .m-headerLogo {
        margin: 0 auto;
        padding: 15px 0;
        width: 970px
    }

    .m-headerLogo .m-headerLogo__daimaru {
        float: left;
        width: 228px
    }

    .m-headerLogo .m-headerLogo__daimaru img {
        width: 100%
    }

    .m-headerLogo .m-headerLogo__matsuzakaya {
        float: right;
        width: 130px
    }
}

@media screen and (max-width: 767px) {
    .m-headerBottom .inner {
        padding: 8px 15px 10px
    }

    .m-header__ttl {
        float: left;
        width: 210px
    }

    .m-headerNav {
        float: right
    }

    .m-headerInfo {
        float: left;
        width: 91px
    }

    .m-headerNav__btn {
        float: left;
        margin-left: 5px;
        padding-left: 5px;
        width: 31px
    }
}

@media screen and (min-width: 768px) {
    .m-headerBottom {
        position:relative;
        padding: 15px 0;
    }

    .m-headerBottom .inner {
        margin: 0 auto;
        width: 970px
    }

    .m-header__ttl {
        float: left;
        width: 187px
    }

    .m-headerNav {
        float: right
    }
}

@media screen and (max-width: 767px) {
    .m-headerNavUlWrapper {
        position:fixed;
        top: 55px;
        left: 0;
        display: none;
        overflow: scroll;
        width: 100%;
        height: 95%;
        background-color: rgba(255,255,255,.95)
    }
    .is-app .m-headerNavUlWrapper {
        top: 0;
    }
    .m-headerNavUlWrapper.-open {
        display: block
    }

    .m-headerNavUl {
        margin: 40px 15px 0;
        padding-bottom: 40px
    }

    .m-headerNavUl li {
        padding: 15px 0 10px;
        border-top: 1px solid #cf9a1e;
        font-size: 13px
    }

    .m-headerNavUl dd .-d {
        color: #006876;
        font-weight: 700;
        font-size: 15px
    }

    .m-headerNavUl dd .-m {
        color: #003a8f;
        font-weight: 700;
        font-size: 15px
    }

    .m-headerNavUl .-circle li+li {
        padding-left: 20px
    }

    .m-headerNavUl .-plan li {
        width: 33.33%
    }

    .m-headerNavUl .-jewelry li+li {
        padding-left: 10px
    }

    .m-headerNavUl .-gift dd {
        padding-top: 0;
        border: none
    }

    .m-headerNavUl .-gift li+li {
        padding-left: 20px
    }

    .m-headerNavUl .-info li {
        width: 33.33%
    }

    .m-headerNavUl .-shopping {
        border-bottom: 1px solid #cf9a1e
    }

    .m-headerNavUl .-shopping dd {
        padding-top: 0;
        border: none
    }

    .m-headerNavUl .-shopping li+li {
        padding-left: 20px
    }

    .m-headerNavUl__ttl {
        display: inline-block;
        width: 265px
    }

    .m-headerNav__closeBtn {
        position: fixed;
        top: 64px;
        right: 17px;
        display: inline-block;
        text-align: right
    }
    .is-app .m-headerNav__closeBtn {
        top: 8px;
    }
    .m-headerNav__closeBtn img {
        width: 19px
    }

    .m-headerNavChildUl li {
        float: left;
        padding: 5px 0;
        border: 0;
        font-size: 14px
    }
}

@media screen and (min-width: 768px) {
    .m-headerNavUl a:hover {
        text-decoration:underline
    }

    .m-headerNavUl li {
        position: relative;
        float: left;
        padding-left: 25px
    }

    .m-headerNavUl li a:hover {
        opacity: 1
    }

    .m-headerNavUl li:hover dd {
        display: block
    }

    .m-headerNavUl dd {
        position: absolute;
        top: 51px;
        display: none;
        padding-top: 22px
    }

    .m-headerNavUl dd .-d {
        color: #006876;
        font-weight: 700
    }

    .m-headerNavUl dd .-m {
        color: #003a8f;
        font-weight: 700
    }

    .m-headerNavUl .m-headerNavUlInner {
        padding: 5px;
        height: 181px!important;
        border: 1px solid #fff;
        background-color: #f0f4fb
    }

    .m-headerNavUl .-circle dd,.m-headerNavUl .-jewelry dd,.m-headerNavUl .-gift dd {
        width: 623px
    }

    .m-headerNavUl .-circle .m-headerNavUlDesc__ttl,.m-headerNavUl .-jewelry .m-headerNavUlDesc__ttl,.m-headerNavUl .-gift .m-headerNavUlDesc__ttl {
        margin-bottom: 30px
    }

    .m-headerNavUl .-circle dd {
        left: -120px
    }

    .m-headerNavUl .-jewelry dd {
        left: -80px
    }

    .m-headerNavUl .-gift dd {
        right: 0
    }

    .m-headerNavUl__ttl:hover {
        opacity: .8
    }

    .m-headerNavUl__img {
        float: left
    }

    .m-headerNavUlDesc {
        float: left;
        padding: 20px
    }

    .m-headerNavUlDesc__ttl {
        margin-bottom: 20px
    }

    .m-headerNavUlDesc__ttl+p {
        margin-top: -10px
    }

    .m-headerNavChildUl+p {
        margin-top: 5px
    }

    .m-headerNavChildUl li {
        padding: 0
    }

    .m-headerNavChildUl li+li {
        padding-left: 20px
    }

    .m-headerNavUlDesc__txt {
        margin-top: 10px!important;
        width: 400px;
        font-size: 11px
    }
}

@media screen and (max-width: 767px) {
    .m-modalBg {
        position:fixed;
        top: 0;
        left: 0;
        z-index: 1;
        display: none;
        width: 100%;
        height: 100%
    }

    .m-modalBg.-open {
        display: block
    }

    .m-modalBg.-open {
        display: block
    }
}

@media screen and (max-width: 767px) {
    .m-headerNav .is-active+.m-headerNavUlWrapper {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .c-main {
    padding-top: 38px;
    }
}

.fb_iframe_widget_lift {
    bottom: 0;
    left: -5px
}

@media screen and (max-width: 767px) {
    .c-footer__store_lists {
        background-color:#fff6e6
    }

    .c-footer__store_lists li {
        float: left;
        width: 50%;
        border-top: #f1d6a4 1px solid;
        border-bottom: #f1d6a4 1px solid
    }

    .c-footer__store_lists li .sp {
        display: block;
        overflow: hidden;
        padding: 32px 0 0;
        height: 0!important;
        text-decoration: none
    }

    .c-footer__store_lists li:nth-child(1) {
        background: url(../img/components/footer/bar_top_daimaru.jpg) 50% 50% no-repeat,url(../img/components/footer/border_yellow.gif) no-repeat top right;
        background-size: 19.375vw 10vw,1px 32px
    }

    .c-footer__store_lists li:nth-child(2) {
        background: url(../img/components/footer/bar_top_matsuzakaya.jpg) 50% 50% no-repeat;
        background-size: 22.5vw 10vw
    }

    .c-footer__link_txt {
        margin: 0 auto;
        padding-top: 5px;
        text-align: center;
        font-size: .85714rem;
        line-height: 1.8em
    }

    .c-footer__copyright_txt {
        margin: 1rem auto 0;
        width: 290px
    }
}

@media print,screen and (min-width: 768px) {
    .c-footer {
        border-top:1px solid #efd3a7
    }

    .ua-safari .c-footer .c-footer__store_lists {
        width: 300px
    }

    .ua-mobile-ipad .c-footer .c-footer__store_lists {
        width: 281px
    }

    .c-footer__inner {
        position: relative;
        margin-right: auto;
        margin-left: auto;
        width: 970px
    }

    .c-footer__store_lists {
        margin: 0 auto;
        width: 281px;
        font-weight: 700;
        font-size: 14px
    }

    .c-footer__store_lists li {
        float: left
    }

    .c-footer__store_lists li+li {
        float: right;
        padding-left: 21px;
        border-left: 1px solid #333
    }

    .c-footer__store_lists a:hover {
        text-decoration: underline
    }

    .c-footer__link_txt {
        margin-bottom: 10px;
        text-align: center;
        font-size: 11px;
        line-height: 1.6
    }

    .c-footer__link_txt a:hover {
        text-decoration: underline
    }

    .c-footer__copyright_txt {
        width: 326px
    }

    .ua-ie-10 .c-footer .c-footer__copyright_txt img,.ua-ie-11 .c-footer .c-footer__copyright_txt img {
        width: 326px
    }

    .c-footer__copyright_txt {
        margin: 0 auto;
        text-align: center
    }
}

.c-footer__sns-lists {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 1rem 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center
}

@media screen and (max-width: 735px) {
    .c-footer__sns-lists li {
        margin:0 .5rem
    }
}

@media print,screen and (min-width: 736px) {
    .c-footer__sns-lists li+li {
        margin-left:1rem
    }
}

@media screen and (max-width: 767px) {
    .index .mv {
        position:relative
    }

    .index .mv__ttl img {
        width: 100%
    }
}

@media screen and (min-width: 768px) {
    .index .mv__ttl img.pc {
        display:block;
        margin: 0 auto
    }
}

.index .sec {
    border-top: 1px solid #efd3a7
}

@media screen and (min-width: 768px) {
    .index .sec__btn {
        width:354px
    }
}

@media screen and (max-width: 767px) {
    .index .circle {
        padding:20px 0;
        background: url(../img/index/pic_circle_sp01.jpg) center 0 no-repeat;
        background-size: 100%
    }

    .index .circle__ttl {
        margin: 0 auto;
        width: 286px
    }

    .index .circle__txt {
        margin: 0 auto;
        width: 286px
    }

    .index .circle__btn {
        margin: 10px auto 0;
        width: 260px
    }
}

@media screen and (min-width: 768px) {
    .index .circle {
        padding:0;
        height: 249px;
        background: url(../img/index/pic_circle_pc01.jpg) center 0 no-repeat
    }

    .index .circle .inner {
        margin: 0 auto;
        width: 839px
    }

    .index .circle__ttl {
        position: relative;
        top: 50px;
        float: left;
        width: 441px
    }

    .index .circleDesc {
        position: relative;
        top: 40px;
        float: right;
        width: 354px
    }

    .index .circle__txt {
        width: 303px;
        margin: 0 auto;
    }

    .index .circle__btn {
        margin-top: 10px
    }
}

@media screen and (max-width: 767px) {
    .index .plan {
        padding:20px 0;
        background: url(../img/index/pic_plan_sp01.jpg) center 0 no-repeat;
        background-size: 100%
    }

    .index .plan .inner {
        margin: 0 auto;
        width: 290px
    }

    .index .plan__ttl {
        width: 270px
    }

    .index .plan__btn {
        margin: 10px auto 0;
        width: 261px
    }
}

@media screen and (min-width: 768px) {
    .index .plan {
        position:relative;
        height: 258px;
        background: url(../img/index/pic_plan_pc01.jpg) center 0 no-repeat
    }

    .index .plan .inner {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 750px;
        height: 164px
    }

    .index .plan__btn {
        margin-top: 20px
    }
}

@media screen and (max-width: 767px) {
    .index .jewelry {
        padding:20px 0;
        background: url(../img/index/pic_jewelry_sp01.jpg) center 0 no-repeat;
        background-size: 100%
    }

    .index .jewelry .inner {
        margin: 0 auto;
        width: 290px
    }

    .index .jewelry__ttl {
        width: 212px
    }

    .index .jewelry__btn {
        margin: 10px auto 0;
        width: 261px
    }
}

@media screen and (min-width: 768px) {
    .index .jewelry {
        position:relative;
        padding: 0;
        padding: 20px 0;
        height: 258px;
        border-top: 1px solid #efd3a7;
        background: url(../img/index/pic_jewelry_pc01.jpg) center 0 no-repeat
    }

    .index .jewelry .inner {
        position: absolute;
        top: 70px;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 750px;
        height: 188px
    }

    .index .jewelry__btn {
        margin-top: 20px
    }

    .index .jewelry__btn+.jewelry__btn {
        margin-top: 10px
    }
}

@media screen and (max-width: 767px) {
    .index .contUl li {
        border-top:1px solid #efd3a7
    }

    .index .contUl li img {
        margin: 0 auto;
        width: 320px
    }
}

@media screen and (min-width: 768px) {
    .index .cont {
        border-top:1px solid #efd3a7
    }

    .index .contUl {
        margin: 0 auto;
        width: 968px
    }

    .index .contUl.-two {
        width: 645px
    }

    .index .contUl li {
        float: left;
        width: 322px;
        height: 295px
    }

    .index .contUl li a {
        display: inline-block
    }

    .index .contUl li+li {
        width: 323px;
        border-left: 1px solid #efd3a7
    }
}

@media screen and (max-width: 767px) {
    .index .info {
        border-top:1px solid #efd3a7;
        font-size: 14px
    }

    .index .info__txt {
        padding: 15px 0;
        text-align: center;
        font-weight: 700
    }
}

@media screen and (min-width: 768px) {
    .index .info {
        border-top:1px solid #efd3a7;
        font-size: 16px
    }

    .index .info__txt {
        padding: 20px 0;
        text-align: center;
        font-weight: 700
    }
}

@media screen and (max-width: 767px) {
    .index .link {
        margin:20px auto 0;
        padding-bottom: 60px;
        width: 290px
    }

    .index .link__bnr {
        padding-top: 15px
    }
}

@media screen and (min-width: 768px) {
    .index .link {
        overflow:hidden;
        margin: 0 auto;
        padding: 60px 0;
        width: 970px
    }

    .index .linkBnrWrapper {
        margin-right: -10px;
        margin-left: -10px
    }

    .index .link__bnr {
        float: left;
        padding: 10px;
        width: 33.33%
    }

    .index .link__bnr:nth-child(3n+1) {
        clear: both;
        margin-left: 0
    }
}

@media screen and (max-width: 767px) {
    .index .inquiry {
        padding:20px 0;
        background-color: #f3fafd;
        font-size: 14px
    }

    .index .inquiry__ttl {
        margin: 10px 0 0;
        text-align: center;
        font-weight: 700
    }

    .index .inquiryUl {
        margin: 10px auto;
        width: 290px
    }

    .index .inquiryUl li {
        float: left;
        width: 100%
    }

    .index .inquiryUl li+li {
        float: right
    }

    .index .inquiryUl__txt {
        margin: 0 0 10px;
        text-align: center;
        font-weight: 700
    }

    .index .inquiryUl__tel {
        margin: 10px 0;
        border: 1px solid #8097e0;
        background-color: #fff;
        text-align: center;
        font-size: 18px
    }

    .index .inquiryUl__tel a {
        display: block;
        padding: 10px 0;
        color: #8097e0
    }
}

@media screen and (min-width: 768px) {
    .index .inquiry {
        padding:20px 0;
        background-color: #f3fafd;
        font-size: 16px
    }

    .index .inquiry__ttl {
        margin: 10px 0;
        text-align: center;
        font-weight: 700
    }

    .index .inquiryUl {
        margin: 10px auto;
        width: 718px
    }

    .index .inquiryUl li {
        float: left;
        width: 354px
    }

    .index .inquiryUl li+li {
        float: right
    }

    .index .inquiryUl__txt {
        margin: 10px 0;
        text-align: center;
        font-weight: 700
    }

    .index .inquiryUl__tel {
        margin: 10px 0;
        border: 1px solid #8097e0;
        background-color: #fff;
        text-align: center;
        font-size: 18px
    }

    .index .inquiryUl__tel a {
        display: block;
        padding: 10px 0;
        color: #8097e0;
        cursor: default
    }

    .index .inquiryUl__tel a:hover {
        opacity: 1
    }
}

@media screen and (max-width: 767px) {
    .index .m-inquiry {
        padding:20px 0;
        background-color: #f3fafd;
        font-size: 14px
    }

    .index .m-inquiry__ttl {
        margin: 10px 0 0;
        text-align: center;
        font-weight: 700
    }

    .index .m-inquiryBlock {
        margin: 10px auto;
        width: 290px
    }

    .index .m-inquiryBlock li {
        float: left;
        width: 100%
    }

    .index .m-inquiryBlock li+li {
        float: right
    }

    .index .m-inquiryBlock__txt {
        margin: 0 0 10px;
        text-align: center;
        font-weight: 700
    }

    .index .m-inquiryBlock__tel {
        margin: 10px 0;
        border: 1px solid #8097e0;
        background-color: #fff;
        text-align: center;
        font-size: 18px
    }

    .index .m-inquiryBlock__tel a {
        display: block;
        padding: 10px 0;
        color: #8097e0
    }
}

@media screen and (min-width: 768px) {
    .index .m-inquiryBlockWrapper {
        margin:0 auto;
        width: 718px
    }

    .index .m-inquiryBlockWrapper .m-inquiryBlock {
        float: left;
        width: 354px
    }

    .index .m-inquiryBlockWrapper .m-inquiryBlock+.m-inquiryBlock {
        float: right
    }

    .index .m-inquiry {
        padding: 20px 0;
        background-color: #f3fafd;
        font-size: 16px
    }

    .index .m-inquiry__ttl {
        margin: 10px 0;
        text-align: center;
        font-weight: 700
    }

    .index .m-inquiryBlock {
        margin: 10px auto;
        width: 718px
    }

    .index .m-inquiryBlock__txt {
        margin: 10px 0;
        text-align: center;
        font-weight: 700
    }

    .index .m-inquiryBlock__txt+.m-inquiryBlockWrapper {
        margin-top: -20px
    }

    .index .m-inquiryBlock__tel {
        margin: 10px auto;
        width: 354px;
        border: 1px solid #8097e0;
        background-color: #fff;
        text-align: center;
        font-size: 18px
    }

    .index .m-inquiryBlock__tel a {
        display: block;
        padding: 10px 0;
        color: #8097e0;
        cursor: default
    }

    .index .m-inquiryBlock__tel a:hover {
        opacity: 1
    }
}

.Pagetop {
  background-color: #EFD3A7;
}