
/*===============================================
●smart.css  画面の横幅が1010pxまで
===============================================*/

@media screen and (max-width:1150px) {
body {
	margin: 0;
	box-sizing: border-box
}
img {
	max-width: 100%;
	width: 100%;
	height: auto;
	width /***/: auto;
}
header {
	display: none;
}
#gnavi_phone {
	display: block;
	width: 100%;
	background: #000;
}
ul.accordion {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 16px;
	list-style-type: none
}
ul.accordion a {
	display: block;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
}
ul.accordion span {
	display: block;
	background-position: 100% center;
	background-repeat: no-repeat;
	color: #000;
	font-weight: bold;
	padding: 15px;
	box-sizing: border-box;
	font-size: 16px;
	text-align: left;
}
ul.accordion ul {
	display: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul.accordion > li {
	background: #000;
}
ul.accordion > li > p {
	width: 100%;
	cursor: pointer;
}
ul.accordion > li > p span {
	background-image: url(../../img/open.png);
	background-size: 15%;
}
ul.accordion > li > p span.open {
	background-image: url(../../img/close.png);
	background-size: 15%;
}
ul.accordion > li > ul > li {
}
ul.accordion > li > ul > li > p {
}
ul.accordion > li > ul > li > a {
	background: url(../img/go.png) no-repeat 98% center;
}
ul.accordion > li > ul > li > ul > li {
	border-bottom: 1px dotted #888;
}
ul.accordion > li > ul > li > ul > li:last-child {
	border: none;
}
.accordion_gnavi {
	width: 100%;
	font-size: 16px;
	border-bottom: 1px solid #000 !important;
	box-sizing: border-box;
	padding: 3% 2%;
	background: #333333;
}
.accordion_gnavi:hover {
	background: #4d4d4d;
}
.accordion_gnavi a {
	display: block;
	font-size: 16px;
	color: #fff !important;
}
.slide {
	display: none;
}
.slide_smp {
	display: block;
}
#index_textwrap {
	position: relative;
	width: 100%;
	top: 74px;
	z-index: 2;
	background: #000;
	padding: 20px;
	box-sizing: border-box;
	background: rgba(0,0,0,0.5);
}
#index_textwrap2 {
	display: block;
	position: relative;
	width: 100%;
	top: 74px;
	z-index: 2;
	background: #000;
	padding: 20px;
	box-sizing: border-box;
	background: rgba(0,0,0,0.5);
}
#index_text {
	width: 300px;
	max-width: 300px;
	margin: 0;
}
#index_text img {
	max-width: 300px;
}
#contents_wrap {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
#index_main {
	float: none;
	width: 100%;
	padding: 40px 10px 20px 10px;
	box-sizing: border-box;
}
#index_infoBr {
	padding: 10px 10px 0 10px;
}
#index_infoTitle {
	font-size: 18px;
	padding: 10px 0;
	box-sizing: border-box;
}
#index_infoBox {
	padding: 15px;
	height: 150px;
	overflow: auto;
	box-sizing: border-box;
}
#index_infoBox dl {
}
#index_side {
	float: none;
	width: 100%;
	padding: 20px 10px;
	box-sizing: border-box;
}
#index_rootsBox {
	padding-bottom: 10px;
}
#index_roots {
	float: left;
	width: 30%;
	padding: 0;
}
#index_rootsText {
	float: right;
	width: 65%;
	font-size: 12px;
}
#index_sbnr ul {
	overflow: hidden;
	width:100%
}
#index_sbnr li {
	width: 95%;
}
#index_small_bnr img{
	width: 95%;
}


