@charset "utf-8";
a img	{
	border			: none ;
}

a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);
	 -moz-opacity: 0.6;
}

a	{
	text-decoration	: none ;
}

a:hover{
	color			: #000000 ;
	text-decoration	: none ;
}


.entry-header{
width:100%;
height:0;
margin-bottom: 100px;
padding-top: calc(270 / 1280 * 100%); 
background-image: url(http://www.beecx.com/wp-content/themes/twentyfifteen-child/img/kaminamie/main_img.jpg);
background-size: cover;
background-repeat: no-repeat;
position: relative;
}

.entry-title{
	width: 100%;
	position: absolute;
	bottom:0;
	left: 0;
	margin-bottom: 0 !important;
	padding: 20px 0;
	text-align: center;
	background-color: rgba(255,255,255,0.7);
}
.entry-title h1{
	width: 100%;
	font-size: 36px;
	font-weight: normal;
}

a img	{
	border			: none ;
}

a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);
	 -moz-opacity: 0.6;
}




@media screen and (min-width: 639px) {
/* 960pxからの幅の場合に適応される */
/****メインコンテンツ****/
.shopline{
	width: 100%;
	padding: 0 0 150px;
}

.shoptxt01{
	width: 100%;
	font-size: 36px;
	line-height: 48px;
	margin: 0 0 80px;
	text-align: center;
	margin: 0 0 100px;
}

.shop_box{
	width: 100%;
	margin: 0 0 50px;
	display: inline-block;
}

.shop_l{
	width: 30%;
	margin: 0 2% 0 0;
	float: left;
}
.shop_l_img{
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}
.shop_l_img img{
	width: 100%;
	height: auto;
}
.shop_l_txt01{
	width: 100%;
	font-size: 14px;
	margin: 0 0 30px 0;
}

.sh_cont_box01{
	width: 100%;
	margin-right: 30px;
}

.sh_contbox_up{
	width: 100%;
	padding: 5px;
	margin: 0 0 5px;
	background-color: #fff;
	display: inline-block;
}

.sh_contbox_up_l{
	width: 75%;
	margin-right: 2%;
	font-size: 14px;
	line-height: 26px;
	float: left;
}

.sh_contbox_up_l span{
	font-size: 20px;
}

.sh_contbox_up_r{
	width: 23%;
	padding: 10px 0;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	background-color: #000;
	text-align: center;
	float: left;
}

.sh_contbox_up_r a{
	color: #fff;
}
.sh_contbox_up_r a:hover{
	color: #fff;
}

.sh_contbox_down{
	width: 100%;
	padding: 10px 0 10px 20px;
	background-color: #333333;
	display: inline-block;
}

.sh_cont_freetel{
	width: 41px;
	height: 24px;
	margin: 0 20px 0 0;
	padding: 4px 0 0;
	float: left;
}
.sh_cont_freetel img{
	width: 41px;
	height: 24px;
}

.sh_cont_tel{
	font-size: 30px;
	color: #fff;
	float: left;
}

.shop_r{
	width: 68%;
	float: left;
}

.shop_r_map{
	width: 100%;
	height: 350px;
	margin: 0 0 15px;
}
.shop_r_map_sp{
	display: none;
}

.news_box{
	width: 100%;
	height: 239px;
	border: solid 1px #333333;
}

.news_midashi{
	width: 100%;
	padding: 5px 10px 5px;
	background-color: #F2F2F2;
	font-size: 24px;
}

.news_area{
	width: 100%;
	padding: 10px 5px 0;
}

.news_line{
	width: 100%;
	margin: 0;
	padding: 0 0 4px;
	display: inline-block;
	border-bottom: dashed 1px #333333;
}
.news_day{
	width: 20%;
	font-size: 14px;
	padding: 4px 2% 0 4px;
	float: left;
}

.news_tit{
	width: 78%;
	font-size: 16px;
	font-weight: bold;
	float: left;
}
.news_tit a{
	color: #000;
}

.news_more{
	width: 115px;
	height: 36px;
	margin: 0 10px 0 0;
	float: right;
}
.news_more img{
	width: 115px;
	height: 36px;
}


.shop_staff{
	width: 100%;
	margin: 0 0 50px;
}

.ss_tit{
	width: 98%;
	padding: 0 0 5px 2%;
	font-size: 36px;
	border-bottom: solid 2px #333;
}

.ss_box{
	width: 100%;
	display: inline-block;
}

.staff_line{
	width: 235px;
	height: 255px;
	margin: 42px 30px 43px 30px;
	text-align: right;
	float: left;
}
.staff_line_txt{
	width: 235px;
	margin: 0;
	font-size: 14px;
	text-align: right;
}

figure {
  position: relative;
  overflow: hidden;
  width: 235px;
  height: 235px;
  margin: 0;
}
figure img{
  width: 235px;
  height: 235px;
}
figcaption {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0;
}
figcaption h3{
	color: #fff;
	margin: 160px 0 0;
	text-align: center;
}
figure:hover figcaption {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 1;
}

.gall_box{
	width: 100%;
	padding: 30px 0 0;
	display: inline-block;
}

.gall_img{
	width: 21%;
	height: auto;
	margin: 0 2% 4%;
	float: left;
}
.gall_img img{
	width: 100%;
	height: auto;
}

/****フッターお問合わせ****/
.pagetop{
	width: 140px;
	height: 50px;
	margin: 0 auto 50px;
}
.pagetop img{
	width: 140px;
	height: 50px;
}

.cont_bg{
	width: 100%;
	padding: 30px;
	background-color: #f2f2f2;
}

.cont_tit{
	width: 100%;
	font-size: 36px;
	font-weight: bold;
	margin: 0 0 10px 0;
	text-align: center;
}

.cont_line{
	width: 120px;
	height: 4px;
	margin: 0 auto 10px;
	background-color: #fff;
}

.cont_txt01{
	width: 100%;
	font-size: 14px;
	margin: 0 0 50px 0;
	text-align: center;
}

.cont_area{
	width: 100%;
	padding: 0 0 50px;
	display: inline-block;
}

.cont_box01{
	width: 360px;
	margin-right: 30px;
	float: left;
}

.cont_box02{
	width: 360px;
	float: left;
}

.contbox_up{
	width: 350px;
	padding: 5px;
	margin: 0 0 5px;
	background-color: #fff;
	display: inline-block;
}

.contbox_up_l{
	width: 270px;
	margin-right: 10px;
	font-size: 14px;
	line-height: 26px;
	float: left;
}

.contbox_up_l span{
	font-size: 20px;
}

.contbox_up_r{
	width: 60px;
	padding: 10px 5px;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	background-color: #000;
	text-align: center;
	float: left;
}

.contbox_up_r a{
	color: #fff;
}
.contbox_up_r a:hover{
	color: #fff;
}

.contbox_down{
	width: 350px;
	padding: 10px 0 10px 20px;
	background-color: #333333;
	display: inline-block;
}

.cont_freetel{
	width: 41px;
	height: 24px;
	margin: 0 20px 0 0;
	padding: 4px 0 0;
	float: left;
}
.cont_freetel img{
	width: 41px;
	height: 24px;
}

.cont_tel{
	font-size: 30px;
	color: #fff;
	float: left;
}

.cont_txt02{
	width: 100%;
	font-size: 14px;
	margin: 0 0 10px 0;
	text-align: center;
}

.cont_btnarea{
	width: 280px;
	padding: 0;
	margin: 0 auto;
}

.cont_btn{
	width: 280px;
	padding: 10px 0;
	margin: 0 auto;
	text-align: center;
	background-color: #333333;
	color: #fff;
	font-size: 30px;
	text-decoration: none;
}

.cont_btn a{
	color: #fff;
	text-decoration: none;
}

.cont_btn a:visited {
	color: #fff;
	text-decoration: none;
}

.cont_btn a:hover{
	color: #fff;
	text-decoration: none;
}

}

