/*---------------------------------
add css standard start
--------------------------------*/

img {
  max-width: 100%;
}

table {
  width: 100%;
}

/*---------------------------------
add css standard end
add css layout start
--------------------------------*/
body {
  background:url(/wp-content/themes/BriskHair/images/bg.png) 0 0 repeat;
  margin:0 auto;
}

.wrap {
  background:#fff;
  width:1140px;
  padding:0 30px 30px 30px;
  margin:0 auto;
  overflow:hidden;
}

.contentsWrap {
  background:url(/wp-content/themes/BriskHair/images/contentsBg.png) 0 0 repeat;
  width:1140px;
}

.contents div{
  margin-bottom: 32px;
}

.txt { margin-bottom:32px; }
.txt.last { margin-bottom:0; }


.alignL {
	text-align:left;
}

.alignR {
	text-align:right;
}

.img_left {
  float: left;
  margin-right:30px;
  margin-bottom:15px;
}

.img_right {
  float: right;
  margin-left:30px;
  margin-bottom:15px;
}

.content2_1 {
  width: 47.5%;
  float: left;
  margin-left:15px;
}

.content2_2 {
  width: 47.5%;
  float: right;
  margin-right:15px;
}

.content3 {
  width: 30.5%;
  float: left;
  margin-right: 15px;
  margin-left: 15px;
}

.content4_1 , .content4_2 , .content4_3 , .content4_4 {
  width: 22%;
  float: left;
}

.content4_2 {
  margin-left: 4%;
  margin-right: 4%;
}

.content4_3 {
  margin-right: 4%;
}

.note {
  background: #fcfcfc;
  padding: 8px 16px;
  margin: 16px 0;
}

.note p {
  margin: 0;
  padding: 4px 0;
}