#index_sbnr li:nth-child(even) {
	float: right;
}
#fmenu_phone {
	display: block;
	width: 100%;
	margin-top: 20px;
}
#fmenu_phone ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#fmenu_phone li {
	border-top: 1px solid #999;
}
#fmenu_phone li a {
	display: block;
	padding: 20px 10px;
	box-sizing: border-box;
	font-size: 16px;
	color: #000;
	background: #f2f2f2;
	transition: .3s;
}
#fmenu_phone li a::after {
	top: 45%;
	right: 5%;
	width: 5px;
	height: 5px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow2 {
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.arrow2::before, .arrow2::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: 0 0 0 auto;
	content: "";
	vertical-align: middle;
}
#fmenu_phone li a:hover {
	background: #ccc;
}
footer {
	background: #000;
	padding: 20px 10px;
	text-align: center;
	color: #FFF;
	box-sizing: border-box;
}
#footer_menu1 {
	display: none;
}
#footer_menu2 {
	background: none;
}
#adress {
	width: 100%;
	text-align: center;
}
#adress dt {
	width: 100%;
	text-align: center;
}
#adress dd {
	margin-left: 0;
	width: 100%;
	text-align: center;
}
#footer_logo {
	border-left: none;
	padding: 20px 0 0 0;
}
#footer_text {
	padding: 20px 10px;
	box-sizing: border-box;
}
/*--------- spage ---------*/

#spage_wrap {
	width: 100%;
	margin: 0 auto;
	padding: 15px;
	overflow: hidden;
	box-sizing: border-box;
}
#spage_main {
	float: none;
	width: 100%;
	padding: 20px 10px;
	box-sizing: border-box;
}
#title_wrap {
	position: relative;
	width: 100%;
	padding: 25px 0 25px 0;
	z-index: 0;
	background: url(../../img/titlebg.png) repeat;
	text-align: center;
}
#title {
	display: inline-block;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	padding: 0 20px;
	margin: 0 20px;
	box-sizing: border-box;
}
#title h2 {
	font-size: 24px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	letter-spacing: 10px;
}
#pankuzu {
	display: none;
}
#junbi {
	padding: 20px;
	font-size: 18px;
	margin-bottom: 0;
}
.box_s {
	width: 100%;
}
/*history*/

#map_canvas {
	width: 100%;
	height: 580px;
	margin: 0 auto;
	border: 2px solid #88675b;
}
#history_main {
	width: 100%;
}
#history_main ul {
	width: 100%;
}
#history_main li {
	width: 100%;
}
#history_main li:nth-child(odd) {
	float: none;
}
#history_main li:nth-child(even) {
	float: none;
}
.history_img {
	float: none;
}
.history_textwrap {
	float: none;
	width: 100%;
}
.history_btna {
	float: right;
	width: 48%;
	margin-bottom: 2px;
}
.history_btnb {
	float: left;
	width: 48%;
}
.history_btna a, .history_btnb a {
	display: block;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	background: #88675b;
	color: #FFF;
	font-size: 16px;
}
.history_text {
	width: 100%;
	height: auto;
	font-size: 14px;
}
.history_linkwrap {
	padding: 10px;
}
.history_linkwrap li {
	width: 100%;
}
.history_linkwrap li a {
	margin: 5px;
}
/*--------- link ---------*/


.link dt {
	float: none;
	width: auto;
	height: auto;
}
.link dd {
	padding-top: 10px;
	margin-bottom: 20px;
	width: auto;
	height: auto;
}
.link dd a {
	margin-left: 0;
}
/*--------- about ---------*/


#about_title h3 {
	font-size: 16px;
}
#about_textbox1 {
	float: none;
	width: 100%;
	padding-bottom: 20px;
}
#about_img1 {
	float: none;
	width: 100%;
}
#about_img2 {
	font-size: 16px;
}
#about_wrap {
	width: 100%;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}
#about_logowrap, #about_300wrap, #about_poster {
	width: 100%;
	margin-bottom: 20px;
}
.about_stitle {
	margin-bottom: 20px;
	font-size: 18px;
}
.about_simg {
	margin-bottom: 20px;
}
.about_simg img {
	width: 80%;
}
.about_btn {
	width: 50%;
	margin: 0 auto;
}
.about_btn a {
	font-size: 16px;
	padding: 10px 0;
}

