@charset "shift_jis";

@media screen and (max-width: 640px) {
/*
======================================
　　「イベント情報」専用スタイル
======================================

070212 刷新
.newslist-title　…070327　値変更
.search			 …070331　新設

--------------------------------------
.event-top		…トップページ：特出
.event			…トップページ：リスト
.event-list		…イベント一覧
.event-detail	…イベント詳細
#sp_Lnavi-w300		…ローカルメニュー

【各項目名】
事業名+サブタイトル：title
事業名		：.head1
サブタイトル：.head2
会期		：.session
会場		：.place
キャッチコピー：.catch
開館時間	：.time
休館・休場日：.close
料金		：.price
概要		：.lead1
その他情報	：.lead2
問い合わせ	：.inquiry
会場所在地	：.address
アクセス	：.access
独自サイトURL	：.url1
外部リンク先URL	：.url2
携帯サイトURL	：.url3
写真キャプション：.caption
カテゴリーアイコン：.cate-icon
更新日		：.date
写真		：.photo
専用バナー	：.banner

■その他要素
アイコン凡例		：.ico-note
各カテゴリタイトル：.newslist-title
タイトル…月		：.tit-monthly
タイトル…地域別	：.tit-area
検索				：.search
--------------------------------------
*/

/*各項目共通要素*/
.event-top .head1,
.event .head1,
.event-list .head1,
.News-headarea .head1{
	margin:0;
	padding:0;
	}
.event-top .head2,
.event .head2,
.event-list .head2,
.News-headarea .head2{
	margin:0;
	padding:0 0 0 1em;
	}


/*
--------------------
.event-top…トップページ：特出
[必要項目]
.title
.head1
.head2
.session
.place
.lead1
.cate-icon
.caption
.date
[固有要素]
.news
--------------------
*/

.News-detail .category-name h2,
.Newslist-top .category-name h1,
.Category-top .category-name h1 {
    border-bottom: 2px solid #e0e0e0;
	font-size: 18px;
}


.Category-top .event-top{
	margin:0;
	padding:0 0;
	}
.Category-top .event-top h2{
	font-size:18px;
	font-weight:bold;
	margin:0;
	padding:7px 14px;
	}
.Category-top .event-top .title{
	margin:0;
	padding:0;
	}
.Category-top .event-top .news{
	width:94%;
	padding:5px 3% 0;
	}

.Category-top .event-top .place{
	font-size:16px;
	font-weight:bold;
	line-height:1.7;
	margin: 0 0 10px;
	padding:0;
	}

.Category-top .event-top .session {
	font-size:16px;
	font-weight:bold;
	line-height:1.7;
	margin: 0;
	padding:0;
	}
.Category-top .event-top .lead1{
	font-size:14px;
	line-height:1.7;
	padding:0;
	}
.Category-top .cate-icon{
	margin:0;
	padding:8px 0 0 0;
	}
.Category-top .cate-icon img{
	margin:0 6px 0 0;
	padding:0;
	}

.Category-top .event-top .photo{
	width: 100%;
	padding:0;
	float: none;
	text-align: center;
	}
.Category-top .event-top .photo img{
	border:1px solid #dee6e7;
	padding: 2px;
	text-align: center;
	}

.Category-top .event-top .caption{
	font-size:75%;
	font-weight:bold;
	line-height:150%;
	margin:0 0 10px;
	padding: 0;
	}

.Category-top .event .news a,
.Newslist .event-list .news a,
.Category-top .event-top .news a {
	display: block;
	border: 1px solid #ccc;
    color: #333;
    margin: 25px auto;
	padding: 10px 0;
    width: 90%;
	text-align: center;
	background-image: url(../../img/sp/arrow_list.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 16px 13px;
}

.Category-top .event .news a:hover,
.Newslist .event-list .news a:hover,
.Category-top .event-top .news a:hover {
	display: block;
	border: 1px solid #ccc;
    color: #333;
    margin: 25px auto;
	padding: 10px 0;
    width: 90%;
	text-align: center;
	background-image: url(../../img/sp/arrow_list.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 16px 13px;
}

.Newslist .event-list .news .photo a:hover,
.Newslist .event-list .news .photo a,
.Category-top .event-top .news .photo a,
.Category-top .event-top .news .photo a:hover {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
}

/*
--------------------
.event-toplist…トップページ：リスト
.event-list…イベント一覧
[必要項目]
.title
.head1
.head2
.session
.place
.catch
.cate-icon
.caption
.date
[固有要素]
.news
--------------------
*/
.Category-top .event,
.Newslist .event-list{
	margin:0 0 15px 0;
	padding:0 11px;
	}


.Category-top .event h2,
.Newslist .event-list h2{
	font-size:100%;
	font-weight:bold;
	margin:0;
	padding:0;
	}
	
.Category-top .event h2,
.Newslist .event-list h2 {
	font-size: 16px;
	font-weight:bold;
	margin:10px 0 10px;
	padding:0;
	border-bottom: none;
	}
.Category-top .event h2 a,
.Newslist .event-list h2 a {
	display: block;
	background: none;
	padding: 0;
	color: #1C1D17;
}
.Category-top .event h2 a:hover,
.Newslist .event-list h2 a:hover {
	display: block;
	background: none;
	text-decoration: none;
}

.Category-top .event .title,
.Newslist .event-list .title{
	margin:0;
	padding:0;
	}
.Category-top .event .news,
.Newslist .event-list .news{
	width:100%;
	margin:0;
	padding:5px 0 10px 0;
	}
* html .Category-top .event .news,
* html .Newslist .event-list .news{
	width:100%;
	}

.Category-top .event p,
.Newslist .event-list p{
	margin:10px 0;
	padding:0;
	}
.Category-top .event .session,
.Category-top .event .place,
.Category-top .event .catch,
.Newslist .event-list .session,
.Newslist .event-list .place,
.Newslist .event-list .catch{
	font-size:14px;
	line-height:150%;
	margin:0;
	padding:0;
	}

.Newslist  span.session{
	font-size:85%;
	line-height:150%;
	margin:0;
	padding:0;
	color:#333333;
	}

.Newslist .cate-icon{
	margin:0;
	padding:8px 0 0 0;
	}
.Newslist .cate-icon img{
	margin:0 6px 0 0;
	padding:0;
	}

.Category-top .event .photo,
.Newslist .event-list .photo{
	width: 100%;
	text-align:center;
	margin:0 0 10px;
	padding:0;
	float: none;
	}
	
.Category-top .event .photo img,
.Newslist .event-list .photo img{
	border:1px solid #999999;
	}
.Category-top .event .caption,
.Newslist .event-list .caption{
	font-size:75%;
	font-weight:bold;
	line-height:150%;
	margin:0.6em 0;
	}


.Category-top ul li {
	display: block;
    border-bottom: 1px solid #DEE6E7;
    font-size: 14px;
    line-height: 140%;
    margin: 0;
    padding: 15px 20px 15px 12px;
	background: none;
	background-image: url(../../img/sp/arrow_list.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	color: #333;
}

.Category-top ul li a,
.Category-top ul li a:hover {
	background: none !important;
	padding: 0;
	margin: 0;
}

.Category-top ul li:hover {
	display: block;
    border-bottom: 1px solid #DEE6E7;
    font-size: 14px;
    line-height: 140%;
    margin: 0;
    padding: 15px 20px 15px 12px;
	background: none;
	background-image: url(../../img/sp/arrow_list.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	color: #333;
}

/*
--------------------
.event-detail…イベント詳細
[必要項目]
.title
.head1
.head2
.date
.catch
.lead1
.session
.place
.time
.close
.price
.lead2
.url1
.url2
.url3
.address
.access
.inquiry
.caption
[固有要素]
.Text
--------------------
*/
.News-headarea .date{
	font-size:12px;
	text-align:right;
	margin:5px;
	padding:0 12px 0 0;
	}
.event-detail{
	margin:0 0 17px 0;
	padding:0;
	}
.event-detail .catch,
.event-detail .lead1{
	font-size:100%;
	line-height:150%;
	margin:0;
	padding:0 0 0.5em 0;
	}
.event-detail .session,
.event-detail .place{
	font-size:100%;
	font-weight:bold;
	line-height:150%;
	margin:0;
	padding:0 0 0.2em 0;
	}

.event-detail .Text{
	margin:0;
	padding:0 12px;
	}
.event-detail .Text dl{
	font-size:85%;
	line-height:150%;
	}
.event-detail .Text dt{
	font-weight:bold;
	}
.event-detail .Text dd{
	margin:0;
	padding:2px 0 10px 0;
	}
.event-detail .time,
.event-detail .close,
.event-detail .price,
.event-detail .lead2{
	margin:0;
	padding:0;
	}

.data-area01 {
	margin: 10px;
}

.data-area01 p{
	font-size:100%;
	}
.data-area01 .url1,
.data-area01 .url2,
.data-area01 .url3,
.data-area01 .place,
.data-area01 .address,
.data-area01 .access,
.data-area01 .inquiry{
	font-size:85%;
	line-height:150%;
	margin:0;
	padding:0;
	}
.data-area01 .place{
	font-weight:bold;
	}

/*-----photo---*/


.event-detail .Photo-left td{
	background: none;
	}


.event-detail .Photo-right td{
	background: none;
	}

.event-detail .Photo-left,
.event-detail .Photo-right,
.event-detail .Photo-center,
.event-detail .Photo-undefine {
    float: none;
    margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	border: none;
	background: none;
}

.event-detail .Photo-right .Etoki p,
.event-detail .Photo-left .Etoki p,
.event-detail .Photo-undefine .Etoki p,
.event-detail .Photo-center .Etoki p {
    font-size: 14px;
    line-height: 1.7;
    margin: 0 0 10px;
    padding: 0 3% 14px;
	border-bottom: 1px solid #e0e0e0;
}

.event-detail .Photo-right img,
.event-detail .Photo-left img,
.event-detail .Photo-undefine img,
.event-detail .Photo-center img {
	display: block;
    margin: 0 auto 10px;
	max-width: 300px;
	padding:2px;
	border: 1px solid #dfe7e8;
	height: auto !important;
}

/*
--------------------
その他項目
--------------------
*/

/*カテゴリー凡例*/
.Category-top .ico-note{
	margin:0;
	padding:10px 10px 7px 5px;
	background:#f7f7f7;
	}
.Newslist .ico-note{
	margin:15px 0 0 0;
	padding:10px 10px 7px 10px;
	background:#f7f7f7;
	}
.ico-note p{
	font-size:75%;
	font-weight:bold;	
	margin:0;
	padding:0;
	}
.ico-note img{
	margin:0 5px;
	vertical-align:middle;
	}

/*月別タイトル*/
.Newslist .tit-monthly{
	margin:14px 0 14px 14px;
	padding:0;
	}


/*地域別タイトル*/
.Newslist .tit-area{
	height:48px;
	margin:0 0 13px 0;
	padding:0;
	}


/*専用ローカルメニュー*/
#sp_Lnavi-w300 .menu-event01,
#sp_Lnavi-w300 .menu-event02 {
	width:100%;
	margin:0;
	padding:0;
	background:#F6FAFF;
	border-top: 1px solid #dee6e7;
	}
#sp_Lnavi-w300 .menu-event02 {
	border: none;
}
#sp_Lnavi-w300 .addBtmLine {
	border-bottom: none;
	
}
#sp_Lnavi-w300 .menu-event01 h2,
#sp_Lnavi-w300 .menu-event02 h2{
	font-size:18px;
	font-weight: normal;
	color:#1E1E17;
	background: #fff;
	border-bottom:3px solid #bad3ef;
	padding:4px 0 4px 12px;
	}
#sp_Lnavi-w300 .menu-event01 h3{
	font-size:14px;
	font-weight:bold;
	color:#666666;
	padding:10px 14px;
	margin:0x;
	border-bottom: 1px solid #DEE6E7;
	}
