@charset "utf-8";

/*---------------------------------------------------------------------------------------------------------------------------------------------
COMMON
---------------------------------------------------------------------------------------------------------------------------------------------*/

* {margin: 0; padding: 0; }

html {font-size: 62.5%; }

body {
background: #fff;
margin: 0;
color: #333;
font-size: 1.6rem;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
line-height: 1.8;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

/*-webkit-appearance: none;*//*0222*/
/*-webkit-text-size-adjust: 100%;*//*0222*/
}

ul,ol {padding-left: 0; list-style: none;}

dd { margin-left: 0;}

a {color:#9999b5; text-decoration: underline;}

a:hover {
color:#848484;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
text-decoration: none;
}

a:hover img {
opacity: 0.75;
filter: alpha(opacity=75);
}

a img {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

img {
max-width: 100%;
height: auto;
vertical-align: bottom;
display: block;
}


.flex{display:flex;}

.flex-justify-end{  justify-content: flex-end;}

.flex-justfy-center{  justify-content: center;}

.flex-justfy-between{  justify-content: space-between;}

input:hover,
button:hover,
select:hover  {
    cursor:pointer;
}


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

body { font-size: 1.4rem;}

.flex{display:block;}


}


/*---------- header ----------*/

.header{
/* Del:20251022 background:#000046; */
background:#E60012; /* Add:20251022 */
padding:10px 35px;
width:100%;
box-sizing:border-box;
}

.header_container{
height:60px;
display: block;
width: 100%;
overflow: hidden;
position: relative;
}

.logo {
width:235px;
position: absolute;
top: 50%;
left: 0%;
transform: translateY(-50%) translateX(0%);
-webkit-transform: translateY(-50%) translateX(0%);
}

.header__account{
position: relative;
display: inline-block;
float: right;
margin-top:4px;}

.log__out, .log__in{
position: relative;
padding-left: 12px;
font-size: 12px;
margin-bottom: 3px;
display: inline-block;
float:right;
}

.log__out::after,
.log__in::after{
content: '';
display: inline-block;
width:8px;
height: 8px;
background-image: url(../img/triangle-right.png);
background-size: contain;
vertical-align: middle;
position: absolute;
top:30%;
left:0;
}

.log__in{
font-size: 1.4rem;
margin-top:12px;
}

.log__in a{ text-decoration: none;}




ul.header__account_list{
clear:right;
overflow: hidden;
font-size:1.4rem;
color:#fff;
display: flex;
justify-content: flex-end;
align-items: center;
list-style: none;
}

ul.header__account_list li{margin-right: 20px; position: relative; vertical-align: middle;}

ul.header__account_list li:last-child{margin-right: 0px; }

ul.header__account_list li.my__account_name{padding-left: 15px;}

ul.header__account_list li.my__account_name::before{
content: '';
display: inline-block;
width:12px;
height: 12px;
background-image: url(../img/account.png);
background-repeat:no-repeat;
background-size: contain;
vertical-align: middle;
position: absolute;
top:20%;
left:0;
}

ul.header__account_list li.my__account_rank{padding-left:16px; margin-right:12px;}

ul.header__account_list li.my__account_rank::after{
content: '｜';
color:#fff;
display: inline-block;
margin-right:-10px;
}

.gold{color:#dd8800;}
.silver{color:#b8e3e3;}
.bronze{color:#b44600;}
.diamond{color:#3d9cec;}/*1215*/
.platinum{color:#97afaf;}/*1215*/


.gold::before,
.silver::before,
.bronze::before,
.diamond::before,
.platinum::before{
content: '';
display: inline-block;
width:12px;
height: 12px;
background-size: contain;
vertical-align: middle;
position: absolute;
top:20%;
left:0;
}

.gold::before{background-image: url(../img/head-rank-gold.png);}
.silver::before{background-image: url(../img/head-rank-silver.png);}
.bronze::before{background-image: url(../img/head-rank-bronze.png);}
.diamond::before{background-image: url(../img/head-rank-diamond.png);}
.platinum::before{background-image: url(../img/head-rank-platinum.png);}

ul.header__account_list li.my__account_point{color:#ffbaba;}

ul.header__account_list li.my__account_point span{
font-size:1.2rem;
color:#fff;
display:inline-block;
margin-left: 5px;
}
.button_mypage {
display: inline-block;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
border: 1px solid  #ccc;
border-radius:40px;
background: none;
color: #ccc;
overflow: hidden;
margin:0 auto ;
vertical-align:middle;
padding: 2px  8px 0px;
font-size:1.2rem;
box-sizing:border-box;
}

.button_mypage:hover {
color: #000046;
text-decoration:none;
background-color: #ccc;
border: 1px solid #ccc;
}

.button_mypage::before, .button_mypage::after{
position: absolute;
z-index: -1;
display: block;
content: '';
}

.button_mypage::after{
top: -100%;
width: 100%;
height: 100%;
}

.button_mypage:hover::after{top: 0;}

#navToggle, nav {display: none;}









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

.header{ padding:0 15px;}/*1215*/

.logo { width:130px;}/*1215*/

ul.header__account_list{display: block; margin-top: 13px; margin-right: 20px;}/*1215*/

ul.header__account_list li{
font-size:1.1rem;
margin-right: 20px;
position: relative;
vertical-align: middle;}

ul.header__account_list li.my__account_name{display: block; line-height:1;}

ul.header__account_list li.my__account_name::before{
width:10px;
height: 10px;
top:0%;
left:0;}


ul.header__account_list li.my__account_rank{margin-right:5px;display: inline-block; }

ul.header__account_list li.my__account_point{padding-left:0; display: inline-block;}



#navToggle {
display: none;
position:absolute;
right:13px;
top:15px;/*1215*/
width:32px;
height:32px;
cursor:pointer;
border:2px solid #999;
padding:4px 5px;}
#navToggle div {position:relative}
#navToggle span {
display:block;
position:absolute;/*to div*/
width:100%;
border-bottom:solid 3px #999;
-webkit-transition: .05s ease-in-out;
-moz-transition: .05s ease-in-out;
transition: .05s ease-in-out}
#navToggle span:nth-child(1) {top:2px}
#navToggle span:nth-child(2) {top:9px}
#navToggle span:nth-child(3) {top:16px}

/*@media screen and (max-width: 640px) {*/
header nav {
display: block;
position:absolute;
right:0;
top:-291px; /*通常時はビュー外*//*1215*/
background:rgba(255,255,255,1);
width:180px;
padding:0 ;
z-index:100;
/*  -webkit-transition:.15s ease-in-out;
-moz-transition:.15s ease-in-out;
-o-transition:.15s ease-in-out;
transition:.15s ease-in-out;*/
text-align:left;
border:3px solid #000046;}
header ul.sp_nav_mypage {margin:0;  }
header ul.sp_nav_mypage li {display:block;margin:0;border-bottom:solid 1px #000046; padding:5px 10px; line-height:3; background:#fff;}
header ul.sp_nav_mypage li a {display:block; color:#000046; text-decoration: none;}
header ul.sp_nav_mypage li::after {content:''}
header ul.sp_nav_mypage li:last-child {border-bottom:none}
/* Toggle(Button) */
#navToggle {display: block}
/* Click Toggle(Button) */
.openNav #navToggle span:nth-child(1) {
top: 9px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
transform:rotate(-45deg)}
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
top: 9px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg)}
/*header menu*/
.openNav nav {
-moz-transform: translateY(351px);
-webkit-transform: translateY(351px);
transform: translateY(351px)}



}

@media(max-width:374px){
    header img{max-width: 60%;}
}


/*---------- foooter ---------*/

#footer{ background:#f9f9f9; overflow: hidden; height:100px;}

.copyright{ font-size: 1.2rem; color:#999999; text-align: center; margin:30px 0;}


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

#footer{ height:80px;}

.copyright{ font-size: 1.0rem;}

}



/*---------- layout ----------*/

.wrapper{
width: 90%;
max-width:950px;
margin:0 auto;
padding:40px 0 ;
}

/*1216*/
.wrapper_inner{
width:950px;
}


.wrapper_s{
width: 90%;
max-width:950px;
margin:0 auto;
padding:40px 0 0 ;

}


.row{
width: 100%;
overflow: hidden;
/*border-top: #ccc 1px solid;*/
/*padding:20px 0 5px 0;*//*0802変更*/
padding:20px 0;
position: relative;
}

/*.row:first-child{border-top: #ccc 1px solid;}*/

/*.row:last-child{border-bottom:none;}
*/
.row:after{
content : '';
display : block;
clear : both;
height:0;
}

.row p{font-size:1.6rem;}

hr{
border:none;/*0805*/
height:1px;/*0805*/
background-color:#ccc;/*0805*/
margin:5px 0;/*0805*/
}

.floatleft{float:left;}

.floatright{float:right;}

.main{/*max-width:585px; width: 61%;*/ width:585px; float: right; }

.aside{/*max-width: 325px; width: 34%;*/ width:325px; float: left;}

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

.wrapper{padding:25px 0;}

.wrapper_inner{width:auto;}/*1216*/

.row p{font-size:1.4rem;}

.main, .aside{width: 100%; float:none;}

}


/*-------------- h1 --------------*/

h1.title, h1.title02,h1.title03{/*0927*/
font-size:2.8rem;
margin:0;
color:#000046;
padding-bottom: 25px
}

h1.title02{color:#006bb9;}
h1.title03{color:#b57600;}/*0927*/

#mypage h1.title{border:none;}




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

h1{font-size:1.8rem;}

}


/*---------- button ---------*/
.button_row_center {
margin: 15px auto;
text-align: center;
overflow: hidden;
}

.button_row_right {
margin: 15px auto;
text-align: center;
overflow: hidden;
float:right;
}



.button_b {
display: inline-block;
max-width: 250px;
width:100%;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 1;
border: 2px solid  #0000ad;
border-radius:40px;
background: #0000ad;
color: #fff;
overflow: hidden;
margin:0 auto 20px;
padding:  15px 0;
font-size:2rem;
}

.button_w300 {
max-width: 300px;
}

.button_b:hover {
color: #0000ad;
text-decoration:none;
background-color: #fff;
border: 2px solid #0000ad;
cursor: pointer;/*0802追加*/
}

.button_g {
display: inline-block;
/*  max-width: 250px;
width:100%;*/
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 1;
border: 2px solid  #9999b5;
border-radius:40px;
background: #9999b5;
color: #fff;
overflow: hidden;
margin:0 auto 20px;
}

.button_g:hover {
color: #9999b5;
text-decoration:none;
background-color: #fff;
border: 2px solid #9999b5;
}

.button_w {
display: block;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
border: 1px solid  #9999b5;/*0802変更*/
border-radius:40px;
background: #fff;
color: #9999b5;
overflow: hidden;
margin:0 auto ;
height:32px;
line-height:32px;
padding: 0px 30px;/*0802変更*/
font-size:1.4rem;/*0802追加*/
}

.button_w:hover {
color: #fff;
text-decoration:none;
background-color: #9999b5;
border: 1px solid #9999b5;
}

.button_w_blue {
    border: 1px solid  #0000ad; background-color: #0000ad; color: #fff;
}
.button_w_blue:hover {
    border: 2px solid  #0000ad; background-color: #fff; color: #0000ad;
}


.button_r {
display: inline-block;
/*  max-width: 250px;
width:100%;*/
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 1;
border: 2px solid  #ff0000;
border-radius:40px;
background: #ff0000;
color: #fff;
overflow: hidden;
margin:0 auto 20px;
}

.button_r:hover {
color: #ff0000;
text-decoration:none;
background-color: #fff;
border: 2px solid #ff0000;
}


.button_b::before, .button_b::after,
.button_w::before, .button_w::after,
.button_g::before, .button_g::after,
.button_r::before, .button_r::after
{
position: absolute;
z-index: -1;
display: block;
content: '';
}

.button_b::after, .button_wb::after, .button_g::after, .button_r::after  {
top: -100%;
width: 100%;
height: 100%;
}

.button_b:hover::after, .button_w:hover::after,.button_g:hover::after,.button_r:hover::after {top: 0;}


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

.button_row_center {
margin: 5px auto;
text-align: center;
overflow: hidden;
}



.button_b {
max-width: 100%;
margin:0 auto 20px;
padding: 15px 0;
font-size:1.8rem;
}

.button_w{font-size:1.4rem;}

}




/*---------- input ----------*/

label{
padding:10px 10px;
border: 1px solid #ccc;
background:#f6f6f6;
display:block;
box-sizing: border-box;
}

label:focus-within{border:1px solid #0000ad;}

label[for="pass"] {
align-items: center;
display: flex;
justify-content: space-between;
position: relative;
height: 46px;
}

input {
border: none;
width: 100%;
font-size: 1.8rem;
box-sizing: border-box;
background:#f6f6f6;
}

input:focus {outline: none;}

/*エラー対応*/
#error label{border:1px solid #ff0000;}

#error select{border:1px solid #ff0000;}



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

input{
font-size: 1.6rem;

}


}

input#password::-ms-reveal {visibility:hidden;}



/*---------------------------------------------------------------------------------------------------------------------------------------------
LAYOUT
---------------------------------------------------------------------------------------------------------------------------------------------*/

/*---------- login ----------*/


.dl__login{
max-width: 560px;
width: 100%;
margin:0 auto;
}

.dl__login dt{
font-size:1.8rem;
padding:6px 0 15px;
width:46%;
float: left;
clear:left;
}

.dl__login dd{
margin-left:46%;
padding-bottom:15px;
}

.dl__login dd:last-child {
padding-bottom: 0;
}

.dl__login dd a{font-size:1.4rem; text-decoration: none;}

#login__check{font-size:1.4rem; color:#9999b5;}

.back__link a::before{
    content: '';
    display: inline-block;
    width:12px;
    height: 12px;
    background-image: url(../img/triangle-left.png);
    background-repeat:no-repeat;/*0120*/
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top:12px;
    left:18px;
}

.back__link a{
    position: relative;
    padding: 9px 19px 9px 39px;
    text-decoration:none;/*0802追加*/
    border:2px solid #9999b5;
    border-radius:20px;
}
.back__link a:hover{
    opacity:0.5;
}

label[for="c1"]{border:none; background:none; display: inline-block; padding:5px; cursor:pointer;}

label[for="c1"]:focus-within{border:none;}

/*input.passcheck {
cursor: pointer;
opacity: 0;
position: absolute;
right: 5px;
width: 20px;
height: 20px;
}
*/

.iconEye{
cursor:pointer;
display: block;
}


.iconEye::after {
background: url(../img/img-eye.png) no-repeat 96%;
background-size: contain;
content: '';
display: block;
width: 20px;
height: 20px;
}

input.logincheck{width:20px;}   /*0818 nameをclassに変更*/


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

.dl__login dt{
font-size:1.6rem;
padding:1em 0 0  0 ;
width:100%;
float: none;
}

.dl__login dt:first-child{ padding-top:0;}

.dl__login dd{
margin-left:0;
width:100%;
padding-bottom:0;
}

.dl__login dd a{font-size:1.2rem;}

}



/*---------- mypage ----------*/

.mypage__hello{position: relative; padding-left: 30px;}

.mypage__hello::before{
content: '';
display: inline-block;
width:14px;
height: 14px;
background-image: url(../img/account.png);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
position: absolute;
top:10%;
left:5px;
}
.mypage__title{
font-weight: bold;
font-size: 1.3rem;/*0805*/
color: #000046;
border: 1px solid #000046;
display: inline-block;
padding: 0px 12px;/*0805*/
margin-bottom:10px;/*0805*/
}

.mypage__title02{
font-weight: bold;
font-size: 1.3rem;/*0805*/
color: #006bb9;
border: 1px solid #006bb9;
display: inline-block;
padding: 0px 12px;/*0805*/
margin-bottom:10px;/*0805*/
}


.mypage__title03{
font-weight: bold;
font-size: 1.3rem;/*0805*/
color: #b57600;
border: 1px solid #b57600;
display: inline-block;
padding: 0px 12px;/*0805*/
margin-bottom:10px;/*0805*/
}


.mypage__title04{
font-weight: bold;
font-size: 1.3rem;/*0805*/
color: #fff;
border: 1px solid #000046;
background:#000046;
display: inline-block;
padding: 0px 12px;/*0805*/
margin-bottom:10px;/*0805*/
}

.mypage__title05{
font-weight: bold;
font-size: 1.3rem;/*0805*/
color: #fff;
border: 1px solid ff0000;
background:#ff0000;
display: inline-block;
padding: 0px 12px;/*0805*/
margin-bottom:10px;/*0805*/
}


ul.mypage__btnlink_pc{
display: flex;
justify-content: flex-end;
align-items: center;
list-style: none;
float:right;


}
ul.mypage__btnlink_pc li{
font-size:1.2rem;/*0805*/
margin:0 3px;
}

ul.mypage__btnlink_pc li a.button_g, a.button_r {
padding:0px 11px;/*0805*/
margin-top: 3px;/*0805*/
margin-bottom: 0px;/*0805*/
}

ul.mypage__btnlink_sp{display: none;}

table, th, td {
border-collapse: collapse;
border: 1px solid #ccc;
line-height: 1.5;
font-size:1.5rem;
}

table{
width: 100%;
margin:0 auto ;
}

table th {
padding: 8px;
vertical-align: top;
font-weight:normal;
text-align: left;
}

table td {
padding: 10px;
vertical-align: middle;
}

table.table_rank th {
    width: 170px;
    border-right:3px double #ccc;/*0805*/
}

table.table_rank th.thbold{font-weight:bold;}

table.mypage__appointment th{
    padding:8px;
    text-align: center;
    border-bottom:3px double #ccc;/*0805*/
}

table.mypage__appointment td{
    padding:8px;
}

table.mypage__appointment td.normal{height:70px;}

table.mypage__appointment td.rowspan{
    border-bottom:1px solid #eee;
    border-top:none;
}


table.mypage__appointment td.rspan{
text-align: center;
padding:5px;
}

table.mypage__appointment td.normal_link {
text-align: center;
}

span.bold{font-weight:bold;}

.rank_gold,/*0910*/
.rank_bronze,/*0910*/
.rank_silver,
.rank_diamond,
.rank_platinum{
/*color:#549c9c;*//*0910*/
position: relative;
padding-left: 16px;
}
.rank_gold::before,/*0910*/
.rank_bronze::before,/*0910*/
.rank_silver::before,
.rank_diamond::before,
.rank_platinum::before{
content: '';
display: inline-block;
width:14px;
height: 14px;
background-size: contain;
vertical-align: middle;
position: absolute;
top:5%;
left:0;
/*background-image: url(../img/img-rank-silver.png);*//*0910*/
}


.detail_link{ color:#00ac00; text-decoration: none; position: relative; padding-left:10px;}

.detail_link:hover{ color:#00ac00; text-decoration:underline; }

.detail_link::before{
content: '';
display: inline-block;
width:6px;
height: 8px;
background-size: contain;
vertical-align: middle;
position: absolute;
top:25%;
left:0;
background-image: url(../img/triangle-right-green.png);
}

.round, .oneway{
color:#fff;
font-size:1.2rem;
    writing-mode: unset;
    text-orientation: unset;
    white-space:nowrap;
/*writing-mode: vertical-rl;
text-orientation: upright;*/
padding:10px 5px;/*1215*/
vertical-align: middle;
}

/*1215 firefox*/
@-moz-document url-prefix(){
.round, .oneway{
    writing-mode: unset;
    text-orientation: unset;
    white-space:nowrap;
}
}

.round{background:#ff3b85;}

.oneway{background:#00ac00;}

.bottom_logout{
width: 585px;
border-top:1px solid #ccc;
padding-top: 20px;
float: right;
}


.sp_th_title{display:none;}

.sp_detail_link{display: none;}

.aside{background:#000046;}

.tabs {
margin-top: 50px;
padding:25px 0% 6px;
background-color: #000046;
/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
width: 100%;
margin: 0 auto;}

.tabs_mypage{
    padding-top:10px;
}
p.tabs_mypage {
    color:#fff; padding:0 0 10px 0; font-weight:bold; text-align:center;
}

/*タブのスタイル*/
.tab_item {
width: calc(88%/2);
margin: 0 auto;
height: 40px;
background-color: none;
margin:0 4% 0 2%;/*0918*/
line-height: 40px;
font-size: 16px;
text-align: center;
color: #fff;
display: block;
float: left;
font-weight: bold;
transition: all 0.2s ease;
border-radius: 10px 10px 0 0/10px 10px 0 0;
border: #fff 2px solid;/*0805*/
border-bottom:none;
position: relative;
background:none;
padding:0;
}

.tab2{
margin:0 2% 0 4%;/*0918*/
}

.tab_item:hover {
opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {display: none;}

.tab_content {
display: none;
padding: 20px 20px 0;
clear: both;
overflow: hidden;
border-top: 2px solid #fff;/*0805*/
}

/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#one-way:checked ~ #all_content{display: block;}

/*片道を選択した時、行きは表示、帰りのみ非表示*/
#one-way:checked ~ #all_content .return{display:none;}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
background-color: #fff;
color: #000046;
}

dl.select__option{
font-size:1.4rem;
padding-bottom:20px;
margin-bottom: 20px;
border-bottom:1px solid #fff;
}

dl.select__option dt{
color:#fff;
padding:5px 0;
line-height: 1;
}

dl.select__option dd{　padding:5px 0;　}

.tabs .button_g, .button_r{
width: 100%;
padding:8px 0;
}

label.dp{
align-items: center;
display: flex;
justify-content: space-between;
position: relative;
height: 46px;
}

label.dp>.ui-datepicker-trigger{
/*position: absolute;*/
right: 5px;
width: 25px;
display: inline;}

input.datepicker{
align-items: center;
display: flex;
justify-content: space-between;
position: relative;
/*height: 46px;*/
float:left;
}

.iconcalendar{
cursor:pointer;
display: block;
}


.iconcalendar::after {
background: url(../img/img-calendar.png) no-repeat 96%;
background-size: contain;
content: '';
display: block;
width: 20px;
height: 20px;
}

.select__option_interval select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 1em;
background:#EEE url(../img/img-arrow-bottom.png) no-repeat;
background-size:16px 8px;
width: 100%;
background-position: right 11px center;
height: 40px;
line-height: 40px;
font-size: 1.6rem;
vertical-align: middle;
border:1px solid #CCC;
margin-bottom:5px;
}

.select__option_day select::-ms-expand{display: none;}

.select__option_interval select::-ms-expand{display: none;}

.alart-message{
background:#ff0000;
color:#fff;
font-weight: bold;
padding:15px;
margin:0px 20px 20px;
}


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


.mypage__title{/*0805*/
font-weight: bold;/*0805*/
font-size: 1.3rem;/*0805*/
color: #000046;/*0805*/
border: 1px solid #000046;/*0805*/
display: inline-block;/*0805*/
padding: 0px 12px;/*0805*/
margin-bottom:10px;/*0805*/
}/*0805*/

ul.mypage__btnlink_pc{display:none;}

ul.mypage__btnlink_sp{
display: flex;
flex-wrap:wrap;
justify-content: flex-end;
align-items: center;
margin-top: 20px;
}

ul.mypage__btnlink_sp.top0{
margin-top:0;}


ul.mypage__btnlink_sp li{
width: 48%;
font-size:1.2rem;
margin:3px 1% 5px 1px;/*0805*/
line-height:1;
display: block;
}

ul.mypage__btnlink_sp li:last-child{
margin-bottom:0;
}


ul.mypage__btnlink_sp li a.button_g, a.button_r {
padding:8px 15px;
margin-bottom: 0px;
width:100%;
line-height:1.5;
}

/*table.table_rank{margin:0 auto;}*/

table.table_rank th{width:30%; font-size:1.4rem;}



table.table_rank td{width:70%; font-size:1.4rem;}



table.mypage__appointment{
border:1px solid #ccc;
border-collapse: collapse;
margin-bottom: 0px;
}

table.mypage__appointment tr{
box-sizing:border-box;
border:1px solid #ccc;
}

table.mypage__appointment th{display: none;}

table.mypage__appointment td.normal{
display:block;
width: 100%;
padding: 10px  15px 0px;
border:none;
font-size:1.2rem;
height:auto;
}


table.mypage__appointment td.normal:nth-last-child(2){padding-bottom: 10px;}

table.mypage__appointment td.normal_link{display: none;}

table.mypage__appointment td.rspan{
width:40px;
min-height: 3.6em;
padding:8px;}


.sp_th_title{
display: block;
width: 70px;
float: left;
}

.sp_detail_link{float: right; display:block;}

.round, .oneway {
color: #fff;
font-size: 1.1rem;/*0805*/
    writing-mode: unset;
    text-orientation: unset;
    white-space:nowrap;
/*-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;*/
padding: 8px 1px;/*0805*/
vertical-align: middle;
}

.rank_silver{
color:#549c9c;
position: relative;
padding-left: 16px;
}


}



/*---------- member ----------*/


.alart{
color:#ff0000;
border:3px solid #ff0000;/*0802変更*/
padding:20px 25px 10px 35px;/*0802変更*/
margin-bottom: 20px;/*0802変更*/
font-weight:bold;/*0802追加*/
}
.alart p{/*0802追加*/
line-height:1.4;/*0802追加*/
margin:0 0 10px 0;/*0802追加*/
padding:0 0 0 1em;/*0802追加*/
text-indent:-1em;/*0802追加*/
}/*0802追加*/


.alart ul li{
text-indent:1em;

}
.alart ul li{
margin-bottom: 5px;
position: relative;
text-indent:-1em;
}

.alart ul li::before{
margin-bottom: 5px;
content:"※";
}


#member p{font-size:1.8rem; margin-bottom:20px;}

ul.asterisk{
margin-top: 0px;/*0802変更*/
padding-left:1em;
display: block;
font-size:1.6rem;/*0802変更*/
}

ul.asterisk li {
/*text-indent:1em;*/
list-style-type:none;
position: relative;
line-height:1.4;/*0802追加*/
margin:0 0 15px 0;/*0802追加*/
}

ul.asterisk li:before {
content: '';
width:11px;
height: 11px;
background-size: contain;
vertical-align: middle;
position: absolute;
display: block;
top:5px;
left:-1em;
background-image: url(../img/img-list-mark.png);
}

ul.asterisk li:last-child {
margin-bottom: 0;}

dl.dl__login_mail {
border: 1px solid #ccc;
display: flex;
flex-wrap: wrap;
font-size:1.8rem;
margin-bottom:30px;
}

dl.dl__login_mail dt{
padding: 26px 15px;
width: 25%;
box-sizing: border-box;
border-right:  1px solid #E4E4E4;
display: table-cell;
vertical-align: middle;
}
dl.dl__login_mail dd {
padding: 15px;
width: 74%;
margin-left:2px;
border-left:  1px solid #E4E4E4;
box-sizing: border-box;
}

dl.dl__login_mail dd input{width: 100%;}/*0317*/


/*IEここから*/
@media all and (-ms-high-contrast: none) {

dl.dl__login_mail dt{
    /*display: block;
    float:left; */
    width: 176px;/*0317*/
}

dl.dl__login_mail dd {
    /*display: block;
    float:left; */
}

}
/*IEここまで*/


/*エラー表示*/
dl#error.dl__login_mail dt{color:#ff0000;}

/*dl#error.dl__login_mail dd input{border:1px solid #ff0000;}*/



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

h1.title{/*0802追加*/
line-height:1.2;/*0802追加*/
}/*0802追加*/

.row{/*0802追加*/
padding:20px 0;/*0802追加*/
}/*0802追加*/

ul.asterisk li{
padding-left: 3px;/*0802変更*/
}

ul.asterisk li:before {/*0802追加*/
width:11px;/*0802追加*/
height: 11px;/*0802追加*/
top:3px;/*0802追加*/
}


#member p,{font-size:1.3rem;}

.alart{padding:2.5% 3% 0.5% 6%;}/*0802変更*/

.alart p{line-height:1.3;}/*0802追加*/

ul.asterisk{
font-size:1.3rem;/*0802変更*/
line-height:2;
margin-bottom: 10px;
}

dl.dl__login_mail {
border: none;
display: block;
font-size:1.6rem;
}

dl.dl__login_mail dt{
padding: 0 0 5px 0;
width: 100%;
border-right:none;
display: block;
}

dl.dl__login_mail dd {
padding: 0px 0 0;/*0802変更*/
width: 100%;
margin-left:0px;
border:none;
display: block;
}

dl.dl__login_mail dd input{width: 100%;}

}


#memberinfomail p{font-size:1.8rem;}


@media screen and (max-width: 769px) {
#memberinfomail p{font-size:1.4rem;}
}



/*---------- memberregist----------*/

table.table_member_r{margin-bottom: 30px;}

table.table_member_r th {
font-size:1.6rem;
width: 225px;
/*padding-top:20px;*/
border-right:3px double #ccc;
vertical-align:middle;
}

table.table_member_r th.select-sex {
padding-top:10px;
}

table.table_member_r td{font-size:1.6rem;}

.required{
color:#fff;
font-size:0.9rem;
background:#ffb100;
border-radius:3px;
padding:1px 4px;
display: inline-block;
margin-left:7px;
vertical-align: middle;
}

table.table_member_r label[for="loginid"],/*0819*/
table.table_member_r label[for="yourname"],
table.table_member_r label[for="yourfurigana"],
table.table_member_r label[for="yourtel"],
table.table_member_r label[for="youryubin"]{
display: inline-block;
float: left;
}

table.table_member_r label[for="loginid"],/*0819*/
table.table_member_r label[for="yourname"],
table.table_member_r label[for="yourfurigana"]{width:400px;}

table.table_member_r label[for="youremail"]{background:none; border:none;}

/*table.table_member_r input.your-email{background:none; border:none;}*/

table.table_member_r label[for="yourtel"]{width:300px;}

table.table_member_r label[for="youryubin"]{width:150px;}

table.table_member_r label[for="youradd01"],
table.table_member_r label[for="youradd02"]{width:600px;}

/*table.table_member_r label[for="male"],
table.table_member_r label[for="female"]{
padding:0;
background:none;
border: none;
display: inline-block;
width:auto;
font-size:1.6rem;
margin-right:15px;
}*/

table.table_member_r input[type="radio"]{
width: auto;
margin-right:4px;
}

select.select__pref  {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 1em;
background:#EEE url(../img/img-arrow-bottom.png) no-repeat;
background-size:15px auto;
width: 150px;
background-position: right 6px center;
height: 46px;
line-height: 40px;
font-size: 1.6rem;
vertical-align: middle;
border:1px solid #CCC;
}


select.select__your_year,
select.select__your_month,
select.select__your_day{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 1em;
background:#EEE url(../img/img-arrow-bottom.png) no-repeat;
background-size:15px auto;
background-position: right 6px center;
height: 46px;
line-height: 40px;
font-size: 1.6rem;
vertical-align: middle;
border:1px solid #CCC;
margin-right:-6px;
}

select.select__your_year{width: 150px;}

select.select__your_month,
select.select__your_day{width: 100px;}


label[for="yourpass"] {
align-items: center;
display: flex;
justify-content: space-between;
position: relative;
height: 46px;
width:300px;
float:left;
}

.form-memo{
font-size:1.2rem;
color:#999999;
display: inline-block;
margin:15px 0 0 10px;
}

.form-memo02{
font-size:1.2rem;
color:#999999;
display: block;
margin:10px 0 0 0;
line-height:1;
}



#error table.table_member_r th {color:#ff0000;}

#error .form-memo, #error .form-memo02{color:#ff0000;}

/*#error label[for="male"],#error label[for="female"]{border:none;}
*/
.postal{
font-size:1.2rem;
color:#fff;
display: inline-block;
background:#9999b5;
border-radius:20px;
padding:3px 10px;
margin-left: 10px;
    border:1px solid #9999b5;
}
.postal:hover{
    color:#9999b5;
    background:#fff;
    border:1px solid #9999b5;
    cursor: pointer;
}

input:invalid {background-color: #ffdddd;}



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

table.table_member_r,
table.table_member_r th,
table.table_member_r td{border: none; font-size:1.4rem; width:100%; }/*0827*/


table.table_member_r{margin-bottom:15px;}

table.table_member_r th{padding:0; display: block; overflow: hidden;}

table.table_member_r td{padding:5px 0 10px;  display: block; height:auto; overflow: hidden;}

table.table_member_r th.select-sex {padding-top:0;}

table.table_member_r label[for="yourname"],
table.table_member_r label[for="yourfurigana"],
table.table_member_r label[for="yourtel"],
table.table_member_r label[for="youryubin"],
table.table_member_r label[for="loginid"]{/*0222*/
display: block;
float: none;
width:100%;
}

table.table_member_r label[for="youryubin"]{
display:inline-block;
float:left;
width:75%;}

table.table_member_r label[for="youremail"]{ border:1px solid #CCC;}


table.table_member_r label[for="youradd01"],
table.table_member_r label[for="youradd02"]{width:100%}


table.table_member_r ul.list_edit_sex{margin-bottom: 15px;}

table.table_member_r ul.list_edit_sex li{margin-right: 25px;}

select.select__pref  {width: 100%;}

select.select__your_year{width: 100px;}

select.select__your_month,select.select__your_day{width: 70px;}



label[for="yourpass"] {width:100%; margin-bottom:5px;}

.form-memo, .form-memo02{
display: block;
text-align: right;
margin:3px 0 0;
}

.form-memo02{margin:10px 0 0 0;}


.postal{
padding:3px 10px;
margin: 9px 0 12px 10px;
}

}

/*---------- memberregistcheck ----------*/

#memberregistcheck table.table_member_r th,
#memberregistcheck table.table_member_r td{padding:20px 10px; font-size:1.8rem;}

.important_check{
width:100%;
text-align: center;
margin-bottom: 15px;
}

.important_terms{
border:1px solid #cccccc;
padding:25px;
width:100%;
height:300px;
overflow-y:scroll;

box-sizing:border-box;
margin-bottom: 40px;
}

.important_terms::-webkit-scrollbar {width: 10px;}

.important_terms::-webkit-scrollbar-track {
background: #fff;
border-left:1px solid #cccccc;
}

.important_terms::-webkit-scrollbar-thumb {
border-radius: 10px;
background:#666666;
}

.important_terms h4{
font-size:1.8rem;
margin-bottom: 35px;
}

.important_terms h5{
font-size:1.6rem;
margin-bottom: 15px;
line-height:1;
}

.important_terms p{
margin-bottom: 25px;
}

.important_terms p.text{
    margin:10px 0 0px 10px;
}
.important_terms p.text2{
    margin:10px 0 30px 10px;
}
.important_terms p.text3{
    margin:10px 0 50px 0;
}
.important_terms p.text4{
    margin:10px 0 10px 10px;
}
.important_terms p.text5{
    margin:0 0 0px 10px;
}
.important_terms p.text6{
    margin:0 0 50px 10px;
}
.important_terms span.text{
    display: block;margin:0 0 30px 30px;
}

.important_terms ol.decimal{
    list-style-type: decimal;margin:10px 0 30px 30px;
}
.important_terms ol.normal{
    list-style-type: none;margin:10px 0 30px 30px;
}

.member_check{
text-align: center;
/*color:#ff0000;*//*0817*/
margin-bottom: 30px;
font-size:2rem;
}

span.err{/*0817*/
color:#ff0000;/*0817*/
}/*0817*/

select.err {border:1px solid #ff0000;}/*0817*/
label.err {border:1px solid #ff0000;}/*0817*/

input type[text].err{/*0817*/
border-color:#ff0000;/*0817*/
}/*0817*/

span.alert{/*0817*/
color:#ff0000;/*0817*/
}/*0817*/



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


#memberregistcheck table.table_member_r{margin-bottom: 20px;}

#memberregistcheck table.table_member_r th{ padding:0 0 3px; font-size:1.6rem; }

#memberregistcheck table.table_member_r td{
border:1px solid #cccccc;
padding:15px 10px;
font-size:1.6rem;
margin-bottom: 10px;
}

.important_check{
text-align: left;
margin-bottom: 10px;
}

.important_terms{
padding: 10px;
height:190px;
margin-bottom: 20px;
font-size:1.4rem;
}

.important_terms h4{margin-bottom: 20px;}

.member_check{font-size:1.6rem; margin-bottom: 20px;}

}


/*---------- memberregistcomplete ----------*/


#memberregistcomplete .asterisk{margin-top:30px;}

#memberregistcomplete .button_b{margin:20px 10px ;}


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

#memberregistcomplete .button_b{margin:0 auto 10px ;}

}




/*---------- passenger ----------*/


table.table_passenger_r{margin-bottom: 30px;}

table.table_passenger_r th {
font-size:1.6rem;
border-bottom:3px double #ccc;
vertical-align:middle;
text-align: center;
}


table.table_passenger_r td{font-size:1.4rem;}


table.table_passenger_r th,
table.table_passenger_r td{padding:15px;}

.passenger_number{
width:10px;
text-align: center;
border-right:3px double #ccc;
}

table.table_passenger_r td.passenger_title{
width:175px;
text-align: right;}

.passenger_sex{text-align: left;}



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

table.table_passenger_r {border: none; border-bottom:1px solid #ccc;
}

table.table_passenger_r thead{ display: none; }

table.table_passenger_r th {
width:100%;
border-bottom:3px double #ccc;
}

table.table_passenger_r td{
width:100%;
font-size:2rem;
display: block;
}

table.table_passenger_r th,
table.table_passenger_r td{padding:5px 0; border: none; line-height:1;}

table.table_passenger_r td.passenger_number{
border-top:1px solid #ccc;
width:100%;
text-align: left;
color:#000096;
font-weight: bold;
padding-top:15px;
}

table.table_passenger_r td.passenger_title{
display: none;}

table.table_passenger_r td.passenger_sex{text-align: left;}

table.table_passenger_r td.passenger_birth{padding-bottom:15px;}


}

/*----------passwdupdate ----------*/


#passwdupdate label[for="pass"] {
align-items: center;
display: flex;
justify-content: space-between;
position: relative;
height: 46px;
width:300px;
float:left;
}

#passwdupdate .button_b{margin:0 0 20px;}


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

#passwdupdate label[for="pass"] {width:100%;　float:none;}

}


/*---------- passengerupdate ----------*/


/*table.table_passenger_edit{margin-bottom: 30px;}*/
table.table_passenger_edit{
margin-bottom: 30px;
vertical-align:middle;
}

table.table_passenger_edit th {
font-size:1.6rem;
border-bottom:3px double #ccc;
vertical-align:middle;
text-align: center;
}

table.table_passenger_edit th:first-child{border-right:3px double #ccc; }

table.table_passenger_edit td.edit_no{
width:40px;
text-align: center;
border-right:3px double #ccc;
}

th.edit_name{width:335px;}

th.edit_sex_pc{width:130px;}

th.edit_birth{width:355px;}

th.edit_delete{width:63px;}

/*th.edit_sex_sp{display:none;}*/

/*td.select_sex_sp{display:none}*/
table.table_passenger_edit td.delete_sp{display: none;}

table.table_passenger_edit td.edit_title{
width:175px;
text-align: right;}

table.table_passenger_edit td.edit_check{
}

table.table_passenger_edit td.delete{
width:63px;
text-align: center;
}

/*table.table_passenger_edit label[for="male"],
table.table_passenger_edit label[for="female"]{
padding:0;
background:none;
border: none;
display: inline-block;
width:auto;
font-size:1.6rem;
margin-right:10px;
}
*/

ul.list_edit_sex{overflow: hidden;}

ul.list_edit_sex li{
/*padding:0;
background:none;
border: none;*/
display: inline-block;
width:auto;
/*font-size:1.6rem;*/
margin-right:10px;
float: left;
}

ul.list_edit_sex li:last-child{margin-right: 0;}


ul.list_edit_sex li label{
padding:0;
background:none;
border: none;
/*display: inline-block;
width:auto;*/
font-size:1.6rem;
/*margin-right:10px;
float: left;    */
}

table.table_passenger_edit input[type="radio"]{
width: auto;
margin-right:4px;
}

table.table_passenger_edit .select__your_year{width:105px;}
table.table_passenger_edit .select__your_month{width:75px;}
table.table_passenger_edit .select__your_day{width:75px;}

table.table_passenger_edit label[for="p_edit_name"]{
width:400px;
display:inline-block;
}
table.table_passenger_edit label[for="yourtel"]{
width:300px;
display:inline-block;
}
table.table_passenger_edit label[for="youryubin"]{
width:150px;
display:inline-block;
}
table.table_passenger_edit label[for="youradd01"]{
width:600px;
display:inline-block;
}

.form-memo{
font-size:1.2rem;
color:#999999;
display: inline-block;
margin:15px 0 0 10px;
}

.form-memo02{margin:10px 0 0 0;}

input.button_delete{
background:#9999b5;
text-align: center;
border-radius:20px;
font-size:1.4rem;
color:#fff;
cursor:pointer;
width:50px;
padding:4px 3px;
box-sizing:border-box;
}

/*20230130*/
input.button_upload{
background:#9999b5;
text-align: center;
border-radius:20px;
font-size:1.4rem;
color:#fff;
cursor:pointer;
width:140px;
padding:4px 3px;
box-sizing:border-box;
}

.button_add {
width:130px;
display: block;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
border: 1px solid  #9999b5;/*0802変更*/
border-radius:40px;
background: #fff;
color: #9999b5;
overflow: hidden;
margin:-10px 0 15px;
height:34px;
line-height:32px;
font-size:1.4rem;/*0802追加*/
box-sizing:border-box;
}

.button_add:hover {
color: #fff;
text-decoration:none;
background-color: #9999b5;
border: 1px solid #9999b5;
}

.button_add::before, .button_add::after{
position: absolute;
z-index: -1;
display: block;
content: '';
}
.button_add::after{
top: -100%;
width: 100%;
height: 100%;
}

.button_add:hover::after {top: 0;}

#passengerupdate .button_b{ margin:20px 0 0;}

#passengerupdate .button_g{width:250px; margin:20px 0 0;}


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

#passengerupdate .flex{display: block;}

#passengerupdate .button_g{width:100%; padding: 15px 0; margin-top: 10px;}

.button_add{float:right;}

table.table_passenger_edit{
border:none;
margin-bottom:10px;
}
table.table_passenger_edit thead{
display: block;
border-top:1px #ccc solid !important;
margin-bottom:15px;
}

table.table_passenger_edit th {display: none;}

table.table_passenger_edit td {
display: block;
padding:3px 0;
width:100%;
border:none; }

table.table_passenger_edit td.edit_no{border:none; text-align:left;}

table.table_passenger_edit td.edit_title{
text-align: left;}


table.table_passenger_edit td.select_sex_pc{display: none;}


table.table_passenger_edit td.select_sex_sp,
table.table_passenger_edit td.delete_sp{
display: block;
float:left;
padding:10px 0 15px;
border-bottom:1px #ccc solid;
margin-bottom: 15px;
}

table.table_passenger_edit label[for="p_edit_name"]{width:100%;}

table.table_passenger_edit td.select_sex_sp{width:70%;}

/*table.table_passenger_edit td.delete{width:30%; text-align: right;}*/
table.table_passenger_edit td.delete{display: none;}

table.table_passenger_edit .select__your_year{width:100px;}

table.table_passenger_edit .select__your_month{width:70px;}

table.table_passenger_edit .select__your_day{width:70px;}

table.table_passenger_edit .select__pref{width:100%;}

table.table_passenger_edit label[for="yourtel"]{width:100%}

table.table_passenger_edit label[for="youradd01"]{width:100%}
}


/*---------- carsupdate ----------*/

table.table_car_edit{
margin-bottom: 30px;
vertical-align:middle;
}

table.table_car_edit td{padding:5px;}

table.table_car_edit td.car_counter{
border-right:3px double #ccc;
vertical-align:middle;
text-align: center;
width:43px;
}

table.table_car_edit td.car_title{
width:105px;
text-align: right;}

table.table_car_edit td.car_delete_pc{
width:63px;
text-align: center;
}

table.table_car_edit span.car_title_sp{display: none;}


table.table_car_edit label[for="p_car_name"]{
width:307px;
display:inline-block;
}

table.table_car_edit label[for="p_car_length"]{
width:105px;
display:inline-block;
margin-right: 8px;
}

table.table_car_edit ul {display:inline-block;}

table.table_car_edit ul li{
display:inline-block;
}

table.table_car_edit ul li.car_delete_sp{display: none;}


ul.list_car_type li{
display: inline-block;
width:auto;
font-size:1.6rem;
margin-right:15px;
vertical-align:middle;
}

ul.list_car_type li label{
padding:0;
background:none;
border: none;
}

/*table.table_car_edit label[for="trike"]{margin-right:0;}*/

table.table_car_edit input[type="radio"]{
width: auto;
margin-right:2px;
}

table.table_car_edit span.plate_title{
display:inline-block;
margin-right:4px;
}
table.table_car_edit label[for="p_car_area"],
table.table_car_edit label[for="p_car_category"],
table.table_car_edit label[for="p_car_fugo"],
table.table_car_edit label[for="p_car_number"]{
display:inline-block;
margin-right: 10px;
}

table.table_car_edit label[for="p_car_area"],
table.table_car_edit label[for="p_car_number"]{width:100px;}

table.table_car_edit label[for="p_car_category"],
table.table_car_edit label[for="p_car_fugo"]{width:75px;}

#carsupdate .button_b{ margin:20px 0 0;}

#carsupdate .button_g{width:250px; margin:20px 0 0;}

p.mobile_border{/*0827*/
font-size:16px; border:1px solid #eee; padding:10px;/*0827*/
}/*0827*/



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


table.table_car_edit{
border:none;
margin-bottom: 25px;}

table.table_car_edit tbody{
border-top:1px #ccc solid;
}

table.table_car_edit tr.plate_box{
border-bottom:1px solid #ccc;
}

table.table_car_edit td{
padding:5px 0;
display: block;
width:100%;
border:none;}

table.table_car_edit td.car_counter{
border-right:none;
text-align: left;
font-weight:bold;
color:#000096;
padding:5px 0 0;
}

table.table_car_edit td.car_title,
table.table_car_edit td.car_delete_pc{display: none;}

table.table_car_edit label[for="p_car_name"]{width:100%;}

table.table_car_edit ul {display:block;}

/*0316*/
table.table_car_edit ul.list_car_type li label input[type="radio"],
table.table_passenger_edit ul.list_edit_sex li label input[type="radio"] {
    border:1px solid #666;
    margin-left:1px;
}



table.table_car_edit label[for="ordinary"],
table.table_car_edit label[for="light"],
table.table_car_edit label[for="side"],
table.table_car_edit label[for="trike"]{
padding:0;
background:none;
border: none;
display: inline-block;
width:auto;
font-size:1.6rem;
margin-right:15px;
}

table.table_car_edit label[for="trike"]{margin-right:0;}

table.table_car_edit input[type="radio"]{
width: auto;
margin-right:2px;
}

table.table_car_edit span.plate_title{display: none;}

table.table_car_edit span.car_title_sp{
font-size:1.4rem;
color:#9999b5;
writing-mode: vertical-rl;
border:1px solid #9999b5;
display:inline-block;
float:left;
width:25px;
height:95px;
vertical-align: middle;
text-align: center;
margin-right: 5px;
line-height:25px;
}


table.table_car_edit label[for="p_car_area"],
table.table_car_edit label[for="p_car_category"],
table.table_car_edit label[for="p_car_fugo"],
table.table_car_edit label[for="p_car_number"]{
width:110px;
margin:0 0 6px;
}

table.table_car_edit ul li.car_delete_sp{
display: inline-block;
vertical-align: bottom;
margin:0 0 5px 10px;
}

#carsupdate .flex{display: block;}

#carsupdate .button_g{width:100%; padding: 15px 0; margin-top: 10px;}

}

