@charset "UTF-8";

/* ///////////////////////////////////////////////////////////////////
共通
/////////////////////////////////////////////////////////////////// */



/* ///////////////////////////////////////////////////////////////////
商品詳細タイトル周り
/////////////////////////////////////////////////////////////////// */
#detail_title h2 {
	margin-top: 4px;
	color: var(--color-black60);
	margin-bottom: 24px;
}
#detail_title h2 a{
	text-decoration: none;
}
/* ///////////////////////////////////////////////////////////////////
商品詳細イメージ部分
/////////////////////////////////////////////////////////////////// */
.product_info_wrap {
	display: flex;
	justify-content: space-between;
}
.product_info_wrap #img_area {
	margin-right: 24px;
}
.product_info_wrap #img_area .product_img {
	width: 400px;
	height: 400px;
	line-height: 0;
	border-radius: var(--radius-m);
	overflow: hidden;
    border: 1px solid var(--color-black30);
}
.product_info_wrap #img_area .product_img img {
    max-width: 100%;
	width: 100%;
    height: auto;
}
.product_info_wrap #img_area ul{
	display: flex;
	flex-wrap: wrap;
	width: 400px;
	margin-top: 16px;
	column-gap: 10px;
	row-gap: 10px;
}
#img_area ul li{
	width: 72px;
	height: 72px;
	border-radius: var(--radius-s);
	overflow: hidden;
    border: 1px solid var(--color-black30);
	cursor: pointer;
}
#img_area ul li.active-thumb {
    border: 2px solid var(--color-turquoise50);
}
/*#img_area ul li:not(:nth-child(5n)) {
	margin-right: 10px;
}*/
#img_area ul li img {
	max-width: 100%;
	width: 100%;
	height: auto;
}
* html body .image-resize {
    width: expression(this.width > this.height ? "450px" : "auto");
    height: expression(this.width < this.height ? "450px" : "auto");
}
img {
    -ms-interpolation-mode: bicubic;
}

/* ///////////////////////////////////////////////////////////////////
商品詳細内容部分
/////////////////////////////////////////////////////////////////// */
#detail_contents {
	max-width: 288px;
}
#detail_contents p {
    color: var(--color-black60);
}
#detail_wrap .list_ttl {
	color: var(--color-black60);
	width: 88px;
}
#detail_wrap .price_number #display_item_code {
	color: var(--color-black60);
}
#colors{
	padding-top: 5px;
	clear: both;
	float: left;	
}
#colors p{
	float: left;
	padding-right: 10px;
}
#colors ul{
	width: 180px;
	float: left;	
}
#detail_contents .price_block {
}
#detail_contents .price_block .price {
	display: flex;
	align-items: center;
	width: 100%;
}
#detail_contents .price_block .priceAnnotation {
	margin-left: 88px;
}
#detail_contents .price_number {
	display: flex;
	align-items: center;
	width: 100%;
    min-height:24px;
}
#detail_contents .socialgift_block, #detail_contents .icon_select {
	display: flex;
	align-items: center;
	width: 100%;
	padding-bottom: 8px;
}
#detail_contents .icon_select h3.icon_mark, #detail_contents h3.icon_mark.socialgift {
	width: 116px;
	padding: 3px 6px;
	box-sizing: border-box;
	border-radius: var(--radius-100);
	text-align: center;
	margin-right: 8px;
	font-family: "Noto Sans JP", sans-serif;
    font-size: 10px;
    line-height: 1.7;
    letter-spacing: -0.06em;
	font-weight: normal;
}
#detail_contents .icon_select h3.icon_mark.department_store_select {
	background-color: var(--color-turquoise50);
	color: var(--color-turquoise10);
}
#detail_contents .icon_select h3.icon_mark.our_company_selection {
	background-color: var(--color-turquoise50);
	color: var(--color-turquoise10);
}
#detail_contents .icon_select h3.icon_mark.premium_gift {
	background-color: var(--color-turquoise50);
	color: var(--color-turquoise10);
}
#detail_contents h3.icon_mark.socialgift {
	background-color: var(--color-turquoise20);
	color: var(--color-turquoise70);
}
#detail_contents .icon_select button .detail_modal {
	color: var(--color-black60);
}
#detail_contents button .detail_modal span {
	text-decoration: underline;
}
.list_of_services .list_ttl {
	color: var(--color-black60);
	margin-bottom: 4px;
}
#detail_contents dl {
	clear: both;
	padding-top: 5px;
}

#detail_contents dl dt{
	padding-right: 10px;
}

#detail_contents #btn_wrap{
	clear: both;
	padding-top: 15px;
	padding-bottom: 15px;
}


.desc_img {
    margin-top: 20px;
}
.infomation_wrp {
    display: flex;
    gap: 4px;
    padding: 10px 0;
    flex-direction: column;
}
.information {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-black60);
    box-sizing: border-box;
    cursor: pointer;
}
.information:after {
	font-family: "Material Symbols Outlined";
	content: '\e5cc';
	font-size: 20px;
	color: var(--color-black50);
    line-height:1;
}
.information a {
	display: block;
	width: 100%;
	height: 100%;
}

