@charset "utf-8";

a{color:#333;}

body{
	min-width:1000px;
	position:relative;
}

.inner{
	width:1000px;
	margin:0 auto;
}

/*-- header
--------------------------------------*/
.pc_header {
	border-top:5px solid #BB1D2F;
}

.pc_header .head {
	padding:24px 0 18px;
	overflow:hidden;
}

.pc_header .head h1{
	color:#666;
	font-size:11px;
	padding:12px 0 0 20px;
	letter-spacing:0.6px;
}

.pc_header .head .logo,
.pc_header .head h1,
.pc_header .head .sns li,
footer .sns li{
	float:left;
}

.pc_header .sns{
	float:right;
}

.pc_header .sns,
footer .sns{
	width:250px;
	 margin-top:10px;
}

.pc_header .sns li,
footer .sns li{
	margin-right:5px;
}

.pc_header .sns li:last-child,
footer .sns li:last-child{
	margin-right:0;
	width:60px;
}

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

.pagetop2{
	position:fixed;
	bottom:10px;
	right:20px;
	width:55px;
	height:55px;
}

footer{
 	background: #F3F3F3;
	letter-spacing:0.6px;
	padding-top:30px;
}

footer .navi ul{
	float:left;
	margin-right:15px;
}

footer .navi li{
	font-size: 11px;
	margin-bottom:8px;
}

footer .navi li.title {
	margin-bottom: 15px;
	font-size: 12px;
	font-weight: bold;
}

footer .banner{
	float:right;
}

footer .sns{
	clear:both;
	overflow:hidden;
	margin:0 0 10px auto;
}

footer .copyright {
	background: #BB1D2F;
	color:#fff;
}

footer .copyright ul{
	width:1000px;
	margin:0 auto;
	padding:19px 0 16px;
	overflow:hidden;
}

footer .copyright li:nth-child(1){
	width:75px;
	float:left;
	margin-right:18px;
}

footer .copyright li:nth-child(2){
	width:560px;
	float:left;
	font-size:10px;
	line-height:1.6;
}

footer .copyright li:nth-child(2) span{
	display:block;
	font-size:12px;
}

footer .copyright li:nth-child(3){
	width:250px;
	float:right;
	font-size:10px;
	text-align:right;
}

.pagetop{display:none;}

/*-- pc navi
--------------------------------------*/
.pc_navi{
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	height:50px;
	min-width:1000px;
}

.pc_navi .navi{
	width:1000px;
	margin: 0 auto;
}

.pc_navi .navi li{
	position: relative;
	float:left;
	width:165px;
	text-align: center;
	letter-spacing:0.6px;
}

.pc_navi .navi .link{
	display: block;
	width:165px;
	height:50px;
	padding:13px 0 11px;
	font-size:14px;
	cursor:pointer;
}

.pc_navi .navi .child{
	display:none;
	left:0;
	top:46px;
	position: absolute;
	border-top:4px solid #BB1D2F;
	z-index:9999;
}

.pc_navi .navi .child li a{
	border-bottom:1px solid #F9E9EB;
	display:block;
	padding:11px 0;
	font-size:12px;
	background:#FCF4F5;
}

.pc_navi .navi .child li a:hover{
	background:#F9E9EB;
	text-decoration:none;
}

.pc_navi .navi .current .link,
.pc_navi .navi .link:hover{
	border-bottom:4px solid #BB1D2F;
	text-decoration:none;
}

/*-- sp navi
--------------------------------------*/
.sp_header,
.sp_navi .panel,
.sp_navi .panel .navi li ul{
	display:none;
}

.sp_navi .button{
	float:right;
	cursor:pointer;
	margin-right:1%;
	width:13%;
}

.sp_navi .button.active img{
	opacity:0;
}

.sp_navi .button.active{
	background:url(/image/cmn/header_menu_hover.png) center center no-repeat;
	background-size:100%;
}

.sp_navi .navi .child li:last-child{
	border:none;
}

.sp_navi .panel{
	position:absolute;
	left:0;
	width:100%;
	z-index:9999;
	background:#F4DCDE;
}

.sp_navi .navi a,
.sp_navi .navi span{
	text-decoration:none;
	display:block;
	cursor:pointer;
	padding:22px;
	font-size:25px;
	font-weight:bold;
	border-bottom:2px solid #DD8F98;
}

.sp_navi .navi .child li,
.sp_navi .navi .single{
	background-image:url(/image/cmn/navi_arrow.png);
	background-repeat:no-repeat;
	background-position:97% center;
}

.sp_navi .navi .child li{background-color:#FCF4F5;}
.sp_navi .parent span{background:url(/image/cmn/navi_open.png) no-repeat 97% center #F4DCDE;}
.sp_navi .parent.active span{background:url(/image/cmn/navi_close.png) no-repeat 97% center #F4DCDE;}


/*-- bread
--------------------------------------*/
#topicpath {
	background:#F9F4F5;
	padding:10px 0;
}
#topicpath ol {
	width:1000px;
	margin:0 auto;
	font-size:10px;
	color:#212121;
}
#topicpath ol li a {
	color:#212121;
	margin-right:10px;
	padding-right:15px;
	background:url(/image/cmn/arrow-icon.png) right 50% no-repeat;
	text-decoration:underline;
}
#topicpath ol li a:hover{
	text-decoration:none;
}
#topicpath ol li{
	display:inline;
}

