@import url(sanitize.css);
body {
 /*font: 24px Helvetica;*/
   background: #D2FBF8;
   font-family: sans-serif;
   text-align:center;
  }
 
header h1 {
	font-size: 120%;
	color:#000000;
	text-align:center;
}
section h1 {
	font-size: 150%;
	color:#000000;
	text-align:center;
}
name {
   display: block;
   margin: 4px;
   padding: 5px;
   min-height: 36px;
   border: 1px solid #eebb55;
   border-radius: 7pt;
   background: #ffeebb;
   }
name h1 {
	font-size: 100%;
	color:#060AAD;
	 height:22px;
	text-align:center;
	letter-spacing: 0.01em;
}
name h1 a {
	text-decoration:underline;
}
name p {
	font-size: 96%;
	color:#F906AD;
	 height:22px;
	text-align:center;
	letter-spacing: 0.1em;
	 padding-bottom:6px;
}
name p.g {
	font-size: 100%;
	 font-weight:bold; 
	color:#1D7306;
	 height:22px;
	text-align:center;
	letter-spacing: 0.1em;
	 padding-bottom:6px;
}
name a { 
	text-decoration: none;
}
name a:hover { 
	color:#ED0757;}

.up {
  flex: 1 0 50%;
  font-size: 110%;
  color:#DE0571;
  line-height:16px;
  margin: 0 4px 4px 0;/* 下マージン8pxを追加 */
  margin: auto;  
  padding: 2px;
  margin-bottom:10px;
  width:80%;
  border-radius: 10pt;
  background-color: #E6F5EE;
}
.up p {
	/*justify-content: left; */
	text-align:center;
	line-height:22px;
	margin-left:20px;
	}
.ske {
  flex: 1 0 50%;
  font-size: 110%;
  color: #1122B7;
  line-height:16px;
  margin: 0 4px 4px 0;/* 下マージン8pxを追加 */
  margin: auto;  
  padding: 2px;
  margin-bottom:10px;
  width:60%;
  border-radius: 10pt;
  background-color: #F3F5E6;
}
.ske p {
	/*justify-content: left; */
	text-align:left;
	line-height:22px;
	margin-left:20px;
	}
	.text a {
	color:#ED0757;
	text-decoration: none;
	font: 17px Helvetica;
}
.text {
  flex: 1 0 50%;
  margin: 0 4px 4px 0;/* 下マージン8pxを追加 */
  margin: auto;  
  padding: 2px;
  margin-bottom:10px;
  width:80%;
  border-radius: 10pt;
  background-color: #F6D2F2;
}
.text p {
	/*justify-content: left; */
	text-align:left;
	line-height:20px;
	margin-left:20px;
	}
.text a {
	color:#ED0757;
	text-decoration: none;
	font: 17px Helvetica;
}
.text a:hover {
	color:#C9840E;
	text-decoration: none;
}
#photo {
　 display: block;
   height: 200px;
   border: 1px solid #C443F4;
   border-radius: 7pt;
   background: #F4D0FC;
   }
   #photo img {
	text-align:center;
	vertical-align: middle;
}
 footer {
   display: block;
   margin: 4px;
   padding: 5px;
   min-height: 100px;
   border: 1px solid #eebb55;
   border-radius: 7pt;
   background: #ffeebb;
   }
.flex-container {
  display: flex;
  flex-flow: row wrap;
  outline: 1px dotted #ff8624;
}

.flex-item {
  flex: 1 0 50%;
  margin: 0 4px 4px 0;/* 下マージン8pxを追加 */
  padding: 10px;
  /* width:200px; このwidthはコメントアウト */
  background-color:  #F8EAAB;
}

