@import url("https://dl.dropboxusercontent.com/scl/fi/ojidevdrpfgd8vfsopima/font.css?rlkey=zoyjld7239azvr744f3cnovqg&st") ;
@import url("https://dl.dropboxusercontent.com/scl/fi/hz1hjshq9kz8waqrsnioq/chikachika.css?rlkey=whmwuzf6v163z4p6qu2afblib&st") ;

/*メイン*/
body {
 width: 100%;
 max-width: 1080px;
 margin:auto;
 background:#2b2b2b ; 
 text-align:center;
 padding-top:20px;
}

/*メインフォント*/
body {
 font-family: "Syunka","Shigoto","Lemon",sans-serif ;
 font-weight:600;
 font-size: 13px;
 color: #fffffc;
}
*{ font-family: "Syunka","Shigoto","Lemon",sans-serif ;
}


/*枠の太さ = 15px*/
/*枠の色 = #0d0015*/
html:before,
html:after,
body:before,
body:after {
 content: "";
 background: #0d0015;
 position: fixed;
 display: block;
 z-index: 50;
}
/*上*/
html:before {
 height: 15px; 
 width: 100vw;
 left: 0;
 top: 0;
}
/*右*/
html:after {
 width: 15px;
 height: 100vh;
 right: 0;
 top: 0;
}
/*下*/
body:before {
 height: 15px;
 width: 100vw;
 bottom: 0;
 left: 0;
}
/*左*/
body:after {
 width: 15px;
 height: 100vh;
 top: 0;
 left: 0;
}


/*メインリンク*/
a {
 color:#fffffc;
 text-decoration: none;
}
/*アクセスしたことのあるリンク*/
a:visited { 
 color:#fffffc;
}
a:hover{
font-weight:bold;
color:#AC324B;/*文字色*/
transition:.3s;
}
/*リンク花1*/
.flower1{
font-family: "Flower1";
font-size: 50px;
}

/*ログ用BOX*/
.log {
 margin: 2em auto; /* 外側余白 */
 padding: 3em 2em 2em; /* 内側余白（上・左右・下） */
 position: relative;
 background: #f4f3f2; /* 背景色（ノート風の淡い色） */
 max-width: 250px; /* 最大幅 */
 font-family: "Shigoto","Lemon",sans-serif ;
 color: #2b2b2b
}

.log::before {
   content: '';
   position: absolute;
   inset: 0.5em 0 0 0; /* 上から0.5em、左右と下を0に */
   margin: 0 auto; /* 水平方向中央揃え */
   width: 95%; /* ドット線の横幅 */
   border-top: dotted 10px #2b2b2b; /* ドット線（太さ10px） */
   pointer-events: none; /* クリックを透過 */
}

/*ログボックス内の段落*/
.log p { 
 margin:0;
 line-height: 1.7;
 text-align:left;
 font-size:8px;
 }
/*ボックス内タイトル夢追*/
.log-oi {
 border-bottom: solid 3px #AC324B;
 position: relative;
 line-height: 1.7;
 font-size:10px;
}
/*ボックス内タイトル蘭たん*/
.log-rn {
 border-bottom: solid 3px #915c8b;
 position: relative;
 line-height: 1.7;
 font-size:10px;
}
/*ボックス内タイトルhacchi*/
.log-ha {
 border-bottom: solid 3px #3b7960;
 position: relative;
 line-height: 1.7;
 font-size:10px;
}
/*ボックス内タイトルshu3*/
.log-shu3 {
 border-bottom: solid 3px #5383c3;
 position: relative;
 line-height: 1.7;
 font-size:10px;
}

/*汎用ボックス*/
.box1 {
 /* 方眼紙模様に必須のスタイル */
 background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
 background-size: 16px 16px;
 background-repeat: repeat;
 background-position: center center;
 background-color: #f4f3f2;
 border: 1px solid #0d0015;
/* 以下任意のスタイル */
 margin: 2em auto; /* 外側余白 */
 padding: 3em 2em 2em; /* 内側余白（上・左右・下） */
 position: relative;
 max-width: 250px; /* 最大幅 */
 font-family: "Shigoto","Lemon",sans-serif ;
 text-align:left;
 color: #2b2b2b;
}

