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

/*
 * trigger animation keyframes
 * ========================================================================== */

@keyframes menu-bar01 {
	0% {
		transform: translateY(9px) rotate(45deg);
	}
	50% {
		transform: translateY(9px) rotate(0);
	}
	100% {
		transform: translateY(0) rotate(0);
	}
}

@keyframes menu-bar02 {
	0% {
		transform: translateY(-9px) rotate(-45deg);
	}
	50% {
		transform: translateY(-9px) rotate(0);
	}
	100% {
		transform: translateY(0) rotate(0);
	}
}

@keyframes active-menu-bar01 {
	0% {
		transform: translateY(0) rotate(0);
	}
	50% {
		transform: translateY(9px) rotate(0);
	}
	100% {
		transform: translateY(9px) rotate(45deg);
	}
}

@keyframes active-menu-bar03 {
	0% {
		transform: translateY(0) rotate(0);
	}
	50% {
		transform: translateY(-9px) rotate(0);
	}
	100% {
		transform: translateY(-9px) rotate(-45deg);
	}
}



/*
 * General CSS
 * 基本的なCSS
 */

/*
 * General CSS
 * ========================================================================== */
html {
	overflow-y: scroll;
}

body {
	color: #000F3C;
	font-family: 'Rational Text', sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
	-webkit-print-color-adjust: exact;
}

html[lang="ja"] body {
	font-family: 'Noto Sans JP', sans-serif;
}

/* text link */
a {
	color: #000F3C;
	transition: all 500ms 0s ease;
}

a:hover {
	color: #C7BED1;
}

/* paragraph */
p {
	margin-bottom: 18px;
	font-size: 16px;
	line-height: 22px;
}

/* image sizing */
img {
	display: block;
	max-width: 100%;
	height: auto;
}

sup {
	font-size: 0.7em;
	line-height: normal;
	vertical-align: super;
}

sub {
	font-size: 0.7em;
	line-height: normal;
	vertical-align: sub;
}

/* ========================
 * break point control CSS
 * ======================== */
.hide_sp,
.show_pc,
.show_tab,
.break_pc,
.break_tab {
	display: none!important;
}

.show_sp {
	display: block!important;
}

.break_sp {
	display: inline!important;
}

/*
 * Common parts
 * ========================================================================== */

/* ========================
 * general
 * ======================== */
.mb16 {
	margin-bottom: 16px!important;
}

.mb32 {
	margin-bottom: 32px!important;
}

.mb48 {
	margin-bottom: 48px!important;
}

.mb64 {
	margin-bottom: 64px!important;
}


/* ========================
 * header
 * ======================== */
header {
	height: 64px;
}

header .inner_wrapper {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	transition: all 400ms;
}

header.scrolled .inner_wrapper {
	background: #fff;
}

header .inner_header {
	padding: 16px;
}

header .logo {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

header .logo img {
	margin: 0 0 8px 0;
}

/* ------------------------
 * main navigation
 * ------------------------ */
/* navigation trigger */
header .trigger,
header .trigger span {
	display: inline-block;
	box-sizing: border-box;
	transition: all 400ms;
}

header .trigger {
	position: fixed;
	top: 17px;
	right: 17px;
	z-index: 1000;
	width: 26px;
	height: 26px;
}

header .trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	border-radius: 2px;
	background-color: #000f3c;
}

header .trigger span:nth-of-type(1) {
	top: 2px;
}

header .trigger span:nth-of-type(2) {
	top: 11px;
}

header .trigger span:nth-of-type(3) {
	bottom: 2px;
}

header .open .trigger span {
	background-color: #000f3c;
}

/* trigger animation */
header .trigger span:nth-of-type(1) {
	-webkit-animation: menu-bar01 .5s forwards;
	animation: menu-bar01 .5s forwards;
}

header .trigger span:nth-of-type(2) {
	transition: all .25s .25s;
	opacity: 1;
}

header .trigger span:nth-of-type(3) {
	-webkit-animation: menu-bar02 .5s forwards;
	animation: menu-bar02 .5s forwards;
}

header .open .trigger span:nth-of-type(1) {
	-webkit-animation: active-menu-bar01 .5s forwards;
	animation: active-menu-bar01 .5s forwards;
}

header .open .trigger span:nth-of-type(2) {
	opacity: 0;
}

