@charset "UTF-8";
/* CSS Document */
*{ margin:0; padding:0; border:0; }

body{ font-size: 1em;
      line-height:1.25;
      font-family:"メイリオ","Meiryo","Lucida Grande","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";
	  width: 100%;height: auto; 
	  margin:0;padding:0;border:0;
	  overflow-x: hidden;
	  /*--
	  background-image:url(img/bg.jpg);
	  background-size:cover;
	  background-attachment:fixed;
--*/
	  }
body{
user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;
}
header,footer{ width:100%; height:auto;}

img{ margin:0;padding:0;border:0; max-width:100%;height:auto;
}

.over_gif{  }	  
.black { color:black; }
.gray { color:gray; }
.silver { color:silver; }
.white { color:white; }
.aqua { color:aqua; }
.blue { color:blue; }
.fuchsia { color:fuchsia; }
.green { color:green; }
.lime { color:lime; }
.maroon { color:maroon; }
.navy { color:navy; }
.olive { color:olive; }
.purple { color:purple; }
.red { color:red; }
.teal { color:teal; }
.yellow { color:yellow; }
.wine{ color:#61181b;}
.mainred{ color:#34180b;} 

h1{ font-size:200%;}
h2{ font-size:120%;}
h3{ font-size:100%;}
h4{ font-size:80%;}
.400{ font-size:400%;}
.lh0{ line-height:0;}

.l{ font-size:160%;}
.lm{ font-size:130%;}
.m{ font-size:100%;}
.s{font-size:80%;}
.ss{ font-size:60%;}
.sss{ font-size:40%;}

.clear{clear:both;}
.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    }

.shadow{ -moz-box-shadow: 2px 2px 2px 2px #ccc;
         -webkit-box-shadow: 2px 2px 2px 2px #ccc;
         -o-box-shadow: 2px 2px 2px 2px #ccc;
         -ms-box-shadow: 2px 2px 2px 2px #ccc;
		 }
.wrap{ 

width:100%;
height:250px;

 }			 
.headarea{ position: fixed;
           top: 0;
           left: 0;
           font-size: 100%;
           height: auto;
		   margin: 0;
		   padding:0;
		   background-color:rgba(73,73,72,0.8);
		   text-align:center;
		   z-index:9999;
		   transition: .3s;
 
		    }		 
.logo{ 
       width:100%;
	   height:auto;
	   margin: 0px aut;
	   padding-top: 10px;
	   text-align:center;
	   font-family:Georgia, "Times New Roman", Times, serif;
	    }
.logo h1 a:link{ color:#fff;
                 font-size:100%;
				 text-decoration:none;
 }
.logo h1 a:visited{ color:#fff;}
.logo h1 a:hover{ color:pink;}
.logo h1 a:active{ color:#fff;}
.headmenu{ width:100%;
           max-width:1400px;
           height: auto;		  
		   margin:0 auto;
		   padding:5px;
		   text-align:center;
		   font-family:Georgia, "Times New Roman", Times, serif;

		    }
.headmenu li{ float: left;
              width: 14%;
			  max-width: 80px;
              height:auto;
			  margin:0;
			  text-align:center;
			  list-style:none;
			  }
.headmenu a:link{ display:block;
                  color:#fff; text-decoration:none;
				  transition: .3s; }	
.headmenu a:link{ color:#fff;text-decoration:none;}
.headmenu a:hover{ color:#fff;  background: #777771;text-decoration:none;}
.headmenu a:visited{ color:#fff;text-decoration:none;}
.headmenu a img{ width:70%;
                 max-width:80px;
                 margin:0; }
				 
			 
.title{ width:100%;
          max-width:1200px;
          height:auto;
		  min-height:80px;
		  padding: 0;
		  text-align:left;
		  background-image:url(../../img/h3.png);
		  background-repeat:no-repeat;
		  margin-bottom:20px;
		  
		  }
.title h2{ color:#fff;
             font-family:Georgia, "Times New Roman", Times, serif;
             font-size :100%;
			 margin-left: 0.9em ;
			 margin-top:1em;
			 }
.title h3{ color:#999;
             font-family:Georgia, "Times New Roman", Times, serif;
             font-size :80%;
			 margin-top: 0.8em;
			 margin-left: 30% ;
			 text-align:left;
			 float:right;
			 }					 
				 
/*-------------------------------------------*/
.tooltip {/*ツールチップの対象要素*/
    position: relative;
    display: inline-block;
 
}
 
.tooltip .tooltiptext {/*ツールチップ本体*/
    visibility: hidden;
    width: 78px;
    background-color: #dbafaf;
    color: #3c1717;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    font-size:12px;
    z-index: 1;
    margin-top:60px;
	left:0;
}
 
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.tooltip .tooltiptext::after {/*吹き出しのアロー部分*/
    content: " ";
    position: absolute;
    bottom: 100%; 
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #dbafaf transparent;
}
 
.tooltip .tooltiptext {/*表示させる際のアニメーションエフェクト。透明にしておく*/
    opacity: 0;
    transition: opacity 1s;
}
 
.tooltip:hover .tooltiptext {/*マウスホバーでアニメーションしながら表示*/
    opacity: 1;
}

.pagetop
    {
	width: 48px;
	height: auto;
	display:block;
	background-color:#31445c;
	padding: 5px 0;	
    position: fixed;
    bottom: 100px;
    right: 16px;
	border-radius: 5px;
	z-index:98;
	text-align:center;
    }
 
.pagetop a
    {
    display: block;
    text-decoration: none;
    }
 
.pagetop:hover
{
    opacity: 0.85 ;
}
.pagebottom
    {
	width: 48px;
	height: auto;
	display:block;
	background-color:#31445c;
	padding: 5px 0;	
    position: fixed;
    bottom: 30px;
    right: 16px;
	border-radius: 5px;
	z-index:98;
	text-align:center;
    }
 
.pagebottom a
    {
    display: block;
    text-decoration: none;
    }
 
.pagebottom:hover
{
    opacity: 0.85 ;
}		
footer{ color:#fff;
        width:100%;
        height:auto; 
		margin: 0 auto;
		padding-top:30px;
		text-align:center;
		background-color:#2e2e2a;
		overflow:hidden;
		bottom: 0px;

		   }
.l_footnav{ width:48%;
            height:auto;
            margin: 20px auto;
		    padding-left: 5px;
		    text-align: left;
			border-right: #fff 1px solid;
			float:left;
		   }
.l_footnav li{ float: left;
               list-style:none;
			   background-image:url(../../img/h_img.png);
			   background-repeat:no-repeat;
			   left:0;
			   padding-left:12px;
			   margin: 0 15px 15px 0;
			   line-height:1;			   
			    }
.l_footnav li a:link{ color:#FFF; text-decoration:none;}			
.l_footnav li a:visited{ color:#fff; }	
.l_footnav li a:hover{ color: pink; }	
.l_footnav li a:active{ color:#fff; }	
				 	
.r_footnav{ width:48%;
            height:auto;
            margin: 20px auto;
		    padding:0;
		    text-align: left;
			float: right;
		   }
.r_footnav li{ float: left;
               list-style:none;
			   background-image:url(../../img/h_img.png);
			   background-repeat:no-repeat;
			   left:0;
			   padding-left:12px;
			   margin: 0 15px 15px 0;
			   line-height:1;
			    }
.r_footnav li a:link{ color:#FFF; text-decoration:none;}			
.r_footnav li a:visited{ color:#fff; }	
.r_footnav li a:hover{ color: pink; }	
.r_footnav li a:active{ color:#fff; }	


.black_filter{ width:100%;
               height: 100%;
			   background-color: rgba(0,0,0,0.2);
			   bottom: 0px;

			    }						   		   	   
.foot_info{ width:100%;
            max-width:1400px; 
            height:auto;
            margin:5px auto;
		    text-align:center;
			padding:10px;
		   }
.foot_info li{ float:left;
               list-style:none;
			   margin:10px 10px 0 0;
			   height:auto;
			   display: inline-block;
			    }				   		   
.footer_copy{ color:#fff;
              width: 80%;
			  height:auto;
			  margin: 40px auto;
			  padding: 5px;
			  text-align:center;
			   }
			   
.cont1{ 
background-image:url();
background-size:cover;}
.cont2{ 
background-image:url();
background-size:cover;}
.cont3{ 
background-image:url();
background-size:cover;}
.cont4{ 
background-image:url(../img/gbroth.jpg);
background-size: cover;}
.cont5{ 
background-image:url(../img/oh_happyday.jpg);
background-size:cover;}
.cont6{ 
background-image:url(../img/19-80.jpg);
background-size:cover;}
.cont7{ 
background-image:url(../img/dracula.jpg);
background-size:cover;}
.cont8{ 
background-image:url(../img/singls.jpg);
background-size:cover;}
.cont9{ 
background-image:url(../img/rainman.jpg);
background-size:cover;}
.cont10{ 
background-image:url(../img/btjp.jpg);
background-size:cover;}
.cont11{ 
background-image:url(../img/btkr.jpg);
background-size:cover;}
.cont12{ 
background-image:url(../img/lepasse.jpg);
background-size:cover;}
.cont13{ 
background-image:url(../img/lepasse13.jpg);
background-size:cover;}
.cont14{ 
background-image:url(../img/lepasse13_2.jpg);
background-size:cover;}
.cont15{ 
background-image:url(../img/chicago.jpg);
background-size:cover;}
.cont16{ 
background-image:url(../img/chicago_2015.jpg);
background-size:cover;}
.cont17{ 
background-image:url(../img/42nd_1.jpg);
background-size:cover;}
.cont18{ 
background-image:url(../img/BG.jpg);
background-size:cover;}
.cont19{ 
background-image:url(../img/allthatmusical.jpg);
background-size:cover;}
.cont20{ 
background-image:url(../img/speciallier.jpg);
background-size:cover;}
.cont21{ 
background-image:url(../img/42nd_2.jpg);
background-size:cover;}	
.cont22{ 
background-image:url(../img/2018busan.jpg);
background-size:cover;}