@import url("reset.css");
@import url("drawer.css");

body { 
        font-size: 1.0rem;
	line-height:1.6rem;
        background-color:#fff;
        overflow-x:hidden;
        font-family:ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;}

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

/* Link */

.homeInfo dd a,.homeTopics dd a{
	color:#333;
}

.homeSlideNm,.upLink {
	display:none;
}


.slideMImg {
	width:100%;
}

/* PageTop Btn */

.ptopLink {
	position:fixed;
	bottom:50px;
	right:20px;
	width:30px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

img.ptopBtn {
	width:30px;
}

adress {font-style:normal;}

.clrFix{clear:both;}

/* ==========================================================================
/
/   iphone,ipod,Andoroid Layout
/========================================================================== */
#wrapper {
        width:99%;
        height:100%;
        margin:0 auto;
        position:relative;
        }

/* header */
header h1{
	width:100%;
	min-height:200px;
	position:absolute;
	background:url(../image/common/mbhead.png) no-repeat top center;
	background-size:100% auto;
	z-index:10;
	text-indent:-9999px;
	overflow:hidden;
}





/* Home */


#homeMain,#homeBn ul,#homeBn li,img.btmBnImg {
	width:100%;
}

.homeInfo,.homeTopics,#homeBn {
	width:92%;
	padding:20px 4% 0;
	text-align:center;
}

.homeTopics{
	background-color:#d9f4fc;
}

#homeBn{
	background-color:#b5ecff;
}

.homeInfo span,.homeTopics span{
	border-bottom:2px solid #39f;
}

.homeInfo ul,.homeTopics ul{
	padding:20px 0;
}

.homeInfo li,.homeTopics li{
	text-align:left;
}

.homeInfo dt,.homeTopics dt{
	font-size:0.8rem;
	color:#39f;
}

.homeInfo dd,.homeTopics dd{
	font-size:0.9rem;
}

#homeBn li{
	padding-bottom:20px;
}

/* Nav */

.hmIco {
	width:10%;
	position:absolute;
	top:10px;
	right:10px;
	z-index:100;
}

.hmIcoImg{
	width:100%;
}



.grNavBody > li{
	padding:10px;
	font-size:0.8rem;
	border-bottom:1px dotted #fff;
}

.grNavBody > li.last{
	padding:0;
	border-bottom:none;
}

.grNavBody > li.pageOn,.grNavBody > li.pageOnLink{
	color:#39f;
	background-color:#d2f2fc;
}

.grNavBody > li.pageOnLink a{
	color:#39f;
}

.grNavBody > li > a{
	display:block;
	color:#fff;
	text-decoration:none;
}

ul.gNav-child > li{
	padding:10px;
	font-size:0.8rem;
	border-bottom:1px dotted #39c;

}

ul.gNav-child > li > a{
	display:block;
	text-decoration:none;
}

ul.gNav-child > li.pageOn{
	color:#333;
}

p.hmClose{
	width:30%;
	display:block;
	text-align:center;
	margin:20px auto;
	padding:5px 0;
	color:#fff;
	border:1px solid #fff;
	font-size:0.8rem;
}

/* Group */

.groupSite {
	width:100%;
	padding:20px 0 0;
	text-align:center;
}

.groupSite li{
	padding-bottom:20px;
}

li.group01 > a > img.groupImg{width:53%;}
li.group02 > a > img.groupImg{width:60%;}
li.group03 > a > img.groupImg{width:58%;}
li.group04 > a > img.groupImg{width:39%;}
li.group05 > a > img.groupImg{width:35%;}

/* Footer Nav*/


.grNavFooter{
	width:100%;
	overflow:hidden;
}

.grNavFooter ul{
	width:102%;
}

.grNavFooter li{
	width:49%;
	float:left;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	text-align:center;
	background-color:#d2f2fc;
	}
.grNavFooter li a{
	padding:15px 0;
	display:block;
	font-size:0.8rem;
    line-height: 1.4;
}
.grNavFooter li.wLine a{
	padding:1.465rem 0 1.47rem;
	display:block;
	font-size:0.8rem;
    line-height: 1.4;    
}

.grNavFtBody > li.pageOn{
	padding:15px 0;
	font-size:0.8rem;
    line-height: 1.4;
	color:#39f;
}

