@charset "UTF-8";

.fuji_kakomi1{
    background-color: #faf1e3;
    border-radius: 10px;
    border: 1px solid #333333;
    padding: 10px;
}
/*英語ページ*/
.hama_fs60{
  font-size:60%;
}
.hama_fs70{
  font-size:70%;
}
.hama_fs80{
  font-size:80%;
}
.hama_fs90{
  font-size:90%;
}
.hama_chglang{
  float:right;
  color:#6f6e6f;
  font-size:14px;
}
.en_logo{
  margin:0 auto;
  width: 18%;
}

.hama_en_title{
  text-align: center;
  font-size: 18px;
  margin-top: 30px;
  line-height: 2;
}

hama_title_pageTtl {
	margin-top: 70px;
	font-size: 30px;
	font-weight: normal;
	color: #00ada9;
	border-bottom: 3px solid #00ada9;
}
/*　.pageTtl::before { /*ロゴマークを付与*/
/*	content: url(../img/title_logo_mark.png);
	display: inline-block;
	margin-right: 24px;
	vertical-align: middle;
}*/

/*文字の前後にライン*/
.head-border {
    position: relative;
    display: inline-block;
    padding: 0 55px;
}

.text-hako p{
  text-align: justify;
}
 
.head-border:before,
.head-border:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 50px;
    height: 1px;
    background-color:#6f6e6f;
}
 
.head-border:before {
    left: 0;
}
 
.head-border:after {
    right: 0;
}
.hama_view_Header{
  color:white;
  font-size:25px;
  text-align:center;
  font-weight:normal;
  padding:10px 0;
      border-radius: 3px;

}
.hama_view_Header_btn{
border-radius: 15px;
margin:0 27% 30px;
}

.hama_view_Header_btn a{
  font-weight:normal;
  color:white;
  font-size:25px;
  display:block;
  text-align:center;
  padding:10px 0;
}
.hama_view_Header_btn2{
border: solid 3px #dda54f;
margin:0 27% 30px;
}

.hama_view_Header_btn2 a{
  font-weight:normal;
  color:#dda54f;
  font-size:25px;
  display:block;
  text-align:center;
  padding:10px 0;
}

/* usual en_20210203 */
/*序文*/
.en_toptext{
  margin:30px 0;
  line-height: 1.5;
    text-align: center;
}

.bgcolor_red{
  background-color:#dda54f; 
}
.bgcolor_blue{
  background-color:#0075c2;
}


/*日付*/
.en_date{
  font-size:30px;
  color:#dda54f;
  line-height:1;
  display: inline-block;
  align-items: center;
}

.hama200_week{
  color:white;
  background-color: #dda54f;
  font-size:23px;
  border-radius:999px;
  padding:5px;
}

/*曜日*/
.en_week_bk{
  font-size:30px;
  margin-left:-30px;
  
  display:block;
  border-radius:999px;
  display: inline-block;
}

/*開催場所*/
.en_place{
  color: #dda54f;
  font-size: 20px;
}
/*団体紹介見出し*/
.en_introduction{
  background-color:#2261a9;
  height:30;
  line-height:30px;
  
}

/*団体紹介本文*/
.en_group{
  color: #4682cd;
  font-size: 90%;
}

.en_group_movie_title{
display: block; */
    /* width: 300px; */
    texit-align: center;
    /* margin: -1px auto; */
    text-align: center;
    background-color: #bfdeeb;
    padding: 5px 10px;
}

/*---プログラム---*/
.en_border{
   display: flex;
  align-items:center;
  background-color: white;
  margin-top:30px;
}

.en_border:before,
.en_border:after{
  content: "";
  height:1px;
  flex-grow:0.6;
  background-color:#666;
}

.en_border:before{
  mergin-right:1rem;
}

.en_border:after{
  mergin-left:1rem
}
/*ここまで*/

/*プログラム本文*/
.en_time_table{
  text-align:left;
}
.en_time_table dt{
  width:27%;
  float:left;
  position:relative;
  clear:left;
}

.en_time_table dt::after{
  position:absolute;
  right:10px;
  top:0;
  /*content:\025b6;*/
  content:"\025b6";
}

.en_time_table dd{
  display: block;
  width:73%;
  float:left;
  
}
.en_time_table2{
  text-align:left;
  margin:30px 0;
}
.en_time_table2 dt{
  width:31%;
  float:left;
  position:relative;
  clear:left;
}

.en_time_table2 dt::after{
  position:absolute;
  right:10px;
  top:0;
  /*content:\025b6;*/
  content:"\025b6";
}