.about_box{
	width: 100%;
}

.about_boximg{
	width: 30%;
}

.about_boxtext{
	width: 65%;
	padding: 0;
	font-size: 16px;
}

/*--------- logo ---------*/

.logo_img {
	width: 100%;
	float: none;
	padding-bottom: 10px;
}
.logo_textbox {
	width: 100%;
	float: none;
	font-size: 16px;
}
.logo_text {
	padding-bottom: 10px;
}
.logo_btn {
	float: left;
	width: 50%;
	margin-bottom: 10px;
}
.logo_btn a {
	display: block;
	width: 100%;
	border: 2px solid #000;
	text-align: center;
	font-size: 16px;
	padding: 20px 0;
	box-sizing: border-box;
	color: #000;
	transition: all .3s;
}
.logo_btn a:hover {
	color: #fff;
	background: #000;
}
.logo_y, .logo_b {
	float: none;
	width: 100%;
	margin-right: 0;
	text-align: center;
}
/*--------- poster ---------*/

#poster_wrap {
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}
.poster_img {
	width: 100%;
}
.poster_img img {
	width: 100%;
	margin-bottom: 20px;
}
#poster_text {
	width: 100%;
}
.poster_tohyo {
	float: none;
	padding: 0 0 15px 0;
}
/*--------- roots ---------*/

.roots_img {
	float: none;
	margin-bottom: 10px;
}
.roots_img iframe {
	width: 100%!important;
}
.roots_wrap {
	float: none;
	width: 100%;
}
.roots_no {
	width: 100%;
}
.roots_text {
	font-size: 16px;
}
.roots_btn ul {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	isplay: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: flex-end; /* Safari */
	justify-content: flex-end;
}
.roots_btn li {
	width: 100%;
	margin-left: 5px;
}
.roots_btn li:first-child {
	width: 100%;
	margin-left: 0;
}
.kanren_box {
	float: none;
	width: 100%;
	padding: 20px;
	background: url(../../img/roots/kanren_bg.png) no-repeat left 20px bottom 20px;
}
.kanren_title {
	font-size: 20px;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	padding: 12px 0;
}
.kanren_title span {
	font-size: 20px;
	font-weight: bold;
	color: #e5ca74;
}
.kanren_box p {
	font-size: 16px;
}
.kanren_btn {
	text-align: center;
}
.kanren_btn a {
	background: #FFF;
	margin: 20px auto;
}
.kanren_btn a:hover {
	color: #fff;
	background: #000;
}
.kanren_img {
	float: none;
	width: 100%;
}
.kanren_img img {
	width: 100%;
}
/*--------- roots vol ---------*/

#rv_img {
	float: none;
	width: 100%;
	padding-bottom: 20px;
	text-align: center;
}
#rv_wrap {
	float: none;
	width: 100%;
}
#rv_no {
	width: 100%;
	padding: 5px 10px;
	text-align: center;
}
#rv dl {
	width: 100%;
	border-top: 1px solid #CCC;
}
#rv dt {
	float: none;
	width: 100%;
}
#rv dd {
	margin-left: 0;
	min-height: auto;
}
.rv_i {
	margin-left: 0 !important;
	padding-left: 0;
	text-indent: 0;
}
	
/*--------- sponsor ---------*/

.sponsor_kome100{
	display: block;
}

.sponsor_kome100 dt,
.sponsor_kome100 dd{
	width: 100%;
	text-align: center;
}

.sponsor_kome100 dt a{
	font-size: 1.25rem;
	padding-top: 0;
}

.sponsor_kome100new th,
.sponsor_kome100new td{
	display: block;
	width: 100%;
}
	
.sponsor_kome100new td a{
	display: block;
	width: 100%;
	text-align: center;
}

/*--------- bosyu ---------*/

