@charset "utf-8";
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

@media screen and (min-width: 768px) {
	div#content .col-full  {
		max-width: 100%;
		padding: 0;
	}

}

.wrap	{
	max-width: 66.4989378333em;
	margin: 0 auto;
}

.mv	{
	background-image: url(../img/top/mv_pc.jpg);
	background-size: cover;
	background-position: center;
	position: relative;
	height: 650px;
}

.mv .wrap {
    padding-top: 150px;
    padding-bottom: 40px;
}

.mv .text {
    margin-bottom: 130px;
	margin-left: auto;
	max-width: 560px;
}

.mv .text p	{
	color: #fff;
	text-shadow: 0 0 30px rgb(20 0 0 / 30%);
}

.mv .text p.title	{
	font-family: 'Noto Serif JP', serif;
	font-size: 45px;
	line-height: 1.5;
	margin-bottom: 10px;
}

.mv .text p.title span	{
	font-size: 49.5px;
}

.mv .text p.title span.now {
	text-wrap: nowrap;
}

.mv .text p.sub_title {
    font-size: 18px;
	margin-bottom: 50px;
	padding-left: 8px;
}

.mv .text a {
    color: #fff;
    border: 2px solid #fff;
    padding: 5px 30px;
    border-radius: 30px;
		margin-left: 8px;
		text-shadow: 0 0 30px rgb(20 0 0 / 30%);
}

.mv .news	{
	display: flex;
	flex-direction: row;
}

.mv .news .post	{
	background-color: #f4f4f4;
	width: calc(100% - 180px);
	padding: 10px 16px;
	border-radius: 3px 0 0 3px;
	color: #333;
}

.mv .news .post span.date	{
	margin-right: 10px;
}

.mv .news .btn	{
	background-color: #370003;
    color: #fff;
    width: 180px;
    text-align: center;
    padding: 10px 0;
    border-radius: 0 3px 3px 0;
}

div.product {
    text-align: center;
    padding: 160px 0 140px;
}

.product.new,
.product.special	{
	background: rgb(93,20,40);
    background: linear-gradient(90deg, rgba(93,20,40,1) 0%, rgba(180,44,81,1) 50%, rgba(93,20,40,1) 100%);
}

.special {
    display: none;
}

.product.top	{
	background-color: #87203c;
}

h2	{
	line-height: 1;
}

h2 span	{
	color: #fff;
}

h2 span.title	{
	font-family: 'EB Garamond', serif;
	font-style: italic;
	font-size: 50px;
	letter-spacing: 0.05em;
	display: block;
}

h2 span.sub_title	{
	font-size: 14px;
}

h2 img {
    width: 80px;
    margin: 20px auto 40px;
}

div#secondary	{
	display: none;
}

ul.products.columns-4 {
    display: flex;
	justify-content: space-between;
	column-gap: 40px;
}

.woocommerce.columns-4 ul.products li.product	{
	width: 23%;
}

ul.products li.product, ul.products .wc-block-grid__product, .wc-block-grid__products li.product, .wc-block-grid__products .wc-block-grid__product	{
	margin-bottom: 0;
}

.woocommerce.columns-4 ul.products.columns-4 li	{
	text-align: left;
	color: #e9c76d;
}


ul.products.columns-4 li h2	{
	color: #fff;
	line-height: 1.6;
}

div.product ul.products li.product .star-rating	{
	margin: 0;
	font-size: 0.9em;
}

ul.products .star-rating span:before,
ul.products .star-rating span:before	{
	color: #e9c76d;
}

ul.products .star-rating:before	{
	color: #b15a52;
	opacity: 1;
}

div.product ul.products li.product .price {
    color: #fff;
    margin-top: 10px;
    font-size: 16px;
}

/* div.product ul.products li.product .button {
    width: 100%;
    text-align: center;
    color: #fff;
    background-color: #a57b3f;
	outline: 1px solid #fff;
  	outline-offset: -5px;
	font-weight: normal;
    padding: 10px 0;
} */


button.single_add_to_cart_button.button,
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart	{
	text-align: center;
    color: #fff;
    background-color: #a57b3f;
    outline: 1px solid #fff;
    outline-offset: -5px;
    font-weight: 400;
    padding: 9px 0px;
	 font-size: 0;
}


button.single_add_to_cart_button.button.alt::before,
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart::before  {
    content: "カートに追加";
    font-size: 16px;
		position: static;
		padding-left: 7px;
}


a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, a.button.product_type_variable {
	width: 100%;
}

