@import url("reset.css");
html,
body,
#wrapper {
  height: 100%;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
body {
  width: 100%;
  margin: 0 auto;
  font-family: "Montserrat", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "a-otf-midashi-go-mb31-pr6n", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 300;
  font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
  letter-spacing: .1em;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-wrap: break-word;
  font-size: 16px;
  color: #595959;
}
li {
  list-style: none;
}
a,
a:link,
a:visited,
.buyheart_buylist li,
.buyheart_popup_payment_btn,
.popup,
.fortunelist_top_link,
.common_btn_color1,
.common_btn_color2,
.common_btn_color3,
.common_btn_color4 {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
::-ms-expand {
  display: none;
}
textarea {
  resize: none;
}
input, select, textarea, label {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
input[name="contact_mobile"]:focus, select[name="contact_category"]:focus, textarea[name="contact_txt"]:focus, textarea[name="edit_worries"]:focus, textarea[name="edit_tweet"]:focus, .login_trouble_ques select:focus, .login_trouble_ques select:focus, .login_create_ques select:focus, .login_create_ques2 select:focus, .blog_comment_form_inner2 textarea:focus, .blog_comment_form_inner1 select:focus, input[name="watchword"]:focus {
  outline: 0;
  border: 1px solid rgba(250, 99, 134, .8);
  transition: .7s;
}
input[name="edit_name"]:focus, select[name="edit_mg"]:focus, input[name="login_user_id"]:focus, input[name="login_user_id"]:focus, input[name="login_trouble_mail"]:focus {
  outline: 0;
  border-bottom: 1px solid rgba(250, 99, 134, .8);
  transition: .7s;
}
::selection {
  background: rgba(254, 67, 110, .15);
}
::-moz-selection {
  background: rgba(254, 67, 110, .15);
}



/* 共通部分 */


/* テキストカラー(タイトル、見出し、ページ内テキスト、リンクなど全ての文字は下のスタイルを使用してください) */
.text_color {
  color: #595959;
}
.link_color {
  color: #fe436e;
}
.other_color {
  color: #848484;
}
.page_txt1 {
  width: 94%;
  max-width: 550.1px;
  margin: 20px auto 0;
  padding-bottom: 20px;
  color: #595959;
  font-size: 16px;
  border-bottom: .9px solid #d2d2d2;
}
.page_txt2 {
  width: 94%;
  max-width: 550.1px;
  margin: 20px auto 0;
  padding-bottom: 20px;
  color: #595959;
  font-size: 16px;
}
.page_txt1 h2, .page_txt2 h2 {
  font-size: 17px;
  margin-bottom: 14px;
  text-align: justify;
  padding: 0 8px;
}
.page_img {
  width: 100%;
  max-width: 550.1px;
  margin: 0 auto;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 6px 0px rgba(0,0,0,.2);
  margin-bottom: 20px;
  transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.page_img_test_txt {
  font-size: 14px;
  line-height: 1.45;
  letter-spacing: -.012em;
  padding: 12px;
  text-align: justify;
  width: 100%;
}
.page_txt1 > p, .page_txt2 > p {
  font-size: 15px;
  text-align: justify;
  padding: 0 8px;
}
.page_txt1 > p span, .page_txt2 > p span {
  color: #fe436e;
  font-weight: bold;
}
.page_txt1 > p a, .page_txt2 > p a {
  color: #fe436e;
  font-weight: bold;
  border-bottom: 1px solid #fe436e;
}
/* サンプルデザイン */
.sample_color {
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}
.tab_sumple_inner {
  /* height: 310px; */
  width: 100%;
  display: block;
  color: #595959;
}
.tab_sumple_inner2 {
  min-height: 360px;
  width: 90%;
  max-width: 550.1px;
  margin: 0 auto;
  padding: 10px 0;
  display: block;
  color: #595959;
}
.sample_note {
  width: 90%;
  max-width: 550.1px;
  border-radius: 6px;
  border: .9px solid #d2d2d2;
  color: #848484;
  margin: 20px auto 0;
  padding: 16px;
}
.sample_note h2 {
  font-size: 17px;
  margin-bottom: 14px;
  text-align: justify;
  font-feature-settings: "palt";
}
.sample_note p {
  font-size: 14px;
  margin-top: 8px;
  text-align: justify;
}
.sumple_tab_interval {
  padding: 40px 0;
}
.sumple_btn_wrapper {
  margin: 20px auto;
}
.sumple_btn {
  display: block;
  font-size: 20px;
  width: 75%;
  max-width: 550.1px;
  padding: 12px 0;
  margin: 0 auto;
  text-align: center;
}
.sumple_btn a {
  color: #fff;
}
#sample_form {
  width: 100%;
  max-width: 550.1px;
  margin: 40px auto 0;
  padding: 0 10px;
}
.sample_form_select {
  position: relative;
  width: 100%;
  height: 40px;
  display: block;
  margin-bottom: 24px;
}
.sample_form_select::before {
  content: "";
  width: 10px;
  height: 2px;
  position: absolute;
  z-index: 2;
  bottom: 18px;
  right: 22px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  background: #4c4c4c;
  display: block;
  pointer-events: none;
}
.sample_form_select::after {
  content: "";
  width: 10px;
  height: 2px;
  position: absolute;
  bottom: 18px;
  right: 16px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  background: #4c4c4c;
  display: block;
  pointer-events: none;
}
.sample_form_select select {
  position: relative;
  width: 100%;
  padding: 8px 12px;
  height: 100%;
  border-radius: 4px;
  border: .9px solid #d2d2d2;
}
.sample_form_input_txt {
  margin-bottom: 24px;
}
.sample_form_input_txt input {
  position: relative;
  width: 100%;
  padding: 8px 12px;
  border-radius: 4px;
  border: .9px solid #d2d2d2;
}
.sample_textarea {
  margin-bottom: 24px;
}
.sample_textarea textarea {
  position: relative;
  width: 100%;
  padding: 8px 12px;
  border-radius: 4px;
  border: .9px solid #d2d2d2;
}
.sample_form_select select:focus, .sample_form_input_txt input:focus, .sample_textarea textarea:focus {
  outline: 0;
  border: 1px solid rgba(250, 99, 134, .8);
  transition: .7s;
}
.sample_bar {
  clear: both;
  width: 94%;
  height: 1px;
  margin: 0 auto;
  background: #d2d2d2;
  display: block;
}
/* ボタンカラー(新たにボタンを追加する場合は下のカラー、アニメーションを使用してください) */
.common_btn_color1 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 6px;
  font-weight: 600;
  text-shadow: 0 2px 2px rgba(0,0,0,.3);
  color: #fff;
  background: #ff8ba7;
  background: -moz-linear-gradient(45deg, #ff8ba7 0%, #ff6086 100%);
  background: -webkit-linear-gradient(45deg, #ff8ba7 0%,#ff6086 100%);
  background: linear-gradient(45deg, #ff8ba7 0%,#ff6086 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8ba7', endColorstr='#ff6086',GradientType=1 );
  box-shadow: 0 3.5px 0 #b75e72;
}
.common_btn_color2 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 6px;
  font-weight: 600;
  text-shadow: 0 2px 2px rgba(0,0,0,.3);
  color: #fff;
  background: rgb(136,225,179);
  background: -moz-linear-gradient(-45deg, rgba(136,225,179,1) 0%, rgba(63,210,137,1) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(136,225,179,1) 0%,rgba(63,210,137,1) 100%);
  background: linear-gradient(135deg, rgba(136,225,179,1) 0%,rgba(63,210,137,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88e1b3', endColorstr='#3fd289',GradientType=1 );
  box-shadow: 0 3.5px 0 #359567;
}
.common_btn_color3 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 6px;
  font-weight: 600;
  text-shadow: 0 2px 2px rgba(0,0,0,.3);
  color: #fff;
  background: rgb(139,210,255);
  background: -moz-linear-gradient(-45deg, rgba(139,210,255,1) 0%, rgba(84,189,255,1) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(139,210,255,1) 0%,rgba(84,189,255,1) 100%);
  background: linear-gradient(135deg, rgba(139,210,255,1) 0%,rgba(84,189,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bd2ff', endColorstr='#54bdff',GradientType=1 );
  box-shadow: 0 3.5px 0 #2c87c1;
}
.common_btn_color4 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 6px;
  font-weight: 600;
  text-shadow: 0 2px 2px rgba(0,0,0,.3);
  color: #fff;
  background: rgb(179,179,179);
  background: -moz-linear-gradient(-45deg, rgba(179,179,179,1) 0%, rgba(129,129,129,1) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(179,179,179,1) 0%,rgba(129,129,129,1) 100%);
  background: linear-gradient(135deg, rgba(179,179,179,1) 0%,rgba(129,129,129,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#818181',GradientType=1 );
  box-shadow: 0 3.5px 0 #505050;
}
.common_btn_color5 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 6px;
  font-weight: 600;
  text-shadow: 0 2px 2px rgba(0,0,0,.3);
  color: #fff;
  background: rgb(255,218,118);
  background: -moz-linear-gradient(-45deg, rgba(255,218,118,1) 0%, rgba(250,192,35,1) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(255,218,118,1) 0%,rgba(250,192,35,1) 100%);
  background: linear-gradient(135deg, rgba(255,218,118,1) 0%,rgba(250,192,35,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffda76', endColorstr='#fac023',GradientType=1 );
  box-shadow: 0 3.5px 0 #ac8416;
}

.btn_anime1 {
  animation: .3s btn_anime1 linear;
  -webkit-animation: .3s btn_anime1 linear;
}
@keyframes btn_anime1 {
  0% {
    box-shadow: 0 3.5px 0 #b75e72;
    transform: translate3d(0, 0, 0);
  } 50% {
    box-shadow: 0 1.5px 0 #b75e72;
    transform: translate3d(0, 2px, 0);
  } 100% {
    box-shadow: 0 3.5px 0 #b75e72;
    transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes btn_anime1 {
  0% {
    box-shadow: 0 3.5px 0 #b75e72;
    -webkit-transform: translate3d(0, 0, 0);
  } 50% {
    box-shadow: 0 1.5px 0 #b75e72;
    -webkit-transform: translate3d(0, 2px, 0);
  } 100% {
    box-shadow: 0 3.5px 0 #b75e72;
    -webkit-transform: translate3d(0,0,0);
  }
}
.btn_anime2 {
  animation: .3s btn_anime2 linear;
  -webkit-animation: .3s btn_anime2 linear;
}
@keyframes btn_anime2 {
  0% {
    box-shadow: 0 3.5px 0 #359567;
    transform: translate3d(0, 0, 0);
  } 50% {
    box-shadow: 0 1.5px 0 #359567;
    transform: translate3d(0, 2px, 0);
  } 100% {
    box-shadow: 0 3.5px 0 #359567;
    transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes btn_anime2 {
  0% {
    box-shadow: 0 3.5px 0 #359567;
    -webkit-transform: translate3d(0, 0, 0);
  } 50% {
    box-shadow: 0 1.5px 0 #359567;
    -webkit-transform: translate3d(0, 2px, 0);
  } 100% {
    box-shadow: 0 3.5px 0 #359567;
    -webkit-transform: translate3d(0,0,0);
  }
}
.btn_anime3 {
  animation: .3s btn_anime3 linear;
  -webkit-animation: .3s btn_anime3 linear;
}
@keyframes btn_anime3 {
  0% {
    box-shadow: 0 3.5px 0 #2c87c1;
    transform: translate3d(0, 0, 0);
  } 50% {
    box-shadow: 0 1.5px 0 #2c87c1;
    transform: translate3d(0, 2px, 0);
  } 100% {
    box-shadow: 0 3.5px 0 #2c87c1;
    transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes btn_anime3 {
  0% {
    box-shadow: 0 3.5px 0 #2c87c1;
    -webkit-transform: translate3d(0, 0, 0);
  } 50% {
    box-shadow: 0 1.5px 0 #2c87c1;
    -webkit-transform: translate3d(0, 2px, 0);
  } 100% {
    box-shadow: 0 3.5px 0 #2c87c1;
    -webkit-transform: translate3d(0,0,0);
  }
}
.btn_anime4 {
  animation: .3s btn_anime4 linear;
  -webkit-animation: .3s btn_anime4 linear;
}
@keyframes btn_anime4 {
  0% {
    box-shadow: 0 3.5px 0 #505050;
    transform: translate3d(0, 0, 0);
  } 50% {
    box-shadow: 0 1.5px 0 #505050;
    transform: translate3d(0, 2px, 0);
  } 100% {
    box-shadow: 0 3.5px 0 #505050;
    transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes btn_anime4 {
  0% {
    box-shadow: 0 3.5px 0 #505050;
    -webkit-transform: translate3d(0, 0, 0);
  } 50% {
    box-shadow: 0 1.5px 0 #505050;
    -webkit-transform: translate3d(0, 2px, 0);
  } 100% {
    box-shadow: 0 3.5px 0 #505050;
    -webkit-transform: translate3d(0,0,0);
  }
}
.btn_anime5 {
  animation: .3s btn_anime5 linear;
  -webkit-animation: .3s btn_anime5 linear;
}
@keyframes btn_anime5 {
  0% {
    box-shadow: 0 3.5px 0 #ac8416;
    transform: translate3d(0, 0, 0);
  } 50% {
    box-shadow: 0 1.5px 0 #ac8416;
    transform: translate3d(0, 2px, 0);
  } 100% {
    box-shadow: 0 3.5px 0 #ac8416;
    transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes btn_anime5 {
  0% {
    box-shadow: 0 3.5px 0 #ac8416;
    -webkit-transform: translate3d(0, 0, 0);
  } 50% {
    box-shadow: 0 1.5px 0 #ac8416;
    -webkit-transform: translate3d(0, 2px, 0);
  } 100% {
    box-shadow: 0 3.5px 0 #ac8416;
    -webkit-transform: translate3d(0,0,0);
  }
}

/* 横禁止 */
#landscape {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: rgb(255,255,255);
  color: #3e3e3e;
  font-weight: bold;
  display: none;
}
.landscape_inner {
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 100%;
}
.landscape_inner_img {
  position: relative;
  display: block;
  height: 156px;
}
#landscape img:nth-of-type(1) {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#landscape img:nth-of-type(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 115px;
  animation: 7s lsi linear infinite;
  -webkit-animation: 7s lsi linear infinite;
}
@keyframes lsi {
  0% {
    transform: translate(-50%, -50%) rotate(360deg);
  } 99.9%, to {
    transform: translate(-50%, -50%) rotate(0deg);
  }
}
@-webkit-keyframes lsi {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
  } 99.9%, to {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
  }
}
#landscape p {
  position: relative;
  text-align: center;
  width: 100%;
  font-size: 20px;
  margin-top: 34px;
  line-height: 1;
}

/* 【ヘッダー】header.php */
header {
  position: fixed;
  z-index: 90;
  top: 0;
  left: 0;
  width: 100%;
  height: 57px;
  background: rgba(241, 160, 179, .92);
  display: block;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  border-bottom: .8px solid #d58093;
  box-shadow: 0 2px 3px rgba(0,0,0,.1);
  backdrop-filter: blur(7px);
-webkit-backdrop-filter: blur(7px);
  transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
  -webkit-transform: translateY(0);
  transition: 240ms 10ms ease-in-out;
}
.header_move {
  transform: translateY(-58px);
  -webkit-transform: translateY(-58px);
}
header a {
  color: #fff;
}
#header_inner {
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 100%;
  max-width: 550.1px;
  height: 57px;
  font-feature-settings: "palt";
}
.header_logo {
  position: fixed;
  top: 0;
  left: 0;
  height: 34px;
  margin: 12px;
  display: inline-block;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.header_logo a {
  display: block;
  height: 100%;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.header_logo img {
  height: 100%;
  display: block;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.header_live {
  position: absolute;
  top: 50%;
  right: 56px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  height: 82%;
  width: 72px;
}
.header_live a {
  width: 100%;
  height: 100%;
  display: block;
}
.header_live img {
  position: absolute;
  top: 1.5px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  height: 28px;
}
.header_live p {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 100%;
  text-align: center;
  white-space: nowrap;
}
#header_menu {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 40px;
  height: 82%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#menu_returnbtn_wrapper {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 100%;
  max-width: 550.1px;
}
#menu_returnbtn {
  position: absolute;
  top: 5px;
  right: 8px;
  width: 40px;
  height: 82%;
  font-size: 10px;
  font-weight: bold;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  color: #fff;
}
#header_menu li, #menu_returnbtn li {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  transition: .2s ease-out;
  -webkit-transition: .2s ease-out;
  color: #fff;
}
#header_menu li:nth-of-type(1), #menu_returnbtn li:nth-of-type(1) {
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  opacity: 1;
}
#header_menu li:nth-of-type(2), #menu_returnbtn li:nth-of-type(2) {
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  opacity: 0;
}
.header_menu_txtaction1 {
  transform: translateX(50%) !important;
  -webkit-transform: translateX(50%) !important;
  opacity: 0 !important;
}
.header_menu_txtaction2 {
  transform: translateX(0%) !important;
  -webkit-transform: translateX(0%) !important;
  opacity: 1 !important;
}
.header_newmsg {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fe436e;
}
#header_user {
  position: relative;
  width: 100%;
  font-size: 1.2em;
  box-shadow: 0 2px 3px rgba(0,0,0,.1);
  background: rgba(255, 255, 255, 0.9);
  border-bottom: .04em solid rgba(175, 175, 175, 0.85);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  margin-top: -.04em;
}
.header_user_inner {
  position: relative;
  width: 100%;
  max-width: 550.1px;
  margin: 0 auto;
  display: block;
}
#header_user p {
  color: #464646;
  display: inline-block;
  font-feature-settings: "palt";
}
.header_user_heart a {
  color: #464646;
  display: inline-block;
}
.header_user_inner > p {
  margin: 7px 6px 5px 9px;
  font-size: 14px;
  width: 72%;
  white-space: nowrap;
  vertical-align: top;
  overflow: hidden;
  line-height: 1.5;
}
.header_user_heart {
  position: absolute;
  top: 48%;
  right: 6px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  padding: 0px 6px 1px 8px;
  background: #f9f9f9;
  border-radius: 38px;
  vertical-align: top;
  box-shadow: 0 2px 0 rgb(181, 179, 179);
}
.u_heart_anime {
  animation: .3s u_heart linear;
  -webkit-animation: .3s u_heart linear;
}
@keyframes u_heart {
  0% {
    box-shadow: 0 2px 0 rgb(181, 179, 179);
    transform: translateY(-50%);
  } 50% {
    box-shadow: 0 0px 0 rgb(181, 179, 179);
    transform: translateY(-42%);
  } 100% {
    box-shadow: 0 2px 0 rgb(181, 179, 179);
    transform: translateY(-50%);
  }
}
@-webkit-keyframes u_heart {
  0% {
    box-shadow: 0 2px 0 rgb(181, 179, 179);
    -webkit-transform: translateY(-50%);
  } 50% {
    box-shadow: 0 0px 0 rgb(181, 179, 179);
    -webkit-transform: translateY(-42%);
  } 100% {
    box-shadow: 0 2px 0 rgb(181, 179, 179);
    -webkit-transform: translateY(-50%);
  }
}
.header_user_heart img {
  width: 14px;
  display: inline-block;
  vertical-align: top;
  margin: 5px 0 0;
}
.header_user_heart p {
  margin: 4px 3px 0 4px;
  vertical-align: top;
  font-size: 15px;
  line-height: 1;
}
.header_bar {
  width: .9px;
  height: 23px;
  margin: 0px 1px -1px;
  display: inline-block;
  vertical-align: top;
  background: #d4d3d3;
}
.header_arw {
  margin-top: 1.5%;
  width: 10px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.header_arw::before {
  content: "";
  position: absolute;
  top: 62%;
  left: 50%;
  width: 2px;
  height: 9px;
  display: block;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  background: #4c4c4c;
  border-radius: 0 0 2px 2px;
}
.header_arw::after {
  content: "";
  position: absolute;
  top: 39%;
  left: 50%;
  width: 2px;
  height: 9px;
  display: block;
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  background: #4c4c4c;
  border-radius: 2px 2px 0 0;
}



.menu, .menu2 {
  position: absolute;
  top: 7px;
  left: 8px;
  width: 24px;
  height: 18px;
  cursor: pointer;
}
.menu span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  border-radius: 4px;
  display: inline-block;
  transition: .3s ease-out;
  -webkit-transition: .3s ease-out;
  box-sizing: border-box;
}
.menu2 span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: #595959;
  border-radius: 4px;
  display: inline-block;
  transition: .3s ease-out;
  -webkit-transition: .3s ease-out;
  box-sizing: border-box;
}
.menu span:nth-of-type(1), .menu2 span:nth-of-type(1) {
  top: 0;
}
.menu span:nth-of-type(2), .menu2 span:nth-of-type(2) {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.menu span:nth-of-type(3), .menu2 span:nth-of-type(3) {
  bottom: 0;
}
.menu.active span:nth-of-type(1), .menu2.active span:nth-of-type(1) {
  transform: translateY(8px) rotate(-45deg);
  -webkit-transform: translateY(8px) rotate(-45deg);
}
.menu.active span:nth-of-type(2), .menu2.active span:nth-of-type(2)  {
  left: 50%;
  opacity: 0;
  animation: active-menu-bar02 .8s forwards;
  -webkit-animation: active-menu-bar02 .8s forwards;
}
@-webkit-keyframes active-menu-bar02 {
  0% {
    height: 2px;
  } 100% {
    height: 0;
  }
}
@keyframes active-menu-bar02 {
  0% {
    height: 2px;
  } 100% {
    height: 0;
  }
}
.menu.active span:nth-of-type(3), .menu2.active span:nth-of-type(3) {
  transform: translateY(-8px) rotate(45deg);
  -webkit-transform: translateY(-8px) rotate(45deg);
}



/* 【ヘルプサポート】footer.php */
#support > ul {
  width: 100%;
  margin: 0 auto;
  background: #f8f8f8;
  font-size: 0;
}
#support > ul li {
  position: relative;
  font-size: 16px;
  color: #535353;
  width: 50%;
  display: inline-block;
  border-bottom: .9px solid #dddddd;
  font-feature-settings: "palt";
}
#support > ul li a {
  color: #535353;
}
#support > ul li p {
  padding: 11px 6px 12px;
  font-size: .9em;
}

#support > ul li:nth-of-type(1) p, #support > ul li:nth-child(even) p {
  padding-left: 10px;
}
#support > ul li:nth-child(odd) p {
  border-right: 1px solid #dddddd;
}

/* .support_list_arw {
  position: absolute;
  top: 54%;
  right: 8px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
#support > ul li:nth-of-type(1) p, #support l> ul i:nth-child(even) p {
  padding-left: 10px;
}
#support > ul li:nth-child(odd) .support_list_arw {
  right: 3%;
}
.support_list_arw::before {
  content: "";
  position: absolute;
  top: -6px;
  right: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 10px;
  height: 2px;
  display: block;
  background: #767676;
}
.support_list_arw::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 10px;
  height: 2px;
  display: block;
  background: #767676;
} */
#privacy_mark {
  position: relative;
  font-size: 0;
  max-width: 550.1px;
  margin: 0 auto;
}
#privacy_mark a {
  display: inline-block;
  width: 30%;
  vertical-align: top;
  text-decoration: none;
  text-decoration-color: rgba(0,0,0,0);
  -webkit-text-decoration-color: rgba(0,0,0,0);
}
#privacy_mark img {
  width: 80%;
  display: block;
  margin: 18px 10%;
}
#privacy_mark p {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  color: #6f6f6f;
  font-size: 13px;
  display: inline-block;
  padding: 12px 1% 12px 0;
  width: 69%;
  font-feature-settings: "palt";
  text-decoration: none;
  text-decoration-color: rgba(0,0,0,0);
  -webkit-text-decoration-color: rgba(0,0,0,0);
}
#support_copywriter {
  width: 100%;
  padding: 8px 8px 0;
  color: #6f6f6f;
  font-size: .8em;
  font-weight: 500;
  border-top: .9px solid #dddddd;
  background: #f8f8f8;
  box-sizing: border-box;
  font-feature-settings: "palt";
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.support_copywriter_link {
  width: 100%;
  border-bottom: .9px solid #dddddd;
}
.support_copywriter_link ul {
  letter-spacing: -.4em;
  margin: 0 auto;
  max-width: 550.1px;
  padding: 0 0 3px;
  text-align: center;
}
.support_copywriter_link li {
  display: inline-block;
  letter-spacing: normal;
  padding: 0 2.4% 2px;
  text-align: center;
  font-size: 10px;
  vertical-align: top;
}
.support_copywriter_link li a {
  color: #a7a7a7;
}
.support_copywriter_txt {
  margin: 6px auto 0;
  max-width: 550.1px;
  text-align: right;
  font-size: 10px;
  color: #a7a7a7;
}
#support_copywriter > p {
  text-align: right;
  margin: 0 auto;
  max-width: 550.1px;
  color: #a7a7a7;
  font-size: 10px;
}
footer {
  position: fixed;
  z-index: 90;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: rgba(241, 160, 179, 1);
  display: block;
  color: #fff;
  box-shadow: 0 -2px 5px rgba(0,0,0,.1);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
footer a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
footer li {
  list-style: none;
}
#footer_menu {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 550.1px;
  min-height: 70px;
  padding: 0px 0 10px;
  margin: 0 auto;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#footer_menu li {
  -webkit-box-flex: 1;
  width: 20%;
  max-width: 100px;
}
/* #footer_menu li img, #footer_menu li p {
  transition: .3s ease;
  -webkit-transition: .3s ease;
} */
#footer_menu li img:not(.footer_circle_img) {
  width: 62%;
  max-width: 54px;
  display: block;
  margin: 0 auto 8%;
}
.footer_circle_img {
  width: 72.5%;
  max-width: 57px;
  display: block;
  margin: 0 auto 2px;
}
#footer_menu p {
  font-size: 10px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-feature-settings: "palt";
}
.footer_circle a {
  position: relative;
  margin-top: -9px;
  background: rgba(241, 160, 179, 1);
  width: 100%;
  height: 100%;
  padding: 12.5px 7% 0;
  border-radius: 50%;
  display: inline-block;
}
.footre_newmsg {
  position: absolute;
  top: 11px;
  right: 22%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fe436e;
  display: none;
}


