@charset "Shift_JIS";

/*  System common
-----------------------------------------------------------------------------*/
/* Form */
span.error {
  font-size: 12px;
  font-weight: bold;
  color: #bb2329;
}

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

.icon_ok, .icon_ng {
  font-size: 12px;
  color: #ff3c3c;
  margin: 0 10px;
}

p.icon_ok, p.icon_ng { margin: 0; }

.icon_ng img {
  vertical-align: middle;
  margin: 0 5px 0 0;
}

.require { color: #ff3a20; }

/*.archive01 */
#side_r .archive01 dt {
  padding: 0 0 8px;
  border-bottom: solid 1px #E1E1E1;
}

#side_r .archive01 dd {
  font-size: 12px;
  line-height: 18px;
  border-bottom: dotted 1px #E1E1E1;
  position: relative;
}

#side_r .archive01 dd a {
  text-decoration: none;
  padding: 10px 0 10px 30px;
  display: block;
}

#side_r .archive01 dd a: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: #BEBEBE;
  top: 12px;
  left: 12px;
  content: "\f0da";
  position: absolute;
}

#side_r .archive01 dd a:hover:before {
  font-weight: bold;
  color: #1dbee5;
  display: inline-block;
}

.sp_archive { display: none; }

/* sort */
#sort {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #e7e7e7;
  width: 970px;
  clear: both;
}

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

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

#sort dl {
  padding: 10px 15px;
  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 { padding: 0 0 10px; }

#topics .entry .data {
  border-top: solid 1px #E1E1E1 ;
  height: 30px;
  position: relative;
}

#topics .entry .data span {
  font-size: 10px;
  color: #fff;
  line-height: 20px;
  padding: 3px 5px 3px 7px;
  top: -1px;
  right: 0;
  display: inline-block;
  background: #1dbee5;
  position: absolute;
}

#topics .entry_title {
  font-weight: normal;
  padding: 0 10px;
}

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

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

#topics .entry_body { padding: 25px 15px 40px; }

#topics .entry_body .pic {
  margin: 0 0 15px 15px;
  float: right;
}

/*  media
-----------------------------------------------------------------------------*/
/* list */
#media > div {
  padding: 0 15px;
  width: 940px;
  overflow: hidden;
}

#media h3 {
  margin: 30px 0 10px;
  border-bottom: none;
}

#media #pickup {
  padding: 0 0 20px;
  width: 1000px;
}

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

#media #pickup li {
  line-height: 18px;
  margin: 0 20px 0 0;
  width: 300px;
  float: left;
}

#media #pickup li a {
  text-decoration: none;
  display: block;
}

#media #pickup li img {
  width: 300px;
  height: auto;
}

#media #pickup li p {
  font-size: 14px;
  padding: 5px 20px 0 0;
}

#media #list { width: 1000px; }

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

#media #list li {
  margin: 0 7px 6px 0;
  width: 230px;
  float: left;
}

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

#media #list li img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

#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: 10px 0 0; }
#media_zoom .entry { padding: 0 0 10px; }

#media_zoom .entry .data {
  border-top: solid 1px #E1E1E1 ;
  height: 30px;
  margin: 20px 0 0;
  position: relative;
}

#media_zoom .entry .data span {
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  padding: 3px 5px 3px 7px;
  top: -1px;
  right: 0;
  display: inline-block;
  background: #1dbee5;
  position: absolute;
}

#media_zoom .entry_title {
  font-size: 18px;
  font-weight: normal;
  font-weight: bold;
  color: #1dbee5;
  padding: 20px 30px 10px;
}

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

#media_zoom .entry_body { 
padding: 25px 30px 0; }

#media_zoom .entry_body .pic {
  margin: 0 0 15px 50px;
  float: right;
}

/* pics */
#media_zoom .entry_pics {
  box-sizing: border-box;
  padding: 40px 0 0 20px;
  width: 100%;
}

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

#media_zoom .entry_pics li {
  box-sizing: border-box;
  margin: 0 7px 14px;
  width: 295px;
  float: left;
}

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

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

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

#media_zoom .btn_area a { text-decoration: none; }

/*  update
-----------------------------------------------------------------------------*/
#update .contents_l dt {
  color: #1dbee5;
  padding: 25px 10px 0;
  border-top: solid 1px #E1E1E1;
}

#update .contents_l dd { padding: 15px; }

#update .contents_l dd li {
  padding: 0 0 5px 20px;
  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: 4px;
  left: 0;
  content: "\f04b";
  position: absolute;
}

/*  fortunetellers
-----------------------------------------------------------------------------*/
#fortunetellers .c_wrapper { border-bottom: solid 50px #fff; }
#fortunetellers .contents_r { width: 710px; }
#fortunetellers #side_l { width: 220px; }

#fortunetellers h3 {
  font-size: 20px;
  color: #1dbee5;
  padding: 10px 15px;
}

#fortunetellers h3 span {
  font-size: 10px;
  font-weight: normal;
  color: #999;
  display: block;
}

#fortunetellers .contents_r ul {
  border-bottom: solid 1px #e7e7e7;
  width: 720px;
  clear: both;
  padding-top: 15px;
}
#fortunetellers .contents_r ul:first-child { padding-top: 0; }
#fortunetellers .contents_r ul:last-child { border-bottom: none; }

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

#fortunetellers .contents_r ul li {
  border-top: solid 15px #fff;
  border-bottom: solid 15px #fff;
  width: 180px;
  float: left;
  position: relative;
}
#fortunetellers .contents_r ul li p.status_online,
#fortunetellers .contents_r ul li p.status_working,
#fortunetellers .contents_r ul li p.status_offline,
#fortunetellers .contents_r ul li p.status_close,
#fortunetellers .contents_r ul li p.status_event{
  position: absolute;
  top: -15px;
  left: 0;
}

#profile_bottom{
  clear: both;
}

#fortunetellers .pageft,
#filter .pageft,
#filter25 .pageft,
#ranking .pageft,
#profile_bottom .pageft,
#shift .pageft,
#onephrase .pageft{
  padding: 0 0 50px;
  border-top: solid 1px #e7e7e7;
  width: 970px;
  clear: both;
  overflow: hidden;
}

#fortunetellers .pageft h3,
#filter .pageft h3,
#filter25 .pageft h3,
#ranking .pageft h3,
#profile_bottom h3,
#shift .pageft h3,
#onephrase .pageft h3{
  font-size: 18px;
  font-weight: normal;
  color: #333;
  margin: 25px 0;
  padding: 0 0 0 12px;
  border-left: solid 8px #1dbee5;
  line-height: 28px;
}

#fortunetellers .pageft ul { width: 990px; }

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

#fortunetellers .pageft li {
  border-right: solid 20px #fff;
  float: left;
}

/* filter --------------------------------*/
#filter .contents {
  margin: 0 auto 40px;
  width: 860px;
}

#filter h3 {
  font-size: 20px;
  color: #1dbee5;
  padding: 10px 0;
}

#filter h3 span {
  font-size: 10px;
  font-weight: normal;
  color: #999;
  line-height: 14px;
  padding: 5px 0 0;
  display: block;
}

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

#filter .box h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 12px 15px 10px;
  border-bottom: solid 1px #ccc;
}

#filter .box ul {
  box-sizing: border-box;
  padding: 10px 20px;
  width: 100%;
  clear: both;
}

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

#filter .box li {
  padding: 2px 0;
  float: left;
}

#filter .box label { white-space: nowrap; }
#filter .box label span { letter-spacing: 0; }

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

#filter .btn_area .btn {
  font-size: 14px;
  margin: 0 10px;
  padding: 10px 0;
  width: 100px;
}

#filter #filter1 li { width: 272px; }
#filter #filter2 li { width: 136px; }
#filter #filter3 li { width: 110px; }
#filter #filter4 { width: 100%; }

#filter #filter4:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#filter #filter4 ul {
  width: 95px;
  clear: none;
  float: left;
}

#filter #filter4 li { float: none; }
#filter #filter5 li { width: 116px; }
#filter .pageft ul { width: 990px; }

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

#filter .pageft li {
  border-right: solid 20px #fff;
  float: left;
}

/* filter --------------------------------*/
#filter25 .contents {
  margin: 0 auto 40px;
  width: 860px;
  position: relative;
}

#filter25 h3 {
  font-size: 20px;
  color: #1dbee5;
  padding: 10px 0;
}

#filter25 h3 span {
  font-size: 10px;
  font-weight: normal;
  color: #999;
  line-height: 14px;
  padding: 5px 0 0;
  display: block;
}

#filter25 .contents .count_box {
  padding: 10px 0 0;
  width: 220px;
  top: 100px;
  right: 0;
  position: absolute;
}

#filter25 .contents .count_box p {
  font-weight: bold;
  color: #1dbee5;
  text-align: center;
}

#filter25 .contents .count_box span {
  font-size: 80px;
  line-height: 82px;
}

#filter25 .contents .count_box ul { padding: 10px 0 0; }
#filter25 .contents .count_box li { padding: 10px 0 0; }

#filter25 .contents .count_box input {
  box-sizing: border-box;
  text-align: center;
  padding: 8px 10px;
  width: 100%;
  display: block;
}

#filter25 .box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  margin: 20px 0;
  border: solid 1px #ccc;
  width: 600px;
  clear: both;
}

#filter25 .box h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 12px 15px 10px;
  border-bottom: solid 1px #ccc;
}

#filter25 .box ul {
  box-sizing: border-box;
  padding: 10px 20px;
  width: 100%;
  clear: both;
}

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

#filter25 .box li {
  padding: 2px 0;
  float: left;
}

#filter25 .box label { white-space: nowrap; }
#filter25 .box label span { letter-spacing: 0; }

#filter25 .btn_area {
  text-align: center;
  padding: 10px 0 0;
}

#filter25 .btn_area .btn {
  font-size: 15px;
  margin: 0 10px;
  padding: 10px 0;
  width: 100px;
}

#filter25 #filter1 li { width: 272px; }
#filter25 #filter2 li { width: 136px; }
#filter25 #filter3 li { width: 110px; }

#filter25 #filter4:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#filter25 #filter4 ul {
  width: 64px;
  clear: none;
  float: left;
}

#filter25 #filter4 li { float: none; }
#filter25 #filter5 li { width: 90px; }
#filter25 .pageft ul { width: 990px; }

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

#filter25 .pageft li {
  border-right: solid 20px #fff;
  float: left;
}

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

#filter25 .clear_box input:hover { cursor: pointer; }

/* ranking --------------------------------*/
#ranking #side_l {
  padding: 0 0 30px;
  width: 220px;
}

#ranking #side_l dd strong {
  padding: 15px 0 5px;
  display: block;
}

#ranking #side_l dd strong:first-child { padding-top: 5px; }

#ranking .ranking_type {
  font-size: 16px;
  color: #1dbee5;
}

#ranking h3 {
  font-size: 26px;
  color: #1dbee5;
  line-height: 30px;
  padding: 10px;
}

#ranking h3 span {
  font-size: 10px;
  font-weight: normal;
  color: #999;
  display: block;
}

#ranking .side_nav {
  border-radius: 5px;
  margin: 0 0 10px;
  border: solid 1px #ccc;
}

#ranking .side_nav span {
  font-size: 12px;
  color: #1dbee5;
  letter-spacing: 0;
  margin: 0 0 0 5px;
}

#ranking .side_nav dt {
  border-radius: 5px;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  padding: 10px 20px;
  display: block;
  background: #fff;
  position: relative;
}

#ranking .side_nav dd {
  padding: 20px 10px 20px 20px;
  border-top: solid 1px #ccc;
}

#ranking .side_nav dd li { padding: 2px 0; }
#ranking .side_nav dd input[type="radio"] { display: none; }

#ranking .side_nav dd label {
  padding: 0 0 0 20px;
  background: url(../../../img/radio_off.png) no-repeat 0 2px;
}

#ranking .side_nav dd label.radio_on { background: url(../../../img/radio_on.png) no-repeat 0 2px; }

#ranking #side_tel p {
  font-size: 14px;
  padding: 0;
}

#ranking .contents_r > p {
  font-weight: bold;
  padding: 0 10px 15px;
  border-bottom: solid 1px #e8e8e8;
}

#ranking .contents_r li {
  padding: 15px 0;
  border-top: solid 1px #e8e8e8;
  width: 100%;
}

#ranking .contents_r li:first-child { border: none; }

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

#ranking .contents_r li > span {
  font-weight: bold;
  text-align: center;
  padding-top: 40px;
  width: 55px;
  display: block;
  float: left;
}
#ranking .contents_r li:nth-child(1) .rank_num{
  background: url(/img/rank/rank01.png) no-repeat 7px 0;
  background-size: 40px;
}
#ranking .contents_r li:nth-child(2) .rank_num{
  background: url(/img/rank/rank02.png) no-repeat 7px 0;
  background-size: 40px;
}
#ranking .contents_r li:nth-child(3) .rank_num{
  background: url(/img/rank/rank03.png) no-repeat 7px 0;
  background-size: 40px;
}
#ranking .contents_r li:nth-child(4) .rank_num{
  background: url(/img/rank/rank04.png) no-repeat 7px 0;
  background-size: 40px;
}
#ranking .contents_r li:nth-child(5) .rank_num{
  background: url(/img/rank/rank05.png) no-repeat 7px 0;
  background-size: 40px;
}
#ranking .contents_r li:nth-child(6) .rank_num{
  background: url(/img/rank/rank06.png) no-repeat 7px 0;
  background-size: 40px;
}
#ranking .contents_r li:nth-child(7) .rank_num{
  background: url(/img/rank/rank07.png) no-repeat 7px 0;
  background-size: 40px;
}
#ranking .contents_r li:nth-child(8) .rank_num{
  background: url(/img/rank/rank08.png) no-repeat 7px 0;
  background-size: 40px;
}
#ranking .contents_r li:nth-child(9) .rank_num{
  background: url(/img/rank/rank09.png) no-repeat 7px 0;
  background-size: 40px;
}
#ranking .contents_r li:nth-child(10) .rank_num{
  background: url(/img/rank/rank10.png) no-repeat 7px 0;
  background-size: 40px;
}

#ranking .contents_r .prof_img {
  width: 135px;
  height: auto;
  float: left;
}

#ranking .contents_r .prof_thumb {
  padding: 0 30px 0 20px;
  float: left;
}

#ranking .contents_r .prof_thumb strong { padding-top: 0; }
#ranking .contents_r .prof_thumb .subtext.yomi { margin-bottom: 6px; }

#ranking .contents_r li p:last-child {
  width: 335px;
  float: left;
}

#ranking .contents_r li p:last-child span {
  font-size: 11px;
  line-height: 18px;
  padding: 10px 0 0;
  display: block;
}

#ranking .pageft ul { width: 990px; }

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

#ranking .pageft li {
  border-right: solid 20px #fff;
  float: left;
}

/*  zoom --------------------------------*/
#view_count {
  border-radius: 8px 8px 0 0;
  -webkit-box-shadow: -1px -1px 2px #C5C5C5;
  -moz-box-shadow: -1px -1px 2px #C5C5C5;
  box-shadow: -1px -1px 2px #C5C5C5;
  font-size: 12px;
  padding: 5px 15px;
  z-index: 10;
  right: 30px;
  bottom: 0;
  background: #FEF5F9;
  position: fixed;
}

/* onephrase */
.onephrase_area {
  border-radius: 20px;
  text-align: left;
  margin: 0 0 40px;
  padding: 20px;
  border: 2px solid #1dbee5;
  min-height: 160px;
  background: url(../../../img/_02_proft/onephrase.png) no-repeat right bottom #fff;
  position: relative;
}

.onephrase_area dl { position: relative; }

.onephrase_area dt {
  width: 160px;
  height: 160px;
  position: absolute;
}

.onephrase_area dd {
  box-sizing: border-box;
  padding: 20px 0 30px 230px;
  width: 730px;
  min-height: 160px;
}

.onephrase_area p {
  right: 215px;
  bottom: 20px;
  position: absolute;
}

.onephrase_area a {
  color: #1dbee5;
  text-align: right;
  text-decoration: none;
}

.onephrase_area a:hover { text-decoration: underline; }
.onephrase_area i { padding: 0; }

/* profile_top */
#profile_top #prof_info {
  font-weight: bold;
  padding: 0 0 15px 42px;
  min-height: 18px;
  background: url(../../../img/icon_crown.gif) no-repeat 10px 0;
}

#profile_top #prof_photo {
  width: 350px;
  float: left;
}

#profile_top #prof_photo #main_slide{
  padding-bottom: 10px;
}
#profile_top #prof_photo #main_thumb {
  padding-bottom: 10px;
  display: flex;
}
#profile_top #prof_photo #main_thumb li{
  margin-right: 8px;
}
#profile_top #prof_outline {
  width: 580px;
  float: right;
}
#profile_top #prof_outline #name {
  padding: 20px 0;
  position: relative;
}

#profile_top #prof_outline #name h3 {
  font-family: "ƒqƒ‰ƒMƒm–Ύ’© ProN W3", "HiraMinProN-W3", "HG–Ύ’©B", "‚l‚r ‚o–Ύ’©", "MS PMincho", "MS –Ύ’©", serif;
  font-size: 30px;
  font-weight: normal;
  color: #666;
  line-height: 32px;
  padding: 0 0 20px;
}

#profile_top #prof_outline #name h3 strong {
  font-size: 38px;
  font-weight: normal;
  color: #1dbee5;
  padding: 0 10px 0 0;
}

#profile_top #prof_outline #name h3 .yomi {
  font-family: sans-serif;
  font-size: 14px;
  color: #000;
  padding: 5px 5px 0;
  display: block;
}

#profile_top #prof_outline #name ul { width: 100%; }

#profile_top #prof_outline #name ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#profile_top #prof_outline #name li {
  border-right: solid 15px #fff;
  float: left;
}

#profile_top #prof_outline #audio {
  font-size: 12px;
  right: 0;
  bottom: 20px;
  position: absolute;
}

#profile_top #prof_outline #audio .audio_none { color: #999; }

#profile_top #prof_outline .box {
  padding: 20px 0 30px;
}
#profile_top #prof_outline #status.box{
  display: flex;
}
#profile_top #prof_outline #status.box > div{
  margin-left: 14px;
  width: 360px;
}
#profile_top #prof_outline .box .note {
  font-size: 12px;
  color: #999;
  padding: 10px 0 0;
}

#profile_top #prof_outline .box h4 {
  font-size: 16px;
  font-weight: bold;
  color: #1dbee5;
  padding: 0 0 10px;
}

#profile_top #prof_outline #status p {
  font-size: 12px;
}
#profile_top #prof_outline #status p.date {
  font-size: 14px;
}
#profile_top #prof_outline #status p strong {
  font-size: 13px;
}
#profile_top #prof_outline #status .entry_box p{
  font-size: 11px;
}
#profile_top #prof_outline #status .entry_box{
  padding: 15px 0 30px;
}

#profile_top #prof_outline #status > p{
  text-align: center;
  text-decoration: none;
  width: 103px;
  height: 103px;
  display: block;
  border-radius: 50%;
  padding: 31px 0;
  box-sizing: border-box;
  font-weight: bold;
  line-height: 1.4;
  font-size: 18px;
}
#profile_top #prof_outline #status > p.offline{
  padding: 16px 0;
}
#profile_top #prof_outline #status a img { vertical-align: middle; }

#profile_top #prof_outline #status p.online {
  color: #333;
  background: #abe203;
}

#profile_top #prof_outline #status p.working {
  color: #fff;
  background: #ec3950;
}

#profile_top #prof_outline #status p.offline {
  color: #333;
  background: #58c7e2;
}
#profile_top #prof_outline #status p.offline span{
  color: #fff;
  display: block;
  margin: -1px 0 0;
}

#profile_top #prof_outline #status .close,
#profile_top #prof_outline #status .close span {
  color: #666;
  background: #f2f2f2;
}

/* ƒCƒxƒ“ƒgŽQ‰Α‚ΜƒeƒLƒXƒg */
#profile_top #prof_outline #status .event {
  color: #fff;
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    border: solid 1px #e14e13;
    background-color: #262626;
    margin-top: 20px;
    padding: 12px;*/
}

#profile_top #prof_outline #status .event a {
  color: #fff;
  background: #ff7d26;
    /*position: initial;
    outline: initial;
    padding: initial;
    text-align: initial;
    text-decoration: underline;
    width: initial;
    height: initial;
    top: initial;
    right: initial;
    display: initial;*/
}

#profile_top #prof_outline #status .event span {
    position: initial;
    color: #fff;
    outline: initial;
    padding: initial;
    text-align: initial;
    text-decoration: initial;
    width: initial;
    height: initial;
    top: initial;
    right: initial;
    display: initial;
}

/* entry */
#profile_top .entry_box {
  padding: 30px 0 10px;
}

#profile_top .entry_box:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#profile_top .entry_box .entry_st {
  font-weight: bold;
  color: #1dbee5;
  line-height: 18px;
  text-align: center;
  padding: 8px 0 7px;
  border: solid 1px #1dbee5;
  width: 70px;
  display: block;
  float: left;
}

#profile_top .entry_box .wait:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#profile_top .entry_box .wait div {
  text-align: center;
  border-top: solid 5px #fff;
  border-left: solid 7px #fff;
  float: left;
}

#profile_top .entry_box .wait div ul {
  height: 26px;
  display: inline-block;
}

#profile_top .entry_box .wait div.working { width: 52px; }

#profile_top .entry_box .wait div.you {
  padding: 0 0 0 16px;
  background: url(../../../img/_02_proft/icon_arr.png) no-repeat 0 7px;
  position: relative;
}

#profile_top .entry_box .wait div.working p {
  width: auto;
  background: #ef4242;
}

