@charset "UTF-8";

@media (min-width: 768px) {
	.u-sp {
		display: none!important;
	}
}
@media (max-width: 767px) {
	.u-pc {
		display: none!important;
	}
}

.u-hidden {
	display: none!important;
}

.u-underline,
.tab__content__description02 a {
	text-decoration: underline!important;
	transition: 0.3s;
}
.u-underline:hover,
.tab__content__description02 a:hover {
	color: #808080!important;
}

.subDetail .vfBtn {
    display: none;
}

.subDetail .subDetailBtnwrapper:last-of-type a {
    border-right: 1px solid #ddd;
}

.subDetail a.subDetail_effect2 .subdetail_message:not(:root) {
    position: absolute;
    top: -60px;
    right: calc(50% - 125px);
    width: 250px;
    color: #000;
}

.detail__favorite.subDetail_effect2 {
    border-right: 1px solid #ddd;
}

#itemDetail #imageList {
    visibility: visible!important;
}
.swiper-pagination-sp {
    display: none !important;
}

.swiper-pagination-pc {
    display: block !important;
}

.detail__select {
    z-index: auto !important;
}

.detail__select__inner {
    background-color: transparent;
    padding: 0;
}
.detail__itemCategory {
	margin-top: 4px;
	line-height: 1.4;
	font-size: 15px;
	color: #808080;
}
.detail__modelNumber p {
	margin: 1px 0 0;
    font-size: 11px;
    font-weight: 400;
    color: #808080;
}
.detail .detail__modelNumber p {
    color: #808080;
}

.favorite_btnArea {
    margin-top: 4%;
}

.favoriteDetail__btn {
    width: 100%;
}

.favoriteDetail__btn button {
    width: 100%;
    border: solid 1px #000;
    padding: 10px;
}

.favoriteDetail__button .icon-like:before {
    vertical-align: sub !important;
}

.favoriteDetail__button {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    background-color: #fff;
}
.favoriteDetail__button:focus {
    outline: #000;
    background-color: #fff;
}
.header-navigation button:focus,
.footer-navigation button:focus {
    outline: none;
    background-color: transparent;
}

.favoriteDetail__button div.favoriteDetail__content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.favoriteDetail__button div.favoriteDetail__content p {
    padding-top: 3px;
    padding-left: 10px;
}

.favoriteDetail__button div.favoriteDetail__content p .favoriteDetail__add {
    display: none;
}

.favoriteDetail__button.like-active,
.favoriteDetail__button.qr_favorite_click_active {
    border-color: #D01B1B;
}

.favoriteDetail__button.like-active div.favoriteDetail__content .icon-like:before,
.favoriteDetail__button.qr_favorite_click_active div.favoriteDetail__content .icon-like:before {
    background-image: url(../../images/item_detail/like_2_red.png);
}

.favoriteDetail__button.like-active div.favoriteDetail__content p,
.favoriteDetail__button.qr_favorite_click_active div.favoriteDetail__content p {
    color: #D01B1B;
}

.favoriteDetail__button.like-active div.favoriteDetail__content p .favoriteDetail__add,
.favoriteDetail__button.qr_favorite_click_active div.favoriteDetail__content p .favoriteDetail__add {
    display: inline;
}

.favoriteDetail__button.like-active div.favoriteDetail__content p .favoriteDetail__noAdd,
.favoriteDetail__button.qr_favorite_click_active div.favoriteDetail__content p .favoriteDetail__noAdd {
    display: none;
}

.vfit_balloon {
    background: #fff;
    color: #000;
    max-width: 325px;
    box-shadow: none;
    font-size: 11px;
    border: 1px solid #000;
}

.vfit_balloon::before {
    border-bottom: 9px solid #333e58;
}

.vfit_balloon::after {
    content: "";
    position: absolute;
    top: -7.5px;
    display: block;
    border-bottom: 8.5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 15.5%;
}

.icon-attention::before {
    content: "";
    background-image: url(../../images/item_detail/ico_attention.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    display: inline-block;
    width: 18px;
    height: 18px;
}

.frequencyArea {
    margin-top: 40px;
}

.frequencyArea__lead {
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    font-size: 14.4px;
    font-weight: 700;
    color: #000;
}

.frequencyArea__link {
    margin-left: 28px;
}

.frequencyArea__link li:last-child {
    margin-bottom: 0;
}

.frequencyArea__link li a {
    font-size: 12px;
    color: #000;
    text-decoration: underline;
}

.frequencyArea__link li a:hover {
    text-decoration: none;
}

.fontJinsNext,
.detail__modelNumber {
    font-family: "jins_nextregular", "Tazugane Gothic", "TazuganeGothicStdN-Book", sans-serif;
}

.detail__itemTitle .detail__itemTitleName {
    color: #000;
    font-weight: 400;
    margin: 0;
    line-height: 1.4;
    font-family: "jins_nextregular", "Tazugane Gothic", "TazuganeGothicStdN-Book", sans-serif;
    font-size: 16px;
}

.detail__price {
    font-size: 22px;
    color: #000;
    font-weight: bold;
    letter-spacing: normal;
    margin-bottom: 0;
    font-family: "jins_nextregular", "Tazugane Gothic", "TazuganeGothicStdN-Book", sans-serif;
}
.detail__price .taxOuter {
	display: none;
	margin-left: -0.5em;
}
.detail__price .taxOuter,
.detail__price .tax {
	font-size: 12px;
}

.detail__swich span,
.detail__swich span.active {
    color: #000;
}
.detail__swich span.line {
    border-left: 1px solid #EEEEEE;
}

.detail__color li img {
    cursor: pointer;
}
.detail__color li img.active {
    border: 2px solid #666;
    padding: 1px;
    margin-top: -3px;
}

.detail__btn button,
.detail__btn .qrmode__cartBtn {
    color: #fff!important;
}
.detail__btn .qrmode__cartBtn {
	background: #DA0024!important;
}
.detail__btn .qrmode__cartBtnSoldout {
	background: #E6E6E6!important;
	color: #BFBFBF!important;
}
.detail__btn .detail__text span {
	color: #fff!important;
}
.detail__btn .qrmode__cartBtnSoldout span {
	color: #BFBFBF!important;
}

.information__tabs {
    margin: 0;
}
.l-itemDetail .accordion-box--overlap {
	max-width: none;
	transform: translateZ(0);
}
.m-tab4Hidden:not(.m-tab3Visible) #tab2 {
	padding-bottom: 20px;
}
.m-tab4Hidden.m-tab3Visible #tab3 {
	padding-bottom: 20px;
}

.tab_item {
    width: auto;
    color: #9F9D9C;
    font-size: 0.9rem;
    font-weight: 700;
    transition: all 0.2s ease;
    cursor: pointer;
    /* margin-right: 40px; */
    margin: 0;
    box-sizing: border-box;
    text-align: center;
}

.tab_item span {
    padding-bottom: 8px;
    border-bottom: solid 4px #dcdde3;
    width: 100%;
    display: block;
}

.tab_item:last-child {
    margin-right: 0;
}

.tab_item:hover {
    color: #000;
}

.tab_item:hover span {
    border-bottom: solid 4px #000;
}

#tab1:checked+.tab_item,
#tab2:checked+.tab_item,
#tab3:checked+.tab_item,
#tab4:checked+.tab_item {
    color: #000;
}

#tab1:checked+.tab_item span,
#tab2:checked+.tab_item span,
#tab3:checked+.tab_item span,
#tab4:checked+.tab_item span {
    border-bottom: solid 4px #000;
    width: 100%;
    display: block;
}

#tab2+.tab_item,
#tab3+.tab_item,
#tab4+.tab_item {
    padding-left: 0;
}

input[name="tab_item"] {
    display: none;
}

.tab__content {
	margin: 30px 0 0;
    padding: 0;
}

#tab1:checked~#tab1_content,
#tab2:checked~#tab2_content,
#tab3:checked~#tab3_content,
#tab4:checked~#tab4_content {
    display: block;
}

.tab__content__description01,
.tab__content__mystore {
	line-height: 1.7;
	font-size: 14.4px;
}

.tab__content__description01 {
	overflow: hidden;
	height: 8.2em;
}
.tab__content__description01 a,
.tab__content__description01 u {
	transition: 0.3s;
}
.tab__content__description01 a:hover,
.tab__content__description01 a:hover u {
	color: #808080;
}
.tab__content__description01.m-closed {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
.tab__content__more {
	display: flex;
	align-items: center;
	margin-top: 1.5em;
	cursor: pointer;
	font-size: 14.4px;
}
.tab__content__more span,
.tab__content__more svg {
	transition: 0.3s;
}
.tab__content__more:hover span {
	color: #808080;
}
.tab__content__more:hover svg {
	opacity: 0.3;
}
.tab__content__moreClose {
	display: none;
}
.tab__content__more svg {
	margin: 1px 0 0 2px;
	transform: rotate(180deg);
}
.tab__content__more.m-opened svg {
	margin-top: 0;
	transform: rotate(0deg);
}
.tab__content__more.m-opened .tab__content__moreOpen {
	display: none;
}
.tab__content__more.m-opened .tab__content__moreClose {
	display: inline;
}
/*
.tab__content__accordionsContainer {
	overflow: hidden;
	margin: -5px;
	padding: 5px;
}
*/
.tab__content__accordions {
	margin-top: 35px;
}
.tab__content__description02 a {
	text-decoration: underline;
}

.p-currentMystore,
.tab__content__mystore {
    display: none;
}
.tab__content__mystore {
    margin-bottom: 1.4em;
}
.activeMystore .p-currentMystore,
.activeMystore .store-stock-box,
.activeMystore .tab__content__mystore {
    display: block;
}
.p-currentMystore .store-stock-box {
	margin-bottom: 32px;
}
@media screen and (min-width: 1024px) {
	.p-currentMystore .store-stock-box__attention {
		display: block;
	}
}
.store-stock-box__attention-text {
	display: none;
}
.activeMystoreName .store-stock-box__attention-text {
	display: block;
}
.store-stock-box__attention-textIndent {
	display: inline-block;
	margin-left: 1em;
	text-indent: -1em;
}

.information table {
    margin-top: 0%;
    width: 100%;
}
.information table tr {
    border: none;
}
.information table th,
.information table td {
	height: auto;
    padding: 3px 0;
    font-weight: normal;
    text-align: left;
    line-height: 1.8;
	font-size: 14.4px;
	color: #000;
}
.information table th {
    width: 115px;
    min-width: auto;
}

.tab__content__description03 .description03__labels li {
    font-size: 14.4px;
}
.tab__content__description03 .description03__attention,
.p-itemdetailToggle__note {
    margin-bottom: 25px;
    font-size: 10.5px;
    line-height: 1.5;
	color: #5e5e5e;
}
.description03__attention {
	margin-top: 25px;
}
.description03__attentionItem,
.p-itemdetailToggle__noteItem {
	display: block;
	text-indent: -1em;
	margin-bottom: 7px;
	padding-left: 1em;
	color: #5e5e5e;
}
.description03__attentionItem a,
.description03__attentionItem u {
	color: #5e5e5e;
}
#item_detail_lens_custom_text {
	display: none;
}
.tab__content__description03 .description03__labels li,
.tab__content__description03 .lens_group,
.tab__content__description03 .lens_name,
.tab__content__description03 .lens_name_replace {
	margin-bottom: 4px;
}
.tab__content__description03 .description03__attention .description03__attention__bold {
    font-weight: bold;
}

.p-itemdetailToggle__note {
	margin-top: 12px;
}

.tab__content__description04 .help02 {
    margin: 0;
}

.tab__content__description04 .help02 ul li {
	background: transparent;
    border-radius: 5px;
    border: 1px solid #E0E0E0;
    margin: 0 0 10px;
    padding: 15px 38px 12px 14px;
	color: #000;
	transition: 0.3s;
}
.tab__content__description04 .help02 ul li:hover {
    border-color: #000;
}
.tab__content__description04 .help02 ul li .text {
    float: none;
	width: auto;
    font-size: 14.4px;
    line-height: 1.7;
	color: #000;
}
.tab__content__description04 .help02 ul li .icon02:before,
.tab__content__description04 .help02 ul li .icon04:before {
	content: none;
}

.p-guideBanner {
	margin: 20px 0 20px;
	text-align: center;
}
.p-guideBanner__item {
	margin-bottom: 10px;
}
.p-guideBanner__item img {
	transition: 0.3s;
}
.p-guideBanner__item:hover img {
	filter: brightness(0.97);
}
.p-guideBanner__item .pcOnly {
	display: none!important;
}
.p-guideBanner__item .spOnly {
	display: inline-block!important;
}

@media screen and (max-width: 767px) {
	.tab__content__more {
		justify-content: center;
	}
	.tab__content__accordionsContainer {
		margin-right: -24px;
		margin-left: -24px;
		padding-right: 0;
		padding-left: 0;
	}
}

.review__lead {
    font-size: 18px;
    text-align: center;
    color: #666;
    font-weight: 700;
    margin-bottom: 23px;
}