/*汎用ボックス内の段落*/
.box1 p { 
 margin:0;
 line-height: 1.7;
 text-align: left;
 font-size:8px;
 }

/*汎用ボックス内の見出し*/
.box1 h1 {
  position: relative;
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 120%;
  font-size:12px;
  text-align:left;
}

.box1 h1:before {
  font-family: "Flower1";
  content: "M";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #0d0015; /*アイコン色*/
  font-weight: 900;
}

.sub {
 position: relative;
 padding-left: 1.2em;/*アイコン分のスペース*/
 line-height: 120%;
 font-size:10px;
 text-align:left;
}

.sub:before {
 font-family: "Flower1";
 content: "2";/*アイコンのユニコード*/
 font-weight: 900;
 position: absolute;/*絶対位置*/
 font-size: 1em;/*サイズ*/
 left: 0;/*アイコンの位置*/
 top: 0;/*アイコンの位置*/
 color: #0d0015; /*アイコン色*/
 font-weight: 900; 
 text-align:left;
}
/*汎用ボックス内のリンク*/
.box1 a {
 font-weight:bold;
 position: relative;
 padding: 0.1em 0.3em;
 display: inline-block;
 transition: .3s;
 color:#2b2b2b;/*リンク色*/
 font-size: 8px;
}
.box1 a::after{
 position: absolute;
 bottom: 0;
 left: 50%;
 content: '';
 width: 0;
 height: 1px;/*下線の太さ*/
 background-color: #AC324B;/*下線の色*/
 transition: .3s;
 transform: translateX(-50%);
}
.box1 a:hover::after {
 width: 100%;
}
.box1 a:hover{
 color:#AC324B;/*ホバー時の文字色*/
}