#profile_top .entry_box .wait div.no_waiting { color: #ccc; }
#profile_top .entry_box .wait div.no_waiting p { background: #ccc; }

#profile_top .entry_box .wait div.you p {
  width: auto;
  background: #3cf;
}

#profile_top .entry_box .wait div.you strong {
  font-weight: normal;
  color: #333;
  text-align: left;
  width: 180px;
  top: 15px;
  left: 70px;
  display: block;
  position: absolute;
}

#profile_top .entry_box .wait div p {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  font-size: 10px;
  color: #fff;
  line-height: 12px;
  text-align: center;
  padding: 4px 6px;
  width: 130px;
  background: #666;
}

#profile_top .entry_box .wait ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#profile_top .entry_box .wait li {
  border-bottom: solid 2px #fff;
  min-width: 20px;
  float: left;
  white-space: nowrap;
}

#profile_top .entry_box .wait li.count {
  font-size: 12px;
  padding: 4px 8px 0;
}

#profile_top .entry_box .wait div.working li, #profile_top .entry_box .wait div.you li {
  text-align: center;
  width: 100%;
}
#profile_top .entry_box .tooltip {
  clear: both;
  position: relative;
}
#profile_top .entry_box .tooltip .tooltip_trig {
  font-size: 10px;
  line-height: 30px;
  text-decoration: none;
  padding: 3px 0 3px 20px;
  background: url(../../../img/_02_proft/icon_question.gif) no-repeat left top;
}
#profile_top .entry_box .tooltip div {
  font-size: 10px;
  line-height: 18px;
  padding: 5px 10px;
  border: solid 1px #000;
  width: 260px;
  top: 10px;
  left: -275px;
  display: none;
  background: #fff;
  position: absolute;
}

#profile_top #prof_outline #status.box .tooltip_reserv {
  clear: both;
  width: 86px;
  position: relative;
}

#profile_top #prof_outline #status .tooltip_reserv .tooltip_trig {
  font-size: 10px;
  line-height: 14px;
  text-decoration: none;
  padding: 0 0 0 20px;
  min-height: 15px;
  background: url(../../../img/_02_proft/icon_question.gif) no-repeat left top;
  border-radius: 0;
  width: 86px;
}

#profile_top .tooltip_reserv div {
  font-size: 10px;
  line-height: 18px;
  width: auto;
  z-index: 100;
  display: none;
  background: #fff;
  position: absolute;
  top: 8px;
  right: 80px;
}

#profile_top #entry.box{
  padding-top: 0;
  width: 570px;
  margin: 0 auto;
}
#profile_top #entry.box > div{
  display: flex;
  justify-content: space-between;
}
#profile_top .entry_btn,
#profile_schedule .entry_btn{
  text-decoration: none;
  color: #fff;
  background: #1dbee5;
  width: 560px;
  display: inline-block;
  padding: 14px 10px;
  border-radius: 5px;
  text-align: center;
  position: relative;
}
#profile_top .entry_btn{ width: 320px; }

#profile_top .entry_btn:after,
#profile_schedule .entry_btn:after{
  content: url(/img/icon_arr_white.png);
  position: absolute;
  top: 30%;
  right: 5%;
}
#profile_top .entry_btn:hover,
#profile_schedule .entry_btn:hover{
  background: rgba(29,190,229,0.7);
}

#profile_top #entry.box #entry_nav{
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding: 18px;
  background-color: #f2f2f2;
  border: solid 1px #e6e6e6;
  border-radius: 5px;
}
#profile_top #entry_nav p { line-height: 18px; }

#profile_top #entry_nav img:first-child{
  width: 50px;
  margin-right: 10px;
  display: block;
}
#profile_top #entry_nav img:last-child{
  width: 230px;
  display: block;
  margin-left: 35px;
}

#profile_top #schedule_list dl { padding: 10px 20px; }
#profile_top #schedule_list dt { font-weight: bold; }
#profile_top #schedule_list ul { padding: 0 0 20px; }
#profile_top #schedule_list li { padding: 5px 0; }

#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: 12px;
  color: #ccc;
  padding: 0 10px;
  display: inline-block;
  content: "\f04b";
}

#profile_top #schedule_list li.current:before { color: #35cdff; }
#profile_top #schedule_list li span { color: #999; }

#profile_top #schedule_list p {
  text-align: center;
  padding: 0 0 30px;
}

#profile_top #entry_banner {
  padding: 0 0 50px;
  clear: both;
  max-width: 580px;
  margin: 0 auto;
  text-align: center;
}
#profile_top #entry_banner a { text-decoration: none; }
#profile_top #entry_banner img { max-width: 580px; }

#profile_top #entry_banner span {
  font-size: 12px;
  display: block;
}

#profile_top .reputation_comment {
  font-weight: bold;
  margin-bottom: 30px;
}

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

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

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

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

#profile_top .message .txtaudio p {
  font-size: 15px;
  line-height: 1.8;
}

#profile_top .message {
  font-size: 14px;
  font-weight: bold;
  line-height: 26px;
  padding-left: 28px;
  position: relative;
}

#prof_outline .message > div{
  border: 2px solid #cdcdcd;
  border-radius: 10px;
  background: #f5f5f5;
  padding: 20px;
}

#profile_top .message::before {
  top: 20%;
  left: 2px;
  content: url(../../../img/icon_hukidashi.png);
  position: absolute;
}

#profile_top .message .update {
  font-size: 10px;
  font-weight: normal;
  color: #9a9a9a;
  line-height: 12px;
  text-align: right;
  margin-top: 12px;
}
#profile_bottom .f_message .image, #profile_bottom .list {
  vertical-align: top;
  display: inline-block;
}

#profile_bottom .f_message .update {
  font-size: 12px;
  color: #333;
  margin-bottom: 15px;
  background: url(../../../img/icon_clock02.png) no-repeat;
  padding-left: 15px;
  text-align: left;
}

#profile_bottom .f_message .mes {
  border-radius: 10px;
  box-sizing: border-box;
  padding: 15px 20px 20px;
  width: 290px;
  background: #f3f3f3;
  position: relative;
  font-size: 15px;
  margin-right: 20px;
}
#profile_bottom .f_message .mes:last-child{
  margin-right: 0;
}

#profile_bottom .f_message .mes:before {
  content: "";
  border: 6px solid transparent;
  border-bottom: 24px solid #f3f3f3;
  position: absolute;
  top: -26px;
  left: 40px;
}

#profile_bottom .box.fukidashi .fr { margin-top: 15px; }

#profile_bottom .box.fukidashi .btn {
  text-align: center;
  padding: 2px 0;
  width: 195px;
  display: block;
}

/* ribon */
#profile_ribon:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#profile_ribon { height: 181px; }

#profile_ribon h4 {
  font-size: 16px;
  font-weight: bold;
  color: #1dbee5;
  padding: 20px 0;
}

#profile_ribon dl {
  padding: 0 50px 0 100px;
  width: 280px;
  float: left;
}

#profile_ribon .tel { background: url(../../../img/illust_tel.png) no-repeat 20px 0; }
#profile_ribon .web { background: url(../../../img/illust_pc.png) no-repeat 20px 0; }
#profile_ribon dt { padding: 0 0 5px; }

#profile_ribon dt span {
  font-weight: bold;
  color: #35cdff;
  padding: 0 10px;
}

#profile_ribon dd span {
  font-size: 10px;
  color: #999;
  padding: 5px 0 0;
  display: block;
}

#profile_ribon dd .btn {
  text-align: center;
  padding: 2px 0;
  width: 260px;
  display: block;
}

#profile_ribon .phase2 {
  padding: 20px 0 0;
  width: 700px;
}

#profile_ribon .phase2 .tel {
  padding: 0 0 0 100px;
  position: relative;
}

#profile_ribon .phase2 .tel p {
  font-size: 16px;
  padding: 10px 0 0;
}

#profile_ribon .phase2 .tel span {
  font-size: 14px;
  color: #999;
}

#profile_ribon .phase2 .tel a {
  top: 0;
  left: 400px;
  position: absolute;
}

/* profile_bottom */
#profile_bottom .box {
  padding: 20px 0 30px;
}

/* timetable */
.timetable, .timetable table { border-collapse: collapse; }

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

.timetable thead td span {
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  width: 20px;
  height: 35px;
  right: -10px;
  bottom: 0;
  display: block;
  position: absolute;
}

.timetable thead td span:after {
  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: 16px;
  color: #ccc;
  width: 20px;
  bottom: -5px;
  display: block;
  content: "\f0d7";
  position: absolute;
}

.timetable tbody th, .timetable tbody td { border: solid 1px #ccc; }

.timetable tbody th {
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  padding-left: 10px;
}

.timetable tbody td {
  text-align: center;
  padding: 2px;
  width: 26px;
  background: url(../../../img/timetable_line.gif) repeat-y center top;
}

.timetable .ok, .timetable .ng {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-indent: -9999px;
  width: 24px;
  height: 24px;
  display: block;
}

.timetable .right { margin: 0 0 0 auto; }
.timetable .half { width: 12px; }

.timetable .ok {
  border: solid 1px #1dbee5;
  background: #1dbee5;
}

.timetable .ng { background: #e3e3e3; }

#profile_bottom .timetable table {
  margin: 0 auto;
  width: 750px;
}

#profile_bottom .timetable ul {
  padding-top: 20px;
  text-align: center;
}

#profile_bottom .timetable li {
  padding: 0 20px 0 0;
  display: inline-block;
}

#profile_bottom .timetable li i {
  border-radius: 5px;
  margin: 0 5px 0 0;
  width: 16px;
  height: 16px;
  display: inline-block;
}

#profile_bottom .timetable li { font-size: 10px; }
#profile_bottom .timetable li span { color: #999; }

#profile_bottom .cb { width: 970px; }

#profile_bottom .cb:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#profile_bottom .cb .box { width: 450px; }
#profile_bottom .star { text-align: left; }

#profile_bottom .star th, #profile_bottom .star td {
  text-align: left;
  padding: 2px 10px 2px 0;
}

#profile_bottom .star th { font-weight: normal; }

#profile_bottom .star th span {
  color: #1dbee5;
  text-decoration: none;
  margin: 0 0 0 5px;
}

#profile_bottom .star .on, #profile_bottom .star .off {
  text-indent: -9999px;
  width: 18px;
  height: 18px;
  display: inline-block;
}

#profile_bottom .star .on { background: url(../../../img/star_on.png) no-repeat left top; }
#profile_bottom .star .off { background: url(../../../img/star_off.png) no-repeat left top; }

#profile_bottom .crown_list dd { padding: 0 0 10px; }

/* ŠΣ’θŽm“Ή‹ο */

#profile_bottom .proftopic.favorite dd {
  width: 430px;
  margin-left: 10px;
  padding: 20px;
}

#profile_bottom .proftopic.favorite dd strong {
  font-family: "Georgia", "ƒqƒ‰ƒMƒm–Ύ’© ProN W3", "HiraMinProN-W3", "Hiragino Mincho Pro W3", "HG–Ύ’©E", "‚l‚r ‚o–Ύ’©", "MS PMincho", "MS –Ύ’©", serif;
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 8px;
  display: block;
}

#profile_bottom .proftopic.favorite dd span {
  padding: 15px 0 0;
  display: block;
}

#profile_bottom .proftopic.favorite dd p { padding: 20px 0 0; }
#profile_bottom #movie { clear: both; }

#profile_bottom #movie div {
  text-align: center;
  margin: 0 auto;
  padding: 0 0 20px;
}

#profile_bottom #recommend { width: 100%; }

#profile_bottom #recommend:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#profile_bottom #recommend .fl { width: 450px; }
#profile_bottom #recommend .fr { width: 470px; }

#profile_bottom #recommend #link:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#profile_bottom #recommend #link .fl { width: 400px; }

#profile_bottom #recommend #link dl {
  padding: 0 10px 0 0;
  position: relative;
}

#profile_bottom #recommend #link dt {
  letter-spacing: 0;
  position: absolute;
}

#profile_bottom #recommend #link dd { padding: 0; }
#profile_bottom #recommend #link .fr { width: 320px; }

#profile_bottom #snap {
  width: 100%;
  clear: both;
  position: relative;
}

#profile_bottom #snap #snap_carousel {
  box-sizing: border-box;
  padding: 0 30px;
  width: 100%;
}

#profile_bottom #snap .prev,
#profile_bottom #snap .next{
  background: #fff;
  position: absolute;
  top: 30%;
}

#profile_bottom #snap li {
  text-align: center;
  width: 220px;
  background: #f7f7f7;
  cursor: pointer;
}

#profile_bottom #snap .prev {
  border-radius: 0 8px 8px 0;
  left: 0;
}

#profile_bottom #snap .next {
  border-radius: 8px 0 0 8px;
  right: 0;
}

#profile_bottom #blog {
  padding: 0 0 50px;
  clear: both;
}

#profile_bottom #blog h4 {
  font-size: 16px;
  font-weight: bold;
  color: #1dbee5;
  padding: 0 0 5px;
  border-bottom: solid 1px #ccc;
}

#profile_bottom #blog dl {
  padding: 10px 0;
  position: relative;
}

#profile_bottom #blog dt {
  padding: 2px 0;
  position: absolute;
}

#profile_bottom #blog dd { padding: 2px 0 2px 180px; }

#profile_bottom #blog p {
  padding: 0 0 0 15px;
  position: relative;
}

#profile_bottom #blog 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: 24px;
  color: #b58298;
  text-decoration: none;
  top: -3px;
  left: 0;
  display: block;
  content: "\f105";
  position: absolute;
}

#profile_bottom #voice:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#profile_bottom #voice dt {
  box-sizing: border-box;
  font-size: 12px;
  line-height: 18px;
  padding: 0 0 10px 30px;
  min-height: 36px;
  background: url(../../../img/_02_proft/icon_voice.gif) no-repeat left top;
  position: relative;
  color: #999;
}

#profile_bottom #voice dt span {
  right: 0;
  bottom: 0;
  position: absolute;
}

#profile_bottom #voice dd {
  font-size: 14px;
  line-height: 1.8;
  padding: 10px 0 10px 10px;
}

#profile_bottom #voice dd span {
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0 0;
  display: block;
}

#profile_bottom #voice dd span .btn {
  font-weight: normal;
  margin: 0 0 0 5px;
  padding: 0 10px;
  display: inline-block;
}

#profile_bottom #voice .fl p .btn {
  text-align: center;
  padding: 5px;
  width: 200px;
  display: inline-block;
}

#profile_bottom #voice .fr li { padding: 0 0 10px; }

#profile_bottom #fortune_carousel {
  margin: 0 auto;
  width: 880px;
}

#profile_bottom #fortune_carousel li{
  position: relative;
  padding: 15px 20px 0;
}
#profile_bottom #fortune_carousel p.status_online,
#profile_bottom #fortune_carousel p.status_working,
#profile_bottom #fortune_carousel p.status_offline,
#profile_bottom #fortune_carousel p.status_close,
#profile_bottom #fortune_carousel p.status_event{
  position: absolute;
  top: 0;
  left: 0;
}

#profile_bottom .pageft ul { width: 990px; }

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

#profile_bottom .pageft li {
  border-right: solid 20px #fff;
  float: left;
}

#profile_top .entry_order{
  margin: -5px 0 30px;
}
#profile_schedule .entry_order{
  text-align: center;
  margin-top: 25px;
}

#profile_top .entry_order p,
#profile_schedule .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,
#profile_schedule .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 #prof_outline #status .entry_order p a{
  width: auto;
  height: auto;
  display: inline-block;
  border-radius: 0;
  padding: 0;
  font-weight: normal;
  line-height: initial;
  text-decoration: none;
  color: #fff;
}
#profile_schedule .entry_order p a{
  color: #fff;
  text-decoration: none;
}
#profile_top .entry_order p a:visited,
#profile_top .entry_order p a:hover,
#profile_schedule .entry_order p a:visited,
#profile_schedule .entry_order p a:hover{
  color: #fff;
  text-decoration: none;
}
#profile_top .entry_order p em,
#profile_schedule .entry_order p em{
  font-weight: bold;
  font-style: normal;
  margin: 0 2px;
}

/*  profile_schedule
-----------------------------------------------------------------------------*/
#profile_schedule #schedule_box {
  margin: 0 auto 50px;
  width: 757px;
}

#profile_schedule .profile_header {
  padding: 30px 0;
  position: relative;
}

#profile_schedule .profile_header dt { position: absolute; }

#profile_schedule .profile_header dt img {
  width: 80px;
  height: auto;
}

#profile_schedule .profile_header dd { padding: 20px 0 0 90px; }

#profile_schedule .profile_header dd p {
  font-size: 15px;
  font-weight: bold;
}

#profile_schedule .profile_header dd h3 {
  font-size: 22px;
  font-weight: normal;
  color: #1dbee5;
  line-height: 24px;
  padding: 5px 0 8px;
}

#profile_schedule .profile_header dd h3 img { margin: 0 10px 0 0; }

#profile_schedule .profile_header dd span {
  font-size: 13px;
  color: #666;
}

#profile_schedule .schedule_tab ul { width: 100%; }

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

#profile_schedule .schedule_tab li {
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-weight: bold;
  text-align: center;
  border: solid 2px #cecece;
  width: 235px;
  min-height: 94px;
  float: left;
  background: #f9f9f9;
  line-height: 1.5;
}

#profile_schedule .schedule_tab li:nth-child(2) { margin: 0 26px; }

#profile_schedule .schedule_tab li a, #profile_schedule .schedule_tab li span {
  text-decoration: none;
  padding: 35px 0 0;
  display: block;
}

#profile_schedule .schedule_tab li a { padding: 35px 0; }

#profile_schedule .schedule_tab li:hover{
  border-color: #1dbee5;
}
#profile_schedule .schedule_tab li:hover a{
  color: #000;
}

#profile_schedule .schedule_tab .current {
  border: solid 2px #1dbee5;
  background: #fff;
}

#profile_schedule .schedule_tab .off { color: #a4a4a4; }

/* entry */
#profile_schedule .tab_contents {
  margin: 0 0 50px;
  padding: 30px 0 0;
  border-bottom: solid 1px #d0d0d0;
}

#profile_schedule .tab_contents h4 {
  font-size: 15px;
  font-weight: normal;
  padding: 30px 0;
  border-top: solid 1px #d0d0d0;
  position: relative;
}

#profile_schedule .tab_contents h4: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: 12px;
  color: #ccc;
  padding: 0 10px;
  display: inline-block;
  content: "\f04b";
}

#profile_schedule .tab_contents h4.current:before { color: #35cdff; }
#profile_schedule .tab_contents h4:first-child { border-top: none; }

#profile_schedule .tab_contents h4 span {
  color: #888;
  top: 30px;
  right: 0;
  position: absolute;
}

#profile_schedule .entry_box {
  padding-bottom: 30px;
  display: flex;
  justify-content: space-between;
}

#profile_schedule .entry_box .entry_st {
  font-weight: bold;
  color: #1dbee5;
  line-height: 18px;
  text-align: center;
  padding: 8px 0 7px;
  border: solid 1px #1dbee5;
  width: 70px;
  display: block;
  float: left;
}

#profile_schedule .entry_box .wait {
  width: 288px;
}

#profile_schedule .entry_box .wait:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#profile_schedule .entry_box .wait div {
  text-align: center;
  border-top: solid 5px #fff;
  border-left: solid 7px #fff;
  float: left;
}

#profile_schedule .entry_box .wait div ul {
  height: 26px;
  display: inline-block;
}

#profile_schedule .entry_box .wait div.working { width: 46px; }

#profile_schedule .entry_box .wait div.you {
  padding: 0 0 0 16px;
  background: url(../../../img/_02_proft/icon_arr.png) no-repeat 0 7px;
  position: relative;
}

#profile_schedule .entry_box .wait div.working p {
  width: auto;
  background: #ef4242;
}

#profile_schedule .entry_box .wait div.no_waiting { color: #ccc; }
#profile_schedule .entry_box .wait div.no_waiting p { background: #ccc; }

#profile_schedule .entry_box .wait div.you p {
  width: auto;
  background: #3cf;
}

#profile_schedule .entry_box .wait div.you strong {
  font-weight: normal;
  color: #333;
  text-align: left;
  width: 180px;
  top: 15px;
  left: 70px;
  display: block;
  position: absolute;
}

#profile_schedule .entry_box .wait div p {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  font-size: 11px;
  color: #fff;
  line-height: 12px;
  text-align: center;
  padding: 4px 6px;
  width: 130px;
  background: #666;
}

#profile_schedule .entry_box .wait ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#profile_schedule .entry_box .wait li {
  border-bottom: solid 2px #fff;
  min-width: 20px;
  float: left;
  white-space: nowrap;
}

#profile_schedule .entry_box .wait li.count {
  font-size: 12px;
  padding: 4px 8px 0;
}

#profile_schedule .entry_box .wait div.working li, #profile_schedule .entry_box .wait div.you li {
  text-align: center;
  width: 100%;
}

/* timetable */
#profile_schedule .timetable {
  padding: 20px 0 30px;
  border-top: none;
  position: relative;
}

#profile_schedule .timetable h4 {
  font-size: 20px;
  color: #1dbee5;
  top: 0;
  left: 0;
  position: absolute;
}

#profile_schedule .timetable h4 span {
  font-size: 12px;
  font-weight: normal;
  color: #a3a3a3;
  display: block;
}

#profile_schedule .timetable table {
  margin: 0 0 15px;
  width: 100%;
}

#profile_schedule .timetable li {
  padding: 0 20px 0 0;
  display: inline-block;
}

#profile_schedule .timetable li i {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0 5px 0 0;
  width: 16px;
  height: 16px;
  display: inline-block;
}