.listA li { list-style:disc outside; color:#85bf69; line-height:1.8; margin:0 0 0 20px; }
.listA li span { color:#222222; }

strong { background:linear-gradient(transparent 75%, #bbdeaa 60%); }
strong.yl { background:linear-gradient(transparent 75%, #f4e24d 60%); }

@media (min-width: 481px) {
	.visible-xs { 
	display:none !important;
	}
}
@media (max-width: 480px) {
  .wrap {
	width:100%;
	padding:0 10px 10px 10px;
	box-sizing: border-box;
  }
  .hidden-xs {
    display: none !important;
  }
  .visible-xs { 
  display:inherit !important;
  }
  .contentsWrap {
	  width:100%;
  }
  .contents div {
    width: 100%;
    margin: 0 0 12px;
	float:none;
  }
}
/*---------------------------------
add css layout end
add css pageTop start
--------------------------------*/

.pageTop { position:fixed; right:60px; bottom:60px; z-index:99999;  }
.pageTop a { display:block; text-align:center; color:#fff; height:50px; width:90px; padding-top:40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background:url(/wp-content/themes/BriskHair/images/pageTop.png) 50% 30% no-repeat #675245; filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
.pageTop a:hover,.pageTop a:active { filter: alpha(opacity=100); -moz-opacity:1; opacity:1; }

@media (max-width: 480px) {
.pageTop { right:10px; bottom:20px;  }
.pageTop a { height:32px; width:60px; padding-top:28px; font-size:1.2rem; background-size:25%; }
}

/*---------------------------------
add css pageTop end
add css section common start
--------------------------------*/

section { text-align:center; }
section .ttl { height:130px; padding-top:50px; text-align:center; color:#fff; font-size:5.5rem; font-weight:bold; line-height:0.8;
-moz-text-shadow:1px 1px 5px rgba(0, 0, 0, 0.4);
-webkit-text-shadow:1px 1px 5px rgba(0, 0, 0, 0.4);
text-shadow:1px 1px 5px rgba(0, 0, 0, 0.4); }
section .ttl .en { font-size:3rem; font-weight:600; }

section .container { padding:40px 15px 120px 15px; margin:0 auto; max-width:1110px; }

section .catchA { font-size:4rem; font-weight:600; margin-bottom:40px; }
section .catchB { font-size:2rem; font-weight:bold; margin-bottom:40px; }

section .btn-l { margin-top:60px; }
section .btn-l a { background:#fff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:20px 100px; box-shadow:rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px; font-weight:600; font-size:3rem; }

@media (max-width: 480px) {
section .ttl { height:80px; padding-top:32px; font-size:2.8rem; line-height:1.1; }
section .ttl .en { font-size:2.2rem; }
section .container { padding:30px 15px 100px 15px; }
section .catchA { font-size:2.5rem; margin-bottom:30px; }
section .catchB { font-size:1.8rem; margin-bottom:30px; }
section .txt, section .lastTxt { text-align:left; font-size:1.4rem; }
section .btn-l { margin-top:30px; }
section .btn-l a { display:block; padding:20px 0; width:100%; font-size:2.5rem; }
}


/*---------------------------------
add css section common end
add css Title start
--------------------------------*/
#visitor .ttl { background:url(/wp-content/themes/BriskHair/images/ttlBg_visitor.jpg) 50% 0 no-repeat; }
#about .ttl { background:url(/wp-content/themes/BriskHair/images/ttlBg_about.jpg) 50% 0 no-repeat; }
#kanda .ttl {height:auto!important;padding-top:0!important;}
#yanagisawa .ttl {height:auto!important;padding-top:0!important;}
#flow .ttl { background:url(/wp-content/themes/BriskHair/images/ttlBg_flow.jpg) 50% 0 no-repeat; }
#voice .ttl { background:url(/wp-content/themes/BriskHair/images/ttlBg_voice.jpg) 50% 0 no-repeat; }
#menuCoupon .ttl { background:url(/wp-content/themes/BriskHair/images/ttlBg_menu.jpg) 50% 0 no-repeat; }
#faq .ttl { background:url(/wp-content/themes/BriskHair/images/ttlBg_faq.jpg) 50% 0 no-repeat; }
#staff .ttl { background:url(/wp-content/themes/BriskHair/images/ttlBg_staff.jpg) 50% 0 no-repeat; }
#contact .ttl { background:url(/wp-content/themes/BriskHair/images/ttlBg_etc.jpg) 50% 0 no-repeat; }
#news .ttl { background:url(/wp-content/themes/BriskHair/images/ttlBg_etc.jpg) 50% 0 no-repeat; }
#notFound .ttl { background:url(/wp-content/themes/BriskHair/images/ttlBg_etc.jpg) 50% 0 no-repeat; }
#notFound .ttl .en { font-size:9rem; }

@media (max-width: 480px) {
#visitor .ttl, 
#about .ttl, 
#flow .ttl, 
#voice .ttl, 
#menuCoupon .ttl, 
#faq .ttl, 
#staff .ttl,
#contact .ttl,
#news .ttl,
#notFound .ttl { background-size:250%; }
#notFound .ttl .en { font-size:2.5rem; }
}


/*---------------------------------
add css Title end
add css map start
--------------------------------*/

#map { margin-top: -90px;padding-top: 90px; }
#map iframe { vertical-align:bottom; }


/*---------------------------------
add css map end
add css access start
--------------------------------*/

#access { background:url(/wp-content/themes/BriskHair/images/accessBg.jpg) 50% 50% repeat; text-align:left; position:relative; }
#access .accessTtl { padding:40px 0 50px 15px; color:#fff; font-size:5.5rem; font-weight:bold; line-height:0.8; color:#675245; }
#access .accessTtl .en { font-size:3rem; font-weight:600; }
#access .container { padding-bottom:30px; }

.sns { font-size:3.5rem; position:absolute; top:90px; right:40px; }
.sns li { display:inline; }
.sns li a { color:#675245; }
.sns li a:hover,.sns li a:active { color:#85bf69; }

.accessTxt { background:rgba(255, 255, 255, 0.85); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;	padding:1px 0; }
.accessTxt .txt { margin:20px; font-size: 1.4rem; }
.accessTxt dl { border-top:1px solid #ece5dc; padding:8px 10px; margin:0 20px; }
.accessTxt dt { float:left; width:160px; font-weight:bold; }
.accessTxt dd { margin-left:165px; }
.accessTxt dd.card img { margin-top:5px; }
.accessTxt .btn-l { text-align:center; margin:40px 0; }
.accessTxt .btn-l a { background:#f8f8f8; font-size:2.6rem; }

.accessPic {  }
.accessPic ul { margin-top:3px; margin-bottom:10px; }
.accessPic ul li.left { float:left; width:49%; }
.accessPic ul li.right { float:right; width:49%; }

.copy { text-align:center; padding-bottom:20px; }

@media (max-width: 480px) {
#access .container { padding-bottom:5px; }
#access .accessTtl { padding:0 0 50px 5px; font-size:3rem; line-height:1.1; }
#access .accessTtl .en { font-size:2.5rem; }
.sns { top:60px; right:20px; }
.accessTxt dl { padding:8px 8px; margin:0 10px; }
.accessTxt dt { float:none; display:block; width:auto; }
.accessTxt dd { margin-left:0; font-size:1.4rem; }
.accessTxt .btn-l { text-align:center; margin:20px auto; width:90%; }
.accessTxt .btn-l a { background:#f8f8f8; font-size:1.8rem; }
.copy { font-size:1.2rem; }
}


/*---------------------------------
add css access end
add css second common start
--------------------------------*/

nav.pageNavi { margin:30px auto 0 auto;  }
nav.pageNavi ul {  }
nav.pageNavi li { display:inline-block; width: 170px; margin: 0 2px; }
nav.pageNavi li a { display: block; background:#efecd0; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; padding: 5px 0;  }
nav.pageNavi li a:hover, nav.pageNavi li a:active { display: block; background: #fff;  }
nav.pageNavi li span.now { display: block; background: #fff; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; padding: 5px 0;  }

nav.siteNavi { margin-top:100px; background:#85bf69; color: #fff; font-size: 1.4rem; padding:6px; }
nav.siteNavi span { padding: 6px; }
nav.siteNavi span a { color: #fff; }
nav.siteNavi span a:hover { text-decoration:underline; }

section h3 { font-size:4.4rem; font-weight:bold; background:url(/wp-content/themes/BriskHair/images/h3Bg.png) 50% bottom no-repeat; padding-bottom:20px; margin-bottom:60px; }
.alignL h3 { font-size: 3.6rem; font-weight: bold; background:none; padding-bottom:0; margin-bottom:60px; }

section .secondContainer { padding:40px 15px 0 15px; margin:0 auto; max-width:1110px; }

section.innrM { width:900px; margin:0 auto 120px auto; }
section.innrS, div.innrS { width:700px; margin:0 auto 120px auto; }

section.sec01, section.sec02, section.sec03, section.sec04, section.sec05, section.sec06, section.secA, section.secB, section.secC { margin-bottom:120px; }

section .point dt { margin-bottom:20px; line-height: 1; }
section .point dt .en { font-size:7.2rem; font-weight:600; font-style:italic; color:#85bf69; display: inline-block; width:60px; }
section .point dt .txt { font-size:3.6rem; font-weight:bold; }


section .contactBox { background: #fff; border: solid 4px #edebcb; padding: 25px 0; box-sizing: border-box; }
section .contactBox h4 { font-size:1.8rem; font-weight:bold; color:#85bf69; margin-bottom: 20px; }
section .contactBox ul { margin-left: 70px; }
section .contactBox li { float:left; text-align:center; margin:0 0 0 15px; }
section .contactBox .tel { font-size:1.2rem; line-height:1.2; }
section .contactBox .tel .en { font-size:3.6rem; font-weight:600; }
section .contactBox .web a  { font-size:1.8rem; display:block; background:#85bf69; color:#fff; padding:15px 50px; line-height:1; }
section .contactBox .web a:hover { filter: alpha(opacity=75);  -moz-opacity:0.75;  opacity:0.75; }

section .contactBox .tel .flaticon-telephone5:before { content: "\e00a"; color:#85bf69; font-size:2.4rem; margin-right:2px; }
section .contactBox .web .flaticon-computer201:before { content: "\e002"; font-size:3rem; margin:0 15px 5px 0; vertical-align:middle; display:inline-block; }


@media (max-width: 480px) {
nav.pageNavi { margin:15px auto 0 auto;  }
nav.pageNavi ul { font-size:1.2rem;  }
nav.pageNavi li { display:inline-block; width: 45%; margin: 4px 2px; }
nav.pageNavi li a { padding: 8px 0;  }
nav.pageNavi li span.now { padding: 8px 0;  }

nav.siteNavi { margin-top:30px; color: #fff; font-size: 1.2rem; }
nav.siteNavi ul { padding: 6px 12px; font-size: }

section h3 { font-size:2.6rem; background-size:60px; padding-bottom:10px; margin-bottom:30px; }
.alignL h3 { font-size:2rem; margin-bottom:30px; }

section .secondContainer { padding:30px 15px 0 15px; }

section.innrM { width:100%; margin:0 auto 100px auto; }
section.innrS, div.innrS { width:100%; margin:0 auto 50px auto; }

section .point dt .en { font-size:4rem; font-weight:700; width:30px; }
section .point dt .txt { font-size:2rem;  }

section .contactBox { padding: 15px 0; }
section .contactBox h4 { font-size:1.6rem; margin-bottom: 15px; }
section .contactBox ul { margin: 0 15px; }
section .contactBox li { float:none; text-align:center; margin:0 0 0 0; }
section .contactBox li.tel { margin-bottom:15px; }
section .contactBox .tel .en { font-size:3rem; }
section .contactBox .web a  { padding:15px 0; }

section .contactBox .tel .flaticon-telephone5:before { font-size:2.2rem; }


}



@media print{
  #topNavi, #page-top { display:none; }
}















@media (max-width: 480px){
	.google_map_canvas{height:250px!important;}
	.sp_underbnr{
		position:fixed;
		width:100%;
		bottom:0;
		left:0;
		z-index:99999;
	}
	.sp_underbnr img{vertical-align:bottom;}
	.couponbtn{
		
		width:90%;
		margin:40px auto 60px auto;
	}

	.couponbtn a {
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		text-align:center;
		font-size: 1.8rem;
		display: block;
		background: #85bf69;
		color: #fff;
		padding: 8% 5%;
		box-sizing:border-box;
		line-height: 1;
	}
}

@media (min-width: 481px) {
	.sp_underbnr{
		display:none !important;
	}
	.couponbtn{
		width:30%;
		margin:8% auto 0 auto;
	}

	.couponbtn a {
		text-align:center;
		font-size: 1.8rem;
		display: block;
		background: #85bf69;
		color: #fff;
		padding: 25px 50px;
		line-height: 1;
	}
}

section .contactBox li{margin:0 auto!important;float:none!important;}
.contactBox .web{display:none!important;}
section .contactBox ul{margin:0 auto!important;}



.column2 h2{
	padding: 20px 0 40px 0px;
	color: #fff;
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 0.8;
	color: #675245;
}

.column2{
	width:98%;
	margin:0 auto;
	overflow:hidden;
	padding:20px 0;
	text-align:center;
}

.column2 a{
	width:49%;
}

.column2 a:hover{
	color:#333333!important;
}

.column2 a.bnr_tel{
	color:#fff;
	float:left;
	background: -prefix-linear-gradient(top, #87cbff,#4badf8);
	background: linear-gradient(to bottom, #87cbff,#4badf8);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding:20px 0;
	box-shadow:rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px;
	font-weight:600;
	font-size:2.6rem;
	box-sizing:border-box;
	display:inline-block;
	text-align:center;
}

.column2 a.bnr_web{
	color:#fff;
	float:right;
	background: -prefix-linear-gradient(top, #ff9ea4,#f85466);
	background: linear-gradient(to bottom, #ff9ea4,#f85466);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding:20px 0;
	box-shadow:rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px;
	font-weight:600;
	font-size:2.6rem;
	box-sizing:border-box;
	display:inline-block;
	text-align:center;
}

.column2 a.bnr_web:before {font-family: Flaticon; content: "\e002"; font-size:3rem; margin:0 15px 0px 0; vertical-align:middle; display:inline-block; }
.column2 a.bnr_tel:before {font-family: Flaticon; content: "\e00a"; font-size:2.6rem; margin:0 15px 0px 0; vertical-align:middle; display:inline-block; }

@media (max-width: 480px) {
	.column2 a.bnr_tel:before {display:none!important;}
	.column2 a.bnr_web:before {display:none!important;}
	.column2 a{
		line-height:120%;
		font-size: 2rem!important;
	}
	.column2{
		padding-bottom:50px;
	}
	.column2 h2{
		padding: 20px 0 20px 0px;
		line-height:120%;
		font-size: 3rem;
	}
}

/*---------------------------------
Google Map Embed
--------------------------------*/
.gmap {
	height: 400px;
}
.gmap iframe {
	height: 100%;
	width: 100%;
}

@media screen and (max-width: 480px) {
	.gmap {
		height: 350px;
	}
}