@charset "UTF-8";

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html, css{
  touch-action:none;
}

body {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	-webkit-text-size-adjust: 100%;
}

body a{
	color:black;
	text-decoration:none;
}

body a:hover{
	color:black;
	text-decoration:underline;
}

img{
	max-width:100%;
	height:auto;
	vartical-align:top;
}
a img{border: 0 none}

    /* ヘッダーの固定 */
.header-fixed{
	position: fixed;            /* ヘッダーの固定 */
	top: 0px;                   /* 位置(上0px) */
	left: 0px;                  /* 位置(右0px) */
	width: 100%;                /* 横幅100%　*/
	height: 60px;
}


.header-bk {
	background-color:#444;     /* 背景色(黒) */
	padding:10px 10px 10px;       /* 上10px、下10pxをあける */
	height:70px;              /* 縦の高さ110px */
	width:100%;                /* 横の幅を100% */
}

header{
	position:relative;
	z-index:10000;
}

.header {
	height: 100%;
	width: 100%;
	margin: auto;
	color:snow;
}

.header a{
	color:snow;
}

.header a:hover{
	color:snow;
}

.nowvisiting{
	text-decoration:underline;
}

.main{
	background-color:rgba(255,255,255,0.5);
	overflow:auto;
	max-width:600px;
	margin:0 auto;
	margin-top:70px;
	text-align: center;
}

.indexJKF{
	color:darkblue;
	text-align:center;
	font-size:x-large;
	font-weight:bold;
	margin-top: 200px;
	text-shadow:-3px -3px 3px #808080;
	background-color:rgba(255,255,255,0.5);
}

.indexGojukai{
	display:inline;
	padding:10px;
	font-size:50px;
}

.indexTopDojo{
	text-align:center;
	margin:0 auto;
	margin-bottom:30px;
	width:400px;
}

.indexKyoshitsu{
	background-color:rgba(255,255,255,0.5);
	text-align:center;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;
	padding:30px;
}

.indexDojoBox{
	text-align:center;
	margin-bottom:30px;
	width:300px;
	float:left;
}

.indexDojoBox-naka{
	text-align:center;
	margin-bottom:30px;
	width:200px;
	float:left;
}

.indexDojoBox-honbu{
	text-align:center;
	margin-bottom:30px;
	width:200px;
	float:left;
}

.indexDojoBox-hk{
	text-align:center;
	margin-bottom:30px;
	width:200px;
	float:left;
}

.kahenbr{
	display:none;
}

.mainbg{
	position:fixed;
	top:50%;
	left:50%;
	background-image:url(../img/logo/mainback.jpg);
	background-repeat: no-repeat;
	width:135px;
	height:146px;
	margin-top:-67px;
	margin-left:-73px;
	z-index:-10000;
	/*-ms-filter: blur(1px);*/
	/*filter: blur(1px);*/
}

.footer{
	clear:both;
	margin-top:50px;
	margin-bottom:50px;
	text-align:center;
}

.pagetitle{
	font-size: 1.2em;
}

.gyojitable{
	text-align: center;
}

