body{
	font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
@media (max-width:575px){
body{
	letter-spacing:3px;
}
*, ::after, ::before {
    box-sizing: border-box;
}
}
/******************************
* container
*******************************/
@media (max-width:929px){
	#container{
		width:100%!important;
		overflow:hidden;
	}
	#sub{
		overflow:hidden;
	}
}
/******************************
* header
*******************************/

@media (min-width:930px){
	#responsive-header{
		display:none!important;
	}
}
@media (max-width:929px){
	body:not(#courseMap body){
		padding-top:65px;
	}
	#header{
		display:none!important;
	}
	#responsive-header #nav1{
		/*height:100px;
		overflow:scroll;*/
	}
}
@media (max-width:575px){
	#responsive-header img:not(#data #responsive-header img){
		width:200px!important;
		height:auto!important;
	}
}
@media (max-width:929px){
	.navbar-nav{
		max-height:50vh;
		overflow:auto;
		width:100%;
	}
	.navbar-nav::-webkit-scrollbar{width:10px;}/*バーの太さ*/
	.navbar-nav::-webkit-scrollbar-track{background:#dddddd;}/*バーの背景色*/
	.navbar-nav::-webkit-scrollbar-thumb{background:#2cc2e4;}/*バーの色*/
}
/******************************
* wrap
*******************************/
@media (max-width:929px){
	#wrap{
/*		width:100vw!important;
		margin:0!important;*/
		overflow:scroll;
		/*overflow:hidden;*/
		padding-top:56px;!important;

	}
	#wrap #sub{
		width:100%!important;
	}
	#wrap #sub h1{
		width:100%!important;
		overflow:hidden!important;
	}
}
/******************************
* footer
*******************************/
@media (max-width:929px){
	#fnavi-block , #footer{
		width:100%!important;
		margin:5px 0!important;
		height:auto!important;
	}
	#f-banner{
		width:100%!important;
	}
}
@media (max-width:575px){
	div#f-banner a{
		margin-right:0!important;
	}
}
/******************************
* index.asp
*******************************/

/*画像スライド*/
@media (max-width:929px){
	#main-visual{
		width:100%!important;
	}
	#top-banner{
		width:100%!important;
		height:36.559vw!important;
	}
	.gv_galleryWrap{
		width:100%!important;
		height:36.559vw!important;
		padding:0px!important;
	}
	.gv_gallery{
		width:100%!important;
		height:36.559vw!important;
	}
	.gv_panelWrap{
		width:100%!important;
		height:36.559vw!important;
	}
	.gv_panel{
		width:100%!important;
		height:36.559vw!important;
	}
	.gv_panel a img{
		width:100%!important;
		height:auto!important;
	}
	.gv_filmstripWrap{
		display:none!important;
	}
}
/*観光データベース*/
#database{
	width:100%!important;
	height:auto!important;
	padding-bottom:15px!important;
}
#database .row{
/*	max-width:930px!important;*/
	margin-left:3px!important;
}
#database .row .col-md-2 ,
#database .row .col-sm-4 ,
#database .row .col-6{
	padding-left:0px!important;
	padding-right:0px!important;
}

@media (max-width:929px){
ul#gnavi li#g-top a,
ul#gnavi li#g-cate01 a,
ul#gnavi li#g-cate02 a,
ul#gnavi li#g-cate03 a,
ul#gnavi li#g-cate04 a,
ul#gnavi li#g-cate05 a,
ul#gnavi li#g-cate06 a,
ul#gnavi li#g-cate07 a{
	background:transparent;
	text-indent:0;
	width: 200px;
	background-position: 0;
}
ul#gnavi li#g-top a:hover,
ul#gnavi li#g-cate01 a:hover,
ul#gnavi li#g-cate02 a:hover,
ul#gnavi li#g-cate03 a:hover,
ul#gnavi li#g-cate04 a:hover,
ul#gnavi li#g-cate05 a:hover,
ul#gnavi li#g-cate06 a:hover,
ul#gnavi li#g-cate07 a:hover{
	backgorund:transparent;
	background-position: 0;
}
}
/*新着情報*/
#main #t-title-news{
	width:100%;
	margin-bottom:0;
}
@media (max-width:929px){
#database .row{
	margin:0;!important;
}
}
@media (max-width:575px){
#database .row{
	margin:0 -10px 0 5px!important;
}
}
/*左サイドナビ・新着情報*/
@media (max-width:929px){
	#main{
		width:65%!important;
	}
	#navi{
		width:25%!important;
		float:left!important;
		padding-left:10px;
	}
	.tolist{
		margin-left:15px!important;
	}
}
@media (max-width:768px){
	#main{
		width:100%!important;
	}
	#navi{
		display:none;
	}
}