header .open .trigger span:nth-of-type(3) {
	-webkit-animation: active-menu-bar03 .5s forwards;
	animation: active-menu-bar03 .5s forwards;
}

/* navigation panel */
#navPanel {
	position: fixed;
	top: -100%;
	right: 0;
	visibility: hidden;
	opacity: 0;
	z-index: 980;
	padding: 64px 20px 64px;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	background: #fff;
	transition: all 500ms 0s ease;
}

nav#mainNav.open #navPanel {
	top: 0;
	right: 0;
	visibility: visible;
	opacity: 1;
}

#navPanel ul {
	margin: 0 auto;
}

#navPanel ul li {
	position: relative;
	display: block;
	padding: 0;
	height: auto;
	border-left: none;
	border-bottom: solid 1px #000f3c;
}

#navPanel ul li.catalog {
	border-top: solid 1px #000f3c;
}

#navPanel ul li a,
#navPanel ul li span.category {
	display: block;
	position: relative;
	margin: 0;
	padding: 14px 48px 14px 0;
	height: auto;
	color: #000f3c;
	line-height: 20px;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	transition: all 500ms 0s ease;
}

#navPanel ul li a:hover {
	border-bottom: none;
}

/* main items */
#navPanel ul li span.arrow,
#navPanel ul li span.button,
#navPanel ul li span.outer {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 10000;
	margin-top: -24px;
	width: 48px;
	height: 48px;
}

#navPanel ul li span.arrow {
	background: url("../../images/common/kuraray_icon_chevron-right_rgb_dark_blue.svg") center center no-repeat;
	background-size: 50%;
}

#navPanel ul li span.button {
	background: url("../../images/common/kuraray_icon_expand-more_rgb_dark_blue.svg") center center no-repeat;
	background-size: 50%;
}

#navPanel ul li.open span.button {
	background: url("../../images/common/kuraray_icon_expand-less_rgb_dark_blue.svg") center center no-repeat;
	background-size: 50%;
}

/* group boss */
#navPanel ul li div.boss {
	position: relative;
}

/* group items */
#navPanel ul li.group {
	margin-bottom: 8px;
	padding-left: 16px;
	border: none;
	border-radius: 6px;
	background: #F2F3F5;
}

#navPanel ul li .subcate {
	display: none;
	margin: 8px 0 16px;
	padding: 0 16px 0 0;
	width: 100%;
	box-sizing: border-box;
}

#navPanel ul li .subcate ul {
	margin: 0;
	width: 100%;
	border-top: none;
}

#navPanel ul li .subcate li {
	border-top: solid 1px #000f3c;
	border-bottom: none;
}

#navPanel ul li .subcate li:first-child {
	border-top: none;
}

#navPanel ul li .subcate li .thumbnail {
	display: none;
}

#navPanel ul li .subcate li b {
	display: block;
	font-weight: normal;
}

#navPanel ul li .subcate li span.type {
	display: block;
	font-size: 14px;
}

#navPanel ul li .subcate ul.subo {
	display: none;
}
/* select language for sp */
#navPanel div.language {
	margin: 24px auto 0;
	padding: 0 16px;
	max-width: 160px;
	border-radius: 6px;
	background: #F2F3F5;
}

#navPanel .language .boss,
#navPanel .language li {
	border: none;
	height: 48px;
	line-height: 48px;
}

#navPanel .language .boss img {
	margin-right: 8px;
}

#navPanel .language ul {
	border: none;
}

#navPanel .language li {
	padding-left: 24px;
}

#navPanel .language .boss {
	position: relative;
	display: flex;
	width: 100%;
}

#navPanel .language .boss span.button {
	position: absolute;
	top: 50%;
	right: -16px;
	width: 48px;
	height: 48px;
	margin-top: -24px;
	background: url("../../images/common/kuraray_icon_expand-more_rgb_dark_blue.svg") center center no-repeat;
	background-size: 50%;
}

#navPanel .language.open .boss span.button {
	background: url("../../images/common/kuraray_icon_expand-less_rgb_dark_blue.svg") center center no-repeat;
	background-size: 50%;
}

#navPanel .language .subo {
	display: none;
}

/* select language for PC */
.upper_header {
	display: none;
}

