@charset "utf-8";

/*  System common
-----------------------------------------------------------------------------*/
.pageft_nav {
  border-top: none;
  background: none;
}

.pageft_nav a {
  font-size: 16px;
  border: none;
  color: #666;
}

.pageft_nav li { position: static; }
.pageft_nav a:before { display: none; }

.contents .title {
  font-variant: none;
  font-family: 'Times New Roman';
  font-size: 18px;
  font-weight: normal;
  color: #cccccc;
  padding: 15px 0 30px 0;
}

.contents .title span {
  font-family: ' メイリオ', Meiryo, " ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-size: 20px;
  color: #000;
  padding-top: 15px;
  display: block;
}

.contents .title span.white { color: #fff; }

.pageft_nav li { width: 50%; }

.pageft_nav {
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 30px;
  padding: 0 10px;
  display: flex;
}

.pageft_nav li:first-child { margin-right: 5px; }

.pageft_nav a {
  border-radius: 5px;
  color: #999999;
  text-align: center;
  padding: 15px 0;
  border: 1px solid #e4e4e4;
  position: relative;
}

.pageft_nav a:after {
  font-size: 12px;
  top: 28%;
  right: 12px;
  display: inline-block;
  content: "＞";
  position: absolute;
}

#signup .pageft_nav a:after {
  top: 50%;
  right: 6%;
  transform: translateY(-50%);
}

/* pnkz*/
#pnkz_btm {
  font-size: 13px;
  color: #b5b5b5;
  padding: 0 10px 25px;
}

#pnkz_btm a {
  color: #b5b5b5;
  text-decoration: none;
}

#pnkz_btm a:before {
  font-family: fontAwesome;
  font-size: 18px;
  color: #b5b5b5;
  vertical-align: bottom;
  margin-right: 8px;
  display: inline-block;
  content: "\f015";
}

#pnkz_btm a:after {
  font-size: 12px;
  margin: 0 10px;
  display: inline-block;
  content: "＞";
}

/* Form */
#gender { text-align: left; }

#gender label {
  text-align: left;
  margin: 0 15px 0 5px;
}

#gender label:nth-child(2) { margin-right: 20px; }

#gender input[type="radio"],#signup_step02 #gender input[type="radio"] {
  margin-right: 20px;
  width: auto;
}

span.error {
  font-size: 14px;
  color: #bb2329;
}

.btn {
  border-radius: 5px;
  font-size: 14px;
  color: #666;
  text-align: center;
  text-decoration: none;
  margin: 0 auto;
  padding: 12px 0;
  border: 1px solid #cccccc;
  width: 80%;
  display: block;
  background: none;
}

.btn:before { display: none; }

body input[type=radio] {
  position: relative;
  margin-right: 10px;
}

body input[type=text], body input[type=number], body select {
  height: 40px;
  box-sizing: border-box;
}

body select {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 50px 0 10px;
  border: 1px solid #d1d1d1;
  background: url(../../../sp/img/bg_select.png) right top no-repeat;
  background-size: auto 100%;
}

body input[type=radio]:checked:before {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  z-index: 1;
  top: 0px;
  left: 0px;
  background: #000;
  content: '';
  position: absolute;
}

body input[type=radio]:after {
  border-radius: 50%;
  border: 1px solid #999;
  width: 20px;
  height: 20px;
  top: -5px;
  left: -5px;
  background: #fff;
  content: '';
  position: absolute;
}

input.error, textarea.error { background: #fee; }
.w_s { width: 70px; }
.w_m { width: 155px; }
.w_l { width: 200px; }
.w_ll { width: 275px; }

.sp_archive {
  text-align: center;
  padding: 15px 0 0;
}

.icon_ok, .icon_ng {
  font-size: 14px;
  line-height: 1.3;
  color: #ff3c3c;
  padding: 5px 0;
}

span.icon_ok, span.icon_ng { display: inline-block; }

.icon_ng img {
  margin: 0 5px 0 0;
  width: 16px;
}

/* sort */
#sort {}

#sort p {
  padding: 5px 10px 0;
  float: left;
}

#sort dl {
  padding: 5px 10px;
  float: right;
}

#sort dt, #sort dd { display: inline-block; }
#sort a { text-decoration: none; }

#sort a i {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  padding: 2px 4px;
  display: inline-block;
  background: #1DBEE5;
}

#sort a strong { padding: 0 0 0 5px; }

/*  Contact
-----------------------------------------------------------------------------*/
/* Form */
#form_base { ; }

/*  Topics
-----------------------------------------------------------------------------*/
/* entry */
#topics .entry {
  margin: 0 0 10px;
  border-bottom: solid 1px #E1E1E1;
}

#topics .entry .data {
  font-size: 10px;
  padding: 5px 0 0;
}

#topics .entry_title a { color: #fb0370; }
#topics .entry_title a:hover { text-decoration: none; }

#topics .entry_body:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#topics .entry_body {
  font-size: 12px;
  padding: 25px 10px 20px;
}

/* list */
#topics_list .pic {
  margin: 0 0 15px 15px;
  float: right;
}

#topics_list .pic img {
  height: auto;
  max-width: 150px;
}

/* list */
#topics_zoom .pic {
  text-align: center;
  margin: 0 0 15px;
}

#topics_zoom .pic img { max-width: 90%; }

/*  media
-----------------------------------------------------------------------------*/
/* list */
#media > div { padding: 0 15px; }
#media h3 { border-bottom: none; }
#media #pickup { padding: 0 0 10px; }
#media #pickup ul { padding: 10px 15px 0; }
#media #pickup li { padding: 0 0 20px; }
#media #pickup li a { text-decoration: none; }

#media #pickup li img {
  width: 100%;
  height: auto;
}

#media #pickup li p { padding: 5px 0 0; }
#media #list { width: 100%; }

#media #list:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#media #list li {
  box-sizing: border-box;
  width: 50%;
  float: left;
}

#media #list li:nth-child(odd) { padding: 0 5px 10px 0; }
#media #list li:nth-child(even) { padding: 0 0 10px 5px; }

#media #list li a {
  box-sizing: border-box;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
  padding: 10px 15px;
  border: solid 1px #f3f3f3;
  display: block;
}

#media #list li .image {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  margin: 0 auto;
  width: 108px;
  height: 119px;
  overflow: hidden;
}

#media #list li img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 108px;
  height: auto;
}

#media #list li p { padding: 5px 0 0; }

#media #list li span {
  font-weight: bold;
  color: #1DBEE5;
  padding: 0 5px 0 0;
}

/* zoom --------------------------------*/
#media_zoom .c_wrapper { padding: 20px 15px 0; }

#media_zoom .entry .data {
  font-size: 10px;
  padding: 5px 0 0;
}

#media_zoom .entry_title { color: #1DBEE5; }

#media_zoom .entry_body:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#media_zoom .entry_body {
  font-size: 12px;
  padding: 25px 10px 0;
}

/* list */
#media_zoom .pic {
  text-align: center;
  margin: 0 0 15px;
}

#media_zoom .pic img { max-width: 90%; }

/* pics */
#media_zoom .entry_pics {
  text-align: center;
  padding: 25px 0 0;
  width: 100%;
}

#media_zoom .entry_pics li {
  margin: 0 2px 10px;
  width: 45%;
  display: inline-block;
}

#media_zoom .entry_pics li img {
  width: 100%;
  height: auto;
}

/* youtube */
#media_zoom .entry_youtube {
  text-align: center;
  padding: 25px 10px 0;
}

#media_zoom .entry_youtube iframe {
  width: 260px;
  height: auto;
}

/* btn_area */
#media_zoom .btn_area {
  text-align: center;
  margin: 30px 0 20px;
  padding: 20px 0 0;
  border-top: solid 1px #ccc;
}

#media_zoom .btn_area a.btn01 { padding: 5px 10px 5px 25px; }

#media_zoom .btn_area a.btn01:before {
  font: normal normal normal 10px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #fff;
  top: 6px;
  left: -70px;
  content: "\f0d9";
  position: absolute;
}

/*  update
-----------------------------------------------------------------------------*/
#update .contents_l dt {
  color: #1DBEE5;
  padding: 25px 0 0;
}

#update .contents_l dd {
  padding: 5px;
  border-bottom: solid 1px #E1E1E1;
}

#update .contents_l dd li {
  font-size: 12px;
  padding: 0 0 5px 15px;
  position: relative;
}

#update .contents_l dd li:before {
  font: normal normal normal 9px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #1DBEE5;
  top: 2px;
  left: 0;
  content: "\f04b";
  position: absolute;
}

/*  fortunetellers
-----------------------------------------------------------------------------*/
.fourtune_submenu {
  font-size: 12px;
  text-align: center;
  width: 100%;
  display: table;
  position: relative;
  z-index: 1;
}

.fourtune_submenu._btm { margin-top: 50px; }

.fourtune_submenu li {
  box-sizing: border-box;
  vertical-align: bottom;
  width: 20%;
  display: table-cell;
}

.fourtune_submenu li a {
  font-size: 14px;
  color: #333;
  height: 47px;
  line-height: 14px;
  text-decoration: none;
  border: 1px solid #e2e2e2;
  border-right: none;
  border-radius: 8px 8px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fourtune_submenu._btm li a { border-radius: 0 0 8px 8px; }

.fourtune_submenu li:last-child a { border-right: 1px solid #e2e2e2; }

.fourtune_submenu li.current a {
  font-weight: bold;
  color: #fff;
  background: #1dbee5;
  border-color: #1dbee5;
  position: relative;
}

.fourtune_submenu li.current a:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 5px 0 5px;
  border-color: #1dbee5 transparent transparent transparent;
  position: absolute;
  bottom: -9px;
  left: calc(50% - 5px);
}

.fourtune_submenu._btm li.current a:after {
  border-width: 0 5px 9px 5px;
  border-color: transparent transparent #1dbee5 transparent;
  top: -9px;
  bottom: auto;
}

#fortunetellers h3,
.contents.fortunetellers h3 {
  font-size: 18px;
  font-weight: bold;
  color: #1dbee5;
  text-align: center;
  padding: 10px;
}

#fortunetellers h3 span {
  font-size: 14px;
  font-weight: normal;
  color: #666;
  padding: 10px 0 0;
  display: block;
}

.fourtune_select {
  background: url(../../../sp/img/common/bg_bdr_gray.gif) repeat;
  padding: 7px 7px 11px;
  margin-bottom: 35px;
  position: relative;
}

.fourtune_select:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 19px 20px 0 20px;
  border-color: #f2f2f2 transparent transparent transparent;
  position: absolute;
  bottom: -19px;
  left: calc(50% - 20px);
}

.fourtune_select > strong {
  color: #000;
  padding: 15px 0 10px;
  text-align: center;
  display: block;
}

.fourtune_select ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.fourtune_select li {
  width: 31.5%;
  position: relative;
  margin-bottom: 10px;
}

.fourtune_select li:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #ccc transparent transparent transparent;
  position: absolute;
  bottom: 4px;
  left: calc(50% - 5px);
}

.fourtune_select select,
.fourtune_select a {
  border: 2px solid transparent;
  width: 100%;
  height: 58px;
  padding: 7px;
  margin: 0;
  background: #fff;
  text-align: center;
  border-radius: 8px;
}

.fourtune_select .selected { border-color: #1dbee5; }

.fourtune_select a {
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}


_::-webkit-full-page-media,
_:future,
:root .fourtune_select li:nth-child(1) select { padding-left: 31%; 
  color: #000;}
_::-webkit-full-page-media,
_:future,
:root .fourtune_select li:nth-child(2) select { padding-left: 25%; 
  color: #000;}
_::-webkit-full-page-media,
_:future,
:root .fourtune_select li:nth-child(3) select { padding-left: 18%; 
  color: #000;}
_::-webkit-full-page-media,
_:future,
:root .fourtune_select li:nth-child(4) select { padding-left: 37%; 
  color: #000;}
_::-webkit-full-page-media,
_:future,
:root .fourtune_select li:nth-child(5) select { padding-left: 37%; 
  color: #000;}


.fourtune_helper {
  margin: 45px 6px 0;
  border: 1px solid #ddd;
  padding: 20px 17px;
  border-radius: 6px;
  box-sizing: border-box;
}

.fourtune_helper > div {
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
}

.fourtune_helper dt {
  font-weight: bold;
  padding: 8px 0 25px 40px;
  background: url(../../../sp/img/common/icon_ques02.png) no-repeat left top;
  background-size: 32px 32px;
}

.fourtune_helper p {
  margin: 10px 0 0;
  padding: 10px 0 0;
}

.fourtune_helper p a {
  font-family: Arial;
  font-size: 26px;
  font-weight: normal;
  color: #000;
  line-height: 30px;
  text-decoration: none;
  padding: 0 0 0 35px;
  display: inline-block;
  background: url(../../../sp/img/common/icon_freetel01.gif) no-repeat left center;
  background-size: 30px;
  white-space: nowrap;
}

.fourtune_helper span {
  font-size: 12px;
  color: #999;
  display: block;
}

.fourtune_related dt {
  font-weight: bold;
  color: #000;
  margin: 46px 10px 26px;
  padding-left: 8px;
  display: block;
  border-left: 6px solid #1dbee5;
}

.fourtune_related dd { padding: 0 5px; }

.fourtune_helper .tel_area {
  display: flex;
  align-items: flex-end;
}

.fourtune_helper .tel_area p { padding-right: 15px; }
.fourtune_helper .tel_area p > span:first-child { color: #000; }
.fourtune_helper .tel_area p a { margin: 5px 0; }
.fourtune_helper .tel_area p > span:last-child { text-align: right; }

.fourtune_related ul {
  width: calc(100% - 16px);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.fourtune_related li { width: 31%; }
.fourtune_related li a { text-decoration: none; }

.fourtune_related li a img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 15px;
}

/*  zoom --------------------------------*/
/* view_count */
.view_count {
  font-size: 12px;
  text-align: center;
  padding: 5px 0 0;
}

/* onephrase */
#onephrase h3 { margin-top: 20px; }

.onephrase_area {
  border-radius: 10px;
  text-align: left;
  margin: 40px 10px 0;
  border: 2px solid #1DBEE5;
}

.onephrase_area dt {
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10p;
  font-size: 24px;
  font-weight: bold;
  color: #1DBEE5;
  line-height: 120%;
  padding: 20px 110px 20px 20px;
  background: #ececec;
  position: relative;
}

.onephrase_area dt img {
  width: 100px;
  right: 10px;
  bottom: 0;
  position: absolute;
}

.onephrase_area dd {
  font-size: 15px;
  padding: 15px 20px 0;
  line-height: 1.7;
}

.onephrase_area p {
  text-align: right;
  padding: 15px 20px;
}

.onephrase_area a {
  font-size: 12px;
  color: #1DBEE5;
  text-decoration: none;
}

.onephrase_area a:hover {
  color: #fff;
  background: #1DBEE5;
}

.onephrase_area a i { padding: 0; }

/* profile_top */
#profile_top #prof_photo {
  padding-top: 51px;
  position: relative;
}

#profile_top #prof_photo_slide { line-height: 0; }

#profile_top #prof_photo_slide img {
  width: 100%;
  height: auto;
}

#profile_top #prof_photo .prev, #profile_top #prof_photo .next {
  color: #fff;
  font-size: 52px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
}

#profile_top #prof_photo .prev { left: 8px; }
#profile_top #prof_photo .next { right: 8px; }

#profile_top #prof_photo #prof_text {
  color: #fff;
  background: rgba(51,51,51,0.68);
  border-radius: 10px;
  width: 95%;
  padding: 10px 10px 12px;
  text-align: center;
  box-sizing: border-box;
  position: absolute;
  bottom: 5px;
  left: 2.5%;
}

#profile_top #prof_photo #prof_text h3 {
  font-size: 15px;
  font-weight: normal;
}

#profile_top #prof_photo #prof_text h3 em {
  font-size: 27px;
  font-weight: normal;
  line-height: 1em;
  margin-right: 2px;
}

#profile_top #prof_photo #prof_text h3 span {
  font-size: 12px;
  padding-right: 2.5em;
  display: block;
}

#profile_top #prof_photo #prof_text ul {
  font-size: 14px;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}

#profile_top #prof_photo #prof_text ul li {
  margin-right: 1em;
}

#profile_top .blc_status {
  margin-top: 5px;
  display: flex;
}

#profile_top .blc_status .time { font-size: 15px; }
#profile_top .blc_status .entry_status { padding: 10px 0 10px 10px; }

.profile_status p {
  font-size: 12px;
  font-weight: bold;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  line-height: 1.5;
}

.profile_status p.online {
  color: #333;
  background: #abe203;
}

.profile_status p.working {
  color: #fff;
  background: #ec3950;
}

.profile_status p.offline {
  color: #333;
  background: #58c7e2;
}

.profile_status .time {
  font-size: 11px;
  color: #fff;
  display: block;
  margin: -1px 0;
}

.profile_status p.close {
  color: #666;
  background: #f8f8f8;
}

.profile_status p.event {
  color: #fff;
  background: #FF7D26;
}


/* イベント参加のテキスト */
#profile_top .profile_header > div.event {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  margin-top: 20px;
  padding: 12px;
  border: solid 1px #e14e13;
  background-color: #262626;
}

#profile_top .profile_header > div.event a {
  color: #fff;
  text-align: initial;
  text-decoration: underline;
  padding: initial;
  width: initial;
  height: initial;
  top: initial;
  right: initial;
  display: initial;
  outline: initial;
  position: initial;
}

.profile_status .event {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  text-align: initial;
  text-decoration: none;
  margin-top: 20px;
  padding: 12px;
  border: solid 1px #e14e13;
  background-color: #262626;
}

.profile_status .event a {
  color: #fff;
  text-align: initial;
  text-decoration: underline;
  padding: initial;
  width: initial;
  height: initial;
  top: initial;
  right: initial;
  display: initial;
  outline: initial;
  position: initial;
}

.profile_status .event span {
  font-size: 100%;
  display: inline;
}

#profile_top #entry_banner {
  text-align: center;
  margin: 0 15px;
}

#profile_top #entry_banner img { max-width: 100%; }

#profile_top #entry_banner2 {
  text-align: center;
  padding: 0 0 15px;
}

#profile_top #entry_banner2 img { max-width: 100%; }
#profile_top #entry_banner a, #profile_top #entry_banner2 a { text-decoration: none; }

#profile_top #entry_banner span, #profile_top #entry_banner2 span {
  font-size: 12px;
  padding: 5px 0 0;
  display: block;
}

/* 201709 added */
.box_status span.nowdate {
  font-size: 10px;
  color: #888;
  text-align: left;
  margin: 0.5em auto 0;
  padding: 0 0 0 15px;
  display: block;
  background: url(../../../sp/img/icon_clock.png) no-repeat 0 3px;
  background-size: 11px 11px;
}

.box_status .profile_status p { margin: 0.5em auto; }
.box_status .profile_status .view_count span { display: inline; }

/* prof_outline */
#profile_top #prof_outline {
  font-size: 12px;
  line-height: 18px;
  padding-bottom: 0;
}

#profile_top #prof_info {
  font-size: 10px;
  line-height: 16px;
  margin: 10px 15px 0;
  padding: 0 0 0 20px;
  background: url(../../../sp/img/icon_crown.gif) no-repeat 1px 3px;
  background-size: 10px 9px;
}

#profile_top #prof_list {
  text-align: center;
  padding: 0 15px 20px;
}

#profile_top #prof_list li {
  padding: 2px 5px 0 5px;
  display: inline-block;
}

#profile_top #prof_message { padding-bottom: 0; }

#profile_top #prof_message .audio .audio_none {
  font-size: 12px;
  color: #adadad;
}

/* box */
#profile_top .box { padding: 15px; }

#profile_top .box .note {
  font-size: 12px;
  color: #999;
  margin: 10px 0 0;
}

#profile_top .box > div audio {
  box-sizing: border-box;
  width: 100%;
}

/* entry */
#profile_top .entry {
  width: 90%;
  margin: 29px auto 0;
  display: flex;
  justify-content: center;
}

#profile_top .entry li:first-child { text-align: left; }

#profile_top .entry_status li p {
  display: inline-block;
  position: relative;
}

#profile_top .entry_status li p span {
  font-size: 12px;
  top: 20px;
  left: 26px;
  position: absolute;
}

#profile_top .entry_status li > span {
  width: 38px;
  display: inline-block;
}

#profile_top .entry_status li p.now {
  color: #333;
  padding: 0 0 0 10px;
}

#profile_top .entry_status li p.no_waiting { color: #ccc; }

#profile_top .entry dl { padding: 13px 0 0; }

#profile_top .entry dt {
  font-size: 10px;
  text-align: right;
  padding: 0 0 5px;
}

#profile_top .entry dt a { text-decoration: none; }
#profile_top .entry dt a img { margin: 0 5px 0 0; }

#profile_top .entry dd {
  font-size: 10px;
  padding: 10px 20px 10px 25px;
  border: solid 1px #acacac;
  display: none;
}

#profile_top .entry dd ul {
  text-align: left;
  display: block;
}

#profile_top .entry dd li {
  text-indent: -1em;
  display: block;
}

#profile_top .entry dd li:first-child { width: 100%; }
#profile_top .entry > p { padding: 16px 18px; }

#profile_top #entry_area {
  height: 245px;
  background: url(../../../sp/img/top_entry_bg.jpg) repeat-x left top;
  background-size: 48px 285px;
}

#profile_top #entry_area ul { text-align: center; }
#profile_top #entry_area li { display: inline-block; }

#profile_top #entry_area li img {
  width: 150px;
  height: auto;
}

#profile_top #entry_area p {
  font-size: 12px;
  text-align: center;
}

#profile_top #entry_area p:first-child {
  color: #1DBEE5;
  padding: 15px 0 5px;
}

#profile_top #entry_area p:last-child { padding: 8px 0 0; }

/* schedule_list */
#profile_top #schedule_list dl {
  font-size: 12px;
  padding: 0 0 15px;
}

#profile_top #schedule_list dt { padding: 10px 0 5px; }
#profile_top #schedule_list dd { padding: 0 0 5px; }
#profile_top #schedule_list li { font-size: 12px; }

#profile_top #schedule_list li:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: 10px;
  color: #ccc;
  padding: 0 10px;
  display: inline-block;
  content: "\f04b";
}

#profile_top #schedule_list li.current:before { color: #35cdff; }
#profile_top #schedule_list p { padding: 0 10px 5px; }

/* schedule_table */
#profile_top #schedule_table { margin-top: 42px; }

#profile_top #schedule_table .now_time {
  font-size: 16px;
  text-align: center;
}

#profile_top h3 + .now_time { margin-top: 25px; }

#profile_top #schedule_table .now_time:before {
  content: '';
  width: 10px;
  height: 10px;
  background: url(/sp/img/common/icon_clock03.png) center left no-repeat;
  margin-right: 4px;
  display: inline-block;
  vertical-align: -1px;
}

#profile_top #schedule_table .note {
  margin-top: 5px;
  text-align: center;
}

#profile_top #schedule_table > div { padding: 0 12px 14px 8px; }
#profile_top #schedule_table tbody { line-height: 1.5; }
#profile_top #schedule_table tbody th {
  white-space: nowrap;
  text-align: left;
}



/* sec_topic */
#profile_top .sec_topic { padding: 25px 8px; }
#profile_top .sec_topic .img_wrap { margin: 0 -8px; }

#profile_top .sec_topic .img_wrap img {
  width: 100%;
  height: auto;
}

#profile_top .sec_topic .balloon {
  font-size: 17px;
  color: #333;
  background: #e8e8e8;
  padding: 10px 16px;
  margin-top: 14px;
  line-height: 1.5;
  border-radius: 10px;
  position: relative;
}

#profile_top .sec_topic .balloon:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 7px 0 7px;
  border-color: #e8e8e8 transparent transparent transparent;
  position: absolute;
  bottom: -17px;
  z-index: -1;
}

#profile_top .sec_topic .balloon + img {
  width: 77px;
  height: auto;
  margin: -10px -8px 0;
  position: relative;
}

#profile_top .sec_topic .balloon._left { padding-left: 2.7em; }

#profile_top .sec_topic .balloon._left:after {
  transform: rotate(39deg);
  left: 50px;
}

#profile_top .sec_topic .balloon._left + img {
  float: left;
  margin-right: 5px;
}

#profile_top .sec_topic .balloon._right { padding-right: 2.7em; }

#profile_top .sec_topic .balloon._right:after {
  transform: rotate(-39deg);
  right: 50px;
}

#profile_top .sec_topic .balloon._right + img {
  float: right;
  margin-left: 5px;
}

#profile_top .sec_topic .text {
  font-size: 16px;
  color: #333;
  line-height: 1.8;
  margin-top: 16px;
}

#profile_top .sec_topic_genre { padding-top: 25px; }

#profile_top .sec_topic_genre .genre_slide_wrap {
  background: url(/sp/img/common/bg_bdr_gray.gif) repeat;
  padding: 21px 0 8px;
}

#profile_top .sec_topic_genre .slick-dots { bottom: -39px; }
#profile_top .sec_topic_genre .slick-dots li { margin: 0 7px; }
#profile_top .sec_topic_genre .slick-dots li button:before { font-size: 38px; }

#profile_top .sec_topic_genre .genre_slide_item {
  padding: 0 19px;
  box-sizing: border-box;
}

#profile_top .sec_topic_genre .genre_slide_item .img_wrap { width: 100%; }

#profile_top .sec_topic_genre .genre_slide_item .img_wrap img {
  width: 100%;
  height: auto;
}

#profile_top .sec_topic_genre .genre_slide_item h4 {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  text-align: center;
  margin-top: 10px;
}

#profile_top .sec_topic_genre .genre_slide_item p {
  color: #333;
  margin-top: 8px;
  line-height: 23px;
}

/* blc_campaign */
#profile_top .blc_campaign {
  margin: 55px 8px 0;
  padding: 22px;
  background: url(/sp/img/common/bg_bdr_aqua.gif) repeat;
  border-radius: 10px;
}

#profile_top .blc_campaign h3 {
  text-align: center;
  margin: -43px 0 15px;
}

#profile_top .blc_campaign .img100 {
  width: 100%;
  height: auto;
}

#profile_top .blc_campaign .campaign_date {
  font-size: 17px;
  color: #fff;
  text-align: center;
  background: #000;
  line-height: 1.25;
  padding: 3px 0 2px;
  margin: 7px -7px 0;
}

#profile_top .blc_campaign .column2 {
  color: #333;
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#profile_top .blc_campaign .column2 > div { width: 50%; }

#profile_top .blc_campaign .coupon_text {
  text-align: center;
  font-size: 17px;
}

#profile_top .blc_campaign #coupon_code {
  font-size: 22px;
  font-weight: bold;
  color: #333;
  display: block;
  margin-top: 12px;
}

#profile_top .blc_campaign .btn_copy {
  font-size: 15px;
  background: #fff;
  width: 141px;
  min-height: 79px;
  padding: 10px 15px;
  margin: 0 auto;
  border: 1px solid #cccccd;
  border-radius: 7px;
  text-align: left;
  display: block;
}

#profile_top .blc_campaign .note_text {
  font-size: 13px;
  color: #666;
  text-align: center;
  margin-top: 20px;
}

/* sec_voice */
#profile_top #sec_voice {
  background: url(../../../sp/img/common/bg_bdr_black.gif) repeat;
  padding: 25px 8px 30px;
  margin-top: 40px;
  position: relative;
}

#profile_top #sec_voice:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 19px 20px 0 20px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  top: 0;
  left: calc(50% - 20px);
}

