/***CSS for custom single pages***/


/*--------------------------------------------------------------
このクルマで〜じ気になる訳よ〜！
--------------------------------------------------------------*/
.kininaru-header {
  display: flex ;
  margin: 2% 0;
}

.kininaru-header h2 {
  float: left;
  margin: 0% 3% 0% 0;
  width: 20%;
}

.kininaru-header-right {
  float: right;
  margin: 1em 0 0;
  width: 80%;
}

.kininaru-header-right span {
  background-color: #147e95;
  border-radius: 60px;
  color: #fff;
  display: inline-block;
  padding: 0.3em 1em;
}

.kininaru-header-title {
  border-bottom: 3px dotted;
  font-size: min(4.35vw,30px);
  font-weight: bold;
  margin: 0 0 0.4em;
  padding: 0.3em 0;
}

.kininaru-header-car {
  font-size: min(4vw,34px);
  margin: 0;
}


.kininaru-main-title, 
.kininaru-sub {
  border-bottom: 3px solid #147e95;
  color: #147e95;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 0 0.5em;
  padding: 0 0 0.3em;
}

.kininaru-main-text {
  margin: 0 0 2em;
}

.kininaru-top-img {
  line-height: 0;
  margin: 0 0 3%;
}

.kininaru-sub-block {
  border-bottom: 1px dashed #b9b9b9;
  padding: 0.8em 0;
}

.kininaru-sub-title {
  float: right;
  font-weight: bold;
  margin: 1% 0 6px 0;
  width: 74%;
}

.kininaru-sub-img {
  float: left;
  line-height: 0;
  margin: 0 2% 0 0;
  width: 24%;
  text-align: center;
}

.kininaru-sub-text {
  float: right;
  font-size: 0.9em;
  margin: 0;
  width: 74%;
}

.kininaru-prof-title {
  background-color: #147e95;
  border-radius: 5px 5px 0 0;
  color: #fff;
  display: inline-block;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0;
  padding: 0.3em 0.5em;
}

.kininaru-prof-block {
  border: 5px solid #147e95;
  border-radius: 0 8px 8px;
  padding: 3%;
}

.kininaru-prof-block > figure {
  display: inline-block;
  margin: 0 2% 0 0;
  vertical-align: middle;
  width: 36%;
}

.kininaru-prof-right {
  display: inline-block;
  vertical-align: middle;
  width: 60%;
}

.kininaru-prof-block strong {
  color: #147e95;
  display: inline-block;
  font-size: 1.3em;
  margin: 0 0 0.3em;
}

.kininaru-bottom {
  width: 100%;
  display: inline-flex;
  background-color: #ededed;
  margin: 3% 0 6%;
  padding: 2% 4%;
}

.kininaru-bottom-right strong {
  color: #147e95;
  display: inline-block;
  font-size: 1.4em;
  margin: 0 0 0.5em;
}

.kininaru-bottom-left {
  float: left;
  margin: 0 3% 0 0;
  width: 41%;
}

.kininaru-bottom-right {
  float: right;
  width: 56%;
}

.kininaru-bottom-text {
  margin: 0 0 1em;
}

.kininaru-car-link > a {
  background-color: #147e95;
  border-radius: 4px;
  box-shadow: 0 3px 0 0 #004a63;
  color: #fff;
  display: inline-block;
  padding: 0.5em 1em;
}

.kininaru-car-link > a:visited,
.kininaru-car-link > a:active,
.kininaru-car-link > a:focus {
  color: #fff;
}

.kininaru-car-link > a:hover {
  box-shadow: none;
  color: #fff;
  position: relative;
  top: 2px;
}

.kininaru-prof-text {
    font-size: 0.9em;
}

.kininaru-prof-link {
    margin-top: 0.8em;
}

.kininaru-prof-link p {
    margin: 0;
    font-size: 0.8em;
    color: #999;
}

.kininaru-prof-link a {
    text-decoration: underline;
}

.kininaru-1 {
  float:left;
  width: 45%;
  display: grid;
}

.kininaru-2 {
  width: 52%;
  float: right;
  max-width: initial;
}

.kininaru-3 {
  float: right;
  width: 52%;
}


/*--------------------------------------------------------------
沖縄オジーの上等バイク見せてちょーらい！
--------------------------------------------------------------*/
.oji-header {
  margin: 2% 0 3%;
  display: flex;
}

.oji-header h2 {
  float: left;
  margin: 0 3% 0 0;
  width: 36%;
}

.oji-header-right {
  float: right;
  margin: 1% 0 0;
  width: 61%;
}

