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

/*************************************************************/
/* compact header */
/*************************************************************/

.folding_header .global_nav {
	border-bottom: none;
}

.folding_header .global_nav .inner_popup_nav li {
	padding-bottom: 0px;
}

.responsive .folding_header .inner_global_nav A .right_side_nav_icon.fa,
.responsive .folding_header .column6 .inner_global_nav A .right_side_nav_icon.fa {
	font-size: 14px;
}

/* Reset popup menu ruled lines */
.folding_header .inner_popup_nav .nav_btn {
	color: #333;
}

.folding_header .global_nav_item:first-child .nav_btn  {
	border-left: none;
}

@media screen and (min-width: 840px) {
	.use_hover .folding_header .inner_popup_nav .nav_btn:hover {
		border-bottom: 1px solid #E0DFE3;
	}
}

/* Icon color */
.folding_header .inner_global_nav .fa,
.folding_header .inner_header_nav .close_btn .fa {
	color: #333;
}

.folding_header .inner_global_nav .nav_btn::after,
.folding_header .inner_popup_nav .nav_btn::after,
#container .folding_header .inner_popup_nav .fa {
	color: #333;
}

/* Icon size in upper right corner */
.folding_header .header_nav_item .nav_text .fa {
	font-size: 20px;
}

/* Color of the close icon at the bottom of the popup menu */
.folding_header .inner_global_nav .nav_close_btn .fa {
	color: #333;
}

/* Search background color */
.folding_header .search_bar .search {
  background-color: #FFF;
}
	
@media screen and (max-width: 839px) {
	.folding_header .global_nav li,
	.folding_header .global_nav li:hover {
		padding-bottom: 0px;
		border-bottom: none;
	}

	.responsive .folding_header .inner_global_nav .nav_btn {
		border-bottom: none;
	}

	.folding_header .sp_menu .bar {
		height: 2px;
		border-radius: 2px;
	}

	/* Background color of each popup menu */
	.folding_header .hamburger_nav,
	.folding_header .upper_popup_nav,
	.folding_header .inner_global_nav .nav_btn,
	.folding_header .inner_popup_nav .nav_btn,
	.folding_header .inner_global_nav .global_nav_item .nav_btn {
		background-color: #FFF;
	}
	
	.folding_header .upper_popup_nav,
	.folding_header .lower_popup_nav {
		padding: 0 10px;
	}

	.responsive .folding_header .inner_popup_nav .nav_btn,
	.responsive .folding_header .column6 .inner_popup_nav .nav_btn {
		border-top: 1px solid #E0DFE3;
		border-bottom: none;
		text-align: left;
	}

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

	.folding_header .inner_popup_nav_area,
	.folding_header .inner_popup_menu_area {
		padding: 0;
	}
	
	.responsive.use_hover .folding_header .inner_popup_nav .nav_btn:hover,
	.responsive.use_hover .folding_header .inner_global_nav .nav_btn:hover {
		background-color: #F5F5F5;
	}
	
	/* Background color of each popup menu in the main category/group */
	.folding_header .sp_menu .bar,
	.folding_header .active .bar {
		background-color: #333;
	}
	
	/* spmenu */
	.folding_header .sp_menu,
	.folding_header .sp_menu .bar,
	.folding_header #bar02 {
		width: 20px;
	}
	
	.folding_header .sp_menu {
		height: 20px;
	}
	
	.folding_header #bar01 {
		top: 1px;
	}
	
	.folding_header #bar03 {
		top: 17px;
	}

	/* Each menu line in the popup */
	.folding_header .inner_global_nav .nav_btn,
	.folding_header .inner_popup_nav .nav_btn {
		border-top: 1px solid #E0DFE3;
	}

	/* Main category/Group menu　※For emphasis */
	.responsive .folding_header .inner_global_nav .g_category > .nav_btn,
	.responsive .folding_header .popup_base_menu .t_category > .nav_btn,
	.responsive .folding_header .inner_global_nav .g_group > .nav_btn,
	.responsive .folding_header .popup_base_menu .t_group > .nav_btn,
	.responsive .folding_header .inner_global_nav .g_search > .nav_btn,
	.responsive .folding_header .popup_base_menu .t_search > .nav_btn,
	.responsive .folding_header .inner_global_nav .nav_btn[data-id],
	.responsive .folding_header .popup_base_menu .nav_btn[data-id],
	.responsive .folding_header .inner_global_nav .nav_btn.custom_menu_popup,
	.responsive .folding_header .popup_base_menu .nav_btn.custom_menu_popup {
		font-weight: 700;
		padding: 15px 25px 15px 10px;
		font-size: 108%;
		background-color: #F9F9F9;
		border-bottom: none;
	}
	
	.ocnk005 .folding_header .inner_global_nav .nav_btn,
	.folding_header .inner_global_nav .nav_btn,
	.folding_header .column6 .inner_global_nav .nav_btn {
		font-size: 100%;
	}
	
	.folding_header .inner_global_nav .global_nav_item > .nav_btn:after {
		content: "\e909";
		font-family: 'ocnkiconf';
		font-size: 14px;
	}
	
	.folding_header .inner_global_nav .popup_menu_opener > .nav_btn:after,
	.folding_header .inner_popup_nav .popup_menu_opener > .nav_btn .chevron_right_icon:before,
	.folding_header .inner_global_nav .g_search > .nav_btn:after,
	.folding_header .inner_popup_nav .t_search > .nav_btn .chevron_right_icon:before {
		content: "\e906";
		font-family: 'ocnkiconf';
		right: 12px;
	}
	
	.ocnk020.responsive.compact_header_nav_opened .search_bar:has(.global_btn .searchinput) .search_form input[type="search"] {
		width: 85%;
	}
}

