@charset "utf-8";
/* CSS Document */



/* ここからスタイル開始
------------------------------------------------------------*/
/* 通常のスタイルはここに
------------------------------------------------------------*/
@font-face {
  font-family: "myFont";
  src: url("font/AozoraMinchoRegular.eot?") format('eot'),
       url("font/AozoraMinchoRegular.woff") format('woff'),
       url("font/AozoraMinchoRegular.ttf")  format('truetype');
}

body {
	background:url(/wp-content/uploads/back01.png) !important;
}


/* 全ページ共通
-------------------*/
h2.title {
	border-bottom:1px solid #1c2971;
}

.post h2.title {
	border-bottom: 2px solid #CFCFCF;
	overflow:hidden;
	margin: 0px 0px 0px;
	padding: 5px 0px 0px;
}
#headerInfo p.tel a {
	font-size:130%;
}
.thumb-news li h3 span, nav#mainNav a.menu {
	color:#FFFFFF;
}
#mainNav {
	font-weight:bold;
	font-family: "myFont" !important;
}
#headerInfo p {
	padding-left:0;
}
#news-wrap {
	background:#7156b6;
	margin-top:10px;
}
#news-wrap a {
	color:#FFFFFF;
}
.content img {
	max-width:100%;
	height:auto;
}
#footer {
	background:#FFFFFF;
	box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 10px 2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 10px 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 10px 2px;
	padding:35px 0 0;
	margin-bottom:20px;
}
.footer-info-wrap #footer-info h2 {
	margin-bottom:10px;
}
a#scroll-to-top {
	background:url(/wp-content/uploads/arrow.png);
	width:45px;
	height:45px;
}

/* トップページ
-------------------*/
.flexslider {
	overflow:hidden;
}
.metaslider .caption-wrap {
	background: #FFF none repeat scroll 0% 0% !important;
	color: #6B6B6B !important;
}
.home h2.title {
	border-bottom: 2px solid #CFCFCF;
	overflow:hidden;
	margin: 0px 0px 0px;
	padding: 5px 0px 0px;
}

.post h2.noline {
	border-bottom:0;
	padding-bottom:0;
}
h2.title,
h3 {
	font-family: "myFont" !important;
}
.post h3 {
	border-bottom:1px solid #aeadad;
	font-weight:bold;
}
.thumb-news a {
	color:#FFFFFF;
}
#top-btn-wrap {
	background:#FFFFFF;
	box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 10px 2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 10px 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 10px 2px;
	padding:35px 0;
}
#top-greeting-wrap .inner {
	background:#FFFFFF;
	box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 10px 2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 10px 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 10px 2px;
	padding:50px 35px;
}
#top-greeting-wrap .inner .content {
	margin-bottom:0;
}
#top-greeting-wrap h3 {
	color:#7156b6;
	font-size:190%;
	font-weight:bold;
	font-family: "myFont" !important;
	padding-top:20px;
	padding-bottom:30px;
}
#top-greeting-wrap p {
	font-size:120%;
	line-height:1.4;
	font-family: "myFont" !important;
	padding-bottom:30px;
}
.textwidget {
	padding: 0px;
	margin-bottom: 30px;
}
.thumbWrap-fb {
	width: 100%;
	text-align: center;
}
section.widget h3 {
	border-bottom: 2px solid #CFCFCF;
}

/* 下層１ページ
-------------------*/

#mainImg div h2 {
	font-weight: bold;
	font-size: 130%;
	color: #fff;
	text-shadow: 1px 2px 4px #000;
	text-align: center;
}

.post table th {
	color:#FFFFFF;
}
.hissu {
	color:#FF0000;
}
input[type="tel"], input[type="email"], select {
  vertical-align: middle;
  max-width: 90%;
  line-height: 30px;
  height: 30px;
  padding: 1px 5px;
  border: 1px solid #d4d4d7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 100%;
  color: #555;
  background: #fcfcfc;
}
.post dt {
	background:url(/wp-content/uploads/icon_01.png) no-repeat left center;
	padding:5px 5px 5px 25px;
	float:left;
}
.post dd {
	padding:5px 10px;
	float:left;
}
.qa dt {
	background:url(/wp-content/uploads/icon_q.png) no-repeat left top;
	padding-left:35px;
	margin-bottom:10px;
}
.qa dd {
	background:url(/wp-content/uploads/icon_a.png) no-repeat left top;
	padding-left:35px;
}
.post .lesson01 dt {
	width:20%;
}
.post .lesson01 dd {
	width:80%;
}

/* 下層ページ共通
-------------------*/
.center_img {
	text-align: center;
}

.bold_red {
	font-weight: bold;
	font-size: 110%;
	color: #FF4847;
	font-family: "myFont" !important;
	margin: 5px 0;
}
.point_text {
	font-weight: bold;
	font-size: 110%;
	color: #B994D3;
}

/* カラー診断メニュー
-------------------*/
.menu_flow h3 {
	border: 1px solid #BBB4CE;
	padding: 5px 3px;
}
.center_img i {
	  color: #ccc;
}

/* サロン案内
-------------------*/
.profile_text h3 {
	color: #7156B6;
	font-size: 130%;
	font-weight: bold;
}
.profile_text p {
	text-shadow: 1px 1px 1px #FFF;
	color: #000;
}
.colorfor_text {
	background:url(/wp-content/uploads/salon_img01.png) right bottom no-repeat;
}

/* サイトマップ
-------------------*/
.post ul#sitemap_list li {
    margin-bottom: 5px;
    padding-left: 15px;
    background: transparent url("images/bullet.png") no-repeat scroll 0px 1px;
}

.post ul#sitemap_list li.post-item-410 {
    background: transparent url("images/bullet_.png") no-repeat scroll 20px 12px;
}

/* プライバシーポリシー
-------------------*/
.post ul li.dots {
    margin-bottom: 5px;
    padding-left: 15px;
    background: transparent url("images/bullet_.png") no-repeat scroll 0px 8px;
}


/* MainMenu　for PC
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){

}

/* MainMenu iPad size 以下
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
.header-inner-left {
    float: left;
    width: 60%;
}
#headerInfo {
    float: right;
    text-align: center;
    padding-top: 10px;
    width: 40%;
}

}

/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
	.metaslider .caption-wrap {
		background: #FFF none repeat scroll 0% 0% !important;
		color: #6B6B6B !important;
	}
	.post .lesson01 dt {
		width:100%;
	}
	.post .lesson01 dd {
		width:100%;
	}
}

/* width 648px 以下から  トップページの３画像調節
------------------------------------------------------------*/
@media only screen and (max-width: 648px){
	.header-inner-left {
		width: 100%;
	}

	.header-inner-left h2 a img {
		width: 100%;
	}
	#headerInfo {
		text-align: center;
		padding-top: 10px;
		width: 100%;
	}
}

/* メインメニュー + 検索ボックス iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){

}


/* googleカレンダー
------------------------------------------------------------*/

.cal_wrapper {
max-width: 960px;
min-width: 300px;
margin: 2.0833% auto;
}

.googlecal {
position: relative;
padding-bottom: 100%;
height: 0;
}

.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

@media only screen and (min-width: 768px) {
.googlecal { padding-bottom: 75%; }
}