@charset "utf-8";
@import url("./reset.css");

/* デフォルト */
* {
	line-height: 160%;
}
html {
	font-size: 62.5%;	/* 10px */
	line-height: 160%;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.5rem;	/* 16px */
	color: #333;
	text-align: center;
}
a:visited {
	color: blue;
}
a img:hover {
	opacity: .8;
}
p {
	text-align: left;
}
img {
	border: none;
}
small {
	font-size: 1.2rem;
}
.br-u400,
.br-u450,
.br-u500 {
	display:inline;
}
.fclear,
.clearboth {
	float: none;
	clear: both;
}
.clearfix::after{
	display: block;
	content: "";
	clear: both;
}
.boldred {
	font-weight: bold;
	color: red;
}
.boldblack {
	font-weight: bold;
	color: black;
}
.textunderline {
	text-decoration: underline;
}
/* ========================================  右リンク */
ul.toInfo {
	float: none;
	clear: both;
	margin: 20px 0;
	text-align: right;
	list-style-type: none;
	padding-top: 10px;
}
ul.toInfo li a {
	padding: 10px 10px 10px 10px;
	border: 1px solid #333;
	border-radius: 5px;
	box-shadow: 0 0 0.1em rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 0.1em rgba(0,0,0,0.4);
	background: linear-gradient(to bottom, #eaeaea, #c5c5c5);
	background: -webkit-gradient(liner, left top, left bottom,from(#eaeaea),to(#c5c5c5));
}
ul.toInfo li {
	margin-bottom: 30px;
}
ul.pastlist {
	text-align: center;
}
/* ========================================  Image関係 */
.imgLine,
.imgM600,
.imgM200y3 {
	margin: 0 0 5px 0;
}
.imgLine img,
.imgM600 img,
.imgM200y3 img {
	float: left;
	margin: 0 1px 1px 0;
}
.imgLine img.imgW100 {
	width: calc(7.64rem + ((1vw - 0.32rem) * 25.1111));
	max-width: 99px;
}
.imgM600.
.imgM200y3 {
	width : 100%;
	max-width: 600px;
}
.imgM600 img.imgW100 {
	width: calc(5.06rem + ((1vw - 0.32rem) * 16.5517));	/* 51-99:320-610px */
	max-width: 99px;
}
.imgM600 img.imgW120 {
	width: calc(6.1rem + ((1vw - 0.32rem) * 20));	/* 61-119:320-610px */
	max-width: 119px;
}
.imgM600 img.imgW150 {
	width: calc(7.65rem + ((1vw - 0.32rem) * 25));	/* 76.5-149:320-610px */
	max-width: 149px;
}
.imgM600 img.imgW200,
.imgM200y3 img {
	width: calc(10.23rem + ((1vw - 0.32rem) * 33.1034));	/* 102-199:320-610px */
	max-width: 199px;
}
.imgM600 img.imgW400 {
	width: calc(20.46rem + ((1vw - 0.32rem) * 66.2068));	/* 204-399:320-610px */
	max-width: 399px;
}
.imgF200y3,
.imgL150y4 {
	margin: 0 0 5px 0;
	width: 100%;
}
.imgF200y3 img {
	float: left;
	margin: 0 1px 1px 0;
	width: calc(33.33% - 1px);
	max-width: 259px;
}
.imgL150y4 img {
	float: left;
	margin: 0 1px 1px 0;
	width: calc(25% - 1px);
	max-width: 194px;
}
.imgM100y4 {
	margin: 0 0 5px 0;
	width: 100%;
	max-width: 400px;
}
.imgM100y4 img {
	float: left;
	margin: 0 1px 1px 0;
	width: calc(7.65rem + ((1vw - 0.32rem) * 25));	/* 77.5-99px:320-410px */
	max-width: 99px;
}
/* */
.imgL150,
.imgL150y2,
.imgL150y3,
.imgL200,
.imgL200y2,
.imgL200t2 {
	float: left;
	margin: 0 5px 3px 0;
}
.imgR150,
.imgR150y2,
.imgR200,
.imgR200t2 {
	float: right;
	margin: 0 0 3px 5px;
}
/* */
.imgL150,
.imgR150 {
	width: calc(10.2rem + ((1vw - 0.32rem) * 17.2414));	/* 102-152px:320-610px */
	max-width: 152px;
}
.imgL150y2,
.imgR150y2 {
	width: calc(15.2rem + ((1vw - 0.32rem) * 51.7241));	/* 152-302px:320-610px */
	max-width: 302px;
}
.imgL150y3 {
	width: calc(30.3rem + ((1vw - 0.32rem) * 51.7241));	/* 302-452px:320-610px */
	max-width: 452px;
}
.imgL200,
.imgL200t2,
.imgR200,
.imgR200t2 {
	width: calc(10.2rem + ((1vw - 0.32rem) * 34.4828));	/* 102-202px:320-610px */
	max-width: 202px;
}
.imgL200y2 {
	width: calc(15.2rem + ((1vw - 0.32rem) * 86.2069));	/* 152-402px:320-610px */
	max-width: 402px;
}
/* */
.imgL150 img,
.imgL150y3 img,
.imgR150 img {
	width: calc(9.9rem + ((1vw - 0.32rem) * 17.2414));	/* 99-149px:320-610px */
	max-width: 149px;
}
.imgL150y2 img,
.imgR150y2 img {
	width: calc(7.5rem + ((1vw - 0.32rem) * 24.6897));	/* 75-149px:320-610px */
	max-width: 149px;
}
.imgL200 img,
.imgL200t2 img,
.imgR200 img,
.imgR200t2 img {
	width: calc(9.9rem + ((1vw - 0.32rem) * 34.4828));	/* 99-199px:320-610px */
	max-width: 199px;
}
.imgL200y2 img {
	width: calc(7.5rem + ((1vw - 0.32rem) * 42.7586));	/* 75-199px:320-610px */
	max-width: 199px;
}
/* */
.imgL150 img,
.imgL150y2 img,
.imgL150y3 img,
.imgL150t2 img,
.imgL200 img,
.imgL200y2 img,
.imgL200t2 img {
	float: left;
	margin: 0 1px 1px 0;
}
.imgR150 img,
.imgR150y2 img,
.imgR200 img,
.imgR200t2 img {
	float: right;
	margin: 0 0 1px 1px;
}
/* */
/* img.imgW100 {
	float: left;
	width: calc(7.64rem + ((1vw - 0.32rem) * 25.1111));
	max-width: 99px;
	margin: 0 1px 1px 0;
}
img.imgW120 {
	float: left;
	width: 19.8%;
	max-width: 199px;
	margin: 0 1px 1px 0;
}
img.imgW150 {
	float: left;
	width: 24.8%;
	max-width: 149px;
	margin: 0 1px 1px 0;
}
img.imgW200 {
	float: left;
	width: 32%;
	max-width: 199px;
	margin: 0 1px 1px 0;
}
img.imgW400 {
	float: left;
	width: 66.5%;
	max-width: 399px;
	margin: 0 1px 1px 0;
}	*/

h1 {	/* 本文見出し1 */
	margin: 5px 0 20px 0;	/* 下20px */
	background-color: #0850B2;
	padding: 5px 20px;
	font-size: 1.8rem;
	color: white;
	text-align: left;
}
.h2like,
h2 { /* 本文見出し2 */
	clear:left;
	margin: 0 0 20px 0;	/* 下20px */
	border-left: 5px solid #0850B2;
	border-right: 5px solid #0850B2;
	border-bottom: 1px solid #CCC;
	background-color: #EFEFEF;
	padding: 11px 7px 6px 7px;
	font-size: 1.8rem;
	font-weight: bold;
	color:#0850B2;
}
.h2like .h2likeL {
	float: left;
	text-align: left;
}
.h2like .h2likeR {
	float: right;
	text-align: right;
}
h3 { /* 本文の見出し3 */
	margin: 0 0 10px 0;	/* 下10px */
	border-left:   5px solid #336699;
	border-bottom: 1px solid #CCCCCC;
	background-color: #F6F6F6;
	padding: 7px 0px 3px 7px;
	font-size: 1.5rem;
}

/* ========================================  #page */
#page {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 800px;
	background-color:#FFF;	/* 背景色：白 */
	overflow: hidden;
}

/* ========================================  #header */
#header {
	float: none;
	clear: both;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 5px 0 0;
	border-top: 5px solid #333;
}
#headertitle {
	float: left;
	text-align: left;
	width: calc(100vw - 80px);	/* 右80px(menu)空け */
	max-width: 550px;
	margin-bottom: -3px;
	margin-left: 3px;
}
#headertitle img {
	width: 100%;
	max-width: 550px;
}
#headerimage {
	margin: 2px 0 0 0;
	border-top: 2px solid #666;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#headerimage img {
	margin: 0 auto -8px;
	width: 100%;
	max-width: 798px;
}

