@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Quicksand:300|Roboto:300);

.row {
 margin: 0 auto;
width:833px;;
}

a:link { text-decoration:none; color: #000;}
a:visited { text-decoration:none; color: #000;}
a:active { text-decoration:none; color: #000;}
a:hover { text-decoration:none; color: #000;}
a,p {
    color: #666666;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.alpha a:hover p {
  opacity: 0.8;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=70)";
  transition: 0.2s ;
}
.alpha a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=70)";
  transition: 0.2s ;
}


ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
} 

.content{
	padding-top:50px;
	}
ul#nav1{
	list-style: none;
	padding: 0;
	position: absolute;
   left:95.1%; 
	top:35px;
	width:59; 
	height:13;
	z-index:3100;
	opacity:1;
}
ul#nav2{
	list-style: none;
	padding: 0;
	position: absolute;
    left:92.0%; 
	top: 20.5px;
	width:59; 
	height:13;
	z-index:3100;
	opacity:1;
}		
	

 @media (min-width: 1200px) {
 .row {
   width:100%;
 }
}

body,
html {
    width: 100%;
    height: 100%;
-webkit-overflow-scrolling: touch
}

body{
   font-family: 'Noto Sans Kannada', sans-serif; 
}
a,p,h {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}


.main-logo{
  display:inline;
  margin-top:17px;
  margin-left:80px;
  max-width: 170px;
  height: auto;
}

.topmenu{
font-family: 'Roboto', sans-serif;
text-align:center;
	margin-top:0px;
    font-size: 12px; 
	font-weight: 500;
	letter-spacing:4.5px;
	color: #333333;
    z-index:5000;
}

.content-section-a {
	background: url(../images/rigrina_artist_bg.jpg) no-repeat center center;
	background-size:cover;
	padding-bottom: 50px;
	margin-top: -40px;
    background-color: #fff;
}
.top{
text-align:center;
margin-top:50px;
margin-bottom:100px;
}
.top-bg{
height:100%;
padding-top:0px;
margin-bottom:0px;
}
.top-bg-image{
text-align:left;
padding-top:100px;
width: 330px;
height: auto;
z-index:100;
margin: 0 auto;  
}

.rain_garden_adv{
text-align:left;
padding-top:0px;
width: 270px;
height: auto;
z-index:150;
margin: 0 auto;  
}


.video{
display:inline;	
margin-top:50px;
margin-bottom:20px;
z-index:200;
}
.video_small{
display:none;	
margin-top:50px;
margin-bottom:20px;
z-index:200;
}

.band-bg{
height:100%;
padding-top:0px;
margin-bottom:0px;
}
.band-bg-image{
text-align:left;
width: 100%;
height: auto;
z-index:150;
margin: 0 auto;  
}

.service-title{
margin-top:40px;
margin-bottom:20px;
z-index:200;
}
.service-title-jp{
margin-top:0px;
margin-bottom:30px;
z-index:200;
}
.style3 {
	margin-top:20px;
	text-align:center;
	color: #333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	font-weight:800;
	line-height:1.5;
	letter-spacing: 0.5em;
	font-size: 14px;
	border-bottom: 0px solid #333;
	width:300px;
}
.style4 {
	margin-top:10px;
	margin-left:-60px;
	text-align:center;
	color: #333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	font-weight:600;
	line-height:1.5;
	letter-spacing: 0.5em;
	font-size: 20px;
	border-bottom: 0px solid #333;
	width:300px;
}
.style5 {
	margin-top:20px;
	text-align:center;
	color: #333;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight:500;
	line-height:1.5;
	letter-spacing: 0.08em;
	font-size: 36px;
	border-bottom: 0px solid #333;
	width:300px;
}
.style5b {
	margin-top:-30px;
	text-align:center;
	color: #333;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight:500;
	line-height:1.5;
	letter-spacing: 0.08em;
	font-size: 16px;
	border-bottom: 1px solid #333;
	width:300px;
}
.style5c {
	margin-top:0px;
	text-align:center;
	color: #333;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight:500;
	line-height:30px;
	letter-spacing: 0.08em;
	font-size: 20px;
	border-bottom: 1px solid #333;
	width:300px;
}
.style8 {
	color: #333333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	letter-spacing: 0.03em;
	font-size: 13px;
	font-weight:700;
	width: 700px;
	padding:50px;
	margin-left:0px;
	margin-top:0px;
}
.style9 {
	color: #333333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	letter-spacing: 0.03em;
	font-size: 12px;
	font-weight:600;
	width: 500px;
	line-height:25px;
	padding:50px;
	margin-left:0px;
	margin-top:30px;
}
.style9s {color: #999999;
font-family: "小塚ゴシック Pro EL", sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
}
.style10 {color: #000000;
font-family: "小塚ゴシック Pro EL", sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
}



