@charset "utf-8";

/*文字設定*/

/*.px30{
	font-size:30px;
	font-weight:bold;
	line-height:150%;
}

.px20{
	font-size:20px;
	font-weight:bold;
	line-height:150%;
}

.px16{
	font-size:16px;
	font-weight:bold;
	line-height:200%;
}

.px14{
	font-size:14px;
	line-height:150%;
}

.px12{
	font-size:12px;
	line-height:150%;
}

.px10{
	font-size:10px;
	line-height:150%;
	}*/

.red{
	color:#F00;
	font-weight:bold;
}

.caution {}

.caution li {
    text-indent: -1em;
    padding-left: 1em;
    font-size: 0.9em;
}

/********マージン、パディング********/

.marTop1em {margin-top: 1em;}
.marTop2em {margin-top: 2em;}
.marTop3em {margin-top: 3em;}
.marTop4em {margin-top: 4em;}
.marTop5em {margin-top: 5em;}
.marRgt1em {margin-right: 1em;}
.marRgt2em {margin-right: 2em;}
.marRgt3em {margin-right: 3em;}
.marRgt4em {margin-right: 4em;}
.marRgt5em {margin-right: 5em;}
.marBtm1em {margin-bottom: 1em;}
.marBtm2em {margin-bottom: 2em;}
.marBtm3em {margin-bottom: 3em;}
.marBtm4em {margin-bottom: 4em;}
.marBtm5em {margin-bottom: 5em;}
.marLft1em {margin-left: 1em;}
.marLft2em {margin-left: 2em;}
.marLft3em {margin-left: 3em;}
.marLft4em {margin-left: 4em;}
.marLft5em {margin-left: 5em;}


/*初期設定*/

body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
form,select,option,input
address,pre,strong,em,iframe{
	margin:0;
	padding:0;
}


img{border:0;}

ul,ol{list-style-type:none;}

.clear {clear:both;}


/*リンク*/
  

a:link{
	color:#FFC;/*未訪問*/
}
a:visited{
	color:#999;/*訪問済*/
}
a:hover{
	color:#666;/*マウスオン*/
}

a:active{
	color:#666;/*クリック*/
}

html {  
    overflow-y:scroll;  
}

body{
	font-size: 16px;
	background-color:#000;
	color:#fff;
	line-height:1.8;
/*	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
font-family: kan48typos-std, sans-serif;
font-weight: 400;
font-style: normal;
	}

body:not(.index){
	background-image:url(../images/dll_bg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-attachment:fixed;
}


.banner a:hover img{
  filter: alpha(opacity=70);
  opacity: 0.7;
  zoom: 1.0;
  }

  
/*ボックス*/

div.box800{
	width:800px;
	font-size:14px;
	color:#666;
	line-height:150%;	
	margin:auto;
	padding:20px;
	border:1px dotted #963;
	background-color:#e6e2d9;
}

.box{
	width:600px;
	border:#b28850 dotted 1px;
	padding:20px;
	margin:auto;
}


/*CD・dvdページ*/

.box_cd{
	width:600px;
	border:#b28850 dotted 1px;
	padding:20px;
	margin:auto;
    text-align: left;
}

.box_dvd{
	width:840px;
	border:#f8cacf double 3px;
	padding:30px;
	margin:auto;
    text-align: left;
}

.media {
    text-align: center;
}

.media .photo {
    text-align: center;
}

.media .toiawase{
	width:500px;
	font-size:14px;
	color:#fff;
	line-height:150%;	
	margin:auto;
	padding:10px;
	border:1px dotted #ccc;
	background-color:#222;
	text-align:center;
}

/*全体*/

#wrap{
	width: 1020px;
	margin: auto;
	padding-top:10px;
}


/*****************************************************
　お客様へのお願い
*****************************************************/

header .btn_area {
	width: 100%;
	padding: 0.4em 0 0.2em;
	text-align: center;
    background: #730009;
}

header .btn_area .btn {
	display: inline-block;
	color: #f7b756;
	padding: 0 1em;
	text-decoration: none;
	font-size: 0.9em;
font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;

}


