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

body{ font-size:0.8em;
      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;}

img{ margin:0;padding:0;border:0; max-width:100%;height:auto;
}
	  
.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;
		 }
 
.container{ width:100%;
            position:absolute;
            top: 100%;
			right:0;
			width:100%;
			height:auto;
			margin: 0 auto;
			padding: 0;
			text-align:center;
			overflow:hidden;

			
}
header,footer{ width:100%; height:auto;}

.cb-header {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}
.headarea{ font-size: 100%;
           height: auto;
		   margin: 0 auto;
		   padding:0;
		   background: rgba(65,40,41, 0.7);
		   text-align:center;
		   z-index:100;
		   
		    }
						
.headmenu{  
           height: auto;		  
           float: left;
		   margin:0;
		   padding:5px;
		   text-align:center;
		   font-family:Georgia, "Times New Roman", Times, serif;

		    }
.headmenu li{ float: left;
              width: 14%;
              height:auto;
			  margin:0;
			  text-align:center;
			  list-style:none;
			  }
.headmenu a:link{ display:block;
                  color:#fff; text-decoration:none; }	
.headmenu a:link{ color:#fff;text-decoration:none;}
.headmenu a:hover{ color:#fff;  background: #6b2a2c;text-decoration:none;}
.headmenu a:visited{ color:#fff;text-decoration:none;}
.headmenu a img{ width:70%;
                 max-width:80px;
                 margin:0; }
				 
			 
				 
				 
/*-------------------------------------------*/
.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;
}				 

.info_wrap{ width:100%;
            height: auto;
			margin: 0 auto;
			text-align:center;
			background: rgba(65,40,41, 0.7);
			 }

.logo{ 
       width:100%;
	   height:auto;
	   margin: 10px auto;
	   text-align:center;
	   font-family:Georgia, "Times New Roman", Times, serif;
	    }
.logo h1 a:link{ color:#fff;
                    font-size:120%;
					text-decoration:none;
 }
.logo h1 a:visited{ color:#fff;}
.logo h1 a:hover{ color:pink;}
.logo h1 a:active{ color:#fff;}
 		
.about{ 
        width:100%;
        max-width:300px;
        height:auto;	
		text-align:center;
		}	
.about a:link{ background-color: #412829;
               color:#fff;
               text-decoration:none;
			   margin: 10px auto;
			   padding: 10px 0;
			   width:100%; 
			   display:block;
			   border-radius:10px;
			   border:#fff 1px solid;
			   }		   
.about a:visited{ color:#fff;text-decoration:none; }
.about a:hover{ color: pink; text-decoration:none; background-color: #894649;  }
.about a::active{ color:#fff;text-decoration:none; }

.about h3{ font-size:m; }						  
		
.marquee{ width:100%;
          max-width:1400px;
          margin:10px auto;
		  padding:5px 0 0;
		  line-height:1.5;
          background: rgba(255,255,255, 0.8); 
		  }	
				
.main_contents{ 
				max-width:1400px;
	            height:auto;
	            margin: 0 auto;
	            padding-top: 10px;
	            text-align: center;
				background-color:#fff;
				background-image:url(../img/h3.png);
                background-repeat:no-repeat;				
	           }
.topi{ 
           width:90%;
           height:auto;
		   margin-bottom:2em;
		   margin-left:17px;
           font-family:Georgia, "Times New Roman", Times, serif;
		   font-size: 140%;	
           color: #fff;
		   text-align:left;
		   }			   

.main_contents h2{ font-family:Georgia, "Times New Roman", Times, serif;
width:100%;
height:auto;
margin: 30px auto;
font-size:140%; }	
  
		  
dl.search{
	width:90%;
    position:relative;
    background-color:#fff;
    border:1px solid #aaa;
	margin:10px auto;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    border-radius:6px;
}
dl.search dt{
  
    padding:8px 0 8px 8px;
}
dl.search dt input{
    width:90%;
    height:24px;
    line-height:24px;
    background:none;
    border:none;
}
dl.search dd{
    position:absolute;
    top:0;
    right:0;
}
dl.search dd button{
    display:block;
    padding:10px;
    background:none;
    border:none;
}
dl.search dd button span{
    display:block;
    width:20%;
    height:20px;
    background:url('/images/search.png') no-repeat scroll 0 0;
}		  	     		   

.rssarea{ width: 100%;  
          height:auto; 
	      margin:30px 0;
		  padding: 20px 0;
	      text-align:center;
          background-color: rgba(0,0,0,0.8);
		  display:flex;
		 }
.rssarea h2{ width: 100%;
             height:auto;
			 margin: 20px auto;
			 text-align:center;
			 font-family:Georgia, "Times New Roman", Times, serif;
			 font-size:140%;
			 color:#fff;	 
			   }
.rssarea ul li:nth-child(n+7){
		/* 5番目以降は非表示 */
		display: none;
	}
.rss_wrap{ width:100%;
           max-width:1200px;
           height:auto;
		   margin:0 auto;
		   padding:0;
		   text-align:center;
		    }	
.rss_j h3{ width:90%;
           height:auto;
		   margin-bottom:3em;
		   margin-left:5px;
           font-family:Georgia, "Times New Roman", Times, serif;
		   font-size: 140%;	
           color: #fff;
		   text-align:left; 
		   
		   }
.rss_j li{
 list-style-type:none;
 display:inline-block;
 width: 100%;
 max-width:1400px;
 overflow:hidden;
 vertical-align:top;
 margin-bottom:10px;
 text-align:left;

}

.rss_j li a:link{
 color:#fff;
 display:block;
 padding-left:5px;
 text-decoration:none;
}
.rss_j li a:visited{color:#fff;}
.rss_j li a:hover{color:pink;}
.rss_j li a:active{color:#fff;}

.rss_j li img{
 width: 100%;
 display:block;
 min-width:80px;

}
.visiter{ width:100%;
height:auto;
margin-bottom:10px;
text-align:left;
 }
.visiter h3{ width:90%;
             height:auto;
		     margin-top:1em;
		     margin-left:15px;
             font-family:Georgia, "Times New Roman", Times, serif;
		     font-size: 120%;	
             color: #fff;
		     text-align:left;            
 }
#visiter span{width:90%;
               height:auto;
		       margin-top:1em;
		       margin-left:20px;
               font-family:Georgia, "Times New Roman", Times, serif;
		       font-size: 100%;	
               color: #fff;
		       text-align:left;    
			   } 
.rss_k h3{ width:90%;
           height:auto;
		   margin-bottom:3em;
		   margin-left:5px;
           font-family:Georgia, "Times New Roman", Times, serif;
		   font-size: 130%;	
           color: #fff;
		   text-align:left; 
		   }
.rss_k li{
 list-style-type:none;
 display:inline-block;
 width: 100%;
 max-width:1400px;
 overflow:hidden;
 vertical-align:top;
 margin-bottom:10px;
 text-align:left;

}

.rss_k li a:link{
 color:#fff;
 display:block;
 padding-left:5px;
 text-decoration:none;
}
.rss_k li a:visited{color:#fff;}
.rss_k li a:hover{color:pink;}
.rss_k li a:active{color:#fff;}

.rss_k li img{
 width: 100%;
 display:block;
 min-width:80px;

}

.rss_c h3{ width:90%;
           height:auto;
		   margin-bottom:3em;
		   margin-left:5px;
           font-family:Georgia, "Times New Roman", Times, serif;
		   font-size: 140%;	
           color: #fff;
		   text-align:left; 
		   }
.rss_c li{
 list-style-type:none;
 display:inline-block;
 width: 100%;
 max-width:1400px;
 overflow:hidden;
 vertical-align:top;
 margin-bottom:10px;
 text-align:left;

}

.rss_c li a:link{
 color:#fff;
 display:block;
 padding-left:5px;
 text-decoration:none;
}
.rss_c li a:visited{color:#fff;}
.rss_c li a:hover{color:pink;}
.rss_c li a:active{color:#fff;}

.rss_c li img{
 width: 100%;
 display:block;
 min-width:80px;

}	

.rss_w h3{ width:90%;
           height:auto;
		   margin-bottom:3em;
		   margin-left:5px;
           font-family:Georgia, "Times New Roman", Times, serif;
		   font-size: 120%;	
           color: #fff;
		   text-align:left; 
		   }
.rss_w li{
 list-style-type:none;
 display:inline-block;
 width: 100%;
 max-width:1400px;
 overflow:hidden;
 vertical-align:top;
 margin-bottom:10px;
 text-align:left;

}

.rss_w li a:link{
 color:#fff;
 display:block;
 padding-left:5px;
 text-decoration:none;
}
.rss_w li a:visited{color:#fff;}
.rss_w li a:hover{color:pink;}
.rss_w li a:active{color:#fff;}

.rss_w li img{
 width: 100%;
 display:block;
 min-width:80px;

} 
   			 
.pagetop
    {
	width: 50px;
	height: auto;
	display:block;
	background-color:#31445c;
	padding: 5px 0;	
    position: fixed;
    bottom: 100px;
    right: 16px;
	border-radius: 5px;
	z-index:98;
    }
 
.pagetop a
    {
    display: block;
    text-decoration: none;
    }
 
.pagetop:hover
{
    opacity: 0.85 ;
}
.pagebottom
    {
	width: 50px;
	height: auto;
	display:block;
	background-color:#31445c;
	padding: 5px 0;	
    position: fixed;
    bottom: 30px;
    right: 16px;
	border-radius: 5px;
	z-index:98;
    }
 
.pagebottom a
    {
    display: block;
    text-decoration: none;
    }
 
.pagebottom:hover
{
    opacity: 0.85 ;
}			 

.movieerea{ width: 100%;
            margin: 30px auto 0;
			padding:20px 0px 60px;
			text-align:center;
			background-color: rgba(0,0,0,0.8);
			 }
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
  margin: 0 auto;
  text-align:center;
}
.video iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
	 
footer{ color:#fff;
        width:100%;
        height:auto; 
		margin: 0 auto;
		padding-top:30px;
		text-align:center;
		background-color:#412829;
		overflow:hidden;
		bottom: 0px;

		   }
.l_footnav{ width:50%;
            height:auto;
            margin: 20px auto;
		    padding:0;
		    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;
            left:0;
            top:0;
            margin:5px 0;
		    text-align:center;
		   }
.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;
			   }