#detail_wrap #detail_contents .subject_block .tags {
	display:flex;
	width:100%;
	padding:4px 0;
	gap:8px;
	flex-wrap:wrap;
}
#detail_wrap #detail_contents .list_of_services #option_icons.service_level_icons {
	display: flex;
	gap: 4px;
	flex-wrap: wrap;
}
#detail_wrap #detail_contents .col2wrp {
	display: flex;
	color: var(--color-black60);
	align-items: center;
	flex-wrap: wrap;
	margin-top: 10px;
}
#detail_wrap #detail_contents .col2wrp .left{ 
	width:88px;
}
#detail_wrap #detail_contents .col2wrp .left .ddl_base_wrp {
	flex-grow:1;
}
/* ///////////////////////////////////////////////////////////////////
商品詳細テキスト部分
/////////////////////////////////////////////////////////////////// */
.detail_text {
	padding: 30px 0 36px 0;
	border-bottom: solid 1px var(--color-black30);
}
#detail_wrap + .detail_text {
	border-top: solid 1px var(--color-black30);
	margin-top: 20px;
}
.detail_text p{
	color: var(--color-black60);
}
.detail_text .introduction {
	margin-bottom: 24px;
}
.detail_text dl {
	display: table;
}
.detail_text dl:not(:last-child) {
	margin: 0 0 8px 0;
}
.detail_text dl dt {
	display: table-cell;
	padding: 8px 16px;
	box-sizing: border-box;
	background-color: var(--color-Caramel20);
	border-radius: var(--radius-xs);
	width: 120px;
    color:var(--color-Caramel60);
}
.detail_text dl dt.attn {
	background-color: var(--color-error10);
	color: var(--color-error90);
}
.detail_text dl dd{
	display: table-cell;
	max-width: 584px;
	padding-left: 16px;
	color: var(--color-black60);
    padding:5px 0 5px 16px;
}

.detail_text .detail_brands {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.detail_text .detail_brands .brands_logo_img {
	width: 163px;
	margin-right: 16px;
}
.detail_text .detail_brands .brands_logo_img img {
	width: auto;
	max-width: 100%;
	height: auto;
}
.detail_text .detail_brands .brands_info_txt {
	width: 536px;
	color: var(--color-black60);
}
.item_buttons .pad_right5 {
    padding-right: 5px;
}
.item_buttons p {
    float: left;
}
.pad_right5.icon_premium img {
	max-width: 108px;
	height: auto;
}



.price_premium{
	color: #DAA501;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	float: left;
}
#detail_contents .price_number p.price_premium_taxIN{
	font-size: 9px;
	font-weight: normal;
	color: #DAA501;
	line-height: 1.4;
	padding-top: 3px;
}
.price_premium_cont{
	overflow: hidden;
	width: 157px;
	float: left;
}
.price_premium_officon{
	float: right;
	position: relative;
	position: relative;
	bottom: 7px;
	right: 3px;
}
.price_normal_cont {
	display: flex;
	align-items: flex-end;
}
.price_normal {
    /*タイプフェイスを指定いるのにここで指定したら効かない。*/
	/*font-size: var(--heading-txt2-size);
	line-height: var(--heading-txt2-height);
	font-weight: var(--heading-txt2-weight);
	letter-spacing: var(--heading-txt2-spacing);
	color: var(--color-black60);*/
}
.price_normal_cont .price_normal_taxIN {
    /*タイプフェイスを指定いるのにここで指定したら効かない。*/
    /*font-size: var(--caption-txtL-size);
	line-height: var(--caption-txt-height);
	font-weight: var(--caption-txt-weight);
	letter-spacing: var(--caption-txt-spacing);*/
    margin: 0 0 2px 8px;
}
.price_normal_cont_over10my{
	width: 187px;
}
.ttl_product_description {
	display: flex;
	align-items: center;
	color: var(--color-black60);
	margin-bottom: 18px;
}
.ttl_product_description span,.ttl_input_items span.gicon {
	font-size: 32px;
	color: var(--color-turquoise50);
	margin: 3px 8px 0 0;
}
.ttl_input_items {
	display: flex;
	align-items: center;
	color: var(--color-black60);
	margin: 16px auto;
}
.ttl_input_items span.supplement {
	color: var(--color-black60);
	margin: 9px 0 0 8px;
}