#sp_Lnavi-w300 .menu-event01 h2 img,
#sp_Lnavi-w300 .menu-event02 h2 img{
	margin:0 5px 0 0;
	vertical-align:-15%;
	}
#sp_Lnavi-w300 .menu-event01 h2 a,
#sp_Lnavi-w300 .menu-event02 h2 a{
	text-decoration:none;
	margin:0;
	padding:0;
	}

#sp_Lnavi-w300 .menu-event01 ul{
	font-size:85%;
	margin:0;
	padding: 0;
	list-style:none;
	}
#sp_Lnavi-w300 .menu-event01 li {
	padding: 0;
	border-top: none;
	margin: 0;
	}
#sp_Lnavi-w300 .menu-event01 li a {
	display: block;
    border-bottom: 1px solid #DEE6E7;
    font-size: 14px;
    line-height: 140%;
    margin: 0;
    padding: 15px 20px 15px 18px;
	background: none;
	background-image: url(../../img/sp/arrow_list.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	color: #333;
}
#sp_Lnavi-w300 .menu-event01 li a:hover {
	display: block;
    border-bottom: 1px solid #DEE6E7;
    font-size: 14px;
    line-height: 140%;
    margin: 0;
    padding: 15px 20px 15px 18px;
	background: none;
	background-image: url(../../img/sp/arrow_list.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	color: #333;
	text-decoration: none;
}
#sp_Lnavi-w300 .menu-event02 ul{
	font-size:85%;
	margin:0;
	padding:5px 0 2px 3px;
	background:#f7faff;
	list-style:none;
	}
