@charset "UTF-8";

header {
/*
    position: fixed;
    top: 0;
*/
    display: block;
	padding: 15px 0;
    background-color: #000;
    box-shadow: none
}

body {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    opacity: 0;
}

#header_inner {
    width: 1024px;
    margin: 0 auto;
	
}

#header_inner * {
    display: inline-block;
}

#header_menu {
    float: right;
    height: 55px;
    line-height: 55px;
}

#header_menu li {
    float: left;
    margin-left: 16px;
}

#footer {
	background-color: #000;
	color: #fff;
	padding: 0px 0 40px 0;
	clear: both;
}

#footer a:link,
#footer a:visited {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	color: #fff;
	text-decoration: underline;
}
/*footer nav*/

#footer-nav {
	background-color: #545454;
	/*	text-align: right;*/
}

#footer-nav .footer-nav-body {
	width: 980px;
	margin: auto;
}

#footer-nav ul,
#footer-nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer-nav ul {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	padding: 10px 0;
}

#footer-nav ul li {
	display: block;
	font-size: 90%;
}

#footer-nav ul li a:before {
/*	content: url(/img/site/pc/index/arrow_right_white.png);*/
	content: url(/athlete/img/site/sp/index/arw-right.png);
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 -0.2em 0;
	padding: 0 0 0 20px;
}

#footer-nav ul li a {
	display: inline-block;
	padding: 5px 0;
}
/*  */

#footer .footer-body {
	width: 1030px;
	margin: auto;
	padding: 20px 0 0 0;
	display: table;
}

#footer .footer-body .logo {
	display: table-cell;
}

#footer .footer-body .logo img {
	width: 180px;
	height: auto;
}

#footer .footer-body .logo div {
	display: inline-block;
}

#footer .footer-body .powerd {
	color: #999;
	font-size: 9px;
	vertical-align: bottom;
	margin: 0 0 5px 8px;
}

#footer .footer-body .copyright {
	display: table-cell;
	text-align: right;
}

#footer .footer-body small {
	display: block;
}

#wrap {
/*    width: 1024px;*/
/*    margin: 0 auto;*/
}

#content {
    width: 1002px; /*1024px*/
    margin: 40px auto;
    padding: 10px;
    border: 1px #eee solid;
}

#main {
    padding: 0 25px;
}

.strong {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
}

.strong_l {
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0;
}

.strong_red {
    color:#f00;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
}

h1 {
    margin: 20px 0;
    border-bottom: 3px #ccc solid;
    line-height: 51px;
    font-size: 31.5px;
}

h2 {
/*    margin: 20px 10px;*/
    margin: 20px 0;
    border-bottom: 3px #ccc solid;
    line-height: 51px;
}

#salon_name {
    border-bottom: 3px #666 solid;
    display: inline-block;
    position: relative;
    top: 3px;
}

#salon_name img {
    position: relative;
    padding-right: 10px;
    top: -3px;
}

h3 {
    height: 38px;
    line-height: 38px;
    border-bottom: 3px #999 dashed;
    margin: 18px 10px;
}

h3 img {
    vertical-align: middle;
}

h4 {
    height: 26px;
    line-height: 26px;
    margin: 10px 0;
}

h4 img {
    vertical-align: middle;
}

#social_share {
    width: 960px;
    margin: 15px auto;
    font-size: 12px;
	
}

#social_share .social_button {
    padding: 0 0 10px;
    height: 50px;
}
#social_share .social_button ul {
    margin: 0;
    padding: 0;
}
#social_share .social_button ul li {
    float: left;
    list-style: none;
}
#social_share .social_button_googleplusone {
}
#social_share .social_button_tweet {
    width: 120px;
}
#social_share .social_button_hatena {
    width: 120px;
}
#social_share .social_button_facebook {
    width: 110px;
}
#social_share .social_button_line {
    width: 130px;
}
#profile_text {
    position: relative;
    top: 30px;
    left: 20px;
}

.top_description {
    font-size: 16px;
    line-height: 1.5em;
    margin: 20px 25px;
}

.description {
    font-size: 14px;
    line-height: 1.25em;
    margin: 20px 0;
}

.more .description {
    margin: 0;
}

#profile_text .description {
    line-height: 1.5em;
}

.more {
    margin: 30px 0;
}

.more_sign {
    background-color: #e9e9e9;
    padding: 4px 0;
}

.more_details {
    text-align: center;
    margin: 25px 0;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.small {
    font-size: 14px;
}

.large {
    font-size: 20px;
}

.float_left {
    float: left;
}

.clear {
    width: 1px;
    height: 1px;
    display: block;
    clear: both;
    background-color: transparent;
}

i {
    font-style: normal;
}
.alert-text {
    font-weight: bold;
    color: #f00;
    padding-top: 10px;
}

.text_link {
    color: #00f;
    text-decoration: underline;
}

#scroll_top {
    position: absolute;
    display: none;
}

section ul li{
    list-style:none;
}

/* button */
.btn {
    margin: 0.5em;
    position: relative;
}
.btn .btn-txt {
    display: block;
    min-width: 200px;
    padding: 0 10px;
}
.btn .icon-chevron-right {
    position: absolute;
    right: 10px;
    top: 10px;
}

.btn .icon-chevron-left {
  float: left;
  left: 10px;
  top: 10px;
}

.btn .icon-backward {
  float: left;
  margin-top: 2px;
  margin-right: -3px;
    margin-right: 4px;
}

.btn .icon-forward {
  float: right;
  margin-top: 2px;
  margin-right: -3px;
    margin-left: 4px;
}

.form-horizontal .control-group .input-error{
    margin: 0;
}
.form-horizontal .control-group .input-title{
    margin-right: 5px;
}
.form-horizontal h5{
    margin: 0;
}

.form-buttons {
    text-align: center;
    margin: 30px 0;
}

.block-content {
    margin: 1em;
    min-height: .25em;
}

.margin-horizon {
    margin-left: 10px;
}

a[disabled] {
    pointer-events: none;
}

.hr-slim {
    margin: 10px 0;
    border: 0;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #ffffff;
}

.recommend-salon {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    font-size: 14px;
}
.recommend-salon img {
    width: 100px;
}

#main .salon_tag {
    margin-bottom: -24px;
}
#main .free_period_icon {
    display: inline-block;
    text-align: center;

    padding: 4px 12px;
    font-size: 16px;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
