@charset "UTF-8";
/* ---------------------------------------------------------------------------------------------------------------------------------------- 

index 

---------------------------------------------------------------------------------------------------------------------------------------- */  
/*------------------------------------------------------------mainphoto*/
#mainimage {
	margin-bottom: 20px;
}
#mainimage .container{
  padding-left: 0;
  padding-right: 0;
}
          @media print, screen and (min-width:768px) {
            #mainimage {
              margin-bottom:50px;
            }
            #mainimage .container{
              padding-left: 15px;
              padding-right: 15px;
            }
          }
/* intro */
#intro {}
#intro .row{
  padding-left: 15px;
  padding-right: 15px;
}
#intro .g_cal_area{
  padding: 8px;
  border:solid 1px #666;
}
          @media print, screen and (min-width:768px) {
            #intro .g_cal_area{
              padding: 12px;
              border:solid 1px #666;
            }        
            #intro .row{
            padding-left: 0;
            padding-right: 0;
            }
          }

#about{
  padding: 20px 10px;
  background: #fff;
  position: relative;
  min-height: 200px;
  color: #4c4c4c;
}
#about:before{
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  content:"" ;
  top: -2px;
  left: 0;
  background: url(../img/index_img/about_box_t.png) no-repeat left top;
  background-size: auto 2px;  
}
.about_img{
  margin: 0 auto;
  text-align: center;
}
          @media print, screen and (min-width:768px) {
            #about{
              padding: 30px;
            }  
            #about div[class^="col-"]{
              padding-left: 0;
              padding-right: 0;
            }
            .about_img{
              float: right;
            }
          }

/* organic_area */

#index_organic_images{
	margin-bottom:30px;
}

#index_organic_images img{
	max-width:100%;
	margin-bottom:10px;
}

@media print, screen and (min-width:768px) {

#index_organic_images{
	display:flex;
	justify-content:space-between;
	margin-bottom:30px;
}

#index_organic_images img{
	width:49%;
}

}

/* banner_area */
#banner_area{
  padding-bottom: 10px;
}

#banner_area a:hover{
	text-decoration:none;
}

#banner_area .row{
  padding-left: 15px;
  padding-right: 15px;
}
.bn_dl{
  min-height: 120px;
  margin-bottom: 10px;
  padding-bottom: 20px;
  background: #333;
  border:1px solid #666;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.bn_dl:before{
  display: block;
  width:54px; 
  height: 120px;
  content: "";
  position: absolute;
  left: 0;
  top: 6%;  
  background: url(../img/index_img/bg_bnr.png) no-repeat left center;
  background-size: auto 100%;
}
.bn_dl:after{
  display: block;
  width:54px; 
  height: 120px;
  content: "";
  position: absolute;
  right: 0;
  top: 6%;  
  background: url(../img/index_img/bg_bnr.png) no-repeat left center;
  background-size: auto 100%;
  transform: scale(-1, 1);
}

  .bn_dl dt{
    margin-top:15px;
  }
  .bn_dl dt img{
    margin: 0 auto;
    text-align: center;
  }
  .bn_dl dd{
    padding-top: 18px;
    line-height: 1.15em;
    color: #fff;
  }
  .bn_dl dd a{
    color: #fff;
    text-decoration: none;
  }


