@charset "UTF-8";


/* -------------------------------- 

	common

-------------------------------- */
html {
  font-size:62.5%;
}

body {
color:#333;
font-family:YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin:0;
padding:5% 0;
text-align: center;
}

.wrapper {
	width: 84rem;
	margin: 0 auto;
}


a img { border:0 none;}


/* -------------------------------- 

	common２

-------------------------------- */
html, body {
  height: 100%;
}
body { 
  display: flex;
  flex-direction: column;
}
article {
  flex: 1;
}


/* -------------------------------- 

	link style

-------------------------------- */
a:visited	{	color:#ff3399;	text-decoration:none;}
a:link		{	color:#ff3399;	text-decoration:none;}
a:active	{	color:#ff3399;	text-decoration:none;}
a:hover		{	color:#ff3399;	text-decoration:underline; opacity: 0.6;}

ul {
margin: 0;
padding: 0;
list-style: none;
}

a.btn {
	display: block;
	color: #fff;
	background: #303030;
	margin: 0 auto 1rem;
	padding: 1.75rem 0;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 600;
}
.pink a.btn {
	background: #ff3399;
}


a.btn:hover {
color: #fff;
opacity: 0.8;
}
a.btn:visited {
color: #fff;
}


/* -------------------------------- 

	font

-------------------------------- */
p {
	font-size:1.8rem;
	margin:0 auto 5%;
	padding:0;
	line-height:160%;
	letter-spacing:0.07rem;
}

.comment {
	font-size:1.2rem;
	margin:.3rem 0 1rem 0;
	line-height:160%;
	text-align:left; }
.notes { color: #CC0000; margin:.5rem 0; }
.bold { font-weight:bold; }
.large { font-size:1.4rem;}



/* -------------------------------- 

	header

-------------------------------- */
header {
	margin: 0;
	padding: 8% 0 9%;
}

header h1 {
background: url("./images/logo.png") center no-repeat;
background-size: contain;
border-bottom: 0 none;
display: block;
width: 100%;
line-height: 18rem;
margin: 0 auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

/* -------------------------------- 

	content

-------------------------------- */
#content { 
}




/* -------------------------------- 

	section

-------------------------------- */
section {
width: 90%;
margin: 0 auto 5%;
}


/* -------------------------------- 

	footer

-------------------------------- */
footer {
	padding: 5% 0 3%;
	margin-bottom: 4%;
}

footer ul {
	font-size:0;
	padding:0 0 4%;
	text-align:center;

display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: center;
}

footer li {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;

width:16%;
text-align:center;
}