@charset "UTF-8";


/*safari アニメーションでのちらつき対策*/
html {
    -webkit-font-smoothing: antialiased;
}


/*adobefontちらつき対策*/
html {
    visibility: hidden;

}

html.wf-active,
html.loading-delay {
    visibility: visible;
}

/*adobefontちらつき対策*/

body {
    background-color: #fafaf8;
    font-family: ryo-gothic-plusn, sans-serif;
    font-weight: 400;
    font-style: normal;

}

.toph1 {
    color: #86786f;
    background-image: url("/images/base/tree.png");
    background-repeat: no-repeat;
    width: 200px;
    height: 75px;
    position: absolute;
    top: 0;
    right: 10px;
    text-align: center;
    padding-top: 1em;
}

a img:hover {
    opacity: 0.8;
}

a {
    font-weight: 700;
}

#headerimg {
    display: block;
    width: 140px;
    height: 50px;
    position: absolute;
    top: 20px;
    left: 10px;
    font-size: 1.1em;
}

#headerimg .enameSub {
    position: absolute;
    top: -3px;
    left: 40px;
}

#headerimg .ename {
    position: absolute;
    top: 7px;
    left: 40px;
    font-size: 1.7em;
}

#headerimg a {
    color: #666;
}

header {
    height: 80px;
    border-bottom: 1px solid #cb4042;
    width: 100%;
    background-color: #fafaf8;
    position: relative;
}

.mainmenu {
    background-color: #cb4042;
    color: #fff;
}

#topBnBox {
    width: 100%;
    position: relative;
    font-size: 2vw;
    height: 55vw;
    overflow: hidden;
}

#topBnBox .mainBn {
    width: 100%;
    position: absolute;
    top: 0;
}

#topBnBox .mainBn img {
    width: 100%;
    height: auto;
}

#topBnBox .mainBn .topBnTxtBox {
    position: absolute;
    width: 50%;
    top: 8em;
    left: 2em;

}

#topBnBox .mainBn .topBnTxtBox .txt1 {

    font-family: ro-nikkatsu-sei-kai-std, serif;
    font-weight: 400;
    font-size: 1.5em;
    color: #f0618a;

}

#topBnBox .mainBn .topBnTxtBox .txt2 {

    font-family: ro-nikkatsu-sei-kai-std, serif;
    font-weight: 400;
    font-size: 3em;
    color: #3c3c3c;
    line-height: 1.5em;

}

#topBnBox .mainBn .topBnTxtBox .txt3 {

    margin-left: 2em;

}

#topBnBox #topBn1 {
    z-index: 1;
}

#topBnBox #topBn2 {
    z-index: 2;
}

#topBnBox #topBn3 {
    z-index: 3;
}






#mainBnBox {
    width: 100%;
    position: relative;
    font-size: 2vw;
    height: 30vw;

}

#mainBnBox .mainBn {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

#mainBnBox .mainBn img {
    width: 100%;
    height: auto;
}

#mainBnBox .mainBnTxtL {
    position: absolute;
    top: 0;
    font-family: heisei-mincho-std, serif;
    font-weight: 900;
    width: 50%;
    text-align: center;
    margin-left: 1em;
}

#mainBnBox .mainBnTxtL h1 {
    margin-top: 1.3em;
    font-size: 2.5em;
}

#mainBnBox .mainBnTxtL .subttl {}








footer {
    position: relative;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding-bottom: 60px;
}

#newsBox {
    width: 95%;
    margin: auto;
    margin-top: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    background-image: url("/images/base/paper3.png");
    -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
}

#newsBox #newsInner {
    width: 95%;
    margin: auto;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border: double #d2c39f;
}

#newsBox #newsInner #newsTtl {
    margin-left: 2em;
    font-family: heisei-mincho-std, serif;
    font-weight: 900;
}

#newsBox #newsInner #news {
    margin-left: 2em;
}

