@media screen and (max-width: 1000px){
                        .pagetitle{
                        padding: 40px 0;
                    }
    
    #main.page {
    padding-top: 100px;
}
    
     #news,#about,#music ,#story , #chara , #direct {
   margin-top:-73px;
  padding-top:73px;
}   
    
    .head_nav li img{
	display: none;
}
    
    .head_nav li span{
	display: block;
}
    
    #header {
    height: 90px;
    top: 0;
}
    
    #logo{
        position: inherit;
        text-align: center;
        /* margin-top: 15px; */
        width:100%;
    }
    
    #logo img{
        width:150px;
    }
    
    .head_nav li:nth-child(3) {
    margin-right: 0;
}
    
    .head_nav li {
    display: block;
    margin: 0;
}
    
    
  #nav-toggle {
		display: none;
		position: absolute;
		right: 20px;
        /* top: 30px; */
        top: 0;
        bottom: 0;
        margin: auto;
		width: 34px;
        /* height: 36px; */
        height: 0;
		cursor: pointer;
		z-index: 101;
	}
	#nav-toggle div {
		position: relative;
	}
	#nav-toggle span {
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		background: #000;
		left: 0;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	#nav-toggle span:nth-child(1) {
		top: 0;
	}
	#nav-toggle span:nth-child(2) {
		top: 11px;
	}
	#nav-toggle span:nth-child(3) {
		top: 22px;
	}
	   
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -600px;
        background:rgba(0,0,0,0.87);
        width: 100%;
        text-align: center;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav > ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
		width: 100%;
   		line-height: 3em;
		color:#fff;
    }
    #global-nav > ul > li {
        float: none;
        position: static;
        margin-top: 0;
        margin-left: 0;
        width: 100%
    }
    #top-head #global-nav > ul > li > a,
    #top-head.fixed #global-nav > ul > li > a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 12px 0;
    }
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(685px);
        -webkit-transform: translateY(685px);
        transform: translateY(685px);
    }
	
	#global-nav > ul > li  a {
		color: #fff;
		font-size: 12px;
        text-decoration: none;
		display: block;
	}
	#global-nav > ul > li > a:hover {
		text-decoration:none;
	}
	
	#global-nav > ul > li{
		position:relative;
        font-size: 12px;
	}
	
	#global-nav > ul > li:after{
		position:absolute;
		content:"＞";
		top:0;
		right:10px;
		color: #fff;
	}
    
    .header_right{display:none;}
    
    .dropmenu li.nolink:after{
  content: "▼" !important;
}
.dropmenu li.active:after{
  content: "▲" !important;
}
.dropmenu > ul > li > ul {
  display: none;
}
.submenu li{
  display: block;
  font-size: 12px;
  position: relative;
  border-bottom:dashed 1px #000;
    margin-bottom:5px;
}
    
    
    
}

@media screen and (max-width: 680px){
        /*#news {
  		padding-top:423px;}*/

    .t_btn, .t_btn_ticket, .t_btn_ticket_en, .t_btn_ticket span, .t_btn_ticket_en span {
                        font-size: 14px;
                    }
    
    .w400{
    width:100%;
}

    
    #main{
        padding-top: 90px;
    }
    
    .pc{display: none;}
    .sp{display: block;}
    .spja{padding-bottom: 10px;}/*padding-bottom: 453px;*/
    .content{width: 100%;}
    img{max-width: 100%;}
    
    .sp01{
        background: #201715;
        padding: 10px 0;
text-align: center;        
    }
    
    .sp02{
        background:#FF2AFE;
        padding: 10px 0;
text-align: center;        
    }
    
    .sp03{
        background:#63C9C9;
        padding: 10px 0;
text-align: center;        
    }
    
    .fl,
    .fr{
        float: none;
    }
    
    .content{
    width:100%;
    margin: 0 auto;
}
    
    .contentarea {
    width: 100%;
    margin: auto;
}
   
    .content_pt02{
    width:100%;
    margin: 0 auto;
}

