@charset "UTF-8";

html {
	min-width: 320px;
	font-size: 62.5%;/*10px*/
}

/*---------------------------------
ヘッダ
----------------------------------*/
.header{
	padding-bottom: 20px;
	background-color: #f8b500;
}
/*---　ヘッダ　ロゴ　---*/
.header h1{
	display: block;
	width: 51.5%;
	line-height: 1;
	text-align:center;
	background-repeat:no-repeat;
	background-position: center;
	background-size:contain;
	background-image:url(../img_frame/h_logo.png);
	padding-top: 16%;
	margin-left: 3%;
}
.header h1 span{
  display:none;
}

/*---　ヘッダ　エントリー　---*/
.header h2{
	display:none;
}

/*---　ヘッダ　テキスト　---*/
.header p{
	font-size: 1.8rem;
	line-height: 1.4;
	font-weight: bold;
	text-align:center;
	margin-left: 3%;
}
#menu {
		display: none;
		position:absolute;
		top:70px;
		width: 100%;
		z-index:999;
		margin:0 auto;
}
#menu li {
}
#menu li p{
	font-size: 1.2rem;
}
#menu li a {
		display: block;
		padding: 15px 0;
		background-color: #3e3a39;
		color: #ffffff;
		text-align: center;
		text-decoration: none;
		border-bottom:solid 1px #ffffff;
		font-size:1.7rem;
}
#toggle {
		width: 56px;
		display: block;
		position: relative;
		float:right;
		padding: 8px 0;
		height: 34px;
	margin-top: 10px;
	margin-right: 10px;
	}
#toggle p{
	text-align: center;
	font-size: 1rem;
	color: #ffffff;
	top: 10px;
	display: block;
	position: relative;
}
#toggle a{
		display: block;
		position: relative;
		padding: 8px 0;
		text-align: center;		
}
#toggle:before {
		display: block;
		content: "";
		position: absolute;
		top: 36%;
		left: 6px;
		width: 44px;
		height: 24px;
		margin-top: -13px;
		background: #ffffff;
}
#toggle a:before, #toggle a:after {
		display: block;
		content: "";
		position: absolute;
		top: 46%;
		left: 6px;
		width: 44px;
		height: 6px;
		background-color: #f8b500;
}
#toggle a:before {
		margin-top:-6px;
}
#toggle a:after {
		margin-top: 4px;
}


/*---------------------------------
footer
----------------------------------*/

.f-info{
	background-color: #f8b500;
	padding: 20px 14px;
}
.f-info h1{
	font-size: 1.8rem;
	text-align: center;
}
.f-info h2{
	font-size: 3.4rem;
	text-align: center;
	margin-bottom: 10px;
}
.f-info ul{
	text-align: center;
	list-style-type: none;
	padding: 10px 0;
}
.open{
	text-align: center;
}

/*---　コピーライト　---*/

.copyright{
	font-size:1.1rem;
	text-align:center;
	color: #ffffff;
	background-color: #000000;
	padding:10px 0;
}

.copyright .br::before {
	content: "\A" ;
	white-space: pre ;
}

.page-top{
	display: none;
}

/*----------------------------
マイナーーブレイクポイント
----------------------------*/
@media only screen and (min-width: 28em){	/* 448px */

/*---　ヘッダ　ロゴ　---*/
.header h1{
	float: left;
	width: 30%;
	padding-top: 63px;
}

}

/*----------------------------
ミディアムサイズ
----------------------------*/
@media only screen and (min-width: 40em){	/* 640px */

/*---　ヘッダ　ロゴ　---*/
.header h1{
	width: 25%;
}

} /* end 640px*/


/*----------------------------
マイナーブレイクポイント ipadmin
----------------------------*/
@media only screen and (min-width: 48em){	/* 768px */
	
header{
	padding: 0;
}


/*---　ヘッダ　エントリー　---*/
.header h2{
	position:absolute;
	top: 0;
	right: 0;
	display:block;
	font-size: 1.5rem;
	background-color: #ffffff;
}
.header h2 a{
	display:block;
	color: #000000;
	padding: 24px 30px;
}
/*---　ヘッダ　テキスト　---*/
.header p{
	font-size: 2.4rem;
}

/*---------------------------------
ナビゲーション
----------------------------------*/

#navigation{
	text-align: center;
	padding: 100px 0 30px 0;
}

/*---　グローバルナビ　---*/
#menu {
	position:static;
	display:inline;
	width: 100%;
	border-top: solid 1px #fbd570;
	border-bottom: solid 1px #fbd570;
	padding: 10px 0;
}
#menu li{
	display:inline-block;
	padding: 0 10px;
}
#menu li a {
	display: block;
	font-size:1.5rem;
	text-align: center;
	border-bottom: none;
	background:none;
	color: #000000;
}
#menu li a:hover {
	background:none;
}
#menu li a p{
	color: #000000;
}
#toggle {
	display: none;
}

} /* end 768px*/


/*----------------------------
マイナーブレイクポイント
----------------------------*/

 @media only screen and (min-width: 50em) {	/*800px*/



} /* end 800px*/


/*----------------------------
ラージサイズ
----------------------------*/

 @media only screen and (min-width: 60em) {	/*960px*/

/*----------------------------
MAXサイズ
----------------------------*/
.header .inner, #main-visual .inner, section .inner{
	max-width: 1000px;
	margin-left:auto;
	margin-right:auto;
 }

/*---　ヘッダ　ロゴ　---*/
.header h1{
	width: 20%;
	margin-right: 20px;
	padding-top: 80px;
}


/*---------------------------------
ナビゲーション
----------------------------------*/

#navigation{
	float: left;
	text-align: left;
	padding: 20px 0 30px;
}
/*---　グローバルナビ　---*/
#menu {
	border: none;
	padding: 0;
}
#menu li{
	display:inline-block;
	padding: 0 6px;
}

/*---------------------------------
footer
----------------------------------*/

.f-info{
	position: relative;
	top: -30px;
	max-width: 760px;
	padding: 20px;
	margin: 0 auto;
}

 .L-f-info{
	 float: left;
	 width: 50%;
 }
 .R-f-info{
	 float: right;
	 width: 50%;
 }
.f-info h1, .f-info h2, .open{
	text-align: left;
}
.f-info ul{
	text-align: left;
	margin-left: 20px;
}
.f-info li:before {
	content: '●'; /* ←ここにリストマーカーにしたい文字列を設定 */
	margin-left:-1em; /* 1文字分、左に寄せる */
}
.copyright .br::before {
	display: none;
}

.page-top{
	display: block;
	position: fixed;
	bottom: 200px;
	right: 0;
}

} /* end 960px*/