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

* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1.5;
  background:url(images/back.png) repeat;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

ol, ul {
  list-style: none;
}

@media print, screen and (min-width: 769px) {
  .pc-none {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .sp-none {
    display: none !important;}
  .googlecal { padding-bottom: 75%;
  }
  .sp-mask{
	  height:375px !important;
  }
}

.navi1{
width:100%;
}

.pc_nav{
height:75px;
position: relative;
z-index :1000;
border-top:solid 1px #fff;
border-bottom:solid 1px #fff;

}

.btn{
display:none;
}
.drawr{
display:none;
}


#slider01{
	
	width:100%;
}

.pc_menu ul li{
z-index:200;
}


/*******メニューバー*******/

/* クリアフィックス */
header ul{
  content: "";
  clear: both;
  display: block;
	max-width:50%;
	margin:0 auto;  
}

/* 一覧のリストの設定 */
header ul li {
  list-style-type: none;
  display: block;
  float: left;
  
  height: 75px;/* 見た目の調整 */
  line-height: 75px;/* 見た目の調整 */
  text-align: center;/* 見た目の調整 */
}


/* 横並びに5等分 */
header ul li {

	  width: 21.05%;

	  margin-right: 3.6%;

	}
header ul li:nth-child(4n) {

	  margin-right: 0;

	}
	

/*******要素*******/


table {
  border-collapse: collapse;
  border-spacing: 0;
}

img { 
	max-width: 100%; 
	height:auto;
	margin:0 auto;
}

p{
	margin:5px auto 20px;
}

section{
	padding:2% 0 ;
	
}

.menu01{
margin-top:40px;
}


header{
	background:url(images/backhead.png);
	text-align:center;
	/* height */
}

footer{
	background:url(images/backhead.png);
	text-align:center;
	padding:5% 0;
	color:#FFF;
	
}

h1{
	text-align:center;
	}

h2{
	text-align:center;
    color: #000;
    margin:5px auto 15px;
    padding: 10px 15px;
	border-bottom: 1px #351401 solid;
}

em,strong{
	font:normal;
}

em{
	color:#F00;
	font-size:19px;
}


strong{
	font-weight:bold;
	color:#F00;
	background:#FF0;
	padding:3px;
	font-size:25px;
	
}

/*******全体*******/

#page {
    margin: 0 auto;
    padding: 0;
	max-width:100%;
}

.contents{
	max-width:1000px;
    margin: 0 auto 2%;
	padding:0 2% 0;
}




/*******メニュー*******/


#t_menu dl{
	width:50%;
	padding:7% 0 2%;
	float:left;
	text-align:center;
	background:url(images/daiya.png) no-repeat;
	background-position: top;
}

#t_menu dt{
	width:30%;
	padding:0 3% 0 0;
	float:left;
}


.menu_text{
	width:40%;
	padding:3%;
	border:1px #351401 solid;
	text-align:center;
	clear:both;
}


/*******スタイリスト*******/

.stylist{
	width:50%;
	height:250px;
	background:url(images/stylist_txt.png) no-repeat center;
	float:left;
	color:#FFF;
	position:relative;
	text-align:center;	
}

.stylist_menu{
	width:90%;
	position:relative;
	top:30px;
	left:20px;
}

.stylist_txt{
	width:80%;
	position:relative;
	padding:0;
	color:#351401;
	margin:120px 20px 0 auto;
}


.stylist_img{
	width:50%;
	float:right;
	margin:0 0 20px 0px;
}

.stylist_mini{
	display:none;}
	

/*******ニュース*******/

#t_news{
}

#t_news dl{
	width:90%;
	height:auto;
	margin:0 auto 5%;
	overflow: hidden;
}

#t_news dt{	
	width:16%;
	padding:1% 0 1% 0;
	margin:0 3% 0 0;
	background-image:url(images/daiya.png);
	background-repeat:no-repeat;
	background-position:right;
	float:left;
	clear: left;
	font-weight:bold;
	}

#t_news dd{	
	border-bottom:1px #351401 dotted;
	padding:1% 0 1% 21%;	
}


/*******コンタクト*******/

#t_contact{
	clear:both;
	text-align:center;
	background:url(images/welcom.png) no-repeat;
	position:relative;
	background-position: 10px 80px;  
}


/*******アクセス*******/

#access{
	width:45%;
	float:left;
	padding:3% 0 0;
	margin:0 5% 0 0;
	background:url(images/daiya.png) no-repeat;
	background-position: top;
	text-align:center;
}

#access h3{
	font-size:30px;
}

#access li{
    padding:5% 0;
}


/*******クラス*******/

.big{
	margin:2% auto 0;
	width:50%;
	font-size:38px;
}

.bd{
	border-bottom:dotted 2px #351401;
	
}


.point{
	font-weight:bold;
	background:#FFF;
}

.cr{
	text-align:center;
	}

.img_big{
	width:100%;
}



/*******グーグルカレンダー対策*******/


.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;
}


/*******トップへ戻るボタン*******/
#page-top {
	position: fixed;
	bottom: 50px;
	right: 70px;
	z-index: 160;
}
#page-top a {
	text-decoration: none;
	text-align: center;
	display: block;
}

.br850{
	display: none;
}

@media (max-width: 850px) {
	.br850{
		display: initial;
	}

	.stylist_img{
		margin: 0 0 100px 0;
	}
	
	.stylist_txt{
	width:80%;
	position:relative;

	color:#351401;

}
	
}