/**********
 style-XXX.css
**********/

/** headContents **/
#headContents{
	padding:0;
	width:100%;
	text-align:center;
}

#topImg{
	width:100%;
	margin:0 auto;
}

#topImg img{
	width:100%;
	max-width:960px;
	margin:0 auto;
}



/**********
 main
**********/
#main{
	width:100%;
	max-width:100%;
}


/** topContents **/
#main #topContents{
	width:92%;
	margin:0 auto;
}


/** greeting **/
#greeting{}

#greeting img{
	float:left;
	width:15%;
}

#greeting #greetingTxt{
	float:right;
	width:82%;
	padding-bottom:20px;
}

#greeting #greetingTxt p{
	font-family:"僸儔僊僲娵僑 Pro W4","僸儔僊僲娵僑 Pro","Hiragino Maru Gothic Pro","僸儔僊僲妏僑 Pro W3","Hiragino Kaku Gothic Pro","HG娵恨集窶-PRO","HGMaruGothicMPRO";
	font-size:1.1em;
	font-weight:700;
	color:#00afec;
	padding-bottom:15px;
}

#greeting a{
	display:block;
	clear:both;
	padding:7px 5px 6px 5px;
	background:#00afec;
	color:#fff;
	text-decoration:none;
	min-width:140px;
	max-width:240px;
	width:80%;
	margin:20px 0 0 0;
	text-align:center;
	float:right;
}

#greeting a:hover,
#greeting a:active{
	background:#036eb8;
}

#greeting a i{
	padding-right:5px;
}



/** topOpen_mb **/
#topOpen_mb{
	margin:30px 0;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background:#ededed;
	background: rgba(220,220,220,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#44dadcdc', endColorstr='#44dadcdc');
}

#topOpen_mb #topOpMbInner{
	padding:15px 12px;
	text-align:center;
}

#topOpen_mb #topOpMbInner h2{
	font-size:1.15em;
	font-weight:normal;
	color:#754c24;
	padding-bottom:8px;
}

#topOpen_mb #topOpMbInner img{
	width:100%;
	max-width:300x;
	vertical-align:bottom;
	margin-bottom:7px;
}

#topOpen_mb #topOpMbInner .close{
	font-size:1em;
	color:#000;
	width:48%;
	float:left;
	text-align:left;
	padding-bottom:15px;
}

#topOpen_mb #topOpMbInner .notes{
	font-size:1em;
	width:48%;
	float:right;
	text-align:right;
	padding-bottom:15px;
}

#topOpen_mb #topOpMbInner a{
	display:block;
	clear:both;
	background:#f7931e;
	color:#fff;
	text-decoration:none;
	padding:7px 3px 6px 2px;
	width:80%;
	max-width:240px;
	margin:0 auto;
}

#topOpen_mb #topOpMbInner a:hover,
#topOpen_mb #topOpMbInner a:active{
	background:#f15a24;
}

#topOpen_mb #topOpMbInner a i{
	padding-right:4px;
}



/** topNavi **/
#topNavi{}

#topNavi ul#navi_top{
	padding-bottom:20px;
}

#topNavi ul#navi_top li{
	padding-bottom:10px;
	margin:0 auto;
	text-align:left;
}

#topNavi ul#navi_top li:last-child{
	padding-bottom:0;
}

#topNavi ul#navi_top li a img{
	width:100%;
}

#topNavi ul#navi_top li p{
	font-size:15px;
	padding-top:7px;
	line-height:1.45;
}

#topNavi ul#navi_btm{
	padding-top:15px;
	width:100%;
}

#topNavi ul#navi_btm li{
	width:47%;
	padding-bottom:12px;
}

#topNavi ul#navi_btm li:nth-child(odd){
	float:left;
}

#topNavi ul#navi_btm li:nth-child(even){
	float:right;
}

#topNavi ul#navi_btm li a img{
	width:100%;
}

#topNavi ul#navi_btm li p{
	font-size:15px;
	padding-top:7px;
	line-height:1.45;
}


/** topNews **/
#topNews{
	padding-top:35px;
	padding-bottom:5px;
}

#topNews h2{
	background:url(../img/line_red.gif) repeat-x bottom left;
	padding-bottom:5px;
	margin-bottom:15px;
	font-family:"僸儔僊僲娵僑 Pro W4","僸儔僊僲娵僑 Pro","Hiragino Maru Gothic Pro","僸儔僊僲妏僑 Pro W3","Hiragino Kaku Gothic Pro","HG娵恨集窶-PRO","HGMaruGothicMPRO";
	font-size:1.55em;
	font-weight:100;
	color:#534741;
}

#topNews #newsInner{}
#topNews #newsInner iframe{
	width:100%;
}


/** topBlog **/
#topBlog{
	padding-top:35px;
	padding-bottom:20px;
	clear:both;
}

#topBlog h2{
	background:url(../img/line_green.gif) repeat-x bottom left;
	padding-bottom:5px;
	margin-bottom:15px;
	font-family:"僸儔僊僲娵僑 Pro W4","僸儔僊僲娵僑 Pro","Hiragino Maru Gothic Pro","僸儔僊僲妏僑 Pro W3","Hiragino Kaku Gothic Pro","HG娵恨集窶-PRO","HGMaruGothicMPRO";
	font-size:1.55em;
	font-weight:100;
	color:#534741;
}

