@charset "utf-8";

#orangeDealer{color: #444;}
#orangeDealer img{display: block;width: 100%;height: auto;}
#orangeDealer a{text-decoration: none;color: #444;}
#orangeDealer a:hover,
#orangeDealer li a:hover{	color: #e99213;text-decoration: underline;}
#orangeDealer i{font-style: normal;}
.arrow:before{content: "";display: inline-block;vertical-align: middle;width: 0;height: 0;margin: 0 0.3em 0 0;border-left: 8px solid #000;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-right: none;}
.arrow:hover:before{border-left: 8px solid #eb5604;}
#container .text-bold{font-weight:bold;}
.text-large{font-size:larger;}
.text-smaller{font-size:smaller;}
.w920{width: 920px;margin: 0 auto;position: relative;}
.w980{width: 980px;margin: 0 auto;position: relative;}

.round-arrow-after{position:relative;}
.round-arrow-after::before{width: 22px;height: 22px;-webkit-border-radius: 50%;border-radius: 50%;background:#eb5604;position: absolute;top:0;bottom: 0;right: -1.4em;margin: auto;content: "";}
.round-arrow-after::after{width: 0.4em;height: 0.4em;border-top: 2px solid #fff;border-right: 2px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top:0;bottom:0;right: -0.86em;margin: auto;content: "";}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.sp{display:none !important;}

/* Top Main Block
-------------------------------------------*/
#od-top-main{width: 980px;margin: 0 auto;position: relative;}
/*#od-top-main .od-top-main-txt{position: absolute;left:0;right:0;bottom: 27px;background-color:#fff;width:880px;height:147px;border-radius:5px;margin:0 auto;display:flex;align-items: center;}*/
#od-top-main .od-top-main-txt{display: flex;margin: 40px auto 40px auto;justify-content: space-between;max-width: 860px;}
#od-top-main .od-top-main-txt div { flex-basis: 104px; }
#od-top-main .od-top-main-txt p{line-height: 1.8;margin: 0;color: #555;font-size:24px;/*font-weight: bold;*/display: flex;flex-direction: column;justify-content: center;font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.07em;}
#od-top-main .od-slider{margin-top: 16px;margin-bottom: 70px;}
#od-top-main .od-slider .slick-slide{border-radius: 10px;overflow: hidden;}
#od-top-main .od-slider .slick-slide picture{position: relative;display: table;width: 100%;}
#od-top-main .od-slider .slick-slide picture img{aspect-ratio: 980/480 ;object-fit: cover;}
#od-top-main .od-slider .slick-slide picture figcaption{position: absolute;left:0;right: 0;bottom: 0;background: linear-gradient(90deg, rgba(0, 0, 0,0.6) 20%,rgba(0, 0, 0,0.2) 80.48591549295774%,rgba(0, 0, 0,0.2) 80%);padding: 20px 30px;}
#od-top-main .od-slider .slick-slide picture figcaption{font-size: 25px;font-weight: bold;color: #fff;}
#od-top-main .od-slider .slick-slide picture figcaption span{display: block;font-size: 14px;}
#od-top-main .od-slider .slick-dots{bottom: -35px;display: none !important;}
#od-top-main .od-slider .slick-dots li button:before{font-size: 24px;}
#od-top-main .od-slider .slick-arrow {background-color: transparent;bottom: 0;height: 0;margin: auto;position: absolute;top: 0;width: 0;cursor: pointer;z-index: 3;}
#od-top-main .od-slider .slick-prev {border-bottom: 20px solid transparent;border-left: 0;border-right: 20px solid #eb5604;border-top: 20px solid transparent;left: -25px;}
#od-top-main .od-slider .slick-next{border-bottom: 20px solid transparent;border-left: 20px solid #eb5604;border-right: 0;border-top: 20px solid transparent;right: -25px;}
#od-top-main .od-slider button {-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;padding: 0;}



#od-top-main .od-news{}
#od-top-main .od-news a{text-decoration: none !important;}
#od-top-main .od-news h2{font-size: 18px;font-weight: bold;margin-bottom: 18px;}
#od-top-main .od-news ul{display: flex;justify-content: flex-start;letter-spacing: 1px;}
#od-top-main .od-news ul li{display: block;flex-basis: 230px;margin-right: 20px;}
#od-top-main .od-news ul li:nth-of-type(4){margin-right: 0;}
#od-top-main .od-news ul li picture{display: block;}
#od-top-main .od-news ul li picture img{border-radius: 10px;aspect-ratio: 980/480 ;object-fit: cover;}
#od-top-main .od-news ul li date{display: block;color:#999;margin: 15px 0 10px  0;}
#od-top-main .od-news .od-news-link{text-align: center;}
#od-top-main .od-news .od-news-link a.a-news{display: inline-block;margin: 60px auto;border: 2px solid #eb5604;border-radius: 8px;width: 200px;color: #eb5604;padding: 15px 0;font-size: 16px;font-weight: bold;}
#od-top-main .od-news .od-news-link a.a-news span{position: relative;padding-right: 17px;margin-right: 20px;}
#od-top-main .od-news .od-news-link a.a-news span:after{content:'';}
#od-top-main .od-news .od-news-link a.a-news:hover{opacity: 0.7;}

/* Top About Block
-------------------------------------------*/
#od-top-about{margin: 45px auto;border-bottom:1px dashed #ccc;padding-bottom:20px;}
#od-top-about h2{background-color: #eb5604;color:#fff;font-size: 26px;text-align: center;font-weight: bold;line-height: 50px;border-radius: 10px 10px 0 0 ;margin-bottom: 40px;letter-spacing: 1px;}
#od-top-about .od-top-about-txt p {line-height: 1.8;margin: 0;color: #000;font-size: 22px;margin: 0px 40px 0 40px;font-weight: bold;text-align: center;}
#od-top-about .od-top-about-txt p span.text-small {font-size: 15px;display: block;font-weight: normal;margin-bottom: 35px;}
#od-about-list{margin: 1.5em 0 3.0em 0;padding: 0;letter-spacing: -0.4em;display:flex;justify-content:space-between;}
#od-about-list li{display: inline-block;vertical-align: top;width: 283px;letter-spacing: normal;}
#od-about-list figure{padding: 0;margin: 0;border-radius:6px 6px 0 0;overflow:hidden;}
#od-about-list figcaption{/*margin: 1.0em 0.8em;*/margin: 2.0em 0 0 0;}
#od-about-list figcaption i,
#od-about-list figcaption span{display: inline-block;vertical-align: middle;font-size:26px;}
#od-about-list figcaption p{display: inline-block;vertical-align: middle;}
#od-about-list figcaption span{font-size:26px; display:block;margin-bottom:0.6em;font-weight:bold;}
#od-about-list figcaption i{width: 1.1em;height: 1.1em;line-height: 1.18em;font-size: 1.0em;text-align: center;font-weight: 500;color: #fff;border-radius: 50%;background-color: #eb5604;margin-left:0.2em;margin-top:-0.2em;}
#od-about-list figcaption p{font-size: 21px;line-height: 1.4;margin-bottom:0.6em;}
#od-about-list figcaption ul li{font-size: 14px;line-height: 1.7;/*margin-left: 0.8em;padding-right:0.8em;*/position:relative;}
/*#od-about-list figcaption ul li::before{content:'・';position:absolute;left:-1.0em;font-weight:bold;}*/
#od-top-about p.text-smaller{font-size:12px;padding:0;padding-left: 2.2em;text-indent: -2.2em;box-sizing: border-box;}
#od-top-about sup {font-size: 70%;vertical-align: top;position: relative;top: -0.1em;}
/* Top About Block - Type
-------------------------------------------*/
#od-top-type{}
#od-top-type h4{font-size: 21px;margin-bottom: 1.0em;}
#od-top-type .flex{display:flex;}
#od-top-type .od-top-type-block{display: inline-block;vertical-align: middle;border-left: 4px solid #eb5604;width:calc( 50% - 19px);margin-left:15px;font-size:16px;}
#od-top-type .od-top-type-block h5{display: inline-block;vertical-align: middle;}
#od-top-type .od-top-type-block h5{text-indent: -900px;overflow: hidden;height: 33px;margin-left: 20px;width:100%;margin-bottom:1.6em;}
#od-top-type .od-top-type-block h5.type-master{background: url(../common/img/logo_master.jpg) no-repeat 0 0;background-size: contain;}
#od-top-type .od-top-type-block h5.type-best{background: url(../common/img/logo_best.svg) no-repeat 0 0;background-size: contain;}
#od-top-type .od-top-type-block p{margin-left:1.0em;}
#od-top-type .od-top-type-block ul{margin-left:3.0em;list-style:disc;position:relative;}
#od-top-type .od-top-type-block ul li{position:relative;padding-top: 8px;padding-right:0.8em;}
#od-top-type .od-top-type-block ul li::before{content:'・';position:absolute;left:-1.0em;font-weight:bold;}
/*#od-top-type .od-top-type-block ul li span:first-child{float:left;}*/
/*#od-top-type .od-top-type-block ul li span:last-child{margin-left:12em;display:block;}*/
#od-top-type .od-top-type-block ul li.last::before{content:'';position:absolute;left:0;}
#od-top-type .od-top-type-block ul li span{position: relative;left: -1em;}
#od-top-type .od-top-type-block ul li span.people{position: absolute;left: 244px;}
#od-top-type .od-top-type-block ul li sup {font-size: 70%;vertical-align: top;position: relative;top: -0.1em;}
#od-top-type p.text-smaller {font-size: 12px;padding-left: 2.2em;text-indent: -2.2em;margin:3.6em 0em 0 0em;}

#od-top-type .od-top-type-block ul.staff::before{content:"";display:block;border-top:1px dashed #ccc;width:340px;top:0;margin-left:-1.6em;height: 7px; margin-top: 15px;}
#od-top-type .more-od{margin: 2.0em 0.6em 1.3em;text-align: right;font-size:16px;}
#od-top-type .more-od .text-large{font-size:21px;}
#od-top-type .more-od .text-small{font-size:12px;}

#od-top-about .more-od{margin: 0.5em 0 1.3em;text-align: right;font-size: 120%;}
#od-top-about .more-od a:hover{text-decoration: underline;color: #e99213;}
#od-top-about .more-od a.arrow:before{height: 0;border-left: 10px solid #eb5604;border-top: 6px solid transparent;border-bottom: 7px solid transparent;}

/* img 
-------------------------------------------*/
.wide-img{margin-top:40px;margin-bottom:60px;}

/* Shop 
-------------------------------------------*/
#shops {margin:50px auto 0 auto;width:900px;}
#shops h2{font-size:30px;text-align:center;margin-bottom:0.8em;}
#shops h3{background-color:#E95504;color:#fff;line-height:2.0em;padding:0.2em 0 0em 1.0em;font-size:21px;position:relative; border-top-right-radius: 8px;margin-bottom:0.4em;cursor:pointer;}
#shops h3 span{font-size:16px;position:absolute;left:6.0em;}
#shops h3:after{content:'＋';position:absolute;display:block;right:1.9em;top:0.2em;}
#shops h3.open:after{content:'－';}
#shops h3+div{display:none;}
#shops h3:hover{opacity:0.9;}
#shops h4 {font-size:16px;border-bottom:1px dashed #ccc;line-height:2.4em;padding-top:0.2em;position:relative;cursor:pointer;font-weight:bold;}
#shops h4+div{display:none;}
#shops h3+div>div:last-child h4{border:unset;}
#shops div.open{border-bottom:1px dashed #ccc;}
#shops h3+div>div:last-child{border:unset;}
#shops h4:after{content:'＋';position:absolute;display:block;right:1.06em;top:0.2em;}
#shops h4.open:after{content:'－';}
#shops h4.open{color:#eb5604;border:none;}
#shops h4:hover{color:#eb5604;}
#shops #shops-list.loading{opacity:0.6;}
#shops #shops-list.loading h3{cursor:default;}
#shops div>div>div{width:850px;margin:10px auto 10px  auto;}
#shops div>div>div>div{width:820px;margin:20px auto;}
#shops div p.label{height:1.2em;background-size: contain;background-repeat:no-repeat;margin-top:1.0em;}
#shops div.best p.label{background-image: url(../common/img/logo_best.svg);}
#shops div.master p.label{background-image: url(../common/img/logo_master.jpg);}
#shops div table{margin:10px auto;width:100%;}
#shops div table tr td{width:40%;line-height:1.4em;font-size:15px;padding: 1em 0;}
#shops div table tr td.tel{width:18%;}
#shops div table tr td.name{position:relative;padding-left:2.0em;font-weight:bold;}
#shops div table tr td.name::before{width: 1.4em;height: 1.4em;-webkit-border-radius: 50%;border-radius: 50%;background:#eb5604;position: absolute;top:0;bottom: 0;left: 0;margin: auto;content: "";}
#shops div table tr td.name::after{width: 0.4em;height: 0.4em;border-top: 2px solid #fff;border-right: 2px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top:0;bottom:0;left: 0.35em;margin: auto;content: "";}


/* Top Link Block
-------------------------------------------*/
#od-top-link-block{width: 866px;margin: 80px auto 45px;}
#od-top-link-block h3{font-size: 1.1em;line-height: 2.6em;background-color:#E8E8E8;text-align:center;color:#eb5604;margin-bottom:2.0em;font-weight:normal}
#od-top-link-block h3 a{color:#eb5604;text-decoration:none;font-weight:bold;display:inline-block;margin-top:0.2em;margin-right:2.2em;}
#od-top-link-block h3 a:hover{opacity: 0.8;text-decoration:none;}
#od-top-link-block h3 a::before{top:-4px;}
#od-top-link-block h3 a::after{top:-4px;}
#od-top-link-block h3:last-child a::before{top:-2px;}

#od-top-link-block h3 a span{padding:0 0.7em;font-weight:normal;font-size:21px;}
#od-top-link-block p{margin:10px 20px 5px 20px;line-height:1.8em;font-size:16px;}

@media only screen and (min-width: 736px) {
#od-top-pagetop{display: none !important;}
}

@media screen and (max-width: 736px) {
#od-top-type .od-top-type-block ul.staff::before {width: 60%;}
#od-top-type .od-top-type-block ul li span.people {left: 40vw;}
}

@media screen and (max-width: 584px) {
#od-top-type .od-top-type-block ul.staff::before {width: 103%;}
#od-top-type .od-top-type-block ul li span.people {left: auto;right: 4vw;}
#od-top-type p.text-smaller {margin:3em 0 0 0;}
}