@charset "UTF-8";
/* CSS Document */
/* --------------------------------------------------

初期設定

-------------------------------------------------- */
/* --------------------------------------------------

hover

-------------------------------------------------- */
/* --------------------------------------------------

スマホサイズのフォント指定

-------------------------------------------------- */
/* --------------------------------------------------

breakpoint

-------------------------------------------------- */
/* --------------------------------------------------

item

-------------------------------------------------- */
.item-container-inner {
				display: flex;
				justify-content: space-between;
}
@media only screen and (max-width: 1100px) {
				.item-container-inner {
								display: block;
				}
}
.item-container-inner .single-image {
				width: 48%;
}
@media only screen and (max-width: 1100px) {
				.item-container-inner .single-image {
								width: 100%;
				}
}
.item .item-image {
				width: 48%;
				float: left;
}
@media only screen and (max-width: 1100px) {
				.item .item-image {
								width: 100%;
				}
}
.item .item-image img {
				width: 100%;
}
.item .gallery li {
				list-style: none;
}
.item .gallery li img {
				width: 100%;
}
.item .slick-prev,
.item .slick-next {
				position: absolute;
				z-index: 3;
				top: 50%;
				cursor: pointer;
				outline: none;
				border-top: 2px solid #333;
				border-right: 2px solid #333;
				height: 15px;
				width: 15px;
}
.item .slick-prev:after,
.item .slick-next:after {
				content: "";
				position: absolute;
				top: -14px;
				left: -8px;
				width: 40px;
				opacity: 0.5;
				height: 30px;
				transform: rotate(45deg);
}
.item .slick-prev {
				left: 2.5%;
				transform: translateY(-50%) rotate(-135deg);
}
.item .slick-next {
				right: 2.5%;
				transform: translateY(-50%) rotate(45deg);
}
.item .slick-track {
				margin-left: 0 !important;
				margin-right: 0 !important;
}
.item .choice-btn {
				margin: 6px 0 40px;
}
.item .choice-btn li {
				cursor: pointer;
				width: 19% !important;
				aspect-ratio: 1;
				display: flex !important;
				align-items: center;
				border: 1px solid #fff;
				margin: 0 0 1% 1%;
}
@media only screen and (min-width: 789px) {
				.item .choice-btn li:nth-child(5n+1) {
								margin-left: 0;
				}
}
.item .choice-btn li img {
				width: 100%;
}
.item .choice-btn li.slick-current {
				border: 1px solid #ddd;
}
.item .choice-btn .slick-track {
				width: 100% !important;
				display: flex;
				flex-wrap: wrap;
				transform: translate3d(0, 0, 0) !important;
}
.item .choice-btn .slick-track::before {
				content: "";
				display: block;
				width: 23%;
				order: 1;
}
.item .choice-btn .slick-track::after {
				content: "";
				display: block;
				width: 23%;
}
.item .slick-slider {
				position: relative;
				display: block;
				box-sizing: border-box;
				-webkit-user-select: none;
				        user-select: none;
				touch-action: pan-y;
}
.item .slick-slider .slick-track,
.item .slick-slider .slick-list {
				transform: translate3d(0, 0, 0);
}
.item .slick-slider .slick-list {
				position: relative;
				display: block;
				overflow: hidden;
				margin: 0;
				padding: 0;
}
.item .slick-slider .slick-list:focus {
				outline: none;
}
.item .slick-slider .slick-list .slick-list.dragging {
				cursor: pointer;
				cursor: hand;
}
.item .slick-slider .slick-track {
				position: relative;
				top: 0;
				left: 0;
				display: block;
				margin-left: auto;
				margin-right: auto;
}
.item .slick-slider .slick-track::after {
				clear: both;
}
.item .slick-loading .slick-track {
				visibility: hidden;
}
.item .slick-slide {
				display: none;
				float: left;
				height: 100%;
				min-height: 1px;
}
.item .slick-slide img {
				display: block;
}
.item .slick-slide.slick-loading img {
				display: none;
}
.item .slick-slide.dragging img {
				pointer-events: none;
}
.item [dir=rtl] .slick-slide {
				float: right;
}
.item .slick-initialized .slick-slide {
				display: block;
}
.item .slick-loading .slick-slide {
				visibility: hidden;
}
.item .slick-arrow.slick-hidden {
				display: none;
}
.item .thumb-variant__select-visually-hidden {
				position: absolute !important;
				left: -9999px !important;
				width: 1px;
				height: 1px;
				overflow: hidden;
}
.item .thumb-variant__list {
				display: grid;
				grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
				gap: 8px;
				margin-top: 8px;
}
.item .thumb-variant__btn {
				gap: 6px;
				padding: 0;
				border: 1px solid #ddd;
				background: #fff;
				cursor: pointer;
}
.item .thumb-variant__btn.is-active {
				border-color: #666;
}
.item .thumb-variant__btn.is-disabled {
				opacity: 0.45;
				cursor: not-allowed;
}
.item .thumb-variant__btn.is-soldout {
				opacity: 0.4;
				position: relative;
				border: 1px solid #666;
				overflow: hidden;
}
.item .thumb-variant__btn.is-soldout::after {
				content: "";
				position: absolute;
				inset: 0;
				background: linear-gradient(135deg, transparent 49%, #666 50%, transparent 51%);
}
.item .thumb-variant__imgwrap {
				width: 56px;
				height: 56px;
}
.item .thumb-variant__img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				display: block;
}
.item .thumb-variant__label {
				font-size: 12px;
				line-height: 1.2;
				text-align: center;
				display: none;
}
.item .thumb-variant__current {
				margin-top: 8px;
				font-size: 14px;
				line-height: 1.4;
}
.item .thumb-variant__current.prefix {
				font-weight: 700;
				margin-right: 0.25em;
}
.item .thumb-variant__current.value {
				font-weight: 400;
}
.item-heading-content {
				width: 48%;
}
@media only screen and (max-width: 1100px) {
				.item-heading-content {
								width: 100%;
								margin-top: 2em;
				}
}
.item-heading-content .ttl {
				font-size: 1.8rem;
}
.item-heading-content .model {
				font-size: 3rem;
				font-weight: 700;
}
@media only screen and (max-width: 1100px) {
				.item-heading-content .model {
								font-size: 2.4rem;
				}
}
.item-heading-content .txt-wrap {
				font-size: 1.3rem;
}
.item-heading-content .txt-1 {
				font-size: 1.3rem;
				color: #E42020;
				margin-top: 0.5em;
}
.item-heading-content .txt-2 {
				font-size: 1.3rem;
				margin-top: 0.5em;
}
.item-heading-content .item-info-box {
				margin-top: 0.6em;
				display: flex;
				border-bottom: 1px solid #DDD;
				padding-bottom: 0.7em;
				margin-bottom: 1.2em;
}
.item-heading-content .item-info-box .review-link {
				font-size: 1.3rem;
}
.item-heading-content .item-info-box .review-empty {
				margin-top: 0;
}
.item-heading-content .review-part .score {
				margin-top: 0;
}
.item-heading-content .fav-part {
				position: relative;
				top: auto;
				right: auto;
				bottom: auto;
				left: auto;
				margin-left: 0.6em;
}
.item-heading-content .price-part {
				padding-block: 1em;
}
.item-heading-content .price-part .price {
				font-size: 1.9rem;
				font-weight: 600;
}
.item-heading-content .price-part .price .price-unit {
				font-size: 1.3rem;
				font-family: "Roboto", sans-serif;
				margin-right: 0.2em;
}
.item-heading-content .price-part .price .price-tax {
				font-size: 1.1rem;
}
.item-heading-content .price-part .price-del {
				font-size: 1.9rem;
				font-weight: 400;
}
.item-heading-content .price-part .price-del span {
				font-size: inherit;
}
.item-heading-content .price-part .price-sale {
				color: #E42020;
				font-size: 2.7rem;
}
.item-heading-content .price-part .price-sale .price-tax {
				color: #1A1A1A;
}
.item-heading-content .price-part .price-normal {
				font-size: 2.7rem;
}
.item-heading-content .point {
				font-size: 1.3rem;
}
.item-heading-content .variation {
				margin-block: 1em 0;
}
.item-heading-content .variation .variation-item {
				margin-bottom: 1.5rem;
}
.item-heading-content .variation .variation-item .variation-ttl {
				font-size: 1.4rem;
				font-weight: bold;
				margin-top: 1rem;
}
.item-heading-content .variation .variation-item .variation-options {
				display: flex;
				gap: 1rem;
}
.item-heading-content .variation .variation-item .variation-options .variation-option {
				cursor: pointer;
				border: 2px solid transparent;
				padding: 0.5rem;
				transition: border-color 0.3s ease;
				text-align: center;
}
.item-heading-content .variation .variation-item .variation-options .variation-option.active {
				border-color: #666;
}
.item-heading-content .variation .variation-item .variation-options .variation-option img {
				width: 80px;
				height: 80px;
				object-fit: cover;
				border-radius: 4px;
				margin-bottom: 0.5rem;
}
@media only screen and (max-width: 768px) {
				.item-heading-content .variation .variation-item .variation-options .variation-option img {
								width: 60px;
								height: 60px;
				}
				.item-heading-content .variation .variation-item .variation-options .variation-option .option-label {
								font-size: 1rem;
				}
}
.item-heading-content .variation .item-option .makeshop-option-wrap {
				margin-bottom: 1em;
}
.item-heading-content .jan-code {
				font-size: 1.3rem;
				margin-top: 1em;
				display: flex;
				align-items: center;
}
.item-heading-content .quantity-blk {
				display: flex;
				align-items: center;
				gap: 1rem;
				padding-block: 1em;
}
.item-heading-content .quantity-blk .quantity-label {
				font-size: 1.4rem;
				font-weight: bold;
}
.item-heading-content .quantity-blk .quantity-operate {
				display: flex;
				align-items: center;
				border: 1px solid #DDD;
				border-radius: 4px;
}
.item-heading-content .quantity-blk .quantity-operate .quantity-down,
.item-heading-content .quantity-blk .quantity-operate .quantity-up {
				width: 40px;
				height: 40px;
				border: none;
				background: #FFF;
				font-size: 1.6rem;
				font-weight: bold;
				cursor: pointer;
				display: flex;
				align-items: center;
				justify-content: center;
				color: #1A1A1A;
				transition: background-color 0.3s ease;
}
.item-heading-content .quantity-blk .quantity-operate .quantity-down:hover,
.item-heading-content .quantity-blk .quantity-operate .quantity-up:hover {
				background: #EEE;
}
.item-heading-content .quantity-blk .quantity-operate .quantity-down:disabled,
.item-heading-content .quantity-blk .quantity-operate .quantity-up:disabled {
				color: #DDD;
				cursor: not-allowed;
}
.item-heading-content .quantity-blk .quantity-operate .quantity-down {
				border-right: 1px solid #DDD;
				border-radius: 4px 0 0 4px;
}
.item-heading-content .quantity-blk .quantity-operate .quantity-up {
				border-left: 1px solid #DDD;
				border-radius: 0 4px 4px 0;
}
.item-heading-content .quantity-blk .quantity-input {
				width: 60px;
				height: 40px;
				border: none;
				text-align: center;
				font-size: 1.4rem;
				font-weight: bold;
				background: #FFF;
				color: #1A1A1A;
}
.item-heading-content .quantity-blk .quantity-input:focus {
				outline: none;
}
.item-heading-content .quantity-blk .quantity-input::-webkit-outer-spin-button, .item-heading-content .quantity-blk .quantity-input::-webkit-inner-spin-button {
				-webkit-appearance: none;
				margin: 0;
}
.item-heading-content .quantity-blk .quantity-input[type=number] {
				-moz-appearance: textfield;
}
.item-heading-content .disabled-btn {
				margin-bottom: 1em;
				background: #ccc;
				text-align: center;
				padding: 1em;
				font-size: 1.8rem;
				font-weight: 700;
				color: #fff;
}
.item-heading-content .add-cart a {
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 1em;
				background: #666;
				color: #FFF;
				font-size: 1.8rem;
				font-weight: 700;
}
.item-heading-content .add-cart a::after {
				content: "";
				display: inline-block;
				width: 2.7rem;
				height: 2.4rem;
				margin-left: 0.5em;
				background: url(../img/common/ico_cart_w.svg) no-repeat center center/cover;
}
.item-heading-content .add-cart a:hover {
				background: #666;
}
.item-detail {
				background: #f9f9f9;
				padding: 4em 0;
				margin-top: 7em;
}
@media only screen and (max-width: 1100px) {
				.item-detail {
								padding: 3em 0;
								margin-top: 3em;
				}
}
.item-detail-block {
				background: #FFF;
				padding: 3em;
				margin-top: 3em;
}
@media only screen and (max-width: 1100px) {
				.item-detail-block {
								padding: 5%;
								margin-top: 2em;
				}
}
.item-detail-block:first-child {
				margin-top: 0;
}
.item-detail-block .ttl-large {
				margin-top: 0;
				font-weight: 500;
}
.item-detail-box {
				margin-top: 3em;
}
@media only screen and (max-width: 1100px) {
				.item-detail-box {
								margin-top: 2em;
				}
}
.item-detail-box h4 {
				font-size: 2.3rem;
				text-align: center;
}
@media only screen and (max-width: 1100px) {
				.item-detail-box h4 {
								font-size: 1.8rem;
				}
}
.item-detail-pht {
				width: 100%;
}
.item-detail-pht img {
				width: 100%;
				height: auto;
				max-width: initial;
}
.item-detail-heading p {
				margin-top: 1em;
}
.item-detail-video {
				width: 100%;
				position: relative;
}
.item-detail-video iframe {
				width: 100%;
				height: auto;
				aspect-ratio: 16/9;
				border: none;
}
.item-detail-contents-box {
				display: flex;
				align-items: center;
				margin-top: 2em;
}
@media only screen and (max-width: 1100px) {
				.item-detail-contents-box {
								display: block;
				}
}
.item-detail-contents-pht {
				width: 30%;
}
@media only screen and (max-width: 1100px) {
				.item-detail-contents-pht {
								width: 100%;
								margin-top: 2em;
				}
}
.item-detail-contents dl {
				flex: 1;
				padding-inline: 2em;
}
@media only screen and (max-width: 1100px) {
				.item-detail-contents dl {
								padding-inline: 0;
								margin-top: 1em;
				}
}
.item-detail-contents dl dt {
				font-size: 2rem;
}
.item-detail-contents dl dd {
				margin-top: 1em;
}
.item-detail-contents-box:nth-child(even) {
				flex-direction: row-reverse;
}
.item-detail-gallery ul {
				display: flex;
				margin-top: 2em;
}
@media only screen and (max-width: 1100px) {
				.item-detail-gallery ul li {
								margin-bottom: 1em;
				}
}
.item-detail-gallery ul li dl {
				margin-top: 0.5em;
}
.item-detail-gallery ul li dl dt {
				font-size: 1.7rem;
}
.item-detail-gallery ul li dl dd {
				font-size: 1.4rem;
				margin-top: 0.3em;
}
.item-detail-gallery ul.col3 {
				justify-content: space-between;
				flex-wrap: wrap;
}
.item-detail-gallery ul.col3 li {
				width: 30%;
}
.item-detail-gallery ul.col4 {
				justify-content: space-between;
				flex-wrap: wrap;
}
.item-detail-gallery ul.col4 li {
				width: 22%;
}
@media only screen and (max-width: 1100px) {
				.item-detail-gallery ul.col4 li {
								width: 48%;
				}
}
.item-detail-text dl {
				margin-top: 2em;
}
.item-detail-text dl dt {
				font-weight: 700;
				font-size: 1.8rem;
}
.item-detail-text dl dd {
				font-size: 1.5rem;
				margin-top: 0.7em;
}
.item-table-data tbody tr th {
				width: 28%;
}
.makeshop-option-label {
				display: none;
}