.responsive .folding_header #inner_header {
	padding: 5px 10px;
}

@media screen and (min-width: 840px) {
	.responsive .folding_header #inner_header {
		padding: 10px 0px;
	}
}


/*************************************************************/
/* sns */
/*************************************************************/

.article_social {
    padding-top: 10px;
    margin: 0px 10px;
    border-top: 1px solid #E0DFE3;
}

.article_comment {
    margin-top: 15px;	
}

.page_box .article_comment h2 {
    font-size: 108%;	
}


/*************************************************************/
/* subscription */
/*************************************************************/

#subscription_cycle {
	background-color: #F5F5F5;
}

.subscription_cycle .shipping_label,
.subscription_cycle .cycle_label {
	border-bottom: 1px solid #E0DFE3;
}

.subscription_cycle .cycle_label {
	padding-bottom: 8px;
	margin-bottom: 8px;
}

.subscription_cycle .cycle_label::before {
	content: "\f021";
	display: inline-block;
	width: 20px;
	height: 20px;
	font-family: "FontAwesome";
	font-size: 18px;
	font-weight: 100;
	margin-right: 5px;
}

.subscription_icon {
	background-color: #555555;
	color: #FFFFFF;
}

.price_label.subscription_label,
.price_label.subscription_selling_label {
	font-weight: 500;
}

.subscription_history_data .shipping_date {
	display: inline;
}

.subscription_history_data .history_purchase_date,
.subscription_history_data .shipping_cycle {
	color: #000000;
}

.subscription_history_data .cycle_change_info {
	padding: 15px 10px;
	margin: 10px 0;
	background-color: #EFF8FA;
}

/* Subscription / Regular Purchase choice column */
.detail_page_body .detail_block_subscription_price:has(.subscription_sales_box):has(.regular_sales_box) .detail_section:not(.option_point) {
	padding: 15px;
	margin: 0 10px;
	background-color: #F5F5F5;
	border: 1px solid #E0DFE3;
}

/* Remove duplicate separator lines */
.detail_page_body .detail_block_subscription_price:has(.subscription_sales_box):has(.regular_sales_box) .detail_section:nth-child(n + 2) {
	border-top: none;
}

/* Background color when radio buttons are checked */
.detail_page_body .detail_block_subscription_price:has(.subscription_sales_box):has(.regular_sales_box) .detail_section.subscription_sales_box:has(input:checked),
.detail_page_body .detail_block_subscription_price:has(.subscription_sales_box):has(.regular_sales_box) .detail_section.regular_sales_box:has(input:checked) {
	background-color: #E6F3F6;
}

