@charset "UTF-8";

#footer {
	background-color: #fff;
	margin-top: 50px;
}
#top #footer {
	margin-top: 0!important;
}
#footer .navi {
	background: #fff;
	padding: 6px 40px;
}
#footer .navi > * {
	display: inline-block;
	line-height: 31px;
}
#footer .navi > ul li {
	display: inline-block;
	vertical-align: middle;
}
#footer .navi > ul li + li {
	margin-left: 15px;
}
#footer .navi .logo-corporate {
	float: right;
}
#footer .information {
	background: #eee;
	padding: 0 40px;
}
#footer .information > * {
	display: inline-block;
}
#footer .information > ul li {
	display: inline-block;
	vertical-align: middle;
}
#footer .information > ul li + li {
	margin-left: 10px;
}
#footer .information .fa-stack{
	display: none;
}
#footer .information .copyright {
	float: right;
}
#footer .menu {
	padding: 50px 0 60px;
}
#footer .menu .logo-site {
	float: left;
	width: 33.3%;
	max-width: 182px;
}
#footer .menu ul{
	width: 406px;
	display: block;
	float: right;
}
#footer .menu ul li {
	display: inline-block;
	width: /*176px*/ 168px;
	line-height: 2;
}
/*#footer .menu ul li:nth-child(even){
	margin-left: 49px;
}*/
#footer .menu ul li a {
	color: #184296;
	letter-spacing: -0.8px;
}
#footer .menu ul li a:before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #d1aa00;
	display: inline-block;
	vertical-align: middle;
	margin: 0 9px 0 0;
}
#footer .footer-bottom{
	border-top: 1px solid #d2d2d2;
	margin-bottom: -20px;
}

/*購入方法*/
#footer .buy{
	background: #fff;
	border-bottom: 1px solid #d2d2d2;
}
#footer .buy > div{
	padding: 27px 0;
}
#footer .buy > div > .ec-txt {
	display: block;
	float: left;
	width: 60%;
}
#footer .buy h3{
	color: #184296;
	margin-bottom: 20px;
	font-size: 20px;
	font-size: 2.0rem;
}
#footer .buy > div > .ec-txt a{
	text-decoration: underline;
	color: #333;
}
#footer .buy> div > .ec-pkg{
	float: right;
	margin-right: -28px;
}
#footer .buy .ec-txt .ec-link{
	display: inline-block;
	color: #184296;
	margin-top: 20px;
	float: right;
	text-decoration: none;
}
#footer .buy .ec-txt .ec-link::before{
	content: "";
	background: url(https://www.otsuka.co.jp/kns/footer/image/icon-arrow.png) no-repeat 0px 3px  ;
	padding-right: 15px;
}

/*--- cssスプライト設定 ---*/
#footer .footer-bottom a{
	display: block;
	height: 18px;
	text-indent: -9000px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left center;
	background-attachment: scroll;
}
#footer a:hover{
	opacity: 0.7;
	filter: alpha(opacity = 70);
}
#footer .navi .logo-corporate a{ background-image: url(https://www.otsuka.co.jp/kns/footer/image/navi_otsuka_logo.jpg); width: 132px; height: 31px;}
#footer .navi .logo-corporate a{ background-image: url(https://www.otsuka.co.jp/kns/footer/image/navi_otsuka_logo.jpg); width: 132px; height: 31px;}
#footer .navi .product a{ background-image: url(https://www.otsuka.co.jp/kns/footer/image/navi_product_btn.gif); width: 128px; }
#footer .navi .ec      a{ background-image: url(https://www.otsuka.co.jp/kns/footer/image/navi_ec_btn.gif);      width:  90px; }
#footer .navi .adv     a{ background-image: url(https://www.otsuka.co.jp/kns/footer/image/navi_adv_btn.gif);     width: 132px; }
#footer .navi .company a{ background-image: url(https://www.otsuka.co.jp/kns/footer/image/navi_company_btn.gif); width:  66px; }
#footer .information .hp        a{ background-image: url(https://www.otsuka.co.jp/kns/footer/image/info_hp_btn.gif);      width: 111px;}
#footer .information .assist    a{ background-image: url(https://www.otsuka.co.jp/kns/footer/image/info_assist_btn.gif);  width: 126px;}
#footer .information .privacy   a{ background-image: url(https://www.otsuka.co.jp/kns/footer/image/info_privacy_btn_2.gif); width: 148px;}
#footer .information .contact   a{ background-image: url(https://www.otsuka.co.jp/kns/footer/image/info_contact_btn.gif); width:  67px;}
#footer .information .copyright   a{ background-image: url(https://www.otsuka.co.jp/kns/footer/image/info_copyright.gif);   width: 184px;}

