@charset "utf-8";

/*--------------------------------------------------------------
Takaragi Navigation
--------------------------------------------------------------*/
#header .headerTop {
	background-color: #40B8FF;
	height: 75px;
	border-bottom: 1px solid #005ec2;
}
#header .headerTop h1.sp {
	width: 270px;
	margin: 0 auto 0 20px;
	padding: 12px 0 0;
}
#header .headerTop h1.pc {
	display: none;
}
#navi {
	background-color: #40B8FF;
	width: 100%;
}
#navi .menu li {
	color: #ffffff;
}
#navi .menu li:hover,
#navi .headContact ul li:hover {
	background-color: #0991E3;
}
#navi .headContact ul li {
	border: 1px solid #bde6ff;
}
#navi .headContact p {
	color: #fff66b;
}
@media only screen and (max-width: 767px) {
	#navi .menu li {
		border-top: 1px solid #bde6ff;
	}
	#navi .menu li:nth-child(n+7) {
		border-bottom: 1px solid #bde6ff;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1022px) {
	.headerWrap {
		border-bottom: 1px solid #005ec2;
	}
	#header .headerTop {
		height: 86px;
		border-bottom: 1px solid #bde6ff;
	}
	#header .headerTop h1.sp {
		width: 317px;
		z-index: 102;
		position: relative;
	}
	#navi .menu li:nth-child(n+1) {
		border-right: 1px solid #bde6ff;
	}
	#navi .menu li:last-child {
		border: none;
	}
	#navi .headContact ul li {
		border: none;
		background-color: #005ec2;
	}
}
@media only screen and (min-width: 961px) and (max-width: 1022px) {
	#navi .menu li:first-child {
		border-left: 1px solid #bde6ff;
	}
	#navi .menu li:last-child {
		border-right: 1px solid #bde6ff;
	}
}
@media only screen and (min-width: 1023px) {
	.headerWrap {
		background-color: #40B8FF;
		border: none;
	}
	#header .headerTop { /* ロゴ */
		height: 166px;
		border-bottom: none;
	}
	#header .headerTop h1.sp {
		display: none;
	}
	#header .headerTop h1.pc {	/* ロゴ */
		display: block;
		width: 180px;
		padding: 19px 0 0;
		margin-left: 10px;
	}
	#navi .menu {
		border-top: 1px solid #bde6ff;
	}
	#navi .menu li.mTopics:after {
		border-right: 1px solid #bde6ff;
	}
	#navi .menu li:nth-child(n+3) {
		border-top: 1px solid #bde6ff;
	}
	#navi .menu li:last-child {
		border-bottom: 1px solid #bde6ff;
	}
	#navi .headContact ul li {
		border: none;
		background-color: #005ec2;
	}
}

/*--------------------------------------------------------------
Takaragi Banner
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
	.mainBanner ul {
		max-width: 588px;
	}
	.mainBanner ul li {
		max-width: 282px;
	}
}

/*--------------------------------------------------------------
Takaragi Footer
--------------------------------------------------------------*/
.footerWrap {
	border-bottom: 1px solid #ffffff;
}
.footerWrap {
	background-color: #c4f5ff;
	border-top: 1px solid #40B8FF;
}
#footer .footMenu .menuBlock p {
	color: #005EC2;
	font-weight: 400;
	margin: 0 0 6px;
}
#copyRight {
	background-color: #005EC2;
}

/*--------------------------------------------------------------
Takaragi Frame
--------------------------------------------------------------*/
.visualWrap {
	border-top: 1px solid #005EC2;
	border-bottom: 1px solid #005EC2;
	background-color: #E4ECF7;
}
.contentsWrap {
	background-image: url(../images/takaragi/diagonal-line_bg.png);
}

