@charset "utf-8";

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;
}

/*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;
}

body {
  font-size: 12px;
  /* 変更 */
  /*font-family: Garamond , "Times New Roman", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;*/
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.8;
  /* 変更 */
  -webkit-text-size-adjust: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
th {
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  padding: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: #fff;
  text-decoration: none;
}

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

ins {
  background-color: #ff9;
  /* 変更 */
  color: #000;
  /* 変更 */
  text-decoration: none;
}

mark {
  background-color: #ff9;
  /* 変更 */
  color: #000;
  /* 変更 */
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

img {
  vertical-align: sub;
}

/* form */
input,
select {
  vertical-align: middle;
}

/* float解除 */
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: "";
}

/****************************************
 common (共通スタイル)
****************************************/
:root{
	--color-purple1: #CD28E6;
  --color-purple2: #600a7c;
  --color-pink1: #E628A1;

	--color-gray1: #959494;
	--color-gray2: #444444;
	
	--color-green1: #04fbd8;
	
	--bg-gradation1: linear-gradient(90deg, #9A35FF 0%, #F124C1 100%);
}

body {
  background: url("../images/bg_body.jpg") repeat;
  background-color: #000;
  text-align: center;
  min-height: 800px;
}

h2 img {
  color: #fff;
}

.btn_img {
  width: 100%;
  max-width: 155px;
}

.title_img {
  max-width: 440px;
  width: 100%;
}

#bg_title h2 img {
  max-width: 500px;
}


.atten_size {
  font-size: 0.75em;
  font-weight: bold;
  color: #edcca8;
}

.atten_b {
  font-weight: bold;
}

.atten_lg {
  font-size: 1.25em;
}

.atten_s {
  font-size: 0.75em;
}

/* マージン */
.mb_5 {
  margin-bottom: 8px;
}
.mb_10 {
  margin-bottom: 10px;
}
.mb_20 {
  margin-bottom: 20px;
}
.mb_30 {
  margin-bottom: 30px;
}
.mt_30 {
  margin-top: 30px;
}

/* パディング */
.pd_10 {padding-top: 10px;}
.pd_20 {padding-top: 20px;}
.pd_40 {padding-top: 40px;}

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

.left {
  text-align: left;
}

.right {
  text-align: right;
}

/*文字サイズ*/
.fs_9 {
  font-size: 9px;
}

.fs_10 {
  font-size: 10px;
}

.fs_12 {
  font-size: 12px;
}

.fs_16 {
  font-size: 16px;
}

.width_690 {
  max-width: 690px;
}

/* 色 */
.atten_01,
.atten_01 a {
  color: #fb0000;
}

.atten_02,
.atten_02 a {
  color: #a6adff;
}

.atten_03,
.atten_03 a {
  color: var(--color-purple1);
}

/* ふわっと薄くします */
.link_act_01 {
  opacity: 1;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.link_act_01:hover {
  opacity: 0.7;
  filter: alpha(opacity=80);
}

/*回転*/
.link_act_02 {
  -moz-transition: -moz-transform 0.7s ease-in-out;
  -webkit-transition: -webkit-transform 0.7s ease-in-out;
  -o-transition: -o-transform 0.7s ease-in-out;
  -ms-transition: -ms-transform 0.7s ease-in-out;
  transition: transform 0.7s ease-in-out;
}

.link_act_02:hover {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

/*拡大させます*/
.link_act_03 {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: scale(1);
}

.link_act_03:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/*白黒にします*/
.link_act_04 {
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -webkit-transition: 0.3s ease-in-out;
  filter: grayscale(52%);
}

.link_act_04:hover {
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

/*キラっと光るボタン*/
.link_act_05 {
  display: block;
  text-align: center;
  cursor: pointer;
  letter-spacing: 0.1em;
  font-weight: normal;
  overflow: hidden;
  -moz-transition: cubic-bezier(0.69, 0.01, 0.25, 0.99) 0.5s;
  -o-transition: cubic-bezier(0.69, 0.01, 0.25, 0.99) 0.5s;
  -webkit-transition: cubic-bezier(0.69, 0.01, 0.25, 0.99) 0.5s;
  transition: cubic-bezier(0.69, 0.01, 0.25, 0.99) 0.5s;
  position: relative;
  width: 100%;
}

.link_act_05.bg-gd {
  background: #9b8b53;
  border: 1px solid #9b8b53;
}

.link_act_05.bg-bk {
  background: #626F7F;
  border: 1px solid #626F7F;
}

.link_act_05.bg-lgy {
  background: #EFF0F2;
  border: 1px solid #EFF0F2;
}

.link_act_05:before {
  content: "";
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  left: 10px;
  top: 50%;
  margin-top: -12.5px;
  background: url() center no-repeat;
  background-size: contain;
}

.link_act_05:after {
  content: "";
  display: block;
  width: 140%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  -moz-transform: translateX(-150%) skew(-20deg);
  -ms-transform: translateX(-150%) skew(-20deg);
  -webkit-transform: translateX(-150%) skew(-20deg);
  transform: translateX(-150%) skew(-20deg);
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.link_act_05:hover.bg-gd {
  color: #C1A250 !important;
}

.link_act_05:hover.bg-bk {
  color: #626F7F !important;
}

.link_act_05:hover.bg-lgy {
  color: #EFF0F2 !important;
}

.link_act_05:hover:after {
  -moz-transform: translateX(-20%) skew(-20deg);
  -ms-transform: translateX(-20%) skew(-20deg);
  -webkit-transform: translateX(-20%) skew(-20deg);
  transform: translateX(-20%) skew(-20deg);
}

.link_act_05.arrow-rl:before {
  content: "";
  display: block;
  background: url("../img/base/ico_arrow01_r_wh.svg") center no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -10px;
}

.link_act_05 span {
  position: relative;
  z-index: 1;
  color: #fff;
}

/*--------------
共通ベース
--------------*/

.inner {
  max-width: 2000px;
  width: 100%;
}

/* 見出し */
.title {
  height: 110px;
  5% */: ;
  font-size: 0;
  overflow: hidden;
}

.title {
  font-size: 0;
  height: 100%;
}

.bg_title {
  background: rgba(0, 0, 0, 0.5);
  padding: 10px 15px;
}

.other_page_title {
  right: 0;
  z-index: 999;
  position: absolute;
  top: 55px;
  left: 0;
}

/*outer*/
.frame_outer {
  overflow: hidden;
  z-index: 9999;
  position: relative;
}

.frame_outer_02 {
  z-index: 9999;
  position: relative;
}

.frame_outer_02 .inner {
    max-width: 1040px;
    margin: auto;
    margin-bottom: 20px;
}

.main_outer {
  -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;
}

/*TOP以外*/
.page_top_outer {
  position: relative;
  bottom: 2em;

}

.page_top {
  width: 100%;
  padding: 0;
  -moz-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  text-align: center;
  max-height: 350px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
}

.page_top img {
  margin: 0 auto;
  width: 100%;
  min-width: 600px;
}

.other_page {
  z-index: 999;
  position: relative;
  padding-top: 0px;
}

.other_page .inner_style {
  margin: 0 auto 50px;
  background: rgba(0, 0, 0, 0);
}

/* 小見出し */
.subtitle {
  width: 80%;
  margin: 10px auto;
  color: rgba(198, 180, 135, 0.65);
  font-size: 16px;
  border-bottom: 0.1px solid rgba(255, 255, 255, 0.27);
  letter-spacing: 0.15em;
  line-height: 10px;
  padding: 10px;
}

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

#contents_link .subtitle_02 {
  font-size: 18px;
  text-align: left;
  width: 100%;
  padding: 5px;
  color: #fff;
  background: var(--bg-gradation1);
  border-bottom: 0px;
}
/*2000px以上の時の表示設定(トップページ)*/
#section_top,
#section_headline,
#section_middle .message_area,
#section_middle .inner,
#section_schedule_today,
.bnr_box .inner{
  margin: 0 auto;
}


.subtitle_02 {
  width: 80%;
  margin: 0 auto 10px;
  padding: 10px;
  padding-left: 10px;
  font-size: 16px;
  border-bottom: 1px solid #fff;
  letter-spacing: 0.15em;
  color: #000000;
  text-align: center;
  line-height: 30px;
}

.subtitle_02 i {
  color: #ff4e00;
}

.subtitle_03 {
  max-width: 940px;
  margin: 0 auto 0;
  background: #2b2b2b;
  line-height: 40px;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.3em;
  padding: 20px 0 10px;
  color: #ffffff;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.subtitle_03 span {
  font-size: 12px;
  letter-spacing: 0.1em;
}

.subtitle_03 i {
  color: #ff4e00;
}

.subtitle_04 span {}

.subtitle_04 i {
  color: #ff4e00;
}

.subtitle_04 {
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  width: 100%;
  color: #fff;
  letter-spacing: 0.2em;
  padding: 10px 0;
  background: var(--color-purple1);
}

.subtitle_04 span {
  ;
  ;
  font-size: 10px;
}

/* テーブル 1 */
.table_01 {
  width: 100%;
  margin-bottom: 20px;
  border-spacing: 0;
  text-align: left;
}

.table_01 th,
.table_01 td {
  padding: 5px 5px 5px 10px;
  border-width: 1px;
  color: #000;
  vertical-align: middle;
}

.table_01 th {
  vertical-align: top;
  border-right: 2px solid var(--color-purple1);
  */
}

.table_01 td a {
  color: #ff007e;
}

/* テーブル 2 */
.table_02 {
  width: 100%;
  border-spacing: 0;
  text-align: left;
  table-layout: fixed;
}

.table_02 th,
.table_02 td {
  padding: 5px 5px 5px 10px;
}

.table_02 th {
  background: var(--color-purple2);
  border: 1px solid var(--color-purple2);
  vertical-align: top;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
}

.table_02 td {
  text-align: center;
  color: #fff;
  background: #000;
  border: 1px solid var(--color-purple2);
}

/* テーブル 3 */
.table_03 {
  width: 100%;
  border-spacing: 0;
  text-align: left;
}

.table_03 dt,
.table_03 dd {
  vertical-align: top;
}

.table_03 dt {
    padding: 0 0 0 8px;
    letter-spacing: 4px;
    font-size: 18px;
    color: #fff;
    background: var(--bg-gradation1);
}

.table_03 dd {
  padding: 20px 0px;
}

.table_03 a {
  color: var(--color-purple1);
  font-size: 1.2em;
}

/* テーブル 4 */
.table_04 {
  width: 95%;
  margin: 20px auto;
  border-spacing: 0;
  text-align: left;
  background: #fff;
}

.table_04 th,
.table_04 td {
  border-color: #988239;
  border-style: solid;
  border-width: 1px;
  text-align: center;
}

.table_04 th {
  width: 30%;
  padding: 10px;
  color: #988239;
  font-size: 17px;
}

.table_04 th span {
  font-size: 13px;
}

.table_04 td {
  width: 70%;
  padding: 20px 10px;
  color: #d41b1b;
  font-size: 22px;
  letter-spacing: 0.05em;
}

.table_04 td span {
  font-size: 15px;
}

/* テーブル 5 */
.table_05 {
  width: 100%;
  margin: 20px auto;
  border-spacing: 0;
}

.table_05 dl {
  padding: 10px 0;
  vertical-align: middle;
}

.table_05 dt,
.table_05 dd {
  display: inline-block;
  vertical-align: middle;
}

.table_05 dt {
  width: 33%;
}

.table_05 dd {
  width: 65%;
  text-align: right;
}

/* テーブル 6 */
.table_06 {
  width: 100%;
  max-width: 590px;
  margin: 20px auto;
  border-spacing: 0;
  text-align: left;
  padding: 0 0;
}

.table_06 span {
  color: var(--color-purple1);
  font-size: 1.2em;
}

.table_06 dt,
.table_06 dd {
  vertical-align: top;
}

.table_06 dt {
  color: var(--color-purple1);
  font-size: 1.5em;
  letter-spacing: 4px;
}

.table_06 dd {
  margin-bottom: 20px;
  padding: 10px 0;
}

.table_06 dd.txt {
  line-height: 2.5;
  ;
}

/* テキストボックス 1 */
.txt_box_01 {
  margin-bottom: 20px;
  color: #fff;
  text-align: left;
  background: #000;
  padding: 20px 0;
}

.txt_box_01 h2 {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

.txt_box_01 p {
  padding: 5px 10px;
}

/* テキストボックス 2 */
.txt_box_02 {
  text-align: left;
  color: #beb5b6;
  padding: 10px 30px;
}

/* テキストボックス 3 */
.txt_box_03 {
  padding: 5px;
  margin-bottom: 10px;
  color: #fff;
  word-break: break-word;
  text-align: left;
  padding: 0px 20px;
}

/*リストボックス*/
.list_box {
  margin-bottom: 20px;
}

.list_box dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.list_box dl dt,
.list_box dl dd {
  padding: 20px;
  box-sizing: border-box;
  font-size: 14px;
  color: #fff;
  letter-spacing: 0.07em;
}

.list_box dl dt {
  width: 24%;
  margin-right: 4%;
  font-weight: bold;
}

.list_box dl dd {
  width: 72%;
  text-align: left;
}

.list_box dl:last-child dt {
  border-bottom: 1px solid var(--color-purple1);
}

.list_box dl:last-child dd {
  border-bottom: 1px solid #d8d8d8;
}

.list_box dl dd a {
  color: var(--color-purple1);
}

/* 女の子のボックス */

.cast_box li p.img_box {
  overflow: hidden;
  position: relative;
}

.cast_box li .txt_box .time {
  padding: 5px 5px;
  font-size: 14px;
}

.cast_box li .txt_box .icon {
  height: 25px;
}

.cast_box li .txt_box .size {
  font-size: 12px;
  color: #2ca467;
}

.cast_box li .txt_box .name {
  font-size: 12px;
  padding: 3px 0;
}

.cast_box li .txt_box .check {
  width: 80%;
  margin: 0 auto;
}

.cast_box li .txt_box .check img {
  width: 100%;
  max-width: 140px;
}

.cast_box li .icon_new {
  font-size: 12px;
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 50px;
  height: 50px;
}

.cast_box li .icon_twitter img {
  font-size: 12px;
  position: absolute;
  left: 5px;
  bottom: 5px;
  width: 50px;
  height: 50px;
}

.cast_box li .icon_new img:hover {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}

.cast_box li .icon_new i {
  font-size: 12px;
  position: absolute;
  right: 5px;
  bottom: 5px;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform-origin: none;
}

.profile_box_left .img_box .frame {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.profile_box_left .thumn_outer {
  display: flex;
  justify-content: space-between;
}

.profile_box_left .icon_new {
  width: 70px;
  height: 70px;
  position: absolute;
  right: 5px;
  bottom: 5px;
}

.profile_box_left .icon_twitter img {
  font-size: 12px;
  position: absolute;
  left: 5px;
  bottom: 5px;
  width: 50px !important;
  height: 50px;
}

/* 店名 */
.shop_txt {
  width: 100%;
  padding: 2px;
  box-sizing: border-box;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  letter-spacing: 0.1em;
  margin-top: 6px;
  font-size: 0.8rem;
}

.icon_shop1 {/*四谷*/
  background-color: #f07b41;
  color: #fff;
}
.icon_shop2 {/*飯田橋*/
  background-color: #e5a2ff;
  color: #fff;
}
.icon_shop3 {/*神楽坂*/
  background-color: #8D8BE2;
  color: #fff;
}
.icon_shop4 {/*大井町*/
  background-color: #96b9df;
  color: #fff;
}

.icon_shop5 {/*秋葉原*/
  background-color: #EAB600;
  color: #fff;
}
.icon_shop6 {/*曙橋*/
  background-color: #45BB18;
  color: #fff;
}
.icon_shop7 {/*新宿*/
  background-color: #505b97;
  color: #fff;
}
.icon_shop8 {/*若松河田*/
  background-color: #1CB6A8;
  color: #fff;
}

/* セラピスト項目 */
.check_item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 90%;
  margin: 10px auto;
  gap: 4px 2px;
}
.check_item .icon_check {
  width: calc((100%/2) - 2px );
  padding: 5px;
  display: grid;
  place-items: center center;
  background: var(--color-pink1);
  color: #fcfdfe;
  font-size: 10px;
}
.check_item:after,
.check_item .icon_check:after {
  display: none;
}

/* 各ページ上部のテキストボックス */
.pagetext_box {
  width: 90%;
  height: 100%;
  margin: 20px auto 20px;
}

/* リンクボックス */
.list_link_box {
  margin-right: -30px;
  font-size: 11px;
}

.list_link_box li {
  float: left;
  margin: 0 30px 20px 0;
}

.btn_tel,
.btn_openl_02,
.btn_line_02 {
  display: none;
}

/*--------------------------------------
ヘッダー
--------------------------------------*/
header {
  width: 100%;
  height: 85px;
  top: 0;
  left: 0;
  -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;
  z-index: 99999;
  position: fixed;
  background: #000;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

header h1 {
  padding-left: 20px;
  float: left;
  padding-top: 10px;
}

header h1 .logo {
  width: 100%;
  max-width: 230px
}

header h1 .logo_s {
  width: 100%;
  max-width: 170px;
  display: none;
}

header #header_area {
  z-index: 3000;
  0% */: ;
  height: 100%;
  position: relative;
}

header #header_area .tag {
  position: fixed;
  left: 320px;
  top: 30px;
  color: var(--color-purple1);
  letter-spacing: 0.1em;
}

header #drawer {
  font-family: "Garamond", "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  display: none;
}

header #drawer i {
  color: #fff;
  padding-right: 10px;
}

/* 電話番号&営業時間 */
header .info_area {
  font-size: 16px;
  color: var(--color-purple1);
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 2em;
}

header .tel_box {
  top: 11px;
  right: 270px;
  position: fixed;
}

header .tel_box .web { margin-top: -3px;}
header .tel_box .web a{color: #fff;}
header .tel_box .web a {
  padding: 5px 25px;
  background: var(--color-purple1);
  font-size: 14px;
}

header .info_box {
  top: 28px;
  right: 55px;
  position: fixed;
  color: #fff;
}

/* ヘッドライン */
#section_headline {
  width: 100%;
  max-width: 2000px;
  margin-bottom: 10px;
  padding: 10px 0;
  color: #fff;
  font-size: 12px;
  background: #111;
  border-top: 1px solid var(--color-purple1);
  border-bottom: 1px solid var(--color-purple1);
  border-image: var(--bg-gradation1);
  border-image-slice: 1;
}

#section_headline .inner {
  width: 70%;
  margin: 0 auto;
}

