@charset "UTF-8";
/* button */
@-webkit-keyframes glowing {
  from {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  50% {
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  to {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
}

@-moz-keyframes glowing {
  from {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  50% {
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  to {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
}

@-o-keyframes glowing {
  from {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  50% {
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  to {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
}

@keyframes glowing {
  from {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  50% {
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  to {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
}

/* font */
/* style */
/* ==========================================================================
 Reset
 ========================================================================== */
html, body {
  height: 100%;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style: none;
  font-style: normal;
  font-weight: normal;
}


/* ==========================================================================
 サイト内共通
 ========================================================================== */
 :root {
  --main_color: #edafcf;
  --sub_color: #F09CC2;
  --blue_color: #8BC7E2;
  --bg_color01: #F9FAFC;
  --bg_color02: #f9fafc;
  --text_color: #111;
  --color_gold: #9e7a51;
  --color_red: #de4e4e;
  --color_gray: #a8a8a8;
  --color_green: #74c87d;
  --color_lightgray: #d9d9d9;
  --color_lightblue: #1ac1c9;
  --color_lightred: #ffe5e5;
}

/*paddingによる幅を無くします*/
*{
  -webkit-box-sizing:border-box;
  -mos-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box;
}

/*横幅をはみ出た部分は見えなくする*/
html{
  overflow-x: hidden;
}

body {
  width: 100%;
  min-width: 320px;
  min-height: 800px;
  background: #fff;
  color:#4F5D77;
  font-size:13px;
  font-family:"Jost","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height:1.4;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt";
}

/* body::-webkit-scrollbar {
  width: 16px;
}

body::-webkit-scrollbar-track {
  background-color: var(--bg_color);
}

body::-webkit-scrollbar-thumb {
  background-color: var(--sub_color);
  border-radius: 100px;
} */

a{
  color: #4F5D77;
  text-decoration:none;
  outline:none;
  -webkit-transition-property:color;
  -moz-transition-property:color;
  -o-transition-property:color;
  transition-property:color;
  -webkit-transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  -o-transition-duration:0.3s;
  transition-duration:0.3s;
  transition: 0.3s;
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}
a:hover{
  opacity: 0.8;
}

/*android版クローム　フォントサイズが大きくなる不具合対策*/
p {
  max-height: 999999px;
}

li {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  vertical-align: text-bottom;
}

/* float解除 */
.clear{
  clear:both;
}

header:after,
footer:after,
section:after,
article:after,
aside:after,
main:after,
div:after,
dl:after,
ul:after,
ol:after,
li:after {
  display: block;
  clear: both;
  height: 0;
  content: "";
}

a,
a:link,
a:visited,
a:active,
a:hover {
  /* FireFox リンク選択時の点線を消す */
  outline: none;
}

.tbl {
  display: table;
  table-layout: fixed;
}

/* .odd {
  background: white;
} */

/* .even {
  background: #fffcfd;
} */

#wrapper-exp .even {
  background: #fff2ef;
}

.txt-caption {
  color: #3399CC;
  font-weight: bold;
}

.msg-notfound {
  padding: 20px 10px 10px;
  color: #666666;
  font-size: 16px;
}

.msg-thanks {
  color: #666666;
  font-size: 16px;
  margin-bottom: 15px;
}

.msg-success {
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
  color: #468847;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 8px 14px 8px 14px;
  margin-bottom: 20px;
}

.require, .red {
  color: #FF0000;
}
span.require{
  display: inline;
  font-size: 10px;
  background: #c779b2;
  color: #fff;
  padding: 1px 8px;
  margin-left: 5px;
}

/****************************************
 common (共通スタイル)
****************************************/
/*ページ全体ふわっと表示*/
body {
  animation: fadeIn 3s ease 0s 1 normal;
  -webkit-animation: fadeIn 3s ease 0s 1 normal;
}
@keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}

.contents{
  width: 95%;
  max-width: 1000px;
  margin: 0 auto;
}
.wrap{
  margin: 0 auto;
/*   padding: 100px 70px 0; */
  padding: 100px 0 0;
  /* ↓ ヘッダーバナー表示中の場合 ↓ */
  padding-top: 130px;
}
.inner_1000{
  width: 1000px;
  margin: 0 auto;
}
.inner_750{
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  line-height: 1.6;
}
.inner_500{
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  line-height: 1.6;
}
@media screen and (max-width: 1000px){
  .wrap{
    padding: 100px 0;
  }
}

/*PC版769pxまでSP版786px〜*/
@media screen and (min-width: 769px) {
  .sp{
    display: none !important;
  }
  .ic_info.sp{
    display: inline-block !important;
  }
}
@media screen and (max-width: 768px) {
  /*共通*/
  .pc{
    display: none !important;
  }
  .wrap{
/*     padding: 20px 0; */
    padding: 0;
  }
}

/************* 共有設定 *************/
/* 上下余白設定 */
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}

.pd10{padding: 10px;}
.pd20{padding: 20px;}

/* フォントサイズ */
.fs_05em{font-size: 0.5em;}
.fs_08em{font-size: 0.8em;}
.fs_12em{font-size: 1.2em;}
.fs_15em{font-size: 1.5em;}
.fs_18em{font-size: 1.8em;}
.fs_20em{font-size: 2em;}

/* フォント太さ */
.fw_b{font-weight: bold;}
.fw_l{font-weight: 100;}

/* フォントカラー */
.color_01{color: #FFFDD0;}
.color_pink{color: #F09CC2;}
.color_purple{color: #D994D9;}
.color_scout{color: #F67FB8;}
.color_green{color: #49cf6b;}
.color_w{color: #fff;}
.color_yellow{color: #feffa1;}

/* センタリング */
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}

/* マーカー線 */
.border_01 {background: linear-gradient(transparent 55%, #f7e6e9 55%);}
.border_02 {background: linear-gradient(transparent 55%, #D0FBFF 55%);}

/* 背景色 */
.bg_01{
  background:#f9fbff;
  padding: 10px;
}
.bg_02{
  background:#f9fafc;
}
.bg_pink{
  background: #F09CC2;
  padding: 2px 5px;
  color: #fff;
  font-weight: bold;
}
.bg_blue{
  background: #849bba;
  padding: 2px 5px;
  color: #fff;
  font-weight: bold;
}
.bg_point{
  background: #effbff;
  padding: 10px;
}

/* h2設定 */
h2 {
  font-weight: bold;
  border-bottom: 2px solid #F09CC2;
  padding: 0.3em;
  margin-bottom: 30px;
  color: #4F5D77;
  font-size: 18px;
  text-align: left;
}
h2.blue{
  font-weight: bold;
  border-bottom: 2px solid #8BC7E2;
  padding: 0.3em;
  margin-bottom: 30px;
  color: #4F5D77;
  font-size: 18px;
  text-align: left;
}

/* box設定 */
.content_box{
  width: 100%;
  background: #F9FAFC;
  padding: 10px;
}

/* ボタン設定 */
/* リセットボタン */

/* 確定ボタン */

/****************************************
frame
****************************************/
/* frame共通 */
.header{
  z-index: 999;
}
.frame_left,
.frame_right{
  z-index: 998;
}
/* ヘッダー */
.header{
  width: 100%;
  /* height: 100px; */
  background: #edafcf;
  position: fixed;
  text-align: center;
}
.header h1,
.header p{
  display: inline-block;
  vertical-align: top;
}
.header_body:after, .header .member_btn:after, .header .member_btn *:after { display: none;}
.header_body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 20px;
  height: 70px;
  padding: 0 2vw;
}
.header_left_wrap {
  display: block;
  width: 40%;
  max-width: 250px;
}  
/* .header h1 a{
  display: block;
  width: 100%;
  max-width: 250px;
  margin: 15px auto;
  position: absolute;
  left: 70px;
} */
.header h1 a img{
  width: 100%;
  height: auto;
}
/* エリアの求人数 */
.header .count{
  /* position: absolute; */
  /* right: 10px; */
  /* top: 15px; */
  font-size: 11px;
}

/* ログインボタン */
.header .member_btn {
}
.header .member_btn ul{
  display: flex;
  align-items: center;
  gap: 8px;
}
.header .member_btn a{
  display: block flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 5px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #fff;
  font-size: 10px;
  white-space: nowrap;
  color: #fff;
  transition: 0.3s;
}
.header .member_btn a img{
  filter: invert(100%) sepia(7%) saturate(3%) hue-rotate(84deg) brightness(105%) contrast(100%);
}
.header .member_btn li:first-of-type a{
  background: #fff;
  color: #eb92c1;
}
.header .member_btn li:first-of-type a img{
  filter: invert(68%) sepia(14%) saturate(1220%) hue-rotate(279deg) brightness(99%) contrast(86%);
}
.header .member_btn li a:hover{
  color: #ef4893;
  background: #fff;
  opacity: 1;
}
.header .member_btn li a:hover img{
  filter: invert(52%) sepia(67%) saturate(5013%) hue-rotate(308deg) brightness(98%) contrast(91%); /* 濃ピンク */
}

/* ヘッダー上のエリア設定 */
.header .area_box{
  margin: 0 auto;
  padding: 5px 0;
  border-bottom: 1px solid #f0d1e1;
  background: #eb92c1;
}
.header .area_box ul{
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.header .area_box ul li{
  flex-basis: calc(100% / 11);
  display: block;
}
.header .area_box ul li a{
  color: #fff;
  transition: 0.3s;
  display: block;
}
.header .area_box ul li a:hover{
  color: #ef4893;
  font-weight: 700;
}

/* ヘッダーのpc_nav設定 */
#pc_nav{
  width: 100%;
  display: inline-block;
  /* padding-left: 350px; */
  /* padding-right: 200px; */
}
#pc_nav ul{
  display: flex;
  justify-content: space-evenly;
  flex-wrap: nowrap;
}
#pc_nav ul li{
  flex-basis: 100%;
}
#pc_nav ul li a{
  display: block;
  padding: 10px 0;
  color: #fff;
  border-right: 1px solid #fff;
  transition: 0.3s;
  letter-spacing: -0.5px;
}
#pc_nav ul li:last-child a{
  border-right: none;
}
#pc_nav ul li a:hover{
  background: #fff;
  color: #ef4893;
  font-weight: bold;
}

/* ヘッダーバナー */
.header_bnr_area{
  display: flex;
  justify-content: center;
  width: 100%;
  background: #fc73c2;
  overflow: hidden;
}
.header_bnr_area img {
  width: 1000px;
  height: auto;
}

/* frame_right */
.frame_right{
  width: 70px;
  height: 100vh;
  position: fixed;
  right: 0;
  background: #edafcf;
}

/* frame_left */
.frame_left{
  width: 70px;
  height: 100vh;
  position: fixed;
  left: 0;
  background: #edafcf;
}

@media screen and (max-width: 1000px){
  .frame_right,
  .frame_left{
    display: none !important;
  }
  /* .header h1 a{
    left: 10px;
  } */
  #pc_nav{
    /* padding-left: 260px; */
    /* padding-right: 120px; */
  }
}
@media screen and (max-width: 768px){
  .header{
    /* height: 70px; */
    background: #edafcf;
    position: relative;
    z-index: unset;
  }
  .header_left_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 200px;
    padding-top: 6px;
  }  
  /* .header h1 a{
    position: inherit;
    margin: 0;
  } */
  .header_bnr_area img {
    width: 100%;
  }
}

/* エリアトップループ文字 */
.loop_wrap {
  width: 100%;
  overflow: hidden;
}
.loop_wrap div {
  display: flex;
  width: 100vw;
}
.loop_wrap div img{
  min-width: 100vw;
}

.loop_wrap div img:first-child {
  animation: loop 100s -50s linear infinite;
}

.loop_wrap div img:last-child {
  animation: loop2 100s linear infinite;
}

@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

@media screen and (max-width: 1000px){
  .loop_wrap div img{
    min-width: 180vw;
  }
}
@media screen and (max-width: 600px){
  .loop_wrap div img{
    min-width: 260vw;
  }
}


/****************************************
SP用追従メニュー設定
****************************************/
#nav{
  width: 90%;
  position: fixed;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: rgba(81,82,87,0.85);
  border-radius: 30px;
  padding: 5px 10px;
  text-align: center;
  z-index: 2;
}
  #nav ul li{
    display: inline-block;
    width: 30%;
  }
  #nav ul li a,
  #nav ul li p{
    color: #fff;
  }

  /* フォーム設定 */
  .filter_container .search_item{
    width: 100%;
    padding: 3px 0;
    margin-bottom: 5px;
    display: block;
/*     background-color: #fbfcf5; */
    color: #8d9a6a;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
  }
  .filter_container select {
    width: 100%;
    padding: 3px;
    margin-bottom: 3px;
    border: 1px solid #d6d6d6;
    color: #818990;
  }
  .filter_container .check_area{
    display: block;
    position: relative;
    width: 100%;
    height: 35px;
    line-height: 35px;
    margin: 0 0 5px 0;
    font-size: 11px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-feature-settings: "palt";
  }
  .filter_container .check_area02{
    display: inline-block;
    position: relative;
    width: 48%;
    height: 30px;
    line-height: 30px;
    margin: 0 0 5px 0;
    font-size: 11px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-feature-settings: "palt";
  }
  .filter_container .check_area input[type="checkbox"],
  .filter_container .check_area02 input[type="checkbox"]{
      /* position: absolute;
      width: 100%;
      height: 35px;
      line-height: 35px;
      display: block;
      color: #A3A3A3;
      border: 1px solid #c9c9c9;
      border-radius: 4px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      outline: 0;
      cursor: pointer;
      transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1); */
  }
  .filter_container .check_area input[type="checkbox"]::before,
  .filter_container .check_area02 input[type="checkbox"]::before {
    position: absolute;
    content: "";
    display: block;
    top: 6px;
    right: 7px;
    width: 5px;
    height: 10px;
    border-style: solid;
    border-color: #0033ff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
  }
  .filter_container .check_area input[type="checkbox"]:checked,
  .filter_container .check_area02 input[type="checkbox"]:checked {
    color: #0033ff;
    border-color: #0033ff;
    background: #0033ff0d;
  }
  .filter_container .check_area input[type="checkbox"]:checked::before,
  .filter_container .check_area02 input[type="checkbox"]:checked::before {
    opacity: 1;
  }

  /* checkarea03 */
.check_area03{
    text-align: left;
}
.check_area03 input[type="checkbox"] {
  position: unset;
  margin-right: 0;
  top: unset;
}
.check_area03 label{
  display: inline-block;
  position: relative;
  width: 49%;
  height: 35px;
  line-height: 35px;
  margin: 0 0 5px 0;
  font-size: 11px;
  text-align: center;
}
.check_area03 label input[type=checkbox] {
  position: absolute;
  width:100%;
  height: 35px;
  line-height: 35px;
  display: block;
  color: #A3A3A3;
  border: 1px solid #bdc1c6;
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
      appearance: none;
  outline: 0;
  cursor: pointer;
  transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
}
.check_area03 label input[type=checkbox]::before {
  position: absolute;
  content: "";
  display: block;
  top: 9px;
  right: 7px;
  width: 5px;
  height: 10px;
  border-style: solid;
  border-color: #0033ff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}
.check_area03 label input[type=checkbox]:checked {
  color: #0033ff;
  border-color: #0033ff;
  background: #0033ff0d;
}
.check_area03 label  input[type=checkbox]:checked::before {
  opacity: 1;
}

  /* ボタン設定 */
.btn_area{
  text-align: center;
}
.btn_filter{
  cursor: pointer;
    width: 210px;
    display: inline-block;
    margin-bottom: 5px;
    border-radius: 4px;
    background: #F8876C;
    text-align: center;
    box-sizing: border-box;
    transition: 0.3s;
}
.btn_filter input{
  width: 100%;
  height: 100%;
  appearance: none;
  border: none;
  background: none;
  color: #fff;
  font-weight: 900;
  padding: 10px;
}

.btn_reset{
  width: 100px;
  display: inline-block;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #dadada;
    box-sizing: border-box;
}
.btn_reset input{
  width: 100%;
  height: 100%;
  padding: 10px;
  appearance: none;
  border: none;
  background: none;
  color: #B9B9B9;
  font-weight: 900;
}
 /* ドロワーの開閉設定 */
.drawer_frame{
  width: 66px;
  height: 66px;
  padding: 5px;
  border-radius: 50%;
  background: #f780b15e;
  position: absolute;
  bottom: -9px;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.drawer__btn {
  position: relative;
  margin: 0 auto;
  z-index: 3;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #f780b1;
  color: #fff;
  overflow: hidden;
  cursor: pointer;
  padding-top: 14px;
  box-sizing: border-box;
  transition: 0.2s;
}
.drawer__btn.active{
  background-color: #7d90b6;
}
.drawer__btn .close{
  opacity: 0;
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.drawer__btn.active .close{
  opacity: 1;
}
.drawer__btn .open{
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.drawer__btn.active .open{
  opacity: 0;
}
.drawer__menu {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10001;
  width: 100%;
  height: 86vh;
  height: 86dvh;
  padding: 25px 10px;
/*   background-color: #fff; */
  transition: 0.3s;
  transform: translateX(100%);
  opacity: 0;
  box-sizing: border-box;
/*   overflow-y: scroll; */
}
.drawer__menu.active {
  transform: translateX(0);
  opacity: 1;
}
.drawer__bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.7);
  transition: 0.3s;
  transform: translateX(100%);
  opacity: 0;
  cursor: pointer;
}
.drawer__bg.active {
  transform: translateX(0);
  opacity: 1;
}







/****************************************
formの共通設定
****************************************/

/* formのリセット */
input[type="text"],
input[type="email"],
select,
button {
  vertical-align: middle;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
form input[type="email"],
form select,
form textarea,
form input[type="text"] {
  width: 100%;
  padding: 10px;
  outline: none;
  border: 1px solid #ced4da;
  border-radius: 6px;
  background: #fff;
  -webkit-transition: all .3s;
  transition: all .3s;
  background: #fff;
  margin: 5px 0;
  font-size: 14px;
}
form input[type="email"]:focus,
form input[type="text"]:focus
form textarea:focus {
  box-shadow: 0 0 7px #F67FB8;
  border: 1px solid #F67FB8;
}
::placeholder {
  color: #cdcfdb;
}



/* 絞り込み検索設定 */
#filter_form .filter_box {
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.filter_container select{
    width: 100%;
    padding: 10px;
    margin-bottom: 3px;
    border: 1px solid #d6d6d6;
    color: #818990;
}
.filter_container .check_area{
  position: relative;
  width: 24.5%;
  height: 40px;
  line-height: 40px;
  margin: 0 0 5px 3px;
  font-size: 13px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  background: #fff;
  white-space: nowrap;
  font-feature-settings: "palt";
}
.filter_container .check_area input[type="checkbox"]{
    position: absolute;
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: block;
    color: #A3A3A3;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    cursor: pointer;
    transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
}
.filter_container .check_area input[type="checkbox"]::before {
  position: absolute;
  content: "";
  display: block;
  top: 10px;
  right: 7px;
  width: 5px;
  height: 10px;
  border-style: solid;
  border-color: #0033ff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}
.filter_container .check_area input[type="checkbox"]:checked {
  color: #0033ff;
  border-color: #0033ff;
  background: #0033ff0d;
}
.filter_container .check_area input[type="checkbox"]:checked::before {
  opacity: 1;
}
.filter_container .check_area::last-child{
  opacity: 0;
}
@media screen and (max-width: 768px){
  .filter_container .check_area{
    width: 33%;
    margin: 0 0 5px 1px;
  }
  /* SP絞り込みボタンクリック内 */
  #nav.sp .filter_container .scroll_box{
    height: 60vh;
    max-height: 600px;
    overflow-y: scroll;
  }

  #nav.sp .filter_container .btn_area{
    padding-top: 10px;
  }
}

@media screen and (max-height: 670px){
  #nav.sp .filter_container .scroll_box{
    height: 52vh;
  }
}

@media screen and (max-width: 450px){
  .filter_container .check_area{
    width: 49%;
  }
  .filter_container h2.sp{
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 380px){
  #nav.sp .filter_container .scroll_box{
    height: 52vh;
  }
}


/* お問い合わせページ */
#contact table{
  width: 100%;
}
#contact table th{
  width: 25%;
  border-bottom: 1px dotted #CCCCCC;
  text-align: left;
  vertical-align: middle;
  background: #f9fbff;
  padding-left: 10px;
}
#contact table td{
  border-bottom: 1px dotted #CCCCCC;
}

@media screen and (max-width: 768px){
  #contact table{
    border-top: none;
  }
  #contact table th,
  #contact table td{
    display: block;
    width: 100%;
    border-bottom: none;
    padding: 10px;
  }
}






  /* フォントサイズ */
  .fs_12em{font-size: 1.2em;}
  .fs_05em{font-size: 0.5em;}
  .fs_08em{font-size: 0.8em;}
  .fs_15en{font-size: 1.5em;}

  .btn {
   border: 1px solid #B3B3B3;
   padding: 2px 12px;
   line-height: 19px;
   color: #1f1f1f;
   text-align: center;
   display: -moz-inline-stack;
   display: inline-block;
   vertical-align: middle;


   *vertical-align: auto;
   zoom: 1;


   *display: inline;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -ms-border-radius: 8px;
   -o-border-radius: 8px;
   border-radius: 8px;
   background-color: #e6e6e6;


   *zoom: 1;
   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFDFDFD', endColorstr='#FFE6E6E6');
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(100%, #e6e6e6));
   background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #e6e6e6 100%);
   background-image: -moz-linear-gradient(top, #fdfdfd 0%, #e6e6e6 100%);
   background-image: -o-linear-gradient(top, #fdfdfd 0%, #e6e6e6 100%);
   background-image: linear-gradient(top, #fdfdfd 0%, #e6e6e6 100%);
   margin-right: auto;
   margin-left: auto;
 }
 .btn:hover, .btn:active {
  color: #1f1f1f;
}
.btn:hover {
  background-color: #d9d9d9;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF0F0F0', endColorstr='#FFD9D9D9');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #d9d9d9));
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #d9d9d9 100%);
  background-image: -moz-linear-gradient(top, #f0f0f0 0%, #d9d9d9 100%);
  background-image: -o-linear-gradient(top, #f0f0f0 0%, #d9d9d9 100%);
  background-image: linear-gradient(top, #f0f0f0 0%, #d9d9d9 100%);
}
.btn-reg, .btn-del {
  color: #FFFFFF;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
}
.btn-reg:hover, .btn-reg:active, .btn-del:hover, .btn-del:active {
  color: #FFFFFF;
}

.btn-reg {
  border-color: #7A9139;
  background-color: #7d9c39;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF98B73C', endColorstr='#FF7D9C39');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #98b73c), color-stop(100%, #7d9c39));
  background-image: -webkit-linear-gradient(top, #98b73c 0%, #7d9c39 100%);
  background-image: -moz-linear-gradient(top, #98b73c 0%, #7d9c39 100%);
  background-image: -o-linear-gradient(top, #98b73c 0%, #7d9c39 100%);
  background-image: linear-gradient(top, #98b73c 0%, #7d9c39 100%);
}
.btn-reg:hover {
  background-color: #6e8932;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF88A436', endColorstr='#FF6E8932');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #88a436), color-stop(100%, #6e8932));
  background-image: -webkit-linear-gradient(top, #88a436 0%, #6e8932 100%);
  background-image: -moz-linear-gradient(top, #88a436 0%, #6e8932 100%);
  background-image: -o-linear-gradient(top, #88a436 0%, #6e8932 100%);
  background-image: linear-gradient(top, #88a436 0%, #6e8932 100%);
}

.btn-del {
  border-color: #B04942;
  background-color: #bf5143;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE55249', endColorstr='#FFBF5143');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e55249), color-stop(100%, #bf5143));
  background-image: -webkit-linear-gradient(top, #e55249 0%, #bf5143 100%);
  background-image: -moz-linear-gradient(top, #e55249 0%, #bf5143 100%);
  background-image: -o-linear-gradient(top, #e55249 0%, #bf5143 100%);
  background-image: linear-gradient(top, #e55249 0%, #bf5143 100%);
}
.btn-del:hover {
  background-color: #ad483b;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE23D33', endColorstr='#FFAD483B');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e23d33), color-stop(100%, #ad483b));
  background-image: -webkit-linear-gradient(top, #e23d33 0%, #ad483b 100%);
  background-image: -moz-linear-gradient(top, #e23d33 0%, #ad483b 100%);
  background-image: -o-linear-gradient(top, #e23d33 0%, #ad483b 100%);
  background-image: linear-gradient(top, #e23d33 0%, #ad483b 100%);
}

.btn-large {
  padding: 5px 12px;
  font-size: 22px;
  line-height: 35px;
  font-weight: bold;
}

.btn-wrap {
  padding: 10px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3e3), color-stop(100%, #f2f2f2));
  background: -webkit-linear-gradient(top, #e3e3e3, #f2f2f2);
  background: -moz-linear-gradient(top, #e3e3e3, #f2f2f2);
  background: -o-linear-gradient(top, #e3e3e3, #f2f2f2);
  background: linear-gradient(top, #e3e3e3, #f2f2f2);
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
}

.glow {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -ms-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -khtml-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: glowing;
  -khtml-animation-name: glowing;
  -moz-animation-name: glowing;
  -ms-animation-name: glowing;
  -o-animation-name: glowing;
  animation-name: glowing;
}

.single-head, #mainContent .item .head {
  border-bottom: 3px solid #98c022;
  padding: 0 5px 10px;
}

/* ===============
  .listFrm
=============== */
.listFrm {
  margin: 20px 0 40px;
}
.status p {
/*   padding: 0 0 16px; */
  font-size: 14px;
}
.status p b {
  font-size: 16px;
  color: #ff0000;
}
.listFrm {
  background: #fff;
}
.listFrm table {
  width: 100%;
  border-collapse: separate;
  border-radius: 4px;
  border:1px solid #e4e4e4;
}
.listFrm table th {
  width: 20%;
  padding: 10px;
  font-size: 12px;
  color: #535353;
  background: #f8f8f8;
  text-align: left;
  font-weight: normal;
  border-bottom: 1px solid #e4e4e4;
}
.listFrm table td{
  border-bottom: 1px solid #e4e4e4;
}
.listFrm table td .flex {
  display: flex;
  align-items: center;
}
.listFrm table tr:first-of-type th {
  border-radius: 4px 0 0 0;
}
.listFrm table tr:last-of-type th:not(th.bd) {
  border-radius: 0 0 0 4px;
}
.listFrm table th.bd {
  border-left: 1px solid #e4e4e4;
}
.listFrm table td {
  width: 100%;
  margin-left: 6px;
}
.listFrm select,
#searchform2 input[type="text"] {
  width: 100%;
  padding: 10px 12px;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 13px;
  color: #535353;
}
.listFrm td .flex .select_box:first-of-type {
  width: 50%;
}
.listFrm td .flex .select_box:last-of-type {
  width: 50%;
}
.listFrm td.type {
  width: 315px;
}
.listFrm td.business {
  width: 310px;
}
.listFrm.nostep td .flex .select_box:first-of-type {
  width: 235px;
}
.listFrm.nostep td .flex .select_box:last-of-type {
  width: 280px;
}
.listFrm.nostep table td {
  width: auto;
}
.listFrm.nostep td.answer {
  width: 107px;
}
.select_box {
  position: relative;
  border-left: 1px solid #e4e4e4;
}
.select_box::before {
  position: absolute;
  top: 21px;
  right: 10px;
  content: '';
  width: 0;
  height: 0;
  padding: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #b8b8b8;
  pointer-events: none;
}
.listFrm .flex div {
  display: flex;
  align-items: center;
}
.listFrm .flex + .flex {
  margin-top: 16px;
}
.listFrm .frm_submit {
  display: flex;
  width: 90%;
  margin: 20px auto 0;
}
.frm_submit .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 14px;
  box-sizing: border-box;
}
.btn_clear {
  width: 30%;
  max-width: 120px;
  height: 44px;
  margin-right: 16px;
  border: 1px solid #e7e7e7;
  background: #f8f8f8;
  color: #707070;
  transition: all .3s;
}
.btn_search {
  width: 100%;
  height: 44px;
  border: 1px solid #F8876C;
  background: #F8876C;
  color: #fff;
  transition: all .3s;
}
.btn_second {
  border: 1px solid #8EBB00;
  background: #fff;
  color: #8EBB00;
  box-sizing: border-box;
  transition: all .3s;
}
.btn_contact {
  color: #fff;
  background: #8EBB00;
  border: #8EBB00;
  transition: all .3s;
}
.btn_sub {
  padding: 8px 12px;
  background: #fff;
  border: 1px solid #81a9bc;
  color: #81a9bc;
  box-sizing: border-box;
  transition: all .3s;
}
.btn_clear:hover {
  color: #707070;
  background: #eeeeee;
}
.btn_search:hover {
  color: #fff;
  border: 1px solid #ea7b5f;
  background: #ea7b5f;
}
.btn_second:hover {
  background: #f5fddb;
  color: #8EBB00;
}
.btn_contact:hover {
  color: #fff;
  background: #83aa01;
  border: #83aa01;
}
.btn_sub:hover {
  background: #dee7ec;
  color: #558aa3;
}
.frm_submit .input_box {
  position: relative;
  display: inline-block;
  width: 100%;
}
.frm_submit .input_box::before {
  content: "";
  position: absolute;
  top: 11px;
  left: calc(50% - 52px);
  display: inline-block;
  background: url(../images/icon-search.svg) no-repeat 0 0;
  width: 20px;
  height: 20px;
}
#searchform2 input[type="text"] {
  position: relative;
  width: auto;
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  background: #fff;
}

.more-link {
  text-align: right;
  margin: 10px 0;
}

.tbl-border {
  width: 100%;
  font-size: 14px;
}
.tbl-border th, .tbl-border td {
  border-bottom: 1px dotted #CCCCCC;
}
.tbl-border th {
  width: 100px;
  padding: 15px 10px;
  vertical-align: top;
}
.tbl-border td {
  padding: 15px 10px 15px 0;
}

.page_navi {
  padding: 12px 10px 10px;
  text-align: center;
  /* background: url(../images/bg-dot.gif) repeat-x top left; */
}
.page_navi a, .page_navi span {
  display: inline-block;
  height: 30px;
  width: 30px;
  margin: 0 5px;
  line-height: 30px;
  text-align: center;
  font-size: 20px;
  color: #6C7FA3;
  font-weight: 600;
}
.page_navi span.page {
  color: #F09CC2;
}

/* ページネーション矢印設定 */
.page_navi a.first,
.page_navi a.last {
  border: 1px solid #6C7FA3;
  border-radius: 50px;
  line-height: 23px;
}

.status + .page_navi {
  padding-top: 10px;
  background: none;
}

/* ==========================================================================
   Layout
   ========================================================================== */
/* ===============
   #clearfix
   =============== */
   .single-head, #mainContent .item .head, #header, #head-utility-nav ul, #container, #mainContent .list-large2 li, #mainContent .list-large2 li .info, #mainContent .list-large2 li .info .date, #iconinfo dl, #footContent, #foot-nav, #foot-info, #foot-link ul, #breadcrumb ul, .list-head, #result .head, #result .content, #result .content .info .list-service, #result .content .info .list-status, #result .content .info .opt ,#mainContent .movie, #body_pandachannel #text-link{
    overflow: hidden;
    *zoom: 1;
  }
  .single-head:after, #mainContent .item .head:after, #header:after, #head-utility-nav ul:after, #container:after, #mainContent .list-large2 li:after, #mainContent .list-large2 li .info:after, #mainContent .list-large2 li .info .date:after, #iconinfo dl:after, #footContent:after, #foot-nav:after, #foot-info:after, #foot-link ul:after, #breadcrumb ul:after, .list-head:after, #result .head:after, #result .content:after, #result .content .info .list-service:after, #result .content .info .list-status:after, #result .content .info .opt:after, #mainContent .movie:after, .clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
  }

  #wrapper {
    position: relative;
    margin: 0 auto;
    width: 1020px;
    background: #FFFFFF;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    z-index: 200;
  }
  #wrapper2 {
   position: relative;
   margin: 0 auto;
   width: 550px;
   background: #FFFFFF;
   -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
   z-index: 200;
 }

/* ==========================================================================
   #header
   ========================================================================== */
   #header {
    position: relative;
    width: 1020px;
    overflow: visible !important;
  }
  #header #head-logo {
    float: left;
    padding: 40px 0 10px 5px;
  }
  #header #head-banner {
    position: absolute;
    top: 45px;
    right: 20px;
    height: 60px;
    width: 468px;
  }
  #header .text {
    position: absolute;
    top: 44px;
    right: 20px;
    width: 480px;
    line-height: 1.3;
    font-size: 10px;
  }
  #header h1 {
    clear: both;
    background-color: #98c022;
    line-height: 30px;
    color: #fff;
    text-align: center;
  }


#head-arealink {
    position: absolute;
    top: 0;
    width: 100%;
}
#head-arealink ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    box-shadow: 0 1px 0px rgb(135 165 137) inset;
    background-color: #95BF3C;
}
#head-arealink ul li a {
    display: block;
    height: 30px;
    padding: 2px 15px 0 15px;
    line-height: 30px;
    color: #fff;
    text-align: left;
    background:url(../images/dot-arealink.png) no-repeat center left;
    box-sizing: border-box;
}
#head-arealink ul li:first-child a {
    background: none;
}
#head-arealink ul li a:hover {
    color: #405405;
}
#head-arealink ul li a i {
    margin-right: 5px;
}


/* アロパン・お問い合わせ追従 */
#head-utility-nav {
    position: absolute;
    top: 50px;
    left: 100%;
    text-align: center;
}

#head-utility-nav ul {
    position: fixed;
    background-color: #fbfaf7;
    box-shadow: 2px 1px 3px rgba(0,0,0,0.2);
}
#head-utility-nav ul li:first-child::after {
    content: "";
    display: block;
    width: 54%;
    margin: 0 auto;
    border-bottom: 1px dashed #575756;
}
#head-utility-nav ul li a {
    position: relative;
    display: block;
    padding: 15px 10px;
    color: #1F1F1F;
    font-size: 12px;
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    transition: all 0.2s;
}
#head-utility-nav ul li a:hover {
    color: #FFF;
    background-color: #98c022;
}
#head-utility-nav ul li:last-child a{
    border-bottom: none;
}

/* エリア追従 */
#head-utility-nav02 {
  position: absolute;
  top: 50px;
  left: -160px;
  text-align: center;
}
#head-utility-nav02 ul {
  width: 150px;
  position: fixed;
  background: #FBF8FF;
  padding: 10px;
  box-shadow: -2px 2px 3px rgba(0,0,0,0.1);
}
#head-utility-nav02 ul li a {
  display: block;
  padding: 15px 10px;
  font-size: 12px;
  transition: all 0.3s;
  text-align: left;
}
#head-utility-nav02 ul li a:hover {
  color: #FFF;
  background-color: #D271D6;
}


/* ==========================================================================
   #container
   ========================================================================== */
   #container {
    position: relative;
    padding: 0 0 90px;
    z-index: -200;
  }
  #container2 {
    position: relative;
    padding: 20px;
    z-index: -200;
  }

