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

/********************************************************************/

/* HTMLタグ要素 */

/********************************************************************/

body {
    padding: 0px;
    margin: 0px;
    background-color: #FFFFFF;
    color: #333333;
}

.responsive body,
.responsive select,
.responsive input,
.responsive button,
.responsive textarea,
.responsive button {
	font-family: 'Local Roboto', 'Roboto', 'Local Noto Sans JP', 'Noto Sans JP', sans-serif;
}

.responsive body .inner_global_nav .nav_btn,
.responsive body .inner_global_nav .header_nav_item {
	 letter-spacing: 0;
}

A,
A:link,
A:visited, 
A:hover,
A:active {
    color: #333333;
    text-decoration: none;
    font-weight: bold;
    outline: none;
}

.use_hover A:hover {
    color: #666666;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    margin-bottom: 5px;
}

h1 {
    font-size: 161.6%;
}

h2 {
    font-size: 146.5%;
}

h3 {
    font-size: 131%;
}

h4 {
    font-size: 123.1%;
}

h5 {
    font-size: 116%;
}

h6 {
    font-size: 108%;
}


/********************************************************************/

/* 大外 */

/********************************************************************/

#container {
    font-size: 108%;
}

.single_layout.responsive .fix_center {
	max-width: 1200px;
}

.responsive .has_min_nav .fix_center {
	max-width: 980px;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
	.use_folding_header #inner_contents,
	.single_layout #inner_contents,
	.single_layout_with_side_menu #inner_contents  {
		padding: 0 15px;
	}
}

/* レスポンシブ横幅1200px以上指定 */
@media screen and (min-width: 1200px) {
	.ocnk028.responsive.single_layout #container:not(.has_min_nav) .fix_center,
	.ocnk028.responsive.wide_layout #container:not(.has_min_nav) .fix_center,
	.ocnk028.responsive.wide_layout .layout_2_col #inner_contents {
		width: 100%;
		max-width: 100%;
	}
}


/********************************************************************/

/* トップページコンテンツ間余白 */

/********************************************************************/

.main_box {
    margin-bottom: 50px;
}

.module_box .main_box {
	margin-top: 1px;
    margin-bottom: 1px;
}

.side_box {
    margin-bottom: 50px;
}


/********************************************************************/

/* キャッチフレーズ欄 */

/********************************************************************/

/* キャッチフレーズ */
.responsive .copy {
    max-width: 100%!important;
    text-align: center;
    min-height: 18px;
    padding: 0px;
    font-size: 85%;
    background-color: transparent;
	color: #FFFFFF;
}

@keyframes copyvisible {
  0%   { opacity: 0; height: 0; min-height: 0; padding: 0; overflow: hidden; }
  100% { opacity: 1; height: auto; min-height: 18px; padding: 0; overflow: hidden; }
}

.copy A {
    color: var(--ink-500);
    text-decoration: none;
}

.use_hover .copy A:hover {
    color: var(--ink-900);
}


/********************************************************************/

/* ヘッダー */

/********************************************************************/

#header_wrapper:not(.folding_header, .min_header) {
	background-color: #FFFFFF;
}

#header {
    position: relative;
	background-color: #FFFFFF;
}

.responsive #inner_header {
	padding: 5px 0px;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
    .responsive #inner_header {
	    padding: 10px;
		min-height: 67px;
    }
}

/********************************************************************/

/* ショップ名 */

/********************************************************************/

/* ショップ名ロゴ */
.shoplogo {
    padding: 5px 0px;
}

/* レスポンシブ横幅1200px以上指定 */
@media screen and (min-width: 1200px) {
    .shoplogo {
		padding: 0px;
    }
}

.shoplogo img,
.folding_header .shoplogo img {
	width: 120px;
    max-width: 120px;
}

/* レスポンシブ横幅600px以上指定 */
@media screen and (min-width: 600px) {
    .shoplogo img,
	.folding_header .shoplogo img { 
		width: auto;
		max-width: 150px;
		max-height: 50px;
    }
}

.use_hover .shoplogo A:hover img {
    opacity: 0.8;
}

/* ショップ名テキスト */
.shoptext {
    padding: 5px 0px 5px 5px;
    min-height: 40px;
    margin-right: auto;
}

/* レスポンシブ横幅1200px以上指定 */
@media screen and (min-width: 1200px) {
    .shoptext{
        padding-left: 0px;
    }
}

.shoptext A {
    font-size: 123.1%;
    margin: 0px;
}


/********************************************************************/

/* 文字サイズ */

/********************************************************************/

.font_setting {
    padding: 5px 5px 10px;
    text-align: center;
	font-size: 13px;
}

.header_font_setting .set_font_title {
    color: #000000;
}

/* 文字サイズボタン */
.set_font_normal,
.set_font_large {
    width: 40px;
    height: 28px;
    display: inline-block;
    margin-left: 5px;
    background-color: #E9E9E9;
    border-radius: 5px;
    line-height: 28px;
    text-align: center;
    color: #777777;
    transition: .3s;
}

/* 普通サイズボタン */
.set_font_normal::after {
    content: "普通";
	font-size: 13px;
}

/* 大サイズボタン */
.set_font_large::after {
    content: "大";
	font-size: 17px;
}

/* 文字サイズボタンマウスオーバー、選択中 */
.use_hover .font_setting .set_font_normal:hover,
.use_hover .font_setting .set_font_large:hover,
.font_setting .nav_on {
	background-color: #000000;
}

.use_hover .font_setting .set_font_normal:hover:after,
.use_hover .font_setting .set_font_large:hover:after,
.font_setting .nav_on:after {
    color: #FFFFFF;
}


/********************************************************************/

/* ヘッダーナビ */

/********************************************************************/

/* 各ナビゲーション */
.inner_header_nav .nav_btn {
    color: #666666;    
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
    .inner_header_nav .nav_btn {
        text-align: left;
    }
}

.inner_header_nav .empty_nav_label .nav_btn {
    text-align: center;
	height: 100%;
}

.header_right .inner_header_nav .nav_btn {
	margin-right: 2px;
}

.use_hover .inner_header_nav .nav_btn:hover {
    background-color: #F5F5F5;
}

.responsive .inner_header_nav .nav_text {
    padding: 0px;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
	.responsive .inner_header_nav .nav_text {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

.responsive .inner_header_nav .nav_text .nav_label {
	display: block;
	padding-top: 3px;
	font-size: 9px;
	letter-spacing: -.05em;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
	.responsive .inner_header_nav .nav_text .nav_label {
		font-size: 10px;
		padding-top: 2px;
	}
}

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


/*************************************************************/

/* 検索 */

/*************************************************************/

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
	.ocnk020.responsive .has_search_bar .search_bar:has(.global_btn .searchinput) .search {
		max-width: 260px;
		padding: 1px 10px 1px 5px;
		background-color: #F5F5F5;
	}
	
	.responsive .has_search_bar .search_bar .search .search_box {
		width: 200px;
	}
	
	.responsive .has_search_bar:has(.h_contact,.h_favorite,.h_help,.h_signout) .search_bar.has_header_right_size2,
	.responsive .has_search_bar .search_bar.has_header_right_size2 {
		right: 160px;
	}
}


/*************************************************************/

/* グローバルナビゲーション */

/*************************************************************/

.global_nav {
    background-color: #FFFFFF;
}

#header_wrapper:not(.folding_header) .inner_global_nav {
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px solid #E0DFE3;
}

/* 各ナビゲーション */
.responsive .inner_global_nav .nav_btn,
.responsive .column6 .inner_global_nav .nav_btn {
	position: relative;
	border-right: none;
	border-bottom: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	color: #000000;
	font-weight: 400;
	text-align: left;
}

.responsive .inner_global_nav > .global_nav_item > .nav_btn,
.responsive .column6 .inner_global_nav > .global_nav_item > .nav_btn {
	text-align: center;
}

.responsive .inner_global_nav .inner_popup_nav .nav_btn,
.responsive .column6 .inner_global_nav .inner_popup_nav .nav_btn {
	text-align: left;
}

.responsive .inner_global_nav .global_nav_item> .nav_btn.nav_on,
.responsive #header_wrapper:not(.folding_header) .inner_global_nav .global_nav_item.nav_on > .nav_btn {
	border-bottom: 1px solid #000000;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
	.folding_header .inner_global_nav {
		padding-top: 10px;
		border-top: 1px solid #E0DFE3;
  }
	
	.responsive .inner_global_nav A.nav_btn,
	.responsive .column6 .inner_global_nav .nav_btn {
		padding: 10px 15px;
		font-size: 100%;
		font-weight: 400;
	}
	
	.responsive.use_hover .inner_global_nav .nav_btn:hover,
	.responsive .folding_header .inner_global_nav .global_nav_item.nav_on > .nav_btn {
		border-bottom: 1px solid #000000;
	}

	.responsive .large_font .inner_global_nav A.nav_btn {
		font-size: 123.1%;
	}

	.global_nav_item:first-child .nav_btn {
		border-left: none;
	}
	
	.responsive #container .global_nav .global_nav_item.wrapped_item {
		width: auto;
	}
	
	.ocnk028.responsive.wide_layout .inner_global_nav.fix_center,
	.ocnk028.responsive.single_layout #container .inner_global_nav.fix_center {
		max-width: 100%;
		justify-content: center;
	}
}

/* レスポンシブ横幅1200px以上指定 */
@media screen and (min-width: 1200px) {
	.folding_header .inner_global_nav {
		padding: 5px;
		border-top: none;
	}
	
	#header_wrapper:not(.folding_header) .inner_global_nav {
		padding: 5px;
	}
	
	.ocnk028.responsive.single_layout #container .folding_header .inner_global_nav.fix_center,
	.ocnk028.responsive.wide_layout #container .folding_header .inner_global_nav.fix_center {
		justify-content: flex-start;
	}
	
	#header_wrapper:not(.folding_header) .header_global_nav {
		position: relative;
		left: 200px;
		bottom: 57px;
  }
	
	#header_wrapper:not(.folding_header) .header_global_nav .global_nav {
		position: absolute;
		top: 0px;
		z-index: 99;
	    border-top: none;
  }
	
	#header_wrapper:not(.folding_header) #header:has(.header_nav_item:not(.empty_nav_label)) + .header_global_nav .global_nav {
	    top: -5px;	
	}

	.large_font #header_wrapper:not(.folding_header) .header_global_nav .global_nav {
		top: -5px;
	}
	
	.large_font #header_wrapper:not(.folding_header) #header:has(.header_nav_item:not(.empty_nav_label)) + .header_global_nav .global_nav {
	    top: -10px;	
	}
	
	.ocnk038 #header_wrapper:not(.folding_header):has(.left_menu_opener_box) .header_global_nav {
		left: 250px;
  }

	#header_wrapper:not(.folding_header) .inner_global_nav {
		border-top: none;
	}
}


/********************************************************************/

/* 開閉ナビゲーション */

/********************************************************************/

.inner_popup_nav_area,
.inner_popup_menu_area {
	padding: 15px 10px;
    background-color: #FFFFFF;
    color: #000000;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
	.inner_popup_nav_area,
    .inner_popup_menu_area {
		padding: 20px;
    }
}

.upper_popup_nav,
.lower_popup_nav {
	padding: 0;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
	.upper_popup_nav,
	.lower_popup_nav {
		padding: 0px 10px;
	}
}

.popup_sub_title {
	padding-bottom: 20px;
	font-size: 123.1%;
	font-weight: 700;
}

/* 各ナビゲーション */
.responsive .inner_popup_nav .nav_btn,
.responsive .column6 .inner_popup_nav .nav_btn {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E0DFE3;
	padding: 10px 10px 10px 25px;
    font-weight: 400;
}

.responsive.use_hover .inner_popup_nav .nav_btn:hover {
	background-color: #F5F5F5;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
    .responsive .inner_popup_nav .nav_btn,
    .responsive .column6 .inner_popup_nav .nav_btn {
		margin: 5px 10px;
    }
	
	.responsive.use_hover .inner_popup_nav .nav_btn:hover {
		border-bottom: 1px solid #E0DFE3;
    }
}

.inner_custom_nav_popup.custom_space {
	padding: 15px 10px;
}

/* 開閉ナビゲーション閉じるボタン */
.nav_close_box .nav_close {
    background-color: #F9F9F9;
}

.popup_base .close_btn_box {
	top: 25px;
}

.popup_base .popup_nav_area .nav_close_box .nav_close {
	margin-top: 20px;
	padding: 5px;
	line-height: 1;
}

.use_hover .nav_close_box .nav_close:hover {
    background-color: #F5F5F5;
}

.nav_close_box .fa-times {
    font-size: 20px;
}


/********************************************************************/

/* メインナビゲーション */

/********************************************************************/

/* 各ナビゲーション */
.inner_side_nav .nav_btn,
.inner_main_nav .nav_btn {
	margin-bottom: 5px;
	padding: 10px 10px 10px 25px;
    background-color: #F5F5F5;
    color: #000000;
}

.use_hover .inner_side_nav .nav_btn:hover ,
.use_hover .inner_main_nav .nav_btn:hover {
	background-color: #E8E8E8;
    color: #333333;
}

/* フリーページナビゲーション背景 */
.freepage_nav .inner_freepage_nav .nav_btn {
    background-color: #F5F5F5;
    color: #000000;
}

.use_hover .freepage_nav .inner_freepage_nav .nav_btn:hover {
    background-color: #E8E8E8;
    color: #333333;
}


/********************************************************************/

/* カテゴリ、特集ナビゲーション */

/********************************************************************/

.itemlist_nav {
    margin-top: 15px;
}

/* 各ナビゲーション */
.inner_itemlist_nav .nav_btn {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E0DFE3;
	padding: 15px 10px 15px 25px;
    color: #000000;
    font-weight: 400;
}

.side_sub_menu_hover .inner_itemlist_nav .has_sub_menu > .nav_btn:not(.has_image_nav_btn),
.inner_itemlist_nav.toggle_menu_list .has_sub_menu > .nav_btn:not(.has_image_nav_btn) {
	padding-left: 10px;
	padding-right: 25px;
}

.toggle_menu_list .itemlist_nav_item.has_sub_menu .nav_btn.close_sub_menu_link,
.side_sub_menu_hover .side_itemlist_nav .itemlist_nav_item.has_sub_menu .nav_btn.close_sub_menu_link {
    background-color: #F5F5F5;
}

.use_hover .inner_itemlist_nav .nav_btn:hover {
    background-color: #F5F5F5;
    color: #000000;
}


/********************************************************************/

/* サイドメニュー */

/********************************************************************/

/* サイドメニュー枠 */
.open_side_col .side_container {
    background-color: #FFFFFF;
}

.side_itemlist_nav .itemlist_nav_item {
	margin: 0px;
}

.side_itemlist_nav .itemlist_nav_item.has_sub_menu {
	margin: 15px 0px;
}

.side_itemlist_nav .toggle_menu_list .itemlist_nav_item.has_sub_menu,
.side_sub_menu_hover .side_itemlist_nav .itemlist_nav_item.has_sub_menu {
	margin: 0px;
}

/* サイドメニュアイコン */
.right_side_nav_icon {
	font-size: 14px;
}

.nav_btn .fa-chevron-down.right_side_nav_icon {
	right: 12px;
}

.nav_btn .fa-chevron-right.right_side_nav_icon {
  left: 10px;
	right: auto;
}

.title_toggle_link .right_side_nav_icon {
	right: 12px;
}

/* サイドカテゴリ一覧 */
.side_itemlist_nav {
    padding: 0px 1px;
}

/* サブカテゴリ　第二階層 */
.side_itemlist_nav .sub_menu_link {
    padding: 10px 10px 10px 24px;
}

.side_box:not(:where(.side_sub_menu_hover)) .side_itemlist_nav .sub_menu_link {
	background-color: transparent;
	border: none;
	margin-left: 5px;
	padding: 8px 10px 8px 25px;
}

.side_box:not(.side_sub_menu_hover) .side_itemlist_nav .sub_menu_link_list {
    margin-top: 8px;
	margin-bottom: 8px;
}

/* サブカテゴリ背景 */
.side_itemlist_nav .sub_menu_link {
    background-color: #F9F9F9;
    border-top: none;
    border-bottom: 1px solid #E0DFE3;
	font-weight: 400;
}

/* マウスオーバーでサブカテゴリを開く */
/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
	.side_sub_menu_hover .sub_menu_link_list {
		background-color: #F5F5F5;
		padding: 15px;
		top: 0px;
	}
}

.side_sub_menu_hover .sub_menu_link_list .sub_menu_link {
    background-color: #FFFFFF;
}

.use_hover .side_sub_menu_hover .sub_menu_link_list .sub_menu_link:hover {
    background-color: #F9F9F9;
}

/* サイドメニューを開くボタン */
.use_side_menu .menu_opener_box, .use_side_menu .h_side_menu_opener {
    display: flex;
    align-items: center;
}


/********************************************************************/

/* フッターナビゲーション */

/********************************************************************/

.footer_nav {
    background-color: #F5F5F5;
}

.responsive .footer_nav {
	padding-top: 30px;
}

/* 各ナビゲーション */
.footer_nav_item .nav_btn {
	border-bottom: 1px solid #E0DFE3;
	padding: 10px 10px 10px 25px;
}

.use_hover .footer_area .nav_btn:hover {
    border-bottom: 1px solid #666666;
}


/********************************************************************/

/* タイトル */

/********************************************************************/

.page_title h1,
.page_title h2,
.main_box h2 {
    background-color: transparent;
}

.page_title h1 .title_text,
.page_title h2 .title_text,
.main_box h2 .title_text {
    display: inline-block;
	position: relative;
	z-index: 1;	
}

.page_title h1.detail_page_title .title_text {
    padding-left: 0px;
	padding-right: 0px;	
}

.lower_link_box .main_box .section_title h2 .title_text {
    display: inline;
	background-color: transparent;
	padding: 0px;
}

.side_box h2,
.main_box h2 {
    padding: 10px;
    margin-bottom: 10px;
    color: #000000;
    font-size: 20px;
    font-weight: 600;
}

.lower_link_box .main_box .section_title h2 {
	background-color: #F5F5F5;
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	font-size: 123.1%;
}

.main_desc {
    margin-bottom: 10px;
}

.main_desc li {
    text-align: left;
}


/********************************************************************/

/* 第二階層タイトル */

/********************************************************************/

/* 第二階層各ページタイトル */
.page_box .page_title h1,
.page_box .page_title h2,
.page_box .recently .section_title h2,
.page_box .use_emphasis_title .section_title h2 {
    padding: 10px;
    margin-bottom: 10px;
	color: #000000;
}

.has_min_nav .page_title h2 {
	  text-align: center;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
	.has_min_nav .page_title h2 {
		margin-bottom: 20px;
	}
}

/* 商品詳細ページタイトル */
.itemdetail .page_title h1 {
    background-color: transparent;
	text-align: left;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
	.has_left_side_menu:not(:has(.hidden_specified_side_menu)) .itemdetail .page_title h1 {
		padding-left: 0px;
	}
}

/* 記事ページタイトル */
.pwhatnew .page_title h1,
.pdiary .page_title h1 {
    margin-bottom: 0px;
}


/********************************************************************/

/* 第二階層サブタイトル */

/********************************************************************/

/* 各ページサブタイトル */
.page_box .section_title h2,
.page_box .section_title h3 {
    border-bottom: 1px solid #E0DFE3;
    padding: 10px;
    color: #000000;
}

.page_box .recently .section_title h2 {
	border: none;
}

.page_box .use_emphasis_title .section_title h2 {
    background-color: transparent;
	padding: 10px 0px;	
}

.page_box.shoppingcart .section_title h3,
.page_box.mypage .section_title h3,
.page_box.help .section_title h3,
.page_box.recipient_list .section_title h3,
.page_box.mypage_recipient_form .section_title h3 {
    background-color: #F5F5F5;
    border: none;
    border-radius: 0;
    padding: 10px;
	margin-bottom: 10px;
}

.page_box .contents_box .page_title_right_edge h3, 
.page_box .contents_box .section_title_right_edge h3 {
    padding-right: 100px;
}

.page_box #cart_preview .section_title h3 {
    background-color: #F5F5F5;
    border: none;
    border-radius: 0;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
	.page_box.shoppingcart .section_title h3,
	.page_box.help .section_title h3,
	.page_box #cart_preview .section_title h3,
	.page_box.recipient_list .section_title h3,
	.page_box.mypage_recipient_form .section_title h3 {
		padding: 12px;
	}
}

.page_box .help_contents .section_title h4 {
    margin-top: 10px;
}

.page_box .section_title h4 {
    padding: 10px 5px;
	border-bottom: 1px solid #E0DFE3;
}

.page_box .page_contents .search_result_title h3 {
    margin-top: 10px;
}


/********************************************************************/

/* 第二階層小項目タイトル */

/********************************************************************/

.contents_title {
    padding: 10px;
	background-color: #F5F5F5;
    font-weight: 500;
    font-size: 108%;
    color: #000000;
}

.rules_title {
    font-weight: bold;
}


/********************************************************************/

/* フォームタイトル */

/********************************************************************/

.form_title {
    border-bottom: 1px solid #E0DFE3;
    padding: 10px 3px 5px;
    font-weight: 700;
    font-size: 116%;
    color: #000000;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
	.shoppingcart_contents #cart_recipient .form_title {
		font-weight: 500;
	}
}

.form_data .form_title.radio_selection_box,
.form_data .form_inner_title.radio_selection_box {
	padding: 10px;
	font-weight: 500;
}

.shoppingcart_contents .form_title {
	font-size: 108%;
}

.shoppingcart_page_body .page_box .form_area .form_title {
	border-bottom: 1px solid #E0DFE3;
}

.form_inner_title {
    border-bottom: 1px solid #E0DFE3;
    font-weight: 500;
    color: #000000;
}


/********************************************************************/

/* タイトル文字サイズ */

/********************************************************************/

.page_title h1,
.page_title h2,
.section_title h1,
.section_title h2 {
    font-size: 131%;
	font-weight: bold;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
	.page_title h1,
    .page_title h2,
    .section_title h1,
    .section_title h2 {
        font-size: 161.6%;
    }
}

.page_title h1 .title_text,
.page_title h2 .title_text,
.main_box h2 .title_text {
	font-size: 100%;
}

.recently h2 .title_text {
    font-size: 66%;	
}

/* レスポンシブ横幅375px以上指定 */
@media screen and (min-width: 375px) {
    .recently h2 .title_text {
        font-size: 93%;	
    }
}

.lower_link_box .main_box .section_title h2 .title_text {
    font-size: 100%;	
}

.page_title h3,
.section_title h3 {
    margin: 0px;
    font-size: 108%;
    font-weight: 500;
}

.page_box .section_title h2,
.page_box .section_title h3 {
    margin: 0px 2px;
}

.page_title h4,
.page_title h5,
.page_title h6,
.section_title h4,
.section_title h5,
.section_title h6 {
    margin: 0px;
    font-size: 100%;
    font-weight: bold;
}

.shoppingcart_page_body .section_title h4 {
    margin: 0px;
    font-size: 108%;
}


/********************************************************************/

/* メインコンテンツ */

/********************************************************************/

/********************************************************************/

/* 一覧
・写真のみ表示
・説明付き表示
・商品一覧ページ(写真のみ、説明付き)
・最新情報、店長日記
・ソート
*/

/********************************************************************/


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

/* 写真のみ表示  */

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

/* サムネイル写真 */
.layout_photo .list_item_photo {
    padding: 5px 0px;
    text-align: center;
}

/* 一覧枠 */
.itemlist_box .inner_item_data {
    padding: 15px 10px 5px;
}

.layout_photo .list_item_data {
    padding: 8px 1px 5px;
}

/* もっと見る */
.more_item {
    max-width: 180px;
	min-width: max-content;
    border-top: none;
    margin: 40px auto 50px;
    text-align: center;
}

.layout_column_text .more_item {
    margin-top: 30px;
}

.more_item .general_btn {
	background-color: #333333;
	border: none;
	padding: 12px 15px 10px;
	font-weight: 400;
	display: block;
	border-radius: 5px;
	line-height: 100%;
	color: #FFFFFF;
}

#container .more_item .general_btn .fa {
	color: #FFFFFF;
}

.use_hover .more_item .general_btn:hover {
	border: none;
	background-color: #666666;
	color: #FFFFFF;
}

/* 写真のみ文字サイズ */
.layout_photo .item_data_link {
    font-size: 93%;
}

.layout_photo .col2 .item_data_link {
    font-size: 93%;
}


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

/* 説明付き */

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

/* リンク */
.layout_column_text .list_item_box,
.layout_text .not_link {
    border-bottom: 1px solid #E0DFE3;
    padding: 15px 5px 15px 10px;
}

.itemlist_box.layout_column_text .list_item_box {
	align-items: flex-start;
}

.itemlist_box.layout_column_text .list_item_link:not(.flex_column) .list_item_data {
	min-height: 100%;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
    .layout_column_text .list_item_box,
	.layout_text .not_link {
		padding: 15px 0px;
	}
}

.list_item_data p.item_desc {
    color: #000000;
}


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

/* 商品一覧  */

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

/* 商品、記事一覧マウスオーバー */
.use_hover .item_list .item_data_link:hover,
.use_hover .item_list .list_item_link:hover {
    opacity: 0.7;
}

/* 商品名 */
.item_name {
    font-weight: 600;
}

.list_item_data p.item_name {
    margin-bottom: 3px;
}

/* 販売価格 */
.price {
    padding: 2px 0px;
    color: #000000;
    font-weight: 700;
}

.price .selling_price,
.price .regular_price {
    padding: 2px 0px;
}

.selling_price .tax_label {
    font-weight: 400;
	margin-left: 1px;
}

/* 通常販売価格 */
.price .regular_price {
    color: #000000;
    font-weight: normal;
    display: block;
}

.item_box .text_layout .regular_price {
    display: inline;
}

/* 希望小売価格、税込価格 */
.item_box .retail_price,
.item_box .tax_incl_price {
	font-size: 93%;
    color: #555555;
    font-weight: normal;
    word-break: normal;
}

.item_box .retail_price {
	margin-top: 5px;
}

.retail_price .price_label:empty {
	display: none;
}

/* 在庫あり */
.stock {
    color: #555555;
    font-size: 90%;
}

/* 在庫僅か */
.lowstock {
    color: #D43B55;
}

/* 在庫なし */
.soldout,
.variation_stock_list .data_table .soldout {
    color: #777777;
}

/* 商品一覧ランキング */
.rankno {
    display: block;
    width: 40px;
    min-width: auto;
    margin: auto;
    background-color: #F5F5F5;
    color: #000000;
    font-size: 10px;
}

.rankno1 {
    background-color: #BBB447;
    color: #FFFFFF;
}

.rankno2 {
    background-color: #A7A7A7;
	color: #FFFFFF;
}

.rankno3 {
    background-color: #B4643A;
	color: #FFFFFF;
}

/* ランキングタブ */
.ocnk016.responsive .ranking_page_body .inner_ranking_navigation {
  margin-bottom: 20px;
}

.ocnk016.responsive .ranking_navigation.anchor_nav_area .nav_btn {
	margin: 2px 3px -1px;
	padding: 10px 8px;
	background-color: #F5F5F5;
	border: 1px solid #F5F5F5;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #B9BDBD;
}

.ocnk016.responsive.use_hover .ranking_navigation.anchor_nav_area .nav_btn:hover {
	background-color: #FFFFFF;
	border: 1px solid #E0DFE3;
	border-bottom: 1px solid #FFFFFF;
}

.ocnk016.responsive .ranking_navigation.anchor_nav_area .nav_btn.nav_on {
	background-color: #FFFFFF;
	border: 1px solid #E0DFE3;
	border-bottom: 1px solid #FFFFFF;
	color: #000000;
}


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

/* 記事一覧  */

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

/* タイトル */
.list_subject {
    padding: 5px 0px;
}

/* 日付 */
.date {
    color: #000000;
    font-size: 93%;
    font-weight: normal;
}


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

/* ソート */

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

.sort_box {
    padding: 5px;
    margin: 3px;
    border-bottom: 1px solid #E0DFE3;
}

.sort_item .global_btn {
    padding: 5px;
    text-align: center;
}

/* 件数 */
.item_count {
	padding: 10px 10px 0;
    font-size: 93%;
}


/********************************************************************/

/* 写真 */

/********************************************************************/

#photo {
    padding: 0px;
}

#photo .fix_center {
    max-width: 100%;
}

#photo .item_image_box img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}


/********************************************************************/

/* スライド */

/********************************************************************/

/* スライド送りボタン */
#photo .slider_controller.lower_slider_controller {
	padding-bottom: 50px;
}

.slider_box .swiper-pagination-bullet,
.swipe_list .pointer span {
    background-color: #DCD9D1;
}

#photo .slider_box .swiper-pagination-bullet,
#photo .swipe_list .pointer span {
    background-color: #DCD9D1;
}

/* 現スライド */
.slider_box .swiper-pagination-bullet-active,
.swipe_list .pointer span.current {
    background-color: #333333;
}

#photo .slider_box .swiper-pagination-bullet,
#photo .swipe_list .pointer span,
#photo .slider_box .swiper-pagination-bullet-active,
#photo .swipe_list .pointer span.current {
    border: none;
}

#photo .slider_box .swiper-pagination-bullet-active,
#photo .swipe_list .pointer span.current {
    background-color: #333333;
}

/* 前へ、次へアイコン */
.swipe_list .pointer_box span.pointer_prev,
.swipe_list .pointer_box span.pointer_next,
.swiper-button-prev,
.swiper-button-next {
    width: 25px;
    height: 25px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}

.use_hover .swiper-button-prev:hover,
.use_hover .swiper-button-next:hover {
    background-color: #E0DFE3;
}

.use_hover .slider_box .swiper-button-disabled:hover {
    background-color: #F5F5F5;
}