/* Rounded corners */
.detail_page_body .detail_block_subscription_price:has(.subscription_sales_box):has(.regular_sales_box) .detail_section:first-child {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.detail_page_body .detail_block_subscription_price:has(.subscription_sales_box):has(.regular_sales_box) .detail_section:nth-child(n + 2) {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

/* Subscription icon */
.subscription_icon {
	font-size: 10px;
	background-color: #2E879E;
	border-radius: 3px;
}

/* Subsctiption/Normal item radio click area */
.includes_subscription .subscription_icon {
	position: relative;
	top: -2px;
}

.detail_block_subscription_price:has(.subscription_sales_box):has(.regular_sales_box) .detail_section {
	position: relative;
}

.detail_block_subscription_price:has(.subscription_sales_box):has(.regular_sales_box) label {
	position: absolute;
	inset: 0;
	padding-top: 16px;
	padding-left: 42px;
}

@media screen and (min-width: 840px) {
	.detail_block_subscription_price:has(.subscription_sales_box):has(.regular_sales_box) label {
		padding-left: 40px;
	}
}


/*************************************************************/
/* tablayout */
/*************************************************************/

.anchor_nav_area.tablayout_navigation .nav_btn {
	border-bottom: 3px solid #E0DFE3;
	background-color: #FFFFFF;
	color: #555555;
	font-size: 108%;
}

.anchor_nav_area.tablayout_navigation .nav_btn.nav_on,
.use_hover .anchor_nav_area.tablayout_navigation .nav_btn:hover.nav_on,
.use_hover .anchor_nav_area.tablayout_navigation .nav_btn:hover {
	border-bottom: 3px solid #000000;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 108%;
}

@media screen and (min-width: 840px) {
	.anchor_nav_area.tablayout_navigation {
		margin-bottom: 30px;
	}
	
	.anchor_nav_area.tablayout_navigation .nav_btn,
	.anchor_nav_area.tablayout_navigation .nav_btn.nav_on,
	.use_hover .anchor_nav_area.tablayout_navigation .nav_btn:hover.nav_on,
	.use_hover .anchor_nav_area.tablayout_navigation .nav_btn:hover{
		font-size: 116%;
	}
}


/*************************************************************/
/* article category */
/*************************************************************/

.ocnk004.responsive #container .article_side_col .side_box:last-child,
.article_side_col .side_box:last-child {
	margin-bottom: 0px;
}

.article_side_col .side_box .section_title h2 {
	padding: 10px;
	font-size: 123.1%;
	color: #000;
}

.responsive .article_side_col .side_box .section_title .title_toggle_link h2 {
	background-color: #F5F5F5;
	margin-bottom: 0px;
	padding-right: 24px;
}

.article_side_col .side_box .custom_toggle_box .section_title h2 {
	text-align: left;
}

.article_side_col .side_itemlist_nav .sub_menu_link {
	background-color: #F9F9F9;
	border-top: none;
	border-left: 1px solid #E0DFE3;
	border-right: 1px solid #E0DFE3;
	border-bottom: 1px solid #E0DFE3;
}

.diary_category_phtop .has_toggle_article_side_menu {
	margin-bottom: 0;
}

@media screen and (min-width: 840px) {
	.article_side_col .side_box:last-child {
		margin-bottom: 25px;
	}
	
	.ocnk004.responsive #container .article_side_col .side_box:last-child {
		margin-bottom: 40px;
	}
	
	.article_side_col .side_box .section_title h2 {
		font-size: 153.9%;
	}
	
	.responsive .article_side_col .side_box .section_title .title_toggle_link h2 {
		background-color: transparent;
		padding-right: 0px;
	}
}

/*************************************************************/
/* side area width /  header overlay color dark  */
/*************************************************************/

@media screen and (max-width: 840px) {
	
	/* side box width 280px ============================ */
	
	#left_side_col {
		width: 280px!important;
		left: -280px;
	}

	#right_side_col {
		width: 280px!important;
		right: -280px;
	}

	.open_side_col .left_menu_mode #left_side_col {
		transform: translateX(280px);
	}
	
	.open_side_col .right_menu_mode #right_side_col {
		transform: translateX(-280px);
	}
	
	.open_side_col .side_container {
		padding: 0 10px;
		height: 100%;
		min-height: fit-content;
	}
	
	.open_side_col .side_container .side_box:first-child {
		padding-top: 15px;
	}
	
	.open_side_col .left_menu_mode .menu_blocker,
	.open_side_col .menu_blocker {
		left: 280px;
	}
	
	.open_side_col .right_menu_mode .menu_blocker,
	.open_side_col .menu_blocker {
		left: auto;
		right: 280px;
	}

	.responsive.open_side_col .side_container {
		height: 100%;
		min-height: fit-content;
		box-sizing: border-box;
	}
	
	.open_side_col #contents_bottom,
	.open_side_col #contents_top,
	.open_side_col #footer_wrapper,
	.open_side_col #header_wrapper,
	.open_side_col #maincol,
	.open_side_col #non_approved,
	.open_side_col #photo,
	.open_side_col .breadcrumb_area,
	.open_side_col .left_menu_mode #contents_bottom,
	.open_side_col .left_menu_mode #contents_top,
	.open_side_col .left_menu_mode #footer_wrapper,
	.open_side_col .left_menu_mode #header_wrapper,
	.open_side_col .left_menu_mode #maincol,
	.open_side_col .left_menu_mode #photo,
	.open_side_col .left_menu_mode .breadcrumb_area {
		transform: translateX(280px);
		opacity: 1;
	}
	
	.open_side_col .right_menu_mode #non_approved,
	.open_side_col .right_menu_mode #header_wrapper,
	.open_side_col .right_menu_mode #contents_top,
	.open_side_col .right_menu_mode #photo,
	.open_side_col .right_menu_mode .breadcrumb_area,
	.open_side_col .right_menu_mode #maincol,
	.open_side_col .right_menu_mode #contents_bottom,
	.open_side_col .right_menu_mode #footer_wrapper {
		transform: translateX(-280px);
		opacity: 1;
	}
	
	.menu_blocker .close_btn_box.icon_btn {
		border: none;
	}
}