@media only screen and (max-width:660px){
.inner{width:100%;}
.sp_br{display:inline-block;}

body{
	min-width:initial;
}

/* header */
.sp_header{
	display:block;
}

.pc_header,
.pc_navi,
footer .sns{
	display:none;
}

.sp_navi{
	overflow:hidden;
	height:auto;
	background:#BB1D2F;
}

.sp_navi img{
	display:block;
}

.sp_navi .logo{
	float:left;
	padding:3.5% 0 0 3%;
	margin-right:9%;
	width:44%;
}

.sp_navi .search{
	float:left;
	width:32%;
}

.sp_header h1{
	font-size:15px;
	text-align:center;
	background:#fff;
	color:#666;
	padding:15px 0 12px;
	letter-spacing:0.6px;
}

.sp_header h1{
	display:none;
}

/* footer */
footer{
 	background: #F3F3F3;
}

footer .navi{
	padding:0 5%;
	float:left;
	width:50%;
}

footer .navi:nth-child(2){
	float:right;
}

footer .navi ul{
	margin-right:0;
	margin-bottom:40px;
	float:none;
}

footer .navi li{
	font-size:19px;
}

footer .navi li.title {
	font-size:20px;
}

.pagetop{
	display:block;
	background:#961726;
	text-align:right;
	padding:15px 20px;
}
.pagetop2{
	bottom:10px;
	right:20px;
	width:80px;
	height:80px;
}

footer .banner{
	float:none;
	text-align:center;
	margin:0 15px 60px;
}

footer .copyright {
	padding:27px 30px 15px;
	background: #BB1D2F;
	color:#fff;
}

footer .copyright ul{
	width:100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

footer .copyright li:nth-child(1),
footer .copyright li:nth-child(3){
	text-align:center;
	width:100%;
	float:none;
	margin-right:0;
	font-size:14px;
}

footer .copyright li:nth-child(2){
	width:100%;
	float:none;
	font-size:14px;
	text-align:center;
	margin:10px 0 15px;
}

footer .copyright li:nth-child(2) span{
	font-size:16px;
}

/*-- bread
--------------------------------------*/
#topicpath {
	display:none;
}

/* index */
.top_hl01 img{
	max-width:85%;
	height:auto;
}

.top_hl02 img,
.top_hl03 img{
	max-width:100%;
	height:auto;
}

}/*media 660 end*/


@media only screen and (max-width:510px){
footer .navi,
footer .navi:nth-child(2){
	text-align:center;
	float:none;
	width:100%;
}
}/*media 510 end*/