/* 前へアイコン画像 */
.swipe_list .pointer_box span.pointer_prev,
.swiper-button-prev {
    background-image: url(img/icon_prev.png);
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

/* 次へアイコン画像 */
.swipe_list .pointer_box span.pointer_next,
.swiper-button-next {
    background-image: url(img/icon_next.png);
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}


/********************************************************************/

/* 第二階層 */

/********************************************************************/

.page_box {
    color: #000000;
}

.has_min_nav .inner_page_contents,
.legal_page_body .tablayout_navigation,
.help_page_body .inner_page_contents,
.review_page_body .inner_page_contents {
	padding: 0px 8px;
}

/* 共通説明 */
.page_desc {
    padding: 10px;
}

/* 共通ボックス */
.global_info {
    border: 1px solid #E0DFE3;
    padding: 10px;
}


/********************************************************************/

/* 商品詳細 */

/********************************************************************/

/* 商品情報　各ブロック */
.detail_section,
.detail_block_stock .detail_section {
    border-bottom: 1px solid #E0DFE3;
	padding: 10px;
}

.detail_block_price .detail_section:not(.option_point) {
	padding: 5px;
}

.detail_inner_box.custom_toggle_box,
.custom_toggle_box .detail_inner_box {
	transition: .3s;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
	.detail_section,
	.detail_block_stock .detail_section {
		padding: 15px;
	}
	
	.detail_block_price .detail_section:not(.option_point) {
		padding: 0px;
	}
}

.detail_section.add_cart {
	border-bottom: none;
	text-align: center;
	margin: 10px 0px;
}

/* 商品情報　商品名 */
.detail_item_data h1,
.detail_item_data .item_name {
	font-size: 131%;
	font-weight: bold;
	padding: 0 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.itemdetail .section_title h2 {
	font-size: 116%;
}

.itemdetail .custom_toggle_box .section_title h2 {
	padding: 15px 25px 15px 10px;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
	.detail_item_data h1,
	.detail_item_data .item_name {
		font-size: 146.5%;
		margin-top: 10px;
	}

	.itemdetail .section_title h2 {
		font-size: 131%;
		padding-left: 5px;
	}

	.itemdetail .custom_toggle_box .section_title h2 {
		padding: 10px 5px;
	}
}

/* 商品詳細　価格エリアdivタグ間余白 */
.detail_item_data .section_box {
    margin-bottom: 10px;
}

/* 商品詳細　価格エリア項目間余白 */
.detail_item_data .section_box p {
    margin-bottom: 5px;
}

/* 商品詳細　販売価格 */
.detail_item_data .selling_price {
    font-size: 123.1%;
    word-break: normal;
}

/* 商品詳細　販売価格金額 */
.detail_item_data .selling_price .figure {
    font-weight: bold;
}

/* 商品詳細　通常販売価格 */
.detail_item_data .regular_price {
    font-size: 85%;
}

/* 商品詳細　希望小売価格、税込価格 */
.detail_item_data .retail_price,
.detail_item_data .tax_incl_price {
    color: #666666;
    font-weight: normal;
}

/* 商品詳細　販売価格ラベル */
.detail_item_data .selling_price {
    font-weight: normal;
}

/* 商品詳細　在庫 */
.detail_item_data .stock {
    font-size: 108%;
    font-weight: bold;
}

/* 商品情報　商品説明 */
.item_desc {
	padding: 15px;
    margin: 0px;
}

/* 価格変動注意書き */
.price_desc {
    font-size: 77%;
}

/* 商品仕様 */
.detail_spec_data {
	padding: 10px;
    margin: 0px;
}

/* 他の写真枠 */
.other_item_data {
    margin: 0px;
}

.other_item_data .global_photo {
    text-align: center;
}

/* 他の写真説明 */
.other_photo_desc {
    margin: 0px;
}

/* バリエーション在庫表 */
.variation_stock_list {
    margin-bottom: 5px;
}

.variation_stock_list .stocklist_label {
	font-size: 93%;
}

.side_box.diary_category_nav_box h2 {
    background-color: transparent;
}

/* バリエーション、オーダーメイド項目間余白 */
.variation_item,
.order_item {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* オーダーメイド項目 */
.order_item {
    border-bottom: 1px solid #E0DFE3;
}

.order_label {
	padding: 5px 0px;
}

.ordermade .bottompos {
    border-bottom: none;
}

/* バリエーション在庫選択中背景 */
.variation_stock_list .data_table .selected_item {
    background-color: #EFF8FA;
    color: #3484B9;
}

.variation_stock_list .data_table .selected_data {
    background-color: #EFF8FA;
}
	

/*--------------------------------------*/
/* バリエーション選択のポップアップ */

/* ポップアップ枠 */
.popup_variation,
.popup_area {
    background-color: #FFFFFF;
    border: 1px solid #E0DFE3;
}

.popup_variation_selection,
.popup_section {
    border-bottom: 1px solid #E0DFE3;
}

/* バリエーション項目ボタン */
.popup_variation_button,
.item_selection_button {
    background-color: #F5F5F5;
    border: 2px solid #CCCCCC;
}

/* 選択中 */
.selected_option .popup_variation_button,
.selected_option .item_selection_button {
    background-color: #EFF8FA;
    border: 2px solid #000000;
    color: #000000;
}

/* 変更、選択してくださいボタン */
.popup_variation_edit_button,
.popup_variation_select_button,
.item_select_operation_button {
    background-color: #E0DFE3;
    color: #000000;
}

.popup_variation_value,
.variation_selection_value,
.item_selection_value {
    color: #000000;
    font-weight: bold;
}

/* 選択済み枠 */
.variation_selection_box .validation_selection_selected_all,
.use_hover .variation_selection_box .validation_selection_selected_all:hover {
	max-width: 100%;
	width: 100%;
    background-color: #EFF8FA;
    color: #000000;
}

.validation_selection_selected_all .variation_selection_msg_text {
    background-color: #333333;
    color: #FFFFFF;
}

.popup_variation_title {
	font-weight: 400;
}


/*--------------------------------------*/
/* バリエーション画像 */

.variation_image {
	margin-right: 8px;
}


/*--------------------------------------*/
/* サムネイル写真 */

.thumbnail {
    margin-top: 5px;
}

/* サムネイル写真 */
.thumbnail .thumbnail_btn {
    border: 1px solid #FFFFFF;
}

/* サムネイル写真枠サイズ */
.thumbnail_listbox {
    width: 60px;
}


/*************************************************************/

/* レビュー */

/*************************************************************/

/* レビュー件数 */
.item_info .review_number {
    color: #000000;
}

.large_rating_icon .star_empty,
.large_rating_icon .star_full,
.large_rating_icon .star_half,
.medium_rating_icon .star_empty,
.medium_rating_icon .star_full,
.medium_rating_icon .star_half,
.small_rating_icon .star_empty,
.small_rating_icon .star_full,
.small_rating_icon .star_half {
    background-image: none;
}

.star_icon {
    display: inline-block;
    margin-top: 4px;
    font: normal normal normal 14px/1 FontAwesome;
}

.star_full::before {
    content: "\f005";
}

.star_half {
	position: relative;
}

.star_half::before,
.star_half::after {
	position: absolute;
}

.star_half::before {
    content: "\f005";
}

.star_half::after {
    content: "\f089";
}

.star_empty::before {
    content: "\f005";
}

/* 星の大きさ */
.large_rating_icon .star_icon::before,
.large_rating_icon .star_icon::after {
    font-size: 22px;
}

.large_rating_icon .star_icon {
	width: 25px;
    height: 25px;
}

.medium_rating_icon .star_icon::before,
.medium_rating_icon .star_icon::after {
    font-size: 18px;
}

.medium_rating_icon .star_icon {
	width: 20px;
	height: 20px;
}

.small_rating_icon .star_icon::before,
.small_rating_icon .star_icon::after {
    font-size: 14px;
}

/* 星の色 */
.star_icon::before,
.star_half::after {
    color: #FFC607;
}

.review_register_page_body .review_post_stars img[src$="star_full_x2.png"] {
    background-color: #FFC607;
}

.star_icon.star_empty::before,
.star_half::before {
    color: #E0DFE3;
}

.review_register_page_body .review_post_stars img[src$="star_empty_x2.png"] {
    background-color: #E0DFE3;
}

/* 文字の色 */
.rating_point {
    color: #333333;
	line-height: 100%;
}

.large_rating_icon .rating_point {
    font-size: 153.9%;
}

.medium_rating_icon .rating_point {
    font-size: 138.5%;
}

/* 星ポイント */
.rating_point {
    margin-left: 5px;
    color: #333333;
}

/* レビュー数 */
.review_number:not(.no_review) {
    margin-left: 7px;
}

/* グラフ */
.bar_graph {
    background-color: #FFC607;
}

/* 年代 */
.rating_age {
    font-size: 93%;
}

/* 分析レポート内レビュー数 */
.rating_number A {
    font-size: 93%;
}

/* レビュー一覧 */
.review_data {
    background-color: #F5F5F5;
	margin: 20px 0px;
}

.mypagereview_contents .list_item_data .review_data {
    background-color: transparent;
	margin: 5px 0px;
}

.mypagereview_contents .review_data_lower {
    padding: 10px;
	margin: 5px 0px 0px;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
	.review_data {
		margin: 20px 5px 20px;
	}

	.mypagereview_contents .review_data_lower {
		padding: 15px;
	}
}

/* レビュータイトル */
.review_title {
	padding: 8px 0;
    font-size: 123.9%;
    font-weight: bold;
}

.product_review_item .page_title {
    margin-bottom: 30px;
}

.product_review_item .page_title .title_note,
.item_box .page_title .title_note {
	display: block;
	margin-top: 5px;
	font-size: 77%;
}

/* レスポンシブ横幅710px以上指定 */
@media screen and (min-width: 710px) {
	.product_review_item .page_title .title_note,
	.item_box .page_title .title_note {
		font-size: 85%;
	}
}

.itemdetail .review_data .review_title,
.mypagereview_contents .review_data .review_title {
	font-size: 108%;
}

.mypagereview_contents .review_data .review_title {
	padding-bottom: 15px;
}

/* 登録日 */
.review_postdate {
    background-color: #444444;
    color: #FFFFFF;
}

/* レビュワー */
.reviewer_name {
	padding: 15px 15px 0;
	background-color: #FFFFFF;
	color: #555555;
}

/* メモ */
.review_note {
	padding: 15px;
    background-color: #FFFFFF;
}

.detail_page_body .review_note {
    background-color: #FFFFFF;
}

/* ショップオーナー返信 */
.owner_note {
    border-bottom: 1px solid #E0DFE3;
}

/* ショップオーナーヘッダー */
.owner_header {
    font-size: 93%;
	font-weight: 700;
    color: #47ABC5;
}

/* ショップオーナー登録日 */
.owner_postdate {
    display: inline-block;
    margin-left: 5px;
}

/* 参考 */
.review_consult {
	font-size: 85%;
}

/* 参考質問数字 */
.user_number {
    font-size: 123.9%;
    font-weight: bold;
    color: #333333;
}

/* 参考質問ボタン */
.review_vote_btn {
    display: inline-block;
    margin-top: 5px;
	margin-left: 5px;
}

/* 商品一覧レビュー数 */
.item_list .review_number {
    font-size: 85%;
    margin-left: 5px;
}

/* 商品詳細レビュー数 */
.review_list .review_number {
    font-size: 93%;
}

/* 商品詳細レビュー */
.inner_detail_review_area {
    padding: 10px;
}

/* 商品詳細ヘッダー */
.detail_review_header {
    padding-top: 15px;
	padding-bottom: 5px;
}

.detail_review_header .global_btn {
    text-align: center;
}

/* 全て見る */
.more_item .label_suffix {
	margin-top: 3px;
	font-size: 85%;
}

.more_item .label_suffix + .fa {
	vertical-align: middle;
}

/* レビュー一覧 */
.review_item_name {
	font-size: 116%;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
	.review_item_name {
		font-size: 123.1%;
	}
}

.inner_review_item_data,
.inner_review_list_product_box .add_cart {
	padding: 5px 10px;
}

.inner_review_item_data .large_rating_icon {
	padding: 8px 5px;
}

.product_review_info_area .rating_average,
.rating_average {
	margin: 20px 0px;
}

.inner_rating_average {
	margin: 0px 10px;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
	.product_review_info_area .rating_average,
	.rating_average {
		margin: 0px;
	}

	.inner_rating_average {
		margin: 0px;
	}
}

/* マイページレビュー管理 */
.item_data.review_admin .inner_item_data {
	padding: 20px 0;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
    .item_data.review_admin .inner_item_data {
		padding: 30px 0;
    }
}

/* マイページレビュー管理ボタン */
.review_admin .global_btn {
    text-align: center;
}

.item_data.review_admin .inner_item_data .box_both_ends_space {
	padding: 5px 5px 0px;
}

.review_admin .review_item_name {
	margin: 5px 0;
	font-size: 108%;
}

.review_list .delete_box .delete_btn_box {
	top: 10px;
}

.review_post_product_box .review_item_data {
	padding-left: 15px;
}


/********************************************************************/

/* ログイン */

/********************************************************************/

.login_page_body #inner_contents,
.mail_auth_page_body #inner_contents {
	  max-width: 680px;
}

.login_page_body #inner_contents #signin_form,
.mail_auth_page_body #inner_contents #mail_auth_form {
	  padding: 0px 5px;
}

.signin_box .form_data .largesize,
#mail_auth_form .form_data .largesize {
	width: 100%;
	max-width: none;
}

@media screen and (min-width: 840px) {
	.ocnk009.responsive #shoppingcart_page_step1 #signin_form.contents_box,
	.ocnk009.responsive #shoppingcart_page_step1 #cartregister_form.contents_box {
		margin-bottom: 0px;
	}
}

/* ID、PW枠 */
.signin_box .id_box,
.signin_box .pass_box {
    margin: 0px;
}

/* ID、PWタイトル */
.signin_box .id_title,
.signin_box .pass_title {
    margin-bottom: 10px;
    border-bottom: 1px solid #E0DFE3;
    font-size: 116%;
    font-weight: bold;
}

.signin_box .password .global_link {
    font-size: 85%;
}

/* 新規登録枠 */
#register_form {
    padding-top: 20px;
    border-top: 1px solid #E0DFE3;
}


/********************************************************************/

/* カート */

/********************************************************************/

#shoppingcart_page_step1 .visitor:not(:has(#cart_step)) .shoppingcart_contents {
	max-width: 680px;
	margin: auto;
}

#shoppingcart_page_step1 .visitor:not(:has(#cart_step)) .shoppingcart_contents #signin_form,
#shoppingcart_page_step1 .visitor:not(:has(#cart_step)) .shoppingcart_contents #cartregister_form {
	padding: 0px 5px;
}

/* カートの中身各枠 */
.inner_cart_data {
	padding: 0px;
    margin-bottom: 10px;
    background-color: #FFFFFF;
}

/* 各項目枠 */
.cart_section {
    border-top: 1px solid #E0DFE3;
    padding: 10px 0px;
}

/* 区切り線 */
.top_separator {
    border-top: 1px solid #E0DFE3;
}

.bottom_separator {
    border-bottom: 1px solid #E0DFE3;
}

/* 各項目ラベル */
.cart_label {
    font-weight: normal;
}

/* ボタン中央寄せ */
.cart_inner_btn {
    text-align: center;
}

/* 小計、送料 */
.cart_sub_total_price,
.cart_shipping_charge {
    text-align: right;
}

/* 合計 */
.cart_footer {
    text-align: right;
}

.grand_total {
    display: inline-block;
    border-bottom: 2px solid #333333;
    margin-bottom: 5px;
}

.grandtotal_price {
    font-size: 153.9%;
}

/* 買い物を続ける */
.continue_shopping {
    text-align: right;
}

/* 送り主、お届け先追加変更ボタン */
.cart_recipient .global_btn {
    text-align: center;
}

/* お届け先名 */
.cart_recipient_title {
    padding: 8px 0px;
    border-bottom: 1px solid #E0DFE3;
	font-weight: 700;
}

/* ラジオボタン選択の強調表示 */
.cart_payment_row .form_element,
.ocnk009.responsive .shoppingcart_contents .cart_payment_row .form_element {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
	.cart_payment_row .form_element,
    .ocnk009.responsive .shoppingcart_contents .cart_payment_row .form_element {
		padding: 10px 20px 20px;
    }
}

.checked_row,
.ocnk009.responsive .shoppingcart_contents .form_area .checked_row > .form_title,
.ocnk009.responsive .shoppingcart_contents .form_inner_area .checked_row > .form_inner_title,
.ocnk009.responsive .shoppingcart_contents #cart_payment .checked_row .form_title,
.ocnk009.responsive .shoppingcart_contents #cart_payment .cart_payment_row.checked_row,
.ocnk009.responsive .shoppingcart_contents .cart_shipping_row.checked_row {
    background-color: #EFF8FA;
}

.form_area .checked_row > .form_title,
.form_inner_area .checked_row > .form_inner_title {
    color: #000000;
	font-weight: 700;
}

.checked_row .global_info {
    background-color: #FFFFFF;
    border: 1px solid #E0DFE3;
    padding: 10px;
}

/* リピータ向け決済機能用 */
.inner_global_info {
    background-color: #FFFFFF;
    border: 1px solid #E0DFE3;
}

/* クーポン/ポイント枠 */
.toggle_box .cart_point,
.toggle_box .box_padding,
.toggle_box .cart_point_notice {
    margin: 1px;
}

/* クーポン/ポイント変更時の金額を更新ボタン欄、強調表示背景 */
.notice_box .form_btn_spad {
    background-color: #EFF8FA;
}

A.edit_entered_card_link:link,
A.edit_entered_card_link:active,
A.edit_entered_card_link:visited {
	text-decoration: underline;
}

A.edit_entered_card_link:hover {
	text-decoration: none;
}


/*************************************************************/

/* ステップ表 */

/*************************************************************/

.step_list {
	width: 100%;
    margin: 10px 0px 15px;
    padding: 0px 2px;
}

/* ステップ表 各枠背景 */
.step_data {
    background-color: #F5F5F5;
    border-right: 2px solid #FFFFFF;
    text-align: center;
}

/* ステップ表 左端 */
.step_block:first-child .step_data {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

/* ステップ表 右端 */
.step_block:last-child .step_data {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-right: none;
}

/* ステップ表 各枠　現ページ */
.step_check .step_data {
    background-color: #333333;
}

/* ステップ表 文字 */
.step_data span {
    color: #666666;
}

/* ステップ表 ステップ数 */
.step_data .step_number {
    font-weight: 400;
	font-size: 9px;
}

/* ステップ表 現ページ文字 */
.step_check .step_data span {
    color: #FFFFFF;
	font-weight: 700;
}


/********************************************************************/

/* 最新情報、店長日記 */

/********************************************************************/

.ocnk028.responsive.single_layout :is(.whatnew_page_body, .whatnew_detail_page_body) #container #inner_contents,
.ocnk028.responsive.single_layout :is(.diary_page_body, .diary_detail_page_body) #container #inner_contents,
.ocnk028.responsive.single_layout :is(.article_page_body, .article_detail_page_body) #container #inner_contents,
.ocnk028.responsive.wide_layout :is(.whatnew_page_body, .whatnew_detail_page_body) #container #inner_contents,
.ocnk028.responsive.wide_layout :is(.diary_page_body, .diary_detail_page_body) #container #inner_contents,
.ocnk028.responsive.wide_layout :is(.article_page_body, .article_detail_page_body) #container #inner_contents {
	max-width: 1400px;
}

/* 日付 */
.article_date {
    border-bottom: 1px solid #E0DFE3;
    margin-bottom: 10px;
}

.date, .article_date {
    color: #000000;
    font-size: 93%;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
}

.pwhatnew .article_date,
.pdiary .article_date {
	padding-top: 0px;
}

.format {
    font-size: 77%;
}

/* 記事 */
.ph_article {
	font-size: 108%;
	padding: 15px 10px;
}

/* バックナンバー */
.count_number {
    font-size: 93%;
}


/********************************************************************/

/* ご利用案内 */

/********************************************************************/

/* 上部ページ内リンクのナビゲーション */
.help_navigation.anchor_nav_area {
	padding: 0px 10px;
}

.anchor_nav_area .nav_btn {
    border: 1px solid #F5F5F5;
	font-size: 93%;
}

.use_hover .anchor_nav_area .nav_btn:hover {
    background-color: #F5F5F5;
	border: 1px solid #F5F5F5;
}

/* 各ブロック */
.help_contents .inner_contents_box {
    margin-bottom: 10px;
}

.help_step,
.help_payment {
    padding-bottom: 5px;
}

/* 説明各ブロック */
.help_data {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 93%;
}

/* 推奨環境 */
#spec_contents dt {
    font-weight: bold;
    padding-bottom: 5px;
}

#spec_contents dd {
    background-color: #F5F5F5;
}


/********************************************************************/

/* 特定商取引法 */

/********************************************************************/

/* 各欄枠 */
.contents_desc {
    padding: 10px 5px;
    margin: 5px 0px;
}


/********************************************************************/

/* メールマガジン */

/********************************************************************/

.mailmagazine_page_body #inner_contents,
.mailmagazinestop_page_body #inner_contents {
	max-width: 680px;
}

.mailmagazine_box .form_data .largesize {
	width: 100%;
	max-width: none;
}

/* 登録、解除タイトル */
.mailmagazine_box .mailmagazine_subscribe_title,
.mailmagazine_box .mailmagazine_unsubscribe_title {
    border-bottom: 1px solid #E0DFE3;
    margin-bottom: 10px;
    font-size: 116%;
    font-weight: bold;
}


/********************************************************************/

/* マイページ */

/********************************************************************/

/* ポイント */
.member_contents .point_number {
    font-size: 138.5%;
    font-weight: bold;
    color: #3588D1;
}

.member_contents .point_number .point_suffix {
    color: #000000;
}

/* リンク枠 */
.link_box .global_iconleft {
    display: block;
    margin-bottom: 10px;
}

/* 注意書き */
.mypage_note {
    font-size: 93%;
    line-height: 140%;
}

/* マイページ共通　送り主　お届け先 */
.mypage_recipient {
    padding: 5px 0px;
    font-size: 108%;
}

.mypage_contents .link_box .global_link {
	font-weight: 400;
}


/*************************************************************/

/* 購入履歴 */

/*************************************************************/

/* 商品名 */
.history_data_list .item_name {
    font-weight: 400;
    color: #000000;
}


/*************************************************************/

/* 送り主、お届け先 */

/*************************************************************/

/* 住所 */
.recipient_data_list .user_address {
    font-weight: 400;
    color: #000000;
}


/*************************************************************/

/* お気に入り */

/*************************************************************/

/* 登録日、メモ */
.item_registration_date,
.item_memo {
    font-size: 93%;
}

/* 商品説明 */
.favorite_contents .item_desc {
    padding: 8px 3px;
    margin: 10px 0px;
    border-top: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

.favorite_contents .price {
	font-size: 93%;
}

/* メモ */
.item_memo_text {
	padding: 10px;
    background-color: #F5F5F5;
    color: #000000;
}


/*************************************************************/

/* 複数選択 */

/*************************************************************/

/* 複数削除 */
.bulk_btn {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* 複数選択 */
.inner_bulk_check_box {
    background-color: #F5F5F5;
}

.layout_column_text .inner_bulk_check_box,
.layout_text .inner_bulk_check_box {
    background-color: #F5F5F5;
}

.bulk_mode .layout_column_text .list_item_box,
.bulk_mode .layout_column_text .not_link,
.bulk_mode .layout_text .not_link {
    border-bottom: none;
}

/* 一括削除時の下部ボタン枠 */
.bulk_mode .fixed_bottom {
    background-color: #F5F5F5;
    border-top: 1px solid #E0DFE3;
}

/* 数量表示バッジ */
.badge {
    background-color: #FF0000;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}


/*************************************************************/

/* 掲示板 */

/*************************************************************/

/* 記事枠 */
.post_box {
    margin-bottom: 5px;
    border: 1px solid #E0DFE3;
}

/* 記事枠レス */
.post_box_res {
    padding-left: 20px;
}

/* 記事ヘッダー */
.post_box .data_table .cell_header,
.post_box .data_table .cell_data {
    background-color: #E9E9E9;
    font-weight: 400;
	border: none;
}

/* 記事ヘッダー下部余白 */
.post_box .data_table {
    margin-bottom: 5px;
}

/* 記事ヘッダー中央寄せ */
.post_box .res_cell,
.post_box .toggle_cell,
.post_box .replay_cell {
    text-align: center;
}

.post_title,
.post_user,
.post_day,
.post_number {
    padding: 2px 0px;
}

/* 記事タイトル */
.post_title {
    font-weight: bold;
    font-size: 14px;
}

/* 記事ユーザー */
.post_user {
    font-size: 11px;
}

/* 記事投稿日 */
.post_day {
    font-size: 11px;
}

/* 記事No */
.post_number {
    font-size: 13px;
}

/* URL */
.post_url {
    font-size: 13px;
}

/* 記事コメント */
.bbs_comments {
    background-color: #FFFFFF;
}

/* 記事検索 */
.bbs_search.form_data {
    background-color: #F5F5F5;
	margin-bottom: 10px;
}

/* 検索文字強調 */
.result_emphasis {
    background-color: #FFFF73;
}

/* 検索前に戻る */
.bbs_search .global_link {
    margin-left: 10px;
}

/* 記事開閉 */
#bbs_toggle {
    border-top: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

/* 記事投稿欄 */
.bbs_post_form {
    background-color: #FFFFFF;
    border: 1px solid #E0DFE3;
}


/*************************************************************/

/* 関連ページ */

/*************************************************************/

/* 内容 */
.link_desc_box {
    border-top: 1px solid #E0DFE3;
}


/*************************************************************/

/* 私が店長です */

/*************************************************************/

/* スタッフ画像 */
.staff_photo,
.pstaff_photo {
    text-align: center;
    margin-top: 10px;
}

/* プロフィール項目 */
.staff_contents dt,
.pstaff_contents dt {
    border-top: 1px solid #E0DFE3;
    font-weight: bold;
}

/* プロフィール内容 */
.staff_contents dd,
.pstaff_contents dd {
    border-top: 1px solid #E0DFE3;
}

.staff_profile_desc {
    background-color: #F5F5F5;
    border: 1px solid #E0DFE3;
}


/********************************************************************/

/* カレンダー */

/********************************************************************/

/* カレンダーヘッダー */
.calendar_data {
    padding: 15px 0px;
}

.cal_month {
    padding-bottom: 15px;
    text-align: center;
}

.cal_month .prev_month,
.cal_month .next_month,
.cal_month .this_month {
    padding: 0px 10px;
}

.cal_month span.prev_month,
.cal_month span.next_month {
    padding: 0px 5px;
    font-weight: bold;
    cursor: pointer;
}

/* 今月 */
.this_month {
    font-size: 123.1%;
    font-weight: bold;
}

.side_col .this_month {
    font-size: 14px;
    padding: 0px;
}

.side_col .next_month,
.side_col .prev_month {
    font-size: 13px;
    padding: 0px;
}

/* カレンダー枠線 */
.calendar_data .data_table th.cell_header,
.calendar_data .data_table td.cell_data {
    border: 1px solid #E0DFE3;
}

/* カレンダー曜日セル */
.calendar_data .cal_day_header {
    font-size: 85%;
}

/* カレンダー各セル */
.calendar_data .data_table .cal_day_cell {
    width: 14%;
    height: 60px;
    vertical-align: top;
}

/* 日曜日 */
.sun .cal_day {
    color: #D43B55;
}

/* 土曜日 */
.sat .cal_day {
    color: #47ABC5;
}

/* 今日 */
.calendar_data .today {
    font-weight: bold;
}

/* イベント一覧 */
.event_list li {
    border-bottom: 1px solid #E0DFE3;
}

/* イベント内容 */
.event_data {
    padding: 10px 0px;
}

/* イベント名 */
.event_name {
    font-weight: bold;
    line-height: normal;
}

/* アイコン画像 */
div.event_icon {
    text-align: center;
}

div.event_icon img {
    margin: 0px 1px;
}

span.event_icon {
    margin-right: 5px;
}

/* 定休日 */
.calendar_data .holiday,
.holiday_icon {
    background-color: #FFE9EE;
}

.holiday_icon {
    border: 1px solid #E0DFE3;
    display: inline-block;
    width: 15px;
    height: 15px;
}

/* イベント説明 */
.event_desc {
    font-size: 93%;
    padding: 5px;
}

/* 左右カラム */
.side_col .cal_day {
    font-size: 85%;
}

.side_col .data_table th.cell_header,
.side_col .data_table td.cell_data {
	padding: 2px;
}

.side_col .calendar_data .data_table .cal_day_cell {
	height: auto;
}


/********************************************************************/

/* table */

/********************************************************************/

/* thタグ、tdタグ */
.data_table .cell_header,
.data_table_header,
.data_table .cell_data {
    padding: 10px;
    border: 1px solid #E0DFE3;
}

/* thタグ */
.data_table .cell_header,
.data_table_header {
    background-color: #F5F5F5;
    color: #000000;
}

.data_table tbody .cell_header {
    background-color: #F9F9F9;
}

/* tdタグ */
.data_table .cell_data {
    background-color: #FFFFFF;
    color: #000000;
}


/********************************************************************/

/* フォーム */

/********************************************************************/

/* フォーム上部説明 */
.list_icon_circle {
    color: #000000;
}

/* フォーム項目 */
.form_element,
.form_inner_element {
    padding: 10px 3px;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
	.shoppingcart_contents #cart_recipient .form_element {
		padding: 10px;
	}
}

select {
    border: #CCCCCC solid 1px;
}

/* 必須項目 */
.require {
    color: #D43B55;
    font-weight: bold;
}

abbr.require {
    border: none;
    cursor: default;
}

/* 注意書き */
span.cell_note {
    font-size: 85%;
    font-weight: normal;
}

/* メールアドレス欄 */
.confirm_email {
    border: none;
    background-color: #F5F5F5;
}


/********************************************************************/

/* 入力エリア */

/********************************************************************/

/* 標準 */
.form_data .defaultsize {
    width: 170px;
}

/* 特小 */
.form_data .xsmallsize {
    width: 60px;
}

/* 小 */
.form_data .smallsize {
    width: 80px;
}

/* 大 */
.form_data .largesize {
    max-width: 500px;
    width: 97%;
}


/********************************************************************/

/* フォームエラー */

/********************************************************************/

/* 個別エラー表示 */
.form_error {
    border: 5px solid #D43B55;
    border-radius: 5px;
}

/* フォーム上部エラー表示 */
.error_box {
    border: 1px solid #D43B55;
    border-radius: 5px;
}

/* 商品詳細エラー表示 */
.detail_page_body .error_box {
    margin: 10px;
}

/* エラー表示　※赤枠内文字 */
.error_status {
    color: #A71235;
    font-size: 93%;
    padding-left: 5px;
}

/* エラー時入力エリア背景色 */
.page_box .edit_form .error_row input,
.page_box .edit_form .error_row select,
.page_box .edit_form .error_row textarea {
    background-color: #FFE9EE;
}

/* エラーアイコン */
.error_icon .fa {
    background-color: #D43B55;
    box-shadow: 0px 0px 0px 1px #D43B55;
    color: #FFFFFF;
}

/* フォーム上部OK表示 */
.ok_box {
    border: 1px solid #47ABC5;
    border-radius: 5px;
}

/* OK表示 ※緑枠内文字 */
.ok_status {
    color: #47ABC5;
    font-size: 93%;
    padding-left: 5px;
}

/* OK表示アイコン位置調整 */
.ok_status img {
    padding-right: 3px;
}

/* OK時入力エリア背景色 */
.page_box .edit_form .ok_row input,
.page_box .edit_form .ok_row select,
.page_box .edit_form .ok_row textarea,
.page_box .edit_form .error_row .ok_input {
    background-color: #E3F4F9;
}

/* OKアイコン */
.ok_icon .fa {
    background-color: #47ABC5;
    box-shadow: 0px 0px 0px 1px #47ABC5;
    color: #FFFFFF;
}

/* 重要な注意書き色 */
.note_color {
    color: #D43B55;
}


/********************************************************************/

/* アイコン */

/********************************************************************/

/* ヘッダーナビボタン */
.responsive .inner_header_nav .header_nav_item .fa {
    font-size: 22px;
    color: #333333;
    text-align: center;
    position: static;
    margin-right: 0px;
}

.responsive .inner_header_nav .header_nav_item.empty_nav_label .fa.icon-ocnk-barsla {
	font-size: 25px;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
	.responsive .inner_header_nav .header_nav_item:not(.empty_nav_label) {
		width: 60px;
	}
	
	.responsive .inner_header_nav :is(.h_contact,.h_favorite,.h_help,.h_signout).header_nav_item:not(.empty_nav_label) {
		width: 70px;
	}
	
	.responsive .inner_header_nav :is(.h_contact,.h_favorite,.h_help,.h_signout).header_nav_item:not(.empty_nav_label) .nav_text .nav_label {
		font-size: 9px;
	}
	
	.ocnk038.responsive #container:has(.side_col .has_toggle_menu_list) .inner_header_nav .header_nav_item .nav_text .fa {
		font-size: 22px;
	}
	
	.ocnk038.responsive #container:has(.side_col .has_toggle_menu_list) .inner_header_nav .header_nav_item.empty_nav_label .nav_text .fa.icon-ocnk-barsla {
		font-size: 25px;
	}
}

.responsive .inner_header_nav .empty_nav_label .nav_btn .fa {
    transform: none;
}

/* グローバルナビ */
.inner_global_nav .fa {
    color: #000000;
}

.responsive .inner_global_nav A .fa {
	font-size: 16px;
}

.global_iconleft .fa {
	padding-right: 5px;
}

.itemlist_cartbutton .btn_size_icon .fa, .itemlist_cartbutton .global_iconleft .fa {
	font-size: 16px;
}

/* レスポンシブ横幅500px以上指定 */
@media screen and (min-width: 500px) {
	.global_iconleft .fa {
		padding-right: 8px;
	}

	.itemlist_cartbutton .btn_size_icon .fa, .itemlist_cartbutton .global_iconleft .fa {
		font-size: 18px;
	}
}

.global_iconright .fa {
    padding-left: 5px;
}

/* 検索ボタン */
.fa-search {
    font-family: "ocnkiconf";
}

.fa-search:before {
    content: "\e90f";
	  font-weight: 700;
}

.ocnk020.responsive .search_bar:has(.global_btn .searchinput) .global_btn .searchinput:before {
	content: "\e90f";
	width: 1em;
	display: inline-block;
	font-family: "ocnkiconf";
	font-weight: 700;
}

/* 閉じる、削除ボタン */
.close_btn_box .fa,
.delete_btn_box .fa,
.nav_close_btn .fa {
    color: #000000;
}

.close_btn_box .fa {
	font-size: 18px;
	line-height: 18px;
}

/* フッター下部ボタン */
.responsive.wide_layout .fixed_corner_box .fixed_corner_button {
	right: 15px;
}

.fixed_corner_button .fa {
    font-size: 40px;
    color: #555555;
}

.use_hover .fixed_corner_button:hover .fa {
    color: #000000;
}

/* +-開閉ボタン */
.open_icon .fa,
.close_icon .fa {
    color: #000000;
}

.side_sub_menu_hover .has_sub_menu .fa {
    font-size: 14px;
    right: 10px;
}

/* 説明付き一覧表示調整 */
.right_side_list_icon {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -11px;
    font-size: 22px;
}

/* 矢印アイコン */
#container .fa-chevron-right,
#container .fa-chevron-down,
#container .fa-chevron-up {
    color: #333333;
}

.nav_btn .fa-chevron-right.right_side_nav_icon,
.nav_btn .fa-chevron-down.right_side_nav_icon {
	font-size: 10px;
	margin-top: -5px;
}

.fa-chevron-right, .fa-chevron-left, .fa-chevron-down, .fa-times {
    font-family: 'ocnkiconf';
}

.fa-chevron-right:before {
    content: "\e909";
}

.nav_btn.has_image_nav_btn .fa-chevron-right.right_side_nav_icon::before {
    content: "";
}

.fa-chevron-left:before {
	content: "\e90b";
}

.fa-chevron-down:before,
.side_sub_menu_hover .has_sub_menu .fa.fa-chevron-down::before {
    content: "\e90a";
}

.close_sub_menu_link .fa-chevron-down:before,
.toggle_opened .title_toggle_link .fa-chevron-down:before {
    content: "\e908";
}

.fa-times:before {
    content: "\e92d";
}


/********************************************************************/

/* ボタン */

/********************************************************************/

/* アイコンボタン枠 */
.icon_btn {
    padding: 0px 3px;
    border: 1px solid #E0DFE3;
    background-color: #FFFFFF;
    border-radius: 5px;
}

.icon_btn.close_btn_box,
.icon_btn.search_close,
.site_list_dropdown .icon_btn {
	padding: 0 4px 1px;
}

.use_hover .icon_btn:hover {
    border: 1px solid #E0DFE3;
    background-color: #F5F5F5;
}

/* +-開閉ボタン枠 */
.open_icon,
.close_icon {
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}

.use_hover A:hover .open_icon,
.use_hover A:hover .close_icon,
.use_hover abbr:hover .open_icon,
.use_hover abbr:hover .close_icon {
    background-color: #D1D1D1;
}

/* 汎用ボタン */
.general_btn {
    padding: 4px 5px;
    border: solid 1px #E0DFE3;
    background-color: #F5F5F5;
    border-radius: 5px;
    display: inline-block;
    box-shadow: none;
    font-size: 93%;
    line-height: 100%;
}

.global_btn button.general_btn {
	padding: 4px 5px;
}

.use_hover .general_btn:hover {
    border: 1px solid #E0DFE3;
    background-color: #F0F0F0;
}

.standard_btn {
    padding: 10px 20px;
    border: solid 1px #E0DFE3;
    background-color: #F9F9F9;
    border-radius: 5px;
    display: inline-block;
	box-shadow: none;
}

.use_hover .standard_btn:hover {
    border: 1px solid #E0DFE3;
    background-color: #F0F0F0;
}

/* 右端ボタン */
.page_title_right_edge .general_btn,
.section_title_right_edge .general_btn {
    background-color: #FFFFFF;
    border: 1px solid #E0DFE3;
    border-radius: 5px;
    color: #666666;
}

.use_hover .page_title_right_edge .general_btn:hover,
.use_hover .section_title_right_edge .general_btn:hover {
    background-color: #F5F5F5;
    color: #666666;
}

/* 画像リンク */
.use_hover .photo_link:hover {
    opacity: 0.7;
}


/*************************************************************/

/* フォームボタン */

/*************************************************************/

/* フォームボタンマウスオーバー */
.use_hover .global_btn input:hover,
.use_hover button:hover,
.use_hover .global_btn A:hover {
    opacity: 0.7;
}

/* ボタンサイズXXS */
.global_btn .btn_size_xxsmall {
    width: 30px;
    height: 30px;
}

/* ボタンサイズXS */
.global_btn .btn_size_xsmall {
    width: 50px;
    height: 30px;
}

/* ボタンサイズS */
.global_btn .btn_size_small {
    width: 70px;
    height: 30px;
}

/* ボタンサイズM */
.global_btn .btn_size_medium {
    width: 90px;
    height: 30px;
}

.global_btn A.btn_size_xxsmall,
.global_btn A.btn_size_xsmall,
.global_btn A.btn_size_small,
.global_btn A.btn_size_medium,
.global_btn A.btn_size_auto {
    line-height: 30px;
}

/* ボタンサイズL */
.global_btn .btn_size_large {
    width: 130px;
    height: 35px;
}

.global_btn A.btn_size_large {
    line-height: 35px;
}

/* ボタンサイズXL */
.global_btn .btn_size_xlarge {
    width: 180px;
    height: 40px;
    font-size: 116%;
}

.global_btn A.btn_size_xlarge {
    line-height: 40px;
}

/* ボタンサイズXXL */
.global_btn .btn_size_xxlarge {
    width: 281px;
    height: 50px;
    font-size: 123%;
	font-weight: 600;
}

.global_btn A.btn_size_xxlarge {
    line-height: 50px;
}

/* ボタンサイズ横幅auto */
.global_btn .btn_size_auto {
    height: 30px;
    width: auto;
    padding: 0px 20px;
}

/* ボタンサイズ小文字 */
.font_size_small {
    font-size: 77%;
}

/* 縦2段積みボタン */
.under_global_btn {
    display: block;
    margin-top: 30px;
}

/* 商品詳細 */
.add_cart_btn_wrapper {
    width: 100%;
}