.has_opened_popup_menu #contents_top,
.has_opened_popup_menu #photo,
.has_opened_popup_menu #contents,
.has_opened_popup_menu #contents_bottom,
.has_opened_popup_menu #footer_wrapper {
	opacity: 1;
}

/* header overlay */
.has_opened_popup_menu:not(.compact_header_nav_opened) #contents::after {
	content: "";
	display: block;
	inset: 0;
	position: fixed;
	background-color: rgba(0,0,0,.5);
	background-attachment: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
	animation: fadeIn 0.7s 0.2s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	opacity: 0;
}

.has_opened_popup_menu .folding_header #header {
	position: relative;
}

@media screen and (min-width: 840px) {
	.has_opened_popup_menu #contents::after {
		animation: fadeIn 0.7s 0s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	}
	
	.open_side_col .menu_blocker .icon_btn,
	.use_hover.open_side_col .menu_blocker .icon_btn:hover {
		border: none;
		overflow: hidden;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


/*************************************************************/
/* form */
/*************************************************************/

input[type="radio"], input[type="checkbox"] {
	margin-right: 8px;
}


/*************************************************************/
/* cart */
/*************************************************************/

@media screen and (min-width: 840px) {
	.ocnk009.responsive #shoppingcart_page_step0 .shoppingcart_contents #cart_preview.contents_box,
	.ocnk009.responsive #shoppingcart_page_step2 .shoppingcart_contents #cart_remarks.contents_box {
		margin-bottom: 0px;
	}
}


/*************************************************************/
/* review post star */
/*************************************************************/

.review_register_page_body .review_post_stars img[src$="star_full_x2.png"],
.review_register_page_body .review_post_stars img[src$="star_empty_x2.png"] { 
	clip-path: polygon(50% 0%, 65% 31%, 98% 35%, 72% 61%, 79% 91%, 50% 74%, 21% 91%, 28% 61%, 2% 35%, 35% 31%);
	object-position: -35px -35px;
}


/*************************************************************/
/* swiper */
/*************************************************************/