.flex-item p {
	justify-content: center; /*左右中央*/
	align-items: center;
	}
	.flex-item a {
	color:#7B6502;
	text-decoration: none;
}
.flex-item button.detail {
   margin: 0;
  margin-top:10px;
  margin-bottom:10px;
  border: none;
  border-radius: 6px;
  padding: 12px 0;
  width: 200px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background-color: #6905C9;
}
.flex-item button.detail a {
 color: #FFFFFF; 
 	text-decoration: none;
}
.flex-item button.detail a:hover {
 color: #F6E604; 
 	text-decoration: none;
	/*background-color: #15C20E;*/
}
h2 {
  color:#E80D7B；
  font-size: 90%;
	text-align:center;
	letter-spacing: 0.0em;
	margin-bottom: 5px;
	margin-top: 5px;
}
.flex-item1 {
  flex: 1 0 50%;
  margin: 0 4px 4px 0;/* 下マージン8pxを追加 */
  margin: auto;  
  padding: 2px;
  margin-bottom:10px;
  width:94%;
	text-align:left;
  border-radius: 10pt;
  background-color: #fff;
}
.flex-item1 a {
	text-decoration: none;
}
.flex-item1 a:hover {
	text-decoration: none;
}

.flex-item1 p {
	/*justify-content: left; */
	text-align:left;
	line-height:24px;
	margin-left:20px;
	}
.flex-item2 {
  flex: 1 0 50%;
  margin: 0 4px 4px 0;/* 下マージン8pxを追加 */
  /*margin: auto;*/ 
  padding: 1px;
  background-color:  #CAF9FA;
}

.flex-item2 p {
	justify-content: left; /*左右中央*/
	text-align:left;
	line-height:24px;
	align-items: center;
	margin-left:20px;
	}
.flex-item2 a {
	color:#660099;
	text-decoration: none;
}
.flex-item2 a:hover {
	color:#FF0066;
	text-decoration: underline;
}
.flex-item2 button.detail {
   margin: 0;
  margin-top:10px;
  margin-bottom:10px;
  border: none;
  border-radius: 6px;
  padding: 12px 0;
  width: 200px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background-color: #1722F8;
}
.flex-item2 button.detail a {
 color: #FFFFFF; 
 	text-decoration: none;
}
.flex-item2 button.detail a:hover {
 color: #F6E604; 
 	text-decoration: none;
	/*background-color: #15C20E;*/
}
.flex-item3 {
  flex: 1 0 50%;
  margin: 0 4px 4px 0;/* 下マージン8pxを追加 */
  margin: auto;  
  padding: 2px;
  margin-bottom:10px;
  width:94%;
	text-align:center;
  border-radius: 10pt;
  background-color: #E6FCFB;
}
.flex-item3 a {
	text-decoration: none;
}
.flex-item3 a:hover {
	text-decoration: none;
}

.flex-item3 p {
	/*justify-content: left; */
	text-align:left;
	line-height:24px;
	margin-left:20px;
	}

.flex-item3 p.joy {
	color:#054BF2;
}
.flex-item3 button.detail {
   margin: 0;
  margin-top:10px;
  margin-bottom:10px;
  border: none;
  border-radius: 6px;
  padding: 12px 0;
  width: 200px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background-color: #0709BE;
}
.flex-item3 button.detail a {
  font-size: 18px;
  text-align: center;
  color: #fff;
}
.flex-item3 button.detail a:hover {
  font-size: 18px;
  text-align: center;
  color: #F7F610;
}
.flex-itemwhite {
  flex: 1 0 50%;
  margin: 0 4px 4px 0;/* 下マージン8pxを追加 */
  margin: auto;  
  padding: 2px;
  margin-bottom:10px;
  width:94%;
	text-align:center;
  border-radius: 10pt;
  background-color: #fff;
}
.flex-itemwhite a {
	text-decoration: none;
}
.flex-itemwhite a:hover {
	text-decoration: none;
}

.flex-itemwhite p {
	/*justify-content: left; */
	text-align:left;
	line-height:24px;
	margin-left:20px;
	}

