@charset "utf-8";
/* プロパティの指定順序 */
/*
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */


.guard{
	cursor: no-drop;
	pointer-events: none;
	cursor: default;
}
.L {
	float:left;
}
.R {
	float:right;
}
a{
	outline:none;
}
a:focus{
	outline:none;
}
*{box-sizing: border-box;}
html {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	-webkit-text-size-adjust: none;}

/* =====================================================================
*	TOPページ
* =================================================================== */
body {
	position: relative;
	background-color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	color:#333;
}
html, body {
  height: 100%;
  min-height:100%;
  
}
h1 { text-indent: -9999px; line-height:0;}
#wrapper { width:auto; height:auto; padding:0; margin:0 auto;  }


body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
}

.topbg { background-size: cover !important; background-repeat: no-repeat;
	background-image: url(../img/bg.jpg); background-position: center center; background-attachment: fixed;
}
.toprdm { background-position: center center; background-repeat: repeat; background-size: 160px 160px; }
.mainbg {
	background-repeat: no-repeat;
	background-position: center top;
}
.mainbg22 {
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../img/main3.jpg);
}

.background1 { 
  background-image: url("../img/obi-b.jpg");
}
.background2 { 
  background-image: url(../img/obi-y.jpg);
}


body > #wrapper {
  height: auto;
 }



/* =====================================================================
*	loader
* =================================================================== */

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 1000;
  background:#000; background-size:cover;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #666; font-size: 0.7em;
  z-index: 1002;
}


.fadeIn {
  transform: translate3d(0, -50px, 0);
  transition: 1s;
  opacity: 0;
}

.fadeIn.animated {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}




.contenart {
	position: relative;
	width: auto;
	margin: 0 auto;
	min-height: 100%;
}

.contenar {
	position: relative;
	width: auto;
	margin: 0 auto;
	padding: 0;
	height:auto; min-height: 100vh; 
}






#leftside { float:left; width:215px; text-align: center !important; min-height:805px; padding-top:20px; display:block; }

#menuopenbtn { position:fixed; z-index: 400; top:20px; left:20px; width: 60px;}
#menuopenbtn img { width:100%;}
#popmenu {
	width:100vw;
	height:100vh;
	position:fixed;
	top:0px;
	left:0px;
	background:#000 url(../img/menu_bg.jpg) no-repeat center center;
	background-size:cover;
	z-index:500;
	justify-content: flex-start; flex-wrap: wrap;
	align-items: center;
	display: none;
	text-align: center; margin: 0; padding: 0; box-sizing: border-box;
}
.w80 { width:80%;  }
.ovfs { overflow-y: auto; height: auto; margin: 0 auto; padding: 0 0 0;}
#popmenu a { display: inline-block; }
.sublogo { text-align:center; padding:20px 0;}
.sublogo img { height:70px; }
.subtitle { display: block; width:auto; height:auto; text-align: center; background-repeat: repeat; background-position: center center; }
.subtitle img { width:1200px; height:auto; }
.htakasa img { height:70px; }

#menuclosebtn { position:fixed; z-index: 600; top:20px; left:20px; width: 60px;}
#menuclosebtn img { width:100%;}

@media screen and (max-width: 640px) {
.w80 { width:auto;  }
.ovfs { overflow-y: scroll; height: 100%; margin: 0 auto; padding: 2% 0 4%;}
.sublogo { text-align:center; padding:10px 0;}
.sublogo img { height:81px; }
.subtitle { width:auto; height:auto; text-align: center; }
.subtitle img { width:640px; height:auto; }
#menuopenbtn { position:fixed; z-index: 400; top:15px; left:10px; width: 60px;}
#menuclosebtn { position:fixed; z-index: 600; top:15px; left:10px; width: 60px;}
.htakasa img { height:50px; margin:10px 0;}
}



.pd20 { padding:20px; display: block; }

.nonclick { pointer-events: none; opacity: 0.8; }

.fontf { padding:0 0px 10px; font-size:1.0em; line-height:1.6em !important; font-family: "Sawarabi Mincho"; font-weight: 400;} 
.sema { margin: 4px 0 !important;}


#rightside { float:right; width:250px; text-align:left;  min-height: 805px; position:relative; margin:0; padding-top:10px; z-index:3}
.bnr { height:auto; width:auto; display: block; padding:15px 10px; text-align: center;}
.bnr img { margin:5px; width:100%; max-width: 280px;}
.bnblock { display: none; }

#centerarea { width:100%; height: auto; padding: 0 0 0; text-align: center; margin:0 0 0 0; position:relative; }
#centerarea .w50 img { width:50%; height:auto; }
.toplogo { width:735px; height:190px; background: url(../img/logo.png) no-repeat; display:block; position:absolute; bottom:-10px; left:0;}
.spmovie { width:276px; height:130px; position:absolute; top:10px; left:0; z-index:100;}

.visiv img { visibility: hidden; }



#geki-main2 { display:block; position: relative; margin: 0 auto; text-align: center; width:100%; height:auto; background-color: #000; background-image: url("../img/main_bgr.jpg"); background-size: cover; background-repeat: no-repeat; }
#geki-main2 img.vis { width:100%; height:auto;  }

#geki-main2 .logo2 { display: block; width:100%; height:auto;  position: absolute; bottom:0; text-align: center;}
#geki-main2 .logo2 img { width:58%; height:auto; max-width:700px;  }

.visual-ib { width:100%; height:auto; max-width:1300px; position: relative; margin: 0 auto; }
.bn-hanken { position: absolute; top:5px; right:2px; width:14%; height:auto; transition: 0.5s;}
.bn-hanken a:hover { opacity: 0.9; }
.bn-hanken img { width:100%; height:auto; }

@media screen and (max-width: 640px) {
.bn-hanken { position: absolute; top:5px; right:5px; width:110px; height:110px; }
}


#geki-main1 { display:block; position: relative; margin-bottom: 0; text-align: center; background: #ccc; padding:1em 0; }

.geki-all1 { display:flex; justify-content: center; align-items: flex-end; position: relative; margin: 0 auto; width:100%; max-width: 1200px; }

.geki-left1 { display:flex; align-items: flex-end; align-content:center; flex-wrap: wrap;  margin: 0 0 0 0; width:32%; }

.geki-right1 {  display: block; position: relative; margin: 0; width:64%; }
.bnr1 { margin:0 auto 1em; text-align: left; line-height:1.0em; }
.bnr1 img { width:50%; margin:0;}

.geki-rightin { display:flex; align-items: flex-end; position: relative; margin: 0; width:100%; }

.movg0 { margin:0; text-align: center; font-size:0.7em; color:333; line-height:1.2em; padding:0 5px;}
.movg0 img {width:100%; margin:0 0 3px; padding: 0; }

.movg1 { width:50%; text-align: center; font-size:0.7em; color:333; line-height:1.2em; margin: 0; padding:0 5px;}
.movg1 img {width:100%; margin:0 0 3px; }


#geki-main { display:block; position: relative; margin-bottom: 0; text-align: center; background: #ccc; }
.geki-all { display:flex; justify-content: center; flex-direction: row-reverse; position: relative; margin: 0 auto; width:1020px; }

.geki-left { display:flex; align-items: center; align-items: center; align-content:center; flex-wrap: wrap;  margin: 0 20px 0 0; width:300px; }

.geki-right { display:block; position: relative; margin: 0; width:700px; }
.geki-right img { width:100%; }

.movg { margin:1em 0; text-align: left; font-size:0.8em; color:333; line-height:1.1em; }
.movg img {width:100%; margin:3px 0;}

.roadshow3 { text-align:center; margin:1em 0 1.2em; padding: 0 1em; }
.roadshow3 img { width:100%; max-width:1000px; }