.en_time_table2 dd{
  display: block;
  width:69%;
  float:left;
  
}


/*参加はこちら*/


.en_button1 a{
 background-color: #faf1e3;
 color: #dda54f;
 font-size :20px;
 font-weight: bold;
  margin: 20px auto 20px;
  width:300px;
  height: 30px;
  line-height: 30px;
  border-radius: 7px;
  display:block;
  padding:8px auto;
}
.en_button1 a:hover{
  opacity: 0.6;
}

.en_button4 a{
 background-color: #faf1e3;
 color: #dda54f;
 font-size :20px;
 font-weight: bold;
  margin: 20px auto 20px;
  width:350px;
  height: 30px;
  line-height: 30px;
  border-radius: 7px;
  display:block;
  padding:8px auto;
}
.en_button4 a:hover{
  opacity: 0.6;
}


/*参加登録はこちら*/

.en_button3 a{
 background-color: #faf1e3;
 color: #dda54f;
 font-size :18px;
 font-weight: bold;
  margin: 20px auto 20px;
  width:300px;
  height: 30px;
  line-height: 30px;
  border-radius: 7px;
  display:block;
  padding:8px auto;
}
.en_button3 a:hover{
  opacity: 0.6;
}

/*こちらからご確認ください*/
.en_button2{
  background-color: #ebeb14;
  font-size;
  height: 30px;
  line-height: 30px;
  border-radius: 7px;
  width: 300px;
    display: block;
    margin-top: 30px;
    margin: 30px auto 0;
}

/* usual */
.hama_line_h15 {
  line-height: 1.5;
}

.hama_ftbd {
  font-weight: bold;
}

.hama_txleft {
  text-align: left;
}

.hama_hr_dott_title{
  border: 10px dotted #ffc2c8;
  border-right:none;
  border-left:none;
  border-top:none;
}

.hama_ftbd600 {
  font-weight: 600;
}
.hama_ft_size85p {
  font-size: 85%;
}

.hama_pt50 {
  padding-top: 50px;
}
.hama_mt30 {
  margin-top: 30px;
}
.hama_mb30 {
  margin-bottom: 30px;
}

.hama_mb20 {
  margin-bottom: 20px;
}

.hama_mb10 {
  margin-bottom: 10px;
}

.catch_link {
  font-size: 30px;
  color: #ed7684;
}

.hama_read {
  font-size: 16px;
  line-height: 1.5;
}

.hama_mb15 {
  margin-bottom: 15px;
}

.hama_marker02 {
  color: #F7C105;
  text-decoration-line: underline;
  text-underline-offset: 2px; //位置
  text-decoration-thickness: 10px; //太さ
}

.hama_16th_pageFooter {
  width: 960px;
  margin: 0 auto;
  background-color: #fff;
  line-height: 1.5;
}

.hama_16th_pageHeader {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 999;
}
.hama_bk_light_blue {
  background-color:#bfdeeb;
  margin-bottom: 50px;
  line-height: 1.5;
  padding: 30px;
  display: flow-root;
}




.hama_bk_light_green {
  background-color: #faf1e3;
  margin-top: 20px;
  margin-bottom: 50px;
  line-height: 1.5;
  padding: 0 10% 50px;
  border-radius: 15px;
  display: flow-root;
}
.hama200_bk_light_green {
  background-color: #faf1e3;
  margin-top: 20px;
  margin-bottom: 50px;
  line-height: 1.5;
  padding: 30px;
  display: flow-root;
}

.hama_bk_light_green a {
  color: #ed7684;
}

.hama_catch {
}
.hama_mt10 {
  margin-top: 10px;
}

.hama_mt20 {
  margin-top: 20px;
}

.hama_mt30 {
  margin-top: 30px;
}

.hama_mt40 {
  margin-top: 40px;
}

.hama_mt50 {
  margin-top: 50px;
}

.hama_mb10 {
  margin-bottom: 10px;
}

.hama_col_red {
  color: red;
}

.hama_col_brown {
  color: brown;
}

.b-cap01 {
  color: red;
  font-size: 13px;
  margin: 20px 10% 0;
  text-align: left;
}

.b-hnbun01 {
  text-align: left;
}