/* 【メニュー】menu.php */
#menu {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 13px;
  display: block;
  box-sizing: border-box;
  color: #595959;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  display: none;
}
#menu_bg {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  transition: .6s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.menu_bg_action1 {
  width: 100%;
  height: 20px;
  background: rgba(255,255,255, .2);
}
.menu_bg_action2 {
  width: 100%;
  height: 100%;
  background: rgba(255,255,255, .9);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
#menu a {
  color: #595959;
}
#menu_wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  width: 93%;
  margin: 62px auto 0;
  padding-bottom: 62px;
  display: block;
  transition: .4s ease;
  -webkit-transition: .4s ease;
}
.menu_wrapp_action1 {
  transform: translate(-50%, -12px);
  -webkit-transform: translate(-50%, -12px);
  opacity: 0;
}
.menu_wrapp_action2 {
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  opacity: 1;
}
#menu_user {
  position: relative;
  margin: 0px auto 9px;
  display: block;
  width: 100%;
  max-width: 550.1px;
}
.menu_user_img {
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 400px;
  display: inline-block;
  border: 1px solid #dadada;
  box-sizing: border-box;
}
.menu_user_img_inner {
  position: relative;
  margin: 2%;
  width: 96%;
  height: 96%;
  border-radius: 400px;
  overflow: hidden;
  border: 2px solid #dadada;
}
.menu_user_img_inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  height: 100%;
  max-width: none;
}
.menu_user_inner {
  position: absolute;
  bottom: 10px;
  left: 137px;
  width: 140px;
  font-feature-settings: "palt";
}
.menu_user_inner p:nth-of-type(1) {
  position: relative;
  width: 100%;
  color: #b9b9b9;
  font-size: .95em;
}
.menu_user_inner p:nth-of-type(2) {
  position: relative;
  margin: 0 0 12px;
  padding: 2px 0 4px;
  width: 93%;
  min-width: 163px;
  box-sizing: border-box;
  border-bottom: .9px solid #c6c2c2;
  font-size: 1.4em;
  font-weight: bold;
}
#menu_user_editbtn {
  position: relative;
  width: 93%;
  min-width: 163px;
  height: 24px;
  font-size: 0;
}
#menu_user_editbtn a {
  color: #f86386;
}
#menu_user_editbtn span {
  position: absolute;
  top: 0;
  right: 2px;
  width: 60px;
  text-align: center;
  padding: 2px 6px;
  border-radius: 40px;
  border: 1px solid #f86386;
  color: #f86386;
  line-height: 1.3;
  letter-spacing: 1px;
  text-indent: 1px;
  font-size: 12px;
  font-weight: bold;
}
#menu_msg {
  width: 100%;
  border-top: .9px solid #c6c2c2;
  border-bottom: .9px solid #c6c2c2;
  max-width: 550.1px;
  margin: 0 auto;
}
.menu_msg_inner {
  width: 100%;
  display: block;
  padding: 12px 14px 2px;
  box-sizing: border-box;
}
.menu_ttl {
  font-size: 1.4em;
  font-weight: bold;
  margin: 0 5px 4px;
}
.menu_msg_list li {
  position: relative;
  border-top: .9px solid #c6c2c2;
  width: 100%;
  font-feature-settings: "palt";
}
.menu_msg_list li a {
  padding: 12px 5px;
  display: block;
}
.menu_unread {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  padding: 3px 6px 3px;
  background: #f96386;
  color: #fff;
  line-height: 1.3;
  border-radius: 4px;
  letter-spacing: 1px;
  text-indent: 1px;
  font-size: 11px;
  font-weight: bold;
}
.menu_unread:empty {
  display: none;
}
#menu_btn_list {
  position: relative;
  margin: 20px auto 4px;
  max-width: 550.1px;
}
#menu_btn_list li a {
  width: 100%;
  height: 100%;
  display: block;
}
#menu_btn_list ul {
  font-size: 0;
}
#menu_btn_list li {
  width: 49%;
  display: inline-block;
  font-weight: bold;
  border-radius: 6px;
  text-align: center;
}
#menu_btn_list li:nth-child(-n+2) {
  margin-bottom: 4%;
}
#menu_btn_list li:nth-child(odd) {
  margin-right: 2%;
}
#menu_btn_list li img {
  height: 31px;
  margin: 8px 0 9px;
  display: inline-block;
  vertical-align: top;
}
.menu_btn_list1, .menu_btn_list2, .menu_btn_list3, .menu_btn_list4 {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  white-space: nowrap;
  display: inline-block;
  font-feature-settings: "palt";
  margin-top: 12px;
  vertical-align: top;
  line-height: 1;
}
.menu_btn_list1 {
  font-size: 13px;
  margin: 18px 0px 0 0px;
}
.menu_btn_list2 {
  font-size: 18px;
  margin: 15px 15px 0 7px;
}
.menu_btn_list3 {
  font-size: 16px;
  margin: 16px 6px 0 5px;
}
.menu_btn_list4 {
  font-size: 18px;
  margin: 15px 0px 0 3px;
}


/* 鑑定師個ページフッターボタンteller_btn.php */
#tellermain_btn {
  position: fixed;
  z-index: 91;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 -2px 10px rgba(0,0,0,.1);
  border-top: .04em solid rgba(175, 175, 175, 0.85);
  font-feature-settings: "palt";
  white-space: nowrap;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.tellermain_btn_inner {
  width: 96%;
  min-width: 306px;
  max-width: 550.1px;
  padding: 9px 0;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
}
#tellermain_btn_lavel {
  color: #fff;
  font-weight: bold;
  display: inline-block;
  width: 34%;
  margin-right: 2%;
  vertical-align: top;
}
.tellermain_btn_lavel_10free, .tellermain_btn_lavel_premium, .tellermain_btn_lavel_heart35 {
  border-radius: 6px;
  padding: 8px 0 0;
  height: 60px;
}
.tellermain_btn_lavel_10free {
  background: #ff516e;
  color: #fff;
  text-shadow: 0 2px 3px rgba(0,0,0,.4);
}
.tellermain_btn_lavel_premium {
  background: #45abff;
  color: #fff;
  text-shadow: 0 2px 3px rgba(0,0,0,.4);
}
.tellermain_btn_lavel_heart35 {
  background: #fff;
  border: 1px solid rgba(0,0,0,.2);
  color: #595959;
}
.tellermain_btn_lavel_10free span {
  font-size: 13px;
  display: block;
}
.tellermain_btn_lavel_10free p {
  font-size: 19px;
  line-height: 1.35;
}
.tellermain_btn_lavel_premium span {
  font-size: 14px;
  display: block;
}
.tellermain_btn_lavel_premium p {
  font-size: 18px;
  line-height: 1.4;
}
.tellermain_btn_lavel_heart35 > span {
  font-size: 11px;
  display: block;
}
.tellermain_btn_lavel_heart35 > p {
  line-height: 1.7;
  font-size: 11px;
}
.tellermain_btn_lavel_heart35 > p img {
  width: 22px;
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: 2px;
}
.tellermain_btn_lavel_heart35 > p span {
  font-weight: bold;
  font-size: 24px;
  margin: 0 0 0 -2px;
  line-height: 1.1;
  vertical-align: bottom;
  display: inline-block;
  color: #ff6e92;
}
#tellermain_btn_btn {
  font-size: 16px;
  display: inline-block;
  width: 64%;
  vertical-align: top;
}
.tellermain_btn_btn_talk, .tellermain_btn_btn_order, .tellermain_btn_btn_break, .tellermain_btn_btn_leave {
  display: block;
  width: 100%;
  height: 56.5px;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 2px 2px rgba(0,0,0,.3);
  border-radius: 6px;
  letter-spacing: -.5px;
}
.tellermain_btn_btn_talk p, .tellermain_btn_btn_order p, .tellermain_btn_btn_break p, .tellermain_btn_btn_leave p {
  line-height: 1.5;
}
.tellermain_btn_btn_talk {
  font-size: 23px;
  padding: 10px 0 0;
}
.tellermain_btn_btn_order {
  font-size: 23px;
  padding: 4px 0 0;
}
.tellermain_btn_btn_break {
  font-size: 23px;
  padding: 4px 0 0;
}
.tellermain_btn_btn_leave {
  font-size: 23px;
  padding: 4px 0 0;
}
.tellermain_btn_btn_order span, .tellermain_btn_btn_break span, .tellermain_btn_btn_leave span {
  display: block;
  font-size: 13px;
  line-height: .85;
}




/* その他コンテンツ */
.content_title {
  width: 100%;
  padding: 20px 0 0;
}
.content_title h2 {
  font-weight: bold;
  font-size: 20px;
  color: #555555;
  margin: 0 0 4px 8px;
  display: inline-block;
}
.content_title p {
  position: relative;
  width: 100%;
  height: 3px;
  display: block;
  background: #dddddd;
}
.content_title p span {
  position: absolute;
  top: 0;
  left: 0;
  width: 160px;
  height: 100%;
  display: block;
  background: #ff6f90;
}
.content_top_title {
  width: 100%;
  padding: 16px 0 0px;
  line-height: 1.35;
}
.content_top_title h2 {
  font-weight: bold;
  font-size: 20px;
  color: #555555;
  padding-bottom: 4px;
  margin: 0 0 0 8px;
  display: inline-block;
  white-space: nowrap;
}
.content_top_title p {
  position: relative;
  width: 100%;
  height: 3px;
  display: block;
  background: #dddddd;
}
.content_top_title p span {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  display: block;
  opacity: 0;
  background: #ff6f90;
}
.content_area {
  width: 96%;
  max-width: 550.1px;
  display: block;
  margin: 20px auto 28px;
}
/* ２つのタブ */
.tab_row2 {
  position: relative;
  width: 100%;
  height: 35px;
  display: block;
  font-size: 0;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.tab_row2 li {
  position: relative;
  z-index: 0;
  padding: 5px 0;
  width: 50%;
  height: 34px;
  font-size: 16px;
  font-weight: bold;
  font-feature-settings: "palt";
  display: inline-block;
  box-shadow: 0 -1px 14px -1px rgba(0,0,0,.2);
  color: #b0b0b0;
  background: #f7f7f7;
  border-radius: 6px 6px 0 0;
  text-align: center;
  vertical-align: top;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  transition: .3s .1s;
  -webkit-transition: .3s .1s;
}
.tab_row2 li p {
  line-height: 1.5;
}
.tab_row2 li a {
  color: #b0b0b0;
}
.tab_active {
  color: #ff6e92 !important;
  background: #fff !important;
  z-index: 1 !important;
}
.tab_active a {
  color: #ff6e92 !important;
}
.tab_row2 span {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 1px;
  background: #ff6e92;
  display: block;
  transition: .3s;
  -webkit-transition: .3s;
}
.tab_row2_span_active {
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
}
/* ３つのタブ */
.tab_row3 {
  position: relative;
  width: 100%;
  height: 35px;
  display: block;
  font-size: 0;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.tab_row3 li {
  position: relative;
  padding: 5px 0;
  width: 33.3333%;
  width: calc(100% / 3);
  height: 34px;
  font-size: 16px;
  font-weight: bold;
  font-feature-settings: "palt";
  display: inline-block;
  box-shadow: 0 -1px 14px -1px rgba(0,0,0,.2);
  color: #b0b0b0;
  background: #f7f7f7;
  border-radius: 6px 6px 0 0;
  text-align: center;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  transition: .3s .1s;
  -webkit-transition: .3s .1s;
}
.tab_row3 li p {
  line-height: 1.6;
}
.tab3_active {
  position: relative;
  color: #ff6e92 !important;
  background: #fff !important;
  z-index: 3 !important;
}
.tab_row3_2 {
  position: relative;
  z-index: 2;
}
.tab_row3_3 {
  position: relative;
  z-index: 1;
}
.tab_row3 li a {
  color: #b0b0b0;
}
.tab_row3 span {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  width: 33.333333%;
  width: calc(100% / 3);
  height: 1px;
  background: #ff6e92;
  display: block;
  transition: .3s;
  -webkit-transition: .3s;
}
.tab_row3_img {
  position: relative;
  height: 16px;
  display: block;
  vertical-align: top;
  margin: 5px auto 3px;
}
.tab_row3_img img {
  height: 100%;
  vertical-align: top;
  display: block;
  margin: 0 auto;
  transition: .4s ease-in;
  -webkit-transition: .4s ease-in;
}
.tab_row3_img img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.tab_row3_img_hide {
  opacity: 0;
}
.tab_row3_span_center_active {
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
}
.tab_row3_span_right_active {
  transform: translateX(200%);
  -webkit-transform: translateX(200%);
}
/* リストに何もない状態の表示 */
.nothing_display {
  padding: 40px 0 30px;
  text-align: center;
  margin: 0 auto;
  max-width: 550.1px;
}
.nothing_display h3 {
  color: #595959;
  font-size: 19px;
}
.nothing_display > p {
  color: #959595;
  font-size: 15px;
  margin: 11px auto 21px;
}
.nothing_display img {
  width: 40%;
  margin: 0 auto;
  display: block;
}
.nothing_display_btn {
  display: block;
  font-size: 26px;
  width: 75%;
  padding: 7px 0;
  margin: 26px auto 55px;
  text-align: center;
}
.nothing_display_btn a {
  color: #fff;
}
/* ポップアップ */
.popup {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(241, 160, 179, .9);
  color: #595959;
  overflow: scroll;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.popup_contents {
  position: fixed;
  top: 48%;
  left: 50%;
  width: 90%;
  max-width: 400px;
  background: #fff;
  padding: 24px;
  border-radius: 24px;
  color: #595959;
  box-shadow: 0 2px 6px 0px rgba(0,0,0,.2);
  transition: .3s;
  -webkit-transition: .3s;
}
.popup_contents0 {
  position: fixed;
  top: 48%;
  left: 50%;
  width: 90%;
  max-width: 400px;
  background: #fff;
  padding: 24px;
  border-radius: 24px;
  color: #595959;
  box-shadow: 0 2px 6px 0px rgba(0,0,0,.2);
  transition: .3s;
  -webkit-transition: .3s;
  display: none;
}
.popup_contents1 {
  position: absolute;
  top: 12%;
  left: 50%;
  width: 90%;
  max-width: 400px;
  padding: 0 0 18%;
  transition: .3s;
  -webkit-transition: .3s;
}
.popup_contents1_inner {
  position: relative;
  width: 100%;
  background: #fff;
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 2px 6px 0px rgba(0,0,0,.2);
}
.popup_contents2 {
  position: absolute;
  top: 12%;
  left: 50%;
  width: 90%;
  max-width: 400px;
  transition: .3s;
  -webkit-transition: .3s;
  padding: 0 0 18%;
}
.popup_contents2_inner {
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 2px 6px 0px rgba(0,0,0,.2);
  overflow: hidden;
}
.popup_contents3 {
  position: fixed;
  top: 48%;
  left: 50%;
  width: 90%;
  max-width: 400px;
  background: #fff;
  padding: 24px;
  border-radius: 24px;
  color: #595959;
  box-shadow: 0 2px 6px 0px rgba(0,0,0,.2);
  transition: .3s;
  -webkit-transition: .3s;
  display: none;
}
.popup_contents4 {
  position: fixed;
  top: 48%;
  left: 50%;
  width: 90%;
  max-width: 400px;
  background: #fff;
  padding: 24px;
  border-radius: 24px;
  color: #595959;
  box-shadow: 0 2px 6px 0px rgba(0,0,0,.2);
  transition: .3s;
  -webkit-transition: .3s;
  display: none;
}
.popup_contents5 {
  position: fixed;
  top: 48%;
  left: 50%;
  width: 90%;
  max-width: 400px;
  background: #fff;
  padding: 24px;
  border-radius: 24px;
  color: #595959;
  box-shadow: 0 2px 6px 0px rgba(0,0,0,.2);
  transition: .3s;
  -webkit-transition: .3s;
  display: none;
}
.popup_animation1 {
  transform: translate(-50%, -40%);
  -webkit-transform: translate(-50%, -40%);
  opacity: 0;
}
.popup_animation2 {
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  opacity: 1;
}
.popup_animation3 {
  transform: translate(-50%, 10%);
  -webkit-transform: translate(-50%, 10%);
  opacity: 0;
}
.popup_animation4 {
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  opacity: 1;
}
.popup_back {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 24px;
  height: 24px;
  display: block;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.popup_back::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  width: 100%;
  height: 2px;
  background: #595959;
  display: block;
}
.popup_back::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  width: 100%;
  height: 2px;
  background: #595959;
  display: block;
}
.popup_contents > img {
  width: 23%;
  margin: 0 auto;
  display: block;
}
.popup_contents_txt {
  width: 100%;
  font-size: 16px;
  color: #595959;
  text-align: center;
  margin: 18px auto 26px;
}
.popup_contents_txt span {
  color: #ff6f90;
  font-weight: bold;
}
.buyheart_popup_title {
  font-weight: bold;
  text-align: center;
  color: #595959;
}
.buyheart_popup_heart {
  position: relative;
  border: 1px solid #ff6f90;
  border-radius: 8px;
  font-weight: bold;
  font-size: 0;
  overflow: hidden;
  margin: 10px auto 11px;
  width: 100%;
  color: #595959;
}
.buyheart_popup_heart img {
  position: absolute;
  top: 51%;
  left: 3%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 8.5%;
  display: inline-block;
  vertical-align: top;
}
.buyheart_popup_heart p {
  position: relative;
  width: 50%;
  display: inline-block;
  font-size: 24px;
  text-align: right;
  padding-right: 10px;
  letter-spacing: -.4px;
  vertical-align: top;
  padding: 4px 3% 2px 0;
}
.buyheart_popup_heart p:nth-of-type(1) {
  width: 43%;
}
.buyheart_popup_heart p:nth-of-type(1) span {
  font-size: 13px;
  margin-left: 2px;
}
.buyheart_popup_heart p:nth-of-type(2) {
  color: #ff6f90;
  width: 56%;
  text-align: center;
  padding-right: 0;
}
.buyheart_popup_heart p:nth-of-type(2) span {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1px;
  height: 26px;
  display: block;
  background: #d2d2d2;
}
.buyheart_popup_txt {
  font-size: 14px;
  text-align: center;
  width: 100%;
  color: #7c7c7c;
}
.buyheart_popup_payment ul {
  border-top: .9px solid #595959;
  border-bottom: .9px solid #595959;
  margin: 14px auto;
  width: 100%;
}
.buyheart_popup_payment li {
  width: 96%;
  margin: 0 auto;
  border-bottom: .9px solid #d2d2d2;
  color: #595959;
  font-size: 15px;
}
.buyheart_popup_payment li:last-child {
  border-bottom: 0;
}
.buyheart_popup_payment label {
  position: relative;
  padding: 8px 0 7px;
  display: block;
}
.buyheart_popup_payment input {
  display: inline-block;
  vertical-align: top;
  margin: 4px 0 0;
}
.buyheart_popup_check {
  display: inline-block;
  margin-left: -3px;
  letter-spacing: -.4px;
}
.buyheart_popup_check2 {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  height: 20px;
  font-size: 0;
}
.buyheart_popup_check2 img {
  height: 100%;
}
.buyheart_popup_check2 img:nth-of-type(2), .buyheart_popup_check2 img:nth-of-type(3) {
  border-left: .9px solid #d2d2d2;
  margin-left: 5px;
  padding-left: 5px;
}
.buyheart_popup_payment_btn {
  display: block;
  font-size: 20px;
  width: 100%;
  max-width: 550.1px;
  padding: 7px 0;
  margin: 0 auto 12px;
  text-align: center;
}
.popup_contents_latency {
  text-align: center;
  font-size: 15px;
  padding: 29px 0 25px;
}
.popup_contents_latency span {
  color: #ff6f90;
  font-weight: bold;
}
.popup_contents_latency p:last-child {
  font-size: 22px;
  font-weight: bold;
  margin-top: 5px;
}
.popup_contents_latency2 {
  text-align: center;
  font-size: 15px;
  padding: 29px 0 0;
}
.popup_contents_latency2 a {
  position: relative;
  display: inline-block;
  color: #ff6f90;
  font-weight: bold;
}
.popup_contents_latency2 a::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ff6f90;
}
.popup_contents_latency2 p:first-child {
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 10px;
}
.popup_contents_latency2 {
  text-align: center;
  font-size: 15px;
  padding: 29px 0 0;
}
.popup_contents_latency2 p:first-child {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}
.popup_contents_latency3 {
  text-align: center;
  font-size: 15px;
  padding: 29px 0 25px;
}
.popup_contents_latency3 span {
  color: #ff6f90;
  font-weight: bold;
}
.popup_contents_latency3 p:first-child {
  font-size: 22px;
  font-weight: bold;
  margin: 5px 0 8px;
}
.popup_contents_latency4 {
  text-align: center;
  font-size: 15px;
  padding: 29px 0 18px;
}
.popup_contents_latency4 span {
  color: #ff6f90;
  font-weight: bold;
}






/* 個別ページ */
/* top */
main {
  margin-top: 90px;
  min-height: calc(100% - 570px);
}
.swiper-slide img {
  width: 100%;
}
#top_swiper_under_btn {
  width: 96%;
  max-width: 550.1px;
  margin: 0 auto 32px;
}
#top_swiper_under_btn ul {
  font-size: 0;
}
#top_swiper_under_btn li {
  display: inline-block;
  font-size: 20px;
  width: 49%;
  padding: 9px 0 10px;
  text-align: center;
}
#top_swiper_under_btn li:nth-of-type(1), #top_swiper_under_btn li:nth-of-type(3), #top_swiper_under_btn li:nth-of-type(4) {
  margin-right: 2%;
}
#top_swiper_under_btn li:nth-child(-n+2) {
  margin-bottom: 3%;
}
#top_swiper_under_btn li:nth-child(n + 3) {
  width: 32%;
  font-size: 14px;
  padding: 15px 0 13px;
}
#top_swiper_under_btn li a {
  color: #fff;
}
#top_swiper_under_btn li p {
  text-shadow: 0 2px 2px rgba(0,0,0,.3);
  font-feature-settings: "palt";
}