#profile_schedule .timetable li { font-size: 10px; }
#profile_schedule .timetable li span { color: #999; }

/* btn_area */
#profile_schedule .btn_area {
  text-align: center;
  padding: 40px 0 0;
  border-top: solid 1px #d0d0d0;
}

#profile_schedule .btn_area .btn {
  padding: 8px 40px;
  display: inline-block;
}

/*  profile_voice
-----------------------------------------------------------------------------*/
#profile_voice .voice_box {
  margin: 0 auto;
  width: 757px;
}

#profile_voice .profile_header {
  padding: 30px 0;
  min-height: 90px;
  position: relative;
}

#profile_voice .profile_header dt { position: absolute; }

#profile_voice .profile_header dt img {
  width: 80px;
  height: auto;
}

#profile_voice .profile_header dd { padding: 20px 0 0 90px; }

#profile_voice .profile_header dd p {
  font-size: 15px;
  font-weight: bold;
}

#profile_voice .profile_header dd h3 {
  font-size: 22px;
  font-weight: normal;
  color: #1dbee5;
  line-height: 24px;
  padding: 5px 0 2px;
}

#profile_voice .profile_header dd h3 img { margin: 0 10px 0 0; }

#profile_voice #voice {
  padding: 30px 0 0;
  border-top: solid 1px #d0d0d0;
  width: 100%;
}

#profile_voice #voice:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#profile_voice #voice .fl { width: 580px; }
#profile_voice #voice dl { padding: 15px 0 0 15px; }

#profile_voice #voice dt {
  box-sizing: border-box;
  font-size: 13px;
  line-height: 1.4;
  padding: 0 0 10px 30px;
  min-height: 36px;
  background: url(../../../img/_02_proft/icon_voice.gif) no-repeat left top;
  position: relative;
  color: #999;
}

#profile_voice #voice dt span {
  right: 0;
  bottom: 0;
  position: absolute;
}

#profile_voice #voice dd {
  font-size: 15px;
  line-height: 1.8;
  padding: 10px 0 50px;
}

#profile_voice #voice dd span {
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0 0;
  display: block;
}

#profile_voice #voice dd span .btn {
  font-weight: normal;
  margin: 0 0 0 5px;
  padding: 0 10px;
  display: inline-block;
}

#profile_voice .pagenation { padding-top: 20px; }

#profile_voice .btn_area {
  text-align: center;
  padding: 40px 0;
  border-top: solid 1px #d0d0d0;
}

#profile_voice .btn_area .btn {
  padding: 8px 40px;
  display: inline-block;
}

/*  schedule
-----------------------------------------------------------------------------*/
#shift #shift_header {
  padding: 25px 0 0;
  width: 970px;
}

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

#shift #shift_header #date {
  font-size: 18px;
  border-bottom: solid 20px #fff;
  float: left;
}

#shift #shift_header #date p { display: inline-block; }

#shift #shift_header #date span, #shift #shift_header #date a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  padding: 10px;
  border: solid 1px #e7e7e7;
  height: 20px;
  display: inline-block;
}

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

#shift #shift_header #date h3 {
  font-weight: bold;
  text-align: center;
  width: 260px;
  display: inline-block;
}

#shift #shift_header #update {
  text-align: right;
  border-bottom: solid 20px #fff;
  float: right;
}

#shift #shift_header #update span {
  padding: 0 0 0 20px;
  display: inline-block;
  background: url(../../../img/icon_clock.png) no-repeat 0 2px;
}

#shift .timetable {
  padding: 0 0 50px;
  clear: both;
}

#shift .timetable table {
  margin: 30px 0 0;
  width: 970px;
}

#shift .timetable thead { color: #999; }
#shift .timetable thead td { padding: 0 10px; }

#shift .timetable thead td span {
  right: none;
  left: -10px;
}

#shift .timetable tbody { line-height: 16px; }

#shift .timetable tbody th {
  padding: 5px 0;
  position: relative;
}

#shift .timetable tbody th:nth-child(1) {
  border-right: none;
  width: 110px;
}

#shift .timetable tbody th:nth-child(2) {
  border-left: none;
  width: 180px;
}

#shift .timetable tbody th strong {
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  width: 60px;
  display: inline-block;
}

#shift .timetable tbody th img {
  top: 5px;
  right: 15px;
  position: absolute;
}

#shift .timetable tbody th span { color: #999; }
#shift .timetable tbody th p { text-align: center; }
#shift .timetable tbody th a { text-decoration: none; }
#shift .timetable tbody th:last-child { padding: 0; }

#shift .timetable tbody th:last-child a {
  padding: 12px;
  display: block;
}

#shift .timetable tbody .current { background: #fee3ea; }
#shift .timetable .ok, #shift .timetable .ng { height: 30px; }

#shift .pageft ul { width: 990px; }

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

#shift .pageft li {
  border-right: solid 20px #fff;
  float: left;
}

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

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

.search_box form input:first-child {
  box-sizing: border-box;
  font-size: 16px;
  margin: 0 0 0 10px;
  border: solid 1px #ccc;
  width: 300px;
  height: 30px;
}

.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 input.btn {
  box-sizing: border-box;
  font-size: 16px;
  padding: 2px 20px;
  height: 30px;
  border: 2px solid #ccc;
}

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

/*  faq --------------------------------*/
#faq #cat_nav { padding: 40px 0 0; }

#faq #cat_nav ul {
  padding: 30px 0 0;
  width: 100%;
}

#faq #cat_nav ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#faq #cat_nav li {
  box-sizing: border-box;
  padding: 5px;
  width: 20%;
  float: left;
}

#faq #cat_nav li a {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 50px 0;
  width: 100%;
  display: block;
  border: 2px solid #ccc;
  color: #666;
}

#faq .box {
  padding: 60px 0 0;
  width: 100%;
}

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

#faq .box #rank {
  width: 45%;
  float: left;
}

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

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

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

#faq .box #rank dd {
  padding: 8px 10px 20px 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 .box #contact {
  width: 52%;
  float: right;
}

#faq .box #contact .telbox {
  text-align: center;
  margin: 20px 0 0;
  padding: 20px 0;
  border: solid 2px #b3eaf8;
}

#faq .box #contact .telbox .day { padding: 5px 0 0; }
#faq .box #contact .telbox .other span { margin: 0; }

/*  faq_list --------------------------------*/
#faq_list .contents_r { width: 710px; }
#faq_list #side_l { width: 220px; }

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

#faq_list .stitle a:hover { text-decoration: underline; }
#faq_list h4 { margin: 30px 0 10px; }

#faq_list .box li {
  padding: 15px 10px 10px 45px;
  position: relative;
}

#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: 13px;
  left: 10px;
  display: inline-block;
  background: #16bce4;
  content: "Q";
  position: absolute;
}

#faq_list #cat_nav { display: none; }
#faq_list .search_box { margin: 40px 0 0; }
.faq_btn { padding: 30px 0 20px; }
.faq_btn .btn01 { padding: 5px 10px 5px 25px; }

.faq_btn .btn01:before {
  right: auto;
  left: 10px;
  content: "\f0d9";
}

/*  faq_zoom --------------------------------*/
#faq_zoom .contents_r { width: 710px; }
#faq_zoom #side_l { width: 220px; }
#faq_zoom .stitle span { font-weight: normal; }

#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 .stitle a:hover { text-decoration: underline; }

#faq_zoom .question {
  font-size: 16px;
  padding: 30px 0 0 40px;
  position: relative;
}

#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: 25px;
  left: 0;
  display: inline-block;
  background: #16bce4;
  content: "Q";
  position: absolute;
}

#faq_zoom .answer {
  font-size: 16px;
  line-height: 28px;
  padding: 20px 0 0 40px;
  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: inherit;
  font-weight: bold;
  color: #1dbee5;
  line-height: 20px;
  padding: 4px 9px;
  border: solid 1px #ccc;
  top: 19px;
  left: 0;
  display: inline-block;
  content: "A";
  position: absolute;
}

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

#faq_zoom .answer img {
  margin: 0 auto;
  height: auto;
  max-width: 100%;
  display: block;
}

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

#faq_zoom #rank li {
  padding: 15px 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: 13px;
  left: 5px;
  display: inline-block;
  background: #16bce4;
  content: "Q";
  position: absolute;
}

#faq_zoom #contact { padding: 40px 0 0; }

#faq_zoom #contact .telbox {
  text-align: center;
  margin: 20px 0 0;
  padding: 20px 0;
  border: solid 2px #b3eaf8;
}

#faq_zoom #cat_nav { display: none; }
#faq_zoom .search_box { margin: 40px 0 0; }

/*  voice
-----------------------------------------------------------------------------*/
#voice .box {
  margin: 0 auto;
  width: 970px;
}

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

#voice .box > div {
  padding: 40px 0;
  width: 470px;
}

#voice .box > div:nth-child(odd) { float: left; }
#voice .box > div:nth-child(even) { float: right; }

#voice .box .user {
  min-height: 115px;
  position: relative;
}

#voice .box .user > p {
  position: absolute;
  top: 0;
  left: 0;
}

#voice .box .user > dl {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 0 0 0 130px;
  padding: 15px;
  width: 340px;
  background: #1dbee5;
  color: #fff;
  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: 50px;
  color: #1DBEE5;
  content: "\f0d9";
  position: absolute;
  top: 30%;
  left: -15px;
}

#voice .box .user > dl > dt {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin: 0 0 10px;
  padding: 2px 4px;
  display: block;
  background: #1dbee5;
  border-bottom: 1px solid;
}

#voice .box .answer {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 15px 0 0 0;
  padding: 20px 20px 0;
  width: 470px;
  min-height: 185px;
  background: #e6faff;
  position: relative;
}

#voice .box .answer > p {
  right: 15px;
  bottom: 0;
  position: absolute;
}

#voice .box .answer > p img {
  vertical-align: top;
  margin: 15px 0 0;
}

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

#voice .box .answer > p span {
  box-sizing: border-box;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  text-align: center;
  padding: 2px 5px;
  width: 140px;
  display: block;
  background: #1dbee5;
}

#voice .box .answer > dl {
  padding: 0 0 20px;
  width: 280px;
}

#voice .box .answer > dl > dt {
  font-size: 16px;
  font-weight: bold;
  color: #1dbee5;
  margin: 0 0 5px;
}

#voice .pagenation { padding-top: 20px; }

#voice .navi {
  padding-bottom: 60px;
}

#voice .note {
  font-size: 16px;
  line-height: 26px;
  margin: 0 auto;
  padding-bottom: 80px;
  width: 720px;
}

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

#voice .qu_st span {
  font-family: "ƒqƒ‰ƒMƒm–Ύ’© ProN W3", "HiraMinProN-W3", "HG–Ύ’©E", "‚l‚r ‚o–Ύ’©", "MS PMincho", "MS –Ύ’©", serif;
  font-size: 22px;
  font-weight: normal;
  color: #fff;
  line-height: 42px;
  margin: 0 auto;
  width: 280px;
  display: block;
  background: #666;
}

#voice .outside h3 {
  font-family: "ƒqƒ‰ƒMƒm–Ύ’© ProN W3", "HiraMinProN-W3", "HG–Ύ’©E", "‚l‚r ‚o–Ύ’©", "MS PMincho", "MS –Ύ’©", serif;
  font-size: 28px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 80px;
}

#voice .outside h3 span { color: #1dbee5; }

#voice .impression, #voice .comfort {
  margin-bottom: 80px;
  overflow: hidden;
}

#voice .impression ul { padding-bottom: 30px; }

#voice .btn_more {
  font-family: "ƒqƒ‰ƒMƒm–Ύ’© ProN W3", "HiraMinProN-W3", "HG–Ύ’©E", "‚l‚r ‚o–Ύ’©", "MS PMincho", "MS –Ύ’©", serif;
  border: 1px solid #ccc;
  width: 220px;
  background: #fff;
  float: right;
}

#voice .btn_more a {
  font-size: 22px;
  color: #1dbee5;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  display: block;
}

#voice .btn_more:hover { border: 1px solid #1dbee5; }
#voice .impression .image, #voice .comfort .image { float: left; }

#voice .impression .text, #voice .comfort .text {
  width: 460px;
  float: right;
}

#voice .impression .text dl { margin-bottom: 30px; }

#voice .impression .data, #voice .comfort .data {
  color: #999;
  margin-bottom: 30px;
  padding: 15px;
  border: 1px solid #efefef;
}

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

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

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

#voice .impression .btn_more { margin-top: 30px; }
#voice .sample_data { overflow: hidden; }
#voice .sample_data .list { float: left; }

#voice .percent {
  text-align: center;
  float: right;
}

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

#voice .sample_data .point {
  font-family: "ƒqƒ‰ƒMƒm–Ύ’© ProN W3", "HiraMinProN-W3", "HG–Ύ’©E", "‚l‚r ‚o–Ύ’©", "MS PMincho", "MS –Ύ’©", serif;
  font-size: 86px;
  color: #1dbee5;
  line-height: 80px;
}

#voice .sample_data .point span { font-size: 48px; }
#voice .sample_data .point .total { font-size: 18px; }
#voice .comfort .btn_more { margin-top: 100px; }

#voice .inside h3 {
  font-family: "ƒqƒ‰ƒMƒm–Ύ’© ProN W3", "HiraMinProN-W3", "HG–Ύ’©E", "‚l‚r ‚o–Ύ’©", "MS PMincho", "MS –Ύ’©", serif;
  font-size: 28px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 60px;
}

#voice .inside h3 .sp { display: none; }

#voice .article {
  padding-bottom: 100px;
  overflow: hidden;
}

#voice .article ul { margin-left: -35px; }

#voice .article li {
  margin-left: 35px;
  float: left;
}

#voice .article li span { font-size: 12px; }
#voice .article li img { width: 215px; }
#voice .article li p { 
  font-size: 13px;
  padding: 5px 0 30px; }

#voice .voice_box {
  margin-bottom: 40px;
  overflow: hidden;
}

#voice .voice_box .btn_more {
  margin-bottom: 60px;
  background: #fff;
}

#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: 60px;
  padding: 50px 30px 40px;
  background: #efefef;
  overflow: hidden;
}

#voice .present dt {
  font-family: "ƒqƒ‰ƒMƒm–Ύ’© ProN W3", "HiraMinProN-W3", "HG–Ύ’©E", "‚l‚r ‚o–Ύ’©", "MS PMincho", "MS –Ύ’©", serif;
  font-size: 26px;
  line-height: 30px;
  padding-bottom: 30px;
}

#voice .present dt br { display: none; }

#voice .present dd p {
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  margin: 0 auto 10px;
  width: 720px;
}

#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 {
  margin-bottom: 50px;
  overflow: hidden;
}

#voice .relation .sp { display: none; }

#voice .relation dt {
  font-size: 28px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #cccccc;
}

#voice .relation dd li p {
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  padding-top: 15px;
}

#voice .relation dd { text-align: center; }
#voice .relation dd li span { display: none; }

#voice .relation dd li {
  margin-left: 20px;
  width: 292px;
  display: inline-block;
}

/*  signup
-----------------------------------------------------------------------------*/
.signup_box { margin: 0 35px; }

.process {
  text-align: center;
  height: 46px;
}

/* index */
#signup { padding: 0 0 40px; }

#signup #intro {
  margin: 15px 35px 0;
  background: url(../../../img/signup/signup_bg.jpg) no-repeat right top;
}

#signup #intro h3 {
  font-size: 18px;
  color: #1dbee5;
  padding: 20px 0 0;
}

#signup #intro ul {
  padding: 35px 0 0;
  width: 600px;
}

#signup #intro ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#signup #intro li {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  box-sizing: border-box;
  margin: 0 14px 0 0;
  border: solid 2px #1dbee5;
  width: 175px;
  height: 175px;
  float: left;
}

#signup #intro li img{
  width: 54px;
  margin: 20px auto 15px;
  display: block;
}
#signup #intro li:nth-of-type(1) img{
  width: 94px;
  margin-top: 34px;
}
#signup #intro li:nth-of-type(3) img{
  width: 56px;
  margin-top: 30px;
}

#signup #intro li p {
  font-size: 18px;
  font-weight: bold;
  color: #1dbee5;
  line-height: 24px;
  text-align: center;
}

#signup #intro > p {
  font-size: 16px;
  line-height: 24px;
  padding: 30px 0 60px;
}

#signup #mailentry {
  margin-top: 15px;
  padding: 60px 55px 40px;
  border: solid 1px #dbdbdb;
}

#signup #mailentry h3,
#signup .next_flow h3,
#signup_step02 #detail h3{
  font-size: 20px;
  text-align: center;
}
#signup #mailentry h3 span,
#signup .next_flow h3 span,
#signup_step02 #detail h3 span{
  border-left: 8px solid #1dbee5;
  padding-left: 12px;
  display: inline-block;
  line-height: 28px;
}

#signup #mailentry dl {
  margin: 40px 0 10px;
  position: relative;
}
#signup #mailentry dt {
  font-weight: bold;
  text-align: right;
  width: 290px;
  position: absolute;
  top: 7px;
  line-height: 28px;
}

#signup #mailentry dd { padding-left: 305px; }

#signup #mailentry dd input {
  width: 260px;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  padding: 12px;
}

#signup #mailentry .note{
  text-align: center;
  font-size: 14px;
  color: #666;
  margin-bottom: 40px;
}

#signup .next_flow h3{ margin-top: 60px; }

#signup .next_flow ol{
  width: 600px;
  margin: 20px auto 0;
  line-height: 1.8;
}
#signup .next_flow .faq_box{
  margin: 20px 0 60px;
  padding-bottom: 0; 
}
#signup .next_flow .faq_box dt{
  font-family: ' ƒƒCƒŠƒI', Meiryo, " ƒqƒ‰ƒMƒmŠpƒSPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS PƒSƒVƒbƒN", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-size: 15px;
  color: #666;
  padding-left: 0;
  background: none;
  text-align: center;
}
#signup .next_flow .faq_box dt:before{
  content: "Q.";
  margin-right: 6px;
}
#signup .next_flow .faq_box dd{
  line-height: normal;
  padding: 30px;
}
#signup .next_flow .faq_box dd .ans{
  font-family: ' ƒƒCƒŠƒI', Meiryo, " ƒqƒ‰ƒMƒmŠpƒSPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS PƒSƒVƒbƒN", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  color: #1dbee5;
  font-weight: bold;
  padding: 0;
}
#signup .next_flow .faq_box dd .ans:before{
  display: none;
}
#signup .next_flow .faq_box dd p{
  padding-top: 10px;
  font-size: 15px;
}

#signup .next_flow .faq_box strong{
  font-size: 15px;
}

#signup .next_flow .link_nav{
 display: flex;
  justify-content: center;
}
#signup .next_flow .link_nav li:first-child{
  margin-right: 20px;
}

#signup .terms_area {
  border: solid 1px #ccc;
  height: 290px;
  overflow: auto;
}

#signup .terms_area .privacy { padding: 0 10px 0; }
#signup .terms_area .privacy h4:first-child { padding: 0; }
#signup .terms_area .privacy .sub01 { padding: 20px 0 0 440px; }
#signup .terms_area .privacy ul { padding-left: 5px; }

#signup .terms_area .privacy ul li p {
  text-indent: 0;
  padding: 10px 0 0 0;
}

#signup .terms_area .privacy p { padding: 10px 0 0 5px; }

#signup .terms_area div {
  font-size: 12px;
  line-height: 18px;
  padding: 20px;
}

#signup .terms_area > p { text-align: center; }
#signup .terms_area ul { padding: 10px 15px 0; }
#signup .terms_area ul ul { padding-top: 10px; }
#signup .terms_area ul ul li { padding: 0 0 10px 0; }

#signup .terms_area ul li {
  text-indent: -14px;
  padding: 0 0 10px 14px;
}

#signup .terms_area ul .noindent { text-indent: 0; }
#signup .terms_area .sstitle { margin: 0px 0 20px; }

#signup .terms_area h4 {
  font-size: 14px;
  padding: 20px 0 0 0;
}

#signup .terms_area h5 {
  font-size: 14px;
  padding: 10px 0 0 10px;
}

#signup .terms_area .align_r { padding: 20px 0 60px; }
#signup .align_c { padding: 40px 0; }
#signup .align_c p { padding: 25px 0 10px; }

#signup .align_c .btn03 {  font-size: 15px; }

#signup .align_c p:last-child {
  font-size: 12px;
  padding: 0;
}

#signup .align_c a { color: #1dbee5; }

/* step01 --------------------------------*/
#signup_step01 { padding: 0 0 40px; }

#signup_step01 .signup_box {
  margin-top: 15px;
  padding: 40px 50px;
  border: solid 1px #dbdbdb;
}

#signup_step01 h3 {
  font-size: 18px;
  color: #1dbee5;
  text-align: center;
}

#signup_step01 .signup_box p {
  text-align: center;
  padding: 10px 0 0;
}

#signup_step01 dl {
  margin: 40px 0;
  border-top: solid 1px #dbdbdb;
}

#signup_step01 dt {
  font-weight: bold;
  padding: 40px 0 10px;
}

#signup_step01 li { font-size: 12px; }
#signup_step01 li span { color: #226cc7; }
#signup_step01 .btn_area { padding: 40px 0 0; }

#signup_step01 .btn_area .btn {
  padding: 8px 40px;
  display: inline-block;
}

/* step02 --------------------------------*/
#signup_step02 { padding: 0 0 40px; }

#signup_step02 #detail {
  margin-top: 15px;
  padding: 40px 50px;
  border: solid 1px #dbdbdb;
  border-bottom: none;
}
#signup_step02 #detail p{
  text-align: center;
  margin-top: 20px;
}

#signup_step02 #form_entry {
  padding: 30px 30px 0 30px;
  border: solid 1px #dbdbdb;
  border-bottom: none;
}

