@charset "utf-8";

/*共通
------------------------------*/
.text-red{
	color: #da4453;
}

/*お知らせ欄
-------------------------------*/
.News{
	background: url(/static/img/maas/mobi/bg-concept.png) top left;
    background-size: 60px 60px;
	margin: 0!important;
}

/*メイン　キャラクター画像設置
------------------------------*/
.character-wrap{
	position: relative;
}
.img-character{
	position: absolute;
	top: 150px;
	right: -20px;
	width: 140px;
}

@media (min-width: 992px) and (max-width: 1199px){
	.img-character {
		top: -80px;
        right: 50px;
        width: 120px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .img-character {
        top: 100px;
        right: -15px;
        width: 90px;
    }
}

@media (min-width: 576px) and (max-width: 767px){
    .img-character {
        top: 50px;
        right: 0px;
		width: 90px;
    }
}

@media (min-width: 316px) and (max-width: 575px){
    .img-character {
        top: 50px;
        right: 3%;
        width: 13%;
    }
}

@media (max-width: 315px){
    .img-character {
		display: none;
    }
}

/*調整*/
@media (max-width: 768px) {
    .title-hero span {
        padding: 0px 10px;
    }
}

/*調整 mobiアプリはこちら
------------------------------*/
.wrap-lead .wrap-cv-list{
	margin-top: 50px;
}
.wrap-lead .wrap-cv-list p{
	margin-top: 0;
}

/*運行時間　注記
------------------------------*/
.wrap-textservicetime .servicetime-note{
	font-size: 14px;
	margin: 5px 0 0;
}

/*料金　独自スタイル
------------------------------*/
.wrap-plan-price{
	max-width: 1200px;
}
.wrap-plan-price .row{
	max-width: 1100px;
	justify-content: left;
	margin: 0 auto 30px;
	gap: 30px;
}
.wrap-plan-price-inner{
	width: calc((100% - 30px) / 2);
}

/*見出し*/
.wrap-plan-price .title-list {
    background: #dddddd;
    padding: 10px 20px;
    border-radius: 15px;
	display: flex;
	align-items: center;
}
.wrap-plan-price .title-list dt {
    font-size: 30px;
    padding-right: 20px;
}
.wrap-plan-price .title-list dd {
    font-weight: bold;
}

/*料金*/
.wrap-plan-price .wrap-content{
	margin: 15px auto;
}
.wrap-plan-price .price-list {
	display: flex;
	justify-content: center;
	align-items: center;
}
.wrap-plan-price .price-list dt {
    font-size: 30px;
    color: #fff;
    background: #E9930F;
    border-radius: 500px;
	padding: 10px;
	margin-right: 15px;
}
.wrap-plan-price .price-list dd,
.wrap-plan-price .price-list > p {
    font-size: 50px;
	font-weight: bold;
}

.wrap-plan-price .orange{
	color: #E9930F;
}


.wrap-plan-price .wrap-content-attention {
	text-align: center;
}

.wrap-plan-price .wrap-content-attention .attention-text{
	text-align: left;
}

.attention-mark{
	position: relative;
	padding-left: 15px;
}
.attention-mark:before{
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
}

.wrap-plan-price .wrap-content-attention .companion {
	font-size: 18px;
	margin-bottom: 10px;
}


@media(max-width:1100px) {
	.wrap-plan-price{
		flex-wrap: wrap;
	}
	.wrap-plan-price .title-list dt{
		font-size: 24px;
	}
	.wrap-plan-price .title-list dd{
		font-size: 14px;
	}

/*	料金*/
	.wrap-plan-price .price-list dt{
		font-size: 20px;
	}
	.wrap-plan-price .price-list dd,
	.wrap-plan-price .price-list > p{
		font-size: 24px;
	}
}

@media(max-width:767px) {
	.wrap-plan-price-inner{
		width: 100%;
	}
	.wrap-textservicetime .servicetime-note{
		font-size: 12px;
	}
	.wrap-plan-price .wrap-content-attention {
		flex-wrap: wrap;
	}
	.wrap-plan-price .wrap-content-attention .companion {
		font-size: 16px;
	}
}

/*事前予約
------------------------------*/
.reservation__inner{
	padding: 20px 30px;
    background: #fffdf6;
    border: solid 3px #da4453;
}

.reservation__title{
	color: #da4453;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
}
.reservation__day{
	border-bottom: solid 1px #da4453;
	font-weight: bold;
}


/*調整 本運行について
------------------------------*/
#Purpose-member{
	padding-top: 40px;
}
.row-member{
	justify-content: center;
}
.col-member{
	width: calc(100% / 3);
}