/*メインボックス*/
.main {
  background: #f4f3f2;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  margin: 26px auto 0;
  max-width: 250px;
  min-height: auto;
  padding: 24px;
  position: relative;
  width: 80%;
}
.main:before, .letter:after {
  content: "";
  height: 98%;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.main:before {
  background: #e6e4e3;
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
  left: -5px;
  top: 4px;
  transform: rotate(-2.5deg);
}
.main:after {
  background: #cccbca;
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
  right: -3px;
  top: 1px;
  transform: rotate(1.4deg);
}

/*メインボックス内の段落*/
.main p { 
 margin:0;
 line-height: 1.7;
 text-align:left;
 font-size:8px;
 color: #2b2b2b
 }

/*メインボックス見出し夢追*/
.main-oi {
  position: relative;
  display: flex; /* フレックスボックスを有効化 */
  justify-content: center; /* 水平方向の中央寄せ */
  align-items: center; /* 垂直方向の中央寄せ */
  font-size: 11px; /* 通常テキスト用のフォントサイズ */
  color: #2b2b2b; /* 通常テキストの色 */
  margin: 30px 0; /* 上下に50pxのマージンを設定 */ 
  z-index: 30;
}
.main-oi::after {
  font-family: "Flower1";
  content: "S";/*アイコンのユニコード*/
  position: absolute;
  top: 50%; /* 垂直方向の中央寄せ */
  left: 50%; /* 水平方向の中央寄せ */
  transform: translate(-50%, -50%); /* 中央に配置 */
  font-size: 50px; /* 背景テキストのフォントサイズ */
  color: #AC324B; /* 背景テキストの色（透明度含む） */
  opacity: 0.5;
　transform: rotate(45deg);/* テキストの傾き */
  z-index: -1; /* 背景として配置 */
  white-space: nowrap; /* テキストの折り返し防止 */
}
/*メインボックス見出し蘭たん*/
.main-rn {
  position: relative;
  display: flex; /* フレックスボックスを有効化 */
  justify-content: center; /* 水平方向の中央寄せ */
  align-items: center; /* 垂直方向の中央寄せ */
  font-size: 11px; /* 通常テキスト用のフォントサイズ */
  color: #2b2b2b; /* 通常テキストの色 */
  margin: 30px 0; /* 上下に50pxのマージンを設定 */ 
  z-index: 30;
}
.main-rn::after {
  font-family: "Flower1";
  content: "r";/*アイコンのユニコード*/
  position: absolute;
  top: 50%; /* 垂直方向の中央寄せ */
  left: 50%; /* 水平方向の中央寄せ */
  transform: translate(-50%, -50%); /* 中央に配置 */
  font-size: 50px; /* 背景テキストのフォントサイズ */
  color: #915c8b; /* 背景テキストの色（透明度含む） */
  opacity: 0.5;
　transform: rotate(45deg);/* テキストの傾き */
  z-index: -1; /* 背景として配置 */
  white-space: nowrap; /* テキストの折り返し防止 */
}
/*メインボックス見出しhacchi*/
.main-ha {
  position: relative;
  display: flex; /* フレックスボックスを有効化 */
  justify-content: center; /* 水平方向の中央寄せ */
  align-items: center; /* 垂直方向の中央寄せ */
  font-size: 11px; /* 通常テキスト用のフォントサイズ */
  color: #2b2b2b; /* 通常テキストの色 */
  margin: 30px 0; /* 上下に50pxのマージンを設定 */ 
  z-index: 30;
}
.main-ha::after {
  font-family: "Flower1";
  content: "l";/*アイコンのユニコード*/
  position: absolute;
  top: 50%; /* 垂直方向の中央寄せ */
  left: 50%; /* 水平方向の中央寄せ */
  transform: translate(-50%, -50%); /* 中央に配置 */
  font-size: 50px; /* 背景テキストのフォントサイズ */
  color: #3b7960; /* 背景テキストの色（透明度含む） */
  opacity: 0.5;
　transform: rotate(45deg);/* テキストの傾き */
  z-index: -1; /* 背景として配置 */
  white-space: nowrap; /* テキストの折り返し防止 */
}
/*メインボックス見出しshu3*/
.main-shu3 {
  position: relative;
  display: flex; /* フレックスボックスを有効化 */
  justify-content: center; /* 水平方向の中央寄せ */
  align-items: center; /* 垂直方向の中央寄せ */
  font-size: 11px; /* 通常テキスト用のフォントサイズ */
  color: #2b2b2b; /* 通常テキストの色 */
  margin: 30px 0; /* 上下に50pxのマージンを設定 */ 
  z-index: 30;
}
.main-shu3::after {
  font-family: "Flower1";
  content: "R";/*アイコンのユニコード*/
  position: absolute;
  top: 50%; /* 垂直方向の中央寄せ */
  left: 50%; /* 水平方向の中央寄せ */
  transform: translate(-50%, -50%); /* 中央に配置 */
  font-size: 50px; /* 背景テキストのフォントサイズ */
  color: #5383c3; /* 背景テキストの色（透明度含む） */
  opacity: 0.5;
　transform: rotate(45deg);/* テキストの傾き */
  z-index: -1; /* 背景として配置 */
  white-space: nowrap; /* テキストの折り返し防止 */
}
/*メインボックス見出しすぎる*/
.main-sgr {
  position: relative;
  display: flex; /* フレックスボックスを有効化 */
  justify-content: center; /* 水平方向の中央寄せ */
  align-items: center; /* 垂直方向の中央寄せ */
  font-size: 11px; /* 通常テキスト用のフォントサイズ */
  color: #2b2b2b; /* 通常テキストの色 */
  margin: 30px 0; /* 上下に50pxのマージンを設定 */ 
  z-index: 30;
}
.main-sgr::after {
  font-family: "Flower1";
  content: "9";/*アイコンのユニコード*/
  position: absolute;
  top: 50%; /* 垂直方向の中央寄せ */
  left: 50%; /* 水平方向の中央寄せ */
  transform: translate(-50%, -50%); /* 中央に配置 */
  font-size: 50px; /* 背景テキストのフォントサイズ */
  color: #f5e56b; /* 背景テキストの色（透明度含む） */
  opacity: 0.5;
　transform: rotate(45deg);/* テキストの傾き */
  z-index: -1; /* 背景として配置 */
  white-space: nowrap; /* テキストの折り返し防止 */
}
/*メインボックス見出し佐伯*/
.main-sik {
  position: relative;
  display: flex; /* フレックスボックスを有効化 */
  justify-content: center; /* 水平方向の中央寄せ */
  align-items: center; /* 垂直方向の中央寄せ */
  font-size: 11px; /* 通常テキスト用のフォントサイズ */
  color: #2b2b2b; /* 通常テキストの色 */
  margin: 30px 0; /* 上下に50pxのマージンを設定 */ 
  z-index: 30;
}
.main-sik::after {
  font-family: "Flower1";
  content: "P";/*アイコンのユニコード*/
  position: absolute;
  top: 50%; /* 垂直方向の中央寄せ */
  left: 50%; /* 水平方向の中央寄せ */
  transform: translate(-50%, -50%); /* 中央に配置 */
  font-size: 50px; /* 背景テキストのフォントサイズ */
  color: #8C4664; /* 背景テキストの色（透明度含む） */
  opacity: 0.5;
　transform: rotate(45deg);/* テキストの傾き */
  z-index: -1; /* 背景として配置 */
  white-space: nowrap; /* テキストの折り返し防止 */
}
/*メインボックス見出しウェン*/
.main-wen {
  position: relative;
  display: flex; /* フレックスボックスを有効化 */
  justify-content: center; /* 水平方向の中央寄せ */
  align-items: center; /* 垂直方向の中央寄せ */
  font-size: 11px; /* 通常テキスト用のフォントサイズ */
  color: #2b2b2b; /* 通常テキストの色 */
  margin: 30px 0; /* 上下に50pxのマージンを設定 */ 
  z-index: 30;
}
.main-wen::after {
  font-family: "Flower1";
  content: "U";/*アイコンのユニコード*/
  position: absolute;
  top: 50%; /* 垂直方向の中央寄せ */
  left: 50%; /* 水平方向の中央寄せ */
  transform: translate(-50%, -50%); /* 中央に配置 */
  font-size: 50px; /* 背景テキストのフォントサイズ */
  color: #FF8C9B; /* 背景テキストの色（透明度含む） */
  opacity: 0.5;
　transform: rotate(45deg);/* テキストの傾き */
  z-index: -1; /* 背景として配置 */
  white-space: nowrap; /* テキストの折り返し防止 */
}
/*メインボックス見出し宇佐美*/
.main-usm {
  position: relative;
  display: flex; /* フレックスボックスを有効化 */
  justify-content: center; /* 水平方向の中央寄せ */
  align-items: center; /* 垂直方向の中央寄せ */
  font-size: 11px; /* 通常テキスト用のフォントサイズ */
  color: #2b2b2b; /* 通常テキストの色 */
  margin: 30px 0; /* 上下に50pxのマージンを設定 */ 
  z-index: 30;
}
.main-usm::after {
  font-family: "Flower1";
  content: "F";/*アイコンのユニコード*/
  position: absolute;
  top: 50%; /* 垂直方向の中央寄せ */
  left: 50%; /* 水平方向の中央寄せ */
  transform: translate(-50%, -50%); /* 中央に配置 */
  font-size: 50px; /* 背景テキストのフォントサイズ */
  color: #FAC31E; /* 背景テキストの色（透明度含む） */
  opacity: 0.5;
　transform: rotate(45deg);/* テキストの傾き */
  z-index: -1; /* 背景として配置 */
  white-space: nowrap; /* テキストの折り返し防止 */
}
/*メインボックス見出し緋八*/
.main-hbc {
  position: relative;
  display: flex; /* フレックスボックスを有効化 */
  justify-content: center; /* 水平方向の中央寄せ */
  align-items: center; /* 垂直方向の中央寄せ */
  font-size: 11px; /* 通常テキスト用のフォントサイズ */
  color: #2b2b2b; /* 通常テキストの色 */
  margin: 30px 0; /* 上下に50pxのマージンを設定 */ 
  z-index: 30;
}
.main-hbc::after {
  font-family: "Flower1";
  content: "b";/*アイコンのユニコード*/
  position: absolute;
  top: 50%; /* 垂直方向の中央寄せ */
  left: 50%; /* 水平方向の中央寄せ */
  transform: translate(-50%, -50%); /* 中央に配置 */
  font-size: 50px; /* 背景テキストのフォントサイズ */
  color: #64C8F0; /* 背景テキストの色（透明度含む） */
  opacity: 0.5;
　transform: rotate(45deg);/* テキストの傾き */
  z-index: -1; /* 背景として配置 */
  white-space: nowrap; /* テキストの折り返し防止 */
}
/*メインボックス見出し風奏*/
.main-knt {
  position: relative;
  display: flex; /* フレックスボックスを有効化 */
  justify-content: center; /* 水平方向の中央寄せ */
  align-items: center; /* 垂直方向の中央寄せ */
  font-size: 11px; /* 通常テキスト用のフォントサイズ */
  color: #2b2b2b; /* 通常テキストの色 */
  margin: 30px 0; /* 上下に50pxのマージンを設定 */ 
  z-index: 30;
}
.main-knt::after {
  font-family: "Flower1";
  content: "E";/*アイコンのユニコード*/
  position: absolute;
  top: 50%; /* 垂直方向の中央寄せ */
  left: 50%; /* 水平方向の中央寄せ */
  transform: translate(-50%, -50%); /* 中央に配置 */
  font-size: 50px; /* 背景テキストのフォントサイズ */
  color: #FAD246; /* 背景テキストの色（透明度含む） */
　transform: rotate(45deg);/* テキストの傾き */
  z-index: -1; /* 背景として配置 */
  white-space: nowrap; /* テキストの折り返し防止 */
}
/*メインボックス見出し長尾*/
.main-ngo {
  position: relative;
  display: flex; /* フレックスボックスを有効化 */
  justify-content: center; /* 水平方向の中央寄せ */
  align-items: center; /* 垂直方向の中央寄せ */
  font-size: 11px; /* 通常テキスト用のフォントサイズ */
  color: #2b2b2b; /* 通常テキストの色 */
  margin: 30px 0; /* 上下に50pxのマージンを設定 */ 
  z-index: 30;
}
.main-ngo::after {
  font-family: "Flower1";
  content: "d";/*アイコンのユニコード*/
  position: absolute;
  top: 50%; /* 垂直方向の中央寄せ */
  left: 50%; /* 水平方向の中央寄せ */
  transform: translate(-50%, -50%); /* 中央に配置 */
  font-size: 50px; /* 背景テキストのフォントサイズ */
  color: #625DA1; /* 背景テキストの色（透明度含む） */
  opacity: 0.5;
　transform: rotate(45deg);/* テキストの傾き */
  z-index: -1; /* 背景として配置 */
  white-space: nowrap; /* テキストの折り返し防止 */
}
/*メインボックス見出し社*/
.main-ysr {
  position: relative;
  display: flex; /* フレックスボックスを有効化 */
  justify-content: center; /* 水平方向の中央寄せ */
  align-items: center; /* 垂直方向の中央寄せ */
  font-size: 11px; /* 通常テキスト用のフォントサイズ */
  color: #2b2b2b; /* 通常テキストの色 */
  margin: 30px 0; /* 上下に50pxのマージンを設定 */ 
  z-index: 30;
}
.main-ysr::after {
  font-family: "Flower1";
  content: "u";/*アイコンのユニコード*/
  position: absolute;
  top: 50%; /* 垂直方向の中央寄せ */
  left: 50%; /* 水平方向の中央寄せ */
  transform: translate(-50%, -50%); /* 中央に配置 */
  font-size: 50px; /* 背景テキストのフォントサイズ */
  color: #B6C6F2; /* 背景テキストの色（透明度含む） */
  opacity: 0.5;
　transform: rotate(45deg);/* テキストの傾き */
  z-index: -1; /* 背景として配置 */
  white-space: nowrap; /* テキストの折り返し防止 */
}

/*メインボックス降りたたみ夢追*/
.ac-oi {
    max-width: 2550px;
    margin-bottom: 7px;
    border-bottom: 2px solid #ac324b;
}
.ac-oi summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #2b2b2b;
    font-weight: 600;
    cursor: pointer;
    background-color: #2b2b2b;
    color: #f4f3f2;
    font-size:8px;
}
.ac-oi summary::-webkit-details-marker {
    display: none;
}
.ac-oi summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 6px;
    margin-left: 10px;
    border-bottom: 3px solid #2b2b2b3;
    border-right: 3px solid #2b2b2b3;
    content: '';
    transition: transform .3s;
}
.ac-oi[open] summary::after {
    transform: rotate(225deg);
}
.ac-oi p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #2b2b2b;
    transition: transform .5s, opacity .5s;
}
.ac-oi[open] p {
    transform: none;
    opacity: 1;
}