#signup_step02 #form_entry h4 {
  font-size: 18px;
  padding: 8px 20px;
  background: #f6f6f6;
}

#signup_step02 #form_entry h4 img { vertical-align: -3px; }

#signup_step02 #form_entry dl {
  padding: 30px 0;
  position: relative;
}
#signup_step02 #form_entry dl .require{
  color: #1dbee5;
}

#signup_step02 #form_entry dt, #signup_step02 #form_invite_conf dt {
  font-weight: bold;
  letter-spacing: 0;
  text-align: right;
  padding: 12px 0;
  width: 290px;
  position: absolute;
  line-height: 3;
  font-size: 15px;
}
#signup_step02 #form_entry .conf_list dt,
#signup_step02 #form_entry .passwd_input dt{
  line-height: normal;
}

#signup_step02 #form_entry dd, #signup_step02 #form_invite_conf dd { padding: 12px 0 12px 330px; }

#signup_step02 dd.line {
  margin: 0 0 15px;
  border-bottom: dotted 1px #dbdbdb;
}

#signup_step02 #form_entry dd span.note {
  font-size: 12px;
  display: block;
}

#signup_step02 #form_entry dd p.note02 {
  font-size: 14px;
  color: #666;
  line-height: 20px;
  margin-left: -150px;
  padding: 20px 0;
}

#signup_step02 #form_entry input,
#signup_step02 #form_entry select{
  border-radius: 8px;
  border: 1px solid #d1d1d1;
  padding: 12px;
}

#signup_step02 #form_entry input[type="text"] { width: 100px; }
#signup_step02 #form_entry input[type="text"].w_s { width: 60px; }
#signup_step02 #form_entry input[type="text"].w_l { width: 230px; }
#signup_step02 #form_entry input[type="password"].w_l { width: 230px; }
#signup_step02 #form_entry .password_input dd:nth-child(2) { color: #767676; }
#signup_step02 #form_entry .password_input dt:nth-child(5) { padding-top: 2px; }
#signup_step02 #form_entry .password_input dd:nth-child(6) { padding-top: 2px; }

#signup_step02 #form_entry dl:first-of-type dt:nth-of-type(4),
#signup_step02 #form_entry dl:nth-of-type(2) dt:first-child{
  line-height: normal;
}

#signup_step02 #form_invite, #signup_step02 #form_invite_conf {
  padding: 0 30px 30px 30px;
  border-bottom: solid 1px #dbdbdb;
  border-left: solid 1px #dbdbdb;
  border-right: solid 1px #dbdbdb;
}

#signup_step02 #form_invite h3 {
  font-size: 18px;
  color: #1dbee5;
  text-align: center;
}

#signup_step02 #form_invite ul {
  margin: 0 auto;
  width: 570px;
}

#signup_step02 #form_invite li { padding: 5px 0; }
#signup_step02 #form_invite input[type="text"] { width: 100px; }

#signup_step02 #form_invite p {
  text-align: center;
  padding: 0 0 20px;
}

#signup_step02 #form_invite_conf p {
  text-align: center;
  padding: 0 0 20px;
}

#signup_step02 #form_invite p input, #signup_step02 #form_invite_conf p input {
  font-size: 15px;
}
#signup_step02 #form_invite_conf p input:nth-of-type(2){
  margin-left: 10px;
}

#signup_step02 .tooltip01, #signup_step02 .tooltip02 {
  clear: both;
  position: relative;
}

#signup_step02 .tooltip01 div {
  font-size: 12px;
  line-height: 18px;
  padding: 5px 10px;
  border: 1px solid #000;
  width: 260px;
  top: 22px;
  left: 113px;
  display: none;
  background: #fff;
  position: absolute;
}

#signup_step02 .tooltip02 div {
  font-size: 12px;
  line-height: 18px;
  padding: 5px 10px;
  border: 1px solid #000;
  width: 260px;
  top: 22px;
  left: 168px;
  display: none;
  background: #fff;
  position: absolute;
}

/* step03 --------------------------------*/
#signup_step03{ padding-bottom: 40px; }

#signup_step03 h3{
  font-size: 18px;
  color: #1dbee5;
  text-align: center;
}

#signup_step03 .signup_box {
  margin-top: 15px;
  padding: 60px 0;
  border: solid 1px #dbdbdb;
}

#signup_step03 div p {
  text-align: center;
  padding-top: 20px;
}

#signup_step03 div p strong{
  margin: 10px 0 5px;
  display: block;
}

#signup_step03 .signup_box02 {
  margin-top: 15px;
  padding: 60px 0 ;
  border: solid 1px #dbdbdb;
}

#signup_step03 .signup_box02 div { padding: 10px 0 0 0; }

/* signin --------------------------------*/
#signin {
  padding: 0 0 40px;
  width: 860px;
}

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

#signin #signin_form {
  box-sizing: border-box;
  border: solid 1px #c2c2c2;
  width: 420px;
  height: 280px;
  float: left;
}

#signin #signin_form h2 {
  font-size: 18px;
  color: #1dbee5;
  line-height: 24px;
  padding: 15px 20px 10px;
  border-bottom: solid 1px #c2c2c2;
}

#signin #signin_form div {
  padding: 20px;
  position: relative;
}

#signin #signin_form dt { font-weight: bold; }
#signin #signin_form dd { padding: 5px 0 20px; }
#signin #signin_form dd input {
  width: 210px;
  border-radius: 8px;
  border: 1px solid #d1d1d1;
  vertical-align: middle;
  padding: 12px;
}
#signin #signin_form dd p input{ margin-right: 8px; 
}

#signin #signin_form p {
  font-size: 14px;
  padding: 10px 0 0;
}

#signin #signin_form p a { color: #0058a3; }

#signin #signin_form p a img {
  vertical-align: middle;
  margin: 0 5px 0 0;
}

#signin #signin_form .icon_ng {
  text-align: center;
  padding: 5px;
  background: #FFE8E8;
}

#signin #signin_form div > input {
  font-size: 16px;
  width: 125px;
  height: 76px;
  top: 48px;
  right: 20px;
  position: absolute;
}

#signin #signin_form .tooltip01 {
  padding: 0;
  clear: both;
  position: relative;
}

#signin #signin_form .tooltip01 div {
  font-size: 12px;
  line-height: 18px;
  padding: 10px 15px;
  border: 1px solid #000;
  width: 280px;
  z-index: 1000;
  top: 34px;
  left: 184px;
  display: none;
  background: #fff;
  position: absolute;
}

#signin #signup_form {
  box-sizing: border-box;
  border: solid 1px #dbdbdb;
  width: 420px;
  height: 280px;
  float: right;
}

#signin #signup_form h2 {
  font-size: 16px;
  color: #624e56;
  text-align: center;
  padding: 20px 0 14px;
}

#signin #signup_form ul {
  margin: 0 auto;
  width: 320px;
}

#signin #signup_form ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#signin #signup_form li {
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  box-sizing: border-box;
  margin: 0 5px 0 0;
  border: solid 2px #d1d1d1;
  width: 100px;
  height: 100px;
  float: left;
  background: #fff;
}
#signin #signup_form li:first-of-type img{
  width: 60px;
  margin-top: 18px;
}

#signin #signup_form li:nth-of-type(3) img{
  margin: 14px auto 0;
} 

#signin #signup_form li img {
  width: 36px;
  height: auto;
  margin: 9px auto 5px;
  display: block;
}

#signin #signup_form li p {
  font-size: 12px;
  font-weight: bold;
  color: #888;
  line-height: 14px;
  text-align: center;
  padding: 2px 0 0;
}

#signin #signup_form > p {
  font-size: 12px;
  color: #624e56;
  text-align: center;
  padding: 10px 0;
}

#signin #signup_form div {
  box-sizing: border-box;
  text-align: center;
  height: 74px;
  background: #f3f3f3;
}
#signin #amazon .difference h4 span{
  letter-spacing: normal;
}

/*  reminder
-----------------------------------------------------------------------------*/
.reminder_box {
  box-sizing: border-box;
  margin: 15px auto 40px;
  padding: 30px 50px;
  border: solid 1px #dbdbdb;
  width: 900px;
}

#reminder h2 {
  font-size: 20px;
  color: #1dbee5;
}

#reminder p { padding: 30px 75px; }
#reminder dl { position: relative; }

#reminder dt {
  font-weight: bold;
  text-align: right;
  width: 270px;
  position: absolute;
}

#reminder dd { padding: 0 0 15px 310px; }
#reminder dd input { width: 230px; }
#reminder dd .w_s { width: 100px; }

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

#reminder .btn_area .btn {
  font-size: 14px;
  padding: 10px;
  width: 160px;
  display: inline-block;
}

#reminder .align_c { padding-bottom: 60px; }

#reminder dd span {
  font-size: 12px;
  padding: 0 10px;
}

#reminder .thanks_message {
  text-align: center;
  padding: 30px 0 80px;
}

#reminder .thanks_message strong {
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  padding: 0 0 10px;
  display: block;
}

#reminder .thanks_message .btn { width: 200px; }

#reminder p.icon_ng {
  text-align: center;
  margin: 0 auto ;
  padding: 5px 0;
  width: 490px;
  background: #FFE8E8;
}

/*  mypage
-----------------------------------------------------------------------------*/
.contents_mypage {
  width: 720px;
  float: right;
}

#side_mypage {
  width: 220px;
  float: left;
}

/* side */
#side_mypage .menu_box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 15px;
  border: solid 1px #ccc;
}

#side_mypage #summary { padding: 20px; }
#side_mypage #summary dt { padding: 0 0 10px; }
#side_mypage #summary dt strong { color: #1dbee5; }

#side_mypage #summary li span {
  font-weight: bold;
  color: #dd910b;
}

#side_mypage #menu dt {
  font-size: 13px;
  color: #9f9e9e;
  padding: 10px 15px;
}

#side_mypage #menu dd {
  padding: 10px 20px 20px;
  border-top: solid 1px #ccc;
}

#side_mypage #menu li { padding: 5px 0; }

#side_mypage #menu li a {
  font-size: 15px;
  text-decoration: none;
  padding: 0 0 0 13px;
  display: block;
  position: relative;
}

#side_mypage #menu li.current a { font-weight: bold; }

#side_mypage #menu li a:hover:before, #side_mypage #menu li.current 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: 12px;
  color: #1dbee5;
  top: 5px;
  left: 0;
  display: block;
  content: "\f04b";
  position: absolute;
}

#side_mypage #menu li span {
  font-weight: normal;
  color: #1dbee5;
  margin: 0 0 0 10px;
}

#side_mypage .banner li { padding: 5px 0; }
#side_mypage .help { padding: 10px 0 0; }
#side_mypage .help li { padding: 2px 0; }

#side_mypage .help li a {
  font-size: 13px;
  text-decoration: none;
}

#side_mypage .help li 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);
  color: #c7c7c7;
  padding: 0 5px 0 0;
  content: "\f0da";
}

/* mypage_table */
.mypage_table {
  box-sizing: border-box;
  border: solid 1px #dbdbd9;
  border-collapse: collapse;
  width: 100%;
}

.mypage_table th, .mypage_table tbody td {
  padding: 10px 15px;
  border: solid 1px #dbdbd9;
}

.mypage_table thead th {
  font-size: 14px;
  font-weight: normal;
  padding: 7px 15px;
  background: #f9f9f7;
}

.mypage_table tbody th {
  font-size: 14px;
  font-weight: bold;
  background: #f9f9f7;
}

/* point_box */
.point_box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 35px 0 0;
  width: 260px;
  min-height: 115px;
  background: url(../../../img/mypage/point_bg.png) no-repeat 22px 28px #f6f6f6;
  float: left;
}

.point_box dt {
  font-weight: bold;
  padding: 20px 0 0 90px;
}

.point_box dd {
  word-break: break-all;
  font-size: 12px;
  padding: 0 0 0 90px;
}

.point_box dd strong {
  font-size: 26px;
  color: #dd910b;
  padding: 0 2px 0 0;
}

/* mypage --------------------------------*/
#mypage .box {
  padding: 10px 0 25px;
  border-top: solid 1px #cecece;
  width: 350px;
}

#mypage .box h3 {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  line-height: normal;
  padding: 8px 15px;
  border-bottom: none;
  background: #f6f6f6;
}

#mypage .box h3 img { vertical-align: -3px; }

#mypage .box ul {
  font-size: 15px;
  padding: 20px 0 20px 115px;
  min-height: 65px;
}

#mypage #info .noinfo {
  font-size: 14px;
  padding: 20px 0 20px 115px;
}

#mypage .box > p {
  text-align: right;
  margin: 10px 0 20px;
}

#mypage .box > p a {
  padding: 12px 0;
  width: 230px;
}

#mypage #info {
  width: 720px;
  background: url(../../../img/mypage/mypage_icon01.gif) no-repeat 10px 60px;
}

#mypage #info h3 { background: #d3f3f8; }

#mypage #info dl {
  font-size: 14px;
  padding: 20px 0 20px 135px;
  position: relative;
}

#mypage #info dt {
  padding: 4px 0 4px;
  position: absolute;
}

#mypage #info dd { padding: 4px 0 4px 150px; }
#mypage #info dd a { text-decoration: none; }
#mypage #info dd a.new { font-weight: bold; }
#mypage #uses { background: url(../../../img/mypage/mypage_icon02.gif) no-repeat 10px 60px; }
#mypage #setting { background: url(../../../img/mypage/mypage_icon03.gif) no-repeat 10px 60px; }
#mypage #card { background: url(../../../img/mypage/mypage_icon04.gif) no-repeat 10px 60px; }
#mypage #point { background: url(../../../img/mypage/mypage_icon05.gif) no-repeat 10px 60px; }
#mypage #document { background: url(../../../img/mypage/mypage_icon06.gif) no-repeat 10px 60px; }
#mypage #signup { background: url(../../../img/mypage/mypage_icon09.png) no-repeat 10px 60px; }

#mypage .tooltip01, #mypage .tooltip02, #mypage .tooltip03, #mypage .tooltip04, #mypage .tooltip05, #mypage .tooltip06 {
  clear: both;
  position: relative;
}

#mypage .tooltip01 div {
  font-size: 10px;
  line-height: 18px;
  padding: 5px 10px;
  border: 1px solid #000;
  width: 260px;
  z-index: 1000;
  top: 22px;
  left: 98px;
  display: none;
  background: #fff;
  position: absolute;
}

#mypage .tooltip02 div {
  font-size: 10px;
  line-height: 18px;
  padding: 5px 10px;
  border: 1px solid #000;
  width: 260px;
  z-index: 1000;
  top: 22px;
  left: 98px;
  display: none;
  background: #fff;
  position: absolute;
}

#mypage .tooltip03 div {
  font-size: 10px;
  line-height: 18px;
  padding: 5px 10px;
  border: 1px solid #000;
  width: 260px;
  z-index: 1000;
  top: 22px;
  left: 132px;
  display: none;
  background: #fff;
  position: absolute;
}

#mypage .tooltip04 div {
  font-size: 10px;
  line-height: 18px;
  padding: 5px 10px;
  border: 1px solid #000;
  width: 260px;
  z-index: 1000;
  top: 22px;
  left: 196px;
  display: none;
  background: #fff;
  position: absolute;
}

#mypage .tooltip05 div {
  font-size: 10px;
  line-height: 18px;
  padding: 5px 10px;
  border: 1px solid #000;
  width: 260px;
  z-index: 1000;
  top: 22px;
  left: 130px;
  display: none;
  background: #fff;
  position: absolute;
}

#mypage .tooltip06 div {
  font-size: 10px;
  line-height: 18px;
  padding: 5px 10px;
  border: 1px solid #000;
  width: 260px;
  z-index: 1000;
  top: 22px;
  left: 132px;
  display: none;
  background: #fff;
  position: absolute;
}

/* otherpage common --------------------------------*/
#mypage_card .c_wrapper,
#document_form .c_wrapper,
#mypage_thanks .c_wrapper,
#mypage_info .c_wrapper,
#mypage_point_cart .c_wrapper,
#mypage_uses .c_wrapper,
#mypage_point .c_wrapper,
#mypage_review .c_wrapper,
#mypage_setting .c_wrapper,
#mypage .c_wrapper,
#mypage_unregist .c_wrapper,
#mypage_unregist_form .c_wrapper,
#unregist_thanks .c_wrapper,
#mypage_uses_zoom .c_wrapper
{
  padding-bottom: 40px;
}
.contents_mypage h3{
  font-size: 21px;
  font-weight: normal;
  color: #1dbee5;
  line-height: 30px;
  padding-bottom: 10px;
  border-bottom: solid 1px #e4e4e4;
}
.contents_mypage h4{
  font-size: 18px;
  padding: 10px 15px;
  background: #f6f6f6;
  margin: 0 0 10px;
}
.contents_mypage h4 img{
  vertical-align: -3px; }
.contents_mypage h4.pick{ background: #d3f3f8; }
.contents_mypage .borderno{ border: none;}

/* info --------------------------------*/
#mypage_info .noinfo {
  font-size: 14px;
  padding: 20px 10px;
}

#mypage_info .box {
  font-size: 14px;
  padding: 20px 10px;
  border-bottom: solid 1px #e4e4e4;
}

#mypage_info .box p {
  padding: 30px 0 0;
}

#mypage_info .box > span {
  color: #666;
  display: block;
}

#mypage_info .box h3 {
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 10px;
}

#mypage_info .box .new { font-weight: bold; }
#mypage_info .box h3 span { color: #fa0000; }

/* uses --------------------------------*/
#mypage_uses .contents_mypage > p { padding: 10px 0 20px; }

#mypage_uses .note {
  font-size: 12px;
  color: #999;
}

#mypage_uses .contents_mypage > div {
  width: 100%;
  position: relative;
}

#mypage_uses .contents_mypage > div img {
  top: -50px;
  right: 0;
  position: absolute;
}

#mypage_uses .contents_mypage p {
  font-size: 15px !important;
}

#mypage_uses .contents_mypage .btn_area {
  text-align: center;
}

#mypage_uses .contents_mypage .btn03 {
  font-size: 15px;
}

#mypage_uses .mypage_table tr td:nth-child(1) {
  font-size: 13px;
  text-align: center;
}

#mypage_uses .mypage_table tr td:nth-child(2) a { text-decoration: none; }

#mypage_uses .mypage_table tr td:nth-child(3) {
  font-size: 13px;
  text-align: center;
}

#mypage_uses .mypage_table tr td:nth-child(3) strong { color: #1dbee5; }

#mypage_uses .mypage_table tr td:nth-child(4) {
  white-spacing: nowrap;
  font-size: 13px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}

#mypage_uses .mypage_table tr td:nth-child(4) a, #mypage_uses .mypage_table tr td:nth-child(4) span {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  letter-spacing: 0;
  margin: 2px 0;
  padding: 1px;
  width: 125px;
  display: inline-block;
}

#mypage_uses .mypage_table tr td:nth-child(5) { text-align: center; }
#mypage_uses .mypage_table tr td:nth-child(5) a { color: #1183cb; }

#mypage_uses .mypage_table td .reviewed {
  color: #8a8a8a;
  background: #e6e6e6;
}

#mypage_uses .att { color: #ff0000; }

/* uses_zoom --------------------------------*/
#mypage_uses_zoom h3{ border-bottom: none; }
#mypage_uses_zoom th { width: 120px; }

#mypage_uses_zoom .time {
  text-align: center;
  width: 70px;
  background: #f9f9f7;
}

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

#mypage_uses_zoom .c_wrapper p {
  text-align: right;
  padding: 10px 0 0;
}

#mypage_uses_zoom .c_wrapper p a { text-decoration: none; }

/* document_form --------------------------------*/
#document_form h3{ border-bottom: none; }

#document_form .contents_mypage .box .in_box {
  margin: 0 0 40px;
  padding: 0 0 40px;
  border: solid 1px #dbdbdb;
}

#document_form .tooltip01 {
  clear: both;
  position: relative;
}

#document_form .tooltip01 div {
  font-size: 12px;
  line-height: 18px;
  padding: 5px 10px;
  border: 1px solid #000;
  width: 280px;
  z-index: 1000;
  top: 22px;
  left: 148px;
  display: none;
  background: #fff;
  position: absolute;
}

#document_form .document_area {
  letter-spacing: -0.4em;
  text-align: center;
}

#document_form .document_area .hand {
  box-sizing: border-box;
  letter-spacing: 0;
  text-align: left;
  padding: 50px 45px 0;
  width: 50%;
  display: inline-block;
}

#document_form .document_area dl { position: relative; }
#document_form .document_area dt { position: absolute; }
#document_form .document_area dd { padding: 0 0 0 60px; }
#document_form .document_area strong { font-size: 16px; }
#document_form .document_area strong img { vertical-align: middle; }

#document_form .document_area p {
  font-size: 14x;
  padding: 8px 0 0 32px;
}

#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;
  padding: 20px 0 0;
}

#document_form .document_area li {
  letter-spacing: 0;
  padding: 0 3px 0 0;
  display: inline-block;
}

#document_form .document_area ul .btn {
  padding: 8px 12px;
  display: block;
}

#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: 55px 0 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: 40px 45px 0;
}

/* review --------------------------------*/
#mypage_review h3{ margin-bottom: 10px; }
#mypage_review h4{ background: #fff; }

#mypage_review th {
  vertical-align: top;
  width: 120px;
}

#mypage_review th span {
  font-size: 12px;
  color: #989896;
}

#mypage_review .time {
  text-align: center;
  width: 70px;
  background: #f9f9f7;
}

#mypage_review table td > p { padding: 0 0 5px; }
#mypage_review table td > a { text-decoration: none; }

#mypage_review table textarea {
  resize: vertical;
  width: 98%;
  height: 215px;
}

