@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;700&display=swap');

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

.folding_header {
    background-color: #FFFFFF;
}

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

.folding_header .header_center.center_shop_name .shoptext {
	justify-content: flex-start;
}

.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) {
	.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: 10px;
	}
	
	.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 .inner_global_nav li:first-child A.btn_color_common {
		border-left-width: 1px;
	}

	.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 .nav_btn .fa-chevron-right.right_side_nav_icon,
	.folding_header .inner_popup_nav .nav_btn .fa-chevron-down.right_side_nav_icon {
		margin-top: -7px;
	}

	.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%;
	}
}


/*************************************************************/
/* header template original */
/*************************************************************/

.jpn_version:not(.use_folding_header) .inner_header_nav .h_signout,
.jpn_version:not(.use_folding_header) .inner_header_nav .h_contact,
.jpn_version:not(.use_folding_header) .inner_header_nav .h_help,
.jpn_version:not(.use_folding_header) .inner_header_nav .h_favorite {
	width: 46px;
}

/* global nav section line */
@media screen and (max-width: 840px) {
	#container:not(.use_folding_header) .inner_global_nav .global_nav_item:not(:last-child) > .nav_btn::after {
		content: "";
		width: 1px;
		height: 25px;
		background-color: #E0DFE3;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.ocnk005 #container:not(.use_folding_header) .inner_global_nav .global_nav_item:not(:last-child) > .nav_btn::after {
		height: 15px;
	}
	
	#container:not(.use_folding_header) #inner_header:has(.header_left):not(:has(.header_right)) .header_center {
		padding-right: 50px;
	}
	
	#container:not(.use_folding_header) #inner_header:has(.header_right.header_nav_size1):not(:has(.header_left)) .header_center,
	#container:not(.use_folding_header) #inner_header:has(.header_right.header_nav_size1 .h_side_menu_opener):not(:has(.header_left)) .header_center {
		padding-left: 50px;
		text-align: center;
	}
	
	#container:not(.use_folding_header) #inner_header:has(.header_right.header_nav_size3 .h_side_menu_opener):not(:has(.header_left)) .header_center {
		padding-left: 10px;
	}
	
	#container:not(.use_folding_header) #inner_header:not(:has(.header_right)):not(:has(.header_left)) .header_center {
		text-align: center;
	}
}


@media screen and (350px <= width < 839px) {
	#container:not(.use_folding_header) #inner_header:has(.header_right.header_nav_size2):not(:has(.header_left)) .header_center,
	#container:not(.use_folding_header) #inner_header:has(.header_right.header_nav_size2 .h_side_menu_opener):not(:has(.header_left)) .header_center {
		padding-left: 110px;
		text-align: center;
	}
	
	#container:not(.use_folding_header) #inner_header:has(.header_right.header_nav_size2):not(:has(.header_left)) .header_center .shoptext,
	#container:not(.use_folding_header) #inner_header:has(.header_right.header_nav_size2 .h_side_menu_opener):not(:has(.header_left)) .header_center .shoptext {
		justify-content: center;
	}
}

@media screen and (min-width: 600px) {
	.folding_header .header_center {
		max-width: 155px;
	}
}

@media screen and (min-width: 840px) {
	.folding_header .header_center.center_shop_name {
		text-align: center;
	}
	
	.folding_header .header_center.center_shop_name .shoptext {
		justify-content: center;
	}
	
	.responsive .folding_header #inner_header {
		padding: 10px 0px;
	}
	
	.responsive #header_wrapper:not(.folding_header) #inner_header {
		align-items: center;
	}

	.folding_header #inner_header {
		flex-wrap: wrap;
	}
	
	.folding_header .header_center {
		width: 100%;
		max-width: 100%;
	}
	
	.folding_header .header_right {
		position: absolute;
		right: 20px;
	}
	
	.folding_header .inner_global_nav {
		margin-top: 5px;
	}
	
	.folding_header .hamburger_nav {
		width: 100%;
		margin: 0px 5px;
	}

	.folding_header .column6 .wrapped_item {
		width: auto;
	}
	
	.folding_header .header_nav_item.wrapped_item.h_search {
		position: relative;
	}
	
	.folding_header .header_right .popup_search_bar {
		top: -5px!important;
		left: auto;
		width: 280px;
	}
	
	.folding_header .header_right.header_nav_size3 .popup_search_bar {
		right: -100px;
	}
	
	.folding_header .header_right.header_nav_size2 .popup_search_bar {
		right: -50px;
	}
	
	.folding_header .header_right.header_nav_size1 .popup_search_bar {
		right: -5px;
	}
	
	.ocnk020.responsive .folding_header .header_right .search_bar:has(.global_btn .searchinput,.global_btn .searchinput_image) .search_form input[type="search"] {
		width: 200px;
		padding: 5px;
		border-radius: 5px;
	}
	
	.folding_header .header_right .search_bar .search_close {
		font-size: 14px;
		line-height: 14px;
		border: none;
		bottom: 8px;
	}
	
	.ocnk020.responsive .folding_header .header_right  .search_bar:has(.global_btn .searchinput,.global_btn .searchinput_image) .search {
		padding: 0 5px;
		border-radius: 5px;
		text-align: left;
	}
	
	.responsive #container:not(.use_folding_header) .has_search_bar #header_area:not(:has(.header_right)) .search_bar,
	.responsive:not(.ocnk038)  #container:not(.use_folding_header) .has_search_bar #header_area:has(.header_right .inner_header_nav .h_side_menu_opener:first-child) .search_bar {
		right: 15px;
	}
	
	#container:not(.use_folding_header) .has_search_bar #inner_header:has(.header_right.header_nav_size1 .h_search) + .search_bar:has(.global_btn .searchinput,.global_btn .searchinput_image) {
		right: 15px;
	}
	
	#container:not(.use_folding_header) .has_search_bar #inner_header:has(.header_right.header_nav_size2 .h_search) + .search_bar:has(.global_btn .searchinput,.global_btn .searchinput_image) {
		right: 100px;
	}
	
	#container:not(.use_folding_header) .has_search_bar #inner_header:has(.header_right.header_nav_size3 .h_search) + .search_bar:has(.global_btn .searchinput,.global_btn .searchinput_image) {
		right: 100px;
	}
	
	#container:not(.use_folding_header) .has_search_bar #inner_header:has(.header_nav_size2 .h_search + .h_side_menu_opener) + .search_bar:has(.global_btn .searchinput,.global_btn .searchinput_image) {
		right: 15px;
	}
	
	.responsive .has_search_bar #inner_header:has(.header_nav_size1 .header_nav_item:not( .h_search)) + .search_bar.has_header_right_size1 {
		right: 100px;
	}
	
	.responsive .has_search_bar #inner_header .header_nav_size2:has(.h_search + .h_side_menu_opener) {
		min-width: auto;
	}
	.responsive #container:not(.use_folding_header) .has_search_bar #inner_header .header_nav_size2:has(.h_search + .header_nav_item:nth-child(2)) {
		width: auto;
	}
}