#sp_Lnavi-w300 .menu-event02 li {
	padding:0 0.2em 0 10px;
	display:inline
	}
#sp_Lnavi-w300 .menu-event02 li a{
	background-image: url(../../img/sp/arrow_list.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
    padding: 10px 20px 10px 0;
	display: inline-block;
	}
#sp_Lnavi-w300 .menu-event02 li a:hover{
	background-image: url(../../img/sp/arrow_list.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
    padding: 10px 20px 10px 0;
	display: inline-block;
	text-decoration: none;
	color: #333;
	}


#sp_Lnavi-w300 .menu-event03{
	margin:0;
	padding:0;
	border-bottom: none;
	background:#F6FAFF;
	}

#sp_Lnavi-w300 .menu-event04{
	margin:0;
	padding:0;
	border-top: none;
	}

#sp_Lnavi-w300 .menu-event03 h2{
	font-size:18px;
	font-weight: normal;
	color:#1E1E17;
	background: #fff;
	border-bottom:3px solid #bad3ef;
	padding:4px 0 4px 12px;
	margin: 0;
	}

#sp_Lnavi-w300 .menu-event03 .osusume{
	border-top: none;
	}
#sp_Lnavi-w300 .menu-event03 .osusume .banner{
	text-align:center;
	margin:0;
	padding:10px 0 5px 0;
	}
