html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
html {
  overflow-y: scroll;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
input, textarea {
  margin: 0;
  padding: 0;
}
ol, ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th {
  text-align: left;
}
a:focus {
  outline: none;
}
.both {
  clear: both;
}
.inline_block {
  display: inline-block;
 *display: inline;
 *zoom: 1;
}
img {
  max-width: 100%;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}
table {
  width: 100%;
}
 @charset "UTF-8";
:root {
  font-size: 10px
}
body {
  font-size: 15px;
  line-height: 1.8;
  font-family: Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Meiryo, "メイリオ", Osaka, MS PGothic, arial, helvetica, sans-serif;
  min-width:1100px;
}
img {
  max-width: 100%;
  height: auto
}
.container {
  width: 100%;
  box-sizing:border-box;
  padding:0 30px;
  position:relative;
  margin: 0 auto 60px
}
.container h1 {
  margin-bottom: 60px;
  text-align: center;
}
.container .orange {
  color: #f15a24!important
}
.container .brown {
  color: #603813!important
}
.container .fwb {
  font-weight: 700!important
}
.container .fws {
  font-size: 0.8em!important
}
.container .fwl {
  font-size: 1.1em!important
}
.container .fwel {
  font-size: 1.3em!important
}
.container .tac {
  text-align: center!important
}
.container .img-middle {
  vertical-align: middle
}
.container .fl-l {
  float: left
}
.container .fl-r {
  float: right
}
.container .tal{
  text-align: left;
}
.container .tar{
  text-align: right;
}
.container .tac{
  text-align: center;
}
.main{
  width: 100%;
  height:100%;
  padding-left: 250px;
  box-sizing:border-box;
}
.main h2 {
  background: url(../images/header-back.jpg) repeat-x center top;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  padding: 7px 0;
  color: #fff;
  margin:0 auto 30px
}
.main h3 {
  font-size: 21px;
  font-weight: 700;
  padding: 0 0 5px 10px;
  margin:0 auto 10px auto;
  border-bottom: 5px solid #d9a928
}
.main_list_area{
  min-height:600px !important;
}
.main_list_area ul{
  width:100%;
}
.main_list_area ul li{
  width: 220px;
  padding:10px;
  float: left;
  margin:0 10px 10px 0;
  box-sizing:border-box;
  border: 1px solid #989898;
  position:relative;
}
.main_list_area ul li figure {
    margin-bottom: 10px;
    height: 264px;
    overflow-y: hidden;
}

.main_list_area ul li .list_name{
  font-size: 16px;
  text-align: center;
}
.main_list_area ul li .list_job{
  font-size: 16px;
  text-align: center;
}
.main_list_area ul li .list_footer{
  margin-top: 1em;
  color:#808080;
}
.main_list_area ul li .list_footer a{
  color:#808080;
  text-decoration: none;
}
.main_list_area ul li .list_footer .list_star{
  font-size: 24px;
  display:inline-block;
  width: 45%;
}
.main_list_area ul li .list_footer .list_star span.decimal{
  font-size: 11px;
}
.main_list_area ul li .list_footer .list_more{
  font-size: 14px;
  display:inline-block;
  width: 48%;
  text-align: right;
  vertical-align: baseline;
}
.main_list_area ul li .list-type{
  position:absolute;
  top:200px;
  right:10px;
}
.main_list_area ul li a{
  color:#000;
  text-decoration: none;
}
.detail_area{
  min-height:600px !important;
}
.detail_area .detail_photo ul.main_image{
  margin-bottom: 10px;
}
.detail_area .detail_photo ul.main_image li{
  position:relative;
}
.detail_area .detail_photo ul.main_image li .youtube_play{
  position:absolute;
  width:61px;
  height:61px;
  margin:auto;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:100;
}
.detail_area .detail_photo ul.thumb li{
  width: 100px;
  height: 100px;
  overflow:hidden;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor:pointer;
  float: left;
}
.detail_area .detail_photo ul.thumb li:nth-child(3n){
  margin-right: 0;
}
.detail_area .detail_photo ul.thumb li:nth-child(6) img{
  width: 100%;
  height:100%;
}

.main_image li.item2, .main_image li.item3, .main_image li.item4, .main_image li.item5, .main_image li.item6 {
  display:none;
}
.main_image li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
.thumb li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
.detail_area .detail_photo{
  width: 320px;
  float: left;
  margin-right: 30px;
}
.detail_area .detail_text{
  float: left;
  min-width:550px;
  font-size: 16px;
}
.detail_area .detail_text span{
  display:inline-block;
  vertical-align: bottom;
  margin-right: 10px;
}
.detail_area .detail_text span.name{
  margin-right: 30px;
}
.detail_area .detail_text span.detail_caption{
  font-size: 12px;
  line-height: 1;
}
.detail_area .detail_text span.second{
  font-weight: bold;
  margin-top: 7px;
  line-height: 1;
}

.detail_area .detail_text .detail_subinfo{
  margin-bottom: 10px;
}
.detail_area .detail_text .detail_class{
  margin-bottom: 10px;
}
.detail_area .detail_text .detail_type{
  margin-bottom: 30px;
}
.detail_area .detail_text .detail_type img.class_icon{
  margin-right: 10px;
}
.detail_area .detail_text .detail_type p{
  padding-top: 7px;
  font-size: 13px;
line-height: 1.3;
}
.detail_area .detail_text .detail_table{
  margin-bottom: 30px;
}
.detail_area .detail_text .detail_table table{
  width:550px;
  box-sizing:border-box;
  margin-bottom: 30px;
}
.detail_area .detail_text .detail_table table td, th{
  padding:10px;
}
.detail_area .detail_text .detail_table table th{
  background: #222222;
  border-bottom: 1px solid #fff;
  text-align: left;
  color:#fff;
  width: 150px;
}
.detail_area .detail_text .detail_table table td{
  border-bottom: 1px solid #222;
}
.detail_area .detail_text .detail_table .detail_add{
  text-align: center;
}
.detail_area .detail_text .detail_table .detail_add ul li{
  display:inline-block;
  margin:0 5px;
}
.detail_area .detail_text .detail_table .detail_add button{
  border:none;
  background: none;
  cursor: pointer;
}
.detail_area .club_comment{
  max-width:900px;
  margin-bottom: 60px;
}
.favorite_area{
  font-size: 16px;
  min-height:600px !important;
}
.favorite_area .select_area{
  background: #666;
  margin: 20px 0;
  padding:7px 10px;
  color:#fff;
}
.favorite_area .select_area span.select_number{
  font-weight: bold;
  font-size: 21px;
}
.favorite_area .no_favorite{
  border:1px solid #808080;
  padding:100px 0;
  margin:100px auto;
  width:500px;
  text-align: center;
}
.favorite_area .favorite_list{}
.favorite_area .favorite_list ul li{
  float:left;
  width: 420px;
  box-sizing:border-box;
  margin:0 15px 30px 15px;
}
.favorite_area .favorite_list ul li .favorite_image{
  width: 200px;
  float: left;
  position:relative;
  text-align: right;
}
.favorite_area .favorite_list ul li .favorite_image figure{
  width:165px;
  height:250px;
  overflow:hidden;
  float:right;
}
.favorite_area .favorite_list ul li .favorite_image .type_icon{
  position:absolute;
  top:0;
  left:0;
}
.favorite_area .favorite_list ul li .favorite_detail{
  width: 205px;
  float: right;
}
.favorite_area .favorite_list ul li .favorite_detail span{
  display:inline-block;
  vertical-align: bottom;
  margin-right: 10px;
}
.favorite_area .favorite_list ul li .favorite_detail span.name{
  margin-right: 30px;
}
.favorite_area .favorite_list ul li .favorite_detail span.detail_caption{
  font-size: 12px;
  line-height: 1;
}
.favorite_area .favorite_list ul li .favorite_detail span.second{
  font-weight: bold;
  margin-top: 7px;
  line-height: 1;
}
.favorite_area .favorite_list ul li .favorite_detail span.detail_class{
  margin-bottom: 10px;
}
.favorite_area .favorite_list ul li .favorite_detail span.detail_type{
  margin-bottom: 30px;
}
.favorite_area .favorite_list ul li .favorite_detail span.detail_subinfo{
  margin-bottom: 10px;
}
.favorite_area .favorite_list ul li .favorite_detail .favorite_submit{
  text-align: center;
  margin:15px 0;
  width: 175px;
}
.favorite_area .favorite_list ul li .favorite_detail .favorite_submit button{
  border:none;
  background: none;
  cursor: pointer;
}
.favorite_area .favorite_list ul li .favorite_detail dl{
  border-bottom: 1px dashed #000;
  margin-bottom: 10px;
  font-size: 14px;
}
.favorite_area .favorite_list ul li .favorite_detail dl dt{
  width: 85px;
  float:left;
  border-top: 1px dashed #000;
  padding:5px 0;
  box-sizing:border-box;
  text-align: right;
}
.favorite_area .favorite_list ul li .favorite_detail dl dd{
  width: 115px;
  float:left;
  border-top: 1px dashed #000;
  padding:5px 0;
  box-sizing:border-box;
}
.favorite_area .favorite_list ul li .favorite_detail .favorite_delete{
  text-align: right;
  font-size: 13px;
}
.favorite_area .favorite_list ul li .favorite_detail a{
  color:#000;
}
.history_area{
  min-height:600px !important;
}
.history_area .select_area{
  background: #666;
  margin: 20px 0;
  padding:7px 10px;
  color:#fff;
}
.history_area .no_history{
  border:1px solid #808080;
  padding:100px 0;
  margin:100px auto;
  width:500px;
  text-align: center;
}
.history_area .history_table{
  margin-bottom: 30px;
}
.history_area .history_table table{
  width: 700px;
  border:1px solid #999;
}
.history_area .history_table table th{
  text-align: center;
  color:#fff;
  padding:8px 0;
  width: 33.33%;
  background: #222;
  border:1px solid #999;
}
.history_area .history_table table td{
  text-align: center;
  padding:8px;
  border:1px solid #999;
}
.member_area{
  min-height:600px !important;
}
.member_area .member_table{
  margin: 30px 0;
}
.member_area .member_table table{
  width: 900px;
}
.member_area .member_table table td, th{
  padding:10px;
  font-size: 16px;
}
.member_area .member_table table th{
  color:#fff;
  width: 200px;
  background: #222;
  border-bottom: 1px solid #fff;
}
.member_area .member_table table td{
  border-bottom: 1px solid #222;
}
.member_area .member_payment{
  width: 900px;
}
.member_area .member_payment table{
  width: 900px;
  margin:20px 0;
  border:1px solid #222;
}
.member_area .member_payment table td, th{
  padding:10px;
  font-size: 14px;
}
.member_area .member_payment table th{
  color:#fff;
  text-align: right;
  width: 200px;
  background: #222;
  border-bottom: 1px solid #fff;
  vertical-align: top;
}
.member_area .member_payment table td{
  border-bottom: 1px solid #222;
}
.member_area .member_payment table td input{
  padding:7px;
  width:350px;
  font-size: 14px;
}

.member_area .member_payment table td textarea{
  width: 100%;
  box-sizing:border-box;
  padding:7px;
  font-size: 14px;
}
.member_area .member_payment .payment_submit{
  text-align: center;
  width: 200px;
  margin:0 auto;
}
.member_area .member_payment button{
  border:none;
  background: none;
  cursor: pointer;
}
.member_area .member_payment button.class_submit{
  border:1px dashed #222;
  border-radius:6px;
  width:200px;
  margin:0 auto;
  text-align: center;
  padding:10px 0;
  font-size: 14px;
}
.member_area .member_about_class{
  width: 900px;
  margin:30px 0;
}
.member_area h3{
  border-bottom: none;
}
.member_area .class_change{
  border-top: 1px solid #222;
  padding-top: 30px;
  margin-top: 30px;
  text-align: center;
  width: 900px;
}
.member_area .class_change a{
  display:inline-block;
  width:200px;
  margin:0 15px;
  text-align: center;
  border:1px dashed #222;
  border-radius:6px;
  width:200px;
  padding:10px 0;
  font-size: 14px;
  color:#222;
  text-decoration: none;
}
.list_area{
  min-height:600px !important;
}
.list_area .select_area{
  background: #666;
  margin: 20px 0;
  padding:7px 10px;
  color:#fff;
}
.list_area .select_area ul{
  float: left;
  margin-right: 15px;
}
.list_area .select_area ul li{
  display:inline-block;
  margin-right: 10px;
}
.list_area .select_area ul li a{
  color:#fff;
}
.list_area .select_area .limit{
  float: left;
}
.list_area .list_area_lineup ul li{
  float: left;
  width: 165px;
  margin-right: 15px;
  margin-bottom: 30px;
  text-align: center;
  line-height: 1.5;
}
.list_area .list_area_lineup ul li a{
  text-decoration: none;
  color:#000;
}
.list_area .list_area_lineup ul li figure{
  margin-bottom: 2px;
  width: 165px;
  max-height: 250px;
  overflow:hidden;
}
table.member-price {
  border: 1px solid #000;
  width: 100%;
  font-size: 13px;
  margin:30px auto 60px
}
table.member-price tr.class-head {
  background: #e4d9cd
}
table.member-price tr.class-gold {
  background: #d9a928
}
table.member-price tr.class-platinum {
  background: #d3d3d3
}
table.member-price tr.class-black {
  background: #000;
  color: #fff 
}
table.member-price tr.class-black th {
  color:#fff;
  border-right: 1px solid #fff
}
table.member-price tr.class-black td {
  color:#fff;
  border-right: 1px solid #fff
}
table.member-price tr.class-diamond {
  background: #dee6ef
}
table.member-price th, table.member-price td {
  border: 1px solid #000;
  padding: 7px;
  color:#000;
  font-weight: 500
}
dl.type_set{
  margin-top: 15px;
  margin-bottom: 10px;
}
dl.type_set dt{
  width: 63px;
  float: left;
  clear:both;
  margin-right: 15px;
  margin-bottom: 10px;
}
dl.type_set dd{
  float: left;
  width: 400px;
  margin-bottom: 10px;
  color:#222;
}
dl.type_set dd p{
  padding-top: 0 !important;
  line-height: 1.3;
}
dl.type_set dd h4{
  font-weight: bold;
  margin-bottom: 5px;
}
#type-class h5{
  font-weight: bold;
}
.side{
  max-width:11.5%;
  min-width: 215px;
  position:absolute;
  top:0;
  left:30px;
}
.side .side_menu{
  margin-bottom: 30px;
  background: #000;
  padding:10px;
  border-radius:6px;
}
.side .side_menu select{
  width: 100%;
}
.side .side_menu h3{
  color:#fff;
  font-size: 14px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #fff;
  text-align: center;
}
.side .side_menu dl.search dt{
  width: 84px;
  display:inline-block;
  color:#fff;
  font-size: 12px;
  text-align: right;
}
.side .side_menu dl.search dt.search_box{
  display:block;
  width:100%;
  margin-bottom: 10px;
  position:relative;
  padding-right: 23px;
  box-sizing: border-box;
}
.side .side_menu dl.search dt.search_box input[type="text"]{
  -webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
  padding:5px;
  border:none;
  width:100%;
  height:23px;
  box-sizing:border-box;
}
.side .side_menu dl.search dt.search_box input[type="image"]{
  position:absolute;
  top:0;
  right:0;
}
.side .side_menu dl.search dd{
  width:105px;
  display:inline-block;
}
.side .side_menu ul.sidemenu_list li{
  margin-bottom: 7px;
  font-size: 14px;
}
.side .side_menu ul.sidemenu_list li:before{
  content:'▶︎';
  color:#fff;
  margin-right: 3px;
}
.side .side_menu ul.sidemenu_list li a{
  color:#fff;
  text-decoration: none;
}
.side .bannar{
  margin-bottom: 30px;
}
.side .bannar ul li{
  margin-bottom: 15px;
  text-align: center;
}
.clear {
  clear: both
}
.clearfix {
  min-height: 1px
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden
}
* html .clearfix {
  height: 1px
}
header {
  margin: 0 auto;
  background:url(../images/header-border.png) no-repeat center top;
  background-size:100% 15px;
  padding-top: 30px;
}
header a {
  text-decoration: none
}
header a:hover {
  text-decoration: underline
}
header .description-subnavarea {
  margin-bottom: 15px;
  width:136px;
  margin:15px 30px 0 0;
  position:absolute;
  top:0;
  right:0;
}
header .description-subnavarea .head_description {
  display: table-cell;
  vertical-align: middle;
  font-size: 12px
}
header .description-subnavarea .head_subnavarea-right {
  font-size: 13px;
  position: relative;
}
header .head_subnav li {
  display: inline-block;
  font-size: 12px;
  margin-right: 10px
}
header .head_subnav li:last-child {
  margin-right: 0
}
header .head_subnav li:before {
  content: url("../images/icon-black-arrow.png");
  vertical-align: middle;
  display: inline-block;
  margin-right: 3px
}
#acMenu img{
  width:25px;
  height:auto;
  vertical-align: middle;
}
#acMenu{
  position: absolute;
    top:0;
    right:0;
}
#acMenu dt{
    display:block;
    width:120px;
    line-height: 1;
    text-align:left;
    border:#666 1px solid;
    cursor:pointer;
    padding:7px;
    background: #FFF;
    color:#000;
}
#acMenu dt:after{
  content:'▶︎';
  margin-left: 10px;
  text-align: right;
}
#acMenu dd{
    background:none;
    text-align:left;
    display:none;
    }
