@charset "EUC-JP";
/* =============================================================================

CSS Information

 File name:	layout.css

 Style Info:	レイアウト設定

============================================================================= */


html,body {
	height: 100%;
}

body {
	color: #313131;
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.8;
	background-color: #f8faed;	
	
}



/* for IE6 */
* html body {
	font-size: 75%;
}

/* for IE7 */
*:first-child+html body {
	font-size: 75%;
}

/* for IE8 */
html>/**/body {
	font-size/*\**/: 75%\9;
}

a {
	color: #313131;
	text-decoration: underline;
}

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


/* -------------------------------------------------------------------------------

ヘッダー

------------------------------------------------------------------------------- */

#header {
	width: 960px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
#h1_contents{
    background-color: #EEF1DE;
    height: 30px;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

h1{
    font-size: 11px;
    font-weight: normal;
    line-height: 30px;
    margin-left: 20px;
	float: left;
}
.reserve_btn{
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    float: right;
    background-color: #cac4a1;
    text-decoration: none;
}
#header{
	padding-top: 30px;
}
#header .logo img{
	float: left;
}

#header #gnavi {
	height: 50px;
	float: right;
	
	margin-top: 40px;
	border-left: 2px dotted #B4B4B4;
    		
}


#gnavi li {
    float: left;
    font-size: 11px;
    text-align: center;
    height: 60px;
    border-right: 2px dotted #B4B4B4;
	color: #313131;
	
	
}
#gnavi li span{
    padding-bottom: 5px;
    display: inline;
    font-size: 22px;
    font-weight: normal;
    color: #7F870E;
	font-family: 'Secular One', sans-serif;
}

#gnavi li a {
	color: #000000;
	text-decoration: none;
	display: block;
	height: 60px;
	margin-left: 15px;
	margin-right: 15px;
}
/* ipad用ここから*/
@media only screen and (min-width:768px) and (max-width:1040px) {
#gnavi li a {
	color: #000000;
	text-decoration: none;
	text-align: center;
	display: block;
	height: 57px;
	font-size: 14px;
	line-height: 57px;
	margin-left: 30px;
	font-weight: bold;
}
}
/* ipad用ここまで*/

#gnavi li a:hover {
	border-bottom: 3px solid #7e8615;
	
}

.home .top,
.post-type-archive-shop .shop,
.single-shop .shop,
.post-type-archive-staff .staff,
.single-staff .staff,
.tax-staff_cat .staff,
.post-type-archive-gallery .gallery,
.single-gallery .gallery,
.tax-gallery_cat .gallery,
.page-id-169 .blog,
.single-post .blog,
.category .blog,
.tax-menu_cat .menu,
.page-id-135 .recruit,
.post-type-archive-item .item,
.page-id-170 .reserve{
	border-bottom: 3px solid #313131;
}

/* -------------------------------------------------------------------------------

contents

------------------------------------------------------------------------------- */

