@import url(http://fonts.googleapis.com/css?family=Bangers);
@import url(http://fonts.googleapis.com/css?family=Keania+One);

html, body {height: 100%;}  /*高さ100%に指定*/



 
html, body {height: 100%;}
 
body {
	margin: 0;
	font-family: 'Meiryo', 'Osaka', 'MS PGothic', sans-serif;
font-size: 15px;
background-color:#FFF;

color: #000;
  position: relative;

}


.page-back {

 z-index:9999999;
 	font-family: 'Meiryo', 'Osaka', 'MS PGothic', sans-serif;
font-size: 15px;
color: #000;
}

.page-back a {
text-decoration: none;
}

 /*ボックスに影をつける*/
.box h3{
    text-align:center;
    position:relative;
    top:80px;
}
.box {
    width:100%;

    margin:40px auto;
	
}
.effect1{
    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}
 /*ボックスに影をつける*/
 
 /* = Selected Text
----------------------------------------------- */
::selection {
	background:#f5c3e7; /* Safari */
}

::-moz-selection {
	background:#f5c3e7; /* Firefox */
}
 
 .member {margin:15px;
	 position:absolute;
	 width:200px;
	 height:350px;
	 padding: 8px 5px;}
	 p .member{
		background: #EEE url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAHklEQVQImWNkYGBgYGD4//8/A5wF5SBYyAr+//8PAPOCFO0Q2zq7AAAAAElFTkSuQmCC) repeat;
  text-shadow: 5px -5px black, 4px -4px white;
  font-weight: bold;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text}
	 
	 
	 .member_name { color: blue;
	 font-size:12px; }

.vintage{
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	 }

 
 .member_box{
	 margin:15px;
	 position:absolute;
	 width:200px;
	 height:350px;
	 -moz-border-radius: 17px;
-webkit-border-radius: 17px;
border-radius: 17px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: inset 0px 0px 19px #873403;
-webkit-box-shadow: inset 0px 0px 19px #873403;
box-shadow: inset 0px 0px 19px #873403;
/*Inner elements should not cover inner shadows*/
/*Chrome renders inset shadows incorrectly with border-radius*/
/*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/
opacity: 0.68;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 68);
/*-ms-filter must come before filter*/
filter: alpha(opacity = 68);
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*All filters must be placed together*/
 }
 
.2014massage{position: absolute; top: -130px; left:25px;
z-index:9999;}

.slide{
	width:100%;
	position:absolute;
	z-index:99999;}
	
.wrap_iframe_mov {
position: relative;
width: 100%;
padding-top: 40%;

}

.wrap_iframe_mov iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.social{position: absolute;

right:110px;}

.social3{position: absolute;
top:5px;
right:80px;}

.social1{position: absolute;
top:30px;
right:50px;}

.social2{position: absolute;
top:30px;
right:20px;}

#page-top{
display: none;
position: fixed;
right: 5px;
bottom: 10px;
background: #3bf0b1;
color: #fff;
font-size: 1.2em;
font-weight: bold;
padding: 5px 10px;
}
.sns_table{
	text-align: right;

	position:absolute;
	width:300px;
	top:22px;
	right:10px;
	color:#FFF;
	font-size:10px;
	letter-spacing: 0.1em;}
.sns_table a{ text-decoration:none;
color:#FFF;}

.sns_table a:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background:none;
}


a img.sns{
background:none;
}
 
a:hover img.sns{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background:none;
}
li{white-space:nowrap;}

p.line {
   border-bottom: 1px solid #b9b9b9;
}

.menu_table {

border: 0px;
  z-index:999;
  text-align:center;
letter-spacing: 0.1em;
font-family:Trebuchet MS ;

  color:#FFF;
/*Apply this class to some text to unlock the secrets of the third dimension!*/
 text-align:center;
  
font-size: 18px;
}
.menu_table a{  
  text-align: center;  
  display:block;  
  padding: 5px 5px 5px 5px;  
  background-color: ;  
  color: #fff;  
  text-decoration: none;
}  


/* 05.アメリカンな(?)吹き出し */
#heading05{

	position:relative;
	padding:12px 12px;
	font-family: 'Meiryo', 'Osaka', 'MS PGothic', sans-serif;
font-size: 12px;
	color:#333;
	background:#fff;

    background-image: -webkit-gradient(linear, left top, right bottom,
			from(			rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(0, 0, 0, 0.2)), 
			color-stop(0.6, rgba(0, 0, 0, 0.2)), 
			color-stop(0.6, rgba(255, 255, 255, 0.0)),
			to(				rgba(255, 255, 255, 0.0))
			);

	background-size:4px 4px;
	text-decoration: none;
}
#heading05 a{
	text-decoration: none;
	color: #FF0096;
}
#heading05 a:hover{
	color: #fff;
}