.detail_item_data .add_cart_btn_wrapper .is_fixed {
	background-color: #F5F5F5D4;
}

#contents .detail_item_data .add_cart_btn_wrapper .is_fixed .add_cart_btn {
    margin: 15px auto!important;
    max-width: 300px;
}

.form_data, .form_inner_data {
    padding: 5px;
    margin: 0px;
}

/* 下部配置ボタン */
.form_btn {
    text-align: center;
    margin: auto;
    padding: 20px 0;
}

/* 下部ボタン上部注意書き */
.global_bottom_info {
    border-bottom: 1px solid #E0DFE3;
}

/* ログインページ新規登録余白調整 */
#register_form .form_btn {
    padding: 0px;
}

/* Aタグボタン */
.global_btn A {
    font-weight: normal;
}

/* 外部決済ボタン */
.outside_btn_box {
    background-color: #FFFFFF;
    border: 1px solid #E0DFE3;
}

/* 楽天決済用 */
.payment_method_desc {
    margin-bottom:10px;
}


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

/* ボタン色 */

/*--------------------------------------*/
/* 色通常 */
/* フォームボタン全般 */
.btn_color_common {
    background-color: #F9F9F9;
	border: 1px solid #E3E8E8;
    color: #FFFFFF;
}

.btn_color_common,
A.btn_color_common:link,
A.btn_color_common:visited,
A.btn_color_common:hover,
A.btn_color_common:active {
    background-color: #F9F9F9;
	border: 1px solid #E3E8E8;
    background-image: none;
    border-radius: 5px;
    color: #333333;
    font-weight: 400;
    box-shadow: none;
}

.sort_item .btn_color_common,
.sort_item A.btn_color_common:link,
.sort_item A.btn_color_common:visited,
.sort_item A.btn_color_common:hover,
.sort_item A.btn_color_common:active {
    background-color: #333333;
	border: none;
    color: #FFFFFF;
}

.use_hover .btn_color_common:hover {
	background-color: #F9F9F9;
    color: #333333;
}

.use_hover .sort_item .btn_color_common:hover {
	background-color: #555555;
    color: #FFFFFF;
}

/* 色強調 */
.btn_color_emphasis {
    background-color: #333333;
    color: #FFFFFF;
}

.btn_color_emphasis,
A.btn_color_emphasis:link,
A.btn_color_emphasis:visited,
A.btn_color_emphasis:hover,
A.btn_color_emphasis:active,
A.btn_color_common.restockinput:link,
A.btn_color_common.restockinput:visited,
A.btn_color_common.restockinput:hover,
A.btn_color_common.restockinput:active {
    background-color: #333333;
    background-image: none;
    border-radius: 5px;
    color: #FFFFFF;
    font-weight: 400;
}

.use_hover .btn_color_emphasis:hover {
    color: #FFFFFF;
}


/*************************************************************/

/* パンくずリスト */

/*************************************************************/

.responsive .breadcrumb_area,
.ocnk028.responsive.wide_layout #container #contents .breadcrumb_area,
.ocnk028.responsive.single_layout #container #contents .breadcrumb_area {
	max-width: 100%;
}
	
.responsive .breadcrumb_area {
	border-top: 1px solid #E0DFE3;
	padding: 0;
}
	
.breadcrumb_list {
	max-width: 1200px;
	margin: auto;
	padding: 10px;
	font-size: 77%;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
    .breadcrumb_list {
	    padding: 15px;
    }
}

.breadcrumb_list A {
	text-decoration: underline; 
}
	
.ocnk028.responsive .breadcrumb_list {
	max-width: 100%;
}
	
.ocnk028.responsive .has_min_nav .breadcrumb_list,
.has_min_nav .breadcrumb_list {
	max-width: 980px;
}


/********************************************************************/

/* ポップアップ */

/********************************************************************/

/* ポップアップの背景 */
.overlay_area .modal_skin {
    background-color: #FFFFFF;
}

.overlay_area .page_box {
	padding: 10px;
}

/* レスポンシブ横幅840px以上指定 */
@media screen and (min-width: 840px) {
	.overlay_area .page_box {
		padding: 15px;
	}
}


/********************************************************************/

/* ロード、ページャー */

/********************************************************************/

/* 読み込み中アイコン画像 */
.loading,
.initial_loading {
    background: url(img/load_icon.gif);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

.entry_box .loading {
    background-image: url(img/load_entry_icon.gif);
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

/* 一覧ページャー */
.pager {
    margin: 0px 0px 15px;
    text-align: center;
}

#pagerbottom {
	margin: 15px 0px;
	background-color: #F5F5F5;
}

.article_data + #pagerbottom {
	background-color: transparent;
	border-top: 1px solid #E0DFE3;
}

/* 現ページ */
.pager strong {
    min-width: 20px;
    min-height: 20px;
	line-height: 20px;
    padding: 3px;
    margin: 0px 1px;
    border: 1px solid #333333;
    background-color: #333333;
	border-radius: 5px;
    color:#FFFFFF;
	font-size: 77%;
}

/* 各ページ */
.pager .pager_btn {
    min-width: 20px;
    min-height: 20px;
	line-height: 20px;
    margin: 0px 1px;
    padding: 3px;
    border: 1px solid #E0DFE3;
    background-color: #FFFFFF;
	border-radius: 5px;
    text-decoration: none;
	font-size: 77%;
}

.pager .to_next_page,
.pager .to_prev_page {
	min-width: 50px;
}

.use_hover .pager .pager_btn:hover {
    border: 1px solid #333333;
    background-color: #333333;
    color: #FFFFFF;
}


/********************************************************************/

/* グローバルサイトリンク */

/********************************************************************/

/* リンク一覧 */
.site_list_dropdown {
    background-color: #FFFFFF;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.4),-5px 5px 10px rgba(0,0,0,0.4);
}

/* 各リンク先 */
.layout_dropdown .site_list_data {
    border-bottom: 1px solid #E0DFE3;
}

/* 各リンク文字 */
.global_site .site_list_dropdown .nav_btn,
#inner_footer .layout_dropdown .site_list_data .nav_btn {
    color: #000000;
}

.use_hover .global_site .site_list_dropdown .nav_btn:hover,
.use_hover #inner_footer .layout_dropdown .site_list_data .nav_btn:hover {
    color: #666666;
    background-color: #F5F5F5;
	border: none;
}

/* リスト表示タイトル */
#inner_footer .layout_dropdown .site_list_title .nav_btn {
    background-image: none;
    background-color: #FFFFFF;
    color: #000000;
	border: none;
}


/********************************************************************/

/* フッター */

/********************************************************************/

/* PCサイトボタン */
.footer_pc_site_box {
    height: 30px;
    padding: 15px 0px 15px 0px;
    position: relative;
    background-color: #F5F5F5;
    box-sizing: content-box;
    text-align: center;
}

.pc_site_btn .pc_site_link {
    width: 80px;
    margin: auto;
    padding: 8px 8px 8px 30px;
    display: inline-block;
    background-image: url(img/icon_pc.png);
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 5px center;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    box-sizing: content-box;
    font-size: 12px;
    text-align: center;
    color: #000000;
}

.use_hover .pc_site_btn .pc_site_link:hover {
    color: #000000;
    opacity: 0.8;
}

/* 自由記入欄 */
#inner_contents_bottom, #inner_footer_free_top {
    padding: 10px;
}

/* フッター */
.footer_area {
    background-color: #F5F5F5;
}

#footer {
    text-align: center;
	padding: 20px 10px;
}

.footer_upper_link_box .continued_link_box {
    border-left: 1px solid #666666;
}

/* ページトップへ戻るボタン */
.fixed_corner_button {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    background-color: #CCCCCC;
    text-align: center;
}

.move_to_add_cart .corner_covering_item,
.use_hover .move_to_add_cart:hover .corner_covering_item {
    color: #CCCCCC;
}

/* フッター下部バナー */
.footer_banner {
    text-align: center;
}

.footer_banner .banner_box {
    margin: 15px 5px 5px 5px;
}

.use_hover .footer_banner .banner_box A:hover {
    opacity: 0.8;
}


/********************************************************************/

/* Powered by おちゃのこネット
※上記の文言は共用ドメインコースをご利用の場合に表示されます。
必須項目ですので、下記の編集は許可されていません。
・文言の削除
・文字色を薄くする
・文字サイズを小さくする */

#ochanoko {
    padding: 5px;
    text-align: center;
    font-size: 12px;
}

#ochanoko A {
    font-size: 12px;
}

.accessory_color {
    background-color: #F5F5F5;
}

/********************************************************************/






/* ===== ASOM 追加：新商品アイコン（手描きの New）の表示サイズ（2026-09-25）ここから ===== */
.icon_new{width:76px !important;height:auto !important;vertical-align:middle}
.itemdetail .icon_new_box{display:inline-block;margin:2px 0 6px}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：ランキング番号（C 案：丸なしの「No.」＋金色の斜体の数字）（2026-09-25）ここから ===== */
.item_rankno .rankno{width:auto !important;height:auto !important;min-width:0 !important;min-height:0 !important;left:0 !important;top:10px !important;padding:5px 10px 4px 9px !important;border:0 !important;border-bottom:1px solid #B08E4F !important;border-radius:0 !important;background:rgba(255,255,255,.92) !important;box-shadow:none !important;display:inline-flex !important;align-items:baseline;gap:3px;line-height:1 !important;font-family:"Cormorant Garamond","Times New Roman",serif !important;font-style:italic !important;font-weight:500 !important;font-size:19px !important;letter-spacing:0 !important;color:#8C6D35 !important;font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
.item_rankno .rankno::before{content:"No.";font-family:"Jost","Helvetica Neue",Arial,sans-serif;font-style:normal;font-weight:400;font-size:8.5px;letter-spacing:.14em;color:#8C6D35}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：ランキングの王冠（1位 金・2位 銀・3位 銅）（2026-09-25）ここから ===== */
.item_rankno .rankno1::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23F6E3A6'/%3E%3Cstop offset='.55' stop-color='%23D2AB55'/%3E%3Cstop offset='1' stop-color='%23B8903F'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M3 19.5 1.6 7.2l7.3 5.4L15 2.8l6.1 9.8 7.3-5.4L27 19.5z' fill='url(%23g)' stroke='%239A7634' stroke-width='1.1' stroke-linejoin='round'/%3E%3Cpath d='M3.2 21.8h23.6' stroke='%239A7634' stroke-width='1.3' stroke-linecap='round'/%3E%3Ccircle cx='15' cy='2.6' r='1.7' fill='%23F6E3A6' stroke='%239A7634' stroke-width='.8'/%3E%3C/svg%3E")}
.item_rankno .rankno2::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23FAFBFC'/%3E%3Cstop offset='.55' stop-color='%23C9CDD2'/%3E%3Cstop offset='1' stop-color='%23A7ACB3'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M3 19.5 1.6 7.2l7.3 5.4L15 2.8l6.1 9.8 7.3-5.4L27 19.5z' fill='url(%23g)' stroke='%23878C94' stroke-width='1.1' stroke-linejoin='round'/%3E%3Cpath d='M3.2 21.8h23.6' stroke='%23878C94' stroke-width='1.3' stroke-linecap='round'/%3E%3Ccircle cx='15' cy='2.6' r='1.7' fill='%23FAFBFC' stroke='%23878C94' stroke-width='.8'/%3E%3C/svg%3E")}
.item_rankno .rankno3::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23F1CBA6'/%3E%3Cstop offset='.55' stop-color='%23C08559'/%3E%3Cstop offset='1' stop-color='%23A2683F'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M3 19.5 1.6 7.2l7.3 5.4L15 2.8l6.1 9.8 7.3-5.4L27 19.5z' fill='url(%23g)' stroke='%23875431' stroke-width='1.1' stroke-linejoin='round'/%3E%3Cpath d='M3.2 21.8h23.6' stroke='%23875431' stroke-width='1.3' stroke-linecap='round'/%3E%3Ccircle cx='15' cy='2.6' r='1.7' fill='%23F1CBA6' stroke='%23875431' stroke-width='.8'/%3E%3C/svg%3E")}
.item_rankno .rankno1::after,.item_rankno .rankno2::after,.item_rankno .rankno3::after{content:"";order:-1;align-self:center;width:15px;height:12px;margin-right:3px;background-repeat:no-repeat;background-position:center;background-size:contain}
/* ===== ASOM 追加 ここまで ===== */


/* ===== ASOM 追加：トップのヒーロー高さを抑える (2026-09-25 深夜) ===== */
@media screen and (min-width: 600px) {
  .ocnk007.responsive:not(:where(.touch006,.touch008,.touch010)) #photo .top_image_slide .item_image {
    height: min(600px, calc(100svh - var(--topimage-h))) !important;
  }
  .hero-inner {
    min-height: max(420px, min(600px, calc(100svh - var(--topimage-h)))) !important;
  }
}
/* ===== ASOM 追加 ここまで ===== */


/* ===== ASOM 追加：商品ページ ひとこと・共通導線 (2026-09-25 深夜、見本 id:1) ===== */
.asom-hitokoto{margin:0 0 22px;font-size:15px;line-height:2;color:#4F4841;letter-spacing:.02em}
.asom-note{margin:0 0 4px;font-size:13px;line-height:1.9;color:#8a8178}
.asom-nav{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 0;padding-top:22px;border-top:1px solid #EDE4D6}
.asom-nav a{display:inline-flex;align-items:center;gap:6px;padding:11px 18px;background:#F5EFE5;color:#2B2724;font-size:13px;text-decoration:none;letter-spacing:.04em;border-radius:2px;font-family:"Zen Kaku Gothic New",sans-serif}
.asom-nav a:hover{background:#EDE4D6}
/* ===== ASOM 追加 ここまで ===== */


/* ===== ASOM 追加：Pick Up・ランキングNo.1〜5アイコンのサイズ調整 (2026-09-26) ===== */
.icon_pickup {
  height: 19px !important;
  width: auto !important;
}
.icon_rank {
  height: 26px !important;
  width: auto !important;
}
/* ===== ASOM 追加 ここまで ===== */



/* ===== ASOM 追加：商品ページ 情報階層の強弱（2026-09-27 見本 id:1） ===== */

/* ひとこと：ベージュの箱ではなく、白背景＋左に細いゴールドの罫線だけ */
.asom-hitokoto{
  padding-left:16px;
  border-left:1px solid #B08E4F;
}

/* セクション見出し（商品詳細・関連グループ・レビュー）を控えめな"補足"の強さに統一 */
.detail_block_spec .section_title .title_text,
.detail_block_group .section_title .title_text,
.detail_block_review .section_title .title_text{
  font-size:12px !important;
  color:#8a8178 !important;
  font-weight:500 !important;
}

/* 仕様表：ブランドのベージュ罫線に統一（事務的なトーンのまま、装飾は足さない） */
.detail_block_spec .cell_header{
  background:#FBF8F3;
  border-color:#EDE4D6 !important;
  font-weight:500;
}
.detail_block_spec .cell_data{
  border-color:#EDE4D6 !important;
}

/* 関連グループ：縦のテキストリンクから、横並びのタグ（セージグリーン）に */
.detail_block_group .inner_itemlist_nav{
  display:flex !important;
  flex-wrap:wrap;
  gap:8px;
}
.detail_block_group .itemlist_nav_item{
  width:auto !important;
}
.detail_block_group .nav_btn{
  display:inline-flex;
  align-items:center;
  padding:7px 16px;
  background:#F2F4EE;
  border-radius:20px;
  transition:background .15s;
}
.detail_block_group .nav_btn:hover{
  background:#E5E9DD;
}
.detail_block_group .nav_label{
  font-size:12px;
  color:#2B2724;
}
.detail_block_group .right_side_nav_icon{
  display:none;
}

/* レビュー0件のときはセクションを小さく（離脱前の弱いセクションとして） */
.detail_block_review:has(.no_review){
  margin-top:12px;
  margin-bottom:12px;
}

/* モバイル：後半セクションほど余白を減らす */
@media (max-width:768px){
  .detail_block_spec{margin-top:24px;margin-bottom:24px;}
  .detail_block_group{margin-top:18px;margin-bottom:18px;}
  .detail_block_review{margin-top:14px;margin-bottom:14px;}
}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：ひとことブロックの「商品詳細」見出しを非表示（2026-09-27） ===== */
/* 下の仕様表の見出しと重複し、かつ27章の方針「ひとことに見出しは付けない」に合わせる */
.detail_block_desc .section_title{
  display:none;
}
.asom-hitokoto{
  margin-top:20px;
}
/* ===== ASOM 追加 ここまで ===== */


/* ===== ASOM 追加：共通導線カードにアイコン＋説明文を追加（2026-09-27） ===== */
.asom-nav a{
  flex:1 1 0;
  flex-direction:column;
  gap:4px;
  padding:16px 10px;
  text-align:center;
}
.asom-nav-icon{
  width:34px;
  height:34px;
  object-fit:contain;
  margin-bottom:2px;
}
.asom-nav-title{
  font-size:12.5px;
  color:#2B2724;
  letter-spacing:.03em;
}
.asom-nav-desc{
  font-size:10.5px;
  color:#8a8178;
  letter-spacing:.02em;
}
/* ===== ASOM 追加 ここまで ===== */


/* ===== ASOM 追加：関連グループのタグを中央ぞろえに（2026-09-27） ===== */
.detail_block_group .inner_itemlist_nav{
  justify-content:center;
}
/* ===== ASOM 追加 ここまで ===== */


/* ===== ASOM 追加：ランキングカードを小さめに（PCのみ、2026-09-27） ===== */
/* 主役（商品写真・名前・価格）より目立たないよう、幅を抑える。Swiperがページ読み込み時に幅を再計算する */
@media (min-width:769px){
  .related_item_by_ranking{
    max-width:850px;
    margin-left:auto;
    margin-right:auto;
  }
}
/* ===== ASOM 追加 ここまで ===== */


/* ===== ASOM 追加：右下の固定ボタン（カート・トップへ戻る）をブランドカラーに（2026-09-27） ===== */
.fixed_corner_button{
  background:#FFFFFF !important;
  border:1px solid #E7DFD2 !important;
  border-radius:2px !important;
  color:#4F4841 !important;
}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：右下の固定ボタンのアイコンを手描き風の画像に（2026-09-27） ===== */
/* Font Awesomeのカート・矢印を、共通導線カードと同じテイスト（こげ茶の線画）の画像に差し替え */
.fixed_corner_button .inner_fixed_corner{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
}
.fixed_corner_button .shopping_cart_icon::before,
.fixed_corner_button .fa-angle-up::before{
  content:"" !important;
}
.fixed_corner_button .shopping_cart_icon,
.fixed_corner_button.back_to_top .fa-angle-up{
  display:inline-block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
.fixed_corner_button .shopping_cart_icon{
  width:30px;
  height:30px;
  background-image:url(/data/asom/image/column/icon-bag.png);
}
.fixed_corner_button.back_to_top .fa-angle-up{
  width:24px;
  height:15px;
  background-image:url(/data/asom/image/column/icon-chevron-transparent-final.png);
}
/* カートボタン左上の小さな上向き矢印（標準の重ね表示）は、画像アイコンと重なるので非表示 */
.move_to_add_cart .chevron_up_icon{
  display:none;
}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：ひとことの金の罫線をPCでも確実に表示（2026-09-27） ===== */
/* 親（.item_desc_text）が overflow:auto のため、PCの表示倍率によっては左端の1px罫線が切れて見えなかった。罫線を内側に少し寄せる */
.asom-hitokoto{
  margin-left:2px;
}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：共通導線カードをスマホでは1列に（2026-09-27） ===== */
/* 3列だと幅115pxで「K18・K10につい／て」のように折り返すため、480px以下はアイコン左・文字右の横長カードを縦に並べる */
@media (max-width:480px){
  .asom-nav{flex-direction:column;gap:6px;}
  .asom-nav a{display:grid;grid-template-columns:34px 1fr auto;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;padding:12px 14px;text-align:left;}
  .asom-nav a .asom-nav-icon{grid-row:1 / 3;grid-column:1;margin:0;}
  .asom-nav a .asom-nav-title{grid-column:2;grid-row:1;font-size:13px;}
  .asom-nav a .asom-nav-desc{grid-column:2;grid-row:2;font-size:11px;}
  .asom-nav a::after{content:"›";grid-column:3;grid-row:1 / 3;color:#B08E4F;font-size:16px;}
}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：仕様表を説明画像の上へ・説明画像の並び（2026-09-27） ===== */
/* 要素はSEO全体設定「ヘッダー」のスクリプト（asomSpecLayout）が作る。スマホは縦に1枚ずつ、PCも1枚ずつ縦に、横幅800px（2026-09-30 ユーザー決定：2列→1列、100%は大きすぎ）。余白は広め */
.asom-spec-moved{margin:32px 0 64px;}
.asom-spec-moved .data_table .cell_header{white-space:nowrap;width:4em;font-weight:400;font-size:12px;color:#8a8178;background:#FAF7F2;border-color:#EDE4D6;padding:14px 12px;}
.asom-spec-moved .data_table .cell_data{font-size:13px;line-height:1.7;color:#4F4841;border-color:#EDE4D6;padding:14px 14px;}
.asom-desc-photos{padding:0 6%;margin-bottom:48px;}
.asom-desc-photos img{display:block;width:100%;height:auto;margin:0 0 28px;}
@media (min-width:769px){
  .asom-spec-moved{margin:40px auto 80px;max-width:880px;}
  .asom-desc-photos{max-width:700px;margin:0 auto 72px;padding:0;} /* 説明の写真は楽天・メイン写真と同じ 700px（2026-10-09） */
  .asom-desc-photos img{margin:0 0 32px;}
  .asom-desc-photos img:last-child{margin-bottom:0;}
  .item_desc_text[data-asom-layout] .asom-hitokoto,
  .item_desc_text[data-asom-layout] .asom-note{max-width:880px;margin-left:auto;margin-right:auto;box-sizing:border-box;}
}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：商品写真をスマホ・タブレットで大きく／上の商品名を隠す（2026-09-27） ===== */
/* おちゃのこ標準は980px未満で写真の枠が300px（幅により500px）止まりで小さく見えた。画面幅いっぱい（上限640px）に */
/* 商品名が写真の上と下に2回出てうるさいため、上の見出し（H1）は見た目だけ隠す（検索エンジン・読み上げ用に要素は残す） */
@media (max-width:979px){
  .main_photo_slide .inner_slider_box,
  .main_photo_slide .slider_box .swiper-container,
  .main_photo_slide.square_photo_slide_600 .inner_slider_box,
  .main_photo_slide.square_photo_slide_600 .slider_box .swiper-container{max-width:640px !important;}
  .main_photo_slide .slider_box .item_image_box{width:100% !important;height:auto !important;line-height:normal !important;aspect-ratio:1 / 1;display:flex !important;align-items:center;justify-content:center;}
  .main_photo_slide .slider_box .item_image{width:100% !important;height:100% !important;max-width:100% !important;max-height:none !important;object-fit:contain;}
  .main_photo_slide .slider_box .photo_gallery{height:auto !important;}
  .main_photo_slide .inner_slider_box{padding:12px 6% 0 !important;box-sizing:border-box;}
  .main_photo_slide .thumbnail_listbox,
  .main_photo_slide .thumbnail{margin-top:16px !important;}
}
/* 上の商品名（H1）はPC・スマホとも見た目だけ隠す（2026-09-27 PCにも拡大） */
.page_box.itemdetail .page_title{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：全商品ページの導入（2026-09-27） ===== */
/* 要素はSEO全体設定「ヘッダー」のスクリプト（asomAllCats）が作る。値はカテゴリページの説明欄の .asom-grp と同じ（原稿 ocnk-allitems-intro.html） */
.asom-grp.is-all{--ink-900:#2B2724;--ink-700:#4F4841;--ink-600:#6B6259;--ink-500:#766D63;--beige-50:#FBF8F3;--beige-100:#F5EFE5;--gold:#B08E4F;--gold-soft:#C9AE79;--gold-pale:#EBDCC0;--font-jp:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;--font-en:"Jost","Helvetica Neue",Arial,sans-serif;--font-mc:"Shippori Mincho","Yu Mincho","Hiragino Mincho ProN",serif;width:100%;margin:0 0 28px;color:var(--ink-700);font-family:var(--font-jp);font-size:15px;line-height:2;letter-spacing:.04em;text-align:left;}
.asom-grp.is-all *,.asom-grp.is-all *::before,.asom-grp.is-all *::after{box-sizing:border-box}
.asom-grp.is-all img{max-width:100%;height:auto;display:block;border:0}
.asom-grp.is-all a{color:inherit;text-decoration:none}
.asom-grp.is-all p{margin:0;word-break:auto-phrase}
.asom-grp.is-all h2{margin:0;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;float:none !important;width:auto !important;text-indent:0 !important}
.asom-grp.is-all h2::before,.asom-grp.is-all h2::after{content:none !important;display:none !important}
.asom-grp.is-all .g-intro{display:grid;grid-template-columns:1.1fr 1fr;background:var(--beige-50);border-radius:2px;overflow:hidden}
.asom-grp.is-all .g-copy{padding:clamp(28px,4vw,48px) clamp(24px,4vw,52px);display:flex;flex-direction:column;justify-content:center}
.asom-grp.is-all .g-label{display:flex;align-items:center;gap:12px;font-family:var(--font-en);font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-500);line-height:1.2}
.asom-grp.is-all .g-label::before{content:"";width:26px;height:1px;background:var(--gold-soft)}
.asom-grp.is-all .g-catch{margin-top:16px !important;font-family:var(--font-mc);font-weight:500;color:var(--ink-900);font-size:clamp(20px,2.2vw,26px);line-height:1.7;letter-spacing:.1em}
.asom-grp.is-all .g-lead{margin-top:14px;font-size:14.5px;line-height:2.05;color:var(--ink-600)}
.asom-grp.is-all .g-more{align-self:flex-start;margin-top:20px;font-size:13px;letter-spacing:.08em;color:var(--ink-900) !important;border-bottom:1px solid var(--ink-900);padding-bottom:3px;transition:color .26s,border-color .26s}
.asom-grp.is-all .g-more:hover{color:var(--gold) !important;border-color:var(--gold)}
.asom-grp.is-all .g-nav{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;align-items:center;margin-top:22px}
.asom-grp.is-all .g-nav-h{font-family:var(--font-en);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-500);white-space:nowrap}
.asom-grp.is-all .g-nav-h span{font-family:var(--font-jp);letter-spacing:.06em;text-transform:none;margin-left:6px}
.asom-grp.is-all .g-chips{display:flex;flex-wrap:wrap;gap:8px}
.asom-grp.is-all .g-chips a{display:inline-block;padding:5px 15px;border:1px solid var(--gold-pale);border-radius:999px;background:#fff;font-size:13px;line-height:1.7;color:var(--ink-900) !important;letter-spacing:.04em;transition:border-color .26s,background .26s}
.asom-grp.is-all .g-chips a:hover{border-color:var(--gold);background:var(--beige-50)}
.asom-grp.is-all .g-chips .is-current{background:var(--ink-900);border-color:var(--ink-900);color:#fff !important;pointer-events:none}
.asom-grp.is-all .g-ph-multi{display:grid;grid-template-columns:repeat(var(--n,2),1fr);gap:4px;background:var(--beige-100)}
.asom-grp.is-all .g-ph-multi figure{margin:0;aspect-ratio:3/4;overflow:hidden}
.asom-grp.is-all .g-ph-multi img{width:100%;height:100%;object-fit:cover}
@media (max-width:760px){
  .asom-grp.is-all .g-intro{grid-template-columns:1fr}
  .asom-grp.is-all .g-ph-multi figure{aspect-ratio:auto;height:190px}
  .asom-grp.is-all .g-copy{padding:24px 20px 26px}
  .asom-grp.is-all .g-nav{grid-template-columns:1fr;gap:8px}
  .asom-grp.is-all .g-chips a{white-space:nowrap}
}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：商品一覧の並び替えバーをASOMの色に・全商品ページの導入の左右余白（2026-09-27） ===== */
/* おちゃのこ標準のグレーの帯（#F5F5F5）・黒文字のボタンを、生成りの地・ベージュの枠・こげ茶の文字に。全カテゴリ・グループ・全商品ページ共通 */
.item_sort_form .sort{background:#FBF8F3 !important;border:1px solid #EDE4D6;border-radius:2px;}
.item_sort_form .toggle_open{background:#fff !important;color:#2B2724 !important;border:1px solid #E7DFD2 !important;border-radius:2px;font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:13px;letter-spacing:.06em;}
.item_sort_form .toggle_open .fa{color:#B08E4F !important;}
.item_sort_form .layout_photo_btn img,.item_sort_form .layout_desc_btn img{opacity:.7;}
.item_count .count_number{margin-top:12px;color:#8a8178;font-size:12px;letter-spacing:.06em;}
.item_count .count_number .number{font-family:"Jost","Helvetica Neue",Arial,sans-serif;}
/* 全商品ページの導入はカテゴリページ（説明欄の左右10px）と同じ位置に */
.asom-grp.is-all{padding:0 10px;}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：カート・お問い合わせ・ログインの画面をASOMの色に（2026-09-27） ===== */
/* おちゃのこ標準のグレーの見出し帯・濃いグレーのボタン（角丸5px）を、生成り・こげ茶・角丸2pxに。ヘッダーは SEO全体設定「ヘッダー」の asomFixMinHeader でブランドヘッダーに差し替え済み */
:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) .page_title h2{color:#2B2724;font-weight:500;letter-spacing:.14em;}
:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) .section_title :is(h2,h3){background:#FBF8F3 !important;color:#2B2724 !important;border:0 !important;border-bottom:1px solid #EDE4D6 !important;border-radius:2px;font-size:14px;font-weight:500;letter-spacing:.08em;}
:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) .btn_color_emphasis{background:#2B2724 !important;border-color:#2B2724 !important;color:#fff !important;border-radius:2px !important;font-family:"Noto Sans JP","Zen Kaku Gothic New",sans-serif;font-weight:300;letter-spacing:.14em;}
:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) .btn_color_emphasis:hover{background:#4F4841 !important;}
:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) .general_btn{background:#fff !important;color:#2B2724 !important;border:1px solid #E7DFD2 !important;border-radius:2px !important;font-family:"Zen Kaku Gothic New",sans-serif;}
:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) .general_btn .fa{color:#8a8178;}
:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) .global_link{color:#2B2724;}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：購入手続き・フォームの画面をASOMの色に（2026-09-27） ===== */
/* レジに進んだ後（ログイン/ゲスト購入の選択・お客様情報・お届け先/お支払い・確認・完了）とお問い合わせ・ログイン・会員登録。ステップ表示・項目名・入力欄・必須マーク・戻るボタン */
:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) .step_list .step_data{background:#F5EFE5 !important;color:#8a8178 !important;}
:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) .step_list .step_data *{color:inherit !important;}
:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) .step_list .step_check .step_data{background:#2B2724 !important;color:#fff !important;}
:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) .step_list .posleft .step_data{border-radius:2px 0 0 2px !important;}
:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) .step_list .posright .step_data{border-radius:0 2px 2px 0 !important;}
:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) .form_title .form_header,:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) .form_box label,:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) .signin_box label{color:#2B2724;font-weight:500;letter-spacing:.06em;}
:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) .form_title{border-color:#EDE4D6 !important;}
:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) .require{color:#A8554B !important;font-weight:400 !important;}
:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) :is(input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],select,textarea){border:1px solid #E7DFD2 !important;border-radius:2px !important;color:#2B2724;}
:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) :is(input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],select,textarea):focus{border-color:#B08E4F !important;outline:none;box-shadow:0 0 0 2px rgba(176,142,79,.15);}
:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) .btn_color_common{background:#fff !important;color:#2B2724 !important;border:1px solid #E7DFD2 !important;border-radius:2px !important;}
:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) .form_status,:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) .label_note,:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) .cell_note{color:#8a8178;}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：ゲスト購入のボタンを隠す（2026-09-27、ユーザー決定「ゲスト購入はナシ」） ===== */
/* おちゃのこにゲスト購入だけを止める設定がないため。直接URLで開いた場合はSEO全体設定「ヘッダー」の asomNoGuest がログイン/新規登録の画面へ戻す */
/* 2026-10-01 ユーザー決定でゲスト購入を戻した（この行のボタン非表示を削除） */
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：入力したメールアドレスの確認表示をASOMの見た目に（2026-09-27、ユーザー決定A案＝残して見た目だけ合わせる） ===== */
/* おちゃのこ標準の .confirm_email（入力中のアドレスを大きく表示して入力ミスを防ぐ）。グレーの地・太字の大きな黒文字 → 生成り・細いベージュ枠・こげ茶。頭に「ご入力のアドレス」 */
:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) .confirm_email{background:#FBF8F3 !important;border:1px solid #EDE4D6 !important;border-radius:2px !important;color:#2B2724 !important;font-family:"Jost","Zen Kaku Gothic New",sans-serif !important;font-size:16px !important;font-weight:400 !important;letter-spacing:.03em;padding:12px 14px !important;margin-top:10px;word-break:break-all;}
:is(.shoppingcart_page_body,.inquiry_page_body,.login_page_body,.mail_auth_page_body) .confirm_email::before{content:"ご入力のアドレス";display:block;margin-bottom:4px;font-family:"Zen Kaku Gothic New",sans-serif;font-size:11px;letter-spacing:.08em;color:#8a8178;}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：購入手続き・フォームのASOM仕様を、フォームのある全ページに広げる（2026-09-27） ===== */
/* お客様登録（メール認証後の登録フォーム）など、URLが一時的でページの種類を指定できない画面にも効かせるため、「ステップ表示かフォームがあるページ」を条件にする。値は上の2ブロックと同じ */
body:has(.step_list, .form_box) .page_title h2{color:#2B2724;font-weight:500;letter-spacing:.14em;}
body:has(.step_list, .form_box) .section_title :is(h2,h3){background:#FBF8F3 !important;color:#2B2724 !important;border:0 !important;border-bottom:1px solid #EDE4D6 !important;border-radius:2px;font-size:14px;font-weight:500;letter-spacing:.08em;}
body:has(.step_list, .form_box) .btn_color_emphasis{background:#2B2724 !important;border-color:#2B2724 !important;color:#fff !important;border-radius:2px !important;font-family:"Noto Sans JP","Zen Kaku Gothic New",sans-serif;font-weight:300;letter-spacing:.14em;}
body:has(.step_list, .form_box) .btn_color_emphasis:hover{background:#4F4841 !important;}
body:has(.step_list, .form_box) .btn_color_common,body:has(.step_list, .form_box) .general_btn{background:#fff !important;color:#2B2724 !important;border:1px solid #E7DFD2 !important;border-radius:2px !important;}
.step_list .step_data{background:#F5EFE5 !important;color:#8a8178 !important;}
.step_list .step_data *{color:inherit !important;}
.step_list .step_check .step_data{background:#2B2724 !important;color:#fff !important;}
.step_list .posleft .step_data{border-radius:2px 0 0 2px !important;}
.step_list .posright .step_data{border-radius:0 2px 2px 0 !important;}
.form_box .form_title .form_header,.form_box label{color:#2B2724;font-weight:500;letter-spacing:.06em;}
.form_box .form_title{border-color:#EDE4D6 !important;}
.form_box .require{color:#A8554B !important;font-weight:400 !important;}
.form_box :is(input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],select,textarea){border:1px solid #E7DFD2 !important;border-radius:2px !important;color:#2B2724;}
.form_box :is(input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],select,textarea):focus{border-color:#B08E4F !important;outline:none;box-shadow:0 0 0 2px rgba(176,142,79,.15);}
.form_box .form_status,.form_box .label_note,.form_box .cell_note{color:#8a8178;}
.form_box .confirm_email{background:#FBF8F3 !important;border:1px solid #EDE4D6 !important;border-radius:2px !important;color:#2B2724 !important;font-family:"Jost","Zen Kaku Gothic New",sans-serif !important;font-size:16px !important;font-weight:400 !important;letter-spacing:.03em;padding:12px 14px !important;margin-top:10px;word-break:break-all;}
.form_box .confirm_email::before{content:"ご入力のアドレス";display:block;margin-bottom:4px;font-family:"Zen Kaku Gothic New",sans-serif;font-size:11px;letter-spacing:.08em;color:#8a8178;}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：商品名の後ろの型番を小さい灰色の文字に（2026-09-27、ユーザー決定） ===== */
/* おちゃのこが自動で付ける [2262wgpcwo] の表示。消さずに、商品名の下の行に小さく控えめに（サイト内検索には影響しない） */
.model_number_info{display:block;margin-top:6px;font-family:"Jost","Helvetica Neue",Arial,sans-serif !important;font-size:11px !important;font-weight:400 !important;color:#A39A90 !important;letter-spacing:.06em;line-height:1.4;}
.model_number_info *{font-size:inherit !important;font-weight:inherit !important;color:inherit !important;}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：一覧・ランキングの型番も小さい灰色の文字に（2026-09-27） ===== */
/* 商品ページ（.model_number_info）と同じ見た目を、商品一覧・ランキング・おすすめ等の商品名にも */
.item_name .model_number{display:block !important;margin-top:4px;font-family:"Jost","Helvetica Neue",Arial,sans-serif !important;font-size:11px !important;font-weight:400 !important;color:#A39A90 !important;letter-spacing:.06em;line-height:1.4;}
.item_name .model_number *{font-size:inherit !important;font-weight:inherit !important;color:inherit !important;}
/* ===== ASOM 追加 ここまで ===== */


@charset "utf-8";
/* # =================================================================
# 
# ↓　おちゃのこネットデザイン作成プラン　↓
#             2026.09.28 upload
# 
# ================================================================= */

:root {
  --ink-900: #2B2724;
  --ink-700: #4F4841;
  --ink-600: #6B6259;
  --ink-500: #8C8378;
  --ink-300: #BEB4A6;
  --paper: #FFFFFF;
  --beige-50: #FBF8F3;
  --beige-100: #F5EFE5;
  --beige-200: #EDE4D6;
  --line: #E7DFD2;
  --line-soft: #F1EBE1;
  --gold: #B08E4F;
  --gold-soft: #C9AE79;
  --gold-pale: #EBDCC0;
  --sage-bg: #F2F4EE;
  --sage-line: #DEE3D6;

  --font-jp: "Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  --font-en: "Jost","Helvetica Neue",Arial,sans-serif;
  --font-dp: "Cormorant Garamond","Times New Roman",serif;
  --font-mc: "Shippori Mincho","Yu Mincho","Hiragino Mincho ProN",serif;

  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --radius: 2px;
  --ease: cubic-bezier(.2,0,0,1);
  --dur: 260ms;

  /* モバイル基準値。768px / 1280px で段階的に拡大する */
  --header-h: 60px;
  --header-h-min: 60px;
  --util-h: 38px;
  --wrap-max: 1320px;
  --wrap-pad: 20px;
  --nav-gap: 30px;
  --sec-pad: 52px;
  --tile-gap: 10px;

  --topimage-h: 200px;
}

@media screen and (min-width: 768px) {
  :root {
    --header-h: 88px;
    --header-h-min: 64px;
    --wrap-pad: 40px;
    --sec-pad: 88px;
    --tile-gap: 16px;
  }
}

@media screen and (min-width: 1280px) {
  :root {
    --wrap-pad: 56px;
    --nav-gap: 44px;
  }
}

*,*::before,*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

.responsive body {
  margin: 0;
  background: var(--paper);
  color: var(--ink-700);
  font-family: var(--font-jp);
  line-height: 1.9;
  letter-spacing: .02em;
  -webkit-font-smoothing: antialiased;
}

A,A:link,A:visited,A:hover,A:active {
  font-weight: 400;
  color: inherit;
  text-decoration: none;
}

button {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  cursor: pointer;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.num,.price {
  font-family: var(--font-en);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

.title-label {
  font-family: var(--font-en);
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--ink-500);
}

:focus-visible {
  outline: 1.5px solid var(--gold);
  outline-offset: 3px;
  border-radius: var(--radius);
}

.wrap {
  max-width: var(--wrap-max);
  margin-inline: auto;
  padding-inline: var(--wrap-pad);
  transition: max-width var(--dur) var(--ease),padding-inline var(--dur) var(--ease);
}

.single_layout #inner_contents {
  padding: 0px;
}

.ocnk004.responsive .top_page_body #contents {
  margin-top: 0px;
}

.main_box:not(.main_free_box), .inner_maincontents {
  padding: 50px 0px;
  max-width: 1400px;
  margin: 0 auto!important;
}

@media screen and (min-width: 980px) {
  .main_box:not(.main_free_box), .inner_maincontents {
    padding: 80px 0px;
  }
}

body:not(.top_page_body) #contents {
  max-width: 1200px;
  margin: 0 auto;
}

.ocnk004.responsive #container .main_box:not(.custom_toggle_box) {
  margin-bottom: 0px;
}

.responsive .breadcrumb_area {
  border-top: none;
}


/* ================================= */
/* h2タイトル */
/* ================================= */
.section_title h2 {
  font-family: var(--font-en);
  font-size: 15px;
  letter-spacing: .28em;
  text-indent: .28em;
  text-transform: uppercase;
  color: var(--ink-900);
  font-weight: 400;
  text-align: center;
  padding-bottom: 25px;
}

.section_title h2::after, .title_text_jp {
  display: block;
  margin-top: 20px;
  font-size: 14px;
  letter-spacing: .14em;
  color: var(--ink-500);
}

.item_ranking .section_title h2::after {
  content: "ベストセラー";
}

.item_new .section_title h2::after {
  content: "新作アイテム";
}


/* ================================= */
/* 商品一覧 */
/* ================================= */
.ocnk017.responsive .list_item_data .selling_price > .figure {
  font-size: 15px;
  font-weight: 500;
}

.list_item_data > p {
  margin: 10px 0;
  font-size: 15px;
}

.selling_price {
  margin-bottom: 10px;
}


/* ================================= */
/* もっと見るボタン */
/* ================================= */
.more_item {
  text-align: center;
  margin-top: calc(var(--sec-pad) / 3.4);
  margin-bottom: 0px;
}

.more_item .general_btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-en);
  font-size: 13.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ink-900);
  border-bottom: 1px solid var(--ink-900);
  padding: 10px 0px;
  background-color: transparent;
  border-radius: 0px;
}

.use_hover .more_item .general_btn:hover {
  color: var(--gold);
  border-bottom: 1px solid var(--gold);
  background-color: transparent;
}

#container .more_item .general_btn .fa {
  color: var(--ink-900);
}

.use_hover .more_item .general_btn:hover .fa {
  color: var(--gold) !important;
}

.nav_space:empty {
  display: none;
}

.more_item .chevron_right_icon::before {
  content: "";
}


/* ================================= */
/* 共通パーツ */
/* ================================= */
.linkbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 54px;
  padding-inline: 34px;
  border-radius: var(--radius);
  background: var(--ink-900);
  color: var(--paper);
  font-family: var(--font-en);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .2em;
  text-transform: uppercase;
  transition: opacity var(--dur) var(--ease);
}

.hero a.linkbtn, #all_itemlist a.linkbtn {
  color: #FFFFFF;
  font-weight: 500;
}

.use_hover .linkbtn:hover {
  opacity: .82;
}

.linkbtn .jp {
  font-family: var(--font-jp);
  font-size: 15px;
  letter-spacing: .1em;
  text-transform: none;
}

a.btn-ghost {
  background: none;
  color: var(--ink-900);
  border: 1px solid var(--ink-900);
}

.use_hover a.btn-ghost:hover {
  background: var(--ink-900);
  color: var(--paper);
  opacity: 1;
}

.link-jp {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  color: var(--ink-900);
  border-bottom: 1px solid var(--line);
  padding-bottom: 3px;
}

.use_hover a:hover .link-jp {
  border-color: var(--gold);
}

.chips, .chips .inner_main_nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-2);
}

.chip, .chips .inner_main_nav .nav_btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 15px 8px 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 15px;
  color: var(--ink-700);
  background: var(--paper);
  transition: border-color var(--dur) var(--ease),background var(--dur) var(--ease);
  font-family: var(--font-en);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

#p-col .chips .inner_main_nav .nav_btn {
  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}

.use_hover .chip:hover, .use_hover .chips .inner_main_nav .nav_btn:hover {
  border-color: var(--gold-soft);
  background: var(--beige-50);
}

.press {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--s-6);
  flex-wrap: wrap;
  padding-block: var(--s-5);
  border-block: 1px solid var(--line-soft);
}

.press .title-label {
  color: var(--ink-300);
}

.press ul {
  display: flex;
  gap: var(--s-6);
  flex-wrap: wrap;
  align-items: baseline;
}

.press li {
  font-family: var(--font-dp);
  font-size: 21px;
  letter-spacing: .08em;
  color: var(--ink-700);
}

/* レビュー（Real voice）の上に置くとき用。同じ「第三者の評価」なのでひとつのセクションにまとめる */
.press-inline {
  border-top: 0;
  margin-bottom: var(--s-8);
  padding-top: 0;
}

.visual {
  overflow: hidden;
}

.visual img {
  display: block;
  width: 100%;
  transition: transform 0.4s ease;
}

.use_hover a:hover .visual img {
  transform: scale(1.05);
}


/* ================================= */
/* キャッチフレーズ欄 */
/* ================================= */
.utility {
  height: auto;
  min-height: var(--util-h);
  background: var(--beige-100);
  color: var(--ink-600);
  display: flex;
  align-items: center;
  overflow: hidden;
  padding-block: 7px;
  transition: height var(--dur) var(--ease);
}

@media screen and (min-width: 768px) {
  .utility {
    height: var(--util-h);
    padding-block: 0;
  }
}

.utility .wrap {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  width: 100%;
  gap: var(--s-4);
}

@media screen and (min-width: 1024px) {
  .utility .wrap {
    grid-template-columns: 1fr auto 1fr;
  }
}

.utility p {
  grid-column: 1;
  margin: 0;
  font-size: 10.5px;
  letter-spacing: .08em;
  text-align: center;
  white-space: normal;
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .utility p {
    font-size: 11.5px;
    white-space: nowrap;
    line-height: 1.9;
  }
}

@media screen and (min-width: 1024px) {
  .utility p {
    grid-column: 2;
  }
}

.utility .u-right {
  grid-column: 3;
  display: none;
  align-items: center;
  justify-content: flex-end;
  gap: var(--s-5);
}

@media screen and (min-width: 1024px) {
  .utility .u-right {
    display: flex;
  }
}

.u-link {
  font-size: 11px;
  letter-spacing: .06em;
  color: var(--ink-500);
  transition: color var(--dur) var(--ease);
}

.use_hover .u-link:hover {
  color: var(--ink-900);
}

.header.is-stuck .utility {
  height: 0px;
}


/* ================================= */
/* ヘッダー */
/* ================================= */
.header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--paper);
  border-bottom: 1px solid var(--line-soft);
  transition: box-shadow var(--dur) var(--ease);
}

.header.is-stuck {
  box-shadow: 0 1px 14px rgba(43,39,36,.05);
}

.header-inner {
  height: var(--header-h);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: var(--s-2);
  transition: height var(--dur) var(--ease);
}

.badge {
  background: var(--gold);
}

.cart-count .icon_badge {
  top: -5px;
  right: -5px;
  background: var(--gold);
}

.min_header .header_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media screen and (min-width: 1024px) {
  .header-inner {
    grid-template-columns: auto 1fr auto;
    gap: var(--s-6);
  }
}

.header.is-stuck .header-inner {
  height: var(--header-h-min);
}

.header.is-stuck A.brand img {
  max-width: 100px;
}

.brand {
  display: block;
  line-height: 1;
  justify-self: center;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .brand {
    justify-self: start;
    text-align: left;
  }
}

.brand-mark {
  display: block;
  font-family: var(--font-en);
  font-weight: 400;
  font-size: 19.5px;
  letter-spacing: .34em;
  text-indent: .34em;
  color: var(--ink-900);
  transition: font-size var(--dur) var(--ease);
}

@media screen and (min-width: 768px) {
  .brand-mark {
    font-size: 25px;
  }
}

.brand-sub {
  display: block;
  margin-top: 5px;
  font-family: var(--font-en);
  font-size: 7px;
  font-weight: 300;
  letter-spacing: .3em;
  text-indent: .3em;
  color: var(--ink-500);
  text-transform: uppercase;
  transition: opacity var(--dur) var(--ease),margin-top var(--dur) var(--ease),max-height var(--dur) var(--ease);
  max-height: 14px;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .brand-sub {
    font-size: 8px;
    margin-top: 7px;
  }
}

.header.is-stuck .brand-mark {
  font-size: 21.5px;
}

.header.is-stuck .brand-sub {
  opacity: 0;
  max-height: 0;
  margin-top: 0;
}

.nav {
  display: none;
  gap: var(--nav-gap);
  justify-self: center;
  transition: gap var(--dur) var(--ease);
}

@media screen and (min-width: 1024px) {
  .nav {
    display: flex;
  }
}

.nav-item {
  position: relative;
}

.nav-link {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: var(--header-h);
  padding-inline: 2px;
  transition: height var(--dur) var(--ease);
}

.header.is-stuck .nav-link {
  height: var(--header-h-min);
}

.nav-link .en {
  font-family: var(--font-en);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .12em;
  text-indent: .16em;
  text-transform: uppercase;
  color: var(--ink-900);
  white-space: nowrap;
}

@media screen and (min-width: 1280px) {
  .nav-link .en {
    font-size: 12px;
    letter-spacing: .16em;
  }
}

.nav-link .jp {
  font-size: 10px;
  letter-spacing: .1em;
  color: var(--ink-500);
  white-space: nowrap;
  transition: opacity var(--dur) var(--ease),max-height var(--dur) var(--ease);
}

.header.is-stuck .nav-link .jp {
  opacity: 0;
  max-height: 0;
}

.nav-link::after {
  content: "";
  position: absolute;
  left: -4px;
  right: -4px;
  bottom: 22px;
  height: 1px;
  background: var(--gold);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform var(--dur) var(--ease);
}

.header.is-stuck .nav-link::after {
  bottom: 14px;
}

.nav-item.is-open .nav-link::after,.use_hover .nav-link:hover::after {
  transform: scaleX(1);
}

.tools {
  display: flex;
  align-items: center;
  gap: var(--s-1);
  justify-self: end;
  margin-right: 0;
  box-shadow: none;
}

@media screen and (min-width: 768px) {
  .tools {
    margin-right: -8px;
  }
}

@media screen and (min-width: 1024px) {
  .tools {
    margin-right: -10px;
  }
}

.icon-btn {
  position: relative;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  color: var(--ink-900);
  transition: opacity var(--dur) var(--ease);
  box-shadow: none;
}

.use_hover .icon-btn:hover {
  opacity: .55;
}

.icon-btn svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.15;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.tools .t-account {
  display: none;
}

@media screen and (min-width: 768px) {
  .tools .t-account {
    display: grid;
  }
}

.cart-count {
  position: absolute;
  top: 6px;
  right: 4px;
  min-width: 15px;
  height: 15px;
  padding-inline: 4px;
  display: grid;
  place-items: center;
  font-family: var(--font-en);
  font-size: 9.5px;
  color: var(--paper);
  background: var(--gold);
  border-radius: 999px;
  line-height: 1;
}

.burger {
  display: grid;
  justify-self: start;
}

@media screen and (min-width: 1024px) {
  .burger {
    display: none;
  }
}


.mega {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: var(--paper);
  border-top: 1px solid var(--line-soft);
  box-shadow: 0 18px 30px -22px rgba(43,39,36,.22);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  z-index: 99;
  transition: opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility var(--dur);
  display: none;
}

@media screen and (min-width: 1024px) {
  .mega {
    display: block;
  }
}

.mega.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.mega-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr .78fr;
  gap: var(--s-7);
  padding-block: var(--s-7) var(--s-8);
}

.mega h3 {
  margin: 0 0 var(--s-4);
  font-family: var(--font-en);
  font-size: 10.5px;
  font-weight: 400;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--ink-500);
  padding-bottom: var(--s-3);
  border-bottom: 1px solid var(--line-soft);
}

.mega h3 .jp {
  font-family: var(--font-jp);
  font-size: 11px;
  letter-spacing: .08em;
  margin-left: 10px;
  text-transform: none;
  color: var(--ink-300);
}

.mega-list a, .mega-list A.nav_btn {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--s-4);
  padding: 8px 0;
  font-size: 13.5px;
  color: var(--ink-900);
  border-bottom: 1px solid transparent;
  transition: border-color var(--dur) var(--ease),padding-left var(--dur) var(--ease);
}

.use_hover .mega-list a:hover, .use_hover .mega-list A.nav_btn:hover {
  border-color: var(--gold-pale);
  padding-left: 6px;
}

.mega-ext .meta {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.mega-ext .meta svg {
  width: 11px;
  height: 11px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.5;
}

.mega-list .meta {
  font-family: var(--font-en);
  font-size: 10.5px;
  color: var(--ink-300);
  font-variant-numeric: tabular-nums;
  letter-spacing: .08em;
}

.mega-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: var(--s-4);
  font-family: var(--font-en);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ink-900);
  border-bottom: 1px solid var(--ink-900);
  padding-bottom: 3px;
}

.use_hover .mega-all:hover {
  color: var(--gold);
  border-color: var(--gold);
}

.mega-block+.mega-block {
  margin-top: var(--s-6);
}

.mega-feature {
  display: block;
}

.mega-feature .visual {
  aspect-ratio: 3/2;
  background: var(--beige-100);
  position: relative;
  overflow: hidden;
  border-radius: var(--radius);
}

.mega-feature .global_photo {
  aspect-ratio: unset;
  overflow: visible;
  /*aspect-ratio: 3 / 2;
  overflow: hidden;*/
}

.mega-feature .global_photo img {
  height: auto !important;
  max-width: 200px!important;
  width: 100% !important;
  object-fit: unset;
  /*object-fit: cover!important;
  object-position: center;
  height: 100%!important;
  width: 100%!important;*/
}

.mega-feature .visual svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

:is(#p-gift,#p-story,#p-care) .visual img {
  object-fit: cover;
  height: 100%;
}

.mega-feature .cap {
  margin-top: var(--s-4);
}

:is(#p-shop,#p-col) .mega-feature .cap {
  margin-top: 0px;
}

.mega-feature .cap .title-label {
  display: block;
  color: var(--gold);
  margin-bottom: 8px;
}

.mega-feature .cap strong {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: var(--ink-900);
  border-bottom: 1px solid transparent;
  transition: border-color var(--dur) var(--ease);
}

.mega-feature .cap > span:not(.title-label) {
  display: block;
  font-size: 12.5px;
  color: var(--ink-500);
  margin-top: 4px;
}

.mega-feature .cap .num {
  display: inline;
}

.use_hover .mega-feature:hover .cap strong {
  border-color: var(--gold);
}

.mega-note {
  display: flex;
  gap: var(--s-3);
  align-items: center;
  margin-top: var(--s-5);
  padding: var(--s-3) var(--s-4);
  background: var(--beige-50);
  border-radius: var(--radius);
}

.mega-note svg {
  width: 18px;
  height: 18px;
  stroke: var(--gold);
  fill: none;
  stroke-width: 1.2;
  flex: none;
}

.mega-note p {
  margin: 0;
  font-size: 12px;
  line-height: 1.7;
  color: var(--ink-600);
}

/* --- グローバルナビの日本語ラベル（既定＝OFF。読み込み中に一瞬出ないよう、属性なしで常に隠す 2026-10-15）--- */
body {
  --nav-gap: 40px;
}

@media screen and (min-width:1280px) {
  body {
    --nav-gap: 60px;
  }
}

body .nav-link .jp {
  display: none;
}

body .nav-link {
  gap: 0;
}

body .nav-link::after {
  bottom: 28px;
}

body .header.is-stuck .nav-link::after {
  bottom: 16px;
}


/* スマホ用メニュー */
.drawer {
  position: fixed;
  inset: 0;
  z-index: 190;
  background: var(--paper);
  transform: translateX(100%);
  transition: transform var(--dur) var(--ease);
  overflow-y: auto;
  display: block;
}

@media screen and (min-width: 1024px) {
  .drawer {
    display: none;
  }
}

.drawer.is-open {
  transform: translateX(0);
}

.drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  border-bottom: 1px solid var(--line-soft);
}

.drawer-account {
  display: flex;
  align-items: center;
  gap: var(--s-3);
  margin-top: var(--s-4);
  padding: 11px var(--s-4);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--beige-50);
}

.drawer-account .ic {
  width: 18px;
  height: 18px;
  stroke: var(--ink-900);
  fill: none;
  stroke-width: 1.2;
  flex: none;
}

.drawer-account .tx {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--ink-900);
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.drawer-account .arw {
  width: 14px;
  height: 14px;
  stroke: var(--ink-300);
  fill: none;
  stroke-width: 1.3;
  flex: none;
}

.drawer nav {
  padding-block: var(--s-5) var(--s-8);
}

.drawer nav > a, .drawer .acc-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 18px 0;
  border-bottom: 1px solid var(--line-soft);
  color: var(--ink-900);
  box-shadow: none;
  border-radius: 0px;
}

.drawer .t-en {
  font-family: var(--font-en);
  font-size: 12.5px;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.drawer .t-jp {
  font-size: 11px;
  color: var(--ink-500);
  margin-left: 12px;
  letter-spacing: .08em;
}

.acc-body {
  display: none;
  padding-block: var(--s-2) var(--s-4);
}

.acc-body.is-open {
  display: block;
}

.acc-body a {
  display: block;
  padding: 11px 0 11px 14px;
  font-size: 13.5px;
  color: var(--ink-700);
  border-left: 1px solid var(--line);
}

.use_hover .acc-body a:hover {
  border-left-color: var(--gold);
  color: var(--ink-900);
}


/* 右上ボタン */
.header_search_bar.is-open {
  display: block !important;
}

.cart-count:empty {
  display: none;
}


/* メニュー周り既存の指定削除 */
.responsive .mega-list .column1 .inner_main_nav .wrapped_item {
  width: 100%;
}

:is(.mega-list,.chips) .inner_main_nav .nav_btn,
.use_hover .mega-list .inner_main_nav .nav_btn:hover {
  background-color: transparent;
}

:is(.mega-list,.chips) .inner_main_nav .nav_btn .fa::before {
  content: "";
}

.responsive .chips .column1 .inner_main_nav .wrapped_item {
  width: auto;
}

.mega-feature .item_box.main_box, .mega-feature .tiled_list_box, .mega-feature .itemlist_box .inner_item_data {
  padding: 0px!important;
}

.mega-feature .list_item_data :is(.model_number,.common_icon,.item_info), .mega-feature .add_cart {
  display: none;
}

.item_name::before {
  display: block;
  color: var(--gold);
  margin-bottom: 8px;
  font-family: var(--font-en);
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-weight: 400;
}

#p-shop .mega-feature .item_name::before {
  content: "BEST SELLER";
}

#p-col .mega-feature .item_name::before {
  content: "DESIGN";
}