#bosyu {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}
#bosyu li {
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}
.bosyu_btn {
	width: 80%;
	margin: 20px auto 0 auto;
}
/*--------- shimin ---------*/

#shimin_box h4 {
	font-size: 20px;
}
#shimin_textbox {
	float: none;
	width: 100%;
	padding-bottom: 10px;
}
#shimin_img {
	float: none;
	width: 100%;
}
.shimin_l, .shimin_r {
	float: none;
	width: 100%;
	margin-right: 0;
}
.shimin_btn {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}
.shimin_btn2 {
	float: none;
	width: 100%;
	padding-left: 0;
}
.shimin_btn3 {
	float: none;
	margin-left: 0;
}

.shiminT1,.shiminT2,.shiminT3{width: auto;}
	
/*--------- お知らせ記事 ---------*/

.news_textbox h4 {
	font-size: 18px;
}
.news_imgl, .news_imgr {
	float: none;
	width: 100%;
	margin: 0;
	text-align: center;
}
/*--------- jigyo ---------*/

#jigyo {
	display: none;
}
#jigyo_s {
	display: block;
}
#jigyo_btn {
	width: 180px;
	margin: 0 auto 20px auto
}
#jigyo_btn a {
	font-size: 14px;
	padding: 10px;
}
/*--------- event_list ---------*/

.elist_m {
	padding: 10px 20px;
	font-size: 18px;
}
.elist_arrow {
	margin: 0 auto;
}
.elist_box {
	padding: 10px 20px;
}
.elist_dl dt, .elist_dl dd {
	font-size: 16px;
}
.elist_btn, .elist_btn2 {
	width: 100%;
	max-width: 100%;
}
.elist_img {
	padding: 10px 0;
	text-align: center;
	float: none;
}
.elist_end a {
	width: 100%;
}
/*2018年イベントカレンダー対応*/
.linkbox2 {
	text-align: center;
	margin-top: 20px;
}
.square_btn {
	margin: 0 0 20px;
}
.tab5 label {
	display: inline-block;
	width: 23%;
	text-align: center;
	padding: 10px 0;
	cursor: pointer;
	background: #ddd;
	margin: 0 1% 2% 0;
}
.tab5 label:nth-of-type(4) {
	margin: 0 0 2% 0;
}
.tab5 input:checked + label {
	background: #e8cc7b;
	padding: 10px 0;
	width: 23%;
	text-align: center;
}
.tab5 input:checked + label:nth-of-type(4) {
	margin: 0 0 2% 0;
}
.tab5 #tab5-1:checked ~ #tab5-b1, .tab5 #tab5-2:checked ~ #tab5-b2, .tab5 #tab5-3:checked ~ #tab5-b3, .tab5 #tab5-4:checked ~ #tab5-b4, .tab5 #tab5-5:checked ~ #tab5-b5, .tab5 #tab5-6:checked ~ #tab5-b6, .tab5 #tab5-7:checked ~ #tab5-b7 {
	padding: 0 15px 15px;
	margin-bottom: 30px;
}
.eventbox table {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.eventbox table th, .eventbox table td {
	display: block;
	width: 100%!important;
	box-sizing: border-box;
	border: 0;
	border-bottom: 1px solid #ccc;
}
.elist2018_img {
	padding: 10px 0;
	text-align: center;
	float: none;
}

.elist_movie{
	width: 100% !important;
}
	
.event_ListDl{
	width: 100%;
}

.event_ListDl dt{
	width: 100%;
}

.event_ListDl dd{
	width: 100%;
	margin-bottom: 5px;
}
	
.event_ListDlTable th{
	display: block!important;
	width: 100%!important;
}
	
.event_ListDlTable td{
	display: block!important;
	width: 100%!important;
	padding-bottom: 5px!important;
}

/*--------- splan ---------*/

.splan {
	border: none;
}
.splan thead {
	display: none;
}
.splan tr {
	border-top: 1px solid #999;
	display: block;
	margin-bottom: 20px;
}
.splan td {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	display: block;
	padding: 10px;
	text-align: left;
}
.splan td::before {
	display: block;
	content: attr(data-label);
	font-weight: bold;
	background: #eee;
}
.splan_img1 {
	float: none;
	padding: 0 0 10px 0;
}
#splan_btn {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#splan_btn li {
	max-width: 305px;
	width: 100%;
	margin: 0 auto 3px auto;
}
/*--------- event ---------*/

