@charset "utf-8";
/*************************************************
 style.css
**************************************************/

/* 基本スタイル */
*,
*::before,
*::after { box-sizing: border-box;}

body { margin: 0; background: #F4F0E8; color: #333333; font-size: 100%; line-height: 1.6; font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif; -webkit-text-size-adjust:100%;}
header,article,footer,section,h1,h2,h3,hr { clear: both;} /*-clear-*/
article ,section ,nav ,dl,ul,div { padding: 0 0 5px; overflow: auto;} /*-hasLayout-*/
input [type="text"],
input [type="button"],
input [type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;}
input [type="button"],
input [type="submit"] { cursor: pointer;} /*-formAppearanceClear-*/

h1,h2,h3,h4,h5,p,dl,ul,ol { margin-top: 0;}
ul { list-style: none;}
ul,ol { padding-left: 0px;} /* 30px */
textarea { max-width: 95%;}
fieldset { margin: 0 0 1em; padding: 0 0 5px; border: none;}
a { color: #0044cc; text-decoration: underline;}
a:visited { color: #61848B;}
a:hover { color: #14205F;}
a:active { color: #5D0000;}
a:hover img{opacity: 0.8;}
img { border: none; vertical-align: middle;}

#Map,#Map *,#jump { padding: 0; overflow: visible;}
#jump a { position: absolute; width: 0; height: 0; overflow: auto; text-indent: -1000em;}
#jump a:focus { width: 12em; height: 1.5em; text-indent: 0; background: #FFFFFF; text-align: center;}


/* コンテンツの幅 */
body { min-width: 320px;}
#TOP { min-width: 1160px; padding-bottom: 0;}

header .wrap,
header nav ul,
.contents .wrap,
footer .wrap,
footer .nav ul { width: 1160px; margin: 0 auto;}

.contents_wrap { background: linear-gradient( -90deg, #ECE4D4, #ECE4D4 300px, #fff 300px, #fff);}
.contents_wrap:after { display: block; content: ""; clear: both;}
.contents article { float: left; width: calc( 1160px - 300px);}
.contents nav { float: left; width: 300px;}

.no_nav .contents article,
.no_nav .contents nav { float: none; width: 100%; margin-left: auto; margin-right: auto;}
.no_nav .contents nav { display: none;}
.no_nav .contents_wrap { background: #fff;}


/* ヘッダー */
body { background-image: url("../img/header_bg.png"); background-position: center top 20px; background-repeat: no-repeat;}
.title_wrap { padding: 24px 0;}



/* タ イトル */
header .title { width: 550px; margin: 0; padding: 0; float: left; font-size: 1em; border: none;}
header .title a { display: block; height: 100%;}
header .title img { max-width: 100%; height: auto;}


/* ページコントロール - 切り替えボタン */
.conf { float: right; clear: both;}
.UD { float: left; margin: 10px 0; padding: 0;}
.page_control{ float:right; margin: 0; padding:0;}
.page_control dl,
.page_control dl dt,
.page_control dl dd { min-height:34px; margin:0; padding:0;font-size: 0.95em;}
.page_control dl{ float:left; display: flex; height:34px ; margin:0 0.5em 0 0; padding:0; overflow: hidden;}
.page_control dl dt{ width:34px;}
.page_control dl.textsize_change { margin-right: 0;}
.page_control dl.color_change dt,
.page_control dl.textsize_change dt { display: flex; justify-content: center; align-items: center;}
.page_control dl.color_change dt { width: 60px;}
.page_control dl.textsize_change dt { width: 90px;}
.page_control dl dd a { display: block; width:30px; height:30px; margin: 2px; background-color: #cccccc; border: 2px solid #ECE4D4; border-radius: 0.5em;}
.page_control dl dd a:hover,
.page_control dl dd a:focus { border-color: #897551; box-shadow: 0 0 0 1px #897551;} /* ホバー色 */

.page_control dl.color_change dd.high a { background-color: #000;}
.page_control dl.color_change dd.default a { background-color: #fff;}
.page_control dl.color_change dd.low a { background-color: #9D9D9D;}
.page_control dl.textsize_change dd.smaller a { background-color: #fff;}
.page_control dl.textsize_change dd.default a { background-color: #000;}
.page_control dl.textsize_change dd.larger a { background-color: #fff;}



/* ページコントロール - 検索 */
.page_control .search { float: right; clear: both; width: calc( 240px + 7.5em); margin: 10px 0; padding: 0; text-align: center;}
.page_control .search div { margin:0; padding:0;}
.page_control .search > div {}
.page_control .search label.search_txt{ float:left; display:flex; align-items: center; justify-content: center; height: 34px; width: 7.5em; overflow: hidden;}
.page_control .search .search_inner { width: calc(100% - 7.5em); border: 2px solid #ECE4D4; border-radius: 0.5em;}
.page_control .search input#search_txt {display: block; height: 30px; width:calc(100% - 4em); margin: 0%; padding: 0px 0.5em; line-height: 36px; background-color: #fff; border:none; float:left;}
.page_control .search .search_txt_label { font-size: 0.9em;}
.page_control .search input#search_txt:focus { background-color: #FFFFFF; outline: 1px solid #CCC;}
.page_control .search input.search_bt { float:left; display: block; width: 4em; height: 30px; margin: 0; padding: 0px 0; color: #fff; font-weight: bold; background-color: #333; border: none; border-radius: 0.5em;}
.page_control .search input.search_bt:hover,
.page_control .search input.search_bt:focus { background-color: #897551;} /* 検索ボタン ホバー色 */


/* ハンバーガーメニュー・コンフィグメニュー */
.mb_global_menu { display: none; position: fixed; top: 0%; left: 0%; right: 0%; height: 52px; padding: 0; background-color: rgba(0,0,0,0.6); z-index: 110; }
.mb_global_menu ul { display: flex; justify-content: center; align-items: stretch; height: 100%; margin: 0; padding: 0;}
.mb_global_menu li { width: 33.3333333%; border-left: 1px solid rgba(255,255,255,0.6);}
.mb_global_menu li.mb_menu01 { border: none;}
.mb_global_menu a { position: relative; display: block; height: 100%; width: 100%; color: #fff; text-decoration: none;}
.mb_global_menu .mb_item { position: absolute;}
.mb_global_menu .mb_item.icon { width: 26px; height: 26px; top: 4px; left: 50%; margin-left: -13px; background: center center no-repeat transparent; background-size: contain; transition-duration: 0.2s;}
.mb_global_menu .mb_item.text { display: flex; justify-content: center; align-items: center; top: 30px; bottom: 0px; left: 0px; right: 0px; font-size: 0.65em; text-shadow: 0 0 6px #000, 0 0 3px #000;}

.mb_global_menu li.mb_menu01 .mb_item.icon { background-image: url("../img/mbmenu_icon01.png");}
.mb_global_menu li.mb_menu02 .mb_item.icon { background-image: url("../img/mbmenu_icon02.png");}
.mb_global_menu li.mb_menu03 .mb_item.icon { background-image: url("../img/mbmenu_icon03.png");}
.mb_global_menu li.mb_menu01.active .mb_item.icon,
.mb_global_menu li.mb_menu02.active .mb_item.icon,
.mb_global_menu li.mb_menu03.active .mb_item.icon { background-image: url("../img/mbmenu_icon00.png"); transform: rotate(360deg);}

.menu_bg,
.conf_bg,
.search_bg { display: none; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(32,32,32,0.9); z-index: 100;} /* スマートフォン時の背景 */




/* グローバルメニュー */
header nav{ padding-bottom: 0px; background-color: transparent;}
#menu { display: flex; padding: 0;}
#menu li { width: 20%; border-left: 1px dashed #000;}
#menu li:last-child { border-right: 1px dashed #000;}
#menu li a { position: relative;display: flex; align-items: center; justify-content: center; height: 100%; padding: 64px 0.5em 0.5em; font-weight: bold; font-size: 1.2em; text-decoration: none; transition-duration: 0.15s;}
#menu li a:before,
#menu li a:after { position: absolute; display: block; content: "";}
#menu li a:before { top: 20px; left: 50%; width: 40px; height: 40px; margin-left: -20px; background: center center no-repeat;}
#menu li a:after { bottom: -5px; left: 50%; height: 5px; background-color: #fff; width: 0%; margin-left: 0%;transition-duration: 0.3s;}
#menu li.menu01 a:before { background-image: url("../img/menu01.png");}
#menu li.menu02 a:before { background-image: url("../img/menu02.png");}
#menu li.menu03 a:before { background-image: url("../img/menu03.png");}
#menu li.menu04 a:before { background-image: url("../img/menu04.png");}
#menu li.menu05 a:before { background-image: url("../img/menu05.png");}

/**/
#menu li a { color: #000; background-color: transparent;} /* ボタン色 */
#menu li a:hover:after,
#menu li a:focus:after { width: 60%; margin-left: -30%;}


/* グローバルメニュー - 下階層 */
#menu li dt a { position: relative; display: flex; align-content: center; justify-content: center; height: 100%; transition-duration: 0.15s; flex-wrap: wrap;}
#menu li dt a:hover,
#menu li dt a:focus,
#menu dl:hover dt a,
#menu dl.focus dt a { background-color: yellow;} /* グローバル　ホバー色 */
#menu ul.sub_category { background: yellow;} /* サブカテゴリ　背景色 */

header nav,
#menu { overflow: visible;}
#menu dl { position: relative; height: 100%; margin: 0px; padding: 0px; box-sizing: border-box; overflow: visible;}
#menu dl dt { height: 100%;} 
header nav ul li a,
#menu dl dt a { transition-duration: 0.2s;}
#menu dl dd { position: absolute; top: 100%; width: 1160px; padding: 0px; margin: 0px; max-height: 0px; transition-duration: 0.4s; overflow: hidden; z-index: 1000;} /* サブカテゴリ */
header nav.active #menu dl dd { top: 100%;}
#menu li.menu02 dl dd { left: -100%;}
#menu li.menu03 dl dd { left: -200%;}
#menu li.menu04 dl dd { left: -300%;}
#menu li.menu05 dl dd { left: -400%;}
#menu li.menu06 dl dd { left: -500%;}

#menu dl:hover dd,
#menu dl.focus dd{ height: auto; max-height: 600px; margin: 0px;}
#menu ul.sub_category { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; height: auto; width: auto; margin: 0px;}
#menu ul.sub_category li { flex-basis: 25%;}
#menu ul.sub_category li a { display: flex; height: calc(100% - 10px); margin: 5px; padding: 1em;	text-decoration: none; background: #fff; transition-duration: 0.15s; box-sizing: border-box;} /* サブカテゴリ項目 */

#menu ul.sub_category li a { position: relative;}
#menu ul.sub_category li a:hover,
#menu ul.sub_category li a:focus { background-color: rgba(0,255,255,1);} /* サブカテゴリ項目　ホバー色 */
#menu ul.sub_category li a:hover:before,
#menu ul.sub_category li a:focus:before { left: 1.3em;}
 

/* フッター */
footer { margin-top: 2em;}
footer dl{ float: left; margin:1em 0 0 0;padding:0 0 1em 0;}
footer dt{margin:0;padding:0; font-size: 1.3em; margin-bottom: 0;}
footer dt img { max-width: 100%; height: auto;}
footer dd{margin:0;padding:0 0 0 126px;}

footer dd a.inquiry { float: left; display: block; margin: 1em 0; padding: 0.4em 2em; color: #000; text-decoration: none; background: #EBE3D3; border: 2px solid #fff; border-radius: 0.5em;}
footer dd a.inquiry:hover,
footer dd a.inquiry:focus { background-color: #E3D6BF;}


footer .copyright { clear: both; display: block; max-width: 1160px; margin: 0 auto; padding: 1em;}
footer .copyright span { display: block; text-align: right; font-size: 0.9em; }

footer .reread_link { width:146px; height: 117px; position:fixed; bottom: 10px; right:0; padding: 0; z-index: 100;}
footer .reread_link a { display:block; height:100%; width: 100%; overflow:hidden; text-indent:-1000em; background:url(../img/reread_link.png); border-radius: 40%; background-size: contain;}
footer .reread_link a img { max-width: 100%; height: auto;}
footer .reread_link a:hover{opacity:0.8;}



/* コンテンツ */
.contents h1 { position: relative; padding: 1.5em; font-weight: normal;}
.contents h1:before { position: absolute; display: block; content: ""; bottom: 0px; left: 0px; right: 0px; height: 5px; background: linear-gradient( 90deg, #B5A78A, #B5A78A 12em, #E4D7BD 12em, #E4D7BD);}

.contents h1 + p.right:first-of-type { padding: 0 30px;}

div.locus,
div.locus .wrap,
p.locus { padding-bottom: 0;}

.contents nav { overflow: visible;}
.contents nav ul,
.contents nav dl { padding:0;list-style:none;}

.contents nav dl { margin-bottom: 0;}
.contents nav dt,
.contents nav dd {}
.contents nav dt { padding: 1.3em 0.5em; text-align: center; font-size: 1.3em; background-color: #E4D7BD;}
.contents nav dd { position: relative; margin: 0;font-size: 1.2em;}
.contents nav dd:before { position: absolute; display: block; content: ""; bottom: 0px; left: 10px; right: 10px; height: 0px; border-bottom: 1px dashed #000;}
.contents nav dd:last-of-type:before { display: none;}
.contents nav dd a { display: block; padding: 1.3em 1em; color: #000; text-decoration: none; background-color: #F4F0E8; transition-duration: 0.15s;}
.contents nav dd a:hover,
.contents nav dd a:focus { background-color: #fff;}


/* 一覧ページ */
.menu {}
.menu .contents_wrap,
.menu .contents article { float: none; width: auto; background: none;}
.menu .contents article { background-color: #F4F0E8;}
.menu .contents article section,
.menu .contents .section,
.menu .contents nav { float: none; width: auto; max-width: 1160px; margin: 0 auto;}
.menu .contents nav { display: none;}

.menu .contents h1 { display: flex; justify-content: center; align-items: flex-end; flex-wrap: wrap; margin: 0; padding: 1.2em;  background-color: #E4D7BD;}
.menu .contents h1:before { display: none;}
.menu .contents h1 .title_image { width: 100%; text-align: center;}
.menu .contents h1 .menu_title { display: flex; justify-content: center; align-items: center; padding: 0.3em 0.5em; border-bottom: 1px dotted #000;}
.menu .contents h1 .title_jp { padding-right: 0.5em; font-size: 1.2em; font-weight: bold; letter-spacing: 0.1em; }
.menu .contents h1 .title_en { padding-top: 0.4em; font-size: 0.8em; font-weight: bold; color: #897551; letter-spacing: 0.1em; font-family: Arial, Helvetica, "sans-serif";}

.menu .menu_section { min-height: 20em; padding-top: 0.5em;}

.menu_list { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; margin: 0 auto;}
.menu_list li { width: 46%; margin: 2.5em 2% 0;}
.menu_list a { position: relative; display: flex; align-items: center; align-content: center; flex-wrap: wrap; height: 100%; padding: 1em 36px 1em 1em; font-size: 1.2em; text-decoration: none; color: #000; border: 10px solid #fff; border-radius: 1em; background: linear-gradient( -45deg, #E7D8BC, #E0D5C0 7.5em, #ECE4D4 7.5em, #ECE4D4); box-shadow: 1px 1px 8px 0 rgba(128,128,128,0.5);}
.menu_list a:before { position: absolute; display: block; content: ""; top: 0px; bottom: 0px; right: 0px; width: 36px; background: url("../img/arrow_common01.png") center center no-repeat;}
.menu_list a .menu_text { width: 100%; margin-top: 0.5em; padding: 0.5em 0.5em 0; font-size: 0.8em; border-top: 1px dotted #000;}

.menu_list a:hover,
.menu_list a:focus { box-shadow: 0 0 0 2px #0A0A0A;}


/* セクション関連 */
article section,
.section { margin: 0 30px 2em;}
article section.file_section { margin-bottom: 0;}

.acrobat { margin: 0 30px 2em;}



/*************************************************
 CMS用テンプレート  .txtbox内部
**************************************************/
/* 本文欄余白 */
.txtbox { margin: 0 30px 2em;}


/* 見出し */
article section h2,
.txtbox h2 { margin-top: 2.5em; padding: 0.5em 0.5em 0.6em 0.75em; font-size: 1.3em; font-weight: normal; border-bottom: 2px dotted #7F7F7F;}
article section h2:before,
.txtbox h2:before { top: 0; bottom: 0.3em; left: 0; width: 5px; background: linear-gradient( #E4D7BD, #E4D7BD 50%, #B5A78A 50%, #B5A78A);}
article section h2,
.txtbox h2:first-of-type { margin-top: 0;}
.txtbox h3 { margin-top: 2em; margin-bottom: 0.75em; padding: 0.5em 1em 0.45em; font-size: 1.2em; font-weight: normal; background-color: #ECE4D4;}
.txtbox h4 { margin-top: 1.5em; margin-bottom: 0.75em; padding: 0.2em 1em 0.15em; font-size: 1.1em; font-weight: normal; border-left: 5px solid #B5A78A;}
.txtbox h5 { margin-top: 1em; margin-bottom: 0.5em; font-size: 1em; padding: 0 0 0 1.5em; font-weight: normal;}
.txtbox h5:before { top: 0.25em; left: 0; width: 0.95em; height: 0.95em; background-color: #B5A78A;}
.txtbox h6 { font-size: 1em; margin-top: 1em; margin-bottom: 0.5em; font-weight: normal; text-decoration: underline;}

article section h2,
.txtbox h2,
.txtbox h5 { position: relative;}
article section h2:before,
.txtbox h2:before,
.txtbox h5:before { position: absolute; display: block; content: ""; }


/* table */
.txtbox table th,
.txtbox table td { border: 3px solid #E4D7BD;} /* テーブル線の色 */
.txtbox table th { background: #F4F0E8;} /* THの色 */


/* list */
.txtbox ul > li:before { background-color: #E4D7BD;}






/*************************************************
 レスポンシブ　1160 + 20 
**************************************************/
@media screen and (max-width:1180px) {
	#TOP,
	header .wrap,
	header nav ul,
	.contents .wrap,
	.contents article,
	.contents nav,
	footer .wrap,
	footer .nav ul { position: static; width: auto; min-width: 0; max-width: 100%; float: none;}
	.contents_wrap { display: block;}

	.contents article { margin-right: 0;}	
	header .wrap,
  .locus .wrap,
  .wrap.contents_wrap,
	footer .wrap { margin-left: 2.5%; margin-right: 2.5%;}
	
  body { padding-top: 52px;}
  
  .contents nav,
  .contents .inside,
  .contents .contents_wrap
  { padding-bottom: 0;}
  
    
  p.locus { margin-top: 0;}
  
    
/* タイトル */
  header .title { width: 400px;}
  
  
/* グローバルメニュー */
	header { position: relative;}
	header nav { position: fixed;/* display: flex; align-items: flex-end; justify-content: center; bottom: 0px; */top:0px; left:0px; right:0px; max-height:100%; padding:0; background-color: transparent; overflow:visible; z-index: 110;}
	#menu { display: none; position: fixed; left: 0px; right: 0px; top: 52px; bottom: 0px; height: auto; width: auto; overflow: auto;}
	#menu li { width: auto;}
	#menu li a { padding-top: 58px; color: #fff; background-color: rgba(0,0,0,0);}
  #menu li a:after { bottom: 0px;}
  
/* グローバルメニュー　サブカテゴリ */
	#menu dl dd { display: none!important;} /* サブカテゴリ非表示 */
	
	
/* ハンバーガーメニュー */
  .menu_button,
  .mb_global_menu { display:block; transition-duration: 0.3s;}
	
	
/* コンフィグメニュー*/
  .conf_button { display:block; padding-bottom: 0; transition-duration: 0.3s;}
  .conf_button.active { box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.9);}
  
  .page_control .search label.search_txt,
  .page_control dl.textsize_change dt,
  .page_control dl.color_change dt { background-color: rgba(0,0,0,0);}
	
	
/* ホームメニュー*/
  .home_button { display:block; padding-bottom: 0; transition-duration: 0.3s;}
  .home_button.active { box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.9);}
	
	
/* ページコントロール */
  .conf,
  .page_control .search { display: none;}
  .page_control { color: #fff; padding: 0; background-color: rgba(0,0,0,0);}
  
  .page_control .search,
  .UD {margin-left:2%;margin-right:2%;}
  .page_control dl.textsize_change,
  .page_control dl.color_change { width: 100%; margin: 1em auto;}
  .page_control .voice { width: 100%; margin-left: auto; margin-right: auto;}
  .page_control .voice a { border: 2px solid #fff;}

  .conf { position: fixed; top: 50%; left: 2.5%; right: 2.5%; min-height: 150px; margin-top: -75px; padding-top: 25px; z-index: 105;}
  .UD { float: none;}
  
  
  .page_control dl { justify-content: center;}
  .page_control dl dd a { margin-left: 0.75em; margin-right: 0.75em;}
  .page_control dl.textsize_change dt,
  .page_control dl.color_change dt { width: 7em; text-shadow: 0 0 2px #000, 0 0 4px #000, 0 0 4px #000; font-size: 1.2em;}

  .page_control .search { position: fixed; top: 50%; left: 2.5%; right: 2.5%; min-height: 150px; width: auto; margin-top: -75px; padding-top: 25px; z-index: 105;}
  .page_control .search label.search_txt{ height: auto; width: 100%; padding: 0.5em; font-size: 1.2em; overflow: auto; text-shadow: 0 0 2px #000, 0 0 4px #000, 0 0 4px #000;}
  .page_control .search .search_inner { width: 100%;}
  .page_control .search input#search_txt { height: 44px; width:calc(100% - 4.5em); line-height: 44px; font-size: 1.2em;}
  .page_control .search input.search_bt { width: 4.5em; height: 44px; font-size: 1.2em;}

  
/* コンテンツ */
  .contents_wrap { background: #fff;}
  .contents nav dd:last-of-type:before { display: block;}
  
  .txtbox,
  .section,
  article section { margin-left: 15px; margin-right: 15px;}
  
  
/* 一覧ページ */
  .menu .contents .wrap.contents_wrap { margin-left: 0; margin-right: 0;}
  .menu .contents .menu_section { margin-left: 2%; margin-right: 2%;} 
  

  
  	
/* フッター */
	footer { padding-bottom: 120px;} /* ハンバーガー分の余白 */

  
}


/*************************************************
 レスポンシブ　560 + 20 
**************************************************/
@media screen and (max-width:580px) {
	
  
  body { background-position: center top 64px; background-size: 150% auto;}

  
  /* タイトル */
  header .title { width: 280px;}
  

  /* 一覧ページ */
  .menu .menu_list li { width: 96%; margin-top: 2em;}
  .menu .contents h1 .menu_title { flex-wrap: wrap;}
  .menu .contents h1 .title_jp { padding-right: 0; font-size: 1.1em;}
  .menu .contents h1 .title_en { width: 100%; padding-top: 0; font-size: 0.7em; text-align: center;}

  
  
  /* フッター */
  footer dt{ margin-bottom: 0.5em;}
  footer dd{ padding:0 1em;}
  
  footer .reread_link { width: 110px; height: 88px;}
  
  footer dd a.inquiry { float: none; width: 15em; margin-left: auto; margin-right: auto; text-align: center;}
  footer .copyright span { text-align: center;}
  
  footer dt img { max-width: 280px; height: auto;}

}


@media screen and (min-width:1181px) {
	html body #menu {display:flex!important;} 
	.conf,
	.UD,
	.page_control .search { display:block!important;}
	.menu_bg,
	.conf_bg ,
	.search_bg{display: none!important;}
}


@media screen and (-ms-high-contrast:active) {
* {text-indent:0em !important;}
}

.event_section .row04{ display: flex; flex-wrap: wrap;}
.event_section .row04 .row_wrap { width: 31.33333%; margin: 0 1% 2em;}
.event_section img {
    max-width: 100%;
    height: auto;
}
.row_wrap { margin-top: 1.5em; margin-bottom: 1.5em; padding: 0; overflow: visible;}
.row_wrap a { display: block; height: 100%; padding: 0; color: #000; text-decoration: none; background-color: #fff; box-shadow: 0 0 2px 0 rgba(128,128,128,0.8); border-radius: 0.8em; overflow: hidden; transition-duration: 0.3s;}

.row_wrap a:hover,
.row_wrap a:focus { box-shadow: 0 0 8px 4px rgba(229,215,190,1);}

.event_photo { margin-bottom: 0.8em;}
.event_category { display: block; float: left; padding: 0.3em 1em; background-color: #EBE3D3;}
.event_overview { clear: both; padding: 1em;}
.event_title { margin: 0 0 0.5em;}
.event_text { padding-bottom: 0.8em;}
.event_date { padding: 0.8em 0 0; font-size: 0.9em; color: #666; border-top: 1px dashed #666;}

@media screen and (max-width:580px) {
  .event_section .row04 { margin-bottom: 1.5em;}
  .event_section .row04 .row_wrap { width: 48%; }
}
@media screen and (max-width:380px) {
  .event_section .row04 .row_wrap { width: 98%; }
}