@charset "utf-8";

/*==============================

		parts.css
		responsive

==============================*/
@import url("./header.css");
@import url("./footer.css");
@import url("./header_v2.css");
@import url("./footer_v2.css");

/*--------------------------------------------------
		partsReset
--------------------------------------------------*/
.partsReset * {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "Helvetica Neue","Helvetica Arial","ヒラギノ角ゴ Pro W3","游ゴシック",sans-serif !important;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
.partsReset caption,
.partsReset th,
.partsReset center {
	text-align: left;
}
.partsReset del,
.partsReset strike,
.partsReset u,
.partsReset ins,
.partsReset s {
	text-decoration:none;
}
.partsReset mark {
	background-color:transparent;
}

.partsReset article,
.partsReset aside,
.partsReset details,
.partsReset figcaption,
.partsReset figure,
.partsReset footer,
.partsReset header,
.partsReset hgroup,
.partsReset menu,
.partsReset nav,
.partsReset section {
	display: block;
}
.partsReset ol,
.partsReset ul {
	list-style: none;
}
.partsReset blockquote,
.partsReset q {
	quotes: none;
}
.partsReset blockquote:before,
.partsReset blockquote:after,
.partsReset q:before,
.partsReset q:after {
	content: '';
	content: none;
}
.partsReset table {
	border-collapse: collapse;
	border-spacing: 0;
}
.bdbn{
	border-bottom: none !important;
}
.clearfix:after {
	content: ".";
	display: block;
	font-size:0;
	height: 0;
	visibility:hidden;
	clear: both;
}

.footer a:hover {
	color: #DD1F30!important;
}

/*==============================

		PC

==============================*/
@media screen and (min-width: 641px) {
	.sp {display: none !important;}

	body {
		font-size: 14px;
		line-height: 1.6;
		width: 100%;
		min-width: 1280px;
	}



	/*	.txtLink
	------------------------------*/
	a {
		color: #333333;
		text-decoration: none;
	}
	a:hover {
		color: #DD1F30;
	}
	.noUnderLine a:hover {
		color: #333333;
		text-decoration: none;
	}

	/*--------------------------------------------------
			wrap
	--------------------------------------------------*/
	.wrap {
		width: 100%;
		min-width: 960px;
		margin: 0 auto;
	}


	/*--------------------------------------------------
			mainConts
	--------------------------------------------------*/
	.mainConts {
		width: 960px;
		margin: 0 auto;
		
		background: #FFFFFF;
	}
	
/*--------------------------------------------------
		partsReset
--------------------------------------------------*/
.partsReset .spOnly{
	display: none !important;
}

/*--------------------------------------------------
		header_basic
--------------------------------------------------*/
.headerBasic {
	width: 100%;
	padding-top: 3px;
	background: url(/common/img/header/img_header_line.png) repeat-x left top;
}
.headerBasic .headerInner {
	width: 1240px;
	padding: 15px 20px;
	margin: 0 auto;
}
.headerBasic .headerLogo {
	width: 90px;
}
.headerBasic .headerLogo img {
	width: 100%;
}


}


/*==============================
		width>1150px
==============================*/
@media screen and (min-width: 1151px) {

	/*--------------------------------------------------
			conts
	--------------------------------------------------*/
	.conts {
		width: 100%;
		min-width: 960px;
		padding-top: 30px;
		margin: 0 auto;
		position: relative;
	}

}

/*==============================
		width<1150px
==============================*/
@media screen and (max-width: 1150px){
	/*--------------------------------------------------
			conts
	--------------------------------------------------*/
	.conts {
		width: 100%;
		min-width: 960px;
		padding-top: 30px;
		margin: 0;
	}
	
	
	/*--------------------------------------------------
			mainConts
	--------------------------------------------------*/
	.mainConts {
		width: 960px;
		margin: 0 auto;
		background: #FFFFFF;
	}
}




/*==============================

		SP

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

	.pc {display: none !important;}
	body {
		font-size: 12px;
		line-height: 1.6;
		font-family: "HraKakuProN-W6", "HelveticaNeue";
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
	}
	a,
	a:hover,
	a:link,
	a:visited {
		color: #333333;
		text-decoration: none;
	}
	body * {box-sizing: border-box;}

	/*--------------------------------------------------
			wrap
	--------------------------------------------------*/
	.wrap > * {
		box-sizing: border-box;
	}
	.wrap {
		width: 100%;
	}
	.wrap img {
		width: 100%;
	}


	/*--------------------------------------------------
			conts
	--------------------------------------------------*/
	.conts {
		min-width: 100%;
		padding-top: 30px;
		margin: 0;
	}


	/*--------------------------------------------------
			mainConts
	--------------------------------------------------*/
	.mainConts {
		width: 100%;
		background: #FFFFFF;
	}
	

/*--------------------------------------------------
		partsReset
--------------------------------------------------*/
.partsReset .pc {
	display: none !important;
}
.partsReset img{
	width: 100%;
	height: auto;
}



/*--------------------------------------------------
		header_basic
--------------------------------------------------*/
.headerBasic {
	width: 100%;
	padding-top: 5px;
	background: url(/common/img/header/sp/img_header_line.png) repeat-x left top;
	background-size: auto 5px;
}
.headerBasic .headerInner {
	padding: 10px 4%;
}
.headerBasic .headerLogo {
	width: 25%;
}

}


/* 暫定対応 */
/* .wrap #headerArea {
	position: static;
	width: auto;
}

@media screen and (min-width: 641px) {
	.wrap #headerArea .pc {display: block !important;}
	.header_block {height: auto;}
}
@media screen and (max-width: 1150px){
	.wrap #headerArea .pc{display: block !important;}
	.wrap #headerArea .sp{display: none !important;}
}
@media screen and (max-width: 640px) {
	.wrap #headerArea .pc{display: none !important;}
	.wrap #headerArea .sp{display: block !important;}

	.wrap #headerArea {
		border-bottom: none;
	}

	.wrap .footer .sns a {
		display: inline;
		vertical-align: middle;
		margin-left: auto;
		width: auto;
	}
} */
/* 暫定対応 */