@charset "UTF-8";
@media screen and (max-width: 650px) {


/*▼フォントカラー▼*/
body      {}
a         {}
a:link    {}
a:visited {}
a:hover   { text-decoration:none; }

/*▼フロートボックス▼*/
.fl_box { float:none; }
.fr_box { float:none; }

/*▼スマホ・PC振り分け▼*/
.pc { display:none !important; }
.sp { display:block !important; }


/* structure
================================================================================================================================================================================================================================================== */
html, body {}
html { background:url(../images/sp/bg_all_r_sp.jpg); }
body { max-width:460px; margin:0 auto; -webkit-box-shadow:0px 0px 3px #999; box-shadow:0px 0px 3px #999; background-color:#fcfcfc; }
#container { font-size:14px; margin:0; min-width:0; }
#header { padding-top:0; }
#header .inner { width:auto; margin-left:0; margin-right:0; }
#temp #header { padding-bottom:7px; background:none; }
#main_visual { padding-bottom:0; -webkit-background-size:contain; -moz-background-size:contain; background-size:contain; }
#main_visual .bg { background:none; padding:15px 0 45px; }
#main_visual .bg .inner { width:auto; height:auto; border:none; margin:0 auto;  -webkit-box-shadow:none; -moz-box-shadow:none;	box-shadow:none; }
#wrapper {}
#temp #wrapper { padding-top:0; }
#conts_home { width:auto; float:none; }
#conts { width:auto; float:none; }
#conts .inner { margin:0 10px; }
#sidebar { width:auto; float:none; margin:0 10px; }
#footer {}
#footer .inner01 {}
#footer .inner02 { padding:0; }
#footer .bg01 { -webkit-background-size:77.5px; -moz-background-size:77.5px; background-size:77.5px; }
#footer .bg02 {}

#wrapper,
p#pagetop,
#footer .inner01,
#footer .inner02 { width:auto; margin-left:auto; margin-right:auto; }

img { max-width:100%; height:auto; }


/* image replace 
================================================================================================================================================================================================================================================== */
#global_nav ul li a,
.h_box h2.h_title,
.topics_box h2 span { text-indent:0; white-space:normal; overflow:visible; }

/* header
================================================================================================================================================================================================================================================== */
/*▼サイトタイトル▼*/
h1#site_title { margin:10px 0 10px 10px; }
h1#site_title a { width:250px; height:28px; background-image:url(../images/sp/logo_sp.png); -webkit-background-size:contain; -moz-background-size:contain; background-size:contain; }

/*▼ディスクリプション▼*/
p#description { display:none; }

/*▼ナビリスト▼*/
ul#header_nav { display:none; }

/*▼メニューボックス・ボタン▼*/
#menu_box { display:none; }
p#menu_btn { display:block; padding:10px; position:absolute; top:0px; right:0; cursor:pointer; text-align:center;  }
p#menu_btn img { width:36px; height:auto; vertical-align:middle; }

/*logomarkあり*/
h1#site_title { margin:5px 0 5px 10px; }
h1#site_title a { width:270px; height:38px; background:url(../images/logo_new_sp.png) no-repeat; -webkit-background-size:contain; -moz-background-size:contain; background-size:contain; }


/* globalnavi
================================================================================================================================================================================================================================================== */
#global_nav { background:none; height:auto; border-bottom:none; margin-bottom:0; }
#global_nav ul { width:100%; margin-left:0; margin-right:0; background:none; }
#global_nav ul li { width:50%; height:auto; font-size:14px; }
#global_nav ul li.item01 {}
#global_nav ul li.item02 {}
#global_nav ul li.item03 {}
#global_nav ul li.item04 {}
#global_nav ul li.item05 {}
#global_nav ul li.item06 {}
#global_nav ul li.item07 { width:50%; }
#global_nav ul li.item08 { width:50%; display:block; }

#global_nav ul li a { background:url(../images/sp/gl_btn_sp.jpg) repeat-x; -webkit-background-size:contain; -moz-background-size:contain; background-size:contain; width:auto; height:auto; font-size:16px; line-height:44px; display:block; border: solid 1px #3f2416;  background-position:0% 0% !important; color: #f3f0e5;	text-shadow: 0 0 5px #230d04; text-align:center; font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; font-weight:normal; }
#global_nav ul li.item01 a {}
#global_nav ul li.item02 a {}
#global_nav ul li.item03 a {}
#global_nav ul li.item04 a {}
#global_nav ul li.item05 a {}
#global_nav ul li.item06 a {}
#global_nav ul li.item07 a { width:auto; }
#global_nav ul li.item08 a { width:auto; }
#global_nav ul li:nth-child(odd) a { border-left:none; border-bottom:none;  }
#global_nav ul li:nth-child(even) a { border-left:none; border-bottom:none; border-right:none; }
#global_nav ul li a:hover { background-position:0% 0% !important; }
#global_nav ul li a span { display:block; border:1px #85736a solid; }
	
	

/* text navi */
#global_nav ul.text_list li { width:50%; }
#global_nav ul.text_list li a { background:url(../images/sp/gl_btn_sp.jpg) repeat-x; background-size: contain; width: auto; height: auto; line-height: 1.5; }
#global_nav ul.text_list li.item01 a { border-left: 0; }
#global_nav ul.text_list li a span { padding: 0.2em 0; font-weight: normal; }
#global_nav ul.text_list li a:hover { text-decoration: none; background-color: rgba(255,180,180,0.1); }


/* main_visual
================================================================================================================================================================================================================================================== */
/*▼bxslider▼*/
ul#bxslider {}
ul#bxslider li { width:auto; height:auto; }
ul#bxslider li a {}
ul#bxslider li img { width:auto; height:auto; }
ul#bxslider li:after{ content:"."; display:block; font-size:1px; overflow:hidden; height:1px; color:transparent; margin-top:-1px; }/*Androidで画像がぼやける問題を解決*/

/*▽サムネイル▽*/
#main_visual .bx-wrapper .bx-pager, #main_visual .bx-wrapper .bx-controls-auto { bottom:-30px; }

/*▽スライダー下部▽*/
.bx-wrapper {}

/*▽丸全部の色▽*/
.bx-wrapper .bx-pager.bx-default-pager a,
.bx-wrapper .bx-pager.bx-default-pager a { background:#474747; }

/*▽丸のhover、activeの色▽*/
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #8a2947; }

/*▽右左ボタン▽*/
.bx-wrapper .bx-prev, .bx-wrapper .bx-next { background:url(../images/sp/controls.png) no-repeat; -webkit-background-size:88px auto; -moz-background-size:88px auto; background-size:88px auto; }
.bx-wrapper .bx-prev { left:0;  }
.bx-wrapper .bx-next { right:0; background-position:right top; }
.bx-wrapper .bx-prev:hover { background-position: left bottom; }
.bx-wrapper .bx-next:hover { background-position: right bottom; }
.bx-wrapper .bx-controls-direction a { width:44px; height:44px; margin-top:-25px; }


/* conts_home
================================================================================================================================================================================================================================================== */
/*▼見出し共通▼*/
.h_box {}
.h_box h2.h_title { background:none; width:atuo; font-size:18px; font-weight:bold; padding:0 8px; line-height:30px; font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; font-weight:normal; }
.h_box p.nav_btn { position:absolute; right:8px; bottom:5px; font-size:0.9em; }
.h_box p.nav_btn a.rss_btn { background:url(../images/i_rss.png) no-repeat left center; padding-left:20px; margin-right:10px; }

/*▼トピックス▼*/
.topics_box { margin:0 10px 15px; }
.topics_box h2 { width:auto; display:block; height:auto; line-height:30px; float:none; }
.topics_box h2 span { width:auto; height:auto; display:block; line-height:30px; font-size:18px; font-weight:bold; padding:0 5px; display:block; background:none; color:#FFF; font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; font-weight:normal; }
.topics_box .index_list {}
.topics_box .index_list dl {}
.topics_box .index_list dl:first-child {}
.topics_box .index_list dl dt {}
.topics_box .index_list dl dd {}
.topics_box .index_list dl dd a {}
.topics_box .index_list dl dd a:hover {}

/*▼新着情報▼*/
.new_box { margin-bottom:0; }
.new_box .h_box { border-left:none; border-right:none; border-radius:0; }
.new_box .index_list {}
.new_box .index_list dl { padding:10px; cursor:pointer; }
.new_box .index_list dl:last-child { border-bottom:none; }
.new_box .index_list dl dt { display:block; padding:0 0 3px; }
.new_box .index_list dl dt.new { display:inline-block; padding-right:35px; background-position:right 4px; }
.new_box .index_list dl dd { display:block; padding:0; }
.new_box .index_list dl dd a {}
.new_box .index_list dl dd a:hover {}

/*▼活動内容▼*/
.activity_box {}
.activity_box .h_box { border-left:none; border-right:none; border-radius:0; }
.activity_box .h_box h2.h_title { background:none; }
.activity_box ul.inner {}
.activity_box ul.inner li { float:none; margin-left:0; width:auto; padding:0 10px; }
.activity_box ul.inner li:first-child { margin-left:0; }
.activity_box ul.inner li img { width:80%; margin:0 auto 10px; }


/* sidebar
================================================================================================================================================================================================================================================== */
/*▼バナーエリア▼*/
ul.bnr_box { padding-top:30px; border-top:2px #bdb8b1 solid;  }
ul.bnr_box li { width:50%; float:left; margin-bottom:0 }
ul.bnr_box li a { display:block; padding-bottom:2px; }
ul.bnr_box li:nth-child(odd) a { padding-right:1px; } 
ul.bnr_box li:nth-child(even) a { padding-left:1px; }
ul.bnr_box li img { width:100%; }

ul.bnr_box li span { display:block; padding:5px; }/*《CMS7》リンクがないバナー用*/
ul.bnr_box li p { display:none; }/*《CMS7》コメント削除*/


/* footer
================================================================================================================================================================================================================================================== */
/*▼施設のご案内（カルーセルスライダー）▼*/
#carousel_box { float:none; margin:0 20px 0; }
#carousel_box .h_box h2.h_title { background:none; width:auto; }

/*▼図書室▼*/
p#library_box { width:auto; float:none; text-align:center; display:none; }

/*▼フッターナビ▼*/
p#sitemap_btn { display:block; color:#91867d; text-align:center; line-height:1; padding:15px 0; font-weight:bold; background-color:#17100b; cursor:pointer; border-top:1px #17100b solid;
	background-image: -webkit-linear-gradient(bottom, #17100b, #392b21);
	background-image: -moz-linear-gradient(bottom, #17100b, #392b21);
	background-image: -o-linear-gradient(bottom, #17100b, #392b21);
	background-image: linear-gradient(to top, #17100b, #392b21);
}
p#sitemap_btn:before { display: inline-block; content: ""; width: 18px; height: 14px; background:url(../images/sp/i_sitemap_sp.png) no-repeat; vertical-align:middle; margin-bottom:2px; margin-right:5px;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
p#sitemap_btn a { color:#91867d; }
#footer_nav { display:none; width:auto; float:none; background-color:#17100b; padding:0 20px 20px; }
#footer_nav > ul { width:auto; float:none; }
#footer_nav ul li a { display:block; padding:10px; border-top:1px #2e251f solid; }

/*▼サイトタイトル・住所電話番号▼*/
#footer .fl_box { width:auto; padding:20px; }
#footer_title { font-size:15px; }
address {}
address span { line-height:1.7; display:block; }
address span.location { line-height:1.3; margin:5px 0; }
address span.tel,
address span.fax {}

/*▼コピーライト▼*/
small#copyright { float:none; }

/*▼ページ上部へボタン▼*/
span#pagetop { bottom:15px; right:15px; }
span#pagetop img { width:36px; }




/* =============================================================================================================================================================================================================================================== */

/* 中ページCSS */

/* =============================================================================================================================================================================================================================================== */


/* デフォルトスタイル
================================================================================================================================================================================================================================================== */
/*▼段落▼*/
#conts p {}

/*▼画像▼*/
#conts img { max-width:100%; height:auto; float:none; display:block; margin:0 auto 15px; }
#conts figure {}
#conts figure img {}

/*▼リンク▼*/
#conts a {}
#conts a:hover {}

/*▼iframe▼*/
#conts iframe { width:90%; margin:0 5%; }

/*▼パンくずリスト▼*/
#navibar { margin:0 10px 3px; font-size:12px; }
#navibar a { text-decoration:underline; display:inline-block; padding:4px 0; }
#navibar a:hover { text-decoration:none; }

/*▼見出し▼*/
#conts h2#page_title { font-size:16px; border-right:none; border-left:none; border-radius:0; }
#conts h3 { font-size:16px; }
#conts h4 { font-size:15px; }
#conts h5 { font-size:15px; }

/*▼hr▼*/
#conts hr {}

/*▼テーブル▼*/
#conts table { table-layout:fixed; }
#conts table tr {}
#conts th, #conts td { padding:4px 5px; font-size:0.9em; white-space:normal !important; width:auto !important;}
#conts table th {}
#conts table td {}
#conts table caption {}

/*▽共通（width:100%）▽*/
#conts table.table01 { width:100% !important; }
#conts table.table01 tr {}
#conts table.table01 th, #conts table.table01 td {}
#conts table.table01 th { width:30%!important;}
#conts table.table01 td{ width:100%; }

/*▽4列用▽*/
#conts table.table02 { width:100%; }
#conts table.table02 tr {}
#conts table.table02 th, #conts table.table02 td { font-size:8px; padding:2px 4px; }
#conts table.table02 th {}
#conts table.table02 td {}

#conts table.table02 tr.thead {}
#conts table.table02 tr.thead th {}
#conts table.table02 tr.thead th.item01 { width:3em !important; white-space:nowrap !important; }
#conts table.table02 tr.thead th.item02 { width:3em !important; white-space:nowrap !important; }
#conts table.table02 tr.thead th.item03 { width:2em !important; white-space:nowrap !important; }
#conts table.table02 tr.thead th.item04 {}
#conts table.table02 tr.thead th.item05 {}

/*#conts .table_wrap { overflow:scroll; }
#conts table.table02 { width:690px !important; table-layout:auto !important; }*/

/*▽セル統合パターン用▽*/
#conts table.table03 { width:100%; }

/*▼リスト関係▼*/
#conts ul {}
#conts ol {}
#conts li {}
#conts dl {}
#conts dd {}

/*▼索引▼*/
#conts .list_box {}
#conts .list_box .image {}
#conts .list_box .image img { width:75px; height:auto; margin:0 10px 0 0; }
#conts .list_box .text_box {}
#conts .list_box .text_box h4 {}
#conts .list_box .text_box h4 a{}
#conts .list_box .text_box h4 a:hover{}
#conts .list_box .text_box p.comment {}


/* 文章枠用のCSS
================================================================================================================================================================================================================================================== */
/*▼スタンダード▼*/
#conts .common_box01 { margin-bottom:1em; }
#conts .common_box01 .img_box { float:none; margin-bottom:1em; margin-right:auto; margin-left:auto; margin-top:20px; display:block; }
#conts .common_box01 .img_box img {}
#conts .common_box01 .text_box {}
#conts .common_box01_border { padding-bottom:1em; margin-bottom:1em; }

/*▼2列+コメント枠▼*/
#conts .common_box02 { overflow:hidden; margin-bottom:1em; }
#conts .common_box02 p { width:48%; margin:0 0 0 4%; text-align:left; font-size:11px; }
#conts .common_box02 p:first-child { margin:0; }
#conts .common_box02 p img{ margin-bottom:5px; }

/*▼3列+コメント枠▼*/
#conts .common_box03 {}
#conts .common_box03 p { width:auto; float:none; margin:0; margin-bottom:1em; }
#conts .common_box03 p:first-child{}
#conts .common_box03 p img { margin-bottom:5px; }
#conts .common_box03.text_none {} 

/*▼4つ画像のfloat▼*/
#conts .common_box04 {}
#conts .common_box04 img { width:50%; height:auto; margin:0; display:inline; }


/*▼背景カラー▼*/
#conts .color_box01 { padding:10px 10px 1px; }
#conts .color_box01 h3 {}
#conts .color_box01 h4 {}
#conts .color_box01 p {}
#conts .color_box01 .common_box01 {}
#conts .color_box01 .common_box01 .img_box { float:left; margin-right:10px; }
#conts .color_box01 .common_box01 .img_box img { width:80px; height:auto; margin:0; display:inline; }

/*▽上下ボーダー▽*/
#conts .border_box01 {}


/* リンク関連CSS
================================================================================================================================================================================================================================================== */
/*▼アイコン▼*/
#conts a.link_icon { margin-bottom:5px; background-position:left 9px;}

/*▼ボタン▼*/
#conts a.btn {}





/* 各ページ用CSS
================================================================================================================================================================================================================================================== */



/* ボックス用
================================================================================================================================================================================================================================================== */
.row {}
.row:after {}

.col2, .col3, .col4{
	float:none;
	margin:0;
}

.col2_ml0, .col3_ml0, .col4_ml0 {
	float:none;
}

.col2:first-child, .col3:first-child, .col4:first-child,
.col2.left, .col3.left, .col4.left {}

.col2 { width:auto; }
.col3 { width:auto; }
.col4 { width:auto; }

.col2_ml0 { width:auto; }
.col3_ml0 { width:auto; }
.col4_ml0 { width:auto; }

.col2 img, .col3 img, .col4 img { }

}