/* ===============
   #mainContent
   =============== */
   #mainContent {
    width: 780px;
    padding: 20px 20px 0 0;
    float: right;
  }
  #mainContent .branding p {
    position: absolute;
    top: 60px;
    left: 0;
    width: 700px;
    padding: 20px 40px 0;
    color: #FFFFFF;
    font-family: "明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 16px;
    -webkit-transform-origin: 0 0;
    -webkit-transform: scale(1, 1.01);
    -moz-transform-origin: 0 0;
    -moz-transform: scale(1, 1.01);
    -ms-transform-origin: 0 0;
    -ms-transform: scale(1, 1.02);
    /* IE9だけ1.02 */
    -o-transform-origin: 0 0;
    -o-transform: scale(1, 1.01);
    text-shadow: 7px 7px 4px rgba(0, 0, 0, 0.65);
  }
  #mainContent .item {
    margin-bottom: 15px;
  }
  #mainContent .item .head h3 {
    float: left;
  }
  #mainContent .item .head .more {
    float: right;
    color: #202020;
    font-size: 12px;
    line-height: 20px;
  }
  #mainContent .item .head .more:after {
    margin-left: 10px;
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    height: 20px;
    width: 20px;
    line-height: 20px;
    background: #a2c758;
    color: white;
    text-align: center;
    vertical-align: top;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
  #mainContent .item .head .more:hover {
    color: #3399cc;
  }
  #mainContent .item .head .more:hover:after {
    background: #3399cc;
  }
  #mainContent .list-large2 li {
    padding: 10px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px dashed #98c022;
  }
  #mainContent .list-large2 li:last-child {
    border: none;
  }
  #mainContent .list-large2 li .thumbs {
    float: left;
    width: 80px;
  }
  #mainContent .list-large2 li .info {
    float: right;
    width: 670px;
    padding-left: 10px;
  }
  #mainContent .list-large2 li .info .date, #mainContent .list-large2 li .info .shop {
    color: #666666;
  }
  #mainContent .list-large2 li .info .date div {
    float: right;
    color: #B4A798;
    line-height: 18px;
    font-size: 11px;
  }
  #mainContent .list-large2 li .info .date div img {
    vertical-align: top;
  }
  #mainContent .list-large2 li .info .wrap {
    float: left;
    width: 545px;
  }
  #mainContent .list-large2 li .info .wrap h4 {
    font-size: 14px;
    margin-bottom: 5px;
  }
  #mainContent .list-large2 li .info .wrap .opt {
    font-size: 12px;
    line-height: 16px;
  }
  #mainContent .list-large2 li .info .wrap .opt .station {
    background: url(../images/icon-station.svg) no-repeat 0 0;
    padding-left: 21px;
    margin-right: 5px;
    color: #fff;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
  }
  #mainContent .list-large2 li .info .wrap .opt .station span {
    overflow: hidden;
    height: 16px;
    padding: 0 5px;
    background: #008033;
    font-size: 11px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
  }
  #mainContent .list-large2 li .info .wrap .opt .shop {
    vertical-align: top;
    font-size: 14px;
    font-weight: bold;
  }
  #mainContent .list-large2 li .info .mark {
    float: right;
    width: 125px;
    padding-top: 10px;
    text-align: right;
  }



/* ==========================================================================
   パンダエステジョブの使い方
========================================================================== */
.content_howto h2{
  border-bottom: none;
  width: 80%;
  max-width: 380px;
  margin: 0 auto 30px;
}
/* howtoのアコーディオン設定 */
.content_howto {
  width: 95%;
  max-width: 750px;
  position: relative;
  margin: 20px auto 120px;
}
.howto_txt {
  height: 90px;
  overflow: hidden;
  line-height: 2;
  font-size: 14px;
}
.show_more {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 30px;
  padding-top: 60px;
  text-align: center;
  line-height: 30px;
  background: linear-gradient(
    180deg,
    rgb(255, 255, 255, 0) 0%,
    rgb(255, 255, 255, 1) 70%
  );
  cursor: pointer;
  transition: bottom 0.2s;
}
.show_more div{
  width: 250px;
  margin: 0 auto;
  border: 1px solid #eee;
  padding: 5px;
  border-radius: 25px;
}
.content_howto .active {
  background: none;
  bottom: -30px;
}
.content_howto .img_howto{
  width: 95%;
  max-width: 350px;
  vertical-align: top;
  margin: 10px;
}
.content_howto .discription{
  width: 95%;
  max-width: 350px;
  display: inline-block;
  margin: 10px;
}
.content_howto .discription .ic_info{
  vertical-align: baseline;
}

@media screen and (max-width: 768px) {
  .content_howto .img_howto{
    max-width: 100%;
  }
}


/* ==========================================================================
   column(スカウトサービス & 本日の繁盛店)
========================================================================== */
.column_01 .scout_box{
  width: 100%;
  max-width: 600px;
  display: inline-block;
  vertical-align: top;
  margin: 10px;
}
.column_01 .area_soldout{
  width: 100%;
  max-width: 350px;
  display: inline-block;
  vertical-align: top;
  margin: 10px;
}

/* -----スカウトサービス----- */
.bnr_box{
  position: relative;
  display: block;
}
.bnr_box .circle{
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 120px;
  height: 120px;
  z-index: 2;
}
.bnr_box .circle img{
  position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  animation: 15s linear infinite circle;
}
@keyframes circle {
  0% { transform: rotateZ(0);}
  100% { transform: rotateZ(360deg); }
}
.bnr_box .before_hover{
  opacity: 1;
  transition: 0.2s;
}
.bnr_box .after_hover{
  opacity: 0;
  transition: 0.2s;
}
.bnr_box:hover .before_hover{
  opacity: 0;
}
.bnr_box:hover .after_hover{
  opacity: 1;
}
.bnr_box .circle::after{
  content: "\f061";
  font-family: FontAwesome;
  position: absolute;
  /* right: 30px; */
  /* bottom: 53px; */
	top: 40%;
	left: 50%;
	translate: -50% -50%;
  font-weight: 600;
  font-size: 20px;
  transition: 0.2s;
  color: #dc439b;
  z-index: 2;
}
.bnr_box:hover .circle::after{
  color: #43d3dc;
}
/* ==========================================================================
   column(遠征バイト & Q&A)
========================================================================== */
.column_01 .exp_box{
  width: 100%;
  max-width: 600px;
  display: inline-block;
  vertical-align: top;
  margin: 10px;
}
.column_01 #enquete{
  width: 100%;
  max-width: 350px;
  display: inline-block;
  vertical-align: top;
  margin: 10px;
}

/* トップページQ&A設定 */
#enquete .enquete_box a{
  flex-basis: 100%;
}
#enquete .enquete_box a:nth-child(2n + 1){
  margin-right: 0;
}
#enquete .enquete_box a .flex_box{
  display: flex;
}
#enquete .enquete_box a .img_box{
  width: 100px;
  height: 78px;
}
#enquete .enquete_box a .info_box{
  width: calc(100% - 100px);
}

/* column_01共通設定 */

@media screen and (max-width: 768px){
  .column_01 .scout_box,
  .column_01 .area_soldout,
  .column_01 .exp_box,
  .column_01 #enquete {
    margin: 0 auto 50px;
    max-width: 600px;
  }
  .area_soldout ul{
    height: auto;
    max-height: 300px;
    overflow-y: scroll;
  }
}
/* ==========================================================================
   soldout 予約完売店
 ========================================================================== */
/* -----本日の繁盛店----- */
.area_soldout ul{
  height: auto;
  max-height: 547px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-bottom: 20px;
  margin-bottom: 3px;
}
.area_soldout ul li{
  position:relative;
  font-size: 12px;
  padding: 8px 0;
  border-bottom: dashed 1px #D3BEA0;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.area_soldout ul li::after{
  position: absolute;
  right: 14px;
  top: calc(50% - 4px);
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--sub_color);
  border-right: 2px solid var(--sub_color);
  transform: rotate(45deg);
  transition: 0.3s;
}
.area_soldout ul li:hover::after{
  right: 8px;
}
.area_soldout ul li a{
  display:flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.area_soldout ul li a .thum{
  aspect-ratio: 4 / 3;
  width: 80px;
}
.area_soldout ul li a .txt{
  padding-left: 12px;
  text-align: left;
}
.area_soldout ul li a .txt .time{
  color:var(--sub_color);
}
.area_soldout ul li a .txt .shop{
  margin-top: 2px;
  font-weight:700;
}
.soldout_foot img{
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.soldout_foot img:hover{
  opacity: 0.8;
}
.soldout_foot .soldout_title_foot{
  padding-top: 2px;
  font-size: 12px;
  text-align: center;
  color: #555;
  font-weight: bold;
}
.txt_sold_not{
  text-align: center;
  padding-top: 10px;
}
.bg_c{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fafcf5;
  padding: 20px 10px;
  margin-bottom: 10px;
  color: #607d07;
}
.bg_c span{
  font-size: 16px;
  letter-spacing: 0.1em;
}
#searchform2{
  display: flex;
  align-items: center;
}
#searchform2 input[type="text"]{
  width: 320px;
  height: 44px;
  box-sizing: border-box;
  border-radius: 8px 0 0 8px;
  border-right: none;
}
#searchform2 .btn {
  display: inline-block;
  width: 100px;
  text-align: right;
  border-radius: 0 8px 8px 0;
}
#searchform2 .input_box::before {
  content: "";
  position: absolute;
  left: calc(50% - 40px);
}
#mainContent #list-soldout .title_solid{
  width: 100%;
  border-bottom: 2px solid #98c022;
  box-sizing: border-box;
}
#mainContent #list-soldout .time_date{
  padding: 0 5px 5px;
  font-size: 16px;
}
#mainContent #list-soldout .odd,
#mainContent #list-soldout .even{
  width: 49.5%;
  box-sizing: border-box;
  display: inline-block;
  background: #fafcf5
}
#mainContent #list-soldout .info, #mainContent #list-soldout .thum {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  float: none;
}
#mainContent #list-soldout li .info {
  width: 250px;
}
#mainContent #list-soldout li .info .date div{
 float: none;
}
#mainContent .list-soldout li .info .date div{
 float: none;
}
 .title_solid{
  font-size: 18px;
  letter-spacing: 0.3em;
  color: #607d07;
}
/* .soldout_date{
  width: 100%;
  margin-bottom: -10px;
} */
/* .soldout_date p{
  width: 24.5%;
  margin-right: 20px;
  display: inline-block;
  padding: 5px 0;
  margin-bottom: 10px;
  text-align: center;
  border-right: 1px solid #658217;
  background: #ecf3dc;
  border-radius: 2px;
  color: #658217;
} */
/* .soldout_date p:last-child,
.soldout_date p:nth-child(4n){
  border-right: none;
} */

/* ------------壽﨑が設定------------- */
.bg_01 span{
  font-size: 16px;
}
#searchform2{
  display: flex;
  align-items: center;
  margin-top: 10px;
}
#searchform2 input[type="text"] {
  width: calc(100% - 100px);
  height: 44px;
  box-sizing: border-box;
  border-radius: 8px 0 0 8px;
  border-right: none;
}
.frm_submit .input_box {
  position: relative;
  display: inline-block;
  width: 100%;
}
.frm_submit .input_box::before {
  content: "";
  position: absolute;
  top: 10px;
  left: calc(50% - 52px);
  display: inline-block;
  background: url(../images/icon-search.svg) no-repeat 0 0;
  width: 22px;
  height: 22px;
}
#searchform2 .input_box::before {
  content: "";
  position: absolute;
  left: calc(50% - 43px);
}
.frm_submit .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-weight: bold;
  font-size: 14px;
  text-shadow: none;
  box-sizing: border-box;
  box-shadow: none;
}
.btn_search {
  width: 100%;
  padding: 12px;
  border: 1px solid #F8876C;
  background: #F8876C;
  color: #fff;
  transition: all .3s;
}

/* 完売店の設定 */
#soldout .daily .odd,
#soldout .daily .even{
  width: 370px;
  padding: 10px;
  background: #FFFAFB;
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: top;
}
#soldout .daily .odd div,
#soldout .daily .even div{
  display: inline-block;
  vertical-align: top;
}
#soldout .daily .odd .thum,
#soldout .daily .even .thum{
  width: 160px;
  height: 124px;
}
#soldout .daily .odd .info,
#soldout .daily .even .info{
  width: calc(100% - 170px);
}
#soldout .daily .info .date{
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  border-radius: 15px;
  background: #f7a4cd;
  color: #fff;
}
#soldout .daily .info .shop{
  font-weight: 700;
}
#soldout .daily .info .station{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

/* 予約完売店店舗検索の場合 */
#soldout .daily.list .odd,
#soldout .daily.list .even{
  width: 100%;
  display: block;
}
.soldout_date{
  width: 100%;
}
.soldout_date p{
  width: calc((100% - 20px) / 4);
  display: inline-block;
  padding: 5px 0;
  margin-bottom: 5px;
  text-align: center;
  background: #f3dcf1;
  border-radius: 2px;
  color: #dc46cf;
}

@media screen and (max-width: 786px){
    #soldout .daily .odd,
    #soldout .daily .even{
      width: 100%;
    }
  }
  @media screen and (max-width: 600px){
    .soldout_date p{
      width: calc((100% - 10px) / 2);
    }
  }





/* ==========================================================================
   新着!求人情報
========================================================================== */

.content_new .slide_box{
  width: 100%;
  height: 410px;
  overflow-x: scroll;
  overflow-y: hidden;
  margin-bottom: 20px;
}
.content_open .slide_box{
  width: 100%;
  height: 360px;
  overflow-x: scroll;
  overflow-y: hidden;
  margin-bottom: 20px;
}
.slide_box ul{
  display: flex;
}


.slide_box::-webkit-scrollbar {
  width: 16px;
}

.slide_box::-webkit-scrollbar-track {
  background-color: var(--bg_color01);
}

.slide_box::-webkit-scrollbar-thumb {
  background-color: var(--sub_color);
  border-radius: 100px;
}
.content_open .slide_box::-webkit-scrollbar-thumb {
  background-color: var(--blue_color);
  border-radius: 100px;
}

/* -----shop_box設定----- */

/* ピンクver */
.shop_box01{
  width: 250px;
  height: 310px;
  padding: 20px 40px;
  border: 1px solid #F09CC2;
  position: relative;
  margin: 50px 30px 0 0;
  display: inline-block;
  vertical-align: top;
}

/* ブルーver */
.shop_box02{
  width: 250px;
  height: 250px;
  padding: 20px 40px;
  border: 1px solid #8BC7E2;
  position: relative;
  margin: 50px 30px 0 0;
  display: inline-block;
  vertical-align: top;
}

/* shop_box内共通設定 */
.shop_box01 .img_box,
.shop_box02 .img_box{
  text-align: center;
}
.shop_box01 .img_box img,
.shop_box02 .img_box img{
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.shop_box01 .txt_box h3 a,
.shop_box02 .txt_box h3 a{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.shop_box01 .txt_box .name,
.shop_box02 .txt_box .name{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
/* shop_box02オープン日設定 */
.date_box{
  position: absolute;
  top: -50px;
  left: 0;
}

.shop_box01 .date_box{
  top: -38px;
}
.date_box .date_frame {
  position: relative;
  padding: 3px 20px;
  color: #fff;
  border-radius: 20px;
  background: #8BC7E2;
  line-height: 1.2;
}
.date_box .date_frame:after {
  position: absolute;
  bottom: -9px;
  left: 45%;
  width: 0;
  height: 0;
  content: '';
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #8BC7E2 transparent transparent transparent;
}
.shop_box01 .date_box .date_frame{
  background: #F09CC2;
  padding: 5px 20px;
}
.shop_box01 .date_box .date_frame:after{
  border-color: #F09CC2 transparent transparent transparent;
}

/* 更新日 */
.shop_box01 .info .date{
  width: 100%;
  padding: 3px;
  text-align: center;
  color: #fff;
  font-size: 11px;
  background: #EA97D7;
  border-radius: 20px;
  margin-bottom: 5px;
}

.info h4 {
  color: #EA97D7;
  font-size: 16px;
  font-weight: 900;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-bottom: 10px;
  border-bottom: 1px solid #ececec;
  margin-bottom: 10px;
}
.info h4 a{
  color: #EA97D7;
}

.info .opt{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.info .opt .station,
.info .opt i{
  font-size: 12px;
  color: #918FAA;
}

.info .opt .shop{
  font-size: 16px;
  font-weight: 900;
  color: #918FAA;
}

.shop_box01 .txt_box .station,
.shop_box02 .txt_box .station{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}


/* アイコン設定 */
.icon_new{
  position: absolute;
  top: -40px;
  right: -25px;
  width: 80px;
}
.icon_new img{
  width: 100%;
}



/* ==========================================================================
 オープニングスタッフ
 ========================================================================== */
 /*flort解除*/
 #opening ul.list-large3 div:after{
  content : "";
  display : block;
  clear : both;
  height : 0;
}

#mainContent .list-large3{
  width: 100%;
  margin: auto;
}

#mainContent .list-large3 li{
  width: 46%;
  height: 105px;
  padding: 10px;
  margin: 5px 0 5px 5px;
  display: inline-block;
  background: #fafcf5;
}

#mainContent .list-large3 li:nth-child(even){
  margin-right: 0;
}

#mainContent .list-large3 li .data{
  font-size: 12px;
  margin-bottom: 10px;
}

#mainContent .list-large3 li .data p:first-child{
  margin-right: -6px;
}

#mainContent .list-large3 li .data p{
  line-height: 16px;
  float: left;
}

#mainContent .list-large3 li .data .fs_large{
  font-size: 16px;
}

#mainContent .list-large3 li .opening span {
  padding: 2px 10px;
  margin-right: 14px;
  color: #fff;
}

#mainContent .list-large3 li div.collum_02{
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}

#mainContent .list-large3 li div.left{
  width: 23%;
  text-align: left;
}

#mainContent .list-large3 li div.right{
  width: 75%;
  text-align: left;
}

#mainContent .list-large3 li div.right h4{
  margin-bottom: 2px;
}

#mainContent .list-large3 li .data,
#mainContent .list-large3 li .shop {
  color: #666666;
}

#mainContent .list-large3 li .shop_info{
  margin-bottom: 2px;
}

#mainContent .list-large3 li .shop_info p:first-child{
  margin-bottom: 2px;
}

#mainContent .list-large3 li .shop_info p:first-child{
  float: left;
}

#mainContent .list-large3 li .shop_info p:last-child{
  float: right;
  margin-right: 10px;
}
#mainContent .list-large3 li .shop_info .flex .ic_info:first-of-type{
  margin-right: 3px;
}
#mainContent .list-large3 li .shop_info p:last-child img{
  vertical-align: top;
}

#mainContent .list-large3 li .shop_info .station {
  font-size: 11px;
  padding-left: 17px;
  background: url(../images/icon-station.svg) top left no-repeat;
  color: #000;
}

#mainContent .list-large3 li .shop_info .station img{
  vertical-align: middle;
}

#mainContent .list-large3 li .opt{
  height: 35px;
}

#mainContent .list-large3 li .opt p.mark{
  float: left;
}

#mainContent .list-large3 li .opt p.shop_datail{
  float: right;
  width: 140px;
  margin: 8px 0 0 0px;
  border-bottom: 1px solid #98c022;
  text-align: center;
}

#mainContent .list-large3 li .opening .before {
  background: #EE47A1;
}

#mainContent .list-large3 li .opening .after {
  background: #6587FA;
}





/* ==========================================================================
   #sidebar
   ========================================================================== */
   #sidebar {
    width: 180px;
    padding: 20px 0 0 20px;
    float: left;
  }
  #sidebar .item, #sidebar .banner {
    margin-bottom: 20px;
  }
  #sidebar .banner ul li {
    margin-bottom: 10px;
  }
  #sidebar .banner ul li:last-child {
    margin-bottom: 0;
  }
  #sidebar h3 {
    margin-bottom: 10px;
    padding: 0 5px 10px;
    border-bottom: 3px solid #98c022;
    font-size: 16px;
    letter-spacing: .1em;
  }

  #side-area ul li, #side-area ul li, #side-area ul a {
    color: #212121;
  }
  #side-area ul .area-d, #side-area ul .area-d-ex {
    position: relative;
    padding: 5px 30px 5px 10px;
    line-height: 1em;
    cursor: pointer;
    background-color: #a3c639;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFFFFFFF', endColorstr='#FFA3C639');
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(100%, #a3c639));
    background-image: -webkit-linear-gradient(left, #ffffff 0%, #a3c639 100%);
    background-image: -moz-linear-gradient(left, #ffffff 0%, #a3c639 100%);
    background-image: -o-linear-gradient(left, #ffffff 0%, #a3c639 100%);
    background-image: linear-gradient(left, #ffffff 0%, #a3c639 100%);
  }
  #side-area ul .area-d:after , #side-area ul .area-d-ex:after{
    position: absolute;
    top: 5px;
    right: 10px;
    content: "\f0d8";
    color: #fff;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  #side-area ul .close:after {
    content: "\f0d7";
  }
  #side-area ul .area-s , #side-area ul .area-s-ex{
    padding: 10px;
    border-bottom: 1px solid #98c022;
    font-size: 12px;
  }
  #side-area ul li:last-child{
    border-bottom: none;
  }

  /*東京用*/
  /*名古屋用*/
  .content ul.side_area_tokyo:first-child,
  .content ul.side_area_nagoya:first-child,
  .content ul.side_area_sapporo:first-child{
    position: relative;
    padding-top: 35px;
    margin-bottom: 10px;
  }
  .content ul.side_area_tokyo:first-child:before,
  .content ul.side_area_nagoya:first-child:before,
  .content ul.side_area_sapporo:first-child:before{
    content: "出張店 タイプ";
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    margin: auto;
    z-index: 999;
    text-align: center;
    color: #fff;
    background: #f8876c;
    border-bottom: 2px solid #ec785c;
    padding: 3px 0 2px;
  }
  .content ul.side_area_tokyo:nth-child(2),
  .content ul.side_area_nagoya:nth-child(2),
  .content ul.side_area_sapporo:nth-child(2){
    position: relative;
    padding-top: 35px;
  }
  .content ul.side_area_tokyo:nth-child(2):before,
  .content ul.side_area_nagoya:nth-child(2):before,
  .content ul.side_area_sapporo:nth-child(2):before{
    content: "マンション・店舗 タイプ";
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    margin: auto;
    z-index: 999;
    text-align: center;
    color: #fff;
    background: #ef7d1a;
    border-bottom: 2px solid #de7112;
    padding: 3px 0 2px;
  }

/* ==========================================================================
   #iconinfo
   ========================================================================== */
   #iconinfo p {
    padding: 0 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #b3dc39;
    font-size: 14px;
  }
  #iconinfo dl {
    padding-bottom: 10px;
    font-size: 10px;
  }
  #iconinfo dl dt, #iconinfo dl dd {
    float: left;
    height: 16px;
    margin-bottom: 5px;
    line-height: 16px;
  }
  #iconinfo dl dt {
    width: 55px;
    margin-right: 2px;
    font-size: 10px;
  }
  #iconinfo dl dd {
    width: 120px;
  }
  #iconinfo img {
    vertical-align: top;
  }
  /* アイコン */
  .ic_info {
    display :inline-block;
    width: 60px;
    height: 16px;
    line-height: 16px;
    font-size: 11px;
    margin: 0;
    border-radius: 2px;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    vertical-align: top;
  }
  /* 男性専用 */
  .ic_info.mo {
    background: #79a0ce;
  }
  /* 男女OK */
  .ic_info.mw {
    background: #d587b1;
  }
  /* 店舗 */
  .ic_info.sp {
    background: #59A1C7;
  }
  /* ルーム */
  .ic_info.rm {
    background: #f8b16c;
  }
  /* 出張 */
  .ic_info.tr {
    background: #b4d571;
  }
  /* 店・出 */
  .ic_info.st {
    background: #FB4140;
  }
  /* ルーム・出 */
  .ic_info.rt {
    background: #dd94e2;
  }
  /* サービス */
  .ic_info.sv {
    background: #CC1932;
  }
  /* 保証制度 */
  .ic_info.hoshou {
    background: #cc7a85;
  }
  /* LINE応募可能 */
  .ic_info.line {
    background: #74D38B;
  }
  /* 求人情報アイコン */
  .ic_info.rec {
    background: #f886bb;
    border-radius: 0;
  }
  .ic_info.off {
    background: #fff;
    border: 1px solid #E4E8ED;
    color: #E4E8ED;
  }