/* ========================================  #menu 画面右 */
#menu {
	position: absolute;
	top: calc(1rem + ((1vw - 0.32rem) *3.871));	/* 10-22px:320-630px */
	right: 5px;
	left: auto;
}
.nav-unshown {	/*チェックボックス等は非表示に*/
	display: none;
}
#nav-open1,
#nav-open1 span {
	display: inline-block;
/*	transition: all .4s;	*/
	box-sizing: border-box;
}
#nav-open1 {
	position: relative;
	border: 2px solid #333;
	border-radius: 4px;
	width:  calc(3.5rem + ((1vw - 0.32rem) *4.8387));	/* 35px-50px:320-630px */
	height: calc(3.5rem + ((1vw - 0.32rem) *4.8387));
}
#nav-open1 span {
	position: absolute;
	left: 5px;
	width: calc(2.1rem + ((1vw - 0.32rem) *4.8387));	/* 21-36px:320-630px */
	height: 3px;
	background-color: #333;
	border-radius: 4px;
}
#nav-open1::after {
		position: absolute;
		left: 0;
		top: calc(1.7rem + ((1vw - 0.4rem) *3.913));	/* 17-26px:400-630px */
		content: 'MENU';
		display: none;
		width: 100%;
		color: #333;
		font-size: 10px;
		text-decoration: none;
		text-align: center;
		white-space: nowrap;
	}