/*メインボックス降りたたみ蘭たん*/
.ac-rn {
    max-width: 2550px;
    margin-bottom: 7px;
    border-bottom: 2px solid #915c8b;
}
.ac-rn summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #2b2b2b;
    font-weight: 600;
    cursor: pointer;
    background-color: #2b2b2b;
    color: #f4f3f2;
    font-size:8px;
}
.ac-rn summary::-webkit-details-marker {
    display: none;
}
.ac-rn summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 6px;
    margin-left: 10px;
    border-bottom: 3px solid #2b2b2b3;
    border-right: 3px solid #2b2b2b3;
    content: '';
    transition: transform .3s;
}
.ac-rn[open] summary::after {
    transform: rotate(225deg);
}
.ac-rn p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #2b2b2b;
    transition: transform .5s, opacity .5s;
}
.ac-rn[open] p {
    transform: none;
    opacity: 1;
}
/*メインボックス降りたたみhacchi*/
.ac-ha {
    max-width: 2550px;
    margin-bottom: 7px;
    border-bottom: 2px solid #3b7960;
}
.ac-ha summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #2b2b2b;
    font-weight: 600;
    cursor: pointer;
    background-color: #2b2b2b;
    color: #f4f3f2;
    font-size:8px;
}
.ac-ha summary::-webkit-details-marker {
    display: none;
}
.ac-ha summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 6px;
    margin-left: 10px;
    border-bottom: 3px solid #2b2b2b3;
    border-right: 3px solid #2b2b2b3;
    content: '';
    transition: transform .3s;
}
.ac-ha[open] summary::after {
    transform: rotate(225deg);
}
.ac-ha p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #2b2b2b;
    transition: transform .5s, opacity .5s;
}
.ac-ha[open] p {
    transform: none;
    opacity: 1;
}
/*メインボックス降りたたみshu3*/
.ac-shu3 {
    max-width: 2550px;
    margin-bottom: 7px;
    border-bottom: 2px solid #5383c3;
}
.ac-shu3 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #2b2b2b;
    font-weight: 600;
    cursor: pointer;
    background-color: #2b2b2b;
    color: #f4f3f2;
    font-size:8px;
}
.ac-shu3 summary::-webkit-details-marker {
    display: none;
}
.ac-shu3 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 6px;
    margin-left: 10px;
    border-bottom: 3px solid #2b2b2b3;
    border-right: 3px solid #2b2b2b3;
    content: '';
    transition: transform .3s;
}
.ac-shu3[open] summary::after {
    transform: rotate(225deg);
}
.ac-shu3 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #2b2b2b;
    transition: transform .5s, opacity .5s;
}
.ac-shu3[open] p {
    transform: none;
    opacity: 1;
}
/*メインボックス降りたたみすぎる*/
.ac-sgr {
    max-width: 2550px;
    margin-bottom: 7px;
    border-bottom: 2px solid #f5e56b;
}
.ac-sgr summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #2b2b2b;
    font-weight: 600;
    cursor: pointer;
    background-color: #2b2b2b;
    color: #f4f3f2;
    font-size:8px;
}
.ac-sgr summary::-webkit-details-marker {
    display: none;
}
.ac-sgr summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 6px;
    margin-left: 10px;
    border-bottom: 3px solid #2b2b2b3;
    border-right: 3px solid #2b2b2b3;
    content: '';
    transition: transform .3s;
}
.ac-sgr[open] summary::after {
    transform: rotate(225deg);
}
.ac-sgr p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #2b2b2b;
    transition: transform .5s, opacity .5s;
}
.ac-sgr[open] p {
    transform: none;
    opacity: 1;
}
/*メインボックス降りたたみ佐伯*/
.ac-sik {
    max-width: 2550px;
    margin-bottom: 7px;
    border-bottom: 2px solid #8C4664;/*線の色*/
}
.ac-sik summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #2b2b2b;
    font-weight: 600;
    cursor: pointer;
    background-color: #2b2b2b;
    color: #f4f3f2;
    font-size:8px;
}
.ac-sik summary::-webkit-details-marker {
    display: none;
}
.ac-sik summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 6px;
    margin-left: 10px;
    border-bottom: 3px solid #2b2b2b3;
    border-right: 3px solid #2b2b2b3;
    content: '';
    transition: transform .3s;
}
.ac-sik[open] summary::after {
    transform: rotate(225deg);
}
.ac-sik p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #2b2b2b;
    transition: transform .5s, opacity .5s;
}
.ac-sik[open] p {
    transform: none;
    opacity: 1;
}
/*メインボックス降りたたみウェン君*/
.ac-wen {
    max-width: 2550px;
    margin-bottom: 7px;
    border-bottom: 2px solid #FF8C9B;/*線の色*/
}
.ac-wen summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #2b2b2b;
    font-weight: 600;
    cursor: pointer;
    background-color: #2b2b2b;
    color: #f4f3f2;
    font-size:8px;
}
.ac-wen summary::-webkit-details-marker {
    display: none;
}
.ac-wen summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 6px;
    margin-left: 10px;
    border-bottom: 3px solid #2b2b2b3;
    border-right: 3px solid #2b2b2b3;
    content: '';
    transition: transform .3s;
}
.ac-wen[open] summary::after {
    transform: rotate(225deg);
}
.ac-wen p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #2b2b2b;
    transition: transform .5s, opacity .5s;
}
.ac-wen[open] p {
    transform: none;
    opacity: 1;
}
/*メインボックス降りたたみ宇佐美*/
.ac-usm {
    max-width: 2550px;
    margin-bottom: 7px;
    border-bottom: 2px solid #FAC31E;/*線の色*/
}
.ac-usm summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #2b2b2b;
    font-weight: 600;
    cursor: pointer;
    background-color: #2b2b2b;
    color: #f4f3f2;
    font-size:8px;
}
.ac-usm summary::-webkit-details-marker {
    display: none;
}
.ac-usm summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 6px;
    margin-left: 10px;
    border-bottom: 3px solid #2b2b2b3;
    border-right: 3px solid #2b2b2b3;
    content: '';
    transition: transform .3s;
}
.ac-usm[open] summary::after {
    transform: rotate(225deg);
}
.ac-usm p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #2b2b2b;
    transition: transform .5s, opacity .5s;
}
.ac-usm[open] p {
    transform: none;
    opacity: 1;
}
/*メインボックス降りたたみ緋八*/
.ac-hbc {
    max-width: 2550px;
    margin-bottom: 7px;
    border-bottom: 2px solid #64C8F0;/*線の色*/
}
.ac-hbc summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #2b2b2b;
    font-weight: 600;
    cursor: pointer;
    background-color: #2b2b2b;
    color: #f4f3f2;
    font-size:8px;
}
.ac-hbc summary::-webkit-details-marker {
    display: none;
}
.ac-hbc summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 6px;
    margin-left: 10px;
    border-bottom: 3px solid #2b2b2b3;
    border-right: 3px solid #2b2b2b3;
    content: '';
    transition: transform .3s;
}
.ac-hbc[open] summary::after {
    transform: rotate(225deg);
}
.ac-hbc p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #2b2b2b;
    transition: transform .5s, opacity .5s;
}
.ac-hbc[open] p {
    transform: none;
    opacity: 1;
}
/*メインボックス降りたたみ風奏*/
.ac-knt {
    max-width: 2550px;
    margin-bottom: 7px;
    border-bottom: 2px solid #FAD246;/*線の色*/
}
.ac-knt summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #2b2b2b;
    font-weight: 600;
    cursor: pointer;
    background-color: #2b2b2b;
    color: #f4f3f2;
    font-size:8px;
}
.ac-knt summary::-webkit-details-marker {
    display: none;
}
.ac-knt summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 6px;
    margin-left: 10px;
    border-bottom: 3px solid #2b2b2b3;
    border-right: 3px solid #2b2b2b3;
    content: '';
    transition: transform .3s;
}
.ac-knt[open] summary::after {
    transform: rotate(225deg);
}
.ac-knt p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #2b2b2b;
    transition: transform .5s, opacity .5s;
}
.ac-knt[open] p {
    transform: none;
    opacity: 1;
}
/*メインボックス降りたたみ長尾*/
.ac-ngo {
    max-width: 2550px;
    margin-bottom: 7px;
    border-bottom: 2px solid #625DA1;/*線の色*/
}
.ac-ngo summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #2b2b2b;
    font-weight: 600;
    cursor: pointer;
    background-color: #2b2b2b;
    color: #f4f3f2;
    font-size:8px;
}
.ac-ngo summary::-webkit-details-marker {
    display: none;
}
.ac-ngo summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 6px;
    margin-left: 10px;
    border-bottom: 3px solid #2b2b2b3;
    border-right: 3px solid #2b2b2b3;
    content: '';
    transition: transform .3s;
}
.ac-ngo[open] summary::after {
    transform: rotate(225deg);
}
.ac-ngo p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #2b2b2b;
    transition: transform .5s, opacity .5s;
}
.ac-ngo[open] p {
    transform: none;
    opacity: 1;
}
/*メインボックス降りたたみ社*/
.ac-ysr {
    max-width: 2550px;
    margin-bottom: 7px;
    border-bottom: 2px solid #B6C6F2;/*線の色*/
}
.ac-ysr summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #2b2b2b;
    font-weight: 600;
    cursor: pointer;
    background-color: #2b2b2b;
    color: #f4f3f2;
    font-size:8px;
}
.ac-ysr summary::-webkit-details-marker {
    display: none;
}
.ac-ysr summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 6px;
    margin-left: 10px;
    border-bottom: 3px solid #2b2b2b3;
    border-right: 3px solid #2b2b2b3;
    content: '';
    transition: transform .3s;
}
.ac-ysr[open] summary::after {
    transform: rotate(225deg);
}
.ac-ysr p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #2b2b2b;
    transition: transform .5s, opacity .5s;
}
.ac-ysr[open] p {
    transform: none;
    opacity: 1;
}