.review__block {
    background-color: #fff;
}
.p-userReview__subTitle,
.reviewIndex__list-first {
    display: flex;
	justify-content: space-between;
	margin-bottom: 13px;
}
.reviewIndex__listName {
    margin-top: 8px;
	font-size: 11px;
	color: #808080;
}
.reviewIndex__listDate {
	margin: 0 0 0 15px;
	font-size: 11px;
	color: #808080;
}
.reviewIndex__listReview span {
	display: none;
}

.reviewComment,
.reviewIndex__listComment {
    font-size: 14.4px;
    line-height: 1.7;
	color: #000;
}

.more_review {
    text-align: center;
}

.more_reviewWrapper {
    margin: 0;
}
.more_reviewWrapper .button-m-3-sub2-jp.-max-width {
	max-width: 342px;
}

.reviewPost {
	max-width: none;
	margin: 0;
	padding: 0;
}

.title-top-lv2 > span {
	font-weight: bold;
}
.p-userReviewModal__content .title-top-lv2 {
	margin-bottom: 35px;
}
.p-userReviewModal__content .title-top-lv2 > span {
	font-size: 20px;
}

.reviewPost__list-left {
    float: none;
    width: auto;
    margin-bottom: 22px;
}

.reviewPost__listQuestion {
	font-size: 16px;
	font-weight: normal;
	color: #000;
}
.reviewPost__list-right {
    float: none;
    width: auto;
}
.reviewPost__listComment {
	margin-top: 24px;
	font-size: 14.4px;
	color: #000;
}

.reviewPost__title {
    margin-bottom: 6px;
    font-size: 14.4px;
	color: #000;
}

.myForm__input input:not([type]),
.myForm__input2 input:not([type]),
.myForm__input input[type=text],
.myForm__input2 input[type=text],
.myForm__input input[type=password],
.myForm__input2 input[type=password],
.myForm__input input[type=email],
.myForm__input2 input[type=email],
.myForm__input input[type=url],
.myForm__input2 input[type=url],
.myForm__input input[type=time],
.myForm__input2 input[type=time],
.myForm__input input[type=date],
.myForm__input2 input[type=date],
.myForm__input input[type=datetime],
.myForm__input2 input[type=datetime],
.myForm__input input[type=datetime-local],
.myForm__input2 input[type=datetime-local],
.myForm__input input[type=tel],
.myForm__input2 input[type=tel],
.myForm__input input[type=number],
.myForm__input2 input[type=number],
.myForm__input input[type=search],
.myForm__input2 input[type=search],
.myForm__input textarea:not([type]),
.myForm__input2 textarea:not([type]),
.myForm__input textarea[type=text],
.myForm__input2 textarea[type=text],
.myForm__input textarea[type=password],
.myForm__input2 textarea[type=password],
.myForm__input textarea[type=email],
.myForm__input2 textarea[type=email],
.myForm__input textarea[type=url],
.myForm__input2 textarea[type=url],
.myForm__input textarea[type=time],
.myForm__input2 textarea[type=time],
.myForm__input textarea[type=date],
.myForm__input2 textarea[type=date],
.myForm__input textarea[type=datetime],
.myForm__input2 textarea[type=datetime],
.myForm__input textarea[type=datetime-local],
.myForm__input2 textarea[type=datetime-local],
.myForm__input textarea[type=tel],
.myForm__input2 textarea[type=tel],
.myForm__input textarea[type=number],
.myForm__input2 textarea[type=number],
.myForm__input textarea[type=search],
.myForm__input2 textarea[type=search] {
    border-radius: 0;
    border: solid 1px #d3d6db;
}

.myForm__input label,
.myForm__input2 label {
	transform: none!important;
	font-size: 14.4px!important;
	color: #808080!important;
	cursor: auto!important;
}
.myForm__input label.active,
.myForm__input2 label.active {
	display: none;
}

.waves-input-wrapper {
	display: block;
    border-radius: 0;
	cursor: auto;
}
.reviewPost__formNextBtn {
    margin-top: 30px;
	text-align: left;
}
.reviewPost__formNextBtn input {
	height: 62px!important;
	line-height: 62px!important;
    width: 100%!important;
	max-width: 342px;
    border-radius: 50px!important;
	font-size: 16px!important;
	font-weight: normal!important;
    color: #fff !important;
	background: #000 url(../../images/item_detail/icon_userreview_white.svg) no-repeat left 70px top 50%!important;
    border: 1px solid #000 !important;
	padding: 0 0 0 25px!important;
	text-align: center!important;
}
.reviewPost__formNextBtn input:hover {
    background-color: #808080!important;
    border: 1px solid #808080!important;
}
.reviewPost__lists {
/*
    display: none;
*/
}
.reviewPost__list {
	margin-bottom: 35px;
    padding: 0;
    border-top: none;
    border-bottom: none;
}
.reviewPost__list .rate {
	cursor: auto!important;
}
#itemDetail ul.reviewStars li,
#contentContainer .p-userReviewMoreModal__list ul.star li,
.reviewIndex__listReview .star li {
	width: auto!important;
	height: auto!important;
	font-size: 1px!important;
}
.reviewIndex__listReview .star li {
	float: left;
}
#itemDetail ul.reviewStars li img,
#contentContainer .p-userReviewMoreModal__list ul.star li img,
.reviewIndex__listReview li img {
	margin-right: 4px!important;
	width: 16px!important;
	height: auto!important;
}
.reviewPost .rate img {
	margin-right: 7px!important;
	width: 27px!important;
	height: auto!important;
	cursor: pointer;
}

.myForm__input input,
.myForm__input textarea {
	border: 1px solid #e6e6e6!important;
	border-radius: 5px!important;
	margin: 0!important;
}
.myForm__input input:focus,
.myForm__input textarea:focus {
	background-color: #F7F8FD!important;
	border-color: #ABB9ED!important;
}
.myForm__input input {
	height: 60px!important;
}
.myForm__input textarea {
	resize: vertical;
}
.myForm__input label,
.myForm__input2 label {
	top: 1.5rem;
}

.reviewPost__form {
	margin-bottom: 20px;
}
.reviewPost__form.m-margin1 {
	margin-bottom: 15px;
}
.reviewPost__listNotice {
	margin-top: 0;
	margin-bottom: 32px;
}
.reviewPost__listNotice p,
.reviewPost__listNotice p a {
	font-size: 11px;
	color: #5e5e5e;
}
.reviewPost__listNotice p {
	margin-bottom: 5px;
}

.reviewPost__readMeWrapper a {
	box-sizing: border-box;
	cursor: pointer;
}
.reviewPost__readMe {
    display: inline-block;
    text-align: center;
    font-size: 14.4px;
    font-weight: bold;
    color: #000;
    padding: 40px 18px 40px 0;
    cursor: pointer;
}

.reviewPost__readMe span {
    position: relative;
}

.reviewPost__readMe span::after {
    content: "";
    position: absolute;
    top: 0;
    right: -15px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    transition: all 0.1s ease;
}

.reviewPost__readMe.active span::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 4px;
}

.favoriteIco {
    display: block;
    z-index: 100;
    white-space: nowrap;
    cursor: pointer;
}
.favoriteIco__content,
.p-itemdetailThumbnail {
    width: 36px;
    height: 36px;
    border: solid 1px #e6e6e6;
    border-radius: 50%;
    background-color: #fff;
	margin: 0 0 8px;
}
.favoriteIco,
.p-itemdetailThumbnail {
	transition: 0.3s;
}
.favoriteIco:hover {
	filter: brightness(0.97);
}
.p-itemdetailThumbnail:hover {
	filter: brightness(0.95);
	opacity: 0.9;
}
.favoriteIco:hover .favoriteIco__content::after {
	opacity: 0.5;
}
.favoriteIco__content::after {
    display: inline-block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../../images/item_detail/like_2.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: left 51.5% top 55%;
	transition: 0.3s;
}
.favoriteIco.like-active .favoriteIco__content::after,
.favoriteIco.qr_favorite_click_active .favoriteIco__content::after {
    background-image: url(../../images/item_detail/like_2_red.svg);
}
.p-itemdetailThumbnail {
	background: #E0E0E0 url(../../images/item_detail/icon_thumbnail.svg) no-repeat left 52.5% top 50%;
	cursor: pointer;
}
.favoriteIco_txt {
    color: #fff;
    font-size: 10px;
    display: block;
    margin-top: 5px;
    text-align: center;
}

.detail__price {
    margin-bottom: 0;
    opacity: 0;
	letter-spacing: 0.02em;
}
.detail__price.m-show {
    opacity: 1;
}
.detail__title {
    padding-bottom: 0%;
}

.favorite_btnArea {
    display: none;
}

.add_new_favorite.like-active .icon-like:before,
.add_new_favorite.qr_favorite_click_active .icon-like:before {
    background-image: url(../../images/item_detail/like_2_red.png);
}

.swiper-nav {
	display: none;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#putItemToCartForm .detail__select {
	float: none;
    margin: 0;
}

.detail {
	max-width: 1920px;
	margin: -34px auto 60px;
}
@media screen and (min-width: 769px) {
	.detail {
		padding-left: 24px;
	}
}
@media screen and (min-width: 1400px) {
	.detail {
		padding-left: 48px;
	}
}

.detail,
.detail p {
	color: #000;
}

.flipdesk-inline-button-container {
    display: block !important;
    cursor: auto !important;
}

.subDetail a.subDetail_effect2.cartin_icon_wrap:hover {
    z-index: 2 !important;
}

.detail__reverseInner {
    display: flex;
    flex-direction: column;
	margin-bottom: 28px;
}
.qrmode .detail__reverseInner {
	margin-bottom: 16px;
}

.detail__title {
    order: 1;
}

.detail__topSlect {
    order: 2;
}

.detail__price.sale #detailPrice {
    color: #D01B1B;
}

.detail__price.sale #detailPrice .sale_label {
    display: none;
    font-size: 12px;
    font-weight: normal;
    padding: 4px 4px 0;
    border: solid 1px #D01B1B;
    margin-right: 7px;
    border-radius: 2px;
    vertical-align: text-bottom;
}

#flipdesk-html-button-content {
    font-family: 'jins_nextextralight', "proxima-nova", "Proxima Nova", 'Noto Sans Japanese', -apple-system, "Droid Sans", Roboto, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, HelveticaNeue, Helvetica, sans-serif;
}

/* sold out表示 */
.color__wrapper {
    display: block;
    position: relative;
}

.detail__colorZaiko,
.detail_zaikoBox,
.detail_colorType,
.detail_virtualFlag {
    display: none;
}

.detail__colorZaiko {
    position: absolute;
}

.detail__colorImg {
    display: block;
}

.detail__colorZaiko.soldout,
.detail__colorZaiko.soldoutMystore {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.7;
    top: 0;
    left: 0;
    pointer-events: none;
}

.detail__colorZaiko.soldout span,
.detail__colorZaiko.soldoutMystore span {
    color: #fff;
    font-size: 10px;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.p-userReview,
.p-userReview ins {
	background: none;
}
#contentContainer .login_review {
    margin: 0;
	padding: 0;
}
#contentContainer .review__login {
	position: static;
	margin-bottom: 0;
	text-align: left;
	font-size: 14.4px;
	font-weight: normal;
	color: #000;
}

@media only screen and (max-width: 767px) {
	#contentContainer .review .login_review {
		margin: 0;
		padding: 0;
	}
	.reviewPost__list .rate {
		text-align: center;
	}
}

/* アプリ連携 */
.snsCoopArea {
    display: none;
}

/* 2021/7 商品詳細ページ改修 */

.subdetail_message {
    right: 50% !important;
    transform: translateX(50%);
    width: auto;
}

.subdetail_message.subdetail_message_hide {
    display: none !important;
}

/* ストアボタン */
.detail__btnStore__list a {
	height: 60px;
    cursor: pointer;
}
.detail__btnStore__list a.is-active {
    opacity: 1;
    pointer-events: none;
}

/* 店舗名 */
.detail__storeName__edit,
.detail__btnStore__btn {
	cursor: pointer;
}

/* 似合い度 */
.detail__suitability__btn {
    display: none;
    background: #dc676c;
    color: #fff;
	height: 60px;
    padding: 10px 10px 10px 17px;
    border-radius: 60px;
    border: none;
    margin: 0;
}
.detail__suitability__btn:focus {
    background-color: #fff;
}
.detail__suitability__btn.u-show {
    display: block;
}

.detail__suitability__txt {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    color: #000;
}

.icon-ai::before {
    content: "";
    background-image: url(../../images/item_detail/ic_look_white.svg);
    background-position-y: 1px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    display: inline-block;
}