header .btn_area .btn::before {
	font-family: "Font Awesome 5 Free";	
	content: "\f0da";
	font-weight: 900;
	font-size: 1em;
	padding-right: 0.2em;
}




/*****************************************************
　メニュー
*****************************************************/

#nav{
	width:250px;
	padding:5px;
	float:left;
}

#nav li{padding-bottom:10px;}

#nav .sns_link {
    margin-top: 2em;
    text-align: center;
}

#nav .sns_link li {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
}

#nav .ban_list .dvd {
    margin-top: 10px;
}

#nav .ban_list .cd {
    margin-bottom: 20px;
}

#nav .ban_list li {
    text-align: center;
}

#nav .ban_list img {
    vertical-align: top;
}

#nav .info_ban {
    padding-bottom: 5px;
    text-align: center;
}

/*メイン*/

#main{
	width:750px;
	float:right;
	margin:auto;
}


/*ページトップへ*/

#top_link{
    position: fixed;
    right: 15px;
    bottom: 20px;
	z-index: 1000;
}


/****************************************

　フッター

*****************************************/

footer{
	width: 100%;
	margin: 0 auto;
    padding: 0;
	color: #fff;
	text-align: center;
	bottom: 0;
}

footer .copy {
	display: block;
	padding: 1em;
    font-weight: 400;
	font-style: normal;
	line-height: 1.5;
}

footer .sns_link {
    margin-top: 40px;
}

footer .sns_link li {
    display: inline-block;
    margin: 1em 0.5em;
    text-align: center;
    vertical-align: top;
}

footer .sns_link li img {
    width: 100%;
}

footer .sns_link li.icon_toho {
    width: 45px;
}

footer .sns_link li.icon_x {
	position: relative;
	top: 5px;
    width: 35px;
}

footer .policy_link {
	margin: 1em auto 0;
}

footer .policy_link li {
	display: inline-block;
	margin: 0 auto 1em;
}

footer .policy_link li:not(:last-of-type)::after {
	content: "｜";
	margin: 0 0.5em;
}

footer .policy_link li a {
	text-decoration: none;
	color: #fff;
	font-weight: 400;
}

footer .policy_link li a:hover {
	text-decoration: underline;
}


/*見出し*/

.heading_page {
    position: relative;
    margin: 20px auto;
    text-align: center;
}

.heading_page::before{
    content: "";
    background-image: url("../images/heart.png");
    background-repeat: no-repeat;
    width: 36px;
    height: 50px;
    top:5px;
    right: 5px;
    position: relative;
    display: inline-block;
}

.heading_page::after {
    content: "";
    background-image: url("../images/heart.png");
    background-repeat: no-repeat;
    width: 36px;
    height: 50px;
    top:5px;
    left: 5px;
    position: relative;
    display: inline-block;
}

.heading_page_sub {
    text-align: center;
}

.midashi{
	border-left:solid 10px #f8cacf;
	padding:6px 0 6px 10px;
	font-size:20px;
	font-weight:bold;
	background-color:#333;
}

.midashi_in{
	padding:10px 20px;
}

/******************************
　トップページ
******************************/

.index .top_stream {
	margin: 0.5em auto;
	text-align: center;
}

.index .top_stream:hover {
	opacity:  0.8;
}