.makeshop-option-select.is-hidden {
				position: absolute !important;
				left: -9999px !important;
}

.ms-variant-tabs {
				display: flex;
				gap: 24px;
				align-items: flex-start;
				flex-wrap: wrap;
				margin-top: 8px;
}
.ms-variant-tab {
				appearance: none;
				-webkit-appearance: none;
				display: inline-flex;
				flex-direction: column;
				align-items: center;
				justify-content: flex-start;
				padding: 0;
				background: none;
				border: 0;
				cursor: pointer;
				line-height: 1;
}
.ms-variant-tab::before {
				content: "";
				display: block;
				width: 80px;
				height: 80px;
				background: #f5f5f5 url("/img/common/noimage.jpg") center/cover no-repeat;
				margin-bottom: 0;
				outline: 2px solid #fff;
				outline-offset: 0;
				box-sizing: border-box;
}
.ms-variant-tab.is-active::before {
				outline-color: #000;
}
.ms-variant-tab__label {
				display: none;
}
.ms-variant-caption {
				margin-top: 12px;
				font-size: 14px;
				font-weight: 600;
				color: #111;
}

.modal-area {
				display: none;
				position: fixed;
				z-index: 10;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
}
.modal-bg {
				width: 100%;
				height: 100%;
				background-color: rgba(30, 30, 30, 0.9);
}
.modal-wrapper {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				width: 70%;
				max-width: 500px;
				padding: 30px;
				background-color: #fff;
}
.modal-cart-btn {
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-top: 1em;
}
@media only screen and (max-width: 768px) {
				.modal-cart-btn {
								display: block;
				}
}
.modal-cart-btn li {
				width: 48%;
}
.modal-cart-btn li a {
				width: 100%;
				display: block;
				text-align: center;
				padding: 15px 0;
				font-weight: bold;
				font-size: 13px;
				color: #1A1A1A;
}
.modal-cart {
				background: #fff;
				border: 1px solid #1A1A1A;
}
.modal-cart a {
				color: #1A1A1A;
}
.modal-cart a:hover {
				opacity: 0.7;
}
.modal-order {
				background: #666;
}
.modal-order a {
				color: #fff !important;
}
.modal-order a:hover {
				opacity: 0.7;
}
.modal-close {
				position: absolute;
				top: 0.5rem;
				right: 1rem;
				cursor: pointer;
}
.modal-open {
				margin-top: 1em;
}

