@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";

  .detailbody .box h1 {
border-bottom: 2px solid #be003c;
color: #be003c;
}
.detailbody .box h1 .txt_jp {
color: #e0cd76;
}
.detailbody .box h3 {
border-bottom: 2px solid #d3d3d3;
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/icon_bus.webp) no-repeat left center;
background-size: 25px;
padding-left: 35px;
margin: 1em 0;
}
.detail {
display: table;
margin-bottom: 100px;
}
.detail .sideL {
display: table-cell;
width: 400px;
padding-right: 30px;
}
.detail .sideR {
display: table-cell;
width: 400px;
} .access td {
border: none;
}
.access .airport.place {
border-bottom: 20px solid #fff;
height: 220px;
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/bgicon_plane.webp);
background-size: 85%;
}
.access .stadium.place {
background-image:url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/bgicon_stadium.webp);
background-size: 85%;
}
.access .bustarminal.place {
background-image:url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/bgicon_bus.webp);
background-size: 85%;
}
.access .highway {
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/accessicon_hignway.webp);
}
.access .localroad {
background-image:url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/accessicon_localroad.webp);
}
.access .highway,
.access .localroad {
padding: 0px 10px;
vertical-align: top;
background-size: 80%;
background-position: center top;
height: 100px;
position: relative;
width: 30%;
}
.access .busline {
background-image:url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/accessicon_busline.webp);
padding: 15px 10px;
vertical-align: top;
background-size: 80%;
background-position: center 50px;
position: relative;
}
.access .place {
background-color: #960048;
background-size: 100%;
background-position: center bottom;
color: #fff;
font-size: 1.7rem;
font-weight: bold;
width: 30%;
padding: 5px;
vertical-align: top;
line-height: 1.3;
height: 200px;
}
.access .bustarminal.place {
font-size: 1.6rem;
letter-spacing: -0.1em;
}
.access table p {
margin: 0;
line-height: 1;
}
.access table .means {
text-align: center;
position: absolute;
}
.access table .highway .means {
top: 70px;
}
.access table .localroad .means {
top: 65px;
}
.access table .busline .means {
top: 120px;
text-align: left;
font-size: 95%;
}
.parking .subtitle {
font-weight: bold;
color: #be003c;
font-size: 1.5rem;
margin: 20px 0px;
}
.extraparking .split2 {
background-color: #960048;
padding: 15px;
}
.extraparking .split2 .part p {
color: #fff;
}
.extraparking .extraparking_txt p {
margin: 0px 0px 10px;
line-height: 1.5;
}
.extraparking .extraparking_txt .subtitle {
font-weight: bold;
font-size: 1.5rem;
margin: 0 0 5px -13px;
line-height: 1;
}
.extraparking .extraparking_txt p a {
background-color: #fff;
padding: 3px 10px;
font-weight: bold;
line-height: 2.3;
}
.extraparking .extraparking_txt .wrappingbus {
color: #E0CD76!important;
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/icon_bus.webp);
background-size: 18px;
background-position: 250px center;
}
.page_title h1:before {
margin-right: 0.5em;
margin-left: 6em;
}
.page_title h1:after {
margin-left: 0.5em;
margin-right: 6em;
}
.copy {
color: #be003c;
font-weight: bold;
text-align: center;
font-size: 2.5rem;
width: 100%;
padding: 0;
margin: 0;
letter-spacing: 0.5rem;
}
.howto_detail {
margin-bottom: 30px;
}
.root_box.split5 {
text-align: center;
}
.root_box.split5 .part {
margin: 12px;
}
.root_box.split5 .part.root_busicon {
width: calc(70% / 5 - (5px * 2));
margin: 0;
margin-top: 5%;
}
.root_box.split5 .part.root_map {
width: calc(120% / 5 - (9px * 2))
} .timetable {
margin: 20px auto !important;
}
.timetable tbody {
border-top: 3px solid #cdcdcd;
}
.timetable.forhome tbody {
border-top:none;
}
.timetable th {
text-align: center;
border-top: 2px solid #cdcdcd;
border-bottom: 2px solid #cdcdcd;
border-right: none;
border-left: none;
color: #be003c;
letter-spacing: 0.1em;
padding: 5px;
}
.timetable td {
border-bottom: 2px solid #cdcdcd;
border-top: none;
border-left: none;
border-right: none;
text-align: center;
padding: 10px;
}
.timetable td.date,
.timetable td.opponent_name {
width: 30%;
font-size: 130%;
font-weight: bold;
background-color: #be003c;
color: #fff;
}
.timetable.forhome td.date .opponent_name {
background-color:#e6cf7d;
color: #be003c;
}
.timetable.forhome td {
padding:0;
}
.timetable.forhome td.date {
color: #e6cf7d;
border-bottom: none; background: #be003c; background: -moz-linear-gradient(top, #be003c 0%, #be003c 50%, #e6cf7d 50%, #e6cf7d 100%); background: -webkit-linear-gradient(top, #be003c 0%,#be003c 50%,#e6cf7d 50%,#e6cf7d 100%); background: linear-gradient(to bottom, #be003c 0%,#be003c 50%,#e6cf7d 50%,#e6cf7d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be003c', endColorstr='#e6cf7d',GradientType=0 ); }
.timetable.forhome td.date a {
display: block;
width: 100%;
height: 100%;
cursor: pointer;
cursor: hand;
color: #e6cf7d;
}
.timetable td img {
max-height: 65px;
}
.timetable td.btn_entry {
padding: 5px 0;
line-height: 1.4;
}
.timetable td.btn_entry a {
color: #fff;
background-color: #be003c;
display: block;
font-weight: bold;
padding: 5px 0;
}
.timetable td.btn_entry.end a {
background-color: #cdcdcd;
pointer-events: none;
}
.howtoapply {
background-color:#960048;
color:#fff;
padding: 30px;
margin-bottom: 50px;
}
.howtoapply a {
color:#E0CD76;
}
.howtoapply .box_title_red {
padding: 5px 0;
}
.howtoapply p {
color:#fff;
font-size: 1.2rem;
line-height: 1.5;
}
.howtoapply .flow {
margin: 30px 0;
}
.howtoapply .flow .arrow_box {
display: table-cell;
padding: 0 20px;
vertical-align: middle;
width: auto;
margin: 0 auto;
}
.howtoapply .flow .arrow_box img {
width:100px;
}
.howtoapply .flow .sideL {
vertical-align: top;
border: 1px solid rgb(224, 205, 118);
padding: 20px;
}
.howtoapply .flow .sideL,
.howtoapply .flow .sideR {
display: table-cell;
border:3px solid #E0CD76;
padding:20px;
width: 45%;
margin: 0;
vertical-align: top;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.howtoapply .flow .sideL .title,
.howtoapply .flow .sideR .title {
font-size: 2rem;
line-height: 1.4;
color:#E0CD76;
margin: 0;
}
.howtoapply .btn_dl {
text-align: center;
margin: 80px auto;
}
.howtoapply .btn_dl a {
color: #fff;
border: 3px solid #fff;
padding: 20px 30px;
margin: 0 auto;
text-align: center;
font-size: 200%;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.howtoapply .txt_att {
border: 3px solid #fff;
width:auto;
padding: 20px 30px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.howtoapply .fax_num{
font-weight: bold;
font-size: 1.8rem;
margin-top: 10px;
}
table.cancel_table th {
background-color: #f8f5e8;
}
table.cancel_table ul {
padding: 0;
} #panel {
max-height: 300px;
overflow: auto;
border: 1px solid #ccc;
}
#panel > dt {
cursor: pointer;
padding: 20px;
font-weight: normal;
background-color: #f8f5e8;
font-size: 120%;
}
#panel > dd {
padding: 30px;
}
#panel h4 {
margin: 2.0em 0 1em;
font-weight: bold;
}
#panel h4 + p {
margin: 0;
}
#panel h4:first-child {
margin-top: 0;
}
.btn_apply {
margin-bottom: 30px;
}
.btn_apply a {
color: #fff;
border: 3px solid #960048;
padding: 10px 20px;
margin: 0 auto;
text-align: center;
font-size: 140%;
border-radius: 5px;
background-color: #960048;
}
@media only screen and (max-width: 660px) {
.extraparking .extraparking_txt .wrappingbus {
background-image: none;
}
.root_box.split5 .part.root_busicon {
display: none;
}
.root_box.split5 .part.root_map {
width: 30%;
margin: 5px;
}
}
@media only screen and (max-width: 480px) {
.detailbody .copy {
font-size: 1.8rem;
letter-spacing: 0;
}
.root_box.split5 {
text-align: center;
}
.root_box.split5 .part.root_map {
width: 100%;
margin: 0;
} .wrap table tbody {
border: none;
}
.wrap .timetable tr {
display: block !important;
border: none;
padding-bottom: 10px;
}
.wrap .timetable.forhome tr {
border-bottom: 2px solid #ccc !important;
padding: 0;
}
.wrap .timetable th {
width: 20% !important;
display: table-cell;
border: none;
}
.wrap .timetable th.date {
display: none !important;
}
.wrap .timetable td {
border: none;
width: 22% !important;
line-height: 1.4;
display: inline-table !important;
margin: 1%;
}
.wrap .timetable.forhome td {
width: 19% !important;
margin: 0;
}
.wrap .timetable td.date {
display: block !important;
width: 100% !important;
line-height: 1.3;
} .wrap table:not(.no-border) tr:last-child {
border:none;
}
th.cancellation_fee {
background-color: #fff !important;
}
td.cancel_day {
background-color: #f8f5e8;
}
}
  .detailbody .box h1 {
border-bottom: 2px solid #be003c;
color: #be003c;
}
.detailbody .box h1 .txt_jp {
color: #e0cd76;
}
.detailbody .box h3 {
border-bottom: 2px solid #d3d3d3;
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/icon_bus.webp) no-repeat left center;
background-size: 25px;
padding-left: 35px;
margin: 1em 0;
}
.detail {
display: table;
margin-bottom: 100px;
}
.detail .sideL {
display: table-cell;
width: 400px;
padding-right: 30px;
}
.detail .sideR {
display: table-cell;
width: 400px;
} .access td {
border: none;
}
.access .airport.place {
border-bottom: 20px solid #fff;
height: 220px;
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/bgicon_plane.webp);
background-size: 85%;
}
.access .stadium.place {
background-image:url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/bgicon_stadium.webp);
background-size: 85%;
}
.access .bustarminal.place {
background-image:url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/bgicon_bus.webp);
background-size: 85%;
}
.access .highway {
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/accessicon_hignway.webp);
}
.access .localroad {
background-image:url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/accessicon_localroad.webp);
}
.access .highway,
.access .localroad {
padding: 0px 10px;
vertical-align: top;
background-size: 80%;
background-position: center top;
height: 100px;
position: relative;
width: 30%;
}
.access .busline {
background-image:url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/accessicon_busline.webp);
padding: 15px 10px;
vertical-align: top;
background-size: 80%;
background-position: center 50px;
position: relative;
}
.access .place {
background-color: #960048;
background-size: 100%;
background-position: center bottom;
color: #fff;
font-size: 1.7rem;
font-weight: bold;
width: 30%;
padding: 5px;
vertical-align: top;
line-height: 1.3;
height: 200px;
}
.access .bustarminal.place {
font-size: 1.6rem;
letter-spacing: -0.1em;
}
.access table p {
margin: 0;
line-height: 1;
}
.access table .means {
text-align: center;
position: absolute;
}
.access table .highway .means {
top: 70px;
}
.access table .localroad .means {
top: 65px;
}
.access table .busline .means {
top: 120px;
text-align: left;
font-size: 95%;
}
.parking .subtitle {
font-weight: bold;
color: #be003c;
font-size: 1.5rem;
margin: 20px 0px;
}
.extraparking .split2 {
background-color: #960048;
padding: 15px;
}
.extraparking .split2 .part p {
color: #fff;
}
.extraparking .extraparking_txt p {
margin: 0px 0px 10px;
line-height: 1.5;
}
.extraparking .extraparking_txt .subtitle {
font-weight: bold;
font-size: 1.5rem;
margin: 0 0 5px -13px;
line-height: 1;
}
.extraparking .extraparking_txt p a {
background-color: #fff;
padding: 3px 10px;
font-weight: bold;
line-height: 2.3;
}
.extraparking .extraparking_txt .wrappingbus {
color: #E0CD76!important;
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/icon_bus.webp);
background-size: 18px;
background-position: 250px center;
}
.page_title h1:before {
margin-right: 0.5em;
margin-left: 6em;
}
.page_title h1:after {
margin-left: 0.5em;
margin-right: 6em;
}
.copy {
color: #be003c;
font-weight: bold;
text-align: center;
font-size: 2.5rem;
width: 100%;
padding: 0;
margin: 0;
letter-spacing: 0.5rem;
}
.howto_detail {
margin-bottom: 30px;
}
.root_box.split5 {
text-align: center;
}
.root_box.split5 .part {
margin: 12px;
}
.root_box.split5 .part.root_busicon {
width: calc(70% / 5 - (5px * 2));
margin: 0;
margin-top: 5%;
}
.root_box.split5 .part.root_map {
width: calc(120% / 5 - (9px * 2))
} .timetable {
margin: 20px auto !important;
}
.timetable tbody {
border-top: 3px solid #cdcdcd;
}
.timetable.forhome tbody {
border-top:none;
}
.timetable th {
text-align: center;
border-top: 2px solid #cdcdcd;
border-bottom: 2px solid #cdcdcd;
border-right: none;
border-left: none;
color: #be003c;
letter-spacing: 0.1em;
padding: 5px;
}
.timetable td {
border-bottom: 2px solid #cdcdcd;
border-top: none;
border-left: none;
border-right: none;
text-align: center;
padding: 10px;
}
.timetable td.date,
.timetable td.opponent_name {
width: 30%;
font-size: 130%;
font-weight: bold;
background-color: #be003c;
color: #fff;
}
.timetable.forhome td.date .opponent_name {
background-color:#e6cf7d;
color: #be003c;
}
.timetable.forhome td {
padding:0;
}
.timetable.forhome td.date {
color: #e6cf7d;
border-bottom: none; background: #be003c; background: -moz-linear-gradient(top, #be003c 0%, #be003c 50%, #e6cf7d 50%, #e6cf7d 100%); background: -webkit-linear-gradient(top, #be003c 0%,#be003c 50%,#e6cf7d 50%,#e6cf7d 100%); background: linear-gradient(to bottom, #be003c 0%,#be003c 50%,#e6cf7d 50%,#e6cf7d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be003c', endColorstr='#e6cf7d',GradientType=0 ); }
.timetable.forhome td.date a {
display: block;
width: 100%;
height: 100%;
cursor: pointer;
cursor: hand;
color: #e6cf7d;
}
.timetable td img {
max-height: 65px;
}
.timetable td.btn_entry {
padding: 5px 0;
line-height: 1.4;
}
.timetable td.btn_entry a {
color: #fff;
background-color: #be003c;
display: block;
font-weight: bold;
padding: 5px 0;
}
.timetable td.btn_entry.end a {
background-color: #cdcdcd;
pointer-events: none;
}
.howtoapply {
background-color:#960048;
color:#fff;
padding: 30px;
margin-bottom: 50px;
}
.howtoapply a {
color:#E0CD76;
}
.howtoapply .box_title_red {
padding: 5px 0;
}
.howtoapply p {
color:#fff;
font-size: 1.2rem;
line-height: 1.5;
}
.howtoapply .flow {
margin: 30px 0;
}
.howtoapply .flow .arrow_box {
display: table-cell;
padding: 0 20px;
vertical-align: middle;
width: auto;
margin: 0 auto;
}
.howtoapply .flow .arrow_box img {
width:100px;
}
.howtoapply .flow .sideL {
vertical-align: top;
border: 1px solid rgb(224, 205, 118);
padding: 20px;
}
.howtoapply .flow .sideL,
.howtoapply .flow .sideR {
display: table-cell;
border:3px solid #E0CD76;
padding:20px;
width: 45%;
margin: 0;
vertical-align: top;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.howtoapply .flow .sideL .title,
.howtoapply .flow .sideR .title {
font-size: 2rem;
line-height: 1.4;
color:#E0CD76;
margin: 0;
}
.howtoapply .btn_dl {
text-align: center;
margin: 80px auto;
}
.howtoapply .btn_dl a {
color: #fff;
border: 3px solid #fff;
padding: 20px 30px;
margin: 0 auto;
text-align: center;
font-size: 200%;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.howtoapply .txt_att {
border: 3px solid #fff;
width:auto;
padding: 20px 30px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.howtoapply .fax_num{
font-weight: bold;
font-size: 1.8rem;
margin-top: 10px;
}
table.cancel_table th {
background-color: #f8f5e8;
}
table.cancel_table ul {
padding: 0;
} #panel {
max-height: 300px;
overflow: auto;
border: 1px solid #ccc;
}
#panel > dt {
cursor: pointer;
padding: 20px;
font-weight: normal;
background-color: #f8f5e8;
font-size: 120%;
}
#panel > dd {
padding: 30px;
}
#panel h4 {
margin: 2.0em 0 1em;
font-weight: bold;
}
#panel h4 + p {
margin: 0;
}
#panel h4:first-child {
margin-top: 0;
}
.btn_apply {
margin-bottom: 30px;
}
.btn_apply a {
color: #fff;
border: 3px solid #960048;
padding: 10px 20px;
margin: 0 auto;
text-align: center;
font-size: 140%;
border-radius: 5px;
background-color: #960048;
}
@media only screen and (max-width: 660px) {
.extraparking .extraparking_txt .wrappingbus {
background-image: none;
}
.root_box.split5 .part.root_busicon {
display: none;
}
.root_box.split5 .part.root_map {
width: 30%;
margin: 5px;
}
}
@media only screen and (max-width: 480px) {
.detailbody .copy {
font-size: 1.8rem;
letter-spacing: 0;
}
.root_box.split5 {
text-align: center;
}
.root_box.split5 .part.root_map {
width: 100%;
margin: 0;
} .wrap table tbody {
border: none;
}
.wrap .timetable tr {
display: block !important;
border: none;
padding-bottom: 10px;
}
.wrap .timetable.forhome tr {
border-bottom: 2px solid #ccc !important;
padding: 0;
}
.wrap .timetable th {
width: 20% !important;
display: table-cell;
border: none;
}
.wrap .timetable th.date {
display: none !important;
}
.wrap .timetable td {
border: none;
width: 22% !important;
line-height: 1.4;
display: inline-table !important;
margin: 1%;
}
.wrap .timetable.forhome td {
width: 19% !important;
margin: 0;
}
.wrap .timetable td.date {
display: block !important;
width: 100% !important;
line-height: 1.3;
} .wrap table:not(.no-border) tr:last-child {
border:none;
}
th.cancellation_fee {
background-color: #fff !important;
}
td.cancel_day {
background-color: #f8f5e8;
}
}
  .detailbody .box h1 {
border-bottom: 2px solid #be003c;
color: #be003c;
}
.detailbody .box h1 .txt_jp {
color: #e0cd76;
}
.detailbody .box h3 {
border-bottom: 2px solid #d3d3d3;
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/icon_bus.webp) no-repeat left center;
background-size: 25px;
padding-left: 35px;
margin: 1em 0;
}
.detail {
display: table;
margin-bottom: 100px;
}
.detail .sideL {
display: table-cell;
width: 400px;
padding-right: 30px;
}
.detail .sideR {
display: table-cell;
width: 400px;
} .access td {
border: none;
}
.access .airport.place {
border-bottom: 20px solid #fff;
height: 220px;
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/bgicon_plane.webp);
background-size: 85%;
}
.access .stadium.place {
background-image:url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/bgicon_stadium.webp);
background-size: 85%;
}
.access .bustarminal.place {
background-image:url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/bgicon_bus.webp);
background-size: 85%;
}
.access .highway {
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/accessicon_hignway.webp);
}
.access .localroad {
background-image:url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/accessicon_localroad.webp);
}
.access .highway,
.access .localroad {
padding: 0px 10px;
vertical-align: top;
background-size: 80%;
background-position: center top;
height: 100px;
position: relative;
width: 30%;
}
.access .busline {
background-image:url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/accessicon_busline.webp);
padding: 15px 10px;
vertical-align: top;
background-size: 80%;
background-position: center 50px;
position: relative;
}
.access .place {
background-color: #960048;
background-size: 100%;
background-position: center bottom;
color: #fff;
font-size: 1.7rem;
font-weight: bold;
width: 30%;
padding: 5px;
vertical-align: top;
line-height: 1.3;
height: 200px;
}
.access .bustarminal.place {
font-size: 1.6rem;
letter-spacing: -0.1em;
}
.access table p {
margin: 0;
line-height: 1;
}
.access table .means {
text-align: center;
position: absolute;
}
.access table .highway .means {
top: 70px;
}
.access table .localroad .means {
top: 65px;
}
.access table .busline .means {
top: 120px;
text-align: left;
font-size: 95%;
}
.parking .subtitle {
font-weight: bold;
color: #be003c;
font-size: 1.5rem;
margin: 20px 0px;
}
.extraparking .split2 {
background-color: #960048;
padding: 15px;
}
.extraparking .split2 .part p {
color: #fff;
}
.extraparking .extraparking_txt p {
margin: 0px 0px 10px;
line-height: 1.5;
}
.extraparking .extraparking_txt .subtitle {
font-weight: bold;
font-size: 1.5rem;
margin: 0 0 5px -13px;
line-height: 1;
}
.extraparking .extraparking_txt p a {
background-color: #fff;
padding: 3px 10px;
font-weight: bold;
line-height: 2.3;
}
.extraparking .extraparking_txt .wrappingbus {
color: #E0CD76!important;
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_webflow/access/images/icon_bus.webp);
background-size: 18px;
background-position: 250px center;
}
.page_title h1:before {
margin-right: 0.5em;
margin-left: 6em;
}
.page_title h1:after {
margin-left: 0.5em;
margin-right: 6em;
}
.copy {
color: #be003c;
font-weight: bold;
text-align: center;
font-size: 2.5rem;
width: 100%;
padding: 0;
margin: 0;
letter-spacing: 0.5rem;
}
.howto_detail {
margin-bottom: 30px;
}
.root_box.split5 {
text-align: center;
}
.root_box.split5 .part {
margin: 12px;
}
.root_box.split5 .part.root_busicon {
width: calc(70% / 5 - (5px * 2));
margin: 0;
margin-top: 5%;
}
.root_box.split5 .part.root_map {
width: calc(120% / 5 - (9px * 2))
} .timetable {
margin: 20px auto !important;
}
.timetable tbody {
border-top: 3px solid #cdcdcd;
}
.timetable.forhome tbody {
border-top:none;
}
.timetable th {
text-align: center;
border-top: 2px solid #cdcdcd;
border-bottom: 2px solid #cdcdcd;
border-right: none;
border-left: none;
color: #be003c;
letter-spacing: 0.1em;
padding: 5px;
}
.timetable td {
border-bottom: 2px solid #cdcdcd;
border-top: none;
border-left: none;
border-right: none;
text-align: center;
padding: 10px;
}
.timetable td.date,
.timetable td.opponent_name {
width: 30%;
font-size: 130%;
font-weight: bold;
background-color: #be003c;
color: #fff;
}
.timetable.forhome td.date .opponent_name {
background-color:#e6cf7d;
color: #be003c;
}
.timetable.forhome td {
padding:0;
}
.timetable.forhome td.date {
color: #e6cf7d;
border-bottom: none; background: #be003c; background: -moz-linear-gradient(top, #be003c 0%, #be003c 50%, #e6cf7d 50%, #e6cf7d 100%); background: -webkit-linear-gradient(top, #be003c 0%,#be003c 50%,#e6cf7d 50%,#e6cf7d 100%); background: linear-gradient(to bottom, #be003c 0%,#be003c 50%,#e6cf7d 50%,#e6cf7d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be003c', endColorstr='#e6cf7d',GradientType=0 ); }
.timetable.forhome td.date a {
display: block;
width: 100%;
height: 100%;
cursor: pointer;
cursor: hand;
color: #e6cf7d;
}
.timetable td img {
max-height: 65px;
}
.timetable td.btn_entry {
padding: 5px 0;
line-height: 1.4;
}
.timetable td.btn_entry a {
color: #fff;
background-color: #be003c;
display: block;
font-weight: bold;
padding: 5px 0;
}
.timetable td.btn_entry.end a {
background-color: #cdcdcd;
pointer-events: none;
}
.howtoapply {
background-color:#960048;
color:#fff;
padding: 30px;
margin-bottom: 50px;
}
.howtoapply a {
color:#E0CD76;
}
.howtoapply .box_title_red {
padding: 5px 0;
}
.howtoapply p {
color:#fff;
font-size: 1.2rem;
line-height: 1.5;
}
.howtoapply .flow {
margin: 30px 0;
}
.howtoapply .flow .arrow_box {
display: table-cell;
padding: 0 20px;
vertical-align: middle;
width: auto;
margin: 0 auto;
}
.howtoapply .flow .arrow_box img {
width:100px;
}
.howtoapply .flow .sideL {
vertical-align: top;
border: 1px solid rgb(224, 205, 118);
padding: 20px;
}
.howtoapply .flow .sideL,
.howtoapply .flow .sideR {
display: table-cell;
border:3px solid #E0CD76;
padding:20px;
width: 45%;
margin: 0;
vertical-align: top;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.howtoapply .flow .sideL .title,
.howtoapply .flow .sideR .title {
font-size: 2rem;
line-height: 1.4;
color:#E0CD76;
margin: 0;
}
.howtoapply .btn_dl {
text-align: center;
margin: 80px auto;
}
.howtoapply .btn_dl a {
color: #fff;
border: 3px solid #fff;
padding: 20px 30px;
margin: 0 auto;
text-align: center;
font-size: 200%;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.howtoapply .txt_att {
border: 3px solid #fff;
width:auto;
padding: 20px 30px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.howtoapply .fax_num{
font-weight: bold;
font-size: 1.8rem;
margin-top: 10px;
}
table.cancel_table th {
background-color: #f8f5e8;
}
table.cancel_table ul {
padding: 0;
} #panel {
max-height: 300px;
overflow: auto;
border: 1px solid #ccc;
}
#panel > dt {
cursor: pointer;
padding: 20px;
font-weight: normal;
background-color: #f8f5e8;
font-size: 120%;
}
#panel > dd {
padding: 30px;
}
#panel h4 {
margin: 2.0em 0 1em;
font-weight: bold;
}
#panel h4 + p {
margin: 0;
}
#panel h4:first-child {
margin-top: 0;
}
.btn_apply {
margin-bottom: 30px;
}
.btn_apply a {
color: #fff;
border: 3px solid #960048;
padding: 10px 20px;
margin: 0 auto;
text-align: center;
font-size: 140%;
border-radius: 5px;
background-color: #960048;
}
@media only screen and (max-width: 660px) {
.extraparking .extraparking_txt .wrappingbus {
background-image: none;
}
.root_box.split5 .part.root_busicon {
display: none;
}
.root_box.split5 .part.root_map {
width: 30%;
margin: 5px;
}
}
@media only screen and (max-width: 480px) {
.detailbody .copy {
font-size: 1.8rem;
letter-spacing: 0;
}
.root_box.split5 {
text-align: center;
}
.root_box.split5 .part.root_map {
width: 100%;
margin: 0;
} .wrap table tbody {
border: none;
}
.wrap .timetable tr {
display: block !important;
border: none;
padding-bottom: 10px;
}
.wrap .timetable.forhome tr {
border-bottom: 2px solid #ccc !important;
padding: 0;
}
.wrap .timetable th {
width: 20% !important;
display: table-cell;
border: none;
}
.wrap .timetable th.date {
display: none !important;
}
.wrap .timetable td {
border: none;
width: 22% !important;
line-height: 1.4;
display: inline-table !important;
margin: 1%;
}
.wrap .timetable.forhome td {
width: 19% !important;
margin: 0;
}
.wrap .timetable td.date {
display: block !important;
width: 100% !important;
line-height: 1.3;
} .wrap table:not(.no-border) tr:last-child {
border:none;
}
th.cancellation_fee {
background-color: #fff !important;
}
td.cancel_day {
background-color: #f8f5e8;
}
}