.has_inside_controller .swiper-button-prev,
.has_inside_controller .swiper-button-next,
.has_inside_controller .upper_slider_controller .swiper-button-prev,
.has_inside_controller .upper_slider_controller .swiper-button-next,
.has_outside_controller .swiper-button-prev, .has_outside_controller .swiper-button-next,
.has_outside_controller .upper_slider_controller .swiper-button-prev,
.has_outside_controller .upper_slider_controller .swiper-button-next {
	background-size: 12px 27px;
}

.pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right, .has_inside_controller .swiper-button-prev, .has_inside_controller .swiper-button-next, .has_inside_controller .upper_slider_controller .swiper-button-prev, .has_inside_controller .upper_slider_controller .swiper-button-next, .has_outside_controller .swiper-button-prev, .has_outside_controller .swiper-button-next, .has_outside_controller .upper_slider_controller .swiper-button-prev, .has_outside_controller .upper_slider_controller .swiper-button-next {
	width: 15px;
	height: 40px;
	padding: 10px;
}

.responsive .layout_photo .lower_slider_controller .swiper-button-next {
	right: 5px;
}

.responsive .layout_photo .lower_slider_controller .swiper-button-prev {
	left: 5px;
}


/*************************************************************/
/* icon left */
/*************************************************************/

.folding_header .hamburger_nav .popup_nav_item .nav_btn:has(.fa-chevron-right)  {
	padding: 15px 10px 15px 25px;
}

/* open/close trasform reset */
.menu_link_item .open_sub_menu_link .fa-chevron-down.right_side_nav_icon,
.menu_link_item .close_sub_menu_link  .fa-chevron-down.right_side_nav_icon,
.use_hover .menu_link_item .open_sub_menu_link:hover .fa-chevron-down.right_side_nav_icon,
.use_hover .menu_link_item .close_sub_menu_link:hover .fa-chevron-down.right_side_nav_icon,
.toggle_closed .title_toggle_link .fa-chevron-down.right_side_nav_icon,
.toggle_opened .title_toggle_link .fa-chevron-down.right_side_nav_icon,
.use_hover .toggle_closed .title_toggle_link:hover .fa-chevron-down.right_side_nav_icon,
.use_hover .toggle_opened .title_toggle_link:hover .fa-chevron-down.right_side_nav_icon  {
	transform: none;
}

/* has category image nav padding */
.inner_itemlist_nav .nav_btn.has_image_nav_btn:has(.fa-chevron-right),
.inner_side_nav .nav_btn.has_image_nav_btn:has(.fa-chevron-right),
.inner_main_nav .nav_btn.has_image_nav_btn:has(.fa-chevron-right),
.inner_popup_nav .nav_btn.has_image_nav_btn:has(.fa-chevron-right),
.footer_nav_item .nav_btn.has_image_nav_btn:has(.fa-chevron-right),
.folding_header .hamburger_nav .popup_nav_item .nav_btn.has_image_nav_btn:has(.fa-chevron-right),
.inner_itemlist_nav .has_sub_menu .nav_btn.has_image_nav_btn {
	padding: 5px 5px 5px 5px;
}

.inner_itemlist_nav .has_sub_menu .nav_btn.has_image_nav_btn:has(.fa-chevron-down) {
	padding-right: 25px;
}

/* has category image subnav padding */
.side_box:not(:where(.side_sub_menu_hover)) .side_itemlist_nav .sub_menu_link.has_image_nav_btn {
	padding: 5px 10px 5px 5px;
}