.hama_l_title {
  width: 180px;
  background-color: #dda54f;
  /* text-align: center; */
  color: white;
  line-height: 30px;
  /* display: table; */
  margin: 30px auto 0px;
  padding: 0px 20px;
  display: table;
  border-radius: 7px;
}
.hama_block01 {
  margin-bottom: 30px;
  text-align: center;
  margin: auto 10%;
}
.hama_bkyellow_catch {
  color: white;
  font-size: 20px;
  background-color: #dda54f;
  text-align: center;
  height: 35px;
  line-height: 35px;
}
.hama_bk_white {
  background-color: white;
  margin: 30px 30px;
  padding: 30px 15% 30px;
}

    background-color: white;
    border-radius: 10px;
    padding: 30px 65px 30px;


.hama_bk_white {
  background-color: white;
  margin: 30px 0;
  padding: 30px 15% 30px;
}

.hama201_bk_white {
  background-color: white;
  border-radius: 10px;
  padding: 30px 40px 30px;
}


.hama200_bk_white {
  background-color: white;
  border-radius: 10px;
  padding: 30px 65px 50px;
}
.hama_tlcenter {
  text-align: center;
}
.hama_bk_green {
  margin: 0 10% 50px;
  background-color: #dda54f;
  font-size: 20px;
  font-weight: 900;
  height: 50px;
  line-height: 50px;
  /* border: 3px #ed7684; */
  color: white;
  border-radius: 0 0 15px 15px;
}
.hama_bk_blk {
  background-color: #898989;
  color: white;
  margin: 0 5% 20px;
  height: 30px;
  line-height: 30px;
  border-radius: 7px;
  /* padding-top: 20px; */
}

.hama_toplead {
  border: solid 1px #dda54f;
  padding: 20px;
  margin: 0 10%;
}
.hama_toplead2 {
  padding: 10px;
  margin: 0 10%;
}
.hama_toplead3 {
  /* padding: 10px; */
  margin: 0 10%;
}

.hama_spbody {
  border: solid 1px #ed7684;
  padding: 20px;
}

/* グリーンアンダーライン3px */
.hama_pageTtl {
  margin-top: 40px;
  font-size: 30px;
  font-weight: normal;
  color: #dda54f;
  border-bottom: 3px solid #dda54f;
  text-align: center;
  line-height: 37px;
}

.hama_pageTtl1 {
  margin-top: 40px;
  font-size: 30px;
  font-weight: normal;
  color: #dda54f;
  text-align: center;
  line-height: 37px;
}

.hama_pageTtl1.hama_bd3red{
  border-bottom: 3px solid #dda54f;
  padding-bottom: 10px;
}

.hama_subtitle {
  color: #dda54f;
  font-weight: nomal;
  font-size: 20px;
  text-align: center;
}
.hama_subtitle_2 {
  font-weight: 600;
  font-size: 20px;
  text-align: center;
}

.hama_head_logo {
  margin: 70px auto 0;
  width: 100px;
}

/* ロゴ */
.headerLogo_hama202201 {
  float: left;
  text-indent: -9999px;
}

.headerLogo_hama202201 a {
  display: block;
  width: 960px;
  height: 340px;
  background: url(../img/20th_jssr_top_img.jpg) no-repeat 0 0;
  background-size: contain;
}

/* 全体の囲み */
.hama_wrapper {
  /* position: relative; */
  position: 0;
  width: 100%;
  /* padding: 340px 0 0; */
  background: url(../img/page_bg_red.jpg) repeat 0 0;
}

/* ボタン */

.hama-btn-flat-border {
  display: table;
  line-height: 1.5em;
  width: 60%;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #dda54f;
  border: solid 2px #dda54f;
  background-color: white;
  border-radius: 3px;
  transition: 0.4s;
  font-size: 20px;
  margin: 35px auto;
}

.hama-btn-flat-border a {
  color: #dda54f;
}

.hama-btn-flat-border a:hover {
  color: white;
}

.hama-btn-flat-border:hover {
  background: #dda54f;
  color: white;
}

.simple_square_btn4 {
  display: block;
  position: relative;
  margin: 30px 25% 0;
  padding: 2em;
  text-align: center;
  text-decoration: none;
  color: #ed7684;
  background: #fff;
  border-radius: 50px;
  border: 2px solid #ed7684;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.simple_square_btn4 a:hover {
  color: #ed7684;
}

.simple_square_btn4:hover {
  cursor: pointer;
  text-decoration: none;
  -webkit-animation: simple_square_btn4 0.4s
    cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  -moz-animation: simple_square_btn4 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: simple_square_btn4 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@-webkit-keyframes simple_square_btn4 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
}
@-moz-keyframes simple_square_btn4 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
}
@keyframes simple_square_btn4 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
}