/* （追加） */
/* ご精算のお願い */
.top_banner {
  width: 100%;
  max-width: 550.1px;
  margin: 0 auto;
  padding: 0 10px 18px;
  color: #595959;
}
.top_pay-off h2 {
  color: #595959;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.3;
  width: 100%;
  text-align: center;
  margin-top: 4px;
}
.top_pay-off_inner {
  position: relative;
  width: 100%;
  height: 46px;
  margin: 10px 0;
}
.top_pay-off_inner p {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  white-space: nowrap;
}
.top_pay-off_inner p:first-child {
  top: 0;
  font-size: 17px;
  color: #ff6f90;
  font-weight: bold;
}
.top_pay-off_inner p:last-child {
  bottom: 0;
  font-size: 14px;
  color: #595959;
}
.top_pay-off_inner p span {
  display: inline-block;
}
.top_pay-off_inner p span:first-child {
  margin: 0 2% 0 0;
  text-align: left;
}
.top_pay-off_inner p span:last-child {
  text-align: left;
}
.pay-off_btn {
  margin-top: 14px;
  padding-bottom: 10px;
}






/* トップのボタンが２x２（はじめ） */
#top_swiper_under_btn_1 {
  width: 96%;
  max-width: 550.1px;
  margin: 0 auto 32px;
}
#top_swiper_under_btn_1 ul {
  font-size: 0;
}
#top_swiper_under_btn_1 li {
  display: inline-block;
  font-size: 20px;
  width: 49%;
  padding: 9px 0 10px;
  text-align: center;
}
#top_swiper_under_btn_1 li:nth-of-type(1), #top_swiper_under_btn_1 li:nth-of-type(3) {
  margin-right: 2%;
}
#top_swiper_under_btn_1 li:nth-child(-n+2) {
  margin-bottom: 3%;
}
#top_swiper_under_btn_1 li a {
  color: #fff;
}
#top_swiper_under_btn_1 li p {
  text-shadow: 0 2px 2px rgba(0,0,0,.3);
  font-feature-settings: "palt";
}
/* トップのボタンが２x２（終わり） */


/* メールボックス（はじめ） */
.mailbox_list {
  color: #595959;
  font-size: 16px;
}
/* メールボックス（終わり） */






img {
  max-width: 100%;
}
.top_newtweet_content li {
  width: 100%;
  height: 70px;
  border-radius: 8px;
  box-shadow: 0 5px 14px -5px rgba(0,0,0,.2);
  font-size: 0;
  overflow: hidden;
}
.top_newtweet_content li:not(:last-child) {
  margin-bottom: 12px;
}
.top_newtweet_content li a {
  width: 100%;
  height: 100%;
  display: block;
}
.top_newtweet_content img {
  height: 100%;
  display: inline-block;
  vertical-align: top;
}
.top_newtweet_inner {
  display: inline-block;
  padding: 7px 7px;
  vertical-align: top;
  width: 77%;
  width: calc(100% - 70px);
  font-feature-settings: "palt";
}
.top_newtweet_state1, .top_newtweet_state2, .top_newtweet_state3, .top_newtweet_state4 {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 3.5px 3px 5px 0;
  vertical-align: top;
  border-radius: 50%;
}
.top_newtweet_state1 {
  background: #47c69d;
}
.top_newtweet_state2 {
  background: #f96386;
}
.top_newtweet_state3 {
  background: #b2b2b2;
}
.top_newtweet_state4 {
  background: #19acec;
}
.top_newtweet_tellername {
  vertical-align: top;
  font-size: 11px;
  font-weight: bold;
  color: #848484;
  display: inline-block;
  text-align: left;
  line-height: 1.5;
  width: 54%;
}
.top_newtweet_min {
  vertical-align: top;
  font-size: 10px;
  font-weight: bold;
  color: #fa6386;
  display: inline-block;
  float: right;
  line-height: 1.5;
}
.top_newtweet_txt1, .top_newtweet_txt2, .top_newtweet_txt3 {
  margin-top: 5px;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.5;
  color: #5a5a5a;
  white-space: nowrap;
  transition: .2s ease-out;
  -webkit-transition: .2s ease-out;
}
#top_teller_rd_inner {
  position: relative;
  z-index: 1;
  width: 100%;
  /* height: 200px; */
  overflow: hidden;
}
.top_teller_rd_inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  transition: .3s ease-out;
  -webkit-transition: .3s ease-out;
  font-size: 0;
}
.top_teller_active1 {
  transform: translateX(0);
  -webkit-transform: translateX(0);
}
.top_teller_active2 {
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.top_teller_rd_rd, .top_teller_rd_db {
  position: relative;
  z-index: 2;
  width: 50%;
  background: #fff;
  padding: 20px 3%;
  font-size: 0;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
.top_teller_rd_rd ul, .top_teller_rd_db ul {
  width: 100%;
  max-width: 550.1px;
  margin: 0 auto;
}
.top_teller_rd_rd li {
  width: 30%;
  margin-right: 5%;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
}
.top_teller_rd_db li {
  width: 30%;
  margin-right: 5%;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
}
.top_teller_rd_rd li:nth-of-type(3), .top_teller_rd_rd li:nth-of-type(6),
.top_teller_rd_db li:nth-of-type(3), .top_teller_rd_db li:nth-of-type(6) {
  margin-right: 0;
}
.top_teller_rd_rd li:nth-child(-n+3), .top_teller_rd_db li:nth-child(-n+3) {
  margin-bottom: 18px;
}
.top_teller_rd_rd li a, .top_teller_rd_db li a {
  color: #4a4a4a;
}
.top_teller_rd_rd li p, .top_teller_rd_db li p {
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0 4px;
}
.rank_img {
  width: 30px;
  margin: -15px auto 8px;
}
.top_teller_rd_state1, .top_teller_rd_state2, .top_teller_rd_state3, .top_teller_rd_state4 {
  width: 100%;
  margin-bottom: 6px;
  display: block;
  color: #fff;
  border-radius: 30px;
  line-height: 1.3;
  letter-spacing: 1px;
  text-indent: 1px;
  font-size: 11px;
  font-weight: bold;
  padding: 1px 6px;
}
.top_teller_rd_state1 {
  background: #47c69d;
}
.top_teller_rd_state2 {
  background: #f96386;
}
.top_teller_rd_state3 {
  background: #b2b2b2;
}
.top_teller_rd_state4 {
  background: #19acec;
}
.top_teller_rd_teller {
  width: 100%;
  box-shadow: 0 5px 14px -5px rgba(0,0,0,.2);
  border-radius: 8px;
  overflow: hidden;
}
.top_teller_rd_teller a {
  display: block;
}
.top_teller_rd_btn {
  display: block;
  font-size: 23px;
  width: 75%;
  max-width: 550.1px;
  padding: 7px 0;
  margin: 0 auto 4px;
  text-align: center;
}
.top_teller_rd_btn a {
  color: #fff;
}
#top_newteller {
  margin: 12px auto 26px;
}
#top_newteller_first {
  width: 96%;
  max-width: 550.1px;
  margin: 18px auto 0;
  font-size: 0;
}
.top_newteller_first_img {
  width: 86px;
  height: 86px;
  display: inline-block;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 5px 14px -5px rgba(0,0,0,.2);
  vertical-align: top;
}
.top_newteller_first_img img {
  width: 100%;
}
.top_newteller_first_inner {
  width: 70%;
  width: calc(96% - 86px);
  display: inline-block;
  font-size: 14px;
  margin-left: 4%;
  font-feature-settings: "palt";
}
.top_newteller_first_inner span {
  color: #848484;
  font-size: 12px;
  vertical-align: top;
  line-height: 1.5;
}
.top_newteller_first_inner p:nth-of-type(1) {
  color: #575757;
  font-size: 16px;
  font-weight: bold;
  margin-top: -4px;
  line-height: 1.5;
}
.top_newteller_first_inner p:nth-of-type(2) {
  color: #575757;
  font-size: 14px;
}
.moreread {
  width: 94%;
  margin: -5px auto 12px;
  display: block;
}
.bar {
  clear: both;
  width: 94%;
  height: 1px;
  margin: 0 auto;
  background: #d2d2d2;
  display: block;
}
#top_newteller_other {
  margin: 16px auto;
  width: 96%;
  max-width: 550.1px;
  display: block;
  font-size: 0;
}
#top_newteller_other li {
  width: 23.5%;
  display: inline-block;
  font-size: 14px;
  text-align: center;
}
#top_newteller_other li:not(:last-child) {
  margin-right: 2%;
}
.top_newteller_other_img {
  width: 100%;
  margin-bottom: 6px;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 5px 14px -5px rgba(0,0,0,.2);
}
#top_newteller_other li span {
  width: 100%;
  border: 1px solid #909090;
  border-radius: 4px;
  display: block;
  margin-bottom: 6px;
  line-height: 1.3;
  font-size: 9px;
  color: #909090;
  padding: 1px 0px;
  font-feature-settings: "palt";
}
#top_newteller_other li a {
  display: block;
}
#top_newteller_other li a p {
  color: #575757;
}
#top_live {
  width: 100%;
  background: #f1f1f1;
  padding: 15px 3%;
  margin: 36px auto 0;
  text-align: center;
  color: #ff7093;
  font-weight: bold;
}
#top_live a {
  display: block;
  margin: 4px auto 0;
  width: 100%;
  max-width: 550.1px;
}
.top_campaign_inner {
  margin: 20px auto;
  width: 90%;
  max-width: 550.1px;
  font-size: 0;
}
.top_campaign_inner li {
  width: 48%;
  font-size: 16px;
  display: inline-block;
  border-radius: 8px;
  box-shadow: 0 5px 14px -5px rgba(0,0,0,.2);
  overflow: hidden;
  text-align: center;
  vertical-align: top;
  font-feature-settings: "palt";
}
.top_campaign_inner li:nth-child(odd) {
  margin-right: 4%;
}
.top_campaign_inner a {
  display: block;
}
.top_campaign_inner_txt {
  width: 100%;
  min-height:90px;
  display: block;
}
.top_campaign_inner a p:nth-of-type(1) {
  color: #ff7093;
  font-weight: bold;
  margin: 7px auto;
  line-height: 1.3;
}
.top_campaign_inner a p:nth-of-type(2) {
  color: #575757;
  font-size: 12px;
  width: 96%;
  margin: 0 auto 8px;
}
#top_notice_inner, #top_column_inner {
  margin: 12px auto -20px;
  max-width: 600px;
}
.inner_article {
  width: 90%;
  margin: 0 auto;
  font-size: 0;
}
.inner_article a {
  display: block;
}
.inner_article_img {
  position: relative;
  width: 50px;
  height: 49px;
  display: inline-block;
  margin: 10px 10px 10px 0;
  border-radius: 6px;
  overflow: hidden;
  font-size: 9px;
  box-shadow: 0 4px 7px -2px rgba(0,0,0,.2);
}
.inner_article_img p {
  width: 100%;
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  text-align: center;
}
.inner_article_img img {
  max-width: none;
  height: 100%;
}
.inner_article a .inner_article_img p {
  color: #fff;
  font-weight: bold;
}
.top_notice_inner1 {
  background: #6fc7df;
}
.top_notice_inner2 {
  background: #fb666a;
}
.top_notice_inner3 {
  background: #6cdda4;
}
.inner_article a .inner_article_txt span {
  color: #848484;
  font-size: 12px;
  vertical-align: top;
  font-feature-settings: "palt";
}
.inner_article a .inner_article_txt p {
  color: #575757;
  font-weight: bold;
  line-height: 1.25;
  margin: -8px 0 8px;
}
.inner_article_txt {
  width: 80%;
  width: calc(100% - 60px);
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  margin-top: 10px;
  font-feature-settings: "palt";
}
#popup_to_call_tab_inner {
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  border-radius: 0 0 24px 24px;
}
.popup_to_call {
  text-align: center;
}
.popup_to_call > p {
  font-size: 16px;
  font-weight: bold;
  margin: 19px auto;
  text-align: right;
  padding-right: 22%;
}
.popup_to_call_tab {
  position: relative;
  z-index: 2;
  width: 50%;
  background: #fff;
  padding: 20px 24px;
  font-size: 16px;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}
.popup_to_call_tab h2 {
  font-size: 18px;
}
.popup_to_call_tab > p {
  font-size: 15px;
  text-align: justify;
  padding: 12px 0 20px;
}
.popup_to_call_tab > p span {
  color: #ff6e92;
  font-weight: bold;
}






/* 先生一覧 fortunelist.php */
.banner {
  width: 100%;
  max-width: 550.1px;
  margin: 0 auto;
  padding: 16px 10px 18px;
  color: #595959;
}
.fortunelist_top {
  position: relative;
  padding: 10px 8px;
  border: 1px solid #ff6f90;
  border-radius: 6px;
  font-size: 0;
  font-feature-settings: "palt";
}
.fortunelist_top img {
  position: absolute;
  top: 48%;
  left: .5%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 16%;
  max-width: 54px;
}
.fortunelist_top_txt {
  border-left: 1px solid #dddddd;
  position: relative;
  margin-left: 15%;
  padding-left: 3%;
  font-size: 15px;
  text-align: justify;
  width: 84%;
  vertical-align: top;
  line-height: 1.35;
}
.fortunelist_top_link {
  width: 100%;
  text-align: right;
}
.fortunelist_top_link > span {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  color: #ff6f90;
  font-weight: bold;
  text-align: right;
  width: 155px;
  padding-bottom: 1px;
  border-bottom: 1px solid #ff6f90;
}
.fortunelist_top_link span span {
  position: relative;
  width: 12px;
  height: 19px;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 3px;
}
.fortunelist_top_link span span::before {
  content: "";
  position: absolute;
  top: 62%;
  left: 50%;
  width: 2px;
  height: 8px;
  display: block;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  background: #ff6f90;
  border-radius: 0 0 2px 2px;
}
.fortunelist_top_link span span::after {
  content: "";
  position: absolute;
  top: 39%;
  left: 50%;
  width: 2px;
  height: 8px;
  display: block;
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  background: #ff6f90;
  border-radius: 2px 2px 0 0;
}
#popup_match img {
  width: 114px;
  margin: 20px auto;
  display: block;
}
#popup_match > p {
  margin: 20px 24px;
  text-align: justify;
}
.popup_match_btn {
  padding: 0 24px 32px;
}
.popup_match_btn p {
  display: inline-block;
  width: 100%;
  padding: 7px 0;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.popup_match_btn a {
  color: #fff;
}
#fortunelist_contents {
  position: relative;
  z-index: 3;
  background: #fff;
}
.fortunelist_contents_wrapper > ul > li {
  margin: 0 auto;
  padding: 8px 0 0;
  max-width: 550.1px;
}
.fortunelist_contents_list {
  margin: 12px auto;
  width: 94%;
  display: block;
  font-size: 0;
}
.fortunelist_contents_list_img {
  position: relative;
  width: 110px;
  height: 110px;
  border-radius: 6px;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  margin-right: 9px;
  box-shadow: 0 2px 6px 0px rgba(0,0,0,.2);
}
.fortunelist_contents_list_img img {
  width: 100%;
  display: block;
  border-radius: 6px;
}
.fortunelist_list_10minfree {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 2px 0 1px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  background: rgba(255, 110, 146, .9);
  border-radius: 0 0 6px 6px;
  text-align: center;
  text-shadow: 0 2px 2px rgba(0,0,0,.3);
  -webkit-text-shadow: 0 2px 2px rgba(0,0,0,.3);
  animation: 2.5s tenminfree linear infinite;
  -webkit-animation: 2.5s tenminfree linear infinite;
}
@keyframes tenminfree {
  0% {
    opacity: 1;
  } 20% {
    opacity: 1;
  }  50% {
    opacity: 0;
  } 80% {
    opacity: 1;
  }  100% {
    opacity: 1;
  }
}
@-webkit-keyframes tenminfree {
  0% {
    opacity: 1;
  } 50% {
    opacity: 0;
  } 100% {
    opacity: 1;
  }
}
.fortunelist_contents_list_txt {
  font-size: 12px;
  color: #959595;
  position: relative;
  width: 64%;
  width: calc(100% - 119px);
  display: inline-block;
}
.fortunelist_contents_list_txt > p:nth-of-type(1) {
  color: #595959;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: -.3px;
  white-space: nowrap;
  line-height: 1.5;
}
.fortunelist_contents_list_txt > p:nth-of-type(2) {
  margin: 0px 0 5px;
  letter-spacing: -.3px;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 33px;
  overflow: hidden;
  width: 57%;
  width: calc(100% - 102px);
}
.fortunelist_contents_list_txt > span {
  font-size: 0;
}
.fortunelist_contents_list_txt > span img {
  width: 18px;
  display: inline-block;
  vertical-align: top;
}
.fortunelist_contents_list_txt1 {
  font-size: 18px;
  font-weight: bold;
  color: #ff6e92;
  display: inline-block;
  margin: -5px 3px 0 2px;
  vertical-align: top;
  line-height: 1.5;
}
.fortunelist_contents_list_txt2 {
  font-size: 13px;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  margin-top: 1px;
}
.fortunelist_contents_list_labelset {
  position: absolute;
  top: 39%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  font-size: 0;
}
.labelset_active {
  display: inline-block !important;
}
.fortunelist_contents_list_labelset li {
  margin-left: 4px;
  display: none;
}
.fortunelist_contents_list_labelset li:last-child {
  margin-right: 0;
}
.fortunelist_contents_list_labelset li img {
  width: 30px;
}
.fortunelist_contents_list_btn_state1, .fortunelist_contents_list_btn_state2, .fortunelist_contents_list_btn_state3, .fortunelist_contents_list_btn_state4, .fortunelist_contents_list_btn_state5, .fortunelist_contents_list_btn_state6 {
  display: block;
  font-size: 17px;
  width: 100%;
  padding: 9px 0;
  margin: 0 auto;
  text-align: center;
  letter-spacing: -.5px;
}
.fortunelist_contents_list_btn_state1 a, .fortunelist_contents_list_btn_state2 a, .fortunelist_contents_list_btn_state3 a, .fortunelist_contents_list_btn_state4 a, .fortunelist_contents_list_btn_state5 a, .fortunelist_contents_list_btn_state6 a {
  color: #fff;
}
.fortunelist_contents_list_comment {
  position: relative;
  display: block;
  margin: 12px 0 11px;
  padding: 7px 6px 7px 12px;
  width: 100%;
  color: #595959;
  border-radius: 6px;
  border: .9px solid #595959;
  background: #fff;
  box-sizing: border-box;
  font-size: 15px;
  text-align: justify;
  line-height: 1.4;
}
.fortunelist_contents_list_comment::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 56px;
  margin-left: -12px;
  border: 9px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
}
.fortunelist_contents_list_comment::after {
  content: "";
  position: absolute;
  top: -22px;
  left: 56px;
  margin-left: -13px;
  border: 10px solid transparent;
  border-bottom: 12px solid #595959;
  z-index: 1;
}
.fortunelist_contents_list_comment p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fortunelist_contents_list_next {
  color: #595959;
  width: 100%;
  overflow: hidden;
  display: block;
  font-size: 16px;
  letter-spacing: -.3px;
  white-space: nowrap;
  line-height: 1.5;
  text-align: center;
}
.fortunelist_contents_list_next span {
  font-weight: bold;
  color: #ff6e92;
}
.fortunelist_contents_alllist_btn {
  position: relative;
  width: 65%;
  max-width: 250px;
  font-size: 14px;
  font-weight: 500;
  margin: 20px auto 0;
  display: block;
  padding: 3px 12px 2px;
  text-align: left;
  border-radius: 40px;
  color: #ff6e92;
  border: .9px solid #ff6e92;
}
.fortunelist_contents_alllist_btn span {
  position: absolute;
  top: 50%;
  right: 11px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 13px;
  height: 8px;
  display: block;
}
.fortunelist_contents_alllist_btn span::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 8px;
  height: 2px;
  display: block;
  background: #ff6e92;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.fortunelist_contents_alllist_btn span::after {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  width: 8px;
  height: 2px;
  display: block;
  background: #ff6e92;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.fortunelist_contents_alllist {
  display: none;
  opacity: 0;
}
.tellermain_btn_btn_origin_txt {
  font-size: 22px;
}
.tellermain_btn_btn_origin_txt span {
  line-height: 1.1;
}
.popup_fortune_btn {
  padding: 0 24px 18px;
}
.popup_fortune_btn p {
  display: block;
  width: 100%;
  padding: 7px 0;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.popup_fortune_btn a {
  color: #fff;
}
.popup_fortune2_btn {
  padding: 18px 24px 0;
}
.popup_fortune2_btn p {
  display: block;
  width: 100%;
  padding: 7px 0;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.popup_fortune2_btn a {
  color: #fff;
}
.popup_fortune_link {
  width: 100%;
  display: block;
  text-align: center;
}
.popup_fortune_link a {
  color: #ff6f90;
  font-weight: bold;
  border-bottom: 1px solid #ff6f90;
  padding-bottom: 2px;
}
/* 先生一覧（グリッド表示） */
.fortunelist_contents_wrapper_grid ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 20px auto;
  width: 96%;
  max-width: 550.1px;
}
.fortunelist_contents_wrapper_grid li {
  position: relative;
  margin: 4% 5% 11%;
  box-shadow: 0 2px 6px 0px rgba(0,0,0,.2);
  border-radius: 6px;
  overflow: hidden;
}
.fortunelist_contents_grid_img {
  width: 100%;
  position: relative;
  display: block;
}
.fortunelist_contents_grid_img img {
  width: 100%;
  display: block;
  border-radius: 6px 6px 0 0;
}
.fortunelist_10minfree {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 2px 0 1px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  background: rgba(255, 110, 146, .9);
  text-align: center;
  text-shadow: 0 2px 2px rgba(0,0,0,.3);
  -webkit-text-shadow: 0 2px 2px rgba(0,0,0,.3);
  animation: 2.5s tenminfree linear infinite;
  -webkit-animation: 2.5s tenminfree linear infinite;
}
.fortunelist_contents_grid_txt {
  position: relative;
  background: #fff;
  border-radius: 0 0 6px 6px;
  margin: 6px 6px 30px;
}
.fortunelist_contents_grid_txt p:nth-of-type(1) {
  line-height: 1.1;
  color: #959595;
  font-size: 11px;
  padding-bottom: 4px;
  border-bottom: 1px solid #959595;
  margin-bottom: 4px;
}
.fortunelist_contents_grid_txt p:nth-of-type(2) {
  color: #595959;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.3;
}
.fortunelist_contents_state1,
.fortunelist_contents_state2,
.fortunelist_contents_state3,
.fortunelist_contents_state4 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 2px 0 1px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-shadow: 0 2px 2px rgba(0,0,0,.3);
  -webkit-text-shadow: 0 2px 2px rgba(0,0,0,.3);
}
.fortunelist_contents_state1 {
  background: #47c69d;
}
.fortunelist_contents_state2 {
  background: #f96386;
}
.fortunelist_contents_state3 {
  background: #b2b2b2;
}
.fortunelist_contents_state4 {
  background: #19acec;
}





