@charset "utf-8";

body{background-image: url("../images/background.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position:center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

iframe{margin:20px 0;}
#container {width:1230px; margin:0 auto; display: flex;}
#container .left-box {flex-basis: 910px;}
#container .right-box {flex-basis: 320px; padding:20px 0 20px 20px;}
#container dl.header{width:910px;}
#container dl.header dd{background-color:#ffffff; font-size:25px; font-weight:bold; text-align:center; padding:29px 0 25px 0; margin:5px 0 0 0; letter-spacing:1px; border-bottom:3px solid #dddddd; line-height:120%;}
#container dl.header dd span{font-size:17px; line-height:100%; letter-spacing:1px; color:#8a34bf;}

span.s-01{font-size:130%; color:#cb59d3; font-weight:bold;}
span.s-02{font-size:130%; color:#54d5d0; font-weight:bold;}
span.s-03{font-size:130%; color:#ddc541; font-weight:bold;}

#container #information,#container #detail{background-color:#ffffff; padding:1px 20px 40px 20px; width:870px; font-size:16px; line-height:150%;}
#container #information h1{padding: 0.7em 1em; background: transparent; border-left: solid 5px #009475; font-size:18px; margin-bottom:15px; }
#container #information p a{font-weight:bold; padding-bottom:5px; border-bottom:2px solid #dddddd;}
#container #information table{width:100%;}
#container #information table td{vertical-align:middle; padding:10px 20px; border-bottom:5px solid #ffffff; line-height:170%;}
#container #information table td.title{padding:10px 0; background-color:#d092cd; color:#ffffff; text-align:center; font-weight:bold; width:25%;}
#container #information table td a{color:#e274d6; font-weight:bold;}
#container #information p.normal{margin-top:0; border-bottom:none; font-size:19px; font-weight:normal; letter-spacing:1px; line-height: 150%;}
#container #information p.annotation{border-bottom:none; font-size:14px; font-weight:normal; letter-spacing:1px; line-height:140%;}
 #container #information table.detail td{border:3px solid #ffffff;}
#container #information table.detail td:nth-child(odd){background-color:#ffe4fa; font-weight:bold; width:215px;}

#container #information .senkou{margin:15px 0; border:2px solid #d092cd; text-align:center; font-size:17px; background-color:#ffe4fa; padding:20px 10px; color: #393e42; font-weight:bold; font-size:22px; line-height:145%;}
#container #information .senkou p{width:75%; margin:0 auto; text-decoration: none; background-image: linear-gradient(#fff,#f5f8fa); border: 1px solid #c9c9ca; border-radius: 4px; color: #393e42; cursor: pointer; display: inline-block; font-size: 14px; font-weight: bold; padding: 0.5rem 1.5rem; position: relative; margin-top:0.7rem;}
#container #information .senkou p a{ color: #393e42; text-decoration:none; border-bottom:none;}
#container #information .profile{width: 100%; margin: 0 auto;}
#container #information .profile p{margin-bottom:2rem;}
#container #information .profile-detail{font-size:95%; margin-bottom:2.5rem;}
#container #information .profile-detail dt{padding:10px 0; background-color:#d092cd; color:#ffffff; text-align:center; font-weight:bold; margin-bottom:0.7rem;}

#container #information table.ticket-01 td{border:3px solid #ffffff;}
#container #information table.ticket-01 td:nth-child(odd){background-color:#e9f2f7; font-weight:bold; width:215px; text-align:center;}
#container #information table.ticket-02 td{border:3px solid #ffffff;}
#container #information table.ticket-02 td:nth-child(odd){background-color:#fffdca; font-weight:bold; width:215px; text-align:center;}
#container #information table td span{font-weight:bold; color:#e274d6; font-size:120%;}
#container #information table p{font-weight:bold;}

#container #information .emagency dl{margin-bottom:50px; border: 2px solid #d40f1c;}
#container #information .emagency dt{text-align:center; font-weight:bold; color:#ffffff; background-color:#d40f1c; font-size:20px; margin-bottom:5px; letter-spacing:1px; padding:10px 0; line-height:150%;}
#container #information .emagency dd{color:#d40f1c; padding:10px; letter-spacing:1px; font-size: 15px; line-height:200%;}
#container #information .emagency dd.b-r{margin-top:30px; text-align:right;}
#container #information .emagency p{width:60%; margin:1rem auto 2rem auto; border:2px solid #d40f1c;}
#container #information .emagency p a{text-align: center; padding: 1rem 3rem; display:block; color:#d40f1c;}

#container .official{width: 80%; margin: 20px auto; text-align: center; background-color: #1441b9; color: #333333; border:1px solid #ffffff;}
#container .official a{display:block; padding:20px 0; color:#ffffff; font-size:15px;}

#container #refund{background-color:#ffffff; padding:40px 20px; width:1280px; margin:o auto; font-size:15px; line-height:150%; font-size:17px; line-height:160%;}
#refund dl.refund dt{background-color:#353535; color:#ffffff; text-align:center; padding:2rem 0; margin:0.5rem 0 3rem 0; font-size:20px;}
#refund dl.refund dd a{color:#d42525;}
#refund dl.refund dd a:visited{color:#d42525;}
#refund dl.refund dd span{color:#d20303; font-weight:bold; font-size:19px;}
#refund dl.refund dd{color:#000000;}
#refund dl.refund ol{counter-reset:number; list-style-type: none!important;}
#refund dl.refund h4{margin:4rem 0 1rem 0;}
#refund dl.refund h5{margin:0 0 1rem 0;}
#refund dl.refund h2{margin:4rem 0 1rem 0; padding:2rem 0; text-align:center; border:1px solid #000000;}


.right-box div.emagency{margin-bottom:1rem;}
.right-box div.emagency dl{background-color:#ffffff; border: 2px solid #d40f1c;}
.right-box div.emagency dt{text-align:center; font-weight:bold; color:#ffffff; background-color:#d40f1c; margin-bottom:5px; letter-spacing:1px; padding:10px 0; line-height:150%;}
.right-box div.emagency dd{color:#d40f1c; padding:10px; letter-spacing:1px;}
.right-box div.emagency dd.b-r{margin-top:30px; text-align:right;}
.right-box div.emagency dd p{text-align: right; padding: 20px 0 0 0;}
.right-box div.emagency dd span{display:block; background-color:#ffd0d3;}
.right-box div.emagency dd span a{display:block; padding:1rem; color:#d40f1c;}





.refund-b{width:100%; display:flex;}
.refund-b li{width:46%; margin:2rem 2%; border:3px solid #d60303; text-align:center;}
.refund-b a{display:block; padding:2rem; color:#d60303; font-size:16px; font-weight:bold;}


#method{background-color:#ffffff; padding:10px 15px; line-height:150%;}
#method p{text-align:center; margin-bottom:30px;}
#method a{text-decoration:underline; display:inline; color:#e274d6;}
#method dl{font-size:14px;}
#method span{font-weight:bold;}
#method span.emagency{color:#e274d6;}
#method span.big{font-size:20px;}
#method dd a{width: 75%;  margin: 0 10px;  text-decoration: none;  background-image: linear-gradient(#fff,#f5f8fa);  border: 1px solid #c9c9ca;  border-radius: 4px; color: #393e42;  cursor: pointer;  display: inline-block; font-size: 14px; font-weight: bold;  padding: 0.5rem 1.5rem;  position: relative;  margin-top: 0.7rem;}
#method p.title{background-color:#d092cd; color:#ffffff; padding:10px; margin:15px auto; font-weight:bold; font-size:17px; }
#method dt{margin:10px 0; font-weight:bold; color:#e274d6; font-size:15px;}
#method dt.title{background-color:#dddddd; padding:10px; color:#000000;}
#method dd{margin-bottom:30px;}
#method ul{display:flex; justify-content:space-around; margin:10px 0 30px 0;}
#method table{width:100%; margin-top:10px;}
#method table td{padding:10px; border:1px solid #545454;}
#method table td:nth-child(even){background-color:#f5ff56; text-align:center;}
#method table tr:first-child{font-weight:bold;}

@media screen and (max-width: 768px){
#container dl.header{width:100%;}
#container dl.header dd{font-size:17px; letter-spacing:1px; line-height:150%;}
#container #information,#container #detail{width:100%; padding:0 0 10px 0;}
#index-menu,#footer-page-top,#footer{display:none;}
#container{display: flex; width:100%; flex-direction: column;}
#container .left-box img{width:100%;}
#container #information dl{ width:90%; padding: 5% 2% 0 2%; margin:0 auto 50px auto;}
#container #information dt{line-height:150%;}
#container #information dt img{width:100%;}
#container #information dd {padding: 0 10px 0 15px; line-height: 180%; letter-spacing: 1px; font-size:}
#container .right-box{width:90%; padding:0; margin:20px auto; flex-basis: 0px; text-align: center;}
#container .right-box div.ad{display:none;}
#container .second{border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}
#container #information table{width:100%; font-size:13px;}
#container #information table td{padding:5px;}
#container #information table td.title{width:25%; padding: 10px 0px;}
#container #information p{padding-left:10px;}
#container #detail .l-c,#container #detail .r-c{margin-bottom:20px; padding:5%;}
#container #information table.detail td:nth-child(odd){width:40%;}
#container #information table.ticket-01 td:nth-child(odd){width:40%;}

#container #information .emagency dl{border: none;}


#smart-header{width:100%; height:60px; position: relative; border-bottom:3px solid #01b386; background-color:#ffffff;}
#smart-header h1{position: absolute; top: 0px; left: 12px; padding: 13px 0 0 0; overflow: hidden; width:153px; height:36px;}
}

@media screen and (min-width: 768px){
#smart-header,.foot-menu{display:none;}

}