.schedule-g { text-align:center; margin:0em 0 2em; padding: 0 1em; font-size:0.6em; line-height:1.3em; color:#666;}
.schedule-g img { width:100%; max-width:400px; margin-bottom:3px; }


@media screen and (max-width: 640px) {
    
#geki-main1 {  padding:1em 1em; }
    
.geki-all1 { display:block; position: relative; margin: 0 auto; width:100%; max-width: 1200px; }

.geki-left1 { display:block; margin: 0 0 1.5em; width:100%; }

.geki-right1 {  display: block; position: relative; margin: 0; width:100%; }
.bnr1 { margin:0 auto 1em; text-align: center; line-height:1.0em; }
.bnr1 img { width:100%; margin:0;}

.geki-rightin { display:block; position: relative; margin: 0; width:100%; }

.movg0 { margin:0;  font-size:0.8em; color:333; line-height:1.1em; padding:0 0 0.5em;}
.movg0 img {width:100%; margin:0 0 3px; padding:0 0 0 0;}

.movg1 { width:100%; margin:1em 0; font-size:0.8em; color:333; line-height:1.1em; margin: 0; padding:0 0 1em;}
.movg1 img {width:100%; margin:0 0 3px; padding:0 0;}
    
    
    
.geki-all { display:block; position: relative; margin: 0 auto; width:100%; }
    
.geki-left { display:none; }
.geki-right { display:block; position: relative; margin: 0 0 0em; width:100%; }

.geki-sp { display:block; text-align: center; margin: 0 0 3em; }

.geki-sp .movg { width:100%; max-width:580px; margin:1em auto 2em; }
    
.roadshow3 { text-align:center; margin:0.4em 0 1.5em; }

    
}







#subarea { width:1200px; height: auto; padding:0 30px 0; text-align: left; margin:0 auto; position:relative; background-color: rgba(255,255,255,0.7); }



#subarea .submain { width: auto; padding:40px 0; height: auto; font-family: "Sawarabi Mincho"; font-weight: 400; min-height:600px; font-size: 1.1em; } 

#subarea .submain p { padding:1em;  font-size:1.0em; line-height:1.9em !important; font-family: "Sawarabi Mincho"; font-weight: 400;} 
#subarea .submain b { color:#ff9900;  margin-bottom:0.3em; display:block; font-size:1.4em; font-family: "Sawarabi Mincho"; font-weight: 400;}

#subarea .submain .tex { padding:10px 0px 20px; font-size:1.1em; line-height:1.6em !important; font-family: "Sawarabi Mincho"; font-weight: 400; margin: 0 auto; max-width: 860px;} 
#subarea .submain .tname { color:#ff9900;  margin-bottom:0.3em; display:block; font-size:1.2em; } 
#subarea .submain .mtitle { font-size:1.5em; font-weight:bold;  padding-bottom:30px; text-align:left; padding: 0; }

.st_num { margin:10px 0 20px; text-align: center; }
.st_num a { margin:0; padding:1px;}
.st_num img{ width:69px; margin:0; padding:0 0 2px; }
.w100 { width:100%;}

.trd_num { margin:0; text-align: center; padding:0 0 90px; }
.trd_num a { margin:0; padding:1px;}
.trd_num a img { height:60px; margin:0; padding:0 0 2px; }

.trd_num1 { margin:0; text-align: center; padding:40px 0; }
.trd_num1 a { margin:0; padding:1px;}
.trd_num1 a img { height:60px; margin:0; padding:0 0 2px; }


.title_12nd { margin:0; text-align: center; padding:40px 0 0; }

.narabi3 { padding:1em; margin:1em 0; text-align: center; }
.narabi3 img { padding:0; margin:0; width:33.3%;}

#subarea .submain .like_p { padding:1em; line-height:1.9em !important; font-family: "Sawarabi Mincho"; font-weight: 400;} 
#subarea .submain .theater_p { padding:1em; line-height:1.8em !important; font-family: "Sawarabi Mincho"; font-weight: 400;} 

table.onairtable { width:auto; margin: 1em 0 0.5em; }
table.onairtable td { padding:0 1em 0.5em 0; font-size:1.0em; line-height:1.2em !important; font-family: "Sawarabi Mincho"; font-weight: 400; text-align:left; vertical-align: middle;} 
table.onairtable td a { font-family: "Sawarabi Mincho"; } 

table.onairtable2 { width:100%; margin: 1em 0 0.5em; border-top: 1px solid #333; display: block; }
table.onairtable2 th { padding:1em 1em 1em 0; font-size:1.0em; line-height:1.2em !important; font-family: "Sawarabi Mincho"; font-weight: 400; text-align:left; vertical-align: top; border-bottom: 1px solid #333; white-space: nowrap; display: table-cell; width:auto; } 
table.onairtable2 td { padding:1em; font-size:1.0em; line-height:1.2em !important; font-family: "Sawarabi Mincho"; font-weight: 400; text-align:left; vertical-align: top; border-bottom: 1px solid #333; width: 100%; display:  table-cell;} 
table.onairtable2 td span{ font-size:0.8em; line-height:1.6em !important; font-family: "Sawarabi Mincho"; font-weight: 400; display: block; } 
table.onairtable2 th a { font-family: "Sawarabi Mincho"; line-height:1.2em !important;} 

table.onairtable3 { width:100%; margin: 1em 0 0.5em; text-align: center;  border-top: 1px dotted #ccc;}
table.onairtable3 td { padding:0.5em 0 0.5em 0; font-size:1.0em; line-height:1.2em !important; font-family: "Sawarabi Mincho"; font-weight: 400; text-align:center; vertical-align: middle; border-bottom: 1px dotted #ccc;} 
table.onairtable3 td a { font-family: "Sawarabi Mincho"; } 




#subarea .submain h2 { padding:0; color:#003366; font-size:1.7em; line-height:1.2em !important; font-family: "Sawarabi Mincho"; font-weight: 500; margin:0 0 1em;} 
#subarea .submain h3 { padding:0; color:#0066cc; font-size:1.4em; line-height:1.2em !important; font-family: "Sawarabi Mincho"; font-weight: 500; margin:1em 0 0.7em;} 
#subarea .submain h4 { padding:1em; color:#0066cc; font-size:1.3em; line-height:1.2em !important; font-family: "Sawarabi Mincho"; font-weight: 500; margin:1.5em 0 0.25em;} 
.fsbai { font-size:1.1em !important;}

#subarea h2.h2spe { border-top:3px solid #333; border-bottom:3px solid #333; padding:0.4em 0;  font-size:1.5em; line-height:1.2em !important; font-family: "Sawarabi Mincho"; font-weight: 500; margin:0 0 1em !important; color:#333 !important;} 

#subarea .submain .storybox { margin-bottom:10px; display:block; width:auto; padding:0; }
#subarea .submain .storybox h2 { border-bottom:1px solid #ffffcc; margin-bottom:10px; display:block; width:auto; height:auto; }
#subarea .submain .storybox p { padding:0.8em 0 !important;  font-size:1.1em; line-height:1.5em !important;} 


#subarea .submain .storybox ul.numb li.nonlink { pointer-events: none !important; color:#666;}

#subarea .submain .storybox ul.bxslider {
        width: 900px;
        height: auto;
        list-style:none;
        padding:  0;
        margin: 0 auto;
        display:block;
}
#subarea .submain .storybox ul.bxslider li{
        width: auto;
        height: auto; 
        float:left;
        list-style:none;
        padding: 0;
        margin: 0;
        display:block; border:none; pointer-events: none !important;
}

.storyslide { width:auto; max-width:860px; margin:0 auto; height:auto; padding-bottom: 10px; }
.sokan { text-align: center; }
.sokan img  { width: 100%; max-width: 860px; }

#subarea .submain ul.bxslider {
        width: auto;
        height: auto;
        list-style:none;
        padding: 0px;
        margin: 0 auto;
        display:block; 
}
#subarea .submain ul.bxslider li{
        width: auto;
        height: auto; 
        float:left;
        list-style:none;
        padding: 0;
        margin: 0;
        display:block; border:none; pointer-events: none !important;
}



#centerarea ul.bxslider {
        width: 100%;
        height: auto;
        list-style:none;
        padding:  0;
        margin: 0;
        display:block;
}
#centerarea ul.bxslider li{
        width: 100%;
        height: auto;
        list-style:none;
        padding: 0;
        margin: 0;
        display:block; border:none; pointer-events: none !important;
}
#centerarea ul.bxslider li img {
        width: 100%;
        height: auto; 
}


#centerarea ul.bxslider2 {
        width: 100%;
        height: auto;
        list-style:none;
        padding:  0;
        margin: 0;
        display:block;
}
#centerarea ul.bxslider2 li{
        width: 100%;
        height: auto;
        list-style:none;
        padding: 0;
        margin: 0;
        display:block; border:none; pointer-events: none !important;
}
#centerarea ul.bxslider2 li img {
        width: 100%;
        height: auto; 
}