#heading04{

	position:relative;
	padding:12px 12px;
	font-family: 'Meiryo', 'Osaka', 'MS PGothic', sans-serif;
font-size: 12px;
	color:#333;
	background:#fff;

    background-image: -webkit-gradient(linear, left top, right bottom,
			from(			rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(135, 1, 54, 0.2)), 
			color-stop(0.6, rgba(135, 1, 54, 0.2)), 
			color-stop(0.6, rgba(255, 255, 255, 0.0)),
			to(				rgba(255, 255, 255, 0.0))
			);

	background-size:4px 4px;
}
#heading04{
	text-decoration: none;
}
.news li{

	padding:0px;list-style-type: none;
font-size: 18px;
color:#000;
  font-weight: bold;
  height:30px;
  padding-bottom:0;
  bottom:0;
	
	}

li{
	text-decoration: none;
}

.element {

border:8px solid #000;
	width:600px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	padding: 5px;
	background-color:#fff;
}

.news{

margin: 20px;
	font-family: 'Meiryo', 'Osaka', 'MS PGothic', sans-serif;
font-size: 15px;
background-color:#FFF;

color: #000;
  position: relative;	
}

.news a{
	color:#ed0f79;
}
	
	
.news a:hover{  
  background-color: #f91683;  
  color: yellow;

}
	
	
.menu_table a:hover{  
  background-color: #fff;  
  color: #000;

}  

.bar2 {
  display:block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 1px dashed #cccccc;
}



.menu_table p{



border: 0px;
  z-index:999;



  color:#FFF;
}

.menu_table li {
list-style-type: none;
display:block; }


td .menu_table{

border: 0px;
}

td.example1 { text-align: left; }
td.example2 { text-align: center; 
}
td.example3 { text-align: right; }

#globalnavi{  
  margin: 0;  

  width: 100%;
  text-align:center;
  text-shadow: 1px 2px 2px #000;
}  
  
#globalnavi ul{  
  list-style-type: none;  
  margin: 0;  
  padding: 0;  
}  
  
#globalnavi li{  

  width: 100px;  
  margin: 0;  
  padding: 0;  
}  
  
#globalnavi a{  
  text-align: center;  
  display:block;  
  padding: 5px 5px 5px 5px;  
  width: 100%;  
  background-color: ;  
  color: white;  
}  
  
#globalnavi a:hover{  
  background-color: #ffffff;  
  color: yellow;

}  

.contents{
	position:absolute;
	width:800px;
	height:300px;
	background-color:#000;
	color:#333;
	z-index:99999;}


 



.main_menu {
  margin: 0;  /*縦横の半分をネガティブマージンでずらす*/
  position: absolute;  /*body要素に対して絶対配置*/
  width: 100%;  /*横幅*/
  height: 30px;  /*縦幅*/
  background-color:#3bf0b1;
  font-size:25px;
  padding:5px 0px 0px 0px;
  color:#666;

  z-index:999;
  text-align:center;
  
  font-family: 'Bangers', cursive;
}



 
.centerMiddle {
  margin: -200px 0 0 -300px;  /*縦横の半分をネガティブマージンでずらす*/
  position: absolute;  /*body要素に対して絶対配置*/
  top: 50%;  /*上端を中央に*/
  left: 50%;  /*左端を中央に*/
  width: 600px;  /*横幅*/
  height: 400px;  /*縦幅*/
  background-color: #;
  
}



.headerMenu {
   height: 100%;
   width:200px;
   font-size: 85%;
   position:fixed;
  bottom: 0;
   left: 0;
    background: #dee938;
   
    text-align: center;
   z-index: 9999;
   padding: 8px 5px 7px 20px;

   

}


.main{
	position:absolute;
	top:70px;
   height: 100%;
   width:100%;
   font-size: 85%;
   padding:0;
   margin:0;


   right:0;

   z-index: 10;



}

.comment{
	position:absolute;
	
	z-index:99999;}