/* ==========================================================================
   #footer
   ========================================================================== */
#footer {
  position: relative;
  background: #edafcf;
}
#footer .contents{
  padding: 50px 10px;
}
#footer .foot-logo{
  display: block;
  margin: 0 auto 40px;
  width: 100%;
  max-width: 350px;
}
#footer .foot-logo img{
  width: 100%;
  height: auto;
}
#footer .copy {
  padding: 10px;
  line-height: 1;
  text-align: center;
  color: #fff;
  font-size: 11px;
}
#footer a{
  color: #fff;
  transition: 0.3s;
  font-size: 13px;
}
#footer a:hover{
  color: #ef4893;
  /* font-weight: 700; */
}

#foot-nav {
  line-height: 1.6;
  /* display: flex;
  justify-content: center;
  flex-wrap: wrap; */
  display: grid;
  grid-template-areas:
  "cont area btn";
  gap: 4vw;
}
/* #foot-nav .title, #foot-nav .title a, #foot-nav .site a {
  color: #FFFFFF;
} */
#footer .contents *:after { display: none;}
#foot-nav :is(.nav1, .nav2) li {
  margin-bottom: 0.5em;
  white-space: nowrap;
}
/* #foot-nav .nav1, #foot-nav .nav2 {
  display: inline-block;
} */
#foot-nav .nav1 {
  grid-area: cont;
  padding-right: 4vw;
  border-right: 1px solid rgba(255,255,255,0.4);
  /* padding: 0 20px; */
}
#foot-nav .nav2 {
  grid-area: area;
}
#foot-nav .nav2 ul{
  /* padding: 0 20px;
  box-sizing: border-box; */
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat(5, 1fr);
	gap: 0 20px;
}
#foot-nav .title {
  margin-bottom: 1em;
  padding-bottom: 0.25em;
  border-bottom: 1px solid;
  color: #fff;
  font-weight: 700;
}
/* #foot-nav .nav2 .title {
  margin: 0 0 0.5em;
} */
#foot-nav .nav2 .contentHolder {
  position: relative;
  width: 200px;
  height: 210px;
  overflow: hidden;
}
/* 左-ボタン */
#footer .btn_box{
  grid-area: btn;
}
#footer .btn_box ul{
	display: flex;
	flex-direction: column;
	gap: 8px;
	text-align: center;
	margin: 0 auto;
}
#footer .btn_box a{
	display: block flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
  /* width: 280px; */
  width: 100%;
  height: 40px;
  border: 1px solid #fff;
  border-radius: 30px;
  padding: 10px 2vw;
  color: #fff;
  line-height: 1;
  transition: 0.3s;
  /* margin-right: 5px; */
  /* margin-bottom: 8px; */
}
#footer .btn_box a img{
	filter: invert(100%) sepia(7%) saturate(3%) hue-rotate(84deg) brightness(105%) contrast(100%); /* 白 */
  transition: 0.3s;
}
#footer .btn_box li:first-of-type a{
	background: #fff;
	color: #eb92c1;
}
#footer .btn_box li:first-of-type a img{
	filter: invert(92%) sepia(13%) saturate(3551%) hue-rotate(284deg) brightness(94%) contrast(90%); /* ピンク */
}
#footer .btn_box li a:hover{
  color: #ef4893;
  background: #fff;
  opacity: 1;
}
#footer .btn_box li a:hover img{
  filter: invert(52%) sepia(67%) saturate(5013%) hue-rotate(308deg) brightness(98%) contrast(91%); /* 濃ピンク */
}
#footer .btn_box a.btn_sns:hover{
  border: 1px solid #eb92c1;
  color: #eb92c1;
  background: #fff;
  opacity: 1;
  font-weight: normal;
}
/* #foot-nav .nav2 .flex {
  display: flex;
} */
/* #foot-nav .nav2 .flex ul:not(:first-of-type) {
  padding: 20px 0 0 25px;
} */
/* #foot-nav ul li{
  width: 180px;
} */
#footer .nav_bottom {
	display: flex;
  flex-wrap: wrap;
  justify-content: center;
	gap: 0.5em 15px;
  margin-top: 40px;
}
#footer .nav_bottom a{
  display: inline-block;
  padding: 0.25em 0;
}
#footer .nav_bottom .other{
  padding-left: 15px;
  border-left: 1px solid rgba(255,255,255,0.4);
}

@media screen and (max-width: 890px){
  #foot-nav {
    grid-template-areas:
    "btn btn"
    "cont area";
    gap: 40px 4vw;
  }
  #footer .btn_box ul {
    width: 280px;
  }
  #footer .nav_bottom {
    width: 460px;
    margin-inline: auto;
  }
  #footer .nav_bottom .other {
    padding-left: 0;
    border: none;
  }
}
@media screen and (max-width: 640px){
  #foot-nav {
    grid-template-areas:
    "btn"
    "cont"
    "area";
  }
  #foot-nav .nav1 {
    border: none;
  }
  #foot-nav .nav1 ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 20px;
  }
  #footer .nav_bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.25em;
    width: 100%;
  }

  /* #foot-nav .nav1,
  #foot-nav .nav2 {
    padding: 0;
  }
  #foot-nav .nav2 .flex ul:not(:first-of-type){
    padding: 20px 0 0 15px;
  }
  #foot-nav ul li{
    width: 160px;
  }
  #footer a{
    letter-spacing: -0.5px;
    line-height: 1.8;
  } */
}


  /* #foot-info {
    float: right;
    width: 353px;
  }
  #foot-info #btn-bookmark {
    float: left;
    display: block;
    height: 35px;
    width: 35px;
    margin-right: 18px;
    background: url(../images/btn-bookmark.png) no-repeat 0 0;
    line-height: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    text-align: left;
  }
  #foot-info #info {
    float: right;
    width: 270px;
    padding-right: 30px;
    color: #FFFFFF;
  }
  #foot-info #info dt {
    margin-bottom: 7px;
  }
  #foot-info #info dd {
    font-size: 10.5px;
  }
  #foot-info #info dd p {
    margin-bottom: 7px;
  }
  #foot-info #info dd a {
    color: #F1F9D9;
  }
  #foot-info #info dd a:hover {
    color: #FF8000;
  }
  #foot-info #info dd dl {
    position: relative;
    height: 60px;
  }
  #foot-info #info dd dl dt {
    background: url(../images/square.png) no-repeat 0 0;
    padding-left: 16px;
    line-height: 11px;
  }
  #foot-info #info dd dl dt, #foot-info #info dd dl dd {
    padding-right: 60px;
  }
  #foot-info #info dd dl .qr-code {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    width: 60px;
    padding: 0;
  } */

  #foot-link {
    clear: both;
  }
  #foot-link ul {
    margin-right: -10px;
  }
  #foot-link ul li {
    float: left;
    width: 155px;
    height: 78px;
    margin-right: 10px;
  }

  #btn-top {
    display: block;
    height: 40px;
    width: 40px;
    background: url(../images/btn-top.png) no-repeat 0 0;
    position: absolute;
    top: -60px;
    right: 20px;
    bottom: auto;
    left: auto;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    text-align: left;
  }

  @media screen and (max-width: 768px) {
    #footer{
      padding-bottom: 100px;
    }
  }

  /* page */
/* ==========================================================================
   #検索結果一覧
   ========================================================================== */
   #breadcrumb {
    width: 95%;
    margin: 0 auto;
    padding: 5px 10px 10px;
    background: url(../images/bg-dot.gif) repeat-x bottom left;
    font-size: 12px;
    line-height: 14px;
  }
  #breadcrumb ul li {
    float: left;
    margin-right: 5px;
  }
  #breadcrumb ul .home {
    padding-left: 15px;
    background: url(../images/icon-home.svg) no-repeat 0 1px;
  }
  #breadcrumb ul .spacer {
    font-size: 10px;
  }

  .list-head  {
    padding: 5px 8px 5px 15px;
    background: #b6d264;
  }
  .list-head h4  {
    float: left;
    width: 70%;
    font-size: 16px;
  }
  .list-head h4 a  {
    color: #1f1f1f;
  }
  .list-head h4 a:hover  {
    color: #3399cc;
  }
  .list-head .more  {
    display: flex;
    align-items: center;
    float: right;
    padding-top: 3px;
  }
  .list-head .more  {
    margin-left: 3px;
  }
  .list-head .more img  {
    vertical-align: top;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  }

/*   店舗一覧店舗の見栄え設定 */
#result{
  padding: 50px 0;
}
#result .shop_list > li{
  margin: 20px auto;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
  padding: 0 0 20px;
  background: #fff;
}
#result .shop_list li .shop_name{
  width: 100%;
  padding: 10px;
  text-align: left;
  background: #F09CC2;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
#result .shop_list li .flex{
  padding: 20px;
}




  #result .shop_list > li .flex {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  #result .shop_list > li .flex .box {
    width: 100%;
    max-width: 560px;
  }
  #result .shop_list > li .flex .box:first-of-type {
    width: 160px;
    margin-right: 30px;
  }
  #result .shop_list > li .flex .box .btn_sub {
    width: 100%;
    max-width: 160px;
    margin: 10px 0 0 0;
  }
  #result .shop_list > li .flex .box .list-status {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
  }
  #result .shop_list > li .flex .box .list-status li {
    width: calc((100% - 6px) / 2);
    margin-top: 6px;
  }
  #result .shop_list > li .flex .box .list-status li:nth-child(2n) {
    margin-left: 6px;
  }
  .list-status .ic_info {
    width: 100%;
    height: auto;
    line-height: auto;
    padding: 4px 0;
    font-size: 11px;
    font-weight: bold;
  }
  /* #result .shop_list > li .flex .box .img {
    margin-bottom: 10px;
  } */
  #result .shop_list > li .flex .box .shop_info {
    position: relative;
  }
  #result .shop_list > li .flex .box .shop_info .more {
    position: absolute;
    top: 0;
    right: 0;
  }
  #result .shop_list > li .flex .box .shop_info .rec_title {
    display: inline-block;
    color: #F09CC2;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 600;
    transition: all .3s;
    font-feature-settings: "palt";
  }
  #result .shop_list > li .flex .box .shop_info .rec_title a{
    transition: all .3s;
    color: #788ba6;
  }
  #result .shop_list > li .flex .box .shop_info .rec_title:hover a {
    opacity: .8;
    color: #F09CC2;
  }
  #result .shop_list > li .flex .box .shop_info .rec_detail {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: 8px;
    font-size: 14px;
  }
  #result .shop_list > li .flex .box .shop_info table {
    display: block;
    width: 100%;
    margin-top: 20px;
    background: #F9FAFC;
    border-collapse: separate;
    border-spacing: 20px;
  }
  #result .shop_list > li .flex .box .shop_info table th {
    position: relative;
    width: 90px;
    color: #F09CC2;
    font-weight: 600;
    font-size: 16px;
    font-weight: normal;
    vertical-align: top;
  }
  #result .shop_list > li .flex .box .shop_info table td {
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-break: break-word;
  }
  /* #result .shop_list > li .flex .box .shop_info table th i{
    color: #5fbfd2;
  } */
  /* #result .shop_list > li .flex .box .shop_info table th span:not(.ic) {
    padding-left: 5px;
  } */
  #result .shop_list > li .flex .box .shop_info table th .ic {
    position: absolute;
    top: 3px;
    display: inline-block;
    width: 17px;
    height: 17px;
  }
  /* #result .shop_list > li .flex .box .shop_info table th .station {
    background: url(../images/icon-station.svg) no-repeat 0 0;
  }
  #result .shop_list > li .flex .box .shop_info table th .money {
    background: url(../images/icon-money.svg) no-repeat 0 0;
  }
  #result .shop_list > li .flex .box .shop_info table th .clock {
    background: url(../images/icon-clock.svg) no-repeat 0 0;
  }
  #result .shop_list > li .flex .box .shop_info table th .shikaku {
    background: url(../images/icon-shikaku.svg) no-repeat 0 0;
  } */
  #result .shop_list > li .bt {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
  }
  #result .shop_list > li .bt .btn {
    display: inline-block;
    width: calc((100% - 20px) / 2);
    line-height: 44px;
    margin-right: 20px;
    font-size: 16px;
    font-weight: bold;
  }
  #result .shop_list > li .bt .btn:last-of-type {
    margin-right: 0;
  }
  #result .shop_list > li .bt .btn_line,
  #result .shop_list > li .bt .btn_mail {
    padding-left: 30px;
  }
  #result .shop_list > li .bt .btn_line:hover,
  #result .shop_list > li .bt .btn_mail:hover {
    color: #fff;
  }
  #result .shop_list > li .bt .btn_mail i,
  #result .shop_list > li .bt .btn_tel i,
  #result .shop_list > li .bt .btn_line i {
  position: absolute;
  top: 15px;
  left: calc(50% - 78px);
}
#result .shop_list > li .bt .btn_mail i {
  position: absolute;
  top: 15px;
  left: calc(50% - 86px);
}

/* 詳細ボタンとアンケートボタン */
#result .btn_box{
  display: flex;
  justify-content: center;
}
#result .btn_box .btn_qa{
  flex-basis: 33%;
  max-width: 300px;
  margin: 5px;
  text-align: center;
  padding: 15px 10px;
  border: 1px solid #80cec4;
  border-radius: 30px;
  color: #80cec4;
  background: #fff;
  font-weight: 700;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
#result .btn_box .btn_qa:hover{
  background: #80cec4;
  color: #fff;
}
#result .btn_box .btn_more{
  margin: 5px;
}
#result .btn_box .btn_more:after{
  content: none;
}

/*テキスト広告*/
#result .pr_comment{
  padding: 3px;
  background: #fff4f4;
}
#result .pr_comment ul li{
  display: inline-block;
  vertical-align: middle;
}
#result .pr_comment ul li.pr_thum{
  width: 40px;
}
#result .pr_comment ul li.pr_txt{
  width: calc(100% - 44px);
  letter-spacing: 0.2px;
  font-size: 14px;
  vertical-align: top;
}
#result .pr_comment ul li.pr_txt .panda_recommend {
  font-weight: bold;
  color: #ff89a6;
}

/*   エリアトップの店舗一覧 */
@media screen and (max-width: 768px){
  #result .shop_list li .flex{
    padding: 20px 10px;
  }
  #result .shop_list > li .flex .box:first-of-type{
    display: flex;
    width: unset;
    margin-right: 0;
  }
  #result .shop_list > li .flex .box .sp_left{
    margin-right: 10px;
    width: 160px;
  }
  #result .shop_list > li .flex .sp_right{
    width: calc(100% - 160px);
  }
  #result .shop_list > li .flex .box .list-status{
    margin-top: 0;
    vertical-align: top;
  }
  #result .shop_list > li .flex .box .list-status li{
    margin: 0 5px 5px 0; 
    width: calc((100% - 10px) / 2);
  }
  #result .shop_list > li .flex .box .list-status li:nth-child(2n){
    margin: 0 5px 5px 0;
  }
  #result .shop_list > li .flex .box .list-status li span{
    font-size: 11px;
    padding: 6px 0 3px;
    height: 100%;
  }
  #result .btn_box{
    display: block;
    text-align: center;
  }
  #result .btn_box .btn_more,
  #result .btn_box .btn_qa {
    width: 95%;
    max-width: unset;
    display: inline-block;
  }
}


/* ==========================================================================
  #店舗詳細
========================================================================== */
#shop_detail .list-status {
  display: flex;
  margin-bottom: 16px;
}
/* #shop_detail .list-status li {
  width: calc((100% - 64px) / 9);
  margin-left: 8px;
} */
/* #shop_detail .list-status li:first-of-type {
  margin: 0;
} */
#shop_detail .list-status li .ic_info {
  width: 100%;
  border-radius: 0;
}
#shop_detail > .flex {
  display: flex;
  width: 100%;
}
#shop_detail > .flex .box {
  position: relative;
  width: 604px;
}
#shop_detail > .flex img {
  margin-right: 16px;
}
#shop_detail .btn_sns {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px auto;
}
#shop_detail .btn_sns span {
  margin-right: 10px;
}
#shop_detail > .flex .box .shop_name {
  margin-top: 6px;
  font-size: 20px;
  font-weight: bold;
  color: #5d5d5d;
}
/* #shop_detail > .flex .box .rec_title {
  margin-top: 10px;
  font-size: 24px;
  font-weight: bold;
  color: #fb4b8c;
} */
#shop_detail #recruit {
  display: flex;
  margin-top: 20px;
}
#shop_detail .side_bar {
  width: calc((100% - 560px - 20px));
}
#shop_detail .side_bar .fixed.is-fixed {
  position: fixed;
  top: 32px;
  right: calc((((100% - 1020px) / 2)) + 20px);
  width: 200px;
}
#shop_detail .side_bar .contact_box {
  border: 2px solid #98C021;
}
#shop_detail .side_bar .contact_box .ttl {
  padding: 10px 0;
  background: #98C021;
  color: #fff;
  font-size: 14px;
  text-align: center;
}
#shop_detail .side_bar .contact_box .tanto {
  position: relative;
  margin: 12px 0 8px 0;
  color: #2D2D2D;
  font-size: 10px;
  text-align: center;
}
#shop_detail .side_bar .contact_box .tanto::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 28px;
  display: inline-block;
  width: 1px;
  height: 40px;
  background: #2D2D2D;
  transform: rotate(-25deg) translate(0,-50%);
}
#shop_detail .side_bar .contact_box .tanto::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 28px;
  display: inline-block;
  width: 1px;
  height: 40px;
  background: #2D2D2D;
  transform: rotate(25deg) translate(0,-50%);
}
#shop_detail .side_bar .contact_box .tanto span {
  display: block;
  margin-top: 4px;
}
#shop_detail .side_bar .contact_box .btn {
  position: relative;
  width: 175px;
  margin: 10px 10px 0 10px;
  padding: 10px 8px 10px 24px;
  font-size: 14px;
  color: #fff;
  box-sizing: border-box;
}
#shop_detail .side_bar .contact_box .btn:last-of-type {
  margin-bottom: 10px;
}
#shop_detail .side_bar .contact_box .btn_line {
  padding-left: 18px;
}
#shop_detail .side_bar .contact_box .btn_mail {
  padding-left: 28px;
}
#shop_detail .side_bar .contact_box .btn_tel {
  padding-left: 14px;
}
#shop_detail .side_bar .contact_box .btn_line img {
  margin: 4px 0 0 -16px;
}
#shop_detail .side_bar .contact_box .btn_line p {
  margin-left: -16px;
}
#shop_detail .side_bar .contact_box .btn_mail i,
#shop_detail .side_bar .contact_box .btn_tel i,
#shop_detail .side_bar .contact_box .btn_line i {
  position: absolute;
  top: 12px;
  left: calc(50% - 60px);
}
#shop_detail .side_bar .contact_box .btn .btn i {
  position: absolute;
  top: 12px;
  left: 36px;
}
#shop_detail .side_bar .btn_sub {
  width: 200px;
  height: auto;
  margin-top: 10px;
}
#shop_detail .side_bar .btn_sub:first-of-type {
  margin-top: 20px;
}
#shop_detail .side_bar .btn_sub.ap {
  border: 1px solid #A69366;
  color: #A69366;
}
#shop_detail .side_bar .btn_sub.ap:hover {
  background: #fef9ee;
}
#shop_detail .content {
  width: 560px;
  margin-right: 20px;
}
#shop_detail .content .img {
  margin-bottom: 20px;
}
#shop_detail #recruit_info {
  margin-bottom: 56px;
}
#shop_detail .content h4 {
  padding: 0 0 10px 16px;
  border-bottom: 3px solid #98c022;
  font-size: 18px;
}
#shop_detail .content h4 span {
  padding-left: 10px;
  font-size: 14px;
}
#shop_detail .content table {
  border-collapse: collapse;
}
#shop_detail .content table tr {
  border-bottom: 1px solid #E4E4E4;
}
#shop_detail .content table tr:last-of-type {
  border-bottom: none;
}
#shop_detail .content table th,
#shop_detail .content table td {
  padding: 16px;
  font-size: 14px;
}
#shop_detail .content table td {
  width: 100%;
}
#shop_detail .content table tr th {
  width: 156px;
  min-width: 156px;
  vertical-align: top;
  text-align: left;
  font-weight: normal;
  color: #656565;
}
#shop_detail .thumb {
  text-align: center;
}
#shop_detail .thumb img + img {
  margin-left: 16px;
}
#shop_detail .content .comment {
  margin-top: 40px;
}
#shop_detail .content .comment span {
  position: relative;
  display: block;
  padding: 8px 0;
  background: #F09CC2;
  color: #fff;
  text-align: center;
  font-size: 14px;
}
#shop_detail .content .comment p {
  padding: 16px;
  font-size: 14px;
}
#shop_detail .content .comment span:before,
#shop_detail .content .comment span:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}
#shop_detail .content .comment span:before {
  top: 0;
  left: 0;
  border-width: 17px 0px 17px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}
#shop_detail .content .comment span:after {
  top: 0;
  right: 0;
  border-width: 17px 15px 17px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
/* #shop_detail #exp h4 {
  border-bottom: 3px solid #F8876C;
} */
#shop_detail #exp .comment span {
  background: #F8876C;
}
/* #shop_detail .youtube {
  margin-top: 56px;
} */
#shop_detail #enquete_shop_detail {
  margin-top: -150px;
  padding-top: 150px;
}
/* #shop_detail .warning {
  margin-top: 80px;
  padding: 16px;
  background: #F7DBD9;
} */
.twitter-share-button {
  /* position: relative;
  display: inline-block;
  padding: 6px 16px 6px 35px;
  background: #1DA1F2;
  color: #fff;
  font-weight: bold;
  border-radius: 20px;
  transition: .3s all; */
}
.twitter-share-button img {
  position: absolute;
  top: 9px;
  left: 16px;
}
.twitter-share-button:hover {
  color: #fff;
  opacity: .8;
}





/*   壽﨑記入の店舗詳細ページ20240517ーーーーーーーーーーーーーーーーーーーーーーーーーー */
#shop_detail .shop_name_box h2{
  margin-bottom: 10px;
}
#shop_detail .shop_name_box .rec_title{
  font-size: 16px;
  font-weight: 700;
}
/* #shop_detail .flex_box{
  display: flex;
} */
#shop_detail .shop_top_box .shop_img{
  width: 320px;
  height: 248px;
  display: inline-block;
}
#shop_detail .shop_top_box .box_right{
  width: calc(100% - 340px);
  margin-left: 10px;
  display: inline-block;
  vertical-align: top;
}
#shop_detail .list-status{
  display: flex;
  flex-wrap: wrap;
}
#shop_detail .list-status li{
  margin: 0 5px 5px 0;
  flex-basis: 31.5%;
}
#shop_detail .list-status li .ic_info{
  display: block;
  width: 100%;
  font-size: 13px;
  padding: 4px;
}
#shop_detail .list-status li .ic_info.rec{
/*   border: 1px solid #5E6676; */
  color: #fff;
  background: #f886bb;
}
#shop_detail .list-status li .ic_info.off{
  border: 1px solid #E4E8ED;
  color: #E4E8ED;
  background: #fff;
}

#shop_detail .shop_top_box .shop_info{
  background: #FFFAFB;
  padding: 10px;
}
#shop_detail .shop_top_box .shop_info tr{
  line-height: 2;
}
#shop_detail .shop_top_box .shop_info th{
  position: relative;
  width: 100px;
  color: #F09CC2;
  font-weight: 700;
  font-size: 14px;
  vertical-align: top;
  text-align: left;
}
#shop_detail .shop_top_box .shop_info td{
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

/* PJ店舗ギャラリー */
#shop_detail .shop_gallery {
	padding: 0 0 30px;
}
#shop_detail .shop_gallery img {
	width: auto!important;
	max-width: 100%;
	height: auto!important;
}
#shop_detail .shop_gallery .gallery_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 15px;
}
#shop_detail .shop_gallery .gallery_box a {
	width: calc((100% - 40px)/5);
  aspect-ratio: 1 / 1;
	overflow: hidden;
	position: relative;
	display: inline-block;
	text-align: left;
}
#shop_detail .shop_gallery .gallery_box a img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center center;
	position: absolute;
	left: 0;
	top: 0;
}
#swipebox-overlay {
  background: rgb(13, 13, 13,0.8);
}
@media screen and (max-width: 768px){
  #shop_detail .shop_gallery .gallery_box {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    margin-top: 15px;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch;
  }
  #shop_detail .shop_gallery .gallery_box a {
    width: 100px;
    flex: 0 0 auto;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    position: relative;
    display: inline-block;
    text-align: left;
  }
  #shop_detail .shop_gallery .gallery_box a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* ギャラリースクロールバー */
  .shop_gallery .gallery_box::-webkit-scrollbar {
    height: 12px;
  }
  .shop_gallery .gallery_box::-webkit-scrollbar-thumb {
    background-color: #F09CC2;
    border-radius: 20px;
    border: 2px solid #ffffff;
  }
  .shop_gallery .gallery_box::-webkit-scrollbar-track {
    background-color: #f2f2f2;
    border-radius: 20px;
  }
}

/* PJトップバナー設定 */
.img_pj_top{
  width: 100%;
  max-width: 660px;
  height: auto;
  max-height: 200px;
}

/* column_02の設定 */
.column_02{
  text-align: center;
}
/* left_box設定 */
.column_02 .left_box{
  display: inline-block;
  width: 100%;
  max-width: 750px;
  margin-right: 15px;
  text-align: left;
}
@media screen and (max-width: 768px){
  .column_02 .left_box{
    margin-right: 0;
  }
}