a.button.product_type_simple, a.button.product_type_variable {
    color: #fff;
    background-color: #333333;
    outline-offset: -5px;
    font-weight: 400;
/*     padding: 10px 60px 10px 90px; */
    align-items: center;
    font-size: 0;
	 width:100%;
	 position: relative;/* 追加 */
    height: 40px;/* 追加*/
}

a.button.product_type_simple::before, a.button.product_type_variable::before {
	content: "在庫切れ";
	font-size: 16px;
	position: absolute;/* 追加 */
	top: 50%;/* 追加 */
	left: 50%;/* 追加 */
	transform: translate(-50%, -50%);/* 追加 */
	-webkit-transform: translate(-50%, -50%);/* 追加 */
	-ms-transform: translate(-50%, -50%);/* 追加 */
}


.yith-wcwl-add-button,
.yith-wcwl-wishlistexistsbrowse	{
	text-align: center;
}

.yith-wcwl-add-button a,
.yith-wcwl-wishlistexistsbrowse span.feedback	{
	color: #e9c76d;
}

.yith-wcwl-add-to-wishlist .yith-wcwl-add-button>a i {
	margin-right: 2px;
}

.yith-wcwl-wishlistexistsbrowse span.feedback	{
	display: block;
}

.yith-wcwl-wishlistexistsbrowse a	{
	color: #fff;
}

.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a {
	color: #fff;
}


.yith-wcwl-add-button .yith-wcwl-icon.fa-heart-o:before	{
	filter: none;
}

a.btn_more {
    color: #fff;
    border: 2px solid;
    padding: 20px 50px;
    border-radius: 40px;
	width: 300px;
	display: inline-block;
}

.area 	{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 90px;
}

.area img	{
	width: 48%;
}

a.added_to_cart.wc-forward {
    width: 100%;
    text-align: center;
    font-weight: normal;
    padding: 10px 0;
    background-color: #fff;
    color: #a57b3f;
    border: 1px solid #a57b3f;
	outline: 1px solid #a57b3f;
    outline-offset: -5px;
}

@media screen and (max-width: 1030px) {
    div#content .col-full	{
		margin-left: 0;
		margin-right: 0;
	}

	.mv .news	{
		margin: 0 50px;
	}
}

@media screen and (max-width: 770px) {
	.mv .wrap {
		padding-top: 150px;
	}

	.mv .text {
		margin-left: auto;
		margin-right: auto;
		max-width: 510px;
		text-align: center;
	}
}

@media screen and (max-width: 600px) {
	body div#content .col-full	{
		padding: 0;
	}

	.mv	{
		margin-top: 114px;
		margin-bottom: 0px;
		height: 430px;
	}

	.mv .wrap	{
		padding-top: 80px;
		text-align: center;
	}

	.mv .text {
		margin-bottom: 90px;
		max-width: 100%;
	}

	.mv .text p.title	{
		font-size: 28px;
		line-height: 1.3;
	}

	.mv .text p.title span {
		font-size: 30px;
	}

	.mv .text p.sub_title {
		font-size: 13px;
		margin-bottom: 30px;
		letter-spacing: 1px;
		padding-left: 0;
	}

	.mv .text a {
		font-size: 13px;
    	padding: 5px 20px;
			margin-left: 0;
	}

	.mv .news	{
		flex-direction: column;
		background-color: #f4f4f4;
		position: absolute;
    	width: 100%;
		margin: 0;
	}

	.mv .news .post	{
		width: 100%;
		text-align: left;
	}

	.mv .news .post span.date	{
		display: block;
	}

	.mv .news .btn	{
		display: block;
		margin: 0 auto 25px;
		width: 150px;
		padding: 5px 0;
		border-radius: 0;
		font-size: 14px;
	}

	h2 span.title	{
		font-size: 40px;
	}

	div.product	{
		padding: 120px 16px;
	}

	.product.new {
		padding-top: 170px;
	}

	ul.products.columns-4	{
		flex-wrap: wrap;
		column-gap: 0;
	}

	.woocommerce.columns-4 ul.products li.product {
		width: 50%;
	}

	.woocommerce.columns-4 ul.products li.product:nth-child(odd) {
		padding-right: 8px;
	}

	.woocommerce.columns-4 ul.products li.product:nth-child(even) {
		padding-left: 8px;
	}

	.area	{
		flex-direction: column;
	}

	.area img	{
		width: 100%;
	}

	.area img:first-child	{
		margin-bottom: 20px;
	}

/* 	div.product ul.products li.product .button,
	.yith-wcwl-add-button a span,
	a.btn_more	{
		font-size: 14px;
	} */
}

