.w880 {
    max-width: 880px;
    margin: 0 auto;
}

.row {
    padding: 0;
}

#site-main {
    background-color: #FFF;
}

.section-content {
    padding-bottom: 0;
}

.section-hero .section-content {
    padding: 0;
}

.section-hero .section-content .slide {
	/* width: 100%; */
	text-align: center;
	padding: 0 10px;
}

.section-hero .section-content .slide:not(:first-child) {
	display: none;
}

@media screen and (max-width: 767px) {
    .section-content {
        padding: 0 10px;
	}
	.section-hero .section-content .slide {
		background-color: #fafafa;
	}
	.section-hero .section-content .slide img {
		width: 100%;
		object-fit: contain;
		height: 60vw;
	}
}

@media only screen and (max-width: 767px) {
    .section-content {
        padding-top: 20px;
        padding-bottom: 0;
    }
}

.page--product.index .section-hero {
    padding-top: 250px;
    background-image: url(../../img/product/hero-img.jpg);
    background-size: cover;
    background-position: 50% 60%;
}

a.more.fill {
	min-width: 6em;
	padding:0.25em 1em;
    border-radius: 25px;
    font-size: 1.6rem;
    font-weight: bold;
}

.section-hero .btn:not(.is-active) a.more.fill {
    background-color: #c8b6a2;
}

.section-hero .headline {
    text-align: center;
}

.section-hero .headline__title-en {
    font-family: 'Cormorant Garamond', serif;
    font-size: 6rem;
    font-weight: 500;
    color: #7e6b5a;
    line-height: 1;
}

.section-hero .headline__title-ja {
    width: 100%;
    display: block;
    font-size: 1.8rem;
    color: #424242;
}

.section-hero .btns {
	text-align: center;
	margin: 30px 0 0;
	font-size: 0;
}

.section-hero .btns li {
	display: inline-block;
	margin: 0 5px;
}

@media screen and (max-width: 767px) {
    .section-hero {
        margin-top: 0;
    }
    /* .section-itemlist{margin-top: -20vw;} */
    a.more.fill {
		min-width: 0;
        width: 5.5em;
        border-radius: 15px;
		font-size: 1.2rem;
		padding: 0.25em 0.5em;
    }
    .section-hero .headline__title-en {
        font-size: 3.5rem;
    }
    .section-hero .headline__title-ja {
        font-size: 1.3rem;
    }
    .section-hero .btns {
        margin: 28px 0 30px;
    }
    .section-hero .btns li {
        margin: 2.5px;
    }
}

.section-itemdetail .section-content {
    padding-top: 40px;
    padding-bottom: 90px;
}

.section-itemdetail .headline__title-en {
    font-size: 2.4rem;
    color: #7e6b5a;
}

.section-itemdetail .headline__title-ja {
    font-size: 1.6rem;
    color: #424242;
    margin-left: 0.5em;
}

.section-itemdetail .content {
    padding: 50px 0 0;
}

.section-itemdetail .detail-box {
    /* width: 67%; */
}

.section-itemdetail .spec-box {
	/* width: 33%; */
	margin-bottom: 4em;
}

.section-itemdetail .spec-box dt,
.section-itemdetail .spec-box dd {
    border-bottom: 1px solid #d2d2d2;
    padding: 0.3em 1em;
    font-size: 1.4rem;
}

.section-itemdetail .spec-box dt {
    width: 55%;
}

.section-itemdetail .spec-box dd {
    width: 45%;
}