/* 商品検索 */
#container:not(.has_min_nav, .use_folding_header) .search_bar:not(.hidden_search_bar) .search {
  background-color: #FFF;
  padding-bottom: 20px;
}

.ocnk020.responsive .search_bar:has(.global_btn .searchinput) .search {
  background-color: #FFF;
}

#header_wrapper:not(.min_header) .search_form {
  border-bottom: 1px solid #000;
  display: inline-block;
  padding: 0 20px;
}

.search_close.icon_btn {
  border: none;
}

.use_hover .search_close.icon_btn:hover {
  border: none;
  background-color: transparent;
  transform: none;
  opacity: .7;
}


/* ================================= */
/* トップ画像 */
/* ================================= */
/*.ocnk007.responsive:not(:where(.touch006,.touch008,.touch010)) #photo .item_image_box img {
  object-fit:cover;
  height:clamp(465px, 354.987px + 29.337vw, 580px);
}
@media screen and (min-width: 600px) {
  .ocnk007.responsive:not(:where(.touch006,.touch008,.touch010)) #photo .item_image_box img {
    height:clamp(440px, 196.962px + 31.646vw, 640px);
  }
}*/

.ocnk007.responsive:not(:where(.touch006,.touch008,.touch010)) #photo .top_image_slide .item_image {
  width: 100%;
  height: calc(100vh - var(--topimage-h));
  height: calc(100svh - var(--topimage-h));
  min-height: 420px;
  object-fit: cover;
  object-position: center;
}

.responsive .image_annotation {
  padding: 0;
  max-width: 100%;
  height: 100%;
  margin: 0;
  text-align: center;
  transition: max-width var(--dur) var(--ease), padding-inline var(--dur) var(--ease);
}

.inner_image_annotation {
  background-color: transparent;
  width: 100%;
  text-align: left;
  height: 100%;
}

.inner_image_annotation::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(251, 248, 243, 0) 26%, rgba(251, 248, 243, .46) 58%, rgba(251, 248, 243, .86) 100%);
}

@media screen and (min-width: 600px) {
  .inner_image_annotation::after {
    background: linear-gradient(90deg,rgba(251,248,243,.58) 0%,rgba(251,248,243,.30) 30%,rgba(251,248,243,0) 54%);
  }
}

.hero {
  position: relative;
  overflow: hidden;
  padding-inline: var(--wrap-pad);
  max-width: 1400px;
  margin: auto;
  height: 100%;
}

@media screen and (min-width: 600px) {
  .hero {
    height: auto;
  }
}

.hero-inner {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: max(420px, calc(100svh - var(--topimage-h)));
  transition: min-height var(--dur) var(--ease);
  align-items: flex-end;
  padding-bottom: var(--s-7);
  height: 100%;
}

@media screen and (min-width: 600px) {
  .hero-inner {
    align-items: center;
    padding-bottom: 0;
    height: auto;
  }
}

.hero-copy {
  width: 100%;
}

/*@media screen and (min-width: 600px) {
  .hero-copy {width:min(420px,54%);}
}
@media screen and (min-width: 1024px) {
  .hero-copy {width:min(420px,42%);}
}*/

/* 見出しだけ明朝。FVは「読ませる」より「気配をつくる」場所なので、本文ゴシックとは別扱いにする */
.hero h1,
.hero .hero-title /* スライド2枚目以降の見出し（h1 はページに1つにするため p にしている） */ {
  margin: 0 0 var(--s-4);
  font-family: var(--font-mc);
  font-weight: 400;
  font-size: clamp(25px,2.8vw,36px);
  line-height: 1.5;
  letter-spacing: .125em;
  color: var(--ink-900);
}

.hero p {
  margin: 0 0 var(--s-6);
  font-size: 17px;
  font-weight: 300;
  line-height: 1.9;
  color: var(--ink-700);
  letter-spacing: .06em;
}


/* ================================= */
/* カテゴリ一覧 */
/* ================================= */
.cat-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: var(--s-6) var(--tile-gap);
  transition: gap var(--dur) var(--ease);
}

@media screen and (min-width: 768px) {
  .cat-grid {
    grid-template-columns: repeat(3,1fr);
  }
}

@media screen and (min-width: 1024px) {
  .cat-grid {
    grid-template-columns: repeat(6,1fr);
    gap: var(--tile-gap);
  }
}

.cat-card {
  font-weight: 400;
}

.cat-card .visual {
  border-radius: var(--radius);
  overflow: hidden;
  position: relative;
}

.cat-card .cap {
  text-align: center;
  padding-top: var(--s-3);
}

.cat-card .cap .en {
  display: block;
  font-family: var(--font-en);
  font-size: 14px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--ink-900);
}

.cat-card .cap .jp {
  display: block;
  font-size: 13.5px;
  color: var(--ink-500);
  margin-top: 5px;
  letter-spacing: .08em;
}


/* ================================= */
/* Best Sellers */
/* ================================= */
.main_ranking_item_box {
  background: var(--beige-50);
}

.ocnk016.responsive .ranking_navigation.anchor_nav_area .nav_btn {
  background-color: #F5EFE5;
  border: 1px solid #F5EFE5;
  color: #999;
}

.ocnk016.responsive.use_hover .ranking_navigation.anchor_nav_area .nav_btn:hover {
  background-color: #fcfbf8;
  border: 1px solid #fcfbf8;
  border-bottom: 1px solid #fcfbf8;
}

.ocnk016.responsive .ranking_navigation.anchor_nav_area .nav_btn.nav_on {
  border: 1px solid #BEB4A6;
  border-bottom: 1px solid var(--beige-50);
  color: #BEB4A6;
  background: var(--beige-50);
  pointer-events: none;
}

.ocnk002.responsive .ranking_numbers_only .item_data .rankno,
.ocnk002.responsive .ranking_numbers_only .list_item_photo .rankno {
  color: #8C8378;
  background-color: #F5F5F5;
}


/* ================================= */
/* Neos */
/* ================================= */
#pickup_item .inner_maincontents {
  max-width: 1200px;
}

a.pickup, .pickup {
  background: var(--beige-100);
  border-radius: var(--radius);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  font-weight: 400;
}

.pickup .tx {
  padding: 50px 20px;
}

.pickup .title-label {
  display: block;
  color: var(--gold);
  margin-bottom: var(--s-4);
}

.pickup h3 {
  margin: 0 0 var(--s-3);
  font-size: 20px;
  font-weight: 500;
  color: var(--ink-900);
  line-height: 1.7;
}

.pickup p {
  margin: 0 0 var(--s-5);
  font-size: 15px;
  color: var(--ink-600);
}

.pickup .visual {
  aspect-ratio: 16/7;
  background: var(--beige-200);
  position: relative;
  overflow: hidden;
  height: 100%;
}

.pickup .visual img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .pickup .tx {
    padding: var(--s-8) var(--s-7);
  }

  .pickup h3 {
    font-size: 22px;
  }
}

@media screen and (min-width: 1024px) {
  a.pickup, .pickup {
    grid-template-columns: 1fr 1.3fr;
  }
}


/* ================================= */
/* New Arrivals */
/* ================================= */
.main_box.item_new {
  padding-top: 0px;
}


/* ================================= */
/* DAILY STYLE */
/* ================================= */
#diary_style {
  background: var(--beige-50);
}

.scene-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tile-gap);
}

@media screen and (min-width: 768px) {
  .scene-grid {
    grid-template-columns: repeat(3,1fr);
  }
}

.scene-card {
  position: relative;
  aspect-ratio: 4/3;
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--beige-200);
  display: block;
}

.scene-card svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transition: transform 700ms var(--ease);
}

.scene-card .tx {
  position: absolute;
  left: var(--s-5);
  bottom: var(--s-5);
  z-index: 2;
  color: var(--paper);
  text-shadow: 0 1px 12px rgba(43,39,36,.45);
}

.scene-card .tx .en {
  display: block;
  font-family: var(--font-en);
  font-size: 17px;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.scene-card .tx .jp {
  display: block;
  font-size: 14px;
  margin-top: 6px;
  letter-spacing: .08em;
}

.scene-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to top,rgba(43,39,36,.34),rgba(43,39,36,0) 55%);
}


/* ================================= */
/* MATERIAL & QUALITY */
/* ================================= */
.trio {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tile-gap);
}

@media screen and (min-width: 768px) {
  .trio {
    grid-template-columns: repeat(3,1fr);
  }
}

.trio .visual {
  aspect-ratio: 16/10;
  background: var(--beige-100);
  border-radius: var(--radius);
  overflow: hidden;
  position: relative;
}

.trio .visual svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.trio h4 {
  margin: var(--s-3) 0 7px;
  font-size: 16px;
  font-weight: 500;
  color: var(--ink-900);
}

.trio p {
  margin: 0;
  font-size: 15px;
  color: var(--ink-500);
  line-height: 1.85;
}

/* 2枚組（GIFT / SUPPORT）。3列のまま2枚置くと右に空きができるため列数を変える。
   ただし2列は1枚が広くなり 16/10 のままだと画像が高くなりすぎるので、横長に寄せて高さを抑える */
.trio-duo {
  grid-template-columns: 1fr;
}

@media screen and (min-width: 768px) {
  .trio-duo {
    grid-template-columns: repeat(2,1fr);
  }
}

.trio-duo .visual {
  aspect-ratio: 16/7;
}

/* 品質の3項目は 01/02/03 と番号で並べ、「読むもの」ではなく「確認するもの」に見せる */
.trio-num .no {
  display: block;
  margin-top: var(--s-3);
  font-family: var(--font-en);
  font-size: 13.5px;
  letter-spacing: .2em;
  color: var(--gold);
}

.trio-num h4 {
  margin-top: 8px;
}


/* ================================= */
/* REAL VOICE */
/* ================================= */
#real_voice {
  background: var(--beige-50);
}

.voice {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--s-8);
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .voice {
    grid-template-columns: .85fr 2.4fr;
  }
}

.voice-sum .title-label {
  display: block;
  margin-bottom: var(--s-4);
}

.voice-sum .score {
  font-family: var(--font-en);
  font-size: 44px;
  color: var(--ink-900);
  line-height: 1;
  letter-spacing: .02em;
}

.voice-sum .stars {
  color: var(--gold);
  font-size: 16px;
  letter-spacing: .16em;
  margin-top: var(--s-3);
}

.voice-sum .cnt {
  display: block;
  font-size: 14px;
  color: var(--ink-500);
  margin-top: var(--s-3);
  line-height: 1.9;
}

.voice-sum .src {
  font-size: 13px;
  color: var(--ink-300);
  letter-spacing: .04em;
}

.voice-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--tile-gap);
}

@media screen and (min-width: 1024px) {
  .voice-list {
    grid-template-columns: repeat(3,1fr);
  }
}

.voice-card {
  background: var(--paper);
  border: 1px solid var(--line-soft);
  border-radius: var(--radius);
  padding: var(--s-5);
}

.voice-card .stars {
  color: var(--gold);
  font-size: 14.5px;
  letter-spacing: .14em;
}

.voice-card p {
  margin: var(--s-3) 0 var(--s-4);
  font-size: 15px;
  line-height: 1.9;
  color: var(--ink-700);
}

.voice-card .who {
  font-size: 13.5px;
  color: var(--ink-500);
  letter-spacing: .06em;
}


/* ================================= */
/* JOURNAL */
/* ================================= */
#journal {
  background: var(--beige-50);
}

.j-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: var(--tile-gap);
}

.j-card {
  text-align: left;
}

.j-card .visual {
  border-radius: var(--radius);
  overflow: hidden;
  position: relative;
}