.oji-cross {
  border-bottom: 3px dotted;
  color: black;
  display: block;
  font-size: 2.5vmin;
  font-weight: bold;
  padding: 1% 0;
}

.oji-header-bike {
  color: #649700;
  font-size: min(3.6vw,26px);
  margin: 3% 0 0;
}

.oji-header-bike strong {
  display: block;
  font-size: min(5.5vw,37px);
}

.oji-main-text {
  margin: 1% 0;
}

.oji-main-title {
  background-color: #8ec125;
  border-bottom: 4px solid #629504;
  color: #fff;
  font-size: min(3.7vw,25px);
  font-weight: bold;
  margin: 0 0 1%;
  padding: 0.2em 0.5em;
  display: flex;
}

.oji-sub-block {
  border: 4px solid #8ec125;
  border-radius: 10px;
  margin: 2% 0 3%;
  padding: 2%;
  display: inline-block;
}

.oji-sub-block figure {
  float: left;
  line-height: 0;
  margin: 0 2% 0 0;
  position: relative;
  width: 35%;
}

.oji-click-icon {
  bottom: 0;
  position: absolute;
  right: 0;
}

.oji-sub-title {
  border-bottom: 2px dotted #8ec125;
  float: right;
  font-size: 1.5em;
  font-weight: bold;
  margin: 0 0 2%;
  padding: 0 0 1%;
  width: 63%;
}

.oji-sub-text {
  float: right;
  font-size: 1.15em;
  margin: 0;
  width: 63%;
}

.oji-sub-title > img {
  display: inline-block;
  margin: 0 1% 0 0;
  vertical-align: middle;
  width: 13%;
}

.oji-sub-title > span {
  display: inline-block;
  vertical-align: middle;
  width: 84%;
}