.flex-itemwhite p.joy {
	color:#054BF2;
}
.flex-itemwhite button.detail {
   margin: 0;
  margin-top:10px;
  margin-bottom:10px;
  border: none;
  border-radius: 6px;
  padding: 12px 0;
  width: 200px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background-color: #0709BE;
}
.flex-itemwhite button.detail a {
  font-size: 18px;
  text-align: center;
  color: #fff;
}
.flex-item3 button.detail a:hover {
  font-size: 18px;
  text-align: center;
  color: #F7F610;
}
.flex-item25 {
  flex: 1 0 50%;
	padding: 2px;
	margin: auto;
margin-bottom:10px;
  width:94%;
text-align:center;
  border-radius: 10pt;
  background-color: #FAE4F3;
}
.flex-item27 {
  flex: 1 0 50%;
	padding: 2px;
	margin: auto;
margin-bottom:10px;
  width:94%;
text-align:center;
  border-radius: 10pt;
  background-color: #F8FBC5;
}
.flex-item27 p {
  font-size: 20px;
	margin-bottom:0px;
margin-top:0px;
	text-align:center;
	font-weight:bold;
	color: #000000;
}
.flex-item27 p.blue {
	padding-left: 2px;
	font-size: 17px;
	margin-left:2px;
	margin-bottom:0px;
margin-top:0px;
	text-align:left;
	font-weight:bold;
	color: #0C07F9;
}
.flex-item28 {
  flex: 1 0 50%;
	padding: 2px;
	margin: auto;
margin-bottom:10px;
  width:94%;
text-align:center;
  border-radius: 10pt;
  background-color: #DDFBC5;
}
.flex-item28 p {
  font-size: 20px;
	margin-bottom:0px;
margin-top:0px;
	text-align:center;
	font-weight:bold;
	color: #000000;
}
.flex-item29 {
  flex: 1 0 50%;
  margin: 0 4px 4px 0;/* 下マージン8pxを追加 */
  margin: auto;  
  padding: 2px;
  margin-bottom:10px;
  width:94%;
	text-align:center;
  border-radius: 10pt;
  background-color: #FCFBE6;
}
.flex-item29 a {
	text-decoration: none;
}
.flex-item29 a:hover {
	text-decoration: none;
}

.flex-item29 p {
	/*justify-content: left; */
	text-align:left;
	line-height:24px;
	margin-left:20px;
	}

.detail {
  margin: 0;
  margin-top:auto;
  border: none;
  border-radius: 6px;
  padding: 12px 0;
  width: 200px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background-color: #8cae47;
}
.flex-item4 {
  flex: 1 0 50%;
  margin: auto; 
  margin: 0 4px 4px 0;/* 下マージン8pxを追加 */
  padding: 1px;
  background-color:  #F7DBF3;
}

.flex-item4 p {
	justify-content: left; /*左右中央*/
	align-items: center;
	}
.flex-item4 a {
	color:#000000;
	text-decoration: none;
}
.flex-item4 a:hover {
	color:#1F09F1;
	text-decoration: none;
}
.flex-item4 button.detail {
   margin: 0;
  margin-top:10px;
  margin-bottom:10px;
  border: none;
  border-radius: 6px;
  padding: 12px 0;
  width: 200px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background-color: #F402BC;
}
.flex-item5 {
  flex: 1 0 50%;
  margin: auto; 
  margin: 0 4px 4px 0;/* 下マージン8pxを追加 */
  padding: 1px;
  background-color:  #FCEDE1;
}

.flex-item5 p {
	/*justify-content: left; */
	text-align:left;
	line-height:24px;
	margin-left:20px;
	}
.flex-item5 a {
	color:#E30964;
	text-decoration: underline;
}
.flex-item5 a:hover {
	color:#07D112;
	text-decoration: none;
}
.flex-item5 button.detail {
   margin: 0;
  margin-top:10px;
  margin-bottom:10px;
  border: none;
  border-radius: 6px;
  padding: 12px 0;
  width: 200px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background-color: #38BE08;
}
.flex-item6 {
  flex: 1 0 50%;
  margin: auto; 
  margin: 0 4px 4px 0;/* 下マージン8pxを追加 */
  padding: 1px;
  background-color:  #32ccfe;
}

