@charset "utf-8";
/* CSS Document */

html {
  font-size: 62.5%; /* 16px * 62.5% = 10px */
  width: 375px;
  box-sizing: border-box;
  background-color: #ffffff;
}
body {
  color: #EFEFEF; /* RGB */
  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: 375px; /* ヘッダーの横幅を指定する */
height: 70px; /* ヘッダーの高さを指定する */
padding: 10px; /* ヘッダー内側の余白を指定する(上下左右) */
 /* ヘッダーの背景色を指定する */
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: 375px;
	height: 70px;
	
	margin-left: auto;
	margin-right: auto;
}
.logo{
	

	height: 70px;
	width: 370px;

	font-size: 6rem;
	font-weight:900;
		font-style:italic;
	color: #FFFF00;
	
	text-shadow: 4px 4px 0 #000,
    9px 2px 0 #000,
    3px -3px 0 #000,
   -3px -1px 0 #000;
}
.top1{
	margin-top:30px;
}
.topnav{

	width:375px;
	margin-top:-10px;
	background: #Ffff00;
	float: right;
  display:inline-flex;
font-size: 1.3rem;
	list-style: none;
}
.topnav li {
width: 100%;

}

.spescetop{
	width: 375px;
	height: 150px;
	display: block;
	margin-left: auto;
	margin-right: auto;

}
.main{
	
	height: 100%;
	width: 375px;
	margin-left: auto;
	margin-right: auto;
  border: 2px solid #aaaaaa;
}
.cmnav{
	display: none;
}
.secondtitle{
	width: 370px;
	height:200px;
display:block;

	background-color:#B5B3B3;
}
.title1{
	font-size: 4.5rem;
	text-align: center;
text-shadow: 4px 6px 4px #000000; 
padding-top: 30px;
}
.title2{
	font-size: 4.5rem;
	text-align: center;
text-shadow: 4px 6px 4px #000000; 
padding-top: 20px;
}
.title3{
	font-size: 1.5rem;
	text-align: center;
text-shadow: 4px 6px 4px #ff0000; 
padding-top: 20px;
	float: right;
}
h1 {
  color: #6cb4e4;
  text-align: center;
	font-size: 2rem;
  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);
}
.ppk{
	color: #0E0E0E;
	font-size: 2rem;
	list-style: none;
	padding-right: 30px;
}
.ppkk{
padding-left: 20px;
	padding-right: 20px;
	color: #0E0E0E;
	 
	font-size: 2rem;
}
.spescebottom{
	width: 370px;
	height: 130px;
}
.footer {
height: 100px;
position: fixed; /* フッターを固定する */
bottom: 0; /* 上部から配置の基準位置を決める */
left: 0; /* 左から配置の基準位置を決める */
width: 375px; /* フッターの高さを指定する */
padding:10px; /* フッター内側の余白を指定する(上下左右) */
color: #ffffff; /* フッターのフォントの色を指定する */
background-color: #A3004A; 
border-top: 3px solid #A3004A; /* フッターの境界線（上部）を指定する */
}	 /* フッターの境界線（上部）を指定する */

.foot{
	height: 80px;
	width: 370px;
	margin-left: auto;
	margin-right: auto;
	
}
.c{
	color:#FFFFFF;
	width: 370px;
	height: 20px;
	margin-left:40px;
	margin-top:30px;
}
.bottomnav{
	width: 375px;
	display:inline-flex;
	
	float:right;
font-size: 1.3rem;
	margin-left: auto;
	margin-right: auto;
	margin-top:-10px;
}

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