/*--
Theme Name: Arkhe child
Theme URI: https://arkhe-theme.com/
Version: 1.5.6
Author: LOOS,Inc.
Author URI: https://loos.co.jp/
Description:WordPressテーマ「Arkhe」の自作子テーマ
Template: arkhe
*/

body{
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing:0.05em;
}
:root{
	    --ark-color--border--table: #909090;
}
a{
	text-decoration:none;
}

.l-header .l-container,
.l-footer .l-container{
	max-width:unset;
}


/* メディアとテキストブロックの間のスペースを広げる */
@media (min-width: 800px){
	.wp-block-media-text {
		--ark-mediatext--space: 3rem;
	}
}

/* カラムをスマホの時は２列に */
@media (max-width: 781px) {
   .mobile-2col.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 45%!important;
    }
}


/***********************************************************
* ヘッダー
***********************************************************/
.l-header {
    box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 1%);
}
.l-header__barInner{
	position:relative;
}
.head-bar{
	width:100%;
	display:flex;
	justify-content:space-between;
	margin-top:10px;
}
.head-bar .catch{
	font-size:.75em;
}
.head-bar a.tel{
	position:absolute;
	top:0;
	right:0;
	background-color:#cfab6e;
	color:#fff;
	padding:3px 20px;
	letter-spacing:0.1em;
	font-weight:bold;
}
.head-bar a.tel span{
	font-size:.8em;
	font-weight:normal;
	margin-left:5px;
}

.l-header__center {
    padding: 15px 0;
}

/*---------- メニュー　----------*/
.c-gnav{
	font-size:1em;
}
.c-gnav .__mainText{
    font-size: 1.25em;
    letter-spacing: 0.05em;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.c-gnav__li>.c-gnav__a{
	padding:16px 20px;
    border-bottom: 1px solid #c8b05b;
}

/* サブメニューがある場合は矢印を表示 */
.c-gnav .menu-item-has-children > a .__mainText::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 1px solid #c8b05b;
    border-bottom: 1px solid #c8b05b;
    transform: rotate(45deg);
    margin-left: 0.5em;
    vertical-align: middle;
}

/*---------- サブメニュー　----------*/
.c-gnav .sub-menu{
    position: fixed;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    background: #fffffff2;
    color: #333333;
    box-shadow: unset;
    left: 0;
    top: 11%;
    transform: unset;
	border-bottom:1px solid #ddd;
	padding-top:3vh;
	padding-bottom:3vh;
	padding-left: calc(50% - 600px); /* 1000px の半分 */
	padding-right: calc(50% - 600px);
	box-sizing: border-box;
}
.c-gnav .sub-menu>.menu-item{
	width:25%;
}
.c-gnav .sub-menu>.menu-item .__mainText{
	display: flex;
    align-items: center;
    flex-direction: column;
}
.c-gnav .sub-menu>.menu-item .__mainText:before{
    content: "";
    display: inline-block;
    width: 250px;
    height: 150px;
    background-position: center;
    background-size: contain;
	margin-bottom:10px;
}
.c-gnav .sub-menu>.menu-item.furisode .__mainText:before{ background-image: url('https://ribbon2016.com/wp/wp-content/uploads/2025/06/headmenu01.jpg'); }
.c-gnav .sub-menu>.menu-item.bridal .__mainText:before{ background-image: url('https://ribbon2016.com/wp/wp-content/uploads/2025/06/headmenu02.jpg'); }
.c-gnav .sub-menu>.menu-item.mens-hakama .__mainText:before{ background-image: url('https://ribbon2016.com/wp/wp-content/uploads/2025/06/headmenu03.jpg'); }
.c-gnav .sub-menu>.menu-item.hakama .__mainText:before{ background-image: url('https://ribbon2016.com/wp/wp-content/uploads/2025/06/headmenu04.jpg'); }
.c-gnav .sub-menu>.menu-item.shichigosan .__mainText:before{ background-image: url('https://ribbon2016.com/wp/wp-content/uploads/2025/06/headmenu05.jpg'); }
.c-gnav .sub-menu>.menu-item.sonota .__mainText:before{ background-image: url('https://ribbon2016.com/wp/wp-content/uploads/2025/06/headmenu06.jpg'); }
.c-gnav .sub-menu>.menu-item.photostudio .__mainText:before{ background-image: url('https://ribbon2016.com/wp/wp-content/uploads/2025/06/headmenu07.jpg'); }