/*--------------------------------------------------------------
Takaragi Basic Elements
--------------------------------------------------------------*/
.categoryBox {
padding: 20px;
background-color: rgba(255,255,255,0.4);
}
.categoryBox01 {
}
.categoryBox02 {
}
.categoryBox03 {
}
.slantCaption {
font-size: 18px;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
color:#fff;
background-color: #00A0FF;
background-image: linear-gradient(90deg,#00A0FF 0%,#4DBDFF 100%);
}
.slantCaption01 {
}
.slantCaption02 {
background-image: linear-gradient(90deg,#09E3CD 0%,#7AFFF2 100%);
}
.slantCaption03 {
background-image: linear-gradient(90deg,#fe8719 0%,#fdac61 100%);
}
.sheetBase > h3 {
	border-bottom: 2px solid #40B8FF;
}
.sheetBase > h3:before {
	background-color: #40B8FF;
}
.categoryBox02 .sheetBase > h3 {
	border-bottom: 2px solid #09E3CD;
}
.categoryBox02 .sheetBase > h3:before {
	background-color: #09E3CD;
}
.categoryBox03 .sheetBase > h3 {
	border-bottom: 2px solid #fe8719;
}
.categoryBox03 .sheetBase > h3:before {
	background-color: #fe8719;
}
.sheetBase table tr th {
	background-color: #B8EFFF;
}
.categoryBox02 .sheetBase table tr th {
	background-color: #A5FFF6;
}
.categoryBox03 .sheetBase table tr th {
	background-color: #ffd6b0;
}


/*--------------------------------------------------------------
Takaragi Home
--------------------------------------------------------------*/
#home.contentsWrap {
	background-image: url(../images/takaragi/diagonal-line_bg-home.png);
}
#home .news {
	background-color: #FFFEEB;
	border-top: 1px solid #40B8FF;
	border-bottom: 1px solid #40B8FF;
}
.news .slantTitle h2 {
	background-color: #40B8FF;
}
#home .member {
	background-color: #E8FFFD;
	border-top: 1px solid #00D6C0;
	border-bottom: 1px solid #00D6C0;
}
.member .slantTitle h2 {
	background-color: #09E3CD;
}
.news .topicsThumb .topicsIcon {
	background-color: #40B8FF;
	background-image: linear-gradient(180deg,#A6DEFF 0%,#40B8FF 100%);
}
.member .topicsThumb .topicsIcon {
	background-color: #09E3CD;
	background-image: linear-gradient(180deg,#B7F5EF 0%,#09E3CD 100%);
}
.news .topicsLink {
	background-color: #2EA9F2;
}
.member .topicsLink {
	background-color: #13D4BF;
}
.contMenu li {
	background-color: #00A0FF;
	background-image: url(../images/diagonal-transline_bg.png),
		linear-gradient(to bottom right, #4DBDFF 0%, #00A0FF 50%);
}
.contMenu li a dl dd h5 {
	color: #BFE7FF;
}
#home .access {
	margin: 38px 0 0;
	border-top: 1px solid #40B8FF;
	border-bottom: 1px solid #40B8FF;
	background-color: #D4F6FF;
}
#home .access .accessTitle {
	background-color: #40B8FF;
	color: #ffffff;
	text-shadow: 1px 1px 0 #000000;
}
.recuritBanner .recruitBnrSpace {
	border: 3px solid #34E3D1;
	border-image: url(../images/takaragi/recruit-banner-line.png) 9 round;
	background-color: #FFFCD6;
	background-image: url(../images/takaragi/recruit-banner.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 194px 104px;
}
@media only screen and (min-width: 768px) {
	#home.news {
		border: 1px solid #40B8FF;
	}
	#home.member {
		border: 1px solid #00D6C0;
	}
	#home.access {
		border: 1px solid #40B8FF;
	}
}



.freeLink {
position: relative !important;
display: block !important;
text-align: center !important;
box-shadow: none !important;
}
.freeLink_p {
display: inline-block;
margin-right: auto;
margin-left: auto;
}
.campaign_bnr {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
right: 0px;
}
@media screen and (max-width: 767px) {
	.campaign_bnr {
	width: 150px;
	}
}