.flex-item6 p {
	justify-content: left; /*左右中央*/
	align-items: center;
	}
.flex-item6 a {
	color:#0609A9;
	text-decoration: none;
}
.flex-item6 a:hover {
	#820898;
	text-decoration: underline;
}
.flex-item6 button.detail {
   margin: 0;
  margin-top:10px;
  margin-bottom:10px;
  border: none;
  border-radius: 6px;
  padding: 12px 0;
  width: 200px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background-color: #38BE08;
}
.flex-item7 {
  flex: 1 0 50%;
  margin: auto; 
  margin: 0 4px 4px 0;/* 下マージン8pxを追加 */
  padding: 1px;
  background-color:  #FB0000;
}

.flex-item7 p {
	justify-content: left; /*左右中央*/
	align-items: center;
	}
.flex-item7 a {
	color:#ffffff;
	text-decoration: none;
}
.flex-item7 a:hover {
	color:#FDFB27;
	text-decoration: none;
}
.flex-item7 button.detail {
   margin: 0;
  margin-top:10px;
  margin-bottom:10px;
  border: none;
  border-radius: 6px;
  padding: 12px 0;
  width: 200px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background-color: #38BE08;
}
.flex-item8 {
  flex: 1 0 50%;
  margin: 0 4px 4px 0;/* 下マージン8pxを追加 */
  margin: auto;  
  padding: 2px;
  margin-bottom:10px;
  width:94%;
	text-align:center;
  border-radius: 10pt;
  background-color: #E6FFE9
}
.flex-item72 {
  flex: 1 0 50%;
  margin: auto; 
  margin: 0 4px 4px 0;/* 下マージン8pxを追加 */
  padding: 1px;
  background-color:  #86FA5C;
}

.flex-item72 p {
	justify-content: left; /*左右中央*/
	align-items: center;
	}
.flex-item8 a {
	text-decoration: none;
}
.flex-item8 a:hover {
	text-decoration: none;
}

.flex-item8 p {
	/*justify-content: center; */
	text-align:center;
	line-height:24px;
	margin-left:20px;
	}

.flex-item8 p.joy {
	color:#054BF2;
}
.flex-item8 button.detail {
   margin: 0;
  margin-top:10px;
  margin-bottom:10px;
  border: none;
  border-radius: 6px;
  padding: 12px 0;
  width: 200px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background-color: #0709BE;
}
.flex-item8 button.detail a {
  font-size: 18px;
  text-align: center;
  color: #fff;
}
.flex-item8 button.detail a:hover {
  font-size: 18px;
  text-align: center;
  color: #F7F610;
}

.flex-item9 {
  flex: 1 0 50%;
 margin: 0 4px 4px 0;
  margin: auto;  
 padding: 2px;
  width:94%;
	text-align:center;
  border-radius: 10pt;
  background-color: #EEEEEE;
}
.flex-item9 a {
	text-decoration: underline;
		color:#0218F6;
}
.flex-item9 a:hover {
	text-decoration: none;
	color:#C07A08;
}

.flex-item9 p {
	/*justify-content: left; */
	text-align:center;
	line-height:24px;
	margin-left:20px;
	}

.flex-item9 p.joy {
	color:#054BF2;
}
.flex-item9 button.detail {
   margin: 0;
  margin-top:10px;
  margin-bottom:10px;
  border: none;
  border-radius: 6px;
  padding: 12px 0;
  width: 200px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background-color: #0709BE;
}
.flex-item9 button.detail a {
  font-size: 18px;
  text-align: center;
  color: #fff;
}
.flex-item9 button.detail a:hover {
  font-size: 18px;
  text-align: center;
  color: #F7F610;
}
.flex-item10 {
  flex: 1 0 50%;
  margin: 0 4px 4px 0;/* 下マージン8pxを追加 */
  /*margin: auto;*/ 
  padding: 1px;
  background-color:  #CAF9FA;
}