.icon-reload {
    background: #f3b1b4;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-reload::before {
    content: "";
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%EB%A0%88%EC%9D%B4%EC%96%B4_1%22%20data-name%3D%22%EB%A0%88%EC%9D%B4%EC%96%B4%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036.28%2036.61%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d2636b%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M-262.45%2C445.31a18%2C18%2C0%2C0%2C0-23.25-1.82l-3.56-3.82a1%2C1%2C0%2C0%2C0-1-.27%2C1%2C1%2C0%2C0%2C0-.7.79l-2.48%2C14.4a1%2C1%2C0%2C0%2C0%2C.27.86%2C1%2C1%2C0%2C0%2C0%2C.71.31h.14l14.07-2a1%2C1%2C0%2C0%2C0%2C.81-.66%2C1%2C1%2C0%2C0%2C0-.22-1l-3.89-4.17a12%2C12%2C0%2C0%2C1%2C14.88%2C1.63%2C12%2C12%2C0%2C0%2C1%2C0%2C16.93%2C12%2C12%2C0%2C0%2C1-16.92%2C0%2C3%2C3%2C0%2C0%2C0-4.24%2C0%2C3%2C3%2C0%2C0%2C0%2C0%2C4.24%2C17.9%2C17.9%2C0%2C0%2C0%2C12.7%2C5.25%2C17.9%2C17.9%2C0%2C0%2C0%2C12.7-5.25A18%2C18%2C0%2C0%2C0-262.45%2C445.31Z%22%20transform%3D%22translate(293.48%20-439.36)%22%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.detail__suitability__txtJp,
.detail__suitability__txtEn {
    line-height: 1;
}
.detail__suitability__txtJp {
    margin-left: 6px;
}
.detail__suitability__txtEn:not(.noData) {
    margin-left: 5px;
}

/* 決済 */
.detail__btnArea {
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

.virtualBtn__link {
	height: 60px;
	cursor: pointer;
}
.virtualBtn__link:not(#vfBtn_hide) {
	display: flex!important;
}
#vfBtn_hide {
    pointer-events: none!important;
}
.virtualfitHide #vfBtn_hide {
    display: none!important;
}

.detail__btn {
    margin: 0 0 10px;
}
.detail__btn button,
.detail__btn .qrmode__cartBtn {
	height: 60px;
    padding: 16px 26px;
    white-space: nowrap;
}
#itemDetail #soldOut_btnArea button {
	background-color: #E6E6E6!important;
	cursor: default!important;
}
#itemDetail #soldOut_btnArea button,
#itemDetail #soldOut_btnArea button p,
#itemDetail #soldOut_btnArea button span {
	color: #BFBFBF!important;
}
#itemDetail #soldOut_btnArea button {
	height: 60px;
}
#itemDetail #soldOut_btnArea button .detail__textEn {
	display: inline-block;
	vertical-align: text-bottom;
	line-height: 1;
}

.detail__text {
    font-size: 16px;
}

.detail__textEn {
	font-family: "jins_nextregular", "Tazugane Gothic", "TazuganeGothicStdN-Book", sans-serif;
	font-size: 18px;
	font-weight: normal;
}
.detail__textJa {
    font-size: 100%;
}

.detail .information {
	background-color: transparent;
}

/* カラー */
.detail__colorZaiko.soldout,
.detail__colorZaiko.soldoutMystore {
	top: 0;
	left: 0;
	background-color: #E4E4E5;
	background-image: linear-gradient(to right bottom, transparent calc(50% - 1px), #B1B1B1 calc(50% - .5px), #B1B1B1 calc(50% + .5px), transparent calc(50% + 1px), transparent);
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

.iconWrap {
    width: 61px;
    height: 61px;
    border-radius: 50%;
    background-color: #fff;
    display: block;
}

.ico_txt {
    color: #fff;
    font-size: 10px;
    display: block;
    text-align: center;
    margin-top: 5px;
}

.icon-glasses02,
.icon-position {
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-glasses02::before {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2285px%22%20height%3D%2275.91px%22%20viewBox%3D%220%200%2085%2075.91%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2085%2075.91%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%2343484C%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M82.5%2C35.46h-4.67c-1.21-7.86-8-13.91-16.2-13.91c-8.2%2C0-14.99%2C6.05-16.2%2C13.91h-5.86%20c-1.21-7.86-8-13.91-16.2-13.91c-8.2%2C0-14.99%2C6.05-16.2%2C13.91H2.5c-1.38%2C0-2.5%2C1.12-2.5%2C2.5s1.12%2C2.5%2C2.5%2C2.5h4.67%20c1.21%2C7.86%2C8%2C13.91%2C16.2%2C13.91c8.2%2C0%2C14.99-6.05%2C16.2-13.91h5.86c1.21%2C7.86%2C8%2C13.91%2C16.2%2C13.91c8.2%2C0%2C14.99-6.05%2C16.2-13.91h4.67%20c1.38%2C0%2C2.5-1.12%2C2.5-2.5S83.88%2C35.46%2C82.5%2C35.46z%20M23.37%2C49.37c-6.29%2C0-11.41-5.12-11.41-11.41s5.12-11.41%2C11.41-11.41%20c6.29%2C0%2C11.42%2C5.12%2C11.42%2C11.41S29.66%2C49.37%2C23.37%2C49.37z%20M61.63%2C49.37c-6.29%2C0-11.41-5.12-11.41-11.41s5.12-11.41%2C11.41-11.41%20c6.29%2C0%2C11.42%2C5.12%2C11.42%2C11.41S67.92%2C49.37%2C61.63%2C49.37z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M7.04%2C21c1.38%2C0%2C2.5-1.12%2C2.5-2.5V5h13.5c1.38%2C0%2C2.5-1.12%2C2.5-2.5S24.42%2C0%2C23.04%2C0h-16%20c-1.38%2C0-2.5%2C1.12-2.5%2C2.5v16C4.54%2C19.88%2C5.66%2C21%2C7.04%2C21z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M61.63%2C5h13.5v13.5c0%2C1.38%2C1.12%2C2.5%2C2.5%2C2.5s2.5-1.12%2C2.5-2.5v-16c0-1.38-1.12-2.5-2.5-2.5h-16%20c-1.38%2C0-2.5%2C1.12-2.5%2C2.5S60.25%2C5%2C61.63%2C5z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M23.04%2C70.91H9.54v-13.5c0-1.38-1.12-2.5-2.5-2.5s-2.5%2C1.12-2.5%2C2.5v16c0%2C1.38%2C1.12%2C2.5%2C2.5%2C2.5h16%20c1.38%2C0%2C2.5-1.12%2C2.5-2.5S24.42%2C70.91%2C23.04%2C70.91z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M77.63%2C54.91c-1.38%2C0-2.5%2C1.12-2.5%2C2.5v13.5h-13.5c-1.38%2C0-2.5%2C1.12-2.5%2C2.5s1.12%2C2.5%2C2.5%2C2.5h16%20c1.38%2C0%2C2.5-1.12%2C2.5-2.5v-16C80.13%2C56.03%2C79.01%2C54.91%2C77.63%2C54.91z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    content: "";
    display: inline-block;
    width: 30px;
    height: 28px;
}

.icon-position::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1Mi41IiBoZWlnaHQ9IjU3LjMzIiB2aWV3Qm94PSIwIDAgNTIuNSA1Ny4zMyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiMzZjQ2NGU7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDozcHg7fS5jbHMtMntmaWxsOiMzZjQ2NGU7fS5jbHMtM3tmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMS41IiB5PSIyNi44MyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjExIi8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxLjUiIHk9IjQ0LjgzIiB3aWR0aD0iMjAiIGhlaWdodD0iMTEiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjI4LjUiIHk9IjQ0LjgzIiB3aWR0aD0iMjAiIGhlaWdodD0iMTEiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjI4LjUiIHk9IjI2LjgzIiB3aWR0aD0iMjAiIGhlaWdodD0iMTEiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zOC41LDMzLjgzYTEuNTMsMS41MywwLDAsMS0xLjEyLS40OUMzNi4yMiwzMiwyNiwyMC40NiwyNiwxNGExMi41LDEyLjUsMCwwLDEsMjUsMGMwLDYuNDYtMTAuMjIsMTgtMTEuMzgsMTkuMzRBMS41MywxLjUzLDAsMCwxLDM4LjUsMzMuODNaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMzguNSwzYTExLDExLDAsMCwxLDExLDExYzAsNi4wOC0xMSwxOC4zMy0xMSwxOC4zM1MyNy41LDIwLjA4LDI3LjUsMTRhMTEsMTEsMCwwLDEsMTEtMTFtMC0zYTE0LDE0LDAsMCwwLTE0LDE0YzAsNi44OCw5LjgsMTguMTUsMTEuNzcsMjAuMzRhMywzLDAsMCwwLDQuNDYsMEM0Mi43LDMyLjE1LDUyLjUsMjAuODgsNTIuNSwxNGExNCwxNCwwLDAsMC0xNC0xNFoiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMyIgY3g9IjM4LjUiIGN5PSIxNCIgcj0iNSIvPjwvZz48L2c+PC9zdmc+');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: -8px;
    margin-left: 1px;
}

.js-mystoreMode0 .icon-position::before,
.js-mystoreMode1 .icon-position::before,
.activeMystoreSoldout .icon-position::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3Mi45OCIgaGVpZ2h0PSI2OS42NiIgdmlld0JveD0iMCAwIDcyLjk4IDY5LjY2Ij48ZGVmcz48c3R5bGU+LmNscy0xe29wYWNpdHk6MC40O30uY2xzLTJ7ZmlsbDojNDM0ODRjO308L3N0eWxlPjwvZGVmcz48ZyBpZD0i44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxnIGlkPSLroIjsnbTslrRfMSIgZGF0YS1uYW1lPSLroIjsnbTslrQgMSI+PGcgY2xhc3M9ImNscy0xIj48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iNTUuNDkgMCA1OC4yOSAwIDYzLjE2IDYuMzMgNzIuOTggMTAuOTQgNjEuOTggMTkuNzkgNTcuMDMgMTQuNjQgNTMuOTYgMTQuNjQgNTIuNjEgMTguMzUgNTAuNzIgMTguMzUgNTAuNzIgOS40IDUzLjYgOS40IDU1LjQ5IDAiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik01NS42LDUxLDQ0LjI1LDU2LjkxaC02VjU0LjIzSDM1LjkzdjguODZIMjkuNzRsLTEuMzItNy41OGgtMTZWNTAuN2wzLjQ5LTMuNTZIMjcuNTJsNi01LjI4di0zLjZoM3YyLjMxaDIuNzNsMTEuMzktOS40MnYtMTBoMi4yNGEuNjQuNjQsMCwwLDEsLjYzLjY1aDBWMjJhLjY0LjY0LDAsMCwwLC42My42NWgxLjUzVjE5Ljc3aDIuNzh2My42OWwzLjM3LDMuNDVWMzcuMjNMNTkuMDksNDBWNTIuNzdsLTMuNTIsMy4zVjUxIi8+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjE2LjcxIDU4LjE0IDI1LjA4IDU4LjE0IDI1Ljk4IDYzLjA5IDIxLjA1IDYzLjA5IDIwLjExIDYyLjI1IDE4LjUzIDYyLjI1IDE3LjI3IDYzLjA5IDEyLjM3IDYzLjA5IDEyLjM3IDU5Ljk0IDE2LjcxIDU4LjE0Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMCw1NS4zNUEuNjUuNjUsMCwwLDAsLjY3LDU2aC42NkEuNjUuNjUsMCwwLDAsMiw1NS4zNnYtLjUzYS42NS42NSwwLDAsMSwuNjctLjYyaDBjLjM3LDAsLjQ3LjY5LjQ3LDFWNjkuNjZsMi43Ny0xLjhWNjUuNTdBLjYuNiwwLDAsMSw2LjI0LDY1bC41Ny0uM2EuNjcuNjcsMCwwLDEsLjkxLjI1LjY1LjY1LDAsMCwxLC4wOS4zdi41YS42Ny42NywwLDAsMCwuNzEuNjMuNzUuNzUsMCwwLDAsLjI5LS4wOWwxLjEtLjU5di0xNUguMDVaIi8+PC9nPjxjaXJjbGUgY2xhc3M9ImNscy0yIiBjeD0iMzMuMiIgY3k9IjI1LjQyIiByPSI3LjM4Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMzMuMTIsNTdDMjYsNTcsMTQuNzEsMzMuNDYsMTQuNzEsMjQuMmExOC40MSwxOC40MSwwLDEsMSwzNi44MiwwQzUxLjUzLDMzLDQwLjEyLDU3LDMzLjEyLDU3Wm0wLTQ3LjM0QTE0LjUsMTQuNSwwLDAsMCwxOC43MSwyNC4yYzAsOS43LDExLjUsMjguNTksMTQuNDIsMjguNzksMy4yNy0uNTEsMTQuNC0yMC4xMSwxNC40LTI4Ljc5QTE0LjUsMTQuNSwwLDAsMCwzMy4xMiw5LjY1WiIvPjwvZz48L2c+PC9zdmc+');
    width: 36px;
    height: 36px;
    margin-top: 0;
    margin-left: 4px;
}


.detail__colorBox {
	overflow: hidden;
    margin: 19px 0 20px;
}
.detail__color {
	margin: -5px 0 0 -5px;
}
.detail__color li {
    width: auto;
	margin: 5px;
	padding: 0;
	vertical-align: top;
}

.color_circle {
    display: block;
    background: #bdbdbd;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    width: 70px;
    height: 52px;
	aspect-ratio: 25 / 18;
	box-sizing: border-box;
	cursor: pointer;
}
.color_circle::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #050505;
    z-index: 0;
    box-sizing: border-box;
}
.color_circle.active {
    position: relative;
}
.color_circle.active::before {
    content: "";
}
.color__wrapper span {
	transition: 0.3s;
}
.color__wrapper:hover span {
	filter: brightness(0.97);
}

