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

@media (min-width: 1360px) {
	/* ========================
	 * break point control CSS
	 * ======================== */
	.hide_pc,
	.show_tab,
	.show_sp,
	.break_tab,
	.break_sp {
		display: none!important;
	}

	.hide_tab,
	.show_pc {
		display: block!important;
	}

	.break_pc {
		display: inline!important;
	}

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

/* ========================
 * header
 * ======================== */
header {}

header .inner_header {
	width: 1300px;
}
header .lower_header {}

header .logo {}

header .logo img {}

/* ------------------------
 * main navigation
 * ------------------------ */
/* navigation trigger */
header .trigger,
header .trigger span {}

header .trigger {}

header .trigger span {}

header .trigger span:nth-of-type(1) {}

header .trigger span:nth-of-type(2) {}

header .trigger span:nth-of-type(3) {}

header .open .trigger span {}

/* trigger animation */
header .trigger span:nth-of-type(1) {}

header .trigger span:nth-of-type(2) {}

header .trigger span:nth-of-type(3) {}


header .open .trigger span:nth-of-type(1) {}

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

header .open .trigger span:nth-of-type(3) {}


/* navigation panel */
#navPanel {}

nav#mainNav.open #navPanel {}

#navPanel ul {}

#navPanel ul li {}

#navPanel ul li.catalog {}

#navPanel ul li a,
#navPanel ul li span.category {
	padding: 0 28px;
}

#navPanel ul li a:hover {}

/* main items */
#navPanel ul li span.arrow,
#navPanel ul li span.button,
#navPanel ul li span.outer {}

#navPanel ul li span.arrow {}

#navPanel ul li span.button {}

#navPanel ul li.open span.button {}

/* group boss */
#navPanel ul li div.boss {}

/* group items*/
#navPanel ul li.group {}

#navPanel ul li .subcate {}

#navPanel ul li.group:hover .subcate {}

#navPanel ul li.group .subcate::before {}

#navPanel ul li .subcate .subcate_wrapper {}

#navPanel ul li.group:hover .subcate::before {}

#navPanel ul li .subcate ul {}

#navPanel ul li .subcate ul.subo {}

#navPanel ul li .subcate li {}

#navPanel ul li .subcate li a {}

#navPanel>ul>li>a,
#navPanel>ul>li.group{}

#navPanel ul li .subcate li a:hover {}


/* contactus*/
header.usage #navPanel>ul>li.usage::after,
header.product #navPanel>ul>li.product::after,
header.document #navPanel>ul>li.document>a::after,
header.news #navPanel>ul>li.news>a::after,
header.aboutus #navPanel>ul>li.aboutus>a::after,
#navPanel>ul>li:not(.contactus):hover>a::after,
#navPanel>ul>li.group:hover::after {
	width: 105px;
}

#navPanel>ul>li.contactus>a {}

#navPanel>ul>li.contactus>a:hover {}

/* group items - usage */
#navPanel ul li.usage .subcate_wrapper>ul {}

#navPanel ul li.usage .subcate li {}

#navPanel ul li.usage .subcate_wrapper>ul>li:last-child {}

#navPanel ul li.usage .subcate .subcate_head {}

#navPanel ul li.usage .subcate li .thumbnail img {}

#navPanel ul li.usage .subcate li a {}

#navPanel ul li.usage .subcate li:first-child {}

#navPanel ul li .subcate li .thumbnail {}

#navPanel ul li .subcate li .thumbnail img {}

#navPanel ul li .subcate .subo {}

#navPanel ul li .subcate .subo a {}

/* group items - products*/
#navPanel ul li.product .subcate_wrapper>ul {
	width: 1250px;
}

#navPanel ul li.product .subcate li {
	width: 250px;
}

#navPanel ul li.product .subcate li:nth-child(3n) {}

#navPanel ul li.product .subcate li:first-child {}

#navPanel ul li.product .subcate li a {}

