@charset "utf-8";
/* CSS Document */
/*img {width: auto;}*/
button, input, select, textarea {color: inherit;}
select {appearance: none;cursor: pointer;}
input[type="radio"], input[type="checkbox"] {appearance: auto;-webkit-appearance: auto;vertical-align: middle;line-height: normal;cursor: pointer;margin: 3px 3px 3px 4px;}
input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="submit"]:focus {outline:1px solid #cc0000;outline-offset: 1px;}
label {cursor: pointer;}

/* : JAL PARTS
--------------------------------------*/
#wrapper {
    width: 100%;
    font-family: sans-serif;
}

#contents {
    padding-left: 10px;
    padding-right: 10px;
}

#contents section, #contents article {
    margin-top: 15px;
}

.contents h1, .contents h2, .contents h3, .contents h4, .contents p, .contents li, .contents dt, .contents dd, .contents th, .contents td, .contents caption, .contents figcaption {
    line-height: 1.5;
}

/* headerロゴ使用 */
#headerArea {
    margin-top: 10px;
    padding: 0 10px;
    overflow: hidden;
    position: relative;
}

#headerArea > h1 {
    background: url(/images/sp/logo_001.png) no-repeat 0 3px;
    background-size: 188px 18px;
    -webkit-background-size: 188px 18px;
    width: 188px;
    min-height: 21px;
}

#headerArea > h1 span {
    opacity: 0;
}

#headerArea p.btnLogin {
    width: 103px;
    position: absolute;
    top: 0;
    right: 5px;
}

#headerArea section {
    margin: 10px -10px 0;
    position: relative;
}

#headerArea section h1 {
    font-size: 22px;
    border-bottom: 1px solid #aaa;
}

#headerArea section h1 span {
    display: inline-block;
    border-bottom: 3px solid #E7161A;
    padding: 0 10px 3px;
}

#headerArea section h1.pageTit {
    border-bottom: none !important;
}

/* header ロゴ使用なし リード文つき*/
#headerArea02 {
    line-height: 1.2;
    position: relative;
}

#headerArea02 figure {
    background: none repeat scroll 0 0 #222222;
    padding: 5px 0;
    text-align: center;
}

#headerArea02 h1 {
    background: none repeat scroll 0 0 #BBBBBB;
    font-size: 18px;
    padding: 8px;
    text-align: center;
}

#headerArea02 p.lead {
    background: none repeat scroll 0 0 #EEEEEE;
    padding: 8px 10px;
}

/* footer */
#footerArea {
    overflow: hidden;
}

#footerArea .footTail {
    background: url(/images/sp/pic_footer.png) no-repeat right 0;
    background-size: 320px 33px;
    -webkit-background-size: 320px 33px;
    height: 33px;
    position: relative;
    z-index: 1;
}

#footerArea small {
    font-size: 12px;
    display: block;
    padding: 8px 0;
    border-top: 1px solid #B6B6B7;
    margin-top: -1px;
    text-align: center;
}

.footNavi {
    margin-top: 10px;
}

.footNavi ul {
    text-align: center;
}

.footNavi ul li {
    display: inline;
    border-right: 1px solid #cccccc;
    font-size: 13px;
    padding-right: 5px;
    font-weight: bold;
}

.footNavi ul li:last-child {
    border: none;
    padding-right: 0;
}

.footNavi ul li a {
    display: inline-block;
    font-weight: normal;
}

/* ページトップへ、前のページへ戻る */
.btnPageTop > a > span, .btnPageBack > a > span {
    display: inline-block;
    background: url(/images/sp/arw_pagetop.png) no-repeat;
    background-size: 9px 12px;
    -webkit-background-size: 9px 12px;
    width: 9px;
    height: 12px;
    margin-right: 5px;
}

.btnPageTop, .btnPageBack {
    text-align: center;
    margin-top: 15px;
}