/*---------- carsupdate_dialog ----------*/
table.table_car_modal{
border:0px solid #9999b5;
margin:0 0 0 0;
}

table.table_car_modal input[type="checkbox"]{
width: auto;
margin-right:5px;
}

table.table_car_modal tr{
border:none;
padding: 0px;
}
table.table_car_modal td{
border:1px;
padding: 2px;
}

table.table_car_modal label[for="agreement"]{
border:1px;
background:none;
margin:0 0 0 0;
}

table.table_car_modal div{
/*--color:#f00;--*/
}

/*---------- withdrawalcheck ----------*/

.withdrawal{
width:800px;
margin:0 auto;
}

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

.text_area{
background:#eee;
width:100%;
background:#f6f6f6;
border:#cccccc 1px solid;
height:150px;
margin-bottom: 30px;
}

.consent{
text-align: center;
margin-bottom: 30px;
}

.consent__check{
font-size:2rem;
text-align: center;
margin-bottom: 30px;}

label.concent__accept{
border:none;
background:none;
display: inline-block;
padding:5px;
cursor:pointer;}

label.concent__accept:focus-within{border:none;}


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

.withdrawal{width:100%;}

.text_area{margin-bottom: 20px;}

.consent{text-align-last: left; margin-bottom: 20px;}