@media screen and (min-width: 1100px) {
	.folding_header .header_right .popup_search_bar {
		width: 290px;
		right: 10px;
	}
}

@media screen and (min-width: 1200px) {
	#container:not(.use_folding_header) #header_wrapper:not(.has_search_bar) #inner_header:has(.header_nav_item.h_search) + .search_bar,
	#container:not(.has_min_nav, .use_folding_header) .search_bar:not(.hidden_search_bar) {
		position: absolute;
		width: 100%;
	}
	#container:not(.has_min_nav, .use_folding_header) .search_bar:not(.hidden_search_bar) .search {
		padding: 5px;
        background-color: #F5F5F5;
	}
	
	.folding_header .header_center.center_shop_name .shoptext {
		justify-content: flex-start;
		width: 100%;
		max-width: 100%;
	}
	
	.folding_header .hamburger_nav {
		margin-left: 20px;
	}

	.ocnk028.responsive.wide_layout #container:not(.has_min_nav) :is(#header_area, #header_area_fix).fix_center,
	.ocnk028.responsive.single_layout #container:not(.has_min_nav) :is(#header_area, #header_area_fix).fix_center {
		max-width: 100%;
	}
	
	.folding_header #inner_header {
		flex-wrap: nowrap;
		align-items: center;
	}
	
	.responsive .folding_header #inner_header {
		padding: 10px;
	}
	
	.folding_header .header_center {
		width: auto;
		max-width: 155px;
	}
	
	.folding_header .inner_global_nav {
		margin-top: 0px;
	}
	
	#header_wrapper.has_search_bar:not(.folding_header) #header:has(.inner_header_nav .h_search:not(.empty_nav_label):nth-child(1):last-child) + .header_global_nav .global_nav,
	#header_wrapper.has_search_bar:not(.folding_header) #header:has(.inner_header_nav .h_search:not(.empty_nav_label) + .header_nav_item.empty_nav_label:nth-child(2)):not(:has(.h_side_menu_opener)) + .header_global_nav .global_nav,
	#header_wrapper.has_search_bar:not(.folding_header) #header:has(.inner_header_nav .header_nav_item.empty_nav_label + .h_search:not(.empty_nav_label):nth-child(2)):not(:has(.h_side_menu_opener)) + .header_global_nav .global_nav {
	    top: 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: #FBFBF9;
}

.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: #F0F0F0;
	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: #F9F8F5;
}

.detail_page_body .detail_block_subscription_price:has(.subscription_sales_box):has(.regular_sales_box) .detail_section:not(.option_point) :where(.retail_price, .tax_incl_price) {
	color: #555555;
}

/* 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: #FBFBF9;
	border: 1px solid #BCB9B2;
	border-radius: 3px;
	color: #989285;
}

.includes_subscription .subscription_icon {
	position: relative;
	top: -2px;
}

/* 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 {
	border-bottom: 1px solid #E5E2DB;
}

.has_min_nav .anchor_nav_area.tablayout_navigation {
	border-bottom: 1px solid #E0DFE3;
}

.anchor_nav_area.tablayout_navigation .nav_btn {
	margin: 2px 3px -1px;
	background-color: #E5E2DB;
	border: 1px solid #E5E2DB;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #8B9191;
	font-size: 108%;
}

.has_min_nav .anchor_nav_area.tablayout_navigation .nav_btn {
	margin: 2px 3px -1px;
	background-color: #F5F5F5;
	border: 1px solid #F5F5F5;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #999999;
	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 {
	background-color: #FBFBF9;
	border: 1px solid #FBFBF9;
	border-bottom: 1px solid #FBFBF9;
	color: #000000;
	font-size: 108%;
}

.has_min_nav .anchor_nav_area.tablayout_navigation .nav_btn.nav_on,
.use_hover .has_min_nav .anchor_nav_area.tablayout_navigation .nav_btn:hover.nav_on,
.use_hover .has_min_nav .anchor_nav_area.tablayout_navigation .nav_btn:hover {
	background-color: #F2F0EA;
	border: 1px solid #F2F0EA;
	border-bottom: 1px solid #F2F0EA;
	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 /  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;
	}

	/* side overlay */
	.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 */
.overlay_locked .uncontrollable_area::after,
.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: 11;
	-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;
	background-image: none;
}