/* ========================
 * footer
 * ======================== */
footer {
	background: #000f3c;
	color: #fff;
	font-size: 12px;
}

footer .inner_footer {
	padding: 20px;
}

footer .copyritht {
	text-align: center;
}

footer nav.footer_nav {
	display: none;
}

footer nav.footer_nav a {
	color: #fff;
}


/* ========================
 * to top button
 * ======================== */
#totop {
	position: fixed;
	bottom:40px;
	right: 40px;
}


/*
 * Pages common
 * ========================================================================== */
/* ========================
 * general
 * ======================== */
main {}

main.top {
	padding: 0 20px;
}

main section,
main .inner_wrapper {
	margin: 0 20px 64px;
}

main.product>section[id^="anchor"]:not(.no_border) {
	margin-top: 64px;
	padding: 64px 0 0;
	border-top: solid 2px #fff;
}

main section section,
main section .inner_wrapper {
	margin: 0 auto 32px;
}



/* ========================
 * head
 * ======================== */
h1 {
	margin-bottom: 16px;
	font-size: 38px;
	font-weight: normal;
	line-height: 43px;
}

h2 {
	margin-bottom: 16px;
	font-size: 32px;
	font-weight: normal;
	line-height: 35px;
}

h3 {
	font-size: 26px;
	font-weight: normal;
	line-height: 26px;
}

h4 {
	margin-bottom: 8px;
	font-size: 22px;
	font-weight: normal;
	line-height: 24px;
}



/* ========================
 * breadcrumbs
 * ======================== */
#breadcrumbs {
	display: none;
	padding-top: 16px;
}

#breadcrumbs ol {
	display: flex;
	list-style: none;
}

#breadcrumbs ol li {
	margin-left: 0.4em;
}

#breadcrumbs ol li:first-child {
	margin-left: 0;
}

#breadcrumbs ol li::before {
	content: '/';
}
#breadcrumbs ol li:first-child::before {
	content: none;
}

#breadcrumbs ol li a {
	text-decoration: none;
}


/* ========================
 * button
 * ======================== */
.btn_area {
	display: flex;
}

.btn_area a.primary,
.btn_area a.secondary {
	display: block;
	margin-right: 24px;
	padding: 20px 28px;
	border-radius: 8px;
	line-height: 20px;
	text-decoration: none;
	box-sizing: border-box;
}

.btn_area a.primary {
	background: #000F3C;
	color: #fff;
}

.btn_area a.primary:hover {
	opacity: 0.8;
}

.btn_area a.secondary {
	padding: 18px 26px;
	border: solid 2px #000F3C;
	color: #000F3C;
}

.btn_area a.secondary:hover {
	background: #CCCFD8;
}

/* ========================
 * tags
 * ======================== */
main ul.tags {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
/*	margin-bottom: 64px;*/
	padding-left: 0;
}

main ul.tags li {
	margin: 0 8px 8px 0;
}

main ul.tags li:last-child {
	margin-right: 0;
}

main ul.tags a {
	display: block;
	padding: 0 24px;
	min-height: 26px;
	border-radius: 6px;
	background: #00B0E9;
	color: #fff;
	line-height: 26px;
	text-decoration: none;
}

main ul.tags a:hover {
	opacity: 0.8;
}

/* ========================
 * table
 * ======================== */
div.table_wrap {
	overflow-x: scroll;
/*	overflow-y: visible;*/
	margin-bottom: 24px;
	padding: 24px 0 0;
	background: url('../../images/en/common/icon_scrollable_table.svg') top right no-repeat;
	background-size: 64px 16px;
}


/* table size */
table.solid_half {
	width: 490px;
}

table.solid_full {
	width: 1100px;
}

table.fluid_half {
	min-width: 490px;
}

/* caption */
caption.lower_caption {
	caption-side: bottom;
	margin-top: 8px;
}

/* table styling */
table {
	border-bottom: solid 2px #000F3C;
	font-variant-numeric: lining-nums;
}

table caption {
	font-size: 14px;
	line-height: 20px;
	text-align: right;
}

table caption.notice {
	caption-side: bottom;
	margin-top: 8px;
}

table tr {
	border-top: solid 1px #000F3C;
}

table tr.head,
table tr.head_single {
	border-top: none;
}

