@charset "utf-8";

body{background: #f1bec6; /* Old browsers */
}

#headContent{height:2000px;}

#sakuraIMG1{
left:auto !important;
right:-0px !important;
}

#sakuraIMG2{
left:-300px !important;
}


#sakuraIMG1,#sakuraIMG2 {
	
}

.toAbout-image {
	background-color: #F19ca4;
}
.toScrollTop-content {
	color: #fff;
}

/*.bannerAbout{background-color: rgba(244, 206, 141, 0.8);}*/



#sakuraIMG1 img,#sakuraIMG2 img {
	opacity: inherit;
filter: inherit;

}

/*#sakuraIMG1 img{width:976px;}
#sakuraIMG2 img{width:1051px;}*/

#sakuraIMG1 img{width:800px;}
#sakuraIMG2 img{width:750px;}

/*h1:before{
	height:0%;
background: #FFF;
content: " ";
display: block;
position: absolute;
-webkit-transition-property: height, opacity, left, width, marginTop;
-moz-transition-property: height, opacity, left, width, marginTop;
-o-transition-property: height, opacity, left, width, marginTop;
-ms-transition-property: height, opacity, left, width, marginTop;
transition-property: height, opacity, left, width, marginTop;
}*/

h1:after{
opacity: 0;
}
h1.h1show:after{
content: " ";
width: 250px;
height: 205px;
position: absolute;
top: 60%;
left: -150px;
background-image: url(../images/sakuraIMG3.png);
background-size: 250px;
background-repeat: no-repeat;
opacity: 1;
	-webkit-transition: 500ms ease-out;
	-moz-transition:  500ms ease-out;
	-o-transition: 500ms ease-out;
	-ms-transition: 500ms ease-out;
	transition: 500ms ease-out;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}

h1.h1show.fixPos:after{
opacity: 0;
}


h1.h1show:before{
width: 4px;
margin-left: -4px;

height: 100%;

}

h1{
	background-color: #DE3F59;
	position:fixed;
	top:0;
	right:475px;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	z-index:500;
}

.bandColor {
	background:#DE3F59; /* Old browsers */
}

.bandSimpleColor {
	background: #DE3F59; /* Old browsers */
}

h1 .h1Img{
	height:275px;
	width:75px;
	display:block;
}
/*
h1.h1show.fixPos .h1Img{
	margin-top: 20px !important;
	height:160px;
width:27px;
}*/


#mainImg1 img{top:-400px;left:0px;}
#mainImg2 img{top:-400px;left:0px;}
#mainImg4 img{top:-400px;left:0px;}
#mainImg3 img{top:-400px;right:0px;}



#bowl_ringG{border:4px solid #FFF;}
.ballG{background:#FFF;}
.innerMenu{background: #DE3F59;}
.innerMenuActive:after{border: 1px solid #DE3F59;}
.innerMenuAll ul::after{background:#DE3F59;}


/*.muneListDate{color:#FFF !important;}*/
.menuBtnAll{border-top: #FFF 2px solid;}
.menuCircleBtn{background: #FFF;	}
/*メニューの左右ボタン*/
div.circle{background: #FFF;}
/*メニューの左右ボタン内の矢印*/
.leftArrow::after{border-right: 10px solid #DE3F59;}
.rightArrow::after{border-left: 10px solid #DE3F59;}
/*div.menuBackNumTitle{border-bottom: 2px solid #c4c4c4;}*/
div.menuBackNumTitle{border-bottom: 2px solid #FFF;}
.btnCurrent{background: #DE3F59 !important;}

div.meneListE{color: #666;}
@media screen and (max-width : 1400px){
#sakuraIMG1{
left:auto !important;
right:0px !important;
}

#sakuraIMG2{
left:-200px !important;
}	

#sakuraIMG1 img{width:585px;}
#sakuraIMG2 img{width:600px;}

}

@media screen and (max-width : 800px){

h1.h1show:after{
opacity: 0;
}

#sakuraIMG1{
	right:0 !important;
	top:-50px !important;
}

#sakuraIMG1 img{
/*width:500px;	*/
}
#sakuraIMG2{
left: -104px;	
}
#sakura	IMG2 img{
/*width:600px;*/
display:none;	
}

h1 .h1Img{
	/*height:300px !important;
	width:75px;*/
	width: 60px !important;
	height: auto !important;
	display:block;
}

}