/**
#topBlog #blogInner{
  position:relative;
  width:100%;
  padding-top:70.25%;
}
#topBlog #blogInner iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}
**/

#topBlog #blogInner{}

#topBlog #blogInner iframe{
	width:100%;
	background-color: transparent;
	padding-bottom:15px;
}


#topBlog a.moreLink{
	display:block;
	clear:both;
	padding:7px 5px 6px 5px;
	background:#00afec;
	color:#fff;
	text-decoration:none;
	min-width:140px;
	max-width:240px;
	width:80%;
	margin:0 auto;
	text-align:center;
}

#topBlog a.moreLink:hover,
#topBlog a.moreLink:active{
	background:#036eb8;
}

#topBlog a.moreLink i{
	padding-right:5px;
}



/**********
 topMap
**********/
#topMap{
	width:100%;
	padding-top:35px;
}

#topMap .ggmap{
	position: relative;
	padding-bottom: 46.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
#topMap .ggmap iframe,
#topMap .ggmap object,
#topMap .ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/**********/
#topNews_c{
	font-size:18px;
	line-height: 1.5;
	padding-bottom:15px;
	padding-top:5px;
}

#topNews_c h3{
	font-weight:normal;
	padding-bottom:10px;
	font-size:20px;
}

#topNews_c div{
	padding-top:20px;
}

#topNews_c div h4{
	color:#036eb7;
	margin-bottom:9px;
}

#topNews_c div h4 span{
	border-bottom:1px solid #036eb7;
	padding-bottom:4px;
}

#topNews_c div p.notes{
	padding-left:1.1em;
	text-indent:-1.1em;
	padding-top:15px;
	font-size:0.9em;
	color:#e73828;
}

#topNews_c div ul li{
	padding-left:1em;
	text-indent:-1em;
}

#topNews_c #nagare ul li{
	padding-left:1.1em;
	text-indent:-1.1em;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #777;
	font-weight:bold;
}

#topNews_c #nagare ul li div{
	padding-top:5px;
	padding-left:15px;
}

#topNews_c #nagare ul li ul{
	display:bloc;
	padding-top:7px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content: space-between;
}

#topNews_c #nagare ul li ul li{
	width:100%;
	font-weight:normal;
	border:none;
	margin-bottom:0;
	padding-bottom:0;
	padding-top:5px;
}

#topNews_c #nagare ul li ul.listBlk li{
	width:40%;
}





/* PC丒戝宆僞僽儗僢僩丗769px乣1050px */
@media only screen and (min-width: 769px) and (max-width: 1050px) {


/** headContents **/
#headContents{
	background:url(../img_top/headBg_top.png) no-repeat top center;
	padding:15px 0 10px 0;
}

#topImg{
	width:96%;
	max-width:960px;
}

#topImg img{ width:100%;}


/**********
 main
**********/

/** topContents **/
#main #topContents{
	width:94%;
	max-width:960px;
	margin:0 auto;
	padding-top:10px;
}

/** greeting **/
#greeting{
	background:url(../img/line_blue.gif) repeat-x top left;
	padding-top:35px;
}

#greeting img{
	max-width:75px;
}

#greeting #greetingTxt{
	width:85%;
}

#greeting #greetingTxt p{
	font-family:"僸儔僊僲娵僑 Pro W4","僸儔僊僲娵僑 Pro","Hiragino Maru Gothic Pro","僸儔僊僲妏僑 Pro W3","Hiragino Kaku Gothic Pro","HG娵恨集窶-PRO","HGMaruGothicMPRO";
	font-size:1.7em;
}

#greeting #greetingTxt p span{
	display:block;
}

#greeting a{
	float:right;
	min-width:220px;
	margin:20px 0 0 0;
}


/** topOpen_mb **/
#topOpen_mb{ display:none;}


/** topNavi **/
#topNavi{
	width:100%;
	padding-top:40px;
}

#topNavi ul#navi_top{
	padding-bottom:10px;
}

#topNavi ul#navi_top li{
	padding-bottom:5px;
	margin:0;
	float:left;
	width:48%;
}

#topNavi ul#navi_top li:last-child{
	float:right;
}

#topNavi ul#navi_top li a img{
	width:100%;
	max-width:320px;
}

#topNavi ul#navi_top li p{
	font-size:15px;
	padding-top:7px;
	line-height:1.45;
}


#topNavi ul#navi_btm{
	padding-top:20px;
}

#topNavi ul#navi_btm li{
	width:48%;
}

#topNavi ul#navi_btm li p{
	font-size:14.5px;
}


/** topNews **/
#topNews{
}


/** topBlog **/
#topBlog{}

/**
#topBlog #blogInner{
  position:relative;
  width:100%;
  padding-top:38.25%;
}

**/

#topBlog a.moreLink{
	float:right;
	min-width:220px;
	margin:0;
}


/**********
 topMap
**********/
#topMap{ padding-top:55px;}