.overlay_locked .uncontrollable_area::after {
	z-index: 15;
}

.overlay_locked #header {
    z-index: 10;
}

.overlay_locked .uncontrollable_area {
	opacity: 1;
}

.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: 10px 10px 10px 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:has(:not(.fa-chevron-down)) {
	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;
}


/*************************************************************/
/* itemlist category */
/*************************************************************/

.lower_category_link_box.module_box {
	margin-top: 40px;
}


/*************************************************************/
/* Ranking tab */
/*************************************************************/

.inner_ranking_navigation::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #F5F5F5;
}

.anchor_nav_area.ranking_navigation .flex_wrap .wrapped_item {
	width: auto;
	flex: 1;
}

@media screen and (max-width: 840px) {
	.inner_ranking_navigation:has(.flex_layout .wrapped_item:nth-child(4)) {
		overflow-x: scroll;
		overflow-y: hidden;
		scrollbar-width: thin;
	}
	
	.touch_device .inner_ranking_navigation:has(.flex_layout .wrapped_item:nth-child(4)) {
		scrollbar-width: none;
	}
	
	.ranking_navigation.anchor_nav_area .inner_ranking_navigation:has(.flex_layout > .wrapped_item:nth-child(4)) .flex_layout {
		width: max-content;
	}
}

@media screen and (min-width: 840px) {
	.ranking_navigation.anchor_nav_area .inner_ranking_navigation:has(.flex_layout .wrapped_item:nth-child(4)) .flex_layout {
		width: 100%;
	}
}

.ranking_navigation.anchor_nav_area .inner_ranking_navigation:has(.flex_layout .wrapped_item:nth-child(4)) .flex_layout .wrapped_item {
	width: auto;
}


/*************************************************************/
/* common icon img */
/*************************************************************/

@media screen and (max-width: 700px) {
	.itemlist_box .common_icon {
		display: flex;
		flex-wrap: wrap;
		gap: 2px;
	}
	
	.itemlist_box .common_icon img {
		width: 45px;
		height: auto;
	}
}


/*************************************************************/
/* itemlist btn font size */
/*************************************************************/

.search_form .fixed_size_large_btn,
.itemlist_cartbutton .fixed_size_large_btn,
.itemlist_detailinput .fixed_size_large_btn,
.itemlist_selectoption .fixed_size_large_btn {
	height: 32px;
	font-size: 12px;
}


/*************************************************************/
/* nav border */
/*************************************************************/

.responsive #header_wrapper:not(.folding_header) .inner_global_nav:has(.popup_opened) .global_nav_item.nav_on > .nav_btn,
.responsive #header_wrapper.folding_header .inner_global_nav:has(.popup_opened) .global_nav_item:not(.popup_menu_opener).nav_on > .nav_btn {
    border-bottom-color: transparent;
}


/*************************************************************/
/* 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, .global_btn .searchinput_image), .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%);
	}
}

@media screen and (min-width: 1200px) {
	.ocnk011.responsive #container:has(.side_col) .main_photo_slide.square_photo_slide_600 .thumbnail_listbox,
	.ocnk011.responsive #container:has(.side_col) .main_photo_slide.align_widths_photo_slide_600 .thumbnail_listbox {
		width: 80px;
	}
	.ocnk011.responsive #container:has(.side_col) .main_photo_slide.square_photo_slide_600 .thumbnail .flex_layout,
	.ocnk011.responsive #container:has(.side_col) .main_photo_slide.align_widths_photo_slide_600 .thumbnail .flex_layout {
		gap: 3px;
	}
}

/* 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: #00000033;
}

/* whatnew/article/diary page padding ※ocnk004 addcustom reset */
@media screen and (min-width: 840px) {
	.ocnk004.ocnk038.responsive.column_layout:has(.has_whatnew_category, .has_article_category, .has_diary_category) .has_left_side_menu #inner_contents {
		padding: 0 15px;
	}
}

/* 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(.ocnk045).responsive header #header_wrapper:not(.folding_header) .inner_global_nav {
		transition: .3s;
	}
	
	:is(.ocnk044, .ocnk045).responsive header.sticky_header_fixed #header_wrapper:not(.folding_header) .inner_global_nav {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	
	:is(.ocnk044, .ocnk045) #container:not(.use_folding_header, .has_min_nav) .search_bar:has(.searchinput_image) .search {
		background-color: #FFF;
	}
}

/* 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;
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 8px 0px;
overflow: hidden;
}
}

/* form input border color */
.ocnk022.responsive #container:not(.has_min_nav) input[type="text"],
.ocnk022.responsive #container:not(.has_min_nav) input[type="email"],
.ocnk022.responsive #container:not(.has_min_nav) input[type="tel"],
.ocnk022.responsive #container:not(.has_min_nav) input[type="url"],
.ocnk022.responsive #container:not(.has_min_nav) input[type="search"],
.ocnk022.responsive #container:not(.has_min_nav) input[type="number"],
.ocnk022.responsive #container:not(.has_min_nav) input[type="password"],
.ocnk022.responsive #container:not(.has_min_nav) textarea,
.ocnk022.responsive #container:not(.has_min_nav) select,
.ocnk022.responsive #container:not(.has_min_nav) .ios select {
	border-color: #E1DFD9;
}


/*************************************************************/
/* what's new, diary, article list photo layout */
/*************************************************************/