.consent__check{font-size:1.6rem;  margin-bottom: 20px;}


}

/*---------- lineselect ----------*/

.navigation_wrapper{
width: 100%;
margin: auto;
overflow: hidden;
border-bottom: 1px solid #000046;
}

ul.navigation{
list-style: none;
display:flex;
justify-content: center;
color:#000046;
margin:13px auto;
}

ul.navigation li{
margin:0 15px;
position: relative;
}

ul.navigation li::after{
position: absolute;
width:12px;
height:1px;
content:"";
background:#000046;
top:45%;
right:-20px;
}

ul.navigation li:last-child::after{content:none;}

ul.navigation li.active{
    font-weight: bold;
    background-color:#666699;
    color:#fff;
    padding:0 8px;
}


.tabs_w {
margin-top: 50px;
width: 100%;
margin: 0 auto;
text-align: center;
}

/*タブのスタイル*/
.tab_item_w {
width:200px;
margin: 0 auto;
height: 40px;
margin:0 auto;
line-height: 40px;
font-size: 16px;
text-align: center;
color:#000046;
display: inline-block;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
border-radius: 10px 10px 0 0/10px 10px 0 0;
border: #000046 2px solid;/*0805*/
border-bottom:none;
position: relative;
background:none;
padding:0;
}

.tab2_w{
margin:0 4% 0 2%;
}