.bn_dl2{
  min-height: 120px;
  margin-bottom: 10px;
  padding-bottom: 20px;
  background: #333;
  border:1px solid #666;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.bn_dl2:before{
  display: block;
  width:54px; 
  height: 120px;
  content: "";
  position: absolute;
  left: 0;
  top: 6%;  
  background: url(../img/index_img/bg_bnr.png) no-repeat left center;
  background-size: auto 100%;
}
.bn_dl2:after{
  display: block;
  width:54px; 
  height: 120px;
  content: "";
  position: absolute;
  right: 0;
  top: 6%;  
  background: url(../img/index_img/bg_bnr.png) no-repeat left center;
  background-size: auto 100%;
  transform: scale(-1, 1);
}

  .bn_dl2 dt{
    margin-top:15px;
  }
  .bn_dl2 dt img{
    margin: 0 auto;
    text-align: center;
  }
  .bn_dl2 dd{
    padding-top: 18px;
    line-height: 1.15em;
    color: #fff;
  }
  .bn_dl2 dd a{
    color: #fff;
    text-decoration: none;
  }


          @media print, screen and (min-width:768px) {
            #banner_area{
              padding-bottom: 10px;
            }
            #banner_area.section{
              margin-bottom: 0;
            }
            #banner_area .row{
              padding-left: 0;
              padding-right: 0;
            }            
            .bn_dl{
              min-height: 156px;
              height: auto;
              margin-bottom: 30px;
              padding-bottom: 25px;
            }
            .bn_dl:hover{
              background: #626262;
              border:1px solid #000;
              box-shadow: 0 0 8px 3px rgba(255,255,255,0.28);
              transition: 0.2s;
            }
            .bn_dl:before{
              width:54px; 
              min-height: 156px;
              top: 0%; 
              background: url(../img/index_img/bg_bnr.png) no-repeat left center;
              background-size: cover;
            }
            .bn_dl:after{
              width:54px; 
              min-height: 156px;
              top: 0%; 
              background: url(../img/index_img/bg_bnr.png) no-repeat left center;
              background-size: cover;
            }            
              .bn_dl dt{
              margin-top:30px;
              }

            .bn_dl2{
              min-height: 156px;
              height: auto;
              margin-bottom: 30px;
              padding-bottom: 25px;
            }
            .bn_dl2:hover{
              background: #626262;
              border:1px solid #000;
              box-shadow: 0 0 8px 3px rgba(255,255,255,0.28);
              transition: 0.2s;
            }
            .bn_dl2:before{
              width:54px; 
              min-height: 156px;
              top: 0%; 
              background: url(../img/index_img/bg_bnr.png) no-repeat left center;
              background-size: cover;
            }
            .bn_dl2:after{
              width:54px; 
              min-height: 156px;
              top: 0%; 
              background: url(../img/index_img/bg_bnr.png) no-repeat left center;
              background-size: cover;
            }            
              .bn_dl2 dt{
              margin-top:30px;
              }


          }
/*------------------------------------------------------------content*/
/* blog */
#blog_ti.img_title01{
  position: relative;
  min-height: 48px;
  margin-bottom: 10px;
}
#blog_ti.img_title01 span.blog_more{
  position: absolute;
  right: 0;
  bottom:5px;
}

          @media print, screen and (min-width:768px) {
            #blog_ti.img_title01{
            position: relative;
            min-height: 53px;
            margin-bottom: 22px;
            }
            #blog_ti.img_title01 span.blog_more{
              position: absolute;
              right: 0;
              bottom: 0;
              }
            #blog_ti.img_title01 span.blog_more:hover{
              opacity: 0.7;
              transition: 0.2s;
            }

          }
/*更新プログラム(連動)フォーマット*/
#news01 {
	width: 100%;
	overflow: hidden;
  border: 1px solid #666666;
  padding-top: 25px;
}
#news01 dl {
	padding: 0 15px 20px 15px;
}
#news01 dl dt{
  padding: 0.2em 0 0 1.5em;
  color: #f12987;
  font-size: 1.2rem;    
  font-weight: bold;
  background: url(../img/common_img/ico_arrow_pi.png) no-repeat left center;
  background-size: 11px auto;
}
#news01 dl a{
  color: #fff;
}

          @media print, screen and (min-width:768px) {
          #news01 dl {
          padding: 0 30px 20px 30px;
          }
            #news01 dl dt {
              float: left;
            }
            #news01 dl dd {
              padding: 0 0 0 110px;
            }
            #news01 dl a:hover{
              color: #a3a3a3;
            }

          }
/*更新プログラム(TOP完結)フォーマット*/
#news02 {
	width: 100%;
}
    @media print, screen and (min-width:768px) {
    #news02 p.title03 br {
      display:none;
    }
    }