.contents_inner {
	width: 960px;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/* ipad用ここから*/
@media only screen and (min-width:768px) and (max-width:1040px) {
.contents_inner {
	width: 90%;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
}
/* ipad用ここまで*/


#main_contents{
	width: 640px;
	margin-bottom: 50px;
	float: left;
}


.title {
	font-size: 15px;
	letter-spacing: .2em;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 50px;	
}
.title span {
	padding-bottom: 5px;
	display: inline;
	color: #7C8707;	
	font-size: 26px;
	letter-spacing: .1em;
	font-weight: normal;
	margin-bottom: 50px;
	font-family: 'Secular One', sans-serif;
}

.main_title {
	font-size: 22px;
	text-align: center;
	margin-bottom: 40px;	
}


.sub_title {
	font-size: 16px;
	line-height: 80px;
	height: 80px
}


.page_title {
	font-size: 22px;
	margin-bottom: 10px;	
}


/* -------------------------------------------------------------------------------

index

------------------------------------------------------------------------------- */
.home_img_contents{
    width: 100vw;
  height: 100vh;
	background-image: url(../image/page/top_back.jpg);
    background-repeat: none;
    background-position: 50% 50%;
    text-align: center;
	display: flex; /* 要素をflexboxに対応させる */
  align-items: center; /* 縦方向の中央揃え */
  justify-content: center; /* 横方向の中央揃え */
  flex-direction: column; /* 子要素の並びを上から下にする（要素の改行に対応） */
 }

.home_img_contents h2{
    font-size: 30px;
    margin-bottom: 40px;
    color: #ffffff;
    font-weight: bold;
	text-shadow:0px 0px 8px #828282;
 }

.home_img_contents p{
	font-size: 16px; 
	/*color: #edefe2;*/
	font-weight: normal;
	color: #ffffff;
	text-shadow:0px 0px 8px #828282;
    
 }
.top_title {
	font-size: 15px;
	text-align: center;
}
.top_title span {
    display: inline;
    font-size: 30px;
    font-weight: normal;
    color: #7C8707;
	font-family: 'Secular One', sans-serif;
}

.top_p{
    font-size: 15px;
    text-align: center; 
	margin-bottom: 30px;
}
.side_title_contents{
    background-color: #EDEFE2;
    width: 300px;
    display: block;
    padding-top: 55px;
    padding-bottom: 55px;
    float: left;
    height: 70px;
}

.news_info_contents{
    background-color: #ffffff;
	padding: 30px;
    height: 120px;
	width: 600px;
	float: right;
}
.news_info_contents ul{
   overflow: scroll;
	height: 120px;
}
.news_info_contents li{
 
	padding-bottom: 20px;
}
.news_info_contents h4{
    border-bottom: 1px dotted #C1C1C1;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.news_info_contents span{
    font-weight: normal;
    margin-right: 10px;
}



.main_title_contents{
   width: 100%;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
}


.staff_info_contents {
	display: flex;
	flex-wrap: wrap;	
	margin-bottom: 30px;
}
.staff_info_contents li{
    width: 27%;
    margin: 1%;
    padding: 2%;
    background-color: #FFFFFF;
    position: relative;
}


.staff_info_contents .staff_icon{
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: #FFFFFF;
}

.senri{
    background-color: #a1b3ca;    
}
.sun{
    background-color: #a1caa1;    
}

.staff_info_contents img{
    width: 100%;
    height: auto;	
}
.staff_info_contents h4{
    font-size: 15px;
    text-align: center;
	margin-top: 10px;
}
.staff_info_contents h4 span{
    margin-right: 5px;
    font-weight: normal;	
}

.blog_info_contents {
	display: flex;
	flex-wrap: wrap;	
	margin-bottom: 30px;
}
.blog_info_contents li{
    width: 27%;
    margin: 1%;
    padding: 2%;
    background-color: #FFFFFF;
    position: relative;
}


.blog_info_contents img{
    width: 100%;
	height: auto;	
}
.blog_info_contents h4{
    font-size: 15px;
    text-align: center;
	margin-top: 10px;
}
.blog_info_contents .time{
    
    text-align: center;
	margin-top: 10px;
}




/* -------------------------------------------------------------------------------

SHOP

------------------------------------------------------------------------------- */
#shop_list_contents{
    padding-top: 65px;
    padding-right: 45px;
    padding-bottom: 65px;
    padding-left: 45px;
   
    margin-bottom: 50px;
       
}
.shop_list_detail_contents{
   display: flex;
	flex-wrap: wrap;
     
}
.shop_list_detail_contents li{
    width: 38%;
    margin: 2%;
   padding: 4%;
   background-color: #FFFFFF;     
}
.shop_list_detail_contents img{
    width: 100%;
    height: auto;
    margin-bottom: 40px;
     
}
.shop_list_detail_contents h4{
    font-size: 20px;
	text-align: center;   
     
}
.shop_list_detail_contents p{
    font-size: 14px;
	text-align: center;   
     
}

.shop_list_detail_contents a{
    text-decoration: none;     
     
}

.sample {
    margin-left: auto;
    margin-right: auto;
    width: 750px;
    margin-bottom: 40px;	
}

@media (min-width: 768px) {
  .sample {
    padding: 20px;
  }
}
.sample06 .main {
  margin-bottom: 10px;
}

.sample06 .main .swiper-slide {

}

.sample06 .thumbnail .swiper-slide {
  cursor: pointer;
  opacity: .7;
}

.sample06 .thumbnail .swiper-slide-active {
  opacity: 1;
}

.sample06 .thumbnail .swiper-wrapper{
  margin-left: calc(-37.5% - 5px);
}
.sample06 .thumbnail .swiper-wrapper img{
    width: 170px;
    height: 170px;
}