.grNavFooter li a{
	width:100%;
}

.grNavFooter li a{
	color:#333;
	text-decoration:none;
}

.grNavFtBody > li.pageOnLink a{
	color:#39f !important;
}

.grNavFooter li a{
	color:#333;
	text-decoration:none;
}

/* copy */

.footerBtm{
	background-color:#d2f2fc;
}

.copyRight{
	clear:both;
	background:url(../image/common/footer_bg.png) no-repeat bottom center;
	background-size:100% auto;
	padding:150px 0 5px;
}

.copyRight p{
	text-align:center;
	font-size:0.6rem;
	color:#fff;
}


/* ==========================================================================
/   lower Common
/========================================================================== */

.lowerWrap {
	width:100%;
}

/* 看板 */
.signboard,.signboard,.signBbox,img.sboardImgPc{
	width:100%;
}

img.sboardImgPc{
	display:none;
}

.signBbox,.signBboxRe {
	padding-top:130px;
	text-align:center;
}

.signBbox > h1,
.signBboxRe > h1{
	font-size:1.2rem;
	background-color:rgba(0,0,0,0.6);
	padding:4px 10px;
	color:#fff;
	letter-spacing:5px;
	display:inline-block;
}

.signBbox > h2,
.signBboxRe > h2,
.signBbox > p,
.signBboxRe > p{
	width:90%;
	padding:0 5%;
	text-align:left;
}

.signBbox > p,
.signBboxRe > p{
	margin:20px 0;
	font-size:0.9rem;
}

/* ページ(看板除く)コンテンツ全体 */

.lowerArticle{
	width:94%;
	padding:0 3% 40px;
}

/* 記事ボックス上部点線 */
.tDashd {
	border-top:2px dotted #39f;
}

/* 記事ボックス標準 */
.lowerArtBox {
	width:100%;
	padding:20px 0;
}

/* 記事ボックスH3 */
.lowerArtBox h3{
	padding:15px 0;
	text-align:center;
}

.lowerArtBox > h3 > span{
	margin-top:5px;
	border-bottom:2px solid #39f;
}

.lowerArtBox h4{
	padding:15px 0;
	text-align:center;
	color:#39f;
}
/* 記事ボックス　テキストのみ用 */
.textOnly p{
	padding-bottom:20px;
}

/* インデントする段落 */
.indent {text-indent:1rem;}


/* 記事ボックスリンク */
.lowerArtBox a{
	color:#0360bf;
}

.lowerArtBox a:hover{
	color:#333;
}

/* リンクに下線付ける場合 */
.unLineLink a{
	text-decoration:underline;
}


/* 左フロート */
.fLeft {float:left;}

/* 右フロート */
.fRight {float:right;}


/*コンテンツ内容が少ないとき用余白*/
div.blanc{
	height:200px;
}

.pcOn{
    display: none;
}
.mT30{
    margin-top:30px;
}

/* ------------------------------------------------ 
     important Message
---------------------------------------------------  */


#importantMessage{
	clear:both;
	max-width:calc(100% - 24px);
	padding:80px 10px 10px;margin-bottom:1em;}
#importantMessage .outer{padding:10px 14px;}
#importantMessage h3{padding-bottom:10px;}
#importantMessage ol{padding-top:10px;}
#importantMessage li{padding-bottom:18px;}
#importantMessage li time{font-size:0.9rem;padding-bottom:8px;}

#importantMessage .importantClose{
	width:100%;
	left:0;
	bottom:0;
	padding-bottom:5px;
}

#importantMessage .importantClose span{
	display:inline-block;
	padding:5px 3px;
	cursor:pointer;
	font-size:0.8rem;
}

.newsPostWrap .categoryOne.categoryimport-news{
	color:#fff;
	min-width:120px;}
	
/*240606updata */
.wp-block-column.wp-block-column-is-layout-flow .wp-block-image{max-width:100%;}
@media screen and (orientation: landscape) {
.wp-block-columns.wp-block-columns-is-layout-flex{width:100%;display:flex;flex-wrap:wrap;}
.wp-block-columns.wp-block-columns-is-layout-flex > div{margin-right:5vmin;}
.wp-block-columns.wp-block-columns-is-layout-flex > div:nth-last-child(1){margin-right:0;}
}