@charset "UTF-8";
/* CSS Document */

html{font-size: 87.5%;
	font-family: "游ゴシック体", YuGothic, "YuGothic M",sans-serif;
	padding: 0;
	margin: 0;}

body{font-size:1em;
	color:#282828;
}

section,article{
	width:800px;
	margin: 0 auto;}

main{display: block;}

a{color: inherit;transition-duration: .3s;}

img{max-width: 100%;}

.sp{display: none;}

.btn a{display: inline-block;font-family: YuMincho, "Yu Mincho", "serif";
	text-align: center; background: #282828;color: #fff;min-width: 200px;
	padding: 5px 20px;letter-spacing: 0.1em;box-sizing: border-box;position: relative;}
.btn a:hover{background: #FFC000;}

.btn a:before{content: "";width: 6.5px;height: 9px;background: url("../img/common/btn_arrow.png")no-repeat;background-size: 6.5px;position: absolute;left: 10px;top: 50%;transform: translateY(-50%);}

/*  Clearfix-------------------------------------*/
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/*  header-------------------------------------*/
header{background: url("../img/index/mv_cover.png");background-size:auto 100%;position: relative;}
header:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;}

header .logo{position: absolute;top: 30px;left: 40px;}
header .logo a:hover{opacity: 0.7;}
header .logo .catch{font-weight: normal;font-size: 10px;color: #fff; letter-spacing: 0.1em;}

header nav{font-family: YuMincho, "Yu Mincho", "serif";
	position: absolute;top: 50px;right: 40px;}
header nav a{color: #fff;}
header nav a:hover{color: #FFC000;}
header nav ul li{color: #FFFFFF; display: inline-block;margin-left: 10px;letter-spacing: 0.1em;}
header nav ul li:not(:first-child):before{content: "|";margin-right: 10px;}

header nav input,
header nav label{display: none;}

/*  footer-------------------------------------*/
footer{background: #ffcc00;}
footer .wrap{padding: 35px 0;}
footer .logo{text-align: center;margin-bottom: 30px;}
footer .logo a:hover{filter: invert(1) brightness(120%);}
footer .sitemap{display: flex;justify-content: center;}
footer .sitemap .box{margin: 0 15px;}
footer .sitemap .box p{font-family: YuMincho, "Yu Mincho", "serif";line-height: 1.7;
	letter-spacing: 0.1em;margin-bottom: 5px;}
footer .sitemap .box li{font-size: 0.85em;line-height: 2;letter-spacing: 0.1em;}
footer .sitemap .box a{display: block;}
footer .sitemap .box a:hover{color: #fff;}

footer .copy{font-family: YuMincho, "Yu Mincho", "serif";font-size: 0.714em; text-align: center;
	color: #fff;background: #282828;letter-spacing: 0.2em;padding: 10px 0;}


@media screen and (max-width:599px){
	
	.pc{display: none;}
	.sp{display: initial}
	
	header .logo{top: 20px;left: 20px;}
	header .logo img{width: 58vw;}
	
	nav{position: static;overflow: hidden;}
	nav ul{background: #ffcc00;display: flex;flex-wrap: wrap;align-content: center; align-items: center; 
		width: 60vw;height: 100%;padding: 5vw;transition-duration: .3s;
		position: fixed;top: 0;right: -60vw;z-index: 100;}
	nav ul li{flex-basis: 100%;margin-bottom: 20px;font-size: 3.8vw;}
	nav ul li a{display: block;}
	header nav a{color: #282828;}
	header nav ul li:not(:first-child):before{content: none;}
	section{width: 100%;padding-left: 5vw;padding-right: 5vw;box-sizing: border-box;}
	
	header nav label{display: block;background: #ffcc00;padding: 14px 12px;
		position: fixed;top: 0;right: 0;z-index: 200;}
	header nav label span:before{content: "";display: block;width: 35px;height: 1px;background: #282828;margin-left: auto;transition-duration: 0.3s;}
	header nav label span:not(:last-child):before{margin-bottom: 10px;}
	
	header nav input:checked ~ ul{right: 0;}
	header nav input:checked ~ label span:nth-child(2):before{width: 25px;}
	header nav input:checked ~ label span:nth-child(3):before{width: 15px;}
	
	
	footer .logo{padding: 0 5vw;}
	footer .sitemap{display: block;padding: 0 5vw;}
	footer .sitemap .box{margin: 0 0 10px;}
	footer .sitemap ul.sub{display: none;}

}