@charset "UTF-8";
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/


/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	/*background:transparent;*/
}

body {
	line-height:1;
}


/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
nav ul {
	list-style:none;
}

/*引用符の表示が出ないようにしています*/
blockquote, q {
	quotes:none;
}


/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}


/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	/*background:transparent;*/
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

/*テキストに打ち消し線が付くようにしています*/
del {
	text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
	border-collapse:collapse;
	border-spacing:0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
	vertical-align:middle;
}


/* ==================================================================================

		以下、追記

================================================================================== */

address{
	font-style: normal;
}

ul {
	list-style:none;
}

/*-----------hack-------------*/

/* modern browser except IE */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear {clear: both; font-size: 1px; line-height: 1px;}

/*レスポンシブ対応*/
img{max-width: 100%; height: auto; }
table {max-width: 100%;}
.wp-caption {
	max-width: 100% !important;
	margin-bottom: 30px;
	padding: 0;
}


.wp-caption-text{
	font-size: 1.2rem;
	line-height: 1.4;
	color: #5D5D5D;
	padding: 0;
}


/* ==================================================================================

		イニシャライズ

================================================================================== */

html{font-size: 62.5%;}
body {
	font-size: 1rem; /* rem指定 10pxになるように*/
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}


/*-----------link-------------*/

a:link {
	color: #3A6DB5;
	text-decoration: none;
}
a:hover {
	color: #FF7406;
}
a:visited {
	color: #3A6DB5;
}