.tab_item:hover {
opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {display: none;}


.tab_content_wrap{
width: 100%;
border-bottom : 2px solid #000046;/*0805*/
}


.tab_content_w {
display: none;
margin:40px auto  0;
clear: both;
width: 950px;
overflow: hidden;
}


.tabs_w input:checked + .tab_item_w {
background-color: #000046;
color: #fff;
}

dl.select__option_02{
font-size:1.6rem;
padding-bottom:10px;
margin-bottom: 30px;
border-bottom:1px solid #ccc;
}

dl.select__option_02 dt{
color:#000;
padding:13px 0px 0px 50px;
vertical-align: middle;
line-height: 1;
text-align: left;
box-sizing: border-box;
width:180px;
float:left;
margin-bottom: 15px;
}

dl.select__option_02 dd{
margin-bottom: 15px;
padding:0 50px 0 190px;
}

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

ul.navigation{
list-style: none;
display:flex;
justify-content: center;
color:#000046;
margin:13px auto;
font-size:1rem;
}

ul.navigation li{
margin:0 10px;
position: relative;
}

ul.navigation li::after{
position: absolute;
width:12px;
height:1px;
content:"";
background:#000046;
top:50%;
right:-15px;
}

ul.navigation li:last-child::after{content:none;}

ul.navigation li.active{font-weight: bold;}

.tabs_w {
margin-top: 50px;
width: 100%;
margin: 0 auto;
text-align: center;
}

/*タブのスタイル*/
.tab_item_w { width:160px;}

.tab2_w{margin:0 2% 0 2%;}

.tab_content_w {
margin:20px auto  0;
width: 100%;
}

dl.select__option_02{
font-size:1.4rem;
margin:0 auto 20px;
width:90%;
}

dl.select__option_02 dt{
padding:0;
width:100%;
float:none;
margin-bottom: 5px;
}

dl.select__option_02 dd{
margin-bottom: 5px;
width: 100%;
padding:0 ;
}

.wrap_lineselect{width:90%; margin:0 auto ;}

}




/*---------- vacantlist1 ----------*/

.box_area{
width:630px;
float:left;
}

#vacantlist1 ul.select_week_top{
display: flex;
flex-direction: column;
flex-wrap: wrap;
overflow: hidden;
float:right;}

#vacantlist1 ul.select_week_bottom{
display: none;
}

#vacantlist1 ul.select_week_top li, #vacantlist1 ul.select_week_bottom li {display:block; line-height:1.6;}

#vacantlist1 ul.select_week_top li a,
#vacantlist1 ul.select_week_bottom li a{
font-size:1.4rem;
width:70px;
margin:0 0 5px 5px;
display:block;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
border: 2px solid  #9999b5;
border-radius:40px;
background: #fff;
color: #9999b5;
overflow: hidden;
}

#vacantlist1 ul.select_week_top li:last-child a{ margin-bottom: 0;}

table.table_inquiry{margin-bottom: 20px;}

table.table_inquiry th {text-align: center;}

table.table_inquiry th span.day,
table.table_inquiry th span.day_sat,
table.table_inquiry th span.day_sun{
font-size:2.5rem;
width:100px;
line-height:1;
font-weight:bold;}

table.table_inquiry th span.day_sat,
table.table_inquiry th span.day_sat02{color:#3b7cff;}

table.table_inquiry th span.day_sun,
table.table_inquiry th span.day_sun02{color:#ff3b85;}

table.table_inquiry td.check__day{
padding:6px 10px;
border-bottom:#006bb9 2px solid;
border-top:#006bb9 2px solid;
}

table.table_inquiry th.selected-date,
table.table_inquiry td.selected-date{background:#fdfff0;}

table.table_inquiry td.check__day label{
background:none;
border:none;
padding:0;
}

.radio_wrap{
padding:1px 0px;
text-align: center;
margin:0 auto;
display:block;
border:#cccccc 1px solid;
border-radius:5px;
background:#f6f6f6;
position: relative;
width:70px;
cursor:pointer;}

table.table_inquiry td.check__day input[type="radio"]{
display: inline-block;
font-size:1.2rem;
width: auto;
margin-right:4px;
top:15%;
left:5px;
cursor:pointer;}


table.table_inquiry td.check__day input[type="radio"]:disabled +span.sentaku{color:#999;}

span.sentaku{display: inline-block;}

table.table_inquiry td{text-align: center; padding:5px 10px;}

table.table_inquiry th.tdblue,
table.table_inquiry td.tdblue{
width:220px;
color:#3b7cff;
font-weight:bold;
text-align-last: left;
border-right:3px double #ccc;
}

span.light{font-weight:normal;}

span.mark-round, span.mark-sankaku, span.mark-batsu, span.mark-no{font-size:2.4rem; font-weight:bold;}

span.mark-round{ color:#009cff; }

span.mark-sankaku{ color:#ff7300; }

span.mark-batsu, span.mark-no{color:#cccccc;}

#vacantlist1 ul.select_week{
display:flex;
justify-content:flex-end;
overflow: hidden;
margin-bottom:10px;}

#vacantlist1 ul.select_week li {display:block; line-height:1.6;}

#vacantlist1 ul.select_week li a{
font-size:1.4rem;
width:70px;
margin:0 0 0 5px;
display:inline-block;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
border: 2px solid  #9999b5;
border-radius:40px;
background: #9999b5;
color: #fff;
overflow: hidden;
}

#bottom__link{
display: flex;
justify-content:space-between;
flex-direction: row-reverse;
}

#bottom__link .button_b{ margin:30px 0 20px ;}

#bottom__link .button_g{  width:250px; padding:15px 0; font-size:2rem; margin:30px 0; line-height:1; cursor:pointer; }



hr.sp_hr{display:none;}


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

.box_area{width:100%; float:none;}

#vacantlist1 ul.select_week_top{display: none;}

#vacantlist1 ul.select_week_bottom{
display: flex;
justify-content: flex-end;
margin:20px 0 -10px;}


hr.sp_hr{display:block;}

.scroll-table {
overflow: auto;
white-space: nowrap;
}

table.table_inquiry{margin-bottom: 0px;}

table.table_inquiry th {text-align: center; font-size:1.2rem;}

table.table_inquiry th span.day,
table.table_inquiry th span.day_sat,
table.table_inquiry th span.day_sun{
font-size:1.6rem;
width:45px;
}
table.table_inquiry td.check__day{
padding:6px 10px;
border-bottom:#006bb9 2px solid;
border-top:#006bb9 2px solid;
}

.radio_wrap{
padding: 2px;
width:40px;
height:30px;
position:relative;
}

table.table_inquiry td.check__day input[type="radio"]{
width: auto;
margin-top:3px;
display: inline-block;
position: absolute;
left: 5px;
}

span.sentaku{
font-size:0.9rem;
display: inline-block;
writing-mode: vertical-rl;
text-orientation: upright;
position: absolute;
top:15%;
}

table.table_inquiry th.tdblue,
table.table_inquiry td.tdblue{
font-size:1.4rem;
font-weight:normal;
width:90px !important;
border-right:none;
}


.fixed01{
position: sticky;
left: 0;
background: #fff;
z-index:1000;
}
.fixed01:before{
content: "";
position: absolute;
top: -1px;
left: -1px;
width: 100%;
height: 100%;
border-right: 1px double #ccc;
border-left: 1px double #ccc;
}

#vacantlist1 ul.select_week{
justify-content: space-between;
margin-top: 20px;
}

#bottom__link{
display: flex;
flex-direction: column;
overflow: hidden;
margin: 20px auto;
}

#bottom__link .button_b{ margin:20px 0 30px; width:100%;}

#bottom__link .button_g{  width:100%;  margin:0 0 20px ; padding:15px 0;}




}



/*---------- roomcheck1 ----------*/

table.table_room_edit{
    /*overflow: hidden; */
    margin:0;
}

table.table_room_edit td{ padding:20px 10px;    font-size:2rem; }

