@charset "shift_jis";

/* SpCommonReset
**************************** */
/* h1 and h2 */
#main h1 img,#main div[id^="h2_0"] img{
zoom:1;
display:block;
max-width:750px;
width:100%;
margin:auto;
}

/* wrap */
.okomeWrap {
max-width:750px;
width:100%;
margin:0 auto;
-webkit-text-size-adjust:100%;
}
.okomeWrap img {
vertical-align: top;
width: 100%;
height: auto;
zoom: 1 !important;
}
.okomeWrap a{
display: block;
border: none;
padding: 0;
}

/* .mvBlockA01
----------------------------------------------------------*/
.okomeWrap .mvBlockA01{
}

/* .headingBlock
----------------------------------------------------------*/
.okomeWrap .headingBlockA02{
margin: 0 0 3.8% 0;
}

/*
----------------------------------------------------------*/
.okomeWrap .anchorLinkBlockA01{
margin: 15% 0 8% 0;
}
.okomeWrap .anchorLinkBlockA01 ul li{
margin: 0 0 2.7% 0;
}

/*190924’Ç‹L
-----------------------------------------------------------------------------*/
.okomeWrap .productBlockA02{
	margin: 0 0 8%;
	padding: 5.333% 2.666%;
	background: #f6f0da;
}
.okomeWrap .productBlockA02 .imgA01{
	margin: 0 0 5.63%;
}
.okomeWrap .productBlockA02 .dataA01{
	padding: 0 2.81%;
}
.okomeWrap .productBlockA02 .dataA01 .nameA01{
	margin: 0 0 5.22%;
	padding: 2.29% 0;
	border-bottom: 1px solid #aca898;
	border-top: 1px solid #aca898;
	font-size: 17px;
	line-height: 1.47;
	color: #232323;
	font-weight: bold;
}
.okomeWrap .productBlockA02 .dataA01 .txtA01{
	margin: 0 0 8.2%;
	font-size: 12px;
	line-height: 1.71;
	color: #232323;
}
.okomeWrap .productBlockA02 .dataA01 .priceA01{
	margin: 8% 0 2%;
	font-size: 26px;
	color: #232323;
	text-align: right;
	font-weight: bold;
}
.okomeWrap .productBlockA02 .dataA01 .priceA01 .tax{
	font-size: 50%;
}

/*191206’Ç‹L
-----------------------------------------------------------------------------*/
.okomeWrap .headingBlockB04{
	margin:0 0 4.22%;
}

.okomeWrap .headingBlockC02{
	margin:6% 0 4.22%;
}

.okomeWrap .productBlockA02 .imgA02{
	margin:0 0 4.08%;
}

.okomeWrap .productBlockA02 .productBoxA01{
	margin:0 0 13.9%;
	padding:0 2.8%;
}

.okomeWrap .productBlockA02 .dataA02 .nameA01{
	margin: 0 0 5.22%;
	padding: 2.29% 0;
	border-bottom: 1px solid #aca898;
	border-top: 1px solid #aca898;
	font-size: 17px;
	line-height: 1.47;
	color: #232323;
	font-weight: bold;
}

.okomeWrap .productBlockA02 .dataA02 .txtA01{
	margin: 0 0 8.2%;
	font-size: 12px;
	line-height: 1.71;
	color: #232323;
}

.okomeWrap .productBlockA02 .dataA02 .priceA01{
	margin: 8% 0 2%;
	font-size: 26px;
	color: #232323;
	text-align: right;
	font-weight: bold;
}

.okomeWrap .productBlockA02 .dataA02 .priceA01 .tax{
	font-size: 50%;
}
.okomeWrap .headingBlockA07{
	margin: 0 0 3.8% 0;
}
.okomeWrap .bnrBlockA01 ul{
	width: 77.73%;
	margin: 6.26% auto 0;
}
.okomeWrap .bnrBlockA01 ul li{
	float: left;
	width: 49.1%;
	margin: 0 1.71% 1.88% 0
}
.okomeWrap .bnrBlockA01 ul li:nth-child(even){
	margin-right : 0;
}

/*230725up’Ç‹L
-----------------------------------------------------------------------------*/
.okomeWrap .recommendBlockA01{
background: url('../image/okome_sp_bg_001_230725.gif') no-repeat top;
background-size: contain;
padding: 5.33%;
margin-bottom: 8%;
}
.okomeWrap .recommendBlockA01 .cokumnWrapA01{
display: flex;
justify-content: space-between;
}
.okomeWrap .recommendBlockA01 .cokumn01{
margin-right: 5.33%;
width: min(80%,228px);
}
.okomeWrap .recommendBlockA01 .txtA01{
margin: 5% 0;
}
.okomeWrap .recommendBlockA01 .btnA01{
text-align: center;
margin: 4.55% auto 0;
width: 75%;
}
.okomeWrap .recommendBlockA01 .btnA01 a{
display:inline-block;
}

/*230801up’Ç‹L
-----------------------------------------------------------------------------*/
.okomeWrap .btnBlockA02 {
margin: 5% auto 10%;
width: 92%;
}

/*230808up’Ç‹L
-----------------------------------------------------------------------------*/
.okomeWrap .cautionBlockA01 dl {
display: flex;
font-size: 14px;
margin-top: 5%;
padding: 0 3%;
}
.okomeWrap .cautionBlockA01 dd {
margin-left: 1%;
}

