@charset "utf-8";

@media only screen and (max-width: 735px) {
	.sp{display:block !important;}
	.pc{display:none !important;}
	.w920{width: 100%;padding:0;overflow:hidden;}
	.w980{width: 100%;padding:0;overflow:hidden;}
	.text-small{font-size:0.7em;}

	#orangeDealer a:active,	#orangeDealer a:hover,
	#orangeDealer li a:active, #orangeDealer li a:hover{
		opacity: 1;
		transition: unset;
	}
	#od-top-main,
	#od-top-info-block{
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	#od-top-link-block{width: 94%;margin-top:50px;}
	#od-top-main h2{
		width: 91.2%;
		top: 5%;
		left: 2%;
	}
/*	#od-top-main .od-top-main-txt{position:relative;width:85%;top:0;bottom:0;left:0;right:0;min-height:150px;height:auto;}*/
	#od-top-main .od-top-main-txt{ margin: 20px auto;width: calc( 100% - 30px );justify-content: space-evenly;}
	#od-top-main .od-top-main-txt div { flex-basis: 80px; margin: unset;}
	#od-top-main .od-top-main-txt p{font-size: 16px;line-height: 1.8;max-width: 300px;}
	#od-top-main .od-top-main-txt p span.text-small{font-size:10px;text-align:left;}
	#od-top-main .od-slider{width: 94%;margin: 15px auto 40px auto;}
	#od-top-main .od-slider .slick-slide picture img{aspect-ratio: 675/395; height: auto;width: 100%;}
	#od-top-main .od-slider .slick-slide picture figcaption{font-size: 4vw;padding: 15px;}
	#od-top-main .od-slider .slick-slide picture figcaption span{margin-top: 0.5em;font-size: 3.2vw;}
	#od-top-main .od-slider .slick-dots{bottom: -28px;}
	#od-top-main .od-slider .slick-prev {left: -5px;}
	#od-top-main .od-slider .slick-next{right: -5px;}

	#od-top-main .od-news{width: 94%;margin: 50px auto 15px auto;}
	#od-top-main .od-news ul{display: block;}
	#od-top-main .od-news ul li{margin-bottom: 15px;}
	#od-top-main .od-news ul li a{display: flex;justify-content: space-between;}
	#od-top-main .od-news ul li a picture{flex-basis:calc( 50% - 7px );}
	#od-top-main .od-news ul li a picture img{border-radius: 6px;}
	#od-top-main .od-news ul li a .div-text{flex-basis:calc( 50% - 7px );font-size: 15px;}
	#od-top-main .od-news ul li date{margin: 5px 0 ;}
	#od-top-main .od-news ul li p{line-height: 136%;}
	#od-top-main .od-news .od-news-link a.a-news{width: 240px;margin: 30px auto;}

	
/* Top About Block
-------------------------------------------*/
	#od-top-about{width: 94%;margin:0 auto 0px auto;}
	#od-top-about h2{font-size: 20px;margin-bottom: 20px;}
	#od-top-about .od-top-about-txt p{font-size: 18px;text-align: left;margin-left: 0;margin-right: 0;}
	#od-top-about .od-top-about-txt p span.text-small{font-size: 12px;margin-bottom: 10px;}
	#od-top-about>div>ul{display:block;margin-bottom:30px;}
	#od-top-about>div>ul>li{display:block;width:100%;margin-bottom:1.3em;}
	#od-top-about>div>ul>li figure{display:flex;border-radius:6px 0 0 6px;flex-flow: row wrap;justify-content: space-between;}
	#od-top-about>div>ul>li figure img{/*width:120px;height:117px;*/width: 38%;height: auto;align-self: flex-start;}
	#od-about-list figcaption{/*padding:0 1.0em;margin:0;display: flex;flex-direction: column; justify-content: center;height:117px;*/width: 56%;padding:0;margin:0;}
	#od-about-list figcaption ul li{/*font-size:0.86em;line-height:1.4em;margin-bottom:0;*/font-size: 13px;line-height: 1.7;margin-bottom: 0;width: 100%;}
	#od-about-list figcaption span{font-size:19px;padding-top:3px;}
	#od-about-list figcaption p{line-height:1.5;margin-bottom:0.6em;font-size:16px;}
	/*#od-top-about p.text-smaller{padding:0;}*/

	/* Top About Block - Type
-------------------------------------------*/
	#od-top-type{width: 94%;margin: 2em auto;text-align: left;}
	#od-top-type h4{font-size: 16px;text-align:left;margin-bottom:20px;}
	#od-top-type .flex{display:block;}
	#od-top-type .od-top-type-block{width:100%;margin:0 0 30px 0;}
	#od-top-type .od-top-type-block h5{line-height:1.3em;margin-bottom:1.0em;height: 20px;margin-left: 10px;}
	#od-top-type .od-top-type-block ul{margin-left: 30px;}
	#od-top-type .od-top-type-block ul li{text-align:left;}
	#od-top-type .more-od {margin: 3.0em 0 1.3em 0;text-align: left; font-size:12px;}
	#od-top-type .more-od .text-large{font-size:16px;}

	/* Shop 
-------------------------------------------*/
	#shops {margin:40px auto 0 auto;width:100%;overflow:hidden;}
	#shops h2{font-size:21px;margin-bottom:0.5em;}
	#shops h3 span{position:relative;left:auto;font-size:12px;}
	#shops div>div {margin: 0 auto;width:calc( 100% - 2.0em ); }
	#shops div>div>div {width: 96%;margin: 5px auto 10px auto;}
	#shops div>div>div table{display:block;width:auto;}
	#shops div>div>div table tr{display:block;margin-bottom:1.0em;}
	#shops div>div>div table tr td{display:block;width:calc( 100% - 2.0em ) !important;line-height:1.4em;padding: 0 0 0 2.0em;white-space: nowrap;}
	#shops h3:after {right: 1.4em;}
	#shops h4:after {right: 0.7em;}

	/* Top Link Block - Type
-------------------------------------------*/
	#od-top-link-block h3{margin-bottom:0.8em;}
	#od-top-link-block p{line-height:1.4em;margin-left:0;margin-right:0;font-size:15px;}
	#od-top-link-block p.mb40{font-size:12px;}

	#orangeDealer a#od-top-pagetop{transition: unset;}
	#od-top-pagetop{display: block;width: 52px;height: 52px;overflow: hidden;text-indent: -200px;position: fixed;bottom: 5%;right: 4%;z-index: 1000;background: url(/orangedealer/common/img/footer/btn-pagetop.png) no-repeat center center;background-size: contain;}


}