table tr.head_single,
table tr.head_bottom {
	border-bottom: solid 2px #000F3C;
}

table tr.headless {
	border-top: solid 2px #000F3C;
}

table th,
table td {
	padding: 12px 8px;
	text-align: center;
	line-height: 22px;
	vertical-align: middle;
}

table th {
	vertical-align: middle;
}

/* Cell with generic class */
table th.kuraray,
table td.kuraray {
	color: #00B0E9;
}

table th.name,
table td.name {
	min-width: 128px;
}

table td.rv {
/*
	min-width: 70px;
*/
}

table td[class^="mark"] {
/*
	min-width: 90px;
*/
	vertical-align: middle;
}

table td[class^="mark_"] {
	border-left: solid 1px #fff;
}

table td.mark_pp {
	background: #80D7F4;
}

table td.mark_p {
	background: #BFEBF9;
}

table td.mark_m {
	background: #EFEDE7;
}

table td.mark_mm {
	background: #DEDBD0;
}

table tr.accent,
table th.accent,
table td.accent {
/*
	color: #FF8672;
	color: #00B0E9;
*/
	background: #BFEBF9;
}

table td.formula {
	padding: 12px 48px;
	min-width: 128px;
	vertical-align: middle;
	text-align: center;
}

table td.formula img {
	margin: 0 auto;
	max-width: 160px;
}

table td.cas_no {
	min-width: 90px;
}

table td.group_head {
	text-align: left;
	font-weight: bold;
}

table th.vstripe,
table td.vstripe {
	background: #D9D3E0;
}

/* ------------------------
 * table legend
 * ------------------------ */
.table_legend {
	margin-top: 24px;
}

.table_legend div {
	margin: 0 0 24px 0;
}
	

.table_legend dl {
	margin-bottom: 24px;
	line-height: 20px;
}

.table_legend dl dt {}

.table_legend dl dt::after {
	display: inline;
	content: '：';
}

.table_legend dl dd {
	margin-bottom: 8px;
}

.table_legend dl.marker {
	display: flex;
	flex-wrap: wrap;
}

.table_legend dl.marker dt {
	width:2em;
}

.table_legend dl.marker dd {
	width: calc(100% - 2em);
}

.table_legend table {
	margin-bottom: 16px;
}

.table_legend span.notice{
	display: block;
	line-height: 20px;
}

.table_legend table td[class^="mark"] {
	min-width: 90px;
}

/* ========================
 * floating banner
 * ======================== */
.floating {
	position: fixed;
	bottom: 0;
	right: -100%;
	z-index: 100;
	padding: 63px 24px 24px;
	width: 50vw;
	border-radius: 8px 0 0 8px;
	background: #00B0E9;
	color: #fff;
	line-height: 24px;
	box-sizing: border-box;
	transition: all 500ms 0s ease;
}

.floating.open {
	right: 0;
}

.floating.move {
	bottom: 128px;
} 

.floating span.trigger {
	display: block;
	position: absolute;
	top: 24px;
	right: 24px;
	width: 24px;
	height: 24px;
	background: url("../../images/en/common/kuraray_icon_close_rgb_white.svg") no-repeat;
	background-size: contain;
	cursor: pointer;
}

.floating a {
	display: block;
	margin-top: 24px;
	background: #000f3c;
	/*border: solid 1px #fff;*/
	border-radius: 16px;
	color: #fff;
	line-height: 32px;
	text-align: center;
	text-decoration: none;
}

.floating a:hover {
	opacity: 0.8;
}

.floating span.notice {
	display: block;
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
}



/* ========================
 * embedded movie
 * ======================== */
.embedded_movie {
	max-width: 100%;
}

.embedded_movie .video_wrap {
	margin: 64px auto 0;
	max-width: 100%;
	position: relative;
	padding-top: 56.25%;
}

.embedded_movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.caption_movie {
	display: block;
	margin-top: 8px;
	fnt-size: 14px;
}

.embedded_movie.raw .video_wrap {
	padding: 0;
	margin: 0;
}
.embedded_movie.raw video {
	max-width: 100%;
	height: auto;
}

/* ========================
 * image
 * ======================== */

img.icon_inline {
	display: inline-block;
}



/*
 * top page
 * ========================================================================== */
header.top::before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	background: #E5E7EB;
	width: 40vw;
	height: 100vh;
}

