/* CSS Document */

/*
Theme Name: eブックス
Theme URI: http://www.kyoto-ebooks.jp
Description: Actibookの検索・表示専用のテーマ
Author: 株式会社ヱビスデザイン
Author URL: http://www.kyoto-ebooks.jp/
Version: 4.0
tags:このスタイルシートは、イベントページ用に制作されたものです。
*/

/* =====================================================================
*
*    イベントページ
*
* =================================================================== */

#main {
margin: 0 auto;
}

#h_search_pc .TextField{
	padding: 0!important;
}

#eventbooks {
clear: both;
display: block;
width: 100%;
padding: 0;
margin: 0;
border: 1px #d5d5d5 solid;
}

a.corner_title {
clear: both;
display: block;
float: none;
height: 30px;
margin: 0;
padding: 0;
background: #FFE35B url(../img/eventbooks/bg_title/corner_title.jpg) 0 0 no-repeat;
width /***/: auto;
margin-bottom: 2px;
}

a.corner_title .title_bar{
clear: both;
display: block;
float: right;
height: 30px;
padding: 0;
width: 276px;
background: url(../img/eventbooks/bg_title/corner_title_p_bg.png) 0 0 no-repeat;
margin-bottom: 2px;
}

a.corner_title p{
clear: both;
display: block;
height: 16px;
margin: 8px 0 0 15px;
padding: 0;
width: 200px;
font-size: 85%;
text-align: center;
color: #1d0b07;
}









/* イベント本棚 */

#eventshelf {
clear: both;
display: block;
width: 100%;
padding: 0;
margin: 0;
z-index: 1;
top: 0;
}

#eventshelf p a {
display: block;
color: #555;
text-decoration: none;
outline: none;
font-size: 12px;
line-height: 130%;
margin: 0 auto;
width: 85px;
overflow: hidden;
height: 48px;
}

/* 共通リンク半透明表示
------------------------------ */

#recommend_event #event_tag a:hover,
#basic_event #event_tag a:hover,
#side_area_event a.area_all:hover,
#side_area_event a.area_center:hover,
#side_area_event a.area_north:hover,
#side_area_event a.area_south:hover,
#side_area_event a.area_west:hover,
#side_tag_event .tag_event_wrap a.side_tag_img:hover,
#eventbooks a.previous_month:hover,
#eventbooks a.next_month:hover,
#recommend_event .event_box .event_vispace img:hover,
#recommend_event .event_box a.event_stitle:hover,
#basic_event .event_box .event_vispace img:hover,
#basic_event .event_box a.event_stitle:hover,
h2.monthly_footer a.previous_month:hover,
h2.monthly_footer a.next_month:hover,
#eventbooks .event_box .event_vispace a:hover,
#eventshelf p a:hover,
.nosearch a:hover {
opacity: 0.5;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
}

/* ◯月の開催イベント */

#eventbooks h2.monthly_title_01,
#eventbooks h2.monthly_title_02,
#eventbooks h2.monthly_title_03,
#eventbooks h2.monthly_title_04,
#eventbooks h2.monthly_title_05,
#eventbooks h2.monthly_title_06,
#eventbooks h2.monthly_title_07,
#eventbooks h2.monthly_title_08,
#eventbooks h2.monthly_title_09,
#eventbooks h2.monthly_title_10,
#eventbooks h2.monthly_title_11,
#eventbooks h2.monthly_title_12 {
display: block;
width: 100%;
height: 60px;
padding: 0;
margin: 0;
clear: both;
float: none;
}

#eventbooks h2.monthly_title_01 {
background: #FEE157 url(../img/eventbooks/bg_title/bg_title_01.jpg) center 0 no-repeat;
}

#eventbooks h2.monthly_title_02 {
background: #FEE157 url(../img/eventbooks/bg_title/bg_title_02.jpg) center 0 no-repeat;
}

#eventbooks h2.monthly_title_03 {
background: #FEE157 url(../img/eventbooks/bg_title/bg_title_03.jpg) center 0 no-repeat;
}

#eventbooks h2.monthly_title_04 {
background: #FEE157 url(../img/eventbooks/bg_title/bg_title_04.jpg) center 0 no-repeat;
}

#eventbooks h2.monthly_title_05 {
background: #FEE157 url(../img/eventbooks/bg_title/bg_title_05.jpg) center 0 no-repeat;
}

#eventbooks h2.monthly_title_06 {
background: #FEE157 url(../img/eventbooks/bg_title/bg_title_06.jpg) center 0 no-repeat;
}

#eventbooks h2.monthly_title_07 {
background: #FEE157 url(../img/eventbooks/bg_title/bg_title_07.jpg) center 0 no-repeat;
}

#eventbooks h2.monthly_title_08 {
background: #FEE157 url(../img/eventbooks/bg_title/bg_title_08.jpg) center 0 no-repeat;
}

#eventbooks h2.monthly_title_09 {
background: #FEE157 url(../img/eventbooks/bg_title/bg_title_09.jpg) center 0 no-repeat;
}

#eventbooks h2.monthly_title_10 {
background: #FEE157 url(../img/eventbooks/bg_title/bg_title_10.jpg) center 0 repeat-x;
}

#eventbooks h2.monthly_title_11 {
background: #FEE157 url(../img/eventbooks/bg_title/bg_title_11.jpg) center 0 no-repeat;
}

#eventbooks h2.monthly_title_12 {
background: #FEE157 url(../img/eventbooks/bg_title/bg_title_12.jpg) center 0 no-repeat;
}

/* イベントフッタ */

h2.monthly_footer {
display: block;
width: 100%;
height: 50px;
padding: 0;
margin: 0;
clear: both;
float: none;
}

/* 来月・先月のイベント */

#eventbooks a.previous_month,
#eventbooks a.next_month {
display: block;
margin: 25px 15px 0 15px;
}

h2.monthly_footer a.previous_month,
h2.monthly_footer a.next_month {
display: block;
margin: 15px 15px 0 15px;
}

#eventbooks a.previous_month,
h2.monthly_footer a.previous_month {
float: left;
}

#eventbooks a.next_month,
h2.monthly_footer a.next_month {
float: right;
}



#eventbooks .title_bar p{
	font-weight:bold;
	color:#5D4932;
}

@media screen and (max-width: 768px) {
#eventbooks{
	border:none;
}
}

@media screen and (max-width: 550px) {
	/* 来月・先月のイベント */

#eventbooks h2.monthly_title_01,
#eventbooks h2.monthly_title_02,
#eventbooks h2.monthly_title_03,
#eventbooks h2.monthly_title_04,
#eventbooks h2.monthly_title_05,
#eventbooks h2.monthly_title_06,
#eventbooks h2.monthly_title_07,
#eventbooks h2.monthly_title_08,
#eventbooks h2.monthly_title_09,
#eventbooks h2.monthly_title_10,
#eventbooks h2.monthly_title_11,
#eventbooks h2.monthly_title_12 {
display: block;
width: 100%;
height: 90px;
padding: 0;
margin: 0;
clear: both;
float: none;
}

#eventbooks a.previous_month,
#eventbooks a.next_month {
display: block;
margin: 60px 15px 0 15px;
}

h2.monthly_footer a.previous_month,
h2.monthly_footer a.next_month {
display: block;
margin: 15px 15px 0 15px;
}

#eventbooks a.previous_month,
h2.monthly_footer a.previous_month {
float: left;
}

#eventbooks a.next_month,
h2.monthly_footer a.next_month {
float: right;
}
}


@media screen and (max-width: 480px) {
	
	#eventbooks {
	border:none;
	}
	
	#eventbooks h2.m_eb {
	background-size:150% auto;
	height:70px;
	}
	
	#eventbooks a.previous_month,
#eventbooks a.next_month {
margin: 62px 15px 0 15px;
}

}