@media screen and (min-width: 1400px) {
	.column_layout .layout_2_col :where(.layout80_column_text, .layout120_column_text, .layout160_column_text, .layout200_column_text).layout_list_column .list_item_cell {
		width: calc(100% / 5);
	}
	
	.ocnk038.column_layout .layout_2_col :where(.layout80_column_text, .layout120_column_text, .layout160_column_text, .layout200_column_text).layout_list_column .list_item_cell,
	.single_layout .layout_1_col :where(.layout80_column_text, .layout120_column_text, .layout160_column_text, .layout200_column_text).layout_list_column .list_item_cell {
		width: calc(100% / 6);
	}
}

/*************************************************************/
/* detail image large photo */
/*************************************************************/

/* other photo large */
.other_item_data img {
		max-width: 400px;
		width: 100%;
		height: auto;
}

@media screen and (min-width:840px) {
	/* swiper-button position */
	.ocnk011.responsive :is(.product_info_wrapper, .large_product_info_wrapper) .has_outside_controller .swiper-button-prev {
		left: 5px;
	}
	.ocnk011.responsive :is(.product_info_wrapper, .large_product_info_wrapper) .has_outside_controller .swiper-button-next {
		right: 5px;
	}
}

@media screen and (min-width:920px) {
	/* other photo padding */
	.detail_other_photo .detail_other_list .other_item_data {
		padding: 10px;
  }
}

@media screen and (min-width:980px) and (max-width:1200px) {
	.wide_layout .product_info_wrapper.product_info_wrapper_300 {
		display: flex;
	}
	
	.single_layout.wide_layout .product_info_wrapper_300 .main_photo_slide, .responsive .product_info_wrapper .main_photo_slide {
		min-width: 300px;
		max-width: 300px;
		box-sizing: border-box;
	}
}

@media screen and (min-width: 1200px) {
	.responsive .product_info_wrapper .product_info_box {
		width: auto;
		flex: 1;
	}

	/* small 300 *************************************************************/
	
	/* main_photo_slide/inner_slider_box/swiper_container width fix */
	.single_layout.wide_layout .product_info_wrapper_300 .main_photo_slide,
	.responsive .product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_300, .square_photo_slide_300),
	.ocnk011.responsive:not(:has(.side_col)) #container .large_product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_300, .square_photo_slide_300),
	.ocnk011.responsive #container:has(.side_col) .large_product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_300, .square_photo_slide_300),
	.main_photo_slide:is(.align_widths_photo_slide_300, .square_photo_slide_300) .inner_slider_box,
	.main_photo_slide:is(.align_widths_photo_slide_300, .square_photo_slide_300) .slider_box .swiper-container {
		width: 400px;
		max-width: 400px;
	}
	
	/* item_image_box height fix */
	.main_photo_slide:is(.square_photo_slide_300) .item_image_box,
	.ocnk011.responsive #container:has(.side_col) .large_product_info_wrapper .main_photo_slide:is(.square_photo_slide_300) .item_image_box {
	  width: 400px;
		height: 400px;
		line-height: 400px;
	}
	
	.main_photo_slide:is(.align_widths_photo_slide_300) .item_image_box,
	.ocnk011.responsive #container:has(.side_col) .large_product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_300) .item_image_box {
		width: 400px;
	}
	
	/* item image width fix */
	.main_photo_slide:is(.align_widths_photo_slide_300) .slider_box .item_image {
		width: 400px;
	}
	
	/* item image height fix */
	.main_photo_slide:is(.square_photo_slide_300, .square_photo_slide_400, .square_photo_slide_600) .item_image_box .item_image {
		width: 100%;
		max-width: max-content;
		object-fit: contain;
	}
	
	.main_photo_slide:is(.square_photo_slide_300) .item_image_box .item_image {
		height: 400px;
		max-height: 400px;
	}
	
	/* medium 400 *************************************************************/
	
	/* main_photo_slide/inner_slider_box/swiper_container width fix */
	.responsive .product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_400, .square_photo_slide_400),
	.ocnk011.responsive:not(:has(.side_col)) #container .large_product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_400, .square_photo_slide_400),
	.ocnk011.responsive #container:has(.side_col) .large_product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_400, .square_photo_slide_400),
	.main_photo_slide:is(.align_widths_photo_slide_400, .square_photo_slide_400) .inner_slider_box,
	.main_photo_slide:is(.align_widths_photo_slide_400, .square_photo_slide_400) .slider_box .swiper-container {
		width: 500px;
		max-width: 500px;
	}
	
	/* item_image_box height fix */
	.main_photo_slide:is(.square_photo_slide_400) .item_image_box,
	.ocnk011.responsive #container:has(.side_col) .large_product_info_wrapper .main_photo_slide:is(.square_photo_slide_400) .item_image_box {
	  width: 500px;
		height: 500px;
		line-height: 500px;
	}
	
	.main_photo_slide:is(.align_widths_photo_slide_400) .item_image_box,
	.ocnk011.responsive #container:has(.side_col) .large_product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_400) .item_image_box {
		width: 500px;
	}
	
	/* item image width fix */
	.main_photo_slide:is(.align_widths_photo_slide_400) .slider_box .item_image {
		width: 500px;
	}
	
	/* item image height fix */
	.main_photo_slide:is(.square_photo_slide_400) .item_image_box .item_image {
		height: 500px;
		max-height: 500px;
	}
	
	/* large 600 *************************************************************/
	
	/* main_photo_slide/inner_slider_box/swiper_container width fix */
	.responsive .product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_600, .square_photo_slide_600),
	.ocnk011.responsive:not(:has(.side_col)) #container .large_product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_600, .square_photo_slide_600),
	.ocnk011.responsive #container:has(.side_col) .large_product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_600, .square_photo_slide_600),
	.main_photo_slide:is(.align_widths_photo_slide_600, .square_photo_slide_600) .inner_slider_box,
	.main_photo_slide:is(.align_widths_photo_slide_600, .square_photo_slide_600) .slider_box .swiper-container {
		width: 700px;
		max-width: 700px;
	}
	
	/* item_image_box height fix */
	.main_photo_slide:is(.square_photo_slide_600) .item_image_box,
	.ocnk011.responsive #container:has(.side_col) .large_product_info_wrapper .main_photo_slide:is(.square_photo_slide_600) .item_image_box {
		width: 700px;
		height: 700px;
		line-height: 700px;
	}
	
	.main_photo_slide:is(.align_widths_photo_slide_600) .item_image_box,
	.ocnk011.responsive #container:has(.side_col) .large_product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_600) .item_image_box {
		width: 700px;
	}
	
	/* item image width fix */
	.main_photo_slide:is(.align_widths_photo_slide_600) .slider_box .item_image {
		width: 700px;
	}
	
	/* item image height fix */
	.main_photo_slide:is(.square_photo_slide_600) .item_image_box .item_image {
		height: 700px;
		max-height: 700px;
	}
	
	.ocnk034.responsive .main_photo_slide .landscape_item_image_box .item_image {
		max-height: max-content;
		height: 100%;
	}
}