@media (min-width:769px){
	.PC_display_none{
		display:none;
	}
}
@media (max-width:929px){
	#f-banner img{
		width:17%!important;
		height:auto!important;
		margin-bottom:10px;
	}
}
@media (max-width:575px){
	#f-banner img{
		width:50%!important;
		height:auto!important;
		margin-bottom:10px;
	}
}
/******************************
* newsdetail.asp
*******************************/
@media (max-width:575px){
	#top div#news-block dt {
		float:none;
		width:70%;
	}
	#top div#news-block dd {
		padding:15px 0;
	}
	h2#news-date {
		position:relative;
	}
	span#date {
		position:absolute;
			bottom:-30px;
			right:0;
	}
	#news div.f-block {
		margin: 35px 10px 15px 10px;
	}
	#news .news .f-block img{
		width:100%;
	}
}
/******************************
* about.asp
*******************************/
@media (max-width:575px){
	#about #address th{
		display:none;
	}
	#about #address td:before{
		display:block;
	}
	#about #address td#address1:before{
		content:"【住所】";
	}
	#about #address td#address2:before{
		content:"【営業時間】";
	}
	#about #address td#address3:before{
		content:"【TEL】";
	}
	#about #address td#address4:before{
		content:"【FAX】";
	}
	#about #teikan li a{
		width:245px!important;
	}
}
/******************************
access.asp
*******************************/
@media (max-width:929px){
	#access{
		margin:15px 0!important;
	}
	#access .map-area{
		width:100%!important;
	}
	#access .map-area h4{
		clear:both!important;
		font-size:1.2rem!important;
	}
	#map{
		margin:0;
		width:100%;
	}
	#access img{
		max-width:100%;
	}
}
@media (max-width:575px){
	#access .map-area img{
		width:95%!important;
		height:auto!important;
	}
	h2.stit-access {
		padding: 5px 0 7px;
	}
}
/******************************
comment.asp
*******************************/
@media (max-width:929px){
	#comment .article{
		margin:0!important;
	}
	#comment h2 img{
		width:95%!important;
		height:auto!important;
	}
	#comment #commnet-lead{
		margin:0 30px 0 15px!important;
	}
	#comment #form-comment{
		width:90%!important;
		margin-left:15px!important;
	}
}
@media (max-width:768px){
	#comment #form-comment th,#comment #form-comment td{
		display:block;
		width:100%!important;
		text-align:left!important;
	}
	#comment #form-comment td input,#comment #form-comment td textarea{
		width:100%!important;
	}
}
/******************************
event.asp
*******************************/
@media (max-width:929px){
#calendar-block{
	margin:0 10px;
}
h2#stit-event {
	padding: 5px 0 7px;
}
h2#stit-event span{
	font-size:1.0rem;
}
#event #calendar-event {
	width:100%;
}
}
@media (max-width:575px){
#calendar-block{
	margin:0px;
}
h2#stit-event {
	padding: 8px 0 10px;
}
h2#stit-event span{
	font-size:0.7rem;
	letter-spacing:0;
}
div#event table th,
div#event table td{
	display:table-cell;
}
#calendar-list,
#calendar-list .fc-header,
#calendar-list #calender-detail {
	width:100%!important;
}
div#event .fc-border-separate table th,
div#event .fc-border-separate table td{
	display:block;
	width:12.28%;
}
}
/******************************
contact.asp
*******************************/
@media (max-width:929px){
	#contact #regist-lead{
		margin:0!important;
	}
	#contact .input-tbl{
		width:100%;
	}
	#contact .article{
		width:100%;
	}
	div#regist-lead {
		padding:0;
	}
	#contact div.article {
		margin:0;
	}
	#contact form{
		margin-top:30px;
	}
	#contact form h2{
		margin-bottom:25px;
	}
	#contact table.input-tbl input[maxlength="3"],
	#contact table.input-tbl input[maxlength="4"],
	#contact table.input-tbl input[maxlength="5"]{
		width:20%;
	}
}
@media (max-width:768px){
	div#member,div#regist{
		margin:30px 15px 20px;
	}
	#contact table.input-tbl input{