#CartInBtn .add_cart .btn_add_cart {
	width: 280px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-Caramel10);
}
#CartInBtn .add_cart .btn_add_cart span, #btn_wrap .btn_dgcg span {
	margin-right: 10px;
	font-size: 20px;
}
#btn_wrap .btn_dgcg.btn_for_trial_use span {
	margin-left: 10px;
	margin-right: 0;
}
#btn_wrap .btn_dgcg {
	width: 280px;
	height: 36px;
	margin-bottom: 8px;
}
#btn_wrap .btn_dgcg a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
#CartInBtn .add_cart .quantity_setting {
	color: var(--color-Caramel60);
	text-align: center;
	margin: 6px auto 16px auto;
}
#AddFavoriteButton .add_favorite {
	width: 296px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-turquoise50);
}
#AddFavoriteButton .add_favorite span {
	margin-right: 10px;
	font-size: 20px;
	color: var(--color-turquoise50);
}
h3.ttl_precautions {
	color: var(--color-black60);
	margin-bottom: 4px;
}
.precautions {
	color: var(--color-black60);
}
/* ///////////////////////////////////////////////////////////////////
この商品のラインナップ
/////////////////////////////////////////////////////////////////// */
.related_items {
	padding: 24px 0;
	box-sizing: border-box;
}
.related_items dt {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--color-Caramel50);
	padding: 8px 0;
	box-sizing: border-box;
	margin-bottom: 24px;
}
.related_items dt span {
	font-size: 32px;
}
.related_items .splide {
	padding: 0 48px;
}
.related_items .splide__arrow--prev {
    left: 0;
}
.related_items .splide__arrow--next {
    right: 0;
}
/*.related_items .splide:not(:has(.splide__arrow)) {
    padding: 0;
}*/
.related_items .splide__arrow {
    width: 36px;
    height: 36px;
    background: var(--color-white100);
    border: solid 1px var(--color-black30);
}
.related_items .splide__arrow svg {
    fill: var(--color-turquoise50);
    height: auto;
    width: 12px;
}
.related_items .splide__arrow:disabled {
    background: var(--color-black20);
    border: none;
}
.related_items .splide__arrow:disabled svg {
    fill: var(--color-black30);
}
.related_items .lineup_list_block {
	color: var(--color-black60);
}
/*.related_items .lineup_list_block .lineup_list {
	width: 128px;
}*/
/*.related_items .lineup_list_block .lineup_list:nth-child(-n+5) {
	margin-bottom: 16px;
}*/
.related_items .lineup_list_block .lineup_list .product_img {
	width: 100%;
	/*height: 128px;*/
	margin-bottom: 8px;
	border-radius: var(--radius-m);
	border: 1px solid var(--color-black30);
	overflow: hidden;
}
.related_items .lineup_list_block .lineup_list .product_img .resizeImg.picture {
	width: 100%;
	height: auto;
}
.related_items .lineup_list_block .lineup_list .item_name {
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-bottom: 4px;
}
/* ///////////////////////////////////////////////////////////////////
ソーシャルギフト
/////////////////////////////////////////////////////////////////// */
.price_number .subject {
	text-align: left;
}
.price_number .subject button {
	padding: 0;
	border: none;
	outline: none;
	background: transparent;
}
.modal_type_spgift .modal_contents {
	width: 800px;
}
.modal_type_spgift .modal_contents .modal_inner {
	position: relative;
	background-color: var(--color-turquoise20);
	border-radius: var(--radius-m);
	padding: 0 48px 64px 48px;
	box-sizing: border-box;
}
.modal_type_spgift .modal_contents .modal_inner .close_btn_position {
	position: absolute;
	top: 24px;
	right: 24px;
}
.modal_type_spgift .modal_contents .modal_inner .close_btn_position .close_btn {
	position: relative;
	display: block;
	width: 24px;
	height: 24px;
	cursor: pointer;
}
.modal_type_spgift .modal_contents .modal_inner .close_btn_position .close_btn:before, .modal_type_spgift .modal_contents .modal_inner .close_btn_position .close_btn:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background-color: var(--color-black50);
}
.modal_type_spgift .modal_contents .modal_inner .close_btn_position .close_btn:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.modal_type_spgift .modal_contents .modal_inner .close_btn_position .close_btn:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.modal_type_spgift .modal_contents .modal_inner dt {
	text-align: center;
	margin-bottom: 8px;
}
.modal_type_spgift .modal_contents .modal_inner dt .en {
	color: var(--color-turquoise40);
}
.modal_type_spgift .modal_contents .modal_inner dt .ja {
	color: var(--color-turquoise70);
}
.modal_type_spgift .modal_contents .modal_inner .about_social_gift {
	color: var(--color-black60);
	margin: 32px auto 56px auto;
	text-align: left;
}
.modal_type_spgift .modal_contents .modal_inner .about_social_gift .note {
	color: var(--color-black50);
	margin-top: 8px;
}
.modal_type_spgift.detail_social_modal .modal_contents .modal_inner dt, .modal_type_select_icon.detail_social_modal .modal_contents .modal_inner dt {
	width: 100%;
}
.modal_type_select_icon.detail_social_modal .modal_contents .modal_inner dd {
	margin-top: 0;
	text-align: left;
	border-bottom: none;
	padding-bottom: 20px;
}
.modal_type_select_icon.detail_social_modal .modal_contents .modal_inner dd .note {
	margin-top: 25px;
}
.detail_social_modal.detail_social_modal .give_social {
	width: 460px;
	margin: 0 auto;
}
#detail_contents .socialgift h3 {
	padding-right: 5px;
}
/*モーダル*/
#modal_about_name {
	padding: 0;
	border: none;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	background-color: transparent;
}
#modal_about_name:after {
	position: absolute;
	top: -5px;
	right: -5px;
	bottom: -5px;
	left: -5px;
	z-index: 1;
	pointer-events: auto;
	content: "";
	background-color: transparent;
	padding: 10px;
}
.modal_type_spgift, .modal_type_select_icon {
	display: none;
}
.modal_type_spgift.show, .modal_type_select_icon.show {
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}
.modal_type_spgift .modal_bg, .modal_type_select_icon .modal_bg, .modal_type_select_icon .modal_bg, .informationOnDisplayMarks .modal_bg, .informationAboutConsumptionTax .modal_bg {
	width: 100%;
	height: 100%;
	background-color: rgba(35, 24, 21, 0.7);
	cursor: pointer;
}
.modal_type_spgift .modal_contents, .modal_type_select_icon .modal_contents {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.modal_type_select_icon .modal_contents {
	width: 720px;
}
.modal_type_select_icon .modal_contents .close_btn {
	text-align: right;
	margin-bottom: 20px;
	cursor: pointer;
}
.modal_type_select_icon.detail_social_modal .modal_contents .modal_inner {
	padding: 50px 60px;
}
.modal_type_select_icon .modal_contents .modal_inner {
	padding: 60px;
	box-sizing: border-box;
	background-color: #ffffff;
	z-index: 100;
}
.modal_type_select_icon .modal_contents .modal_inner dt {
	font-size: 18px;
	line-height: 27px;
	padding-bottom: 20px;
	border-bottom: solid 1px #e3dbd2;
	text-align: center;
}
.modal_type_select_icon .modal_contents .modal_inner dd {
	font-size: 14px;
	line-height: 21px;
	margin-top: 20px;
}
.modal_type_spgift .modal_contents .modal_inner dd ul.notes, .modal_type_select_icon .modal_contents .modal_inner dd ul.notes {
	overflow: hidden;
}
.modal_type_spgift .modal_contents .modal_inner dd ul.notes li, .modal_type_select_icon .modal_contents .modal_inner dd ul.notes li {
	float: left;
}
.modal_type_spgift .modal_contents .modal_inner dd ul.notes li span, .modal_type_select_icon .modal_contents .modal_inner dd ul.notes li span {
	color: #d2000a;
	font-weight: normal;
}
.modal_type_spgift .modal_contents .modal_inner dd .example, .modal_type_select_icon .modal_contents .modal_inner dd .example {
	margin-bottom: 25px;
}
.modal_type_spgift .important_point, .modal_type_select_icon .important_point {
	text-align: center;
	text-align: center;
	margin-top: 50px;
}
.modal_type_spgift .important_point span, .modal_type_select_icon .important_point span {
	color: #d2000a;
	font-weight: normal;
}
.modal_type_select_icon .important_point dt {
	font-size: 18px;
	line-height: 21px;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 20px;
}
.modal_type_spgift .important_point dt:before, .modal_type_select_icon .important_point dt:before {
	content: '';
	background-image: url(/images/cart/icon_exclamation_point.svg);
	background-repeat: no-repeat;
	background-size: inherit;
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
}
.modal_type_select_icon .important_point dd {
	font-size: 14px;
	line-height: 21px;
	padding-bottom: 48px;
	border-bottom: solid 1px #e3dbd2;
}
.detail_social_modal .important_point {
	margin-top: 0;
}
.detail_social_modal .important_point dt::before {
	background: none;
	width: auto;
	height: auto;
}
/* ///////////////////////////////////////////////////////////////////
カートイン前モーダル
/////////////////////////////////////////////////////////////////// */
#divConfirm {
    background-color: var(--color-white100);
    padding: 24px;
    border-radius: 16px;
    max-width: 880px;
}
.itm_dtl_cfm_mdl_ttl {
    color: var(--color-black60);
}
.itm_dtl_cfm_mdl_body {
    margin-top: 24px;
    color: var(--color-black60);
    text-align: left;
}
.itm_dtl_cfm_mdl_btn_row {
    margin-top: 32px;
    display: flex;
    gap: 8px;
    justify-content: center;
}
#yesBtnCartInCfm, #noBtnCartInCfm {
    height: 48px;
    padding: 0 32px;
}