.keikotable{
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

.keikotd{
	text-align:center;
	vertical-align: top;
	padding: 3px 10px;
	border: 1px solid #b7b7b7;
}

.calendar{
	margin:50px auto;
}

.calendar iframe{
	margin:20px auto;
	width:95%;
	max-width:800px;
}

.textbox{
	background-color:rgba(255,255,255,0.5);
	width:90%;
	margin:10px auto;
	padding:10px;
	text-align:left;
}

.entryimg{
	width:550px;
	box-shadow: 15px 15px 15px gray;
}

.shidosha{
	width:100%;
	margin:40px auto;
}

.shidosha-yaku{
	font-size:larger;
	font-weight:600;
}

.shidosha-name{
	font-size:larger;
	font-weight:600;
	color:purple;
}

.shidosha-mokuji{
	width:300px;
	margin:20px auto;
}

.shidosha-mokuji-row{
	width:300px;
	margin:5px auto;
	display:table;
}

.shidosha-mokuji-row-left{
	width:100px;
	display:table-cell;
	font-weight:600;
	color:purple;
}

.shidosha-mokuji-row-right{
	width:auto;
	display:table-cell;
}

.shidosha-mokuji-row-right a{
	text-decoration:underline;
}

.imglink{
	width:100%;
	margin:50px auto;
	text-align:center;
	display:table;
}

.imglink-one{
	width:150px;
	padding:10px;
	display:table-cell;
}

.imglink-enkaku{
	background-image:url('../img/enkaku-360.jpg');
	width:150px;
	height:100px;
	background-size:contain;
	margin:0 auto;
	border-radius:15px;
	box-shadow: 10px 10px 10px gray;
}

.imglink-shidosha{
	background-image:url('../img/shidosha-360.jpg');
	width:150px;
	height:100px;
	background-size:contain;
	margin:0 auto;
	border-radius:15px;
	box-shadow: 10px 10px 10px gray;
}

.imglink-entry{
	background-image:url('../img/nyukan-360.jpg');
	width:150px;
	height:100px;
	background-size:contain;
	margin:0 auto;
	border-radius:15px;
	box-shadow: 10px 10px 10px gray;
}

.imglink-text{
	font-size:larger;
	font-weight:600;
}

.tw{
	width:100%;
	text-align: center;
}

.twitter-timeline{
	margin:0 auto;
	width:90%;
}

.toplink-index{
	padding-right:10px;
	padding-left:10px;
	float:left;
}

.toplink-pages{
	padding-right:30px;
	padding-left:20px;
	float:right;
}

/*=============================
.btn-trigger
=============================*/
.btn-trigger {
	position: relative;
	width: 50px;
	height: 44px;
	cursor: pointer;
}
.btn-trigger span {
	position: absolute;
	right: 0;
	width: 100%;
	height: 4px;
	background-color: #fff;
	border-radius: 4px;
}
.btn-trigger, .btn-trigger span {
	display: inline-block;
	transition: all .5s;
	box-sizing: border-box;
}
.btn-trigger span:nth-of-type(1) {
	top: 0;
}
.btn-trigger span:nth-of-type(2) {
	top: 20px;
}
.btn-trigger span:nth-of-type(3) {
	bottom: 0;
}



/*=============================
#btn03
=============================*/
#btn03.active {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
#btn03.active span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-45deg);
	transform: translateY(20px) rotate(-45deg);
}
#btn03.active span:nth-of-type(2) {
	-webkit-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}
#btn03.active span:nth-of-type(3) {
	opacity: 0;
}


nav{
	position:fixed;
    z-index: 9999;
	background-color:#444;
	margin:0;
	padding:0;/*調整*/
	width:300px;
	right:0px;
	height:100vh;
	color:snow;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

nav a{
	color:snow;
}

nav a:hover{
	color:snow;
	text-decoration:underline;
}

/*全てのリスト・リンク共通*/
.nav_1,.nav_2 {
	margin:0;
	height:45px;
	padding-left:0;
	text-indent:0;
	margin:0;
	padding:10px;
    border-top: 1px solid #eee;
    color: #fff;
    line-height:1.5rem;
    text-align: left;
    text-decoration: none;
	min-height:1.5rem;
}

.nav_1{
	background: #001b34;
	display: block;
	width: 300px;
}

.nav_2{
	background:#001b70;
	display:block;
	padding-left:30px;
	width:300px;
}

.nav_open{
	display:block;
	height:0;
	opacity:0;
	transition:0.8s;
	visibility:hidden;
}

.hbm-check{
	display:none;
}

.nav_label{
	display:block;
}

.hbm-check:checked + .nav_1 + .nav_open{
	height:auto;
	opacity:1;
	display:block;
	visibility:visible;
}

.shumoku{
	display:block;
	margin:50px auto;
}
.shumokumei{
	text-decoration:underline;
	font-size:larger;
	display:block;
}

.yakuin-table{
	display:table;
	width:480px;
}

.yakumei-cell{
	display:table-cell;
	width:120px;
}

.person-cell{
	display:table-cell;
	width:360px;
}

.yakumei-text{
	display:block;
	padding-bottom:10px;
}

.person-text{
	display:inline-block;
	width:120px;
	padding-left:20px;
	padding-bottom:10px;
}


dt {
	float:left;
	margin-right: 0.5em ;
}

dd {
	margin-left: 15em ;
}

.yakuinbox{
	width:100%;
}

.yakumei{
	border:5px;
	width:100px;
	display:inline;
}

.yakuin{
	width:200px;
	display:inline;
}

.yakuinblock{
	display:inline;
	width:100px;
}

.pnl{
	width:90%;
	overflow-wrap:break-word;
	overflow:hidden;
	margin:0 auto;
	padding:20px;
	text-align:center;
	font-size:large;
}