/* =====================================================================
*
*    イベント条件検索
*
* =================================================================== */

/* 検索タイトル */

#eventbooks h2.monthly_title_search,
#eventbooks h2.monthly_title_tag,
#eventbooks h2.monthly_title_calendar {
display: block;
width: 100%;
height: 60px;
padding: 0;
margin: 0;
clear: both;
float: none;
}

/* エリアで探す */

#eventbooks h2.monthly_title_search {
background: url(../img/eventbooks/bg_title/bg_title_areasearch.jpg) center 0 no-repeat;
}

/* タグで探す */

#eventbooks h2.monthly_title_tag {
background: url(../img/eventbooks/bg_title/bg_title_tagsearch.jpg) center 0 no-repeat;
}

/* カレンダーで探す */

#eventbooks h2.monthly_title_calendar {
background: url(../img/eventbooks/bg_title/bg_title_calsearch.jpg) center 0 no-repeat;
}



/* 検索不一致　*/

.nosearch p {
display: block;
width: 100%;
text-align: center;
padding: 10px 0;
margin: 0 auto;
background: url("../img/eventbooks/bookshelf.jpg") no-repeat scroll 0 0 transparent;
}

.cal_result p {
display: block;
width: 100%;
text-align: center;
padding: 10px 0;
margin: 0 auto;
background: url("../img/eventbooks/bookshelf.jpg") no-repeat scroll 0 0 transparent;
}

.nosearch img {
display: block;
padding: 0;
margin: 5px auto 15px auto;
}

.nosearch_random p {
display: block;
width: 100%;
text-align: center;
padding: 50px 0 0 0;
margin: 0 auto;
}

/* テキスト制限30文字まで */

ul.list li.event_box a.search_stitle {
display: block;
width: 100%;
font-size: 1em;
font-style: normal;
font-family: inherit;
font-weight: bold;
color: #555;
line-height: 130%;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
text-align: left;
overflow: hidden;
border-bottom: #d5d5d5 1px solid;
}

ul.grid li.event_box a.search_stitle {
display: block;
width: 90px;
font-size: 12px;
color: #555;
line-height: 130%;
margin: 0 auto;
padding: 0 5px;
text-align: center;
overflow: hidden;
clear: both;
height: 48px;
}

/* =====================================================================
*
*    ランダムイベント
*
* =================================================================== */

/* 1段 */

#random_event {
clear: both;
float: none;
display: block;
width: 100%;
height: 200px;
margin: 0;
padding: 0;
overflow: hidden;
background: #eeeeee url(../img/eventbooks/bookshelf.jpg) 0 0;
}

/* ブック */

#random_event .random_box {
float: left;
display: block;
max-width: 100px;
width: 100%;
height: auto;
margin: 0 0 0 3px;
padding: 5px 0 15px 0;
z-index: 2;
}

/* 表紙 */

#random_event .random_box .random_vispace {
display: block;
width: 100%;
max-width: 100px;
margin: 5px 0 22px 0;
height: 114px;
padding: 0;
}

#random_event .random_box .random_vispace img {
display: block;
max-width: 80px;
max-height: 114px;
margin: auto;
padding: 0;
background: #333;
box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
}

#random_event .random_box .random_vispace img:hover {
box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
}

/* タイトル */

#random_event .random_box p.random_stitle {
display: block;
width: 90px;
font-size: 80%;
color: #fff;
line-height: 130%;
margin: 0 auto;
padding: 0 5px;
text-align: center;
overflow: hidden;
clear: both;
}



/* =====================================================================
*
*    注目のイベント!!
*
* =================================================================== */


#recommend_event {
clear: both;
float: none;
display: block;
width: 99.5%;
height: auto;
margin: 0;
padding: 2px;
position: relative;
background: #DDAE2A;
}

.recommend_event_wrap{
clear: both;
float: none;
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0 0 0 0;
background: #FBFAF5;
}

#recommend_event h2.recommend_title {
clear: both;
display: block;
width: 166px;
height: 33px;
top:0;
left: 0;
padding: 0;
position: absolute;
background: url(../img/eventbooks/subtitle_notice.png) 0 0 no-repeat;
}

recommend_event:after {
content: ".";
display: block;
height: 0px;
clear: both;
float: none;
visibility: hidden;
}


/* ブック表示部分 */

#recommend_event .recommend_box {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
z-index: 2;
}

#recommend_event .recommend_box .date_vi_box {
float: left;
display: block;
margin: 35px 0 10px 2%;
height: auto;
padding: 0;
width: 34%;
max-width: 178px;
}

#recommend_event .recommend_box .recommend_vispace {
float: left;
display: block;
max-width: 100px;
width: 100%;
margin: 10px 0 0 4%;
height: auto;
padding: 0;
}

#recommend_event .recommend_box .recommend_vispace img{
display: block;
max-width: 100px;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}

#recommend_event .recommend_box .recommend_data {
float:left;
display: block;
width: 60%;
margin: 35px 0 10px 2%;
padding: 0;
}

#recommend_event .recommend_box .recommend_data p {
color: #555;
text-decoration: none;
outline: none;
font-size: 0.8em;
line-height: 130%;
margin: 2px 0;
}

/* テキスト制限30文字まで */

#recommend_event .recommend_box a.recommend_stitle {
display: block;
width: 100%;
font-size: 1em;
font-style: normal;
font-family: inherit;
font-weight: bold;
color: #A1434C;
line-height: 130%;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
text-align: left;
overflow: hidden;
border-bottom: #A1434C 1px solid;
}

#recommend_event .recommend_box .recommend_color_date_wrap {
display: block;
float: left;
width: 100%;
height: auto;
margin: 10px 0 0 0;
padding: 0;
max-width:  69px;
max-height:  none;
font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

#recommend_event .recommend_box .recommend_color_date_wrap .sun,
#recommend_event .recommend_box .recommend_color_date_wrap .mon,
#recommend_event .recommend_box .recommend_color_date_wrap .tue,
#recommend_event .recommend_box .recommend_color_date_wrap .wed,
#recommend_event .recommend_box .recommend_color_date_wrap .thu,
#recommend_event .recommend_box .recommend_color_date_wrap .fri,
#recommend_event .recommend_box .recommend_color_date_wrap .sat,
.open {
clear: both;
display: block;
width: 69px;
height: 59px;
}

#recommend_event .recommend_box .recommend_color_date_wrap .sun p,
#recommend_event .recommend_box .recommend_color_date_wrap .mon p,
#recommend_event .recommend_box .recommend_color_date_wrap .tue p,
#recommend_event .recommend_box .recommend_color_date_wrap .wed p,
#recommend_event .recommend_box .recommend_color_date_wrap .thu p,
#recommend_event .recommend_box .recommend_color_date_wrap .fri p,
#recommend_event .recommend_box .recommend_color_date_wrap .sat p {
display: block;
width: 64px;
height: 46px;
margin-left: 2px;
}

