@charset "UTF-8";


/* ------------------------------------------
Headline Settings
------------------------------------------ */

.event_p #content_wrapper01 .content_box01 h3,
.news_p #content_wrapper01 .content_box01 h3,
.home_p #content_wrapper01 .content_box01 h3{
	width: 425px;/*(425px/1024px)*/
    height: auto;
	margin: 0px auto 0px;
	font-size: 200%;
	color: #333333;
	box-sizing: border-box;
}

.event_p #content_wrapper01 .content_box01 h3,
.news_p #content_wrapper01 .content_box01 h3{
	width: 345px;/*(345px/1024px)*/
}

.event_p #content_wrapper01 .content_box01 h3{
	margin: 0px auto 45px;
}

.home_p #content_wrapper01 .content_box01 h3 span{
	font-size: 70%;
}

.signboard{
	min-height: 58px;
	padding: 14px 0px 0px 100px;
	line-height: 1em;
	border-bottom: #466d7f 1px solid;
	background-image: url("../images/news_midasi_icon.png"),url("../images/midasi_gradation_bg.png");
	background-repeat: no-repeat,repeat-x;
	background-position: left bottom, 15px bottom;
/*	background-image: url("../images/news_midasi_icon.png");
	background-repeat: no-repeat;
	background-position: 15px bottom;*/
}

.home_p #content_wrapper02 .content_box01 h3{
	width: 545px;/*(545px/1024px)*/
    height: auto;
	padding: 0px 0px 25px;
	margin: 0px auto 0px;
	background-image: url("../images/top_pr_line.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	font-size: 250%;
	text-align: center;
	color: #ffffff;
	box-sizing: border-box;
}

.news_article_p #content_wrapper01 .content_box01 h3{
	padding: 15px 0px 5px 64px;
	border-bottom: #003a68 1px dashed;
	text-align: left;
}

.terms_p #content_wrapper01 .content_box01 h3{
	margin: 0px 0px 40px;
}

.terms_p #content_wrapper01 .content_box01 h4{
	width: 100%;
    height: auto;
	margin: 0px 0px 15px;
	font-size: 135%;
}

.handbook_p #content_wrapper01 .content_box01 h3,
.donations_p #content_wrapper01 .content_box01 h3,
.anniv_info_p #content_wrapper01 .content_box01 h3,
.anniv_p #content_wrapper01 .content_box01 h3,
.support_p #content_wrapper01 .content_box01 h3,
.register_p #content_wrapper01 .content_box01 h3,
.rules_p #content_wrapper01 .content_box01 h3,
.list_of_officers_p #content_wrapper01 .content_box01 h3,
.bulletin_p #content_wrapper01 .content_box01 h3,
.event_article_p #content_wrapper01 .content_box01 h3,
.news_article_p #content_wrapper01 .content_box01 h3,
.sitemap_p #content_wrapper01 .content_box01 h3,
.privacy-policy_p #content_wrapper01 .content_box01 h3{
	width: 100%;
/*	min-height: 55px*/;
    height: auto;
	margin: 0px 0px 25px;
	padding: 10px 0px 10px 15px;
	font-size: 160%;
	border-bottom: #466d7f 1px solid;
	box-sizing: border-box;
	color: #333333;
}

.event_article_p #content_wrapper01 .content_box01 h3,
.news_article_p #content_wrapper01 .content_box01 h3{
	margin: 0px 0px 45px;
	background-image: url("../images/midasi_gradation_bg.png");
	background-repeat: repeat-x;
	background-position: left bottom;
	line-height: 1.2em;
}

.sitemap_p #content_wrapper01 .content_box01 h3{
	margin: 0px 0px 45px;
}

/* ------------------------------------------
Button Settings
------------------------------------------ */
/*「新着情報一覧」「詳細はこちら」ボタン*/
.anniv_p #content_wrapper01 .content_box01 div.bt-area,
.home_p #content_wrapper01 .content_box01 div.bt-area{
	width: 16%;/*(168px/1024px)*/
    height: auto;
	margin: 30px auto 0px;
}


.anniv_p #content_wrapper01 .content_box01 div.bt-area{
	width: 250px;/*(250px/1024px)*/
	margin: 50px auto 0px;
}

.home_p #content_wrapper02 .content_box01 div.bt-area{
	width: 170px;/*(170px/1024px)*/
    height: auto;
	margin: 20px 55px 0px auto;
	box-sizing: border-box;
}