.logo {
    font-family: semplicitapro, sans-serif;
    font-weight: 500;
    font-style: normal;
}

#mochikomi {
    margin: auto;
    margin-top: 1em;
    padding: 0;


}

#mochikomi img {
    width: 100%;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);


}





#kitsukeBox {
    width: 98%;
    margin: auto;
    margin-top: 1em;
    position: relative;
    height: auto;
    border-radius: 5px;
    background-image: url("/images/kitsukeBg.jpg");
    -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    background-size: cover;
}

#kitsukeBox .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#kitsukeBox .inner .kitsukeMain {
    width: 85%;
    margin: auto;
    text-align: right;
    margin-top: 1.1em;
    color: #cc4345;
    font-size: 3.3vw;
    font-family: heisei-mincho-std, serif;
    font-weight: 900;
    line-height: 1em;
}

#kitsukeBox .inner .sub {
    font-size: 1.9vw;
    width: 80%;
    margin: auto;
    text-align: right;
    margin-top: 0.2em;
    font-weight: bold;
}

#kitsukeBox:before {
    content: "";
    display: block;
    padding-top: 12%;
}

#leftBox {
    width: 190px;
    margin: auto;
}

#addressBox {
    margin-top: 1em;
    width: 188px;
    height: 185px;
    background-image: url("/images/base/paper2.png");
    -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    position: relative;
    margin-bottom: 100px;
}

#addressBox #shopname {
    position: absolute;
    width: 163px;
    height: 165px;
    top: 4px;
    left: 4px;
    border: 1px solid #d2c39f;
    padding-top: 10px;
    padding-right: 10px;
    text-align: center;
}

#addressBox #shopname p {
    line-height: 1.5em;
    text-align: center;
    width: 100%;
    margin-left: 7px;
}

#addressBox #shopname .jname {
    font-size: 0.9em;
    font-weight: bold;
}

#addressBox #shopname .enameSub {
    font-size: 1.2em;
}

#addressBox #shopname .ename {
    font-size: 2em;
    line-height: 1em;
}

#addressBox #shopAddr {
    position: absolute;
    width: 163px;
    height: 85px;
    top: 9px;
    left: 9px;
    border: 1px solid #d2c39f;
    padding-top: 80px;
    padding-left: 10px;
    text-align: left;
}

#addressBox #shopAddr p {
    line-height: 1.5em;
}

#cateOuter {
    position: static;
    height: auto;
}

.catBox {
    background-image: url("/images/base/paper3.png");
    -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    width: 80%;
    margin: auto;
    margin-top: 1em;
    position: relative;
}

.catBox .catPhoto img {
    width: 150px;
    margin: 5px;
}

.catBox .catTxt {
    width: 100%;
    position: static;
    padding: 1em;
}

.catBox .catTxt .catTtl {
    position: absolute;
    padding-left: 160px;
    top: 0;
    font-family: heisei-mincho-std,
        serif;
    font-weight: 900;
    font-size: 1.5em;
}

.catBox .catTxt .catTtl:before {
    content: '●';
    color: #efb3b2;
    font-size: 0.8em;
}

.catBox .catTxt p {
    position: absolute;
    padding-left: 160px;
    top: 2.5em;
}

@media only screen and (max-width: 470px) {
    .catBox {
        width: 98%;
    }
}

@media only screen and (max-width: 350px) {
    .catBox {
        position: static;
        width: 80%;
    }

    .catBox .catPhoto {
        width: 150px;
        margin: auto;
    }

    .catBox .catTxt {
        position: static;
        width: 100%;
        padding: 0;
    }

    .catBox .catTxt .catTtl {
        position: static;
        padding: 0;
    }

    .catBox .catTxt p {
        position: static;
        padding: 0;
    }
}

#welcomeBox {
    width: 80%;
    margin: auto;
    margin-top: 1em;
    -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    padding: 1em;
}