/* folding header */
@media screen and (max-width: 839px) {
	.folding_header .inner_global_nav .popup_menu_opener > .nav_btn:after,
	.folding_header .inner_popup_nav .popup_menu_opener > .nav_btn .chevron_right_icon:before,
	.folding_header .inner_global_nav .g_search:has(.hidden_search_bar) > .nav_btn:after,
	.folding_header .inner_popup_nav .t_search:has(.hidden_search_bar) > .nav_btn .chevron_right_icon:before {
		content: "\e90a";
		font-family: 'ocnkiconf';
		right: 12px;
		transform: none;
		rotate: none;
		scale: none;
	}
	
	.use_hover .folding_header .inner_global_nav .popup_menu_opener > .nav_btn:hover:after,
	.use_hover .folding_header .inner_global_nav .g_search > .nav_btn:hover:after,
	.use_hover .folding_header .inner_popup_nav .t_search > .nav_btn:hover .chevron_right_icon:before,
	.use_hover .folding_header .inner_global_nav .popup_menu_opener.popup_opened > .nav_btn:hover:after,
	.use_hover .folding_header .inner_global_nav .g_search:not(:has(.hidden_search_bar)) > .nav_btn:hover:after,
	.use_hover .folding_header .inner_popup_nav .t_search:not(:has(.hidden_search_bar)) > .nav_btn:hover .chevron_right_icon:before {
		transform: none;
		rotate: none;
		scale: none;
	}
	
	.folding_header .inner_global_nav .popup_menu_opener.popup_opened > .nav_btn:after,
	.folding_header .inner_popup_nav .popup_menu_opener.popup_opened > .nav_btn .chevron_right_icon:before,
	.folding_header .inner_global_nav .g_search:not(:has(.hidden_search_bar)) > .nav_btn:after,
	.folding_header .inner_popup_nav .t_search:not(:has(.hidden_search_bar)) > .nav_btn .chevron_right_icon:before {
		content: "\e908";
		transform: none;
		rotate: none;
		scale: none;
	}
	
	/* globalnav popuplink */
	.folding_header .inner_popup_nav .popup_menu_opener > .nav_btn .chevron_right_icon,
	.folding_header .inner_popup_nav .popup_menu_opener.popup_opened > .nav_btn .chevron_right_icon,
	.use_hover .folding_header .inner_popup_nav .popup_menu_opener > .nav_btn .chevron_right_icon {
		position: absolute;
		right: 12px;
		left: auto;
		font-weight: 700;
		transform: none;
		rotate: none;
		scale: none;
	}
	
	.folding_header .hamburger_nav .popup_nav_item.popup_menu_opener > .nav_btn:has(.fa-chevron-right) {
		padding: 15px 25px 15px 10px;
	}
	
	.folding_header .inner_global_nav .global_nav_item:not(.popup_menu_opener, .g_search) > .nav_btn:after {
		right: auto;
		left: 10px;
	}
	
	.folding_header .inner_global_nav .global_nav_item:not(.popup_menu_opener, .g_search) > .nav_btn {
		padding-right: 0;
		padding-left: 25px;
	}
}

/* popupnav has maincategory - icon position right */
.inner_popup_nav .nav_btn.has_popup_sub_menu:has(.fa-chevron-right),
.folding_header .inner_popup_nav .nav_btn.has_popup_sub_menu:has(.fa-chevron-right) {
	padding-left: 10px;
	padding-right: 25px;
}

.inner_popup_nav .nav_btn.has_image_nav_btn.has_popup_sub_menu:has(.fa-chevron-right),
.folding_header .inner_popup_nav .nav_btn.has_image_nav_btn.has_popup_sub_menu:has(.fa-chevron-right) {
	padding-left: 5px;
	padding-right: 25px;
}

.inner_popup_nav .nav_btn.has_popup_sub_menu:has(.fa-chevron-right) .fa-chevron-right.right_side_nav_icon {
	left: auto;
	right: 10px;
	transform: none;
}

.inner_popup_nav .nav_btn.has_popup_sub_menu:has(.fa-chevron-right) .fa-chevron-right.right_side_nav_icon::before {
	content: "\e90a";
}

.popup_main_menu, .popup_sub_menu {
	-webkit-transition: none;
	transition: none;
}

/* arrow */
/*
@media screen and (max-width: 839px) {
.inner_popup_nav .nav_btn.has_popup_sub_menu:has(.fa-chevron-right) .fa-chevron-right.right_side_nav_icon::before {
	content: "\e909";
}
}
*/


/*************************************************************/
/* more item */
/*************************************************************/

[data-type="normal"] .ajax_item_box .more_item {
    margin: 30px auto;
}


/*************************************************************/
/* restock */
/*************************************************************/

.restock_item {
	margin-top: 10px;
}


/*************************************************************/
/* nav label */
/*************************************************************/

.global_nav .inner_global_nav > .global_nav_item > .nav_btn .nav_label {
    display: inline-block;
}


