@charset "UTF-8";
/* =================================
Top Page CSS
================================= */
#main { padding-top: 0;}

.slider_box_01 p,
.slider_box_01 p img,
.slider_box_01 { width: 100%; }

.slider_box_01 {
	width: 100%;
	height: auto;
	position: relative;
	margin: 0 auto;
	padding-top: 90px;
}

.slider_box_02 {
	width: 100%;
	max-width: 1290px;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
}
.slick-next {
	right: 0!important;
}
.slick-prev {
	left: 0!important;
}
#warper .slider_box_02 h2 { font-weight: 300; }

#warper .slider_box_02 h2:after { display: none; }

.slider_box_02 .box_silder {
	max-width: 246px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin: 0px 25px;
}

.slider_box_02 .box_silder img {
	width: 100%;
	height: auto;
}

.slider_box_02 .box_silder h2 {
	font-size: 16px;
	font-family: Open Sans, serif ;
	width: 100%;
	text-align: center;
	margin: 30px 0;
}

.slider_box_02 .box_silder p { 
	font-size: 12px;
	line-height: 1.6em;
	color: #999999;
	margin-top: 10px;
	text-align: left;
}


.slider_box_02 .slick-next {
	right: 7%;
	top: 48%;
	width: 61px;
	height: 61px;
}

.slider_box_02 .slick-prev {
	left: 7%;
	z-index: 99999;
	width: 61px;
	height: 61px;
	top: 48%;
}



.slider_box_02 .slick-prev:after {
	content: "";
	clear: both;
	position: absolute;
	width: 200px;
	height: 500px;
	background: rgba(255,255,255,.5);
	top: -100px;
	left: -90px;
}

.slider_box_02 .slick-next:after {
	content: "";
	clear: both;
	position: absolute;
	width: 200px;
	height: 500px;
	background: rgba(255,255,255,.5);
	top: -100px;
	right: -90px;
}

.slider_box_02 .slick-next::before,
.slider_box_02 .slick-prev::before {
	content: '';
	width: 61px;
	height: 61px;
	background: url(../img/pic_slider_box_prev.png) no-repeat;
	display: block;	
}

.slider_box_02 .slick-next::before {
	background: url(../img/pic_slider_box_next.png) no-repeat;
	height: 62px;
}



.news { 
	width: 881px;
	background: url(../img/border_pt_01.jpg);
	margin: 50px auto;
	padding: 40px;
	box-sizing: border-box;
}

.news .group_news {
	width: 100%;
	background-color: #fff;
	padding: 45px;
}

.new_titile { padding: 0 0; }

#warper h2 {
	font-size: 20px; 
	font-family: 'Open Sans', sans-serif;
	/*font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;*/
	width: 100%;
	text-align: center;
	color: #4d4d4d;
	position: relative;
	font-weight: 500;
}

#warper h2:after {
	display: block;
	content: "";
	clear: both;
	background: url(../img/line_title.png) no-repeat;
	width: 69px;
	height: 3px;
	margin: 15px auto 0;
}

.news .date_post_new { margin: 34px 0 0 24px; }

.news .date_post_new p {
	width: 100%;
	margin-bottom: 15px; 
}

.news .date_post_new p span {
	display: inline-block;
	vertical-align: super;	
}

.news .date_post_new p span:first-child {
	width: 100px;
	height: 33px;
	line-height: 33px;
	background-color: #E2E8E5;
	text-align: center;
	border-radius: 14px;
	margin-right: 10px;
}

.news .date_post_new p span:last-child:hover a {
	color: #999;
}

.button_more {
	width: 100%;
	text-align: center;
	margin-top: 32px;
	padding-bottom: 10px;
}

.blog {
	padding: 72px 0 35px;
	background-color: #f9f9f9;
}

#warper .blog h2::after { margin: 8px auto 0; }

.blog_war { margin-top: 47px; }

.blog .box_blog.left {
	width: 50%;
	height: 296px;
	display: table;
	background-color: #ececec;
	box-sizing: border-box;
	padding: 15px;
	background-image: url(../img/border_pt_03.jpg);
}

.blog .box_wp{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.blog .box_blog.left .box_content {
  background: rgba(255,255,255, .7);
  opacity: 1;
  padding: 40px;
  display: inline-block;
  vertical-align: middle;
}

.blog .box_blog.left .box_content p {
	margin-top: 29px;
	line-height: 19px;
}

.blog .box_blog.right { 
	/*width: 590px; */
	width: 48%;
}

.box_blog_post {
	float: left;
	width: 31%;
	height: 296px;
	background-color: #fff;
	display: inline-block;
	margin-right: 10px;
	text-align: center;
	padding: 20px 15px;
	cursor: pointer;
	opacity: 1;
}
.box_blog_post span {
	position: relative;
	display: block;
}
.box_blog_post img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	width: auto;
	max-height: 100%;
	height: auto;
	transform: translate(-50%,-50%);
}

