@charset "utf-8";

/*************************** common ***************************/
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family:"メイリオ", "ＭＳ Ｐゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:14px;
}
body{
	background:#f0f0f0;
}
img{
	border:none;
}

div#container {
	width: 100%;
	padding:0 10px;
	margin: 0 auto;
	background:#fff;
}
#wrapper{
	overflow: hidden;
	width:100%;
	margin:0px auto;
}
.fixbox{
	width:1100px;
	margin:0 auto;
}
.sp{
	display:none;
}

/***************** header *****************************/
div#header {
	clear: both;
	background:url(../images/bg/header.gif) repeat-x center 90px;
}
div.headbox-sns{
	float:left;
	width:160px;
	margin-top:16px;
	margin-left: 20px;
}
div.headbox-sns ul{
	margin:0 -1%;
	display: grid;
	align-items: center;
}
div.headbox-sns ul li{
	list-style:none;
	float:left;
	width:23%;
	margin:2% 1%;
}
div.headbox-sns ul li a{
	width: 100%;
	height: 100%;
}
div.headbox-sns ul li{
	float:none;
	width:100%;
	margin:3px 1% 5px;
}
div.headbox-sns ul li:nth-child(1){grid-row: 1 / 2;	grid-column: 1 / 2; width: 120px;}
div.headbox-sns ul li:nth-child(2){grid-row: 2 / 3;	grid-column: 1 / 2;}
div.headbox-sns ul li:nth-child(3){grid-row: 1 / 3;	grid-column: 2 / 3; width: 40px;}

div.headbox-sns ul li a{
	background:#ddd url(../images/icons/blank.svg) no-repeat 6px 50%;
	background-size: auto 12px;
	padding:3px 6px 3px 24px;
	color:#333;
	font-size:10px;
	text-decoration:none;
	width:100%;
	display:block;
	transition: .3s;
}
div.headbox-sns ul li a:hover{
	background-color:#109f35;
	color: #fff;
}
div.headbox-sns ul li.instagram{
}
div.headbox-sns ul li.instagram a{
	background: none;
	transition: .3s;
	padding:8px;
}
div.headbox-sns ul li.instagram:hover a{
	opacity:0.5;
}


#logo{
	float:left;
	margin: 10px 10px 4px 10px;
}
#logo img{
	width:84px;
	height: auto;
}
div.headbox-info{
	float:right;
	width:250px;
	margin:10px 0 0;
}
div.headbox-info ul{}
div.headbox-info ul li{
	float:left;
	list-style:none;
	width:50%;
}
div.headbox-info ul li:nth-child(2){
	text-align:right;
}


div#menu ul#pri{
	list-style:none;
	display:table;
	width:100%;
	padding-bottom:5px;
}
div#menu ul#pri li{
	display:table-cell;
	text-align:center;
	width:12.5%;
	border-right:1px solid #333;
}
div#menu ul#pri li:last-child{
	border:none;
}
div#menu ul#pri li a{
	display:block;
	padding:70px 0 5px;
	text-decoration:none;
	color:#fff;
	width:100%;
	height:90px;
	font-size:12px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
div#menu ul#pri li:nth-child(1) a{background:rgba(7,118,36,0.9) url(../images/common/nav_about.png) no-repeat 50% 25%; background-size:80px;}
div#menu ul#pri li:nth-child(2) a{background:rgba(7,118,36,0.9) url(../images/common/nav_reserve.png) no-repeat 50% 25%; background-size:80px;}
div#menu ul#pri li:nth-child(3) a{background:rgba(7,118,36,0.9) url(../images/common/nav_event.png) no-repeat 50% 25%; background-size:80px;}
div#menu ul#pri li:nth-child(4) a{background:rgba(7,118,36,0.9) url(../images/common/nav_personal.png) no-repeat 50% 20%; background-size:80px;}
div#menu ul#pri li:nth-child(5) a{background:rgba(7,118,36,0.9) url(../images/common/nav_league.png) no-repeat 50% 20%; background-size:60px;}
div#menu ul#pri li:nth-child(6) a{background:rgba(7,118,36,0.9) url(../images/common/nav_junior.png) no-repeat 50% 20%; background-size:60px;}
div#menu ul#pri li:nth-child(7) a{background:rgba(7,118,36,0.9) url(../images/common/nav_service.png) no-repeat 50% 20%; background-size:50px;}
div#menu ul#pri li:nth-child(8) a{background:rgba(7,118,36,0.9) url(../images/common/nav_staff.png) no-repeat 50% 20%; background-size:80px;}
div#menu ul#pri li a:hover{
	background-color:#025418 !important;
}
div#menu ul#pri li.here a{
	background-color:rgba(0,0,0,0.9);
	color:#fff;
}
div#menu.fixed {
  position: fixed;
  top: 0;
	left:0;
  width: 100%;
	z-index:9999;
}
div#menu.fixed ul.innerNav{
	margin-top:-4px;
}

div#menu ul.innerNav{
	width:100%;
	display:table;
}
div#menu ul.innerNav li{
	list-style:none;
	display:table-cell;
	text-align:center;
	border-right:1px solid #999;
}
div#menu ul.innerNav li a{
	display:block;
	background-color:rgba(0,0,0,0.8);
	padding:10px 8px;
	color:#fff;
	font-size:12px;
	text-decoration:none;
}
div#menu ul.innerNav li a:hover{
	color:#09F;
	background-color:rgba(0,0,0,1);
}
div#menu ul.innerNav li.here a{
	background:rgba(0,0,0,0.8) url(../images/icons/arrow.png) no-repeat center bottom;
}

/***************** top page *****************************/
.top-01{
	max-width:1500px;
	width:100%;
	margin:0 auto;
}

.top-02{
	width:100%;
	height:180px;
	background:#e5e5e5;
	margin:-60px auto 0;
	padding:15px 0 5px;
}
.top-02 div{
	background:#e5e5e5;
}
.top-03{
	float:left;
	width:540px;
	margin:30px 20px 30px 0;
}
.top-03-box{
	overflow:auto;
	height:750px;
}

.top-03-entry{
	float:inherit;
	width:100%;
	margin:30px 20px 30px 0;
}
.top-03-entry .top-03-box{
	overflow:inherit;
	height:auto;
}


