/* CSS Document */
*{
  margin:0;
  padding:0;	
}

body {  
  background:#000 ;  
  font-size:80%;  
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}  

html {  
  overflow-y:scroll;  
} 

p,li,dt,dl,h1,h2,h3 {  
  line-height:1.6;  
  color:#fff;
}  

p {  
  margin:0 0 0 0;  
}  

li {  
  list-style-type:none;  
} 


 
img{
	display: block;
	margin: 0 auto;
	padding: 0;
	border:0;  
}


/* 
Link Color [ 
----------------------------------------------------------- */  
a:link {  
  color:#fff;  
  text-decoration:none;  
}  
a:visited {  
  color:#fff;  
  text-decoration:none;  
}  
a:hover {  
  text-decoration:none;  
}  
a:active {  
  color:#666;  
}  


/* 
contents [ 
----------------------------------------------------------- */  
.container{
  width:100%;	
}


.header{
  width:100%;	
}

.navi{
  width: 100%;
  height:100px;
  background-color:#000;
  opacity:0.9;
  position:fixed;
  z-index:10000;
}

.navi ul{
  width: 70%;
  margin: 0px auto;	
  font-size:20px;
  font-weight:bold;  
}

.navi ul li a{
	width: 20%;
	float: left;
	padding:5px 0;
	text-align: center;
	color: #fff;
	text-decoration: none;
	border-left: 1px solid #777;
	box-sizing: border-box;
	margin-top:40px;
	    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.navi ul #line1 a{
	width: 20%;
	float: left;
	padding:5px 0;
	text-align: center;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #777;
	box-sizing: border-box;
	    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}


.navi ul li a:hover{
	background:#888;
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

#slider{
  margin-bottom:80px;
  border-bottom:rgba(160,160,160,1.00) solid 1px;
  border-top:rgba(160,160,160,1.00) solid 1px;	
  width:100%;	
}

.bxslider img{
  width:100%;
  max-width:1980px;	
}

.main{
  max-width:1366px;
  margin:0 auto;	
  clear: both;
}

.contents div img{
  width:100%;
}

.contents3 div img{
  width:100%;
}

.contents{
  font-size:1.6em;	
  color:#fff;
  clear:both;
  max-width:1366px;
  margin:0 auto;
}

.contents img{
width:100%;
}

.contentstitle{
  width:40%;
  margin:0 auto;
  margin-top:40px;
  margin-bottom:40px;
}

.contentstitle2 img{
width:100%;
}

.contentstitle2{
  width:40%;
  margin:0 auto;
  margin-bottom:40px;
}

.contentstitle img{
width:100%;
}

#content_line{
max-width:1366px;
margin:0 auto;	
}

#content_line img{
width:100%;
}

.contentsArea{
  margin:0 auto;
  margin-bottom:40px;
  width:100%;
}

.contentsArea_img{
  width:100%;
  float:left;
  margin: 0 0 80px 0%;
}


.contents3{
  font-size:1.4em;	
  color:#fff;
  clear:both;
  max-width:1366px;
  height:625px;
  margin:0 auto;
  margin-top:40px;
}


.contentsArea2{
width: 100%;
float: left;
}

.drink{
float: left;
font-size: 0.65em;
background-color: #c19e62;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100px;
text-align: center;
margin-bottom: 0px;	
clear:both;
height: 30px;
margin-left: 3%;
}

.drink p{
padding:7px 0;	
}

.buy{
float: left;
font-size: 0.8em;
background-color: #c5c5c7;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100px;
text-align: center;
clear:both;
margin-top: 80px;
height: 30px;
margin-left: 3%;
}

.buy p{
color:#000;	
padding: 4px 0;
font-weight:bold;
}

.ca2_head{
clear:both;	
border-bottom:rgba(255,255,255,1.00) solid 1px;
height: 80px;
margin-left: 3%;
}

.ca2_head p{	
float: left;
width: 50%;
font-size: 1.4rem;
margin-left: 5%;
}

.ca2_bar{
  width: 17%;
  float: left;
  margin-left: 2.5%;
}

.ca2_bar img{
  width: 100% !important;
  /*! float: left; */
  margin-bottom:20px;
  display: initial;
}

.ca2_bar p{
	
}

.ca2_bar #p2{
	
}




.ca3_bar{
  width: 22%;
  float: left;
  margin-left: 2.5%;
}

.ca3_bar img{
  width: 100% !important;
  /*! float: left; */
  margin-bottom:20px;
  display: initial;
}

.ca3_bar p{
	
}

.ca3_bar #p2{
	
}


.contentsArea2 img{
margin-top:40px;	
}

.h3text{
  font-size:1.35em;	
  width: 45%;
  float: left;
  padding-top: 25px;
}

.ca2_text{
clear:both;	
font-size: 1.2em;
margin: 0 3% 0 3%;
text-align: justify;
text-justify: inter-ideograph;
letter-spacing: -0.3px;
}