.cart-amazon {
				width: fit-content;
				margin: 20px auto 0;
}

.option-image-option1 {
				margin-bottom: 30px;
				margin-top: 8px;
}
.option-image-option1 img {
				margin: 5px;
				border: solid 2px #eee;
				width: 40px;
				height: 40px;
				object-fit: cover;
				border-radius: 50%;
				max-width: 40px;
}
.option-image-option1 img.buy {
				border: solid 2px #000;
}

.option-image-option2 {
				display: flex;
				margin-bottom: 30px;
				margin-top: 8px;
				flex-wrap: wrap;
				gap: 10px 8px;
}
.option-image-option2-item {
				display: none;
				border: solid 2px #eee;
				padding: 6px 12px;
				cursor: pointer;
				max-width: 100px;
}
@media only screen and (max-width: 768px) {
				.option-image-option2-item {
								max-width: 88px;
				}
}
.option-image-option2-item.buy {
				border: solid 2px #000;
}
.option-image-option2-item .option-image-btn,
.option-image-option2-item .option-image-subscription-btn {
				display: none;
}
.option-image-soldout {
				background: #eee;
				position: relative;
				overflow: hidden;
}
.option-image-soldout::before {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 141.5%;
				height: 1.5px;
				background-color: #999;
				transform: rotate(45deg);
				transform-origin: top left;
				pointer-events: none;
				z-index: 10;
}
.option-image-checkout-button {
				width: 300px;
				display: inline-block;
				text-align: center;
				border-radius: 3px;
				margin-bottom: 5px;
				padding: 8px 0;
				font-weight: bold;
				font-size: 13px;
				background-color: #e90;
}
.option-image-checkout-button.subscription {
				color: #fff;
				background-color: #09e;
}
.option-image-restock-button {
				width: 300px;
				display: inline-block;
				text-align: center;
				border-radius: 3px;
				padding: 8px 0;
				font-weight: bold;
				font-size: 13px;
				background-color: #666;
				color: #fff;
}