.room_title, .room_title_01, .room_title_02{border-right: 3px double #ccc; width: 220px;}




.room_title_01{font-weight:bold; color:#006bb9;}

.room_title_02{font-weight:bold; color:#b57600;}

/*1216*/
.room_title_03{border-right: 3px double #ccc; width: 190px;}
.room_title_03{font-weight:bold; color:#666666;}


h2.sub_title{margin:30px 0; color:#006bb9;}

h2.sub_title_g{margin:30px 0;color:#b57600;}


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

table.table_room_edit td{ padding:10px; font-size:1.4rem; }

.room_title, .room_title_01, .room_title_02{width:25%;}

h2.sub_title, h2.sub_title_g{margin:25px 0;}
}



/*---------- roomcheck1 ----------*/

ul.select__room{
overflow: hidden;
display: flex;
/*justify-content:space-between;*//*0916*/
flex-wrap:wrap;
width:950px;/*0916*/
}

ul.select__room li{
/*flex:3;*//*0916*/
float:left;/*0916*/
width:308px;/*0916*/
display: block;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
box-sizing:border-box;
margin-bottom: 5px;
margin:4px;/*0916*/
}

.select_room_name{
color:#006bb9;
font-weight: bold;
border-top:1px solid #006bb9;
border-bottom :1px solid #006bb9;
padding:8px;
}

.select_room_name02{
color:#b57600;
font-weight: bold;
border-top:1px solid #b57600;
border-bottom :1px solid #b57600;
padding:8px;
}

.select_room_detail{margin:10px;}

.select_room_image{
display: block;
margin-bottom: 10px;
position: relative;
}

.select_room_image img{width:100%;}

.no-vacancy{
background:#bfbfbf;
color:#fff;
position: absolute;
padding:3px;
bottom:0;
width:100%;
text-align: center;
}

table.select__room_table{border:none;}

table.select__room_table th,
table.select__room_table td{border:none; padding:3px;}

table.select__room_table th{width:68px;}

select.select__room_number {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 1em;
background:#EEE url(../img/img-arrow-bottom.png) no-repeat;
background-size:15px auto;
width: 150px;/*0916*/
background-position: right 6px center;
height: 46px;
line-height: 40px;
font-size: 1.6rem;
vertical-align: middle;
border:1px solid #CCC;
margin-right: 5px;
}

select.select__room_number:disabled +span{color:#bfbfbf;}

label.check_charter{
display: inline;/*1002*/
background:none;
border:none;
padding:0;
margin-right:1.25em;/*1009*/
}

input.charter[type="checkbox"]{
display: inline-block;
width: auto;
margin-right: 5px;
}

input.charter_r[type="radio"]{      /*220317A Add*/
display: inline-block;
width: auto;
margin-right: 5px;
}

span.bikou{
    color:#f33;
}



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

ul.select__room li{width:100%; flex:1;}

}

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

ul.select__room{overflow: hidden; display: block;width:100%;}/*0916*/

ul.select__room li{width:100%; max-width:100%; flex:1; margin:0 0 5px;}

select.select__room_number {width:80%};

}


/*----------roomnumber1----------*/

table.table_room_edit02{
    /*overflow: hidden; */
    margin:0;
}

table.table_room_edit02 td{ padding:10px;font-size:1.6rem; }



table.table_room_edit02{font-size:1.6rem; }


/*0128*/
p.room_text_mb10 {
    margin-bottom:10px;
}
p.room_text_sub {
    font-size:12px; color:#999; padding-left:150px;
}
input.room_number_pet {
    width:500px; font-size:18px; padding:10px; border:1px solid #ccc;
}
p.room_text_mb10 input.err {
    border:1px solid #f00;
}


.room_sub_title{
display: inline-block;
text-align: right;
width:140px;/*0117*/
margin-right: 10px;
}
.drv{   /* 221021A Add */
display: inline-block;
    width:500px;
    height: 46px;
    font-size:18px; padding:10px; border:1px solid #ccc;
    margin:5px 0px;
}


select.select__room_number02 {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 1em;
background:#EEE url(../img/img-arrow-bottom.png) no-repeat;
background-size:15px auto;
width: 500px;
background-position: right 6px center;
height: 46px;
line-height: 40px;
font-size: 1.6rem;
vertical-align: middle;
border:1px solid #CCC;
margin:5px 0px;
}

p.select_use_title{
display:inline-block;
margin-right: 10px;
font-size:1.6rem;
}

ul.list_edit_use{
overflow: hidden;
vertical-align: middle;
display: inline-block;
}

ul.list_edit_use li{
display: inline-block;
width:auto;
margin-right:20px;
float: left;
}

ul.list_edit_use li:last-child{margin-right: 0;}

ul.list_edit_use li label{
padding:0;
background:none;
border: none;
font-size:1.6rem;
}

input.select_use_radio{
width: auto;
margin-right:4px;
}

ul.mypage__link_pc{
display: flex;
justify-content: flex-end;
align-items: center;
list-style: none;
float:right;
}

ul.mypage__link_pc li a{
font-size:1.2rem;
margin:0 3px;
color:#00ac00;
text-decoration: none;
position: relative;
padding-left:10px;
}

ul.mypage__link_pc li a::before{
content: '';
display: inline-block;
width:6px;
height: 8px;
background-size: contain;
vertical-align: middle;
position: absolute;
top:15%;
left:0;
background-image: url(../img/triangle-right-green.png);
}

ul.mypage__link_pc li a:hover{text-decoration: underline;}

ul.mypage__link_sp{display: none;}




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


table.table_room_edit02{
overflow: hidden; margin:0;
border-top:none;}

table.table_room_edit02 td{
width:100%;
display: block;
border:none;
border-collapse: collapse;


}
table.table_room_edit02 p{font-size:1.6rem; }

table.table_room_edit02 td.room_title_01{
border-top:2px #006bb9 solid;
border-bottom:2px #006bb9 solid;
}

table.table_room_edit02 td.room_title_02{
border-top:2px #b57600 solid;
border-bottom:2px #b57600 solid;
}

.room_sub_title{
display: inline-block;
text-align: left;
width:100%;
margin-right: 0;
}
.drv{   /* 221021A Add */
display: inline-block;
    width:500px;
    height: 46px;
    font-size:18px; padding:10px; border:1px solid #ccc;
    margin:5px 0px;
}

select.select__room_number02 {width: 100%;}

p.select_use_title{display:block;}


table.table_room_edit02 td.border-top{
border-top:1px solid #ccc;
}

table.table_room_edit02 td.border-bottom-none{
border-bottom:none;
padding-bottom:0;
}


ul.mypage__link_pc{display: none;}

ul.mypage__link_sp{
display: flex;
justify-content: flex-start;
align-items: center;
list-style: none;
margin-top:20px;

}

ul.mypage__btnlink_sp li a.roombutton{
width: auto;
float: right;}

ul.mypage__link_sp li a{
font-size:1.4rem;
margin:0 3px;
color:#00ac00;
text-decoration: none;
position: relative;
padding-left:10px;
}

ul.mypage__link_sp li a.roombutton{width:20px;}

ul.mypage__link_sp li a::before{
content: '';
display: inline-block;
width:6px;
height: 8px;
background-size: contain;
vertical-align: middle;
position: absolute;
top:15%;
left:0;
background-image: url(../img/triangle-right-green.png);
}

ul.mypage__link_sp li a:hover{text-decoration: underline;}


}




/*---------- number1 ----------*/


ul.select__member_list{overflow: hidden;}

ul.select__member_list li{
display: inline-block;
margin:5px 6px 5px 0;
vertical-align: middle;

}

ul.select__member_list li::after{
content:"/";
font-size:1.8rem;
margin-left:5px;
}

ul.select__member_list li:last-child::after{content:none;}


select.select__number03{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 1em;
background:#EEE url(../img/img-arrow-bottom.png) no-repeat;
background-size:15px auto;
background-position: right 6px center;
height: 45px;
line-height: 45px;
font-size: 1.6rem;
vertical-align: middle;
border:1px solid #CCC;
margin:0 3px;
width:70px;
}

ul.select__member_list li.li_disabled,
select.select__number03:disabled +span{color:#bfbfbf;}


.no_vacancy{
color:#fff;
background:#ff0000;
border-radius:5px;
padding: 2px 8px;
display:inline-block;
font-size:1.2rem;
vertical-align: middle;
margin-left:10px;
margin-bottom: 3px;
}


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

select.select__number03{margin:3px;width:62px;}

.no_vacancy{float:right;}

.select_member_sub{display: inline-block; text-align: right; width:84px;}



}







/*---------- reserveinfo ----------*/


ul.change_list li{
    margin-top: 5px;
    margin-bottom: 15px;
}

ul.change_list li label{
padding:0;
background:none;
border: none;
font-size:1.6rem;
    line-height:1.2;
}

input.select_change{
vertical-align: middle;
float: left;
margin-top: 3px;
display:inline-block;
width:auto;
}

.change_button_area{width:140px; margin-top:20px;}


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


input.select_change{
width: auto;
margin-right:4px;
display:inline-block;
float:left;
}

@-moz-document url-prefix() {
  /* ここに書く */
ul.change_list li{
    margin-bottom: 25px;
}
ul.change_list li label{
    line-height:0.65;
}
}


ul.change_list li{
}
ul.change_list li label{
}

ul.change_list li span{display:inline-block;}

.change_button_area{float:right;}

}







/*---------- pointhistory ----------*/

table.table_point_rank{
                                /*overflow: hidden;*/
                                margin:0 0 20px;
}

table.table_point_rank th,
table.table_point_rank td{
                                padding:20px 10px;
                                vertical-align: middle;
                                border:1px solid #ccc;
}

table.table_point_rank th{
                                width:225px;
                                border-right: 3px double #ccc;
}

table.table_point_history{
    /*overflow: hidden;*/
    margin:0 0 20px;
}

table.table_point_rank td p{
    display: inline-block;
    margin-top:5px;
}

.button_point {display:inline-block; float:right;}
.button_point .button_g{padding:3px 15px; margin:0; width:180px;}

table.table_point_history th{
                                border:1px solid #ccc;
    border-bottom: 3px double #ccc;
    padding:10px 10px;
    text-align:center;
}

table.table_point_history td{
                                border:1px solid #ccc;
    padding:20px 10px;
    vertical-align:middle;
}
table.table_point_history td.point_date{
    padding:20px 10px;
    width:170px;
    text-align:center;
}
table.table_point_history td.point_title{
    width:130px;
    text-align:center;
}
table.table_point_history td.point_pt{
    text-align:right;
    white-space:nowrap;
}
table.table_point_history td.point_pt small{
    white-space:nowrap;
}

table.table_point_history td{
                                padding:10px;
                                font-size:1.6rem;
}

table.table_point_history p{font-size:1.6rem; }

table.table_point_history td.point_pc{text-align: right;}

/*table.table_point_history td.point_sp{display:none;}*/



select.select__latest_point{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 1em;
background:#EEE url(../img/img-arrow-bottom.png) no-repeat;
background-size:15px auto;
background-position: right 6px center;
height: 45px;
line-height: 45px;
font-size: 1.6rem;
vertical-align: middle;
border:1px solid #CCC;
margin:0 10px 10px 0;
width:200px;
}

.point_input{
display:inline-block;
width:70px;
text-align: center;
}

.point_input .button_w{padding:0; cursor: pointer;}



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


table.table_point_rank{
overflow: hidden;
border:none;
margin-bottom: 0;}

table.table_point_rank th,
table.table_point_rank td{
display: block;
width: 100%;}

table.table_point_rank th{
padding:10px 0 5px;
border:none;
}

table.table_point_rank td{
padding:10px;
}


table.table_point_history{
    /*overflow: hidden;*/
    margin:0 0 20px;
}

table.table_point_rank td p{
display: inline-block;
margin-top:5px;
font-size:1.8rem;

}


.button_point{display: none;}

table.table_point_history th,
table.table_point_history td{
    padding: 10px;
    display: inline-block;
}

table.table_point_history th.point_date,
table.table_point_history td.point_date{
    padding: 10px;
    width:39%;
    float:left;
    border:none;
    text-align:center;
    white-space: nowrap;
}
table.table_point_history th.point_title,
table.table_point_history td.point_title{
    width:23%;
    float:left;
    border: none;
    border-left: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
}
table.table_point_history th.point_pt,
table.table_point_history td.point_pt{
    width:38%;
    float:left;
    border:none;
}
table.table_point_history th.point_detail,
table.table_point_history td.point_detail{
    width:100%;
    padding:10px 10px 10px 10px;
    border-left: none;
    border-right: none;
    border-top: 1px dotted #ccc;
    border-bottom: 1px solid #999;
}
table.table_point_history th.point_detail p,
table.table_point_history td.point_detail p{
    text-align:left;
    font-size:14px;
}


/*
table.table_point_history th,
table.table_point_history td{padding: 10px;}

table.table_point_history th.point_title{
    border-right:none;
    width:50%;
    display: inline-block;
    border:none;
    padding-bottom: 0;
}

table.table_point_history td{
    width:100%;
    display: block;
}

table.table_point_history td.point_sp{
    display:block;
    width:50%;
    display:inline-block;
    text-align: right;
    border:none;
    padding-bottom: 0;
}


table.table_point_history td.point_detail{
border:none;
border-bottom:1px solid #ccc;
}

table.table_point_history td.point_pc{display:none;}
*/


}


/*---------- reservecheck ----------*/


table.table_room_edit03{
    /*overflow: hidden; */
    margin:0;
}

table.table_room_edit03 td{ padding:20px 10px;  font-size:2rem; }

ul.list_edit_credit li{margin-bottom: 25px; line-height:1.75;}

ul.list_edit_credit li:last-child{margin-bottom:0;}

ul.list_edit_credit li  p{padding-left:1.6rem;}

ul.list_edit_credit li label.label_use_credit{
padding:0;
background:none;
border: none;
font-size:1.6rem;
}

input.select_credit{
width: auto;
margin-right:4px;
}

ul.list_edit_credit li label.label_use_point{
border: 1px solid #ccc;
height:45px;
width:100px;
font-size:1.6rem;
display: inline-block;
margin: 5px;
}

/*1215*/
ul.list_edit_credit li label.err{
border:1px solid #ff0000;
}


.colorred{
color:#ff0000;
display: inline-block;
margin-left: 10px;}

table.table_room_edit04{
    /*overflow: hidden; */
    margin:0;
}

table.table_room_edit04 td{
    padding:20px 10px;
    font-size:2rem;
}
table.table_room_edit04 td.left{
    border-right: 3px double #ccc;
}


.button_pet{
float:right;
width: 190px;
font-size:1.4rem;
margin-top:10px;
}

.button_pet a.button_w{
font-size:1.3rem;
padding:0 10px;}


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


table.bordernone,
table.bordernone td{border:none;}

table.bordernone td{display: block; width:100%; padding:10px 0;}

table.table_room_edit04{border-bottom:0;}

table.table_room_edit04 td{
display: block;
width:100%;
padding:10px;
border-right:none;
border-top:none;
border-left:none;
overflow: hidden;
}

table.table_room_edit04 td p{font-size:1.6rem;}

table.table_room_edit04 td.left{
    border-right: none;
    border-bottom: 3px double #ccc;
}


}


/*---------- credit.html ----------*/

ul.credit_image{
display: block;
overflow: hidden;
}

ul.credit_image li{
display: inline-block;
float:left;
margin-right: 2px;
}

label.label_credit_number,label.label_credit_name,label.label_credit_security{
width:100px;
font-size:1.6rem;
display: inline-block;

}

label.label_credit_number,label.label_credit_security{
width:100px;
}

label.label_credit_name{width:220px; margin:0 7px;}

p.form-memo03{
font-size:1.2rem;
display: block;
margin:10px 0 0 0;
line-height:1.5;
}

select.select_credit_year,
select.select_credit_month{
width:100px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 1em;
background:#EEE url(../img/img-arrow-bottom.png) no-repeat;
background-size:15px auto;
background-position: right 6px center;
height: 46px;
line-height: 40px;
font-size: 1.6rem;
vertical-align: middle;
border:1px solid #CCC;
margin-right:10px;
}

ul.list_credit_number{
overflow: hidden;
display: inline-block;
vertical-align: middle;}

ul.list_credit_number li{margin:0 3px; display: inline-block;}

ul.list_credit_number li.hifun{padding-top: 10px;}

ul.list_credit_number li:last-child{margin-right:0;}

ul.list_credit_name{overflow: hidden;}

ul.list_credit_name li{display: inline-block;}



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

label.label_credit_number{width:70px;}

label.label_credit_security{width:100%;}

ul.list_credit_number li{margin:0 0px;}/*0312*/

ul.list_credit_name li{
display:block;
width:100%;
margin-bottom: 10px;
}

span.list_credit_sub{width:10%;display: inline-block; }

label.label_credit_name{width:90%; margin:0; }

}


/*---------- reservelist.html /  reservepastlist.html  ----------*/