.j-card .tag {
  display: inline-block;
  margin-top: var(--s-3);
  font-family: var(--font-en);
  font-size: 12.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--gold);
}

.j-card h4 {
  margin: 6px 0 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--ink-900);
  line-height: 1.75;
}

@media (max-width: 767px) {
  .journal-swiper.swiper {
    overflow: hidden;
    position: relative;
  }

  /* スマホではgridを解除し、Swiperが制御するflexレイアウトに切り替える */
  .journal-swiper .swiper-wrapper.j-grid {
    display: flex;
  }

  .journal-swiper .swiper-slide {
    flex-shrink: 0;
    height: auto;
  }

  .journal-swiper .j-card {
    margin-right: 0!important;
  }
}

@media screen and (min-width: 768px) {
  .j-grid {
    grid-template-columns: repeat(3,1fr);
  }
}

@media screen and (min-width: 840px) {
  .j-card h4 {
    font-size: 15.5px;
  }
}


/* ================================= */
/* フッター */
/* ================================= */
#footer_container {
  background: var(--sage-bg);
  border-top: 1px solid var(--sage-line);
  padding: var(--s-8) 10px var(--s-6);
}

#footer_container #footer_wrapper {
  max-width: 1400px;
  margin: 0 auto;
}

#inner_contents_bottom, #inner_footer_free_top {
  padding: 0px;
}

.footer_area {
  background-color: transparent;
}

.footer_nav {
  background-color: transparent;
}

@media screen and (min-width: 500px) {
  #footer_container {
    padding: var(--s-8) 40px var(--s-6);
  }
}

/* 上の余白は 96px→64px。フッター先頭が LINE 枠になったので、
   コンテンツとの間をこれ以上空けると枠が浮いて見える */
.inner_footer_nav_column {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: var(--s-8);
  padding-bottom: var(--s-8);
  border-bottom: 1px solid var(--line-soft);
}

@media screen and (min-width: 1024px) {
  .inner_footer_nav_column {
    grid-template-columns: 1fr 3.1fr;
  }
}

.footer_nav_column.nav_max_column2 .inner_footer_nav {
  width: 100%;
}

li.footer_nav_item.wrapped_item.f_info {
  display: none;
}

.foot-brand {
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .foot-brand {
    text-align: left;
  }
}

.foot-brand .brand-mark {
  font-size: 22.5px;
}

.foot-brand .brand-sub {
  margin-top: 8px;
}

.foot-brand p {
  margin: var(--s-5) 0 0;
  font-size: 12px;
  color: var(--ink-500);
  line-height: 1.9;
}

.foot-sns {
  display: flex;
  gap: var(--s-3);
  margin-top: var(--s-5);
  justify-content: center;
}

@media screen and (min-width: 1024px) {
  .foot-sns {
    justify-content: flex-start;
  }
}

.foot-sns a {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--ink-700);
}

.use_hover .foot-sns a:hover {
  border-color: var(--ink-900);
  color: var(--ink-900);
}

.foot-sns svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.3;
}

/* LINE だけは塗りのシルエット。線画の吹き出しは汎用チャットに見えてしまう */
.foot-sns .ic-line {
  width: 17px;
  height: 17px;
}

.foot-sns .ic-line > path:first-child {
  fill: currentColor;
  stroke: none;
}

.foot-nav {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: var(--s-6) var(--s-4);
}

@media screen and (min-width: 1024px) {
  .foot-nav {
    grid-template-columns: repeat(3,1fr);
  }
}

@media screen and (min-width: 1280px) {
  .foot-nav {
    grid-template-columns: repeat(5,1fr);
  }
}

.foot-nav h4 {
  margin: 0 0 var(--s-4);
  font-family: var(--font-en);
  font-size: 10.5px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--ink-900);
  font-weight: 400;
}

.foot-nav a {
  display: block;
  padding: 3px 0;
  font-size: 12.5px;
  color: var(--ink-600);
  line-height: 1.7;
}

.use_hover .foot-nav a:hover {
  color: var(--ink-900);
}

.foot-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-5);
  flex-wrap: wrap;
  margin-bottom: var(--s-7);
  padding: var(--s-5) var(--s-6);
  border: 1px solid var(--sage-line);
  border-radius: var(--radius);
  background: var(--paper);
}

.foot-line .title-label {
  display: block;
  color: var(--ink-300);
  margin-bottom: 6px;
}

.foot-line strong {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: var(--ink-900);
  letter-spacing: .04em;
}

.foot-line .tx > span:last-child {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: var(--ink-500);
  line-height: 1.8;
}

.foot-line .linkbtn {
  height: 46px;
  padding-inline: 24px;
  flex: none;
}

.foot-line .ic-line {
  width: 17px;
  height: 17px;
  fill: currentColor;
  stroke: none;
  flex: none;
}

.foot-pay {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--s-3) var(--s-5);
  /*padding-top:var(--s-6);*/
  margin-top: var(--s-2);
}

.foot-pay ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-2);
}

.foot-pay li {
  padding: 5px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  font-size: 11.5px;
  color: var(--ink-600);
  background: var(--paper);
}

.foot-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  margin-top: var(--s-5);
  padding-top: var(--s-5);
  border-top: 1px solid var(--line-soft);
  font-size: 11px;
  color: var(--ink-500);
}

.foot-bottom .links {
  display: flex;
  gap: var(--s-5);
  flex-direction: column;
}

@media screen and (min-width: 768px) {
  .foot-bottom {
    flex-direction: row;
    gap: var(--s-4);
  }

  .foot-bottom .links {
    flex-direction: row;
  }
}


/* ================================= */
/* アクセシビリティ（グローバル設定のため個別セクションに属さない） */
/* ================================= */
@media screen and (prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }

  html {
    scroll-behavior: auto;
  }
}


/* # =================================================================
# 
# ↑　おちゃのこネットデザイン作成プラン　↑
#             2026.09.28 upload
# 
# ================================================================= */

