@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus {outline:0;}

ol, ul {list-style:none;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	align-content: center;
}

body{
font:100%/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
color:#252525;
-webkit-text-size-adjust:none;
background:#fff;
}


/* リンク設定
------------------------------------------------------------*/
a{
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
	color: #1015AB;
}

a:hover, a:active{
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	outline: none;
	color: #0B0E72;
}

a:hover img {
 -moz-opacity:0.7;
 opacity:0.7;
 filter:alpha(opacity=70);
 }


/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after{content:""; display:table;clear:both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post{zoom:1;}


/* ヘッダー
*****************************************************/
#header{
overflow:hidden;
background:#f2f2f2;
border-bottom-style: solid;
border-bottom-color: #c1272d;
border-bottom-width: 0.5px;
}
#header .bg {
background:#c1272d;
}
#header .bg .inner{
margin:0 auto;
width:960px;
}
#header .bg .inner p{
color:#ffffff;
font-size: 12px;
text-align: right;
line-height: 20px;
}
#header .bg .inner p a{
color:#ffffff;
}
#header .inner{
margin:0 auto;
width:960px;
}
#header .inner img{
vertical-align:bottom;
height: 40px;
margin-top: 20px;
margin-bottom: 20px;
}


/* トップページ　メイン画像
----------------------------------*/
#mainImg{
clear:both;
max-width: 960px;
margin: 0 auto;
margin-top:30px;
margin-bottom:30px;
width: 100%;
}
#mainImg img{
width: 100%;
vertical-align: bottom;
}


/* タイポグラフィ
*****************************************************/
.floatend{
clear: both;
}
.post{
width: 100%;
max-width: 700px;
margin: 0 auto;
padding-top: 50px;
padding-bottom: 50px;
}
.post h1{
font-size:20px;
line-height: 26px;
letter-spacing: 0.03em;
color:#000000;
border-bottom:2px solid #c1272d;
font-weight: 600;
margin-bottom: 40px;
}
.post h2{
font-size:20px;
line-height: 26px;
letter-spacing: 0.03em;
color:#000000;
border-bottom:2px solid #c1272d;
font-weight: 600;
margin-top: 50px;
margin-bottom: 40px;
}
.post h3{
font-size:18px;
line-height: 26px;
letter-spacing: 0.03em;
color:#000000;
border-bottom:2px dotted #c1272d;
font-weight: 500;
margin-top: 30px;
margin-bottom: 20px;
}
.post h4{
font-size:16px;
line-height: 24px;
letter-spacing: 0.03em;
color:#000000;
margin-bottom: 10px;
font-weight: 600;
}
.post p{
font-size:14px;
line-height: 24px;
letter-spacing: 0.03em;
color:#000000;
margin-bottom: 20px;
}
.post ul{
margin-top: 10px;
margin-left: 0px;
margin-bottom: 25px;
list-style: none;
font-weight: 600;
}
.post ul li{
margin-top: 10px;
margin-left: 5px;
margin-bottom: 5px;
font-size:14px;
line-height: 24px;
letter-spacing: 0.03em;
color:#000000;
font-weight: normal;
list-style-position: inside;
list-style-type: disc;
marker-offset: 0px;
}

.post1{
width: 100%;
padding-bottom: 70px;
}
.post1a{
width: 340px;
float: left;
margin-right: 20px;
}
.post1a img{
width: 100%;
vertical-align: bottom;
}
.post1b{
width: 340px;
float: left;
}
.post1b img{
width: 100%;
vertical-align: bottom;
}




.post p p1{
font-size:80%;
}
.post ol{margin:0 0 10px 30px;}
.post ol li{list-style:decimal;}