/* ///////////////////////////////////////////////////////////////////
包装紙 アイコン
/////////////////////////////////////////////////////////////////// */
.modal_type_select_icon .modal_contents .modal_inner .ttl_about_icon {
	line-height: 1;
}
.modal_contents .about_icon_bg {
	width: 600px;
	background-color: #efeae4;
	padding: 20px;
	box-sizing: border-box;
}
.modal_contents .about_icon_bg .icon_list_table {
	margin-bottom: 30px;
}
.modal_contents .about_icon_bg .icon_list_table:last-child {
	margin-bottom: 0;
}
.modal_contents .about_icon_bg .icon_list_table .icon_list {
	display: flex;
}
.modal_contents .about_icon_bg .icon_list_table .icon_list .icon_img {
	position: relative;
	width: auto;
	border: none;
	padding: 0 62px 0 0;
	box-sizing: border-box;
	line-height: 0;
	margin-bottom: 0;
}
.modal_contents .about_icon_bg .icon_list_table .icon_list .icon_img:after {
	content: '';
	position: absolute;
    top: 10px;
    right: 16px;
	background-image: url(/images/site/common/icon/cart/dots_between.svg);
	background-repeat: no-repeat;
	display: block;
	width: 31px;
	height: 3px;
}
.modal_contents .about_icon_bg .icon_list_table .icon_list .explanation {
	padding-bottom: 0;
	color: #231815;
}
.modal_contents .icon_note {
	width: fit-content;
	margin: 22px auto 0 auto;
}
.modal_contents .icon_note .note_wrap {
	display: flex;
}
.modal_contents .icon_note .note_wrap .icon {
	position: relative;
	line-height: 0;
	padding-left: 18px;
	margin-right: 8px;
}
.modal_contents .icon_note .note_wrap .icon:before {
	content: '※';
	position: absolute;
	top: 14px;
	left: 0;
}
.modal_contents .icon_note .note_wrap .note_txt {
	margin-top: 4px;
}
.modal_type_select_icon dt, .modal_type_select_icon dd {
	float: none;
}