#section_headline h2 {
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px dashed #fff;
  float: left;
  line-height: 60px;
}

#section_headline h2 img {
  vertical-align: middle;
}

#section_headline ul {
  height: 60px;
  line-height: 60px;
  text-align: left;
}


/*--------------------------------------
グローバルナビ
--------------------------------------*/
nav {
  width: 150px;
  height: 85px;
  background: var(--color-purple1);
  position: fixed;
  right: 490px;
}

.dropmenu {
  margin: 0px auto 0px;
  list-style-type: none;
  padding: 0;
  zoom: 1;
}

.dropmenu:before,
.dropmenu:after {
  content: "";
  display: table;
}

.dropmenu:after {
  clear: both;
}

.dropmenu li {
  width: 150px;
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
  display: inline-block;
}

.dropmenu .hit {
  height: 85px;
}

.dropmenu li a {
  display: block;
  margin: 0;
  padding-top: 30px;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  line-height: 1;
  font-weight: normal;
  letter-spacing: 0.2em;
}

.dropmenu li ul {
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  box-shadow: 0px 2px 4px 0.15px rgba(13, 4, 9, 0.45);
  -moz-box-shadow: 0px 2px 4px 0.15px rgba(13, 4, 9, 0.45);
  -webkit-box-shadow: 0px 2px 4px 0.15px rgba(13, 4, 9, 0.45);
}

.dropmenu li ul li a {
  margin: 5px 0;
  padding: 10px 2px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  position: relative;
  letter-spacing: 0.1em;
}

.dropmenu li:hover>a {
  background: var(--color-purple1);
  -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;
}

.dropmenu li a:hover {
  background: var(--color-purple1);
}

/*アニメーション*/
#fade-in2 li ul {
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .5s;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 0 0 2px 2px;
}

#fade-in2 li:hover ul {
  top: 100%;
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------
コンテンツ
--------------------------------------*/
main {
  margin: auto 0;
  z-index: 99999;
  width: 100%;
  position: relative;
}

/*--------------------------------------
フッター
--------------------------------------*/
footer {
  font-size: 12px;
  width: 100%;
  background: #000;
}

footer .inner {
  color: #ffffff;
  margin: auto;
  width: 100%;
}

/* テキストメニュー */
footer .nav {
  margin: 0 auto 20px;
  width: 100%;
  background: #000;
  padding: 20px 0 0;
}

footer .nav li {
  display: inline-block;
  color: #ffffff;
  margin: 5px;
}

footer .nav li a {
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.1em;
  -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;
  filter: alpha(opacity=80);
  padding: 0 3px;
}

footer .nav li a:hover {
  background: #191919;
  opacity: 0.8;
}

footer .info_box {
  display: none;
}

footer p.copyright {
  font-size: 10px;
  padding: 5px;
  color: #fff;
}

.footer_link {
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-family: sans-serif;
}

.footer_link a {
  color: #fff;
  text-decoration: underline;
}