.c-gnav__depth1:before{
	content:none;
}


/***********************************************************
* タイトル
***********************************************************/
h1.c-pageTitle__main{
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    color: #cfab6e;
    font-weight: normal;
    letter-spacing: 0.05em;
    margin-bottom: 0.2rem;
    padding: 1rem 0;
    border-bottom: 3px solid;
	position: relative;
	width:100%;
}
h1.c-pageTitle__main:before {
    position: absolute;
    bottom: -0.6rem;
    left: 0rem;
    right: 0rem;
    border-bottom: 1px solid;
    content: '';
}

h2.ark-block-heading__main{
	color: #cfab6e;
}

h3.wp-block-heading{
    border-bottom: 3px double #cfab6e;
    padding-bottom: 5px;
    color: #121212;
    font-size: 1.7em;
    padding-left: 3px;
    font-weight: 300;
    letter-spacing: 0.05em;
}

.ark-block-heading .ark-block-heading__line:before{
	height: 1px;
}

@media screen and (max-width: 800px){
	h1.c-pageTitle__main{
		font-size:1.6rem;
		padding:0 0 .5em 0;
	}
}
/***********************************************************
* トップページ
***********************************************************/

/*---------- メインビジュアル　----------*/
.main-visual{
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	background: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #ebe5d6 50%, #ebe5d6 100%);
	padding-top:15px;
	padding-bottom:3vh;
}

#xo-slider-2062{
	margin: 0 calc(50% - 50vw);
	width:100vw;
	height: 100%;
}
.home-slide-container {
    margin-bottom: 20px;
}
.home .xo-slider{
	overflow:hidden;
	margin-bottom:80px;
}
.home .swiper-slide{
	max-width:1100px;
}
.xo-slider .swiper-container {
    overflow: unset;
	max-width:1100px;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: -100px;
	color: #fff;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: -100px;
	color: #fff;
}



/*---------- 新着情報　----------*/

.news_wrap{
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	background-color:#fcfbf8;
	border-top:5px dotted #fff;
	padding:5vh 5vw;
}
.news_wrap .news{
	max-width:1200px;
	display:flex;
	margin: 0 auto;
}
.news_wrap .news .left .midashi{
	font-size: 1.2em;
	font-weight: 900;
    color: #b82c1f;
}
.news_wrap .news .left a{
	display:block;
	background-color:#b82c1f;
	color:#fff;
	font-size:.75rem;
	text-align:center;
	border-radius:3px;
}
ul.news_list{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .9em;
    width: 80%;
    padding: 0;
    margin-left: 8%;
}
ul.news_list li{
    width: 100%;
    list-style: none;
}
ul.news_list li::before{
	background: unset;
}
ul.news_list li a{
    color: #4b413a;
    font-weight: 500;
}
ul.news_list .add_New{
	color:#b82c1f;
	margin-left:10px;
	font-size:.9em;
}
ul.news_list .news_date{
	margin-right:10px;
	letter-spacing:.07em;
	width: 140px;
	display: inline-block;
}
@media screen and (min-width: 1500px){
	.news_wrap{
	}
}
@media screen and (max-width: 1000px){
	.news_wrap .news .midashi{
		font-size:.85em;
	}
}
@media screen and (max-width: 500px){
	.news_wrap {
		padding: 2em 1.5em 2em 2em;
	}
	ul.news_list li{
		margin:0;
	}
	ul.news_list .news_date{
		display:block;
		font-size:.8em;
	}
	.news_wrap::before{
		height: 40px;
		width: 40px;
		bottom:0;
	}
	.news_wrap::after{
		height: 50px;
		width: 150px;
		right:0;
		top: -10px;
	}
}

.home h2.ark-block-heading__main{
	    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size:2em;
}