#profile_top #sec_voice .inner { padding: 0 11px; }
#profile_top #sec_voice .voice_list { margin-top: 20px; }

#profile_top #sec_voice .voice_list li {
  background: #fff;
  border-radius: 8px;
  padding: 20px 10px 17px;
  margin-top: 13px;
}

#profile_top #sec_voice .voice_list li:first-child { margin-top: 0; }

#profile_top #sec_voice .voice_list .teller_name {
  font-weight: bold;
  font-size: 12px;
  margin-right: 15px;
}

#profile_top #sec_voice .voice_list .teller_name em {
  font-size: 14px;
  margin-right: 4px;
}

#profile_top #sec_voice .user_comment {
  padding: 0 7px;
  line-height: 1.45;
}

#profile_top #sec_voice .user_comment > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#profile_top #sec_voice .user_comment dt {
  font-size: 14px;
  color: #333;
  padding: 0 0 0 40px;
  min-height: 30px;
  background: url(/sp/img/voice_icon.png) no-repeat 4px 0;
  background-size: 20px 32px;
  line-height: 1.25;
  flex: 1;
  display: flex;
  align-items: center;
}

#profile_top #sec_voice .user_comment > div dd {
  font-size: 13px;
  color: #999;
  text-align: right;
  width: 170px;
}

#profile_top #sec_voice .user_comment > dd {
  color: #333;
  margin-top: 15px;
}

#profile_top #sec_voice .btn_more02 { margin-top: 25px; }

/* sec_message */
#profile_top #sec_message {
  background: url(/sp/img/common/bg_bdr_gray.gif) repeat;
  position: relative;
}

#profile_top #sec_message:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 19px 20px 0 20px;
  border-color: #666 transparent transparent transparent;
  position: absolute;
  top: 0;
  left: calc(50% - 20px);
}

#profile_top #sec_message .inner { padding: 25px 0 30px; }

#profile_top #sec_message .inner:before,
#profile_top #sec_message .inner:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22px 0 0 50vw;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  bottom: -1px;
}

#profile_top #sec_message .inner:before { left: 0; }

#profile_top #sec_message .inner:after {
  transform: scale(-1,1);
  right: 0;
}

#profile_top #sec_message .img_wrap img {
  width: 100%;
  height: auto;
}

#profile_top #sec_message .main_message {
  font-size: 16px;
  color: #333;
  line-height: 1.8;
  margin: 23px 20px 0;
}

#profile_top #sec_message .audio_data {
  text-align: center;
  margin-top: 23px;
}


/* skill */
#profile_top #skill {
  margin: 0;
  border-bottom: none;
}

#profile_top #skill ul { padding: 5px 0 0; }
#profile_top #skill li { padding: 4px 0; }

#profile_top #skill li:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: 10px;
  color: #999;
  padding: 0 4px 0 0;
  display: inline-block;
  content: "\f105";
}

#profile_top #skill li a { text-decoration: none; }

#profile_top #skill li span {
  color: #1DBEE5;
  padding: 0 0 0 5px;
  white-space: nowrap;
}

#profile_top #skill li i {
  text-indent: -9999px;
  vertical-align: middle;
  padding: 0;
  width: 9px;
  height: 9px;
  display: inline-block;
}

#profile_top #skill li i.on {
  background: url(../../../img/star_on.png) no-repeat left top;
  background-size: 9px 9px;
}

#profile_top #skill li i.off {
  background: url(../../../img/star_off.png) no-repeat left top;
  background-size: 9px 9px;
}

/* prof_box */
#profile_top #prof_box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 20px;
  padding: 0;
  border: solid 1px #c7c7c7;
}

#profile_top #prof_box > h3 {
  padding: 10px;
  border-top: solid 1px #c7c7c7;
}

#profile_top #prof_box > h3:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: 14px;
  color: #ccc;
  padding: 0 8px 0 0;
  display: inline-block;
  content: "\f0d7";
}

#profile_top #prof_box > h3:first-child { border-top: none; }

#profile_top #prof_box > div {
  font-size: 12px;
  padding: 0 5px 15px 15px;
  display: none;
}

#profile_top #prof_box > div:first-child { border-top: none; }

#profile_top #prof_box h4 {
  font-size: 12px;
  color: #1DBEE5;
  padding: 10px 0 5px;
}

#profile_top #prof_box dt {
  font-weight: bold;
  padding: 0 0 2px 15px;
  background: url(../../../sp/img/icon_crown.gif) no-repeat 1px 1px;
  background-size: 10px 9px;
}

#profile_top #prof_box dd { padding: 2px 0 10px; }
#profile_top #prof_box dd:last-child { padding: 2px 0 0; }

/* sec_gallary */
#profile_top #sec_gallary { padding: 20px 0; }

#profile_top #sec_gallary #snap_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 10px;
}

#profile_top #sec_gallary #snap_list li {
  width: 49%;
}

#profile_top #sec_gallary #snap_list li:nth-child(n+3) { margin-top: 8px; }

#profile_top #sec_gallary #snap_list li img {
  width: 100%;
  height: auto;
}

#profile_top #sec_gallary .btn_more02 { margin-top: 36px; }

/* sec_tools */
#profile_top #sec_tools { padding: 20px 0; }
#profile_top #sec_tools dt img { width: 100%; }

#profile_top #sec_tools dd {
  font-size: 16px;
  padding: 20px 10px 10px;
}

#profile_top #sec_tools dd strong {
  font-family: "Georgia", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 6px;
  display: block;
}

#profile_top #sec_tools dd span {
  padding: 10px 0 0;
  display: block;
}

#profile_top #sec_tools dd p {
  font-size: 16px;
  padding: 10px 0 0;
}

#profile_top #sec_tools .prev,
#profile_top #sec_tools .next {
  font-size: 30px;
  color: #fff;
  width: 26px;
  height: 52px;
  text-align: center;
  line-height: 52px;
  background: #dbdbdb;
  position: absolute;
  top: 24%;
  z-index: 20;
}

#profile_top #sec_tools .prev {
  left: 0;
  border-radius: 0 10px 10px 0;
}

#profile_top #sec_tools .next {
  right: 0;
  border-radius: 10px 0 0 10px;
}

/* sec_entry
----------------------------------------------*/
#sec_entry {
  padding: 40px 25px 25px 27px;
  background: url(../../../sp/img/common/bg_bdr_gray.gif) repeat;
  position: relative;
}

#sec_entry:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 19px 20px 0 20px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  top: 0;
  left: calc(50% - 20px);
}

#sec_entry .entry_list {
  margin: 3px 0 40px;
  display: flex;
  justify-content: center;
}

#sec_entry .entry_list li {
  font-size: 18px;
  color: #ccc;
  width: 125px;
  height: 125px;
  text-align: center;
  border-radius: 50%;
  background: #999;
  border: 3px solid #999;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
}

#profile_top #sec_entry .entry_list li:first-of-type { margin-right: 8%; }
#profile_top #sec_entry .entry_list li.net { padding-top: 60px; }
#profile_top #sec_entry .entry_list li.net:before {
  content: '';
  display: block;
  width: 29px;
  height: 46px;
  background: url(../../../sp/img/top/icon_phone_sprite.png) bottom no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 13px;
  left: calc(50% - 14px);
}
#profile_top #sec_entry .entry_list li.net.active:before { background-position: top; }

#profile_top #sec_entry .entry_list li.tel { padding-top: 60px; }
#profile_top #sec_entry .entry_list li.tel:before {
  content: '';
  display: block;
  width: 59px;
  height: 51px;
  background: url(../../../sp/img/top/icon_headset_sprite.png) bottom no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 10px;
  left: calc(50% - 30px);
}

#profile_top #sec_entry .entry_list li.tel.active:before { background-position: top; }

#profile_top #sec_entry .entry_list li.active {
  color: #000;
  background: #fff;
  border-color: #1fbee5;
}

#profile_top #sec_entry .entry_list li span {
  display: block;
  line-height: 1.1;
}

#profile_top #sec_entry .entry_list li.net span { font-size: 15px; }
#profile_top #sec_entry .entry_list li.tel span { font-size: 12px; }
#profile_top #sec_entry .entry_list li.active span { color: #999; }

#profile_top #sec_entry .entry_flow ol {
  list-style: none;
  display: none;
}

#profile_top #sec_entry .entry_flow ol.is-show { display: block; }

#profile_top #sec_entry .entry_flow li {
  list-style: none;
  margin: 25px 0;
}

#profile_top #sec_entry .entry_flow li .num {
  font-size: 22px;
  color: #fff;
  background: #333;
  width: 41px;
  height: 41px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  box-sizing: border-box;
  padding-top: 5px;
}

#profile_top #sec_entry .entry_flow li p {
  font-size: 16px;
  color: #333;
  line-height: 1.8;
  padding-left: 60px;
}

#profile_top #sec_entry .entry_flow li .note { font-size: 13px; }

#profile_top #sec_entry .entry_flow .text_link {
  color: #1dbee5;
  text-decoration: none;
}

#profile_top #sec_entry .entry_flow .btn1 { margin: 7px 0; }

#profile_top #sec_entry .entry_flow .btn_sample {
  margin: 6px 0;
  display: block;
}

#profile_top #sec_entry .entry_flow .btn_tel {
  border-radius: 0;
  margin: 8px 0;
}

#profile_top #sec_entry .entry_flow li p em { font-weight: bold; }
#profile_top #sec_entry .btn_more { margin-top: 23px; }

/* sec_entry
----------------------------------------------*/
#profile_top #sec_news {
  padding: 30px 8px 35px;
  position: relative;
}

#profile_top #sec_news #blog { margin-top: 5px; }

#profile_top #sec_news .news_list li {
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  margin-top: -1px;
  padding: 22px 3px;
}

#profile_top #sec_news .news_list li a {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}

#profile_top #sec_news .news_list li a:after {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  transform: rotate(45deg) skew(-8deg, -8deg);
  position: absolute;
  right: 8px;
}

#profile_top #sec_news .news_list li a .category {
  font-size: 13px;
  font-weight: bold;
  width: 57px; 
  height: 57px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#profile_top #sec_news .news_list li a .text {
  font-size: 16px;
  width: calc(100% - 75px);
  line-height: 22px;
  padding-right: 60px;
  box-sizing: border-box;
}

#profile_top #sec_news .news_list li a .category._blog {
  color: #000;
  background: #ccc;
}

#profile_top #sec_news .news_list li a .category._print {
  font-weight: normal;
  color: #fff;
  letter-spacing: 0.1em;
  background: #666;
}

/* sec_movie
----------------------------------------------*/
#profile_top #sec_movie {
  margin: 0 12px;
  padding: 20px 0;
}

#profile_top #sec_movie .movie_wrap {
  height: 60vw;
  max-height: 315px;
}

/* sec_basic
----------------------------------------------*/
#profile_top #sec_basic { padding: 10px 8px 43px; }
#profile_top #sec_basic table { width: 100%; }

#profile_top #sec_basic table th, #profile_top #sec_basic table td {
  background: #ebebeb;
  border: 1px solid #fff;
  text-align: left;
  vertical-align: top;
}

#profile_top #sec_basic table th {
  font-weight: normal;
  color: #666;
  width: 3em;
  line-height: 20px;
  padding: 15px 18px;
}

#profile_top #sec_basic table td {
  color: #333;
  line-height: 25px;
  padding: 12px 18px;
}

#profile_top #sec_basic table .right_text {
  font-size: 13px;
  margin-top: 7px;
  line-height: 17px;
  text-align: right;
}

/* related_area
----------------------------------------------*/
#related_area + .fourtune_submenu._btm { margin-top: 37px; }

/* recommend */
#profile_top #recommend dt { padding: 8px 0; }

#profile_top #recommend dd {
  box-sizing: border-box;
  font-size: 12px;
  padding: 0 0 25px;
  width: 100%;
}

#profile_top #recommend dd:last-child { padding: 0 0 15px; }

#profile_top #recommend dd p {
  padding: 0 15px 10px 0;
  float: left;
}

#profile_top #recommend dd p img {
  width: 73px;
  height: auto;
}

#profile_top #recommend li {
  text-indent: -1em;
  padding: 0 0 0 12px;
}

#profile_top #recommend #snap {
  width: 100%;
  position: relative;
}

#profile_top #recommend #snap > div { padding: 0 10px 0 10px; }
#profile_top #recommend #snap li { text-align: center; }
#profile_top #recommend #snap li img { width: 100%; }

#profile_top #recommend #snap .prev img, #profile_top #recommend #snap .next img {
  width: 10px;
  display: none;
}

#profile_top #recommend #snap .prev {
  width: 21px;
  height: 72px;
  top: 10px;
  left: -19px;
  background: url(../../../sp/img/top_media_l.png) no-repeat left top;
  background-size: 21px 72px;
  position: absolute;
}

#profile_top #recommend #snap .next {
  width: 21px;
  height: 72px;
  top: 10px;
  right: -19px;
  background: url(../../../sp/img/top_media_r.png) no-repeat left top;
  background-size: 21px 72px;
  position: absolute;
}

/* voice */
#profile_top #voice dl {
  padding: 50px 17px 55px;
  line-height: 1.8;
}

#profile_top #voice dt {
  box-sizing: border-box;
  padding-left: 43px;
  margin-bottom: 16px;
  min-height: 40px;
  background: url(../../../sp/img/voice_icon.png) no-repeat 4px 0;
  background-size: 30px 40px;
  margin-top: 40px;
}

#profile_top #voice dt:first-of-type { margin-top: 0; }

#profile_top #voice dt span {
  font-size: 13px;
  color: #adadad;
  display: block;
  margin-top: 10px;
}

#profile_top #voice p { padding: 0 10px; }
#profile_top #voice .pagenation { margin-bottom: 45px; }

/* profile_header */
#profile_top .profile_header {
  box-sizing: border-box;
  padding: 28px 14px 29px;
  width: 100%;
  background: url(/sp/img/common/bg_bdr_gray.gif) repeat;
  position: relative;
}

#profile_top .profile_header:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 19px 20px 0 20px;
  border-color: #f1f1f1 transparent transparent transparent;
  position: absolute;
  bottom: -19px;
  left: calc(50% - 20px);
}

#profile_top .profile_header > p { position: absolute; }

#profile_top .profile_header .right_text {
  color: #999;
  font-size: 14px;
  display: inline-block;
}

#profile_top .profile_header .date {
  color: #999;
  font-size: 13px;
  margin-top: 5px;
}

#profile_top .profile_header > p img {
  width: 73px;
  height: auto;
}

#profile_top .profile_header > div { padding: 0 0 0 85px; }

@media screen and (max-width: 355px) {
  #profile_top .profile_header > p img { width: 60px; }
  #profile_top .profile_header > div { padding: 0 0 0 70px; }
  
  #profile_top .profile_header .blc_status {
    margin-top: -2px;
    transform: translateX(-8px);
  }
  
  .profile_header .profile_status { transform: scale(0.8); }
  
  #profile_top .profile_header .blc_status .entry_status {
    padding-left: 0;
    white-space: nowrap;
  }
}

#profile_top .profile_header h3 {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.03em;
  margin: 3px 0.5em 0 0;
  display: inline;
}

#profile_top .profile_header h3 em {
  font-size: 16px;
  color: #333;
  margin-right: 5px;
}

/* sec_profile-conts
----------------------------------------------*/
#sec_profile-conts {
  padding-top: 40px;
  position: relative;
}

#sec_profile-conts:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 19px 20px 0 20px;
  border-color: #f1f1f1 transparent transparent transparent;
  position: absolute;
  top: 0;
  left: calc(50% - 20px);
}

#sec_profile-conts h3 {
  font-size: 16px;
  color: #1dbee5;
  text-align: center;
}

#sec_profile-conts .note {
  font-size: 13px;
  color: #999;
}

#sec_profile-conts h3 + .note {
  text-align: center;
  margin-top: 10px;
}

#sec_profile-conts .schedule_tab { margin: 15px 0 20px; }


/* filter --------------------------------*/
#filter .c_wrapper { padding-top: 0; }

#filter h3 {
  font-size: 14px;
  color: #1DBEE5;
  padding: 15px 10px 10px;
  display: block;
}

#filter h3 span {
  font-size: 12px;
  font-weight: normal;
  color: #8c8c8c;
  padding: 5px 0;
  display: block;
}

#filter .box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 10px 20px;
  border: solid 1px #e7e7e7;
  clear: both;
}

#filter .box h4 {
  padding: 10px;
  border-bottom: solid 1px #e7e7e7;
}

#filter .box ul {
  box-sizing: border-box;
  margin-right: 2%;
  padding: 0 15px;
  width: 100%;
  overflow: hidden;
}

#filter .box ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#filter .box li {
  border-bottom: dotted 1px #e7e7e7;
  width: 100%;
  float: left;
}

#filter .box ul > li:last-child { border-bottom: none; }

#filter .box label {
  padding: 10px 0;
  display: block;
  white-space: nowrap;
}

#filter .box label input { margin-right: 5px; }
#filter #filter2 li { width: 50%; }
#filter #filter2 li:nth-last-child(2) { border-bottom: none; }
#filter #filter3 li { width: 33%; }
#filter #filter3 li:nth-last-child(2) { border-bottom: none; }

#filter #filter4 ul {
  box-sizing: border-box;
  margin: 0 15px;
  padding: 0;
  border-bottom: dotted 1px #e7e7e7;
  width: auto;
  clear: both;
}

#filter #filter4 ul:last-child { border-bottom: none; }

#filter #filter4 li {
  border-bottom: none;
  width: 20%;
}

#filter #filter5 li {
  margin-bottom: -1px;
  width: 33%;
}

#filter .btn_area {
  text-align: center;
  padding: 0 0 20px;
}

#filter .btn {
  margin: 0 15px;
  width: 35%;
  display: inline-block;
}

/* filter(2.5) --------------------------------*/
#filter25 .c_wrapper { padding-top: 0; }

#filter25 h3 {
  font-size: 16px;
  font-weight: bold;
  color: #1dbee5;
  text-align: center;
  padding: 25px 10px 20px;
}

#filter25 h3 span {
  font-size: 12px;
  font-weight: normal;
  color: #999;
  padding: 18px 0 0;
  display: block;
}

#filter25 .box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 10px 20px;
  border: solid 1px #e7e7e7;
  clear: both;
}

#filter25 .box h4 {
  padding: 10px;
  border-bottom: solid 1px #e7e7e7;
}

#filter25 .box ul {
  box-sizing: border-box;
  padding: 0 15px;
  width: 100%;
}

#filter25 .box ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#filter25 .box li {
  border-bottom: dotted 1px #e7e7e7;
  width: 100%;
  float: left;
}

#filter25 .box ul > li:last-child { border-bottom: none; }

#filter25 .box label {
  padding: 10px 0;
  display: block;
  white-space: nowrap;
}

#filter25 .box label input { margin-right: 5px; }
#filter25 #filter2 li { width: 50%; }
#filter25 #filter2 li:nth-last-child(2) { border-bottom: none; }
#filter25 #filter3 li { width: 33%; }
#filter25 #filter3 li:nth-last-child(2) { border-bottom: none; }

#filter25 #filter4 ul {
  box-sizing: border-box;
  margin: 0 15px;
  padding: 0;
  border-bottom: dotted 1px #e7e7e7;
  width: auto;
  clear: both;
}

#filter25 #filter4 ul:last-child { border-bottom: none; }

#filter25 #filter4 li {
  border-bottom: none;
  width: 20%;
}

#filter25 #filter5 li { width: 33%; }
#filter25 #filter5 li:nth-last-child(1) { border-bottom: none; }
#filter25 #filter5 li:nth-last-child(2) { border-bottom: none; }

#filter25 .btn_area {
  text-align: center;
  padding: 0 0 20px;
  display: flex;
}

#filter25 .btn {
  margin: 0 2px;
  width: 45%;
  display: inline-block;
}

#filter25 .clear_box {
  text-align: right;
  padding: 10px 10px 5px 0;
}

#filter25 #fixed_count {
  width: 100%;
  height: 77px;
  background: rgba(220,220,220,0.8);
  position: fixed;
  left: 0;
  bottom: 58px;
  z-index: 99;
}

#filter25 .fixed_count_inner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#filter25 .count_box {
  font-size: 16px;
  font-weight: bold;
  color: #1dbee5;
  padding: 12px 4vw 12px 0;
}

#filter25 .count_box p {
  line-height: 9px;
  margin-top: 9px;
}

#filter25 .count_box em {
  font-size: 24px;
  font-style: normal;
  letter-spacing: 0;
}

#filter25 .count_box .num {
  font-size: 44px;
  margin: 0 2vw 0 3px;
}

#filter25 #fixed_count .btn_area { padding: 0; }

#filter25 #fixed_count .btn_area input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #828282;
  height: 51px;
  background: #fff;
  padding: 5px 10px;
  border: 1px solid #d2d2d2;
  border-radius: 6px;
}

#filter25 #fixed_count .btn_area input:last-of-type {
  padding: 5px 7px;
  margin-left: 2%;
}

/* ranking --------------------------------*/
#ranking .c_wrapper { padding-top: 0; }
#ranking .ranking_type { color: #1DBEE5; }

#ranking h3 { padding-bottom: 25px; }

#ranking .ranking_date,
#ranking .user_age {
  font-size: 14px;
  display: block;
  text-align: center;
}

#ranking .c_wrapper .ranking_period {
  font-size: 11px;
  color: #777;
  background: #eee;
  border-radius: 8px;
  display: block;
  padding: 9px 3px 7px;
  margin: 0 8px 17px;
  text-align: center;
}

#ranking select{
    -webkit-appearance: none;
}

_::-webkit-full-page-media,
_:future,
:root #ranking .fourtune_select li:nth-child(1) select { padding-left: 22%; 
  color: #000;}
_::-webkit-full-page-media,
_:future,
:root #ranking .fourtune_select li:nth-child(2) select { padding-left: 22%; 
  color: #000;}
_::-webkit-full-page-media,
_:future,
:root #ranking .fourtune_select li:nth-child(3) select { padding-left: 22%; 
  color: #000;}
_::-webkit-full-page-media,
_:future,
:root #ranking .fourtune_select li:nth-child(4) select { padding-left: 16%; }
_::-webkit-full-page-media,
_:future,
:root #ranking .fourtune_select li:nth-child(5) select { padding-left: 16%; }
_::-webkit-full-page-media,
_:future,
:root #ranking .fourtune_select li:nth-child(6) select { padding-left: 16%; }

#ranking .reserv .col01 li {
  display: block;
  margin: 40px 0;
}

#ranking .reserv .col01 a {
  margin: 0 0 20px;
  padding-right: 60px;
  position: relative;
}

#ranking .reserv .col01 a img { margin: 0 15px 0 0; }

#ranking .reserv .col01 a > div > p:last-of-type {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

#ranking .reserv .rank_num {
  font-size: 18px;
  font-weight: bold;
  padding: 3px 0 0 33px;
  line-height: 22px;
}

#ranking .reserv .name { margin-top: 7px; }
#ranking .reserv .name strong { font-size: 16px; }

#ranking .reserv li:nth-child(1) .rank_num {
  background: url(../../../sp/img/common/icon_rank1.png) no-repeat left top;
  background-size: 24px auto;
}
#ranking .reserv li:nth-child(2) .rank_num {
  background: url(../../../sp/img/common/icon_rank2.png) no-repeat left top;
  background-size: 24px auto;
}
#ranking .reserv li:nth-child(3) .rank_num {
  background: url(../../../sp/img/common/icon_rank3.png) no-repeat left top;
  background-size: 24px auto;
}
#ranking .reserv li:nth-child(4) .rank_num {
  background: url(../../../sp/img/common/icon_rank4.png) no-repeat left top;
  background-size: 24px auto;
}
#ranking .reserv li:nth-child(5) .rank_num {
  background: url(../../../sp/img/common/icon_rank5.png) no-repeat left top;
  background-size: 24px auto;
}
#ranking .reserv li:nth-child(6) .rank_num {
  background: url(../../../sp/img/common/icon_rank6.png) no-repeat left top;
  background-size: 24px auto;
}
#ranking .reserv li:nth-child(7) .rank_num {
  background: url(../../../sp/img/common/icon_rank7.png) no-repeat left top;
  background-size: 24px auto;
}
#ranking .reserv li:nth-child(8) .rank_num {
  background: url(../../../sp/img/common/icon_rank8.png) no-repeat left top;
  background-size: 24px auto;
}
#ranking .reserv li:nth-child(9) .rank_num {
  background: url(../../../sp/img/common/icon_rank9.png) no-repeat left top;
  background-size: 24px auto;
}
#ranking .reserv li:nth-child(10) .rank_num {
  background: url(../../../sp/img/common/icon_rank10.png) no-repeat left top;
  background-size: 24px auto;
}

#ranking .reserv .text_time {
  font-size: 12px;
  color: #999;
  margin-top: 6px;
}

#ranking .reserv .comment {
  color: #333;
  font-size: 15px;
  line-height: 1.6;
}

#ranking .reserv .comment span {
  padding: 12px 0 0;
  display: block;
  font-size: 14px;
  line-height: 1.6;
}

#ranking .ranking_select_btn {
  border-radius: 5px;
  color: #1DBEE5;
  text-align: center;
  text-decoration: none;
  margin: 0 auto 20px;
  padding: 5px 20px;
  border: solid 1px #1DBEE5;
  width: 200px;
  display: block;
}

#ranking .ranking_select_btn:hover {
  color: #fff;
  background: #1DBEE5;
}

#ranking .c_wrapper > div > p {
  font-size: 16px;
  padding: 0 10px 10px;
}

#ranking .side_nav {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 10px 20px;
  border: solid 1px #e7e7e7;
  clear: both;
}

#ranking .side_nav span {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 12px;
  color: #fff;
  margin: 0 0 0 5px;
  padding: 0 10px;
  display: inline-block;
  background: #1DBEE5;
}

#ranking .side_nav dt {
  font-weight: bold;
  padding: 10px;
  border-bottom: solid 1px #e7e7e7;
}

#ranking .side_nav dd strong {
  color: #1DBEE5;
  padding: 15px 15px 0;
  display: block;
}

#ranking .side_nav ul {
  box-sizing: border-box;
  padding: 0 15px;
  width: 100%;
}

#ranking .side_nav ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#ranking .side_nav li {
  font-size: 12px;
  border-bottom: dotted 1px #e7e7e7;
  width: 50%;
  float: left;
}

#ranking .side_nav label {
  padding: 10px 0;
  display: block;
  white-space: nowrap;
}

#ranking .side_nav label input { margin-right: 2px; }

#ranking .radio01 li:nth-child(7) { width: 100%; }
#ranking .radio05 li:nth-child(1) { width: 100%; }
#ranking .radio05 li:nth-child(8) { border: none; }
#ranking .radio06 li { border: none; }
#ranking .radio07 li:nth-child(5) { border: none; }
#ranking .radio07 li:nth-child(6) { border: none; }
#ranking .radio08 li:nth-child(3) { border: none; }
#ranking .radio08 li:nth-child(4) { border: none; }

#ranking .btn_area {
  text-align: center;
  padding: 0 0 20px;
}

#ranking .btn {
  margin: 0 15px;
  width: 35%;
  display: inline-block;
}

/* schedule --------------------------------*/
.schedule_tab {
  height: 65px;
  position: relative;
  border-bottom: 1px solid #dcdcdc;
}

.schedule_tab ul {
  box-sizing: border-box;
  margin: 0 auto;
  border-spacing: 3px 0;
  border-collapse: separate;
  width: 100%;
  bottom: -1px;
  display: table;
  position: absolute;
}