/*--------------------------------------------------------------
Topics & Member's Topics
--------------------------------------------------------------*/
#topics #navi .menu li.mTopics {
	background-color: #0991E3;
}
#members #navi .menu li.mMembers {
	background-color: #0991E3;
}
#topics .takaragiVisual,
#members .takaragiVisual {
	background-image: url(../images/takaragi/content_vi_info.jpg);
}
.pagination span,
.pagination a {
	color: #ffffff;
	background: #40B8FF;
}
.pagination .page-of {
	background: none;
	color: #40B8FF;
}
.pagination a:hover{
	background: #0991E3;
}
.pagination .current{
	background: #ffffff;
	color: #40B8FF;
	border: 1px solid #40B8FF;
}
#topics .postTitle:before {
	background-color: #40B8FF;
}
#members .postTitle:before {
	background-color: #00D6C0;
}
.postTitle h3 {
	color: #0991E3;
}

/*--------------------------------------------------------------
Takaragi　Course
--------------------------------------------------------------*/
#course #navi .menu li.mCourse {
	background-color: #0991E3;
}
#course .takaragiVisual {
	background-image: url(../images/takaragi/content_vi_course.jpg);
}
.childParentCorse,
.GeneralCorse {
  margin: 0 0 40px;
  font-size: 0;
}
.lesson {
  font-size: 0;
}
.courseHeading {
position: relative;
font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 22px;
font-weight: bold;
color: #0991E3;
margin: 10px 0;
padding: 5px 0px 5px 60px;
}
.courseHeading::before {
position: absolute;
content: "";
width: 50px;
height: 50px;
top: 50%;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
left: 0;
background-image: url(../images/takaragi/takaragi_course_ico01.png);
background-repeat: no-repeat;
background-position: left center;
background-size: cover;
}
.courseHeading02 {
color: #03D5BF;
}
.courseHeading02::before {
background-image: url(../images/takaragi/takaragi_course_ico02.png);
}
.courseHeading03 {
color: #ff7a00;
}
.courseHeading03::before {
background-image: url(../images/takaragi/takaragi_course_ico03.png);
}
@media screen and (max-width: 767px) {
	.courseHeading {
	}
	.courseHeading::before {
	}
}

.courseTxt {
	margin: 20px 0 0;
	font-size: 16px;
}
.courseImg {
    max-width: 400px;
    margin: 20px;
    display: inline-block;
}
@media screen and (max-width: 767px) {
	.courseImg {
	    max-width: 400px;
	margin-right: auto;
	margin-left: auto;
	    display: block;
	}
}
.coursecap{
	font-size: 12px;
	text-align: center;
}
.courseImg img {
	width: 100%;
}
.courseName {
  margin: 10px -10px 0 0;
  font-size: 0;
}
.courseName li {
  display: inline-block;
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px);
  margin: 10px 10px 0 0;
	vertical-align: top;
	border: 1px solid #cccccc;
	padding: 6px;
	background-color: #ffffff;
}
.courseName li h4 {
	line-height: 1.2;
	color: #0991E3;
	font-size: 15px;
	font-weight: 500;
	margin: 4px 0 0;
}
.categoryBox02 .courseName li h4 {
	color: #03D5BF;
}


.courseName li h5 {
	font-size: 14px;
	margin: 4px 0 6px;
}
h2.slantMtop {
	margin: 30px 0 0;
}
#course .caution {
  font-size: 14px;
  margin: 6px 0 0;
  line-height: 1.2;
}
.sheetBase .fitSummary {
  font-size: 15px;
  margin: 12px 0;
  line-height: 1.4;
}
.sheetBase .sheetCaption {
  font-size: 16px;
  font-weight: 400;
  color: #0991E3;
  padding: 0 0 10px;
  border-bottom: 1px solid #40B8FF;
}
.categoryBox02 .sheetBase .sheetCaption {
color: #03D5BF;
border-bottom: 1px solid #03D5BF;
}
.sheetBase .capMtop {
	margin: 15px 0 0;
}
.sheetBase .admFee {
	font-weight: 500;
	margin: 12px 0 0;
	font-size: 15px;
	color: #d10000;
}
/*
.lesson .perCondition .fitSummary,
.lesson .perSwim .fitSummary {
	margin: 12px 0 0;
}
.lesson .perFee .fitSummary {
	margin: 0 0 12px;
}
*/
.lesson .target {
	font-size: 15px;
	margin-left: 10px;
}
.lesson h4 {
	font-weight: 500;
}
.lesson .indent {
	padding-left: 1em;
	display: inline-block;
}
.schoolClass td,
.busCorse td,
.freeTime td,
.weekEnd td,
.corpMember td,
.perCondition td,
.perSwim td,
.perMember td {
  text-align: center;
}
@media only screen and (min-width: 768px) {
	.courseName {
	  margin: 10px -20px 0 0;
	}
  .courseName li {
    width: -webkit-calc(33% - 10px);
    width: calc(33% - 10px);
  }
}