.section-itemdetail .btn-ico a {
    display: block;
    width: 340px;
    height: 60px;
    border-radius: 30px;
    background-color: #e72433;
    color: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.section-itemdetail .btn-ico .txt-ja {
    font-size: 2rem;
    margin-left: 0.4em;
}

.section-itemdetail .btn-ico .txt-en {
    font-size: 1.4rem;
    margin-left: 1em;
    margin-top: 0.3em;
}

.section-itemdetail .btn-ico .ico-cart svg {
    width: 30px;
    height: 30px;
    margin-top: 0.3em;
}

.section-itemdetail .btn-ico .ico-cart .st0_cart {
    stroke: #FFF;
}

.section-itemdetail .cart-widget {
    /* margin-top: 60px; */
    max-width: 350px;
    margin-left: auto;
}

.section-itemdetail .cart-widget .cartjs_sk_link_other,
.section-itemdetail .cart-widget .cartjs_sk_link,
.section-itemdetail .cart-widget table,
.section-itemdetail .cart-widget input[type='submit'] {
    width: 100% !important;
}

.section-itemdetail .cart-widget input[type='submit'] {
    background-color: #E72534 !important;
}

.section-itemdetail .cart-widget .btn-ico {
    margin-left: 20px;
}


.section-itemdetail .cart-widget .cartjs_sk_link_other,
.section-itemdetail .cart-widget .cartjs_sk_link {
	font-size: 15px !important;
}

@media (max-width: 767px) {
	.section-itemdetail .cart-widget .cartjs_sk_link_other,
	.section-itemdetail .cart-widget .cartjs_sk_link {
		font-size: 13px !important;
	}

}

.section-itemdetail .detail-box {
	margin-bottom: 0;
	padding-right: 1.5em;
}

.section-itemdetail .detail-box h2 {
	margin-bottom: 1em;
}


.section-itemdetail .detail-box .type {
    margin-top: 0;
}

.section-itemdetail .item-data {
	margin-top: 1.5em;
}
.section-itemdetail .detail-box .txt {
    padding: 0;
}

.section-itemdetail .detail-box .title {
    font-size: 2.4rem;
    margin-top: 0.1em;
}

.section-itemdetail .detail-box .price {
    margin-top: 0.1em;
}

.section-itemdetail .detail-box .lead {
    font-size: 1.6rem;
    margin-top: 2.2em;
}

@media screen and (max-width: 767px) {
    .section-itemdetail .section-content {
        padding-top: 1.5em;
		padding-bottom: 60px;
		padding: 0 20px 20px;
        /* margin-top: -27px; */
    }
    .section-itemdetail .headline__title-en {
        font-size: 1.6rem;
    }
    .section-itemdetail .headline__title-ja {
        font-size: 1rem;
    }
    .section-itemdetail .content {
        padding: 40px 0 0;
    }
    .section-itemdetail .detail-wrap {
        display: block;
    }
    .section-itemdetail .detail-box {
		width: 100%;
		padding-right: 0;
    }
    .section-itemdetail .spec-box {
        width: 100%;
    }
    .section-itemdetail .spec-box dt,
    .section-itemdetail .spec-box dd {
        font-size: 1.2rem;
    }
    .section-itemdetail .spec-box dt {
        width: 50%;
    }
    .section-itemdetail .spec-box dd {
        width: 50%;
    }
    .section-itemdetail .btn-ico a {
        width: 200px;
        height: 40px;
        border-radius: 20px;
    }
    .section-itemdetail .btn-ico .txt-ja {
        font-size: 1.4rem;
        margin-left: 0.4em;
    }
    .section-itemdetail .btn-ico .txt-en {
        display: none;
    }
    .section-itemdetail .btn-ico .ico-cart svg {
        width: 20px;
        height: 20px;
    }
    .section-itemdetail .cart-widget {
        /* margin-top: 35px; */
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
		justify-content: space-between;
		width: auto;
		margin: 35px auto 0;
    }
    .section-itemdetail .cart-widget .btn-ico {
        margin-left: 0;
    }
    .section-itemdetail .detail-box .txt {
        padding: 12px 0 35px;
    }
    .section-itemdetail .detail-box .title {
        font-size: 1.6rem;
    }
    .section-itemdetail .detail-box .price {
        font-size: 2.5rem;
    }
    .section-itemdetail .detail-box .lead {
        font-size: 1.3rem;
        margin-top: 1.2em;
        line-height: 1.8;
    }
}

.section-itemintro .section-content {
    background-color: #f9f9f9;
    padding-bottom: 80px;
}

.section-itemintro h2 {
    font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 1em;
}

.section-itemintro h3 {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 1em;
}

.section-itemintro .content {
    padding: 20px 0 0;
}

.section-itemintro p {
    font-size: 1.6rem;
}

.section-itemintro .content p+p {
    margin-top: 35px;
}

.back-to-index {
	position: relative;
	/* margin-top: -30px; */
	padding: 60px 0;
}

.back-to-index a.more.fill {
    width: 240px;
    border-radius: 30px;
    padding: 0;
	font-size: 1.8rem;
	padding: 0.5em 0;
	/* font-weight: bold; */
	font-weight: normal;
    background-color: #7e6b5a;
}

.section-relateditem .section-content {
    /* padding-top: 115px; */
    padding-bottom: 80px;
}

.section-relateditem .headline__title>span {
    display: block;
    text-align: center;
}

.section-relateditem .headline__title-ja {
    font-size: 3rem;
    color: #5f4422;
    margin-bottom: 20px;
    line-height: 1;
}

.section-relateditem .headline__title-en {
    font-size: 2rem;
    color: #7e6b5a;
    margin-bottom: 40px;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .section-itemintro .headline,
    .section-itemintro .lead {
        padding-left: 40px;
        padding-right: 40px;
    }
    .section-itemintro .section-content {
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .section-itemintro .headline__title {
        font-size: 1.6rem;
        line-height: 1.6;
    }
    .section-itemintro .content {
        padding: 20px 0 0;
    }
    .section-itemintro .lead {
        font-size: 1.3rem;
    }
    .section-itemintro .content p+p {
        margin-top: 20px;
	}
	.back-to-index {
		/* margin-top: -20px; */
	}
    .back-to-index a.more.fill{
        width: 160px;
        /* height: 40px; */
        border-radius: 20px;
        font-size: 1.4rem;
        /* line-height: 40px; */
    }
    .section-relateditem .section-content {
        padding-top: 80px;
        padding-bottom: 40px;
    }
    .section-relateditem .headline__title-ja {
        font-size: 2.2rem;
        margin-bottom: 15px;
    }
    .section-relateditem .headline__title-en {
        font-size: 1.5rem;
        margin-bottom: 40px;
    }
}

/* COMMON ELEMENT */

.detail-box {
    display: block;
}

.detail-box .thumb-sq {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.detail-box .thumb-sq>span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-position: 50%;
}

.detail-box {
    margin-bottom: 5rem;
}

.detail-box a {
    color: #424242;
}

.meta-box .type {
    position: relative;
    margin-top: -19px;
}

.meta-box span {
    display: inline-block;
    background-color: #7e6b5a;
    color: #FFF;
    width: 80px;
    height: 35px;
    font-size: 1.4rem;
    line-height: 35px;
    text-align: center;
}

.meta-box .label.new {
    display: inline-block;
    background-color: #22ac38;
    color: #FFF;
    width: 60px;
    height: 35px;
    font-size: 1.4rem;
    line-height: 35px;
    text-align: center;
}

.detail-box .price .empty {
    margin-left: 10px;
    display: inline-block;
    border: 1px solid #F00;
    color: #F00;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 1.4rem;
    /* font-weight: bold; */
    position: relative;
    top: -0.4em;
    margin-top: 0.5em;
}

.detail-box .txt {
    padding: 20px;
}

.detail-box .title {
    font-size: 1.8rem;
}

.detail-box .price {
    font-size: 3rem;
    line-height: 1.4;
    margin-top: 0.15em;
}

.detail-box .price>span {
    font-size: 1.6rem;
    display: inline-block;
}

.detail-box .lead {
    font-size: 1.4rem;
    margin-top: 1.2em;
    /* line-height: 1.6; */
}

@media screen and (max-width: 767px) {
    .grid-margin-x>.detail-box.cell {
        width: calc(50% - 2rem);
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .detail-box {
        margin-bottom: 3rem;
    }
    .detail-box .type {
        margin-top: -13px;
    }
     .meta-box span {
        width: 50px;
        height: 25px;
        font-size: 1.1rem;
        line-height: 25px;
    }
     .meta-box .label.new {
        width: 50px;
        height: 25px;
        font-size: 1.1rem;
        line-height: 25px;
    }
    .detail-box .price .empty {
        margin-left: 10px;
        width: 70px;
        height: 25px;
        line-height: 25px;
        font-size: 1.2rem;
        margin-top: 0.7em;
    }
    .detail-box .txt {
        padding: 20px 0;
    }
    .detail-box .title {
        font-size: 1.4rem;
        line-height: 1.4;
    }
    .detail-box .price {
        font-size: 2.2rem;
        margin-top: 0.8rem;
        line-height: 1.4;
    }
    .detail-box .price>span {
        font-size: 1.2rem;
    }
    .detail-box .lead {
        font-size: 1.2rem;
        margin-top: 2.1rem;
        line-height: 1.4;
        text-align: justify;
        display: none;
    }
}

.slick-slide {
    /* height: 560px; */
    overflow: hidden;
}

.slick-dots {
    width: 1200px;
    margin: 0 auto;
    text-align: right;
    padding: 20px 0 0;
}

.slick-dots li button {
    height: 16px;
    width: 16px;
    border-radius: 15px;
    line-height: 15px;
}
.slick-dots li.slick-active  button {
}


.slick-dots li button {
    border: 6px solid #A6937B;
}

.slick-dots li.slick-active button {
    border: 6px solid #A6937B;
}

@media screen and (max-width: 767px) {
    .slick-slide {
        /* height: 50vw; */
    }
    .slick-dots li button {
        height: 22px;
        width: 22px;
        border-radius: 11px;
        line-height: 11px;
    }
    .slick-dots li button {
        border: 4px solid #A6937B;
    }
    .slick-dots li.slick-active button {
        border: 4px solid #A6937B;
    }
    .slick-dots {
        width: 100%;
        padding: 20px 0 0;
    }
}

/* historyからコピー 未編集 */

/*         ↓ ↓ ↓         */

/*footer-item footer-link*/

.section-footeritem {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAKUlEQVQYV2NkgIKvb279h7FBNCNOCXSVMIWMyBLcImpgE0BixEkgWw4AeEMeY87Dl7IAAAAASUVORK5CYII=) repeat;
    padding: 60px 0;
    text-align: center;
    color: #735a3b;
}

.section-footeritem .section-content {
    padding-top: 0;
}

.section-footeritem img {
    width: 100%;
}

.section-footeritem .headline__title {
    line-height: 1;
    margin-bottom: 30px;
}

.section-footeritem .headline__title-main {
    font-size: 2.8rem;
    color: #5f4422;
    letter-spacing: 0.3rem;
}

.section-footeritem .headline__title-sub {
    width: 100%;
    display: block;
    font-size: 1.8rem;
    color: #5f4422;
}

.section-footeritem dt {
    font-size: 1.9rem;
    letter-spacing: 0.35rem;
    margin: 1em 0 0em;
    color: #5f4422;
}

.section-footeritem dd {
    letter-spacing: 0.35rem;
    font-size: 1.4rem;
    color: #5f4422;
}

.section-footeritem .content a {
    display: block;
}

@media screen and (max-width: 767px) {
    .section-footeritem {
        padding: 60px 0 40px;
    }
    .section-footeritem dt {
        font-size: 2.0rem;
    }
    .section-footeritem dd {
        font-size: 1.2rem;
    }
    .section-footeritem .headline__title {
        margin-bottom: 40px;
    }
    .section-footeritem .headline__title-sub {
        margin-top: 10px;
    }
    .section-footeritem .section-content {
        padding-left: 6%;
        padding-right: 6%;
    }
    .section-footeritem .content {
        margin: 0 15px;
    }
    .section-footeritem .cell {
        margin-bottom: 3em;
    }

}

.section-footerlink .section-content {
    padding-top: 0;
}

.section-footerlink img {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .section-footerlink .cell {
        padding: 10px 0;
    }
    .section-footerlink {
        padding-top: 20px;
    }
}


.section-itemdetail .dead_stock {
	border-radius: 5px;
	text-align: center;
	background-color: #E42535;
	color: #fff;
	padding: 0.75em 0;
}

.section-itemdetail .dead_stock-msg {
	color: #E42535;
	margin-top: 1em;
	/* font-weight: bold; */
	font-size: 120%;
    border: 1px solid #ff0000;
    padding: 1em;
    display: inline-block;
    border-radius: 5px;
}

/* .section-hero .slide span.img {
	display: block;
	height: 560px;
	background-size: cover;
	background-position: 50% 50%;
} */

.section-hero .slide span.img{

	height: 50vw;
}

@media (max-width: 767px) {
    .section-itemdetail .dead_stock-msg  {
		font-size: 100%;
		width: 100%;
	}
}


.area__movie .embed-movie iframe{

}

.area__movie .embed-movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.area__movie .embed-movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}



.pager,
.navigation.pagination {
    padding: 30px 0 40px
}

.pager a,
.navigation.pagination a {
    opacity: 1;
    -webkit-transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1)
}

