@charset "utf-8";

@media screen and (max-width: 768px) {
/*
#mainVisual {
	height: 300px;
}
#mainVisual h1 {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 140px;
	text-align: center;
	box-sizing:border-box;
}
#mainVisual h1 img{
	height: 140px;
	max-width:100%;
}
.images {
	height: 300px;
}
*/
#gHeader #gHeadeInner {
	width: 100%;
	box-sizing:border-box;
}

/* ヘッダー
=============================================== */

#gHeader {
	height: 60px!important;
}
#gHeader #gHeadeInner {
	height: 60px;
}
#gHeader h1 {
	margin-left: 10px;
}
#gHeader h1 img {
	/*height: 60px;*/
}


/* グローバルナビ
=============================================== */

#gHeader #gNav {
	width: 100%!important;
	position: absolute!important;
	right: 0px!important;
	top: 0px!important;
	z-index:100000;
}
#gHeader #gNav ul {
	display:none;
	margin:0;
	padding:0;
	width: 100%!important;
	position: absolute;
	left: 0px!important;
	top: 60px!important;
}
#gNav li {
	width: 100%!important;
	
	/*6月14日　メニュー表示・非表示を「left」か「none」で判別する仕様に変更したため*/
	float:none!important;
}
#gNav li+li {
	margin: 0px!important;
	border-top: 1px solid #202020;
}
#gNav li a {
	display: block;
	width: 100%!important;
	background: #000!important;
	color: #CCC!important;
	padding:15px!important;
	box-sizing: border-box!important;
	border-radius: 0px!important;
}
#gNav li a:hover {
	background: #F7E63F!important;
	color: #000!important;
}
#gNav li a:hover span {
	color: #000!important;
}
#toggle a {
	display: block;
	height: 60px;
	width: 60px;
	background: url(../image/spnav.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 0px;
	right: 0px;
}





/* INFORMATION
-------------------------------------------------------------*/
#index_02 #informationSec {
	box-sizing:border-box; /* padding と border の幅を要素の幅と高さに含める */
	padding: 0 10px;
	width: 100%;
	display: block;
}
#index_02 #informationSec h2 {
	text-align:center;
	width: 100%;
	display: block;
	margin-bottom:20px;
}


/* ブログRSS　後で追加
-------------------------------------------------------------*/
#blog #informationSec_02 {
	box-sizing:border-box; /* padding と border の幅を要素の幅と高さに含める */
	padding: 0 10px;
	width: 100%;
	display: block;
}
#blog #informationSec_02 h2 {
	text-align:center;
	width: 100%;
	display: block;
	margin-bottom:20px;
}








#index_03 #bannerSec li:first-child {
		margin-bottom:20px;
	}

/* footer
-------------------------------------------------------------*/
#footer ul.fnav li a {
	border-bottom:1px solid #333;
	display:block;
	width:100%;
	padding:15px 0;
}

/* http://hyper-text.org/archives/2012/10/font_awesome.shtml【ウェブフォントでアイコン表示】
------------------------------------------------------------------------*/
#footer ul.fnav li {
	position: relative;
	display:block;
}

#footer ul.fnav li:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -7px;
}










/* salon
=============================================== */
#salon_02 {
	width:100%;
	font-size: 13px;
}
#salon_02 dt {
	float: none;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
}
#salon_02 dd {
	float: none;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	border-top: none;
	padding-top: 0;
}


}