/**********/
#topNews_c{}

#topNews_c #nagare ul li ul.listBlk li{
	width:30%;
}




}

/* PC岦偗丗1050px埲忋偱屌掕 */
@media only screen and (min-width: 1051px) {


/** headContents **/
#headContents{
	background:url(../img_top/headBg_top.png) no-repeat top center;
	padding:15px 0 10px 0;
}


#topImg{
	width:92%;
	min-width:960px;
}

#topImg img{ width:100%;}



/**********
 main
**********/

#main{ width:100%;}

/** topContents **/
#main #topContents{
	width:94%;
	max-width:960px;
	margin:0 auto;
	padding-top:10px;
}

/** greeting **/
#greeting{
	background:url(../img/line_blue.gif) repeat-x top left;
	padding-top:35px;
}

#greeting img{
	max-width:75px;
}

#greeting #greetingTxt{
	width:85%;
}

#greeting #greetingTxt p{
	font-family:"僸儔僊僲娵僑 Pro W4","僸儔僊僲娵僑 Pro","Hiragino Maru Gothic Pro","僸儔僊僲妏僑 Pro W3","Hiragino Kaku Gothic Pro","HG娵恨集窶-PRO","HGMaruGothicMPRO";
	font-size:1.7em;
}

#greeting #greetingTxt p span{
	display:block;
}

#greeting a{
	float:right;
	min-width:220px;
	margin:30px 0 0 0;
}


/** topOpen_mb **/
#topOpen_mb{ display:none;}


/** topNavi **/
#topNavi{
	width:100%;
	padding-top:40px;
}

#topNavi ul#navi_top{
	padding-bottom:10px;
}

#topNavi ul#navi_top li{
	padding-bottom:5px;
	margin:0;
	float:left;
	width:48%;
}

#topNavi ul#navi_top li:last-child{
	float:right;
}

#topNavi ul#navi_top li a img{
	width:100%;
	max-width:320px;
}

#topNavi ul#navi_top li p{
	font-size:15px;
	padding-top:7px;
	line-height:1.45;
}


#topNavi ul#navi_btm{
	padding-top:20px;
}

#topNavi ul#navi_btm li{
	width:48%;
}

#topNavi ul#navi_btm li p{
	font-size:14.5px;
}


/** topNews **/
#topNews{
}


/** topBlog **/
#topBlog{
}

/**
#topBlog #blogInner{
  position:relative;
  width:100%;
  padding-top:35.25%;
}
**/

#topBlog a.moreLink{
	float:right;
	min-width:220px;
	margin:0;
}


/**********
 topMap
**********/
#topMap{ padding-top:55px;}



/**********/
#topNews_c{}

#topNews_c #nagare ul li ul.listBlk li{
	width:30%;
}



}


@media print{


/** headContents **/
#headContents{
	background:url(../img_top/headBg_top.png) no-repeat top center;
	padding:15px 0 10px 0;
}


#topImg{
	width:92%;
	min-width:960px;
}

#topImg img{ width:100%;}



/**********
 main
**********/

#main{ width:100%;}

/** topContents **/
#main #topContents{
	width:94%;
	max-width:960px;
	margin:0 auto;
	padding-top:10px;
}

/** greeting **/
#greeting{
	background:url(../img/line_blue.gif) repeat-x top left;
	padding-top:35px;
}

#greeting img{
	max-width:75px;
}

#greeting #greetingTxt{
	width:85%;
}

#greeting #greetingTxt p{
	font-family:"僸儔僊僲娵僑 Pro W4","僸儔僊僲娵僑 Pro","Hiragino Maru Gothic Pro","僸儔僊僲妏僑 Pro W3","Hiragino Kaku Gothic Pro","HG娵恨集窶-PRO","HGMaruGothicMPRO";
	font-size:1.7em;
}

#greeting #greetingTxt p span{
	display:block;
}

#greeting a{
	float:right;
	min-width:220px;
	margin:30px 0 0 0;
}


/** topOpen_mb **/
#topOpen_mb{ display:none;}


/** topNavi **/
#topNavi{
	width:100%;
	padding-top:40px;
}

#topNavi ul#navi_top{
	padding-bottom:10px;
}

#topNavi ul#navi_top li{
	padding-bottom:5px;
	margin:0;
	float:left;
	width:48%;
}

#topNavi ul#navi_top li:last-child{
	float:right;
}

#topNavi ul#navi_top li a img{
	width:100%;
	max-width:320px;
}

#topNavi ul#navi_top li p{
	font-size:15px;
	padding-top:7px;
	line-height:1.45;
}


#topNavi ul#navi_btm{
	padding-top:20px;
}

#topNavi ul#navi_btm li{
	width:48%;
}

#topNavi ul#navi_btm li p{
	font-size:14.5px;
}


/** topNews **/
#topNews{
}


/** topBlog **/
#topBlog{
}

/**
#topBlog #blogInner{
  position:relative;
  width:100%;
  padding-top:35.25%;
}
**/

#topBlog a.moreLink{
	float:right;
	min-width:220px;
	margin:0;
}


/**********
 topMap
**********/
#topMap{ padding-top:55px;}

}