@media (min-width: 769px) {
    .spOnly {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .subdetail_message {
        position: absolute;
        /* top: -80px; */
        top: -70px;
        /* width: 62vw; */
        /* width: 300%; */
    }

    .subdetail_message.hide {
        top: -90px;
    }

    .swiper-pagination-sp {
        display: block !important;
    }

    .swiper-pagination-pc {
        display: none !important;
    }

    .detail__slider {
        position: relative;
        width: auto;
        float: none;
        margin-bottom: 0;
    }
    .favoriteIco {
        display: block;
        z-index: 100;
    }

    .detail__price {
        margin-bottom: 0;
    }

    .detail__title {
        padding-bottom: 0%;
    }

    .favorite_btnArea {
        display: none;
    }

    .information {
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    .vfit_balloon {
        left: 0;
        right: 0;
        margin-left: 0;
    }

    .vfit_balloon::before {
        right: auto;
        left: 15%;
    }

    .vfit_balloon::after {
        right: auto;
        left: 15.3%;
    }

    .information__tabs {
        padding: 0;
        margin: 0 auto;
    }

    .tab_item {
        margin-right: 0;
        text-align: center;
        font-size: 12px;
    }

    .tab_item span {
        border-bottom: solid 2px #dcdde3;
    }

    .tab_item:hover span {
        border-bottom: solid 2px #000;
    }

    #tab1:checked+.tab_item span,
    #tab2:checked+.tab_item span,
    #tab3:checked+.tab_item span,
    #tab4:checked+.tab_item span {
        border-bottom: solid 2px #000;
    }

    .tab__content {
        padding: 30px 0 0;
    }
	.tab__content__accordions .tab__content {
		padding-top: 0;
	}

    #tab1:checked+.tab_item:after,
    #tab2:checked+.tab_item:after,
    #tab3:checked+.tab_item:after,
    #tab4:checked+.tab_item:after {
        width: auto;
    }

    .tab__content__description03 .description03__labels {
        align-items: stretch;
    }
    .tab__content__description03 .description03__attention {
        margin-bottom: 30px;
    }

    .tab__content__description04 .help02 ul {
        display: block;
    }

    .detail__slider .swiper-container,
    .detail__slider .swiper-nav {
        z-index: auto;
    }

    .detail__slider .swiper-nav {
        text-align: right;
        margin-left: -20px;
    }

    .detail {
        display: block;
        width: auto;
        margin-top: 0;
    }

    #putItemToCartForm .detail__select {
        float: none;
    }

    .detail__select__inner {
        padding: 0;
    }

    .subDetail {
        margin-top: 0;
    }

    .subDetail a {
        font-size: 10px;
    }

    .screenshotBtn.subDetail_effect2 {
        display: none;
        border-right: 1px solid #ddd;
        float: none;
    }

    .icon-camera:before {
        content: "";
        background-image: url(../../images/item_detail/icon_camera.png?timestamp=210303);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center bottom;
        display: inline-block;
        width: 19px;
        height: 19px;
    }

    .detail__topSlect {
        margin-top: 5px;
        padding: 0;
    }

    .detail__topSlect .detail__colorBox {
        border-bottom: none;
        margin-top: 0;
    }

    .frequencyArea {
        margin-top: 6%;
    }

    .frequencyArea__lead {
        padding-left: 0px;
        font-size: 13px;
        margin-top: 0;
    }

    .frequencyArea__link {
        margin-left: 20px;
    }

    .frequencyArea__link li {
        margin-bottom: 3px;
    }

    .frequencyArea__link li:last-child {
        margin-bottom: 0;
    }

    .detail__reverseInner {
        display: block;
    }
	.qrmode .detail__reverseInner {
		margin-bottom: 16px;
	}
	.qrmode #tab1_content {
		padding-top: 0;
	}

	.detail__colorBox {
		overflow: hidden;
	}
	.detail__color {
		overflow-x: auto;
		scrollbar-width: none;
		white-space: nowrap;
		margin: 0 0 0 5px;
		letter-spacing: -0.5em;
	}
    .detail__color li {
        width: 35%;
		letter-spacing: normal;
    }
    .color_circle {
		width: auto;
		height: 100%;
	}
    .color_circle.active {
        position: relative;
    }

    .camera__letter {
        letter-spacing: -0.05em;
    }

    .screenshotBtn.subDetail_effect2 {
        display: block;
    }

    .detail__favorite.subDetail_effect2 {
        display: none;
    }

    .detail__favorite.subDetail_effect2 {
        border-right: none;
    }

    .subDetail a.subDetail_effect2 {
        width: calc(100% / 3);
    }

    /* アプリ連携 */
    .snsCoopArea {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }

    .snsCoopArea__link {
        width: calc(50% - 7px);
        min-height: 45px;
    }

    .snsCoopArea__link a {
        display: block;
        padding: 6px 10px;
        border: solid 1px #000;
    }

    .snsCoopArea__wrapper {
        display: flex;
        align-items: center;
        min-height: 26px;
    }

    .snsCoopArea__img {
        width: 17%;
        height: auto;
    }

    .snsCoopArea__txt {
        display: inline-block;
        width: 83%;
        text-align: center;
        font-size: 10px;
        font-weight: 700;
        color: #000;
        line-height: 1.2;
    }

    /* 似合い度 */
    .detail__suitability__btn {
        /* background: #dc676c;
        color: #fff; */
        /* padding: 10px; */
        padding: 8px 10px 6px;
        margin: 10px auto 20px;
        /* border-radius: 60px; */
        /* border: none;
        margin: 15px auto 25px; */
        /* display: block; */
    }

    .detail__suitability__txt {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .icon-ai::before {
        /* content: "";
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAnCAYAAACWn7G7AAAE9klEQVRYhc2YfWjWVRTHP3tx7zpDskJWralkNYqaWtLLKhHRXBpCrSD/6J/erD8CieUfFdErQWIYjF4sShoOAslITSgKF73A1iol+2Opoc0tW25u081vf9z7a+e5+z3Pnuf3SPSFy3Pv75x77znnnnPuuU+BJKZAObAImAfMmorZYBw4COwGhs33S4C7gBOe/j0wktWKktK1hZLaJA0rP/RIusqseyCgD0vaIWmNpMIM8sQKWyGpVdLZPIW0+NkI0p+Br1vSjemELVCqG1QDu4DFwQGcBrr90WWLAuB6oNKPbwC+BlYADwKXAguA4mDeWeBZ4JlMblAk6bNA005JzZIq02k7Rdti1ro7hl4pabmcu40He28O+a1W64Hbzfhl4ClgzHyrBG4GarKwbBXQZMZ9MTxDwKe+1QNvAw2e9ijQBbwZWrYy8KXnA62KJbVI+iuDv2VCr6TyLE6iVNJ2M29Q0vyIHjGtMww/eeGse3yUUEjJRfsdWQgatRJJHWb+dgVusNIczWvB0a8HVpvxINBJdrnxILAZ2J8Fb4TTwAPeBYpxObkGOBxp02M0udBoWSjpiKG1SpqRg5XyaW1m3yfkU1cZcAqXao4BFxktrwR+9P3fgLle27VARQ7WCiHgEC6VDaThWQXs8P1dwHIkzTYadAXa3WloW/23rTF+mRQjkjYpPjVO10Q665VEIVBmtBkOtCsx/chHL8vDoiFKgcdw9UNJQDsJHPH984GqYuBvwzAzmHDM9C/3vxuAl5i4mZKgEKgDZvjxEuBpoCXg6wMu/ldgb/Ihb+5TSk1b0yWNetq4pKUxx5W0lUp6zrjEgFzasjx7Db0+qg2+ARZ6DaI7PMI2oNn3R4F3gA4mu0wuOIMLmlFcGqw3Fu4wfPu8PAB1kQYvGA1aA+1qvIOfa7T79V8135qDvfcb2qxCL3Wb0eZ+4GozPgwsBQ7kYck4zPe/Z8w3GwdlOL8G+BPoj26wTlxELsNFaDtwKxPR+ANwDc4dVgK1eQo6iisDMQIB9Jp+IzDN7J9SItbJOXmEo3JlXcbqPc82Ty6oJVfszzE0W9BskCYX32uBD4Ei860H2Imz/u/AHlJrh9k4q1dnsGQX8IvvF+DcqgF4HLjAf9+DO1n8et95Oca89Q/Fabs6sHCI1z1frdzbKSya4zCiiVJvYwx9SNIVnl4tV/lF2BbJlu54aiR9IGksZuEv5R6Tmd5ScVilyccrSX2SbvO0mX79CCe9LCjGDULMAdYAN+GCqgR4EthCapCdIPP77FtgHS6wrgNacdfpbt/vwwXUW6Re5/fh8rxDGstmavcazfslrZBUkGAdJE2TK5Z2xpzExpA/fFlmg2Wm3wJ8gisXFzH5pRqiCBeQtZ5/CXBewDMCPIJ7j6UigTW+MtpHQfNFjGWS4HNJC9LtXThJ+qlRbvqRn4b/M+SCMeBj3Ik1kuEJlMQNjpp+HXAcF3QPk5qf02EQ+AN3fe/D5df+rHZO4AavmGN7L8H8xG2q1BWHa3G3S4EftwPv4/6wmArd3qrJkFDLdxMG0ICkxUktm1TYCrl6NAl6Jc1Nsm8SN7Bowv0h0UBqlohDFRMl36+4HHs8p92SHkmCdosm3nqSe/ZX57LGfykskpqUWhzt1eRH4v9GWCQ9pFRsynZukhssX7wBvGjGjdlOTHKDnQu04B6E9+D+tM4K/wA+vfnfbQoKBgAAAABJRU5ErkJggg==);
        background-size: contain;
        background-repeat: no-repeat; */
        width: 18px;
        height: 17px;
        /* display: inline-block; */
    }

    .icon-reload {
        width: 20px;
        height: 20px;
    }

    .icon-reload::before {
        /* content: "";
        background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%EB%A0%88%EC%9D%B4%EC%96%B4_1%22%20data-name%3D%22%EB%A0%88%EC%9D%B4%EC%96%B4%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036.28%2036.61%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d2636b%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M-262.45%2C445.31a18%2C18%2C0%2C0%2C0-23.25-1.82l-3.56-3.82a1%2C1%2C0%2C0%2C0-1-.27%2C1%2C1%2C0%2C0%2C0-.7.79l-2.48%2C14.4a1%2C1%2C0%2C0%2C0%2C.27.86%2C1%2C1%2C0%2C0%2C0%2C.71.31h.14l14.07-2a1%2C1%2C0%2C0%2C0%2C.81-.66%2C1%2C1%2C0%2C0%2C0-.22-1l-3.89-4.17a12%2C12%2C0%2C0%2C1%2C14.88%2C1.63%2C12%2C12%2C0%2C0%2C1%2C0%2C16.93%2C12%2C12%2C0%2C0%2C1-16.92%2C0%2C3%2C3%2C0%2C0%2C0-4.24%2C0%2C3%2C3%2C0%2C0%2C0%2C0%2C4.24%2C17.9%2C17.9%2C0%2C0%2C0%2C12.7%2C5.25%2C17.9%2C17.9%2C0%2C0%2C0%2C12.7-5.25A18%2C18%2C0%2C0%2C0-262.45%2C445.31Z%22%20transform%3D%22translate(293.48%20-439.36)%22%2F%3E%3C%2Fsvg%3E');
        background-size: contain;
        background-repeat: no-repeat; */
        width: 14px;
        height: 14px;
        /* display: inline-block; */
    }

    .detail__suitability__txtJp {
        margin-left: 5px;
    }

    .detail__suitability__txtEn:not(.noData) {
        font-size: 18px;
    }

    /* 商品名 */
    .detail__modelNumber p {
        font-size: 12px;
        margin: 0;
    }

    /* 決済 */
    .detail__btn button,
    .detail__btn .qrmode__cartBtn {
        padding: 16px 10px;
    }

    .iconWrap {
        /* width: 48px;
        height: 48px; */
        width: 40px;
        height: 40px;
    }
    .ico_txt {
        color: #fff;
        font-size: 10px;
        display: block;
        text-align: center;
        margin-top: 5px;
        letter-spacing: -0.1px;
    }
    .js-mystoreMode1 .ico_txt {
        letter-spacing: -0.4px;
    }
    .virtualBtn__wraper .ico_txt {
        letter-spacing: 0;
    }

    .favoriteIco_txt {
        margin-top: 3px;
        margin-left: -2px;
        letter-spacing: -0.1px;
    }

    .icon-glasses02,
    .icon-position {
        width: 100%;
        height: 100%;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .icon-glasses02::before {
        /* background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2285px%22%20height%3D%2275.91px%22%20viewBox%3D%220%200%2085%2075.91%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2085%2075.91%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%2343484C%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M82.5%2C35.46h-4.67c-1.21-7.86-8-13.91-16.2-13.91c-8.2%2C0-14.99%2C6.05-16.2%2C13.91h-5.86%20c-1.21-7.86-8-13.91-16.2-13.91c-8.2%2C0-14.99%2C6.05-16.2%2C13.91H2.5c-1.38%2C0-2.5%2C1.12-2.5%2C2.5s1.12%2C2.5%2C2.5%2C2.5h4.67%20c1.21%2C7.86%2C8%2C13.91%2C16.2%2C13.91c8.2%2C0%2C14.99-6.05%2C16.2-13.91h5.86c1.21%2C7.86%2C8%2C13.91%2C16.2%2C13.91c8.2%2C0%2C14.99-6.05%2C16.2-13.91h4.67%20c1.38%2C0%2C2.5-1.12%2C2.5-2.5S83.88%2C35.46%2C82.5%2C35.46z%20M23.37%2C49.37c-6.29%2C0-11.41-5.12-11.41-11.41s5.12-11.41%2C11.41-11.41%20c6.29%2C0%2C11.42%2C5.12%2C11.42%2C11.41S29.66%2C49.37%2C23.37%2C49.37z%20M61.63%2C49.37c-6.29%2C0-11.41-5.12-11.41-11.41s5.12-11.41%2C11.41-11.41%20c6.29%2C0%2C11.42%2C5.12%2C11.42%2C11.41S67.92%2C49.37%2C61.63%2C49.37z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M7.04%2C21c1.38%2C0%2C2.5-1.12%2C2.5-2.5V5h13.5c1.38%2C0%2C2.5-1.12%2C2.5-2.5S24.42%2C0%2C23.04%2C0h-16%20c-1.38%2C0-2.5%2C1.12-2.5%2C2.5v16C4.54%2C19.88%2C5.66%2C21%2C7.04%2C21z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M61.63%2C5h13.5v13.5c0%2C1.38%2C1.12%2C2.5%2C2.5%2C2.5s2.5-1.12%2C2.5-2.5v-16c0-1.38-1.12-2.5-2.5-2.5h-16%20c-1.38%2C0-2.5%2C1.12-2.5%2C2.5S60.25%2C5%2C61.63%2C5z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M23.04%2C70.91H9.54v-13.5c0-1.38-1.12-2.5-2.5-2.5s-2.5%2C1.12-2.5%2C2.5v16c0%2C1.38%2C1.12%2C2.5%2C2.5%2C2.5h16%20c1.38%2C0%2C2.5-1.12%2C2.5-2.5S24.42%2C70.91%2C23.04%2C70.91z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M77.63%2C54.91c-1.38%2C0-2.5%2C1.12-2.5%2C2.5v13.5h-13.5c-1.38%2C0-2.5%2C1.12-2.5%2C2.5s1.12%2C2.5%2C2.5%2C2.5h16%20c1.38%2C0%2C2.5-1.12%2C2.5-2.5v-16C80.13%2C56.03%2C79.01%2C54.91%2C77.63%2C54.91z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        content: "";
        display: inline-block; */
        width: 22.5px;
        height: 20px;
    }

    .icon-position::before {
        width: 21px;
        margin-top: -4px;
        margin-left: 0;
    }

    .js-mystoreMode0 .icon-position::before,
    .activeMystoreSoldout .icon-position::before {
        width: 23px;
        height: 23px;
        margin-left: 2px;
    }

    .pcOnly {
        display: none !important;
    }

    .detail__swich {
        margin-top: 0;
    }
}

/* ストアモードの切り替え */
.detail__storeName {
    visibility: hidden;
    display: none;
}

.activeMystore .detail__storeName {
    visibility: visible;
    display: flex;
}

.js-mystoreMode0:not(.activeMystore) #openStockMystore,
.activeMystore #openStock {
    display: none;
}

