@charset "utf-8";

/*menu*/
.menu nav .imgNav a{
	padding:0;
	background-image:none;
}
.menu nav .imgNav a img{
	width:100%;
}

.gNaviBox{
	width:100%;
	font-size:12px;
	position:relative;
	background-color:#FFF;
}

.gNaviBox.fmenu{
	position:fixed;
	top:-52px;
	z-index:5;
}

.gNaviBox:before{
	top:52px;
}
.gNaviBox:after{
	bottom:0px;
}
/*breadcrumb*/
.gNaviBox #breadcrumb{
	width:980px;
	margin:auto;
	height:52px;
}
.gNaviBox #breadcrumb::before{
	content:none;
}

.gNaviBox #breadcrumb li:first-child:before{
	display:none;
}
.gNaviBox .menuBoxOuter{
	border-bottom: 1px solid #ededed;	
}

.gNaviBox .menuBox{
	font-weight:bold;
	text-align:right;
	width:980px;
	margin:auto;
	position:relative;
	line-height: 0;
}
.gNaviBox .menuBox:after{
	content:"";
	display:none;
	clear:both;
}
.gNaviBox .menuBox li{
	float:left;
	position:relative;
}
.gNaviBox .submenu{
	right:0;
	height:52px;
	display:inline-block;
}
.gNaviBox .submenu dt, .gNaviBox .submenu dd{
	line-height:1.2em;
	float:left;
}
.gNaviBox .submenu dd{
	width:155px;
	margin-left:1px;
}
.gNaviBox .menuBox a{
	text-decoration:none;
	display:block;
	height:52px;
	width:100%;
	vertical-align:middle;
	border-radius:0;
	padding-top:20px;
}
.gNaviBox .menuBox a:after{
	width:5px;
	margin-top:-6px;
	background-size:100%;
}

.gNaviBox .menuBox a.btn01{
	background-color: #e40264;
	padding-top: 13px;
	padding-left:21px;
}

.gNaviBox .menuBox a.btn01:before{
	content: "";
	display: block;
	position: absolute;
	left: 13px;
	top: 20px;
	width: 16px;
	height: 12px;
    background: url(/denka/images/denka/common/icon_mail.png?20170929) center no-repeat;
    background-size: 100%;
}


.gNaviBox dd:nth-child(3) a.boxLink.redBack  {
    background-color: #eb6100;
}

.gNaviBox dd:nth-child(3) a.boxLink.redBack:hover  {
    background-color: #ff822b;
}

.content_footer li:nth-child(3) a.boxLink.redBack {
    background-color: #eb6100;
}

.content_footer li:nth-child(3) a.boxLink.redBack:hover {
    background-color: #ff7717;
}

.gNaviBox .menuBox a.btn01:hover{
	background-color: #db4f8c;
}


.gNaviBox .menuBox a.btn02{
	background-color: #eb6100;
}

.gNaviBox .menuBox a.btn03{
	background-color: #59b356;
	padding-top: 13px;
	padding-left: 10px;
	padding-right: 10px;
}

.gNaviBox .menuBox a.btn03:hover{
	background-color: #7dce33;
}

.gNaviBox .submenu img{
	vertical-align:bottom;
}

@media screen and (min-width: 769px) {
	.gNaviBox .menuBox li.toTelSp{
		display:none;
	}
	.gNaviBox h1{
		display:none;
	}
	.gNaviBox .title{
		display:none;
	}
}
@media screen and (max-width: 768px) {
	.gNaviBox{
		display:none;
	}
}

/*
	main
*/

#keyvisualBox h2{
	color:#e50065;
}
#keyvisualBox h2 .subTitle{
	color:#333333;
}


/*
	parts.
*/
#relationLink{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#relationLink > *{
	position:relative;
}
#relationLink::before {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	top: 0;
	left: -160%;
	right: -160%;
	background-color:#e5dfd6;
}
#relationLink .relationLinkList{
	overflow:hidden;
	width:933px;
	margin-left:auto;
	margin-right:auto;
}
#relationLink .relationLinkList li{
	float:left;
	width:225px;
	margin-left:11px;
}
#relationLink .relationLinkList img{
	width:100%;
}
#relationLink .relationLinkList li:first-child{
	margin-left:0;
}

@media screen and (max-width: 768px) {
	#relationLink{
		width:100%;
	}
	#relationLink::before{
		background-color:#f6f3ef;
	}

	#relationLink .relationLinkList{
		overflow:hidden;
		width:auto;
	}
	#relationLink .relationLinkList li{
		float:left;
		margin-left:2%;
		margin-bottom:2%;
		width:48%;
	}

	#relationLink .relationLinkList li:nth-child(2n+1){
		margin-left:0;
	}

}