#sp_Lnavi-w300 .menu-event03 .osusume .catch{
	font-size:76%;
	line-height:1.5;
	margin:0;
	padding:0 10px 5px 10px;
	}

#sp_Lnavi-w300 .menu-event03 .l-picnews{
	margin:0;
	padding:0;
	border-bottom:2px solid #ffffff;
	}
#sp_Lnavi-w300 .menu-event04 .l-picnews{
	margin:0;
	padding:0;
	background:#ffffff;
	border-bottom:2px solid #e5e5e5;
	}
#sp_Lnavi-w300 .menu-event03 .l-picnews h3,
#sp_Lnavi-w300 .menu-event04 .l-picnews h3{
	font-size:76%;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:2px 0 0 0;
	}

	
	




#sp_Lnavi-w300 .menu-event03 .pic,
#sp_Lnavi-w300 .menu-event04 .pic{
	width:60px;
	margin:0 0 0 0;
	padding:8px 0 8px 8px;
	float:left;
	}
#sp_Lnavi-w300 .menu-event03 .text,
#sp_Lnavi-w300 .menu-event04 .text{
	width:220px;
	text-align:left;
	margin:0 0 0 0;
	padding:8px 0 8px 0;
	float:right;
	}
#sp_Lnavi-w300 .menu-event03 .text p,
#sp_Lnavi-w300 .menu-event04 .text p{
	font-size:76%;
	line-height:130%;
	font-weight:bold;
	color:#666666;
	text-align:left;
	margin:0;
	padding:0;
	}
#sp_Lnavi-w300 .menu-event03 .l-textnews{
	margin:0;
	padding:8px 0;
	}
#sp_Lnavi-w300 .menu-event04 .l-textnews{
	margin:0;
	padding:0;
	border-bottom: none;
	}
#sp_Lnavi-w300 .menu-event03 .l-textnews h3,
#sp_Lnavi-w300 .menu-event04 .l-textnews h3{
	font-size: 14px;
	line-height: normal;
	font-weight: normal;
	margin: 0;
	}
	
