/*
Theme Name: ukihanoyamacha 4
Theme URI: https://ukihanoyamacha.com
Version: 4.0
*/

@charset "UTF-8";

/* common
---------------------------------------------------------------------------*/
body.pc .pc_view { display: block !important; }
body.pc .sp_view { display: none !important; }
body.sp .sp_view { display: block !important; }
body.sp .pc_view { display: none !important; }
body.pc .block, body.sp .block { display: block !important; }

a { color:#121212; text-decoration:none; outline:none; }
a:hover { color:#121212; text-decoration:underline; }

img { border:none; max-width: none; }
em,strong { font-weight:400; font-style:normal; }

.en {
	font-family:"Adobe Garamond Pro" ,"Garamond Premier Pro" ,"Garamond",'EB Garamond',"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	letter-spacing:1px;
}

.clearfix { display:block; }
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }

.readTxt {
	color:#444444;
	font-size:14px;
	letter-spacing:0.04em;
	display:block;
	line-height:1.9;
}

body {
	background:url(img/share/bg.gif) repeat 0 0 #efeeeb;
	color:#221815;
	-webkit-text-size-adjust:none;
	-webkit-font-smoothing:antialiased;
	font-family:"Times New Roman",Garamond,"MS Serif",serif;
}

body.noscroll {
	width:100%;
	position:fixed;
	overflow-y:scroll;
}

#index .wrapper {
	width:960px;
	margin:0 auto;
	text-align:left;
}

#inside .wrapper {
	width:1020px;
	margin:0 auto;
	text-align:left;
}

/* header
------------------------------------*/
header {
	position:relative;
	margin-bottom:135px;
}

header .snav {
	position:absolute;
	top:0;
	right:0;
	padding-top:30px;
}

header .snav ul li {
	float:left;
	margin-left:19px;
}

header .snav ul li:nth-of-type(1) a { background:url(img/share/ico-mail.svg) no-repeat left 0; padding-left:24px; }
header .snav ul li:nth-of-type(2) a { background:url(img/share/ico-faq.svg) no-repeat left top / 15px auto; padding-left:18px; }
header .snav ul li:nth-of-type(3) a { background:url(img/share/ico-cart.svg) no-repeat left 0; padding-left:20px; }
header .snav ul li:nth-of-type(4) a { background:url(img/share/ico-login.svg) no-repeat left 0 top 1px; padding-left:23px; }

header .snav ul li a img {
	border-bottom:1px solid #4C5F51;
	padding-bottom:3px;
}

/* .mainContents
------------------------------------*/
.mainContents {
	position:relative;
	width:100%;
}

#index footer,#index .whWrap {
	width:1020px;
	margin:0 auto;
}

#inside footer,#inside .whWrap {
	width:1020px;
	margin:0 auto;
}

/* footer
------------------------------------*/
footer {
	padding:155px 0 20px;
	clear:both;
	text-align:left;
}

footer .whWrap {
	box-sizing: border-box;
	padding:18px 0 18px 45px;
	width:100%;
	background:#fff;
}

footer .whWrap strong {
	display:inline;
	float:left;
	margin-right: 20px;
}

footer .whWrap strong:first-of-type {
	width: 265px;
	margin-right: 20px;
	padding-top: 1px;
}

footer .whWrap strong:nth-of-type(2) { width: 210px; }
footer .whWrap strong:nth-of-type(3) { width: 225px; }

footer .whWrap ul {
	display:inline;
	float:left;
	margin-top: 3px;
	position:relative;
	bottom:-1px;
}

footer .whWrap ul li {
	display: inline;
	float: left;
	margin-left: 12px;
	font-size: 12px;
	white-space: nowrap;
}

footer .whWrap ul li a {
	padding-bottom: 2px;
	font-weight: bold;
}

footer .whWrap ul li a:hover {
	text-decoration: none;
}

footer .whWrap ul li:nth-of-type(1) a { border-bottom: 1px solid #B68C76; color: #B68C76; }
footer .whWrap ul li:nth-of-type(2) a { border-bottom: 1px solid #BDA54A; color: #BDA54A; }

footer .footerBox {
	position: relative;
}

footer .clearfix .fL {
	position: relative;
	margin: 55px 0 50px 20px;
}

footer .clearfix .fL small {
	font-family:"Adobe Garamond Pro" ,"Garamond Premier Pro" ,"Garamond",'EB Garamond',"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-size:12px;
	letter-spacing:1px;
	display:block;
	margin-top:30px;
}

footer .clearfix .fL > .link {
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 250px;
	padding-bottom: 2px;
	font-size: 12px;
	letter-spacing: 0.06em;
}

footer .clearfix .fL > .link:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #000000;
	width: calc(100%);
	height: 1px;
	opacity: 0.5;
}

footer .clearfix .fR {
	position: absolute;
	top: -15px;
	right: 35px;
}

#btnPagetop {
	position:fixed;
	bottom:30px;
	right:30px;
	z-index:9999;
	display:none;
}

/* .gnavIndex
------------------------------------*/
.gnavIndex {
	position: relative;
	padding: 0 0 0 36px;
}

.gnavIndex ul {
	display: flex;
	flex-direction: row-reverse;
}

.gnavIndex li {
	margin-left: 22px;
}

.gnavIndex li strong,
.gnavIndex li a {
	display: block;
	background: url(img/share/bg_burret3.svg) no-repeat right 5px top;
	padding-top: 20px;
}

