@charset "UTF-8";

/* Global */

body {
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
	font-weight: 400;
	font-size: 1em;
	color:#333;
	background-color:#ffffff;
}
img {
	max-width: 100%;
}
a:link {
	color: #f68f67;
	text-decoration: none;
}
a:hover {
	color: #bde2df;
	text-decoration: none;
}
a:visited {
	color: #f68f67;
	text-decoration: none;
}





/* Navigation */

.menu {
	position:fixed;
	top:0px;
	padding:10px 0;
	width:100%; 
	height:auto; 
	background-color:#ffffff;
	z-index:100;
  font-family: 'Mallanna', sans-serif;
	font-size: 1.12em;
}


#logo {
	text-align: center;
	margin: 20px 0;
	background-image:url('../images/logo-main.png');
	background-repeat:no-repeat;
	background-size:200px;
	width:210px;
	height:70px;
}

.ond875{
	background-image:url('../images/ondo-875.png');
	background-repeat:no-repeat;
	background-size:310px;
	width:310px;
	height:80px;
	margin:20px auto;
	}
	
@-moz-document url-prefix() {
#logo{
	margin: 20px 0;
	background-image:url('../images/logo-main-600-210.png');
	background-repeat:no-repeat;
	background-size:210px;
	width:210px;
	height:70px;
	}

.ond875{
	margin: 20px 0;
	background-image:url('../images/ondo-875-L.png');
	background-repeat:no-repeat;
	background-size:310px;
	width:310px;
	height:70px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#logo{
	background-image:url('../images/logo-main-600-210.png');
	}
.ond875{
	background-image:url('../images/ondo-875-L.png');
	}
}	
	
#nav {
	text-align: right;
	margin: 20px 0 0 0;
}
.navigation{
	float: right;
	list-style: none;
	margin: 0;
}
.navigation li{
	float: left;
	padding:22px 25px 10px 25px;
	text-align:center;
}

.navigation li p{
	margin-top:-2px;
	font-size:0.6em;
	border-top: 1px solid #0095CD;padding-top:3px;
	}
	
.navigation li:hover{
	cursor:pointer;
	color: #06526e;
}

.navigation .active{
	cursor:pointer;
	color: #0095CD;
	font-weight:normal;
}

.navigation .leaf01{
	background-image:url('../images/leaf01.png');
	background-repeat:no-repeat;
	background-position:center top;
}


.navigation .leaf02{
	background-image:url('../images/leaf02.png');
	background-repeat:no-repeat;
	background-position:center top;
}


.navigation .leaf03{
	background-image:url('../images/leaf03.png');
	background-repeat:no-repeat;
	background-position:center top;
}


.navigation .leaf04{
	background-image:url('../images/leaf04.png');
	background-repeat:no-repeat;
	background-position:center top;
}


/* General Slides */ 

.slide{
	background-attachment: fixed;
	width:100%;
	height:auto;
	position: relative;
	padding:220px 0 240px 0;
  font-family: 'Mallanna', sans-serif;
}



/* Slide 1 */ 

#slide1{
	background-image:url('../images/ond01.png');
	background-size:100%;
	background-color:#0095CD;
	background-position:50% 435%;
	color:#ffffff;
	height:850px;
	padding:480px 0 580px 0;
}

#slide1 h1 {
	font-size: 3.8em;
	letter-spacing: -3px;
	line-height: 0px;
	color:#8a8683;
	font-weight: 700;
}
#slide1 h2 {
	font-size: 2em;
	color: #8a8683;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}


/* Slide 2 */ 

#slide2{
	background-image:url('../images/ond02.png');
	background-size:100%;
	background-color:#0095CD;
	background-position:50% 435%;
	color:#ffffff;
	padding:220px 0 140px 0;
	height:450px;
}
#slide2 h1 {
	font-size: 3.8em;
	letter-spacing: -3px;
	line-height: 0px;
	color:#ffffff;
	font-weight: 700;
}
#slide2 h2 {
	font-size: 2em;
	color: #ffffff;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}




/* Slide 3 */ 

#slide3{
	background-image:url('../images/ond03.png');
	background-size:100%;
	background-color:#0095CD;
	color:#ffffff;
	padding:220px 0 0px 0;
	height:450px;
}
#slide3 h1 {
	font-size: 3.8em;
	letter-spacing: -3px;
	line-height: 0px;
	color:#8a8683;
	font-weight: 700;
}
#slide3 h2 {
	font-size: 2em;
	color: #8a8683;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}
#test{
	background-color:#bde2df;
	color:#ffffff;
	text-align:center;
	font-size: 2em;
	font-weight: 400;
}




/* Slide 4 */

#slide4{
	background-image:url('../images/ond04.png');
	background-size:100%;
	background-color:#0095CD;
	color:#ffffff;
	background-position:50% 135%;
	padding:20px 0 230px 0;
	height:340px;
}
#slide4 h1 {
	font-size: 3.8em;
	letter-spacing: -3px;
	line-height: 0px;
	color:#ffffff;
	font-weight: 700;
}
#slide4 h2 {
	font-size: 2em;
	color: #ffffff;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}

.mark01{
	font-family: 'Mallanna', sans-serif;
	font-size:1.2em;
	width:90%;
	text-align:center;
	padding:30px 0 0px;
	margin: 40px auto;
	background-image:url('../images/leaf01.png');
	background-repeat:no-repeat;
	background-position:center top;
 }
 
 