#mypage_review table .notice { padding: 10px 0; }

#mypage_review table .notice li {
  font-size: 12px;
  line-height: 18px;
  text-indent: -1em;
  padding: 0 0 0 1em;
}

#mypage_review table .notice li a { color: #2774dc; }

#mypage_review .c_wrapper div > p {
  text-align: center;
  padding: 30px 0 0;
}

#mypage_review .c_wrapper div > p input {
  font-size: 14px;
  margin: 0 5px;
  padding: 10px 0;
  width: 170px;
  display: inline-block;
}

#mypage_review .impression p { padding: 0 0 10px; }

#mypage_review .impression p span {
  font-size: 12px;
  color: #9f9f9f;
  line-height: 18px;
  display: block;
}

#mypage_review .impression div {
  box-sizing: border-box;
  width: 100%;
}

#mypage_review .impression dl {
  box-sizing: border-box;
  width: 50%;
  float: left;
}

#mypage_review .impression dt {
  font-weight: bold;
  padding: 10px 5px 0;
  border-top: solid 1px #d8d8d8;
}

#mypage_review .impression dt i {
  color: #1dbee5;
  padding: 0 5px 0 0;
}

#mypage_review .impression dd { padding: 5px 0 10px; }

#mypage_review select {
  padding: 5px 0;
  width: 240px;
}

#mypage_review .impression li { padding: 2px 5px; }

/* conf */
#mypage_review .impression_conf dl:nth-child(1) dt, #mypage_review .impression_conf dl:nth-child(2) dt {
  padding-top: 0;
  border: none;
}

/* thanks */
#mypage_review .review_thanks {
  font-size: 20px;
  color: #5c5c5c;
  line-height: 30px;
  padding: 90px 0 40px 235px;
  border-top: solid 1px #d8d8d8;
  background: url(../../../img/mypage/review_thanks.png) no-repeat 45px 55px;
}

#mypage_review .contents_mypage .review_thanks h3 {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  padding: 0;
  border: none;
}

#mypage_review .contents_mypage .review_thanks p {
  text-align: left;
  padding: 0;
}

#mypage_review .contents_mypage .review_thanks ul { padding: 35px 0 0; }

#mypage_review .contents_mypage .review_thanks li {
  font-size: 12px;
  color: #333;
  line-height: 18px;
  text-indent: -1em;
  padding: 0 0 0 1em;
}

/* point --------------------------------*/
#mypage_point h3{ margin-bottom: 10px; }
#mypage_point h4{
  color: #1dbee5;
  background: #fff;
}
#mypage_point .contents_mypage > p { padding: 0 0 20px; }
#mypage_point .point_area {
  width: 100%;
  margin-bottom: 30px;
}

#mypage_point .point_area:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#mypage_point .point_area div {
  box-sizing: border-box;
  padding: 0 0 0 30px;
  border-left: solid 1px #dbdbdb;
  width: 420px;
  min-height: 115px;
  float: left;
}

#mypage_point .point_guide { float: left; }

#mypage_point .point_guide dt {
  font-weight: bold;
  color: #757c84;
}

#mypage_point .point_guide dd {
  font-size: 12px;
  padding: 5px 0 0;
}

#mypage_point .point_guide li { padding: 2px 0; }
#mypage_point .point_guide li a { text-decoration: none; }
#mypage_point .point_guide li a i { color: #999; }

#mypage_point .point_charge {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 0 35px;
  padding: 35px 20px;
  background: #f6f6f6;
  float: left;
}

#mypage_point .point_charge .btn {
  text-align: center;
  padding: 10px 0;
  width: 170px;
  display: inline-block;
}

#mypage_point .point_change {
  padding: 0 0 0 45px;
  float: left;
}

#mypage_point .point_change dt {
  font-weight: bold;
  color: #1dbee5;
}

#mypage_point .point_change dd { padding: 10px 0 0; }

#mypage_point .point_change .btn {
  text-align: center;
  padding: 10px 0;
  width: 200px;
  display: inline-block;
}

#mypage_point table td {
  box-sizing: border-box;
  font-size: 12px;
  text-align: center;
  padding: 8px 15px;
}

#mypage_point table td:nth-child(1) { width: 105px; }
#mypage_point table td:nth-child(2) { text-align: left; }
#mypage_point table td:nth-child(3) { width: 110px; }
#mypage_point table td:nth-child(4) { width: 110px; }
#mypage_point table td:nth-child(5) { width: 165px; }

/* point_list --------------------------------*/
#mypage_point_list .c_wrapper { padding: 10px 0 40px; }

#mypage_point_list h2 {
  font-size: 26px;
  font-weight: normal;
  color: #1dbee5;
  line-height: 30px;
  padding: 0 0 20px;
}

#mypage_point_list .point_area p {
  font-size: 12px;
  padding: 10px 0;
}

#mypage_point_list #list {
  width: 730px;
  overflow: hidden;
}

#mypage_point_list #list .read {
  font-size: 12px;
  color: #999;
  padding: 30px 0 0;
}

#mypage_point_list #list ul { width: 755px; }

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

#mypage_point_list #list li {
  border-top: solid 40px #fff;
  border-right: solid 25px #fff;
  width: 220px;
  float: left;
}

#mypage_point_list #list dt {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-size: 12px;
  color: #1dbee5;
  padding: 10px 20px;
  background: #fff0f6;
  position: relative;
}

#mypage_point_list #list dt span {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-family: "ƒqƒ‰ƒMƒm–Ύ’© ProN W6", "HiraMinProN-W6", "HG–Ύ’©E", "‚l‚r ‚o–Ύ’©", "MS PMincho", "MS –Ύ’©", serif;
  font-size: 20px;
  color: #fff;
  padding: 10px 15px;
  top: 0;
  right: 0;
  display: inline-block;
  background: #1dbee5;
  position: absolute;
}

#mypage_point_list #list dd {
  text-align: center;
  padding: 10px 0 0;
}

#mypage_point_list #list dd img {
  margin: 0 auto;
  width: 220px;
}

#mypage_point_list #list strong {
  text-align: left;
  padding: 10px;
  border-bottom: dotted 1px #ccc;
  display: block;
}

#mypage_point_list #list span {
  font-size: 12px;
  text-align: left;
  padding: 0 10px 20px;
  display: block;
}

#mypage_point_list #list p {
  text-align: left;
  padding: 10px;
}

#mypage_point_list #list li > a {
  text-align: center;
  margin: 0 auto 30px;
  padding: 8px 0;
  width: 90px;
  display: block;
}

/* point_form --------------------------------*/
#mypage_point_form .c_wrapper { padding: 10px 0 40px; }

#mypage_point_form h2 {
  font-size: 26px;
  font-weight: normal;
  color: #1dbee5;
  line-height: 30px;
  padding: 0 0 30px;
}

#mypage_point_form .item_no {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-size: 12px;
  color: #1dbee5;
  padding: 10px 20px;
  background: #fff0f6;
  position: relative;
}

#mypage_point_form .item_no strong {
  font-size: 14px;
  text-align: center;
  display: block;
}

#mypage_point_form #item_box {
  padding: 15px 0 0;
  width: 100%;
}

#mypage_point_form #item_box:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#mypage_point_form .fl { width: 220px; }

#mypage_point_form .fl a img {
  width: 220px;
  height: auto;
}

#mypage_point_form .fr { width: 460px; }
#mypage_point_form .fr h3 { padding: 20px 0 5px; }
#mypage_point_form .fr > p { padding: 0 0 30px; }

#mypage_point_form .fr > p span {
  padding: 10px 0 0;
  display: block;
}

#mypage_point_form .item_detail {
  padding: 30px 10px 0;
  border-top: solid 1px #d8d8d8;
}

#mypage_point_form .item_detail h4 {
  font-size: 16px;
  color: #1dbee5;
  padding: 0 0 20px;
}

#mypage_point_form .item_detail dl { position: relative; }

#mypage_point_form .item_detail dt {
  padding: 0 0 0 20px;
  position: absolute;
}

#mypage_point_form .item_detail dd { padding: 0 0 15px 120px; }
#mypage_point_form .item_detail dd:nth-child(4) { padding: 0 0 0 120px; }
#mypage_point_form .item_detail select { width: 110px; }

#mypage_point_form .item_shipping {
  padding: 0 30px 20px;
  border-bottom: solid 1px #d8d8d8;
}

#mypage_point_form .item_shipping h4 {
  font-size: 14px;
  color: #1dbee5;
  padding: 20px 0;
}

#mypage_point_form .item_shipping h4 a {
  font-weight: normal;
  color: #3184ca;
  margin: 0 0 0 15px;
}

#mypage_point_form .item_shipping dl { position: relative; }

#mypage_point_form .item_shipping dt {
  text-align: right;
  width: 80px;
  position: absolute;
}

#mypage_point_form .item_shipping dd { padding: 0 0 10px 115px; }

#mypage_point_form .fr p .btn {
  font-size: 14px;
  margin: 40px auto;
  padding: 12px 0;
  width: 170px;
  display: block;
}

#mypage_point_form .contents_mypage > p:last-child {
  text-align: right;
  padding: 15px 0 0;
  border-top: solid 1px #d8d8d8;
}

#mypage_point_form .contents_mypage > p:last-child a { text-decoration: none; }

/* point_conf */
#mypage_point_form .point_conf {
  padding: 10px 0 0;
  position: relative;
}

#mypage_point_form .point_conf > dt {
  font-weight: bold;
  padding: 14px 10px 12px;
  position: absolute;
}

#mypage_point_form .point_conf > dd {
  padding: 14px 0 12px 145px;
  border-bottom: solid 1px #d8d8d8;
}

#mypage_point_form .point_conf > dd:nth-child(2) { font-size: 16px; }
#mypage_point_form .point_conf > dd dl { position: relative; }

#mypage_point_form .point_conf > dd dt {
  text-align: right;
  width: 60px;
  position: absolute;
}

#mypage_point_form .point_conf > dd dd {
  font-size: 12px;
  padding: 0 0 10px 100px;
}

#mypage_point_form .point_thanks {
  font-size: 20px;
  color: #5c5c5c;
  line-height: 30px;
  padding: 105px 0 40px 235px;
  border-top: solid 1px #d8d8d8;
  background: url(../../../img/mypage/point_thanks.png) no-repeat 45px 55px;
}

#mypage_point_form .point_thanks h3 {
  font-size: 20px;
  font-weight: bold;
}

/* mypage_point_cart --------------------------------*/
#mypage_point_cart h3{ margin-bottom: 10px; }

#mypage_point_cart .box01 {
  margin: 20px 0 0;
  padding: 25px 30px;
  border: solid 1px #dbdbdb;
}

#mypage_point_cart .box01 .amount {
  font-size: 16px;
  padding: 0 0 20px;
}

#mypage_point_cart .box01 .amount strong {
  font-weight: bold;
  color: #dd910b;
}

#mypage_point_cart .box01 dl {
  margin: 0 auto;
  padding: 30px 0 0;
  border-top: solid 1px #dbdbdb;
  width: 640px;
}

#mypage_point_cart .box01 dt {
  font-size: 18px;
  font-weight: bold;
  padding: 0 10px;
  position: relative;
}

#mypage_point_cart .box01 dt span {
  font-size: 15px;
  font-weight: normal;
  color: #ccc;
  right: 10px;
  position: absolute;
}

#mypage_point_cart .box01 dt span a {
  font-weight: bold;
  color: #000;
}

#mypage_point_cart .box01 .point_select ul {
  padding: 5px 0 0;
  width: 100%;
}

#mypage_point_cart .box01 .point_select ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#mypage_point_cart .box01 .point_select li {
  padding: 10px 0 0 20px;
  width: 190px;
  float: left;
  height: 101px;
}

#mypage_point_cart .box01 .point_select label {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  box-sizing: border-box;
  border-radius: 10px;
  font-size: 14px;
  text-align: center;
  padding: 15px 0 10px;
  display: block;
  cursor: pointer;
}

#mypage_point_cart .box01 .point_select label.active {
  border: solid 1px #42CBFF;
  background: #E6F9FF;
}

#mypage_point_cart .box01 .point_select input { display: none; }

#mypage_point_cart .box01 .point_select strong {
  font-size: 14px;
  display: block;
}

#mypage_point_cart .box01 .point_select b {
  font-size: 20px;
  line-height: 24px;
}

#mypage_point_cart .box01 .point_select i { font-size: 10px; }

#mypage_point_cart .box01 .point_select span {
  font-size: 10px;
  font-weight: normal;
  color: #aaa;
  line-height: 14px;
  display: block;
}

#mypage_point_cart .box01 .simulation {
  color: #ccc;
  padding: 30px 20px;
}

#mypage_point_cart .box01 .simulation span {
  font-size: 14px;
  font-weight: bold;
  color: #1dbee5;
  display: inline;
}

#mypage_point_cart .box01 .point_payment { padding: 20px 5px 30px; }

#mypage_point_cart .box01 .point_payment li {
  font-size: 16px;
  font-weight: bold;
  padding: 0 50px 0 0;
  display: inline;
}

#mypage_point_cart .btn_area {
  text-align: center;
  padding: 50px 0;
  border-top: solid 1px #dbdbdb;
}

#mypage_point_cart .btn_area .btn {
  font-size: 16px;
  padding: 10px 0;
  width: 200px;
}

/* mypage_point_cart */
#mypage_point_cart .box02 { padding: 20px 0; }

#mypage_point_cart .box02 table {
  box-sizing: border-box;
  border: solid 1px #dbdbdb;
  border-bottom: none;
  width: 100%;
}

#mypage_point_cart .box02 table th, #mypage_point_cart .box02 table td {
  text-align: left;
  border-bottom: solid 1px #dbdbdb;
}

#mypage_point_cart .box02 table th {
  font-size: 16px;
  font-weight: bold;
  color: #5f5f5f;
  padding: 20px;
  width: 160px;
  background: #f7f7f7;
}

#mypage_point_cart .box02 table td { padding: 0 20px; }

#mypage_point_cart .box02 table td p {
  font-size: 12px;
  vertical-align: 5px;
  padding: 0 5px 0 0;
  display: inline-block;
}

#mypage_point_cart .box02 table td p strong { font-size: 20px; }

#mypage_point_cart .box02 table td .point_bonus {
  font-size: 10px;
  color: #1dbee5;
  line-height: 18px;
  vertical-align: 0;
  padding: 0 0 0 35px;
  position: relative;
}

#mypage_point_cart .box02 table td .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: #d3f3f8;
  content: "\f067";
  position: absolute;
}

#mypage_point_cart .box02 table td .point_bonus span {
  font-size: 12px;
  display: block;
}

#mypage_point_cart .box02 table td .point_bonus span strong { font-size: 16px; }

#mypage_point_cart .box03 {
  padding: 30px 40px;
  border: solid 1px #dbdbdb;
}

#mypage_point_cart #payment_conv dl {
  padding: 20px 0 0;
  position: relative;
}

#mypage_point_cart #payment_conv dt {
  font-size: 16px;
  position: absolute;
}

#mypage_point_cart #payment_conv dd { padding: 0 0 0 140px; }

#mypage_point_cart #payment_conv dd span {
  padding: 5px 0 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; }

#mypage_point_cart #payment_conv dd a img {
  vertical-align: -2px;
  margin: 0 5px 0 0;
}

#mypage_point_cart #payment_credit .credit_select {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
}

#mypage_point_cart #payment_credit .credit_select:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#mypage_point_cart #payment_credit .st {
  zoom: 1;
  overflow: hidden;
}
#mypage_point_cart h5{
  color: #1dbee5;
  font-size: 15px;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 10px;
}

#mypage_point_cart #payment_credit .st span {
  font-size: 14px;
  color: #9d9d9d;
  line-height: 30px;
  padding: 5px 38px 0 0;
  float: right;
}

#mypage_point_cart #payment_credit #radio_select li {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-radius: 5px 5px 5px 5px;
  font-size: 12px;
  line-height: 30px;
  margin-bottom: 5px;
  padding: 5px 0 5px 10px;
}

#mypage_point_cart #payment_credit #radio_select.conv li {
  width: 180px;
  float: left;
}

#mypage_point_cart #payment_credit #radio_select.conv li input { vertical-align: -2px; }
#mypage_point_cart #payment_credit #radio_select li input { margin-right: 15px; }

#mypage_point_cart #payment_credit #radio_select li p {
  padding-right: 25px;
  float: right;
}

#mypage_point_cart #payment_credit #radio_select li label, #mypage_point_cart #payment_credit #radio_select li input { cursor: pointer; }
#mypage_point_cart #payment_credit #radio_select li label span { font-size: 15px; }

#mypage_point_cart #payment_credit ul li .btn {
  font-size: 15px;
  margin-left: 20px;
  padding: 2px 10px;
}

#mypage_point_cart #payment_credit #radio_select li img { margin-right: 15px; }
#mypage_point_cart #payment_credit #radio_select li.active { background: #f8f8f8; }
#mypage_point_cart #payment_credit .box { padding: 25px 0 0; }
#mypage_point_cart #payment_credit .box h4 { margin-bottom: 15px; }

#mypage_point_cart #payment_credit .box .card_type {
  zoom: 1;
  margin-bottom: 20px;
  overflow: hidden;
}

#mypage_point_cart #payment_credit .box .card_type img { float: left; }

#mypage_point_cart #payment_credit .box .card_type p {
  font-size: 14px;
  padding: 25px;
  float: left;
}

#mypage_point_cart #payment_credit .box dl {
  margin-bottom: 10px;
  float: left;
}

#mypage_point_cart #payment_credit .box dt {
  font-size: 13px;
  font-weight: bold;
  line-height: 12px;
}

#mypage_point_cart #payment_credit .box dd select {
  vertical-align: middle;
  border: solid 1px #ccc;
  height: 28px;
}

#mypage_point_cart #payment_credit .box .card_number { margin-right: 20px; }
#mypage_point_cart #payment_credit .box dd { line-height: 4; }

#mypage_point_cart #payment_credit .box .card_number input {
  border-radius: 8px;
  border: 1px solid #d1d1d1;
  padding: 12px;
  width: 160px;
}

#mypage_point_cart #payment_credit .box select { padding: 5px; }

#mypage_point_cart #payment_credit .box .btn {
  line-height: 30px;
  margin-left: 15px;
  padding: 0 15px;
  font-size: 15px;
}

#mypage_point_cart #payment_credit .message_box {
  color: #519A14;
  text-align: center;
  margin: 15px 0;
  background: #E7FAD8;
}

#mypage_point_cart #payment_credit p.icon_ng { clear: both; }

#mypage_point_cart .order_area {
  text-align: center;
  padding: 50px 0;
}

#mypage_point_cart .order {
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  font-size: 16px;
  color: #000;
  text-align: center;
  text-decoration: none;
  margin: 0 0 15px;
  padding: 10px 30px;
  border: solid 1px #cd9a02;
  background: url(../../../img/reserv/order_bg.gif) repeat-x left top #ffd62a;
  cursor: pointer;
}

#mypage_point_cart .order:hover { background: url(../../../img/reserv/order_bg_over.gif) repeat-x left top #f9c700; }
#mypage_point_cart .order_area .back { color: #008de7; }

/* thanks */
#mypage_point_cart .point_cart_thanks {
  text-align: center;
  padding: 50px 100px;
  border: solid 1px #dbdbdb;
}

#mypage_point_cart .point_cart_thanks dt {
  font-size: 18px;
  font-weight: bold;
  color: #1dbee5;
}

#mypage_point_cart .point_cart_thanks dd { padding: 15px 0 0; }
#mypage_point_cart .point_cart_thanks dd .storelink a { color: #008de7; }

#mypage_point_cart .point_cart_thanks dd .storelink img {
  vertical-align: -2px;
  margin: 0 5px 0 0;
}

#mypage_point_cart .point_cart_thanks .note {
  font-size: 10px;
  color: #a9a9a9;
  line-height: 18px;
}

/* setting --------------------------------*/
#mypage_setting .contents_mypage .box .in_box {
  margin-bottom: 30px;
  border: solid 1px #dbdbdb;
}

#mypage_setting .contents_mypage dl {
  padding: 25px 0 15px;
  position: relative;
}

#mypage_setting .contents_mypage dt {
  font-weight: bold;
  text-align: right;
  width: 240px;
  position: absolute;
  line-height: 3;
}

#mypage_setting .contents_mypage dt span { color: #ff3a20; }

#mypage_setting .contents_mypage dd {
  padding: 0 0 10px 270px;
  line-height: 3;
}
#mypage_setting .contents_mypage dd input,
#mypage_setting .contents_mypage dd select{
  border-radius: 8px;
  border: 1px solid #d1d1d1;
  padding: 12px;
}
#mypage_setting .contents_mypage dd p { padding: 5px 0 0; }
#mypage_setting .contents_mypage .add_email { padding-bottom: 20px; }
#mypage_setting .contents_mypage dd li { padding: 0 0 8px; }

#mypage_setting .contents_mypage .box dd div {
  padding: 0 0 10px;
  border: none;
}

#mypage_setting .contents_mypage dd .btn {
  font-size: 13px;
  padding: 3px 15px 3px 10px;
  display: inline-block;
  margin-left: 12px;
}

#mypage_setting .contents_mypage dd span { font-size: 12px; }

#mypage_setting .contents_mypage form > div > p:last-child {
  text-align: center;
  padding: 30px 0;
  border-top: solid 1px #dbdbdb;
}

#mypage_setting .contents_mypage form > div > p:last-child input {
  font-size: 15px;
  padding: 14px 0;
  width: 160px;
}

#mypage_setting .contents_mypage form input[type="text"] { width: 230px; }

#mypage_setting .contents_mypage .add_tel input {
  font-size: 15px;
  padding: 5px;
}

