@charset 'UTF-8';

body {
-webkit-print-color-adjust: exact;
}

.sitebar__wrap .sitebarCassette__left .site__name a,
.sitebar__wrap .sitebarCassette__left .site__name a:hover,
.sitebar__wrap .sitebarCassette__left .site__name a:active,
.sitebar__wrap .sitebarCassette__left .site__name a:visited {
    pointer-events: none;
    text-decoration: none !important;
}

.navCassette,
.middleCassette--right,
.gMylist,
.sitebarCassette__right {
	display: none !important;
}

input:hover {
	cursor: pointer;
	opacity: 0.8;
}

.pl-wrapper {
	width: 980px;
	margin: 0 auto;
	padding: 30px 0 0;
}

/*枠*/
.pl-frame {
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 10px 20px 30px;
	margin-bottom: 30px;
}

/*見出し*/
.pl-heading {
	position: relative;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
	border-bottom: 4px solid #003894;
	margin-bottom: 20px;
}

.pl-frame__title {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	border-bottom: 2px solid #59bded;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}

/* ボタン
--------------------------------------------------------- */
button:hover {
	cursor: pointer;
	opacity: .7;
	-webkit-transition-property: opacity;
	        transition-property: opacity;
	-webkit-transition-duration: .2s;
	        transition-duration: .2s;
}

.pl-heading__button {
	font-size: 16px;
	position: absolute;
	right: 20px;
	bottom: 3px;
	width: 130px;
	color: #fff;
	background: -webkit-linear-gradient(#486ead, #003894);
	background:         linear-gradient(#486ead, #003894);
	border: 1px solid #003894;
	border-radius: 4px;
	padding: 8px 5px 8px 36px;
	letter-spacing: 1px;
}

.pl-heading__button:before {
	content: '';
	background-image: url(/car/search/img/ico_printer.png);
	width: 25px;
	height: 21px;
	position: absolute;
	top: 21%;
	left: 10%;
}

.pl-frame__button.\--lead {
	display: block;
	position: absolute;
	right: 0;
	bottom: 5px;
	color: #303030;
	font-size: 16px;
	text-align: left;
	border-radius: 4px;
	border: 1px solid #bebebe;
	box-shadow: 1px 1px #bebebe;
	padding: 2px 27px 0 10px;
	letter-spacing: 1px;
	background: #efefef;
	text-decoration: none;
}

.pl-frame__button.\--lead:hover {
	text-decoration: none;
	color: #303030;
	opacity: .7;
	-webkit-transition-duration: .2s;
	        transition-duration: .2s;
}

.pl-frame__button.\--lead:after {
	content: '';
	background-image: url(/car/search/img/ui__arrow-lead.png);
	width: 16px;
	height: 10px;
	position: absolute;
	top: 35%;
	right: 4%;
}

/*営業所ボタン*/
.pl-column__button.\--map a {
	position: absolute;
	right: 0;
	bottom: 50%;
	font-size: 18px;
	font-weight: bold;
	line-height: 2.5;
	width: 225px;
	color: #fff;
	background: -webkit-linear-gradient(#72d0fe, #59bdee);
	background:         linear-gradient(#72d0fe, #59bdee);
	border-radius: 4px;
	border: 1px solid #59bdee;
	padding-left: 55px;
	margin-bottom: -23px;
	letter-spacing: 2px;
	text-decoration: none;
}

.pl-column__button.\--map a:hover {
	opacity: 0.8;
}

.pl-column__button.\--map a:before {
	content: '';
	background-image: url(/car/search/img/ui__arrow-map.png);
	width: 14px;
	height: 21px;
	position: absolute;
	top: 28%;
	right: 4%;
}

.pl-column__button.\--map a:after {
	content: '';
	background-image: url(/car/search/img/ico__map.png);
	width: 38px;
	height: 35px;
	position: absolute;
	top: 12%;
	left: 4%;
}

/*表*/
.pl-column {
	border-bottom: 1px solid #ccc;
	display: -webkit-box;
	display: -webkit-flex;
	display:         flex;
}

.pl-column:nth-of-type(3),
.pl-column:nth-of-type(4) {
    min-height: 62px;
}

.pl-column__caption {
	width: 165px;
	background-color: #efefef !important;
	font-weight: bold;
	display: -webkit-box;
	display: -webkit-flex;
	display:         flex;
	-webkit-align-content: center;
	        align-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
	padding: 3px 0 3px 20px;
}

.pl-column__description01 {
	display: -webkit-flex;
	display: flex;
    -webkit-align-items: center;
    align-items: center;
	position: relative;
	width: 775px;
	padding: 3px 0 3px 20px;
}

.pl-column:nth-of-type(8) .pl-column__description01 {
    -webkit-flex-direction: column;
    flex-direction: column;
}

.pl-column__description02 {
	display: -webkit-flex;
	display: flex;
    -webkit-align-items: center;
    align-items: center;
	width: 285px;
	padding: 3px 0 3px 20px;
}

.pl-column.\--count {
	font-size: 18px;
}

.pl-column__caption.\--count {
	font-size: 18px;
	padding-top: 17px;
	padding-bottom: 17px;
}

.pl-column__text {
	width: 450px;
}

/*ご利用料金*/
.pl-column__underline {
	border-bottom: 1px solid #ccc;
	padding: 3px 15px 3px 0;
	font-weight: bold;
}

.pl-column__underline:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.pl-column__underline span {
	width: 140px;
    display: inline-block;
    text-align: right;
}

.pl-column__underline span:first-child {
	width: 428px;
    display: inline-block;
    text-align: left;
}

.pl-column__wrap {
	width: 724px;
	margin: 0 auto;
}

.pl-column__option {
	display: -webkit-box;
	display: -webkit-flex;
	display:         flex;
	border-bottom: 1px solid #ccc;
	margin: 0 auto;
	padding: 3px 15px 3px 36px;
    line-height: 1.4;
}

.pl-column__wrap:last-of-type .pl-column__option {
    border-bottom: none;
}

.pl-column__option div {
	width: 140px;
    text-align: right;
}

.pl-column__option div:first-child {
	width: 392px;
    text-align: left;
}

.pl-column__number {
	padding: 3px;
    line-height: 1.4;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}

/* 2024-08 クーポン機能追加 {*/
/*小計*/
.pl-column__coupon_subtotal {
	/*横幅が428pxなのでpaddingとwidthを計算する事
	width: 248px;
	display: inline-block;*/
	padding-left: 180px;
}
/* 2024-08 クーポン機能追加 }*/

.border-none {
	border-bottom: none;
}

/*合計金額*/
.pl-block {
	display: -webkit-box;
	display: -webkit-flex;
	display:         flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 720px;
}

.pl-block__row {
	font-size: 16px;
}

.pl-block__notes {
	background-color: #efefef;
}

.pl-block__price {
	font-size: 22px;
	color: #f00;
	font-weight: bold;
}

/* メッセージボックス
--------------------------------------------------------- */
.pl-frame__title.\--massege {
	margin-bottom: 30px;
	padding-left: 50px;
}

.pl-frame__title.\--massege:after {
	content: '';
	background-image: url(/car/search/img/ico_avator.png);
	width: 37px;
	height: 29px;
	position: absolute;
	top: -5%;
	left: 1%;
}

.pl-frame__text {
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 30px;
}

.pl-frame__text.\--large {
	font-size: 18px;
}

.pl-frame__message {
	font-size: 16px;
	line-height: 36px;
	border-left: 6px solid #cce198;
	padding-left: 10px;
	margin-bottom: 20px;
}

.pl-frame__messagebox {
	border-radius: 4px;
	margin-bottom: 40px;
	width: 909px;
	height: 131px;
	resize: none;
}

.pl-frame__wrap {
	text-align: center;
}

.pl-frame__button.\--submit {
	font-size: 16px;
	font-weight: bold;
	line-height: 2.5;
	width: 220px;
	color: #fff;
	background: -webkit-linear-gradient(#f39c33, #f08300);
	background:         linear-gradient(#f39c33, #f08300);
	border-radius: 4px;
	border: 1px solid #d87600;
	letter-spacing: 2px;
}

.pl-frame__notes {
	font-size: 14px;
	margin: 30px 0 10px 0;
	text-align: center;
}

.font-bold {
	font-weight: bold;
	margin-bottom: 30px;
}

/* メッセージボックス
--------------------------------------------------------- */
.button.\--cancel {
	font-size: 16px;
	font-weight: bold;
	line-height: 2.5;
	width: 220px;
	color: #545454;
	background: -webkit-linear-gradient(#e9e9e9, #c7c7c7);
	background:         linear-gradient(#e9e9e9, #c7c7c7);
	border-radius: 4px;
	border: 1px solid #b2b2b2;
	margin: 10px 0 0 0;
	letter-spacing: 1px;
}

/* レンタカーご利用の方へのご案内
--------------------------------------------------------- */
.pl-info {
	display: -webkit-box;
	display: -webkit-flex;
	display:         flex;
	-webkit-justify-content: space-around;
	        justify-content: space-around;
	margin-top: 20px;
}

.pl-info a {
	text-decoration: none;
}

.pl-info a:hover {
	cursor: pointer;
	opacity: .7;
	-webkit-transition-property: opacity;
	        transition-property: opacity;
	-webkit-transition-duration: .2s;
	        transition-duration: .2s;
}

.pl-card {
	width: 420px;
	background-color: #efefef;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 1px 1px rgba(190, 190, 190, .5);
	padding: 10px 0 10px 0;
	position: relative;
}

.pl-card.\--guide:after {
	content: '';
	background-image: url(/car/search/img/ico_guide.png);
	width: 40px;
	height: 50px;
	position: absolute;
	top: 20%;
	left: 4%;
}

.pl-card.\--qa:after {
	content: '';
	background-image: url(/car/search/img/ico_qa.png);
	width: 50px;
	height: 46px;
	position: absolute;
	top: 20%;
	left: 4%;
}

.pl-card:before {
	content: '';
	background-image: url(/car/search/img/ui__arrow-left.png);
	width: 16px;
	height: 24px;
	position: absolute;
	right: 2%;
	top: 35%;
}

.pl-card__title {
	font-size: 15px;
	font-weight: bold;
	color: #2068b7;
	padding: 0 0 2px 80px;
}

.pl-card__text {
	width: 300px;
	font-size: 12px;
	color: #2e2e2e;
	padding-left: 80px;
	line-height: 1.6;
}

/* ご案内
--------------------------------------------------------- */
.pl-container .pl-heading {
	margin-bottom: 40px;
}

.pl-outer {
	display: -webkit-box;
	display: -webkit-flex;
	display:         flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	margin-bottom: 40px;
}

.pl-outer__bunner.\--small {
	width: 300px;
	height: 250px;
	background-color: #ccc;
}

.pl-outer__bunner.\--large {
	width: 980px;
	height: 200px;
	background-color: #ccc;
	margin-bottom: 40px;
}

.pl-outer__bunner.\--awa {
	margin-bottom: 16px;
}

.pl-outer__bunner.\--large img:hover {
	opacity: 0.8;
}

.pl-cpText {
	font-size: 16px;
    text-align: right;
    margin-bottom: 16px;
}

/* キャンセル
--------------------------------------------------------- */
.pl-cancel {
	font-size: 24px;
	font-weight: bold;
	color: #fa2424;
}

.pl-cancel.\--left {
	margin-bottom: 30px;
}

.pl-cancel.\--center {
	text-align: center;
	margin-top: 30px;
}

/*メッセージボックス*/
.pl-post {
	width: 908px;
	margin: 0 auto 10px;
}

.pl-post__title {
	background-color: #bfebff;
	font-size: 16px;
	display: -webkit-box;
	display: -webkit-flex;
	display:         flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	line-height: 2;
	padding: 0 20px;
	font-weight: bold;
}

.pl-post__title.\--green {
	background-color: #cce198;
}

.pl-post__message {
	padding: 10px 20px 20px;
	word-wrap: break-word;
}

#RequiredFieldValidator_txtMessage {
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 40px;
}

@media print{
	.pl-heading__button,
	.pl-frame__button.\--lead,
	.pl-column__button.\--map,
	#updatePnl .pl-post:last-child,
	.pl-frame__notes,
	.pl-frame__wrap,
	.pl-frame:nth-of-type(4),
	#footer {
		display: none;
	}
	.pl-frame:nth-of-type(2) {
		padding-bottom: 0;
	}
}

/* YouTube動画 */
.pl-movieContent {
    margin: 20px auto;
    padding: 20px 0 0;
    border: 1px solid #4c7bd3;
    color: #4c7bd3;
    font-size: 25px;
    text-align: center;
}

.pl-movieContent__header {
    position: relative;
    margin: 0 auto 10px;
    padding: 22px 0;
    line-height: 1.4;
    background-image: url(/car/special/movie/images/ui_ribbon_yobuko.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 850px;
    font-size: 28px;
}

.pl-movieContent.\--okinawa {
    border: 1px solid #6a7f70;
    color: #6a7f70;
}

.\--okinawa .pl-movieContent__header {
    background-image: url(/car/special/movie/images/ui_ribbon_gangala.png);
}

.pl-movieContent.\--hokkaido {
    border: 1px solid #6a7f70;
    color:#6a7f70;
}

.\--hokkaido .pl-movieContent__header {
    background-image: url(/car/special/movie/images/ui_ribbon_gangala.png);
}

.pl-movieContent.\--kumamoto {
    border: 1px solid #92d295;
    color: #92d295;
}

.\--kumamoto .pl-movieContent__header {
    background-image: url(/car/special/movie/images/ui_ribbon_aso.png);
}

.pl-movieContent.\--saga {
    border: 1px solid #4c7bd3;
    color: #4c7bd3;
}

.\--saga .pl-movieContent__header {
    background-image: url(/car/special/movie/images/ui_ribbon_yobuko.png);
}

.pl-movieContent.\--kanto {
    border: 1px solid #a9af76;
    color: #a9af76;
}

.\--kanto .pl-movieContent__header {
    background-image: url(/car/special/movie/images/ui_ribbon_kanto.png);
}

.pl-movieContent.\--tokyo {
    border: 1px solid #a9af76;
    color: #a9af76;
}

.\--tokyo .pl-movieContent__header {
    background-image: url(/car/special/movie/images/ui_ribbon_kanto.png);
}

.pl-movieContent.\--chiba {
    border: 1px solid #a9af76;
    color: #a9af76;
}

.\--chiba .pl-movieContent__header {
    background-image: url(/car/special/movie/images/ui_ribbon_kanto.png);
}

.pl-movieContent.\--kyushu {
    border: 1px solid #4c7bd3;
    color: #4c7bd3;
}

.\--kyushu .pl-movieContent__header {
    background-image: url(/car/special/movie/images/ui_ribbon_yobuko.png);
}

#pl-movieContent__youtubeWrapper {
    display: block;
    margin: 0 auto;
}

.pl-movieContent a.pl-movieContent__link {
    color: #fff;
    background-color: #4379ba;
    line-height: 1.4;
    font-size: 18px;
    padding: 10px 20px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.\--okinawa a.pl-movieContent__link  {
    background-color: #6a7f70;
}

.\--hokkaido a.pl-movieContent__link  {
    background-color: #6a7f70;
}

.\--kumamoto  a.pl-movieContent__link {
    background-color: #92d295;
}

.\--saga a.pl-movieContent__link  {
    background-color: #4c7bd3;
}

.\--kanto a.pl-movieContent__link  {
    background-color: #a9af76;
}

.pl-movieContent__link:hover {
    opacity: 0.8;
    text-decoration: none;
}

.pl-movieContent__link::before {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 10px;
}

h2.pl-movieContent__header {
    font-size: 25px;
}