@charset "UTF-8";
@import url("2018rakuten.css");
/* CSS SP */

body {
    -webkit-text-size-adjust: 100%;
}

html, body {
    height: 100%;
    margin: 0;
}

.w100i, .w100 img {
    width: 100%;
    height: auto;
}

.w90i, .w90 img {
    width: 90%;
    height: auto;
}

.spmt2 {
    margin-top: 2vw
}

.spmb7 {
    margin-bottom: 7vw;
}

.spmb8 {
    margin-bottom: 8vw !important;
}

.spmb20 {
    margin-bottom: 20vw;
}

.pm2 p {
    margin: 0 0 2vw;
}

.pm4 p {
    margin: 0 0 4vw;
}

.pt2v {
    padding-top: 2vw !important
}

.pt4v {
    padding-top: 4vw
}

.pb1v {
    padding-bottom: 1vw;
}

.pb2v {
    padding-bottom: 2vw !important;
}

.pb4v {
    padding-bottom: 4vw;
}

.pb8v {
    padding-bottom: 8vw;
}

.plr3v {
    padding-left: 3vw;
    padding-right: 3vw
}

.pink {
    color: #e70570
}

h5.remarks {
    background-color: #979093;
    color: #fff;
    padding: 1.3vw 2.2vw;
    margin: 2vw 0;
}

.hide {
    display: none;
}

header {
    background-color: #c70112;
}

header h1 {
    color: #fff;
    font-size: 3vw;
    text-align: center;
    font-weight: normal;
    padding: 6px 0
}

.Header {
    position: relative
}

.f17em {
    font-size: 1.7em;
}

.f14em {
    font-size: 1.4em;
}

.f12em {
    font-size: 1.2em;
    line-height: 1.6em;
}

.f1em {
    font-size: 1em;
}

.f09em {
    font-size: .9em;
}

.f08em {
    font-size: .8em;
}

.f1vw {
    font-size: 1vw;
}

.lh18em {
    line-height: 1.8em
}

.lh2em {
    line-height: 2em
}

.bg-g {
    background-color: #f1f1f1;
    box-sizing: border-box;
}

.bgR, .bgS {
    padding: 5vw 1vw;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bgR {
    background-color: #f0313a;
}

.bgS {
    background-color: #0197de;
}

.Logo .mark, .Logo .textlogo {
    display: inline-block;
    vertical-align: top;
}

.Logo .mark, .HNav {
    background-color: #fff;
    border-radius: 0 0 10px 10px;
}

.Logo .mark {
    width: 17%;
    text-align: center;
    padding: 5px 0;
    margin-left: 1.4%;
}

.Logo .mark img {
    width: 83%;
    height: auto;
}

.Logo .textlogo {
    padding-left: 1.3%;
    width: 36%;
    line-height: 1em;
    padding-top: 2vw
}

.Logo .textlogo img {
    width: 100%;
}

.Logo a:hover img, .op100 a:hover img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.Header .rakuten {
    position: absolute;
    top: 7vw;
    left: 20.7%;
    width: 37%;
    letter-spacing: -.4em;
}

.Header .rakuten img, .Header .rakuten span {
    display: inline-block;
    vertical-align: middle;
}

.Header .rakuten img {
    margin-right: .5vw;
    width: 10%;
}

.Header .rakuten span {
    font-size: 2.5vw;
    font-weight: bold;
    width: 84%;
    letter-spacing: normal;
}

.Hnav {
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    width: 40%;
    position: absolute;
    top: 0;
    right: 0;
    letter-spacing: -.4em;
    padding: 4px 2px;
}

.Hnav li {
    display: inline-block;
    text-align: center;
    width: 33.3%;
    letter-spacing: normal;
    font-size: 2vw;
}

.Hnav li a, .Hnav li:nth-child(3) p {
    color: #c70112;
}

.Hnav li img {
    width: 62%;
    height: auto
}

.Hnav li span {
    display: block;
}

.Hnav li:nth-child(2) {
    position: relative
}

.Hnav li:nth-child(2):before, .Hnav li:nth-child(2):after {
    position: absolute;
    content: "";
    top: 6px;
    height: 6vh;
    border-left: dotted 1px #c70112;
}

.Hnav li:nth-child(2):before {
    left: 0
}

.Hnav li:nth-child(2):after {
    right: 0
}

.is-menu {
    display: none
}

.is-menu li {
    border-bottom: solid 1px #ea252e;
}

.is-menu li a {
    padding: 3vw 3vw 3vw 10vw;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    color: #ea252e;
    background-color: #f0e2e2;
    position: relative;
}

.is-menu li a::before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    left: 3vw;
    width: 7px;
    height: 7px;
    border-top: 2px solid #ea252e;
    border-right: 2px solid #ea252e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.is-mode-menu .Contents, .is-mode-menu .FBefore, .is-mode-menu footer {
    display: none
}

.is-closeBtn {
    padding: 4vw 7vw;
    box-sizing: border-box;
}

.is-closeBtn span {
    border-radius: 6px;
    text-align: center;
    padding: 2vw;
    display: block;
    color: #fff;
    background-color: #ea252e;
}

@media screen and (max-width: 320px) {
    .Header .rakuten span, .Hnav li span {
        font-size: 10px;
        -moz-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
}

.Contents {
    width: 100%;
    min-height: 74%;
}

.topmain {
    background-color: #f4f4f4;
}

.sp-grab {
    padding-bottom: 14.5vw;
}

#Topslider .slider {
    padding-bottom: 12.5vw;
}

#Topslider .slider .slider-cap {
    font-size: 3.8vw;
    color: #0044d0;
    padding: 2.2vw 3%;
    box-sizing: border-box;
}

#Topslider .slider img {
    width: 100%;
    height: auto;
}

.Information {
    text-align: center;
    letter-spacing: -.4em;
    padding-bottom: 10px
}

.Information h3, .Information p {
    display: inline-block;
    vertical-align: top;
    font-size: 3.8vw;
    letter-spacing: normal;
    box-sizing: border-box;
}

.Information h3 {
    color: #ea252e;
    width: 30%
}

.Information p {
    width: 64%;
    text-align: left
}

.Information p a {
    text-decoration: underline;
    color: #ea252e
}

.tab {
    letter-spacing: -.4em;
}

.tab li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    text-align: center;
    border-radius: 2vw 2vw 0 0;
    color: #fff;
    font-size: 3.8vw;
    box-sizing: border-box;
    padding: 3vw 0 1vh;
}

.toptab {
    padding: 2vw 1.5%;
}

.toptab .tab li {
    background-color: #d21b1e;
    width: 24.5%;
    margin-right: .5%;
    box-shadow: 1px 1px 1px 0px rgba(255, 255, 255, 0.75) inset, 0px 0px 1px 0px rgba(144, 8, 13, 0.75) inset;
}

.toptab .tab li img {
    width: 4vh;
    height: auto;
    margin-bottom: 0.1vh
}

.toptab .tab li:first-child {
    background-color: #71bd0d;
}

.toptab .tab li.is-selectTab {
    background-color: #2041af;
}

.toptab .tab li.is-selectTab:first-child {
    background-color: #3a9b00;
}

.Tabcontent .is-order {
    background-color: #e4effa;
    border: solid 1px #b5d2f0;
    padding: 2.2%;
    box-sizing: border-box;
}

.Tabcontent h3, .Tabcontent dt {
    color: #2041af;
    font-size: 4vw;
    font-weight: bold;
}

.Tabcontent dt, .Tabcontent dd, .cpSearch dt, .cpSearch dd {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
    box-sizing: border-box
}

.Tabcontent dl {
    letter-spacing: -.4em;
}

.Tabcontent dt {
    width: 18vw;
    letter-spacing: normal;
}

.Tabcontent dd {
    width: 72vw;
    letter-spacing: normal;
    text-align: right;
}

.Tabcontent dd.date {
    width: 31vw;
}

.Tabcontent dd.time {
    width: 23vw;
}

.Tabcontent dd input {
    max-width: 22vw;
}

.Tabcontent dd select {
    font-size: 100%;
    width: 100%;
    box-sizing: border-box;
}

.topBtn {
    padding: 3vw 0.5vw;
    box-sizing: border-box;
}

.topBtn img {
    width: 78.1%;
    height: auto;
}

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

.contentBox {
    padding: 2vw 1.5%;
}

.contentBox h3 {
    color: #fff;
    border-radius: 1.4vw 1.4vw 0 0;
    padding: 3vw;
    font-size: 4.5vw;
}

.contentBoxin {
    border-radius: 0 0 7px 7px;
    padding: 3.5vw 2.5vw
}

.BlueBox h3 {
    background-color: #2041af
}

.Blue2Box h3 {
    background-color: #4d85e3
}

.BlueBox .contentBoxin {
    background-color: #e4effa;
    border: solid 1px #b5d2f0
}

.limeBox h3 {
    background-color: #70b149
}

.ReservsBox {
    padding: 0;
    width: 98%;
    margin: 0 auto;
}

.ReservsBox h3 {
    background-color: #2e49bd;
}

.ReservsBoxin {
    background-color: #dcf5fb;
    padding-bottom: 1vw;
    margin-bottom: 7vw;
}

.StoreSearchBtn {
    text-align: center;
    letter-spacing: -.4em;
}