#mypage_setting .contents_mypage .add_tel .btn {
  margin: 0 0 0 10px;
  padding: 6px 15px;
  display: inline-block;
}

#mypage_setting .contents_mypage form input.w_ss { width: 60px; }
#mypage_setting .contents_mypage form input.w_s { width: 105px; }
#mypage_setting .contents_mypage form input.w_l { width: 290px; }
#mypage_setting .contents_mypage form .w_pref { width: 110px; }

#mypage_setting .contents_mypage dd.line {
  margin: 0 0 25px;
  border-bottom: dotted 1px #dbdbdb;
}

#mypage_setting .contents_mypage dd p.note {
  font-size: 13px;
  color: #666;
  line-height: 20px;
  margin-left: -100px;
  padding: 10px 0;
}

#mypage_setting .tooltip01, #mypage_setting .tooltip02, #mypage_setting .tooltip03, #mypage_setting .tooltip04 {
  clear: both;
  position: relative;
}

#mypage_setting .tooltip01 div {
  font-size: 12px;
  line-height: 18px;
  padding: 5px 10px;
  border: 1px solid #000;
  width: 280px;
  z-index: 1000;
  top: 22px;
  left: 148px;
  display: none;
  background: #fff;
  position: absolute;
}

#mypage_setting .tooltip02 div {
  font-size: 12px;
  line-height: 18px;
  padding: 5px 10px;
  border: 1px solid #000;
  width: 280px;
  z-index: 1000;
  top: 22px;
  left: 97px;
  display: none;
  background: #fff;
  position: absolute;
}

#mypage_setting .tooltip03 div {
  font-size: 12px;
  line-height: 18px;
  padding: 5px 10px;
  border: 1px solid #000;
  width: 280px;
  z-index: 1000;
  top: 22px;
  left: 180px;
  display: none;
  background: #fff;
  position: absolute;
}

#mypage_setting .tooltip04 div {
  font-size: 12px;
  line-height: 18px;
  padding: 5px 10px;
  border: 1px solid #000;
  width: 280px;
  z-index: 1000;
  top: 22px;
  left: 97px;
  display: none;
  background: #fff;
  position: absolute;
}

#mypage_setting .tooltip04 img {
  vertical-align: middle

}

/* unregist --------------------------------*/
#mypage_unregist .c_wrapper { padding-bottom: 40px; }
#mypage_unregist h3{ margin-bottom: 10px; }

#mypage_unregist .contents_mypage > p {
  font-weight: bold;
  padding: 0 0 20px;
}

#mypage_unregist .contents_mypage dl {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 40px 80px;
  background: url(../../../img/mypage/unregist_caution.png) no-repeat 38px 38px #f6f6f6;
}

#mypage_unregist .contents_mypage dt {
  font-weight: bold;
  color: #1dbee5;
}

#mypage_unregist .contents_mypage ul { padding: 10px 0 0; }
#mypage_unregist .contents_mypage li { font-size: 12px; }
#mypage_unregist .contents_mypage li a { color: #0090c6; }

#mypage_unregist .contents_mypage div {
  text-align: center;
  padding: 40px 0 0;
}

#mypage_unregist .contents_mypage div p { padding: 0 0 20px; }

#mypage_unregist .contents_mypage div .btn {
  padding: 8px 30px;
  display: inline-block;
}

/* unregist_form --------------------------------*/
#mypage_unregist_form .c_wrapper { padding-bottom: 40px; }
#mypage_unregist_form .borderno{ border: none; }
#mypage_unregist_form h5{
  color: #1dbee5;
  font-size: 14px;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 10px;
}
#mypage_unregist_form h5 span{
  display: block;
  color: #666;
  font-size: 12px;
  font-weight: normal;
}
#mypage_unregist_form .contents_mypage div {
  padding: 30px;
  border: solid 1px #cfcfcf;
}

#mypage_unregist_form .contents_mypage div p {
  text-align: left;
  padding: 10px 0 25px;
}

#mypage_unregist_form .contents_mypage ul {
  margin-bottom: 30px;
}

#mypage_unregist_form .contents_mypage li {
  font-size: 16px;
  padding: 10px 25px 0 0;
  display: inline-block;
  white-space: nowrap;
}

#mypage_unregist_form .contents_mypage li input { margin: 0 5px 0 0; }

#mypage_unregist_form textarea {
  width: 560px;
  height: 95px;
  border-radius: 8px;
  border: 1px solid #d1d1d1;
  padding: 12px;
}

#mypage_unregist_form .contents_mypage p {
  text-align: center;
  padding: 40px 0 20px;
}

#mypage_unregist_form .contents_mypage .btn {
  font-size: 14px;
  margin: 0 auto;
  padding: 10px 0;
  width: 200px;
  display: block;
}

#mypage_unregist_form .contents_mypage a { color: #1183cb; }

/* unregist_thanks --------------------------------*/
#unregist_thanks {
  text-align: center;
  margin: 0 auto;
  padding: 0 0 40px;
  width: 900px;
}
#unregist_thanks h2{ margin-top: 50px; }
#unregist_thanks h3{
  color: #1dbee5;
  margin-bottom: 10px;
}

#unregist_thanks .box {
  line-height: 30px;
  padding: 40px 0;
  border: solid 1px #dbdbdb;
  width: 720px;
  margin: 0 auto;
}

#unregist_thanks p {
  font-size: 16px;
  padding: 0 0 40px;
}


/* reserv 
-----------------------------------------------------------------------------*/
/* header */
#reserv_header { border-top: solid 6px #1dbee5; }

#reserv_header div {
  margin: 0 auto;
  width: 860px;
}

#reserv_header {
  width: 100%;
  height: 150px;
  background: url(../../../img/title_bg.gif) no-repeat center bottom;
  background-size: 860px 18px;
}

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

#reserv_header h1 { float: left; }
#reserv_header p { float: left; }

#reserv_header span {
  font-size: 10px;
  padding: 40px 20px 0 0;
  display: block;
  float: right;
}

/* contents */
.reserv_wrapper {
  margin: 0 auto;
  padding: 30px 0 0;
  width: 840px;
}

.reserv_wrapper:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

.reserv_wrapper a { color: #30cbff; }
.reserv_wrapper a.btn { color: #000; }

.reserv_wrapper .main {
  width: 525px;
  float: left;
}

.reserv_wrapper .side {
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #eee;
  width: 285px;
  float: right;
}

.reserv_wrapper .note {
  font-size: 12px;
  color: #777;
  padding: 35px 0 0;
  clear: both;
}

.reserv_wrapper .note p {
  line-height: 18px;
  padding: 15px 0 0;
}

.reserv_wrapper .note a { color: #30cbff; }

.reserv_wrapper .add_text{
  padding: 20px 0;
  clear: both;
}
.reserv_wrapper .add_text span{ color: #fe3f75; }

.reserv_wrapper h2 {
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  padding: 0 0 20px;
}

.reserv_wrapper h3 {
  font-size: 18px;
  color: #333;
  margin: 20px 0;
  padding-left: 8px;
  border-left: 5px solid #1dbee5;
}

.reserv_wrapper .lead_text{
  color: #1dbee5;
  text-align: center;
  margin-bottom: 30px;
}
.reserv_wrapper .next_area {
  padding: 20px 30px 15px;
  background: #f8f8f8;
}

.reserv_wrapper .next_area .btn {
  box-sizing: border-box;
  font-size: 16px;
  text-align: center;
  margin: 0 0 5px;
  padding: 14px;
  width: 100%;
  display: block;
  position: relative;
}

.reserv_wrapper .next_area .btn:after{
  content: url(/img/icon_arr_gray.png);
  position: absolute;
  top: 30%;
  right: 5%;
}

.reserv_wrapper .next_area p {
  text-align: center;
  padding: 5px 0 0;
}

.reserv_wrapper .login_status,
.reserv_contents .login_status{
  margin-bottom: 20px;
}
.reserv_wrapper .login_status p,
.reserv_contents .login_status p{
  background: #1dbee5;
  color: #fff;
  text-align: center;
  padding: 10px;
}
.reserv_contents .login_status img{ width: 100%; }

.reserv_wrapper input[type="text"],
.reserv_wrapper input[type="number"],
.reserv_wrapper select{
  border-radius: 8px;
  border: 1px solid #d1d1d1;
  padding: 12px;
}


/* footer */
#reserv_footer {
  margin: 30px auto 10px;
  border-top: solid 1px #eee;
  width: 850px;
}

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

#reserv_footer div { float: left; }

#reserv_footer p {
  font-size: 10px;
  color: #a9a9a9;
  padding: 40px 0 0 20px;
  float: left;
}

#reserv_footer p a { color: #30cbff; }
#reserv_footer p span { padding: 0 0 0 20px; }

#reserv_footer ul {
  width: 140px;
  float: right;
}

#reserv_footer li {
  padding: 15px 10px 0 0;
  float: left;
}

#reserv_footer li:first-child { width: 70px; }
#reserv_footer li #ssl {font-size:8px;line-height: 12px;}
#reserv_footer li #ssl img{width: 50px!important;margin-bottom: 2px!important;}

.reserv_contents {
  margin: 0 auto;
  padding: 30px 0 50px;
  width: 640px;
}

.reserv_contents .btn { font-size: 14px; }

/* reserv_tel --------------------------------*/
#reserv_tel h2 {
  font-size: 16px;
  padding: 0 0 15px;
}

#reserv_tel > p { padding: 0 0 15px; }

#reserv_tel .step_current {
  box-sizing: border-box;
  margin: 0 0 60px;
  border: solid 1px #dcdcdc;
  width: 100%;
  display: table;
  position: relative;
}

#reserv_tel .step_current > h3 {
  box-sizing: border-box;
  font-size: 16px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  padding: 20px 20px;
  width: 150px;
  display: table-cell;
  background: #1dbee5;
}

#reserv_tel .step_current > h3 span {
  font-size: 14px;
  padding: 0 0 5px;
  display: block;
}

#reserv_tel .step_current > div {
  padding: 20px 30px;
  display: table-cell;
}

#reserv_tel .step_current > div span { font-size: 12px; }

#reserv_tel .step_current:after {
  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: 90px;
  color: #ccc;
  text-align: center;
  width: 100%;
  left: 0;
  bottom: -75px;
  display: block;
  content: "\f107";
  position: absolute;
}

#reserv_tel .step_done {
  font-size: 16px;
  font-weight: bold;
  color: #888;
  margin: 0 0 3px;
  padding: 5px 20px 5px;
  border: solid 1px #dcdcdc;
  background: url(../../../img/reserv/reserv_check.gif) no-repeat left top #f3f3f3;
  position: relative;
}

#reserv_tel .step_done span {
  box-sizing: border-box;
  font-size: 14px;
  padding: 0 25px 0;
}

#reserv_tel .step_next {
  font-size: 16px;
  font-weight: bold;
  color: #888;
  margin: 0 0 40px;
  padding: 15px 20px 13px;
  border: solid 1px #dcdcdc;
  position: relative;
}

#reserv_tel .step_next:after {
  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: 50px;
  color: #ccc;
  text-align: center;
  width: 100%;
  left: 0;
  bottom: -45px;
  display: block;
  content: "\f107";
  position: absolute;
}

#reserv_tel .step_next:last-child:after { display: none; }

#reserv_tel .step_next span {
  box-sizing: border-box;
  font-size: 14px;
  padding: 0 30px 0 0;
}

/* step01 */
#reserv_tel #step01 div div {
  margin: 10px 0 15px;
  padding: 10px 20px;
  background: #f6f6f6;
}

#reserv_tel #step01 div div span {
  font-size: 14px;
  padding: 0 15px 0 0;
}

#reserv_tel #step01 div div strong {
  font-size: 16px;
  font-weight: bold;
  color: #1dbee5;
  line-height: 24px;
}

#reserv_tel #step01 div a { color: #008de7; }

#reserv_tel #step01 .btn {
  color: #000;
  text-align: center;
  margin: 0 auto 10px;
  padding: 8px 0;
  width: 200px;
  display: block;
}

/* step02 */
#reserv_tel #step02 { margin-top: 20px; }

#reserv_tel #step02 div p strong {
  font-weight: normal;
  color: #1dbee5;
}

#reserv_tel #step02 div div {
  text-align: center;
  margin: 10px 0 15px;
  padding: 15px 20px;
  background: #f6f6f6;
}

#reserv_tel #step02 div div .btn {
  margin: 10px auto 0;
  padding: 8px 0;
  width: 145px;
  display: block;
}

#reserv_tel #step02 div div span {
  font-size: 14px;
  padding: 0 15px 0 0;
}

#reserv_tel #step02 div div strong {
  font-size: 16px;
  font-weight: bold;
  color: #1dbee5;
  line-height: 24px;
}

/* step03 */
#reserv_tel #step03 { margin-top: 20px; }

#reserv_tel #step03 div p strong {
  font-weight: normal;
  color: #1dbee5;
}

#reserv_tel #step03 div div {
  margin: 10px 0 0;
  padding: 15px 20px;
  background: #f6f6f6;
}

#reserv_tel #step03 div div input[type="text"] {
  width: 230px;
  border-radius: 8px;
  border: 1px solid #d1d1d1;
  padding: 12px;
  margin-top: 10px;
}

#reserv_tel #step03 div div .btn {
  margin: 0 0 0 8px;
  padding: 8px 20px;
}

/* tel_thanks */
#reserv_tel #tel_thanks {
  text-align: center;
  padding: 40px 0;
  border: solid 1px #dcdcdc;
}

#reserv_tel #tel_thanks h3 {
  font-size: 16px;
  color: #1dbee5;
}

#reserv_tel #tel_thanks p { padding: 10px 0 20px; }
#reserv_tel #tel_thanks a { color: #007ae1; }

/* reserv01_tel --------------------------------*/

#reserv01_tel .main > p {
  font-size: 10px;
  color: #a9a9a9;
  padding: 20px 0 30px;
}

#reserv01_tel #radio_select li {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 8px 10px;
  position: relative;
}

#reserv01_tel #radio_select label { cursor: pointer; }
#reserv01_tel #radio_select input { margin: 0 15px 0 5px; }

#reserv01_tel #radio_select a {
  padding: 4px 12px;
  top: 7px;
  right: 10px;
  display: inline-block;
  position: absolute;
}

#reserv01_tel #radio_select .active { background: #f8f8f8; }

#reserv01_tel .add {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 15px 20px 30px;
  border: solid 1px #eee;
}

#reserv01_tel .add h4 { font-size: 15px; }

#reserv01_tel .add dt {
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0 0;
}

#reserv01_tel .add dd input { font-size: 15px; }

#reserv01_tel .add dd .btn {
  margin: 0 0 0 10px;
  padding: 6px 15px;
  display: inline-block;
}

#reserv01_tel .add p {
  font-size: 13px;
  line-height: 18px;
  padding: 15px 0 0;
}

#reserv01_tel .main p.icon_ng {
  font-size: 12px;
  color: #ff3c3c;
  padding: 10px 0 0;
}

/* reserv_payment --------------------------------*/
#reserv_payment .main { border-top: solid 1px #eee; }

#reserv_payment .main div {
  font-size: 16px;
  font-weight: bold;
  padding: 15px 0;
  border-bottom: solid 1px #eee;
  position: relative;
}

#reserv_payment .main label { cursor: pointer; }
#reserv_payment .main input { margin: 0 15px 0 5px; }

#reserv_payment .main div p {
  font-size: 12px;
  font-weight: normal;
  padding: 0 0 0 35px;
}

#reserv_payment .main div p span { color: #a9a9a9; }

#reserv_payment .main .tooltip {
  font-weight: normal;
  top: 18px;
  left: 500px;
  position: absolute;
}

#reserv_payment .main dd {
  font-size: 10px;
  line-height: 16px;
  padding: 10px 15px;
  border: solid 1px #ccc;
  width: 250px;
  z-index: 2;
  top: 10px;
  left: 10px;
  display: none;
  background: #fff;
  position: absolute;
}

#reserv_payment .main > p { padding: 20px 0 0; }
#reserv_payment .main > p span { color: #1dbee5; }

/* reserv03_card --------------------------------*/

#reserv03_card .box {
  box-sizing: border-box;
  margin: 20px 0 0;
  width: 100%;
}

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

#reserv03_card .st {
  zoom: 1;
  overflow: hidden;
}

#reserv03_card h4 {
  font-size: 14px;
  color: #000;
}

#reserv03_card .st h4 {
  padding: 0 0 5px 5px;
  float: left;
}

#reserv03_card .st span {
  font-size: 11px;
  color: #9d9d9d;
  line-height: 30px;
  padding: 5px 140px 0 0;
  float: right;
}

#reserv03_card #radio_select { margin: 0 10px 25px 10px; }

#reserv03_card #radio_select li {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-radius: 5px 5px 5px 5px;
  font-size: 12px;
  line-height: 30px;
  margin-bottom: 5px;
  padding: 5px 0 5px 10px;
}

#reserv03_card #radio_select li input { margin-right: 15px; }

#reserv03_card #radio_select li p {
  padding-right: 25px;
  float: right;
}

#reserv03_card #radio_select li label, #reserv03_card #radio_select li input { cursor: pointer; }
#reserv03_card #radio_select li label span { font-size: 14px; }

#reserv03_card ul li .btn {
  font-size: 14px;
  margin-left: 20px;
  padding: 4px 12px;
}

#reserv03_card #radio_select li img { margin-right: 15px; }
#reserv03_card #radio_select li.active { background: #f8f8f8; }

#reserv03_card .box {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-radius: 5px 5px 5px 5px;
  padding: 25px;
  border: 1px solid #eee;
}

#reserv03_card .box h4 { margin-bottom: 15px; }

#reserv03_card .box .card_type {
  zoom: 1;
  margin-bottom: 20px;
  overflow: hidden;
}

#reserv03_card .box .card_type img { float: left; }

#reserv03_card .box .card_type p {
  font-size: 12px;
  padding: 25px;
  float: left;
}

#reserv03_card .box dl {
  margin-bottom: 10px;
  float: left;
}

#reserv03_card .box dt {
  font-size: 11px;
  font-weight: bold;
  line-height: 2;
}

#reserv03_card .box dd select {
  vertical-align: middle;
  border: solid 1px #ccc;
  height: 28px;
}

#reserv03_card .box .card_number { margin-right: 20px; }
#reserv03_card .box dd { line-height: 33px; }

#reserv03_card .box .card_number input {
  vertical-align: bottom;
  width: 160px;
}

#reserv03_card .box select { padding: 5px; }

#reserv03_card .box .btn {
  line-height: 30px;
  margin: 3px 0 0 15px;
  padding: 0 15px;
}

#reserv03_card .message_box {
  color: #519A14;
  text-align: center;
  margin: 15px 0;
  background: #E7FAD8;
}

#reserv03_card p.icon_ng { clear: both; }

/* reserv03_other --------------------------------*/
#reserv03_other .main > p {
  font-size: 14px;
  line-height: 1.5;
  padding: 20px 0 0;
}

#reserv03_other .main > p span { color: #ccc; }

#reserv03_other .main .form_area {
  padding: 30px 0 20px;
  position: relative;
}

#reserv03_other .main .form_area dt {
  font-weight: bold;
  padding: 5px 0 0;
  position: absolute;
  line-height: 2.1;
}
#reserv03_other .main .form_area dt:first-of-type{
  padding-top: 0;
}
#reserv03_other .main .form_area dd:first-of-type{
  line-height: 2.1;
  padding-top: 0;
}

#reserv03_other .main .form_area dd { padding: 0 0 15px 150px; }

#reserv03_other .main .form_area input[type="number"] {
  box-sizing: border-box;
  padding: 10px;
  width: 80px;
  border-radius: 8px;
  border: 1px solid #d1d1d1;
}

#reserv03_other .main .form_area .btn {
  font-size: 12px;
  margin: 0 0 0 15px;
  padding: 5px 10px;
}

#reserv03_other .main .form_area select {
  box-sizing: border-box;
  width: 120px;
}

#reserv03_other .main .form_area input[type="text"] {
  box-sizing: border-box;
  width: 240px;
}

#reserv03_other .main .invoice {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
  border: solid 1px #eee;
}

#reserv03_other .main .invoice dt { font-weight: bold; }
#reserv03_other .main .invoice dd { padding: 10px 0 0; }
#reserv03_other .main .invoice ul { width: 100%; }

#reserv03_other .main .invoice ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#reserv03_other .main .invoice li {
  font-size: 14px;
  padding: 0 15px 0 0;
  float: left;
}

#reserv03_other .main .invoice li label { cursor: pointer; }
#reserv03_other .main .invoice li input { margin: 0 10px 0 0; }

#reserv03_other .next_area .btn03{
  color: #000;
  width: 100%;
}
#reserv03_other .next_area .btn03:hover{ background: #fff; }


/* reserv_point --------------------------------*/
#reserv_point_cart .main {
  padding: 30px 0 0;
  border-top: 1px solid #eee;
}

#reserv_point_cart .notice { color: #1dbee5; }

#reserv_point_cart .box01 {
  margin: 20px 0 0;
  padding: 25px 30px;
  border: solid 1px #dbdbdb;
}

#reserv_point_cart .box01 .amount {
  font-size: 16px;
  padding: 0 0 20px;
}

#reserv_point_cart .box01 .amount strong {
  font-weight: bold;
  color: #dd910b;
}

#reserv_point_cart .box01 dl {
  margin: 0 auto;
  padding: 30px 0 0;
  border-top: solid 1px #dbdbdb;
}

#reserv_point_cart .box01 dt {
  font-size: 18px;
  font-weight: bold;
  padding: 0 10px;
  position: relative;
}