.open {
background: url(../img/eventbooks/open.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_color_date_wrap .sun {
background: url(../img/eventbooks/bg_week/sun.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_color_date_wrap .mon {
background: url(../img/eventbooks/bg_week/mon.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_color_date_wrap .tue {
background: url(../img/eventbooks/bg_week/tue.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_color_date_wrap .wed {
background: url(../img/eventbooks/bg_week/wed.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_color_date_wrap .thu {
background: url(../img/eventbooks/bg_week/thu.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_color_date_wrap .fri {
background: url(../img/eventbooks/bg_week/fri.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_color_date_wrap .sat {
background: url(../img/eventbooks/bg_week/sat.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_vispace img {
display: block;
max-width: 100px;
max-height: 141px;
margin: auto;
padding: 0;
background: #333;
box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
}

#recommend_event #recommend_tag a {
float: left;
display: block;
width: 80px;
height: 20px;
margin: 2px;
}

#recommend_event .recommend_box .recommend_vispace img:hover {
box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
}


@media screen and (max-width: 768px) {
	
#recommend_event .recommend_box {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
z-index: 2;
}

#recommend_event .recommend_box .date_vi_box {
float: left;
display: block;
margin: 35px 0 10px 2%;
height: auto;
padding: 0;
width: 34%;
max-width: 178px;
}

#recommend_event .recommend_box .recommend_vispace {
float: left;
display: block;
max-width: 100px;
width: 100%;
margin: 10px 0 0 4%;
height: auto;
padding: 0;
}

#recommend_event .recommend_box .recommend_vispace img{
display: block;
max-width: 100px;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}

#recommend_event .recommend_box .recommend_data {
float:left;
display: block;
width: 60%;
margin: 35px 0 10px 2%;
padding: 0;
}

#recommend_event .recommend_box .recommend_data p {
color: #555;
text-decoration: none;
outline: none;
font-size: 0.8em;
line-height: 130%;
margin: 2px 0;
}

/* テキスト制限30文字まで */

#recommend_event .recommend_box a.recommend_stitle {
display: block;
width: 100%;
font-size: 1em;
font-style: normal;
font-family: inherit;
font-weight: bold;
color: #A1434C;
line-height: 130%;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
text-align: left;
overflow: hidden;
border-bottom: #A1434C 1px solid;
}

#recommend_event .recommend_box .recommend_color_date_wrap {
display: block;
float: left;
width: 100%;
height: auto;
margin: 10px 0 0 0;
padding: 0;
max-width:  69px;
max-height:  none;
}

#recommend_event .recommend_box .recommend_color_date_wrap .sun,
#recommend_event .recommend_box .recommend_color_date_wrap .mon,
#recommend_event .recommend_box .recommend_color_date_wrap .tue,
#recommend_event .recommend_box .recommend_color_date_wrap .wed,
#recommend_event .recommend_box .recommend_color_date_wrap .thu,
#recommend_event .recommend_box .recommend_color_date_wrap .fri,
#recommend_event .recommend_box .recommend_color_date_wrap .sat,
.open {
clear: both;
display: block;
width: 69px;
height: 59px;
}

#recommend_event .recommend_box .recommend_color_date_wrap .sun p,
#recommend_event .recommend_box .recommend_color_date_wrap .mon p,
#recommend_event .recommend_box .recommend_color_date_wrap .tue p,
#recommend_event .recommend_box .recommend_color_date_wrap .wed p,
#recommend_event .recommend_box .recommend_color_date_wrap .thu p,
#recommend_event .recommend_box .recommend_color_date_wrap .fri p,
#recommend_event .recommend_box .recommend_color_date_wrap .sat p {
display: block;
width: 64px;
height: 46px;
margin-left: 2px;
}

.open {
background: url(../img/eventbooks/open.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_color_date_wrap .sun {
background: url(../img/eventbooks/bg_week/sun.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_color_date_wrap .mon {
background: url(../img/eventbooks/bg_week/mon.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_color_date_wrap .tue {
background: url(../img/eventbooks/bg_week/tue.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_color_date_wrap .wed {
background: url(../img/eventbooks/bg_week/wed.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_color_date_wrap .thu {
background: url(../img/eventbooks/bg_week/thu.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_color_date_wrap .fri {
background: url(../img/eventbooks/bg_week/fri.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_color_date_wrap .sat {
background: url(../img/eventbooks/bg_week/sat.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_vispace img {
display: block;
max-width: 100px;
max-height: 141px;
margin: auto;
padding: 0;
background: #333;
box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
}

#recommend_event #recommend_tag a {
float: left;
display: block;
width: 80px;
height: 20px;
margin: 2px;
}

#recommend_event .recommend_box .recommend_vispace img:hover {
box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
}
}

@media screen and (max-width: 544px) {
#recommend_event .recommend_box {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
z-index: 2;
}

#recommend_event .recommend_box .date_vi_box {
float: left;
display: block;
margin-left: 2%;
height: auto;
padding: 0;
width: 110px;
text-align: center;
}

#recommend_event .recommend_box .recommend_vispace {
display: block;
max-width: 100px;
width: 100%;
margin: 10px 0 0 4%;
height: auto;
padding: 0;
}

#recommend_event .recommend_box .recommend_vispace img{
display: block;
max-width: 100px;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}

#recommend_event .recommend_box .recommend_data {
float:left;
display: block;
width: 56%;
padding: 0;
}

#recommend_event .recommend_box .recommend_data p {
color: #555;
text-decoration: none;
outline: none;
font-size: 0.8em;
line-height: 130%;
margin: 2px 0;
}

/* テキスト制限30文字まで */

#recommend_event .recommend_box a.recommend_stitle {
display: block;
width: 100%;
font-size: 1em;
font-style: normal;
font-family: inherit;
font-weight: bold;
color: #A1434C;
line-height: 130%;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
text-align: left;
overflow: hidden;
border-bottom: #A1434C 1px solid;
}

#recommend_event .recommend_box .recommend_color_date_wrap {
display: block;
margin: 10px auto 0 auto;
padding: 0;
width:  69px;
}

#recommend_event .recommend_box .recommend_color_date_wrap .sun,
#recommend_event .recommend_box .recommend_color_date_wrap .mon,
#recommend_event .recommend_box .recommend_color_date_wrap .tue,
#recommend_event .recommend_box .recommend_color_date_wrap .wed,
#recommend_event .recommend_box .recommend_color_date_wrap .thu,
#recommend_event .recommend_box .recommend_color_date_wrap .fri,
#recommend_event .recommend_box .recommend_color_date_wrap .sat,
.open {
clear: both;
display: block;
width: 69px;
height: 69px;
margin: 0 auto;
}

#recommend_event .recommend_box .recommend_color_date_wrap .sun p,
#recommend_event .recommend_box .recommend_color_date_wrap .mon p,
#recommend_event .recommend_box .recommend_color_date_wrap .tue p,
#recommend_event .recommend_box .recommend_color_date_wrap .wed p,
#recommend_event .recommend_box .recommend_color_date_wrap .thu p,
#recommend_event .recommend_box .recommend_color_date_wrap .fri p,
#recommend_event .recommend_box .recommend_color_date_wrap .sat p {
display: block;
width: auto;
height: 46px;
margin-left: 2px;
}

.open {
background: url(../img/eventbooks/open.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_color_date_wrap .sun {
background: url(../img/eventbooks/bg_week/sun.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_color_date_wrap .mon {
background: url(../img/eventbooks/bg_week/mon.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_color_date_wrap .tue {
background: url(../img/eventbooks/bg_week/tue.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_color_date_wrap .wed {
background: url(../img/eventbooks/bg_week/wed.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_color_date_wrap .thu {
background: url(../img/eventbooks/bg_week/thu.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_color_date_wrap .fri {
background: url(../img/eventbooks/bg_week/fri.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_color_date_wrap .sat {
background: url(../img/eventbooks/bg_week/sat.png) 0 0 no-repeat;
}

#recommend_event .recommend_box .recommend_vispace img {
display: block;
max-width: 100px;
max-height: 141px;
margin: auto;
padding: 0;
background: #333;
box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
}

#recommend_event #recommend_tag a {
float: left;
display: block;
width: 80px;
height: 20px;
margin: 2px;
}

#recommend_event .recommend_box .recommend_vispace img:hover {
box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
}

#recommend_event {
padding: 0px;
}
}





/* =====================================================================
*
*    通常イベント（リスト表示）
*
* =================================================================== */
#view_switch {
display: none;
width: 100%;
height: 27px;
margin: 0;
padding: 8px 0;
background: #eee;
border-top: 1px solid #D5D5D5;
}

span.list-style-buttons {
display: block;
width: 250px;
height: 27px;
float: right;
margin: 0;
}

span.list-style-buttons a {
display: block;
margin: 0;
padding: 0;
float: left;
}

#basic_event {
clear: both;
float: none;
display: block;
}

.list_wrap {
width: 100%;
margin: 0;
padding: 0;
}

recommend_event:after {
content: ".";
display: block;
height: 0px;
clear: both;
float: none;
visibility: hidden;
}

/* リストブック表示部分 768以上 */


ul.list li.event_box {
display: block;
width: 100%;
margin: 0;
padding: 10px 0;
z-index: 2;
border-top: 1px solid #D5D5D5;
}

ul.list li.event_box .list_date_vi_box {
float: left;
display: block;
margin: 10px 0 10px 2%;
height: auto;
padding: 0;
width: 34%;
max-width: 190px;
}

ul.list li.event_box .event_vispace {
float: left;
display: block;
max-width: 100px;
width: 100%;
margin: 10px 0 0 8.5%;
height: auto;
padding: 0;
}

ul.list li.event_box .event_vispace img{
display: block;
max-width: 100px;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}


ul.list li.event_box .date_box{
	float: left;
    overflow: hidden;
    width: 68px;
}


ul.list li.event_box .event_data {
float:left;
display: block;
width: 60%;
margin: 25px 0 10px 2%;
padding: 0;
}

ul.list li.event_box .event_data p {
color: #555;
text-decoration: none;
outline: none;
font-size: 0.8em;
line-height: 130%;
margin: 2px 0;
}

ul.list li.event_box .color_date_wrap {
display: block;
float: left;
width: 100%;
height: auto;
margin: 5px 0 0 0;
padding: 0;
max-width:  69px;
max-height:  59px;
}


ul.list li.event_box .color_date_wrap.week2 {
margin: 2px 0 0 0;
}



ul.list li.event_box .color_date_wrap .sun,
ul.list li.event_box .color_date_wrap .mon,
ul.list li.event_box .color_date_wrap .tue,
ul.list li.event_box .color_date_wrap .wed,
ul.list li.event_box .color_date_wrap .thu,
ul.list li.event_box .color_date_wrap .fri,
ul.list li.event_box .color_date_wrap .sat {
clear: both;
display: block;
width: 69px;
height: 59px;
background: url(../img/eventbooks/bg_week/sat.png) 0 0 no-repeat;
}

ul.list li.event_box .color_date_wrap .sun p,
ul.list li.event_box .color_date_wrap .mon p,
ul.list li.event_box .color_date_wrap .tue p,
ul.list li.event_box .color_date_wrap .wed p,
ul.list li.event_box .color_date_wrap .thu p,
ul.list li.event_box .color_date_wrap .fri p,
ul.list li.event_box .color_date_wrap .sat p {
display: block;
width: 64px;
height: 46px;
margin-left: 2px;
}

.event_start_month,
.event_end_month {
display: block;
width: 25px;
height: 15px;
font-size: 100%;
color: #555;
font-weight: bold;
margin-left: 2px;
padding-top: 24px;
font-family: Arial, Helvetica, sans-serif;
text-align: right;
float: left;
}

.event_start_day,
.event_end_day{
display: block;
width: 36px;
height: 28px;
font-size: 180%;
color: #555;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
float: right;
padding-top: 24px;
text-align: left;
}


ul.list li.event_box .event_kara,
.recommend_box .event_kara{
	clear: left;
    display: block;
    padding: 5px 0 0;
    text-align: center;
}


	
	
	
ul.list li.event_box .color_date_wrap .sun {
background: url(../img/eventbooks/bg_week/sun.png) 0 0 no-repeat;
}

ul.list li.event_box .color_date_wrap .mon {
background: url(../img/eventbooks/bg_week/mon.png) 0 0 no-repeat;
}

ul.list li.event_box .color_date_wrap .tue {
background: url(../img/eventbooks/bg_week/tue.png) 0 0 no-repeat;
}

ul.list li.event_box .color_date_wrap .wed {
background: url(../img/eventbooks/bg_week/wed.png) 0 0 no-repeat;
}

ul.list li.event_box .color_date_wrap .thu {
background: url(../img/eventbooks/bg_week/thu.png) 0 0 no-repeat;
}

ul.list li.event_box .color_date_wrap .fri {
background: url(../img/eventbooks/bg_week/fri.png) 0 0 no-repeat;
}

ul.list li.event_box .color_date_wrap .sat {
background: url(../img/eventbooks/bg_week/sat.png) 0 0 no-repeat;
}

ul.list li.event_box .event_vispace img {
display: block;
max-width: 100px;
max-height: 141px;
margin: auto;
padding: 0;
background: #333;
box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
}

ul.list #event_tag a {
float: left;
display: block;
width: 80px;
height: 20px;
margin: 2px;
}

ul.list li.event_box .event_vispace img:hover {
box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
}

/* テキスト制限30文字まで */

ul.list li.event_box a.event_stitle {
display: block;
width: 100%;
font-size: 1em;
font-style: normal;
font-family: inherit;
font-weight: bold;
color: #555;
line-height: 130%;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
text-align: left;
overflow: hidden;
border-bottom: #d5d5d5 1px solid;
}


/* リストブック表示部分 768以下 */

@media screen and (max-width: 768px) {
	
a.corner_title .title_bar {
	width: 305px;
}
	
	

ul.list li.event_box {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
z-index: 2;
border-top: 1px solid #D5D5D5;
}

ul.list li.event_box .list_date_vi_box {
float: left;
display: block;
margin: 10px 0 10px 2%;
height: auto;
padding: 0;
width: 34%;
max-width: 178px;
}

ul.list li.event_box .event_vispace {
float: left;
display: block;
max-width: 100px;
width: 100%;
margin: 10px 0 0 4%;
height: auto;
padding: 0;
}

ul.list li.event_box .event_vispace img{
display: block;
max-width: 100px;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}

ul.list li.event_box .event_kara {
	padding:0 0 0 0;
}

ul.list li.event_box .event_data {
float:left;
display: block;
width: 60%;
margin: 10px 0 10px 2%;
padding: 0;
}

ul.list li.event_box .event_data p {
color: #555;
text-decoration: none;
outline: none;
font-size: 0.8em;
line-height: 130%;
margin: 2px 0;
}

ul.list li.event_box .color_date_wrap {
display: block;
float: left;
width: 100%;
height: auto;
margin: 10px 0 0 0;
padding: 0;
max-width:  69px;
max-height:  64px;
}

ul.list li.event_box .color_date_wrap .sun,
ul.list li.event_box .color_date_wrap .mon,
ul.list li.event_box .color_date_wrap .tue,
ul.list li.event_box .color_date_wrap .wed,
ul.list li.event_box .color_date_wrap .thu,
ul.list li.event_box .color_date_wrap .fri,
ul.list li.event_box .color_date_wrap .sat {
clear: both;
display: block;
width: 69px;
height: 69px;
}

ul.list li.event_box .color_date_wrap .sun p,
ul.list li.event_box .color_date_wrap .mon p,
ul.list li.event_box .color_date_wrap .tue p,
ul.list li.event_box .color_date_wrap .wed p,
ul.list li.event_box .color_date_wrap .thu p,
ul.list li.event_box .color_date_wrap .fri p,
ul.list li.event_box .color_date_wrap .sat p {
display: block;
width: 64px;
height: 46px;
margin-left: 2px;
}

ul.list li.event_box .color_date_wrap .sun {
background: url(../img/eventbooks/bg_week/sun.png) 0 0 no-repeat;
}

ul.list li.event_box .color_date_wrap .mon {
background: url(../img/eventbooks/bg_week/mon.png) 0 0 no-repeat;
}

ul.list li.event_box .color_date_wrap .tue {
background: url(../img/eventbooks/bg_week/tue.png) 0 0 no-repeat;
}

ul.list li.event_box .color_date_wrap .wed {
background: url(../img/eventbooks/bg_week/wed.png) 0 0 no-repeat;
}

ul.list li.event_box .color_date_wrap .thu {
background: url(../img/eventbooks/bg_week/thu.png) 0 0 no-repeat;
}

ul.list li.event_box .color_date_wrap .fri {
background: url(../img/eventbooks/bg_week/fri.png) 0 0 no-repeat;
}

ul.list li.event_box .color_date_wrap .sat {
background: url(../img/eventbooks/bg_week/sat.png) 0 0 no-repeat;
}

ul.list li.event_box .event_vispace img {
display: block;
max-width: 100px;
max-height: 141px;
margin: auto;
padding: 0;
background: #333;
box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
}

ul.list #event_tag a {
float: left;
display: block;
width: 80px;
height: 20px;
margin: 2px;
}

ul.list li.event_box .event_vispace img:hover {
box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
}

/* テキスト制限30文字まで */

ul.list li.event_box a.event_stitle {
display: block;
width: 100%;
font-size: 1em;
font-style: normal;
font-family: inherit;
font-weight: bold;
color: #555;
line-height: 130%;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
text-align: left;
overflow: hidden;
border-bottom: #d5d5d5 1px solid;
}
}

/* リストブック表示部分 544以下 */





@media screen and (max-width: 544px) {

ul.list li.event_box {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
z-index: 2;
border-top: 1px solid #D5D5D5;
}

ul.list li.event_box .list_date_vi_box {
float: left;
display: block;
margin-left: 2%;
height: auto;
padding: 0;
width: 110px;
text-align: center;
}

ul.list li.event_box .event_vispace {
display: block;
max-width: 100px;
width: 100%;
margin: 10px 0 0 4%;
height: auto;
padding: 0;
}

ul.list li.event_box .event_vispace img{
display: block;
max-width: 100px;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}

ul.list li.event_box .event_data {
float:left;
display: block;
width: 56%;
margin: 10px 0 10px 2%;
padding: 0;
}

ul.list li.event_box .event_data p {
color: #555;
text-decoration: none;
outline: none;
font-size: 0.8em;
line-height: 130%;
margin: 2px 0;
word-wrap: break-word;
}


ul.list li.event_box .date_box,
#recommend_event .recommend_box .recommend_color_date_wrap
{
	float: left;
    overflow: hidden;
    width: 100%;
	max-width:none;
}

ul.list li.event_box .color_date_wrap,
.recommend_box .color_date_wrap
 {

float:left;
display: block;
margin: 0 auto 0 auto;
padding: 0;
width:  38.793103%;
height:  38.793103%;
}


ul.list li.event_box .color_date_wrap.week2 {
    margin: 0 0 0;
}

ul.list li.event_box .event_kara,
.recommend_box .event_kara
{
	width:22.413793%;
	float:left;
	clear:none;
}



.event_start_month, .event_end_month {
	text-align:left;
    font-size: 80%;
    height: 15px;
    margin: 0;
    padding: 0;
    width: auto;
}


.event_start_day, .event_end_day {
    font-size:100%;
    height: 28px;
    padding-top: 0;
	margin:0 7% 0 0;
    text-align: center;
    width: 45%;
}

ul.list li.event_box .event_kara,
.recommend_box .event_kara{
	margin:10px 0 0;
}

ul.list li.event_box .event_kara img,
.recommend_box .event_kara img
 {
	   -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
         -o-transform:rotate(90deg);
            transform:rotate(90deg);
	width:50%;	
	}

#recommend_event .recommend_box .recommend_color_date_wrap .sun,
#recommend_event .recommend_box .recommend_color_date_wrap .mon,
#recommend_event .recommend_box .recommend_color_date_wrap .tue,
#recommend_event .recommend_box .recommend_color_date_wrap .wed,
#recommend_event .recommend_box .recommend_color_date_wrap .thu,
#recommend_event .recommend_box .recommend_color_date_wrap .fri,
#recommend_event .recommend_box .recommend_color_date_wrap .sat,
ul.list li.event_box .color_date_wrap .sun,
ul.list li.event_box .color_date_wrap .mon,
ul.list li.event_box .color_date_wrap .tue,
ul.list li.event_box .color_date_wrap .wed,
ul.list li.event_box .color_date_wrap .thu,
ul.list li.event_box .color_date_wrap .fri,
ul.list li.event_box .color_date_wrap .sat {
clear: both;
display: block;
width: auto;
height: auto;
margin: 0 auto;
}





#recommend_event .recommend_box .recommend_color_date_wrap .sun p, #recommend_event .recommend_box .recommend_color_date_wrap .mon p, #recommend_event .recommend_box .recommend_color_date_wrap .tue p, #recommend_event .recommend_box .recommend_color_date_wrap .wed p, #recommend_event .recommend_box .recommend_color_date_wrap .thu p, #recommend_event .recommend_box .recommend_color_date_wrap .fri p, #recommend_event .recommend_box .recommend_color_date_wrap .sat p {
    display: block;
    height: 28px;
    margin-left: 2px;
    width: auto;
}

ul.list li.event_box .color_date_wrap .sun p,
ul.list li.event_box .color_date_wrap .mon p,
ul.list li.event_box .color_date_wrap .tue p,
ul.list li.event_box .color_date_wrap .wed p,
ul.list li.event_box .color_date_wrap .thu p,
ul.list li.event_box .color_date_wrap .fri p,
ul.list li.event_box .color_date_wrap .sat p {
display: block;
width: auto;
height: 28px;
margin-left: 2px;
}

ul.list li.event_box .color_date_wrap div,
.recommend_box .color_date_wrap div
{
	padding:18px 0 0 0;
}



ul.list li.event_box .color_date_wrap .sun,
#recommend_event .recommend_box .recommend_color_date_wrap .sun{
background: url(../img/eventbooks/bg_week/sun.png) no-repeat;
background-size:100% 85.5%;
}

ul.list li.event_box .color_date_wrap .mon,
#recommend_event .recommend_box .recommend_color_date_wrap .mon{
background: url(../img/eventbooks/bg_week/mon.png) no-repeat;
background-size:100% 85.5%;
}

ul.list li.event_box .color_date_wrap .tue,
#recommend_event .recommend_box .recommend_color_date_wrap .tue{
background: url(../img/eventbooks/bg_week/tue.png) no-repeat;
background-size:100% 85.5%;
}

ul.list li.event_box .color_date_wrap .wed,
#recommend_event .recommend_box .recommend_color_date_wrap .wed{
background: url(../img/eventbooks/bg_week/wed.png) no-repeat;
background-size:100% 85.5%;
}

ul.list li.event_box .color_date_wrap .thu,
#recommend_event .recommend_box .recommend_color_date_wrap .thu{
background: url(../img/eventbooks/bg_week/thu.png) no-repeat;
background-size:100% 85.5%;
}

ul.list li.event_box .color_date_wrap .fri,
#recommend_event .recommend_box .recommend_color_date_wrap .fri{
background: url(../img/eventbooks/bg_week/fri.png) no-repeat;
background-size:100% 85.5%;
}

ul.list li.event_box .color_date_wrap .sat,
#recommend_event .recommend_box .recommend_color_date_wrap .sat{
background: url(../img/eventbooks/bg_week/sat.png) no-repeat;
background-size:100% 85.5%;
}

ul.list li.event_box .event_vispace img {
display: block;
max-width: 100px;
max-height: 141px;
margin: auto;
padding: 0;
background: #333;
box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
}

ul.list #event_tag a {
float: left;
display: block;
width: 80px;
height: 20px;
margin-right: 0;
}

ul.list li.event_box .event_vispace img:hover {
box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
}

/* テキスト制限30文字まで */

ul.list li.event_box a.event_stitle {
display: block;
width: 100%;
font-size: 1em;
font-style: normal;
font-family: inherit;
font-weight: bold;
color: #555;
line-height: 130%;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
text-align: left;
overflow: hidden;
border-bottom: #d5d5d5 1px solid;
}
}



/* =====================================================================
*
*    通常イベント（グリッド表示）
*
* =================================================================== */

.grid_wrap {
width: 700px;
margin: 0;
padding: 0;
background: url(../img/eventbooks/bookshelf.jpg) 0 0 repeat-y;
border-top: 1px solid #D5D5D5;
}

recommend_event:after {
content: ".";
display: block;
height: 0px;
clear: both;
float: none;
visibility: hidden;
}

/* ブック表示部分 */

ul.grid li.event_box {
float: left;
display: block;
width: 100px;
height: 200px;
margin: 0 0 0 13px;
padding: 0;
z-index: 2;
}

ul.grid li.event_box .event_vispace {
display: block;
width: 100px;
margin: 5px 0 22px 0;
height: 114px;
padding: 0;
position: relative;
}

ul.grid li.event_box .event_vispace a {
position: absolute;
bottom: -5px;
left: 10px;
}

ul.grid li.event_box .event_data {
display: none;
}

ul.grid li.event_box .color_date_wrap {
display: none;
}

ul.grid li.event_box .event_vispace img {
display: block;
max-width: 80px;
max-height: 114px;
margin: 10px auto 0 auto;
padding: 0;
background: #333;
box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
}

ul.grid #event_tag {
display: none;
}

ul.grid li.event_box .event_vispace img:hover {
box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
}

/* テキスト制限30文字まで */

ul.grid li.event_box a.event_stitle {
display: block;
width: 90px;
font-size: 12px;
color: #555;
line-height: 130%;
margin: 0 auto;
padding: 5px 5px;
text-align: center;
overflow: hidden;
clear: both;
height: 44px;
}

@media screen and (max-width: 490px) {
a.corner_title .title_bar{
display: none;
}
}

/* =====================================================================
*
*    サイドバー
*
* =================================================================== */
@media screen and (max-width: 768px) {
	
#side:after {
content: ".";
display: block;
height: 0px;
clear: both;
float: none;
visibility: hidden;
}	


#side_weather {
margin: 0;
}

}



@media screen and (max-width: 360px) {


#side_weather {
margin: 10px 0 0 0;
}



}


/* カレンダー（サイドバー）
------------------------------ */

#side_cal_event {
clear: both;
float: none;
display: block;
margin: 0;
padding: 6px 1px 1px 1px;
background: #77A22D;
}

.side_cal_event_wrap {
clear: both;
float: none;
display: block;
width: 100%;
margin: 0 auto;
padding: 0;
background: #fbfaf5;
}


.side_cal_event_wrap .cal_box{
	width:87%;
	margin:auto;
	padding:6% 0 2% 0 ;
}

#side_cal_event h2 {
clear: both;
display: block;
width: 100%;
height: 24px;
margin: 0;
padding: 0 0 1% 0;
text-indent: -9999px;
background: url(../img/eventbooks/cal_title.png) center 0 no-repeat #77A22D;
border-top:#77A22D solid 2px;
}

#side_cal_event .cal_form {
display: block;
height: auto;
margin: 0px auto 0 auto;
padding: 2%;
border:none;font-size: 0.8em;
}