/*************************************************************/
/* add custom */
/*************************************************************/

@media screen and (max-width: 840px) {
	.ocnk037.ocnk020.responsive #container:not(.use_folding_header, .has_min_nav) .search_bar:has(.global_btn .searchinput) .search {
		padding: 0 5px;
	}

	.ocnk037.ocnk020.responsive #container:not(.use_folding_header, .has_min_nav) .search_bar:has(.global_btn .searchinput) .search_form input[type="search"] {
		width: 88%;
	}
}

@media screen and (min-width: 840px) {
	.ocnk020.responsive .has_search_bar .search_bar:has(.global_btn .searchinput),
	.ocnk038.ocnk020.responsive .use_side_menu:has(.side_col .has_toggle_menu_list):has(.h_side_menu_opener.empty_nav_label):has(.header_right .inner_header_nav_column1 .header_nav_item.empty_nav_label, .inner_header_nav_column2 .header_nav_item.empty_nav_label + .header_nav_item.empty_nav_label, .header_right .inner_header_nav_column3 .header_nav_item.empty_nav_label + .header_nav_item.empty_nav_label + .h_side_menu_opener.empty_nav_label) .has_search_bar .search_bar:where(.has_header_right_size2, .has_header_right_size1),
	.ocnk038.responsive .use_side_menu:has(.side_col .has_toggle_menu_list) .has_search_bar .search_bar:where(.header_search_bar, .has_header_right_size2, .has_header_right_size1),
	.ocnk038.ocnk020.responsive .use_side_menu:has(.side_col .has_toggle_menu_list) .has_search_bar .search_bar:where(.header_search_bar, .has_header_right_size2, .has_header_right_size1),
	.ocnk038.responsive .use_side_menu:has(.side_col .has_toggle_menu_list):has(.h_side_menu_opener.empty_nav_label):has(.header_right .inner_header_nav_column1 .header_nav_item.empty_nav_label, .inner_header_nav_column2 .header_nav_item.empty_nav_label + .header_nav_item.empty_nav_label, .header_right .inner_header_nav_column3 .header_nav_item.empty_nav_label + .header_nav_item.empty_nav_label + .h_side_menu_opener.empty_nav_label) .has_search_bar .search_bar:where(.has_header_right_size2, .has_header_right_size1),
	.ocnk038.ocnk020.responsive .use_side_menu:has(.side_col .has_toggle_menu_list):has(.h_side_menu_opener.empty_nav_label):has(.header_right .inner_header_nav_column1 .header_nav_item.empty_nav_label, .inner_header_nav_column2 .header_nav_item.empty_nav_label + .header_nav_item.empty_nav_label, .header_right .inner_header_nav_column3 .header_nav_item.empty_nav_label + .header_nav_item.empty_nav_label + .h_side_menu_opener.empty_nav_label) .has_search_bar .search_bar:where(.has_header_right_size2, .has_header_right_size1),
	.ocnk038.responsive .use_side_menu:has(.side_col .has_toggle_menu_list):has(.h_side_menu_opener.empty_nav_label) .has_search_bar .search_bar:not(.has_header_right_size2, .has_header_right_size1),
	.ocnk038.ocnk020.responsive .use_side_menu:has(.side_col .has_toggle_menu_list):has(.h_side_menu_opener.empty_nav_label) .has_search_bar .search_bar:not(.has_header_right_size2, .has_header_right_size1){
		top: 50%;
		transform: translateY(-50%);
	}
}

/* ocnk030 icon display none */
.ocnk030.responsive .inner_popup_nav .nav_btn,
.ocnk030.responsive .column6 .inner_popup_nav .nav_btn,
.ocnk030.responsive .inner_side_nav .nav_btn,
.ocnk030.responsive .inner_main_nav .nav_btn,
.ocnk030.responsive .footer_nav_item .nav_btn {
	padding: 10px 25px 10px 10px;
}

.ocnk030.responsive .inner_itemlist_nav .nav_btn {
	padding: 15px 25px 15px 10px;
}

.ocnk030.responsive .side_itemlist_nav .sub_menu_link {
	padding: 10px 24px 10px 10px;
}