/*--------------------------------------------------------------
Takaragi Facilities
--------------------------------------------------------------*/
#facilities #navi .menu li.mFacilities {
	background-color: #0991E3;
}
#facilities .takaragiVisual {
	background-image: url(../images/takaragi/content_vi_facilites.jpg);
}
.faciBlock {
	margin-bottom:40px;
}
.faciBlock .facilitiesText .leadCopy {
	font-size: 20px;
	font-weight: 500;
	margin: 0 0 6px;
	text-shadow: 0 2px 0 #ffffff;
}
.faciBlock .facilitiesText .text {
	font-size: 15px;
	line-height: 1.4;
}
.faciBlock .facilitiesText {
	background-color: #FFF9CC;
	padding: 10px;
}
.faciBlock .odd .slantTitle h2 {
	background-color: #40B8FF;
}
.faciBlock .even .slantTitle h2 {
	background-color: #09E3CD;
}

/*--------------------------------------------------------------
Takaragi Guidance
--------------------------------------------------------------*/
#guidance #navi .menu li.mGuidance {
	background-color: #0991E3;
}
#guidance .takaragiVisual {
	background-image: url(../images/takaragi/content_vi_guidance2.jpg);
}
.usageClub {
	margin: 0 0 40px;
}
.usageList {
	margin: 20px 0 0;
}
.usageList dl dt {
	background-color: #A9EAFC;
	font-size: 15px;
	padding: 6px 10px;
}
.usageList dl dt br {
	display: none;
}
.usageList dl dd {
	background-color: #ffffff;
	font-size: 15px;
	padding: 10px;
	line-height: 1.4;
}
.usageList dl dd strong {
	margin: 4px 0 0;
	font-weight: bold;
	display: inline-block;
}
.usageList dl dd .specifyGoods {
	margin: 0 0 10px;
}
.usageList table {
	width: 100%;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
.usageList table th,
.usageList table td {
	text-align: center;
	padding: 4px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	vertical-align: middle;
}
.usageList table th {
	background-color: #BAFCF7;
}
.usageList table td {
	background-color: #ffffff;
}
.usageClub .readCopy {
	line-height: 1.4;
	margin: 20px 0 0;
}
.pickupBus {
	padding: 20px 0 0;
}
.pickupBus img {
	margin: 0 auto;
	display: block;
}
.pickupBus dl {
	margin: 10px 0 0;
}
.pickupBus dl dt {
	font-size: 18px;
	font-weight: 500;
	color: #005EC2;
	margin: 10px 0 0;
}
.pickupBus dl dd {
	margin: 8px 0 0;
	line-height: 1.4;
}
.pickupBus dl dd em {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	display: inline-block;
	padding: 1px 3px;
	margin: 0 0 3px;
	font-size: 14px;
}
.usageCampaign {
	margin: 0 0 40px;
}
.usageCampaign dl {
	margin: 20px 0 0;
	text-align: center;
}
.usageCampaign dl li {
	display: inline-block;
	width: 100%;
	font-size: 2.0rem;
	font-weight: 600;
	line-height: 1.4;
	vertical-align: middle;
	margin: 0 0 8px;
}
.usageCampaign .forMember,
.usageCampaign .forJoin {
	background-color: #ffffff;
	padding: 6px;
	border-radius: 6px;
}
.usageCampaign .forMember {
	border: 3px solid #00D6C0;
	color: #00D6C0;
	background-color: #FFFEEB;
	text-shadow: 0 2px 1px #ffde4e;
}
.usageCampaign .forJoin {
	border: 3px solid #40B8FF;
	color: #40B8FF;
	background-color: #e2ffe2;
	text-shadow: 0 2px 1px #ffffff;
}
@media only screen and (min-width: 600px) {
	.pickupBus img {
		float: left;
	}
	.pickupBus dl {
		margin: 10px 0 0 240px;
	}
	.usageCampaign dl {
		width: 100%;
		font-size: 0;
	}
	.usageCampaign dl li {
		width: 50%;
		font-size: 1.8rem;
	}
	.usageCampaign .forMember {
		margin-right: 2%;
	}
	.usageCampaign .forJoin {
		margin-left: 2%;
	}
}
.usageCampaign p {
	text-align: center;
}
.clubUse h3 {
	margin: 20px 0 10px;
	font-weight: 500;
	font-size: 18px;
	border-left: 6px solid #00D6C0;
	padding-left: 10px;
}
.clubUse dl {
	display: table;
	margin: 0 0 6px;
	font-size: 16px;
	line-height: 1.2;
}
.clubUse dl dt {
	display: table-cell;
	white-space: nowrap;
	color: #005EC2;
}
.clubUse dl dd {
	display: table-cell;
}
.clubUse table {
	margin: 0 0 10px;
	width: 100%;
	line-height: 1.2;
}
.clubUse table th,
.clubUse table td {
	font-size: 15px;
	vertical-align: middle;
	padding: 7px;
	text-align: center;
}
.clubUse table tr th {
	border-right: 1px solid #ffffff;
	background-color: #A9EAFC;
}
.clubUse table tr td {
	background-color: #ffffff;
	border-right: 1px solid #E6E6E6;
}
.clubUse table tr:nth-child(2n+1) td {
	background-color: #f3f3f3;
	border-right: 1px solid #ffffff;
}
.clubUse table th:last-child,
.clubUse table td:last-child,
.clubUse table tr:nth-child(2n+1) td:last-child {
	border: none;
}
#guidance.caution {
	line-height: 1.4;
}
@media only screen and (min-width: 768px) {
	.usageList dl:nth-child(2n) dt {
		background-color: #BAFCF7;
	}
	.usageList dl:nth-child(2n+1) dd {
		background-color: #F3F3F3;
	}
	.clubUse table {
		width: 60%;
	}
}