/* 先生個ページtellerconsult.php */
#tellermain > img {
  margin: 0 auto;
  display: block;
}
.tellermain_comment {
  position: relative;
  display: block;
  margin: 8px auto 18px;
  padding: 7px 12px;
  width: 96%;
  max-width: 550.1px;
  color: #595959;
  border-radius: 6px;
  border: .9px solid #595959;
  background: #fff;
  box-sizing: border-box;
  font-size: 15px;
  text-align: justify;
  line-height: 1.4;
}
.tellermain_comment::before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  border: 10px solid transparent;
  border-bottom: 20px solid #FFF;
  z-index: 2;
}
.tellermain_comment::after{
  content: "";
  position: absolute;
  top: -34px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  border: 11px solid transparent;
  border-bottom: 23px solid #595959;
  z-index: 1;
}
.tellermain_10minfree {
  margin: 22px auto 24px;
  width: 80%;
  max-width: 300px;
  padding: 2px 0;
  background: #ff6e92;
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  font-feature-settings: "palt";
  text-align: center;
  animation: 2.5s tenminfree linear infinite;
  -webkit-animation: 2.5s tenminfree linear infinite;
}
#tellertmain_state_follow {
  font-size: 0;
  text-align: center;
}
#tellertmain_state_follow li {
  position: relative;
  display: inline-block;
  padding: 2px 13px 1px;
  font-size: 14px;
  border-radius: 4px;
  vertical-align: top;
}
#tellertmain_state_follow li:nth-of-type(1) {
  border: .9px solid #595959;
  color: #595959;
  box-sizing: border-box;
}
#tellertmain_state_follow li:nth-of-type(1) span {
  position: absolute;
  top: 49%;
  left: 8px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 13px;
  height: 13px;
  background: #ff6e92;
  border-radius: 50%;
}
#tellertmain_state_follow li:nth-of-type(1) p {
  display: inline-block;
  vertical-align: top;
  margin-left: 13px;
}
#tellertmain_state_follow li:nth-of-type(2) {
  color: #fff;
  font-weight: bold;
  background: #ff6e92;
  border: .9px solid #ff6e92;
  margin-left: 3%;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  transition: .2s ease-out;
  -webkit-transition: .2s ease-out;
}
#tellertmain_state_follow li:nth-of-type(2) p:nth-of-type(1) {
  position: absolute;
  top: 49%;
  left: 8px;
  width: 13px;
  height: 13px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transition: .2s ease-out;
  -webkit-transition: .2s ease-out;
}
#tellertmain_state_follow li:nth-of-type(2) p:nth-of-type(1) span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background: #fff;
  display: block;
  transition: .2s ease-out;
  -webkit-transition: .2s ease-out;
}
#tellertmain_state_follow li:nth-of-type(2) p:nth-of-type(1) span:nth-of-type(1) {
  width: 100%;
  height: 2px;
}
#tellertmain_state_follow li:nth-of-type(2) p:nth-of-type(1) span:nth-of-type(2) {
  width: 2px;
  height: 100%;
}
#tellertmain_state_follow li:nth-of-type(2) p:nth-of-type(2) {
  display: inline-block;
  vertical-align: top;
  margin-left: 13px;
}
#tellermain_num {
  text-align: center;
  display: block;
  margin: 22px auto 16px;
}
#tellermain_num li {
  display: inline-block;
  padding: 0 8px 0 5px;
  border-right: 1px solid #bcbcbc;
  vertical-align: top;
}
#tellermain_num li:first-child {
  padding-left: 0;
}
#tellermain_num li:last-child {
  padding-right: 0;
  border-right: 0px;
}
#tellermain_num img {
  width: 20px;
  display: inline-block;
  margin-top: -6px;
}
#tellermain_num p {
  margin: 0 -4px 0 -3px;
  display: inline-block;
  font-weight: bold;
  color: #ff6e92;
  font-size: 21px;
  font-feature-settings: "palt";
}
#tellermain_num span {
  display: inline-block;
  font-weight: bold;
  color: #8f8f8f;
  font-size: 13px;
  margin-top: 9px;
  vertical-align: top;
  font-feature-settings: "palt";
  white-space: nowrap;
}
#tellermain_next {
  width: 96%;
  max-width: 550.1px;
  margin: 0 auto 20px;
  display: block;
  border: .9px solid #ff6e92;
  border-radius: 6px;
  font-size: 14px;
}
#tellermain_next p {
  color: #ff6e92;
  padding: 2px 10px;
  border-right: .9px solid #ff6e92;
  display: inline-block;
}
#tellermain_next span {
  color: #595959;
  padding: 2px 10px;
  display: inline-block;
}
#tellermain_contents {
  position: relative;
  z-index: 3;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.tellermain_contents_inner {
  width: 300%;
  display: block;
  font-size: 0;
}
.tellermain_contents_action0 {
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tellermain_contents_action1 {
  transform: translateX(-33.33333%);
  -webkit-transform: translateX(-33.33333%);
  transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tellermain_contents_action2 {
  transform: translateX(-66.6666666666%);
  -webkit-transform: translateX(-66.6666666666%);
  transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#tellermain_profile, #tellermain_schedule, #tellermain_review {
  padding: 10px 0 0;
  width: 33.3333%;
  width: calc(100% / 3);
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  text-align: justify;
  color: #595959;
  font-size: 16px;
}
#tellermain_review {
  text-align: center;
}
.tellermain_profile_list1, .tellermain_profile_list2 {
  width: 96%;
  max-width: 550.1px;
  margin: 0 auto;
  display: block;
}
.tellermain_profile_list1 li, .tellermain_profile_list2 li {
  display: block;
  margin: 10px 0 0;
  padding: 0 0 10px;
  border-bottom: 1px solid #d5d5d5;
  font-size: 0;
}
.tellermain_profile_list1 p {
  display: inline-block;
  padding: 0 0 0 8px;
  vertical-align: top;
  width: 106px;
  box-sizing: border-box;
  font-size: 16px;
}
.tellermain_profile_list1 li > span {
  display: inline-block;
  padding: 0 8px 0 0;
  vertical-align: top;
  font-size: 16px;
  box-sizing: border-box;
  width: 64%;
  width: calc(100% - 106px);
}
.tellermain_profile_list1 li:nth-of-type(3) > span {
  text-align: left;
}
.tellermain_profile_list1 li > span span {
  color: #ff6e92;
  border: .9px solid #ff6e92;
  border-radius: 4px;
  font-size: 12px;
  padding: 2px 4px 2px;
  margin-bottom: 6px;
  text-align: left;
  vertical-align: top;
  line-height: 1.25;
  display: inline-block;
}
.tellermain_profile_list2 p {
  font-size: 19px;
  font-weight: bold;
  width: 100%;
  margin: 0 auto;
  padding: 0 8px 5px;
  box-sizing: border-box;
  display: block;
}
.tellermain_profile_list2 span {
  width: 100%;
  margin:  0 auto;
  padding: 0 8px;
  box-sizing: border-box;
  display: block;
  font-size: 16px;
}
.tellermain_contents_btn {
  display: block;
  font-size: 23px;
  width: 75%;
  max-width: 550.1px;
  padding: 7px 0;
  margin: 24px auto 36px;
  text-align: center;
}
.tellermain_contents_btn a {
  color: #fff;
}
#tellermain_schedule > p {
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  padding: 18px 0 0;
}
#tellermain_schedule ul {
  padding-bottom: 30px;
}
#tellermain_schedule li {
  text-align: center;
  padding: 16px 0 10px;
  width: 260px;
  border-bottom: 1px solid #d5d5d5;
  margin: 0 auto;
}
#tellermain_schedule li p:first-child {
  border: .9px solid #ff6e92;
  width: 173px;
  margin: 0 auto 14px;
  border-radius: 4px;
}
#tellermain_schedule li p:first-child span {
  color: #ff6e92;
  font-weight: bold;
}
#tellermain_schedule li p:not(:first-child) {
  line-height: 2;
}
.tellermain_review_stars {
  padding: 6px 7px 7px 8px;
  border: 1px solid #ffca2a;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 0;
  margin: 14px auto 8px;
  display: inline-block;
}
.tellermain_review_stars > img {
  width: 31px;
  display: inline-block;
  vertical-align: top;
  padding: 1px 0 0;
}
.tellermain_review_stars p {
  font-size: 21px;
  font-weight: bold;
  vertical-align: top;
  margin: -2px 0 -6px 5px;
  display: inline-block;
  line-height: 1.5;
}
.tellermain_review_stars_img {
  width: 140px;
  display: inline-block;
  margin: 0 -6px 0 5px;
}
.tellermain_review_stars_img img {
  width: 18%;
  margin-right: 2%;
  display: inline-block;
}
.tellermain_review_num {
  font-size: 14px;
  font-feature-settings: "palt";
}
.tellermain_review_num span {
  font-weight: bold;
  color: #ff6e92;
}
.tellermain_contents_btn2 {
  display: block;
  font-size: 23px;
  width: 80%;
  max-width: 550.1px;
  padding: 7px 0;
  margin: 24px auto 36px;
  text-align: center;
}
.tellermain_contents_btn2 a {
  color: #fff;
  display: block;
}
.tellermain_contents_btn2 img {
  width: 34px;
  margin: 0 -4px 0 0;
  display: inline-block;
  vertical-align: bottom;
}
.tellermain_contents_btn2 p {
  display: inline-block;
  line-height: 1.5;
}
.tellermain_review_contents ul {
  width: 96%;
  max-width: 550.1px;
  margin: 0 auto;
  display: block;
}
.tellermain_review_contents ul:last-child {
  padding: 0 0 20px;
}
.tellermain_review_contents ul:not(:first-child) {
  display: none;
}
.tellermain_review_contents li {
  text-align: justify;
  padding: 20px 8px;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #d5d5d5;
}
.tellermain_review_contents li > p {
  font-weight: bold;
  font-size: 19px;
  line-height: 1.4;
}
.tellermain_review_contents_stars {
  display: block;
  font-size: 0;
  margin: 5px 0 7px;
}
.tellermain_review_contents_stars img {
  width: 20px;
  margin-right: 3px;
  display: inline-block;
}
.tellermain_review_contents_stars p {
  display: inline-block;
  font-size: 14px;
  vertical-align: bottom;
  line-height: 1;
}
.tellermain_review_contents_user {
  font-size: 0;
  color: #9c9c9c;
  text-align: left;
  margin-bottom: 5px;
  font-feature-settings: "palt";
}
.tellermain_review_contents_user p:not(:first-child) {
  font-size: 13px;
  width: 50%;
  display: inline-block;
}
.tellermain_review_contents_user p:first-child {
  font-size: 13px;
  width: 100%;
  display: block;
}
.tellermain_review_contents_user p:last-child {
   text-align: right;
}
.tellermain_review_contents_user p:last-child span {
  color: #ff6e92;
  font-weight: bold;
}
.tellermain_review_contents li > span {
  font-size: 15px;
}
.tellermain_review_btn {
  position: relative;
  width: 65%;
  max-width: 250px;
  font-size: 14px;
  font-weight: 500;
  margin: 20px auto;
  display: block;
  padding: 3px 12px 2px;
  text-align: left;
  border-radius: 40px;
  color: #ff6e92;
  border: .9px solid #ff6e92;
  font-feature-settings: "palt";
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.tellermain_review_btn span {
  position: absolute;
  top: 50%;
  right: 11px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 13px;
  height: 8px;
  display: block;
}
.tellermain_review_btn span::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 8px;
  height: 2px;
  display: block;
  background: #ff6e92;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.tellermain_review_btn span::after {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  width: 8px;
  height: 2px;
  display: block;
  background: #ff6e92;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.tellermain_review_recommend {
  display: block;
  padding: 24px 0 12px;
  width: 92%;
  max-width: 550.1px;
  margin: 0 auto;
  font-size: 0;
}
.tellermain_review_recommend li {
  width: 30%;
  width: calc(93% / 3);
  display: inline-block;
  margin-right: 3.33333333333%;
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 0 2px 6px 0px rgba(0,0,0,.2);
}
.tellermain_review_recommend li:last-child {
  margin-right: 0;
}
.tellermain_review_recommend li a {
  display: block;
}
.tellermain_review_recommend li img {
  width: 100%;
}
.tellermain_title_bottom {
  width: 264px !important;
}


/* ブログ一覧 blog_all.php */
.swipe_blog_new {
  position: relative;
 height: 192px;
 overflow: hidden;
}
.swipe_blog_new a {
  color: #fff;
}
.swipe_blog_new a > img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 100%;
}
.swipe_blog_new_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3);
}
.swipe_blog_new h2 {
  position: relative;
  width: 100%;
  padding: 10px 12px 3px;
  font-weight: bold;
  font-size: 18px;
  text-align: justify;
  line-height: 1.4;
  font-feature-settings: "palt";
}
.swipe_blog_new span {
  position: relative;
  display: block;
  width: 100%;
  color: #c8c8c8;
  font-weight: 300;
  font-size: 13px;
  text-align: justify;
  line-height: 1.3;
  font-feature-settings: "palt";
}
.swipe_blog_new a > span {
  padding: 0 12px;
}
.swipe_blog_new_teller {
  position: absolute;
  bottom: 10px;
  left: 12px;
  width: 100%;
  font-size: 0;
}
.swipe_blog_new_teller_img {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 7px;
  vertical-align: top;
  box-shadow: 0 2px 6px 0px rgba(0,0,0,.2);
}
.swipe_blog_new_teller_txt {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  font-feature-settings: "palt";
  padding-right: 12px;
  width: 81%;
  width: calc(100% - 68px);
}
.swipe_blog_new_teller_txt P {
  font-weight: bold;
  line-height: 1.3;
  font-size: 18px;
  margin-bottom: 2px;
}
.swipe_blog_new_teller_txt span {
  font-weight: bold;
}
.blog_new_contributor {
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 100%;
  font-size: 0;
}
.blog_new_contributor1 {
  position: absolute;
  bottom: 0;
  left: 0;
}
.blog_new_contributor2 {
  position: absolute;
  bottom: 7px;
  right: 0;
}
.blog_new_contributor_img {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0 5px 0 12px;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: top;
  box-shadow: 0 2px 6px 0px rgba(0,0,0,.2);
}
.blog_new_contributor p {
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  margin: 8px 0 0;
  color: #9c9c9c;
  display: inline-block;
  vertical-align: top;
  font-feature-settings: "palt";
}
.blog_new_list {
  max-width: 550.1px;
}
.blog_new_list_txt {
  position: relative;
  margin: 12px 0;
  width: 62%;
  width: calc(100% - 126px);
  height: 123px;
  display: inline-block;
  vertical-align: top;
}
.blog_new_list_txt > p {
  margin: 1px 0 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  text-align: justify;
  display: block;
}


/* 先生ブログ一覧 blog.php */
#blog_topimg {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 165px;
  display: block;
  overflow: hidden;
}
#blog_topimg img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 100%;
}
#blog_topimg p {
  position: relative;
  width: 100%;
  max-width: 550.1px;
  height: 100%;
  display: block;
  margin: 0 auto;
}
#blog_topimg p span {
  position: absolute;
  z-index: 2;
  bottom: 12px;
  left: 130px;
  width: 57%;
  width: calc(100% - 135px);
  line-height: 1.3;
  color: #fff;
  font-weight: bold;
  font-size: 19px;
}
#blog_topimg::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 43%, rgba(0,0,0,0.641) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,0.641) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,0.641) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#8a000000',GradientType=0 );
}
#blog_contents {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 550.1px;
  margin: 0 auto;
  color: #595959;
}
.blog_contents_profile {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 4%;
}
.blog_contents_profile_img {
  position: absolute;
  top: -50px;
  left: 16px;
  width: 100px;
  height: 100px;
  border: 3px solid #fff;
  border-radius: 50%;
  overflow: hidden;
}
.blog_contents_profile_img img {
  width: 100%;
}
.blog_contents_profile h2 {
  position: absolute;
  top: 12px;
  left: 130px;
  width: 57%;
  width: calc(100% - 135px);
  line-height: 1.3;
  font-weight: bold;
  font-size: 18px;
}
.blog_contents_profile > p {
  margin: 0 auto;
  padding: 64px 0 0;
  font-size: 15px;
}
.blog_contents_profile_btn {
  display: block;
  font-size: 23px;
  width: 86%;
  max-width: 550.1px;
  padding: 7px 0;
  margin: 18px auto 36px;
  text-align: center;
}
.blog_contents_profile_btn a {
  color: #fff;
}
.blog_contents_list {
  width: 96%;
  margin: 0 auto;
}
.blog_contents_list li {
  position: relative;
  font-size: 0;
  width: 100%;
  margin: 0 auto;
  border-bottom: .9px solid #d2d2d2;
}
.blog_contents_list li a {
  display: block;
  color: #595959;
}
.blog_contents_list_img {
  margin: 12px;
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 0 2px 6px 0px rgba(0,0,0,.2);
  display: inline-block;
  vertical-align: top;
}
.blog_contents_list_img img {
  width: 100%;
}
.blog_contents_list_txt {
  position: relative;
  margin: 12px 0;
  width: 62%;
  width: calc(100% - 126px);
  display: inline-block;
  vertical-align: top;
}
.blog_contents_list_txt_date {
  font-size: 13px;
  font-weight: bold;
  display: block;
  color: #9c9c9c;
}
.blog_contents_list_txt_date img {
  display: inline-block;
  width: 18px;
  margin: 0;
  vertical-align: top;
}
.blog_contents_list_txt > p {
  margin: 2px 0 24px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  text-align: justify;
  display: block;
}
.blog_contents_list_txt_reaction {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  display: block;
  width: 106px;
  font-size: 0;
  font-weight: bold;
  color: #9c9c9c;
}
.blog_contents_list_txt_reaction img {
  width: 21px;
  vertical-align: top;
  margin: 1px -2px 0 0;
}
.blog_contents_list_txt_reaction_like, .blog_contents_list_txt_reaction_comment {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
}
.blog_contents_pager {
  margin: 8px auto;
  text-align: center;
  display: block;
  font-size: 0;
  color: #595959;
}
.blog_contents_pager a {
  color: #595959;
}
.blog_contents_pager li {
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-top: 4px;
  margin-bottom: 4px;
}
.blog_contents_pager li:not(:first-child):not(:last-child):not(:nth-of-type(2)):not(:nth-last-child(2)):not(:nth-last-child(3)) {
  margin-right: 5px;
  width: 28px;
  height: 26px;
  border-radius: 4px;
  border: .9px solid #595959;
  text-align: center;
}
.blog_contents_pager li:nth-last-child(3) {
  margin-right: 0;
  width: 28px;
  height: 26px;
  border-radius: 4px;
  border: .9px solid #595959;
  text-align: center;
}
.blog_contents_pager li:first-child {
  position: relative;
  border-radius: 4px;
  border: .9px solid #595959;
  width: 36px;
  height: 26px;
}
.blog_contents_pager li:first-child span:nth-of-type(1)::after {
  content: "";
  position: absolute;
  top: 64%;
  left: 35%;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  width: 10px;
  height: 1px;
  background: #595959;
  display: block;
}
.blog_contents_pager li:first-child span:nth-of-type(1)::before {
  content: "";
  position: absolute;
  top: 35%;
  left: 35%;
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  width: 10px;
  height: 1px;
  background: #595959;
  display: block;
}
.blog_contents_pager li:first-child span:nth-of-type(2)::after {
  content: "";
  position: absolute;
  top: 64%;
  left: 60%;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  width: 10px;
  height: 1px;
  background: #595959;
  display: block;
}
.blog_contents_pager li:first-child span:nth-of-type(2)::before {
  content: "";
  position: absolute;
  top: 35%;
  left: 60%;
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  width: 10px;
  height: 1px;
  background: #595959;
  display: block;
}
.blog_contents_pager li:nth-of-type(2) {
  position: relative;
  border-radius: 4px;
  border: .9px solid #595959;
  width: 28px;
  height: 26px;
  margin-right: 5px;
  margin-left: 5px;
}
.blog_contents_pager li:nth-of-type(2) span::after {
  content: "";
  position: absolute;
  top: 64%;
  left: 46%;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  width: 10px;
  height: 1px;
  background: #595959;
  display: block;
}
.blog_contents_pager li:nth-of-type(2) span::before {
  content: "";
  position: absolute;
  top: 35%;
  left: 46%;
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  width: 10px;
  height: 1px;
  background: #595959;
  display: block;
}
.blog_contents_pager li:last-child {
  position: relative;
  border-radius: 4px;
  border: .9px solid #595959;
  width: 36px;
  height: 26px;
}
.blog_contents_pager li:last-child span:nth-last-child(1)::after {
  content: "";
  position: absolute;
  top: 64%;
  left: 35%;
  transform: translate(-50%, -50%) rotate(135deg);
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  width: 10px;
  height: 1px;
  background: #595959;
  display: block;
}
.blog_contents_pager li:last-child span:nth-last-child(1)::before {
  content: "";
  position: absolute;
  top: 35%;
  left: 35%;
  transform: translate(-50%, -50%) rotate(-135deg);
  -webkit-transform: translate(-50%, -50%) rotate(-135deg);
  width: 10px;
  height: 1px;
  background: #595959;
  display: block;
}
.blog_contents_pager li:last-child span:nth-last-child(2)::after {
  content: "";
  position: absolute;
  top: 64%;
  left: 60%;
  transform: translate(-50%, -50%) rotate(135deg);
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  width: 10px;
  height: 1px;
  background: #595959;
  display: block;
}
.blog_contents_pager li:last-child span:nth-last-child(2)::before {
  content: "";
  position: absolute;
  top: 35%;
  left: 60%;
  transform: translate(-50%, -50%) rotate(-135deg);
  -webkit-transform: translate(-50%, -50%) rotate(-135deg);
  width: 10px;
  height: 1px;
  background: #595959;
  display: block;
}
.blog_contents_pager li:nth-last-child(2) {
  position: relative;
  border-radius: 4px;
  border: .9px solid #595959;
  width: 28px;
  height: 26px;
  margin-right: 5px;
  margin-left: 5px;
}
.blog_contents_pager li:nth-last-child(2) span::after {
  content: "";
  position: absolute;
  top: 64%;
  left: 46%;
  transform: translate(-50%, -50%) rotate(135deg);
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  width: 10px;
  height: 1px;
  background: #595959;
  display: block;
}
.blog_contents_pager li:nth-last-child(2) span::before {
  content: "";
  position: absolute;
  top: 35%;
  left: 46%;
  transform: translate(-50%, -50%) rotate(-135deg);
  -webkit-transform: translate(-50%, -50%) rotate(-135deg);
  width: 10px;
  height: 1px;
  background: #595959;
  display: block;
}
.blog_contents_pager_active {
  background: #ff6f90;
  border: 0 !important;
  color: #fff !important;
}