.swiper-button-prev,
.swiper-button-next {
  width: 32px;
  height: 32px;
  margin-top: -16px;
}
.swiper-button-prev {
    background: url(https://gathergroup.co.jp/gather/wp-content/themes/NEWgather-PC/image/page/yajirushi01.png) no-repeat center center / contain;
}
.swiper-button-next {
    background: url(https://gathergroup.co.jp/gather/wp-content/themes/NEWgather-PC/image/page/yajirushi02.png) no-repeat center center / contain;
}
.swiper-pagination-bullet-active　{
	background-color: #AD1D1F;
}
/* ipad用ここから*/

@media only screen and (min-width:768px) and (max-width:1040px) {
.shop_info_contents img{
    width: 35%;
    height: auto;
    
}

.shop_info_detail_contents{
	width: 60%;
	
}
}
/* ipad用ここまで*/

#shop_single_contents{
    padding-top: 65px;
    padding-right: 45px;
    padding-bottom: 65px;
    padding-left: 45px;
    background-color: #FFFFFF;
    margin-bottom: 50px;
       
}
#shop_single_detail_contents{
    margin-left: auto;
    margin-right: auto;
    width: 750px;
       
}
.shop_single_info_contents{
    width: 400px;
    float: left;
}
.shop_single_info_contents ul{
    margin-bottom: 30px;
}
.shop_single_info_contents h4{
	font-size: 22px;
	margin-bottom: 20px;
}
.shop_single_map_contents{
	width: 350px;
    float: right;
}
/* -------------------------------------------------------------------------------

カレンダー

------------------------------------------------------------------------------- */
div.cal_wrapper {
	padding: 10px 0px;
}
.cal_txt {
	
}
.cal_txt span {
	display: inline-block;
	width: 30px;
	height: 15px;
	background-color: #FEE;
	vertical-align: middle;
}

div.schedule_wrapper {
	padding: 10px 0px;
	width: 310px;
	border: solid 1px #CCC;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #666;
}
div.schedule_wrapper h3 {
	padding: 0px 10px;
	font-weight: normal;
	margin: 0px;
	font-size: 12px;
	color: #666;
}
div.schedule_wrapper div.schedule_list {
	padding: 0px 10px;
	margin: 0px;
}
div.schedule_wrapper div.schedule_list ol {
	padding: 0px;
	margin: 5px auto;
	border-top: solid 1px #CCC;
}
div.schedule_wrapper div.schedule_list ol li {
	padding: 5px 10px 0px 0px;
	margin: 0px 0px 0px 30px;
	font-size: 12px;
	line-height: 1.5em;
}
div.schedule_wrapper div.schedule_list ol li:hover {
	text-decoration: underline;
}
div.cal_wrapper table.cal tr th p {
	float: left;
	padding: 5px;
	margin: 0px;
	color: #666;
	font-size: 12px;
}
div.cal_wrapper table.cal tr th div.cal_ui {
	float: right;
}
div.cal_wrapper table.cal tr th div.cal_ui input {
	border: solid 1px #CCC;
	background-color: #FFF;
	font-size: 12px;
	margin: 0px 1px;
	padding: 1px 5px;
	border-radius: 3px;
}
div.cal_wrapper table.cal tr td {
	border-top: solid 1px #EEE;
}
div.cal_wrapper table.cal tr td {
	font-size: 10px;
	text-align: center;
	padding: 2px
}
div.cal_wrapper table.cal tr.headline td {
	padding: 5px 0px;
	color: #666;
}
div.cal_wrapper table.cal tr.headline {
	background-color: #EEE;
}
div.cal_wrapper table.cal tr td div {
	position: relative;
	padding: 5px 15px;
	font-size: 10px;
	text-align: center;
	background-color: #FFF;
	border-radius: 3px;
}
div.cal_wrapper table.cal tr td div span {
	display: none;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 180px;
	border: solid 1px #EEE;
	background-color: #FFF;
	text-align: left;
	padding: 5px;
	z-index: 10;
	color: #000;
	font-weight: normal;
	line-height: 1.5em;
	box-shadow: 1px 1px 3px #666;
}

/* 以下、クラス指定するときのアレ */

div.cal_wrapper table.cal tr td div.Sat {
	color: #00F;
}
div.cal_wrapper table.cal tr td div.Sun {
	color: #F00;
}
div.cal_wrapper table.cal tr td div.Today {
	font-weight: bolder;
}
div.cal_wrapper table.cal tr td div.Deli {
	background-color: #EFE;
}
div.cal_wrapper table.cal tr td div.Rholyday {
	color: #F00;
	background-color: #FEE;
}
div.cal_wrapper table.cal tr td div.Holyday {
	color: #F00;
}
div.cal_wrapper table.cal tr td div.Birthday {
	font-weight: bolder;
	background-color: #EEF;
	color: #090;
	border-radius: 3px;
}

div.cal_wrapper table.cal tr td div.backward {
	color: #CCC;
	font-weight: normal;
	background-color: #FFF;
	border-radius: 3px;
}
div.cal_wrapper table.cal tr td div.pointer {
	cursor: pointer;
}
div.cal_wrapper table.cal tr td div.pointer:hover {
	background-color: #EEE;
}