.oji-thumbnail {
  margin: 0 0 1%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.oji-thumbnail-block {
  display: inline-block;
  margin: 0 1% 2% 1%;
  vertical-align: top;
  width: 23%;
}
.oji-thumbnail-block:nth-child(4) {
  margin-right: 0;
}

.oji-thumbnail-block > figure {
  line-height: 0;
  position: relative;
}

.oji-sub-block figure:hover,
.oji-thumbnail-block > figure:hover,
.oji-shop-thumbnail figure img:hover,
.oji-shop-table > figure img:hover {
  opacity: 0.6;
}

.oji-thumbnail-block > p {
  font-size: 12px;
  margin: 0;
}

.oji-shop-tag {
  background-color: #e7b800;
  color: #fff;
  display: inline-block;
  font-size: min(3.5vw,21px);
  font-weight: bold;
  margin: 0;
  padding: 0.3em 0.8em 0;
}

.oji-shop {
  border-top: 7px solid #e7b800;
  margin: 0 0 6%;
  padding: 1% 1% 0;
}

.oji-shop-main-title {
  font-size: 1.6em;
  font-weight: bold;
  margin: 0;
}

.oji-shop-main-text {
  margin: 1% 0 2%;
}

.oji-main-img{
  text-align: center;
}

.oji-shop-table {
  margin: 2.5% 0 6%;
  display: flex;
}

.oji-shop-table > figure {
  float: left;
  margin: 0 2% 0 0;
  width: 38%;
}

.oji-shop-table > table {
  border-top: 1px solid #c9c9c9;
  float: right;
  font-size: 14px;
  margin: 0;
  width: 60%;
}

.oji-shop-table > table th {
  background-color: #e9e9e9;
  border-bottom: 1px solid #c9c9c9;
  font-weight: normal;
  padding: 6px;
  text-align: center;
  width: 6em;
}

.oji-shop-table > table td {
  border-bottom: 1px solid #c9c9c9;
  padding: 6px;
}

.oji-shop-table > table td > a {
  text-decoration: underline;
}

.oji-shop-thumbnail figure {
  display: inline-block;
  width: 24.5%;
}

.oji-movie-title {
  background-color: #8ec125;
  border-bottom: 4px solid #629504;
  color: #fff;
  font-size: 3.5vmin;
  font-weight: bold;
  margin: 0 0 1%;
  padding: 0.2em 0.5em;
}

.oji-movie {
  margin: 2% auto 5%;
  position: relative;
  text-align: center;
  width: 90%;
}

.oji-movie > a {
  background-color: #000;
  display: block;
  line-height: 0;
  margin: 0 auto;
  width: 75%;
}

.oji-youtube-thumbnail {
  max-height: 470px;
  opacity: 0.4;
  width: 100%;
}

.oji-movie > span {
  display: block;
}

.oji-youtube-buttom {
  bottom: 0;
  height: 63px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 111px;
}

/*youtube再生用*/ 
.remodal {
  padding: 3% 0.5% !important;
  background: #000 !important;
}
.embed-container {
  position: relative;
  padding-bottom: 59%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*--------------------------------------------------------------
single:バイク&カーレポート共通
--------------------------------------------------------------*/

.vehicle_thumbnail {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 2% auto;
  width: 100%;
}

.vehicle_thumbnail-block {
  display: inline-block;
  margin: 0 1% 2% 0;
  vertical-align: top;
  width: calc(96% / 5);
}
.vehicle_thumbnail-block:nth-child(5),.vehicle_thumbnail-block:nth-child(10),.vehicle_thumbnail-block:last-child {
  margin-right: 0;
}

.vehicle_thumbnail-block > figure {
  line-height: 0;
  position: relative;
}

.vehicle_thumbnail-block > figure:hover{
  opacity: 0.6;
}

.vehicle_thumbnail-block > p {
  font-size: min(3.8vw,12px);
  margin: 0;
}

.bike-post-top,.car-post-top {
  display: flex;
}
.title-logo {
  width: fit-content;
  margin: 0 1% 0 0;
}
.title-area {
  width: 65%;
  margin: auto 0;
}

.bike-post-midashi,.car-post-midashi {
  color: #000;
  font-size: min(6.8vw,38px);
  font-weight: 700;
  line-height: min(8vw, 36px);
  margin: 1.5% 0.5% 1% 0.5%;
}

.bike-post-komidashi,.car-post-komidashi {
  color: #000;
  font-size: min(3.8vw,17px);
  border-bottom: 8px solid #ae141b;
  padding: 0.5% 0 0 0.5%;
}

.bike-post-title,.car-post-title {
  color: #000;
  font-size: min(6.25vw,25px);
  font-weight: 700;
  line-height: min(6vw,32px);
  margin: 0 0 1% 0;
}

.bike-post-main,.car-post-main {
  width: 87%;
  position: relative;
  margin: 0 auto;
}

.bike-post-subtitle,.car-post-subtitle {
  font-size: min(4.8vw,19px);
  color: #000;
  margin: 0 0.5% 0 0;
}

.sp-text{
  font-size: min(3.8vw, 12px);
  margin-top: 2%;
  text-align: left;
}

.anser-movie {
  float: right;
  font-size: 14px;
  margin-right: 2%;
  position: relative;
  width: 28%;
}

/*YOUTUBE埋め込み*/
.youtube {
  position: relative;
  width:100%;
  height:0;
  padding-top: 56.25%;
  margin: 2% auto 4% auto;
}
.youtube iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




/*--------------------------------------------------------------
single:バイクレポート
--------------------------------------------------------------*/

.bike_post_maintext {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  margin: 1% auto 0 auto;
  padding: 1.5%;
}

.bike_sub-block figure:hover,
.bike_shop-thumbnail figure img:hover,
.bike_shop-table > figure img:hover {
  opacity: 0.6;
}

.bike_click-icon {
  bottom: 2px;
  position: absolute;
  right: 2px;
  max-width: 23%;
}
.car_click-icon {
  bottom: 0;
  position: absolute;
  right: 0;
  max-width: 23%;
}
.bike_spec {
  display: flex;
  margin-bottom: 5%;
}

.bike_spec div:nth-child(1) {
  width: 78%;
  background-color: #eee;
  padding: 1%;
}
.bike_spec div:nth-child(1) img {
  width: 50%;
  float: left;
}
.bike_spec div:nth-child(2) {
  width: 20%;
  background-color: #eee;
  font-size: min(3.2vw, 14px);
  line-height: 3vmin;
  margin-left: 1%;
  padding: 1%;
}
.bike_spec div:nth-child(2) div {
  width: 100%;
}
.bike_spec div:nth-child(2) img {
  margin-top: 1%;
}

.bike_spec_ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0.6% 1.5% 0 1%;
}
.bike_spec_ul li {
  font-size: min(3vw, 13px);
  margin: 0.5% 0;
}
.bike_spec_ul li:nth-child(odd) {
  width: 28%;
  font-weight: 700;
}
.bike_spec_ul li:nth-child(even) {
  width: 72%;
}

.bike_report_shop {
  float: right;
  font-size: 1.7vmin;
  line-height: 1.75em;
  width: 38%;
}
.bike_report_shop img {
  float: left;
  margin-right: 2%;
  width: 55%;
}
.bike_report_shop h3{
  font-size: 1.9vmin;
}

.youtube-thumbnail {
  border-bottom: 7px solid #000;
  border-top: 7px solid #000;
}
.youtube-buttom {
  position: absolute;
  right: 28%;
  top: 42%;
  max-width: 45%;
}

.panorama {
  display: block;
  margin: 0 auto;
}
.panorama-waku{
  margin-bottom: 5%;
}

.cross-link > a {
  width: 100%;
  display: inline-block;
  background-color: #147e95;
  color: #fff;
  font-weight: 700;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 3px 0 0 #004a63;
  padding: 0.5em 1em;
  margin: 4% auto 5% auto;
}

.cross-link > a:visited,
.cross-link > a:active,
.cross-link > a:focus {
  color: #fff;
}

.cross-link> a:hover {
  color: #fff;
  position: relative;
  top: 2px;
  box-shadow: none;
}

a.cross-bike-link {
  background-color: #e30011;
  box-shadow: 0 3px 0 0 #b1353e;
}


/*--------------------------------------------------------------
カーレポート 
-------------------------------------------------------------*/

.spec-wrap {
  width: 100%;
  display: flex;
  margin-bottom: 5%;
}

.car-spec-img {
  width: 30%;
  margin-right: 2%;
}

.car-spec-info {
  width: 68%;
  display: flex;
  background-color: #eee;
  padding: 2%;
}
.car-spec-info a {
  color: #1873cc;
}

.car-spec-info div {
  padding-right: 1%;
}

.car-spec-info div:nth-child(2) {
  display: flex;
}

.car-spec-info div:nth-child(2) img {
  padding-right: 2%;
}

.car-spec-info div:first-child {
  font-size: min(3.2vw,13px);
  line-height: min(4.5vw, 1.75em);
  margin: 1% 3% 2% 1%;
  width: fit-content;
}

.car-head-line h3 {
float: left;
width: 56%;
}

.car-head-line .arbr-link {
float: right;
}

.car-head-line {
width: 95%;
border-bottom: 2px solid #eee;
margin-bottom: 1em;
padding-bottom: 20%;
}

.car-head-line h3 p {
line-height: 100%;
word-wrap: break-word;
}

.car-head-line .maker {
font-size: 2.5vmin;
margin: 0 0 2%;
}

.car-head-line .car-name {
font-size:4vmin;
margin: 0;
}

.car_report_shop {
  max-width: 240px;
}

a.cross-car-link {
  background-color: #1976d1;
  box-shadow: 0 3px 0 0 #0d47a0;
}

.spec-head_outer {
border-bottom: 9px solid #ae141c;
margin: 4% 0 1% 0;
}

.spec-head_inner {
display: inline-block;
background-color: #ae141c;
color: #FFF;
font-weight: bold;
font-size: 1.25rem;
font-family: IMPACT;
padding: 0.25% 1.6%;
letter-spacing: 1px;
margin-bottom: -6px;
}

.bike_potolist_wrap {
  margin: 0 auto;
  width: 100%;
}


/*--------------------------------------------------------------
ショップレポート
--------------------------------------------------------------*/
/*ショップレポート：下部に表示されるH1の非表示*/
.entry-header {
  display: none;
}
.shopreport-left,.shopreport-left1 {
    float:left;
  margin:1% 0 0 1%;
}

.shopreport-right,.shopreport-right1 {
    float:right;
  margin:1% 1% 0 0;
}

.shopreport-left{
    width:55%;
}

.shopreport-left1,.shopreport-right{
    width:40%;
}

.shopreport-right {
  margin-bottom: 6%;
}

.shopreport-right1{
    width:58%;
  margin: 0 0 1.5% 1%;
}

.icon_q {
    float: left;
    margin-right: 5px;
}
.shop_q {
  clear:both;
  margin-bottom:5px;
}
.shop_a {
  clear:both;
  margin-bottom:10px;
}

.shopreport-left1 h3 {
    background: none repeat scroll 0 0 #1c3737;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    padding: 3px;
    text-align: center;
    width: 60px;
    position:relative;
    top:6px;
}

.shop_name {
    border-bottom:2px solid #1c3737;
    color: #1c3737;
    font-size: 39px;
    font-weight: 700;
    margin-top:10px;
}

.shop_name_sub{
  font-weight: bold;
    margin-bottom:5%;
}

.shop_honbun {
  font-size: 14px;
    margin-bottom: 4%;
}

.bike_shop_link a,
.bike_shop_link a:visited,
.bike_shop_link a:hover {	  
    color: #fff;
    background-color: #1c3737;
    display: block;
    font-weight: bold;
    font-size: min(4vw,18px);
    text-decoration: underline;
    padding: 1%;
    margin: 1.5% 0;
    text-align: center;
}

.gaiyou {
    background: none repeat scroll 0 0 #eee;
    border:#EEE solid 2px;
    float: left;
    font-size: 12px;
    font-weight: 700;
    padding: 2px;
    text-align: center;
    width: 20%;
    margin: 1.5%;
}

.gaiyou2 {
    font-size: 14px;
    border:#EEE solid 2px;
    padding:1.5%;
}

.list_q {
    font-size: 14px;
    font-weight: 700;
    position:relative;
    top:4px;
}
.list_a {
    font-size: 14px;
    position:relative;
    top:4px;
}
.repo-photo {
  font-size: min(3.25vw, 12px);
  line-height: 2vmin;
  margin-bottom: 4%;
}

.shopreport-right img {
    border: 1px solid #d3d3d3;
    padding: 1%;
    width: 98%;
    margin: 0 0 1.5% 0;
}

.shop-movie {
  border: 2px solid #e0e0e0;
  font-size: 16px;
  margin: 50px auto 0;
  padding: 2% 3%;
  position: relative;
  width: 80%;
}

.shop-movie-text {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    text-align: center;
}

.shop-youtube-thumb {
    border-bottom: 7px solid #000;
    border-top: 7px solid #000;
    width: 100%;
}

.shop-youtube-button {
    position: absolute;
    right: 36%;
    top: 43%;
    width: 27%;
}




/*--------------------------------------------------------------
販売士
--------------------------------------------------------------*/

.repo {
  width: 100%;
  display: inline-block;
  margin-top: 1%;
}

.left {
  float: left;
  margin: 0 2%;
  padding: 30px 0;
  width: 47%;
}
.question {
  text-align: justify;
}
.vol_name {
  color: #0D2F8D;
  float: right;
  font-size: 19px;
  font-weight: bold;
  margin-right: 25px;
}

.que {
  color: #C61E1D;
  font-weight: bold;
  line-height: 1em;
  margin: 0 0 8px;
}

.an {
  color: #0D2F8D;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.3em;
  margin: 2% 0 6% 4%;
  text-align: justify;
}

.photo1 {
  text-align: center;
}

.mini_photobox {
  margin: 0 auto;
  width: 93%;
}

.mini_photo {
  float: left;
  margin: 2% 1.5% 0;
  max-width: none;
  width: 47%;
}

.mini_photo:last-child {
  margin-right:0;
}

.setumei {
  color: #0D2F8D;
  font-size: 12px;
  font-weight: bold;
  height: 58px;
  line-height: 1em;
  margin: 0 auto;
  padding-top: 0.25em;
  text-align: justify;
}

.access {
  background: none repeat scroll 0 0 #73BB2C;
  float: right;
  margin: 3% auto 5%;
  width: 100%;
}

.right {
  float: right;
  position: relative;
  width: 48%;
}

.mini_photo2 {
  float: left;
  margin: 7px;
  width: 313px;
}

.mini_photo2:first-child {
  margin-right: 0;
}

.f_title {
  background: none repeat scroll 0 0 #0D2F8D;
  color: #FFFFFF;
  float: left;
  padding: 0 132px 0 8px;
font-size: 11.9px;
  padding: 0 0 0 4px;
  width: 317px;
}

.box .kotira {
margin-bottom:5px;
  color: #fff;
  font-weight: bold;
}

.box a {
  color: #0d2f8d;
}

.name_shop {
  color: #FFFFFF;
  font-size: 17px;
  padding-bottom: 9px;
  width: 250px;
}

.box {
  width: 380px;
}

.shop {
  color: #0D2F8D;
  line-height: 1.15em;
  margin: 0;
  padding: 0;
}

.shop a{
text-decoration:underline;
}

.shop a:hover{
text-decoration:none;
}

.tel {
  color: #0D2F8D;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
}

.mise {
  color: #FFFFFF;
  font-size: 13px;
  line-height: 1.5em;
  margin-top: 1px;
  position: relative;
  width: 350px;
}

.mise a{
  color: #FFFFFF;
}

.mise a:hover{
text-decoration:none;
}

.mise img {
  bottom: 0;
  float: right;
  position: absolute;
  right: 16px;
  width: 250px;
}
.comment {
  position: absolute;
  top: 350px;
  width: 400px;
}

.access .left {
  padding: 0;
  width: 48%;

}
.mise.left {
  font-size: 13px;
  width: 47%;
}

.access p {
  margin-bottom: 0;
}

.ac-left {
  float: left;
  width: 322px;
}

.ac-center {
  float: left;
  margin-left: 7px;
  width: 208px;
}

.ac-right {
  float: right;
  margin: 0;
  padding: 0;
  position: relative;
  right: 10px;
  top: -15px;
  width: 285px;
}

.alignnone.size-full.wp-image-169 {
  float: right;
  position: absolute;
  right: 16px;
  top: 17px;
  width: 250px;
}

.alignnone.size-full.wp-image-119 {
  max-width: none;
  width: 306px;
}

.box-q6 {
  position: relative;
  margin: 4% 5%;
  padding: 3%;
  border: solid 3px #95ccff;
  border-radius: 8px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.75em;
  width: 95%;
}

.box-q6 .box-title {
  position: absolute;
  display: inline-block;
  top: -13px;
  left: 10px;
  padding: 0 9px;
  line-height: 1;
  font-size: 19px;
  background: #FFF;
  color: #95ccff;
  font-weight: bold;
}

.box-q6 p {
  margin: 0; 
  padding: 0;
}


/*--------------------------------------------------------------
共通：関連記事パーツ
--------------------------------------------------------------*/
.wrap-related {
  margin-bottom: 4%;
}

.related-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
}