/*--------------------------------------------------------------
Takaragi Join Us
--------------------------------------------------------------*/
#joinus #navi .menu li.mJoinus {
	background-color: #0991E3;
}
#joinus .takaragiVisual {
	background-image: url(../images/takaragi/content_vi_joinus.jpg);
}
.nowCampaign h3 {
	margin: 20px 0 0;
	font-size: 20px;
	font-weight: 500;
	font-style: italic;
	color: #00b0a5;
}
.nowCampaign h4 {
	font-size: 18px;
	margin: 10px 0 0;
	font-style: italic;
	line-height: 1.4;
}
.nowCampaign ul {
	padding: 0;
	margin: 15px 0 25px;
}
.nowCampaign ul li {
	color: #ff7a00;
	margin: 0 0 15px 0;
	font-size: 20px;
	font-weight: 500;
	display: inline-block;
	vertical-align: top;
	padding: 6px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	width: 100%;
}
.nowCampaign ul li span {
	background-color: #fe8719;
	display: inline-block;
	margin: 0 10px 4px 0;
	color: #ffffff;
	padding: 4px 0;
	width: 65px;
	font-size: 18px;
	text-align: center;
	display: block;
}
.nowCampaign ul li p {
	color: #005EC2;
	font-size: 15px;
	font-weight: 300;
	margin: 6px 0 0;
}
@media only screen and (min-width: 768px) {
	.nowCampaign ul {
		margin: 15px -20px 40px 0;
		font-size: 0;
	}
	.nowCampaign ul li {
		width: calc(50% - 20px);
		margin: 0 20px 15px 0;
}
	.nowCampaign ul li span {
		display: inline-block;
		margin: 0 10px 0 0;
	}
	.nowCampaign ul li p {
		margin: 6px 0 0 75px;
	}
}
.apoint li strong {
	color: #ff5781;
}
.trialDetail dt {
	color: #005EC2;
	width: 3.5em;
}
.trialDetail dd {
	margin-left: 5.0em;
}
.contactBt {
	background-color: #005EC2;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
	border-top: 1px solid rgba(255,255,255,0.5);
	border-left: 1px solid rgba(255,255,255,0.5);
	border-right: 1px solid rgba(0,0,0,0.15);
	border-bottom: 1px solid rgba(0,0,0,0.15);
}

