/* 初期化 （サイトごとに色変更など）---------------------- */

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #site-title a {
	color:#fff;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, #site-title a:hover {
	color:#00f;
}url

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #site-title a {
	text-decoration:none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, #site-title a:hover {
	text-decoration:underline;
}

a{ color:#fff; text-decoration:none; }
img{ border:none; }

body{ background-color:#000;}

#wrapper{ padding:0; height:auto; }

/* ヘッダー ---------------------- */
#header{
height:155px;
margin:0 auto;
}
#site-title{
text-align:right;
}

#site-title h1{
	font-size:100%;
	margin:0;
}
#site-title a{
/*	font-size:200%;*/
	font-weight:bold;
}

#header .header_inner{
	max-width: 960px;
	margin: 0 auto;
}

#header #branding{
	padding:15px 0;
}
#header #branding a,
#header #branding strong{
display:inline-block;
vertical-align:middle;
line-height:72px;
height:72px;
}

#header #branding strong{
font-size:14px;
margin-right:1em;
}

#header #branding strong span{
color:#f00;
}
/* グローバルメニュー ---------------------- */

#menu{
	background-color:#ccc;
	margin:0px;
	padding:0 15px;
	
}

#menu ul{
	list-style:none;
	margin:10px auto;
	padding:0;
	max-width:960px;
}

#menu ul li{
	list-style:none;
	margin:10px 0 10px 0;
	padding:0;
}



/* コンテナ ---------------------- */
#container{
letter-spacing: -1em; word-spacing: 0;
}
:root #container { font-size: 1px; letter-spacing: -1px; word-spacing: 0; }

/* calc ie8対応 */
/*.ie8 #container{ display:block; white-space: nowrap; margin-right:250px; }*/
.nosidebar.ie8 #container { margin-right:0; white-space:normal !important; letter-spacing: normal; }

/* サイドバー有り ---------------------- */

/*#content{ 
	width: calc( 100% - 250px );
	max-width:710px;
	border-right:1px solid #000;
	margin: 10px 0 20px 0;
}*/


/*#content, #sidebar{
	display:inline-block;
	vertical-align:top;
	font-size: 1rem;
	letter-spacing: normal;
	word-spacing: normal;
	padding:15px;
	}*/
@media screen and (max-width: 736px) {
html body #content, html body #sidebar{
display:block;
width:100%;
height:auto;
}
}

#bread{
	font-size: 0.77rem;
	letter-spacing: normal;
	word-spacing: normal;
}
#bread ul, #bread ul li{
	list-style:none outside;
}
#bread ul{
	padding:0; margin:0;
}
#bread ul li{
	display:inline-block;
}
.ie8 #bread ul li{
	margin:0 1px;
}
#bread ul li:before{
	content: "/";
	display:inline-block;
	margin:0 5px;
	}
#bread a{ text-decoration:underline; }

#bread ul li:first-child:before{
	content:""; margin:0;
}

/* ie8対応 */
.ie8 #content{
	max-width: 100%;
	display: inline-block;
	white-space:normal;
}
.ie8 #sidebar{
	width: 250px;
	display: inline-block;
	white-space:normal;
}

#content .header{
position:absolute;
top:-155px;
left:0px;
max-width:600px;
}

/*.single-trans #content .header,
.single-coil #content .header{
padding-top:66px;
}*/
#content .header .entry-title{
font-size:1.3em;
margin:20px 0 10px 0;
padding:0 0 10px 0;
line-height:1.2;
border-bottom:1px solid #fff;
max-height:2.4em;
overflow-y:hidden;
font-weight:bold;
letter-spacing: 0;
}

/* ※トップページの#contentは、parts.cssに記述 */

/* フッター */

#footer{ margin-top:0; background-color:#000; text-align:center; min-width:990px; }
#footer a{ color:#fff; text-decoration:none; }
#footer ul.menu, #footer ul.menu li{
list-style:none outside; margin:0;
}
#footer ul.menu{
padding:0;
border-bottom:1px solid #fff;
}
#footer ul.menu li{
padding:10px 20px;
display:inline-block;
vertical-align:top;
font-size:14px;
}
#footer #copyright{ font-size:11px; padding:15px 0; letter-spacing:1px; }

/* サイドバー */
#sidebar{
	width:250px;
	font-size:0.85rem;
	padding:10px;
	border-left:1px solid #000;
	margin-left:-1px;
}

#sidebar ul, #sidebar ul li{
list-style:none;
padding:0;
margin:0;
}

#sidebar ul ul{
margin:0 0 0 1em;
}

#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6{
padding:0;
margin:1em 0 5px 0;
}

#sidebar .widget-title{ font-size:113%; }

#container nav#nav-below.navigation{
width:960px;
margin-left:auto;
margin-right:auto;
}
#container nav#nav-below.navigation .nav-previous,
#container nav#nav-below.navigation .nav-next{
font-size:1rem; 
width:48%; 
display:inline-block;
vertical-align:top;
}
#container nav#nav-below.navigation .nav-previous{
text-align:left;
margin-right:4%;
}
#container nav#nav-below.navigation .nav-next{
text-align:right;
}
/*.mfp-content{ background-color:#fff !important; }*/

/* 汎用 */

a.btn{ display:inline-block; width:260px; height:30px; line-height:30px; font-size:14px; text-align:center; background:#fff url("/common/img/icon_tri_right.png") 20px center no-repeat; color:#000; }
a.btn:hover{ opacity:0.8; }
a.btn span{ display:inline-block; vertical-align:middle; text-align:center; }
a.btn span.2line{ line-height:15px; height:30px; }
a.btn img{ vertical-align:middle; }
a.btn.pdf{ background-image:url("/common/img/icon_pdf.png"); }


.sponly{ display:none; }
.pconly{ display:inline; }
@media screen and (max-width: 736px) {
.sponly{ display:inline; }
.pconly{ display:none; }
}

div.pconly, p.pconly{ display:block; }

img.auto{ width:auto !important; }

/* マージン */
.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_20{margin-top:20px;}
.mt_30{margin-top:30px;}

.mr_5{margin-right:5px;}
.mr_10{margin-right:10px;}
.mr_20{margin-right:20px;}
.mr_30{margin-right:30px;}

.mb_5{margin-bottom:5px;}
.mb_10{margin-bottom:10px;}
.mb_20{margin-bottom:20px;}
.mb_30{margin-bottom:30px;}

/*テキスト位置*/
.t_left{text-align:left;}
.t_center{text-align:center;}
.t_right{text-align:right;}