/******************************
トップページ
******************************/
.aisatsu {
  max-width: 2000px;
  border-bottom: 10px solid #fff;
}

.aisatsu img {
  width: 100%;
  max-width: 1000px;
}

/*---------------------------
メインヴィジュアル
---------------------------*/
#section_top {
  width: 100%;
  max-width: 2000px;
  padding-top: 85px;
  position: relative;
  z-index: 80000;
}

#section_top .flex-control-nav {
  display: block;
}

#mainvisual_01,
#mainvisual_02,
{
overflow: hidden;
}

#mainvisual_01 ul li,
#mainvisual_02 ul li {
  display: none;
}

.flexslider-container,
.flexslider .slides,
.flex-viewport {
  height: 100%;
}


ul.slides {
  margin: 0;
  padding: 0;
}

.flexslider {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border: 0px;
  overflow: hidden;
}

#section_top #mainvisual_02 {
  display: none;
}

#allDocument .inner i.fa-phone {
  ;
  position: fixed;
  ;
  bottom: 10px;
  ;
  left: 15px;
}

/*スマホ用*/
#scroll {
  height: 110px;
  background: #fff;
  width: 1px;
}

#contents_form01 .title {
  background: url("../images/title_recruit.png") no-repeat center;
  background-size: 540px;
}

#contents_form02 .title {
  background: url("../images/title_reserve.png") no-repeat center;
  background-size: 540px;
}

#contents_form03 .title {
  background: url("../images/title_enquete.png") no-repeat center;
  background-size: 540px;
}

#system_box,
#schedule_box,
#staff_box {
  display: table-cell;
  overflow: hidden;
  vertical-align: middle;
  width: 34%;
}

#access_box,
#recruit_box {
  display: table-cell;
  overflow: hidden;
  width: 50%;
}

.bg-scale {
  overflow: hidden;
  padding: 60px 0;
  text-align: center;
  position: relative;
}

.bg-scale:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

#system_box .bg-scale:after {
  background: url("../images/system_bg.jpg") no-repeat center;
  background-size: cover;
}

#schedule_box .bg-scale:after {
  background: url("../images/schedule_bg.jpg") no-repeat center;
  background-size: cover;
}

#staff_box .bg-scale:after {
  background: url("../images/therapist_bg.jpg") no-repeat center;
  background-size: cover;
}

#access_box .bg-scale:after {
  background: url("../images/access_bg.jpg") no-repeat center;
  background-size: cover;
}

#recruit_box .bg-scale:after {
  background: url("../images/recruit_bg.jpg") no-repeat center;
  background-size: cover;
}

.bg-scale:hover:after {
  opacity: .8;
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.bg-scale .inner {
  z-index: 1;
  position: relative;
}

.list {
  overflow: hidden;
}

.list li {
  transition: .8s;
}

.list-mv07 {
  opacity: 0;
  transform: translate(0, 60px);
  -webkit-transform: translate(0, 60px);
}

.mv07 {
  opacity: 1.0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

/*---------------------------
フッターバナー
---------------------------*/
aside#bnr ul li {
  width: 32%;
  display: inline-block;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  margin: 0.5%;
}

aside#bnr ul li:last-child {
  margin-right: 0;
}

/*---------------------------
section_top
---------------------------*/
#section_top .inner>div {
  vertical-align: top;
}

/*---------------------------
section_section_middle
---------------------------*/
#section_middle {
  margin-bottom: 10px;
}

#section_middle .inner {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
}

#section_middle .inner>div {
  vertical-align: top;
}

/*---------------------------
message
---------------------------*/
#section_middle .message_area {
  max-width: 2000px;
}

#section_middle .message_area img {
  width: 100%;
}

/*---------------------------
event
---------------------------*/
#section_middle .event_area {
  width: 50%;
  background: url(../images/bg_event.jpg) center top no-repeat;
  border-right: 5px solid ;
  overflow: hidden;
  display: table-cell;
  background-size: cover;
}

#section_middle .event_area .title {
  background: rgba(0, 0, 0, 0.32) center 50% no-repeat;
}

#section_middle .event {
  position: relative;
  margin: 8% 5%;
  overflow: hidden;
}

#section_middle .event img {
  max-width: 900px;
  width: 100%;
  height: auto;
}

/*---------------------------
pickup
---------------------------*/
#section_middle .pickup_area {
  width: 50%;
  background: url(../images/bg_pickup.jpg) center top no-repeat;
  border-left: 5px solid ;
  overflow: hidden;
  display: table-cell;
  background-size: cover;
}

#section_middle .pickup_area .title {
  background: rgba(0, 0, 0, 0.32) center 50% no-repeat;
}

#section_middle .pickup {
  position: relative;
  margin: 5% 19%;
  overflow: hidden;
}

#section_middle .cast_box {
  width: 70%;
  margin: 0 auto;
}

#section_middle .pickup .check_item p {
  line-height: 10px;
}

#section_middle .cast_box li {
  /*-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;*/
  text-align: center;
  background: #000;
}

#section_middle .cast_box li div {
  float: left;
  vertical-align: top;
}

#section_middle .cast_box li div.img_box {
  width: 60%;
  overflow: hidden;
  position: relative;
}

#section_middle .cast_box li div.txt_box {
  width: 39.5%;
  margin-top: 2%;
}

#section_middle .cast_box dl dt {
  width: 80%;
  margin: 0 auto 5px auto;
  color: var(--color-purple1);
  border-bottom: 1px solid var(--color-purple1);
  letter-spacing: 3px;
  font-size: 10px;
}

#section_middle .cast_box dl dd {
  font-size: 12px;
  color: #fff;
}

#section_middle .cast_box li p.img_box img {
  width: 100%;
}

#section_middle .txt_box .name {
  padding: 5px 0;
  font-size: 14px;
}

#section_middle .txt_box .txt {
  padding: 5px 15px;
  font-size: 11px;
  color: #2ca467;
  letter-spacing: 0.1em;
  word-wrap: break-word;
  height: 50px;
  overflow: hidden;
}

#section_middle .cast_box li div.img_box {
  -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;
}

#section_middle .cast_box li div.txt_box {
  -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;
}

/*---------------------------
twitter
---------------------------*/
#section_middle .tweet_area {
  background: url(../images/bg_twitter.jpg) center top no-repeat;
  width: 50%;
  border-right: 5px solid ;
  overflow: hidden;
  display: table-cell;
  background-size: cover;
}

#section_middle .tweet_area .title {
  background: rgba(0, 0, 0, 0.32) center 50% no-repeat;
}

#section_middle .tweet {
  /*overflow: scroll;*/
  margin: 5% 12% 6%;
}

/* twitterのコンテナでサイズ（画角）の設定 */
#section_middle .tweet {
  padding-top: calc(68% * 3 / 4);
  width: 76%;
  position: relative;
  border-radius: 12px 12px 12px 12px;
  background: #fff;
}

/* twitterのiframeをコンテナに合わせて表示 */
#section_middle .tweet div iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  border-radius: 12px !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#section_middle .tweet_area .x_img{
  max-width: 74%;
  margin: 10% auto;
  height: auto;
}

/*---------------------------
ameblo
---------------------------*/
#section_middle .blog_area {
  background: url(../images/img_sumple.png) center top no-repeat;
  width: 100%;
  border-right: 5px solid #fff;
  overflow: hidden;
  background-size: cover;
}

#section_middle .blog_area .title {
  background: rgba(0, 0, 0, 0.32) center 50% no-repeat;
}

#section_middle .blog {
  height: 300px;
  position: relative;
  margin: 5% 12% 6%;
  background: #292f33;
  overflow: hidden;
}

#section_middle .blog:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 40%;
  overflow: hidden;
}

#section_middle .blog p {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/*---------------------------
topics
---------------------------*/
#section_middle .topics_area {
  border-left: 5px solid;
  background: url(../images/bg_topics.jpg) center top no-repeat;
  width: 50%;
  display: table-cell;
  background-size: cover;
  overflow: hidden;
  ;
}

#section_topics {
  overflow: hidden;
  position: relative;
}

#section_topics .info_box {
  padding-bottom: 14px;
  color: #fff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  font-family: sans-serif;
  position: relative;
  margin: 10% 12% 10%;
  transition: 0.7s ease-in-out;
}

#section_topics .info_box>div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
  background: rgba(0, 0, 0, 0.5);
  padding-top: 20px;
position: relative;
  padding: 16px;
}
#section_topics .info_box>div::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: var(--bg-gradation1);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}
#section_topics .info_box h2 {
  margin-bottom: 20px;
  color: #fff;
  margin: 0 0 10px;
  padding: 10px;
}

#section_topics .info_box article {
  margin-bottom: 30px;
  color: #fff;
  text-align: left;
  word-wrap: break-word;
}

#section_topics .info_box article h3 {
  text-align: center;
  line-height: 1.2;
}

#section_topics .info_box article h3 time {
  font-size: 10px;
}

#section_topics .info_box article p img {
  max-width: 100%;
}

/* 新着情報 - 記事内画像サイズ調整 */
#section_topics .info_box article div.topics_txt img{
	max-width: 100%;
  width: auto!important;
  height: auto!important;
}
#section_topics .info_box .btn a {
  width: 30px;
  height: 30px;
  line-height: 27px;
  display: block;
  font-size: 20px;
  box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, .2);
}

#section_topics .info_box .next {
  float: left;
}

#section_topics .info_box .next {
  float: right;
}

/*---------------------------
バナー用
---------------------------*/
.bnr_box ul  {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5%;
}

.bnr_box ul li {
  /* width: 33%; */
  /* margin: 0 0.5% 0.5% 0; */
  /* float: left; */
  overflow: hidden;
}
/* .bnr_box ul li:nth-child(3n) { margin-right: 0; } */

.bnr_box ul li a { display: block; }
.bnr_box ul li img {
  max-width: 660px;
  width: 100%;
  height: auto;
}

/* モーダルウィンドウ */
.modal>label {
  cursor: pointer;
}

.modal_box input {
  position: absolute;
  z-index: -9999;
  visibility: hidden;
}

.modal_box label {
  cursor: pointer;
  display: inline-block;
}

input#modal_trigger {
  position: absolute;
  z-index: -9999;
  visibility: hidden;
}

input:checked~.modal_overlay {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  z-index: 999;
}

.modal_overlay {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1);
  -moz-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1);
  -ms-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1);
  -o-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1);
  transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1);
  z-index: -999;
}

.modal_overlay label {
  width: 70px;
  height: 70px;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  font-size: 30px;
  color: #fff;
  text-align: center;
  line-height: 65px;
}

.modal_wrap {
  width: 100%;
  max-width: 660px;
  margin: 0 auto;
  padding-top: 20%;
  position: relative;
}

.modal_wrap img {
  margin-bottom: 2%;
}

