@charset "utf-8";
*::before,
*::after {
  box-sizing: border-box;
}

html, body, div, span, applet, object,
iframe,h1, h2, h3, h4, h5, h6, p, blockquote,
pre,a, abbr, acronym, address, big, cite, code,del,
dfn, em, img, ins, kbd, q, s, samp,small, strike, strong,
sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul,
li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}
img {
  vertical-align: middle;
  border-style: none;
}
 aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
body {
	line-height: 1.5;
  font-size: 14px;
  font-family: "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
  color: #090909;
}
a{
  text-decoration: none;
  color: #333;
}
img{
  max-width: 100%;
  height: auto;
}

main p{
  line-height: 1.5em;
}
/******************************
  mainvisual
******************************/
.day{
  background: #c9c9c9;
}
.mainvisual{
  background: url('./images/bg_mv01.jpg');
  background-repeat: repeat-x;
}
.mainvisual img{
width: 100%;
}
.readwrap{
  width: 100%
  padding: 18px 0;
  box-sizing: border-box;
  letter-spacing: -0.5px;
}
.readwrap span {
  color: #0416E0;
}
/******************************
  content
******************************/
.secinner{
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.detail_wrap .title,.campaignwrap .title{
  text-align: center;
}
.w240{
  min-width: 240px;
}
.detail_wrap .title div,.campaignwrap .title div{
  background: #e70012;
  color: #fff;
  padding-top: 8px;
  padding-bottom: 8px;
}
.detail_wrap .title.rounded div{
  border-radius: 50px;
}
.detail_wrap .title.corner div{
  border-radius: 0;
}
/* campaignwrap */
.button01 {
  width: 100%;
  text-align: center;
  display: block;
  background: #004a87;
  padding: 20px 10px;
  box-sizing: border-box;
  font-size: 28px;
  font-weight: bold;
  border: 15px #0068b1 solid;
  color: #fff;
  letter-spacing: 4px;
  transition: 300ms;
}
.button01:hover {
    border: 15px #004a87 solid;
    background: #0068b1;
}
.nowrap{
  white-space: nowrap;
}
@media screen and (max-width:1000px){
}
@media screen and (max-width:736px){
  .secinner{
    padding: 0 10px;
  }
  .button01 {
    font-size: 18px;
    padding: 8px 10px;
  }
  .button01:hover{
    border: 8px #0068b1 solid;
  }
  .button01 {
    font-size: 16px;
    padding: 8px 8px;
    border: 8px #0068b1 solid;
    letter-spacing: initial;
  }
  .auto_sp{
    margin: 0 auto 12px !important;
  }
}
/* color */
.c_red01{color: #e60012}

.bg_gray01{background: #e70012;}
.bg_gray02{background: #eeefef;}
.bg_gray03{background: #ffffff;}

.ta_c{text-align: center;}
.ta_l{text-align: left;}
.ta_r{text-align: right;}


.bold{font-weight:bold}

.rel{position: relative;}
.abs{position: absolute;}

.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr30{margin-right:30px}
.mr35{margin-right:35px}
.mr40{margin-right:40px}
.mr45{margin-right:45px}
.mr50{margin-right:50px}
.mr55{margin-right:55px}
.mr60{margin-right:60px}
.mr65{margin-right:65px}
.mr70{margin-right:70px}
.mr75{margin-right:75px}
.mr80{margin-right:80px}
.mr85{margin-right:85px}
.mr90{margin-right:90px}
.mr95{margin-right:95px}
.mr100{margin-right:100px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}
.ml35{margin-left:35px}
.ml40{margin-left:40px}
.ml45{margin-left:45px}
.ml50{margin-left:50px}
.ml55{margin-left:55px}
.ml60{margin-left:60px}
.ml65{margin-left:65px}
.ml70{margin-left:70px}
.ml75{margin-left:75px}
.ml80{margin-left:80px}
.ml85{margin-left:85px}
.ml90{margin-left:90px}
.ml95{margin-left:95px}
.ml100{margin-left:100px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt55{margin-top:55px}
.mt60{margin-top:60px}
.mt65{margin-top:65px}
.mt70{margin-top:70px}
.mt75{margin-top:75px}
.mt80{margin-top:80px}
.mt85{margin-top:85px}
.mt90{margin-top:90px}
.mt95{margin-top:95px}
.mt100{margin-top:100px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.mb35{margin-bottom:35px}
.mb40{margin-bottom:40px}
.mb45{margin-bottom:45px}
.mb50{margin-bottom:50px}
.mb55{margin-bottom:55px}
.mb60{margin-bottom:60px}
.mb65{margin-bottom:65px}
.mb70{margin-bottom:70px}
.mb75{margin-bottom:75px}
.mb80{margin-bottom:80px}
.mb85{margin-bottom:85px}
.mb90{margin-bottom:90px}
.mb95{margin-bottom:95px}
.mb100{margin-bottom:100px}


.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr25{padding-right:25px}
.pr30{padding-right:30px}
.pr35{padding-right:35px}
.pr40{padding-right:40px}
.pr45{padding-right:45px}
.pr50{padding-right:50px}
.pr55{padding-right:55px}
.pr60{padding-right:60px}
.pr65{padding-right:65px}
.pr70{padding-right:70px}
.pr75{padding-right:75px}
.pr80{padding-right:80px}
.pr85{padding-right:85px}
.pr90{padding-right:90px}
.pr95{padding-right:95px}
.pr100{padding-right:100px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl25{padding-left:25px}
.pl30{padding-left:30px}
.pl35{padding-left:35px}
.pl40{padding-left:40px}
.pl45{padding-left:45px}
.pl50{padding-left:50px}
.pl55{padding-left:55px}
.pl60{padding-left:60px}
.pl65{padding-left:65px}
.pl70{padding-left:70px}
.pl75{padding-left:75px}
.pl80{padding-left:80px}
.pl85{padding-left:85px}
.pl90{padding-left:90px}
.pl95{padding-left:95px}
.pl100{padding-left:100px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt25{padding-top:25px}
.pt30{padding-top:30px}
.pt35{padding-top:35px}
.pt40{padding-top:40px}
.pt45{padding-top:45px}
.pt50{padding-top:50px}
.pt55{padding-top:55px}
.pt60{padding-top:60px}
.pt65{padding-top:65px}
.pt70{padding-top:70px}
.pt75{padding-top:75px}
.pt80{padding-top:80px}
.pt85{padding-top:85px}
.pt90{padding-top:90px}
.pt95{padding-top:95px}
.pt100{padding-top:100px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}
.pb30{padding-bottom:30px}
.pb35{padding-bottom:35px}
.pb40{padding-bottom:40px}
.pb45{padding-bottom:45px}
.pb50{padding-bottom:50px}
.pb55{padding-bottom:55px}
.pb60{padding-bottom:60px}
.pb65{padding-bottom:65px}
.pb70{padding-bottom:70px}
.pb75{padding-bottom:75px}
.pb80{padding-bottom:80px}
.pb85{padding-bottom:85px}
.pb90{padding-bottom:90px}
.pb95{padding-bottom:95px}
.pb100{padding-bottom:100px}

/* flex */
.flex{display:flex;justify-content:space-between}
.flex.start{justify-content:flex-start}
.flex.end{justify-content:flex-end}
.flex.center{justify-content:center}
.flex.around{justify-content:space-around}
.flex.middle{align-items:center}
.flex.baseline{align-items:baseline}
.flex.wrap{flex-wrap:wrap}
.flex.nowrap{flex-wrap:nowrap}
.flex.bottom{align-items:flex-end}
.culm-3:after{content:"";display:block;width:30%}


.font10{font-size:10px}
.font11{font-size:11px}
.font12{font-size:12px}
.font13{font-size:13px}
.font14{font-size:14px}
.font15{font-size:15px}
.font16{font-size:16px}
.font17{font-size:17px}
.font18{font-size:18px}
.font19{font-size:19px}
.font20{font-size:20px}
.font21{font-size:21px}
.font22{font-size:22px}
.font23{font-size:23px}
.font24{font-size:24px}
.font25{font-size:25px}
.font26{font-size:26px}
.font27{font-size:27px}
.font28{font-size:28px}
.font29{font-size:29px}
.font30{font-size:30px}
.font31{font-size:31px}
.font32{font-size:32px}
.font33{font-size:33px}
.font34{font-size:34px}
.font35{font-size:35px}
.font36{font-size:36px}
.font37{font-size:37px}
.font38{font-size:38px}
.font39{font-size:39px}
.font40{font-size:40px}
.font41{font-size:41px}
.font42{font-size:42px}
.font43{font-size:43px}
.font44{font-size:44px}
.font45{font-size:45px}
.font46{font-size:46px}
.font47{font-size:47px}
.font48{font-size:48px}
.font49{font-size:49px}
.font50{font-size:50px}
.font51{font-size:51px}
.font52{font-size:52px}
.font53{font-size:53px}
.font54{font-size:54px}
.font55{font-size:55px}
.font56{font-size:56px}
.font57{font-size:57px}
.font58{font-size:58px}
.font59{font-size:59px}
.w_33{
  width: 33%;
}

.bike_list .txt_area {
  display: flex;
  min-height: 40px;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin: 10px 0;
  text-align: center;
}
.bike_list a {
  display: block;
  width: 23%;
  box-sizing: border-box;
  margin-bottom: 20px;
  border: 3px solid #dcdcdc;
  transition: .3s;
}
.bike_list a:hover {
  opacity: 0.7;
}
@media screen and (max-width:1000px){
.font50{font-size:40px}
.font40,.font48{font-size:36px}
.font38{font-size:34px}
.font36{font-size:2px}
.font34{font-size:30px}
.font32{font-size:28px}
.font28,.font30{font-size:26px}
.font26{font-size:24px}
.font24{font-size:22px}
.font22{font-size:20px}
}
@media screen and (max-width:736px){
  .block_sp{
    display: block;
  }
  .w_100_sp{
    width: 100%;
  }
  .ta_c_sp{text-align: center;}
  .ta_l_sp{text-align: left;}
  .ta_r_sp{text-align: right;}
  .pt25 {padding-top: 5px;}
  .mb5_sp{margin-bottom: 5px;}
  .mb10_sp{margin-bottom: 10px;}
  .mt35 {margin-top: 16px;}
  .flex.middle_sp{align-items:flex-start}
  .font38,.font40,.font48,.font50{font-size:24px}
  .font32,.font34,.font36{font-size:22px}
  .font28,.font30{font-size:20px}
  .font24,.font26{font-size:18px}
  .font18,.font20,.font22{font-size:16px}
  .font15,.font16,.font14{font-size:13px}
  .font12_sp{font-size:12px}
  .pb15_sp{padding-bottom: 15px;}

  .bike_list a {
    width: 48%;
    font-size: 11px;
  }
  .bike_list .txt_area {
    min-height: 24px;
    margin: 10px 0;
  }
}

.sp{display: none;}
@media screen and (max-width:736px){
  .pc{display: none;}
  .sp{display: block;}
}