@charset "utf-8";
/* CSS Document */


#pulldown,
#pulldown-store {
	display: none;
}
#body #ContensMain_880 #LeftContensLocalNavi-Left-Area {
	margin-bottom: 20px;	
}


@media screen and (max-width: 920px) {
		
	/*  Hide Item 
	------------------------------------------------------ */
	
	#bnr02 {
		display: none;
	}
	a[name="anchor_page_top"] img {
		display: none;	
	}
	
	/*  Common 
	------------------------------------------------------ */
	
	html {
		background: #FFF;
	}
	html body p#pan {
		text-indent: 0;
		padding: 5px 10px;
		background: #fff;	
		max-width : 80%;
		max-width : -webkit-calc(100% - 20px);
		max-width : calc(100% - 20px):
	}
	html body p#pan a {
		background: #fff !important;	
	}
	html body div#footer {
		width: auto;
		text-align: left;
		margin-bottom: 15px;	
	}
	html body div#footer p.note {
		margin: 0 10px 10px;	
	}
	html body div#footer p.copyright {
		text-align: center;	
	}
	html body div#footer ul.links {
		border-bottom: 1px solid #dbd7d5;	
	}
	html body div#footer ul.links li {
		float: left;
		display: table;
		width: 50%;	
		padding: 0;
		border: none;
	}
	html body div#footer ul.links li:first-child {
		border-left: none;	
	}
	html body div#footer ul.links li a {
		color: #999;
		display: table-cell;
		padding: 12px 15px;
		border-top: 1px solid #dbd7d5;
		font-family: "mb101-db", Sans-Serif;
		font-size: 10px;
		font-size: 1rem;	
	}
	html body div#footer ul.links li:nth-child(odd) a {
		border-right: 1px solid #dbd7d5;	
	}
	html body div#body {
		padding: 0;
		max-width : 95%;
		max-width : -webkit-calc(100% - 20px);
		max-width : calc(100% - 20px):
	}
	html body div#body * {
		width: auto;
		max-width: 100%;
	}
	html body div#body > * {
		margin-left: 0;
	}
	html body div#body #foot {
		padding: 5px 10px;
	}
	html body div#body img {
		max-width: 100%;
		height: auto;
	}
	#body div#maintop {
		padding: 0 0 20px !important;
	}
	#body table {
		width: 100% !important;
	}
	#body table th, #body table td {
		width: auto !important;
	}
	html body div#body p.title {
		margin: 0 0 20px;	
	}
	
	/*  Top 
	------------------------------------------------------ */
	
	/*#body .box_smf table tr td:nth-child(odd) {
		width: 52px !important;
	}*/
	
	/*  Floor 
	------------------------------------------------------ */
	
	#body #ContensMain_880 #LeftContensLocalNavi-Main-Area {
		width: 100%;
		margin: 10px 0;
	}
	#body #ContensMain_880 #LeftContensLocalNavi-Main-Area h2 {
		text-align: left;
	}
	#body #ContensHead #ContensLocalNavi ul {
		display: inline-block;
		width: 90%;
	}
	#body #ContensHead #ContensLocalNavi ul:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	/*\*/
	* html #body #ContensHead #ContensLocalNavi ul {
		height: 1%;
	}
	#body #ContensHead #ContensLocalNavi ul {
		display: block;
	}
	/**/
	/*----------------------------------------*/
	#body #ContensHead #ContensLocalNavi ul li {
		position: relative;
		left: auto;
		top: auto;
		float: left;
		width: 33%;
		text-align: center;
	}
	#body #ContensHead #ContensLocalNavi ul li a {
		display: block;
	}
	#body #ContensHead #ContensLocalNavi ul li a img {
		display: block;
		margin: 0 auto;	
	}
	#body #ContensMain_880 #LeftContensLocalNavi-Left-Area {
		margin-bottom: 10px;	
	}

}


@media only screen and (min-width: 641px) and (max-width: 920px) {

	/*  Top 
	------------------------------------------------------ */
	
	#body .box_smf table tr td {
		width: 33% !important;
	}

	
	/*  Floor 
	------------------------------------------------------ */
	
	#body #ContensMain_880 #LeftContensLocalNavi-Left-Area ul {
		letter-spacing: -.40em;
		height: auto;
	}
	#body #ContensMain_880 #LeftContensLocalNavi-Left-Area ul li {
		letter-spacing: normal;
		display: inline-block;
		vertical-align: top;
		width : 30%;
		width : -webkit-calc(33% - 18px);
		width : calc(33% - 18px)
	}

}
 