#side_cal_event .cal_form:after, #side_cal_event .cal_form form:after {
content: ".";
display: block;
height: 0px;
clear: both;
float: none;
visibility: hidden;
}	





#side_cal_event .cal_form p{
	display:inline-block;
	padding:7px 0 0 0;
}

#side_cal_event .cal_form input{
width: 20%!important;
float: left;
}

#side_cal_event .cal_title {
background: #77A22D;
display: block;
height: 20px;
margin: 0 auto 4% 0;
padding: 10px 0 0;
width: 100%;
text-align: center;
color: #fff;
font-size: 0.8em;
}


*+html #side_cal_event .cal_title{
	margin: 5px auto 4% 0;
}


#side_cal_event .cal_event_wrap {
clear: both;
display: block;
width: 98%;
margin: 0 auto 10px auto;
padding: 0;
}

#side_cal_event table.calendar {
font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
width: 100%;
border: 1px solid #EEEEEE;
}

#side_cal_event table.calendar caption {
color: #2F2F2F;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 0.8em;
font-weight: bold;
padding-bottom: 15px;
text-transform: uppercase;
}

#side_cal_event table.calendar caption span {
position: absolute;
top: 0;
}

#side_cal_event table.calendar caption span.calendar-prev {
left: 20px;
}

#side_cal_event table.calendar caption span.calendar-next {
right: 35px;
}