/* ------------------------
 * hero
 * ------------------------ */
.hero {
	margin-bottom: 104px;
	padding-top: 32px;
}

.hero_slide .slick-dots {
	display: none!important;
}

/* ------------------------
 * Topics
 * ------------------------ */
.top_news {
	margin: 24px 0 64px;
	padding: 0 20px;
}

.top_news .to_news_list {
	padding: 32px 20px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 0 10px 4px #E5E7EB;
}

.top_news .to_news_list a {
	display: block;
	margin: 0 auto;
	padding: 16px 24px;
	border: solid 3px #000F3C;
	border-radius: 6px;
	width: 10em;
	text-align: center;
	text-decoration: none;
}

.top_news .to_news_list a:hover {
	background: #CCCFD8;
	color: #000F3C;
}

/* ------------------------
 * Usage items list
 * ------------------------ */
.top_usage_items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	list-style: none;
}

.top_usage_items li {
	margin-bottom: 40px;
	max-width: 150px;
	line-height: 24px;
	text-align: center;
}

.top_usage_items li img {
	margin-bottom: 16px;
	border-radius: 50%;
	box-shadow: 0 0 10px 8px #E5E7EB;
}

.top_usage_items li a {
	text-decoration: none;
}

.top_usage_items li span.en_spell {
	font-size: 12px;
	line-height: 20px;
}

/* ------------------------
 * Product items list
 * ------------------------ */
.top_product_items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	list-style: none;
}

.top_product_items li {
	position: relative;
	margin-bottom: 40px;
	width: 280px;
}

.top_product_items li a {
	text-decoration: none;
}

.top_product_items li img {
	margin: 10px;
	width: 180px;
	height: auto;
	border-radius: 50%;
	box-shadow: 0 0 10px 8px #E5E7EB;
}

.top_product_items li span.item_name {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto 0;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: #00B0E9;
	color: #fff;
	line-height: 22px;
	text-align: center;
}

.top_product_items li span.type {
	margin-top: 4px;
	font-size: 12px;
	line-height: 16px;
}

.top_product_items {}





/*
 * usage and product category pages
 * ========================================================================== */
header.usage,
main.usage,
header.product,
main.product {
	background: #E5E7EB;
}

main.usage,
main.product {
	padding-bottom: 1px;
}

main.usage h2,
main.product h2 {
	position: relative;
	margin-bottom: 38px;
}
main.usage h3,
main.product h3 {
	margin-bottom: 20px;
}

.seem_narrow p {
	margin-bottom: 8px;
}

.seem_narrow .tags {
	margin-bottom: 16px;
}

.seem_narrow section,
main.usage .strip_zone .seem_narrow section,
main.products .strip_zone .seem_narrow section {
	margin-bottom: 32px;
}
/* ------------------------
 * page head
 * ------------------------ */
.usage .page_title,
.product .page_title {
	position: relative;
}

.usage .page_title .title_photo,
.product .page_title .title_photo {
	position: relative;
}

.usage .page_title .title_photo img,
.product .page_title .title_photo img {
	position: relative;
	margin: auto;
	max-width: 75%;
	border-radius: 50%;
}

.usage .page_title .title_photo::before,
.product .page_title .title_photo::before {
	content: '';
	display: block;
	position: absolute;
	top: 80%;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	margin: auto;
	width: 80vw;
	height: 80vw;
	border-radius: 50%;
	background: #fff;
}

.usage .page_title .title_text,
.product .page_title .title_text {
	position: relative;
}
	
.usage .page_title .over_head,
.product .page_title .over_head {
	display: block;
	margin: 8px 0;
	font-size: 24px;
	font-weight: bold;
	color: #999FB1;
}

.usage .page_title h1 {
	margin-bottom: 24px;
}

.product .page_title h1 {}

.product .page_title span.cas_no {
	display: block;
	margin-bottom: 24px;
	line-height: 22px;
}

.product .page_title .title_text span.notice {
	display: block;
	margin-top: 8px;
	font-size: 14px;
}

.usage .page_title .usage_item,
.product .page_title .product_item {
	margin-bottom: 32px;
}


/* with cheical formura */

.with_chemical_formula {}

.with_chemical_formula .foermula_box {}