@media screen and (min-width: 1400px) {
	
	/* small 300 *************************************************************/
	
	/* main_photo_slide/inner_slider_box/swiper_container width fix */
	.single_layout.wide_layout .product_info_wrapper_300 .main_photo_slide,
	.responsive .product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_300, .square_photo_slide_300),
	.ocnk011.responsive:not(:has(.side_col)) #container .large_product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_300, .square_photo_slide_300),
	.ocnk011.responsive #container:has(.side_col) .large_product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_300, .square_photo_slide_300),
	.main_photo_slide:is(.align_widths_photo_slide_300, .square_photo_slide_300) .inner_slider_box,
	.main_photo_slide:is(.align_widths_photo_slide_300, .square_photo_slide_300) .slider_box .swiper-container {
		width: 500px;
		max-width: 500px;
	}
	
	/* item_image_box height fix */
	.main_photo_slide:is(.square_photo_slide_300) .item_image_box,
	.ocnk011.responsive #container:has(.side_col) .large_product_info_wrapper .main_photo_slide:is(.square_photo_slide_300) .item_image_box {
		width: 500px;
		height: 500px;
		line-height: 500px;
	}
	
	.main_photo_slide:is(.align_widths_photo_slide_300) .item_image_box,
	.ocnk011.responsive #container:has(.side_col) .large_product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_300) .item_image_box {
		width: 500px;
	}
	
	/* item image width fix */
	.main_photo_slide:is(.align_widths_photo_slide_300) .slider_box .item_image {
		width: 500px;
	}
	
	/* item image height fix */
	.main_photo_slide:is(.square_photo_slide_300) .item_image_box .item_image {
		height: 500px;
		max-height: 500px;
	}
	
	/* medium 400 *************************************************************/
	
	/* main_photo_slide/inner_slider_box/swiper_container width fix */
	.responsive .product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_400, .square_photo_slide_400),
	.ocnk011.responsive:not(:has(.side_col)) #container .large_product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_400, .square_photo_slide_400),
	.ocnk011.responsive #container:has(.side_col) .large_product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_400, .square_photo_slide_400),
	.main_photo_slide:is(.align_widths_photo_slide_400, .square_photo_slide_400) .inner_slider_box,
	.main_photo_slide:is(.align_widths_photo_slide_400, .square_photo_slide_400) .slider_box .swiper-container {
		width: 600px;
		max-width: 600px;
	}
	
	/* item_image_box height fix */
	.main_photo_slide:is(.square_photo_slide_400) .item_image_box,
	.ocnk011.responsive #container:has(.side_col) .large_product_info_wrapper .main_photo_slide:is(.square_photo_slide_400) .item_image_box {
		width: 600px;
		height: 600px;
		line-height: 600px;
	}
	
	.main_photo_slide:is(.align_widths_photo_slide_400) .item_image_box,
	.ocnk011.responsive #container:has(.side_col) .large_product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_400) .item_image_box {
		width: 600px;
	}
	
	/* item image width fix */
	.main_photo_slide:is(.align_widths_photo_slide_400) .slider_box .item_image {
		width: 600px;
	}
	
	/* item image height fix */
	.main_photo_slide:is(.square_photo_slide_400) .item_image_box .item_image {
		height: 600px;
		max-height: 600px;
	}
}

@media screen and (min-width: 1800px) {
	
	/* large 600 *************************************************************/
	
	/* main_photo_slide/inner_slider_box/swiper_container width fix */
	.responsive .product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_600, .square_photo_slide_600),
	.ocnk011.responsive:not(:has(.side_col)) #container .large_product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_600, .square_photo_slide_600),
	.ocnk011.responsive #container:has(.side_col) .large_product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_600, .square_photo_slide_600),
	.main_photo_slide:is(.align_widths_photo_slide_600, .square_photo_slide_600) .inner_slider_box,
	.main_photo_slide:is(.align_widths_photo_slide_600, .square_photo_slide_600) .slider_box .swiper-container {
		width: 800px;
		max-width: 800px;
	}
	
	/* item_image_box height fix */
	.main_photo_slide:is(.square_photo_slide_600) .item_image_box,
	.ocnk011.responsive #container:has(.side_col) .large_product_info_wrapper .main_photo_slide:is(.square_photo_slide_600) .item_image_box {
		width: 800px;
		height: 800px;
		line-height: 800px;
	}
	
	.main_photo_slide:is(.align_widths_photo_slide_600) .item_image_box,
	.ocnk011.responsive #container:has(.side_col) .large_product_info_wrapper .main_photo_slide:is(.align_widths_photo_slide_600) .item_image_box {
		width: 800px;
	}
	
	/* item image width fix */
	.main_photo_slide:is(.align_widths_photo_slide_600) .slider_box .item_image {
		width: 800px;
	}
	
	/* item image height fix */
	.main_photo_slide:is(.square_photo_slide_600) .item_image_box .item_image {
		height: 800px;
		max-height: 800px;
	}
}

