/* CSS Document */

/* ALL_setting
================================================== */
*{
	margin:0;
	padding:0;
	font-family: UD Shin Go NT Medium,Meiryo, sans-serif, monospace;
	font-size: 12px;
	word-break: break-all;
}

.clear{clear:both;}

html , body {
	min-height: 100%;
	height: auto;
	height: 100%;
}

image{border:0px;}

a{outline:none;}

.pc{ display: inherit; }
.pc_100{display:inherit; width:100%; height:100%;}
.sp{ display: none; }
@media screen and (max-width: 699px){
.pc{ display: none; }
.pc_100{display:none; width:100%; height:100%;}
.sp{ display: inherit; }
}

/* loading_setting
================================================== */

#loading{
    position: absolute;
    left: 50%;
    top: 48%;
    margin-top: -47px;
    margin-left: -250px;
	z-index: 9999;
}
      
#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #112058;
    z-index: 9999;
}

#contents{
	width:100%;
	height:100%;
	display:block;
}

@media screen and (max-width: 699px){
#loading{
    position: absolute;
	width:80%;
    left: 10%;
    top: 40%;
    margin-top: 0px;
    margin-left: 0px;
	z-index: 9999;

}
}


/* menu_setting
================================================== */

.menu_wrapper{
	width:90%;
	height:70px;
	background-image:url(../image/ksl2018_menu_bg.jpg);
	background-repeat:repeat-x;
	position:fixed;
	top:-70px;
	left:5%;
	z-index:999;
}


.menu_left_box_1{
	position:absolute;
	top:15px;
	left:20px;	
}

.menu_left_box_1 a{
	display:block;
	width:213px;
	height:41px;
	background:url(../image/ksl2018_menu_logo.png) center no-repeat;
	text-indent:-9999px;
}

.menu_left_box_2{
	position:absolute;
	display:table;
	height:70px;
	left:244px;
}

.menu_left_box_2_text{
	display:table-cell;
	vertical-align:middle;
	color:white;
	font-size:16px;
	font-weight:bold;	
}

.menu_left_box_2_text_bg{
	background-color:#134a95;
	padding:8px;
}

.menu_liner{
	position:relative;
	margin:0 20px;
	height:70px;
}

.menu_nav ul {
	text-align:right;
	letter-spacing:.1em;
}

.menu_nav ul li {
	position:relative;
	display:inline-block;
	padding:0 8px;
	line-height: 70px;
	height:70px;
}

.menu_text a{
	font-size:14px;
	font-weight:bold;
	display:block;
	color:white;
	vertical-align:middle;
	text-decoration:none;
}

.menu_text a:hover{
	color:#FC0;
}

.menu_youtube a{
	display:block;
	width:24px;
	height:70px;
	background-image: url(../image/youtube_icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-decoration:none;
	text-align:-9999px;
	padding-left:10px;
}

.menu_twitter a{
	display:block;
	width:19px;
	height:70px;
	background-image: url(../image/twitter_icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-decoration:none;
	text-align:-9999px;
	padding-left:10px;
}

@media screen and (max-width: 1340px){

.menu_left_box_2_text{
	display: none;
}

}


/* contents_setting
================================================== */

.wrapper_background_1{
	width:100%;
	height: 100%;
	background-image: url(../image/ksl2018_bg_3.jpg);
	background-size: cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	position:relative;
	z-index:-999;
	position:fixed;
}

.wrapper_background_2{
	width:100%;
	height: auto;
	background-image: url(../image/ksl2018_bg_2.jpg);
	background-size: cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
}

@media screen and (max-width: 699px){
.wrapper_background_1{
	width:100%;
	height: 100%;
	background-image: url(../image/sp_ksl2018_bg_3.jpg);
	background-size: cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	position:relative;
	z-index:-999;
	position:fixed;
}

}

/* top_setting
================================================== */


.top_wrapper{
	height:94%;
	width:100%;
	display:block;
}

.top_logo{
	width:700px;
	position:fixed;
    top:48%;
    left:calc(50% - 700px/2);
	z-index:-1;
	opacity:0;
}

@media screen and (max-width: 699px){
.top_wrapper{
	height:60%;
	width:100%;
	display:block;
}

.top_logo{
	width:90%;
	position:fixed;
    top:36%;
    left:5%;
	z-index:-1;
	opacity:0;
}

}

/* info_setting
================================================== */


.info_wrapper{
	width:100%;
	height:auto;
	background-color:white;
	padding-bottom:60px;
}

.info_title{
	font-size:24px;
	color:#112058;
	font-weight:bold;
	text-align:center;
	padding-top:40px;
}

.info_border{
	width:100%;
	height:1px;
	background-color:#dcdcdc;
	margin-top:40px;	
}

.info_box{
	margin-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #dcdcdc;
}

.info_data{
	text-align:center;
}

.info_data_box{
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	background-color:#112058;
	color:white;
	font-weight:bold;
	font-size:16px;
}

.info_text{
	text-align:center;
	font-size:16px;
	color:#112058;
	padding-top:20px;
}

.info_space{
	width:100px;
	height:400px;	
}

@media screen and (max-width: 699px){

.info_box{
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #dcdcdc;
	width:90%;
	margin:auto;
}

.info_space{
	width:100px;
	height:20%;
}

}

/* outline_setting
================================================== */
.outline_wrapper{
	width:100%;
	height:auto;
	background-color:white;
	padding-bottom:60px;
}

.outline_logo{
	width:607px;
	margin:auto;
	padding-top:20px;
	padding-bottom:10px;
}



table.outline_table {
    width: 800px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 12px;
}
 
table.outline_table th,
table.outline_table td {
    padding: 10px;
}
 
table.outline_table th {
    background: #112058;
    vertical-align: middle;
    text-align: right;
    width: 200px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}
 
table.outline_table th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #112058;
    border-width: 10px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    table.outline_table th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #112058 10px solid;
        margin-top: -10px;
    }
}
 
