@charset "UTF-8";

/*---------------------------------------------------------------
sp_license
---------------------------------------------------------------*/
@media screen and (max-width:1023px) {
.mod-car-image { top:-20px !important; height:auto !important; text-align:center; }
.mod-car-image img { width:100%; height:auto; max-width:710px; }

.mod-main-box h2 + p + ul.mod-list-float { border-top:1px solid #ccc; }
.mod-main-box h2 + p + ul.mod-list-float li { border-bottom:1px solid #ccc; }
.mod-main-box h2 + p + ul.mod-list-float li a {
background-color:#ffe8a7;
background-image:url("../../../images/sp/common/i_ar_gray.png");
background-repeat: no-repeat;
background-position: 98% center;
background-size:9px 12px;
color:#333;
display:block;
padding:20px;
text-align:left;
position:relative;
text-decoration:none;
width:100%;
}
.mod-main-box h2 + p + ul.mod-list-float li a:after { content:attr(data-label); }
.mod-main-box h2 + p + ul.mod-list-float li a img { display:none; }

.mod-car-plan {}
.mod-car-plan p { line-height:1.6; }
.mod-car-plan p span { display:block !important; }

.mod-car-plan .frame { background-image:none; }
.mod-car-plan .frame div { width:100% !important; height:auto !important; }
.mod-car-plan .frame div img { width:100%; height:auto; }
.mod-car-plan .frame div a { display:block; }
.mod-car-plan .frame div a img { position:relative; margin:0 auto; text-align:center; left:50% !important; margin-left:-144px; width:289px !important; height:auto !important; }

.mod-car-plan p img { width:100%; height:auto; }
.mod-car-plan h3#ancPrice + p { text-align:center; }
.mod-car-plan h3#ancPrice + p span { display:none !important; }
.mod-car-plan h3#ancPrice + p + span { display:block !important; }
 .mod-car-plan h3#ancPrice + p img { max-width:710px; text-align:center; margin:0 auto; }
 
.mod-car-plan .frame .mod-car-plan-list { letter-spacing:-.40em; }
.mod-car-plan .frame .mod-car-plan-list li { display:inline-block; float:none; letter-spacing:-.40em; padding:0 2% 10px 2%; width:50%; vertical-align:top; text-align:center; margin:0 auto; }
.mod-car-plan .frame .mod-car-plan-list li.child-4 { margin-left: 0 !important; }
.mod-car-plan .frame .mod-car-plan-list li img { width:100%; height:auto; max-width:230px; text-align:center; margin:0 auto; }
.mod-car-plan .frame .mod-car-plan-fig { position:relative; left:0; top:0; }
.mod-car-plan .frame .mod-car-plan-fig img { max-width:104px; height:auto; }

.mod-head#ancFlow { margin-top:10px !important; }
.mod-head#ancFlow + p { text-align:center; }
.mod-head#ancFlow + p img { max-width:710px; text-align:center; margin:0 auto; }

.mod-box-345pink-btm .mod-bg-pink h4 img { width:100%; height:auto; max-width:42px; }
.mod-box-345blue-btm .mod-bg-blue h4 img { width:100%; height:auto; max-width:42px; }


#ancTimetable + p { text-align:center; }
#ancTimetable + p img { max-width:710px; text-align:center; margin:0 auto; }

/*
.mod-car-plan .frame .mod-car-plan-list { letter-spacing:-.40em; }
.mod-car-plan .frame .mod-car-plan-list li { display:inline-block; float:none; letter-spacing:-.40em; padding:0 2% 10px 2%; width:50%; vertical-align:top; text-align:center; margin:0 auto; }
.mod-car-plan .frame .mod-car-plan-list li.child-4 { margin-left: 0; }
.mod-car-plan .frame .mod-car-plan-list li img { width:100%; height:auto; max-width:230px; text-align:center; margin:0 auto; }
.mod-car-plan .frame .mod-car-plan-fig { position:relative; left:0; top:0; }
.mod-car-plan .frame .mod-car-plan-fig img { max-width:104px; height:auto; }
*/

/*---------------------------------------------------------------
bike
---------------------------------------------------------------*/
.mod-bike-image {
top: -20px !important;
height: auto !important;
} 
.mod-bike-image img { width:100%; height:auto; max-width:710px; }
.mod-main-box ul li { text-align:center; }
.mod-main-box ul li img { width:100%; height:auto; max-width:100%; max-width:710px; }
/*.mod-main-box ul li span { display:none !important; }*/
.mod-main-box  > p img { width:100%; height:auto; }
.mod-main-box h4 img { width:100%; height:auto; }
.mod-main-box .fr.w65p { float:none; width:100% !important; text-align:center; }
.mod-main-box .fr.w65p p a img { max-width:300px; margin:0 auto; height:auto; padding-bottom:10px; }

.mod-list-3col .mod-list-3col-item { padding:0 5px 10px 0; }
.mod-list-3col .mod-list-3col-item { text-align:center; }
.mod-list-3col .mod-list-3col-item img { width:100%; height:auto; max-width:224px; }

.mod-main-box h3#ancPrice + ul li span { display:none !important; }


/*---------------------------------------------------------------
signup
---------------------------------------------------------------*/
.signup h3.mod-head { margin:15px 0 0; }
.signup .mod-list-inline { letter-spacing:-.40em; }
.signup .mod-list-inline li { display:inline-block; letter-spacing:normal; margin-right:0; margin: 0 auto 20px; text-align:center; vertical-align:top; width:50%; }
.signup .mod-list-inline li:nth-child(3) { margin:0 auto; }
.signup .mod-list-inline li:nth-child(4) { margin:0 auto; }
.signup .mod-list-inline li img { max-width:170px; }

.signup .mod-main-box ol.mod-list-number {}
.signup .mod-main-box ol.mod-list-number + h3 {}
.signup .mod-main-box ol.mod-list-number + h3 + div {}
.signup .mod-main-box ol.mod-list-number + h3 + div p { text-align:center; margin:20px auto 0; }
.signup .mod-main-box ol.mod-list-number + h3 + div p:first-child { margin:0 auto; }
.signup .mod-main-box ol.mod-list-number + h3 + div p:first-child img { width:100%; height:auto; max-width:215px; }
.signup .mod-main-box ol.mod-list-number + h3 + div p:nth-child(2) img { width:100%; height:auto; max-width:135px; }
.signup .mod-main-box ol.mod-list-number + h3 + div p.fl { float:none !important; }
.signup .mod-main-box ol.mod-list-number + h3 + div p.fr { float:none !important; }

.mod-car2nd-image {
position: relative;
height:auto;
max-height: 300px;
width:auto;
top:-20px;
}

/*---------------------------------------------------------------
faq
---------------------------------------------------------------*/
.faq .mod-main-box ul li span { display:block !important; }
.faq .mod-list-faq { margin:10px 0 0; }
.faq .mod-list-faq .list-item dl dt { letter-spacing:-.40em; padding:0 10px; }
.faq .mod-list-faq .list-item dl dt span { display:inline-block !important; letter-spacing:normal; vertical-align:middle; }
.faq .mod-list-faq .list-item dl dt span.icon { width:15%;  float:none !important; margin-right:0 !important; }
.faq .mod-list-faq .list-item dl dt span.icon img { max-width:37px; height:auto; }
.faq .mod-list-faq .list-item dl dt span.body { width:85%; padding:10px 20px 10px 0; background: url("/license/images/i_faq_open.gif") no-repeat right center; }

.faq .mod-list-inline { letter-spacing:-.40em; }
.faq .mod-list-inline li { display:inline-block; letter-spacing:normal; margin-right:0; margin: 0 auto 20px; text-align:center; vertical-align:top; width:50%; }
.faq .mod-list-inline li:nth-child(3) { margin:0 auto; }
.faq .mod-list-inline li:nth-child(4) { margin:0 auto; }
.faq .mod-list-inline li img { max-width:173px; }

/*---------------------------------------------------------------
invitation
---------------------------------------------------------------*/
.invitation .catch {}
.invitation .catch h4 {}
.invitation .catch h4 img { max-width:430px; height:auto; width:100%; }
.invitation .present { margin-top:0; }
.invitation .present dt {}
.invitation .present dt img { width:100%; height:auto; }
.invitation .present dd img { width:100%; height:auto; }

/*---------------------------------------------------------------
option
---------------------------------------------------------------*/
.option {}
.option .mod-main-box {}
.option .mod-main-box h2 {}
.option .mod-main-box h2 + p { padding-right:20px; }
.option .mod-main-box h2 + p img { width:100%; height:auto; max-width:406px; }

.option .mod-option-ancher {}
.option .mod-option-ancher { }
.option .mod-option-ancher .mod-option-ancher-list { letter-spacing:-.40em; margin:0 auto; }
.option .mod-option-ancher li { width:48%; display:inline-block; letter-spacing:normal; float:none; margin:15px 0 0 0; text-align:center; }
.option .mod-option-ancher li:nth-child(odd) { margin-right:4%; }
.option .mod-option-ancher li:nth-child(4) { margin:0; }
.option .mod-option-ancher li img { width:100%; height:auto; max-width:100%; }
.option .mod-option-ancher-fig { position:relative; margin:15px auto 0; text-align:center; left:0; }
.option h3#ancSafety {}
.option h3#ancSafety + div { text-align:center; }
.option h3#ancSafety + div p { text-align:left; }
.option h3#ancSafety + div p.fl { float:none !important; text-align:center; margin:0 auto !important; width:100% !important; }
.option h3#ancSafety + div p.fl img { width:50%; height:auto; max-width:174px; text-align:center; margin:0 auto; }
.option h3#ancSafety + div p +p { margin-top:10px !important; }
.option h3#ancSafety + div p + p img { width:100%; height:auto; max-width:304px; }
.option h3#ancSafety + div div.w68p { width:100% !important; float:none !important; margin-top:10px; }
.option h3#ancSafety + div div.w68p ul.mod-list-indent { text-align:left; }
.option h3#ancSafety + div div.w68p ul.mod-list-indent li { text-align:left; }
.option h3#ancSafety + div div.w68p h4 { text-align:left; }
.option h3#ancSafety + div p + ul.mod-list-inline { letter-spacing:-.40em; }
.option h3#ancSafety + div p + ul.mod-list-inline li { display:inline-block; letter-spacing:normal; vertical-align:middle; }
.option h3#ancSafety + div p + ul.mod-list-inline li:first-child { width:23%; margin-right:2% !important; }
.option h3#ancSafety + div p + ul.mod-list-inline li:nth-child(2) { width:23%; margin-right:2% !important; }
.option h3#ancSafety + div p + ul.mod-list-inline li:nth-child(3) { width:50%; margin-right:0 !important; }
.option h3#ancSafety + div p + ul.mod-list-inline li:first-child img { min-width:48px; max-width:95px; width:100%; height:auto; }
.option h3#ancSafety + div p + ul.mod-list-inline li:nth-child(2) img { min-width:48px; max-width:95px; width:100%; height:auto; }
.option h3#ancSafety + div p + ul.mod-list-inline li:nth-child(3) img { min-width:96px; max-width:193px; width:100%; height:auto; }
.option h3#ancSafety + div p + ul + p + ul li { margin-top:20px; text-align:center; }
.option h3#ancSafety + div p + ul + p + ul li img { max-width:480px; width:100%; height:auto; margin:0 auto; text-align:center; }

.option h3#ancShort {}
.option h3#ancShort + div p { float:none !important; }
.option h3#ancShort + div p.fl { float:none !important; width:100% !important; margin:0 auto !important; text-align:center; }
.option h3#ancShort + div p.fl img { width:50%; height:auto; max-width:174px; text-align:center; margin:0 auto; }
.option h3#ancShort + div div.w68p { width:100% !important; float:none !important; margin-top:10px; }
.option h3#ancShort  + div p + ul.mod-list-inline li:first-child { width:23%; margin-right:2% !important; }
.option h3#ancShort  + div p + ul.mod-list-inline li:nth-child(2) { width:23%; margin-right:2% !important; }
.option h3#ancShort  + div p + ul.mod-list-inline li:nth-child(3) { width:50%; margin-right:0 !important; }
.option h3#ancShort  + div p + ul.mod-list-inline li:first-child img { min-width:48px; max-width:95px; width:100%; height:auto; }
.option h3#ancShort  + div p + ul.mod-list-inline li:nth-child(2) img { min-width:48px; max-width:95px; width:100%; height:auto; }
.option h3#ancShort  + div p + ul.mod-list-inline li:nth-child(3) img { min-width:96px; max-width:193px; width:100%; height:auto; }
.option h3#ancShort + div p + ul + p + ul li { margin-top:20px; text-align:center; }
.option h3#ancShort + div p + ul + p + ul li img { max-width:480px; width:100%; height:auto; margin:0 auto; text-align:center; }

.option h3#ancReserve {}
.option h3#ancReserve + div p.fl { float:none !important; width:100% !important; margin:0 auto !important; text-align:center; }
.option h3#ancReserve + div p.fl img { width:50%; height:auto; max-width:174px; text-align:center; margin:0 auto; }
.option h3#ancReserve + div div.w68p { width:100% !important; float:none !important; margin-top:10px; }
.option h3#ancReserve  + div p + ul.mod-list-inline li:first-child { width:23%; margin-right:2% !important; }
.option h3#ancReserve  + div p + ul.mod-list-inline li:nth-child(2) { width:23%; margin-right:2% !important; }
.option h3#ancReserve  + div p + ul.mod-list-inline li:nth-child(3) { width:50%; margin-right:0 !important; }
.option h3#ancReserve  + div p + ul.mod-list-inline li:first-child img { min-width:48px; max-width:95px; width:100%; height:auto; }
.option h3#ancReserve  + div p + ul.mod-list-inline li:nth-child(2) img { min-width:48px; max-width:95px; width:100%; height:auto; }
.option h3#ancReserve  + div p + ul.mod-list-inline li:nth-child(3) img { min-width:96px; max-width:193px; width:100%; height:auto; }
.option h3#ancReserve + div p + ul + p + ul li { margin-top:20px; text-align:center; }
.option h3#ancReserve + div p + ul + p + ul li img { max-width:480px; width:100%; height:auto; margin:0 auto; text-align:center; }

.option h3#ancFullorder {}
.option h3#ancFullorder + div p.fl { float:none !important; width:100% !important; margin:0 auto !important; text-align:center; }
.option h3#ancFullorder + div p.fl img { width:50%; height:auto; max-width:174px; text-align:center; margin:0 auto; }
.option h3#ancFullorder + div div.w68p { width:100% !important; float:none !important; margin-top:10px; }
.option h3#ancFullorder  + div p + ul.mod-list-inline li:first-child { width:23%; margin-right:2% !important; }
.option h3#ancFullorder  + div p + ul.mod-list-inline li:nth-child(2) { width:23%; margin-right:2% !important; }
.option h3#ancFullorder  + div p + ul.mod-list-inline li:nth-child(3) { width:50%; margin-right:0 !important; }
.option h3#ancFullorder  + div p + ul.mod-list-inline li:first-child img { min-width:48px; max-width:95px; width:100%; height:auto; }
.option h3#ancFullorder  + div p + ul.mod-list-inline li:nth-child(2) img { min-width:48px; max-width:95px; width:100%; height:auto; }
.option h3#ancFullorder  + div p + ul.mod-list-inline li:nth-child(3) img { min-width:96px; max-width:193px; width:100%; height:auto; }
.option h3#ancFullorder + div p + ul + p + ul li { margin-top:20px; text-align:center; }
.option h3#ancFullorder + div p + ul + p + ul li img { max-width:480px; width:100%; height:auto; margin:0 auto; text-align:center; }
.option h3#ancFullorder + div div.w68p h4 + p + ul + p + ul + p + p {}
.option h3#ancFullorder + div div.w68p h4 + p + ul + p + ul + p + p img { max-width:397px; width:100%; height:auto; }


.option h3#ancSemiorder {}
.option h3#ancSemiorder + div p.fl { float:none !important; width:100% !important; margin:0 auto !important; text-align:center; }
.option h3#ancSemiorder + div p.fl img { width:50%; height:auto; max-width:174px; text-align:center; margin:0 auto; }
.option h3#ancSemiorder + div div.w68p { width:100% !important; float:none !important; margin-top:10px; }
.option h3#ancSemiorder  + div p + ul.mod-list-inline li:first-child { width:23%; margin-right:2% !important; }
.option h3#ancSemiorder  + div p + ul.mod-list-inline li:nth-child(2) { width:75%; margin-right:0 !important; }
.option h3#ancSemiorder  + div p + ul.mod-list-inline li:first-child img { min-width:48px; max-width:95px; width:100%; height:auto; }
.option h3#ancSemiorder  + div p + ul.mod-list-inline li:nth-child(2) img { min-width:96px; max-width:193px; width:100%; height:auto; }
.option h3#ancSemiorder + div p + ul + p + ul li { margin-top:20px; text-align:center; }
.option h3#ancSemiorder + div p + ul + p + ul li img { max-width:480px; width:100%; height:auto; margin:0 auto; text-align:center; }

.option h3#ancFullorder + div div.w68p h4 + p + ul + p + ul + p + p img { max-width:397px; width:100%; height:auto; }


/*---------------------------------------------------------------
trial
---------------------------------------------------------------*/
.trial {}
.trial .mod-main-box {}
.trial .mod-main-box div { text-align:center; height:auto !important; }
.trial .mod-main-box .w50p { float:none !important; width:100% !important; text-align:left; margin-bottom:20px; }
.trial  .mod-main-box .w50p + img { float:none !important; margin:0 auto; text-align:center; max-width:307px; height:auto; }
.trial .mod-main-box div p { text-align:left; }
.trial .mod-main-box ul li span { display:inline-block !important; }

.trial input,
.trial button,
.trial textarea,
.trial select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
}

.trial pre.errorMsg { white-space:normal; }

.trial input[type="text"] {
border:1px solid #999;
background-color:#fff; 
padding:10px;
font-size:1.5em;
margin-bottom:5px;
font-size:116%;
color:#000;
outline: none;
}
.trial textarea { border:1px solid #999; }
.trial input[type="radio"]  + label { font-size:116%; color:#000; }
.trial input[type="checkbox"]  + label { font-size:116%; color:#000; }
.trial select {
border-radius:3px;
position: relative;
max-width: 100%;
outline: none;
text-overflow: '';
background:#fff;
background-image: url(/images/sp/common/i_ar_blk.png);
background-position: 90% center;
background-repeat: no-repeat;
background-size:9px 6px;
vertical-align: middle;
font-size: inherit;
color: inherit;
padding: 10px 30px 10px 10px;
border: 1px solid #B3B3B3;
font-size:116%;
color:#000;
}
.trial select::-ms-expand { display: none; }

.trial .mod-main-box { padding:10px 10px 30px; }
.trial .mod-main-box h2 + p + div + form h3 + p + p + p + ul li:nth-child(5) dl dd select { background:none; padding: 10px 10px 10px 10px; }
.trial .mod-main-box ul li:nth-child(5) dl dd select { background:none; padding: 10px 10px 10px 10px; }

.trial .mod-list-tb { border-bottom:none; }

.trial input#edit { margin-bottom:20px; }
.trial input#commit { margin-bottom:20px; }




}