/* right_box設定 */
.column_02 .right_box{
  width: 230px;
  display: inline-block;
  vertical-align: top;
  position: sticky;
  top: 100px;
  text-align: left;
  margin-bottom: 20px;
}
.right_box .shop_info p,
.shop_info.sp p{
  background: #525b81;
  border-radius: 8px 8px 0 0;
  padding: 5px 10px;
  color: #fff;
  font-weight: bold;
}
.right_box .shop_info .bg_02,
.shop_info.sp .bg_02{
  padding: 10px 5px;
}
.table_info{
  width: 100%;
}
.table_info tr{
  display: block;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.table_info th{
  width: 100%;
  display: block;
  font-weight: bold;
}
.table_info td{
  width: 100%;
  display: block;
}








/* web応募/TEL応募/LINE応募のBOX) */
.form_box{
  background: #F9FAFC;
  padding: 15px 5px;
}

/* form_box内のボタン設定 */
/* ボタン共通 */
.btn_web,
.btn_tel,
.btn_line{
  display: block;
  text-align: center;
  padding: 8px;
  margin-bottom: 10px;
}

.btn_web{
  border: 1px solid #6798E5;
  border-radius: 8px;
  color: #6798E5;
  background: #fff;
}
.btn_web:hover{
  font-weight: 700;
  background: #6798E5;
  color: #fff;
}
.btn_tel{
  border: 1px solid #D17BA6;
  border-radius: 8px;
  color: #D17BA6;
  background: #fff;
}
.btn_tel:hover{
  font-weight: 700;
  background: #D17BA6;
  color: #fff;
}
.btn_line{
  border: 1px solid #74D38B;
  border-radius: 8px;
  color: #74D38B;
  background: #fff;
}
.btn_line:hover{
  font-weight: 700;
  background: #74D38B;
  color: #fff;
}

/* 詳しく見るボタン */
/* btn_more(ピンクver) */
.btn_more{
  width: 95%;
  max-width: 500px;
  display: block;
  margin: 0 auto 10px;
  text-align: center;
  padding: 15px 10px;
  border: 1px solid #e09bcf;
  border-radius: 30px;
  color: #fff;
  background-image: linear-gradient(to right, #fbc2eb 0%, #eea6b5 51%, #fbc2eb 100%);
  font-weight: 700;
  transition: 0.5s;
  background-size: 200% auto;
  position: relative;
}
.btn_more:after{
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
  top: 9px;
  font-weight: 600;
  font-size: 20px;
}
.btn_more:hover{
  font-weight: 700;
  background-position: right center;
  opacity: 1;
}
/* btn_more(青ver) */
.btn_more_02{
  width: 95%;
  max-width: 500px;
  display: block;
  margin: 0 auto 10px;
  text-align: center;
  padding: 15px 10px;
  border: 1px solid #8bc7e2;
  border-radius: 30px;
  color: #fff;
  background-image: linear-gradient(to right, #8bc7e2 0%, #8bd8e2 51%, #8bc7e2 100%);
  font-weight: 700;
  transition: 0.5s;
  background-size: 200% auto;
  position: relative;
}
.btn_more_02:after{
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
  top: 9px;
  font-weight: 600;
  font-size: 20px;
}
.btn_more_02:hover{
  font-weight: 700;
  background-position: right center;
  opacity: 1;
}
/* btn_more(オープニングスタッフ用青枠ver) */
.btn_more_03{
  width: 150px;
    max-width: 500px;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 15px 10px;
    border: 1px solid #8bc7e2;
    border-radius: 30px;
    color: #8bc7e2;
    background: #fff;
    font-weight: 700;
    transition: 0.3s;
    bottom: -25px;
    left: 0;
    right: 0;
    position: absolute;
}
.content_new .btn_more_03{
  border: 1px solid #F09CC2;
    color: #F09CC2;
}
.btn_more_03:after{
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
  top: 9px;
  font-weight: 600;
  font-size: 20px;
}
.btn_more_03:hover{
  background: #8bc7e2;
  color: #fff;
  opacity: 1;
}
.content_new .btn_more_03:hover{
  background: #F09CC2;
  color: #fff;
  opacity: 1;
}
/* btn_more(ピンク枠ver) */
.btn_more_04{
  width: 95%;
  max-width: 500px;
  display: block;
  margin: 0 auto 10px;
  text-align: center;
  padding: 15px 10px;
  border: 1px solid #fbc2eb;
  border-radius: 30px;
  color: #fbc2eb;
  background: #fff;
  font-weight: 700;
  transition: 0.3s;
}
.btn_more_04:after{
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
  top: 9px;
  font-weight: 600;
  font-size: 20px;
}
.btn_more_04:hover{
  background: #fbc2eb;
  color: #fff;
  opacity: 1;
}

.btn_back_01{
  width: 350px;
  text-align: center;
  padding: 15px 10px;
  border-radius: 30px;
  margin: 5px;
  border: 1px solid #828fad;
  color: #828fad;
  font-weight: 700;
  transition: 0.3s;
  position: relative;
}
.btn_back_01:after{
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
  top: 9px;
  font-weight: 600;
  font-size: 20px;
  transition: 0.3s;
}
.btn_back_01:hover{
  opacity: 1;
  border: 1px solid #e09bcf;
  color: #e09bcf;
}
.btn_back_01:hover:after{
  right: 10px;
}

.btn_hp{
  display: inline-block;
  width: 100%;
  max-width: 350px;
  border: 1px solid #93d0e5;
  border-radius: 8px;
  color: #93d0e5;
  background: #fff;
  transition: 0.3s;
  text-align: center;
  padding: 10px 0;
  margin: 0 auto 10px;
}
.btn_hp.ap{
  border: 1px solid #cfae99;
  color: #cfae99;
}
.btn_hp.ap img{
  vertical-align: sub;
}

/* LINEボタンのモーダル用css */
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}
.modal__bg{
    background: rgba(0,0,0,0.6);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.color_line{color: #48d06b;}
.modal__content{
  width: 80%;
  max-width: 500px;
  height: 600px;
  max-height: 80%;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal__content .frame_scroll{
  overflow-y: scroll;
  padding: 40px;
  width: 100%;
  height: 100%;
}
.modal__content p.line_title{
  position: absolute;
  background: #74D38B;
  border-radius: 30px;
  padding: 10px 20px;
  color: #fff;
  font-weight: bold;
  color: #fff;
  top: -20px;
  left: 0;
  right: 0;
  text-align: center;
  width: 70%;
  margin: 0 auto;
  font-size: 16px;
}
.modal__content h4{
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
/* モーダル内textareaの設定 */
.btn_copy{
  width: 100%;
  background: #49cf6b;
  color: #fff;
  padding: 10px;
  font-size: 14px;
  font-weight: 700;
}
.modal__content textarea{
  width: 100%;
  height: 250px;
}
.btn_modal_line{
  display: block;
  margin: 0px auto 30px;
  text-align: center;
  width: 250px;
  border: 1px solid #48d06b;
  border-radius: 8px;
  color: #48d06b;
  background: #fff;
  padding: 10px;
}
.btn_modal_line:hover{
  font-weight: 700;
  background: #48d06b;
  color: #fff;
}

.modal__content .btn_close{
  position: absolute;
  right: -20px;
  top: -20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #000;
  color: #fff;
  font-weight: 900;
  font-size: 20px;
  text-align: center;
  line-height: 40px;
}

/* LINE応募モーダル内タブ設定 */
/*タブ切り替え全体のスタイル*/
.tabs_line,
.tabs_line02 {
  margin-top: 50px;
  background-color: #fff;
  width: 100%;
  margin: 0 auto 20px;
}

/*タブのスタイル*/
.tab_item,
.tab_item02 {
  width: calc(100%/2);
  height: 50px;
  border-bottom: 3px solid #74D38B;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 14px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover,
.tab_item02:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"],
input[name="tab_item02"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content,
.tab_content02 {
  display: none;
  clear: both;
  overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#entry:checked ~ #entry_content,
#question:checked ~ #question_content,
#entry02:checked ~ #entry_content02,
#question02:checked ~ #question_content02{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs_line input:checked + .tab_item,
.tabs_line02 input:checked + .tab_item02 {
  background-color: #48d06b;
  color: #fff;
}

.copy_js{
  padding: 20px 5px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

.form_box .bg_02{
  padding: 20px 15px;
  border: 1px solid #48d06b;
  border-radius: 8px;
  text-align: center;
  background: #e0f9e6;
}

/* LINE IDのコピー */
#line_id_pc,
#line_id_sp {
  width: calc(100% - 85px);
  height: 40px;
  background: #fff;
  font-weight: 700;
  padding: 10px;
  display: inline-block;
}
#btn_id_pc,
#btn_id_sp{
  width: 80px;
  height: 40px;
  padding: 10px 0;
  font-weight: 700;
  background: #48d06b;
  color: #fff;
}


/* SP用追従form_boxの設定 */
.form_box.sp{
  width: 100%;
  position: fixed;
  bottom: 20px;
  background: #000;
  text-align: center;
  background: none;
  padding: 0 10px;
  z-index: 4;
  transition: all .3s;
}
.form_box.sp .btn_web,
.form_box.sp .btn_tel,
.form_box.sp .btn_line{
  width: calc((100% - 10px) / 3);
  display: inline-block;
  margin-bottom: 0;
  border: 2px solid;
}
/* SP用追従form_boxをフッターの高さになったら消す！ */
.form_box.sp.is-hidden {
  visibility: hidden;
  opacity: 0;
}




@media screen and (max-width: 768px){
  .modal__content{
    width: 90%;
    padding: 0;
    text-align: left;
  }
  .modal__content .frame_scroll{
    padding: 40px 10px 20px;
  }
}

/* 店舗ページ用h3設定 */
.rec_h3 {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 2px solid #f09cc2;
  padding: 0.3em;
  margin-bottom: 20px;
  position: relative;
}
.rec_h3::before {
  content: '';
  background-color: #fff;
  width: 20px;
  height: 3px;
  position: absolute;
  left: 30px;
  bottom: -2px;
}
.rec_h3::after {
  content: '';
  background-color: #f09cc2;
  width: 20px;
  height: 2px;
  transform: rotate(50deg);
  position: absolute;
  left: 26px;
  bottom: -10px;
}

.bg01{
  background: #fdf8fa;
  padding: 15px;
  border-radius: 8px;
}

/* 求人内容table設定 */
.table_recruit{
  width: 100%;
  max-width: 750px;
  margin: 0 auto 50px;
}
.rec_h4{
  background: #F09CC2;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 5px;
  margin-bottom: 20px;
}
.table_recruit table{
  margin-bottom: 50px;
  width: 100%;
}
.table_recruit tr,
.table_recruit th,
.table_recruit td{
  display: block;
  width: 100%;
  text-align: left;
}
.table_recruit tr{
  margin-bottom: 20px;
}
.table_recruit th{
  color: #F09CC2;
  border-bottom: 1px solid #F09CC2;
  font-weight: 700;
  padding: 5px 0;
}
.table_recruit td{
  padding: 5px 0;
}

/* 遠征バイトtable設定 */
.table_ex {
  width: 100%;
}
.table_ex tr{
  border-bottom: 1px solid #78dff8;
}
.table_ex th{
  width: 25%;
  padding: 5px 10px;
  text-align: left;
  font-weight: 700;
  color: #78dff8;
}
.table_ex td{
  padding: 5px 10px;
  text-align: left;
}

/* 遠征バイト */
#exp {
  padding-top: 100px;
  margin-top: -100px;
}
#exp h4{
  background-image: linear-gradient(to right, #8bd5f9 0%, #6ae4f7 51%, #8bd5f9 100%);
  font-weight: 700;
  text-align: center;
  font-size: 14px;
  color: #fff;
  padding: 5px;
}
.ex_title{
  font-weight: 700;
  text-align: center;
  font-size: 18px;
  color: #78dff8;
}
.ex_comment{
  width: 100%;
  background: #fff;
  border: 1px solid #78dff8;
  border-radius: 8px;
  padding: 20px 10px;
  font-size: 14px;
  line-height: 1.6;
}

/* youtube設定 */
#shop_detail .youtube iframe{
  width: 100%;
  max-width: 560px;
  height: auto;
  aspect-ratio: 16 / 9;
}

/* トップページ・一覧ページに戻るボタン */
#shop_detail .btn_box{
  display: flex;
  justify-content: center;
}

/* 違反報告 */
#shop_detail .warning {
  padding: 16px;
  background: #F5EAEF;
}
#shop_detail .warning p{
  line-height: 1.6;
}

@media screen and (max-width: 1192px){
  .column_02 .left_box{
    max-width: 520px;
  }
  .column_02 .right_box{
    width: 190px;
  }
}

@media screen and (max-width: 768px){
  #shop_detail .shop_top_box .shop_img{
    width: 160px;
    height: 124px;
  }
  #shop_detail .shop_top_box .box_right{
    width: calc(100% - 180px);
  }
  #shop_detail .list-status li{
    flex-basis: 46%;
  }
  #shop_detail .list-status li .ic_info{
    font-size: 11px;
    padding: 3px 2px 2px 2px;
  }
  #shop_detail .shop_top_box .box_right .shop_info.sp{
    width: 100%;
  }
}

/* 非表示になった場合の装飾 */






/* ==========================================================================
  #利用規約
  ========================================================================== */
  #kiyaku {
    padding: 15px 10px;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
  #kiyaku h3{
    margin: 20px 0 10px;
    color: #CC0033;
    font-size: 16px;
    font-weight: bold;
  }
  #kiyaku ol {
    padding-left: 2em;
  }
  #kiyaku ol ol {
    padding-left: 1.5em;
  }
  #kiyaku ol > li {
    list-style: decimal;
  }
  #kiyaku ul {
    padding-left: 1.3em;
  }
  #kiyaku ul.disc > li {
    list-style: disc;
  }
  #kiyaku ul.circle > li {
    list-style: circle;
  }
  #kiyaku a{
    color: #f886bb;
    text-decoration: underline;
  }

  #kiyaku .last_txt {
    margin: 20px 0;
    padding-top: 20px;
    border-top: 1px dashed #c6d8ff;
  }

  #kiyaku dl dt {
    margin-bottom: 5px;
    color: #CC0033;
    font-size: 16px;
    font-weight: bold;
  }
  #kiyaku dl dd {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #c6d8ff;
  }
  #kiyaku .txt-small {
    font-weight: bold;
    margin-bottom: 20px;
  }

/* ==========================================================================
   #お問い合わせ
   ========================================================================== */
   #contact {
    padding: 15px 10px;
  }

  #contact_txt {
    line-height: 1.8em;
  }

  #contact_txt p a{
    color:#000;
  }

  #contact_txt p a:hover{
    color:#000;
  }
  #contact_txt2 {
    padding: 0px 10px;
    line-height: 1.8em;
  }
  #contact_txt2 .tel {
   color:#fa5873;
 }
 #contact_txt2 img {
   vertical-align: -2px;
 }

 #contact .contact-list, #contact .txt-field, #contact h4, #contact h5 {
  margin-bottom: 15px;
}
#contact input[type="checkbox"],
#contact input[type="radio"] {
  position: relative;
  top: 2px;
  margin-right: 5px;
}
#contact label {
  margin-right: 10px;
}
#contact .lv1 {
  padding: 0 10px;
  margin-bottom: 20px;
}
#contact h4, #contact h5 {
  padding: 0 10px 5px;
  border-bottom: 2px dotted #98c022;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
#contact img {
  margin-bottom: 30px;
}
#contact .reg {
  margin-bottom: 40px;
  text-align: center;
}
#contact .btn-large {
  width: 400px;
}
#contact .caption-box {
  padding: 10px;
  margin-bottom: 20px;
  background: #FFE8E8;
}
/* #contact .tbl-frm {
  width: 100%;
  border-top: 1px dotted #CCCCCC;
} */
/* #contact .tbl-frm th {
  width: 170px;
  padding: 10px 5px 5px;
  background: #fafcf5;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
} */
/* #contact .tbl-frm th, #contact .tbl-frm td {
  font-size: 11px;
  font-weight: normal;
  border-bottom: 1px dotted #CCCCCC;
} */
#contact .tbl-frm th .fs_05em{
  font-size: 0.5em;
}
#contact .tbl-frm td {
  padding: 5px;
}
/* #contact .tbl-frm td input{
  width: 320px;
} */
#contact .tbl-frm td .require {
  font-weight: bold;
}
/* #contact .frm-submit {
  padding: 10px;
  text-align: center;
  border-bottom: 1px dotted #CCCCCC;
  margin-left: auto;
  margin-right: auto;
} */
#contact .txt-field-bottom {
  padding: 10px;
}
#contact .rest {
  margin-top: 20px;
}
#contact .rest p {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: bold;
}
#contact .rest textarea {
  height: 150px;
  width: 748px;
  padding: 5px;
  background: #FFE8E8;
  border: 1px solid #CCCCCC;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
#contact .chk {
  padding: 20px 10px;
  border-bottom: 1px dotted #CCCCCC;
}
#contact .chk .require {
  margin-bottom: 5px;
}

.contact-list {
  text-align: center;
  margin-bottom: 10px;
}

/* ==========================================================================
   enquete
   ========================================================================== */
   #enquete{
    padding-bottom: 20px;
  }
  #enquete ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #enquete ul li{
    flex-basis: 370px;
    padding: 10px;
    background: #FFFAFB;
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 10px;
  }
  #enquete ul li div{
    display:table-cell;
    width: 100%;
    vertical-align: middle;
    padding: 2px;
    vertical-align: top;
  }
  #enquete ul li div:first-child{
    width: 90px;
  }
  #enquete ul li div:first-child img{
    display: block;
    margin: auto;
  }
  /*date shop titleにかかっているpadiingを0にします*/
  #enquete ul li p{
    padding: 0;
  }
  #enquete ul li p.date{
    font-size: 12px;
    text-align: center;
    border-radius: 15px;
    background: #f7a4cd;
    color: #fff;
  }
  #enquete ul li p.shop{
    font-weight: 700;
  }
  #enquete ul li p.title{
    font-weight: 700;
    color: #f7a4cd;
    font-size: 14px;
  }
  #enquete .msg_notfound{
    padding: 10px;
    text-align: center;
  }

  @media screen and (max-width: 786px){
    #enquete ul li{
      flex-basis: 100%;
    }
  }
/* ==========================================================================
   enquete_left
   ========================================================================== */
   #enquete_left ul li{
    padding: 10px 0;
    border-bottom: 1px dashed #98c022;
  }
  #enquete_left ul li:last-child{
    margin-bottom: 15px;
  }
  #enquete_left ul li div{
    display:table-cell;
    vertical-align: middle;
    padding: 2px;
  }
  #enquete_left ul li div:first-child{
    width: 70px;
  }
  #enquete_left ul li div:first-child img{
    display: block;
    margin: auto;
  }
  #enquete_left ul li p{
    font-size: 12px;
  }
  #enquete_left p.title{
    padding: 5px 0 5px 5px;
    font-size: 13px;
    text-align: left;
    border-bottom: 3px solid #98c022;
    font-size: 15px;
    letter-spacing: 0.1em;
  }
  #enquete_left p.detail{
    position: relative;
  }
  #enquete_left p.detail a{
    background-color: #98c022;
    line-height: 30px;
    color: #fff;
    text-align: center;
    display: block;
  }
  #enquete_left p.detail a:hover{
    opacity: 0.9;
  }
  #enquete_left p.detail a:before{
    display: block;
    content: "";
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 35px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background: #fff;
  }
  #enquete_left p.detail a:after{
    display: block;
    content: "";
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 40px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background: #a1b91d;
  }
/* ==========================================================================
   enquete datail
   ========================================================================== */
   #enquete_detail{
    padding-bottom: 20px;
  }
  #enquete_detail ul{
    width:100%;
    padding: 10px 0;
  }
  #enquete_detail ul li{
    display:table-cell;
    vertical-align: middle;
    padding: 2px;
    font-size: 15px;
  }
  #enquete_detail ul li:first-child{
    width: 160px;
  }
  #enquete_detail div.question{
    width: 100%;
    border: 1px solid #98c022;
  }
  #enquete_detail dl{
    padding: 10px;
    border-bottom: 1px dashed #98c022;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #enquete_detail dl:nth-child(even){
    background: #fafcf5;
  }
  #enquete_detail dl dt{
    color: #658217;
  }
  #enquete_detail dl dt,
  #enquete_detail dl dd{
    margin: 5px 0;
  }
  #enquete_detail p.title{
    background-color: #98c022;
    line-height: 30px;
    border-top: 1px solid #C5DC8A;
    border-bottom: 1px solid #BDD77C;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight:normal;
  }
  #enquete_detail p.name{
    padding: 10px;
    color: #658217;
    font-size: 15px;
    font-weight: bold;
    text-align: center
  }
  #enquete_detail dl dt.center{
    text-align: center;
  }


  #enquete_detail p.btn{
    margin: 20px auto;
    width: 104px;
    display: block;
  }


  #enquete_detail p.btn a{
    color: #3c3c3c;
  }

/* Q&Aの吹き出し設定 */
.balloon_l,
.balloon_r{
  margin: 30px 0;
  display:flex;
  justify-content: flex-start;
  align-items: flex-start; /*縦位置を上揃え*/
/*   align-items: center; */ /*縦位置を真ん中揃え*/
}
.balloon_r{
  justify-content:flex-end;
}
.faceicon img{
  width: 80px; /*任意のサイズ*/
  height: auto;
}
.balloon_r .faceicon{
  margin-left:25px;
}
.balloon_l .faceicon{
  margin-right:25px;
}
.balloon_r .faceicon{
  order:2 !important;
}
.says {
  max-width:600px; /*最大幅は任意*/
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 17px 13px 15px 18px;
  border-radius: 12px;
  box-sizing:border-box;
  margin:0 !important;
  line-height:1.5;
/*   align-items: center; */
}
.balloon_l .says{
  background: #e4ecec;
}
.balloon_r .says{
  background: #a5e8b4;
}
.says p{
  margin:8px 0 0 !important; 
}
.says p:first-child{
  margin-top:0 !important;
}
.says:after {
  content: "";
  position: absolute;
  border: 10px solid transparent;
/*   margin-top:-3px;  */
}
.balloon_l .says:after {
  left: -26px;
  border-right: 22px solid #e4ecec;
}
.balloon_r .says:after {
  right: -26px;
  border-left: 22px solid #a5e8b4;
}

@media screen and (max-width: 786px){
  .faceicon img{
    width: 60px;
  }
  .balloon_l .faceicon{
    margin-right: 20px;
  }
  .balloon_r .faceicon{
    margin-left: 20px;
  }
}



/* ==========================================================================
   enquete shop datail  店舗詳細用
   ========================================================================== */
   /* #enquete_shop_detail {
    margin: 20px 0;
    border: 1px solid #C5DC8A;
    border-radius: 0 0 2px 2px;
    background: #fff;
  } */
  #enquete_shop_detail:after{
    content : "";
    display : block;
    clear : both;
  }
  #enquete_shop_detail .flex_box{
    /* display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 49.5%; */
  }

  #enquete_shop_detail p.title{
    margin-bottom: 0;
    padding: 5px;
    background-color: #92ae38;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF9EBD3F', endColorstr='#FF92AE38');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9ebd3f), color-stop(100%, #92ae38));
    background-image: -webkit-linear-gradient(top, #9ebd3f 0%, #92ae38 100%);
    background-image: -moz-linear-gradient(top, #9ebd3f 0%, #92ae38 100%);
    background-image: -o-linear-gradient(top, #9ebd3f 0%, #92ae38 100%);
    background-image: linear-gradient(top, #9ebd3f 0%, #92ae38 100%);
    border-bottom: 1px solid #BDD77C;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight:normal;
  }
  #enquete_shop_detail p.title span{
    position: relative;
  }
  #enquete_shop_detail p.title img{
    position: absolute;
    top: -20px;
    left: -45px;
    vertical-align: middle;
  }
  /*.list_1 li .detail dl dtのスタイルをリセット*/
  #enquete_shop_detail dl dt{
    float: none;
    width: 100%;
  }
  #enquete_shop_detail dl dt.center{
    text-align: center;
  }
  #enquete_shop_detail dl dt a{
    position: relative;
    display: block;
    margin: 0;
    padding: 10px;
    font-weight: bold;
    text-decoration: none;
  }
  #enquete_shop_detail dl dt a:before{
    display: block;
    content: "";
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 35px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background: #a1b91d;
  }
  #enquete_shop_detail dl dt a:after{
    display: block;
    content: "";
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 40px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background: #fafcf5;
  }
@media screen and (max-width: 786px){
  #enquete_shop_detail dl{
    width: 100%;
  }
}


/* 店舗ページのアンケート設定 */
.enquete_box{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.enquete_box a{
  flex-basis: 49%;
  background: #F9FAFC;
  padding: 10px 20px 10px 10px;
  margin-bottom: 10px;
  position: relative;
}
.enquete_box a:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 15px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #f09cc3;
  transition: 0.3s;
}
.enquete_box a:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #fafcf5;
  transition: 0.3s;
}
.enquete_box a:hover:before{
  right: 5px;
}
.enquete_box a:hover:after{
  right: 10px;
}
.enquete_box a:nth-child(2n + 1){
  margin-right: 15px;
}
.enquete_box a .img_box{
  margin-right: 15px;
}
.enquete_box a .info_box{
  width: calc(100% - 115px);
}
.enquete_box a .info_box .date{
  background: #ecafcf;
  border-radius: 20px;
  padding: 0px 5px;
  width: 50%;
  text-align: center;
  margin-bottom: 5px;
  color: #fff;
}
.enquete_box a .info_box .shop{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media screen and (max-width: 786px){
  .enquete_box a{
    flex-basis: 100%;
  }
}

/* ==========================================================================
トップページコラム設定
========================================================================== */

.contents_column{
  max-width: 750px;
  margin: 100px auto 200px;
  text-align: center;
}
.contents_column .wrap{
  border: 1px solid #f09cc3;
  padding: 50px 10px 30px;
  position: relative;
}
.contents_column .title{
  width: 260px;
  position: absolute;
  top: -20px;
  left: -3px;
  background: #fff;
}
.contents_column .wrap img{
  width: 250px;
}
/* アコーディオン設定 */
.acd-check{
  display: none;
}
.acd-label{
  position: relative;
  display: block;
  border-bottom: 1px solid #bababa;
  padding: 10px 20px 10px 10px;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
}
.acd-label:after{
  content: "\f0dd";
  font-family: FontAwesome;
  position: absolute;
  font-size: 11px;
  right: 5px;
  bottom: 40%;
  transition: 0.3s;
}
.acd-content{
  background: #F9FAFC;
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: 0.5s;
  visibility: hidden;
  margin-bottom: 10px;
  text-align: left;
}
.acd-check:checked + .acd-label + .acd-content{
  height: auto;
  opacity: 1;
  padding: 20px;
  visibility: visible;
  text-align: left;
  font-size: 14px;
  line-height: 1.8;
}

.acd-check:checked + .acd-label:after{
  transform:rotate(180deg);
}


/* ==========================================================================
#パンダちゃんねる
========================================================================== */
#mainContent .movie {
  padding: 20px 0 0 20px
}

#mainContent .movie li {
  width: 170px;
  height: 240px;
  float: left;
  margin-right: 20px
}

#mainContent .movie li .station {
  display: block;
  background: url(../images/icon-station.svg) no-repeat 0 0;
  padding-left: 21px;
  color: #666666;
  font-size: 12px;
  vertical-align: top;
  padding-bottom: 5px
}

#mainContent .movie li .icon {
  margin: 5px auto 5px auto
}
/******** popup.php ********/
#body_pandachannel h1{
  width: 90%;
  margin: 0 auto 5px auto;
  padding: 5px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);
  box-shadow: 0 0 3px rgba(0,0,0,0.4);
  background: no-repeat center right #94bf3c;
  color: #fff;
}
#body_pandachannel #tenpo-name a{
  display: block;
  width: 620px;
  height: 105px;
  margin: 0 auto;
  line-height: 105px;
  background: url(../images/txt-title-tenponame.png) 50% 0 no-repeat;
  font-size: 24px;
}
#body_pandachannel div:first-child{
  text-align: center;
  width: 658px;
  margin: 0 auto;
  padding-bottom: 30px;
  border-left: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
  background: #FFFFFF;
  -moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
#body_pandachannel #text-box{
  padding: 48px;
}
#body_pandachannel #text-link a{
  display: block;
  width: 500px;
  height: 30px;
  margin: 10px 0 0 20px;
  line-height: 30px;
  border: 1px solid #b4b4b4;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,,0.4);
  box-shadow: 0 0 3px rgba(0,0,0,0.4);
  background-color: #fafcf5;
  position: relative;
  text-decoration: underline;
  float: left;
}
#body_pandachannel #text-link img{
  margin-left: 40px;
  float: left;
}
/* ==========================================================================
 #フォーム
 ========================================================================== */
#mail-wrapper {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 20px;
  background: #FFFFFF;
  font-size: 14px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
