@charset "utf-8";

/* normalize.cssを補うCSS */
html {
	font-size:62.5%;
}
a {
	outline:none;
}
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li {
	margin:0;
	padding:0;
}

/* 全体 PC */
@media print, screen and (min-width:641px) {
	*[data-screen-smart] {
		display:none!important;
	}
	body {
		font-size:12px;
		font-size:1.2rem;
		letter-spacing:0.0px;
		letter-spacing:0.0rem;
		line-height:1.85;
	}
	a {
		text-decoration:none;
	}
	li {
		list-style:none;
	}
	img{
		-ms-interpolation-mode:bicubic;
	}
}

/* 全体 smart */
@media screen and (max-width:640px) {
	*[data-screen-pc] {
		display:none!important;
	}
	body {
		font-size:1.2rem;
		letter-spacing:0.0rem;
		line-height:1.85;
	}
	img {
		height:auto;
		display:block;
	}
	a {
		-webkit-tap-highlight-color:rgba(70,70,70,0.6);
		text-decoration:none;
	}
	li {
		list-style:none;
	}
}

/* 共通部分 pc*/
@media print, screen and (min-width:641px) {
	/* .bodyWrap */
	.bodyWrap{
		margin:180px 0 0;
	}
	
	/* .headerArea */
	.headerArea {
		height: 180px;
		z-index: 900;
		left: 0px;
		width: 100%;
		position: fixed;
		top: 0px;
		background-color: #FFF;
	}
	/* .headerArea .logo */
	.headerArea .logo {
		padding:45px 0 0 0;
		font-size:0;
		text-align:center;
	}
	.headerArea .logo > a {
	}
	.headerArea .logo > a > img {
	}
	/* .headerArea .nav */
	.headerArea .nav{
		margin:22px 0px 0px;
	}
	/* .headerArea .nav .navtitle */
	.headerArea .nav .navtitle{
		font-size:0;
	/*		background-color:rgba(0,0,0,0.75);*/
		width:100%;
		height:196px;
		position:absolute;
		top:180px;
		left:0;
		visibility: hidden;
		opacity: 0;
	}
	/* .headerArea .nav .links */
	.headerArea .nav .links{
		text-align:center;
		font-size:0;
		position:relative;
	}
	.headerArea .nav .links > li{
		display:inline-block;
		margin:0;
		vertical-align: top;
		position:relative;
	}
	.headerArea .nav .links > li > a{
		display:inline-block;
		padding:25px 23px;
	}
	.headerArea .nav .links > li > a > img{
	}
	.headerArea .nav .links > li > ul{
		position:absolute;
		left:24px;
		top:80px;
		color:#FFF;
		text-align:left;
		width: 200px;
		visibility: hidden;
		opacity: 0;
	}
	.headerArea .nav .links > li > ul > li{
		font-size:12px;
		font-size:1.2rem;
	}
	.headerArea .nav .links > li > ul > li > a{
		color:#cbcbcb;
		display: inline-block;
	}
	.headerArea .nav .links > li > ul .listyle0 > a:before{
		content:'・ ';
	}
	/* .headerArea .nav .links > li .style0 */
	.headerArea .nav .links > li .style0{
		left:215px;
	}
	/* .headerArea .nav .links > li .style1 */
	.headerArea .nav .links > li .style1{
		left:120px;
	}
	/* .headerArea .nav .links > li .style2 */
	.headerArea .nav .links > li .style2{
	}
	.headerArea .nav .links > li .style2 > li{
	}
	.headerArea .nav .links > li .style2 > li > a{
	}
	/* .headerArea .nav .sublinks */
	.headerArea .nav .sublinks{
		position:absolute;
		top:9px;
		right:50%;
		margin-right:-500px;
		text-align:right;
		vertical-align:middle;
		font-size:0;
	}
	.headerArea .nav .sublinks > li{
		display:inline-block;
		vertical-align:middle;
	}
	.headerArea .nav .sublinks > li > a{
		display:inline-block;
	}
	.headerArea .nav .sublinks > li:last-child{
		margin-right:0;
	}
	.headerArea .nav .sublinks .type0{
		margin-right:4px;
	}
	.headerArea .nav .sublinks .type0 > a{
		padding:10px 10px;
	}
	.headerArea .nav .sublinks .type1 > a{
		padding:5px 7px;
	}
	
	/* .footerArea */
	.footerArea {
		position:relative;
		text-align:center;
		background-image:url(../img/footer_bg000.jpg);
		font-size:0;
		overflow:hidden;
	}
	/* .footerArea .seoSpace */
	.footerArea .seoSpace {
		width:1000px;
		padding:32px 0 50px 0;
		color:#a4a4a4;
		margin:0 auto;
		font-size:11px;
		font-size:1.1rem;
		text-align:left;
	}
	/* .footerArea .linksblock0-2 */
	.footerArea .linksblock0,
	.footerArea .linksblock1,
	.footerArea .linksblock2 {
		display:inline-block;
		vertical-align:top;
	}
	/* .footerArea .linksblock0 */
	/*	.footerArea .linksblock0 {
		width:420px;
		text-align:left;
	}
	.footerArea .linksblock0 .links0{
		display:inline-block;
		vertical-align:top;
		margin-bottom: 15px;
	}
	.footerArea .linksblock0 .links0:nth-child(1){
		width:210px;
	}
	.footerArea .linksblock0 .links0:nth-child(2){
		width:200px;
	}
	.footerArea .linksblock0 .links0:nth-child(3){
		width:200px;
	}
	.footerArea .linksblock0 .links0 > dt{
		font-size:12px;
		font-size:1.2rem;
		color:#e5e5e5;
		margin-bottom: 10px;
	}
	.footerArea .linksblock0 .links0 > dd{
	}
	.footerArea .linksblock0 .links0 > dd > ul{
	}
	.footerArea .linksblock0 .links0 > dd > ul > li{
	}
	.footerArea .linksblock0 .links0 > dd > ul > li > a{
		font-size:12px;
		font-size:1.2rem;
		color:#A4A4A4;
		padding: 1px 0px;
		display: inline-block;
	}
	.footerArea .linksblock0 .links0 > dd > ul > li > a:before{
		content:'・ ';
	} */
	/* .footerArea .linksblock0 */
	.footerArea .linksblock0 {
		width:180px;
		text-align:left;
	}
	.footerArea .linksblock0 ul{
		display:inline-block;
		vertical-align:top;
	}
	.footerArea .linksblock0 ul:nth-child(1){
		width:180px;
	}
	.footerArea .linksblock0 ul:nth-child(2){
		width:170px;
	}
	.footerArea .linksblock0 ul > li{
	}
	.footerArea .linksblock0 ul > li > a{
		font-size:12px;
		font-size:1.2rem;
		color:#A4A4A4;
		padding: 4px 0px;
		display: inline-block;
	}
	/* .footerArea .linksblock1 */
	.footerArea .linksblock1 {
		width:400px;
		text-align:left;
	}
	.footerArea .linksblock1 ul{
		display:inline-block;
		vertical-align:top;
	}
	.footerArea .linksblock1 ul:nth-child(1){
		width:200px;
	}
	.footerArea .linksblock1 ul:nth-child(2){
		width:170px;
	}
	.footerArea .linksblock1 ul > li{
	}
	.footerArea .linksblock1 ul > li > a{
		font-size:12px;
		font-size:1.2rem;
		color:#A4A4A4;
		padding: 4px 0px;
		display: inline-block;
	}
	/* .footerArea .linksblock2 */
	.footerArea .linksblock2 {
		width:200px;
	}
	.footerArea .linksblock2 .link0{
		margin-bottom: 50px;
	}
	.footerArea .linksblock2 .link0 > li{
		margin-bottom: 13px;
	}
	.footerArea .linksblock2 .link0 > li > a{
		text-align:center;
		padding:15px 0px;
		border:1px solid #9f9f9f;
		width:100%;
		display:block;
	}
	.footerArea .linksblock2 .link0 > .highlight > a{
		background-color:#91684a;
	}
	.footerArea .linksblock2 .link0 > li > a > img{
		display:inline;
	}
	.footerArea .linksblock2 .link1{
		text-align:right;
	}
	.footerArea .linksblock2 .link1 > li{
		display:inline-block;
		margin-left: 17px;
	}
	.footerArea .linksblock2 .link1 > li > a{
		background-color:#747474;
		width:38px;
		height:38px;
		font-size:0;
		text-align:center;
		display:inline-block;
	}
	.footerArea .linksblock2 .link1 > li > a:after{
		content:'.';
		height:100%;
		width:0;
		display:inline-block;
		vertical-align:middle;
	}
	.footerArea .linksblock2 .link1 > li > a > img{
		display:inline-block;
		vertical-align:middle;
		width:auto;
		height:23px;
	}
	/* .footerArea .copyright */
	.footerArea .copyright{
		display:block;
		width:1000px;
		padding:40px 0px 60px;
		color:#a4a4a4;
		margin:0 auto;
		font-size:10px;
		font-size:1.0rem;
		text-align:left;
		letter-spacing:0.05rem;
	}
	/* .footerArea .totopBtn */
	/* .footerArea .totopBtn2 */
	.footerArea .totopBtn,
	.footerArea .totopBtn2{
		text-align:center;
		width:55px;
		height:55px;
		display:block;
		cursor:pointer;
		position:fixed;
		bottom:35px;
		right:30px;
	}
	.footerArea .totopBtn{
		border:1px solid #9f9f9f;
	}
	.footerArea .totopBtn2{
		border:1px solid #AAAAAA;
	}
	.footerArea .totopBtn:after,
	.footerArea .totopBtn2:after{
		content:'.';
		height:100%;
		width:0;
		display:inline-block;
		vertical-align:middle;
	}
	.footerArea .totopBtn > img,
	.footerArea .totopBtn2 > img{
		display:inline-block;
		vertical-align:middle;
	}
	
	/* buttonのCSSを削除する */
	.disBtnCSS{
		border:none;
		cursor:pointer;
		background: none;
		padding: 0;
		outline: none;
	}
}