#welcome {
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 4px #be3f40;
    border-bottom: solid 4px #be3f40;
}

#welcome:before,
#welcome:after {
    content: '';
    position: absolute;
    top: -10px;
    width: 4px;
    height: calc(100% + 20px);
    background-color: #be3f40;
}

#welcome:before {
    left: 5px;
}

#welcome:after {
    right: 5px;
}

#welcomeTtl {
    font-family: ro-nikkatsu-sei-kai-std, serif;
    font-weight: 400;
    text-align: center;
}

#breadcrumb a {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

#breadcrumb .thisitm {
    margin-left: 0.5em;
    font-weight: bold;
}

#itmTtl {
    font-size: 1.5em;
    width: 90%;
    margin: auto;
}

#itmTtl h1 {
    font-weight: bold;
}

#itmTtl .price {
    width: 100%;
    text-align: right;
    font-weight: bold;
    color: #cb4042;
    line-height: 1.5em;
}

.priceNum {

    font-family: alternate-gothic-no-2-d, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5em;
}

#imgbox #mainimg {
    width: 90%;
    margin: auto;
}

#imgbox #mainimg img {
    width: 100%;
    border: 1px #ccc solid;
}

#imgbox #thumbBox {
    width: 90%;
    margin: auto;
}

#imgbox #thumbBox .thumb {
    width: 20%;
    float: left;
}

#imgbox #thumbBox .thumb img {
    width: 95%;
    margin: auto;
    border: 1px #ccc solid;
}

#imgbox #thumbBox .thumb_dummy {
    width: 20%;
    float: left;
}

#imgbox #thumbBox .thumb_dummy img {
    width: 95%;
    margin: auto;
    border: 1px #ccc solid;
}

#description {
    clear: both;
    width: 90%;
    margin: auto;
}

#description .descTtl {
    font-family: heisei-mincho-std, serif;
    font-weight: 900;
    font-size: 1.5em;
    border-bottom: 1px solid #cb4042;
    line-height: 1.2em;
}

#description .descTtl:before {
    content: '●';
    color: #efb3b2;
    font-size: 0.8em;
}

#itmlist {
    clear: both;
    width: 90%;
    margin: auto;
    margin-top: 1em;
}

#itmlist .itmlistTtl {
    font-family: heisei-mincho-std, serif;
    font-weight: 900;
    font-size: 1.5em;
    border-bottom: 1px solid #cb4042;
    line-height: 1.2em;
}

#itmlist .itmlistTtl:before {
    content: '●';
    color: #efb3b2;
    font-size: 0.8em;
}

.formbox {
    background-color: #f3f0ea;
    width: 80%;
    margin: auto;
    padding: 1em;
    font-size: 1.2em;
}

.formbox .formRow {
    margin-top: 0.5em;
}

.formbox .formRow .price {
    font-size: 1.2em;
    font-weight: bold;
}

.formbox .formRow label {
    font-weight: bold;
}

.formbox .formRow label.sub {
    margin-left: 1em;
}

