@charset "utf-8";

/* ======================================================
 * index.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * @media only screen and (max-width: 767px)
====================================================== */

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
	/* ------------------------------------------------------
	 * Override
	------------------------------------------------------ */
	/* ----- line-layout ----- */
	.line-layout.type-products {
		margin: 50px 0;
	}
	
	/* ----- index-layout-v2 ----- */
	.index-layout-v2 > .index-layout-v2_item > .block {
		z-index: 1;
	}
	.index-layout-v2 > .index-layout-v2_item > .a-toggle.is-active {
		box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .22);
	}
	.index-layout-v2 > .index-layout-v2_item > .a-toggle .index-layout-v2_label::after {
		width: 17px;
		height: 17px;
		margin-top: -9px;
		border: none !important;
		background: url("/english/products/images/index_toggle_ic01.png") no-repeat 0 0;
		-webkit-transform: rotate(0) !important;
		transform: rotate(0) !important;
	}
	.index-layout-v2 > .index-layout-v2_item > .a-toggle.is-active .index-layout-v2_image img {
		opacity: .8;
	}
	.index-layout-v2 > .index-layout-v2_item > .a-toggle:hover .index-layout-v2_label {
		background-color: rgba(0, 0, 0, .6);
	}
	.index-layout-v2 > .index-layout-v2_item > .a-toggle.is-active .index-layout-v2_label {
		background-color: #006b69 !important;
	}
	.index-layout-v2 > .index-layout-v2_item > .a-toggle.is-active .index-layout-v2_label::after {
		background: url("/english/products/images/index_toggle_ic02.png") no-repeat 0 0;
	}
	.index-layout-v2 .js-products-menu_toggle,
	.index-layout-v2 > .index-layout-v2_item > .index-layout_products-panel {
		display: none !important;
	}
	
	/* ------------------------------------------------------
	 * Parts
	------------------------------------------------------ */
	/* ----- products-tab-layout ----- */
	.products-tab-layout {
		margin-top: 50px;
	}
	.products-tab-layout .tab_list[data-row-pc] > li {
		border-bottom: 1px solid #ccc;
	}
	.products-tab-layout .tab_inner {
		width: 100%;
		margin: 0;
		padding: 70px 0 0;
		border-top: none;
	}
	.products-tab-layout .tab_panel {
		display: none;
	}
	.products-tab-layout .tab_panel > *:first-child,
	.products-tab-layout .tab_panel > section:first-child > [class*="heading-"] {
		margin-top: 0 !important;
	}
	
	/* ----- products-menu-layout ----- */
	.products-menu-layout,
	.products-menu-layout > .menu_item {
		margin-top: 30px;
	}
	.products-menu-layout > .menu_item:first-child {
		margin-top: 0 !important;
	}
	.products-menu-layout > .menu_item > *:first-child {
		margin-top: 0 !important;
	}
	.products-menu-layout .js-products-menu_detail {
		height: 0;
		padding: 0 36px;
		background-color: #f4f4f4;
		box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .22);
		overflow: hidden;
		-webkit-transition: height .3s ease-out 0s;
		transition: height .3s ease-out 0s;
	}
	.products-menu-layout .js-products-menu_detail .index-layout_products-panel {
		display: none;
		margin: 30px 0;
	}
	.products-menu-layout .js-products-menu_detail .index-layout_products-panel > *:first-child,
	.products-menu-layout .js-products-menu_detail .index-layout_products-panel > section:first-child > [class*="heading-lv"] {
		margin-top: 0 !important;
	}
	.products-menu-layout .js-products-menu_detail .heading-lv2 + section + *,
	.products-menu-layout .js-products-menu_detail .heading-lv2 + *:not(section),
	.products-menu-layout .js-products-menu_detail .heading-lv5 {
		margin-top: 20px !important;
	}
}