.related-list img {
  height: min(41vw, 232px);
  width: 100%;
}

.related-list li {
  width: calc( 100% / 4 );
  padding: 1%;
}

.related-list li:first-child {
  padding-left: 0;
} 

.related-list li:last-child {
  padding-right: 0;
}

.related-list p {
  font-size: min(3.25vw,14px);
  font-weight: 700;
  letter-spacing: -0.5px;
  margin-top: 1.5%;
}

.related-list li a{
  display: block;
  height: 100%;
  width: 100%;
}

.related-list li a:hover {
  transform: translateY(-2px);
  transition: all .2s;
  filter: brightness(1.2);
}

.r-car li a,.r-bike li a {
  color: #313131;
}
.r-car li a:hover {
  color: #2378d2;
}
.r-bike li a:hover {
  color: #e30011;
}

/***default title***/
.title-related {
  color: #000;
  font-size: min(4.5vw, 18px);
  font-weight: 700;
  margin: 0 0 0.75% 0;
  padding: 0 0.5%;
}

.related-br1 {
  border-bottom: 7px solid #ae171c;
}
.related-br2 {
  border-bottom: 7px solid #1c3737;
}
.related-br3 {
  border-bottom: 7px solid #e7b800;
}

.title-related::before {
  font-family: "FontAwesome";
  content: '\f087';
  font-size: 24px;
  font-weight: 700;
  margin-right: 4px;
}