.schedule_tab li {
  border-radius: 8px 8px 0 0;
  box-sizing: border-box;
  border-top-right-radius: 5px;
  font-size: 13px;
  line-height: 14px;
  text-align: center;
  vertical-align: middle;
  padding: 0 5px;
  height: 55px;
  display: table-cell;
  background: #e6e6e6;
  border: 1px solid #dcdcdc;
}

.schedule_tab li a:hover { color: #000; }

.schedule_tab li.current {
  background: #fff;
  border-bottom: none;
}

.schedule_tab li.off {
  color: #999;
  background: #e6e6e6;
}

.schedule_tab li a {
  text-decoration: none;
  display: block;
}

.schedule_tab li.off a { color: #bcbcbc; }

#profile_top .tab_contents {
  margin-bottom: 10px;
  display: none;
}

#profile_top .entry_box {
  width: 85%;
  padding: 25px 0;
  margin: 0 auto;
}

#profile_top .entry_box .entry_status {
  margin-top: 20px;
  text-align: center;
}

#profile_top .entry_box .entry_order {
  margin: 25px 0 0;
  text-align: center;
}

#profile_top .entry_box .price_text {
  font-size: 13px;
  margin: 23px 0;
}

#profile_top .entry_box .entry {
  width: 100%;
  margin-top: 0;
}

#profile_top .entry_box .entry .entry_btn_item { flex: 1; }

#profile_top .entry_box .entry li a.btn1 {
  font-size: 16px;
  width: 100%;
  height: 70px;
}

#profile_top .entry_box .entry li a.btn2 { padding-bottom: 6px; }

#profile_top .entry_box .entry li .btn2_tel img {
  width: 26px;
  margin-bottom: 8px;
}

#profile_top #entry_notice {
  font-size: 12px;
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: solid 1px #c7c7c7;
}

#profile_top #entry_notice dt {
  font-weight: bold;
  padding: 10px 0 5px;
}

#profile_top #entry_notice li {
  text-indent: -1em;
  padding: 0 0 0 12px;
}

#profile_top #entry_schedule { padding: 9px 9px 0 7px; }

#profile_top #entry_schedule #schedule_table {
  margin-bottom: 0;
  padding: 0;
  border-bottom: none;
}

#profile_top #entry_schedule #schedule_table > div { padding: 23px 0 0 0; }

#profile_top #entry_schedule #schedule_table > span {
  font-size: 10px;
  color: #7b7b7b;
  line-height: 14px;
  padding: 5px 0 0;
  display: block;
}

#f_wrapper.f_profile #f_menu { display: none !important; }

#f_profile-entry {
  background: #666;
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 100;
  display: none;
}

#f_profile-entry ul {
  width: 100%;
  height: 57px;
  display: flex;
}

#f_profile-entry ul li {
  font-size: 11px;
  width: 65px;
}

#f_profile-entry ul .entry_btn_item { flex: 1; }

#f_profile-entry ul li a,
#f_profile-entry .drawer-button {
  color: #fff;
  text-decoration: none;
  height: 100%;
  padding-bottom: 2px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}

#f_profile-entry ul .entry_btn_item a {
  font-size: 15px;
  color: #fff;
  text-decoration: none;
  background: #1dbee5;
  padding: 2px 15px 0 0;
  line-height: 1.25;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}

#f_profile-entry ul .entry_btn_item > span{
  font-size: 15px;
  height: 100%;
  color: #000;
  text-decoration: none;
  background: #dcdcdc;
  padding: 2px 0 0 0;
  line-height: 1.25;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
#f_profile-entry ul .entry_btn_item span br{
  display:none;
}

#f_profile-entry ul .entry_btn_item a strong {
  font-weight: normal;
  color: #000;
  margin-bottom: 1px;
  display: block;
}

#f_profile-entry ul .entry_btn_item a:after {
  content: '>';
  font-size: 13px;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}

#f_profile-entry ul li img {
  width: 26px;
  height: auto;
  display: block;
  margin: 0 auto;
}

#f_profile-entry ul li:first-child img { margin-bottom: 5px; }
#f_profile-entry ul li:nth-child(3) img { margin-bottom: 1px; }
#f_profile-entry .drawer-button img { margin-bottom: 4px; width: 31px; }

/* gallery --------------------------------*/
#profile_top #photo_gallery ul {
  padding: 10px 0 0;
  width: 100%;
}

#profile_top #photo_gallery li {
  box-sizing: border-box;
  vertical-align: top;
  padding: 0 2px 10px;
  width: 32%;
  display: inline-block;
}

#profile_top #photo_gallery li img {
  width: 100%;
  height: auto;
}

#profile_top #video_gallery {
  margin-bottom: 0;
  padding-bottom: 10px;
  border-bottom: none;
}

#profile_top #video_gallery > div {
  margin: 10px auto 0;
  width: 240px;
}

/* reputation_comment --------------------------------*/
#profile_top .reputation_comment {
  font-weight: bold;
  margin: 15px;
  padding: 8px 10px;
  background: #F3E0EC;
}

#profile_top .message {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 16px;
  color: #333;
  padding: 0 8px;
  margin-top: 60px;
  line-height: 1.8;
  position: relative;
}

#profile_top .message::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 18px 19px;
  border-color: transparent transparent #f4f4f4 transparent;
  position: absolute;
  left: 38px;
  top: -17px;
}

#profile_top .message div {
  border-radius: 10px;
  box-sizing: border-box;
  padding: 27px 20px 7px;
  background: #f4f4f4;
}

#profile_top .message .update {
  font-size: 14px;
  font-weight: normal;
  color: #666;
  text-align: right;
  margin-top: 8px;
}

#profile_top .blc_status_type2 { padding: 40px 12px 0 6px; }

#profile_top .blc_status_type2 .close {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

#profile_top .blc_status_type2 .profile_status p {
  font-size: 19px;
  width: 107px;
  height: 107px;
  line-height: 27px;
  box-sizing: border-box;
  padding-top: 2px;
}

#profile_top .blc_status_type2 .profile_status .time {
  font-size: 24px;
  font-weight: normal;
}

#profile_top .blc_status_type2 .entry_status {
  padding: 0 0 0 11px;
  width: 100%;
}

#profile_top .blc_status_type2 .entry_status > p:first-child { margin-bottom: 13px; }
#profile_top .blc_status_type2 .entry_status ul { margin-left: 6px; }

#profile_top .entry_time {
  font-size: 12px;
  color: #999;
  text-align: right;
  margin-top: 12px;
}

#profile_top .entry_time:before {
  content: '';
  width: 10px;
  height: 10px;
  background: url(/sp/img/common/icon_clock03.png) center left no-repeat;
  margin-right: 4px;
  display: inline-block;
  vertical-align: -1px;
}

#profile_top .entry_order {
  text-align: right;
  margin: 20px 0 -20px;
}

#profile_top .entry_order p {
  color: #fff;
  background: #999;
  border-radius: 1em;
  padding: 5px 11px 3px;
  display: inline-block;
  position: relative;
  white-space: nowrap;
}

#profile_top .entry_order p:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11px 16px 11px;
  border-color: transparent transparent #999999 transparent;
  position: absolute;
  top: -15px;
  left: 64px;
}

#profile_top .entry_order p a {
  color: #fff;
  text-decoration: none;
}

#profile_top .entry_order p a:visited,
#profile_top .entry_order p a:hover {
  color: #fff;
  text-decoration: none;
}

#profile_top .entry_order p em {
  font-weight: bold;
  font-style: normal;
  margin: 0 2px;
}

#profile_top .price_text {
  text-align: center;
  margin: 40px 10px 0;
}

#profile_top .price_text em {
  font-weight: bold;
  font-style: normal;
}

#profile_top .price_text span {
  font-size: 12px;
  color: #999;
  margin-left: 7px;
}

#profile_top .blc_entry .entry .btn1 { height: 70px; }

#profile_top .blc_entry .AmazonPayButton {
  margin: 25px auto 0;
  text-align: center;
}

#profile_top .blc_entry .AmazonPayButton .note {
  font-size: 11px;
  color: #666;
  margin-top: 6px;
}

#profile_top .reputation {
  font-size: 0;
  text-align: center;
}

#profile_top .reputation li {
  border-radius: 100%;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: bold;
  background: #fff;
  line-height: 14px;
  text-align: center;
  vertical-align: top;
  margin: 0 2px;
  width: 66px;
  height: 66px;
  display: inline-block;
}

@media screen and (min-width:360px) {
  #profile_top .reputation li {
  border-radius: 100%;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: bold;
  line-height: 14px;
  text-align: center;
  vertical-align: top;
  margin: 0 4px;
  width: 72px;
  height: 72px;
  display: inline-block;
}

}

#profile_top .reputation li span {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.reputation .circle01 { border: 4px solid #ECD9EC; }
.reputation .circle02 { border: 4px solid #F4EDD2; }
.reputation .circle03 { border: 4px solid #F7FCD1; }
.reputation .circle04 { border: 4px solid #FAF3A7; }
.reputation .circle05 { border: 4px solid #E7F8F4; }
.reputation .circle06 { border: 4px solid #D8F3ED; }
.reputation .circle07 { border: 4px solid #EBFBBF; }
.reputation .circle08 { border: 4px solid #F2C6CB; }
.reputation .circle09 { border: 4px solid #FCF8C5; }
.reputation .circle10 { border: 4px solid #F8D8DB; }
.reputation .circle11 { border: 4px solid #F3E9F3; }
.reputation .circle12 { border: 4px solid #FBCACC; }
.reputation .circle13 { border: 4px solid #F0FAAD; }
.reputation .circle14 { border: 4px solid #DAC9DA; }
.reputation .circle15 { border: 4px solid #E9DCE9; }
.reputation .circle16 { border: 4px solid #ECDFA2; }
.reputation .circle17 { border: 4px solid #DAEDE8; }
.reputation .circle18 { border: 4px solid #E4CBE4; }
.reputation .circle19 { border: 4px solid #FDF2F4; }
.reputation .circle20 { border: 4px solid #E8F782; }
.reputation .circle21 { border: 4px solid #FDE6E7; }
.reputation .circle22 { border: 4px solid #EBF5F2; }
.reputation .circle23 { border: 4px solid #F9F3E1; }
.reputation .circle24 { border: 4px solid #FCDCDE; }
.reputation .circle25 { border: 4px solid #FDFBDD; }
#profile_top .new_message .box { padding: 15px 20px; }

#profile_top .new_message p {
  margin-top: 10px;
  padding: 0 10px 5px;
}

#profile_top .new_message h3 { margin-bottom: 10px; }

#profile_top .new_message .update {
  font-weight: normal;
  margin: 0 0 10px 0;
}

/*  schedule
-----------------------------------------------------------------------------*/
#shift .c_wrapper { padding-top: 0; }
#shift #shift_header { margin-bottom: 10px; }

#shift #shift_header #date {
  box-sizing: border-box;
  font-size: 18px;
  width: 100%;
}

#shift #shift_header #date:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#shift #shift_header #date p {
  width: 15%;
  float: left;
}

#shift #shift_header #date span, #shift #shift_header #date a {
  box-sizing: border-box;
  text-align: center;
  padding: 10px;
  border: solid 1px #ccc;
  width: 100%;
  display: block;
}

#shift #shift_header #date p:first-of-type span,
#shift #shift_header #date p:first-of-type a {
  border-radius: 0 8px 8px 0;
  border-left: none;
}
#shift #shift_header #date p:last-of-type span,
#shift #shift_header #date p:last-of-type a {
  border-radius: 8px 0 0 8px;
  border-right: none;
}

#shift #shift_header #date span { color: #ccc; }
#shift #shift_header #date a i { padding: 0; }

#shift #shift_header #date h4 {
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  padding: 10px 0;
  width: 70%;
  float: left;
}

#shift #shift_header #update {
  font-size: 12px;
  text-align: right;
  padding: 22px 13px 0 0;
}

#shift #shift_header #update span {
  color: #999;
  padding: 0 0 0 15px;
  display: inline-block;
  background: url(../../../sp/img/icon_clock.png) no-repeat 0 3px;
  background-size: 11px 11px;
}

#shift .box { padding: 0 10px; }
.shift_box { margin-top: -1px; }

.shift_box div {
  box-sizing: border-box;
  font-size: 12px;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  width: 100%;
  display: table;
}

.shift_box div p {
  box-sizing: border-box;
  vertical-align: middle;
  padding: 17px 5px 5px;
  display: table-cell;
}

.shift_box div p:first-child { width: 100px; }

.shift_box div p:last-child {
  text-align: center;
  width: 80px;
}

.shift_box div img {
  vertical-align: middle;
  width: 30px;
  height: auto;
}

.shift_box div strong {
  text-align: center;
  padding: 0 10px 0 0;
  width: 50px;
  display: inline-block;
}

.shift_box div a {
  font-weight: bold;
  text-decoration: none;
  display: block;
}

.shift_box div a span {
  font-size: 12px;
  font-weight: normal;
  color: #999;
  display: block;
}

.shift_box div p:last-child a {
  font-weight: normal;
  color: #666;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 7px 0;
}

.shift_box div:last-child {
  padding: 10px 15px;
  border-top: none;
}

.timetable {
  font-size: 10px;
  line-height: 100%;
  width: 100%;
}

.timetable thead th {
  font-weight: normal;
  text-align: left;
}

.timetable thead td {
  height: 20px;
  position: relative;
}

.timetable thead td span {
  color: #999;
  text-align: center;
  width: 14px;
  left: -6px;
  bottom: 4px;
  position: absolute;
}

.timetable thead td:last-child span {
  right: -6px;
  left: auto;
}

.timetable tbody td {
  padding: 1px;
  border: solid 1px #ccc;
  width: 5%;
}

.timetable .ok, .timetable .ng {
  border-radius: 3px;
  box-sizing: border-box;
  text-indent: -9999px;
  width: 100%;
  height: 100%;
  display: block;
}

.timetable .right { margin: 0 0 0 auto; }
.timetable .half { width: 50%; }

.timetable .ok { background: #1dbee5; }

.timetable .ng {
  border: solid 1px #e2e2e2;
  background: url(../../../img/timetable_ng.gif) repeat-x left bottom #ececec;
}

.timetable tbody th { font-weight: normal; }
.timetable tbody .saturday th { color: #5796fd; }
.timetable tbody .saturday td { background: #f1f6ff; }
.timetable tbody .sunday th { color: #fd575f; }
.timetable tbody .sunday td { background: #fff1f1; }
.timetable tbody .current, .timetable tbody .saturday td.current, .timetable tbody .sunday td.current { background: #fee3ea; }

/*  FAQ
-----------------------------------------------------------------------------*/
.search_box {
  text-align: center;
  padding: 15px;
  border: solid 1px #b3eaf8;
  background: #f3fdff;
}

.search_box form {
  font-size: 16px;
  color: #333; }

.search_box form input { margin: 10px 0 0; }

.search_box form input:first-child {
  box-sizing: border-box;
  font-size: 16px;
  border: solid 1px #ccc;
  width: 70%;
  height: 25px;
}

.search_box label { font-weight: bold; }

.search_box label:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #1DBEE5;
  padding: 0 5px 0 0;
  display: inline-block;
  content: "\f002";
}

.search_box label span {
  padding: 0 0 10px;
  display: block;
}

.search_box input.btn {
  box-sizing: border-box;
  font-size: 16px;
  color: #333;
  padding: 3px;
  width: 25%;
  display: inline-block;
  background: #fff;
}

.search_box span {
  font-size: 14px;
  color: #666;
  padding: 5px 0 0;
  display: block;
}

/*  faq --------------------------------*/
#faq .c_wrapper { padding: 20px 15px 30px; }
#faq #cat_nav { padding: 10px 0 0; }
#faq #cat_nav ul { padding: 20px 0 0; }
#faq #cat_nav li { padding: 0 0 15px; }

#faq #cat_nav li .btn {
  font-size: 16px;
  padding: 12px 10px;
  width: 100%;
  display: block;
  color: #333;
}

#faq #cat_nav li .btn:before {
  margin: -8px auto 0;
  top: 50%;
}

#faq .box { padding: 10px 0 0; }
#faq .box #rank dl { padding: 0 0 20px; }

#faq .box #rank dt {
  font-weight: bold;
  padding: 15px 10px 0;
}

#faq .box #rank dd a { color: #1DBEE5; }

#faq .box #rank dd {
  padding: 8px 10px 15px 45px;
  border-bottom: dotted 1px #ccc;
  position: relative;
}

#faq .box #rank dd:before {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-size: inherit;
  font-weight: bold;
  color: #fff;
  padding: 2px 8px;
  top: 5px;
  left: 10px;
  display: inline-block;
  background: #16bce4;
  content: "Q";
  position: absolute;
}

/*  faq_list --------------------------------*/
#faq_list .c_wrapper { padding: 20px 15px; }
#faq_list #side_l { display: none; }

#faq_list .stitle a {
  color: #1DBEE5;
  text-decoration: none;
}

#faq_list h4 {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  margin: 15px 0 0;
  padding: 15px 20px;
  border: solid 1px #ccc;
  background: #fff;
  background-size: 16px;
  position: relative;
}

#faq_list h4 span {
  color: #ccc;
  padding: 0 10px 0 0;
}

#faq_list h4:after {
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  margin: -6px auto 0;
  top: 50%;
  right: 10px;
  display: inline-block;
  content: "\f067";
  position: absolute;
}

#faq_list h4.current:after {
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  margin: -6px auto 0;
  top: 50%;
  right: 10px;
  display: inline-block;
  content: "\f068";
  position: absolute;
}

#faq_list .box ul {
  padding: 10px 10px 0;
  border: solid 1px #ccc;
  border-top: none;
  display: none;
}

#faq_list .box li {
  font-size: 16px;
  padding: 15px 10px 20px 40px;
  position: relative;
  line-height: 1.5;
}

#faq_list .box li:before {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-size: inherit;
  font-weight: bold;
  color: #fff;
  padding: 2px 8px;
  top: 12px;
  left: 5px;
  display: inline-block;
  background: #1DBEE5;
  content: "Q";
  position: absolute;
}

#faq_list #cat_nav { padding: 10px 0 0; }
#faq_list #cat_nav ul { padding: 20px 0 0; }
#faq_list #cat_nav li { padding: 0 0 15px; }

#faq_list #cat_nav li .btn {
  font-size: 16px;
  padding: 12px 10px;
  width: 100%;
  display: block;
}

#faq_list #cat_nav li .btn:before {
  margin: -8px auto 0;
  top: 50%;
}

#faq_list .search_box { margin: 30px 0 10px; }
.faq_btn { display: none; }

/*  faq_zoom --------------------------------*/
#faq_zoom .c_wrapper { padding: 20px 15px; }
#faq_zoom #side_l { display: none; }

#faq_zoom .question {
  font-size: 16px;
  line-height: 1.5;
  padding: 20px 0 0 40px;
  position: relative;
}

#faq_zoom .stitle span:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #ccc;
  padding: 0 10px;
  content: "\f105";
}

#faq_zoom .stitle a {
  color: #1DBEE5;
  text-decoration: none;
}

#faq_zoom .question:before {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-size: inherit;
  font-weight: bold;
  color: #fff;
  padding: 4px 9px;
  top: 15px;
  left: 0;
  display: inline-block;
  background: #1DBEE5;
  content: "Q";
  position: absolute;
}

#faq_zoom .answer {
  padding: 70px 0 0 0;
  position: relative;
}

#faq_zoom .answer:before {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-size: 16px;
  font-size: inherit;
  font-weight: bold;
  color: #1DBEE5;
  padding: 4px 9px;
  border: solid 1px #ccc;
  top: 15px;
  left: 0;
  display: inline-block;
  content: "A";
  position: absolute;
}

#faq_zoom .answer p { padding: 20px 0 10px; }
#faq_zoom .answer p:first-child { padding: 0 0 10px; }

#faq_zoom .answer img {
  width: 100%;
  height: auto;
}

#faq_zoom #rank { padding: 30px 0 0; }

#faq_zoom #rank li {
  padding: 25px 10px 0 40px;
  position: relative;
}

#faq_zoom #rank li:before {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-size: inherit;
  font-weight: bold;
  color: #fff;
  padding: 2px 8px;
  top: 23px;
  left: 5px;
  display: inline-block;
  background: #1DBEE5;
  content: "Q";
  position: absolute;
}

#faq_zoom #cat_nav { padding: 10px 0 0; }
#faq_zoom #cat_nav ul { padding: 20px 0 0; }
#faq_zoom #cat_nav li { padding: 0 0 15px; }

#faq_zoom #cat_nav li .btn {
  font-size: 16px;
  padding: 12px 10px;
  width: 100%;
  display: block;
  color: #333;
}

#faq_zoom #cat_nav li .btn:before {
  margin: -8px auto 0;
  top: 50%;
}

#faq_zoom .search_box { margin: 20px 0 10px; }
#faq_zoom #contact { padding: 30px 0 0; }

/*  voice
-----------------------------------------------------------------------------*/
#voice .box { padding: 0 15px; }

#voice .box > div {
  font-size: 16px;
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: solid 1px #e3e3e3;
}

#voice .box > div:last-child {
  margin: 0;
  border-bottom: none;
}

#voice .box .user { position: relative; }

#voice .box .user img {
  width: 50px;
  height: auto;
  bottom: 0;
  position: absolute;
}

#voice .box .user dl {
  color: #fff;
  margin: 0 0 0 60px;
  padding: 5px 10px;
  background: #1DBEE5;
  position: relative;
}

#voice .box .user dl:before {
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: 28px;
  color: #1DBEE5;
  left: -8px;
  bottom: 10px;
  content: "\f0d9";
  position: absolute;
}

#voice .box .user dt {
  font-weight: bold;
  margin: 0 0 5px;
  padding: 0 0 5px;
  border-bottom: 1px solid #7ecfe3;
}

#voice .box .answer {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 12px 0 0;
  width: 100%;
  min-height: 130px;
  background: #e6faff;
  position: relative;
}

#voice .box .answer:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#voice .box .answer dl { padding: 10px 100px 10px 10px; }

#voice .box .answer dt {
  color: #1DBEE5;
  padding: 0 0 5px;
font-weight: bold;
}

#voice .box .answer dd a { color: #1DBEE5; }

#voice .box .answer p {
  width: 87px;
  right: 6px;
  bottom: 0;
  position: absolute;
}

#voice .box .answer p a { text-decoration: none; }

#voice .box .answer p span {
  box-sizing: border-box;
  font-size: 16px;
  color: #fff;
  line-height: 1.8;
  text-align: center;
  padding: 0 5px;
  display: block;
  background: #1DBEE5;
}

#voice .box .answer p img {
  width: 87px;
  height: auto;
}

#voice #sort {
  margin: 0 15px 20px;
  overflow: hidden;
}

/**/
#voice .navi {
  font-size: 16px;
  text-align: center;
  padding-bottom: 20px;
  overflow: hidden;
}

#voice .navi ul {
  margin: 0 1%;
  overflow: hidden;
}

#voice .navi li {
  margin: 1%;
  width: 48%;
  float: left;
}

#voice .navi li a {
  text-align: center;
  text-decoration: none;
  padding: 10px 0;
  border: 1px solid #ccc;
  display: block;
  position: relative;
}

#voice .navi li.active a, #voice .navi li:hover a {
  color: #000;
  border: 1px solid #1DBEE5;
}

#voice .navi li.active i { color: #1DBEE5; }

#voice .navi li i {
  font-size: 18px;
  color: #e4e4e4;
}

#voice .note {
  text-align: center;
  padding: 0 20px 30px;
}

#voice .qu_st {
  text-align: center;
  margin-bottom: 20px;
  border-top: 1px solid #ccc;
}

#voice .qu_st span {
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  line-height: 34px;
  margin: 0 auto;
  width: 160px;
  display: block;
  background: #666;
}

#voice .outside h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 30px;
  padding: 0 20px;
}

#voice .outside h3 span { color: #1DBEE5; }
#voice .comfort { margin-bottom: 40px; }
#voice .impression { margin-bottom: 40px; }

#voice .impression .image, #voice .comfort .image {
  text-align: center;
  margin-bottom: 10px;
}

#voice .impression ul {
  text-align: center;
  padding-bottom: 20px;
}

#voice .impression .image img, #voice .comfort .image img { width: 80%; }
#voice .impression .text, #voice .comfort .text { padding: 0 20px; }

#voice .impression .data, #voice .comfort .data {
  font-size: 14px;
  line-height: 1.5;
  color: #666;
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #efefef;
}

#voice .impression .data br { display: none; }
#voice .impression dl { margin-bottom: 10px; }

#voice .impression .text dt {
  color: #1DBEE5;
  padding-bottom: 5px;
}

#voice .impression .text dd { padding-bottom: 10px; }

#voice .impression .text dd .name {
  color: #666;
  text-align: right;
}

#voice .impression .btn_more { margin-top: 20px; }
#voice .percent { text-align: center; }
#voice .sample_data p { padding-bottom: 10px; }
#voice .sample_data ul { overflow: hidden; }

#voice .sample_data li {
  padding: 0 10px 0 0;
  float: left;
}

#voice .sample_data .percent dt {
  font-size: 18px;
  font-weight: bold;
  color: #666;
  padding: 20px 0 10px;
}

#voice .sample_data .point {
  font-size: 60px;
  color: #1DBEE5;
  line-height: 64px;
}

#voice .sample_data .point span { font-size: 20px; }
#voice .sample_data .point .total { font-size: 14px; }

#voice .btn_more {
  margin: 0 auto;
  border: 1px solid #ccc;
  width: 80%;
  background: #fff;
  border-radius: 8px;
}

#voice .btn_more a {
  font-size: 16px;
  color: #1DBEE5;
  text-align: center;
  text-decoration: none;
  display: block;
  padding: 12px;
}

#voice .inside h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  margin-bottom: 20px;
  padding: 0 20px;
}

#voice .voice_box { padding-bottom: 40px; }
#voice .article { margin: 0 20px 40px; }

#voice .article ul {
  margin-bottom: 10px;
  overflow: hidden;
}

#voice .article li {
  margin: 0 1%;
  width: 48%;
  float: left;
}

#voice .article li img { width: 100%; }
#voice .article li p { padding: 5px 0 10px; }

#voice .present {
  border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-radius: 20px 20px 20px 20px;
  text-align: center;
  margin-bottom: 40px;
  padding: 30px;
  background: #efefef;
  overflow: hidden;
}

#voice .present dt {
  font-size: 28px;
  line-height: 30px;
  padding-bottom: 20px;
}

#voice .present dd p {
  text-align: left;
  margin-bottom: 10px;
}

#voice .present dd p span {
  font-size: 14px;
  text-align: center;
  padding-top: 30px;
  display: block;
}

#voice .present dd ul {
  margin-left: -5px;
  padding-bottom: 15px;
  overflow: hidden;
}

#voice .present dd li {
  margin-left: 5px;
  float: left;
}

#voice .present .btn_more a { font-size: 18px; }
#voice .relation .pc { display: none; }
#voice .relation dd li p { padding-bottom: 5px; }

#voice .relation dd li {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-radius: 5px 5px 5px 5px;
  margin-bottom: 10px;
  background: #f2f2f2;
  position: relative;
}

#voice .relation dd li a {
  text-decoration: none;
  padding: 10px;
  display: block;
}

#voice .relation dd li p {
  font-weight: bold;
  color: #1DBEE5;
  text-decoration: none;
  padding: 0 0 5px 18px;
  position: relative;
}

#voice .relation dd li p:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #1DBEE5;
  top: 2px;
  left: 0;
  display: block;
  content: "\f054";
  position: absolute;
}

#voice .present {
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-radius: 10px 10px 10px 10px;
  text-align: center;
  margin: 0 20px 40px;
  margin-bottom: 30px;
  padding: 20px 15px;
  background: #efefef;
  overflow: hidden;
}

