@charset "utf-8";
@import url(common.css);
/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
	list-style:none
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight:normal;
}

p {
	margin: 0;
	padding: 0;
}
figure {
	margin: 0;
	padding: 0;
}

article p {
	margin: 0;
	padding: 0;
	line-height: 1.7em;
}
img{
	margin:0;
	padding:0;
	vertical-align: text-bottom;}
	
a img {	border: none;}

a:link {
	color:#333333;
	text-decoration: none; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color:#222222;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration:underline;
}

hr	{	clear:both;	display:none;	}

.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}



/*********   layout  ************/

body {
	font-family: "Noto Sans Japanese";
	margin: 0;
	padding: 0;
	font-size:14px;
	line-height:1.4;
	color:#222222;
}

/* 共通 */

.pc_contents{}
.sp_contents{}
.switch{}

dd{ margin:0;}

/* noto 200 300 400 500 700 900 */
.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }
/* raleway thin 100 / Extra-Light 200 / Light 300 / Regular 400 / Medium 500 / semiBold 600 / bold 700 / extra-bold 800 / black 900 */
.wf-raleway { font-family: 'Raleway', sans-serif; font-style: normal;}


/* -- object positioning style -- */
/*===============================================
　画面の横幅が761pxまで▼▼▼▼▼
===============================================*/
#container{
	min-width:1200px;
}
@media screen and (max-width:761px){
#container{
	min-width:320px;
}
}


/*********  SP 共通 ************/

@media screen and (max-width:761px){
}

/*********  ヘッダー ************/
#globalHead{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:24px 0;
}
#globalHead h1{
	float:left;
}
#globalHead dl{
	float:right;
}
#globalHead dt{
	display:none;
}
#globalHead dd li{
	float:left;
	margin-left:26px;
	text-align:center;
}
#globalHead dd li a{
	display:block;
	padding:1px 0 0;
	text-decoration:none;
}
#globalHead dd li span{
	display:block;
	line-height: 22px ;
}
#globalHead dd li span.txtEn{
	color:#999999;
	font-size:10px;
}

#globalHead #lang{
	position:absolute;
	right:0;
	top:24px;
	width:34px;
}
#globalHead #lang ul{
}
#globalHead #lang ul li{
	display:table;
	width:34px;
	height:24px;
}
#globalHead #lang ul li a,
#globalHead #lang ul li span{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:34px;
	height:24px;
	font-size:12px;
}
#globalHead #lang ul li span{
	color:#FFF;
	background-color:#ea5420;
}
#globalHead #lang ul li a{
	color:#666;
	background-color:#d7d7d7;
}


#bgBlack{
	display:none;
}
@media screen and (min-width: 762px){
#globalHead dd li.current{
	border-bottom:3px solid #e9af25;
}
#globalHead dd{
	display:block !important;
}
}
@media screen and (max-width:761px){
#globalHead{
	width:100%;
	padding:0;
	position:relative;
}
#globalHead h1{
	float:none;
	display:table;
	height:50px;
	margin-left:20px;
}
#globalHead h1 a{
	display:table-cell;
	height:50px;
	vertical-align:middle;
}
#globalHead h1 a img{
	width:auto;
	height:30px;
	vertical-align:middle;
	padding-bottom:5px
}
#globalHead dl{
	float:none;
}
#globalHead dt{
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 34px;
	z-index:9999;
	text-indent: -9999px;
	background: url(../img/menu_off.png) no-repeat center center;
	background-size:100% 100%;
}
.menuOn #globalHead dt{
	background: url(../img/menu_close.png) no-repeat center center;
	background-size:100% 100%;
}
#globalHead dd{
	display:none;
	width:100%;
	position: absolute;
	top: 50px;
	left: 0;
	z-index:9999;
}
#globalHead dd li{
	float:none;
	margin-left:0px;
	text-align:left;
	border-top:1px solid #fff;
}
#globalHead dd li a{
	display:block;
	padding:20px 20px;
	text-decoration:none;
	background-color:#000;
	color:#fff;
}
#globalHead dd li span{
	line-height:1.0;
}
#globalHead dd li span.txtEn{
	display:none;
}


#globalHead #lang{
	top:0px;
}
#globalHead #lang ul{
}
#globalHead #lang ul li{
	height:25px;
}
#globalHead #lang ul li a,
#globalHead #lang ul li span{
	height:25px;
}





.menuOn #bgBlack{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	display:block;
	background-color: rgba(0,0,0,0.6);
	z-index:9998;
}





}



/*********  フッター  ************/



#globalFoot{
	width: 100%;
}

	ul#foot_navi{
		margin: 30px auto;
		text-align:center;
		font-size:0;
	}
	#foot_navi li{
		display:inline-block;
		padding: 10px 20px;
	}
	#foot_navi li a{
		font-size:14px;
		color: #333333;	
	}
	#foot_ci{
		width: 100px;
		margin: 0 auto 10px;
	}
	#foot_copyright{
		text-align: center;
		padding: 0 0 30px;
		font-size: 12px;
	}



@media screen and (max-width:761px){

#globalFoot{
	width: 100%;
}

	ul#foot_navi{
		margin: 30px 0 30px;
	}
	#foot_navi li{
		display:block;	
		padding: 8px;
		text-align: center;
	}
	#foot_navi li a{
		font-size:12px;
		color: #333333;	
	}
	#foot_ci{
		width: 88px;
		margin: 0 auto 10px;
	}
	#foot_copyright{
		text-align: center;
		padding: 0 0 30px;
		font-size: 9px;
	}

}



@media screen and (min-width: 762px){
	#pagetop{
		position:fixed;
		right:0;
		top:50%;
		-webkit-transform:translate(0, -50%);
		transform:translate(0, -50%);
		z-index:102;
	}
	#pagedown{
		position:fixed;
		right:0;
		top:50%;
		-webkit-transform:translate(0, -50%);
		transform:translate(0, -50%);
		z-index:101;
	}
}
@media screen and (max-width:761px){
	#pagetop{
		width:50px;
		position:fixed;
		right:0px;
		bottom:10px;
		z-index:102;
	}
	#pagedown{
		width:50px;
		position:fixed;
		right:0px;
		bottom:10px;
		z-index:101;
	}
	#pagetop img,
	#pagedown img{
		width:50px;
		height:auto;
	}
}

/*HTML 5 サポート - 新しい HTML 5 タグを display:block に設定します。これにより、ブラウザーでタグが適切にレンダリングされます。 */
header, section, footer, aside, article, figure {
	display: block;
}