/*--------------------------------------------------------------
レスポンシブ
--------------------------------------------------------------*/

@media screen and (max-width: 980px) {

  /***関連記事パーツ***/
  .wrap-related {
    padding: 2%;
  }

  /***バイクレポート***/  
  .bike_report_shop {
    width: 25%;
    margin-right: 1%;
    margin-bottom: 5%;
  }
  .bike_report_shop img {
    width: 100%;
  }

  /***オジー上等バイク***/
  .oji-sub-block {
    margin: 2% 0.5% 3%;
  }

  /***ショップレポート***/
  .shopreport-right1{
    width: 59.8vw;
    margin: 5% 1% 0 1%;
  }
  .shopreport-left1 {
    width: 35vw;
  }
  .site-link {
    width: 98vw;
  }
  .shop_name {
    font-size: 4vmin;
  }

}/***end:980px@media***/

@media screen and (max-width: 768px) {
  .gaiyou {
    width: 30vw;
    margin-right: 4%;
  }
  .gaiyou2,.site-link {
    width: 98vw;
  }

  /***でーじ気になる***/
  .kininaru-header h2 {
    width: 24%;
    margin-top: 4%;
  }
  .kininaru-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .kininaru-2 {
    width: 100%;
    text-align: center;
    order: -1;
  }
  .kininaru-1,.kininaru-3 {
    width: 100%;
    padding: 2%;
  }
  .kininaru-sub-title,.kininaru-sub-text {
    width: 72%;
  }

  /***single:バイク・新車レポート共通***/
  .vehicle_thumbnail-block {
    padding-left: 1%;
    width: calc(97% / 3);
  }


  /*** single:バイクレポート***/
  .bike_spec_ul li {
    font-size: 1.75vmin;
  }

  /***single:新車レポート***/
  .car-spec-info {
    width: 44%;
    display: block;
    margin-right: 1%;
  }
  .car-spec-img {
    width: 55%;
    margin: 0 1%;
  }

  .bike_spec div:nth-child(1) {
    width: 59%;
  }
  .bike_spec div:nth-child(1) img {
    width: 100%;
    float: none;
  }
  .bike_spec div:nth-child(2) {
    width: 39%;
    height: fit-content;
  }

  /***関連記事パーツ***/
  .related-list li {
    width: calc( 100% / 2 );
  }
  .title-related {
    width: 100%;
  }
  .title-related::before {
    font-family: "FontAwesome";
    content: '\f087';
    font-size: 24px;
    font-weight: 700;
    margin: 0 4px 0 5px;
  }

}
/***end:768px@media***/



