9月配布ページ -公開- - Event Page Archive

↓HEAD編集にコピペしてね↓

/*** The new CSS Reset - version 1.2.0 (last updated 23.7.2021) ***/
:where(:not(iframe,canvas,img,svg,video):not(svg*)){all:unset;display:revert}*,::after,::before{box-sizing:border-box}ol,ul{list-style:none}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}
/* ↑ここまでリセットCSS↑ */

body{
background:#fff ;
color:#000000 ;
font-family: 'Noto Sans JP', sans-serif;
font-size: 0.8em;
line-height: 1.5;
}

.waku{
background:#fff ;
width:88%;
max-width:600px;
margin:15px auto;
border:1px solid #fff ;
border-radius:30px;
}

header{
font-family: 'Kiwi Maru';
color:#ccc ;
text-align: center ;
margin: 30px auto 5px;
position: relative;
}

header:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -50px;
  width: 100%;
  height: 20px;
  background: -webkit-repeating-linear-gradient(-45deg, #ccc, #ccc 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #ccc, #ccc 2px, #fff 2px, #fff 4px);
}

h1{
color:#000;
font-size: 2em;
line-height:2 ;
}

.image{
height:50px;
width:200px;
position: relative;
margin: 10px auto;
}
.image::before,
.image::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
}

.image::before {
	top: -5px;
	right: -5px;
	border-width: 0 20px 20px 0;
	border-color: transparent #ccc transparent transparent;
}

.image::after {
	bottom: -5px;
	left: -5px;
	border-width: 20px 0 0 20px;
	border-color: transparent transparent transparent #ccc;
}

.main{
max-width:600px;
margin:2em auto;
padding:4em 2em 2em;
}

section{ margin: 1.5em 0; }
p{ margin: 1.2em 0; }

.date {
font-family: 'Kiwi Maru';
font-size: 1.2em;
line-height: 20px;
padding: 5px 0;
position: relative;
}
.date:after {
content: " ";
height: 5px;
width: 100%;
bottom: 0;
left: 0;
position: absolute;
background: repeating-linear-gradient(-45deg, #ccc, #ccc 2px, #fff 2px, #fff 4px);
}

em{
text-decoration:none; 
font-family: 'Kiwi Maru';
text-shadow: 1px 1px 2px #ccc;
font-weight: bold;
}

h2 {
position: relative;
padding-left: 30px;
font-size:1.5em;
color: #000;
font-weight: 400;
}

h2::before,
h2::after{
content: "□";
position: absolute;
}

h2::before{
left:0;
top:-3px;
}

h2::after{
left: 5px;
top: 3px;
color: #ccc;
}

p{
margin: 5px 20px 15px;
}

a{
text-decoration: none;
color: #999;
}

/* ここから文字色変更のターン */
/* 桜川 富美子 */
.fumiko{
   color:#ffa500 ;
}

/* 圷 清彦 */
.kiyohiko{
   color:#48d1cc ;
}

/* 小沢 ほの香 */
.honoka{
   color:#9b72b0 ;
}

/* 一色 真宵 */
.mayoi{
   color:#8b4513 ;
}

/* 相川 小雪 */
.sayuki{
   color:#a58f86 ;
}

/* 門脇 遊楽 */
.yura{
   color:#4169e1 ;
}

/* 丹川 海 */
.umi{
   color:#8b008b ;
}

/* 祭田 幸太郎 */
.kohtarou{
   color:#191970 ;
}

/* 住野 遥 */
.haruka{
   color:#5383c3 ;
}

/* 葉山 陸 */
.riku{
   color:#d2691e ;
}

/* 瀬名 真綾 */
.maaya{
   color:#ee827c ;
}

/* 都司 旭 */
.asahi{
   color:#008b8b ;
}

/* 常葉 存 */
.nagara{
   color:#48d16a ;
}

/* 葉室 善晴 */
.yoshiharu{
   color:#93ca76 ;
}

/* 和 瑞希 */
.mizuki{
   color:#b13546 ;
}

/* 墨石 竜 */
.ryo{
   color:#2e2930 ;
}

/* 千代田 宏平 */
.kouhei{
   color:#ffdc50 ;
}

/* 春日 紫音 */
.shion{
   color:#bcbcff ;
}

/* 浅井 奏音 */
.kanon{
   color:#af0082 ;
}

/* 吾妻 晴臣 */
.aduma{
   color:#000000 ;
}

/* 天宮 夏生 */
.amamiya{
 color:#d3d3d3 ;
}
</style>

↓ページ編集にコピペしてね↓

以下、色設定用見本

<a href="個人ページURL">桜川 富美子さん</a> 
<a href="個人ページURL">圷 清彦さん</a> 
<a href="個人ページURL">小沢 ほの香さん</a> 
<a href="個人ページURL">一色 真宵さん</a> 
<a href="個人ページURL">相川 小雪さん</a> 
<a href="個人ページURL">門脇 遊楽さん</a> 
<a href="個人ページURL">丹川 海さん</a> 
<a href="個人ページURL">祭田 幸太郎さん</a> 
<a href="個人ページURL">住野 遥さん</a> 
<a href="個人ページURL">葉山 陸さん</a> 
<a href="個人ページURL">瀬名 真綾さん</a> 
<a href="個人ページURL">都司 旭さん</a> 
<a href="個人ページURL">常葉 存さん</a> 
<a href="個人ページURL">葉室 善晴さん</a> 
<a href="個人ページURL">和 瑞希さん</a> 
<a href="個人ページURL">墨石 竜さん</a> 
<a href="個人ページURL">千代田 宏平さん</a> 
<a href="個人ページURL">春日 紫音さん</a> 
<a href="個人ページURL">浅井 奏音さん</a> 
<a href="個人ページURL">吾妻 晴臣さん</a> 
<a href="個人ページURL">天宮 夏生さん</a>

1日目（9月○日公開）

桜川富美子さん
 浅井奏音さん
 圷清彦さん

2日目（9月○日公開）

小沢ほの香さん
 一色真宵さん
 相川小雪さん

3日目（9月○日公開）

門脇遊楽さん
 丹川海さん
 祭田幸太郎さん