.contents4{
  font-size:16px;	
  color:#fff;
  clear:both;
}

.contentsArea3{
width:100%;
height:520px;
margin:0 auto;
margin-top:40px;
background-image:url(../images/back.jpg);
background-size:cover;
clear:both;	
}

.contentsArea3 p{
font-size:1.4em;
}

.contentsArea3text{
width: 29%;
padding: 0 2%;
float: left;
border-right: rgba(127,127,127,1.00) solid 1px;
height: 200px;
margin-top: 3.3%;
}

.contentsArea3text2{
width: 29%;
height: 200px;
padding: 0 2%;
float: left;
margin-top: 3.3%;
}

.contentsArea5{
width:100%;
}

.h3text2{
  font-size:1.6em;	
  margin-bottom:8px;
  line-height:1.6em;
border-bottom:rgba(255,255,255,1.00) solid 1px;
width:100%;
}

.contentsArea5 h3{
float:left;
line-height: 0.8;
}

.contentsArea5 p{
clear:both;
}

.border_bottom{
border-bottom:rgba(255,255,255,1.00) solid 1px;
}

.sizeup1{
font-size: 1.6em;
margin-right: 20px;
}

.sizeup2{
font-size: 1em;
letter-spacing: 30px;
margin-left:30px;
}

.sizeup3{
font-size:1em;
margin-right:20px;
margin-left:60px;	
}

.sizeup4{
font-size:0.6em;	
margin-right:5px;
}

.sizeup5{
font-size:1.4em;	
}

.sizeup6{
font-size: 1em;
letter-spacing: 30px;
margin-left:30px;
color:rgba(0,0,0,1.00);
}

.sizedown{
font-size:0.8em;
}

.contentsArea5_img{
  width:50%;
  float:left;
  margin-top:60px;
}

.contentsArea5text{
width:45%;
float:left;	
margin:1%;
}

.contentsArea5text h2{font-size: 1.6em;margin:40px 0;}

.icon{
width:5%;
float:left;	
margin-right:10px;
}

.banner{
width:25%;
float:right;	
margin-right:10px;
}

.banner2{
width:25%;
float:left;	
margin-left:10px;
}

.text p{
line-height:1.6em;
padding:10px 0;
text-align: justify;
text-justify: inter-ideograph;
letter-spacing: -0.3px;
}
.footer{
  clear:both;
  width:100%;
  border-top:rgba(255,255,255,1.00) solid 1px;	
  margin-top:100px;
  padding-top:50px;
}

.footer_content{
  width:80%;	
  margin:0 auto;
}

.footer_left{
  font-size:16px;
  float:left;	
  margin:40px 0;
}

.footer_right{
  font-size:30px;
  float:right;
  margin:40px 0;
}

.footer_right p{
	line-height:1 !important;	
}

.copyright{
  clear:both;
  text-align:center;
  font-size:16px;	
  margin-tbottom:40px;
}

.page-top {
    position: fixed;
    bottom: 60px;
    right: 60px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	    border-radius: 5px;
    font-size: 12px;
    -ms-filter: "alpha(opacity=60)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}



.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;

}

.button::before{
width: 40px;
height: 40px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #fff;
}
.button::after{
left: 5px;
box-sizing: border-box;
width: 3px;
height: 3px;
border: 15px solid transparent;
border-bottom: 20px solid #000;
top:-7px;
}

.bxwrapper{
margin-top:100px;	
}

.clear {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}

.ggmap {
position: relative;
padding-top: 30px;
height: 400px;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-top:12px;
}

.floart{
  float: left;
  width: 100%;
}

.floart2{
  float: left;
  width: 95%;
  margin-left: 2.5%;
}

.floart3{
  float: left;
  margin: 0px 0 80px 0;
  width: 100%;
}

.bold{
font-weight:bold;	
font-size: 1.1em;
}


.p3{
	
  font-size: 1.1rem;
	}
	
.smalltext{
font-size:0.8em;	
}
	
@media only screen and (min-width: 1025px){
.textflort{
height:30px;
margin-top:40px;
padding-bottom:10px;
border-bottom:rgba(255,255,255,1.00) solid 1px;
}
}

@media only screen and (max-width: 1024px){
.textflort{
height:30px;
margin-top:40px;
padding-bottom:10px;
}
}
@media only screen and (max-width: 1024px){
.contentsArea5 h3 {
    line-height: 0.8;
}
}
@media only screen and (max-width: 1024px){
.sizeup1{font-size: 1.3em;margin-right: 5px;}

.sizeup2{
font-size: 1em;
letter-spacing: 5px;
margin-left:5px;
}

.sizeup3{
font-size:1em;
margin-right:5px;
margin-left:5px;	
}

.sizeup4{
font-size:0.6em;	
margin-right:5px;
}

.sizeup5{
font-size:1.4em;	
}

.sizeup6{
font-size: 1em;
letter-spacing: 5px;
margin-left:5px;
color:rgba(0,0,0,1.00);
}
}