/*---------------------------
本日の出勤情報 料金　出勤情報　セラピスト
---------------------------*/
#inner .inner_style {
  margin: auto;
}

#contents_schedule .schedule_nav li a.current {
  color: #fff;
  background: var(--color-purple1);
  border: 1px solid var(--color-purple1);
  border-image: var(--bg-gradation1);
  border-image-slice: 1;
}

#section_schedule_today .bg_title .title_01 {
  margin-bottom: 0;
  height: 120px;
  /*  background: url(../images/title_today.png) center 50% no-repeat;*/
  width: 100%;
}

#contents_access .page_top_outer .title {
  background: url(../images/title_access.png) center no-repeat;
  background-size: 540px;
}

/*--------------------------------------
本日の出勤情報
--------------------------------------*/
#section_schedule_today {
  background: url(../images/bg_schedule.jpg) center top no-repeat;
  border-bottom: 10px solid ;
  background-size: cover;
}

#section_schedule_today .inner {
  position: relative;
  padding: 30px;
  box-sizing: border-box;
}

#section_schedule_today .day {
    width: 230px;
    margin: 0 auto 2%;
    padding: 10px;
    background: rgba(0, 0, 0, 0.9);
    border-radius: 30px;
    font-size: 16px;
    color: #fff;
    position: relative;
}
#section_schedule_today .day::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: var(--bg-gradation1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
#section_schedule_today .cast_box li {
  -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;
  text-align: center;
  width: 32%;
  margin: 0 0.5% 1% 0.5%;
  background: #000;
  float: left;
}

#section_schedule_today .cast_box li div {
  float: left;
  vertical-align: top;
}

#section_schedule_today .cast_box li div.img_box {
  width: 50%;
  overflow: hidden;
  position: relative;
}

#section_schedule_today .cast_box li div.txt_box {
  width: 50%;
  margin-top: 2%;
}

#section_schedule_today .cast_box dl dt {
  width: 80%;
  margin: 0 auto 5px auto;
  color: var(--color-purple1);
  border-bottom: 1px solid var(--color-purple1);
  letter-spacing: 3px;
  font-size: 10px;
}

#section_schedule_today .cast_box dl dd {
  font-size: 12px;
  color: #fff;
}

#section_schedule_today .cast_box li p.img_box img {
  width: 100%;
}

#section_schedule_today .txt_box .name {
  padding: 5px 0;
  font-size: 14px;
}

#section_schedule_today .txt_box .txt {
  padding: 5px 15px;
  font-size: 11px;
  color: #2ca467;
  letter-spacing: 0.1em;
  word-wrap: break-word;
  height: 50px;
  overflow: hidden;
}

#section_schedule_today .cast_box li div.img_box {
  -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;
}

#section_schedule_today .cast_box li div.txt_box {
  -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;
}


/****************************************
女の子一覧ページ & スケジュールページ
****************************************/
#contents_schedule .cast_box {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: stretch;
  justify-content: flex-start;
}
#contents_schedule .schedule_nav li.days a i {
  padding-left: 0;
}

#contents_schedule .schedule_nav li.top a {
  background: 0;
  padding: 0;
  border: 0;
}

#contents_cast,
#contents_schedule {
  position: relative;
  min-height: 800px;
}

#contents_cast .title {
  background: url(../images/title_therapist.png) center no-repeat;
  background-size: 540px;
}
#contents_schedule .title {
  background: url(../images/title_schedule.png) center no-repeat;
  background-size: 540px;
}

/* テキストメニュー */
/* #contents_schedule .schedule_nav {
  margin: 0px auto 10px;
  font-size: 11px;
}

#contents_schedule .schedule_nav li {
  display: inline-block;
  width: 24%;
  margin-bottom: 10px;
}

#contents_schedule .schedule_nav li a {
  padding: 10px 15px 10px 15px;
  font-size: 13px;
  display: block;

  background: #fff;
  position: relative;
  border: 1px solid #d8d8d8;
  box-sizing: border-box;
  color: #504a4b;
  -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;
} */




/* 2週間スライダー */
ul.schedule_nav{
	padding: 40px 0 0 0;
	text-align: center;
	margin: 0 auto 20px;
	/* max-width: 1024px; */
  margin: 0px auto 10px;
  font-size: 11px;
}
.schedule_slick{
  max-width: 1024px;
  margin: auto;
}

ul.schedule_nav li a {
  width: 100%;
  padding: 10px 4px;
  font-size: 13px;
  display: block;
  background: #000;
  position: relative;
  border: 1px solid var(--color-purple1);
  border-image: var(--bg-gradation1);
  border-image-slice: 1;
  box-sizing: border-box;
  color: #fff;
  -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;
}
ul.schedule_nav li {
  display: inline-block;
  width: calc((100% - 40px) / 7);
  margin-bottom: 10px;
}


.schedule_nav li.days a i {
  height: 43px;
  position: absolute;
  right: 0;
  top: 0;
  background: var(--color-purple1);
  color: #fff;
  line-height: 43px;
  -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;
}

.schedule_nav li.days a:hover {
  opacity: 0.5;
}

.schedule_nav_prev,
.schedule_nav_next {
  padding: 7px 14px;
  color: #fff;
  transition: opacity .5s;
  background: var(--color-purple2);
  border: 1px solid #000;
  font-size: 12px;
  box-sizing: border-box;
  z-index: 999;
}
.schedule_nav_prev {
  position: absolute;
  top: -6px;
  left: 10px;
}
.schedule_nav_next {
  position: absolute;
  top: -6px;
  right: 10px;
}
.schedule_nav_prev.slick-disabled,
.schedule_nav_next.slick-disabled {
  opacity: 0;
}

/* 女の子のボックス */
#contents_cast .cast_box {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: stretch;
  justify-content: center;
}

#section_schedule_today .cast_box {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: stretch;
  justify-content: center;
}

#contents_cast .cast_box li,
#contents_schedule .cast_box li {
  width: 21%;
  margin: 0 2% 30px 2%;
  float: left;
  -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;
  background: #191919 url(../images/bg_type_06.png);
  border: 1px solid #000;
  box-sizing: border-box;
}

#contents_cast .cast_box dl dt,
#contents_schedule .cast_box dl dt,
#section_ranking_01 .cast_box dl dt {
  width: 90%;
  margin: 5px auto 5px auto;
  color: var(--color-purple1);
  border-bottom: 1px solid var(--color-purple1);
  font-size: 12px;
}

#contents_cast .cast_box dl dt,
#contents_cast .cast_box dl dd,
#contents_schedule .cast_box dl dt,
#contents_schedule .cast_box dl dd {
  letter-spacing: 0;
}

/****************************************
週間スケジュールページ
****************************************/
#contents_schedule .schedule_box {
  text-align: left;
}

#contents_schedule .schedule_box li {
  padding: 10px;
  border: 1px solid #fff;
  margin-bottom: 10px;
  color: #000000;
}

#contents_schedule .schedule_box .img_box {
  float: left;
}

#contents_schedule .schedule_box .name {
  width: 90%;
  float: right;
  font-size: 15px;
}

#contents_schedule .schedule_box table {
  width: 90%;
  height: 80px;
  float: right;
  font-size: 11px;
  text-align: center;
}



/****************************************
プロフィールページ
****************************************/

.txt_box_04 {
  text-align: center;
  color: #504a4b;
  ;
  line-height: normal;
}

.txt_box_05 {
  font-size: 16px;
  color: #fff;
  ;
  line-height: normal;
}

#contents_profile {
  position: relative;
}

#contents_profile .other_page {
  width: 95%;
  margin: 0 auto;
}

#contents_profile .title {
  background: url(../images/title_profile.png) center no-repeat;

}

#contents_profile .profile_box_right {
  float: right;
  -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-bottom: 20px;
  width: 60%;
  /* margin-top: 10px; */
  /* padding: 15px; */
  /* border: 1px solid #d8d8d8; */
  /* background: #fff0f2; */
}

#contents_profile .profile_box_right .subtitle {
  width: 100%;
  color: var(--color-purple1);
  font-weight: bold;
  border-bottom: 1px solid var(--color-purple1);
}

#contents_profile .profile_box_right .name {
  padding: 3px 0;
  font-size: 20px;
  color: #fff;
  text-align: center;
}

#contents_profile .profile_box_right .icon {
  text-align: center;
}

#contents_profile .profile_box_right .size {
  font-size: 14px;
  text-align: center;
  color: #fff;
}

#contents_profile .profile_box_right .table_02 {
  width: 100%;
  margin: 0 auto;
  border: 0;
}

#contents_profile .profile_box_right .table_02 tr {
  border-bottom: 8px solid #000;
}

#contents_profile .profile_box_right .table_02 th {
  background: #000;
  vertical-align: top;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  width: 30%;
  border: 0;
}

#contents_profile .profile_box_right .table_02 td {
  text-align: center;
  color: #fff;
  border: 0;
}

#contents_profile .profile_box_right .twitter {
  color: #fff;
  word-break: break-word;
  text-align: left;
  /* padding: 20px; */
}

#contents_profile .profile_box_right .check_item {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  gap: 0;
}

#contents_profile .profile_box_right .check_item .icon_check {
  width: calc(92%/4);
  margin: 0 1% 10px;
  padding: 5px;
  display: grid;
  place-items: center center;
  line-height: 15px;
  text-align: center;
  background: #f76289;
  border-radius: 2px;
  color: #fcfdfe;
}
#contents_profile .profile_box_right .check_item .icon_check:after {
  display: none;
}

#contents_profile .profile_box_left {
  width: 30%;
  float: left;
  -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;
}

#contents_profile .profile_box_left .img_box {
  margin-bottom: 20px;
  position: relative;
  text-align: center;
  width: 100%;
  max-width: 335px;
  margin: 10px auto;
}

#contents_profile .profile_box_left .img_box img {
  width: 100%;
  max-width: 335px;
}

#contents_profile .cast_thumb {
  margin-bottom: 10px;
}

#contents_profile .profile_box_schedule .subtitle_04 {
  margin-bottom: 10px;
  padding: 0;
  background: none;
  font-size: 16px;
  color: var(--color-purple1);
  font-weight: bold;
  font-family: none;
  border-bottom: 1px solid var(--color-purple1);
}

#contents_profile .profile_box_schedule {
  margin-bottom: 20px;
  clear: both;
}

.profile_box_schedule table {
  color: rgba(255, 255, 255, 0.74);
  background: rgba(0, 0, 0, 0.48) url(../images/bg_type_01.png);
}

.profile_box_schedule table td {
  font-weight: 400;
}