/* -------------------------------------------------------------------------------

menu

------------------------------------------------------------------------------- */


 #menu_navi  {
	text-align: center;
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	height: 36px;
}

 #menu_navi li {
    display: inline;
    font-size: 16px;
    margin-right: 10px;
    margin-left: 10px;
   
}
 #menu_navi li a{
    text-decoration: none;
    line-height: 16px;
    
	 padding-top: 20px;
    padding-right: 40px;
    padding-bottom: 20px;
    padding-left: 40px;
	 background-color: #EEF1DE;
    color: #606060;
}
.term-21 #menu_navi li .navi21,
.term-22 #menu_navi li .navi22,
.term-23 #menu_navi li .navi23
{
    font-weight: bold;
    background-color: #FFFFFF;
	color: #313131;
}
 #menu_contents {
	padding-top: 65px;
    padding-right: 120px;
    padding-bottom: 65px;
    padding-left: 120px;
    background-color: #FFFFFF;
	margin-bottom: 50px;
	clear: left;
}
.menu_detail_contents{
	margin-bottom: 30px;

}

.menu_tax{
    float: right;
    display: block;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    background-color: #DDDDDD;
    color: #777777;
}

#menu_contents h3 {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 10px;
    padding-top: 15px;
    text-align: center;
}
#menu_contents h4 {
    font-size: 16px;
    font-weight: normal;
    padding: 10px;
    display: block;
    background-color: #ECECEC;
}
.menu_detail_contents p {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

#menu_contents dl {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #AEAEAE;
	height: 22px;
}


#menu_contents dt {
	font-size: 16px;
	float: left;
	padding-left: 10px;
	/*color: #5081B4;*/
}

#menu_contents dd {
	font-size: 16px;
	float: right;
	padding-right: 10px;
}


.menu_title_plus p{
    font-size: 14px;
    text-align: center;
 }


/* -------------------------------------------------------------------------------

news

------------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------------

staff

------------------------------------------------------------------------------- */

/*一覧 */


.staff_ul_contents{
    display: flex;
	flex-wrap: wrap;	
	margin-bottom: 30px;
}
.staff_ul_contents li{
	width: 27%;
    margin: 1%;
    padding: 2%;
    background-color: #FFFFFF;
    position: relative;
}


.staff_ul_contents .staff_icon{
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: #FFFFFF;
}
.ibaraki{
    background-color: #CAA1B5;    
}
.senri{
    background-color: #a1b3ca;    
}
.sun{
    background-color: #a1caa1;    
}
.staff_ul_contents h4{
    font-size: 15px;
    text-align: center;
	margin-top: 10px;
}
.staff_ul_contents h4 span{
    margin-right: 5px;
    font-weight: normal;	
}
/* ipad用ここから*/

@media only screen and (min-width:768px) and (max-width:1040px) {
.staff_ul_contents li{
	width:  30%;
	float: left;
	margin-right: 5%;	
	margin-bottom: 5%;
}
.staff_ul_contents li:nth-child(4n){
	margin-right: 5%;	
}
.staff_ul_contents li:nth-child(3n){
	margin-right: 0%;	
}

}
/* ipad用ここまで*/



/*詳細 */

#staff_single_contents{
    padding-top: 65px;
    padding-right: 65px;
    padding-bottom: 65px;
    padding-left: 65px;
    background-color: #FFFFFF;
	margin-bottom: 50px;
}

#staff_main_img{
	float: left;
	
	
}
#staff_main_img img{
    width: 330px;
    height: auto;	
}
.balloon1-top {
    margin: 1.5em 0;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    background-color: #F7F7F7;
}


.balloon1-top p {
  margin: 0;
  padding: 0;
}

#staff_detail_contents{
	float: right;
	width: 450px;
}

/* ipad用ここから*/

@media only screen and (min-width:768px) and (max-width:1040px) {
#staff_main_img{
	float: left;
	width: 45%;
		
}
#staff_main_img img{
	width: 100%;
	height: auto;
}
	
#staff_detail_contents{
	float: right;
	width: 50%;
	font-size: 15px;
}
}
/* ipad用ここまで*/

#staff_detail_contents .staff_icon{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: #FFFFFF;
    
    margin-bottom: 10px;
    display: inline-block;
}
#staff_detail_contents .heaf{
    width: 45%;	
}
#staff_detail_contents .heaf{
    width: 45%;	
}
#staff_detail_contents .staff_dl_contents{
	margin-bottom: 10px;
}

