@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;}
.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: "";}
.round-arrow-after.up::after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);right: -15px;bottom:-3px;}
.round-arrow-after.down::after{-webkit-transform: rotate(135deg);transform: rotate(135deg);right: -15px;top:-2px;}
.round-arrow-before{position:relative;}
.round-arrow-before::before{width: 22px;height: 22px;-webkit-border-radius: 50%;border-radius: 50%;background:#555;position: absolute;top:0;bottom: 0;left: -1.4em;margin: auto;content: "";}
.round-arrow-before::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.86em;margin: auto;content: "";}

.text-large{font-size:larger;}
.text-smaller{font-size:smaller;}
.w860{width: 860px;margin: 0 auto;position: relative;}

.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.sp{display:none !important;}


/* news Block
-------------------------------------------*/
#od-news-main{width: 860px;margin: 60px auto 0 auto;position: relative;}
#od-news-main h1{font-size:40px;font-weight:normal;}

#od-news-selecter{text-align: center;}
#od-news-selecter p{position: relative;display: block;margin: 60px auto 40px auto;position: relative;font-size: 16px;font-weight: bold;}
#od-news-selecter p:before{content:"";position: absolute;display: block;width: calc( 50% - 4em );height: 2px;top:0;bottom: 0;left:0;margin: auto;}
#od-news-selecter p:before{background-image : linear-gradient(to right, #ccc, #ccc 2px, transparent 2px, transparent 8px); background-size: 10px 2px;background-position: left bottom;background-repeat: repeat-x;}
#od-news-selecter p:after{content:"";position: absolute;display: block;width: calc( 50% - 4em );height: 2px;top:0;bottom: 0;right:0;margin: auto;}
#od-news-selecter p:after{background-image : linear-gradient(to right, #ccc, #ccc 2px, transparent 2px, transparent 8px); background-size: 10px 2px;background-position: left bottom;background-repeat: repeat-x;}
#od-news-selecter ul{display: flex;justify-content: space-between;}
#od-news-selecter ul li{display: block;text-align: center;}
#od-news-selecter ul li span{display: block;padding: 0.5em 1.8em;background-color: #f8f8f8;border-radius: 15px;cursor: pointer;}
#od-news-selecter ul li span.selected{background-color: #eb5604;color:#fff;}

#od-news-list{border-top: 2px solid #ccc; margin-top:80px;padding-top: 0px;}
#od-news-list .od-news {padding: 60px 0 20px 0;}
#od-news-list .od-news.bg-gray{background-color: #fcfcfc;}
#od-news-list .od-news .store{font-weight: bold;}
#od-news-list .od-news h3{font-size: 26px;margin: 0.5em 0 ;padding-bottom:0.5em;line-height: 1.4em;font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;font-feature-settings: "palt";border-bottom: 1px solid #ccc;}
#od-news-list .od-news date{display: block;color:#999;margin: 15px 0 10px  0;}
#od-news-list .od-news .div-text{margin: 1.0em 0;}
#od-news-list .od-news .div-text p{line-height: 2.0em;}
#od-news-list .od-news .div-image{display: flex;}
#od-news-list .od-news .div-image.single{justify-content: center;}
#od-news-list .od-news .div-image.double{justify-content: space-between;}
#od-news-list .od-news .div-image picture{flex-basis: 420px;margin-bottom: 15px}
#od-news-list .od-news .div-image picture img{width: 420px; height: auto;max-height: 600px;}
#od-news-list .od-news .div-image picture figcaption{margin: 0.8em 0;}
#od-news-list .od-news .chkbox-toggle{display: none;}
#od-news-list .od-news .div-link{background-color: #fcfcfc;border: 2px solid #ccc;padding: 15px 30px ;border-radius: 10px;margin-top: 50px;]}
#od-news-list .od-news .div-link span{display: block;margin: 1.0em;padding-left: 1.0em;}
#od-news-list .result0{text-align: center; margin: 60px auto;}

