@charset "utf-8";

/*===============================================
●PC.css 画面の横幅が769px以上 ヘッダー　フッター
===============================================*/
@media screen and (min-width: 769px) {
	
 
	.center {
		text-align: center;
	}
	
	
/* ヘッダー
--------------------------------------------*/
#header{
	background-color: #0074ff;	
		height:  180px;
	
	}
	
#h_pc {
	width:1152px;
	height:   180px;
	margin:0 auto 0 auto;
	background-color: #0074ff;
	overflow: hidden;
}  
	
.h_bk {
	width: 100%;
    height: auto;
	margin:0 auto 0 auto;
	padding-top: -10px;
	}
	

.h_rogo {
    width: 150px;
	height: 180px;
    float: left;
	 padding:60px 0 0 70px;
	}
	



/* ナビ */	
#nav_left_pc {
	position: relative;
    width: 430px;
    height: 200px;
    float: left;
	}

	
.nav1 {
	position: absolute;
	text-align: center;
	width: 115px;
	height: 60px;
	left: 117px;
	top: 25px;
	}

	
.nav2 {
	position: absolute;
	text-align: center;
	width: 137px;
	height: 60px;
	left: 272px;
	top: 15px;
	}
	
.nav3 {
	position: absolute;
	text-align: center;
	width: 128px;
	height: 60px;
	left: 61px;
	top: 120px;
	}
	
.nav4 {
	position: absolute;
	text-align: center;
	width: 175px;
	height: 60px;
	left: 219px;
	top: 103px;
	}


#nav_right_pc {
    position:relative;
     width: 430px;
    height: 200px;
    float: right;
	margin-right: 0;
	}
	
.nav5 {
	position: absolute;
	text-align: center;
	width: 219px;
	height: 60px;
	left: 1px;
	top: 15px;

	}

.nav6 {
	position: absolute;
	text-align: center;
	width: 160px;
	height: 60px;
	left: 254px;
	top: 30px;
	}
	
.nav7 {
	position: absolute;
	text-align: center;
	width: 147px;
	height: 60px;
	left: 32px;
	top: 105px;
	}

.nav8 {
	position: absolute;
	text-align: center;
	width: 138px;
	height: 60px;
	left: 258px;
	top: 120px;
	}

/* 非表示
--------------------------------------------*/	
	#h_sp {display: none;}
	
	
	

/* フッターナビゲーションメニュー
--------------------------------------------*/
#footer {
	width:100%;
	height:auto;
    margin:0 auto 0 auto;

	font-size:14px;
	overflow: hidden;
    bottom:0;
	}
	
	.f_line	 {
		margin-bottom: 40px;
	}
	
	#f_pc {
	width:1024px;
	height:auto;
    margin:0 auto 40px auto;
	overflow: hidden;
	}
	
	#fad_add_pc {
	    width:550px;
		margin: 0 auto 0 auto;
		text-align: center;
	}
	
	.f_rogo {
		text-align: center;
		width:120px;
		margin:0 auto 20px auto;
	
	}
	

#fad_nav_pc1 {
 display: flex;
  align-items:center; 
	justify-content: center;
	margin: 0 auto 20px auto;
	text-align: center;
	overflow: hidden;
	}
	
#fad_nav_pc2 {
 display: flex;
  align-items:center; 
	justify-content: center;
	margin: 0 auto 60px auto;
	text-align: center;
	overflow: hidden;
	}
	
	#fad_nav_sp {
		display: none;
	}
	
	
	.rline {
		border-right: solid 1px #000000;
	}
	
	.p_rm {
		padding: 0 20px 0 20px;
		float: left;
	}

	
/* コピーライト */
.copyright {
	width: 100%;
	height: auto;
	font-size: 11px;
	padding:20px 0 20px 0;
	text-align: center;
}
}

/*===============================================
●SP.css  画面の横幅が768pxまで　ヘッダー フッター
===============================================*/
@media screen and (max-width:768px) {
	
		.center {
		text-align: center;
	}

 
/* ヘッダー
--------------------------------------------*/
#header {
	font-size: 110%;
	position: fixed;
	width:100%;
	height: 70px;
	background-color: #0074ff;
	z-index: 2;
	}
	

	
.h_rogo {
	width: 80px;
	height: auto;
	padding: 10px 0 0 10px;
	float: left;
	}



.h_bk {
	 width: 100%;
    height: auto;
	margin:70px auto 0 auto;
	}
	
		
/* ヘッダーメニュー */
.h_menu {
width:40px;
height:40px;
float:right;
margin : 15px 15px 0 15px;
}
	

/* ヘッダーメニューリスト */

#category_list {
	text-align:left;
	background-color: #0074ff;
	display:none;
	color: #ffffff;
	width:100%;
 	position: fixed;
	z-index:999;
	top: 60px;
	left: 0px;
	float:right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* ヘッダースライドメニュー */

.navme {
	color:#fff;
	width:100%;
        margin : 0;
        list-style:none;
}


.navme a {
　　　　color:#fff;
        display: block; /* ブロック化 */
        padding:10px 0  10px 10px;
	border-bottom:solid 1px #2A77FF;
        list-style:none;
}

.navme a:visited {
　　　　color:#fff;
}
	
	
/* リンク */
.navme a:link {
color:#ffffff;
	  
} 

.navme a:visited { color:#ffffff; }


		
	

	
/* 非表示
--------------------------------------------*/	

#h_pc {
	display: none;
	}
	
#fad_nav_pc {
	display: none;
	}
	
	
/* フッターナビゲーションメニュー
--------------------------------------------*/
#footer {
    margin:0 auto 0 auto;
	padding:0 15px 0 15px;
	font-size: 90%;
	overflow: hidden;
	}
	
.f_line	 {
		margin-bottom: 20px;
	}
	
	.f_rogo {
	width:100px;
	height:auto;
    margin:0 auto 20px auto;
	}
	
#fad_nav_sp {
	font-size: 90%;
	width:100%;
	height:auto;
	margin: 0 auto 40px auto;
	text-align: center;

	}
	
	#fad_nav_pc1,#fad_nav_pc2  {
	display: none;
	}
	


	
	#fad_add_pc {
	width:100%;
	height:auto;
    margin:0 auto 0 auto;
	padding: 0 0 40px 0;	
	text-align: center;
	}
	
	
	.fad_left_pc {
	padding: 0 0 20px 0;
	}
	
	
	
		

	
/* コピーライト */
.copyright {
width: 100%;
	height: auto;
	font-size: 60%;
	padding:3px 0 3px 0;
	text-align: center;

}


}