@charset "UTF-8";/* CSS変数の宣言 */
/* サブページで、テンプレートで対応しきれないスタイルをこちらに記入します。ASのみ書き込み可能 */
body{
	min-width:375px;}

input{/* フォント設定 ゴシック体 */
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans", Meiryo, sans-serif;}

@media(min-width:999px){
	#page-title{
		background-image:url(../images/bg_main-title_dragon.png);
		background-position:left 700px center;
		background-repeat:no-repeat;
		background-size:contain;}}

@media(min-width:768px) and (max-width:998.9px){
	#page-title{
		background-image:url(../images/bg_main-title_dragon.png);
		background-position:left 600px center;
		background-repeat:no-repeat;
		background-size:contain;}}

h1::before{
	content:"";
	display:inline-block;
	width:1.5em;
	height:1.2em;
	background:transparent url(../images/ico_okinawa-karate.png) center bottom no-repeat;
	background-size:contain;
	vertical-align:middle;
	vertical-align:-0.25em;}


#cont3 h3 {
  /* width: 50%; */
  color: var(--accentColor);
  display: inline-block;
  /* border-bottom: solid 5px var(--accentColor); */
 	background:transparent url(../images/line.png) left bottom no-repeat; 
	background-size:contain;
  margin: 0 0 40px 30px;
  padding: 2px 1.0em 2px 10px;
}

#cont3 h3:before {
  margin-right: 20px;
  content: url(../images/person.png);
  position: relative;
  top: 5px;
  
}

/*
#cont3 h3 {
  color: var(--accentColor);
  border-left: solid 7px var(--accentColor);
  margin: 0 0 40px 30px;
  padding: 2px 0 2px 20px;
}
*/



/*-----【武具】サムネイルの掲載順序-----*/
table.tbl-kata-shurui{
	border-collapse:collapse;
	border-spacing:0;
	margin-left: 4rem;
	width: 30%;
	min-width:230px;}

table.tbl-kata-shurui th, table.tbl-kata-shurui td{
	/*border:1px solid #333;*/
	padding:0.5em;}

table.tbl-kata-shurui th{}
table.tbl-kata-shurui td{
	text-align:right;}


/*奇数行（※一行目がthの場合、実質偶数行となる）*/
table tr:nth-child(odd) td {
/*	background: yellow;*/}


/*偶数行（※一行目がthの場合、実質奇数行となる）*/
table tr:nth-child(even) td {
/*	background: hotpink;*/}

footer{
	padding-top:2rem;
	margin-top:0;
	background-color:#1E1E1E;/*黒*/}

footer nav#footer-links a:link, footer nav#footer-links a:visited{
	color:#FFF;
/*	text-decoration:underline;*/}

footer nav#footer-links a:hover, footer nav#footer-links a:active{
	color:#FFF;
	opacity:1;
	text-decoration:underline;}

button#sns-btn img{
	opacity:0.8;}

footer a{
	color:#23527C;}


@media (max-width:575px) {
    #cont3 h3 {
      font-size: 1.3rem
    }
    #cont3 h3:before {
      content: none
    }
}