#nav-open1 span:nth-of-type(1) {
	top: calc(0.6rem + ((1vw - 0.32rem) *0.9677));	/* 6-9px:320-630px */
}
#nav-open1 span:nth-of-type(2) {
	top: calc(1.4rem + ((1vw - 0.32rem) *2.5806));	/* 14-22px:320-630px */
}
#nav-open1 span:nth-of-type(3) {
	top: calc(2.2rem + ((1vw - 0.32rem) *4.1935));	/* 22-35px:320-630px */
}
#nav-close {	/*閉じる用の薄黒カバー*/
	display: none;	/*はじめは隠しておく*/
	position: fixed;
	z-index: 99;
	top: 0;	/*全体に広がるように*/
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
/*	transition: .3s ease-in-out;	*/
}
#nav-content {	/*メニュー中身*/
	overflow: auto;
	position: fixed;
	top: 0;
/*	top: calc(5rem + ((1vw - 0.32rem) *8.0645));	/* 50-75px:320-630px */
	right: 0;
	z-index: 999;	/*最前面に*/
	width: 180px;	/*左側に隙間を作る*/
	height: 100%;
	background-color: #fff;
/*	transition: .3s ease-in-out;	/*滑らかに表示*/
	-webkit-transform: translateX(105%);
	transform: translateX(105%);	/*左に隠しておく*/
}
/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
	display: block;	/*薄黒カバーを表示*/
	opacity: .5;
}
#nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);	/*中身を表示（右へスライド）*/
/*	box-shadow: 6px 0 25px rgba(0,0,0,.15);	*/
}
/* メニュー本体デザイン */
.subMenu {
	margin: 0 0 10px 0;
}
.subMenu ul {
	list-style-type: none;
}
.subMenu ul li {
	margin: 1px 0 0;
	color: #0850B2;
	text-align: left;
}
.subMenu ul li.MenuBreak{
	border-top: 5px solid #0850B2;
}
.subMenu ul li a {
	display: block;
	border-left: 5px solid #0850B2;
	border-bottom: 1px solid #CCCCCC;
/*	border-right: 7px solid #CCCCCC;	*/
	padding: 10px 10px;
	background-color: #F0F6FD;
}
.subMenu ul li a:hover {
	border-bottom: 1px solid #1C64C6;
/*	border-right:   7px solid #1C64C6;	*/
	background-color: #3078DA;
	color: #FFF;
}
.subMenu ul li a.nowthis {
	border-bottom: 1px solid #1C64C6;
/*	border-right: 7px solid #1C64C6;	*/
	background-color: #58A0FF;
	color: #FFF;
	font-weight: bold;
}
.subMenu ul li a.Lv2 {
	margin: 1px 0px 0px 5px;	/* 上1px,左5px */
}

/* ========================================  #pageTop 上へ戻る */
#pageTop {
	position: fixed;
	bottom: 10px;
	right: 0px;
}
#pageTop a {
	display: block;
	z-index: 900;
	border-radius: 50%;
	width:  38px;
	height: 38px;
	font-size: 2.4rem;
	background-color: #333;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	opacity: 0.5;
}
#pageTop a:hover {
	text-decoration: none;
	opacity: 0.9;
}

/* ========================================  #foot 画面下部 */
#footer {
	clear: both;
	border-top: 1px solid #999;
	border-bottom: 5px solid #666;
	background-color: #FFF;	/* 背景色：白 */
	text-align: center;
	font-size: 1.4rem;
	padding: 5px 0 3px;
}