.with_chemical_formula .foermula_box img {
	margin: 0 auto;
	max-width: 160px;
}


/* ------------------------
 * strip zone
 * ------------------------ */
main.usage .strip_zone,
main.product .strip_zone {
	margin-bottom: 64px;
	padding: 64px 20px;
	background: #fff;
}

main.usage>.strip_zone:last-child,
main.product>.strip_zone:last-child {
	margin-bottom: 0;
}

main.usage .strip_zone section,
main.product .strip_zone section {
	margin: 0 auto 64px;
}

main.usage .strip_zone section:last-child,
main.product .strip_zone section:last-child {
	margin-bottom: 0;
}

main.usage .strip_zone .text_box,
main.product .strip_zone .text_box {}

/* ------------------------
 * photo items
 * ------------------------ */
ul.photo_items {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: flex-start;
	list-style: none;
	margin: 0;
	padding: 0!important;
}

ul.photo_items li {
	margin-bottom: 24px;
}

ul.photo_items li:last-child {
	margin-bottom: 0;
}

ul.photo_items li span {
	display: block;
	margin: 8px 0 0;
	font-size: 14px;
}

span.image_title,
ul.photo_items li span.image_title {
	display: block;
	margin: 0 0 16px;
	color: #00B0E9;
	font-size: 16px;
	line-height: 22px;
}

span.image_title.subo,
ul.photo_items li span.image_title.subo {
	color: #000F3C;
}

ul.photo_items li.circle span {
	text-align: center;
}

ul.photo_items ul li,
ul.photo_items ol li {
	margin-bottom: 0;
}



/* ------------------------
 * graph legend
 * ------------------------ */
dl.graph_legend{
	margin-bottom: 24px;
	line-height: 20px;
}

dl.graph_legen dt {}

dl.graph_legend dt::after {
	display: inline;
	content: '：';
}

dl.graph_legend dd {
	margin-bottom: 8px;
}

dl.graph_legend.marker {
	display: flex;
	flex-wrap: wrap;
}

dl.graph_legend.marker dt {
	width:2em;
}

dl.graph_legend.marker dd {
	width: calc(100% - 2em);
}

dl.graph_legend table {
	margin-bottom: 16px;
}

dl.graph_legend span.notice {
	display: block;
	line-height: 20px;
}



/* ------------------------
 * physical-data_items
 * ------------------------ */
table.physical-data_items {}

table.physical-data_items td,
table.physical-data_items th {
	display: block;
}

/* ------------------------
 * Individual items within categories
 * ------------------------ */
main.product.polyol table tr td.mark.good {
	font-weight: bold;
}

/* kuraray polyol / table - solvent_solubility  */
main.product.polyol table.solvent_solubility th,
main.product.polyol table.solvent_solubility td {
	padding: 12px 8px;
}
main.product.polyol table.solvent_solubility th.delimiter,
main.product.polyol table.solvent_solubility td.delimiter {
	border-left: solid 3px #E5E7EB;
}

/* kuraray polyol / table - polyurethanes  */
main.product.polyol table.polyurethanes tr {
	border-top: none;
}
main.product.polyol table.polyurethanes th,
main.product.polyol table.polyurethanes td {
	border-top: solid 1px #000F3C;
}

main.product.polyol table.polyurethanes tr.head th,
main.product.polyol table.polyurethanes th.no_border {
	border-top:none;
}

main.product.polyol table.polyurethanes th {
	min-width: 160px;
}

main.product.polyol table.polyurethanes .delimiter {
	border-left: solid 3px #fff;
}

main.product.polyol table.polyurethanes td[class^="mark_"],
main.product.polyol .table_legend td[class^="mark_"] {
	font-size: 20px;
}

/* kuraray polyol feature items */

main.product.polyol dl.feature_items dt {
	font-weight: bold;
}

main.product.polyol dl.feature_items dt::after {
	content: '';
	display: none;
}

main.product.mmb span.rv_unit {
	display: block;
	width: 100%;
	text-align: right;
}

main.usage ul:not(.tags),
main.product ul:not(.tags) {
	margin-bottom: 32px;
	padding-left: 20px;
}

main.usage ul li,
main.product ul li {
	line-height: 22px;
}

main.product dl.feature_items dt,
main.product dl.feature_items dd,
main.product dl.physical-data_items dd {
	line-height: 22px;
}