#staff_detail_contents .staff_dl_contents dt{
    width: 200px;
    height: 24px;
    line-height: 24px;
    background-color: #D8D8D8;
    border-radius: 12px;
    text-align: center;
	margin-bottom: 10px;
}
#staff_detail_contents .staff_dl_contents dd{
    padding-left: 15px;    
}

#staff_detail_contents p{
	
	line-height: 28px;
	margin-bottom: 20px;
}


.staff_blog_contents li{
	
	margin-bottom: 10px;
	
}
.staff_blog_contents li span{
	margin-right: 15px;
	font-weight: bold;	
}

.staff_shop_contents img{
    width: 200px;
    height: 200px;
    border-radius: 100px;
    float: left;
    margin-right: 30px;
}
.staff_shop_contents h6{
    
    margin-top: 20px;
	margin-bottom: 10px;
}

/* -------------------------------------------------------------------------------

取扱商品

------------------------------------------------------------------------------- */

#item_list_contents{
    padding-top: 65px;
    padding-right: 65px;
    padding-bottom: 10px;
    padding-left: 65px;
    background-color: #FFFFFF;
	margin-bottom: 50px;
}

#item_list_contents li{
	margin-bottom: 55px;
}


#item_list_contents .item_thumnail{
	float: left;
	
	
}
#item_list_contents .item_thumnail img{
    width: 330px;
    height: auto;	
}

#item_list_contents .item_list_detail_contents{
	float: right;
	width: 450px;
}

.item_list_detail_contents h5{
    height: 32px;
    line-height: 32px;
    background-color: #D8D8D8;
    border-radius: 16px;
    margin-bottom: 10px;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
}
.item_list_detail_contents p{
	margin-bottom: 20px;
}
/* -------------------------------------------------------------------------------

blog

------------------------------------------------------------------------------- */

#blog_list_contents{
width: 600px;
	background-color: #FFFFFF;
    padding: 40px;
	float: left;
	

}
/* ipad用ここから*/

@media only screen and (min-width:768px) and (max-width:1040px) {
#blog_list_contents{
width: 70%;
float: left;
	

}
}
/* ipad用ここまで*/

#blog_list_contents li{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #F3F3F3;
	
}

#blog_list_contents .blog_thumnail{
	overflow: hidden;
	width: 150px;
	height: 150px;
	float: left;
	margin-right: 30px;
	margin-top: 30px;
}

#blog_list_contents .blog_thumnail img{
    width: 150px;
	height: 150px;
	border-radius: 75px;
}

#blog_list_contents .time{
	font-size: 14px;
	margin-bottom: 10px;
	color: #949494;
}


#blog_list_contents h4{
	margin-bottom: 20px;
	padding-left: 10px;
	font-size: 22px;
	
}

#blog_list_contents p {
	font-size: 14px;
	line-height: 30px;
}
#blog_list_contents p a{
	text-decoration: underline;	
}

/*詳細 */
#blog_detail_contents{
    width: 600px;
    float: left;
    line-height: 40px;
    background-color: #FFFFFF;
    padding: 40px;
	margin-bottom: 30px;
    
}

/* ipad用ここから*/

@media only screen and (min-width:768px) and (max-width:1040px) {
#blog_detail_contents{
width: 70%;
float: left;
}
}
/* ipad用ここまで*/

#blog_detail_contents h2{
	margin-bottom: 25px;
	
	font-size: 24px;
	
	
	
}
#blog_detail_contents .time{
	font-size: 12px;
	color: #949494;
}

#blog_detail_contents #blog_contents{
	
	font-size: 16px;
	margin-bottom: 30px;
	
}
#blog_detail_contents #blog_contents img{
	max-width: 600px;
    height: auto;	
	margin-bottom: 20px;
}
/* ipad用ここから*/

@media only screen and (min-width:768px) and (max-width:1040px) {
#blog_detail_contents #blog_contents{
	width: 100%;
	font-size: 16px;
	margin-bottom: 30px;
	
}
#blog_detail_contents #blog_contents img{
	max-width: 100%;
    height: auto;	
	margin-bottom: 20px;
}
}
/* ipad用ここまで*/

#blog_detail_contents #blog_contents p{
	
}
.tag-list{
	margin-bottom: 40px;
	
}

.tag-list li{
	float: left;
	margin-right: 10px;
	line-height: 30px;
	
}

#blog_staff_contents {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background-color: #F3F3F3;
    
}

/* ipad用ここから*/

@media only screen and (min-width:768px) and (max-width:1040px) {
#blog_staff_contents {
	width: 88%;
	border: 1% solid #DDDDDD;
	padding: 5%;
	
}
}
/* ipad用ここまで*/

#blog_staff_contents img {
	border-radius: 75px;
	float: left;
	margin-right: 40px;
	width: 150px;
	height: 150px;
}