@media screen and (min-width:320px) and ( max-width:639px) {
/*　画面サイズが320pxから639pxまではここを読み込む　*/
.shopline{
	width: 100%;
	padding: 0 0 50px;
}

.shoptxt01{
	width: 100%;
	font-size: 20px;
	line-height: 28px;
	margin: 0 0 40px;
	text-align: center;
}

.shop_box{
	width: 100%;
	margin: 0 0 50px;
	display: inline-block;
}

.shop_l{
	width: 100%;
	margin: 0 0 20px 0;
}
.shop_l_img{
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}
.shop_l_img img{
	width: 100%;
	height: auto;
}
.shop_l_txt01{
	width: 100%;
	font-size: 14px;
	margin: 0 0 30px 0;
}

.sh_cont_box01{
	width: 100%;
	margin-right: 30px;
}

.sh_contbox_up{
	width: 100%;
	padding: 0;
	margin: 0 0 5px;
	background-color: #fff;
	display: inline-block;
}

.sh_contbox_up_l{
	width: 270px;
	margin-right: 10px;
	font-size: 14px;
	line-height: 26px;
	float: left;
}

.sh_contbox_up_l span{
	font-size: 20px;
}

.sh_contbox_up_r{
	display: none;
}

.sh_contbox_up_r a{
	color: #fff;
}
.sh_contbox_up_r a:hover{
	color: #fff;
}

.sh_contbox_down{
	width: 100%;
	padding: 10px 0 10px 20px;
	background-color: #333333;
	display: inline-block;
}

.sh_cont_freetel{
	width: 41px;
	height: 24px;
	margin: 0 20px 0 0;
	padding: 4px 0 0;
	float: left;
}
.sh_cont_freetel img{
	width: 41px;
	height: 24px;
}

.sh_cont_tel{
	font-size: 26px;
	color: #fff;
	float: left;
}

.shop_r{
	width: 100%;
}

.shop_r_map{
	display: none;
}
.shop_r_map_sp{
	width: 100%;
	height: 300px;
	margin: 0 0 35px;
}

.news_box{
	width: 100%;
	height: auto;
	padding: 0 0 40px;
	border: solid 1px #333333;
}

.news_midashi{
	width: 100%;
	padding: 5px 0 5px;
	background-color: #F2F2F2;
	font-size: 24px;
}

.news_area{
	width: 100%;
	padding: 10px 0 0;
}

.news_line{
	width: 100%;
	margin: 0;
	padding: 0 0 4px;
	display: inline-block;
	border-bottom: dashed 1px #333333;
}

.news_day{
	width: 30%;
	font-size: 12px;
	padding: 4px 0 0 2px;
	float: left;
}

.news_tit{
	width: 68%;
	font-size: 14px;
	font-weight: bold;
	float: left;
}
.news_tit a{
	color: #000;
}

.news_more{
	width: 115px;
	height: 36px;
	margin: 0 10px 0 0;
	float: right;
}
.news_more img{
	width: 115px;
	height: 36px;
}


.shop_staff{
	width: 100%;
	margin: 0 0 50px;
}

.ss_tit{
	width: 98%;
	padding: 0 0 5px 2%;
	font-size: 26px;
	border-bottom: solid 2px #333;
}

.ss_box{
	width: 100%;
	display: inline-block;
}

.staff_line{
	width: 235px;
	height: 255px;
	margin: 0 auto 20px;
	padding: 20px 0 0;
	text-align: right;
}
.staff_line_txt{
	width: 235px;
	margin: 0;
	font-size: 14px;
	text-align: right;
}

figure {
  position: relative;
  overflow: hidden;
  width: 235px;
  height: 235px;
  margin: 0;
}
figure img{
  width: 235px;
  height: 235px;
}
figcaption {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0;
}
figcaption h3{
	color: #fff;
	margin: 160px 0 0;
	text-align: center;
}
figure:hover figcaption {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 1;
}

.gall_box{
	width: 100%;
	padding: 30px 0 0;
	display: inline-block;
}

.gall_img{
	width: 100%;
	height: auto;
	margin: 0 0 4%;
	float: left;
}
.gall_img img{
	width: 100%;
	height: auto;
}



.pagetop{
	width: 140px;
	height: 50px;
	margin: 0 auto 50px;
}
.pagetop img{
	width: 140px;
	height: 50px;
	margin: 0 auto 50px;
}


.cont_bg{
	display: none;
}

}