/* プロフィールスケジュールスライダー */
.profile_box_schedule .profile_slick {
  position: relative;
  padding: 48px 0 0 0;
  min-height: 150px;
}
.profile_box_schedule .profile_slick .profile_sch {
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
}
.profile_box_schedule .profile_slick .profile_sch .profile_sch_day {
  width: calc(100% / 7);
  color: #3c3c3c;
  background-color: rgba(255,255,255,.5);
}
.profile_box_schedule .profile_slick .profile_sch .profile_sch_day .days {
  background-color: rgba(255,255,255,1);
  padding: 35px 15px;
}

.profile_box_schedule .profile_slick .profile_sch .profile_sch_day .time {
  padding: 35px 15px;
  font-size: 14px;
  color: #fff;
}
.profile_box_schedule .inner{
  display: block;
}
.profile_box_schedule .inner .table_02{
  display: inline-table!important;
}
.profile_box_schedule .profile_slick .profile_nav_prev {
  position: absolute;
  top: 0;
  left: 0;
  padding: 7px 14px;
  color: #3c3c3c;
  border: 1px solid #d8d8d8;
  background: #fff;
  font-size: 12px;
  box-sizing: border-box;
  z-index: 999;
}
.profile_box_schedule .profile_slick .profile_nav_next {
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px 14px;
  color: #3c3c3c;
  border: 1px solid #d8d8d8;
  background: #fff;
  font-size: 12px;
  box-sizing: border-box;
  z-index: 999;

  transition: opacity .5s;
}
.profile_box_schedule .profile_slick .profile_nav_prev.slick-disabled,
.profile_box_schedule .profile_slick .profile_nav_next.slick-disabled {
  opacity: 0;
}


#contents_profile .profile_option_box p {
  width: 50%;
  padding: 5px;
  border: 1px solid #ddd;
  float: left;
  text-align: center;
  font-size: 11px;
}

#contents_profile .profile_option_box .can {
  background: #e74f19;
  color: #fff;
}

#contents_profile .profile_option_box .normal {
  background: #ddd;
}

#contents_profile .profile_option_box .cant {
  background: #333333;
  color: #ffffff;
}

/****************************************
システムページ
****************************************/
#contents_system { position: relative; }
#contents_system .inner { background: rgba(0, 0, 0, 0.5); }
.system_inner {
  margin-bottom: 20px;
  background: #000000;
  border: solid 1px #000;
  position: relative;
  border: 1px solid var(--color-purple1);
  border-image: var(--bg-gradation1);
  border-image-slice: 1;
}

#contents_system .bnr_credit {
  display: block;
  margin-bottom: 20px;
}
#contents_system .bnr_credit img {
  max-width: 900px;
  width: 100%;
  height: auto;
}

.system_inner .subtitle_04 {
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
}

.system_txt {
  padding: 0px 30px 10px 30px;
  font-size: 14px;
  color: #fff;
}

.system_img {
  margin: 0 0 10px;
}

#contents_system .title {
  background: url(../images/title_system.png) center no-repeat;
  background-size: 540px;
}

#contents_system .system_subtitle {
  font-size: 30px;
  letter-spacing: 10px;
}

#contents_system .table_system {
  width: 100%;
  font-size: 22px;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  border-spacing: 0;
  text-align: center;
  margin: 50px auto;
  color: #252525;
  max-width: 768px;
  table-layout: fixed;
  letter-spacing: 0.1em;
}

#contents_system .table_system span,
#contents_system .table_option span {
  font-size: 12px;
}

#contents_system .table_system th,
#contents_system .table_system td {
  padding: 15px;
}

#contents_system .table_system td {
  vertical-align: middle;
}

#contents_system .table_system tr.ts_top td,
#contents_system .table_option tr.ts_top td {
  border: 1px solid #000;
}

#contents_system .table_system tr.ts_txt th,
#contents_system .table_option tr.ts_txt th {
  color: #fff;
  border: 1px solid #504a4b;
}

#contents_system .table_system tr.ts_txt td,
#contents_system .table_option tr.ts_txt td {
    border: 1px solid #2b2b2b;
    background: rgba(0, 0, 0, 0.7);
    background: #fff;
}

#contents_system .ts_font {
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: left;
}

#contents_system .table_option {
  width: 100%;
  font-size: 18px;
  border-spacing: 0;
  text-align: center;
  margin: 50px auto;
  max-width: 768px;
  table-layout: fixed;
}

#contents_system .table_option td:nth-child(1),
#contents_system .table_option td:nth-child(2) {
  vertical-align: middle;
}

#contents_system .table_option th,
#contents_system .table_option td {
  padding: 15px;
  vertical-align: middle;
}

#contents_system .system_inner .aroma {
  width: 74%;
  margin: 50px auto;
  border: 1px solid #adadad;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

#contents_system .system_inner .aroma h5 {
  padding: 17px 0 12px;
  background: var(--color-purple1);
  letter-spacing: 0.1em;
  font-size: 30px;
}

#contents_system .system_inner .aroma p {
  padding: 20px;
  font-size: 16px;
  color: #504a4b;
  letter-spacing: 0.1em;
}

#contents_system .system_inner .aroma p span {
  padding: 10px;
  /*border-top: 2px solid var(--color-purple1);
    border-bottom: 2px solid var(--color-purple1);*/
  font-size: 20px;
  font-weight: bold;
  color: var(--color-purple1);
}

#contents_system .system_inner .aroma p .line {
  width: 160px;
  margin-bottom: 5px;
  padding: 0;
  background: #06b005;
  color: #fff;
  display: inline-block;
  border-radius: 20px;
  border: 0;
  font-size: 14px;
  font-weight: normal;
}

/*tab 一覧*/
#contents_system #list_tab_01 {
  width: 100%;
  margin: 20px 0 0 0;
}

#contents_system #list_tab_01 li {
  width: 24%;
  display: inline-block;
  line-height: 40px;
  color: #fff;
}

#contents_system .system_option .table_system tr {
  border-bottom: none;
}

#event {
  max-width: 900px;
  padding-top: 60px;
}

/****************************************
フォーム
****************************************/

#contents_form .inner {
  width: 100%;
  max-width: 940px;
}

#contents_form .inner li img {
  width: 100%;
  margin-bottom: 10px;
}

#contents_form,
#contents_form01,
#contents_form02,
#contents_form03 {
  position: relative;
  color: #fff;
  ;
  ;
}

#contents_form a,
#contents_form01 a,
#contents_form02 a,
#contents_form03 a {
  color: var(--color-purple1);
}

#contents_form .btn_entry_tel a,
#contents_form01 .btn_entry_tel a,
#contents_form02 .btn_entry_tel a,
#contents_form03 .btn_entry_tel a {
  width: 250px;
  ;
  line-height: 35px;
  font-size: 14px;
  letter-spacing: 0.10em;
  display: block;
  border-radius: 2px;
  font-weight: bold;
  position: relative;
  text-align: center;
  border: 1px solid #d8d8d8;
}

.table_collum_02 tbody {
  background: rgba(0, 0, 0, 0.7);

}

.table_collum_01 tbody {
  background: rgba(0, 0, 0, 0.7);
}

.table_collum_01 tbody tr th {
  border-bottom: dashed 1px #d8d8d8;
}

#contents_form .other_page {
  margin: 0 auto 60px;
}


#contents_form .btn_entry_tel i,
#contents_form01 .btn_entry_tel i,
#contents_form02 .btn_entry_tel i,
#contents_form03 .btn_entry_tel i,
#contents_form .btn_entry_tel span {
  font-size: 16px;
  left: 0;
  position: absolute;
  top: 0;
  bottom: auto;
  line-height: 35px;
  width: 40px;
  background: var(--color-purple1);
  border-right: 1px solid var(--color-purple1);
  color: #fff;
}

#contents_form .table_collum_01,
#contents_form01 .table_collum_01,
#contents_form02 .table_collum_01,
#contents_form03 .table_collum_01 {
  width: 100%;
  max-width: 940px;
  margin: 0 auto 20px;
  text-align: center;
  padding: 10px;
}

#contents_form .table_collum_01 tr,
#contents_form01 .table_collum_01 tr,
#contents_form02 .table_collum_01 tr,
#contents_form03 .table_collum_01 tr {
  display: block;
  /*border-bottom: 4px solid var(--color-purple1);*/
  margin: 10px 0;
}

#contents_form .table_collum_01 th,
#contents_form01 .table_collum_01 th,
#contents_form02 .table_collum_01 th,
#contents_form03 .table_collum_01 th {
  padding: 15px 0 15px 0;
}

#contents_form .table_collum_01 td,
#contents_form01 .table_collum_01 td,
#contents_form02 .table_collum_01 td,
#contents_form03 .table_collum_01 td {
  padding: 15px 0 15px 0;
  border-top: none;
  border-bottom: none;
}

#contents_form .table_collum_01 td,
#contents_form01 .table_collum_01 td,
#contents_form02 .table_collum_01 td,
#contents_form03 .table_collum_01 td,
#contents_form .table_collum_01 th,
#contents_form01 .table_collum_01 th,
#contents_form02 .table_collum_01 th,
#contents_form03 .table_collum_01 th {
  width: 100%;
  display: block;
  color: #fff;
}

#contents_form .table_collum_01 .requier,
#contents_form01 .table_collum_01 .requier,
#contents_form02 .table_collum_01 .requier,
#contents_form03 .table_collum_01 .requier {
  padding: 3px 4px;
  border-radius: 2px;
  background: var(--color-purple1);
  color: #ffffff;
  font-size: 0.6em;
  letter-spacing: 1px;
}

#contents_form .table_collum_02,
#contents_form01 .table_collum_02,
#contents_form02 .table_collum_02,
#contents_form03 .table_collum_02 {
  width: 100%;
  max-width: 940px;
  margin: 0 auto 20px;
  text-align: center;
  table-layout: fixed;
  background: #211f1f;
  border: solid 1px #000000;
}

#contents_form .table_collum_02 tr,
#contents_form01 .table_collum_02 tr,
#contents_form02 .table_collum_02 tr,
#contents_form03 .table_collum_02 tr {
  padding: 20px;
  display: block;
  color: #fff;
}

#contents_form .table_collum_02 th,
#contents_form01 .table_collum_02 th,
#contents_form02 .table_collum_02 th,
#contents_form03 .table_collum_02 th,
#contents_form .table_collum_02 td,
#contents_form01 .table_collum_02 td,
#contents_form02 .table_collum_02 td,
#contents_form03 .table_collum_02 td {
  padding: 20px 0;
  vertical-align: middle;
}

#contents_form .table_collum_02 th,
#contents_form01 .table_collum_02 th,
#contents_form02 .table_collum_02 th,
#contents_form03 .table_collum_02 th {
  text-align: left;
  font-size: 15px;
  width: 200px;
  padding-right: 10px;
  border-right: 1px dashed #d8d8d8;
  letter-spacing: 0.14em;
}