div#content .top-03 h2{
	background:url(../images/bg/h2-top.gif) no-repeat center top;
	padding-top:50px;
	font-size:30px;
	color:#109f35;
	text-align:center;
}
.top-03-first{
	background:#eee;
	padding:15px 20px
}
div#content .top-03 h3{
	font-weight:normal;
	line-height:100%;
}
div#content .top-03 h3 a{
	font-size:20px;
	text-decoration:none;
	color:#333;
}
div#content .top-03-second h3{
	line-height:100%;
}
div#content .top-03 h3 a:hover{
	color:#ff3131;
}
.top-03-first p.img{
	width:500px;
	position:relative;
}
.top-03-first p.img img{
	width:100%;
	height:auto;
}
.top-03-first p.img span{
	position:absolute;
	left:-9px;
	top:9px;
	z-index:5;
}
.top-03-second{
	background:#eee;
	padding:5px;
	clear:both;
	margin-top:3px;
}
.top-03-second p.img{
	width:120px;
	float:left;
	margin-right:15px;
}
.top-03-second p.img img{
	width:100%;
	height:auto;
	margin-bottom:-20px;
}
.top-03 p.more,
.top-04 p.more{
	width:60%;
	margin:10px auto 0;
	text-align:center;
}
.top-03 p.more a,
.top-04 p.more a{
	display:block;
	width:100%;
	text-align:center;
	background:#ff3131;
	color:#fff !important;
	padding:5px 0;
	text-decoration:none;
}
.top-03 p.more a:hover,
.top-04 p.more a:hover{
	background:#03f;
}

ul.updateDate{
	margin:0px 0 3px;
}
ul.updateDate li{
	list-style:none;
	margin:1px 5px 0 0;
}
ul.updateDate li span{
	font-size:10px;
	padding:2px 6px;
	border:1px solid #ccc;
	margin-left:10px;
}
ul.updateDate li span.notice{background:#ffcece;}
ul.updateDate li span.report{background:#feffd8;}
ul.updateDate li span.junior{background:#daedff;}
ul.updateDate li span.misc{background:#f6d3ff;}

ul.updateDateView{
	margin:0px 0 3px;
}
ul.updateDateView li{
	list-style:none;
	margin:1px 5px 0 0;
}
ul.updateDateView li span{
	font-size:10px;
	padding:2px 6px;
	border:1px solid #ccc;
	margin-right:10px;
}


.top-04{
	float:left;
	width:540px;
	margin:30px 0;
}
.top-04-box{
	height:750px;
	overflow:auto;
}
div#content .top-04 h2{
	background:url(../images/bg/h2-top.gif) no-repeat center top;
	padding-top:50px;
	font-size:30px;
	color:#109f35;
	text-align:center;
}
.top-04-first{
	background:#eee;
	padding:15px 20px;
}
.top-04-first p.img{
	position:relative;
}
.top-04-first p.img img{
	z-index:4;
}
.top-04-first p.img span{
	position:absolute;
	bottom:8px;
	left:0;
	text-align:center;
	padding:10px 0;
	width:500px;
	z-index:5;
	font-size:16px;
	color:#fff;
	background:rgba(0,0,0,0.5);
}
.top-04-first ul{
	margin-top:-15px;
}
.top-04-first ul li{
	margin:0;
	list-style:none;
}
.top-04-first ul li:nth-child(2){
	font-size:20px;
}

.top-04-second{
	background:#eee;
	padding:5px;
	margin-top:3px;
}
.top-04-second p.img{
	float:left;
	margin-right:15px;
	width:80px;
}
.top-04-second p.img img{
	margin-bottom:-20px;
	width:100%;
	height:auto;
}
.top-04-second ul{
	margin-top:0;
}
.top-04-second ul li{
	margin:0;
	list-style:none;
}
.top-04-second ul li:nth-child(2){
	font-size:14px;
}
.top-04-second ul li:nth-child(3){
	font-size:18px;
}
.top-04-second a{
	text-decoration:none;
	color:#333 !important;
}
.top-04-second a:hover{
	color:#09F !important;
}

.top-05{
	clear:both;
	background:url(../images/img/top_02.webp) no-repeat center;
	background-size:cover;
	text-align:center;
	padding:200px 0;
}
.top-06{
	clear:both;
	width:100%;
	background:url(../images/img/top_04.jpg) no-repeat;
	background-size:cover;
	padding-bottom:50px;
}
div#content .top-06 h2{
	color:#fff;
	text-shadow:1px 1px 3px #000;
	font-size:60px;
	text-align:center;
	padding:50px 0;
}
div#content .top-06 h2 small{
	font-size:16px;
	display:block;
}

div#content div.top-06 ul{
	list-style:none;
	margin:0 -0.5%;
}
div#content div.top-06 ul li{
	float:left;
	width:24%;
	margin:0.5%;
}
div#content div.top-06 ul li img{
	width:100%;
	height:auto;
}


/***************** content *****************************/
div#content {
	width: 100%;
}
div#content.fixbox{
	width:1100px;
	margin:0 auto;
}
div#content h1{
	font-size:36px;
	background:url(../images/bg/h2-top.gif) no-repeat center top;
	padding-top:50px;
	color:#109f35;
	text-align:center;
}
div#content h2{
	font-size:30px;
}
div#content h3{
	font-size:26px;
}
div#content h4{
	font-size:20px;
}
div#content p{
	line-height:180%;
	margin-bottom:15px;
}
div#content p.catchcopy{
	font-size:24px;
}
div#content .centro{
	margin:30px auto;
	text-align:center;
}
div#content hr{
	margin:30px;
	height:0;
	padding:0;
	border:none;
	clear:both;
}
div#content a{
	color:#09F;
}
div#content a:hover{
	text-decoration:none;
	color:#060;
}
div#content ul.listing,
div#content ol.listing{
	margin-left:0px;
}
div#content .listing li{
	margin:0 0 3px 0px;
	padding:5px 0 5px 30px;
	list-style:none;
	background:#f9f9f9 url(../images/icons/file.png) no-repeat 10px 7px;
}
div#content ul.listing li.title{
	text-align:center;
	font-size:20px;
	background-image:none;
}

div#content p.rightImg{
	float:right;
	margin-left:20px;
}
div#content p.leftImg{
	float:left;
	margin-right:20px;
}
div#content ul.sixColumns{
	list-style:none;
	margin:0 -0.33%;
}
div#content ul.sixColumns li{
	float:left;
	width:16%;
	margin:0.33%;
	text-align:center;
}
div#content ul.sixColumns li img{
	width:100%;
	height:auto;
}
div#content ul.fiveColumns{
	list-style:none;
	margin:0 -0.5%;
}
div#content ul.fiveColumns li{
	float:left;
	width:19%;
	margin:0 0.5%;
	list-style:none;
}
div#content ul.fiveColumns li img{
	width:100%;
	height:auto;
}
div#content ul.fourColumns{
	list-style:none;
	margin:0 -0.5%;
}
div#content ul.fourColumns li{
	float:left;
	width:24%;
	margin:0.5%;
}
div#content ul.fourColumns li img{
	width:100%;
	height:auto;
}

div#content ul.threeColumns{
	list-style:none;
	margin:1% -0.66%;
}
div#content ul.threeColumns li{
	float:left;
	width:32%;
	margin:1% 0.66% 2%;
	text-align:center;
}
div#content ul.threeColumns li img{
	width:100%;
	height:auto;
}

div#content ul.twoColumns{
	list-style:none;
	margin:1% -1%;	
}
div#content ul.twoColumns li{
	float:left;
	width:48%;
	margin:1%;
}
div#content ul.twoColumns li img{
	width:100%;
	height:auto;
}