#side_cal_event table.calendar th {
font-size: 0.8em;
font-weight: normal;
padding: 4px 0 5px;
text-align: center;
border-right: 1px solid #EEEEEE;
border-top: 1px solid #EEEEEE;
background: #77A22D;
color: #fff;
}

#side_cal_event table.calendar td {
font-size: 0.8em;
padding: 5px 0 6px;
text-align: center;
border-right: 1px solid #dce9d9;
border-top: 1px solid #dce9d9;
background: #fff;
}


#side_cal_event table.calendar td.sun {
background: #F99;
}

#side_cal_event table.calendar td.sat {
background: #09F;
}

#side_cal_event table.calendar td.linked-day {
padding: 0;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
}

#side_cal_event table.calendar td.linked-day a {
background: none repeat scroll 0 0 #ecf2eb;
color: #37632d;
display: block;
padding: 5px 0 6px;
text-decoration: none;
text-align: center;
font-weight:bold;
}

#side_cal_event table.calendar td.linked-day a:hover {
background: none repeat scroll 0 0 #93d184;
text-align: center;
color: #fff;
}


#side_cal_event table.calendar .c_day{
	font-size:80%;
	letter-spacing:0.1em;
	}


/* エリアで探す（サイドバー）
------------------------------ */

#side_area_event {
margin: 10px 0 0 0;
padding: 8px 1px 1px;
background: #77A22D;
}