.StoreSearchBtn li {
    display: inline-block;
    vertical-align: middle;
    width: 31%;
    margin: 0 1%;
    letter-spacing: normal;
}

.StoreSearchBtn li img {
    width: 100%;
    height: auto;
}

.PinkBox h3 {
    background-color: #f9535b
}

.PinkBox .contentBoxin {
    background-color: #f8ebeb;
    border: solid 1px #f0c0c0
}

.GreenBox h3 {
    background-color: #37b37a
}

.GreenBox .contentBoxin {
    background-color: #f1f1f1;
}

.redinput span, .redinput strong {
    padding: 1vw 2vw;
    display: inline-block;
    vertical-align: middle;
    border: solid 1px #f03a43;
}

.redinput span {
    background-color: #f03a43;
    color: #fff;
    margin-right: 2%;
    width: 24%
}

.redinput strong {
    color: #f03a43;
    text-align: right;
    font-weight: normal;
    width: 61%
}

.cpSearch dt {
    width: 23%;
    color: #d41f17;
}

.cpSearch dd {
    width: 70%;
}

.cpSearch dd select, .full_select select {
    width: 100%;
}

.rakutenCD {
    padding: 4vw 0
}

.rakutenCD p {
    font-size: 3.6vw
}

.rakutenCD img {
    width: 96%;
    height: auto;
    display: block;
    margin: 0 auto
}

.topnews {
    width: 96%;
    margin: 0 auto 15px
}

.topnews .tab {
    margin-left: 3vw;
}

.topnews .tab li {
    background-color: #f03c44;
    width: 38%;
    position: relative;
    font-size: 4.5vw;
    margin-left: 1%;
}

.topnews .tab li.is-selectTab {
    background-color: #37b37a;
    border-bottom: solid 3vw #37b37a;
    margin-bottom: -3vw
}

.topnews .Tabcontent .is-order {
    background-color: #fff;
    border: solid 3vw #f1f1f1;
    padding: 5px 3%;
    border-radius: 6px;
    height: 50vw;
    overflow-y: scroll;
}

.topnews .Tabcontent .is-order li {
    border-bottom: dashed 1px #9f9f9f;
    padding: 3vw 0;
    font-size: 3.9vw;
}

.bggray {
    background-color: #ededed;
}

.content-link ul {
    width: 94%;
    margin: 0 auto;
    display: block;
    letter-spacing: -.4em;
}

.content-link li {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    box-sizing: border-box;
    background-color: #fff;
    font-size: 3.5vw;
    margin: 6px 0 6px 4%;
    letter-spacing: normal;
    padding-bottom: 2vw;
}

.content-link li:nth-child(odd) {
    margin-left: 0;
}

.content-link li a {
    text-decoration: none;
    color: #000;
}

.content-link li h3, .content-link li p {
    padding: 1% 2vw;
    box-sizing: border-box;
    text-align: center;
}

.content-link li p {
    padding: 1% 0;
}

.content-link li img {
    width: 100%;
    height: auto
}

.jrecruit {
    padding: 5.5vw 0;
}

.jrecruit img {
    width: 96%;
    margin: 0 auto;
    display: block;
}

.Bottomslider {
    border: solid 3vw #f1f1f1;
    border-radius: 6px;
    padding: 2vw 0;
    position: relative;
    background-color: #fff;
    margin: 0 1.5vw 2.5vw 1.5vw;
}

.Bottomslider a {
    text-decoration: none;
    color: #0d0c0c
}

.Bottomslider .sp-horizontal .sp-arrows {
    margin-top: -35px;
}

.Bottomslider .sp-arrow {
    width: 43px;
    height: 43px;
    background: url(../../img/pc/slide_arrows.png) no-repeat;
    background-size: calc(126 / 60 * 95%) calc(63 / 60 * 95%);
}

.Bottomslider .sp-horizontal .sp-previous-arrow {
    left: -2px;
}

.Bottomslider .sp-horizontal .sp-next-arrow {
    right: -2px;
}

.Bottomslider .sp-arrow:before, .Bottomslider .sp-arrow:after {
    display: none
}

.Bottomslider h4 {
    font-size: 3.5vw;
    color: #0044d0;
    padding: 2vw 2vw 0 5vw;
    box-sizing: border-box
}

.Bottomslider .sp-slide img {
    width: 84%;
    height: auto;
    margin: 5px auto 0 auto
}

.Bottomslider .sp-slide p {
    font-size: 3.5vw;
    padding: 0 5vw;
    box-sizing: border-box;
}

.Guidance {
    letter-spacing: -.4em;
}

.Guidance li {
    display: inline-block;
    font-size: 3.8vw;
    padding-left: 4.3vw;
    width: 33.2%;
    letter-spacing: normal;
    box-sizing: border-box;
}

.Guidance li a {
    text-decoration: none
}

.tvcm {
    overflow: hidden
}

.tvcm iframe, .tvcmList {
    width: 49%;
    height: auto;
    float: left;
    box-sizing: border-box;
}

.tvcmList li {
    display: block;
    width: 100%;
    margin-left: 10px;
    margin-top: 10px;
}

.tvcmList li span {
    font-size: 2vw;
}

.facebookBtn {
    background-color: #1f52ce;
    text-align: center;
    border-radius: 6px;
    width: 68.2%;
    padding: 3vw 0;
    margin: 15px auto;
    text-align: center;
}

.facebookBtn img {
    width: 90%;
    height: auto;
}

.iconlist li a {
    position: relative
}

.iconlist li a::before, .iconlist li a::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
}

.iconlist li a::before {
    width: 14px;
    height: 14px;
    left: -5vw;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #c70112;
}

.iconlist li a::after {
    left: -4.1vw;
    width: 4px;
    height: 4px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

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

.Breadcrumb {
    margin: 2vw 0 2vw 2vw;
}

.Breadcrumb li {
    display: inline-block;
    vertical-align: top;
    font-size: 3.4vw;
    padding: 0;
}

.Breadcrumb li::after {
    content: ">";
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 4px;
}

.Breadcrumb li:last-child::after {
    content: "";
}

.PageTitle {
    font-size: 5vw;
    border-left: solid 1vw #d41f17;
    padding-left: 1.5vw;
    color: #d41f17;
    margin-left: 2vw;
    margin-bottom: 3vw;
}

.Gmap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.Gmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.PlanSearchBtn {
    display: block;
    margin: 3vw auto;
    border: solid 1px #369000;
    font-weight: bold;
    outline: solid 1px #e4ffd5;
    width: 78%;
    outline-offset: -2px;
    text-align: center;
    background: rgb(67, 179, 0);
    background: -moz-linear-gradient(top, rgba(67, 179, 0, 1) 0%, rgba(54, 144, 0, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(67, 179, 0, 1) 0%, rgba(54, 144, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(67, 179, 0, 1) 0%, rgba(54, 144, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#43b300', endColorstr='#369000', GradientType=0);
}

.PlanSearchBtn a, .BtnArrow a {
    color: #fff;
    padding: 3vw 2.5vw;
    text-decoration: none;
    padding-right: 5vw;
    position: relative;
    display: block;
}

.PlanSearchBtn a img, .PlanSearchBtn a span {
    display: inline-block;
    vertical-align: middle;
}

.PlanSearchBtn a img {
    width: 8vw;
    height: auto;
    margin-right: 3vw;
}

.PlanSearchBtn a::after, .BtnArrow a::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4vw;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 3vw;
    height: 3vw;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.borderBox {
    border: solid 3vw #f1f1f1;
    border-radius: 6px;
    padding: 17px 2.5vw;
    position: relative;
    box-sizing: border-box;
    margin: 0 2vw;
}

.borderBoxText p {
    font-size: .8em;
    margin-bottom: 3vw;
}

.borderBoxImg {
    text-align: center;
    letter-spacing: -.4em;
}

.borderBoxImg img {
    width: 49%;
    margin-left: 2%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
}

.borderBoxImg img:first-child {
    margin-left: 0;
}

#sougei_box00 {
    overflow: hidden;
}

#sougei_box00 .text01 {
    font-size: 90%;
}

#sougei_box00 .text02 {
    font-size: 4.3vw;
    background-color: #ff3333;
    text-align: center;
    font-weight: bold;
    border-radius: 2vw;
    margin: 2.5vw auto;
    line-height: 1.2em;
}

#sougei_box00 .text02 a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 2.5vw 4vw;
    box-sizing: border-box;
}

.sougei_subttl {
    background: #ececec;
    padding: 6px 4px;
    margin: 20px auto 10px;
    font-feature-settings: "palt"
}

.sec-ttl {
    margin-bottom: 3vw;
}

#sougei small {
    font-size: 3vw;
    font-feature-settings: "palt"
}

.ListStyle, .sideLineBox {
    border: solid 3vw #f1f1f1;
    border-top: none;
    border-radius: 0 0 6px 6px;
    padding: 0 3vw;
}

.ListStyle li {
    border-bottom: dashed 1px #ccc;
    padding: 3vw 0;
}

.Notice li {
    font-size: 3.8vw
}

.AreastoreList {
    padding-bottom: 3vw
}

.AreastoreList li h4 {
    border-left: solid 1vw #0044d0;
    padding: 3px 0 3px 1.5vw;
    color: #0044d0;
    line-height: 1.3em;
    margin-bottom: 8px;
}