.flex-item10 p {
	justify-content: left; /*左右中央*/
	text-align:left;
	line-height:24px;
	align-items: center;
	margin-left:90px;
	}
.flex-item10 a {
	color:#660099;
	text-decoration: none;
}
.flex-item10 a:hover {
	color:#FF0066;
	text-decoration: underline;
}
.flex-item11 {
  flex: 1 0 50%;
  margin: 0 4px 4px 0;/* 下マージン8pxを追加 */
  /*margin: auto;*/ 
  padding: 1px;
  background-color:  #CAF9FA;
}
.flex-item11 p {
	text-align:center;
	line-height:24px;
	align-items: center;
	}
.flex-item12 {	
  flex: 1 0 50%;
  margin: auto; 
  background-color:  #F7DBF3;
	width:94%;
	text-align:center;
  border-radius: 10pt;
}

.flex-item12 p {
	justify-content: left; /*左右中央*/
	align-items: center;
	}
.flex-item12 a {
	color:#000000;
	text-decoration: none;
}
.flex-item12 a:hover {
	color:#1F09F1;
	text-decoration: none;
}
.flex-item12 p {
	/*justify-content: left; */
	text-align:left;
	line-height:24px;
	margin-left:20px;
	}
.flex-item13 {
  flex: 1 0 50%;
  margin: auto;  
  width:94%;
	text-align:center;
  border-radius: 10pt;
  background-color: #F7FE2E;
}
.flex-item13 a {
	text-decoration: none;
		color:#000000;
}
.flex-item13 a:hover {
	text-decoration: none;
	color:#C07A08;
}

.flex-item13 p {
	/*justify-content: left; */
	text-align:left;
	line-height:24px;
	margin-left:20px;
	}
.flex-item14 {
  flex: 1 0 50%;
 margin: 0 4px 4px 0;
  margin: auto;  
 padding: 2px;
  width:94%;
	text-align:center;
  border-radius: 10pt;
  background-color: #fff;
}
.flex-item14 a {
	text-decoration: none;
		color:#E50389;
}
.flex-item14 a:hover {
	text-decoration: none;
	color:#C07A08;
}

.flex-item14 p {
	/*justify-content: left; */
	text-align:left;
	line-height:24px;
	margin-left:20px;
	}
.flex-item15 {
  flex: 1 0 50%;
  margin: 0 4px 4px 0;/* 下マージン8pxを追加 */
  margin: auto;  
  padding: 2px;
  margin-bottom:10px;
  width:84%;
	text-align:center;
  border-radius: 16pt;
  background-color: #FBFB05;
}
.flex-item15 a {
	text-decoration: none;
	color: #000000;
}
.flex-item15 a:hover {
	text-decoration: none;
}

.flex-item15 p {
	/*justify-content: left; */
	text-align:left;
	line-height:24px;
	margin-left:20px;
	}
.flex-item16 {	
  flex: 1 0 50%;
  margin: auto; 
  margin: 0 4px 4px 0;
  padding: 1px;
  background-color:  #FB0606;
	width:88%;
	text-align:center;
  border-radius: 16pt;
}

.flex-item16 p {
	justify-content: left; /*左右中央*/
	align-items: center;
	}
.flex-item16 a {
	color:#ffffff;
	text-decoration: none;
}
.flex-item16 a:hover {
	color:#FDFB09;
	text-decoration: none;
}
.flex-item17 {
  flex: 1 0 50%;
  margin: 0 4px 4px 0;/* 下マージン8pxを追加 */
  margin: auto;  
  padding: 2px;
  margin-bottom:10px;
  width:94%;
	text-align:center;
  border-radius: 10pt;
  background-color: #FFF8EC;
}
.flex-item17 p {
	/*justify-content: left; */
	text-align:left;
	line-height:24px;
	margin-left:20px;
	}