ul.reserve_tab{
    border-bottom:3px #000046 solid;
    overflow: hidden;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

ul.reserve_tab li{
    width:200px;
    /*margin: 0 auto;*/
    height: 50px;
    /*margin: 0 auto;*/
    line-height: 50px;
    font-size: 16px;
    /*text-align: center;*/
    color:#000046;
    /*display: inline-block;*/
    text-align: center;
    font-weight: bold;
    /*transition: all 0.2s ease;*/
    border-bottom:none;
    position: relative;
    background:#fff;
    padding:0;
}

ul.reserve_tab li a{
    display: block;
    width: auto;
    text-decoration: none;
    color:#000046;
    border-radius: 10px 10px 0 0/10px 10px 0 0;
    border: #000046 2px solid;/*0805*/
}

ul.reserve_tab li a:hover,
ul.reserve_tab li a.now-active{
    color:#fff;
    background:#000046;
}

/* 20230502 */
ul.reserve_tab li.reserve_past{
    /*width:200px;*/
    /*margin: 0 auto;*/
    height: 50px;
    /*margin: 0 auto;*/
    line-height: 20px;
    font-size: 14px;
    /*text-align: center;*/
    color:#000046;
    /*display: inline-block;*/
    text-align: center;
    font-weight: bold;
    /*transition: all 0.2s ease;*/
    border-bottom:none;
    position: relative;
    background:#fff;
    padding:0;
    margin-left: 15px;
}

ul.reserve_tab li.reserve_past a{
    padding-top: 5px;
    height: 55px;
}

ul.reserve_tab li.reserve_past a:hover,
ul.reserve_tab li.reserve_past a.now-active{
    color:#fff;
    background:#000046;
}

ul.ul.reserve_tab li.reserve_past span{
    line-height: 1.2em;
    display: block;
}
/* 20230502 */

table.table_reservelist{margin:0 auto 30px;}

table.table_reservelist th{
font-size:2rem;
padding:10px;
text-align: center;
border-bottom:3px double #ccc;/*0805*/
}

table.table_reservelist th.r_title_label{width: 35px; vertical-align: middle;/* 20230502 */}

table.table_reservelist th.r_title_no{width: 135px; vertical-align: middle;/* 20230502 */}

table.table_reservelist th.r_title_day{width: 225px; vertical-align: middle;/* 20230502 */}

table.table_reservelist th.r_title_bin{width: 350px; vertical-align: middle;/* 20230502 */}

table.table_reservelist th.r_title_link{width: 195px; vertical-align: middle;/* 20230502 */}

table.table_reservelist th.r_title_link2{/* 20230502 */
    width: 195px;
    font-size:1.5rem;
    vertical-align: middle;
}

table.table_reservelist td{ font-size:2rem; padding:10px; text-align: center;}

table.table_reservelist td.normal{height:70px;}

table.table_reservelist td.r_detail_bin{text-align-last: left;}

table.table_reservelist td.rowspan{border-bottom:1px solid #eee; border-top:none;}

table.table_reservelist td.rspan{text-align: center; padding:6px;}

table.table_reservelist td.normal_link {text-align: center;}

ul.reserve_link{
display:block;
overflow: hidden;
margin:0 auto;
display:flex;
justify-content: center;
}

ul.reserve_link li{
font-size:1.3rem;
text-align: center;
margin:0 3px;}

ul.reserve_link li a.button_g{
font-size:1.3rem;
height: 28px;
width: 80px;
line-height: 28px;
margin:0 auto;
}

ul.reserve_link li a.button_w{
font-size:1.3rem;
padding:0;
width: 80px;
height: 28px;
line-height: 28px;
}

ul.list_recent{
overflow: hidden;
}

ul.list_recent li{display: inline-block; margin-right: 10px;}

ul.list_recent li.select_recent{width: 200px;}

ul.list_recent li.recent_button{
width: 64px;
display: inline-block;
}

ul.list_recent li.recent_button .button_w{text-align: center; padding:0;}


select.select_recent_apo{
width:100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 1em;
background:#EEE url(../img/img-arrow-bottom.png) no-repeat;
background-size:15px auto;
background-position: right 6px center;
height: 46px;
line-height: 40px;
font-size: 1.6rem;
vertical-align: middle;
border:1px solid #CCC;
}




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


table.table_reservelist{
border:1px solid #ccc;
border-collapse: collapse;
border-right:1px solid #ccc
}

table.table_reservelist tr{
box-sizing:border-box;
border:1px solid #ccc;
}

table.table_reservelist th{display: none;}

table.table_reservelist td{text-align: left;}/*0312*/

table.table_reservelist td.normal{
display:block;
width: 100%;
padding: 10px  15px 0px;
border-top:none;
border-left:none;
border-bottom:none;
font-size:1.2rem;
height:auto;
text-align-last: left;
}

table.table_reservelist td.normal:nth-last-child(2){padding-bottom: 10px;}

table.table_reservelist td.normal_link{
display:block;
width: 100%;
border-top:none;
border-left:none;
border-bottom:none;
text-align: center;
}

table.table_reservelist td.rspan{
width:40px;
min-height: 3.6em;
padding:8px;
border-right:1px solid #ccc;}

ul.reserve_link{justify-content: flex-end;}

ul.list_recent{width: 100%;}

ul.list_recent li.select_recent{width: 80%; margin-bottom: 5px;}

ul.list_recent li.recent_button{
width:15%;
min-width: 64px;
display: inline-block;
margin-right: 0;
}


}



/*---------- rvacantlist2.html  ----------*/



table.table_inquiry02{margin-bottom: 20px; width:100%;}

table.table_inquiry02 th {text-align: center;}

table.table_inquiry02 th span.day,
table.table_inquiry02 th span.day_sat,
table.table_inquiry02 th span.day_sun{
font-size:2.5rem;
/*width:100px;*/
line-height:1;
font-weight:bold;}

table.table_inquiry02 th span.day_sat,
table.table_inquiry02 th span.day_sat02{color:#3b7cff;}

table.table_inquiry02 th span.day_sun,
table.table_inquiry02 th span.day_sun02{color:#ff3b85;}

table.table_inquiry02 td.check__day{
padding: 4px;
border-bottom:#006bb9 2px solid;
border-top:#006bb9 2px solid;
}

table.table_inquiry02 th.selected-date,
table.table_inquiry02 td.selected-date{background:#fdfff0;}

table.table_inquiry02 td.check__day label{
background:none;
border:none;
padding:0;
}

.radio_wrap{
padding:1px 0px;
text-align: center;
margin:0 auto;
display:block;
border:#cccccc 1px solid;
border-radius:5px;
background:#f6f6f6;
position: relative;
width: 60px;
cursor:pointer;}

table.table_inquiry02 td.check__day input[type="radio"]{
display: block;
font-size:1.2rem;
width: auto;
margin:4px auto;

cursor:pointer;}


table.table_inquiry02 td.check__day input[type="radio"]:disabled +span.sentaku02{color:#999;}

span.sentaku02{display: inline-block;}

table.table_inquiry02 td{text-align: center; padding:5px ;}

table.table_inquiry02 th.tdblue,
table.table_inquiry02 td.tdblue,
table.table_inquiry02 th.tdorange,/*0927*/
table.table_inquiry02 td.tdorange{/*0927*/
width:185px;
color:#3b7cff;
font-weight:bold;
text-align: left;
border-right:3px double #ccc;
}

table.table_inquiry02 th.tdorange,/*0927*/
table.table_inquiry02 td.tdorange{/*0927*/
color:#b57600;/*0927*/
}/*0927*/s


table.table_inquiry02 td.senmei{
/*  text-align:right;
    color:#333;
    font-weight:normal;*/
}

table.table_inquiry02 td.senmei img{
    margin-right:25px;
    margin-left: auto;
}

table.table_inquiry02 td.dep-time{text-align: center;}

table.table_inquiry02 td.dep-time img{margin:0 auto;}


/*----タブCSS------*/
.tabs03 {
margin-top: 30px;
width: 100%;
margin: 0 auto;
text-align: center;
}

/*タブのスタイル*/
.tab_item03 {
width:200px;
margin: 0 auto;
height: 40px;
margin:0 auto;
line-height: 40px;
font-size: 16px;
text-align: center;
color:#000046;
display: inline-block;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
border-radius: 10px 10px 0 0/10px 10px 0 0;
border: #000046 2px solid;/*0805*/
border-bottom:none;
position: relative;
background:none;
padding:0;
}

.tab_item03:hover {
    opacity: 0.75;
    cursor: pointer;
}

/*ラジオボタンを全て消す*/
input[name="tab_item03"] {display: none;}

.tab_content_wrap{
width: 100%;
border-bottom : 2px solid #000046;
}

.tab_content03 {
display: none;
margin:20px auto  0;/*0927*/
clear: both;
width: 950px;
overflow: hidden;
}

.tabs03 input:checked + .tab_item03 {
background-color: #000046;
color: #fff;
}

/*選択されているタブのコンテンツのみを表示*/
#settsu:checked ~ #settsu_content,
#izumi:checked ~ #izumi_content,
#tsukushi:checked ~ #tsukushi_content {
display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
background-color: #fff;
color: #000046;
}

ul.select_week02{
display:flex;
justify-content:flex-end;
overflow: hidden;
margin-bottom:10px;}

ul.select_week02 li {display:block; line-height:1.6;}

ul.select_week02 li a{
font-size:1.4rem;
width:70px;
margin:0 0 0 5px;
display:inline-block;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
border: 2px solid  #9999b5;
border-radius:40px;
background: #9999b5;
color: #fff;
overflow: hidden;
}

.tab_pc{display:block;}

.tab_sp{display: none;}




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

table.table_inquiry02{margin-bottom: 0px;}

table.table_inquiry02 th {text-align: center; font-size:1.2rem;}

table.table_inquiry02 th span.day,
table.table_inquiry02 th span.day_sat,
table.table_inquiry02 th span.day_sun{
font-size:1.6rem;
width:45px;
}

table.table_inquiry02 td.check__day{
    padding:3px;
    border-bottom:#006bb9 2px solid;
    border-top:#006bb9 2px solid;
}

.radio_wrap{
padding: 2px;
width:100%;
height:40px;
position:relative;
}


table.table_inquiry02 td.check__day input[type="radio"]{
width: auto;
margin:3px auto 0;
display: block;
}

table.table_inquiry02 td.check__day input[type="radio"]:disabled +span.sentaku02{color:#999;}

span.sentaku02{font-size:1.2rem;}



table.table_inquiry02 th.tdblue,
table.table_inquiry02 td.tdblue,
table.table_inquiry02 th.tdorange,
table.table_inquiry02 td.tdorange{
font-size:1.3rem;
font-weight:normal;
width:90px !important;
border-right:none;
}

.tabs03 {margin: 0 auto 0;}/*0927*/

.tab_item03 {
width:30%;
margin: 0 auto;
height: auto;
margin:0 auto;
line-height: 1.2;/*0927*/
font-size: 16px;
transition: all 0.2s ease;
border-radius: 10px 10px 0 0/10px 10px 0 0;
padding: 0 0;/*0927*/
margin-bottom: -8px;
}

.tab_content03 {
display: none;
margin:0 auto  0;/*0927*/
clear: both;
width: 90%;
overflow: hidden;
}

.tab_sp{
display: block;
position: relative;
height:60px;
}

.tab_sp p{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width:100%;
}

.tab_pc{display: none;}

ul.select_week02{
justify-content: space-between;
margin-top: 20px;
}

span.hidden{display: none;}

}




/*----------0828以降----------*/

input.cancel_btn {
display: inline-block;
width:250px;
font-size:20px;
border: 2px solid  #9999b5;
border-radius:40px;
background: #9999b5;
color: #fff;
margin:0 auto 20px;
padding:15px 0;
float:left;
}
input.cancel_btn:hover {
color: #9999b5;
text-decoration:none;
background-color: #fff;
border: 2px solid #9999b5;
cursor: pointer;
}

.margin-r-10{
margin-right:10px;
}
.border-top-none{
border-top:none;
}
p.cars_text{
padding:10px 5px;
}

table.table_pointexpire td{
    padding:15px 10px;
    border:1px solid #ccc;
    text-align:center;
}
table.table_pointexpire th{
    width:225px;
    padding:10px 10px;
    text-align:center;
    border-bottom:3px double #ccc;
}
p.pointexpire{
font-size:14px;
margin:10px 0 0 0;
}

table.usehistory th,
table.usehistory td{
padding:20px 10px;
text-align:center;
}
table.usehistory th{
border-bottom:3px double #ccc;
}


.reservationnum{
border:3px solid #00a630;
color:#00a630;
font-size:26px;
line-height:1.6;
text-align:center;
margin:0 0 20px 0;
padding:20px;
}

img.creditcard{
width:200px;
}
img.crediticon{
height:34px;
margin:0 10px 0 0;
}


.rank_gold{
color:#dd8800;
}
.rank_gold::before{
background-image: url(../img/img-rank-gold.png);
}
.rank_silver{
color:#549c9c;
}
.rank_silver::before{
background-image: url(../img/img-rank-silver.png);
}
.rank_bronze{
color:#b44600;
}
.rank_bronze::before{
background-image: url(../img/img-rank-bronze.png);
}
.rank_diamond{/*1215*/
color:#3d9cec;
}
.rank_diamond::before{/*1215*/
background-image: url(../img/img-rank-diamond.png);
}
.rank_platinum{/*1215*/
color:#97afaf;
}
.rank_platinum::before{/*1215*/
background-image: url(../img/img-rank-platinum.png);
}


.row a.link {/*0918*/
color:#0066ff;
}

.header_container_detail {
height:30px;
}
.header_container_detail img {
width:75%;
}
.detail_title{
width:600px;
margin:30px auto 0 auto;
padding: 10px 0;
border-top:1px solid #000046;
border-bottom:1px solid #000046;
}
.detail_title h1{
font-size:18px;
color:#000046;
}
.detail_text{
width:600px; margin:0 auto; padding:30px 0;
}
.detail_text p.roomphoto{
text-align:center; margin:0 0 30px 0;
}
.detail_text p.roomphoto img{
margin:0 auto;
}
.detail_text p{
font-size:16px; line-height:1.4; margin:0 0 1em 0;
}
.detail_text a{
color:#0066ff;
}

input.datepicker::placeholder {
color: #cccccc;
}
select.err{
border:1px solid #ff0000;
}

span.roomprice{
width:65px; display:inline-block; text-align:right;
}
label.route{
border:0; background:none; margin:5px 0 5px 0; padding:0 0; height:auto; display:inline-block;
cursor:pointer;
}
label.route input{
margin:0; padding:0; border:1px solid #ccc; background-color:#ccc; font-size:20px;
}
table.table_route{
border:0;
width:100%;
margin-bottom:10px;
}
table.table_route th,
table.table_route td {
width:auto;
border:1px solid #ccc;
vertical-align:top;
}
table.table_route th {
border-right:3px double #ccc;
}
table.table_route td {
width:80%;
}

.wrapper_vacantlist{
padding-bottom:20px;
}

.route_right1{
    float:right;
    margin-left:20px;
}
.route_right2{
    float:right;
}
.route_left{
    float:left;
    background: #9999b5;
    border: 2px solid  #9999b5;
}
.route_left:hover{
    color: #9999b5;
    text-decoration:none;
    background-color: #fff;
    border: 2px solid #9999b5;
}

table.table_inquiry02 td.senmei{
    text-align:right;
    color:#333;
    font-weight:normal;
}
table.table_inquiry02 td.check__day label div.err{
    border:1px solid #f00;
}

p.dateexample{
    text-align:left; color:#999; font-size:14px;
}

table.fontsmall td{
                                padding:10px;
                                font-size:16px;
}

span.nowrap{
                                white-space:nowrap;
}

span.carscaption{
    color:#999; font-size:12px;
}
p.carscaption{
    color:#999; margin:5px 0 0 0; font-size:12px; line-height:1.4;
}


.loading{
    position: fixed;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: rgba(102, 153, 255, .4);
    z-index: 1000;
    background-image: url(../img/loading_05.gif);
    background-repeat: no-repeat;
    background-position:center center;
    background-size:50px 50px;
}


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

input.cancel_btn {
width:100%;
}
.margin-r-10{
margin-right:0;
}
p.cars_text{
padding:0 0;
}
table.usehistory th,
table.usehistory td{
padding:10px 5px;
}
table.usehistory th{
}

img.crediticon{
height:30px;
margin:0 10px 10px 0;
}

.detail_title,
.detail_text{
width:90%;
}
.detail_title{
padding:0;
}

label.route{
border:1px solid #ccc;
background:none;
margin:0 0 4px 0;
padding:10px;
height:auto;
display:inline-block;
width:100%;
}

table.table_route{
border:0;
}
table.table_route th {
border:none;
font-weight:bold;
}
table.table_route td {
border:none;
width:100%;
}
.wrapper_vacantlist{
margin-bottom:0;
padding-bottom:0;
}
.tabs03{
}

table.table_pointexpire th{
    width:35%;
}

.route_btn{
    width:100%;
}
.route_right1{
    width:100%;
    margin-left:0;
}

.mt45{
    margin-top:45px;
}

/*0117*/
ul.reserve_tab li{
    width:160px;
}


/*0128*/
p.room_text_mb10 {
    margin-bottom:5px;
}
table.table_room_edit02 p.room_text_sub {
    font-size:12px; padding-left:0px;
}
input.room_number_pet {
    width:100%;
}



}








/*---------- PC or SP ----------*/

.pc{display:block;}

.sp{display:none ;}

.pc-br{display: block;}

.sp-br{display: none;}

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

.pc{display:none;}

.sp{display:block;}

.pc-br{display: none;}

.sp-br{display: block;}


}


/*追加*/
label.tab_item:hover {
    cursor:pointer;
}

p.numplate{
    width:85%;
    text-align:center;
    margin:25px auto;
}
p.numplate img{
    width:100%;
}

#maintenance {
                                width:100%; border:1px solid #ff9900; border-radius:0px; padding: 20px 20px 40px 20px; text-align:center;
}

#maintenance img {
                                width:50px; margin:10px auto 0px auto;
}


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

table.table_reservelist {
}
table.table_reservelist td.rspan{
    width:auto;
    padding:0;
}
table.table_reservelist td.rspan span.oneway,
table.table_reservelist td.rspan span.round{
    margin:0;
}

table.mypage__appointment {
    width:99%;
}
table.mypage__appointment td.rspan{
    width:auto;
    padding:0;
}
table.mypage__appointment td.rspan span.oneway,
table.mypage__appointment td.rspan span.round{
    margin:0;
}
table.mypage__appointment {
}


p.numplate{
    width:100%;
    margin:20px auto;
}


}


/* 202504 elmc add */
.shuttle-use{display:none;padding-top:1em}



/* 2507 ci add */
.room_flex{
    display: flex;
    position: relative;
    justify-content: center;
    height: 600px;
    margin-bottom: 0;
}
.room_flex .button_b{
    width: 45%;
}

/*船籍図の画像*/
.area{
    position: relative;
    width: 320px;
    height: 600px;
    margin-right: 15px;
    margin-left: 0;
}
.room_img{
    background-size: 320px 600px;
    width: 320px;
    height: 600px;
    position: relative;
}
.room_img::before{
    content: "進行方向→";
    transform: rotate(-90deg);
    position: absolute;
    top:25px;
    left:-10px;
    font-size: 0.8125em;
    color:#000;
}
.room_img::after{
    content: "● 空室";
    padding:0 3px;
    background-color: rgba(255,255,255,0.60);
    position: absolute;
    bottom:10px;
    right:5px;
    font-size: 11px;
    color:#FF0000;
}
.room_img.IH_room_6F_SY1::after,
.room_img.IH_room_6F_SY2::after,
.room_img.IH_room_6F_SY3::after,
.room_img.IH_room_6F_SY4::after,
.room_img.IH_room_6F_SY5::after,
.room_img.IH_room_6F_SY6::after,
.room_img.IH_room_6F_SY7::after,
.room_img.IH_room_6F_SY8::after,
.room_img.IH_room_6F_SY9::after,
.room_img.IH_room_6F_SY10::after,
.room_img.IH_room_6F_SY11::after,
.room_img.IH_room_6F_SY12::after,
.room_img.SY_room_5F_SY1::after,
.room_img.SY_room_5F_SY2::after,
.room_img.SY_room_5F_SY3::after,
.room_img.SY_room_5F_SY4::after,
.room_img.SY_room_6F_SY1::after,
.room_img.SY_room_6F_SY2::after,
.room_img.SY_room_6F_SY3::after,
.room_img.SY_room_6F_SY4::after,
.room_img.SY_room_6F_SY5::after,
.room_img.SY_room_6F_SY6::after,
.room_img.SY_room_6F_SY7::after,
.room_img.SY_room_6F_SY8::after,
.room_img.SY_room_6F_SY9::after,
.room_img.SY_room_6F_SY10::after,
.room_img.SY_room_6F_SY11::after,
.room_img.SY_room_6F_SY12::after{
    content: "● 空室 ／上段ベッド偶数 ／下段ベッド奇数";
    padding:2px 6px;
    left:50%;
    transform:translateX(-50%);
}