p#breadcrumb{
	font-size:11px;
	text-align:right;
	margin:5px 0 0;
}
p#breadcrumb a{
	color:#333;
	text-decoration:none;
	font-size:11px;
}
p#breadcrumb a:hover{
	color:#06F;
}

dl.table{
  margin:0px 0 15px;
  list-style:none;
  background:;
  overflow:auto;
}
dl.table dt{
  clear:both;
  width:150px;
  float:left;
  padding:10px 0;
}
dl.table dd{
  border-bottom: 1px solid #ddd;
  padding:10px 0 10px 150px;
}


table.data {
  width: 100%;
}
table.data th {
  color: #fff;
  padding: 15px 3px;
	font-weight: bold;
  background:#255188;
  text-align: center;
}

table.data tr td {
  padding: 10px 3px;
  text-align: center;
	font-size:16px;
}
table.data tr {
  background: #eee;
}
table.data tr:nth-child(2n+1) {
  background: #f5f5f5;
}
table.data tr:hover {
  background: #ccc;
}
span.full{
	background:#FF0;
	padding:2px 5px 1px;
	text-align:center;
	font-size:11px;
	border:1px solid #ccc;
	margin-left:7px;
}

.leftColumn{
	float:left;
	width:49%;
}
.rightColumn{
	float:right;
	width:49%;
}

.innerImg{
	width:100%;
	background:#f0f0f0;
	text-align:center;
	padding:10px 0 0;
}
.innerImg img{
	width:100%;
	height:auto;
}


ul.view-link{
	list-style:none;
	margin:0 -1%;
}
ul.view-link li{
	width:31.3%;
	margin:1%;
	float:left;
	text-align:center;
}
ul.view-link li a{
	display:block;
	width:100%;
	padding:20px 10px;
	box-sizing:border-box;
	background:#ff3131;
	color:#fff !important;
	text-decoration:none;
	font-size:22px;
}
ul.view-link li a:hover{
	background:#096;
	color:#fff !important;
}
ul.view-link li span{
	display:block;
	font-size:16px;
}
ul.view-link li.tel{
	font-size:22px;
	padding:20px 10px;
	box-sizing:border-box;
	border:1px solid #ccc;
}
ul.view-link li.tel span{
	font-size:16px;
}



/***************** 施設案内 *******************/
ul.about-01{
	margin:0 -0.5%;
}
ul.about-01 li{
	float:left;
	width:23%;
	margin:1%;
	padding-top:22%;
	list-style:none;
}
ul.about-01 li strong{
	font-size:20px;
	display:block;
	margin:5px 0 10px;
	text-align:center;
}
ul.about-01 li:nth-child(1){background:url(../images/img/about_01.jpg) no-repeat center top;}
ul.about-01 li:nth-child(2){background:url(../images/img/about_02.jpg) no-repeat center top;}
ul.about-01 li:nth-child(3){background:url(../images/img/about_03.jpg) no-repeat center top;}
ul.about-01 li:nth-child(4){background:url(../images/img/about_04.jpg) no-repeat center top;}
ul.about-01 li{background-size:90% !important; }

p.signature{
	text-align:right;
}

.time-01{
	margin:0 -0.5%;
}
.time-01-box{
	float:left;
	width:32%;
	margin:0.5%;
	background:#f0f0f0;
	border:1px solid #ccc;
	border-radius:10px;
}
.time-01-box h3{
	color:#109f35;
	text-align:center;
	margin:10px 0 5px;
}
.time-01-box ul li{
	margin:0 0 5px 25px;
}
.time-01-box ul li:first-child{
	font-size:20px;
	list-style:none;
	text-align:center;
	background:#fff;
	margin:0 0 5px 0;
	padding:5px 0;
}