#od-news-list .od-news .hidden{display: grid;grid-template-rows: 0fr;overflow: hidden;transition: all 0.5s;}
#od-news-list .od-news .hidden .blocks{overflow: hidden;transition: all 3s;}
#od-news-list .od-news .chkbox-toggle:checked + .hidden {grid-template-rows: 1fr;}
#od-news-list .od-news .chkbox-toggle:checked + .hidden + .od-news-toggle .down{display: none;}
#od-news-list .od-news .chkbox-toggle:checked + .hidden + .od-news-toggle .up{display: inline;}

#od-news-list .od-news .od-news-toggle {text-align: center;}
#od-news-list .od-news .od-news-toggle .a-toggle{display: inline-block;margin: 60px auto 40px auto;border: 2px solid #eb5604;border-radius: 8px;width: 200px;color: #eb5604;padding: 15px 0;font-size: 16px;font-weight: bold;cursor: pointer;}
#od-news-list .od-news .od-news-toggle .a-toggle span{position: relative;padding-right: 10px;margin-right: 20px;}
#od-news-list .od-news .od-news-toggle .a-toggle span:after{content:'';}
#od-news-list .od-news .od-news-toggle .a-toggle:hover{opacity: 0.7;}
#od-news-list .od-news .od-news-toggle .round-arrow-after.up{display: none;}


















#od-news-list ul, .od-news-list-def ul {border-top:1px dotted #ccc;clear:both;}
#od-news-list ul li{display:block;padding: 35px 0 15px 0;border-bottom:1px dotted #ccc;}
#od-news-list ul li div, .od-news-list-def ul li div{display:flex;justify-content: space-between; margin-left: 20px;}
#od-news-list ul li div figcaption{margin-top: 20px;}
#od-news-list ul li div figcaption time{display:block;margin-bottom:0.7em;font-size:16px;}
#od-news-list ul li div figcaption .title{font-size:21px;margin-bottom:0.7em;line-height:1.4em;font-weight:bold;font-feature-settings: "palt";}
#od-news-list ul li div figcaption .link{font-size:15px;margin-bottom:0.7em;line-height:1.4em;/*font-feature-settings: "palt";*/}
#od-news-list ul li div figcaption .link span{position: relative;top: -1px;letter-spacing: -0.05em;}
#od-news-list ul li div figcaption .location{margin-bottom:0.9em;}
#od-news-list ul li div figcaption .location span{font-weight:bold;}
#od-news-list ul li div figure{display: inline-block;position: relative;width:340px;margin:0;padding:0;}
#od-news-list ul li div figure:after {position: absolute;display: block;content: "";top: 0;left: 0;width: 100%;height: 100%;/*background:linear-gradient(180deg, rgba(255, 255, 255, 0) 70%, #fff 100%);*/ }
#od-news-list ul li div figure img{width:100%;}
#od-news-list ul li div figure img.mag{width:46px;position: absolute;bottom: 10px;right: -5px;}

#od-news-list div.btn{width:214px;text-align:center;margin:20px auto 10px auto;position:relative;cursor:pointer;}
#od-news-list div.btn a{display:block;width:100%;line-height:2.6em;background-color:#E95504;color:#fff;font-size:16px;padding-right:1.5em;padding-top:0.2em;}
#od-news-list div.btn:hover{opacity:0.8;}
#od-news-list div.btn a:hover{text-decoration:none;}
#od-news-list div.btn::before{width: 22px;height: 22px;-webkit-border-radius: 50%;border-radius: 50%;background:#fff !important;position: absolute;top:0;bottom: 0;right: 3.2em;margin: auto;content: "";}
#od-news-list div.btn::after{width: 0.4em;height: 0.4em;border-top: 2px solid #eb5604;border-right: 2px solid #eb5604;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top:0;bottom:0;right: 3.85em;margin: auto;content: "";}


.od-news-list-def {margin:60px auto 80px auto;}
.od-news-list-def>p {float:right;text-align:right;margin-bottom:5px;font-feature-settings: "palt";}
.od-news-list-def>p:first-child {float:left;text-align:left;font-size: 18px!important;font-weight: bold!important;margin-bottom: 2px;position: relative;top: -4px;}
.od-news-list-def ul li{display:block;padding: 35px 0 15px 0;}



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