.flex-item18 {
  flex: 1 0 50%;
 margin: 0 4px 4px 0;
  margin: auto;  
 padding: 2px;
  width:94%;
	text-align:center;
  border-radius: 10pt;
  background-color:#ffff00;
}
.flex-item18 a {
	text-decoration: underline;
		color:#0218F6;
}
.flex-item18 a:hover {
	text-decoration: none;
	color:#C07A08;
}

.flex-item18 p {
	/*justify-content: center; */
	text-align:center;
	line-height:24px;
	margin-left:20px;
	}

.flex-item18 p.joy {
	color:#054BF2;
}
.flex-item18 button.detail {
   margin: 0;
  margin-top:10px;
  margin-bottom:10px;
  border: none;
  border-radius: 6px;
  padding: 12px 0;
  width: 200px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background-color: #0709BE;
}
.flex-item18 button.detail a {
  font-size: 18px;
  text-align: center;
  color: #fff;
}
.flex-item18 button.detail a:hover {
  font-size: 18px;
  text-align: center;
  color: #F7F610;
}

.flex-item20 {
  flex: 1 0 50%;
 margin: 0 4px 4px 0;
  margin: auto;  
 padding: 2px;
  width:94%;
	text-align:center;
  border-radius: 10pt;
  background-color: #fff8dc ;
}
.flex-item20 a {
	text-decoration: underline;
		color:#0218F6;
}
.flex-item20 a:hover {
	text-decoration: none;
	color:#C07A08;
}

.flex-item20 p {
	/*justify-content: left; */
	text-align:center;
	line-height:24px;
	margin-left:20px;
	}

.flex-item20 p.joy {
	color:#054BF2;
}
.flex-item20 button.detail {
   margin: 0;
  margin-top:10px;
  margin-bottom:10px;
  border: none;
  border-radius: 6px;
  padding: 12px 0;
  width: 200px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background-color: #0709BE;
}
.flex-item20 button.detail a {
  font-size: 18px;
  text-align: center;
  color: #fff;
}
.flex-item20 button.detail a:hover {
  font-size: 18px;
  text-align: center;
  color: #F7F610;
}
.flex-item19 {
  flex: 1 0 50%;
 margin: 0 4px 4px 0;
  margin: auto;  
 padding: 2px;
  width:94%;
	text-align:center;
  border-radius: 10pt;
  background-color:#FFEEFF;
}
.flex-item19 a {
	text-decoration: underline;
		color:#0218F6;
}
.flex-item19 a:hover {
	text-decoration: none;
	color:#C07A08;
}

.flex-item19 p {
	/*justify-content: center; */
	text-align:center;
	line-height:24px;
	margin-left:20px;
	}

.flex-item19 p.joy {
	color:#054BF2;
}
.flex-item19 button.detail {
   margin: 0;
  margin-top:10px;
  margin-bottom:10px;
  border: none;
  border-radius: 6px;
  padding: 12px 0;
  width: 200px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background-color: #0709BE;
}
.flex-item19 button.detail a {
  font-size: 18px;
  text-align: center;
  color: #fff;
}
.flex-item19 button.detail a:hover {
  font-size: 18px;
  text-align: center;
  color: #F7F610;
}

.framebox {
  flex: 1 0 50%;
  margin: 0 4px 4px 0;/* 下マージン8pxを追加 */
  margin: auto;  
  padding: 2px;
  margin-bottom:10px;
  width:94%;
	text-align:center;
  border-radius: 10pt;
  background-color: #fff;
}
.framebox a {
	text-decoration: none;
}
.framebox a:hover {
	text-decoration: none;
}

.framebox p {
	/*justify-content: left; */
	text-align:left;
	line-height:24px;
	margin-left:20px;
	}