#contents_form .table_collum_02 td,
#contents_form01 .table_collum_02 td,
#contents_form02 .table_collum_02 td,
#contents_form03 .table_collum_02 td {
  text-align: left;
  width: 80%;
  padding-left: 20px;
}

#contents_form .table_collum_02 .requier,
#contents_form01 .table_collum_02 .requier,
#contents_form02 .table_collum_02 .requier,
#contents_form03 .table_collum_02 .requier {
  border-radius: 2px;
  background: var(--color-purple1);
  color: #fff;
  font-size: 0.7em;
  letter-spacing: 1px;
  padding: 3px 4px;
}

#contents_form input,
#contents_form01 input,
#contents_form02 input,
#contents_form03 input {
  padding: 4px 8px;
  margin: -2px 3px 0px 5px;
}

#contents_form input.btn_positive,
#contents_form01 input.btn_positive,
#contents_form02 input.btn_positive,
#contents_form03 input.btn_positive {
  -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;
  padding: 8px 54px;
  margin-bottom: 10px;
  background: var(--color-purple1);
  border: 1px solid var(--color-purple1);
  color: #fff;
}

#contents_form input.btn_positive:hover,
#contents_form01 input.btn_positive:hover,
#contents_form02 input.btn_positive:hover,
#contents_form03 input.btn_positive:hover {
  border: 1px solid var(--color-purple2);
  background: var(--color-purple2);
  color: #ffffff;
}

#contents_form input.btn_negative,
#contents_form01 input.btn_negative,
#contents_form02 input.btn_negative,
#contents_form03 input.btn_negative {
  border: none;
  border-radius: 0;
  background: none;
  color: #000;
  text-decoration: underline;
}

button,
textarea,
select {
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #d8d8d8;
  -webkit-appearance: none;
}

select {
  border-radius: 0px;
  color: rgba(0, 0, 0, 0.51);
  font-size: 14px;
  text-align: left;
  vertical-align: middle;
  width: 200px;
  padding: 3px 10px 3px 10px;
  background:#fff;
  border: 1px solid #d8d8d8;
}

input[type=radio],
input[type=checkbox] {
  display: none;
}

#form_use input[type=radio] {
  display: inline;
}

/*アンケート用*/
.contents_enquete {margin-bottom: 50px;}
.contents_enquete input[type=radio],
.contents_enquete input[type=checkbox] {
  display: inline;
  background: var(--color-purple1);
  padding: 5px 10px;
}

.contents_enquete label {
  display: inline;
  padding: 5px 10px;
  color: #fff;
  border: 1px solid var(--color-purple1);
}

.radio,
.checkbox {
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  padding: 12px 12px 12px 42px;
  border-radius: 2px;
  border: 1px solid var(--color-purple2);
  background-color: var(--color-purple1);
  vertical-align: middle;
  cursor: pointer;
  color: #fff;
}

.radio:hover,
.checkbox:hover {
  background-color: var(--color-purple2);
}

.radio:hover:after,
.checkbox:hover:after {
  border-color: #555;
}

.radio:after,
.checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  border-radius: 6px;
  content: '';
}

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  content: '';
  opacity: 0;
}

input[type=radio]:checked+.radio:before {
  opacity: 1;
}

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

input[type=checkbox]:checked+.checkbox:before {
  opacity: 1;
}

#contents_form .atten_txt {
  max-width: 690px;
  margin: 20px auto;
  padding: 20px;
  background: #808080 url(../images/bg_type_05.png);
  color: #fff;
}

#contents_form .atten_txt p {
  text-align: center;
  max-width: 320px;
  margin: 0 auto 10px;
}

#contents_form .atten_txt p span {
  color: #eb4e4e;
}

img.ui-datepicker-trigger {
  cursor: pointer;
  vertical-align: -5px;
  margin-left: 10px !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background: #e6b8b8 !important;
}

#reserve .box {
  width: 250px;
  margin: 0 auto;
  text-align: left;
}

.right_box {
  line-height: 3.4;
  margin: auto;
  text-align: center;
}

.right_box select {
  width: 44px;
  height: 34px;
  margin-bottom: 4px;
}

/****************************************
お問い合わせ
****************************************/
.contents_contact .title {
  background: url(../images/title_contact.png) no-repeat center;
  background-size: 540px;
}

.contents_contact .line h4,
.contents_reserve .line h4 {
  padding: 17px 0 12px;
  background: #06b005;
  letter-spacing: 0.1em;
}

.contents_contact .line,
.contents_reserve .line {
  width: 100%;
  max-width: 940px;
  margin: 0 auto 20px;
  background: #000;
  text-align: center;
}

.contents_contact .line dl,
.contents_reserve .line dl {
  padding: 20px;
}

.contents_contact .line dl dt,
.contents_reserve .line dl dt {
  margin-bottom: 20px;
  padding: 15px 0 15px 0;
  border-bottom: dashed 1px #d8d8d8;
  letter-spacing: 0.2em;
  font-size: 20px;
  font-weight: bold;
  color: var(--color-purple1);
}

.contents_contact .line dl dt span,
.contents_reserve .line dl dt span {
  font-size: 14px;
}

.contents_contact .line dl dd span,
.contents_reserve .line dl dd span {
  width: 160px;
  margin-bottom: 5px;
  background: #06b005;
  color: #fff;
  display: inline-block;
  border-radius: 20px;
}

.form_finish {
  text-align: center;
}

/****************************************
ご利用方法ページ
****************************************/
#contents_info {
  position: relative;
}

#contents_info .title {
  background: url(../images/title_info.png) center top no-repeat;
}

#contents_info .table_03 dd {
  display: inline-block;
}

#contents_info .table_03 .img_box {
  margin-right: 20px;
  float: left;
}

#contents_info .table_03 p {
  width: 580px;
  float: right;
}

#contents_info .btn_entry_tel i,
#contents_info .btn_entry_tel span {
  font-size: 16px;
  left: 0;
  position: absolute;
  top: 0;
  bottom: auto;
  line-height: 35px;
  width: 40px;
  background: var(--color-purple1);
  border-right: 1px solid var(--color-purple1);
  color: #fff;
}

#contents_info .btn_entry_tel a {
  width: 250px;
  line-height: 35px;
  font-size: 14px;
  letter-spacing: 0.10em;
  display: block;
  border-radius: 2px;
  font-weight: bold;
  position: relative;
  text-align: center;
  padding-left: 35px;
  border: 1px solid #d8d8d8;
}

#contents_info a,
{
color: var(--color-purple1);
}

/****************************************
求人情報ページ
****************************************/

#contents_form01 tbody {
  background: rgba(255, 255, 255, 0.57);
}

#contents_ .title {
  background: url(../images/title_info.png) center top no-repeat;
  background-size: 540px;
}

.contents_entry {
  position: relative;
  color: #fff;
}

.contents_entry .title {
  background: url(../images/title_recruit.png) center no-repeat;
  background-size: 540px;
}

.contents_entry .table_collum_02 td span {
  padding: 2px 5px;
  background: var(--color-purple1);
  border-radius: 3px;
  color: #fff;
  display: inline-block;
}

.contents_entry .table_collum_02 .btn_entry_tel span {
  padding: 0;
  background: var(--color-purple1);
  border-radius: 0;
  color: #fff;
}

.footer_txt {
  width: 100%;
  max-width: 940px;
  margin: 0 auto 20px;
  padding-left: 10px;
  border-left: 3px solid var(--color-purple1);
  font-size: 12px;
  text-align: left;
}

#rec_line_bnr {
  margin-bottom: 20px !important;
}

/****************************************
INFOページ
****************************************/
#contents_info {
  position: relative;
  margin-bottom: 10px;
}

#contents_info .title {
  background: url(../images/title_info.png) center no-repeat;
}

/****************************************
アクセスページ
****************************************/
#contents_access {
  position: relative;
  margin-bottom: 10px;
  min-height: 800px;
}

#contents_access .inner {
  max-width: 940px;
}

#contents_access .title {
  background: url(../images/title_recruit.png) center no-repeat;
}

#contents_access p {
  margin-bottom: 20px;
  text-align: left;
}

#contents_access iframe {
  margin: 0 auto 20px;
}

#contents_access .table_access a {
  color: var(--color-purple1);
}

#contents_access .list_box {
  background: #000;
  border: 1px solid var(--color-purple1);
  border-image: var(--bg-gradation1);
  border-image-slice: 1;
  margin-bottom: 50px;
}

#contents_access .list_box h3 {
  background: var(--bg-gradation1);
  color: #fff;
  letter-spacing: 0.2em;
  padding: 10px 0;
  font-size: 1.6rem;
}

#contents_access .list_box dl { padding: 30px;}

/****************************************
リンクページ
****************************************/
.img_banner img { margin-top: 10px;}
#contents_link .inner{
    padding: 40px;
    background: #000000;
    position: relative;
    border: 1px solid var(--color-purple1);
    border-image: var(--bg-gradation1);
    border-image-slice: 1;
}
#contents_link .title {
  background: url(../images/title_link.png) center no-repeat;
  background-size: 540px;
}
#contents_link dl dt { padding: 4px;}
#contents_link dl dd {
  border-bottom: none;
  padding: 30px 0;
  font-size: 16px;
  color: #fff;
}
#contents_link a { color: var(--color-purple1);}

/****************************************
メールマガジンページ
****************************************/
#contents_mailmagazine {
  position: relative;
  margin-bottom: 50px;
}

#contents_mailmagazine .title {
  background: url(../images/title_magazine.png) center no-repeat;
  background-size: 540px;
}

#contents_mailmagazine form {
  padding: 10px;
  color: #fff;
}

#contents_mailmagazine .pagetext_box p {
  padding: 30px;
  font-size: 14px;
  color: var(--color-purple1);
  font-weight: bold;
  background: rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 1px 1px rgba(0, 0, 0, .22) inset;
  -moz-box-shadow: 1px 1px rgba(0, 0, 0, .22) inset;
  box-shadow: 1px 1px rgba(0, 0, 0, .52) inset;
}

#contents_mailmagazine input[type=radio],
#contents_mailmagazine input[type=checkbox] {
  display: inline-block;
}

/****************************************
404ページ
****************************************/
#section_err {
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.3;
  text-align: left;
  padding: 150px 5% 10% 5%;
  background-image: none;
  color: #fff;
  min-height: 800px;
}

#section_err #err_title {
  font-size: 56px;
  font-weight: bold;
  line-height: 1.4;
  padding: 0;
  margin: 0;
}

#section_err #err_subtitle {
  font-size: 26px;
  font-weight: bold;
  margin: 0 0 40px 0;
}

#section_err #err_toplink a {
  position: relative;
  color: var(--color-purple1);
  text-decoration: underline;
}

#section_err #err_toplink a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -25px;
  margin: -8px 0 0 0;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-left: 7px solid var(--color-purple1);
}

aside img,
aside iframe {
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
}