#entry-form {
  width: 100%;
  max-width: 600px;
  margin: 56px auto 200px;
}
#entry-form > h3 {
  font-size: 20px;
  text-align: center;
  font-weight: 700;
}
#entry-form > h3 span {
  display: block;
  margin-top: 4px;
  font-size: 14px;
}
#entry-form > h3 span b {
  font-size: 16px;
}
#entry-form .form_flow {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
}
#entry-form .form_flow li {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: #D3D3D3;
}
#entry-form .form_flow li .step {
  margin-right: 8px;
  padding: 4px;
  font-size: 12px;
  background: #D3D3D3;
  color: #fff;
}
#entry-form .form_flow li + li {
  margin-left: 20px;
}
#entry-form .form_flow li + li::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 26px;
  border-left: 10px solid #D3D3D3;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
#entry-form .form_flow li.current {
  color: #98C022;
}
#entry-form .form_flow li.current .step {
  background: #98C022;
}
#entry-form .box_txt {
  width: 100%;
  margin-top: 32px;
  padding: 16px 12px;
  background: #F5F5F5;
  box-sizing: border-box;
}
#entry-form .box_txt p {
  position: relative;
  margin-bottom: 10px;
  padding-left: 16px;
  line-height: 1.5;
}
#entry-form .box_txt p::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #98C022;
}
#entry-form .box_txt div {
  display: flex;
  justify-content: center;
}
#entry-form .box_txt div .btn {
  width: 240px;
  height: 48px;
  line-height: 48px;
  margin: 0;
  background: #fff;
  color: #1F1F1F;
}
#entry-form .box_txt div .btn_tel {
  border: 1px solid #E26C62;
  width: 180px;
}
#entry-form .box_txt div .btn_line {
  margin-left: 16px;
  border: 1px solid #72C958;
  width: 180px;
}
#entry-form form {
  margin-top: 32px;
}
#entry-form form ul li + li {
  margin-top: 48px;
}
#entry-form form ul li p {
  position: relative;
  padding-left: 48px;
  font-size: 16px;
}
#entry-form form ul li p:first-of-type {
  font-weight: bold;
}
#entry-form form ul li p.auto {
  margin-top: 5px;
}
#entry-form form ul li p span {
  font-size: 14px;
}
#entry-form form ul li p::before {
  position: absolute;
  top: -2px;
  left: 0;
  display: inline-block;
  padding: 4px 8px;
  margin-right: 4px;
  font-size: 12px;
  color: #fff;
}
#entry-form form ul li p.required::before {
  content: "必須";
  background: #EA5454;
}
#entry-form form ul li p.optional::before {
  content: "任意";
  background: #D3D3D3;
}
#entry-form form ul li p.cap {
  margin-top: 4px;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
}
#entry-form form ul li input,
#entry-form form ul li textarea,
#entry-form form ul li select {
  width: 100%;
  margin-top: 10px;
  padding: 10px 12px;
  border: none;
  outline: 1px solid #D3D3D3;
  border-radius: 4px;
  box-sizing: border-box;
  background: #fff;
  transition: .3s all;
}
#entry-form form ul li input:focus,
#entry-form form ul li textarea:focus,
#entry-form form ul li select:focus {
  outline: 2px solid #dfb2d7;
  box-shadow: 0 0 6px 1px rgba(192,33,96, .5);
}
#entry-form form input:-webkit-autofill {
  box-shadow: 0 0 0 1000px #fff inset;
}
#entry-form form ul li input::placeholder,
#entry-form form ul li textarea::placeholder,
#entry-form form ul li select::placeholder {
  color: #D3D3D3;
}
#entry-form form ul li select {
  cursor: pointer;
}
#entry-form form ul li select:invalid {
  color: #D3D3D3;
}
#entry-form form ul li .radio_box {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
#entry-form form ul li input[type="radio"] {
  display: none;
}
#entry-form form ul li .radio {
  flex-grow: 1;
  margin-left: 16px;
  padding: 12px;
  border: 1px solid #D3D3D3;
  border-radius: 4px;
  color: #D3D3D3;
  text-align: center;
  cursor: pointer;
  transition: .3s all;
  font-weight: bold;
}
#entry-form form ul li input[type="radio"]:checked + label {
  border: 1px solid #dc7ba5;
  color: #dc7ba5;
}
#entry-form form ul li .radio:first-of-type {
  margin-left: 0;
}
#entry-form form ul li select {
  -webkit-appearance: none;
  appearance: none;
}
#entry-form form ul li select::-ms-expand {
  display: none;
}
#entry-form form ul li .select_box {
  border: none;
}
#entry-form form ul li .select_box::before {
  position: absolute;
  top: 26px;
  right: 12px;
  border-top: 6px solid #D3D3D3;
}
#entry-form form ul li .msg_err {
  margin-top: 4px;
  font-size: 12px;
  color: #EA5455;
}
#entry-form input[type="submit"] {
  display: block;
  width: 280px;
  height: 48px;
  line-height: 48px;
  margin: 32px auto 0;
  padding: 0;
  box-sizing: border-box;
  border: none;
  border-radius: 8px;
  background: #e0a5bf;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  transition: .3s all;
}
#entry-form input[type="submit"]:hover {
  background: #dc7ba5;
}
#entry-form .btn_close {
  display: block;
  width: 280px;
  height: 48px;
  line-height: 48px;
  margin: 32px auto 0;
  padding: 0;
  box-sizing: border-box;
  border: 1px solid #98C022;
  border-radius: 8px;
  background: #fff;
  color: #98C022;
  font-size: 16px;
  font-weight: bold;
}
/* フォームの切り替え */
#entry-form #form_list li,
#entry-form input[type="submit"] {
  display: none;
}
#entry-form #form_list li:first-of-type {
  display: block;
}

/* ==========================================================================
   #スライダー
   ========================================================================== */
.area_bnr_box{
  position: relative;
  width: 100%;
  margin-bottom: 80px;
}
.area_bnr_box .slider {
  padding-top: 20px;
}
.area_bnr_box .slider .slick-slide {
  position: relative;
  margin: 0 70px;
/*   filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, .1)); */
}
.area_bnr_box .slider .slick-slide img{
  width: 660px;
  height: 200px;
}
.area_bnr_box .slider .slick-slide.slick-active img{
  box-shadow: 0 10px 10px rgba(0,0,0,0.1);
}
.area_bnr_box .slider .slick-slide:not(.slick-active) {
  padding-top: 20px;
}
.area_bnr_box .slider .slick-slide:not(.slick-active)::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 660px;
  height: 200px;
  margin-top: -200px;
  background: rgba(255,255,255,.6);
}
.area_bnr_box .slider .slick-arrow {
  position: absolute;
  top: 50%;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #f09cc2ab;
  cursor: pointer;
  border: none;
  outline: none;
  font-size: 0;
  z-index: 1;
}
.area_bnr_box .slider .slick-arrow::before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  border-width: 2px 2px 0 0;
  position: absolute;
  top: 11px;
  transform: rotate(45deg);
}
.area_bnr_box .slider .slick-next {
  right: 20%;
}
.area_bnr_box .slider .slick-prev {
  left: 20%;
}
.area_bnr_box .slider .slick-next::before {
  left: 9px;
}
.area_bnr_box .slider .slick-prev::before {
  border-width: 0 0 2px 2px;
  right: 9px;
}
.dots .slick-dots {
  position: absolute;
  bottom: -20px;
  text-align: center;
}
.dots .slick-dots li {
  display: inline-block;
  width: 25px;
  height: 8px;
  margin: 0 6px;
}
.dots .slick-dots button {
  display: block;
  width: 25px;
  height: 8px;
  font-size: 0;
  padding: 0;
  border: 0;
  outline: none;
  cursor: pointer;
  background: #bbbbbb;
}
.dots .slick-dots .slick-active button {
  margin: 0;
  background: #F09CC2;
}
.slick-dots li button:before {
  content: "";
}
.contact-txt {
 font-size: 12px;
 margin-bottom: 15px;
}
.contact-txt2 {
 font-size: 12px;
 margin-top: 15px;
 margin-bottom: 15px;
 color: #D10003;
}

@media screen and (max-width: 1200px){
  .area_bnr_box .slider .slick-next {
    right: 10%;
  }
  .area_bnr_box .slider .slick-prev {
    left: 10%;
  }
}
@media screen and (max-width: 768px){
  .area_bnr_box .slider .slick-next {
    right: 0;
  }
  .area_bnr_box .slider .slick-prev {
    left: 0;
  }
}
@media screen and (max-width: 660px){

  .area_bnr_box .slider{
    padding-top: 8px;
  }
  .area_bnr_box .slider .slick-slide{
    margin: 0 20px;
  }
  .area_bnr_box .slider .slick-slide:not(.slick-active)::after{
    display: none;
  }
  .area_bnr_box .slider .slick-slide img {
    width: 100vw;
    height: auto;
    max-height: 200px;
  }
}
@media screen and (max-width: 600px){
/*  .area_bnr_box{
    width: 95%;
    margin-inline: auto;
  }*/
    .area_bnr_box .slider .slick-slide img {
      width: calc(100vw - 5%);
      margin:auto;
    }
    .area_bnr_box .slider .slick-slide.slick-active img{
      box-shadow:none;
    }
    .area_bnr_box .slider .slick-slide:not(.slick-active){
      padding-top: 0;
    }
}

/* ==========================================================================
  スカウトサービス
========================================================================== */
.wait_works{
  margin: 0 0 15px 0;
}
#scout {
  position: relative;
}
#scout .subvisual{
  width: 100%;
  position: relative;
  margin-bottom: 40px;
}
#scout .subvisual img{
  width: 100%;
  height: auto;
}
#scout h2{
  border-bottom: none;
  text-align: center;
}
#scout h2.title{
  position: absolute;
  top: 32%;
  left: 2%;
  width: 45%;
  /* max-width: 700px; */
  padding: 0;
}
#scout .subvisual .campaign{
  position: absolute;
  top: 4%;
  left: 2%;
  width: 40%;
  /* max-width: 550px; */
}
#scout .subvisual .entry_btn{
  position: absolute;
  bottom: 5%;
  left: 50%;
  translate: -50% 0;
  width: 70%;
}
@media screen and (max-width: 600px){
  #scout h2.title{
    top: auto;
    bottom: 34%;
    left: 50%;
    translate: -50% 0;
    width: 85%;
  }
  #scout .subvisual .campaign{
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  #scout .subvisual .entry_btn{
    bottom: 23%;
    width: 90%;
  }
}

#scout .scout_title{
  font-size: 72px;
  font-weight: 200;
  letter-spacing: 2px;
  line-height: 0.8;
  position: relative;
  margin: 0 auto;
}

/* スクロールダウン設定 */
#scout .scroll_down{
  height: 100px;
  position: relative;
}
#scout .scroll_down::after{
  content: "";
  position: absolute;
  top: 10px;
  left: 50%;
  width: 1px;
  height: 110px;
  background: #6C7FA3;
  animation: scrolldown 3s ease-in-out infinite;
  opacity:0;
}
/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes scrolldown{
  0%{
    height:0;
    top:0;
    opacity: 0;
  }
  30%{
    height:50px;
    opacity: 1;
  }
  100%{
    height:0;
    top:100px;
    opacity: 0;
  }
}

#scout .h2_txt{
  text-align: center;
  font-weight: bold;
  line-height: 2;
}
#scout .atten_txt{
  width: 100%;
  max-width: 750px;
  padding: 20px;
  background: #f7fbff;
  margin: 0 auto 30px;
  line-height: 1.8;
  font-size: 14px;
  border: 1px solid #d6e5ff;
  border-radius: 20px;
}
#scout .atten_txt .hope{
  display: inline;
  padding: 2px 5px;
  background: #eb92c1;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  /* margin-right: 5px; */
}
#scout .atten_txt .btn_entry{
  margin: 10px auto 30px;
}

/* キャンペーン用 */
#scout .scout_title.campaign{
  background: linear-gradient(90deg, #f67fb8 0%, #d998ff 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
#scout .scout_title.campaign .scroll_down::after{
  background: #e88bda;
}
#scout .h2_txt.campaign {
  color: #e88bda;
}
#scout .atten_txt.campaign {
  border: 1px solid #e88bda;
  background: #fff4fb;
}
#scout .atten_txt.campaign dt{
  color: #e88bda;
  font-size: 16px;
  font-weight: bold;
}
#scout .atten_txt.campaign a {
  color: #f886bb;
  text-decoration: underline;
}
#scout .atten_txt.campaign ul li {
  position: relative;
  padding-left: 1em;
}
#scout .atten_txt.campaign ul li:before {
  content: '';
  position: absolute;
  top: 0.75em;
  left: 5px;
  width: 3px;
  height: 3px;
  border-radius: 10px;
  background: #4F5D77;
}

/* フキダシ */
#scout .balloon {
  position: relative;
  display: block;
  width: fit-content;
  margin-inline: auto;
  margin-bottom: 16px;
  padding: 8px 16px;
  border: 1px solid #f09cc2;
  border-radius: 9999px;
  background-color: #ffffff;
  font-size: clamp(14px, 2vw, 16px);
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #f886bb;
  animation: UpDown 2.4s infinite ease-in-out;
}
#scout .balloon::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #f09cc2 transparent transparent;
  translate: -50% 100%;
}
#scout .balloon::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 8.6px 8.6px 0 8.6px;
  border-color: #ffffff transparent transparent;
  translate: -50% 100%;
}
@keyframes UpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
/* エントリーボタン */
.btn_entry{
  width: 95%;
  max-width: 480px;
  margin: 30px auto 100px;
}
.btn_entry a{
  display: block;
  background: #F67FB8;
  background: linear-gradient(120deg, #ff84c9 0%, #f754b1 100%);
  color: #fff;
  border-radius: 50px;
  font-size: clamp(16px, 2vw, 18px);
  font-weight: bold;
  padding: 15px;
  text-align: center;
  position: relative;
  box-shadow: 0px 6px 15px 0px rgba(70, 85, 94, 0.2);
}
.btn_entry a:after{
  /* content: "\f245";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-size: 20px; */
  content: '';
  position: absolute;
  /* right: 20%; */
  /* top: 20px; */
  bottom: -16px;
  right: 4%;
  width: 36px;
  height: 36px;
  background: url(../images/cursor_scout_entry.png) center / contain no-repeat;
}
.btn_entry a:hover:after{
  -webkit-animation: shake-horizontal 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
          animation: shake-horizontal 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
@-webkit-keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}
@keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}

/* how to useのステップ設定 */
#scout .flow > li {
  position: relative;
}
#scout .flow > li:not(:last-child) {
  margin-bottom: 40px;
}
#scout .flow > li:not(:first-child)::before {
  content: "";
  height: 60px;
  display: block;
  border-left: 4px dotted #e5e5e5;
  position: absolute;
  top: -40px;
  left: -webkit-calc(10% + 30px - 2px);
  left: calc(10% + 30px - 2px);
  z-index: 10;
}
#scout .flow > li dl {
  width: 100%;
  padding: 20px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #F67FB8;
  border-radius: 10px;
  position: relative;
}
#scout .flow > li:not(:last-child) dl::before,
#scout .flow > li:not(:last-child) dl::after {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#scout .flow > li:not(:last-child) dl::before {
  border-width: 22px;
  border-top-color: #F67FB8;
}
#scout .flow > li:not(:last-child) dl::after {
  border-width: 20px;
  border-top-color: #fff;
}
#scout .flow > li dl dt {
  font-size: 18px;
  font-weight: 600;
  color: #F67FB8;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  margin-right: 2vw;
  text-align: center;
}
#scout .flow > li dl dt .icon {
  font-size: 12px;
  color: #fff;
  background: #F67FB8;
  background: -moz-linear-gradient(left, rgba(246,127,184,1) 0%, rgba(242,171,231,1) 100%);
  background: -webkit-linear-gradient(left, rgba(246,127,184,1) 0%,rgba(242,171,231,1) 100%);
  background: linear-gradient(to right, rgba(246,127,184,1) 0%,rgba(242,171,231,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
  padding: 5px 10px;
  margin-bottom: 10px;
  display: block;
  border-radius: 20px;
  position: relative;
  z-index: 1;
}

/* ポイント部分の設定 */
#scout .point_box{
  width: 100%;
  max-width: 500px;
  border: 1px solid #EB62CC;
  padding: 20px;
  position: relative;
  margin: 0 auto 70px;
}
#scout .point_box img{
  width: 100px;
  position: absolute;
  top: -25px;
  left: -10px;
}
#scout .point_box .point_txt{
  color: #F67FB8;
  font-weight: 600;
  font-size: 20px;
  margin-left: 72px;
  margin-bottom: 20px;
}

/* フォーム部分 */
#scout_form{
  margin-top: -80px;
  padding-top: 80px;
}
.scout_frame{
  background: #F4FCFF;
  padding: 20px;
  width: 100%;
  max-width: 768px;
  margin: 30px auto;
  font-size: 14px;
  line-height: 1.6;
}
#scout .caution{
  background: #fff;
  width: 100%;
  margin: 0 auto;
  padding: 15px;
  color: #E23E70;
  font-size: 12px;
}
#scout form .check_area{
  line-height: 2.5;
  font-size: 15px;
}
#scout form .check_area input{
  vertical-align: sub;
  width: 15px;
  height: 15px;
}

/* 送信ボタン設定 */
.btn_send {
  width: 250px;
  height: 50px;
  border: none;
  display: block;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
  overflow: hidden;
  position: relative;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  background-color: #4f5d77;
  padding: 15px 60px;
  margin: 20px auto;
  border-radius: 30px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.20);
}
.btn_send span {
  position: relative; 
  z-index: 1;
  font-weight: 600;
}
.btn_send:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 490%;
  width: 140%;
  background: #F67FB8;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-100%) translateY(-25%) rotate(0deg);
  transform: translateX(-100%) translateY(-25%) rotate(0deg);
}
.btn_send:hover:after {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(0deg);
  transform: translateX(-9%) translateY(-25%) rotate(0deg);
}

#what h2{
  border-bottom: 2px solid #F09CC2;
  text-align: left;
}

#scout .btn_box{
  display: flex;
  justify-content: center;
  margin: 20px auto 50px;
}

@media screen and (max-width: 768px){
  #scout .scout_title{
    font-size: 52px;
  }
  #scout .flow li dl{
    flex-wrap: wrap;
    justify-content: center;
  }
  #scout .flow li dl dt{
    flex-basis: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }
  #scout .flow > li:not(:first-child)::before{
    content: none;
  }

  #scout_form{
    margin-top: 0px;
    padding-top: 0px;
  }
}





/* ==========================================================================
   #遠征バイト可特集
========================================================================== */

/* ----遠征バイト共通---- */
#ex_body .wrap{
  padding-bottom: 0;
}
#ex_body .header,
#ex_body .frame_right,
#ex_body .frame_left,
#ex_body #footer{
  background: #86d8fa;
}
/* ヘッダー */
#ex_body .header .area_box{
  background: #5dbbea;
}
#ex_body .header .area_box ul li a:hover{
  color: #27688b;
}
#ex_body .header .header_body{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 20px;
  height: 70px;
  padding: 0 70px;
}
#ex_body .header .header_left_wrap {
  display: block;
  width: 40%;
  max-width: 250px;
}  
#ex_body .header h1 a{
  display: block;
  width: 250px;
}
/* ログインボタン */
#ex_body .header .member_btn a img{
  filter: invert(100%) sepia(7%) saturate(3%) hue-rotate(84deg) brightness(105%) contrast(100%); /* 白 */
  transition: 0.3s;
}
#ex_body .header .member_btn li:first-of-type a{
  background: #fff;
  color: #5dbbea;
}
#ex_body .header .member_btn li:first-of-type a img{
  filter: invert(66%) sepia(10%) saturate(1988%) hue-rotate(155deg) brightness(99%) contrast(97%); /* 水色 */
}
#ex_body .header .member_btn a:hover{
  color: #27688b !important;
  background: #fff;
  opacity: 1;
}
#ex_body .header .member_btn li a:hover img{
  filter: invert(34%) sepia(26%) saturate(1137%) hue-rotate(157deg) brightness(96%) contrast(90%); /* 青 */
}
/* PCメニュー */
#ex_body #pc_nav ul li a:hover {
  color: #27688b;
}
@media screen and (max-width: 1000px){
  #ex_body .header .header_body{
    padding: 0 2vw;
  }
  #ex_body .header h1 a{
    width: 200px;
  }
}

/* フッター */
#ex_body #footer a:hover{
  color: #27688b;
}
#ex_body #footer .btn_box a{
  color: #fff;
}
#ex_body #footer .btn_box li:first-of-type a{
	background: #fff;
	color: #5dbbea;
}
#ex_body #footer .btn_box li:first-of-type a img{
  filter: invert(66%) sepia(10%) saturate(1988%) hue-rotate(155deg) brightness(99%) contrast(97%); /* 水色 */
  transition: 0.3s;
}
#ex_body #footer .btn_box li a:hover{
  color: #27688b;
  background: #fff;
  opacity: 1;
}
#ex_body #footer .btn_box li a:hover img{
  filter: invert(34%) sepia(26%) saturate(1137%) hue-rotate(157deg) brightness(96%) contrast(90%); /* 青 */
}
@media (890px <= width <= 1124px){
  #ex_body #foot-nav {
    grid-template-columns: 200px auto 240px;
    width: fit-content;
    margin-inline: auto;
  }
  #foot-nav .nav2 ul{
    gap: 0 1em;
  }
}


/* ----遠征バイト総合トップ---- */
/* メインビジュアル */
#ex_body {
  position: relative;
}
#ex_body .subvisual{
  width: 100%;
  position: relative;
}
#ex_body .subvisual .bg img{
  width: 100%;
}
#ex_body h2{
  border-bottom: none;
  text-align: center;
}
#ex_body h2.title{
  width: 60%;
  max-width: 800px;
  position: absolute;
  top: 20%;
  left: 5%;
  border-bottom: none;
}
#ex_body h2.title img{
  width: 100%;
}

#ex_body .txt_box{
  width: 80%;
  max-width: 500px;
  margin: 50px auto;
  text-align: center;
  background: #86d8fa;
  padding: 10px;
  opacity: 0.8;
}
#ex_body .txt_box .frame{
  width: 100%;
  border: 1px solid #fff;
  padding: 15px;
  color: #fff;
  line-height: 1.8;
}

#ex_body .contents_map{
  margin: -150px auto 100px;
  padding: 150px 10px 10px;
  background: #F9FAFC;
}

#ex_body .contents_map ul li{
  width: calc(100% / 3 - 15px);
  display: inline-block;
  margin: 20px 5px;
  border-radius: 10px;
  background: #fff;
  text-align: center;
  position: relative;
}
#ex_body .contents_map ul li a{
  display: block;
  padding: 20px 0;
  transition: 0.3s;
}
#ex_body .contents_map ul li a:after{
  content: "\f061";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  position: absolute;
  right: 10px;
  top: 20%;
  color: #e4ecf9;
  font-size: 40px;
  opacity: 0;
  transition: 0.3s;
}
#ex_body .contents_map ul li a:hover{
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}
#ex_body .contents_map ul li a:hover:after{
  opacity: 1;
  right: 5px;
}
#ex_body .contents_map ul li .area_name{
  position: absolute;
  top: -15px;
  right: 0;
  left: 0;
  margin: 0 auto;
}
#ex_body .contents_map ul li .area_name span{
  font-size: 22px;
  font-weight: 900;
  background: linear-gradient(90deg, #8bd5f9 0%, #6ae4f7 100%); 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#ex_body .contents_map ul li .sum{
  background: linear-gradient(90deg, #8bd5f9 0%, #6ae4f7 100%); 
  padding: 5px 10px;
  width: 50%;
  max-width: 150px;
  color: #fff;
  font-weight: 700;
  margin: 0 auto;
  border-radius: 20px;
}

/* ----遠征バイト総合トップfooter---- */
#ex_body #footer .sns_box a:hover{
  border: 1px solid #19a6b5;
}


/* ----遠征バイトエリアトップページ---- */
#ex_body h2{
  border-bottom: 2px solid #f09ca3;
}

/* 他エリアへの遠征バイトリンクボタン */
#ex_body #wrapper-exp{
  padding-top: 20px;
}
#ex_body #wrapper-exp ul{
  /* display: flex;
  flex-wrap: wrap; */
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 5px;
}
#wrapper-exp .area-link li a {
  /* width: 120px; */
  padding: 10px 4.5px;
  border-bottom: 2px solid #cd7a66;
  border-radius: 4px;
  background: #f8876c;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  display: block;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  /* margin: 0 0 5px 4px; */
}
#wrapper-exp .area-link li a p {
  font-size: 1.25em;
  color: #ffffff;
  line-height: 1;
}

/* Q&A */
#enquete_shop_detail .flex_box{
  display: flex;
}

/* 遠征バイト内の詳しく見るボタン */
#ex_body .btn_more{
  width: 95%;
  max-width: 750px;
  display: block;
  margin: 0 auto;
  text-align: center;
  padding: 15px 10px;
  border: 1px solid #87c9ea;
  border-radius: 30px;
  color: #fff;
  background-image: linear-gradient(to right, #8bd5f9 0%, #6ae4f7 51%, #8bd5f9 100%);
  font-weight: 700;
  transition: 0.5s;
  background-size: 200% auto;
  position: relative;
}
#ex_body .btn_more:after{
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
  top: 9px;
  font-weight: 600;
  font-size: 20px;
}
#ex_body .btn_more:hover{
  font-weight: 700;
  background-position: right center;
  opacity: 1;
}

#ex_body #result{
  padding: 0;
}

#ex_body .rec_h4,
#ex_body .enquete_box a .info_box .date, 
#ex_body .enquete_box a:before,
#ex_body #result .shop_list li .shop_name{
  background: #87c9ea;
}
#ex_body #result .shop_list > li .flex .box .shop_info .rec_title a,
#ex_body #result .shop_list > li .flex .box .shop_info table th{
  color: #87c9ea;
}
#ex_body #result .shop_list > li .flex .box .shop_info table{
  background: #F9FAFC;
}
#ex_body #result .shop_list > li .flex .box .shop_info table th span:not(.ic){
  padding-left: 0;
}


@media screen and (max-width: 1000px){
  #ex_body .wrap{
    padding: 100px 0 70px;
  }
}
@media screen and (max-width: 768px){
  #ex_body .wrap{
    padding: 0;
  }
  #ex_body .contents_map ul li{
    width: calc(100% / 2 - 15px);
  }
  #ex_body .contents_map ul li .sum{
    width: 80%;
  }
  #enquete_shop_detail .enquete_box a:nth-child(2n + 1){
    margin-right: 0;
  }
  #ex_body .drawer_frame{
    background: #35aae480;
  }
  #ex_body .drawer__btn{
    background: #10b0ff;
  }

}
/* 遠征バイト　壽﨑ココまで↑ */





 #wrapper-exp #head-arealink ul {
  box-shadow: 0 1px 0px rgb(165, 149, 135) inset;
  background-color: #f8876c;
}
 /* 誘導バナー */
 .side_bnr_exp {
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
}
.side_bnr_exp p {
  color: #ffffff;
  font-size: 12px;
  position: absolute;
  bottom : 2px;
  left: 20px;
}
.side_bnr_exp p span {
  font-size: 16px;
}

/* 全国トップ */
#exp-outer {
  width: 1020px;
  margin: 0 auto;
  background: #ffffff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