/*---------- メニュー　----------*/
.home-menu-wrap .wp-block-media-text__content{
	max-width:700px;
	margin:0 auto;
}
.home-menu-wrap .wp-block-media-text__content h3{
	font-size:1.5em;
	color:#cfab6e;
}
.home-menu-wrap .wp-block-media-text__content p{
	font-size:1.1em;
	line-height: 2.2em;
}
.home-menu-wrap .ark-block-button{
	min-width:50%;
}
.home-menu-wrap .ark-block-button a.ark-block-button__link{
	width:100%;
}

@media screen and (max-width: 800px){
	.home-menu-wrap .ark-block-button{
		min-width:100%;
	}
	.home-menu-wrap .wp-block-media-text__content p{
		font-size:1em;
	}
}
@media screen and (max-width: 1200px){
	.home-menu-wrap .ark-block-section__bodyInner{
		padding:5rem 5vw 5rem 5vw;
	}
}
@media screen and (max-width: 1500px){
	.home-menu-wrap .wp-block-media-text__media{
		height:100%;
	}
	.home-menu-wrap .wp-block-media-text__media img{
		object-fit: cover;
        height: 100%;
	}
}


#sb_instagram{
	max-width:800px;
	margin:0 auto;
}


/***********************************************************
* 各種固定ページ共通
***********************************************************/
ul.pack-dtl{
	display:flex;
	flex-wrap:wrap;
	gap:5px;
	padding:0;
}
ul.pack-dtl li{
    list-style: none;
    font-size: .85em;
    color: #b82c1f;
    padding: 0 10px;
    border: 1px solid #b82c1f;
}


ul.set-dtl{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	padding:0;
}
ul.set-dtl li{
	list-style:none;
	font-size:.8em;
	background-color:#decaa7;
	color:#fff;
	padding:0 10px;
	border-radius:3px;
}
ul.set-dtl p{
	font-size:.8em;
	color:#636363;
	line-height:2em;
}



.price table{
	border-right:none;
	font-size:.9em;
}
.price tr td{
	border-left:none;
}
.price tr td:nth-of-type(2){
	text-align:right;
	white-space: nowrap;
}

/***********************************************************
* 振袖
***********************************************************/
ul.furi-tokuten{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:0;
	counter-reset: number 0;
}
ul.furi-tokuten li{
    display: flex;
    width: 49%;
    background-color: #f8f7f2;
    padding: 20px 3%;
    list-style: none;
    font-weight: bold;
    border: 1px solid #f7f2df;
    margin-bottom: 15px;
    border-radius: 100px;
    align-items: center;
    box-shadow: 2px 2px 5px #f3f3f3;
}
ul.furi-tokuten li:before{
	counter-increment: number 1;
	content: "特典" counter(number, decimal-leading-zero);
	color:#c4a32d;
	font-size:.8em;
	margin-right:auto;
	width:10%;
}
ul.furi-tokuten li p{
	width:90%;
	text-align:center;
}
ul.furi-tokuten li span{
	color:#b82c1f;
}
ul.furi-tokuten li small{
	font-weight:normal;
}

@media screen and (max-width: 1200px){
	
}
@media screen and (max-width: 800px){
	ul.furi-tokuten li{
		width:100%;
	}
	ul.furi-tokuten li:before{
		font-size:2vw;
	}
	ul.furi-tokuten li p{
		font-size:2.8vw;
	}
}


.furi-favo-wrap .wp-block-quote.is-style-large{
	background:unset;
}