/* select language for sp */
#navPanel div.language {}

#navPanel .language .boss,
#navPanel .language li {}

#navPanel .language .boss img {}

#navPanel .language ul {}

#navPanel .language li {}

#navPanel .language .boss {}

#navPanel .language .boss span.button {}

#navPanel .language.open .boss span.button {}

#navPanel .language .subo {}

/* select language for PC */
.upper_header {}

.upper_header div.language ul {}


.upper_header .language li {}

.upper_header .language .boss img {}

.upper_header .language a {}

.upper_header .language a:hover {}

.upper_header .language .boss a {}

.upper_header .language li {}

.upper_header .language .boss {}

.upper_header .language .boss span.button {}

.upper_header .language.open .boss span.button {}

.upper_header .language .subo {}


.upper_header .language:hover .subo {}


/* ========================
 * footer
 * ======================== */
footer {}

footer .inner_footer {
	width: 1300px;
}

footer .copyritht {}

footer nav.footer_nav {}




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

main section,
main .inner_wrapper {
	width: 1300px;
}

h1 {}
h2 {}

h3 {}

h4 {}

/* ========================
 * table
 * ======================== */
div.table_wrap,
div.table_wrap.scrollable_tab {
	background: none;
	padding-top: 0;
	overflow-x: auto;
}

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

table.solid_full {
	width: 1300px;
}

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

table {}

table tr {}

table tr.head,
table tr.head_single {}

table tr.head_single,
table tr.head_bottom {}

table th,
table td {
	padding: 12px;
}

table th {}

/* Cell with generic class */
table th.kuraray,
table td.kuraray {}

table th.name,
table td.name {}

table td.rv,
table td[class^="mark"] {}

table td[class^="mark"] {}

table td[class^="mark_"] {}

table td.mark_pp {}

table td.mark_p {}

table td.mark_m {}

table td.mark_mm {}

table td.accent {}


/* ------------------------
 * table legend
 * ------------------------ */
.table_legend {}

.table_legend div {}
	
.table_legend dl {}

.table_legend dl dt,
.table_legend dl dd {}

.table_legend dl dt::after {}

.table_legend dl dd {}

.table_legend dl.marker {}

.table_legend dl.marker dt {}

.table_legend dl.marker dd {}

.table_legend table {}


/* ========================
 * floating banner
 * ======================== */
.floating {}
.floating.open {
}

.floating span.trigger {}

.floating a {}



/* ========================
 * embedded movie
 * ======================== */
.embedded_movie {}

.photo_items .embedded_movie {
	width: 580px;
}

.embedded_movie .video_wrap {}

.embedded_movie iframe {}

.caption_movie {}


/*
 * top page
 * ========================================================================== */
header.top::before {}

main.top {
	padding: 0;
}

/* ------------------------
 * hero
 * ------------------------ */
.hero {}

.hero_slide {
	width: 1000px;
}

.hero_slide li.slick-slide img {}

/* slide dots */
.hero_slide .slick-dots {
	bottom: 200px;
}

.hero_slide .slick-dots span {}

.hero_slide .slick-dots .slick-active span, .slick-dots span:hover {}


/* ------------------------
 * Topics
 * ------------------------ */
.top_news {
	margin: -200px auto 0;
	width: 1200px;
	padding: 0;
}

.top_news .news_items {}

.top_news .inner_wrapper {
	margin: 0;
	height: 175px;
}

.top_news .news_items dl {}

.top_news .news_items dt,
.top_news .news_items dd {}

.top_news .news_items dt {}

.top_news .news_items dd {}
.mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-my-theme.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-my-theme.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-my-theme.mCSB_scrollTools .mCSB_dragger:focus .mCSB_dragger_bar,
.mCS-my-theme.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {}


.mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail {}

.mCSB_scrollTools {}

/* ------------------------
 * Usage items list
 * ------------------------ */
.top_usage_items {
	width: 1300px;
}

