/*
 Theme Name: Wideep
 Description: Wideepオリジナルカスタムデザインテーマです。
 Theme URI: https://wideep.jp/
 Author: Wideep
 Author URI: https://wideep.jp/
 Version: 1.0
*/

@charset "UTF-8";

/*------------------------------------------------------------
CSS Reset [ HTML5 Doctor CSS Reset ]
-------------------------------------------------------------*/

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
button {
  -webkit-appearance: none;
  cursor: pointer;
}
/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000; 
	font-style: italic;
	font-weight: bold;
}
del { text-decoration: line-through; }
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;   
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
input, select { vertical-align: middle; }



/*----------------------------------------------------------
Initial Setting
----------------------------------------------------------*/

html,body { height: 100%; }

html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	color: #444;
	font-size: 1.6em;
	font-family: 'Roboto', 'Noto Sans JP', sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	width: 100%;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
}

a {
	display: block;
	text-decoration: none;
	transition: .5s;
}
a:link { color: #444; }
a:visited { color: #444; }
a:hover { color: #1976d2; }
a:active { color: #1976d2; }

input { outline: none; }

ul li { list-style-type: none; }

img { display: block; }

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



/***********************************************************************************************************************
Common Setting
***********************************************************************************************************************/

/*----------------------------------------------------------
Editor
----------------------------------------------------------*/

body .entry-content sub {
	font-size: smaller;
	vertical-align: sub;
}

body .entry-content sup {
	font-size: smaller;
	vertical-align: super;
}

body .entry-content mark {
	background: linear-gradient(transparent 60%, #ffff00 0%);
	color: #444;
	font-style: unset;
	font-weight: 400;
}

body .entry-content blockquote {
	border-left: 6px solid #eee;
	color: #666;
	margin: 8px 0 8px 8px;
	padding: 8px;
}

body .entry-content h1 {
	font-size: 3.2rem;
	margin-bottom: 32px;
}

body .entry-content h2 {
	background: #f4f4f4;
	border-left: 6px solid #1976d2;
	font-size: 2.4rem;
	margin-bottom: 24px;
	padding: 8px 12px;
}

body .entry-content h3 {
	background: #f4f4f4;
	border-bottom: 2px solid #1976d2;
	font-size: 1.8rem;
	margin-bottom: 18px;
	padding: 6px 12px;
}

body .entry-content h4 {
	background: #f4f4f4;
	border-radius: 4px;
	margin-bottom: 16px;
	padding: 4px 12px;
}

body .entry-content h5 {
	border-bottom: 1px solid #1976d2;
	font-size: 1.2rem;
	margin-bottom: 16px;
	padding: 4px 12px;
}

body .entry-content h6 {
	border-bottom: 1px dotted #1976d2;
	font-size: 1.0rem;
	margin-bottom: 16px;
	padding: 4px 12px;
}

body .entry-content ul li { list-style-type: inherit; }

body .entry-content ul li,
body .entry-content ol li { margin-left: 32px; }

body .entry-content hr { border-color: #1976d2; }

body .entry-content table {
	border-top: 1px solid #1976d2;
	border-left: 1px solid #1976d2;
}

body .entry-content table td {
	border-right: 1px solid #1976d2;
	border-bottom: 1px solid #1976d2;
	padding: 4px;
}

/*
<script src="https://kit.fontawesome.com/949abc5c70.js" crossorigin="anonymous"></script>
font-family: "Font Awesome 5 Free";
*/

/*----------------------------------------------------------
FontColor　#444
濃い青　#004ba0
普通青　#1976d2
薄い青　#63a4ff
超薄青　#e3f2fd
普通橙　#f57c00
濃い赤　#9a0007

半額キャンペーン　#bbdefb
返金キャンペーン　#ffcdd2

会員数男性　#00a0e8
会員数女性　#e5007f


未使用
濃い橙　#bb4d00
薄い橙　#ffad42
普通赤　#d32f2f
薄い赤　#ff6659
----------------------------------------------------------*/

.wrap {
	margin: 0 auto;
	padding: 0 16px;
	width: 100%;
	max-width: 1232px;
}

span.marker { background: linear-gradient(transparent 60%, #ffff00 0%); }

span.dib { display: inline-block; }

.tbShow { display: none; }

body.single .post .entry-content img {
	height: auto;
	max-width: 100%;
}

/**-----------------------------------------------
Reservation Link
-----------------------------------------------**/

.reservationLink { background-color: #1976d2; }

.reservationLink a {
	color: #fff;
	padding: 16px 0;
}

.reservationLink a:hover { opacity: .6; }

.reservationLink a div {
	display: flex;
	justify-content: center;
	margin-bottom: 16px;
}

.reservationLink a > p {
	font-size: 18px;
	text-align: center;
	width: 100%;
}

.reservationLink a div p {
	font-size: 4.0rem;
	font-weight: 700;
	line-height: 50px;
	margin-right: 40px;
}

.reservationLink a div p::before {
	content: '\f073';
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	margin-right: 16px;
}

.reservationLink a div button {
	background-color: #fff100;
	border-radius: 4px;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 50px;
	padding: 0 24px;
	position: relative;
}

header .reservationLink .target {
	color: #fff;
	display: none;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4;
	padding: 8px;
	text-shadow: 2px 2px 3px #000;
}

/*----------------------------------------------------------
Header
----------------------------------------------------------*/

header {
	background: #fff;
	position: relative;
	width: 100%;
}

/**-----------------------------------------------
Header > Header Navi Box
-----------------------------------------------**/

header .headerNaviBox {
	background-color: #111;
	padding: 16px 0;
}

header .headerNaviBox .wrap {
	display: flex;
	justify-content: space-between;
	position: relative;
}

header .headerNaviBox .wrap > a img { width: 80px; }

header .headerNaviBox .wrap .headerGymName h1 { margin: 0 16px; }

header .headerNaviBox .wrap .headerGymName h1 a {
	color: #fff;
	font-size: 4.0rem;
	line-height: 50px;
	margin-bottom: 8px;
	width: 282px;
}

header .headerNaviBox .wrap .headerGymName h1 a:hover { color: #1976d2; }

header .headerNaviBox .wrap .headerGymName iframe {
	height: 20px;
	display: block;
	margin: 0 auto;
	padding-left: 20px;
}

header .headerNaviBox .wrap .headerNavi { width: 100%; }

header .headerNaviBox .wrap .headerNavi ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 -8px;
}

header .headerNaviBox .wrap .headerNavi ul li { margin: 0 8px; }

header .headerNaviBox .wrap .headerNavi ul li a {
	color: #fff;
	font-size: 1.8rem;
	line-height: 40px;
}

header .headerNaviBox .wrap .headerNavi ul li a:hover { color: #1976d2; }

/**-----------------------------------------------
Header > Campaign Belt
-----------------------------------------------**/

header .campaignBelt { background: #fff100; }

header .campaignBelt p {
	color: #000;
	font-size: 2.4rem;
	font-weight: 700;
	padding: 7px 0;
	text-align: center;
	width: 100%;
}

/*----------------------------------------------------------
Footer
----------------------------------------------------------*/

footer .footerInfo {
	background: #1976d2;
	color: #fff;
	padding: 80px 0;
}

footer .footerInfo .wrap {
	display: flex;
	justify-content: space-between;
}

footer .footerInfo .wrap > div { width: 50%; }

footer .footerInfo .wrap .leftBlock > div:first-child { margin-bottom: 40px; }

footer .footerInfo .wrap .leftBlock h3 {
	border-left: 4px solid #fff100;
	font-size: 2.0rem;
	margin-bottom: 8px;
	padding-left: 8px;
}

footer .footerInfo .wrap .leftBlock p {
	font-size: 1.8rem;
	line-height: 2;
}

footer .footerInfo .wrap .leftBlock p a {
	color: #fff;
	display: inline-block;
}

footer .footerInfo .wrap .leftBlock p a:hover { color:#fff100; }

footer .footerInfo .wrap .leftBlock a.accessLink {
	border: 2px solid #fff;
	border-radius: 4px;
	color: #fff;
	font-size: 1.8rem;
	padding: 10px 24px 9px;
	text-align: center;
	width: 90%;
}

footer .footerInfo .wrap .leftBlock a.accessLink:hover {
	background-color: #fff;
	color: #000;
}

footer .footerInfo .wrap .leftBlock ul { margin: 8px 0 0; }

footer .footerInfo .wrap .leftBlock ul li {
	background-color: #fff;
	border-radius: 30px;
	color: #000;
	display: inline-block;
	font-weight: 700;
	margin-bottom: 16px;
	padding: 2px 8px;
}

footer .footerInfo .wrap .leftBlock ul li:not(:last-of-type) { margin-right: 8px; }

footer .footerInfo .wrap div.rightBlock {
	border-left: 2px solid #fff;
	padding-left: 48px;
}

footer .footerInfo .wrap .rightBlock ul li {
	font-size: 1.6rem;
	font-weight: 700;
	list-style-type: disc;
}

footer .footerInfo .wrap .rightBlock ul li a {
	color: #fff;
	font-size: 1.8rem;
	padding: 5px 0;
}

footer .footerInfo .wrap .rightBlock ul li a:hover { color: #fff100; }

footer .footerInfo .wrap .rightBlock label,
footer .footerInfo .wrap .rightBlock input { display: none; }

footer div.cppyright { background: #111; }

footer div.cppyright small {
	color: #fff;
	display: block;
	font-size: 1.6rem;
	margin: 0 auto;
	padding: 28px 16px;
	position: relative;
	text-align: center;
	width: 100%;
	max-width: 1232px;
}

/*----------------------------------------------------------
Side Navi
----------------------------------------------------------*/

.sideNavi {
	bottom: 24px;
	position: fixed;
	right: 0;
	z-index: 1000;
}

.sideNavi div {
	background-color: #fff;
	border: 1px solid #004ba0;
	border-right: none;
	border-radius: 4px 0 0 4px;
	margin-bottom: 8px;
}

.sideNavi div a {
	background-color: #fff100;
	border-radius: 4px 0 0 4px;
	color: #004ba0;
	line-height: 40px;
	padding: 8px 0;
	text-orientation: upright;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.sideNavi div a:hover { opacity: .6; }

.sideNavi div a i { margin-bottom: 6px; }

/*----------------------------------------------------------
Common Setting Media Query
----------------------------------------------------------*/

/**-----------------------------------------------
1199px以下
-----------------------------------------------**/

@media screen and (max-width: 1199px) {

	header .campaignBelt p { font-size: calc(1.6rem + ((1vw - 0.768rem) * 1.851851852)); } /* 16px <- 24px / 768px <- 1200px */
	
	header .reservationLink .wrap { display: none; }
	
	header .reservationLink .target { display: block; }

	footer { padding-bottom: 52px; }

	footer .footerInfo .wrap .leftBlock p { font-size: calc(1.6rem + ((1vw - 0.768rem) * 0.462962963)); } /* 16px <- 18px / 768px <- 1200px */

	footer .footerInfo .wrap > div { width: 40%; }

	footer .footerInfo .wrap > div:first-child { width: 60%; }

	/***------------------------------------
	Side Navi
	------------------------------------***/

	.sideNavi {
		border-top: 2px solid #fff;
		bottom: 0;
		display: flex;
		width: 100%;
	}

	.sideNavi div {
		border: none;
		border-radius: 0;
		margin: 0;
	}

	.sideNavi div:not(:last-of-type) {
		border-right: 2px solid #fff;
		width: calc(50% - 25px);
	}

	.sideNavi div:last-of-type { width: 50px; }

	.sideNavi div a {
		border-radius: 0;
		font-size: 2.0rem;
		line-height: 50px;
		padding: 0;
		text-align: center;
		text-orientation: upright;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
	}

	.sideNavi div:first-of-type a { font-weight: 700; }

	.sideNavi div:not(:first-of-type) a {
		background-color: #1976d2;
		color: #fff;
	}

	.sideNavi div:last-of-type a i {
		font-size: 2.4rem;
		margin-bottom: 0;
	}

	.sideNavi div:last-of-type a .tbNone { display: none; }

	.sideNavi div:not(:last-of-type) a i { margin-right: 6px; }

}


/**-----------------------------------------------
959px以下
-----------------------------------------------**/

@media screen and (max-width: 959px) {

	header .headerNaviBox .wrap .headerGymName h1 a {
		font-size: calc(2.4rem + ((1vw - 0.768rem) * 8.333333333)); /* 24px <- 40px / 768px <- 960px */
		width: calc(16.9rem + ((1vw - 0.768rem) * 58.854166667)); /* 169px <- 282px / 768px <- 960px */
	}

	header .headerNaviBox .wrap .headerNavi ul li a { font-size: calc(1.6rem + ((1vw - 0.768rem) * 1.041666667)); } /* 16px <- 18px / 768px <- 960px */

	.reservationLink a p {
		font-size: calc(3.2rem + ((1vw - 0.768rem) * 4.166666667)); /* 32px <- 40px / 768px <- 960px */
		margin-right: calc(1.6rem + ((1vw - 0.768rem) * 12.5)); /* 16px <- 40px / 768px <- 960px */
	}

	.reservationLink a button { font-size: calc(2.4rem + ((1vw - 0.768rem) * 4.166666667)); } /* 24px <- 32px / 768px <- 960px */

}


/**-----------------------------------------------
768px以下
-----------------------------------------------**/

@media screen and (max-width: 768px) {

	.tbNone { display: none; }

	.tbShow { display: inline-block; }

	header { padding-top: 66px; }

	header .headerNaviBox {
		left: 0;
		padding: 8px 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 100;
	}

	header .headerNaviBox .wrap { justify-content: flex-start; }

	header .headerNaviBox .wrap > a,
	header .headerNaviBox .wrap .headerGymName {
		position: relative;
	}

	header .headerNaviBox .wrap > a img {
		margin-right: 16px;
		width: 50px;
	}

	header .headerNaviBox .wrap .headerGymName {
		display: flex;
	}

	header .headerNaviBox .wrap .headerGymName h1 { margin: 0 16px 0 0; }

	header .headerNaviBox .wrap .headerGymName h1 a {
		font-size: 24px;
		margin: 0;
		width: auto;
	}

	header .headerNaviBox .wrap .headerGymName iframe {
		margin: 15px 0;
		padding: 0;
	}

	header .headerNaviBox .wrap .headerNavi { display: none; }

	/***------------------------------------
	Reservation Link
	------------------------------------***/

	.reservationLink a { justify-content: space-between; }

	.reservationLink a p::before { margin-right: 8px; }

	.reservationLink a button {
		font-size: calc(1.6rem + ((1vw - 0.48rem) * 2.777777778)); /* 20px <- 24px / 480px <- 768px */
		padding: 0 8px;
	}

	/***------------------------------------
	Footer
	------------------------------------***/

	footer .footerInfo .wrap { display: block; }

	footer .footerInfo .wrap div.leftBlock { width: 100%; }

	footer .footerInfo .wrap div.leftBlock a.accessLink { width: 100%; }

	/***------------------------------------
	Header Navi
	------------------------------------***/

	footer .footerInfo .wrap div.rightBlock {
		border: none;
		position: fixed;
		right: 0;
		padding: 0;
		top: 0;
		width: auto;
		z-index: 110;
	}

	footer .footerInfo .wrap div.rightBlock label,
	footer .footerInfo .wrap div.rightBlock label span {
		display: block;
		transition: .4s;
	}

	footer .footerInfo .wrap div.rightBlock label {
		border: 4px solid #fff;
		cursor: pointer;
		height: 50px;
		line-height: 1;
		margin: 8px 16px 0 0;
		position: relative;
		width: 50px;
		z-index: 10;
	}

	footer .footerInfo .wrap div.rightBlock label span {
		background-color: #fff;
		border-radius: 4px;
		height: 4px;
		left: 4px;
		position: absolute;
		width: 34px;
	}

	footer .footerInfo .wrap div.rightBlock label span:nth-of-type(1) { top: 8px; }

	footer .footerInfo .wrap div.rightBlock label span:nth-of-type(2) { top: 19px; }

	footer .footerInfo .wrap div.rightBlock label span:nth-of-type(3) { bottom: 8px; }

	footer .footerInfo .wrap div.rightBlock div {
		background-color: #111;
		height: 0;
		left: 0;
		overflow: hidden;
		position: fixed;
		top: 66px;
		transition: .5s;
		width: 100%;
		z-index: 5;
	}

	footer .footerInfo .wrap div.rightBlock div ul {
		border-top: 1px solid #fff;
		display: flex;
		flex-wrap: wrap;
	}

	footer .footerInfo .wrap div.rightBlock div ul li {
		border-bottom: 1px solid #fff;
		list-style-type: none;
		margin: 0;
		width: 50%;
	}

	footer .footerInfo .wrap div.rightBlock div ul li:nth-child(even) { border-left: 1px solid #fff; }

	footer .footerInfo .wrap div.rightBlock div ul li a {
		font-size: 1.6rem;
		font-weight: 400;
		padding: 13px 8px;
		text-align: center;
	}

	#header-navi:checked ~ label { z-index: 10; }

	#header-navi:checked ~ div { height: 100%; }

	#header-navi:checked ~ label span:nth-of-type(1) { transform: translateY(11px) rotate(-315deg); }

	#header-navi:checked ~ label span:nth-of-type(2) { opacity: 0; }

	#header-navi:checked ~ label span:nth-of-type(3) { transform: translateY(-11px) rotate(315deg); }

}


/**-----------------------------------------------
479px以下
-----------------------------------------------**/

@media screen and (max-width: 479px) {

	header .reservationLink .target { font-size: calc(1.6rem + ((1vw - 0.32rem) * 5)); }

	/***------------------------------------
	Header Navi Box
	------------------------------------***/

	header .headerNaviBox .wrap .headerGymName { display: block; }

	header .headerNaviBox .wrap .headerGymName h1 { margin: 0 0 8px; }

	header .headerNaviBox .wrap .headerGymName h1 a {
		font-size: calc(2.2rem + ((1vw - 0.32rem) * 1.25));
		line-height: 1;
	}

	header .headerNaviBox .wrap .headerGymName iframe { margin: 0; }
	
	.homeBnr .wrap { padding: 0 8px; }

	/***------------------------------------
	Reservation Link
	------------------------------------***/

	.reservationLink a { padding: 8px; }

	.reservationLink a div { display: block; }

	.reservationLink a div p {
		font-size: 2.4rem;
		line-height: 1;
		margin: 0 0 8px;
		text-align: center;
	}

	.reservationLink a div button {
		font-size: 20px;
		line-height: 1;
		padding: 8px;
		width: 100%;
	}

	/***------------------------------------
	Footer
	------------------------------------***/

	footer .footerInfo { padding: 40px 0; }

}



/***********************************************************************************************************************
Home
***********************************************************************************************************************/

body.home a.button,
body.home a.btnWidth {
	background: #1976d2;
	border-radius: 4px;
	color: #fff;
	font-size: 2.4rem;
	line-height: 50px;
	margin: 0 auto;
	text-align: center;
	width: 60%;
}

body.home a.btnWidth { width: 100%; }

body.home a.button:hover,
body.home a.btnWidth:hover { opacity: .6; }

body.home .centerBtn {
	display: flex;
	justify-content: center;
}

body.home .centerBtn a.button { width: 100%; }

body.home header { margin-bottom: 56px; }

body.home main h2 {
	color: #004ba0;
	font-size: 4.0rem;
	margin-bottom: 40px;
	text-align: center;
}

body.home main .outer { padding: 120px 0; }

/*----------------------------------------------------------
Home > Header > Home Bnr
----------------------------------------------------------*/

body.home header .homeBnr {
/*	background: #111 url(./images/home/header.jpg) no-repeat center / cover;
	background: #111 url(https://okinawakickboxing.net/wp-content/uploads/header-8.jpg) no-repeat center / cover;
	background: #111 url(https://okinawakickboxing.net/wp-content/uploads/header_240208.jpg) no-repeat center / cover;*/
	background: #111 url(https://stg.okinawakickboxing.net/wp-content/uploads/header_250517.jpg) no-repeat center / cover;
	padding: 16px 0 96px;
	position: relative;
}

/*
body.home header .homeBnr::after {
	background: rgba(255, 255, 255, .3);
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
*/

body.home header .homeBnr .wrap {
	position: relative;
	z-index: 1;
}

body.home header .homeBnr .wrap h2 {
	color: #fff100;
	line-height: 1.2;
	margin-bottom: 240px;
	text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000;
}

body.home header .homeBnr .wrap h2 span.target,
body.home header .homeBnr .wrap h2 span.catch2 {
	color: #fff;
	display: inline-block;
	font-size: 2.4rem;
	margin-bottom: 8px;
}

body.home header .homeBnr .wrap h2 span.catch2 { margin: 8px 0 0; }

body.home header .homeBnr .wrap h2 span.catch { font-size: 3.2rem; }

body.home header .homeBnr .wrap p {
	color: #fff;
	font-size: 1.8rem;
	line-height: 2.4;
	padding-bottom: 16px;
	text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000;
}

body.home header .homeBnr .wrap p span.bgy {
	background-color: #fff100;
	border-radius: 30px;
	color: #000;
	font-weight: 700;
	margin-right: 8px;
	padding: 4px 12px;
	text-shadow: none;
}

/*----------------------------------------------------------
Home > Header > Campaign Belt
----------------------------------------------------------*/

body.home header .campaignBelt {
	bottom: 56px;
	left: 0;
	position: absolute;
	width: 100%;
}

/*----------------------------------------------------------
Home > Header > Sub Navi
----------------------------------------------------------*/

body.home header .subNavi {
	bottom: -56px;
	position: absolute;
	width: 100%;
}

body.home header .subNavi ul { display: flex; }

body.home header .subNavi ul li { background-color: #fff; }

body.home header .subNavi ul li a {
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	color: #fff;
	display: table-cell;
	font-size: 1.8rem;
	height: 112px;
	text-align: center;
	padding-top: 40px;
	position: relative;
	vertical-align: middle;
	width: 200px;
	z-index: 1;
}

body.home header .subNavi ul li a:hover { opacity: .6; }

body.home header .subNavi ul li:last-child a { border-right: 2px solid #fff; }

body.home header .subNavi ul li:nth-child(1) a { background: url(./images/home/facility4.jpg) no-repeat center / cover; }

body.home header .subNavi ul li:nth-child(2) a { background: url(./images/home/practice6.jpg) no-repeat center / cover; }

body.home header .subNavi ul li:nth-child(3) a { background: url(./images/home/voice1.jpg) no-repeat center / cover; }

body.home header .subNavi ul li:nth-child(4) a { background: url(./images/home/coverage.jpg) no-repeat center / cover; }

body.home header .subNavi ul li:nth-child(5) a { background: url(./images/home/practice2.jpg) no-repeat center / cover; }

body.home header .subNavi ul li:nth-child(6) a { background: url(./images/home/friendly3.jpg) no-repeat center / cover; }

body.home header .subNavi ul li a::before {
	font-family: "Font Awesome 5 Free";
	font-size: 2.8rem;
	font-weight: 700;
	left: 0;
	position: absolute;
	top: 5px;
	width: 100%;
	z-index: 2;
}

body.home header .subNavi ul li:nth-child(1) a::before { content: '\f05a'; }

body.home header .subNavi ul li:nth-child(2) a::before { content: '\f53e'; }

body.home header .subNavi ul li:nth-child(3) a::before { content: '\f4ad'; }

body.home header .subNavi ul li:nth-child(4) a::before { content: '\f059'; }

body.home header .subNavi ul li:nth-child(5) a::before { content: '\f15c'; }

body.home header .subNavi ul li:nth-child(6) a::before {
	content: '\f082';
	font-family: "Font Awesome 5 Brands";
}

body.home header .subNavi ul li a::after {
	background: rgba(0, 0, 0, .5);
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

/*----------------------------------------------------------
Home > Main > Recommend
----------------------------------------------------------*/

body.home main .recommend div.half {
	background: #bbdefb;
	border-radius: 8px;
	margin-bottom: 80px;
	padding: 40px 24px;
	text-align: center;
}

body.home main .recommend div.half p:nth-child(1) {
	color: #000;
	font-size: 3.0rem;
	font-weight: 700;
	margin-bottom: 8px;
}

body.home main .recommend div.half p:nth-child(2) {
	color: #9a0007;
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: 8px;
}

body.home main .recommend .wrap > p {
	color: #000;
	font-size: 3.0rem;
	font-weight: 700;
	position: relative;
	text-align: center;
}

body.home main .recommend .wrap > p span.cMore {
	font-size: 1.6rem;
	left: calc(50% - 230px);
	position: absolute;
	top: -20px;
	transform: rotate(-15deg);
}

body.home main .recommend .wrap > p span.cDate {
	align-items: center;
	background: #1976d2;
	border-radius: 50%;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
	color: #fff;
	display: flex;
	font-size: 2.3rem;
	height: 110px;
	justify-content: center;
	line-height: 1.2;
	padding-top: 12px;
	position: absolute;
	right: calc(50% - 280px);
	top: -30px;
	width: 110px;
}

body.home main .recommend .wrap > p span.cDate span {
	font-size: 1.8rem;
}

body.home main .recommend div.refund {
	background: #ffcdd2;
	border-radius: 8px;
	padding: 40px 24px;
	text-align: center;
}

body.home main .recommend div.refund p:nth-child(1) {
	color: #000;
	font-size: 3.0rem;
	font-weight: 700;
	margin-bottom: 8px;
}

body.home main .recommend div.refund p:nth-child(2) {
	color: #9a0007;
	font-size: 3.0rem;
	font-weight: 700;
	margin-bottom: 8px;
}

body.home main .recommend div.refund p:nth-child(2) span {
	background: #fff;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .3) inset;
	display: inline-block;
	margin: 0 8px;
	padding: 8px 8px;
	width: 290px;
}

body.home main .recommend div.refund p:nth-child(3) {
	color: #000;
	font-size: 12.8rem;
	font-weight: 700;
	letter-spacing: 3rem;
	line-height: 1.2;
	text-indent: 3rem;
	text-shadow: 1px 1px 0 #fff;
}

/*----------------------------------------------------------
Home > Main > Reservation Link
----------------------------------------------------------*/
/*
body.home main .reservationLink { margin-bottom: 80px; }
*/
/*----------------------------------------------------------
Home > Main > Covid
----------------------------------------------------------*/

body.home main .covid { background: #f4f4f4; }

body.home main .covid .main {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

body.home main .covid .main .article {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	width: 100%;
}

body.home main .covid .main .article p {
	font-size: 2.0rem;
	line-height: 2;
}

body.home main .covid .main img {
	height: 100%;
	margin-left: 16px;
	width: 336px;
}

/*----------------------------------------------------------
Home > Main > Reasons
----------------------------------------------------------*/

body.home main .reasons .main {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

body.home main .reasons .main .inner {
	position: relative;
	width: 100%;
	z-index: 1;
}

body.home main .reasons .main .inner:not(:last-of-type) { margin-right: 16px; }

body.home main .reasons .main .inner::before {
	content: '';
	display: block;
	padding-top: 56.25%;
}

body.home main .reasons .main .inner::after {
	background-color: rgba(0, 0, 0, .3);
	content: '';
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

body.home main .reasons .main .inner div {
	bottom: 0;
	display: flex;
	left: 0;
	position: absolute;
	right: 0;
	text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000;
	top: 0;
}

body.home main .reasons .main .inner div p {
	align-self: flex-end;
	color: #fff;
	font-size: 2.0rem;
	font-weight: 700;
	padding: 0 8px 16px;
	text-align: center;
	width: 100%;
}

/*
body.home main .reasons .main .inner:nth-child(1) { background: url(./images/home/reasons1.jpg) no-repeat center / cover; }

body.home main .reasons .main .inner:nth-child(2) { background: url(./images/home/reasons2.jpg) no-repeat center / cover; }

body.home main .reasons .main .inner:nth-child(3) { background: url(./images/home/reasons3.jpg) no-repeat center / cover; }
*/

body.home main .reasons .main .inner:nth-child(1) { background: url(https://okinawakickboxing.net/wp-content/uploads/reasons1.jpg) no-repeat center / cover; }

body.home main .reasons .main .inner:nth-child(2) { background: url(https://okinawakickboxing.net/wp-content/uploads/reasons2.jpg) no-repeat center / cover; }

body.home main .reasons .main .inner:nth-child(3) { background: url(https://okinawakickboxing.net/wp-content/uploads/reasons3-1.jpg) no-repeat center / cover; }

body.home main .reasons .main .inner div p::before {
	font-size: 3.2rem;
	left: 0;
	text-align: center;
	top: 16px;
	position: absolute;
	width: 100%;
}

body.home main .reasons .main .inner:nth-child(1) div p::before { content: '理由１'; }

body.home main .reasons .main .inner:nth-child(2) div p::before { content: '理由２'; }

body.home main .reasons .main .inner:nth-child(3) div p::before { content: '理由３'; }

/*----------------------------------------------------------
Home > Main > Worries
----------------------------------------------------------*/

body.home main .worries { background: #63a4ff url(./images/home/worries.jpg) no-repeat right center / cover; }

body.home main .worries .wrap { text-align: center; }

body.home main .worries h2 {
	text-shadow: 2px  2px 1px #f5f5f5, -2px  2px 1px #f5f5f5, 2px -2px 1px #f5f5f5, -2px -2px 1px #f5f5f5, 2px  0px 1px #f5f5f5, 0px  2px 1px #f5f5f5, -2px  0px 1px #f5f5f5, 0px -2px 1px #f5f5f5;
}

body.home main .worries ul {
	display: inline-block;
	text-align: left;
}

body.home main .worries ul li {
	color: #000;
	font-size: 3.0rem;
	padding-left: 42px;
	position: relative;
	text-shadow: 2px  2px 1px #f5f5f5, -2px  2px 1px #f5f5f5, 2px -2px 1px #f5f5f5, -2px -2px 1px #f5f5f5, 2px  0px 1px #f5f5f5, 0px  2px 1px #f5f5f5, -2px  0px 1px #f5f5f5, 0px -2px 1px #f5f5f5;
}

body.home main .worries ul li:not(:last-of-type) { margin-bottom: 20px; }

body.home main .worries ul li::before {
	content: '\f14a';
	color: #004ba0;
	font-family: "Font Awesome 5 Free";
	left: 0;
	margin-right: 16px;
	position: absolute;
	text-shadow: none;
}

/*----------------------------------------------------------
Home > Main > Google Voice
----------------------------------------------------------*/

body.home main .gVoice .wrap {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

body.home main .gVoice .wrap h2 { width: calc(50% - 40px); }

body.home main .gVoice .wrap img {
	box-shadow: 1px 1px 3px #999;
	width: 50%;
}

/*----------------------------------------------------------
Home > Main > Membership
----------------------------------------------------------*/

body.home main .membership .inner {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

body.home main .membership .inner div {
	text-align: center;
	width: 100%;
}

body.home main .membership .inner div.male { margin-right: 16px; }

body.home main .membership .inner div p.title {
	color: #fff;
	font-size: 4.0rem;
	font-weight: 700;
}

body.home main .membership .inner div.male p.title { background: #00a0e8; }

body.home main .membership .inner div.female p.title { background: #e5007f; }

body.home main .membership .inner div img {
	margin: 24px auto;
	width: 100%;
	max-width: 200px;
}

body.home main .membership .inner div p.number {
	font-size: 14.0rem;
	font-weight: 700;
	line-height: 1;
}

body.home main .membership .inner div p.number span { font-size: 6.0rem; }

body.home main .membership .inner div.male p.number { color: #00a0e8; }

body.home main .membership .inner div.female p.number { color: #e5007f; }

/*----------------------------------------------------------
Home > Main > Other Contents
----------------------------------------------------------*/

body.home main .otherContents { background: #f4f4f4; }

body.home main .otherContents .wrap {
	display: flex;
	justify-content: space-around;
}

body.home main .otherContents .fbTimeLine {
	margin-right: 16px;
	width: 100%;
	max-width: 500px;
}

body.home main .otherContents .fbTimeLine .fb-page {
	display: block;
	margin-bottom: 40px;
	text-align: center;
}

body.home main .otherContents .blog {
	width: 100%;
	max-width: 500px;
}

body.home main .otherContents .blog ul { margin-bottom: 40px; }

body.home main .otherContents .blog ul li { margin-bottom: 16px; }

body.home main .otherContents .blog ul li a {
	background-color: #fff;
	display: flex;
	height: 150px;
	overflow: hidden;
}

body.home main .otherContents .blog ul li .imgWrap {}

body.home main .otherContents .blog ul li .imgWrap img { width: 150px; }

body.home main .otherContents .blog ul li a:hover .imgWrap img {
	opacity: .6;
	transition: .5s;
}

body.home main .otherContents .blog ul li .textWrap {
	padding: 14px 8px;
	width: 100%;
}

body.home main .otherContents .blog ul li .textWrap h3 {
	color: #004ba0;
	font-size: 2.0rem;
	height: 30px;
	margin-bottom: 6px;
	overflow: hidden;
}

/*----------------------------------------------------------
Home > Main > News
----------------------------------------------------------*/

body.home main .news ul { margin-bottom: 40px; }

body.home main .news ul li a {
	border-top: 1px solid #ccc;
	display: flex;
	justify-content: space-between;
	padding: 12px;
}

body.home main .news ul li:last-child a { border-bottom: 1px solid #ccc; }

body.home main .news ul li a time {
	display: inline-block;
	width: 150px;
}

body.home main .news ul li a h3 {
	color: #004ba0;
	transition: .5s;
	width: 100%;
}

body.home main .news ul li a:hover h3 { color: #1976d2; }

/*----------------------------------------------------------
Home Media Query
----------------------------------------------------------*/

/**-----------------------------------------------
1199px以下
-----------------------------------------------**/

@media screen and (max-width: 1199px) {}


/**-----------------------------------------------
959px以下
-----------------------------------------------**/

@media screen and (max-width: 959px) {

/*	body.home header .homeBnr .wrap h2 { font-size: calc(4.3rem + ((1vw - 0.768rem) * 2.604166667)); } /* 43px <- 48px / 768px <- 960px */

	body.home header .homeBnr .wrap p { font-size: calc(1.6rem + ((1vw - 0.768rem) * 1.041666667)); } /* 16px <- 18px / 768px <- 960px */

	body.home header .subNavi ul li a { font-size: calc(1.6rem + ((1vw - 0.768rem) * 1.041666667)); } /* 16px <- 18px / 768px <- 960px */

}


/**-----------------------------------------------
768px以下
-----------------------------------------------**/

@media screen and (max-width: 768px) {

	body.home header { margin: 0; }

/*	body.home header .homeBnr .wrap h2 { font-size: calc(3.2rem + ((1vw - 0.48rem) * 3.819444444)); } /* 32px <- 43px / 480px <- 768px */

	body.home header .homeBnr .wrap p { font-size: calc(1.5rem + ((1vw - 0.48rem) * 0.347222222)); } /* 15px <- 16px / 480px <- 768px */

	body.home header .homeBnr .wrap p span.bgy {
		margin-right: 4px;
		padding: 4px;
	}

	body.home header .homeBnr { padding-bottom: 8px; }
	
	body.home header .homeBnr .wrap h2 span.target { display: none; }

	/***------------------------------------
	Campaign Belt
	------------------------------------***/

	body.home header .campaignBelt {
		border-top: 2px solid #fff;
		position: static;
	}

	header .campaignBelt p { font-size: 1.6rem; }

	/***------------------------------------
	Sub Navi
	------------------------------------***/

	body.home header .subNavi { position: static; }

	body.home header .subNavi .wrap { padding: 0; }

	body.home header .subNavi ul { flex-wrap: wrap; }

	body.home header .subNavi ul li { width: 50%; }

	body.home header .subNavi ul li a {
		border-right: 2px solid #fff;
		display: block;
		font-size: 1.6rem;
		padding-top: 60px;
		width: 100%;
	}

	body.home header .subNavi ul li:nth-child(odd) a { border-right-width: 1px; }

	body.home header .subNavi ul li:nth-child(even) a { border-left-width: 1px; }

	/***------------------------------------
	Main
	------------------------------------***/

	body.home main .outer { padding: 80px 0; }

	body.home main h2 { font-size: calc(3rem + ((1vw - 0.48rem) * 3.472222222)); }

	/***------------------------------------
	Recommend
	------------------------------------***/

	body.home main .recommend .wrap > p {
		font-size: calc(2.4rem + ((1vw - 0.48rem) * 2.083333333));
	}

	body.home main .recommend .wrap > p span.cDate { right: calc(50% - (23rem + ((1vw - 0.48rem) * 10.416666667))); }

	body.home main .recommend div.refund p:nth-child(2) span { width: calc(18rem + ((1vw - 0.48rem) * 38.194444444)); }

	body.home main .recommend div.refund p:nth-child(3) { font-size: calc(6.2rem + ((1vw - 0.48rem) * 22.916666667)); }

	/***------------------------------------
	Covid
	------------------------------------***/

	body.home main .covid .main { display: block; }

	body.home main .covid .main .article { margin-bottom: 40px; }

	body.home main .covid .main img {
		margin: 0 auto;
		width: 448px;
	}

	/***------------------------------------
	Reasons
	------------------------------------***/

	body.home main .reasons .main { display: block; }

	body.home main .reasons .main .inner:not(:last-of-type) { margin: 0 0 40px; }

	body.home main .reasons .main .inner { height: 252px; }

	body.home main .reasons .main .inner::before { content: none; }

	body.home main .reasons .main .inner div p {
		align-self: center;
		font-size: 3.2rem;
		padding: 40px 16px 0;
		text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000;
	}

	body.home main .reasons .main .inner div p::before { font-size: 4.0rem; }

	/***------------------------------------
	Worries
	------------------------------------***/

	body.home main .worries ul li { font-size: calc(2.4rem + ((1vw - 0.48rem) * 2.083333333)); /* 20px <- 30px / 480px <- 768px */ }

	body.home main .worries ul li:not(:last-of-type) { margin-bottom: 8px; }

	/***------------------------------------
	Membership
	------------------------------------***/

	body.home main .membership .inner div p.title { font-size: calc(3rem + ((1vw - 0.48rem) * 3.472222222)); /* 30px <- 40px / 480px <- 768px */ }

	body.home main .membership .inner div p.number { font-size: calc(9rem + ((1vw - 0.48rem) * 17.361111111)); /* 90px <- 140px / 480px <- 768px */ }

	body.home main .membership .inner div p.number span { font-size: calc(4rem + ((1vw - 0.48rem) * 6.944444444)); /* 40px <- 60px / 480px <- 768px */ }

	/***------------------------------------
	Other Contents
	------------------------------------***/

	body.home a.btnWidth { width: 60%; }

	body.home main .otherContents .wrap { display: block; }

	body.home main .otherContents .fbTimeLine {
		margin: 0 auto 80px;
		max-width: none;
	}

	body.home main .otherContents .blog { max-width: none; }

	body.home main .otherContents .blog ul li .textWrap {
		line-height: 1.4;
		padding: 8px;
	}

	body.home main .otherContents .blog ul li .textWrap h3 { margin: 0; }

}


/**-----------------------------------------------
479px以下
-----------------------------------------------**/

@media screen and (max-width: 479px) {

	body.home a.button, body.home a.btnWidth {
		font-size: 2.0rem;
		width: 100%;
	}

	body.home header .homeBnr { padding-top: 8px; }

	/***------------------------------------
	Home Bnr
	------------------------------------***/

	body.home header .homeBnr .wrap h2 { margin-bottom: 140px; }

	body.home header .homeBnr .wrap h2 span.target { font-size: calc(1.6rem + ((1vw - 0.32rem) * 5)); }

	body.home header .homeBnr .wrap h2 span.catch2 {
		display: block;
		font-size: calc(1.2rem + ((1vw - 0.32rem) * 3.75));
		margin-top: 4px;
		text-align: center;
	}

	body.home header .homeBnr .wrap h2 span.catch { font-size: calc(1.8rem + ((1vw - 0.32rem) * 3.75)); }

	body.home header .homeBnr .wrap p {
		font-size: 1.6rem;
		line-height: 1.4;
		padding-bottom: 0;
	}

	body.home header .homeBnr .wrap p span.bgy:nth-of-type(1) { margin-bottom: 4px; }

	body.home header .homeBnr .wrap p span.bgy {
		display: inline-block;
		line-height: 1;
		padding: 3px 4px 1px;
	}

	header .campaignBelt p { font-size: 1.4rem; }

	.sideNavi div a { font-size: 1.6rem; }

	/***------------------------------------
	Main
	------------------------------------***/

	body.home main .outer { padding: 40px 0; }

	body.home main h2 {
		font-size: calc(2rem + ((1vw - 0.32rem) * 6.25)); /* 20px <- 30px / 320px <- 480px */
		margin-bottom: 20px;
	}

	/***------------------------------------
	Main > Recommend
	------------------------------------***/

	body.home main .recommend div.half {
		margin-bottom: 60px;
		padding: 24px;
	}

	body.home main .recommend div.half p:nth-child(1) { font-size: calc(2.1rem + ((1vw - 0.32rem) * 5.625)); /* 21px <- 30px / 320px <- 480px */ }

	body.home main .recommend div.half p:nth-child(2) { font-size: calc(2.1rem + ((1vw - 0.32rem) * 1.875)); /* 21px <- 24px / 320px <- 480px */ }

	body.home main .recommend .wrap > p {
		padding-left: calc(0rem + ((1vw - 0.32rem) * 65)); /* 0px <- 104px / 320px <- 480px */
		text-align: left;
	}

	body.home main .recommend .wrap > p span.cMore {
		left: calc(2.4rem + ((1vw - 0.32rem) * 72.5)); /* 24px <- 140px / 320px <- 480px */
		transform: none;
	}

	body.home main .recommend .wrap > p span.cDate {
		font-size: 1.9rem;
		height: 90px;
		right: -8px;
		text-align: center;
		top: -40px;
		width: 90px;
	}

	body.home main .recommend div.refund { padding: 24px; }

	body.home main .recommend div.refund p:nth-child(1) { font-size: calc(2.4rem + ((1vw - 0.32rem) * 3.75)); /* 24px <- 30px / 320px <- 480px */ }

	body.home main .recommend div.refund p:nth-child(2) { font-size: calc(1.8rem + ((1vw - 0.32rem) * 7.5)); /* 18px <- 30px / 320px <- 480px */ }

	body.home main .recommend div.refund p:nth-child(2) span { width: calc(11.2rem + ((1vw - 0.32rem) * 42.5)); /* 112px <- 180px / 320px <- 480px */ }

	body.home main .recommend div.refund p:nth-child(2) span:first-child { margin-left: 0; }

	body.home main .recommend div.refund p:nth-child(2) span:last-child { margin-right: 0; }

	body.home main .recommend div.refund p:nth-child(3) {
		font-size: calc(4.8rem + ((1vw - 0.32rem) * 8.75)); /* 48px <- 62px / 320px <- 480px */
		letter-spacing: calc(1rem + ((1vw - 0.32rem) * 12.5)); /* 10px <- 30px / 320px <- 480px */
		margin: 0 -10px;
		text-indent: calc(1rem + ((1vw - 0.32rem) * 12.5)); /* 10px <- 30px / 320px <- 480px */
	}

	/***------------------------------------
	Main > Covid
	------------------------------------***/

	body.home main .covid .main,
	body.home main .covid .main .article { margin-bottom: 20px; }

	body.home main .covid .main img { width: 100%; }

	/***------------------------------------
	Main > Reasons
	------------------------------------***/

	body.home main .reasons .main,
	body.home main .reasons .main .inner:not(:last-of-type) { margin-bottom: 20px; }

	body.home main .reasons .main .inner div p { font-size: calc(2.4rem + ((1vw - 0.32rem) * 5)); /* 24px <- 32px / 320px <- 480px */ }

	body.home main .reasons .main .inner div p::before { font-size: calc(3rem + ((1vw - 0.32rem) * 6.25)); /* 30px <- 40px / 320px <- 480px */ }

	/***------------------------------------
	Main > Worries
	------------------------------------***/

	body.home main .worries ul li { font-size: calc(1.6rem + ((1vw - 0.32rem) * 3.125)); /* 16px <- 21px / 320px <- 480px */ }

	/***------------------------------------
	Home > Main > Google Voice
	------------------------------------***/

	body.home main .gVoice .wrap { display: block; }

	body.home main .gVoice .wrap h2,
	body.home main .gVoice .wrap img { width: 100%; }

	/***------------------------------------
	Main > Membership
	------------------------------------***/

	body.home main .membership .inner { margin-bottom: 20px; }

	body.home main .membership .inner div p.title { font-size: calc(2rem + ((1vw - 0.32rem) * 6.25)); /* 20px <- 30px / 320px <- 480px */ }

	/***------------------------------------
	Main > Other Contents
	------------------------------------***/

	body.home main .otherContents .fbTimeLine { margin-bottom: 40px; }

	body.home main .otherContents .fbTimeLine .fb-page,
	body.home main .otherContents .blog ul { margin-bottom: 20px; }

	body.home main .otherContents .blog ul li a { height: calc(8rem + ((1vw - 0.32rem) * 43.75)); /* 80px <- 150px / 320px <- 480px */ }

	body.home main .otherContents .blog ul li .imgWrap img { width: calc(8rem + ((1vw - 0.32rem) * 43.75)); /* 80px <- 150px / 320px <- 480px */ }

}



/***********************************************************************************************************************
Page
***********************************************************************************************************************/

/*----------------------------------------------------------
Page > Common
----------------------------------------------------------*/

body.page article div.pageHeader {
	align-items: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: flex;
	height: 300px;
	position: relative;
}

body.page article div.pageHeader::after {
	background: rgba(0, 0, 0, .5);
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

body.page article div.pageHeader h2 {
	color: #1976d2;
	font-size: 4.0rem;
	position: relative;
	text-align: center;
	text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
	width: 100%;
	z-index: 1;
}

body.page article div.entry-content { margin: 80px 0; }

/*----------------------------------------------------------
Page > Covid
----------------------------------------------------------*/

body.page.covid .entry-content .contentBox:not(:last-of-type) { margin-bottom: 80px; }

body.page.covid .entry-content .contentBox h3 {
	background-color: #1976d2;
	border: none;
	color: #fff;
	font-size: 2.4rem;
	margin-bottom: 24px;
	padding: 7px 12px;
	text-align: center;
}

body.page.covid .entry-content .contentBox .flexBox {
	display: flex;
	justify-content: space-between;
}

body.page.covid .entry-content .contentBox .flexBox .intro {
	font-size: 2.0rem;
	line-height: 1.8;
	width: calc(75% - 40px);
}

body.page.covid .entry-content .contentBox .flexBox .intro p:not(:last-of-type) { margin-bottom: 16px; }

body.page.covid .entry-content .contentBox .flexBox .imgBox { width: 25%; }

body.page.covid .entry-content .contentBox .flexBox .imgBox .imgInner img {
	height: 56.25%;
	width: 100%;
}

body.page.covid .entry-content .contentBox:nth-of-type(1) .flexBox .imgBox img { box-shadow: 1px 1px 3px #666; }

body.page.covid .entry-content .contentBox:nth-of-type(2) .flexBox .intro p:last-of-type {
	line-height: 1.2;
	text-align: right;
}

body.page.covid .entry-content .contentBox:nth-of-type(3) ul,
body.page.covid .entry-content .contentBox:nth-of-type(3) ol { margin-bottom: 32px; }

body.page.covid .entry-content .contentBox:nth-of-type(3) li { margin-bottom: 16px; }

body.page.covid .entry-content .contentBox:nth-of-type(3) h5 {
	border: none;
	font-size: 1.6rem;
	margin-bottom: 8px;
	padding: 0;
}

body.page.covid .entry-content .contentBox:nth-of-type(3) > p:not(:last-of-type) { margin-bottom: 16px; }

body.page.covid .entry-content .contentBox:nth-of-type(3) p.note {
	margin-left: 16px;
	position: relative;
}

body.page.covid .entry-content .contentBox:nth-of-type(3) p.note::before {
	content: '※';
	left: -16px;
	position: absolute;
	top: 0;
}

/*----------------------------------------------------------
Page > About
----------------------------------------------------------*/

body.page.about .entry-content .contentBox:not(:last-of-type) { margin-bottom: 80px; }

body.page.about .entry-content .contentBox h3 {
	background-color: #1976d2;
	border: none;
	color: #fff;
	font-size: 2.4rem;
	margin-bottom: 24px;
	padding: 7px 12px;
	text-align: center;
}

body.page.about .entry-content .contentBox:nth-of-type(1) {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

body.page.about .entry-content .contentBox:nth-of-type(1) p {
	color: #004ba0;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 2;
	width: calc(50% - 40px);
}

body.page.about .entry-content .contentBox:nth-of-type(1) .imgBox { width: 50%; }

body.page.about .entry-content .contentBox:nth-of-type(1) .imgBox img {
	height: 100%;
	width: 100%;
}

body.page.about .entry-content .contentBox:nth-of-type(2) p {
	font-size: 2.0rem;
	line-height: 2;
	margin-bottom: 40px;
}

body.page.about .entry-content .contentBox:nth-of-type(2) .imgBox {
	display: flex;
	justify-content: space-between;
}

body.page.about .entry-content .contentBox:nth-of-type(2) .imgBox img {
	height: 100%;
	width: calc(50% - 20px);
}

body.page.about .entry-content .contentBox:nth-of-type(3) p {
	font-size: 2.0rem;
	line-height: 2;
}

body.page.about .entry-content .contentBox:nth-of-type(3) p:not(:last-of-type) { margin-bottom: 16px; }

body.page.about .entry-content .contentBox:nth-of-type(3) p span {
	background: linear-gradient(transparent 60%, #ffff00 0%);
	color: #004ba0;
	font-size: 2.4rem;
	font-weight: 700;
}

body.page.about .entry-content .contentBox:nth-of-type(4) .flexBox {
	display: flex;
	justify-content: space-between;
}

body.page.about .entry-content .contentBox:nth-of-type(4) .flexBox .flexInner { width: calc(33.3333% - 32px); }

body.page.about .entry-content .contentBox:nth-of-type(4) .flexBox .flexInner .imgBox { margin-bottom: 16px; }

body.page.about .entry-content .contentBox:nth-of-type(4) .flexBox .flexInner .imgBox img {
	height: 100%;
	width: 100%;
}

body.page.about .entry-content .contentBox:nth-of-type(4) .flexBox .flexInner h4 {
	background-color: unset;
	color: #004ba0;
	font-size: 2.4rem;
	margin-bottom: 8px;
	padding: 0;
	text-align: center;
}

body.page.about .entry-content .contentBox:nth-of-type(4) .flexBox .flexInner p {
	font-size: 1.8rem;
}

body.page.about .entry-content .contentBox:nth-of-type(5) .imgBox img {
	height: 100%;
	margin: 0 auto 16px;
	width: 100%;
}

body.page.about .entry-content .contentBox:nth-of-type(5) p {
	font-size: 2.0rem;
	text-align: center;
}

body.page.about .entry-content .contentBox:nth-of-type(6) .flexBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

body.page.about .entry-content .contentBox:nth-of-type(6) .flexBox .imgBox {
	box-shadow: 1px 1px 3px #666;
	margin-bottom: 24px;
	padding: 8px 8px 32px;
	width: calc(33.3333% - 16px);
}

body.page.about .entry-content .contentBox:nth-of-type(6) .flexBox .imgBox img {
	height: 100%;
	width: 100%;
}

/*----------------------------------------------------------
Page > Reasons
----------------------------------------------------------*/

body.page.reasons article div.pageHeader h2 { position: relative; }

body.page.reasons article div.pageHeader h2::before {
	content: 'なぜ、豊見城ジムには沢山の会員さんが集まるのか？';
	font-size: 2.8rem;
	left: 0;
	position: absolute;
	top: -108px;
	width: 100%;
}

body.page.reasons article div.pageHeader h2::after {
	content: "他のジムとはココが違う！\AY'ZD豊見城ジムが選ばれている3つの理由";
	left: 0;
	position: absolute;
	top: -60px;
	white-space: pre-wrap;
	width: 100%;
}

body.page.reasons article div.pageHeader h2 span { display: none; }

body.page.reasons .entry-content h3 {
	background-color: #1976d2;
	border: none;
	color: #fff;
	font-size: 2.4rem;
}

body.page.reasons .entry-content .contentBox {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

body.page.reasons .entry-content .contentBox .intro {
	font-size: 2.0rem;
	width: calc(50% - 40px);
}

body.page.reasons .entry-content .contentBox .mediaBox { width: 50%; }

body.page.reasons .entry-content .contentBox .mediaBox .mediaBoxInner {
	padding-bottom: 56.25%;
	position: relative;
}

body.page.reasons .entry-content .contentBox .mediaBox .mediaBoxInner iframe,
body.page.reasons .entry-content .contentBox .mediaBox .mediaBoxInner img {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/*----------------------------------------------------------
Page > Program
----------------------------------------------------------*/

body.page.program .entry-content .wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

body.page.program .entry-content .wrap::after {
	content: '';
	display: block;
	width: calc(33.3333% - 32px);
}

body.page.program .entry-content .contentBox {
	margin-bottom: 40px;
	width: calc(33.3333% - 32px);
}

body.page.program .entry-content .contentBox h3 {
	background-color: unset;
	border: none;
	color: #004ba0;
	font-size: 2.0rem;
	margin-bottom: 8px;
	padding: 0;
}

body.page.program .entry-content .contentBox .imgBox { margin-bottom: 8px; }

body.page.program .entry-content .contentBox .imgBox img {
	height: 100%;
	width: 100%;
}

body.page.program .entry-content .contentBox p { font-size: 1.8rem; }

/*----------------------------------------------------------
Page > Staff
----------------------------------------------------------*/

body.page.staff .entry-content .contentBox {
	background-color: #1976d2;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
	padding: 40px;
}

body.page.staff .entry-content .contentBox .imgBox { width: 300px; }

body.page.staff .entry-content .contentBox .imgBox img {
	height: 100%;
	width: 100%;
}

body.page.staff .entry-content .contentBox .intro {
	color: #fff;
	font-size: 2.0rem;
	width: calc(100% - 340px);
}

body.page.staff .entry-content .contentBox .intro p:first-child {
	font-size: 2.8rem;
	font-weight: 700;
}

body.page.staff .entry-content .contentBox .intro p.position {
	background-color: #fff;
	border-radius: 30px;
	color: #004ba0;
	display: inline-block;
	font-size: 1.8rem;
	margin: 6px 8px 8px 0;
	padding: 4px 12px;
}

body.page.staff .entry-content .contentBox .intro p a {
	border: 2px solid #fff;
	border-radius: 4px;
	color: #fff;
	font-size: 1.8rem;
	margin-top: 8px;
	padding: 10px 24px 9px;
	text-align: center;
	width: 100%;
}

body.page.staff .entry-content .contentBox .intro p a:hover {
	background-color: #fff;
	color: #000;
}

/*----------------------------------------------------------
Page > Guidance
----------------------------------------------------------*/

body.page.guidance .entry-content .contentBox:not(:last-of-type) { margin-bottom: 80px; }

body.page.guidance .entry-content .contentBox h3 {
	background-color: #1976d2;
	border: none;
	color: #fff;
	font-size: 2.4rem;
	margin-bottom: 24px;
	padding: 7px 12px;
	text-align: center;
}

body.page.guidance .entry-content .contentBox:nth-of-type(1) .flexBox {
	display: flex;
	justify-content: space-between;
}

body.page.guidance .entry-content .contentBox:nth-of-type(1) .flexBox p {
	align-items: center;
	display: flex;
}

body.page.guidance .entry-content .contentBox:nth-of-type(1) .flexBox p a { display: inline-block; }

body.page.guidance .entry-content .contentBox:nth-of-type(1) .flexBox p:nth-of-type(odd) {
	border: 2px solid #1976d2;
	font-size: 2.0rem;
	padding: 8px 16px;
}

body.page.guidance .entry-content .contentBox:nth-of-type(1) .flexBox p:nth-of-type(even) {
	color: #1976d2;
	font-size: 4.0rem;
	margin: 10px 13px 0 -4px;
	transform: rotate(30deg);
}

body.page.guidance .entry-content .contentBox:nth-of-type(2) ul { margin-bottom: 16px; }

body.page.guidance .entry-content .contentBox:nth-of-type(2) ul li {
	font-size: 3.0rem;
	list-style-type: none;
	margin-left: 40px;
	position: relative;
}

body.page.guidance .entry-content .contentBox:nth-of-type(2) ul li::before {
	content: '\f14a';
	font-family: "Font Awesome 5 Free";
	left: -40px;
	position: absolute;
	top: 0;
}

body.page.guidance .entry-content .contentBox:nth-of-type(2) > p:first-of-type {
	font-size: 2.0rem;
	margin-bottom: 16px;
}

body.page.guidance .entry-content .contentBox:nth-of-type(2) p.note,
body.page.guidance .entry-content .contentBox:nth-of-type(3) p.note {
	margin-left: 20px;
	position: relative;
}

body.page.guidance .entry-content .contentBox:nth-of-type(2) p.note::before,
body.page.guidance .entry-content .contentBox:nth-of-type(3) p.note::before {
	content: '※';
	left: -20px;
	position: absolute;
	top: 0;
}

body.page.guidance .entry-content .contentBox:nth-of-type(3) > p:first-of-type {
	color: #004ba0;
	font-size: 3.0rem;
	margin-bottom: 16px;
}

body.page.guidance .entry-content .contentBox:nth-of-type(3) .flexBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

body.page.guidance .entry-content .contentBox:nth-of-type(3) .flexBox .course {
	border: 2px solid #1976d2;
	margin-bottom: 40px;
	width: calc(50% - 20px);
}

body.page.guidance .entry-content .contentBox:nth-of-type(3) .flexBox .course h4 {
	background-color: #1976d2;
	border-radius: 0;
	color: #fff;
	font-size: 2.4rem;
	margin: 0;
	text-align: center;
}

body.page.guidance .entry-content .contentBox:nth-of-type(3) .flexBox .course p {
	font-size: 2.0rem;
	padding: 8px;
}

/*----------------------------------------------------------
Page > Faq
----------------------------------------------------------*/

body.page.faq .entry-content dl dt {
	background: #1976d2;
	color: #fff;
	font-size: 2.0rem;
	font-weight: 700;
	margin-bottom: 16px;
	padding: 10px 0 10px 72px;
	position: relative;
}

body.page.faq .entry-content dl dt::before {
	content: 'Q :';
	font-size: 2.4rem;
	left: 24px;
	position: absolute;
	top: 5px;
}

body.page.faq .entry-content dl dd {
	font-size: 2.0rem;
	margin-bottom: 40px;
	padding-left: 72px;
	position: relative;
}

body.page.faq .entry-content dl dd::before {
	content: 'A :';
	font-size: 2.4rem;
	left: 24px;
	position: absolute;
	top: -5px;
}

/*----------------------------------------------------------
Page > Facility
----------------------------------------------------------*/

body.page.facility .entry-content .flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

body.page.facility .entry-content .contentBox {
	margin-bottom: 40px;
	width: calc(33.3333% - 32px);
}

body.page.facility .entry-content .contentBox .imgWrap {
	margin-bottom: 8px;
	position: relative;
	width: 100%;
}

body.page.facility .entry-content .contentBox .imgWrap::before {
	content: '';
	display: block;
	padding-top: 56.25%;
	padding-top: 100%;
}

body.page.facility .entry-content .contentBox .imgWrap .imgInner {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

body.page.facility .entry-content .contentBox .imgWrap .imgInner img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

body.page.facility .entry-content .contentBox h3 {
	background-color: unset;
	border: none;
	color: #004ba0;
	font-size: 2.0rem;
	margin-bottom: 8px;
	padding: 0;
}

/*----------------------------------------------------------
Page > Access
----------------------------------------------------------*/

body.page.access .entry-content .flex {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
}

body.page.access .entry-content .flex .gymImg { width: 30%; }

body.page.access .entry-content .flex .info { width: calc(70% - 40px); }

body.page.access .entry-content .flex .info p {
	line-height: 2;
	font-size: 2.0rem;
}

body.page.access .entry-content .flex .info ul li {
	background-color: #1976d2;
	border-radius: 30px;
	color: #fff;
	display: inline-block;
	font-size: 1.8rem;
	list-style-type: none;
	margin: 6px 8px 8px 0;
	padding: 2px 12px;
}

body.page.access .entry-content .accessMap { margin-bottom: 80px; }

body.page.access .entry-content .accessMap p,
body.page.access .entry-content .parkingMap p {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}

body.page.access .entry-content .accessMap p iframe,
body.page.access .entry-content .parkingMap p iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/*----------------------------------------------------------
Page > Contact
----------------------------------------------------------*/

body.page.contact form .required {
	background: red;
	border-radius: 4px;
	color: #fff;
	font-size: 1.4rem;
	margin-left: 8px;
	padding: 3.5px 4px;
}

body.page.contact form p { margin-bottom: 32px; }

body.page.contact form div.customerInfo {
	display: flex;
	justify-content: space-between;
	margin-bottom: 32px;
}

body.page.contact form div.customerInfo label { width: calc(33.33% - 20px); }

body.page.contact form div.customerInfo label input.wpcf7-text {
	margin-top: 8px;
	padding: 6px 10px;
	width: 100%;
}

body.page.contact form div.message { margin-bottom: 32px; }

body.page.contact form div.message textarea {
	margin-top: 8px;
	width: 100%;
}

body.page.contact form div.submit input {
	background: #1976d2;
	border: none;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 2.0rem;
	line-height: 50px;
	margin: 0 auto;
	padding: 0 24px;
	transition: .3s;
	width: 50%;
	min-width: 200px;
}

body.page.contact form div.submit input:hover { opacity: .6; }

/*----------------------------------------------------------
Page > Free Trial
----------------------------------------------------------*/

body.page.free-trial article div.entry-content .erf-container .erf-content-above { margin: 0 0 8px; }

body.page.free-trial article div.entry-content .erf-container form button {
	background: #fff100;
	border: 1px solid #004ba0;
	border-radius: 4px;
	color: #004ba0;
	font-size: 2.0rem;
	line-height: 50px;
	margin-top: 32px;
	padding: 0 8px;
	transition: .3s;
	width: 50%;
	min-width: 288px;
}

body.page.free-trial article div.entry-content .erf-container form button:hover {
	background-color: #fff100;
	border-color: #004ba0;
	color: #004ba0;
	opacity: .6;
}

body.page.free-trial article div.entry-content .erf-container .sanks { margin-top: 204px; }

body.page.free-trial article div.entry-content .erf-container .sanks p { margin-bottom: 24px; }

body.page.free-trial article div.entry-content .erf-container .sanks p:nth-child(1) {
	font-size: 3.0rem;
	font-weight: 700;
	text-align: center;
}

body.page.free-trial article div.entry-content .erf-container .sanks p:nth-child(2) { color: #f33; }

body.page.free-trial article div.entry-content .erf-container .sanks p:last-child { margin: 0; }

body.page.free-trial .entry-content .contentBox { margin-bottom: 80px; }

body.page.free-trial .entry-content h3 {
	background-color: #1976d2;
	border: none;
	color: #fff;
	font-size: 2.4rem;
	margin-bottom: 24px;
	padding: 7px 12px;
	text-align: center;
}

body.page.free-trial .entry-content .contentBox:nth-of-type(1) .flexBox {
	display: flex;
	justify-content: space-between;
}

body.page.free-trial .entry-content .contentBox:nth-of-type(1) .flexBox .intro {
	width: calc(75% - 40px);
}

body.page.free-trial .entry-content .contentBox:nth-of-type(1) .flexBox .intro h4 {
	background-color: unset;
	border-radius: 0;
	color: #004ba0;
	font-size: 2.4rem;
	padding: 0;
}

body.page.free-trial .entry-content .contentBox:nth-of-type(1) .flexBox .intro p {
	font-size: 2.0rem;
	line-height: 1.8;
}

body.page.free-trial .entry-content .contentBox:nth-of-type(1) .flexBox .imgBox { width: 25%; }

body.page.free-trial .entry-content .contentBox:nth-of-type(1) .flexBox .imgBox img {
	height: 100%;
	width: 100%;
}

body.page.free-trial .entry-content .contentBox:nth-of-type(2) ul { margin-bottom: 16px; }

body.page.free-trial .entry-content .contentBox:nth-of-type(2) ul li {
	font-size: 3.0rem;
	list-style-type: none;
	margin-left: 40px;
	position: relative;
}

body.page.free-trial .entry-content .contentBox:nth-of-type(2) ul li::before {
	content: '\f14a';
	font-family: "Font Awesome 5 Free";
	left: -40px;
	position: absolute;
	top: 0;
}

body.page.free-trial .entry-content .contentBox:nth-of-type(2) ul li .note {
	font-size: 1.6rem;
	margin-left: 26px;
	position: relative;
}

body.page.free-trial .entry-content .contentBox:nth-of-type(2) ul li .note::before {
	content: '※';
	left: -18px;
	position: absolute;
	top: -1px;
}

body.page.free-trial .entry-content .contentBox:nth-of-type(2) p { font-size: 2.0rem; }

body.page.free-trial .entry-content .contentBox:nth-of-type(2) p a {
	color: #004ba0;
	display: inline-block;
	font-weight: 700;
}

body.page.free-trial .entry-content .contentBox:nth-of-type(2) p a:hover { color: #1976d2; }

/*----------------------------------------------------------
Page > Login
----------------------------------------------------------*/

body.page.login form button {
	background: #1976d2;
	border: none;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 2.0rem;
	line-height: 50px;
	margin: 0 auto;
	padding: 0 24px;
	transition: .3s;
	width: 50%;
	min-width: 200px;
}

body.page.login form button:hover { opacity: .6; }

body.page.login .erf-container .erf-account-switch a:nth-child(1) {
	float: none;
	text-align: center;
}

/*----------------------------------------------------------
Page > Membership Registration
----------------------------------------------------------*/

body.page.register article div.entry-content .erf-container .erf-content-above { margin: 0 0 8px; }

body.page.register article div.entry-content .erf-container form > div > div button,
body.page.register article div.entry-content .erf-container form > div button:nth-child(1) {
	background: #1976d2;
	border-radius: 4px;
	color: #fff;
	font-size: 2.0rem;
	line-height: 50px;
	margin-top: 32px;
	padding: 0 24px;
	transition: .3s;
	width: 30% !important;
	min-width: 100px;
}

body.page.register article div.entry-content .erf-container form > div > div button:hover,
body.page.register article div.entry-content .erf-container form > div button:nth-child(1):hover {
	background-color: #1976d2;
	border-color: none;
	opacity: .6;
}

body.page.register article div.entry-content .erf-container form > div button:nth-child(2) {
	background: #f57c00;
	border-radius: 4px;
	color: #fff;
	font-size: 2.0rem;
	line-height: 50px;
	margin-top: 32px;
	padding: 0 24px;
	transition: .3s;
	width: 30% !important;
	min-width: 320px;
}

body.page.register article div.entry-content .erf-container form > div button:nth-child(2):hover {
	background-color: #f57c00;
	border-color: none;
	opacity: .6;
}

body.page.register article div.entry-content .erf-container .sanks { margin-top: 204px; }

body.page.register article div.entry-content .erf-container .sanks p { margin-bottom: 24px; }

body.page.register article div.entry-content .erf-container .sanks p:last-child { margin: 0; }

/*----------------------------------------------------------
Page Media Query
----------------------------------------------------------*/

/**-----------------------------------------------
1199px以下
-----------------------------------------------**/

@media screen and (max-width: 1199px) {

	/***------------------------------------
	Page > Program
	------------------------------------***/

	body.page.program .entry-content .contentBox { width: calc(33.3333% - 10px); }

	body.page.program .entry-content .contentBox h3 { font-size: calc(1.8rem + ((1vw - 0.96rem) * 0.833333333)); /* 18px <- 20px / 960px <- 1200px */ }

	/***------------------------------------
	Page > Facility
	------------------------------------***/

	body.page.facility .entry-content .contentBox { width: calc(33.3333% - 10px); }

}


/**-----------------------------------------------
959px以下
-----------------------------------------------**/

@media screen and (max-width: 959px) {

	/***------------------------------------
	Page > About
	------------------------------------***/

	body.page.about .entry-content .contentBox:nth-of-type(1) p {
		line-height: 1.5;
		width: calc(60% - 16px);
	}

	body.page.about .entry-content .contentBox:nth-of-type(1) .imgBox { width: 40%; }

	body.page.about .entry-content .contentBox:nth-of-type(4) .flexBox .flexInner { width: calc(33.3333% - 10px); }

	body.page.about .entry-content .contentBox:nth-of-type(4) .flexBox .flexInner h4 { font-size: 2.3rem; }

	/***------------------------------------
	Page > Reasons
	------------------------------------***/

	body.page.reasons .entry-content .contentBox .intro { width: calc(50% - 16px); }

	/***------------------------------------
	Page > Program
	------------------------------------***/

	body.page.program .entry-content .contentBox h3 { font-size: calc(1.6rem + ((1vw - 0.768rem) * 1.041666667)); /* 16px <- 18px / 768px <- 960px */ }

	/***------------------------------------
	Page > Facility
	------------------------------------***/

	body.page.facility .entry-content .contentBox h3 { font-size: calc(1.6rem + ((1vw - 0.768rem) * 2.083333333)); /* 16px <- 20px / 768px <- 960px */ }

}


/**-----------------------------------------------
768px以下
-----------------------------------------------**/

@media screen and (max-width: 768px) {

	/***------------------------------------
	Page > Covid
	------------------------------------***/

	body.page.covid .entry-content .contentBox .flexBox .intro { width: calc(75% - 16px); }

	body.page.covid .entry-content .contentBox h3 { font-size: 2.0rem; }

	/***------------------------------------
	Page > About
	------------------------------------***/

	body.page.about .entry-content .contentBox:not(:last-of-type) { margin-bottom: 40px; }

	body.page.about .entry-content .contentBox:nth-of-type(1) { display: block; }

	body.page.about .entry-content .contentBox:nth-of-type(1) p,
	body.page.about .entry-content .contentBox:nth-of-type(1) .imgBox { width: 100%; }

	body.page.about .entry-content .contentBox:nth-of-type(2) p { margin-bottom: 16px; }

	body.page.about .entry-content .contentBox:nth-of-type(2) .imgBox img { width: calc(50% - 8px); }

	/***------------------------------------
	Page > Reasons
	------------------------------------***/

	body.page.reasons article div.pageHeader h2::before {
		font-size: calc(1.8rem + ((1vw - 0.48rem) * 3.472222222)); /* 18px <- 28px / 480px <- 768px */
		padding: 0 16px;
		top: -78px;
	}

	body.page.reasons article div.pageHeader h2::after {
		font-size: calc(2.4rem + ((1vw - 0.48rem) * 5.208333333)); /* 24px <- 39px / 480px <- 768px */
		padding: 0 16px;
		top: -30px;
	}

	body.page.reasons .entry-content h3 { font-size: 2.3rem; }

	body.page.reasons .entry-content .contentBox { display: block; }

	body.page.reasons .entry-content .contentBox .intro {
		margin-bottom: 16px;
		width: 100%;
	}

	body.page.reasons .entry-content .contentBox .mediaBox { width: 100%; }

	/***------------------------------------
	Page > Program
	------------------------------------***/

	body.page.program .entry-content .contentBox { width: calc(50% - 8px); }

	body.page.program .entry-content .contentBox h3 { font-size: calc(1.5rem + ((1vw - 0.48rem) * 1.736111111)); /* 15px <- 20px / 480px <- 768px */ }

	/***------------------------------------
	Page > Staff
	------------------------------------***/

	body.page.staff .entry-content .contentBox .imgBox { width: 150px; }

	body.page.staff .entry-content .contentBox .intro { width: calc(100% - 190px); }

	/***------------------------------------
	Page > Guidance
	------------------------------------***/

	body.page.guidance .entry-content .contentBox:nth-of-type(1) .flexBox { display: block; }

	body.page.guidance .entry-content .contentBox:nth-of-type(1) .flexBox p:nth-of-type(even) {
		display: block;
		transform: none;
		text-align: center;
	}

	body.page.guidance .entry-content .contentBox:nth-of-type(2) ul li { font-size: 2.0rem; }

	body.page.guidance .entry-content .contentBox:nth-of-type(3) .flexBox { display: block; }

	body.page.guidance .entry-content .contentBox:nth-of-type(3) .flexBox .course { width: 100%; }

	/***------------------------------------
	Page > Faq
	------------------------------------***/

	body.page.faq .entry-content dl dt { padding: 10px 10px 10px 48px; }

	body.page.faq .entry-content dl dt::before { left: 10px; }

	body.page.faq .entry-content dl dd { padding-left: 48px; }

	body.page.faq .entry-content dl dd::before { left: 10px; }

	/***------------------------------------
	Page > Facility
	------------------------------------***/

	body.page.facility .entry-content .contentBox { width: calc(50% - 8px); }

	body.page.facility .entry-content .contentBox h3 { font-size: calc(1.5rem + ((1vw - 0.48rem) * 1.736111111)); /* 15px <- 20px / 480px <- 768px */ }

	/***------------------------------------
	Page > Access
	------------------------------------***/

	body.page.access .entry-content .flex { display: block; }

	body.page.access .entry-content .flex .gymImg,
	body.page.access .entry-content .flex .info { width: 100%; }

	/***------------------------------------
	Page > Free Trial
	------------------------------------***/

	body.page.free-trial .entry-content .contentBox:nth-of-type(1) .flexBox { display: block; }

	body.page.free-trial .entry-content .contentBox:nth-of-type(1) .flexBox .intro,
	body.page.free-trial .entry-content .contentBox:nth-of-type(1) .flexBox .imgBox { width: 100%; }

	body.page.free-trial .entry-content .contentBox:nth-of-type(2) ul li {
		font-size: 2.0rem;
		margin-left: 24px;
	}

	body.page.free-trial .entry-content .contentBox:nth-of-type(2) ul li::before { left: -24px; }

}


/**-----------------------------------------------
559px以下
-----------------------------------------------**/

@media screen and (max-width: 559px) {

	/***------------------------------------
	Page > Covid
	------------------------------------***/

	body.page.covid .entry-content .contentBox .flexBox { display: block; }

	body.page.covid .entry-content .contentBox .flexBox .intro {
		line-height: 1.5;
		margin-bottom: 16px;
		width: 100%;
	}

	body.page.covid .entry-content .contentBox .flexBox .imgBox {
		margin-bottom: 16px;
		width: 100%;
	}

	/***------------------------------------
	Page > Staff
	------------------------------------***/

	body.page.staff .entry-content .contentBox { display: block; }

	body.page.staff .entry-content .contentBox .imgBox {
		margin-bottom: 8px;
		width: 100%;
	}

	body.page.staff .entry-content .contentBox .intro { width: 100%; }

}


/**-----------------------------------------------
479px以下
-----------------------------------------------**/

@media screen and (max-width: 479px) {

	/***------------------------------------
	Page > About
	------------------------------------***/

	body.page.about article div.pageHeader h2 { font-size: 2.8rem; }

	body.page.about .entry-content .contentBox:nth-of-type(1) p { font-size: 2.4rem; }

	body.page.about .entry-content .contentBox:nth-of-type(2) p,
	body.page.about .entry-content .contentBox:nth-of-type(3) p { line-height: 1.5; }

	body.page.about .entry-content .contentBox:nth-of-type(2) .imgBox { display: block; }

	body.page.about .entry-content .contentBox:nth-of-type(2) .imgBox img { width: 100%; }

	body.page.about .entry-content .contentBox:nth-of-type(3) p span { font-size: 2.0rem; }

	body.page.about .entry-content .contentBox h3 { font-size: 2.2rem; }

	body.page.about .entry-content .contentBox:nth-of-type(4) .flexBox { display: block; }

	body.page.about .entry-content .contentBox:nth-of-type(4) .flexBox .flexInner {
		margin-bottom: 40px;
		width: 100%;
	}

	body.page.about .entry-content .contentBox:nth-of-type(6) .flexBox { display: block; }

	body.page.about .entry-content .contentBox:nth-of-type(6) .flexBox .imgBox { width: 100%; }

	/***------------------------------------
	Page > Reasons
	------------------------------------***/

	body.page.reasons article div.pageHeader h2::before {
		font-size: calc(2.5rem + ((1vw - 0.375rem) * 6.730769231)); /* 25px <- 32px / 375px <- 479px */
		top: -128px;
	}

	body.page.reasons article div.pageHeader h2::after {
		font-size: calc(2.8rem + ((1vw - 0.375rem) * 8.571428571)); /* 28px <- 37px / 375px <- 480px */
		top: -30px;
	}

	body.page.reasons .entry-content h3 { font-size: 1.7rem; }

	body.page.reasons .entry-content .contentBox .intro { font-size: 1.6rem; }

	/***------------------------------------
	Page > Program
	------------------------------------***/

	body.page.program .entry-content .flex { display: block; }

	body.page.program .entry-content .contentBox { width: 100%; }

	body.page.program .entry-content .contentBox h3 { font-size: calc(1.8rem + ((1vw - 0.32rem) * 1.25)); /* 18px <- 20px / 320px <- 480px */ }

	/***------------------------------------
	Page > Staff
	------------------------------------***/

	body.page.staff .entry-content .contentBox { padding: 16px; }

	body.page.staff .entry-content .contentBox .intro p.position { font-size: 1.6rem; }

	body.page.staff .entry-content .contentBox .intro p a {
		font-size: 1.6rem;
		padding: 11px 8px;
	}

	body.page.staff .entry-content .contentBox .intro { font-size: 1.8rem; }

	/***------------------------------------
	Page > Guidance
	------------------------------------***/

	body.page.access .entry-content .flex,
	body.page.access .entry-content .accessMap { margin-bottom: 40px; }

	body.page.guidance .entry-content .contentBox h3,
	body.page.guidance .entry-content .contentBox:nth-of-type(3) > p:first-of-type,
	body.page.guidance .entry-content .contentBox:nth-of-type(3) .flexBox .course h4 { font-size: 2.0rem; }

	body.page.guidance .entry-content .contentBox:nth-of-type(3) .flexBox .course p { font-size: 1.6rem; }

	/***------------------------------------
	Page > Facility
	------------------------------------***/

	body.page.facility .entry-content .flex { display: block; }

	body.page.facility .entry-content .contentBox { width: 100%; }

	body.page.facility .entry-content .contentBox h3 { font-size: 2.0rem; }

	/***------------------------------------
	Page > Access
	------------------------------------***/

	body.page.access .entry-content .flex .info p { font-size: 1.6rem; }

	body.page.access .entry-content .flex .info ul li {
		font-size: 1.6rem;
		padding: 2px 8px;
	}

	/***------------------------------------
	Page > Contact
	------------------------------------***/

	body.page.contact form div.customerInfo { display: block; }

	body.page.contact form div.customerInfo label {
		display: block;
		width: 100%;
	}

	/***------------------------------------
	Page > Free Trial
	------------------------------------***/

	body.page.free-trial .entry-content h3,
	body.page.free-trial .entry-content .contentBox:nth-of-type(1) .flexBox .intro h4 { font-size: 2.0rem; }

	body.page.free-trial .entry-content .contentBox:nth-of-type(1) .flexBox .intro p { line-height: 1.5; }

}



/***********************************************************************************************************************
archive
***********************************************************************************************************************/

body.post-type-archive div.pageHeader {
	align-items: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: flex;
	height: 300px;
	position: relative;
}

body.post-type-archive div.pageHeader::after {
	background: rgba(0, 0, 0, .5);
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

body.post-type-archive div.pageHeader h2 {
	color: #1976d2;
	font-size: 4.0rem;
	position: relative;
	text-align: center;
	text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
	width: 100%;
	z-index: 1;
}

body.post-type-archive article { margin: 80px 0; }

body.post-type-archive article .pager {
	display: flex;
	justify-content: center;
}

body.post-type-archive article .pager span,
body.post-type-archive article .pager a {
	background: #1976d2;
	border-radius: 4px;
	color: #fff;
	line-height: 50px;
	margin-right: 8px;
	text-align: center;
	width: 100%;
	max-width: 50px;
	min-width: 28px;
}

body.post-type-archive article .pager span:last-child,
body.post-type-archive article .pager a:last-child { margin: 0; }

body.post-type-archive article .pager span,
body.post-type-archive article .pager a:hover { opacity: .6; }



/***********************************************************************************************************************
archive.php
***********************************************************************************************************************/

body.post-type-archive .archiveMain .wrap {
	display: flex;
	justify-content: space-between;
}

body.post-type-archive .archiveMain .wrap article { width: calc(100% - 340px); }

body.post-type-archive .archiveMain .wrap article .flex2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

body.post-type-archive .archiveMain .wrap article .archiveBox {
	margin-bottom: 40px;
	width: calc(50% - 20px);
}

body.post-type-archive .archiveMain .wrap article .archiveBox a {
	background: #f4f4f4;
	height: 100%;
}

body.post-type-archive .archiveMain .wrap article .archiveBox a .imgWrap {
	position: relative;
	width: 100%;
}

body.post-type-archive .archiveMain .wrap article .archiveBox a .imgWrap::before {
	content: '';
	display: block;
	padding-top: 56.25%;
}

body.post-type-archive .archiveMain .wrap article .archiveBox a .imgWrap .imgInner {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

body.post-type-archive .archiveMain .wrap article .archiveBox a .imgWrap .imgInner img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

body.post-type-archive .archiveMain .wrap article .archiveBox a .textWrap { padding: 32px; }

body.post-type-archive .archiveMain .wrap article .archiveBox a .textWrap h3 {
	color: #004ba0;
	font-size: 2.0rem;
	margin-bottom: 16px;
}

body.post-type-archive .archiveMain .wrap aside {
	margin: 80px 0;
	width: 300px;
}

body.post-type-archive .archiveMain .wrap aside section { margin-bottom: 40px; }

body.post-type-archive .archiveMain .wrap aside section h2 {
	border-bottom: 3px double #004ba0;
	font-size: 2.0rem;
	padding: 2px 8px;
}

body.post-type-archive .archiveMain .wrap aside section ul li a {
	border-bottom: 1px dashed #ccc;
	padding: 16px 0 16px 20px;
	position: relative;
}

body.post-type-archive .archiveMain .wrap aside section ul li a::before {
	color: #004ba0;
	content: '\f138';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	left: 0;
	position: absolute;
}

body.post-type-archive .archiveMain .wrap aside section.widget_archive label { display: none; }

body.post-type-archive .archiveMain .wrap aside section.widget_archive select {
	margin-top: 16px;
	padding: 13px 0 13px 10px;
	width: 100%;
}

/*----------------------------------------------------------
archive.php Media Query
----------------------------------------------------------*/

/**-----------------------------------------------
959px以下
-----------------------------------------------**/

@media screen and (max-width: 959px) {

	body.post-type-archive .archiveMain .wrap article .flex2 { display: block; }

	body.post-type-archive .archiveMain .wrap article .archiveBox { width: 100%; }

}


/**-----------------------------------------------
768px以下
-----------------------------------------------**/

@media screen and (max-width: 768px) {

	body.post-type-archive .archiveMain .wrap { display: block; }

	body.post-type-archive .archiveMain .wrap article {
		margin: 40px 0;
		width: 100%;
	}

	body.post-type-archive .archiveMain .wrap aside { margin: 40px 0; }

	body.post-type-archive .archiveMain .wrap aside { width: 100%; }

}


/**-----------------------------------------------
479px以下
-----------------------------------------------**/

@media screen and (max-width: 479px) {

	body.post-type-archive .archiveMain .wrap article .archiveBox a .textWrap { padding: 16px; }

}



/***********************************************************************************************************************
archive-voice
***********************************************************************************************************************/

body.post-type-archive-voice article .flex2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

body.post-type-archive-voice article .flex2 .voiceBox {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
	width: calc(50% - 12px);
}

body.post-type-archive-voice article .flex2 .voiceBox .imgWrap {
	border: 8px solid #63a4ff;
	border-radius: 50%;
	height: 160px;
	overflow: hidden;
	width: 160px;
}

body.post-type-archive-voice article .flex2 .voiceBox .imgWrap img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

body.post-type-archive-voice article .flex2 .voiceBox .textWrap { width: calc(100% - 192px); }

body.post-type-archive-voice article .flex2 .voiceBox .textWrap img {
	height: auto;
	width: 100%;
}

/*----------------------------------------------------------
archive-voice Media Query
----------------------------------------------------------*/

/**-----------------------------------------------
959px以下
-----------------------------------------------**/

@media screen and (max-width: 959px) {

	body.post-type-archive-voice article .flex2 { display: block; }

	body.post-type-archive-voice article .flex2 .voiceBox {
		align-items: center;
		width: 100%;
	}

}


/**-----------------------------------------------
768px以下
-----------------------------------------------**/

@media screen and (max-width: 768px) {

	body.post-type-archive-voice article .flex2 .voiceBox .imgWrap {
		border-width: 5px;
		height: 150px;
		width: 150px;
	}

	body.post-type-archive-voice article .flex2 .voiceBox .textWrap { width: calc(100% - 174px); }

}


/**-----------------------------------------------
479px以下
-----------------------------------------------**/

@media screen and (max-width: 479px) {

	body.post-type-archive-voice article .flex2 .voiceBox { display: block; }

	body.post-type-archive-voice article .flex2 .voiceBox .imgWrap {
		height: 200px;
		margin: 0 auto 16px;
		width: 200px;
	}

	body.post-type-archive-voice article .flex2 .voiceBox .textWrap { width: 100%; }

}



/***********************************************************************************************************************
archive-info
***********************************************************************************************************************/

body.post-type-archive-info article .infoWrap {
	border-top: 1px solid #444;
	padding-top: 40px;
}

body.post-type-archive-info article .infoWrap .infoBox {
	border-bottom: 1px solid #444;
	margin-bottom: 40px;
	padding-bottom: 24px;
}

body.post-type-archive-info article .infoWrap .infoBox h3 {
	font-size: 2.0rem;
	margin-bottom: 8px;
}



/***********************************************************************************************************************
single
***********************************************************************************************************************/

body.single .singleMain .wrap {
	display: flex;
	justify-content: space-between;
	margin: 80px auto;
}

body.single .singleMain .wrap .mainWrap { width: calc(100% - 340px); }

body.single .singleMain .wrap .mainWrap article header h1 {
	font-size: 2.4rem;
	margin-bottom: 8px;
}

body.single .singleMain .wrap .mainWrap article header .entry-meta {
	display: flex;
	font-size: 1.4rem;
	justify-content: space-between;
	margin-bottom: 8px;
}

body.single .singleMain .wrap .mainWrap article header .entry-meta .cat-links { width: calc(100% - 150px); }

body.single .singleMain .wrap .mainWrap article header .entry-meta .cat-links a { display: inline-block; }

body.single .singleMain .wrap .mainWrap article header .entry-meta .entry-date {
	text-align: right;
	width: 150px;
}

body.single .singleMain .wrap .mainWrap article header .imgWrap {
	margin-bottom: 24px;
	position: relative;
	width: 100%;
}

body.single .singleMain .wrap .mainWrap article header .imgWrap::before {
	content: '';
	display: block;
	padding-top: 56.25%;
}

body.single .singleMain .wrap .mainWrap article header .imgWrap .imgInner {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

body.single .singleMain .wrap .mainWrap article header .imgWrap .imgInner img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

body.single .singleMain .wrap .mainWrap article .entry-content { margin-bottom: 24px; }

body.single .singleMain .wrap .mainWrap article .entry-footer {
	background-color: #f4f4f4;
	font-size: 1.4rem;
	margin-bottom: 28px;
	padding: 13px;
}

body.single .singleMain .wrap .mainWrap article .entry-footer .tag-links a { display: inline-block; }

body.single .singleMain .wrap .mainWrap footer nav h2 { display: none; }

body.single .singleMain .wrap .mainWrap footer nav .nav-links {
	display: flex;
	justify-content: space-between;
}

body.single .singleMain .wrap .mainWrap footer nav .nav-links > div {
	overflow: hidden;
	width: calc(50% - 20px);
}

body.single .singleMain .wrap .mainWrap footer nav .nav-links > div a {
	background-color: #1976d2;
	border-radius: 4px;
	color: #fff;
	padding: 13px;
	text-align: center;
}

body.single .singleMain .wrap .mainWrap footer nav .nav-links > div a:hover { opacity: .6; }

body.single .singleMain .wrap aside { width: 300px; }

body.single .singleMain .wrap aside section { margin-bottom: 40px; }

body.single .singleMain .wrap aside section h2 {
	border-bottom: 3px double #004ba0;
	font-size: 2.0rem;
	padding: 2px 8px;
}

body.single .singleMain .wrap aside section ul li a {
	border-bottom: 1px dashed #ccc;
	padding: 16px 0 16px 20px;
	position: relative;
}

body.single .singleMain .wrap aside section ul li a::before {
	color: #004ba0;
	content: '\f138';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	left: 0;
	position: absolute;
}

/*----------------------------------------------------------
single Media Query
----------------------------------------------------------*/

/**-----------------------------------------------
959px以下
-----------------------------------------------**/

@media screen and (max-width: 959px) {

	body.single .singleMain .wrap { display: block; }

	body.single .singleMain .wrap .mainWrap,
	body.single .singleMain .wrap aside { width: 100%; }

}


/**-----------------------------------------------
768px以下
-----------------------------------------------**/

@media screen and (max-width: 768px) {

	body.single .singleMain .wrap .mainWrap article header { padding-top: 0; }

}


/**-----------------------------------------------
479px以下
-----------------------------------------------**/

@media screen and (max-width: 479px) {

	body.single .singleMain .wrap { margin: 40px 0; }

	body.single .singleMain .wrap .mainWrap article header .entry-meta { display: block; }

	body.single .singleMain .wrap .mainWrap article header .entry-meta .cat-links,
	body.single .singleMain .wrap .mainWrap article header .entry-meta .entry-date {
		display: block;
		width: 100%;
	}

	body.single .singleMain .wrap .mainWrap footer nav .nav-links > div { width: calc(50% - 8px); }

}


/*----------------------------------------------------------
single-info.php
----------------------------------------------------------*/

body.single .singleInfoMain .wrap { margin: 80px auto; }

body.single .singleInfoMain .wrap .mainWrap article header { margin-bottom: 24px; }

body.single .singleInfoMain .wrap .mainWrap article header h1 {
	font-size: 2.4rem;
	margin-bottom: 8px;
}

body.single .singleInfoMain .wrap .mainWrap article header .entry-meta .entry-date { font-size: 1.4rem; }

/*----------------------------------------------------------
single-info.php Media Query
----------------------------------------------------------*/

/**-----------------------------------------------
768px以下
-----------------------------------------------**/

@media screen and (max-width: 768px) {

	body.single .singleInfoMain .wrap .mainWrap article header { padding-top: 0; }

}


/**-----------------------------------------------
479px以下
-----------------------------------------------**/

@media screen and (max-width: 479px) {

	body.single .singleInfoMain .wrap { margin: 40px 0; }

}

/*----------------------------------------------------------
Main
----------------------------------------------------------*/



/*----------------------------------------------------------
Footer
----------------------------------------------------------*/





/*----------------------------------------------------------
PC First Media Query
----------------------------------------------------------*/

/**-----------------------------------------------
1199px以下
-----------------------------------------------**/

@media screen and (max-width: 1199px) {}


/**-----------------------------------------------
959px以下
-----------------------------------------------**/

@media screen and (max-width: 959px) {}


/**-----------------------------------------------
768px以下
-----------------------------------------------**/

@media screen and (max-width: 768px) {}


/**-----------------------------------------------
479px以下
-----------------------------------------------**/

@media screen and (max-width: 479px) {}



/*----------------------------------------------------------
Float Clear
----------------------------------------------------------*/

.clearfix:after { clear: both; content: ''; display: table; }



/***********************************************************************************************************************

***********************************************************************************************************************/

/*----------------------------------------------------------

----------------------------------------------------------*/

/**-----------------------------------------------

-----------------------------------------------**/

/***------------------------------------

------------------------------------***/

/****-------------------------

-------------------------****/



/*
body.page.free-trial article div.entry-content .rendered-form > div:nth-of-type(7)::after {
  color: #f00;
  content: '※ジュニアクラスは定員に達しましたが、状況を見ながら体験予約の受付を行います。詳しくは受付スタッフ（担当：浦崎）までお問い合わせください。（定員オーバーにより、体験予約をお断りする場合もありますので、予めご了承ください）';
  font-size: 14px;
}

body.page.free-trial article div.entry-content .rendered-form > div:nth-of-type(7)::after {
  color: #f00;
  content: '※ジュニアクラスは定員に達しましたので、しばらくの間、入会制限させていただきます。予めご了承ください。';
  font-size: 14px;
}

body.page.free-trial article div.entry-content .rendered-form > div:nth-of-type(9)::after {
  color: #f00;
  content: '※ジュニアクラスの体験可能日は毎週火曜日・木曜日に限らせて頂いてます。予めご了承下さいませ。';
  font-size: 14px;
}

body.page.free-trial article div.entry-content .rendered-form > div:nth-of-type(10)::after {
  color: #f00;
  content: '※ジュニアクラスの体験時間は17時〜の予約のみに限らせて頂いてます。予めご了承下さいませ。';
  font-size: 14px;
}
*/

body.page.free-trial article div.entry-content .rendered-form > div:nth-of-type(8)::after {
  color: #f00;
  content: '（定休日：日・祝）';
  font-size: 14px;
}

/*
body.page.free-trial article div.entry-content .rendered-form > div:nth-of-type(9)::after {
  color: #f00;
  content: '※午前中の体験のみ第2希望日時、第3希望日時は必須です';
  font-size: 14px;
}
*/

body.page.free-trial article div.entry-content .rendered-form > div:nth-of-type(10)::after {
  color: #f00;
  content: '（定休日：日・祝）';
  font-size: 14px;
}

/*
body.page.free-trial article div.entry-content .rendered-form > div:nth-of-type(11)::after {
  color: #f00;
  content: '※午前中の体験のみ第2希望日時、第3希望日時は必須です';
  font-size: 14px;
}
*/

body.page.free-trial article div.entry-content .rendered-form > div:nth-of-type(12)::after {
  color: #f00;
  content: '（定休日：日・祝）';
  font-size: 14px;
}

.erf-page-1 .erf-checkbox-group {
  background-color: rgba(255, 0, 0, .15);
  border: 4px solid #fff;
}





/***********************************************************************************************************************

***********************************************************************************************************************/

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }