@charset "UTF-8";

/* CSS Document */

.pc {
	display:none;
}

/* ==================================================
CSS information

 file name  :style.css
 author     :
 style info :コンテンツエリア関係 他
 
フォントサイズ
10pixel=83%
11pixel=92%
12pixel=100%
14pixel=117%
16pixel=133%
18pixel=150%
20pixel=167%
22pixel=183%
24pixel=200%
================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	background-image:none;
	/*background-repeat: no-repeat;*/
	/* [disabled]background-position: center 276px; */
	/* [disabled]background-image: url(../image/bg_line02.gif); */
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
}

a {
	text-decoration: none;
	color:#666;
}

a:hover {
	text-decoration: underline;
}

.link01 a {
	display: inline-block;
	background:#666;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	color:#FFF;
	padding:5px 20px;
	font-size:11px;
	margin:0.5em 0;
}

/* ----------------------------------------------------
	#header
		ヘッダー
---------------------------------------------------- */
header {
	position: fixed;
	width:100%;
	top:0;
	z-index: 1030;
	margin-bottom: 0;
	background-color: #E60019;
	height:85px;
}

header h1 {
	float: left;
	width: 150px;
	display: inline;
}

header h1 img {
	width: 150px;
	height: auto;
	float: left;
}

header .h_logo {
	float: left;
	width: 150px;
	display: inline;
}

header .h_logo img {
	width: 150px;
	height: auto;
	float: left;
}

/* ----------------------------------------------------
	nav
		メインナビ
---------------------------------------------------- */

.js_button_toggle {
	float: right;
	margin-top: 10px;
	position:absolute;
	top:10px;
	right:15px;
	cursor: pointer;
}

.js_button_toggle img {
	width: 45px;
	height: auto;
	float: right;/*z-index: 1000 !important;*/
}

nav {
/*text-align: right;
	width:100%;
	float: right;*/
}

.h_navi {
	display:none;
}

.main_navi li a em {
	display:none;
}

.main_navi {
	display: none;
	background: none;
	position:fixed;
	width: 100%;
	z-index: 99;
	top:85px;
}

.main_navi li {
	float: left;
	font-size: 12px;
}

.main_navi li a {
	display: block;
	height: auto;
	padding: 15px;
	box-sizing: border-box;
	overflow: visible;
	color: #666;
	text-align: left;
	background-image: none;
	background-color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #CCCCCC;
}

.main_navi li a:hover {
	background:#E60019;
	color:#ffffff;
}
@media screen and (min-width: 641px) {
}
@media screen and (min-width: 481px) {
 .main_navi li {
 width: 50%;
}
 .main_navi li a {
 width: 100%;
 padding: 15px;
}
.main_navi li a:nth-child(odd) {
 border-right: 1px solid #CCCCCC;
}
}
 @media screen and (max-width: 480px) {
 .main_navi li {
 width: 100%;
}
 .main_navi li a {
 width: 100%;
}
}

/* ----------------------------------------------------
	#footer
		フッター
---------------------------------------------------- */
footer {
	clear:both;
	border-top:1px solid #ccc;
	padding:10px 10px 25px;
	margin:45px 0 0;
}