body:not(.js-mystoreMode1) #openStockMystore,
.tanaNaviHide #openStockMystore,
.webmodeOnly #openStock {
    pointer-events: none;
}

#vfBtn_hide .iconWrap,
#vfBtn_hide .ico_txt,
body:not(.js-mystoreMode1) #openStockMystore .iconWrap,
body:not(.js-mystoreMode1) #openStockMystore .ico_txt,
.tanaNaviHide #openStockMystore .iconWrap,
.tanaNaviHide #openStockMystore .ico_txt,
.webmodeOnly #openStock .iconWrap,
.webmodeOnly #openStock .ico_txt {
    opacity: 0.4;
}
.zoomSliderSp #vfBtn_hide .iconWrap,
.zoomSliderSp #vfBtn_hide .ico_txt,
.zoomSliderSp:not(.js-mystoreMode1) #openStockMystore .iconWrap,
.zoomSliderSp:not(.js-mystoreMode1) #openStockMystore .ico_txt,
.zoomSliderSp.tanaNaviHide #openStockMystore .iconWrap,
.zoomSliderSp.tanaNaviHide #openStockMystore .ico_txt,
.zoomSliderSp.webmodeOnly #openStock .iconWrap,
.zoomSliderSp.webmodeOnly #openStock .ico_txt {
    opacity: 0.2;
}

.js-mystoreMode0 .soldoutMystore:not(.soldout),
.js-mystoreMode1 .soldout:not(.soldoutMystore) {
    display: none;
}

.js-mystoreMode0 .ecMode1 {
    display: none;
}

.js-mystoreMode1 .ecMode0 {
    display: none;
}

.js-mystoreMode0.activeMystore .detail__price.ecMode1 {
    display: block;
}

.js-mystoreMode0.activeMystore .ecMode0 .detail__price,
.js-mystoreMode0.activeMystore .detail__price.sale.ecMode0 {
    display: none;
}

.webmodeOnly .detail__btnStore__list a,
.webmodeOnly .openStock {
	pointer-events: none;
}
.webmodeOnly .detail__btnStore__list a svg,
.webmodeOnly .openStock svg {
	opacity: 0.2;
}
.webmodeOnly .detail__btnStore__list .js-mystore,
.webmodeOnly .openStock {
	color: #ccc;
}

/* SOLD OUT */
.activeMystoreSoldout #openStockMystore {
    display: none;
}

.activeMystoreSoldout #openStock {
    display: flex;
}

#openStockMystore {
	display: none!important;
}
#openStock {
	display: flex!important;
}

/* $screen */
.rakuten_link {
    margin: 3px 0 0;
    line-height: 1.2;
    text-align: center;
    font-size: 10px;
    color: #fff;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .rakuten_link {
        margin: 0 0 8px;
    }

    .rakuten_pointArea {
        margin: 0;
    }
}

/*  よくある質問 */
.p-itemdetailToggle {
	border-top: 1px solid #E0E0E0;
	margin: 28px 0 0;
	padding: 33px 0 0;
}
.p-itemdetailToggle__title {
    margin-bottom: 15px;
    font-size: 16px;
	font-weight: bold;
}
.p-itemdetailToggle__titleBtn {
	font-size: 14.4px;
	pointer-events: none;
}
.p-itemdetailToggle__answerBox {
	border-top: 1px dashed #E0E0E0;
	margin: 9px 0 0;
	padding: 12px 0 0;
	font-size: 14.4px;
}

.p-itemdetailQa__item {
	display: flex;
	gap: 0 15px;
	position: relative;
}
.p-itemdetailQa__title {
	line-height: 1;
	font-size: 26px;
}
.p-itemdetailQa__text {
	line-height: 1.7;
}
.p-itemdetailQa__indent {
	margin-left: 5px;
}
.p-itemdetailQa__indentA {
	text-indent: -1.25em;
	margin-bottom: 10px;
	padding-left: 1.25em;
}
.p-itemdetailQa__indentB {
	text-indent: -1em;
	padding-left: 1em;
}

.header {
    position: relative !important;
}

.header_box {
    width: 100%;
    height: 80px;
}

#header_area {
    margin-top: 45px;
}

.header.is-fixed {
    position: fixed !important;
}

@media screen and (max-width: 1024px) {
    #header_area {
        margin-top: 20px;
    }

    .header_box {
        height: 51px;
    }
}

.bnr_position a {
    display: block;
}

.bnr_position .pcOnly {
    display: block !important;
}

.bnr_position .spOnly {
    display: none;
}

.bnr_position a img {
    vertical-align: bottom;
    max-width: initial;
    width: 100%;
}

.bnr_position div img {
    vertical-align: bottom;
    max-width: initial;
    width: 100%;
}

#header #headersub {
	max-width: 1350px!important;
	width: 90%!important;
	margin: 8px auto 0!important;
	height: auto!important;
}
#header #headersub li {
	font-size: 12px;
}
#header #headersub li,
#header #headersub li span {
	color: #808080;
}
#header #headersub li a {
	color: #050505;
}

@media screen and (max-width: 767px) {
    .bnr_position .pcOnly {
        display: none !important;
    }

    .bnr_position .spOnly {
        display: block;
    }
}

.specContent__link {
	display: inline-block;
	vertical-align: top;
}

.detail__sales {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	line-height: 1;
	font-size: 11px;
}
.detail__sales:has(.m-show) {
	margin-bottom: 8px;
}

.detail__sales__item {
	display: none;
}
.detail__sales__item img {
	vertical-align: top;
	height: 20px;
}
.detail__sales__item.m-show {
	display: block;
}
.detail__sales__new,
.detail__sales__sale {
	color: #da0024;
}
.detail__sales__bundle,
.detail__sales__ec,
.detail__sales__before {
	color: #808080;
}
.js-mystoreMode1 .detail__sales__sale,
.js-mystoreMode1 .detail__sales__bundle,
.activeMystore.notMystoreName .detail__sales__sale,
.activeMystore.notMystoreName .detail__sales__bundle {
	display: none!important;
}

.releaseBefore .detail__after,
.releaseAfter .detail__before,
.releaseBefore.releaseFlagOff #soldOut_btnArea .detail__before {
	display: none;
}
.releaseBefore.releaseFlagOff:not(.zoomSliderSp) #soldOut_btnArea .detail__after {
	display: block;
}

.detail__date {
	font-size: 14.4px;
	color: #fff;
}
.detail__before .detail__date {
	text-align: center;
	color: #000;
}

@media screen and (max-width: 767px) {
	.detail__sales {
		margin-top: 0;
	}

	.detail__date {
		font-size: 12px;
	}
}

/* add slider  */
body {
	overflow-x: hidden;
}
#itemDetail .swiper-slide img {
	max-height: none;
}
#itemDetail .p-swiperContent__main .swiper-slide img {
	vertical-align: top;
}
.p-productThumbnail__zoom img {
	transition: 0.3s;
}
.p-swiperContent .swiper-slide:not(.swiper-slide-active):hover img,
.p-productThumbnail__zoom:hover img {
	filter: brightness(0.97);
}
.p-productThumbnail__zoom {
	display: flex;
	align-items: center;
	height: 100%;
}

.p-swiperContent__main .swiper-slide:nth-child(n+2) {
	opacity: 0;
	transition: opacity 0.1s ease 0.1s;
}
.p-swiperContent__main .swiper-initialized .swiper-slide {
	opacity: 1;
}

.detail__slider__thumbnail__outer {
	overflow: hidden;
}
.p-swiperContent__main {
	flex: 1;
	overflow-x: hidden;
}
.p-swiperContent__thumbnail .swiper-thumbnail-container {
	height: 55.4vw;
}
.p-swiperContent__main {
	padding-bottom: 50px;
}
.p-swiperContent {
	display: flex;
	justify-content: space-between;
	-webkit-user-select: none;
	user-select: none;
}
.p-swiperContent__thumbnail {
	width: 60px;
	min-width: 60px;
	margin-right: 15px;
}
.detail__slider__thumbnail__outer {
	position: relative;
}
.detail__slider__thumbnail__outer::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	background: linear-gradient(to bottom, transparent, #fff);
	width: 100%;
	height: 70px;
}
.detail__slider__thumbnail__outer:has(.swiper-slide.swiper-slide-visible:last-child)::before {
	content: none;
}

.detail__slider .swiper-container {
	overflow: hidden;
}
.p-swiperContent__thumbnail .swiper-slide {
	position: relative;
	margin-bottom: 5px;
	cursor: pointer;
}
.p-swiperContent__thumbnail .swiper-slide-thumb-active::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.2);
	width: 100%;
	height: 100%;
}
.p-swiperContent__main .swiper-slide:not(.swiper-slide-active) {
	z-index: -999999!important;
}

.p-swiperContent__navi.swiper-renewal {
	position: relative;
	z-index: 1;
	opacity: 1;
	margin: 10px 0 0;
}
.p-swiperContent__navi.swiper-renewal .button-slider {
	display: block;
	transform: translateY(0);
	top: 0;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.p-swiperContent__navi.swiper-renewal  .button-slider:before {
	width: 17px;
	height: 17px;
}
.p-swiperContent__navi.swiper-renewal .button-slider.-prev {
	right: 50px;
}
.p-swiperContent__navi.swiper-renewal .button-slider.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}

.swiper-thumbnail-scrollbar .swiper-scrollbar-drag {
	background: #151515;
	border-radius: 0;
	border-top: 1px solid #6D6D6D;
	height: 3px;
}

.swiper-pagination-bullet-active {
	position: relative;
	box-sizing: border-box;
	border: none;
	padding: 0;
}
.swiper-pagination-bullet-active::before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #000;
	width: 100%;
	height: 100%;
}

/* Swiper vertical */
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