/* pc 印刷CSS */
@media print {
	/* .bodyWrap */
	.bodyWrap{
		margin:0!important;
	}
	
	/* .headerArea */
	.headerArea {
		position:relative;
		top:0!important;
	    width:100%!important;
	}
	.headerArea .nav .links > li ul{
		display:none!important;
	}
	.headerArea .nav .navtitle{
		display:none!important;
	}
	
	/* .footerArea */
	.footerArea .totopBtn,
	.footerArea .totopBtn2{
		visibility: inherit!important;
		opacity: 1!important;
		position: absolute!important;
		top: 35px!important;
		bottom: auto!important;
		background-color: rgba(100, 100, 100, 0)!important;
	}
}

/* 共通部分 tablet */
@media screen and (max-width:1000px) and (min-width:641px) {
	/* .headerArea .nav */
	.headerArea .nav .links > li{
		margin:0;
	}
	.headerArea .nav .links > li > a{
		padding:25px 8px;
	}
	.headerArea .nav .links > li > a > img{
		width:auto;
		height:10px;
	}
	/* .headerArea .nav .sublinks */
	.headerArea .nav .sublinks{
		top:9px;
		right:0;
		margin-right:0;
	}
	
	/* .footerArea */
	.footerArea {
		background-size:auto 100%;
	}
	/* .footerArea .seoSpace */
	.footerArea .seoSpace {
		padding:32px 0 50px 0;
		text-align:center;
		width:100%;
	}
	/* .footerArea .linksblock0-2 */
	.footerArea .linksblock0,
	.footerArea .linksblock1,
	.footerArea .linksblock2 {
		display:block;
	}
	/* .footerArea .linksblock0 */
	.footerArea .linksblock0 {
		text-align:center;
		width:auto;
	}
	.footerArea .linksblock0 .links0{
		display:inline-block;
	}
	.footerArea .linksblock0 .links0:nth-child(1){
		width:210px;
	}
	.footerArea .linksblock0 .links0:nth-child(2){
		width:200px;
	}
	.footerArea .linksblock0 .links0:nth-child(3){
		width:200px;
	}
	.footerArea .linksblock0 .links0 > dt{
	}
	.footerArea .linksblock0 .links0 > dd{
	}
	.footerArea .linksblock0 .links0 > dd > ul{
	}
	.footerArea .linksblock0 .links0 > dd > ul > li{
	}
	.footerArea .linksblock0 .links0 > dd > ul > li > a{
	}
	.footerArea .linksblock0 .links0 > dd > ul > li > a:before{
	}
	/* .footerArea .linksblock1 */
	.footerArea .linksblock1 {
		width:auto;
		text-align:center;
		margin-bottom:30px;
	}
	.footerArea .linksblock1 ul{
	}
	.footerArea .linksblock1 ul:nth-child(1){
		width:auto;
	}
	.footerArea .linksblock1 ul:nth-child(2){
		width:auto;
	}
	.footerArea .linksblock1 ul > li{
		display:inline-block;
		margin:0 10px;
	}
	.footerArea .linksblock1 ul > li > a{
	}
	/* .footerArea .linksblock2 */
	.footerArea .linksblock2 {
		width:auto;
	}
	.footerArea .linksblock2 .link0{
		margin-bottom: 20px;
	}
	.footerArea .linksblock2 .link0 > li{
		display:inline-block;
		width:205px;
		margin-right:10px;
		margin-left:10px;
	}
	.footerArea .linksblock2 .link0 > li > a{
	}
	.footerArea .linksblock2 .link0 > .highlight > a{
	}
	.footerArea .linksblock2 .link0 > li > a > img{
	}
	.footerArea .linksblock2 .link1{
		text-align:center;
	}
	.footerArea .linksblock2 .link1 > li{
	}
	.footerArea .linksblock2 .link1 > li > a{
		background-color:#747474;
		width:38px;
		height:38px;
		font-size:0;
		text-align:center;
		display:inline-block;
	}
	.footerArea .linksblock2 .link1 > li > a:after{
		content:'.';
		height:100%;
		width:0;
		display:inline-block;
		vertical-align:middle;
	}
	.footerArea .linksblock2 .link1 > li > a > img{
		display:inline-block;
		vertical-align:middle;
		width:auto;
		height:23px;
	}
	/* .footerArea .copyright */
	.footerArea .copyright{
		text-align:center;
		width:100%;
	}
}