#voice .present .btn_more { margin: 0 auto; }

#voice .present dt {
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 15px;
}

#voice .present dd p {
  text-align: left;
  margin: 0 auto 10px;
}

#voice .present dd p span {
  font-size: 14px;
  text-align: center;
  padding-top: 20px;
  display: block;
}

#voice .present dd ul {
  padding-bottom: 15px;
  overflow: hidden;
}

#voice .present dd li { margin-bottom: 5px; }
#voice .present dd li img { width: 100%; }
#voice .present .btn_more a { font-size: 16px; }
#voice .relation ul { padding: 0 20px; }
#voice .relation ul li img { width: 100%; }

#voice .relation dt {
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 15px;
}

/*  signup
-----------------------------------------------------------------------------*/
#signup .c_wrapper, #signup_step01 .c_wrapper, #signup_step02 .c_wrapper, #signup_step03 .c_wrapper { padding: 20px 0 45px; }
#signup .cont, #signup_step01 .cont, #signup_step02 .cont, #signup_step03 .cont { padding: 0 15px; }
#signup .top_cont { padding: 0 15px; }
#signup .form_cont { padding: 25px 15px 0; }
#signup .service { margin-top: 15px; }

#signup .service dt {
  font-size: 18px;
  font-weight: bold;
  color: #1dbee5;
  text-align: center;
  padding: 0 0 25px;
}

#signup .service dd {
  font-size: 16px;
  color: #333;
  line-height: 1.8;
}

#signup .service ul {
  zoom: 1;
  text-align: center;
  margin-bottom: 15px;
  overflow: hidden;
}

#signup .service li {
  border-radius: 50%;
  box-sizing: border-box;
  font-size: 9px;
  color: #1dbee5;
  line-height: 12px;
  text-align: center;
  margin: 0 3px;
  padding: 50px 0px 10px 0px;
  border: 2px solid #1dbee5;
  width: 90px;
  height: 90px;
  display: inline-table;
  vertical-align: middle;
}

#signup .service li:first-child {
  background: url(../../../sp/img/signup/service01_c.gif) 50% 30% no-repeat;
  background-size: 56px auto;
}

#signup .service li:nth-child(2) {
  background: url(../../../sp/img/signup/service02_c.gif) 50% 25% no-repeat;
  background-size: 30px auto;
}

#signup .service li:nth-child(3) {
  padding: 55px 0px 10px 0px;
  background: url(../../../sp/img/signup/service04_c.gif) 50% 20% no-repeat;
  background-size: 36px autox;
}

#signup .step_image, #signup_step01 .step_image, #signup_step02 .step_image, #signup_step03 .step_image { margin-bottom: 30px; }
#signup .step_image img, #signup_step01 .step_image img, #signup_step02 .step_image img, #signup_step03 .step_image img { width: 100%; }
#signup_step01 .thanks { margin: 0 10px 40px; }

#signup .text, #signup_step02 .text {
  font-size: 13px;
  color: #666;
  margin: 15px 0 25px;
}

#signup .text, #signup_step02 .text span { color: #1dbee5; }

#signup_step01 .mail_back {
  word-break: break-all;
  line-height: 1.8;
}

#signup_step01 .mail_back dt {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  line-height: 1.8;
  margin-bottom: 20px;
  padding-left: 8px;
  border-left: 5px solid #1dbee5;
}

#signup_step01 .mail_back ul { padding: 30px 0 20px; }
#signup_step01 .mail_back ul li { margin-bottom: 10px; }

#signup_step01 .mail_back li a {
  color: #1dbee5;
  text-decoration: underline;
}

#signup_step01 .mail_back dd { padding: 0 10px; }

#signup_step01 .mail_back .note li {
  text-indent: -12px;
  margin-bottom: 10px;
  margin-left: 12px;
}

#signup_step01 .thanks dt { margin-bottom: 30px; }

#signup_step01 .thanks dt, #signup_step01 .text dt, #signup_step02 .text dt {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 30px;
}

#signup_step03 .text dt {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 30px;
}

#signup_step02 .text dt {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  color: #000;
  line-height: 22px;
  margin-bottom: 20px;
  padding-left: 8px;
  border-left: 5px solid #1dbee5;
}

#signup_step01 .thanks dd, #signup_step01 .text dd, #signup_step02 .text dd, #signup_step03 .text dd {
  font-size: 16px;
  color: #333333;
  line-height: 1.8;
}

#signup_step01 .thanks dd span { color: #1dbee5; }

#signup_step01 .btn {
  width: 60%;
  position: relative;
}

#signup_step01 .btn:after {
  font-size: 12px;
  top: 28%;
  right: 12px;
  display: inline-block;
  content: "＞";
  position: absolute;
}

#signup_step03 .text dd p { padding-top: 10px; }

#signup .form_cont .text > dt, #signup_step02 .form_cont .text dt, #signup_step03 .form_cont .text dt {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  line-height: 22px;
  margin-bottom: 20px;
  padding-left: 8px;
  border-left: 5px solid #1dbee5;
}

#signup .form_cont .text .troule { border-bottom: 1px solid #dcdcdc; }

#signup .form_cont .text .troule dl {
  font-size: 16px;
  color: #333;
  border-top: 1px solid #dcdcdc;
}

#signup .form_cont .text .troule dt {
  padding: 15px 40px 15px 15px;
  position: relative;
}

#signup .form_cont .text .troule dt:after {
  font: normal normal normal 24px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #cccccc;
  top: 27%;
  right: 15px;
  display: inline-block;
  content: "+";
  position: absolute;
}

#signup .form_cont .text .troule dt.open:after {
  width: 14px;
  height: 2px;
  top: 48%;
  right: 18px;
  display: inline-block;
  background: #cccccc;
  content: "";
  position: absolute;
}

#signup .form_cont .text .troule dd {
  word-break: break-all;
  line-height: 1.8;
  padding: 15px 15px 30px;
  display: none;
  overflow: hidden;
}

#signup .form_cont .text .troule dd p + p { margin-top: 11px; }

#signup .form_cont .text .troule dd .ans {
  font-size: 16px;
  color: #1dbee5;
  line-height: 1.8;
  display: block;
}

#signup .form_cont .text dd, #signup_step02 .form_cont .text dd, #signup_step03 .form_cont .text dd {
  font-size: 16px;
  color: #333;
  line-height: 1.8;
}

#signup .form_cont .text dd ul { margin-left: 10px; }

#signup .form_cont .text dd li {
  text-indent: -25px;
  margin-bottom: 25px;
  margin-left: 25px;
}

#signup .form_cont .text, #signup_step02 .form_cont .text, #signup_step03 .form_cont .text { margin-bottom: 30px; }

#signup .form_cont dd .note {
  font-size: 14px;
  color: #666;
}

#signup .form_cont .form > dt {
  font-size: 16px;
  color: #333333;
  margin: 0 10px 15px 10px;
}

#signup .form_cont input[type="email"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #d2d2d2;
  width: 100%;
  height: 42px;
}

#signup .form_cont input[type="checkbox"] {
  vertical-align: top;
  margin-right: 5px;
}

#signup .form_cont .mail_wrap { padding: 0 10px 35px 10px; }
#signup .form_cont .mail_wrap #mail { margin-bottom: 15px; }

#signup .form_cont .kiyaku {
  text-align: center;
  margin-bottom: 25px;
  padding: 10px 0;
  background: #f2f2f2;
}

#signup .form_cont .kiyaku a {
  color: #6666;
  text-decoration: none;
  padding-left: 10px;
  position: relative;
}

#signup .form_cont .kiyaku a span { text-decoration: underline; }

#signup .form_cont .kiyaku a:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #8d8d8d;
  top: 0px;
  left: 0px;
  display: inline-block;
  content: "\f105";
  position: absolute;
}

#signup .form_cont .doui {
  line-height: 1.8;
  text-align: left;
  margin-bottom: 25px;
}

#signup .form_cont .doui a {
  color: #1dbee5;
  text-decoration: underline;
}

#signup .submit { margin-bottom: 35px; }
#signup .submit, #signup_step02 .submit, #signup_step03 .submit { text-align: center; }

#signup .submit input, #signup .submit a, #signup_step02 .submit input, #signup_step02 .submit a, #signup_step03 .submit a, #signin #signin_form input[type="submit"] {
  border-radius: 10px;
  padding: 15px 0;
  border: 2px solid #28c1e6;
  width: 70%;
  background: #fff;
  color: #333;
}

#signup .submit a, #signup_step02 .submit a, #signup_step03 .submit a {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-decoration: none;
  margin: 0 15% ;
  width: 70%;
  display: block;
  color: #333;
}

#signup .form_st, #signup_step02 .form_st { margin-bottom: 30px; }

#signup div.form_st, #signup_step02 div.form_st {
  border-radius: 5px;
  font-size: 14px;
  margin-bottom: 20px;
  padding: 10px;
  background: #f2f2f2;
}

#signup .form_st dt, #signup_step02 .form_st dt {
  border-radius: 5px;
  font-size: 16px;
  margin-bottom: 20px;
  padding: 10px;
  background: #f3f3f3;
}

#signup .form_st dd, #signup_step02 .form_st dd {
  font-size: 16px;
  color: #333;
  line-height: 1.8;
  padding: 0 10px;
}

#signup .form_layout, #signup_step02 .form_layout { margin-bottom: 30px; }
#signup_step02 .form_layout.last { margin-bottom: 60px; }

#signup .form_layout dt, #signup_step02 .form_layout dt {
  font-size: 15px;
  color: #333;
  margin-bottom: 15px;
  font-weight: bold;
}

#signup .form_layout dd, #signup_step02 .form_layout dd {
  font-size: 14px;
  color: #333;
  margin-bottom: 40px;
  padding: 0 20px;
}

#signup_step02.conf .form_layout dt {
  color: #999999;
  margin-bottom: 5px;
}

#signup_step02.conf .form_layout dd { margin-bottom: 20px; }

#signup .form_layout input, #signup_step02 .form_layout input {
  margin: 0;
  width: 35%;
}

#signup .form_layout #name01, #signup .form_layout #name02, #signup .form_layout #kana01, #signup .form_layout #kana02, #signup_step02 .form_layout #name01, #signup_step02 .form_layout #name02, #signup_step02 .form_layout #kana01, #signup_step02 .form_layout #kana02 { margin: 0 10px 0 5px; }
#signup .form_layout #seireki, #signup_step02 .form_layout #seireki { margin: 0 10px 10px 5px; }
#signup_step02 #month { margin: 0 5px 0 34px; }
#signup_step02 #day { margin: 0 5px; }

#signup .form_layout dt span, #signup_step02 .form_layout dt span {
  color: #28c1e6;
  padding-right: 5px;
}

#signup_step02 .form_layout input[type="text"], #signup_step02 .form_layout input[type="tel"], #signup_step02 .form_layout input[type="password"], #signup_step02 .form_layout input[type="number"] {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
}

#signup_step02 .form_layout #gender {
  zoom: 1;
  line-height: 30px;
  overflow: hidden;
}

#signup_step02 select { width: 35%; }

#signup_step02 #tel {
  box-sizing: border-box;
  padding: 7px;
  width: 100%;
  height: 40px;
}

#signup_step02 #password {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 25px 0 5px;
  width: 100%;
  height: 40px;
}

#signup_step02 #password_conf {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 5px;
  width: 100%;
  height: 40px;
}

#signup_step02 .form_layout .note {
  font-size: 12px;
  color: #999999;
  text-align: left;
  display: block;
}

#signup_step02 .form_layout .note_sample {
  font-size: 12px;
  color: #999;
  text-align: left;
  display: block;
}

#signup_step02 .form_layout .signin_account { 
  color: #807f7f; 
  font-size: 16px;
}

#signup .size_s, #signup_step02 .size_s { width: 30%; }
#signup .size_s, #signup_step02 .size_ss { width: 23%; }

#v dt.introducer {
  font-size: 16px;
  color: #ff4075;
  margin-bottom: 25px;
  padding: 10px;
  border: none;
  background: #fff2f2;
}

#signup_step02 .cont .form_layout:nth-child(6) dd:last-child { border: none; }

#signup_step02 dd .note02 {
  font-size: 12px;
  color: #767676;
  padding: 5px 0 0 34px;
  display: block;
}

/* signin --------------------------------*/
#signin .c_wrapper { padding: 20px 15px 0; }

#signin #signin_form div {
  border-top: 1px solid #d1d1d1;
  border-left: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
  overflow: hidden;
}

#signin #signin_form dl {
  padding: 30px 30px 10px;
  border-bottom: 1px solid #d1d1d1;
}

#signin #signin_form dd { padding: 5px 0 15px; }

#signin #signin_form dd input {
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #d1d1d1;
  width: 100%;
  height: 40px;
}

#signin #signin_form dd p { padding: 10px 0 0; }

#signin #signin_form dd p img {
  margin: 0 5px 0 0;
  width: 16px;
  height: auto;
}

#signin #signin_form dd p a {
  font-size: 12px;
  color: #017bec;
  text-decoration: none;
}

#signin #signin_form div > input[type="submit"] {
  font-size: 16px;
  margin: 20px auto;
  padding: 8px 0;
  width: 135px;
  display: block;
}

#signin #signup_form {
  text-align: center;
  border-bottom: 1px solid #d1d1d1;
  border-left: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
  background: #f3f3f3;
}

#signin #signup_form h2 {
  font-size: 16px;
  font-weight: normal;
  color: #333;
  padding: 20px 0 15px;
}

#signin #signup_form h2 span {
  font-size: 12px;
  font-weight: bold;
  color: #1dbee5;
  padding-left: 10px;
}

#signin #signup_form li {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  box-sizing: border-box;
  vertical-align: top;
  margin: 0 4px 10px 0;
  padding: 11px 0 0;
  border: solid 2px #e5e5e5;
  width: 90px;
  height: 90px;
  display: inline-block;
}

#signin #signup_form li:first-child { padding: 15px 0 0; }

#signin #signup_form li img {
  margin-bottom: 5px;
  width: 56px;
  height: auto;
}

#signin #signup_form li:nth-child(2) img { width: 30px; }
#signin #signup_form li:last-child img { width: 35px; }

#signin #signup_form li p {
  font-size: 12px;
  color: #888;
  line-height: 1.3;
}

#signin #signup_form > p {
  font-size: 16px;
  color: #624e56;
  color: #666;
  padding: 20px 0 15px;
  padding: 10px 0 0 0;
  clear: both;
}

#signin #signup_form div {
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 15px 0;
}

#signin #signup_form div a {
  border-radius: 10px;
  font-size: 15px;
  text-decoration: none;
  margin: 0 auto;
  padding: 15px 0;
  border: 2px solid #28c1e6;
  width: 210px;
  width: 210px;
  display: block;
  background: #fff;
}

#signin #signup_form div a:visited { color: #000; }

#signin #signin_form div>input.submit-btn {
  font-size: 16px !important; 
  color: #333 !important;
}

#signin #amazon_form h2 {
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: #666;
}

#signin #amazon_form ul.text-list {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

#amazon .difference h4.title {
    font-size: 16px !important;
}

#amazon .difference p {
    text-align: start !important;
    font-size: 16px !important;
}

#amazon .difference table th{
  padding: 5px;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

#amazon .difference table td{
  font-size: 14px !important;
  line-height: 1.5 !important;
}

/*  mypage
-----------------------------------------------------------------------------*/
#mypage #Unregist {
  font-size: 13px;
  color: #8a8a8a;
  border: 1px solid #e4e4e4;
  width: 120px;
  padding: 6px 9px;
  margin: 0 auto 0 15px;
  text-align: center;
  display: block;
}

#mypage #top_pnkz {
  margin: 0;
  padding: 7px;
  background: #f8f8f8;
}

#mypage #top_pnkz a {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  text-align: left;
}

#mypage #top_pnkz a + a { margin-left: 10px; }

#mypage #top_pnkz a:before {
  content: '＜';
  font-size: 10px;
  margin-right: 5px;
  vertical-align: 1px;
}

#mypage .btn02 {
  border-radius: 10px;
  padding: 15px 0;
  margin: 0 auto;
  border: 2px solid #28c1e6;
  width: 70%;
  background: #fff;
  color: #000;
  text-decoration: none;
  display: block;
  text-align: center;
}

#mypage a { text-decoration: none; }

#mypage .account_st {
  padding: 20px 5px 20px 5px;
}

#mypage .account_st span {
  font-size: 10px;
  font-weight: bold;
  padding-bottom: 2px;
  display: block;
}

#mypage .account_st h2 {
  font-size: 18px;
  font-weight: bold;
  border-left: 4px solid #1dbee5;
  padding-left: 7px;
}

.account_type {
  font-size: 14px;
  color: #fff;
  background: #1dbee5;
  text-align: center;
  padding: 6px 0;
}

#mypage .user_about {
  overflow: hidden;
  text-align: center;
  width: 100%;
  display: table;
  height: 121px;
  border-top: 1px solid #e6e7e7;
  border-bottom: 1px solid #e6e7e7;
}

#mypage .user_about > div {
  display: table-cell;
  vertical-align: middle;
  line-height: 2.1em;
}

#mypage .user_about #loginname {
  border-right: 1px solid #e7e7e7;
  width: 60%;
}

#mypage .user_about #loginname span {
  font-size: 13px;
  color: #ccc;
}

#mypage .user_about #loginname strong {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

#mypage .user_point { width: 40%; }
#mypage .user_point p { font-size: 13px; }

#mypage .user_about .point {
  font-size: 18px;
  color: #cc9900;
  display: block;
}

#mypage td.user_pay {
  font-size: 10px;
  text-align: left;
}

#mypage td.user_pay span {
  text-wrap: none;
  font-size: 14px;
  float: right;
}

#mypage #new_alert {
  zoom: 1;
  overflow: hidden;
}

#mypage #new_alert span {
  font-size: 10px;
  padding-right: 10px;
  float: left;
}

#mypage #new_alert {
  font-size: 14px;
  color: #f70000;
  padding: 10px 15px;
  border-top: 1px solid #e7e7e7;
}

#mypage #new_alert a { color: #f70000; }

#myapage_menu {
  background: #f8f8f8;
  padding: 9px;
}

#myapage_menu ul {
  width: 100%;
  display: table;
}

#myapage_menu ul li {
  vertical-align: middle;
  width: 33%;
  text-align: center;
  display: table-cell;
}

#myapage_menu ul li:nth-child(3) {font-size: 11px; }

#myapage_menu ul li a {
  margin: 15px 0;
  display: inline-block;
}

#myapage_menu ul li a span { display: inline-block; }

#myapage_menu ul li a .num_link {
  color: #1dbee5;
  font-weight: bold;
  border-bottom: 1px solid currentColor;
}

#myapage_menu ul li .num {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background: #ff0000;
  border-radius: 50%;
  padding: 0 5px;
  margin-left: 6px;
  min-width: 19px;
  line-height: 19px;
  box-sizing: border-box;
}

#myapage_menu ul li .num0 {
  font-size: 16px;
  color: #999;
  margin-left: 6px;
}

#myapage_menu ul li:nth-child(3) a {
  text-align: left;
  line-height: 14px;
}

#myapage_menu ul li:nth-child(3) a span { transform: translateY(-0.4em); }

#myapage_menu table {
  width: 100%;
  border: 1px solid #e7e7e7;
}

#myapage_menu table td {
  font-size: 15px;
  line-height: 15px;
  width: 33%;
  background: #fff;
}

#myapage_menu table td a {
  box-sizing: border-box;
  color: #333;
  text-align: center;
  vertical-align: bottom;
  padding-bottom: 12px;
  width: 1%;
  height: 96px;
  line-height: 16px;
  display: table-cell;
}

#myapage_menu table tr:first-child td { border-bottom: 1px solid #e7e7e7; }

#myapage_menu table tr:first-child td:first-child {
  background: url(../../../sp/img/mypage/icon01.gif) center 30% no-repeat #fff;
  background-size: 50px 50px;
}

#myapage_menu table tr:first-child td:nth-child(2) {
  background: url(../../../sp/img/mypage/icon02.gif) center 30% no-repeat #fff;
  background-size: 50px 50px;
}

#myapage_menu table tr:first-child td:nth-child(3) {
  background: url(../../../sp/img/mypage/icon07.gif) center 30% no-repeat #fff;
  background-size: 50px 50px;
}

#myapage_menu table tr:nth-child(2) td:first-child {
  background: url(../../../sp/img/mypage/icon03.gif) center 30% no-repeat #fff;
  background-size: 50px 40px;
}

#myapage_menu table tr:nth-child(2) td:nth-child(2) {
  background: url(../../../sp/img/mypage/icon04.gif) center 35% no-repeat #fff;
  background-size: 50px 50px;
}

#myapage_menu table tr:nth-child(2) td:nth-child(3) {
  background: url(../../../sp/img/mypage/icon05.gif) center 30% no-repeat #fff;
  background-size: 50px 50px;
}

#myapage_menu table tr:nth-child(3) td:first-child {
  background: url(../../../sp/img/mypage/icon06.gif) center 30% no-repeat #fff;
  background-size: 50px 50px;
}

#myapage_menu table a { text-decoration: none; }

#myapage_menu table tr:nth-child(2) td:first-child a { padding-bottom: 7px; }

#myapage_menu .logout_btn { text-align: right; }

#myapage_menu .logout_btn a {
  font-size: 14px;
  padding: 15px 15px 15px 28px;
  display: inline-block;
  background: url(../../../sp/img/mypage/icon06.png) no-repeat 0 center;
  background-size: 16px auto;
}

#myapage_menu table tr:first-child td:nth-child(2),
#myapage_menu table tr:nth-child(2) td:nth-child(2) {
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}

#mypage .c_wrapper { padding: 0 9px 25px; }

#mypage #mypage-top.c_wrapper { padding: 0 0 25px; }

#mypage #mypage_info .box {
  margin-bottom: 15px;
  padding: 15px;
  border-bottom: 1px solid #d1d1d1;
}
#mypage #mypage_info .box p {
  padding: 30px 0 0;
}

#mypage #mypage_info .box a {
  color: #1DBEE5;
}

#mypage #mypage_info .box:last-child { border: none; }

#mypage #mypage_info .box .update {
  font-size: 15px;
  color: #333;
  line-height: 1.5;
  padding-bottom: 15px;
}

#mypage #mypage_info .box .update span { font-size: 12px;
  color: #777; }
#mypage #mypage_info .box dt { padding-bottom: 15px; }
#mypage #mypage_info .box dt.new { font-weight: bold; }

#mypage #mypage_info .box dt.new span {
  color: #ff0000;
  padding-right: 5px;
}

#mypage #mypage_info .box dd {
  line-height: 1.8;
  padding: 0 5px;
}

#mypage .faq_box dt {
  color: #000;
  font-size: 16px;
}

#mypage .faq_box dd { color: #000; }

/* mypage_card --------------------------------*/
#mypage_card.c_wrapper { padding: 27px 9px 0; }

#mypage_card h3 span {
  right: 0;
  position: absolute;
}

#mypage_card h3 img {
  width: 19px;
  height: auto;
}

#mypage_card > p {
  font-size: 12px;
  padding: 0 0 20px;
}

#mypage_card .ad_text {
  font-size: 14px;
  line-height: 15px;
  margin-bottom: 20px;
}

#mypage_card .box_btn a, #mypage_card #radio_select li .delete a, #mypage_card .next_area a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #000;
  text-align: center;
  text-decoration: none;
  margin-top: 5px;
  padding: 8px 10px;
  border: 1px solid #9a9b96;
  background: -moz-linear-gradient(top, #e1ded8 0%, #eff0eb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1ded8), color-stop(100%, #eff0eb));
  background: -webkit-linear-gradient(top, #e1ded8 0%, #eff0eb 100%);
}

#mypage_card h2 {
  font-size: 16px;
  color: #000;
  margin-bottom: 20px;
  padding: 0 0 15px 5px;
  border-bottom: 1px solid #d1d1d1;
}

#mypage_card h4 {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin-bottom: 14px;
}

#mypage_card h3 { margin-bottom: 22px; }
#mypage_card .text_box { margin-left: 14px; }
#mypage_card .text_box h4 { color: #1dbee5; }


#mypage_card #radio_select { margin-bottom: 20px; }

#mypage_card #radio_select li {
  zoom: 1;
  font-size: 15px;
  color: #000;
  line-height: 14px;
  padding: 10px;
  overflow: hidden;
}

#mypage_card #radio_select li input {
  margin-top: 15px;
  width: 20px;
}

#mypage_card #radio_select li .fl span { padding-left: 30px; }

#mypage_card #radio_select li img {
  vertical-align: middle;
  margin: 0 5px 0 0;
}

#mypage_card #radio_select li p {
  width: 20%;
  top: 0;
  float: right;
  position: relative;
}

#mypage_card #radio_select li .delete a {
  font-size: 14px;
  margin: 0;
  padding: 8px 0;
  display: block;
}

#mypage_card #radio_select li .date {
  font-size: 14px;
  color: #777777;
  padding-left: 35px;
  display: block;
}

#mypage_card #radio_select li.active { background: #f8f8f8; }

#mypage_card .box {
  color: #666;
  border-radius: 5px;
  margin-bottom: 20px;
  border: 1px solid #d1d1d1;
}

#mypage_card .box .in_box:first-child {
  padding: 21px 21px 13px;
  border-bottom: 1px solid #e7e7e7;
}

#mypage_card .box .in_box:first-child input {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0;
  border: 1px solid #d1d1d1;
  width: 100%;
}

#mypage_card .box .in_box:nth-child(2) {
  padding: 15px 10px 20px 10px;
  border-bottom: 1px solid #d1d1d1;
}

#mypage_card .box .in_box:nth-child(2) dd select { margin: 0; }
#mypage_card .box .in_box dl + dl { margin-top: 20px; }
#mypage_card .box .in_box dt { padding-bottom: 10px; }

#mypage_card .box .btn_area {
  text-align: center;
  margin: 26px 0;
}

#mypage_card .box .btn_area a {
  margin: 0 auto;
  padding: 14px 0;
  width: 60%;
  display: block;
  border: 2px solid #2fc3e7;
  border-radius: 8px;
}

#mypage_card .box .card {
  zoom: 1;
  padding: 0 0 15px 2px;
  overflow: hidden;
}

#mypage_card .box .card img {
  margin-right: 5px;
  float: left;
}

#mypage_card .box .text {
  font-size: 13px;
  color: #777;
  padding: 0 0 25px 2px;
}

#mypage_card .next_area {
  text-align: center;
  padding: 40px 0 50px;
}

#mypage_card .next_area p {
  font-size: 12px;
  margin-top: 10px;
}

#mypage_card .next_area a {
  margin: 0 auto;
  padding: 8px 0;
  width: 40%;
  display: block;
}

#mypage_card .note {
  font-size: 12px;
  color: #333333;
}

#mypage_card .note a {
  color: #1dbee5;
  text-decoration: underline;
}

#mypage_card .nocard {
  font-size: 14px;
  font-weight: nomal;
  color: #999;
  padding: 0 0 35px;
}

#mypage_card .message_box {
  color: #519A14;
  text-align: center;
  margin: 0 0 15px;
  padding: 8px;
  background: #E7FAD8;
}

#mypage_card p.icon_ng {
  margin: 0 0 15px;
  padding: 8px;
  background: #eaeaea;
  clear: both;
}

#mypage_card #account_navi {
  padding: 0;
  margin-top: 50px;
}

/* mypage_uses_list --------------------------------*/
#mypage_uses_list.top { padding: 43px 7px 24px; }
#mypage_uses_list.c_wrapper { padding: 25px 9px 25px; }