ul.terms li{
	background:#ccc;
	font-size:18px;
	list-style:none;
	border:1px solid #ccc;
	padding:20px 0 20px 120px;
	height:95px;
	margin-bottom:5px;
}
ul.terms li:nth-child(1){background:#f5f5f5 url(../images/img/aboutTerms_01.jpg) no-repeat 10px 10px;}
ul.terms li:nth-child(2){background:#f5f5f5 url(../images/img/aboutTerms_02.jpg) no-repeat 10px 10px;}
ul.terms li:nth-child(3){background:#f5f5f5 url(../images/img/aboutTerms_03.gif) no-repeat 10px 10px;}
ul.terms li:nth-child(4){background:#f5f5f5 url(../images/img/aboutTerms_04.gif) no-repeat 10px 10px;}
ul.terms li:nth-child(5){background:#f5f5f5 url(../images/img/aboutTerms_05.gif) no-repeat 10px 10px;}
ul.terms li:nth-child(6){background:#f5f5f5 url(../images/img/aboutTerms_06.jpg) no-repeat 10px 10px;}




/******* reserve *********************************************/
.reserve-box{
	background:#eee;
	padding:15px 0;
	margin-bottom:15px;
}
table.reserve{
	width:100%;
}
table.reserve th {
  color: #fff;
  padding: 15px 3px;
	font-weight: bold;
  background:#255188;
  text-align: center;
}
table.reserve tr td {
  padding: 4px 0px;
  text-align:center;
	width:6.4%;
	height:40px;
	text-align:center;
	font-size:10px;
	border:none;
}
table.reserve tr td a{
	font-size:10px;
}
table.reserve tr td:first-child{
	font-size:16px;
	width:4.0%;
}
table.reserve tr td:first-child small{
	font-size:10px;
	display:block;
}
table.reserve tr {
  background: #fff;
}


table.reserve td.img{}
table.reserve td.team{
	border-left:none;
	text-align:left;
}
table.reserve tr td.team a{
	font-size:11px;
}

p.noreserve{
	clear:both;
	font-size:36px;
	padding:50px;
	text-align:center;
	background:#f0f0f0;
	border-radius:15px;
}

table.calendar {
	width:100%;
}
table.calendar caption{
	font-size:20px;
}
table.calendar tr th,
table.calendar tr td{
	padding: 8px 5px;
	border: 0px solid #000000;
	background-color: #EEEEEE;
	font-weight: normal;
	text-align: center;
	width:14%;
}
table.calendar tr th{
	padding:5px 0;
	font-size:18px;
}
table.calendar tr th:first-child{
	border-radius:15px 0 0 0;
}
table.calendar tr th:last-child{
	border-radius:0 15px 0 0;
}
table.calendar tr td.day {
	color: #222222;
}
table.calendar tr th {
	background:#ddd;
}
table.calendar tr td.satday {
	background:#FFC;
}
table.calendar tr th.satday {
	background:#FF6;
}
table.calendar tr td.sunday{
	background:#FCF;
}
table.calendar tr td.x20200720,
table.calendar tr td.x20201012,
table.calendar tr td.x20201223{
	background:#eee;
}
table.calendar tr th.sunday{
	background:#F9F;
}
table.calendar a{
	display:block;
	text-decoration:none;
}
table.calendar a:hover{
	background:#ccc;
}
table.calendar tr td span.today {
  color: #fff;
  background-color: #aaa;
  border: 1px solid #aaa;
  display: block;
	font-size:10px;
	margin:-6px 0;
}

ul.calendar {
	margin: 10px 0 0 3px;
	position:relative;
	width:100%;
}
ul.calendar li {
	list-style: none;
	margin-right: 10px;
	position:absolute;
}
ul.calendar li:last-child{
	margin-right:3px;
}
ul.calendar li a{
	display:block;
	width:100%;
	padding:10px 15px;
	background:#09F;
	text-decoration:none;
	color:#fff !important;
}
ul.calendar li a:hover{
	background:blue;
}
ul.calendar{height:22px;position:relative;}
ul.calendar li.today{left:calc(50% - 50px);}
ul.calendar li.previousMonth{left:0;}
ul.calendar li.nextMonth{right:0}

ul.reserve-type{
	margin:0 -0.5%;
}
ul.reserve-type li{
	float:left;
	width:24%;
	margin:1% 0.5%;
	padding-bottom:8px;
	list-style:none;
	text-align:center;
	font-size:12px;
	border:1px solid #ccc;
	border-top:none;
}
ul.reserve-type li strong{
	font-size:18px;
	display:block;
	width:100%;
	padding:4% 1%;
	margin-bottom:5px;
}
ul.reserve-type li a{
	color:#fff;
	font-size:12px;
}

.empty{background:#fff; border:1px solid #ccc;}
.junior{background:#f9f;}
.gaibu {background:#33f; color:#fff;}
.school{background:#3cf;}
.rental{background:#fc3;}
.kosaru{background:#6c9;}
.games {background:#f63;}
.closed{background:#aaa;}
.match {background:#e32490; color:#fff;}
.fspo  {background:#d00; color:#fff;}
.offhours  {background:#666; color:#fff;}
.crasse  {background:#091038; color:#fff;}

table.reservation{
	width:100%;
}
table.reservation th{
	background:#338825;
	color:#ffffff;
	font-weight:normal;
	padding:6px 1px;
}

table.reservation td{
	background-color:#f9f9f9;
	padding:4px 0 2px;
	text-indent:4px;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	border-top:1px solid #eeeeee;
	border-left:1px solid #eeeeee;
}

table.reservation .day{
	background-color:#f0f0f0;
}

table.reservation .sunday{
	background-color:#FFD2D2;
	color:#b80000;
}

table.reservation .saturday{
	background-color:#C6F1FF;
	color:#0033ff;
}

table.reservation table td{
	border:none;
}

table.reservation td hr{
	height:1px;
	color:#cccccc;
	margin:0;
	padding:0;
}

table.reservation span.which{
	font-size:18px;
}

table.reservation td.devider{
	background-color:#338825;
	border:none;
	padding:0;
}

table.reservation .sunday .which{
	color:#b80000;
}

table.reservation .saturday .which{
	color:#0033ff;
}

table.reservation td.campaign a,
table.reservation td.campaign a:link,
table.reservation td.campaign a:active,
table.reservation td.campaign a:visited{
	color:#367BD3;
	text-decoration:none;
	border-bottom:1px dotted;
}

table.reservation td.campaign a:hover{
	border-bottom:none;
}


table.reservation .team{
	background-color:#ffcc33;
	color:#555555;
	font-size:11px;
}
table.reservation .personal{
	background-color:#66cc99;
	color:#555555;
	font-size:11px;
}
table.reservation .school{
	background-color:#33ccff;
	color:#555555;
	font-size:11px;
}
table.reservation .vacant{
	background-color:#dddddd;
	color:#333333;
	font-size:11px;
}
table.reservation .clinic{
	background-color:#330000;
	color:#ffffff;
	font-size:11px;
}
table.reservation .kids{
	background:#3333ff;
	color:#ffffff;
	font-size:11px;
}
table.reservation .championship{
	background-color:#FF6633;
	color:#333333;
	font-size:11px;
}
table.reservation .rs{
	background-color:#FF99FF;
	color:#333333;
	font-size:11px;
}
table.reservation .match{
	background-color:#e32490;
	color:#fff;
	font-size:11px;
}
table.reservation .fspo{
	background-color:#d00;
	color:#fff;
	font-size:11px;
}

.const{
	clear:both;
	background:#f5f5f5;
	text-align:center;
	padding:15px;
	border:1px solid #ccc;
	margin:15px 0;
	font-size:16px;
}

div#content table.reserve td a{
	color:inherit;
}
div#content table.reserve td a:hover{
	text-decoration:none;
}

ul.reserve-ban {
	margin:0 0 5%;
}
ul.reserve-ban li{
	list-style:none;
	float:left;
	width:31.3333%;
	margin:1%;
}
ul.reserve-ban li:first-child{
	width:98%;
}
ul.reserve-ban li img{
	width:100%;
	height:auto;
}


/***************** 大会 *****************************/
.scheduleBut ul{
	margin:0 -1%;
}
.scheduleBut ul li{
	float:left;
	width:48%;
	margin:0 1%;
	list-style:none;
	text-align:center;
}
.scheduleBut ul li small{
	display:block;
	font-size:14px;
}
.scheduleBut ul li a{
	width:100%;
	display:block;
	background:#06F;
	padding:30px 0;
	color:#fff !important;
	text-decoration:none;
	font-size:20px;
}
.scheduleBut ul li a:hover{
	background:#063;
}
p.backtoindex{
	clear:both;
	width:40%;
	background:#f0f0f0;
	text-align:center;
	padding:15px;
	margin:20px auto 0;
	font-size:18px;
}
p.backtoindex a{
	width:100%;
	display:block;
}
.backtoindex a:hover{
	text-decoration:none;
}

.discount{
	margin:50px 0 0;
}
.discount div{
	background:#fff;
	padding:10px;
	border:1px solid #eee;
	border-radius:10px;
	width:32%;
	float:left;
	margin:0 0.5%;
}
.discount div.discount-box{
	background:#109f35;
	width:100%;
	float:inherit;
	margin:-50px 0 10px;
	color:#fff;
}
.discount div.discount-box h3{
	text-align:center;
	margin-top:-5px;
}
.discount div.discount-box strong{
	color:#FF0;
	font-size:24px;
	display:block;
	text-align:right;
}

/******************* 大会予定・結果 **********************/
div.result_champ{
	background:#B59B06;
	padding:1% 0 0;
	box-sizing:border-box;
	text-align:center;
	position:relative;
}
p.result_1stImg{
	width:84%;
	margin:0 auto;
	position:relative;
}
p.result_1stImg img{
	width:100%;
	height:auto;
	margin-bottom:-15px;
}
p.result_1stRank{
	position:absolute;
	top:0;
	right:0;
	width:200px;
}
p.result_1stRank img{
	width:100%;
	height:auto;
}
p.result_1stName{
	background:#B59B06;
	padding:0 15px 5px;
	color:#fff;
	font-size:30px;
	font-weight:bold;
}

div#content div.twoColumns{
	margin:0 -10px;
}

div#content div.twoColumns ul li{
	list-style:none;
	float:left;
	width:48%;
	margin:0 1%;
	padding:1% 0 0;
	box-sizing:border-box;
	text-align:center;
	background:#eee;
	font-size:14px;
}

div#content div.twoColumns ul li span{
	display:block;
	padding:3px 0 7px;
	text-align:center;
}
div#content div.twoColumns ul li.result_2ndName{
	background:#c2c2c2;
	font-size:18px;
	font-weight:bold;
	margin-left:10px;
	position:relative;
}
div#content div.twoColumns ul li.result_2ndName img.img,
div#content div.twoColumns ul li.result_3rdName img.img{
	position:relative;
}
div#content div.twoColumns ul li.result_2ndName img.result_2ndRank,
div#content div.twoColumns ul li.result_3rdName img.result_3rdRank{
	position:absolute;
	top:0;
	right:0;
	width:120px;
}
div#content div.twoColumns ul li.result_2ndName img.result_2ndRank img,
div#content div.twoColumns ul li.result_2ndName img.result_3rdRank img{
	width:100%;
	width:auto;
}
div#content div.twoColumns ul li.result_3rdName{
	background:#7B4618;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	margin-left:10px;
	position:relative;
}
div#content div.threeColumns{
	margin:10px -0.6%;
}
div#content div.threeColumns ul li{
	float:left;
	text-align:center;
	list-style:none;
	width:32%;
	margin:0 0.6%;
	padding:0 0 1%;
	font-size:16px;
	background:#f0f0f0;
}
div#content div.threeColumns ul li img{
	width:100%;
	height:auto;
	display:block;
	margin-bottom:8px;
}

div#content div.fourColumns{
	margin:0 -0.5%;
}
div#content div.fourColumns ul li{
	float:left;
	list-style:none;
	width:24%;
	text-align:center;
	margin:0 0.5% 10px;
}
div#content div.fourColumns ul li img{
	width:100%;
	height:auto;
}
div.youtube{
	text-align:center;
	background:#eee;
	padding:10px 0;
}


.class-01 dl{
  margin:0px 0 15px;
	list-style:none;
	background:;
	overflow:auto;
}
.class-01 dl dt{
  clear:both;
	width:220px;
	float:left;
	padding:15px 0;
	font-size:20px;
	text-align:center;
	background:#109f35;
	color:#fff;
	margin-bottom:3px;
}
.class-01 dl dt em{
	color:#0c4e1e;
	display:block;
	font-size:24px;
}
.class-01 dl dd{
	padding:10px 0 10px 250px;
	font-size:20px;
	background:#f5f5f5 url(../images/icons/icon_02.png) no-repeat 210px 50%;
	margin-bottom:15px;
	height:100px;
}
.class-01 dl dd em{
	display:inline-block;
	background:#ccc;
	padding:2px;
	font-size:18px;
}
.class-01 dl dd strong{
	display:block;
	font-size:20px;
}
.class-01 dl dd small{
	display:block;
}

.class-02 dl{
  margin:0px 0 15px;
	list-style:none;
	background:;
	overflow:auto;
}
.class-02 dl dt{
  clear:both;
	width:220px;
	float:left;
	padding:15px 0;
	font-size:20px;
	text-align:center;
	background:#0c4e1e;
	color:#fff;
	margin-bottom:3px;
}
.class-02 dl dt em{
	color:#109f35;
	display:block;
	font-size:24px;
}
.class-02 dl dd{
	padding:10px 0 10px 250px;
	font-size:20px;
	background:#f5f5f5 url(../images/icons/icon_03.png) no-repeat 210px 50%;
	margin-bottom:15px;
	height:100px;
}
.class-02 dl dd em{
	display:inline-block;
	background:#ccc;
	padding:2px;
	font-size:18px;
}
.class-02 dl dd strong{
	display:block;
	font-size:20px;
}
.class-02 dl dd small{
	display:block;
}


/***************** personal *****************************/
.personal-01{
	width:100%;
	margin:0 auto;
	display:flex;
	display: flex;
	display: -webkit-flex;
	justify-content:space-between;
}
.personal-01-box{
	width:31.3333%;
}
.personal-01-box p.img img{
	width:100%;
}
.personal-01-box h3{
	text-align:center;
}
.personal-01-box p.desc{
	font-size:18px;
}

@keyframes moveimg-01 {
	0% { left: 0px; top: 0px;}
	50% { left: 0px; top: 15px;}
	100% { left: 0px; top: 0px;}
}
.personal-01-box{
	animation: moveimg-01 5s infinite;
	position: relative;
}
@keyframes moveimg-02 {
	0% { left: 0px; top: 15px;}
	50% { left: 0px; top: 0px;}
	100% { left: 0px; top: 15px;}
}
.personal-01-box:nth-child(2n+1){
	animation: moveimg-02 5s infinite;
	position: relative;
}


.ind-01 li{
	float:left;
	width:24%;
	margin:0 0.5%;
	list-style:none;
	background:#f9f9f9;
	border:1px solid #ddd;
	padding:10px;
}
.ind-01 li strong{
	text-align:center;
	display:block;
	font-size:24px;
	margin-bottom:5px;
	color:#063;
}
.ind-01 li span{
	color:#ff0000;
	display:block;
	text-align:center;
	font-size:30px;
	padding:10px 0;
}

.school-01 li{
	float:left;
	width:32.3%;
	margin:0 0.5%;
	list-style:none;
	background:#f9f9f9;
	border:1px solid #ddd;
	padding:10px;
}
.school-01 li strong{
	text-align:center;
	display:block;
	font-size:24px;
	margin-bottom:5px;
	color:#063;
}





/***************** onecoin *****************************/
.onecoin-00{
	text-align:center;
}
.onecoin-00 ul{
	margin-bottom:30px;
}
.onecoin-00 li{
	font-size:20px;
	list-style:none;
}
.onecoin-00 p{
	font-size:24px;
}

.balloon-left {
  position: relative;
	margin: 15px auto;
	padding: 15px;
	background: #fff0c6;
	border-radius: 30px;
	width:70%;
}
.balloon-left:before{    
  content: "";
	position: absolute;
	left: -38px;
	width: 13px;
	height: 12px;
	bottom: 0;
	background: #fff0c6;
	border-radius: 50%;
}
.balloon-left:after{
  content: "";
	position: absolute;
	left: -24px;
	width: 20px;
	height: 18px;
	bottom: 3px;
	background: #fff0c6;
	border-radius: 50%;
}

.balloon-right {
  position: relative;
	margin: 15px auto;
	padding: 15px;
	background: #eee;
	border-radius: 30px;
	width:70%;
}
.balloon-right:before{    
  content: "";
	position: absolute;
	right: -38px;
	width: 13px;
	height: 12px;
	bottom: 0;
	background: #eee;
	border-radius: 50%;
}
.balloon-right:after{
  content: "";
	position: absolute;
	right: -24px;
	width: 20px;
	height: 18px;
	bottom: 3px;
	background: #eee;
	border-radius: 50%;
}



.onecoin-01 li{
	width:48%;
	padding:3% 0;
	float:left;
	margin:1%;
	text-align:center;
	list-style:none;
	font-size:24px;
	background:#f9f9f9;
	border:1px solid #ddd;
	border-radius:15px;
	
}
.onecoin-01 li strong{
	display:block;
	font-size:36px;
}
.onecoin-01 li img{
	width:90%;
	height:auto;
	display:block;
	margin:1% auto;
}

.onecoin-02{
	clear:both;
	width:100%;
	background:url(../images/img/onecoin_04.jpg) no-repeat;
	background-size:cover;
	padding-bottom:50px;
	margin-top:30px;
	min-height:600px;
}
div#content .onecoin-02 h2{
	color:#109f35;
	text-shadow:1px 1px 1px #fff;
	font-size:60px;
	text-align:center;
	padding:50px 0;
}
div#content .onecoin-02 h2 small{
	font-size:16px;
	display:block;
}