/* 共通部分 smart */
@media screen and (max-width:640px) {
	/* bodyWrap */
	body{
	}
	.bodyWrap{
		width:100%;
		position:relative;
		overflow:hidden;
		padding-top:60px;
	}
	.scrollFix{
		position:absolute;
		top:0;
		bottom:-60px;
		left:0;
		right:0;
	}
	.scrollFix *{
		position:relative;
	}
	/* .headerArea */
	.headerArea {
		height:60px;
		width:100%;
		position:fixed;
		top:0;
		left:0;
		background-color:#FFF;
		z-index:1;
	}
	/* .headerArea .logo */
	.headerArea .logo {
		font-size:0;
		height:60px;
	}
	.headerArea .logo > a:after {
		content:'.';
		height:100%;
		width:0;
		display:inline-block;
		vertical-align:middle;
	}
	.headerArea .logo > a > img {
		display:inline-block;
		vertical-align:middle;
		width:46.8%;
		margin-left:4%;
	}
	/* .headerArea .navbtn */
	.headerArea .navbtn{
		width:20%;
		height:60px;
		text-align:center;
		background-color:#e5e5e5;
		position:absolute;
		right:0;
		top:0;
		font-size:0;
	}
	.headerArea .navbtn:after{
		content:'.';
		height:100%;
		width:0;
		display:inline-block;
		vertical-align:middle;
	}
	.headerArea .navbtn > img{
		display:inline-block;
		width:30px;
		height:auto;
		vertical-align:middle;
	}
	/* .headerArea .nav */
	.headerArea .nav{
		width:80%;
		height:100%;
		position:fixed;
		left:100%;
		top:0;
		background-color:#fff;
		overflow:scroll;
	}
	/* .headerArea .nav .links */
	.headerArea .nav .links{
		box-sizing:border-box;
		border-left:3px solid #7e7e7e;
	}
	.headerArea .nav .links > li{
	}
	.headerArea .nav .links > li a{
		display:block;
	}
	.headerArea .nav .links > li img{
		display:inline;
	}
	/* .headerArea .nav .links .type0 */
	.headerArea .nav .links .type0{
		background-color:#4f4f4f;
	}
	.headerArea .nav .links .type0 > a{
		padding:20px 0 20px 3rem;
		color:#FFF;
		font-size:1.7rem;
		box-sizing:border-box;
		letter-spacing: 0.2rem;
	}
	/* .headerArea .nav .links .type1 */
	.headerArea .nav .links .type1{
	}
	.headerArea .nav .links .type1 > a{
		padding:20px 0 20px 1.5rem;
		box-sizing:border-box;
		height:60px;
		background-color:#FFFFFF;
		background-image:url(../img/arrow04black_b.svg);
		background-position:95% center;
		background-repeat:no-repeat;
		background-size:auto 11%;
		border-bottom:1px solid #e6e6e6;
	}
	.headerArea .nav .links .type1 > a > img{
		height: 13px;
		width: auto;
	}
	.headerArea .nav .links > li[data-screen-smart] > a > img{
		height: 11px;
	}
	.headerArea .nav .links .type1 > ul{
		visibility:hidden;
		opacity:0.0;
		display:none;
	}
	.headerArea .nav .links .type1 > ul > li{
		background-color:#e5e3e3;
		border-bottom:1px solid #FFF;
	}
	.headerArea .nav .links .type1 > ul > li > a{
		padding:17px 0 17px 1.5rem;
		color:#565656;
		font-size:1.2rem;
		box-sizing:border-box;
	}
	/* .headerArea .nav .links .active > ul */
	.headerArea .nav .links .active{
	}
	.headerArea .nav .links .active > a{
		background-image:url(../img/arrow04black_b.svg);
		background-size:auto 11%;
	}
	.headerArea .nav .links .type1 > ul > li > a:before{
		content:'・ ';
	}
	.headerArea .nav .links .type1 > ul .listyle0 > a:before{
		content:'・ ';
	}
	.headerArea .nav .links .type1 > ul .listyle1{
		background-color:#FFFFFF;
		padding:5px 0 5px 1.5rem;
		box-sizing:border-box;
		border-bottom:1px solid #e6e6e6;
		height:30px;
	}
	/* .headerArea .nav .links .type3 */
	.headerArea .nav .links .type3{
		background-color:#FFFFFF;
	}
	.headerArea .nav .links .type3 > a{
		padding:20px 0 20px 1.5rem;
		box-sizing:border-box;
		border-bottom:1px solid #e6e6e6;
		height:60px;
	}
	.headerArea .nav .links .type3 > a > img{
		height:13px;
		width: auto;
	}
	/* .headerArea .nav .sublinks */
	.headerArea .nav .sublinks{
		font-size:0;
		padding:14px;
		background-color:#b0b0b0;
		text-align:center;
		
		box-sizing:border-box;
		border-left:3px solid #7e7e7e;
	}
	.headerArea .nav .sublinks > li{
		background-color:#FFF;
	}
	.headerArea .nav .sublinks > li > a{
		display:inline-block;
	}
	.headerArea .nav .sublinks > li:last-child{
		margin-right:0;
	}
	.headerArea .nav .sublinks .type0{
		margin-bottom:0;
	}
	.headerArea .nav .sublinks .type0 > a{
		padding:24px 15px;
		display:block;
		box-sizing:border-box;
	}
	.headerArea .nav .sublinks .type0 > a > img{
		height: 12px;
		display: block;
		width: auto;
	}
	.headerArea .nav .sublinks .type1{
		display:inline-block;
		box-sizing:border-box;
		width:18.4%;
		height:59px;
		text-align:center;
		margin-right:2%;
	}
	.headerArea .nav .sublinks > li:nth-child(3){
	}
	.headerArea .nav .sublinks > li:nth-child(3) > a{
	}
	.headerArea .nav .sublinks > li:nth-child(3) > a > img{
		height:29px;
	}
	.headerArea .nav .sublinks > li:nth-child(5){
		float:right;
	}
	.headerArea .nav .sublinks .type1 > a{
		display: block;
		box-sizing: border-box;
		height: 100%;
	}
	.headerArea .nav .sublinks .type1 > a:after{
		content:'.';
		height:100%;
		width:0;
		display:inline-block;
		vertical-align:middle;
	}
	.headerArea .nav .sublinks .type1 > a > img{
		height: 20px;
		display: inline-block;
		vertical-align:middle;
		width: auto;
	}
	/* .headerArea .nav .navclosebtn */
	.headerArea .nav .navclosebtn{
		background-color:#676767;
		color:#FFF;
		width:100%;
		height:50px;
		box-sizing:border-box;
		padding:15px 0px 15px 5rem;
		background-image:url(../img/mark09.svg);
		background-position:5% center;
		background-repeat:no-repeat;
		background-size:auto 40%;
		text-align:left;
		
		border-left:3px solid #7e7e7e;
	}
	
	/* .footerArea */
	.footerArea {
		overflow:hidden;
		font-size: 0;
		background-color: #747474;
		padding-bottom: 50px;
	}
	/* .footerArea .linksblock1 */
	.footerArea .linksblock1 {
	}
	.footerArea .linksblock1 ul{
		background-color:#898989;
	}
	.footerArea .linksblock1 ul > li{
		display:inline-block;
	}
	.footerArea .linksblock1 ul > li > a{
		color: #FFF;
		font-size: 0.8rem;
		padding: 15px 0 15px 17px;
		display: inline-block;
	}
	/* .footerArea .linksblock2 */
	.footerArea .linksblock2 {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #747474;
	}
	.footerArea .linksblock2 .link1{
	}
	.footerArea .linksblock2 .link1 > li{
		display:inline-block;
		border-right:1px solid #898989;
	}
	.footerArea .linksblock2 .link1 > li > a{
		background-color:#747474;
		width:50px;
		height:50px;
		font-size:0;
		text-align:center;
		display:inline-block;
	}
	.footerArea .linksblock2 .link1 > li > a:after{
		content:'.';
		height:100%;
		width:0;
		display:inline-block;
		vertical-align:middle;
	}
	.footerArea .linksblock2 .link1 > li > a > img{
		display:inline-block;
		vertical-align:middle;
		width:auto;
		height:23px;
	}
	/* .footerArea .totopBtn */
	.footerArea .totopBtn{
		text-align:center;
		width:50px;
		height:50px;
		display:block;
		cursor:pointer;
		box-sizing:border-box;
		background-color:#494949;
		position: fixed;
		bottom: 0;
		right: 0;
	}
	.footerArea .totopBtn:after{
		content:'.';
		height:100%;
		width:0;
		display:inline-block;
		vertical-align:middle;
	}
	.footerArea .totopBtn > img{
		display:inline-block;
		vertical-align:middle;
	}
	
	/* buttonのCSSを削除する */
	.disBtnCSS{
		border:none;
		cursor:pointer;
		background: none;
		padding: 0;
		outline: none;
	}
}