.newsbox {
	overflow: hidden;
}
.newsbox .news_text {
	overflow: hidden;/* for modern browser */
	zoom: 1;/*ie6*/
	line-height: 1.5;
}
.news_text a{
  color: #fff;
}
.newsbox img {
	margin-bottom: 10px;
}
          @media print, screen and (min-width:768px) {
            .news_text a:hover{
              color: #666;
            }
          }
/*Googlemap*/
#googlemap iframe {
	display: none;
}
.mapbtn {
	background: #666;
	border-radius: 4px;
	margin: 0 auto;
	text-align: center;
	width: 100px;
}
.mapbtn a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 10px;
}
.mapbtn a:hover {
	text-decoration: underline;
}
@media print, screen and (min-width:768px) {
#googlemap iframe {
	display: block;
}
.mapbtn {
	display: none;
}
}
/* ---------------------------------------------------------------------------------------------------------------------------------------- 

news 

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

/*NewsBox*/
.newsbox {
	overflow: hidden;/* for modern browser */
}
.newsbox .news_text {
	overflow: hidden;/* for modern browser */
	zoom: 1;/*ie6*/
	line-height: 1.5;
}
.newsbox img {
	margin-bottom: 10px;
}
.newsbox a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.newstitle {
  margin: 0.8em auto 0.5em;
  font-size:1.8rem;
  line-height: 1.2em;
	position: relative;
  padding-bottom: 0.2em ;
	border-bottom:2px solid #666;
}
.newstitle a{
  color: #fff;
}
.newstitle::after {
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;
	content: '';
	width: 1em;
	height: 2px;
	background-color: #f12987;
  border-right:3px solid #000;
}
.newstitle span {
	font-size: 12px;
}
.newsbox .more-link {
	float: right;
	margin: 10px 0;
}
.postinfo {
	margin-top: 10px;
	text-align: right;
	clear: both;
	padding: 5px 20px;
	background: #6d6d6d;
	/* CSS3 */
	border-radius: 20px;
}
.postinfo a{
  color: #fff;
}
      @media print, screen and (min-width:768px) {
      .newstitle br {
        display:none;
      }
        .postinfo a:hover{
          color: #b7b7b7;
        }
      }