/***************** junior *****************************/
div.junior-01{
	background:url(../images/img/junior_01.jpg) no-repeat;
	min-height:800px;
}
div.junior-01 p{
	text-align:center;
	padding-top:15px;
}
div.junior-01 ul{
	padding:0px 0 0;
}
div.junior-01 ul li{
	float:left;
	margin:12px;
	width:250px;
	padding-top:260px;
	list-style:none;
	color:#fff;
}
div.junior-01 ul li:nth-child(1){background:url(../images/img/junior_02.png) no-repeat;}
div.junior-01 ul li:nth-child(2){background:url(../images/img/junior_03.png) no-repeat;}
div.junior-01 ul li:nth-child(3){background:url(../images/img/junior_04.png) no-repeat;}
div.junior-01 ul li:nth-child(4){background:url(../images/img/junior_05.png) no-repeat;}


.junior-02{}
.junior-02 li{
	list-style:none;
	float:left;
	width:30%;
	margin:1.5%;
	font-size:18px;
	text-align:center;
}
.junior-02 li strong{
	background:#090;
	border-radius:50%;
	width:150px;
	height:150px;
	margin:0 auto -20px;
	display:block;
	padding:60px 0;
	font-size:24px;
	color:#fff;
	z-index:10;
	position:relative;
}
.junior-02 li img{
	display:block;
	width:100%;
	height:auto;
	z-index:0;
	position:relative;
}
div.junior-03{
	text-align:center;
	background:#f0f0f0;
	padding:10px 0 5px;
}