/*SNSボタン*/
.fa-hatena:before {
  font-family: Verdana;
  font-weight: bold;
  content: 'B!';
}
 
.share {
  margin-top: 40px;
  margin-bottom: 40px;
}
 
.share ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
 
.share ul:after {
  display: block;
  clear: both;
  content: '';
}
 
.share li {
  float: left;
  width: 25%;
  margin: 0;
  margin-top: 15px;
}
 
.share li a {
  font-size: 14px;
  display: block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  color: #fff;
}
 
.share li a:hover {
  opacity: .8;
}
 
.share li a:visited {
  color: #fff;
}
 
.tweet a {
  background-color: #55acee;
}
 
.facebook a {
  background-color: #315096;
}
 
.googleplus a {
  background-color: #dd4b39;
}
 
.hatena a {
  background-color: #008fde;
}
 
@media(max-width: 599px) {
  .share li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px;
  }
  .share li i {
    font-size: 1.3em;
    padding-top: 3px;
  }
  .share li span {
    display: none;
  }
}

/*--------------------------------
PREV NEXT
---------------------------------*/
#prev_next{


}
#prev_next  #prev{
    width: 45%;
 
   
    text-decoration: none;
    float: left;
}
#prev_next  #next{
    width: 45%;

    
    text-decoration: none;
    float: right;
}
#prev_next #prev p, #prev_next #next p{

}
#prev_next #prev:hover, #prev_next #next:hover{

}
#prev_next #prev{

}
#prev_next #prev_title, #prev_next #next_title{


}
#prev_next #next_title{

}
#prev_next #prev img, #prev_next #next img{
	border-radius: 50px;
	float: left;
	margin-right: 20px;
	width: 100px;
	height: 100px;
	margin-bottom: 30px;

}
#prev_next #prev_no, #prev_next #next_no{
width: 50%;

}
#prev_next #prev_no{

}

/*-- ここまで --*/
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (max-width: 780px) {
}
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (min-width: 380px) {
}
/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 780px) {
/*-- ここから --*/
/*--------------------------------------
768px PREV NEXT
--------------------------------------*/

#prev_next #prev_title, #prev_next #next_title{

}
#prev_next #next_title{

}
#prev_next #prev img{

}
#prev_next #next img{

}
/*-- ここまで --*/
}
/* -------------------------------------------------------------------------------

side

------------------------------------------------------------------------------- */

#side{
	width:  240px;
	float: right;
	margin-bottom: 30px;
	font-size: 15px;
	
}

}
/* ipad用ここから*/

@media only screen and (min-width:768px) and (max-width:1040px) {
#side{
	width:  25%;
	float: right;
	margin-bottom: 30px;
	font-size: 15px;
	
}
}
/* ipad用ここまで*/

#side h5{
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #EEF1DE;
}
#side ul{
	margin-bottom: 50px;
}
#side ul li{
	margin-bottom: 8px;
	margin-left: 8px;
}

#side ul a{
	text-decoration: underline;	
}

.side-tag-list{
	margin-bottom: 40px;
	
}

.side-tag-list li{
    float: left;
    margin-bottom: 10px;
    border: 1px solid #C0C0C0;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    font-size: 14px;
}
#side .side-tag-list a{
    text-decoration: none;    
}

/* -------------------------------------------------------------------------------

予約

------------------------------------------------------------------------------- */
#reserve_contents {
    padding-top: 65px;
    padding-right: 65px;
    padding-bottom: 10px;
    padding-left: 65px;
    background-color: #FFFFFF;
	margin-bottom: 50px;
 }
#reserve_contents p{
    text-align: center;
    margin-bottom: 40px;
 }

.reserve_shop_contents{
    
	margin-bottom: 50px;
}

.reserve_shop_contents img{
    width: 250px;
    height: 250px;
    border-radius: 125px;
    margin-left: 20px;
    margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}

.reserve_shop_contents_detail{
    float: right;
	width: 500px;
}
.reserve_shop_contents_detail h5{
    font-size: 22px; 
	margin-bottom: 10px;
	margin-top: 30px;
}
.reserve_shop_contents_detail .tel{
    font-size: 34px;  
	margin-bottom: 10px;
}
/* -------------------------------------------------------------------------------

recruit

------------------------------------------------------------------------------- */

