/* タブレット */
@media (max-width: 1024px){
	.wrap {
		width: 100%;
		margin: 0 auto;
	}

	.cont {
		padding: 15px !important;
/*		margin: 15px 15px 0;*/
	}

	header {
		padding: 0 0 10px 0;
		border-top: none;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	}

	header #logo {
		float: left;
		background: none;
		margin: 0 0 0 10px;
		padding: 0;
		height: 35px;
		font-weight: normal;
		font-size: 75%;
		width: auto;
	}

	header #logo strong {
		display: inline-block;
		min-width: 100%;
		font-size: 180%;
		margin-top: 0;
	}
	header #logo strong img {
		width: auto;
		max-height: 32px;
	}
	header #logo strong img.h_35th {
		margin-right: 4%;
	}
	header #logo dl {
		margin-top: 3px;
	}

	header #inq {
		display: none;
	}

	header #menu_btn {
		float: right;
		display: none;
/*		display: inline-block;
		background: #5d5d5d;*/
		text-align: center;
		background: #fc0;
		color: #fff;
		width: 15px;
		margin-right: 15px;
		padding: 10px;
	}

	#menu_btn span {
		display: block;
		height: 5px;
		border-top: 5px solid #fff;
		border-bottom: 5px solid #fff;
	}

	#title {
		padding: 3px 10px;
		background: #333;
		color: #fff;
		line-height: 1.4;
	}

	.h_favorite_cnt a {
		padding: 2px 5px;
	}

	nav {
		border-top: 3px solid #fc0;
		position: absolute;
		width: 90%;
		top: 0;
		display: none;
		background: #f0f0f0 !important;
		z-index: 2000;
		margin: 5%;
	}

	nav ul {
		display: block;
	}

	nav #menu_title {
		display: block;
		height: 50px;
		line-height: 50px;
		background: #333;
		text-align: center;
		color: #fff;
		font-size: 140%;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
	}

	nav #menu_close_btn {
		display: inline-block;
		width: 30px;
		height: 30px;
		line-height: 24px;
		background: #464646;
		border: 1px solid #000;
		border-radius: 5px;
		vertical-align: middle;
		text-align: center;
		color: #fff;
		margin: 8px;
		font-size: 180%;
		position: absolute;
		top: 0px;
		right: 0;
	}

	nav ul li {
		display: block;
		width: 100%;
		float: none;
		border-left: none !important;
		border-right: none !important;
		border-top: 1px solid #ddd;
	}

	nav ul li a {
		text-align: left;
		font-weight: normal;
		padding-left: 10px;
		border-left: none !important;
		border-right: none !important;
		border-top: 1px solid #fff;
		background: url(/img/arr2.png) no-repeat;
		background-position: right center;
		color: #464646;
		text-shadow: none !important;
	}
	nav ul li a:hover {
		color: #464646 !important;
		background: url(/img/arr2.png) no-repeat, #ddd !important;
		background-position: right center !important;
	}

	nav ul li:last-child,
	nav ul li:last-child a {
		border-right: none;
	}

	nav ul li.p_style {
		display: none;
	}
	
	nav ul li.m_style {
		display: block;
	}

	#id_breadcrumb,
	footer .footer_link {
		display: none;
	}

	#p_title {
		padding: 20px 10px;
	}

	#direct_search ul li a:hover {
		color: #464646 !important;
		border-color: #dbdbdb !important;
	}

	.footer_company {
/*		margin-top: 0;
		background: url(/img/logo2.png) no-repeat;
		background-position: 20px -2px;
		padding: 0px 0 0 90px;
		background-size: 60px;
*/
		font-size: 80%;
		margin: 0 15px;
	}

	.footer_company ul li.f_logo img.h_35th {
/*		margin-right: 5%;*/
	}

	.footer_company li span {
		display: inline-block;
	}

	footer .copy {
		font-size: 60%;
		margin: 0;
	}

	#page-top {
		bottom: 60px;
		right: 10px;
	}


	/* ボトムメニュー */
	
	footer {
		margin-bottom: 54px;
	}
	#bottom-menu {
		display: block;
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 50px;
		z-index: 200000;
	}
	#bottom-menu:before {
		content: "";
		display: block;
		background: #000;
		width: 100%;
		height: 54px;
		position: fixed;
		bottom: 0;
		opacity: 0.9;
		z-index: 100;
	}
	#bottom-menu ul {
		display: table;
		width: 100%;
		position: fixed;
		bottom: 0;
		z-index: 100;
	}
	#bottom-menu ul li {
		display: table-cell;
		font-size: 50%;
		color: #fff;
		width: 20%;
		text-align: center;
		height: auto;
		box-sizing: border-box;
	}
	#bottom-menu ul li a {
		display: block;
		padding: 38px 10px 8px;
		color: #fff;
	}
	#bottom-menu ul li:nth-child(1) a {
		background: url(/img/menu/home.png) no-repeat;
		background-position: center 8px;
		background-size: 26px;
	}
	#bottom-menu ul li.search {
		background: url(/img/menu/search.png) no-repeat;
		background-position: center 8px;
		background-size: 26px;
	}
	#bottom-menu ul li:nth-child(3) {
		background: url(/img/menu/info.png) no-repeat;
		background-position: center 8px;
		background-size: 26px;
	}
	#bottom-menu ul li.inq {
	/*	background: url(/img/menu/mail.png) no-repeat;*/
		background: url(/img/menu/ope.png) no-repeat;
		background-position: center 8px;
		background-size: 26px;
	}
	#bottom-menu ul li.menu {
		background: url(/img/menu/menu.png) no-repeat;
		background-position: center 11px;
	}
	#bottom-menu ul li.menu.act {
		background: url(/img/menu/menu.png) no-repeat, #c8ba8d;
		background-position: center 11px;
	}
	#bottom-menu ul li.search.act {
		background: url(/img/menu/search.png) no-repeat, #464646;
		background-size: 26px;
		background-position: center 8px;
	}
	#bottom-menu ul li.inq.act {
		background: url(/img/menu/ope.png) no-repeat, #3474a1;
		background-size: 26px;
		background-position: center 8px;
	}
	
	#foot-menu,
	#search-menu,
	#inq-menu {
		display: none;
	}
	#foot-menu:after,
	#search-menu:after,
	#inq-menu:after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: #fff;
		position: fixed;
		bottom: 0;
		z-index: 100;
		opacity: 0.9;
	}
	.menu-list {
		position: fixed;
		top: 0;
		padding-bottom: 54px;
		width: 100vw;
		z-index: 999;
		font-size: 80%;
		box-sizing: border-box;
		height: 100vh;
	}
	.menu-list div.list-main {
		background: #fff;
		overflow: auto;
		height: 100vh;
	}
	.menu-list strong {
		display: block;
		background: #c8ba8d;
		padding: 10px;
		color: #fff;
		font-size: 120%;
	}
	
	#search-menu strong {
		background: #414042;
	}
	
	#inq-menu strong {
		background: #3474a1;
	}
	
	.menu-list dl {
		height: 100vh;
		padding-bottom: 210px;
		box-sizing: content-box;
	}
	
	.menu-list dl dt {
		padding: 8px 10px;
		background: #ddd;
		font-weight: bold;
	}
	
	.menu-list dl dd ul {
		margin-bottom: -2px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	.menu-list div:after,
	.menu-list dl dd ul:after {
		content: "";
		display: block;
		clear: both;
	}
	
	.menu-list dl dd ul li {
		float: left;
		width: 50%;
		box-sizing: border-box;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		background: url(/img/arr2.png) no-repeat, #fff;
		background-position: center right;
		background-size: 16px;
	}
	.menu-list dl dd ul li:nth-child(even) {
		border-right: none;
	}
	#inq-menu .menu-list dl dd ul li {
		float: none;
		width: 100%;
		border-right: none;
	}
	
	.menu-list dl dd ul li a {
		display: block;
		padding: 10px;
		color: #464646;
		line-height: 2.4;
	}
	#inq-menu .menu-list dl dd ul.tel li {
		background: #fff;
	}
	#inq-menu .menu-list dl dd ul.tel li a {
		text-align: center;
		font-size: 200%;
		font-weight: bold;
	}
	#inq-menu .menu-list dl dd ul.tel li a span {
		text-decoration: underline;
		color: #3474a1;
		font-weight: bold;
	}
	#inq-menu .menu-list dl dd ul.tel li a span.standard {
		display: inline-block;
		background: url(/img/inq_tel.png) no-repeat;
		background-position: 0 center;
		background-size: 34px;
		padding-left: 42px;
	}
	#inq-menu .menu-list dl dd ul.tel li a span.free {
		display: inline-block;
		background: url(/img/free.png) no-repeat;
		background-position: 0 center;
		background-size: 34px;
		padding-left: 42px;
	}
	.holiday-info {
		text-align: center;
		margin-top: 20px;
		padding: 0 10px;
	}
	.holiday-info span {
		display: block;
	}
	.holiday-info p {

	}
	
	.close-foot-menu,
	.close-search-menu,
	.close-inq-menu {
		position: fixed;
		right: 0;
		bottom: 60px;
		width: 20%;
		text-align: center;
	}
	.close-foot-menu span,
	.close-search-menu span,
	.close-inq-menu span {
		display: inline-block;
		font-size: 60%;
		color: #fff;
		background: url(/img/menu/close.png) no-repeat, #c8ba8d;
		background-position: top 6px center;
		background-size: 16px;
		padding-top: 23px;
		width: 38px;
		height: 38px;
		border-radius: 19px;
		margin: 8px 0;
		text-align: center;
		box-sizing: border-box;
	}
	.close-search-menu span {
		background: url(/img/menu/close.png) no-repeat, #414042;
		background-position: top 6px center;
		background-size: 16px;
	}
	.close-inq-menu span {
		background: url(/img/menu/close.png) no-repeat, #3474a1;
		background-position: top 6px center;
		background-size: 16px;
	}
	#m_bukken_search {
		display: none !important;
	}


}