/* ブログ個ページ blog_article.php */
.blog_article_pager {
  width: 100%;
  max-width: 550.1px;
  margin: 0 auto;
}
.blog_article_pager ul {
  position: relative;
  width: 100%;
  height: 45px;
  display: block;
  font-size: 14px;
}
.blog_article_pager li {
  vertical-align: top;
  font-feature-settings: "palt";
}
.blog_article_pager li:first-child {
  position: absolute;
  top: 50%;
  left: 4%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  text-align: left;
  width: 27%;
  min-width: 105px;
}
.blog_article_pager li:last-child {
  position: absolute;
  top: 50%;
  right: 4%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  text-align: right;
  width: 27%;
  min-width: 105px;
}
.blog_article_pager li:nth-of-type(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 28%;
  border-left: .9px solid #595959;
  border-right: .9px solid #595959;
  text-align: center;
}
.blog_article_pager li a {
  color: #595959;
  display: block;
}
.blog_article_pager li:first-child span {
  position: relative;
  width: 12px;
  height: 20px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
}
.blog_article_pager li:last-child span {
  position: relative;
  width: 12px;
  height: 20px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: top;
}
.blog_article_pager li:first-child span::after {
  content: "";
  position: absolute;
  top: 61%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  width: 8px;
  height: 1px;
  background: #595959;
  display: block;
}
.blog_article_pager li:first-child span::before {
  content: "";
  position: absolute;
  top: 36%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  width: 8px;
  height: 1px;
  background: #595959;
  display: block;
}
.blog_article_pager li:last-child span::after {
  content: "";
  position: absolute;
  top: 36%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  width: 8px;
  height: 1px;
  background: #595959;
  display: block;
}
.blog_article_pager li:last-child span::before {
  content: "";
  position: absolute;
  top: 61%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  width: 8px;
  height: 1px;
  background: #595959;
  display: block;
}
#blog_article_contents {
  position: relative;
  width: 100%;
  max-width: 550.1px;
  padding: 20px 0 4px;
  margin: 0 auto;
}
.blog_article_contents_profile1 {
  width: 90%;
  margin: 0 auto;
  font-size: 0;
}
.blog_article_contents_profile1_img {
  width: 31%;
  max-width: 112px;
  margin-right: 4%;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: top;
}
.blog_article_contents_profile1_txt_link {
  width: 65%;
  letter-spacing: -.4px;
  display: inline-block;
  vertical-align: top;
  text-align: justify;
  color: #595959;
  font-feature-settings: "palt";
}
.blog_article_contents_profile1_txt_link h2 {
  font-size: 17px;
  padding-top: 2px;
}
.blog_article_contents_profile1_txt_link p {
  font-size: 15px;
  padding-top: 1px;
}
.blog_article_contents_profile_btn1 {
  display: block;
  font-size: 16px;
  width: 167px;
  max-width: 550.1px;
  padding: 7px 0;
  margin: 12px 0 26px;
  text-align: center;
}
.blog_article_contents_profile_btn1 a {
  color: #fff;
}
#blog_article_contents_txt {
  color: #595959;
  width: 90%;
  max-width: 550.1px;
  margin: 0 auto;
}
#blog_article_contents_txt h2 {
  font-size: 20px;
  margin: 14px 0;
}
.blog_article_contents_txt_img {
  position: relative;
  width: 100%;
  display: block;
  height: 200px;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0px rgba(0,0,0,.2);
  transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.blog_article_contents_txt_img img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 100%;
}
.blog_article_contents_txt_date {
  position: relative;
  color: #9c9c9c;
  padding: 8px 0 5px;
  border-bottom: .9px solid #d2d2d2;
}
.blog_article_contents_txt_date p {
  font-size: 13px;
  display: inline-block;
  vertical-align: top;
  font-feature-settings: "palt";
}
.blog_contents_list_txt_reaction {
  position: relative;
  display: inline-block;
  vertical-align: top;
  float: right;
}
.blog_article_contents_txt_inner {
  margin: 12px 0 20px;
  display: block;
  text-align: justify;
  color: #595959;
}
.blog_article_contents_profile2 {
  padding: 20px 0;
  display: block;
  width: 70%;
  min-width: 290px;
  margin: 0 auto;
}
.blog_article_contents_profile2_inner {
  width: 100%;
  margin: 0 auto 28px;
  font-size: 0;
}
.blog_article_contents_profile2_img {
  width: 26%;
  margin-right: 4%;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: top;
}
.blog_article_contents_profile2_img img {
  width: 100%;
}
.blog_article_contents_profile2_txt_link {
  width: 70%;
  letter-spacing: -.4px;
  display: inline-block;
  vertical-align: top;
  text-align: justify;
  color: #595959;
  font-feature-settings: "palt";
}
.blog_article_contents_profile2_txt_link h2 {
  font-size: 16px;
  padding-top: 3%;
}
.blog_article_contents_profile2_txt_link p {
  font-size: 15px;
  padding-top: 1px;
  letter-spacing: -.7px;
  text-align: justify;
}
.blog_article_contents_profile2_btn1, .blog_article_contents_profile2_btn4, .blog_article_contents_profile2_btn5, .edit_profile_btn2 {
  display: block;
  font-size: 20px;
  width: 100%;
  max-width: 550.1px;
  padding: 7px 0;
  margin: 0 auto 12px;
  text-align: center;
}
.blog_article_contents_profile2_btn1 a, .blog_article_contents_profile2_btn4 a, .blog_article_contents_profile2_btn5 a {
  color: #fff;
  display: block;
}
.blog_article_contents_profile2_btn {
  font-size: 0;
  width: 100%;
  display: block;
}
.blog_article_contents_profile2_btn li {
  position: relative;
  display: inline-block;
  width: 49%;
  vertical-align: top;
}
.blog_article_contents_profile2_btn li:first-child {
  margin-right: 2%;
}
.blog_article_contents_profile2_btn2 {
  display: block;
  font-size: 20px;
  width: 100%;
  max-width: 550.1px;
  margin: 0 0 12px;
  display: block;
  text-align: center;
}
.blog_article_contents_profile2_btn2 a {
  color: #fff;
  font-size: 0;
  padding: 10px 0 9px;
  display: block;
  font-feature-settings: "palt";
}
.blog_article_contents_profile2_btn2 img {
  width: 29px;
  vertical-align: top;
  margin-right: -4px;
}
.blog_article_contents_profile2_btn2 p {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: -.6px;
  width: 80px;
  white-space: nowrap;
}
.blog_article_contents_profile2_btn3 {
  display: block;
  font-size: 20px;
  width: 100%;
  max-width: 550.1px;
  margin: 0 0 12px;
  display: block;
  text-align: center;
}
.blog_article_contents_profile2_btn3 a {
  color: #fff;
  font-size: 0;
  padding: 10px 0 9px;
  display: block;
  font-feature-settings: "palt";
}
.blog_article_contents_profile2_btn3 img {
  width: 29px;
  vertical-align: top;
  margin-right: -2px;
}
.blog_article_contents_profile2_btn3 p {
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: -.6px;
  width: 96px;
  white-space: nowrap;
}
.blog_article_contents_profile2_inner_num {
  position: absolute;
  bottom: -21px;
  left: 50%;
  transform: translateX(-50%);
  min-width: 44px;
  padding: 3px 10px 0;
  height: 26px;
  display: block;
  font-size: 14px;
  text-align: center;
  border-radius: 4px;
  color: #595959;
  font-weight: bold;
  background: #fff;
  box-shadow: 0 2px 5px 0px rgba(0,0,0,.2);
}
.blog_article_contents_profile2_inner_num::before {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  border: 7px solid transparent;
  border-bottom: 9px solid #FFF;
  z-index: 2;
}
.blog_article_comment_list {
  margin: 16px auto 0;
  width: 94%;
  max-width: 550.1px;
}
.blog_article_comment_list li {
  margin: 0 auto 14px;
  width: 96%;
  text-align: justify;
  border-bottom: .9px solid #d2d2d2;
  color: #595959;
  font-size: 0;
}
.blog_article_comment_list li:last-child {
  border: 0 !important;
  margin-bottom: 0 !important;
}
.blog_article_comment_list li h2 {
  display: inline-block;
  vertical-align: top;
  width: 65%;
  padding-right: 6px;
  font-size: 16px;
}
.blog_article_comment_list li span {
  width: 35%;
  text-align: right;
  display: inline-block;
  vertical-align: top;
  color: #9c9c9c;
  font-size: 11px;
  padding-top: 4px;
}
.blog_article_comment_list li p {
  font-size: 15px;
  width: 100%;
  text-align: justify;
  font-size: 15px;
  padding: 5px 0 12px;
}




/* ブログ投稿 blog_comment.php */
#blog_comment_form {
  padding: 20px 0 0;
  width: 94%;
  max-width: 550.1px;
  margin: 0 auto;
  color: #595959;
}
.blog_comment_form_inner1 {
  font-size: 0;
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 14px;
  border-bottom: .9px solid #d2d2d2;
}
.blog_comment_form_inner1 > p, .review_select p {
  font-weight: bold;
  font-size: 14px;
  vertical-align: top;
  display: inline-block;
  width: 30%;
  padding-top: 4px;
}
.blog_comment_form_inner_username {
  position: relative;
  font-weight: bold;
  font-size: 16px;
  vertical-align: top;
  display: inline-block;
  width: 70%;
  border-radius: 4px;
  border: .9px solid #c6c2c2;
  background: #f0f0f0;
  color: #b9b9b9;
}
.blog_comment_form_inner_username > p {
  width: 88%;
  padding: 3px 6px;
}
.blog_comment_form_inner_username img {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 18px;
}
.blog_comment_form_inner2 > p, .review_select p {
  font-weight: bold;
  font-size: 14px;
  vertical-align: top;
  margin-bottom: 10px;
  line-height: 1.4;
}
.blog_comment_form_inner2 > span {
  font-size: 14px;
  display: block;
  margin-bottom: 6px;
}
.blog_comment_form_inner2 textarea {
  border: .9px solid #d2d2d2;
  border-radius: 6px;
  margin: 0 auto 10px;
  padding: 6px 10px;
  font-size: 16px;
  text-align: justify;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
.blog_comment_btn {
  width: 286px;
  margin: 0 auto;
  text-align: center;
}
.blog_comment_btn > p {
  width: 100%;
  font-size: 12px;
  margin-bottom: 5px;
}





/* レビューページ review.php */
#review_form {
  padding: 20px 0 0;
  width: 94%;
  max-width: 550.1px;
  margin: 0 auto;
  color: #595959;
}
.review_form_contents1 {
  font-weight: bold;
  font-size: 14px;
  vertical-align: top;
  display: block;
  width: 100%;
  padding-top: 10px;
}
.review_form_contents1 input {
  border-bottom: .9px solid #595959;
  font-size: 16px;
  vertical-align: top;
  padding: 0 8px;
  margin: 6px 0 20px;
  width: 100%;
  display: block;
}
.review_form_contents1 input::placeholder {
  color: #acacac;
}
.blog_comment_form_inner1 select {
  position: relative;
  font-weight: bold;
  font-size: 16px;
  vertical-align: top;
  display: inline-block;
  width: 70%;
  padding: 3px 12px;
  border-radius: 4px;
  border: .9px solid #d2d2d2;
}
select[name="review_star"] {
  color: #f6c01e;
  font-weight: bold;
}
.review_select {
  margin-top: 16px;
  position: relative;
}
.review_select::before {
  content: "";
  width: 10px;
  height: 2px;
  position: absolute;
  z-index: 2;
  bottom: 15px;
  right: 14px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  background: #4c4c4c;
  display: block;
  pointer-events: none;
}
.review_select::after {
  content: "";
  width: 10px;
  height: 2px;
  position: absolute;
  bottom: 15px;
  right: 8px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  background: #4c4c4c;
  display: block;
  pointer-events: none;
}
.review_contents_btn {
  display: block;
  font-size: 20px;
  width: 100%;
  max-width: 550.1px;
  padding: 7px 0;
  margin: 0 auto 12px;
  text-align: center;
}
.blog_comment_note {
  border: .9px solid #d2d2d2;
  border-radius: 6px;
  margin: 0 auto 10px;
  padding: 17px 18px;
  font-size: 14px;
  text-align: justify;
  width: 100%;
  height: 200px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.blog_comment_note_check {
  margin: 0 auto 20px;
  display: block;
  text-align: center;
}
.blog_comment_note_check input {
  vertical-align: top;
  margin-top: 4px;
}
.blog_comment_note_check span {
  position: relative;
  font-size: 14px;
  vertical-align: top;
}





/* ハートストーン購入 buyheart.php */
#buyheart {
  color: #595959;
}
.heartintro {
  width: 100%;
  max-width: 550.1px;
  margin: 0 auto;
  padding: 16px 10px 0;
}
.heartintro_inner {
  position: relative;
  padding: 10px 8px;
  border: 1px solid #ff6f90;
  border-radius: 6px;
  font-size: 0;
  font-feature-settings: "palt";
}
.heartintro img {
  position: absolute;
  top: 50%;
  left: 7px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 9.5%;
}
.heartintro p {
  position: relative;
  margin-left: 12%;
  border-left: 1px solid #dddddd;
  padding-left: 6px;
  font-size: 15px;
  text-align: justify;
  width: 88%;
  vertical-align: top;
  line-height: 1.35;
}
.heartintro p span {
  font-weight: bold;
  color: #ff6f90;
}
.buyheart_contents {
  width: 94%;
  max-width: 550.1px;
  margin: 14px auto;
  display: block;
  font-feature-settings: "palt";
}
.buyheart_contents_haveed {
  border-bottom: .9px solid #d2d2d2;
  font-size: 0;
  margin: 0 auto;
  width: 100%;
  height: 124px;
  position: relative;
}
.buyheart_contents_haveed ul {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 84%;
  min-width: 263px;
}
.buyheart_contents_haveed li {
  display: inline-block;
  font-size: 14px;
  border-right: .9px solid #d2d2d2;
}
.buyheart_contents_haveed li:first-child {
  width: 45%;
}
.buyheart_contents_haveed li:last-child {
  border: 0;
  padding-left: 10px;
  width: 55%;
}
.buyheart_contents_haveed li  > p {
  display: block;
  letter-spacing: -.6px;
  font-size: 13px;
}
.buyheart_contents_haveed_in img {
  width: 34px;
  display: inline-block;
  margin-top: 8px;
  vertical-align: top;
}
.buyheart_contents_haveed_in p {
  font-size: 33px;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  min-width: 74px;
  text-align: right;
  padding-right: 10px;
  line-height: 1.5;
}
.buyheart_contents_haveed_in p span {
  font-size: 16px;
  font-weight: bold;
  margin-left: 2px;
}
.buyheart_contents_haveed > p {
  font-size: 15px;
  position: absolute;
  top: 70%;
  right: 0;
  vertical-align: top;
}
.buyheart_contents_haveed > p a {
  position: relative;
  color: #ff6f90;
  font-weight: bold;
  font-size: 14px;
}
.buyheart_contents_haveed > p a::before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ff6f90;
  display: block;
}
.buyheart_contents_haveed > p span {
  position: relative;
  width: 14px;
  height: 21px;
  vertical-align: top;
  display: inline-block;
}
.buyheart_contents_haveed > p span::before {
  content: "";
  position: absolute;
  top: 62%;
  left: 50%;
  width: 2px;
  height: 8px;
  display: block;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  background: #ff6f90;
  border-radius: 0 0 2px 2px;
}
.buyheart_contents_haveed > p span::after {
  content: "";
  position: absolute;
  top: 39%;
  left: 50%;
  width: 2px;
  height: 8px;
  display: block;
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  background: #ff6f90;
  border-radius: 2px 2px 0 0;
}
.buyheart_buylist {
  margin: 14px auto;
  width: 94%;
  display: block;
}
.buyheart_buylist li {
  position: relative;
  border: 1px solid #ff6f90;
  border-radius: 8px;
  box-shadow: 0 2px 6px -1px rgba(0,0,0,.2);
  font-weight: bold;
  font-size: 0;
  overflow: hidden;
  max-width: 335px;
  height: 49px;
  margin: 0 auto 12px;
  padding-top: 5px;
}
.buyheart_buylist img {
  position: absolute;
  top: 50%;
  left: 3%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 8.5%;
  display: inline-block;
  vertical-align: top;
}
.buyheart_buylist p {
  display: inline-block;
  vertical-align: bottom;
}
.buyheart_buylist p:nth-of-type(1) {
  font-size: 24px;
  width: 25%;
  margin-left: 12%;
  padding: 0 3% 0 0;
  text-align: right;
  letter-spacing: -.4px;
  line-height: 1.5;
}
.buyheart_buylist p:nth-of-type(1) span {
  font-size: 14px;
  margin-left: 3%;
}
.buyheart_buylist p:nth-of-type(2) {
  position: relative;
  font-size: 24px;
  width: 42%;
  padding: 0 3% 0 0;
  text-align: right;
  letter-spacing: -.4px;
  line-height: 1.5;
  color: #ff6f90;
}
.buyheart_buylist p:nth-of-type(2) span {
  position: absolute;
  top: 55%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1px;
  height: 34px;
  background: #d2d2d2;
  display: block;
}
.buyheart_buylist_btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 21%;
  height: 100%;
  text-align: center;
  background: #ff6f90;
  display: inline-block;
  border-radius: 0 7px 7px 0;
  color: #fff;
  line-height: 1;
  vertical-align: top;
  padding: 12px 0 0 2px;
  font-size: 20px;
  text-shadow: 0 2px 3px rgba(0,0,0,.4);
}
.buyheart_howto {
  padding: 10px 0 0;
  width: 94%;
  max-width: 550.1px;
  margin: 0 auto;
  font-feature-settings: "palt";
}
.buyheart_howto li {
  position: relative;
  padding: 8px 6px;
  border-top: .9px solid #d2d2d2;
  border-bottom: .9px solid #d2d2d2;
  text-align: left;
}
.buyheart_howto li:first-child {
  border-bottom: 0;
}
.buyheart_howto li a {
  position: relative;
  color: #595959;
  display: block;
}
.buyheart_howto li span {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 14px;
  height: 20px;
  vertical-align: top;
  display: block;
}
.buyheart_howto li span::after {
  content: "";
  position: absolute;
  top: 39%;
  left: 50%;
  width: 2px;
  height: 8px;
  display: block;
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  background: #595959;
  border-radius: 2px 2px 0 0;
}
.buyheart_howto li span::before {
  content: "";
  position: absolute;
  top: 62%;
  left: 50%;
  width: 2px;
  height: 8px;
  display: block;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  background: #595959;
  border-radius: 0 0 2px 2px;
}



/* ハートストーン購入詳細 buyheart_details.php */
.buyheart_details_title {
    width: 240px !important;
}
#buyheart_details {
  color: #595959;
}
.buyheart_details_contents_total {
  position: relative;
  width: 94%;
  max-width: 550.1px;
  margin: 0 auto;
  padding: 16px 0 20px;
}
.buyheart_details_contents_total h2 {
  vertical-align: top;
  font-size: 16px;
  display: block;
  font-weight: 400;
  font-feature-settings: "palt";
}
.buyheart_details_contents_total p {
  position: absolute;
  top: 47%;
  right: 3%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  height: 26px;
  vertical-align: top;
  font-size: 18px;
  font-weight: bold;
  width: 112px;
  text-align: right;
}
.buyheart_details_contents_total p img {
  height: 66%;
  margin: 4% 2px 0 0;
  display: inline-block;
  vertical-align: top;
}
.buyheart_details_contents_total p span {
  display: inline-block;
  font-size: 12px;
  margin-left: 1px;
}
#buyheart_details_contents_tab_inner {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 293px;
  overflow: hidden;
}
.buyheart_details_contents_tab_inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  transition: .3s ease-out;
  -webkit-transition: .3s ease-out;
  font-size: 0;
}
.buyheart_details_contents_tab_table {
  position: relative;
  z-index: 2;
  width: 50%;
  background: #fff;
  font-size: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
.buyheart_details_contents_tab_table_inner1, .buyheart_details_contents_tab_table_inner2 {
  width: 100%;
  max-width: 550.1px;
  margin: 0 auto;
  padding: 20px 10px;
}
#buyheart_details_contents_tab .tab_row2 p {
  padding-top: 2px;
  font-size: 14px;
}
.buyheart_details_contents_tab_table h2 {
  font-size: 15px;
  display: block;
  text-align: left;
  margin-bottom: 8px;
}
.buyheart_details_contents_tab_table ul {
  border: 1px solid #dddddd;
  text-align: center;
}
.buyheart_details_contents_tab_table li {
  border-bottom: 1px solid #dddddd;
  font-size: 0;
  display: block;
  white-space: nowrap;
  width: 100%;
}
.buyheart_details_contents_tab_table li:first-child {
  background: #f0f0f0;
  font-weight: bold;
}
.buyheart_details_contents_tab_table li:last-child {
  border-bottom: 0;
}
.buyheart_details_contents_tab_table li p {
  border-right: 1px solid #dddddd;
  font-size: 12px;
  display: inline-block;
  letter-spacing: -.3px;
  overflow: hidden;
}
.buyheart_details_contents_tab_table li p:nth-of-type(1), .buyheart_details_contents_tab_table li p:nth-of-type(2) {
  width: 20%;
}
.buyheart_details_contents_tab_table li p:nth-of-type(3), .buyheart_details_contents_tab_table li p:nth-of-type(4) {
  width: 30%;
}
.buyheart_details_contents_tab_table li:first-child p {
  padding: 5px 0;
}
.buyheart_details_contents_tab_table li:not(:first-child) p {
  padding: 9px 0;
}
.buyheart_details_contents_tab_table li p:last-child {
  border-right: 0;
}
.buyheart_details_contents_tab_table li p img {
  width: 11px;
  display: inline-block;
  margin: -2px 2px 0 0;
}
.buyheart_details_contents_tab_table_inner1 > p, .buyheart_details_contents_tab_table_inner2 > p {
  font-size: 15px;
  margin: 6px auto 12px;
  text-align: justify;
}
.buyheart_details_contents_tab_link {
  position: relative;
  width: 100%;
  height: 20px;
  vertical-align: top;
}
.buyheart_details_contents_tab_link a {
  position: absolute;
  top: 0;
  right: 0;
  color: #ff6f90;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #ff6f90;
}
.buyheart_details_contents_tab_link span {
  position: relative;
  margin-left: 6px;
  width: 10px;
  height: 21px;
  display: inline-block;
  vertical-align: top;
}
.buyheart_details_contents_tab_link span::before {
  content: "";
  position: absolute;
  top: 3px;
  right: 4px;
  width: 2px;
  height: 9px;
  background: #ff7093;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.buyheart_details_contents_tab_link span::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 4px;
  width: 2px;
  height: 9px;
  background: #ff7093;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}




/* ハートストーン有効期限について buyheart_details_due.php */
#buyheart_duo_contents {
  padding: 20px 0;
  margin: 0 auto;
  width: 94%;
  max-width: 550.1px;
  color: #595959;
  font-size: 16px;
}
#buyheart_duo_contents > h2 {
  padding: 0 2%;
  margin-bottom: -7px;
}
#buyheart_duo_contents > p {
  padding: 17px 2%;
  border-bottom: .9px solid #d2d2d2;
}
.buyheart_duo_lasttxt {
  border-bottom: 0 !important;
}
.buyheart_duo_btn {
  display: block;
  font-size: 26px;
  width: 75%;
  max-width: 550.1px;
  padding: 7px 0;
  margin: 5px auto 4px;
  text-align: center;
}
.buyheart_duo_btn a {
  color: #fff;
}