table.outline_table td {
    background: #fff;
    width: 500px;
    padding-left: 20px;
	font-size:16px;
}

@media screen and (max-width: 699px){

.outline_logo{
	width:90%;
	margin:auto;
	padding-top:20px;
	padding-bottom:10px;
}

table.outline_table {
    width: 90%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 12px;
}

table.outline_table th {
    background: #112058;
    vertical-align: middle;
    text-align: right;
    width: 30%;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

}

/* artist_setting
================================================== */

.artist_title{
	font-size:24px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding-top:60px;
}

.artist_border{
	width:100%;
	height:1px;
	background-color:#b4b1c5;
	margin-top:40px;	
}

.artist_border2{
	width:100%;
	height:1px;
	background-color:#b4b1c5;
}


.artist_name{
	font-size:30px;
	font-weight:bold;
	text-align:center;
	color:white;
	border-bottom:solid 1px #b4b1c5;
	padding-top:20px;
	padding-bottom:20px;
}

.artist_box{
	width:900px;
	margin:auto;
	padding-top:20px;
	padding-bottom:20px;	
}

.artist_image{
	width:250px;
	float:left;	
}

.artist_text{
	width:630px;
	float:right;
	text-align:left;
	font-size:16px;
	color:white;
}

.artist_text a{
	font-size:16px;
	color:#FFCC00;	
}

.artist_space{
	width:100px;
	height:200px;	
}

@media screen and (max-width: 699px){

.artist_box{
	width:90%;
	margin:auto;
	padding-top:20px;
	padding-bottom:20px;	
}

.artist_image{
	width:100%;
	float:none;
	padding-bottom:10%;	
}

.artist_text{
	width:100%;
	float:none;
	text-align:left;
	font-size:16px;
	color:white;
}

}

/* ticket_setting
================================================== */

.ticket_wrapper{
	width:100%;
	height:auto;
	background-color:#FFF;		
}

.ticket_title{
	font-size:24px;
	color:#112058;
	font-weight:bold;
	text-align:center;
	padding-top:40px;
}

.ticket_space{
	width:100px;
	height:100px;	
}


/* goods_setting
================================================== */

.goods_wrapper{
	width:100%;
	height:auto;
	background-color:#112058;	
}

.goods_title{
	font-size:24px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding-top:40px;
}

.goods_text{
	font-size:18px;
	color:white;
	font-weight:bold;
	text-align:center;	
	padding-top:40px;
}

.goods_space{
	width:100px;
	height:100px;	
}

.goods_text_style1{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#f5b500;
	padding-bottom:6px;
}

.goods_text_style2{
	font-size:16px;
	color:white;
	text-align:center;	
}

.goods_text_style3{
	font-size:18px;
	text-align:center;
	border:solid 1px #fff;
	width:600px;
	margin:auto;
	padding:8px;
	color:white;
	font-weight:bold;
}

.goods_text_style4{
	font-size:16px;
	color:white;
}

.goods_text_style5{
	font-size:12px;
	color:#CCC;
}

.goods_text_style6{
	font-size:16px;
	color:white;
	text-align:center;
}

.goods_title_box{
	width:834px;
	margin:auto;
	padding:8px;
	color:black;
	font-size:18px;	
	font-weight:bold;
	text-align:center;
	background-color:#f5b500;
}

.goods_title_box2{
	width:834px;
	margin:auto;
	padding:8px;
	color:white;
	font-size:18px;	
	font-weight:bold;
	text-align:center;
	background-color:#6e4899;
}

.goods_title_box3{
	width:834px;
	margin:auto;
	padding:8px;
	color:white;
	font-size:18px;	
	font-weight:bold;
	text-align:center;
	border:solid 2px #000;
	margin-bottom:10px;
}

.goods_title_box4{
	width:834px;
	margin:auto;
	padding:8px;
	color:white;
	font-size:18px;	
	font-weight:bold;
	text-align:center;
	background-color:#603;
}

.goods_wrapper_box{
	width:850px;
	margin:auto;
	padding-top:20px;
	margin-bottom:30px;
}

.goods_left_box{
	width:400px;
	float:left;
}

.goods_right_box{
	width:400px;
	float:right;	
}

.goods_left_box2{
	width:490px;
	float:left;
}
.goods_right_box2{
	width:340px;
	float:right;	
}

.goods_title_style1{
	border:solid 1px #f5b500;
	padding:8px;
	color:white;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

.goods_title_style2{
	background:#000;
	padding:8px;
	color:white;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

.goods_title_style3{
	border:solid 1px #900;
	padding:8px;
	color:white;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

.goods_price_text {
	font-size: 20px;
	font-weight: bold;
	color: #f5b500;
	text-align: right;
}

.goods_cd_title{
	border:solid 1px #fff;
	padding:8px;
	color:white;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	width:834px;
	margin:auto;
}

@media screen and (max-width: 699px){

.goods_text_style2{
	font-size:16px;
	color:white;
	text-align:center;
	width:90%;
	margin:auto;
}

.goods_text_style3{
	font-size:18px;
	text-align:center;
	border:solid 1px #fff;
	width:90%;
	margin:auto;
	padding:8px;
	color:white;
	font-weight:bold;
}

.goods_title_box{
	width:90%;
	margin:auto;
	padding:8px;
	color:black;
	font-size:18px;	
	font-weight:bold;
	text-align:center;
	background-color:#f5b500;
}

.goods_title_box2{
	width:90%;
	margin:auto;
	padding:8px;
	color:white;
	font-size:18px;	
	font-weight:bold;
	text-align:center;
	background-color:#000;
}

.goods_title_box3{
	width:90%;
	margin:auto;
	padding:8px;
	color:white;
	font-size:18px;	
	font-weight:bold;
	text-align:center;
	border:solid 2px #000;
	margin-bottom:10px;
}

.goods_title_box4{
	width:90%;
	margin:auto;
	padding:8px;
	color:white;
	font-size:18px;	
	font-weight:bold;
	text-align:center;
	background-color:#603;
}

.goods_wrapper_box{
	width:100%;
	margin:auto;
	padding-top:20px;
	margin-bottom:30px;
}

.goods_left_box{
	width:90%;
	margin:auto;
	float:none;
	padding-bottom:30px;
}

.goods_right_box{
	width:90%;
	margin:auto;
	float:none;
}

.goods_left_box2{
	width:90%;
	margin:auto;
	float:none;
	padding-bottom:30px;
}
.goods_right_box2{
	width:90%;
	margin:auto;
	float:none;
}

.goods_cd_title{
	border:solid 1px #fff;
	padding:8px;
	color:white;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	width:90%;
	margin:auto;
}

}

.movie_wrapper{
	width:70%;
	margin:auto;
	display:block;
	
}

.movie_box{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom:4%;
}

.movie_box iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* access_setting
================================================== */

.access_wrapper{
	width:100%;
	height:auto;
	background-color:#151515;	
}

.access_title{
	font-size:24px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding-top:40px;
}

.access_text{
	font-size:16px;
	color:white;
	text-align:center;	
	padding-top:10px;
	padding-bottom:10px;
}

.access_text a{
	color:#FC0;
	font-weight:bold;
	font-size:16px;	
}

.access_space{
	width:100px;
	height:100px;	
}

.access_map{
	width:800px;
	height:600px;
	margin:auto;	
}

@media screen and (max-width: 699px){

.access_text{
	width:90%;
	margin:auto;
}

.access_map{
	width:90%;
	margin:auto;
}

}

/* notice_setting
================================================== */

.notice_wrapper{
	width:100%;
	height:auto;
	background-color:#000000;	
}

.notice_title{
	font-size:24px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding-top:40px;
}
.notice_box {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
}
.notice_title_text {
	font-size: 28px;
	font-weight: bold;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #C30;
	padding-left: 10px;
	color: #FFF;
	margin-bottom: 10px;
}
.notice_style1 {
	font-size: 16px;
	line-height: 32px;
	color: #FFF;
}

.notice_space{
	width:100px;
	height:100px;	
}

@media screen and (max-width: 699px){

.notice_box {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
}

}

/* footer_setting
================================================== */

.footer_wrapper{
	width:100%;
	height:auto;
	background-color:#fff;
	padding-bottom:20px;
}

.link_wrapper {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 60px;
}

.sp_link_banner{
	width:60%;
	padding-top:4%;
	margin:auto;
}

.copy_right {
	font-size: 16px;
	color: #112058;
	text-align: center;
	line-height: 0px;
	padding-top: 15px;
}