.content-section-b {
	background: url(../images/rigrina_top_bg2.png) no-repeat center center;
	background-size:cover;
	padding-bottom: 0px;
	margin-top: -50px;
    background-color: #fff;
}
.content-section-b2 {
	margin-top:0px;
    padding: 0px 0;
    border-top: 0px solid #f7f7f7;
    border-bottom: 0px solid #f7f7f7;
}

.story_posi {
	width:900px;
	margin: 0 auto;
	margin-top:-100px;
	}
.plan_posi {
	width:900px;
	margin: 0 auto;
	margin-top:50px;
	}
	

.content-section-c{
	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px 0;
    background-color: #fff;
}
	
.content-section-d{
	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px 0;
    background-color: #f6f2ea;
}
	
.content-section-e{
	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px 0;
    background-color: #fff;
}
.contact_posi {
	width:900px;
	margin: 0 auto;
	margin-top:0px;
	}
.content-section-f{
	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px 0;
    background-color: #fff;
}
.content-section-g{
	text-align:center;
    margin-top:50px;
    margin-bottom:0px;
    padding:0px 0;
    background-color: #fff;
}
.box1 {
float: left;
width:200px;
height:280px;
margin:5px; 
margin-top:0px;
margin-bottom:0px;
margin-left:350px;
padding-left:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.box2 {
float: left;
width:200px;
height:280px;
margin:5px; 
margin-top:0px;
margin-left:15px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 

.standard{
width:200px;
height:auto;
margin:0px; 
margin-top:20px;
margin-bottom:20px;
margin-left:0px;
padding:0px; 
}
.premium{
width:200px;
height:auto;
margin:0px; 
margin-top:20px;
margin-bottom:20px;
margin-left:0px;
padding:0px; 
}

.detail{
width:80px;
height:auto;
margin:0px; 
margin-top:10px;
margin-bottom:5px;
margin-left:20px;
padding:0px; 
}

.goods_posi{
width:1200px;
	margin: 0 auto;
	margin-top:0px;
	margin-bottom:100px;
	}

.goods1 {
float: left;
width:220px;
height:auto;
margin:10px; 
margin-top:0px;
margin-bottom:0px;
margin-left:10px;
padding-left:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods2 {
float: left;
width:220px;
height:auto;
margin:10px; 
margin-top:0px;
margin-bottom:0px;
margin-left:10px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods3 {
float: left;
width:220px;
height:auto;
margin:10px; 
margin-top:0px;
margin-left:10px;
margin-bottom:0px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods4 {
float: left;
width:220px;
height:auto;
margin:10px; 
margin-top:0px;
margin-left:10px;
margin-bottom:0px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 



ul#nav0a{
z-index:150;
margin-top:0px;
}
ul#nav0b{
z-index:150;
margin-top:0px;
}
ul#nav0c{
z-index:150;
margin-top:0px;
}

.character-pic{
height:100%;
padding-top:0px;
margin-top:200px;
margin-left:-400px;
}
.character-pic2{
height:100%;
padding-top:0px;
margin-top:100px;
margin-left:-400px;
}
.character-pic3{
height:100%;
padding-top:0px;
margin-top:-55px;
margin-left:-400px;
}



.character{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
}
.about_posi{
height:100%;
padding-top:0px;
margin-top:0px;
margin-left:100px;
}
.character_title{
text-align:left;
width: 600px;
height: auto;
z-index:100;
margin-left:300px;
margin-top:-460px;
}
.character_title2{
text-align:left;
width: 600px;
height: auto;
z-index:100;
margin-left:470px;
margin-top:-300px;
}
.character_title3{
text-align:left;
width: 600px;
height: auto;
z-index:100;
margin-left:435px;
margin-top:-300px;
}




.about-text{
text-align:left;
width: 600px;
height: auto;
z-index:100;
margin-left:300px;
margin-top:-50px;
}
.about-text2{
text-align:left;
width: 600px;
height: auto;
z-index:100;
margin-left:397px;
margin-top:-50px;
}
.about-text3{
text-align:left;
width: 600px;
height: auto;
z-index:100;
margin-left:397px;
margin-top:-50px;
margin-bottom:50px;
}


.profile-pic{
height:100%;
margin-top:80px;
margin-bottom:0px;
}
.profile01{
text-align:left;
width: 160px;
height: auto;
z-index:100;
margin: 0 auto;  
}
.profile02{
text-align:left;
width: 160px;
height: auto;
z-index:100;
margin: 0 auto;  
}
	
.lead {
font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
	line-height:40px;
	letter-spacing: 1px;
	font-weight: 400;
	color: #ffffff;
}

.lead2 {
	  font-family: "Avenir" , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	margin:20px;
    font-size: 13px;
	line-height:20px;
color: #666666;
	z-index:100;
}

.lead3 {
	  font-family: "Avenir" , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:0;
    font-size: 13px;
    font-weight: 400;
	color: #666666;
	z-index:100;
}

.lead4 {
font-family: 'Noto Sans JP';
    font-size: 28px;
	line-height:60px;
	letter-spacing: 1px;
	font-weight: 100;
	color: #888888;
}

.lead5 {
font-family: 'Noto Sans JP';
width:600px;
text-align:left;
margin-top:50px;
font-size: 13px;
line-height:25px;
letter-spacing: 1px;
font-weight: 400;
color: #333333;
}


p.copyright {
   font-family: "Century Gothic", Helvetica , "游ゴシック" , "Yu Gothic" ,sans-serif;
   padding:0;
   font-size: 12px; 
   letter-spacing: 1.5px;
   font-weight: 100; 
   text-align:center;
}






@media(max-width:1199px) {
 .row {
   width:100%;
 }
	a,p,h {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

ul#nav1{
	list-style: none;
	padding: 0;
	position: absolute;
    left:95.1%; 
	top:35px;
	width:59; 
	height:13;
	z-index:3100;
	opacity:1;
}
ul#nav2{
	list-style: none;
	padding: 0;
	position: absolute;
    left:92.0%; 
	top: 20.5px;
	width:59; 
	height:13;
	z-index:3100;
	opacity:1;
}	


img#com1 {
display:inline;
text-align:left;
width:210px;
height:auto;
z-index:100;
margin: 0 auto;  
}
.main-logo{
  display:inline;
  padding-top:0px;
  padding-left:-10px;
  max-width: 170px;
  height: auto;
}

.topmenu{
font-family: 'Roboto', sans-serif;
text-align:center;
	margin-top:0px;
    font-size: 11.5px; 
	font-weight: 500;
	letter-spacing:4.5px;
	color: #333333;
    z-index:5000;
}

.top{
text-align:center;
margin-top:80px;
margin-bottom:100px;
}
.top-bg-image{
text-align:left;
padding-top:130px;
width: 280px;
height: auto;
z-index:100;
margin: 0 auto;  
}

.rain_garden_adv{
text-align:left;
padding-top:50px;
width: 250px;
height: auto;
z-index:150;
margin: 0 auto;  
}


.video{
display:inline;	
margin-top:50px;
margin-bottom:20px;
z-index:200;
}
.video_small{
display:none;	
margin-top:50px;
margin-bottom:20px;
z-index:200;
}

.lead {
    font-family: "小塚ゴシック Pro EL",sans-serif;
    font-size: 18px;
	line-height:50px;
	letter-spacing: 1px;
	font-weight: 100;
	color: #ffffff;
}
.lead2 {
	  font-family: "Avenir" , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	padding:20px 25px;
    margin-bottom:0px;
    font-size: 12px;
color: #666666;
	margin-left:0px;
}
.lead2b {
	  font-family: "Avenir" , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	margin-bottom:0;
    font-size: 10px;
	color: #666666;
	z-index:100;
}
.lead3 {
	  font-family: "Avenir" , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	padding-left:0px;
    margin-left:20px;
	margin-right:15px;
	margin-bottom:20px;
    font-size: 11px;
	color: #666666;
}
.content-section-a {
	margin-bottom: 100px;
    padding: 0px 0;
	margin-top: -130px;
	margin-bottom: 0px;
    background-color: #fff;
}
.content-section-b {
	margin-top:-50px;
    padding: 0px 0;
    border-top: 0px solid #f7f7f7;
    border-bottom: 0px solid #f7f7f7;
}
.content-section-b2 {
	margin-top:0px;
    padding: 0px 0;
    border-top: 0px solid #f7f7f7;
    border-bottom: 0px solid #f7f7f7;
}

.story_posi {
	width:900px;
	margin: 0 auto;
	margin-top:-100px;
	}

.content-section-c{
	text-align:center;
    margin-top:20px;
    margin-bottom:50px;
    padding:0px 0;
    background-color: #fff;
}
.content-section-d{
	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px 0;
    background-color: #f6f2ea;
}
	
.content-section-e{
	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px 0;
    background-color: #fff;
}
.contact_posi {
	width:900px;
	margin: 0 auto;
	margin-top:0px;
	}
.content-section-f{
	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px 0;
    background-color: #fff;
}
.content-section-g{
	text-align:center;
    margin-top:50px;
    margin-bottom:0px;
    padding:0px 0;
    background-color: #fff;
}

.about-text{
text-align:left;
width: 400px;
height: auto;
z-index:100;
margin-left:200px;
margin-top:-60px;
}
.about-text2{
text-align:left;
width: 600px;
height: auto;
z-index:100;
margin-left:397px;
margin-top:-60px;
}
.about-text3{
text-align:left;
width: 600px;
height: auto;
z-index:100;
margin-left:397px;
margin-top:-50px;
margin-bottom:150px;
}


.character-pic{
height:100%;
padding-top:0px;
margin-top:150px;
margin-left:-400px;
}
.character-pic2{
height:100%;
padding-top:0px;
margin-top:80px;
margin-left:-400px;
}
.character-pic3{
height:100%;
padding-top:0px;
margin-top:-30px;
margin-left:-400px;
}




.character{
text-align:left;
padding-top:0px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
}
.about_posi{
height:100%;
padding-top:0px;
margin-top:0px;
margin-left:0px;
}
.character_title{
text-align:left;
width: 500px;
height: auto;
z-index:100;
margin-left:320px;
margin-top:-400px;
}
.character_title2{
text-align:left;
width: 600px;
height: auto;
z-index:100;
margin-left:480px;
margin-top:-280px;
}
.character_title3{
text-align:left;
width: 600px;
height: auto;
z-index:100;
margin-left:445px;
margin-top:-280px;
}

.plan_posi {
	width:900px;
	margin: 0 auto;
	margin-top:50px;
	}
.box1 {
float: left;
width:200px;
height:280px;
margin:5px; 
margin-top:0px;
margin-bottom:0px;
margin-left:350px;
padding-left:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.box2 {
float: left;
width:200px;
height:280px;
margin:5px; 
margin-top:0px;
margin-left:15px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 

.standard{
width:200px;
height:auto;
margin:0px; 
margin-top:20px;
margin-bottom:20px;
margin-left:0px;
padding:0px; 
}
.premium{
width:200px;
height:auto;
margin:0px; 
margin-top:20px;
margin-bottom:20px;
margin-left:0px;
padding:0px; 
}

.detail{
width:80px;
height:auto;
margin:0px; 
margin-top:10px;
margin-bottom:5px;
margin-left:20px;
padding:0px; 
}

.goods_posi{
width:900px;
margin: 0 auto;
margin-top:0px;
margin-bottom:100px;
	}

.goods1 {
float: left;
width:200px;
height:auto;
margin:10px; 
margin-top:0px;
margin-bottom:0px;
margin-left:10px;
padding-left:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods2 {
float: left;
width:200px;
height:auto;
margin:10px; 
margin-top:0px;
margin-left:10px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods3 {
float: left;
width:200px;
height:auto;
margin:10px; 
margin-top:0px;
margin-left:10px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods4 {
float: left;
width:200px;
height:auto;
margin:10px; 
margin-top:0px;
margin-left:10px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.lead3 {
	  font-family: "Avenir" , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:0;
    font-size: 13px;
    font-weight: 400;
	color: #666666;
	z-index:100;
}
.lead5 {
font-family: 'Noto Sans JP';
width:600px;
text-align:left;
margin-top:50px;
font-size: 13px;
line-height:25px;
letter-spacing: 1px;
font-weight: 300;
color: #333333;
}

.style3 {
	margin-top:20px;
	text-align:center;
	color: #333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	font-weight:600;
	line-height:1.5;
	letter-spacing: 0.5em;
	font-size: 14px;
	border-bottom: 0px solid #333;
	width:300px;
}
.style4 {
	margin-top:0px;
	margin-left:-25px;
	text-align:center;
	color: #333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	font-weight:600;
	line-height:1.5;
	letter-spacing: 0.5em;
	font-size: 17px;
	border-bottom: 0px solid #333;
	width:200px;
}
.style8 {
	color: #333333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	letter-spacing: 0.03em;
	font-size: 13px;
	width: 700px;
	font-weight:600;
	padding:50px;
	margin-left:0px;
	margin-top:0px;
}
.style9 {
	color: #555555;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	letter-spacing: 0.03em;
	font-size: 11px;
	font-weight:500;
	width: 500px;
	line-height:25px;
	padding:50px;
	margin-left:0px;
	margin-top:30px;
}
.style9s {color: #999999;
font-family: "小塚ゴシック Pro EL", sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
}
.style10 {color: #000000;
font-family: "小塚ゴシック Pro EL", sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
}


p.copyright {
   font-family: "Century Gothic", Helvetica , "游ゴシック" , "Yu Gothic" ,sans-serif;
   font-size: 11.5px; 
   letter-spacing: 1.5px;
   font-weight: 100; 
   text-align:center;
     	color:#999999;
}
}


@media (min-width: 768px) and (max-width: 991px) {
 .row {
   width:100%;
 }
 
 ul#nav1{
	list-style: none;
	padding: 0;
	position: absolute;
    left:95.1%; 
	top:35px;
	width:59; 
	height:13;
	z-index:3100;
	opacity:1;
}
ul#nav2{
	list-style: none;
	padding: 0;
	position: absolute;
    left:91.0%; 
	top: 20.5px;
	width:59; 
	height:13;
	z-index:3100;
	opacity:1;
}	

img#com1 {
display:inline;
text-align:center;
min-width:100px;
height:auto;
width:210px;
margin-top:0px;
z-index:100;
}

.topmenu{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
    font-size: 11px; 
	font-weight: 100;
	letter-spacing:1px;
	color: #ffffff;
}
.main-logo{
position:absolute;
padding-top:0px;
margin-left:20px;
display: inline;
max-width: 150px;
}

.top{
text-align:center;
margin-top:50px;
margin-bottom:100px;
}
.top-bg{
height:100%;
padding-top:0px;
margin-bottom:60px;
}
.top-bg-image{
text-align:left;
padding-top:180px;
width: 250px;
height: auto;
z-index:100;
margin: 0 auto;  
}

.video{
display:inline;	
margin-top:50px;
margin-bottom:20px;
z-index:200;
}
.video_small{
display:none;	
margin-top:50px;
margin-bottom:20px;
z-index:200;
}

.lead {
	  font-family: "小塚ゴシック Pro EL",sans-serif;
    font-size: 16px;
	line-height:40px;
	letter-spacing: 1px;
	font-weight: 100;
	color: #ffffff;
}
.lead2 {
	  font-family: "Avenir" , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	margin:15px;
	margin-left:0px;
    margin-top:-20px;
	margin-bottom:0;
    font-size: 11px;
	color: #282828;
	z-index:100;
}
.lead3 {
	  font-family: "Avenir" , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    padding-right:0px;
    margin-left:10px;
    margin-right:10px;
	margin-top:0px;
    margin-bottom:10px;
    font-size: 10px;
	color: #545454;
}
.lead5 {
font-family: 'Noto Sans JP';
width:600px;
text-align:left;
margin-top:50px;
font-size: 12px;
line-height:23px;
letter-spacing: 1px;
font-weight: 400;
color: #333333;
}
.about-text{
text-align:left;
width: 400px;
height: auto;
z-index:100;
margin-left:195px;
margin-top:-50px;
}
.about-text2{
text-align:left;
width: 400px;
height: auto;
z-index:100;
margin-left:295px;
margin-top:-60px;
}
.about-text3{
text-align:left;
width: 400px;
height: auto;
z-index:100;
margin-left:297px;
margin-top:-50px;
margin-bottom:100px;
}

.character-pic{
height:100%;
padding-top:0px;
margin-top:210px;
margin-left:-400px;
}
.character-pic2{
height:100%;
padding-top:0px;
margin-top:80px;
margin-left:-400px;
}
.character-pic3{
height:100%;
padding-top:0px;
margin-top:-30px;
margin-left:-400px;
}



.character{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
}
.about_posi{
height:100%;
padding-top:0px;
margin-top:0px;
margin-left:100px;
}
.character_title{
text-align:left;
width: 300px;
height: auto;
z-index:100;
margin-left:0px;
margin-top:-430px;
}
.character_title2{
text-align:left;
width: 300px;
height: auto;
z-index:100;
margin-left:160px;
margin-top:-280px;
}
.character_title3{
text-align:left;
width: 300px;
height: auto;
z-index:100;
margin-left:130px;
margin-top:-280px;
}


.plan_posi {
	width:768px;
	margin: 0 auto;
	margin-top:30px;
	}
.box1 {
float: left;
width:180px;
height:280px;
margin:5px; 
margin-top:0px;
margin-bottom:0px;
margin-left:290px;
padding-left:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.box2 {
float: left;
width:180px;
height:280px;
margin:5px; 
margin-top:0px;
margin-left:15px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 

.standard{
width:180px;
height:auto;
margin:0px; 
margin-top:20px;
margin-bottom:20px;
margin-left:0px;
padding:0px; 
}
.premium{
width:180px;
height:auto;
margin:0px; 
margin-top:20px;
margin-bottom:20px;
margin-left:0px;
padding:0px; 
}

.detail{
width:70px;
height:auto;
margin:0px; 
margin-top:10px;
margin-bottom:5px;
margin-left:10px;
padding:0px; 
}

.goods_posi{
width:768px;
	margin: 0 auto;
	margin-top:0px;
	margin-bottom:100px;
	}

.goods1 {
float: left;
width:150px;
height:auto;
margin:10px; 
margin-top:0px;
margin-bottom:0px;
margin-left:10px;
padding-left:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods2 {
float: left;
width:150px;
height:auto;
margin:10px; 
margin-top:0px;
margin-left:10px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods3 {
float: left;
width:150px;
height:auto;
margin:10px; 
margin-top:0px;
margin-left:10px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods4 {
float: left;
width:150px;
height:auto;
margin:10px; 
margin-top:0px;
margin-left:10px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 


.story_posi {
	width:768px;
	margin: 0 auto;
	margin-top:-50px;
	}
	
.content-section-a {
	margin-bottom: 100px;
    padding: 0px 0;
	margin-top: -130px;
	margin-bottom: 0px;
    background-color: #fff;
}
.content-section-b {
	margin-top:-50px;
    padding: 0px 0;
    border-top: 0px solid #f7f7f7;
    border-bottom: 0px solid #f7f7f7;
}
.content-section-b2 {
	margin-top:0px;
    padding: 0px 0;
    border-top: 0px solid #f7f7f7;
    border-bottom: 0px solid #f7f7f7;
}	
	
.content-section-c{
    margin-top:0px;
    margin-bottom:0px;
    padding:0px 0;
    background-color: #fff;
}
.content-section-d{
	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px 0;
    background-color: #f6f2ea;
}
	
.content-section-e{
	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px 0;
    background-color: #fff;
}

.contact_posi {
	width:768px;
	margin: 0 auto;
	margin-top:0px;
	}


.content-section-f{
	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px 0;
    background-color: #fff;
}
.content-section-g{
	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px 0;
    background-color: #fff;
}

.style3 {
	margin-top:20px;
	text-align:center;
	color: #333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	font-weight:600;
	line-height:1.5;
	letter-spacing: 0.5em;
	font-size: 13px;
	border-bottom: 0px solid #333;
	width:200px;
}
.style4 {
	margin-top:40px;
	margin-left:-60px;
	text-align:center;
	color: #333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	font-weight:600;
	line-height:1.5;
	letter-spacing: 0.5em;
	font-size: 15px;
	border-bottom: 0px solid #333;
	width:300px;
}
.style5 {
	margin-top:20px;
	text-align:center;
	color: #333;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight:500;
	line-height:1.5;
	letter-spacing: 0.08em;
	font-size: 30px;
	border-bottom: 0px solid #333;
	width:300px;
}
.style5b {
	margin-top:-30px;
	text-align:center;
	color: #333;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight:500;
	line-height:1.5;
	letter-spacing: 0.08em;
	font-size: 13px;
	border-bottom: 1px solid #333;
	width:300px;
}
.style5c {
	margin-top:0px;
	text-align:center;
	color: #333;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight:500;
	line-height:30px;
	letter-spacing: 0.08em;
	font-size: 20px;
	border-bottom: 1px solid #333;
	width:300px;
}
.style6 {
	color: #333333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	letter-spacing: 0.03em;
	font-size: 15px;
	width: 300px;
	margin-left:310px;
	margin-top:0px;
}
.style7 {
	color: #333333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	letter-spacing: 0.03em;
	font-size: 12px;
	width: 310px;
	margin-left:320px;
	margin-top:10px;
}
.style8 {
	color: #555555;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	letter-spacing: 0.03em;
	font-size: 13px;
	width: 700px;
	padding:50px;
	margin-left:0px;
	margin-top:0px;
}
.style9 {
	color: #555555;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	letter-spacing: 0.03em;
	font-size: 10px;
	width: 450px;
	line-height:25px;
	padding:50px;
	margin-left:-40px;
	margin-top:30px;
}
.text{
text-align:left;
margin-top:-80px;
margin-bottom:0px;
margin-left:0;
width: 500;
height: auto;
z-index:200;
}
.item03{
width: 200px;
height: 40px;
z-index:150;
margin-left:310px;
opacity:1;
}
.comp-bg{
margin-top:0px;
width: 833;
height: auto;
z-index:10;
}	
p.copyright {
   font-family: "Century Gothic", Helvetica , "游ゴシック" , "Yu Gothic" ,sans-serif;
   font-size: 10px; 
   letter-spacing: 1.5px;
   font-weight: 100; 
   text-align:center;
     	color:#999999;
}
}


@media(max-width:767px) {
.row {
   width:100%;
 }
.container{
 overflow: hidden;
}

ul#nav1{
	list-style: none;
	padding: 0;
	position: static;
    left:54.1%; 
	top:82px;
	width:59; 
	height:13;
	z-index:3100;
	opacity:1;
}
ul#nav2{
	list-style: none;
	padding: 10;
	position: static;
    left:0; 
	top: 100px;
	width:59; 
	height:13;
	z-index:3100;
	opacity:1;
}	


img#com1 {
display:inline;
text-align:center;
min-width:100px;
padding-top:50px;
height:auto;
width:200px;
margin-top:0px;
z-index:100;
}

a,p,h {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.main-logo{
position:absolute;
padding-top:5px;
margin-left:30px;
display: inline;
max-width: 150px;
}

.topmenu{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
    font-size: 10px; 
	font-weight: 100;
	letter-spacing:3px;
	color: #ffffff;
}

.top{
text-align:center;
margin-top:20px;
margin-bottom:100px;
}
.top-bg{
height:100%;
padding-top:0px;
margin-bottom:40px;
}
.top-bg-image{
text-align:left;
padding-top:100px;
width: 200px;
height: auto;
z-index:100;
margin: 0 auto;  
}
.rain_garden_adv{
text-align:left;
padding-top:0px;
width: 200px;
height: auto;
z-index:150;
margin: 0 auto;  
}

.content-section-a {
	margin-bottom: 0px;
    padding: 0px 0;
	margin-top:0px;
    background-color: #fff;
}

.video{
display:none;	
margin-top:50px;
margin-bottom:20px;
z-index:200;
}
.video_small{
display:inline;	
margin-top:50px;
margin-bottom:20px;
z-index:200;
}

.content-section-b {
	margin-top:-50px;
    padding: 0px 0;
    border-top: 0px solid #f7f7f7;
    border-bottom: 0px solid #f7f7f7;
}

.service-title{
margin-top:0px;
margin-bottom:20px;
z-index:200;
}

.content-section-b2 {
	margin-top:0px;
    padding: 0px 0;
    border-top: 0px solid #f7f7f7;
    border-bottom: 0px solid #f7f7f7;
}
.band-bg{
height:100%;
padding-top:0px;
margin-bottom:0px;
}
.band-bg-image{
text-align:left;
width: 100%;
height: auto;
z-index:150;
margin: 0 auto;  
}

.story_posi {
	width:300px;
	margin: 0 auto;
	margin-top:0px;
}
.plan_posi {
	width:300px;
	margin: 0 auto;
	margin-top:0px;
	}
	
	
.content-section-c{
    margin-bottom:10px;
    margin-top:0px;
    padding:0px 0;
    background-color: #fff;
}

.content-section-d{
	text-align:center;
    margin-top:-50px;
    margin-bottom:0px;
    padding:0px 0;
    background-color: #f6f2ea;
}
	
.content-section-e{
	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px 0;
    background-color: #fff;
}
.content-section-f{
	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px 0;
    background-color: #fff;
}
.content-section-g{
	text-align:center;
    margin-top:20px;
    margin-bottom:0px;
    padding:0px 0;
    background-color: #fff;
}

.character-pic{
height:100%;
padding-top:100px;
margin-top:0px;
margin-left:-210px;
}
.character-pic2{
height:100%;
padding-top:0px;
margin-top:70px;
margin-left:-200px;
}
.character-pic3{
height:100%;
padding-top:0px;
margin-top:30px;
margin-left:-200px;
}



.character{
text-align:left;
padding-top:0px;
width: 100px;
height: auto;
z-index:100;
margin: 0 auto;  
}


.about_posi{
height:100%;
padding-top:10px;
padding-bottom:10px;
margin-top:0px;
margin-left:0px;
}
.character_title{
text-align:left;
width: 300px;
height: auto;
z-index:100;
margin-left:10px;
margin-top:-205px;
}
.character_title2{
text-align:left;
width: 300px;
height: auto;
z-index:100;
margin-left:45px;
margin-top:20px;
}
.character_title3{
text-align:left;
width: 300px;
height: auto;
z-index:100;
margin-left:30px;
margin-top:25px;
}

.about-text{
text-align:left;
width: 300px;
height: auto;
z-index:100;
margin-left:0px;
margin-top:-30px;
}
.about-text2{
text-align:left;
width: 300px;
height: auto;
z-index:100;
margin-left:0px;
margin-top:-30px;
}
.about-text3{
text-align:left;
width: 300px;
height: auto;
z-index:100;
margin-left:0px;
margin-top:-30px;
margin-bottom:60px;
}



.contact_posi {
	width:300px;
	margin: 0 auto;
	margin-top:0px;
	}
.profile-pic{
height:100%;
margin-top:40px;
margin-bottom:0px;
}
.profile01{
text-align:left;
width: 130px;
height: auto;
z-index:100;
margin: 0 auto;  
}
.profile02{
text-align:left;
width: 130px;
height: auto;
z-index:100;
margin: 0 auto;  
}


.plan_posi {
	width:300px;
	margin: 0 auto;
	}
.box1 {
float: left;
width:140px;
height:154px;
margin:5px; 
margin-top:0px;
margin-bottom:0px;
margin-left:80px;
padding-left:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.box2 {
float: left;
width:140px;
height:154px;
margin:5px; 
margin-top:0px;
margin-left:0px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 

.standard{
width:130px;
height:auto;
margin:0px; 
margin-top:20px;
margin-bottom:20px;
margin-left:0px;
padding:0px; 
}
.premium{
width:130px;
height:auto;
margin:0px; 
margin-top:20px;
margin-bottom:20px;
margin-left:0px;
padding:0px; 
}

.detail{
width:60px;
height:auto;
margin:0px; 
margin-top:10px;
margin-bottom:0px;
margin-left:0px;
padding:0px; 
}

.goods_posi{
width:300px;
	margin: 0 auto;
	margin-top:0px;
	margin-bottom:80px;
	}

.goods1 {
float: left;
width:50px;
height:auto;
margin:10px; 
margin-top:0px;
margin-bottom:10px;
margin-left:10px;
padding-left:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods2 {
float: left;
width:50px;
height:auto;
margin:10px; 
margin-top:0px;
margin-left:10px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods3 {
float: left;
width:50px;
height:auto;
margin:10px; 
margin-top:0px;
margin-left:10px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 
.goods4 {
float: left;
width:50px;
height:auto;
margin:10px; 
margin-top:0px;
margin-left:10px;
padding:0px; 
border:0px solid #CCC;
opacity:1;
z-index:0;
} 


.lead {
	font-family: "小塚ゴシック Pro EL",sans-serif;
    font-size: 8.5px;
	margin:5px;
	line-height:30px;
	letter-spacing: 1px;
	font-weight: 100;
	color: #ffffff;
}
.lead2 {
	  font-family: "Avenir" , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    padding:15px;
    margin-top:-10px;
    margin-bottom:30px;
    margin-right:0px;
    margin-left:0px;
    font-size: 8.5px;
    color: #545454;
	letter-spacing: 0.5px;
}
.lead3 {
	  font-family: "Avenir" , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    padding-right:0px;
    margin-left:5px;
    margin-right:5px;
	margin-top:0px;
    margin-bottom:20px;
    font-size: 8px;
	color: #545454;
}
.lead5 {
font-family: 'Noto Sans JP';
width:300px;
text-align:left;
padding:15px;
margin-top:-20px;
font-size: 11.5px;
line-height:16px;
letter-spacing: 0.8px;
font-weight: 300;
color: #333333;
}
.style3 {
	margin-top:10px;
	text-align:center;
	color: #333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	font-weight:500;
	line-height:1.5;
	letter-spacing: 0.5em;
	font-size: 11px;
	border-bottom: 0px solid #333;
	width:200px;
}
.style4 {
	margin-top:-150px;
	margin-left:20px;
	text-align:center;
	color: #333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	font-weight:500;
	line-height:1.5;
	letter-spacing: 0.5em;
	font-size: 12px;
	border-bottom: 0px solid #333;
	width:200px;
}
.style5 {
	margin-top:20px;
	text-align:center;
	color: #333;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight:500;
	line-height:1.5;
	letter-spacing: 0.08em;
	font-size: 18px;
	border-bottom: 0px solid #333;
	width:200px;
}
.style5b {
	margin-top:-20px;
	text-align:center;
	color: #333;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight:500;
	line-height:1.5;
	letter-spacing: 0.08em;
	font-size: 12px;
	border-bottom: 1px solid #333;
	width:200px;
}
.style5c {
	margin-top:0px;
	text-align:center;
	color: #333;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight:500;
	line-height:30px;
	letter-spacing: 0.08em;
	font-size: 12px;
	border-bottom: 1px solid #333;
	width:200px;
}
.style6 {
	color: #333333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	letter-spacing: 0.03em;
	font-size: 13px;
	width: 300px;
	margin-left:0px;
	margin-top:0px;
}
.style7 {
	color: #333333;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	letter-spacing: 0.03em;
	font-size: 10px;
	width: 310px;
	margin-left:0px;
	margin-top:10px;
}
.style8 {
	color: #555555;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	letter-spacing: 0.03em;
	font-size: 7px;
	font-weight:600;
	line-height:20px;
	width: 300px;
	padding:5px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:30px;
}

.style9 {
	color: #555555;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	letter-spacing: 0.03em;
	font-size: 6px;
	font-weight:500;
	width: 190px;
	line-height:11px;
	padding:0px;
	margin-left:100px;
	margin-top:50px;
}

.style9s {color: #999999;
font-family: "小塚ゴシック Pro EL", sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
}
.style10 {color: #000000;
font-family: "小塚ゴシック Pro EL", sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
}
p.copyright {
   font-family: "Century Gothic", Helvetica , "游ゴシック" , "Yu Gothic" ,sans-serif;
   font-size: 8px; 
   letter-spacing: 1px;
   font-weight: 100; 
   text-align:center;
   color:#999999;
}
}

footer {
    padding-bottom: 30px;
    background-color: #fff;
}

p.copyright {
    margin: 30px 0 0;
	margin-bottom: 0px;
	color:#666666;
}