@media screen and (max-width: 684px) {

  /***single:新車&バイクレポート共通**/
  .vehicle_thumbnail-block {
    width: calc(99% / 2);
    padding-left: 0;
  }
  .vehicle_thumbnail-block:nth-child(5),.vehicle_thumbnail-block:nth-child(10),.vehicle_thumbnail-block:last-child {
    margin-right: 1%;
  }
  .vehicle_thumbnail-block:nth-child(even) {
    margin-right: 0;
  }

  /***single:新車レポート**/
  .anser-movie,.youtube-thumbnail {
    width: 99%;
    margin: 0 0 5%;
  }
  .youtube-buttom {
    right: 38%;
    top: 38%;
  }
  .car_spec_ul {
    margin-right: 1%;
    width: 30%;
  }

  /***新車バイクレポート***/
  .bike_report_shop {
    width: 99%;
    margin-bottom: 7%;
    font-size: 3vmin;
  }
  .bike_report_shop img {
    float: left;
    width: 50%;
    margin: 0 2% 5% 1%;
  }
  .bike_report_shop h3{
    font-size: 3vmin;
  }

  .vehicle_thumbnail-block p {
    margin: 3% 0 5% 0;
}

  /***オジー上等バイク***/
  .oji-thumbnail-block {
    width: 31%;
    margin-left: 1.3%;
  }
  .oji-sub-text {
    width: 100%;
  }
  .oji-sub-block figure {
    width: 45%;
  }
  .oji-sub-title {
    width: 53%;
  }
  .oji-sub-title > img {
    width: 11vmin;
  }
  .oji-sub-title > span {
    width: 36vmin;
    font-size: 3.5vmin;
  }

  /***ショップレポート***/
  .shopreport-left,.shopreport-right,.shopreport-left1,.shopreport-right1 {
    width: 98vw;
  }
  .shopreport-wrap {
    display: inline-flex;
    flex-flow: column wrap;
  }
  .shopreport-right1 {
    order: -1;
    margin-left: 1%;
  }
  .shopreport-right,.shopreport-left {
    display: flex;
    flex-wrap: wrap-reverse;
  }
  .repo-photo {
    width: 50%;
  }
  .q_a {
    display: block;
    margin: 1%;
  }
  .shop-movie {
    margin: 0 auto 5%;
    width: 85%;
  }
  .shop_name {
    font-size: 6vmin;
  }

}/***end:684px@media***/