.ocnk030.responsive .side_box:not(:where(.side_sub_menu_hover)) .side_itemlist_nav .sub_menu_link {
	padding: 8px 25px 8px 10px;
}

.ocnk030.responsive .inner_itemlist_nav .nav_btn.has_image_nav_btn:has(.fa-chevron-right),
.ocnk030.responsive .inner_side_nav .nav_btn.has_image_nav_btn:has(.fa-chevron-right),
.ocnk030.responsive .inner_main_nav .nav_btn.has_image_nav_btn:has(.fa-chevron-right),
.ocnk030.responsive .inner_popup_nav .nav_btn.has_image_nav_btn:has(.fa-chevron-right),
.ocnk030.responsive .footer_nav_item .nav_btn.has_image_nav_btn:has(.fa-chevron-right),
.ocnk030.responsive .folding_header .hamburger_nav .popup_nav_item .nav_btn.has_image_nav_btn:has(.fa-chevron-right),
.ocnk030.responsive .inner_itemlist_nav .has_sub_menu .nav_btn.has_image_nav_btn {
	padding: 5px 5px 5px 5px;
}

.ocnk030.responsive .side_box:not(:where(.side_sub_menu_hover)) .side_itemlist_nav .sub_menu_link.has_image_nav_btn {
	padding: 5px 10px 5px 5px;
}

.ocnk030.responsive .folding_header .hamburger_nav .popup_nav_item .nav_btn:has(.fa-chevron-right) {
	padding: 15px 25px 15px 10px;
}

.ocnk030.responsive .folding_header .inner_global_nav .global_nav_item:not(.popup_menu_opener, .g_search) > .nav_btn {
	padding-left: 10px;
}

.ocnk030.responsive #maincol .inner_itemlist_nav .nav_btn:not(.has_image_nav_btn) {
	padding: 15px 10px 15px 25px;
}

/* custom_nav_link */
.ocnk030.responsive .custom_nav_link .inner_popup_nav .nav_btn,
.ocnk030.responsive .custom_nav_link .column6 .inner_popup_nav .nav_btn,
.ocnk030.responsive .custom_nav_link .inner_side_nav .nav_btn,
.ocnk030.responsive .custom_nav_link .inner_main_nav .nav_btn {
	padding: 10px 10px 10px 25px;
}

.ocnk021.responsive:not(.touch027) .slider_box .layout_photo .lower_slider_controller .swiper-button-next, .ocnk021.responsive:not(.touch027) .slider_box .layout_photo .lower_slider_controller .swiper-button-prev {
	background-color: #FFFFFFE6;
}

/* header nav fixed box shadow */
.responsive .use_folding_header header.sticky_header_fixed,
.ocnk042.responsive header.sticky_header_fixed {
	box-shadow: 0px 3px 10px -7px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 840px) {
	.ocnk043.responsive header.sticky_header_fixed {
		box-shadow: 0px 3px 10px -7px rgba(0, 0, 0, 0.2);
	}
	
	.ocnk044.responsive header.sticky_header_fixed .inner_global_nav {
		box-shadow: 0px 3px 10px -7px rgba(0, 0, 0, 0.2);
		border-top: none!important;
	}

	.ocnk045.responsive header .inner_global_nav {
		box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
		border-top: none!important;
	}
	
	:is(.ocnk044, .ocnk045).responsive header.sticky_header_fixed #header_wrapper:not(.folding_header) .inner_global_nav {
		padding-top: 12px;
		padding-bottom: 12px;
	}
}

/* sticky copy display */
@media screen and (min-width: 840px) {
	.ocnk042.responsive header.sticky_header_fixed .copy {
		animation: copyhidden 0.3s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	}
	
	.ocnk042.responsive header[class=""] .copy {
		animation: copyvisible 0.3s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	}
}

@media screen and (max-width: 840px) {
	.ocnk043.responsive header.sticky_header_fixed .copy {
		animation: copyhidden 0.3s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	}
	
	.ocnk043.responsive header[class=""] .copy {
		animation: copyvisible 0.3s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	}
}

@keyframes copyhidden {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		height: 0;
		min-height: 0;
		padding: 0;
		margin: 0;
		overflow: hidden;
	}
}

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