#event_aisatsu_img {
	float: none;
	padding: 0 0 20px 0;
}
#event_aisatsu_m {
	font-size: 18px;
}
/*--------- kinen ---------*/

#kinen_title {
	display: block;
}
#kinen_title h3 {
	margin-bottom: 20px;
}
.kinen_alert {
	font-size: 20px;
}
.kinen_bar1, .kinen_bar2 {
	font-size: 18px;
}
.kinen_box {
	padding: 20px;
}
.kinen_part1 {
	float: none;
	width: 100%;
}
	
.kinen_part1_table th {
	font-size: 16px;
	padding: 5px;
}
.kinen_part1_table td {
	font-size: 16px;
	padding: 5px;
}
.kinen_part1_table td span {
	font-size: 12px;
}
.kinen_part2 {
	float: none;
	width: 100%;
	padding-bottom: 180px;
	background: url(../../img/kinen/kinen_img1.jpg) no-repeat bottom center;
	background-size: 320px;
	margin-top: 20px;
}
.kinen_part2_box {
	margin-top: 20px;
	font-size: 16px;
}
.kinen_part2_m1 {
	font-size: 20px;
}
.kinen_part2_m2 {
	font-size: 16px;
	font-weight: bold;
}
.kinen_part3 {
	float: none;
	margin-top: 20px;
}
.kinen_part3_box {
	margin-top: 20px;
}
.kinen_event_bar {
	font-size: 18px;
	
}
.kinen_event_box {
	display: block;
}
.kinen_event {
	width: 100%;
}
.kinen_event_bg {
	background: none;
}
.kinen_event dt {
	width: 130px;
}
.kinen_event dd {
	margin-left: 130px;
}
.kinen_access_box {
	display: block;
}
.kinen_access_place {
	font-size: 18px;
}
.kinen_access_address {
	font-size: 16px;
}
.kinen_access_address span {
	font-weight: bold;
}
.kinen_pdf{
	width: 100%;
	font-size: 18px;
}


/*--------- shikiten ---------*/

.shikitenbox {
	padding:5%;
}

.shikitenbox p {
	margin: 0 0 15px 0;
}

.pictbox {
	width:100%;
	height:auto;
	padding:0;
}

.pictbox img {
	width:45%;
	height:45%;
}

/*--------- ayumi ---------*/

#ayumi_movie{
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
}

#ayumi_movie iframe{
	width: 100%;
	height: 200px;
}

.ayumi_img{
	width: 30%;
	text-align: center;
}
	
.ayumi_img img{
	width: 100%
}
	
.ayumi_text{
	width: 65%;
}

.ayumi_btn{
	width: 80%;
	margin: 0 auto;
}
	
/*--------- message ---------*/

.message_movie{
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
}

.message_movie iframe{
	width: 100%;
	height: 200px;
}

/*--------- memorial_event ---------*/

.memorialEventWrap h4{
	font-size: 18px;
	margin-left: 22px;
}

.memorialEventWrap h4:before{
	content: "";
	width: 18px;
	height: 18px;
	background: #e5ca74;
	position: absolute;
	top:4px;
	left: -22px;
}
.memorialEventImg{
	width: 100%;
	margin-bottom: 1rem;
}
.memorialEventImg2{
	width: 48%;
	margin-bottom: 1rem;
}

.memorialEventImg img,
.memorialEventImg2 img{
	width: 100%;
}

}