/* ===== ASOM 追加：特定商取引法表示（/info）をASOMの色に（2026-09-29） ===== */
/* おちゃのこ標準のグレーの見出し帯と、販売主（h1）の大きな太字を、生成り・こげ茶・細い線に。カート等の画面と同じ色 */
body:has(.page_box.legal) .page_title :is(h1,h2){color:#2B2724;font-weight:500;letter-spacing:.14em;}
.page_box.legal dt.contents_title{background:#FBF8F3 !important;border:0 !important;border-bottom:1px solid #EDE4D6 !important;border-radius:2px;}
.page_box.legal .contents_header{color:#2B2724;font-size:14px;font-weight:500;letter-spacing:.08em;}
.page_box.legal dd.contents_desc{color:#4F4841;line-height:1.95;letter-spacing:.03em;}
.page_box.legal dd.contents_desc h1{font-size:15px;font-weight:500;letter-spacing:.06em;color:#2B2724;margin:0;line-height:1.8;}
.page_box.legal dd.contents_desc a{color:#8C6D35;}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：ご利用案内（/help）をASOMの色に（2026-09-29） ===== */
/* /info と同じ：見出し帯＝生成り＋細い下線、文字こげ茶、目次ボタンの枠をベージュに */
.help_page_body .page_title h2{color:#2B2724;font-weight:500;letter-spacing:.14em;}
.page_box.help .section_title h3{background:#FBF8F3 !important;border:0 !important;border-bottom:1px solid #EDE4D6 !important;border-radius:2px;color:#2B2724;font-weight:500;letter-spacing:.08em;}
.page_box.help h4{border-bottom-color:#EDE4D6 !important;color:#2B2724;font-weight:500;letter-spacing:.04em;}
.page_box.help .nav_btn{border-color:#E7DFD2 !important;color:#2B2724;letter-spacing:.06em;}
.page_box.help .nav_btn:hover{background:#FBF8F3;}
.page_box.help :is(p,dd,li,td){color:#4F4841;}
.page_box.help th{background:#FBF8F3 !important;color:#2B2724;font-weight:500;}
.page_box.help :is(th,td){border-color:#EDE4D6 !important;}
.page_box.help a:not(.nav_btn){color:#8C6D35;}
.page_box.help dd{background:#FBF8F3 !important;}
.page_box.help img[src*="kuronekoyamato"]{max-width:490px;height:auto;margin-top:10px;}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：トップ HERO の4枚目は右寄りに表示（幅の狭い PC・タブレットでも首もとのネックレスとリングが切れないように。2026-09-30） ===== */
@media (min-width:601px){
  .top_image_slide .top_picture_4 .item_image{object-position:100% 50% !important;}
}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：トップ HERO の4枚目、タブレット幅（601〜875px）はコピーを下に寄せてリングと重ならないように（2026-09-30） ===== */
@media (min-width:601px) and (max-width:875px){
  .top_image_slide .top_picture_4 .hero-inner{align-items:flex-end !important;padding-bottom:40px !important;}
  .top_image_slide .top_picture_4 .inner_image_annotation::after{background:linear-gradient(rgba(251,248,243,0) 35%,rgba(251,248,243,.5) 62%,rgba(251,248,243,.88) 100%) !important;}
}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：ベストセラー／ランキングの集計元の注記（2026-09-30、ユーザー決定の文言。入れ替え時は期間も更新） ===== */
.main_ranking_item_box .section_title::after,
.ranking_page_body .page_title::after{content:"楽天市場での販売実績（2026年1〜9月）をもとに集計";display:block;margin-top:8px;font-size:11px;font-weight:400;letter-spacing:.04em;color:#8a8178;text-align:center;}
.ranking_page_body .page_title::after{text-align:left;margin-top:6px;padding-left:10px;}
.main_ranking_item_box .section_title::after{margin-top:-22px;margin-bottom:14px;}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：トップのベストセラー・新着をタブレット幅（601〜1023px）では3列に（5＋1の中途半端な2行を避ける。2026-09-30） ===== */
@media (min-width:601px) and (max-width:1023px){
  :is(.main_ranking_item_box,.main_new_item_box) .tiled_list > .list_item_cell{width:33.3333% !important;flex-basis:33.3333% !important;max-width:33.3333% !important;}
}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：トップのベストセラーと新着の上の余白をそろえる（ベストセラーは広すぎ、新着は0だった。2026-09-30） ===== */
.main_ranking_item_box .main_box{padding-top:40px !important;}
.main_new_item_box .main_box.item_new{padding-top:40px !important;}
@media (min-width:980px){
  .main_ranking_item_box .main_box{padding-top:56px !important;}
  .main_new_item_box .main_box.item_new{padding-top:56px !important;}
}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：注文画面「ご用途」の下に贈りものの説明（2026-09-30。用途・オプション設定の文言を短くしたので、詳しい説明はここに） ===== */
.shoppingcart_page_body .cart_option_data .select_box select{min-width:300px;max-width:100%;}
.shoppingcart_page_body .cart_option_data .form_element::after{content:"ラッピング：化粧箱にリボンをかけ、手提げ袋をお付けします。\A 資材を同梱：ご自身で包まれる方へ、リボン・シール・手提げ袋をお入れします。";white-space:pre-line;display:block;margin:10px 0 4px;padding:0 4px;font-size:14px;line-height:1.9;letter-spacing:.02em;color:#4F4841;}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：注文画面の青い色をASOMの色に（選んだお支払い方法の行・ラジオ／チェック・ご用途とお届け日のプルダウン。2026-09-30） ===== */
.shoppingcart_page_body .checked_row, .shoppingcart_page_body .checked_row .radio_selection_box{background:#FBF8F3 !important;}
.shoppingcart_page_body input[type=radio], .shoppingcart_page_body input[type=checkbox]{accent-color:#8C6D35;}
/* プルダウンの中の色は、対応しているブラウザ（Chrome・Edge の新しい版）だけ変わる。ほかはこれまでどおり */
@supports (appearance: base-select){
  .shoppingcart_page_body .cart_option_data select, .shoppingcart_page_body .shipping_date_selection{appearance:base-select;min-height:40px;padding:0 12px;display:inline-flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #E7DFD2;border-radius:2px;background:#fff;font-size:16px;color:#2B2724;}
  .shoppingcart_page_body .shipping_date_selection{min-width:150px;}
  .shoppingcart_page_body .cart_option_data select::picker-icon, .shoppingcart_page_body .shipping_date_selection::picker-icon{color:#8C6D35;font-size:11px;}
  .shoppingcart_page_body .cart_option_data select::picker(select), .shoppingcart_page_body .shipping_date_selection::picker(select){appearance:base-select;border:1px solid #E7DFD2;border-radius:2px;background:#fff;padding:4px 0;box-shadow:0 6px 18px rgba(43,39,36,.08);}
  .shoppingcart_page_body .cart_option_data select option, .shoppingcart_page_body .shipping_date_selection option{padding:8px 14px;color:#2B2724;}
  .shoppingcart_page_body .cart_option_data select option:hover, .shoppingcart_page_body .shipping_date_selection option:hover{background:#F3ECE0;}
  .shoppingcart_page_body .cart_option_data select option:checked, .shoppingcart_page_body .shipping_date_selection option:checked{background:#FBF8F3;font-weight:500;}
  .shoppingcart_page_body .cart_option_data select option::checkmark, .shoppingcart_page_body .shipping_date_selection option::checkmark{color:#8C6D35;}
}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：お届け日のカレンダー（ブラウザ標準、青・令和表記は変えられない）の入口を隠し、プルダウンだけにする（2026-09-30、ユーザー決定） ===== */
.shoppingcart_page_body .delivery_date_selection .date_edit_label,
.shoppingcart_page_body .delivery_date_selection input[type=date]{display:none !important;}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：パイプロープチェーンの交換サービスをカードに（商品ページ説明欄 .asom-exchange、2026-09-30） ===== */
.asom-note.asom-exchange{margin:20px 0 !important;padding:18px 20px !important;background:#FBF8F3 !important;border:1px solid #EDE4D6;border-left:3px solid #8C6D35;border-radius:2px;font-size:13.5px !important;line-height:1.95 !important;color:#4F4841 !important;}
.asom-note.asom-exchange p{margin:0 0 6px !important;font-size:inherit !important;line-height:inherit !important;color:inherit !important;}
.asom-note.asom-exchange ul{list-style:none;margin:0 !important;padding:0 !important;}
.asom-note.asom-exchange li{position:relative;margin:4px 0 0;padding-left:1.1em;list-style:none;}
.asom-note.asom-exchange li::before{content:"・";position:absolute;left:0;top:0;color:#8C6D35;}
.asom-note.asom-exchange strong{display:block;margin-bottom:6px;font-size:15px;font-weight:500;letter-spacing:.06em;color:#2B2724;}
/* ===== ASOM 追加 ここまで ===== */


/* ASOM フッター最下部のリンク（利用規約など）：スマホでも1行に並べる（2026-09-30） */
@media (max-width:767px){
  .foot-bottom{gap:16px}
  .foot-bottom .links{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px 20px}
  .foot-bottom .links a{white-space:nowrap}
}


/* ASOM メルマガ登録ページ（/mail）をブランドの見え方に（2026-09-30） */
body.mailmagazine_page_body .mailmagazine .page_title{text-align:center;margin:clamp(28px,4vw,48px) 0 clamp(18px,3vw,28px)}
body.mailmagazine_page_body .mailmagazine .page_title h2{border:0!important;background:none!important;padding:0!important}
body.mailmagazine_page_body .mailmagazine .page_title h2::before,body.mailmagazine_page_body .mailmagazine .page_title h2::after{display:none!important}
body.mailmagazine_page_body .mailmagazine .page_title .title_text{font-size:0!important;letter-spacing:0}
body.mailmagazine_page_body .mailmagazine .page_title .title_text::before{content:"Newsletter";display:block;font-family:"Cormorant Garamond","Times New Roman",serif;font-style:italic;font-weight:300;font-size:clamp(34px,5vw,48px);letter-spacing:.04em;color:#2B2724;line-height:1.1}
body.mailmagazine_page_body .mailmagazine .page_title .title_text::after{content:"ニュースレター";display:block;margin-top:8px;font-size:12px;letter-spacing:.24em;color:#766D63}
body.mailmagazine_page_body .mailmagazine .page_contents{max-width:560px;margin:0 auto}
body.mailmagazine_page_body .mailmagazine .contents_box,body.mailmagazine_page_body .mailmagazine .inner_contents_box{border:0!important;background:none!important;padding:0!important;box-shadow:none!important}
body.mailmagazine_page_body .mailmagazine_box{text-align:center}
body.mailmagazine_page_body .mailmagazine_subscribe_title label,body.mailmagazine_page_body .mailmagazine_unsubscribe_title label{font-size:0!important}
body.mailmagazine_page_body .mailmagazine_subscribe_title,body.mailmagazine_page_body .mailmagazine_unsubscribe_title{border:0!important;background:none!important;padding:0!important;margin:0!important}
body.mailmagazine_page_body .mailmagazine_subscribe_title label::after{content:"新作のお知らせや、ジュエリーの読みものをお届けします。";font-family:"Shippori Mincho","Yu Mincho",serif;font-size:15.5px;letter-spacing:.14em;color:#2B2724;line-height:2}
body.mailmagazine_page_body .mailmagazine .global_note{list-style:none;margin:10px 0 0!important;padding:0!important}
body.mailmagazine_page_body .mailmagazine .global_note li{font-size:12.5px!important;line-height:1.9;color:#766D63;letter-spacing:.04em;padding:0!important;text-indent:0!important}
body.mailmagazine_page_body .mailmagazine .global_note .list_icon_circle{display:none!important}
body.mailmagazine_page_body #mailmagazine_subscribe_form .global_note li{font-size:0!important}
body.mailmagazine_page_body #mailmagazine_subscribe_form .global_note li::after{content:"新作や受注のご案内、季節の着け合わせのヒントなどをお送りします。";font-size:12.5px;color:#766D63;letter-spacing:.04em}
body.mailmagazine_page_body .mailmagazine_form_area{max-width:380px;margin:26px auto 0}
body.mailmagazine_page_body .mailmagazine_form_area .form_data,body.mailmagazine_page_body .mailmagazine_form_area .cell_box{border:0!important;padding:0!important;background:none!important}
body.mailmagazine_page_body .mailmagazine input[type=email]{width:100%!important;border:0!important;border-bottom:1px solid #2B2724!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;height:auto!important;padding:10px 2px!important;font-size:14px!important;letter-spacing:.06em;text-align:center}
body.mailmagazine_page_body .mailmagazine input[type=email]::placeholder{color:#A69C90}
body.mailmagazine_page_body .mailmagazine .btn_box{margin-top:22px!important}
body.mailmagazine_page_body .mailmagazine button.subscribeinput{min-width:220px!important;width:auto!important;height:48px!important;padding:0 36px!important;background:#2B2724!important;border:1px solid #2B2724!important;border-radius:2px!important;color:#fff!important;font-size:0!important;box-shadow:none!important}
body.mailmagazine_page_body .mailmagazine button.subscribeinput .button_text{font-size:0!important}
body.mailmagazine_page_body .mailmagazine button.subscribeinput::after{content:"SUBSCRIBE";font-family:"Jost",sans-serif;font-size:12.5px;letter-spacing:.3em;color:#fff}
body.mailmagazine_page_body .mailmagazine button.subscribeinput:hover{background:#B08E4F!important;border-color:#B08E4F!important}
body.mailmagazine_page_body #mailmagazine_unsubscrib_form{margin-top:clamp(44px,6vw,64px);padding-top:clamp(28px,4vw,36px);border-top:1px solid #E7DFD2}
body.mailmagazine_page_body .mailmagazine_unsubscribe_title label::after{content:"配信の停止";font-size:13px;letter-spacing:.2em;color:#4F4841}
body.mailmagazine_page_body #mailmagazine_unsubscrib_form .global_note li{font-size:0!important}
body.mailmagazine_page_body #mailmagazine_unsubscrib_form .global_note li::after{content:"ご登録のメールアドレスを入力してください。";font-size:12px;color:#9A9087;letter-spacing:.04em}
body.mailmagazine_page_body #mailmagazine_unsubscrib_form .mailmagazine_form_area{max-width:320px;margin-top:16px}
body.mailmagazine_page_body #mailmagazine_unsubscrib_form input[type=email]{font-size:13px!important;border-bottom-color:#B9AFA3!important}
body.mailmagazine_page_body .mailmagazine button.unsubscribeinput{min-width:0!important;width:auto!important;height:auto!important;padding:8px 22px!important;background:transparent!important;border:1px solid #CFC5B7!important;border-radius:2px!important;box-shadow:none!important;font-size:0!important}
body.mailmagazine_page_body .mailmagazine button.unsubscribeinput .button_text{font-size:0!important}
body.mailmagazine_page_body .mailmagazine button.unsubscribeinput::after{content:"停止する";font-size:12px;letter-spacing:.14em;color:#6B6259}
body.mailmagazine_page_body #mailmagazine_unsubscrib_form .btn_box{margin-top:14px!important}
body.mailmagazine_page_body .mailmagazine .global_note,body.mailmagazine_page_body .mailmagazine .global_note li{text-align:center!important}
body.mailmagazine_page_body .mailmagazine label,body.mailmagazine_page_body .mailmagazine .page_title *{font-weight:400!important}
body.mailmagazine_page_body .mailmagazine_subscribe_title label::after{font-weight:500}
body.mailmagazine_page_body .mailmagazine_form_area .form_data{margin:0!important}
body.mailmagazine_page_body .mailmagazine_form_area .cell_box::before{content:"メールアドレス";display:block;font-size:11px;letter-spacing:.2em;color:#9A9087;text-align:left}
body.mailmagazine_page_body #mailmagazine_subscribe_form .mailmagazine_form_area{margin-top:30px}
body.mailmagazine_page_body .mailmagazine input[type=email]{text-align:left}
body.mailmagazine_page_body .mailmagazine .btn_box,body.mailmagazine_page_body .mailmagazine .form_btn{margin:24px 0 0!important;padding:0!important}
body.mailmagazine_page_body #mailmagazine_unsubscrib_form .btn_box,body.mailmagazine_page_body #mailmagazine_unsubscrib_form .form_btn{margin-top:14px!important}
body.mailmagazine_page_body .mailmagazine .page_title{margin-bottom:clamp(26px,4vw,40px)}

/* ===== ASOM 追加：注文画面「明細書（納品書）」の選択（2026-10-01。楽天と同じく、ラッピングと明細書を別々に選ぶ形） ===== */
.shoppingcart_page_body .cart_option_data:has(select[name$="[gift_wrap]"]) .form_element::after{content:"明細書（金額のわかる納品書）は、通常は同梱してお届けします。\A 贈る相手へ直接お届けする場合は「不要（同梱しない）」をお選びください。";}
.shoppingcart_page_body .cart_option_data:has(select[name$="[gift_wrap]"]) .box_padding:has(textarea){display:none;}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：商品ページのギフト・特典の選択欄（2026-10-01。本店と同じく商品ページで選ぶ形。見た目はASOM） ===== */
.ordermade{margin-top:6px}
.ordermade .order_item_box{margin:0 0 12px}
.ordermade .order_label{font-size:14px;letter-spacing:.04em;color:#2B2724}
.ordermade .optional_item{font-size:11px;color:#8C8378;margin-left:.2em}
.ordermade .custom_select{min-width:220px;height:40px;padding:0 12px;border:1px solid #E7DFD2;border-radius:2px;background:#fff;font-size:14px;color:#2B2724}
#order_2_item .order_item{position:relative;border-radius:16px}
#order_2_item .order_desc{margin:0 0 10px;font-size:13px;line-height:1.85;color:#4F4841;letter-spacing:.02em}
#order_2_item .order_desc::before{content:"✦ レビュー・SNS投稿でプレゼント";display:block;margin-bottom:2px;font-size:13.5px;color:#D07A66;letter-spacing:.08em}
#order_2_item .asom-perk-link{display:inline-block;margin-left:.4em;color:#8C6D35;text-decoration:underline;text-underline-offset:3px}
@media (max-width:767px){
  #order_2_item .order_item::before{left:10px;top:14px;width:52px;height:52px}
  .ordermade .custom_select{min-width:180px}
}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：マイページの特典案内（2026-10-01。中身はヘッダーの asomMypagePerk） ===== */
.asom-mp-perk{margin:8px 0 22px}
.asom-mp-perk a{display:flex;gap:14px;align-items:center;padding:14px 18px;background:#FFF2EE;border:1px dashed #EDC3B6;border-radius:16px;color:#4F4841;text-decoration:none;font-size:13px;line-height:1.8}
.asom-mp-perk img{width:64px;height:64px;mix-blend-mode:multiply;flex:none}
.asom-mp-perk b{display:block;font-weight:500;color:#D07A66;letter-spacing:.06em;font-size:14px}
.asom-mp-perk u{color:#8C6D35;margin-left:.3em;text-underline-offset:3px}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：レジの「初めての方」に会員特典の案内（2026-10-01。ゲスト購入を戻したので、会員登録を選びたくなる一言。本文はカートフォーム設定の新規登録注記） ===== */
.asom-reg-note{margin:4px 0 14px;padding:14px 18px;background:#FFF2EE;border:1px dashed #EDC3B6;border-radius:14px;text-align:left;font-size:13px;line-height:1.85;color:#4F4841}
.asom-reg-note .h{margin:0 0 4px;font-size:14px;color:#D07A66;letter-spacing:.06em}
.asom-reg-note ul{margin:0;padding:0;list-style:none}
.asom-reg-note li{position:relative;padding-left:1.1em}
.asom-reg-note li::before{content:"✦";position:absolute;left:0;top:0;font-size:10px;color:#D07A66}
.asom-reg-note .g{margin:8px 0 0;font-size:12px;color:#8C8378}
.asom-reg-note .g a{color:#8C6D35;text-decoration:underline;margin-left:.3em}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：返品特約のポップアップ（/return-policy?popup=1、2026-10-01。■の行は見出し、・の行は箇条書きに。見出し化はヘッダーの asomReturnPopup） ===== */
.return_page_body .return_data{font-size:14px;line-height:1.95;color:#4F4841;letter-spacing:.02em;padding:6px 6px 10px}
.return_page_body .return_data .rp-h{display:block;margin:20px 0 6px;padding:0 0 6px;border-bottom:1px solid #E7DFD2;font-size:15px;font-weight:500;color:#2B2724;letter-spacing:.06em}
.return_page_body .return_data .rp-li{display:block;position:relative;padding-left:1.1em}
.return_page_body .return_data .rp-li::before{content:"・";position:absolute;left:0;color:#A98A55}
.return_page_body .return_data .rp-lead{display:block;padding:10px 14px;background:#FBF8F3;border-radius:6px;color:#2B2724}
.return_page_body .return_data a{color:#8C6D35;text-decoration:underline}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 商品ページ：価格・選択肢・オプション欄（2026-10-01） =====
   おちゃのこ標準の灰色ボタン・水色の選択欄・青いチェックを、ASOM の色（アイボリー・ゴールド・墨）にそろえる。
   価格は上（商品名の下）と下（カートボタンの上）で同じ見せ方にする。 */

/* --- 価格 --- */
.price_section .price_label,
.price_section .selling_price > .colon{display:none !important}
.price_section .selling_price{margin:0;line-height:1.3;color:#2B2724 !important;font-weight:400 !important}
.price_section .figure{font-family:"Jost","Helvetica Neue",Arial,sans-serif !important;font-weight:400 !important;font-size:26px !important;letter-spacing:.02em;color:#2B2724 !important;font-variant-numeric:lining-nums tabular-nums}
.price_section .currency_label{font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif !important;font-size:14px !important;font-weight:400 !important;margin-left:2px}
.price_section .asom-range{font-size:18px;margin:0 .35em;color:#766D63}
.price_section .tax_label{font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif !important;font-size:12px !important;font-weight:400 !important;color:#766D63 !important;margin-left:6px;letter-spacing:.04em}
.price_section .price_desc{margin-top:6px;font-size:12px;line-height:1.8;color:#766D63;letter-spacing:.04em}

/* --- 選択肢を開くボタン（選ぶ前・選んだあと） --- */
.variation_selection_box .validation_selection_button{
  position:relative;display:block;width:100%;margin:4px 0 0;padding:14px 48px 14px 16px;text-align:left;
  background:#fff !important;border:1px solid #E7DFD2 !important;border-radius:2px !important;box-shadow:none !important;
  color:#2B2724 !important;font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:14px;letter-spacing:.04em;line-height:1.7;
  transition:border-color .26s,background .26s}
.variation_selection_box .validation_selection_button:hover{border-color:#B08E4F !important}
.variation_selection_box .validation_selection_button::after{content:"";position:absolute;right:18px;top:50%;width:7px;height:7px;margin-top:-5px;border-right:1px solid #2B2724;border-bottom:1px solid #2B2724;transform:rotate(45deg)}
.variation_selection_box .validation_selection_button.validation_selection_selected_all{background:#FBF8F3 !important}
.variation_selection_box .validation_selection_button.validation_selection_selected_all::after{display:none}
.variation_selection_box .variation_selection_list,.variation_selection_box .variation_selection_item,.variation_selection_box .variation_selection_msg,.variation_selection_box .variation_selection_msg_text{display:inline !important}
.variation_selection_box .variation_selection_label{color:#766D63;font-size:12.5px}
.variation_selection_box .validation_selection_selected_all .variation_selection_msg{display:block !important}
.variation_selection_box .variation_selection_value{font-weight:500;color:#2B2724}
.variation_selection_box .variation_selection_stock{display:none;margin-top:2px;font-size:12px;color:#766D63}
.variation_selection_box .validation_selection_selected_all .variation_selection_stock{display:block}
/* 「変更」は右上の小さな文字リンクに */
.variation_selection_box .validation_selection_selected_all .variation_selection_msg{position:absolute;right:14px;top:50%;transform:translateY(-50%);margin:0}
.variation_selection_box .validation_selection_selected_all .button_text{display:inline-block;padding:0 0 2px;background:none !important;border:0 !important;border-bottom:1px solid #2B2724 !important;border-radius:0 !important;color:#2B2724 !important;font-size:12.5px;letter-spacing:.08em}
.variation_selection_box .validation_selection_selected_all:hover .button_text{color:#B08E4F !important;border-color:#B08E4F !important}
/* 在庫表示の [【 】] を外して読みやすく（文字は JS で整える） */
.variation_stock_text .bracket{display:none}
/* 青いチェック → 金色 */
.variation_item_box .form_ok,.variation_item_box .ok_icon,.variation_item_box .fa-check{color:#B08E4F !important}
.variation_selection_status{display:none !important}
.variation_selection_box .variation_selection_msg_text{background:none !important;padding:0 !important;border:0 !important}

/* --- 選択肢のポップアップ --- */
.popup_variation{z-index:60 !important;border:1px solid #E7DFD2 !important;border-radius:2px !important;box-shadow:0 12px 32px rgba(43,39,36,.12) !important;background:#fff !important}
.popup_variation .popup_variation_title{margin-bottom:10px;font-family:"Jost","Helvetica Neue",Arial,sans-serif}
.popup_variation .popup_variation_label{font-size:12px;letter-spacing:.2em;color:#766D63}
.popup_variation .popup_variation_label .colon{display:none}
.popup_variation .popup_variation_options{display:grid;gap:8px}
.popup_variation .popup_variation_item{display:block;margin:0 !important}
.popup_variation .popup_variation_button{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;width:100%;margin:0 !important;padding:13px 16px !important;text-align:left;
  background:#fff !important;border:1px solid #E7DFD2 !important;border-radius:2px !important;box-shadow:none !important;
  color:#2B2724 !important;font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:14px;letter-spacing:.04em;line-height:1.6;
  transition:border-color .26s,background .26s}
.popup_variation .popup_variation_button:hover{border-color:#B08E4F !important;background:#FBF8F3 !important}
.popup_variation .popup_variation_button.selected,.popup_variation .popup_variation_button.active,.popup_variation .popup_variation_button[aria-pressed="true"]{border-color:#2B2724 !important;background:#FBF8F3 !important}
.popup_variation .popup_option_label{flex:1 1 auto;font-weight:500}
.popup_variation .asom-opt-price{margin-left:auto;font-family:"Jost","Helvetica Neue",Arial,sans-serif;font-size:15px;letter-spacing:.02em;color:#2B2724;white-space:nowrap}
.popup_variation .asom-opt-price small{font-family:"Zen Kaku Gothic New",sans-serif;font-size:11px;margin-left:1px}
.popup_variation .variation_stock_status,.popup_variation .variation_stock_status *{font-size:12px !important;color:#766D63 !important;font-weight:400 !important}
.popup_variation .variation_stock_status{flex:1 0 100%;order:3}
.popup_variation .close_btn_box{color:#2B2724}
.popup_variation .popup_bottom_ok button,.popup_variation .close_popup_btn{font-family:"Jost",sans-serif;letter-spacing:.1em;color:#2B2724}

/* --- ギフト・特典・数量のセレクト（閉じた状態） --- */
.ordermade select.custom_select,#purchase_qty select{
  -webkit-appearance:none;appearance:none;height:46px;padding:0 40px 0 14px;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%232B2724' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat right 14px center !important;
  border:1px solid #E7DFD2 !important;border-radius:2px !important;box-shadow:none !important;
  color:#2B2724;font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:14px;letter-spacing:.04em;cursor:pointer;transition:border-color .26s}
.ordermade select.custom_select:hover,#purchase_qty select:hover{border-color:#B08E4F !important}
.ordermade select.custom_select:focus,#purchase_qty select:focus{outline:none;border-color:#B08E4F !important;box-shadow:0 0 0 3px rgba(176,142,79,.15) !important}
#purchase_qty select{min-width:84px}

/* --- ギフト・特典をボタンで選ぶ（JS がセレクトの代わりに出す。セレクト自体は送信用に残す） --- */
.asom-choice{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
/* 2つ以上のときは横に等分（スマホでも横並び） */
.asom-choice:has(button + button){display:grid;grid-auto-flow:column;grid-auto-columns:1fr;max-width:460px}
.asom-choice button{
  display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;padding:10px 16px;
  background:#fff;border:1px solid #E7DFD2;border-radius:2px;cursor:pointer;
  color:#2B2724;font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:13.5px;letter-spacing:.04em;line-height:1.6;text-align:left;
  transition:border-color .26s,background .26s}
.asom-choice button small{font-size:11px;color:#766D63;letter-spacing:.04em}
.asom-choice button:hover{border-color:#B08E4F}
.asom-choice button[aria-pressed="true"]{background:#2B2724;border-color:#2B2724;color:#fff}
.asom-choice button[aria-pressed="true"] small{color:rgba(255,255,255,.75)}
@media (max-width:760px){
  .asom-choice button{padding:10px 10px;font-size:12.5px;letter-spacing:.01em}
}
.asom-choice-wrap select.custom_select{position:absolute !important;width:1px !important;height:1px !important;opacity:0 !important;pointer-events:none}
.asom-choice-wrap .select_box{position:relative}
.ordermade .form_status .form_ok{display:none}
/* ギフトラッピングの欄：「(任意)」と「:」を隠し、案内を1行 */
.asom-gift-row .order_label .optional_item,.asom-gift-row .order_label .colon{display:none}
.asom-gift-row .asom-choice-note{margin:4px 0 0;font-size:12.5px;line-height:1.8;color:#766D63;letter-spacing:.04em}
.asom-gift-row .asom-choice-note span{display:inline-block}
/* ギフトラッピングの見出しに、ギフトページと同じ金の細い線のギフトボックスを小さく */
.asom-gift-row .order_label::before{content:"";display:inline-block;width:18px;height:18px;margin-right:7px;vertical-align:-3px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='18' width='24' height='15'/%3E%3Crect x='6' y='13' width='28' height='5'/%3E%3Cline x1='20' y1='13' x2='20' y2='33'/%3E%3Cpath d='M20 13c-2-4-7-6.5-8.5-4s3 4 8.5 4c5.5 0 10-1.5 8.5-4S22 9 20 13z'/%3E%3C/svg%3E") no-repeat center/contain}
/* ギフト・特典のボタンを小さく（1行：文言＋小さく「無料」）、特典の「(任意):」は説明に書いてあるので隠す */
.asom-choice button{flex-direction:row;align-items:baseline;gap:6px;padding:7px 12px;font-size:13px;line-height:1.5}
.asom-choice button small{font-size:11px}
.asom-choice:has(button + button){max-width:420px}
@media (max-width:760px){
  .asom-choice button{padding:7px 8px;font-size:12px;gap:4px}
  .asom-choice button small{font-size:10.5px}
}
.asom-perk-row .order_label .optional_item,.asom-perk-row .order_label .colon{display:none}
/* 特典の箱：イラストを右上に、「レビュー・SNS投稿特典」と「投稿します」を1行に */
#order_2_item .order_item{padding:14px 16px 14px 18px}
#order_2_item .order_item::before{position:static;float:right;width:60px;height:60px;margin:0 0 2px 12px}
#order_2_item .order_desc{overflow:visible !important}
.asom-perk-row .order_desc{margin-bottom:8px !important}
.asom-choice-wrap.asom-perk-row .select_box{display:inline-block !important;width:0;height:0;overflow:hidden;vertical-align:middle}
.asom-choice-wrap.asom-perk-row .asom-choice{display:inline-flex !important;margin:0 0 0 10px !important;vertical-align:middle}
@media (max-width:767px){
  #order_2_item .order_item{padding:12px 12px 12px 14px}
  #order_2_item .order_item::before{width:46px;height:46px;margin:0 0 2px 10px}
}
/* 数量と価格を1行に（下の価格の段は JS で数量の段へ移して、空いた段は隠す） */
.detail_block_form .asom-qty-price{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px}
.detail_block_form .asom-qty-price > .item_box{margin:0}
.detail_block_form .asom-qty-price .asom-qp{margin:0 0 0 auto;padding:0 !important;border:0 !important;background:none !important;text-align:right}
.detail_block_form .asom-qty-price .asom-qp .figure{font-size:22px !important}
/* 選ぶ前（価格が幅のとき）は数量の行に価格を出さない（幅は上の価格に出ている）。選ぶとその価格が数量の右に出る */
.detail_block_form .asom-qty-price .asom-qp:has(.asom-range){display:none}
.detail_block_form .asom-qty-price.is-unready .asom-qp{display:none}
/* お問合せ・お気に入りを、シェア・LINEで送るの行の右へ（JS で移す） */
.detail_block_social .asom-moved-btn{display:flex;gap:6px;margin:0 0 0 auto}
.detail_block_form .asom-fav-origin{display:none !important}
.detail_block_social .asom-moved-btn .global_btn{margin:0 !important;padding:0 !important}
@media (max-width:760px){.detail_block_social .asom-moved-btn img{height:28px}}
.detail_block_social .asom-moved-btn img{height:30px;width:auto;display:block}
/* PC：購入欄の余白を少し詰める（写真と購入欄が横並びになる 900px 以上） */
@media (min-width:900px){
  .detail_page_body .detail_block_form .detail_section{padding-top:12px;padding-bottom:12px}
  .detail_page_body .detail_block_form .add_cart .global_btn{margin-top:6px;margin-bottom:6px}
}
/* 隠したセレクトの空き行をなくす（案内とボタンの間が空かないように） */
.asom-choice-wrap .select_box{display:block !important;height:0;line-height:0;font-size:0}
.asom-choice-wrap .asom-choice{margin-top:10px}


/* ============================================================
   ASOM 追加：商品一覧の見やすさ改善（2026-10-02 ユーザーOK）
   ============================================================ */

/* ▼ スマホの商品一覧を2列に（3列だと写真が小さく、商品名が4〜5行に折り返すため） */
@media (max-width: 767px) {
  .item_list.column3 .list_item_cell {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }
}

/* ▼ 一覧の型番 [2472vvdr] を隠す（商品ページには残る） */
.item_list .model_number {
  display: none !important;
}

/* ▼ 一覧の商品名を2行までに（3行目以降は「…」。全文は商品ページで） */
.item_list .goods_name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* ▲ 商品一覧の見やすさ改善 ここまで */

/* ===== ASOM 追加：トップ HERO の2枚目（実写の物撮り）、幅の狭い PC・タブレット（601〜1100px）はコピーを下に寄せてピアスと重ならないように（2026-10-02） ===== */
@media (min-width:601px) and (max-width:1100px){
  .top_image_slide .top_picture_2 .hero-inner{align-items:flex-end !important;padding-bottom:40px !important;}
  .top_image_slide .top_picture_2 .inner_image_annotation::after{background:linear-gradient(rgba(251,248,243,0) 35%,rgba(251,248,243,.5) 62%,rgba(251,248,243,.88) 100%) !important;}
}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：検索結果で検索語を目立たせる色（標準の黄色 → ASOM のセージグリーンの下線マーカー）（2026-10-03） ===== */
body .result_emphasis{
  background-color:transparent !important;
  background-image:linear-gradient(transparent 58%, #DCE7D1 58%) !important;
  padding:0 1px;
}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：同じデザインの「カラーの切り替え」と「ほかの仕様の案内」（2026-10-03） =====
   ・商品説明に <div class="asom-color"> … </div> を貼ると、価格の下に色の丸が出る（動きはヘッダーの asomColor）
   ・色の丸は data-color の言葉で決まる：yellow / white / pink / platinum / silver
   ・新しい色を足すときは、下の「▼ 色の丸の色」に1行足す
   ・<a class="asom-also"> は説明の最後に置く、小さな写真つきの一言案内 */
.asom-color{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin:14px 0 4px;padding:12px 0 2px;border-top:1px solid #efebe5;text-align:left;}
.asom-color-ttl{flex-basis:100%;font-size:12px;letter-spacing:.12em;color:#4f4841;}
.asom-color-ttl b{font-weight:normal;color:#4f4841;margin-left:2px;}
.asom-color a{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.06em;color:#8c8278 !important;text-decoration:none !important;}
.asom-color a:hover{color:#3f3832 !important;}
.asom-color a::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;box-shadow:0 0 0 1px #e6e1d8;background:#ddd;}
.asom-color a.is-current{color:#3f3832 !important;cursor:default;}
.asom-color a.is-current::before{box-shadow:0 0 0 1px #fff,0 0 0 2px #3f3832;}
/* ▼ 色の丸の色 */
.asom-color a[data-color="yellow"]::before{background:linear-gradient(135deg,#e9cf8f,#c9a253);}
.asom-color a[data-color="white"]::before{background:linear-gradient(135deg,#f3f3f1,#c9c9c6);}
.asom-color a[data-color="platinum"]::before{background:linear-gradient(135deg,#eeedea,#b9b8b4);}
.asom-color a[data-color="pink"]::before{background:linear-gradient(135deg,#f3d6c8,#d39d86);}
.asom-color a[data-color="silver"]::before{background:linear-gradient(135deg,#f1f1f1,#b3b3b3);}
.asom-color a[data-color="combi"]::before{background:linear-gradient(135deg,#e9cf8f 0%,#c9a253 49%,#d9d9d6 51%,#b9b8b4 100%);} /* イエローゴールド×プラチナ */
/* ▼ ほかの仕様の案内（Also in …） */
.asom-also{display:flex;align-items:center;gap:18px;max-width:560px;margin:40px auto 8px;padding:16px 0;border-top:1px solid #e6e1d8;border-bottom:1px solid #e6e1d8;text-decoration:none !important;text-align:left;}
.asom-also img{flex:none;width:88px !important;height:88px;object-fit:cover;}
.asom-also .t1{display:block;font-family:"Cormorant Garamond","Times New Roman",serif;font-style:italic;font-size:17px;color:#a88d5e;margin:0 0 4px;}
.asom-also .t2{display:block;font-size:13px;line-height:1.8;color:#4f4841;}
.asom-also .t3{display:block;font-size:11px;letter-spacing:.12em;color:#6f8f5c;margin:6px 0 0;}
/* ===== ASOM 追加 ここまで ===== */

/* ===== ASOM 追加：スマホで検索欄を中央に（2026-10-03） ===== */
@media (max-width:768px){
  .header_search_bar .search.form_data{text-align:center !important;}
}
/* ===== ASOM 追加 ここまで（検索欄をスマホで中央） ===== */

/* ===== ASOM 追加：ひとことの後の空行を詰める（自動改行のページで、ひとこと・注意書き・カラーの後に残る空行を隠す）（2026-10-03） ===== */
.item_desc_text .asom-hitokoto + br,
.item_desc_text .asom-hitokoto + br + br,
.item_desc_text .asom-hitokoto + br + br + br,
.item_desc_text .asom-hitokoto + br + br + br + br,
.item_desc_text .asom-note + br,
.item_desc_text .asom-note + br + br,
.item_desc_text .asom-note + br + br + br,
.item_desc_text .asom-note + br + br + br + br,
.item_desc_text .asom-color + br,
.item_desc_text .asom-color + br + br,
.item_desc_text .asom-color + br + br + br,
.item_desc_text .asom-color + br + br + br + br{display:none;}
/* ===== ASOM 追加 ここまで（ひとことの後の空行） ===== */

/* ===== ASOM 追加：仕様表の後の空きを詰める（仕様表 → 説明の写真）（2026-10-03） ===== */
.asom-spec-moved{margin-bottom:32px !important;}
@media (min-width:769px){
  .asom-spec-moved{margin-bottom:40px !important;}
}
/* ===== ASOM 追加 ここまで（仕様表の後の空き） ===== */


/* ============================================================
   ASOM 追加（2026-10-03）：カートに入れる と ひとこと の間を約40pxに
   ・ひとことの前の空の行を隠す／ひとことの上の余白を0
   ・ひとことがあるページだけ、説明欄の上の余白（15px）を0
   ============================================================ */
.item_desc_text > br:first-child{display:none !important;}
.item_desc_text .asom-hitokoto{margin-top:0 !important;}
.item_desc:has(.asom-hitokoto){padding-top:0 !important;}


/* ============================================================
   ASOM 追加（2026-10-03）：パイプロープチェーンの交換カード（.asom-exchange）
   ・PCでも ひとこと・仕様表と同じ幅（880px）で中央にそろえる
   ・「交換の流れと注意点を見る」リンク（/page/chain-exchange へ）
   ============================================================ */
.asom-note.asom-exchange{margin:20px auto !important;box-sizing:border-box;}
@media (min-width:769px){
  .asom-note.asom-exchange{max-width:880px;}
}
.asom-note.asom-exchange .asom-exchange-link{margin:12px 0 0 !important;}
.asom-note.asom-exchange .asom-exchange-link a{color:#8C6D35;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#D9C9A8;}
.asom-note.asom-exchange .asom-exchange-link a::after{content:" →";}


/* ============================================================
   ASOM 追加（2026-10-03）：文章の改行位置（用語・文節の途中で改行しない）
   ・auto-phrase＝文節の区切りで改行（Chrome・Edge。Safari は通常の改行）
   ・strict＝「ー」「ッ」などが行頭に来ないように
   ・.asom-nb＝ヘッダーJS（asomNoBreak）が作る「改行しない」かたまり（カタカナ語・2mm など）
   ============================================================ */
.asom-hitokoto, .asom-note, .asom-also, .order_desc, .asom-repair p, .asom-repair h2, .asom-repair h4{
  word-break:auto-phrase; line-break:strict; overflow-wrap:anywhere;
}
.asom-nb{white-space:nowrap;}


/* ============================================================
   ASOM 追加（2026-10-03）：説明画像の横並び（ヘッダーJS asomDescGrid が作る .asom-img-grid）
   ・小さい写真を横に並べ、すき間なしで1枚の画像のように見せる（幅は画像ごとにJSが指定）
   ・.asom-glue＝見出しの帯画像と横並びをすき間なしでつなぐ
   ============================================================ */
.asom-desc-photos .asom-img-grid{display:flex;flex-wrap:wrap;justify-content:center;margin:0 0 28px;}
.asom-desc-photos .asom-img-grid img{display:block;height:auto;margin:0 !important;}
.asom-desc-photos img.asom-glue,
.asom-desc-photos .asom-img-grid.asom-glue{margin-bottom:0 !important;}
@media (min-width:769px){
  .asom-desc-photos .asom-img-grid{margin-bottom:32px;}
}


/* ============================================================
   ASOM 追加（2026-10-03）：レビュー・SNS投稿特典の箱を落ち着いた大人のトーンに
   ・ピンクの背景・点線・角丸・ギフトのイラストをやめ、交換カードと同じ「生成りの地＋左に細い金の線」
   ・見出しは ✦ なし、濃い文字色で
   ============================================================ */
#order_2_item .order_item{background:#FBF8F3 !important;border:1px solid #EDE4D6 !important;border-left:2px solid #B08E4F !important;border-radius:0 !important;padding:16px 18px !important;}
#order_2_item .order_item::before{content:none !important;display:none !important;}
#order_2_item .order_desc{color:#4F4841;}
#order_2_item .order_desc::before{content:"レビュー・SNS投稿の特典" !important;margin-bottom:4px;font-size:14px;font-weight:500;color:#2B2724 !important;letter-spacing:.1em;}
@media (max-width:768px){
  #order_2_item .order_item{padding:14px 14px !important;}
}


/* ============================================================
   ASOM 追加（2026-10-11）：レビュー・SNS投稿特典の箱をグリーン系に
   ・淡いセージの地＋左に細いグリーンの線
   ・右上に特典ページ（/page/perks）と同じ「ペンと便せん」のイラスト（背景を透明にした PNG。PC は 60px：説明文の1行目が「…ポリッシュクロス・」まで入る幅）
   ============================================================ */
#order_2_item .order_item{background:#F2F6F0 !important;border:1px solid #D6E1D3 !important;border-left:2px solid #7E9B79 !important;}
#order_2_item .order_item::before{content:"" !important;display:block !important;position:static !important;float:right;width:60px;height:64px;margin:-6px -12px 4px 6px;background:url(https://www.asom-store.com/data/asom/image/perk-review-clear.png) center/contain no-repeat;mix-blend-mode:normal;}
#order_2_item .order_desc::before{color:#3E5A3C !important;}
#order_2_item .asom-perk-link{color:#5B7A56;}
/* 題名と同じ文言の「レビュー・SNS投稿特典」の欄名を消し、「投稿します」ボタンだけを説明の下に左寄せ（2026-10-11） */
#order_2_item .asom-perk-row .order_label{display:none !important;}
#order_2_item .asom-choice-wrap.asom-perk-row .asom-choice{margin:0 0 0 -4px !important;} /* 隠した欄のすき間（約4px）を詰めて説明文の左端にそろえる */
/* 特典の箱の上下の余白を詰める（ギフトの下の細線をやめ、上下とも約13px。2026-10-11） */
#order_1_item .order_item{border-bottom:none !important;padding-bottom:0 !important;}
#order_2_item{margin-bottom:0 !important;}
/* 上の区切り線〜「ギフトラッピング」の余白も詰める（約31px → 約15px） */
.detail_section.ordermade{margin-top:0 !important;}
#order_1_item .order_item{padding-top:0 !important;}
@media (max-width:768px){
  #order_2_item .order_item::before{width:58px;height:62px;margin:-4px -2px 2px 10px;}
  #order_2_item .asom-pc-br{display:none;} /* 「ポリッシュクロス・」のあとの改行は PC だけ */
}


/* ASOM 追加（2026-10-11）：商品ページ「返品特約に関する重要事項」のリンクを小さく（14px → 12.5px） */
#detail_return .return_policy_link{font-size:12.5px !important;letter-spacing:.04em;}

/* ASOM 追加（2026-10-11）：「返品特約に関する重要事項」を「カートに入れる」の真下へ（中央寄せ）。数量 → カートがひと続きに */
#productadd{display:flex;flex-direction:column;}
#productadd > .detail_section.add_cart{order:1;padding-bottom:6px;}
#productadd > .detail_section.return{order:2;border-bottom:none;padding:0 0 14px;text-align:center;}
#productadd > .detail_section.return .detail_return_box{display:inline-block;text-align:left;}
#productadd > .detail_section.quantity{border-bottom:none;}
/* 「カートに入れる」の上下の余白を詰める（上 約40px → 18px、下 約29px → 10px） */
#productadd > .detail_section.quantity{padding-bottom:4px !important;}
#productadd > .detail_section.add_cart{margin:0 !important;padding-top:8px !important;padding-bottom:0 !important;}
#productadd > .detail_section.return .detail_return_box{padding-top:2px !important;}

/* ASOM 追加（2026-10-11）：商品ページの「在庫確認はこちら」を非表示（選択肢を選ぶと発送の目安がその場で出るため。在庫一覧ページ /stocklist は残る） */
.detail_section.variation .variation_stock{display:none !important;}

/* ASOM 追加（2026-10-11）：商品ページの選択肢をわかりやすく（案A）
   ・ボタンの上に見出し（ヘッダーJSが選択肢名から作る .asom-var-head。指輪の線のアイコン、ギフトラッピングの見出しと同じ形）
   ・ボタンの枠を少し濃く、選択肢名の文字を黒に、マウスを乗せると生成り色 */
.asom-var-head{display:flex;align-items:center;margin:0 0 9px;font-size:14px;color:#2B2724;letter-spacing:.04em;}
.asom-var-head::before{content:"";flex:none;width:18px;height:18px;margin-right:7px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23A98A55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='20' cy='25' r='10'/%3E%3Cpath d='M15 9.5L20 4.5L25 9.5L20 14.5Z'/%3E%3C/svg%3E") center/contain no-repeat;}
.variation_selection_box .validation_selection_button{border-color:#CDBFA6 !important;}
.variation_selection_box .validation_selection_button:hover{background:#FBF8F3 !important;}
.variation_selection_box .variation_selection_label{color:#2B2724 !important;}

/* ============================================================
   ASOM 追加（2026-10-11）：PC の商品写真を画面の高さに収める
   ・写真は「700px」と「画面の高さ − 150px」の小さい方（ノートPC 1440×800 で 650px、高さ 850px 以上は今までどおり 700px）
   ・右の説明欄は残りの幅（写真 650px のとき 550px）。最大 600px で、写真と説明欄をまとめて中央に（2026-10-11 ユーザー指定）
   ・写真の枠の高さ 700px 固定（line-height）を外して、小さな写真の並びを写真のすぐ下に
   ============================================================ */
@media (min-width:900px){
  .main_photo_slide{width:min(700px, calc(100vh - 150px)) !important;max-width:min(700px, calc(100vh - 150px)) !important;}
  .main_photo_slide .inner_slider_box,.main_photo_slide .swiper-container{width:100% !important;max-width:100% !important;}
  .main_photo_slide .gallery_link,.main_photo_slide .item_image{width:100% !important;height:auto !important;}
  .main_photo_slide .gallery_link,.main_photo_slide .slider_image_box,.main_photo_slide .swiper-slide,.main_photo_slide .swiper-wrapper,.main_photo_slide .swiper-container,.main_photo_slide .inner_slider_box{height:auto !important;min-height:0 !important;line-height:0 !important;}
  .main_photo_slide .item_image{vertical-align:top;}
  .large_product_info_wrapper{justify-content:center;}
  .large_product_info_wrapper > .large_product_info_box{flex:1 1 0 !important;max-width:600px;}
  /* 写真の下の小さな写真は、写真の幅に合わせて 1 列 5 枚（120px 固定だと写真が小さい画面で 3〜4 枚になり、並びが崩れるため） */
  .main_photo_slide .thumbnail li{width:20% !important;}
  .main_photo_slide .thumbnail li a{display:block;width:100% !important;height:auto !important;padding-right:5px;box-sizing:border-box;}
  .main_photo_slide .thumbnail li .thumbnail_image_box{display:block;}
  .main_photo_slide .thumbnail li img{width:100% !important;height:auto !important;aspect-ratio:1/1;object-fit:cover;}
}


/* ▼ ASOM 追加（2026-10-11）：スマホで上の帯（送料無料｜ラッピング無料｜ポイント3倍）を1行に収める */
@media (max-width: 420px) {
  .utility .wrap {
    padding-left: 12px;
    padding-right: 12px;
  }
  .utility p {
    letter-spacing: .05em;
  }
}


/* ▼ ASOM 追加（2026-10-12）：ご利用案内（/help）のおちゃのこ初期設定の欄を見せない
   「送料について（0円以上は送料無料）」と「アイコンについて（店長のオススメ など）」、上のボタン2つ */
.help_page_body #help_charge,
.help_page_body #help_icon,
.help_page_body .help_shipping_btn_box,
.help_page_body .help_icon_btn_box {
  display: none !important;
}


/* ▼ ASOM 追加（2026-10-12）：商品ページのレビュー欄は、レビューが1件以上あるときだけ表示する（0件のときは隠す） */
.detail_block_review:has(.review_number.no_review) {
  display: none !important;
}


/* ▼ ASOM 追加（2026-10-12）：価格の下の「お届けまで ○週間前後」の1行（ヘッダーの asomLeadTime が作る）
   ベージュの囲み＝受注製作、緑の囲み＝在庫あり。1行に収め、PC・スマホとも右の欄の高さをほとんど増やさない */
.asom-lead {
  display: inline-block;
  margin: 6px 0 0;
  padding: 3px 10px 3px 4px;
  background: #F7F3EC;
  border-radius: 999px;
  font-size: 12.5px;
  line-height: 20px;
  color: #5a5048;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}
.asom-lead .asom-lead-pill {
  display: inline-block;
  font-size: 10px;
  letter-spacing: .04em;
  padding: 0 7px;
  line-height: 16px;
  border: 1px solid #cbb89d;
  border-radius: 999px;
  color: #7a6650;
  background: #fff;
  margin-right: 6px;
  vertical-align: 1px;
}
.asom-lead b {
  font-weight: 600;
  color: #3a332c;
}
.asom-lead.is-stock {
  background: #F2F6F0;
}
.asom-lead.is-stock .asom-lead-pill {
  border-color: #9db08f;
  color: #4f6544;
}
/* この1行が出ているときは「お選びいただく内容によって価格が変わります。」と在庫欄の1行を出さない（入れ替え） */
/* 置き換えが終わるまでのあいだも出さない（赤い文字が一瞬見えないように・2026-10-15） */
html.asom-lead-wait .price_desc,
html.asom-lead-wait .detail_block_stock,
body.asom-lead-on .price_desc,
body.asom-lead-on .detail_block_stock {
  display: none !important;
}
/* スマホの狭い画面では「（サイズにより）」を省いて1行に収める */
@media (max-width: 400px) {
  .asom-lead .asom-lead-sfx {
    display: none;
  }
}

/* レジ：おちゃのこ既定の「登録ポイント、購入ポイントを獲得できます」を隠す（登録ポイントは0のため。会員特典は .asom-reg-note に記載）2026-10-14 */
.global_note .point_desc_default{display:none!important}

/* ログイン・カートなど（.has_min_nav のページ）：ヘッダーとフッターの中身が 980px に狭まるのを、ホーム画面と同じ幅に戻す（本文の幅はそのまま）2026-10-14 */
.responsive .has_min_nav #header_area.fix_center{max-width:none}
.responsive .has_min_nav #footer_wrapper .fix_center{max-width:100%}

/* ▼ カートを見やすく（左＝商品、右＝ご注文内容）2026-10-14　並べ替えはヘッダーの asomCartLayout */
.asom-cart-on .shoppingcart_contents .section_title,
.asom-cart-on .cart_footer,
.asom-cart-on .ordermade_info.ordermade_empty{display:none!important}
.asom-cart{--ink:#2B2724;--ink3:#6B6259;--gold:#A98A55;--line:#E7DFD2;--bg:#FAF7F2}
.asom-cart .cart_item_area{border-top:1px solid var(--line)}
.asom-cart .cart_data_box{display:grid!important;grid-template-columns:120px minmax(0,1fr);column-gap:24px;row-gap:0;align-content:start;padding:24px 0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--line)!important;background:none!important}
.asom-cart .cart_data_box .cart_header{display:contents!important}
.asom-cart .cart_data_box .cart_photo{grid-column:1;grid-row:1/span 7;align-self:start;width:120px!important;margin:0!important;padding:0!important}
.asom-cart .cart_data_box .cart_photo img{width:120px!important;height:120px;object-fit:cover;display:block;border-radius:2px;background:#F4F1EC}
.asom-cart .cart_data_box > *:not(.cart_header),
.asom-cart .cart_data_box .cart_item_name{grid-column:2;margin:0!important;padding:0!important;border:0!important;text-align:left!important;width:auto!important}
.asom-cart .cart_data_box > .cart_section{margin-top:8px!important}
.asom-cart .cart_item_name a{color:var(--ink);font-size:14px;line-height:1.7;letter-spacing:.04em;text-decoration:none}
.asom-cart .cart_item_name .model_number_info{display:block;font-size:11px;color:var(--ink3);margin-top:2px}
.asom-cart .cart_price{font-size:15px;color:var(--ink);margin-top:4px!important}
.asom-cart .cart_price .cart_label,.asom-cart .cart_price .colon{display:none}
.asom-cart .cart_quantity_edit{display:flex!important;align-items:center;gap:18px;margin-top:6px!important}
.asom-cart .cart_quantity_edit > .cart_label,.asom-cart .cart_quantity_edit > .colon,
.asom-cart .cart_quantity_edit .select_box{display:none!important}
.asom-cart .asom-step{display:inline-flex;align-items:center;height:36px;border:1px solid var(--line);border-radius:999px;background:#fff}
.asom-cart .asom-step button{width:36px;height:34px;border:0;background:none;font-size:16px;color:var(--ink);cursor:pointer;padding:0}
.asom-cart .asom-step button:disabled{color:#CFC7BB;cursor:default}
.asom-cart .asom-step .v{min-width:24px;text-align:center;font-size:14px;color:var(--ink)}
.asom-cart .cart_quantity_edit .global_btn button{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;min-width:0!important;width:auto!important;height:auto!important;color:var(--ink3)!important;font-size:12px!important;text-decoration:underline;text-underline-offset:3px}
.asom-cart .cart_quantity_edit .global_btn button i{display:none}
.asom-cart .cart_edit_link a{font-size:12px;color:var(--ink3)}
.asom-cart .ordermade_info{font-size:12px;color:var(--ink3)}
.asom-cart .cart_sub_total_price{font-size:13px;color:var(--ink);margin-top:4px!important}
.asom-cart .cart_sub_total_price .sub_total_price{font-weight:600}
/* 右：ご注文内容 */
.asom-cart-side{margin-top:32px}
.asom-sum{background:var(--bg);border:1px solid var(--line);padding:22px 24px;color:var(--ink)}
.asom-sum-h{display:flex;justify-content:space-between;font-size:14px;letter-spacing:.08em;padding-bottom:14px;border-bottom:1px solid var(--line)}
.asom-sum-rows{display:grid;grid-template-columns:1fr auto;row-gap:10px;margin:16px 0;font-size:13px}
.asom-sum-rows dt{color:var(--ink3);margin:0;font-weight:400}.asom-sum-rows dd{margin:0;text-align:right}
.asom-sum-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:14px;border-top:1px solid var(--line);font-size:15px}
.asom-sum-total small{font-size:11px;color:var(--ink3)}
.asom-sum-total .asom-tot{font-size:20px;letter-spacing:.02em}
.asom-sum-pt{margin:14px 0 0;padding:10px 12px;background:#fff;border-radius:6px;font-size:12px;color:var(--ink3);text-align:center}
.asom-sum-pt b{color:var(--gold);font-weight:600}
.asom-cart-side .cart_member_login_btn_box{margin:18px 0 0!important;padding:0!important}
.asom-cart-side .cart_member_login_btn_box .form_btn,.asom-cart-side .registerinput_btn{display:block!important;width:100%!important;margin:0!important}
.asom-cart-side .registerinput{display:block!important;width:100%!important;max-width:none!important;border-radius:999px!important;padding:0!important;height:56px!important;line-height:56px!important;box-sizing:border-box;text-align:center}
.asom-sum-note{list-style:none;margin:16px 0 0;padding:0;font-size:12px;color:var(--ink3);line-height:1.9}
.asom-sum-note li::before{content:"✦ ";color:var(--gold)}
.asom-cart-side .continue_shopping{margin:18px 0 0!important;text-align:center}
.asom-cart-side .continue_shopping a{font-size:13px;color:var(--ink)}
@media (min-width:900px){
  .asom-cart{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start}
  .asom-cart-side{position:sticky;top:110px;margin-top:0}
}
@media (max-width:599px){
  .asom-cart .cart_data_box{grid-template-columns:88px minmax(0,1fr);column-gap:16px}
  .asom-cart .cart_data_box .cart_photo,.asom-cart .cart_data_box .cart_photo img{width:88px!important}
  .asom-cart .cart_data_box .cart_photo img{height:88px}
}

/* ▼ レジの各画面（購入者・お届け先/お支払い・確認）をカートと同じ見た目に 2026-10-14　並べ替えはヘッダーの asomCheckoutLayout */
.asom-co{--ink:#2B2724;--ink3:#6B6259;--gold:#A98A55;--line:#E7DFD2;--bg:#FAF7F2}
.asom-co #inner_contents{max-width:1200px!important}
/* ステップ：細い線と文字だけに */
.asom-co #cart_step{margin:0 0 36px!important}
.asom-co #cart_step .step_list{gap:0;border-bottom:1px solid var(--line)}
.asom-co #cart_step .step_block{background:none!important;border:0!important;padding:0 0 12px!important;text-align:center;position:relative}
.asom-co #cart_step .step_block::before,.asom-co #cart_step .step_block::after{display:none!important}
.asom-co #cart_step .step_data{background:none!important;color:#B5ACA0!important;padding:0!important;height:auto!important;line-height:1.6!important}
.asom-co #cart_step .step_number{display:block;font-size:11px;letter-spacing:.14em}
.asom-co #cart_step .step_desc{font-size:13px;letter-spacing:.08em}
.asom-co #cart_step .step_check .step_data{color:var(--ink)!important}
.asom-co #cart_step .step_check::after{content:"";display:block!important;position:absolute;left:20%;right:20%;bottom:-1px;height:2px;background:var(--ink)}
/* 見出し：背景なしで線だけ */
.asom-co .asom-co-main .section_title{border:0!important;margin:28px 0 0!important;padding:0 0 10px!important;border-bottom:1px solid var(--ink)!important;display:flex;align-items:center;justify-content:space-between}
.asom-co .asom-co-main .section_title h3,.asom-co .asom-co-main .section_title h4{background:none!important;border:0!important;padding:0!important;margin:0!important;font-size:16px;letter-spacing:.08em;color:var(--ink)}
.asom-co .asom-co-main .section_title .global_btn a{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;min-width:0!important;width:auto!important;height:auto!important;line-height:1.6!important;font-size:12px!important;color:var(--ink3)!important;text-decoration:underline;text-underline-offset:3px}
/* 入力欄：項目名を上、入力を下に（灰色の枠をやめる） */
.asom-co .asom-co-main .form_data{display:block!important;padding:18px 0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--line)!important;background:none!important}
.asom-co .asom-co-main .form_data > .form_title{display:block!important;width:auto!important;max-width:none!important;background:none!important;border:0!important;padding:0 0 8px!important;margin:0!important;font-size:13px;font-weight:600;color:var(--ink);text-align:left!important}
.asom-co .asom-co-main .form_data > .form_element{display:block!important;width:auto!important;max-width:none!important;background:none!important;border:0!important;padding:0!important;margin:0!important}
.asom-co .asom-co-main .inner_contents_box{border:0!important;background:none!important;padding:0!important}
.asom-co .cart_recipient_data .global_btn{text-align:left!important;margin:0 0 10px!important}
.asom-co .cart_recipient_data .recipientaddinput{background:#fff!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:999px!important;color:var(--ink)!important;font-size:12px!important;height:32px!important;line-height:30px!important;padding:0 16px!important;width:auto!important;min-width:0!important}
/* お支払い方法：選ぶ行をカードに */
.asom-co .cart_payment_row{border:1px solid var(--line)!important;border-radius:8px;padding:14px 16px!important;margin:10px 0 0!important}
.asom-co .cart_payment_row.checked_row,.asom-co .cart_payment_row:has(input:checked){border-color:var(--ink)!important;background:var(--bg)!important}
.asom-co .cart_payment_row > .form_title{padding:0!important;font-weight:500}
.asom-co .cart_payment_row .cart_payment_desc_row{padding:10px 0 0 26px!important;font-size:12px;color:var(--ink3);line-height:1.9}
/* 確認画面：購入商品をカートと同じ並びに、左の金額は右へ移したので隠す */
.asom-co-confirm .asom-co-main .cart_footer{display:none!important}
.asom-co-confirm .asom-co-main .cart_data_box{display:grid!important;grid-template-columns:88px minmax(0,1fr);column-gap:20px;padding:18px 0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--line)!important;background:none!important}
.asom-co-confirm .asom-co-main .cart_data_box .cart_header,.asom-co-confirm .asom-co-main .cart_data_box .cart_header_item{display:contents!important}
.asom-co-confirm .asom-co-main .cart_data_box .cart_photo{grid-column:1;grid-row:1/span 5;width:88px!important;margin:0!important;padding:0!important}
.asom-co-confirm .asom-co-main .cart_data_box .cart_photo img{width:88px!important;height:88px;object-fit:cover;display:block}
.asom-co-confirm .asom-co-main .cart_data_box > *:not(.cart_header),.asom-co-confirm .asom-co-main .cart_data_box .cart_item_name{grid-column:2;margin:0 0 4px!important;padding:0!important;border:0!important;text-align:left!important;width:auto!important;font-size:13px}
.asom-co-confirm .asom-co-main .ordermade_info.ordermade_empty{display:none!important}
.asom-co-confirm .asom-co-main .cart_subtotal_area{display:none!important}
.asom-co .asom-co-main .disp_customer_label,.asom-co .asom-co-main [class^="disp_"] > div:first-child{color:var(--ink3)}
/* ボタン：次へ・購入する＝黒の丸ボタン、戻る＝文字だけ */
.asom-co .asom-co-main .btn_box{margin:32px 0 0!important}
.asom-co .asom-co-main .btn_box .btn_color_emphasis,.asom-co .asom-co-main .btn_box button[name="go-next"]{display:block!important;width:100%!important;max-width:420px!important;margin:0 auto!important;height:56px!important;line-height:56px!important;padding:0!important;border-radius:999px!important;background:var(--ink)!important;border:0!important;color:#fff!important;font-size:15px!important;letter-spacing:.14em;box-sizing:border-box}
.asom-co .asom-co-main .btn_box .btn_color_common{background:none!important;border:0!important;box-shadow:none!important;color:var(--ink3)!important;font-size:13px!important;text-decoration:underline;text-underline-offset:3px;width:auto!important;min-width:0!important}
/* 右：ご注文内容 */
.asom-co-side{margin-top:28px}
.asom-co-side .asom-sum{background:var(--bg);border:1px solid var(--line);padding:22px 24px;color:var(--ink)}
.asom-co-side .asom-sum-h{display:flex;justify-content:space-between;font-size:14px;letter-spacing:.08em;padding-bottom:14px;border-bottom:1px solid var(--line)}
.asom-co-side .asom-sum-items{list-style:none;margin:0;padding:6px 0;border-bottom:1px solid var(--line)}
.asom-co-side .asom-sum-items li{display:flex;gap:12px;align-items:center;padding:8px 0}
.asom-co-side .asom-sum-items img{width:56px;height:56px;object-fit:cover;flex:none;background:#fff}
.asom-co-side .asom-sum-items .n{font-size:12px;line-height:1.6;color:var(--ink)}
.asom-co-side .asom-sum-items small{display:block;font-size:12px;color:var(--ink3);margin-top:2px}
.asom-co-side .asom-sum-rows{display:grid;grid-template-columns:1fr auto;row-gap:10px;margin:16px 0;font-size:13px}
.asom-co-side .asom-sum-rows dt{color:var(--ink3);margin:0;font-weight:400}.asom-co-side .asom-sum-rows dd{margin:0;text-align:right}
.asom-co-side .asom-sum-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:14px;border-top:1px solid var(--line);font-size:15px}
.asom-co-side .asom-sum-total small{font-size:11px;color:var(--ink3)}
.asom-co-side .asom-tot{font-size:20px}
.asom-co-side .asom-sum-pt{margin:14px 0 0;padding:10px 12px;background:#fff;border-radius:6px;font-size:12px;color:var(--ink3);text-align:center}
.asom-co-side .asom-sum-pt b{color:var(--gold);font-weight:600}
.asom-co-side .asom-sum-back{display:block;margin-top:14px;text-align:center;font-size:12px;color:var(--ink3);text-decoration:underline;text-underline-offset:3px}
@media (min-width:900px){
  .asom-co-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start}
  .asom-co-side{position:sticky;top:110px;margin-top:28px}
}
@media (max-width:899px){
  .asom-co-grid{display:flex;flex-direction:column}
  .asom-co-side{order:-1;margin:0 0 8px}
}

/* レジ：ステップ名を言葉の途中で折り返さない・スマホの確認画面では右（上）の商品一覧を省く（左に同じ一覧があるため）2026-10-14 */
.asom-co #cart_step .step_desc{word-break:keep-all;overflow-wrap:anywhere}
@media (max-width:899px){.asom-co #cart_step .step_desc{font-size:12px}.asom-co-confirm .asom-co-side .asom-sum-items{display:none}}

/* レジ：お支払い方法の行に左右の余白（カードの形に）2026-10-14 */
.asom-co .asom-co-main #payment_form{border:0!important;padding:0!important;background:none!important}
.asom-co .asom-co-main #payment_form .cart_payment_row{padding:16px 22px!important;margin:12px 0 0!important;border:1px solid var(--line)!important;border-radius:8px}
.asom-co .asom-co-main #payment_form .cart_payment_row:has(input:checked){border-color:var(--ink)!important;background:var(--bg)!important}
.asom-co .asom-co-main #payment_form .cart_payment_row > .form_title{padding:0!important}
.asom-co .asom-co-main #payment_form .cart_payment_desc_row{padding:10px 0 0 30px!important}
.asom-co .asom-co-main #payment_form .cart_payment_row::before{display:none!important}

/* レジ：ログイン/新規登録/ゲストを選ぶ画面などでも、ほかのステップと同じ幅（1200px）に。ログイン画面用の 650〜680px の制限より強くする 2026-10-14 */
html.responsive body.asom-co.asom-co.asom-co #inner_contents{max-width:1200px!important;width:auto!important}
.asom-co .asom-co-main input.largesize,.asom-co .asom-co-main .input_box input[type=email],.asom-co .asom-co-main .input_box input[type=password]{max-width:100%!important}

/* レジ：選ぶ画面などで外側の箱が狭いときも、2列の箱を全幅に（どの外側の箱にも幅の制限をかけない）2026-10-14 */
html.responsive body.asom-co.asom-co.asom-co :is(#maincol,#main_container,#inner_main_container,.page_box,.page_contents,.shoppingcart_contents,.inner_page_contents){max-width:none!important;width:auto!important;float:none!important;margin-left:0!important;margin-right:0!important}
html.responsive body.asom-co.asom-co.asom-co .inner_page_contents{display:block!important}
html.responsive body.asom-co.asom-co.asom-co .asom-co-grid{width:100%!important;max-width:1200px;margin:0 auto}

/* レジ：2列の箱が画面からはみ出さないように・ボタンが2つ並ぶ画面（新規登録／ゲスト購入）で丸くつぶれないように 2026-10-14 */
html.responsive body.asom-co.asom-co.asom-co .asom-co-grid{max-width:min(1200px,calc(100vw - 48px))!important;box-sizing:border-box}
html.responsive body.asom-co.asom-co.asom-co .asom-co-main{min-width:0;overflow-wrap:anywhere}
.asom-co .asom-co-main .btn_box .form_btn{display:flex!important;flex-wrap:wrap;justify-content:center;gap:16px}
.asom-co .asom-co-main .btn_box .form_btn > *{flex:0 1 300px;max-width:420px;margin:0!important}
.asom-co .asom-co-main .btn_box .btn_color_emphasis,.asom-co .asom-co-main .btn_box button[name="go-next"]{min-width:240px!important;white-space:nowrap}

/* 入力欄の色をASOMカラーに（水色をやめる）：おちゃのこの「入力OK」の色と、ブラウザの自動入力の色。全ページのフォーム 2026-10-14 */
:is(input,textarea,select).ok_input{background-color:#FAF7F2!important}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #FAF7F2 inset!important;box-shadow:0 0 0 1000px #FAF7F2 inset!important;-webkit-text-fill-color:#2B2724!important;caret-color:#2B2724;transition:background-color 9999s ease-out 0s}
.page_box .edit_form .ok_row :is(input,select,textarea),.ok_row :is(input,select,textarea){background-color:#FAF7F2!important}
.ok_icon i{background-color:#A98A55!important;color:#fff!important;box-shadow:0 0 0 1px #A98A55!important}
:is(input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],textarea):focus{border-color:#A98A55!important;outline:none!important;box-shadow:0 0 0 2px rgba(169,138,85,.18)!important}

/* レジ：文字にメリハリ（見出し＞項目名＞入力・内容＞補足の順に、大きさ・太さ・色の差をつける）2026-10-14 */
body.asom-co .asom-co-main .section_title :is(h3,h4){font-size:18px!important;font-weight:700!important;letter-spacing:.1em!important;color:#2B2724!important}
body.asom-co .asom-co-main .section_title .require{font-size:11px;font-weight:400;color:#B0573F;margin-left:6px}
body.asom-co .asom-co-main .form_data > .form_title,body.asom-co .asom-co-main .form_title .form_header{font-size:14px!important;font-weight:700!important;letter-spacing:.06em;color:#2B2724!important}
body.asom-co .asom-co-main :is(.shipping_address_disp,.cart_payment_row label,.disp_customer_txt,[class^="disp_"] > div:last-child){font-size:15px;color:#2B2724;line-height:1.8}
body.asom-co .asom-co-main :is(.global_note,.global_note li,.shipping_day_period,.cell_note,.form_desc,.custom_space:not(.asom-reg-note),.cart_payment_free,.cart_payment_data){font-size:12.5px!important;color:#8A8178!important;line-height:1.9!important}
body.asom-co .asom-co-main .global_note .list_icon_circle{display:none}
body.asom-co .asom-co-main .selection_label{font-size:13px;color:#6B6259}
body.asom-co .asom-co-main :is(select,input[type=text],input[type=email],input[type=tel],input[type=password],textarea){font-size:15px!important;color:#2B2724}
body.asom-co .asom-co-main [class^="disp_"] > div:first-child{font-size:13px;color:#8A8178}
body.asom-co .asom-co-main section + section{margin-top:12px}
body.asom-co .asom-co-main .global_note.shipping_address_disp,body.asom-co .asom-co-main .shipping_address_disp *{font-size:15px!important;color:#2B2724!important;line-height:1.8!important}
body.asom-co .asom-co-main .shipping_address_disp_name{font-weight:700}

/* レジ：お届け日時の案内（カートフォーム設定 shop_shippingdate_remarks の .asom-date-note）を目立つ囲みに 2026-10-14 */
body.asom-co .asom-co-main .global_note li.custom_space:has(.asom-date-note){padding:12px 16px!important;margin:4px 0 12px!important;background:#FAF7F2;border-left:3px solid #A98A55;border-radius:4px}
body.asom-co .asom-co-main .asom-date-note{display:block;font-size:13px!important;color:#6B6259!important;line-height:1.9!important}
body.asom-co .asom-co-main .asom-date-note b{font-size:14px;color:#2B2724;font-weight:700}
/* 受注製作で日付を選べないとき（asomOrderMadeNoDate の .asom-nodate-note が出ているとき）は、上の「日時の指定がなければ…」の囲みを出さない */
body.asom-co .asom-co-main .form_element:has(.asom-nodate-note) li.custom_space:has(.asom-date-note){display:none!important}

/* 確認画面：返品特約の「返品・交換について」リンク（asomReturnLink）2026-10-14 */
a.asom-return-link{color:#8C6D35!important;text-decoration:underline!important;text-underline-offset:3px;font-weight:600}
a.asom-return-link:hover{opacity:.75}

/* 品番：商品ページ・カート・確認画面は商品名の下に「品番 ○○」と小さく1行（電話注文の確認用）。商品一覧・ランキングなどの一覧には出さない 2026-10-14 */
.model_number_info{display:block!important;font-size:12px!important;color:#8A8178!important;letter-spacing:.06em!important;margin-top:6px!important;font-weight:400!important;line-height:1.6!important}
.model_number_info .bracket{display:none!important}
.model_number_info::before{content:"品番";font-weight:400;margin-right:.6em}
.item_name .model_number:not(.model_number_info){display:none!important}

/* ランキングは出さない（2026-10-14 ユーザー決定：トップは Best Sellers ＋ Recommend）。「RANKING」（売れ筋順の並び替え用）の切り替えボタンと一覧を隠す。登録そのものは並び替えに使うので残す */
.ranking_unit1_btn_box{display:none!important}
.main_ranking_item_box .ranking_navigation{display:none!important}
.main_ranking_item_box #itemlist_box1{display:none!important}

/* トップ：Recommend（おすすめ商品）を Best Sellers・New Arrivals とそろえる 2026-10-14
   ・英語の見出しの下に日本語「おすすめアイテム」（ほかと同じ h2::after）
   ・上の余白をほかと同じに。New Arrivals との間に細い線と余白を入れて、2つの欄を分ける */
.item_pickup .section_title h2::after{content:"おすすめアイテム"}
.main_recommend_item_box .main_box{padding-top:40px!important}
@media (min-width:980px){.main_recommend_item_box .main_box{padding-top:56px!important}}
.main_new_item_box{position:relative}
.main_new_item_box::before{content:"";display:block;width:min(1200px,calc(100% - 32px));height:1px;margin:0 auto;background:#E7DFD2}
.main_new_item_box .main_box.item_new{padding-top:56px!important}
@media (min-width:980px){.main_new_item_box .main_box.item_new{padding-top:72px!important}}

/* ▼ 商品ページの「買う場所」2026-10-14　並べ替えはヘッダーの asomBuyBox */
/* ① 片耳・両耳ペアの価格のめやす（やわらかいカード） */
.asom-buy .asom-ptable-box{margin:4px 0 10px}
.asom-pg{background:#FAF7F2;border:1px solid #EFE6D8;border-radius:12px;padding:6px 16px}
.asom-pg-head{display:flex;align-items:center;gap:6px;white-space:nowrap}
.asom-pg-head .en{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:12.5px;letter-spacing:.12em;color:#A98A55}
.asom-pg-head .ja{font-size:10px;letter-spacing:.06em;color:#8A8178}
.asom-pg-grid{display:grid;grid-template-columns:minmax(0,1fr) repeat(var(--cols),minmax(96px,auto));align-items:stretch;column-gap:0}
.asom-pg-grid > *{padding:6px 0;border-top:1px solid #EAE1D3}
.asom-pg-grid > :is(.asom-pg-head,.asom-pg-col){border-top:0}
.asom-pg-col{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding-left:16px!important;font-size:12px;letter-spacing:.06em;color:#2B2724;white-space:nowrap}
.asom-pg-col small{font-size:10px;color:#8A8178;letter-spacing:.04em}
.asom-pg-ear{display:inline-block;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#E9D9AE,#B69D45);box-shadow:0 0 0 1px rgba(169,138,85,.25);flex:0 0 auto}
.asom-pg-ear.is-pair{box-shadow:0 0 0 1px rgba(169,138,85,.25),11px 0 0 0 #C9B06A,11px 0 0 1px rgba(169,138,85,.25);margin-right:11px}
.asom-pg.is-white .asom-pg-ear{background:linear-gradient(135deg,#FFFFFF,#BFC3C9);box-shadow:0 0 0 1px rgba(120,124,130,.3)}
.asom-pg.is-white .asom-pg-ear.is-pair{box-shadow:0 0 0 1px rgba(120,124,130,.3),11px 0 0 0 #CDD0D5,11px 0 0 1px rgba(120,124,130,.3)}
.asom-pg-row{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#4F4841;letter-spacing:.04em;min-width:0}
.asom-pg-row b{font-weight:600;color:#2B2724;letter-spacing:.06em}
.asom-pg-metal{flex:0 0 auto;width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.asom-pg-metal.m-y{background:linear-gradient(135deg,#F1E3B8,#C5A24F)}
.asom-pg-metal.m-w{background:linear-gradient(135deg,#FBFBFB,#C9CCD1)}
.asom-pg-metal.m-p{background:linear-gradient(135deg,#F6DCCF,#D29C86)}
.asom-pg-price{display:flex;align-items:center;justify-content:flex-end;gap:1px;padding-left:16px!important;font-family:Georgia,"Times New Roman",serif;font-size:15px;letter-spacing:.03em;color:#2B2724;font-variant-numeric:tabular-nums;white-space:nowrap}
.asom-pg-price small{font-family:inherit;font-size:11px;margin-left:1px;color:#6B6259}
@media (max-width:420px){.asom-pg{padding:12px 14px 10px}.asom-pg-grid{grid-template-columns:minmax(0,1fr) repeat(var(--cols),minmax(80px,auto))}.asom-pg-col,.asom-pg-price{padding-left:10px!important}.asom-pg-col small{display:none}.asom-pg-price{font-size:15px}}
/* 価格のめやす：さらに小さく（2026-10-14 ユーザー「もっと小さく」） */
.asom-buy .asom-ptable-box{margin:2px 0 8px}
.asom-pg{padding:3px 12px;border-radius:10px}
.asom-pg-grid{grid-template-columns:minmax(0,1fr) repeat(var(--cols),minmax(78px,auto))}
.asom-pg-grid > *{padding:4px 0}
.asom-pg-head .en{font-size:11px;letter-spacing:.1em}
.asom-pg-head .ja{font-size:9.5px}
.asom-pg-col{font-size:11px;gap:4px;padding-left:12px!important}
.asom-pg-col small{font-size:9.5px}
.asom-pg-ear{width:6px;height:6px}
.asom-pg-ear.is-pair{box-shadow:0 0 0 1px rgba(169,138,85,.25),9px 0 0 0 #C9B06A,9px 0 0 1px rgba(169,138,85,.25);margin-right:9px}
.asom-pg.is-white .asom-pg-ear.is-pair{box-shadow:0 0 0 1px rgba(120,124,130,.3),9px 0 0 0 #CDD0D5,9px 0 0 1px rgba(120,124,130,.3)}
.asom-pg-row{font-size:11.5px;gap:6px}
.asom-pg-metal{width:9px;height:9px}
.asom-pg-price{font-size:13px;padding-left:12px!important}
.asom-pg-price small{font-size:9.5px}
@media (max-width:420px){.asom-pg-grid{grid-template-columns:minmax(0,1fr) repeat(var(--cols),minmax(68px,auto))}.asom-pg-price{font-size:12.5px}}
/* ② 共有・お問合せ・お気に入りの列をカートボタンの下へ（フォームは並び順 order で並ぶので order もそろえる） */
body.asom-buy #productadd > .detail_section.social_tool{order:3;margin-top:12px;height:auto!important}
body.asom-buy .detail_section.social_tool :is(ul,.social_tool_item){height:auto!important}
body.asom-buy .detail_section.social_tool ul{gap:8px 10px;align-items:center}
body.asom-buy .detail_section.social_tool .asom-moved-btn{display:flex!important;flex-wrap:wrap;gap:8px}
/* ③ レビュー・SNS投稿特典：1行に小さく */
body.asom-buy #productadd .order_item.asom-perk-compact{background:none!important;border:0!important;border-top:1px solid #E7DFD2!important;border-radius:0!important;padding:12px 0 0!important}
body.asom-buy #productadd .order_item.asom-perk-compact::before,body.asom-buy #productadd .asom-perk-compact .order_desc::before{display:none!important;content:none!important}
.asom-buy .asom-perk-compact .asom-perk-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.asom-buy .asom-perk-compact .order_desc{flex:1 1 auto;margin:0!important;font-size:12.5px!important;color:#6B6259!important;line-height:1.7!important}
.asom-buy .asom-perk-compact .asom-perk-line{margin-right:8px}
.asom-buy .asom-perk-compact .asom-perk-link{font-size:12px;color:#8C6D35;text-decoration:underline;text-underline-offset:3px}
.asom-buy .asom-perk-compact .order_label{display:none!important}
.asom-buy .asom-perk-compact .asom-choice button{padding:4px 14px!important;font-size:12px!important;min-height:0!important}
/* ④ スマホの下の帯 */
.asom-buybar{display:none}
@media (max-width:767px){
  .asom-buybar{display:flex;align-items:center;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:900;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #E7DFD2;box-shadow:0 -6px 18px -12px rgba(43,39,36,.35);transform:translateY(110%);transition:transform .25s ease}
  .asom-buybar.show{transform:none}
  .asom-buybar .p{flex:1 1 auto;min-width:0;color:#2B2724;font-size:15px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .asom-buybar .p small{font-size:10.5px;color:#8A8178;margin-left:2px}
  .asom-buybar button{flex:0 0 auto;height:46px;padding:0 26px;border:0;border-radius:999px;background:#2B2724;color:#fff;font-size:14px;letter-spacing:.12em;cursor:pointer}
  body.asom-bar-on .move_to_add_cart{opacity:0!important;pointer-events:none!important}
  body.asom-bar-on .back_to_top{bottom:86px!important;transition:bottom .25s ease}
}

/* ⑤ 選択画面（ポップアップ）の「選択してください」「変更」ボタン：灰色の初期設定 → ASOM の細い線のボタン（2026-10-15） */
.popup_variation .popup_variation_title{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.popup_variation :is(.popup_variation_select_button,.popup_variation_edit_button){display:inline-flex!important;align-items:center;gap:6px;height:auto!important;min-height:0!important;margin:0!important;padding:4px 14px!important;background:#fff!important;border:1px solid #D9CCB6!important;border-radius:999px!important;box-shadow:none!important;font-family:"Zen Kaku Gothic New",sans-serif!important;font-size:12px!important;line-height:1.5!important;letter-spacing:.08em!important;color:#6B5A3E!important;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.popup_variation :is(.popup_variation_select_button,.popup_variation_edit_button) .button_text{font:inherit!important;color:inherit!important;letter-spacing:inherit!important;background:none!important;padding:0!important}
.popup_variation :is(.popup_variation_select_button,.popup_variation_edit_button) :is(.button_head_space,.button_end_space){display:none!important}
.popup_variation .popup_variation_select_button::after{content:"";width:5px;height:5px;margin:-3px 0 0 2px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}
.popup_variation :is(.popup_variation_select_button,.popup_variation_edit_button):hover{border-color:#B08E4F!important;background:#FBF8F3!important;color:#2B2724!important}
.popup_variation .popup_variation_edit_button{padding:3px 12px!important;font-size:11.5px!important;color:#8A8178!important;border-color:#E7DFD2!important}

/* ▼ 一覧のページ番号：テンプレートのグレーの帯をなくし ASOM の丸い番号に（2026-10-15） */
.pager{background:none!important;border:0!important;display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;padding:28px 0 8px!important;margin:0!important}
.pager :is(strong,a,.three_dots){display:inline-flex!important;align-items:center;justify-content:center;min-width:38px;height:38px;margin:0!important;padding:0 6px!important;border:1px solid transparent!important;border-radius:999px!important;background:none!important;box-shadow:none!important;font-family:Jost,"Helvetica Neue",Arial,sans-serif!important;font-size:14px!important;letter-spacing:.04em;color:#6B6259!important;text-decoration:none!important;line-height:1!important}
/* 今のページ＝こげ茶の丸（:is で上の行より強くする） */
.pager :is(strong,.asom-x){background:#2B2724!important;color:#fff!important;font-weight:400!important}
.pager :is(a,.asom-x):hover{border-color:#D9CCB6!important;color:#2B2724!important;background:#FBF8F3!important}
.pager .three_dots{min-width:20px;color:#B5ACA2!important}
/* 「次」「前」は細い線のボタン */
.pager :is(.to_next_page,.to_prev_page){padding:0 18px!important;border-color:#D9CCB6!important;font-family:"Zen Kaku Gothic New",sans-serif!important;font-size:13px!important;letter-spacing:.1em;color:#2B2724!important}
.pager :is(.to_next_page,.to_prev_page) .arrow{margin-left:6px;font-family:Jost,sans-serif}
/* 一覧の上の番号は上下の余白を小さめに */
#pagertop.pager{padding:4px 0 16px!important}
.pager .to_prev_page .arrow{margin:0 6px 0 0}

/* ▼ 商品ページ下「関連グループ」：写真カード＋線のボタン（2026-10-15・asomRelatedCards） */
body.asom-buy .related_group_list{background:#FBF8F3;border-top:1px solid #EFE6D8;border-bottom:1px solid #EFE6D8;padding:36px 16px 40px!important;margin-top:24px}
body.asom-buy .related_group_list .section_title{border:0!important;margin:0 0 22px!important;padding:0!important}
body.asom-buy .related_group_list .section_title h2{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;padding:0;border:0;text-transform:none!important}
body.asom-buy .related_group_list .section_title h2::before{content:"Find similar";font-family:"Cormorant Garamond","Times New Roman",serif;font-style:italic;font-size:26px;letter-spacing:.04em;color:#2B2724;line-height:1.1;text-transform:none}
body.asom-buy .related_group_list .title_text{font-family:"Zen Kaku Gothic New",sans-serif;font-size:12px;letter-spacing:.18em;color:#8A8178;font-weight:400}
body.asom-buy .related_group_list :is(.title_head_space,.title_end_space){display:none}
/* 写真カード */
.asom-rg-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 16px;max-width:900px;margin:0 auto 22px}
.asom-rg-card{flex:0 1 200px;min-width:150px;display:block;color:#2B2724!important;text-decoration:none!important}
.asom-rg-card .ph{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:#EFE6D8}
.asom-rg-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.asom-rg-card:hover img{transform:scale(1.04)}
.asom-rg-card .tx{display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:10px}
.asom-rg-card .en{font-family:"Cormorant Garamond","Times New Roman",serif;font-style:italic;font-size:18px;letter-spacing:.03em;line-height:1.2}
.asom-rg-card .ja{font-family:"Zen Kaku Gothic New",sans-serif;font-size:11.5px;letter-spacing:.1em;color:#8A8178}
.asom-rg-card:hover .en{color:#8C6D35}
/* 線のボタン（価格帯・形・シリーズなど） */
body.asom-buy .related_group_list ul{justify-content:center;gap:10px!important;max-width:760px;margin:0 auto!important}
body.asom-buy .related_group_list li{margin:0!important;padding:0!important;width:auto!important}
body.asom-buy .related_group_list li :is(.nav_btn,.nav_text){background-color:#fff!important}
body.asom-buy .related_group_list li .nav_text{padding:0!important;border:0!important}
body.asom-buy .related_group_list .nav_btn{border:1px solid #D9CCB6!important;border-radius:999px!important;padding:9px 20px!important;color:#2B2724!important;font-size:13.5px!important;letter-spacing:.06em;transition:border-color .2s,color .2s}
body.asom-buy .related_group_list .nav_btn::after{content:"";width:5px;height:5px;margin-left:10px;border-top:1px solid #A98A55;border-right:1px solid #A98A55;transform:rotate(45deg)}
body.asom-buy .related_group_list .nav_btn:hover{border-color:#B08E4F!important;color:#8C6D35!important}
/* スマホ：カードは横にすべらせる */
@media (max-width:767px){
  body.asom-buy .related_group_list{padding:30px 0 32px!important}
  .asom-rg-cards{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;padding:0 16px 4px;gap:12px;scrollbar-width:none}
  .asom-rg-cards::-webkit-scrollbar{display:none}
  .asom-rg-card{flex:0 0 42%;min-width:0;scroll-snap-align:start}
  .asom-rg-card .en{font-size:16px}
  body.asom-buy .related_group_list ul{padding:0 16px!important;gap:8px!important}
  body.asom-buy .related_group_list .nav_btn{padding:8px 16px!important;font-size:12.5px!important}
}

/* ▼ 商品ページ「合わせて着けたい（Pair with）」（2026-10-15・asomPairWith） */
.asom-pair{max-width:882px;margin:40px auto 8px;padding:0 16px}
.asom-pair-head{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:20px}
.asom-pair-head .en{font-family:"Cormorant Garamond","Times New Roman",serif;font-style:italic;font-size:26px;letter-spacing:.04em;color:#2B2724;line-height:1.1}
.asom-pair-head .ja{font-family:"Zen Kaku Gothic New",sans-serif;font-size:12px;letter-spacing:.18em;color:#8A8178}
.asom-pair-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px;list-style:none;margin:0;padding:0}
.asom-pair-list a{display:block;color:#2B2724!important;text-decoration:none!important}
.asom-pair-list .ph{display:block;aspect-ratio:1/1;overflow:hidden;background:#F5EFE5}
.asom-pair-list img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.asom-pair-list a:hover img{transform:scale(1.04)}
.asom-pair-list .nm{display:block;margin-top:10px;font-size:12.5px;line-height:1.6;letter-spacing:.04em;color:#2B2724}
.asom-pair-list .pr{display:block;margin-top:2px;font-family:Jost,"Helvetica Neue",Arial,sans-serif;font-size:13px;letter-spacing:.02em;color:#4F4841}
.asom-pair-list .pr small{display:inline-block;white-space:nowrap;font-family:"Zen Kaku Gothic New",sans-serif;font-size:10px;color:#8A8178;margin-left:2px}
.asom-pair-list a:hover .nm{color:#8C6D35}
@media (max-width:767px){
  .asom-pair{margin-top:32px}
  .asom-pair-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
  .asom-pair-list .nm{font-size:12px}
}

/* ▼ スマホだけ：説明の写真を2枚までにたたむ（2026-10-15・asomPhotoFold） */
@media (max-width:767px){
  .asom-desc-photos.asom-photos-fold{position:relative}
  .asom-desc-photos.asom-photos-fold > :nth-child(n+3){display:none!important}
  .asom-desc-photos.asom-photos-fold::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}
  .asom-photos-more{display:flex;align-items:center;justify-content:center;gap:2px;width:100%;min-height:48px;margin:6px 0 18px;padding:0 16px;background:#fff;border:1px solid #D9CCB6;border-radius:999px;font-family:"Zen Kaku Gothic New",sans-serif;font-size:13.5px;letter-spacing:.08em;color:#2B2724;cursor:pointer}
  .asom-photos-more span{font-size:11.5px;color:#8A8178;letter-spacing:.04em}
  .asom-photos-more::after{content:"";width:6px;height:6px;margin:-4px 0 0 10px;border-right:1px solid #A98A55;border-bottom:1px solid #A98A55;transform:rotate(45deg)}
}

/* ▼ スマホの商品一覧：最初の画面に商品が見えるように上の案内を小さく（2026-10-15・B案＝写真は細い帯で残す） */
@media (max-width:767px){
  .asom-grp{margin-bottom:12px!important}
  .asom-grp .g-intro{display:block!important}
  .asom-grp .g-copy{padding:14px 16px 12px!important}
  .asom-grp .g-label{display:none!important}
  .asom-grp .g-catch{font-size:17px!important;line-height:1.5!important;margin:0 0 4px!important}
  /* 説明文は2行まで（続きは「…」） */
  .asom-grp .g-lead{font-size:12.5px!important;line-height:1.7!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .asom-grp .g-more{display:inline-block!important;margin-top:6px!important;font-size:12px!important}
  /* 着用写真は高さ110pxの帯に */
  .asom-grp .g-ph-multi{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:3px!important;height:110px!important}
  .asom-grp .g-ph-multi figure{margin:0!important;height:110px!important;overflow:hidden}
  .asom-grp .g-ph-multi img{width:100%!important;height:110px!important;object-fit:cover!important;object-position:50% 40%!important}
  /* カテゴリーのボタンは横にすべらせる1行 */
  .asom-grp .g-nav{margin-top:12px!important}
  .asom-grp .g-nav-h{display:none!important}
  .asom-grp .g-chips{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;margin:0 -16px!important;padding:0 16px 2px!important}
  .asom-grp .g-chips::-webkit-scrollbar{display:none}
  .asom-grp .g-chips a{flex:0 0 auto;white-space:nowrap}
  /* 上のページ番号は出さない（下のページ番号はそのまま） */
  #pagertop.pager{display:none!important}
}

/* ▼ スマホのトップ：カテゴリーを横にすべらせる1段に（4枚目が少しのぞく）→ Best Sellers を上へ（2026-10-15） */
@media (max-width:767px){
  .asom-cat-head{margin-bottom:12px!important}
  .asom-cat-grid{display:flex!important;overflow-x:auto;gap:10px!important;margin:0 -16px!important;padding:0 16px 4px!important;scrollbar-width:none}
  .asom-cat-grid::-webkit-scrollbar{display:none}
  .asom-cat-grid .asom-cat-card{flex:0 0 100px!important}
  .asom-cat-grid .visual{aspect-ratio:1/1!important;height:auto!important}
  .asom-cat-grid .visual img{width:100%!important;height:100%!important;object-fit:cover}
  .asom-cat-grid .cap{padding:6px 0 0!important}
  .asom-cat-grid .cap .en{font-size:12.5px!important}
  .asom-cat-grid .cap .jp{font-size:10px!important}
}

/* ▼ スマホの商品ページ：押す場所を44px以上に（見た目はそのまま・2026-10-15） */
@media (max-width:767px){
  .asom-color a{min-height:44px!important}
  .asom-gift-row .asom-choice button, #productadd .asom-choice button{min-height:44px!important}
  .asom-perk-compact .asom-choice button{min-height:44px!important;padding:0 18px!important}
  /* 文字リンクは押せる範囲だけ広げる（上下に余白→同じだけ詰める） */
  .asom-perk-link, .return_policy_link{display:inline-block;padding:12px 0!important;margin:-12px 0!important}
  .detail_section.social_tool :is(a,button){min-height:44px!important;display:inline-flex!important;align-items:center}
  .related_group_list .nav_btn{min-height:44px!important;padding-top:0!important;padding-bottom:0!important;display:inline-flex!important;align-items:center}
}

/* ▼ 購入完了画面（/cart/complete）：お礼・これからの流れ・特典（2026-10-15） */
.asom-thx{max-width:640px;margin:8px auto 0;text-align:center;color:#4F4841;font-family:"Zen Kaku Gothic New",sans-serif}
.asom-thx a{color:#8C6D35}
.asom-thx-hero{background:#FBF3EE;border-radius:18px;padding:22px 22px 24px}
.asom-thx-ill{display:block;width:100%;max-width:360px;height:auto;margin:0 auto 4px;border-radius:12px}
.asom-thx-en{margin:8px 0 0;font-family:"Cormorant Garamond","Times New Roman",serif;font-style:italic;font-size:30px;letter-spacing:.04em;color:#9A7B45}
.asom-thx-h{margin:6px 0 0;font-family:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif;font-size:20px;line-height:1.8;letter-spacing:.08em;color:#2B2724}
.asom-thx br.sp{display:none}
.asom-thx-lead{margin:12px 0 0;font-size:12.5px;line-height:1.9;color:#766D63}
.asom-thx-sec{margin-top:26px}
.asom-thx-sec::before{content:"";display:block;width:180px;height:12px;margin:0 auto 10px;background:url(/data/asom/image/mail-dots-fade.png) center/180px 12px no-repeat}
.asom-thx-label{margin:0 0 14px;font-family:"Shippori Mincho","Hiragino Mincho ProN",serif;font-size:16px;letter-spacing:.1em;color:#2B2724}
.asom-thx-label span{display:block;margin-bottom:2px;font-family:"Cormorant Garamond","Times New Roman",serif;font-style:italic;font-size:18px;letter-spacing:.04em;color:#9A7B45}
/* 流れ：横一列・点線でつなぐ */
.asom-thx-flow{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin:0 auto;padding:0;max-width:440px;counter-reset:f}
.asom-thx-flow li{position:relative;padding-top:38px;font-size:11.5px;line-height:1.5;letter-spacing:.02em;color:#4F4841;counter-increment:f}
.asom-thx-flow li::before{content:counter(f);position:absolute;left:50%;top:0;width:28px;height:28px;margin-left:-14px;border-radius:50%;background:#fff;border:1px solid #D9CCB6;font-family:Jost,sans-serif;font-size:12px;line-height:26px;text-align:center;color:#8C6D35;z-index:1}
.asom-thx-flow li:not(:last-child)::after{content:"";position:absolute;left:calc(50% + 16px);right:calc(-50% + 16px);top:14px;border-top:1px dashed #D9CCB6}
.asom-thx-flow li:first-child::before{background:#B08E4F;border-color:#B08E4F;color:#fff}
/* 特典：小さめの横長カード */
.asom-thx-gifts{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:440px;margin:0 auto 10px}
.asom-thx-gifts a{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 6px;border:1px solid #EFE6D8;border-radius:12px;text-align:left;text-decoration:none!important}
.asom-thx-gifts img{flex:0 0 56px;width:56px;height:56px;object-fit:cover;border-radius:8px}
.asom-thx-gifts b{font-weight:400;font-size:12px;line-height:1.5;color:#2B2724}
.asom-thx-note{margin:0;font-size:12.5px;line-height:1.8;color:#766D63}
.asom-thx-sns{display:flex;justify-content:center;gap:10px;margin-top:22px}
.asom-thx-sns a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid #D9CCB6;border-radius:999px;font-size:12.5px;letter-spacing:.06em;text-decoration:none!important;color:#2B2724!important}
.asom-thx-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:22px 0 8px}
.asom-thx-btns a{display:inline-flex;align-items:center;justify-content:center;min-width:200px;min-height:48px;padding:0 24px;border-radius:999px;font-size:14px;letter-spacing:.12em;text-decoration:none!important}
.asom-thx-btns .is-line{border:1px solid #2B2724;color:#2B2724!important;background:#fff}
.asom-thx-btns .is-dark{background:#2B2724;color:#fff!important}
@media (max-width:767px){
  .asom-thx-hero{padding:16px 14px 18px}
  .asom-thx-ill{max-width:250px}
  .asom-thx-en{font-size:26px}
  .asom-thx-h{font-size:16.5px}
  .asom-thx br.sp{display:inline}
  .asom-thx-gifts img{flex-basis:48px;width:48px;height:48px}
  .asom-thx-gifts b{font-size:11.5px}
  .asom-thx-btns{display:grid;grid-template-columns:1fr 1fr}
  .asom-thx-btns a{min-width:0;padding:0 8px;font-size:13px;letter-spacing:.06em}
}

/* ▼ カートに商品が残っているお知らせ（asomCartRemind・2026-10-15） */
.asom-cartremind{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;margin:0;padding:10px 48px 10px 16px;background:#FBF3EE;border-bottom:1px solid #F0E4D8;font-family:"Zen Kaku Gothic New",sans-serif;color:#4F4841}
.asom-cartremind p{margin:0;font-size:13px;line-height:1.6;letter-spacing:.04em}
.asom-cartremind b{font-weight:500;color:#8C6D35}
.asom-cartremind br.sp{display:none}
.asom-cartremind-go{display:inline-flex;align-items:center;flex:0 0 auto;min-height:34px;padding:0 16px;border-radius:999px;background:#2B2724;color:#fff!important;font-size:12px;letter-spacing:.08em;text-decoration:none!important}
.asom-cartremind-x{position:absolute;right:6px;top:50%;width:40px;height:40px;margin-top:-20px;border:0;background:none;font-size:18px;line-height:1;color:#9A8F84;cursor:pointer}
@media (max-width:767px){
  .asom-cartremind{justify-content:space-between;gap:10px;padding:8px 44px 8px 14px}
  .asom-cartremind p{font-size:12px;text-align:left}
  .asom-cartremind br.sp{display:inline}
}

/* ▼ 商品ページ：読み込み中に以前の特典の箱（イラスト付きの緑の箱）が一瞬出ないように（2026-10-15）
     今の1行の形（asom-perk-compact）は、ページを読み終わってからスクリプトが付けるため、
     付く前から同じ見た目にしておく */
#productadd #order_2_item .order_item{background:none!important;border:0!important;border-top:1px solid #E7DFD2!important;border-radius:0!important;padding:12px 0 0!important}
#productadd #order_2_item .order_item::before,
#productadd #order_2_item .order_desc::before{display:none!important;content:none!important}

/* ▼ 商品ページ：価格と購入欄は、組み替え（asomBuyBox。ページ読み込み直後に動く）が終わってから見せる（2026-10-15）
     標準の見た目（プルダウンの選択肢など）が一瞬出ないように。組み替えが動かなくても 2.5 秒で必ず表示 */
@keyframes asomShowBuy{to{visibility:visible}}
.detail_page_body:not(.asom-buy) #option:has(#productadd),
.detail_page_body:not(.asom-buy):has(#productadd) .upper_price_box{visibility:hidden;animation:asomShowBuy 0s 2.5s forwards}

/* ▼ お知らせの1行（トップのスライダーの下、asomNews 2026-10-15） */
.asom-news{max-width:1200px;margin:0 auto;padding:0 16px}
.asom-news a{display:flex;align-items:center;gap:14px;min-height:48px;padding:10px 4px;border-bottom:1px solid #EFE6D8;text-decoration:none!important;color:#2B2724!important;font-family:"Zen Kaku Gothic New",sans-serif}
.asom-news-en{flex:0 0 auto;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:17px;color:#9A7B45;letter-spacing:.04em}
.asom-news-date{flex:0 0 auto;font-family:Jost,sans-serif;font-size:12px;color:#8C8378;letter-spacing:.06em}
.asom-news-t{flex:1 1 auto;min-width:0;font-size:13px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asom-news-ar{flex:0 0 auto;color:#B08E4F;font-size:16px}
@media (max-width:767px){
  .asom-news a{display:grid;grid-template-columns:auto 1fr auto;column-gap:10px;row-gap:2px;padding:10px 2px}
  .asom-news-en{grid-column:1;grid-row:1}
  .asom-news-date{grid-column:2;grid-row:1;font-size:11px}
  .asom-news-t{grid-column:1/3;grid-row:2;font-size:12.5px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5}
  .asom-news-ar{grid-column:3;grid-row:1/3;align-self:center}
}

/* ▼ お知らせのページ（/news 一覧・/news-detail 記事）をASOMの見た目に（2026-10-15）
     ・おちゃのこ標準の「TOPICS」を「お知らせ」に（見出し・パンくず・戻るボタン）
     ・一覧は日付と題名の行、記事は読みやすい本文。オープンのお知らせ本文は .asom-nw */
.whatnew_page_body .page_title .title_text,
.whatnew_page_body .breadcrumb_list .thispage,
.whatnew_detail_page_body .breadcrumb_nav2 .breadcrumb_text{font-size:0!important;letter-spacing:0!important}
.whatnew_page_body .page_title .title_text::after{content:"お知らせ";font-size:18px;letter-spacing:.14em}
.whatnew_page_body .breadcrumb_list .thispage::after,
.whatnew_detail_page_body .breadcrumb_nav2 .breadcrumb_text::after{content:"お知らせ";font-size:12px;letter-spacing:.04em}

/* 一覧 */
.whatnew_page_body .item_count{display:none}
.whatnew_page_body .whatnew_list .list_item_cell{width:100%!important;margin:0!important;padding:0!important;border:0!important}
.whatnew_page_body .whatnew_list .list_item_box{padding:18px 6px!important;border-bottom:1px solid #EFE6D8;text-decoration:none!important}
.whatnew_page_body .whatnew_list .list_item_data{display:flex;align-items:center;gap:18px;width:100%}
.whatnew_page_body .whatnew_list .date{flex:0 0 auto;font-family:Jost,sans-serif;font-size:12.5px;letter-spacing:.06em;color:#8C8378}
.whatnew_page_body .whatnew_list .whatnew_subject{flex:1 1 auto;font-size:14px;line-height:1.7;letter-spacing:.04em;color:#2B2724}
.whatnew_page_body .whatnew_list .chevron_right_icon{color:#B08E4F}
@media (max-width:767px){
  .whatnew_page_body .whatnew_list .list_item_data{flex-wrap:wrap;gap:2px 10px}
  .whatnew_page_body .whatnew_list .date{width:100%;font-size:11.5px}
  .whatnew_page_body .whatnew_list .whatnew_subject{flex:1 1 0;font-size:13.5px}
}

/* 記事 */
.whatnew_detail_page_body .page_title h1{word-break:auto-phrase}
.whatnew_detail_page_body .article_date{display:block;font-family:Jost,sans-serif;font-size:12.5px;letter-spacing:.08em;color:#8C8378}
.whatnew_detail_page_body .inner_ph_article{max-width:760px;margin:0 auto;font-size:14px;line-height:2.1;letter-spacing:.03em;color:#4F4841}
.whatnew_detail_page_body .inner_ph_article a{color:#8C6D35;text-decoration:underline;text-underline-offset:3px}
.whatnew_detail_page_body .article_lower_btn{margin-top:40px;text-align:center}
.whatnew_detail_page_body a.newsinput{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 26px!important;border:1px solid #D9CCB6!important;border-radius:999px!important;background:#fff!important;font-size:0!important;color:#2B2724!important;text-decoration:none!important}
.whatnew_detail_page_body a.newsinput i{font-size:11px;color:#B08E4F}
.whatnew_detail_page_body a.newsinput::after{content:"お知らせ一覧へ";font-size:13px;letter-spacing:.1em}

/* オープンのお知らせ本文（.asom-nw） */
.asom-nw p{word-break:auto-phrase}
.asom-nw{text-align:center;font-family:"Zen Kaku Gothic New",sans-serif;color:#4F4841}
.asom-nw a{text-decoration:none!important}
.asom-nw br.sp{display:none}
.asom-nw-hero{margin:0 0 28px}
.asom-nw-hero img{display:block;width:100%;height:auto;max-height:440px;object-fit:cover;object-position:50% 40%;border-radius:14px}
.asom-nw-en{margin:0;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:30px;letter-spacing:.05em;color:#9A7B45}
.asom-nw-h{margin:6px 0 0;font-family:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif;font-size:22px;line-height:1.8;letter-spacing:.1em;color:#2B2724}
.asom-nw-lead{margin:18px 0 0;font-size:14px;line-height:2.1;color:#4F4841}
.asom-nw-copy{margin:30px 0 0;font-family:"Shippori Mincho","Hiragino Mincho ProN",serif;font-size:16px;letter-spacing:.2em;color:#8C6D35}
.asom-nw-copy::before,.asom-nw-copy::after{content:"";display:block;width:180px;height:12px;margin:12px auto;background:url(/data/asom/image/mail-dots-fade.png) center/180px 12px no-repeat}
.asom-nw-sec{margin-top:30px;padding:30px 22px 26px;background:#FBF3EE;border-radius:18px}
.asom-nw-label{margin:0;font-family:"Shippori Mincho","Hiragino Mincho ProN",serif;font-size:17px;letter-spacing:.12em;color:#2B2724}
.asom-nw-label span{display:block;margin-bottom:2px;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:19px;letter-spacing:.04em;color:#9A7B45}
.asom-nw-free{display:inline-block;margin:16px 0 0;padding:6px 18px;border:1px solid #E3D3BC;border-radius:999px;background:#fff;font-size:13px;letter-spacing:.1em;color:#2B2724}
.asom-nw-perks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 0;padding:0;list-style:none}
.asom-nw-perks li{padding:14px 8px 16px;background:#fff;border-radius:14px}
.asom-nw-perks img{display:block;width:84px;height:84px;margin:0 auto 8px;object-fit:contain}
.asom-nw-perks b{display:block;font-weight:500;font-size:13px;letter-spacing:.04em;color:#2B2724}
.asom-nw-perks span{display:block;margin-top:4px;font-size:11.5px;line-height:1.6;color:#8C8378}
.asom-nw-more{margin:16px 0 0;font-size:13px}
.asom-nw-more a{color:#8C6D35!important;text-decoration:underline!important;text-underline-offset:3px}
.asom-nw-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:30px 0 0}
.asom-nw-btns a{display:inline-flex;align-items:center;justify-content:center;min-width:220px;min-height:50px;padding:0 26px;border-radius:999px;font-size:14px;letter-spacing:.12em}
.asom-nw-btns .is-dark{background:#2B2724;color:#fff!important}
.asom-nw-btns .is-line{border:1px solid #2B2724;background:#fff;color:#2B2724!important}
.asom-nw-close{margin:30px 0 6px;font-size:13px;line-height:2;color:#766D63}
@media (max-width:767px){
  .asom-nw br.pc{display:none}
  .asom-nw br.sp{display:inline}
  .asom-nw-hero{margin:0 -4px 22px}
  .asom-nw-hero img{border-radius:12px}
  .asom-nw-en{font-size:26px}
  .asom-nw-h{font-size:18px}
  .asom-nw-lead{font-size:13.5px;line-height:2}
  .asom-nw-sec{padding:24px 14px 22px}
  .asom-nw-perks{grid-template-columns:1fr 1fr;gap:10px}
  .asom-nw-perks img{width:72px;height:72px}
  .asom-nw-btns{display:grid;grid-template-columns:1fr;gap:10px}
  .asom-nw-btns a{min-width:0}
}

/* ▼ 商品一覧「表示順変更」で開く欄（表示数・並び順・絞り込む）をASOMの見た目に（2026-10-15） */
.item_sort_form .custom_toggle_area{background:#FBF8F3!important;padding:0!important;border:0!important} /* 閉じたときに中身がはみ出さないよう、余白は内側（.sort_item）に */
.item_sort_form .custom_toggle_area>.sort_item{padding:8px 22px 14px}
.item_sort_form .sort_item .sort_box{display:flex;align-items:center;gap:14px;padding:14px 0!important;border-bottom:1px solid #EFE6D8!important;margin:0!important}
.item_sort_form .sort_item_label{font-family:"Zen Kaku Gothic New",sans-serif;font-size:13px;letter-spacing:.08em;color:#4F4841}
.item_sort_form .sort_item_label .colon{display:none}
.item_sort_form .sort_label{min-width:4.5em;margin:0!important}
.item_sort_form .select_box{position:relative;display:inline-block}
.item_sort_form .select_box::after{content:"";position:absolute;right:14px;top:50%;width:6px;height:6px;margin-top:-5px;border-right:1px solid #8C6D35;border-bottom:1px solid #8C6D35;transform:rotate(45deg);pointer-events:none}
.item_sort_form .select_box select{-webkit-appearance:none;appearance:none;min-width:190px;height:42px;padding:0 38px 0 14px!important;border:1px solid #E7DFD2!important;border-radius:2px!important;background:#fff!important;font-family:"Zen Kaku Gothic New",sans-serif;font-size:14px;letter-spacing:.04em;color:#2B2724!important;box-shadow:none!important;cursor:pointer}
.item_sort_form .select_box select:focus{outline:none;border-color:#B08E4F!important}
.item_sort_form .custom_toggle_area .global_btn{margin:18px 0 4px!important;text-align:center}
.item_sort_form button.sortinput{min-width:220px;min-height:46px;padding:0 28px!important;border:0!important;border-radius:999px!important;background:#2B2724!important;color:#fff!important;font-family:"Zen Kaku Gothic New",sans-serif;font-size:14px!important;letter-spacing:.14em;box-shadow:none!important}
.item_sort_form button.sortinput:hover{background:#4F4841!important}
.item_sort_form .close_link_box{text-align:right;margin-top:4px}
.item_sort_form .close_link_box a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:12.5px;letter-spacing:.06em;color:#8C8378!important;text-decoration:none!important}
@media (max-width:767px){
  .item_sort_form .custom_toggle_area>.sort_item{padding:4px 14px 10px}
  .item_sort_form .sort_item .sort_box{gap:10px}
  .item_sort_form .select_box{flex:1 1 auto}
  .item_sort_form .select_box select{width:100%;min-width:0}
  .item_sort_form button.sortinput{width:100%}
}

/* ▼ ご利用案内（/help）をASOMの見た目に（asomHelp と組み合わせ・2026-10-15） */
.help_page_body .help_contents{max-width:760px;margin:0 auto;color:#4F4841;font-family:"Zen Kaku Gothic New",sans-serif}
/* 冒頭 */
.asom-help-hero{margin:4px 0 22px;padding:26px 22px 24px;background:#FBF3EE;border-radius:18px;text-align:center}
.asom-help-en{margin:0;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:28px;letter-spacing:.05em;color:#9A7B45}
.asom-help-lead{margin:8px 0 0;font-size:14px;line-height:2;color:#4F4841;word-break:auto-phrase}
.asom-help-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.asom-help-chips li{padding:6px 14px;border:1px solid #E3D3BC;border-radius:999px;background:#fff;font-size:12.5px;letter-spacing:.08em;color:#2B2724}
/* 目次 */
.help_page_body .help_navigation .flex_layout{display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 6px}
.help_page_body .help_navigation .wrapped_item{flex:0 0 auto!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important}
.help_page_body .help_navigation .help_shipping_btn_box,.help_page_body .help_navigation .help_icon_btn_box{display:none!important} /* 送料・アイコンの欄はもともと非表示 */
.help_page_body .help_navigation .nav_text{white-space:nowrap}
.help_page_body .help_navigation a.nav_btn{min-height:40px;padding:0 16px!important;border:1px solid #D9CCB6!important;border-radius:999px!important;background:#fff!important;font-size:13px;letter-spacing:.06em;color:#2B2724!important;text-decoration:none!important}
.help_page_body .help_navigation a.nav_btn:hover{background:#FBF8F3!important}
/* 大見出し：金のドット＋英字＋明朝 */
.help_page_body .help_contents .contents_box{margin-top:44px}
.help_page_body .help_contents .contents_box>.section_title{background:none!important;border:0!important;padding:0!important;margin:0 0 18px!important;text-align:center}
.help_page_body .help_contents .contents_box>.section_title::before{content:"";display:block;width:180px;height:12px;margin:0 auto 12px;background:url(/data/asom/image/mail-dots-fade.png) center/180px 12px no-repeat}
#help_step h3,#help_charge h3,#help_tax h3,#help_payment h3,#help_icon h3,#help_spec h3{margin:0!important;padding:0!important;background:none!important;border:0!important;font-family:"Shippori Mincho","Hiragino Mincho ProN",serif;font-weight:500!important;font-size:19px!important;letter-spacing:.12em;color:#2B2724!important}
#help_step h3[data-en]::before,#help_charge h3[data-en]::before,#help_tax h3[data-en]::before,#help_payment h3[data-en]::before,#help_icon h3[data-en]::before,#help_spec h3[data-en]::before{content:attr(data-en)!important;position:static!important;width:auto!important;height:auto!important;background:none!important;border:0!important;display:block;margin-bottom:2px;font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:400;font-size:19px;letter-spacing:.05em;color:#9A7B45}
/* お買い物の流れ：番号の丸と点線 */
.help_page_body #step_contents{counter-reset:hs;max-width:560px;margin:0 auto}
.help_page_body .help_step{position:relative;padding:0 0 22px 52px;counter-increment:hs}
.help_page_body .help_step::before{content:counter(hs);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #D9CCB6;font-family:Jost,sans-serif;font-size:14px;line-height:32px;text-align:center;color:#8C6D35}
.help_page_body #step_contents section:first-child .help_step::before{background:#B08E4F;border-color:#B08E4F;color:#fff}
.help_page_body section:not(:last-child)>.help_step::after,.help_page_body .help_step:not(:last-child)::after{content:"";position:absolute;left:17px;top:36px;bottom:2px;border-left:1px dashed #D9CCB6}
.help_page_body #step_contents section:last-child .help_step::after{display:none}
.help_page_body .help_step .section_title{background:none!important;border:0!important;padding:0!important;margin:0!important}
.help_page_body .help_step h4{margin:4px 0 0!important;padding:0!important;background:none!important;border:0!important;font-size:15px!important;font-weight:500!important;letter-spacing:.06em;color:#2B2724!important}
.help_page_body .help_step h4::before,.help_page_body .help_step h4::after{display:none!important}
.help_page_body .help_step .help_data p{margin:6px 0 0;font-size:13.5px;line-height:1.9;color:#766D63}
/* 送料・税金・支払い・環境：白いカード */
.help_page_body .help_charge,.help_page_body .help_tax,.help_page_body .help_payment,.help_page_body .help_spec{margin:0 0 12px;padding:18px 20px;background:#fff;border:1px solid #EFE6D8;border-radius:14px}
.help_page_body .help_charge .section_title,.help_page_body .help_tax .section_title,.help_page_body .help_payment .section_title{background:none!important;border:0!important;padding:0!important;margin:0 0 8px!important}
.help_page_body .help_charge h4,.help_page_body .help_tax h4,.help_page_body .help_payment h4{margin:0!important;padding:0 0 8px!important;background:none!important;border:0!important;border-bottom:1px solid #F1EADF!important;font-size:15px!important;font-weight:500!important;letter-spacing:.06em;color:#2B2724!important}
.help_page_body .help_charge h4::before,.help_page_body .help_tax h4::before,.help_page_body .help_payment h4::before{display:none!important}
.help_page_body .help_charge_value{font-family:"Shippori Mincho",serif;font-size:17px;letter-spacing:.1em;color:#8C6D35}
.help_page_body .help_data p{font-size:13.5px;line-height:1.9;color:#4F4841}
.help_page_body .help_payment_data p{display:flex;gap:12px;margin:4px 0;font-size:13.5px}
.help_page_body .help_payment_data .data_label{flex:0 0 6em;color:#8C8378}
.help_page_body .help_payment_data .data_label .colon{display:none}
.help_page_body .help_spec dl{margin:0}
.help_page_body .help_spec dt{margin:14px 0 4px;font-size:14px;font-weight:500;color:#2B2724}
.help_page_body .help_spec dt:first-child{margin-top:0}
.help_page_body .help_spec dd{margin:0;font-size:13px;line-height:1.9;color:#766D63}
@media (max-width:767px){
  .asom-help-hero{padding:22px 16px 20px}
  .asom-help-en{font-size:24px}
  .asom-help-lead{font-size:13px}
  .help_page_body .help_navigation .flex_layout{gap:6px}
  .help_page_body .help_navigation a.nav_btn{min-height:44px;padding:0 14px!important;font-size:12.5px}
  .help_page_body .help_contents h3{font-size:17px!important}
  .help_page_body .help_charge,.help_page_body .help_tax,.help_page_body .help_payment,.help_page_body .help_spec{padding:16px 14px}
}
.help_page_body .asom-step-note a{color:#8C6D35;text-decoration:underline;text-underline-offset:3px}
.help_page_body .help_step .help_data p,.help_page_body .help_data p{word-break:auto-phrase}

/* ▼ お気に入り（/favorite）を写真が主役のカード一覧に（asomFav と組み合わせ・2026-10-15） */
/* 見出し：英字の小見出し＋明朝 */
.asom-fav .page_title h2[data-en]::before{content:attr(data-en);display:block;margin-bottom:4px;font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:400;font-size:22px;letter-spacing:.05em;color:#9A7B45}
.asom-fav .page_title h2{font-family:"Shippori Mincho","Hiragino Mincho ProN",serif;font-weight:500;letter-spacing:.14em}
/* 件数・複数削除の帯 */
.asom-fav .favorite_contents .wishlist_bulk{display:flex;align-items:center;justify-content:space-between;margin:8px 0 18px;padding:0 0 12px;border-bottom:1px solid #EFE6D8}
.asom-fav .favorite_contents .wishlist_count .count_number{font-family:Jost,sans-serif;font-size:13px;letter-spacing:.08em;color:#8C8378}
.asom-fav .favorite_contents .wishlist_bulk .bulk_btn_box{margin:0 0 0 auto!important;float:none!important}
.asom-fav .favorite_contents .bulk_btn .general_btn{border:0!important;background:none!important;padding:0!important;font-size:12.5px;letter-spacing:.06em;color:#766D63!important}
/* 一覧：カードを並べる（PC 4列・タブレット 3列・スマホ 2列） */
.asom-fav .favorite_contents .itemlist_box ul{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 22px;margin:0!important;padding:0!important}
.asom-fav .favorite_contents .itemlist_box li.list_item_cell{display:block!important;position:relative;width:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
.asom-fav .favorite_contents .list_item_box{display:flex!important;flex-direction:column;width:100%;margin:0!important;padding:0!important}
/* 写真 */
.asom-fav .favorite_contents .list_item_photo{width:100%!important;max-width:none!important;margin:0 0 12px!important;padding:0!important}
.asom-fav .favorite_contents .list_item_photo .global_photo{display:block;width:100%!important;aspect-ratio:1/1;overflow:hidden;background:#F7F3EE}
.asom-fav .favorite_contents .list_item_photo img.item_image{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;transition:transform .6s ease}
.asom-fav .favorite_contents .list_item_photo a:hover img.item_image{transform:scale(1.04)}
/* 文字 */
.asom-fav .favorite_contents .list_item_data{position:static!important;width:100%!important;margin:0!important;padding:0!important}   /* 削除ボタンをカード（li）基準で写真の上に置くため static に */
.asom-fav .favorite_contents .item_name{margin:0 0 6px!important;font-size:13px;line-height:1.7;letter-spacing:.04em}
.asom-fav .favorite_contents .item_name .goods_name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#2B2724}
.asom-fav .favorite_contents a.favorite_item_data_link{text-decoration:none!important}
.asom-fav .favorite_contents .model_number,.asom-fav .favorite_contents .common_icon,.asom-fav .favorite_contents .item_desc{display:none!important}
.asom-fav .favorite_contents .item_info{margin:0!important;padding:0!important;border:0!important}
.asom-fav .favorite_contents .selling_price{margin:0!important;font-family:Jost,sans-serif;font-size:14px;font-weight:400;letter-spacing:.04em;color:#2B2724}
.asom-fav .favorite_contents .selling_price .tax_label{margin-left:2px;font-size:10.5px;color:#8C8378}
/* 登録日・メモ：小さく控えめに */
.asom-fav .favorite_contents .item_registration_date{margin:8px 0 0!important;font-size:11px;letter-spacing:.04em;color:#A39A8F}
.asom-fav .favorite_contents .item_memo{margin:4px 0 0!important;font-size:11px;color:#A39A8F}
.asom-fav .favorite_contents .item_memo_title{font-weight:400!important}
.asom-fav .favorite_contents .item_memo .add_link{padding:0!important;border:0!important;background:none!important;font-size:11px;color:#8C6D35!important;text-decoration:underline;text-underline-offset:3px}
.asom-fav .favorite_contents .item_memo .add_link i{display:none}
.asom-fav .favorite_contents .item_memo_value{font-size:12px;line-height:1.7;color:#766D63;word-break:break-word}
/* カートに入れる：細い枠のボタン（画像ボタンは透明にして上に重ねる） */
.asom-fav .favorite_contents .add_cart{width:100%;margin:12px 0 0!important;padding:0!important}
.asom-fav .favorite_contents .add_cart form.itemlist_cartbutton{position:static!important;width:100%!important;margin:0!important}
.asom-fav .favorite_contents .add_cart .global_btn{position:relative;display:block;width:100%;height:42px;border:1px solid #2B2724;background:#fff;transition:background .2s,color .2s}
.asom-fav .favorite_contents .add_cart .global_btn::before{content:"カートに入れる";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12.5px;letter-spacing:.14em;color:#2B2724;pointer-events:none}
.asom-fav .favorite_contents .add_cart .global_btn:hover{background:#2B2724}
.asom-fav .favorite_contents .add_cart .global_btn:hover::before{color:#fff}
.asom-fav .favorite_contents .add_cart input.cartinput_image{position:absolute;inset:0;width:100%!important;height:100%!important;margin:0;opacity:0;cursor:pointer}
/* 削除：写真の右上に丸いボタン */
.asom-fav .favorite_contents .delete_box{position:absolute!important;top:10px;right:10px;margin:0!important;padding:0!important;z-index:2}
.asom-fav .favorite_contents .delete_box form{display:block}
.asom-fav .favorite_contents .delete_btn_box{position:static!important;display:flex!important;align-items:center;justify-content:center;width:34px;height:34px;border:0!important;border-radius:50%;background:rgba(255,255,255,.9)!important;box-shadow:0 1px 4px rgba(43,39,36,.08);color:#766D63!important}
.asom-fav .favorite_contents .delete_btn_box:hover{background:#fff!important;color:#2B2724!important}
.asom-fav .favorite_contents .delete_btn_box .delete_btn{padding:0!important;border:0!important;background:none!important;font-size:14px;line-height:1}
/* 複数削除のときのチェック：写真の左上 */
.asom-fav .favorite_contents .bulk_check_box{position:absolute;top:10px;left:10px;z-index:2;margin:0!important}
@media (max-width:1024px){ .asom-fav .favorite_contents .itemlist_box ul{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:767px){
  .asom-fav .favorite_contents .itemlist_box ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}
  .asom-fav .favorite_contents .item_name{font-size:12.5px}
  .asom-fav .favorite_contents .selling_price{font-size:13px}
  .asom-fav .favorite_contents .add_cart .global_btn{height:44px}
  .asom-fav .favorite_contents .add_cart .global_btn::before{font-size:12px;letter-spacing:.08em}
  .asom-fav .favorite_contents .delete_box{top:6px;right:6px}
  .asom-fav .favorite_contents .delete_btn_box{width:32px;height:32px}
}

/* スマホ版ヘッダーロゴ幅（Cartier比率に合わせて107px） 2026-10-15 */
@media screen and (max-width: 767px) {
  .header-inner .brand img {
    width: 107px;
    height: auto;
  }
}

/* ▼ 説明画像のリンク（asomDescLinks と組み合わせ・2026-10-15） */
.item_desc_text a.asom-img-link{display:block;transition:opacity .2s}
.item_desc_text a.asom-img-link img{display:block;width:100%;height:auto;margin:0 !important}
.item_desc_text a.asom-img-link:hover{opacity:.82}
.asom-desc-photos .asom-img-grid a.asom-img-link{flex:0 0 auto}

/* ▼ 商品ページのランキングを5点ずつ（パソコン1024px以上・幅1000px。5点の切り替えはヘッダーJS asomRank5、2026-10-15） */
@media (min-width:1024px){ .related_item_by_ranking{max-width:1000px} }

/* ▼ 一覧の写真に淡いベージュの細い線（白背景の写真がページの白に溶けないように・ユーザー決定B、2026-10-15）
     カテゴリ・検索・トップ・ランキング・お気に入り・合わせて着けたい の写真。線は写真の内側に重ねる（outline） */
.item_list img.item_image, .asom-pair .ph img{outline:1px solid #EAE0D2;outline-offset:-1px}

/* ▼ 商品ページのサムネイル：横1列スクロール（C案・2026-10-16 ユーザー決定）
   ・何枚あっても1段。PC・タブレットは6枚見えて左右の矢印で送る、スマホは5枚半見えて指で横にスクロール
   ・表示中の写真は不透明＋ゴールドの細枠、ほかは少し淡く
   ・動き（矢印・枚数表示「3 / 10」・表示中の写真へ自動スクロール）はヘッダーJS asomGalleryRow */
.main_photo_slide .thumbnail {
  position: relative;
  padding: 0 !important;
  margin-top: 8px !important;
  overflow: visible !important;
}
.main_photo_slide .thumbnail ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: 6px;
  width: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  scroll-behavior: smooth;
}
.main_photo_slide .thumbnail ul::-webkit-scrollbar { display: none; }
.main_photo_slide .thumbnail li {
  flex: 0 0 calc((100% - 30px) / 5.5) !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  margin: 0 !important;
  padding: 0 !important;
  opacity: .55;
  transition: opacity .2s;
  outline: 1px solid #EAE0D2;
  outline-offset: -1px;
}
.main_photo_slide .thumbnail li:hover,
.main_photo_slide .thumbnail li.asom-on { opacity: 1; }
.main_photo_slide .thumbnail li.asom-on { outline-color: #B08E4F; }
.main_photo_slide .thumbnail .thumbnail_image_link,
.main_photo_slide .thumbnail .thumbnail_image_box {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
.main_photo_slide .thumbnail li img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
/* 枚数表示（メイン写真の右下） */
.main_photo_slide .inner_slider_box { position: relative; }
.asom-count {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 5;
  padding: 5px 9px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .85);
  color: #5a5048;
  font: 12px/1 "Jost", sans-serif;
  letter-spacing: .08em;
  pointer-events: none;
}
/* PC・タブレット：6枚見せて、左右に矢印 */
.asom-th-nav { display: none; }
@media (min-width: 768px) {
  .main_photo_slide .thumbnail { padding: 0 26px !important; margin-top: 10px !important; }
  .main_photo_slide .thumbnail ul { gap: 8px; }
  .main_photo_slide .thumbnail li { flex-basis: calc((100% - 40px) / 6) !important; }
  .asom-th-nav {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 44px;
    padding: 0;
    border: 0;
    background: none;
    color: #8a7d6b;
    font-size: 20px;
    line-height: 44px;
    cursor: pointer;
  }
  .asom-th-nav.prev { left: 0; }
  .asom-th-nav.next { right: 0; }
  .asom-th-nav[disabled] { opacity: .2; cursor: default; }
}

/* ▼ 説明欄のギャラリー写真：一部をリンクにする範囲（asomGalleryDesc の data-links・2026-10-16） */
.item_desc_text .asom-hot-wrap { position: relative; display: block; }
.item_desc_text .asom-hot-wrap img { display: block; width: 100%; height: auto; }
.item_desc_text .asom-hot { position: absolute; display: block; transition: background-color .2s; }
.item_desc_text .asom-hot:hover { background-color: rgba(255, 255, 255, .18); }

/* ▼ 仕様表：長い項目名（例「アズキチェーン 全長(ペンダントトップ含む)」）は折り返す（2026-10-16）
   1行のままだと表が押し広げられ、スマホで値の列がつぶれるため。短い項目名の見た目は変わらない */
.asom-spec-moved .data_table .cell_header { white-space: normal; width: 6em; }

/* ▼ 商品ページ：シェア・LINE・お問合せ・お気に入りの並び（2026-10-16 ユーザー指摘「バランスがおかしい」）
   お問合せ・お気に入りを1段目に同じ幅で、2段目にシェア（丸いアイコン）と LINE を中央にそろえる */
.social_tool > ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 14px; }
.social_tool .asom-moved-btn { order: -1; flex: 0 0 100%; display: flex; justify-content: center; gap: 10px; margin: 0 0 4px !important; }
.social_tool .asom-moved-btn .global_btn { flex: 1 1 0; max-width: 200px; margin: 0 !important; }
.social_tool .asom-moved-btn img { width: 100%; height: auto; display: block; }
.social_tool .web_share_detail, .social_tool .line_detail { margin: 0 !important; display: flex; align-items: center; }
.detail_section.social_tool .web_share_button { width: 36px !important; height: 36px !important; min-height: 0 !important; margin: 0 !important; padding: 0; border: 1px solid #DCD2C4; border-radius: 50%; background: #fff; color: #8a8178; display: flex; align-items: center; justify-content: center; font-size: 14px; }

/* ▼ ラッピング・レビュー投稿のボタン：文字を中央に。スマホでは「投稿します」もラッピングのボタンと同じ幅・左端にそろえる（2026-10-16） */
.asom-gift-row .asom-choice button, .asom-perk-row .asom-choice button { justify-content: center; align-items: center; text-align: center; }
@media (max-width: 600px) {
  #order_2_item .asom-choice-wrap.asom-perk-row .asom-choice { margin: 8px 0 0 !important; width: calc(50% - 4px) !important; }
  #order_2_item .asom-choice-wrap.asom-perk-row .asom-choice button { width: 100%; min-height: 44px; padding: 7px 8px; }
}

/* ▼ 共有・LINE・お問合せ・お気に入りを横一列に（2026-10-16 ユーザー決定）
   PC：共有・LINE・お問合せ・お気に入りの4つ。スマホ：LINE は共有メニューにあるので隠し、共有・お問合せ・お気に入りの3つ */
.social_tool > ul { flex-wrap: nowrap; gap: 8px; }
.social_tool .asom-moved-btn { order: 3; flex: 1 1 auto; margin: 0 !important; gap: 8px; }
.social_tool .asom-moved-btn .global_btn { max-width: 160px; }
@media (max-width: 600px) {
  .social_tool .line_detail { display: none !important; }
}

/* ▼ 共有の列と商品説明のあいだに余白（2026-10-16 ユーザー指摘「詰まりすぎ」） */
.detail_section.social_tool { margin-bottom: 48px !important; }
@media (max-width: 600px) { .detail_section.social_tool { margin-bottom: 32px !important; } }

/* ▼ 完了メッセージ（例：クーポンを適用しました）の色を ASOM の金色に（2026-10-16 ユーザー指摘「色が良くない」。テンプレートは水色） */
.ok_box { border-color: #D9C9A8 !important; background: #FBF8F2; }
.ok_status { color: #8A6F3E !important; }
.ok_icon .fa { background-color: #B08E4F !important; box-shadow: #B08E4F 0 0 0 1px !important; }