/*************************************************************/
/* top photo */
/*************************************************************/

.top_page_body #container #photo .top_wrapper_case .slider_image_box::after {
    content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	inset: 0;
	background-color: #0000004D;
}

/* image annotation custom */
.responsive #photo .image_annotation {
	z-index: 2;
}
.responsive .image_annotation .ocnk_photo_inner_txt,
.responsive .ocnk_flex_pickupcontent_box .pickupcontent_title,
.responsive .ocnk_flex_banner_box .banner_title {
    font-family: 'Oswald', serif;
	font-weight: 400; 
}
.responsive .image_annotation .ocnk_photo_txt_line1 {
	font-weight: 400;
	font-size: clamp(1.875rem, 1.134rem + 3.7vw, 4.875rem);
}
.responsive .image_annotation .ocnk_photo_txt_line2 {
	font-weight: 300;
	font-size: clamp(1rem, 0.795rem + 1.02vw, 1.563rem);
}

/* logo image/text color */
.top_page_body #container:not(:has(.sticky_header_fixed)) .shoplogo :where(img[src$=".png"],img[src$=".svg"]) {
	filter: brightness(0) invert(1);
}
.top_page_body #container:not(:has(.sticky_header_fixed)) .shoptext A {
	color: #FFFFFF;
}

/* header fixed */
.top_page_body #container header {
	position: relative;
}
@media screen and (max-width: 840px) {
.responsive:not(.ocnk043):not(.ocnk044):not(.ocnk045) .top_page_body #container.use_folding_header header {
	position: sticky;
}
}

.top_page_body #container #header_wrapper {
	position: absolute;
	width: 100%;
	background-color: transparent;
	z-index: 99;
}

/* main free area */
.top_page_body #main_wrapper {
	display: flex;
	flex-direction: column;
}

.top_page_body header {
	order: 1;
}

.top_page_body #photo,
.top_page_body #top_picture_free_space {
	order: 2;
}

.top_page_body #contents_top {
	order: 3;
}

.top_page_body #contents {
	order: 4;
}

/* ocnk042 fixed */
@media screen and (min-width: 840px) {
:is(.ocnk042).responsive .top_page_body #container #header_wrapper {
	position: fixed;
}
}

/* ocnk043/ocnk044 fixed */
@media screen and (max-width: 839px) {
:is(.ocnk043,.ocnk044).responsive .top_page_body #container #header_wrapper {
	position: fixed;
}
}

/* header/globalnav/nav_btn background transparent */
.top_page_body #container:not(:has(.sticky_header_fixed)) #header,
.responsive .top_page_body #container:not(:has(.sticky_header_fixed)) #header_wrapper .global_nav,
.responsive .top_page_body #container:not(:has(.sticky_header_fixed)) .inner_global_nav > .global_nav_item > .nav_btn,
.responsive .top_page_body #container:not(:has(.sticky_header_fixed)) .column6 .inner_global_nav > .global_nav_item > .nav_btn {
	background-color: transparent;
}

/* not fixed */
@media screen and (min-width: 840px) {
.responsive:not(.ocnk042) .top_page_body #container #header,
.responsive:not(.ocnk042) .top_page_body #container #header_wrapper .global_nav,
.responsive:not(.ocnk042) .top_page_body #container .inner_global_nav > .global_nav_item > .nav_btn,
.responsive:not(.ocnk042) .top_page_body #container .column6 .inner_global_nav > .global_nav_item > .nav_btn {
	background-color: transparent;
}
.responsive:not(.ocnk042) .top_page_body #container .copy,
.responsive:not(.ocnk042) .top_page_body #container .copy A,
.responsive:not(.ocnk042) .top_page_body #container .inner_global_nav > .global_nav_item > .nav_btn,
.responsive:not(.ocnk042) .top_page_body #container .column6 .inner_global_nav > .global_nav_item > .nav_btn,
.responsive:not(.ocnk042) .top_page_body #container .inner_header_nav .header_nav_item .nav_text > .fa,
.responsive:not(.ocnk042) .top_page_body #container .inner_header_nav .nav_btn {
	color: #FFFFFF;
}
.responsive:not(.ocnk042) .top_page_body #container .shoplogo :where(img[src$=".png"],img[src$=".svg"]) {
	filter: brightness(0) invert(1);
}
.responsive:not(.ocnk042) .top_page_body #container .shoptext A {
	color: #FFFFFF;
}
.responsive:not(.ocnk042) .top_page_body header .folding_header .sp_menu:not(.active) .bar {
	background-color: #FFFFFF;
}
}
@media screen and (max-width: 840px) {
.responsive:not(.ocnk043):not(.ocnk044):not(.ocnk045) #container:not(.use_folding_header) .top_page_body #container #header,
.responsive:not(.ocnk043):not(.ocnk044):not(.ocnk045) #container:not(.use_folding_header) .top_page_body #container #header_wrapper .global_nav,
.responsive:not(.ocnk043):not(.ocnk044):not(.ocnk045) #container:not(.use_folding_header) .top_page_body #container .inner_global_nav > .global_nav_item > .nav_btn,
.responsive:not(.ocnk043):not(.ocnk044):not(.ocnk045) #container:not(.use_folding_header) .top_page_body #container .column6 .inner_global_nav > .global_nav_item > .nav_btn {
	background-color: transparent;
}
.responsive:not(.ocnk043):not(.ocnk044):not(.ocnk045) #container:not(.use_folding_header) .top_page_body #container .copy,
.responsive:not(.ocnk043):not(.ocnk044):not(.ocnk045) #container:not(.use_folding_header) .top_page_body #container .copy A,
.responsive:not(.ocnk043):not(.ocnk044):not(.ocnk045) #container:not(.use_folding_header) .top_page_body #container .inner_global_nav > .global_nav_item > .nav_btn,
.responsive:not(.ocnk043):not(.ocnk044):not(.ocnk045) #container:not(.use_folding_header) .top_page_body #container .column6 .inner_global_nav > .global_nav_item > .nav_btn,
.responsive:not(.ocnk043):not(.ocnk044):not(.ocnk045) #container:not(.use_folding_header) .top_page_body #container .inner_header_nav .header_nav_item .nav_text > .fa,
.responsive:not(.ocnk043):not(.ocnk044):not(.ocnk045) #container:not(.use_folding_header) .top_page_body #container .inner_header_nav .nav_btn {
	color: #FFFFFF;
}
.responsive:not(.ocnk043):not(.ocnk044):not(.ocnk045) #container:not(.use_folding_header) .top_page_body #container .shoplogo :where(img[src$=".png"],img[src$=".svg"]) {
	filter: brightness(0) invert(1);
}
.responsive:not(.ocnk043):not(.ocnk044):not(.ocnk045) #container:not(.use_folding_header) .top_page_body #container .shoptext A {
	color: #FFFFFF;
}
.responsive:not(.ocnk043):not(.ocnk044):not(.ocnk045) #container:not(.use_folding_header) .top_page_body header .folding_header .sp_menu:not(.active) .bar {
	background-color: #FFFFFF;
}
}