input {
    /* styling */
    background-color: white;
    border: thin solid #cb4042;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.2em;
    padding: 0.5em 0.5em 0.5em 0.5em;
    /* reset */
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

select {
    /* styling */
    background-color: white;
    border: thin solid #cb4042;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.2em;
    padding: 0.5em 3.5em 0.5em 1em;
    /* reset */
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #efb3b2 50%), linear-gradient(135deg, #efb3b2 50%, transparent 50%), linear-gradient(to right, #efb3b2, #efb3b2);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}

select:focus {
    background-image: linear-gradient(45deg, #efb3b2 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #efb3b2 50%), linear-gradient(to right, #efb3b2, #efb3b2);
    background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    border-color: #cb4042;
    outline: 0;
}

input[type="radio"] {
    -moz-appearance: radio;
    -webkit-appearance: radio;
}

input[type="checkbox"] {
    -moz-appearance: checkbox;
    -webkit-appearance: checkbox;
}

.formbtn {
    font-size: 1.5em;
    background-color: #cb4042;
    color: #fff;
    border-radius: 4px;
    display: inline;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 2em 0.5em 2em;
    margin: auto;
    margin-top: 1em;
    text-decoration: none;
}

.formbtn:hover {
    background-color: #b0393a;
}

.formbtn ::before {
    content: '\f218';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

#checkout {
    display: none;
}

.formbox .formRow .date {
    width: 8em;
}

.cartbtn {
    width: 100%;
    text-align: center;
}

.formBox {
    width: 90%;
    margin: auto;
    background-color: #fdfdfd;
    margin-top: 0.5em;
    padding: 0.5em;
}

.formBox label {
    font-weight: bold;
}

#info {
    width: 80%;
    margin: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    background-color: #fff6ed;
    -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 1em;
}

#info .infoTtl {
    font-size: 1.2em;
    font-weight: bold;
}

#info .infotxt {

    padding-bottom: 0.5em;
    border-bottom: 1px solid #ccc;
}

#info .last {
    border-bottom: none;
}

.itmWrap {
    width: 90%;
    margin: auto;
    margin-top: 1.5em;
}

.itmWrap .wrapTtl {
    font-family: heisei-mincho-std, serif;
    font-weight: 900;
    font-size: 1.2em;
    border-bottom: 1px solid #cb4042;
    line-height: 1.2em;
    margin-top: 1.5em;
    margin-bottom: 1em;

}

.itmWrap .wrapTtl:before {
    content: '●';
    color: #efb3b2;
    font-size: 0.8em;
}

.itmBox {
    position: relative;
    display: block;
    border-top: 1px solid #ccc;

}

.boxlink {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.boxlink:hover {
    opacity: 0.1;
    background-color: #000000;
}

.itmBox:before {
    content: "";
    display: block;
    padding-top: 45%;
    /* 1:1 */
}

.itmBox .itmphoto {
    position: absolute;
    width: 40%;
    top: 0.5em;
    left: 1em;

}

.itmBox .itmphoto img {
    width: 100%;
    border: 1px solid #ccc;
}

.itmBox .itmtxt {
    position: absolute;
    width: 48%;
    top: 0;
    right: 1em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: 2em;
    margin-bottom: 3em;
    font-size: 1em;
}

.itmBox .itmtxt p {
    margin-left: 1em;
}

.redLine {
    width: 100%;
    margin: auto;
    clear: both;
    border-bottom: 1px solid #cb4042;
}


.categoryBoxWrap {
    margin-top: 2em;
}

.categoryBox {
    width: 90%;
    margin: auto;
    margin-top: 1em;
    position: relative;

}

.categoryBox img {
    width: 100%;
    -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.categoryBox .catename {
    font-family: ro-nikkatsu-sei-kai-std, serif;
    font-weight: 400;
    position: absolute;
    bottom: 2vw;
    right: 2vw;
    font-size: 8vw;

    text-shadow:
        3px 3px 5px #ffffff,
        -3px 3px 5px #ffffff,
        3px -3px 5px #ffffff,
        -3px -3px 5px #ffffff,
        3px 0px 5px #ffffff,
        0px 3px 5px #ffffff,
        -3px 0px 5px #ffffff,
        0px -3px 5px #ffffff;
}

.categoryBox .catename a {
    text-decoration: none;
    color: #5c5f7e;
    font-weight: 400;
}

.sidr ul .sidr-class-submenu {
    display: none;
}

#pagettl {
    width: 95%;
    margin: auto;
    background-image: url('/images/page/pageTtl.gif');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    border-radius: 5px;
    font-size: 1.8em;
    text-indent: 2em;

    font-weight: 700;
    color: #555;

}

.ttl {
    width: 95%;
    margin: auto;
    background-image: url('/images/page/pageTtl.gif');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    border-radius: 5px;
    font-size: 1.8em;
    text-indent: 2em;

    font-weight: 700;
    margin-top: 1em;
    margin-bottom: 0.5em;
    color: #555;

}


/* 日曜日：赤 */
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(7n),
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n) {
    color: #cb4042;
}