/* ハートストーン購入 クレジット buyheart_payment1.php | buyheart_payment2.php | buyheart_payment3.php | buyheart_payment4.php | buyheart_payment5.php | buyheart_payment6.php | buyheart_payment7.php */
#buyheart_payment {
  color: #595959;
}
.buyheart_payment_table {
  width: 94%;
  max-width: 550.1px;
  margin: 0 auto;
  padding: 20px 0 36px;
  text-align: left;
  vertical-align: top;
  border-bottom: .9px solid #d2d2d2;
}
.buyheart_payment_table > h2, .buyheart_payment_operation > h2 {
  font-size: 15px;
  display: block;
  text-align: left;
  margin-bottom: 8px;
}
.buyheart_payment_table > p {
  font-size: 15px;
  text-align: justify;
  margin: 6px auto;
  font-feature-settings: "palt";
}
.buyheart_payment_table > p:nth-of-type(2) {
  margin: 23px auto -18px;
}
.buyheart_payment_table ul {
  font-size: 0;
  width: 100%;
  margin-bottom: 9px;
  border: 1px solid #dddddd;
  font-feature-settings: "palt";
}
.buyheart_payment_table li {
  display: inline-block;
  white-space: nowrap;
  text-align: left;
}
.buyheart_payment_table li:first-child {
  background: #f0f0f0;
  font-weight: bold;
  border-right: 1px solid #dddddd;
  width: 28%;
}
.buyheart_payment_table li:last-child {
  width: 72%;
}
.buyheart_payment_table li p {
  position: relative;
  border-bottom: 1px solid #dddddd;
  font-size: 12px;
  padding: 9px 0 9px 4%;
  display: block;
  letter-spacing: -.3px;
  overflow: hidden;
}
.buyheart_payment_table li p:last-child {
  border-bottom: 0;
}
.buyheart_payment_table li p span {
  position: absolute;
  top: 50%;
  right: 4%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  height: 20px;
  font-size: 0;
}
.buyheart_payment_table li p span img {
  height: 100%;
}
.buyheart_payment_table li p span img:nth-of-type(2), .buyheart_payment_table li p span img:nth-of-type(3) {
  border-left: .9px solid #d2d2d2;
  margin-left: 5px;
  padding-left: 5px;
}
.buyheart_payment_btn {
  display: block;
  font-size: 20px;
  width: 84%;
  padding: 7px 0;
  margin: 28px auto 0px;
  text-align: center;
}
.buyheart_payment_btn a {
  color: #fff;
}
.buyheart_payment_operation {
  width: 94%;
  max-width: 550.1px;
  margin: 0 auto;
  padding: 20px 0 0px;
  text-align: left;
  vertical-align: top;
}
.buyheart_payment_operation_company {
  margin: 8px auto 16px;
  text-align: left;
  width: 100%;
}
.buyheart_payment_operation_company img {
  height: 36px;
  display: block;
}
.buyheart_payment_operation_company_txt {
  width: 100%;
  display: block;
  font-size: 15px;
}
.buyheart_payment_operation_company_txt p:nth-of-type(1) {
  font-weight: bold;
  margin: 2px auto 2px;
  font-size: 16px;
}
.buyheart_payment_operation_company_txt p:nth-of-type(2), .buyheart_payment_operation_company_txt p:nth-of-type(3) {
  display: block;
}
.buyheart_payment_operation_company_txt p:nth-of-type(3) a {
  color: #ff6f90;
  font-weight: bold;
}
.buyheart_payment_operation_security {
  border: .9px solid #d2d2d2;
  width: 100%;
  margin: 0 auto;
  padding: 11px 15px 13px;
  font-size: 0;
  font-feature-settings: "palt";
}
.buyheart_payment_operation_security img {
  width: 13%;
  margin-right: 4%;
  display: inline-block;
  vertical-align: top;
}
.buyheart_payment_operation_security p {
  width: 83%;
  font-size: 14px;
  display: inline-block;
  text-align: justify;
}
.buyheart_payment_txt {
  width: 94%;
  max-width: 550.1px;
  margin: 0 auto;
  padding: 20px 0 36px;
  text-align: left;
  vertical-align: top;
  border-bottom: .9px solid #d2d2d2;
}
.buyheart_payment_txt h2 {
  font-size: 15px;
  display: block;
  text-align: left;
  margin-bottom: 8px;
}
.buyheart_payment_txt > p {
  font-size: 15px;
  text-align: justify;
  margin: 6px auto;
}
.buyheart_payment_txt > p a {
  color: #ff6f90;
  position: relative;
  font-weight: bold;
}
.buyheart_payment_txt > p a::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ff6f90;
}
.buyheart_payment_tel {
  position: relative;
  width: 100%;
  padding: 8px 12px;
  height: 40px;
  border-radius: 4px;
  margin: 20px 0 24px;
  border: .9px solid #d2d2d2;
}
.buyheart_payment_tel {
  background: #f4f4f4;
}
.buyheart_payment_select {
  position: relative;
  width: 100%;
  height: 40px;
  display: block;
  margin-bottom: 24px;
}
.buyheart_payment_select::before {
  content: "";
  width: 10px;
  height: 2px;
  position: absolute;
  z-index: 2;
  bottom: 18px;
  right: 22px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  background: #4c4c4c;
  display: block;
  pointer-events: none;
}
.buyheart_payment_select::after {
  content: "";
  width: 10px;
  height: 2px;
  position: absolute;
  bottom: 18px;
  right: 16px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  background: #4c4c4c;
  display: block;
  pointer-events: none;
}
.buyheart_payment_txt select {
  position: relative;
  width: 100%;
  padding: 8px 12px;
  height: 100%;
  border-radius: 4px;
  border: .9px solid #d2d2d2;
}
.buyheart_payment_table_linklist {
  margin: 14px auto -10px;
  font-size: 0;
  font-weight: bold;
}
.buyheart_payment_table_linklist span {
  font-size: 13px;
  display: inline-block;
  margin-right: 2%;
  width: 32%;
  border: 1px solid #ff6f90;
  border-radius: 20px;
  text-align: center;
}
.buyheart_payment_table_linklist span:last-child {
  margin-right: 0;
}
.buyheart_payment_table_linklist span a {
  color: #ff6f90;
}
.buyheart_payment_table_linklist span img {
  width: 11px;
  margin: -2px 0 0 5%;
}
.buyheart_payment_input {
  position: relative;
  width: 100%;
  padding: 8px 12px;
  height: 40px;
  margin-bottom: -4px;
  border-radius: 4px;
  border: .9px solid #d2d2d2;
}
.buyheart_payment_link {
  margin: 26px auto -5px;
}
.buyheart_payment_link a {
  position: relative;
  width: 190px;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: #ff6f90;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #ff6f90;
}
.buyheart_payment_link a:nth-of-type(2) {
  margin-top: 14px;
}
.buyheart_payment_link span {
  position: relative;
  margin-left: 6px;
  width: 10px;
  height: 21px;
  display: inline-block;
  vertical-align: top;
}
.buyheart_payment_link span::before {
  content: "";
  position: absolute;
  top: 3px;
  right: 4px;
  width: 2px;
  height: 9px;
  background: #ff7093;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.buyheart_payment_link span::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 4px;
  width: 2px;
  height: 9px;
  background: #ff7093;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.buyheart_payment_table_after::after {
  content: "※";
  position: absolute;
  top: 50%;
  left: 65px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  color: #ff7093;
  font-weight: bold;
}
.buyheart_payment_table_txtcolr {
  color: #ff7093;
  margin-bottom: -14px !important;
}
.buyheart_payment_txt2 {
  width: 94%;
  max-width: 550.1px;
  margin: 0 auto;
  padding: 20px 0 12px;
  text-align: left;
  vertical-align: top;
  border-bottom: .9px solid #d2d2d2;
}
.buyheart_payment_txt2 h2 {
  font-size: 15px;
  display: block;
  text-align: left;
  margin-bottom: 8px;
}
.buyheart_payment_txt2  > p {
  font-size: 15px;
  text-align: justify;
  margin: 6px auto;
}
.buyheart_payment_txt2 ul {
  font-size: 0;
  width: 100%;
  margin-bottom: 16px;
  border: 1px solid #dddddd;
}
.buyheart_payment_txt2 li:first-child {
  border-bottom: 1px solid #dddddd;
  color: #c6c6c6;
}
.buyheart_payment_txt2 li:last-child {

}
.buyheart_payment_txt2 li:first-child p {
  font-size: 14px;
  padding: 6px 0 6px 14px;
}
.buyheart_payment_txt2 li:last-child p {
  font-size: 18px;
  font-weight: bold;
  padding: 14px 0 14px 14px;
}
.buyheart_payment_txt2 li p:first-child {
  display: inline-block;
  width: 40%;
  border-right: 1px solid #dddddd;
}
.buyheart_payment_txt2 li p:last-child {
  display: inline-block;
  width: 60%;
}
.buyheart_payment_txt2_linkimg {
  margin: 36px auto -14px;
  display: block;
  transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1);
}





/* スクラッチキャンペーン scratch.php scratch_details.php */
#scratch_txt {
  width: 94%;
  max-width: 550.1px;
  margin: 0 auto;
  color: #595959;
}
.scratch_txt_inner {
  width: 100%;
  padding: 20px 2% 12px;
  text-align: left;
  vertical-align: top;
  border-bottom: .9px solid #d2d2d2;
}
.scratch_txt_topimg, .scratch_txt_innerimg {
  width: 100%;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 2px 6px 0px rgba(0,0,0,.2);
  transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.scratch_txt_topimg img, .scratch_txt_innerimg img {
  width: 100%;
  display: block;
}
.scratch_txt_catch {
  text-align: center;
  margin: 20px auto 16px;
  font-size: 16px;
  line-height: 1.8;
  font-weight: bold;
  color: #ff6f90;
  font-feature-settings: "palt";
}
.scratch_btn {
  display: block;
  font-size: 20px;
  width: 84%;
  padding: 7px 0;
  margin: 14px auto;
  text-align: center;
}
.scratch_btn a {
  color: #fff;
}
.scratch_txt_inner h2 {
  font-size: 15px;
  display: block;
  text-align: left;
  margin-bottom: 8px;
}
.scratch_txt_inner > p {
  font-size: 15px;
  text-align: justify;
  margin: 6px auto;
}
.scratch_txt_color {
  font-weight: bold;
  font-size: 17px;
  color: #ff6f90;
  font-feature-settings: "palt";
}
.scratch_txt_innerimg {
  margin-bottom: 24px;
}
.scratch_txt_inner2 {
  width: 100%;
  padding: 20px 2% 12px;
  text-align: left;
  vertical-align: top;
}





/* ハートストーンについて buyheart_hs_about.php buyheart_shs_about.php */
.buyheart_hs_about_color {
  color: #ff6f90;
  font-weight: bold;
}





/* pixyの使い方 howto.php howto_telephone.php howto_buy.php howto_flow.php howto_free.php howto_choice.php howto_question.php */
#howto_contents {
  color: #595959;
  width: 94%;
  max-width: 550.1px;
  margin: 20px auto 0;
}
.howto_txt {
  margin: 20px auto 0;
  padding-bottom: 20px;
  border-bottom: .9px solid #d2d2d2;
}
.howto_txt2 {
  margin: 20px auto 0;
}
.howto_txt h2, .howto_txt2 h2 {
  font-size: 17px;
  margin-bottom: 14px;
  text-align: justify;
  padding: 0 8px;
}
.howto_txt > p, .howto_txt2 > p {
  font-size: 15px;
  text-align: justify;
  padding: 0 8px;
}
.howto_txt > p > a, .howto_txt2 > p > a {
  color: #ff6f90;
  position: relative;
  font-weight: bold;
  bottom: 1px;
}
.howto_txt > p > a::after, .howto_txt2 > p > a::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ff6f90;
}
.howto_txt > p span, .howto_txt2 > p span {
  color: #ff6e92;
  font-weight: bold;
}
.howto_txt_ques {
  margin: 10px auto 0;
  padding-bottom: 20px;
  border-bottom: .9px solid #d2d2d2;
}
.howto_txt_ques h2 {
  font-size: 17px;
  margin-bottom: 14px;
  text-align: justify;
  padding: 0 8px;
}
.howto_txt_ques h2 span {
  font-size: 24px;
  color: #ff6f90;
}
.howto_txt_ques > p {
  font-size: 15px;
  text-align: justify;
  padding: 0 8px;
}
.howto_txt_ques > p > a {
  color: #ff6f90;
  position: relative;
  font-weight: bold;
  bottom: 1px;
}
.howto_txt_ques > p > a::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ff6f90;
}
.howto_txt_ques > p span {
  color: #ff6e92;
  font-weight: bold;
}
.howto_img {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 6px 0px rgba(0,0,0,.2);
  margin-bottom: 20px;
  transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.howto_img img {
  width: 100%;
  display: block;
}
.howto_img2 {
  width: 75%;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 6px 0px rgba(0,0,0,.2);
  margin: 24px auto 20px;
  transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.howto_img2 img {
  width: 100%;
  display: block;
}
.fade_img1 {
  opacity: 0;
  transform: translateY(24px);
  -webkit-transform: translateY(24px);
}
.fade_img2 {
  opacity: 1;
  transform: scale(1) translateY(0px);
  -webkit-transform: scale(1) translateY(0px);
}
.howto_guide {
  width: 100%;
  max-width: 390px;
  margin: 0 auto;
  font-size: 0;
  font-feature-settings: "palt";
}
.howto_guide li {
  width: 49%;
  margin: 0 2% 2% 0;
  display: inline-block;
  text-align: center;
  border: 1px solid #ff6f90;
  border-radius: 8px;
}
.howto_guide li:nth-child(even) {
  margin-right: 0;
}
.howto_guide li:nth-last-child(-n+2) {
  margin-bottom: 0;
}
.howto_guide li a {
  padding: 14px 0 16px;
  font-size: 15px;
  font-weight: bold;
  color: #595959;
  display: block;
}
.howto_guide li img {
  width: 41%;
  margin-bottom: 14px;
}
.howto_txt_btn {
  padding-bottom: 14px;
}
.howto_txt_btn > p {
  text-align: center;
  font-weight: bold;
  margin: 10px;
  font-feature-settings: "palt";
}
.howto_txt_btn_inner {
  display: block;
  font-size: 23px;
  width: 85%;
  max-width: 550.1px;
  padding: 7px 0;
  margin: 0 auto;
  text-align: center;
}
.howto_txt_btn_inner a {
  color: #fff;
}
.howto_txt_btn_inner2 {
  display: block;
  font-size: 23px;
  width: 85%;
  max-width: 550.1px;
  padding: 7px 0;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}
.howto_txt_btn ul {
  width: auto;
  padding: 12px 0 12px 3%;
  text-align: left;
  border: 1px solid #ff6f90;
  border-radius: 8px;
  font-feature-settings: "palt";
}
.howto_txt_btn li {
  margin-bottom: 8px;
}
.howto_txt_btn li:last-child {
  margin-bottom: 0;
}
.howto_txt_btn li a {
  color: #ff6f90;
}
.howto_txtlink {
  position: relative;
  width: 100%;
  height: 22px;
  margin-top: 8px;
  display: block;
  font-feature-settings: "palt";
}
.howto_txtlink p {
  position: absolute;
  top: 0;
  right: 0;
  color: #ff6f90;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  border-bottom: 1px solid #ff6f90;
  display: block;
  text-align: center;
}
.howto_txtlink a {
  color: #ff7093;
  display: block;
}
.howto_txtlink span {
  position: relative;
  margin-left: 6px;
  width: 10px;
  height: 21px;
  display: inline-block;
  vertical-align: top;
}
.howto_txtlink span::before {
  content: "";
  position: absolute;
  top: 3px;
  right: 4px;
  width: 2px;
  height: 9px;
  background: #ff7093;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.howto_txtlink span::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 4px;
  width: 2px;
  height: 9px;
  background: #ff7093;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.howto_freelabel {
  border-radius: 8px;
  padding: 17px 0 15px;
  margin: 16px auto 0;
  width: 100%;
  border: 1px solid #ff7093;
  text-align: center;
  transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#howto_free .howto_freelabel {
  margin: 0 auto 16px;
}
.howto_freelabel_inner {
  width: 86%;
  padding: 2px 0;
  margin: 0 auto 10px;
  background: #ff6e92;
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  font-feature-settings: "palt";
  animation: 2.5s tenminfree linear infinite;
  -webkit-animation: 2.5s tenminfree linear infinite;
}
.howto_freelabel p {
  font-size: 15px;
  font-weight: bold;
  font-feature-settings: "palt";
}
.howto_freelabel p span {
  color: #ff6e92;
}
.howto_free_3step {
  width: 100%;
  position: relative;
}
.howto_free_3step ul {
  font-size: 0;
  margin-bottom: 15px;
  transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.howto_free_3step li {
  position: relative;
  font-size: 12.5px;
  display: inline-block;
  width: 32%;
  margin-right: 2%;
  text-align: center;
  font-weight: bold;
  font-feature-settings: "palt";
}
.howto_free_3step li:last-child {
  margin-right: 0;
}
.howto_free_3step li:not(:last-child):after {
  content: "";
  position: absolute;
  top: 40%;
  right: -12px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #ff6e92;
}
.howto_free_3step li span {
  font-size: 11px;
  width: 75%;
  color: #fff;
  background: #ff6e92;
  border-radius: 30px;
  display: block;
  margin: 0 auto;
}
.howto_free_3step li img {
  width: 70%;
  margin: 14px auto 15px;
  display: block;
}
.howto_free_3step > p {
  font-size: 15px;
  color: #ff6e92;
}
.howto_free_note {
  border-radius: 6px;
  border: .9px solid #d2d2d2;
  margin: 20px auto 0;
  padding: 16px;
}
.howto_free_note p {
  font-size: 14px;
  margin-top: 8px;
  text-align: justify;
}
.howto_free_note p span {
  color: #ff6e92;
  font-weight: bold;
}
.howto_choice_btn {
  margin-top: 16px;
}
.howto_question_btn_list ul {
  font-size: 0;
  width: 100%;
  max-width: 335px;
  margin: 0 auto 4px;
}
.howto_question_btn_list li {
  width: 49%;
  margin: 0 2% 3% 0;
  display: inline-block;
}
.howto_question_btn_list li:nth-child(even) {
  margin-right: 0;
}
.howto_question_btn_list li:nth-last-child(-n+2) {
  margin-bottom: 0;
}
.howto_ques_list_btn {
  display: block;
  font-size: 14px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.howto_ques_list_btn a {
  padding: 11px 0;
  display: block;
}
.howto_ques_list_btn p {
  color: #fff;
}
.howto_ques_pagelink {
  padding: 0 8px;
}
.howto_ques_pagelink ul {
  border-radius: 6px;
  border: .9px solid #ff6e92;
  font-size: 15px;
  font-feature-settings: "palt";
}
.howto_ques_pagelink li {
  position: relative;
  width: 100%;
  padding: 6px 12px;
  border-bottom: .9px solid #d2d2d2;
  vertical-align: top;
}
.howto_ques_pagelink li:last-child {
  border-bottom: 0;
}
.howto_ques_pagelink li a {
  color: #ff6e92;
}
.howto_ques_pagelink li p {
  width: 90%;
  text-align: justify;
}
.howto_ques_pagelink li span {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 10px;
  height: 21px;
  display: inline-block;
  vertical-align: top;
}
.howto_ques_pagelink li span::before {
  content: "";
  position: absolute;
  top: 3px;
  right: 4px;
  width: 2px;
  height: 9px;
  background: #ff7093;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.howto_ques_pagelink li span::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 4px;
  width: 2px;
  height: 9px;
  background: #ff7093;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.howto_flow_p {
  margin-bottom: 24px;
}





/* コンシェルジュ concierge.php */
#concierge_contents {
  color: #595959;
  width: 94%;
  max-width: 550.1px;
  margin: 20px auto 0;
}
.concierge_txt {
  margin: 20px auto 0;
  padding-bottom: 20px;
  border-bottom: .9px solid #d2d2d2;
}
.concierge_txt h2 {
  font-size: 17px;
  margin-bottom: 14px;
  text-align: justify;
  padding: 0 8px;
  font-feature-settings: "palt";
}
.concierge_txt > p {
  font-size: 15px;
  text-align: justify;
  padding: 0 8px;
}
.concierge_txt > p > a {
  color: #ff6f90;
  position: relative;
  font-weight: bold;
  bottom: 1px;
}
.concierge_txt > p > a::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ff6f90;
}
.concierge_txt > p span {
  color: #ff6e92;
  font-weight: bold;
}
.concierge_img {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 6px 0px rgba(0,0,0,.2);
  margin-bottom: 20px;
  transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.concierge_img img {
  width: 100%;
  display: block;
}





/* 合言葉入力 watchword.php */
#watchword_contents {
  color: #595959;
  width: 94%;
  max-width: 550.1px;
  margin: 20px auto 0;
}
.watchword_txt {
  margin: 20px auto 0;
  padding-bottom: 20px;
  border-bottom: .9px solid #d2d2d2;
}
.watchword_txt2 {
  margin: 20px auto 0;
}
.watchword_txt h2, .watchword_txt2 h2 {
  font-size: 17px;
  margin-bottom: 14px;
  text-align: justify;
  padding: 0 8px;
}
.watchword_txt > p, .watchword_txt input, .watchword_txt2 > p, .watchword_txt2 input {
  font-size: 15px;
  text-align: justify;
  padding: 0 8px;
}
.watchword_txt > p > a, .watchword_txt2 > p > a {
  color: #ff6f90;
  position: relative;
  font-weight: bold;
  bottom: 1px;
}
.watchword_txt > p > a::after, .watchword_txt2 > p > a::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ff6f90;
}
.watchword_txt > p span, .watchword_txt2 > p span {
  color: #ff6e92;
  font-weight: bold;
}
.watchword_img {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 20px -5px rgba(0,0,0,.2);
  margin-bottom: 20px;
}
.watchword_txt label, .watchword_txt2 label {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
}
.watchword_txt label input {
  width: 100%;
  padding: 8px 12px;
  border-bottom: .9px solid #d2d2d2;
  font-size: 16px;
}
.watchword_txt2 label input {
  width: 100%;
  padding: 8px 12px;
  border-radius: 4px;
  border: .9px solid #d2d2d2;
  font-size: 16px;
}
.watchword_input_txt {
  font-size: 14px;
  text-align: center;
  padding: 8px 8px 0;
  font-feature-settings: "palt";
}
.watchword_input_note {
  margin: 12px auto 24px;
  padding: 8px 12px;
  border: .9px solid #d2d2d2;
  border-radius: 6px;
  font-size: 14px;
}
.watchword_input_note2 {
  font-size: 15px;
  text-align: justify;
  padding: 0 8px;
  margin: 26px auto 29px;
}
.watchword_btn {
  display: block;
  font-size: 23px;
  width: 80%;
  max-width: 550.1px;
  padding: 7px 0;
  margin: 20px auto;
  text-align: center;
}
.watchword_btn a {
  color: #fff;
}
.watchword_btn img {
  width: 25px;
  margin: -2px 3px 0 0;
  display: inline-block;
}
.watchword_btn p {
  display: inline-block;
}







/* 特定商取引法に基づく表記 law.php */
.law_txt {
  width: 94%;
  max-width: 550.1px;
  margin: 20px auto 0;
  color: #595959;
  text-align: left;
}
.law_txt h2 {
  font-size: 17px;
  padding: 0 6px;
}
.law_txt p {
  font-size: 15px;
  text-align: justify;
  margin: 6px auto 12px;
  padding: 0 10px 10px;
  border-bottom: .9px solid #d2d2d2;
}
.law_txt p:nth-last-child(1) {
  margin-bottom: 0;
}
.law_txt p a {
  color: #ff6f90;
  font-weight: bold;
}
.law_link {
  margin-top: 6px;
  padding: 0;
  border-radius: 14px;
  display: block;
  width: 70px;
  font-size: 12px;
  letter-spacing: 1.2px;
  vertical-align: top;
  text-align: center;
  border: 1px solid #ff6f90;
}





/* 相談履歴 history.php */
#history {
  color: #595959;
}
.tellert_history li {
  margin: 0 auto;
  padding: 8px 0 17px;
  max-width: 550.1px;
  width: 94%;
  border-bottom: .9px solid #d2d2d2;
  font-size: 0;
  display: block;
}
.history_teller1 {
  position: relative;
  width: 110px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  margin-right: 9px;
}
.history_teller1_img {
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 9px 11px -6px rgba(0,0,0,.2);
}
.history_toptxt, .history_toptxt2 {
  width: 94%;
  max-width: 550.1px;
  padding: 0 8px;
  margin: 20px auto;
  font-feature-settings: "palt";
}
.history_toptxt p {
  font-size: 15px;
  text-align: center;
}
.history_toptxt2 p {
  font-size: 15px;
  text-align: justify;
}
.history_teller2 {
  font-size: 12px;
  color: #959595;
  position: relative;
  width: 61%;
  width: calc(100% - 119px);
  display: inline-block;
  font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
}
.history_teller2 img {
  width: 12px;
  display: inline-block;
}
.history_teller2 h2 {
  font-size: 15.5px;
  color: #595959;
  margin: 2px 0 3px;
}
.history_teller2_txt > p:nth-last-child(1) {
  margin-bottom: 6px;
}
#history1, #history2, #history3 {
  padding: 10px 0 10px;
  width: 33.3333%;
  width: calc(100% / 3);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  text-align: justify;
  color: #595959;
  font-size: 16px;
}
.history_teller_content1, .history_use_content1, .history_buy_content1 {
  display: block;
}
.history_teller_content2, .history_use_content2, .history_buy_content2 {
  display: none;
}
.history_content2 {
  width: 94%;
  display: block;
  padding: 20px 0 0;
  margin: 0 auto;
  text-align: center;
}
.history_content2 h2 {
  font-size: 17px;
}
.history_content2 > p {
  font-size: 15px;
  color: #9c9c9c;
  line-height: 1.7;
  padding: 8px 0 20px;
  margin: 0 auto;
}
.history_content2 > img {
  width: 66%;
  margin: 0 auto;
  display: block;
}
.history_content_btn {
  width: 80%;
  padding-bottom: 4px;
  margin: 20px auto 0;
}
.history_use_content1 {
  width: 94%;
  display: block;
  margin: 0 auto;
}
.history_use_content1 ul, .history_buy_content1 ul {
  max-width: 550.1px;
  margin: 0 auto;
}
.history_use_content1 li {
  width: 100%;
  padding: 8px 6px;
  border-bottom: .9px solid #d2d2d2;
}
.history_use_content1 li > p {
  font-size: 12px;
  color: #9c9c9c;
}
.history_use_txt {
  position: relative;
  display: block;
  width: 100%;
  font-size: 0;
}
.history_use_txt > p {
  font-size: 17px;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}
