@charset "utf-8";

@media screen and (max-width: 640px) {
/*****************************************
				Body
*****************************************/]
	html { background: none; }
	body {
		background: none; 
		width: 100% !important;
	}
/*****************************************
			Global Setting
*****************************************/
	#social {
		width: 99%;
		margin: 10px 0.5%;
		padding: 0;
		text-align: right;
	}
	.twitter { width: 76px !important; }
	.facebook { width: 126px !important; }
/*****************************************
				Container
*****************************************/
	#container {
		background: none;
		min-width: 100%;
		min-height: inherit;
		border: none;
		overflow: hidden;
	}
/*****************************************
			Main Visual Slider
*****************************************/
	#headerTop {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
	#headerTop #logoTitle {
		width: 260px;
		height: 75px;
		margin: 65px 0 0 -130px;
		top: 0;
	}
	#mainVisual {
		min-width: 640px;
		padding: 0 0 90px 0;
	}
/*****************************************
				Header
*****************************************/
	#header {
		background-position: 50% 0;
		background-size: 750px auto;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 40px 0 0 0;
	}
	#logoTitle {
		width: 260px;
		height: 75px;
		margin: 0 auto 15px auto;
	}
	#logoTitle a { background-size: 260px auto; }
	#btn_searchBox {
		background: url(../img/parts/btn_searchbox.png) 0 0 no-repeat;
		background-size: 54px 54px;
		width: 54px;
		height: 54px !important;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
		display: block;
		position: absolute;
		top: 5px;
		right: 66px;
		z-index: 3333 !important;
	}
	#btn_menuBox {
		background: url(../img/parts/btn_menubox.png) 0 0 no-repeat;
		background-size: 54px 54px;
		width: 54px;
		height: 54px !important;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
		display: block;
		position: absolute;
		top: 5px;
		right: 6px;
		z-index: 3333 !important;
	}
/*****************************************
				Wrapper
*****************************************/
	#wrapper { padding-bottom: 0; }
/*****************************************
				Main
*****************************************/
	#mainTop { padding: 5px 0 0 0; }
	#main { width: 100%; }
	#mainContents {
		width: 98%;
		margin: 0 1%;
		padding: 0 0 10px 0;
		box-shadow: 0px 4px 3px -3px #333;
		position: relative;
		z-index: 1000;
	}
/*****************************************
				Contents
*****************************************/
	#contents,
	.contentsCalendar {
		padding: 0 4%;
		overflow: hidden;
	}
	#contents img {
		max-width: 100%;
		height: auto;
	}
