/* スマホ対応用CSS 公開時に[style.css]の下部へ統合予定
---------------------------- */
.page {
	min-width: 310px ;
}
#staging-header {
	box-sizing: border-box ;
}
#toPageTop,
#contents {
	width: auto ;
	margin: 0 ;
}

.layout-single-column,
.layout-two-columns {
	max-width: 960px ;
	width: 90% ;
	margin: 0 auto ;
}

.table-clm {
	overflow: auto ;
}
/* パンくず
---------- */
.breadcrumb {
	margin: 0 auto 1.69rem;
	padding: 1.25em 0 ;
	font-size: 0.75em;
	line-height: 1.5;
	color: #1a1a1a;
	background: #e9e9e9;
	border-top: 2px solid #004ea2;
}
.breadcrumb > ul {
	margin:0 auto;
	padding:0 0 0 18px ;
	list-style:none;
	max-width: 1200px ;
	display: flex ;
	flex-wrap: wrap ;
}
.breadcrumb > ul > li {
}
.breadcrumb > ul > li:after {
	content:'>';
	margin:0 5px;
}
.breadcrumb > ul > li:last-child:after {
	content:'';
}
.breadcrumb a {
	color: #333333;
	text-decoration: underline;
}
.breadcrumb a:hover {
	color: #CE6CAB;
}
/* 2列・3列・5列の調整
-----------------------*/
.list-two-clm,
.list-three-clm,
.list-four-clm,
.list-five-clm {
	display: flex ;
	flex-wrap: wrap ;
}
.list-two-clm > li,
.list-two-clm > .clm {
	box-sizing: border-box ;
	margin: 0 5% 1.5em 0;
	width: 47.5% ;
}
.list-three-clm > li,
.list-three-clm .clm {
	width: 30% ;
	margin: 0 5% 3em 0;
}
.list-two-clm > li:nth-of-type(2n),
.list-two-clm > .clm:nth-of-type(2n),
.list-three-clm > li:nth-of-type(3n),
.list-three-clm > .clm:nth-of-type(3n),
.list-four-clm > li:nth-of-type(4n),
.list-four-clm > div:nth-of-type(4n),
.list-five-clm > div:nth-of-type(5n) {
	margin-right: 0 ;
}
.list-four-clm > li,
.list-four-clm > div {
	width: 21.25% ;
	mrgin-right: 5% ;
}
.list-five-clm > li,
.list-five-clm > div {
	box-sizing: border-box ;
	margin-right: 10px ;
	text-align: center ;
	width: 19.9% ;
}
/* スマホサイズ用 */
@media screen and (max-width: 960px) {
	#slider {
		height: auto ;
	}
	#slides a img {
		width: 100% ;
	}
	/* youtube */
	.youtube-clm {
		padding-top: 56.25%;
		position: relative;
		width: 100%;
		max-width: 640px ;
	}
	.youtube-clm iframe {
		height: 100% !important;
		position: absolute;
		right: 0;
		top: 0;
		width: 100% !important;
	}
	.column-left p > a > img {
		max-width: 100% ;
	}
}
@media screen and (max-width: 880px) {
	.layout-single-column,
	.layout-two-columns {
		max-width: none ;
		width: auto ;
	}

	#contents,
	.breadcrumb,
	.layout-two-columns > .column-right,
	.layout-two-columns > .column-left,
	.layout-single-column {
		float: none ;
		width: 100% ;
		margin: 0 auto ;
	}
	.layout-two-columns > .column-right,
	.layout-single-column {
		width: 90% ;
		overflow: auto ;
	}
	.layout-two-columns > h1 {
		width: 90% ;
		margin-left: auto ;
		margin-right: auto ;
	}
	.bnr-three-list {
		width: 90% ;
		margin: 0 auto 1em;
	}
	/* local-nav */
	.column-left li li {
		font-size: 14px ;
	}
	.layout-two-columns > .column-left {
		background: #f7f7f7 ;
		margin-bottom: -3em ;
		padding: 1em 0 3em ;
	}
	.layout-two-columns > .column-left nav.product_categories > ul > li ul li,
	.layout-two-columns > .column-left nav > ul > li ul > li,
	#rightNav > nav > ul > li > ul > li {
		margin-bottom: 0.6em ;
	}
	.layout-two-columns > .column-left nav,
	#rightNav > nav,
	.column-left > .banner_distributors,
	.column-left > .related_banner {
		border: none ;
		margin-bottom: 0 ;
		padding: 1.25em 5% 0.75em ;
	}
	.layout-two-columns > .column-left nav > ul,
	#rightNav > nav > ul {
		border-bottom: 1px solid #ddd ;
		padding-bottom: 1em ;
	}
	.layout-two-columns > .column-left nav:last-child > ul,
	#rightNav > nav:last-child > ul {
		border-bottom: none ;
		padding-bottom: 0 ;
	}
	.layout-two-columns > .column-left nav > ul > li,
	#rightNav > nav > ul > li {
		margin-bottom: 1.25em ;
	}
	.layout-two-columns > .column-left nav > ul > li > h4,
	#rightNav > nav > ul > li > h4 {
		font-size: 1.07em ;
		margin-bottom: 0.25em ;
	}
	.layout-two-columns > .column-left nav.product_categories > ul > li ul,
	.layout-two-columns > .column-left nav > ul > li ul,
	#rightNav > nav > ul > li > ul {
		padding-left: 0 ;
		list-style: none ;
	}
	.layout-two-columns > .column-left nav.product_categories > ul > li ul li,
	.layout-two-columns > .column-left nav > ul > li ul > li,
	#rightNav > nav > ul > li > ul > li {
		background:  url("/img/sidebar/arrow_blue.png") no-repeat left 0.5em ;
		display: inline-block ;
		padding: 0 1em 0 10px ;
		vertical-align: top ;
	}
	.layout-two-columns > .column-left nav.product_categories .lnv-inc-nv {
		display: block ;
		float: none ;
		width: 100% ;
	}
	.column-left > .related_banner {
		padding-bottom: 1.5em ;
	}
	.column-left > .related_banner p {
		display: inline-block ;
		float: left ;
		box-sizing: border-box ;
		margin: 0 ;
		padding: 0 2.5% 15px ;
		width: 33.3% ;
		vertical-align: top ;
		text-align: center ;
	}

	/* Local navi */
	.column-left .newstopics {
		background: #FFF ;
		border: none ;
		margin: -1.2em 0 0;
		padding: 0.3em 5% 1.5em;
	}
	.column-left .newstopics ul {
		box-sizing: border-box ;
		margin: 0 ;
		width: 100% ;
	}
	p.banner img {
		max-width: 100% ;
	}
}
@media screen and (max-width: 680px) {
	.list-three-clm > li,
	.list-three-clm .clm {
		width: 48% ;
		margin: 0 4% 3em 0;
	}
	.list-two-clm > li:nth-of-type(2n),
	.list-two-clm > .clm:nth-of-type(2n),
	.list-three-clm > li:nth-of-type(3n),
	.list-four-clm > li:nth-of-type(4n),
	.list-four-clm > div:nth-of-type(4n),
	.list-five-clm > div:nth-of-type(5n) {
		margin-right: auto ;
	}
	.list-three-clm > li:nth-of-type(2n),
	.list-three-clm .clm :nth-of-type(2n){
		margin-right: 0 ;
	}
}
@media screen and (max-width: 640px) {
	img {
		max-width: 100%;
		height: auto;
		width:auto;
		vertical-align: top ;
	}
	body { font-size: 100% ;
	}
	.layout-single-column > h1,
	.layout-two-columns h1,
	.parent-title {
		font-size: 175% ;	
	}
	.layout-single-column h2,
	.layout-two-columns h2 {
		font-size: 1.25em ;
	}
	.layout-single-column h3,
	.layout-two-columns h3 {
		font-size: 113% ;
	}

	.column-left > .related_banner p {
		width: 50% ;
	}
	.column-left .newstopics > ul > li > .date {
		font-size:0.87em;
		display:block;
	}
	
	.column-left .newstopics > ul > li > a {
		font-size:0.87em;
	}

	.bnr-three-list {
		padding-bottom: 1em ;
	}
	.bnr-three-list ul {
		display: none ;
	}
	.brochures-container > ul > li {
		font-size: 13px ;
		float: none;
		width: 100%;
	}
}
@media screen and (max-width: 550px) {
	.layout-two-columns > .column-left nav.product_categories > ul > li ul li,
	.layout-two-columns > .column-left nav > ul > li ul > li,
	#rightNav > nav > ul > li > ul > li {
		background:  url("/img/sidebar/arrow_blue.png") no-repeat left 0.5em ;
		box-sizing: border-box ;
		display: inline-block ;
		margin-bottom: 0.25em ;
		padding: 0 0 0 10px ;
		vertical-align: top ;
		width: 48% ;
	}
	.layout-two-columns > .column-left nav.product_categories > ul > li ul li br,
	.layout-two-columns > .column-left nav > ul > li ul > li br,
	#rightNav > nav > ul > li > ul > li  br{
		display: none ;
	}
	.layout-two-columns > .column-left nav.product_categories > ul > li ul li.lnv-inc-nv,
	.layout-two-columns > .column-left nav.product_categories > ul > li ul li.lnv-inc-nv li,
	.layout-two-columns > .column-left nav > ul > li ul > li,
	#rightNav > nav > ul > li > ul > li.lnv-inc-nv {
		width: 100% ;
	}
	.imgfloatright {
		float: none ;
		margin: 0 0 0.5em;
	}
}
@media screen and (max-width: 500px) {
}
@media screen and (max-width: 450px) {
	.en header nav#gnavi ul li a {
		font-size: 13px ;
	}
	.column-left > .banner_distributors,
	.column-left > .related_banner p {
		float: none ;
		width: 100% ;
		text-align: center ;
		padding: 0 0 15px 0 ;
		margin: 0 ;
	}
	.bnr-three-list li {
		width: 100% ;
	}
}
@media screen and (max-width: 340px) {
}
/* スマホサイズ用 */