@charset "utf-8";
/*
/////////////////////////////////////
CSS for Index
Made by Huongnt
/////////////////////////////////////
*/
/*----------------Main Visual--------------------*/
#Main-visual {
	margin:0 auto;
	width:100%;
	position:relative;
	height:650px;
	z-index:-10;
	background:url(../images/index/main.jpg) center top no-repeat;
	background-size:cover;
}
.inner-visual{
	width:1266px;
	position:relative;
	margin:0 auto;
}
#waveWrapper{
	position: absolute;
	height:75px;
	width:100%;
	bottom:0;
	z-index: 999999;
}

.add{
	padding-top:30px;
}

.add table{
	width:80%;
	margin:0px auto 10px;
	border:5px dotted white;
}

.add th,td{
	font-size:16px;
	color:black;
	padding:5px 3px;
}
.add th{
	width:30%;
	vertical-align:top;
	text-align:center;
	padding-right:30px;

}

.map{
	/* width:80%; */
	margin-left:auto;
	margin-right:auto;
}


.bg-mainvisual1 #wave{
	display: block;
	background:url(../images/index/bg_mainvisual.png) center top repeat-x;
	width: 1911px;
	height: 75px;
	float: left;
}
.bg-mainvisual{
	width:100%;
	height: 178px;
	position:absolute;
	left:0;
	bottom: 20px;
	z-index:9999999;

}
#surfer{
	display: block;
	width:960px;
	height: 178px;
	margin:0 auto;
	position: absolute;
	background: url(../images/index/bg_mainvisual2.png) no-repeat;
}
#yashi{
	display: block;
	width:145px;
	height: 258px;
	margin:0 auto;
	position: absolute;
	bottom: -50px;
	background: url(../images/index/yashi.png) no-repeat;
	background-size:120px;
}
.main-inner {
	position:relative;
}
.banner-link{
	padding-top:10px;
}
.banner-link li{
	float:left;
	margin-right:30px;
}
.banner-link li.end{
	margin-right:0 !important;
}
.banner-link li a{
	display:block;
}
.banner-link1{
	padding:30px 0;
}
.banner-link1 li{
	float:left;
	width: 310px;
	margin-right:15px;
	position: relative;
}
.banner-link1 li.end{
	margin-right:0 !important;
}
.banner-link1 li .hoverSlide{
	display:block;
	height: 310px;
	padding: 5px;
	position: relative;
	overflow: hidden;
}
.banner-link1 li .hoverSlide .hoverImage{
	position: absolute;
	height: 310px;
	left: 310px;
	z-index: 99;
	background: #000;
}
.banner-link1 li .frame{
	display: block;
	width: 300px;
	height: 310px;
	position: absolute;
	border: 5px solid  #fff;
	top: 0;
	z-index: 99;
	cursor: pointer;
}
.banner-link1 li .frame1{
	display: block;
	width: 310px;
	height: 320px;
	position: absolute;
	top: 0;
	z-index: 999;
	background-image: url(../images/index/cover_gallery.png);
	background-position: 50% 0;
	background-repeat: no-repeat;
	cursor: pointer;
}
.banner-link1 li .frame1 a{
	display: block;
	height: 320px;
}
.banner-link1 li .frame2{
	display: block;
	width: 310px;
	height: 320px;
	position: absolute;
	top: 0;
	z-index: 999;
	background-image: url(../images/index/cover_staff.png);
	background-position: 50% 0;
	background-repeat: no-repeat;
	cursor: pointer;
}
.banner-link1 li .frame2 a{
	display: block;
	height: 320px;
}
.main-inner1 {
	position:relative;
	padding:30px 0 40px;
}
.facebook{
	float:left;
	background:url(../images/index/facebook.png) left top no-repeat;
	padding:5px;
	width:455px;
	height:240px;
}
.m-news{
	float:right;
	/*background:url(../images/index/bg_news.png) left top no-repeat;*/
	width:455px;
	/*height:240px;*/
	padding:5px;
}
.m-news-list{
	/*height:135px;*/
	overflow: auto;
	padding:5px 25px 0 25px;
}
.m-news-list li{
	padding:6px 0 5px 5px;
	border-bottom:1px dotted #c3a591;
}
.m-news-list li a{
	font-size:100%;
	text-decoration:none;
	color:#333;
}
.m-news-list li a span{
	font-weight:bold;
	padding:3px 0;
	color:#632c0e;
}

#news_wrapper{
	width: 425px;
	height: 140px;
	margin: 0 auto;
}