/*****************************************
			Search Box
*****************************************/
	#searchArea {
		background: none;
		width: 98%;
		height: auto;
		margin: 0 auto 30px auto;
		overflow: visible;
		position: static;
	}
	#searchArea h2 {
		width: 100%;
		height: auto;
		position: static;
		top: 0;
		left: 0;
	}
	#searchArea h2 img {
		width: 100%;
		height: auto;
	}
	#searchCategory {
		width: auto;
		margin: 12px 0 0 0;
	}
	#searchCategory ul {
		list-style: none;
		overflow: hidden;
		letter-spacing: -0.4em;
		text-align: center;
	}
	#searchCategory ul li {
		width: 100px;
		height: 100px;
		margin: 6px 3px;
		display: inline-block;
		/display: inline;
		/zoom: 1;
		vertical-align: top;
		float: none;
	}
	#searchCategory ul li.sc05 { margin: 6px 3px; }
	#searchCategory ul li a {
		background: none;
		background-size: 100px 100px !important;
	}
	#searchCategory ul li a:hover { background-position: 0 0 !important; }
	#searchCategory ul li.sc01 a { background: url(../img/search/type01.png) 0 0 no-repeat; }
	#searchCategory ul li.sc02 a { background: url(../img/search/type02.png) 0 0 no-repeat; }
	#searchCategory ul li.sc03 a { background: url(../img/search/type03.png) 0 0 no-repeat; }
	#searchCategory ul li.sc04 a { background: url(../img/search/type04.png) 0 0 no-repeat; }
	#searchCategory ul li.sc05 a { background: url(../img/search/type05.png) 0 0 no-repeat; }
	#searchBox {
		display: none;
		margin: 0 1%;
		width: 98%;
		background: #EEE;
		box-sizing: border-box;
		box-shadow: 0 2px 3px 0 rgba(0,0,0,0.6);
		position: absolute;
		top: 66px;
		left: 0;
		z-index: 9999 !important;
	}
	#searchBox h3 {
		line-height: 40px;
		background: -webkit-gradient(linear, left top, right bottom, from(#E8C986), color-stop(0.65, #C1A045));
		background: -o-linear-gradient(left top, #E8C986 0%, #C1A045 65%);
		background: linear-gradient(left top, #E8C986 0%, #C1A045 65%);
		border: solid 2px #B19035;
		font-weight: bold;
		font-size: 129%;
		color: #FFF;
		text-align: center;
		text-shadow: none;
		position: relative;
		display: block !important;
		letter-spacing: normal;
		font-family: Georgia,"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	}
	#searchBox h3 .btn_closeBox {
		display: block !important;
		width: 30px;
		height: 30px;
		background: url(../img/parts/btn_close.png) 0 0 no-repeat;
		background-size: 30px 30px;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
		position: absolute;
		top: 5px;
		right: 5px;
		cursor: pointer;
	}
	#search {
		background: none;
		width: auto;
		margin: 0;
		padding: 10px 2%;
		text-align: center;
		border: solid 2px #B19035;
		border-top: none;
	}
	#search label {
		display: none;
	}
	#field_search {
		background-color: #FFF;
		margin: 0;
		padding: 0 2%;
		width: 82%;
		height: 36px;
		line-height: 36px;
		border: none;
		letter-spacing: normal;
		border-radius: 18px;
	}
	#btn_search {
		background: url(../img/parts/btn_search_white.png) 50% 50% no-repeat #C1A045;
		background-size: 24px auto;
		position: static;
		top: 0;
		right: 0;
		width: 12%;
		height: 36px;
		margin: 0;
		float: right;
	}
	#btn_search:hover { background-position: 50% 50%; }
/*****************************************
			Menu Box
*****************************************/
	#menuBox {
		display: none;
		margin: 0 1%;
		width: 98%;
		height: auto;
		max-height: 80%;
		overflow: auto;
		background: #FFF;
		box-sizing: border-box;
		box-shadow: 0 2px 3px 0 rgba(0,0,0,0.6);
		position: fixed;
		top: 66px;
		left: 0;
		z-index: 9999 !important;
	}
	#menuBox h2 {
		line-height: 40px;
		background: -webkit-gradient(linear, left top, right bottom, from(#E8C986), color-stop(0.65, #C1A045));
		background: -o-linear-gradient(left top, #E8C986 0%, #C1A045 65%);
		background: linear-gradient(left top, #E8C986 0%, #C1A045 65%);
		border: solid 2px #B19035;
		font-weight: bold;
		font-size: 129%;
		color: #FFF;
		text-align: center;
		text-shadow: none;
		position: relative;
		display: block !important;
		letter-spacing: normal;
		font-family: Georgia,"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	}
	#menuBox h2 .btn_closeBox {
		display: block !important;
		width: 30px;
		height: 30px;
		background: url(../img/parts/btn_close.png) 0 0 no-repeat;
		background-size: 30px 30px;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
		position: absolute;
		top: 5px;
		right: 5px;
		cursor: pointer;
	}
	#menuBox ul {
		list-style: none;
		padding: 0 8px 8px 8px;
		border: solid 2px #B19035;
		border-top: none;
	}
	#menuBox ul li {
		background: none;
		letter-spacing: normal;
		text-align: left;
		border-bottom: 1px dotted #B19035;
	}
	#menuBox ul li a {
		display: block;
		padding: 12px 18px 12px 0;
		background: url(../img/parts/list_point04.png) 98% 50% no-repeat;
		background-size: auto 15px;
		text-decoration: none;
	}