/* folding header */
.top_page_body #container .folding_header #header {
	width: 100%;
}

/* nav_btn/copy/fa text color */
.responsive .top_page_body #container:not(:has(.sticky_header_fixed)) .copy,
.responsive .top_page_body #container:not(:has(.sticky_header_fixed)) .copy A,
.responsive .top_page_body #container:not(:has(.sticky_header_fixed)) .inner_global_nav > .global_nav_item > .nav_btn,
.responsive .top_page_body #container:not(:has(.sticky_header_fixed)) .column6 .inner_global_nav > .global_nav_item > .nav_btn,
.responsive .top_page_body #container:not(:has(.sticky_header_fixed)) .inner_header_nav .header_nav_item .nav_text > .fa,
.responsive .top_page_body #container:not(:has(.sticky_header_fixed)) .inner_header_nav .nav_btn {
	color: #FFFFFF;
}

.responsive .top_page_body #container.use_folding_header:has(.hamburger_nav.open) .inner_global_nav > .global_nav_item > .nav_btn,
.responsive .top_page_body #container.use_folding_header:has(.hamburger_nav.open) .column6 .inner_global_nav > .global_nav_item > .nav_btn {
	color: #000000;
}

/* nav_btn border */
.responsive .top_page_body #container:not(:has(.sticky_header_fixed)) .inner_global_nav > .global_nav_item > .nav_btn,
.responsive .top_page_body #container:not(:has(.sticky_header_fixed)) .column6 .inner_global_nav > .global_nav_item > .nav_btn {
	border-bottom: 1px solid transparent;
}
.responsive.use_hover .top_page_body #container:not(:has(.sticky_header_fixed)) .inner_global_nav > .global_nav_item > .nav_btn:hover,
.responsive .folding_header .top_page_body #container:not(:has(.sticky_header_fixed)) .inner_global_nav > .global_nav_item.nav_on > .nav_btn {
	border-bottom: 1px solid #FFFFFF;
}


.use_hover .top_page_body #container:not(:has(.sticky_header_fixed)) .inner_header_nav .nav_btn:hover {
	background-color: #FFFFFF33;
}

/* search area */
.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed)) .has_search_bar .search_bar:has(.global_btn .searchinput,.global_btn .searchinput_image) .search,
.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed),.use_folding_header) .search_bar:not(.hidden_search_bar) .search,
.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed,.hamburger_nav.open)).use_folding_header .g_search .search_bar:not(.hidden_search_bar) .search{
	background-color: #FFFFFF33;
}

.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed),.use_folding_header) .search_bar:not(.hidden_search_bar) .search input.search_box,
.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed,.hamburger_nav.open)).use_folding_header .g_search .search_bar:not(.hidden_search_bar) .search input.search_box,
.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed)) .has_search_bar .search_bar:has(.global_btn .searchinput,.global_btn .searchinput_image) .search input.search_box,
.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed)) #header_wrapper.has_search_bar .search_bar:has(.global_btn .searchinput) .global_btn .searchinput,
.ocnk020.responsive.use_hover .top_page_body #container:not(:has(.sticky_header_fixed)) #header_wrapper.has_search_bar .search_bar:has(.global_btn .searchinput) .global_btn .searchinput:hover,
.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed)) #header_wrapper.has_search_bar .search_bar:has(.global_btn .searchinput_image) .global_btn .searchinput_image,
.ocnk020.responsive.use_hover .top_page_body #container:not(:has(.sticky_header_fixed)) #header_wrapper.has_search_bar .search_bar:has(.global_btn .searchinput_image) .global_btn .searchinput_image:hover,
.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed),.use_folding_header) .search_bar:has(.global_btn .searchinput) .global_btn .searchinput,
.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed),.use_folding_header) .search_bar:has(.global_btn .searchinput_image) .global_btn .searchinput_image,
.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed,.hamburger_nav.open)).use_folding_header .g_search .search_bar:has(.global_btn .searchinput) .global_btn .searchinput,
.ocnk020.responsive.use_hover .top_page_body #container:not(:has(.sticky_header_fixed,.hamburger_nav.open)).use_folding_header .g_search .search_bar:has(.global_btn .searchinput) .global_btn .searchinput:hover,
.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed,.hamburger_nav.open)).use_folding_header .g_search .search_bar:has(.global_btn .searchinput_image) .global_btn .searchinput_image,
.ocnk020.responsive.use_hover .top_page_body #container:not(:has(.sticky_header_fixed,.hamburger_nav.open)).use_folding_header .g_search .search_bar:has(.global_btn .searchinput_image) .global_btn .searchinput_image:hover{
	color: #FFFFFF;
}