.content_pt03{
    width:100%;
    margin: 0 auto;
}
    
    .content_01 , .content_02 , .content_03 , .content_04 , .content_05 , .content_06_b{
	width: 100%;
	margin:  10px 0px;
	padding: 10px;
        box-sizing: border-box;
	overflow: hidden;
}
.content_06　, .content_07 , .content_08{
	width: 100%;
	margin:  10px 0px;
	padding: 10px;
        box-sizing: border-box;
}
    
    .content_01_ul_right {
    width: 100%;
    margin-left:0;
        margin-bottom: 10px;
}
    
    .content_01_ul_left {
    width: 100%;
        float:none;
        text-align: center;
         margin-bottom: 10px;
}
    
.top_abs01 {
    position: inherit;
}    
    
    .sp_center{
        text-align: center;
        margin-bottom: 10px;
    }
    
    .column2_01>* {
    float: none;
    width: 100%;
        margin-bottom: 10px;
}
    .column2_01 iframe{
        width:100%;
    }
    
    .sp100{
        width: 100% !important;
    }
    
    .column4>* {
    float: left;
    width: 50%;
        text-align: center;
        position: relative;
}

    .column5{
        display: flex;
        flex-wrap: wrap;
        padding: 10px;
    }
    .column5>div {
    float: left;
    width: calc((100% - 10px) / 2);
        text-align: center;
        position: relative;
}
    .column5>div:nth-child(even) {
        margin-right: 0;
    }
    
    .content_06_b .content_01_ul_right p:nth-child(1) {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    display: inline-block;
}
    
    .content_06_b .content_01_ul_right {
    width: 100%;
}
    
    .content_08 ul {
    display: flex;
    table-layout: initial;
    width: 100%;
    flex-wrap: wrap;
        justify-content: space-between;
}
    
    .content_08 ul li {
    display: block;
    vertical-align: middle;
    width: 25%;
        text-align: center;
}
    
.mask, .mask_02, .mask_03, .mask_04 , .mask_05{
    position: absolute;
    width: 100%;
    height: 100%;
}
    
.content_06{
	width: 100%;
	margin: auto;
	margin-top: 40px;
	overflow: hidden;
}
    
    .footer_wrap{
	width: 100%;
	margin: auto;
	overflow: hidden;
	padding-top: 0;
}
    
    
    .footer_nav ul {
    float: none;
    width: 100%;
    text-align: center;
}
    
.gotta_info li{
    padding: 20px 0;
}

    .sp_foot{
    border-top: 2px solid #999;
        border-bottom: 2px solid #999;
        margin: 40px 20px 0;
        box-sizing: border-box;
        padding-top:30px;
}
    .footer_goota_p2{
        font-weight: bold;
        text-align: center;
        font-size: 18px;
    }
    
    #copyright {
    border-top: none;
    text-align: center;
    margin-top: 0;
    padding: 20px;
        padding-bottom: 0;
}
    
    .gotta_info {
    display: -webkit-block;
    display: block;
    flex-shrink: 0;
    margin-top: 0;
    margin-left: 0;
        padding: 0;
        box-sizing: border-box;
}
    
    .footer_logo {
    float: none;
    margin-right: 0;
    width: 100%;
    text-align: center;
    margin: 20px 0;
}
    
    #copyright {
    text-align: left;
        padding-bottom: 20px;
}

    
.sub_title img {
    width: 60%;
}    
    
    
    
h2.sub_title span {
    top: 5px;
    font-size: 12px;
    margin-left: 10px;
}    
    
#main.page {
    padding-top: 90px;
}
    
.column3_02 > * {
    float: none;
}
    
.content_pt03 {
    /* text-align: center; */
    padding: 0 10px;
    box-sizing: border-box;
}
  
 #partner ul {
    margin-left: 0;
    float: none;
}   
    
#press table {
    margin-left: 0;
    text-align: left;
}
    
.e_title02 {
    font-size: 18px;
    font-weight: bold;
    margin: 25px 0;
}    
    