@media only screen and (max-width: 767px) {
    .pager a,
    .navigation.pagination a {
        -webkit-transition-duration: 0s;
        transition-duration: 0s
    }
}

.pager a:hover,
.navigation.pagination a:hover {
    opacity: 0.7
}

@media only screen and (max-width: 767px) {
    .pager a:hover,
    .navigation.pagination a:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1
    }
}

@media only screen and (max-width: 767px) {
    .pager,
    .navigation.pagination {
        padding-bottom: 30px
    }
}

.pager .nav-links,
.navigation.pagination .nav-links {
    position: relative;
    text-align: center
}

.pager .nav-links>*,
.navigation.pagination .nav-links>* {
    color: #111;
    display: block;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 8px
}

@media only screen and (max-width: 767px) {
    .pager .nav-links>*,
    .navigation.pagination .nav-links>* {
        font-size: 10px;
        padding: 6px 10px;
        margin: 0 0
    }
}

.pager .nav-links span.current,
.navigation.pagination .nav-links span.current {
	background-color: #7E6B5A;
	color: #fff;
}

.pager .nav-links .next,
.pager .nav-links .prev,
.navigation.pagination .nav-links .next,
.navigation.pagination .nav-links .prev {
    position: relative;
    top: 0;
    padding: 0 30px
}