.top_stream.move {
    font-size: 20px;
    font-weight: bold;
    animation-name: fadein;
    animation-duration: 2s;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
 

/*ニュース日付*/

div.date{
	font-weight:bold;
	color:#d80c18;
}

/*ニュース本文*/

.news_first{
	line-height:150%;
}

.news{
	border-bottom:dotted 1px #aaaaaa;
	line-height:150%;
	margin-bottom:5px;
	padding-bottom:5px;
}

/*チケットページテキスト*/

/*div.text_ticket1{
	width:550px;
	margin:auto;
	font-weight:bold;
	padding:10px;
	font-size:16px;
	line-height:150%;
	text-align:center;
	background-image:url(../img/ticket_bg.gif);
}

div.text_ticket2{
	width:548px;
	margin:auto;
	padding:10px;
	font-size:14px;
	line-height:150%;
	text-align:center;
	border-right:dotted 1px #59493f;
	border-left:dotted 1px #59493f;
	border-bottom:dotted 1px #59493f;
}

div.text_ticket3{
	width:548px;
	margin:auto;
	padding:10px;
	font-size:14px;
	line-height:150%;
	border-right:dotted 1px #59493f;
	border-left:dotted 1px #59493f;
	border-bottom:dotted 1px #59493f;
}*/



/***** イントロ *****/

.intro {}

.intro .lead {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    font-size: 1.6em;
}

.intro .text {
    margin-top: 2em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    line-height: 2;
    font-size: 1.2em;
}

/***** ストーリー *****/

.story {}
/*bk
.story .text____bk {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    line-height: 3;
    font-size: 1em;
    text-align: center;
}
*/
.story .text {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    line-height: 2;
    font-size: 1em;
    text-align: center;
}


/***** キャスト *****/

.cast_staff {}

.cast_staff .cast {
    text-align: center;
}

.cast_staff .cast .list .cast_item {
    display: inline-block;
    padding: 20px;
    
}

.cast_staff .cast .list .yaku {
    font-size: 0.8em;
}

.cast_staff .staff {
    margin-top: 3em;
    
}

.cast_staff .staff .list {
    width: 100%;
    margin-top: 1em;
    margin-bottom: 2em;
    line-height: 2.4;
}

.cast_staff .staff .list dt {
    width: 49%;
    text-align: right;
    display: inline-block;
}

.cast_staff .staff .list dd {
    display: inline-block;
    width: 49%;
    text-align: left;
    
}

/***** チケット *****/

.ticket .area {
    margin: 2em auto 1em;
    text-align: center;
}

.ticket .anchor {
    display: block;
    padding: 1em 0 0;
}

.ticket .area li {
    margin: 10px;
    display: inline-block;
}

.ticket .data {
    text-align: center;
}

.ticket .nittei {
    margin: 1em auto;    
}

.ticket .hoshitori {
    margin: 2em auto;
}

.ticket .data .caution {
    width: 90%;
    margin: 0 auto;
    font-size: 0.9em;
    text-align: left;
}

.ticket .data .caution li {
    text-indent: -1em;
    padding-left: 1em;
}

.ticket .senkou {
	margin: 2em 0 1em;
	font-weight: bold;
}

.ticket .senkou dt{
	background: #f7b756;
    color: #000;
    padding: 0 0.5em;
    line-height: 2;
}

.ticket .senkou dd{
    padding: 0.5em 0.5em 1em;
}

.ticket .kaishi {
	display: inline-block;
	margin-bottom: 1.5em;
	border-bottom: 2px dotted #e62310;
	color: #e62310;
	font-weight: bold;
	line-height: 1.5;
}

.ticket .ticket_madoguchi {
	text-align: left;
	width: 100%;
	margin: 0 auto 60px;
    font-family: 'Noto Sans JP', sans-serif;
}

.ticket .ticket_madoguchi a {
    color: #e62310;
}

.ticket .ticket_madoguchi > dt{
	background: #f7b756;
	margin: 30px auto 0;
	padding-left:1em;
	line-height: 2.5em;
	color: #000;
    font-weight: 800;
    font-size: 1.2em;
}

.ticket .ticket_madoguchi > dd{
	padding: 20px 20px;
	background: #fff;
    background: rgba(255,255,255,1);
    color: #000;
    font-weight: 500;
}


/*.ticket .ticket_madoguchi .maeuri {
    display: inline-block;
    margin-bottom: 1em;
    font-weight: 900;
}*/

.ticket .s {
	font-size: 16px;
}

.ticket .pc {
	position: relative;
/*	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	font-size: 2em;
	font-weight:  bold;
	line-height: 40px;

}

.ticket .pc a{
	text-decoration: none;
}

.ticket .pc_icon {
	padding-left:65px;
}

.ticket .pc_icon::before {
	content: url(../images/ticket_icon_pc.png) ;
	padding: 0;
	position: absolute;
	top:50px;
	left: 10px;
}

.ticket .tel {
	margin-left: 1em;
	position: relative;
/*	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	font-size: 2em;
	font-weight:  bold;
	line-height: 40px;
	color: #e62310;
}

.ticket .tel_icon {
	padding-left:40px;
}

.ticket .tel_icon::before {
	content: url(../images/ticket_icon_tel.png) ;
	padding: 0;
	position: absolute;
	top:2px;
	left:0;
}

.ticket .time {
	font-size:1em;
	font-weight: normal;
	margin-left: 1em;
}

.ticket .playguid {
    width: 100%;
    margin: 0 auto;
}


.ticket .playguid th,
.ticket .playguid td {
    border: 1px solid #000;
    padding: 1em;
}

.ticket .playguid th {
    vertical-align: middle;
    text-align: center;
}

.ticket .playguid .logo {
}

.ticket .playguid .data {
	margin-bottom: 1em;
	padding-left: 1em;
}

.ticket .tel_madoguchi .name {
	margin-bottom: 0.5em;
	padding-left:0.5em; 
	background: rgba(255,244,127,0.7);
	color:#e62310;
	font-weight: bold;
}

.ticket .ticket_madoguchi .resale {
	text-align: center;
}

.ticket .ticket_madoguchi .resale li{
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}

.ticket .ticket_madoguchi .resale li:last-child{
	margin-right: 0;
}

.ticket .ticket_madoguchi .resale img {
    display: block;
    height: auto;
}

.ticket .kaijyou {
	padding-top: 40px;
	padding-bottom: 30px;
	background: #fff;
    text-align: center;
}

.ticket .kaijyou .logo {
	margin: 20px;
}

.ticket .kaijyou .map img {
    border: 2px solid #000;
}


.ticket .kaijyou .logo p {
	margin-top: 10px;
	font-size: 1.5em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.ticket .kaijyou .add{
    font-weight: 500;
}

.ticket .kaijyou .koutsu{
	width: 21em;
	margin: 1em auto 0;
	text-align: left;
    font-weight: 500;
}

.ticket .btn_zaseki {
	margin: 1.5em auto 0;
}

/*****　ツアー中止　*****/

.ticket .info {
    margin: 1em auto 2em;
    width: 22em;
    border: 2px solid #ff0000;
    padding: 1em 2em;
}

.ticket .info ul {
    margin-bottom: 1em;
}

.ticket .info p {
    text-align: center;
}

.ticket .tour .heading_tour_area .note {
    font-size: 0.8em;
    margin-left: 0.5em;
    color: #ff0000;
}

.ticket .tour .heading_tour_area.cancel {
    color: #666;
    background: #c49b5c;
}


.ticket .tour .list.cancel th{
    background: #c89d5c;
}

.ticket .tour .list.cancel td{
    background: #ccc;
}
.ticket .tour .list.cancel td,
.ticket .tour .list.cancel th{
    color: #666;    
}

/****　ツアー　 *****/

.ticket .tour {
    position: relative;
    width: 100%;
    margin: 4em auto 0;
}

.ticket .tour .heading_page_tour {
    margin-top: 5em;
/*    line-height: 1;*/
    text-align: center;
}

.ticket .tour .area_list {
    margin: 1em auto 1.5em;
    text-align: center;
}

.ticket .tour .area_list li {
    display: inline-block;
    color: #fff;
font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-size: 1em;

}
.ticket .tour .area_list a {
    color: #fff;
}

.ticket .tour .anchor {
    display: block;
    padding-top: 1em;
    margin-top: -1em;
}


.ticket .tour .area_list li:not(:last-child)::after{
    padding: 1em;
    content: "|";
    color: #fff;
    font-weight: 400;
}


.ticket .tour .heading_tour_area {
	padding-left:1em; 
	background: #f7b756;
	color:#000;
font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    font-size: 1.2em;
    text-align: center;
}

.ticket .tour .list {
    width: 100%;
    margin: 0 auto 2em;

}


.ticket .tour .list a {
    color: #ff0000;
}

.ticket .tour .list th,
.ticket .tour .list td {
    padding: 0.5em;
    border: 2px solid #f7b756;
/*    background: rgba(255,255,255,1);*/
    font-size: 0.9em;
    color: #000;
    font-weight: bold;
}

.ticket .tour tr:nth-of-type(1){
    font-size: 0.8em;
    background: #fee1b5;
    color: #000;
font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
}



.ticket .tour th:nth-of-type(2){
    padding: 0.5em 0;
}

.ticket .tour td:nth-of-type(1){
background: rgba(255,255,255,1);
}

.ticket .tour td:nth-of-type(2){
background: rgba(255,255,255,1);
}

.ticket .tour td:nth-of-type(3){
background: rgba(255,255,255,1);
}

.ticket .tour td:nth-of-type(4){
background: rgba(255,255,255,1);

}

.ticket .tour td:nth-of-type(5){
background: rgba(255,255,255,1);
    font-size: 0.8em;
}


.ticket .tour .day {
    width: 8em;
/*    font-size: 0.9em;  */   
}
.ticket .tour .time {
    width: 4em;
/*    font-size: 0.9em;    */ 
}
.ticket .tour .theater {
/*    font-size: 0.9em;*/
    text-align: center;
}
.ticket .tour .contact {
    width: 20em;
    text-align: center;
}

.ticket .tour .team_list {
    position: absolute;
    right: 0;
    text-align: left;
}

.ticket .tour .caution {
    margin: 1em 0 3em;
    text-align: right;
}


/*****　movie *****/

.movie {
    text-align: center;
}


/********　グッズ　********/

.goods {
    text-align: center;
}
.goods .msg {
    font-weight: bold;
}

.goods .head_info .note {
    display: block;
    font-weight: bold;
    font-size: 0.8em;
    line-height: 1.5;
    color: #e62310;
}

.goods .way {
    width: 300px;
    vertical-align: bottom;
    margin: 1.5em 10px 0;
    padding: 10px;
    display: inline-block;
    background: rgba(255,255,255,0.2);
  /*  border: 2px solid #513a36;*/
    border-radius: 5px;
    text-align: center;
}

.goods .way dt {
    font-weight: bold;
}
.goods .way dd {
}
.goods .btn_way {
    display: block;
    margin-bottom: 1em;

}
.goods .btn_way img {
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
}

.goods .lbl {
    display: block;
    font-weight: bold;
    line-height: 1.5;
}
.goods .lbl::before {
    content: "・";
}
.goods .lbl::after {
    content: "・";
}
.goods .day {
    font-weight: bold;
    font-size: 1.1em;
}


.goods .goods_list {
	margin: 0 auto 20px;
}

.goods .goods_list > dt{
    background: #f7b756;
    margin: 30px auto 0;
    padding: 0.3em 0 0;
    line-height: 2.5em;
    color: #000;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
}

.goods .goods_list > dd{
padding: 40px 20px;
    background: #fff;
    background: rgba(255,255,255,1);
    color: #000;
    font-weight: 500;
    text-align: center;
}

.goods .goods_list .price {
    margin-left: 1em;
}


.goods .goods_list .price .s {
    font-size: 0.8em;
}

.goods .goods_list .photo {}


.goods .goods_list .photo img {}

.goods .goods_list .cap {
    display: block;
    margin-top: 0.5em;
    font-size: 0.9em;
    font-weight: bold;
    color: #444;
}

.goods .caution {
    margin-bottom: 40px;
    text-align: left;
}
/*

.goods .goods_list .text {
    color: #513a36;
    font-size: 0.9em;
    margin-top: 0.5em;
}*/



/*****　toujitsu *****/
/*h1{font-size: 1.7rem;}
.right{text-align: right;}*/