.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed),.use_folding_header) .search_bar:not(.hidden_search_bar) .search input.search_box::placeholder,
.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed,.hamburger_nav.open)).use_folding_header .g_search .search_bar:not(.hidden_search_bar) .search input.search_box::placeholder,
.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed)) .has_search_bar .search_bar:has(.global_btn .searchinput,.global_btn .searchinput_image) .search input.search_box::placeholder {
	color: #FFFFFF66;
}

.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed),.use_folding_header) .search_bar:not(.hidden_search_bar) .search input.search_box,
.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed,.hamburger_nav.open)).use_folding_header .g_search .search_bar:not(.hidden_search_bar) .search input.search_box {
	background-color: #FFFFFF33;
}

.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed),.use_folding_header) .search_bar:not(.hidden_search_bar) .search input.search_box:focus,
.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed,.hamburger_nav.open)).use_folding_header .g_search .search_bar:not(.hidden_search_bar) .search input.search_box:focus {
	background-color: #FFFFFF;
}

.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed),.use_folding_header) .search_bar:not(.hidden_search_bar) .search input.search_box:focus,
.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed,.hamburger_nav.open)).use_folding_header .g_search .search_bar:not(.hidden_search_bar) .search input.search_box:focus,
.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed)) .has_search_bar .search_bar:has(.global_btn .searchinput,.global_btn .searchinput_image) .search input.search_box:focus {
	color: #000000;
}

.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed),.use_folding_header) .search_bar:not(.hidden_search_bar) .search input.search_box:focus::placeholder,
.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed,.hamburger_nav.open)).use_folding_header .g_search .search_bar:not(.hidden_search_bar) .search input.search_box:focus::placeholder,
.ocnk020.responsive .top_page_body #container:not(:has(.sticky_header_fixed)) .has_search_bar .search_bar:has(.global_btn .searchinput,.global_btn .searchinput_image) .search input.search_box:focus::placeholder{
	color: #999999;
}

/* ocnk044/ocnk045 responsive */
@media screen and (max-width: 839px) {
:is(.ocnk044,.ocnk045).responsive #container:not(.use_folding_header, .has_min_nav) header,
:is(.ocnk044,.ocnk045).responsive #container:not(.use_folding_header, .has_min_nav) #header_wrapper{
	display: block;
	z-index: 99;
}

:is(.ocnk044,.ocnk045).responsive #container:not(.use_folding_header, .has_min_nav) header.sticky_header_fixed,
:is(.ocnk044,.ocnk045).responsive #container:not(.use_folding_header, .has_min_nav) .sticky_header_fixed #header_wrapper{
	display: contents;
}

:is(.ocnk044,.ocnk045).has_opened_popup_menu.responsive #container:not(.use_folding_header, .has_min_nav) header.sticky_header_fixed {
	display: block;
}

.responsive.ocnk045 .top_page_body #container:not(:has(.sticky_header_fixed)) #header_wrapper .global_nav {
	background-color: #FFFFFF;
}

.responsive.ocnk045 .top_page_body #container:not(:has(.sticky_header_fixed)) .inner_global_nav .nav_btn,
.responsive.ocnk045 .top_page_body #container:not(:has(.sticky_header_fixed)) .column6 .inner_global_nav .nav_btn {
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	color: #000000;
}

.responsive.ocnk045.use_hover .top_page_body #container:not(:has(.sticky_header_fixed)) .inner_global_nav .nav_btn:hover,
.responsive.ocnk045 .folding_header .top_page_body #container:not(:has(.sticky_header_fixed)) .inner_global_nav .global_nav_item.nav_on > .nav_btn {
	border-bottom: 1px solid #000000;
}
	
.top_page_body header:not(.sticky_header_fixed) .folding_header .sp_menu:not(.active) .bar {
	background-color: #FFF;
}	
}

/* folding header position */
#container.use_folding_header {
  /* ポップアップメニューを表示した際、ヘッダー領域で描画される要素のセレクター */
  --popup-fixed-header-selector: "#header";
}

.ocnk042.has_opened_popup_menu.responsive #container:not(.has_min_nav) {
    margin-top: 0;
}

.ocnk044.has_opened_popup_menu.responsive #container:not(.use_folding_header, .has_min_nav),
.ocnk044 #container:not(.use_folding_header, .has_min_nav):has(.header_search_bar:not(.hidden_search_bar)) {
    margin-top: 0;
}

@media screen and (min-width: 840px) {
.has_opened_popup_menu.responsive #container.use_folding_header:not(.has_min_nav) .popup_base {
top: var(--popup-visible-header-height)!important;
}
}
@media screen and (max-width: 840px) {
/* stickyを解除する　※未調整 */
.ocnk043.responsive .top_page_body #container:not(.use_folding_header, .has_min_nav) header {
	position: static!important;
}
}