.AreastoreList li h4 a {
    text-decoration: underline
}

.AreastoreList li p {
    font-size: 1em;
    margin: 2vw 0;
}

.AreastoreList li ul li {
    display: inline-block;
    vertical-align: top;
    padding: 0.5vw;
    border-bottom: none;
}

.AreastoreList li ul li img {
    height: 8vw;
    width: auto;
}

.Lowestprice {
    height: 70vw;
    overflow-y: scroll;
}

.Lowestprice li {
    background-color: #fff;
    border-radius: 2vw;
    padding: 2vw;
    margin-bottom: 2vw;
}

.Lowestprice li img, .Lowestprice li div {
    display: inline-block;
    vertical-align: middle;
}

.Lowestprice li img {
    width: 20%
}

.CarClass {
    width: 46%
}

.CarClass h4 {
    color: #e0121c;
    font-size: 4vw;
}

.CarClass h4 span {
    font-size: 2vw
}

.CarClass p {
    font-size: 3vw
}

.CarPrices {
    color: #e0121c;
    width: 29%;
}

.CarPrices p {
    font-size: 3vw
}

.CarPrices .price {
    font-size: 5.5vw;
    font-weight: bold;
}

.CarPrices .price span {
    font-size: 2vw
}

.CPsliderList li {
    font-size: 3.7vw;
}

.CPsliderList li a {
    text-decoration: none
}

.CPsliderList li img {
    width: 100%;
    height: auto;
}

.CPsliderList li h4 {
    font-size: 5.5vw;
    padding: 2vw 0
}

.CPsliderList li .Duration {
    color: #fff;
    background-color: #72b6cc;
    padding: 2vw;
    margin-bottom: 10px;
}

.CPBtn {
    text-align: center;
}