.mark02{
	font-family: 'Mallanna', sans-serif;
	font-size:1.2em;
	width:90%;
	text-align:center;
	padding:30px 0 0px;
	margin: 40px auto;
	background-image:url('../images/leaf02.png');
	background-repeat:no-repeat;
	background-position:center top;
 }
 
 

.mark03{
	font-family: 'Mallanna', sans-serif;
	font-size:1.2em;
	width:90%;
	text-align:center;
	padding:30px 0 0px;
	margin: 40px auto;
	background-image:url('../images/leaf03.png');
	background-repeat:no-repeat;
	background-position:center top;
 }
 
 

.mark04{
	font-family: 'Mallanna', sans-serif;
	font-size:1.2em;
	width:90%;
	text-align:center;
	padding:30px 0 0px;
	margin: 40px auto;
	background-image:url('../images/leaf04.png');
	background-repeat:no-repeat;
	background-position:center top;
 }
 
 
#explain{
	background-color:#fff;
	width:950px;
	padding:10px 0 90px;
	margin: auto;
	}

.botton01 a{
	 font-size:1.13em;
	line-height:58px;
	 color:#fff;
	 background-color:#0095CD;
	 padding:20px 90px;
	text-align:center;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	 width: 25.5%;
 }
 
.botton01 a:hover{
 background-color:#a3cbdc;
 padding:20px 90px;}
 
 
.text01{
	background-image:url('../images/sitdown.png');
	background-repeat:no-repeat;
	background-position:right top;
	height:500px;
	font-size:0.9em;
	line-height:38px;
	text-align:left;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
 }
 
 
 .text02{
 font-size:0.9em;
 line-height:30px;
	text-align:left;
		font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
		 width: 43%;
	margin: 0 5% 0% 10%;
	float: left;
	display: block;
 }
 
 .text03{
	 
	margin-left:90px;
 font-size:0.8em;
	line-height:24px;
	width:90%;
 }
 
  .text04{
 font-size:0.8em;
	text-align:center;
	line-height:24px;
	 width:100%;
	 margin:auto;
 }

 .text04 .tele{
	 margin:10px auto;
	 width:21%;
	 font-size:1.8em;
	 color:#26480a;
	background-image:url('../images/freedial.png');
	background-repeat:no-repeat;
	background-size:16%;
	background-position:21% 0%;
	padding: 0 0 0 60px;
	 }
 .text04 .company{
	 font-size:1.2em;
	 margin:10px auto;
	 width:90%;
	 }
  .text05{
 font-size:0.9em;
	text-align:center;
	line-height:24px;
 }
 
  .text06{
  margin:50px 0 90px 0;
 font-size:0.9em;
	text-align:center;
	line-height:24px;
 }
 
  .freecup{
	padding:15px;
	width:630px;
	height:350px;
	background-color:#d5effc;
	margin:auto;
	font-size:0.8em;
	}

  .freecup .cup{
	padding:10px;
	margin: 5% 5% 1% 2%;
	float: left;
	display: block;
	margin:auto;
	}
	
  .freecup .ftext{
	font-size:0.95em;
	padding:10px 0 0 25px;
	line-height:16px;
	height:auto;
	float: left;
	display: block;
	}
	
  .freecup span{
  line-height:28px;
 font-size:1.12em;
	}
	
  .freecup p{
  line-height:0px;
 font-size:1.20em;
	}

	 
/* Line-up ALL*/
#lineup{
	margin:auto;
	padding:120px 0 ;
	}
	
	
#lineup h2 {
    overflow: hidden;
    text-align: center;
	font-size:1.4em;
	text-align: center;letter-spacing: 0.09em;
	font-family: 'Mallanna', sans-serif;
	font-weight:normal;
	width:75%;
	margin:auto;
}
 
#lineup h2 span {
    display: inline-block;
    padding: 0 1.5em;
    position: relative;
}
 
#lineup h2 span:before,
#lineup h2 span:after {
    border-top: 1px solid #0095CD;
    content: "";
    position: absolute;
    top: 50%;
    width: 99em;
}
 
#lineup h2 span:before {
    right: 100%;
}
 
#lineup h2 span:after {
    left: 100%;
}

#product{
	margin:auto;
	width:960px;
	
}

.producttwo{
	margin:auto;
	float:left;
	margin: 0 30px 60px 80px;
	text-align: center;
}

.producttwo h4{
	font-weight:normal;
	font-size:1.1em;
	text-align:center;
	height:25px;
	margin:20px 0 30px -20px;
	}

.producttwo .exp{
	padding:5px;
	font-size:0.73em;
	text-align: center;
	line-height:20px;
}

.producttwo p{
	font-size:1.4em;
	text-align: center;
	line-height:2px;
}
.productd {
	float: right;
	display: block;
	margin: 0 30px 0px 0px;
	}


/* Line-up ALL*/

#footer{
 font-size:0.8em;
 color:#fff;
	height:auto;
	padding:30px;
	background-color:#0095CD;
	text-align:center;
	font-weight:normal;
  text-align: center;letter-spacing: 0.11em;
  font-family: 'Mallanna', sans-serif;
	}