@charset "utf-8";

/* common */

html {
	font-size: 62.5%;
}
body {
	font-family: sans-serif;
	line-height: 1.8em;
	font-weight: normal;
	color: #555;
	text-align: center;
	background-color: #fff;
  margin: 0;
}

a:link,
a:visited {
	color: #006699;
	text-decoration: none;
}
a:hover,
a:active  {
	color: #006699;
	text-decoration: underline;
}

/* function */

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
.cf {
	zoom:1;
}

/* header */

header#header h1 {
	display: block;
	zoom: 1; 
	margin: 4rem auto 2rem auto;
}
header#header h1 img {
	max-width: 90%;
	zoom: .5;
}
header#header h2 {
	font-family: "eldwin-script";
	font-size: 3rem;
	line-height: 1em;
	text-align: center;
	color: #555;
	margin: 0 0 1em 0;
}

/* contents */

article section {
	padding: 10rem 0;
}
article section h1 {
	font-family: "eldwin-script";
	font-size: 4rem;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}
article section h2 {
	font-size: 1.8rem;
	line-height: 1.4em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
article section hr {
	border: 1px solid #999;
	margin: 2rem auto;
	width: 5rem;
}
article section p {
	font-size: 1.6rem;
	line-height: 1.8em;
	margin: 0 auto 1rem auto;
	max-width: 600px;
	width: 90%;
	text-align: left;
}
article section p.explain {
	font-size: 1.4rem;
	line-height: 1.6em;
	color: #999;
	padding: 1em 1em;
	border: 1px solid #f7f7f7;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #f7f7f7;
}
article section img {
  max-width: 600px;
	width: 90%;
}

/* sns */

#sns-btn {
	display: block;
}
#sns-btn ul li {
	list-style: none;
	display: inline-block;
}
#sns-btn ul li a .fa {
  font-size: 5rem;
  padding: 0.5rem;
  margin:  0 1.5rem;
  -webkit-transition: all ease-in-out .2s;
  -moz-transition: all ease-in-out .2s;
  -o-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s;
}
#sns-btn ul li a.icon-twitter .fa {
  color: #00aced;
}
#sns-btn ul li a.icon-instagram .fa {
	color: #111;
}
#sns-btn ul li a.icon-facebook .fa {
	color: #305097;
}
#sns-btn ul li a:hover .fa {
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -o-transform: scale(1.4);
  transform: scale(1.4);
  -webkit-transition: all ease-in-out .2s;
  -moz-transition: all ease-in-out .2s;
  -o-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s;
}

/* post-meta */

.post-meta {
	font-size: 1.4rem;
	color: #ccc;
	margin: 1em 0 1em 0;
	/* margin: 0 0 1em 0; */
}
.post-meta time {
	margin: 0 .5em;
}
.post-meta i.fa {
	margin: 0 .2em;
}

/* footer */

footer#footer {
	padding: 1em 0;
	background-color: #eaeaea;
	margin: 0;
}
footer#footer #copyright a {
	font-size: 1rem;
	color: #ccc;
	text-decoration: none;
	display: block;
	margin: 1em 0 0 0;
}

footer#footer img {
	display: table-cell;
  vertical-align: middle;
}

footer#footer img.blueflame-cycle {
	margin: 1.5em 3em;
	zoom: .4;
	display: inline-block;
}
footer#footer img.cmyogak {
	margin: 1.5em 3em;
	zoom: .1;
	display: inline-block;
}
footer#footer img.misogi-cafe {
	margin: 1.5em 3em;
	zoom: .1;
	display: inline-block;
}