#reserv_point_cart .box01 dt span {
  font-size: 14px;
  font-weight: normal;
  color: #ccc;
  right: 10px;
  position: absolute;
}

#reserv_point_cart .box01 dt span a {
  font-weight: bold;
  color: #000;
}

#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 {
  padding: 10px 0 0 20px;
  width: 235px;
  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: 15px 0 10px;
  display: block;
  cursor: pointer;
}

#reserv_point_cart .box01 .point_select label.active {
  border: solid 1px #42CBFF;
  background: #E6F9FF;
}

#reserv_point_cart .box01 .point_select input { display: none; }

#reserv_point_cart .box01 .point_select strong {
  font-size: 14px;
  display: block;
}

#reserv_point_cart .box01 .point_select b {
  font-size: 20px;
  line-height: 24px;
}

#reserv_point_cart .box01 .point_select i { font-size: 10px; }

#reserv_point_cart .box01 .point_select span {
  font-size: 10px;
  font-weight: normal;
  color: #aaa;
  line-height: 14px;
  display: block;
}

#reserv_point_cart .box01 .simulation {
  color: #ccc;
  padding: 30px 20px;
}

#reserv_point_cart .box01 .simulation span {
  font-size: 14px;
  font-weight: bold;
  color: #1dbee5;
  display: inline;
}

#reserv_point_cart .box01 .point_payment { padding: 20px 5px 30px; }

#reserv_point_cart .box01 .point_payment li {
  font-size: 16px;
  font-weight: bold;
  padding: 0 50px 0 0;
  display: inline;
}

#reserv_point_cart .btn_area {
  text-align: center;
  padding: 50px 0 0;
}

#reserv_point_cart .btn_area .btn {
  font-size: 16px;
  padding: 10px 0;
  width: 200px;
}

#reserv_point_cart .btn_area span {
  padding: 30px 0 0;
  display: block;
}

/* reserv_point_cart */
#reserv_point_cart .box02 { padding: 20px 0; }

#reserv_point_cart .box02 table {
  box-sizing: border-box;
  border: solid 1px #dbdbdb;
  border-bottom: none;
  width: 100%;
}

#reserv_point_cart .box02 table th, #reserv_point_cart .box02 table td {
  text-align: left;
  border-bottom: solid 1px #dbdbdb;
}

#reserv_point_cart .box02 table th {
  font-size: 16px;
  font-weight: bold;
  color: #5f5f5f;
  padding: 20px;
  width: 160px;
  background: #f7f7f7;
}

#reserv_point_cart .box02 table td { padding: 0 20px; }

#reserv_point_cart .box02 table td p {
  font-size: 12px;
  vertical-align: 5px;
  padding: 0 5px 0 0;
  display: inline-block;
}

#reserv_point_cart .box02 table td p strong { font-size: 20px; }

#reserv_point_cart .box02 table td .point_bonus {
  font-size: 10px;
  color: #1dbee5;
  line-height: 18px;
  vertical-align: 0;
  padding: 0 0 0 35px;
  position: relative;
}

#reserv_point_cart .box02 table td .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 table td .point_bonus span {
  font-size: 12px;
  display: block;
}

#reserv_point_cart .box02 table td .point_bonus span strong { font-size: 16px; }

#reserv_point_cart .box03 {
  padding: 30px 40px;
  border: solid 1px #dbdbdb;
}

#reserv_point_cart .box03 h3 {
  font-size: 18px;
  font-weight: bold;
}

#reserv_point_cart #payment_conv dl {
  padding: 20px 0 0;
  position: relative;
}

#reserv_point_cart #payment_conv dt {
  font-size: 16px;
  position: absolute;
}

#reserv_point_cart #payment_conv dd { padding: 0 0 0 140px; }

#reserv_point_cart #payment_conv dd span {
  padding: 5px 0 0;
  display: block;
}

#reserv_point_cart #payment_conv dd p {
  font-size: 16px;
  padding: 0 0 10px;
}

#reserv_point_cart #payment_conv dd a { color: #008de7; }

#reserv_point_cart #payment_conv dd a img {
  vertical-align: -2px;
  margin: 0 5px 0 0;
}

#reserv_point_cart #payment_credit .credit_select {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
}

#reserv_point_cart #payment_credit .credit_select:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#reserv_point_cart #payment_credit .st {
  zoom: 1;
  overflow: hidden;
}

#reserv_point_cart #payment_credit h4 {
  font-size: 14px;
  color: #000;
}

#reserv_point_cart #payment_credit .st h4 {
  padding: 0 0 5px 5px;
  float: left;
}

#reserv_point_cart #payment_credit .st span {
  font-size: 11px;
  color: #9d9d9d;
  line-height: 30px;
  padding: 5px 38px 0 0;
  float: right;
}

#reserv_point_cart #payment_credit #radio_select li {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-radius: 5px 5px 5px 5px;
  font-size: 12px;
  line-height: 30px;
  margin-bottom: 5px;
  padding: 5px 0 5px 10px;
}

#reserv_point_cart #payment_credit #radio_select li input { margin-right: 15px; }

#reserv_point_cart #payment_credit #radio_select li p {
  padding-right: 25px;
  float: right;
}

#reserv_point_cart #payment_credit #radio_select li label, #reserv_point_cart #payment_credit #radio_select li input { cursor: pointer; }
#reserv_point_cart #payment_credit #radio_select li label span { font-size: 14px; }

#reserv_point_cart #payment_credit ul li .btn {
  font-size: 14px;
  margin-left: 20px;
  padding: 2px 10px;
}

#reserv_point_cart #payment_credit #radio_select li img { margin-right: 15px; }
#reserv_point_cart #payment_credit #radio_select li.active { background: #f8f8f8; }
#reserv_point_cart #payment_credit .box { padding: 25px 0 0; }
#reserv_point_cart #payment_credit .box h4 { margin-bottom: 15px; }

#reserv_point_cart #payment_credit .box .card_type {
  zoom: 1;
  margin-bottom: 20px;
  overflow: hidden;
}

#reserv_point_cart #payment_credit .box .card_type img { float: left; }

#reserv_point_cart #payment_credit .box .card_type p {
  font-size: 12px;
  padding: 25px;
  float: left;
}

#reserv_point_cart #payment_credit .box dl {
  margin-bottom: 10px;
  float: left;
}

#reserv_point_cart #payment_credit .box dt {
  font-size: 11px;
  font-weight: bold;
  line-height: 12px;
}

#reserv_point_cart #payment_credit .box dd select {
  vertical-align: middle;
  border: solid 1px #ccc;
  height: 28px;
}

#reserv_point_cart #payment_credit .box .card_number { margin-right: 20px; }
#reserv_point_cart #payment_credit .box dd { line-height: 33px; }

#reserv_point_cart #payment_credit .box .card_number input {
  vertical-align: bottom;
  padding: 5px;
  width: 160px;
}

#reserv_point_cart #payment_credit .box select { padding: 5px; }

#reserv_point_cart #payment_credit .box .btn {
  line-height: 30px;
  margin-left: 15px;
  padding: 0 15px;
}

#reserv_point_cart #payment_credit .message_box {
  color: #519A14;
  text-align: center;
  margin: 15px 0;
  background: #E7FAD8;
}

#reserv_point_cart #payment_credit p.icon_ng { clear: both; }

#reserv_point_cart .order_area {
  text-align: center;
  padding: 50px 0 0;
}

#reserv_point_cart .order {
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  font-size: 16px;
  color: #000;
  text-align: center;
  text-decoration: none;
  margin: 0 0 15px;
  padding: 10px 30px;
  border: solid 1px #cd9a02;
  background: url(../../../img/reserv/order_bg.gif) repeat-x left top #ffd62a;
  cursor: pointer;
}

#reserv_point_cart .order:hover { background: url(../../../img/reserv/order_bg_over.gif) repeat-x left top #f9c700; }
#reserv_point_cart .order_area .back { color: #008de7; }

/* thanks */
#reserv_point_cart .point_cart_thanks { padding: 0 20px; }
#reserv_point_cart .point_cart_thanks p.link { padding: 15px 0 50px; }
#reserv_point_cart .point_cart_thanks p.link a { color: #008de7; }

#reserv_point_cart .point_cart_thanks p.link img {
  vertical-align: middle;
  margin: 0 8px 0 0;
}

#reserv_point_cart .point_cart_thanks .note01 {
  font-size: 10px;
  color: #a9a9a9;
  line-height: 18px;
  margin: 10px 0 0;
}

/* reserv_conf --------------------------------*/
#reserv_conf .catch {
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 30px;
}

#reserv_conf .catch span {
  color: #ff0000;
  padding: 10px 0 0;
  display: block;
}

#reserv_conf h3 { margin: 0; }

#reserv_conf h4 {
  font-size: 16px;
  color: #1dbee5;
  margin-top: 5px;
  background: #eee;
  padding: 10px;
}

#reserv_conf h4 span {
  font-size: 12px;
  font-weight: normal;
  color: #a9a9a9;
  padding: 0 0 0 45px;
}

#reserv_conf .main dl {
  padding: 40px 0 40px 15px;
  position: relative;
}

#reserv_conf .main dl:nth-child(4) { padding-bottom: 0; }
#reserv_conf .main .btn_point dt:nth-of-type(2){ line-height: 3; }
#reserv_conf .main .btn_point dd{ padding-bottom: 30px; }
#reserv_conf .main .btn_point dd p.use_point{ color: #a9a9a9; }

#reserv_conf .main .btn_point dd p.attention{
  font-size: 13px;
  background: #333;
  color: #fff;
  border-radius: 18px;
  display: inline-block;
  margin: 6px 0 0 120px;
  padding: 2px 12px;
  position: relative;
}
#reserv_conf .main .btn_point dd p.attention:before{
  content: "";
  position: absolute;
  top: -12px;
  left: 78%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 15px 5px;
  border-color: transparent transparent #333333 transparent;
}

#reserv_conf .main dt {
  font-weight: bold;
  position: absolute;
}

#reserv_conf .main dd { padding: 0 0 20px 135px; }
#reserv_conf .main dd a { margin: 0 0 0 15px; }
#reserv_conf .main dd p { padding: 0 0 5px; }

#reserv_conf .main dd p span.birthday_area {
  width: 218px;
  display: inline-block;
}

#reserv_conf .main dd input[type="number"] { width: 100px; }
#reserv_conf .main dd input[type="text"] { width: 204px; }

#reserv_conf .main dd input.error {
  border: solid 1px #1dbee5;
  background: #FFDBE4;
}

#reserv_conf .main dd span.error {
  font-size: 12px;
  font-weight: normal;
  color: #900;
  padding: 0 0 0 25px;
  min-height: 22px;
  display: block;
  background: url(../../../img/reserv/icon_notice.png) no-repeat 0 2px;
}

#reserv_conf .main dd .btn {
  box-sizing: border-box;
  font-size: 14px;
  margin: 0 0 0 20px;
  padding: 3px 15px;
  height: 41px;
}

#reserv_conf .main dd .used {
  font-size: 14px;
  color: #888;
  padding: 0 0 0 30px;
}

#reserv_conf .main dd .using {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  color: #63CEFF;
  margin: 0 0 0 10px;
  padding: 0 5px 0 30px;
  border: solid 1px #63CEFF;
  width: 85px;
  height: 22px;
  display: inline-block;
  background: url(../../../img/reserv/check.png) no-repeat 7px 7px;
  cursor: pointer;
}

#reserv_conf .main dd .using:hover { background: url(../../../img/reserv/check.png) no-repeat 7px 7px #fafafa; }

#reserv_conf .main dd .birthday {
  margin: 10px 0 0;
  padding: 15px 0 0;
  border-top: dotted 1px #ddd;
}

#reserv_conf .main dd .birthday input { margin: 0; }
#reserv_conf .side .teller { padding: 15px; }
#reserv_conf .side .teller strong { color: #1dbee5; }

#reserv_conf .side .teller dl {
  padding: 10px 0 15px;
  position: relative;
}

#reserv_conf .side .teller dt { position: absolute; }

#reserv_conf .side .teller dt img {
  width: 95px;
  height: auto;
}

#reserv_conf .side .teller dd { padding: 70px 0 0 115px; }

#reserv_conf .side .teller dd span {
  font-size: 12px;
  color: #999;
  line-height: 14px;
  display: block;
}

#reserv_conf .side .teller p {
  font-size: 12px;
  line-height: 18px;
  margin: 10px 0 0 ;
}

#reserv_conf .side .teller .desc dd{ font-weight: bold; }
#reserv_conf .side .teller .order_number{ margin: 15px 10px 8px; }

#reserv_conf .side .teller .order_number span{
  margin-left: 16px;
  font-weight: bold;
  vertical-align: super;
}

#reserv_conf .side .detail {
  -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;
  background: #f8f8f8;
}

#reserv_conf .side .detail dl {
  font-size: 10px;
  line-height: 18px;
  position: relative;
}

#reserv_conf .side .detail dt { position: absolute; }
#reserv_conf .side .detail dd { padding: 0 0 0 70px; }
#reserv_conf .side .detail dd a { color: #0751e8; }

#reserv_conf .side .detail .order {
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  color: #000;
  text-align: center;
  text-decoration: none;
  margin: 15px auto;
  padding: 8px;
  border: solid 1px #cd9a02;
  width: 220px;
  display: block;
  background: url(../../../img/reserv/order_bg.gif) repeat-x left top #ffd62a;
}

#reserv_conf .side .detail .order:hover { background: url(../../../img/reserv/order_bg_over.gif) repeat-x left top #f9c700; }

#reserv_conf .side .detail p {
  font-size: 10px;
  text-align: right;
}

#reserv_conf .side .detail p span {
  color: #888;
  padding: 0 0 0 22px;
  line-height: 2.2;
  min-height: 20px;
  display: inline-block;
  background: url(../../../img/icon_clock.png) no-repeat 0 2px;
}

#reserv_conf .errorbox {
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  color: #ff0000;
  text-align: center;
  margin: 0 0 30px;
  padding: 10px;
  background: #F0F0F0;
}

/* teller */

#reserv_conf .side .teller .profile dd{
  color: #666 !important;
  font-size:15px !important;
}
#reserv_conf .side .teller .profile p{
  font-size:12px !important;
}
#reserv_conf .side .teller dl.desc{
  padding-bottom: 0;
}
#reserv_conf .side .teller .desc dt,
#reserv_conf .side .teller .desc dd{
  font-size:14px !important;
  display: block;
}
#reserv_conf .side .teller .desc dd{
  padding-left: 90px !important;
  padding-top: 0;
  font-weight: normal;
}
#reserv_conf .side .detail .title_detail{
  font-size: 11px !important;
  text-align: center;
  color: #444;
}

/* notice */
#reserv_conf .side .notice {
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  margin: 5px 0 0;
  padding: 10px;
  background: #000;
}

#reserv_conf .side .notice img {
  vertical-align: -3px;
  margin: 0 5px 0 0;
}

/* modal */
#reserv_conf #modal { display: none; }

.modal_box {
  padding: 5px 10px;
  position: relative;
}

.modal_box .close {
  width: 21px;
  height: 21px;
  top: 0;
  right: 0;
  display: block;
  position: absolute;
}

#tel_area strong { font-size: 16px; }
#tel_area ul { padding: 10px 25px 50px; }
#tel_area li { padding: 15px 0 0 20px; }
#tel_area .active { background: url(../../../img/reserv/icon_check.gif) no-repeat 0 19px; }

#tel_area li span {
  color: #900;
  padding: 0 0 0 20px;
}

#tel_area li .btn {
  font-size: 12px;
  margin: 0 0 0 20px;
  padding: 0 20px;
  display: inline-block;
}

#tel_area p { padding: 0 0 5px; }

#tel_area p a {
  font-weight: bold;
  color: #30cbff;
}

#using_area strong { font-size: 16px; }
#using_area ul { padding: 15px 25px 30px; }
#using_area li { padding: 10px 0 0 20px; }

#using_area .active {
  padding: 12px 0 2px 20px;
  background: url(../../../img/reserv/icon_check.gif) no-repeat 0 18px;
}

#using_area li span {
  color: #900;
  padding: 0 0 0 20px;
}

#using_area li a span {
  font-size: 10px;
  color: #999;
  padding: 0;
}

#using_area li .btn {
  font-size: 12px;
  padding: 2px 10px;
  display: inline-block;
}

#using_area p {
  font-size: 10px;
  color: #999;
  line-height: 18px;
}

#notification_area strong { font-size: 16px; }
#notification_area ul { padding: 15px 25px 30px; }
#notification_area li { padding: 10px 0 0 20px; }

#notification_area .active {
  padding: 12px 0 2px 20px;
  background: url(../../../img/reserv/icon_check.gif) no-repeat 0 18px;
}

#notification_area li span {
  color: #900;
  padding: 0 0 0 20px;
}

#notification_area li a span {
  font-size: 10px;
  color: #999;
  padding: 0;
}

#notification_area li .btn {
  font-size: 12px;
  padding: 2px 10px;
  display: inline-block;
}

#notification_area p {
  font-size: 10px;
  color: #999;
  line-height: 18px;
}

/* reserv_thanks --------------------------------*/
#reserv_thanks .lead_text{
  font-weight: bold;
  font-size: 21px;
  margin-top: 20px;
}

#reserv_thanks .catch {
  font-size: 10px;
  line-height: 18px;
}

#reserv_thanks .catch span {
  color: #1dbee5;
  padding: 10px 0 0;
  display: block;
}

#reserv_thanks .teller dl {
  padding: 0 10px;
  position: relative;
}

#reserv_thanks .teller dt { position: absolute; }

#reserv_thanks .teller dt img {
  width: 100px;
  height: auto;
}

#reserv_thanks .teller dd { 
  font-size: 14px;
padding: 0 0 0 115px; }

#reserv_thanks .teller dd span {
  font-size: 12px;
  color: #777;
  line-height: 1.5;
  display: block;
}

#reserv_thanks .teller dd p {
  font-size: 14px;
  padding: 20px 0 5px;
}

#reserv_thanks .teller dd strong {
  padding: 0 0 15px;
  display: block;
}

#reserv_thanks .after_process {
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 40px 0 0;
  padding: 15px 50px 15px 15px;
  width: 100%;
  background: #f8f8f8;
}

#reserv_thanks .after_process:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#reserv_thanks .after_process h4 {
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  box-sizing: border-box;
  font-size: 15px;
  color: #fff;
  line-height: 1.5;
  padding: 35px 0;
  width: 110px;
  background: #1dbee5;
  float: left;
  text-align: center;
}

#reserv_thanks .after_process ul {
  font-size: 15px;
  line-height: 1.8;
  width: 620px;
  float: right;
}

#reserv_thanks .after_process li {
  text-indent: -1.5em;
  padding: 5px 0 0;
}

#reserv_thanks .after_process li:first-child:after {
  font: normal normal normal 26px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #1dbee5;
  text-align: center;
  display: block;
  content: "\f0d7";
}

#reserv_thanks .btn_area {
  text-align: center;
  padding: 30px 0;
}

#reserv_thanks .btn_area .btn {
  padding: 15px 20px;
  display: inline-block;
}

#reserv_thanks h4 {
  font-size: 15px;
  color: #1dbee5;
  padding: 0 0 10px;
}

#reserv_thanks .troule { padding: 0 0 40px; }

#reserv_thanks .troule .t_box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  margin: 15px auto 0;
  border: solid 1px #ccc;
  width: 760px;
}

#reserv_thanks .troule .t_box h5 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 15px;
  font-weight: normal;
  padding: 12px 40px 12px 15px;
  background: url(../../../img/reserv/icon_plus.gif) no-repeat 730px 11px;
  cursor: pointer;
}

#reserv_thanks .troule .t_box .active { background: url(../../../img/reserv/icon_minus.gif) no-repeat 730px 11px; }

#reserv_thanks .troule .t_box div {
  box-sizing: border-box;
  font-size: 15px;
  line-height: 1.8;
  padding: 30px 35px;
  border-top: solid 1px #ccc;
  width: 100%;
  display: none;
}

#reserv_thanks .troule .t_box div:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#reserv_thanks .troule .t_box .btn {
  margin: 20px 0 0;
  padding: 2px 30px;
  display: inline-block;
}

#reserv_thanks .troule .t_box p.fl { width: 440px; }

#reserv_thanks .troule .t_box p.fl span {
  text-indent: -1em;
  padding: 20px 0 0 12px;
  display: block;
}

#reserv_thanks .troule .t_box dt { padding: 0 0 5px; }
#reserv_thanks .troule .t_box dd { padding: 0 0 10px; }

#reserv_thanks .troule .note {
  font-size: 14px;
  color: #777;
  margin: 0 auto;
  padding: 15px 0 0;
  width: 760px;
}

#reserv_thanks .contact div {
  box-sizing: border-box;
  margin: 20px auto;
  padding: 15px;
  width: 760px;
  background: #f8f8f8;
}

#reserv_thanks .contact div:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#reserv_thanks .contact div h5 {
  font-size: 15px;
  font-weight: bold;
  float: left;
}

#reserv_thanks .contact div p { float: left; }
#reserv_thanks .contact div p.times { padding: 15px 0 0 30px; }
#reserv_thanks .contact div p img { margin: 20px 30px 0 20px; }

#reserv_thanks .contact span {
  font-size: 12px;
  color: #777;
  line-height: 14px;
}

#reserv_thanks .contact strong {
  font-size: 15px;
  color: #000;
  line-height: 25px;
  display: block;
}

/* card --------------------------------*/
#mypage_card h3{ margin-bottom: 10px; }

#mypage_card .box {
  box-sizing: border-box;
  margin: 20px 0 0;
  width: 100%;
}

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

#mypage_card .box .fl { width: 445px; }

#mypage_card .box .fl h3 {
  font-size: 16px;
  font-weight: normal;
  color: #1dbee5;
}