.framebox p.joy {
	color:#054BF2;
}
.framebox button.detail {
   margin: 0;
  margin-top:10px;
  margin-bottom:10px;
  border: none;
  border-radius: 6px;
  padding: 12px 0;
  width: 200px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background-color: #0709BE;
}
.framebox button.detail a {
  font-size: 18px;
  text-align: center;
  color: #fff;
}
.framebox button.detail a:hover {
  font-size: 18px;
  text-align: center;
  color: #F7F610;
}

/* リセット */ html, body { margin: 0; height: 100%; font-family: sans-serif; }
 ul { list-style-type: none; margin: 0; padding-left: 0; } 
 li { display: block; } 
/* その他スタイルの指定 */ 
li { text-align: center; } 
li:not(:last-child) { border-right: 1px solid rgba(0,255,255,0.2); }
 li a { display: inline-block; padding: .5em 0; text-decoration: none; width: 100%; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); border-bottom: 2px solid rgba(0,0,0,0.2); border-top: 2px solid rgba(255,255,255,0.2); background-color: #069; }
li a:hover {color: #2502F9;
	background-color: #8cae47;
}
 ul { display: flex; display: -webkit-flex; /* Safari */ }
ul { display: flex; display: -webkit-flex; /* Safari */ justify-content: space-around; -webkit-justify-content: space-around; /* Safari */ }
li { flex: 1; -webkit-flex: 1; } 


/* リスト作成 */ 
.flex-item2 navi ul { list-style-type: disk; margin: 0; padding-left: 0; } 
.flex-item2 navi ul { display: block; } 
.flex-item2 navi ul { display: flex; display: -webkit-flex; /* Safari */ }
/* リスト作成その他スタイルの指定 */ 
.flex-item2 navi li { text-align: center; } 
.flex-item2 navi li:not(:last-child) { border-right: 1px solid rgba(0,255,255,0.2); }
.flex-item2 navi li a { display: inline-block; padding: .5em 0; text-decoration: none; width: 100%; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); border-bottom: 2px solid rgba(0,0,0,0.2); border-top: 2px solid rgba(255,255,255,0.2); background-color: #009917; }