/* 土曜日：青 */
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(6),
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n - 1) {
    color: blue;
}

.lum-lightbox {

    z-index: 9999;
}


#cartBoxInner {
    margin-top: 1em;
}

.cartBox {
    border-top: 1px solid #eeece3;
    border-bottom: 1px solid #eeece3;
}

.cartRaw {
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;

}

.delete {
    width: 10%;
    order: 0;
    font-size: 7vw;
    text-align: center;

    color: #98a0a7;
    cursor: pointer;
    border-radius: 5px;
}

.delete:hover {
    background-color: #eee;
}

.cartimg {
    width: 10%;
    order: 1;


}

.cartimg img {
    width: 100%;
}

.cartTxt {
    width: 60%;
    order: 2;
    line-height: 1.2em;
}

.cartPrice {
    width: 20%;
    order: 3;
    text-align: right;
}

.edit {
    width: 10%;
    order: 4;
    font-size: 7vw;
    text-align: center;
    color: #98a0a7;
    cursor: pointer;
    border-radius: 5px;
}

.edit:hover {
    background-color: #eee;
}

.edit i {}


.cartItmName {}

.cartItmDetail {
    width: 90%;
    margin: auto;
    margin-top: 0;
    line-height: 1.2em;
}



.usedateFix {
    width: 95%;
    margin: auto;
    background-color: #fff;


}

.usedateFix p {
    width: 95%;
    margin: auto;
    font-weight: bold;
}


.strike {
    color: #999;
    text-decoration: line-through;
    font-size: 1.2em;
}

#discountPrice {
    display: none;
}

#studioPrice {
    display: none;
}

.swal2-input {
    width: 50% !important;

}

#cartRawTotal .price {
    width: 85%;
    font-size: 1.2em;
    font-weight: bold;
    margin: auto;
    text-align: right;

}

#addrBox {
    display: none;
}

#shipAddr {
    display: none;
}

.postageTxt {
    width: 90%;
    margin: auto;
    text-align: right;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.2em;
    color: #666;
}

.postageTxtSub {
    width: 90%;
    margin: auto;
    text-align: right;
    font-size: 1em;
    line-height: 1.2em;
    color: #666;
}

#cartRawDate .dateline {

    text-align: right;
    font-size: 1.1em;
    font-weight: bold;
    color: #666;

}

.dateEdit {
    display: inline-block;
    width: 10%;
    font-size: 7vw;
    text-align: center;
    color: #98a0a7;
    cursor: pointer;
    border-radius: 5px;
}

.dateEdit:hover {
    background-color: #eee;
}


.topBnTxtBox {
    opacity: 0;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.blur {
    -webkit-animation-name: imageBlur;
    animation-name: imageBlur;
    opacity: 1;
    transition: .8s;
}

@-webkit-keyframes imageBlur {
    from {
        opacity: 0;
        -webkit-filter: blur(15px);
        -moz-filter: blur(15px);
        -ms-filter: blur(15px);
        -o-filter: blur(15px);
        filter: blur(15px);
    }

    to {
        opacity: 1;
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -ms-filter: blur(0px);
        -o-filter: blur(0px);
        filter: blur(0px);
    }
}

@keyframes imageBlur {
    from {
        opacity: 0;
        -webkit-filter: blur(15px);
        -moz-filter: blur(15px);
        -ms-filter: blur(15px);
        -o-filter: blur(15px);
        filter: blur(15px);
    }

    to {
        opacity: 1;
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -ms-filter: blur(0px);
        -o-filter: blur(0px);
        filter: blur(0px);
    }
}

.swal2-title {
    font-size: 1.2em;
}

#measuringBox {
    display: flex;



}