.hama_loginArea {
  width: 100%;
  padding: 10px 5%;
  /* background-color: #eff8f7; */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.b-cap02 {
  /* color: red; */
  font-size: 13px;
  margin: 20px 5% 0;
  text-align: left;
}

.btn_hama_g {
  width: 60px;
  height: 38px;
  background: #fff;
  border: 1px solid #2a82a3;
  border-radius: 70px;
  -moz-border-radius: 70px;
  -webkit-border-radius: 70px;
  color: #2a82a3;
  padding: 42px 20px 20px;
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 120%;
  box-shadow: 0px 4px 0px rgba(000, 000, 000, 0.3);
  -moz-box-shadow: 0px 4px 0px rgba(000, 000, 000, 0.3);
  -webkit-box-shadow: 0px 4px 0px rgba(000, 000, 000, 0.3);
  transition: background-color 0.5s ease-in;
  -webkit-transition: background-color 0.5s ease-in;
}
.btn_hama_g:hover {
  background: #2a82a3;
  color: #fff;
  box-shadow: none;
  margin-top: 10px;
  position: relative;
  top: 3px;
}

.flex-container {
  display: flex;
  flex-direction: row;
}

.flexbox-between {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.hama_container {
  width: 960px;
  margin: 0 auto;
}

.hama_contactWrap {
  background-color: #faf1e3;
}

.hama_sub_contct {
  width: 70%;
  margin: 0 auto;
  padding: 20px;
  background: url(../img/footer_16th_title_logo_mark.png) no-repeat left 60px
    bottom 32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  background-size: 15%;
}

.hama_entry_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.hama_entry_wrap_17 {
  justify-content: space-between;
  margin:30px auto 0;
  flex-wrap: wrap;
  text-align: center;
}

.hama_entrybox {
  /* padding: 15px; */
  width: 27%;
  /* background-color: #fff; */
  /* border: 1px; */
  text-align: center;
  padding: 0.5em 1em;
  margin: 2em 0;
  font-weight: bold;
  /* color: #ed7684; */
  background: #fff;
  border: solid 1px #ed7684;
  border-radius: 0px;
}
.hama_entrybox p {
  margin: 0;
  padding: 0;
}

.hama_entry_item {
  display: table;
  margin: 20% 10px;
  background-color: #ed7684;
  color: white;
}

.hama_entry_catch {
  color: #ed7684;
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 10px;
}

@media not all and (min-width: 768px) {
  .item {
    width: 100%;
  }

  .item:not(:last-child) {
    margin-bottom: 30px;
  }
}

.hama_footerAddr {
  float: right;
  width: 70%;
}

.hama_footerAddr address {
  font-style: normal;
}

/* Fax & Email */
.hama_addrList {
  margin-top: 5px;
}

.hama_addrList dt {
  float: left;
}
.hama_addrList dt::after {
  content: ":";
}
.hama_addrList dt:not(:first-child) {
  margin-left: 1em;
}

.hama_addrList dd {
  float: left;
  letter-spacing: -0.5px;
}

.hama_copyWrap {
  width: 100%;
  padding: 6px 17% 14px 17%;
  /* padding: 21px 81px 23px 84px; */
  /* margin-top: 18px; */
  background-color: #dda54f;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hama_entrycommentbox {
  /* padding: 15px; */
  border-radius: 15px;
  width: 85%;
  /* background-color: #fff; */
  /* border: 1px; */
  /* text-align: center; */
  padding: 0.5em 1em;
  margin: 50px auto;
  /* font-weight: bold; */
  /* color: #ed7684; */
  background: #fff;
  /* border: solid 1px #ed7684; */
  border-radius: 0px;
}

.hama_button09 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin: 0 auto;
  padding: 1em 2em;
  width: 260px;
  line-height: 35px;
  color: #dda54f;
  font-size: 20px;
  font-weight: 700;
  background-color: #faf1e3;
  transition: 0.3s;
}

.hama_button09 a::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid #dda54f;
  transition: 0.2s;
}

.hama_button09 a::after {
  content: "";
  width: 5px;
  height: 5px;
  border-top: 3px solid #ed7684;
  border-right: 3px solid #ed7684;
  transform: rotate(45deg);
}

.hama_button09 a:hover::before {
  top: 0;
  left: 0;
}

.hama_button09 a:hover {
  text-decoration: none;
  background-color: #F7C105;
  color: white;
}

.hama_entrybtn_cmt {
  text-align: right;
}
.hama_cmt_dody {
  text-align: left;
  font-size: 15px;
}

.hama_cmt_dody2 {
  text-align: left;
  font-size: 15px;
  margin: 0 10%;
}