main.product dl.feature_items dt::after,
main.product dl.physical-data_items dt::after {
	content: '：';
	display: inline;
}

main.product dl.feature_items dd,
main.product dl.physical-data_items dd {
	margin-bottom: 8px;
}

main.product dl.test_method {
	line-height: 22px;
}
main.product dl.test_method dt::after {
	content: '：';
	display: inline;
}

/*
 * about page
 * ========================================================================== */
main.aboutus {
	padding-bottom: 1px;
}

main.aboutus h2 {
	margin-bottom: 38px;
}

main.aboutus h3 {
	margin-bottom: 24px;
}

/* ------------------------
 * page head
 * ------------------------ */
main.aboutus .head {
	position: relative;
	padding-bottom: 1px;
}

main.aboutus .head .inner_wrapper {
	margin: 0 20px;
}

main.aboutus .head::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 80%;
	background: #E5E7EB;
}

main.aboutus .head .page_title .over_head {
	display: block;
	margin: 48px 0 24px;
	font-size: 24px;
	font-weight: bold;
	color: #999FB1;
}

main.aboutus .head .page_title img {
	margin: 0 auto 32px;
	max-width: 80%;
}

main.aboutus .head .page_title h1 {
	margin-bottom: 24px;
}

main.aboutus .head ul.tags {
	margin-bottom: 32px!important;
}

/* ------------------------
 * strip zone
 * ------------------------ */
main.aboutus .strip_zone {
	margin-bottom: 64px;
	background: #E5E7EB;
}

main.aboutus .strip_zone:last-child {
	margin-bottom: 0;
}

main.aboutus .strip_zone .inner_wrapper {
	padding: 0;
}

main.aboutus .strip_zone section {
	margin: 0 auto;
	padding: 64px 20px;
}

main.aboutus .strip_zone .text_box {
	margin-bottom: 64px;
}

/* ------------------------
 * base list
 * ------------------------ */
main.aboutus .base_info .inner_wrapper {
	padding: 0;
}

main.aboutus .base_info .inner_wrapper div.item {
	margin-bottom: 48px;
}

main.aboutus .base_info .inner_wrapper div.item:last-child {
	margin-bottom: 0;
}

main.aboutus .base_info h3 {
	margin-bottom: 16px;
}

/*
 * news pages
 * ========================================================================== */
/* ------------------------
 * page head
 * ------------------------ */
main.news .page_title .over_head {
	display: block;
	margin: 48px 0 24px;
	font-size: 24px;
	font-weight: bold;
	color: #999FB1;
	text-align: center;
}

main.news .page_title h1 {
	margin-bottom: 64px;
	text-align: center;
}

/* ========================
 * news list page
 * ======================== */
.news .news_list_wrapper {}

.news .news_list_wrapper .cover {}

.news .news_list_wrapper dl {
	position: relative;
	overflow: hidden;
	margin-bottom: 24px;
	width: 100%;
	border-top: solid 1px #000F3C;
	border-bottom: solid 1px #000F3C;
	line-height: 24px;
	transition: all 1000ms ease-in-out;
}
.news .news_list_wrapper dl dt,
.news .news_list_wrapper dl dd {
	line-height: 22px;
}

.news .news_list_wrapper dl dt {
	margin-bottom: 8px;
	padding: 24px 0 0;
}

.news .news_list_wrapper dl dd {
	padding-bottom: 28px;
	border-bottom: solid 1px #000F3C;
}

.news .news_list_wrapper dl dd:last-of-type {
	border: none;
}

/* panel */
.news .news_list_wrapper .panel {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 10%;
	left: 0;
	width: 100%;
	transition: all 500ms ease-in-out;
}

.news .news_list_wrapper .panel.active {
	visibility: visible;
	opacity: 1;
	top: 0;
	transition: all 500ms ease-in-out 500ms;
}

/* pager */
.news .pager {
	margin-top: 32px;
}

.news .pager ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
}

.news .pager ul li {
	display: flex;
	align-content: center;
	justify-content: center;
	margin: 8px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	cursor: pointer;
	transition: all 500ms ease-in-out;
}

.news .pager ul li:hover {
	background: #F2F3F5;
}

.news .pager ul li.active {
	background: #E5E7EB;
}