.order-furi{
	background-image:url(https://ribbon2016.com/wp/wp-content/uploads/2025/06/kiji.jpg);
    background-position: center;
    background-size: cover;
}

/***********************************************************
* 七五三
***********************************************************/
.menu753.ark-block-tab.is-style-box>.arkb-tabList .arkb-tabList__button[aria-selected=true]{
	background-color:#cfab6e;
}
.menu753 .arkb-tabBody{
	padding:1em 0 0 0;
}
.menu753 table{
	border:none;
}
.menu753 th{
	background-color:unset;
	color:var(--ark-color--main);
	text-align:center;
	border-left:none;
	font-weight:normal;
}
.menu753 td{
	text-align:center;
	border-left:none;
}


/***********************************************************
* 店舗案内
***********************************************************/

.aisatu{
	padding:5%;
	border:1px solid #eee;
	line-height:2.2em;
	background-color:#fefefe;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size:1.1em;
}
.about table{
	border-right:none;
	border-top:none;
}
.about th{
	width:20%;
	border-left:none;
	vertical-align:middle;
	background-color:unset;
	border-bottom:1px solid #c8b05b;
	padding:.8em!important;
}
.about td{
	border-left:none;
	border-bottom: 1px solid #d4d4d4;
	padding:.8em!important;
}


.history table{
	border-right:none;
}
.history tr td{
	border-left:none;
	font-size:.95em;
	padding:.8em!important;
}
.history tr td:nth-of-type(1){
	width:15%;
	text-align:center;
}

@media screen and (max-width: 680px) {
	.history tr td,
	.history tr td:nth-of-type(1){
		display:inline-block;
		width:100%;
		text-align:left;
	}
}


.profile table{
	border-right:none;
}
.profile tr td{
	border-left:none;
	font-size:.95em;
	padding:.8em!important;
}
.profile tr td:nth-of-type(1){
	width:15%;
	text-align:center;
	vertical-align:middle;
}

/***********************************************************
* お問い合わせフォーム共通
***********************************************************/


table.contact{
    border-right: unset;
	border-top:unset;
    margin: 0 auto;
}
table.contact th{
	font-weight:700;
	width: 25%;
    padding: 0.7em 1em;
    background-color: unset;
	font-size:.9em;
    vertical-align: middle;
}
table.contact th,
table.contact td{
	border-left: unset;
	border-bottom: unset;
}
table.contact .any,
table.contact .req{
    font-size: .6em;
    margin-right: 10px;
    padding: 3px 8px;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
}
table.contact .any{
	background-color:#949494;
}
table.contact .req{
	background-color:#b82c1f;
}
table.contact input[type="text"],
table.contact input[type="tel"],
table.contact input[type="email"]{
	width:70%;
}
table.contact textarea{
	width:100%;
	max-width:900px;
}
table.contact input:focus,
table.contact textarea:focus{
  outline:#555555 1px solid;
}

.contact-under{
	font-size:.9em;
	text-align:center;
	margin:0 auto;
}
.contact-under [type=submit]{
    font-size:1.1em;
	font-weight:500;
    letter-spacing: 0.05em;
	color:#fff;
    padding: 10px 30px;
    margin-top: 40px;
    margin-right: -72px;
	background-color: #cfab6e;
}
.contact-under [type=submit]:hover{
   opacity:0.9;
}

@media screen and (max-width: 700px) {
	table.contact th,
	table.contact td{
		display:inline-block;
		width:100%;
	}
	table.contact input[type="text"],
	table.contact input[type="tel"],
	table.contact input[type="email"]{
		width:100%;
	}
}



/***********************************************************
* お問い合わせ
***********************************************************/

/*---------- LINE 電話　----------*/
.line-tel_wrap{
	display:flex;
	justify-content:space-between;
}
.line-tel_wrap .ttl{
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}
.line-tel_wrap .txt{
	font-size:.9em;
}

/* LINE */
.line-tel_wrap .line{
	display:flex;
	justify-content:space-between;
	align-items: center;
	width:49%;
	background-color:#00b600;
	color:#fff;
	padding:30px;
}
.line-tel_wrap .line .left{
	width:65%;
}
.line-tel_wrap .line .right{
	width:30%;
}
.line-tel_wrap .line .right img{
	max-width:150px;
	width:100%;
}

.line-tel_wrap .line a{
    background-color: #fff;
    border-radius: 50px;
    padding: 5px 20px;
    color: #00b600;
    font-weight: bold;
    margin-top: 5px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

/* 電話 */
.line-tel_wrap .tel{
	display:flex;
	justify-content:space-between;
	align-items: center;
	width:49%;
	background-color:#c8b05b;
	color:#fff;
	padding:30px;
}
.line-tel_wrap .tel .left{
	width:20%;
}
.line-tel_wrap .tel .right{
	width:75%;
}
.line-tel_wrap .tel a.telnum{
    display: flex;
    font-size: 1.7em;
    color: #b82c1f;
    background-color: #fff;
    padding: 2px 20px 0 20px;
    border-radius: 50px;
    margin-bottom: 10px;
    font-weight: bold;
    align-items: center;
	line-height:normal;
	justify-content: center;
}
.line-tel_wrap .tel a.telnum span{
	font-size:.85rem;
	color:#111;
	margin-right:10px;
}
@media screen and (max-width: 1000px) {
	.line-tel_wrap{
		flex-direction:column;
	}
	.line-tel_wrap .line,
	.line-tel_wrap .tel{
		width:100%;
		margin-top:10px;
	}
	.line-tel_wrap .ttl{
		text-align:left;
	}
}
@media screen and (max-width: 500px) {
	.line-tel_wrap .tel{
		flex-direction:column;
	}
	.line-tel_wrap .tel .left,
	.line-tel_wrap .tel .right{
		width:100%;
	}
	.line-tel_wrap .ttl{
		margin-bottom:10px;
	}
}

/*---------- メールフォーム　----------*/
.contact-page{
	background-color: #fcfbf8;
    padding: 5% 10% 6%;
}
.contact-page .form-ttl{
    color: #c8b05b;
    font-size: 2em;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.contact-page hr{
	margin:15px auto 10px;
}
.contact-page .group-raiten{
	margin-top:10px;
}
.contact-page .group-raiten p{
	margin-top:8px;
}
@media screen and (max-width: 800px) {
	.contact-page{
		padding: 5% 5% 6%;
	}
}


.contact-cmn {
	padding:3%;
	border-top:2px solid #c8b05b;
}
.contact-cmn th,
.contact-cmn td{
	padding:0.9em 10px!important;
}
.contact-dtl {
	background-color:#fbfaf6;
	padding:3%;
}
.contact-dtl th,
.contact-dtl td{
	padding:1.3em 10px!important;
}

table.contact td.name p{
	margin-bottom:8px;
}

table.contact td.raiten p{
	margin-bottom:8px;
}
table.contact input[name="photo-num"]{
	max-width:80px;
	margin-right:5px;
}

table.contact textarea[name="your-dtl"]{
	height:180px;
	max-width:820px;
	margin-top:5px;
}

table.contact textarea[name="your-message"]{
	min-height:300px;
	max-width:820px;
}

table.contact select[name="raiten-time1"],
table.contact select[name="raiten-time2"],
table.contact select[name="raiten-time3"]{
	width:40%;
}

table.contact select[name="your-service"]{
	width:70%;
}

/***********************************************************
* フッター
***********************************************************/
.l-footer__widgets .w-footer.-widget2{
	display:flex;
	align-items:center;
	justify-content:center;
}
.footer-about{
	max-width:600px;
}
.footer-about p {
    margin-bottom: 1em;
    line-height: 2.2em;
    font-size: 1.05em;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.footer-about dl{
	display:flex;
	flex-wrap:wrap;
}
.footer-about dt{
	width:20%;
	border-bottom:1px solid #b82c1f;
	padding:10px;
	color:#b82c1f;
	text-align:center;
}
.footer-about dd{
	width:80%;
	border-bottom:1px solid #c8b05b;
	padding:10px;
}
.footer-about dd.sns{
	display:flex;
	gap:5px;
}
.footer-about dd.sns img{
	display:block;
}

.l-footer__foot{
	background-color:#b82c1f;
	color:#fff;
    padding-bottom: 1.5rem;
    padding-top: 2rem;
}
.l-footer__nav{
	margin-bottom:2em;
}
.l-footer__nav li{
	margin-bottom:5px;
}
.l-footer__nav a{
	font-size:.85em;
	padding: 0 1em;
}
.c-copyright{
	opacity:.8;
}
@media screen and (max-width: 520px) {
	.l-footer__nav li{
		width:45%;
	}
}
@media screen and (max-width: 520px) {
	.footer-about p{
		font-size: 3.2vw;
	}
	.footer-about dl{
		font-size:.9em;
	}
}

/* TO TOP */
.p-fixBtnWrap{
	bottom:3%;
	right:2%;
}
.c-fixBtn{
	background:unset;
	box-shadow:unset;
	background-image:url(https://ribbon2016.com/wp/wp-content/uploads/2025/06/totop.png);
	background-size:100%;
	height:80px;
	width:80px;
}
.c-fixBtn__icon{
	display:none;
}
@media screen and (max-width: 1000px) {
	.c-fixBtn{
		height:50px;
		width:50px;
	}
}


/***********************************************************
* その他共通
***********************************************************/
/* キャンペーン用のダブルライン */
.campaign-line{
	border:7px double #e6d9c2;
}

/* ブロックdt装飾 */
.ark-block-dl__dt{
	border-left:2px solid #cfab6e;
}

/* ギャラリー中途半端な数でも同じ大きさに */
.wp-block-gallery.has-nested-images figure.wp-block-image {
	flex-grow: 0;
}

/* ポートフォリオプラグイン */
.portfolio-wraper .item-desc{
	font-size: .8em;
}

/***********************************************************
* Splide
***********************************************************/
.splide{
	overflow:hidden;
	margin-bottom:80px;
	width: 100vw;
    margin: 0 calc(50% - 50vw);
	
	animation-name: mv;
    animation-delay: 400ms;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    /*transform: translateY(-50px);*/
    opacity: 0;
}
@keyframes mv {
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.splide__slide{
	text-align:center;
}
.splide__arrow{
	background-color:#fff!important;
}
.splide__arrow svg {
    fill: #cc294f!important;
}



/***********************************************************
* fadein
***********************************************************/
.fadein {
    opacity: 0;
    transform: translate(0, 0);
    transition: all 1.5s;
}
.fadein.fadein-left {
    transform: translate(-30px, 0);
}
.fadein.fadein-right {
    transform: translate(30px, 0);
}
.fadein.fadein-up {
    transform: translate(0, -30px);
}
.fadein.fadein-bottom {
    transform: translate(0, 30px);
}
.fadein.scrollin {
    opacity: 1 !important;
    transform: translate(0, 0) !important;
}







/***********************************************************
* オンラインショップ
***********************************************************/
.soryo thead th{
	background-color:#ababab;
	font-size:.9em;
}

/*---------- 商品一覧　----------*/

.ec-msg{
	text-align:center;
}
.eccat-link{
	display:flex;
	justify-content: space-between;
	margin-top:3vh;
}
.eccat-link a{
	border:1px solid #555;
	padding:3%;
	color:#111;
	width:48%;
	text-align:center;
    font-size: 1.4em;
    letter-spacing: 0.1em;
}

.wc-item-list{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin-top:50px;
	padding: 0;
}
.wc-item-list::after{
  content:"";
  display: block;
  width:30%;
}
.wc-item-list li{
	list-style:none;
	width:30%;
	margin-bottom:20px;
}
.wc-item-list li .itemname{
	font-size:.9em;
	margin-top:10px;
	height:42px;
	overflow:hidden;
}
.wc-item-list li .itemprice{
	text-align:right;
	margin-top:5px;
	color:#c70f0f;
}
.wc-item-list li .itemprice .tax{
	font-size:10px;
}
.wc-item-list li .item-img{
	position:relative;
}
.wc-item-list li .zaiko-status{
	color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}
.wc-item-list li .zaiko-status p{
    position: absolute;
    top: 50%;
    width: 100%;
    font-size: 16px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-align: center;
    letter-spacing: .5px;
}
.wc-item-list li a.btn{
    display: block;
    color: #ffffff;
    background-color: #4e4e4e;
    padding: 8px 15px;
    margin-top: 15px;
    text-align: center;
    font-size: 14px;
}
.wc-item-list li a.btn:hover{
	opacity:.9;
}
@media screen and (max-width: 700px) {
	.wc-item-list li{
		width:49%;
	}
}