.bb {font-weight: bold; display: block; padding: 0 0; line-height: 1.3em; margin: 0; font-size: 1.1em;}
.rr {font-weight: bold; display: block; padding: 0 0 0.5em; line-height: 1.1em !important; margin: 0; font-size: 1.1em; color: rgba(253,234,154,1.00) !important;}
.amabb {padding: 0.8em 0em; background: #333; }
.amarr {padding: 0.5em 1em; border-bottom: solid 1px rgba(253,234,154,1.00); border-top: solid 1px rgba(253,234,154,1.00); font-weight: bold; color: rgba(253,234,154,1.00); line-height: 1.2em; font-size: 1.1em; margin: 0 0 0.5em;}
.amarr2 {padding: 0.5em 1em; color:#eee; }

/*ショップ対抗*/
#subarea .subshop { width: auto; padding:1em 0 0; height: auto; font-family: "Sawarabi Mincho"; font-weight: 400; color:#ccc;} 
#subarea .subshop p { padding:1em;  font-size:1.1em; line-height:1.9em !important; font-family: "Sawarabi Mincho"; font-weight: 400;} 
#subarea .subshop b { color:#ff9900;  margin-bottom:0.3em; display:block; font-size:1.4em; font-family: "Sawarabi Mincho"; font-weight: 400;}
#subarea .subshop .cont { padding:0 ;  font-size:1.3em; line-height:1.6em !important; font-family: "Sawarabi Mincho"; font-weight: 400; margin-bottom:30px;} 
#subarea .subshop .tex { padding:0 0px 20px;  font-size:1.1em; line-height:1.6em !important; font-family: "Sawarabi Mincho"; font-weight: 400;}
.t_right { text-align: right !important;}
#subarea .subshop .tname { color:#ff9900;  margin-bottom:0.3em; display:block; font-size:1.2em; } 
#subarea .subshop .mtitle { font-size:1.5em; font-weight:bold;  margin-bottom:30px; text-align: center; padding: 0; }
#subarea .subshop table.flag { margin:30px auto; width:auto; text-align: center; padding: 0; }
#subarea .subshop table.flag td { margin:0; padding:0; text-align: center; }

#subarea .subshop .listmap { margin:0 0 40px; padding:0; font-family: "Sawarabi Mincho"; font-weight: 400; width:100%; height:900px; position:relative; background:url(../img/shop_bgmap.png) top center no-repeat #000; background-size: 100% auto ; }
#subarea .subshop .listmap .noncli { opacity:0.4; pointer-events: none; } 

#subarea .subshop .listmap .online { margin:0; padding: 74px 0 0; font-family: "Sawarabi Mincho"; font-weight: 400; width:278px; height: auto; position: absolute; background:url(../img/shop_net_header.png) top center no-repeat; background-size:100% auto; left:40px; bottom:40px; }
#subarea .subshop .listmap .online .foot { position: absolute; width:278px; height:40px; background:url(../img/shop_net_footer.png) center center no-repeat; bottom: -40px; left:0;}

#subarea .subshop .online .list { margin:0 auto; padding:0; font-family: "Sawarabi Mincho"; font-weight: 400; width:212px; height: auto; }
#subarea .subshop .online .list th { margin:0; padding:0; width:35px; height: auto; text-align:left; vertical-align: middle; }
#subarea .subshop .online .list td { margin:0; padding:0; width: auto; height: 40px; text-align:left; vertical-align: middle;  }
#subarea .subshop .online .list td a { text-align:left;  color:#ffffcc; text-decoration:none; display:inline-block; padding: 5px;  line-height:1.2em; }
#subarea .subshop .online .list td a span { color:#ffcc00; }

#subarea .subshop .listmap .ken { margin:0; padding: 0; width:150px; height: auto; position: absolute; background:url(../img/shop_ken_header.png) top center no-repeat; }
#subarea .subshop .listmap .ken a { color:#ffffcc; text-decoration:none; display:inline-block; padding: 5px; line-height:1.2em; }

.hoto { top:15px; right:15px;}
.kanto { top:400px; right:90px;}
.chubu { top:15px; right:280px;}
.kinki { top:510px; right:280px;}
.chushi { top: 290px; right:470px; bottom: inherit; }
.kyuoki { top:370px; right:660px; bottom: inherit; }

#subarea .subshop .listmap .fezzan { margin:0; padding: 0; width:176px; height: 100px; position: absolute; top:90px; left:90px; text-align:center; }

#subarea .subshop .listmap .amazon { margin:0; padding: 0; width:278px; height: auto; position: absolute; bottom:0; right:220px; text-align:center;}
#subarea .subshop .listmap .amazon span { width:100%; height: auto; display:block; padding: 0; background:url(../img/shop_amazon_header.png) top center no-repeat;   }
#subarea .subshop .listmap .amazon span a { font-size:0.9em; line-height:1em; text-align:center;  color:#ffffcc; text-decoration:none; display:inline-block; padding: 5px; margin-top:70px;}

#subarea .subshop .listmap .ken .list { margin:0 auto; padding:0; list-style:none; width:100%; background:url(../img/shop_ken_waku.png) top center repeat-y;}
#subarea .subshop .listmap .ken .list li { margin:0; padding:0; text-align:center; height:auto; min-height:30px; font-size:0.9em; }

#subarea .subshop .kenlist { width:840px; margin:0 auto ; border-spacing: 0;}
#subarea .subshop .kenlist td { margin:0; padding:0; text-align:center; vertical-align:top; border-collapse: collapse; }
#subarea .subshop .kenlist td a { margin:0 10px; padding: 10px 5px; display:block; text-align:center; border-bottom:1px dotted #756b61; text-decoration:none; color:#ffffcc; line-height:1.2; }
#subarea .subshop .kenlist td a span { color:#ffcc00; }
.yell { color:#ffcc00; }
#subarea .subshop .kenlist td a:last-child { border-bottom: none; }
#subarea .subshop .kenlist th { margin:0; padding:0; text-align:center; width:110px; vertical-align: middle; font-size:1.3em; font-family: "Sawarabi Mincho"; font-weight: 400; border-collapse: collapse;}

#subarea .subshop .kenlist .teikokulogobg { background:url(../img/shop_teikoku_logobg.png) center center repeat-x;}
#subarea .subshop .kenlist .jiyulogobg { background:url(../img/shop_jiyu_logobg.png) center center repeat-x;}
#subarea .subshop .kenlist .teikokukenbg { background:url(../img/shop_teikoku_kenbg.png) center center repeat-x;}
#subarea .subshop .kenlist .jiyukenbg { background:url(../img/shop_jiyu_kenbg.png) center center repeat-x;}
#subarea .subshop .kenlist .teikokubg { background:#220002;}
#subarea .subshop .kenlist .jiyubg { background:#02153a;}

#subarea .subshop .kfezzan { margin:0 10px; padding:10px 6px; text-align:center; width: auto; font-size:1.3em; font-family: "Sawarabi Mincho"; font-weight: 400; background:#292834; }
#subarea .subshop .kfezzan a { margin:0; padding: 10px 5px; display: block; text-align:center; text-decoration:none; color:#ffffcc; line-height:1.0; font-size:0.9em; width:auto; vertical-align:middle;}
#subarea .subshop .kfezzan a img { margin:0 3px -3px 0;}

.senn { margin:0px 0 40px; border-bottom:2px solid #444;}

/*音楽*/
#subarea .submusic { width: auto; padding:40px 0; height: auto; font-family: "Sawarabi Mincho"; font-weight: 400; min-height:600px; font-size: 1.0em; } 
#subarea .submusic p { padding:0.4em 0.2em;  line-height:1.9em !important; font-family: "Sawarabi Mincho"; font-weight: 400;} 
#subarea .submusic b { color:#ff9900;  margin-bottom:0.3em; display:block; font-size:1.4em; font-family: "Sawarabi Mincho"; font-weight: 400;}
#subarea .submusic .tex { padding:0;  line-height:1.6em !important; margin:0 0 20px; font-family: "Sawarabi Mincho"; font-weight: 400;} 

#subarea .substaff { width: auto; padding:40px 0; height: auto; font-family: "Sawarabi Mincho"; font-weight: 400; min-height:600px; font-size: 1.1em; } 
#subarea .substaff .aligncent { text-align: center !important; }

#subarea .substaff p { padding:1em;  line-height:1.9em !important; font-family: "Sawarabi Mincho"; font-weight: 400;} 
#subarea .substaff b { color:#003366;  margin: 0 0 0.3em; display:block; font-size:1.3em; font-family: "Sawarabi Mincho"; font-weight: 400; line-height:1em; }

.report-tab { display:flex; margin-top: 0em; -webkit-flex-wrap: wrap;
   flex-wrap: wrap;}
.report-tab a { display:block; width:49%; margin: 0.5%; padding: 0.5em; border:1px solid #003366; text-align: left; text-decoration: none; background: rgba(150,150,150,0.30) }
.report-tab a:hover { background: rgba(0,102,204,0.20); }

.stpd1 { padding:1em; margin-bottom:1.5em; }

@media screen and (max-width: 640px) {
.report-tab a { display:block; width:100%; }
.stpd1 { padding:10px; }
}


/*プレゼント*/
#subarea .present { width: auto; padding:0 50px; height: auto; background:url(../img/subarea_bg.png) top center repeat-y; min-height:630px; } 
#subarea .present p  { padding:1em;  font-size:1.2em; line-height:1.8em !important;} 
#subarea .present p b { color:#ff9900;  margin-bottom:0.2em; font-size:1.2em; display:block; margin-left:-0.5em !important; }

#subarea .present ul.item {  margin:0 0 0 1.5em !important; padding:0;}
#subarea .present ul.item li { font-size:1.2em; padding:0 1em 0.5em 0.3em; line-height:1.3em; margin:0 0 0 1em; }

#subarea .present ul.marker { list-style:none; margin:0 0 0 1.5em; padding:0;}
#subarea .present ul.marker li { font-size:1.2em; padding:0 1em 0.5em; line-height:1.3em; }
#subarea .present ul.marker li:before { content: '※'; margin-left:-1em; }

#subarea .present .pre { margin: -0.5em 1em 0em 2em !important; padding:0;   } 
#subarea .present .pre td { padding:5px 5px 0 0; font-size:1.2em;} 

/*グッズ*/
#subarea .subgoods { width: auto; padding:0 30px; height: auto; min-height:630px; }
#subarea .subgoods .mtitle { font-size:1.5em; font-weight:bold;  margin-bottom:30px; text-align:left; padding: 0; }
#subarea .subgoods p { padding: 0.5em 0 1em;  line-height:1.9em !important;} 
#subarea .subgoods b { color:#ff9900;  display:block; font-size:1.1em;}
#subarea .subgoods .gname { font-weight:bold; color:#003366;  margin:0 0 1em; display:block; font-size:1.3em !important; line-height:1.2em !important; padding:3px 0 3px !important; border-bottom:1px solid rgba(100,100,100,1.00); font-family: "Sawarabi Mincho"; font-weight: 400; font-family: "Sawarabi Mincho"; font-weight: 400;}
#subarea .subgoods .gtex { padding:0 0px 20px;  font-size:1em; line-height:1.6em !important;} 
#subarea .subgoods .gtex .rimg1 { padding:0; float:right; width:240px; height:332px; margin:0 0 10px 20px; background:url(/goods/novel11.jpg); }
#subarea .subgoods .gtex .rimg2 { padding:0; float:right; width:240px; height:332px; margin:0 0 10px 20px; background:url(/goods/novel12s.jpg); }
#subarea .subgoods .gtex .rimg3 { padding:0; float:right; width:240px; height:332px; margin:0 0 10px 20px; background:url(/goods/novel13s.jpg); }
#subarea .subgoods .gtex .rimg4 { padding:0; float:right; width:240px; height:332px; margin:0 0 10px 20px; background:url(/goods/novel14s.jpg); }
#subarea .subgoods .gtex .rimg5 { padding:0; float:right; width:240px; height:332px; margin:0 0 10px 20px; background:url(/goods/novel15s.jpg); }
#subarea .subgoods .gtex .rimg6 { padding:0; float:right; width:240px; height:332px; margin:0 0 10px 20px; background:url(/goods/novel16s.jpg); }
#subarea .subgoods .gtex .rimg7 { padding:0; float:right; width:240px; height:332px; margin:0 0 10px 20px; background:url(/goods/novel17s.jpg); }
#subarea .subgoods .gtex .rimg8 { padding:0; float:right; width:240px; height:332px; margin:0 0 10px 20px; background:url(/goods/novel18s.jpg); }
#subarea .subgoods .gtex .rimg9 { padding:0; float:right; width:240px; height:332px; margin:0 0 10px 20px; background:url(/goods/novel19s.jpg); }
#subarea .subgoods .gtex .rimg10 { padding:0; float:right; width:240px; height:332px; margin:0 0 10px 20px; background:url(/goods/novel20s.jpg); }
#subarea .subgoods .gtex .rimg11 { padding:0; float:right; width:240px; height:332px; margin:0 0 10px 20px; background:url(/goods/novel21s.jpg); }
#subarea .subgoods .gtex .rimg12 { padding:0; float:right; width:240px; height:332px; margin:0 0 10px 20px; background:url(/goods/novel22s.jpg); }
#subarea .subgoods .gtex .rimg13 { padding:0; float:right; width:240px; height:332px; margin:0 0 10px 20px; background:url(/goods/novel23s.jpg); }
#subarea .subgoods .gtex .rimg14 { padding:0; float:right; width:240px; height:332px; margin:0 0 10px 20px; background:url(/goods/novel24s.jpg); }
#subarea .subgoods .gtex .rimgbox { padding:0; float:right; width:240px; height:332px; margin:0 0 10px 20px; background:url(/goods/novelbox.jpg); }


#subarea .subgoods .gtex .rimg0 { padding:0; float:right; width:240px; height:332px; margin:0 0 20px 20px; background:url(/goods/novel0.jpg); }

#subarea .subgoods .gtex .rimg_non { padding:0; float:right; width:240px; height:332px; margin:0 0 20px 20px; }
.rimg_non img { width:100%; }
.siryo { margin-bottom: 3em; display: block; }
.siryo img { width: 31%; margin: 1%;}


#subarea .subgoods .bookarea { border:1px solid rgba(215,218,171,1.00); position:relative; padding:1em; margin:1em 0;} 
#subarea .subgoods .bookarea h3 { font-size:1.1em; font-weight:bold; color:#003399 !important; margin-bottom:0.5em;} 

#subarea .subgoods .gmenu { padding:1em 0 2em; margin:0; }
#subarea .subgoods .gmenu a img { width:33.2%; margin:1% 0;}
.gblock { display:block; padding:2em 0;}


#subarea .submain .gmenu { padding:1em 0 2em; margin:0; }
#subarea .submain .gmenu img { width:33.2%; margin:1% 0;}

ul.webul  { margin-top: 0; } 
ul.webul li { padding:0.5em 0; } 

/* =====================================================================
   GOODS
* =================================================================== */


#content-goods {  width: auto; height:auto; padding:0px; margin:0; font-size:1.2em; }
#content-goods h3 { color:#202020 !important; border-bottom: 1px solid #202020 !important;  }
#content-goods .goodst {
	width: auto;
	padding: 0;
	height:auto;
	text-align:left;
}


#content-goods .goodst .item {
	width: 32%;
	padding: 0;
	height:auto;
	text-align:left;
	float:left;
	margin-bottom:50px;
	margin-right:2%;
	display:block;
	position:relative;
}
#content-goods .goodst .item:nth-child(2n) {
	margin-right:2%;
}
#content-goods .goodst .item:nth-child(3n) {
	margin-right:0px;
}

#content-goods .goodst .item h2 {
	font-size:1.0em !important; font-weight:bold; line-height:1.1em; color: #202020; padding:0;  margin: 10px 0;
}
#content-goods .goodst .item .itemimg {
	margin:0 0 15px; height: auto; position:relative; display:block; width:auto; border:1px solid #ccc; 
}
#content-goods .goodst .item .itemimg img{
	margin:0; height: auto; position:relative; display:block; width:100%; 
}
#content-goods .goodst .item .itemimg .nico {
	position: absolute; top:-20px; right:-20px; width:70px; height:70px; background:url(../goods/newicon.png) no-repeat; z-index:300; display:block;
}