#exp-outer h1 {
  padding: 5px 0;
  /*background: #FD6F51;*/
  background: #E8846C;
  color: #ffffff;
  text-align: center;
}
#exp-outer h2 {
  position: absolute;
  top: 130px;
  left: 0;
  right: 0;
  text-align: center;
}
#exp-outer h2 span {
  font-weight: bold;
}
#exp-outer .exp-total {
  margin-bottom: 20px;
  padding: 10px 0;
  border-radius: 4px;
  background: #f8876c;
  color: #ffffff;
  text-align: center;
}
#exp-outer .exp-total span {
  margin-left: 8px;
  padding: 4px 8px;
  border-radius: 4px;
  background: #ffffff;
  color: #585858;
}
#exp-outer .exp-total span span {
  margin-left: 4px;
  padding: 0;
  font-size: 0.75em;
}
#exp-outer header {
  margin-bottom: 20px;
}
#exp-outer #top-area-outer {
  width: 820px;
  margin: 0 auto;
}
#exp-outer #top-area-outer:after{
  display: block;
  clear: both;
  height: 0;
  content: "";
}
/*東京*/#exp-outer .top-area:nth-of-type(1) a {
background: url(../images/top-area-btn_01.png) 0 0 no-repeat;}
/*大阪*/#exp-outer .top-area:nth-of-type(2) a {
background: url(../images/top-area-btn_02.png) 0 0 no-repeat;}
/*横浜*/#exp-outer .top-area:nth-of-type(3) a {
background: url(../images/top-area-btn_03.png) 0 0 no-repeat;}
/*名古屋*/#exp-outer .top-area:nth-of-type(4) a {
background: url(../images/top-area-btn_04.png) 0 0 no-repeat;}
/*札幌*/#exp-outer .top-area:nth-of-type(5) a {
background: url(../images/top-area-btn_05.png) 0 0 no-repeat;}
/*福岡*/#exp-outer .top-area:nth-of-type(6) a {
background: url(../images/top-area-btn_06.png) 0 0 no-repeat;}
/*仙台*/#exp-outer .top-area:nth-of-type(7) a {
background: url(../images/top-area-btn_07.png) 0 0 no-repeat;}
/*神戸*/#exp-outer .top-area:nth-of-type(8) a {
background: url(../images/top-area-btn_08.png) 0 0 no-repeat;}
/*金沢*/#exp-outer .top-area:nth-of-type(9) a {
background: url(../images/top-area-btn_09.png) 0 0 no-repeat;}
/*北関東*/#exp-outer .top-area:nth-of-type(10) a {
background: url(../images/top-area-btn_10.png) 0 0 no-repeat;}
/*広島*/#exp-outer .top-area:nth-of-type(11) a {
background: url(../images/top-area-btn_11.png) 0 0 no-repeat;}
#exp-outer .top-area a {
width: 390px;
height: 155px;
margin: 0 40px 40px 0;
float: left;
border-radius: 4px;
background-color: #ffffff;
color: #FD6F51;
display: block;
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
position: relative;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#exp-outer .top-area a {
width: 390px;
height: 155px;
margin: 0 40px 40px 0;
float: left;
border-radius: 4px;
background-color: #ffffff;
color: #FD6F51;
display: block;
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
position: relative;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#exp-outer .top-area a:hover {
background-color: #FD6F51;
color: #ffffff;
box-shadow: none;
}
#exp-outer .top-area:nth-of-type(even) a {
margin-right: 0;
}
#exp-outer .top-area p {
color: #ffffff;
font-size: 18px;
text-align: right;
letter-spacing: 2px;
position: absolute;
top: 53px;
right: 40px;
}
#exp-outer .top-area p span {
font-size: 12px;
}
#exp-outer #footer {
position: relative;
}
#exp-outer .exp-footer-logo {
position: absolute;
top: 20px;
left: 40px;
}
/* 検索結果 */
#wrapper-exp h1 {
background: #f8876c;
/* background: #ffffff; */
/* color: #f7b1a1; */
color: #fff;
border-top: 1px dotted #f7b1a1;
border-bottom: 1px dotted #f7b1a1;
}
#wrapper-exp #recruit {
  margin-top: 24px;
}
#wrapper-exp p,
#wrapper-exp li,
#wrapper-exp #side-area ul li, #side-area ul li, #side-area ul a {
color: #585858;
}
#wrapper-exp a {
color: #FD6F51;
}
#wrapper-exp a.btn_clear {
color: #707070;
}
#wrapper-exp .head {
color: #585858;
border: none;
background: #fff2ef;
}
#wrapper-exp .head h3 {
padding: 12px 0 0 8px;
}
#wrapper-exp .h3_count {
padding: 1px 10px;
border-radius: 2px;
background: #f8876c;
color: #ffffff;
}
#wrapper-exp .h3_count span {
font-size: 0.75em;
}
#wrapper-exp #result > ul > li {
margin-bottom: 0;
}
/* #wrapper-exp .area-link {
height: 40px; /*margin-bottom: 20px;*/
} */
/* #wrapper-exp .area-link li a {
  width: 120px;
  padding: 10px 4.5px;
  float: left;
  border-bottom: 2px solid #cd7a66;
  border-radius: 4px;
  background: #f8876c;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  display: block;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 0 5px 4px;
} */
#wrapper-exp .area-link li a:hover {
  background: #ffaa97;
border-bottom: 2px solid #f8876c;
}
#wrapper-exp .area-link li:last-of-type a {
margin-right: 0;
}
/* #wrapper-exp .area-link li a p {
font-size: 1.25em;
color: #ffffff;
line-height: 1;
margin-right: 15px;
} */
#wrapper-exp .area-link li a p span {
font-size: 0.5em;
color: #ffffff;
}
#wrapper-exp .area-link li a img {
position: absolute;
top: 18px;
right: 8px;
}
#wrapper-exp #header .text {
top: 55px;
width: 420px;
}
#wrapper-exp .detail_sta {
margin-bottom: 10px;
}
#wrapper-exp .detail_sta span {
margin-left: 4px;
padding: 0 4px;
background: #008033;
font-size: 11px;
color: #ffffff;
}
/****** カラー上書き設定 ******/
#wrapper-exp #mainContent .list-large2 li {
border-bottom: 1px dashed #f8876c;
}

#wrapper-exp .single-head,
#wrapper-exp #mainContent .item .head,
#wrapper-exp #result .content,
#wrapper-exp #result .content .info .rec-info li,
#wrapper-exp #sidebar h3,
#wrapper-exp #side-area ul .area-s, #side-area ul .area-s-ex,
#wrapper-exp #enquete_left p.title,
#wrapper-exp #enquete_left ul li,
#wrapper-exp #iconinfo p {
border-color: #f8876c;
}

#wrapper-exp .list-head,
#wrapper-exp #result .head,
#wrapper-exp #enquete_left p.detail a,
#wrapper-exp #enquete_left p.detail a:after {
background: #f7b1a1;
}
#wrapper-exp #side-area ul .area-d,
#wrapper-exp #side-area ul .area-d-ex {
background-color: #f7b1a1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFFFFFFF', endColorstr='#FFf7b1a1');
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(100%, #f7b1a1));
background-image: -webkit-linear-gradient(left, #ffffff 0%, #f7b1a1 100%);
background-image: -moz-linear-gradient(left, #ffffff 0%, #f7b1a1 100%);
background-image: -o-linear-gradient(left, #ffffff 0%, #f7b1a1 100%);
background-image: linear-gradient(left, #ffffff 0%, #f7b1a1 100%);
}
#wrapper-exp #result .content .info .rec-title {
background: #FFECB7;
}
#wrapper-exp .txt-caption {
color: #f8876c;
}
#wrapper-exp .list-head h4 a,
#wrapper-exp #result .head h4 a {
color: #585858;
}
#wrapper-exp #result .content {
background: #fff2ef;
}
#wrapper-exp #footer a {
color: #ffffff;
}
#wrapper-exp .page_navi span.page {
background: #f8876c;
}
#wrapper-exp #result .shop_list > li .flex .box .shop_info .rec_title {
  color: #FD6F51;
}
#wrapper-exp #result .shop_list > li .flex .box .shop_info table {
  background: #fff2ef;
}
#wrapper-exp #result .shop_list > li .flex .box .shop_info table th {
  width: 160px;
}
#wrapper-exp #result .shop_list > li .flex .box .btn_sub {
  border: 1px solid #F8876C;
  color: #F8876C;
}
#wrapper-exp #result .shop_list > li .flex .box .btn_sub:hover {
  background: #fff2ef;
}
#wrapper-exp #result .shop_list > li .flex .box .btn_second {
  width: 100%;
  max-width: 160px;
  margin: 10px 0 0 0;
  padding: 8px 12px;
  border: 1px solid #F8876C;
  background: #F8876C;
  color: #fff;
}
#wrapper-exp #result .shop_list > li .flex .box .btn_second:hover {
  background: #ea7b5f;
  border: 1px solid #ea7b5f;
}
/* #wrapper-exp #result .content .thumbs .form-btn a {
width: 135px;
color: #585858;
} */
/* #shop-exp p {
padding: 6px 10px;
background: #f8876c;
color: #ffffff;
}
#shop-exp ul {
width: 528px;
padding: 4px 15px;
border: 1px solid #f7b1a1;
background: #fff2ef;
float: right;
}
#shop-exp ul li {
padding: 10px 0;
border-bottom: 1px dashed #f8876c;
color: #585858;
}
#shop-exp ul li:last-of-type {
border-bottom: none;
}
#shop-exp ul li span {
color: #f8876c;
} */
#exp-outer #footer,
#wrapper-exp #footer {
position: relative;
background: url(../images/bg-footer-exp.png) repeat-x 0 0;
}
/* SNSボタン - expedition/shop.php */
.shoppage {
padding: 0;
}
.shoppage h3 {
float: left;
}
/* .shoppage .btn_sns .btn_sns_tw {
margin-right: 5px;
float: right;
}
.shoppage .btn_sns .btn_sns_fb {
float: right;
} */

/*---------------------------------
　エリアマップ
---------------------------------*/
/*満員御礼 エリアマップ 共通*/
.area_navi:after{
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}
.area_navi{
  margin-bottom: 20px;
}
.area_navi h3{
  border-bottom: 3px solid #98c022;
  padding: 0 5px 10px;
  font-size: 120%;
  font-weight: bold;
  letter-spacing: 1px;
  font-feature-settings: "palt";
}
.area_map{
  width: 545px;
  float: left;
}
.area_map ul{
  width: 545px;
  height: 355px;
  position: relative;
}
.area_map ul a{
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/*東京マップ*/
.area_search_left {
  position: relative;
}
.area_map ul.area_tokyo li#area_09 {
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  z-index: 101;
}
.area_map ul.area_tokyo{
  background: url(../images/area_map_kanto.jpg) 0 0 no-repeat;
  background-size: 545px 355px;
}
/*サイズ指定*/
ul.area_tokyo #area_01 a {width:153px;height: 63px;}
ul.area_tokyo #area_02 a {width:153px;height: 63px;}
ul.area_tokyo #area_03 a {width:153px;height: 63px;}
ul.area_tokyo #area_04 a {width:153px;height: 63px;}
ul.area_tokyo #area_05 a {width:153px;height: 63px;}
ul.area_tokyo #area_06 a {width: 180px;height:63px;}
ul.area_tokyo #area_07 a {width:153px;height: 63px;}
ul.area_tokyo #area_08 a {width:153px;height: 63px;}
ul.area_tokyo #area_09 {width:153px;height: 63px;}
ul.area_tokyo #area_10 a {width:93px;height: 133px;}
ul.area_tokyo #area_11 a {width: 75px;height:110px;}
ul.area_tokyo #area_12 a {width:153px;height: 63px;}
/*位置指定*/
ul.area_tokyo #area_01 a {top: 20px;left:210px;} /* 池袋・新宿 */
ul.area_tokyo #area_02 a {top: 90px;left: 30px;} /* 新宿・西東京 */
ul.area_tokyo #area_03 a {top:155px;left: 5px;} /* 渋谷・東急線 */
ul.area_tokyo #area_04 a {top:220px;left: 28px;} /* 恵比寿 */
ul.area_tokyo #area_05 a {top:285px;left: 10px;} /* 横浜 */
ul.area_tokyo #area_06 a {top: 268px;left: 183px;} /* 目黒・麻布・品川 */
ul.area_tokyo #area_07 a {top: 20px;left:40px;} /* 埼玉 */
ul.area_tokyo #area_08 a {top: 123px;left: 370px;} /* 上野・神田 */
ul.area_tokyo #area_09 {top: 149px;left: 206px;} /* 都内出張 */
ul.area_tokyo #area_10 a {top: 205px;left: 368px;} /* 東京駅・銀座 */
ul.area_tokyo #area_11 a {top: 241px;left: 463px;} /* 千葉 */
ul.area_tokyo #area_12 a {top:20px;right:10px;} /* 北関東 */

/*背景指定*/
ul.area_tokyo #area_01 a {background-image:url(../images/area_map_ikebukuro.png);}
ul.area_tokyo #area_02 a {background-image:url(../images/area_map_shinjuku.png);}
ul.area_tokyo #area_03 a {background-image:url(../images/area_map_shibuya.png);}
ul.area_tokyo #area_04 a {background-image:url(../images/area_map_ebisu.png);}
ul.area_tokyo #area_05 a {background-image:url(../images/area_map_yokohama.png);}
ul.area_tokyo #area_06 a {background-image:url(../images/area_map_meguro.png);}
ul.area_tokyo #area_07 a {background-image:url(../images/area_map_saitama.png);}
ul.area_tokyo #area_08 a {background-image:url(../images/area_map_ueno.png);}
ul.area_tokyo #area_09 {background-image:url(../images/area_map_tonai.png);}
ul.area_tokyo #area_10 a {background-image:url(../images/area_map_shinagawa.png);}
ul.area_tokyo #area_11 a {background-image:url(../images/area_map_chiba.png);}
ul.area_tokyo #area_12 a {background-image:url(../images/area_map_kitakanto.png);}
/*背景ホバー*/
ul.area_tokyo #area_01 a:hover {background-position:0 -63px;}
ul.area_tokyo #area_02 a:hover {background-position:0 -63px;}
ul.area_tokyo #area_03 a:hover {background-position:0 -63px;}
ul.area_tokyo #area_04 a:hover {background-position:0 -63px;}
ul.area_tokyo #area_05 a:hover {background-position:0 -63px;}
ul.area_tokyo #area_06 a:hover {background-position:0 -63px;}
ul.area_tokyo #area_07 a:hover {background-position:0 -63px;}
ul.area_tokyo #area_08 a:hover {background-position:0 -63px;}
/*ul.area_tokyo #area_09:hover {background-position:0 -63px;}*/
ul.area_tokyo #area_10 a:hover {background-position:0 -133px;}
ul.area_tokyo #area_11 a:hover {background-position:0 -112px;}
ul.area_tokyo #area_12 a:hover {background-position:0 -63px;}


/* 出張エリアマップ */
.area_search_left #deli_area_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 545px;
  height: 355px;
  background-color: rgba(28, 22, 20, .75);
  z-index: -1;
  opacity: 0;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.area_search_left.show_deli_box #deli_area_box {/* 出張マップ表示時 */
  z-index: 10;
  opacity: 1;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.area_search_left.show_deli_box .area_tokyo #area_09 {/* 出張マップ表示時の都内出張ボタン */
  background-position:0 -63px;
}
.area_search_left #deli_area_box ul li a{
  position: absolute;
  width: 168px;
  height: 83px;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  z-index: 101;
}
.area_search_left #deli_area_box ul li a:hover {
  background-position: 0 -83px;
}

.area_search_left #deli_area_box ul #deli_area_05 a{
  top: 283px;
  left: 370px;
  height: 50px;
  background-image:url(../images/area_map_deli_other.png);
}
.area_search_left #deli_area_box ul #deli_area_05 a:hover {
  background-position: 0 -50px;
}
#deli_area_box #deli_area_01 a {
  top: 30px;
  left: 235px;
  background-image:url(../images/area_map_deli_shinjuku.png);
}
#deli_area_box #deli_area_02 a {
  top: 140px;
  left: 370px;
  background-image:url(../images/area_map_deli_ginza.png);
}
#deli_area_box #deli_area_03 a {
  top: 250px;
  left: 160px;
  background-image:url(../images/area_map_deli_shinagawa.png);
}
#deli_area_box #deli_area_04 a {
  top: 120px;
  left: 20px;
  background-image:url(../images/area_map_deli_shibuya.png);
}
#btn_deli_map_close {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 46px;
    line-height: 1;
    color: rgba(255,255,255,.85);
    z-index: 11;
    background: none;
    padding: 5px 10px 5px;
    outline: none;
}


/*大阪マップ*/
.area_map ul.area_osaka{
  background: url(../images/area_map_osaka.jpg) 0 0 no-repeat;
  background-size: 545px 355px;
}
/*サイズ指定*/
ul.area_osaka #area_01 a {width:150px;height: 57px;}
ul.area_osaka #area_02 a {width:150px;height: 57px;}
ul.area_osaka #area_03 a {width:150px;height: 57px;}
ul.area_osaka #area_04 a {width:150px;height: 57px;}
ul.area_osaka #area_05 a {width:150px;height: 57px;}
ul.area_osaka #area_06 a {width:150px;height: 57px;}
ul.area_osaka #area_07 a {width:150px;height: 57px;}
ul.area_osaka #area_08 a {width:150px;height: 57px;}
ul.area_osaka #area_09 a {width: 50px;height: 90px;}
ul.area_osaka #area_10 a {width:150px;height: 57px;}
ul.area_osaka #area_11 a {width:110px;height: 70px;}
ul.area_osaka #area_12 a {width:150px;height: 57px;}

ul.area_osaka #area_14 a {width: 50px;height: 83px;}
ul.area_osaka #area_15 a {width: 50px;height: 83px;}
ul.area_osaka #area_16 a {width:150px;height: 57px;}
ul.area_osaka #area_17 a {width:150px;height: 50px;}
ul.area_osaka #area_18 a {width: 50px;height: 180px;}


/*位置指定*/
ul.area_osaka #area_01 a {top: 25px;left: 93px;}/*1列目*/
ul.area_osaka #area_02 a {top:156px;left:158px;}
ul.area_osaka #area_03 a {top:222px;left:165px;}/*2列目*/
ul.area_osaka #area_04 a {top: 94px;left:172px;}
ul.area_osaka #area_05 a {top: 77px;left:326px;}
ul.area_osaka #area_06 a {top:196px;left:320px;}
ul.area_osaka #area_07 a {top:  2px;left:291px;}
ul.area_osaka #area_08 a {top:290px;left:321px;}/*３列目*/
ul.area_osaka #area_09 a {top:  1px;left:484px;}
ul.area_osaka #area_10 a {top: 93px;left:  3px;}
ul.area_osaka #area_11 a {top:282px;left:  1px;}
ul.area_osaka #area_12 a {top:155px;left:  3px;}

ul.area_osaka #area_14 a {top:264px;left:484px;}
ul.area_osaka #area_15 a {top: 93px;left:484px;}
ul.area_osaka #area_16 a {top:290px;left:165px;}
ul.area_osaka #area_17 a {top:221px;left:  3px;}
ul.area_osaka #area_18 a {top:100px;left:484px;}



/*背景指定*/
ul.area_osaka #area_01 a {background-image:url(../images/area_map_kita.png);}
ul.area_osaka #area_02 a {background-image:url(../images/area_map_shinsaibashi.png);}
ul.area_osaka #area_03 a {background-image:url(../images/area_map_minami.png);}
ul.area_osaka #area_04 a {background-image:url(../images/area_map_honmachi.png);}
ul.area_osaka #area_05 a {background-image:url(../images/area_map_tenma.png);}
ul.area_osaka #area_06 a {background-image:url(../images/area_map_tanikyu.png);}
ul.area_osaka #area_07 a {background-image:url(../images/area_map_juso.png);}
ul.area_osaka #area_08 a {background-image:url(../images/area_map_sonota.png);}
ul.area_osaka #area_09 a {background-image:url(../images/area_map_kyoto.png);}
ul.area_osaka #area_10 a {background-image:url(../images/area_map_hyogo.png);}
ul.area_osaka #area_11 a {background-image:url(../images/area_map_osaka_panda.png);}
ul.area_osaka #area_12 a {background-image:url(../images/area_map_zeniki.png);}
ul.area_osaka #area_14 a {background-image:url(../images/area_map_wakayama.png);}
ul.area_osaka #area_15 a {background-image:url(../images/area_map_nara.png);}
ul.area_osaka #area_16 a {background-image:url(../images/area_map_sakaihigashi.png);}
ul.area_osaka #area_17 a {background-image:url(../images/area_map_amagasaki.png);}
ul.area_osaka #area_18 a {background-image:url(../images/area_map_kinki.png);}

ul.area_osaka #area_01 a:hover {background-position:0 -57px;}
ul.area_osaka #area_02 a:hover {background-position:0 -57px;}
ul.area_osaka #area_03 a:hover {background-position:0 -57px;}
ul.area_osaka #area_04 a:hover {background-position:0 -57px;}
ul.area_osaka #area_05 a:hover {background-position:0 -57px;}
ul.area_osaka #area_06 a:hover {background-position:0 -57px;}
ul.area_osaka #area_07 a:hover {background-position:0 -57px;}
ul.area_osaka #area_08 a:hover {background-position:0 -57px;}
ul.area_osaka #area_09 a:hover {background-position:0 -90px;}
ul.area_osaka #area_10 a:hover {background-position:0 -57px;}
ul.area_osaka #area_11 a:hover {background-position:0 -70px;}
ul.area_osaka #area_12 a:hover {background-position:0 -57px;}
ul.area_osaka #area_14 a:hover {background-position:0 -83px;}
ul.area_osaka #area_15 a:hover {background-position:0 -83px;}
ul.area_osaka #area_16 a:hover {background-position:0 -57px;}
ul.area_osaka #area_17 a:hover {background-position:0 -50px;}
ul.area_osaka #area_18 a:hover {background-position:0 -180px;}

/*大阪MAPポップアップ設定*/
.area_search_left #deli_area_box06,
.area_search_left #deli_area_box07,
.area_search_left #deli_area_box08,
.area_search_left #deli_area_box09,
.area_search_left #deli_area_box10,
.area_search_left #deli_area_box11,
.area_search_left #deli_area_box12,
.area_search_left #deli_area_box13,
.area_search_left #deli_area_box14,
.area_search_left #deli_area_box15,
.area_search_left #deli_area_box16 {
  position: absolute;
  top: 0;
  left: 0;
  width: 545px;
  height: 355px;
  background-color: rgba(28, 22, 20, .75);
  z-index: -1;
  opacity: 0;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

/* 出張マップ表示時 */
.area_search_left.show_deli_box06 #deli_area_box06,
.area_search_left.show_deli_box07 #deli_area_box07,
.area_search_left.show_deli_box08 #deli_area_box08,
.area_search_left.show_deli_box09 #deli_area_box09,
.area_search_left.show_deli_box10 #deli_area_box10,
.area_search_left.show_deli_box11 #deli_area_box11,
.area_search_left.show_deli_box12 #deli_area_box12,
.area_search_left.show_deli_box13 #deli_area_box13,
.area_search_left.show_deli_box14 #deli_area_box14,
.area_search_left.show_deli_box15 #deli_area_box15,
.area_search_left.show_deli_box16 #deli_area_box16 {
  z-index: 10;
  opacity: 1;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.area_search_left #deli_area_box06 ul li a,
.area_search_left #deli_area_box07 ul li a,
.area_search_left #deli_area_box08 ul li a,
.area_search_left #deli_area_box09 ul li a,
.area_search_left #deli_area_box10 ul li a,
.area_search_left #deli_area_box11 ul li a,
.area_search_left #deli_area_box12 ul li a,
.area_search_left #deli_area_box13 ul li a,
.area_search_left #deli_area_box14 ul li a,
.area_search_left #deli_area_box15 ul li a,
.area_search_left #deli_area_box16 ul li a {
  position: absolute;
  width: 153px;
  height: 73px;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  z-index: 101;
}

.area_search_left #deli_area_box06 #deli_area_01 a:hover,
.area_search_left #deli_area_box06 #deli_area_02 a:hover,
.area_search_left #deli_area_box06 #deli_area_03 a:hover,
.area_search_left #deli_area_box07 #deli_area_04 a:hover,
.area_search_left #deli_area_box07 #deli_area_05 a:hover,
.area_search_left #deli_area_box08 #deli_area_06 a:hover,
.area_search_left #deli_area_box08 #deli_area_07 a:hover,
.area_search_left #deli_area_box09 #deli_area_08 a:hover,
.area_search_left #deli_area_box09 #deli_area_09 a:hover,
.area_search_left #deli_area_box09 #deli_area_10 a:hover,
.area_search_left #deli_area_box09 #deli_area_11 a:hover,
.area_search_left #deli_area_box10 #deli_area_12 a:hover,
.area_search_left #deli_area_box10 #deli_area_13 a:hover,
.area_search_left #deli_area_box10 #deli_area_14 a:hover,
.area_search_left #deli_area_box11 #deli_area_15 a:hover,
.area_search_left #deli_area_box11 #deli_area_16 a:hover,
.area_search_left #deli_area_box12 #deli_area_17 a:hover,
.area_search_left #deli_area_box12 #deli_area_18 a:hover,
.area_search_left #deli_area_box12 #deli_area_19 a:hover,
.area_search_left #deli_area_box12 #deli_area_20 a:hover,
.area_search_left #deli_area_box13 #deli_area_21 a:hover,
.area_search_left #deli_area_box13 #deli_area_22 a:hover,
.area_search_left #deli_area_box13 #deli_area_23 a:hover,
.area_search_left #deli_area_box14 #deli_area_24 a:hover,
.area_search_left #deli_area_box14 #deli_area_25 a:hover,
.area_search_left #deli_area_box15 #deli_area_26 a:hover {
  background-position: 0 -75px;
}

/* キタ */
#deli_area_box06 #deli_area_01 a {
  top: 133px;
  left: 25px;
  background-image:url(../images/area_map_deli_umeda.png);
}
#deli_area_box06 #deli_area_02 a {
  top: 215px;
  left: 194px;
  background-image:url(../images/area_map_deli_kitashinchi.png);
}
#deli_area_box06 #deli_area_03 a {
  top: 133px;
  left: 370px;
  background-image:url(../images/area_map_deli_nakasakicho.png);
}

/* 心斎橋 */
#deli_area_box07 #deli_area_04 a {
  top: 133px;
  left: 25px;
  background-image:url(../images/area_map_deli_shinsaibashi.png);
}
#deli_area_box07 #deli_area_05 a {
  top: 133px;
  left: 370px;
  background-image:url(../images/area_map_deli_yotsubashi.png);
}

/* ミナミ */
#deli_area_box08 #deli_area_06 a {
  top: 133px;
  left: 25px;
  background-image:url(../images/area_map_deli_namba.png);
}
#deli_area_box08 #deli_area_07 a {
  top: 133px;
  left: 370px;
  background-image:url(../images/area_map_deli_nippombashi.png);
}

/* 堺筋本町 */
#deli_area_box09 #deli_area_08 a {
  top: 133px;
  left: 370px;
  background-image:url(../images/area_map_deli_sakaisuzi.png);
}
#deli_area_box09 #deli_area_09 a {
  top: 215px;
  left: 194px;
  background-image:url(../images/area_map_deli_honmachi.png);
}
#deli_area_box09 #deli_area_10 a {
  top: 133px;
  left: 25px;
  background-image:url(../images/area_map_deli_awaza.png);
}
#deli_area_box09 #deli_area_11 a {
  top: 51px;
  left: 194px;
  background-image:url(../images/area_map_deli_kitahama.png);
}

/* 天満 */
#deli_area_box10 #deli_area_12 a {
  top: 133px;
  left: 25px;
  background-image:url(../images/area_map_deli_tenma.png);
}
#deli_area_box10 #deli_area_13 a {
  top: 133px;
  left: 370px;
  background-image:url(../images/area_map_deli_kyobashi.png);
}
#deli_area_box10 #deli_area_14 a {
  top: 215px;
  left: 194px;
  background-image:url(../images/area_map_deli_tenmabashi.png);
}

/* 天王寺・谷町 */
#deli_area_box11 #deli_area_15 a {
  top: 133px;
  left: 25px;
  background-image:url(../images/area_map_deli_tennoji.png);
}
#deli_area_box11 #deli_area_16 a {
  top: 133px;
  left: 370px;
  background-image:url(../images/area_map_deli_tanimachi.png);
}

/* 新大阪 */
#deli_area_box12 #deli_area_17 a {
  top: 133px;
  left: 25px;
  background-image:url(../images/area_map_deli_shinosaka.png);
}
#deli_area_box12 #deli_area_18 a {
  top: 133px;
  left: 370px;
  background-image:url(../images/area_map_deli_juso.png);
}
#deli_area_box12 #deli_area_19 a {
  top: 215px;
  left: 194px;
  background-image:url(../images/area_map_deli_esaka.png);
}
#deli_area_box12 #deli_area_20 a {
  top: 51px;
  left: 194px;
  background-image:url(../images/area_map_deli_nishinakajima.png);
}

/* 大阪その他 */
#deli_area_box13 #deli_area_21 a {
  top: 133px;
  left: 25px;
  background-image:url(../images/area_map_deli_sakaihigashi.png);
}
#deli_area_box13 #deli_area_22 a {
  top: 133px;
  left: 370px;
  background-image:url(../images/area_map_deli_izumi.png);
}
#deli_area_box13 #deli_area_23 a {
  top: 51px;
  left: 194px;
  background-image:url(../images/area_map_deli_suita.png);
}

/* 京都 */
#deli_area_box14 #deli_area_24 a {
  top: 133px;
  left: 25px;
  background-image:url(../images/area_map_deli_kyotoshinai.png);
}
#deli_area_box14 #deli_area_25 a {
  top: 133px;
  left: 370px;
  background-image:url(../images/area_map_deli_kyotoshigai.png);
}

/* 全域 */
#deli_area_box15 #deli_area_26 a {
  top: 133px;
  left: 25px;
  background-image:url(../images/area_map_deli_zeniki.png);
}