#mypage .now_date {
  font-size: 14px;
  color: #666;
  text-align: right;
  margin-top: 10px;
}

#mypage_uses_list.inpage .blc_app,
#mypage_uses_list.inpage .blc_history { margin-bottom: 48px; }

#mypage_uses_list .situation {
  font-size: 16px;
  border-radius: 7px;
  margin-top: 12px;
  border: 1px solid #e4e4e4;
  padding: 20px 20px 22px;
}

#mypage_uses_list .situation > p {
  color: #333;
  margin-bottom: 23px;
}

#mypage_uses_list .situation + p.align_c {
  color: #e6e6e6;
  margin-top: 30px;
  letter-spacing: 14px;
}

#mypage_uses_list .situation + p.align_c a {
  color: #333;
}

#mypage_uses_list.inpage .situation > p { margin-bottom: 13px; }

#mypage_uses_list .blc_history .situation > p {
  font-size: 15px;
  margin-bottom: 10px;
}

#mypage_uses_list .situation dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#mypage_uses_list .situation dt {}

#mypage_uses_list .situation dt a {
  font-size: 14px;
  color: #1dbee5;
  border-bottom: 1px solid currentColor;
  line-height: 16px;
  display: inline-block;
}

#mypage_uses_list .situation dl div dd {
  font-size: 15px;
  line-height: 20px;
  margin-top: 15px;
}

#mypage_uses_list .situation dl div dd strong { color: #ff0000; }

#mypage_uses_list .situation dd p img {
  width: 17px;
  vertical-align: -7px;
  margin: 0 10px;
}

#mypage_uses_list .situation .btn_area {
  margin-top: 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

#mypage_uses_list .situation .btn_area a {
  color: #666 ;
  border: 1px solid #dfdfdf;
  border-radius: 6px;
  width: 48%;
  height: 57px;
  padding: 0 25px 0 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  font-size: 14px;
}

#mypage_uses_list .situation .btn_area a:after {
  content: '＞';
  font-size: 14px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

#mypage_uses_list p{
  font-size: 16px !important;
  line-height: 1.8;
}

#mypage_uses_list input.btn {
  font-size: 16px !important; 
  color: #333 !important;
  border: 2px solid #1DBEE5 !important;
}

/* mypage_news --------------------------------*/
#mypage_news { padding: 24px 15px; }
#mypage_news ul { margin-top: 10px; }
#mypage_news ul li { margin-top: 4px; }

#mypage_news ul a {
  color: #000;
  background: #fff;
  display: block;
}

#mypage_news ul a:visited {
  color: #666;
  background-color: #f7f7f7;
}

#mypage_news ul dl {
  width: 100%;
  padding: 10px;
  display: table;
  box-sizing: border-box;
}

#mypage_news ul dt, #mypage_news ul dd {
  display: table-cell;
  vertical-align: middle;
}

#mypage_news ul dt {
  text-indent: -1em;
  padding: 0 9px 0 1em;
}

#mypage_news ul dt span {
  font-size: 11px;
  color: #8a8a8a;
  text-align: right;
  margin: 9px 6px 0 0;
  display: block;
}

#mypage_news ul dd { width: 78px; }

/* mypage_help --------------------------------*/
#mypage_help { padding: 15px 15px 40px; }
#mypage_help .faq_box { margin-top: 25px; }

/* mypage_review_form --------------------------------*/
#mypage_review_form.c_wrapper { padding: 20px 0 45px; }

#mypage_review_form > p {
  font-size: 16px;
  color: #1DBEE5;
  text-align: center;
  padding: 5px 0 15px;
}

#mypage_review_form > p.align_r {
  font-size: 14px;
  font-weight: normal;
  color: #1DBEE5;
  text-align: right;
  padding: 0;
}

#mypage_review_form .box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 15px;
  border: 1px solid #d1d1d1;
}

#mypage_review_form .box h3 {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 16px;
  font-weight: normal;
  padding: 10px 15px;
  border-bottom: 1px solid #d1d1d1;
  background: #f9f9f9;
}

#mypage_review_form .box h3 span {
  font-size: 14px;
  font-weight: normal;
  color: #777;
  padding: 0 0 2px;
  display: block;
}

#mypage_review_form .box > div { padding: 0 20px 20px; }

#mypage_review_form .box h4 {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  padding: 20px 0 0;
}

#mypage_review_form .box h4 span { color: #777; }

#mypage_review_form .box h4 span.point {
  font-size: 12px;
  color: #989896;
}

#mypage_review_form .box h4 strong { font-weight: normal; }

#mypage_review_form .box #review_count {
  padding: 15px 0 5px;
  position: relative;
}

#mypage_review_form .box #review_count span {
  right: 0;
  position: absolute;
}

#mypage_review_form .box textarea {
  box-sizing: border-box;
  border: solid 1px #d1d1d1;
  width: 100%;
  height: 120px;
  font-size: 15px;
  line-height: 1.5;
}

#mypage_review_form .box .notice {
  font-size: 14px;
  line-height: 1.5;
  padding: 10px 0 10px;
}

#mypage_review_form .box .notice li {
  text-indent: -1em;
  padding: 0 0 0 1em;
}

#mypage_review_form .box .notice li a {
  color: #2774dc;
  text-decoration: underline;
}

#mypage_review_form .box .impression p {
  font-size: 16px;
  line-height: 1.5;
  padding: 10px 0;
}

#mypage_review_form .box .impression p span {
  font-size: 14px;
  color: #696969;
  display: block;
}

#mypage_review_form .box .impression dl { padding: 10px 0; }

#mypage_review_form .box .impression dt {
  padding: 10px 0;
  border-top: solid 1px #d1d1d1;
}

#mypage_review_form .box .impression dt i {
  color: #1DBEE5;
  padding: 0 5px 0 0;
}

#mypage_review_form .box .impression ul { width: 100%; }

#mypage_review_form .box .impression ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#mypage_review_form .box .impression li {
  font-size: 15px;
  padding: 2px 0;
  min-width: 50%;
  float: left;
  white-space: nowrap;
}

#mypage_review_form .box .impression label {
  display: block;
  white-space: nowrap;
}

#mypage_review_form .box .impression label input { margin-right: 5px; }

#mypage_review_form .box .btn_area {
  text-align: center;
  padding: 10px 0;
}

#mypage_review_form .box .btn_area input {
  margin: 0 10px;
  padding: 8px 30px;
  width: auto;
  display: inline-block;
}

#mypage_review_form .btn {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 10px;
  font-size: 16px;
  text-decoration: none;
  margin: 0 auto 40px;
  padding: 15px 0;
  border: 2px solid #28c1e6;
  width: 210px;
  display: block;
  background: #fff;
}

#mypage_review_form .btn:before { display: none; }

#mypage_review_form .box .impression2 { margin: 10px 0 20px; }
#mypage_review_form .box .impression2 dt { padding: 0 0 5px; }
#mypage_review_form .box .impression2 dd { padding: 0 0 12px 12px; }
#mypage_review_form .level { padding: 10px 0 0; }

/* review_thanks --------------------------------*/
#mypage #review_thanks .thanks_icon {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-weight: bold;
  line-height: 78px;
  margin: 10px auto 25px auto;
  padding-left: 90px;
  width: 268px;
  background: url(../../../sp/img/mypage/icon_review.gif) left top no-repeat;
  background-size: 78px 78px;
}

#mypage #review_thanks .note {
  color: #5c5c5c;
  margin-bottom: 15px;
}

#mypage #review_thanks ul {
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 45px;
}

/* mypage_uses_zoom  --------------------------------*/
#mypage_uses_zoom.c_wrapper { padding: 25px 9px; }
#mypage_uses_zoom #account_navi { margin-top: 40px; }

#mypage_uses_zoom .situation {
  border-radius: 5px;
  margin: 5px 0 15px;
  padding: 8px 24px 28px;
  border: 1px solid #d1d1d1;
}

#mypage_uses_zoom .situation dl > div {
  border-bottom: 1px solid #e7e7e7;
  padding: 10px 0 10px 3px;
}

#mypage_uses_zoom .situation dl > div:last-of-type { border-bottom: none; }

#mypage_uses_zoom .situation dt {
  font-size: 15px;
  color: #777;
  width: 7em;
  float: left;
  padding: 8px 0;
}

#mypage_uses_zoom .situation dd {
  margin-left: 7em;
  padding: 8px 0;
}

#mypage_uses_zoom .situation dd a {
  color: #1dbee5;
  border-bottom: 1px solid currentColor;
  line-height: 1.2;
  display: inline-block;
}

#mypage_uses_zoom .situation dd strong { color: #ff0000; }

#mypage_uses_zoom .situation .btn_area {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}

#mypage_uses_zoom .situation .btn_area a {
  color: #666;
  box-sizing: border-box;
  width: 48.5%;
  height: 60px;
  border: 2px solid #2ec3e7;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.link_back { text-align: right; }

.link_back a:before {
  content: '＜';
  font-size: 10px;
  margin-right: 5px;
}

/* mypage_unregist  --------------------------------*/
#mypage_unregist.c_wrapper { padding: 20px 15px 55px; }
#mypage_unregist p { margin-bottom: 25px; }

#mypage_unregist dl {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 15px 12px 20px 12px;
  background: #f6f6f6;
}

#mypage_unregist dt {
  font-size: 12px;
  font-weight: bold;
  color: #1DBEE5;
  padding: 0 0 10px 18px;
  position: relative;
}

#mypage_unregist dt:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #1DBEE5;
  top: 3px;
  left: 0px;
  display: inline-block;
  content: "\f071";
  position: absolute;
}

#mypage_unregist dd li {
  font-size: 12px;
  line-height: 18px;
  text-indent: -12px;
  margin-left: 12px;
}

#mypage_unregist a {
  color: #0090c6;
  text-decoration: underline;
}

#mypage_unregist div p {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 30px;
}

#mypage_unregist div li:first-child { margin-bottom: 10px; }

/* mypage_unregist_form  --------------------------------*/
#mypage_unregist_form.c_wrapper { padding: 20px 0 30px; }

#mypage_unregist_form dt {
  font-weight: bold;
  padding-bottom: 10px;
}

#mypage_unregist_form dd {
  font-size: 12px;
  line-height: 19px;
  padding-bottom: 25px;
}

#mypage_unregist_form .wrap {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  margin-bottom: 25px;
  padding: 20px 20px 40px 20px;
  border: 1px solid #d1d1d1;
}

#mypage_unregist_form .st {
  font-size: 14px;
  font-weight: bold;
  color: #1DBEE5;
  padding-bottom: 5px;
}

#mypage_unregist_form .wrap ul { margin: 25px 0 40px; }
#mypage_unregist_form .wrap li { padding-bottom: 15px; }

#mypage_unregist_form .wrap li input {
  line-height: 15px;
  margin: 0 5px 2px 0;
}

#mypage_unregist_form textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 5px;
  border: 1px solid #d1d1d1;
  width: 100%;
  height: 120px;
}

#mypage_unregist_form p {
  font-size: 12px;
  margin-bottom: 30px;
}

/* mypage_point  --------------------------------*/
#mypage_point .c_wrapper { padding: 15px 15px 0px; }

#mypage_point p {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 20px;
}

#mypage_point .point_box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 auto 10px auto;
  width: 225px;
  background: url(../../../sp/img/mypage/icon_point01.gif) 18px 8px no-repeat #f6f6f6;
  background-size: 50px 50px;
}

#mypage_point .point_box dt {
  font-size: 14px;
  padding: 10px 0 5px 80px;
}

#mypage_point .point_box dd {
  font-size: 13px;
  color: #969696;
  padding: 0 0 10px 78px;
}

#mypage_point .point_box dd strong {
  font-size: 28px;
  font-weight: bold;
  color: #dd910b;
}

#mypage_point .expiration {
  font-size: 13px;
  text-align: center;
  margin-bottom: 20px;
}

#mypage_point .point_charge {
  margin: 0 auto;
  padding: 5px 0 30px;
  width: 225px;
}

#mypage_point h3 {
  font-weight: bold;
  padding-bottom: 10px;
}

#mypage_point table {
  font-size: 14px;
  border-top: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: calc(100% - 20px);
  margin: 0 10px;
}

#mypage_point table th {
  font-weight: bold;
  padding: 10px 0;
  border-bottom: 1px solid #1DBEE5;
  background: #f9faf7;
}

#mypage_point table th:first-child, #mypage_point table td:first-child { border-right: 1px solid #dbdbdb; }
#mypage_point table td:nth-child(2) { width: 30%; }
#mypage_point table th:nth-child(2), #mypage_point table td:nth-child(2) { text-align: center; }

#mypage_point table td {
  line-height: 1.5;
  padding: 10px;
  border-bottom: 1px solid #dbdbdb;
}

#mypage_point .pageskip {
  text-align: center;
  padding: 20px 0 40px;
}

#mypage_point .pageskip li:first-child { border-right: 1px solid #e6e6e6; }

#mypage_point .pageskip li {
  color: #e6e6e6;
  padding: 0 20px;
  display: inline;
}

#mypage_point .pageskip li a { color: #333333; }

/* mypage_point_cart --------------------------------*/
#mypage_point_cart > p {
  font-size: 15px;
  line-height: 1.5;
  padding: 15px;
}

#mypage_point_cart .box01 {}

#mypage_point_cart .box01 .amount {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 14px;
  padding: 12px;
  border: solid 1px #d1d1d1;
}

#mypage_point_cart .box01 .amount strong {
  font-weight: bold;
  color: #dd910b;
}

#mypage_point_cart .box01 dl {
  box-sizing: border-box;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 12px;
  border: solid 1px #dbdbdb;
  border-top: none;
}

#mypage_point_cart .box01 dt {
  font-weight: bold;
  position: relative;
}

#mypage_point_cart .box01 dt span {
  font-size: 12px;
  font-weight: normal;
  font-weight: normal;
  color: #ccc;
  right: 10px;
  position: absolute;
}

#mypage_point_cart .box01 dt span a {
  font-weight: bold;
  color: #000;
  text-decoration: underline;
}

#mypage_point_cart .box01 .point_select ul {
  padding: 5px 0 0;
  width: 100%;
  margin-bottom: 15px;
}

#mypage_point_cart .box01 .point_select ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#mypage_point_cart .box01 .point_select li {
  box-sizing: border-box;
  padding: 6px 3px 0 3px;
  width: 50%;
  float: left;
}

#mypage_point_cart .box01 .point_select label {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  box-sizing: border-box;
  border-radius: 10px;
  font-size: 15px;
  text-align: center;
  width: 100%;
  padding: 15px 0;
  display: block;
  cursor: pointer;
}

#mypage_point_cart .box01 .point_select label.active {
  color: #000;
  border: solid 1px #42CBFF;
  background: #E6F9FF;
}

#mypage_point_cart .box01 .point_select input { display: none; }
#mypage_point_cart .box01 .point_select label:before { display: none; }

#mypage_point_cart .box01 .point_select strong {
  font-size: 16px;
  display: block;
}

#mypage_point_cart .box01 .point_select b {
  font-size: 16px;
  line-height: 24px;
}

#mypage_point_cart .box01 .point_select i {
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
}

#mypage_point_cart .box01 .point_select span {
  font-size: 10px;
  font-weight: normal;
  color: #aaa;
  letter-spacing: -0.05em;
  line-height: 14px;
  display: block;
}

#mypage_point_cart .box01 .simulation {
  font-size: 14px;
  color: #666;
  padding: 10px 0 0;
}

#mypage_point_cart .box01 .simulation span {
  font-size: 14px;
  font-weight: bold;
  color: #1DBEE5;
  display: inline;
}

#mypage_point_cart .box01 dl:nth-of-type(2) {
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 20px 0 0;
  padding: 12px;
  border: solid 1px #dbdbdb;
}

#mypage_point_cart .box01 .point_payment li { padding: 10px 0 0; }

#mypage_point_cart .btn_area {
  text-align: center;
  padding: 35px 0;
}

#mypage_point_cart .btn_area .btn {
  font-size: 16px;
  margin: 0 auto;
  padding: 10px 0;
  width: 220px;
}

/* mypage_point_cart */
#mypage_point_cart .box02 dl {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 5px 0 20px;
  border: solid 1px #d1d1d1;
}

#mypage_point_cart .box02 dt {
  font-size: 15px;
  color: #777;
  padding: 12px 12px 0;
  border-top: solid 1px #d1d1d1;
}

#mypage_point_cart .box02 dt:first-child { border: none; }
#mypage_point_cart .box02 dd { padding: 0 12px 12px; }

#mypage_point_cart .box02 p {
  font-size: 15px;
  vertical-align: 5px;
  padding: 0 5px 0 0;
  display: inline-block;
}

#mypage_point_cart .box02 p strong { font-size: 20px; }

#mypage_point_cart .box02 .point_bonus {
  font-size: 12px;
  color: #1DBEE5;
  line-height: 1.5;
  vertical-align: 0;
  padding: 0 0 0 35px;
  position: relative;
}

#mypage_point_cart .box02 .point_bonus:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-sizing: border-box;
  font-size: 10px;
  color: #1DBEE5;
  text-align: center;
  padding: 6px 6px 0;
  width: 20px;
  height: 20px;
  top: 10px;
  left: 0;
  display: block;
  background: #dcf8ff;
  content: "\f067";
  position: absolute;
}

#mypage_point_cart .box02 .point_bonus span {
  font-size: 12px;
  display: block;
}

#mypage_point_cart .box02 .point_bonus span strong { font-size: 18px; }
#mypage_point_cart .box03 { padding: 0; }

#mypage_point_cart .credit_select h3 span {
  right: 0;
  position: absolute;
}

#mypage_point_cart .credit_select h3 img {
  width: 19px;
  height: auto;
}

#mypage_point_cart .credit_select > p {
  font-size: 12px;
  padding: 0 0 20px;
}

#mypage_point_cart .credit_select .ad_text {
  font-size: 10px;
  line-height: 15px;
  margin-bottom: 20px;
}

#mypage_point_cart .credit_select .box_btn a, #mypage_point_cart .credit_select #radio_select li .delete a, #mypage_point_cart .credit_select .next_area a {
  border-radius: 10px;
  padding: 15px 0;
  border: 2px solid #28c1e6;
  background: #fff;
}

#mypage_point_cart .credit_select h2 {
  font-size: 16px;
  color: #000;
  margin-bottom: 20px;
  padding: 0 0 15px 5px;
  border-bottom: 1px solid #d1d1d1;
}

#mypage_point_cart .credit_select h3 {
  font-size: 16px;
  padding: 0 0 10px;
}

#mypage_point_cart .credit_select h4 {
  font-size: 15px;
  font-weight: normal;
  color: #333;
  padding-bottom: 10px;
}

#mypage_point_cart .credit_select #radio_select li {
  zoom: 1;
  font-size: 15px;
  color: #000;
  line-height: 14px;
  padding: 10px;
  overflow: hidden;
}

#mypage_point_cart .credit_select #radio_select.conv:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#mypage_point_cart .credit_select #radio_select.conv li label {
  padding: 2px 0;
  display: block;
}

#mypage_point_cart .credit_select #radio_select.conv li input {
  vertical-align: -2px;
  margin: 0 5px 0 0;
}

#mypage_point_cart .credit_select #radio_select li input {
  margin-top: 15px;
  width: 20px;
}

#mypage_point_cart .credit_select #radio_select li .fl span { padding-left: 30px; }

#mypage_point_cart .credit_select #radio_select li img {
  vertical-align: middle;
  margin: 0 5px 0 0;
}

#mypage_point_cart .credit_select #radio_select li p {
  width: 20%;
  top: 0;
  float: right;
  position: relative;
}

#mypage_point_cart .credit_select #radio_select li .delete a {
  font-size: 14px;
  margin: 0;
  padding: 8px 0;
  display: block;
}

#mypage_point_cart .credit_select #radio_select li .date {
  font-size: 14px;
  color: #777777;
  padding-left: 35px;
  display: block;
}

#mypage_point_cart .credit_select #radio_select li.active { background: #f8f8f8; }

#mypage_point_cart .credit_select .box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 15px;
  border: 1px solid #d1d1d1;
}

#mypage_point_cart .credit_select .box:first-child {
  box-sizing: border-box;
  padding: 15px 10px 18px 10px;
}

#mypage_point_cart .credit_select .box .in_box:first-child {
  padding: 15px 10px 18px 10px;
  border-bottom: 1px solid #d1d1d1;
}

#mypage_point_cart .credit_select .box .in_box:first-child input {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0;
  border: 1px solid #d1d1d1;
  width: 100%;
}

#mypage_point_cart .credit_select .box .in_box:nth-child(2) {
  padding: 15px 10px 20px 10px;
  border-bottom: 1px solid #d1d1d1;
}

#mypage_point_cart .credit_select .box .in_box:nth-child(2) dd select { margin: 0; }
#mypage_point_cart .credit_select .box .in_box dt { padding-bottom: 10px; }

#mypage_point_cart .credit_select .box .box_btn {
  text-align: center;
  margin: 15px 0;
}

#mypage_point_cart .credit_select .box .box_btn a {
  margin: 0 auto;
  width: 60%;
  display: block;
}

#mypage_point_cart .credit_select .box .card {
  zoom: 1;
  padding: 0 0 15px 2px;
  overflow: hidden;
}

#mypage_point_cart .credit_select .box .card img {
  margin-right: 5px;
  float: left;
}

#mypage_point_cart .credit_select .box .text {
  font-size: 13px;
  color: #666;
  padding: 0 0 25px 2px;
}

#mypage_point_cart .credit_select .message_box {
  color: #519A14;
  text-align: center;
  margin: 0 0 15px;
  padding: 8px;
  background: #E7FAD8;
}

#mypage_point_cart .credit_select p.icon_ng {
  margin: 0 0 15px;
  padding: 8px;
  background: #eaeaea;
  clear: both;
}

#mypage_point_cart .credit_select .accordion_btn {
  color: #000;
  padding: 12px 12px 0;
  display: block;
  position: relative;
}

#mypage_point_cart .credit_select .accordion_btn:after {
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: 16px;
  color: #d4d3d3;
  top: 12px;
  right: 12px;
  content: "\f078";
  position: absolute;
}

#mypage_point_cart .credit_select .accordion { display: none; }

#mypage_point_cart #payment_conv {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 12px;
  border: solid 1px #d1d1d1;
}

#mypage_point_cart #payment_conv dt { padding: 20px 0; }
#mypage_point_cart #payment_conv dd { font-size: 15px; }

#mypage_point_cart #payment_conv dd span {
  margin: 20px 0;
  display: block;
}

#mypage_point_cart #payment_conv dd p {
  font-size: 16px;
  padding: 0 0 10px;
}

#mypage_point_cart #payment_conv dd a {
  color: #008de7;
  text-decoration: underline;
}

#mypage_point_cart #payment_conv dd a img {
  margin: 0 5px 0 0;
  width: 19px;
  height: auto;
}

#mypage_point_cart .order_area {
  text-align: center;
  padding: 35px 0;
}

#mypage_point_cart .order_area .btn {
  font-size: 16px;
  color: #000;
  margin: 0 auto;
  padding: 10px 0;
  border: solid 1px #cd9a02;
  width: 220px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffef8f), to(#ffd62a));
  background: -webkit-linear-gradient(top, #ffef8f, #ffd62a);
  background: -moz-linear-gradient(top, #ffef8f, #ffd62a);
  background: -ms-linear-gradient(top, #ffef8f, #ffd62a);
  background: -o-linear-gradient(top, #ffef8f, #ffd62a);
}

#mypage_point_cart .order_area p {
  font-size: 14px;
  text-align: right;
  padding: 35px 12px 0;
}

/* thanks */
#mypage_point_cart .point_cart_thanks {
  text-align: center;
  margin: 0;
  padding: 20px 12px;
  border: solid 1px #dbdbdb;
}

#mypage_point_cart .point_cart_thanks dt {
  font-size: 18px;
  font-weight: bold;
  color: #1DBEE5;
  line-height: 140%;
}

#mypage_point_cart .point_cart_thanks dd { padding: 15px 0 0; }

#mypage_point_cart .point_cart_thanks .storelink img {
  margin: 0 5px 0 0;
  width: 19px;
  height: auto;
}

#mypage_point_cart .point_cart_thanks .storelink a {
  color: #008de7;
  text-decoration: underline;
}

#mypage_point_cart .point_cart_thanks .note {
  font-size: 14px;
  color: #666;
}

/* mypage_setting  --------------------------------*/
#mypage_setting h3 {
  color: #1DBEE5;
  margin-bottom: 10px;
}

#mypage_setting h3 img {
  width: 19px;
  float: right;
}

.form_cont dl dt span img {
  width: 19px;
  float: right;
}

#mypage_setting .text {
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 20px;
  display: none;
}

#mypage_setting .form_cont dl {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  padding: 0 0 15px;
  border-top: 1px solid #d1d1d1;
  border-left: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
}

#mypage_setting .form_cont dt { 
  font-size: 15px;
  font-weight: bold;
  padding: 20px 10px 6px 10px; }

#mypage_setting .form_cont dd {
  padding: 3px 10px 5px 20px;
}

#mypage_setting .form_cont dt span {
  font-size: 14px;
  color: #ff391f;
}

#mypage_setting .form_cont input[type="text"], #mypage_setting .form_cont input[type="email"], #mypage_setting .form_cont input[type="tel"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0;
  padding: 5px;
  border: 1px solid #d1d1d1;
  width: 100%;
  height: 40px;
}

#mypage_setting .form_cont dd.line { border-bottom: 1px solid #d1d1d1; }
#mypage_setting .form_cont dd.line02 { border-bottom: 1px dotted #d1d1d1; }
#mypage_setting .form_cont dd .tel_list { margin-bottom: 10px; }

#mypage_setting .form_cont dd .tel_list li {
  zoom: 1;
  line-height: 28px;
  padding: 5px 10px;
  overflow: hidden;
}

#mypage_setting .form_cont dd .tel_list li:first-child { padding: 0px 10px 5px 10px; }

#mypage_setting .form_cont dd .tel_list li .delete {
  width: 20%;
  float: right;
  position: relative;
}

#mypage_setting .form_cont dd .tel_list li .delete input[type="submit"] {
  font-size: 12px;
  width: 100%;
}

#mypage_setting .form_cont dd .tel_list li .delete a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 10px;
  color: #000;
  line-height: 14px;
  text-align: center;
  text-decoration: none;
  margin: 0;
  padding: 8px 0;
  border: 1px solid #9a9b96;
  width: 100%;
  display: block;
  background: -moz-linear-gradient(top, #e1ded8 0%, #eff0eb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1ded8), color-stop(100%, #eff0eb));
  background: -webkit-linear-gradient(top, #e1ded8 0%, #eff0eb 100%);
}

#mypage_setting .form_cont dd .tel_list li span {
  font-size: 11px;
  color: #777;
}

#mypage_setting .form_cont dd .tel_list li .set_btn {
  font-size: 12px;
  margin-left: 10px;
  display: inline-block;
}

#mypage_setting .form_cont dd .tel_list li .set_btn input[type="button"] {
  font-size: 12px;
  width: 100%;
  padding: 12px 5px;
}

#mypage_setting .form_cont dd .note {
  font-size: 12px;
  margin-top: 5px;
  display: block;
}

#mypage_setting .form_cont dd .note02 {
  font-size: 11px;
  color: #777;
  padding: 10px 0;
  display: block;
}

#mypage_setting .form_cont .submit_box {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  text-align: center;
  margin-bottom: 25px;
  padding: 15px 0;
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  border-left: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
}

