@charset "utf-8";

@media screen and (max-width: 767px) {			/*画面の横幅が1000px*/
.footer-enq-box{
	margin:0 0 50px 0;
	padding:15px 10px;}

.footer-enq-box p.footer-enq-had{
	font-size:20px;
	line-height:1.4;}

.footer-enq-box p.footer-enq-com{
	font-size:14px;
	line-height:1.8;}

.footer-enq-box p.footer-enq-btn a{
	font-size:14px;
	line-height:1.1;
	padding:20px 20px;}
}


@media screen and (max-width: 1020px) {			/*画面の横幅が1000px*/
	/*///////////// 全ページ共通のheader　///////////////////////////////////*/
	img{max-width: 100%;height: auto;width /***/:auto;　}
	#wrapper{overflow: hidden;}
	.container{width:98%;margin:0 auto;text-align:left;padding:0;}
	/*-------------------------------------------------------------------------
	ページ上部右の出てくるナビmenuが出現して、入れ替わりに横メニューが消える
	--------------------------------------------------------------------------*/
	.yokomenu-bg{display:none;}
	
	#menubtn{position:absolute;z-index:700;top:19px;right:15px;background:url(../img/header_menu.png) no-repeat 0 0;width:50px;height:50px;text-indent:-8989px;display:block;overflow:hidden;cursor:pointer;}
	#menubtn.off{background-position:0 0;}
	#menubtn.on{background-position:0 -50px;}

	/*------------------------------------
	ページ上部右の出てくるナビmenu
	------------------------------------*/
	.yokomenu-bg{display:none;}
	.top-right{display:none;}
	.top-right2{display:none;}
	#menubtn{position:absolute;z-index:700;top:45px;right:15px;background:url(./img/header_menu.png) no-repeat 0 0;width:50px;height:50px;text-indent:-8989px;display:block;overflow:hidden;cursor:pointer;}
	#menubtn.off{background-position:0 0;}
	#menubtn.on{background-position:0 -50px;}
	#navi_sp {display: none;position: fixed;width:100%;z-index:350;overflow-y: scroll; height:90%; right: 0;padding-top:0px;background-color:#aed8a1;filter: alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;}/**/
	#navi_sp a,
	#navi_sp a:hover{text-decoration:none;}

	#navi_sp ul#yoko-menu-sp {width:100%;clear: both;padding:0px 10px 0 10px;list-style:none none outside;background-image:none;background-color:#a6d496;text-align: center;}
	#navi_sp ul#yoko-menu-sp li {margin: 12px 0;}
	#navi_sp ul#yoko-menu-sp li a {font-size: 115%;color: #222;text-decoration: none;line-height:1.2;}
	#navi_sp ul#yoko-menu-sp li a:hover{opacity:0.7;}

	/*submenu*/
	#navi_sp ul#yoko-menu-sp li.spbox01{display:inline-block;width:50%;margin:1px 0;}
	#navi_sp ul#yoko-menu-sp li.spbox00 > a{}
	#navi_sp ul#yoko-menu-sp li.spbox02 > a{background:url(../img/header_menu_down.png) no-repeat left center;padding-left:12px;}
	#navi_sp ul#yoko-menu-sp li.spbox03 > a{background:url(../img/header_menu_down.png) no-repeat left center;padding-left:12px;}
	#navi_sp ul#yoko-menu-sp li.selected > a{background:url(../img/header_menu_up.png) no-repeat left center;padding-left:12px;}

	#navi_sp ul#yoko-menu-sp ul.sub{border-top: 1px solid #9e9494;border-bottom: 1px solid #9e9494;margin: 10px auto 0 auto;padding: 5px 0 0 0;font-size: 93%;width: 290px;}
	#navi_sp ul#yoko-menu-sp ul.sub li {margin: 12px 0;}

	/*メニューの閉じる*/
	#navi_sp p#menuclose{padding: 5px 0 25px 0;background-color:#a6d496;}
	#navi_sp p#menuclose a{font-size:115%;color:#FFF;padding:12px 0;line-height: 1.0;display: block;background:#666 url(../img/header_menu_close.gif) no-repeat right center;cursor: pointer;width: 290px;margin: 0 auto;text-align: center;}
	#navi_sp p#menuclose a:hover{background-color:#729368;opacity:1;}

#top-area-bk {min-height:0px;}

	.detail-table{width:100%;}
	.detail-table tbody,
	.detail-table td,
	.detail-table th,
	.detail-table tr{display:block;}

	.detail-table td.header { width:100%; max-width:none;}
	.detail-table td.header2 { width:100%; max-width:none;}
	.detail-table td.header2.pickup { width:100%; max-width:none;}
	.detail-table td.naiyo { width:100%;}
	.detail-table td.naiyo2 { width:100%;}
	.detail-table td.naiyo2.pickup { width:100%;border-bottom:1px dotted #333;border-top:0px;}

	.kentabletitle1{float:none; width:100%;}
}

@media screen and (max-width: 910px) {			/*画面の横幅が890px */
	/*お問い合わせフォーム*/
	#toiawase-form{width: 100%;}
	#chuui-waku {width: 100%;}
	/*送信内容のエラー処理表示------------------------*/
	/*-----Error-----*/
	.errorBox .errorTitle {font-size: 94%;}
	.errorBox .errorComm {font-size: 94%;}

	.kensaku {display: none;}
	.kensaku2 {display: block;text-align:center;margin:0 auto;}
	.setumei-before {display: none;}
	.setumei-after {display: none;}
	.setumei {font-size:15px;max-width:100%;float:none;}
	.top-left2 {display:none;}
}

@media screen and (max-width: 730px) {			/*画面の横幅が710px */
	/*==========　お問い合わせフォーム ==========*/
	h2.toiawase-title {font-size: 165%;}
.aboutdb-comment{padding-left:0px;}

}

@media screen and (max-width: 680px) {			/*画面の横幅が660px*/
}

@media screen and (max-width: 640px) {			/*画面の横幅が620px*/

.disparea dl dt{width:120px;float:none;margin-right:10px;}
.disparea dl dd{float:none;max-width: 100%;}


	/*==========　お問い合わせフォーム ==========*/
	h2.toiawase-title {text-align:left;}
	.toiawase-com1 {text-align: left;}

.itembox-left{float:none;width:100%;text-align:center;}
.itembox-right{float:none;margin:0 auto 10px;}
.itemtitle {text-align:left;font-size:120%;}
.itemdescription {text-align:left;}

}

@media screen and (max-width: 580px) {
	.top-left3 {display:none;}
	.font-size40 {font-size:140%;}

	.btn-manual {float:none;margin-bottom:10px;}

	.section.first {padding:0px 0px 60px 0px;}

	table.iinkai-table td {width:100%;display:block;}
	table.iinkai-table td.name {width:100%;}
	table.iinkai-table td.cont {width:100%;}

	ul.kojin-level1 > li {margin-left:5px;}
	ul.kojin-level2 > li {margin-left:10px;}
	/* =============中ページ共通のスタイル================== */
	.midashi1 {font-size: 38px;}
}


@media screen and (max-width: 530px) {		/* 画面の横幅が510px*/
		
	/*==========　お問い合わせフォーム ==========*/
	#toiawase-form dt.title {float: none;width: 100%;line-height: 40px;height: 40px;}
	#toiawase-form dd {padding: 0px 0px 10px 10px;}
	
	.form-submit input {font-size: 108%;width: 50%;}
	.form-submit input.reset {width: 25%;margin-left: 15px;font-size: 93%;}
	/*確認画面*/
	#toiawase-form.kakunin dd {padding: 0px 0px 10px 10px;}
	
}





@media screen and (max-width: 450px) {		/* 画面の横幅が430px*/

	/*==========　お問い合わせフォーム ==========*/
	/*確認画面*/
	.form-kakunin1 {font-size: 122%;}
	.form-midashi1 {font-size: 108%;}
	.form-kakunin2 {font-size: 94%;}
	/*完了画面*/
	.form-kanryo-midashi1 {font-size: 165%;}
	.kanryou-waku {width: 100%;padding: 20px 15px 30px 15px;}
	.kanryou-waku .form-kanryo1 {font-size: 115%;line-height: 1.4;text-align: left;margin-bottom:20px;}
	.kanryou-waku .form-kanryo2 {font-size:86%;line-height: 1.6;margin-bottom: 20px;text-align: left;}
	
.koumoku {line-height:2.8;}
	
}


@media screen and (max-width: 410px) {			/*画面の横幅が390px*/
#input-wide100-2{width:100%; float:none;}

}



@media screen and (max-width: 380px) {		/* ＜pc確認は360px＞*/
	/*////////////// 中ページ共通のフッター //////////////////*/
	.foot-rogo-cap {display: none;}
	.foot-kyoka{font-size: 12px;}
	.copyright {font-size: 10px;}

}


@media screen and (max-width: 340px) {		/* 画面の横幅が320px*/	

}