.aligncenter{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.alignleft{
	float: left;
	margin-right: 10px;
}
.alignright{
	float: right;
	margin-left: 10px;
}


.align_sp-center_pc-left,
.align_sp-center_pc-right{
	text-align:center;
}
.align_pc-center_sp-left{
	text-align: left;
}
@media (min-width:768px){
	/*スマホセンター／PC左寄せ*/
	.align_sp-center_pc-left{
		text-align:left;
	}
	/*スマホセンター／PC右寄せ*/
	.align_sp-center_pc-right{
		text-align:right;
	}
	/*PCセンター／スマホ左寄せ*/
	.align_pc-center_sp-left{
		text-align: center;
	}
}

/* iOSでボタンをリセットする*/
input[type="submit"],
input[type="reset"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}




/* font */
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_fwn { font-weight: normal; }
.txt_fwb { font-weight: bold; }
.txt_10 { font-size: 1rem; }
.txt_12 { font-size: 1.2rem; }
.txt_14 { font-size: 1.4rem; }
.txt_16 { font-size: 1.6rem; }
.txt_18 { font-size: 1.8rem; }
.txt_20 { font-size: 2rem; }
.txt_24 { font-size: 2.4rem; }
.txt_28 { font-size: 2.8rem; }
.txt_c_333 {color: #333;}



/* margin */
.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_40 { margin-top: 40px; }
.mar_r_40 { margin-right: 40px; }
.mar_b_40 { margin-bottom: 40px; }
.mar_l_40 { margin-left: 40px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }
.mar_t_60 { margin-top: 60px; }
.mar_r_60 { margin-right: 60px; }
.mar_b_60 { margin-bottom: 60px; }
.mar_l_60 { margin-left: 60px; }
.mar_t_70 { margin-top: 70px; }
.mar_r_70 { margin-right: 70px; }
.mar_b_70 { margin-bottom: 70px; }
.mar_l_70 { margin-left: 70px; }
.mar_t_80 { margin-top: 80px; }
.mar_r_80 { margin-right: 80px; }
.mar_b_80 { margin-bottom: 80px; }
.mar_l_80 { margin-left: 80px; }
.mar_t_90 { margin-top: 90px; }
.mar_r_90 { margin-right: 90px; }
.mar_b_90 { margin-bottom: 90px; }
.mar_l_90 { margin-left: 90px; }
.mar_t_100 { margin-top: 100px; }
.mar_r_100 { margin-right: 100px; }
.mar_b_100 { margin-bottom: 100px; }
.mar_l_100 { margin-left: 100px; }

.mar_t_-10 { margin-top: -10px; }
.mar_t_-20 { margin-top: -20px; }
.mar_t_-30 { margin-top: -30px; }
.mar_t_-30 { margin-top: -40px; }
.mar_t_-50 { margin-top: -50px; }


/* padding */
.pad_v_10 { padding: 10px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }
.pad_40 { padding: 40px}
.pad_t_40 { padding-top: 40px; }
.pad_r_40 { padding-right: 40px; }
.pad_b_40 { padding-bottom: 40px; }
.pad_l_40 { padding-left: 40px; }
.pad_50 { padding: 50px}
.pad_t_50 { padding-top: 50px; }
.pad_r_50 { padding-right: 50px; }
.pad_b_50 { padding-bottom: 50px; }
.pad_l_50 { padding-left: 50px; }
.pad_60 { padding: 60px}
.pad_t_60 { padding-top: 60px; }
.pad_r_60 { padding-right: 60px; }
.pad_b_60 { padding-bottom: 60px; }
.pad_l_60 { padding-left: 60px; }
.pad_70 { padding: 70px}
.pad_t_70 { padding-top: 70px; }
.pad_r_70 { padding-right: 70px; }
.pad_b_70 { padding-bottom: 70px; }
.pad_l_70 { padding-left: 70px; }
.pad_80 { padding: 80px}
.pad_t_80 { padding-top: 80px; }
.pad_r_80 { padding-right: 80px; }
.pad_b_80 { padding-bottom: 80px; }
.pad_l_80 { padding-left: 80px; }
.pad_90 { padding: 90px}
.pad_t_90 { padding-top: 90px; }
.pad_r_90 { padding-right: 90px; }
.pad_b_90 { padding-bottom: 90px; }
.pad_l_90 { padding-left: 90px; }
.pad_100 { padding: 90px}
.pad_t_100 { padding-top: 100px; }
.pad_r_100 { padding-right: 100px; }
.pad_b_100 { padding-bottom: 100px; }
.pad_l_100 { padding-left: 100px; }



@media (max-width:767px){
	.hidden-sp{
		display: none!important;
	}
}
@media (min-width:768px){
	.hidden-pc{
		display: none!important;
	}
}

#topcontrol{
	z-index: 999;
}


/* ==================================================================================

		MATERIAL DESIGN（google icon font）

================================================================================== */


/* Material iconsを利用する */
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  /* 推奨サイズ */
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	vertical-align:middle;

	/* WebKitブラウザサポート */
	-webkit-font-smoothing: antialiased;
	/* Chrome、Safariサポート */
	text-rendering: optimizeLegibility;
	/* Firefoxサポート */
	-moz-osx-font-smoothing: grayscale;
	
 
	/* IEサポート */
 
	font-feature-settings: 'liga';
}
/* アイコンサイズ */
.material-icons.md-14 { font-size: 1.4rem; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 3.6rem; }
.material-icons.md-48 { font-size: 48px; }

/* 背景が明るいとき用のアイコン色 */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* 背景が暗いとき用のアイコン色 */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }


/* ==================================================================================

		wp .entry下

================================================================================== */


.entry blockquote{
    position:relative;
    border-top:1px solid #E3E3E3;
    border-bottom:1px solid #E3E3E3;
    padding:20px;
	margin: 20px 20px ;
}
.entry blockquote:before{
    position:absolute;
    background-color:#FFFFFF;
    color:#A9A9A9;
    font-family: "Material Icons";
    content:'format_quote';
    line-height:1;
    text-align:center;
    top:-20px;
    left:-10px;
    padding:5px;
    font-size:30px;
}
.entry blockquote:after{
    position:absolute;
    right:-10px;
    bottom:-20px;
    background-color:#FFFFFF;
    padding:5px;
    color:#A9A9A9;
    font-family: "Material Icons";
    content:'format_quote';
    line-height:1;
    text-align:center;
    font-size:30px;
}
.entry blockquote cite {
    display: block;
    padding-right:30px;
    font-size: 0.8rem;
    text-align: right;
    color: #808080;
}