﻿@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; letter-spacing: 1px;}
#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: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 #information,#container #detail{background-color:#ffffff; padding: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 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.title{padding:10px 0; background-color:#4b3f7c; color:#ffffff; text-align:center; font-weight:bold; width:25%;}
#container #information table td a{color:#55439c; 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:#f3eeff; font-weight:bold; width:215px;}
#container #information table td dl{display:flex; padding: 0.2rem;}
#container #information table td p.naratv-ticket{background-color:#dddddd;}
#container #information table td dl dt{display:flex; width: 40%; padding: 0.8rem 0; align-items: center; justify-content: center; text-align: center;}
#container #information table td dl dd{font-size:20px; flex-direction: column; justify-content: center; display:flex; width:60%; padding-left: 1rem;}
#container #information table td dl dd span{font-size:65%; }
#container #information table td dl:nth-child(1) dt{background-color: #ffaec3;}
#container #information table td dl:nth-child(2) dt{background-color: #ffb9e3;}
#container #information table td dl:nth-child(3) dt{background-color: #ffd7bb;}
#container #information table td dl:nth-child(4) dt{background-color: #fffcae;}
#container #information table td dl:nth-child(5) dt{background-color: #c5ffcc;}
#container #information table td dl:nth-child(6) dt{background-color: #bbe6ff;}
#container #information table td .sales{font-size: 20px; margin: 1rem; color: #4b3f7c; 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 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;}

#toggle1{display: none;}
.toggle-inner{display: none; padding: 0.5rem 1rem 2rem 0; font-size:90%; }
#toggle1:checked ~ .toggle-inner{display: block;}
.toggle-outer label{width: 75%; margin: 0.7rem 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;}

#container #information .senkou{margin:15px 0; border:2px solid #4b3f7c; text-align:center; font-size:17px; background-color:#f3eeff; padding:20px 10px; color: #4b3f7c; font-weight:bold; font-size:22px; line-height:145%;}
#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:#4b3f7c; 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;}

.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;}

#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:#4b3f7c;}
#method dl{font-size:14px;}
#method span{font-weight:bold;}
#method span.emagency{color:#4b3f7c;}
#method span.big{font-size:20px;}
#method p.title{background-color:#4b3f7c; color:#ffffff; padding:10px; margin-bottom:15px; font-weight:bold; font-size:17px;}
#method dt{margin:10px 0; font-weight:bold; color:#4b3f7c; font-size:15px;}
#method dt.title{background-color:#f3eeff; 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 .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:13px;}
#container #information table td{padding:5px;}
#container #information table td.title{width:25%; padding: 10px 0px; font-size:12px;}
#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%;}
}

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