@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

@charset "utf-8";


#d-header
{
		position: relative;
		padding-top: 24px;
    padding-bottom: 34px;
    text-align: center;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
		#d-header
		{
		    position: fixed;
		    z-index: 100000; 
		    top: 0;
		    left: 0;
    		width: 100%;
        padding-top: 16px;
		    padding-bottom: 20px;
		    background: #f6f6f6;
		}
}



footer{
	background: #212121;
	color: white;
}

footer #footer_inner{
	width:1024px;
	margin:0 auto 60px;
}
footer #footer_inner dl dd:last-child{
	padding-bottom: 0 !important;
}
@media screen and (max-width:1024px) {
	footer #footer_inner{ padding: 0 20px; }
}


footer dl{
	color:#acacac;
}

footer dl#products{
	width:202px;
	float:left;
}

footer dl#products02{
	width:207px;
	float:left;
}

footer dl#contact{
	width:240px;
	float:left;
}
footer dl#contact dd strong{
	display: block;
	font-size: 120%;
	line-height: 1;
	margin-bottom: 0.5em;
}
footer dl#contact dd a{
	line-height: 1.3;
}

footer dl#company{
	width:340px;
	float:left;
}
@media screen and (max-width:1024px) {
	footer dl#contact{
		width:240px;
	}
	footer dl#company{
		width:320px;
	}
}


footer dl#connect{
	width:119px;
	float:left;
}

footer dl#connect dd{
	width:119px;
	float:left;
	margin-bottom:13px;
}

footer dt{
	font-size:20px;
	font-weight:bold;
	margin-bottom:30px;
	line-height:1;
}

footer dd{
	padding-bottom:18px;
	line-height:1;
	color:#acacac;
}

footer dl a:link{
	color:#acacac;
	text-decoration:none;
}

footer dl a:visited{
	color:#acacac;
	text-decoration:none;
}

footer dl a:hover{
	text-decoration:underline;
	color:#acacac;
}

footer dl a:active{
	text-decoration:none;
	color:#acacac;
}

#footerNav{
	clear:both;
	background:#000;
	width:100%;
	margin:0 auto;
	padding-top:45px;
	padding-bottom:30px;
}

#footerNav a:link{
	color:#FFF;
	text-decoration:none;
}

#footerNav a:visited{
	color:#FFF;
	text-decoration:none;
}

#footerNav a:hover{
	text-decoration:underline;
	color:#FFF;
}

#footerNav a:active{
	text-decoration:none;
	color:#FFF;
}


#footerNav #f_logo{
	float:left;
	width:137px;
	margin-right:45px;
}

#footerNav ul{
	display: none;
	float:left;
}
#footerNav ul li{
	display:block;
	float:left;
	margin-top:16px;
	line-height:1;
	border-right:1px solid #FFF;
	padding-right:17px;
	padding-left:17px;
}
#footerNav ul li:last-child{
	border: none;
}

#copy{
	float:right;
	margin-top:16px;
	line-height:1;
	color:#838383;
}

#twitter{
	background-image:url(../images/ico_twitter.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:7px 0 8px 42px;
	margin-left:-10px;
	height:31px;
}

#facebook{
	background-image:url(../images/ico_facebook.png);
	background-repeat:no-repeat;
	padding:7px 0 8px 42px;
	padding:7px 0 8px 42px;
	margin-left:-10px;
	height:31px;
}

#pinterest{
	background-image:url(../images/ico_pinterest.png);
	background-repeat:no-repeat;
	padding:7px 0 8px 42px;
	margin-left:-10px;
	height:31px;
}

#youtube{
	background-image:url(../images/ico_youtube.png);
	background-repeat:no-repeat;
	padding:7px 0 8px 42px;
	margin-left:-10px;
	height:31px;
}

/*footer sp
------------------------------------------*/

@media screen and (max-width:640px) {

footer{
	padding:10% 0 0;
}


footer #footer_inner{
	width:100%;
	margin:0 auto 0;
}