#acMenu dd > ul li a{
  border:#666 1px solid;
  padding:7px;
  margin-top: 5px;
  background: #FFF;
  display:block;
  width:120px;
  color:#000;
  line-height: 1;
}
#acMenu dd > ul li a:hover{
  text-decoration: none;
}
#acMenu dt.active:after{
  content:'▼';
  margin-left: 10px;
}
a.btn.btn-drop:after, button.btn.btn-drop:after {
    content: '';
    content: '';
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    position: absolute;
    border-width: 5px 5px 0 5px;
    border-color: #ccc transparent transparent transparent;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -2px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
[lang="ja"] .languages.single-col .dropdown-menu {
    padding: 0 8px 0 14px;
}
.languages .dropdown-menu:before {
    content: '';
    content: '';
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    position: absolute;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #999 transparent;
    position: absolute;
    bottom: 100%;
    right: 7px;
}
.languages.single-col .dropdown-menu li {
    padding: 8px;
    margin: 0 !important;
    width: 100%;
}
.languages .dropdown-menu:after {
    content: '';
    content: '';
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    position: absolute;
    border-width: 0 6.5px 6.5px 6.5px;
    border-color: transparent transparent black transparent;
    position: absolute;
    bottom: 100%;
    right: 8.5px;
}
header .title-loginarea {
  padding-bottom: 30px;
  margin:30px auto 30px auto;
  width:950px;
  padding:0 30px;
  box-sizing:border-box;
}
header .title-loginarea h1 {
  width: 485px;
  float: left;
  vertical-align: middle;
}
header .title-loginarea .head_user_info{
  width: 300px;
  float: right;
  text-align: right;
}
header .title-loginarea .head_user_info .head_user_rank{
  display:inline-block;
  margin-right: 15px;
  vertical-align: top;
}
header .title-loginarea .head_user_info .head_user_rank span.gold{
  display:block;
  padding:2px 40px;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  background: #d8a828;
  border-radius:4px;
}
header .title-loginarea .head_user_info .head_user_rank span.platinum{
  display:block;
  padding:2px 40px;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  background: #cbcbcb;
  border-radius:4px;
}
header .title-loginarea .head_user_info .head_user_rank span.black{
  display:block;
  padding:2px 40px;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  background: #000;
  color:#fff;
  border-radius:4px;
}
header .title-loginarea .head_user_info .head_user_name{
  display:inline-block;
}
header .title-loginarea .login-area {
  width: 500px;
  float: right;
  display: table;
  vertical-align: top
}
header .title-loginarea .login-area .header_contact {
  display: table-cell;
  line-height: 1.5;
  vertical-align: bottom
}
header .title-loginarea .login-area .header_contact img {
  vertical-align: middle
}
header .title-loginarea .login-area .header_contact p.menkyo {
  font-size: 12px;
  text-align: left
}
header .title-loginarea .login-area a.ladies-login {
  display: block;
  background: #ed1e79;
  border-radius: 4px;
  text-align: center;
  padding: 5px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin-top: 5px
}
header .title-loginarea .login-area a.ladies-login:hover{
  background: #ea71ab;
  text-decoration: none;
}
header .title-loginarea .login-area a.mens-login {
  display: block;
  background: #29a9e0;
  border-radius: 4px;
  text-align: center;
  padding: 5px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin-top: 5px
}
header .title-loginarea .login-area a.mens-login:hover{
  background: #77c1db;
  text-decoration: none;
}

header .title-loginarea .login-area .header_contact p.tel {
  font-size: 30px
}
header .title-loginarea .login-area .header_contact p.mail {
  font-size: 18px
}
header .title-loginarea .login-area .header-login {
  display: table-cell;
  padding-left: 20px;
  text-align: right;
  vertical-align: bottom;
  width: 171px
}
nav {
  background: url(../images/main-background.jpg) repeat-x center;
  border-bottom: 5px solid #d9a928;
  position:relative;
  margin-bottom: 30px
}
nav ul {
  width: 760px;
  display: table;
  padding:0 30px;
  margin:0 auto;
}
nav ul li {
  display: table-cell;
  width: 20%
}
nav ul li a {
  color: #fff;
  display: block;
  width: 100%;
  padding: 15px 0;
  text-align: center;
  text-decoration: none;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif
}
nav ul li a:hover {
  background: rgba(255,0,0,.3);
  text-decoration: none;
}
footer {
  border-top: 5px solid #d9a928;
  background: #000;
  padding: 15px 0
}
footer .copy {
  text-align: center;
  font-size: 14px;
  color:#fff;
}
.formarea {
  width:800px;
  margin:0 auto;
  padding:30px;
  background: #FFF;
  line-height: 3;
  border:1px solid #d9a928;
}
.form-item{
  letter-spacing: -.40em;
  display:table;
  width:100%;
}
.form-item .form-item-name{
  width:30%;
  display:table-cell;
  letter-spacing: normal;
  vertical-align: middle;
  line-height: 1.6;
  font-size: 14px;
  padding:10px;
  box-sizing:border-box;
  background: #222;
  color:#fff;
  border-bottom: 1px solid #fff
}
.form-item .form-item-name span{
  color:#f00;
  font-size: 13px;
}
input[type="text"].form-short{
  width:20% !important;
}
.form-item .form-item-content{
  width:70%;
  display:table-cell;
  letter-spacing: normal;
  vertical-align: middle;
  line-height: 1.6;
  padding:10px;
  box-sizing:border-box;
  font-size: 14px;
  border-bottom: 1px solid #222
}
.form-item .form-item-content p{
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 1.6;
  margin-top: 5px;
  width: auto;
}
.form-item .form-top{
  border-top: 1px solid #222
}
.form-item .form-bottom{
  border-bottom: 1px solid #222
}
.form-item .form-item-content label{
  font-size: 13px;
}
.form-item .form-item-content span{
  color:#f00;
  font-size: 12px;
}
.form-item .form-item-content input[type="radio"]{
  vertical-align: middle;
  margin-right: 7px;
}
.form-item .form-item-content input[type="text"]{
  padding:7px;
  font-size: 13px;
  width:60%;
}
.form-item .form-item-content input[type="tel"]{
  padding:7px;
  font-size: 13px;
  width:60%;
}
.form-item .form-item-content input[type="email"]{
  padding:7px;
  font-size: 13px;
  width:60%;
  margin-bottom: 10px;
}
.form-item .form-item-content input[type="datetime"]{
  padding:7px;
  font-size: 13px;
  width:45%;
  margin-bottom: 10px;
}
.form-item .form-item-content textarea{
  width:100%;
  font-size: 13px;
  padding:7px;
  box-sizing:border-box;
}
.form-item-button{
  width:200px;
  margin:30px auto 0;
}
.form-item-button input[type="submit"]{
  border:none;
  background: #d9a928;
  font-size: 14px;
  text-align: center;
  width:200px;
  padding:12px 0;
  border-radius:6px;
  color:#fff;
  cursor: pointer;
}

.notice{
  font-size: 12px;
  color:#000 !important;
}
.contact{
  width:740px;
  margin:0 auto;
}
.contact ul.contact_select{
  margin-bottom: 60px;
}
.contact ul.contact_select li{
  float: left;
  width: 240px;
  margin-right: 10px;
}
.contact ul.contact_select li:last-child{
  margin-right: 0;
}
.contact p{
  margin-bottom: 1.5em;
}
.contact p.icon{
  display: inline-block;
  width: 175px;
  vertical-align: middle;
}
.contact p.text{
  display: inline-block;
  width: 400px;
  vertical-align: middle;
}
.contact p.freetel{
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
  background:#fff;
  border:3px solid #d9a928;
  padding:15px 7px;
  text-align: center;
}
.contact p.freetel a{
  color:#000;
  text-decoration: none;
  font-weight: bold;
}
.contact p.freetel img{
  vertical-align: middle;
  margin-right: 10px;
}
.contact ul.contact_tel{
  margin-bottom: 30px;
}
.contact .tel_area{
  width:580px;
  margin:0 auto;
}
.contact ul.contact_tel li{
  list-style-type: disc;
  margin-bottom: 7px;
  margin-left: 1.5em;
}
.contact_area{
  margin:0 0 60px;
}
.contact .form-item {
  width: 740px !important;
}
.application_process{
  margin-bottom: 60px;
}
.application_process ul li{
  float:left;
  width: 215px;
  padding-bottom: 20px;
}
.application_process ul li span.process_box{
  width: 175px;
  border:1px solid #ccc;
  background:#efefef;
  font-weight:bold;
  text-align: center;
  padding:10px 0;
  color:#575757;
  display:inline-block;
  border-radius:4px;
  text-decoration: none;
  font-size: 13px;
}
.application_process ul li span.process_box.active{
  color:#333;
  background: #D8CDB1;
}
.application_process ul li span.arrow{
  width: 25px;
  font-weight: bold;
  text-align: center;
  display:inline-block;
}
.application_area {
  min-height:600px;
}
.application_area h2{
  font-size: 21px;
    background: none;
    color:#000;
    text-align: left;
    padding: 0 0 5px 10px;
    margin: 0 auto 30px auto;
    border-bottom: 5px solid #d9a928;
}
p.application_attention{
  font-size: 14px;
  color:#999;
  margin-bottom: 20px;
  position:relative;
}
p.application_attention span.setting_change{
  position:absolute;
  text-align: right;
  width: 800px;
  top:0;
  left:0;
}
.application_setting_check{
  font-size: 16px;
  margin-bottom: 30px;
}

.application_setting_area .setting_list ul li{
  float:left;
  width: 420px;
  box-sizing:border-box;
  margin:0 15px 30px 15px;
}
.application_setting_area .setting_list ul li h3{
  background: #CCC;
  border-radius:4px;
  padding:5px 8px;
  font-size: 14px;
  border:1px solid #999;
  font-weight: normal;
}
.application_setting_area .setting_list ul li .setting_image{
  width: 200px;
  float: left;
  position:relative;
  text-align: center;
}
.application_setting_area .setting_list ul li .setting_image figure{
  height:250px;
  overflow:hidden;
  float:right;
}
.application_setting_area .setting_list ul li .setting_image .type_icon{
  position:absolute;
  top:0;
  left:0;
}
.application_setting_area .setting_list ul li .setting_detail{
  width: 205px;
  float: right;
}
.application_setting_area .setting_list ul li .setting_detail span{
  display:inline-block;
  vertical-align: bottom;
  margin-right: 10px;
}
.application_setting_area .setting_list ul li .setting_detail span.name{
  margin-right: 30px;
}
.application_setting_area .setting_list ul li .setting_detail span.detail_caption{
  font-size: 12px;
  line-height: 1;
}
.application_setting_area .setting_list ul li .setting_detail span.second{
  font-weight: bold;
  margin-top: 7px;
  line-height: 1;
}
.application_setting_area .setting_list ul li .setting_detail .detail_class{
  margin-bottom: 10px;
}
.application_setting_area .setting_list ul li .setting_detail .detail_type{
  margin-bottom: 30px;
}
.application_setting_area .setting_list ul li .setting_detail .detail_subinfo{
  margin-bottom: 10px;
}
.application_setting_area .setting_list ul li .setting_detail dl{
  border-bottom: 1px dashed #000;
  margin-bottom: 10px;
  font-size: 14px;
}
.application_setting_area .setting_list ul li .setting_detail dl dt{
  width: 85px;
  float:left;
  border-top: 1px dashed #000;
  padding:5px 0;
  box-sizing:border-box;
  text-align: right;
}
.application_setting_area .setting_list ul li .setting_detail dl dd{
  width: 115px;
  float:left;
  border-top: 1px dashed #000;
  padding:5px 0;
  box-sizing:border-box;
}
.application_setting_area .setting_list ul li .setting_detail .setting_delete{
  text-align: right;
  font-size: 13px;
}
.application_setting_area .setting_list ul li .setting_detail a{
  color:#000;
}
.application_setting_area .setting_radio{
  font-size: 14px;
  color:#575757;
  margin-bottom: 10px;
}
.application_setting_area .setting_block table.setting_date{
  width: 800px;
  margin-bottom: 15px;
}
.application_setting_area .setting_block table.setting_date th{
  text-align: right;
  background: #efefef;
  border:1px solid #ccc;
  padding:10px 5px;
  vertical-align: middle;
  width: 200px;
  box-sizing:border-box;
  color:#575757;
}
.application_setting_area .setting_block table.setting_date td{
  border:1px solid #ccc;
  padding:10px 5px;
  vertical-align: middle;
  box-sizing:border-box;
}
.application_setting_area .setting_block{
  margin-bottom: 60px;
  font-size: 14px;
}
.application_setting_area .setting_block textarea{
  width: 760px;
  padding:10px;
  box-sizing:border-box;
}
.application_setting_area .setting_block p.example{
  color:#874e5f;
  margin-bottom: 30px;
  font-size: 14px;
}
.application_setting_area .setting_block .setting_request{
  border:1px solid #ccc;
  padding:7px;
  width: 800px;
  box-sizing:border-box;
}
.application_setting_area .setting_block .setting_request input[type="checkbox"]{
  display:inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.application_setting_area .setting_block .check_block{
  border:1px solid #ccc;
  padding:10px;
  margin-bottom: 10px;
  width: 760px;
}
.setting_next{
  border-top: 1px dotted #000;
  margin-top: 25px;
  padding-top: 25px;
}
.setting_next ul{

}
.setting_next ul li{
  width: 200px !important;
  display:inline-block !important;
  margin:0 10px !important;
}
.setting_next a{
  border:1px dashed #000;
  border-radius:6px;
  width:100%;
  display:block;
  padding:7px 0;
  text-align: center;
  text-decoration: none;
  color:#575757;
  font-size: 14px;
}
.application_setting_area .setting_next a:hover{
  background: #ddd;
}
.submit_success{
  margin:0 0 30px 0;
}
@media(min-width:320px) and (max-width:567px) {
body {
  font-size: 14px;
  width:100%;
  min-width:100%;
}
header {
  width: 100%;
  margin: 0 auto 30px auto;
  padding-top: 30px;
}
header .description-subnavarea .head_description {
  width: 100%;
  display: block;
  vertical-align: middle;
  font-size: 12px;
  margin-bottom: 15px
}
header .description-subnavarea {
  margin:0 auto 15px auto;
  display: block;
      width: 96.4%;
}
header .title-loginarea {
    padding-bottom: 30px;
    margin: 0 auto;
    width: 96.4%;
    padding:0 !important;
}
header .description-subnavarea {
    float: none;
}
header .description-subnavarea .head_description {
  width: 100%;
  display: block;
  vertical-align: middle;
  font-size: 12px
}
#acMenu {
    position: absolute;
    top: 10px;
    right: 10px;
}
body.login #acMenu{
  position: absolute;
  top: 10px;
  right: 10px;
}
header .description-subnavarea .head_subnavarea-right {
    width: 100%;
    text-align: right;
    display: block;
    vertical-align: middle;
    margin-bottom: 0;
    font-size: 13px;
    position: relative;
    padding-top: 0;
}
header .description-subnavarea .head_subnav {
  width: 100%;
  text-align: right;
  display: block;
  vertical-align: middle;
  font-size: 13px
}
header .title-loginarea h1 {
  width: 100%;
  float: none;
  vertical-align: middle;
  padding-top: 0;
  margin-bottom: 20px
}
header .title-loginarea .login-area {
  width: 100%;
  float: none;
  display: block;
  vertical-align: top
}
header .title-loginarea .login-area .header_contact {
  width: 59%;
  display: inline-block;
  margin:0 0 15px 0
}
header .title-loginarea .login-area .header_contact p.tel {
    font-size: 18px;
}
header .title-loginarea .login-area .header_contact p.mail {
    font-size: 12px;
}
header .title-loginarea .login-area .header-login {
    display: inline-block;
    width: 38%;
    padding-left: 1%;
}
header .title-loginarea .login-area .header-login a.ladies-login {
    display: block;
    background: #ED1E79;
    border-radius: 4px;
    text-align: center;
    padding: 5px;
    color: #fff;
    font-size: 12px;
    margin-top: 5px;
}
header .title-loginarea .login-area .header-login img {
  display: block;
  text-align: center;
  margin: 0 auto
}
header .title-loginarea .login-area .header-login a.ladies-login {
  margin-top: -15px
}
nav {
  background: none;
  border-bottom: none;
  background: #000;
  padding:45px 0 15px 0;
  margin-bottom: 0
}
nav ul {
  width: 96.4%;
  display: block;
  padding: 5px 0 0 0;
  margin: 0 auto;
  float: none;
}
nav ul li {
    width: 100%;
    margin: 0;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c7c7c7), color-stop(0.40, #fff));
background: -webkit-linear-gradient(top, #fff 40%, #c7c7c7 100%);
background: -moz-linear-gradient(top, #fff 40%, #c7c7c7 100%);
background: -o-linear-gradient(top, #fff 40%, #c7c7c7 100%);
background: -ms-linear-gradient(top, #fff 40%, #c7c7c7 100%);
background: linear-gradient(to bottom, #fff 40%, #c7c7c7 100%);
}
nav ul li:first-child{
  border-radius:12px 12px 0 0;
}
nav ul li:last-child{
  border-radius:0 0 12px 12px;
}
nav ul li a {
  color: #000;
  text-align: left;
  background: url(../images/icon-mobile-arrow.png) no-repeat right 15px center;
  padding: 10px;
  font-size: 13px;
  box-sizing: border-box;
  position: relative
}
header .title-loginarea .head_user_info {
    width: 100%;
    float: none;
    text-align: left;
}
.container {
    width: 96.4%;
    box-sizing: border-box;
    padding: 0;
    position: relative;
    margin: 0 auto 60px;
}
main{
  z-index:0;
}
.main {
    width: 100%;
    height: 100%;
    padding-left: 0;
    box-sizing: border-box;
}
.main_list_area {
    min-height: 600px !important;
    padding: 15px 0;
}
.main_list_area ul li {
    width: 49%;
    padding: 5px;
    float: left;
    margin: 0 auto 15px auto;
    box-sizing: border-box;
    border: 1px solid #989898;
    position: relative;
}
.main_list_area ul li:nth-child(2n){
float:right;
}
.main_list_area ul li figure {
    margin-bottom: 10px;
    height: 195px;
    overflow-y: hidden;
}
.main_list_area ul li .list_name {
    font-size: 13px;
    text-align: center;
}
.main_list_area ul li .list_job {
    font-size: 13px;
    text-align: center;
}
.main_list_area ul li .list-type {
    position: absolute;
    top: 160px;
    right: 10px;
    width: 45px;
}
.list_area .list_area_lineup ul li{
  float: left;
    width: 48%;
    margin-right: 1%;
    margin-bottom: 30px;
    text-align: center;
    line-height: 1.5;
}
.list_area .list_area_lineup ul li:nth-child(even){
  float: right;
    width: 48%;
    margin-right: 1%;
    margin-bottom: 30px;
    text-align: center;
    line-height: 1.5;
}
.list_area .list_area_lineup ul li(2n+1){
  clear:both;
}
.list_area .list_area_lineup ul li figure {
    margin-bottom: 10px;
    width: 100%;
    max-height:250px;
    overflow: hidden;
}
.list_area .list_area_lineup ul li figure img{
height:200px;
}
.main_list_area {
    min-height: auto !important;
    padding: 15px 0;
}
.main_list_area form table{
  width: 100% !important;
  margin:0 !important;
}
.main_list_area form table td {
    width: 100%;
    display: block;
    text-align: center;
}
.detail_area .detail_text {
    float: none;
    min-width: 100%;
    font-size: 16px;
    width: 100%;
}
.detail_area .detail_text span.detail_caption {
    font-size: 12px;
    line-height: 1;
    display: block;
    margin-top: 10px;
}
.detail_area .detail_text .detail_table table {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.detail_area .detail_text .detail_table table th {
    background: #222222;
    border-bottom: 1px solid #fff;
    text-align: left;
    color: #fff;
    width: 100%;
    display: block;
}
.detail_area .detail_text .detail_table table td {
    border-bottom: 1px solid #222;
    width: 100%;
    display: block;
}
.detail_area .detail_text .detail_table table td, th {
    padding: 10px;
    box-sizing: border-box;
}
.detail_area .detail_photo {
    width: 100%;
    float: none;
    margin-right: 0;
}
.detail_area .detail_photo ul.thumb li {
    width: 30.3%;
    height: 100px;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    float: left;
}
.favorite_area .favorite_list ul li .favorite_image {
    width: 100%;
    float: none;
    position: relative;
    text-align: center;
}
.favorite_area .favorite_list ul li {
    float: none;
    width: 90%;
    box-sizing: border-box;
    margin: 0 15px 30px 15px;
}
.favorite_area .favorite_list ul li .favorite_image figure {
    width: auto;
    height: auto;
    overflow: hidden;
    float: none;
}
.favorite_area .favorite_list ul li .favorite_detail {
    width: 100%;
    float: none;
    margin: 15px 0;
}
.favorite_area .favorite_list ul li .favorite_detail dl dt {
    width: 30%;
    float: left;
    border-top: 1px dashed #000;
    padding: 5px 0;
    box-sizing: border-box;
    text-align: right;
    clear: both;
}
.favorite_area .favorite_list ul li .favorite_detail dl dd {
    width: 70%;
    float: left;
    border-top: 1px dashed #000;
    padding: 5px 0;
    box-sizing: border-box;
}
.history_area .history_table table {
    width: 100%;
    border: 1px solid #999;
    font-size: 13px;
}
.member_area .member_table table {
    width: 100%;
}
.member_area .member_table table th {
    color: #fff;
    width: 100%;
    background: #222;
    border-bottom: 1px solid #fff;
    display: block;
    box-sizing: border-box;
}
.member_area .member_table table td {
    border-bottom: 1px solid #222;
    box-sizing: border-box;
    width: 100%;
    display: block;
}
.member_area .member_payment {
    width: 100%;
}
.member_area .member_payment table {
    width: 100%;
    margin: 20px 0;
    border: 1px solid #222;
}
.member_area .member_payment table th {
    color: #fff;
    text-align: center;
    width: 100%;
    background: #222;
    border-bottom: 1px solid #fff;
    vertical-align: top;
    display: block;
    box-sizing: border-box;
}
.member_area .member_payment table td {
    border-bottom: 1px solid #222;
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.member_area .member_payment table td input {
    padding: 7px;
    width: 100%;
    font-size: 14px;
    box-sizing: border-box;
}
.member_area .member_about_class {
    width: 100%;
    margin: 30px 0;
}
.member_area .class_change {
    border-top: 1px solid #222;
    padding-top: 30px;
    margin-top: 30px;
    text-align: center;
    width: 100%;
}
.member_area .class_change a{
  margin-bottom: 15px;
}
.side {
    max-width: 100%;
    min-width: 100%;
    position: static;
    top: 0;
    left: 0;
}
.side .side_menu dl.search dt {
    width: 30%;
    display:inline-block;
    color: #fff;
    font-size: 12px;
    text-align: right;
}
.side .side_menu dl.search dd {
    width: 68%;
    display: inline-block;
}
.formarea {
    width: 96.4%;
    margin: 0 auto;
    padding: 10px;
    background: #FFF;
    line-height: 3;
    border: 1px solid #d9a928;
    box-sizing: border-box;
}
.formarea hr{
  display: none;
}
.form-item .form-item-name {
    width: 100%;
    display: block;
    letter-spacing: normal;
    vertical-align: middle;
    line-height: 1.6;
    font-size: 14px;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    background: #333;
    border:none;
}
.form-item .form-item-name p{
  width: auto;
}
.form-item .form-item-content {
    width: 100%;
    display: block;
    letter-spacing: normal;
    vertical-align: middle;
    line-height: 1.6;
    padding: 10px;
    box-sizing: border-box;
    border:none;
}
.form-item .form-item-content p{
  width: auto;
}
.form-item .form-item-content label{
  font-size: 13px;
  display: block;
}
.form-item .form-item-content span{
  color:#f00;
  font-size: 12px;
  display: block;
}
.form-item .form-item-content input[type="text"]{
  padding:7px;
  font-size: 13px;
  width:100%;
  box-sizing:border-box;
}
.form-item .form-item-content input[type="tel"]{
  padding:7px;
  font-size: 13px;
  width:100%;
  box-sizing:border-box;
}
.form-item .form-item-content input[type="email"]{
  padding:7px;
  font-size: 13px;
  width:100%;
  box-sizing:border-box;
  margin-bottom: 10px;
}
.form-item .form-item-content input[type="datetime"]{
  padding:7px;
  font-size: 13px;
  width:100%;
  box-sizing:border-box;
}
.form-item .form-top{
  border-top:none
}
.form-item .form-bottom{
  border-bottom:none
}
footer .footer_in {
  width: 96.4%;
  margin: 0 auto 30px
}
footer .footer_in h4 {
    margin-bottom: 20px;
    width: 97%;
}
footer .footer_in .footer_left {
  width: 100%;
  float: none;
  margin-right: 0;
  margin-bottom: 15px
}
footer .footer_in .footer_center {
  width: 100%;
  float: none;
  margin-right: 0;
  margin-bottom: 15px
}
footer .footer_in .footer_right {
  width: 100%;
  float: none
}
footer .footer_in .footer_right ul.sex_nav {
  text-align: center
}
footer .footer_in .footer_right ul.sex_nav li {
  width: 100%;
  display: block;
  margin-bottom: 15px
}
#class-price{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 10px !important;
  width: 90% !important;
  width: 94.4% !important;
    margin: 0 auto !important;
    left: 0 !important;
    overflow-y:scroll;
    height:400px;
 }
 #class-price table.member-price {
    border: 1px solid #000;
    width: 96.4%;
    font-size: 10px;
    margin: 30px auto 60px;
    box-sizing:border-box;
}
 #class-price table.member-price th{
   font-size: 10px;
   padding:2px;
 }

 #payment {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    display: none;
    padding: 10px !important;
    width: 100% !important;
    font-size: 12px;
    left: 0 !important;
    margin: 0 auto !important;
    box-sizing: border-box;
    overflow-y:scroll;
    height:400px;
}
#mark-star {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    display: none;
    padding: 10px !important;
    width: 100% !important;
    font-size: 12px;
    left: 0 !important;
    margin: 0 auto !important;
    box-sizing: border-box;
    overflow-y:scroll;
    height:400px;
}
#type-class {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    display: none;
    padding: 10px !important;
    width: 100% !important;
    left: 0 !important;
    top:50px !important;
    margin: 0 auto !important;
    box-sizing: border-box;
    overflow-y:scroll;
    height:400px;
}
dl.type_set dd h4 {
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 1;
}
dl.type_set dt {
    width: 45px;
    float: left;
    clear: both;
    margin-right: 15px;
    margin-bottom:10px;
}
dl.type_set dd {
    float: left;
    width: 220px;
    margin-bottom:10px;
    color: #222;
}
dl.type_set {
    margin-top: 10px;
    margin-bottom: 10px;
}
#youtube_view {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    display: none;
    padding: 10px !important;
    width: 100% !important;
    font-size: 14px;
    left: 0 !important;
    margin: 0 auto !important;
    box-sizing: border-box;
}
.history_area .no_history {
    border: 1px solid #808080;
    padding: 100px 0;
    margin: 100px auto;
    width: 96.4%;
    text-align: center;
}
.favorite_area .no_favorite {
    border: 1px solid #808080;
    padding: 100px 0;
    margin: 0 auto;
    width: 96.4%;
    text-align: center;
}
div#form-item-submit{
  margin: 15px auto !important;
}
.application_setting_area .setting_list ul li .setting_image {
    width: 100%;
    float: none;
    position: relative;
    text-align: center;
}
.application_setting_area .setting_list ul li {
    float: none;
    width: 90%;
    box-sizing: border-box;
    margin: 0 15px 30px 15px;
}
.application_setting_area .setting_list ul li .setting_image figure {
    width: auto;
    height: auto;
    overflow: hidden;
    float: none;
}
.application_setting_area .setting_list ul li .setting_detail {
    width: 100%;
    float: none;
    margin: 15px 0;
}
.application_setting_area .setting_list ul li .setting_detail dl dt {
    width: 30%;
    float: left;
    border-top: 1px dashed #000;
    padding: 5px 0;
    box-sizing: border-box;
    text-align: right;
    clear: both;
}
.application_setting_area .setting_list ul li .setting_detail dl dd {
    width: 70%;
    float: left;
    border-top: 1px dashed #000;
    padding: 5px 0;
    box-sizing: border-box;
}
.setting_next {
    border-top: 1px dotted #000;
    margin-top: 25px;
    padding-top: 25px;
    text-align: center;
    margin-bottom: 60px;
}
.setting_next ul li {
    width: 200px !important;
    display: inline-block !important;
    margin: 0 10px 20px 0 !important;
}
.application_process {
    margin-bottom: 15px;
    width: 180px;
    margin: 0 auto;
}
.application_process ul li span.arrow {
    width: 0;
    font-weight: bold;
    text-align: center;
    display: none;
}
.application_setting_area .setting_block table.setting_date {
    width: 100%;
    margin-bottom: 15px;
}
.application_setting_area .setting_block table.setting_date th {
    text-align: center;
    background: #efefef;
    border: 1px solid #ccc;
    padding: 10px 5px;
    vertical-align: middle;
    width: 100%;
    box-sizing: border-box;
    color: #575757;
    display: block;
}
.application_setting_area .setting_block table.setting_date td {
    border: 1px solid #ccc;
    padding: 10px 5px;
    vertical-align: middle;
    box-sizing: border-box;
    display: block;
    width: 100%;
}
.application_setting_area .setting_block textarea {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.application_setting_area .setting_block .setting_request {
    border: 1px solid #ccc;
    padding: 7px;
    width: 100%;
    box-sizing: border-box;
}
p.application_attention span.setting_change {
    position: static;
    text-align: right;
    width: 100%;
    top: 0;
    left: 0;
    display: block;
    margin-top: 10px;
}
.application_setting_area .setting_block .check_block {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
        box-sizing: border-box;
}
.application_setting_area .setting_block .setting_request {
    border: 1px solid #ccc;
    padding: 7px;
    width: 100%;
    box-sizing: border-box;
}
}
/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url('./fonts/slick.eot');
  src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
#lean_overlay{
  position: fixed; z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
#class-price{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
  width: 640px;
 }
 #type-class{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 15px;
  width: 640px;
 }
 #mark-star{
   background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
  width: 640px;
  font-size: 14px;
 }
#youtube_view{
   background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
  width: 640px;
  font-size: 14px;
 }
 #youtube_view iframe{
   width: 100%;
   height:315px;
 }
 #payment{
   background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
  width: 640px;
  font-size: 14px;
 }
#payment h3{
  font-size: 21px;
  font-weight: 700;
  padding: 0 0 5px 10px;
  margin:0 auto 10px auto;
  border-bottom: 5px solid #d9a928
}
#payment p{
  margin-bottom: 1em;
}
#payment table {
  width: 100%;
  border:1px solid #222;
}
#payment table th{
  color:#fff;
  padding:7px 15px;
  border-bottom: 1px solid #fff;
  background: #222;
  width: 170px;
}
#payment table td{
  padding: 7px 15px;
  border-bottom: 1px solid #222;
}

.modal_close{ 
  position: absolute;
  top: 12px;
  right: 12px;
  display: block; 
  width: 14px;
  height: 14px; 
  background: url(../img/modal_close.png);
  z-index: 2;
}