@charset "utf-8";

/* common */
/** catalogTtl **/
.mainContents .catalogTtl{
}
.mainContents .catalogTtl h1{
}
.mainContents .catalogTtl .withSearch .searchForm{
}
.mainContents .productsMenuBtn{
	cursor:pointer;
	margin:0;
}
/** slideLocalNavi **/
.mainContents.slideLocalNaviArea{
	position:relative;
	z-index:110;
}

/* pc */
@media screen and (min-width:768px){
	/** slideLocalNaviWrap **/
	.mainContents .slideLocalNaviWrap{
		opacity:0;
		visibility:hidden;
		transition:all .4s ease-in-out;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		padding:1.5em 0 2em;
		background:#fff;
		border-bottom:1px solid #ddd;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.mainContents .slideLocalNaviWrap .borderLinkArea{
		transform:scale(.1);
		transition:all .4s ease-in-out;
	}
	.mainContents .slideLocalNaviWrap.active{
		opacity:1;
		visibility:visible;
	}
	.mainContents .slideLocalNaviWrap.active .borderLinkArea{
		transform:scale(1);
	}
	/** catalogTtl **/
	.mainContents .catalogTtl{
		position:relative;
		margin-bottom:2em;
	}
	.mainContents .catalogTtl h1{
		padding-right:340px;
	}
	.mainContents .catalogTtl .withSearch .searchForm{
		width:330px;
	}
	.mainContents .catalogTtl .dynamicReadBox{
		position:absolute;
		bottom:0;
		right:0;
	}
	/** slideLocalNavi **/
	.mainContents .slideLocalNavi{
		max-width:1112px;
		margin:0 auto;
		padding:0 10px;
		font-size:14px;
		overflow:hidden;
	}
	.mainContents .slideLocalNavi .slideLocalNaviIn{
		position:relative;
		padding-left:130px;
	}
	.mainContents .slideLocalNavi .slideLocalNaviIn .borderLinkArea{
		margin-left:30px;
	}
	.mainContents .slideLocalNavi .slideLocalNaviIn .borderLinkArea .row article .articleTit .alike,
	.mainContents .slideLocalNavi .slideLocalNaviIn .borderLinkArea .row article .articleTit a,
	.mainContents .slideLocalNavi .slideLocalNaviIn .borderLinkArea .row article .articleTit a .cellCol{
		text-align:left;
	}
	.mainContents .slideLocalNavi .slideLocalNaviIn .borderLinkArea .row article .articleTit a{
		padding:10px 12px;
		line-height:1.2;
	}
	.mainContents .slideLocalNavi .slideLocalNaviIn .productsMenuBtn{
		position:absolute;
		top:0;
		left:0;
		width:130px;
		height:130px;
		border:3px solid #e60012;
		background:#e60012 url(/products/common/images/2017/pc/btn_menu_close.png) no-repeat center center;
		text-indent:-9999px;
		-webkit-border-radius:9px;
		-moz-border-radius:9px;
		border-radius:9px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	/** catalogTtl **/
	.mainContents .catalogTtl{
		display:table;
	}
	.mainContents .catalogTtl .productsMenuArea{
		display:table-cell;
		width:130px;
		border-right:30px solid transparent;
	}
	.mainContents .catalogTtl .ttlArea{
		display:table-cell;
		vertical-align:bottom;
	}
	.mainContents .catalogTtl .ttlArea .dynamicReadBox{
		margin:0;
	}
	.mainContents .catalogTtl .productsMenuArea .productsMenuBtn{
		width:130px;
		height:130px;
		border:3px solid #e60012;
		background:#fff url(/products/common/images/2017/pc/btn_menu.png) no-repeat center center;
		text-indent:-9999px;
		-webkit-border-radius:9px;
		-moz-border-radius:9px;
		border-radius:9px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.mainContents .catalogTtl .productsMenuArea .productsMenuBtn.active,
	.mainContents .catalogTtl .productsMenuArea .productsMenuBtn:hover{
		background:#e60012 url(/products/common/images/2017/pc/btn_menu_hover.png) no-repeat center center;
	}
	.mainContents .catalogTtl{
		display:table;
		width:100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	/** srotTab **/
	.mainContents .catalogTtl .srotTab{

	}
	.mainContents .catalogTtl .srotTab ul{
		display:table;
		margin:0;
	}
	.mainContents .catalogTtl .srotTab ul li{
		position:relative;
		overflow:hidden;
		display:table-cell;
		width:140px;
		vertical-align:middle;
		text-align:center;
		border-right:10px solid transparent;
	}
	.mainContents .catalogTtl .srotTab ul li:hover,
	.mainContents .catalogTtl .srotTab ul li.current{
		color:#e60012;
		font-weight:bold;
	}
	.mainContents .catalogTtl .srotTab ul li:last-child{
		border-right:0;
	}
	.mainContents .catalogTtl .srotTab ul li::after{
		content:"";
		position:absolute;
		left:0;
		bottom:0;
		display:block;
		width:100%;
		height:3px;
		background:#e6e6e6;
	}
	.mainContents .catalogTtl .srotTab ul li:hover::after,
	.mainContents .catalogTtl .srotTab ul li.current::after{
		background:#e60012;
	}
	.mainContents .catalogTtl .srotTab ul li span{
		display:block;
		padding:75px 10px;
		margin:-55px 0;
		background:#f2f2f2;
		cursor:pointer;
	}
}
/* sp */
@media screen and (max-width:767px){
	/** slideLocalNaviWrap **/
	.mainContents .slideLocalNaviWrap{
		display:none;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		padding:0 6px 2em;
		background:#fff;
		border-bottom:1px solid #ddd;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.mainContents .slideLocalNavi{
		overflow:hidden;
	}
	.mainContents.slideLocalNaviArea .container{
		margin:0;
	}
	.mainContents.slideLocalNaviArea .searchForm{
		margin:1em 6px;
		padding-bottom:1em;
		border-bottom:1px solid #ddd;
	}
	.mainContents .catalogTtl .ttlArea{
		position:relative;
		z-index:1;
	}
	/** searchArea **/
	.mainContents .catalogTtl .ttlArea .searchBoxArea{
		position:absolute;
		top:0;
		left:0;
		width:100%;
	}
	.mainContents .catalogTtl .productsMenuArea{
		margin:1em 0 0;
	}
	.mainContents .catalogTtl .productsMenuArea .productsMenuBtn{
		position:relative;
		padding:10px 10px 10px 30px;
		border:2px solid #e60012;
		color:#e60012;
		font-weight:bold;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		background:#fff url(/products/common/images/2017/sp/icon_arrow_down.png) no-repeat center center;
		-webkit-background-size:18px 13px;
		background-size:18px 13px;
	}
	.mainContents .catalogTtl .productsMenuArea .productsMenuBtn.active{
		background:#fff url(/products/common/images/2017/sp/icon_arrow_up.png) no-repeat center center;
		-webkit-background-size:18px 13px;
		background-size:18px 13px;
	}
	.mainContents .catalogTtl .productsMenuArea .productsMenuBtn::before,
	.mainContents .catalogTtl .productsMenuArea .productsMenuBtn::after{
		position:absolute;
		display:block;
		content:"";
	}
	.mainContents .catalogTtl .productsMenuArea .productsMenuBtn::before{
		top:14px;
		left:10px;
		width:15px;
		height:15px;
		background:url(/products/common/images/2017/sp/icon_menu.png) no-repeat 0 0;
		-webkit-background-size:15px 15px;
		background-size:15px 15px;
	}
	.mainContents .catalogTtl .productsMenuArea .productsMenuBtn::after{
		top:10px;
		right:15px;
		width:76px;
		height:24px;
		background:url(/products/common/images/2017/sp/btn_menu.png) no-repeat 0 0;
		-webkit-background-size:76px 24px;
		background-size:76px 24px;
	}
	.mainContents .catalogTtl .productsMenuArea .productsMenuBtn.active::after{
		background:url(/products/common/images/2017/sp/btn_menu_on.png) no-repeat 0 0;
		-webkit-background-size:76px 24px;
		background-size:76px 24px;
	}
	.mainContents .slideLocalNavi .slideLocalNaviIn .productsMenuBtn{
		margin-top:30px;
		text-align:center;
		color:#e60012;
	}
	.mainContents .slideLocalNavi .slideLocalNaviIn .productsMenuBtn .icon{
		display:inline-block;
		padding-left:18px;
		background:url(/products/common/images/2017/sp/btn_close.png) no-repeat 0 center;
		-webkit-background-size:12px 12px;
		background-size:12px 12px;
	}
	.mainContents .catalogTtl .ttlArea .searchBoxArea .searchBoxAreaIn{
		display:none;
		padding:15px 2%;
		margin:0 -2%;
		background:#fff;
		border-bottom:1px solid #e6e6e6;
	}
	/** srotTab **/
	.mainContents .catalogTtl .srotTab{
		margin:1em 0;
	}
	.mainContents .catalogTtl .srotTab ul{
		display:flex;
		margin-right:-1%;
		margin-left:-1%;
		flex-wrap:wrap;
		-webkit-align-items:stretch;
		align-items:flex-start;
		-webkit-align-items:center;
		align-items:center;
		align-items:stretch;
	}
	.mainContents .catalogTtl .srotTab ul li{
		position:relative;
		display:flex;
		align-items:center;
		justify-content:center;
		width:23%;
		margin:0 1% 10px;
		text-align:center;
		background:#f2f2f2;
		padding:15px 10px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		cursor:pointer;
	}
	.mainContents .catalogTtl .srotTab ul li span:hover,
	.mainContents .catalogTtl .srotTab ul li.current span{
		color:#e60012;
		font-weight:bold;
	}
	.mainContents .catalogTtl .srotTab ul li::after{
		content:"";
		position:absolute;
		left:0;
		bottom:0;
		display:block;
		width:100%;
		height:3px;
		background:#e6e6e6;
	}
	.mainContents .catalogTtl .srotTab ul li:hover::after,
	.mainContents .catalogTtl .srotTab ul li.current::after{
		background:#e60012;
	}
	.mainContents .catalogTtl .srotTab ul li span{
	}
}

/* accordion */
.mainContents .col6_right {
	float: right;
}
.mainContents .conMt {
	margin-top: 60px;
}

.acTableContent td {
	width: 62%;
}

.materials_list li {
	padding-left: 2em;
	text-indent: -1em;
}

@media screen and (max-width:767px){
	.mainContents .conMt {
		margin-top: 18px;
	}
	.acTtlBtn {
		position: relative;
	}
	.acTtlBtn:after,
	.acContents.active .acTtlBtn:after {
		content: "";
		position: absolute;
		top: 17.5px;
		right: 15px;
		z-index: -1;
		width: 15px;
		height: 15px;
	}
	.acTtlBtn:after {
		background: url(/common/images/2017/ico_open.png) no-repeat;
		background-size: contain;
	}
	.acContents.active .acTtlBtn:after {
		background: url(/common/images/2017/ico_close.png) no-repeat;
		background-size: contain;
	}
	.acTableContent {
		display: none;
	}
}