@media screen and (max-width: 480px) {

    /***販売士ページ***/
    .right,.f_title,.ac-left,.mini_photo2,.box,.ac-center,.back {
      width: 100%;
      }
    .right {
        float: none;
        display: inline-block;
        margin-top: 3%;
    }
    .left {
        padding: 30px 0;
        width: 95%;
        margin: 2%;
    }
    .box-q6 {
        margin: 4% 3%;
    }
    .vol_name {
        float: none;
        font-size: 20px;
        margin-left: 5%;
    }
    .vol_name::before {
        content:"今回の販売士紹介は、";
        font-size: 14px;
    }
    .vol_name::after {
        content:"です！";
        font-size: 14px;
    }
    .ac-left {
        float: none;
    }
    .ac-right,.mise {
        width: 95%;
    }
    .mini_photo2 {
        margin: 1% 0;
    }
    .back {
        height: 26px;
        margin: 2% 0 5%;
    }
    .access {
      margin: 3% auto 10%;
    }
    .que,.an {
      font-size: 12px;
    }

    /***共通：NEWバイク＆車レポート***/
    .bike-post-main, .car-post-main {
      width: 95%;
    }
    .bike-post-midashi,.car-post-midashi {
      margin-bottom: 2%;
    }
    .sp-text {
      margin: 0.8% 0 3% 0;
    }
    .vehicle_thumbnail {
      display: block;
    }
    .vehicle_thumbnail-block {
      width: 100%;
    }
    .cross-link > a {
      margin: 7% auto 8% auto;
    }
    .youtube {
      margin: 2% auto 9% auto;
      padding: 35%;
      width: 100vw;
    }
    .youtube-size { /*only hanbaiten*/
      width: 100% !important;
    }
    .car_post-main, .bike_post-main {
      margin-bottom: 5.5%;
    }
    .full {
      margin-left: calc(-50vw + 50%);
      margin-right: calc(-50vw + 50%);
  }
    
    /***新車レポートsingleページ***/
    .car_spec_ul {
      width: 98%;
    }
    .spec-wrap {
      display: block;
    }
    .car-spec-img {
      width: 95%;
      margin: 2% auto;
    }
    .car-spec-info {
      width: 96%;
      margin: 0 2%;
    }
    .car-spec-info div:first-child {
      line-height: 5vmin;
    }

    /***single:バイクレポート***/
   .bike_spec {
      display: block;
      padding: 0 2%;
    }
    .bike_spec div:nth-child(1) {
      width: 100%;
    }
    .bike_spec div:nth-child(2) {
      width: 100%;
      display: flex;
      line-height: 4.5vw;
      padding: 2%;
      margin: 2% 0 0 0;
    }
    .bike_spec div:nth-child(2) div {
      width: 50%;
    }
    .bike_spec_ul li {
      font-size: 3vmin;
    }



    /***single:オジー上等バイク***/
    .oji-main-text {
      font-size: 2.8vmin;
      margin: 1%;
    }
    .oji-header-bike strong {
      line-height: 5.75vmin;
    }
    .oji-cross {
      font-size: 2.9vmin;
    }
    .oji-sub-block figure,.oji-sub-title {
      float: none;
      width: 100%;
    }
    .oji-sub-title > img {
      margin: 0.75%;
    }
    .oji-sub-title > span {
      width: 80%;
      font-size: 4vmin;
    }
    .oji-sub-text {
      float: none;
      font-size: 3vmin;
      margin: 1%;
      width: 98%;
    }
    .oji-header > h2 {
      margin:3% 3% 0 1%;
    }
    .oji-thumbnail {
      display: block;
    }
    .oji-thumbnail-block {
      width: 97%;
      margin-left: 1.3%;
    }
    .oji-thumbnail-block,.oji-shop-thumbnail figure:nth-child(2n){
      margin-right:0;
    }
    .oji-shop-main-title {
      font-size: 4.85vmin;
      line-height: 7vmin;
      margin: 1.25% 0;
    }
    .oji-shop-main-text {
      font-size: 3.25vmin;
    }
    .oji-shop-thumbnail figure {
      display: inline-block;
      width: 46.8%;
      margin: 1.35%;
    }
    .oji-shop-table > figure,.oji-shop-table > table {
      width: 100%;
      margin-bottom: 1%;
    }
    .oji-shop-table > figure {
      order: 2;
    }
    .oji-shop-table {
      flex-direction: column;
    }
    .oji-movie {
      margin: 0;
    }
  
    /***ショップレポート***/
    .repo-photo {
      width: 100%;
      line-height: 3.5vmin;
    }
    .shop_honbun {
      font-size: 3.35vmin;
    }
    .shop_name {
      font-size: 8vmin;
    }
    .shop_name_sub {
      font-size: 4vmin;
    }
    .list_q,.list_a {
      font-size: 3.15vmin;
      display: flex;
    }
    .shop-movie-text {
      font-size: 4vmin;
    }

    /***でーじ気になる***/
    .kininaru-header-right span {
      font-size: 3.25vmin;
    }
    .kininaru-prof-link p {
      font-size: 3vmin;
    }
    .kininaru-main-title,.kininaru-sub,.kininaru-prof-block strong {
      font-size: 4.25vmin;
    }
    .kininaru-main-text,.kininaru-sub-text,.kininaru-prof-text,.kininaru-bottom-text {
      font-size: 3.5vmin;
    }
    .kininaru-sub-img {
      width: 25%;
    }
    .kininaru-sub-title,.kininaru-car-link > a {
      font-size: 3.5vmin;
    }
    .kininaru-prof-title {
      font-size: 4vmin;
    }
    .kininaru-bottom {
      display: unset;
      margin-bottom: 10%;
    }
    .kininaru-bottom-left,.kininaru-bottom-right {
      width: 100%;
    }
    .kininaru-car-link {
      text-align: right;
      margin-bottom: 2%;
    }

}/***end:480px@media***/