/* ========================================  #main 画面右・中 */
#main {
/*	float: right;	*/
	margin: 0 0 30px;
	width: 100%;
}
.h1Box {
	margin-bottom: 20px;
	padding: 0 5px 0;
	font-size: 1.5rem;
}
.section2 {
	margin-bottom: 20px;
}
.h2Box {
	margin: 0 10px 20px;
	padding: 10px 0px 10px;
}
.h2Img img {
}
/* ========================================  #home トップページ */
#home h1 {
	margin-bottom: 8px;
	font-size: calc(1.6rem + ((1vw - 0.32rem) * 2.222));	/* 1.6~2.0rem:320~500px */
}
.HomeBox {
	margin: 0px 5px 15px;
}
.HomeBox .h1Msg {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 140%;
	margin-bottom: 5px;
}
.HomeBox .h1Img img {
	width: 98%;
	max-width: 500px;
}
.HomeBox .h1Txt {
	margin-top: -4px;
	margin-bottom: 5px;
}
.HomeBox .DojoName {
	display: block;
	color: #000;
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: -5px;
}
.HomeBox .DojoAddr {
	display: block;
	color: #FF3300;
	font-size: 1.7rem;
	vertical-align: 0.35rem;
}
/***	Banner		***/
.Banner .h2Box {
	margin: -10px 10px -5px;
	padding: 10px 0 10px;
}
.Banner .h2Img img {
	width: 100%;
	max-width: 600px;
}
.Banner .h2Txt {
	margin-top: -5px;
	line-height: 110%;
}
/***	DojoGuide	***/
.DojoGuide .h2Box,
.Contact .h2Box {
	border: 1px solid #ccc;
}
.DojoGuide img,
.Tsushin img {
	width: 100%;
	max-width: 400px;
}
.DojoGuide .h2Img {
	padding: 0px 10px 0px;
}
.Contact .h2Box {
	padding: 10px 0px 20px 0;
}
.Contact .type2 {
	padding-bottom: 10px;
}
.Contact .h2Txt {
	padding: 5px;
	font-size: 1.4rem;
	font-weight: bold;
}
.Contact .h2Btn1,
.Contact .h2Btn2,
.Contact .h2Btn3 {
  display: inline-block;
  width: 86%;
  max-width: 400px;
  border: 4px solid #fff;
  background: linear-gradient(#f60, #f90);
	box-shadow: 0 0 1px 1px #000;
  font-size: 1.6rem;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 5px;
  border-radius: 4px;
/*  transition: .4s; */
}
.Contact .h2Btn2 {
  background: linear-gradient(#0c0, #6c6);
}
.Contact .h2Btn3 {
  background: linear-gradient(#0c0, #6c6);
}
.Contact a .h2Btn1:hover,
.Contact a .h2Btn2:hover,
.Contact a .h2Btn3:hover {
	opacity: .8;
/*	background: linear-gradient(#fff, #fff);
	border-color: #3c0;
	color: #333;	*/
}
.Contact .TelNumber,
.Contact .EMailAddr {
	font-size: 2.0rem;
	font-weight: bold;
}
.Tsushin .h2Box {
	border: 1px solid #ccc;
}
.Tsushin .h2Img {
	padding: 0 10px 0;
}
.Tsushin .type1 .h2Txt {
	display: inline-block;
	max-width: 410px;
	font-size: 1.5rem;
	margin-bottom: 5px;
}
.Tsushin img.img800x300 {
	border-radius: 5px;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, .5);
}
.Tsushin img.img400x100 {
	width: 100%;
	max-width: 400px;
}
.Tsushin .h2TxtSns {
	font-size: calc(1.2rem + ((1vw - 0.32rem) * 3.75));
	font-weight: bold;
	padding: 5px 0 10px;
}
.snsLinkBtn a img {
	margin: 0 5px;
	width: 50px;
}
.iconLink {
	margin: 10px 5px;
}

/* ========================================  #DojoGuide 道場紹介 */
.DojoMap {
	margin: 5px 0 10px 0;
	width: 100%;
	height: 200px;
}
.DojoDetail {	/* 道場詳細 */
	margin-top: 10px;
	width: 100%;
}
.DojoDetail td {
	padding: 5px;
	border: 1px solid #999;
	text-align: left;
	font-size: 1.5rem;
}
.DojoDetail td.td1 {
	background-color: #d8c8a0;
	width: 80px;
}
.DojoTime {
	width: 100%;
}
.DojoTime th {
	text-align: left;
}
.DojoTime td {
	width: 50%;
	background-color: #ebebeb;
}
.DojoTime3 td {
	width: 32%;
}
.EntryFees {	/* 入会時の費用 */
	margin: -5px 0 0 0;
	width: 100%;
}
.EntryFees td {
	padding: 5px;
	border: 1px solid #999;
	text-align: left;
	font-size: 1.5rem;
}
.EntryFees td.td1 {
	background-color: #d8c8a0;
	width: 20%;
}
.EntryFees td.td2 {
	width: 22%;
	text-align: right;
}

.ClassGuide {
	width: 100%;
	text-align: left;
}
.ClassGuide .td1 {
	padding: 5px 0 3px;
	background-color: #d8c8a0;
	border: 1px solid #999;
	font-weight: bold;
}
.ClassGuide .td2 {
	padding: 5px 2px 5px 10px;
}

/* ========================================  #BlackBelt 黒帯紹介 */
#BlackBelt h3 {
	text-align: left;
}
.profbox {
	margin: 0 0 15px 0;
}
.profcomment {
	text-align: left;
	font-size: 1.5rem;
	padding: 0 0 5px 10px;
	line-height: 170%;
}
.profcomment ul {
	margin-left: 20px;
}

/* ========================================  #link 外部リンク */
#link .h2Box {
	padding-top: 0;
}
table.outlink {
/*	margin-top: 20px;	*/
	width: 100%;
	margin-bottom: 20px;
}
table.outlink td {
	border: 1px solid #000;
	padding: 2px 5px;
	font-size: calc(1.2rem + ((1vw - 0.32rem) * 1.6667));	/* 12-15rem:320-500px */
	text-align: left;
}
table.outlink td.linkheader {
	background-color: #d8c8a0;
	width: 100%;
	text-align: center;
}
table.outlink td.cheef {
	min-width: 125px;
}
table.outlink td.branch {
	padding-left: 20px;
}