.age_verification {
	font-size: var(--main-txtM-size);
	line-height: var(--main-txt-height);
	font-weight: var(--main-txt-weight);
	letter-spacing: var(--main-txt-spacing);
	color: var(--color-black60);
	text-align: center;
	margin: 32px auto 24px auto;
}
.age_verification .checked_age_verification {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 5px;
}
.age_verification .checked_age_verification #agreementOfAlcohol {
	margin-top: 2px;
}
#btn_frmsubmit {
	display: block;
	width: 258px;
	height: 48px;
	margin: 24px auto 56px auto;
}
#btn_frmsubmit p {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#btn_frmsubmit p:after {
	font-family: "Material Symbols Outlined";
	content: '\e5cc';
	font-size: 20px;
	margin-left: 8px;
}
#btn_frmsubmit:disabled {
	background-color: var(--color-black20);
    color: var(--color-black30);
	border-radius: var(--radius-100);
}
#btn_frmsubmit:disabled p:after, #btn_frmsubmit p.disable:after {
	color: var(--color-black30);
}
.createButton {
	display: block;
	padding: 8px 24px;
	box-sizing: border-box;
	margin: 24px auto 16px auto;
	width: fit-content;
}
.createButton a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.createButton a:after {
	font-family: "Material Symbols Outlined";
	content: '\e5cc';
	font-size: 20px;
	color: var(--color-Caramel10);
	margin-left: 8px;
}
.backButton {
	text-align: center;
	color: var(--color-black60);
}
.backButton a {
	text-decoration: underline;
}
/* ///////////////////////////////////////////////////////////////////
表示マークのご案内
/////////////////////////////////////////////////////////////////// */
.informationOnDisplayMarks {
	display: none;
}
.informationOnDisplayMarks.show {
	display: block;
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}
.informationOnDisplayMarks.show .modal_contents {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.informationOnDisplayMarks.show .modal_contents .modal_inner {
	width: 880px;
	background-color: var(--color-white100);
	border-radius: var(--radius-m);
	padding: 24px 0 32px 0;
	box-sizing: border-box;
	overflow: hidden;
	color: var(--color-black60);
}
.informationOnDisplayMarks.show .modal_contents .modal_inner .over_view_scroll_block {
	overflow-y: auto;
	max-height: 85vh;
	padding: 0 24px;
}
.informationOnDisplayMarks .ttl_information_on_display_marks, .informationAboutConsumptionTax .ttl_information_on_display_marks {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.informationOnDisplayMarks .ttl_information_on_display_marks .close_btn, .informationAboutConsumptionTax .ttl_information_on_display_marks .close_btn {
	position: relative;
	display: block;
	width: 24px;
	height: 24px;
	cursor: pointer;
}
.informationOnDisplayMarks .ttl_information_on_display_marks .close_btn:before, .informationOnDisplayMarks .ttl_information_on_display_marks .close_btn:after, .informationAboutConsumptionTax .ttl_information_on_display_marks .close_btn:before, .informationAboutConsumptionTax .ttl_information_on_display_marks .close_btn:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background-color: var(--color-black50);
}
.informationOnDisplayMarks .ttl_information_on_display_marks .close_btn:before, .informationAboutConsumptionTax .ttl_information_on_display_marks .close_btn:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.informationOnDisplayMarks .ttl_information_on_display_marks .close_btn:after, .informationAboutConsumptionTax .ttl_information_on_display_marks .close_btn:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.informationOnDisplayMarks .ttl_information_on_display_marks div, .informationAboutConsumptionTax .ttl_information_on_display_marks div {
	margin-bottom: 24px;
}
.informationOnDisplayMarks .ttl_information_on_display_marks div span {
	margin-left: 16px;
}
.informationOnDisplayMarks .information_on_display_marks_wrap .logistics_and_shipping_display {
	margin-bottom: 24px;
}
.informationOnDisplayMarks .information_on_display_marks_wrap .logistics_and_shipping_display dt {
	margin-bottom: 12px;
}
.informationOnDisplayMarks .information_on_display_marks_wrap .logistics_and_shipping_display .about_the_mark {
	border: solid 1px var(--color-black30);
	border-radius: var(--radius-s);
	overflow: hidden;
}
.informationOnDisplayMarks .information_on_display_marks_wrap .logistics_and_shipping_display .about_the_mark:first-child {
	margin-bottom: 12px;
}
.informationOnDisplayMarks .information_on_display_marks_wrap .logistics_and_shipping_display .about_the_mark .note {
	background-color: var(--color-Caramel10);
	color: var(--color-error90);
	padding: 12px 16px;
	box-sizing: border-box;
	border-bottom: solid 1px var(--color-black30);
}
.informationOnDisplayMarks .information_on_display_marks_wrap .logistics_and_shipping_display .about_the_mark .icon_marks_wrap {
	padding: 12px 16px;
	box-sizing: border-box;
}
.informationOnDisplayMarks .information_on_display_marks_wrap .logistics_and_shipping_display .about_the_mark .icon_marks_wrap ul, .informationOnDisplayMarks .information_on_display_marks_wrap .logistics_and_shipping_display .about_the_mark .icon_marks_wrap li {
	display: flex;
	align-items: center;
}
.informationOnDisplayMarks .information_on_display_marks_wrap .logistics_and_shipping_display .about_the_mark .icon_marks_wrap li {
	color: var(--color-black60);
}
.informationOnDisplayMarks .information_on_display_marks_wrap .logistics_and_shipping_display .about_the_mark .icon_marks_wrap .icon_mark {
	padding: 3px 12px;
	box-sizing: border-box;
	border-radius: var(--radius-100);
	margin-right: 8px;
	color: var(--color-white100);
}
.informationOnDisplayMarks .information_on_display_marks_wrap .logistics_and_shipping_display .about_the_mark .icon_marks_wrap .icon_mark.logistics_a {
	background-color: #4ED485;
}
.informationOnDisplayMarks .information_on_display_marks_wrap .logistics_and_shipping_display .about_the_mark .icon_marks_wrap .icon_mark.logistics_b {
	background-color: var(--color-turquoise50);
}
.informationOnDisplayMarks .information_on_display_marks_wrap .logistics_and_shipping_display .about_the_mark .icon_marks_wrap .icon_mark.separate_flight {
	background-color: #806BEA;
}
.informationOnDisplayMarks .information_on_display_marks_wrap .logistics_and_shipping_display .about_the_mark .icon_marks_wrap .icon_mark.express_delivery {
	background-color: var(--color-error90);
}
.informationOnDisplayMarks .information_on_display_marks_wrap .logistics_and_shipping_display .about_the_mark:nth-child(2) .icon_marks_wrap li:first-child {
	margin-right: 14px;
}
.informationOnDisplayMarks .information_on_display_marks_wrap .about_each_icon {
	display: flex;
	justify-content: space-between;
}
.informationOnDisplayMarks .information_on_display_marks_wrap .about_each_icon .each_icon {
	width: 392px;
}
.informationOnDisplayMarks .information_on_display_marks_wrap .about_each_icon dt {
	margin-bottom: 12px;
}
.informationOnDisplayMarks .information_on_display_marks_wrap .about_each_icon .product_display .shipping_price {
	padding-bottom: 4px;
	margin-bottom: 12px;
	border-bottom: solid 1px var(--color-black30);
}
.informationOnDisplayMarks .information_on_display_marks_wrap .about_each_icon .product_display li {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}
.informationOnDisplayMarks .information_on_display_marks_wrap .about_each_icon .product_display .icon_mark {
	width: 112px;
	padding: 3px 0;
	border-radius:  var(--radius-100);
	text-align: center;
	background-color: var(--color-Caramel20);
	color: var(--color-Caramel70);
	margin-right: 12px;
}
.informationOnDisplayMarks .information_on_display_marks_wrap .about_each_icon .product_display .icon_mark.name_engraving {
	background-color: var(--color-Caramel50);
	color: var(--color-white100);
}
.informationOnDisplayMarks .information_on_display_marks_wrap .about_each_icon .product_display .icon_mark.refrigerated {
	background-color: var(--color-turquoise60);
	color: var(--color-white100);
}
.informationOnDisplayMarks .information_on_display_marks_wrap .about_each_icon .product_display .icon_mark.frozen {
	background-color: var(--color-turquoise70);
	color: var(--color-white100);
}
.informationOnDisplayMarks .information_on_display_marks_wrap .about_each_icon .service_display li {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
    gap:12px;
}
.informationOnDisplayMarks .information_on_display_marks_wrap .about_each_icon .service_display .icon_mark {
	width: 138px;
	background-color: var(--color-Caramel20);
	color: var(--color-Caramel70);
	border-radius: var(--radius-xs);
	text-align: center;
	padding: 4px 16px;
	box-sizing: border-box;
	/*margin-right: 12px;*/
}
.informationOnDisplayMarks .information_on_display_marks_wrap .about_each_icon .service_display .side_by_side {
	display: flex;
	align-items: center;
	justify-content: center;
}
.informationOnDisplayMarks .information_on_display_marks_wrap .about_each_icon .service_display p span {
	font-size: 16px;
	margin-right: 4px;
}
.informationOnDisplayMarks .information_on_display_marks_wrap .about_each_icon .service_display .about_icons_txt {
	width: 242px;
	text-align: left;
}
.informationOnDisplayMarks .information_on_display_marks_wrap .about_each_icon .service_display .manufacturer_limited {
	background-color: var(--color-white100);
	border-radius: var(--radius-xs);
	margin-top: 4px;
}
.informationOnDisplayMarks .bottom_btn, .informationAboutConsumptionTax .bottom_btn {
	width: 160px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 32px auto 0 auto;
    cursor: pointer;
}
/* ///////////////////////////////////////////////////////////////////
消費税についてのご案内
/////////////////////////////////////////////////////////////////// */
.informationAboutConsumptionTax {
	display: none;
}
.informationAboutConsumptionTax.show {
	display: block;
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}
.informationAboutConsumptionTax.show .modal_contents {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.informationAboutConsumptionTax .modal_contents .modal_inner {
	width: 880px;
	background-color: var(--color-white100);
	border-radius: var(--radius-m);
	padding: 24px 0 32px 0;
	box-sizing: border-box;
	overflow: hidden;
	color: var(--color-black60);
}
.informationAboutConsumptionTax .modal_contents .modal_inner .over_view_scroll_block {
	overflow-y: auto;
	max-height: 85vh;
	padding: 0 24px;
}
.informationAboutConsumptionTax .information_on_display_marks_wrap .tax_rate {
	margin-bottom: 24px;
}
.informationAboutConsumptionTax .information_on_display_marks_wrap .tax_rate li {
	display: flex;
	align-items: center;
}
.informationAboutConsumptionTax .information_on_display_marks_wrap .tax_rate li:not(:last-child) {
	margin-bottom: 8px;
}
.informationAboutConsumptionTax .information_on_display_marks_wrap .tax_rate .tax_rate_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 112px;
	height: 23px;
	padding: 3px 0;
	box-sizing: border-box;
	border-radius: var(--radius-100);
	background-color: var(--color-Caramel20);
	color: var(--color-Caramel70);
	margin-right: 12px;
}
.informationAboutConsumptionTax .tax_rate_classification .ttl_tax_rate_classification {
	margin-bottom: 12px;
}
.informationAboutConsumptionTax .tax_rate_classification .case {
	margin-top: 12px;
}
.informationAboutConsumptionTax .tax_rate_classification .case .case_table {
	margin-bottom: 12px;
}
.informationAboutConsumptionTax .tax_rate_classification .case .case_table li {
	border: solid 1px var(--color-black30);
	border-radius: var(--radius-s);
	overflow: hidden;
}
.informationAboutConsumptionTax .tax_rate_classification .case .case_table li:not(:last-child) {
	margin-bottom: 12px;
}
.informationAboutConsumptionTax .tax_rate_classification .case .case_table li dl {
	display: flex;
}
.informationAboutConsumptionTax .tax_rate_classification .case .case_table li .what_to_expect {
	display: flex;
	align-items: center;
	background-color: var(--color-Caramel10);
	color: var(--color-Caramel70);
	width: 176px;
	border-right: solid 1px var(--color-black30);
	padding: 12px 16px;
	box-sizing: border-box;
}
.informationAboutConsumptionTax .tax_rate_classification .case .case_table li .applicable {
	width: 656px;
	padding: 12px 16px;
	box-sizing: border-box;
}
.informationAboutConsumptionTax .tax_rate_classification .case .case_table li .applicable .applicable_note {
	margin-top: 24px;
}
.informationAboutConsumptionTax .tax_rate_classification .case .for_products_subject_to_reduced_tax_rates li {
	text-indent: -1em;
	padding-left: 1em;
}
.informationAboutConsumptionTax .tax_rate_classification .case .for_products_subject_to_reduced_tax_rates span {
	background-color: var(--color-error90);
	color: var(--color-white100);
	padding: 3px 12px;
	box-sizing: border-box;
	border-radius: var(--radius-100);
	margin-right: 2px;
}
/* ///////////////////////////////////////////////////////////////////
特急便ギフトのサービスガイド
/////////////////////////////////////////////////////////////////// */
.express_delivery_available {
	margin: 12px auto;
	background-color: var(--color-error10);
	border-radius: var(--radius-m);
	padding: 16px 48px;
	box-sizing: border-box;
}
.express_delivery_available dl {
	display: flex;
	align-items: center;
}
.express_delivery_available dt {
	display: flex;
	align-items: center;
	padding-right: 32px;
	margin-right: 32px;
	border-right: solid 1px var(--color-black30);
}
.express_delivery_available dt .icon_mark {
	background-color: var(--color-error90);
	color: var(--color-white100);
	border-radius: var(--radius-100);
	padding: 3px 8px;
	box-sizing: border-box;
	margin-right: 8px;
}
.express_delivery_available dd {
	color: var(--color-black80);
}
.express_delivery_available dt, .express_delivery_available dd span {
	color: var(--color-error90);
}
/* ///////////////////////////////////////////////////////////////////
組み合わせギフト
/////////////////////////////////////////////////////////////////// */
.combination_gifts {
	background-color: var(--color-Caramel10);
	border-radius: 12px;
	padding: 16px 32px 32px 32px;
	box-sizing: border-box;
	margin:30px auto 16px auto;
}
.combination_gifts .delivery_method {
	color: var(--color-Caramel60);
	margin-bottom: 16px;
}
.combination_gifts .method {
	border-radius: var(--radius-s);
	background-color: var(--color-white100);
	color: var(--color-black60);
	width: 656px;
	margin: auto;
	padding: 16px 20px;
	box-sizing: border-box;
}
.combination_gifts .method.packaging {
	margin: 0 auto 12px auto;
}
.combination_gifts .method .ttl_and_description {
	display: flex;
}
.combination_gifts .method .icon_mark {
	background-color: var(--color-turquoise50);
	color: var(--color-white100);
	border-radius: 40px;
	width: 104px;
	height: 32px;
	padding: 4px 12px;
	box-sizing: border-box;
	margin-right: 16px;
	text-align: center;
}
.combination_gifts .method .note {
	margin: 0 auto 12px auto;
}
.combination_gifts .method img {
	border-radius: var(--radius-xs);
}
.combination_gifts .method .depending_on_the_situation .case_table {
	position: relative;
	display: flex;
	justify-content: space-between;
}
.combination_gifts .method .depending_on_the_situation .case {
	width: 286px;
	border: solid 1px var(--color-black20);
	border-radius: var(--radius-s);
}
.combination_gifts .method .depending_on_the_situation .case:first-child:after {
	content: 'or';
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Montserrat", sans-serif;
    font-size: var(--label-txtL-size);
    line-height: var(--label-txt-height);
    font-weight: var(--label-txt-weight);
    letter-spacing: var(--label-txt-spacing);
	background-color: var(--color-Caramel20);
	color: var(--color-Caramel60);
	border-radius: 100%;
	width: 36px;
	height: 36px;
}
.combination_gifts .method .depending_on_the_situation .case .case_by_case {
	display: flex;
	align-items: center;
	background-color: var(--color-Caramel10);
	padding: 8px 12px;
	height: 56px;
}
.combination_gifts .method .depending_on_the_situation .case .case_by_case span {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color-Caramel60);
	color: var(--color-white100);
	width: 20px;
	height: 20px;
	border-radius: 100%;
	margin-right: 8px;
}
.combination_gifts .method .depending_on_the_situation .case .case_by_case .case_distinction {
	width: 232px;
}
.combination_gifts .method .depending_on_the_situation .case .how_to_deliver {
	padding: 12px;
	box-sizing: border-box;
}
.combination_gifts .method .depending_on_the_situation .case .how_to_deliver img {
	margin-bottom: 8px;
}
.combination_gifts .method .depending_on_the_situation .case .how_to_deliver .note {
	margin: 8px 0 0 0;
}
.combination_gifts .method .depending_on_the_situation .case .how_to_deliver .more_examples {
	margin-top: 8px;
}
.combination_gifts .method .depending_on_the_situation .case .how_to_deliver .more_examples dt {
	color: var(--color-Caramel70);
	margin-bottom: 4px;
}
.combination_gifts .method .depending_on_the_situation .case .how_to_deliver .more_examples li {
	text-indent: -1em;
	padding-left: 1em;
}
/* ///////////////////////////////////////////////////////////////////
ご利用上の注意
/////////////////////////////////////////////////////////////////// */
.preconsent_text {
	color: var(--color-black60);
	text-align: center;
	margin: 32px auto 24px auto;
}
#agreepreview {
	width: 720px;
	height: 320px;
	background-color: var(--color-black10);
	border-radius: 12px;
	padding: 6px 10px 6px 0px;
}
#agreepreview #previewcontents {
    padding: 14px 10px 14px 24px;
    box-sizing: border-box;
    text-align: left;
    position: relative;
	height: 100%;
	overflow-y: auto;
}
#agreepreview #previewcontents .ttl{
    color: var(--color-black70);
    text-align: center;
    padding-bottom: 12px;
    box-sizing: border-box;
    border-bottom: solid 1px var(--color-black30);
    margin-bottom: 20px;
}
#point4 .notcreate {
    color: var(--color-error90);
    margin-bottom: 24px;
}
#point4 dl dt {
	display: flex;
	align-items: center;
	color: var(--color-black70);
	margin-bottom: 8px;
}
#point4 dl dt:before {
    content: '\e000';
    font-family: "Material Symbols Outlined";
    font-size: 24px;
    color: var(--color-error90);
    margin-right: 8px;
}
#point4 dl dd {
    color: var(--color-black60);
}
#point4 dl dd:not(:last-child) {
    margin-bottom: 24px;
}
#point4 dl dd a {
	color: var(--color-caramel);
	text-decoration: underline;
}
/* ///////////////////////////////////////////////////////////////////
ブックカバー 詳細
/////////////////////////////////////////////////////////////////// */
.designSelect {
	margin-top: 30px;
}
.designSelect .designSelect__bg {
	background-color: var(--color-turquoise10);
	padding: 32px 0;
	box-sizing: border-box;
	border-radius: var(--radius-s);
}
.designSelect .designSelect__bg .choose_a_design {
	color: var(--color-turquoise70);
	text-align: center;
	padding: 0 56px 32px 56px;
	box-sizing: border-box;
}
.designSelect .designSelect__bg .choose_a_design h3 {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-turquoise50);
	margin-bottom: 8px;
}
.designSelect .designSelect__bg .choose_a_design h3 span {
	font-size: 32px;
	color: var(--color-Caramel50);
}
.designSelect .designSelect__bg .designSelect__preview {
	padding: 0 56px;
	box-sizing: border-box;
}
.designSelect .designSelect__bg .designSelect__preview .designSelect__preview--noSelect .designSelect__preview--noSelect__bg {
	background-color: var(--color-Caramel30);
	color: var(--color-caramel);
	border-radius: var(--radius-s);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 368px;
	margin: 0 auto 24px auto;
}
.designSelect .designSelect__bg .designSelect__preview .designSelect__preview--noSelect .designSelect__preview--noSelect__bg span {
	font-size: 72px;
}
.designSelect .designSelect__bg .designSelect__option {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
}
.designSelect .designSelect__bg .designSelect__preview .designSelect__preview--select {
	width: 100%;
	margin: 0 auto 24px auto;
}
.designSelect .designSelect__bg .designSelect__preview .designSelect__preview--select .designSelect__preview--img {
	width: 100%;
	height: auto;
	border-radius: var(--radius-s);
}
.designSelect .designSelect__bg .designSelect__preview .designSelect__preview--select .designSelect__preview--select__under {
	margin-top: 10px;
	display: flex;
	align-items: end;
	justify-content: space-between;
}
.designSelect .designSelect__bg .designSelect__preview .designSelect__preview--select .designSelect__preview--select__under .designSelect__preview--select__zoom {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.designSelect .designSelect__bg .designSelect__option .designSelect__option--item {
	cursor: pointer;
	border-radius: var(--radius-s);
	overflow: hidden;
	width: 140px;
	height: auto;
	border: 3px solid var(--color-white100); 
}
.designSelect .designSelect__bg .designSelect__option .designSelect__option--item.designSelect__option--selected {
	border: 3px solid var(--color-turquoise70); 
}
.bk_bigImg_box .bk_big_image {
	width: 800px;
	height: auto;
}
.precautions_block {
	padding: 16px 0;
	box-sizing: border-box;
	border-bottom: 1px solid var(--color-black30);
}
.precautions_block .precautions__inner .preconsent_text {
	margin: 0 auto 12px auto;
}
.precautions_block .precautions__inner .progress_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px 0;
	box-sizing: border-box;
	gap: 16px;
}
.precautions_block .precautions__inner .progress_btn .btn_outlined,  .precautions_block .precautions__inner .progress_btn .btn_contained {
	display: flex;
    align-items: center;
    justify-content: center;
	gap: 8px;
} 
.precautions_block .precautions__inner .progress_btn .btn_outlined .material-symbols-outlined, .precautions_block .precautions__inner .progress_btn .btn_contained .material-symbols-outlined {
	font-size: 20px;
}
.precautions_block .precautions__inner .progress_btn .btn_create.btn--disable {
	background-color: var(--color-black20);
    color: var(--color-black30);
    pointer-events: none;
}
.btnare_submit {
	padding-bottom: 16px;
	border-bottom: 1px solid var(--color-black30);
}
/* ///////////////////////////////////////////////////////////////////
欠品表示
/////////////////////////////////////////////////////////////////// */
.CartInBtnDisabled_tbl {
	width: 100%;
	min-height: 70px;
	margin-bottom: 20px;
}
#UnavailableReason1,
#UnavailableReason2,
#UnavailableReason3,
#UnavailableReason4 {color: var(--color-error90);font-weight: bold;text-align: center;vertical-align: middle;background-color: var(--color-black20);border-radius: var(--radius-m);}
.newlink_anc {width: 100%;height: 100%;display: inline-block;text-align: center;vertical-align: middle;border: 3px solid var(--color-turquoise50);border-radius: var(--radius-m);padding: 14px;text-decoration: underline;}
.newlink_txt2 {color: var(--color-error90);}