/*****************************************
			Global Navigation
*****************************************/
	#gNav {
		background: url(../img/gnav/gnav_bg_sp.png) 0 0 repeat;
		padding: 2px 0;
		overflow: hidden;
	}
	#gNav ul {
		width: 100%;
		list-style: none;
		overflow: hidden;
		border-top: solid 2px #9D7F1D;
		border-bottom: solid 2px #9D7F1D;
	}
	#gNav ul li {
		width: 50%;
		height: auto;
		float: left;
		list-style: none;
		border-bottom: solid 1px #9D7F1D;
	}
	#gNav ul li.nav05 {
		width: 50%;
		border: none;
	}
	#gNav ul li.nav01 {
		background: url(../img/gnav/gnav01.png) 8px 50% no-repeat;
		background-size: 120px auto;
	}
	#gNav ul li.nav02 {
		background: url(../img/gnav/gnav02.png) 8px 50% no-repeat;
		background-size: 120px auto;
	}
	#gNav ul li.nav03 {
		background: url(../img/gnav/gnav03.png) 8px 50% no-repeat;
		background-size: 120px auto;
	}
	#gNav ul li.nav04 {
		background: url(../img/gnav/gnav04.png) 8px 50% no-repeat;
		background-size: 120px auto;
	}
	#gNav ul li.nav05 {
		background: url(../img/gnav/gnav05.png) 8px 50% no-repeat;
		background-size: 120px auto;
	}
	#gNav ul li a {
		background: url(../img/parts/arw_yellow.png) 98% 50% no-repeat !important;
		background-size: auto 12px !important;
		height: 48px;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#gNav ul li:nth-child(odd) a { border-right: solid 1px #9D7F1D; }
/*****************************************
			Topicpath
*****************************************/
	#topicpath { display: none; }
/*****************************************
			Category Title
*****************************************/
	#categoryTitle {
		background: url(../img/title/cat_title_bg.jpg) 0 0 no-repeat;
		background-size: cover;
		width: 98%;
		height: auto;
		padding: 12px 1%;
	}
	#categoryTitle img { display: none; }
	#BUNKA_FIND #categoryTitle .innerTitle,
	#BUNKA_NEWS #categoryTitle .innerTitle,
	#BUNKA_EFFORTS #categoryTitle .innerTitle,
	#BUNKA_CONTACT #categoryTitle .innerTitle,
	#BUNKA_SITEMAP #categoryTitle .innerTitle { margin: 0 auto; }
	#BUNKA_DEFAULT #categoryTitle .innerTitle {
		padding: 0;
		font-size: 172%;
	}
/*****************************************
			Page Title
*****************************************/
	#pageTitle,
	.newsTitle { width: 100%; }
	#pageTitle .innerTitle,
	.newsTitle .innerTitle {
		background: none;
		width: 92%;
		padding: 8px 4%;
		font-size: 136%;
	}
/*****************************************
			Local Navigation
*****************************************/
	#lNav { display: none; }
/*****************************************
			Contents Title
*****************************************/
	#contents h2,
	.contentsCalendar h2 {
		background-image: url(../img/title/h2_title_point.png), url(../img/title/h2_title_bg.png);
		background-size: 10px auto, 48px auto;
		background-position: 7px 14px, 0 0;
		background-repeat: no-repeat, repeat;
		margin: 15px 0 8px 0;
		padding: 5px 5px 5px 22px;
		font-size: 129%;
	}
	#contents h3,
	.contentsCalendar h3 {
		padding: 0 0 8px 16px;
		font-size: 129%;
	}
	#contents h4,
	.contentsCalendar h4 {
		background: #E5E5E5;
		margin: 15px 0 8px 0;
		padding: 2px 10px;
		display: block;
		font-size: 129%;
		font-weight: bold;
		color: #402000;
	}
	#contents h5,
	.contentsCalendar h5 {
		margin: 15px 0 8px 0;
		padding: 2px 9px;
		border: 1px solid #7E6381;
		display: block;
		font-size: 129%;
		font-weight: bold;
		color: #7E6381;
	}
	#contents h6,
	.contentsCalendar h6 {
		margin: 15px 0 8px 0;
		padding: 2px 10px;
		border-bottom: 1px solid #7E6381;
		display: block;
		font-size: 129%;
		font-weight: bold;
		color: #7E6381;
	}
/*****************************************
				Option
*****************************************/
	.calendar_page,
	.fileDL,
	.faqCollection,
	.relPage,
	.reference,
	.enquete { width: 96%; }
	.calendar_page table caption { padding: 5px 25px; }
	.calendar_page_prev_month { left: 0; }
	.calendar_page_next_month { right: 0; }
	.reference span { display: block; }