@media screen and (min-width: 768px) {
	.swiper-thumbnail-scrollbar {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.p-swiperContent__main {
		padding-bottom: 0;
	}
	.p-swiperContent__thumbnail {
		display: none;
	}

	.p-swiperContent__navi.swiper-renewal .button-slider {
		top: -11.6vw;
		width: 7vw;
		height: 7vw;
	}
	.p-swiperContent__navi.swiper-renewal .button-slider.-prev {
		right: calc(7vw + 16px);
	}
	.p-swiperContent__navi.swiper-renewal .button-slider.-next {
		right: 10px;
	}
}

.zoomSliderSp .detail__slider__outer {
	height: 100%;
}
.zoomSliderSp .detail__slider .swiper-container {
	max-width: none;
	height: 100%;
	margin-top: 0;
}

.zoomContainer {
	display: none!important;
	z-index: 1;
	width: 0!important;
}
.sliderZoomOpen__Hide .zoomContainer {
	display: none!important;
}

.zoomNote__container {
	display: none;
}
.zoomNote__text {
	margin-bottom: 30px;
	text-align: center;
	font-size: 14.4px;
}
.zoomNote__text p {
    color: #666;
}
.sliderZoomOpen__Hide .zoomNote__text {
	visibility: hidden;
}
.zoomNote__text__on {
	display: none;
}
.u-on .zoomNote__text__on {
	display: block;
}
.u-on .zoomNote__text__off {
	display: none;
}

.zoomSliderOverlay,
.zoomSliderTouchOverlay {
	display: none;
}
/*
body:not(.zoomSliderSp) .swiper-zoom-container,
body:not(.zoomSliderSp) .swiper-img {
	transform: none!important;
}
.swiper-slide:not(.swiper-slide-active) .swiper-zoom-container,
.swiper-slide:not(.swiper-slide-active) .swiper-img {
	transform: none!important;
}
*/
.zoomSliderSp {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
}
.zoomSliderSp #header {
	display: none;
}
.zoomSliderSp .zoomSliderOverlay,
.zoomSliderSp .zoomSliderTouchOverlay {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	background: #fff;
	width: 100%;
	height: 100%;
}
.zoomSliderSp .zoomSliderTouchOverlay {
	z-index: 999999;
	background: rgba(63,70,78,0.8) url(../../images/item_detail/icon_zoomslider_touch.svg) no-repeat 50% 50%;
	cursor: pointer;
}
.zoomSliderSp .js-zoomSliderTouchOverlay.u-hide {
	display: none!important;
}

.zoomSliderSp .detail__slider {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}
.zoomSliderSp .detail__slider .swiper-slide {
	width: 100%;
	height: 100%;
}
.zoomSliderSp#itemDetail .swiper-slide .swiper-img {
	width: 100%;
	max-width: none;
	max-height: none;
	margin-top: -140px;
}

.zoomSliderSp .detail__block {
	bottom: 20px;
	left: 20px;
	right: 80px;
	width: auto;
}

.zoomNote__button__open {
	position: relative;
}
.zoomSliderSp .zoomNote__button__open,
.sliderZoomOpen__Hide .zoomNote__button__open {
	display: none!important;
}
.zoomNote__button__open__text {
	position: absolute;
	bottom: 2vw;
	right: 5vw;
	z-index: 1;
	display: inline-block;
	vertical-align: top;
    overflow: hidden;
	background: rgba(255,255,255,0.5) url(../../images/item_detail/icon_zoomslider_loupe.png) no-repeat 50% 50%;
	background-size: 18px auto;
	width: 40px;
	height: 40px;
	font-size: 10px;
    text-indent: -999px;
	cursor: pointer;
}
.zoomNote__button__close {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1;
	width: 40px;
	height: 40px;
}
.zoomSliderSp .zoomNote__button__close {
	display: block;
}
.zoomNote__button__close__text {
	display: inline-block;
	vertical-align: top;
    overflow: hidden;
	background: #3f464e url(../../images/item_detail/icon_zoomslider_close.svg) no-repeat 50% 50%;
	background-size: 13px auto;
	width: 40px;
	height: 40px;
	font-size: 10px;
	text-indent: -999px;
	cursor: pointer;
}

.zoomSliderSp .detail__btn {
	display: none;
}
.zoomSliderSp .detail__block,
.zoomSliderSp .detail__btnArea {
	background: transparent;
}
.zoomSliderSp .detail__btnArea {
	padding: 0;
}

.zoomSliderSp .detail__slider .swiper-nav {
	margin: 0;
}
.zoomSliderSp .iconWrap,
.zoomSliderSp .favoriteIco__content {
	border: 1px solid #e5e8eb;
}
.zoomSliderSp .ico_txt,
.zoomSliderSp .favoriteIco_txt {
	display: none;
}
.zoomSliderSp .cartin_icon {
	display: none!important;
}

.zoomSliderSp .swiper-button-prevItem,
.zoomSliderSp .swiper-button-nextItem {
	display: none;
}
.zoomSliderSp .swiper-pagination-sp {
	display: none!important;
}

@media screen and (max-width: 767px) {
	.detail__slider .swiper-container {
		max-width: none;
		height: auto;
		margin-top: 0;
	}
	.zoomContainer {
		display: none;
	}
}

/* パンくずリスト */
.topic_path_wrap {
    width: 75%;
    margin: 0 auto;
    border-top: 1px solid #D3D6DB;
    padding: 20px 0;
}
.topic_path {
    display: table;
}
.topic_path li {
    font-size: 12px;
    font-size: 0.6rem;
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    position: relative;
    color: #3A4763;
}
.topic_path li:after {
    content: "/";
    padding: 0 3px 0 0px;
}
.topic_path li a {
    color: #3A4763;
    text-decoration: underline;
}

.footer .footer-aside {
    padding: 20px 0 100px;
}

@media screen and (max-width: 1024px) {
    .footer .footer-aside {
        padding-bottom: 90px;
    }
}

@media screen and (max-width: 767px) {
    .topic_path_wrap {
        width: calc(100% - 20px);
        margin: 0 10px 10px 10px;
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
        overflow-y: hidden;
        box-sizing: border-box;
        padding: 15px 0 5px 0;
    }
    .topic_path {
    }
    .topic_path li {
        font-size: 12px;
        font-size: 0.6rem;
        display: table-cell;
        white-space: nowrap;
        vertical-align: middle;
        position: relative;
        color: #3A4763;
    }
    .topic_path li a {
        color: #3A4763;
        text-decoration: underline;
    }
    .footer .footer-aside {
        padding-bottom: 70px;
    }
}

.qr_favorite_click,
.detail__btn .qrmode__cartBtn {
	display: none;
}
.detail__btn .qrmode__cartBtn .detail__text {
	color: #fff;
}
.detail__btn .qrmode__cartBtnSoldout,
.detail__btn .qrmode__cartBtnRow2,
.detail__btn .temporarySkuSoldout {
	position: relative;
	padding: 13px 50px 14px;
}
.detail__btn .qrmode__cartBtnSoldout .detail__text,
.detail__btn .qrmode__cartBtnRow2 .detail__text,
.detail__btn .temporarySkuSoldout .detail__text {
	text-align: center;
	line-height: 1;
}
.detail__btn .qrmode__cartBtnRow2 {
	padding: 6.5px 15px 0;
}
.detail__btn .qrmode__cartBtnRow2 .detail__text {
	line-height: 1.45;
	font-size: 16.5px;
}
.detail__btn .qrmode__cartBtnSoldout .icon-cart,
.detail__btn .qrmode__cartBtnRow2 .icon-cart,
.detail__btn .temporarySkuSoldout .icon-cart {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 24px;
	margin: auto 0;
	width: 28px;
	height: 28px;
}
.detail__btn .temporarySkuSoldout .detail__textEn {
    font-size: 100%;
}
.detail__btn .detail__textOther {
	display: block;
	margin: 2px 0 0;
	font-size: 10px;
}
.detail__btn .detail__textB {
	display: block;
}
.detail__btn .detail__textC {
	margin: 3px 0 -1px;
	font-size: 12px;
}
.temporarySkuSoldout {
	pointer-events: none;
}
.temporarySkuSoldout .non-display {
	display: block;
}

.qrmode .slider-announce,
.qrmode .navigation-main,
.qrmode .navigation-button-hamburger,
.qrmode .header-navigation-icon:not(:has([href*="favorite"])),
.qrmode .footer-navigation__container,
.qrmode .footer-bottom nav,
.qrmode .breadcrumbs,
.qrmode .detail__btnStore,
.qrmode .detail__storeName__edit,
.qrmode .flipdesk-inline-button-container,
.qrmode .detail__suitability__btn,
.qrmode #tab3,
.qrmode .subDetailBtnwrapper,
.qrmode .detail__btn button,
.qrmode .staff_start_ranking .p-linkWrap,
.qrmode .login_review,
.qrmode .reviewPost__listContainer,
.qrmode #reco1,
.qrmode .topic_path_wrap,
.qrmode .rakuten_link,
.qrmode .p-sectionUserReview,
.qrmode .p-sectionRecommend {
	display: none!important;
}
.qrmode .favoriteIco {
	display: none!important;
}
.qrmode .favoriteIco.qr_favorite_click {
	display: block!important;
}
.qrmode .navigation-sub,
.qrmode .header-navigation-icon {
	margin-right: 0!important;
}
.qrmode .footer-navigation {
	padding-top: 30px!important;
}
.qrmode .footer-bottom-copyright {
	margin-top: 0!important;
}

/*
.qrmode.activeMystoreSoldout #cart_btnArea,
.qrmode #soldOut_btnArea {
	display: none!important;
}
.qrmode #cart_btnArea,
.qrmode.activeMystoreSoldout #soldOut_btnArea {
	display: flex!important;
}
*/
.qrmode .detail__btn .qrmode__cartBtn {
	display: block;
}
/*
.qrmode .detail__storeName {
	visibility: visible!important;
	display: flex!important;
}
*/
.qrmode .tab_item {
	/*width: calc(100%/3);*/
	width: auto;
}

.qrsmode .slider-announce,
.qrsmode .detail__storeName,
.qrsmode .p-currentMystore,
.qrsmode .detail__colorZaiko,
.qrsmode .detail__colorImg:not(.active),
.qrsmode #soldOut_btnArea,
.qrsmode .p-productStock {
	display: none!important;
}
.qrsmode .detail__color {
	margin-left: 0!important;
}
.qrsmode .detail__colorBox li {
	margin-right: 0!important;
	margin-left: 0!important;
	padding-right: 0!important;
	padding-left: 0!important;
}
@media (max-width: 767px) {
	.qrsmode .detail__color {
		margin-left: 24px!important;
	}
	.qrsmode .detail__colorBox li:not(:has(.active)) {
		width: 0!important;
	}
}

.qrsmode .detail__colorImg {
	pointer-events: none!important;
}
.qrsmode #cart_btnArea {
	display: block!important;
}

@media screen and (max-width: 767px) {
	.detail__btn .qrmode__cartBtnSoldout {
		padding: 7px 50px 7px;
	}
	.detail__btn .temporarySkuSoldout {
		padding: 7px 50px 6px;
	}
	.detail__btn .qrmode__cartBtnSoldout .icon-cart,
	.detail__btn .qrmode__cartBtnRow2 .icon-cart,
	.detail__btn .temporarySkuSoldout .icon-cart {
		left: 20px;
		width: 24px;
		height: 24px;
	}
}

@media screen and (max-width: 360px) {
	.detail__btn .qrmode__cartBtnRow2,
	.detail__btn .temporarySkuSoldout {
		padding: 8px 18px 5px;
	}
	.detail__btn .qrmode__cartBtnRow2 .icon-cart,
	.detail__btn .temporarySkuSoldout .icon-cart {
		left: 15px;
	}
}

/* review */
.reviewHide .login_review,
.reviewHide #review_link {
	display: none!important;
}

/* btn guide */
.btn_guide {
    display: block;
	border: 1px solid #ccc;
	border-radius: 5px;
    margin: 0;
    text-align: center;
    font-weight: bold;
    padding: 10px 45px 10px 15px;
    position: relative;
}

/* Renewal add */
.header-navigation .navigation-button-hamburger {
	background-color: #fff;
}

.detail .button-l-3-sub2-icon-right-jp {
	box-sizing: border-box;
}

.l-itemDetail .breadcrumbs {
	width: auto;
}