/*WP-PageNavi*/
.wp-pagenavi {
	clear: both;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 20px;
	font-size: 12px;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	padding: 5px 10px;
	margin: 3px;
	/* CSS3 */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.wp-pagenavi span.pages {
	border: 1px solid #CCC;
	color: #848484;
	background: #F2F2F2;
	/* CSS3 */
	text-shadow:1px 1px 0 #FFF;
	/* Webkit */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	/* Firefox */
	background: -moz-linear-gradient(top, #fff, #eee);
	/* IE10 */ 
	background: linear-gradient(to bottom, #fff, #eee);	
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient (startColorstr=#ffeeeeee, endColorstr=#ffffffff);
	zoom: 1;
}
.wp-pagenavi span.current {
	border: 1px solid #CCC;
	background: #DFDFDF;
	color: #999;
	zoom: 1;
}
.wp-pagenavi a {
	border: 1px solid #CCC;
	color: #848484;
	background: #F2F2F2;
	/* CSS3 */
	text-shadow:1px 1px 0 #FFF;
	/* Webkit */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	/* Firefox */
	background: -moz-linear-gradient(top, #fff, #eee);
	/* IE10 */ 
	background: linear-gradient(to bottom, #fff, #eee);	
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient (startColorstr=#ffeeeeee, endColorstr=#ffffffff);
	zoom: 1;
}
.wp-pagenavi a:hover {
	background: #DFDFDF;
}
/*Program*/
.pagelink .oldpage {
	float: left;
	width: 45%;
	text-align: left;
}
.pagelink .newpage {
	float: right;
	width: 45%;
	text-align: right;
}
.pagelink a{
  	color: #fff34c;
}
.listlink {
	clear: both;
	margin: 20px 0;
	text-align: center;
}
.listlink a {
	color: #fff34c;
	text-decoration: none;
	padding: 5px 30px;
	margin: 3px;

	background:#606060;


	background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#606060));
	/* Firefox */
    -moz-border-radius: 3px;
	background: -moz-linear-gradient(top, #606060, #606060);
	/* IE10 */ 
	background: linear-gradient(to bottom, #606060, #606060);	
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient (startColorstr=#606060, endColorstr=#606060);
	zoom: 1;
}
.listlink a:hover {
	background: #DFDFDF;
}
/*search*/
#news_search {
	margin-bottom: 20px;
}
#news_search_title {
	font-weight: bold;
}
.screen-reader-text {
	display: none;
}
#news_search #s {
	width: 70%;
	margin: 0;
	border:1px solid #BFBFBF;
	padding: 3px;
	background: #fff;
	/* CSS3 */
	border-radius: 3px;
	/* Webkit */
	-webkit-border-radius: 3px;
	background: -webkit-gradient( linear, left top, left bottom, from(#F1F1F1), to(#fff) );
	/* Firefox */
	-moz-border-radius: 3px;
	background: -moz-linear-gradient( top, #F1F1F1, #fff );
}
.aligncenter	{
        display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft	{
        float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.alignright	{
        float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

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

menu 

---------------------------------------------------------------------------------------------------------------------------------------- */
.menu_list li {
	margin: 20px 0 0;
	padding: 20px 0 0;
	border-top: 1px dotted #838383;
}
.menu_list li:first-child {
	margin: 10px 0 0 0;
	padding: 0;
	border-top: none;
}
.menu_list li dl dt {
	margin-bottom: 10px;
}
.menu_list li dl dd.menu_photo {
	text-align: center;
	margin-bottom: 10px;
}
.menu_list li dl dd.menu_photo img {
	width: 100%;
	height: auto;
}
.menu_list li dl dd.menu_price {
	text-align: right;
	font-weight: bold;
	color: #A84547;
	margin-bottom: 5px;
}
.menu_list li dl dd.menu_comment {
	font-size: 12px;
}
@media print, screen and (min-width:768px) {
.menu_list li {
	width: 31%;
	margin-right: 2.8%;
	display: inline-block;
	vertical-align: top;
}
.menu_list li:first-child {
	margin: 10px 2.8% 0 0;
}
.menu_list li:nth-child(2) {
	margin: 10px 2.8% 0 0;
	padding: 0;
	border-top: none;
}
.menu_list li:nth-child(3) {
	margin: 10px 0 0;
	padding: 0;
	border-top: none;
}
.menu_list li:nth-child(3n) {
	margin-right: 0;
}
}
/* ---------------------------------------------------------------------------------------------------------------------------------------- 

contact 

---------------------------------------------------------------------------------------------------------------------------------------- */  
/*form*/
#contact_form {
	border-top: 1px dotted #000000;
	margin-top: 20px;
}
#contact_form dl {
	clear: both;
	border-bottom: 1px dotted #000000;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 15px 0px;
}
#contact_form dl dt {
	font-weight: bold;
}
#contact_form dl dd.dd_child {
	padding-top: 15px;
}
/*Attention*/
#contact_form p.attention {
	margin: 0 0 3px;
	padding: 0;
	color: #900;
}
#contact_form strong {
	font-size: 11px;
	margin: 0 0 3px;
	padding: 0;
	color: #900;
}
/*Txt Area*/
.inp_text, .inp_text_s, textarea, .dropdown_form {
	border:1px solid #BFBFBF;
	padding: 5px;
	background: #fff;
	/* CSS3 */
	border-radius: 3px;
	/* Webkit */	
	-webkit-border-radius: 3px;
	background: -webkit-gradient( linear, left top, left bottom, from(#F1F1F1), to(#fff) );
	/* Firefox */	
	-moz-border-radius: 3px;
	background: -moz-linear-gradient( top, #F1F1F1, #fff );
	font-size: 1.6rem;
}
.dropdown_form option {
	margin-right: 10px;
}
/*Txt Area _テキストエリア選択時の装飾*/
.inp_text_focus {
	border:1px solid #BFBFBF;
	padding: 5px;
	background: #E6EFFD;
	/* CSS3 */
    border-radius: 3px;
	/* Webkit */
	-webkit-border-radius: 3px;
	/* Firefox */
	-moz-border-radius: 3px;
}
/*Txt Area _テキストエリアのサイズ*/
.inp_text {
	width: 100%;
}
.inp_text_s {
	width: 30%;
}
textarea {
	width: 100%;
}
/*Button*/
.inp_button {
	border:1px solid #BFBFBF;
	padding: 2px 7px;
	cursor: pointer;
	background: #CCC;
	/* CSS3 */
	border-radius: 3px;
	text-shadow:1px 1px 0 #FFF;
	/* Webkit */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(5%, #ccc), color-stop(100%, #eee));
	-webkit-border-radius: 3px;
	/* Firefox */
    background: -moz-linear-gradient(top, #fff 0%, #ccc 5%, #eee 100%);
	-moz-border-radius: 3px;
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient (startColorstr=#ffeeeeee, endColorstr=#ffffffff);
	zoom: 1;
}
.submit_btn {
	text-align: center;
	margin: 20px 0px;
}
.inp_submit01 {
	border:1px solid #5A6476;
	padding: 5px 30px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	background: #666;
	/* CSS3 */
	border-radius: 3px;
	text-shadow:1px 1px 0 #28343b;
	/* Webkit */
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 1px 1px 1px #fff;
	/* Firefox */
	-moz-border-radius: 3px;
	-moz-box-shadow: 1px 1px 1px #fff;
	/* IE */
	zoom: 1;
}
.inp_submit02 {
	border:1px solid #5A6476;
	padding: 5px 30px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	background: #333;
	/* CSS3 */
	border-radius: 3px;
	text-shadow:1px 1px 0 #28343b;
	/* Webkit */
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 1px 1px 1px #fff;
	/* Firefox */
	-moz-border-radius: 3px;
	-moz-box-shadow: 1px 1px 1px #fff;
	/* IE */
	zoom: 1;
}
          @media print, screen and (min-width:768px) {
          .inp_text {
            width: 50%;
          }
          .inp_text_s {
            width: 20%;
          }
          textarea {
            width: 80%;
          }
          #contact_form dl dt {
            float: left;
          }
          #contact_form dl dt {
            padding-left: 10px;
            width: 200px;
          }
          #contact_form dl dd {
            margin-left: 210px;
            border-left: 1px dotted #999;
            padding: 0px 0px 0px 15px;
          }
          }

/* menu */
.menu_tbl{
  width: 100%;
  margin: 0 auto 1.5em;
}
.menu_tbl tr{
  border-bottom: 1px dotted #a3a3a3;
}
  .menu_tbl th{
    padding: 0.3em 0;
  }
      .th_notes{
        font-size: 1.1rem;
        color: #c7c7c7;
      }
.menu_tbl th br{
  display: block;
}
      .th_notes br{
        display: block;
      }
  .menu_tbl td{
    padding: 0.3em 0;
    text-align: right;
  }
.menu_tbl td.w_set{
  width: 38%;
}
.menu_tbl td.w_set2{
  width:42%;
}
span.price_koumoku{
  font-size: 1.2rem;
  text-align: right;
  display:inline-block;
}
span.price{
  width: 6em;
  display: inline-block;
  margin-left: 0em;
  text-align: right;
}
          @media print, screen and (min-width:768px) {
                .th_notes{
                  font-size: 1.2rem;
                }
            .menu_tbl th br{
                display: none;
              }
          }
.box_menu{
  padding: 1em ;
  background: #fff;
  color: #333;
  border-top: 2px solid #afafaf;
}
.box_menu_dl{}
.box_menu_dl dt{
  padding: 0 0.3em;
  margin-bottom: 0.5em;
  display: inline-block;
  border-bottom: 2px solid #f12987;
}
.box_menu_dl dd{
  margin-bottom: 1em;
}
/* aujua */
#aujua_intro{}
#aujua_intro img.img-responsive{
  margin: 0 auto 1em;
  text-align: center;
}
.intro_tx{
  font-size: 1.8rem;
  line-height: 1.6em;
  color: #bebebe;
  text-align: center;
    font-family: "Sawarabi Mincho";
}
.tx_uline{
  padding: 0 0.2em;
  color: #fff;
  font-size: 2.2rem;
  display: inline-block;
  border-bottom: 2px solid #f12987;
}
          @media print, screen and (min-width:768px) {
            #aujua_intro img.img-responsive{
              margin: 0 auto ;
            }            
            .intro_tx{
              text-align: left;
              font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
            }
          }

.aujua_ti{
  margin: 1em auto 1em;
  font-size: 1.6rem;
  font-weight: normal;
  text-align: center;
  min-height: 1em;
  position: relative;
}
.aujua_ti br{
  display: block;
}
.aujua_ti::after {
	position: absolute;
	bottom: -4px;
	left: 50%;
  -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
	z-index: 2;
	content: '';
	width: 6em;
	height: 2px;
	background-color: #fbed2e;
}

          @media print, screen and (min-width:768px) {
            .aujua_ti{
              margin: 2em auto 1em;
            }
            .aujua_ti br{
                display: block;
              }
          }

ul.aujuaitem_list{
  text-align: center;
}
  ul.aujuaitem_list li{
  padding-bottom: 1em;
  }
  ul.aujuaitem_list li img.img-responsive{
    margin: 0 auto;
    text-align: center;
  }
  .item_tx{
    font-size: 1.4rem;
    margin: 0.5em auto;
    text-align: center;
  }
          @media print, screen and (min-width:768px) {
              ul.aujuaitem_list{
                width: 100%;
                display: table;
                text-align: center;
                margin: 0 auto;
              }
              ul.aujuaitem_list li{
                width: 20%;
                display: table-cell;
                padding-bottom: 0;
                text-align: center;
              }

          }

/* staff */
.staff_pic{
  box-shadow:0px 7px 0px -4px #6a6a6a;
}
.staff_tbl{
  width: 100%;
  margin: 0 auto 1em;
}
.staff_tbl tr{
border-bottom: 1px dashed #6f6f6f;
}
  .staff_tbl th{
    width: 33%;
    padding: 0.3em 0.5em;
    min-height: 1em;
    position: relative;
    line-height: 1.3em;
  }
  .staff_tbl th::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 2;
    content: '';
    width: 1.5em;
    height: 2px;
    background-color: #fbed2e;
  }
.staff_tbl th br{
  display: none;
}
  .staff_tbl td{
    padding: 0.3em 0.5em;
    line-height: 1.3em;
  }

          @media print, screen and (min-width:768px) {
            .staff_tbl{}
            .staff_tbl tr{
            border-bottom: 1px dashed #a7a7a7;
            }
            .staff_tbl th{
              width:25%;
              padding: 0.5em 0 0.5em 0.8em;
            }
              .staff_tbl th br{
                display: block;
              }
            .staff_tbl td{
              padding: 0.5em 0.8em;
            }
          }
.recruit_tbl{
  width: 100%;
  margin: 0 auto 1em;
}
.recruit_tbl th{
  width: 24%;
  padding: 0.3em 0.5em;  
  border-bottom: 2px solid #f12987;
}
.recruit_tbl td{
  padding: 0.3em 0.5em;
  border-bottom: 1px dashed #6f6f6f;
}
          @media print, screen and (min-width:768px) {
            .recruit_tbl th{
              width: 20%;
              padding: 0.5em 0.8em;  
            }
          
            .recruit_tbl td{
              padding: 0.5em 0.8em;  
              border-bottom: 1px dashed #a7a7a7;
            }

          }

/* campaign */
.campaign_area{
  min-height: 150px;
  padding: 1em;
  background: url(../img/campaign_img/bg_campaignarea.png) no-repeat left top;
  background-size: 100px auto;
}
.campaign_ti{
  margin: 0.8em auto 0.3em;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  color: #fbed2e;
  font-family: "Sawarabi Mincho";  
}
.campaign_tx{
  margin: 0 auto 1em;
  font-size: 1.6rem;
  text-align: center;
}
.campaign_tx span.campaign_price{
  display: block;
  font-size: 1.3em;
  font-weight: bold;
  color: #f12987;
}
.campaign_tx span.campaign_price span.price_off{
  font-size: 0.8em;
  font-weight: normal;
  margin-left: 0.2em;
}
          @media print, screen and (min-width:768px) {
            .campaign_area{
              background: url(../img/campaign_img/bg_campaignarea.png) no-repeat left top;
              background-size: 153px auto;
            }
            .campaign_ti{
              font-size: 2rem;
              font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
            }
            .campaign_tx{
              font-size: 1.6rem;
            }
           }

/* salon */
.salon_tbl{
  width: 100%;
  margin: 0 auto 1em;
}
.salon_tbl tr{
border-bottom: 1px dashed #6f6f6f;
}
  .salon_tbl th{
    width: 25%;
    padding: 0.5em 0.3em ;
    min-height: 1em;
    position: relative;
    line-height: 1.3em;
  }
  .salon_tbl th::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 2;
    content: '';
    width: 1.5em;
    height: 2px;
    background-color: #f12987;
  }
.salon_tbl th br{
  display: block;
}
  .salon_tbl td{
    padding: 0.5em 0.3em ;
    line-height: 1.3em;
  }
.salon_tbl a{
  color: #fff;
}
          @media print, screen and (min-width:768px) {
            .salon_tbl{}
            .salon_tbl tr{
            border-bottom: 1px dashed #a7a7a7;
            }
            .salon_tbl th{
              width:20%;
              padding: 0.7em 0 0.7em 0.8em;
            }
              .salon_tbl th br{
                display: none;
              }
            .salon_tbl td{
              padding: 0.7em 0.8em;
            }
          }
iframe{
  width: 100%;
  height: 300px;
}
          @media print, screen and (min-width:768px) {
            iframe{
              width: 100%;
              height: 400px;
            }
          }
.salon_flow{}
.salon_flow li{
  margin-top: 0.3em;
  padding: 0.5em 0 0;
  min-height: 3em;
  position: relative;
}

.salon_flow li p.flow_tx{
	position: relative;
  min-height: 1em;
  padding: 0.5em ;
}
.salon_flow li::before {
	position: absolute;
	left: 0;
	content: '';
	width: 2em;
	height: 3px;
	box-sizing: border-box;
  	border-top: 2px solid #f12987;
}
.salon_flow li p.flow_tx::before {
	position: absolute;
	top:0;
	content: '';
  width: 100%;
  z-index: -1;
	border-bottom: 1px solid #434343;
}

.salon_flow li:not(:last-of-type):after{
  font-family: 'Glyphicons Halflings';
  content: "\e094";
  display: block;
  position: relative;
  left: 1em;
  top: 0em;
  color: #909090;
  background: #000;
}
.flow_notes{
  display: block;
  font-size: 0.85em;
}

          @media print, screen and (min-width:768px) {
            .flow_notes{
              display: inline-block;
            }
          }

.gallery_area{
  padding:2em 0;
  min-height: 100px;
  position: relative;
  background: #fff;
  border-top: 2px solid #666;
}
.gallery_area::before {
	position: absolute;
	top: -2px;
	left: 0;
	z-index: 2;
	content: '';
	width: 2em;
	height: 2px;
	background-color: #f12987;
  border-right:3px solid #000;
}
ul.salon_gallery{}
ul.salon_gallery li{
  text-align: center;
  margin-bottom: 1em;
}
ul.salon_gallery li:last-of-type{
  margin-bottom: 0;
}
ul.salon_gallery li p.gallery_tx{
  margin-top: 0.3em ;
  color: #454545;
  text-align: center;
  font-family: "Sawarabi Mincho";    
}
          @media print, screen and (min-width:768px) {
            ul.salon_gallery{
              display: -webkit-flex; /* Safari */
              display: flex;
              -webkit-flex-wrap: wrap; /* Safari */
              flex-wrap:         wrap;
              -webkit-justify-content: space-around; /* Safari */
              justify-content:         space-around;
            }
            ul.salon_gallery li{
            }
            ul.salon_gallery li p.gallery_tx{
              font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
            }
          }