.recruit_top_contents{
    width: 100%;
    height: 680px;
    background-image: url(../image/page/recruit_top.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
 }
.back01{
    background-color: #b5cadd;
	 
	
 }
.recruit_contents{
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
     
 }
.recruit_contents_inner{
    width: 800px;
	margin-left: auto;
	margin-right: auto;
 }
/*オーナーコンテンツ */
.recruit_owner_contents{
    width: 100%;
    height: 730px;
    background-image: url(../image/page/recruit_owner_back.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
	
	
 }
.copy_contents{
    text-align: center;
    font-size: 22px;
    color: #2F6088;
    line-height: 46px;
 }
.recruit_owner_contents_inner{
    width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 120px;
 }


.recruit_owner_message{
    position: relative;
    background-color: #FFFFFF;
    padding-top: 80px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    width: 450px;
    margin-left: 50px;
 }
.massage_title{
    position: absolute;
    top: -30px;
    left: 250px;
	z-index: 9999;
 }

/*pointコンテンツ */
.point_contents{
    width: 340px;
    background-color: #79A7CD;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-bottom: 40px;
 }
.point_contents dt{
    text-align: center;
    color: #FFF100;
    font-size: 20px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #FFFFFF;
 }
.point_contents dd{
    
    color: #FFFFFF;
    
 }



/*スタッフコンテンツ */
.recruit_staff_contents_inner{
    width: 860px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 60px;
    padding-bottom: 60px;
	
 }
.recruit_staff_message_contents01{
    float: left;  
	width: 460px;
	
 }
.recruit_staff_message_contents01 img{
    width: 460px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: auto;
 }
.recruit_staff_message_contents01 h4{
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
    
 }
.recruit_staff_message_contents01 h4 span{
    font-weight: normal;    	
 }
.recruit_staff_message_contents01 ul{
    margin-bottom: 20px;
    background-color: #FFFFFF;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
 }

.recruit_staff_message_contents01 li{
    text-align: center;
    font-size: 15px;	
 }
.recruit_staff_message_contents01 p{
    font-size: 18px;   	
 }

.recruit_staff_message_contents02{
    float: right; 
	width: 360px;
 }

.recruit_staff_message_contents02 .staffvoice_title{
    margin-bottom: 40px;
 }
.recruit_staff_message_contents02 p{
    margin-bottom: 40px;
 }

.recruit_detail_contents{
   padding-bottom: 80px;
	
 }

.recruit_table{
	width: 900px;
	margin-right: auto;
	margin-left: auto;	
 }

/* ipad用ここから*/
@media only screen and (min-width:768px) and (max-width:1040px) {
.recruit_table {
	width: 90%;
}
}
/* ipad用ここまで*/

.recruit_table h4{
	font-size: 22px;
	margin-bottom: 20px;
	text-align: center;
}

.recruit_table table{
	margin-bottom: 40px;
	border-top: 1px solid #CCCCCC;
	width: 100%;
 }
.recruit_table th{
	padding: 20px;
	border-bottom: 1px solid #CCCCCC;
	width: 30%;
	background-color: #E3E2D2;	
 }
 .recruit_table td{
	padding: 20px;
	border-bottom: 1px solid #CCCCCC;
	width: 70%;
	 background-color: #FFFFFF;	
 }


/* -------------------------------------------------------------------------------

contact

------------------------------------------------------------------------------- */
#contact_contents{
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
	margin-bottom: 60px;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
}

#contact_contents .step_img{
   margin-left: 90px;
	
	margin-bottom: 20px;
	margin-top: 20px;
}
#contact_contents .main_text{
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

#contact_contents p{
    margin-bottom: 20px;
    
}

.entry_privacy_contents{
	height: 90px;
	margin-left: 70px;
	margin-right: 70px;
	margin-bottom: 30px;
	padding: 20px;
	border: 1px solid #CCCCCC;
	overflow: auto;
	
 }



#contact_form_contents{
	
	line-height: 30px;
	padding-top: 30px;
	margin-left: 70px;
	margin-right: 70px;
	
}

#contact_form_contents dl{
border-bottom: 1px dotted #999;
	margin-bottom: 30px;
	
	
}

#contact_form_contents dt{
	padding-left: 20px;
	float: left;
	width: 30%;	
	padding-bottom: 30px;
}
#contact_form_contents dd{
	padding-bottom: 30px;
}

#contact_form_contents .hissu{
	color: #BE0E0E;
	font-weight: bold;
}



#contact_form_contents p{
	margin-top: 20px;
    line-height: 18px;
    clear: left;
	padding-left: 20px;
	padding-right: 40px;
}

#contact_form_contents .disabled input{
	border-style: none;	
	width: 60%;
	height: 30px;
}

#contact_form_contents .textbox input{
	width: 60%;
	height: 30px;
	border: 1px solid #999;
	border-radius: 4px;
	
}

#contact_form_contents .textbox input:focus {
background: #facd89;
}