/* 奈良・和歌山・滋賀 */
#deli_area_box16 #deli_area_27 a {
  top: 133px;
  left: 25px;
  background-image:url(../images/area_map_deli_nara.png);
}
#deli_area_box16 #deli_area_28 a {
  top: 133px;
  left: 370px;
  background-image:url(../images/area_map_deli_wakayama.png);
}
#deli_area_box16 #deli_area_29 a {
  top: 51px;
  left: 194px;
  background-image:url(../images/area_map_deli_shiga.png);
}




/*名古屋マップ*/
.area_map ul.area_nagoya{
  background: url(../images/area_map_nagoya.jpg) 0 0 no-repeat;
  background-size: 545px 355px;
}
/*サイズ指定*/
ul.area_nagoya #area_01 a {width:150px;height:57px;}
ul.area_nagoya #area_02 a {width:150px;height:57px;}
ul.area_nagoya #area_03 a {width:150px;height:57px;}
ul.area_nagoya #area_04 a {width:150px;height:57px;}
ul.area_nagoya #area_05 a {width:150px;height:57px;}
ul.area_nagoya #area_06 a {width:150px;height:57px;}
ul.area_nagoya #area_07 a {width:150px;height:57px;}
ul.area_nagoya #area_08 a {width:150px;height:57px;}
ul.area_nagoya #area_09 a {width:150px;height:57px;}
ul.area_nagoya #area_10 a {width:150px;height:57px;}
ul.area_nagoya #area_11 a {width:150px;height:57px;}
ul.area_nagoya #area_12 a {width:57px;height:107px;}
ul.area_nagoya #area_13 a {width:57px;height:107px;}
ul.area_nagoya #area_14 a {width:150px;height:66px;}
ul.area_nagoya #area_15 a {width:153px;height:63px;}
ul.area_nagoya #area_16 a {width:150px;height:57px;}
ul.area_nagoya #area_17 a {width:57px;height:107px;}

/*位置指定*/
ul.area_nagoya #area_01 a {top:10px;left:10px;}
ul.area_nagoya #area_02 a {top: 148px;left:10px;}
ul.area_nagoya #area_03 a {top: 285px;left:10px;}
ul.area_nagoya #area_04 a {top: 10px;left:165px;}
ul.area_nagoya #area_05 a {top: 75px;left:165px;}
ul.area_nagoya #area_06 a {top: 220px;left: 10px;}
ul.area_nagoya #area_07 a {top: 285px;left:165px;}
ul.area_nagoya #area_08 a {top: 10px;left:320px;}
ul.area_nagoya #area_09 a {top: 75px;left:320px;}
ul.area_nagoya #area_10 a {top: 220px;left:320px;}
ul.area_nagoya #area_11 a {top: 285px;left:320px;}
ul.area_nagoya #area_12 a {top:10px;left:475px;}
ul.area_nagoya #area_13 a {top:236px;left:475px;}
ul.area_nagoya #area_14 a {top: 84px;left:13px;}
ul.area_nagoya #area_15 a {top:147px;left:242px;}
ul.area_nagoya #area_16 a {top: 220px;left: 165px;}
ul.area_nagoya #area_17 a {top:123px;left:475px;}

/*背景指定*/
ul.area_nagoya #area_01 a {background-image:url(../images/area_map_marunouchi.png);}
ul.area_nagoya #area_02 a {background-image:url(../images/area_map_nagoyaeki.png);}
ul.area_nagoya #area_03 a {background-image:url(../images/area_map_kanayama.png);}
ul.area_nagoya #area_04 a {background-image:url(../images/area_map_takaoka.png);}
ul.area_nagoya #area_05 a {background-image:url(../images/area_map_nishiki.png);}
ul.area_nagoya #area_06 a {background-image:url(../images/area_map_sakae.png);}
ul.area_nagoya #area_07 a {background-image:url(../images/area_map_shinsakaemachi.png);}
ul.area_nagoya #area_08 a {background-image:url(../images/area_map_komaki.png);}
ul.area_nagoya #area_09 a {background-image:url(../images/area_map_kurokawa.png);}
ul.area_nagoya #area_10 a {background-image:url(../images/area_map_chikusa.png);}
ul.area_nagoya #area_11 a {background-image:url(../images/area_map_toyohashi.png);}
ul.area_nagoya #area_12 a {background-image:url(../images/area_map_gifu.png);}
ul.area_nagoya #area_13 a {background-image:url(../images/area_map_shizuoka.png);}
ul.area_nagoya #area_14 a {background-image:url(../images/area_map_nagoya_panda.png);}
ul.area_nagoya #area_15 a {background-image:url(../images/area_map_nagoya_syu.png);}
ul.area_nagoya #area_16 a {background-image:url(../images/area_map_oosu.png);}
ul.area_nagoya #area_17 a {background-image:url(../images/area_map_mie.png);}

ul.area_nagoya #area_01 a:hover {background-position:0 -57px;}
ul.area_nagoya #area_02 a:hover {background-position:0 -57px;}
ul.area_nagoya #area_03 a:hover {background-position:0 -57px;}
ul.area_nagoya #area_04 a:hover {background-position:0 -57px;}
ul.area_nagoya #area_05 a:hover {background-position:0 -57px;}
ul.area_nagoya #area_06 a:hover {background-position:0 -57px;}
ul.area_nagoya #area_07 a:hover {background-position:0 -57px;}
ul.area_nagoya #area_08 a:hover {background-position:0 -57px;}
ul.area_nagoya #area_09 a:hover {background-position:0 -57px;}
ul.area_nagoya #area_10 a:hover {background-position:0 -57px;}
ul.area_nagoya #area_11 a:hover {background-position:0 -57px;}
ul.area_nagoya #area_12 a:hover {background-position:-57px 0;}
ul.area_nagoya #area_13 a:hover {background-position:-57px 0;}
ul.area_nagoya #area_14 a:hover {background-position:0 -76px;}
ul.area_nagoya #area_15 a:hover {background-position:0 -63px;}
ul.area_nagoya #area_16 a:hover {background-position:0 -57px;}
ul.area_nagoya #area_17 a:hover {background-position:-57px 0;}

/*名古屋MAPポップアップ設定*/
.area_search_left #deli_area_box19 {
  position: absolute;
  top: 0;
  left: 0;
  width: 545px;
  height: 355px;
  background-color: rgba(28, 22, 20, .75);
  z-index: -1;
  opacity: 0;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

/* 出張マップ表示時 */
.area_search_left.show_deli_box19 #deli_area_box19 {
  z-index: 10;
  opacity: 1;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.area_search_left #deli_area_box19 ul li a {
  position: absolute;
  width: 153px;
  height: 73px;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  z-index: 101;
}

.area_search_left #deli_area_box19 #deli_area_01 a:hover,
.area_search_left #deli_area_box19 #deli_area_02 a:hover {
  background-position: 0 -75px;
}

/* 名古屋出張 */
#deli_area_box19 #deli_area_01 a {
  top: 133px;
  left: 25px;
  background-image:url(../images/area_map_deli_nagoyashinai.png);
}
#deli_area_box19 #deli_area_02 a {
  top: 133px;
  left: 370px;
  background-image:url(../images/area_map_deli_nagoyashigai.png);
}

/*横浜マップ*/
.area_map ul.area_yokohama{
  background: url(../images/area_map_yokohama.jpg) 0 0 no-repeat;
  background-size: 545px 355px;
}
/*サイズ指定*/
ul.area_yokohama #area_01 a {width:153px;height: 63px;}
ul.area_yokohama #area_02 a {width:153px;height: 63px;}
ul.area_yokohama #area_03 a {width:153px;height: 63px;}
ul.area_yokohama #area_04 a {width:153px;height: 63px;}
ul.area_yokohama #area_05 a {width:153px;height: 63px;}
ul.area_yokohama #area_06 a {width:153px;height: 63px;}
ul.area_yokohama #area_07 a {width:153px;height: 63px;}
ul.area_yokohama #area_08 a {width:153px;height: 63px;}
ul.area_yokohama #area_09 a {width:153px;height: 63px;}
ul.area_yokohama #area_10 a {width:153px;height: 63px;}

/*位置指定*/

ul.area_yokohama #area_01 a {top:   175px;left:  130px;}
ul.area_yokohama #area_02 a {top: 175px;left: 372px;}
ul.area_yokohama #area_03 a {top: 275px;left: 370px;}
ul.area_yokohama #area_04 a {top:   10px;left:  345px;}
ul.area_yokohama #area_05 a {top: 95px;left:   10px;}
ul.area_yokohama #area_06 a {top:   290px;left:  270px;}
ul.area_yokohama #area_07 a {top: 265px;left: 15px;}
ul.area_yokohama #area_08 a {top:   10px;left:  100px;}
ul.area_yokohama #area_09 a {top: 95px;left: 197px;}
ul.area_yokohama #area_10 a {top: 95px;left: 370px;}

/*背景指定*/
ul.area_yokohama #area_01 a {background-image:url(../images/area_map_kanagawa.png);}
ul.area_yokohama #area_02 a {background-image:url(../images/area_map_yokohama02.png);}
ul.area_yokohama #area_03 a {background-image:url(../images/area_map_sakuragi.png);}
ul.area_yokohama #area_04 a {background-image:url(../images/area_map_musashikosugi.png);}
ul.area_yokohama #area_05 a {background-image:url(../images/area_map_sagamihara.png);}
ul.area_yokohama #area_06 a {background-image:url(../images/area_map_sagamihara.png);}
ul.area_yokohama #area_07 a {background-image:url(../images/area_map_fujisawa.png);}
ul.area_yokohama #area_08 a {background-image:url(../images/area_map_machida.png);}
ul.area_yokohama #area_09 a {background-image:url(../images/area_map_shinyokohama.png);}
ul.area_yokohama #area_10 a {background-image:url(../images/area_map_kawasaki.png);}

ul.area_yokohama #area_01 a:hover {background-position:0 -63px;}
ul.area_yokohama #area_02 a:hover {background-position:0 -63px;}
ul.area_yokohama #area_03 a:hover {background-position:0 -63px;}
ul.area_yokohama #area_04 a:hover {background-position:0 -63px;}
ul.area_yokohama #area_05 a:hover {background-position:0 -63px;}
ul.area_yokohama #area_06 a:hover {background-position:0 -63px;}
ul.area_yokohama #area_07 a:hover {background-position:0 -63px;}
ul.area_yokohama #area_08 a:hover {background-position:0 -63px;}
ul.area_yokohama #area_09 a:hover {background-position:0 -63px;}
ul.area_yokohama #area_10 a:hover {background-position:0 -63px;}

/* 出張エリアマップ */

#panda_home {
  width: 150px;
  height: 60px;
  background-image: url(../images/pandahome.png);
  position: absolute;
  top: 140px;
  left: 196px;
  cursor: pointer;
}

.area_search_left #deli_area_box02,
.area_search_left #deli_area_box03,
.area_search_left #deli_area_box04,
.area_search_left #deli_area_box05 {
  position: absolute;
  top: 0;
  left: 0;
  width: 545px;
  height: 355px;
  background-color: rgba(28, 22, 20, .75);
  z-index: -1;
  opacity: 0;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

/* 出張マップ表示時 */
.area_search_left.show_deli_box02 #deli_area_box02,
.area_search_left.show_deli_box03 #deli_area_box03,
.area_search_left.show_deli_box04 #deli_area_box04,
.area_search_left.show_deli_box05 #deli_area_box05 {
  z-index: 10;
  opacity: 1;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.area_search_left #deli_area_box02 ul li a,
.area_search_left #deli_area_box03 ul li a,
.area_search_left #deli_area_box04 ul li a,
.area_search_left #deli_area_box05 ul li a{
  position: absolute;
  width: 153px;
  height: 62px;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  z-index: 101;
}

/* 桜木町 */
#deli_area_box02 #deli_area_01 a {
  top: 51px;
  left: 194px;
  background-image:url(../images/area_map_deli_sakuragi.png);
}
#deli_area_box02 #deli_area_02 a {
  width: 153px;
  height: 74px;
  top: 133px;
  left: 370px;
  background-image:url(../images/area_map_deli_ougon.png);
}
#deli_area_box02 #deli_area_03 a {
  top: 230px;
  left: 369px;
  background-image:url(../images/area_map_deli_kannai.png);
}
#deli_area_box02 #deli_area_04 a {
  top: 230px;
  left: 193px;
  background-image:url(../images/area_map_deli_kamiooka.png);
}
#deli_area_box02 #deli_area_05 a {
  top: 141px;
  left: 20px;
  background-image:url(../images/area_map_deli_totuka.png);
}

.area_search_left #deli_area_box02 #deli_area_01 a:hover {background-position: 0 -63px;}
.area_search_left #deli_area_box02 #deli_area_02 a:hover {background-position: 0 -75px;}
.area_search_left #deli_area_box02 #deli_area_03 a:hover {background-position: 0 -63px;}
.area_search_left #deli_area_box02 #deli_area_04 a:hover {background-position: 0 -63px;}
.area_search_left #deli_area_box02 #deli_area_05 a:hover {background-position: 0 -63px;}


/*ポップアップ 武蔵小杉*/

#deli_area_box03 #deli_area_06 a {
  top: 52px;
  left: 194px;
  background-image:url(../images/area_map_deli_mizonoguchi.png);
}
#deli_area_box03 #deli_area_07 a {
  top: 141px;
  left: 370px;
  background-image:url(../images/area_map_deli_musashi.png);
}
#deli_area_box03 #deli_area_08 a {
  top: 230px;
  left: 369px;
  background-image:url(../images/area_map_deli_amichima.png);
}
#deli_area_box03 #deli_area_09 a {
  top: 230px;
  left: 194px;
  background-image:url(../images/area_map_deli_centerkita.png);
}
#deli_area_box03 #deli_area_10 a {
  top: 230px;
  left: 20px;
  background-image:url(../images/area_map_deli_tamapu.png);
}
#deli_area_box03 #deli_area_11 a {
  top: 141px;
  left: 20px;
  background-image:url(../images/area_map_deli_nodo.png);
}

.area_search_left #deli_area_box03 #deli_area_06 a:hover {background-position: 0 -63px;}
.area_search_left #deli_area_box03 #deli_area_07 a:hover {background-position: 0 -63px;}
.area_search_left #deli_area_box03 #deli_area_08 a:hover {background-position: 0 -63px;}
.area_search_left #deli_area_box03 #deli_area_09 a:hover {background-position: 0 -63px;}
.area_search_left #deli_area_box03 #deli_area_10 a:hover {background-position: 0 -63px;}
.area_search_left #deli_area_box03 #deli_area_11 a:hover {background-position: 0 -63px;}


/*ポップアップ 相模原*/

.area_search_left #deli_area_box04 ul li a{
  position: absolute;
  width: 153px;
  height: 63px;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  z-index: 101;
}

#deli_area_box04 #deli_area_12 a {
  top: 52px;
  left: 194px;
  background-image:url(../images/area_map_deli_sugaoono.png);
}
#deli_area_box04 #deli_area_13 a {
  top: 141px;
  left: 370px;
  background-image:url(../images/area_map_deli_nagatuda.png);
}
#deli_area_box04 #deli_area_14 a {
  top: 230px;
  left: 194px;
  background-image:url(../images/area_map_deli_ebina.png);
}
#deli_area_box04 #deli_area_15 a {
  top: 141px;
  left: 14px;
  background-image:url(../images/area_map_deli_sugawara.png);
}

.area_search_left #deli_area_box04 #deli_area_12 a:hover {background-position: 0 -63px;}
.area_search_left #deli_area_box04 #deli_area_13 a:hover {background-position: 0 -63px;}
.area_search_left #deli_area_box04 #deli_area_14 a:hover {background-position: 0 -63px;}
.area_search_left #deli_area_box04 #deli_area_15 a:hover {background-position: 0 -63px;}


/*ポップアップ 藤沢*/

.area_search_left #deli_area_box05 ul li a{
  position: absolute;
  width: 153px;
  height: 63px;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  z-index: 101;
}

#deli_area_box05 #deli_area_16 a {
  top: 52px;
  left: 194px;
  background-image:url(../images/area_map_deli_fujisawa.png);
}
#deli_area_box05 #deli_area_17 a {
  top: 230px;
  left: 194px;
  background-image:url(../images/area_map_deli_odawara.png);
}
#deli_area_box05 #deli_area_18 a {
  top: 141px;
  left: 14px;
  background-image:url(../images/area_map_deli_megasaki.png);
}

.area_search_left #deli_area_box05 #deli_area_16 a:hover {background-position: 0 -63px;}
.area_search_left #deli_area_box05 #deli_area_17 a:hover {background-position: 0 -63px;}
.area_search_left #deli_area_box05 #deli_area_18 a:hover {background-position: 0 -63px;}

#btn_deli_map_close02,
#btn_deli_map_close03,
#btn_deli_map_close04,
#btn_deli_map_close05,
#btn_deli_map_close06,
#btn_deli_map_close07,
#btn_deli_map_close08,
#btn_deli_map_close09,
#btn_deli_map_close10,
#btn_deli_map_close11,
#btn_deli_map_close12,
#btn_deli_map_close13,
#btn_deli_map_close14,
#btn_deli_map_close15,
#btn_deli_map_close16,
#btn_deli_map_close17,
#btn_deli_map_close18,
#btn_deli_map_close19,
#btn_deli_map_close20,
#btn_deli_map_close21,
#btn_deli_map_close22,
#btn_deli_map_close23,
#btn_deli_map_close24 {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 46px;
    line-height: 1;
    color: rgba(255,255,255,.85);
    z-index: 11;
    background: none;
    padding: 5px 10px 5px;
    outline: none;
}

/*札幌マップ*/
.area_map ul.area_sapporo{
  background: url(../images/area_map_sapporo.jpg) 0 0 no-repeat;
  background-size: 545px 355px;
}
ul.area_sapporo #area_00 a {width:150px;height: 63px;}
ul.area_sapporo #area_01 a {width:150px;height: 63px;}
ul.area_sapporo #area_02 a {width:150px;height: 63px;}
ul.area_sapporo #area_03 a {width:150px;height: 63px;}
ul.area_sapporo #area_04 a {width:150px;height: 63px;}
ul.area_sapporo #area_05 a {width:150px;height: 63px;}
ul.area_sapporo #area_06 a {width:150px;height: 63px;}
ul.area_sapporo #area_07 a {width:150px;height: 63px;}
ul.area_sapporo #area_08 a {width:150px;height: 63px;}
ul.area_sapporo #area_09 a {width:150px;height: 63px;}
ul.area_sapporo #area_10 a {width:150px;height: 63px;}
ul.area_sapporo #area_11 a {width:150px;height: 63px;}
ul.area_sapporo #area_12 a {width:150px;height: 63px;}

/*位置指定*/
ul.area_sapporo #area_00 a {top:  15px;left:  130px;}
ul.area_sapporo #area_01 a {top:  15px;left:  290px;}
ul.area_sapporo #area_02 a {top:  150px;left:  195px;}
ul.area_sapporo #area_03 a {top:   218px;left:  195px;}
ul.area_sapporo #area_04 a {top:   218px;left:  25px;}
ul.area_sapporo #area_05 a {top:   85px;left:   109px;}
ul.area_sapporo #area_06 a {top:   150px;left:  370px;}
ul.area_sapporo #area_07 a {top:   218px;left:  370px;}
ul.area_sapporo #area_08 a {top:   150px;left:  25px;}
ul.area_sapporo #area_09 a {top:  85px;left: 270px;}
ul.area_sapporo #area_10 a {top:   285px;left:  218px;}
ul.area_sapporo #area_11 a {top:  285px;left: 55px;}
ul.area_sapporo #area_12 a {top:  285px;left: 380px;}

/*背景指定*/
ul.area_sapporo #area_00 a {background-image:url(../images/area_map_all.png);}
ul.area_sapporo #area_01 a {background-image:url(../images/area_map_all2.png);}
ul.area_sapporo #area_02 a {background-image:url(../images/area_map_sapporo.png);}
ul.area_sapporo #area_03 a {background-image:url(../images/area_map_susukino.png);}
ul.area_sapporo #area_04 a {background-image:url(../images/area_map_sapporo_tyuou.png);}
ul.area_sapporo #area_05 a {background-image:url(../images/area_map_sapporo_kita.png);}
ul.area_sapporo #area_06 a {background-image:url(../images/area_map_shiraishi.png);}
ul.area_sapporo #area_07 a {background-image:url(../images/area_map_sapporo_minami.png);}
ul.area_sapporo #area_08 a {background-image:url(../images/area_map_sapporo_nishi.png);}
ul.area_sapporo #area_09 a {background-image:url(../images/area_map_sapporo_higashi.png);}
ul.area_sapporo #area_10 a {background-image:url(../images/area_map_nakajima.png);}
ul.area_sapporo #area_11 a {background-image:url(../images/area_map_sapporo_suburbs.png);}
ul.area_sapporo #area_12 a {background-image:url(../images/area_map_sapporo_others.png);}

ul.area_sapporo #area_00 a:hover {background-position:0 -63px;}
ul.area_sapporo #area_01 a:hover {background-position:0 -63px;}
ul.area_sapporo #area_02 a:hover {background-position:0 -63px;}
ul.area_sapporo #area_03 a:hover {background-position:0 -63px;}
ul.area_sapporo #area_04 a:hover {background-position:0 -63px;}
ul.area_sapporo #area_05 a:hover {background-position:0 -63px;}
ul.area_sapporo #area_06 a:hover {background-position:0 -63px;}
ul.area_sapporo #area_07 a:hover {background-position:0 -63px;}
ul.area_sapporo #area_08 a:hover {background-position:0 -63px;}
ul.area_sapporo #area_09 a:hover {background-position:0 -63px;}
ul.area_sapporo #area_10 a:hover {background-position:0 -63px;}
ul.area_sapporo #area_11 a:hover {background-position:0 -63px;}
ul.area_sapporo #area_12 a:hover {background-position:0 -63px;}

/*仙台マップ*/
.area_map ul.area_sendai{
  background: url(../images/area_map_sendai.jpg) 0 0 no-repeat;
  background-size: 545px 355px;
}
ul.area_sendai #area_00 a {width:150px;height: 63px;}
ul.area_sendai #area_01 a {width:150px;height: 63px;}
ul.area_sendai #area_02 a {width:150px;height: 63px;}
ul.area_sendai #area_03 a {width:150px;height: 63px;}
ul.area_sendai #area_04 a {width:150px;height: 63px;}
ul.area_sendai #area_05 a {width:150px;height: 63px;}
ul.area_sendai #area_06 a {width:150px;height: 63px;}
ul.area_sendai #area_07 a {width:150px;height: 63px;}
ul.area_sendai #area_08 a {width:150px;height: 63px;}
ul.area_sendai #area_09 a {width:150px;height: 63px;}
ul.area_sendai #area_10 a {width:150px;height: 63px;}

/*位置指定*/
ul.area_sendai #area_00 a {top:  10px;left: 180px;}
ul.area_sendai #area_01 a {top:  90px;left: 20px;}
ul.area_sendai #area_02 a {top:  80px;left: 180px;}
ul.area_sendai #area_03 a {top:  95px;left: 360px;}
ul.area_sendai #area_04 a {top: 155px;left:  20px;}
ul.area_sendai #area_05 a {top: 155px;left: 180px;}
ul.area_sendai #area_06 a {top: 220px;left: 100px;}
ul.area_sendai #area_07 a {top: 195px;left: 340px;}
ul.area_sendai #area_08 a {top: 285px;left: 20px;}
ul.area_sendai #area_09 a {top: 285px;left: 175px;}
ul.area_sendai #area_10 a {top: 285px;left: 330px;}

/*背景指定*/
ul.area_sendai #area_00 a {background-image:url(../images/area_map_sendai_deli.png);}
ul.area_sendai #area_01 a {background-image:url(../images/area_map_kokubuncho.png);}
ul.area_sendai #area_02 a {background-image:url(../images/area_map_kasugacho.png);}
ul.area_sendai #area_03 a {background-image:url(../images/area_map_honcho.png);}
ul.area_sendai #area_04 a {background-image:url(../images/area_map_ichiban.png);}
ul.area_sendai #area_05 a {background-image:url(../images/area_map_sendaieki.png);}
ul.area_sendai #area_06 a {background-image:url(../images/area_map_itutubashi.png);}
ul.area_sendai #area_07 a {background-image:url(../images/area_map_sendaishigai.png);}
ul.area_sendai #area_08 a {background-image:url(../images/area_map_iwate.png);}
ul.area_sendai #area_09 a {background-image:url(../images/area_map_fukushima.png);}
ul.area_sendai #area_10 a {background-image:url(../images/area_map_yamagata.png);}

ul.area_sendai #area_00 a:hover {background-position:0 -63px;}
ul.area_sendai #area_01 a:hover {background-position:0 -63px;}
ul.area_sendai #area_02 a:hover {background-position:0 -63px;}
ul.area_sendai #area_03 a:hover {background-position:0 -63px;}
ul.area_sendai #area_04 a:hover {background-position:0 -63px;}
ul.area_sendai #area_05 a:hover {background-position:0 -63px;}
ul.area_sendai #area_06 a:hover {background-position:0 -63px;}
ul.area_sendai #area_07 a:hover {background-position:0 -63px;}
ul.area_sendai #area_08 a:hover {background-position:0 -63px;}
ul.area_sendai #area_09 a:hover {background-position:0 -63px;}
ul.area_sendai #area_10 a:hover {background-position:0 -63px;}

/*神戸マップ*/
.area_map ul.area_kobe{
  background: url(../images/area_map_kobe.jpg) 0 0 no-repeat;
  background-size: 545px 355px;
}
/*サイズ指定*/
ul.area_kobe #area_01 a {width:132px;height:50px;}
ul.area_kobe #area_02 a {width:132px;height:50px;}
ul.area_kobe #area_03 a {width:132px;height:50px;}
ul.area_kobe #area_04 a {width:132px;height:50px;}
ul.area_kobe #area_05 a {width:132px;height:50px;}
ul.area_kobe #area_06 a {width:132px;height:50px;}
ul.area_kobe #area_07 a {width:132px;height:50px;}
ul.area_kobe #area_08 a {width:132px;height:50px;}
ul.area_kobe #area_09 a {width:132px;height:50px;}
ul.area_kobe #area_10 a {width:132px;height:50px;}
ul.area_kobe #area_11 a {width:132px;height:50px;}
ul.area_kobe #area_12 a {width:132px;height:50px;}
ul.area_kobe #area_13 a {width:132px;height:50px;}
/*位置指定*/
ul.area_kobe #area_01 a {top: 98px;left:4px;}
ul.area_kobe #area_02 a {top: 210px;left: 4px;}
ul.area_kobe #area_03 a {top: 265px;left: 4px;}
ul.area_kobe #area_04 a {top:20px;left: 140px;}
ul.area_kobe #area_05 a {top:154px;left: 139px;}
ul.area_kobe #area_06 a {top: 210px;left: 185px;}
ul.area_kobe #area_07 a {top: 99px;left:408px;}
ul.area_kobe #area_08 a {top: 20px;left: 275px;}
ul.area_kobe #area_09 a {top: 154px;left: 274px;}
ul.area_kobe #area_10 a {top: 210px;left: 365px;}
ul.area_kobe #area_11 a {top: 130px;left: 408px;}
ul.area_kobe #area_12 a {top:154px;right:410px;}
ul.area_kobe #area_13 a {top: 74px;left: 408px;}