#side_area_event h2 {
clear: both;
display: block;
width: 100%;
height: 24px;
margin: 0;
padding: 0 0 1%;
text-indent: -9999px;
background: url("../img/eventbooks/area_title.png") no-repeat scroll center 0 #77A22D;
border-top:#77A22D solid 2px;
}

#side_area_event .area_event_wrap,
#side_tag_event .tag_event_wrap {
clear: both;
display: block;
width: 100%;
margin: 0 auto;
padding: 0px 0 10px;
background: #fbfaf5;
text-align: center;
}


#side_tag_event .tag_event_wrap {
clear: both;
display: block;
width: 100%;
margin: 0 auto;
padding: 0px 0 10px;
}

#side_area_event .area_event_wrap{
	text-align:center;
}

#side_area_event .area_event_wrap img{
	padding:0px 0 0 0;
}




#side_area_event a.area_all {
display: block;
width: 168px;
height: 20px;
margin: 15px auto;
padding: 0;
text-indent: -9999px;
background: url(../img/eventbooks/event_area/all.png) 0 0 no-repeat;

}



#side_cal_event .side_cal_event_wrap{ /* 上段のボックス */
		height:360px;
		
}





@media screen and (max-width: 768px) {
	
#side_area_event a.area_all{
	margin: 40px auto;
	}
	
#side_area_event .area_event_wrap img{
	height:auto;	
}

#side_area_event h2 {
margin: 0 0 60px 0;
}

#side_area_event a.area_all {
left:175px;
top:60px;
}

}


@media screen and (max-width: 600px) {
#side_area_event a.area_all {
	margin: 15px auto;
	}
	
}

@media screen and (max-width: 360px) {
#side_area_event a.area_all {
left:165px;
top:30px;
}