/* ========================================  #tsushin 道場通信 */
.listRowLink {
	margin: 0 5px 10px 5px;
	text-align: left;
}
.listRowLink ul {
	display: block;
	border: 1px solid #999;
	border-radius: 5px;
}
.listRowLink li {
	display: list-item;
	list-style: none;
	border-top: 1px solid #999;
}
.listRowLink li:first-child {
	border-top: 0px solid #999;
}
.listRowLink li a {
	overflow: hidden;
	display: block;
	position: relative;
	padding: 8px 12px 8px 5px;
	color: #333;
	text-decoration: none;
}
.listRowLink li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 6px;
	width: 6px;
	height: 6px;
	border-top: 3px solid #666;
	border-right: 3px solid #666;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.listRowlink li a:hover {
	background-color: #ccc;
	text-decoration: underline;
}
.listRowLink dl {
	overflow: hidden;
}
.listRowLink dl dd {
	padding: 0 0 0 10px;
}
.listRowLink .subText {
	padding: left;
	color: #444;
	font-size: 1.2rem;
}
.listRowLink .title {
	margin-bottom: 2px;
	line-height: 1.25;
	font-size: 1.6rem;
	font-weight: bold;
	color: #555;
	word-break: break-all;
	word-wrap: break-word;
	padding-right: 5px;
}

/* ========================================  #FAQ よくある質問 */
#faq .h2Box {
	margin: 5px 5px 5px 5px;;;
}
.tbFaq {
	width: 100%;
}
.trQ,
.trA {
	border: 1px solid #333;
	text-align: left;
}
.trQ {
	background-color: #58a0ff;
	color: #fff;
}
.trA {
	background-color: #d2D8DF;
}
.trS {
	height: 10px;
}
.tdQ1,
.tdA1 {
	padding: 5px 2px 5px 10px;
	vertical-align: middle;
}
.tdQ2,
.tdA2 {
	padding: 5px 5px 5px 2px;
	vertical-align: middle;
}

/* ========================================  #contact 問い合わせ */
table.formTable {
	width: 100%;
	border-collapse: collapse;
}
table.formTable th,
table.formTable td {
	text-align: left;
	width: auto;
	display: block;
	border: 1px solid #666;
	padding: 10px;
}
table.formTable th {
	vertical-align: middle;
	border-bottom: 0;
	background-color: #d8c8a0;
}
input[type="text"],
input[type="email"],
textarea {
	padding: 5px 0 5px 5px;
	display: block;
	width: 95%;
}
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: block;
	margin: 10px 0 10px;
	width: 100%;
	min-height: 50px;
	padding: 5px;
	font-size: 1.5rem;
	font-weight: bold;
}
.allowmail {
	margin-top: -5px;
	font-size: 1.2rem;
}
.req-item {
	font-size:1.2rem;
	font-weight: bold;
	color: #e00;
}
.input-comment {
	display: block;
	margin-top: -17px;
	font-size:1.2rem;
}
.input-comment2 {
	font-size:1.2rem;
}
.h1Box ul {
	margin: 0 10px 0 20px;
	text-align: left;
}

/* ========================================  #trial-guide 体験練習案内 */
#trial-guide h3 {
	text-align: left;
}
#trial-guide .h3Box {
	margin-top: 5px;
	margin-bottom: 5px;
}
#trial-guide .h3Box div.img200x250,
#trial-guide .h3Box div.img250x250 {
	float: left;
}
#trial-guide .h3Box div.img200x250 img {
	margin: 0 0 2px 2px;
	width: 100px;
}
#trial-guide .h3Box div.img250x250 img {
	margin: 0 0 2px 2px;
	width: 100px;
}
#trial-guide .h3Box ul {
	text-align: left;
}
#trial-guide .h3Box ul.img250x250 {
	margin-left: 10px;
}
#trial-guide .h3Box ul li {
	margin-left: 120px;
}

/* ========================================  #calendar 稽古予定 */
#calendar .h2Box {
	margin: 0px 3px 15px 2px;
}
.CalImg1 img {
	width: 100%;
	max-width: 605px;
}
.CalImg2 img {
	width: 100%;
	max-width: 609px;
}