/*		width:100%;*/
	}
	#contact .input-tbl th{
		background-color:#eee;
	}
	table.input-tbl {
		width:100%;
	}
}
@media (max-width:576px){
	div#regist{
		margin:0;
	}
	#contact table td{
		width:100%;
	}
	#contact .input-tbl th,#contact .input-tbl td{
		width:100%;
		display:block;
		text-align:left!important;
	}
/*	#contact .input-tbl td input,#contact .input-tbl td textarea{
		width:85%!important;
	}*/
}
/******************************
download.asp
*******************************/
@media (min-width:930px){
	.header-image-kiyaku{
		display:none;
	}
}
@media (max-width:929px){
	.header-image-kiyaku{
		margin:10px 12.8px 0 0;
		text-align:right;
	}
	#download #wrap #sub{
		overflow:hidden;
	}
	#download #side-frame{
		width:100%!important;
		float:none!important;
	}
	#download #side-frame #download-tag li{
		width:100px;
		display:block;
		float:left;
		padding-left:10px;
		border-right:double 1px #ccc;
	}
	#download #main-frame{
		width:100%!important;
		clear:both;
		float:none!important;
		border:none!important;
	}
	#download #main-frame #download-info img{
		width:100%!important;
		height:auto!important;
	}
}
@media (max-width:576px){
	#download-list li{
		width:164px;
	}
}
/******************************
flower.asp
*******************************/
@media (max-width:929px){
	#flower .stit-flower{
		width:100%!important;
		overflow:hidden;
	}
}
@media (max-width:575px){
	#flower .tabContent img,
	#flower .tabContent h3,
	#flower .tabContent p{
		float:none!important;
		width:100%!important;
		height:auto!important;
	}
}
/******************************
member.asp
*******************************/
@media (max-width:929px){
	#memberlist{
		margin-top:-26px!important;
		padding-top:56px;
	}
}
@media (max-width:575px){
	#member #fee{
		width:100%!important;
	}
	#member #memberlist table thead{
		display:none;
	}#member #memberlist table tbody tr{
		border:1px solid #ccc!important;
	}
	
	#member #memberlist table tbody td{
		display:block;
		width:100%;
		border:none;
	}
	div#member {
		margin:0;
	}
	div#member-lead{
		padding:15px 0;
	}
	div#member h2 span{
		line-height:2.0;
	}
}
/******************************
regist.asp
*******************************/
@media (max-width:575px){
	.error-message, .complete {
		margin:0;
	}
	#regist table.input-tbl input{
		width:100%;
	}
	#regist table.input-tbl input[maxlength="2"],
	#regist table.input-tbl input[maxlength="3"],
	#regist table.input-tbl input[maxlength="4"],
	#regist table.input-tbl input[maxlength="5"]{
		width:20%;
	}
}
/******************************
products.asp
*******************************/
@media (max-width:929px){
	#products #tab-list{
		width:100%!important;
	}
	#products #cms,
	#products .stitle-detail{
		width:100%!important;
		margin:0;
	}
	#products .line{
		width:100%;
	}
	#products #list{
		width:100%!important;
		margin-left:0!important;
	}
	#products table{
		width:100%!important;
	}
	#products table td{
		width:auto!important;
	}
	#products div.d-text{
		padding:0;
	}
}
@media (max-width:575px){
	h2#stit-season span, h2#stit-products span, h2.stit-flower span, h2.stit-access span {
		font-size:1.0rem;
	}
	#products #stit-products{
		margin-bottom: 15px;
		padding: 1px 0 11px;
	}
	#products table td{
		width:85%!important;
		display:block!important;
	}
}
/******************************
productsDetail.asp
*******************************/
@media (max-width:929px){
	#productsDetail #tab-list{
		width:100%!important;
	}
	#productsDetail #cms,
	#productsDetail .line,
	#productsDetail .stitle-detail{
		width:100%!important;
		margin-left:0!important;
	}
	#productsDetail #list{
		width:100%!important;
		margin-left:0!important;
	}
	#productsDetail table{
		width:100%!important;
	}
	#productsDetail table td{
		width:auto!important;
	}

}
@media (max-width:575px){
	#productsDetail #stit-products{
		font-size:1.7rem!important;
	}
	#productsDetail .contnt-item-bphoto1 .d-photo{
		width:100%!important;
	}
	#productsDetail table td{
		width:100%!important;
		display:block!important;
	}
	#productsDetail #comment-list{
		width:100%!important;
	}
	#comment-block {
		margin:0;
		background-image: url(../img/commentsm2.jpg);
	}
}
/******************************
rule.asp
*******************************/
@media (max-width:929px){
	div#rule{
		margin:0!important;
	}
}
/******************************
foreign-language yaoprmovie
*******************************/
@media (max-width:768px){
	#foreign-language table{
		border:none!important;
		width:100%!important;
	}
	#foreign-language table th{
		display:none;
	}
	#foreign-language table td{
		display:block;
		width:100%!important;
		border:none!important;
	}
	#foreign-language table td:first-child{
		background-color:#eee;
	}
	#foreign-language .article,
	#foreign-language div.f-block{
		margin:0;
	}
	#foreign-language table td{
		padding:0;
	}
}
/******************************
* season.asp 旬の情報
*******************************/
@media (max-width:992px){
	#comment-block{
		margin:0;
	}
}
@media (max-width:575px){
	div#tab-list{
		width:100%;
	}
	div#tab-list ul{
		font-size:0.7rem;
	}
	#comment-list{
		width:100%;
	}
	h2#stit-season {
		padding:5px 0 7px;
	}
}
/******************************
yaotan 八尾探
*******************************/
#sub h2,
#sub .h2,
#sub h3,
#sub .h3{
	font-size:1.4em;
}
@media (max-width:992px){
div#wrap{
	width:100%;
/*	padding:0 3%;*/
	overflow:hidden;
}
}
@media (max-width:575px){
/*div#sub h1,
#menu{
	margin:10px -3% 0;
}*/
div#wrap{
	/*padding:0 3%;*/
}
.corseMap div#wrap{
	padding:0;
}
div#sub,
#sub h2,#sub h3,#sub h4,
#upper-block{
	font-size:0.8rem;
}
#upper-block{
	text-align:center;
}
#upper-block img {
	float:none;
	margin:0 auto 20px;
	max-width:90%;
	height:auto;
}
#upper-block p{
	text-align:left;
}
/*div#sub p{
	margin:0;
}*/
}
@media (max-width:929px){
#deep{
	font-size:23px;
}
}
@media (max-width:575px){
#deep{
	width:100%;
	font-size:1.2rem;
	margin:0;
}
}
/*index.asp*/
img.img-lg{
	display:block;
}
img.img-sm{
	display:none;
}
@media (max-width:929px){
#yt-top img{
	width:100%!important;
	height:auto;
}
.pg-descript,
.rec-descript,
.todetail,
.file-no{
	margin:0;
}
.todetail strong {
	line-height:2.0;
}
}
@media (max-width:575px){
img.img-lg{
	display:none;
}
img.img-sm{
	display:block;
}
/*八尾探とは about.asp*/
.pg-menu-box{
	height:auto;
	margin:0 0 30px;
}
.pg-menu-box:nth-child(1),
.pg-menu-box:nth-child(2){
	width:100%;
}
.pg-menu-box p{
	font-size:0.8rem;
}
/*八尾探プログラム search.asp*/
.search-select{
	margin-bottom:15px;
}
.pg-list-img{
	float:none;
	margin:10px 0;
}
.todetail a{
	font-size:0.9em;
	display:block;
	line-height:250%;
}
.file-no{
	font-size:1.0em;
}

/*なにこれスポット spot.asp*/
.spot-section{
	padding:10px;
}
.spot-section span{
	line-height:1.8;
}
#spot h4{
	margin:0;
}
.text-block p{
	float:none!important;
}
.text-block p img,
.spot-section img{
	max-width:100%;
	height:auto!important;
}
}
/*八尾通クイズ quiz.asp*/
@media (max-width:929px){
#quiz-bg,
#quiz,
.answer{
	width:100%;
}
.answerArea img,
.mondai img{
	float:none!important;
}
.mondai img{
	margin-left:30px;
}
}
@media (max-width:575px){
#quiz .mondai,
.answerArea{
	margin:0;
	padding:0;
}

#quiz .mondai li{
	float:none;
	font-size:1.0rem;
}
#quiz .correct{
	margin:10px;
}
}
/*新プログラムの企画募集 to-apply.asp*/
@media (max-width:929px){
#yaotan table.input-tbl{
	width:100%;
}
#yaotan table td{
	width:94vw;
}
}
@media (max-width:575px){
#plan{
	padding-bottom:30px;
}
.to-apply{
	line-height:400%;
}
.to-apply a{
	padding:10px;
	border: 1px solid #5993F2;
}
.to-apply strong{
	border:none;
}
/*開催記録 record.asp*/
#record h2{
	margin:0;
}
div#record p{
	margin:5px 0;
	line-height:240%;
}
.pg-cate{
	text-align:left;
}
.pg-cate span{
	margin:0;
	padding:0 15px;
	display:block;
}
#record-section{
	padding:0;
}
#record-section iframe{
	width:100%;
}
#record #text-block {
	padding:10px;
}
.photo-box{
	width:100%;
	margin:15px 0;
}
.photo-box img{
	max-width:100%;
}
.photo-box{
	text-align:left;
}
}
/*一般市民向け apply.asp*/
@media (max-width:575px){
table td,
table th{
	font-size:0.8rem;
}
}
table.apply-lg{
	display:table;
}
table.apply-sm{
	display:none;
}
@media (max-width:575px){
table.apply-lg{
	display:none;
}
table.apply-sm{
	display:block;
	width:100%;
}
table textarea{
	width:100%;
}
}
@media (min-width:450px) and (max-width:665px){
#menu ul{
	height:84px;
}
}
@media (max-width:449px){
#menu ul{
	height:128px;
}
}
@media (max-width:327px){
#menu ul{
	letter-spacing:0;
}
}
/******************************
Course モデルコース
*******************************/