#side_area_event h2 {
    margin: 0 0 30px;
}

#side_area_event .area_event_wrap img {
    padding: 10px 0 20px;
}




}

/* タグで探す（サイドバー）
------------------------------ */

#side_tag_event {
display: block;
margin: 10px 0 0 0;
padding: 8px 1px 1px;
background: #77A22D;
}

#side_tag_event h2 {
clear: both;
display: block;
width: 100%;
height: 24px;
margin: 0 0 10px 0;
padding: 0 0 2%;
text-indent: -9999px;
background: url("../img/eventbooks/event_tag/tag_title.png") no-repeat scroll center 0 #77A22D;
border-top:#77A22D solid 2px;

	}

#side_tag_event a.side_tag_img{
float: left;
display: block;
width: 50%;
height: auto;
margin: 2px 0;
padding: 0;
text-align: center;
}

*+html #side_tag_event a.side_tag_img{
width: 49%;
}



@media screen and (max-width: 768px) {
	
	
#side_tag_event h2{
margin: 0 0 7%;

}
	
#side_tag_event a.side_tag_img{
margin: 8px 0;

}

}




@media screen and (max-width: 568px) {
	
	#eventbooks .title_bar p {
    width:auto;
	text-align:right;
	font-size:75%;
	}
	
	#side_tag_event a img {
    height: 55px;
    width: 80%;
	}
	
	#side_cal_event h2,	
	#side_tag_event h2,
	#side_area_event h2 {
	border-top: 5px solid #77a22d;
	padding:0 0 0.2%;
	}
	
}



@media screen and (max-width: 360px) {
	
#side_tag_event a.side_tag_img{
margin: 2px 0;
}

#side_tag_event a img{	
	max-width:100px;
}

#side_tag_event a img{
	height:26px;
}


}



/*イベント申し込み
------------------------------ */

.primaryContainer {
    height: auto;
	margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 90%;
}

   #box {
        float: left;
        height: auto;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        width: 100%;
        background-color: rgb(255, 204, 0);
   }

   #image {
        float: left;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        color: rgb(0, 0, 0);
   }

   #box1 {
        float: left;
        height: auto;
        margin-left: 0%;
        margin-top: 3.96px;
        clear: both;
        width: 100%;
        background-color: rgb(131, 161, 59);
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding: 0px 0px 3%;
   }

   #image1 {
        float: left;
        width: 56.092993%;
        max-width: 100%;
        height: auto;
        margin-left: 21.95216%;
        margin-top: 4px;
        clear: none;
        color: rgb(0, 0, 0);
        margin-right: 0px;
   }

   #box2 {
        float: left;
        height: auto;
        margin: 4px 0px 0% 2.999211%;
        clear: none;
        width: 94.353161%;
        background-color: rgb(255, 255, 255);
        padding-bottom: 9.49px;
   }

   #image2 {
        float: left;
        width: 81.901141%;
        max-width: 100%;
        height: auto;
        margin-left: 3.06%;
        margin-top: 12.34px;
        clear: none;
        color: rgb(0, 0, 0);
   }

   #image3 {
        float: left;
        width: 77.551331%;
        max-width: 100%;
        height: auto;
        margin-left: 11.218805%;
        margin-top: 11.859375px;
        clear: both;
        color: rgb(0, 0, 0);
        margin-right: 0px;
   }

   #image4 {
        float: left;
        width: 20.730038%;
        max-width: 100%;
        height: auto;
        margin-left: 3.06%;
        margin-top: 11.86px;
        clear: both;
        color: rgb(0, 0, 0);
   }

   #text {
        float: left;
        font-size: 1em;
        width: 62.190114%;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1.1em;
        word-wrap: break-word;
        margin-left: 5%;
        margin-top: 11.859999656677246px;
        clear: none;
        min-height: 14px;
   }

   #image5 {
        float: left;
        width: 39.657795%;
        max-width: 100%;
        height: auto;
        margin-left: 30.168664%;
        margin-top: 11.859375px;
        clear: both;
        color: rgb(0, 0, 0);
        margin-right: 0px;
   }

   #image6 {
        float: left;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin-left: 0%;
        margin-top: 11.86px;
        clear: both;
        color: rgb(0, 0, 0);
   }

   #image7 {
        float: left;
        width: 93.961977%;
        max-width: 100%;
        height: auto;
        margin-left: 3.06%;
        margin-top: 6.65px;
        clear: both;
        color: rgb(0, 0, 0);
   }

   #image8 {
        float: left;
        width: 20.730038%;
        max-width: 100%;
        height: auto;
        margin-left: 2.69404%;
        margin-top: 6.625px;
        clear: both;
        color: rgb(0, 0, 0);
   }

   #text1 {
        float: left;
        font-size: 0.8em;
        width: 74.098859%;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1.4em;
        word-wrap: break-word;
        margin-left: 0%;
        margin-top: 6.625px;
        clear: none;
        min-height: 13px;
        padding-left: 2%;
   }

   #image9 {
        float: left;
        width: 44.859316%;
        max-width: 68.366023%;
        height: auto;
        margin-left: 27.566206%;
        margin-top: 8.53125px;
        clear: both;
        color: rgb(0, 0, 0);
        margin-right: 0px;
   }

   #image10 {
        float: left;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin-left: 0%;
        margin-top: 11.86px;
        clear: both;
        color: rgb(0, 0, 0);
   }

   #image11 {
        float: left;
        width: 24.78327%;
        max-width: 100%;
        height: auto;
        margin-left: 3.06%;
        margin-top: 6.65px;
        clear: both;
        color: rgb(0, 0, 0);
   }

   #text2 {
        float: left;
        font-size: 0.8em;
        width: 85.8327%;
        height: auto;
        text-align: left;
        font-weight: 500;
        line-height: 1em;
        word-wrap: break-word;
        margin-left: 13.12%;
        margin-top: 8.984375px;
        clear: both;
        min-height: 10px;
   }

   .primaryContainer {
        width: 100%;
   }

   #box3 {
        float: left;
        height: auto;
        margin-left: 0px;
        margin-top: 10px;
        clear: both;
        width: 100%;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding-bottom: 3%;
        padding-top: 21.77px;
        margin-right: 0px;
        background-color: rgb(131, 161, 59);
   }

   #box4 {
        float: left;
        height: auto;
        margin-left: 2.269805%;
        margin-top: 7.234375px;
        clear: none;
        width: 94.339623%;
        background-color: rgb(255, 255, 255);
        padding-bottom: 11.86px;
   }

   #text3 {
        float: left;
        font-size: 0.6em;
        width: 94.301684%;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1.6em;
        word-wrap: break-word;
        margin-left: 3.06%;
        margin-top: 9.49px;
        clear: none;
        min-height: 21px;
        color: rgb(89, 112, 26);
   }

   #text4 {
        float: left;
        font-size: 0.6em;
        width: 65.612433%;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1.7em;
        word-wrap: break-word;
        margin-left: 3.06%;
        margin-top: 11.86px;
        clear: both;
        min-height: 64px;
   }

   #image13 {
        float: left;
        width: 28.682435%;
        max-width: 100%;
        height: auto;
        margin-left: 0%;
        margin-top: 11.859999656677246px;
        clear: none;
        color: rgb(0, 0, 0);
   }

   #box5 {
        float: left;
        height: auto;
        margin-left: 0%;
        margin-top: 10px;
        clear: both;
        width: 100%;
        background-color: rgb(131, 161, 59);
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding-top: 21.77px;
        padding-bottom: 3%;
   }

   #box6 {
        float: left;
        height: auto;
        margin-left: 3.10571%;
        margin-top: 5px;
        clear: none;
        width: 94.264403%;
        background-color: rgb(255, 255, 255);
        padding-bottom: 9.49px;
   }

   #image14 {
        float: left;
        width: 31.468621%;
        max-width: 100%;
        height: auto;
        margin-left: 34.265689%;
        margin-top: -15.53125px;
        clear: none;
        color: rgb(0, 0, 0);
        margin-right: 0px;
   }

   #image12 {
        float: left;
        width: 84.747942%;
        max-width: 100%;
        height: auto;
        margin-left: 7.626029%;
        margin-top: -13.765625px;
        clear: none;
        color: rgb(0, 0, 0);
        margin-right: 0px;
   }

   #text5 {
        float: left;
        font-size: 0.7em;
        width: 86.91678%;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        word-wrap: break-word;
        margin-left: 2.578445%;
        margin-top: 10.125px;
        clear: none;
        min-height: 11px;
        text-indent: 0px;
   }

   #text6 {
        float: left;
        font-size: 0.7em;
        width: 87.555252%;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        word-wrap: break-word;
        margin-left: 2.939973%;
        margin-top: 19px;
        clear: both;
        min-height: 10px;
        text-indent: 19.8%;
   }

   #text7 {
        float: left;
        font-size: 0.7em;
        width: 77.326057%;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 2em;
        word-wrap: break-word;
        margin-left: 2.169168%;
        margin-top: 1em;
        clear: both;
        min-height: 17px;
   }

   #image15 {
        float: left;
        width: 17.633015%;
        max-width: 100%;
        height: auto;
        margin-left: 1.432469%;
        margin-top: 2px;
        clear: none;
        color: rgb(0, 0, 0);
        margin-right: 0px;
		#help_me { /margin-top: 54px; }

   }


