@charset "utf-8";


/*-----------------------------
	大枠設定
------------------------------*/

body{
	text-align:center;
	background:#fff;
}
/* a */
a{
	color:#000;
	text-decoration:underline;
}
a:hover{
	color:#666;
	text-decoration:none;
}
/*-----------------------------
	header
------------------------------*/

header{
	clear:both;
	width:100%;
	max-width:1600px;
	min-width:1200px;
	margin:0 auto;
	height:59px;
	border-bottom:2px solid #C41118;
	overflow:hidden;
	background:#000;
}
header h1{
	float:left;
	width:12%;
}
header h1 a{
	display:block;
	width:100%;
	height:59px;
	text-indent:-99999px;
	background:url(../image/logo.jpg) no-repeat center top;
}
header ul{
	display: flex;
	width:88%;
}
header ul li{
	flex: 1;
	font-size:13px;
	font-family:"Times New Roman", Times, serif;
	}
header ul li span{
	display: block;
}
header ul li a{
	display: flex;
	align-items: center;
	justify-content: center;
	color:#fff;
	text-decoration:none;
	line-height:1.2;
	height:60px;
	background:url(../image/footer-nav-line.png) no-repeat center left #000;
}
header ul li:last-child a{
	background:#303030;
}
header ul li a img{
	vertical-align:middle;
}
header ul li a:hover{
	background:#6F6F6F;
}header ul li.act a{
	color:#000;
	background:none #fff;
}
header ul li a img{
	vertical-align:middle;
}
header ul li a:hover{
	color:#fff;
	text-decoration:none;
	background:url(../image/footer-nav-bg.png) repeat #000;
}

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

header h1 a{
	display:block;
	width:100%;
	height:59px;
	text-indent:-99999px;
	background:url(../image/header_img.png) no-repeat center center;
}
}

/*-----------------------------
	contents
------------------------------*/

#contents{
	clear:both;
	width:980px;
	margin:0 auto;
	padding:40px 0;
	overflow:hidden;
}
/* pager */
.pager{
	clear:both;
}
.pager ul li{
	display:inline-block;
	margin:0 3px;
}
.pager ul li a{
	display:inline-block;
	color:#333;
	width:38px;
	height:44px;
	line-height:44px;
	font-size:16px;
	text-decoration:none;
	border:1px solid #666;
}
.pager ul li a:hover{
	background:#e4e4e4;
}
.pager ul li.pager-prev,
.pager ul li.pager-next{
	margin:0 10px;
}
.pager ul li.pager-prev a,
.pager ul li.pager-next a{
	display:inline-block;
	color:#333;
	width:38px;
	height:44px;
	line-height:44px;
	font-size:16px;
	text-decoration:underline;
	border:none;
}
.pager ul li.pager-prev a:hover,
.pager ul li.pager-next a:hover{
	color:#999;
	background:none;
}
/* pagetop */
.pagetop{
	clear:both;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
	text-align:right;
	padding-right:15px;
	background:url(../image/pagetop.png) no-repeat right 10px;
}
.pagetop a{
	display:inline-block;
	padding:5px;
}
.pagetop a:hover{
	text-decoration:none;
}
#pagetop-sp{
	display:none;
}
@media screen and (max-width: 500px){
/* pager */
.pager{
	clear:both;
}
.pager ul li{
	display:inline-block;
	margin:0 3px;
}
.pager ul li a{
	display:inline-block;
	color:#333;
	width:25px;
	height:29px;
	line-height:29px;
	font-size:14px;
	text-decoration:none;
	border:1px solid #666;
}
.pager ul li a:hover{
	background:#e4e4e4;
}
.pager ul li.pager-prev,
.pager ul li.pager-next{
	margin:0 10px;
}
.pager ul li.pager-prev a,
.pager ul li.pager-next a{
	display:inline-block;
	color:#333;
	width:40px;
	height:29px;
	line-height:29px;
	font-size:14px;
	text-decoration:underline;
	border:none;
}
.pager ul li.pager-prev a:hover,
.pager ul li.pager-next a:hover{
	color:#999;
	background:none;
}
/* pagetop */
.pagetop{
	display:none;
}
#pagetop-sp{
	display:block;
	position:fixed;
	right:15px;
	bottom:0;
	padding-bottom:30px;
}
}


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

footer{
	clear:both;
	width:100%;
	max-width:1600px;
	min-width:1200px;
	margin:0 auto;
	padding-bottom:40px;
	background:#000;
}
#fnav2{
	clear:both;
	width:100%;
	max-width:1600px;
	min-width:1200px;
	margin:0 auto;
	height:59px;
	border-bottom:2px solid #C41118;
	overflow:hidden;
	background:#000;
}
#fnav2 h1{
	float:left;
	width:12%;
}
#fnav2 h1 a{
	display:block;
	width:100%;
	height:59px;
	text-indent:-99999px;
	background:url(../image/logo.jpg) no-repeat center top;
}
#fnav2 ul{
	display: flex;
	width:88%;
}
#fnav2 ul li{
	flex: 1;
	font-size:13px;
	font-family:"Times New Roman", Times, serif;
	}

