@charset "utf-8";
/* common
------------------------------*/
dt,
dd {
	vertical-align: top;
}
.sp {
	display: none;
}
/* body
------------------------------*/
body {
	text-align: center;
	background: url(../img/share/bg.jpg) center top;
}
/* container
-----------------------------------------*/
#container {
	width: 100%;
	overflow: hidden;
	min-width: 960px;
}
/* #hd 下層ページのみ
-----------------------------------------*/
#hd {
	position: relative;
	width: 960px;
	height: 80px;/*109px;*/
	margin: 0 auto;
}
#hd .logo {
	position: absolute;
	left: 0;
	top: 19px;
}
#hd .sns {
	position: absolute;
	right: 0;
	top: 24px;
	zoom: 1;
}
#hd .sns li {
	float: left;
}
#hd .sns:after {
	content: "";
	display: block;
	clear: both;
}
/* #ft
------------------------------------------*/
#ft {
	width: 100%;
	background: #d2f9fc;
	border-top: 20px solid #e3fbfd;
	margin-top: 9px;
}
#ft .nav {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 30px;
	display: flex;
}
#ft .nav:after {
}
#ft .nav .main,
 #ft .nav .avance,
 #ft .nav .nailavance,
 #ft .nav .leinail,
 #ft .nav .eyeavance {
	text-align: left;
}
#ft .nav .main {
	padding: 0;
}
#ft .nav .avance {
	padding: 0 0 0 25px;
}
#ft .nav .nailavance {
	padding: 0 0 0 25px;
}
#ft .nav .eyeavance {
	padding: 0 0 0 25px;
}
#ft .nav li a {
	background: url(../img/share/ft_arw.png) 0 50% no-repeat;
	padding-left: 18px;
	text-decoration: none;
	color: #ee86a2;
}
#ft .nav li a:hover {
	text-decoration: underline;
}
#ft .nav .avance h3 a img,
 #ft .nav .nailavance h3 a img,
 #ft .nav .leinail h3 a img,
 #ft .nav .eyeavance h3 a img {
	padding: 0 0 0 8px;
}
#ft .cr {
	padding: 32px 0 34px;
	background: #bdf1f3;
	color: #ee86a2;
	font-weight: bold;
}
/* #nav
----------------------------------------*/
#hnav {
	margin: 0 auto;
	width: 960px;
	height: 173px;
	position: relative;
}
#hnav .bg {
	width: 1068px;
	height: 173px;
	margin-top: 0;
	margin-left: -54px;
	background: url(../../img/share/nav_bg.png) no-repeat;
}
#hnav .bg:after {
}
#hnav ul {
	padding-left: 54px;
	display: flex;
}
#hnav ul.gnav {
	padding-top: 5px;
}
#hnav ul li {
}
#hnav ul.bnav li {
	background: #ffadc8;
}
#hnav ul.bnav li.on img {
	opacity: 0.8;
}
/* topicpath
--------------------------------------*/
.content .topicpath {
	text-align: left;
	padding: 18px 0 0 54px;
}
.content .topicpath img {
	display: none;
}
/* topicpath
--------------------------------------*/
.bdBrand .content #snav {
	margin: 20px auto 32px;
}
/* snav
--------------------------------------*/
#snav {
	width: 960px;
	border-bottom: 3px solid #ee698b;
	margin: 46px auto 0;
}
#snav:after {
	content: "";
	display: block;
	clear: both;
}
#snav li {
	float: left;
	color: #fff;
	line-height: 38px;
	margin-right: 3px;
}
#snav li a {
	color: #fff;
	text-decoration: none;
	display: block;
	width: 189px;
	height: 38px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
}
#snav li a:link,
 #snav li a:visited {
	background: #ffadc8;
}
#snav li.on a:link,
 #snav li.on a:visited,
 #snav li a:hover,
 #snav li a:active {
	background: #ee698b;
}
#snav li a .jq_wrapinner_arw {
	background: url(../../img/recruit/snav_arw.gif) 0 50% no-repeat;
	padding-left: 20px;
}
/* .content
---------------------------------------*/
.content {
	margin: 10px auto 30px;
	width: 960px;
}
.content .bg {
	width: 1052px;
	margin-left: -46px;
	background: #fff;
	box-shadow: 0 0 3px 3px rgba(0,0,0,0.02);
}
.content:before {
}
.content:after {
}
.content .bg:after {
	content: "";
	display: block;
	clear: both;
}
/* content_box
--------------------------------------------------------*/
.copy {
	padding: 0 0 2em;
}
/* content_box
--------------------------------------------------------*/
.content_box {
	width: 970px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.content_box * {
	box-sizing: border-box;
}
.content_box .sec {
	border: 1px solid #eee;
	width: 314px;
	margin: 0 0 18px 9px;
	padding: 16px;
	text-align: left;
}
.content_box img {
	max-width: 100%;
}
.content_box h2,
 .content_box h3 {
	font-family: "游明朝", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 134%;
	line-height: 1.4;
	padding: 1.2em 0 1.0em;
	width: 100%;
}
.content_box .notes,
.content_box .notes {
	font-size: 10px;
	padding: 1em 0 0 0;
	border-top: 1px dotted #ddd;
	margin: 0.5em 0 0 0;
}
.bdEyeavance .content #about h2 {
	font-family: "游明朝", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
	padding: 12px 0;
}
.content_box .link {
	background: url(http://l-bamboo.com/img/share/ft_arw.png) 0 50% no-repeat;
	padding: 4px 0 4px 18px;
	margin: 0;
	display: block;
	text-decoration: none;
	color: #ee86a2;
}
.content_box .link:hover {
	text-decoration: underline;
}
.content_box .sec .list li,
 .content_box .sec .list li {
	padding-bottom: 12px;
}
.content_box .sec .list li:last-child,
 .content_box .sec .list li:last-child {
	padding-bottom: 0;
}
.content_box .sec_wide {
	border: 2px solid #eee;
	width: 632px;
	float: left;
	margin: 0 0 18px 9px;
}
.content_box .sec_wide .sec {
	width: 284px;
	margin: 0 0 0 0;
	padding: 16px;
	float: left;
	text-align: left;
	border: none;
}
/* shops
--------------------------------------------------------*/
.content .shops {
	padding: 11px 0 74px;
	width: 968px;
	box-sizing: border-box;
	margin: 20px auto 0;
}
.content .shops * {
	box-sizing: border-box;
}
.content .shops .list {
	display: flex;
	flex-wrap: wrap;
}
.content .shops .sec {
	border: 1px solid #eee;
	width: 234px;
	margin: 0 4px 8px;
	padding: 16px;
	text-align: left;
}
.content .shops .sec h2,/*一時的な設定 削除*/
.content .shops .sec h3 {
	text-align: center;
	font-size: 100%;
	width: 198px;
	margin: 30px 0;
}
.content .shops .sec h2 img,/*一時的な設定 削除*/
.content .shops .sec h3 img {
	margin-bottom: 6px;
}
.content .shops .sec .address,
.content .shops .sec address {
	width: 100%;
}
.content .shops .sec address .location {
	display: block;
}
.content .shops .sec address .tel {
	display: block;
}
.content .shops .sec address .tel:before {
	content: "Tel:";
}
.content .shops .sec .blog {
	margin-top: 10px;
	border: 1px solid #dadada;
}
.content .shops .sec .blog dt {
	width: 100%;
	border-bottom: 1px solid #dadada;
	background: -moz-linear-gradient(top, #fff4e8, #ffedd7);
	background: -webkit-gradient(linear, center top, center bottom, from(#fff4e8), to(#ffedd7));
}
.content .shops .sec .blog dt a {
	display: block;
	color: #fe7b4f;
	padding-left: 25px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	background: url(../../img/avance/btn_arw1.gif) 10px 50% no-repeat;
	border: 1px solid #fff;
}
.content .shops .sec .blog dd {
	padding: 10px;
}
.content .shops .sec .blog dd span {
	color: #fe7b6e;
}
.content .shops .sec .blog dd a {
	display: block;
	color: #222;
	text-decoration: none;
	width: 100%;
	height: 16px;
	overflow: hidden;
}
.content .shops .sec .blog dd a:active,
 .content .shops .sec .blog dd a:hover {
	text-decoration: underline;
}
.content .shops .sec ul {
	margin-top: 10px;
	width: 198px;
	border: 1px solid #dadada;
	border-bottom: none;
}
.content .shops .sec ul li {
	width: 100%;
	border-bottom: 1px solid #dadada;
	background: #fffcf9;
}
.content .shops .sec ul li a {
	display: block;
	color: #222;
	padding-left: 25px;
	width: 171px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	background: url(../../img/avance/btn_arw1.gif) 10px 50% no-repeat;
}
.content .shops .sec .map a:hover,
 .content .shops .sec .map a:active,
 .content .shops .sec ul li a:hover,
 .content .shops .sec ul li a:active {
	text-decoration: underline;
}
.content .shops .sec .reserved {
	margin: 10px 0 0 0;
}
/*
		.content .shops .sec .txt{
			padding-top:18px;
			line-height:1.8;
		}
		
		.content .shops .sec .txt a{
			color:#f28787;
			font-size:88%;
			font-weight:bold;
			padding-left:20px;
			text-decoration:none;
			background:url(../../img/share/arw1.gif) 0 50% no-repeat;
		}
		.content .shops .sec .txt a:active,
		.content .shops .sec .txt a:hover{
			text-decoration:underline;
		}
		
		*/


/* form_table
--------------------------------------------------*/
table.form_table {
	border-collapse: collapse;
	width: 888px;
}
table.form_table tr {
	border-bottom: 1px dotted #dadada;
}
table.form_table th {
	width: 159px;
	margin: 8px 0;
	padding: 8px 0;
	color: #fff;
	background: #ee86a2;
	float: left;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
table.form_table td {
	vertical-align: top;
	text-align: left;
	margin: 8px 0 8px 58px;
	padding: 8px 0;
	width: 600px;
	float: left;
}
table.form_table td textarea,
table.form_table td input {
	margin-top: -8px;
}
/* .form
------------------------------------------------*/
form table.form_table td {
	padding-bottom: 0;
}
.conf form table.form_table td {
	font-size: 134%;
}
.comp {
	font-size: 117%;
}
form select {
	font-size: 134%;
	height: 33px;
	padding: 0 0 0 6px;
}
form input[type="text"] {
	font-size: 134%;
	padding: 0 6px;
	width: 240px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #dadada;
	margin-right: 10px;
}
form textarea {
	font-size: 134%;
	padding: 6px;
	width: 480px;
	height: 118px;
	border: 1px solid #dadada;
	margin-right: 10px;
}
form input[type="submit"] {
	font-size: 134%;
	width: 200px;
	height: 38px;
	line-height: 31px;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: -moz-linear-gradient(top, #ffc774, #fe9900);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffc774), to(#fe9900));
	border: none;
	margin-top: 17px;
}
/* #insta
---------------------------------------*/
.content_box#insta h2 {
	color: #ed698a;
	font-size: 230%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: 1.4;
	letter-spacing: 0.05em;
	padding: 1em 0 1.5em;
}
.content_box#insta ul {
	display: flex;
	flex-wrap: wrap;
}
.content_box#insta ul li .img img {
	width: 100%;
}
.content_box#insta ul li:nth-child(4n+2) {
}
.content_box#insta ul li {
	width: 20%;
	text-align: center;
	padding: 0 0 2em;
}
.content_box#insta ul li .img {
}
.content_box#insta ul li .img a {
	position: relative;
	display: block;
	width: 170px;
	height: 170px;
	background: #fff;
	border-radius: 109px;
	overflow: hidden;
	border: 1px solid #c7c8c9;
	margin: 0 auto;
}
.content_box#insta ul li .img a img {
	z-index: 2;
	position: relative;
	border-radius: 109px;
	width: 100%;
	height: auto;
}
.content_box#insta ul li .img a span {
	z-index: 1;
	position: absolute;
	top: 52px;
	left: 0;
	text-align: center;
	color: #fff;
	width: 100%;
	line-height: 1.8;
}
.content_box#insta ul li .img a span strong {
}
.content_box#insta ul li .img a:hover {
	background: #000;
}
.content_box#insta ul li .img a:hover img {
	opacity: 0.5;
	transition: opacity 0.4s ease;
}
.content_box#insta h2 {
	color: #ed698a;
	font-size: 230%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: 1.4;
	letter-spacing: 0.05em;
}
.content_box#insta ul li .shop {
	width: 170px;
	padding: 1em 0 0.5em;
	border-bottom: dotted 1px #c7c8c9;
	margin: 0 auto 0.5em;
	font-size: 14px;
}
.content_box#insta ul li .name {
	font-size: 14px;
}
.content_box#insta ul li .youtube_ch{
    display: inline-block;
    margin-left: 10px;
}
.content_box#insta ul li .youtube_ch img{
    width: 25px;
    vertical-align: text-bottom;
}
/* .viewmode
------------------------------------------------*/
.viewmode a {
	display: block;
	width: 100%;
	font-size: 500%;
	padding: 40px 0;
	text-decoration: none;
	color: #fff;
	background: #000;
}