#content-goods .goodst .item  ul.bxslider { list-style:none; background:#f00;
	margin:0 0 50px !important; border:none; height: 270px; width:270px; padding:100px;
}
#content-goods .goodst .item  ul.bxslider li { margin:0; height:auto; padding:0; }
.red { color:#c00; }
.dred { color: #8A3839; }

#content-goods .goodst .item p {
	font-size:0.9em; margin:0px ; padding:0px; line-height:1.4em !important; 
}

#content-goods .goodst .item p.fixHeightChildText {  font-size:0.8em }
#content-goods .goodst .item p.fixHeightChildbtn { padding:1em 0 0; font-size:0.8em !important;  }
#content-goods .goodst .item p.fixHeightChildbtn a { line-height:1.4 !important; }


#content-goods .goodst .item .bxdiv { display:block;	
}

ul.bxsliderg { display:block; margin: 0; padding:0px; position:relative; width:270px; height: auto; list-style:none;}
ul.bxsliderg li { margin:0px ; padding:0; line-height:1; height:auto; }
ul.bxsliderg li img { width:266px; height:266px; margin:0px ; padding:0; }

#content-goods .goodst .item p a { margin:0; padding:0; text-decoration:none;}

#content-goods .goodst .item_c {
	width: 800px;
	padding: 0;
	height:auto;
	text-align:left;
	margin:0 auto;
}
#content-goods .goodst .item_c img {
	width: 100%;
	margin:0 0 15px;
}

#content-goods .goodst .item_c h2 {
	font-size:14px; font-weight:bold; line-height:1.1em; color: #fff; padding:8px 10px;
	background-image:url(../img/goods_item_title.jpg); margin:0; height:auto;
}

.charaicon img { width:150px; }








/*BD DVD*/
#subarea .subbddvd { width: auto; padding:15px 30px 30px; height: auto; min-height:630px; }
#subarea .subbddvd .mtitle { font-size:1.5em; font-weight:bold;  margin-bottom:30px; text-align:left; padding: 0; }
#subarea .subbddvd p { padding: 0em 0 1em;  line-height:1.9em !important;} 
#subarea .subbddvd b { color:#003366;  display:block; font-size:1.1em;}
#subarea .subbddvd .gname { font-weight:bold; color:#003366;  margin:0 0 1.5em; display:block; font-size:1.3em !important; line-height:1.2em !important; padding:10px 10px 8px; border:1px solid #003366; border-left:5px solid #003366; }
#subarea .subbddvd .gname span { color:#003366; font-size:0.85em; padding-left:0.5em; }
#subarea .subbddvd .gtex { padding:0 ;  font-size:1.1em; line-height:1.6em !important;} 
#subarea .subbddvd .gtex2 { padding:20px;  font-size:1.1em; line-height:1.6em !important; background:#2f2f2f; color:#eee;}
#subarea .subbddvd .gtex2 a { color:#ffff99;}
#subarea .subbddvd .gtex2 b { display: block; color:#eee; border-bottom:1px solid #999; margin-bottom: 0.4em;}
#subarea .subbddvd .gtex h3 { padding:2px 0px; margin:1em 0; color:#003366; font-size:1.2em; line-height:1.3em !important; font-weight:bold; border-bottom:1px solid #003366;} 
#subarea .subbddvd .gtex2 h2 { padding:15px 0px 5px; margin:0 0 1em; color:#ffcc33; font-size:1.4em; line-height:1.0em !important; border-bottom:1px solid #ffcc33; font-family: "Sawarabi Mincho"; font-weight: 400;} 
#subarea .subbddvd .gtex .rimg1 { padding:0; float:right; width:240px; height:335px; margin:0 0 20px 20px; background:url(/goods/novel11.jpg); }
#subarea .subbddvd .gtex .rimg2 { padding:0; float:right; width:240px; height:335px; margin:0 0 20px 20px; background:url(/goods/novel12.jpg); }
#subarea .subbddvd table.tenpot { width:auto;}
#subarea .subbddvd table.tenpot th { padding:5px 10px 15px 0; color:#0066cc; text-align:left; vertical-align:top; line-height:1.2em; display: table-cell; width: auto; border-bottom: none; }
#subarea .subbddvd table.tenpot th span { color:#336666; font-size:0.8em; display:block; line-height:1.2em; padding:3px 0 0 0;}
#subarea .subbddvd table.tenpot td { padding:5px 5px 55px; text-align:left; vertical-align:top; line-height:1.5em !important; display: table-cell;  width: auto;}
#subarea .subbddvd table.tenpot td p {  line-height:1.5em !important; }
.lh12 {  line-height:1.4em !important; }

.tokuten img {  margin:0.3em 0em 1em;}

a.oritoku { border:1px solid #B7A513; padding:0.4em 1em; display: inline-block; text-align:center; margin:0.3em 0; line-height:1; text-decoration:none; height:1.1; }



#subarea .subbddvd .bookarea { border:1px solid rgba(215,218,171,1.00); position:relative; padding:1em; margin:1em 0;} 
#subarea .subbddvd .bookarea h3 { font-size:1.1em; font-weight:bold; color:rgba(243,240,190,1.00); margin-bottom:0.5em;} 

#subarea .subbddvd .gmenu { padding:0 0 1em; margin:0; }
#subarea .subbddvd .gmenu a img { width:25%; margin:0%;}
.gblock { display:block; padding:2em 0;}
#subarea .subbddvd .gmenu h5 { font-size: 1.1em; color:#333; padding:0.5em 0 0 0.2em ; margin:0; font-family: "Sawarabi Mincho"; font-weight: 400; display: block; }

#subarea .subshop .gmenu { padding:3em 0 1.5em; margin:0; }
#subarea .subshop .gmenu a img { width:25%; margin:0%;}
.gblock { display:block; padding:2em 0;}

#subarea .subshop .gmenu h6 { font-size:1.3em; font-family: "Sawarabi Mincho"; font-weight: 400; padding:1em 0 0.5em; margin:0; }


#subarea .subbddvd .fs09 { font-size:0.9em; line-height:1.2; } 
.frimg { float:right; padding:0 0 1em 1em;}

ul.pins { list-style:none;  margin:1em 0 1em; text-align:center; width:auto; height:auto; padding:0;}
ul.pins li { display: inline-block; margin: 0; padding:1px; font-size:0.9em; text-align:center; line-height:1.1em; }
ul.pins li img { margin-bottom:4px !important; width:154px;}



.mt2 { margin-top:2.5em !important;}
.mt3 { margin-top:5em !important;}
#subarea .subnews { width:auto; padding:30px 0; height: auto;  min-height:630px; } 
#subarea .subnews .mtitle { font-size:1.2em; font-weight:bold;  margin-bottom:30px; text-align:left; padding: 0; }
#subarea .subnews .ndate { font-size:0.9em; margin-bottom:0; padding-top:10px; line-height: 1; }
#subarea .subnews .ntitle { font-size:1.1em; color:#003366; margin-bottom:0; text-align:left; padding: 0.3em; border-bottom: 1px solid #666; border-top: 1px solid #666; line-height: 1.2; }
#subarea .subnews .ntitle a { color:#003366; text-decoration: none; }

#subarea .subnews .nslag { font-size:0.7em; color:#333; margin-bottom:30px; text-align:right; padding: 0.2em; border-bottom: 1px solid #666; line-height: 1.0em; }

#subarea .subnews .ncont { padding: 0 5px 60px;}
#subarea .subnews .ncont p { font-size:1.0em; line-height:1.6em !important; padding-bottom:0.8em; }
#subarea .subnews .ncont b { color:#ff9900; font-weight: normal; margin-top:1em; margin-bottom:0.7em;}
#subarea  .small { font-size:0.9em !important;  font-family: "Sawarabi Mincho"; font-weight: 400; line-height:1.3;}

#subarea .subform { width: auto; padding:0 50px; height: auto; background:url(../img/subarea_bg.png) top center repeat-y; min-height:630px; font-size:1.1em; }
#subarea .subform .mtitle { font-size:1.3em; font-weight:bold;  margin-bottom:30px; text-align:left; padding: 0; }
#subarea .subform p { line-height:1.6em !important; padding-bottom:0.8em; } 

#subarea .oubotable { border-bottom:1px solid #999; border-right:1px solid #999; margin-bottom:0.5em; }
#subarea .oubotable th { border-top:1px solid #999; border-left:1px solid #999; padding:0.5em; font-weight:normal; line-height:1.2; }
#subarea .oubotable th span { font-size:0.9em !important; display:block;}
#subarea .oubotable td { border-top:1px solid #999; border-left:1px solid #999; padding:0.5em; font-weight:normal; line-height:1.2; }
.mwform-checkbox-field-text { color:#fff !important;}

#subarea input[type="submit"] { font-size:1.1em !important; padding: 1em !important; margin-bottom:2em; border:1px solid #999; background:#660000; color:#fff !important; }
#subarea input:hover[type="submit"] { background:#990000; color:#fff; }
#subarea input[type="text"] { border:none !important; line-height:1.2em !important; padding:0.5em !important;}
#subarea .error { color:#cc0000 !important; }


.t_center { text-align:center !important;}
.t_left { text-align: left !important;}

.midashi { font-size:1.1em; font-weight: normal; color: #003399;}
#subarea .submusic .midashi { font-size:1.2em; font-weight: normal; color: #003399; padding-top:0.3em; display:block; font-family: "Sawarabi Mincho"; font-weight: 400;}

.nonclick {
	pointer-events: none;
}
.nonclick img {
	opacity:0.3;
	filter:alpha(opacity=30);
	pointer-events: none;
}


#topnewswin {
	width: auto;
	text-align: left;
	height: auto;
	position: relative;
	padding:0 10px; max-width: 1000px; margin: 0 auto;
}
#topnewswin .title { height: 50px; background-image: url("../img/topnews_title.png"); background-repeat: no-repeat; background-position: left center; width: auto; display: block;  }
#topnewswin .bar { height: 50px; background-image: url("../img/topnews_bar.png"); background-repeat: no-repeat; background-position: left center; width: auto; display: block;  }
#topnewswin .waku {
	width: auto;
	max-height: 300px;
	margin: 0;
	overflow: auto;
	padding: 15px;  }
#topnewswin .nday { font-size:1em; color:#333; line-height:1.2em;  }
#topnewswin .ntitle {
	font-size: 1.2em;
	border-bottom: 1px dotted #666;
	width: auto;
	font-weight: bold;
	padding-bottom: 6px;
	margin-bottom: 8px;
	line-height:1.2em; 
}







