/* Enter Your Custom CSS Here */

/* デバイスにより表示・非表示設定 */
@media screen and (max-width: 767px){
.spnone {display:none;}
}

@media only screen and (min-width: 768px){
.pcnone {display:none;}
}


/* サロンヘッダー設定 */
.salon-header-catchcopy{
  color:#000;
  font-size:20px;
  font-weight:bold;
  text-align: left;
  line-height:25px;
  margin-bottom:5px;
  }


/* ヘッダーH1 */
.header-h1{
  color:#666;
  font-size:12px;
  font-weight: normal;
  text-align: right;
  margin:0px 0px 0px 0px;
}

/* ブログ見出しH2 */
.h2-midashi {
  color:#fff;
  font-size:20px;
  position: relative;
  padding: 0.6em;
  background: #000;
}

.h2-midashi:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #000;
width: 0;
height: 0;
}

/* ブログ見出しH3 */
.h3-midashi {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #000;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/
}

/* ブログ見出しH4 */
.h4-midashi {
border-bottom: solid 3px #cce4ff;
position: relative;
}

.h4-midashi:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #5472cd;
bottom: -3px;
width: 20%;
}

/* ブログ見出しH5 */
.h5-midashi{
position: relative;
display: inline-block;
padding: 0 55px;
}

.h5-midashi:before, .h5-midashi:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}

.h5-midashi:before {left:0;}
.h5-midashi:after {right: 0;}

/* ブログ見出しCHECK */
.check-midashi{
position: relative;
color: black;
background: #d0ecff;
line-height: 1.4;
padding: 0.25em 0.5em;
margin: 2em 0 0.5em;
border-radius: 0 5px 5px 5px;
}

.check-midashi:after {/*タブ*/
  position: absolute;
  font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
  content: '\f00c Check';
background: #2196F3;
color: #fff;
left: 0px;

bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 3px 7px 1px;
 	font-size: 0.7em;
 	line-height: 1;
 	letter-spacing: 0.05em
  }

/* ブログ見出しPOINT */
.point-midashi{
position: relative;
border-top: solid 2px #80c8d1;
border-bottom: solid 2px #80c8d1;
background: #f4f4f4;
line-height: 1.4;
padding: 0.4em 0.5em;
margin: 2em 0 0.5em;
}

.point-midashi:after {/*タブ*/
position: absolute;
font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
content: '\f0a7\ POINT';
background: #80c8d1;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 5px 7px 3px;
font-size: 0.7em;
line-height: 1;
letter-spacing: 0.05em;
  }

/* ボタン */
.button-full {
	background-color: #000;
	color: #fff;
    font-size:20px;
	display: inline-block;
	width: 100%;
	/*height: 54px;*/
	text-align: center;
	text-decoration: none;
	/*line-height: 54px;*/
	outline: none;
    padding:8px 26px;
}
.button-full::before,
.button-full::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button-full,
.button-full::before,
.button-full::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button-full:hover {
  	background-color: #59b1eb;
	color: #fff;
}

/* テーブルボーダーなし */
.table-noborder {
  border-top: 0px !important;
  border-bottom: 0px !important;
}

/*-------------------------------------------
 contact form 20170324
-------------------------------------------*/
.form-01 dl {
/*	 border-top: 1px dotted #ccc;*/
	 color: #4c4c4c;
	 margin-bottom: 1em;
}
.form-01 dl:after {
  content: "";
  display: block;
  clear: both;
}
.form-01 dt, .form-01 dd {
	 font-weight: normal;
}
.form-01 dt {
	 font-size: 100% !important;
		margin: 0;
	 padding: 1em 0 0;
}
.form-01 dt strong {
	 color: #F66;
		font-weight: normal;
}
.form-01 dd {
		margin: 0;
	 padding: 0.8em 0 0;
}
.form-01 input[type="text"]{
	 font-size: 108%;
}
.form-01 dd textarea {
/*	 border: 1px solid #ccc;*/
		border-radius: 4px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
					-moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
						-ms-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
							-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		vertical-align: middle;
		padding: 6px 12px;
}
@media all and (min-width: 981px) {
		.form-01 {
			 margin: 1rem auto 2rem;
			 width: 80%;
		}
		.form-01 dt {
			 display: inline-block;
			 width: 20%;
		}
		.form-01 dd {
			 display: inline-block;
			 width: 76%;
		}
}

@media (max-width: 980px) {
		.form-01 input[type="text"],
		.form-01 textarea {
			 width: 100%;
		}
}
/*-- ボタン --*/
.form-button {
/*	 border-top: 1px dotted #999;*/
		padding-top: 1.4em;
		text-align: center;
}
.form-button a,
.form-button input {
	 background-color: transparent;
		border: 1px solid #ccc;
		border-radius: 100px;
  box-sizing: border-box;
		cursor: pointer;
  display: inline-block;
		height: 54px;
  padding: 8px 0;
		text-align: center;
  -webkit-appearance: none;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
		width: 220px;
}
@media (max-width: 767px) {
		.form-button a,
		.form-button input {
  		width: 47%;
		}
}
@media (max-width: 480px) {
		.form-button a,
		.form-button input {
  		width: 100%;
		}
}
.form-button a:hover,
.form-button input:hover {
	 background-color: #e3e3e3;
		border: 1px solid #ccc;
		color: #333;
}

/*-- 確認画面 --*/
.mw_wp_form_preview dl dt .require, 
.mw_wp_form_preview .form-01 .mail_area .require {
	 display: none !important;
}
.mw_wp_form_preview dl dd {
	 padding-top: 1.1em;
}
.mw_wp_form_preview .form-01 dd .example, 
.mw_wp_form_preview .form-01 dd .comment{
	 display: none;
}
.mw_wp_form_preview .list-notice-01 {
	 display: none;
}
.form-button input:nth-of-type(2) {
	/*background-color: #fff;*/
	 border: 1px solid #ddd;
		margin-left: 20px;
}
@media (max-width: 767px) {
		.form-button input:nth-of-type(2) {
				margin-left: 5%;
		}
}
@media (max-width: 480px) {
		.form-button input:nth-of-type(2) {
				margin-top: 1.8rem;
				margin-left: 0;
		}
}
.form-button input:nth-of-type(2):hover {
	 background-color: #f2f2f2;
	 border: 1px solid #bbb;
}

/*-- 送信完了後TOPへ戻る --*/
.mw_wp_form_complete {
	 margin-bottom: 2em;
}
.mw_wp_form_complete .form-button {
		margin: 0 auto;
		text-align: center;
}
.mw_wp_form_complete .form-button a {
		display: block;
		line-height: 50px;
		text-decoration: none;
}
.mw_wp_form_complete .form-button a:hover {
	 background-color: #fff;
		border: 1px solid #96c721;
		color: #96c721;
}


/* COMMON */
.mt10{margin-top:10px;}
.mb20{margin-top:20px;}
.mb30{margin-top:30px;}
.mb40{margin-top:40px;}
.mb50{margin-top:50px;}
.mb60{margin-top:60px;}
.mb70{margin-top:70px;}
.mb80{margin-top:80px;}
.mb90{margin-top:90px;}
.mt100{margin-top:100px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}

.mtb10{margin-bottom:10px;}
.mtb20{margin-bottom:20px;}
.mtb30{margin-bottom:30px;}
.mtb40{margin-bottom:40px;}
.mtb50{margin-bottom:50px;}
.mtb60{margin-bottom:60px;}
.mtb70{margin-bottom:70px;}
.mtb80{margin-bottom:80px;}
.mtb90{margin-bottom:90px;}
.mtb100{margin-bottom:100px;}