/*index*/
@media (max-width:929px){
#course-top p img{
	width:100%!important;
}
#course div#navi{
	padding-left:0;
}
}
@media (max-width:575px){
.course-box{
	padding:0;
	background-position:right top!important;
	margin:10px;
}
.course-box-inner{
	padding:10px;
}
.course-box-inner img.float-l{
	float:none!important;
}
.h3, h3,
.h5, h5,
h3.station{
	font-size:0.95rem;
}
}
/*courseDetail*/
@media (max-width:575px){
div#h-navi ul li a {
	width:154px;
}
.travel-time strong,
.time-block strong {
	letter-spacing:0;
	font-size:0.7rem;
}
.travel-time strong{
	letter-spacing:0;
}
div.photo-block p.photo-l {
	float:none!important;
	padding-top:20px;
}
}
@media (max-width:768px){
#btn-print.clearfix{
	display:none;
}
div#detail-sub{
	width:100%;
}
div#detail-sub h1,
#course #container div#wrap h1{
	overflow:hidden;
}
div.change span,
div.change strong {
	display:block;
	margin-bottom:10px;
}
div.time-block p.rq-note {
	width:100%;
	padding:0;
}
h2#crs-title {
	font-size:1.2rem;
}
span#series {
	display:inline-block;
}
.root-sight ol li a{
	display:block;
}
div.time-block p{
	margin:0;
}
}
@media (max-width:575px){
div.sight-detail p.todetail a,
div.sight-detail p.todetail span{
	position:absolute;
		top:40px;
}
div.stop-off p.todetail a,
div.stop-off p.todetail span{
	position:absolute;
		top:34px;
}
div.stop-block p{
	padding-top:10px;
}
h3.station{
	padding-bottom:30px;
}
#course div#detail-sub img{
	
}
}
@media (max-width:399px){
.h3, h3,
.h5, h5,
h3.station{
	font-size:0.85rem;
}
div.sight-detail p.todetail a,
div.sight-detail p.todetail span{
	position:absolute;
		top:30px;
}
h3.station{
	padding-bottom:20px;
}

}
@media (max-width:284px){
div.change input {
	margin-left:1.4rem;
}
}
@media (min-width:285px) and (max-width:314px){
div.change input {
	margin-left:2.0rem;
}
}
@media (min-width:345px) and (max-width:379px){
div.change input {
	margin-left:1.3rem;
}
}
@media (min-width:380px) and (max-width:414px){
div.change input {
	margin-left:1.9rem;
}
}
@media (min-width:415px) and (max-width:464px){
div.change input {
	margin-left:2.4rem;
}
}
/*courseMap*/
@media (max-width:768px){
div#map_canvas{
	width:100%;
}
}
/*courseAll*/
div#course-main {
	width:100%;
}
div#course-main #map,
div#course-main #mapster_wrap_0{
	width:100%!important;
	height:auto!important;
}
#mapster_wrap_0 img,
#mapster_wrap_0 canvas{
	width:100%!important;
	height:auto!important;
}
div.root-sight ol li{
	display:block;
	padding:0;
	width:100%;
	background-position:20px 0;
}
.crs-name span{
	font-size:1.2rem;
}
#course #navi{
	display:block;
	width:100%!important;
}
ul#crs-menu{
	width:98%;
}
div#navi-inner,
ul#crs-menu li{
	width:95%;
}
}
/******************************
data データベース
*******************************/
div#main-visual{/**/
}
#data div#wrap{
	overflow:visible;
}
@media (max-width:768px){
#data div#main-visual{
	background-image:url(../data/img/main_visual_yaocity_bg.jpg);
	background-size:contain;
	background-position:top;
}
#news-area,
#bnr-course,
div#mmenu-block,
div#srch-school,
#bnr-course img{
	margin:0;
	width:100%;
}
div#srch-school{
	margin:10px auto 0;
}
div#srch-school select {
	margin: 173px 0 0 135px;
}
ul#mmenu{
	margin:430px auto 0;
}
ul#mmenu li a {
	margin: 0 0 13px 7px;
}
}
@media (max-width:575px){
div#srch-school select {
	margin: 73px 0 0 55px;
}
}
@media (min-width:576px) and (max-width:768px){
div#srch-school{
	width:400px;
	height:250px;
	background-size:cover;
	float:left;
}
div#bnr-area {
	margin-top:-160px;
}
ul#mmenu {
	width:500px;
	margin:500px auto 0;
}
ul#mmenu li{
	width:33.3%;
}
}
@media (max-width:575px){
div#bnr-area {
	margin:0 auto;
}
}
@media (min-width:320px) and (max-width:359px){
ul#mmenu{
	margin:290px auto 0;
}
div#srch-school{
	width:270px;
}
div#bnr-area {
	width:273px;
}
}
@media (min-width:360px) and (max-width:404px){
ul#mmenu{
	margin:340px auto 0;
}
div#srch-school{
	width:295px;
}
div#bnr-area {
	width:298px;
}
}
@media (min-width:405px) and (max-width:440px){
ul#mmenu{
	margin:370px auto 0;
}
div#srch-school{
	width:315px;
}
div#bnr-area {
	width:318px;
}
}
/*List*/
@media (max-width:768px){
div#main{
	margin-top:56px;
}
div#main.index{
	margin:0;
}
div#wrap{
/*	margin-top:56px;*/
	background-image:none;