.home_p #content_wrapper02 .content_box01 article.pop_area div.bt-area{
	margin: 20px auto 0px 55px;
}

.anniv_p #content_wrapper01 .content_box01 div.bt-area a,
.home_p #content_wrapper02 .content_box01 div.bt-area a,
.home_p #content_wrapper01 .content_box01 div.bt-area a{
	width: 73%;/*(168px-45px/168px)*/
    height: auto;
	display: block;
	padding: 10px 10px 10px 45px;
	background-color: #466d7f;
	background-image: url("../images/bt_yajirusi01.png");
	background-repeat: no-repeat;
	background-position: 15px 13px;
	/*text-align: center;*/
	text-decoration: none;
	color: #ffffff;
	border: #375664 1px solid;
	border-radius: 5px;
	font-size: 90%;
}

.home_p #content_wrapper02 .content_box01 div.bt-area a{
	width: 125px;/*(170px-45px/170px)*/
	background-color: #000000;
	background-image: url("../images/bt_yajirusi02.png");
	background-repeat: no-repeat;
	background-position: 15px 13px;
	border: #ffffff 1px solid;
}

.anniv_p #content_wrapper01 .content_box01 div.bt-area a:hover,
.home_p #content_wrapper01 .content_box01 div.bt-area a:hover{
	background-color: #466d7f;
}

.home_p #content_wrapper02 .content_box01 div.bt-area a:hover{
	color: #f2df08;
}



/* ------------------------------------------
 下階層用 Settings
------------------------------------------ */
div#title_wrapper{
	width: 100%;
    height: auto;
	border-top: #466d7f 1px solid;
}

div.midasi{
	width: 100%;
    height: auto;
/*	background-image: url("../images/pattern01.jpg");*/
	background-color: #000000;
	border-bottom: #466d7f 1px solid;
}

div.midasi h2{
	width: 1024px;
    height: auto;
	margin: 0px auto 0px;
	padding: 30px 0px 30px;
	box-sizing: border-box;
	font-size: 180%;
	color: #ffffff;
}

div.breadcrumbs_area{
	width: 100%;
    height: auto;
	background-color: #def1fa;
	border-bottom: #466d7f 1px solid;
}

div.breadcrumbs_area ul{
	width: 1024px;
    height: auto;
	margin: 3px auto 3px;
	display: flex;
}

div.breadcrumbs_area li{
	width: auto;
    height: auto;
	margin: 0px 10px 0px 0px;
	font-size: 80%;
	color: #333333;
	display: block;
	position: relative;
}

div.breadcrumbs_area li.arrow_icon:after{
	display: block;
	content: '';
	position: absolute;
	top: 10px;
	left: -15px;
	width: 5px;
	height: 5px;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

div.breadcrumbs_area li a{
	margin: 0px 10px 0px 0px;
	color: #466d7f;
}

/* ------------------------------------------
List Settings
------------------------------------------ */


/* ------------------------------------------
Table Settings
------------------------------------------ */

.donations_p table,
.list_of_officers_p table,
.event_article_p table{
	border-collapse:collapse;
	margin: 20px auto 40px;
	text-align: left;
	width: 100%;
	background-color: #ffffff;
	box-sizing: border-box;	
  }

.donations_p table th,
.donations_p table td,
.list_of_officers_p table th,
.list_of_officers_p table td,
.event_article_p table th,
.event_article_p table td{
	border: 1px solid #999;
	padding: .5em 1em;
	color: #333333;
  }

.donations_p table th,
.list_of_officers_p table th,
.event_article_p table th{
	background: #333333;
	color: #fff;
	width: 40%;
  }

.donations_p table th.w300 {
	width: 25%;
  }

.donations_p table .txt_c,
.event_article_p table th.txt_c{
	text-align: center;
  }

.donations_p table th.end_sell,
.list_of_officers_p table th.end_sell,
.event_article_p table th.end_sell {
	vertical-align: top;

  }

.w95 {
	width: 95%;
  }
  
.w150 {
	width: 150px;
  }


.underline {
	text-decoration: underline;
}
.underline:hover {
	text-decoration: none;
}


/* ------------------------------------------
Text Settings
------------------------------------------ */

span.location,
span.reporter{
	width: 100%;
    height:auto;
	display: inline-block;
	margin: 20px 0px 0px;
	text-align: right;
	box-sizing: border-box;
}



/* ------------------------------------------
Peasant News Settings
------------------------------------------ */


/* ------------------------------------------
Access Settings
------------------------------------------ */


/* ------------------------------------------
「記事ページ」ページャー用 Settings
------------------------------------------ */
.event_article_p #content_wrapper01 nav,
.news_article_p #content_wrapper01 nav{
    width: 100%;/*(1024px)*/
    height: auto;
	margin:  50px 0px 0px;
}