/*
	product parts
*/

#productBox .productListBox{
	background:#f6f6f8 url(../images/denka/about/bg_contents.jpg) repeat;
	position:relative;
	padding:10px 47px;
}

#productBox .bx-wrapper .bx-viewport{
	background:none;
}

#productBox .productListBox li{
	width:280px;
	background:white;
	text-align:center;
}
#productBox .productListBox li a{
	display:block;
	width:90%;
	margin:5%;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
#productBox .productListBox li img{
	border-bottom:1px dotted #d7d7d7;
	width:100%;
	background:white;
	margin-bottom:5%;
}


#productBox .productListBox .leftArrow .bx-prev{
	background: url(../images/denka/common/arr_product_l.png) no-repeat;
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-87px;
	text-indent:-9999px;
	width:26px;
	height:174px;
}
#productBox .productListBox .rightArrow .bx-next{
	background: url(../images/denka/common/arr_product_r.png) no-repeat;
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-87px;
	text-indent:-9999px;
	width:26px;
	height:174px;
}

/*
	size.
*/

@media screen and (min-width: 769px) {
	.pcw30{
		width:30%;
	}
	.pcw40{
		width:40%;
	}
	.pcw45{
		width:45%;
	}
	.pcw50{
		width:50%;
	}
	.pcw60{
		width:60%;
	}
	.pcw70{
		width:70%;
	}
	.pcml30{
		margin-left:30%;
	}
	.pcml40{
		margin-left:40%;
	}
	.pcml45{
		margin-left:45%;
	}
}



/*move static contents.*/

.pagetop {
    padding-top: 80px;
    text-align: right;
}
.fixedFooter {
    background-color: #ffda93;
    border-top: 1px solid #ffffff;
    bottom: 0;
    box-sizing: border-box;
    height: 93px;
    left: 0;
    position: fixed;
    transition: bottom 0.5s ease-out 0.1s;
    width: 100%;
    z-index: 10;
}
.fixedFooter .content_footer {
    display: table;
    margin: 0 auto;
    margin-top: 10px;
    width: 900px;
}
.fixedFooter .whiteBack{
	padding-top:2px;
}
.content_footer ul.col3m > li {
	width: 16%;
}
.content_footer ul.col3m > li:nth-child(1) {
	width: 31%;
}
.content_footer ul.col3m > li:nth-child(2) {
	width: 31%;
}

@media screen and (min-width: 769px) {
	.fixedFooter a.redBack:after{
		top:37px;
	}
	.sp-only{
		display:none;
	}
}
@media screen and (max-width: 768px) {
	.pc-only {
	    display: none;
	}
.fixedFooter {
    background-color: #ffda93;
    bottom: 0;
    box-sizing: border-box;
    height: auto;
    left: 0;
    position: fixed;
    transition: bottom 0.5s ease-out 0.1s;
    width: 100%;
    z-index: 10;
}
.fixedFooter .content_footer {
    display: table;
    width: 310px;
}
.fixedFooter .content_footer ul.col3m > li{
	width:auto;
}
.fixedFooter .whiteBack{
	padding-top:0;
}
.fixedFooter .whiteBack a{
	display:block;
}

.fixedFooter .whiteBack img{
	max-width:200px;
}

}

.fixedFooter .pagetop{
	display:none !important;
}

/* MVの上の線を太くした */
#keyvisualBox:before {
	border-top: 3px solid #ededed;
}

/* MVのテキストのシャドウを消す */
#keyvisualBox h2 {
    text-shadow: none;
}

/* MVのテキストが3行 */
#keyvisualBox h2.line3 {
    margin-top: -47px;
}

#keyvisualBox h2 span{
	margin-top: 10px;
}

@media screen and (max-width: 768px) {
#keyvisualBox h2.line3 {
	margin-top: -27px;
}

#keyvisualBox h2.line3 span{
	margin-top: 0px;
}	
}
	
/* ピンクのボックス */
.pinkBox {
	background-color: #fdf0f2;
	padding: 5px;
}

.pinkBox dt{
	font-size: 128.5714285714286%;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 10px 0;
	color: #e50065;
	background-color: #fff;
	text-align: center;
}

.pinkBox dd{
	padding: 15px 10px 15px;
}

.pinkBox dd img{
	text-align: center;
}

.pinkBox dd .annotation{
	margin-top: 10px;
}

/* 黄色のアンダーライン */
.underYellow {
	margin-top: 10px !important;
	font-size: 128.5714285714286%;
}

.underYellow span{
	line-height: 2;
	border-bottom: 2px solid #fff100;
	padding-bottom: 0;
}