/* @media 1300 START */
@media only screen and (max-width:1300px) {
	/* img */
	img { max-width: 100%; }
	body .wrapper {
 		width: 100%!important;
 		padding-left: 10px;
 		padding-right: 10px;
 		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
 	}


	/* clmContent */
	body .mainContent .clmContent {
		float: none;
		width: 100%;
		clear: both;
	}
	body .container.clm2 .wrapper {
		width: 100%!important;
	}

	/* btMore */
	body .btMore a {
		padding: 20px 45px 20px 30px;
		font-size: 14px;
		line-height: 20px;
	}

	/* searchInner */
	body .spSearchArea {
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		position: absolute;
		top: 70px;
		left: 0;
		z-index: 10000;
	}
	body .spSearchArea:after {
		content: "";
		width: 100%;
		height: 80px;
		position: fixed;
		bottom: 0;
		left: 0;
		background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 3%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 3%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 3%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	}
	body .searchInner {
		padding: 20px 20px 130px;
		background-color: #fff;
	}
	body .searchInner .searchBox h4 {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 10px;
	}
	body .searchInner .freeSearchBox {
		width: 100%;
	}

	body .searchInner .bukkenCount {
		padding: 10px;
		zoom: 1;
		vertical-align: bottom;
		margin-bottom: 10px;
	}
	body .searchInner .bukkenCount:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
	body .searchInner .bukkenCount p {
		display: inline-block;
	}
	body .searchInner .bukkenCount strong {
		font-size: 22px;
		line-height: 26px;
	}

	body .searchInner .searchBox dl {
		zoom: 1;
	}

	body .searchInner .searchBox dl:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
	body .searchInner .searchBox dl dd {
		float: left;
		width: 50%;
		padding: 10px 10px;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	body .searchInner .searchBox dl dd p {
		font-size: 12px;
	}

	body .searchInner .searchBox dl.rangeBox dd {
		width: 100%;
	}
	body .searchInner .searchBox dl.radioBox input[type=radio] + label,
	body .searchInner .searchBox dl.radioBox input[type=checkbox] + label {
		font-size: 10px;
		line-height: 15px;
	}

	body .searchInner .searchBox .kodawariBox dl {
		/*margin-bottom: 20px;*/
	}

	/* fNav */
	body .gFooter .fNav {
		margin-bottom: 0;
	}
	/* megaFnav */
	.gFooter .megaFnav {
		margin-bottom: 0;
	}
	.gFooter .megaFnav_block {
		width: 50%;
		border: none;
		padding: 17px 23px 19px;
	}

	.gFooter .megaFnav_block.column{
		width: 100%;
	}

	.gFooter .megaFnav_block:nth-child(2),
	.gFooter .megaFnav_block:nth-child(3) {
		background-color: #f9f9f7;
	}
}












	/* @media 960 START */
@media only screen and (max-width:960px) {

	/* searchInner */
	body .searchInner .searchBox dl dd {
		float: none;
		width: 100%;
		clear: both;
	}
	/* rangeSearch */
	body .searchInner .searchBox dl.rangeSearch dd {
		float: none;
		text-align: right;
	}

	body .container.clm2 .wrapper {
		width: 100%!important;
	}

	/* カラムレイアウト　clmBox */
	body .clmBox .clm1 {
		float: none;
		clear: both;
		width: 100%!important;
		margin-bottom: 20px;
	}

	body .clmBox .clm2 {
		float: none;
		clear: both;
		width: 100%!important;
		padding: 0!important;
	}
	/* カラムリストレイアウト */
	body .clmList {
		margin-left: 0!important;
		margin-right: 0!important;
	}
	body .clmList ul li {
		margin-left: 0!important;
		margin-right: 0!important;
		width: 100%!important;
	}
	body .clmList ul li .photo {
		width: 100%!important;
		height: auto!important;
	}

	/* bukkenList */
	body .clmList.bukkenList ul li .tagList ul li {
		float: left;
		width: auto!important;
		margin-left: 1%!important;
		margin-right: 1%!important;
	}

	/* tableList */
	table.tableList th,
	table.tableList td {
		display: block;
		width: 100%!important;
		border-bottom: 2px solid #fff;
	}
	body table.tableList th {
		border-right: 0;
	}

	/* dlList */
	body .dlList dl,
	body .dlList dl dt,
	body .dlList dl dd {
		float: none;
		width: 100%;
		clear: both;
	}
	body .dlList dl dt {
		margin-bottom: 10px;
	}

	/* clmContent */
	body .mainContent .clmContent .cinner {
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		background-color: transparent;
	}
	body .mainContent .clmContent .cinner.bgW {
		padding: 0 30px;
	}

	/* gFooter */
	body .gFooter .ptop {
		display: none;
	}
}


	/* @media 670 START */
@media only screen and (max-width:670px) {
	/* fNav */
	body .gFooter .fNav {
		border-top: 1px solid #ebebeb;
		border-bottom: 0;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	body .gFooter .fNav ul li {
		display: block;
		margin-right: 0;
		margin-bottom: 5px;
	    border-left: none;
	    border-bottom: 1px solid #ebebeb;
	    padding-left: 0;
	}
	body .gFooter .fNav ul li a {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 100%;
		padding: 10px 0;
	}

	/* megaFnav */
	.gFooter .megaFnav {
		display: none;
	}
}
	/* @media 670 END */


@media only screen and (max-width:1160px) {
	body .gHeader .siteTitle {
	    padding: 20px 20px 20px 20px;
	    z-index: 100;
	}
	body .pNav {
		float: right;
	}
	body .pNav ul {
		left: 0px;
	}
	/* body .pNav ul li {
		padding: 0px 5px;
	}
	body .pNav ul li,
	body .pNav ul li a span {
		font-size: 10px;
		letter-spacing: 0;
	} */
	body .pNav ul li .icon_next {
		margin-right: 5px;
	}
	body .NavArea {
	    width: 100%;
	    padding: 80px 0 0;
	}
 	body .gHeader .siteTitle .pc {
 		display: block;
 	}
 	body .gHeader .siteTitle .sp {
 		display: none;
 	}
 	body .gNav ul li {
	    width: 16.5%;
	    height: 60px;
	}
 }

@media only screen and (max-width:800px) {
	body .gHeader .siteTitle .pc {
 		display: none;
 	}
 	body .gHeader .siteTitle .sp {
 		display: block;
 	}
	/* container */
	body .container {
		padding-top: 70px;
	}
 	body .gHeader {
		height: 60px;
		padding: 5px 0;
		background: rgba(0,0,0,0.8);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9990;
		width: 100%;
	}
	body .gHeader .wrapper {
		padding-left: 0;
		padding-right: 0;
	}
	body .gHeader .siteTitle {
		padding: 9px 16px 5px 17px;
		background: none;
	}
	body .gHeader .siteTitle img {
		width: 200px;
		height: auto;
	}
	/* .gNav */
	body .gNav {
		display: none;
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		border-bottom: 0;
		border-top: 0;
	}
	body .gNav ul li {
		width: 50%;
		height: auto;
		border-bottom: 1px solid #403e3d;
	}

	body .gNav ul li a {
		border: none;
		background-color: #474342;
	}
	body .gNav ul li a span {
		padding: 23px 20px;
		color: #fff;
		font-size: 12px;
	}
	body .gNav ul li.top {
		width: 100%;
		float: none;
		clear: both;
	}
	body .gNav ul li.top span {
		display: block;
	}
	body .gNav ul li.top span.icon_home {
		display: none!important;
	}
	body .gNav ul li.btSp {
		float: none;
		width: 100%;
		display: block;
	}
	body .gNav ul li.btSp a {
		background-color: #5a5756;
		color: #fff;
		padding: 15px 20px;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: 0;
	}
	body .gNav ul li.btSp a span {
		display: inline-block;
		width: auto;
		padding: 5px;
		width: 20px;
		height: 20px;
		margin-right: 10px;
		background-color: #fff;
		font-size: 10px;
		line-height: 10px;
		color: #5a5756;
	}
	body .gNav ul li a:hover,
	body .gNav ul li.on a {
		border: none;
		background-color: #94a3ab;
		color: #5a5756;
	}
	body .gNav ul li a:hover span {
		margin-top: 0;
	}
	/* .pNav */
	body .pNav {
		display: none;
	}
	/* NavArea */
 	body .NavArea {
 		float: none;
 		padding: 65px 0 0;
 	}
	/* .hNav */
	body .hNav {
		display: block;
		z-index: 99999;
		float: right;
	}
	body .hNav li {
		float: left;
		display: block;
		cursor: pointer;
		position: absolute;
		top: 0;
		width: 50px;
		height: 60px;
		padding: 20px 8px;
		color: #d6d6d6;
		font-size: 26px;
		line-height: 26px;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	body .hNav li img {
		vertical-align: top;
	}
	body .hNav span.icon_close {
		display: none;
	}
	body .hNav span {
		width: 28px;
		height: 38px;
	}

	/* pull */
	body .hNav .pull {
		right: 0;
	}
	body .hNav .pull.on span.icon_menu {
		display: none;
	}
	body .hNav .pull.on span.icon_close {
		display: block;
	}
	/* sNavArea */
	body .mainContent .sNavArea {
		display: none;
	}
	/* spSearch */
/*	body .hNav .SpSearch {
		right: 50px;
	}
	body .hNav .SpSearch.on span.icon_menu,
	body .hNav .SpSearch.on span.icon_zoom {
		display: none;
	}
	body .hNav .SpSearch.on span.icon_close {
		display: block;
	}*/
}