.headerFixed_top{
	position:absolute;
   background-color:#3bf0b1;
   top:0;
   left: 0;
   width: 100%;
   height:60px;
   z-index: 9999; 

}

.headerFixed_top_shita{
	z-index: 999999999999999999999999;
	position:absolute;
   top:60px;
   height:10px;
   left: 0;
   width: 100%;
   background-image:url("red_texture4.png");
}

.headerFixed {
   position: fixed;
   background-color:#000;
   bottom: 0;
   left: 0;
   width: 100%;
   height:30px;
   z-index: 99999; 
}

.tate { border-left: 2px solid #ffffff; height:5px;
-webkit-box-shadow: 0 1px 0 #fcfcfc;
    -moz-box-shadow: 0 1px 0 #fcfcfc;
    box-shadow: 0 1px 0 #fcfcfc; }

.headerFixed2 {
   position: fixed;
      background-color:#3bf0b1;
   bottom: 0;
   left: 0;
   width: 100%;
   height:20px;
    
	 z-index:99999;
}

.headerFixed_bottom {
	margin:0;
	position:absolute;
   background-color:#3bf0b1;
   bottom: 0px;
   left: 0;
   width: 100%;
   height:30px;
   z-index: 10; 


}


.fourcorners{
	position: relative; top:50%;
	margin:0 auto;
	width:550px;
	overflow:auto;
 padding: 15px;
 
  text-decoration: none;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  text-shadow: 1px 1px 0px #fff;
}

.fourcorners p{
	
	background-color: rgba(250,244,75,0.4);

 }


.shadowimg {
   background-image:-moz-linear-gradient(top, #E2E2E2, #CCCCCC);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E2E2E2), to(#CCCCCC), color-stop(1,#CCCCCC));
  
    border:2px solid #FEFEFE;
  
    box-shadow: inset 5px 5px 5px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 5px 5px 5px rgba(0,0,0,0.25);
    -webkit-box-shadow: inset 5px 5px 5px rgba(0,0,0,0.25);
}



	
#majical_header
{
	position: absolute;
    top: -19px;
    width: 100%;
    height: 100%;
	 z-index: 9;}
	 
	 

.logo{
	position:absolute;
    top: 5px;
	left:15px;

	 z-index: 9999999;
}


#footer
{position: fixed;
    bottom: -5px;
    width: 100%;
    height: 100xp;
	z-index: 6666;
	}

	
p{width: 500px;font-size:px;color:#000000;position:absolute;top:20px;left:50px;}
p{color: #000;}



.new_menu
{margin:0 auto;

  top: 100px;         /* 上から100px */ 
  
  }
  
  
  .new_menu img:hover{
filter:alpha(opacity=80);
opacity:0.8;
}



.wrapper{
	margin:0 auto;
	display:block;
text-align:center;
margin-left:auto;
margin-left:auto;
padding-left:inherit;
padding-right:;
padding-top:inherit;


}

			     .overlay{
overflow:auto;
		display:none;
        width: 100%;
        height:100%;
        text-align: center;
        position: fixed;
	bottom:0px;
        z-index: 10000;
		background-image:url(http://www.butaotome.com/img/brickwall.png);
       
    }
	    .text{

		text-align:left;

		padding-bottom:50px;
		padding-top:100px;
		margin:0 auto;
		width:700px;
        font-size: 12px;
		color:#ed0f79;
		position:relative;


    }




#rgba01 { background:rgba(250,250,255,0.1); }

#rgba02 { background:rgba(154,224,223,0.4); }

#rgba03 { background:rgba(0,51,102,0.5); }
#rgba04 { background:rgba(82,249,249,0.4); }

#rgba05 { background:rgba(0,51,102,0.5); }

#rgba06 { background:rgba(0,51,102,0.6); }

#rgba07 { background:rgba(0,51,102,0.7); }

#rgba08 { background:rgba(0,51,102,0.8); }

#rgba09 { background:rgba(0,51,102,0.9); }

#rgba10 { background:rgba(0,51,102,1); }

.hyouji1_op1,.hyouji1_cl1,.hyouji1_op2,.hyouji1_cl2{
	cursor:pointer;
	
	color:#FF0004;}

#page_top{
	z-index: 9999999999999999999999999999999;
	right: 10px;
	
  width: 100px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #ed0f79;
  
  border-radius: 15px;
}
#page_top a{
  position: relative;
  display: block;
  width: 100px;
  height: 60px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -25px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}