@charset "utf-8";

/* index トップページのcss */

/* キービジュアル */
.key_visual img {
  width: 100%;
  height: auto;
}

/* 新着・ニュース */
#news {
  width: 80%;
  margin: 20px auto;
}

#news ul li {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.day,
.label,
.text {
  margin: 5px;
}

#news .day {
  font-family: georgia;
  font-weight: bold;
  width: 4.5em;
}

#news .label {
  background-color: #ffbc47;
  color: white;
  letter-spacing: 0.2em;
  text-align: center;
  width: 8em;
  height: 100%;
}

#news .text {
  display: block;
  color: #64B6D5;
  width: 95%;
  margin: 0 auto 7px auto;
}

#past_news {
  display: none;
}

.accordion_btn {
  border-bottom: dotted 2px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.accordion_btn:after {
  content: '≫';
}

/* Twitter埋め込み*/
#twit {
  width: 70%;
  margin: 20px auto;
}

/* 全体テーブル調整 */
table {
  display: table;
  border-collapse: collapse;
  width: 100%;
  margin: 10px auto 20px auto;
}

table th,tr,td {
  padding: 10px;
}

table th {
  table-layout: auto;
  text-align: center;
  color: #fff;
  background-color: #48a3a7;
  border: 1px solid #ddd;
}

table tr,td {
  table-layout: auto;
  text-align: left;
  border: 1px solid #ddd;
}

table td a {
  display: block;
  text-decoration: none;
}

table td a:link {
  color: #fff;
}

table td a:visited {
  color: #fff;
}

/* 西部PDブロック行事予定・ラベルの色指定 */
.event_label1 {  /* 赤 */
  background-color: #F40008;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 7px 0;
}
.event_label1::before{
  content: "競技会";
}

.event_label2 {  /* 橙 */
  background-color: #E66826;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 7px 0;
}
.event_label2::before {
  content: "T&S";
}

.event_label3 {  /* 藍 */
  background-color: #355BB6;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 7px 0;
}
.event_label3::before {
  content: "講習・試験";
}

.event_label4 {  /* 黒 */
  background-color: #000000;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 7px 0;
}
.event_label4::before {
  content: "イベント";
}

.event_label5 {  /* 緑 */
  background-color: #2CB050;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 7px 0;
}
.event_label5::before {
  content: "オフィシャル";
}

.event_label6 {  /* 紫 */
  background-color: #7030A0;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 7px 0;
}
.event_label6::before {
  content: "全国競技会";
}

/* 名刺作成フォーム */
.namecard {
  width: 45%;
  float: left;
}
.namecard_img {
  text-align: center;
  padding: 10px;
}

.namecard_img img {
  width: 70%;
}

.card_form_btn {
  text-align: center;
}

.card_form_btn img {
  width: 80%;
}

/* PDアプリの紹介 */
.application {
  width: 45%;
  float: right;
}

.application_img {
  text-align: center;
}

.app_icon_img img {
  width: 20%;
  float: right;
}

.app_qr {
  text-align: center;
  margin: 10px;
}

.app_qr img {
  width: 80%;
}