﻿body {
	font-family: "Helvetica Neue",
	Arial,
	"Hiragino Kaku Gothic ProN",
	"Hiragino Sans",
	Meiryo,
	sans-serif;
	margin: 0;
}
/*色変更*/
.a_red { color: #FF0000; }
.a_blue { color: #0051D8; }
.a_yellow { color: #DAAC12; }
.a_orange { color: #D85600; }
.a_pink { color: #D80084; }
.a_green{ color: #28A900; }
.a_purple { color: #6C007C; }
.a_white{ color: #FFF; }
.a_machida{ color: #01236d; }
.a_lightblue{ color: #40AAD7; }
.a_brown{ color: #810800; }
.a_line { color: #06c755; }
.a_kawasaki { color: #9A1117;}
.a_gold { color:#917C50; }
.a_dream { color: #303967; }
/* 文字装飾 */
.font_10 { font-size: 10px; }
.font_12 { font-size: 12px; }
.font_14 { font-size: 14px; }
.font_16 { font-size: 16px; }
.font_18 { font-size: 18px; }
.font_20 { font-size: 20px; }
.font_22 { font-size: 22px; }
.font_24 { font-size: 24px; }

/* レイアウトリセット */
dl,dt,dd,form {
	margin: 0; padding: 0; display: block;
}
ul,ul li { margin: 0; padding: 0; display: block;}
/* シングル記事「次の記事へ」「前の記事へ」 2023.10.12*/
.s_box {
	width: 80%;
	margin: 20px auto;
}
.pre_box{
	float: left;
}
.next_box{
	float: right;
}
/*画像修正*/
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
/* リンク設定 */
a:hover img{
	opacity:0.6;
	-moz-opacity:0.5;
	filter:alpha(opacity = 50);
	transition:all 0.7s ease;
}
a {
	color: #303967;
	text-decoration: underline;
}
a:visited {
	color: #303967;
}
a:hover {
	color: #E60012;
	text-decoration: underline;
}
/* メイン背景 */
.main_eee {
	background: #EEE;
}
/* カレント表示 */
.map_now {
	font-size: 13px;
	margin: 20px 0;
}
.map_now a {
	text-decoration: none;
}
.breadcrumb {
	list-style: none;
	padding: 0;
	display: flex;
	margin-bottom: 20px;
}

.breadcrumb li {
  margin-right: 5px;
}

.breadcrumb li a {
  text-decoration: none;
}

.breadcrumb li.active {
}
.breadcrumb li::after {
  content: ">";
  margin-left: 5px;
}

.breadcrumb li:last-child::after {
  content: "";
}
/* タイトル */
.ttl_01 {
	background: #EEE;
	font-weight: bold;
	color: #303967;
	font-size: 16px;
	padding: 5px 0 5px 15px;
	border-left: 10px solid #303967;
	box-sizing: border-box;
	border-bottom: 1px solid #303967;
	margin: 10px 0;
}
.info_01 {
	font-weight: bold;
	font-size: 16px;
	margin: 10px 0;
	padding: 5px 0 5px 15px;
	box-sizing: border-box;
	border-left: 10px solid #303967;
}

/* カテゴリー */
.info_category_ttl {
	font-weight: bold;
}
.info_category_day {
	color: #AAA;
	font-size: 12px;
	padding-right: 5px;
}
.info_category_comment {
	font-size: 13px;
	border-bottom: 1px dotted #AAA;
	margin-bottom: 10px;
}
/* お知らせ */
.dl_info { margin: 10px 0; }
.dl_info dl dt {
	padding: 10px 0;
	border-bottom: 1px dotted #150c15;
}
.news_day { padding-right: 10px; }
.news_cate {
	width: 80px;
	padding: 0 5px;
	background: #303967;
	color: #FFF;
	box-sizing: border-box;
	font-size: 12px;
}
.news_main { padding-left: 10px; }
.news_new {
	color: #FF0000;
	font-weight: bold;
	padding-left: 10px;
}
/* もっと見る */
.read_more {
	float: right;
	font-size: 12px;
}
.read_more a {
	color: #000;
	text-decoration: none;
}
.read_more i {
	color: #004C83;
	padding-left: 7px;
	padding-right: 12px;
}
.read_more :hover i {
	padding-left: 12px;
	padding-right: 7px;
}
/* 大会情報 */
.tag_day:first-letter {
	visibility: hidden;
}
.tag_hid:first-letter {
	visibility: hidden;
}
.tag_day2:first-letter {
	visibility: hidden;
}
.tag_hid2:first-letter {
	visibility: hidden;
}
/* 入会フロー */
.flow_design05 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flow05 {
  padding-left: 0;
}

.flow05 > li {
  list-style-type: none;
  position: relative;
  padding-left: 50px;
}

.flow05 > li:not(:last-child) {
  padding-bottom: 10px;
}

.flow05 > li .icon05 {
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  border-radius: 100vh;
  display: inline-block;
  background: #303967;
  color: #fff;
  position: absolute;
  left: 0;
}

.flow05 > li:not(:last-child)::before {
  content: '';
  background: #EEE;
  width: 4px;
  height: 100%;
  position: absolute;
  top: calc(50% - -30px);
  left: 19px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.flow05 > li dl dt {
  font-size: 16px;
  font-weight: bold;
  color: #303967;
}

.flow05 > li dl dd {
  margin-left: 0;
}
/* クラブについて */
.club_left {
	padding: 10px;
	float: left;
	box-sizing: border-box;
	background: #EEE;
}
.club_left_ttl {
	width: 100%;
	margin: 10px 0;
	padding: 5px;
	text-align: center;
	box-sizing: border-box;
	background: #303967;
	color: #FFF;
}
.club_left_ttl span {
	display: block;
}
.club_center {
	padding: 10px;
	float: left;
	box-sizing: border-box;
	background: #EEE;
}
.club_center_ttl {
	width: 100%;
	margin: 10px 0;
	padding: 5px;
	text-align: center;
	box-sizing: border-box;
	background: #FFE200;
	color: #FFF;
}
.club_center_ttl span {
	display: block;
}
.club_right {
	padding: 10px;
	float: left;
	box-sizing: border-box;
	background: #EEE;
}
.club_right_ttl {
	width: 100%;
	margin: 10px 0;
	padding: 5px;
	text-align: center;
	box-sizing: border-box;
	background: #E60012;
	color: #FFF;
}
.club_right_ttl span {
	display: block;
}
/* テーブルデザイン */
.guide_table {
	background: #150C15;
	cellspasing: 0;
	border-collapse:  collapse; /* セルの線を重ねる */
	border: 1px solid #150C15;
	width: 100%;
	box-sizing: border-box;
	font-size: 13px;
}
.guide_table th {
	background: #EEE ;
	box-sizing: border-box;
	padding: 5px;
	border: 1px solid #150C15;
}
.guide_table td {
	background: #FFF;
	box-sizing: border-box;
	padding: 5px;
	border: 1px solid #150C15;
}
.guide_table td i {
	padding: 0 5px ;
}
/* 入会案内 */
.sat {
	background: #3B69B2;
	padding: 0 5px;
	font-size: 12px;
	color: #FFF;
	border-radius: 5px;
	margin-right: 5px;
}
.sat_ath {
	background: #3B69B2;
	padding: 0 8px;
	font-size: 12px;
	color: #FFF;
	border-radius: 5px;
	margin-right: 5px;
}
.sun {
	background: #C03647;
	padding: 0 5px;
	font-size: 12px;
	color: #FFF;
	border-radius: 5px;
	margin-right: 5px;
}
.sun_ath {
	background: #C03647;
	padding: 0 8px;
	font-size: 12px;
	color: #FFF;
	border-radius: 5px;
	margin-right: 5px;
}
.fri {
	background: #D3C82E;
	padding: 0 5px;
	font-size: 12px;
	color: #FFF;
	border-radius: 5px;
	margin-right: 5px;
}
.fri_ath {
	background: #D3C82E;
	padding: 0 8px;
	font-size: 12px;
	color: #FFF;
	border-radius: 5px;
	margin-right: 5px;
}
/* サイトマップ */
.sitemap ul li ul {
  margin-top: .5em;
  margin-bottom: .75em;
  margin-left: 48px;
}
 
.sitemap ul li ul li {
  margin-bottom: .25em;
  position: relative;
}
 
.sitemap ul li ul li::before {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -16px;
  width: 10px;
  height: calc(100% + .75em);
  border-left: 1px solid #150C15;
}
 
.sitemap ul li ul li:last-child::before {
  height: calc(1em + .25em);
}
 
.sitemap ul li ul li::after {
  content: "";
  position: absolute;
  top: .75em;
  left: -16px;
  width: 10px;
  border-bottom: 1px solid #150C15;
}

/* 練習拠点 */
.place_guide {
	font-size: 14px;
	color: #303967;
	font-weight: bold;
}
.place {
	margin: 30px 0;
}

.place li {
	margin: 10px 0;
}

.place li i {
	padding-right: 5px;
	color: #303967;
}

/* 入会案内 */
.guide_free {
	width: 200px;
	background: #303967;
	color: #FFE200;
	margin: 30px auto;
	text-align: center;
	border-radius: 5px;
	padding: 5px;
	font-weight: bold;
	box-sizing: border-box;
}
.guide_free a {
	color: #FFF;
}
.guide_free a:hover {
	color: #E60012;
}
/* よくある質問 */
.qa-7 {
    max-width: 500px;
    margin: 10px auto;
    border: none;
    border-radius: 5px;
    box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);
    background-color: #fff;
}

.qa-7 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.qa-7 summary::before,
.qa-7 p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa-7 summary::before {
    color: #75bbff;
    content: "Q";
}

.qa-7 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
}

.qa-7[open] summary::after {
    transform: rotate(225deg);
}

.qa-7 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
}

.qa-7[open] p {
    transform: none;
    opacity: 1;
}

.qa-7 p::before {
    color: #ff8d8d;
    line-height: 1.2;
    content: "A";
}

/*アイコン設定*/
.hissu_icon {
	margin-right: 5px;
	padding: 0 5px;
	color: #FFF;
	background: #FF4500;
	font-size: 10px;
	border-radius: 5px;
}
.nini_icon {
	margin-right: 5px;
	padding: 0 5px;
	color: #FFF;
	background: #228B22;
	font-size: 10px;
	border-radius: 5px;
}
/* 入力画面デザイン */
input[type=text] {
	border: none;
	border-radius: 3px;
	background: #ddf0ff;
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	margin: 8px 0;
	padding: 0.3em;
	transition: 0.3s;
	border: 1px solid #1b2538;
	border-radius: 4px;
	outline: none;
}
input[type=text]:focus {
	border-color: #da3c41;
	color: #da3c41;
}

input[type=radio] {
	margin-bottom: 10px;}

input[type=date] {
	padding: 10px 10px;
	background: #ddf0ff;
	border: 1px solid #1b2538;
	border-radius: 4px;
}

input[name=btn_confirm],
input[name=btn_submit],
input[name=btn_back] {
	margin: 20px;
	padding: 5px 20px;
	font-size: 100%;
	color: #fff;
	background: #150C15;
	border-radius: 3px;
	border: none;
}

input[name=btn_confirm]:hover,
input[name=btn_submit]:hover,
input[name=btn_back]:hover {
	background: #9F1117;
}

::placeholder {
	color: #CCC;
	font-size: 12px;
}
select {
	box-sizing: border-box;
	margin: 8px 0;
	padding: 0.5em;
	transition: 0.3s;
	border: 1px solid #1b2538;
	border-radius: 4px;
	outline: none;
}
textarea {
	padding: 5px 10px;
	width: 100%;
	height: 100px;
	box-sizing: border-box;
	border: none;
	border-radius: 3px;
	background: #ddf0ff;
	font: 15px/24px sans-serif;
	border: 1px solid #1b2538;
}

textarea:focus {
	border: 1px solid #da3c41;
	color: #da3c41;
}

textarea.remarks { width:100%; height: 120px;}

input[name=btn_back] {
	margin-right: 20px;
	box-shadow: 0 3px 0 #777;
	background: #999;
}

.element_wrap {
	margin-bottom: 10px;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	text-align: left;
}


/*お知らせ設定*/
.notice_mess {
	width: 100%;
	color: #FF0000;
	box-sizing: border-box;
	border: solid 1px #FF0000;
	padding: 5px 10px;
	font-size: 12px;
	margin:5px 0;
}
.notice_mess_strong {
	width: 100%;
	color: #FF0000;
	box-sizing: border-box;
	border: solid 1px #FF0000;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: bold;
	margin:5px 0;
	background: #FFC0CB;
}
.notice_box {
	width: 100%;
	box-sizing: border-box;
	border: 2px dotted #303967;
	padding: 5px 10px;
	font-size: 12px;
	margin:5px 0;
}
/* ボックス */
.box_eee {
	padding: 10px;
	box-sizing: border-box;
	background: #EEE;
}
/* ページトップ */
#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
}
.pagetop_arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
}
#page-top a {
    background: #303967;
    text-decoration: none;
    color: #ffe200;
    width: 44px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 50%;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
#page-top a:hover {
    text-decoration: none;
    background: #000;
	color: #ffe200;
}
/* クリア属性 */
.clear { clear: both; }  
.clear hr { display: none; }
dl,dt,dd,form {
	margin: 0; padding: 0; display: block;
}