.movblk { width:50%; display:block; float:left; text-align:center; padding:0 5px; margin-bottom:20px; line-height: 1.2; }
.movblk img { margin-bottom:5px;}

/* スペシャル：インタビュー
   -------------------------------------------------------------------------- */
.specialtag { text-align:left; padding-bottom:25px;}
.specialtag ul { text-align:left; font-size:0; display:block; list-style:none; margin:0; padding:0;}
.specialtag li { width:25%; height:auto; margin:0 0 10px; padding:0; display:inline-block;}
.specialtag li img { width:100%; height:auto;}

.specialtag2 { text-align:left; margin-bottom:0px; padding-bottom:25px;}
.specialtag2 ul { text-align:left; font-size:0; display:block; list-style:none; margin:0; padding:0;}
.specialtag2 li { width:25%; height:auto; margin:0 0 10px; padding:0; display:inline-block;}
.specialtag2 li img { width:100%; height:auto;}

.interview { text-align: left; padding:0 0; margin:0;}
.interview p { text-align: left; padding:0 0 2em!important; font-size:1em;}
.interview h2 { text-align: left !important; margin:0; padding:0; }
.mb0 { margin-bottom: 0 !important; }
.interview h3 { text-align: left !important; margin:1em 0; padding:0 0.5em !important; font-weight:normal; color:#003399; font-size:1.2em !important; display:block; border-left: 4px solid #003399; line-height:1.4; }
.interview h4 { border-bottom:1px solid #ffffcc; margin: 0 0 1em !important; display:block; width:auto; height:auto; padding: 0 !important; }
.interview p.fs12 { font-size:1.1em; padding: 1em 0 !important; margin-bottom: 3em; }


.inter_title { font-size:1.4em; margin-bottom:20px; border-bottom:1px solid #333;  border-top:1px solid #333; line-height:1.1; padding:9px 0; text-align:left !important; font-family: "Sawarabi Mincho"; font-weight: 400; color:#333;}

.report { text-align: left; padding:0 0; margin:0;}
.report p { text-align: left; padding:0 0 1.5em!important;}
.report h2 { text-align: left !important; margin:0; padding:0; }
.report h3 { text-align: left !important; margin:1em 0 1.5em; padding:0.4em !important; font-weight:normal; color:#fef7c0; font-size:1.2em; display:block; border-top: 1px solid #003399; border-bottom: 1px solid #003399;  line-height:1.4; }
.report .photo50 { width:50%;}
.report .photo100 { width:100%;}
.report .photo { text-align:center !important; }
.report .photo img { width: 50%; max-width:400px;}


.haifu { text-align: left; padding:0 0; margin:0;}
.haifu p { text-align: left; padding:0 0 1.5em!important;}
.haifu h2 { text-align: left !important; margin:0; padding:0; }
.haifu h3 { text-align: left !important; margin:1.5em 0 1.5em !important; padding:0.4em !important; font-weight:normal; color:#fef7c0; font-size:1.2em !important; display:block; border-top: 1px solid #003399; border-bottom: 1px solid #003399;  line-height:1.4; }


.p_dl { display: flex; flex-flow: nowrap; justify-content: space-around; text-align: center; } 
.p_dl a { width: 27%; font-size: 0.8em; text-align: center; flex-direction: column; text-decoration: none; }
.p_dl a img { width: 100%; height:auto; display: block; margin-bottom: 5px;}
.p_dl a:hover { opacity: 0.7; }

.p_dl2 { display: flex; flex-flow: nowrap; justify-content: space-around; text-align: center; } 
.p_dl2 a { width: 19%; font-size: 0.8em; text-align: center; flex-direction: column; text-decoration: none; }
.p_dl2 a img { width: 100%; height:auto; display: block; margin-bottom: 5px;}
.p_dl2 a:hover { opacity: 0.7; }

.p_dl a span, .p_dl2 a span { font-size: 0.8em; padding-left: 0.5em;}


.tokuse { text-align: center; padding:0 0; margin:0;}
.tokuse p { text-align: center; padding:0 0 1.5em!important;}
.tokuse h2 { text-align: center !important; margin:0; padding:0; }
.tokuse h3 { text-align: center !important; margin:1.5em 0 1.5em !important; padding:0.4em !important; font-weight:normal; color:#fef7c0; font-size:1.15em !important; display:block; border-top: 1px solid #003399; border-bottom: 1px solid #003399;  line-height:1.4; }
.tokuse h3 span { font-size:0.8em;}
.tokusetsu { display: block;  text-align: center;  width: 100%; max-width:800px; margin: 0 auto 3em; } 
.tokusetsu a { display: block; font-size: 0.8em; text-align: center;  }
.tokusetsu a img { width: 100%; height:auto; display: block;}
.tokusetsu a:hover { opacity: 0.7; }

.trailmov {
  position: relative;
  width: 100%; margin: 0 auto;
  padding-top: 56.25%;
}
.trailmov iframe { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
}

.tokuse h2.h2tok { border-top:3px solid #000099; border-bottom:3px solid #000099; padding:0.3em 0 !important; font-size:1.2em !important; line-height:1.2em !important; font-family: "Sawarabi Mincho"; font-weight: 500; margin:0 0 1em !important; color:#000099 !important;} 

.tokuse h2.h2tok2 { border-top:3px solid #fff899; border-bottom:3px solid #fff899; padding:0.1em 0 !important; font-size:1.3em !important; line-height:1.2em !important; font-family: "Sawarabi Mincho"; font-weight: bold; margin:0 0 1em !important; color:#0000cc !important; background: #000;} 
.tokuse h2.h2tok2 img { width:100%; max-width:600px; }


.tok-flex { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.tok-box { width: 48%; height:auto;}


@media screen and (max-width: 640px) {
.p_dl a { width: 31%; }
.p_dl2 a { width: 32%; }

.tok-flex { display: block; }
.tok-box { width: 100%; height:auto;}

}




.opa img:hover{
	opacity:0.75;
	filter:alpha(opacity=75);
}


/* .footer
   -------------------------------------------------------------------------- */
div.footer {
	width:auto; min-width: 1200px;
	max-width:auto;
    padding: 4px 0;
	margin: 0 auto;
	height: auto;
	clear:both;
	text-align:center; background-color: rgba(51,51,51,0.75);}

.roads {
	width:auto;
	max-width:1200px;
    padding: 10px 0 10px;
	margin: 0 auto;
	font-size:0.8em;
	height: auto;
	clear:both;
	text-align:center;
}
#hosobi { position: fixed; bottom:0; left: 0; width: 100%; text-align: center; height: auto; padding: 8px 0 3px; background-color: rgba(101,101,101,0.75); z-index: 50; color: #eee; font-size: 0.8em; }

#banner { padding:20px; text-align: center; max-width: 1200px; margin: 0 auto; }
#banner img { padding:4px;}

.copy { width:auto; max-width:1200px; margin: 0 auto; font-size:0.7em; text-align:center; padding: 6px 0; color: #eee; }
.top-r-fix { padding-bottom: 90px !important; color: #333; }


#page-top {
	text-align:right;
	padding: 5px;
	display: block;
	font-size:0.9em;
}

.boff { opacity:0.3;}

.pconly { display: inline-block !important; }
.pconlyb { display: block !important; }
.sponly { display:none !important; }

#spmenu { display:none; }
.fs11 { }
.fs11y { color: #ffffcc;  font-family: "Sawarabi Mincho"; font-weight: 400;}
.fs12 { font-size:1.2em !important;}
.fs12y { font-size:1.2em !important; color: #ffffcc;}
.fcy { color: #ffffcc;  font-family: "Sawarabi Mincho"; font-weight: 400;}
.mb6 { margin-bottom:10px;}
.mb10 { margin-bottom:40px;}
.mb20 { margin-bottom:80px;}
.arukikata { background:url(../img/gingaarukikata.jpg) no-repeat; display:block; width:500px; height:281px; margin:10px 0 10px 1em; }

.billing { font-size:1.2em; padding:20px 0; text-align:center; font-family: "Sawarabi Mincho"; font-weight: 400;}
.billing b { font-weight:bold; color:#003366; padding:5px 0; text-align:center; font-family: "Sawarabi Mincho"; }
.billing ul.bilcast { width:90%; margin:0.5em auto; list-style:none; }
.billing ul.bilcast li  { padding:2px; margin:0 ; display:inline-block; word-wrap: normal; word-break: keep-all; font-size:1.1em; line-height:1.2; font-family: "Sawarabi Mincho"; font-weight: 400;}
.billing ul.bilcast li:after  {  content: "/"; padding: 0 0 0 1em; margin:0;}
.billing ul.bilcast li:last-child:after { content: ""; padding: 0 0 0 1em; margin:0;}


ul.tw_icon { list-style:none; margin:0; padding:0; }
ul.tw_icon li { width:33%; float:left; padding:5px; text-align:center;}
ul.tw_icon li img { margin-bottom:2px; }


ul.spe_calendar { list-style:none; margin:0; padding:0; }
ul.spe_calendar > li { width:49%; margin: 0.5%; float:left; padding:5px; text-align:center; height: auto; border: 1px solid #535346;  }
ul.spe_calendar li img { margin-bottom:2px; }
.month {width: 90%; height: auto; display: block; padding-top: 90%; margin: 0 auto; }
.m01 { background-image: url(../img/gh_calendar_1.jpg); background-size: cover; }

ul.spe_calendar > li span { font-size: 0.8em !important; }

ul.cal_dl { list-style:none; margin:0; padding:0; width: 100%; }
ul.cal_dl li { width:50%; float:left; padding: 4% 5% 2%; text-align:center; height: auto; line-height: 1.2em !important; }
ul.cal_dl li a { font-size: 0.9em; line-height: 1.2em !important;}
ul.cal_dl li a img { width:100%; }






#theaterBody {
	width: 100%;
	padding: 20px 0; 
}

#theaterBody p {
	padding: 0 0 10px;
}

#theaterBody .area {
	padding: 10px 0 50px;
	text-align: left;
	font-size:1.1em;
}

#theaterBody .areasub {
	padding: 8px 0 6px 15px;
	text-align: left;
	color: #cccc66;
	border-left:2px solid #999999; border-top:1px solid #999999;
	font-size:1.1em; line-height: 1.2;
}

#theaterBody th,
#theaterBody td {
	text-align:center;
	padding:8px 4px;
	border-bottom:solid 1px #999999;
	border-collapse: separate;
	 line-height:1.1;
}
#theaterBody td span.small{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size: 0.9em !important;}
#theaterBody th {
	border-top:solid 1px #999999;
	border-collapse: separate;
	background:#282828;
	
}

#theaterBody th.col1 {
	width:15%;
}
#theaterBody th.col2 {
	width:50%;
}
#theaterBody th.col3 {
	width:20%;
}
#theaterBody th.col4 {
	width:33%;
}
#theaterBody th.col5 {
	width:10%;
}

#theaterBody a {
}

#theaterBody table {
	margin-bottom:40px;
	border-left:2px solid #999999;
	border-right:2px solid #999999;
}

.t_right { text-align:right;}

table.movticket { width: auto; margin-bottom: 50px;}
table.movticket th, table.movticket td { width: auto; padding: 4px 8px; display: table-cell; vertical-align: middle; font-family: "Sawarabi Mincho"; font-weight: 400;}

.kochira { border: 1px solid #928c5c; display: inline-block; line-height: 1em; padding: 0; margin: 1em 0 3em; }
.kochira a { display: block; padding: 0.5em 1em; text-decoration: none; line-height: 1em; text-align: center; color: #003366; font-family: "Sawarabi Mincho"; font-weight: 400;  }

.comment { text-align: left; padding:0 0; margin:0; font-family: "Sawarabi Mincho"; font-weight: 400; }
.comment .comwaku { border: 2px solid #003366; display: block; margin: 0 0 2em; background: #fff; }
.comment .comwaku h2.comm { border-bottom: 2px solid #003366; background-color: #18426c; padding: 0.5em 0.6em 0.4em !important; display: block; font-size: 1.3em !important; color: #eee !important; text-align: left !important; line-height: 1.2em; }
.comment .comwaku h2.comm span { font-size: 0.8em !important; font-family: "Sawarabi Mincho"; font-weight: 400;}
.comment .comwaku .h3comm { text-align: left !important; margin:1.5em !important; padding:0 0 0.3em !important;  color:#003366 !important;  display:block; border-bottom: 1px solid #003366 !important; line-height:1.5em !important; font-family: "Sawarabi Mincho"; font-weight: 400;}
.comment .comwaku .texc { margin: 1.5em ; padding: 0 0 1.5em !important; line-height:1.5em !important; width:auto !important; font-size: 1.0em; font-family: "Sawarabi Mincho"; font-weight: 400; }
.comment .comwaku .photoc { float: right; width: 280px; height: auto; padding: 0 1.5em 1em 2em !important; background: #fff; }
.comment .comwaku .photoc img { width: 100%; height: auto; }


.cate-menu { display: block; text-align: center; padding: 2em 0 ; }
.cate-menu a { padding: 5px 0;}
.cate-menu img { width:20%; }


.popnext {width: 100%; max-width: 900px; margin: 0 auto; background-image: url("../img/pop_next_bg.jpg"); background-size: cover; background-position: bottom center; border: 1px solid #767664; text-align: center;}
.popnext .titl img {width: 100%; max-width: 700px;}
.popnext .mov { width: 100%; max-width:800px; margin: 0 auto 20px; }
.popnext .mov img {width: 100%;}
.popnext .tex { width: 100%; padding: 1em 0 1em; text-align: center; color:#f4f5d1;}
.popnext .tex a { color:#f4f5d1;}

.popnext .pmovie { margin: 0 auto; padding:0; position: relative; width: 90%; }

.popnext .movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.popnext .movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}












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

.pconly, .pconlyb { display:none !important; }
.sponly { display: block !important; }
html {
	margin: 0;
	padding: 0;
	font-size: 80%;}
body { position: relative; background-color: #fff; }
html, body { height: 100%; min-height:100%;}
#wrapper { width:100%; height:auto; padding:0 0; margin:0; }
.mainbg { height: auto; }
.mainbg22  { background: url(../img/sp_mainv2.jpg) no-repeat top; height:820px; }

body > #wrapper { height: auto; }

.contenart { width: 100%; min-height: inherit; padding:0; }
.contenar { width: 100%; padding:0 0; height: auto; }

.background1 { 
  background: none ;
}
.background2 { 
  background: none ;
}
	
#leftside { display: none; float:none; }

.billing { font-size:1.14em; padding:20px 0; text-align:center;}
.billing b { font-weight:bold; color:#003366; padding:5px 0; text-align:center;}

.billing ul.bilcast { width:100%; margin:0.5em auto; list-style:none; }
.billing ul.bilcast li  { padding:2px; margin:0 ; display:block; word-wrap: normal; word-break: keep-all; font-size:1.1em; line-height:1.2; text-align:center;}
.billing ul.bilcast li:after  {  content: ""; padding: 0; margin:0;}
.billing ul.bilcast li:last-child:after { content: ""; padding: 0 0 0 0; margin:0;}



#rightside { float:none; width: 100%; text-align:left;  min-height: inherit; position:relative; margin:0; padding-top:20px;}
.bnr { height: auto; width: 100%; display: block; font-size:0;}
.bnr img { margin:10px 1%; width:48%;}

.bnblock { height:auto; width:100%; display: block; vertical-align:top; padding-top:0px;}
.bnblock img { margin-top:5px; width:100%;}
.bnblock td  { padding: 2px; }
	
#centerarea { width: 640px; height:auto; padding:0; text-align: center; margin:0 0 0 0; position:relative; float: none; } 
#centerarea img { width: 100%; height:auto; }
	
#subarea { width:640px; height: auto; padding: 15px 0 30px !important; text-align: left; margin:0 0 0 0; position:relative;  display: block;}

.h820 { min-height: 820px !important; }

#subarea .submain { width:auto; padding:0 15px; height: auto; } 
#subarea .submain p { padding:0.4em 0; font-size:1.1em; line-height:1.6em !important;} 
#subarea .submain .tex { padding:0 15px 20px;  font-size:1.1em; line-height:1.6em !important;} 
#subarea .submain .tname { padding:0 15px 10px; color:#ff9900;  margin-bottom:0.3em; display:block; font-size:1.2em; } 
#subarea .submain b { color:#ff9900;  margin-bottom:0.3em; display:block; font-size:1.3em; line-height:1.2em; word-break:break-all;}
#subarea .submain .mtitle { font-size:1.5em; font-weight:bold;  margin-bottom:30px; text-align:left; padding: 0; }
#subarea .submain .like_p { padding:0.4em 10px;  font-size:1.4em; line-height:1.5em !important;  font-family: "Sawarabi Mincho"; font-weight: 400;} 
#subarea .submain .theater_p { padding:0.4em 10px;  line-height:1.5em !important; font-family: "Sawarabi Mincho"; font-weight: 400; font-size:1.1em;} 
#subarea .submain .theater_p { padding:0.4em 10px; line-height:1.5em !important; font-family: "Sawarabi Mincho"; font-weight: 400; font-size:1.1em;} 

#subarea .submain h2 { font-size:1.2em; } 
#subarea .submain h3 { font-size:1.2em; } 
#subarea .submain h4 { font-size:1.5em; padding: 0;  } 
.fsbai { font-size:1.0em !important;}
	
table.onairtable { width:100%; margin: 0 0 0.5em; border-top:dotted 1px #444; }
table.onairtable td { padding:0.5em 0 0.5em 0.5em;  font-size:1em; line-height:1.2em !important; font-family: "Sawarabi Mincho"; font-weight: 400; text-align:left; vertical-align: middle; border-bottom:dotted 1px #444; margin:0;} 

/* 配信情報 */
table.onairtable2 th { padding:1em 1em 0.5em 1em; font-size:1.1em; line-height:1.2em !important; font-family: "Sawarabi Mincho"; font-weight: 400; text-align:left; vertical-align: top; border-bottom: none; white-space: nowrap; display: block; } 
table.onairtable2 td { padding: 0 1em 1em 1em;  font-size:1.1em; line-height:1.2em !important; font-family: "Sawarabi Mincho"; font-weight: 400; text-align:left; vertical-align: top; border-bottom: 1px solid #333; width: 100%; display: block; }
	
	
#subarea .present { width:640px; padding:0 15px; height: auto; background:url(../img/sp_subbg_02.jpg) top center repeat-y; min-height: inherit; } 


#subarea .submain .storybox { margin-bottom:10px; display:block; width:auto; padding:10px; }
#subarea .submain .storybox h2 { border-bottom:1px solid #ffffcc; margin-bottom:10px; display:block; width:auto; height:auto; }
#subarea .submain .storybox p { padding:0.5em 0 !important;  line-height:1.5em !important; font-size:1.1em;} 

#subarea .foot { width:640px; height: 40px; background:url(../img/sp_subbg_03.jpg); } 

.st_num { margin:10px 0 20px;}
.st_num a { margin:0; padding:1px;}
.st_num a img{ width:98px; margin:0; padding:0 0 2px; }

.trd_num { margin:0; text-align: center; padding:10px 0 90px; }
.trd_num a { margin:0; padding:1px;}
.trd_num img { height:84px !important; margin:0; padding:0 0 2px; }

.trd_num1 { margin:0; text-align: center; padding:40px 0 50px; }
.trd_num1 a { margin:0; padding:1px;}
.trd_num1 img { height:92px; margin:0; padding:0 0 2px; }

    
    
    
    

    
    
/*ショップ対抗*/
#subarea .head2 { width:640px; height: 45px; background:url(../img/sp_subbg_01.jpg); } 
#subarea .subshop { width:640px; padding:0 20px; height: auto; min-height: inherit; } 
#subarea .subshop p { padding:0.4em 0;  font-size:1.4em; line-height:1.5em !important;} 
#subarea .foot2 { width:640px; height: 40px; background:url(../img/sp_subbg_03.jpg); } 

.kanto { top:370px; right:0px;}
.chubu { top:0px; right:180px;}
.kinki { top:400px; right:150px;}
.chushi { right:300px; top:380px;}
.kyuoki { right:450px; top:290px;}

#subarea .subshop .listmap .fezzan { top:50px; left:40px; }
#subarea .subshop .listmap .amazon {  bottom:0; right:10px;}
#subarea .subshop .listmap .online { left:10px; bottom:40px; }

#subarea .subshop .listmap { margin:0 0 40px; padding:0; font-family: "Sawarabi Mincho"; font-weight: 400; width:100%; height:800px; position:relative; background:url(../img/shop_bgmap.png) top center no-repeat; background-size:100% auto; } 

#subarea .subshop .kenlist { width: 100%; margin:0 auto; border-spacing: 0;}
#subarea .subshop .kenlist td { margin:0; padding:0; text-align:center; vertical-align:top; border-collapse: collapse; width:250px; }
#subarea .subshop .kenlist td a { margin:0 0; padding: 10px; display:block; text-align:center; border-bottom:1px dotted #756b61; text-decoration:none; color:#ffffcc; line-height:1.2; }
#subarea .subshop .kenlist td a:last-child { border-bottom: none; }
#subarea .subshop .kenlist th { margin:0; padding: 0 8px; text-align:center; width: auto; vertical-align: middle; font-size:1.1em; font-family: "Sawarabi Mincho"; font-weight: 400; border-collapse: collapse;}

#subarea .subshop .kfezzan { margin:0 0;  }


/* スタッフ */
#subarea .substaff { width:640px; padding:0 15px; height: auto; min-height: inherit; } 
#subarea .substaff .aligncent { text-align: left !important; }

#subarea .submusic { width:640px; padding:0 15px; height: auto; min-height: inherit; } 
#subarea .submusic p { padding:0.4em 0;  font-size:1.1em; line-height:1.5em !important;} 
#subarea .submusic .tex { padding:0 15px 20px;  font-size:1.1em; line-height:1.6em !important;} 
#subarea .submusic .midashi { font-size:1.2em; font-weight: normal; color: #003399; padding-top:2em; display:block;}
#subarea .submusic .midashi:first-child { padding-top:0em; display:block;}
	
/*グッズ*/
#subarea .subgoods { width:640px; padding:0 15px; height: auto;  min-height: inherit; }

#subarea .subgoods p { padding:0 0;  font-size:1.0em; line-height:1.5em !important; margin-bottom:0.8em;} 
#subarea .subgoods .gtex { padding:0 15px 20px;  font-size:1em; line-height:1.6em !important;}

#subarea .subgoods .gname { font-size:1.5em !important; padding:0 15px 4px !important; display:block; width:auto; }
#subarea .subgoods b { color:#ff9900;  margin-bottom:0.3em; display:block; font-size:1.3em; line-height:1.2em; word-break:break-all;}
#subarea .subgoods .mtitle { font-size:1.5em; font-weight:bold;  margin-bottom:30px; text-align:left; padding: 0; }


/*BD DVD*/
#subarea .subbddvd { width:640px; padding:0 15px; height: auto; min-height: inherit; } 
#subarea .subbddvd .gtex { padding:0 10px;}
#subarea .subbddvd .gtex2 { padding: 5px 15px;}
#subarea .subbddvd .gmenu a img { width:50%; margin:0%;}

#subarea .subshop .gmenu a img { width:50%; margin:0%;}

#subarea .submain .gmenu { padding:1em 0 2em; margin:0; }
#subarea .submain .gmenu img { width:49.5%; margin:1% 0;}
	
#subarea .subbddvd .gname span { color:#fff; font-size:0.85em; padding: 2px 0 0; display:block; line-height:1em; }
ul.pins li { display: inline-block; margin: 0; padding:2px; font-size:0.9em; text-align:center; line-height:1.1em; width:45%; }
ul.pins li img { margin-bottom:4px !important; width:180px;}

#subarea .subbddvd table.tenpot th { padding:5px 10px 5px 0; color:#0066cc; text-align:left; vertical-align:top; line-height:1.2em; display: block; width: 100%;  border-bottom: 1px solid #0066cc;}
#subarea .subbddvd table.tenpot td { padding:15px 5px 30px; text-align:left; vertical-align:top; line-height:1.5em !important; display: block; width: 100%; }

#subarea .subbddvd table.tenpot th span { color:#336666; font-size:0.8em; display: inline-block; line-height:1.2em; padding:0 0 0 5px;}
	
#subarea .subgoods .gmenu a img { width:49%; margin:1% 0;}


#subarea .subnews { width:auto; padding:0 15px; height: auto; min-height: inherit; } 
#subarea .subnews .mtitle { font-size:1.5em; font-weight:bold;  margin-bottom:30px; text-align:left; padding: 0; }
#subarea .subnews .ndate { font-size:0.9em; margin-bottom:1px; padding:10px 0 0; }
#subarea .subnews .ntitle { font-size:1.3em; color:#ffcc66; margin-bottom:25px; text-align:left; }
#subarea .subnews .ntitle a { line-height:1.2em; }
#subarea .subnews .ncont { padding: 0 5px 60px; }
#subarea .subnews .ncont p { font-size:1.1em; line-height:1.6em !important; padding-bottom:0.5em; }
#subarea .subnews .ncont b { color:#ff9900; font-weight:bold; margin-bottom:0.7em;}
#subarea .subnews .small { font-size:1.1em !important; font-family: "Sawarabi Mincho"; font-weight: 400; }

#subarea .subform { width:640px; padding:0 15px; height: auto; background:url(../img/sp_subbg_02.jpg) top center repeat-y; min-height: inherit; }
#subarea .subform .mtitle { font-size:1.5em; font-weight:bold;  margin-bottom:30px; text-align:left; padding: 0; }

div.footer { width: auto; padding: 5px 0; margin: 0 auto; font-size:0.9em; min-width: 640px; }
#banner { padding:20px; }


#topnewswin {
	width: 100%;
	text-align: left;
	height: auto;
	position: inherit;
	bottom:0;
	padding:10px; 
}

#topnewswin .waku {
	width: auto;
	max-height: 330px;
	margin: 0;
	overflow: auto;
	padding-right: 15px;
}
#topnewswin .nday { font-size:0.9em; line-height:1.4em;  }
#topnewswin .ntitle {
	font-size: 1.0em;
	border-bottom: 1px dotted #666;
	width: auto;
	font-weight: bold;
	padding-bottom: 8px;
	margin-bottom: 10px;
	line-height:1.2em; 
}

/* スペシャル：インタビュー
   -------------------------------------------------------------------------- */
.specialtag { text-align:left; margin-bottom:25px;}
.specialtag ul { text-align:left; font-size:0; display:block; list-style:none; margin:0; padding:0;}
.specialtag li { width:50%; height:auto; margin:0 0 10px; padding:0;}
.specialtag li img { width:100%; height:auto;}
.specialtag2 { text-align:left; margin-bottom:25px;}
.specialtag2 ul { text-align:left; font-size:0; display:block; list-style:none; margin:0; padding:0;}
.specialtag2 li { width:50%; height:auto; margin:0 0 10px; padding:0;}
.specialtag2 li img { width:100%; height:auto;}

.interview { min-height:300px; text-align:center; padding:0 0 ; font-size:1.0em; }
.interview h2 { text-align: left !important;  }
.interview p { text-align: left; padding:0.5em 0 1.6em !important; font-size:1.0em;}
.interview h3 { text-align: left !important; margin:1em 0 0.5em !important; padding:0 1em 0 0.6em !important; font-weight:normal; color:#003399; font-size:1.2em !important; display:block; border-left: 5px solid #003399; line-height:1.4; }

.inter_title { font-size:1.2em; margin-bottom:20px; border-bottom:1px solid #333;  border-top:1px solid #333; line-height:1.4; padding:6px 0 6px 4px; text-align:left !important;}

.comment .comwaku .h3comm { margin:1.0em !important;}
.comment .comwaku .texc { margin: 1.0em ; padding: 0 0 1.5em !important; }
.comment .comwaku .photoc { float: right; width: 200px; height: auto; padding: 0 1em 1em 1em !important; }

	
.report { min-height:300px; text-align:center; padding:0 0 ;}
.report h2 { text-align: left !important; margin:0; padding:1em; }
.report p { text-align: left; padding:1em 1em 1.3em !important; font-size:1.0em;}
.report h3 { text-align: left !important; margin:1em 1em 0.5em; padding:0.5em  !important; font-weight:normal; color:#003399; font-size:1.4em; display:block; border-top: 1px solid #003399; border-bottom: 1px solid #003399; line-height:1.4; }

.report .photo50 { width:100%;}
.report .photo100 { width:100%;}
.report .photo { text-align:center !important; }
.report .photo img { width: 50%; max-width: inherit;}
    
    
	
.haifu { min-height:300px; text-align:center; padding:0 0 ;}
.haifu h2 { text-align: left !important; margin:0; padding:1em; }
.haifu p { text-align: left; padding:1em 1em 1.3em !important; font-size:1.0em;}
.haifu h3 { text-align: left !important; margin:1em 1em 0.5em; padding:0.5em  !important; font-weight:normal; color:#003399; font-size:1.4em; display:block; border-top: 1px solid #003399; border-bottom: 1px solid #003399; line-height:1.4; }



#content-goods {
	width: auto; margin:0 5px ; padding:10px; font-size:1.6rem !important; max-height: 100% !important; 
}


#content-goods .goodst {
	width: auto;
	padding: 0px;
	height:auto;
	text-align:left;
}
#content-goods .goodst .item {
	width: 270px;
	padding: 0;
	height:auto;
	text-align:left;
	float:left;
	margin-bottom:30px;
	margin-right:15px;
}

#content-goods .goodst .item:nth-child(3n) {
	margin-right: 15px;
}
#content-goods .goodst .item:nth-child(2n) {
	margin-right:0px;
}
#content-goods .goodst .item h2 { font-size:1.0em !important;}
#content-goods .goodst .item p {  }

#content-goods .goodst .item_c {
	width: 540px;
	padding: 0;
	height:auto;
	text-align:left;
	margin:0 auto;
}
#content-goods .goodst .item_c img {
	width: 100%;
	max-width:540px;
	margin:0 auto 10px;
}
#content-goods .goodst .item_c h2 { font-size:1.1em; }

#content-goods .goodst .item p {
	font-size:1.0em;
}

ul.tw_icon { list-style:none; margin:0; padding:0; }
ul.tw_icon li { width:50%; float:left; padding:5px; text-align:center; font-size:0.9em;}
ul.tw_icon li img  { margin-bottom:2px; }

ul.spe_calendar li { width:96%; float:none; padding:5px; margin: 0 auto 10px; text-align:center; height: auto; }
ul.cal_dl { list-style:none; margin:0; padding:0; width: 100%; }
ul.cal_dl li { width:50%; float:left; padding: 4% 3% 2%; text-align:center; height: auto; line-height: 1.2em !important; }
ul.cal_dl li a { font-size: 1em; line-height: 1.2em !important;}
ul.cal_dl li a img { width:100%; }

	

#theaterBody { padding: 10px ; }
#theaterBody .area {
	padding: 10px 0 30px;
	text-align: center;
}

#theaterBody th.col1 {
	width:20%;
}
#theaterBody th.col2 {
	width:35%;
}
#theaterBody th.col3 {
	width:20%;
}
#theaterBody th.col4 {
	width:25%;
}
#theaterBody th.col5 {
	width:10%;
}

	
	
table.movticket th, table.movticket td { width: auto; display: block; vertical-align: middle; font-family: "Sawarabi Mincho"; font-weight: 400;}
table.movticket td { padding: 4px 8px 25px;}

	
.kochira { border: 1px solid #fff; display: block; line-height: 1em; padding: 0; }
.kochira a { display: block; padding: 0.3em 0.3em; text-decoration: none; line-height: 1.2em; text-align: center;  }	

	
.top-r-fix { padding-bottom: 10px !important; }
	
.charaicon img { width:100px; }
	
.cate-menu img { width:42%; }
	
	
}






/* page-top */
#page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	display:block; 
}
#page-top a {
	text-decoration: none;
	width: 80px;
	height:auto;
	padding: 0;
	text-align: center;
	display: block;
	
}