.history_use_txt > p {
  max-width: 202px;
}
.history_use_txt img {
  width: 18px;
  margin: 4px 4px 0 0;
  display: inline-block;
  vertical-align: top;
}
.history_use_num {
  position: absolute;
  bottom: 4px;
  right: 0;
  font-size: 0;
}
.history_use_num p {
  font-weight: bold;
  display: inline-block;
  vertical-align: bottom;
  font-size: 12px;
  line-height: .9;
}
.history_use_num span {
  font-size: 17px;
  margin-left: 1px;
}
.history_use_content2 {
  display: none;
}
.history_buy_content1 {
  width: 94%;
  display: block;
  margin: 0 auto;
}
.history_buy_content1 li {
  width: 100%;
  padding: 8px 6px;
  border-bottom: .9px solid #d2d2d2;
}
.history_buy_content1 li > p {
  font-size: 12px;
  color: #9c9c9c;
  vertical-align: top;
}
.history_buy_txt {
  position: relative;
  display: block;
  width: 100%;
  font-size: 0;
}
.history_buy_txt_inner {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 150px;
  text-align: left;
}
.history_buy_txt p {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}
.history_buy_txt > p {
  max-width: 130px;
}
.history_buy_txt_inner img {
  width: 16px;
  margin: 5px 2px 0 1px;
  display: inline-block;
  vertical-align: top;
}
.history_buy_txt_inner span {
  font-size: 12px;
}





/* メールが届かない方へ noreach.php */
.history_innerr, .history_inner, .history_foot_inner {
  color: #595959;
  width: 94%;
  max-width: 550.1px;
  margin: 0px auto 0;
}
.history_btn {
  display: block;
  font-size: 21px;
  width: 85%;
  max-width: 550.1px;
  padding: 7px 0;
  margin: 20px auto;
  text-align: center;
}
.history_btn a {
  color: #fff;
}
.history_btn img {
  height: 23px;
  margin: 5px -3px 0 0;
  display: inline-block;
  vertical-align: top;
}
.history_btn p {
  display: inline-block;
  line-height: 1.5;
}
.history_txt {
  margin: 20px auto 0;
  padding-bottom: 20px;
}
.history_txt h2 {
  font-size: 17px;
  margin-bottom: 10px;
  text-align: justify;
  padding: 0 8px;
}
.history_txt > p {
  font-size: 15px;
  text-align: justify;
  padding: 0 8px;
}
.history_inner_tab {
  position: relative;
  z-index: 2;
  width: 50%;
  background: #fff;
  font-size: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
.history_inner_tab1, .history_inner_tab2 {
  width: 100%;
  max-width: 550.1px;
  margin: 0 auto;
  padding: 0 10px;
}
#history_other_tab {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 525px;
  overflow: hidden;
}
.history_other_tab {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  transition: .3s ease-out;
  -webkit-transition: .3s ease-out;
  font-size: 0;
}





/* コンタクト contact.php */
.contact_form {
  position: relative;
  font-size: 16px;
  text-align: left;
  display: block;
  width: 94%;
  margin: 0 auto;
}
.contact_form p {
  font-size: 15px;
  font-weight: bold;
  display: block;
  text-align: left;
  margin: 15px 0 4px;
  color: #595959;
}
.contact_category {
  position: relative;
  width: 100%;
  height: 40px;
  display: block;
  margin-bottom: 24px;
}
.contact_category::before {
  content: "";
  width: 10px;
  height: 2px;
  position: absolute;
  z-index: 2;
  bottom: 18px;
  right: 22px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  background: #4c4c4c;
  display: block;
  pointer-events: none;
}
.contact_category::after {
  content: "";
  width: 10px;
  height: 2px;
  position: absolute;
  bottom: 18px;
  right: 16px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  background: #4c4c4c;
  display: block;
  pointer-events: none;
}
.contact_category select {
  position: relative;
  width: 100%;
  padding: 8px 12px;
  height: 100%;
  border-radius: 4px;
  border: .9px solid #d2d2d2;
}
.contact_form input, .contact_form textarea {
  position: relative;
  width: 100%;
  padding: 8px 12px;
  border-radius: 4px;
  border: .9px solid #d2d2d2;
}
.howto_txt_last {
  text-align: center !important;
  margin: 3px auto 0;
}
.contact_link {
  position: relative;
  width: 100%;
  height: 20px;
  vertical-align: top;
  margin: 3px auto 6px;
}
.contact_link a {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  color: #ff6f90;
  font-size: 14px;
  width: 167px;
  font-weight: bold;
  border-bottom: 1px solid #ff6f90;
}
.contact_link span {
  position: relative;
  margin-left: 6px;
  width: 10px;
  height: 21px;
  display: inline-block;
  vertical-align: top;
}
.contact_link span::before {
  content: "";
  position: absolute;
  top: 3px;
  right: 4px;
  width: 2px;
  height: 9px;
  background: #ff7093;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.contact_link  span::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 4px;
  width: 2px;
  height: 9px;
  background: #ff7093;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}






/* ネット通話アプリの使い方 netcall.php */
#netcall_tab {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 2534px;
  overflow: hidden;
}
.netcall_app_tab {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  transition: .3s ease-out;
  -webkit-transition: .3s ease-out;
  font-size: 0;
}
.netcall_contents_tab {
  position: relative;
  z-index: 2;
  width: 50%;
  background: #fff;
  font-size: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
.netcall_contents_tab1, .netcall_contents_tab2 {
  width: 100%;
  max-width: 550.1px;
  margin: 0 auto;
  padding: 0 10px;
}
.netcall_txt {
  margin: 20px auto 0;
  padding-bottom: 20px;
}
.netcall_txt h2 {
  font-size: 17px;
  margin-bottom: 14px;
  text-align: justify;
  padding: 0 8px;
}
.netcall_txt p {
  font-size: 15px;
  text-align: justify;
  padding: 0 8px;
}
.tab_netcall {
  letter-spacing: .05em;
}
.netcall_app_download1 {
  padding: 8px;
  border: .9px solid #d2d2d2;
  border-radius: 6px;
  font-size: 0;
  margin: 14px auto 20px;
  display: block;
}
.netcall_app_download1 a {
  color: #595959;
}
.netcall_app_download1 img {
  display: inline-block;
  vertical-align: top;
}
.netcall_app_download1 img:nth-of-type(1) {
  width: 14%;
}
.netcall_app_download1 img:nth-of-type(2) {
  width: 36%;
}
.netcall_app_download1 p {
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  margin: 0% 4% 0;
  text-align: left;
  line-height: 1.3;
}
.netcall_app_download1 p span {
  display: block;
  color: #ff6f90;
  font-size: 11px;
  margin-top: -1px;
}
.netcall_app_download2 {
  padding: 8px;
  border: .9px solid #d2d2d2;
  border-radius: 6px;
  font-size: 0;
  margin: 14px auto 20px;
  display: block;
}
.netcall_app_download2 a {
  color: #595959;
}
.netcall_app_download2 img {
  display: inline-block;
  vertical-align: top;
}
.netcall_app_download2 img:nth-of-type(1) {
  width: 13%;
}
.netcall_app_download2 img:nth-of-type(2) {
  width: 42%;
}
.netcall_app_download2 p {
  font-size: 19px;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  margin: 0% 2% 0;
  text-align: left;
  line-height: 1.3;
}
.netcall_app_download2 p span {
  display: block;
  color: #ff6f90;
  font-size: 11px;
  margin-top: -1px;
}
.netcall_btn {
  display: block;
  font-size: 23px;
  width: 85%;
  max-width: 550.1px;
  padding: 7px 0;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}
.netcall_btn a {
  color: #fff;
}
.netcall_btn p {
  display: inline-block;
}
.netcall_btn img {
  width: 25px;
  vertical-align: top;
  margin: 5px 0 0;
}
.netcall_img1, .netcall_img2 {
  background: #f7f7f7;
  width: 100%;
  padding: 14px 0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 20px -5px rgba(0,0,0,.2);
  margin-bottom: 20px;
}
.netcall_img1 img {
  height: 240px;
  box-shadow: 0 4px 15px -4px rgba(0,0,0,.3);
}
.netcall_img2 img {
  width: 40%;
  box-shadow: 0 4px 15px -4px rgba(0,0,0,.3);
}
.netcall_img2 img:last-child {
  margin-left: 6%;
}
.netcall_domain {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  width: 100%;
  padding: 7px 0 8px 8%;
  margin: 14px auto;
  border: .9px solid #d2d2d2;
  border-radius: 6px;
  line-height: 1.6;
}
.netcall_domain p span {
  color: #ff6f90;
}
.netcall_note {
  width: 96%;
  font-size: 15px;
  padding: 20px 12px;
  margin: 20px auto 0;
  border: .9px solid #d2d2d2;
  border-radius: 6px;
}
.netcall_note h2 {
  text-align: center;
  margin-bottom: 12px;
}
.netcall_note p {
  text-align: left;
}





/* プロフィール編集 edit_profile.php */
#edit {
  color: #595959;
  font-feature-settings: "palt";
}
.edit_txt {
  position: relative;
  width: 94%;
  max-width: 550.1px;
  padding: 0 8px 20px;
  margin: 20px auto 0;
  display: block;
  border-bottom: .9px solid #d2d2d2;
  color: #595959;
}
.edit_profile_img {
  position: relative;
  width: 135px;
  height: 135px;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #dadada;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.edit_profile_img_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 96%;
  height: 96%;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #dadada;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.edit_profile_img_inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  height: 100%;
  max-width: none;
}
.edit_profile_txt {
  position: absolute;
  top: 40%;
  left: 157px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  text-align: left;
  font-feature-settings: "palt";
}
.edit_profile_txt > p {
  font-size: 13px;
  color: #848484;
  margin: 0 0 15px 3px;
}
.edit_profile_btn {
  font-size: 14px;
  padding: 0 20px;
  border-radius: 20px;
  border: 1px solid #ff6f90;
  color: #ff6f90;
}
.edit_profile_btn a {
  color: #ff6f90;
}
#edit_profile li {
  font-size: 0;
  margin-bottom: 20px;
}
#edit_profile li:last-child {
  margin-bottom: 0;
}
#edit_profile li > p {
  width: 116px;
  display: inline-block;
  text-align: left;
  font-weight: bold;
  font-size: 15px;
}
.edit_form_input, .edit_form_select {
  position: relative;
  display: inline-block;
  width: 63%;
  width: calc(100% - 116px);
  font-size: 16px;
}
.edit_form_no_input {
  position: relative;
  display: inline-block;
  width: 63%;
  width: calc(100% - 116px);
  font-size: 16px;
  border-bottom: .9px solid #d2d2d2;
  color: #d2d2d2;
}
.edit_form_tel_input {
  position: relative;
  display: inline-block;
  width: 63%;
  width: calc(100% - 116px);
  font-size: 16px;
  border-bottom: .9px solid #595959;
}
.edit_form_tel_input a {
  color: #ff6f90;
  font-weight: bold;
}
.edit_form_tel_input span {
  position: relative;
  margin: 2px 0 0 6px;
  width: 10px;
  height: 18px;
  display: inline-block;
  vertical-align: top;
}
.edit_form_tel_input span::before {
  content: "";
  position: absolute;
  top: 3px;
  right: 4px;
  width: 2px;
  height: 9px;
  background: #ff7093;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.edit_form_tel_input span::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 4px;
  width: 2px;
  height: 9px;
  background: #ff7093;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.edit_form_input input, .edit_form_select select {
  width: 100%;
  display: block;
  padding: 3px 4px 3px;
  border-radius: 0;
  border-bottom: .9px solid #595959;
}
.edit_form_select::before {
  content: "";
  width: 10px;
  height: 2px;
  position: absolute;
  bottom: 13px;
  right: 9px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  background: #4c4c4c;
  display: block;
  pointer-events: none;
}
.edit_form_select::after {
  content: "";
  width: 10px;
  height: 2px;
  position: absolute;
  bottom: 13px;
  right: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  background: #4c4c4c;
  display: block;
  pointer-events: none;
}
.edit_form_no_input p {
  width: 87%;
  width: calc(100% - 19px);
  display: block;
  padding: 3px 4px 3px;
}
.edit_form_tel_input p {
  width: 100%;
  display: block;
  padding: 3px 4px 3px;
}
.edit_form_no_input img {
  position: absolute;
  top: 5px;
  right: 0;
  width: 19px;
}
.edit_textarea_wrapper {
  position: relative;
  width: 94%;
  max-width: 550.1px;
  padding: 0 8px 30px;
  margin: 20px auto 0;
  display: block;
  border-bottom: .9px solid #d2d2d2;
  color: #595959;
}
.edit_textarea_wrapper > p {
  width: 140px;
  display: block;
  text-align: left;
  font-weight: bold;
  font-size: 15px;
  margin: 10px 0 4px;
}
.edit_textarea_wrapper textarea {
  border: .9px solid #595959;
  border-radius: 6px;
  padding: 6px 8px;
  width: 100%;
  font-size: 16px;
}
.edit_textarea_wrapper .howto_choice_btn > p {
  text-align: center;
  font-size: 14px;
  margin-bottom: 9px;
}
.edit_tel_regist {
  position: relative;
  width: 100%;
  padding: 8px 12px;
  margin-top: 12px;
  border-radius: 4px;
  border: .9px solid #d2d2d2;
  font-size: 16px;
}
.edit_tel_btn {
  margin-top: 16px;
  padding-bottom: 14px;
}
.edit_tel_btn_inner {
  display: block;
  font-size: 23px;
  width: 85%;
  max-width: 550.1px;
  padding: 7px 0;
  margin: 0 auto;
  text-align: center;
}
.edit_tel_error1 {
  position: relative;
  width: 100%;
  height: 9px;
  margin-top: 4px;
  display: none;
  transition: .4s;
  -webkit-transition: .4s;
}
.edit_tel_error2 {
  position: relative;
  width: 100%;
  height: 26px;
  margin-top: -17px;
  display: none;
  transition: .4s;
  -webkit-transition: .4s;
}
.edit_tel_error1 p, .edit_tel_error2 p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  color: #ff6f90;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}
.edit_tel_btn2 {
  display: block;
  font-size: 20px;
  width: 100%;
  max-width: 550.1px;
  padding: 7px 0;
  margin: 0 auto 12px;
  text-align: center;
  color: #fff;
}




/* 配信メールの受信設定 */
.msg_set_btn {
  margin-top: 16px;
  padding-bottom: 14px;
}
.msg_set_input_wrapper {
  width: 94%;
  margin: 14px auto 26px;
  display: block;
  font-size: 0;
}
.msg_set_input_wrapper label {
  position: relative;
  width: 50%;
  display: inline-block;
  font-size: 16px;
}
.msg_set_input_wrapper label input, .buyheart_popup_payment input, input[name="resign"], .login_auto_btn input, input[name="review_note"] {
  display: none;
}
.msg_set_input_wrapper label span, .buyheart_popup_check, #resign_txt li span, .login_auto_btn span {
  margin-left: 22px;
  vertical-align: top;
  display: block;
  line-height: 1.3;
  font-feature-settings: "palt";
}
.msg_set_input_wrapper label span::before, .buyheart_popup_check::before, #resign_txt li span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 16px;
  height: 16px;
  display: block;
  border: 1px solid #bbbbbb;
  box-shadow: 0 1px 4px -1px rgba(0,0,0,.2);
  border-radius: 50%;
}
input[name=msg_set1]:checked + span::after, input[name=msg_set2]:checked + span::after, input[name="payment"]:checked + .buyheart_popup_check::after, input[name="resign"]:checked + span::after  {
  content: "";
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 8px;
  height: 8px;
  display: block;
  background: #ff6f90;
  box-shadow: 0 0 30px -10px #ff6f90;
  border-radius: 50%;
}
input[name=msg_set1]:checked + span, input[name=msg_set2]:checked + span, input[name="payment"]:checked + .buyheart_popup_check, , input[name="resign"]:checked + span, .login_auto_btn input:checked + span {
  color: #ff6f90;
  font-weight: bold;
}

.login_auto_btn span::before, .blog_comment_note_check span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -22px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 16px;
  height: 16px;
  display: block;
  border: 1px solid #bbbbbb;
  box-shadow: 0 1px 4px -1px rgba(0,0,0,.2);
  border-radius: 3px;
}
.login_auto_btn input:checked + span::after, input[name="review_note"]:checked + span::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 43%;
  left: -17px;
  width: 6px;
  height: 11px;
  transform: translateY(-50%) rotate(40deg);
  -webkit-transform: translateY(-50%) rotate(40deg);
  border-bottom: 2px solid #ff6f90;
  border-right: 2px solid #ff6f90;
  display: block;
}
.login_auto_btn input:checked + span, input[name="review_note"]:checked + span {
  color: #ff6f90;
  /* font-weight: bold; */
}

.msg_set_btn_inner {
  display: block;
  font-size: 23px;
  width: 85%;
  max-width: 550.1px;
  padding: 7px 0;
  margin: 0 auto;
  text-align: center;
}




/* アフターメッセージ 電話鑑定のご予約 サポートセンター 電話鑑定のご予約 現在の順番待ち msg.php reservation.php*/
.msg_list, .order_list {
  display: block;
}
.no_contents {
  display: none;
  padding: 28px 8px;
  width: 100%;
  border-bottom: .9px solid #d2d2d2;
  text-align: center;
}
#msg_contents {
  color: #595959;
  width: 94%;
  max-width: 550.1px;
  margin: 4px auto 0;
}
.unreadmsg {
  position: absolute;
  top: 0;
  right: -8px;
  line-height: 1.3;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  text-indent: 1px;
  color: #fff;
  background: #f86386;
  padding: 3px 6px 3px;
  border-radius: 4px;
  display: block;
  opacity: 1;
}
.msg_list li {
  position: relative;
  width: 100%;
  padding: 12px 8px;
  border-bottom: .9px solid #d2d2d2;
  font-size: 0;
  font-feature-settings : "palt";
}
.msg_list li a {
  position: relative;
  display: block;
}
.msg_list_img {
  width: 70px;
  margin-right: 12px;
  display: inline-block;
  vertical-align: top;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 6px 0px rgba(0,0,0,.2);
}
.msg_list_img img {
  width: 100%;
}
.msg_list_inner {
  width: 73%;
  width: calc(100% - 82px);
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
  text-align: left;
}
.msg_list_inner p:nth-of-type(1) {
  color: #848484;
  font-size: 12px;
}
.msg_list_inner p:nth-of-type(2) {
  font-size: 17px;
  font-weight: bold;
  color: #595959;
  margin-bottom: 3px;
}
.msg_list_status1 {
  padding: 0 30px;
  border: 1px solid #f86386;
  color: #f86386;
  display: inline-block;
  border-radius: 20px;
  font-size: 12px;
  line-height: 1.4;
  font-weight: bold;
  letter-spacing: .6px;
}
.msg_list_status2 {
  padding: 0 30px;
  border: 1px solid #46c69d;
  color: #46c69d;
  display: inline-block;
  border-radius: 20px;
  font-size: 12px;
  line-height: 1.4;
  font-weight: bold;
  letter-spacing: .6px;
}
.msg_list_status3 {
  padding: 0 30px;
  border: 1px solid #b2b2b2;
  color: #b2b2b2;
  display: inline-block;
  border-radius: 20px;
  font-size: 12px;
  line-height: 1.4;
  font-weight: bold;
  letter-spacing: .6px;
}
.msg_list_howto {
  border: .9px solid #d2d2d2;
  border-radius: 6px;
  margin: 16px auto 0;
  padding: 14px 16px;
  text-align: justify;
}
.msg_list_howto h2 {
  margin-bottom: 8px;
}
.msg_list_howto p {
  font-size: 15px;
}
.msg_list_howto p span {
  color: #f86386;
  font-feature-settings: "palt";
  margin-top: 4px;
  display: block;
}
.no_contents h2 {
  font-size: 18px;
  font-weight: bold;
}
.no_contents > p {
  color: #848484;
  font-size: 15px;
  margin: 9px auto 24px;
}
.no_contents img {
  width: 160px;
  margin: 12px auto;
  display: block;
}
.no_contents_msg p:nth-of-type(1) {
  font-weight: bold;
  margin-bottom: 12px;
}
.no_contents_msg p:nth-of-type(2) {
  text-align: left;
  font-size: 15px;
}
.no_contents_msg p:nth-of-type(2) span {
  color: #f86386;
}
.order_btn {
  margin-top: 24px;
}
.msg_article {
  color: #595959;
  width: 94%;
  max-width: 550.1px;
  margin: 4px auto 0;
  padding: 12px 8px;
  border-bottom: .9px solid #d2d2d2;
}
.msg_article span {
  color: #848484;
  font-size: 12px;
  display: block;
}
.msg_article h2 {
  font-size: 17px;
  font-weight: bold;
  color: #595959;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: .9px solid #d2d2d2;
}
.support_list li {
  position: relative;
  width: 100%;
  padding: 12px 8px;
  border-bottom: .9px solid #d2d2d2;
  font-size: 0;
  font-feature-settings: "palt";
}
.support_list li a {
  position: relative;
  display: block;
}
.support_list_inner {
  width: 100%;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
  text-align: justify;
}
.support_list_inner p:nth-of-type(1) {
  color: #848484;
  font-size: 12px;
}
.support_list_inner p:nth-of-type(2) {
  font-size: 17px;
  font-weight: bold;
  color: #595959;
  margin-bottom: 3px;
}
.support_list_inner p:nth-of-type(3) {
  color: #848484;
  font-size: 12px;
}
.order_list li {
  width: 100%;
  padding: 12px 5px;
  border-bottom: .9px solid #d2d2d2;
  font-size: 0;
}
.order_list_txt {
  width: 56%;
  display: inline-block;
  font-size: 15px;
  vertical-align: top;
  font-feature-settings: "palt";
}
.order_list_txt p:first-child {
  /* color: #848484; */
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
}
.order_your_turn {
  font-weight: bold;
  color: #ff6f90;
}
.order_list_txt p:last-child {
  font-size: 16px;
  font-weight: bold;
  color: #595959;
  line-height: 1;
  width: 100%;
  vertical-align: top;
}
.order_list_btn, .order_list_btn1 {
  display: inline-block;
  font-size: 16px;
  width: 42%;
  margin-left: 2%;
  padding: 7px 0 7px;
  text-align: center;
  color: #fff;
}
.order_list_btn1 a {
  color: #fff;
}