/*空席マーク*/
.room_img .left li,
.room_img .right li{
    position: relative;
}
.room_img .left .maru,
.room_img .right .maru,
.room_img .pop-left .maru,
.room_img .pop-right .maru{
    position: absolute;
    right:-5px;
    top:2px;
    display:inline-block;
    width: 7px;
    height: 7px;
    border-radius: 7px;
    border:1px solid #fff;
    background-color: red;
}
.room_img{
    position: relative;
}
.room_img .left,
.room_img .right{
    display:block;
    position: absolute;
    font-size:11px;
}

/*以下は部屋ごと*/
/*いずみひびき*/
/*デラックス洋室*/
.room_img.IH_room_5F_DY .left{
    left:71px;
    top:13px;
}
.room_img.IH_room_5F_DY li{
    height:15px;
    padding: 1px 0 1px 6px;
    margin-bottom: 4px;
}
.room_img.IH_room_5F_DY .right{
    right:82px;
    top:13px;
}
.room_img.IH_room_5F_DY li.mb7{
    margin-bottom:7px;
}
/*デラックス和洋室*/
.room_img.IH_room_5F_DWYB .right{
    right:79px;
    top:205px;
}
.room_img.IH_room_5F_DWYB .right li{
    height:20px;
    padding: 1px 0 2px 6px;
    margin-bottom: 4.5px;
}
/*デラックス和室*/
.room_img.IH_room_6F_DW .left li{
    height:20px;
    padding: 1px 0 2px 6px;
    margin-bottom: 4.5px;
}
.room_img.IH_room_6F_DW .left{
    left:61px;
    top:314px;
}
/*ロイヤル*/
.room_img.IH_room_7F_R .left li,
.room_img.IH_room_7F_R .right li{
    height:50px;
    padding: 1px 0 3px 6px;
    margin-bottom: 4.5px;
}
.room_img.IH_room_7F_R .left{
    left:60px;
    top:140px;
}
.room_img.IH_room_7F_R .right{
    right:75px;
    top:140px;
}
/*スイート*/
.room_img.IH_room_7F_S .left li,
.room_img.IH_room_7F_S .right li{
    height:20px;
    padding: 1px 0 2px 6px;
    margin-bottom:4.5px;
}
.room_img.IH_room_7F_S .left{
    left:55px;
    top:174px;
}
.room_img.IH_room_7F_S .right{
    right:72px;
    top:174px;
}
/*デラックスシングル*/
.room_img.IH_room_7F_DS .left li,
.room_img.IH_room_7F_DS .right li{
    height:12px;
    padding: 1px 0 2px 6px;
    margin-bottom:0.5px;
    font-size:10px;
}
.room_img.IH_room_7F_DS li.mb30{
    margin-bottom:30px;
}
.room_img.IH_room_7F_DS li.mb15{
    margin-bottom:15px;
}
.room_img.IH_room_7F_DS li.mb12{
    margin-bottom:12px;
}
.room_img.IH_room_7F_DS .left.w01{
    left:105px;
    top:202px;
}
.room_img.IH_room_7F_DS .left.w02{
    left:130px;
    top:202px;
}
.room_img.IH_room_7F_DS .right.w01{
    right:118px;
    top:202px;
}
.room_img.IH_room_7F_DS .right.w02{
    right:143px;
    top:202px;
}

/*デラックス和洋室(3名)*/
.room_img.IH_room_6F_DWY .left li,
.room_img.IH_room_6F_DWY .right li{
    height:16px;
    padding: 1px 0 3px 6px;
    margin-bottom: 4.5px;
}
.room_img.IH_room_6F_DWY .left{
    left:56px;
    top:44px;
}
.room_img.IH_room_6F_DWY .right{
    right:63px;
    top:38px;
}

/*デラックス和洋室(4名)*/
.room_img.IH_room_6F_DWY4 .left li{
    height:16px;
    padding: 1px 0 3px 6px;
    margin-bottom: 4.5px;
}
.room_img.IH_room_6F_DWY4 .left{
    left:56px;
    top:210px;
}

/*スタンダード洋室(6F)*/
/*部屋*/
.room_img.IH_room_6F_SY1 .left,
.room_img.IH_room_6F_SY2 .left,
.room_img.IH_room_6F_SY3 .left,
.room_img.IH_room_6F_SY4 .left,
.room_img.IH_room_6F_SY5 .left,
.room_img.IH_room_6F_SY6 .left{
    right:120px;
    top:8px;
    transform: rotate(-90deg);

}
.room_img.IH_room_6F_SY1 .right,
.room_img.IH_room_6F_SY2 .right,
.room_img.IH_room_6F_SY3 .right,
.room_img.IH_room_6F_SY4 .right,
.room_img.IH_room_6F_SY5 .right,
.room_img.IH_room_6F_SY6 .right{
    right:120px;
    top:-69px;
    transform: rotate(-90deg);
}
.room_img.IH_room_6F_SY7 .left,
.room_img.IH_room_6F_SY8 .left,
.room_img.IH_room_6F_SY9 .left,
.room_img.IH_room_6F_SY10 .left,
.room_img.IH_room_6F_SY11 .left,
.room_img.IH_room_6F_SY12 .left{
    right:152px;
    top:8px;
    transform: rotate(-90deg);

}
.room_img.IH_room_6F_SY7 .right,
.room_img.IH_room_6F_SY8 .right,
.room_img.IH_room_6F_SY9 .right,
.room_img.IH_room_6F_SY10 .right,
.room_img.IH_room_6F_SY11 .right,
.room_img.IH_room_6F_SY12 .right{
    right:152px;
    top:-69px;
    transform: rotate(-90deg);
}

/*共通*/
.room_img.IH_room_6F_SY1 li,
.room_img.IH_room_6F_SY2 li,
.room_img.IH_room_6F_SY3 li,
.room_img.IH_room_6F_SY4 li,
.room_img.IH_room_6F_SY5 li,
.room_img.IH_room_6F_SY6 li,
.room_img.IH_room_6F_SY7 li,
.room_img.IH_room_6F_SY8 li,
.room_img.IH_room_6F_SY9 li,
.room_img.IH_room_6F_SY10 li,
.room_img.IH_room_6F_SY11 li,
.room_img.IH_room_6F_SY12 li{
    height:13px;
    position: relative;
}
.room_img.IH_room_6F_SY1 li:nth-of-type(2n),
.room_img.IH_room_6F_SY2 li:nth-of-type(2n),
.room_img.IH_room_6F_SY3 li:nth-of-type(2n),
.room_img.IH_room_6F_SY4 li:nth-of-type(2n),
.room_img.IH_room_6F_SY5 li:nth-of-type(2n),
.room_img.IH_room_6F_SY6 li:nth-of-type(2n),
.room_img.IH_room_6F_SY7 li:nth-of-type(2n),
.room_img.IH_room_6F_SY8 li:nth-of-type(2n),
.room_img.IH_room_6F_SY9 li:nth-of-type(2n),
.room_img.IH_room_6F_SY10 li:nth-of-type(2n),
.room_img.IH_room_6F_SY11 li:nth-of-type(2n),
.room_img.IH_room_6F_SY12 li:nth-of-type(2n){
    margin-bottom:34px;
}

/*スタンダードシングル(5F)*/
/*部屋*/
.room_img.IH_room_5F_SSD .left{
    left:15px;
}
.room_img.IH_room_5F_SSD .left.h03{
    top:260px;
    left:50px;
}
.room_img.IH_room_5F_SSD .left.h04{
    top:315px;
}
.room_img.IH_room_5F_SSD .left.h05{
    top:373px;
}
.room_img.IH_room_5F_SSD .left.h06{
    top:433px;
}
.room_img.IH_room_5F_SSD .left.h07{
    top:489px;
}
.room_img.IH_room_5F_SSD .left ol,
.room_img.IH_room_5F_SSD .right ol {
    transform: rotate(-90deg);
    height:33px;
}
.room_img.IH_room_5F_SSD .left.h03 ol{
    height:30px;
}
.room_img.IH_room_5F_SSD .right{
    right:62px;
}
.room_img.IH_room_5F_SSD .right.h01{
    top:25px;
    height:16px;
}
.room_img.IH_room_5F_SSD .right.h02{
    top:82px;
    height:16px;
}
.room_img.IH_room_5F_SSD .right.h04{
    top:378px;
    right:94px;
}
.room_img.IH_room_5F_SSD .right.h05{
    top:435px;
    right:94px;
}
.room_img.IH_room_5F_SSD .right.h06{
    top:493px;
    right:94px;
}

.room_img.IH_room_5F_SSD .left li{
    height:16px;
    font-size: 10px;
}
.room_img.IH_room_5F_SSD .right li{
    height:16px;
    font-size: 10px;
}
.room_img.IH_room_5F_SSD .left.h03 li{
    height:22px;
}
.room_img.IH_room_5F_SSD .right.h01 li,
.room_img.IH_room_5F_SSD .right.h02 li{
    height:18px;
}
.room_img.IH_room_5F_SSD .maru{
    top:1px;
    right:-5px;
}

/*せっつやまと*/
/*デラックス洋室*/
.room_img.SY_room_5F_DY .left{
    left:78px;
    top:16px;
}
.room_img.SY_room_5F_DY li{
    height:13px;
    padding: 1px 0 2px 6px;
    margin-bottom: 4.5px;
}
.room_img.SY_room_5F_DY .right{
    right:87px;
    top:16px;
}
.room_img.SY_room_5F_DY li.mb7{
    margin-bottom:7px;
}
/*デラックス和洋室*/
.room_img.SY_room_5F_DWYB .right{
    right:87px;
    top:198px;
}
.room_img.SY_room_5F_DWYB .right li{
    height:15px;
    padding: 1px 0 2px 6px;
    margin-bottom: 4.5px;
}
/*デラックス洋室*/
.room_img.SY_room_5F_DWYP .right{
    right:90px;
    top:393px;
}
.room_img.SY_room_5F_DWYP .right li{
    height:52px;
    padding: 1px 0 2px 6px;
    margin-bottom: 4.5px;
}
/*デラックス和室*/
.room_img.SY_room_6F_DW .left li{
    height:27px;
    padding: 1px 0 3px 6px;
    margin-bottom: 4.5px;
}
.room_img.SY_room_6F_DW .left{
    left:58px;
    top:315px;
}
/*ロイヤル*/
.room_img.SY_room_7F_R .left li,
.room_img.SY_room_7F_R .right li{
    height:50px;
    padding: 1px 0 3px 6px;
    margin-bottom: 4.5px;
}
.room_img.SY_room_7F_R .left{
    left:70px;
    top:70px;
}
.room_img.SY_room_7F_R .right{
    right:80px;
    top:70px;
}
/*スイート*/
.room_img.SY_room_7F_S .left li,
.room_img.SY_room_7F_S .right li{
    height:23px;
    padding: 1px 0 1px 6px;
    margin-bottom:3px;
}
.room_img.SY_room_7F_S .left{
    left:55px;
    top:105px;
}
.room_img.SY_room_7F_S .right{
    right:63px;
    top:105px;
}
/*デラックスシングル*/
.room_img.SY_room_7F_DS .left li,
.room_img.SY_room_7F_DS .right li{
    height:15px;
    padding: 1px 0 1px 6px;
    margin-bottom:0px;
    font-size:10px;
}
.room_img.SY_room_7F_DS li.mb30{
    margin-bottom:30px;
}
.room_img.SY_room_7F_DS li.mb15{
    margin-bottom:15px;
}
.room_img.SY_room_7F_DS li.mb12{
    margin-bottom:12px;
}
.room_img.SY_room_7F_DS .left.w01{
    left:109px;
    top:67px;
}
.room_img.SY_room_7F_DS .left.w02{
    left:137px;
    top:67px;
}
.room_img.SY_room_7F_DS .right.w01{
    right:109px;
    top:67px;
}
.room_img.SY_room_7F_DS .right.w02{
    right:137px;
    top:67px;
}
/*デラックス和洋室*/
.room_img.SY_room_6F_DWY .left li{
    height:16px;
    padding: 1px 0 3px 6px;
    margin-bottom: 4.5px;
}
.room_img.SY_room_6F_DWY .left{
    left:55px;
    top:42px;
}
.room_img.SY_room_6F_DWY .right{
    right:55px;
    top:35px;
}
.room_img.SY_room_6F_DWY .right li{
    height:20px;
    padding: 0 0 1px 6px;
    margin-bottom:1px;
}

/*スタンダード洋室(5F)*/
/*部屋(12席・10席)*/
.room_img.SY_room_5F_SY1 .left,
.room_img.SY_room_5F_SY2 .left{
    right:145px;
    top:32px;
    transform: rotate(-90deg);
}
.room_img.SY_room_5F_SY3 .left{
    right:118px;
    top:62px;
    transform: rotate(-90deg);
}
.room_img.SY_room_5F_SY1 .right,
.room_img.SY_room_5F_SY2 .right,
.room_img.SY_room_5F_SY3 .right{
    right:148px;
    top:-40px;
    transform: rotate(-90deg);
}
/*部屋(16席)*/
.room_img.SY_room_5F_SY4 .left{
    right:129px;
    top:3px;
    transform: rotate(-90deg);
}
.room_img.SY_room_5F_SY4 .right{
    right:129px;
    top:-69px;
    transform: rotate(-90deg);
}
/*共通*/
.room_img.SY_room_5F_SY1 li,
.room_img.SY_room_5F_SY2 li,
.room_img.SY_room_5F_SY3 li,
.room_img.SY_room_5F_SY4 li{
    height:17px;
    position: relative;
}
.room_img.SY_room_5F_SY1 li:nth-of-type(2n),
.room_img.SY_room_5F_SY2 li:nth-of-type(2n),
.room_img.SY_room_5F_SY3 li:nth-of-type(2n),
.room_img.SY_room_5F_SY4 li:nth-of-type(2n){
    margin-bottom:25px;
}