.makeshop-option-select.is-visual-hidden,
.item-option select.is-visual-hidden {
				position: absolute !important;
				width: 1px !important;
				height: 1px !important;
				padding: 0 !important;
				margin: -1px !important;
				border: 0 !important;
				clip: rect(0 0 0 0) !important;
				clip-path: inset(50%);
				overflow: hidden !important;
}

.option-visual {
				clear: both;
				display: grid;
				grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
				gap: 10px;
				margin-top: 10px;
}
@media only screen and (max-width: 768px) {
				.option-visual {
								grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));
				}
}
.option-visual__btn {
				display: block;
				width: 100%;
				padding: 0;
				background: #fff;
				border: none;
				cursor: pointer;
				text-align: center;
				box-sizing: border-box;
}
.option-visual__btn.is-disabled {
				opacity: 0.45;
				cursor: not-allowed;
}
.option-visual__btn:hover .option-visual__img {
				border-color: #222;
}
.option-visual__btn.is-active .option-visual__img {
				border-color: #222;
}
.option-visual__img {
				display: block;
				width: 100%;
				aspect-ratio: 1/1;
				object-fit: cover;
				padding: 4px;
				border: 1px solid #ddd;
				transition: border-color 0.15s;
				box-sizing: border-box;
}
.option-visual__label {
				display: none !important;
}
.option-visual__current {
				margin-top: 8px;
				font-size: 14px;
				line-height: 1.6;
				color: #222;
}
@media only screen and (max-width: 768px) {
				.option-visual__current {
								font-size: 13px;
				}
}
.option-visual__current.prefix {
				font-weight: 700;
				margin-right: 0.25em;
}
.option-visual__current.value {
				font-weight: 400;
}