/*データピッカー*/
#ui-datepicker-div {
  z-index: 999999 !important;
}

/*モーダル*/
.modal>label {
  color: #000;
  cursor: pointer;
  display: inline-block;
}

.modal-overlay {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 999;
}


input.trigger {
  position: absolute;
  z-index: -99999;
  visibility: hidden;
}

.modal-overlay {
  opacity: 0;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  -webkit-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
  -moz-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
  -ms-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
  -o-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
  transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
  z-index: -999;
}

label.modal-close {
  width: 100%;
  height: 100%;
  display: block;
  margin: auto;
  position: absolute;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

input.trigger:checked~.modal-overlay {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -0-transform: scale(1);
  z-index: 999;
}

.modal-overlay img {
  position: absolute;
  left: 0;
  margin: auto;
  width: 100%;
  max-width: 700px;
  top: 0;
  right: 0;
  bottom: 0;
  padding-left: 240px;
}

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

  #section_middle .cast_box dl dd,
  #section_schedule_today .cast_box dl dd {
    font-size: 10px;
  }
}

@media screen and (max-width: 1350px) {
  header #header_area .tag {
    display: none;
  }
}

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

  /*ヘッダー ~1024px*/
  #contents_info .table_03 {
    text-align: center;
  }

  #contents_info .table_03 dd {
    width: 100%;
    display: inline-block;
  }

  #contents_info .table_03 .img_box {
    margin-right: 0;
    float: none;
  }

  #contents_info .table_03 .img_box img {
    width: 100%;
    margin-bottom: 10px
  }

  #contents_info .table_03 p {
    width: 100%;
    float: none;
    text-align: left;
  }
}

@media screen and (max-width: 1024px) {
  /*ヘッダー ~1024px*/

  nav { display: none;}
  .info_area ul { font-size: 14px;}
  .info_area ul li a{ color: var(--color-purple1);}
  #btn_tel a,
  #btn_opem a {
    position: fixed;
    right: 0;
  }

  header .tel_box {
    right: 240px;
  }

  header #drawer {
    display: inherit;
  }

  header {
    width: 100%;
    min-width: auto;
  }

  header .inner {
    height: 60px;
    max-width: 100%;
    width: 100%;
  }

  header .info_txt {
    display: none;
  }

  header .info_card {
    display: none;
  }

  header .btn_reserve {
    display: none;
  }

  .modal-overlay img {
    padding-left: 0px;
  }

  .main_outer {
    padding-left: 0;
  }

  #section_headline .inner {
    width: 98%;
  }

  #section_headline h2 {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px dashed #fff;
    float: left;
    line-height: 30px;
  }

  #section_headline ul {
    height: 30px;
    line-height: 30px;
  }

  /*ドロワー*/
  .drawer-nav {
    background: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .8);
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, .8);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
  }

  .drawer-nav ul li {
    /* margin: 15px 0; */
    text-align: left;
    border-bottom: 1px solid #8d8886;
    margin: 0 10px;
  }

  .drawer-nav ul li a {
    display: block;
    color: #ddd;
    line-height: 25px;
    font-size: 110%;
    padding: 20px 0 20px 20px;
    position: relative;
    text-align: center;
  }

  .drawer-nav ul li a.active,
  header #drawer a.active i {
    color: var(--color-purple1);
  }

  .drawer-nav ul li a:after {
    content: "";
    position: absolute;
  }

  .drawer-nav ul li:last-child {
    border-bottom: none;
  }

  /*フッター*/
  footer {
    margin: 0;
  }

  footer .inner {
    padding-top: 10px;
  }

  #mainvisual_01 ul li,
  #mainvisual_02 ul li {
    -webkit-backface-visibility: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  aside#bnr ul li {
    width: 31%;
  }

  aside#bnr ul li:last-child {
    margin-right: auto;
  }

  /*トップページ*/
  #section_middle .inner {
    display: block;
    width: 100%;
  }

  #section_middle .event_area,
  #section_middle .tweet_area {
    display: block;
    border-right: 0;
    margin-bottom: 10px;
    max-width: 100%;
    width: 100%;
  }

  #section_topics .inner {
    display: block;
  }

  #section_middle .pickup_area,
  #section_middle .topics_area {
    width: 100%;
    border-left: 0;
    max-width: 100%;
    display: block;
  }

  #section_schedule_today .cast_box li {
    margin: 0 3% 3% 3%;
    border: 1px solid #2d2d2d;
    overflow: hidden;
    width: 44%;
  }

  #section_middle .cast_box dl dd,
  #section_schedule_today .cast_box dl dd {
    font-size: 12px;
  }

  .btn_map a {
    width: 50%;
    padding: 20px;
    margin: 20px auto;
    border: 1px solid #fff;
    border-radius: 2px;
    display: block;
    -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;
    text-decoration: underline;
  }

  .btn_map a:hover {
    color: #000;
    background: #fff;
    border: 1px solid #000;
  }

  .system_inner .subtitle_04 {
    background: var(--bg-gradation1);
    position: inherit;
  }

  .list_box dl dt,
  .list_box dl dd {
    padding: 10px;
  }

  .list_box dl dt {
    width: 100%;
    margin-right: 0;
    padding: 0 0 0 8px;
    font-size: 18px;
    color: var(--color-purple1);
    border: 1px solid var(--color-purple1);
    font-weight: normal;
    text-align: left;
  }

  .list_box dl dd {
    width: 100%;
    margin-bottom: 20px;
    border-top: none;
  }

  .list_box dl:last-child dd {
    border-bottom: none;
  }

  #section_middle .blog:before {
    padding-top: 75%;
  }
}

/*------------------------------------------
以下スマホ用css 768
------------------------------------------*/

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

  #section_top {
    padding-top: 70px;
  }

  section {
    margin: 0;
  }

  #section_top #mainvisual_01 {
    display: none;
  }

  #section_top #mainvisual_02 {
    display: block;
  }

  /*下部固定営業時間*/
  .btn_open_02 {
    width: 41%;
    padding: 1.5% 0;
    background: rgba(255, 255, 255, 0.95);
    font-size: 12px;
    z-index: 90000;
    display: block;
    position: fixed;
    bottom: 1%;
    left: 27%;
    /* color: #fff; */
    font-weight: 600;
  }

  /*下部固定LINE*/
  .btn_line_02 {
    width: 30%;
    /*padding: 1.5% 0;*/
    padding: 0.9% 0;
    background: rgba(0, 180, 38, 0.95);
    z-index: 90000;
    display: block;
    position: fixed;
    bottom: 1%;
    left: 69%;
    color: #fff;
    /*    font-weight: 600;*/
    /*    font-size: 29px;*/
  }

  .btn_line_02 span {
    font-size: 10px;
  }

  .btn_tel a .btn_opem a {
    position: absolute;
    left: 9px;
    bottom: 1px;
  }

  #contents_access .table_access th {
    font-size: 14px;
  }

  .other_page {
    margin: 0 2%
  }

  header {
    height: 70px;
  }

  header .info_box,
  header .tel_box {
    display: none;
  }

  header h1 {
    padding-left: 0;
    line-height: 70px;
    float: none;
  }

  header h1 .logo {
    display: none;
  }

  header h1 .logo_s {
    display: inline-block;
  }

  .btn_tel a,
  .btn_opem a {
    display: none;
  }

  .btn_tel,
  #page-Top {
    display: block;
  }

  /*女の子BOX*/
  .cast_box li .icon_new {
    width: 50px;
    height: 50px;
    max-width: 50px;
    right: 5px;
    bottom: 5px;
  }

  .profile_box_left .icon_new {
    right: 20px;
  }

  .btn_tel,
  #page-Top {
    display: block;
    height: 20;
  }

  #page-Top a {
    width: 50px;
    color: #eee;
    display: block;
    position: fixed;
    z-index: 999999;
    display: block;
    height: 50px;
    right: : 5px;
    font-size: 14px;
    bottom: 5px;
    line-height: 50px;
    background: #e6b8b8;
    border-radius: 50%;
  }

  #page-Top a {
    bottom: 10px;
    right: 10px;
    color: #fff;
  }

  #section_headline h2 img {
    display: none;
  }

  #section_headline li {
    text-align: center;
  }

  .btn_reserve {
    display: none;
  }

  footer .info_box {
    margin: 5px auto;
    display: block;
    font-size: 14px;
    width: 100%;
  }

  /*バナー*/
  aside#bnr ul li {
    width: 46%;
  }

  aside#bnr ul li.mobile {
    display: none
  }

  /*本日の出勤*/
  #section_schedule_today .cast_box {
    text-align: center;
  }
}

/*------------------------------------------
1024
------------------------------------------*/

@media screen and (max-width: 1024px) {
  #section_schedule_today .cast_box li {
    width: 48%;
    margin: 0 auto 3%;
    float: none;
  }

  #section_schedule_today .cast_box li div.txt_box {
    margin-top: 2%;
  }

  #section_schedule_today .cast_box li div.img_box {
    width: 100%;
  }

  #section_schedule_today .cast_box li div.txt_box {
    width: 100%;
  }

  #section_schedule_today .cast_box li p.img_box img {
    width: 100%;
  }

  #section_schedule_today .txt_box .name {
    padding: 3px 0;
    font-size: 14px;
    font-weight: bold;
  }

  #section_schedule_today .txt_box .size {
    font-size: 12px;
  }

  #section_schedule_today .cast_box li div p {
    font-size: 10px;
  }

  /*プロフィール*/
  #contents_profile .profile_box_right {
    width: 100%;
    float: none;
  }

  #contents_profile .profile_box_left {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }

  #contents_profile .profile_box_left .img_box img {
    width: 100%;
    max-width: 300px;
  }

  #contents_cast .cast_box li,
  #contents_schedule .cast_box li {
    width: 48%;
    margin: 0 1% 2% 1%;
  }

  .profile_box_schedule .table_02 {
    width: 100%;
    margin-bottom: 20px;
    border-left: none;
    border-top: none;
    border-spacing: 0;
    text-align: left;
  }

  .profile_box_schedule .table_02 tr {
    display: inline-block;
    width: 50%;
    vertical-align: top;
  }

  .profile_box_schedule .table_02 th,
  .profile_box_schedule .table_02 td {
    padding: 5px 5px 5px 10px;
  }

  .profile_box_schedule .table_02 th {
    vertical-align: top;
    font-size: 12px;
    text-align: center;
    display: flex;
    width: 100%;
    height: 65px;
    flex-direction: column;
    justify-content: center;
  }

  .profile_box_schedule .table_02 td {
    display: flex;
    width: 100%;
    height: 65px;
    flex-direction: column;
    justify-content: center;
  }

  /*料金ページ*/
  #contents_system .table_system {
    margin: 30px auto;
    width: 95%;
  }

  #contents_system .table_option {
    margin: 0 auto;
  }

  .system_img {
    margin: 0;
  }

  #section_middle .cast_box {
    width: 90%;
  }

  #contents_system .system_inner .aroma {
    margin: 30px auto;
  }

  /*フォーム*/
  #contents_form .table_collum_02 th,
  #contents_form .table_collum_02 td {
    width: 100%;
    display: block;
    border-right: 1px none;
    padding-left: 5px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.26);
  }
  #contents_form .table_collum_02 th{
    border-bottom: 0px dashed rgba(255, 255, 255, 0.26);
    padding: 20px 0 0px;
  }
  #contents_form .table_collum_02 tr {
    padding: 0 30px;
  }

  #contents_form .table_collum_02 td {
    text-align: justify;
  }

  #contents_form .table_collum_02 td p {
    margin: 5px 0;
    text-align: left;
  }

  #section_err #err_title {
    font-size: 28px;
  }

  #section_err #err_subtitle {
    font-size: 15px;
  }

  .radio,
  .checkbox {
    width: 100%;
  }

  .contents_enquete label {
    display: block;
    text-align: left;
    margin-bottom: 5px;
    padding: 5px 10px;
  }

  .modal_wrap {
    padding-top: 30%;
  }

}