@media screen and (max-width: 640px) {
		
	/*  Hide
	------------------------------------------------------ */
	
	#head #head_space, #head #head2, script + table {
		display: none;
	}
	/* html body div#footer .pagetop {
		display: none;	
	} */
	
	/*  Common 
	------------------------------------------------------ */
	
	#head #head1 p {
		margin: 0 0 3px 17px !important;	
	}
	#body #maintop table tr, #body #maintop table th, #body #maintop table td {
		display: block;
		width :100% !important;
		margin: 0;
		padding: 0;
	}
	#body #maintop table th, #body #maintop table td {
		padding: 5px 0;
	}
	
	/*  Top 
	------------------------------------------------------ */
	
	#body .box_smf table tr td:nth-child(odd) {
		width: 100% !important;
	}
	
	/*  Floor 
	------------------------------------------------------ */
	
	
	#body #ContensHead #ContensLocalNavi {
		height: auto;
	}
	#body #ContensHead #ContensLocalNavi ul {
		padding: 5px 0;
	}
	#body #ContensHead #ContensLocalNavi ul li {
		float: none;
		width: 100%;
		border: none;
		border-top: 1px solid #606FAA;
	}
	#body #ContensHead #ContensLocalNavi ul li:first-child {
		border-top: none;	
	}
	#body #ContensHead #ContensLocalNavi ul li a {
		padding: 5px 0;
	}
	#body #LeftContensLocalNavi-Left-Area {
		width : 100%;
		position: relative;
		margin-bottom: 10px;
	}
	#body #ContensLocalNavi {
		width: 100%;
		position: relative;
		margin-bottom: 10px;	
	}
	#body #LeftContensLocalNavi-Left-Area #pulldown {
		height: 30px;
		background: #f4f4f4 url(/odakyu-sale/images/icon_floor.png) 10px center no-repeat;
		padding: 8px 10px;
		cursor: pointer;
		border: 1px solid #CCC;
		display: block; /* show menu icon */
		text-align: center;
		font-weight: bold;
		line-height: 30px;
	}
	#body #ContensLocalNavi #pulldown-store {
		height: 30px;
		background: #0E20A4 url(/odakyu-sale/images/icon_store.png) 10px center no-repeat;
		padding: 8px 10px;
		cursor: pointer;
		border: none;
		display: block; /* show menu icon */
		text-align: center;
		color: #FFF;
		font-weight: bold;
		line-height: 30px;
	}
	#body #LeftContensLocalNavi-Left-Area #pulldown:hover {
		background-color: #FFF;
	}
	#body #LeftContensLocalNavi-Left-Area #pulldown.active {
		background-color: #DDD;
	}
	#body #ContensLocalNavi #pulldown-store:hover {
		background-color: #0E20A4;
	}
	#body #ContensLocalNavi #pulldown-store.active {
		background-color: #091464;
	}
	#body #LeftContensLocalNavi-Left-Area ul {
		clear: both;
		position: absolute;
		top: 48px;
		width: auto;
		height: auto;
		z-index: 10000;
		padding: 5px;
		background: #FFF;
		border: solid 1px #999;
		display: none; /* visibility will be toggled with jquery */
	}
	#body #LeftContensLocalNavi-Left-Area ul li {
		clear: both;
		float: none;
		margin: 5px 0 5px 10px;
	}
	#body #LeftContensLocalNavi-Left-Area ul a {
		font: inherit;
		border: none;
	}
	#body #LeftContensLocalNavi-Left-Area ul a:hover {
	}
	#body #ContensHead #ContensLocalNavi ul {
		clear: both;
		position: absolute;
		top: 46px;
		width: 100%;
		height: auto;
		z-index: 10000;
		padding: 0;
		background: #0E20A4;
		border: none;
		display: none; /* visibility will be toggled with jquery */
	}
	#body #ContensHead #ContensLocalNavi ul li {
		clear: both;
		float: none;
		margin: 0;
	}
	#body #ContensHead #ContensLocalNavi ul a {
		font: inherit;
		border: none;
		line-height: 25px;
	}
	#body #ContensHead #ContensLocalNavi ul a:hover {
	}
	
/* テーブル調整用CSS */
	#body table td{
	width: 50% !important;
	}
	
}