/* rapとlnavi 入れ替える必要がある */

#lnavi .hd h2 img {
	width: 250px;
}

#lnavi.lnavi_top #toggle {
	display: none;
}

#lnavi.lnavi_btm {
	display: none;
}

.smt_on {
	display: none;
}

.smt_non {
	display: inherit;
}



#fom dl {
	margin: 0 auto;
	margin-bottom: 30px;
	width: 95%;
	background: #fff;
	text-align: left;
	padding: 4px;
	border-radius: 6px;
	overflow: hidden;
}

#fom dl dt,
#fom dl dd {
	border-bottom: 1px dotted #ccc;
	padding: 4px 12px;
	margin: 0;
	display: inline-block;
}

#fom dl dt {
	width: 30%;
	color: #7A733A;
	font-weight: bold;
}

#fom dl dd {
	width: 60%;
	background: #FCFAE4
}



@media screen and (max-width: 767px) {

	/*スマホサイト*/
	body {}

	body,
	p,
	div,
	td,
	th,
	ul,
	li,
	address,
	h1,
	h2,
	h3,
	h4,
	h5,
	header,
	footer,
	asice,
	article,
	section {
		font-size: 14px;
	}


	div#cntents {
		width: 100%;
	}

	.smt_non {
		display: none;
	}

	.smt_on {
		display: inherit;
	}

	#lnavi {
		width: auto;
		float: none;
		margin: 0 10px;
	}

	#lnavi .hd {
		width: auto;
		margin: 0 20px;
		padding-top: 20px;
	}

	#lnavi .hd h1 {
		display: none;
	}

	#lnavi .hd h2 img {
		width: 100%;
		height: auto;
	}

	#lnavi #local {
		width: auto;
		margin: 0 20px;
	}

	#lnavi #local li a img {
		width: 100%;
		height: auto;
	}

	#lnavi .btm {
		background: none;
		padding-bottom: 0;
	}

	/**/
	#lnavi .btn,
	#lnavi .bn_school {
		width: auto;
		margin: 0 20px;
	}

	#lnavi .btn img,
	#lnavi .bn_school img {
		width: 100% !important;
		max-width: none !important;
	}

	#lnavi p.text_link {
		width: auto;
		font-size: 15px;
		font-weight: bold;
		margin: 0 20px 10px;
	}

	#lnavi p.text_link a {
		text-decoration: none;
	}

	#lnavi .mem {
		width: auto;
	}

	#lnavi .mem2 {
		width: auto;
		margin: 0 auto;
		border: none;
		padding-bottom: 0;
	}


	/**/
	#lnavi.lnavi_top #menu_set {
		display: none;
	}

	#lnavi.lnavi_top #menu_set li {
		width: 100%;
	}

	#lnavi.lnavi_top #toggle {
		display: block;
		position: relative;
		width: 100%;
		background: #FF9933;
	}

	#lnavi.lnavi_top #toggle a {
		display: block;
		position: relative;
		padding: 12px 0 10px;
		border-bottom: 1px solid #E3602E;
		color: #fff;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		line-height: 100%;
	}

	#lnavi.lnavi_top #toggle:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: #fff;
	}

	#lnavi.lnavi_top #toggle a:before,
	#toggle a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 4px;
		background: #FF9933;
	}

	#lnavi.lnavi_top #toggle a:before {
		margin-top: -6px;
	}

	#lnavi.lnavi_top #toggle a:after {
		margin-top: 2px;
	}



	/**/
	#rap {
		width: auto;
		float: none;
		margin: 10px;
	}

	#rap .mainbox {
		width: auto;
	}

	#rap .maintxt {
		background: #fff;
		padding: 10px;
	}

	#rap h2#tit img,
	#rap h3#lt01 img {
		width: 100%;
	}



	/**/
	#lnavi.lnavi_btm {
		display: block;
		clear: both;
		margin-bottom: 20px;
		padding-top: 10px;
	}

	#lnavi.lnavi_btm #toggle {
		display: none;
	}

	#lnavi.lnavi_btm headder {
		display: none;
	}

	#lnavi.lnavi_btm .btm {
		display: block;
	}

	#lnavi.lnavi_btm .btm .smt_non {
		display: inherit;
	}

	/**/
	#foterea,
	small {
		width: auto;
		padding: 10px;
	}

	#foterea {
		background: #fff0b1;
		border-bottom: none;
	}

	#foterea h1 {
		background: none;
		float: none;
		height: auto;
		width: auto;
		font-weight: bold;
		padding: 0;
		text-align: left;
	}

	#foterea div {
		width: auto;
		float: none;
		padding-top: 5px;
	}

	p#fot_l {
		float: none;
	}

	small span {
		float: none;
		display: block;
	}

	/* //////////////////////////////////////////////////
	/index.htm
////////////////////////////////////////////////// */
	#gallery3 {
		display: none;
	}


	#rap .news,
	#rap .news ul {
		width: auto;
	}

	#rap .news h2 img {
		width: 100%;
	}

	#rap .news li div {
		width: auto;
		float: none;
	}

	#ryuuo_box,
	#ryuuo,
	#ryuuo table {
		width: 100%;
	}

	#ryuuo_box {
		height: auto;
	}

	#ryuuo {
		position: relative;
	}

	#ryuuo table td {
		text-align: left;
		vertical-align: top;
	}

	.cntentsbox .scl,
	.cntentsbox .med,
	footer {
		display: none;
	}


	/* //////////////////////////////////////////////////
	/news/
////////////////////////////////////////////////// */
	#rap .smt_news,
	#rap .smt_news li .inbox {
		width: auto !important;
	}

	#rap .smt_news ul {
		width: auto !important;
	}

	#rap .smt_news li {
		background: #fff !important;
	}

	#rap .smt_news li span,
	#rap .smt_news li .bx {
		width: auto !important;
		margin: 0 10px !important;
	}

	#rap .smt_news li span {
		display: block !important;
	}

	#rap .smt_news li span img {
		width: 100% !important;
	}


	/* //////////////////////////////////////////////////
	/info/
////////////////////////////////////////////////// */
	#rap .schedule_pdf img {
		width: 100%;
	}

	/* //////////////////////////////////////////////////
	/mail/ , /inquiry/
////////////////////////////////////////////////// */

	#rap .flow img {
		width: 100%;
	}

	#fom dl dt,
	#fom dl dd {
		width: 95%;
		border-top: 1px dotted #ccc;
		border-bottom: none;
		vertical-align: top;
	}

	#fom dl dd {
		font-size: 16px;
	}

	span.cnt_kome {
		float: none;
	}

	#fom dl select {
		font-size: 16px;
	}

	#fom dl input {
		width: 85% !important;
		font-size: 16px;
	}

	#fom dl input.short {
		width: 50% !important;
	}

	#fom dl label {
		display: block;
	}

	#fom dl input[type="radio"] {
		width: auto !important;
	}

	#fom dl textarea {
		width: 85% !important;
		font-size: 16px;
	}
















	/* @end */
}