.btnPageTop a, .btnPageBack a {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    padding: 10px;
    text-shadow: 1px 1px 1px #777;
    background: #c6c6c6;
    background: -moz-linear-gradient(top, #c6c6c6 0%, #8a8a8a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c6c6c6), color-stop(100%, #8a8a8a));
    background: -webkit-linear-gradient(top, #c6c6c6 0%, #8a8a8a 100%);
    background: -ms-linear-gradient(top, #c6c6c6 0%, #8a8a8a 100%);
    background: linear-gradient(to bottom, #c6c6c6 0%, #8a8a8a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6c6c6', endColorstr='#8a8a8a', GradientType=0);
}

/* 隕句�縺� */
h1.titRed {
    margin-left: -10px;
    margin-right: -10px;
    color: #fff;
    padding: 10px 8px;
    text-shadow: 1px 1px 1px #9B0000;
    background: #e00001;
    background: -moz-linear-gradient(top, #e00001 0%, #e00000 49%, #ba0000 51%, #da0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e00001), color-stop(49%, #e00000), color-stop(51%, #ba0000), color-stop(100%, #da0000));
    background: -webkit-linear-gradient(top, #e00001 0%, #e00000 49%, #ba0000 51%, #da0000 100%);
    background: -ms-linear-gradient(top, #e00001 0%, #e00000 49%, #ba0000 51%, #da0000 100%);
    background: linear-gradient(to bottom, #e00001 0%, #e00000 49%, #ba0000 51%, #da0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e00001', endColorstr='#da0000', GradientType=0);
}

.titL1 {
    border-bottom: 1px solid #CCCCCC;
    line-height: 1;
    margin: 15px 0 10px;
}

.titL1 span {
    border-bottom: 3px solid #E7161A;
}

section h1.selected span, section h1.selected span, section h1.selected span {
    border-bottom-left-radius: 0 !important;
}

h1.selected {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

section h1.open, section h1.close {
    cursor: pointer;
}

section h1.open a, section h1.toOpen a {
    border-bottom-left-radius: 0;
}

/* リンク */
.inText {
    margin: 0 3px;
}

.inText a {
    display: inline;
    font-size: 16px;
}

.inText a, .inText a:visited, .inText2 a, .inText2 a:visited {
    text-decoration: underline !important;
}

.inText2 {
    display: inline !important;
    font-size: 14px !important;
    text-align: left !important;
    padding: 0 !important;
}

p.innerLink {
    font-size: 14px;
    margin: 5px -8px 0;
    text-align: right;
}

p.innerLink a {
    display: inline;
}

p.innerLink a span {
    background: url("/images/sp/arw_r02.png") no-repeat 0 5px;
    background-size: 6px 8px;
    -webkit-background-size: 6px 8px;
    display: inline-block;
    height: 8px;
    margin-left: 3px;
    padding: 3px 0;
    width: 9px;
}

/* opclBox */
.opclBox h1 span.line2 {
    line-height: 1.3;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.opclBox h1 span.line2 span.arw {
    top: 12px;
}

.opclBox .inner {
    border: 1px solid #CCCCCC;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px;
    line-height: 1.4;
}

.opclBox .inner h2 {
    margin-top: 20px;
}

.opclBox .inner a {
    display: inline;
}

.opclBox.att .icon {
    background: url(/images/sp/icon_att.png) no-repeat 8px center;
    background-size: 30px 26px;
    -webkit-background-size: 30px 26px;
    padding-left: 40px;
}

/* listBox */
.listBox h1.close span, .opclBox h1.close span, .partBox h1.close span {
    border-bottom-left-radius: 4px;
}

.listBox h1.close span.arw, .listBox h1.open span.arw, .opclBox h1.close span.arw, .opclBox h1.open span.arw, .partBox h1.close span.arw, .partBox h1.open span.arw {
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 13px 12px;
    -webkit-background-size: 13px 12px;
    height: 12px;
    padding-left: 0 !important;
    position: absolute;
    right: 10px;
    top: 2px;
    width: 13px;
}

.listBox h1 span, .opclBox h1 span, .partBox h1 span {
    background: url("/images/sp/bg_listbox_01.png") repeat-y;
    background-size: 5px 5px;
    -webkit-background-size: 5px 5px;
    border-top-left-radius: 4px;
    display: inline-block;
    padding: 10px 0 10px 10px;
}

.listBox.thumb {
    line-height: 1.2;
}

.listBox.thumb a .pic {
    display: table-cell;
    padding-right: 10px;
}

.listBox h2 {
    color: #666666;
    font-size: 18px;
    padding-bottom: 3px;
}

.listBox li a {
    background: url("/images/sp/arw_r01.png") no-repeat 97% center;
    background-size: 24px 24px;
    -webkit-background-size: 24px 24px;
    color: #333333;
    line-height: 1.2;
    padding: 10px 35px 10px 10px;
}

.listBox li a.iconOhter {
    background: url("/images/sp/icon_popup_r01.png") no-repeat 96% center;
    background-size: 17px 15px;
    -webkit-background-size: 17px 15px;
}

.listBox li.arwNon a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 5px;
}

.listBox h1.close span.arw, .opclBox h1.close span.arw, .partBox h1.close span.arw {
    background-image: url("/images/sp/arw_tgl_b_close.png");
}

.listBox h1.open span.arw, .opclBox h1.open span.arw, .partBox h1.open span.arw, .listBox h1.selected span.arw, .opclBox h1.selected span.arw, .partBox h1.selected span.arw {
    background-image: url("/images/sp/arw_tgl_b_open.png");
}

/* flightBoxC */
.flightBoxC h1.next_toggle {
    border-radius: 5px;
    padding-right: 13px !important;
}

.flightBoxC h1.next_toggle span, .flightBoxC h1.selected span {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 13px 12px;
    -webkit-background-size: 13px 12px;
    display: block;
}

.flightBoxC h1.next_toggle span {
    background-image: url("/images/sp/arw_tgl_b_close.png");
    background-size: 13px 12px;
    -webkit-background-size: 13px 12px;
}

.flightBoxC h1.selected span {
    background-image: url("/images/sp/arw_tgl_b_open.png") !important;
    background-size: 13px 12px;
    -webkit-background-size: 13px 12px;
}

/*list*/
.att .JS_tglSldC ol {
    margin-left: 20px;
}

.textListA01 li {
    border-bottom: none;
}

.pdr30List li a {
    padding-right: 30px !important;
}

/* button */
#contents .btnArea {
    margin: 15px -10px 0;
    text-align: center;
}

.btnR, .btnO, .btnG {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: none;
    border-radius: 5px;
    display: inline-block;
    font-size: 20px;
    min-width: 80%;
    padding: 5px 10px;
    text-align: center;
    -webkit-appearance: none;
}

a.btnR, a.btnO, span.btnR, span.btnO {
    min-width: 80%;
    padding: 10px 0 !important;
}

.btnG {
    min-width: 70% !important;
    box-shadow: 1px 1px 1px #aaa;
    -webkit-box-shadow: 1px 1px 1px #aaa;
    -moz-box-shadow: 1px 1px 1px #aaa;
    line-height: 1;
}

a.btnG, span.btnG {
    min-width: 70%;
    line-height: 1;
}

/*red*/
.btnR {
    background: #e00001;
    background: -moz-linear-gradient(top, #e00001 0%, #e00000 49%, #ba0000 51%, #da0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e00001), color-stop(49%, #e00000), color-stop(51%, #ba0000), color-stop(100%, #da0000));
    background: -webkit-linear-gradient(top, #e00001 0%, #e00000 49%, #ba0000 51%, #da0000 100%);
    background: -ms-linear-gradient(top, #e00001 0%, #e00000 49%, #ba0000 51%, #da0000 100%);
    background: linear-gradient(to bottom, #e00001 0%, #e00000 49%, #ba0000 51%, #da0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e00001', endColorstr='#da0000', GradientType=0);
    -webkit-box-shadow: 1px 1px 3px #888888;
    -moz-box-shadow: 1px 1px 3px #888888;
    box-shadow: 1px 1px 3px #888888;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #990000;

}


/*orange*/
.btnO {
    background: #e00001;
    background: -moz-linear-gradient(top, #de7922 0%, #dc751e 49%, #d66616 51%, #df7f27 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #de7922), color-stop(49%, #dc751e), color-stop(51%, #d66616), color-stop(100%, #df7f27));
    background: -webkit-linear-gradient(top, #de7922 0%, #dc751e 49%, #d66616 51%, #df7f27 100%);
    background: -ms-linear-gradient(top, #de7922 0%, #dc751e 49%, #d66616 51%, #df7f27 100%);
    background: linear-gradient(to bottom, #de7922 0%, #dc751e 49%, #d66616 51%, #df7f27 100%);
    -webkit-box-shadow: 1px 1px 3px #888888;
    -moz-box-shadow: 1px 1px 3px #888888;
    box-shadow: 1px 1px 3px #888888;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #972d01;
}

/*gray*/
.btnG {
    text-shadow: 1px 1px 1px #777;
    background: #c6c6c6;
    background: -moz-linear-gradient(top, #c6c6c6 0%, #8a8a8a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c6c6c6), color-stop(100%, #8a8a8a));
    background: -webkit-linear-gradient(top, #c6c6c6 0%, #8a8a8a 100%);
    background: -ms-linear-gradient(top, #c6c6c6 0%, #8a8a8a 100%);
    background: linear-gradient(to bottom, #c6c6c6 0%, #8a8a8a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6c6c6', endColorstr='#8a8a8a', GradientType=0);
    color: #FFFFFF;
}

/*disable*/
.disable {
    box-shadow: none !important;
    border: 1px solid #e8e5e5 !important;
    color: #9b9b9b !important;
    text-shadow: none !important;
    display: inline-block !important;
    padding: 0 !important;
    height: 30px !important;
}

.linkBtnA01 a {
    background: #FFFFFF;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #DBDBDB 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #DBDBDB));
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #DBDBDB 100%);
    background: -ms-linear-gradient(top, #FFFFFF 0%, #DBDBDB 100%);
    background: linear-gradient(to bottom, #FFFFFF 0%, #DBDBDB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DBDBDB', GradientType=0);
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    color: #000000;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 15px;
    padding: 8px;
    text-align: center;
}

.accessBtn, .cartypeBtn {
    background: #FFFFFF;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #DBDBDB 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #DBDBDB));
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #DBDBDB 100%);
    background: -ms-linear-gradient(top, #FFFFFF 0%, #DBDBDB 100%);
    background: linear-gradient(to bottom, #FFFFFF 0%, #DBDBDB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DBDBDB', GradientType=0);
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    color: #000000 !important;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 5px;
    padding: 5px;
    text-align: center;
}

.accessBtn a, .cartypeBtn a {
    color: #000000 !important;
}

/* rsvLink */
.rsvLink {
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 4px #D0D0D0;
    -moz-box-shadow: 2px 2px 4px #D0D0D0;
    box-shadow: 2px 2px 4px #D0D0D0;
    margin-top: 15px;
}

.rsvLink li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #EEEEEE;
    border-color: #CCCCCC #CCCCCC !important; /* -moz-use-text-color */
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
}

.rsvLink li:nth-child(1) {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.rsvLink li:last-child {
    border-bottom: 1px solid #CCCCCC;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.rsvLink li a {
    background: url("/images/sp/arw_r01.png") no-repeat 97% center;
    background-size: 24px 24px;
    -webkit-background-size: 24px 24px;
    color: #333333;
    padding: 13px 35px 13px 10px;
}

/* rsvBox */
.rsvBox {
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 4px #D0D0D0;
    -moz-box-shadow: 2px 2px 4px #D0D0D0;
    box-shadow: 2px 2px 4px #D0D0D0;

}

.rsvBox li a {
    display: inline-block;
}

.rsvBox li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-color: currentColor #AAAAAA #AAAAAA;
    border-image: none;
    border-right: 1px solid #AAAAAA;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    font-size: 16px;
    padding: 0 !important; /*EDIT*/
}

.rsvBox li:first-child {
    border-top: 1px solid #AAAAAA;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.rsvBox li:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.rsvBox li.tbl {
    display: table;
    width: 100%;
}

.rsvBox li.tbl span.cell {
    display: table-cell;
    padding: 8px /*ADD*/
}

.rsvBox .btnG01 {
    padding: 5px 7px;
}

.rsvBox .btnG01 span.invSec {
    /**background: url("/images/sp/icon_inv_sec.png") no-repeat center;**/
    background-size: 13px 11px;
    -webkit-background-size: 13px 11px;
    display: inline-block;
    padding-left: 15px;
}

.rsvBox .btnG02 {
    padding: 10px;
}

.btnG02 .prev {
    background: url("/images/sp/arw_w_left.png") no-repeat left center;
    background-size: 8px 10px;
    -webkit-background-size: 8px 10px;
    display: inline-block;
    padding-left: 15px;
}

.btnG02 .next {
    background: url("/images/sp/arw_w_right.png") no-repeat right center;
    background-size: 8px 10px;
    -webkit-background-size: 8px 10px;
    display: inline-block;
    padding-right: 15px;
}

.rsvBox span.arwR {
    /*background: url("/images/sp/arw_right_b.png") no-repeat right center;*/
    background-size: 10px 11px;
    -webkit-background-size: 10px 11px;
    display: inline-block;
    height: 11px;
    margin: 0 5px;
    width: 10px;
}

.rsvBox .tbl.tblFix {
    padding: 0;
    table-layout: fixed;
}

.rsvBox .tblFix span.cell {
    border-right: 1px solid #AAAAAA;
    padding: 10px 8px;
}

.rsvBox .tblFix span.cell:last-child {
    border-right: medium none;
}

/* specialInfo
----------------------------------------------------------*/
.specialInfo {
    box-shadow: 2px 2px 4px #D0D0D0;
    -webkit-box-shadow: 2px 2px 4px #D0D0D0;
    -moz-box-shadow: 2px 2px 4px #D0D0D0;
    border-radius: 5px;
}

.specialInfo h1 {
    background: #dddddd;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px;
    border: 1px solid #cccccc;
}

.specialInfo li {
    border: 1px solid #cccccc;
    border-top: none;
}

.specialInfo li:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.specialInfo li a {
    padding: 13px 35px 13px 10px;
    color: #333333;
    background: url(/images/sp/arw_r01.png) no-repeat 97% center;
    background-size: 24px 24px;
    -webkit-background-size: 24px 24px;
}

/* : JAL PARTS EDIT
--------------------------------------*/
.opclBox h1.close span.arw {
    padding: 0 !important;
    height: 100%;
    top: 0;
}

.ttlText {
    background: none repeat scroll 0 0 #EEEEEE;
    font-weight: bold;
    padding: 10px;
}

.flightBoxF li.btop {
    border-top: 1px solid #AAAAAA;
    color: #333333;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* : margin
--------------------------------------*/
.mgl05 {
    margin-left: 5px !important;
}

.mgl10 {
    margin-left: 10px;
}

.mgr15 {
    margin-right: 15px;
}

.mgb15 {
    margin-bottom: 15px !important;
}

.mgb10 {
    margin-bottom: 10px !important;
}

.mgs10 {
    margin: 0 10px;
}

.mg0 {
    margin: 0 !important;
}
.mgt5 {
    margin-top: 5px !important;
}

/* : width
--------------------------------------*/
.wid100p {
    width: 100% !important;
}

.wid70p {
    width: 50% !important;
}

.wid60p {
    width: 60% !important;
}

.wid40p {
    width: 40% !important;
}

.wid30p {
    width: 50% !important;
}

.wid70 {
    width: 70px !important;
}

.wid90 {
    width: 90px !important;
}

/* : padding
--------------------------------------*/
.pdt10 {
    padding-top: 10px
}

.pdr30 {
    padding-right: 30px !important;
}

.pdr5 {
    padding-right: 5px !important;
}

.pd10 {
    padding: 10px !important;
}

.pd0 {
    padding: 0 !important;
}

.pd3 {
    padding: 3px !important;
}

/* : display
--------------------------------------*/
.iblock {
    display: inline-block;
}

.block {
    display: block;
}

.disLine {
    display: inline !important;
}

/* : line-height
--------------------------------------*/
.lineH12 {
    line-height: 1.2;
}

.lineH13 {
    line-height: 1.3;
}

.lineH15 {
    line-height: 1.5;
}

/* :COLORS
--------------------------------------*/
.dark {
    color: #fff;
    padding: 15px 8px;
    background: #b2b2b2;
    background: -moz-linear-gradient(top, #b2b2b2 0%, #6d6d6d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2b2b2), color-stop(100%, #6d6d6d));
    background: -webkit-linear-gradient(top, #b2b2b2 0%, #6d6d6d 100%);
    background: -ms-linear-gradient(top, #b2b2b2 0%, #6d6d6d 100%);
    background: linear-gradient(to bottom, #b2b2b2 0%, #6d6d6d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2b2b2', endColorstr='#6d6d6d', GradientType=0);
}

.graBlk {
    margin-left: -10px;
    margin-right: -10px;
    color: #fff;
    padding: 10px 8px;
}

/* black */
.graBlk {
    text-shadow: 1px 1px 1px #666;
    background: #272727;
    background: -moz-linear-gradient(top, #272727 0%, #a8a6a6 53%, #727272 53%, #999795 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777778), color-stop(53%, #a8a6a6), color-stop(53%, #727272), color-stop(100%, #999795));
    background: -webkit-linear-gradient(top, #272727 0%, #a8a6a6 53%, #727272 53%, #999795 100%);
    background: -o-linear-gradient(top, #272727 0%, #a8a6a6 53%, #727272 53%, #999795 100%);
    background: -ms-linear-gradient(top, #272727 0%, #a8a6a6 53%, #727272 53%, #999795 100%);
    background: linear-gradient(to bottom, #272727 0%, #a8a6a6 53%, #727272 53%, #999795 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#272727', endColorstr='#999795', GradientType=0);
}

.titGra {
    color: #FFFFFF;
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px 8px;
}

.titGra {
    text-shadow: 1px 1px 1px #666;
    background: #777778;
    background: -moz-linear-gradient(top, #777778 0%, #a8a6a6 53%, #727272 53%, #999795 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777778), color-stop(53%, #a8a6a6), color-stop(53%, #727272), color-stop(100%, #999795));
    background: -webkit-linear-gradient(top, #777778 0%, #a8a6a6 53%, #727272 53%, #999795 100%);
    background: -o-linear-gradient(top, #777778 0%, #a8a6a6 53%, #727272 53%, #999795 100%);
    background: -ms-linear-gradient(top, #777778 0%, #a8a6a6 53%, #727272 53%, #999795 100%);
    background: linear-gradient(to bottom, #777778 0%, #a8a6a6 53%, #727272 53%, #999795 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777778', endColorstr='#999795', GradientType=0);
}

.darkBtn {
    background: #c6c6c6;
    background: -moz-linear-gradient(top, #c6c6c6 0%, #8a8a8a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c6c6c6), color-stop(100%, #8a8a8a));
    background: -webkit-linear-gradient(top, #c6c6c6 0%, #8a8a8a 100%);
    background: -ms-linear-gradient(top, #c6c6c6 0%, #8a8a8a 100%);
    background: linear-gradient(to bottom, #c6c6c6 0%, #8a8a8a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6c6c6', endColorstr='#8a8a8a', GradientType=0);
    border-radius: 5px;
    color: #FFFFFF;
    margin: 0 10px;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #777777;
}

.darkBtn a {
    color: #fff !important;
    display: block !important;
    padding: 10px;
    text-align: center;
}

/* :LIST
--------------------------------------*/
.linkList li, .linkList02 li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC #CCCCCC;
    border-image: none;
    border-right: 1px solid #CCCCCC;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}

.linkList li a, .linkList02 li a {
    background: url("/images/sp/arw_r01.png") no-repeat 97% center;
    background-size: 24px 24px;
    -webkit-background-size: 24px 24px;
    color: #333333;
    line-height: 1.1;
    padding: 10px 35px 10px 10px;
}

.linkList02 li:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.linkList02 li b {
    display: block;
}

.linkList02 li b + span {
    font-size: 14px;
}

.linkList02 .faqList dt, .linkList02 .faqList dd {
    line-height: 1.4;
}

.linkList02 .faqList dt {
    border-bottom: 1px solid #CCCCCC;
    padding: 10px;
    position: relative;
}

.linkList02 .faqList dt:last-of-type, .linkList02 .faqList dd:last-of-type {
    border-bottom: medium none;
}

.linkList02 .faqList dt.open {
    border-bottom: medium none;
}

.linkList02 .faqList dt:after {
    background: none no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 10px;
    margin-top: -5px;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 11px;
}

.linkList02 .faqList dt:after {
    background-image: url("/images/sp/arw_tgl_b_close.png");
    background-size: 11px 10px;
    -webkit-background-size: 11px 10px;
}

.linkList02 .faqList dt.selected:after {
    background-image: url("/images/sp/arw_tgl_b_open.png");
    background-size: 11px 10px;
    -webkit-background-size: 11px 10px;
}

.linkList02 .faqList dd {
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 10px;
}

.linkList02 .faqList dd span {
}

.linkList02 .faqList dd a {
    background: none;
    border-radius: 5px;
    padding: 0;
    text-align: center;
}

.faqList .selected {
    border-bottom: 1px dotted #ccc !important;
}

.faqList dd .numListA01 li {
    border: none !important;
}

.JS_tglSldC .innerList li {
    border: none;
}

.JS_tglSldC .linkList02 .selected {
    font-weight: bold;
}

ul.borderNon li {
    border: none;
}

/* : 検索モジュール
--------------------------------------*/

/*条件を追加*/


/*プルダウン入れ替えタブ*/


/*車種選択リスト*/
.li_carcat {
    width: 100%;
}

.li_carcat li {
    width: 49%;
    float: left;
    display: table;
    margin: 0.75% 0;
}

.li_carcat li:nth-child(even) {
    float: right;
}

.li_carcat li label {
    background: #f1f1f1 !important;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1)) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%) !important;
    background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%) !important;
    background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0) !important;
    border-radius: 5px;
    border: 1px solid #ccc;
    display: table-cell;
    padding: 2px 10px 2px 10px;
    font-weight: bold;
    font-size: 15px;
    height: 44px;
    vertical-align: middle;
    margin: 3px;
}

.li_carcat li label.active {
    background: #75c4ff !important;
}

.li_carcat li label input[type="checkbox"] {
    margin-right: 5px;
}

/*AT/MT選択*/
.li_atmt {
}

.li_atmt li {
    float: left;
    width: 33.3333%;
    text-align: center;
}

.li_atmt li label {
    background: #f1f1f1;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0);
    border: 1px solid #ccc;
    display: block;
    padding: 8px 0;
    font-weight: bold;
}

.li_atmt li.active label {
    background: #1e5799;
    background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a51de), color-stop(100%, #4083f3));
    background: -webkit-linear-gradient(top, #1a51de 0%, #4083f3 100%);
    background: -ms-linear-gradient(top, #1a51de 0%, #4083f3 100%);
    background: linear-gradient(to bottom, #1a51de 0%, #4083f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0);
    color: #fff;
}

.li_atmt li:first-child label {
    border-right: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.li_atmt li:last-child label {
    border-left: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.li_atmt li label input[type="radio"] {
    display: none;
}

.btn_smoke label {
    background: #f1f1f1 !important;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1)) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%) !important;
    background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%) !important;
    background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0) !important;
    border: 1px solid #ccc;
    display: block;
    padding: 8px 10px;
    font-weight: bold;
    border-radius: 5px;
}

.btn_smoke label.active {
    background: #75c4ff !important;
}

.border {
    border-bottom: 1px solid #ccc;
    margin: 15px 0;
}

.borderdot {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 15px;
}

/* 繝輔か繝ｼ繝�繝代�繝�畑蜈ｱ騾� */
.rentInput, .rentInput60, .rentInput20 {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    border-radius: 5px;
    font-size: 16px;
    margin-top: 5px;
    text-indent: 8px;
}

.rentInput20 {
    width: 20% !important;
}

.rentInput60 {
    width: 60% !important;
}

.rentCheck label {
    background: #f1f1f1 !important;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1)) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%) !important;
    background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%) !important;
    background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0) !important;
    border: 1px solid #ccc;
    display: block;
    padding: 8px 10px;
    font-weight: bold;
    border-radius: 5px;
    color: #cc0000;
    box-shadow: 1px 1px 3px #eee;
    -webkit-box-shadow: 1px 1px 3px #eee;
    -moz-box-shadow: 1px 1px 3px #eee;
}

.rentCheck label.active {
    background: #75c4ff !important;
}

.rentSelect_bg {
    background: #f1f1f1 !important;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1)) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%) !important;
    background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%) !important;
    background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0) !important;
    border-radius: 5px;
}

.rentSelect {
    width: 100%;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    border-radius: 5px;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*firefox*/
    text-indent: .01px;
    text-overflow: "";
    text-indent: 8px;
    background-image: url(/images/sp/bg_rent_select_arw.png);
    background-repeat: no-repeat;
    background-size: 24px 14px;
    -webkit-background-size: 24px 14px;
    background-position: right;
    border: 1px solid #ccc;
    background-color: inherit;
}

.rentSelectB {
    width: 100%;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    border-radius: 5px;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*firefox*/
    text-indent: .01px;
    text-overflow: "";
    text-indent: 8px;
    background-image: url(/images/sp/bg_rent_select_arw.png);
    background-repeat: no-repeat;
    background-size: 24px 14px;
    -webkit-background-size: 24px 14px;
    background-position: right;
    border: 1px solid #ccc;
    background-color: inherit;
}

/* : paging
--------------------------------------*/
.paging {
    margin-top: 15px;
}

.paging:before, .paging:after {
    content: " ";
    display: table;
}

.paging:after {
    clear: both;
}

/* : 検索結果
--------------------------------------*/
.title-cell {
    width: 65px;
    color: #fff;
    background: #000;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    background: -moz-linear-gradient(top, #444444 0%, #444444 49%, #3c3c3c 51%, #3c3c3c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(49%, #444444), color-stop(51%, #3c3c3c), color-stop(100%, #3c3c3c));
    background: -webkit-linear-gradient(top, #444444 0%, #444444 49%, #3c3c3c 51%, #3c3c3c 100%);
    background: -ms-linear-gradient(top, #444444 0%, #444444 49%, #3c3c3c 51%, #3c3c3c 100%);
    background: linear-gradient(to bottom, #444444 0%, #444444 49%, #3c3c3c 51%, #3c3c3c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#3c3c3c', GradientType=0)
}

/* : レンタカートップへ戻るボタン
--------------------------------------*/
.toRentTop {
    text-align: center;
}

.toRentTop span a {
    width: 190px; /*150px;*/
    margin: 15px auto 0 auto;
}

/* : ソートタブ
--------------------------------------*/
ul.sortBtn li {
    border: 1px solid #CCCCCC;
    border-right: none;
}

ul.sortBtn li:first-child {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-right: none;
}

ul.sortBtn li:last-child {
    border-right: 1px solid #CCCCCC;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-left: 1px solid #CCCCCC;
}

ul.sortBtn li a {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #d5d5d5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d5d5d5));
    background: -webkit-linear-gradient(top, #ffffff 0%, #d5d5d5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #d5d5d5 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #d5d5d5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d5d5d5', GradientType=0);
    display: inline-block;
    font-weight: bold;
    padding: 5px 8px;
    color: #000;
}

ul.sortBtn li.selected a {
    background: #1e5799;
    background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a51de), color-stop(100%, #4083f3));
    background: -webkit-linear-gradient(top, #1a51de 0%, #4083f3 100%);
    background: -ms-linear-gradient(top, #1a51de 0%, #4083f3 100%);
    background: linear-gradient(to bottom, #1a51de 0%, #4083f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0);
    color: #FFFFFF;
}

ul.sortBtn li:first-child a {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

ul.sortBtn li:last-child a {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

/* 蝟ｶ讌ｭ謇€隧ｳ邏ｰ蜀�ち繝� */
#braNavi {
    width: 100%;
    margin: 15px 0;
}

#braNavi1, #braNavi2 {
    float: left;
    width: 49%;
    border: 1px solid #CCCCCC;
    border-right: none;
}

#braNavi1 {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-right: none;
}

#braNavi1 a {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

#braNavi2 {
    border-right: 1px solid #CCCCCC;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-left: 1px solid #CCCCCC;
}

#braNavi2 a {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

#braNavi1 a, #braNavi2 a {
    border: 1px solid #ccc;
    font-weight: bold;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #d5d5d5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d5d5d5));
    background: -webkit-linear-gradient(top, #ffffff 0%, #d5d5d5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #d5d5d5 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #d5d5d5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d5d5d5', GradientType=0);
    padding: 10px;
    display: block;
    color: #000;
    text-align: center;
}

#braNavi1 a.menuon, #braNavi2 a.menuon {
    color: #fff;
    background: #1e5799;
    background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a51de), color-stop(100%, #4083f3));
    background: -webkit-linear-gradient(top, #1a51de 0%, #4083f3 100%);
    background: -ms-linear-gradient(top, #1a51de 0%, #4083f3 100%);
    background: linear-gradient(to bottom, #1a51de 0%, #4083f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0);
}

/* : テーブル
--------------------------------------*/
/*オプション選択テーブル*/
table.optionTbl td {
    min-height: 32px !important;
}

/*料金表示テーブル*/
table.table01 {
    width: 100%;
}

table.table01 tr {
}

table.table01 th {
    border: 1px solid #ccc;
    font-size: 14px;
    padding: 4px;
    background: #F7F7F2;
    text-align: center;
}

table.table01 td {
    padding: 4px;
    border: 1px solid #ccc;
    font-size: 14px;
    text-align: center;
}

/* : 車両タイプラベル
--------------------------------------*/
.cct_1, .cct_2, .cct_3, .cct_4, .cct_5, .cct_10, .cct_11 {
    color: #FFF;
    font-weight: bold;
    padding: 2px 4px;
    font-size: 12px;
    display: inline-block;
    margin: 2px 0;
}

.cct_1 {
    /* 乗用車 */
    background: #43991c;
}

.cct_2 {
    /* RV,ミニバン、ワゴン */
    background: #0b8a7f;
}

.cct_3 {
    /* マイクロバス */
    background: #081e8d;
}

.cct_4 {
    /* バン */
    background: #5d2f77;
}

.cct_5 {
    /* トラック */
    background: #922a41;
}

.cct_10 {
    /* エコカー */
    background: #c53431;
}

.cct_11 {
    /* 電気自動車 */
    background: #de8404;
}

/* : 利用規約
--------------------------------------*/
.kiyakuBox {
    border: 0;
    padding: 10px;
}

.kiyakuBox ol.numListA01 li {
    list-style-type: decimal;
    line-height: 1.5;
    background-image: none;
    padding-left: 0;
    border: none !important;
}

.kiyaku ol.numListA01 {
    margin: 0 20px;
}

/**/
.flightBoxC .saturday, .flightBoxC .sunday, .flightBoxC .holiday, .flightBoxC .holyday {
    display: inline !important;
}

.flightBoxC .saturday {
    color: #003399;
}

.flightBoxC .sunday {
    color: #cc0000;
}

.flightBoxC .holiday, .flightBoxC .holyday {
    color: #cc3333;
}

/* : マイページ
--------------------------------------*/
#mypagenavi {
}

#mypagenavi li {
    width: 50%;
    float: left;
}

#mypagenavi li a {
    background: #f1f1f1;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0);
    border: 1px solid #ccc;
    display: block;
    padding: 12px 0;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    color: #333;
}

#mypagenavi li.mypage_navi1_active a {
    background: #1e5799;
    background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a51de), color-stop(100%, #4083f3));
    background: -webkit-linear-gradient(top, #1a51de 0%, #4083f3 100%);
    background: -ms-linear-gradient(top, #1a51de 0%, #4083f3 100%);
    background: linear-gradient(to bottom, #1a51de 0%, #4083f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0);
    color: #fff;
}

#mypagenavi li:first-child a {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-right: none;
}

#mypagenavi li:last-child a {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

/* : メッセージ
--------------------------------------*/
/*エラーメッセージ*/
.cautionBox01 {
    border: 2px #cc0000 solid;
    border-radius: 5px;
    padding: 10px;
    margin: 15px 0;
    background: #FCEFEF;
    color: #cc0000;
    font-weight: bold;
    line-height: 1.3;
}

/*おしらせボックス*/
.rent_infoBox {
    padding: 10px;
    background: #FFFADC;
    line-height: 1.3;
}

.rent_infoBox02 {
    padding: 10px;
    background: #E4E4E4;
    line-height: 1.3;
}

.rent_infoBox03 {
    border-radius: 5px;
    background: #FCF6E6;
    border: 2px solid #DC751E;
    font-weight: bold;
    line-height: 1.3;
    padding: 10px;
}

/*resultList
--------------------------------------*/
.resultList__inner {
    box-shadow: 2px 2px 4px #D0D0D0;
    -webkit-box-shadow: 2px 2px 4px #D0D0D0;
    -moz-box-shadow: 2px 2px 4px #D0D0D0;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-top: 15px;
}

.resultList__shop .shop {
    background-color: #f7f6f1;
    border-radius: 4px 4px 0 0;
    color: #000;
    display: block;
    padding: 10px 25px 10px 10px;
    position: relative;
}

.resultList__shop .shop .shop__name {
    font-size: 14px;
}

.resultList__shop .shop:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 2px #9c9c9c;
    border-right: solid 2px #9c9c9c;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -5px;
}

.resultList__shop .resultList__shopInfo {
    background-color: #fff;
    border-top: 1px solid #ccc;
    padding: 10px;
}

.resultList__shop .resultList__shopInfo .resultList__shopAd {
    font-size: 12px;
    margin-bottom: 10px;
}

.resultList__shop .resultList__shopInfo .resultList__shopBt {
    text-align: right;
}

.resultList__shop .resultList__shopInfo .resultList__shopBt span {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0);
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    color: #0f0f69;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px 5px 20px;
    position: relative;
}

.resultList__shop .resultList__shopInfo .resultList__shopBt span:before {
    content: "";
    display: inline-block;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid #cd0404;
    position: absolute;
    left: 10px;
    top: 0;
    margin-top: 8px;
}


.resultList__shop .shop .shop__logo {
    margin-bottom: 10px;
}

.resultList__plan a.plan {
    background-color: #fff;
    border-top: 1px solid #ccc;
    color: #000;
    display: block;
    padding: 10px;
}

.resultList__plan.borderBottom a.plan {
    border-radius: 0 0 4px 4px;
}

.resultList__plan.borderBottom {
    border-bottom: 1px solid #ccc;
}

.resultList__plan .plan__carTypeInner {
    margin-bottom: 10px;
}

.resultList__plan .plan__carTypeInner .plan__carTypeTx {
    font-size: 12px;
    font-weight: bold;
}

.resultList__plan .plan__tblInner {
    display: table;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

.resultList__plan .plan__tblInner .plan__carImg {
    display: table-cell;
    vertical-align: top;
    width: 100px;
}

.resultList__plan .plan__tblInner .plan__name {
    display: table-cell;
    vertical-align: top;
    padding-left: 10px;
}

.resultList__plan .plan__tblInner .plan__mileIcon span {
    background-color: #f39800;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 10px;
    margin-bottom: 5px;
}

.resultList__plan .plan__tblInner .plan__name h1 {
    color: #0f0f69;
    margin-bottom: 5px;
    line-height: 22px;
}

.resultList__plan .plan__tblInner .plan__name .plan__period {
    font-size: 11px;
}

@media screen and (min-width: 360px) {
    .resultList__plan .plan__tblInner .plan__name .plan__period .br {
        display: none;
    }
}

.resultList__plan .plan__opInner {
    border-collapse: collapse;
    margin-bottom: 10px;
    width: 100%;
}

.resultList__plan .plan__opInner th {
    background: #f7f7f7;
    border: 1px solid #ccc;
    vertical-align: middle;
    padding: 5px;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    width: 80px;
}

.resultList__plan .plan__opInner td {
    border: 1px solid #ccc;
    vertical-align: middle;
    padding: 5px;
    font-size: 14px;
}

.resultList__plan .plan__tblInner .plan__price {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.resultList__plan .plan__tblInner .plan__price .plan__priceInner {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.resultList__plan .plan__tblInner .plan__price .plan__priceInner .plan__priceItem {
    display: inline-block;
    color: #bc2626;
    font-size: 12px;
    font-weight: bold;
    width: 55px;
    vertical-align: middle;
}

.resultList__plan .plan__tblInner .plan__price .plan__priceInner .plan__priceOut {
    position: relative;
    display: inline-block;
}

.resultList__plan .plan__tblInner .plan__price .plan__priceInner .plan__priceOut .plan__priceNum {
    color: #bc2626;
    font-size: 16px;
    font-weight: bold;
}

@media screen and (min-width: 425px) {
    .resultList__plan .plan__tblInner .plan__price .plan__priceInner .plan__priceOut .plan__priceNum {
        font-size: 18px;
    }
}

.resultList__plan .plan__tblInner .plan__price .plan__priceInner .plan__priceOut .plan__mileInner {
    position: absolute;
    bottom: 0;
    margin-bottom: -21px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.resultList__plan .plan__tblInner .plan__price .plan__priceInner .plan__priceOut .plan__mileNum {
    font-weight: bold;
    background-color: #464646;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    padding: 1px 10px;
    position: relative;
    white-space: nowrap;
}

.resultList__plan .plan__tblInner .plan__price .plan__priceInner .plan__priceOut .plan__mileNum:before {
    content: "";
    display: inline-block;
    border: 8px solid transparent;
    border-bottom-color: #464646;
    position: absolute;
    right: 50%;
    top: 0;
    margin-top: -15px;
    margin-right: -8px;
}

.resultList__plan .plan__tblInner .plan__reserveBt {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    width: 110px;
}

.resultList__plan .plan__tblInner .plan__reserveBt div {
    background: #df0000;
    background: -moz-linear-gradient(top, #df0000 0%, #df0000 50%, #b80000 51%, #da0000 100%);
    background: -webkit-linear-gradient(top, #df0000 0%, #df0000 50%, #b80000 51%, #da0000 100%);
    background: linear-gradient(to bottom, #df0000 0%, #df0000 50%, #b80000 51%, #da0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#df0000', endColorstr='#da0000', GradientType=0);
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 #ef8080;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 #ef8080;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 #ef8080;
    border: 1px solid #b30000;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    text-decoration: none;
    text-align: center;
}

.resultList__moreLink a {
    background-color: #f7f7f7;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #ccc;
    color: #0f0f69;
    display: block;
    font-size: 14px;
    padding: 20px 0;
    text-align: center;
}

.resultList__moreLink a span {
    position: relative;
    padding-left: 15px;
}

.resultList__moreLink a span:before {
    content: "";
    display: inline-block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #cd0404;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 5px;
}

img.left {
    float: left;
    margin: 0 15px 0 0;
}

/*  : clear
-----------------------------*/
.clear {
    clear: both !important;
}

/* : 営業所フィルタ
--------------------------------------*/
.branch_filter {
    color: #FFF;
    font-weight: bold;
    padding: 2px 4px;
    font-size: 12px;
    display: inline-block;
    background: #46b5e3;
    margin: 2px 0;
}

.redtxt, .red {
    color: #cc0000 !important;
}


/* : 検索モジュール_sites移行
--------------------------------------*/

.search_box_wrap {
　background-color: #f5f4f3;
}
.search_box {
 padding: 30px 25px;
 background-color: #f5f4f3;
}
.search_box_ttl {
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 20px;
}
.search_list:not(:first-child) {
    margin-top: 30px;
}
.search_inr_ttl {
    width: auto;
    text-align: left;
    padding-bottom: 10px;
    font-weight: bold;
    color: #282f39;
}
.search_inr_item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.search_inr_item.search_inr_radio, .search_inr_item.search_inr_check {
    align-items: flex-start;
}
.search_inr_block .search_inr_item:not(:first-child) {
    margin-top: 20px;
}
.search_radio_wrap, .search_check_wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.search_radio, .search_check {
    padding-right: 20px;
}
.search_inr_radio_select {
    width: 100%;
    margin: 10px 0 0;
}
.search_mdl {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.15);
    background: #fff;
}
.search_date_calnendar.search_mdl {
    display: flex;
    align-items: center;
    width: 280px;
    margin-right: 10px;
    padding-left: 16px;
    background-color: #fff;
}
.search_date_time.search_mdl {
   /* width: 120px;*/
}
.search_inr_radio_select .search_mdl {
    min-width: 155px;
}
.search_inr_radio_select .search_mdl:not(:first-child) {
    margin-left: 10px;
}
.search_mdl_ttl {
    min-width: 74px;
    font-weight: bold;
    padding-right: 10px;
}
.search_mdl_inr, .search_mdl select {
    position: relative;
    width: 100%;
    min-height: 47px;
    padding: 13px 16px;
    border: none;
    font-size: 1.4rem;
}
.search_date_calnendar.search_mdl .search_mdl_inr {
    padding: 13px 16px 13px 10px;
    background: #fff url(/jp/ja/commonY20/img_sites/icon/calendar.png) right 16px center no-repeat;
}
.search_date_time.search_mdl .search_mdl_inr {
    font-size: 1.6rem;
}
.search_date_time.search_mdl .search_mdl_inr, .search_mdl select {
    padding: 13px 36px 13px 16px;
    background: #fff url(/jp/ja/commonY24/img_sites/icon_arrow_btm_red_01.png) right 16px center no-repeat;
}
.dom_option_rentacar_btn .btn {
    cursor: pointer;
    background: #c00 url(/jp/ja/commonY20/img_sites/icon_link_arrow_wt.svg) right 16px center no-repeat;
}
.rentacar_info {
    margin-top: 30px;
}
.rentacar_info_ttl {
    margin-bottom: 4px;
    font-size: 1.6rem;
}
.rentacar_info .rentacar_info_ttl:nth-of-type(n+2) {
    margin-top: 20px;
}

/*calender*/
div#JS_calBlock {
    z-index: 10012;
    width: 100%;
}
article.cal {
    margin-top: 0 !important;
    width: 100%;
    background: #fff;
    border: 1px solid #aaa;
    box-sizing: border-box;
    font-family: sans-serif;
}
article.cal > h1 {
    background: #ddd;
    padding: 8px;
}
article.cal .moduleInner {
    padding: 0 5px;
}
article.cal .monthSelect {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 5px;
}
article.cal .monthSelect a {
    min-width: 60px;
}
article.cal .monthSelect p {
    text-align: center;
    padding: 6px;
    font-size: 18px;
}
article.cal p.arrowWrap {
    display: block;
}
article.cal .monthSelect p:first-child, article.cal .monthSelect p:last-child {
    border: 1px solid #aaa;
}
span.arrowL01, span.arrowR01 {
    margin: 0 0.25em;
    border: 6px;
    border-style: solid;
    width: 0;
    height: 0;
    display: inline-block;
}
span.arrowL01 {
    border-color: transparent #333 transparent transparent;
    border-left: none;
}
span.arrowR01 {
    border-color: transparent transparent transparent #333;
    border-right: none;
}
article.cal table.calTable {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
    margin-top: 5px;
}
article.cal table.calTable th, article.cal table.calTable td {
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    text-align: center;
}
article.cal table.calTable td {
    height: 36px;
    background: #fff;
}
article.cal table.calTable th, article.cal table.calTable td a {
    padding: 10px;
}
article.cal table.calTable td a {
    display: block;
    color: #333;
}
article.cal table.calTable .today a {
    font-weight: bold !important;
    background: #d6d6d6;
}
article.cal table.calTable th:nth-child(1), article.cal table.calTable td:nth-child(1) a, article.cal table.calTable .holiday a {
    /*color: #cc0000 !important;*/
    background: #fae7e7!important;
}
article.cal table.calTable th:nth-child(7), article.cal table.calTable td:nth-child(7) a {
    /*color: #0000ff;*/
    background: #e7f5fa;
}
article.cal table.calTable td span.unSelect {
    padding: 10px;
    color: #ccc;
    display: block;
}
article.cal p.calCloseBtn {
    text-align: center;
    margin-top: 10px;
    background: #ddd;
    padding: 5px 8px;
}
article.cal p.calCloseBtn a {
    display: inline-block !important;
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 5px 8px;
    color: #333;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e5e5e5));
    background: -webkit-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: -o-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: -ms-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}
article.cal p.calCloseBtn a span {
    background: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/option/rentacar/img_sites/icon_cal_close.png) no-repeat 0 4px;
    background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    padding-left: 18px;
}
@media (min-width: 740px) {
    div#JS_calBlock {
        width: 400px;
        left: 50%!important;
        transform: translateX(-50%);
    }
}
@media (max-width: 739px) {
    .search_box {
        padding: 20px 10px;
    }
    .wid100P_sp {width: 100%;}
    .search_inr_item {
        display: block;
    }
    .search_date_time.search_mdl {
        margin-top: 10px;
    }
    .search_inr_radio_select .search_mdl:not(:first-child) {
        margin: 10px 0 0 0;
    }
    .search_inr_radio_select .search_mdl {
        display: block;
        width: max-content;
    }
    .rentacar_info_ttl {
        font-size: 1.8rem;
    }
    .rentacar_info .rentacar_info_ttl:nth-of-type(n+2) {
        margin-top: 10px;
    }

}

/* : accordion
--------------------------------------*/
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
    cursor: pointer;
}
.accordion {
    position: relative;
}
.accordion__btn {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
}
.accordion__title {
    position: relative;
    margin-right: 24px;
    font-size: 1.6rem;
}
.accordion__btn .accordion__title::before,
.accordion__btn .accordion__title::after {
    content:'';
    position:absolute;
    right:-24px;
    width:14px;
    height:2px;
    background-color:#000;
    top:50%;
}
.accordion__btn .accordion__title::before {
    transition: transform 0.5s linear;
    transform:translateY(0) rotate(90deg);
    }
.accordion__btn.is-active .accordion__title::before {
    transform:translateY(0) rotate(0deg);
}
.accordion__panel {
    display: none;
    position: relative;
    padding: 20px 0 0;
}