div.rs-01{
	background:url(../images/img/rs_01.jpg);
	min-height:600px;
}
div.rs-01 ol{
	padding:150px 0 0;
	counter-reset: rinen;
}
div.rs-01 ol li{
	color:#fff;
	font-size:28px;
	margin:0 30px 30px 20px;
	padding-left:60px;
	position: relative;
	list-style:none;
}
div.rs-01 ol li:before {
  counter-increment: rinen;
  content: counter(rinen) " ";
  color: #fff;
	position: absolute;
	left: 0;
	border-radius:50%;
	width:46px;
	height:46px;
	background:#0e7b38;
	text-align:center;
	font-size:36px;
	font-family:impact;
}

	
.coach{
	padding:20px 20px 1px 20px;
	min-height:770px;
	margin-bottom:100px;
}
.okano{background:url(../images/img/coach_01.jpg) no-repeat;}
.maeda{background:url(../images/img/coach_02.jpg) no-repeat;}
.ishibe{background:url(../images/img/coach_03.jpg) no-repeat;}
.kimura{background:url(../images/img/coach_04.jpg) no-repeat;}
.coach .name{
	margin:35px 0 0px 20px;
	font-size:54px;
	color:#fff;
	text-shadow:0px 0px 3px #000;
	font-weight:bold;
}
.coach .name small{
	font-size:18px;
}

.coach .msg{
  position: relative;
  padding: 20px;
	width:700px;
	margin:-30px 0 0 20px;
	background:rgba(32,153,59,0.8);
	font-size:24px;
	border-radius:20px;
	color:#fff;
}
.coach .msg::before{
  content: '';
  position: absolute;
  right: -34px;
  top: 30px;
  display: block;
  width: 0;
  height: 0;
  border-left: 20px solid rgba(32,153,59,0.8);
  border-bottom: 15px solid transparent;
	border-top: 15px solid transparent;
  border-right: 15px solid transparent;
}
.coach dl{
  margin:0px 0 15px 20px;
	list-style:none;
	background:;
	overflow:auto;
}
.coach dl dt{
	clear:both;
	width:150px;
	font-size:16px;
	float:left;
	padding:10px 0;
	margin-right:10px;
	color:#109f35;
	font-weight:bold;
	text-indent:10px;
	margin-bottom:5px;
}

.coach dl dd{
	padding:10px 0 10px 150px;
	font-size:16px;
	padding:10px 0;
	margin-bottom:5px;
	background:rgba(235,235,235,0.9);
	width:700px;
}

.coach-01{
	display: flex;
	flex-direction: row-reverse;
	margin-bottom: 50px;
	background: #f0f0f0;
	padding:20px;
}
.coach-01 p.img{
	margin-right: 50px;
}
.coach-01 p.msg{
	font-size:20px;
}
.coach-01 p.msg::before{
	content:"メッセージ";
	display: block;
	font-size: 16px;
	color:#666;
}
.coach-01 dt{
	font-size: 16px;
	color: #666;
}
.coach-01 dd{
	font-size: 18px;
	margin-bottom: 10px;
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
}


dl.faq dt{
	background:#f0f0f0;
	padding:15px 15px 15px 50px;
	font-weight:bold;
	font-size:18px;
	border-radius:25px;
}
dl.faq dt:before{
	content:"Q";
	background:#109f35;
	color:#fff;
	border-radius:50%;
	text-align:center;
	padding:10px 15px;
	margin-right:9px;
	margin-left:-50px;
}

dl.faq dd{
	margin-bottom:25px;
	padding:15px 15px 15px 50px;
	font-size:18px;
}
dl.faq dd:before{
	content:"A";
	background:#fa9600;
	color:#fff;
	border-radius:50%;
	text-align:center;
	padding:10px 15px;
	margin-right:9px;
	margin-left:-50px;
}