.box_blog_post:hover { 
	transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	opacity: .6; 
}

.box_blog_post.last {
	margin-right: 0; 
}


.box_blog_post strong {
	display: block;
	font-size: 15px;
	color: #41D2C4;
	font-weight: 100; 
	margin: 18px 0;
}

.box_blog_post p {
	font-size: 12px;
	line-height: 1.6em;
	text-align: left; 
}

.gallery {
	background-color: #E2E8E5;
	padding: 30px 0 43px;
}

.group_gallery { text-align: center; }

.group_gallery h2 {
	width: 100%;
	font-size: 16px;
	color: #4d4d4d;
	text-align: center;
	margin: 10px 0 30px;
}

#warper .group_gallery h2::after { margin: 8px auto 0; }

.group_gallery p {
	width: 202px;
	display: inline-block;
	position: relative;
	margin: 2px 0 0 20px;
	cursor: pointer;
}

.group_gallery p.button_more { margin-top: 74px; }

.group_gallery p.first { margin-left: 0; }

.group_gallery p span {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 2px;
	left: 0;
	right: 0;
	text-align: center;
	color: #fff;
	transition: all ease .4s;
	opacity: 0;
	line-height: 1.6em;
}

.group_gallery p img {
	width: 100%;
}

.group_gallery p > span:after {
	display: block;
	content: "";
	clear: both;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000;
	 transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	opacity: .6; 

}

.group_gallery p span span {
	top: 45%;
	z-index: 9999;
	text-align: center;
	padding: 0 20px;
}

.group_gallery p:hover span	{
	transition: all ease .4s;
	opacity: 1;
}

.special {
	padding: 60px 0;
	background: url(../img/border_pt_02.jpg); 
}

#warper .special h2 { margin-top: -11px; } 

#warper	.special h2::after { margin: 8px auto 0; }


.special .box_special.left {
		/*width: 600px;*/
		width: 50%;
		height: 339px;
		padding: 23px 20px 30px;
		background-color: #EDEEF0;
}

.special .box_special.left p {
	transition: all ease .4s;
	opacity: 1;
}
.special .box_special.left p img {
	width: 100%;
}

.special .box_special.left .slick-track p img:hover {
	transition: all ease .4s;
	opacity: .6;
}

.group_special h2 { margin-bottom: 45px; }

/*.special .box_special.right {
		width: 50%;
	height: 339px;
	background: url(../img/bg_special_02.png) no-repeat ; 
}


.special .box_special.right .box_content {
	width: 452px;
	height: 226px;
	margin: 55px auto 0;
	background: rgba(255,255,255, .8);
	opacity: 1;
	text-align: center;
	padding: 25px;
}*/

.special .box_special.right {
	width: 50%;
  height: 339px;
  display: table;
  background-color: #ececec;
  box-sizing: border-box;
  padding: 15px;
}

.special .box_wp{
	display: table-cell;
  text-align: center;
  vertical-align: middle;
  border: dashed 2px #c7c7c7;
}

.special .box_special.right .box_content {
  background: rgba(255,255,255, .7);
  opacity: 1;
  padding: 40px;
  display: inline-block;
  vertical-align: middle;
}

.special .box_special.right .box_content p { margin-top: 20px; }

.special .box_special.right .box_content h3 { margin-top: 20px; }

.special .box_special.right .box_content p { line-height: 21px; }

.slick-dots { bottom: 0px; }

.slick-dots li button::before { 
	content: '';
	font-size: 9px;
	width: 10px;
	height: 9px;
	background: url(../img/dot.png) no-repeat;
}

.slick-dots li.slick-active button::before,
.slick-dots li button:hover::before {
	background: url(../img/dot_active.png) no-repeat;
}


 

.sns { padding-top: 40px;padding-bottom: 40px; }

.sns .titile_sns { width: 100%; text-align: center; margin-top: 37px; }

.sns .box_instagram p { display: inline-block; vertical-align: top; margin-right: -4px; }

.sns h3 { width: 100%; text-align: center;	margin: 36px 0 28px;font-family: 'Open Sans', sans-serif;}

.facebook.left,
.twitter.right{
	width:380px;
	height:400px;
	overflow:hidden;
}
.box_instagram{
	overflow:hidden;
}