.event_article_p #content_wrapper01 nav ul,
.news_article_p #content_wrapper01 nav ul{
    width: 100%;/*(1024px)*/
    height: auto;
	display: flex;
	justify-content: space-between;
}

.event_article_p #content_wrapper01 nav li,
.news_article_p #content_wrapper01 nav li{
    width: auto;/*(1024px)*/
    height: auto;
	font-size: 90%;
}

.event_article_p #content_wrapper01 nav li a,
.news_article_p #content_wrapper01 nav li a{
/*	color: #6a8438;*/
	text-decoration: none;
}

.event_article_p #content_wrapper01 nav li a:hover,
.news_article_p #content_wrapper01 nav li a:hover{
/*	color: #556a2e;*/
	text-decoration: underline;
}

/* ------------------------------------------
form Settings
------------------------------------------ */



/* ------------------------------------------
新着・イベント情報スペース背景
------------------------------------------ */
.spring_bg{
	background-image: url("../images/info_under_bg_spring.png"),url("../images/info_top_bg_spring.png");
	background-repeat: repeat-x, no-repeat;
	background-position: 0px bottom, 0px top;
}

.summer_bg{
	background-image: url("../images/info_under_bg_summer.png"),url("../images/info_top_bg_summer.png");
	background-repeat: repeat-x, no-repeat;
	background-position: 0px bottom, 0px top;
}

.autumn_bg{
	background-image: url("../images/info_under_bg_autumn.png"),url("../images/info_top_bg_autumn.png");
	background-repeat: repeat-x, no-repeat;
	background-position: 0px bottom, 0px top;
}

.winter_bg{
	background-image: url("../images/info_under_bg_winter.png"),url("../images/info_top_bg_winter.png");
	background-repeat: repeat-x, no-repeat;
	background-position: 0px bottom, 0px top;
}


/* ------------------------------------------
card Settings
------------------------------------------ */
.small_card{
	background-color: #FFFFFF;
	border-radius: 3px;
	border: #d2d2d2 1px solid;
}

.small_card a{
	text-decoration: none;
	color: #333333;
}

.small_card h4{
	margin: 10px 0px 20px;
	padding: 0px 0px 0.3em;
	color: #466d7f;
	border-bottom: #466d7f 1px solid;
}

.small_card p{
	width: 100%;
    height: auto;
	margin: 0px 0px 0px;
	font-size: 90%;
	line-height: 1.4em;
}

.small_card dl{
	width: 100%;
    height: auto;
	margin: 0px 0px 20px;
	font-size: 90%;
	line-height: 1.4em;
}

.small_card dt{
	width: 100%;
    height: auto;
	padding: 0px 0px 0px 20px;
	background-repeat: no-repeat;
	color: #466d7f;
}

.small_card dt.calendar{
	background-image: url("../images/common_icon01.png");
	background-position: left 2px;
}

.small_card dt.penci{
	background-image: url("../images/common_icon02.png");
	background-position: left 2px;
}

.small_card dd{
	width: auto;
    height: auto;
	padding: 0px 0px 0px 20px;
}

.small_card dd span{
	color: #466d7f;
}

.small_card figure img{
	border: #d2d2d2 1px solid;
}

.small_card span.more_icon{
	width: 100%;
    height: 25px;
	display: inline-block;
	margin: 20px 0px 0px;
	padding: 0px 35px 0px 0px;
	box-sizing: border-box;
	text-align: right;
	color: #55849a;
	background-image: url("../images/link_icon.png");
	background-repeat: no-repeat;
	background-position: right top;
}

/* ------------------------------------------
Common Layout Settings
------------------------------------------ */

/*位置関連*/
.flex_box01{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flex_box02{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.flex_box03{
	display: flex;
	flex-wrap: wrap;
}

.flex_box04{
	display: flex;
	flex-direction: column;
}

.flex_box05{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.flex_box06{
	display: flex;
	flex-direction: column-reverse;
}

.flex_box07{
	display: flex;
	flex-direction: row-reverse;
}


/*画像関連*/
figure{
	display: block;
	line-height: 1em;
}