/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
	/* ------------------------------------------------------
	 * Override
	------------------------------------------------------ */
	/* ----- line-layout ----- */
	.line-layout.type-products {
		margin: 40px 0;
	}
	
	/* ----- index-layout-v2 ----- */
	.index-layout-v2 > .index-layout-v2_item > .a-toggle {
		margin-bottom: 44px;
	}
	.index-layout-v2 > .index-layout-v2_item > a.a-toggle:after {
		display: none !important;
	}
	.index-layout-v2 > .index-layout-v2_item > .a-toggle .js-products-menu_toggle {
		position: absolute;
		bottom: -45px;
		left: -1px;
		width: calc(100% + 2px);
		height: 44px;
		background-color: #f1f2f4;
		text-align: center;
		line-height: 44px;
	}
	.index-layout-v2 > .index-layout-v2_item > .a-toggle .js-products-menu_toggle:before {
		display: inline-block;
		vertical-align: -4px;
		width: 18px;
		height: 18px;
		margin-right: 10px;
		background: url(/english/common/images/com_ic17_sp.png) 0 0 no-repeat;
		background-size: 18px 18px;
		content: '';
	}
	.index-layout-v2 > .index-layout-v2_item > .a-toggle.is-active .js-products-menu_toggle:before {
		background: url(/english/common/images/com_ic18_sp.png) 0 0 no-repeat;
		background-size: 18px 18px;
	}
	.index-layout-v2 > .index-layout-v2_item > .index-layout_products-panel {
		display: none;
		position: relative;
		padding: 25px 15px;
		border: 1px solid #ccc;
		background-color: #fff;
	}
	.index-layout-v2 > .index-layout-v2_item > .index-layout_products-panel:before {
		display: block;
		position: absolute;
		top: -7px;
		left: 50%;
		width: 13px;
		height: 13px;
		margin-left: -10px;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		background: #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		content: "";
	}
	.index-layout-v2 > .index-layout-v2_item > .index-layout_products-panel > *:first-child,
	.index-layout-v2 > .index-layout-v2_item > .index-layout_products-panel > section:first-child > [class*="heading-lv"] {
		margin-top: 0 !important;
	}
	.index-layout-v2 > .index-layout-v2_item > .index-layout_products-panel .link-button[data-row-sp]:not([data-row-sp="1"]) > li > a {
		justify-content: flex-start;
		padding: 12px 25px 12px 15px;
	}
	.index-layout-v2 > .index-layout-v2_item > .index-layout_products-panel .link-button[data-row-sp]:not([data-row-sp="1"]) > li > a::after {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	/* ------------------------------------------------------
	 * Parts
	------------------------------------------------------ */
	/* ----- products-tab-layout ----- */
	.products-tab-layout {
		margin-top: 30px;
	}
	.products-tab-layout .tab_list {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.products-tab-layout .tab_list > li {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		height: 5em !important;
	}
	.products-tab-layout .tab_list > li > a {
		position: relative;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		height: 5em;
		width: 100%;
		padding: 8px;
		border: 1px solid #ccc;
		font-size: 1.3rem;
		text-align: center;
		vertical-align: middle;
		line-height: 1.4;
		color: #666;
	}
	.products-tab-layout .tab_list > .is-current > a {
		background-color: #767676;
		border-color: #767676 !important;
		color: #fff;
	}
	.products-tab-layout .tab_list > li > a > .tab_label {
		position: relative;
		display: inline-block;
		z-index: 1;
	}
	.products-tab-layout .tab_list[data-row-sp] > li {
		margin-left: 0 !important;
	}
	.products-tab-layout .tab_list[data-row-sp="2"] > li {
		width: calc(100% / 2);
	}
	.products-tab-layout .tab_list[data-row-sp="3"] > li {
		width: calc(100% / 3);
	}
	.products-tab-layout .tab_list[data-row-sp] > li > a {
		border-left: none;
	}
	.products-tab-layout .tab_list[data-row-sp="2"] > li:nth-child(n+3) > a,
	.products-tab-layout .tab_list[data-row-sp="3"] > li:nth-child(n+4) > a {
		border-top: none;
	}
	.products-tab-layout .tab_list[data-row-sp="2"] > li:nth-child(2n+1) > a,
	.products-tab-layout .tab_list[data-row-sp="3"] > li:nth-child(3n+1) > a {
		border-left: 1px solid #ccc;
	}
	.products-tab-layout .tab_inner {
		padding-top: 20px;
	}
	.products-tab-layout .tab_panel {
		display: none;
	}
	.products-tab-layout .tab_panel > *:first-child,
	.products-tab-layout .tab_panel > section:first-child > [class*="heading-"] {
		margin-top: 0 !important;
	}
	
	/* ----- products-menu-layout ----- */
	.products-menu-layout {
		margin-top: 20px;
	}
	.products-menu-layout > .menu_item {
		margin-top: 15px;
	}
	.products-menu-layout > .menu_item:first-child {
		margin-top: 0 !important;
	}
	.products-menu-layout > .menu_item > *:first-child {
		margin-top: 0 !important;
	}
	.products-menu-layout .js-products-menu_detail {
		display: none !important;
	}
}

/* ======================================================
 * SP Media Queries
====================================================== */
@media only screen and (max-width: 360px) {
}