@charset "utf-8";

.block-wrapper {
	max-width: 800px;
	margin: 0 auto;
}
@media only screen and (max-width: 750px) {
	.block-wrapper {
		padding:0;
		margin:0 3%;
		width:94% !important;
	}
}


.block-wrapper-mw100 {
	max-width: 100%;
}

.block-wrapper div {
	box-sizing: border-box;
}
.block-wrapper img {
	max-width: 100%;
}

/**
 * grid layout
 */
.grid-wrapper {
	display: grid;
}
.grid-wrapper-2 {
	grid-template-columns: 49% 49%;
	justify-content: space-between;
}
@media only screen and (max-width: 750px) {
	.grid-wrapper-2.for-sp {
		grid-template-columns: none;
	}
	.grid-wrapper-2.for-sp.for-template {
		grid-template-columns: 49% 49%;
	}
}
.grid-wrapper-3 {
	grid-template-columns: 32% 32% 32%;
	justify-content: space-between;
}

/**
 * text
 */
.grid-wrapper .grid-item-text {
	line-height: 1.5;
	font-size: 1.4rem;
}
.grid-wrapper .grid-item-goods-with-text .goods_table:nth-child(n + 2) {
	margin-top: 10px;
}

/**
 * goods
 */
.grid-wrapper .grid-item-goods {
	line-height: 1.5;
	font-size: 1.4rem;
}
.grid-wrapper-1 .grid-item-goods:nth-child(n + 2) {
	margin-top: 10px;
}
.grid-wrapper-2 .grid-item-goods:nth-child(n + 3) {
	margin-top: 10px;
}
.grid-wrapper-3 .grid-item-goods:nth-child(n + 4) {
	margin-top: 10px;
}
.block-wrapper[data-type='goods1'],
.block-wrapper[data-type='goods2'],
.block-wrapper[data-type='goods3'],
.block-wrapper[data-type='goods4']
{
	max-width: 800px;
}
.block-wrapper.block-wrapper-mw100[data-type='goods1'],
.block-wrapper.block-wrapper-mw100[data-type='goods2'],
.block-wrapper.block-wrapper-mw100[data-type='goods3'],
.block-wrapper.block-wrapper-mw100[data-type='goods4']
{
	max-width: 100%;
}
.grid-wrapper-1.goods_line_table {
	grid-template-columns: 1fr;
	justify-content: center;
}
.grid-wrapper-2.goods_line_table {
	column-gap: 2.4%;
	grid-template-columns: repeat(2, 1fr);
	justify-content: center;
}
.grid-wrapper-3.goods_line_table {
	column-gap: 2.4%;
	grid-template-columns: repeat(3, 1fr);
	justify-content: center;
}
.grid-wrapper-4.goods_line_table {
	column-gap: 2.4%;
	grid-template-columns: repeat(4, 1fr);
	justify-content: center;
}

/**
 * border
 */
.grid-wrapper .grid-item-border {
	padding-top: 5px;
	padding-bottom: 5px;
}
.grid-wrapper .grid-item-border hr {
	display: block;
	border-top: 1px solid #ccc;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

/**
 * space
 */
.grid-wrapper .grid-item-space {
	height: 10px;
}
.grid-wrapper .grid-item-space-big {
	height: 30px;
}

/**
 * common class
 */
.grid-wrapper .grid-item-text-center {
	text-align: center;
}
.grid-wrapper .grid-item-text-right {
	text-align: right;
}
.grid-wrapper .grid-item-align-center {
	align-self: center;
}
.grid-wrapper .grid-item-align-end {
	align-self: end;
}
.block-wrapper .grid-item-text-center {
	text-align: center;
}
.block-wrapper .grid-item-text-right {
	text-align: right;
}
@media only screen and (max-width: 750px) {
	.grid-wrapper .grid-item-text-center-for-sp.for-user-page {
		text-align: center;
	}
	.grid-wrapper .grid-item-text-right-for-sp.for-user-page {
		text-align: right;
	}
	.block-wrapper .grid-item-text-center-for-sp.for-user-page {
		text-align: center;
	}
	.block-wrapper .grid-item-text-right-for-sp.for-user-page {
		text-align: right;
	}
	.grid-wrapper-4.goods_line_table {
		column-gap: 2.4%;
		grid-template-columns: 49% 49%!important;
		justify-content: center;
	}
}

a.disabled_link {
	text-decoration: none;
	pointer-events: none;
}
a.disabled_link:hover {
  cursor: default;
}

.hide {
	display: none;
}

.show {
	display: inline-block;
}

.add_cart_pop {
	background-color: #fff;
	border: 1px solid;
	display: none;
	margin: 0 auto;
	padding: 30px;
	position: absolute;
	max-width: 100%;
	width: 400px;
	z-index: 10000;
}
.add_cart_pop > p {
	font-size: 16px;
	margin-bottom: 30px;
	text-align: center;
}
.add_cart_pop .btn-area .button {
	font-size: 14px;
	height: auto;
	padding: 10px 0;
}

.add_cart_process_pop {
	background-color: #fff;
	border: 1px solid;
	display: none;
	margin: 0 auto;
	padding: 30px;
	position: absolute;
	max-width: 100%;
	width: 400px;
	z-index: 9999;
	text-align: center;
}
.add_cart_process_pop > p {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.input_text {
	font-family: 'Avenir Next Cyr W00 Demi', Verdana, '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}
.grid-wrapper-1 a.input_text {
	display: inline-block;
	width: 100%;
	padding: 15px;
}

.wrapper-add_cart_btn .add_cart_btn {
	height: 50px;
	width: 160px;
	background: #000;
	color: #fff;
	font-size: 14px;
}
@media only screen and (max-width: 750px) {
	.wrapper-add_cart_btn .add_cart_btn {
		height: 30px;
		width: 80px;
		font-size: 10px;
	}
}

/**
 * ボタンをLPで使用しているデザインに揃える
 */
.grid-wrapper-1 .page_btn {
	width: 42%;
	margin: 0 auto 0 auto;
	background-color: #000;
	padding: 2%;
}
@media only screen and (max-width: 750px) {
	.grid-wrapper-1 .page_btn {
		width: 80%;
		padding: 4% 1% 4% 1%;
	}
}

.grid-wrapper-1 .page_btn a.input_text {
	padding: 0;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
}

.goods_name {
	font-size: 12px;
	font-family: 'YakuHanJP', 'AppleSystem', 'Yu Gothic', YuGothic, 'MyHiragino', 'メイリオ', Meiryo, Osaka, 'MS UI Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.goods_price {
	font-size: 11px;
	font-family: "AvenirNextLTW01-Regular";
	color: #7d7d7d;
}