#mypage_card .st {
  zoom: 1;
  margin-top: 30px;
  padding: 15px 0 5px;
  border-top: 1px solid #dbdbdb;
  overflow: hidden;
}

#mypage_card .st span {
  font-size: 13px;
  color: #9d9d9d;
  line-height: 30px;
  padding: 5px 140px 0 0;
  float: right;
}

#mypage_card #radio_select { margin: 0 10px 25px 10px; }

#mypage_card #radio_select li {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-radius: 5px 5px 5px 5px;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 5px;
  padding: 5px 0 5px 10px;
}

#mypage_card #radio_select li input { margin-right: 15px; }

#mypage_card #radio_select li p {
  padding-right: 25px;
  float: right;
}

#mypage_card #radio_select li label, #mypage_card #radio_select li input { cursor: pointer; }
#mypage_card #radio_select li label span { font-size: 14px; }

#mypage_card ul li .btn {
  font-size: 15px;
  margin-left: 20px;
  padding: 2px 10px;
}

#mypage_card #radio_select li img { margin-right: 15px; }
#mypage_card #radio_select li.active { background: #f8f8f8; }

#mypage_card .box {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-radius: 5px 5px 5px 5px;
  padding: 25px;
  border: 1px solid #dbdbdb;
}

#mypage_card .box h3 { margin-bottom: 15px; }

#mypage_card .box .card_type {
  zoom: 1;
  margin-bottom: 20px;
  overflow: hidden;
}

#mypage_card .box .card_type img { float: left; }

#mypage_card .box .card_type p {
  padding: 25px;
  float: left;
}

#mypage_card .box dl {
  margin-bottom: 10px;
  float: left;
}

#mypage_card .box dt {
  font-size: 14px;
  font-weight: bold;
  line-height: 12px;
}

#mypage_card .box dd select { vertical-align: bottom; }
#mypage_card .box .card_number { margin-right: 20px; }
#mypage_card .box dd { line-height: 4; }

#mypage_card .box .card_number input{
  width: 170px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #d1d1d1;
}

#mypage_card .box dd select{
  padding: 6px;
  border-radius: 8px;
  border: 1px solid #d1d1d1;
  margin-bottom: 10px;
}

#mypage_card .box .btn {
  line-height: 30px;
  margin-left: 15px;
  padding: 0 15px;
}

#mypage_card .description {
  font-size: 12px;
  color: #666;
  padding: 50px 0 25px;
}

#mypage_card .description a { color: #39c7ef; }

#mypage_card .nocard {
  margin-top: 30px;
  padding: 30px 0 15px;
  border-top: 1px solid #dbdbdb;
}

#mypage_card .message_box {
  color: #519A14;
  text-align: center;
  margin: 15px 0;
  background: #E7FAD8;
}

#mypage_card p.icon_ng { clear: both; }

/* thanks --------------------------------*/
#mypage_thanks .box {
  box-sizing: border-box;
  text-align: center;
  padding: 40px;
  border: solid 1px #dbdbdb;
  width: 100%;
}
#mypage_thanks .box p { padding-top: 20px; }

#mypage_thanks .box .btn {
  padding: 8px 30px;
  display: inline-block;
}


/* kantan --------------------------------*/
#kantan .notice {
  font-size: 12px;
  color: #8f8f8f;
  padding: 0 0 20px;
  display: block;
}

#kantan h2 {
  font-size: 14px;
  padding: 1px 10px 0;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  background: url(../../../img/reserv/kantan_st_bg.gif) repeat-x left bottom #fff;
}

#kantan .box { padding: 5px; }

#kantan .edit {
  font-weight: normal;
  margin: 0 0 0 30px;
}

#kantan .teller {
  padding: 30px 0;
  min-height: 90px;
  position: relative;
}

#kantan .teller dt { position: absolute; }

#kantan .teller dt img {
  width: 80px;
  height: auto;
}

#kantan .teller dd { padding: 10px 0 0 100px; }
#kantan .teller dd p { font-weight: bold; }

#kantan .teller dd .status {
  text-align: center;
  margin: 5px 0 0;
  width: 135px;
}

#kantan .teller dd .status p {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: normal;
  padding: 3px;
}

#kantan .date {
  font-weight: bold;
  padding: 50px 0;
}

/* schedule */
#kantan .schedule_tab { padding: 30px 0; }
#kantan .schedule_tab ul { width: 100%; }

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

#kantan .schedule_tab li {
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-weight: bold;
  text-align: center;
  border: solid 1px #cecece;
  width: 200px;
  float: left;
}

#kantan .schedule_tab li:nth-child(2) { margin: 0 15px; }

#kantan .schedule_tab li a, #kantan .schedule_tab li span {
  text-decoration: none;
  padding: 35px 0 0;
  display: block;
}

#kantan .schedule_tab li a { padding: 35px 0; }

#kantan .schedule_tab .current {
  border: solid 2px #cecece;
  background: #f9f9f9;
}

#kantan .schedule_tab .off { color: #a4a4a4; }

/* entry_box */
#kantan h3 {
  font-size: 14px;
  font-weight: normal;
  padding: 30px 0 20px;
  border-top: solid 1px #d0d0d0;
  position: relative;
}

#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);
  font-size: 12px;
  color: #ccc;
  color: #35cdff;
  padding: 0 10px;
  display: inline-block;
  content: "\f04b";
}

#kantan h3:first-child { border-top: none; }

#kantan h3 span {
  color: #888;
  top: 30px;
  right: 0;
  position: absolute;
}

#kantan .entry_box {
  padding: 0 0 30px 30px;
  width: 560px;
}

#kantan .entry_box:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#kantan .entry_box .entry_st {
  font-weight: bold;
  color: #1dbee5;
  line-height: 18px;
  text-align: center;
  padding: 8px 0 7px;
  border: solid 1px #1dbee5;
  width: 70px;
  display: block;
  float: left;
}

#kantan .entry_box .wait {
  width: 210px;
  float: left;
}

#kantan .entry_box .wait:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#kantan .entry_box .wait div {
  border-top: solid 5px #fff;
  border-left: solid 10px #fff;
  float: left;
}

#kantan .entry_box .wait div.working p { background: #ef4242; }

#kantan .entry_box .wait div p {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 10px;
  color: #fff;
  line-height: 12px;
  text-align: center;
  background: #666;
}

#kantan .entry_box .wait ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#kantan .entry_box .wait li {
  border-bottom: solid 2px #fff;
  min-width: 20px;
  float: left;
  white-space: nowrap;
}

#kantan .entry_box .wait li.count {
  font-size: 12px;
  padding: 4px 8px 0;
}

#kantan .entry_box .wait div.working li {
  text-align: center;
  width: 40px;
}

#kantan .entry_box .zero {
  min-height: 32px;
  min-width: 60px;
}

#kantan .entry_box .zero .count {
  text-align: center;
  min-width: 40px;
}

#kantan .entry_box .entry_btn {
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
  padding: 10px 0 0 80px;
  width: 192px;
  height: 49px;
  background: url(../../../img/_02_proft/entry_btn.gif) no-repeat left top;
  float: left;
}

/*  Campaign
-----------------------------------------------------------------------------*/
/* form */
#camp .notice { padding: 0 0 20px; }
#camp .notice .red { color: #ff3a20; }
#camp .box01 .sstitle { margin: 0 0 20px; }

#camp .form_box .box {
  padding: 30px 30px 20px 30px;
  border: 1px solid #dbdbdb;
  border-bottom: none;
}

#camp .form_box .box:last-child { border: 1px solid #dbdbdb; }

#camp .form_box .sst {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 40px;
  padding: 10px 15px;
  background: #FFF9FB;
  position: relative;
}

#camp .form_box .sst .btn {
  font-size: 14px;
  font-weight: normal;
  padding: 2px 10px;
  top: 7px;
  right: 5px;
  position: absolute;
}

#camp .form_box dl { position: relative; }

#camp .form_box dt {
  font-weight: bold;
  color: #000;
  line-height: 20px;
  text-align: right;
  width: 280px;
  position: absolute;
}

#camp .form_box dd { padding: 0 0 30px 310px; }

#camp .form_box input[type=text] {
  font-size: 14px;
  width: 200px;
}

#camp .form_box input.w_ss { width: 80px; }
#camp .form_box .zipSuggest input.w_ss { width: 75px; }

#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: 2px 8px;
  background: #ededed;
}

#camp .form_box textarea {
  font-size: 14px;
  width: 200px;
  height: 50px;
}

#camp .form_box input[type=checkbox], #camp .form_box input[type=radio] {
  vertical-align: middle;
  margin-right: 10px;
}

#camp .form_box #enquete dt {
  box-sizing: border-box;
  text-align: left;
  text-indent: -2.5em;
  padding: 0 0 0 3em;
}

#camp .form_box #enquete dt span { font-weight: normal; }
#camp .form_box #enquete dd { min-height: 80px; }
#camp .form_box #enquete .t_area { padding: 5px 0 0 0; }

#camp .form_box #enquete .t_area textarea {
  box-sizing: border-box;
  width: 80%;
  height: 80px;
}

#camp .box_pink {
  margin: 0 0 20px;
  padding: 10px 20px;
  background-color: #fbddde;
}

#camp .box_pink ul, #camp #ppBox {
  margin: 0 0 10px 0;
  border: 1px solid #ccc;
  height: 200px;
  background: #fff;
  overflow: auto;
}

#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 #ppBox ol {
  list-style-type: decimal;
  margin-left: 20px;
  padding: 10px 20px;
}

#camp #ppBox ol li {
  list-style-type: decimal;
  margin: 0 0 10px 20px;
}

#camp .box_blackline {
  padding: 30px;
  background: #f7f7f7;
}

#camp .box_blackline p { margin-bottom: 10px; }

#camp .box_blackline h4 {
  font-size: 16px;
  font-weight: bold;
  color: #ff407b;
  line-height: 28px;
  padding: 0 0 15px;
}

#camp .box_blackline ol {
  list-style-type: decimal;
  margin-left: 20px;
  padding: 10px 20px;
}

#camp .box_blackline ol li {
  list-style-type: decimal;
  margin: 0 0 10px 20px;
}

#camp .box_blackline ol.red { color: #e64343; }

#camp .btnbox p {
  text-align: center;
  padding: 10px;
}

#camp .btnbox ul {
  text-align: center;
  margin: 20px auto;
}

#camp .btnbox .btn01 {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-decoration: none;
  margin: 0 5px;
  padding: 10px 20px;
  border: none;
  display: inline-block;
  background: #1dbee5;
  cursor: pointer;
  position: relative;
}

/*  recruit
-----------------------------------------------------------------------------*/
/* recruit_form --------------------------------*/
#recruit_form h4 { margin: 20px 0 0; }

#recruit_form .box {
  padding: 20px 0 0;
  width: 100%;
}

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

#recruit_form .notice {
  width: 500px;
  float: left;
}

#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: 18px;
  width: 200px;
  float: right;
}

#recruit_form .ssl dt {
  text-align: center;
  padding: 10px 0 20px;
}

#recruit_form .notice_text {
  color: #ff391f;
  padding: 20px 0 0;
}

/* form */
#recruit_form .form_cont {
  margin: 30px 0 0;
  padding: 30px;
  border: 1px solid #dbdbdb;
}

#recruit_form .form_cont .sst {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 40px;
  padding: 10px 15px;
  background: #f3fdff;
  position: relative;
}

#recruit_form .form_cont dl { position: relative; }

#recruit_form .form_cont dt {
  font-weight: bold;
  color: #000;
  line-height: 20px;
  text-align: right;
  width: 220px;
  position: absolute;
}

#recruit_form .form_cont dd { padding: 0 0 30px 250px; }
#recruit_form .form_cont dd li { display: inline-block; }
#recruit_form .form_cont dd li li { padding-top: 10px; }
#recruit_form .form_cont input[type="text"] { width: 50%; }
#recruit_form .form_cont input[type="email"] { width: 50%; }
#recruit_form .form_cont input.w_ss { width: 15%; }
#recruit_form .form_cont .zipSuggest input.w_ss { width: 75px; }

#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: 2px 8px;
  background: #ededed;
}

#recruit_form .form_cont input.w_s { width: 30%; }
#recruit_form .form_cont input.w_l { width: 80%; }

#recruit_form .form_cont textarea {
  width: 90%;
  height: 80px;
}

#recruit_form .form_cont .zipbtn {
  font-size: 12px;
  padding: 2px 10px;
}

#recruit_form .privacy {
  margin: 30px 0 0;
  padding: 30px;
  background: #F9F9F9;
}

#recruit_form .privacy h4 {
  font-size: 16px;
  font-weight: bold;
  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: 0 0 10px;
  padding: 10px;
  border: 1px solid #ccc;
  height: 150px;
  background: #fff;
  overflow: auto;
}

#recruit_form .privacy .kiyaku dl {
  padding: 0;
  width: 100%;
  position: static;
}

#recruit_form .privacy .kiyaku dt {
  text-align: left;
  padding: 10px 0 10px;
  width: 100%;
  position: static;
}

#recruit_form .privacy .kiyaku dd {
  padding: 0;
  width: 100%;
  position: static;
}

#recruit_form .privacy .kiyaku ul { color: #000; }
#recruit_form .align_c { margin-top: 30px; }

#recruit_form .btn_area {
  text-align: center;
  padding: 30px 0 0;
}

#recruit_form .btn_area .btn01 {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-decoration: none;
  margin: 0 5px;
  padding: 10px 20px;
  border: none;
  display: inline-block;
  background: #1dbee5;
  cursor: pointer;
  position: relative;
}

#recruit_form .form_cont .thanks {
  text-align: center;
  margin: 0 0 30px;
}

/*  One Phrase
-----------------------------------------------------------------------------*/
#onephrase .c_wrapper { text-align: center; }

#onephrase #result a {
  font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', Verdana, sans-serif;
  font-weight: bold;
  text-decoration: none;
}

#onephrase .select_area { padding: 30px 0 0 0; }
#onephrase select { padding: 5px;
  font-size:15px;
  border:1px solid #666;
  padding:10px 10px;
  background:#fff;
  border-radius: 4px;
}

#onephrase #onephrase_area {
  height: 950px;
  position: relative;
}

#onephrase #onephrase_area #result {
  width: 100%;
  height: 800px;
}

#onephrase #onephrase_area .pic {
  height: 370px;
  z-index: 999;
  left: -20px;
  bottom: 0;
  position: absolute;
}

#onephrase #onephrase_area .pic ul { position: relative; }

#onephrase #onephrase_area .pic li {
  top: 0;
  position: absolute;
}

#onephrase #onephrase_area .pic li span {
  width: 260px;
  height: 100px;
  top: 0;
  display: block;
  position: absolute;
}

#onephrase #onephrase_area .pic li .eye03 { background: url(../../../img/onephrase/chara03_eye.png) no-repeat; }
#onephrase #onephrase_area img { display: block; }

#onephrase #onephrase_area .btn_area {
  text-align: center;
  width: 100%;
  bottom: 190px;
  display: block;
  position: absolute;
}

#onephrase #onephrase_area .btn_area a {
  border-radius: 5px;
  font-size: 20px;
  font-weight: bold;
  color: #1dbee5;
  text-decoration: none;
  padding: 17px 20px 15px 60px;
  border: 1px solid #ccc;
  display: inline-block;
  background: url("../../../img/onephrase/icon_reload.gif") no-repeat 18px 14px #fff;
}

#onephrase #onephrase_area .btn_area a:hover { background-color: #fafafa; }
#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 .title a:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
}

#navigator .submenu{ padding-top: 40px; }

#navigator .c_wrapper {
  letter-spacing: 0;
  margin: 0 15px;
  padding: 70px 0 20px;
  background: url(../../../img/navigator/bg.png);
  position: relative;
}

#navigator .pic {
  top: 20px;
  left: 10px;
  position: absolute;
}

#navigator .pic ul { position: relative; }

#navigator .pic li {
  top: 0;
  position: absolute;
}

#navigator .pic li span {
  width: 260px;
  height: 100px;
  top: 0;
  display: block;
  position: absolute;
}

#navigator .pic li .eye01 { background: url(../../../img/navigator/chara01_eye.png) no-repeat; }
#navigator .pic li .eye02 { background: url(../../../img/navigator/chara02_eye.png) no-repeat; }
#navigator .pic li .eye03 { background: url(../../../img/navigator/chara03_eye.png) no-repeat; }

#navigator .pic span.name {
  z-index: 3;
  top: 327px;
  left: 9px;
  display: block;
  position: absolute;
}

#navigator .bubble {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  box-sizing: border-box;
  margin: 0 0 0 300px;
  padding: 10px 20px;
  border: solid 1px #ccc;
  width: 610px;
  min-height: 610px;
  background: #FFFFFF;
  position: relative;
}

#navigator .bubble:after {
  width: 100px;
  height: 50px;
  top: 40px;
  left: -100px;
  background: url(../../../img/navigator/bubble_tail.png) no-repeat left top;
  content: '';
  position: absolute;
}

#navigator .bubble p {
  font-size: 16px;
  font-weight: normal;
  line-height: 35px;
  padding: 20px 15px 0;
}

#navigator .bubble p strong { font-weight: normal; }

#navigator .btn_area {
  box-sizing: border-box;
  padding: 10px 10px 0;
  width: 100%;
}

#navigator .btn_area:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#navigator .btn_area li {
  box-sizing: border-box;
  padding: 15px 10px 0;
  width: 50%;
  float: left;
}

#navigator .btn_area a {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-size: 22px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  padding: 40px 0 35px;
  display: block;
  background: #1dbee5;
  position: relative;
}

#navigator .btn_area a:hover { background: rgba(29,190,229,0.8); }

#navigator .btn_area a span {
  text-align: left;
  display: inline-block;
}

#navigator .btn_area a .new {
  font-size: 12px;
  font-weight: bold;
  color: #000;
  top: 18px;
  left: 25px;
  position: absolute;
}

#navigator .bubble .btn_select {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  font-family: ' ƒƒCƒŠƒI', Meiryo, " ƒqƒ‰ƒMƒmŠpƒSPro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-size: 16px;
  color: #fff;
  line-height: 25px;
  text-align: center;
  text-decoration: none;
  margin: 15px 0 10px;
  padding: 12px 0 10px;
  width: 200px;
  display: inline-block;
  background: #1dbee5;
}

#navigator .bubble .btn_select:hover { background: rgba(29,190,229,0.8); }

#navigator #btn_type a {
  font-size: 19px;
  text-align: left;
  padding: 22px 20px 20px;
}

#navigator #btn_type a.nothing {
  text-align: center;
  padding: 42px 0 0;
}

#navigator #btn_type span {
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  padding: 5px 0 0;
}

#navigator .btn_backarea { margin: 10px 0 10px 10px; }
#navigator .btn_backarea a { margin: 0 5px; }

#navigator .btn_backarea .btn_select {
  padding: 12px 20px 10px;
  width: auto;
}

#navigator .btn_backarea .btn_back {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  font-family: ' ƒƒCƒŠƒI', Meiryo, " ƒqƒ‰ƒMƒmŠpƒSPro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-size: 16px;
  color: #fff;
  line-height: 25px;
  text-align: center;
  text-decoration: none;
  margin: 20px 5px 10px;
  padding: 12px 25px 10px 60px;
  width: auto;
  display: inline-block;
  background: url(../../../img/navigator/back.png) no-repeat 20px 15px #ccc;
}

#navigator .btn_backarea .btn_back:hover { background: url(../../../img/navigator/back.png) no-repeat 20px 15px #ddd; }
#navigator #btn_genre li { width: 182px; }
#navigator #btn_genre a { padding: 25px 0; }

#navigator .teller dl {
  font-size: 16px;
  line-height: 35px;
  padding: 10px 15px 30px;
  position: relative;
}

#navigator .teller dt {
  padding: 10px 0 0;
  position: absolute;
}

#navigator .teller dt img {
  width: 80px;
  height: auto;
}

#navigator .teller dd {
  padding: 0 140px 0 100px;
  position: relative;
}

#navigator .teller p {
  padding: 0;
  top: 0;
  right: 0;
  position: absolute;
}

#navigator .teller a, #navigator .teller span, #navigator .bubble > p > a { text-decoration: none; }

#navigator .teller p a {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-family: ' ƒƒCƒŠƒI', Meiryo, " ƒqƒ‰ƒMƒmŠpƒSPro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  box-sizing: border-box;
  font-size: 22px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  padding: 25px 20px 20px;
  width: 120px;
  display: block;
  background: #1dbee5;
}

#navigator .teller p a:hover { background: rgba(29,190,229,0.8); }

#navigator .teller_detail dl {
  font-size: 15px;
  line-height: 1.8;
  color: #333;
  padding: 10px 15px 0;
  position: relative;
}

#navigator .teller_detail dt {
  padding: 10px 0 0;
  position: absolute;
}

#navigator .teller_detail dt img { height: auto; }

#navigator .teller_detail dd {
  padding: 0 0 0 160px;
  position: relative;
}

#navigator .teller_detail dd .status { padding: 15px 0 0; }
#navigator .teller_detail dd .status span { display: block; }

#navigator .teller_detail dd .status p {
  color: #1dbee5;
  padding: 5px 18px 10px;
}

#navigator .teller_detail dd .status ul {
  font-family: ' ƒƒCƒŠƒI', Meiryo, " ƒqƒ‰ƒMƒmŠpƒSPro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  color: #1dbee5;
  line-height: 24px;
  padding: 5px 18px 10px;
}

/*  Message
-----------------------------------------------------------------------------*/
#message { margin-bottom: 100px; }

#message .pageskip {
  text-align: center;
  margin-bottom: 50px;
}

br.sp {
  display:none;
}