.l-itemdetailContainer {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.l-itemdetailContainer__image,
.l-itemdetailContainer__content {
	padding: 70px 0 0;
}
.l-itemdetailContainer__image {
	position: sticky;
	top: 0;
	width: 60%;
	max-width: 60%;
}
.l-itemdetailContainer__content {
	flex-shrink: 0;
	margin-left: 90px;
	max-width: 388px;
	width: 388px;
}

.detail__slider__outer {
	background: #fafafa;
}
.p-swiperContent__main .swiper-zoom-container {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fafafa;
	aspect-ratio: 5 / 6;
}

@media screen and (min-width: 768px) {
	.l-itemdetailContainer__content {
		flex: 1;
		max-width: 570px;
		min-width: 314px;
		margin-right: min(8%, 80px);
		margin-left: min(8%, 80px);
	}

	.p-swiperContent__main .swiper-zoom-container-pc {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
		cursor: zoom-in;
	}
	.p-swiperContent__main .swiper-zoom-item {
		pointer-events: none;
	}
}
@media screen and (min-width: 1400px) {
	.l-itemdetailContainer__content {
		margin-right: calc(min(8%, 120px) - 48px);
		margin-left: min(8%, 120px);
	}

	.p-swiperContent__thumbnail {
		width: 88px;
		min-width: 88px;
	}
}

.l-itemdetailContainer__buttons {
	position: relative;
}
.l-itemdetailContainer__buttonsInner {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 2;
	-webkit-tap-highlight-color: transparent;
}

.button-s-4-sub3-icon-left-jp:hover .icon-close {
	opacity: 0.5;
}

.l-section {
	position: relative;
	padding-bottom: 60px;
}
.l-section::before {
	content: "";
	position: absolute;
	top: 0;
	right: 24px;
	left: 24px;
	background: #E1E2E2;
	height: 1px;
	margin: 0 auto;
}
.l-section.p-sectionRecommend {
	padding-bottom: 0;
}
@media screen and (min-width: 1024px) {
	.l-itemDetail .l-section.-small {
		padding-top: 60px;
	}
}

.p-sectionRecommend .product-card__title {
	margin-top: -6px;
}

.modal-normal.is-active {
	opacity: 1;
	visibility: visible;
}
.modal-normal:not(.is-active) {
	pointer-events: none;
}
.modal-normal .modal-normal__inner {
	font-family: inherit;
}
.modal-normal__close:focus {
	background-color: transparent;
}

.p-productThumbnail__content {
	padding: 50px;
}
.p-productThumbnail__list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.p-productThumbnail__item {
	width: calc((100% - 20px) / 3);
}

.p-userReviewModal__content {
	padding: 50px;
}

.product-staffReview__container {
	border-radius: 20px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
	margin-bottom: 5px;
	padding: 25px 25px 25px;
}
.p-sectionStaffReview .swiper-renewal .swiper-slide {
	height: auto;
}
.p-sectionStaffReview .swiper-renewal .product-staffReview__container {
	height: 100%;
}
.product-staffReview__header {
	display: flex;
	align-items: flex-end;
	min-height: 65px;
}
.product-staffReview__photo {
	width: 64px;
	margin-right: 16px;
}
.product-staffReview__photo img {
	border-radius: 50%;
}
.product-staffReview__store {
	font-size: 11px;
}
.product-staffReview__name {
	font-size: 17px;
}
.product-staffReview__type {
	margin-top: -2px;;
	font-size: 12px;
}
.product-staffReview__content {
	margin-top: 20px;
	line-height: 1.8;
	font-size: 14.4px;
}
.product-staffReview__content p {
	margin-bottom: 13px;
	line-height: 1.5;
	color: #000;
}
.product-staffReview__contentTitle {
	font-weight: bold;
}
.product-staffReview__contentText {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.product-staffReview__footer {
	padding-bottom: 40px;
}
.product-staffReview__footer a {
	position: absolute;
	bottom: 25px;
	left: 25px;
	right: 25px;
	margin: 0 auto;
}

.p-productBanner {
	margin-top: 30px;
}
.p-productBanner__item {
	margin-bottom: 10px;
}
.p-productBanner__item:not(.m-show) {
	display: none;
}
.p-productBanner__item img {
	transition: 0.3s;
}
.p-productBanner__item:hover img {
	filter: brightness(0.95);
}

@media screen and (max-width: 1020px) {
	.l-itemdetailContainer__image {
		width: 50%;
		max-width: 50%;
	}
}
@media screen and (max-width: 850px) {
	.l-itemdetailContainer__content {
		margin-right: min(8%, 24px);
		margin-left: min(8%, 45px);
	}
}

@media screen and (max-width: 767px) {
	.l-itemdetailContainer {
		display: block;
		padding-top: 20px;
	}
	.l-itemdetailContainer__image,
	.l-itemdetailContainer__content {
		padding: 0;
	}
	.l-itemdetailContainer__image {
		position: static;
		width: auto;
		max-width: none;
	}
	.l-itemdetailContainer__content {
		margin-left: 0;
		max-width: none;
		width: auto;
	}

	.detail__slider__outer {
		aspect-ratio: 5 / 6;
		width: 100vw;
	}

	.l-itemdetailContainer__content,
	.l-itemdetailContainer__productMystore,
	.l-itemdetailContainer__productName {
		padding-right: 24px;
		padding-left: 24px;
	}
	.l-itemdetailContainer__content {
		padding-right: 0;
	}
	.detail__colorBox,
	.p-productAside {
		margin-right: -24px;
		margin-left: -24px;
	}

	.l-itemdetailContainer__productName {
		margin-bottom: 15px;
	}

	.l-itemdetailContainer__buttonsInner {
		top: 10px;
		right: 10px;
	}

	.p-currentMystore .store-stock-box {
		margin-bottom: 24px;
	}

	.p-productAside {
		margin-top: 60px;
	}
	.p-productThumbnail__item {
		width: calc((100% - 10px) / 2);
	}
}

.p-currentMystore__container {
	display: flex;
	justify-content: space-between;
	background: #EFEFEF;
	border-radius: 5px;
	margin: 0 0 30px;
	padding: 20px 20px 18px;
}
.p-currentMystore__container .detail__storeName {
	flex: 1;
}
.p-currentMystore__container .detail__btnStore {
	margin-left: 30px;
	text-align: right;
	font-size: 13px;
}
.p-currentMystore__container .detail__btnStore__edit {
	margin-bottom: 20px;
}
.p-currentMystore__container .detail__btnStore__list span {
	text-decoration: underline;
}

.subDetailBtnwrapper {
	margin: 10px 0 0;
}
.virtualBtn__wraper {
	margin: 0 0 10px;
}

.p-productStock {
	margin: 32px 0 0;
}
.p-productStock__title {
	margin: 0 0 11px;
	font-size: 17px;
	font-weight: bold;
}
.p-productStock__lead {
	margin: 0 0 11px;
	font-size: 14.4px;
}

.p-productStock__mystore .detail__btnStore__btn.is-active,
.p-productStock__mystore .detail__btnStore__btn:not(.is-active) + .detail__btnStore__btnSub {
	display: none;
}

.detail__yoyaku,
.detail__yotei {
	margin-right: 0;
}
.detail__btnArea .p-yoyakuButton-date,
.detail__btnArea .p-yoteiButton-date {
	background-color: #E6E6E6!important;
	padding: 6px 0;
}
.detail__btnArea .p-yoyakuButton-date p,
.detail__btnArea .p-yoyakuButton-end p,
.detail__btnArea .p-yoteiButton-date p {
	line-height: 1.5;
	color: #BFBFBF!important;
}
.detail__btnArea .p-yoyakuButton-end,
.detail__btnArea .p-yoyakuButton-soldout,
.detail__btnArea .p-yoteiButton-soldout {
	background-color: #E6E6E6!important;
	padding: 17px 0;
}
.detail__btnArea .p-yoyakuButton-end {
	padding: 18px 0;
}
.detail__btnArea .p-yoyakuButton-end span,
.detail__btnArea .p-yoyakuButton-soldout span,
.detail__btnArea .p-yoteiButton-soldout span {
	color: #BFBFBF!important;
	line-height: 1;
}

.pswp__counter,
.pswp__button--zoom,
.pswp__button--arrow--prev,
.pswp__button--arrow--next {
	display: none!important;
}
.pswp__button--close {
	opacity: 1!important;
	margin: 50px 8px 0 0!important;
}

/* 20241121 lens simulator */
.button-l-2-sub1-jp {
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
}

.button-l-2-sub1-jp {
  background-color: transparent;
  border: none;
  padding: 0;
  text-decoration: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--main-color-gray10);
  color: var(--main-color);
  border: 1px solid var(--main-color-gray10);
  font-family: "Tazugane Gothic", "TazuganeGothicStdN-Book", sans-serif;
  font-size: var(--text-body-l-jp);
  line-height: 1.66;
  letter-spacing: var(--text-letter-spacing);
  color: #000;
  color: var(--main-color, #000);
  font-weight: 400;
  border-radius: 50px;
  transition: var(--transition);
  padding: 17px 23px;
}
.button-l-2-sub1-jp[disabled], .button-l-2-sub1-jp.is-disabled {
  background-color: #f1f1f1;
  background-color: var(--main-color-gray5, #f1f1f1);
  color: #bfbfbf;
  color: var(--main-color-gray25, #bfbfbf);
  cursor: default;
  pointer-events: none;
}

.detail__lensSimulator {
  display: none;
  width: 100%;
  flex-direction: column;
  overflow: hidden;
  padding: 11px 0 30px 20px;
  margin-bottom: 20px;
  border-radius: 15px;
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1);
}
.detail__lensSimulator.is-active {
  display: flex;
}
.detail__lensSimulator.swiper-renewal {
  opacity: 1;
}
.detail__lensSimulator.swiper-renewal .swiper-slide {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.detail__lensSimulator .product-tab {
  transition: none !important;
}
.detail__lensSimulator .product-tab {
  width: 100%;
  max-width: none;
}
.detail__lensSimulator .product-tab__list {
  gap: 0;
}
.detail__lensSimulator .product-tab__item:not(:last-child) {
  margin-right: 40px;
}
.detail__lensSimulator .simulator-button {
  align-self: center;
  transform: translateX(-10px);
  margin-top: 15px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  cursor: pointer;
}
.detail__lensSimulator .detail__lensSimulator__lens-name {
  display: none;
}
.detail__lensSimulator button:focus {
  background-color: transparent;
}
.simulator-lens__lists .lens-item {
  margin-right: 6px;
  flex: none;
}
.simulator-lens__lists .lens-item.is-active .lens-item__img {
  border-color: var(--main-color-gray90);
}
.simulator-lens__lists .lens-item .lens-item__img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 64px;
  border: 1px solid var(--main-color-gray10);
  border-radius: 5px;
  cursor: pointer;
}
.simulator-lens__lists .lens-item img {
  width: 46px;
  height: 46px;
  -o-object-fit: contain;
     object-fit: contain;
}

.modal-normal.-lens-simulator svg {
  display: block;
}
.modal-normal.-lens-simulator .m-modal__overlay {
  width: 90%;
  max-width: 1304px;
}
.modal-normal.-lens-simulator .modal-normal__inner {
  padding: 50px;
}
.modal-normal.-lens-simulator .modal-normal__inner--simulatorFix .simulator-lens__lists {
  display: flex;
}
.modal-normal.-lens-simulator .modal-normal__content {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  overflow: visible;
  padding: 0;
}
.modal-normal.-lens-simulator .product-tab {
  transition: none !important;
}

.lens-simulator__visual {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  margin-right: 40px;
  width: 50%;
  height: calc(100vh - 180px);
}
.lens-simulator__visual .lens-simulator__lens-name {
  opacity: 0;
  visibility: hidden;
}
.lens-simulator__visual .lens-simulator__lens-name.is-active {
  opacity: 1;
  visibility: visible;
}

.lens-simulator__image {
  position: relative;
  background-color: #fafafa;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.lens-simulator__image img {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lens-simulator__title--frame {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
  font-family: "Tazugane Gothic", "TazuganeGothicStdN-Book", sans-serif;
  font-size: var(--text-caption-jp);
  line-height: 1.66;
  letter-spacing: var(--text-letter-spacing);
  color: #000;
  color: var(--main-color, #000);
  font-weight: 400;
  line-height: 1.8;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding-right: 20px;
}
.lens-simulator__title--frame img {
  width: 20px;
  height: auto;
}

.lens-simulator__content {
  width: 50%;
}
.lens-simulator__content .product-tab button:focus {
  background-color: transparent;
}
.lens-simulator__content .simulator-lens__lists {
  flex-wrap: wrap;
  gap: 6px;
  padding-right: 0;
}
.lens-simulator__content .lens-item {
  margin-right: 0;
}
.lens-simulator__content .detail__lensSimulator__content__tab + .detail__lensSimulator__lens-name {
  margin-top: 30px;
}
.lens-simulator__content .lens-simulator__lens-name {
  display: none;
}

.is-initView .detail__lensSimulator__content__tab {
  display: none;
}
.is-initView .detail__lensSimulator__content__tab.is-active {
  display: block;
}

.lens-simulator__lens-name {
  position: absolute;
  right: 0;
  bottom: 40px;
  left: 0;
  z-index: 20;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 15px 20px;
  margin: auto;
  width: calc(100% - 80px);
  background-color: var(--main-color-gray5);
  border-radius: 10px;
}

.lens-simulator__lens-name--title {
  font-family: "Tazugane Gothic", "TazuganeGothicStdN-Book", sans-serif;
  font-size: var(--text-body-l-jp);
  line-height: 1.66;
  letter-spacing: var(--text-letter-spacing);
  color: #000;
  color: var(--main-color, #000);
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 10px;
}
.lens-simulator__lens-name--title img {
  display: block;
}

.lens-simulator__message {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  margin: auto;
  font-family: "Tazugane Gothic", "TazuganeGothicStdN-Book", sans-serif;
  font-size: var(--text-body-l-jp);
  line-height: 1.66;
  letter-spacing: var(--text-letter-spacing);
  color: #000;
  color: var(--main-color, #000);
  font-weight: 400;
  background-color: var(--main-color-white);
  border-radius: 15px;
  padding: 20px 40px;
  width: 60%;
  min-width: 342px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
}
.lens-simulator__message.is-active {
  opacity: 1;
  visibility: visible;
}

.lens-simulator__lens-name--text {
  font-family: "Tazugane Gothic", "TazuganeGothicStdN-Book", sans-serif;
  font-size: var(--text-caption-jp);
  line-height: 1.66;
  letter-spacing: var(--text-letter-spacing);
  color: #000;
  color: var(--main-color, #000);
  font-weight: 400;
  text-align: center;
  color: var(--main-color-gray60);
}

.js-copyLensName {
  cursor: pointer;
}

.simulator-close-button-wrapper {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 10px 0;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.simulator-close-button-wrapper .button-l-2-sub1-jp {
  max-width: 345px;
  width: 90%;
  white-space: nowrap;
}

.detail__lensSimulator__lens-name {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.55;
  letter-spacing: 0.01em;
  color: var(--main-color);
}

.helpModal__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-family: "Tazugane Gothic", "TazuganeGothicStdN-Book", sans-serif;
  font-size: var(--text-body-s-jp);
  line-height: 1.66;
  letter-spacing: var(--text-letter-spacing);
  color: #000;
  color: var(--main-color, #000);
  font-weight: 400;
  text-align: center;
}

.-lens-hosoku {
  z-index: 30010;
}
.-lens-hosoku .heading_middle_group {
  display: none;
}
.-lens-hosoku .heading_middle_group.is-active {
  display: block;
}
.-lens-hosoku .label_group,
.-lens-hosoku .heading_middle_match_js,
.-lens-hosoku .heading_middle_under_output {
  display: none;
}

.modal-normal__bg__lens-hosoku {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background-color: rgba(27, 27, 27, 0.5);
}

.js-openHosokuModal {
  transition: var(--transition) opacity;
  cursor: pointer;
}

@media screen and (min-width: 481px){
  .is-sp {
    display: none !important;
  }
}

@media screen and (min-width: 1024px){
  .button-l-2-sub1-jp.-max-width {
    max-width: 342px;
  }
  .detail__lensSimulator .product-tab.js-tabSwiper {
    overflow: visible;
  }
  .modal-normal.-lens-simulator .modal-normal__inner--simulatorFix .simulator-lens {
    margin-left: 0;
  }
  .modal-normal.-lens-simulator .detail__lensSimulator__content {
    padding-bottom: 60px;
  }
  .lens-simulator__content .product-tab {
    display: none;
  }
  .helpModal__title {
    display: none;
  }
}

@media screen and (min-width: 1024px) and (hover: hover){
  .button-l-2-sub1-jp:hover {
    border-color: var(--main-color);
  }
  .simulator-lens__lists .lens-item .lens-item__img:hover {
    border-color: var(--main-color-gray90);
  }
  .js-openHosokuModal:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 1023px){
  .detail__lensSimulator {
    width: calc(100vw - 32px);
    padding: 11px 0 30px 15px;
    margin-bottom: 28px;
    transform: translateX(-8px);
  }
  .detail__lensSimulator .product-tab__list {
    scrollbar-width: none;
  }
  .detail__lensSimulator .product-tab__list::-webkit-scrollbar {
    display: none;
  }
  .detail__lensSimulator__content {
    overflow: scroll;
    scrollbar-width: none;
  }
  .detail__lensSimulator__content::-webkit-scrollbar {
    display: none;
  }
  .simulator-lens__lists .lens-item:last-child {
    padding-right: 10px;
  }
  .modal-normal.-lens-simulator .m-modal__overlay {
    width: 100%;
    margin-top: 40px;
  }
  .modal-normal.-lens-simulator .modal-normal__inner {
    padding: 0;
    overflow: visible;
    height: auto;
  }
  .modal-normal.-lens-simulator .modal-normal__inner--simulatorFix {
    height: calc(100vh - 40px);
    overflow-y: auto;
  }
  .modal-normal.-lens-simulator .modal-normal__content {
    flex-direction: column;
  }
  .modal-normal.-lens-simulator .product-tab {
    margin-left: 20px;
  }
  .modal-normal.-lens-simulator .simulator-lens {
    width: calc(100% - 24px);
  }
  .modal-normal.-lens-simulator .detail__lensSimulator__content {
    width: calc(100vw - 24px);
    max-width: 1872px;
    margin: 0 0 10px 20px;
    overflow: scroll;
    scrollbar-width: none;
  }
  .lens-simulator__visual {
    position: relative;
    width: 100%;
    margin-right: 0;
    height: 71vw;
  }
  .lens-simulator__visual .lens-simulator__lens-name {
    display: none;
  }
  .lens-simulator__image {
    aspect-ratio: 390/277;
  }
  .lens-simulator__content {
    width: 100%;
    padding-bottom: 10px;
  }
  .lens-simulator__content .simulator-lens__lists {
    flex-wrap: nowrap;
  }
  .lens-simulator__content .detail__lensSimulator__content__tab {
    display: none;
  }
  .lens-simulator__content .detail__lensSimulator__content__tab.is-active {
    display: block;
  }
  .lens-simulator__content .lens-simulator__lens-name.is-active {
    display: flex;
  }
  .lens-simulator__lens-name {
    position: static;
    padding: 20px 20px 0;
    width: 100%;
    background-color: transparent;
  }
  .lens-simulator__message {
    position: fixed;
    z-index: 30030;
  }
  .simulator-close-button-wrapper {
    position: static;
    width: 100%;
    padding-bottom: 47px;
  }
  .simulator-close-button-wrapper .button-l-2-sub1-jp {
    max-width: none;
  }
  .detail__lensSimulator__lens-name {
    display: none;
  }
}

@media (max-width: 480px){
  .is-pc {
    display: none !important;
  }
}

/* 2024-12-24 */
.modal-normal__content .heading_small_group,
.modal-normal__content .heading_middle_lower_output,
.modal-normal__content .heading_middle_bottom_output {
  display: none;
}
.-lens-hosoku .heading_middle_top_output,
.-lens-hosoku .heading_middle_new_output {
  display: none;
}

/* 2025-02-19 レンズシミュレータ促進ガイド */
.with-popup-guide .driver-active .driver-overlay, .with-popup-guide .driver-active * {
  pointer-events: none;
}
.with-popup-guide .driver-active .driver-active-element, .with-popup-guide .driver-active .driver-active-element *, .with-popup-guide .driver-popover, .with-popup-guide .driver-popover * {
  pointer-events: auto;
}
@keyframes animate-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.with-popup-guide .driver-fade .driver-overlay {
  animation: animate-fade-in 0.2s ease-in-out;
}
.with-popup-guide .driver-fade .driver-popover {
  animation: animate-fade-in 0.2s;
}
.with-popup-guide .driver-popover {
  all: unset;
  box-sizing: border-box;
  color: #2d2d2d;
  margin: 0;
  padding: 25px;
  border-radius: 5px;
  min-width: 250px;
  max-width: 300px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  z-index: 1000000000;
  position: fixed;
  top: 0;
  right: 0;
  background-color: #fff;
}
.with-popup-guide .driver-popover * {
  font-family: Helvetica Neue, Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif;
}
.with-popup-guide .driver-popover-title {
  font: 19px/normal sans-serif;
  font-weight: 700;
  display: block;
  position: relative;
  line-height: 1.5;
  zoom: 1;
  margin: 0;
}
.with-popup-guide .driver-popover-close-btn {
  all: unset;
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 28px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  color: #d2d2d2;
  z-index: 1;
  text-align: center;
  transition: color;
  transition-duration: 0.2s;
}
.with-popup-guide .driver-popover-close-btn:hover {
  color: #2d2d2d;
}
.with-popup-guide .driver-popover-title[style*=block] + .driver-popover-description {
  margin-top: 5px;
}
.with-popup-guide .driver-popover-description {
  margin-bottom: 0;
  font: 14px/normal sans-serif;
  line-height: 1.5;
  font-weight: 400;
  zoom: 1;
}
.with-popup-guide .driver-popover-footer {
  margin-top: 15px;
  text-align: right;
  zoom: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.with-popup-guide .driver-popover-progress-text {
  font-size: 13px;
  font-weight: 400;
  color: #a2a2a2;
  zoom: 1;
}
.with-popup-guide .driver-popover-footer button {
  all: unset;
  display: inline-block;
  box-sizing: border-box;
  padding: 3px 7px;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  background-color: #fff;
  color: #2d2d2d;
  font: 12px/normal sans-serif;
  cursor: pointer;
  outline: 0;
  zoom: 1;
  line-height: 1.3;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.with-popup-guide .driver-popover-footer .driver-popover-btn-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.with-popup-guide :not(body)[\:has\(\%3E\%20.driver-active-element\)] {
  overflow: hidden !important;
}
.with-popup-guide :not(body):has(> .driver-active-element) {
  overflow: hidden !important;
}
.with-popup-guide .driver-popover-footer button:hover {
  background-color: var(--main-color-gray50);
}
.with-popup-guide .driver-popover-navigation-btns {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}
.with-popup-guide .driver-popover-navigation-btns button + button {
  margin-left: 4px;
}
.with-popup-guide .driver-popover-arrow {
  content: "";
  position: absolute;
  border: 5px solid #fff;
}
.with-popup-guide .driver-popover-arrow-side-over {
  display: none;
}
.with-popup-guide .driver-popover-arrow-side-left {
  left: 100%;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-top-color: transparent;
}
.with-popup-guide .driver-popover-arrow-side-right {
  right: 100%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-top-color: transparent;
}
.with-popup-guide .driver-popover-arrow-side-top {
  top: 100%;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.with-popup-guide .driver-popover-arrow-side-bottom {
  bottom: 100%;
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
}
.with-popup-guide .driver-popover-arrow-side-center {
  display: none;
}
.with-popup-guide .driver-popover-arrow-side-left.driver-popover-arrow-align-start, .with-popup-guide .driver-popover-arrow-side-right.driver-popover-arrow-align-start {
  top: 15px;
}
.with-popup-guide .driver-popover-arrow-side-top.driver-popover-arrow-align-start, .with-popup-guide .driver-popover-arrow-side-bottom.driver-popover-arrow-align-start {
  left: 15px;
}
.with-popup-guide .driver-popover-arrow-align-end.driver-popover-arrow-side-left, .with-popup-guide .driver-popover-arrow-align-end.driver-popover-arrow-side-right {
  bottom: 15px;
}
.with-popup-guide .driver-popover-arrow-side-top.driver-popover-arrow-align-end, .with-popup-guide .driver-popover-arrow-side-bottom.driver-popover-arrow-align-end {
  right: 15px;
}
.with-popup-guide .driver-popover-arrow-side-left.driver-popover-arrow-align-center, .with-popup-guide .driver-popover-arrow-side-right.driver-popover-arrow-align-center {
  top: 50%;
  margin-top: -5px;
}
.with-popup-guide .driver-popover-arrow-side-top.driver-popover-arrow-align-center, .with-popup-guide .driver-popover-arrow-side-bottom.driver-popover-arrow-align-center {
  left: 50%;
  margin-left: -5px;
}
.with-popup-guide .driver-popover-arrow-none {
  display: none;
}

.with-popup-guide .driver-popover {
  max-width: 342px;
  border-radius: 15px;
  opacity: 0;
}
.with-popup-guide .driver-popover.is-active {
  opacity: 1;
}
.with-popup-guide .driver-popover-description {
  font-family: "Tazugane Gothic", "TazuganeGothicStdN-Book", sans-serif;
  font-size: var(--text-body-m-jp);
  line-height: 1.66;
  letter-spacing: var(--text-letter-spacing);
  color: #000;
  color: var(--main-color, #000);
  font-weight: 400;
}
.with-popup-guide .popup-guide__inner.-vertical {
  display: flex;
  flex-direction: column;
  font-size: 15.5px;
}
.with-popup-guide .popup-guide__inner .popup-guide__bold {
  font-weight: 600;
}
.with-popup-guide .popup-guide__inner img {
  margin-top: 10px;
  width: 100%;
  border-radius: 5px;
}

.with-popup-guide .driver-popover-title {
  font-family: "Tazugane Gothic", "TazuganeGothicStdN-Heavy", sans-serif, sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-top: 0;
}
.with-popup-guide .driver-popover-footer {
  margin: 20px 0 0;
}
.with-popup-guide .driver-popover-footer button {
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
}
.with-popup-guide .driver-popover-footer button {
  background-color: transparent;
  border: none;
  padding: 0;
  text-decoration: none;
  padding: 6px 20px 4px;
  font-family: "jins_next", "JINS Next", "Noto Sans Japanese", sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: var(--main-color-white);
  background-color: var(--main-color-gray90);
  border: 1px solid var(--main-color);
  transition: 0.2s;
  text-shadow: none;
  border-radius: 50px;
}
.with-popup-guide .driver-popover-footer button * {
  color: var(--main-color-white);
}
.with-popup-guide .driver-popover-navigation-btns {
  justify-content: flex-start;
}
.with-popup-guide .driver-popover-close-btn {
  display: none !important;
}
.with-popup-guide .driver-popover-arrow {
  display: none;
}
.with-popup-guide .driver-overlay {
  z-index: 101610 !important;
}

@media screen and (max-width: 1023px) {
  .with-popup-guide .driver-popover {
    max-width: 90%;
  }
}