.shipping-note h5 {
				font-size: 1.3rem;
}
.shipping-note p span {
				font-weight: 700;
}

.sns-share {
				margin-top: 1em;
				display: flex;
				align-items: center;
}
@media only screen and (max-width: 1100px) {
				.sns-share {
								display: block;
				}
}
.sns-share h5 {
				margin-right: 1em;
				font-size: 1.4rem;
				font-weight: 700;
}
.sns-share ul {
				display: flex;
				gap: 10px;
}
@media only screen and (max-width: 1100px) {
				.sns-share ul {
								flex-wrap: wrap;
								margin-top: 0.5em;
				}
}
.sns-share ul li {
				height: 20px;
				width: auto;
}
.sns-share ul li .fb_iframe_widget span {
				vertical-align: top !important;
}
.sns-share ul li a {
				display: block;
}

.btn-block-flex {
				justify-content: space-evenly;
}

/* 通常の数量ブロック */
/* 売り切れ時（is-disabled が付いたとき） */
.quantity.js-sku-quantity.is-disabled {
				opacity: 1;
}

.quantity.js-sku-quantity.is-disabled .quantity-blk .quantity-operate .quantity-input {
				background-color: #eee !important;
}

.quantity.js-sku-quantity.is-disabled .quantity-blk .quantity-operate .quantity-down {
				background-color: #eee !important;
}

.quantity.js-sku-quantity.is-disabled .quantity-blk .quantity-operate .quantity-up {
				background-color: #eee !important;
}

.quantity.js-sku-quantity.is-disabled .quantity-down,
.quantity.js-sku-quantity.is-disabled .quantity-up,
.quantity.js-sku-quantity.is-disabled .quantity-input {
				color: #aaa;
				background: transparent;
				cursor: not-allowed;
				pointer-events: none;
}

.quantity.js-sku-quantity.is-disabled .quantity-input {
				border-color: transparent;
}

.item-table-data tbody tr th {
				text-align: left;
				padding: 1em 2em;
}