#sp_Lnavi-w300 .menu-event03 .l-textnews h3 a,
#sp_Lnavi-w300 .menu-event04 .l-textnews h3 a{
	display: block;
    border-bottom: 1px solid #DEE6E7;
    font-size: 14px;
    line-height: 140%;
    margin: 0;
    padding: 15px 20px 15px 18px;
	background: none;
	background-image: url(../../img/sp/arrow_list.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	color: #333;
	}
	
#sp_Lnavi-w300 .menu-event03 .l-textnews h3 a:hover,
#sp_Lnavi-w300 .menu-event04 .l-textnews h3 a:hover{
	display: block;
    border-bottom: 1px solid #DEE6E7;
    font-size: 14px;
    line-height: 140%;
    margin: 0;
    padding: 15px 20px 15px 18px;
	background: none;
	background-image: url(../../img/sp/arrow_list.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	color: #333;
	text-decoration: none;
	}
	
	
#sp_Lnavi-w300 .menu-event03 .l-textnews p,
#sp_Lnavi-w300 .menu-event04 .l-textnews p{
	display: none;
	}

#sp_Lnavi-w300 .menu-event03 .l-textnews ul{
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
	}
#sp_Lnavi-w300 .menu-event03 .l-textnews li{
	font-size:14px;
	line-height:130%;
	margin:0;
	padding:0.2em 0 0.2em 1.6em;
	background:url(../../img/ico_lnavi03.gif) no-repeat top left;
	}
	
#sp_Lnavi-w300 .menu-event05 {
	border-top:3px solid #bad3ef;
	border-bottom:3px solid #bad3ef;
	margin: 0;
	padding: 0;
}

#sp_Lnavi-w300 .menu-event05 h2 {
	font-size:96%;
}
	
#sp_Lnavi-w300 .menu-event05 h2 a {
	display: block;
    font-size: 14px;
    line-height: 140%;
    margin: 0;
    padding: 15px 20px 15px 18px;
	background: none;
	background-image: url(../../img/sp/arrow_list.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	color: #333;
}
	
#sp_Lnavi-w300 .menu-event05 h2 a:hover {
	display: block;
    font-size: 14px;
    line-height: 140%;
    margin: 0;
    padding: 15px 20px 15px 18px;
	background: none;
	background-image: url(../../img/sp/arrow_list.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	color: #333;
	text-decoration: none;
}

#sp_Lnavi-w300 .search{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background: #f7faff;
	border-top: 1px solid #dee6e7;
	}
#sp_Lnavi-w300 .search form{
	overflow: hidden;
	}
#sp_Lnavi-w300 .search h3{
	font-size:106%;
	font-weight: normal;
	color:#1E1E17;
	background: #fff;
	border-bottom:3px solid #bad3ef;
	padding:4px 0 4px 12px;
	}
#sp_Lnavi-w300 .search input{
	}

#sp_Lnavi-w300 .search input[type="text"],
#sp_Lnavi-w300 .search input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}

#sp_Lnavi-w300 .search input[type="submit"] {
	background: url(../../img/side_search_btn.png) no-repeat;
	border: none;
	width: 63px;
	height: 26px;
	text-indent: -9999px;
	margin: 14px 0;
	float: left;
	cursor: pointer;
}
#sp_Lnavi-w300 .search input.search-box{
	height: 24px;
	width: 70%;
	padding: 0;
	margin: 14px 0 14px 10px;
	line-height: 1;
	float: left;
	border: 1px solid #bdcfd0;
	border-right: none;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	}


/*
.newslist-title
---------------------------------------------------
*/
.Category-top .newslist-title{
	width:100%;
	margin: 5px 0 0;
	padding:3px 0 4px;
	border: none;
	background: #fff;	
	border-bottom:3px solid #bad3ef;
	}

.Category-top .newslist-title h2{
	font-size:14px;
	font-weight:bold;
	color:#1E1E17;
	padding: 0 14px;
	margin: 0;
	border-bottom: none;
	float: none;
	}
/*
---------------------------------------------------
*/


.gaiyo-top .gaiyo-text p,
.gaiyo .gaiyo-text p {
	padding: 0 3%;
	font-size: 15px;
}


.spOff {
	display: none !important;
}

/*ここまで*/
}