.top_usage_items li {
	width: 310px;
	max-width: 100%;
	font-size: 26px;
	line-height: 32px;
}

.top_usage_items li img {
	margin-bottom: 24px;
	width: 300px;
}

.top_usage_items li span.en_spell {
	font-size: 18px;
}

/* ------------------------
 * Product items list
 * ------------------------ */
.top_product_items {
	width: 1300px;
}

.top_product_items li {
	width: 305px;
}
/*

.top_product_items li:nth-child(2n) {
	margin-right: 40px;
}
.top_product_items li:nth-child(3n) {
	margin-right: 0;
}
*/

.top_product_items li:nth-child(1),
.top_product_items li:nth-child(8) {
	margin-left: 172px;
}
.top_product_items li:nth-child(3),
.top_product_items li:nth-child(10) {
	margin-right: 172px;
}

.top_product_items li img {
	width: 220px;
}

.top_product_items li span.item_name {
	width: 140px;
	height: 140px;
	font-size: 18px;
	line-height: 24px;
}

.top_product_items li span.item_name b.ipea_name {
	font-size: 16px;
}

.top_product_items li span.type {
	font-size: 14px;
}


/*
 * usage category pages
 * ========================================================================== */
header.usage,
main.usage {}

main.usage {}

/* ------------------------
 * page head
 * ------------------------ */
.usage .page_title,
.product .page_title {}

.usage .page_title .title_photo,
.product .page_title .title_photo {}

.usage .page_title .title_photo imgt,
.product .page_title .title_photo img {}

.usage .page_title .title_photo::before,
.product .page_title .title_photo::before {}

.usage .page_title .title_text,
.product .page_title .title_text {
	width: 960px;
}

.usage .page_title .over_head,
.product .page_title .over_head {
	font-size: 56px;
}

.usage .page_title h1 {}

.product .page_title h1.no_number {}

.product .page_title span.cas_no {}

.usage .page_title p.title_lead,
.product .page_title p.title_lead {}

.usage .page_title .usage_item,
.product .page_title .product_item {}

/* with cheical formura */
.product .page_title .product_item.with_chemical_formula {}

.product .page_title .product_item.with_chemical_formula .text_box {}

.product .page_title .product_item.with_chemical_formula .foermula_box {}

.product .page_title .product_item.with_chemical_formula .foermula_box img {}

.product .page_title .product_item.with_chemical_formula .foermula_box img.cf_deg {}

/* ------------------------
 * strip zone
 * ------------------------ */
main.usage .strip_zone,
main.product .strip_zone {}

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

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


/* ------------------------
 * contents
 * ------------------------ */
.flex_wrapper {}

.flex_wrapper .text_box,
.flex_wrapper:not(.no_flex_tab) .text_box {
	margin-right: 140px;
	width: 580px;
}


/* ------------------------
 * photo items
 * ------------------------ */
ul.photo_items,
.no_flex_tab ul.photo_items {
	width: 580px;
}

ul.photo_items li {}

ul.photo_items li span {}


ul.photo_items.horizontal {}

ul.photo_items.horizontal li {
	width: 420px;
	margin-right: 20px;
}

ul.photo_items.horizontal li:last-child {}

ul.photo_items.horizontal li.single {}

ul.photo_items.horizontal.graph_image li {
	margin-right: 40px;
	width: 630px;
}
	
ul.photo_items.horizontal.graph_image li:nth-child(2n) {}

/* =========================
 * Individual items within categories
 * =========================*/
main.usage ul,
main.product ul {}

main.usage ul li,
main.product ul li {}


/* ------------------------
 * polyol
 * ------------------------ */
/* table */
main.product.polyol table tr td.mark {}

/* table legend */
main.product.polyol .table_legend dl:not(.marker) {}

main.product.polyol .table_legend dl:not(.marker) dt {}

main.product.polyol .table_legend dl:not(.marker) dd {}