.news .pager ul li:hover {}

/* ========================
 * contents
 * ======================== */
main.news article {
	margin: 0 20px 64px;
	padding-bottom: 64px;
}

main.news article span.over_head {
	display: block;
	margin-bottom: 38px;
	color: #00B0E9;
}

main.news article h2 {
	margin-bottom: 20px;
	font-size: 26px;
}

main.news article h3 {
	margin-bottom: 16px;
	font-size: 22px;
}

main.news article dl {
	margin: 0 0 48px 0;
}

main.news article dl dt,
main.news article dl dd {
	line-height: 22px;
}

main.news article dl dt::after {
	display: inline;
	content: "：";
}

main.news article dl dd {
	margin-bottom: 16px;
}

main.news article ul,
main.news article ol {
	margin-bottom: 24px;
	padding-left: 20px;
}

main.news article ul li,
main.news article ol li {
	line-height: 24px;
}

/*
 * document pages
 * ========================================================================== */
/* ------------------------
 * page head
 * ------------------------ */
main.document .page_title .over_head {
	display: block;
	margin: 48px 0 24px;
	font-size: 24px;
	font-weight: bold;
	color: #999FB1;
	text-align: center;
	
}

main.document .page_title h1 {
	margin-bottom: 64px;
	text-align: center;
}

/* ------------------------
 * contents
 * ------------------------ */
main.document h2 {
	margin-bottom: 32px;
}

main.document ul.btn_list {
	display: flex;
	flex-direction: column;
	list-style: none;
}

main.document ul.btn_list li {
	margin-bottom: 48px;
}

main.document .strip_zone {
	margin-bottom: 64px;
	padding: 64px 0;
	background: #E5E7EB;
}
main.document .strip_zone section {
	margin-bottom: 0;
}
/*
 * contactus pages
 * ========================================================================== */
/* ------------------------
 * page head
 * ------------------------ */
main.contactus .page_title .over_head {
	display: block;
	margin: 48px 0 24px;
	font-size: 24px;
	font-weight: bold;
	color: #999FB1;
	text-align: center;
	
}

main.contactus .page_title h1 {
	margin-bottom: 64px;
	text-align: center;
}

/* ------------------------
 * contents
 * ------------------------ */
main.contactus h2 {
	margin-bottom: 32px;
}

main.contactus ul.product_items {
	width: 100%;
	list-style: none;
}

main.contactus ul.product_items li {
	margin: 0 0 8px 0;
}

main.contactus ul.product_items li a {
	display: flex;
	background: #E5E7EB;
	text-decoration: none;
}

main.contactus ul.product_items li .thumbnail {
	width: 64px;
}

main.contactus ul.product_items li span {
	display: block;
	align-self: center;
	padding: 16px;
}

/* base */
main.contactus .strip_zone {
	padding: 64px 0;
	background: #E5E7EB;
}

main.contactus ul.base_items {
	list-style: none;
}

main.contactus ul.base_items li {
	margin: 0 0 48px 0;
}

main.contactus ul.base_items li b {
	display: block;
	margin-bottom: 8px;
	line-height: 20px;
}

main.contactus ul.base_items li p {
	margin-bottom: 8px;
}

main.contactus ul.base_items li dl {
	line-height: 22px;
}

main.contactus ul.base_items li dl dt::after {
	content: ": ";
}
main.contactus ul.base_items li dl dd {
	margin-bottom: 8px;
}

/*
 * sitomap pages
 * ========================================================================== */
/* ------------------------
 * page head
 * ------------------------ */
main.sitemap .page_title .over_head {
	display: block;
	margin: 48px 0 24px;
	font-size: 24px;
	font-weight: bold;
	color: #999FB1;
	text-align: center;
	
}

main.sitemap .page_title h1 {
	margin-bottom: 64px;
	text-align: center;
}

/* ------------------------
 * contents
 * ------------------------ */
main.sitemap h2 {
	margin-bottom: 32px;
	padding-bottom: 4px;
	font-size: 26px;
	border-bottom: solid 1px #000F3C;
}

main.sitemap ul {
	padding-left:0;
	list-style: none;
}

main.sitemap ul li {
	margin-bottom: 8px;
	line-height: 28px;
}

main.sitemap ul li a {
	text-decoration: none;
}