@charset "UTF-8";
/* CSS Document */
.flxB {
	display: flex;
	flex-wrap: wrap;
}

.clm {
	padding: 60px 0;
}

.clm .wrapper {
	width: 1100px;
	margin: 0 auto;
}

.clm h2 {
	font-size: 20px!important;
	font-weight: bold!important;
	text-align: left!important;	
	padding-bottom: 0!important;
	margin-bottom: 40px!important;
}

.clm h2:after {
	display: none;	
}

.blc01 {
	background-image: url("../img/top/main_bg.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 60px 0 60px;
}

.blc01 .wrapper {
	width: 900px!important;
	margin: 0 auto;	
}

.blc01 h1 {
	font-size: 26px;
	font-weight: bold;
	color: #054b82;
	text-shadow:
		1px 1px 0 #FFF, -1px -1px 0 #FFF,
		-1px 1px 0 #FFF, 1px -1px 0 #FFF,
		0px 1px 0 #FFF,  0-1px 0 #FFF,
		-1px 0 0 #FFF, 1px 0 0 #FFF;
	margin-bottom: 20px;
}

.blc01 h1 span {
	color: #ffffff;
	text-shadow: none;
	font-size: 14px;
	font-weight: normal;
	display: inline-block;
	margin-left: 15px;
}

.blc01 .flxB > div {
	width: 12.5%;
	text-align: center;
	margin-bottom: 40px;
}

.blc01 .flxB > div:hover {
	cursor: pointer;
}

.blc01 .flxB > div .icon {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 90px;
	height: 90px;
	display: inline-block;
}

.blc01 .flxB > div p {
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	margin-top: 7px;
}

.blc01 .flxB > div.soccer .icon {
	background-image: url("../img/top/icon_soccer.png");
}

.blc01 .flxB > div.futsal .icon {
	background-image: url("../img/top/icon_futsal.png");
}

.blc01 .flxB > div.baseball .icon {
	background-image: url("../img/top/icon_baseball.png");
}

.blc01 .flxB > div.softB .icon {
	background-image: url("../img/top/icon_softball.png");
}

.blc01 .flxB > div.basket .icon {
	background-image: url("../img/top/icon_basketball.png");
}

.blc01 .flxB > div.valley .icon {
	background-image: url("../img/top/icon_valleyball.png");
}

.blc01 .flxB > div.tableT .icon {
	background-image: url("../img/top/icon_tabletennis.png");
}

.blc01 .flxB > div.badm .icon {
	background-image: url("../img/top/icon_badminton.png");
}

.blc01 .flxB > div.tennis .icon {
	background-image: url("../img/top/icon_tennis.png");
}

.blc01 .flxB > div.softT .icon {
	background-image: url("../img/top/icon_softtennis.png");
}

.blc01 .flxB > div.hand .icon {
	background-image: url("../img/top/icon_handball.png");
}

.blc01 .flxB > div.ragby .icon {
	background-image: url("../img/top/icon_ragby.png");
}

.blc01 .flxB > div.lacrosse .icon {
	background-image: url("../img/top/icon_lacrosse.png");
}

.blc01 .flxB > div.judo .icon {
	background-image: url("../img/top/icon_judo.png");
}

.blc01 .flxB > div.karate .icon {
	background-image: url("../img/top/icon_karate.png");
}

.blc01 .flxB > div.kendo .icon {
	background-image: url("../img/top/icon_kendo.png");
}

.blc01 .flxB > div.soccer:hover .icon,
.blc01 .flxB > div.soccer .icon.on {
	background-image: url("../img/top/icon_soccer_on.png");
}

.blc01 .flxB > div.futsal:hover .icon,
.blc01 .flxB > div.futsal .icon.on {
	background-image: url("../img/top/icon_futsal_on.png");
}

.blc01 .flxB > div.baseball:hover .icon,
.blc01 .flxB > div.baseball .icon.on {
	background-image: url("../img/top/icon_baseball_on.png");
}

.blc01 .flxB > div.softB:hover .icon,
.blc01 .flxB > div.softB .icon.on {
	background-image: url("../img/top/icon_softball_on.png");
}

.blc01 .flxB > div.basket:hover .icon,
.blc01 .flxB > div.basket .icon.on {
	background-image: url("../img/top/icon_basketball_on.png");
}

.blc01 .flxB > div.valley:hover .icon,
.blc01 .flxB > div.valley .icon.on {
	background-image: url("../img/top/icon_valleyball_on.png");
}

.blc01 .flxB > div.tableT:hover .icon,
.blc01 .flxB > div.tableT .icon.on {
	background-image: url("../img/top/icon_tabletennis_on.png");
}

.blc01 .flxB > div.badm:hover .icon,
.blc01 .flxB > div.badm .icon.on {
	background-image: url("../img/top/icon_badminton_on.png");
}

.blc01 .flxB > div.tennis:hover .icon,
.blc01 .flxB > div.tennis .icon.on {
	background-image: url("../img/top/icon_tennis_on.png");
}

.blc01 .flxB > div.softT:hover .icon,
.blc01 .flxB > div.softT .icon.on {
	background-image: url("../img/top/icon_softtennis_on.png");
}

.blc01 .flxB > div.hand:hover .icon,
.blc01 .flxB > div.hand .icon.on {
	background-image: url("../img/top/icon_handball_on.png");
}

.blc01 .flxB > div.ragby:hover .icon,
.blc01 .flxB > div.ragby .icon.on {
	background-image: url("../img/top/icon_ragby_on.png");
}

.blc01 .flxB > div.lacrosse:hover .icon,
.blc01 .flxB > div.lacrosse .icon.on {
	background-image: url("../img/top/icon_lacrosse_on.png");
}

.blc01 .flxB > div.judo:hover .icon,
.blc01 .flxB > div.judo .icon.on {
	background-image: url("../img/top/icon_judo_on.png");
}

.blc01 .flxB > div.karate:hover .icon,
.blc01 .flxB > div.karate .icon.on {
	background-image: url("../img/top/icon_karate_on.png");
}

.blc01 .flxB > div.kendo:hover .icon,
.blc01 .flxB > div.kendo .icon.on {
	background-image: url("../img/top/icon_kendo_on.png");
}

.blc01 .areaBtn {
	display: flex;
	flex-wrap: wrap;
}

.blc01 .areaBtn > div {
	width: 16.6%;
	text-align: center;
}

.blc01 .areaBtn > div span {
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	background-color: #ffffff;
	border-radius: 50px;
	width: 130px;
	padding: 3px 0;
}

.blc01 .areaBtn > div span:hover {
	cursor: pointer;
}

.blc01 .areaBtn > div span:hover,
.blc01 .areaBtn > div span.on {
	color: #ffffff;
	background-color: #0f5287;
}

.blc02 h2 {
	color: #ff8d1e;
}

.rst .flxB > div {
	width: 22.7%;
	margin-right: 3%;
	border: 1px solid #ccc;
	margin-bottom: 40px;
}

.rst .flxB > div:nth-child(4n) {
	margin-right: 0;
}

.rst .flxB > div .upBG {
	position: relative;	
}

.rst .flxB > div .pref {
	position: absolute;
	top: -10px;
	left: 7px;
	color: #ffffff;
	background-color: #ff8d1e;
	display: inline-block;
	padding: 0px 7px;
}

.rst .flxB > div .cate {
	width: 75.6%;
	position: absolute;
	left: 0;
	bottom: -8px;
}

.rst .flxB > div .cate img {
	width: 100%;
}

.rst .flxB > div .upBG {
	background-image: url("../img/top/bg_soccer.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 120px;
}

.rst .flxB > div .cateIcon {
	width: 55px;
	height: 55px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	right: 4px;
	bottom: -12px;
	background-image: url("../img/top/icon_soccer.png");
	border-radius: 100%;
	border: 2px solid #9a9a9a;
}

.rst .flxB > div .btm {
	padding: 15px 7px;
}

.rst .flxB > div .btm .sclName {
	font-size: 16px;
	font-weight: bold;
	color: #ff8d1e;
}

.rst .flxB > div .btm .cateName {
	color: #ff8d1e;
	margin-bottom: 7px;
}

.rst .flxB > div.soccer .upBG {
	background-image: url("../img/top/bg_soccer.jpg");
}

.rst .flxB > div.soccer .cateIcon {
	background-image: url("../img/top/icon_soccer.png");
}

.rst .flxB > div.futsal .upBG {
	background-image: url("../img/top/bg_futsal.jpg");
}

.rst .flxB > div.futsal .cateIcon {
	background-image: url("../img/top/icon_futsal.png");
}

.rst .flxB > div.baseball .upBG {
	background-image: url("../img/top/bg_baseball.jpg");
}

.rst .flxB > div.baseball .cateIcon {
	background-image: url("../img/top/icon_baseball.png");
}

.rst .flxB > div.softB .upBG {
	background-image: url("../img/top/bg_softball.jpg");
}

.rst .flxB > div.softB .cateIcon {
	background-image: url("../img/top/icon_softball.png");
}

.rst .flxB > div.basket .upBG {
	background-image: url("../img/top/bg_basketball.jpg");
}

.rst .flxB > div.basket .cateIcon {
	background-image: url("../img/top/icon_basketball.png");
}

.rst .flxB > div.valley .upBG {
	background-image: url("../img/top/bg_valleyball.jpg");
}

.rst .flxB > div.valley .cateIcon {
	background-image: url("../img/top/icon_valleyball.png");
}

.rst .flxB > div.tableT .upBG {
	background-image: url("../img/top/bg_tabletennis.jpg");
}

.rst .flxB > div.tableT .cateIcon {
	background-image: url("../img/top/icon_tabletennis.png");
}

.rst .flxB > div.badm .upBG {
	background-image: url("../img/top/bg_badminton.jpg");
}

.rst .flxB > div.badm .cateIcon {
	background-image: url("../img/top/icon_badminton.png");
}

.rst .flxB > div.tennis .upBG {
	background-image: url("../img/top/bg_tennis.jpg");
}

.rst .flxB > div.tennis .cateIcon {
	background-image: url("../img/top/icon_tennis.png");
}

.rst .flxB > div.softT .upBG {
	background-image: url("../img/top/bg_softtennis.jpg");
}

.rst .flxB > div.softT .cateIcon {
	background-image: url("../img/top/icon_softtennis.png");
}

.rst .flxB > div.hand .upBG {
	background-image: url("../img/top/bg_handball.jpg");
}

.rst .flxB > div.hand .cateIcon {
	background-image: url("../img/top/icon_handball.png");
}

.rst .flxB > div.ragby .upBG {
	background-image: url("../img/top/bg_ragby.jpg");
}

.rst .flxB > div.ragby .cateIcon {
	background-image: url("../img/top/icon_ragby.png");
}

.rst .flxB > div.lacrosse .upBG {
	background-image: url("../img/top/bg_lacrosse.jpg");
}

.rst .flxB > div.lacrosse .cateIcon {
	background-image: url("../img/top/icon_lacrosse.png");
}

.rst .flxB > div.judo .upBG {
	background-image: url("../img/top/bg_judo.jpg");
}

.rst .flxB > div.judo .cateIcon {
	background-image: url("../img/top/icon_judo.png");
}

.rst .flxB > div.karate .upBG {
	background-image: url("../img/top/bg_karate.jpg");
}

.rst .flxB > div.karate .cateIcon {
	background-image: url("../img/top/icon_karate.png");
}

.rst .flxB > div.kendo .upBG {
	background-image: url("../img/top/bg_kendo.jpg");
}

.rst .flxB > div.kendo .cateIcon {
	background-image: url("../img/top/icon_kendo.png");
}

.rst .btn_more {
	text-align: right;
}

.rst .btn_more i {
	margin-left: 10px;
}


.rst .btn_more a {
	background-color: #ff631e;
	font-size: 16px;
	color: #ffffff;
	padding: 10px 35px;
	border-radius: 24px;
}

.rst .btn_more a:hover {
	opacity: 0.85;
}

.blc03 h2 {
	color: #0f5287;
}

.blc03.rst .btn_more a {
	background-color: #0f5287;
}

.blc03.rst .flxB > div .pref {
	background-color: #0f5287;
}

.blc03.rst .flxB > div .btm .sclName {
	color: #0f5287;
}

.blc03.rst .flxB > div .btm .cateName {
	color: #0f5287;
}

.btn_area {
	display: flex;
	flex-wrap: wrap;
	margin: 50px 0 50px;
}

.btn_area > div {
	width: 50%;
	text-align: center;
}

.blc04 {
	background-color: #F2F2F2;
	text-align: center!important;
}

.blc04 h2 {
	text-align: center!important;
}

.blc04 .copy {
	text-align: center;
	margin-bottom: 50px;
}

.blc04 .logo {
	width: 360px;
	margin-right: 10px;
}

.blc04 .flxB > div {
	width: 50%;
	text-align: center;
	margin-bottom: 40px;
}

.blc04 .btn_detail {
	margin-bottom: 20px 0 70px;
}

.blc05 {
	text-align: center;
	padding: 50px 0;
}

.blc05 h2 {
	font-size: 40px!important;
	color: #054b82!important;
	text-align: center!important;
	font-weight: normal!important;
}

.blc06 {
	background-color: #f1f2f2;
	padding: 50px 0;
	text-align: center;
}

.blc07 {
	padding: 80px 0;
	text-align: center;
	background-image: url("../img/top/clm07_bg.jpg");
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

.blc07 h2 {
	color: #ffffff!important;
	font-size: 40px!important;
	font-weight: bold!important;
	text-align: center!important;
}

.blc07 .logo {
	width: 374px;
	margin: 95px 0;
	background-color: rgba(255,255,255,0.40);
	padding: 20px;
}

.sysMes {
	background-color: #ffffff;
}

.blc07 .flxB > div {
	width: 50%;
}

.logIn {
    width: 550px;
	background-color: rgba(255,255,255,0.40);
	padding: 40px 20px;
}

.logIn p.ttl {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #0a4d8b;
	  text-shadow:
		  1px 1px 0 #FFF, -1px -1px 0 #FFF,
		  -1px 1px 0 #FFF, 1px -1px 0 #FFF,
		  0px 1px 0 #FFF,  0-1px 0 #FFF,
		  -1px 0 0 #FFF, 1px 0 0 #FFF;
	position: relative;
	display: inline-block;
}
.logIn p.ttl {
	display: inline-block;
	width: 100%;
}

.logIn .table>tbody>tr>td, 
.logIn .table>tbody>tr>th, 
.logIn .table>tfoot>tr>td, 
.logIn .table>tfoot>tr>th, 
.logIn .table>thead>tr>td, 
.logIn .table>thead>tr>th {
	border: none;
}

.logIn .table th {
	text-align: left;
	width: 15%;
}

.logIn .sai_form_table {
    margin-bottom: 20px;
}

/*  1910キャンペーン  */
.cam1910 .wrapper {
	padding-top: 50px;
}

.cam1910 .wrapper .flxB > div {
	width: 50%;
}

.cam1910 .wrapper .flxB > div a:hover {
	opacity: 0.8;
}


.cam1910 .wrapper .flxB.btm > div:nth-child(1) {
	width: 40%;
	padding: 20px 0 0 20px;
}

.cam1910 .wrapper .flxB.btm > div:nth-child(2) {
	width: 60%;
	margin-top: -50px;
}

.blc01 {
	position: relative;
}

.blc01 .wrapper .bnr_cam {
	position: absolute;
	bottom: 15px;
	right: 0;
	width: 20%;
}

.blc01 .wrapper .bnr_cam a:hover {
	opacity: 0.9;
}


@media screen and (max-width: 767px) {
	img {
		width: 100%;
	}
	
	.clm {
		padding: 30px 0;
	}
	
.clm .wrapper {
	width: 100%;
	padding: 0 10px;
}

.clm h2 {
	font-size: 17px!important;
	margin-bottom: 20px!important;
}

.blc01 {
	padding: 40px 0 20px;
}

.blc01 .wrapper {
	width: 100%!important;
	margin: 0 auto;	
	padding: 0 10px;
}

.blc01 h1 {
	font-size: 22px;
}

.blc01 h1 span {
	margin-left: 0;
	display: block;
	margin-top: 10px;
}

.blc01 .flxB > div {
	width: 25.0%;
	margin-bottom: 20px;
}

.blc01 .flxB > div .icon {
	width: 20vw;
	height: 20vw;
}

.blc01 .flxB > div p {
	font-size: 3vw;
}
	
.blc01 .areaBtn > div {
	width: 33.3%;
	margin-bottom: 15px;
}

.blc01 .areaBtn > div span {
	font-size: 3.5vw;
	width: 95%;
}

	
	
.rst .flxB > div {
	width: 49.0%;
	margin-right: 2%;
	margin-bottom: 40px;
}

.rst .flxB > div:nth-child(2n) {
	margin-right: 0;
}

.rst .flxB > div .pref {
	font-size: 12px;
}

.rst .flxB > div .upBG {
	height: 20vw;
}

.rst .flxB > div .cateIcon {
	width: 13vw;
	height: 13vw;
}

.rst .flxB > div .btm .sclName {
	font-size: 15px;
}

.rst .btn_more a {
	font-size: 15px;
	color: #ffffff;
	padding: 8px 25px;
}
	
.btn_area {
	margin: 30px 0 0;
}

.btn_area > div {
	width: 100%;
}
	
.btn_area > div img {
	width: 70%;
	margin-bottom: 30px;
	}
	

.blc04 .copy {
	text-align: center;
	margin-bottom: 40px;
}

.blc04 .logo {
	width: 70%;
	margin-right: 0;
	margin-bottom: 20px;
}

.blc04 .flxB > div {
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}

 .btn_detail {
	margin-bottom: 20px 0 70px;
	padding: 0 15vw;
}

.blc05 {
	padding: 40px 0;
}

.blc05 h2 {
	font-size: 22px!important;
}

.blc06 {
	padding: 40px 0;
}

.blc07 {
	padding: 40px 0;
	text-align: center;
}

.blc07 h2 {
	font-size: 21px!important;
}

.blc07 .logo {
	width: 85vw;
	margin: 30px 0;
}
	
	.blc07.clm a {
		width: 85vw;
		display: block;
		margin: 0 auto;
	}	

.blc07 .flxB > div {
	width: 100%;
}

.logIn {
	margin-top: 30px;
    width: 100%;
	padding: 20px 20px;
}

.logIn p.ttl {
	font-size: 20px;
}


.logIn .loginBox {
    width: 100%;
	padding: 15px 0 15px;
}
	

.logIn .table tr {
	display: block;
	}
	
	.logIn .table th {
	width: 100%!important;
	display: block!important;
	box-sizing: border-box!important;
	padding: 5px 20px 5px!important;	
}

	.logIn .table td {
	width: 100%!important;
	display: block!important;
	box-sizing: border-box!important;
}
	
	.logIn .table td input {
		width: 100%;
	}
	
/*  1910キャンペーン  */
.cam1910 .wrapper {
	padding-top: 50px;
}

.cam1910 .wrapper .flxB > div {
	width: 100%;
}

.cam1910 .wrapper .flxB > div a:hover {
	opacity: 0.8;
}


.cam1910 .wrapper .flxB.btm > div:nth-child(1) {
	width: 100%;
	padding: 30px 0 10px;
}

.cam1910 .wrapper .flxB.btm > div:nth-child(2) {
	width: 100%;
	margin-top: 0;
}

.blc01 {
	position: relative;
	padding-bottom: 15vw;
}

.blc01 .wrapper .bnr_cam {
	bottom: -10vw;
	width: auto;
	height: 30vw;
}
	
	.blc01 .wrapper .bnr_cam img {
		width: auto;
		height: 100%;
	}
	

.blc01 .wrapper .bnr_cam a:hover {
	opacity: 0.9;
}
	
	.blc04 {
		padding-top: 40px;
	}	
	
	
	
	
	
}