@charset "utf-8";

/* ===========================================================================
    contact
=========================================================================== */
/* [pagetitle] ----------------------------------------*/
.pagetitle { background:url(../img/img-pagetitle-001.jpg) 0 50% / cover no-repeat; }

/* [seat-area] ----------------------------------------*/
.seat-area { margin:89px 0 0; }
.seat-area .area-inner { position:relative; padding:0 0 0 284px; }
.seat-area h2 { font-weight:normal; letter-spacing:0.12em; width:201px; position:absolute; top:-15px; left:0; margin:0; }
.seat-area h2 .en { border-bottom:4px solid #000; display:block; font-size:14px; padding:0 0 6px; }
.seat-area h2 .ja { display:block; font-size:39px; line-height:1.3; white-space:nowrap; -ms-writing-mode:tb-rl; writing-mode:vertical-rl; position:absolute; top:54px; left:50%; transform:translate(-50%, 0); padding:0 0 88px; }
.seat-area h2 .ja::before { background:url(../../common/img/ico-title-001.png) 0 0 no-repeat; content:""; width:58px; height:58px; position:absolute; left:50%; bottom:0; margin:0 0 0 -29px; }
.seat-area h2 .ja rt { font-size:14px; margin:0 0 0 5px; }
.seat-area p { font-size:14px; line-height:2.14; }
.seat-area .large { font-size:17px; line-height:2.31; }
.seat-area .floor { background:#f0f0f0; position:relative; margin:100px 0 0; padding:50px 45px 60px; }
.seat-area .floor1 { margin-top:80px; }
.seat-area .floor p { line-height:1.71; margin:10px 0 0; }
.seat-area .prevention { background:#f6f3e8; position:relative; margin:100px 0 0; padding:50px 45px 60px; }
.seat-area .prevention p { line-height:1.71; margin:10px 0 0; }
.seat-area h3 { background:#fff; border:2px solid #757575; font-size:24px; font-weight:normal; text-align:center; letter-spacing:0.2em; line-height:56px; position:absolute; top:-29px; left:50%; padding:0 35px; white-space:nowrap; transform:translate(-50%,0); }
.seat-area h3::before { border:1px solid #757575; content:""; position:absolute; top:2px; left:2px; right:2px; bottom:2px; }
.seat-area table { font-size:14px; line-height:2.14; margin:10px 0 15px; }
.seat-area table th { font-weight:normal; position:relative; padding:0 2em 0 20px; }
.seat-area table th::before { border-top:1px solid #8d8d8d; border-right:1px solid #8d8d8d; content:""; width:5px; height:5px; position:absolute; top:11px; left:0; transform:rotate(45deg); }
.seat-area .floor2 table th + td { padding:0 2em 0 0; }
.seat-area .photo-wrap { display:flex; justify-content:space-between; flex-wrap:wrap; }
.seat-area .photo-wrap p { text-align:center; line-height:2.14; width:342px; margin:40px 0 0; }
.seat-area .photo-wrap p img { margin:0 0 5px; }
.seat-area .photo-wrap .contact { text-align:left; }
.seat-area .photo-wrap .contact a:link { color:#2582d8; }
.seat-area .photo-wrap .contact a:visited { color:#1c4c78; }
.seat-area .photo-wrap .contact a:hover,
.seat-area .photo-wrap .contact a:active { color:#2582d8; }

@media screen and (max-width: 598px) {
/* [pagetitle] ----------------------------------------*/
.pagetitle { background-image:url(../img/img-pagetitle-001_sp.jpg); }

/* [seat-area] -------------------------------------*/
.seat-area { margin:5px 0 0; }
.seat-area .area-inner { padding:0; }
.seat-area h2 { width:100px; position:static; margin:0 auto; }
.seat-area h2 .en { border-bottom:2px solid #000; font-size:7px; padding:0 0 2px; }
.seat-area h2 .ja { font-size:19px; top:30px; padding:0; }
.seat-area h2 .ja::before { display:none; }
.seat-area h2 .ja rt { font-size:7px; }
.seat-area p { font-size:12px; }
.seat-area .large { font-size:15px; padding:135px 0 0; }
.seat-area .floor { margin:60px 0 0; padding:50px 20px 30px; }
.seat-area .floor1 { margin-top:60px; }
.seat-area .prevention { margin:60px 0 0; padding:50px 20px 30px; }
.seat-area h3 { font-size:18px; line-height:1.3; top:-36px; padding:10px 25px; white-space:nowrap; }
.seat-area table { font-size:12px; line-height:1.71; }
.seat-area table th { display:block; margin:5px 0 0; }
.seat-area table th::before { top:8px; }
.seat-area table td { display:block; margin:0 0 0 20px; }
.seat-area .floor2 table th + td { padding:0; }
.seat-area .photo-wrap { display:block; }
.seat-area .photo-wrap p { width:auto; margin:30px 0 0; }

}