/*背景指定*/
ul.area_kobe #area_01 a {background-image:url(../images/area_map_himezi.png);}/*姫路*/
ul.area_kobe #area_02 a {background-image:url(../images/area_map_okayama.png);}/*岡山県*/
ul.area_kobe #area_03 a {background-image:url(../images/area_map_kagawa.png);}/*香川県*/
ul.area_kobe #area_04 a {background-image:url(../images/area_map_kobe.png);}/*出張*/
ul.area_kobe #area_05 a {background-image:url(../images/area_map_motomachi.png);}/*元町*/
ul.area_kobe #area_06 a {background-image:url(../images/area_map_hyogoku.png);}/*兵庫区・長田区*/
/*ul.area_kobe #area_07 a {background-image:url(../images/area_map_ashiya.png);} 芦屋*/
ul.area_kobe #area_08 a {background-image:url(../images/area_map_hyogoken.png);}/*その他*/
ul.area_kobe #area_09 a {background-image:url(../images/area_map_sannnomiya.png);}/*三ノ宮*/
ul.area_kobe #area_10 a {background-image:url(../images/area_map_amagasaki.png);}/*尼崎*/
ul.area_kobe #area_11 a {background-image:url(../images/area_map_nishimiya.png);}/*芦屋・西宮エリア*/
ul.area_kobe #area_12 a {background-image:url(../images/area_map_akashi.png);}/*明石・加古川エリア*/
ul.area_kobe #area_13 a {background-image:url(../images/area_map_takaraduka.png);}/*宝塚エリア*/
/*背景ホバー*/
ul.area_kobe #area_01 a:hover {background-position:0 -50px;}
ul.area_kobe #area_02 a:hover {background-position:0 -50px;}
ul.area_kobe #area_03 a:hover {background-position:0 -50px;}
ul.area_kobe #area_04 a:hover {background-position:0 -50px;}
ul.area_kobe #area_05 a:hover {background-position:0 -50px;}
ul.area_kobe #area_06 a:hover {background-position:0 -50px;}
ul.area_kobe #area_07 a:hover {background-position:0 -50px;}
ul.area_kobe #area_08 a:hover {background-position:0 -50px;}
ul.area_kobe #area_09 a:hover {background-position:0 -50px;}
ul.area_kobe #area_10 a:hover {background-position:0 -50px;}
ul.area_kobe #area_11 a:hover {background-position:0 -50px;}
ul.area_kobe #area_12 a:hover {background-position:0 -50px;}
ul.area_kobe #area_13 a:hover {background-position:0 -50px;}

/*神戸MAPポップアップ設定*/
.area_search_left #deli_area_box18 {
  position: absolute;
  top: 0;
  left: 0;
  width: 545px;
  height: 355px;
  background-color: rgba(28, 22, 20, .75);
  z-index: -1;
  opacity: 0;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

/* 出張マップ表示時 */
.area_search_left.show_deli_box18 #deli_area_box18 {
  z-index: 10;
  opacity: 1;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.area_search_left #deli_area_box18 ul li a {
  position: absolute;
  width: 153px;
  height: 73px;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  z-index: 101;
}

.area_search_left #deli_area_box18 #deli_area_01 a:hover {
  background-position: 0 -75px;
}

/* 熊本 */
#deli_area_box18 #deli_area_01 a {
  top: 133px;
  left: 25px;
  background-image:url(../images/area_map_deli_okayamashi.png);
}
#deli_area_box18 #deli_area_02 a {
  top: 133px;
  left: 360px;
  background-image:url(../images/area_map_deli_okayamaother.png);
}

/*金沢マップ*/
.area_map ul.area_kanazawa{
  background: url(../images/area_map_kanazawa.jpg) 0 0 no-repeat;
  background-size: 545px 355px;
}
ul.area_kanazawa #area_00 a {width:150px;height: 63px;}
ul.area_kanazawa #area_01 a {width:150px;height: 63px;}
ul.area_kanazawa #area_02 a {width:150px;height: 63px;}
ul.area_kanazawa #area_03 a {width:150px;height: 63px;}
ul.area_kanazawa #area_04 a {width:150px;height: 63px;}
ul.area_kanazawa #area_05 a {width:150px;height: 63px;}
ul.area_kanazawa #area_06 a {width:150px;height: 63px;}
ul.area_kanazawa #area_07 a {width:150px;height: 63px;}

/*位置指定*/
ul.area_kanazawa #area_00 a {top: 95px;left: 13px;}
ul.area_kanazawa #area_01 a {top:223px;left: 13px;}
ul.area_kanazawa #area_02 a {top:288px;left: 13px;}
ul.area_kanazawa #area_03 a {top:158px;left:170px;}
ul.area_kanazawa #area_04 a {top: 95px;left:327px;}
ul.area_kanazawa #area_05 a {top:157px;left:327px;}
ul.area_kanazawa #area_06 a {top: 32px;left:385px;}
ul.area_kanazawa #area_07 a {top: 225px;left:170px;}

/*背景指定*/
ul.area_kanazawa #area_00 a {background-image:url(../images/area_map_kanazawashi.png);}
ul.area_kanazawa #area_01 a {background-image:url(../images/area_map_kanazawa_deli.png);}
ul.area_kanazawa #area_02 a {background-image:url(../images/area_map_fukui.png);}
ul.area_kanazawa #area_03 a {background-image:url(../images/area_map_toyama.png);}
ul.area_kanazawa #area_04 a {background-image:url(../images/area_map_niigatashi.png);}
ul.area_kanazawa #area_05 a {background-image:url(../images/area_map_niigata_deli.png);}
ul.area_kanazawa #area_06 a {background-image:url(../images/area_map_sonota_niigata.png);}
ul.area_kanazawa #area_07 a {background-image:url(../images/area_map_nagano.png);}

ul.area_kanazawa #area_00 a:hover {background-position:0 -63px;}
ul.area_kanazawa #area_01 a:hover {background-position:0 -63px;}
ul.area_kanazawa #area_02 a:hover {background-position:0 -63px;}
ul.area_kanazawa #area_03 a:hover {background-position:0 -63px;}
ul.area_kanazawa #area_04 a:hover {background-position:0 -63px;}
ul.area_kanazawa #area_05 a:hover {background-position:0 -63px;}
ul.area_kanazawa #area_06 a:hover {background-position:0 -63px;}
ul.area_kanazawa #area_07 a:hover {background-position:0 -63px;}

/*北関東マップ*/
.area_map ul.area_kitakanto{
  background: url(../images/area_map_kitakanto.jpg) 0 0 no-repeat;
  background-size: 545px 355px;
}
ul.area_kitakanto #area_00 a {width:150px;height: 63px;}
ul.area_kitakanto #area_01 a {width:150px;height: 63px;}
ul.area_kitakanto #area_02 a {width:150px;height: 63px;}
ul.area_kitakanto #area_03 a {width:150px;height: 63px;}
ul.area_kitakanto #area_04 a {width:150px;height: 63px;}
ul.area_kitakanto #area_05 a {width:150px;height: 63px;}
ul.area_kitakanto #area_06 a {width:150px;height: 63px;}

ul.area_kitakanto #area_07 a {width:150px;height: 63px;}
ul.area_kitakanto #area_08 a {width:150px;height: 63px;}
ul.area_kitakanto #area_09 a {width:150px;height: 63px;}
ul.area_kitakanto #area_10 a {width:150px;height: 63px;}
ul.area_kitakanto #area_11 a {width:150px;height: 63px;}
ul.area_kitakanto #area_12 a {width:150px;height: 63px;}
ul.area_kitakanto #area_13 a {width:150px;height: 63px;}

/*位置指定*/
ul.area_kitakanto #area_00 a {top: 93px;left: 50px;}
ul.area_kitakanto #area_01 a {top: 165px;left: 73px;}
ul.area_kitakanto #area_02 a {top: 22px;left:10px;}
ul.area_kitakanto #area_03 a {top: 65px;left: 259px;}
ul.area_kitakanto #area_04 a {top: 131px;left: 230px;}
ul.area_kitakanto #area_05 a {top: 227px;left: 225px;}
ul.area_kitakanto #area_06 a {top: 4px;left: 220px;}
ul.area_kitakanto #area_07 a {top: 155px;left: 389px;}
ul.area_kitakanto #area_08 a {top: 225px;left: 389px;}
ul.area_kitakanto #area_09 a {top: 5px;left: 389px;}
ul.area_kitakanto #area_10 a {top: 290px;left: 176px;}
ul.area_kitakanto #area_11 a {top: 290px;left: 10px;}
ul.area_kitakanto #area_12 a {top: 290px;right: 53px;}

/*背景指定*/
ul.area_kitakanto #area_00 a {background-image:url(../images/area_map_takasaki.png);}
ul.area_kitakanto #area_01 a {background-image:url(../images/area_map_isezaki.png);}
ul.area_kitakanto #area_02 a {background-image:url(../images/area_map_gunma.png);}
ul.area_kitakanto #area_03 a {background-image:url(../images/area_map_tochigi_shu.png);}
ul.area_kitakanto #area_04 a {background-image:url(../images/area_map_utu.png);}
ul.area_kitakanto #area_05 a {background-image:url(../images/area_map_koyama.png);}
ul.area_kitakanto #area_06 a {background-image:url(../images/area_map_tochigi_other.png);}
ul.area_kitakanto #area_07 a {background-image:url(../images/area_map_mito.png);}
ul.area_kitakanto #area_08 a {background-image:url(../images/area_map_tuchiura.png);}
ul.area_kitakanto #area_09 a {background-image:url(../images/area_map_ibaragi_other.png);}
ul.area_kitakanto #area_10 a {background-image:url(../images/area_map_oomiya.png);}
ul.area_kitakanto #area_11 a {background-image:url(../images/area_map_kuma.png);}
ul.area_kitakanto #area_12 a {background-image:url(../images/area_map_kashiwa.png);}

ul.area_kitakanto #area_00 a:hover {background-position:0 -63px;}
ul.area_kitakanto #area_01 a:hover {background-position:0 -63px;}
ul.area_kitakanto #area_02 a:hover {background-position:0 -63px;}
ul.area_kitakanto #area_03 a:hover {background-position:0 -63px;}
ul.area_kitakanto #area_04 a:hover {background-position:0 -63px;}
ul.area_kitakanto #area_05 a:hover {background-position:0 -63px;}
ul.area_kitakanto #area_06 a:hover {background-position:0 -63px;}
ul.area_kitakanto #area_07 a:hover {background-position:0 -63px;}
ul.area_kitakanto #area_08 a:hover {background-position:0 -63px;}
ul.area_kitakanto #area_09 a:hover {background-position:0 -63px;}
ul.area_kitakanto #area_10 a:hover {background-position:0 -63px;}
ul.area_kitakanto #area_11 a:hover {background-position:0 -63px;}
ul.area_kitakanto #area_12 a:hover {background-position:0 -63px;}


/*福岡マップ*/
.area_map ul.area_fukuoka{
  background: url(../images/area_map_fukuoka.jpg) 0 0 no-repeat;
  background-size: 545px 355px;
}
ul.area_fukuoka #area_00 a {width:130px;height:50px;}
ul.area_fukuoka #area_01 a {width:130px;height:50px;}
ul.area_fukuoka #area_02 a {width:130px;height:50px;}
ul.area_fukuoka #area_03 a {width:130px;height:50px;}
ul.area_fukuoka #area_04 a {width:130px;height:50px;}
ul.area_fukuoka #area_05 a {width:104px;height:50px;}
ul.area_fukuoka #area_06 a {width:130px;height:50px;}
ul.area_fukuoka #area_07 a {width:104px;height:50px;}
ul.area_fukuoka #area_08 a {width:130px;height:50px;}
ul.area_fukuoka #area_09 a {width:104px;height:50px;}
ul.area_fukuoka #area_10 a {width:130px;height:50px;}
ul.area_fukuoka #area_11 a {width:104px;height:50px;}
ul.area_fukuoka #area_12 a {width:104px;height:50px;}
ul.area_fukuoka #area_13 a {width:130px;height:50px;}

/*位置指定*/
ul.area_fukuoka #area_00 a {top:246px;left:274px;}
ul.area_fukuoka #area_01 a {top:144px;left:  5px;}
ul.area_fukuoka #area_02 a {top:144px;left:408px;}
ul.area_fukuoka #area_03 a {top:164px;left:139px;}
ul.area_fukuoka #area_04 a {top:144px;left:274px;}
ul.area_fukuoka #area_05 a {top:300px;left:328px;}
ul.area_fukuoka #area_06 a {top:  5px;left:408px;}
ul.area_fukuoka #area_07 a {top:300px;left:114px;}
ul.area_fukuoka #area_08 a {top:246px;left:408px;}
ul.area_fukuoka #area_09 a {top:300px;left:221px;}
ul.area_fukuoka #area_10 a {top: 90px;left:274px;}
ul.area_fukuoka #area_11 a {top:300px;left:435px;}
ul.area_fukuoka #area_12 a {top:300px;left:  7px;}
ul.area_fukuoka #area_13 a {top:110px;left:139px;}

/*背景指定*/
ul.area_fukuoka #area_00 a {background-image:url(../images/area_map_fukuokadeli.png);}
ul.area_fukuoka #area_01 a {background-image:url(../images/area_map_fukuokashi.png);}
ul.area_fukuoka #area_02 a {background-image:url(../images/area_map_fukuokashikougai.png);}
ul.area_fukuoka #area_03 a {background-image:url(../images/area_map_gion.png);}
ul.area_fukuoka #area_04 a {background-image:url(../images/area_map_hakata.png);}
ul.area_fukuoka #area_05 a {background-image:url(../images/area_map_kagoshima.png);}
ul.area_fukuoka #area_06 a {background-image:url(../images/area_map_kitakyu.png);}
ul.area_fukuoka #area_07 a {background-image:url(../images/area_map_kumamoto.png);}
ul.area_fukuoka #area_08 a {background-image:url(../images/area_map_kurume.png);}
ul.area_fukuoka #area_09 a {background-image:url(../images/area_map_miyazaki.png);}
ul.area_fukuoka #area_10 a {background-image:url(../images/area_map_nakasu.png);}
ul.area_fukuoka #area_11 a {background-image:url(../images/area_map_oita.png);}
ul.area_fukuoka #area_12 a {background-image:url(../images/area_map_saga.png);}
ul.area_fukuoka #area_13 a {background-image:url(../images/area_map_tenjin.png);}

ul.area_fukuoka #area_00 a:hover {background-position:0 -50px;}
ul.area_fukuoka #area_01 a:hover {background-position:0 -50px;}
ul.area_fukuoka #area_02 a:hover {background-position:0 -50px;}
ul.area_fukuoka #area_03 a:hover {background-position:0 -50px;}
ul.area_fukuoka #area_04 a:hover {background-position:0 -50px;}
ul.area_fukuoka #area_05 a:hover {background-position:0 -50px;}
ul.area_fukuoka #area_06 a:hover {background-position:0 -50px;}
ul.area_fukuoka #area_07 a:hover {background-position:0 -50px;}
ul.area_fukuoka #area_08 a:hover {background-position:0 -50px;}
ul.area_fukuoka #area_09 a:hover {background-position:0 -50px;}
ul.area_fukuoka #area_10 a:hover {background-position:0 -50px;}
ul.area_fukuoka #area_11 a:hover {background-position:0 -50px;}
ul.area_fukuoka #area_12 a:hover {background-position:0 -50px;}
ul.area_fukuoka #area_13 a:hover {background-position:0 -50px;}

/*福岡MAPポップアップ設定*/
.area_search_left #deli_area_box17 {
  position: absolute;
  top: 0;
  left: 0;
  width: 545px;
  height: 355px;
  background-color: rgba(28, 22, 20, .75);
  z-index: -1;
  opacity: 0;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

/* 出張マップ表示時 */
.area_search_left.show_deli_box17 #deli_area_box17 {
  z-index: 10;
  opacity: 1;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.area_search_left #deli_area_box17 ul li a {
  position: absolute;
  width: 153px;
  height: 73px;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  z-index: 101;
}

.area_search_left #deli_area_box17 #deli_area_01 a:hover {
  background-position: 0 -75px;
}

/* 熊本 */
#deli_area_box17 #deli_area_01 a {
  top: 133px;
  left: 25px;
  background-image:url(../images/area_map_deli_kumamotozeniki.png);
}
#deli_area_box17 #deli_area_02 a {
  top: 133px;
  left: 360px;
  background-image:url(../images/area_map_deli_kumamotoshinai.png);
}




/*広島マップ*/
.area_map ul.area_hiroshima{
  background: url(../images/area_map_hiroshima.jpg) 0 0 no-repeat;
  background-size: 545px 355px;
}
ul.area_hiroshima #area_00 a {width:150px;height: 57px;}
ul.area_hiroshima #area_01 a {width:150px;height: 57px;}
ul.area_hiroshima #area_02 a {width:150px;height: 57px;}
ul.area_hiroshima #area_03 a {width:150px;height: 57px;}
ul.area_hiroshima #area_04 a {width:150px;height: 57px;}
ul.area_hiroshima #area_05 a {width:150px;height: 57px;}
ul.area_hiroshima #area_06 a {width:150px;height: 57px;}
ul.area_hiroshima #area_07 a {width:150px;height: 57px;}
ul.area_hiroshima #area_08 a {width:150px;height: 57px;}
ul.area_hiroshima #area_09 a {width:150px;height: 57px;}
ul.area_hiroshima #area_10 a {width:150px;height: 57px;}
ul.area_hiroshima #area_11 a {width:150px;height: 57px;}
ul.area_hiroshima #area_12 a {width:150px;height: 57px;}


/*位置指定*/
ul.area_hiroshima #area_00 a {top: 5px; left: 198px;}
ul.area_hiroshima #area_01 a {top: 68px; left: 188px;}
ul.area_hiroshima #area_02 a {top: 129px;left: 33px;}
ul.area_hiroshima #area_03 a {top: 129px;left: 188px;}
ul.area_hiroshima #area_04 a {top: 129px;left: 343px;}
ul.area_hiroshima #area_05 a {top: 191px;left: 33px;}
ul.area_hiroshima #area_06 a {top: 191px;left: 188px;}
ul.area_hiroshima #area_07 a {top: 191px;left: 343px;}
ul.area_hiroshima #area_08 a {top: 5px;left: 390px;}
ul.area_hiroshima #area_09 a {top: 5px;left: 5px;}
ul.area_hiroshima #area_10 a {top: 290px;left: 5px;}
ul.area_hiroshima #area_11 a {top: 290px;left: 390px;}
ul.area_hiroshima #area_12 a {top: 290px;left: 188px;}

/*背景指定*/
ul.area_hiroshima #area_00 a {background-image:url(../images/area_map_hiroshima_deli.png);}
ul.area_hiroshima #area_01 a {background-image:url(../images/area_map_hiroshima.png);}
ul.area_hiroshima #area_02 a {background-image:url(../images/area_map_nagaregawa.png);}
ul.area_hiroshima #area_03 a {background-image:url(../images/area_map_hatchobori.png);}
ul.area_hiroshima #area_04 a {background-image:url(../images/area_map_fukuyama.png);}
ul.area_hiroshima #area_05 a {background-image:url(../images/area_map_itsukaichi.png);}
ul.area_hiroshima #area_06 a {background-image:url(../images/area_map_sonotahiroshima.png);}
ul.area_hiroshima #area_07 a {background-image:url(../images/area_map_higashihiroshima.png);}
ul.area_hiroshima #area_08 a {background-image:url(../images/area_map_h_okayama.png);}
ul.area_hiroshima #area_09 a {background-image:url(../images/area_map_yamaguchi.png);}
ul.area_hiroshima #area_10 a {background-image:url(../images/area_map_ehime.png);}
ul.area_hiroshima #area_11 a {background-image:url(../images/area_map_kagawa.png);}
ul.area_hiroshima #area_12 a {background-image:url(../images/area_map_kouchi.png);}


ul.area_hiroshima #area_00 a:hover {background-position:0 -57px;}
ul.area_hiroshima #area_01 a:hover {background-position:0 -57px;}
ul.area_hiroshima #area_02 a:hover {background-position:0 -57px;}
ul.area_hiroshima #area_03 a:hover {background-position:0 -57px;}
ul.area_hiroshima #area_04 a:hover {background-position:0 -57px;}
ul.area_hiroshima #area_05 a:hover {background-position:0 -57px;}
ul.area_hiroshima #area_06 a:hover {background-position:0 -57px;}
ul.area_hiroshima #area_07 a:hover {background-position:0 -57px;}
ul.area_hiroshima #area_08 a:hover {background-position:0 -57px;}
ul.area_hiroshima #area_09 a:hover {background-position:0 -57px;}
ul.area_hiroshima #area_10 a:hover {background-position:0 -57px;}
ul.area_hiroshima #area_11 a:hover {background-position:0 -57px;}
ul.area_hiroshima #area_12 a:hover {background-position:0 -57px;}

/*広島MAPポップアップ設定*/
.area_search_left #deli_area_box20,
.area_search_left #deli_area_box21,
.area_search_left #deli_area_box22,
.area_search_left #deli_area_box23,
.area_search_left #deli_area_box24 {
  position: absolute;
  top: 0;
  left: 0;
  width: 545px;
  height: 355px;
  background-color: rgba(28, 22, 20, .75);
  z-index: -1;
  opacity: 0;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

/* 広島マップ表示時 */
.area_search_left.show_deli_box20 #deli_area_box20,
.area_search_left.show_deli_box21 #deli_area_box21,
.area_search_left.show_deli_box22 #deli_area_box22,
.area_search_left.show_deli_box23 #deli_area_box23,
.area_search_left.show_deli_box24 #deli_area_box24 {
  z-index: 10;
  opacity: 1;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.area_search_left #deli_area_box20 ul li a,
.area_search_left #deli_area_box21 ul li a,
.area_search_left #deli_area_box22 ul li a,
.area_search_left #deli_area_box23 ul li a,
.area_search_left #deli_area_box24 ul li a {
  position: absolute;
  width: 153px;
  height: 73px;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  z-index: 101;
}

.area_search_left #deli_area_box20 #deli_area_01 a:hover,
.area_search_left #deli_area_box20 #deli_area_02 a:hover,
.area_search_left #deli_area_box20 #deli_area_03 a:hover,
.area_search_left #deli_area_box21 #deli_area_01 a:hover,
.area_search_left #deli_area_box21 #deli_area_02 a:hover,
.area_search_left #deli_area_box21 #deli_area_03 a:hover,
.area_search_left #deli_area_box21 #deli_area_04 a:hover,
.area_search_left #deli_area_box21 #deli_area_05 a:hover,
.area_search_left #deli_area_box22 #deli_area_01 a:hover,
.area_search_left #deli_area_box22 #deli_area_02 a:hover,
.area_search_left #deli_area_box22 #deli_area_03 a:hover,
.area_search_left #deli_area_box23 #deli_area_04 a:hover,
.area_search_left #deli_area_box23 #deli_area_01 a:hover,
.area_search_left #deli_area_box23 #deli_area_02 a:hover,
.area_search_left #deli_area_box23 #deli_area_03 a:hover,
.area_search_left #deli_area_box24 #deli_area_01 a:hover,
.area_search_left #deli_area_box24 #deli_area_02 a:hover,
.area_search_left #deli_area_box24 #deli_area_03 a:hover {
  background-position: 0 -75px;
}

/* 岡山 */
#deli_area_box20 #deli_area_01 a {
  top: 133px;
  left: 25px;
  background-image:url(../images/area_map_deli_okayamadeli.png);
}
#deli_area_box20 #deli_area_02 a {
  top: 133px;
  left: 370px;
  background-image:url(../images/area_map_deli_okayamashi.png);
}
#deli_area_box20 #deli_area_03 a {
  top: 220px;
  left: 195px;
  background-image:url(../images/area_map_deli_okayamaother.png);
}

/* 山口 */
#deli_area_box21 #deli_area_01 a {
  top: 133px;
  left: 25px;
  background-image:url(../images/area_map_deli_yamaguchideli.png);
}
#deli_area_box21 #deli_area_02 a {
  top: 133px;
  left: 370px;
  background-image:url(../images/area_map_deli_yamaguchishi.png);
}
#deli_area_box21 #deli_area_03 a {
  top: 220px;
  left: 25px;
  background-image:url(../images/area_map_deli_shimonoseki.png);
}
#deli_area_box21 #deli_area_04 a {
  top: 220px;
  left: 195px;
  background-image:url(../images/area_map_deli_yamaguchiother.png);
}
#deli_area_box21 #deli_area_05 a {
  top: 220px;
  left: 370px;
  background-image:url(../images/area_map_deli_syunan.png);
}

/* 愛媛 */
#deli_area_box22 #deli_area_01 a {
  top: 133px;
  left: 25px;
  background-image:url(../images/area_map_deli_matsuyamadeli.png);
}
#deli_area_box22 #deli_area_02 a {
  top: 133px;
  left: 370px;
  background-image:url(../images/area_map_deli_matsuyamaeki.png);
}
#deli_area_box22 #deli_area_03 a {
  top: 220px;
  left: 195px;
  background-image:url(../images/area_map_deli_ehimeother.png);
}
#deli_area_box22 #deli_area_04 a {
  top: 220px;
  left: 370px;
  background-image:url(../images/area_map_deli_matsuyamashieki.png);
}

/* 香川 */
#deli_area_box23 #deli_area_01 a {
  top: 133px;
  left: 25px;
  background-image:url(../images/area_map_deli_takamatsudeli.png);
}
#deli_area_box23 #deli_area_02 a {
  top: 133px;
  left: 370px;
  background-image:url(../images/area_map_deli_takamatsushi.png);
}
#deli_area_box23 #deli_area_03 a {
  top: 220px;
  left: 195px;
  background-image:url(../images/area_map_deli_kagawaother.png);
}

/* 高知 */
#deli_area_box24 #deli_area_01 a {
  top: 133px;
  left: 25px;
  background-image:url(../images/area_map_deli_kochideli.png);
}
#deli_area_box24 #deli_area_02 a {
  top: 133px;
  left: 370px;
  background-image:url(../images/area_map_deli_kochishi.png);
}
#deli_area_box24 #deli_area_03 a {
  top: 220px;
  left: 195px;
  background-image:url(../images/area_map_deli_kochiother.png);
}

/*---------------------------------
　エリアバナー(各大エリアトップ　セラピスト募集店一覧の下のコンテンツ)
---------------------------------*/

/* エリアバナーの装飾設定 */
#area_banner{
  position: relative;
  overflow: hidden;
  padding: 20px 0;
}
#area_banner .area_banner_inner{
  position: relative;
  width: 100%;
  max-width: 2000px;
  margin-right: auto;
  margin-left: auto;
}
/*#area_banner .area_banner_main{
  position: relative;
}
#area_banner .area_banner_main::before{
  content: "";
  position: absolute;
  top: 0;
  left: 150px;
  width: calc(100% - 300px);
  height: 550px;
  border: 4px solid #f45aab;
}*/
#area_banner .area_banner_main .title_wrap{
  position:relative;
  text-align: center;
  width: 95%;
  max-width: 1000px;
  margin: 0 auto;
}
#area_banner .area_banner_main .title_wrap .wrap_h2{
  position: relative;
  line-height: 1.6;
  display: inline-block;
  z-index: 1;
  text-align: center;
  border-bottom: none;
  color: #f45aab;
  background: #fff;
  margin:0;
  padding: 0 12px;
}
#area_banner .area_banner_main .title_wrap::after{
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  background: #f45aab;
  height: 2px;
  width: 100%;
}
#area_banner .area_banner_main .title_wrap .wrap_h2 .jp{
  display: block;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.06em;
}
.img_no{
  margin-top: 20px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

/* スライダーの設定 */
#area_slider li div{
  padding: 20px;
  background: #fff;
  margin: 0 10px;
}
#area_slider li .station,
#area_slider li .name{
  width: 100%;
  max-width: 225px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#area_banner .slick-slide img{
  aspect-ratio: 3 / 4;
  object-fit: cover;
}
#area_slider.slide_one{
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
#area_slider.slide_one li div{
  max-width: calc(225px + 40px);
}
#area_slider.slide_one li img{
  aspect-ratio: 3 / 4;
  object-fit: cover;
  max-width: 225px;
  height: auto;
}

@media screen and (max-width: 824px){
  #area_banner .area_banner_main::before{
    height: 480px;
  }
  #area_banner .area_banner_main.noimg::before{
    height: 440px;
  }
  #area_banner .area_banner_main .title_wrap .wrap_h2::after{
    left: -10px;
    width: calc(100% + 20px);
  }
  #area_banner .area_banner_main .title_wrap .wrap_h2 .en{
    font-size: 56px;
  }
  #area_banner .area_banner_main::before{
    left: 16px;
    width: calc(100% - 40px);
  }
}

@media screen and (max-width: 599px){
  #area_slider li div{
    padding: 20px 0px;
    margin: 0 6px;
  }
  #area_banner .slick-slide img{
    width: 100%;
    height: auto;

  }
  #area_slider.slide_one li div,#area_slider.slide_one li img{
    max-width: 150px;
  }
}


/*---------------------------------
　検索バナー(店舗一覧ページ468x60px)
---------------------------------*/
#search_banner{
  width: 100%;
  max-width: 468px;
  height: auto;
  margin: 10px auto;
  position: sticky;
  top: 0;
  background: rgba(255,255,255,0.8);
  z-index: 2;
}

        
/*---------------------------------
会社概要
---------------------------------*/
.company_table .table_2column {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: solid 1px #d6d6d6;
  font-size: 14px;
}
.company_table .table_2column th {
  width: 20%;
  padding: 20px;
  border-bottom: 1px solid #d6d6d6;
  font-weight: normal;
}
.company_table .table_2column td {
  width: 50%;
  padding: 20px;
  border-bottom: 1px solid #d6d6d6;
}