.content_pt04 {
   width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

.line_long span:nth-child(2) {
    display: none;
}
    
    
.e_title03 span:nth-child(2) {
    display: none;
}
    
  .column02_wrap li > *{
                    float: none;
                }
                    
                    .column02_wrap li > *:nth-child(1){
                    margin-right: 0;
                }
                    
                    
                .column02_wrap{
                    padding:0 10px;
                    box-sizing: border-box;
                    width:100%;
                }
                    .column02_wrap table *{
                        text-align: left;
                    }  
                    
                    .column02_wrap table{
                        width:100%;
                    }  
                    
                    .column02_wrap table th,
                    .column02_wrap table td{
                        display:block;
                        width: 100%;
                        text-align: left;
                    }  
                    
                    .column02_wrap li > *:nth-child(1) img,
                    .column02_wrap iframe{
                    width:100%;
                }
                    
                    .column02_wrap table a{
    text-align: left;
    display: block;
    float: left;
                        margin-right: 10px;
}
    
          .pub dt{
          float: none;
          width: 100%;
      }
      
      .pub dd{
          float: none;
          width: 100%;
      }
      
      .pub dd span{
          width: 100%;
      }
      
       .e_title01.etc{
            font-size: 12px;
        }
      .e_title01.etc span{
            display:block;
        }
    
                    /*sp*/
                .column02_wrap.etc li > *:nth-child(1) {
    width: 100%;
                    margin-bottom: 10px;
}
                .etc_table {
    margin-top: 0;
}
                .column02_wrap.etc li > *:nth-child(2) {
    width: 100%;
}
                .column02_wrap.etc table th, .column02_wrap.etc table td {
    display: table-cell;
    width: auto;
    font-size: 12px;
}
                
                .column02_wrap.etc p{
                    font-size:14px;
                    text-align:left;
                    margin-bottom: 10px;
                }
    
    /* ニュース、記事ページ */
               
               .single_nav_R,
    .single_nav_L{
width:150px;
               }
    .single_nav_R{  
    text-align: right;
    }
                       .content_pt_news{
                        width:100%;
                       padding:0 10px;
                       box-sizing: border-box;
                    }
                    .topics_left{
                        width:100%;
                        float: none;
                        padding:0 10px;
                       box-sizing: border-box;
                    }
                    
                    .topics_right{
                        width:100%;
                        float: none;
                        padding:0 10px;
                       box-sizing: border-box;
                    }
                   
                   .pagetitle{
                        padding: 30px 0;
                    }
                   
                   .topics_left .topics_contents{
    text-align: left;
}

#news .topics_contents{
    margin-bottom:20px;
}
  
#news .topics_contents p{
    float:none;
}

#news .topics_contents p:nth-child(1){
    width: 100%;
}

#news .topics_contents p:nth-child(2){
    width: 100%;
}

    
    .drop:hover{
        cursor: pointer;
    }
    
    
}


@media screen and (max-width:640px){
.container {
    padding-top: 240px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 80px;
}
}

@media screen and (max-width: 768px){
	
	#main.page{
		width: 100%;
	}
	
	.gotta_info {
    display: -webkit-block;
    display: block;
}
	
	.gotta_info li{
		padding-bottom: 10px;
		
	}
	
	.content_pt02 {
    width: 100%;
    margin: 0 auto;
}
	
	.content_pt03 {
    width: 93%;
    margin: 0 auto;
}
	
	.mainimg_wrap img {
    width: 100%;
}
.mainimg_wrap {
    width: 100%;
    position: relative;
    margin: auto;
}
	#mainimg{
		padding-top: 90px;
	}
	
	.footer_wrap {
    width: 100%;
}
	
	.contentarea{
		width: 100%;
	}
	
	.content_01, .content_02, .content_03, .content_04, .content_05, .content_06_b {
       width: 100%;
    margin: 60px auto;
		    overflow: auto;
		padding: 0;
}
	
	.content_06, .content_07, .content_08 {
    width: 94%;
    /* overflow: hidden; */
    margin: 40px auto;
}
	
}