/*	width:100%;*/
}
.corseMap div#wrap{
	margin:0;
}
div#sub{
	float:none;
	margin:0;
}
div#list{
	margin:0;
	width:100%;
}
div.item-box{
	width:97%;
}
div.item-box img.list-photo{
	margin:0;
}
div#search-block{
	padding:0;
}
div.item-box a.list-photo-block{
	float:none;
}
.pagetop{
	padding-top:30px;
}
.btn{
	padding:0;
}
.cate-menu li {
	font-size:0.8rem;
}
h2#schtitle {
	width:inherit;
}
p.to-schdata a {
	margin-right: 80px;
}
}
@media (max-width:525px){
p.to-schdata a {
	top:0;
	margin-right: 10px;
}
div#jmenu-block ul#jmenu {
	padding: 15px 0 0 0;
}
#sub #stitle{
	border-right:1px solid #999;
}
}
/*Detail*/
.hidden-lg{
	display:none;
}
.hidden-sm{
	display:block;
}
@media (max-width:929px){
div#guide-block,
div#photo-block,
div#data-block1,
div#data-block2,
div#map-block{
	margin:0;
}
h4 img{
	width:100%!important;
	height:auto;
}
p#icon {
	margin:0!important;
	right:80px!important;
}
p.backto a {
}
#detail #map-block,
#detail #detail-block,
table{
	width:100%;
}
@media (min-width:767px){
div#map-block h4 {
	background-size:cover;
}
}
@media (max-width:767px){
.hidden-lg{
	display:block;
}
.hidden-sm{
	display:none;
}
p#icon {
	top:0;
}
p.backto a{
	margin:0
}
div#guide-block div#photo-s-block {
	width:100%;
}
div#photo-block p.photo-l img,
div#guide-block p.photo-s img{
	max-width:100%!important;
}
div#photo-block p.photo-l,
div#guide-block p.photo-s{
	float:none;
	margin:0;
	max-width:100%;
}
#detail.clearfix{
	display:block;
}
h2#sname{
	width: 100%;
	height:74px;
	background-position-x:-3px;
	background-position-y:center;
}
#data #navi{
	display:block;
	padding:0;
	width:100%!important;
}
div#search-block{
	margin:0;
	width:100%;
	background:none;
}
div#search{
	margin:30px 0;
	padding:18px;
	border:solid #e3e3e3 7px;
	border-radius:8px;
	box-shadow:3px 3px 1px rgba(156,156,156);
}
div#search-block input, div#search-block select, div#form-button{
	width:100%;
	height:24px;
}
div#search-block h2 img{
	display:none;
}
}
@media (max-width:575px){
div.item-box{
	width:100%;
}
table.detail-default th:not(#event table.detail-default th),
table.detail-default td:not(#event table.detail-default td),
table td:not(#event table.detail-default td), table th:not(#event table.detail-default th), {
	display:block;
	width:100%;
	line-height:1.5;
}
p#icon {
	position:absolute;
		right:10px;
}
}
/*SearchList*/
@media (max-width:768px){
div#data-block2 a{
	word-break:break-all;
}
.filter span{
	display:block;
}
div#s-result h2{
	width:100%;
}
}
/*SchoolData*/
@media (max-width:768px){
.school-list li{
	width:200px;
}
}
/*news*/
@media (max-width:575px){
div#news {
	margin:0;
}
}
#regist .radio{
	width:10px!important;
}

@media (max-width:575px){
	#facebook p{
		width:65%
	}
	div#regist-lead strong{
		font-size:1.2em;
	}
	#flower .stit-flower{
		display:none;
	}
	div#news-block dt{
		width:100%
	}
	div#news-block dd{
		padding: 50px 15px 15px 15px;
	}
	div#cms{
		margin:0;
		width:100%;
	}
	div.line{
		width:100%;
	}
	div#cms img{
		width:100%!important;
		height:auto!important;
		display:block;
	}
	#yaotan table, #yaotan table td{
		border:none;
	}
	#nav1 .navbar-nav .nav-item{
		margin:10px;
	}
}

@media (max-width:575px){
	#yaomania_backnumber td{
		display:block;
		width:100%!important;
	}
	#yaomania_backnumber td img{
		width:100%!important;
	}
}