/* クリックの色 */ 
li.yellow a { display: inline-block; padding: .5em 0; text-decoration: none; width: 100%; color: #FB0202; text-shadow: 0 0 0 rgba(0,0,0,0); border-bottom: 2px solid rgba(0,0,0,0.2); border-top: 2px solid rgba(255,255,255,0.2); background-color: #FFF804; font: 16px Helvetica; }
/* ナビの色 */
li.k a { display: inline-block; padding: .5em 0; text-decoration: none; width: 100%; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); border-bottom: 2px solid rgba(0,0,0,0.2); border-top: 2px solid rgba(255,255,255,0.2); background-color: #AF9E0B; } 
li.k a:hover { display: inline-block; padding: .5em 0; text-decoration: none; width: 100%; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); border-bottom: 2px solid rgba(0,0,0,0.2); border-top: 2px solid rgba(255,255,255,0.2); background-color: #F91401; } 
li.purple a { display: inline-block; padding: .5em 0; text-decoration: none; width: 100%; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); border-bottom: 2px solid rgba(0,0,0,0.2); border-top: 2px solid rgba(255,255,255,0.2); background-color: #7A02D3; } 
li.amazon a { display: inline-block; padding: .5em 0; text-decoration: none; width: 100%; color: #195201; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); border-bottom: 2px solid rgba(0,0,0,0.2); border-top: 2px solid rgba(255,255,255,0.2); background-color:#17DA03; } 
li.s a { display: inline-block; padding: .5em 0; text-decoration: none; width: 100%; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); border-bottom: 2px solid rgba(0,0,0,0.2); border-top: 2px solid rgba(255,255,255,0.2); background-color: #F4037B; }
li.m a { display: inline-block; padding: .5em 0; text-decoration: none; width: 100%; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); border-bottom: 2px solid rgba(0,0,0,0.2); border-top: 2px solid rgba(255,255,255,0.2); background-color: #1302F4; } 
li.y a { display: inline-block; padding: .5em 0; text-decoration: none; width: 100%; color: #F2062C; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); border-bottom: 2px solid rgba(0,0,0,0.2); border-top: 2px solid rgba(255,255,255,0.2); background-color: #F9F502; }
li.g a { display: inline-block; padding: .5em 0; text-decoration: none; width: 100%; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); border-bottom: 2px solid rgba(0,0,0,0.2); border-top: 2px solid rgba(255,255,255,0.2); background-color: #18A901; } 
li.yg a { display: inline-block; padding: .5em 0; text-decoration: none; width: 100%; color: #0509CE; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); border-bottom: 2px solid rgba(0,0,0,0.2); border-top: 2px solid rgba(255,255,255,0.2); background-color: #C8F57C; } 
li.utasuki a { display: inline-block; padding: .5em 0; text-decoration: none; width: 50%; border-radius: 10pt; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); border-bottom: 2px solid rgba(0,0,0,0.2); border-top: 2px solid rgba(255,255,255,0.2); background-color: #F2052D; }
li.utasuki a:hover { color:#EEF504;}
li.continuation a { display: inline-block; padding: .5em 0; text-decoration: none; width: 35%; border-radius: 5pt; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); border-bottom: 2px solid rgba(0,0,0,0.2); border-top: 2px solid rgba(255,255,255,0.2); background-color: #F75105; }
li.continuation a:hover {background-color: #A8F9EE; color:#0F00F1; text-decoration: none;}
li.continue a { display: inline-block; padding: .5em 0; text-decoration: none; width: 44%; border-radius: 5pt; color: #030981; border-bottom: 2px solid rgba(0,0,0,0.2); border-top: 2px solid rgba(255,255,255,0.2); border-top: 2px solid rgba(255,255,255,0.2); background-color: #48FA53; }
li.continue a:hover {background-color: #E5BF04; color:#fff; text-decoration: none;}
li.newmovie a { display: inline-block; padding: .5em 0; text-decoration: none; width: 30%; border-radius: 5pt; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); border-bottom: 2px solid rgba(0,0,0,0.2); border-top: 2px solid rgba(255,255,255,0.2); background-color: #06AC38; }
li.newmovie a:hover {background-color: #BEF7C0; color:#056002; text-decoration: none;}
li.enka a { display: inline-block; padding: .5em 0; text-decoration: none; width: 50%; border-radius: 10pt; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); border-bottom: 2px solid rgba(0,0,0,0.2); border-top: 2px solid rgba(255,255,255,0.2); background-color: #CE09E3 }
 
/* ナビ フット*/ 
li.foot { text-align: center; } 
li.foot:not(:last-child) { border-right: 1px solid rgba(0,255,255,0.2); }
li.foot a { display: inline-block; padding: .5em 0; text-decoration: none; width: 100%; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); border-bottom: 2px solid rgba(0,0,0,0.2); border-top: 2px solid rgba(255,255,255,0.2); background-color: #050CDE; }
li.foot a:hover {
	background-color: #8cae47;
}
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
 
#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
//■page topボタン
$(function(){
var topBtn=$('#pageTop');
topBtn.hide();
 
//◇ボタンの表示設定
$(window).scroll(function(){
  if($(this).scrollTop()>80){
    //---- 画面を80pxスクロールしたら、ボタンを表示する
    topBtn.fadeIn();
  }else{
    //---- 画面が80pxより上なら、ボタンを表示しない
    topBtn.fadeOut();
  } 
});
 
// ◇ボタンをクリックしたら、スクロールして上に戻る
topBtn.click(function(){
  $('body,html').animate({
  scrollTop: 0},500);
  return false;
});

});