/* ========================================  #info お知らせ */
#info .h2Box,
#repo .h2Box,
#gallery .h2Box {
	margin: 5px 5px 5px 5px;
	padding: 0;
	margin: 5px 5px 5px 5px;
	padding: 0;
}
#info h2 {
	text-align: left;
}
#info p.infotext {
	margin: 10px 0 10px 0;
}
#info p.infotext li {
	padding-left: 20px;
	text-align: left;
}
#info p.infoblock {
	border:1px solid #888888;
	padding:3px;
}
.tbInfo1 {
	margin: 0 0px 5px 0px;
}
.tbInfo1 table {
	width: 100%;
}
.tbInfo1 td {
	padding: 5px;
	border: 1px solid #ccc;
	text-align: left;
}
.tbInfo1 td.td1 {
	width: 25%;			/* 190102で変更 */
	min-width: 7.8rem;	/* 190102で変更 */
	background-color: #F8F5EF;
}
.tbInfo1 td.td1 img {
	margin-top:  1em;
	margin-left: 2em;
}
.tbInfo1 td.td2 {
	width: 38%;
}
.tbInfo1 ul,
.tbInfo1 ol {
	margin: 3px !important;
	font-size: 90%;
	padding-left: 20px;
}
/***	極親祭・大会スケジュール告知	***/
.tbInfo2 table {
	margin: 5px 0px 5px 0px;
	width: 100%;
}
.tbInfo2 td {
	padding: 5px;
	border: 1px solid #CCC;
	text-align: left;
}
.tbInfo2 td.td1 {
	width: 40%;
}
.tbInfo2 td.tdhead {
	background-color: #F8F5EF;
	font-weight: bold;
	text-align: center;
}
/***	出場選手テーブル	***/
table.cupEntry {
	margin:10px 0 10px 0px;
	border-collapse: collapse;
	width: 100%;
}
table.cupEntry  td {
	border: 1px solid #000;
	height: 30px;
	padding: 0 5px;
	text-align: left;
	vertical-align: middle;
}
table.cupEntry  td.namee {
	width: 28%;
	min-width: 9.8rem;
}
table.cupEntry  td.categorye {
}
table.cupEntry  span.AmaDojo {
	font-size: 75%;
}
table.cupEntry  span.KataFont {
	text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 3px;
}
/***	アコーディオン	***/
.acd-check {
	display: none;
}
.acd-label {
	position: relative;
	display: block;
	margin: 0 0 10px 0;
	border-left: 5px solid #336699;
	border-bottom: 1px solid #cccccc;
	background-color: #f6f6f6;
	padding: 7px 0px 3px 7px;
	font-size: 1.5rem;
	font-weight: bold;
	cursor: pointer;
}
.acd-content {
	display: none;
}
.acd-check:checked + .acd-label + .acd-content {
	display: block;
}
.acd-label::after {
	position: absolute;
	top: 11px;
	right: 10px;
	display: block;
	content: '';

	width: 6px;
	height: 6px;
	border-top: 3px solid #333;
	border-right: 3px solid #333;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.acd-check:checked + .acd-label::after {
	top: 15px;
	content: '';
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* ========================================  #repo レポート */
#repo p.repotext {
	margin: 10px 0 10px 0;
}
#repo h2 {
	text-align: left;
}
/***	試合結果テーブル	***/
table.cupResult {
	margin: 10px 0 10px 0px;
	width: 100%;
	border-collapse: collapse;
}
table.cupResult th {
	border: 1px solid #000;
	height: 30px;
	padding: 2px 5px;
	text-align: center;
	vertical-align: middle;
}
table.cupResult td {
	border: 1px solid #000;
	height: 30px;
	padding: 2px 5px;
	vertical-align: middle;
	font-size: 1.5rem;
}
td.categoryc {
	width: 360px;
	text-align: left;
}
td.categorys {
	width: 160px;
	text-align: left;
}
td.weightc {
	width: 60px;
	text-align: center;
}
td.prize1,
td.prize2,
td.prize3,
td.prize4 {
	width: 20%;
	min-width: 50px;
	text-align: center;
	font-weight: bold;
}
table.cupResult td.prize1,
table.WeightResult td.prize1 {
	background: rgb(255,254,0);
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,171,0)), color-stop(0.5, rgb(255,254,0)), to(rgb(255,171,0)) );
	background: -moz-linear-gradient(-90deg, rgb(255,171,0), rgb(255,254,0) 50%, rgb(255,171,0));
}
table.cupResult td.prize2,
table.WeightResult td.prize2 {
	background: rgb(225,225,225);
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(181,181,181)), color-stop(0.5, rgb(225,225,225)), to(rgb(181,181,181)) );
	background: -moz-linear-gradient(-90deg, rgb(181,181,181), rgb(225,225,225) 50%, rgb(181,181,181));
}
table.cupResult td.prize3,
table.WeightResult td.prize3 {
	background: rgb(250,165,0);
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(171,86,0)), color-stop(0.5, rgb(250,165,0)), to(rgb(171,86,0)) );
	background: -moz-linear-gradient(-90deg, rgb(171,86,0), rgb(250,165,0) 50%, rgb(171,86,0));
}
table.cupResult td.namec {
	width: 20%;
	min-width: 5.5em;
	text-align: center;
}
/***	全日本ウェイト制大会結果	***/
table.WeightResult {
	margin: 10px 0 10px 0px;
	border-collapse: collapse;
	width: 100%;
}
table.WeightResult th {
	border: 1px solid #000;
	height: 27px;
	padding: 3px 4px;
	text-align: left;
	vertical-align: middle;
}
table.WeightResult td {
	border: 1px solid #000;
	height: 30px;
	padding: 3px 4px;
	vertical-align: middle;
}
table.WeightResult td.prize1,
table.WeightResult td.prize2,
table.WeightResult td.prize3,
table.WeightResult td.prize4 {
	width: 30%;
	min-width: 60px;
}
table.WeightResult td.namec {
	width: 220px;
	text-align: left;
}
td.font85 {
	font-size: 85%;
}
.font80 {
	font-size: 80%;
}
/***	昇級・昇段結果テーブル	***/
table.belttest,
table.belttest2 {
	margin: 5px 0 10px 0px;
	width: 100%;
}
table.belttest th,
table.belttest td,
table.belttest2 th,
table.belttest2 td {
	border: 1px solid #000;
	height: 27px;
	padding: 3px 4px;
	text-align: left;
	vertical-align: middle;
}
table.belttest th,
table.belttest2 th {
	text-align: center;
	padding: 3px 6px 3px 4px;
}
table.belttest td.kyudans,
table.belttest2 td.kyudans {
	text-align: center;
	width: 20%;
	min-width: 90px;
}
td.dan1 {
	background-color: #0d0015;	/* 黒帯 */
	color: white;
}
td.kyu1,
td.kyu2 {
	background-color: #281a14;	/* 茶帯 */
	color: white;
}
td.kyu3,
td.kyu4 {
	background-color: #004000;	/* 緑帯 */
	color: white;
}
td.kyu5,
td.kyu6 {
	background-color: #FFFF00;	/* 黄帯 */
	color: black;
}
td.kyu7,
td.kyu8 {
	background-color: #0000FF;	/* 青帯 */
	color: white;
}
td.kyu9,
td.kyu0 {
	background-color: #EA5532;	/* 橙帯 */
	color: white;
}
td.wL1 {	/* 白１本線 */
	background-image: URL(../img/beltw1.gif);
	background-position: right top;
	background-repeat: repeat-y;
}
td.sL1 {	/* 銀１本線(黄帯用) */
	background-image: URL(../img/belts1.gif);
	background-position: right top;
	background-repeat: repeat-y;
}
td.oL1 {	/* 橙１本線(黒帯用) */
	background-image: URL(../img/belto1.gif);
	background-position: right top;
	background-repeat: repeat-y;
}