main.product.polyol .table_legend table {
	margin-right: 64px;
}
.polyol_test_table {
	width: 1300px;
}

/* ------------------------
 * other product
 * ------------------------ */
main.product.other table {}



/*
 * about page
 * ========================================================================== */
main.aboutus {}

main.aboutus h2 {}

main.aboutus h3 {}

/* ------------------------
 * page head
 * ------------------------ */
main.aboutus .head {}

main.aboutus .head .inner_wrapper {}

main.aboutus .head::after {}

main.aboutus .head .page_title .over_head {}

main.aboutus .head .page_title img {}

main.aboutus .head .page_title h1 {}

/* ------------------------
 * strip zone
 * ------------------------ */
main.aboutus .strip_zone {}

main.aboutus .strip_zone .inner_wrapper {}

main.aboutus .strip_zone section {}

main.aboutus .strip_zone .text_box {}

main.aboutus .tags {}


/* ------------------------
 * summary
 * ------------------------ */

/* ------------------------
 * base list
 * ------------------------ */
main.aboutus .base_info .inner_wrapper {}

main.aboutus .base_info .inner_wrapper div.item {
	margin-right: 50px;
	width: 400px;
}

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

main.aboutus .base_info .inner_wrapper div.item img {
	margin-top: auto;
}

/* ------------------------
 * product
 * ------------------------ */



/*
 * document pages
 * ========================================================================== */
/* ------------------------
 * page head
 * ------------------------ */
main.document .page_title .over_head {}

main.document .page_title h1 {}

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

main.document ul.btn_list {
	flex-direction: row;
	flex-wrap: wrap;
}

main.document ul.btn_list li {
	margin: 0 50px 48px 0;
	width: 400px;
}


main.document ul.btn_list li:nth-child(3n) {
	margin-right: 0;
}

main.document ul.btn_list li a {
	margin: 0;
}
	
main.document .strip_zone {}


/*
 * 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 {}

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

main.contactus ul.product_items li:nth-child(2n) {}

main.contactus ul.product_items li:nth-child(4n) {}

main.contactus ul.product_items li a {}

main.contactus ul.product_items li .thumbnail {}

main.contactus ul.product_items li span {}

/* base */
main.contactus .strip_zone {}

main.contactus ul.base_items {
	display: flex;
}

main.contactus ul.base_items li {
	margin: 0 35px 0 0;
	width: 410px;
}
main.contactus ul.base_items li:last-child {}

main.contactus ul.base_items li b {}

main.contactus ul.base_items li p {}

main.contactus ul.base_items li dl {}

main.contactus ul.base_items li dl dt {}
/*

main.contactus ul.base_items li dl dt::after {}
*/

main.contactus ul.base_items li dl dd {}
/*
main.contactus ul.base_items li dl dd::before {}*/




/*
 * news pages
 * ========================================================================== */
/* ------------------------
 * page head
 * ------------------------ */

main.news .page_title .over_head {}

main.news .page_title h1 {
	margin-bottom: 72px;
}

/* ------------------------
 * contents
 * ------------------------ */
main.news article {
	width: 1300px;
}

main.news article span.over_head {}

main.news h2 {}

main.news h3 {}

main.news dl dt,
main.news dl dd {}

main.news dl dt::after {}

main.news dl dd {}




/*
 * sitemap page
 * ========================================================================== */
/* ------------------------
 * page head
 * ------------------------ */
main.sitemap .page_title .over_head {}

main.sitemap .page_title h1 {}

/* ------------------------
 * contents
 * ------------------------ */
main.sitemap .flex_wrapper {}

main.sitemap .flex_wrapper section,
main.sitemap .flex_wrapper section:nth-of-type(3n) {
	margin-right: 33px;
}

main.sitemap .flex_wrapper section:nth-of-type(4n) {
	margin-right: 0;
}

main.sitemap ul {}
main.sitemap ul li {}










}