/***************** staff *****************************/
.staff-01{
	background:url(../images/bg/staff.jpg) no-repeat left center;
	padding:20px 20px 1px 20px;
	min-height:600px;
}
.staff-01 p.img{
	float:left;
	margin-right:30px;
	position:relative;
	z-index:1;
}
/*
.staff-01 p.img::before{
	content:" ";
  display:inline-block;
	background:url(../images/bg/staff_frame.png) no-repeat;
	width:360px;
	height:560px;
	z-index:10;
	position:absolute;
}
*/
.staff-01 p.img img{
	margin-bottom:-8px;
}
.staff-01 p.name{
	font-family:impact, Avenir, 'Helvetica Neue', "Arial Black", Gadget, sans-serif;
	font-size:60px;
	margin-top:-20px;
	color:#0c4e1e;
}
.staff-01 .msg{
  position: relative;
  padding: 20px;
	margin-left:390px;
	background:rgba(255,255,255,0.6);
	font-size:24px;
	border-radius:20px;
}
.staff-01 .msg::before{
  content: '';
  position: absolute;
  left: -35px;
  top: 30px;
  display: block;
  width: 0;
  height: 0;
  border-right: 20px solid rgba(255,255,255,0.6);
  border-bottom: 15px solid transparent;
	border-top: 15px solid transparent;
  border-left: 15px solid transparent;
}
.staff-01 .msg strong{
	display:block;
	font-size:26px;
}

ul.staff-02{
	margin:20px 0 0;
}
ul.staff-02 li{
	float:left;
	width:24%;
	margin:2% 0.5%;
	list-style:none;
	text-align:center;
	font-size:18px;
	background:#eee;
	padding:4% 0.5% 1.5%;
}
ul.staff-02 li:last-child{
	width:99%;
}
ul.staff-02 li strong{
	display:block;
	font-size:22px;
	margin:-60px auto 10px;
	color:#fff;
	background:#109f35;
	width:200px;
}


ul.staff-03{
	margin:-33px;
}
ul.staff-03 li{
	text-align:center;
	list-style:none;
	width:300px;
	height:340px;
	margin:33px;
	float:left;
	text-align:center;
	position:relative;
	overflow:hidden;
	animation: moveimg-01 5s infinite;
}
ul.staff-03 li:nth-child(odd){
	animation: moveimg-02 5s infinite;
}
ul.staff-03 li a{
	text-decoration:none;
	display:block;
	width:100%;
	
}
ul.staff-03 li a:after{
	content:" ";
  display:inline-block;
	background:url(https://www.54-luck.com/court/kawagoe/images/bg/staff.png) no-repeat;
	background-size:contain;
	position:absolute;
	z-index:5;
	width:300px;
	height:350px;
	left:0px;
	top:0;
}
ul.staff-03 li a span{
	z-index:6;
	position:relative;
	font-size:22px;
	color:#333;
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
ul.staff-03 li a:hover span{
	color:#090;
	font-size:28px;
}
ul.staff-03 li img{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto -160px;
	
}
ul.staff-03 li img.dum{
	margin:-80px auto -80px;
}


/***************** utility *****************************/
div#utility {
	float: left;
	width: 200px;
	margin-left: 20px;
	margin-bottom: 20px;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
	background:#f0f0f0;
}


/***************** footer *****************************/
div#footer {
	clear: both;
	text-align:center;
	color:#666;
	padding:30px 0;
}
div#footer p.footer-01{
	text-align:center;
	font-size:12px;
	margin:30px 0;
	color:#fff;
	background:#ff3131;
	padding:6px 0 5px;
}
div#footer p.footer-02{
	text-align:center;
	margin-bottom:30px;
}
div#footer div.footer-left-box{
	width:540px;
	/* float:left; */
	margin:0 auto;
}
div#footer div.footer-left-box p{
	margin:10px 30px;
}
div#footer div.footer-left-box p img{
	width: 200px;
	height: auto;
}
div#footer div.footer-left-box dl.table dt{
	width:80px;
	font-size:11px;
	padding:5px 0;
	text-align:left;
}
div#footer div.footer-left-box dl.table dd{
	font-size:11px;
	padding:5px 0 5px 80px;
	text-align:left;
}
div#footer div.footer-left-box dl.table dd a{
	color:#666;
	text-decoration:none;
}
div#footer div.footer-right-box{
	width:540px;
	float:right;
	text-align:right;
}

div#footer ul{
	clear:both;
	display:table;
	width:100%;
	padding:30px 0;
}
div#footer ul li{
	display:table-cell;
	width:11.1%;
}
div#footer ul li a{
	color:#666;
	text-decoration:none;
	font-size:12px;
}

div#footer address{
	font-size:12px;
	margin:15px 0;
	font-style:normal;
}
div#footer p.contigo{
	font-size:11px;
}
div#footer p.contigo a{
	color:#666;
	text-decoration:none;
}
div#footer p.contigo img{
	margin:0 3px -6px 5px;
}

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 8px 0 8px;
	box-sizing:border-box;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #ff3131;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}





/************************** SP,PCボタン *******************************/
div#switchMenu {
	clear:both;
	width: 100%;
	height: 40px;
	margin:20px auto 5px;
}

div#switchMenu ul{
	display: block;
	list-style-type: none;
	margin-top:15px;
}

div#switchMenu li {
	display: list-item;
	text-align: -webkit-match-parent;
	background-color: #666;
}

div#switchMenu li a {
	background:#ddd;
	display: block;
	padding: 10px;
	width: 100%;
	box-sizing:border-box;
	color: #333;
	font-size:48px;
	text-decoration: none !important;
	text-align: center;
}
@media all and (min-width: 0) and (max-width: 640px)  {
div#switchMenu li a {
	font-size:24px;
}
}





/************************** form ***************************/
.ssl{
	border:1px solid #eee;
	background:#f9f9f9;
	padding:15px 15px 0;
	text-align:center;
	margin-bottom:20px;
}
.ssl p{
	font-size:12px;
}
.ssl span{
	text-align:center;
	display:block;
}
form dl {
	margin: 15px 0;
	padding: 0 10px 10px;
	border: 10px #eee solid;
}
form dl dt {
	float: left;
	width: 17em;
	padding: 15px 0 5px;
	text-indent: 0;
	line-height: 150%;
	font-size:16px;
}
form dl dd {
	padding: 10px 0 10px 17em;
	line-height: 150%;
	border-bottom: 1px #555 solid;
	font-size:16px;
}
.emphasis,
abbr{
	color:red;
	font-size:11px;
}
form abbr.attention,
form abbr.ayl{
	float:right;
	margin-right:15px;
	background:#ff0000;
	color:#fff;
	padding:0 5px;
	font-weight:bold;
}
form abbr.ayl{
	background:#ccc;
	color:#000;
}
form dl input{
	ime-mode:active;
	width:300px;
	padding:5px;
	font-size:16px;
}
form dl dd.short input,
form dl dd.short select{
	width:100px;
}

form dl select{
	width:300px;
	padding:5px;
	font-size:16px;
}
form dl textarea{
	ime-mode:active;
	padding:5px;
	width:440px;
	height:150px;
}
form dl label input{
	width:22px;
}
form .submit{
	font-size:40px;
	width:80%;
	padding:20px;
	background:#ff3131;
	color:#fff;	
	border:none;
	cursor:pointer;
}
form .submit:hover{
	background:#090;
}

