@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : studlessrental.css
 style info : スタッドレスタイヤレンタル
=================================================================== */
.con_mov, .con_merit, .con_price, .con_option, .con_info, .con_rsv, .con_notice, .con_toku {
  margin-bottom: 50px;
}
@media only screen and (min-width: 741px) {
  .con_mov .inner, .con_merit .inner, .con_price .inner, .con_option .inner, .con_info .inner, .con_rsv .inner, .con_notice .inner, .con_toku .inner {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
}

.con_inquiry {
  display: none;
}

/* -----------------------------------------------------------
  .img_main
----------------------------------------------------------- */
.img_main {
  text-align: center;
  margin-bottom: 50px;
}

/* -----------------------------------------------------------
  .con_mov
  映像で見るスタッドレスレンタル
----------------------------------------------------------- */
.con_mov {
  margin-bottom: 30px;
  overflow: hidden;
}
.con_mov .box_mov {
  width: 50%;
  float: left;
  text-align: center;
  margin-bottom: 20px;
  padding: 0 5px;
}
.con_mov .box_mov img, .con_mov .box_mov iframe {
  width: 100% !important;
  height: 90% !important;
  max-width: 100%;
}
.con_mov .box_mov p {
  padding-top: 10px;
  font-weight: bold;
  font-size: .9em;
}
@media only screen and (min-width: 741px) {
  .con_mov .box_mov {
    width: 32%;
    margin-left: 2%;
    padding-top: 20%;
    position: relative;
  }
  .con_mov .box_mov.left {
    margin-left: 0;
  }
  .con_mov .box_mov img, .con_mov .box_mov iframe {
    position: absolute;
    top: 0;
    left: 0;
  }
  .con_mov .box_mov img {
    cursor: pointer;
  }
  .con_mov .box_mov p {
    font-size: .9em;
    letter-spacing: -.5px;
  }
}
@media only screen and (min-width: 1025px) {
  .con_mov .box_mov {
    padding-top: 24.5%;
  }
  .con_mov .box_mov p {
    font-size: 1em;
  }
}
@media print {
  .con_mov .box_mov {
    padding-top: 24.5%;
  }
  .con_mov .box_mov p {
    font-size: 1em;
  }
}
.ie8 .con_mov .box_mov {
  padding-top: 24.5%;
}
.ie8 .con_mov .box_mov p {
  font-size: 1em;
}

/* -----------------------------------------------------------
  .con_merit
  メリット
----------------------------------------------------------- */
.con_merit .inner h4 {
  text-align: center;
  margin-bottom: 20px;
}
.con_merit .inner ul.box_merit {
  margin-bottom: 20px;
}
.con_merit .inner ul.box_merit li {
  margin-bottom: 10px;
}
.con_merit .inner ul.box_merit li div {
  border: 2px solid #150953;
  padding: 10px 10px 10px 80px;
  border-radius: 10px;
  background: #FE0000;
  color: #fff;
  position: relative;
}
.con_merit .inner ul.box_merit li div .st {
  font-size: 1.2em;
  font-weight: bold;
}
.con_merit .inner ul.box_merit li div .ic {
  position: absolute;
  width: 70px;
  left: 5px;
  top: 50%;
  margin-top: -30px;
}
@media only screen and (min-width: 741px) {
  .con_merit .inner ul.box_merit {
    overflow: hidden;
  }
  .con_merit .inner ul.box_merit li {
    width: 33.33333%;
    float: left;
    padding: 2px;
    margin: 0;
  }
}

/* -----------------------------------------------------------
  .con_price
  レンタル料金
----------------------------------------------------------- */
.con_price .inner h4 {
  text-align: center;
  margin-bottom: 20px;
}
.con_price .inner table {
  margin-bottom: 10px;
}
.con_price .inner table thead tr {
  background: #6ED0F7;
}
.con_price .inner table thead tr th {
  text-align: center;
  width: 14%;
  font-size: .8em;
  padding: 2px;
}
.con_price .inner table thead tr th.inch {
  width: 16%;
}
.con_price .inner table thead tr th span {
  color: #bb0000;
  display: block;
  font-size: .8em;
}
.con_price .inner table tbody tr:nth-child(even) {
  background: #DEEDF2;
}
.con_price .inner table tbody tr th, .con_price .inner table tbody tr td {
  text-align: center;
  padding: 2px;
  font-size: .8em;
  letter-spacing: -.5px;
}
.con_price .inner table tbody tr td span {
  color: #bb0000;
}
.con_price .inner .txt_sub {
  margin-bottom: 20px;
  font-size: .8em;
}
.con_price .inner .box_notice h5,
.box_notice h5{
  color: #fff;
  font-weight: bold;
  background: #bb0000;
  padding: 5px;
  line-height: 1;
  margin: 1em 0 0.5em;
}
.con_price .inner .box_notice p,
.box_notice p {
  padding: 10px;
}
.con_price .inner .box_notice p span,
.box_notice p span {
  color: red;
  font-weight: bold;
  font-size: 1.4em;
}
.con_price .inner .box_notice .txt_red,
.box_notice .txt_red
{  
  color: #bb0000;
  font-weight: bold;
  margin-bottom: 20px;
}
.con_price .inner .box_notice .exc_circle,
.box_notice .exc_circle {
  color: #bb0000;
}
.con_price .inner .box_notice .exc_circle:before,
.box_notice .exc_circle:before {
  content: "\f06a";
  font-family: 'FontAwesome';
  margin-right: 5px;
}
.box_notice span{
  display: block;
}

@media only screen and (min-width: 741px) {
  .con_price .inner table thead tr th {
    font-size: 1.1em;
    padding: 4px;
  }
  .con_price .inner table tbody tr th, .con_price .inner table tbody tr td {
    padding: 4px;
    font-size: 1.1em;
    letter-spacing: normal;
  }
  .con_price .inner .txt_sub {
    font-size: .9em;
  }
}

/* -----------------------------------------------------------
  .con_option
  オプション
----------------------------------------------------------- */
.con_option .inner table {
  margin-bottom: 15px;
}
.con_option .inner table th, .con_option .inner table td {
  text-align: center;
  width: 33.33333%;
}
.con_option .inner table th {
  background: #F58093;
}
.con_option .inner .txt_notice {
  padding: 10px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 741px) {
  .con_option .inner table th, .con_option .inner table td {
    font-size: 1.1em;
  }
}

/* -----------------------------------------------------------
  .con_info
  レンタル空き情報
----------------------------------------------------------- */
.con_info .inner h4 {
  text-align: center;
  margin-bottom: 20px;
}
.con_info .inner .box_info iframe {
  width: 100%;
  height: 350px;
  padding: 0;
  border: none;
}
.con_info .inner .txt_notice {
  padding: 10px;
  margin-bottom: 20px;
}

/* -----------------------------------------------------------
  .con_rsv
----------------------------------------------------------- */
.con_rsv h4.st {
  font-size: 1.2em;
  margin-bottom: 10px;
}
.con_rsv h4.st:before {
  content: "■";
  color: #bb0000;
}
.con_rsv .box_flow {
  margin-bottom: 20px;
}
.con_rsv .box_flow li {
  border: 1px solid #000;
  background: #FF9900;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 10px;
  font-weight: bold;
}
.con_rsv .box_flow li:before {
  content: "\f063";
  font-family: 'FontAwesome';
  margin-right: 5px;
}
.con_rsv .box_flow li:last-child {
  margin-bottom: 0;
}
.con_rsv .box_flow li:last-child:before {
  content: "\f00c";
}
.con_rsv .box_howto {
  margin-bottom: 20px;
}
.con_rsv .box_howto .txt_red {
  color: #bb0000;
  font-weight: bold;
  margin-bottom: 20px;
}
.con_rsv .box_howto .txt {
  margin-bottom: 10px;
}
.con_rsv .box_notice {
  margin-bottom: 20px;
  background: #F9FFCF;
  border: 2px solid #FF3600;
  padding: 10px;
}
.con_rsv .box_notice h4 {
  font-size: 1.2em;
  color: #FF3600;
  margin-bottom: 10px;
}
.con_rsv .box_notice p {
  margin-bottom: 10px;
}
.con_rsv .box_notice ul {
  border-top: 1px solid #d9d9d9;
}
.con_rsv .box_notice ul li {
  list-style: disc;
  list-style-position: inside;
  padding: 5px 0;
  border-bottom: 1px solid #d9d9d9;
}
@media only screen and (min-width: 741px) {
  .con_rsv .inner .box_flow ul {
    padding-top: 101px;
    height: 0;
    overflow: hidden;
    background: url(../studlessrental/images/img_flow.png) center 0 no-repeat;
    background-size: contain;
  }
}

/* -----------------------------------------------------------
  con_notice
----------------------------------------------------------- */
.con_notice .list_notice {
  margin-bottom: 30px;
  border-top: 1px solid #d9d9d9;
}
.con_notice .list_notice li {
  border-bottom: 1px solid #d9d9d9;
  padding: 5px;
}
.con_notice .list_notice li.red {
  color: #bb0000;
}
.con_notice .box_cancel_rule {
  margin-bottom: 30px;
  padding: 20px;
  border: 2px solid #bb0000;
}
.con_notice .box_cancel_rule h4 {
  color: #fff;
  font-weight: bold;
  background: #bb0000;
  padding: 5px;
  line-height: 1;
  margin-bottom: 20px;
}
.con_notice .box_cancel_rule h5 {
  margin-bottom: 10px;
  margin-top: 20px;
}
.con_notice .box_cancel_rule table {
  margin-bottom: 20px;
  border-top: 1px dotted #ccc;
  width: 100%;
}
.con_notice .box_cancel_rule table tbody tr th, .con_notice .box_cancel_rule table tbody tr td {
  padding: 5px;
  border-bottom: 1px dotted #ccc;
}
.con_notice .box_cancel_rule table tbody tr th {
  width: 40%;
  font-weight: normal;
  background: #EDEDED;
}
.con_notice .box_cancel_rule table tbody tr td {
  width: 60%;
  color: #bb0000;
}
.con_notice .bn_link {
  margin-bottom: 20px;
}
.con_notice .bn_link li {
  margin-bottom: 10px;
}
@media only screen and (min-width: 741px) {
  .con_notice .list_notice li {
    font-weight: bold;
  }
  .con_notice .bn_link {
    text-align: center;
    margin-bottom: 20px;
  }
  .con_notice .bn_link li {
    width: 300px;
    display: inline-block;
    margin-bottom: 0;
    max-width: 300px;
  }
  .con_notice .box_cancel_rule h4 {
    font-size: 1.2em;
    padding: 10px;
  }
  .con_notice .box_cancel_rule table tbody tr th, .con_notice .box_cancel_rule table tbody tr td {
    width: auto;
    padding: 10px;
  }
  .con_notice .box_cancel_rule table tbody tr th {
    width: 250px;
  }
  .con_notice .box_cancel_rule table tbody tr th br {
    display: none;
  }
}

/* -----------------------------------------------------------
  .con_toku
----------------------------------------------------------- */
.con_toku .inner .txt {
  font-weight: bold;
}

/* -----------------------------------------------------------
  .con_iwata
----------------------------------------------------------- */
.con_iwata {
  margin-bottom: 50px;
}
.con_iwata h4 {
  font-size: 1.1em;
  color: #bb0000;
  margin-bottom: 10px;
}
.con_iwata .txt {
  border: 2px dotted #bb0000;
  padding: 15px;
}