.hama_m_lr10 {
  margin: 0 10%;
}
.hama_cmt_dody a {
  color: #ed7684;
  text-decoration: none;
  text-align: center;
  word-break: break-all;
}

.hama_cmt_red {
  color: #dda54f
  ;
  text-align: center;
}

.hama_input-login-button {
  display: inline-block;
  margin: 0 0 5px;
  padding: 4px 32px 2px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #dda54f;
  border: none;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
}

.hama_pay_cmt {
  text-align: center;
}

.hama_subHeader {
  /* margin: 0; */ /* デフォルトCSS打ち消し */
  position: relative; /* 位置調整 */
  font-weight: normal; /* 文字の太さ調整 */
  font-size: 30px; /* 文字サイズ指定 */
  text-align: center; /* 文字位置指定 */
  padding: 10px 10px 15px; /* 余白指定 */
  /* border-top: solid 1px; 線指定 */
  border-bottom: solid 1px; /* 線指定 */
  /* width: 320px; */ /* 幅指定 */
  display: table;
  margin: 10% auto 0; /* 周りの余白指定 */
}

.hama_entrycommentbox a {
  width: 80px;
  background-color: #ed7684;
  color: #fff;
  padding: 3px 7px 3px;
}

.hama_pageHeader {
  /* position: fixed; */
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 999;
}

@media print {
  .hama_pageHeader {
    position: static;
  }
}

.hama_pageHeader > .container {
  padding: 16px 0 24px;
}

.hama_cmt_dody_address {
  text-align: right;
  padding: 0 20% 0 0;
}

.appLink {
  text-align: center;
}

.appLink a {
  display: inline-block;
  padding: 8px 24px;
  color: #fff;
  background-color: #800;
}

.ev16-main {
  color: #F7C105;
}

.ev16-main a {
  color: #dda54f;
  text-decoration: none;
  word-break: break-all;
}

.ev16-main a:hover {
  color: #ed7684;
  text-decoration: underline;
}

a.cev16-main {
  color: #ed7684;
} /* リンク用 */
a.ev16-main:hover {
  text-decoration: underline;
}

.hama_b-cap02 {
  font-size: 13px;
  text-align: center;
}

.hama_e_comp_body {
  font-size: 25px;
  line-height: 40px;
}

.hama_footerLogo {
  margin-top: 13px;
  display: inline-block;
  width: 307px;
  height: 28px;
  font-size: 25px;
  color: white;
  /* background: url(../img/16th_footer_logo.png) no-repeat 0 0; */
  /* text-indent: -9999px; */
  overflow-x: visible;
}
.checkbox.ta-c input{
  display: none;
}
.checkbox.ta-c label{
  padding-left: 20px;
  position: relative;
}
.checkbox.ta-c label::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: 2px solid black;
  border-radius: 3px;
}
.checkbox.ta-c label::after{
  content: "";
  position: absolute;
  opacity: 0;
  left: 4px;
  top: 40%;
  width: 12px;
  height: 3px;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg) translateY(-50%);
  border-bottom: 2px solid red;
  border-left: 2px solid red;
}
.checkbox label.checked::after{
  opacity: 1;
}
/* チェックボックス全体 */
.hama_checknox-wrap {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  user-select: none;
  text-align: center;
}

/* デフォルトチェックボックス非表示 */
.hama_checknox-wrap input {
  display: none;
}

/* チェックボックスのスタイル */
.hama_checknox-wrap .checkmark {
  position: absolute;
  top: 0;
  left: 117px;
  height: 16px;
  width: 17px;
  background: #faf1e3;
  box-sizing: border-box;
}

.hama_checknox-wrap a {
  color: #dda54f;
}

/* チェックマーク作成 20220117浜田 */
.hama_checknox-wrap .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* チェック時のスタイル */
.hama_checknox-wrap input:checked + .checkmark {
  background-color: #dda54f;
}

/* チェック時 チェックマーク表示 */
.hama_checknox-wrap input:checked + .checkmark:after {
  display: block;
}

/*ベース*/
.toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding: 1em;
	display: block;
	color: #fff;
	background:#dda54f;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}

.view_label_add{
    padding: 0.3em;
    text-align: center;
    border-radius: 5px;
}
.h_archive_con{
  margin-bottom: 50px;
}
.h_l_height15 {
  line-height: 1.5;
}

.h_l_height20 {
  line-height: 2;
}

.h_archive_simin_con{
outline: 1rem solid #dda54f;
    margin-top: 20px;
}
.corecction_bar{
  text-decoration: line-through;
}
.correction_sentence{
  color: red;
}
.disabled a{
  pointer-events: none;
}