.yith-wcwl-add-button i.yith-wcwl-icon.fa.fa-heart::before  {
	display: none;
}

.yith-wcwl-add-button i.yith-wcwl-icon.fa.fa-heart {
	width: 17px;
	height: 17px;
	margin-right: 5px;
	vertical-align: middle;
	position: relative;
	bottom: 3px;
	display: inline-block;
	background-image: url(../img/common/icon_mycellar_add_top.svg);
	background-repeat: no-repeat;
	background-position: center;
}

ul.products.columns-4::before {
	display: none !important;
}

ul.products.columns-4 li {
	padding-bottom: 70px;
	width: 100% !important;
}

ul.products.columns-4 li a.button.product_type_variable,
ul.products.columns-4 li a.button.product_type_simple,
ul.products.columns-4 li a.button.product_type_simple.add_to_cart_button,
ul.products.columns-4 li a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
	position: absolute;
	bottom: 32px;
}

ul.products.columns-4 li div.yith-wcwl-add-to-wishlist {
	position: absolute;
	bottom: 0;
	margin-left: 50%;
	transform: translateX(-50%);
	width: 100%;
}

@media screen and (min-width: 768px) {
	h2.woocommerce-loop-product__title {
		line-clamp: 3;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
	}
	
	ul.products.columns-4 {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		column-gap: 40px;
		padding: 0 40px;
	}
}

@media screen and (max-width: 767px) {
	h2.woocommerce-loop-product__title {
		line-clamp: 5;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
	}

	ul.products.columns-4 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 10px;
	}
}
@media screen and (min-width: 600px) and (max-width: 770px) {
    /*****
        
        common
    
    *****/
    .site-content>.col-full {
        padding-top: 40px;
        padding-bottom: 80px;
        margin: 0;
    }

    div#page .storefront-breadcrumb>.col-full   {
        margin-left: 2.617924em;
        margin-right: 2.617924em;
    }
    /*****
        
        my page
    
    *****/    
    body.page-template-template-fullwidth-php .woocommerce-MyAccount-content    {
        width: 100%;
    }

    h1.entry-title.account {
        margin-left: 0;
    }

    .woocommerce table.account-orders-table tr  {
        margin-bottom: 0;
    }

    .woocommerce table.account-orders-table th  {
        text-align: center;
    }

    .woocommerce table.account-orders-table th.woocommerce-orders-table__header-order-number,
    .woocommerce table.account-orders-table td.woocommerce-orders-table__cell-order-number  {
        width: 11%;
    }

    .woocommerce table.account-orders-table th.woocommerce-orders-table__header-order-date,
    .woocommerce table.account-orders-table td.woocommerce-orders-table__cell-order-date  {
        width: 20%;
    }

    .woocommerce table.account-orders-table th.woocommerce-orders-table__header-order-status,
    .woocommerce table.account-orders-table td.woocommerce-orders-table__cell-order-status  {
        width: 18%;
    }

    .woocommerce table.account-orders-table th.woocommerce-orders-table__header-order-total,
    .woocommerce table.account-orders-table td.woocommerce-orders-table__cell-order-total  {
        width: 21%;
    }

    .woocommerce table.account-orders-table th.woocommerce-orders-table__header-order-actions,
    .woocommerce table.account-orders-table td.woocommerce-orders-table__cell-order-actions  {
        width: 30%;
    }

    /*****
        
        page
    
    *****/ 
    div#content {
        padding-top: 30px;
    }

    .left-sidebar .content-area {
        width: 100% !important;
    }

    body.product-template-default .woocommerce-tabs ul.tabs {
        flex-direction: column;
    }

    body.product-template-default .woocommerce-tabs ul.tabs li  {
        width: 100%;
    }

    .site-content>.col-full .entry-content  {
        padding: 0 16px;
    }

    ul.products.columns-3   {
        justify-content: space-between;
    }

    body section.related.products ul.products.columns-3 li  {
        width: 31%;
        margin: 0;
    }

    article.status-publish.hentry {
        margin-bottom: 0;
    }

    .site-main ul.products.columns-3 li.product:last-child,
    .site-main ul.products.columns-3 li.product:nth-last-child(2),
    .site-main ul.products.columns-3 li.product:nth-last-child(3)   {
        margin-bottom: 0;
    }

    .left-sidebar .widget-area  {
        display: none;
    }

    /*****

        about
    
    *****/
    .company .box .map iframe   {
        width: 100%;
    }

    body.page-template-template-fullwidth-php .woocommerce-MyAccount-navigation {
        top: 0;
        width: 100%;
    }

}