.sizeIll {
    width: 40%;
    max-width: 150px;
    order: 0;
    margin: 2em 1em 1em 0;
}

.sizeIll img {
    width: 100%;

}

.measuringTxt {
    margin-top: 1em;
    order: 1;
}

.measuringTtl {
    font-size: 1.2em;
    font-weight: bold;
}

.yukitake:before {
    content: '●';
    color: #FF5F76;
}

.kitake:before {
    content: '●';
    color: #61A1FF;
}

.hakamatake_f:before {
    content: '●';
    color: #F27800;
}

.hakamatake_m:before {
    content: '●';
    color: #1ECA7C;
}

.pagecontants {
    width: 90%;
    margin: auto;
    font-size: 1.2em;
    margin-top: 1em;


}

.pagecontants #info {
    width: 90%;
    margin: auto;


}

.pagecontants li {
    list-style: disc;
    margin-left: 2em;
}

.pagecontants h2 {
    font-size: 1.3em;
    font-weight: 700;
    width: 100%;
    border-bottom: 1px solid #cb4042;
    line-height: 1.2em;
    padding-left: 0.5em;
    margin-top: 0.5em;
}

.pagecontants h2:before {
    content: '●';
    color: #efb3b2;
    font-size: 0.8em;
}

.pagecontants h3 {
    font-size: 1.1em;
    font-weight: 700;
}

.pagecontants .box {
    width: 90%;
    margin: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    background-color: #fff6ed;
    -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 1em;
}

.tagsanple {
    text-align: left;
    font-size: 1.2em;
}

.tagsanple li {
    list-style: disc;
    margin-left: 2em;
}

.tagsanple h2 {
    font-size: 1.5em;
    font-weight: 700;
    border-bottom: 1px solid #cb4042;
    line-height: 1.2em;
    padding-left: 0.5em;
    width: 10em;
}

.tagsanple h2:before {
    content: '●';
    color: #efb3b2;
    font-size: 0.8em;
}

.tagsanple h3 {
    font-size: 1.1em;
    font-weight: 700;
}



.makepricetxt {
    font-size: 1.6em;
    font-weight: 600;
    color: #666;
    width: 100%;
    text-align: center;
    display: block;
}

.makeprice {
    font-size: 1.6em;
    font-weight: 600;
    color: #2c6aa8;
    width: 100%;
    text-align: center;
    display: block;
    line-height: 1.2em;
    margin-bottom: 0.5em;
}

.hmtable th {
    vertical-align: middle;
    border-bottom: 1px #ccc solid;
}

.hmtable td {
    vertical-align: middle;
    border-bottom: 1px #ccc solid;
}

.hmtable .tax {
    display: block;

}

.nodisplay {
    display: none;
}

@media screen and (max-width: 460px) {
    .lum-lightbox-inner img {
        max-width: 160vw !important;
        /* 軽くスワイプで左端から右端まで動かせる量 */
        max-height: 85vh !important;
        /* 上下に適度に余白 */
    }
}

#cattxt {
    margin-top: 1em;
}

.dectxt li {
    list-style: circle;
    margin-left: 2em;
}

.hmtable {
    width: 90%;
    margin: auto;
    margin-bottom: 1em;
}

.bttn a {
    display: block;
    line-height: 2em;
    width: 90%;
    margin: auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: center;
    text-decoration: none;
    font-size: 1.8em;
    vertical-align: middle;
    text-indent: 0.3em;
    font-weight: bold;
    padding: 0.1em;
    position: relative;

}



.bttn a:hover:before {

    color: #fff;

}

.line a:before {
    content: '';
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;

    background: url('/images/line.svg');
    background-size: 1.5em;
    top: 0.3em;
    left: 0;

}

.line a {
    background-color: #06c755;
    color: #fff;
    border: none;
}

.line a:hover {
    background-color: #06c755;
    opacity: 0.8;
}