footer dl{
	color:#acacac;
	padding:0;
}

footer dl#products{
	width:100%;
	float: inherit;
}

footer dl#products dd{
	width:45%;
	float: left;
	margin-right:10%;
}

footer dl#products dd:nth-child(odd){
	margin-right:0!important;
}

footer dl#products02{
	width:100%;
	float: inherit;
	margin-bottom:10%;
}
footer dl#products02 dt{
	display: none;
}


footer dl#products02 dd{
	width:45%;
	float: left;
	margin-right:10%;
}

footer dl#products02 dd:nth-child(odd){
	margin-right:0!important;
}

footer dl#contact{
	width:100%;
	float: inherit;
	margin-bottom:10%;
}

footer dl#contact dd{
	width:45%;
	float: left;
	margin-right:10%;
}

footer dl#contact dd:nth-child(odd){
	margin-right:0!important;
}

footer dl#company{
	width:100%;
	float: inherit;
	margin-bottom:10%;
}

footer dl#company dd{
	width:45%;
	float: left;
	margin-right:10%;
}

footer dl#company dd:nth-child(odd){
	margin-right:0!important;
}

footer dl#connect{
	width:100%;
	float: inherit;
	margin-bottom:10%;
}

footer dl#connect dd{
	width:45%;
	float: left;
	margin-right:10%;
}

footer dl#connect dd:nth-child(odd){
	margin-right:0!important;
}

footer dt{
	font-size:20px;
	font-weight:bold;
	margin-bottom:30px;
	line-height:1;
}

footer dd{
	padding-bottom:18px;
	line-height:1;
}

footer dd a:link{
	color:#FFF;
	text-decoration:none;
}

footer dd a:visited{
	color:#FFF;
	text-decoration:none;
}

footer dd a:hover{
	text-decoration:underline;
	color:#FFF;
}

footer dd a:active{
	text-decoration:none;
	color:#FFF;
}

#footerNav{
	clear:both;
	background:#000;
	height: auto;
	width:100%;
	margin:0 auto;
	padding-top:10%;
}

#footerNav a:link{
	color:#FFF;
	text-decoration:none;
}

#footerNav a:visited{
	color:#FFF;
	text-decoration:none;
}

#footerNav a:hover{
	text-decoration:underline;
	color:#FFF;
}

#footerNav a:active{
	text-decoration:none;
	color:#FFF;
}

#footerNav #f_logo{
	float:left;
	width:137px;
	margin-right:45px;
	display:none;
}

#footerNav ul{
	margin: 0 auto;
	float:inherit;
}



#footerNav ul li:first-child
{
	border-left:none;
	padding-left:0;
}

#footerNav ul li:last-child
{
	border-right:none;
	padding-right:0;
}

#footerNav ul li{
	display:block;
	float:left;
	margin-top:0;
	line-height:1;
	border-right:1px solid #FFF;
	padding-right:3%;
	padding-left:3%;
}

#copy{
	float:inherit;
	margin-top:10%;
	line-height:1;
	clear:both;
}


#copy #sp_f_logo{
	width:22%;
	height: auto;
	float:left;
}

#copy small{
	float:right;
}

#twitter{
	background-image:url(../images/ico_twitter.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size: contain;
	padding:7px 0 8px 25px;
	margin-left:0;
	height:20px;
}

#facebook{
	background-image:url(../images/ico_facebook.png);
	background-repeat:no-repeat;
	background-size: contain;
	padding:7px 0 8px 25px;
	margin-left:0;
	height:20px;
}

#pinterest{
	background-image:url(../images/ico_pinterest.png);
	background-repeat:no-repeat;
	background-size: contain;
	padding:7px 0 8px 25px;
	margin-left:0;
	height:20px;
}

#youtube{
	background-image:url(../images/ico_youtube.png);
	background-repeat:no-repeat;
	background-size: contain;
	padding:7px 0 8px 25px;
	margin-left:0;
	height:20px;
}

}