/*スタンダード洋室(6F)*/
/*部屋*/
.room_img.SY_room_6F_SY1 .left,
.room_img.SY_room_6F_SY2 .left,
.room_img.SY_room_6F_SY3 .left,
.room_img.SY_room_6F_SY4 .left,
.room_img.SY_room_6F_SY5 .left{
    right:129px;
    top:3px;
    transform: rotate(-90deg);
}
.room_img.SY_room_6F_SY6 .left{
    right:129px;
    top:-10px;
    transform: rotate(-90deg);

}
.room_img.SY_room_6F_SY1 .right,
.room_img.SY_room_6F_SY2 .right,
.room_img.SY_room_6F_SY3 .right,
.room_img.SY_room_6F_SY4 .right,
.room_img.SY_room_6F_SY5 .right{
    right:129px;
    top:-69px;
    transform: rotate(-90deg);
}
.room_img.SY_room_6F_SY7 .left,
.room_img.SY_room_6F_SY8 .left,
.room_img.SY_room_6F_SY9 .left,
.room_img.SY_room_6F_SY10 .left,
.room_img.SY_room_6F_SY11 .left{
    right:150px;
    top:4px;
    transform: rotate(-90deg);
}
.room_img.SY_room_6F_SY7 .right,
.room_img.SY_room_6F_SY8 .right,
.room_img.SY_room_6F_SY9 .right,
.room_img.SY_room_6F_SY10 .right,
.room_img.SY_room_6F_SY11 .right{
    right:150px;
    top:-69px;
    transform: rotate(-90deg);
}
.room_img.SY_room_6F_SY12 .right{
    right:150px;
    top:-10px;
    transform: rotate(-90deg);
}
/*共通*/
.room_img.SY_room_6F_SY1 li,
.room_img.SY_room_6F_SY2 li,
.room_img.SY_room_6F_SY3 li,
.room_img.SY_room_6F_SY4 li,
.room_img.SY_room_6F_SY5 li,
.room_img.SY_room_6F_SY6 li,
.room_img.SY_room_6F_SY7 li,
.room_img.SY_room_6F_SY8 li,
.room_img.SY_room_6F_SY9 li,
.room_img.SY_room_6F_SY10 li,
.room_img.SY_room_6F_SY11 li,
.room_img.SY_room_6F_SY12 li{
    height:17px;
    position: relative;
}
.room_img.SY_room_6F_SY1 li:nth-of-type(2n),
.room_img.SY_room_6F_SY2 li:nth-of-type(2n),
.room_img.SY_room_6F_SY3 li:nth-of-type(2n),
.room_img.SY_room_6F_SY4 li:nth-of-type(2n),
.room_img.SY_room_6F_SY5 li:nth-of-type(2n),
.room_img.SY_room_6F_SY6 li:nth-of-type(2n),
.room_img.SY_room_6F_SY7 li:nth-of-type(2n),
.room_img.SY_room_6F_SY8 li:nth-of-type(2n),
.room_img.SY_room_6F_SY9 li:nth-of-type(2n),
.room_img.SY_room_6F_SY10 li:nth-of-type(2n),
.room_img.SY_room_6F_SY11 li:nth-of-type(2n),
.room_img.SY_room_6F_SY12 li:nth-of-type(2n){
    margin-bottom:25px;
}

/*スタンダードシングル(5F)*/
/*部屋*/
.room_img.SY_room_5F_SSD .left{
    left:10px;
}
.room_img.SY_room_5F_SSD .left.h01{
    top:232px;
}
.room_img.SY_room_5F_SSD .left.h02{
    top:285px;
}
.room_img.SY_room_5F_SSD .left.h03{
    top:338px;
}
.room_img.SY_room_5F_SSD .left.h04{
    top:390px;
}
.room_img.SY_room_5F_SSD .left.h05{
    top:445px;
}
.room_img.SY_room_5F_SSD .left.h06{
    top:498px;
}
.room_img.SY_room_5F_SSD .left ol {
    transform: rotate(-90deg);
    height:26px;
}
.room_img.SY_room_5F_SSD .right ol {
    transform: rotate(-90deg);
    height:27px;
}
.room_img.SY_room_5F_SSD .right{
    right:90px;
}
.room_img.SY_room_5F_SSD .right.h01{
    top:340px;
}
.room_img.SY_room_5F_SSD .right.h02{
    top:396px;
}
.room_img.SY_room_5F_SSD .right.h03{
    top:453px;
}
.room_img.SY_room_5F_SSD .right.h04{
    top:509px;
}
.room_img.SY_room_5F_SSD .left li,
.room_img.SY_room_5F_SSD .right li{
    height:15px;
    font-size: 11px;
}
.room_img.SY_room_5F_SSD .right.h04 li{
    height:18px;
}
.room_img.SY_room_5F_SSD .maru{
    top:2px;
    right:-5px;
}

/*いずみ・ひびき船席画像*/
.IH_room_5F_DY{
    background: url(../img/img_IH_room_5F_DY@2x.png) no-repeat;
    background-size: 320px 600px;
}
.IH_room_5F_DWYB{
    background: url(../img/img_IH_room_5F_DWYB@2x.png) no-repeat;
    background-size: 320px 600px;
}
.IH_room_5F_SSD{
    background: url(../img/img_IH_room_5F_SSD@2x.png) no-repeat;
    background-size: 320px 600px;
}
.IH_room_5F_P{
    background: url(../img/img_IH_room_5F_P@2x.png) no-repeat;
    background-size: 320px 600px;
}
.IH_room_5F_SSD{
    background: url(../img/img_IH_room_5F_SSD@2x.png) no-repeat;
    background-size: 320px 600px;
}

.IH_room_6F_DWY{
    background: url(../img/img_IH_room_6F_DWY@2x.png) no-repeat;
    background-size: 320px 600px;
}
.IH_room_6F_DWY4{
    background: url(../img/img_IH_room_6F_DWY4@2x.png) no-repeat;
    background-size: 320px 600px;
}
.IH_room_6F_DW{
    background: url(../img/img_IH_room_6F_DW@2x.png) no-repeat;
    background-size: 320px 600px;
}
.IH_room_6F_SY{
    background: url(../img/img_IH_room_6F_SY@2x.png) no-repeat;
    background-size: 320px 600px;
}
.IH_room_6F_SY1{
    background: url(../img/img_IH_room_6F_SY1@2x.png) no-repeat;
    background-size: 320px 600px;
}
.IH_room_6F_SY2{
    background: url(../img/img_IH_room_6F_SY2@2x.png) no-repeat;
    background-size: 320px 600px;
}
.IH_room_6F_SY3{
    background: url(../img/img_IH_room_6F_SY3@2x.png) no-repeat;
    background-size: 320px 600px;
}
.IH_room_6F_SY4{
    background: url(../img/img_IH_room_6F_SY4@2x.png) no-repeat;
    background-size: 320px 600px;
}
.IH_room_6F_SY5{
    background: url(../img/img_IH_room_6F_SY5@2x.png) no-repeat;
    background-size: 320px 600px;
}
.IH_room_6F_SY6{
    background: url(../img/img_IH_room_6F_SY6@2x.png) no-repeat;
    background-size: 320px 600px;
}
.IH_room_6F_SY7{
    background: url(../img/img_IH_room_6F_SY7@2x.png) no-repeat;
    background-size: 320px 600px;
}
.IH_room_6F_SY8{
    background: url(../img/img_IH_room_6F_SY8@2x.png) no-repeat;
    background-size: 320px 600px;
}
.IH_room_6F_SY9{
    background: url(../img/img_IH_room_6F_SY9@2x.png) no-repeat;
    background-size: 320px 600px;
}
.IH_room_6F_SY10{
    background: url(../img/img_IH_room_6F_SY10@2x.png) no-repeat;
    background-size: 320px 600px;
}
.IH_room_6F_SY11{
    background: url(../img/img_IH_room_6F_SY11@2x.png) no-repeat;
    background-size: 320px 600px;
}
.IH_room_6F_SY12{
    background: url(../img/img_IH_room_6F_SY12@2x.png) no-repeat;
    background-size: 320px 600px;
}
.IH_room_7F_R{
    background: url(../img/img_IH_room_7F_R@2x.png) no-repeat;
    background-size: 320px 600px;
}
.IH_room_7F_S{
    background: url(../img/img_IH_room_7F_S@2x.png) no-repeat;
    background-size: 320px 600px;
}
.IH_room_7F_DS{
    background: url(../img/img_IH_room_7F_DS@2x.png) no-repeat;
    background-size: 320px 600px;
}


/*せっつ・やまと船席画像*/
.SY_room_5F_DY{
    background: url(../img/img_SY_room_5F_DY@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_5F_DWYB{
    background: url(../img/img_SY_room_5F_DWYB@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_5F_DWYP{
    background: url(../img/img_SY_room_5F_DWYP@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_5F_P{
    background: url(../img/img_SY_room_5F_P@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_5F_SY{
    background: url(../img/img_SY_room_5F_SY@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_5F_SY1{
    background: url(../img/img_SY_room_5F_SY1@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_5F_SY2{
    background: url(../img/img_SY_room_5F_SY2@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_5F_SY3{
    background: url(../img/img_SY_room_5F_SY3@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_5F_SY4{
    background: url(../img/img_SY_room_5F_SY4@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_5F_SW1,
.SY_room_5F_SW2{
    background: url(../img/img_SY_room_5F_SW@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_5F_SSD{
    background: url(../img/img_SY_room_5F_SSD@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_6F_DWY{
    background: url(../img/img_SY_room_6F_DWY@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_6F_DW{
    background: url(../img/img_SY_room_6F_DW@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_6F_SY1{
    background: url(../img/img_SY_room_6F_SY1@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_6F_SY2{
    background: url(../img/img_SY_room_6F_SY2@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_6F_SY3{
    background: url(../img/img_SY_room_6F_SY3@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_6F_SY4{
    background: url(../img/img_SY_room_6F_SY4@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_6F_SY5{
    background: url(../img/img_SY_room_6F_SY5@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_6F_SY6{
    background: url(../img/img_SY_room_6F_SY6@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_6F_SY7{
    background: url(../img/img_SY_room_6F_SY7@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_6F_SY8{
    background: url(../img/img_SY_room_6F_SY8@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_6F_SY9{
    background: url(../img/img_SY_room_6F_SY9@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_6F_SY10{
    background: url(../img/img_SY_room_6F_SY10@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_6F_SY11{
    background: url(../img/img_SY_room_6F_SY11@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_6F_SY12{
    background: url(../img/img_SY_room_6F_SY12@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_6F_SY13{
    background: url(../img/img_SY_room_6F_SY13@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_7F_R{
    background: url(../img/img_SY_room_7F_R@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_7F_S{
    background: url(../img/img_SY_room_7F_S@2x.png) no-repeat;
    background-size: 320px 600px;
}
.SY_room_7F_DS{
    background: url(../img/img_SY_room_7F_DS@2x.png) no-repeat;
    background-size: 320px 600px;
}


@media screen and (max-width: 769px) {
    .room_flex{
        flex-direction: column;
        justify-content: start;

    }
    .area{
        /*width: 300px;
        height: 510px;*/
        margin-bottom: 20px;
    }
    .room_img{
        height: 490px;
    }
    .room_img.IH_room_5F_SSD,
    .room_img.SY_room_5F_SSD{
        height:600px;
    }
}
/*枠*/
.room-seat_update,
.room_update{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 5px;
    margin-bottom: 10px;
    width: 395px;
    margin: auto 20px auto auto;
}
.room_update:first-of-type{
    border-top: 1px solid #ccc;
    padding-top:15px;
}
.room_update:last-of-type{
    border-bottom: 1px solid #ccc;
    padding-bottom:15px;
}

.button_area{
    height:120px;
    padding:25px 20px 0 0;
}
@media screen and (max-width: 769px) {
    .room-seat_update,
    .room_update{
        width: 320px;
        margin-right:20px;
    }
    .button_area{
        padding:25px 20px 0 0;
    }

}
.modal-content_wrapper .comment,
.modal-content_wrapper .comment{
    color:#006bb9;
    position:absolute;
    top:45px;
    right:80px;
}
.room-seat_update .r-title span,
.room_update .r-title span{
    display: inline-block;
    width: 123px;
    margin-left: 5px;
    text-align: left;
}
.room_update .r-title{
    width: 90px;
}

@media screen and (max-width: 769px) {
    .room_update .r-title {
        width: 65px;
    }
}
/*参照*/
.room-seat_update .r-data{
    display: flex;
}
.room-seat_update .room1 p,
.room-seat_update .seat1 p,
.room_update .room1 p{
    border:1px solid #eee;
    padding:10px;
}
.room-seat_update .room1 p{
    width: 120px;
    margin-right: 10px;
}
.room-seat_update .seat1 p,
.room_update .room1 p{
    width: 90px;
    display: inline-block;
    margin-right: 10px;
}
@media screen and (max-width: 769px) {
    .room-seat_update .seat1 p,
    .room_update .room1 p{
        width: 70px;
    }
}
/*入力*/
.room-seat_update .room2,
.room-seat_update .seat2,
.room_update .room2{
    appearance: none;
    text-indent: 1em;
    background:#EEE url(../img/img-arrow-bottom.png) no-repeat;
    background-size:15px auto;
    background-position: right 6px center;
    height: 46px;
    line-height: 40px;
    font-size: 1.6rem;
    vertical-align: middle;
    border:1px solid #CCC;
}
.room-seat_update .room2{
    margin-right: 5px;
    width: 120px;
}
.room-seat_update .seat2,
.room_update .room2{
    margin-right: 5px;
    width: 90px;
}

/*横並び*/
.room_update .r-title,
.room_update .room1,
.room_update .room1 p,
.room_update .room2{
    display: inline-block;
}
/*横矢印*/
.room_update .room1::after{
    content: "→";
    display: inline-block;
    text-align: left;
    width: 30px;
}

/* モーダルの基本スタイル */
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 500;
}
/* モーダルの中身 */
.modal-content {
  background-color: #fff;
  padding:0;
  border-radius: 10px;
  text-align: center;
  position: relative;
  z-index: 500;
}
.modal-content_wrapper{
    padding:30px 0 0 30px;
}
.modal-content .title{
    text-align: left;
    padding-bottom:20px;
}
/*スクロール*/
.scroll {
    overflow-y: scroll;
    height: 100%;
}

@media screen and (max-width: 769px) {
    .modal-content{
        width: 370px;
        /*height: 550px;
        padding: 40px 20px;*/
    }
    .modal-content .title{
        font-size: 2.1rem;
        padding-bottom:25px;
    }
    .modal-content_wrapper{
        padding:30px 0 0 15px;
    }
    .modal-content_wrapper .comment{
        top:55px;
        right:60px;
    }
}
/* 閉じるボタン */
.close {
  position: absolute;
  top: 5px;
  right: 20px;
  font-size: 30px;
  cursor: pointer;
  z-index: 500;
}
.openModal1,
.openModal2,
.openModal3,
.openModal4,
.openModal5,
.openModal6,
.openModal7,
.openModal8,
.openModal9,
.openModal10,
.openModal11,
.openModal12,
.openModal13,
.openModal14,
.openModal15,
.openModal16,
.openModal17{
    padding: 3px 0;
}
/*画像切り替えの矢印*/
.area .arrow {
    position: absolute;
    top: 280px;
    font-size: 2rem;
    color: #333;
    background-color: #fff;
    opacity: 0.8;
    border: none;
    font-weight: 700;
    z-index: 100;
    cursor: pointer;
    user-select: none;
}
.area .arrowLeft {
    left: 20px;
    padding: 5px 8px 5px 0;
    transform: translateX(-20px);
}
.area .arrowRight {
    right: 20px;
    padding: 5px 0 5px 8px;
    transform: translateX(20px);
}
@media screen and (max-width: 769px) {
    .area .arrow {
        top: 220px;
    }
    .area .arrowLeft {
        transform: translateX(0);
        left:0;
    }
    .area .arrowRight {
        transform: translateX(0);
        right:-5px;
    }
}
/*部屋・席予約一覧*/
.room_text__mb5{
    margin-bottom:5px;
    display:block;
    font-size:0.9375em;
}
.room_text__button{
    border: 2px solid #9999b5;
    border-radius: 40px;
    background:#9999b5;
    color:#fff;
    width:50px;
    display:inline-block;
    text-align:center;
    margin-right:10px;
    text-decoration: none;
}
table.table_room_edit02 td.room_text__table{
    padding:15px;
}
table.table_room_edit02 td.room_text__table th{
    padding:2px 10px;
}

table.table_room_edit02 td.room_text__table td p.seat{

}
table.table_room_edit02 td.room_text__table td span.number01,
table.table_room_edit02 td.room_text__table td span.number02{
    display:inline-block;
    width:40px;
    text-align: center;
    margin:0 8px 5px;
    font-size: 16px;
}
table.table_room_edit02 td.room_text__table td span.number02{
    font-weight:bold;
    color:#006bb9;
}

table.table_room_edit02 td.room_text__table td span.number:last-of-type{
    margin-bottom:none;
}

#bottom__link .button_g.button_mr{
    margin:30px auto 30px 0;
}

/* 2507 ci add end */