@charset "UTF-8";
/* tire marathon css pc */
/*common ==============================================================*/
body{
  margin:0;
  position:relative;
  min-width:960px;
  overflow-x:hidden;
  color: #333;
  font-size: 14px;
}
/* font */
.fs20{font-size:20px!important;}
.fs12{font-size: 12px !important;}
.fs16{font-size: 16px !important;}
/* txtColor */
.txtColor_191c6d{color:#191c6d!important;}
.txtColor_c21700{color:#c21700!important;}
/* bgColor */
.bgColor_191c6d{background-color:#191c6d!important;}
.bgColor_c21700{background-color:#c21700!important;}
/* conTtl */
.conTtl{
  text-align: center;
  color: #002896;
  font-size: 42px;
  font-weight: bold;
  margin-bottom: 15px;
}
/*contents ===========================================================*/
/*mainTtlArea*/
.mainTtlArea {
  background: url("https://r.r10s.jp/evt/event/autogoods/tireservice/campaign/point10x/_pc/img/20231117/mv-pc-bg.jpg") no-repeat;
  background-position: center bottom;
  background-size: cover;
}
/*period*/
.period {
  background: #333;
}
.period > * {
  width: 960px;
  margin: 0 auto;
}
.txt00 {color: #f00;}
.txt01 a {text-decoration: none;}
.txt02 {
  width: 670px;
    text-align: left;
    margin: 0 auto;
    width: 670px;
    padding: 10px;
    padding-left: 18px;
    border: 2px solid #FFD53F;
    border-radius: 3px;
    position: relative;
}
.txt02::before {
  content: "";
  width: 30px;
  height: 30px;
  background: url("https://r.r10s.jp/evt/event/autogoods/tireservice/campaign/point10x/_cmn/img/20231117/icon_comment.svg") no-repeat;
  background-size: 100%;
  position: absolute;
  top: -15px;
  left: -15px;
}
/*con01=explain=======================================================*/
.explain {
  overflow:auto;
}
.con01_left {
  float: left;
  width: 35%;
  margin-right: 5%;
}
.con01_right {
  float: right;
  width: 60%;
}
/*con02 =============================================================*/
.con02 {clear: both;}
.rl-itemColumn950-4 {
  width: auto;
}
.rl-itemColumn950-4 > * {
  margin: 0 25px 32px 0;
}
/*con03=searchArea ===================================================*/
.searchArea{
  padding-right:500%;
  padding-left:500%;
  margin-right:-500%;
  margin-left:-500%;
  background:#F7F7F7;
  padding-top: 50px;
}
/* search */
.search{
  width:100%;
  padding-top:28px;
  padding-bottom:40px;
}
.search .riTtl001_950{font-size:26px;}
.search .riItemSearch{
  width:800px;
  margin:0 auto;
}
.search .riItemSearch ul{letter-spacing:-.5em;}
.search .riItemSearch li{
  display:inline-block;
  vertical-align:top;
  letter-spacing:normal;
}
.search .riFreeWord{
  width:654px;
  height:50px;
  background:url("https://r.r10s.jp/evt/event/autogoods/tireservice/campaign/1500coupon/_pc/img/20190531/con04_freeword.png") no-repeat;
  border:0!important;
  padding-right:11px;
  padding-left:19px;
  font-size:20px;
  line-height:50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
::i-block-chrome,.search .riFreeWord{line-height:1em;}
.search .riBtnSubmit{
  background:url("https://r.r10s.jp/evt/event/autogoods/tireservice/campaign/1500coupon/_pc/img/20190531/con04_submit.png") no-repeat;
  border:0;
  width:146px;
  height:0;
  padding-top:47px !important;
  overflow:hidden;
  cursor:pointer;
}
.middleWrap:before{
  content:'';
  vertical-align:middle;
  display:inline-block;
  width:100%;
  margin-right:-100%;
}
.txtInner{
  width:100%;
  letter-spacing:normal;
  vertical-align:middle;
  display:inline-block;
}
.riTxtBox{
  height:40px;
  margin-bottom:28px;
}
.riTxtBox:before{height:40px;}
.riBlockWrap{
  margin-left: 0 !important;
  padding: 0 15px;
}
.riBlock{
  width:270px!important;
  margin-left:30px!important;
}
.btn a{
  display:block;
  width:249px;
  height:40px;
  overflow:hidden;
  padding-right:21px;
  font-size:19.52px;
  font-weight:bold;
  text-align:center;
}
.btn a:before{height:40px;}
.studlessTire .btn a{
  color:#191c6d!important;
  background:url("https://r.r10s.jp/evt/event/autogoods/tireservice/_pc/img/20181130/con04_btn01.png") no-repeat left top;
}
.summerTire .btn a{
  color:#c21700!important;
  background:url("https://r.r10s.jp/evt/event/autogoods/tireservice/_pc/img/20181130/con04_btn02.png") no-repeat left top;
}
.studlessTire .btn a:hover,
.summerTire .btn a:hover{
  color:#fff!important;
  background-position:left bottom;
}
/* shopListWrap */
.shopListWrap{
  letter-spacing:-.5em;
  width: 100%;
  margin: 0 auto;
}
.shopListWrap > li{
  width:460px;
  margin-top:30px;
  display:inline-block;
  vertical-align:top;
}
.shopListWrap > li:nth-child(even) {
  margin-left:30px;
}
.shopListInner{
  display:flex;
  position:relative;
  width:456px;
  height:100px;
  text-decoration:none!important;
  color:#333!important;
  border:solid 2px #efefef;
}
.shopListInner:after{
  content:"";
  display:block;
  position:absolute;
  bottom:2px;
  right:2px;
  width:7px;
  height:7px;
  border-right:solid 3px #0b42b4;
  border-bottom:solid 3px #0b42b4;
}
.shopListInner span{display:inline-block;}
.shopListInner .shopLogo{
  width:100px;
  height:100px;
  vertical-align:top;
}
.shopListInner .shopName{
  display: flex;
  width:304px;
  height:100px;
  margin-left:55px;
  font-size:20px;
  font-weight: bold;
  align-items: center;
}
.shopListInner:hover{
  color:#fff!important;
  background-color:#0b42b4;
  border-color:#1348b6!important;
}
.shopListInner:hover:after{
  border-right-color:#fff!important;
  border-bottom-color:#fff!important;
}
.shopListInner:hover .shopLogo > img{opacity:1!important;}
/*banner*/
.rb-banner img {width: 580px !important;}
/*お役立ち情報*/
.bnrList>ul {text-align: center !important;}
.bnrList>ul>li {
  display: inline-block;
  vertical-align: top;
  width: 200px;
  margin: 15px;
}
/*rule*/
.pc {display: block;}
.sp {display: none;}