/* ========================================  #gallery ギャラリー */
.thumbhead a img {
	width: calc(28rem + ((1vw - 0.32rem) * 100));	/* 280-600px:320-640px */
	max-width: 600px;
}
.thumbcomment {
	font-size: calc(1.1rem + ((1vw - 0.32rem) * 2.5));
	margin-bottom: 10px;
}
.playbtn {
	width: calc(1.1rem + ((1vw - 0.32rem) * 2.5));
}
#gallery h3 {
	text-align: left;
}
/***	ページボタン	***/
.pagectrl {
	margin: 20px 0px 20px;
}
.pagectrl span.pageitem {
	padding: 7px 12px 6px;
	border: 1px solid #333;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 0.1em rgba(0,0,0,0.4);
	box-shadow: 0 0 0.1em rgba(0,0,0,0.4);
	background-color: #d7d7d7;
	background: -webkit-gradient(liner, left top, left bottom,from(#eaeaea),to(#c5c5c5));
	background: linear-gradient(to bottom, #eaeaea, #c5c5c5);
}
.pagectrl span.nowpage {
	color: red;
	font-weight: bold;
}
.item7 span.pageitem {
	padding: 5px calc(0.8rem + ((1vw - 0.32rem) * 6.25)) 4px;
}
/***	動画	***/
.moviebox {
	margin-bottom: 10px;
}
.flvplayer {
	float: none;
	clear: both;
	margin: 0 auto;
	width: 100%;
	max-width: 320px;
	height: calc(23.25rem + ((1vw - 0.32rem) * 75));
	max-height: 240px;
	text-align: center;
	background-color: black;
	color: white;
}
.widemov {
	height: calc(17.438rem + ((1vw - 0.32rem) * 56.2));
	max-height: 180px;
}
.videoctrl {
	width: 100%;
	max-width: 320px;
}
.moviecomment {
	margin: 10px auto 10px;
	width: 100%;
	max-width: 298px;
	border: 1px solid #333;
	border-radius: 5px;
	padding: 3px 5px;
	text-align: left;
}

/* ==================================== */
/* ========  Media Query 設定  ======== */
/* ==================================== */
@media screen and (min-width: 401px){	/* 401以上 */
	.br-u400 { display:none; }
	#footer { padding: 10px 0 8px; }
	/* HumbergarMenuBotton */
	#nav-open1::after { display: block; }
	#nav-open1 span:nth-of-type(1) { top: calc(0.5rem + ((1vw - 0.4rem) *0.8696)); }	/* 5-7px:400-630px */
	#nav-open1 span:nth-of-type(2) { top: calc(1.2rem + ((1vw - 0.4rem) *2.1739)); }	/* 12-17px:400-630px */
	#nav-open1 span:nth-of-type(3) { top: calc(1.9rem + ((1vw - 0.4rem) *3.4783)); }	/* 19-27px:400-630px */

	.HomeBox .h1Msg { font-size: calc(1.3rem + ((1vw - 0.400rem) * 3.333)); }	/* 1.3-1.6rem:400-510px */
	.HomeBox .DojoName, .HomeBox .DojoAddr { display: inline; }
	.HomeBox span.DojoAddr:before { content: "："; }
	.Tsushin .h2TxtSns { font-size: 1.5rem; }
	.thumbcomment { font-size: 1.3rem; }
	.playbtn { width: 1.3rem; }
	.item7 span.pageitem { padding: 5px 12px 4px; }
}
@media screen and (min-width: 411px){	/* 411以上 */
	.imgLine img.imgW100 { width: calc(7.9rem + ((1vw - 0.41rem) * 20)); }
	.imgM100y4 { width: 400px; margin-left: calc((100vw - 410px) / 2); }
}
@media screen and (min-width: 451px){	/* 451以上 */
	.br-u450 { display:none; }
}
@media screen and (min-width: 501px){	/* 501以上 */
	.br-u500 { display:none; }
	h1 { font-size: 2.0rem; }
	#home h1 { font-size: 2.0rem; }
	table.outlink td { font-size: 1.5rem; }
/*	.CalImg img { width: 100%; max-width: 605px; }	*/
	#trial-guide .h3Box ul li { margin-left: 150px; }

	table.formTable td, table.formTable th { display: table-cell; }
	table.formTable th { border-bottom: 1px solid #666; width: 220px; }
	input[type="submit"], input[type="reset"], input[type="button"] { width: auto; display: inline; margin: 10px 10px 10px; min-height: 30px; }
}
@media screen and (min-width: 511px){	/* 511px以上 */
	.HomeBox .h1Msg { font-size: 1.6rem; }
	.imgLine img.imgW100 { width: calc(8.23rem + ((1vw - 0.51rem) * 16.7)); }
}
@media screen and (min-width: 601px){	/* 601px以上 */
	.flvplayer { float: right; margin-bottom: 10px; }
	.moviecomment { float: left; border: 0; border-radius: 0; margin: 0 0 10px 10px; max-width: 249px; padding-left: 0; }
}
@media screen and (min-width: 611px){	/* 611以上 */
	.imgLine, .imgM600 { width: 600px; margin-left: calc((100vw - 610px) / 2); }
}
@media screen and (min-width: 631px){	/* 631以上 */
	table.WeightResult, table.belttest { width: calc(50% - 10px); float: left; margin: 10px 5px;}

	/* HumbergarMenuBotton */
	#menu { top: 22px; }	/* 10-22px:320-630px */
	#nav-content { top: 0px; }
	#nav-open1 { width: 50px; height: 50px; }	/* 35px-50px:320-630px */
	#nav-open1 span { width: 36px; }	/* 21-36px:320-630px */
	#nav-open1 span:nth-of-type(1) { top: 7px; }	/* 5-7px:320-630px */
	#nav-open1 span:nth-of-type(2) { top: 17px; }	/* 12-17px:320-630px */
	#nav-open1 span:nth-of-type(3) { top: 27px; }	/* 19-27px:320-630px */
	#nav-open1::after { top: 26px; }
}
@media screen and (min-width: 801px){	/* 801以上 */
/*	#main { width: 610px; }
	#menu { top: 404px; left: 0px; right: auto; }
	#nav-open1 { display: none; }
	#nav-content { position: absolute; top: 0px; left: 0px; height: auto; transform: translateX(0%); }
	.subMenu ul { margin-top: 0; }
	.subMenu ul li a { padding: 5px 10px; }	*/

	#calendar .h2Box { margin: 0px 0px 15px 5px; }
	.imgLine, .imgM600 { margin-left: 95px; }
	.imgM100y4 { margin-left: 195px; }
}
@media screen and (min-width: 841px){	/* 841以上 */
	body { background-color: #ECF2F1; }	/* 枠外色：薄青 */
	#page { padding: 0 20px; }	/* 横白枠 */
/*	#menu { left: 20px; }	*/
	#menu { right: 25px; }	/* forOneColumn */
}
@media screen and (min-width: 881px){	/* 881以上 */
	#pageTop { right: calc((100vw - 880px) / 2); }
}