@charset "UTF-8";

/*
Theme Name: TRACKS GROUP
Author: TRACKS
Description: This is my original theme.
Version: 1.0
*/

body{
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	text-align: center;
	color: #221814;
	font-size: 15px;
	width: 100%;
	background-color: #fff;
	line-height: 220%;
	background-image: url(/img/top-bg.jpg);
}
p{
	font-size:14px;
}
a{
	color: #221814;
	text-decoration: none;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
}
a:visited{
	color: #221814;
}
a:hover{
	color: #221814;
}
a:active {
	color:  #221814;
}

img	{
	width:100%;
    height: auto;
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
#contents{
	z-index:-1!important;
}

@media (max-width:767px){
.white{
	height:50px;
}
}

/* 全体の横幅を固定 */
@media (min-width: 1090px) {
.container,
#siteinfo,
nav,
#footer1-inner,
#footer2-inner,
.container_blog{
	max-width: 1090px;
	margin-left: auto;
	margin-right: auto;
}
}
@media(min-width:768px) and (max-width: 1090px) {
.globalheader{
	padding-right:20px;
	padding-left:20px;
}
}



/* お問い合わせフォーム */
.wpcf7 input,
.wpcf7 textarea	{
	width: 100%;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

#button-back,
.wpcf7 input[type="submit"]
	{width: 200px;
	padding: 10px;
	border: none;
	background-color:#A897B1;
	-webkit-appearance: none;
	cursor: pointer;
	color:#FFF;
	margin:10px 0;
	font-size:15px;
}


.wpcf7 input[type="submit"]:hover{
	background-color:#749CC1;
}
.wpcf7 input[type="submit"]{ 
   -webkit-transition: background-color 0.3s;
   -moz-transition:  background-color 0.3s;
	-ms-transition:  background-color 0.3s;
	-o-transition:  background-color 0.3s;
	transition: background-color 0.3s;
}


/*
 *
 * ARTICLE
 *
 */
 
article{
	width: auto;  
    margin: 0 auto;  
    text-align: left;  
	padding: 100px; 
	margin-bottom:40px; 
	border:2px solid #221814;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;  
	background-color:#ffffff;
}

@media (min-width: 768px)and  (max-width:991px) {	
article{
	padding:30px;
	margin-bottom:30px;   
}
}

@media (max-width:767px) {		
article{
	padding:20px;  
    border: 15px solid #F2F2F0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;  
	background-color:#ffffff;
	line-height:1.8;
	margin-bottom:20px;  
}
}

/*
 *
 * ARTICLE
 *
 */


/*
 *
 * TITTLE
 *
 */
.tittle{
	text-align: center;
}
 
.tittle p{
	border-bottom: #221814 solid 2px;
	font-family: 'Rasa 27px', serif;
	font-size:38px;A37E39
	padding-bottom:15px;
	color:#221814;
    display: inline-block;
}
.tittle_jp p{
	font-size:22px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	}

@media (min-width: 768px)and  (max-width:991px) {

.tittle p {
	font-size: 27px;
	padding-bottom:10px;
	}
.tittle_jp p{
	font-size:18px;
	}	
	
}	
	
@media (max-width:767px) {
.tittle p {
	font-size: 27px;
	padding-bottom:0px;
	}
.tittle_jp p{
	font-size:18px;
	}		
}


.tittle_margin{
	margin-bottom:40px;
}

@media (min-width: 768px)and  (max-width:991px) {
.tittle_margin{
	margin-bottom:30px;
}
}

@media (max-width:767px) {
.tittle_margin{
	margin-bottom:20px;
}
}


/* 固定ページ(ピックアップのマージン) */
.post-66 img,
.post-73 img,
.post-86 img,
.post-2 img	{
	margin-top: 30px;
	margin-bottom: 30px;
}

/*
 *
 * TITTLE
 *
 */


#bg1{
   background-image: url("img/billboard_background1.jpg");
   height:280px;
   background-position:center top;
background-repeat:no-repeat;
-moz-background-size:cover;
background-size:cover;
}

#bg2{
   background-image: url("img/billboard_background2.jpg");
   height:280px;
   background-position:center top;
background-repeat:no-repeat;
-moz-background-size:cover;
background-size:cover;
}

#bg3{
   background-image: url("img/billboard_background3.jpg");
   height:280px;
   background-position:center top;
background-repeat:no-repeat;
-moz-background-size:cover;
background-size:cover;
}

#bg4{
   background-image: url("img/billboard_background4.jpg");
   height:280px;
   background-position:center top;
background-repeat:no-repeat;
-moz-background-size:cover;
background-size:cover;
}

#bg5{
   background-image: url("img/billboard_background5.jpg");
   height:280px;
   background-position:center top;
background-repeat:no-repeat;
-moz-background-size:cover;
background-size:cover;
}

#bg6{
   background-image: url("img/billboard_background6.jpg");
   height:280px;
   background-position:center top;
background-repeat:no-repeat;
-moz-background-size:cover;
background-size:cover;
}

#bg7{
   background-image: url("img/billboard_background7.jpg");
   height:280px;
   background-position:center top;