/*--------------------------------------------------------------
Takaragi Access
--------------------------------------------------------------*/
#faq #navi .menu li.mAccess {
	background-color: #0991E3;
}
#faq .takaragiVisual {
	background-image: url(../images/takaragi/content_vi_access.jpg);
}
.goGoogleMap {
	background-color: #40B8FF;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
	border-top: 1px solid rgba(255,255,255,0.5);
	border-left: 1px solid rgba(255,255,255,0.5);
	border-right: 1px solid rgba(0,0,0,0.15);
	border-bottom: 1px solid rgba(0,0,0,0.15);
}
.parking strong {
	color: #40B8FF;
}

/*--------------------------------------------------------------
Takaragi Recurit
--------------------------------------------------------------*/
#recruit #navi .menu li.mRecruit {
	background-color: #0991E3;
}
#recruit .takaragiVisual {
	background-image: url(../images/takaragi/content_vi_recruit.jpg);
}

/*--------------------------------------------------------------
Takaragi Contact
--------------------------------------------------------------*/
#contact .visualWrap .contentsVisual h1 {
	color: #2953AD;
	border-bottom: 1px dotted #999999;
}
#contact .contents h3:before {
	background-color: #2953AD;
}
#contact .contents h4 {
	color: #2953AD;
}
#contact .wpcf7 dt {
	background-color: #BAFCF7;
}
#contact .wpcf7 dd {
	background-color: #F5F5F5;
}
#contact .submitButton button,
#contact .submitButton input[type="submit"] {
	background-color: #005EC2;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
	border-top: 1px solid rgba(255,255,255,0.5);
	border-left: 1px solid rgba(255,255,255,0.5);
	border-right: 1px solid rgba(0,0,0,0.15);
	border-bottom: 1px solid rgba(0,0,0,0.15);
	color: #ffffff;
}

/*--------------------------------------------------------------
Takaragi Policy
--------------------------------------------------------------*/
#policy .visualWrap .contentsVisual h1 {
	color: #2953AD;
	border-bottom: 1px dotted #999999;
}
#policy .contents h3:before {
	background-color: #2953AD;
}
#policy .contents h4 {
	color: #2953AD;
}



/*--------------------------------------------------------------
スタッフ紹介
-------------------------------------------------------------*/
#staff #navi .menu li.mStaff {
	background-color: #0991E3;
}
#staff .takaragiVisual {
	background-image: url(../images/takaragi/content_vi_staff.jpg);
}



/*--------------------------------------------------------------
各種手続き
-------------------------------------------------------------*/
#procedure #navi .menu li.mStaff {
	background-color: #0991E3;
}
#procedure .takaragiVisual {
	background-image: url(../images/takaragi/content_vi_staff.jpg);
}



/*--------------------------------------------------------------
キャンペーン
-------------------------------------------------------------*/
#campaign #navi .menu li.mCampaign {
	background-color: #0991E3;
}
#campaign .takaragiVisual {
	background-image: url(../images/takaragi/content_vi_campaign.jpg);
}



/*--------------------------------------------------------------
会員情報
-------------------------------------------------------------*/
#member_info #navi .menu li.mMembers {
	background-color: #0991E3;
}
#member_info .takaragiVisual {
	background-image: url(../images/takaragi/content_vi_member_info.jpg);
}