#mypage_setting .form_cont .none_submit {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  margin-bottom: 25px;
  border-bottom: 1px solid #d1d1d1;
}

#mypage_setting .form_cont .submit_box input, #mypage_setting #teladd a, #mypage_setting .form_cont #tax_btn {
  border-radius: 10px;
  padding: 15px 0;
  border: 2px solid #28c1e6;
  width: 70%;
  background: #fff;
}

#mypage_setting #nickname { margin-bottom: 10px; }
#mypage_setting #nickname_check { margin-right: 10px; }

#mypage_setting .form_cont #name01, #mypage_setting .form_cont #name02, #mypage_setting .form_cont #name_kana01, #mypage_setting .form_cont #name_kana02 {
  margin: 0 10px 0 5px;
  border: 1px solid #a1a1a1;
  width: 30%;
}

#mypage_setting .form_cont #tax1 {
  margin: 0 10px 0 0;
  border: 1px solid #a1a1a1;
  width: 30%;
}

#mypage_setting .form_cont #tax2 {
  margin: 0 0 0 10px;
  border: 1px solid #a1a1a1;
  width: 30%;
}

#mypage_setting .form_cont #tax_btn {
  font-size: 100%;
  text-align: center;
  margin-top: 10px;
  display: block;
}

#mypage_setting .form_cont .radio_style01 label { padding: 0 10px 0 0; }
#mypage_setting .form_cont .radio_style01 input, #mypage_setting .form_cont .radio_style02 input { margin-right: 10px; }
#mypage_setting .form_cont .radio_style01 .clearfix { padding: 10px 0; }
#mypage_setting .form_cont .radio_style01 .clearfix label { float: left; }
#mypage_setting .form_cont .radio_style01 input { margin-right: 10px; }

#mypage_setting .form_cont .radio_style02 label {
  padding: 5px 0;
  display: block;
}

#mypage_setting .birthday_layout { padding: 10px 0 0 32px; }
#mypage_setting .birthday_layout select { width: 30%; }

#mypage_setting #gender {
  zoom: 1;
  padding: 0 0 5px;
  overflow: hidden;
}

#mypage_setting #gender label:nth-child(1) {
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  border: 1px solid #a1a1a1;
}

#mypage_setting #gender label:nth-child(2) {
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  border-top: 1px solid #a1a1a1;
  border-bottom: 1px solid #a1a1a1;
  border-right: 1px solid #a1a1a1;
}

#mypage_setting #gender label {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 10px 0;
  width: 50%;
  background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #e8e8e8));
  background: -webkit-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
  float: left;
}

#mypage_setting #gender label.active { background: #e1dfd8; }
#mypage_setting #gender input { display: none; }

#mypage_setting #teladd a {
  border-radius: 10px;
  padding: 15px 0;
  margin: 25px auto 0;
  border: 2px solid #28c1e6;
  width: 70%;
  background: #fff;
  display: block;
  text-align: center;
}

#mypage_setting .birth_time_layout { padding: 5px 0 0 25px; }
#mypage_setting .birth_time_layout select { width: 30%; }

/* account_navi  --------------------------------*/
#aside, .asidenav { margin-bottom: 35px; }

#aside li a, .asidenav li a {
  text-decoration: underline;
  padding: 15px;
  display: block;
}

#account_navi {
  padding: 0 7px;
  margin-top: 25px;
}

#account_navi ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

#account_navi ul li {
  width: 49%;
}

#account_navi ul li a {
  color: #666;
  border-radius: 6px;
  border: 1px solid #e4e4e4;
  text-align: center;
  position: relative;
}

#account_navi ul li a:after {
  content: '＞';
  font-size: 16px;
  color: #999;
  position: absolute;
  right: 10px;
}

/* setting_thanks  --------------------------------*/
#setting_thanks h3 {
  font-weight: bold;
  color: #1DBEE5;
  padding-bottom: 10px;
}

#setting_thanks .text { padding-bottom: 50px; }
#setting_thanks .align_c { padding-bottom: 70px; }

/* unregist_thanks  --------------------------------*/
#unregist_thanks dl { padding-bottom: 20px; }

#unregist_thanks dt {
  font-weight: bold;
  color: #1DBEE5;
  padding-bottom: 10px;
}

#unregist_thanks dd {
  font-size: 12px;
  line-height: 19px;
}

/* document_form --------------------------------*/
#document_form h3 {
  color: #1DBEE5;
  margin-bottom: 10px;
}

#document_form h3 img {
  width: 19px;
  float: right;
}

.document_form .form_cont dl dt span img {
  width: 19px;
  float: right;
}

#document_form .text {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
  display: none;
}

#document_form .document_area { text-align: center; }

#document_form .document_area .hand {
  border-radius: 5px;
  letter-spacing: 0;
  text-align: left;
  margin: 0 0 10px;
  padding: 10px;
  border: 1px solid #d1d1d1;
}

#document_form .document_area dl { position: relative; }
#document_form .document_area dt { position: absolute; }

#document_form .document_area dt img {
  width: 40px;
  height: auto;
}

#document_form .document_area dd {
  padding: 5px 0 0 50px;
  position: relative;
}

#document_form .document_area strong { font-size: 16px; }

#document_form .document_area strong img {
  vertical-align: middle;
  width: 19px;
  height: auto;
  right: 0;
  position: absolute;
}

#document_form .document_area p { font-size: 14px; }

#document_form .document_area .registered {
  font-weight: bold;
  color: #1DBEE5;
}

#document_form .document_area .unregistered { color: #999; }

#document_form .document_area ul {
  letter-spacing: -0.4em;
  text-align: center;
  padding: 10px 0 0;
}

#document_form .document_area li {
  letter-spacing: 0;
  padding: 0 2px;
  display: inline-block;
}

#document_form .document_area ul .btn {
  font-size: 16px;
  line-height: 1.3;
  color: #333;
  padding: 8px 15px;
  display: block;
}

#document_form .document_area ul .btn:before { display: none; }

#document_form .document_area ul span.btn {
  color: #ccc;
  border: 1px solid #ccc;
  background: #fbfaf9;
}

#document_form .document_area label { cursor: pointer; }
#document_form .document_area label.btn { padding: 8px 30px; }
#document_form .document_area label input { display: none; }

#document_form .submit_area {
  text-align: center;
  padding: 10px 40px 0;
}

#document_form .submit_area .btn {
  padding: 12px 80px;
  cursor: pointer;
}

#document_form .document_area .message {
  font-size: 14px;
  letter-spacing: 0;
  text-align: left;
  padding: 20px 0 0;
}

#document_form .document_area .message:nth-of-type(1) { padding: 20px 0; }

/*  reminder
-----------------------------------------------------------------------------*/
#reminder { padding: 0 15px 40px 15px; }

#reminder h2 {
  font-size: 18px;
  color: #1DBEE5;
  padding-bottom: 15px;
  text-align: center;
}

#reminder .text {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 25px;
}

#reminder .form_cont dt {
  font-size: 16px;
  margin-bottom: 22px;
  padding: 5px 0 5px 10px;
  border-left: solid 1px #1DBEE5;
}

#reminder .form_cont input[type="text"], #reminder .form_cont input[type="email"], #reminder .form_cont input[type="password"] {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #a1a1a1;
  height: 25px;
}

#reminder .form_cont dd {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}

#reminder .form_cont #mail, #reminder .form_cont input[type="password"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  height: 40px;
}

#reminder .form_cont #name01 {
  margin: 0 15px 0 10px;
  width: 30%;
}

#reminder .form_cont #name02 {
  margin: 0 0 0 10px;
  width: 30%;
}

#reminder .submit { text-align: center; }

#reminder .submit input, #reminder .submit a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 15px 0;
  border: 2px solid #1DBEE5;
  width: 40%;
  background: #FFF;
  color: #333;
}

#reminder .submit a {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-decoration: none;
  margin: 0 15% ;
  width: 70%;
  display: block;
  color: #333;
}

#reminder .form_cont dd .note { margin-bottom: 25px; }

#reminder .thanks {
  text-align: center;
  margin: 10px 0 25px;
}

#reminder .thanks dt { margin-bottom: 15px; }

#reminder .thanks dd {
  font-size: 12px;
  line-height: 18px;
}

/*  reserv
-----------------------------------------------------------------------------*/
/* 


  --------------------------------*/
#reserv_header {
  text-align: center;
  padding: 10px 0 12px;
  border-top: solid 4px #1DBEE5;
}

#reserv_footer {
  font-size: 12px;
  background: url(../../../sp/img/bg_dline.gif) 0 0 repeat;
}

#reserv_footer .ssl {
  line-height: 1.5;
  padding: 25px 15px 15px 80px;
  background: url(../../../sp/img/reserv/ssl.png) 15px 30px no-repeat;
  background-size: 50px auto;
}

#reserv_footer .pmark {
  line-height: 1.5;
  padding: 0 15px 10px 80px;
  background: url(../../../sp/img/reserv/pmark.png) 15px 50% no-repeat;
  background-size: 50px auto;
}

#reserv_footer .info {
  color: #999;
  line-height: 18px;
  text-align: center;
  padding: 15px 10px 5px 10px;
}

#reserv_footer .info a {
  color: #2fd5ff;
  text-decoration: none;
}

#reserv_footer .info p {
  text-align: center;
  margin-bottom: 8px;
}

#reserv_tel .c_wrapper{ padding: 40px 10px 20px;}

#reserv_tel h2 {
    font-size: 21px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 30px;
}

#reserv_tel .text {
  font-size: 15px;
  line-height: 1.8;
  padding-bottom: 20px;
text-align:center;
color: #333;
}

#reserv_payment .step img, #reserv_conf .step img, #reserv_thanks .step img, #reserv03_card .step img, #reserv03_other .step img, #reserv01_tel .step img {
  margin: 0 auto;
  width: 85%;
  display: block;
}
#reserv_tel .step img{
  margin: 0 auto;
  width: 70%;
  display: block;

}

#reserv_payment .flow, #reserv_conf .flow, #reserv_thanks .flow, #reserv03_card .flow, #reserv03_other .flow, #reserv01_tel .flow {
  zoom: 1;
  padding: 10px 10% 15px;
  overflow: hidden;
}

#reserv_tel .flow{
    padding: 10px 5% 15px 15%;
overflow: hidden;
}

#reserv_tel .flow p, #reserv_payment .flow p, #reserv_conf .flow p, #reserv_thanks .flow p, #reserv03_card .flow p, #reserv03_other .flow p, #reserv01_tel .flow p {
  font-size: 12px;
  color: #999999;
  line-height: 11px;
  text-align: center;
  float: left;
}

#reserv_tel .flow p span, #reserv_payment .flow p span, #reserv_conf .flow p span, #reserv_thanks .flow p span, #reserv03_card .flow p span, #reserv03_other .flow p span, #reserv01_tel .flow p span { color: #000; }
#reserv_payment .flow p:first-child, #reserv_conf .flow p:first-child, #reserv_thanks .flow p:first-child, #reserv03_card .flow p:first-child, #reserv03_other .flow p:first-child, #reserv01_tel .flow p:first-child { width: 16%; }
#reserv_payment .flow p:nth-child(2), #reserv_conf .flow p:nth-child(2), #reserv_thanks .flow p:nth-child(2), #reserv03_card .flow p:nth-child(2), #reserv03_other .flow p:nth-child(2), #reserv01_tel .flow p:nth-child(2) { width: 46%; }


#reserv_tel .flow p:first-child{
    width: 16%;
    margin-right: 3%;
}

#reserv_tel .flow p:nth-child(2){
    width: 25%;
    margin-left: 23%;
}

#reserv_tel input{
    -webkit-appearance: none;
}

#reserv_tel .flow p:nth-child(3), #reserv_payment .flow p:nth-child(3), #reserv_conf .flow p:nth-child(3), #reserv_thanks .flow p:nth-child(3), #reserv03_card .flow p:nth-child(3), #reserv03_other .flow p:nth-child(3), #reserv01_tel .flow p:nth-child(3) {
  padding-left: 5%;
  width: 15%;
}

#reserv_tel .flow p:nth-child(4), #reserv_payment .flow p:nth-child(4), #reserv_conf .flow p:nth-child(4), #reserv_thanks .flow p:nth-child(4), #reserv03_card .flow p:nth-child(4), #reserv03_other .flow p:nth-child(4), #reserv01_tel .flow p:nth-child(4) {
  width: 10%;
  float: right;
}

#reserv_payment .step, #reserv_conf .step, #reserv_thanks .step, #reserv03_card .step, #reserv03_other .step, #reserv01_tel .step {
  margin-bottom: 30px;
  padding-top: 15px;
  background: #f8f8f8;
  position: relative;
}

#reserv_payment .step:after, #reserv_conf .step:after, #reserv_thanks .step:after, #reserv03_card .step:after, #reserv03_other .step:after, #reserv01_tel .step:after {
  margin: auto;
  border-color: #f8f8f8 transparent transparent transparent;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  width: 0px;
  height: 0px;
  right: 0;
  left: 0;
  bottom: -20px;
  content: "";
  position: absolute;
}

#reserv_tel .step_current {
  font-size: 15px;
  line-height: 18px;
margin-bottom:10px;

}

#reserv_tel .step_current h3 {
  font-size: 18px;
  color: #1dbee5;
  text-align: center;
  padding: 25px 0;
}

#reserv_tel .step_current#step01 div div {
  margin-bottom: 20px;
  padding: 15px;
  background: #f6f6f6;
}

#reserv_tel .step_current#step01 div strong {
  font-size: 16px;
  color: #1DBEE5;
  padding-left: 8px;
}

#reserv_tel .step_current#step01 div strong a {
  color: #1DBEE5;
  text-decoration: none;
}

#reserv_tel .step_current#step01 div p {
  text-indent: -12px;
  margin-left: 12px;
  padding-bottom: 10px;
}

#reserv_tel .step_current#step01 div span a { color: #0073cc; }

#reserv_tel .step_current .step_btn {
border-radius: 10px;
  text-align: center;
  text-decoration: none;
  margin: 0 auto 30px auto;
  padding: 15px 0;
  width: 60%;
  display: block;
border: 2px solid #28c1e6;
    background: #fff;
}

#reserv_tel .step_current#step02 div div {
  font-size: 15px;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
  padding: 20px;
border-radius: 8px;
  background: #f6f6f6;
margin-bottom:20px;
}

#reserv_tel #step02 div div a {
  color: #1DBEE5;
  text-decoration: none;
}

#reserv_tel .step_current#step02 div div .step_btn { color: #333333; }

#reserv_tel .step_current#step02 div div .step_btn {
  font-size: 15px;
  font-weight: normal;
  margin: 20px auto 0 ;
}

#reserv_tel .step_current#step03 div { padding: 0 10px 10px; }
#reserv_tel .step_current#step02 div p { padding-bottom: 20px;color: #333;font-size:15px;    line-height: 22px; }
#reserv_tel .step_current#step02 div p span { color: #1dbee5;margin-top:20px;    display: block; }

#reserv_tel .step_current#step03 div div {
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  margin-top: 10px;
  padding: 15px 15px 22px 15px;
  background: #f6f6f6;
border-radius: 8px;
}

#reserv_tel .step_current#step03 div div input[type="text"] {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #d1d1d1;
  width: 100%;
}

#reserv_tel .step_current#step03 div div p { padding-bottom: 5px; }
#reserv_tel .step_current#step03 div div p span { font-weight: bold; }

#reserv_tel .step_current#step03 div div .step_btn {
  font-weight: normal;
  margin: 10px auto 0;
  color: #333333;
}

_::-webkit-full-page-media,
_:future,
:root #reserv_tel .step_current#step03 div div .step_btn {
  font-weight: normal;
  margin: 10px auto 0;
  color: #333333;
}

#reserv_tel .step_current#step04 {
  font-size: 15px;
  line-height: 1.8;
  text-align: center;
  padding: 10px 15px 45px;
}

#reserv_tel .step_current#step04 a { color: #1DBEE5; }

#reserv_tel .step_current#step04 dt {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
}

#reserv_tel .step_current#step04 dd { padding-bottom: 40px; }

/* reserv_payment  --------------------------------*/
#reserv_payment .c_wrapper { padding: 20px 15px 20px; }

#reserv_payment .note {
  font-size: 14px;
  color: #1dbee5;
  text-align: center;
  margin-bottom: 20px;
}

#reserv_payment p.icon_ng {
  margin-bottom: 15px;
  padding: 8px;
  background: #eaeaea;
}

#reserv_payment h2 {
  font-size: 21px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 30px;
}

#reserv_payment .note { font-size: 16px; }
#reserv_payment .note a { color: #0099e8; }

#reserv_payment .box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  zoom: 1;
  margin-bottom: 10px;
  border: 1px solid #d1d1d1;
  width: 100%;
  display: table;
  overflow: hidden;
  box-sizing: border-box;
  padding-left: 8px;
}

#reserv_payment .c_wrapper form .box .detail {
  padding-top: 10px;
  display: none;
}

#reserv_payment .box .check {
  text-align: center;
  padding: 10px 0;
  width: 34px;
  display: table-cell;
}

#reserv_payment .box .cont {
  font-size: 16px;
  line-height: 1.8;
  padding: 10px 10px 10px 15px;
}

#reserv_payment .box .cont label {
  font-size: 15px;
  font-weight: bold;
}

#reserv_payment .box .cont .detail .ex {
  font-size: 10px;
  color: #fe5f8b;
  line-height: 18px;
  margin: 8px 0;
}

#reserv_payment .box .cont .card_cont .sst { color: #424242; }

#reserv_payment .box .cont .card_cont span {
  color: #959595;
  padding-left: 5px;
}

#reserv_payment .box .cont .card_cont a { color: #008de7; }
#reserv_payment .box .cont .detail dl input.zip1, #reserv_payment .box .cont .detail dl input.zip2 { width: 40%; }

#reserv_payment .box .cont .detail .zip_btn {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  margin-top: 5px;
  padding: 8px 10px;
  border: 1px solid #9a9b96;
  background: -moz-linear-gradient(top, #e1ded8 0%, #eff0eb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1ded8), color-stop(100%, #eff0eb));
  background: -webkit-linear-gradient(top, #e1ded8 0%, #eff0eb 100%);
}

#reserv_payment .submit_btn input {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 10px;
  font-size: 16px;
  margin: 0 auto 40px;
  padding: 15px 0;
  border: 2px solid #28c1e6;
  width: 210px;
  display: block;
  background: #fff;
}

#reserv_payment .box .cont .detail .radio label { font-weight: normal; }
#reserv_payment .box .cont .detail .radio input { margin-right: 5px; }

#reserv_payment .box .cont .detail .radio .note {
  font-size: 12px;
  line-height: 15px;
  margin-top: 15px;
}

#reserv_payment .box .cont .detail input[type="text"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
}

#reserv_payment .box .cont .detail input {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #a1a1a1;
}

#reserv_payment .box .cont .detail dt {
  font-size: 14px;
  color: #333333;
  padding-bottom: 5px;
}

#reserv_payment .box .cont .detail dd { padding-bottom: 10px; }
#reserv_payment .box .cont .detail dd label:first-child { padding-right: 20px; }
#reserv_payment .box .icon_q { float: right; }

#reserv_payment .pay_note {
  font-size: 14px;
  line-height: 1.8;
  padding: 20px 0 25px;
}

#reserv_payment .pay_note span { color: #fe3f75; }

#reserv_payment .submit_btn {
  font-size: 16px;
  text-align: center;
  margin-bottom: 50px;
}

#reserv_payment .submit_btn p {
  font-size: 12px;
  margin-top: 10px;
}

#reserv_payment .submit_btn input { width: 210px; }


#reserv_payment #next_page {
  font-size: 16px; !important; 
}

/* reserv03_card  --------------------------------*/
#reserv03_card .message_box {
  color: #519A14;
  text-align: center;
  margin: 0 0 15px;
  padding: 8px;
  background: #E7FAD8;
}

#reserv03_card p.icon_ng {
  margin: 0 0 5px;
  padding: 8px;
  background: #eaeaea;
  clear: both;
}

#reserv03_card .step { padding: 0 5px; }

#reserv03_card .c_wrapper {
  color: #333;
  padding: 20px 10px 20px;
}

#reserv03_card .in_contents { padding: 0 7px; }

#reserv03_card .box_btn a, #reserv03_card .radio_select li .delete a, #reserv03_card .next_area a {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 10px;
  font-size: 16px;
  text-decoration: none;
  margin: 0 auto 40px;
  padding: 15px 0;
  border: 2px solid #28c1e6;
  display: block;
  background: #fff;
}

#reserv03_card h2 {
  font-size: 21px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 30px;
}

#reserv03_card h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  margin-bottom: 20px;
  padding-left: 8px;
  border-left: 5px solid #1dbee5;
  color: #333;
}


#reserv03_card h4 {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  padding-bottom: 15px;
}

#reserv03_card .box h4 { padding: 15px 10px; }
#reserv03_card .st_accordion { position: relative; }

#reserv03_card .st_accordion:after {
  font: normal normal normal 24px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  top: 10px;
  right: 10px;
  display: inline-block;
  content: "\f107";
  position: absolute;
}

#reserv03_card .st_accordion.open:after {
  font: normal normal normal 24px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  top: 10px;
  right: 10px;
  display: inline-block;
  content: "\f106";
  position: absolute;
}

#reserv03_card .radio_select { margin-bottom: 20px; }

#reserv03_card .radio_select li {
  zoom: 1;
  font-size: 15px;
  color: #000;
  line-height: 1.5;
  padding: 10px;
  overflow: hidden;
}

#reserv03_card .accordion .radio_select li { padding: 10px 10px 0 0; }
#reserv03_card .accordion .radio_select li p { top: 0; }
#reserv03_card .accordion .radio_select { margin-bottom: 10px; }
#reserv03_card .accordion .radio_select li img { margin: 0 5px 0 5px; }
#reserv03_card .accordion .radio_select li .date { padding-left: 38px; }

#reserv03_card .radio_select li input {
  margin-top: 15px;
  width: 20px;
}

#reserv03_card .radio_select li label span { padding-left: 10px; }

#reserv03_card .radio_select li img {
  vertical-align: middle;
  margin: 0 5px 0 15px;
}

#reserv03_card .radio_select li p {
  width: 20%;
  top: 10px;
  float: right;
  position: relative;
}

#reserv03_card .radio_select li .delete a {
  font-size: 12px;
  margin: 0;
  padding: 8px 0;
  display: block;
}

#reserv03_card .radio_select li label { display: block; }

#reserv03_card .radio_select li .date {
  font-size: 12px;
  color: #777777;
  padding-left: 35px;
  display: block;
}

#reserv03_card .radio_select li.active { background: #f8f8f8; }

#reserv03_card .box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 20px;
  border: 1px solid #d1d1d1;
}

#reserv03_card .box .accordion .in_box { padding: 0px 10px 18px 10px; }

#reserv03_card .box .accordion .in_box:first-child input {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0;
  border: 1px solid #d1d1d1;
  width: 100%;
}

#reserv03_card .box .accordion .in_box:nth-child(2) {
  padding: 15px 10px 20px 10px;
  border-bottom: 1px solid #d1d1d1;
}

#reserv03_card .box .accordion .in_box:nth-child(2) dd select { margin: 0; }
#reserv03_card .box .in_box dt { padding-bottom: 10px; }

#reserv03_card .box .box_btn {
  text-align: center;
  margin: 15px 0;
}

#reserv03_card .box .box_btn a {
  margin: 0 auto;
  padding: 8px 0;
  width: 60%;
  display: block;
}

#reserv03_card .box .card {
  zoom: 1;
  padding: 0 0 15px 2px;
  overflow: hidden;
}

#reserv03_card .box .card img {
  margin-right: 5px;
  float: left;
}

#reserv03_card .box .text {
  font-size: 14px;
  color: #333333;
  padding: 0 0 25px 2px;
}

#reserv03_card .next_area {
  text-align: center;
  padding: 40px 0 50px;
}

#reserv03_card .next_area p {
  font-size: 12px;
  margin-top: 10px;
}

#reserv03_card .next_area a {
  margin: 0 auto;
  padding: 8px 0;
  width: 100%;
  display: block;
}

#reserv03_card .note {
  font-size: 12px;
  color: #333333;
}

#reserv03_card .note a { color: #0099e8; }

/* reserv03_other  --------------------------------*/
#reserv03_other .c_wrapper {
  color: #333333;
  padding: 0 0 20px;
}

#reserv03_other #zipSuggest{
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 10px;
  font-size: 15px;
  padding: 10px 0;
  border: 2px solid #28c1e6;
  display: block;
  background: #fff;
  padding-left: 5%;
}

#reserv03_other #zipSuggest:before{
    color: #232323;
    margin: auto;
    width: 10px;
    top: 6px;
    left: 15px;
    display: block;
    content: "+";
    position: absolute;
    font-size: 24px;
  padding: 5px 0;
}

#reserv03_other #zipSuggest:hover {
  color: #000;
  text-decoration: none;
}


#reserv03_other .next_area a, #reserv03_other #zip_btn {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 10px;
  font-size: 14px;
  margin: 0 auto 40px;
  padding: 15px 0;
  border: 2px solid #28c1e6;
  display: block;
  background: #fff;
}




#reserv03_other .in_contents { padding: 0 7px; }

#reserv03_other h2 {
  font-size: 21px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 30px;
}

#reserv03_other h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  margin-bottom: 20px;
  padding-left: 8px;
  border-left: 5px solid #1dbee5;
color: #333;

}

#reserv03_other .note { font-size: 14px; }
#reserv03_other .note a { color: #0099e8; }

#reserv03_other .next_area {
  text-align: center;
  padding: 40px 0 50px;
}

#reserv03_other .next_area p {
  font-size: 12px;
  margin-top: 10px;
}

#reserv03_other .next_area a {
  font-size: 16px;
  width: 50%;
  display: block;
margin: 0 auto;
text-decoration: none;
}

#reserv03_other .top_text {
  color: #1DBEE5;
  padding-bottom: 25px;
}

#reserv03_other .top_text span { color: #999; }

#reserv03_other .form_area {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 20px;
  border: 1px solid #d1d1d1;
}

#reserv03_other .form_area dt {
  padding: 15px 10px 0 10px;
  font-weight: bold;
}
#reserv03_other .form_area dt span { font-size: 14px; }

#reserv03_other .form_area dd {
  padding: 10px 10px 15px 10px;
  border-bottom: 1px solid #d1d1d1;
}

#reserv03_other .form_area dd:last-child {
  padding: 10px 10px 20px 10px;
  border: none;
}

#reserv03_other .form_area dd input {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #d1d1d1;
}

#reserv03_other #zip1, #reserv03_other #zip2 { width: 30%; }

#reserv03_other #zipSuggest {
  margin-top: 12px;
  width: 50%;
  display: block;
}

#reserv03_other .city {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-bottom: 5px;
  width: 100%;
}

#reserv03_other .radio input {
  vertical-align: top;
  margin-right: 10px;
}

#reserv03_other .radio li {
  color: #000;
  margin-bottom: 5px;
}

#reserv03_other .radio li:last-child { margin-bottom: 0; }

/* reserv01_tel  --------------------------------*/

#reserv01_tel p.icon_ng {
  margin: 0 0 15px;
  background: #eaeaea;
  clear: both;
  text-decoration:none;
  width: 50%;
}

#reserv01_tel .c_wrapper {
  color: #333333;
  padding: 0 0 20px;
}

#reserv01_tel .next_area a, #reserv01_tel .add input[type="button"] {
    border-radius: 10px;
    font-size: 16px;
    margin: 0 auto 40px;
    padding: 15px 0;
    border: 2px solid #28c1e6;
    display: block;
    background: #fff;
}