background-repeat:no-repeat;
-moz-background-size:cover;
background-size:cover;
}



.billboard p {
    font-size: 50px;
    letter-spacing: 5px;
    font-family: 'lato', serif;
    font-weight: normal;
    line-height: 1.2;
    padding: 110px 0 0 0;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.billboard span{
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
}
.billboard {
    height: 280px;
    text-align: center;
    color: #ffffff;
}



@media  (min-width: 768px) and (max-width: 991px) {
#bg1,#bg2,#bg3,#bg4,#bg5,#bg6,#bg7{ 
 height:200px;

}

.billboard p {
    padding: 80px 0 0 0;
	 font-size:40px;
	}	
.billboard {
    height: 200px;
    text-align: center;
    color: #ffffff;
}

}


@media (max-width:767px) {
#bg1,#bg2,#bg3,#bg4,#bg5,#bg6,#bg7{ 
 height:120px;
}

.billboard p {
    padding: 30px 0 0 0;
	font-size:30px;
}
	
}

/*
 *
 * BILLBOART END
 *
 */
 
/*
 *
 * SUBTITTLE START
 *
 */
.subtittle{ 
	margin:70px 0 15px;
}
.subtittle p{ 
	font-size:16px;
	color: #221814;
	letter-spacing:1.3px;
}
@media  (min-width: 768px) and (max-width: 991px) {	
.subtittle{ 
	margin:40px 0 15px;
}
.subtittle p{ 
	font-size:15px;
	letter-spacing:0;
}
}
@media (max-width:767px) {	
.subtittle{ 
	margin:20px 0 5px;
}
.subtittle p{
	font-size:15px;
	letter-spacing:0;
}	
} 
/*
 *
 * SUBTITTLE END
 *
 */

/*
 *
 * TITTLE START
 *
 */
 
.tittle_2pg {
	margin:15px 0  70px;	
}
.tittle_2pg p{
	font-size:28px;
	color: #221814;	
}
@media  (min-width: 768px) and (max-width: 991px) {
.tittle_2pg {
	margin:15px 0 40px;	
}
.tittle_2pg p{
	font-size:20px;
}
}
@media (max-width:767px) {		
.tittle_2pg {
	margin:5px 0 20px;	
}
.tittle_2pg p{
	font-size:16px;
}
}
/*
 *
 * TITTLE END
 *
 */


/**
 * 
 * PAGETOP START
 *
 */
 
a.scrollToTop {
    border: 2px solid;
    bottom: 30px;
    font-size: 20px;
    height: 40px;
    line-height: 1;
    padding: 6px 0 0;
    position: fixed;
    right: 40px;
    text-align: center;
    width: 40px;
    z-index: 10;
    color: #000;
    transition: 0.2s all ease;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

a.scrollToTop:hover {
    color: #000;
    background-color: #D7DEE5;
}


/**
 * 
 * PAGETOP END
 *
 */










/* ########### 1190px以上 ########### */
@media (min-width: 1090px) {

/* 全体の横幅を固定 */
.article,#body,#diary, #menu, #section-inner, #footer-inner,
#article_socialmedia,
#intro h1,#fourmenu,#fourmenu2,#headerblock,#tel,.globalheader,
.billboard_inner,.barch_outer,.mene_list{
	max-width: 1090px;
	margin-left: auto;
	margin-right: auto;
}
}
@media(min-width:768px) and (max-width: 1090px) {
#siteinfo{
	padding-right:20px;
	padding-left:20px;
}
}

@media(min-width:992px) and (max-width: 1090px) {
.mene_list{
	padding-right:20px;
	padding-left:20px;
}
}
	
#open,#cut,#color,#perm,#straight,#treatment,#headspa,
#other,#discount,#about,
#access,#concept,#salongallery,
#short,#medium,#long
{
padding-top: 60px;
margin-top: -60px;
}	

@media (max-width: 767px) {
#open,#cut,#color,#perm,#straight,#treatment,#headspa,
#other,#discount,#about,
#access,#concept,#salongallery,
#short,#medium,#long
{
padding-top: 50px;
margin-top: -50px;
}		
}







/**
 * 
 * SEARCH START
 *
 */

dl.search1{
	position:relative;
	background-color:#fff;
	border:1px solid #aaa;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	border-radius:6px;
	margin-bottom:40px;
}
dl.search1 dt{
	margin-right:40px;
	padding: 2px 0 3px 10px;
}
dl.search1 dt input{
	width:95%;
	height:20px;
	line-height:20px;
	background:none;
	border:none;
}
dl.search1 dd{
	position:absolute;
	top:0;
	right:0;
}
dl.search1 dd button{
	display:block;
	padding: 7px 5px 0;
	background:none;
	border:none;
}
dl.search1 dd button span {
    display: block;
    width: 25px;
    height: 25px;
    background-image: url(./img/search.png);
    background-size: contain;
    background-repeat: no-repeat;
	outline: 0;
	}
dl.search1 dd button span:hover{
	opacity:0.5;
	}
button:focus,
input[type="text"]:focus {
  outline: 0;
}
/**
 * 
 * SEARCH END
 *
 */