/* コラム　お知らせ　column.php notice.php  */
#notice_contents, #column_contents {
  color: #595959;
  width: 94%;
  max-width: 550.1px;
  margin: 4px auto 0;
}
.notice_list li, .column_list li {
  width: 100%;
  padding: 12px 8px;
  border-bottom: .9px solid #d2d2d2;
  font-size: 0;
  font-feature-settings: "palt";
}
.notice_list_img, .column_list_img {
  position: relative;
  width: 50px;
  height: 50px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: top;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 7px -2px rgba(0,0,0,.2);
}
.notice_list_inner, .column_list_inner {
  width: 78%;
  width: calc(100% - 58px);
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
  text-align: justify;
  font-feature-settings: "palt";
}
.notice_list_inner p:nth-of-type(1), .column_list_inner p:nth-of-type(1) {
  color: #848484;
  font-size: 12px;
}
.notice_list_inner p:nth-of-type(2), .column_list_inner p:nth-of-type(2) {
  font-size: 19px;
  font-weight: bold;
  color: #595959;
  line-height: 1.4;
  margin-top: 3px;
}
.notice_list_img1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #6dc6df;
  color: #fff;
  text-align: center;
  padding-top: 18px;
  font-size: 10px;
  font-weight: bold;
}
.notice_list_img2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #fb666a;
  color: #fff;
  text-align: center;
  padding-top: 18px;
  font-size: 10px;
  font-weight: bold;
}
.notice_list_img3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #52dbac;
  color: #fff;
  text-align: center;
  padding-top: 18px;
  font-size: 10px;
  font-weight: bold;
}
.column_list_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  height: 100%;
  max-width: none;
}
.notice_article {
  color: #595959;
  width: 94%;
  max-width: 550.1px;
  margin: 4px auto 0;
  padding: 12px 8px;
  border-bottom: .9px solid #d2d2d2;
}
.notice_article > p {
  text-align: justify;
}
.notice_article_inner {
  display: block;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: .9px solid #d2d2d2;
}
.notice_article_inner p {
  color: #848484;
  font-size: 12px;
  display: block;
}
.notice_article_inner h2 {
  font-size: 17px;
  font-weight: bold;
  color: #595959;
  text-align: justify;
}
.notice_article1 {
  font-size: 10px;
  font-weight: bold;
  padding: 2px 18px;
  color: #6dc6df;
  border: 1px solid #6dc6df;
  border-radius: 4px;
  display: inline-block;
  line-height: 1;
}
.notice_article2 {
  font-size: 10px;
  font-weight: bold;
  padding: 2px 18px;
  color: #fb666a;
  border: 1px solid #fb666a;
  border-radius: 4px;
  display: inline-block;
  line-height: 1;
}
.notice_article3 {
  font-size: 10px;
  font-weight: bold;
  padding: 2px 18px;
  color: #52dbac;
  border: 1px solid #52dbac;
  border-radius: 4px;
  display: inline-block;
  line-height: 1;
}
.column_article {
  color: #595959;
  width: 94%;
  max-width: 550.1px;
  margin: 4px auto 0;
  padding: 12px 8px 0;
}
.column_article > p {
  text-align: justify;
}
.column_article_inner {
  display: block;
}
.column_article_inner p {
  color: #848484;
  font-size: 12px;
  display: block;
}
.column_article_inner h2 {
  font-size: 19px;
  font-weight: bold;
  color: #595959;
  text-align: justify;
}
.column_img {
  position: relative;
  width: 100%;
  height: 196px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 6px 14px -5px rgba(0,0,0,.2);
  margin: 8px auto 16px;
}
.column_img img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 100%;
}
.column_recommend {
  position: relative;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #ff6f90;
  padding: 14px 14px 20px;
  margin: 12px auto 0;
}
.column_recommend > img {
  width: 96%;
  margin: 0 auto;
  display: block;
}
.column_recommend_teller {
  font-size: 0;
  display: block;
  margin: 18px auto 16px;
}
.column_recommend_teller_img {
  width: 80px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 6px 14px -5px rgba(0,0,0,.2);
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
.column_recommend_teller_txt {
  display: inline-block;
  width: 60%;
  width: calc(100% - 90px);
  vertical-align: top;
  text-align: justify;
}
.column_recommend_teller_txt h2 {
  font-size: 17px;
  font-feature-settings: "palt";
  margin-top: -3px;
}
.column_recommend_teller_txt p {
  font-size: 14px;
  line-height: 1.4;
  margin-top: 3px;
}
.column_recommend_btn {
  display: block;
  font-size: 23px;
  width: 100%;
  max-width: 550.1px;
  padding: 7px 0;
  margin: 0 auto;
  text-align: center;
}
.column_recommend_btn a {
  color: #fff;
}




/* コンテンツページ */
#content_banner {
  width: 100%;
  max-width: 550.1px;
  height: auto;
  margin: 0 auto;
  display: block;
  position: relative;
}
#content_banner ul {
  width: 92%;
  display: block;
  margin: 26px auto 0;
}
#content_banner li {
  width: 100%;
  display: block;
  margin-bottom: 22px;
  opacity: 0;
  transition: .5s ease-in-out;
  -webkit-transition: .5s ease-in-out;
}
#content_banner li:last-child {
  margin-bottom: 0;
}
#content_banner li a {
  width: 100%;
  height: 100%;
  display: block;
}
#content_banner li img {
  width: 100%;
}



/* ログイン　login.php */
#login {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../common/img/icon/login_bg.jpg);
  background-position: center center;
  background-size: 142% auto;
  display: block;
  color: #595959;
  border: 1px solid rgba(0,0,0,0);
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.login_logo {
  position: relative;
  width: 126px;
  display: block;
  margin: 40px auto;
  transition: .3s ease-out;
  -webkit-transition: .3s ease-out;
}
.login_form {
  transition: .3s ease-out;
  -webkit-transition: .3s ease-out;
}
.login_form_action1 {
  transform: translate(0, -20px);
  -webkit-transform: translate(0, -20px);
  opacity: 0;
}
.login_form_action2 {
  transform: translate(0, 20px);
  -webkit-transform: translate(0, 20px);
  opacity: 0;
}
.login_contents {
  position: relative;
  width: 94%;
  max-width: 550.1px;
  padding-bottom: 32px;
  margin: 0 auto;
}
.login_contents_inner {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 8px 12px -2px rgba(0,0,1,.2);
}
.login_contents_inner > h2 {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  padding: 6px 11px 5px;
  width: 100%;
  background: #b4d3ed;
}
.login_contents_form {
  display: block;
  width: 100%;
  padding: 18px 24px 28px;
}
.login_contents_form > p {
  font-size: 15px;
  margin-bottom: 12px;
  text-align: justify;
}
.login_user_id p, .login_pass_word p, .login_trouble_mail p, .login_trouble_ques p, .login_create_ques p, .login_create_input_txt p, .login_create_ques2 p {
  font-size: 12px;
}
.login_user_id input, .login_pass_word input, .login_trouble_mail input, .login_create_input_txt input {
  width: 100%;
  padding: 4px 8px;
  margin: 0 0 15px;
  border-bottom: .9px solid #595959;
}
.login_trouble_ques_inner, .login_create_ques_inner {
  position: relative;
  width: 100%;
  height: 40px;
  display: block;
  margin: 5px auto 12px;
}
.login_trouble_ques_inner::before, .login_create_ques_inner::before {
  content: "";
  width: 10px;
  height: 2px;
  position: absolute;
  z-index: 2;
  bottom: 18px;
  right: 22px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  background: #4c4c4c;
  display: block;
  pointer-events: none;
}
.login_trouble_ques_inner::after, .login_create_ques_inner::after {
  content: "";
  width: 10px;
  height: 2px;
  position: absolute;
  bottom: 18px;
  right: 16px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  background: #4c4c4c;
  display: block;
  pointer-events: none;
}
.login_trouble_ques select, .login_create_ques select {
  position: relative;
  width: 100%;
  padding: 8px 12px;
  height: 100%;
  border-radius: 4px;
  border: .9px solid #d2d2d2;
}
.login_auto_btn input {
  vertical-align: bottom;
}
.login_auto_btn span {
  position: relative;
  font-size: 15px;
  display: inline-block;
  vertical-align: bottom;
  line-height: .95;
  transition: .1s ease-in-out;
  -webkit-transition: .05s;
}
.login_trouble {
  display: inline-block;
  text-align: right;
  font-size: 14px;
  margin: 8px 0 18px;
  width: 100%;
}
.login_trouble a {
  color: #fff;
  padding-bottom: 2px;
  border-bottom: 1px solid #fff;
}
.login_login_btn {
  display: block;
  font-size: 23px;
  width: 100%;
  max-width: 550.1px;
  padding: 7px 0;
  margin: 0 auto 18px;
  text-align: center;
  border-radius: 60px;
  color: #fff;
}
.login_create_btn {
  display: block;
  font-size: 23px;
  width: 100%;
  max-width: 550.1px;
  padding: 7px 0;
  margin: 0 auto;
  text-align: center;
  border-radius: 60px;
  color: #fff;
}
.login_trouble_btn {
  display: block;
  font-size: 23px;
  width: 100%;
  max-width: 550.1px;
  padding: 7px 0;
  margin: 0 auto;
  text-align: center;
  border-radius: 60px;
  color: #fff;
}
.login_login_btn a, .login_create_btn a, .login_trouble_btn a {
  color: #fff;
}
.login_link {
  margin-top: 28px;
  width: 100%;
  text-align: center;
  font-size: 14px;
}
.login_link p {
  display: inline-block;
}
.login_link p:nth-of-type(1) {
  padding-right: 8px;
  margin-right: 8px;
  border-right: 1px solid #fff;
}
.login_link a {
  color: #fff;
}
.login_other_txt {
  margin: 20px auto 5px;
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 15px;
}
.login_create_birth {
  position: relative;
  width: 100%;
  height: 40px;
  display: block;
  margin: 5px auto 12px;
  font-size: 0;
}
.login_create_birth_inner1 {
  position: relative;
  width: 38%;
  height: 100%;
  margin-right: 1%;
  display: inline-block;
  font-size: 16px;
}
.login_create_birth_inner2 {
  position: relative;
  width: 30%;
  height: 100%;
  margin-right: 1%;
  display: inline-block;
  font-size: 16px;
}
.login_create_birth_inner3 {
  position: relative;
  width: 30%;
  height: 100%;
  display: inline-block;
  font-size: 16px;
}
.login_create_birth_inner1::before, .login_create_birth_inner2::before, .login_create_birth_inner3::before {
  content: "";
  width: 10px;
  height: 2px;
  position: absolute;
  z-index: 2;
  bottom: 18px;
  right: 14px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  background: #4c4c4c;
  display: block;
  pointer-events: none;
}
.login_create_birth_inner1::after, .login_create_birth_inner2::after, .login_create_birth_inner3::after {
  content: "";
  width: 10px;
  height: 2px;
  position: absolute;
  bottom: 18px;
  right: 8px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  background: #4c4c4c;
  display: block;
  pointer-events: none;
}
.login_trouble_ques select {
  position: relative;
  width: 100%;
  padding: 8px 12px;
  height: 100%;
  border-radius: 4px;
  border: .9px solid #d2d2d2;
}
.login_create_ques2 select {
  position: relative;
  width: 100%;
  padding: 8px 7px;
  height: 100%;
  border-radius: 4px;
  border: .9px solid #d2d2d2;
}
.login_create_note {
  font-size: 14px;
}
.login_create_note_inner p {
  width: 100%;
  padding: 8px 12px;
  height: 200px;
  margin: 8px auto;
  border-radius: 4px;
  border: .9px solid #d2d2d2;
  overflow: scroll;
  text-align: justify;
  -webkit-overflow-scrolling: touch;
}
.login_create_note_inner2 p {
  width: 100%;
  padding: 8px 12px;
  margin: 8px auto;
  border-radius: 4px;
  border: .9px solid #d2d2d2;
  text-align: justify;
}
.login_create_conf_input p {
  font-size: 12px;
}
.login_create_conf_input span {
  display: block;
  width: 100%;
  padding: 4px 8px;
  margin: 0 0 15px;
  border-bottom: .9px solid #595959;
}
.login_law_top {
  width: 100%;
  display: block;
  text-align: right;
  font-size: 14px;
  margin-bottom: 13px;
}
#login_law_txt {
  width: 100%;
  color: #595959;
  text-align: left;
}
#login_law_txt h2 {
  font-size: 17px;
  padding: 0 6px;
}
#login_law_txt p {
  font-size: 15px;
  text-align: justify;
  margin: 6px auto 12px;
  padding: 0 10px 10px;
  border-bottom: .9px solid #d2d2d2;
}
#login_law_txt p a, .login_create_note a {
  color: #ff6f90;
  font-weight: bold;
}




/* イベントページ */
.event_btn {
  margin: 12px 0 24px;
}




/* 退会について */
#resign_txt {
  width: 94%;
  max-width: 550.1px;
  margin: 20px auto 0;
  color: #595959;
  text-align: left;
  border-bottom: .9px solid #d2d2d2;
}
#resign_txt > h2 {
  font-size: 17px;
  padding: 0 6px;
}
#resign_txt > p {
  font-size: 15px;
  text-align: justify;
  margin: 6px auto 12px;
  padding: 0 10px;
}
#resign_txt > ul {
  font-size: 15px;
  margin: 0 auto 16px;
  padding: 16px 18px;
  border: .9px solid #d2d2d2;
  border-radius: 6px;
}
#resign_txt li label {
  position: relative;
  padding: 2px 2px;
  display: block;
  margin: 5px 0;
}
#resign_txt li span {
  transition: .2s;
  -webkit-transition: .2s;
}
#resign_txt li textarea {
  width: 100%;
  border: .9px solid #d2d2d2;
  border-radius: 4px;
  padding: 8px 10px;
  margin-top: 4px;
  text-align: justify;
  display: none;
  font-size: 16px;
  color: #595959;
  -webkit-overflow-scrolling: touch;
}
.resign_btn {
  padding-bottom: 30px;
}
.resign_btn p {
  color: #fff;
}



/* 非会員 */
#header_login {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  height: 82%;
  width: 50px;
}
#header_login img {
  position: absolute;
  top: 2px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  height: 24px;
}
#header_login p {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 57px;
  text-align: center;
}
#nomem_main {
  margin-top: 57px;
}
.nomem_footer_list {
  width: 50%;
  display: inline-block;
}



/* ご利用制限のお知らせ limit.php */
.limit_txt {
  color: #595959;
  width: 94%;
  max-width: 550.1px;
  margin: 20px auto 0;
}
.limit_btn {
  padding: 20px 0 14px;
}



/* チュートリアル */
#tutorial {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
  color: #595959;
  width: 100%;
  font-feature-settings: "palt";
  transition: .3s;
  -webkit-transition: .3s;
}
.tutorial_guide {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  background: #fff;
  display: block;
  color: #595959;
  font-size: 15px;
  font-weight: bold;
  border-bottom: .03em solid rgba(0,0,0,.2);
  box-shadow: 0 0px 7px 2px rgba(0,0,0,.2);
}
.tutorial_guide2 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  /* height: 100vh; */
  background: #fff;
  display: block;
  color: #595959;
  font-size: 15px;
  font-weight: bold;
  border-bottom: .03em solid rgba(0,0,0,.2);
  box-shadow: 0 0px 7px 2px rgba(0,0,0,.2);
}
.tutorial_cancel {
  position: absolute;
  top: 10px;
  right: 8px;
  width: 24px;
  height: 36px;
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.tutorial_cancel_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 18px;
  cursor: pointer;
}
.tutorial_cancel_img span {
  width: 100%;
  height: 2px;
  background: #595959;
  border-radius: 4px;
  display: inline-block;
  transition: .3s ease-out;
  -webkit-transition: .3s ease-out;
  box-sizing: border-box;
}
.tutorial_cancel_img span:nth-of-type(1) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
}
.tutorial_cancel_img span:nth-of-type(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
}
.tutorial_cancel > p {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 100%;
}
.tutorial_txt {
  width: 100%;
  max-width: 550.1px;
  padding: 26px 46px 37px;
  text-align: center;
  margin: 0 auto;
  transition: .2s;
  -webkit-transition: .2s;
}
.tutorial_txt_anime1 {
  transform: translateX(60px);
  -webkit-transform: translateX(60px);
  opacity: 0;
}
.tutorial_txt_anime2 {
  transform: translateX(-60px);
  -webkit-transform: translateX(-60px);
  opacity: 0;
}
.tutorial_txt_anime3 {
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  opacity: 0;
}
.tutorial_txt_anime4 {
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  opacity: 1;
}
.tutorial_txt_anime5 {
  transform: translate(-100%, -50%);
  -webkit-transform: translate(-100%, -50%);
  opacity: 0;
}
.tutorial_txt2 {
  position: absolute;
  top: 45%;
  left: 50%;
  width: 100%;
  max-width: 550.1px;
  margin: 0 auto;
  padding: 0 46px;
  text-align: center;
  transition: .2s;
  -webkit-transition: .2s;
}
.tutorial_order {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.tutorial_order2 {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.tutorial_order span, .tutorial_order2 span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(0,0,0,.2);
  display: inline-block;
  margin-right: 4px;
  transition: .3s ease-out;
  -webkit-transition: .3s ease-out;
}
.tutorial_order span:last-child, .tutorial_order2 span:last-child {
  margin-right: 0;
}
.tutorial_order_active {
  background: #ff6f90 !important;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
}
.tutorial_img {
  opacity: 0;
  transition: .4s;
  -webkit-transition: .4s;
}
.tutorial_img1 {
  position: absolute;
  top: 314px;
  left: 154px;
  width: 60px;
  transform: rotate(-48deg);
  -webkit-transform: rotate(-48deg);
  pointer-events: none;
}
.tutorial_img1 img {
  width: 100%;
  animation: 1.4s tutorial1 cubic-bezier(0.075, 0.82, 0.165, 1) infinite;
  -webkit-animation: 1.4s tutorial1 cubic-bezier(0.075, 0.82, 0.165, 1) infinite;
  pointer-events: none;
}
@keyframes tutorial1 {
  0% {
    transform: translate(0, 0);
  } 40% {
    transform: translate(-2px, 8px);
  } 100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes tutorial1 {
  0% {
    -webkit-transform: translate(0, 0);
  } 40% {
    -webkit-transform: translate(-2px, 8px);
  } 100% {
    -webkit-transform: translate(0, 0);
  }
}
.tutorial_img3 {
  position: fixed;
  bottom: 35px;
  left: 26%;
  width: 70px;
  pointer-events: none;
  animation: 2.4s tutorial3 ease-in-out infinite;
  -webkit-animation: 2.4s tutorial3 ease-in-out infinite;
}
.tutorial_img3 img {
  width: 100%;
  transform: rotate(-220deg);
  -webkit-transform: rotate(-220deg);
  pointer-events: none;
}
@keyframes tutorial3 {
  0% {
    transform: translate(0, 0);
  } 40% {
    transform: translate(10px, 10px);
  } 100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes tutorial3 {
  0% {
    -webkit-transform: translate(0, 0);
  } 40% {
    -webkit-transform: translate(10px, 10px);
  } 100% {
    -webkit-transform: translate(0, 0);
  }
}
.tutorial_btn {
  display: block;
  font-size: 23px;
  width: 100%;
  padding: 7px 0;
  margin: 12% auto 0;
  text-align: center;
}
.tutorial_btn a {
  display: block;
  color: #fff;
}
.popup_twobtn {
  display: block;
  font-size: 20px;
  width: 100%;
  max-width: 550.1px;
  margin: 0 auto 12px;
  text-align: center;
  letter-spacing: -.4em;
}
.popup_twobtn1 {
  width: 48%;
  display: inline-block;
  margin-right: 3.2%;
  letter-spacing: normal;
}
.popup_twobtn2 {
  width: 48%;
  display: inline-block;
  letter-spacing: normal;
}
.popup_twobtn1 p, .popup_twobtn2 p {
  padding: 7px 0;
}


/* 退会完了ページ */
#resign_out {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../common/img/icon/login_bg.jpg);
  background-position: center center;
  background-size: 142% auto;
  display: block;
  color: #595959;
  border: 1px solid rgba(0,0,0,0);
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.resign_out_logo {
  position: relative;
  width: 126px;
  display: block;
  margin: 40px auto;
}
.resign_out_toptxt {
  position: relative;
  width: 94%;
  max-width: 550.1px;
  padding-bottom: 43px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
}
.resign_out_toptxt h2 {
  font-size: 20px;
  line-height: 1;
}
.resign_out_toptxt p {
  font-size: 14px;
  line-height: 1;
  margin: 14px auto 30px;
}
.resign_out_toptxt img {
  width: 230px;
  margin: 0 auto;
  display: block;
}
.resign_out_inspi, .resign_out_spica {
  position: relative;
  width: 100%;
  max-width: 450.1px;
  padding-top: 7.8%;
  padding-bottom: 45px;
  margin: -7.8% auto 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.resign_out_inspi_inner, .resign_out_spica_inner {
  width: 91%;
  margin: 0 auto 6%;
  border-radius: 18px;
  box-sizing: border-box;
  box-shadow: 0 8px 12px -2px rgba(0,0,1,.2);
}
.resign_out_inspi_inner {
  background: #e3f4fb;
  border: 3px solid #5296b2;
}
.resign_out_spica_inner {
  background: #e3fbea;
  border: 3px solid #369051;
}
.resign_out_inspi_top {
  position: relative;
  width: 100%;
  height: 181px;
}
.resign_out_spica_top {
  position: relative;
  width: 100%;
  height: 181px;
  margin-top: -7.8%;
}
.resign_out_inspi_top img:nth-of-type(1), .resign_out_spica_top img {
  width: 92%;
}
.resign_out_inspi_top img:nth-of-type(1) {
  position: absolute;
  z-index: 2;
  top: -21%;
  left: -8.5%;
}
.resign_out_inspi_top img:nth-of-type(2) {
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 2%;
  width: 101%;
  max-width: none;
}
.resign_out_spica_top img {
  position: absolute;
  z-index: 2;
  top: 0;
  left: -8.5%;
}
.resign_out_inspi_inner > p {
  margin: 4% 5% 0;
  color: #4093b5;
  font-size: 15px;
  line-height: 1.6;
  text-align: justify;
}
.resign_out_inspi_inner > img {
  width: 108%;
  max-width: none;
  margin: -1% 0 -3% -4%;
}
.resign_out_spica_cont {
  font-size: 0;
}
.resign_out_spica_cont p {
  vertical-align: top;
  margin: 1% 0 3%;
  padding: 0 4%;
  color: #399551;
  width: 60%;
  display: inline-block;
  font-size: 15px;
  line-height: 1.6;
  text-align: justify;
  font-feature-settings: "palt";
}
.resign_out_spica_cont img {
  position: absolute;
  width: 39%;
  top: 7.8%;
  right: 6%;
  display: block;
  opacity: .85;
}
.resign_out_spica_foot {
  position: relative;
  width: 100%;
  padding: 3% 4%;
  background: rgba(255,255,255, .7);
  color: #f3a047;
  font-size: 15px;
  font-weight: bold;
  border-radius: 0 0 24px 24px;
}
.resign_out_spica_foot p {
  width: 57%;
}
.resign_out_spica_foot_img img:nth-of-type(1) {
  position: absolute;
  bottom: 0;
  right: -20%;
  width: 65%;
}
.resign_out_spica_foot_img img:nth-of-type(2) {
  position: absolute;
  bottom: 9%;
  right: 2.5%;
  width: 31%;
  max-width: 118px;
}
.resign_out_btn {
  width: 91%;
  margin: 0 auto;
  font-size: 21px;
  text-align: center;
  line-height: 1;
  font-feature-settings: "palt";
}
.resign_out_btn a {
  display: block;
  color: #fff;
}
.resign_out_btn p {
  padding: 14px 0;
}
.resign_out_link {
  padding-bottom: 32px;
  width: 100%;
  text-align: center;
  font-size: 14px;
}
.resign_out_link p {
  display: inline-block;
}
.resign_out_link p:nth-of-type(1) {
  padding-right: 8px;
  margin-right: 8px;
  border-right: 1px solid #fff;
}
.resign_out_link a {
  color: #fff;
}




/* 引っ張って更新 */
.scroll_reflesh {
  position: relative;
  top: -90px;
  left: 0;
  width: 100%;
  height: 0px;
  transition: 3s ease-out;
  -webkit-transition: .2s ease-out;
}
.scroll_reflesh2 {
  position: relative;
  top: -90px;
  left: 0;
  width: 100%;
  height: 0px;
  transition: 3s ease-out;
  -webkit-transition: .2s ease-out;
}
.scroll_reflesh img, .scroll_reflesh2 img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  padding: 10px;
  box-shadow: 0 0 9px -1px rgba(0,0,0,.2);
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
  opacity: 0;
  transition: .4s ease-out;
  -webkit-transition: .4s ease-out;
}
.turning {
  animation: 2s rote linear infinite;
  -webkit-animation: 2s rote linear infinite;
}
@keyframes rote {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  } 100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes rote {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
  } 100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
  }
}
.banner {
  transition: .3s ease-in;
  -webkit-transition: .3s ease-in;
}



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

}