.CPBtn p {
    width: 46%;
    margin: 3vw 1%;
    display: inline-block;
    vertical-align: middle;
    height: 12vw;
    font-weight: bold;
    outline-offset: -2px;
    border: solid 1px #369000;
    text-align: center;
    outline: solid 1px #fff;
    background: rgb(67, 179, 0);
    background: -moz-linear-gradient(top, rgba(67, 179, 0, 1) 0%, rgba(54, 144, 0, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(67, 179, 0, 1) 0%, rgba(54, 144, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(67, 179, 0, 1) 0%, rgba(54, 144, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#43b300', endColorstr='#369000', GradientType=0);
}

.CPBtn p a {
    color: #fff;
    display: block;
    height: 10vw;
    width: 100%;
    padding-top: 3.5vw;
    box-sizing: border-box;
    text-decoration: none
}

.CPBtn .BtnRed {
    border: solid 1px #f24e38;
    background: rgb(252, 76, 47);
    background: -moz-linear-gradient(top, rgba(252, 76, 47, 1) 0%, rgba(247, 72, 40, 1) 21%, rgba(224, 54, 12, 1) 75%, rgba(217, 48, 3, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(252, 76, 47, 1) 0%, rgba(247, 72, 40, 1) 21%, rgba(224, 54, 12, 1) 75%, rgba(217, 48, 3, 1) 100%);
    background: linear-gradient(to bottom, rgba(252, 76, 47, 1) 0%, rgba(247, 72, 40, 1) 21%, rgba(224, 54, 12, 1) 75%, rgba(217, 48, 3, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc4c2f', endColorstr='#d93003', GradientType=0);
}

.Participating {
    background-color: #f8dddd;
    padding: 7px 15px;
}

.ParticipatingTorg {
    margin-bottom: 5px;
    color: #0044d0;
    cursor: pointer;
}

.ParticipatingTorg:before {
    content: "";
    position: relative;
    top: 9px;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5.5px 0 5.5px;
    border-color: #0044d0 transparent transparent transparent;
}

.ParticipatingList {
    display: none
}

.ParticipatingList li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}

.ParticipatingList li a {
    text-decoration: none
}

.ParticipatingList li a:after {
    content: ",";
}

.slick-prev, .slick-next {
    position: absolute;
    top: 35%;
    display: block;
    width: 10vw;
    height: 10vw;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    z-index: 100
}

.slick-prev, .slick-prev:hover, .slick-prev:focus {
    left: 0px;
    background: url(../../img/sp/slide_prev.png) center center no-repeat;
    background-size: cover
}

.slick-next, .slick-next:hover, .slick-next:focus {
    right: 0px;
    background: url(../../img/sp/slide_next.png) center center no-repeat;
    background-size: cover
}

.slick-prev:before, .slick-next:before {
    display: none
}

.slick-dots {
    bottom: 15px;
}

.slick-dots li button, .slick-dots li button:before {
    font-size: 2em;
}

.CPsliderList .slick-prev, .CPsliderList .slick-next {
    top: 15%;
}

.StoreDetails {
    padding: 2vw;
}

.StoreDetails .topBtn {
    padding: 3vw 0 1.5vw;
}

.StoreDetails .topBtn img {
    width: 96%;
}

.StoreDetailsTop {
    background-color: #fbf0f0;
    border: solid 1px #f3b9b9;
    padding: 3vw;
    border-radius: 3vw;
}

.StoreDetailsTop h3 {
    color: #d41f17;
    font-size: 4vw;
    margin-bottom: 3vw;
}

.StoreDetailsTop h3 span {
    font-size: 5vw;
    display: block;
}

.StoreDetailsTop ul {
    letter-spacing: -.4em;
}

.StoreDetailsTop li {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    letter-spacing: normal;
    margin: 0 0.5%
}

.StoreDetailsTop li img {
    width: 100%;
    height: auto;
}

.StoreDetailsTop .PlanSearchBtn {
    width: 90%;
    font-size: 3.5vw
}

.StoreDetailBtnG p {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    margin: 2vw 2%;
    text-align: center;
}

.StoreDetailBtnG p img {
    width: 100%;
    height: auto;
}

.StoreDetails table {
    width: 100%;
    margin-top: 10px;
    border-spacing: 3px;
    border-collapse: separate;
}

.StoreDetails th, .StoreDetails td {
    border: solid 1px #f3b9b9;
    padding: 7px;
    font-size: 3.5vw;
}

.StoreDetails th {
    background-color: #fbf0f0;
    color: #800010;
}

.BtnBlue {
    text-align: center;
    border: solid 1px #0c8fc5;
    outline: solid 1px #fff;
    outline-offset: -2px;
    max-width: 70%;
    background: rgb(0, 148, 213);
    background: -moz-linear-gradient(top, rgba(0, 148, 213, 1) 0%, rgba(0, 116, 188, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 148, 213, 1) 0%, rgba(0, 116, 188, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 148, 213, 1) 0%, rgba(0, 116, 188, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0094d5', endColorstr='#0074bc', GradientType=0);
}

.BtnBlue a {
    padding: 2.2vw 3vw;
    display: block;
    color: #fff;
    text-decoration: none;
}

.cp-bn {
    margin-top: 6vw
}

.cp-bn li {
    margin: 3vw 0
}

.cp-bn li img {
    width: 100%;
    height: auto;
}

.storeDetailMap {
    border: solid 3vw #f1f1f1;
    border-radius: 6px;
    position: relative;
    box-sizing: border-box;
    margin: 2vw
}

.storeDetailMap .Gmap, .storeDetailMap .Gmap iframe {
    height: 285px;
}

.storeDetailMap .StoreDetailBtnG {
    padding: 4.5vw 3vw;
    box-sizing: border-box;
}

.storeDetailMap .StoreDetailBtnG p {
    width: 90%;
    box-sizing: border-box;
    margin: 0 auto;
    display: block;
}

.StoreFB {
    padding: 15px 3.5vw;
    box-sizing: border-box;
}

.StoreFB iframe {
    width: 100%;
    box-sizing: border-box;
}

.Storeguide .ListStyle ul {
    letter-spacing: -.4em
}

.Storeguide .ListStyle li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    text-align: center;
    letter-spacing: normal;
    border-bottom: none;
}

.Storeguide .ListStyle li img {
    width: 97%;
    height: auto;
}

.Storeguidein {
    padding-bottom: 4vw;
}

.StoreguideinText {
    height: 40vw;
    overflow-y: scroll;
    font-size: 14px;
}

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

.campaign {
    padding: 2vw;
}

.campaign .borderBox {
    margin: 0 0 40px 0;
}

.campaign .contentBox {
    padding: 0;
}

.CPSearchBox {
    border: solid 1px #f3b9b9;
    border-radius: 2vw;
    background-color: #fbf0f0;
    padding: 2vw;
    margin: 3vw 0;
    letter-spacing: -.4em;
}

.cp_areaLink {
    margin-bottom: 5vw;
}

.cp_areaLink li {
    display: inline-block;
    vertical-align: middle;
    border: solid 1px #f0c0c0;
    background-color: #f8ebeb;
    text-align: center;
    font-size: .9em;
    font-weight: bold;
    border-radius: 1.5vw;
    margin: 0 0 5px;
}

.cp_areaLink li a {
    color: #f9535b;
    text-decoration: none;
    display: block;
    padding: 1vw 1.5vw;
    box-sizing: border-box;
}

.CPSearchSelect {
    width: 47%;
    margin: 0 1.5%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
}

.CPSearchSelect h4 {
    color: #f9535b
}

.CPSearchSelect h4 img {
    width: 9%;
    height: auto;
}

.CPSearchSelect h4 img, .CPSearchSelect h4 span {
    display: inline-block;
    vertical-align: middle;
}

.CPSearchSelect h4 img {
    margin-right: 2%;
}

.CPSearchSelect h4 span {
    font-size: 4vw
}

.CPSearchSelect select {
    font-size: .8em;
}

.cplist ul {
    overflow: hidden
}

.cplist ul li {
    width: 100%;
    float: left;
    margin-bottom: 4vw;
}

.cplist ul li img {
    width: 100%;
    height: auto;
}

.cplist ul li a {
    text-decoration: none
}

.cplist ul li .label span {
    font-size: .8em;
    color: #fff;
    background-color: #f9535b;
    padding: 1vw 1.5vw;
    margin: 0 1.5vw 0 0;
}

.cplist ul li h4 {
    font-size: 1em;
    padding: 2vw 0;
}

.cplist ul li p.duration {
    padding: 1vw;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    background-color: #72b6cc;
    font-size: 3vw;
    margin-bottom: 2vw
}

.cp_Read span {
    color: #858585;
    font-size: .8em;
}

.CpAreaList {
    border: solid 3vw #f1f1f1;
    border-top: none;
    border-radius: 0 0 6px 6px;
    padding: 0 3vw;
}

.CpAreaList dt {
    padding-top: 2vw;
    font-weight: bold;
    font-size: 1em;
}

.CpAreaList dd {
    border-bottom: dashed 1px #9f9f9f;
    padding-bottom: 2vw
}

.CpAreaList dd:last-child {
    border-bottom: none;
}

.CpAreaList dd li {
    display: inline-block;
    vertical-align: middle;
}

.CpAreaList dt a, .CpAreaList dd li a {
    padding: 2vw;
    text-decoration: none
}

.cp-detail {
    padding: 3vw 0;
    font-size: .85em;
    line-height: 1.8em;
}

.cp-detail .cp-pinkBox {
    background-color: #fff7fa;
    padding: 3vw;
    box-sizing: border-box;
    border: solid 1px #f587a4;
    margin: 3vw 0 6vw;
}

.cp-detail .PlanSearchBtn {
    width: 100%;
}

.tenpoSearch {
    width: 96%;
    margin: 0 auto 15px
}

.tenpoSearch .tab {
    margin-left: 3vw;
}

.tenpoSearch .tab li {
    width: 37%;
    position: relative;
    font-size: 3.8vw;
    margin-left: 1%;
    padding: 2vw 0 1vh;
}

.tenpoSearch .tab li.tab1 {
    background-color: #f9535b;
}

.tenpoSearch .tab li.tab2 {
    background-color: #70b149;
}

.tenpoSearch .tab li.is-selectTab {
    bottom: -3vw;
}

.tenpoSearch .Tabcontent .is-order {
    background-color: #fff;
    border: solid 3vw #f1f1f1;
    padding: 0;
    border-radius: 6px;
}

.tenpoSearch .Tabcontent .is-order li {
    padding: 0 0 3vw 0;
    font-size: 3.9vw;
}

.tenpoSearch .Tabcontent .tenpoSearchList {
    border: solid 1px #f9535b;
    padding: 3vw 2vw 0;
}

.tenpoSearchList img, .tenpoSearchList span, .tenpoSearchList select {
    display: inline-block;
    vertical-align: middle;
}

.tenpoSearchList img {
    width: 6.5vw;
    height: auto;
    margin-right: 1vw;
}

.tenpoSearchList span {
    font-weight: bold;
    color: #e63d45;
    width: 26vw;
    font-size: 1.1em;
}

.tenpoSearchList select {
    width: 49vw;
}

.acArea dl {
    border: solid 1px #70b149;
    border-top: none;
}

.acArea dt, .acArea dd {
    display: block;
    width: 100%;
    margin-bottom: 0;
    box-sizing: border-box;
    padding: 3vw;
    color: #000;
}

.acArea dt {
    border-top: solid 1px #70b149;
    font-weight: normal;
}

.acArea dt i, .acArea dt span {
    display: inline-block;
    vertical-align: middle;
}

.acArea dt span {
    padding-left: 6vw
}

.acArea dt i {
    position: relative;
}

.acArea dt i:before, .acArea dt i:after {
    content: '';
    position: absolute;
    width: 13px;
    height: 2px;
    background-color: #000;
}

.acArea dt i:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.acArea dt.is-active {
    border-bottom: solid 1px #70b149;
}

.acArea dt.is-active i:after {
    display: none
}

.acArea dd li {
    margin-bottom: 1.5vw;
    padding-bottom: 0;
}

.acArea dd {
    display: none
}

.acArea dd li a {
    text-decoration: none;
    color: #000;
    background-color: #f1f1f1;
    border-radius: 2vw;
    padding: 3vw;
    padding-left: 8vw;
    display: block;
    position: relative;
}

.acArea dd li a::before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    left: 3vw;
    width: 7px;
    height: 7px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tenpoSearch .Tabcontent .acArea dd li {
    padding-bottom: 0
}

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

.reservContents, .mypage {
    padding: 2vw 1.5%;
    font-size: 3.5vw;
}

.reservContents .PageTitle {
    margin-top: 6vw;
    margin-bottom: 4vw;
}

.StepBar {
    background-color: #f5f0ea;
    height: 14vw;
    box-sizing: border-box;
    margin: 10px 0 20px 5vw;
    position: relative;
    padding: 2.1vw 0 0 12vw;
}

.StepBar .step {
    position: absolute;
    top: 0;
    left: -5vw;
    border-radius: 50%;
    width: 14vw;
    height: 14vw;
    background-color: #f0313a;
    color: #fff;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    text-align: center;
    box-sizing: border-box;
    padding-top: 1.7vw;
    font-weight: normal;
}

.StepBar .step strong {
    font-size: 7vw;
    display: block;
}

.StepBar .subject {
    color: #f0313a;
    font-weight: bold;
    font-size: 6vw;
}

.inputcoupon {
    overflow: hidden;
}

.inputcoupon input, .inputcoupon span {
    float: left
}

.inputcoupon input {
    width: 70%;
    margin-top: 1.4vw;
}

.inputcoupon span {
    width: 22%;
    float: right;
}

.inputcoupon span img {
    width: 100%;
    height: auto
}

.otherBox {
    background-color: #dcf5fb;
    padding: 3.5vw;
    border-radius: 6px;
    width: 98%;
    margin: 0 auto 5vw auto;
    box-sizing: border-box;
}

.otherBox.pd0 {
    padding: 0
}

.otherBox h4 {
    background-color: #618bd0;
    color: #fff;
    padding: 2.5vw;
    margin-bottom: 1.1vw;
}

.otherBoxin {
    background-color: #fff;
    border: solid 1px #618bd0;
    padding: 2vw 4vw;
    margin-bottom: 3.5vw;
}

.ReservsBoxin .otherBoxin {
    padding: 2vw;
    min-height: 4.5vw;
}

.otherBoxin li {
    padding: 1.5vw 0;
}

.required {
    background-color: #fb4145;
    color: #fff;
    border-radius: 6px;
    padding: 4px;
    margin: 0 3px 0 5px;
    font-weight: normal;
}

input:required {
    border-color: #f0313a;
}

select:required {
    outline: 1px solid #f0313a;
}

.form_dib dt, .form_dib dd, .form_dib li {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 1.5vw;
}

.form_triple li {
    width: 32%;
}

.form_four li {
    width: 23.5%;
}

.form_dib dt {
    width: 28%;
}

.form_dib dd {
    width: 70%;
}

.form_dib th, .form_dib td {
    padding: 1vw 0
}

.form_dib.form_half dt {
    width: 11%;
}

.form_dib.form_half dd {
    width: 35%;
}

.form_dib.form_half dd input, .form_triple li input, .form_four li input {
    width: 100%;
}

.form_dib.form_half li {
    padding-right: 3vw;
}

.form_dib input + input, .form_dib input + a {
    margin-left: 1vw;
}

.form_dib th {
    font-weight: normal
}

.form_dib td {
    text-align: right;
}

.agreBoxin {
    border: solid 2px #f0313a;
    background-color: #ffeeee;
    padding: 2vw;
    color: #e63d45;
}

.agreBoxin p {
    margin: 0 0 10px 0
}

input.thumbnail {
    max-width: 29%;
}

input.moderate {
    min-width: 70%;
}

input.long {
    width: 100%;
    box-sizing: border-box
}

.Member_or_not {
    overflow: hidden;
}

.Members-fc h3 {
    color: #fff;
    font-size: 4.5vw;
    padding: 3.3vw 0;
    text-align: center;
}

.MoBox {
    width: 49%;
    float: left;
    box-sizing: border-box;
}

.MoBox .price {
    font-size: 4.4vw;
    font-weight: bold;
    color: #e63d45;
    padding: 15px 0 8px 0;
}

.MoBox .price .amount span {
    font-size: 5.5vw;
}

.MoBox .price.under {
    border-bottom: dashed 1px #f0313a;
}

.MoBox .Members-fc .price {
    padding-bottom: 15px;
}

.MoBox .Membersin {
    padding: 1.4vw;
    box-sizing: border-box;
}

.Members, .Members_not {
    border-radius: 6px 6px 0 0
}

.Members {
    border: solid 1px #f0313a;
}

.Members h3 {
    background-color: #f0313a;
}

.Members .Membersin {
    background-color: #fffde3
}

.Members_not {
    float: right;
    border: solid 1px #817778;
}

.Members_not h3 {
    background-color: #817778
}

.Members_not .Membersin {
    background-color: #f6f6f6
}

.breakdown li {
    border-bottom: dashed 1px #f0313a;
    padding: 7px 0;
    font-weight: bold;
    font-size: 4.4vw;
    position: relative;
}

.breakdown li p {
    text-align: right;
    color: #e63d45;
}

.pointText {
    font-size: 3.4vw;
    padding: 2vw 0;
    font-weight: bold;
}

.pointText span {
    color: #e63d45;
}

.Members-fc h3.MoBoxtitle {
    padding-bottom: 11vw;
    background-image: url(../../img/sp/icon-box-off.png);
    background-size: 16%;
    background-position: center 11vw;
    background-repeat: no-repeat;
}

.Members-fc h3.MoBoxtitle.is-mem-on {
    background-image: url(../../img/sp/icon-box-on.png);
    padding-bottom: 14vw;
}

.tabbox {
    border: solid 2px #f0313a;
    background-color: #ffeeee;
    padding: 8vw 2vw 2vw;
    position: relative;
}

.member-entry {
    width: 78%;
    border: solid 1px #e87315;
    background-color: #ff7200;
    text-align: center;
    font-weight: bold;
    font-size: 4.4vw;
    margin: 7vw auto 2vw auto;
}

.member-entry a {
    text-decoration: none;
    color: #fff;
    padding: 4vw 0;
    display: block;
}

.tabbox .tab {
    text-align: left;
}

.tabbox .tab li {
    padding: 3.5vw .5vw;
    min-height: 15vw;
    width: 49%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    background-color: #f0313a;
    color: #fff;
    border-radius: 6px 6px 0 0;
    cursor: pointer;
    font-size: 4vw;
    line-height: 1.2em;
    margin-right: 1%;
}

.tabbox .tab_content {
    box-sizing: border-box;
    background-color: #fff;
    padding: 3vw;
}

.tabbox .tab li.is-selectTab {
    margin-top: -4vw;
    min-height: 20.5vw;
    background-image: url(../../img/sp/tab-icon.png);
    background-size: 14%;
    background-position: center 90%;
    background-repeat: no-repeat;
}

.radio_form input[type="radio"], .check_form input[type="checkbox"] {
    display: none;
}

.radio_form label, .check_form label {
    padding-left: 33px;
    padding-right: 6px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.radio_form label::before, .radio_form input:checked + label::after, .check_form label::before, .check_form label::after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
}

.radio_form label::before, .check_form label::before {
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #f0313a;
    margin-right: 10px;
}

.radio_form input:checked + label::after {
    top: 7px;
    left: 7px;
    width: 8px;
    height: 8px;
    background: #f24a52;
}

.check_form label::before {
    border-radius: 0;
}

.check_form input:checked + label::after {
    left: 4px;
    top: 50%;
    border-radius: 0;
    display: block;
    width: 12px;
    height: 7px;
    position: absolute;
    margin-top: -6px;
    border-left: 3px solid #f1444c;
    border-bottom: 3px solid #f1444c;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.check_form2 input {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.check_form2 input[type="checkbox"] + label {
    display: block;
    background-image: url(../../img/sp/checkbox_off.png);
    background-size: 6vw;
    background-position: left 7%;
    background-repeat: no-repeat;
    padding: 0 3vw 1vw 7vw;
    margin-bottom: 2vw;
}

.check_form2 input[type="checkbox"]:checked + label {
    background-image: url(../../img/sp/checkbox_on.png);
}

.r_number {
    margin-bottom: 7vw;
}

.r_number span, .r_number strong {
    display: inline-block;
    vertical-align: middle;
    font-size: 4vw;
    font-weight: bold;
    box-sizing: border-box;
    border: solid 1px #f0313a;
    padding: 2vw 0;
}

.r_number span {
    background-color: #f0313a;
    color: #fff;
    width: 25%;
    text-align: center;
}

.r_number strong {
    color: #f0313a;
    width: 75%;
    padding-left: 3vw;
}

.check_form3 input {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.check_form3 input[type="checkbox"] + span {
    display: block;
    background-image: url(../../img/sp/checkbox_off.png);
    background-size: 6vw;
    background-position: left 7%;
    background-repeat: no-repeat;
    padding: 0 0vw 1vw 3vw;
    margin-bottom: 1vw;
}

.check_form3 input[type="checkbox"]:checked + span {
    background-image: url(../../img/sp/checkbox_on.png);
}

.check_form3 td {
    padding: 6px 0 0 6px;
    border: solid 1px #c6c6c6;
    vertical-align: middle;
}

.classup h5, .classupin {
    display: inline-block;
    vertical-align: middle;
    height: 20vw;
    box-sizing: border-box;
}

.classup h5 {
    background-color: #618bd0;
    width: 43%;
    text-align: center;
    padding: 5vw 0 0
}

.classup h5 img {
    width: 80%;
    height: auto;
}

.classupin {
    border: solid 1px #618bd0;
    background-color: #fff;
    width: 55%;
    padding: 1.5vw;
    box-sizing: border-box;
}

.classupin li {
    margin: 1.5vw 0
}

.stipulationText {
    overflow-y: scroll;
    height: 178px;
    background-color: #fff;
    padding: 10px 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.stipulationText p {
    margin-bottom: 3vw
}

.hatena {
    margin: 10px 0
}

.hatena img, .hatena span {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

.hatena img {
    width: 5%;
    height: auto;
    margin-right: 4px;
}

.Agree {
    color: #e63d45;
    font-weight: bold;
    margin: 4vw 0;
}

.adBtn {
    font-size: 1.2em;
}

.adBtn a {
    padding: 4.2vw 2.5vw;
}

.adBtn a::before, .adBtn a::after, .returnBtn a::before, .returnBtn a::after, .tenpo-btn a::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.adBtn a::before, .returnBtn a::before {
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.adBtn a::after, .returnBtn a::after, .tenpo-btn a::after {
    right: 29px;
    width: 6px;
    height: 6px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tenpo-btn a::after {
    right: 2vw;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 4px;
    height: 4px;
}

.adBtn.adBtnL {
    font-size: 1em;
}

.adBtn.adBtnL a::before {
    right: auto;
    left: 20px
}

.adBtn.adBtnL a::after {
    left: 27px;
    right: auto;
}

.returnBtn, .darkBtn {
    border: solid 1px #707070;
    outline: solid 1px #989898;
    outline-offset: -2px;
    background: rgb(106, 106, 106);
    background: -moz-linear-gradient(top, rgba(106, 106, 106, 1) 0%, rgba(103, 103, 103, 1) 16%, rgba(83, 83, 83, 1) 68%, rgba(74, 74, 74, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(106, 106, 106, 1) 0%, rgba(103, 103, 103, 1) 16%, rgba(83, 83, 83, 1) 68%, rgba(74, 74, 74, 1) 100%);
    background: linear-gradient(to bottom, rgba(106, 106, 106, 1) 0%, rgba(103, 103, 103, 1) 16%, rgba(83, 83, 83, 1) 68%, rgba(74, 74, 74, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a6a6a', endColorstr='#4a4a4a', GradientType=0);
}

.returnBtn {
    width: 50%;
    margin: 5vw auto;
}

.returnBtn a, .darkBtn a, .ReceiptBtn a {
    color: #fff;
    text-decoration: none;
    display: block;
}

.returnBtn a {
    padding: 3.5vw 0 3.5vw 12vw;
    position: relative;
}

.returnBtn a::before, .returnBtn a::after {
    right: auto;
    left: 15px;
}

.returnBtn a::after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    right: auto;
    left: 24px;
}

.ReceiptBtn {
    border: solid 1px #1d84c5;
    outline: solid 1px #4db4e2;
    outline-offset: -2px;
    background: rgb(0, 147, 213);
    background: -moz-linear-gradient(top, rgba(0, 147, 213, 1) 0%, rgba(0, 123, 194, 1) 45%, rgba(0, 116, 189, 1) 47%, rgba(0, 114, 186, 1) 49%, rgba(0, 106, 174, 1) 61%, rgba(0, 76, 124, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 147, 213, 1) 0%, rgba(0, 123, 194, 1) 45%, rgba(0, 116, 189, 1) 47%, rgba(0, 114, 186, 1) 49%, rgba(0, 106, 174, 1) 61%, rgba(0, 76, 124, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 147, 213, 1) 0%, rgba(0, 123, 194, 1) 45%, rgba(0, 116, 189, 1) 47%, rgba(0, 114, 186, 1) 49%, rgba(0, 106, 174, 1) 61%, rgba(0, 76, 124, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0093d5', endColorstr='#004c7c', GradientType=0);
}

.darkBtn a, .ReceiptBtn a {
    padding: 1.5vw 3vw;
}

.tenpo-btn {
    width: 49%;
    float: right;
    position: relative
}

.tenpo-btn a {
    padding-right: 4.5vw;
}

.resultsTitle {
    background-color: #f03a43;
    color: #fff;
    padding: 3.5vw;
    margin-top: 3.5vw;
}

.resultsTitle span {
    font-weight: normal;
    font-size: 90%;
}

.searchResults {
    background-color: #fbf0f0;
    border: solid 1px #f3b9b9;
    border-radius: 6px;
    padding: 3vw;
    margin-bottom: 4vw;
}

.searchResults li {
    font-size: 1.2em;
    font-weight: bold;
}

.searchResults li span, .searchResults li strong {
    display: inline-block;
    vertical-align: middle;
}

.searchResults li span {
    color: #d41f17;
    width: 28%;
}

.searchResults .btn {
    width: 70%;
    margin: 3vw auto 0 auto;
    font-size: 1.4em;
}

.searchResults .btn a::after {
    display: none
}

.plan_proce {
    background-color: #f1f1f1;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
}

.plan_proce strong {
    color: #f9535b;
    font-size: 1.2em;
    padding-right: 2vw;
}

.campaign-only {
    background-color: #f8ebeb;
    border: solid 1px #f0c0c0;
    border-radius: 6px;
    margin-bottom: 8vw
}

.campaign-only-in {
    padding: 3vw;
    box-sizing: border-box;
}

.campaign-only-in img {
    width: 100%;
    height: auto;
}

.campaign-onlycheck {
    background: rgb(251, 91, 64);
    background: -moz-linear-gradient(top, rgba(251, 91, 64, 1) 0%, rgba(251, 75, 46, 1) 3%, rgba(244, 70, 37, 1) 26%, rgba(221, 51, 8, 1) 87%, rgba(218, 49, 4, 1) 97%, rgba(220, 66, 26, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(251, 91, 64, 1) 0%, rgba(251, 75, 46, 1) 3%, rgba(244, 70, 37, 1) 26%, rgba(221, 51, 8, 1) 87%, rgba(218, 49, 4, 1) 97%, rgba(220, 66, 26, 1) 100%);
    background: linear-gradient(to bottom, rgba(251, 91, 64, 1) 0%, rgba(251, 75, 46, 1) 3%, rgba(244, 70, 37, 1) 26%, rgba(221, 51, 8, 1) 87%, rgba(218, 49, 4, 1) 97%, rgba(220, 66, 26, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb5b40', endColorstr='#dc421a', GradientType=0);
    color: #fff;
    font-size: 4vw;
    box-shadow: 0px 0px 0px 1px #fff inset;
    padding: 2vw;
    border: 1px solid #ff8809;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 4px 4px 0 0;
}

.campaign-onlycheck label {
    padding-left: 8vw;
}

.campaign-onlycheck label::before {
    border: none;
    width: 7vw;
    height: 7vw;
    top: -2px;
}

.campaign-onlycheck input:checked + label::after {
    border: none;
    background: url(../../img/sp/check-after.png) center center no-repeat;
    background-size: contain;
    width: 5vw;
    height: 5vw;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    top: 26%;
    left: 1%;
}

.campaign-only-in h3 {
    font-size: 5vw;
    padding: 3vw 0
}

.campaign-only-in .Duration {
    font-size: 3.3vw;
    margin-bottom: 2.5vw
}

.campaign-only-in .Duration span {
    color: #fff;
    background-color: #72b6cc;
    padding: 1.5vw;
    margin-right: 2vw
}


.sorticon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0px;
    box-sizing: content-box;
    transition: all .4s;
    margin-bottom: 0;
    overflow: hidden;
}

.icono-list {
    width: 4px;
    height: 4px;
    box-shadow: inset 0 0 0 32px, 0 -8px 0 0, 0 8px 0 0;
    margin: 15px 26px 15px 4px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #f9535b;
    text-align: left;
    direction: ltr;
}

.icono-list:after, .icono-list:before {
    content: '';
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.icono-list:before {
    width: 18px;
    height: 4px;
    left: 8px;
    box-shadow: inset 0 0 0 32px, 0 -8px 0 0, 0 8px 0 0;
}

.PlanCarType {
    margin: 3vw 0 8vw;
    background-color: #f1f1f1;
    border-radius: 7px 7px 0 0;
}

.Typename {
    color: #fff;
    background-color: #f9535b;
    border-radius: 6px 6px 0 0;
    padding: 3vw;
}

.Car_info, .Representative {
    background-color: #fff;
    width: 96%;
    margin: 2vw auto;
    padding: 2vw;
    box-sizing: border-box;
    overflow: hidden;
}

.Car_info {
    margin-bottom: 0;
    padding-bottom: 0;
}

.Representative {
    margin-top: 0
}

.CarImage, .Cardetail {
    background-color: #fff;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.CarImage {
    position: relative;
    width: 58%;
}

.CarImage .ciname, .CarImage .car_image, .CarImage .rice {
    position: absolute;
    top: 6px;
}

.CarImage .ciname {
    color: #fff;
    background-color: #f9535b;
    text-align: center;
    width: 33%;
    left: 0;
    top: 0;
    font-size: .85em;
    padding-top: 6px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.CarImage .ciname strong {
    font-size: 1.4em;
    display: block;
    line-height: 1.1em;
}

.CarImage .car_image {
    right: 2%;
    width: 63%;
    height: auto;
}

.CarImage .rice {
    top: 12vw;
    font-size: .6em;
}

.Cardetail {
    width: 41%;
    float: right;
}

.Cardetail li {
    font-size: .9em;
}

.Cardetail li strong, .Cardetail li span, .Cardetail li img {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
}

.Cardetail li strong, .Representative span {
    color: #f9535b;
    font-weight: normal;
    width: 50%;
    text-align: center;
    border: solid 1px #e7b4b7;
    border-bottom: none;
    padding: 3px 0;
    margin-right: 3%;
}

.Cardetail li:last-child strong {
    border-bottom: solid 1px #e7b4b7;
}

.Cardetail li span {
    padding-left: 2%;
}

.Cardetail li img {
    width: 10%;
    height: auto;
}

.Representative {
    font-size: .9em;
}

.Representative span {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    border-bottom: solid 1px #e7b4b7;
}

.Representative .cars {
    width: 76%;
    display: inline-block;
    vertical-align: top;
}

.class_num {
    padding: 5vw 0;
    font-weight: bold;
    text-align: center;
    font-size: 1.4em;
}

.class_num strong {
    color: #f0313a;
}

.planList {
    width: 96%;
    margin: 2vw auto;
}

.planList section {
    border: solid 1px #e7b4b7;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 5vw;
    overflow: hidden
}

.planList .more {
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    color: #0044d0;
    padding: 0 0 5vw;
}

.planList .more img, .planList .more span {
    display: inline-block;
    vertical-align: middle;
}

.planList .more img {
    margin-right: 2vw;
    width: 6%;
    height: auto;
}

.planListin {
    padding: 2vw;
}

.planListin .plan_dis, .planListin .plan_sub {
    display: inline-block;
    vertical-align: top;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.planListin .plan_dis {
    width: 28%;
    border-radius: 2px;
}

.planListin .plan_dis p {
    text-align: center;
    color: #fff;
    font-size: .8em;
    font-weight: bold;
    padding: 1px 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.planListin .plan_dis img {
    border-top: solid 5px #fff;
    width: 100%;
    height: auto;
}

.planListin .plan_sub {
    width: 70%;
    padding-left: 3%;
}

.planListin .plan_sub .kikan {
    font-size: .9em;
    line-height: 1.6em;
}

.planListin .plan_sub .kikanL {
    color: #fff;
    background-color: #72b6cc;
    padding: 3px 6px;
    font-size: .9em;
}

.planListin .plan_sub h3 {
    font-size: 1.1em;
    color: #0044d0;
    margin-bottom: 2vw;
}

.planListin .plan_sub h3 .liquidation {
    font-size: 80%;
    color: #f0313a;
    background-color: #ffe1e1;
    border: solid 1px #f0313a;
    font-weight: normal;
    padding: 2px 3px;
    display: inline-block;
    line-height: 1em;
    margin-bottom: 1vw;
}

.plan_fee {
    background-color: #f8f1f1;
    padding: 5px;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #f0313a;
    letter-spacing: -.4em;
}

.plan_fee .sys {
    position: absolute;
    top: 5px;
    left: 7px;
}

.plan_fee .web, .plan_fee .value {
    font-weight: bold;
    font-size: 1.4em;
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    letter-spacing: normal;
}

.plan_fee .web {
    font-size: 1.1em;
    line-height: 1.5em;
}

.plan_fee .value {
    font-size: 1.3em;
    text-align: right;
}

.Regular .planListin .plan_sub h3 {
    padding-top: 3px;
}

.planListin .plan_dis .storename {
    background: none;
    color: #000;
    font-weight: normal;
    text-align: left;
    font-size: .8em;
}

.Regular .planListin .plan_dis .lavel {
    background-color: #3092f6;
}

.Campaign .planListin .plan_dis .lavel {
    background-color: #f6307b;
}

.plan_sub .items {
    position: relative;
}

.plan_sub .items img {
    width: 9%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}

.plan_fee .items .sys {
    left: 0;
    top: 0;
}

.itemsin {
    background-color: #fff;
    margin-left: 5vw;
    padding: 1vw 8px;
}

.itemsin li, .items p {
    overflow: hidden;
}

.itemsin li {
    color: #f0313a;
    font-size: .9em;
}

.itemsin li span {
    display: block;
    float: right;
}

.plan_fee .f11 {
    font-size: .95em;
    line-height: 1.3em;
}

.plan_set {
    color: #0044d0;
    background-color: #ebf7f8;
    border: solid 1px #5794e7;
    padding: 3vw;
    margin: 3vw 0;
}

.plan_dimage img {
    width: 75%;
    height: auto;
    margin: 4vw auto;
    display: block;
}

table.option {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

table.option th, table.option td {
    border: solid 1px #c6c6c6;
    box-sizing: border-box;
    padding: 6px 0;
    vertical-align: middle;
}

table.option th {
    width: 72%;
    font-weight: normal;
    word-wrap: break-word;
    white-space: normal;
    padding-left: 6px;
}

table.option td.reckoning {
    border: solid 1px #f03a43;
    color: #f03a43;
    text-align: right;
}

table.option td {
    border-right: solid 1px #f03a43;
}

table.option td select {
    outline: none;
}

table.blue, table.red {
    border-collapse: separate;
    border-spacing: 1px;
    margin-bottom: 4vw;
}

table.blue th, table.blue td, table.red th, table.red td {
}

table.blue th, table.red th {
    color: #fff;
    width: 44%;
    box-sizing: border-box;
    padding-left: 2vw;
}

table.blue td, table.red td {
    text-align: right;
    padding-right: 2vw;
}

table.blue th {
    background-color: #618bd0;
    font-weight: normal;
}

table.blue td {
    border: solid 1px #c6c6c6;
}

table.red th {
    background-color: #f03a43;
}

table.red td {
    border: solid 1px #f03a43;
    font-weight: bold
}

.Thick_gray {
    border: solid 3vw #f1f1f1;
    border-radius: 6px;
    padding: 1vw 3vw;
}

.NewsList {
    margin-bottom: 20px;
}

.NewsList li {
    font-size: .9em;
    border-bottom: dashed 1px #9f9f9f;
    padding: 2.5vw 0;
}

.NewsList li strong, .NewsList li span, .NewsList li a {
    display: inline-block;
    vertical-align: middle;
}

.NewsList li strong {
    font-weight: normal;
}

.NewsList li span {
    min-width: 33%;
    color: #fff;
    text-align: center;
    margin: 0 2vw;
    padding: .5vw 1vw;
    box-sizing: border-box;
}

.NewsList li span.label1 {
    background-color: #fb5c50
}

.NewsList li span.label2 {
    background-color: #6a8be8
}

.NewsList li span.label3 {
    background-color: #727272
}

.NewsList li span.label4 {
    background-color: #9abe0a
}

.NewsList li a {
    text-decoration: none;
    color: #0d0c0c;
}

ol.pager {
    text-align: center;
    margin-bottom: 13px;
}

ol.pager li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.5vw;
}

ol.pager li span, ol.pager li a {
    border: solid 1px #c3c3c3;
    width: 8vw;
    height: 8vw;
    line-height: 8vw;
    display: block;
}

ol.pager li a {
    border: solid 1px #0044d0;
}

.remodal {
    width: 90%;
    padding: 0;
    margin: 0 auto;
}

.remodal-overlay {
    background-color: rgba(0, 0, 0, 0.4);
}

.remodal-close {
    right: 9px;
    top: 9px;
    left: auto;
    background-color: #676767;
    width: 30px;
    height: 30px;
}

.remodal-close:before {
    font-size: 34px;
    color: #fff;
    line-height: 30px;
    width: 30px;
}

.car_status, .article_type {
    padding: 10px;
    text-align: left;
    font-size: 120%;
    background-color: #eee;
}

.car_status p, .article_type p {
    margin-bottom: 10px;
    padding: 0 10px;
    font-size: .9em;
}

.rbTitle {
    background: url(../../img/common/remembrance.png) left center no-repeat;
    background-size: 13%;
    padding-left: 14%;
    font-weight: bold;
    font-size: 4.2vw;
    margin-bottom: 3vw;
}

.remembrancein, .request {
    background-color: #fff;
    border-radius: 6px;
    font-size: 4vw;
    padding: 3vw;
    box-sizing: border-box;
}

.remembrancein {
    color: #e63d45;
}

.request {
    font-size: 3.8vw;
}

.card iframe {
    width: 92%;
    margin: 0 auto 6vw auto;
    display: block;
}

.is-chase {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
}

.mp-nav li a::before {
    left: 3vw;
    width: 7px;
    height: 7px;
    border-top: 2px solid #0044d0;
    border-right: 2px solid #0044d0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mypage .PageTitle {
    margin-top: 3vw;
    margin-bottom: 4vw;
}

.mypageBoxin {
    background-color: #f1f1f1;
    padding-bottom: 4vw;
    margin-bottom: 7vw;
}

.mypageBoxin .otherBox {
    background: none;
}

.mypageBoxin .Rdetails {
    width: 30%;
}

.mypageBoxin .ReceiptBtn {
    width: 34%;
}

.mypageBoxin .Rdetails a, .mypageBoxin .ReceiptBtn a {
    position: relative;
}

.mypageBoxin .Rdetails a:after, .mypageBoxin .ReceiptBtn a:after {
    content: "";
    position: absolute;
    top: 42%;
    right: 2vw;
    width: 4px;
    height: 4px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mypageBoxin .BtnG {
    padding: 2vw 0;
}

.mypageBoxin .BtnG p {
    display: inline-block;
    vertical-align: middle
}

.mp-nav {
    margin-bottom: 4vw;
}

.mp-nav li a {
    padding: 1.5vw 0 1.5vw 8vw;
    display: block;
    box-sizing: border-box;
    position: relative;
    text-decoration: none;
}

.mp-nav li a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3vw;
    margin: auto;
    width: 7px;
    height: 7px;
    border-top: 2px solid #0044d0;
    border-right: 2px solid #0044d0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mypageTab {
    background-color: #f1f1f1;
    padding: 2.5vw;
    box-sizing: border-box;
}

.mypageTab .tab li {
    padding: 3.5vw .5vw;
    min-height: 15vw;
    width: 49%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    border-radius: 6px 6px 0 0;
    cursor: pointer;
    font-size: 3.8vw;
    line-height: 1.2em;
    margin-right: 1%;
}

.mypageTab .tab li.is-selectTab {
    padding-bottom: 8vw;
    margin-top: -4.5vw;
    background-image: url(/img/sp/tab-icon.png);
    background-size: 11%;
    background-position: center 90%;
    background-repeat: no-repeat;
}

.mypageTab .tab li.new {
    background-color: #de8a8e
}

.mypageTab .tab li.new.is-selectTab {
    background-color: #f0313a
}

.mypageTab .tab li.old {
    background-color: #817778
}

.mypageTab .tab li.old.is-selectTab {
    background-color: #434343;
}

.mypageTab .tab_content {
    background-color: #fff;
    box-sizing: border-box;
    padding: 4vw 2vw;
}

.mypageTab .tab_content.old {
    border: solid #434343 2px
}

.mypageTab .tab_content.new {
    border: solid #f0313a 2px
}

.mypage .sendBtn {
    width: 58%;
    margin: 5vw auto;
}

.mypage .sendBtn img {
    width: 100%;
    height: auto;
}

.mypage .otherBox {
    background: none
}

.quicktitle {
    border: none;
    color: #f0313a;
    margin-bottom: 10px;
    position: relative;
    padding: 0 6vw;
    font-size: 5.6vw;
    text-align: center;
}

.quicktitle span {
    padding-bottom: 4px;
    border-bottom: solid 2px #f0313a;
}

.quicktitle:before, .quicktitle:after {
    display: block;
    content: "";
    position: absolute;
    width: 5vw;
    height: .7vw;
    background: #f0313a;
    bottom: 2vw;
}

.quicktitle:before {
    left: 0;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.quicktitle:after {
    right: 0;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.quick {
    position: relative;
    margin-bottom: 67px;
}

.quick h4 {
    color: #fff;
    background-color: #f0313a;
    padding: 2.5vw 5vw 2.5vw 23vw;
    font-size: 5.6vw;
    border-radius: 2vw 2vw 0 0;
    line-height: 1.2em;
    box-sizing: border-box;
}

.quick_img {
    position: absolute;
    bottom: 1vw;
    left: 2vw;
    z-index: 10;
    width: 18vw;
    height: auto;
}

.quickin {
    background-color: #fffde3;
    padding: 1vw;
    overflow: hidden;
}

.quick_text {
    font-size: 3.8vw;
    color: #f0313a;
    font-weight: bold;
    padding: 2vw 2vw 2vw 23vw;
    float: left;
    box-sizing: border-box;
}

.search-box {
    position: fixed;
    top: 0;
    right: -100vw;
    background-color: #fff;
    width: 100%;
    height: 100%;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.search-box.is-box-in {
    right: 0;
}

.search-box h2 {
    color: #fff;
    background-color: #f03a43;
    font-size: 5vw;
    padding: 2vw;
    box-sizing: border-box;
}

.search-box-in {
    box-sizing: border-box;
    padding: 2vw 0;
}

.search-box-in .contentBox h3 {
    font-size: 3.6vw;
}

.search-box-in dl {
    margin-bottom: 3vw
}

.search-box-in dt {
    color: #2041af;
    font-size: 4vw;
    font-weight: bold;
}

.search-box-in dt, .search-box-in dd {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
    box-sizing: border-box
}

.search-box-in dl {
    letter-spacing: -.4em;
}

.search-box-in dt {
    width: 18vw;
    letter-spacing: normal;
}

.search-box-in dd {
    width: 70vw;
    letter-spacing: normal;
    text-align: right;
}

.search-box-in dd.date {
    width: 29vw;
}

.search-box-in dd.time {
    width: 23vw;
}

.search-box-in dd input {
    max-width: 22vw;
}

.search-box-in dd select {
    font-size: 100%;
    width: 100%;
    box-sizing: border-box;
}

.search-box-in .btn-tenpo {
    width: 71%;
    float: right;
    text-align: right;
}

.search-box-in .btn-tenpo img {
    width: 100%;
    height: auto;
}

.searchBoxBtn {
    padding: 3vw 0.5vw;
    box-sizing: border-box;
}

.searchBoxBtn img {
    width: 83%;
    height: auto;
}


.FBefore {
    padding: 2vw 1.5%;
}

.FBefore .satisfaction, .FBefore .tel-list {
    text-align: center
}

.FBefore .satisfaction img {
    width: 100%;
    height: auto;
}

.FBefore .cotext {
    font-size: 3.45vw;
    margin: 2vw 0 4vw 0;
}

.FBefore .tel-list img {
    width: 93.4%;
    height: auto;
    margin: 4vw 0
}

footer {
    background-color: #f2f2f0;
    margin-top: 30px
}

footer li a {
    position: relative;
    text-decoration: none;
}

footer li a::before, .fbelow li a::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
}

.fhead li {
    margin-bottom: 0.5vw;
}

.fhead li a {
    padding: 3vw 3vw 3vw 10vw;
    display: block;
    box-sizing: border-box;
    background-color: #f0e2e2;
}

.fhead li a::before {
    left: 3vw;
    width: 7px;
    height: 7px;
    border-top: 2px solid #0044d0;
    border-right: 2px solid #0044d0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fbelow {
    padding: 3vw 0
}

.fbelow li {
    display: inline-block;
    padding-left: 6vw;
    margin-bottom: 3vw
}

.fbelow li a {
    display: block;
    padding-right: 2vw
}

.flogo {
    text-align: center;
    padding: 10px 0
}

.flogo img {
    width: 74.375%;
    height: auto
}

.Copy {
    background-color: #c70112;
    color: #fff;
    text-align: center;
    font-size: 2vw;
}

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

/* custom css for new design */
.carImageItems img {
    right: 2%;
    width: 63%;
    height: auto;
    position: absolute;
    top: 6px;
}

.loading {
    background: url(../../../css/images/loading.gif) center no-repeat;
    height: 115px;
}

.customMoreArticle {
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    color: #0044d0;
    padding: 0 0 5vw;
}

.customMoreArticle a {
    text-decoration: none;
}

.customMoreArticle img {
    margin-right: 2vw;
    width: 6%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

.listArrow {
    background-image: url(../../../reserve_new/img/common/chevron.png);
    background-position: right center;
    background-repeat: no-repeat;
    border-top: 1px solid rgb(180, 180, 180);
    padding: 5px;
}

.inputSearchBox {
    height: 2.1em !important;
    max-width: 100% !important;
    margin: 0;
    border-radius: 0;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    box-sizing: content-box;
    position: relative;
    border: 0;
    outline: 1px solid #ccc;
    outline-offset: -1px;
    background-color: #fff;
    padding-left: 7px;
}

.search-box-in dd input {
    font-size: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
}

#show_article_num {
    background-color: #222222;
    color: #ffffff;
    display: none;
    height: 32px;
    left: 50%;
    margin: -80px 0 0 -120px;
    opacity: 0.88;
    padding: 0 10px;
    position: fixed;
    top: 50%;
    z-index: 2000;
}

#show_article_num p {
    font-size: 18px;
}

#show_article_num .article_num {
    color: #e77575;
    font-size: 20px;
}

.planListin .plan_dis img {
    max-height: 185px;
}

.Campaign .planListin .plan_dis .lavel.plan_type.normal {
    background-color: #0fc0cb;
}

.fix-border {
    border-bottom: solid 1px #e7b4b7 !important;
}

.sp-PlanCancelBtn {
    display: block;
    margin: 3vw auto;
    border: solid 1px #369000;
    font-weight: bold;
    outline: solid 1px #e4ffd5;
    width: 78%;
    outline-offset: -2px;
    text-align: center;
    background: #dc311a;
    background: -moz-linear-gradient(top, #ee523d 0%, #dc311a 100%);
    background: -webkit-linear-gradient(top, #ee523d 0%, #dc311a 100%);
    background: linear-gradient(to bottom, #ee523d 0%, #dc311a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee523d', endColorstr='#dc311a', GradientType=0);
}

.sp-PlanCancelBtn a {
    color: #fff;
    padding: 3vw 2.5vw;
    text-decoration: none;
    padding-right: 5vw;
    position: relative;
    display: block;
}

/** GMO **/
#CreditPaymentSection {
    display: none;
    border: 1px solid #cccccc;
    border-radius: 6px;
    display: block;
    margin: 5px;
}

#CreditPaymentSection h2 {
    font-size: 13px;
    margin-top: 5px;
}

#CreditPaymentSection dd {
    padding: 0 6px !important;
}

#CreditAuthenSection {
    background-color: #efefef;
}

#PaymentArrow {
    background: url("../../../img/credit/payment_step_arrow_sp.png") no-repeat scroll center center;
    height: 25px;
}

.PaymentDetail {
    margin: 5px auto;
    border: 1px solid #efefef;
    border-radius: 15px;
    padding-bottom: 5px;
}

.PaymentDetail p {
    font-size: 12px;
    line-height: 20px;
    padding: 10px 10px 5px;
}

.PaymentDetail p span {
    font-size: 13px;
    font-weight: bold;
}

#CreditAuthen {
    position: relative;
    overflow: hidden;
}

#CreditAuthen iframe {
    position: absolute;
    top: -20px;
    left: 1%;
    width: 98%;
    height: 100%;
    border: none;
}

#CreditAuthenErr {
    color: #c9181d;
    font-size: 12px;
    padding: 5px;
    text-align: center;
}

#CreditAuthenErr:empty {
    display: none !important;
}

#CreditNote {
    color: #ff0000;
    width: 95%;
    margin: 0 auto;
    line-height: 20px;
    font-size: 12px;
}

p.CreditTxt {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.CreditErr {
    color: red;
}

span.GmoReceiptLink {
    text-decoration: underline;
    float: right;

}

.mypageTab .tab li.is-selectTab {
    background-image: url(../../img/sp/tab-icon.png);
}

.mypageTab .tab_content.new {
    border: none
}

/*details*/
#AR002 #de_date, #AR002 #re_date {
    height: 2.1em;
    padding-left: 5px;
    -webkit-appearance: menulist;
    width: 30%;
    font-size: inherit;
    padding-right: 1vw;
}

table.option td select {
    height: initial;
}

.form_dib.form_half ul li {
    display: inline;
    padding-right: 1vw;
}

/*input#de_date, input#re_date{*/
/*width: 50%;*/
/*font-size: inherit;*/
/*padding-right: 1vw;*/
/*}*/
#AR002 select#de_time, select#re_time {
    height: 2.1em;
    width: 20%;
    padding: 3px 0px;
}

tr.op-anshin {
    display: none;
}

#btn_continue a::before, #btn_continue a::after {
    right: unset;
    left: 30px;
}

#btn_continue a::after {
    left: 36px;
}

#btn_recalculation {
    text-align: center;
}

.recalculationBox {
    border: none;
}

.recalculationBox li {
    /* list-style-type: square; */
    background: #ffe7df;
    color: #ff0000;
    font-size: 13px;
    border-radius: initial;
    border: none;
    line-height: 1em;
    font-weight: bold;
    padding: 6px 8px;
}

.recalculationBox li p#txt_rec {
    font-size: 24px;
    margin: 0px 2px 0px -4px;
}

.recalculationBox li p {
    margin-top: 3.5px;
    vertical-align: middle;
    display: inline;
}

@media screen and (min-width: 768px) {
    #btn_continue a::before, #btn_continue a::after {
        left: 15%;
    }

    #btn_continue a::before {
        width: 35px;
        height: 35px;
    }

    #btn_continue a::after {
        left: 17% !important;
    }

    #btn_continue.adBtn a::after {
        width: 10px;
        height: 10px;
    }
}

@media screen and (max-width: 320px) {
    #btn_continue a::before, #btn_continue a::after {
        left: 20px;
    }

    #btn_continue a::before {
        width: 22px;
        height: 22px;
    }

    #btn_continue a::after {
        left: 26px
    }
}

.disabledBtn {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;
    opacity: 0.8;
    border: solid 1px #707070;
    outline: solid 1px #989898;
    outline-offset: 0px;
    width: 120px;
}

.disabledBtn {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%)
}

.disabledBtn a {
    color: black;
    text-align: center;
    display: block;
    padding: 5px 10px;
    text-decoration: none
}