@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;}
h2{text-align: center; padding: 3rem 0; font-size: 20px;}
#container {width:1230px; margin:0 auto; letter-spacing: 1px;}
a,a:visited{color:#3ca02c; text-decoration: underline;}
#container .left-box {flex-basis: 910px;}
#container .right-box {flex-basis: 320px; padding:20px 0 20px 20px;}
#container dl.header{max-width: 1230px;}
#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:135%;}
#container dl.header dd span{font-size:22px; letter-spacing:1px; display:block;}

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 .message{margin:2rem 0; width:100%;}
#container .message dl{background-color:#ffffff; font-size:16px;}
#container .message dt{text-align:center; padding:1rem 0; background-color:#244cc8; color:#ffffff;}
#container .message dd{line-height:150%; padding:1rem;}
#container .message dd span{display:block; text-align:right; padding:1rem 0;}

#container #information,#container #detail{background-color:#ffffff; padding:20px; max-width:1230px; 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 table{width:100%;}
#container #information table td{vertical-align:middle; padding: 10px 0 10px 20px; border-bottom:5px solid #ffffff; line-height:170%;}
#container #information table td span{font-weight:600; font-size:18px;}
#container #information .yoyaku dd span{font-weight:600; color: #3ca02c; padding-top:0.8rem; font-size:20px;}
#container #information table td.title{padding:10px 0; background-color:#ffb2d8; color:#ffffff; text-align:center; font-weight:bold; width:25%;}
#container #information table td a{color:#3ca02c; font-weight:bold;}
#container #information p.normal{margin-top:0; border-bottom:none; font-size:23px; 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:#fff0f2; font-weight:bold; width:215px;}
#container #information table td .sales{font-size: 20px; margin: 1rem; color: #3ca02c; font-weight:bold;}
#container #information table td .exe{font-size:15px;}
#container #information table td .lottery p span{font-size: 19px; color: #ff18a3;}

#container #information .senkou{margin:15px 0; border:2px solid #ffb2d8; text-align:center; background-color:#fff0f2; padding:20px 10px; color: #da3084; font-weight:bold; font-size:19px; line-height:145%;}
#container #information .yoyaku p{margin-bottom:1.5rem;}
#container #information .yoyaku dl{margin-bottom:1rem;}
#container #information .yoyaku dt{padding:0.5rem 1rem; background-color:#f0fff0; margin-bottom:0.5rem; color:#3ca02c;}
#container #information .yoyaku dd{padding:0 1rem;}


#container #information .profile{width: 95%; margin: 0 auto;}
#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:#3ca02c; color:#ffffff; text-align:center; font-weight:bold; margin-bottom:0.7rem; font-size:20px;}
#container #information .profile-detail dt span{display:block; padding:0.2rem; font-size:80%;}
#container #information .profile-detail dd{line-height: 170%; padding: 0 1rem;}


#container #information table.ticket-01 td{border:3px solid #ffffff;}
#container #information table.ticket-01 td:nth-child(odd){background-color:#eef5ff; 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 #botton{display: flex;}
#container #botton ul{padding:1rem; padding-right: 0; font-size:17px; width: 50%;}
#container #botton ul:nth-child(1){padding:1rem 0; font-size:17px; width: 50%;}
#container #botton a{display:block;}
#container #botton li{padding:3rem 0; background-color:#ffffff; border:5px solid #76ce61; text-align:center; background: linear-gradient(#ffffff,#e3ffdc); color: #333333; font-size: 20px;  font-weight: 600; letter-spacing: normal;}
#container #botton li span{display:block; margin-bottom:1rem; font-size:25px; color:#a02c2c;}
#container #botton a,#container #botton a:visited{color:#000000; text-decoration: none;}

#container #form-information{margin-bottom:2rem; font-size:17px;}
#container #form-information p{background-color:#333333; color:#ffffff; padding:0.5rem 0; text-align:center;}
#container #form-information dl{display:flex; background-color:#ffffff; padding:1rem; justify-content: space-around; align-items: center;}
#container #form-information dt{font-weight:700; margin-right:1rem;}
#container #form-information dd{line-height:155%;}

.right-box #pagewrap{background-color:#ffffff; padding:0.5rem; border: 4px solid #d40f1c;}
.right-box div.emagency{margin-bottom:1rem;}
.right-box div.emagency dl{margin-bottom:1.5rem;}
.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;}

#container .official{width:500px; margin:20px auto; text-align:center; background-color:#d40f1c; color:#333333;}
#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;}


.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:#3ca02c;}
#method dl{font-size:14px;}
#method span{font-weight:bold;}
#method span.emagency{color:#3ca02c;}
#method span.big{font-size:20px;}
#method p.title{background-color:#3ca02c; color:#ffffff; padding:10px; margin-bottom:15px; font-weight:bold; font-size:17px;}
#method dt{margin:10px 0; font-weight:bold; color:#3ca02c; font-size:15px;}
#method dt.title{background-color:#f0fff0; 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%;}
#container #information{padding:1rem 0 0 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 .profile-detail dl{ width:90%; padding: 5% 2% 0 2%; margin:0 auto;}
#container #information dt{line-height:150%;}
#container #information dt img{width:100%;}
#container .right-box{width:90%; padding:0; margin:20px auto; flex-basis: 0px; }
#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:16px;}
#container #information table td{padding:1rem 0.5rem;}
#container #information table td.title{width:25%; padding: 10px 0px; font-size:16px;}
#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%;}
#method dd{text-align:left;}
.toggle-inner{font-size:100%; padding-left: 0.5rem;}
#container #information table td .exe{font-size:13px;}
#container #information .senkou{margin: 15px auto; width: 90%;}
#container #information .emagency dl{border: none;}
#container #information table td img{width:85%;}
#container #information table td dl dt{width:60%; padding: 0.8rem 0.5rem;}
#container #information table td dl dd{font-size:17px;}
#container #information .senkou{font-size:19px;}
#container dl.header dd span{font-size:16px;}
#container #information .profile-detail dd{padding:0; font-size:13px;}
#container #information table td .sales{font-size: 18px; margin: 1rem 0;}
.right-box div.emagency dd{text-align:left;}
#container #information .profile-detail dt span{padding:0; font-size:70%;}
#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;}
}

@media screen and (min-width: 768px){
}