.post blockquote {
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.post blockquote p{padding:5px 0;}

.post dl{
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.post dt{
	padding: 5px 0;
	background-color: #F2F3DB;
	}
 
.post dd{padding:5px 0;}

.post img{max-width:100%;height:auto;}

img.aligncenter {
display:block;
margin:5px auto;
}

img.alignright, img.alignleft{
padding:4px;
margin:0 0 2px 7px;
display:inline;
}

img.alignleft{margin:0 7px 2px 0;}

.alignright{float:right;}
.alignleft{float:left;}

.line{
clear:both;
border-bottom:1px solid #ccc;
margin-top:5px;
margin-bottom:5px;
}
.inline p{
padding-top:0px;
padding-bottom:0px;
font-weight:bold;
}


/* フッター
*****************************************************/
#footer {
background-color: #f2f2f2;
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
font-size:14px;
line-height: 24px;
letter-spacing: 0.03em;
color:#000000;
}
#footer a{
color:#000000;
}
#footer img{
height: 40px;
vertical-align: bottom;
}

#copyright{
clear:both;
text-align:center;
font-size:12px;
line-height: 20px;
color:#ffffff;
background:#c1272d;
}



/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1000px){

/* ON OFF
----------------------------------*/
.pcon {
display: none;
}
.pcoff {
display: block;
}


/* ヘッダー
*****************************************************/
#header{
overflow:hidden;
background:#f2f2f2;
border-bottom-style: solid;
border-bottom-color: #c1272d;
border-bottom-width: 0.5px;
}
#header .bg {
background:#c1272d;
}
#header .bg .inner{
margin:0 auto;
width:100%;
}
#header .bg .inner p{
color:#ffffff;
font-size: 10px;
text-align: right;
line-height: 18px;
}
#header .bg .inner p a{
color:#ffffff;
}
#header .inner{
margin:0 auto;
width:100%;
}
#header .inner img{
vertical-align:bottom;
height: 30px;
margin-top: 20px;
margin-bottom: 20px;
}


/* トップページ　メイン画像
----------------------------------*/
#mainImg{
clear:both;
max-width: 960px;
margin: 0 auto;
margin-top:20px;
margin-bottom:20px;
width: 100%;
}
#mainImg img{
width: 100%;
vertical-align: bottom;
}

/* タイポグラフィ
*****************************************************/
.floatend{
clear: both;
}
.post{
width: 98%;
max-width: 700px;
margin: 0 auto;
padding-top: 30px;
padding-bottom: 50px;
}
.post h1{
font-size:18px;
line-height: 26px;
letter-spacing: 0.03em;
color:#000000;
border-bottom:2px solid #c1272d;
font-weight: 600;
margin-bottom: 40px;
}
.post h2{
font-size:18px;
line-height: 26px;
letter-spacing: 0.03em;
color:#000000;
border-bottom:2px solid #c1272d;
font-weight: 600;
margin-top: 65px;
margin-bottom: 40px;
}
.post h3{
font-size:18px;
line-height: 26px;
letter-spacing: 0.03em;
color:#000000;
border-bottom:2px solid #c1272d;
font-weight: 600;
margin-top: 50px;
margin-bottom: 40px;
}
.post p{
font-size:13px;
line-height: 24px;
letter-spacing: 0.03em;
color:#000000;
margin-bottom: 20px;
}
.post ul{
margin-top: 10px;
margin-left: 0px;
margin-bottom: 25px;
list-style: none;
font-weight: 600;
}
.post ul li{
margin-top: 10px;
margin-left: 5px;
margin-bottom: 5px;
font-size:13px;
line-height: 24px;
letter-spacing: 0.03em;
color:#000000;
font-weight: normal;
list-style-position: inside;
list-style-type: disc;
marker-offset: 0px;
}

.post1{
width: 100%;
padding-bottom: 40px;
margin-top: 30px;
}
.post1a{
width: 49%;
float: left;
margin-right: 2%;
}
.post1a img{
width: 100%;
vertical-align: bottom;
}
.post1b{
width: 49%;
float: left;
}
.post1b img{
width: 100%;
vertical-align: bottom;
}


/* フッター
*****************************************************/
#footer {
background-color: #f2f2f2;
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
}
#footer img{
height: 30px;
vertical-align: bottom;
}
#copyright{
clear:both;
text-align:center;
font-size:12px;
line-height: 20px;
color:#ffffff;
background:#c1272d;
}



}