div#content p.conversion{
	margin:25px auto;
	width: 100%;
	box-sizing:border-box;
	text-align:center;
}
div#content p.conversion a{
	background:#ff3131;
	color: #FFF;
	padding:35px 30px 30px;
	font-size:36px;
	display:block;
	text-decoration:none;
}
div#content p.conversion a:hover{
	background:#090;
}

/******************************* gallery *********************************/
div#media ul {
  margin: 10px 0;
}
div#media ul li {
  display: inline;
  list-style: none;
}
div#media ul li img {
  max-width: 120px;
  max-height: 120px;
  margin-bottom: 10px;
}
div#media ul li span.directory {
  display: block;
  margin: 10px 0;
  font-size: 120%;
  font-weight: bold;
}
div#media ul li ul {
  margin: 0 0 0 20px;
}

div.directories {
  overflow: hidden;
}
div.directories div.directory {
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
}
div.directories div.directory p {
  margin: 0;
  text-align: center;
	font-size:12px !important;
}
div.directories div.directory p a {
  display: block;
  width: 240px;
  height: 160px;
  background-color: #444444;
  text-decoration: none;
}
div.directories div.directory p a img {
  max-width: 240px;
  max-height: 160px;
}





/********************* pager ***************************/
#page{
	clear:both;
	border-top:3px dotted #ddd;
	margin-top:15px;
	padding-top:15px;
}
#page ul.order{
	list-style:none;
}
#page ul.order li{
	border:1px solid #ddd;
	text-align:center;
	width:100px;
	padding:10px 0;
}
#page ul.order li.prev{
	float:left;
}
#page ul.order li.next{
	float:right;
}
#page ul.order li a{
	color:#fff;
	background:#09f;
	display:block;
	padding:10px 0;
	margin:-10px 0;
	text-decoration:none;
}
#page ul li a:hover{
	background:#0CF;
}


#page ul.direct{
	clear:both;
	display:table;
	margin:0 auto;
	border-spacing: 5px;  /* 左右 上下で記述 */
}
#page ul.direct li{
	display:table-cell;
	width:40px;
	border:1px solid #ddd;
	text-align:center;
	padding:8px 0;
}
#page ul.direct li a{
	padding:8px 0;
	display:block;
	margin:-8px 0;
	color:#fff;
	background:#09f;
}
#page ul.direct li a:hover{
	background:#0CF;
}




/********* clearfix ************************************************/
.listing:after,
ul.sixColumns:after,
ul.fiveColumns:after,
ul.fourColumns:after,
ul.threeColumns:after,
ul.twoColumns:after,
.clearfix:after {
    content: ".";  /* 新しいコンテンツ */
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; /* 非表示に */
}

.listing,
ul.sixColumns,
ul.fiveColumns,
ul.fourColumns,
ul.threeColumns,
ul.twoColumns, 
.clearfix {
  min-height: 1px;
}

* html .clearfix {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}


/*************************** html ***********************/
.hundred-vw{
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}

@media screen and (max-width:1100px){
.hundred-vw{
    width: 100%;
    margin: 0;
}
}
.team-02 ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.team-02 ul li{
	list-style: none;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: #f0f0f0;
	margin: 1%;
	font-size: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 5px solid #fff;
	box-shadow: 0 0 2px #666;
}

.container-green,
.container-blue,
.container-pink,
.container-gray{
	padding:20px 0 50px;
	margin-bottom: 30px;
}
.container-green{background:rgba(106,193,125,0.2);}
.container-blue{background:rgba(80,125,176,0.2);}
.container-pink{background:rgba(252,90,90,0.2);}
.container-gray{background:rgba(0,0,0,0.1);}

.more{
	margin:25px auto;
	width: 100%;
	max-width: 500px;
	box-sizing:border-box;
	text-align:center;
}
.more a{
	border:1px solid #ccc;
	color: #333 !important;
	padding:25px 30px;
	border-radius:10px;
	font-size:20px;
	display:block;
	text-decoration:none;
}
.more a:hover{
	background:#eee;
}

.trial-conversion{
	margin:50px auto;
	width:100%;
	max-width: 500px;
	box-sizing:border-box;
	text-align:center;
}
.trial-conversion::before{
	content:"\005C　今なら特典付き　/";
  font-family: arial;
	font-size: 26px;
}
.trial-conversion a{
	background:#e7891e;
	color: #FFF !important;
	padding:30px;
	border-radius:10px;
	font-size:30px;
	display:block;
	text-decoration:none;
	transition:.3s;
}
.trial-conversion a:hover{
	background:#063;
}

.trial-01{
	background: #004080;
}
.trial-01 img{
	max-width: 100%;
	height: auto;
}

.trial-02 h2{
	text-align: center;
	padding:100px 0 50px;
}
.trial-02 section{
	margin-bottom: 60px;
}
.trial-02 section:nth-child(even){
	background-color:#eee;
}
.trial-02 section div.fixbox{
	display: flex;
	align-items: center;
}
.trial-02 section:nth-child(odd) div.fixbox{
	flex-direction: row-reverse;
}
.trial-02 div.txt{
	padding:30px;
}
.trial-02 div.img{
	transform:rotate(0.01turn);
	margin:0 30px;
}
.trial-02 div.img img{
	margin-bottom: -10px;
	box-shadow: 1px 1px 5px #333;
}
.trial-02 h3{
	color:#005292;
	margin-bottom: 20px;
}
.trial-02 h3 span{
	display: flex;
	justify-content: center;
	align-items: center;
	background:#005292;
	color:#fff;
	border-radius: 6px;
	width:100px;
	height: 30px;
	font-size: 20px;
	font-weight: normal;
}
.trial-02 p{
	font-size:20px;
}

.flow-section-container{
	counter-reset: flow-section;
	background:url(../images/bg/border.svg) no-repeat center 15rem;
	background-size: contain;
}
.flow-section-container section{
	display: flex;
	align-items: center;
	width:calc(50% + 8rem);
	margin-bottom:3rem;
}
.flow-section-container section:nth-child(odd){
	flex-direction: row-reverse;
	margin-left:calc(50% - 8rem);
}
.flow-section-container h3{
	border:none;
	padding: 0 0 0.4rem;
	margin: 0;
	border-bottom:1px dotted #ccc;
	color:#005292;
}
.flow-section-container h3::before{
	counter-increment: flow-section;
	content: counter(flow-section);
	font-size: 100%;
	font-weight: normal;
	background: #005292;
	display: inline-block;
	text-align: center;
	width: 4rem;
	padding:0.4rem 0;
	color:#fff;
	margin-right: 0.4rem;
}
.flow-section-container p{
	font-size:20px;
}
.flow-section-container div.img{
	width: 16rem;
	margin:0 0 0 2rem;
	flex-shrink: 0;
}
.flow-section-container section:nth-child(odd) div.img{
	margin:0 2rem 0 0;
}
.flow-section-container div.img img{
	border-radius: 50%;
	height: auto;
	width:100%;
}