.gnavIndex li.gnav5 a {
	background-position: right 4px top;
	padding-top: 22px;
}

.gnavIndex .ssNavBase {
	display: flex;
	flex-direction: row-reverse;
}

.gnavIndex .ssNav {
	margin-top: 15px;
}

.gnavIndex .ssNav li {
	margin: 0 15px 0 0;
}

.gnavIndex .ssNav li a {
	background: none !important;
}

.gnavIndex .sns {
	top: 20px !important;
}


/* modal
---------------------------------------------------------------------------*/
.btn-modal {
	position:fixed;
	top:30px;
	right:30px;
	z-index:9999;
	pointer-events: none;
	opacity: 0;
	transition: .2s ease-out;
}

.btn-modal.active {
	pointer-events: all;
	opacity: 1;
}

.bg-cover {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background: rgba(255,255,255,0.85);
	z-index:9000;
	display:none;
}

.modal {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  width: 904px;
  margin: 0 auto;
  text-align: center;
  transform: translateY(-50%);
  display: none;
  z-index: 9999;
  border: 1px solid #333;
}

.close {
  display: none;
  position: fixed;
  top: 30px;
  right: 30px;
  z-index: 9999;
  font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", 'Hiragino Sans', Meiryo, sans-serif;
  font-size: 14px;
  color: #ffffff;
  background: #000000;
  box-sizing: border-box;
  padding: 9px 16px;
  font-weight: bold;
  letter-spacing: 0.08em;
}

div.wpcf7-mail-sent-ok {
	border: none !important;
	margin-left: 0 !important;
	padding: 0 !important;
}


/* .sns
---------------------------------------------------------------------------*/
.sns {
	display: block !important;
	position: absolute;
	top: 0;
	left: 0;
}

.sns li {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

.sns li a {
	display: block;
	background: none !important;
	min-height: auto !important;
	padding: 3px !important;
}


/* .grecaptcha-badge
---------------------------------------------------------------------------*/
.grecaptcha-badge { pointer-events: none; z-index: -999; opacity: 0; }
body.page-id-7 .grecaptcha-badge { pointer-events: auto; z-index: 0; opacity: 1; }
body.page-id-7 #btnPagetop { display: none !important; }


/* .cartjs
---------------------------------------------------------------------------*/

/* .cartjs-price
------------------------------------*/
.cartjs-price .cartjs_product_num,
.cartjs-price .cartjs_cart_in,
.cartjs-price .cartjs_sales_price th {
	display: none !important;
}

.cartjs-price .cartjs_sales_price td {
	display: block;
	position: relative;
}

.cartjs-price .cartjs_sales_price td:before {
	display: block;
	content: 'yen [tax in]';
	position: absolute;
	top: 1px;
	right: -10px;
	font-size: 13px;
	letter-spacing: 0.04em;
	white-space: nowrap;
	z-index: 2;
}

.cartjs-price .cartjs_sales_price td:after {
	display: block;
	content: '';
	position: absolute;
	top: -1px;
	right: 0;
	background: url(img/share/bg.gif) repeat 0 0 #efeeeb;
	width: 55px;
	height: calc(100% + 3px);
	z-index: 1;
}

/* .heCl
------------------------------------*/
.heCl .price .cartjs-price,
.heCl2 .price .cartjs-price {
	display: inline-block;
}

.heCl .price .cartjs-price .cartjs_sales_price td:before,
.heCl2 .price .cartjs-price .cartjs_sales_price td:before {
	top: 2px;
	right: -1px;
	font-size: 14px;
}

.heCl .price .cartjs-price .cartjs_sales_price td:after,
.heCl2 .price .cartjs-price .cartjs_sales_price td:after {
	top: -4px;
	width: 70px;
	height: calc(100% + 4px);
}

.heCl .limited, .heCl .new, .heCl2 .limited, .heCl2 .new {
	z-index: 1;
}

.limited-sold,
article.sold .limited {
	display: none;
}

article.sold .limited-sold {
	display: block;
	z-index: 2;
}

/* .cartWrap
------------------------------------*/
.cartWrap dl .cartPrice .cartjs-price .cartjs_sales_price td:before {
	top: 1px;
	right: -9px;
	font-size: 13px;
}

.cartWrap dl .cartPrice .cartjs-price .cartjs_sales_price td:after {
	top: -3px;
	width: 59px;
}

.contentWrap .postPrice .cartjs-price {
	font-size: 20px;
}

.contentWrap .postPrice .cartjs-price .cartjs_sales_price td:before {
	top: 3px;
	right: 3px;
	font-size: 14px;
}

.contentWrap .postPrice .cartjs-price .cartjs_sales_price td:after {
	top: -4px;
	width: 76px;
	height: calc(100% + 6px);
}

/* .cartBox-sold
------------------------------------*/
.cartWrap .cartBox-sold,
.cartWrap.sold .cartBox {
	display: none;
}

.cartWrap.sold .cartBox-sold {
	display: block;
}

/* .aside .otherItem
------------------------------------*/
.aside .otherItem .cartjs-price .cartjs_sales_price td:before {
	top: 0;
	right: -16px;
}

.aside .otherItem .cartjs-price .cartjs_sales_price td:after {
	top: -4px;
	width: 51px;
	height: calc(100% + 6px);
}