.concept { 
	text-align: center; 
	padding: 50px 0;
	margin-top: 60px;
}

.concept strong {
	font-size: 24px;
	line-height: 1.6em;
	margin-bottom: 25px;
	letter-spacing: 3px;
	display: block;
}

.concept	p { line-height: 2.4em;font-size: 14px; }

.concept .group_concept h2 { margin-bottom: 30px; }




.shop { background-color: #EDEEF0; padding-bottom: 60px; }

.shop .button_web a img { width: 54%; }

.shop .group_shop .box_shop { width: 50%; }

.shop .group_shop h2 { padding: 60px 0 40px; }

.shop .group_shop .box_shop h3 {
	font-size: 22px;
	width: 94%;
	border-bottom: 2px dashed #7E7F7F;
	padding-bottom: 15px;
	margin-bottom: 35px;
}

.shop .group_shop .box_shop p { margin-bottom: 30px; }

.shop .group_shop .box_shop p span {
	display: inline-block;
	vertical-align: top;
	
}
.shop .group_shop .box_shop p img{ max-width: 100%;width:auto; }

.shop .group_shop .box_shop p span { line-height: 22px; }

.shop .group_shop .box_shop p span:first-child {
	width: 85px;
}

.shop .group_shop .box_shop p span.phone_01 {
	font-size: 35px;
	font-family: Open Sans, serif ;
	color: #41D2C4; 
}

.shop .group_shop .box_shop p.first span { vertical-align: middle; }

.shop .group_shop	.box_shop.right p {
	margin-bottom: 10px;
	font-size: 11px;
	text-align: center;
}

 
.shop_information { padding: 80px 0; }

.shop_information h2 { margin-bottom: 40px; }

.shop_information .box_information { 
	display: block; 
	width: 100%; 
	padding-bottom: 20px; 
	margin-bottom: 20px; 
	border-bottom: 1px solid #ddd; 
}

/*
.shop_information .information_content > p,
.shop_information .information_content .box {
	display: inline-block;
	vertical-align: top;
}
*/

.shop_img {
	width: 220px;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;

}

.shop_information .information_content .box {
	width: 430px;
	display: inline-block;
	padding-left: 20px;
}

.shop_information .information_content .box p:first-child {
	font-size: 18px;
	line-height: 1.6em;
	margin-bottom: 10px;
}

.shop_information .information_content .box p:nth-child(2) {
	font-size: 18px;
	line-height: 1.6em; 
	margin-bottom: 5px;
}

.shop_information .information_content .box p:last-child {
	font-size: 12px;
	line-height: 1.6em;
}

.shop_information .box_information .button_web {
	display: inline-block;
	width: 200px;
	height: auto;
	margin-top: 5px;
	text-align: right;
}
.shop_information .box_information .button_web img:first-child {
	margin-bottom: 5px;
}
.shop_information .box_information .button_shopmore {
	display: inline-block;
	margin-top: 10px;
	width: 200px;
	text-align: right;
}

.group_lineup { background-color: #E2E8E5; padding: 50px 0; }

.group_lineup .group_content_lineup {
	background-color: #fff;
	padding: 50px; 
}

.group_lineup .group_content_lineup .box_lineup {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin-bottom: 30px;
}

.group_lineup .group_content_lineup .box_lineup > p,
.group_lineup .group_content_lineup .box_lineup .lineup_content {
	display: inline-block;
	vertical-align: top; 
}
.group_lineup .group_content_lineup .box_lineup > p {
	width: 83px;
}
.group_lineup .group_content_lineup .box_lineup > p img {
	width: 100%;
}

.group_lineup .group_content_lineup .box_lineup .lineup_content { margin-left: 10px; width: 260px; }

.group_lineup .group_content_lineup .box_lineup .lineup_content p:first-child { font-size: 13px;font-weight: bold;margin-bottom: 15px; }

.group_lineup .group_content_lineup .box_lineup .lineup_content p:nth-child(2) { font-size: 15px;margin-bottom: 8px; }

.group_lineup .group_content_lineup .box_lineup .lineup_content p:last-child { font-size: 12px;line-height: 1.4em; }

.group_lineup .group_content_lineup .box_lineup.mr_0 { margin-bottom: 0; }

.group_lineup .group_content_lineup .box_lineup:hover { opacity: .7; cursor: pointer; }

.box_blog_post strong.sp { display: none; }

@media only screen and (max-width: 768px) {
	#main { margin-top: 20px; padding: 0;}
	.slider_box_01 {
		padding-top: 65px;
	}
	.slider_box_02 .box_silder p { 
		font-size: 11px;
		line-height: 1.6em;
		margin-top: 10px;
	}
	.slider_box_02 .box_silder h2 {
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		margin: 20px 0 15px;
	}	

	.slider_box_02 .box_silder { margin: 0 25px; }
	
	.news { padding: 30px 10px; height: auto}
	
	.news .group_news { padding: 20px 10px;}
	
	.news .date_post_new { margin: 20px 0 0 10px; }
	
	.news .date_post_new p span:last-child { 
		max-width: 65%;
		font-size: 12px;
		line-height: 1.4em;
		position: absolute;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	
	.news .date_post_new p {
		margin-bottom: 20px;
		position: relative;
	}

	.news .date_post_new p span { 
		vertical-align: middle;
	}
	
	.news .date_post_new p span:first-child {
		width: 90px;
		/*max-width: 100%;*/
		font-size: 12px;
		height: auto;
		vertical-align: top;
	}
	
	.button_more { margin-top: 25px; }
	.button_more img { width: 150px; }

	.blog_war { margin-top: 20px; }

	.blog .box_blog.right {
		width: 98%;
		max-width: 98%;
		margin: 0 auto;
		text-align: center;
		padding: 0 10px;
		float: none;
	}
	.box_blog_post {
		width: 100%;
		height: 100px;
		max-width: 100%;
		background-color: #fff;
		display: block;
		padding: 0;
		text-align: left;
		margin-bottom: 10px;
	}
	.box_blog_post strong {
			font-size: 12px;
			margin: 10px 0 0;
	}

	.box_blog_post span {
		float: left;
		position: relative;
		margin-right: 10px;
		display:block;
		width: 100px;
		height: 100px;
	}
	.box_blog_post img {
		width: auto;
		max-height: 100px;
		height: auto;
		max-width: 100px;
		top: 50%;
		left: 50%;
		position: absolute;
		transform: translate(-50%,-50%);
	}
	
	#warper h2 { font-weight: bold; font-family: 'Open Sans', sans-serif;font-size: 20px; }
	
	.blog { padding: 20px 0 20px; }
 
	.box_blog_post strong.pc { display: none; }
	.box_blog_post strong.sp { display: block; }
	
	.box_blog_post p {
		padding-top: 10px;padding-right: 10px;
	}
	.box_blog_post a {
		position: relative;
		width: 100%;
		height: 100%;
		display: inline-block;
	}
	.box_blog_post a .sp{
		padding-left: 110px;
		top: 50%;
		position: absolute;
		width: 100%;
		transform: translate(0,-50%);
	}
	.blog .box_blog.left,
	.special .box_special.right{
		display: none;
	}

	.gallery {
			padding: 20px 0;
	}

	.group_gallery .gr_sp p { width: 45%; max-width: 100%; }
	
	.group_gallery .gr_sp p img { width: 100%; }
	
	.group_gallery .gr_sp p { margin: 0 0 5px 5px; }
	
	.group_gallery .gr_sp p span { display: none; }
	
	.group_gallery .gr_sp p:nth-child(2n+1) { margin-left: 0 }
	
	.group_gallery p.button_more { margin-top: 20px; }
	
	.special {
		padding: 0 0;
		background: none;
	}
	
	.special .box_special.left {
		width: 100%;
		padding: 10px 10px 30px;
		background-color: #EDEEF0;
		text-align: center;
		float: none;
		height: auto;
	}
	
	.special .box_special.left p img { width: 100%; }
	
	.slick-dots { left: 0; }
	
	.box_instagram p { width: 30%; height: auto; }
	
	.box_instagram p img { width: 100%; }
	.box_instagram iframe { width: 100%!important; }
	
	.sns {
		width: 100%;
		text-align: center;
		padding-bottom: 0;
	}
	

	.facebook.left,
	.twitter.right{ float: none; }
	.facebook.left, .twitter.right {
		width: 100%;
	}
	
	.facebook img,
	.facebook,
	.twitter { width: 100%; }
	.facebook,
	.twitter { padding: 0 10px; }
	
	.movie p img { width: 100%; }
	
	.concept {
		padding: 20px 30px;
		margin-top: 0px;
	}
	
	.concept .group_concept h2 {
			margin-bottom: 20px;
	}
	.concept strong {
			font-size: 20px;
			margin-bottom: 10px;
			letter-spacing: 0;
	}
	.concept p {
			line-height: 2.4em;
			font-size: 12px;
			text-align: left;
	}
	.shop {
			padding-bottom: 20px;
	}



	.shop .group_shop h2 {
			padding: 30px 0 30px;
			text-align: center;
	}

	.shop .group_shop .box_shop {
		width: 100%;
		padding: 0 20px;
	}
	.shop .group_shop .box_shop h3 {
			font-size: 18px;
			width: 100%;
			border-bottom: 2px dashed #7E7F7F;
			padding-bottom: 10px;
			margin-bottom: 15px;
	}
	.shop .group_shop .box_shop p {
			margin-bottom: 15px;
			margin-top: 10px;
	}
	.shop .group_shop .box_shop p.button_web {
			text-align: center;
	}
	.shop .group_shop .box_shop p span {
			line-height: 1.6em;
			font-size: 12px;
			text-align: left;
	}
	.shop .group_shop .box_shop p span,
	.shop .group_shop .box_shop p span:first-child {
			width: 20%;
	}
	.shop .group_shop .box_shop p span.phone_01 {
			font-size: 24px;
	}

	.shop .group_shop .box_shop h3 { font-size: 16px;width: 100%; }
	
	.shop .group_shop .box_shop p span:last-child { width: 60%;margin-left: 10px; }
	.shop .group_shop .box_shop p.first span.phone_01 a { color: #41d2c4; }
	.shop .button_web a img {
		width: 185px;
		height: auto;
	}
	
	.shop .group_shop .box_shop.right p span:last-child,
	.box_shop.right p img { width: 100%; }
	
	.shop .group_shop .box_shop iframe{
		width: 100%!important;
	}
 
	.shop_information {
			padding: 30px 0 0;
	}
	.shop_information .box_information {
		display: block;
		width: 100%;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 0px solid #ddd;
		padding:	10px 5px;
	}
	.information_content{
		width: 98%;
    margin: 0 auto;
    float: none;
	}
	.information_content.left > p { width: 100%;vertical-align: top; }
	.information_content.left > p img { width: 100%; }
	
	.shop_information .information_content .box {
		width: 100%;
    padding: 10px 0 0;
	}
	
	.shop_information .information_content .box p:first-child {
		font-size: 15px;
		line-height: 1.4em;
	}
	
	.shop_information .information_content .box p:nth-child(2) {
		font-size: 14px;
		line-height: 18px;
	}
	.shop_information .information_content .box p:last-child { font-size: 11px; line-height: 1.4em; }
	.shop_information .information_content .box p { margin-bottom: 15px; }


	.shop_information .box_information .button_shopmore {
			display: inline-block;
			width: 49%;
			margin-top: 0;
			text-align: center;
			float: left;
	}
	.shop_information .box_information .button_web {
			display: inline-block;
			width: 49%;
			margin-top: 0;
			text-align: center;
			float: left;
			margin-left:2%;
	}
	.shop_information .box_information .button_shopmore img,
	.shop_information .box_information .button_web img { width: 100%; height: auto; }


	.group_lineup .group_content_lineup {
		padding: 20px 10px;
		background: none;
	}
	
	.group_lineup .group_content_lineup .box_lineup {
		display: block;
		width: 100%;
			vertical-align: top;
			margin-bottom: 30px;
	}
	.group_lineup .group_content_lineup .box_lineup .lineup_content {
			margin-left: 10px;
			width: 60%;
	}
	.group_lineup .group_content_lineup .box_lineup .lineup_content p:last-child {
			font-size: 11px;
			line-height: 1.4em;
	}

	.group_lineup .group_content_lineup .box_lineup.mr_0 { margin-bottom: 30px; }
	
	.group_lineup { padding: 30px 0 10px; }
	
	.twitter.right p img { width: 100%; }
	
	#warper .slider_box_02 h2 {
		font-weight: 300;
		font-size: 14px;
	}

	.slider_box_02 .slick-prev:after {
		left: -75px;
	}
	
	.slider_box_02 .slick-next:after {
		right: -75px;
	}

}

@media only screen and (width: 640px) {
	
	.slider_box_02 .slick-next:after,
	.slider_box_02 .slick-prev:after {
	 display: block;
	}
	
	.slider_box_02 .slick-next,
	.slider_box_02 .slick-prev {
		top: 41%;
	}
	
	.shop_information .box_information .button_web { margin-top: 0px; }
	
}


@media only screen and (max-width: 480px) {


.slider_box_02 .box_silder {
		max-width: 100%;
		width: 100%;
		display: inline-block;
		vertical-align: top;
		margin: 0px 25px;
}

.shop_information .box_information .button_web { margin-top: 0px; }

}