@charset "utf-8";
/* ===================================================================
 RESET CSS
=================================================================== */
*,
*::before,
*::after{
	box-sizing: border-box;}

#box-top-main .row{
	margin-right:0;
	margin-left:0;}


/* ===================================================================
 BASE
=================================================================== */
#top-main {
	width: 100%;
	min-width:320px;}


#bg-main{
	background:url("/Html/Home/2821615100/topg/green-bg.png") center top repeat-y;}

#container{
	position:relative;
	width:100%;
	max-width:1000px;
	margin:0 auto;
        padding:0 3em;
	background-color:#fff;}



/* ===================================================================
 COMMON
=================================================================== */
/*---タイトルデザイン1---*/
h4{
	font-size:140%;
	color:#000;
	padding:0 0 0.3em 0;
        border-bottom:solid 4px #bfbec5;
	position:relative;
	margin:1.2em 0 2.0em;}

h4:after {
	content: "";
	display: block;
	line-height: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 1.0em;
	border-bottom: 4px solid #0a2149;}


h4 a:link, h4 a:visited, h4 a:hover, h4 a:active{
	color:#000;
	text-decoration:none;}


h4 a:hover{
	background-color:#faf1cd;}   /* Bクリーム色 */

/*===== FLOAT =====*/
.flo-left{float:left;}

.flo-right{float:right;}

.clearfix:after{
content:"";
display:block;
height:0;
clear:both;
overflow:hidden;} /* IE以外のモダンWebブラウザ向け */

.clearfix{display:inline-block;} /* IE7およびMac版IE5向け */

/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */ /* IE6以前向け */

ul.ul-link-gaibu, ul.ul-link{
	list-style-type:none;}

ul.ul-link-gaibu li{
	padding-right:1.5rem;}


/* ===================================================================
 EACH PAGE - TOPPAGE
=================================================================== */
.box-contents {
	padding-bottom:1em;
}

/*===== メインコンテンツ内ヘッダー =====*/
#main-img{
	margin-bottom:2.5em;}

#main-img img{width:100%;}

p.p-intro{
	margin-bottom:2.5em;}


/*===== コンテンツ（目録） =====*/
img.img-mokuroku-main{
		border:1px solid #b2b2b2;
		padding:2px;}

img.img-mokuroku-main-photo{
		border:1px solid #b2b2b2;
		padding:2px;}

p.p-link-mokuroku{margin-top:1.5em;}

p.p-link-mokuroku a:link, p.p-link-mokuroku a:visited, p.p-link-mokuroku a:hover, p.p-link-mokuroku a:active{
	border:1px solid #337ab7;
	padding:0.3em 1.2em 0.3em 1.2em;}

p.p-link-mokuroku a:hover{
	color:#fff;
	text-decoration:none;
	border:1px solid #337ab7;
	padding:0.3em 1.2em 0.3em 1.2em;
	background:#337ab7 0.6em 50% no-repeat;}

@media(min-width:736px){
	#box-mokuroku-list section{
		margin-bottom:3.0em;}
	img.img-mokuroku-main{
		float:left;
		width:27%;
		margin-right:4%;}
	img.img-mokuroku-main-photo{
		float:left;
		width:27%;
		margin-right:4%;}
	img.img-mokuroku-main:hover{
		opacity: 0.8;
		-webkit-animation: flash 1s;
		animation: flash 1s;}
	.box-desc{
		float:left;
		width:62%;}}


@media(max-width:735px){
	img.img-mokuroku-main{
		display:block;
		width:62%;
		margin:0 auto 1.5em;}
	img.img-mokuroku-main-photo{
		display:block;
		width:62%;
		margin:0 auto 1.5em;}
	#box-mokuroku-list section{
		padding-bottom:2.5em;}/*★エラー*/
	p.p-link-mokuroku{text-align:center;}}


/*--- 広報誌一覧 ---*/
.ul-kouhoushi-list, .ul-kouhoushi-list .ul-each{
	list-style-type:none;
	padding-left:0;
	line-height:2.5;}

.ul-kouhoushi-list .ul-each{
	margin-left:2.0em;}


/*--地図部分画像指定--*/
img.map-main{
		border:0;
		padding:0px;
                width:250px;
                margin:auto;
                }

@media(min-width:736px){
	img.map-main{
		float:left;
                width:250px;
		margin-right:4%;
                margin:0 30px;}


	.map-parts:hover{
		opacity: 0.3;
                border:1px;
		-webkit-animation: flash 1s;
		animation: flash 1s;}

	.box-desc{
		float:left;
		width:62%;}}

@media(max-width:735px){
	img.map-main{
		display:block;
		margin:0 auto 1.5em;}

	#box-mokuroku-list section{
		padding-bottom:2.5em;}

	p.p-link-mokuroku{text-align:center;}

	.map-parts:hover{
		opacity: 0.3;
                border:1px;
		-webkit-animation: flash 1s;
		animation: flash 1s;}

	.box-desc{
		width:90%;}}