.pager { padding:1em 0 3em; text-align: center;  }
.pager a { padding:0.5em; text-align: center; display: inline-block; border:1px solid #ccc; line-height:1em; margin:0 0.2em; }



.chokuhanshop { display:inline-block; font-size:0.9em; border:1px solid #003399; padding:0.4em 0.8em; color:#003399; line-height:1em; margin:0.5em 0 1em;  background: #fff; }

.charabox { display: flex; height:auto; margin:3em 0; }
.charabox .chara-pic { display: block; width:40%; height:auto; padding:4px; opacity: 0; background-image: url("../img/cha-namebg.jpg"); background-size: cover; position: relative; }
.charabox .chara-pic img  { width:100%; height:auto; }
.charabox .chara-tex { display: block; width:60%; height:auto;}
.charabox .chara-name { display: block; font-size:1.3em; line-height: 1.3em; font-family: "Sawarabi Mincho"; font-weight:600; margin-bottom:0em; background-image: url("../img/cha-namebg.jpg"); background-repeat: no-repeat; background-position: bottom; padding:0.5em 20px 0 20px;}
.charabox .chara-cv { display: block; padding: 0 20px; text-align: right; margin-bottom:1em; font-family: "Sawarabi Mincho"; font-weight:500; font-size:1.1em;}
.charabox .chara-prof { display: block; padding: 0 20px;}

.charabox .chara-pic2 { display: block; width:40%; height:auto; padding:4px; opacity: 0; background-image: url("../img/cha-namebg.jpg"); background-size: cover;}
.charabox .chara-pic2 img  { width:100%; height:auto; }
.charabox .chara-tex2 { display: block; width:60%; height:auto;}

.reverce { flex-direction: row-reverse; }


.charabox .chara-pic-c { display: block; width:40%; height:auto; padding:4px; opacity: 0; background-image: url("../img/cha-namebg2.jpg"); background-size: cover;}
.charabox .chara-pic-c img  { width:100%; height:auto; }
.charabox .chara-tex-c { display: block; width:60%; height:auto;}
.charabox .chara-name-c { display: block; font-size:1.3em; line-height: 1.3em; font-family: "Sawarabi Mincho"; font-weight:600; margin-bottom:0em; background-image: url("../img/cha-namebg2.jpg"); background-repeat: no-repeat; background-position: bottom; padding:0.5em 20px 0 20px;}
.charabox .chara-prof-c { display: block; padding:0 20px; }

.charabox .chara-pic2-c { display: block; width:40%; height:auto; padding:4px; opacity: 0; background-image: url("../img/cha-namebg2.jpg"); background-size: cover;}
.charabox .chara-pic2-c img  { width:100%; height:auto; }
.charabox .chara-tex2-c { display: block; width:60%; height:auto;}



@media screen and (max-width: 640px) {
.charabox { display: block; }
.charabox .chara-pic { display: block; width:auto; height:auto; }
.charabox .chara-tex { display: block; width:auto; height:auto;}
.charabox .chara-pic-c { display: block; width:auto; height:auto; }
.charabox .chara-tex-c { display: block; width:auto; height:auto;}
.charabox .chara-name { font-size:1.2em; line-height: 1.2em;}
.charabox .chara-name-c { font-size:1.2em; line-height: 1.2em;}
}



/* フェードイン */
.fadein.is-animated {
  animation: fadeIn 0.5s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards; 
}

@keyframes fadeIn {
  0% {
    opacity: 0;
      transform: translateY(50px);
  }
  100% {
    opacity: 1;
       transform: translateY(0);
  }
}

/* スライドイン */
.anim-box.slidein.is-animated {
  animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

@keyframes slideIn {
  0% {
    transform: translateX(180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}

.smooth {
  clip-path: inset(0 100% 0 0);
  transition: .4s cubic-bezier(0.37, 0, 0.63, 1);
  transition-property: clip-path;
transition-delay: 0.3s;
}
.smooth.is-animated {
  clip-path: inset(0);
}

.smooth2 {
  clip-path: inset(0 0 0 100%);
  transition: .4s cubic-bezier(0.37, 0, 0.63, 1);
  transition-property: clip-path;
transition-delay: 0.3s;
}
.smooth2.is-animated {
  clip-path: inset(0);
}

@media screen and (max-width: 640px) {
.smooth {
  clip-path: inset(0 100% 0 0);
  transition: .4s cubic-bezier(0.37, 0, 0.63, 1);
  transition-property: clip-path;
transition-delay: 0.1s;
}
.smooth2 {
  clip-path: inset(0 100% 0 0);
  transition: .4s cubic-bezier(0.37, 0, 0.63, 1);
  transition-property: clip-path;
transition-delay: 0.1s;
}
}

.audioc { margin:0 0 0 1em !important; border-top:1px dashed #ccc; }
.audioc tr { margin:0}
.audioc td { text-align:left; vertical-align: top; padding:0.7em 1em 0.7em 0; line-height:1.4em; margin:0; border-bottom:1px dashed #ccc; display:table-cell; }
.audioc td span { font-size:0.8em;}
.audioc .dash { border-bottom:1px dashed #ccc; }

@media screen and (max-width: 640px) {
.audioc { margin:0 0 0 0 !important; }
.audioc tr { margin:0 0 0.5em; }
.audioc td { padding:0; display:block; border-bottom:1px dashed #ccc;}
.audioc .dash { border-bottom: none !important; padding-bottom:0 !important;}
.padd { padding:0.7em 0 0 0 !important;}
.bodd { padding: 0 0 0.7em 0 !important;}
}