/* お天気（サイドバー）
------------------------------ */

#side_weather {
clear: both
display: block;
padding: 3%;
float: none;
font-size: 0.8em;
line-height: 1.5em;
width: 94%;
background: #EAEEF7;
}


.side_768_right{
	margin:10px 0 0 0 ;
	}


.side_768_right h2{
	text-align:center;
	display:block;
	height:35px;
	padding: 0 0 5px 0;
	background: #fff;
}

#side_weather .weather_event_wrap{
clear: both;
display: block;
width: 100%;
margin: 0px auto;
padding: 0px 0;
background: #ffffff;
}

#side_weather h2 img{
clear: both;
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
background: url(../img/eventbooks/weather/weather_title.jpg) 0 0 no-repeat;
}

#side_weather .japantenki {
width: 95%;
margin: 10px auto 0;
padding: 0 0 10px;
}

p.weather_title img{
display: block;
height: auto;
width: 100%;
}

.japantenki {
margin: 0;
padding: 0;
}

.japantenki img{
	width:100%;
	max-width:50px;
}

.japantenki1 {
margin: 0;
padding: 0;
text-align: center;
width: 33%;
float: left;
}

.japantenki2 {
margin: 0px 0px 0px 0px;
padding: 0px 12px 0px 12px;
text-align: center;
float: left;
}

.japantenki3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
float: left;
}

@media screen and (max-width: 768px) {
	
#side_weather{
	padding: 2px 1px 1px;
}
	
	
#side_weather h2{
	background:#1D9B3A;
}
	
	
	
#side_weather h2 img{
	max-height:35px;
	width:auto;
	margin:auto;
	
	
}

.japantenki img {
    max-width: 60px;
    width: 100%;
	margin:auto;
}


p.weather_title.ttl_north{
	background:#AC1E23;
	padding:3px 0 3px 0;

}


p.weather_title.ttl_south{
	background:#AC1E23;
	padding:3px 0 3px 0;
}



p.weather_title img {
    width: 100%;
	max-height: 30px;
	width:auto;
	margin:auto;
}


}



/* サイドボックスの回り込み
------------------------------ */
@media screen and (max-width: 768px) {
	
#primaryContainer{
	display:none;
}
	
	
#side .side_768:after {
content: ".";
display: block;
height: 0px;
clear: both;
float: none;
visibility: hidden;
}


#side_cal_event h2, #side_area_event h2 ,tag_event_wrap h2{
	margin:4px auto 0;
	display:block;
}






#side_cal_event, #side_tag_event{ /* 左側のボックス */
	float:left;
	padding: 4px 1px 1px ;
	margin:0 0 2% 2.5%;
	width:45.5%;
}


#side_area_event, #side_weather{ /* 右側のボックス */
	float:right;
	padding: 4px 1px 1px ;
	margin:0 2.5% 2% 0 ;
	width:45.5%;
}

#side_tag_event {
	padding:8px 1px 1px ;
}


#side_weather{ /* 右側のボックス */
	padding: 2px 1px 1px ;
}


#side_cal_event .side_cal_event_wrap, #side_area_event .area_event_wrap{ /* 上段のボックス */
		height:370px;
		padding:0;
}




#side_tag_event .tag_event_wrap{ /* 下段のボックス */
}

#side_weather .weather_event_wrap{ /* 下段のボックス */
}

.side_768_right h2{
	display:none;
}



}


@media screen and (max-width: 600px) {
	#side_cal_event, #side_tag_event, #side_area_event, #side_weather{ /* 左側のボックス */
	float:none;
	width:100%;
	margin:0;
	padding:0;
}

#side_cal_event .side_cal_event_wrap, #side_area_event .area_event_wrap, 
#side_tag_event .tag_event_wrap, #side_weather .weather_event_wrap{
	height:auto;
}

	
}

/* 交通情報（サイドバー）
------------------------------ */

#side_transport {
width: 94%;
margin: 10px 0 0 0;
padding: 3%;
background: #231815;
font-size: 0.8em;
line-height: 1.5em;
}

#side_transport .transport_event_wrap {
clear: both;
display: block;
width: 100%;
margin: 0 auto;
padding: 10px 0;
background: #fbfaf5;
}

#side_transport h2 {
clear: both;
display: block;
width: 100%;
height: 33px;
margin: 0;
padding: 0;
text-indent: -9999px;
background: url(../img/eventbooks/transport_title.png) center 0 no-repeat;
}

#side_transport ul li {
display: block;
margin: 0 auto;
padding: 0;
color: #555;
width: 90%;
border: none;
font-weight: normal;
background-color: #fbfaf5;
}

#side_transport ul li a {
	display: block;
color: #555;
font-weight: normal;
padding: 5px 0 5px 28px;
width: 90%;
background-color: #fbfaf5;
}

#side_transport ul li a.car {
background: url(../img/eventbooks/icon_car.png) 0 0 no-repeat;
}

#side_transport ul li a.train {
background: url(../img/eventbooks/icon_train.png) 0 0 no-repeat;
}

#side_transport ul li a.bus {
background: url(../img/eventbooks/icon_bus.png) 0 0 no-repeat;
}

#side_transport ul li a.airplane {
background: url(../img/eventbooks/icon_airplane.png) 0 0 no-repeat;
}

#content p.show_btn {
	background: #E6ECFF;
	border: 1px solid #D4DEFF;
	color: #111;
	padding: 9px 0 6px;
	font-size:16px;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
	color:#516193;
}

ul.list li.event_box {
    border-top: 1px solid #D5D5D5;
    display: block;
    margin: 0;
    padding: 10px 0;
    width: 100%;
    z-index: 2;
}

ul.list li.longtime_c{
	display:none;
	background:#EEF4FF;
	position:relative;
	}
	
	
ul.list li .flag{
	display:none;
}
	
ul.list li.longtime_c .flag{
	display:block;
	position:absolute;
	top:0;
	right:0;
}




	
	
#eventbooks h2 img, #eventbooks h2 img {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}


@media screen and (max-width: 480px) {
	
#container{
	padding:0;
	max-width:none;
	width:auto;
}
	
ul.list li.longtime_c .flag img{
	width:40px;
	height:auto;
}
	
}