/* iPhone6 */
@media (max-width:768px) {
	header #logo {
		padding-left: 0 !important;
	}
}
@media (max-width:750px) {
	header #logo {
		background: none !important;
	}

	header #logo strong {
		height: auto;
	}

	#title {
		min-height: auto !important;
	}

	#title h1, #title strong {
		padding: 0;
	}

	.h_favorite_cnt a {
		width: 25px;
		text-align: center;
	}

	.h_favorite_cnt a span {
		display: none;
	}

	nav ul li {
		float: none;
		width: 100%;
	}

	footer .cell:last-child {
		width: auto;
	}

	footer .footer_company {
/*		margin: 0;*/
	}
	footer .footer_company .tbl,
	footer .footer_company .tbl .cell,
	footer .footer_company .tbl .cell div {
		display: block;
	}
	footer .footer_company .tbl .cell {
		padding-bottom: 10px;
		margin-bottom: 0;
	}
	footer .footer_company .tbl .cell:first-child {
		padding-right: 0;
	}
	footer .footer_company .tbl .cell:nth-child(2) {
		padding-bottom: 10px;
	}
	.footer_company #foot_inq_tel {
		font-size: 230%;
	}
	.footer_company #foot_inq_tel img {
		width: 35px;
	}
}

@media (max-width:414px) {
	header #title {
		padding: 5px 10px;
		min-height: 27px;
	}
	header #logo strong {
	/*	width: 230px;*/
	}
}

@media (max-width:375px) {
	header #logo strong {
		font-size: 130% !important;
	}
}

/* iPhone5 */
@media(max-width:320px) {
	header #logo strong {
	}

	footer .footer_company ul li.f_logo img {
		height: 50px;
	}
	footer .footer_company #tel {
		font-size: 180%;
	}
	footer .footer_company #tel img {
		width: 30px;
	}
}