#contact_form_contents .textbox textarea{
	width: 60%;
	border: 1px solid #999;
	border-radius: 4px;
	
}

#contact_form_contents .textbox textarea:focus {
background: #facd89;
}


.mwform-checkbox-field input{
 display: none;
}

.mwform-checkbox-field-text{
  padding-left: 30px;
  position:relative;
  margin-right: 30px;
	
}

.mwform-checkbox-field-text::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border: 2px solid #999;
	border-radius: 4px;
	background-color: #FFFFFF;
}

.mwform-checkbox-field input:checked + .mwform-checkbox-field-text{
  color: #009a9a;
}

.mwform-checkbox-field input:checked + .mwform-checkbox-field-text::after{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 12px;
  height: 18px;
  transform: rotate(40deg);
  border-bottom: 3px solid #009a9a;
  border-right: 3px solid #009a9a;
}


.mwform-radio-field input{
 display: none;
}

.mwform-radio-field-text{
  padding-left: 30px;
  position:relative;
  margin-right: 30px;
	
}

.mwform-radio-field-text::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border: 2px solid #999;
	border-radius: 4px;
	background-color: #FFFFFF;
}

.mwform-radio-field input:checked + .mwform-radio-field-text{
  color: #009a9a;
}

.mwform-radio-field input:checked + .mwform-radio-field-text::after{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 12px;
  height: 18px;
  transform: rotate(40deg);
  border-bottom: 3px solid #009a9a;
  border-right: 3px solid #009a9a;
}


select::-ms-expand {
	display: none;
}

#contact_form_contents select {
	width: 100px;
	border: 1px solid #999;
	padding: 8px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #eee;
	background: url(../image/common/arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#e5e5e5 100%);
	background: url(../image/common/arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#e5e5e5 100%);
	background-size: 20px, 100%;
}



.compleat_contents {
	padding-top: 100px;
	padding-bottom: 200px;
}

.compleat_contents h3 {
    text-align: center;
    font-variant: normal;
    font-size: 22px;
    margin-bottom: 20px;
}

.compleat_contents p{
    text-align: center;
    margin-bottom: 40px;
    color: #787878;
}

.page-id-89 .kakunin_none_contents,
.page-id-91 .kakunin_none_contents,
.page-id-93 .kakunin_none_contents{
	
	display: none;
}

.page-id-89 #contact_form_contents dd,
.page-id-91 #contact_form_contents dd,
.page-id-93 #contact_form_contents dd{
	
	height: 18px;
}
/* -------------------------------------------------------------------------------

プライバシーポリシー

------------------------------------------------------------------------------- */
#privasy_contents{
    padding-top: 65px;
    padding-right: 65px;
    padding-bottom: 65px;
    padding-left: 65px;
    background-color: #FFFFFF;
	margin-bottom: 50px;
}
#privasy_contents h4{
    font-size: 16px;
	margin-bottom: 10px;
}
#privasy_contents p{
    margin-bottom: 30px;
    
}

/* -------------------------------------------------------------------------------

SNS アイコン

------------------------------------------------------------------------------- */

.sns_icon li{
	float: left;
	width: 25%;
	margin-right: 12%;
}
.sns_icon li:nth-child(3n){
	margin-right: 0px;	
}

/* -------------------------------------------------------------------------------

footer 

------------------------------------------------------------------------------- */
#footer {
    background-color: #cac4a1;
    padding-top: 40px;
    padding-bottom: 40px;
    clear: both;
    color: #FFFFFF;	
}
#footer_inner {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
}
#footer .footer_logo{
    float: left;
    margin-right: 30px;	
}
#footer .footer_logo img{
    width: 190px;
    height: auto;
    margin-left: 0px;
    
}

#footer #fnavi{
    
    padding-top: 30px;
   
  
}

#footer #fnavi li {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    border-right: 1px solid #FFFFFF;
    height: 15px;
    line-height: 15px;
	margin-bottom: 20px;
}

#footer  a {
    color: #FFFFFF;
    text-decoration: none;
}
#footer  a:hover {
	text-decoration: underline;
}

#footer_shop_contents {
	padding-top: 30px;
    clear: both;    
}



.footer_shop_contents_detail{
    width: 460px;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
}
.footer_shop_contents_detail img{
    width: 200px;
    height: 200px;
    border-radius: 100px;
    margin-left: 20px;
    margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}
.footer_shop_contents_detail h5{
    font-size: 15px;
    margin-bottom: 10px;
}
address{
	text-align: center;
	padding-top: 50px;
	clear: both;
	font-family: 'Josefin Sans', sans-serif;
}