#reserv01_tel .in_contents { padding: 0 7px; }

#reserv01_tel h2 {
    font-size: 21px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 40px;
}

#reserv01_tel h3 {
font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 20px;
    padding-left: 8px;
    border-left: 5px solid #1dbee5;
color: #333;
}

#reserv01_tel .note a { color: #0099e8; }

#reserv01_tel .next_area {
  text-align: center;
  padding: 40px 0 50px;
}

#reserv01_tel .next_area p {
  font-size: 14px;
  margin-top: 15px;
}

#reserv01_tel .next_area a {
  margin: 0 auto;
  font-size:16px;
  padding: 15px 0;
  width: 50%;
  text-decoration:none;
  display: block;
}

#reserv01_tel .note {
  font-size: 14px;
  color: #333333;
}

#reserv01_tel .radio_select { margin-bottom: 15px; }

#reserv01_tel .radio_select li {
  zoom: 1;
  padding: 10px;
  overflow: hidden;
  background:#f8f8f8;
  font-size:16px;
  font-weight:bold;
  margin-top: 10px;
}

#reserv01_tel .add .radio_select li:first-child { padding: 0px 20px 5px 20px; }

#reserv01_tel .add .radio_select li {
  line-height: 26px;
  padding: 5px 20px;
background:none;
}

#reserv01_tel .radio_select li input { margin-right: 8px; }
#reserv01_tel .radio_select li.active { background: #f8f8f8; }

#reserv01_tel .radio_select li a {
  color: #000;
  text-decoration: none;
}

#reserv01_tel .radio_select li label {
  line-height: 28px;
  vertical-align: middle;
  display: block;
}

#reserv01_tel .radio_select li .delete {
  width: 20%;
  float: right;
  position: relative;
}

#reserv01_tel .radio_select li .delete a {

  font-size: 12px;
  color: #000;
  line-height: 14px;
  text-align: center;
  text-decoration: none;

    border-radius: 10px;
    padding: 15px 0;
    border: 2px solid #28c1e6;
    display: block;
    background: #fff;

font-weight:normal;
}

#reserv01_tel .in_contents .add:nth-child(5) { margin: 0 0 20px; }

#reserv01_tel .add {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 30px 0 10px;
  border: 1px solid #d1d1d1;
}

#reserv01_tel .add h4 {
  color: #000;
  padding: 15px 10px;
  position: relative;
}

#reserv01_tel .add h4:after {
  font: normal normal normal 24px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  top: 10px;
  right: 10px;
  display: inline-block;
  content: "\f107";
  position: absolute;
}

#reserv01_tel .add h4.open:after {
  font: normal normal normal 24px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  top: 10px;
  right: 10px;
  display: inline-block;
  content: "\f106";
  position: absolute;
}

#reserv01_tel .add dt { padding: 0 10px 10px 10px; }
#reserv01_tel .add dd { padding: 0 10px 20px 10px; }

#reserv01_tel .add dd:last-child {
  text-align: center;
  padding: 15px 10px;
  border-top: 1px solid #d1d1d1;
}

#reserv01_tel .add dd:last-child input { width: 60%; 
margin:0 auto;

}

#reserv01_tel .add dd p {
  font-size: 13px;
  line-height: 1.5;
  padding-top: 10px;
}

#reserv01_tel .add #add_tel {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0;
  border: 1px solid #d1d1d1;
  width: 100%;
}

/* reserv_point_cart --------------------------------*/
#reserv_point_cart h2 { padding: 10px 15px 0; }

#reserv_point_cart .notice {
  color: #1DBEE5;
  padding: 0 15px 15px;
}

#reserv_point_cart .notice a { color: #30cbff; }

#reserv_point_cart > p {
  font-size: 12px;
  padding: 15px;
}

#reserv_point_cart .box01 { margin: 0 15px; }

#reserv_point_cart .box01 .amount {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 12px;
  padding: 12px;
  border: solid 1px #d1d1d1;
}

#reserv_point_cart .box01 .amount strong {
  font-weight: bold;
  color: #dd910b;
}

#reserv_point_cart .box01 dl {
  box-sizing: border-box;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 12px;
  border: solid 1px #dbdbdb;
  border-top: none;
}

#reserv_point_cart .box01 dt {
  font-weight: bold;
  position: relative;
}

#reserv_point_cart .box01 dt span {
  font-size: 12px;
  font-weight: normal;
  font-weight: normal;
  color: #ccc;
  right: 10px;
  position: absolute;
}

#reserv_point_cart .box01 dt span a {
  font-weight: bold;
  color: #000;
  text-decoration: underline;
}

#reserv_point_cart .box01 .point_select ul {
  padding: 5px 0 0;
  width: 100%;
}

#reserv_point_cart .box01 .point_select ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#reserv_point_cart .box01 .point_select li {
  box-sizing: border-box;
  padding: 6px 3px 0 3px;
  width: 50%;
  float: left;
}

#reserv_point_cart .box01 .point_select label {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  box-sizing: border-box;
  border-radius: 10px;
  font-size: 12px;
  text-align: center;
  padding: 10px 0;
  display: block;
  cursor: pointer;
}

#reserv_point_cart .box01 .point_select label.active {
  color: #000;
  border: solid 1px #42CBFF;
  background: #E6F9FF;
}

#reserv_point_cart .box01 .point_select input { display: none; }
#reserv_point_cart .box01 .point_select label:before { display: none; }

#reserv_point_cart .box01 .point_select strong {
  font-size: 14px;
  display: block;
}

#reserv_point_cart .box01 .point_select b {
  font-size: 16px;
  line-height: 24px;
}

#reserv_point_cart .box01 .point_select i {
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
}

#reserv_point_cart .box01 .point_select span {
  font-size: 10px;
  font-weight: normal;
  color: #aaa;
  letter-spacing: -0.05em;
  line-height: 14px;
  display: block;
}

#reserv_point_cart .box01 .simulation {
  font-size: 12px;
  color: #ccc;
  padding: 10px 0 0;
}

#reserv_point_cart .box01 .simulation span {
  font-size: 12px;
  font-weight: bold;
  color: #1DBEE5;
  display: inline;
}

#reserv_point_cart .box01 dl:nth-of-type(2) {
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 20px 0 0;
  padding: 12px;
  border: solid 1px #dbdbdb;
}

#reserv_point_cart .box01 .point_payment li { padding: 10px 0 0; }

#reserv_point_cart .btn_area {
  text-align: center;
  padding: 35px 0;
}

#reserv_point_cart .btn_area .btn {
  font-size: 16px;
  margin: 0 auto;
  padding: 10px 0;
  width: 220px;
}

/* reserv_point_cart */
#reserv_point_cart .box02 dl {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 5px 12px 20px;
  border: solid 1px #d1d1d1;
}

#reserv_point_cart .box02 dt {
  font-size: 12px;
  color: #777;
  padding: 12px 12px 0;
  border-top: solid 1px #d1d1d1;
}

#reserv_point_cart .box02 dt:first-child { border: none; }
#reserv_point_cart .box02 dd { padding: 0 12px 12px; }

#reserv_point_cart .box02 p {
  font-size: 12px;
  vertical-align: 5px;
  padding: 0 5px 0 0;
  display: inline-block;
}

#reserv_point_cart .box02 p strong { font-size: 20px; }

#reserv_point_cart .box02 .point_bonus {
  font-size: 10px;
  color: #1DBEE5;
  line-height: 18px;
  vertical-align: 0;
  padding: 0 0 0 35px;
  position: relative;
}

#reserv_point_cart .box02 .point_bonus:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-sizing: border-box;
  font-size: 10px;
  color: #1DBEE5;
  text-align: center;
  padding: 6px 6px 0;
  width: 20px;
  height: 20px;
  top: 10px;
  left: 0;
  display: block;
  background: #ffdff0;
  content: "\f067";
  position: absolute;
}

#reserv_point_cart .box02 .point_bonus span {
  font-size: 12px;
  display: block;
}

#reserv_point_cart .box02 .point_bonus span strong { font-size: 16px; }
#reserv_point_cart .box03 { padding: 0 12px; }

#reserv_point_cart .credit_select h3 span {
  right: 0;
  position: absolute;
}

#reserv_point_cart .credit_select h3 img {
  width: 19px;
  height: auto;
}

#reserv_point_cart .credit_select > p {
  font-size: 12px;
  padding: 0 0 20px;
}

#reserv_point_cart .credit_select .ad_text {
  font-size: 10px;
  line-height: 15px;
  margin-bottom: 20px;
}

#reserv_point_cart .credit_select .box_btn a, #reserv_point_cart .credit_select #radio_select li .delete a, #reserv_point_cart .credit_select .next_area a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #000;
  text-align: center;
  text-decoration: none;
  margin-top: 5px;
  padding: 8px 10px;
  border: 1px solid #9a9b96;
  background: -moz-linear-gradient(top, #e1ded8 0%, #eff0eb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1ded8), color-stop(100%, #eff0eb));
  background: -webkit-linear-gradient(top, #e1ded8 0%, #eff0eb 100%);
}

#reserv_point_cart .credit_select h2 {
  font-size: 16px;
  color: #000;
  margin-bottom: 20px;
  padding: 0 0 15px 5px;
  border-bottom: 1px solid #d1d1d1;
}

#reserv_point_cart .credit_select h3 {
  font-size: 14px;
  padding: 0 0 10px;
}

#reserv_point_cart .credit_select h4 {
  font-size: 12px;
  font-weight: bold;
  color: #000;
  padding-bottom: 10px;
}

#reserv_point_cart .credit_select #radio_select li {
  zoom: 1;
  font-size: 12px;
  color: #000;
  line-height: 14px;
  padding: 10px;
  overflow: hidden;
}

#reserv_point_cart .credit_select #radio_select li input {
  margin-top: 15px;
  width: 20px;
}

#reserv_point_cart .credit_select #radio_select li .fl span { padding-left: 30px; }

#reserv_point_cart .credit_select #radio_select li img {
  vertical-align: middle;
  margin: 0 5px 0 0;
}

#reserv_point_cart .credit_select #radio_select li p {
  width: 20%;
  top: 0;
  float: right;
  position: relative;
}

#reserv_point_cart .credit_select #radio_select li .delete a {
  font-size: 12px;
  margin: 0;
  padding: 8px 0;
  display: block;
}

#reserv_point_cart .credit_select #radio_select li .date {
  font-size: 12px;
  color: #777777;
  padding-left: 35px;
  display: block;
}

#reserv_point_cart .credit_select #radio_select li.active { background: #f8f8f8; }

#reserv_point_cart .credit_select .box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 15px;
  border: 1px solid #d1d1d1;
}

#reserv_point_cart .credit_select .box:first-child {
  box-sizing: border-box;
  padding: 15px 10px 18px 10px;
}

#reserv_point_cart .credit_select .box .in_box:first-child {
  padding: 15px 10px 18px 10px;
  border-bottom: 1px solid #d1d1d1;
}

#reserv_point_cart .credit_select .box .in_box:first-child input {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0;
  border: 1px solid #d1d1d1;
  width: 100%;
}

#reserv_point_cart .credit_select .box .in_box:nth-child(2) {
  padding: 15px 10px 20px 10px;
  border-bottom: 1px solid #d1d1d1;
}

#reserv_point_cart .credit_select .box .in_box:nth-child(2) dd select { margin: 0; }
#reserv_point_cart .credit_select .box .in_box dt { padding-bottom: 10px; }

#reserv_point_cart .credit_select .box .box_btn {
  text-align: center;
  margin: 15px 0;
}

#reserv_point_cart .credit_select .box .box_btn a {
  margin: 0 auto;
  padding: 8px 0;
  width: 60%;
  display: block;
}

#reserv_point_cart .credit_select .box .card {
  zoom: 1;
  padding: 0 0 15px 2px;
  overflow: hidden;
}

#reserv_point_cart .credit_select .box .card img {
  margin-right: 5px;
  float: left;
}

#reserv_point_cart .credit_select .box .text {
  font-size: 10px;
  color: #333333;
  padding: 0 0 25px 2px;
}

#reserv_point_cart .credit_select .message_box {
  color: #519A14;
  text-align: center;
  margin: 0 0 15px;
  padding: 8px;
  background: #E7FAD8;
}

#reserv_point_cart .credit_select p.icon_ng {
  margin: 0 0 15px;
  padding: 8px;
  background: #eaeaea;
  clear: both;
}

#reserv_point_cart .credit_select .accordion_btn {
  color: #000;
  padding: 12px 12px 0;
  display: block;
  position: relative;
}

#reserv_point_cart .credit_select .accordion_btn:after {
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: 16px;
  color: #d4d3d3;
  top: 12px;
  right: 12px;
  content: "\f078";
  position: absolute;
}

#reserv_point_cart .credit_select .accordion { display: none; }

#reserv_point_cart #payment_conv {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 12px;
  padding: 12px;
  border: solid 1px #d1d1d1;
}

#reserv_point_cart #payment_conv dt { padding: 20px 0; }
#reserv_point_cart #payment_conv dd { font-size: 12px; }

#reserv_point_cart #payment_conv dd span {
  margin: 20px 0;
  display: block;
}

#reserv_point_cart #payment_conv dd p {
  font-size: 14px;
  padding: 0 0 10px;
}

#reserv_point_cart #payment_conv dd a {
  color: #008de7;
  text-decoration: underline;
}

#reserv_point_cart #payment_conv dd a img {
  margin: 0 5px 0 0;
  width: 19px;
  height: auto;
}

#reserv_point_cart .order_area {
  text-align: center;
  padding: 35px 0;
}

#reserv_point_cart .order_area .btn {
  font-size: 16px;
  color: #000;
  margin: 0 auto;
  padding: 10px 0;
  border: solid 1px #cd9a02;
  width: 220px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffef8f), to(#ffd62a));
  background: -webkit-linear-gradient(top, #ffef8f, #ffd62a);
  background: -moz-linear-gradient(top, #ffef8f, #ffd62a);
  background: -ms-linear-gradient(top, #ffef8f, #ffd62a);
  background: -o-linear-gradient(top, #ffef8f, #ffd62a);
}

#reserv_point_cart .order_area p {
  font-size: 12px;
  text-align: right;
  padding: 35px 12px 0;
}

/* thanks */
#reserv_point_cart .point_cart_thanks {
  text-align: center;
  margin: 40px 12px;
  padding: 20px 12px;
  border: solid 1px #dbdbdb;
}

#reserv_point_cart .point_cart_thanks dt {
  font-size: 18px;
  font-weight: bold;
  color: #1DBEE5;
}

#reserv_point_cart .point_cart_thanks dd { padding: 15px 0 0; }

/* reserv_conf  --------------------------------*/
#reserv_conf .c_wrapper { padding: 20px 5px 30px; }

#reserv_conf h2 {
  font-size: 21px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 30px;
}

#reserv_conf .catch {
  font-size: 14px;
  color: #333;
  line-height: 1.5;
  padding: 0 10px 25px;
}

#reserv_conf .catch a { color: #1dbee5; }

#reserv_conf .catch span {
  color: #ff0000;
  padding-top: 15px;
  display: block;
}

#reserv_conf .notice {
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  margin: 10px 0 0;
  padding: 10px;
  background: #000;
}

#reserv_conf .notice img {
  vertical-align: 0;
  margin: 0 5px 0 0;
}

#reserv_conf .main {
  border-radius: 8px 8px 0 0;
  margin-bottom: 10px;
  border: 1px solid #e6e6e6;
}

#reserv_conf .teller { padding: 15px 10px 30px 10px; }
#reserv_conf .teller strong { color: #ff4075; }

#reserv_conf .teller dl {
  padding: 15px 0 0;
  position: relative;
}

#reserv_conf .teller dt { position: absolute; }

#reserv_conf .teller dt img {
  width: 65px;
  height: auto;
}

#reserv_conf .teller dd { padding: 0 0 0 85px; }
#reserv_conf .teller dd p { padding-top: 15px; }

#reserv_conf .teller dd .huri {
  font-size: 14px;
  font-weight: normal;
  color: #777;
  line-height: 20px;
  padding: 2px 0 0 0;
  display: block;
}

#reserv_conf .teller dd .order_num {
  font-size: 16px;
  line-height: 1.5;
  margin: 17px 0;
  padding-left: 30px;
  background: url(../../../sp/img/reserv/icon_order.gif) 0 0 no-repeat;
  background-size: 18px auto;
}

#reserv_conf .teller p {
  font-size: 16px;
  line-height: 1.8;
}

#reserv_conf .teller p span {
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0 5px;
  display: block;
}

#reserv_conf .teller .detail { font-size: 16px; }

#reserv_conf .teller .detail dl {
  padding: 5px 0;
  display: flex;
}

#reserv_conf .teller .detail dt {
  color: #999999;
  width: 90px;
}

#reserv_conf .teller .reserve_time {
  font-size: 14px;
  line-height: 1.5;
  color: #666;
}

#reserv_conf .time_limit {
  font-size: 14px;
  margin-bottom: 20px;
  float: right;
}

#reserv_conf .teller .detail p, #reserv_conf .time_limit {
  color: #666;
  line-height: 20px;
  padding-left: 20px;
  background: url(../../../sp/img/reserv/icon_clock.gif) 0 2px no-repeat;
  background-size: 15px 15px;
}

#reserv_conf h3 {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  line-height: 22px;
  margin-bottom: 20px;
  padding-left: 8px;
  border-left: 5px solid #1dbee5;
}

#reserv_conf .entry_btn a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  margin: 0 auto;
  padding: 10px 0;
  border: 2px solid #35cdff;
  width: 70%;
  display: block;
  background: -moz-linear-gradient(top, #f2f1ec 0%, #fdfdfd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f1ec), color-stop(100%, #fdfdfd));
  background: -webkit-linear-gradient(top, #f2f1ec 0%, #fdfdfd 100%);
}

#reserv_conf .text {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  padding: 10px;
  clear: both;
}

#reserv_conf .text a { color: #007be3; }
#reserv_conf .text span { color: #ff4075; }

#reserv_conf #info h3 {
  -webkit-border-radius: 5px 5px 0 0 ;
  -moz-border-radius: 5px 5px 0 0 ;
  border-radius: 5px 5px 0 0 ;
  font-weight: bold;
  color: #1dbee5;
  margin: 0;
  padding: 15px 10px;
  border-left: none;
  background: #eeeeee;
}

#reserv_conf #info div {
  font-size: 16px;
  padding: 20px 90px 20px 10px;
  border-bottom: 1px dotted #e6e6e6;
  overflow: hidden;
  position: relative;
}

#reserv_conf #info .info_accordion_item {
  padding-right: 0;
}

#reserv_conf #info div a {
  color: #000;
  text-decoration: none;
  display: block;
  position: relative;
}

#reserv_conf .main .btn_accordion { position: relative; }

#reserv_conf .main .btn_accordion:after {
  font: normal normal normal 26px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-weight: bold;
  color: #b6b6b6;
  top: 25px;
  right: 20px;
  display: inline-block;
  content: "+";
  position: absolute;
}

#reserv_conf .main .btn_accordion.open:after {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  top: 25px;
  right: 15px;
  display: inline-block;
  content: "\f068";
  position: absolute;
}

#reserv_conf #info div dl {
  align-items: center;
  display: flex;
  -webkit-box-align: center;
  -webkit-box-pack: start;
  width: 100%;
}

#reserv_conf #info div dt {
  font-size: 14px;
  color: #777;
  padding: 8px 0;
  width: 125px;
}

#reserv_conf #info div dd { text-align: left; }

#reserv_conf #info div dd a { text-decoration: none; }

#reserv_conf #info div dd div {
  margin: 0;
  padding: 10px 0 0;
  border: none;
  width: 100%;
  display: block;
}

#reserv_conf #info div dd div.select_use_time {
  padding: 8px 0;
}

#reserv_conf #info div dd div li { padding: 5px 0; }

#reserv_conf #info div dd div li label {
  padding-left: 2em;
  text-indent: -1em;
  display: inline-block;
}

#reserv_conf #info div dd div input[type="radio"] {
  margin: 0 5px 0 0;
  padding: 0;
}

#reserv_conf #info div dd div input.w_m[type="text"] {
  margin: 0 5px;
  width: 35%;
}

#reserv_conf #discount h3 {
  font-size: 16px;
  font-weight: bold;
  color: #1dbee5;
  padding: 18px 10px;
  border: none;
  background: #eeeeee;
}

#reserv_conf #discount .point { padding: 20px 10px 20px 10px; }

#reserv_conf #discount .point dl {
  font-size: 14px;
  color: #424242;
}

#reserv_conf #discount .point dt, #reserv_conf #discount .point dd {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 10px;
}

#reserv_conf #discount dd {
  width: 100%;
  display: table;
  position: relative;
}

#reserv_conf #discount .point dd div span.error, #reserv_conf #discount .coupon div span.error {
  padding: 5px 0 5px 15px;
  display: block;
  background: url(../../../sp/img/reserv/icon_notice.png) 0 42% no-repeat;
  background-size: 12px 10px;
  text-align: left;
}

#reserv_conf #discount .point div:first-child span {
  vertical-align: middle;
  padding: 5px 0 5px;
}

#reserv_conf .main .entry_btn {
  text-align: center;
  padding: 19px 0;
  background: #f9f9f9;
}

#reserv_conf .main .entry_btn a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  margin: 0 auto;
  padding: 10px 0;
  border: 1px solid #cd9a02;
  width: 70%;
  display: block;
  background: -moz-linear-gradient(top, #ffef8d 0%, #ffd831 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffef8d), color-stop(100%, #ffd831));
  background: -webkit-linear-gradient(top, #ffef8d 0%, #ffd831 100%);
}

#reserv_conf #discount .box {
  width: 100%;
  display: table;
  overflow: hidden;
  position: relative;
}

#reserv_conf #discount .box:last-child { border-bottom: none; }

#reserv_conf #discount .box .cont {
  zoom: 1;
  padding: 10px 10px 40px 10px;
  overflow: hidden;
}

#reserv_conf #discount .box h4 {
  font-size: 14px;
  font-weight: bold;
}

#reserv_conf #discount .box .cont p {
  font-size: 12px;
  color: #424242;
  padding-top: 5px;
}

#reserv_conf #discount .box .coupon_input a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  padding: 8px 0;
  border: 2px solid #28c1e6;
  width: 20%;
  top: 15px;
  right: 10px;
  background: #fff;
  position: absolute;
}

#reserv_conf #info div dd a.btn_correct {
  top: 20%;
  right: 10px;
  position: absolute;
}

#reserv_conf #info div dd a.btn_correct, #reserv_conf #discount .point input[type="button"], #reserv_conf #discount .coupon input[type="button"] {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  color: #333;
  text-align: center;
  text-decoration: none;
  margin: 0;
  padding: 8px 0;
  border: 2px solid #28c1e6;
  width: 68px;
  background: #fff;
}

#reserv_conf #discount .box:nth-child(4) a { top: 25px; }

#reserv_conf #discount .point input[type="text"], #reserv_conf #discount .coupon input[type="text"] {
  border-radius: 5px;
  box-sizing: border-box;
  margin: 0;
  padding: 10px;
  border: 1px solid #d1d1d1;
}

#reserv_conf span.used { font-size: 10px; }
#reserv_conf #discount .point input[type="text"] { width: 48%; }
#reserv_conf #discount .coupon input[type="text"] { width: 74%; }

#reserv_conf #info div dd div input[type="text"] {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #d1d1d1;
  width: 100%;
}

#reserv_conf #discount .point_use {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  margin: 15px 10px 10px;
  position: relative;
}

#reserv_conf #discount .point h4, #reserv_conf #discount .coupon h4, #reserv_conf #discount .point_use h4 {
  font-size: 14px;
  padding-bottom: 10px;
}

#reserv_conf #discount .point_use a {
  text-decoration: none;
  width: 100%;
  height: 100%;
  top: 0;
  display: block;
  position: absolute;
}

#reserv_conf #discount .point_use p { padding-right: 20px; }

#reserv_conf #discount .point_use a:after {
  font: normal normal normal 24px/1 FontAwesome;
  text-rendering: auto;
  font-size: 15px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  top: 5px;
  right: 0;
  display: inline-block;
  content: "×はずす";
  position: absolute;
}

#reserv_conf #discount .point_use a.coupon_cancel:after {
  margin-top: -12px;
  top: 50%;
}

#reserv_conf #discount h3 span {
  font-size: 12px;
  font-weight: normal;
  color: #777;
  display: block;
  float: right;
}

#reserv_conf #discount .point > h4 + div, #reserv_conf #discount .coupon > h4 + div { text-align: right; }

#reserv_conf #discount .coupon { padding: 0 10px 40px 10px; }


#reserv_conf #discount .coupon a { display: inline-block; }

#reserv_conf #discount .balloon_alert {
  padding-top: 10px;
  overflow: hidden;
}

#reserv_conf #discount .balloon_alert div {
  border-radius: 12px;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  padding: 2px 8px;
  display: inline-block;
  background: #333333;
  float: right;
  position: relative;
}

#reserv_conf #discount .balloon_alert div:after {
  border-bottom: 15px solid #333333;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  width: 0;
  height: 0;
  z-index: -2;
  top: -8px;
  right: 20%;
  content: "";
  position: absolute;
}

#reserv_conf #discount input[type="button"] {
  font-size: 14px;
  padding: 4px 0;
  width: 25%;
  display: inline-block;
  background: -moz-linear-gradient(top, #e1ded7 0%, #eeefea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1ded7), color-stop(100%, #eeefea));
  background: -webkit-linear-gradient(top, #e1ded7 0%, #eeefea 100%);
}

#reserv_conf #discount .birthday {
  margin: 5px 0 0;
  padding: 10px 0 0;
  border-top: dotted 1px #ddd;
}

#reserv_conf #discount .birthday input[type="button"] {
  padding: 10px;
  width: 100%;
}

#reserv_conf .pc { display: none; }

/* 2021.09.15 spでも割引適用欄に「×はずす」を表示させるための措置 */
#reserv_conf .main .teller .detail dl dd a {
  color: #1DBEE5;
}
#reserv_conf .main .teller .detail .pc {
  display: block;
  font-size: 10px;
  color: #999;
  line-height: 14px;
  font-weight: bold;
}
/* 2021.09.15 spでも割引適用欄に「×はずす」を表示させるための措置 */

#reserv_conf .errorbox {
  border-radius: 10px;
  font-weight: bold;
  color: #ff0000;
  margin-bottom: 20px;
  padding: 10px;
  background: #F0F0F0;
}

/* reserv_thanks  --------------------------------*/
#reserv_thanks .c_wrapper { padding: 20px 15px 30px; }

#reserv_thanks h2 {
  font-size: 21px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 30px;
}

#reserv_thanks h3 {
  font-size: 18px;
  font-weight: bold;
  color: #1dbee5;
  text-align: center;
  margin-bottom: 20px;
}

#reserv_thanks .teller {
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #e6e6e6;
}

#reserv_thanks .teller > dl dt { position: absolute; }
#reserv_thanks .teller > dl dt img { width: 68px; }
#reserv_thanks .teller > dl dd { padding-left: 90px; }

#reserv_thanks .teller > dl dd .reserve_time {
  font-size: 14px;
  color: #999999;
  margin-bottom: 15px;
}

#reserv_thanks .teller > dl dd strong {
  font-size: 16px;
  line-height: 1.5;
  margin: 10px 0;
  padding-left: 30px;
  display: block;
  background: url(../../../sp/img/reserv/icon_order.gif) 0 2px no-repeat;
  background-size: 18px auto;
}

#reserv_thanks .teller .detail { font-size: 16px; }