footer dl {
	float: left;
	width: 100%;
	/* [disabled]border-right-color: #CCC; */
	/* [disabled]border-right-style: solid; */
	/* [disabled]border-right-width: 1px; */
	margin-right: 20px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

footer dt {
	line-height:2;
}

footer dd {
	font-size: 13px;
}

footer p {
	font-size: 13px;
	/* [disabled]line-height: 1.5; */
	padding: 0.5em 0;
}

footer address {
	clear:both;
	text-align:center;
	display:block;
	padding:20px;
}

/*----------------------------------------------------
	#container
----------------------------------------------------*/
#container {
	width: 100%;
	margin: 0 auto;
	padding-top: 100px;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
h2 {
	clear: both;
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 2em;
	padding-bottom: 36px;
	/*display: none;*/
}

h2 em {
	display:block;
	font-size:48px;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.content_ttl {
	clear: both;
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 2em;
	padding-bottom: 36px;
	display: none;
}
.content_ttl em {
	display:block;
	font-size:48px;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#contents {
	float: none;
	width: 100%;
	margin-bottom: 45px;
}

#topicPath {
	display:none;
}

section article {
	padding: 0 10px 25px;/*background-attachment: scroll;*//*background-image: url(../image/bg_line.gif);
	background-repeat: no-repeat;
	background-position: 1px 80px;
	margin: 0 auto;*//*width: 87.5%;*/
}

article h3 {
	font-size:185%;
	/*border-left: 3px solid #E60019;*/
	padding: 0.5em 0.8em;
	margin: 0 0 0.5em;
	text-align: center;
}

article h4 {
	font-size:185%;
	border-left: 3px solid #E60019;
	padding: 0.5em 0.8em;
	margin: 2em 0 0.5em;
}
article .article_post_ttl,
article .single_post_ttl {
	font-size:185%;
	border-left: 3px solid #E60019;
	padding: 0.5em 0.8em;
	margin: 2em 0 0.5em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: normal;
}
article h5 {
	font-size:138%;
	margin: 2em 0 0.5em 0;
	font-weight:bold;
}

p {
	line-height:1.7;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

article p {
	margin:0 0 1.5em;
}

article img{
	width:90%;
	height:auto;
	display:block;
	margin:0 auto 1em;
	float:none;}

article ul {
	width: 90%;
	margin: 0 auto;
}
article ul li{
	text-decoration: underline;
	margin: 0 0 0.75em;
}
article ul li a {
	font-size: 108%;
}
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.ggmap iframe, .ggmapr object, .ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 95%;
	height: 100%;
}

#contents table, #contents ol, #contents ul, #contents dl, #contents blockquote, #contents pre, #contents p {
	margin-bottom: 1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.seoP01 {
	background:#999;
	font-size:16px;
	color:#fff;
}

.companyDl01 {
}

.companyDl01 dt {
	float:left;
	width:100px;
}

.companyDl01 dd {
	margin-left:100px;
	margin-bottom:1em;
}

#contents .companyDl02 {
	clear:both;
	margin-bottom:1.5em;
}

.companyDl02 dt {
	/*float:left;*/
	padding:0 0 10px;
}

.companyDl02 dd {
	line-height:1.7;
}

.companyDl02 dd strong {
	font-size:16px;
}

.seoTbl {
	border-collapse: collapse;
}

.seoTbl caption {
	font-size:18px;
	margin: 2em 0 0.5em;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.seoTbl tr {
	border-bottom:1px dotted #ddd;
}

.seoTbl td, .seoTbl th {
	padding:10px 20px;
}

.seoTbl td {
	text-align:right;
}

.designTbl {
	border-collapse: collapse;
}

.designTbl caption {
	font-size:18px;
	margin: 2em 0 0.5em;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.designTbl tr {
	border-bottom:1px dotted #ddd;
}

.designTbl td, .designTbl th {
	padding:10px 5px;
}

.designTbl td {
	text-align:left;
}

.designTbl td.td01 {
	padding-right:15px;
	white-space:nowrap;
}

.designUl li {
	line-height:2;
}

.designDl {
	/* [disabled]margin-left: 290px; */
	width: 100%;
}

.designDl dt {
	float:left;
	width:80px;
}

.designDl dd {
	width: 65%;
	margin-left: 90px;
	margin-bottom: 1em;
	line-height: 1.5;	/*display:inline-block;*/
}

.designDl dd a {
	color:#E60019;
}

h5.designH5 a {
	color:#E60019;
}

/* ----------------------------------------------------
	#sub
		サイドバー、サブ
---------------------------------------------------- */
#sideBox {
	float: none;
	margin: 0 auto;
	padding:0 10px;/*width: 92.5%;*/
}

#sideBox h4 {
	font-weight: normal;
	font-size: 14px;
	border-left: 3px solid #E60019;
	padding: 0.5em 1.5em 0.5em 0.8em;
}

#sideBox h4 em {
	font: 24px/1.5 Georgia, "Times New Roman", Times, serif;
	padding-right:0.5em;
}

#sideBox article {
	border-left:1px solid #ccc;
	padding-left:1.5em;
	margin:10px 0 5em;
}

#sideBox article p {
	font-size:12px;
}

#sideBox ul {
	border-left:1px solid #ccc;
	padding-left:1.5em;
	margin:10px 0 5em;
}

#sideBox ul li {
	margin:2em 0;
}

#sideBox ul li a {
	line-height: 1.2em;
	font-size: 16px;
}

#sideBox ul.ul02 li {
	font-size:12px;
}