/*couponBlock
-----------------------------------------------------------------------------*/
.okomeWrap .couponBlock {
margin: calc(40 / 750 * 100%) auto calc(30 / 750 * 100%);
}
.okomeWrap .notationBlock {
margin: 0 auto calc(50 / 750 * 100%);
width: calc(690 / 750 * 100%);
}
.okomeWrap .notationTtl {
padding: 0.75em 0;
width: calc(120 / 690 * 100%);
line-height: 1;
font-size: clamp(12px, 2.66vw, 20px);
place-items: center;
text-align: center;
background-color: #ccc;
font-weight: bold;
}
.okomeWrap .notationList {
margin-top: calc(10 / 690 * 100%);
}
.okomeWrap .notationItem {
font-size: clamp(12px, 2.66vw, 20px);
line-height: 1.5;
}

/*entry
-----------------------------------------------------------------------------*/
.okomeWrap .entry {
	position: relative;
	aspect-ratio: 750 / 1284;
	z-index: 0;
}
.okomeWrap .entryBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
}
.okomeWrap .entryBg img {
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
	object-position: center center;
}
.okomeWrap .entryInner {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	block-size: 100%;
}
.okomeWrap .entryAbout {
	text-align: center;
}
.okomeWrap .entryAboutText {
	font-size: clamp(0.875rem, 3.73vw, 1.75rem);
	line-height: calc(36 / 28);
	letter-spacing: -0.04em;
	font-weight: bold;
}
.okomeWrap .entryText--notation {
	color: #a10c0c;
	vertical-align: middle;
}
.okomeWrap .entryButton01 {
	margin-block-start: calc(30 / 750 * 100%);
	margin-inline: auto;
	inline-size: calc(578 / 750 * 100%);
}
.okomeWrap .entryText {
	margin-block-start: calc(68 / 750 * 100%);
	font-size: clamp(1.063rem, 4.53vw, 2.125rem);
	line-height: 1.65;
	color: #000;
	font-weight: bold;
	text-align: center;
}
.okomeWrap .arrow {
	display: inline-block;
	font-size: clamp(0.625rem, 2.67vw, 1.25rem);
	vertical-align: middle;
}
.okomeWrap .entryButton02 {
	margin-block-start: calc(16 / 750 * 100%);
	margin-block-end: calc(51 / 750 * 100%);
	margin-inline: auto;
	inline-size: calc(578 / 750 * 100%);
}

.okomeWrap .entryNotation {
	margin-block-start: calc(53 / 750 * 100%);
	margin-inline: auto;
	inline-size: calc(690 / 750 * 100%);
}
.okomeWrap .entryNotationTitle {
	inline-size: calc(170 / 690 * 100%);
	margin-block-end: calc(35 / 690 * 100%);
	padding-block: calc(11 / 28 * 1em);
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ccc;
	font-size: clamp(0.875rem, 3.73vw, 1.75rem);
	line-height: 1;
	font-weight: bold;
}
.okomeWrap .entryNotation ul {
	margin-block: calc((1em - 1lh) / 2);
	margin-inline-start: calc(-10 / 690 * 100%);
	font-size: clamp(0.875rem, 3.73vw, 1.75rem);
	line-height: calc(40 / 28);
}

/* 750ƒoƒi�[ 1ƒJƒ‰ƒ€ */
.col1-750_387 .bannerList {
  --gap: 20px; /* ’²�® */
  gap: var(--gap);
}
.bannerWrap {
  margin: calc(50 / 750 * 100%) auto; /* ’²�® */
}
.titleBlock-h2 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.bannerList {
  margin-top: calc(20 / 750 * 100%); /* ’²�® */
  margin-inline: auto;
  width:calc(690 / 750 * 100%); /* ’²�® */
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.justify-content-center .bannerList {
  justify-content: center !important;
}

/* Š®”„‘Ήž */
.imgA01.soldOut {
position: relative;
}
.imgA01.soldOut::before {
position: absolute;
top: 0;
left: 0;
content: "";
display: block;
width: 100%;
height: 100%;
background: #fff;
opacity: 0.6;
z-index: 10;
}
.imgA01.soldOut::after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
content: "Š®”„‚µ‚Ü‚µ‚½";
display: block;
background-position: center center;
background-size: cover;
z-index: 20;
color: #C00000;
font-size: 35px;
font-weight: bold;
width: 210px;
font-family: "Ÿà–¾’©", YuMincho, "Hiragino Mincho ProN W3", "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
}
.soldoutTxt{
margin-bottom: calc(40 / 750 * 100%);
padding: calc(20 / 750 * 100%);
border: solid 2px #C00000;
color: #C00000;
font-size: 15px;
font-weight: bold;
}


/*250828up’Ç‹L
-----------------------------------------------------------------------------*/
.okomeWrap .productBlockA02 .column2WrapA02{
display: flex;
justify-content: space-between;
}
.okomeWrap .productBlockA02 .column2WrapA02 .cokumn01{
width: 48%;
}
.okomeWrap .productBlockA02 .column2WrapA02 .cokumn02{
width: 48%;
}
.okomeWrap .productBlockA02 .priceA01 .twoLine {
margin-right: 7px;
}
.okomeWrap .productBlockA02 .dataA01 .priceA01 {
line-height: 1.2;
}
.okomeWrap .productBlockA02 .dataA02 .priceA01{
line-height: 1.2;
}