/*
Theme Name: wp theme
Theme URI: 
Description: 
Author: PILE co.,ltd
Author URI: http://piledesign.jp
*/
@charset "UTF-8";
/* ===============================================
	reset
=============================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, main,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;}
body { line-height: 1;}
ol, ul { list-style: none;}
strong,address,em,cite { font-style: normal;}
img {
	height: auto;
	max-width: 100%;
	vertical-align: bottom;}

/* ===============================================
	setting
=============================================== */
html,body { height: 100%;}
html { font-size: 62.5%;}
body {
	background: #fff;
	color: #000;
	font-family: YuGothic, '游ゴシック', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.7; }
h1,h2,h3,h4,h5,h6 { line-height: 1.2;}
.wfont {
	font-family: 'Hind', sans-serif;
	font-weight: 500;}
.wfontB {
	font-family: 'Hind', sans-serif;
	font-weight: 600;}
a {
	color: #5386af;
	text-decoration: none;}
a:hover {text-decoration: underline;}
a:hover img { opacity: .7;}

/* ===============================================
	layout
=============================================== */
#wrapper { width: 100%;}

/* ===============================================
	header
=============================================== */
#header {
	background: #1f3d6a;
	box-sizing: border-box;
	padding: 10px 25px;
	position: relative;
	width: 100%;}
#sp-menu {
	background: url(img/header/sp-menu.png) 0 0 no-repeat;
	background-size: 35px 24px;
	display: block;
	height: 24px;
	width: 35px;
	position: absolute;
	right: 25px;
	top: 30px;}
#sp-menu span,#sp-facebook span,#gnav { display: none;}
#gnav {
	background: rgba(31,61,106,.9);
	padding: 25px 25px 0;
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 10;}
#gnav li {
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: 10px;}
#gnav a {
	color: #fff;
	display: block;}
#gnav li ul { display: none;}
#gnav li ul li { padding-left: 1em;}
#gnav li ul li a:before {
	content: ">";
	color: #fff;
	margin-right: .5em}
#header div { display: none;}
#sp-facebook {
	background: url(img/header/sp-facebook.png) 0 0 no-repeat;
	background-size: 13px 27px;
	display: block;
	height: 27px;
	width: 13px;
	position: absolute;
	right: 90px;
	top: 30px;}
#header dl { display: none;}

/* ===============================================
	content
=============================================== */
#content {
	box-sizing: border-box;
	width: 100%;}

/* ===============================================
	footer
=============================================== */
#footer {
	background: #bcbdbd;
	box-sizing: border-box;
	color: #fff;
	padding: 20px;
	text-align: center;
	width: 100%;}
#footer a { color: #fff;}
#footer ul { margin-bottom: 20px;}
#footer li {
	display: inline;
	font-size: 15px;
	font-size: 1.5rem;
	margin: 0 10px;}
#footer small {
	font-size: 12px;
	font-size: 1.2rem;}

/* ===============================================
	misc
=============================================== */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
.alignright { float: right; }
.alignleft { float: left }
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
	}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
	}
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
	}

/* ===============================================
	clearfix
=============================================== */
.cf:after {
	content: "";
	display: block;
	clear: both;
	height: 0;}

/* ===============================================
	タブレット
=============================================== */
@media screen and (min-width: 421px) {

/* ===============================================
	content
=============================================== */
#content {}

}

/* ===============================================
	PC
=============================================== */
@media screen and (min-width: 769px)  {
	
/* ===============================================
	layout
=============================================== */
#wrapper {
	max-width: 1200px;
	height: 100%;}

/* ===============================================
	header
=============================================== */
#header {
	height: 100%;
	width: 240px;
	padding: 25px;
	position: fixed;
	left: 0;
	top: 0;}
#sp-menu,#sp-facebook { display: none;}
#header h1 { margin-bottom: 35px;}
#gnav {
	display: block;
	margin-bottom: 20px;
	padding: 0;
	position: static;}
#header div { display: block;}
#header > div { margin-bottom: 20px;}
.fb-like-box { background: #fff;}
#header dl {
	border-top: 1px solid #637897;
	color: #fff;
	display: block;
	padding: 20px 0;}
#header dt {
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: 10px;}
#header dd li:before {
	content: ">";
	margin-right: 1em;
}
#header dd a { color: #fff;}

/* ===============================================
	content
=============================================== */
#content {
	box-sizing: border-box;
	margin-left: 240px;
	max-width: 80%;}

/* ===============================================
	footer
=============================================== */
#footer {
	clear: both;
	text-align: left;}
#footer ul { float: left;}
#footer li {
	float: left;
	margin: 0 20px 0 0;}
#footer small { float: right;}

}