@media screen and (max-width: 768px) {
  #contents_system .system_inner .aroma {
    width: 95%;
    margin: 30px auto;
  }

  /* 2週間スライダー */
  #contents_schedule ul.schedule_nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #contents_schedule ul.schedule_nav li {
    width: 48%;
  }
  #contents_schedule ul.schedule_nav li:first-child {
    width: 96%;
  }
}

@media screen and (max-width: 480px) {
  header h1 .logo_s {
    margin-right: 190px;
  }

  footer {
    padding-bottom: 60px;
  }

  #section_middle .tweet {
    height: 420px;
  }

  #contents_system .table_system {
    font-size: 16px;
  }

  #contents_form .btn_entry_tel a {
    width: 100%;
  }

  .btn_img {
    max-width: 100px;

  }

  span.system_subtitle {

    font-size: 20px
  }

  #section_headline h2 {
    display: none;
  }

  #section_middle .pickup {
    margin: 6% 0% 6%;
  }

  #section_middle .cast_box {
    width: 75%;
  }

  #section_middle .cast_box li,
  #section_middle .cast_box dl dd,
  #section_schedule_today .cast_box dl dd {
    font-size: 10px;
  }

  .logo_main {
    width: 100%;
  }

  .title {
    color: #000;
    font-size: 0px;
    text-align: center;
    ;
    ;
  }

  .title span {
    font-size: 10px;
  }
  #contents_system .title,
  #contents_schedule .title,
  .contents_entry .title,
  #contents_access .page_top_outer .title,
  .contents_entry .title,
  .contents_contact .title,
  #contents_form02 .title,
  #contents_form03 .title,
  #contents_mailmagazine .title,
  #contents_link .title {
    background-size: 100%;
  }
  .frame_outer_02 .title,
  .frame_outer_02 .title span {
    color: #ddd;
  }

  .other_page_title {
    left: 0px;
  }

  .subtitle_04 {
    padding: 10px 15px;
    font-size: 12px;
  }

  .txt_box_02 {
    padding: 10px;
    text-align: justify;
  }

  /*女の子BOX*/
  .cast_box li .icon_new {
    width: 40px;
    height: 40px;
    max-width: 40px;
  }

  .profile_box_left .icon_new {
    right: 40px;
  }

  /*バナー*/
  aside {
    margin: 0 0 10px 0;
  }

  aside#bnr ul li {
    width: 100%;
    margin: 0 0 10px 0;
  }

  aside#bnr ul li:last-child {
    margin-right: auto;
  }

  /*トップページ*/
  #section_covergirl h2 {
    background: none;
  }

  #section_covergirl ul li img {
    width: 60%;
  }

  #section_event .title {
    background: none;
  }

  #section_schedule_today .txt_box .name {
    margin-bottom: 0;
  }

  /*本日の出勤*/
  #section_schedule_today .inner {
    padding: 20px 0;
  }

  #section_middle .cast_box li,
  #section_schedule_today .cast_box li {
    float: none;
    width: 48%;
  }

  #section_schedule_today .title {
    color: #fff;
  }

  #section_schedule_today .title span {
    color: #fff;
  }

  /*女性*/
  #contents_cast #search_area ul li {
    width: 30%;
    display: inline-block;
    float: none;
  }

  #contents_schedule .schedule_nav li {
    width: 48%;
  }

  #contents_cast .cast_box li .img_box img,
  #contents_schedule .cast_box li .img_box img {
    width: 100%;
  }

  .cast_box li .icon_twitter img {
    font-size: 12px;
    position: absolute;
    left: 5px;
    bottom: 5px;
    width: 40px;
    height: 40px;
    max-width: 40px;
  }

  /*プロフィール*/
  #contents_profile .profile_box_left .img_box img {
    width: 70%;
    max-width: 300px;
  }

  /*料金ページ*/
  .system_txt {
    padding: 15px;
    text-align: justify;
  }

  #contents_system .system_subtitle {
    font-size: 18px;
    letter-spacing: 6px;
    ;
    ;
    ;
  }

  #contents_system .inner {
    margin: 20px auto;
  }

  #contents_system .table_system tr {
    padding: 10px 0;
  }

  #contents_system .table_system tr:last-child {
    border-bottom: none;
  }

  #contents_system .table_system td {
    padding: 10px 0px;
    letter-spacing: 0;
    font-size: 15px;
  }

  #contents_system .table_system td:nth-child(1) {
    float: none;
  }

  #contents_system .table_system td:nth-child(2),
  #contents_system .table_system td:nth-child(3),
  #contents_system .table_system td:nth-child(4) {
    letter-spacing: 0.15em;
    float: none;
  }

  #contents_system .table_system td:nth-child(1) span,
  #contents_system .table_system td:nth-child(2) span,
  #contents_system .table_system td:nth-child(3) span,
  #contents_system .table_system td:nth-child(4) span {
    font-size: 16px;
  }

  #contents_system .table_system td i {
    padding: 12px 10px 10px 10px;
  }

  #contents_form .atten_txt {
    padding: 6px;
  }

  #contents_reserve .title {
    background: none;
  }

  #contents_contact .title {
    background: none;
  }

  #contents_enquete .title {
    background: none;
  }

  #contents_event .title {
    background: none;
  }
  
  #contents_link .inner {
    padding: 10px;
  }
  #contents_link .table_03 {
    display: none;
  }

  #contents_access p {
    font-size: 12px;
  }

  #contents_access .table_access {
    width: 100%;
    border-collapse: collapse;
  }

  #contents_access .table_access th {
    width: 100%;
    display: block;
    border-top: none;
    border-bottom: none;
  }

  #contents_access .table_access td {
    padding-left: 0;
    display: block;
    text-align: center;
  }

  #contents_system .system_inner .aroma h5 { font-size: 20px; }
  #contents_system .system_inner .aroma p {
    padding: 10px;
    font-size: 14px;
    letter-spacing: 0;
  }
  #contents_system .system_inner .aroma p span { font-size: 18px; }
  .bnr_box ul  { grid-template-columns: 1fr; }
  .modal_wrap { padding-top: 40%; }
}

/*途中閉じがおかしいので追加のCSS*/



@media screen and (max-width: 768px) {
  ul.btn_fixed {
    width: 100%;
    padding: 4px 0;
    position: fixed;
    bottom: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.4);
  }

  ul.btn_fixed li {
    width: 32%;
    height: 51px;
    margin-left: 1%;
    float: left;
  }

  ul.btn_fixed li:last-child {
    margin-right: 1%;
  }

  ul.btn_fixed li a {
    display: block;
    font-size: 10px;
  }

  ul.btn_fixed li:nth-child(1) {
    background: rgba(254, 77, 107, 0.95);
  }

  ul.btn_fixed li:nth-child(2) {
    background: rgba(255, 255, 255, 0.95);
  }

  ul.btn_fixed li:nth-child(3) {
    background: rgba(0, 180, 38, 0.95);
  }

  ul.btn_fixed li:nth-child(1) a {
    padding: 8px 0 3px;
    color: #fff;
    background-image: linear-gradient(360deg, #F124C1 0%, #9A35FF 100%);
  }

  ul.btn_fixed li:nth-child(2) a {
    padding: 11px 0 12px;
    color: #585858;
    line-height: 1.2;
    font-weight: bold;
    font-size: 12px;
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);

  }

  ul.btn_fixed li:nth-child(3) a {
    padding: 1px 0 1px;
    color: #fff;
    background-image: linear-gradient(360deg, #18C9FF 0%, #06C755 100%);
  }

}


@media screen and (min-width: 769px) {
  ul.btn_fixed {
    display: none;
  }
}






/*slick.css*/
.slick-next,.slick-prev{/* font-size:0; */line-height: 25px;position:absolute;/* top:50%; */display:block;width:20px;line-height: 30px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;border:0;}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{/* color:transparent; *//* outline:0; */background:transparent;}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height: 1;opacity:.75;color: #3e261c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.slick-prev{left: 5px;bottom: -70px;z-index: 9999;width: 45%;border: 1px solid #b3b3b3;color: #3e261c;text-align: center;}[dir='rtl'] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←';top: 4px;left: 30px;position: absolute;}[dir='rtl'] .slick-prev:before{content:'→'}.slick-next{right: 5px;bottom: -70px;z-index: 9999;width: 45%;border: 1px solid #b3b3b3;color: #3e261c;text-align: center;}[dir='rtl'] .slick-next{right:auto;left:-25px}.slick-next:before{display:none;content:'→'}[dir='rtl'] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{/* position:absolute; *//* bottom: -15px; *//* left: -7px; *//* display:block; */width:100%;/* height: 30px; */padding:0;margin:0;list-style:none;text-align:center;display: flex;justify-content: center;align-items: center;}.slick-dots li{position:relative;/* display:inline-block; *//* margin:0 5px; */padding:0;/* width: 20px; *//* height: 20px; */}.slick-dots li,.slick-dots li button{/* width: 20px; *//* height: 20px; */cursor:pointer;}.slick-dots li button{font-size:0;line-height:0;display:block;padding: 10px 15px;color:transparent;border:0;outline:0;background:transparent;/* -webkit-appearance: none; */}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height: 20px;position:absolute;top: 5px;left:0;font-size: 50px;width: 20px;height: 20px;content:'•';text-align:center;opacity:.25;color:#9a9a9a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.slick-dots li.slick-active button:before{opacity:.75;color: #3e261c;}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{/* display:block */}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-next:after{content:"→";font-family: slick;font-size: 20px;line-height: 1;opacity: .75;color: #3e261c;-webkit-font-smoothing: antialiased;position: absolute;top: 4px;right: 30px;}