@charset "UTF-8";
/*
Theme Name: 準備中 theme
Description: 専用テーマ
Auther:
Version: 1.0
*/


/* CSS Document */

/*==========================================
 body & text
===========================================*/

html {
	width: 100%;
	font-size: 62.5%;
	-webkit-overflow-scrolling: touch;
	height: 100%
}
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	font-family: 'Noto Sans JP', sans-serif;
/*	font-family: 'Noto Serif JP', serif; */
	background: #000000;
}
a {
	color: #fff;
	-webkit-transition: .4s ease;
	-moz-transition: .4s ease;
	-o-transition: .4s ease;
	transition: .4s ease;
}
a:link {
	color: #fff;
	font-style: normal;
}
a:visited {
	color: #fff;
	font-style: normal;
}
a:hover {
	color: #fff;
	font-style: normal;
}
a:active {
	color: #fff;
	font-style: normal;
}
p {
	font-size: 1.4rem;
	color: #555;
	line-height: 2;
	margin-bottom: 40px;
}
.white {
	color: #fff;
}
p.last-sentence {
	margin-bottom: 70px!important;
}
p.center {
	text-align: center;
}
.align-left {
	text-align: left!important;
}
.mgn20 {
	margin-bottom: 20px!important;
}
.mgn30 {
	margin-bottom: 30px!important;
}
.mgn40 {
	margin-bottom: 40px!important;
}
.mgn50 {
	margin-bottom: 50px!important;
}
.mgn60 {
	margin-bottom: 60px!important;
}
.mgn70 {
	margin-bottom: 70px!important;
}
/*Layout
-------------------------------------------------------------- */
ul#social {
	z-index: 500;
	position: fixed;
	top: 20px;
	right: 0;

	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
ul#social li {
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 5px;
	margin-bottom:1px;
	background: #4e9a3d;
}
ul#social li:first-child {
	border-top-left-radius: 8px;
}
ul#social li:last-child {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 8px;
}
ul#social li g {
	fill: #fff;
}
ul#social li:hover{
	background: #c3e3a2;
}
ul#social li:hover g{
	fill: #4e9a3d;
}
#contents {
	width: 96%;
	height: 60%;
	margin: 0 auto 0;
	background: #000;
	padding: 150px 2% 0;
}
#contents h1 {
	text-align: center;
	letter-spacing:0.2em;
	font-size: 3rem;
	color:#ffffff;
	margin: 60px 0;
	font-family: 'Noto Sans JP', sans-serif;
/*	font-family: 'Noto Serif JP', serif; */
	font-weight: 1000;
}
#contents p {
	font-size: 1.6rem;
	color: #ffffff;
	text-align: center;
	margin-bottom: 50px;
	line-height: 2;
}
#contents figure {
	text-align: center;
}

footer {
	clear: left;
	background: #000;
	width: 100%;
	padding: 20px 0;
	text-align: center;
}
footer #copyright {
	float: none;
	margin-bottom: 20px;
	font-size: 1.3rem;
	color: #fff;
}

/* MEDIA QUERIES
================================================== */

@media screen and (max-width: 768px) {
ul#social {
	top:auto;
	bottom:5%;
}
ul#social li{
	background: #4e9a3d;
}
ul#social li g {
	fill: #fff;
}
ul#social li:hover{
	background: #c3e3a2;
}
#contents h1 {
	letter-spacing:0.1em;
	margin: 50px 0;
}
#contents p {
	margin-bottom: 30px;
}
}

@media screen and (max-width: 480px) {
ul#social li {
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 0px;
}
}

@media screen and (max-width: 375px) {
#main #circle {
	top: 10px;
	left: 10px;
	width: 100px;
	height: 100px;
}
}
/* ------------------------------------------------------------
	Clearfix
------------------------------------------------------------ */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End Hack */