/*****************************************
			Page Information
*****************************************/
	#pageInfo {
		background: url(../img/parts/pageinfo_bg_sp.png) 0 0 repeat;
		background-size: 30px auto;
		width: 96%;
		height: auto;
		margin: 0 1%;
		padding: 0 1% 10px 1%;
		overflow: hidden;
		font-size: 93%;
		color: #FFF;
		box-shadow: 0px 4px 3px -3px #333;
		position: relative;
		z-index: 900;
	}
	#pageInfo ul {
		background: none;
		width: auto;
		margin: 0;
		padding: 8px 0;
		float: none;
		border-bottom: 1px dotted #AAA;
	}
	#pageInfo ul li {
		background: none;
		line-height: 1.61;
	}
	#pageInfo ul li span {
		display: inline-block;
		/display: inline;
		/zoom: 1;
	}
	#counter span {
		background-size: 20px auto;
		background-position: 5px 50%;
		padding: 0 10px 0 30px;
	}
	#update span {
		padding: 0 10px 0 53px;
		background-position: 5px 50%;
	}
	#print { display: none; }
/*****************************************
			Page Top
*****************************************/
	#pageTop {
		margin: 5px auto 0 auto;
		float: none;
	}
/*****************************************
				Footer
*****************************************/
	#footer {
		background: #4C4C4C;
		width: 100%;
		min-width: 100%;
		height: auto;
		margin-top: 0;
		padding: 10px 0 0 0;
	}
	#footerLogo {
		background-image: url(../img/footer/footer_title_sp.png), url(../img/footer/footer_line_sp.png);
		background-size: 225px auto, 2px auto;
		background-position: 50% 50%, 0 50%;
		background-repeat: no-repeat, repeat-x;
		width: 100%;
		height: 39px;
		margin: 0 auto 13px auto;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
	}
	#contactus ul { padding-bottom: 8px; }
	#contactus ul li#tel {
		background: url(../img/footer/icon_tel_sp.png) 0 10px no-repeat;
		background-size: 16px auto;
	}
	#contactus ul li#fax {
		background: url(../img/footer/icon_fax_sp.png) 0 9px no-repeat;
		background-size: 15px auto;
	}
/*****************************************
			Copy Right
*****************************************/
	#copyright {
		background: #4D347D;
		height: 28px;
		line-height: 28px;
		font-size: 86%;
	}
/*****************************************
			Directory News
*****************************************/
	#dirNews {
		width: 96%;
		margin: 0 auto 30px auto;
		padding: 10px 0 0 0;
	}
	#dirNewsList { height: 180px; }
	#dirNews dl { background: none; }
	#dirNews dl dt {
		width: 100%;
		padding: 0;
		float: none;
	}
	#dirNews dl dd {
		width: 100%;
		margin: 0;
	}
	#dir,
	#dirRel {
		width: 96%;
		margin: 0 auto;
	}
	.dirIndex,
	#dirRelInfo {
		width: auto;
		display: block;
		margin: 0 auto 20px auto;
	}
	#dirIndexQA { width: auto; }
	#field_search_QA {
		margin: 0 auto 15px auto;
		padding: 0 1%;
		width: 88%;
		float: none;
	}
	#btn_search_QA {
		margin: 0 auto 5px auto;
		display: block;
	}
/*****************************************
		Directory Index Q&A
*****************************************/
	#field_search_QA {
		margin: 0;
		padding: 0 1%;
		width: 84%;
		letter-spacing: normal;
	}
	#btn_search_QA {
		background: url(../img/dir/btn_search_dir_sp.png) 50% 50% no-repeat #473064;
		background-size: 20px auto;
		width: 12%;
		height: 30px;
		margin: 0;
		float: right;
		display: block;
		border-radius: 4px;
	}
	#btn_search_QA:hover { background-position: 50% 50%; }
/*****************************************
				Mail Form
*****************************************/
	#mailform dl dt {
		width: 100%;
		float: none;
	}
	#mailform dl dd {
		width: 100%;
		float: none;
	}
/*****************************************
				News
*****************************************/
	#news {
		width: 100%;
		margin: 0;
		padding: 0 0 50px 0;
	}
	#news h2 {
		width: 100%;
		height: 36px;
		margin: 0;
	}
	#newsContents {
		background: #FFF;
		margin: 0 0 20px 0;
		padding: 2px 0;
		height: 250px;
		border-top: 1px solid #4D3381;
		border-bottom: 1px solid #4D3381;
	}
	#news dl {
		background: url(../../x07_bunka_top/img/contents/arw_violet.png) 99% 50% no-repeat;
		width: 96%;
		padding: 5px 2%;
		margin-bottom: 0;
		border-bottom: 1px solid #4D3381;
	}
	#news dl dt {
		background: url(../img/parts/news_dt.png) 0 0 no-repeat;
		background-size: 140px auto;
		width: 134px;
		height: 20px;
		margin: 0 0 3px 0;
		padding: 0 0 0 6px;
		float: none;
		color: #FFF;
		font-size: 86%;
		text-align: left;
	}
	#news dl dd {
		background: none;
		margin: 0;
		padding: 0;
	}
	#news dl dd a { color: #000; }
	#news dl dd a:hover { color: #C03; }