#reserv_thanks .teller .detail dl {
  padding: 5px 0;
  display: flex;
}

#reserv_thanks .teller .detail dt {
  color: #777;
  width: 90px;
}

#reserv_thanks .teller dd span {
  font-size: 13px;
  color: #999;
  padding-bottom: 10px;
  display: block;
}

#reserv_thanks .teller dd p {
  font-size: 15px;
  padding-bottom: 5px;
}

#reserv_thanks .stext {
  font-size: 15px;
  color: #666;
  line-height: 1.5;
  text-align: center;
  padding: 0 10px 30px 10px;
}

#reserv_thanks .after_process { margin-bottom: 30px; }

#reserv_thanks .after_process ul {
  font-size: 16px;
  color: #333;
  line-height: 1.8;
}

#reserv_thanks .after_process li {
  text-indent: -16px;
  margin-left: 16px;
}

#reserv_thanks .after_process li:first-child { padding-bottom: 15px; }

#reserv_thanks .btn_area {
  margin: 0 10px;
  margin-bottom: 48px;
}

#reserv_thanks .btn_area a, #reserv_thanks .troule dd .btn_mail {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  color: #666;
  text-align: center;
  text-decoration: none;
  margin: 0 auto;
  padding: 12px 0;
  border: 1px solid #cccccc;
  width: 80%;
  display: block;
}

#reserv_thanks .btn_area a:after, #reserv_thanks .troule dd .btn_mail:after {
  margin-left: 10px;
  content: "＞";
}

#reserv_thanks h4 {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  line-height: 1.8;
  margin-bottom: 20px;
  padding-left: 8px;
  border-left: 5px solid #1dbee5;
}

#reserv_thanks .troule dl:first-child { border-top: solid 1px #cccccc; }

#reserv_thanks h4.st02 {
  font-weight: normal;
  color: #1dbee5;
  padding-left: 0;
  border: none;
}

#reserv_thanks .troule dl {
  font-size: 16px;
  color: #333;
  border-bottom: solid 1px #cccccc;
}

#reserv_thanks .troule dt {
  padding: 15px 40px 15px 15px;
  position: relative;
}

#reserv_thanks .troule dt:after {
  font: normal normal normal 24px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #cccccc;
  top: 30%;
  right: 15px;
  display: inline-block;
  content: "+";
  position: absolute;
}

#reserv_thanks .troule dt.open:after {
  width: 14px;
  height: 2px;
  top: 54%;
  right: 18px;
  display: inline-block;
  background: #cccccc;
  content: "";
  position: absolute;
}

#reserv_thanks .troule dd {
  word-break: break-all;
  line-height: 1.8;
  padding: 15px;
  display: none;
  overflow: hidden;
}

#reserv_thanks .troule dd a { font-size: 13px; }

#reserv_thanks .troule dd .btn_mail { margin: 20px auto 15px; }
#reserv_thanks .troule dd .scont { padding-bottom: 10px; }
#reserv_thanks .troule dd .scont div { padding-bottom: 5px; }

#reserv_thanks .troule dd .image {
  text-align: center;
  padding-bottom: 10px;
}

#reserv_thanks .troule dd p { padding: 0 0 15px; }

#reserv_thanks .troule .stext {
  font-size: 14px;
  color: #777;
  text-align: left;
  padding: 20px 0 40px;
}

#reserv_thanks .troule .stext a {
  color: #1dbee5;
  text-decoration: underline;
}

#reserv_thanks .contact {
  border-radius: 8px;
  margin: 5px 0 35px;
  padding: 25px 15px;
  border: 1px solid #e6e6e6;
}

#reserv_thanks .contact h5 {
  font-size: 16px;
  margin-bottom: 5px;
}

#reserv_thanks .contact img { width: 100%; }

#reserv_thanks .contact .times {
  font-size: 16px;
  margin-bottom: 10px;
}

#reserv_thanks .contact .times span { color: #999999; }

#reserv_thanks .contact p {
  font-size: 14px;
  line-height: 1.5;
}

#reserv_thanks .contact p strong { color: #ff4075; }

/* kantan --------------------------------*/
#kantan .c_wrapper { padding: 20px 15px 30px; }

#kantan .telbox {
  font-size: 12px;
  text-align: center;
  padding: 0 0 20px;
}

#kantan .notice {
  font-size: 12px;
  color: #8f8f8f;
  text-align: center;
  padding: 0 0 10px;
  display: block;
}

#kantan h2 {
  padding: 4px 10px;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
  background: -webkit-linear-gradient(top, #fff, #f0f0f0);
  background: -moz-linear-gradient(top, #fff, #f0f0f0);
  background: -ms-linear-gradient(top, #fff, #f0f0f0);
  background: -o-linear-gradient(top, #fff, #f0f0f0);
}

#kantan .box { padding: 20px 0 30px; }

#kantan .edit {
  font-weight: normal;
  margin: 0 0 0 10px;
}

#kantan #teller {
  min-height: 75px;
  display: table;
}

#kantan #teller .image {
  text-align: center;
  width: 70px;
  display: table-cell;
}

#kantan #teller .status {
  padding-left: 10px;
  width: 100%;
  display: table-cell;
}

#kantan #teller span { font-weight: bold; }

#kantan #teller p {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
  margin: 5px 0;
  padding: 3px 0;
  width: 100%;
}

#kantan .schedule_tab { border: none; }

#kantan .schedule_tab li {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: solid 2px #b5b5b5;
}

#kantan .date { font-weight: bold; }

#kantan h3 {
  font-size: 14px;
  font-weight: normal;
  margin: 20px 0 0;
  padding: 15px 0 5px;
  border-top: solid 1px #dbdbdb;
}

#kantan h3:first-child {
  margin: 0;
  padding: 0 0 5px;
  border: none;
}

#kantan h3 span {
  font-size: 10px;
  color: #8f8f8f;
  padding: 0 0 0 5px;
}

#kantan .entry h4 {
  font-size: 14px;
  font-weight: bold;
  color: #1DBEE5;
  padding: 15px 0 10px;
}

#kantan .entry ul { text-align: center; }

#kantan .entry li {
  vertical-align: bottom;
  display: inline-block;
}

#kantan .entry li:first-child {
  text-align: left;
  width: 110px;
}

#kantan .entry li p {
  display: inline-block;
  position: relative;
}

#kantan .entry li p span {
  font-size: 12px;
  top: 20px;
  left: 26px;
  position: absolute;
}

#kantan .entry li a {
  box-sizing: border-box;
  font-size: 12px;
  font-size: 10px;
  line-height: 14px;
  text-decoration: none;
  padding: 12px 0 0 40px;
  width: 175px;
  height: 50px;
  display: block;
  background: url(../../../sp/img/fortune-teller/entry_btn.png) no-repeat left top;
  background-size: 175px 50px;
}

#kantan .entry li a strong {
  font-size: 12px;
  display: block;
}

#kantan .entry dl { padding: 13px 0 0; }

#kantan .entry dt {
  font-size: 10px;
  text-align: right;
  padding: 0 0 5px;
}

#kantan .entry dt a { text-decoration: none; }
#kantan .entry dt a img { margin: 0 5px 0 0; }

#kantan .entry dd {
  font-size: 10px;
  padding: 10px 20px 10px 25px;
  border: solid 1px #acacac;
  display: none;
}

#kantan .entry dd ul {
  text-align: left;
  display: block;
}

#kantan .entry dd li {
  text-indent: -1em;
  display: block;
}

#kantan .entry dd li:first-child { width: 100%; }
#kantan h3 { font-size: 12px; }

#kantan h3:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #35cdff;
  padding: 0 10px 0 0;
  display: inline-block;
  content: "\f04b";
}

/*  Campaign
-----------------------------------------------------------------------------*/
/* form */
#camp .error { display: block; }
#camp .c_wrapper { padding-top: 0; }
#camp .notice { padding: 0 0 20px; }
#camp .notice .red { color: #ff3a20; }

#camp .box01 h4 img {
  width: 100%;
  height: auto;
}

#camp .box01 .sstitle { margin: 10px 0; }

#camp .box_pink {
  margin: 10px 0 20px;
  padding: 5px 15px;
  background-color: #fbddde;
}

#camp .box_pink ul, #camp #ppBox {
  margin: 10px 0;
  border: 1px solid #ccc;
  height: 200px;
  background: #fff;
  overflow: auto;
}

#camp #ppBox {
  font-size: 12px;
  padding: 10px 20px 10px 15px;
}

#camp .box_pink dl { margin: 10px 0; }

#camp .box_pink dl dt {
  font-size: 16px;
  font-weight: bold;
  color: #ff407b;
}

#camp .box_pink ul { padding: 10px 20px; }

#camp .form_box .sst {
  padding: 10px;
  background: #FFF9FB;
}

#camp .form_box .sst .btn {
  font-size: 12px;
  font-weight: normal;
  margin-top: 5px;
  padding: 5px;
}

#camp .form_box dl { margin: 15px 0 30px; }

#camp .form_box dt {
  padding: 0 0 0 10px;
  border-left: solid 1px #1DBEE5;
}

#camp .form_box dd {
  margin: 0 0 15px;
  padding: 10px 0 20px 0;
  border-bottom: dotted 1px #ccc;
}

#camp .form_box input[type="text"], #camp .form_box input[type="email"] {
  box-sizing: border-box;
  width: 100%;
}

#camp .form_box input.w_ss[type="text"] { width: 40%; }
#camp .form_box input.w_ss[type="number"] { width: 20%; }

#camp .form_box #zipSuggest {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: bold;
  color: #1DBEE5;
  text-decoration: none;
  margin-left: 5px;
  padding: 5px 10px;
  background: #ededed;
}

#camp .form_box textarea {
  box-sizing: border-box;
  width: 100%;
  height: 80px;
}

#camp .form_box li { padding: 0 0 5px; }
#camp .form_box li label input { margin: 0 5px 0 0; }

#camp .box_blackline {
  margin-bottom: 30px;
  padding: 15px;
  background: #F9F9F9;
}

#camp .box_blackline h4 {
  color: #1DBEE5;
  padding: 0 0 10px;
}

#camp .box_blackline ol {
  list-style-type: decimal;
  padding: 10px 0;
}

#camp .box_blackline ol li {
  list-style-type: decimal;
  margin: 0 0 0 20px;
}

#camp .form_box .box_blackline ol.red { color: #e64343; }
#camp .form_box .btnbox { text-align: center; }
#camp .form_box .btnbox p { padding: 0 0 10px; }
#camp .form_box .btnbox01 { padding: 10px 0; }

#camp .form_box .btnbox01 input {
  -webkit-appearance: none;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 10px;
  border: none;
  display: inline-block;
  background: #1DBEE5;
}

#camp .form_box .box .thanks { padding: 20px 0 0; }

/*  recruit
-----------------------------------------------------------------------------*/
/* recruit_form --------------------------------*/
#recruit_form .c_wrapper { padding-top: 0; }
#recruit_form h4 { margin: 20px 0 0; }
#recruit_form .box { padding: 10px 0 0; }
#recruit_form .notice { padding: 0 0 10px; }

#recruit_form .notice dt {
  font-size: 16px;
  font-weight: bold;
  color: #1DBEE5;
  padding: 0 0 10px;
}

#recruit_form .notice ul { border-top: dotted 1px #ccc; }

#recruit_form .notice li {
  padding: 10px 0;
  border-bottom: dotted 1px #ccc;
}

#recruit_form .ssl {
  font-size: 10px;
  color: #999;
  line-height: 16px;
  position: relative;
}

#recruit_form .ssl dt { position: absolute; }

#recruit_form .ssl dt img {
  width: 57px;
  height: auto;
}

#recruit_form .ssl dd { padding: 0 0 0 70px; }

#recruit_form .notice_text {
  color: #ff391f;
  padding: 20px 0 0;
}

/* form */
#recruit_form .form_cont { margin: 30px 0 0; }

#recruit_form .form_cont .sst {
  font-weight: bold;
  padding: 10px;
  background: #f3fdff;
}

#recruit_form .form_cont dl { margin: 15px 0 30px; }

#recruit_form .form_cont dt {
  padding: 0 0 0 10px;
  border-left: solid 1px #1DBEE5;
}

#recruit_form .form_cont dd {
  margin: 0 0 15px;
  padding: 10px 0 20px 0;
  border-bottom: dotted 1px #ccc;
}

#recruit_form .form_cont dd ul { text-align: center; }

#recruit_form .form_cont dd li {
  width: 45%;
  display: inline-block;
}

#recruit_form .form_cont input[type="text"], #recruit_form .form_cont input[type="email"] {
  box-sizing: border-box;
  width: 100%;
}

#recruit_form .form_cont input.w_ss { width: 16%; }
#recruit_form .form_cont input.w_s { width: 50%; }
#recruit_form .form_cont input.w_l { width: 100%; }

#recruit_form .form_cont #zipSuggest {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: bold;
  color: #1DBEE5;
  text-decoration: none;
  margin-left: 5px;
  padding: 5px 10px;
  background: #ededed;
}

#recruit_form .form_cont textarea {
  box-sizing: border-box;
  width: 100%;
  height: 80px;
}

#recruit_form .form_cont .zipbtn {
  vertical-align: middle;
  padding: 5px;
  width: 45%;
  display: inline-block;
}

#recruit_form .form_cont .zipbtn:before { display: none; }

#recruit_form .privacy {
  margin-top: 30px;
  padding: 15px;
  background: #F9F9F9;
}

#recruit_form .privacy h4 { margin: 0 0 10px; }

#recruit_form .privacy ul {
  color: #de1500;
  margin: 5px 0 10px;
}

#recruit_form .privacy .kiyaku {
  font-size: 12px;
  line-height: 16px;
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #ccc;
  height: 150px;
  background: #fff;
  overflow: auto;
}

#recruit_form .privacy .kiyaku dl {
  margin: 0;
  padding: 0;
  width: 100%;
  position: static;
}

#recruit_form .privacy .kiyaku dt {
  font-weight: bold;
  text-align: left;
  padding: 20px 0 10px;
  border: none;
  width: 100%;
  position: static;
}

#recruit_form .privacy .kiyaku dd {
  padding: 0;
  border: none;
  width: 100%;
  position: static;
}

#recruit_form .privacy .kiyaku ul {
  color: #000;
  text-align: left;
}

#recruit_form .privacy .kiyaku li {
  width: 100%;
  display: block;
}

#recruit_form .privacy .kiyaku li li { padding-bottom: 5px; }
#recruit_form .align_c { margin-top: 30px; }

#recruit_form .btn_area {
  text-align: center;
  padding: 30px 0 0;
}

#recruit_form .btn_area .btn01 {
  -webkit-appearance: none;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 10px;
  border: none;
  display: inline-block;
  background: #1DBEE5;
}

#recruit_form .form_cont .thanks {
  text-align: center;
  margin: 0 0 30px;
}

/*  One Phrase
-----------------------------------------------------------------------------*/
#onephrase .c_wrapper { padding-top: 0; }

#onephrase #result a {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', Verdana, sans-serif;
  font-weight: bold;
  text-decoration: none;
}

#onephrase .message {
  line-height: 22px;
  min-height: 120px;
  padding: 10px 10px 0 120px;
  margin-top: 15px;
  overflow: hidden;
  position: relative;
}

#onephrase .pic {
  width: 75px;
  top: 0;
  left: 10px;
  position: absolute;
}

#onephrase .pic img { width: 100px; }
#onephrase .pic ul { position: relative; }

#onephrase .pic li {
  height: 135px;
  top: 0;
  overflow: hidden;
  position: absolute;
}

#onephrase .pic li span {
  width: 75px;
  height: 39px;
  top: 0;
  display: block;
  position: absolute;
}

#onephrase .pic li .eye03 {
  background: url(../../../img/onephrase/chara03_eye.png) no-repeat;
  background-size: 100px auto;
}

#onephrase .select_area {
  padding: 25px 0 0;
  text-align: center;
}

#onephrase select {
  box-sizing: border-box;
  padding: 5px 13px;
  max-width: 100%;
}

#onephrase #onephrase_area {
  padding: 10px 0 0;
  height: 100%;
}

#onephrase #onephrase_area #result {
  width: 100%;
  height: 340px;
}

#onephrase #onephrase_area .btn_area {
  text-align: center;
  display: block;
}

#onephrase #onephrase_area .btn_area a {
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #1dbee5;
  text-decoration: none;
  padding: 19px 21px 13px 52px;
  border: 1px solid #ccc;
  display: inline-block;
  background: url(../../../sp/img/onephrase/icon_reload.gif) no-repeat 14px center #fff;
  background-size: 26px auto;
}

#onephrase #onephrase_area .btn_area a:hover { background-color: #fafafa; }

#onephrase .pageft {
  padding: 0 0 50px;
  border-top: solid 1px #e7e7e7;
  width: 970px;
  clear: both;
  overflow: hidden;
}

#onephrase .pageft h3 {
  font-family: "?????? ProN W6", "HiraMinProN-W6", "HG??E", "?? ???", "MS PMincho", "MS ??", serif;
  font-size: 20px;
  font-weight: normal;
  color: #8c8c8c;
  margin: 25px 0;
  padding: 0 0 0 10px;
  border-left: solid 2px #8c8c8c;
}

#onephrase .pageft ul { width: 990px; }

#onephrase .pageft ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#onephrase .pageft li {
  border-right: solid 20px #fff;
  float: left;
}

/*  Navigator
-----------------------------------------------------------------------------*/
#navigator .c_wrapper { padding: 0 0 30px; }


#navigator .inconts {
  background: url(../../../sp/img/common/bg_dots.png) no-repeat;
  background-size: cover;
  padding: 20px 10px 75px;
}

#navigator .mainimage {
  min-height: 141px;
  position: relative;
  padding-bottom: 40px;
  margin-top: 30px;
}

#navigator .mainimage .pic {
  width: 138px;
  height: 222px;
  bottom: 0;
  left: -10px;
  position: absolute;
}

#navigator .mainimage .pic img { width: 100%; }

#navigator .mainimage .pic .name img {
  width: 119px;
  margin-left: 5px;
}

#navigator .mainimage .pic ul { position: relative; }

#navigator .mainimage .pic li {
  height: 222px;
  top: 0;
  overflow: hidden;
  position: absolute;
}

#navigator .mainimage .pic li span {
  width: 75px;
  height: 39px;
  top: 12px;
  display: block;
  position: absolute;
  left: 18px;
}

#navigator .mainimage .pic li .eye01 {
  background: url(../../../img/navigator/chara01_eye.png) no-repeat;
  background-size: 100px auto;
}

#navigator .mainimage .pic li .eye02 {
  background: url(../../../img/navigator/chara02_eye.png) no-repeat;
  background-size: 100px auto;
}

#navigator .mainimage .pic li .eye03 {
  background: url(../../../img/navigator/chara03_eye.png) no-repeat;
  background-size: 100px auto;
}

#navigator .mainimage .pic span.name {
  z-index: 3;
  bottom: 15px;
  left: 0;
  display: block;
  position: absolute;
}

#navigator .bubble { position: relative; }

#navigator .bubble div {
  font-size: 16px;
  line-height: 1.8;
  border-radius: 10px;
  margin-left: 133px;
  padding: 15px;
  background: #fff;
  position: relative;
  z-index: 1;
}

#navigator .bubble:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 32px 0 32px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  top: 36%;
  left: 112px;
  transform: skew(5deg, 5deg);
}

#navigator .bubble div em {
  font-weight: bold;
  font-style: normal;
}

#navigator .bubble div small { color: #999; }

#navigator .cont_bubble {
  border-radius: 10px;
  margin: 0 3px;
  padding: 30px 7px 10px;
  background: #fff;
}

#navigator .cont_bubble p.text {
  font-size: 16px;
  line-height: 1.8;
  margin: 0 20px 15px;
}

#navigator .cont_bubble .btn_area div {
  margin-bottom: 16px;
  border-spacing: 15px 0;
  border-collapse: separate;
  width: 100%;
  display: table;
  table-layout: fixed;
}

#navigator .cont_bubble .btn_area a {
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  box-sizing: border-box;
  border-radius: 12px;
  height: 84px;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  padding: 10px;
  display: table-cell;
  background: #1dbee5;
}

#navigator .cont_bubble .btn_area a .new {
  font-size: 10px;
  font-weight: bold;
  color: #000;
  margin: 0 2px;
}

#navigator .answer .btn_backarea { padding: 20px 0 0; }

#navigator .cont_bubble #btn_type li {
  font-size: 13px;
  text-align: center;
  margin: 0 0 10px;
}

#navigator .cont_bubble #btn_type li a {
  padding: 15px 20px 10px;
  display: block;
  height: auto;
}

#navigator .cont_bubble #btn_type li span {
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
  display: block;
}

#navigator .btn_area div.colspan { width: 50%; }

#navigator .cont_bubble .btn_category ul {
  width: 100%;
  display: table;
}

#navigator .cont_bubble .btn_category li {
  width: 33%;
  display: table-cell;
}

#navigator .cont_bubble .btn_category ul li:nth-child(2) a { margin: 0 5px; }

#navigator .cont_bubble .btn_category li a {
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: 500;
  border-radius: 12px;
  color: #fff;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
  margin-bottom: 5px;
  padding: 20px 0;
  display: block;
  background: #1dbee5;
}

#navigator .cont_bubble .btn_backarea div { float: left; }
#navigator .cont_bubble .btn_backarea div:nth-child(odd) { width: 50%; }
#navigator .cont_bubble .btn_backarea div:nth-child(even) { width: 50%; }

#navigator .cont_bubble .btn_backarea {
  margin-bottom: 15px;
  overflow: hidden;
}

#navigator .cont_bubble .btn_backarea a, #navigator .answer a.btn_select {
  border-radius: 25px;
  box-sizing: border-box;
  font-size: 16px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 12px 0;
  display: block;
  background: #1dbee5;
}

#navigator .answer {
  padding: 30px 13px 10px;
}

#navigator .cont_bubble.answer .btn_backarea .btn_back {
  margin-left: 0;
}

#navigator .answer a.btn_select {
  margin: 10px 0 0;
  padding: 8px 0;
}

#navigator .cont_bubble .btn_backarea .btn_back {
  font-size: 16px;
  margin-left: 10px;
  padding: 12px 10px;
  background: #ccc;
  position: relative;
}

#navigator .cont_bubble .btn_backarea .btn_back:before {
  font: normal normal normal 16px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #fff;
  margin-right: 8px;
  content: "\f112";
}

#navigator .fortune_teller { padding: 0 6px 15px; }

#navigator .fortune_teller li {
  zoom: 1;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #cccccc;
  overflow: hidden;
}

#navigator .fortune_teller dt, #navigator .ft_detail dt {
  line-height: 20px;
  margin-bottom: 5px;
}

#navigator .fortune_teller .pic, #navigator .ft_detail .pic { float: left; }
#navigator .fortune_teller .pic img, #navigator .ft_detail .pic img { width: 80px; }
#navigator .ft_detail .pic { margin: 0 5px 5px 0; }

#navigator .fortune_teller .detail div {
  line-height: 1.8;
  padding: 5px 0 8px;
}

#navigator .fortune_teller .detail {
  padding: 0 0 0 90px;
  position: relative;
}

#navigator .ft_detail .detail {
  font-size: 16px;
  line-height: 22px;
  padding-bottom: 20px;
}

#navigator .fortune_teller .detail .btn {
  font-size: 16px;
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  border: none;
  background: #1dbee5;
}

#navigator .fortune_teller .detail .btn:before { content: ""; }
#navigator .ft_detail .detail p { padding-bottom: 10px; }
#navigator .ft_detail dd .detail dl { margin-top: 5px; }
#navigator .ft_detail dd .detail dt { margin-bottom: 2px; }

#navigator .ft_detail dd .detail dd {
  color: #1dbee5;
  padding: 0 0 10px 15px;
}

#navigator .ft_detail dd .detail dd:first-child { font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
#navigator .ft_detail dd .detail dt:nth-child(3) { margin-bottom: 5px; }

#navigator .ft_detail dd .detail dd:nth-child(4) {
  font-family: sans-serif;
  font-size: 12px;
  line-height: 18px;
}

#navigator .cont_bubble .ft_detail { padding: 0 20px; }

#navigator .btn_profile {
  border-radius: 25px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  margin-bottom: 10px;
  padding: 12px 0;
  width: 100%;
  display: block;
  background: #1dbee5;
}

#navigator .fourtune_submenu._btm { margin-top: 0; }

/*  Message
-----------------------------------------------------------------------------*/
#sec_message .message_list { padding: 0 7px; }
#sec_message .new_message { padding: 9px 10px 17px; }
#sec_message .new_message:first-of-type { margin-top: 15px; }


/* profile_top */
#profile_top #sec_message .message_list {
  margin-top: 34px;
  padding: 0 8px;
}

#profile_top #sec_message .message_list .image img { width: 48px; }

#profile_top #sec_message .message_list .image {
  margin: 0 10px 0 0;
  padding: 0;
  border: none;
  float: left;
}

#profile_top #sec_message .message_list dt a { text-decoration: none; }

#profile_top #sec_message .message_list dt {
  font-weight: bold;
  margin-top: 10px;
}

#profile_top #sec_message .message_list dt span {
  font-size: 12px;
  padding-left: 5px;
}

#profile_top #sec_message .message_list dt .update {
  font-size: 12px;
  font-weight: normal;
  color: #777;
  line-height: 14px;
  background-size: 5px auto;
}

#profile_top #sec_message .message_list dt .update::before {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  vertical-align: middle;
  margin-left: -5px;
  display: inline-block;
  content: url(../../../sp/img/icon_clock02.png);
}

#profile_top #sec_message .message_list dd {
  font-size: 16px;
  line-height: 1.8;
  margin-top: 10px;
}

#profile_top #sec_message .message_list dl { width: 100%; }

#profile_top #sec_message .message_list .box {
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 10px;
  margin-top: 12px;
  padding: 15px;
}

#profile_top  #sec_message .message_list .box:first-of-type { margin-top: 0; }

#profile_top .pageskip { margin-bottom: 40px; }

#profile_top .pageskip ul {
  font-size: 0;
  text-align: center;
}

#profile_top .pageskip li { display: inline-block; }

#profile_top .pageskip li span, #profile_top .pageskip li a {
  border-radius: 6px;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  margin: 0 5px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  display: block;
}

#profile_top .pageskip li span {
  font-weight: bold;
  background: #33ccff;
}

#profile_top .pageskip li a { background: #ccc; }
#sec_message .btn_more02 { margin-top: 28px; }

/* inpage-sec_message */
#sec_profile-conts .message_list { margin: 33px 8px 32px; }
#sec_profile-conts .message_list .box { border-top: 1px solid #e2e2e2; }
#sec_profile-conts .message_list .box:last-of-type { border-bottom: 1px solid #e2e2e2; }

#sec_profile-conts .message_list dt {
  font-size: 15px;
  display: flex;
  align-items: center;
}

#sec_profile-conts .message_list dt .image {
  width: 64px;
  margin-right: 13px;
}

#sec_profile-conts .message_list dt .image img { width: 100%; }

#sec_profile-conts .message_list .text {
  font-size: 16px;
  color: #333;
  margin: 10px 0;
  line-height: 20px;
}

#sec_profile-conts .message_list .update {
  font-size: 13px;
  color: #777;
  text-align: right;
}

#sec_profile-conts .message_list .update:before {
  content: '';
  width: 10px;
  height: 10px;
  background: url(/sp/img/common/icon_clock03.png) center left no-repeat;
  margin-right: 4px;
  display: inline-block;
  vertical-align: -1px;
}


/**/
.login_status {
  font-size: 13px;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  background: #1dbee5;
}