#fnav2 ul li span{
	display: block;
}

#fnav2 ul li a{
	display: flex;
	align-items: center;
	justify-content: center;
	color:#fff;
	text-decoration:none;
	line-height:1.2;
	height:60px;
	background:url(../image/footer-nav-line.png) no-repeat center left #000;
}
#fnav2 ul li:last-child a{
	background:#303030;
}
#fnav2 ul li a img{
	vertical-align:middle;
}
#fnav2 ul li a:hover{
	background:#6F6F6F;
}#fnav2 ul li.act a{
	color:#000;
	background:none #fff;
}
#fnav2 ul li:first-child.act a{
	color:#000;
	background:#fff;
}
#fnav2 ul li a img{
	vertical-align:middle;
}
#fnav2 ul li a:hover{
	color:#fff;
	text-decoration:none;
	background:url(../image/footer-nav-bg.png) repeat #000;
}
















/* fgnav
footer #fgnav{
	overflow:hidden;
	border-bottom:2px solid #C41118;
}
footer ul#fgnav li{
	float:left;
	width:20%;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
}



footer ul#fgnav li span{
	display: block;
}

footer ul#fgnav li:nth-child(1) span,
footer ul#fgnav li:nth-child(3) span,
footer ul#fgnav li:nth-child(4) span{
	padding-top: 20px;
}
footer ul#fgnav li:nth-child(2) span,
footer ul#fgnav li:nth-child(5) span{
	padding-top: 10px;
}
footer ul#fgnav li a{
	color:#fff;
	text-decoration:none;
	display:block;
	height:60px;
	padding: 1% 0;
	background:url(../image/footer-nav-line.png) no-repeat center left #000;
}
footer ul#fgnav li:nth-child(4) a,
footer ul#fgnav li:nth-child(5) a{
	background:url(../image/footer-nav-line.png) no-repeat center left #303030;
}
footer ul#fgnav li:nth-child(5) span{
	padding-left: 10%;
	background:url(../image/nav-cart.png) no-repeat 15% 60%;
}
footer ul#fgnav li a img{
	vertical-align:middle;
}
footer ul#fgnav li a:hover{
	background:#6F6F6F;
}
footer dl#fgnav dt{
	float:left;
	width:12%;
}
footer dl#fgnav dt a{
	display:block;
	width:100%;
	height:59px;
	text-indent:-99999px;
	background:url(../image/logo.jpg) no-repeat center top;
}
footer dl#fgnav dd{
	float:left;
	width:22%;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
}
footer dl#fgnav dd a{
	color:#fff;
	text-decoration:none;
	display:block;
	height:59px;
	line-height:59px;
	background:url(../image/footer-nav-line.png) no-repeat center left #000;
}
footer dl#fgnav dd:first-of-type a,{
	background:#000;
}
footer dl#fgnav dd:last-child a{
	background:#303030;
}
footer dl#fgnav dd a img{
	vertical-align:middle;
}
footer dl#fgnav dd a:hover{
	color:#fff;
	text-decoration:none;
	background:url(../image/footer-nav-bg.png) repeat #000;
}
footer dl#fgnav dd.act a{
	color:#000;
	background:url(../image/footer-nav-line.png) no-repeat center left #fff;
}
footer dl#fgnav dd:first-of-type.act a,
footer dl#fgnav dd:first-of-type.act a:hover{
	color:#000;
	background:#fff;
}
 */

/* div */
footer .footer_inner{
	max-width:960px;
	padding:20px 0 30px;
	margin:0 auto;
}
footer div #fnav{
	float:left;
	overflow:auto;
	border-left:1px solid #4d4d4d;
	margin-bottom:20px;
}
footer div #fnav li{
	float:left;
	border-right:1px solid #4d4d4d;
}
footer div #fnav li a{
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	text-decoration:none;
	padding:0 15px;
	display:inline-block;
	height:25px;
	line-height:25px;
	font-size:16px;
}
footer div #fnav li a:hover{
	color:#999;
	text-decoration:underline;
}
footer div #facebook{
	float:right;
	overflow:hidden;
	margin-bottom:20px;
}
footer div #facebook li{
	float:left;
}
/* footer-banner */
footer p.footer-banner{
	clear:both;
	text-align:center;
}
footer ul.footer-banner{
	clear:both;
	padding:0 10px;
	overflow:hidden;
}
footer ul.footer-banner li{
	float:left;
}
footer ul.footer-banner li:nth-child(2n){
	float:right;
}
/* copy */
footer #copy{
	clear:both;
	text-align:right;
	padding:0 20px 0 0;
}
footer #copy small{
	color:#999;
	font-size:11px;
}
@media screen and (max-width: 767px){

#fnav2 h1 a{
	display:block;
	width:100%;
	height:59px;
	text-indent:-99999px;
	background:url(../image/header_img.png) no-repeat center top;
}

footer .footer_inner{
	width:100%;
}
.pc_none{
	display: none;
}
.sp_block{
	display: block;
}
}
/* translate */
.goog-te-gadget-simple {
position: fixed;
    left: 0;
	bottom: 0;
	z-index: 999;
}