body .plugin{
	overflow: auto !important;
}
.facebook h2{
	position: relative;
	z-index: 999;
}
.fb-like-box{
	position: relative;
	z-index: 1;
	top: -34px;
}

#cover{
	background: rgb(255,255,255);
	background-color: rgba(255,255,255,0.7);
	z-index: 9999999;
}

#cover2 {
	background: rgb(255,255,255);
	background-color: rgba(255,255,255,0.7);
	z-index: 9999999;
}

#concept_detail{
	width: 800px;
	height: 450px;
	display: none;
	z-index: 9999999;
}

#concept_detail p{
	text-align:center;
}

#concept_detail2 {
	width: 800px;
	height: 450px;
	display: none;
	z-index: 9999999;
}

#concept_detail2 p{
	text-align:center;
}


span.twitterColor { color:rgba(39,179,246,1.00);}
span.facebookColor { color:rgba(17,113,248,1.00);}
span.googleColor { color:rgba(254,87,90,1.00);}
span.priceText { font-size:16px;}.banner-menu {
	padding: 0px;
	width: 660px;
	margin-top: 0px;
	margin-right: 150px;
	margin-bottom: 0px;
	margin-left: 150px;
}


/*20160516追記*/
.bnr_recruit{
	float: left;
	width: 465px;
	height: 70px;
	padding-top: 5px;
}

}
.banner-link1 li .frame3{
	display: block;
	width: 310px;
	height: 320px;
	position: absolute;
	top: 0;
	z-index: 999;
	background-image: url(../images/index/cover_staff.png);
	background-position: 50% 0;
	background-repeat: no-repeat;
	cursor: pointer;
}
.banner-link1 li .frame3 a{
	display: block;
	height: 320px;
}
#Nav{
	margin-top:20px;
}
.sns{
	text-align:center;
	margin-top:20px;
}
.sns img{
	width:42px;
	margin:10px;
	height:42px;
}
.header-content {
	width:100%;
}
.concept{
	margin-top:4em;
	text-align:center;
}
.contact_area{
	text-align:center;
	margin:2em;
}
.contact_area{
	text-align:center;
	margin:2em;
}
.contact_area img{
	margin:0 15px;
}
.kodawari{
	width:740px;
	text-align:center;
	margin:4em auto;
	background:rgba(255, 255, 255, 0.8);
	padding:15px;
}
.kodawari .kodawari_logo{
	margin:2em 0;
}
.kodawari a{
	margin:2em 0;
	display:block;
}
.topics_pager_nav td{
	text-align:center!important;
	display:none;
}
.kodawari.bbs a{
	margin:2em 0;
	display:inline;
}
.kodawari.bbs .span_4 figure:nth-child(2){
	display:none;
}
.kodawari .contact_area a{
	display:inline-block;
}
.contact_area a{
	background:#cdb67d;
	color:#fff;
	padding:.5em 1.8em .5em 1em;
	margin:.5em;
	font-family:"Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	position:relative;
	transition:.4s;
}
.contact_area a:after{
  position:absolute;
  font-family:'FontAwesome';
  content:'\f054';
  font-size:.8em;
  top:45%;
  margin-top:-.5em;
  font-weight:normal;
  right:.7em;
}
.kodawari table{
	width:100%;
}
.kodawari table td,
.kodawari table th{
	border:1px solid #999;
	text-align:left;
	font-size:14px;
	padding:1em;
}
.map{
	/* width:770px; */
	margin:4em auto;
	display:block;
}

/* #vega{
	height:5503px;
} */
.shopinfo ul{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}
.shopinfo ul li{
	width:32%;
}
.shopinfo ul li img{
	max-width:100%;
	display:block;
	margin-bottom:.5em;
}

.shopinfo ul li figure img{
	max-width:100%;
	display:block;
	margin:0 auto .5em;
}

.kodawari.concept {
	font-family:"Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
	font-size:15px;
	line-height:2;
	text-align:left;
}
.kodawari.concept h2{
	font-size:22px;
	color:#cca337;
	font-weight:bold;
}
.kodawari strong{
	color:#ff960e;
	font-size:1.2em;
}
.gutters .span_4 img{
	max-width:100%;
}
.gutters{
	margin:3em 0;
	border-bottom:1px dotted #cdb67d;
	padding-bottom:2em;
}
.kodawari.map{
	padding:0;
	position:relative;
}
.address{
	/* position:absolute; */
	/* top:50px; */
	text-align:left;
	/* right:32px; */
	width:200px;
	background:rgba(15, 179, 165, 0.4);
	padding:1em;
	margin: auto;
}
.address h3{
	font-weight:bold;
	color:#5695ff;
}
.address a{
	margin:0;
}