@charset "UTF-8";
/*--------------------------------------------------------------
  content width
--------------------------------------------------------------*/
.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail { max-width: 100%; height: auto; }

/*--------------------------------------------------------------
  minimum necessary
--------------------------------------------------------------*/
.sticky,.gallery-caption,.bypostauthor { display: block; }
.wp-caption,.wp-caption-text { font-size: 90%;}

/*--------------------------------------------------------------
  Alignments
--------------------------------------------------------------*/
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter,div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
  Element
--------------------------------------------------------------*/
html { font-size: 62.5%; /* sets the base font to 10px for easier math */ }
body {
	padding-top: 60px;
	color: #000;
	background: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 2;
}
img { max-width: 100%;height: auto; }
div,p,span,table,td,th,tr { box-sizing: border-box; -ms-word-wrap: break-word;word-wrap: break-word; }
ul,li,ol { box-sizing: border-box; -ms-word-wrap: break-word;word-wrap: break-word; }
a { color: #000;text-decoration: underline; }
a:hover,a:active { color: #ffafbd;text-decoration: none; }
h1,h2,h3,h4,h5,h6 {
	margin-bottom: 20px;
	font-family: sans-serif;
	font-weight: bold;
	color: #000;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { text-decoration: none;-ms-word-wrap: break-word;word-wrap: break-word; }
h1 { font-family: sans-serif; font-size: 26px; font-size: 2.6rem; }
h1 { padding-bottom: .5em; border-bottom: 2px solid #000; }
h1:first-letter { margin-right: .1em; font-size: 3.3rem; color: #ffafbd; }
h2 { font-size: 23px; font-size: 2.3rem; }
h2 { position: relative; padding-bottom: .5em; border-bottom: 2px solid #000; }
h2::after {
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 2px;
	background-color: #ffafbd;
}
h3 {
	font-size: 21px;
	font-size: 2.1rem;
	border-left: 12px double #ffafbd;
	border-bottom: 1px solid #000;
	padding-left: 10px;
	line-height: 2;
}
h4 { font-size: 18px; font-size: 1.8rem; }
h4 {
	position: relative;
	padding: 10px 15px;
	background-color: #f0f0f0;
	border-radius: 6px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
}
h4::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f0f0f0;
}
h5 { font-size: 16px; font-size: 1.6rem; }
h5 {
	padding: .5em .75em;
	background: #f4f4f4;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .1) inset;
}
figure { max-width: 100%; }
blockquote { background: #fdfdfd;color: #999;border-radius: 10px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);border: 1px solid #f4f4f4; }
textarea { width: 100%; }
table { width: 100%;margin: 0 auto 50px; }
thead { border-bottom: 2px solid #999; }
th,td { padding: 10px; }
tr:nth-child(even) { background: #f4f4f4; }
dt { clear: left;float: left;width: 20%;font-weight: bold;margin-bottom: 20px; }
dd { margin: 0 0 20px 20%; }
ul li { list-style: disc;margin-left: 20px;overflow: visible; }
input, button, select, textarea { border: 1px solid #ccc; border-radius: 10px; }
input[type="text"] {
	width: 100%;
	/*	-webkit-transition: width .3s;
		transition: width .3s;*/
}
/*input[type="text"]:focus {
	width: 300px;
}*/


/*========================================
   clearfix
  ========================================*/
/*clearfix*/
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;
    /*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.both{clear:both;}
.inline_block {display: inline-block;*display: inline;*zoom: 1;}