/*****************************************
			Top Link
*****************************************/
	#topLink {
		width: 100%;
		margin: 0 0 40px 0;
		padding: 0;
		letter-spacing: normal;
		list-style: none;
		text-align: center;
	}
	#topLink li {
		width: 50%;
		margin: 0 auto 10px auto;
		display: block;
	}
	#topLink li img {
		width: 100%;
		height: auto;
	}
/*****************************************
			Copy Right
*****************************************/
	#spotBox {
		overflow: hidden;
	}
	#spotImage {
		background: #C1A045;
		width: 98%;
		margin: 0 0 8px 0;
		padding: 4px 1%;
		float: none;
	}
	#spotArticle { margin: 0; }
	#spotArticle h2 {
		background-image: none;
		background: #C1A045;
		width: 96%;
		margin: 0 0 10px 0;
		padding: 6px 2%;
	}
	#spotArticle p {
		width: 100%;
		margin: 0 0 8px 0;
	}
	.spotNote {
		width: 100%;
		margin: 0 0;
	}
	.spotItem {
		width: 100%;
		margin: 0 auto 6px auto;
		overflow: hidden;
	}
	.spotItem dl {
		background: #F2F2F2;
		width: 96%;
		margin: 0 0 2px 0;
		padding: 2px 2%;
		float: none;
	}
	.spotItem2 {
		width: 96%;
		margin: 0 auto 8px auto;
		overflow: hidden;
	}
/*****************************************
			Item List
*****************************************/
	#itemList li { margin: 0 5px 5px 0; }
/*****************************************
			Search
*****************************************/
	#contentsSearch {
		width: 98%;
		height: auto;
		margin: 0 auto 30px auto;
		overflow: visible;
		position: static;
	}
	#contentsSsearchCategory {
		width: auto;
		margin: 12px 0 0 0;
	}
	#contentsSsearchCategory ul {
		width: auto;
		list-style: none;
		overflow: hidden;
		letter-spacing: -0.4em;
		text-align: center;
	}
	#contentsSsearchCategory ul li {
		width: 100px;
		height: 100px;
		margin: 6px 3px;
		display: inline-block;
		/display: inline;
		/zoom: 1;
		vertical-align: top;
		float: none;
	}
	#contentsSsearchCategory ul li.sc05 { margin: 6px 3px; }
	#contentsSsearchCategory ul li a {
		background: none;
		background-size: 100px 100px !important;
	}
	#contentsSsearchCategory ul li a:hover { background-position: 0 0 !important; }
	#contentsSsearchCategory ul li.sc01 a { background: url(../img/search/type01.png) 0 0 no-repeat; }
	#contentsSsearchCategory ul li.sc02 a { background: url(../img/search/type02.png) 0 0 no-repeat; }
	#contentsSsearchCategory ul li.sc03 a { background: url(../img/search/type03.png) 0 0 no-repeat; }
	#contentsSsearchCategory ul li.sc04 a { background: url(../img/search/type04.png) 0 0 no-repeat; }
	#contentsSsearchCategory ul li.sc05 a { background: url(../img/search/type05.png) 0 0 no-repeat; }
	#contentsSsearchBox {
		width: 100%;
		margin: 6px 0 0 0;
		overflow: hidden;
	}
	#contentsSearch #field_search {
		margin: 0;
		padding: 0 2%;
		width: 81%;
		height: 32px;
		line-height: 32px;
		letter-spacing: normal;
		border-radius: 0;
	}
	#contentsSearch #btn_search {
		background: url(../img/parts/btn_search_white.png) 50% 50% no-repeat #726BFF;
		background-size: 24px auto;
		position: static;
		top: 0;
		right: 0;
		width: 12%;
		height: 36px;
		margin: 0;
		float: right;
	}
}