@media only screen and (max-width: 767px) {
    .pager .nav-links .next,
    .pager .nav-links .prev,
    .navigation.pagination .nav-links .next,
    .navigation.pagination .nav-links .prev {
        top: 2px;
        display: none
    }
}

.pager .nav-links a.next,
.navigation.pagination .nav-links a.next {
    right: 0;
    padding-right: 8px
}

.pager .nav-links a.next:after,
.navigation.pagination .nav-links a.next:after {
    position: absolute;
    right: -12px;
    top: 50%;
    margin-top: -6px;
    content: " ";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-left: 6px solid #111
}

.pager .nav-links a.prev,
.navigation.pagination .nav-links a.prev {
    left: 0;
    padding-left: 8px
}

.pager .nav-links a.prev:before,
.navigation.pagination .nav-links a.prev:before {
    position: absolute;
    left: -12px;
    top: 50%;
    margin-top: -6px;
    content: " ";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-right: 6px solid #111
}

.pager .nav-links .page-numbers:not(.prev):not(.next),
.navigation.pagination .nav-links .page-numbers:not(.prev):not(.next) {
    border: 1px solid #000;
    border-radius: 3px;
    padding: 12px 15px;
    line-height: 1
}

.footer .btn.contact a {
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
    border-radius: 3px;
}
#site-footer a.more {
    display: block;
    text-align: center;
    padding: 1em 0;
    font-size: 2.0rem;
    margin: 0 auto;
    font-weight: normal;
}
@media screen and (max-width: 767px){
    .footer .row {
        padding: 0 15px;
    }
    #site-footer a.more.fill {
        font-size: 1.3rem;
        padding: 1.0em 0;
    }
}