/* 202203 */
.sp {
	display: none;
}

.pc {
	display: block;
}

footer em {
	font-style: normal;
}

@media screen and (max-width: 800px) {
	#footer {
		margin-top: 0;
	}
	#footer .menu .logo-site,#footer .menu ul{
		float: none;
		display: block;
		margin-top: 40px;
	}
	#footer .menu{
		padding: 30px 0 19px;

	}
	#footer .menu .logo-site{
		margin: 0 auto 29px;
		width: 156px;
	}
	#footer .menu .logo-site img{
		max-width: 156px;
	}
	#footer .menu ul{
		padding: 0 15px;
		width: 100%;
		box-sizing: border-box;
	}
	#footer .menu ul li{
		width: 49%;
	}
	#footer .menu ul li:nth-child(even){
		margin-left: 0;
	}
	#footer .footer-bottom a{
		text-indent: 0;
	}

	#footer .footer-bottom{
		border: none;
	}

	#footer .navi .logo-corporate,
	#footer .navi{
		display: none;
	}

	/*information*/
	#footer .information{
		background: #f7f7f5;
		padding: 30px 15px;
	}

	#footer .information > ul{
		text-align: center;
		line-height: 2;
		margin-bottom: 10px;
	}

	#footer .information .hp a,
	#footer .information .assist a,
	#footer .information .privacy a,
	#footer .information .contact a,
	#footer .information .copyright {
		background: none;
		width: auto;
		color: #4e432c;
		font-size: 10px;
		font-size: 1.0rem;
		line-height: 1;
	}
	/*iconの指定*/
	#footer .information .fa-stack {
		position: relative;
		display: inline-block;
		width: 15px;
		height: 15px;
		line-height: 15px;
		vertical-align: middle;
		margin-right: 5px;
		display: inline-block;
	}
	#footer .information .fa-stack-1x, .fa-stack-2x {
		position: absolute;
		left: 0;
		width: 100%;
		text-align: center;
	}
	#footer .information .fa-stack-1x {
		line-height: inherit;
		font-size: 11px;
		font-size: 1.1rem;
		color: rgb(214, 213, 208);
	}
	#footer .information .fa-stack-2x {
		font-size: 15px;
		font-size: 1.5rem;
		color: rgb(157, 152, 141)
	}
	#footer .information .fa-inverse {
		color: #ffffff;
	}
	#footer .information .copyright{
		float: none;
		display: inline;
		text-align: center;
	}

	/*購入方法*/

	#footer .buy{
		padding: 0 15px;
	}
	#footer .buy > div{
		padding: 30px 0;
	}
	#footer .buy h3{
		margin-bottom: 10px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	#footer .buy > div > .ec-txt{
		width: 100%;
		float: none;
	}
	#footer .buy .ec-txt .ec-link{
		display: block;
		color: #fff;
		float: none;
		background-color:  #184296;
		padding: 10px;
		border-radius: 4px;
		text-align: center;
		box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.3);
	}
	#footer .buy .ec-pkg{
		display: none;
	}
	/* 202203フッター修正 */
	.sp {
		display: block;
		}
	
	.pc {
		display: none;
	}
}