@charset "utf-8";/* 16px * 62.5% = 10px */
CSS Document 

html {
  font-size: 62.5%; 
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
}
 body {
  color: #EFEFEF; 
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
  font-size: 1.6em;
  line-height: 2.4rem;
  height: 100%;
}
.header {
position: fixed; /* ヘッダーを固定する */
top: 0; /* 上部から配置の基準位置を決める */
left: 0; /* 左から配置の基準位置を決める */
width: 100%; /* ヘッダーの横幅を指定する */
height: 70px; /* ヘッダーの高さを指定する */
padding: 10px; /* ヘッダー内側の余白を指定する(上下左右) */
background-color: #31a9ee; /* ヘッダーの背景色を指定する */
color: #000; /* ヘッダーのフォントの色を指定する */
border-bottom: 3px solid #ffff00; /* ヘッダーの境界線（下部）を指定する */
box-shadow:0 7px 10px 2px #aaaaaa; /* 影を指定（[右][下][ぼかし][広がり][影の色]） */
	 background:repeating-linear-gradient(
 45deg, #ff0 0, #ff0 20px, #fff 20px, #fff 40px);
}

.headbox{
	width: 1142px;
	height: 70px;
	
	margin-left: auto;
	margin-right: auto;
}

.logo{
	
	float: left;
	height: 70px;
	width: 400px;

	font-size: 6rem;
	font-weight:900;
		font-style:italic;
	color: #FDFDD6;
	
	text-shadow: 4px 4px 0 #000,
    9px 2px 0 #000,
    3px -3px 0 #000,
   -3px -1px 0 #000;
}



.topnav{
	width: 700px;
	
	background: #Ffffff;
	float: right;
	margin-top:50px;
	 
  display: flex;
  
font-size: 2rem;
	 magin:50px;
}

.topnav li {
  width: 100%;
	  list-style: none;
}

.hd00{
	height: 50px;
	width: 330px;
		
	padding-lef:280px;
	float: left;
	color: #ffff00;
	font-size: 7rem;
	text-shadow: 4px 4px 0 #000,
    9px 2px 0 #000,
    3px -3px 0 #000,
   -3px -1px 0 #000;
  
}
.top1{
	margin-top:30px;
}
.spescetop{
	width: 100%;
	height: 100px;
}

.rmain{
	width: 820px;
	height: 100%;
	float:right;
	display:block;
	 /*border: 2px solid #aaaaaa; コンテンツの境界線を指定する */
}
main{
	
	height: 100%;
	width: 1142px;
	margin-left: auto;
	margin-right: auto;
/*  border: 2px solid #aaaaaa;コンテンツの境界線を指定する */
}




.cmnav{
	height: 100%;
	width: 300px;
	display: block;
	background:repeating-linear-gradient(
 45deg, #ff0 0, #ff0 20px, #fff 20px, #fff 40px);
	float:left;
}
.cmnav nav li{
	width: 300px;
	list-style: none;
	float:left;
}	

.secondtitle{
	width: 820px;
	height:300px;
display:block;
float: right;
	background-color:#B5B3B3;
}
.title1{
	font-size: 10rem;
	text-align: center;
text-shadow: 4px 6px 4px #000000; 
padding-top: 50px;
}
.title2{
	font-size: 10rem;
	text-align: center;
text-shadow: 4px 6px 4px #000000; 
padding-top: 70px;
}
.title3{
	font-size: 5rem;
	text-align: center;
text-shadow: 4px 6px 4px #ff0000; 
padding-top: 80px;
	float: right;
}
.ppkk{
padding-left: 40px;
	padding-right: 40px;
	color: #0E0E0E;
	 
	font-size: 2rem;
}
.ppk{
	color: #0E0E0E;
	font-size: 2rem;
	list-style: none;
}
h1 {
  color: #6cb4e4;
  text-align: center;
	font-size: 5.5rem;
  padding: 0.5em;
  border-top: solid 2px #6cb4e4;
  border-bottom: solid 2px #6cb4e4;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}



.footer {
	height: 100px;
position: fixed; /* フッターを固定する */
bottom: 0; /* 上部から配置の基準位置を決める */
left: 0; /* 左から配置の基準位置を決める */
width: 100%; /* フッターの高さを指定する */
padding:10px; /* フッター内側の余白を指定する(上下左右) */
color: #A3004A; /* フッターのフォントの色を指定する */
background-color: #A3004A; 
border-top: 3px solid #A3004A; /* フッターの境界線（上部）を指定する */
}
.foot{
	height: 100px;
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	
}
.c{
	color:#FFFFFF;
	width: 500px;
	height: 20px;
		margin-left: auto;
	margin-right: auto;
	
}

.bottomnav{
	width: 700px;
	display:inline-flex;
	background: #Ffffff;
	float:right;
font-size: 2rem;
	 magin:50px;
	margin-left: auto;
	margin-right: auto;
	
}

.bottomnav li {
  width: 90%;
	 list-style: none;
}
	

.spescebottom{
	padding-bottom:  0;
	width: 100%;
	height: 160px;
	display: block;
float: none;
}