/*footer global
------------------------------------------*/
#footer_global {
	text-align: center;
	border-bottom: 1px solid #7a7a7a;
}
#footer_global .inner {
	position: relative;
	width: 1024px;
	padding: 0 0 100px 0;
	margin: 0 auto;
	text-align: left;
}
@media screen and (max-width:1024px) {
	#footer_global .inner{
		padding: 100px 20px;
	}
}
#footer_global .inner h3{
	font-size: 20px;
	line-height: 1;
	margin-bottom: 30px;
	font-weight: 700;
	color: #acacac;
}
#footer_global .inner dl { float: left; }
#footer_global .inner dl.link-global { width: 202px; }
#footer_global .inner dl.link-americas-europe { width: 207px; }
#footer_global .inner dl dt{ height: 15px; }
#footer_global .inner dl.link-americas-europe dt span{
	color: #797979;
}

#footer_global .inner dl.link-asia-oceania {
	width: 205px;
}
#footer_global .inner dl.link-asia-oceania.area2,
#footer_global .inner dl.link-asia-oceania.area3{
	padding-top: 45px;
}
#footer_global .inner dl.link-asia-oceania dd {
	float: left;
	width: 205px;
}
@media screen and (max-width:1024px) {
	#footer_global .inner dl.link-asia-oceania{
		width: 191px;
	}
	#footer_global .inner dl.link-asia-oceania dd {
		width: 191px;
	}
}

@media screen and (max-width:640px) {
	#footer_global .inner dl {
		float: none;
		width: 100% !important;
		margin-bottom: 10%;
	}
	#footer_global .inner dl dd{
		width:45% !important;
		float: left;
		margin-right:10% !important;
	}
	#footer_global .inner dl dd:last-child{
		padding-bottom: 0;
	}
	#footer_global .inner dl.link-global dt,
	#footer_global .inner dl.link-global dt h3{
		margin-bottom: 0;
	}
	#footer_global .inner dl.area1 dd:nth-child(odd){
		margin-right:0!important;
	}
	#footer_global .inner dl.area2 dd:nth-child(even),
	#footer_global .inner dl.area3 dd:nth-child(even){
		margin-right:0!important;
	}
	#footer_global .inner dl.link-asia-oceania.area1,
	#footer_global .inner dl.link-asia-oceania.area2,
	#footer_global .inner dl.link-asia-oceania.area3{
		padding-top: 0;
	}
	#footer_global .inner dl.link-asia-oceania.area1,
	#footer_global .inner dl.link-asia-oceania.area2{
		margin-bottom: 0;
	}
}

#footer_global .inner dl dt{
	font-size: 100%;
}
#footer_global .inner dl dt span,
#footer_global .inner dl dt a{
	display: block;
	font-size: 120%;
	line-height: 1;
	margin: 0;
}
#footer_global .inner dl dt a{
	color: #acacac;
}
@media screen and (max-width:640px) {
	color: #fff;
}

#footer_global .inner dl dd a {
	line-height: 1;
}
#footer_global .inner .back{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 100;
}



/*footer global sp
------------------------------------------*/

@media screen and (max-width:640px) {

#footer_global .inner{
	position: relative;
	width: auto;
	padding: 0 20px 10%;
	margin: 0 auto;
	text-align: left;
}
#footer_global .inner h3{
	width: auto;
	margin-bottom: 30px;
}
#footer_global .inner ul li{
	float: left;
	width: 50%;
	height: 20px;
}
#footer_global .inner ul li a{
	display: block;
	line-height: 20px;
	color: #acacac;
}
#footer_global .inner ul li img{
	display: inline-block;
	margin-right: 26px;
	width: 20px;
	height: 20px;
}
#footer_global .inner .back{
	width: 80px;
	height: 80px;
	position: absolute;
	right: 0;
	bottom: 0;
}
#footer_global .inner .back img{
	width: 100%;
}

}