@charset "utf-8"; 

/* sea-style yoyaku : responsive.css */

/* Media Queries - iPad
=========================================================================== */

@media only screen and (min-width: 768px) and (max-width: 768px) {
body {
	zoom: 75%;
	-webkit-text-size-adjust: 75%;
}
} /* iPad 768px */

/* Media Queries - 767px
=========================================================================== */

@media screen and (max-width: 767px){
body {
	min-width: inherit;
	background: none;
}
/* common */
.pc,
#memberPc { display: none !important; }
.smt { display: block !important; }
#logoArea,
.memberInner,
footer,
#breadcrumbles,
.contents,
#container,
#container h1,
.title {
	width: auto;
	min-width: auto;
}
/* header */
#logoArea {
	position: relative;
	height: 58px;
	border-bottom: 1px solid #01b4ed;
}
#logoArea .logo {
	height: 58px;
	float: left;
	vertical-align: middle;
}
#logoArea .logo img {
	width: 125px;
	height: 99.9%;
	margin-left: 10px;
}
#logoArea li a {
	width: 55px;
	height: 57px;
	border-left: 1px solid #01b4ed;
	color: #007fa7;
	font-size: 0.9rem;
	text-align: center;
	line-height: 1.2;
}
#logoArea #info-bar a {
	padding-top: 33px;
	background: url(../img/icon_info.svg) no-repeat center 6px;
	border-left: none;
	display: block;
}
/* ↓↓↓ 2023.07 追記 ↓↓↓ */
#logoArea #join-bar a {
	padding-top: 32px;
	background: url(../img/btn_join.svg) no-repeat center 6px;
	color: #4d9f3a;
}
/* ↑↑↑ 2023.07 追記 ↑↑↑ */
#logoArea #member-bar a {
	padding-top: 32px;
	background: url(../img/btn_member.svg) no-repeat center 6px;
}
#logoArea #mobile-bar a {
	padding-top: 33px;
	background: url(../img/btn_menu.svg) no-repeat center 6px;
}
html.build-menu-open #build-menu-page #mobile-bar a {
	background: #01b4ed url(../img/btn_menu_open.svg) no-repeat center 6px;
	color: #fff;
}
/* ↓↓↓ 2017.10 追記 ↓↓↓ */
#logoArea .news {
	display: block;
	position: absolute;
	right: 10px;
	bottom: -5px;
	padding: 2px 8px 2px 25px;
	background: #01b4ed url(../img/icon_news.png) no-repeat 5px center;
	border: 1px solid #01b4ed;
	color: #fff;
	font-size: 1.1rem;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
#logoArea .news:hover {
	background: #006ebc url(../img/icon_news.png) no-repeat 5px center;
	border: 1px solid #006ebc;
	text-decoration: none;
}
#logoArea .news span {
	display: inline-block;
	width: 1.8rem;
	margin-left: 5px;
	border-radius: 50%;
	background: #e5005a;
	color: #fff;
	font-size: 1rem;
	line-height: 1.8;
	text-align: center;
	vertical-align: middle;
}
/* ↑↑↑ 2017.10 追記 ↑↑↑ */
/* 会員 */
#slide .memberInner { width: auto; }
#slide .member { margin-bottom: 15px; }
#slide .member .name b { font-size: 1.4rem; }
#slide .member .logout {
	margin-bottom: 10px;
	font-size: 1.1rem;
	text-align: right;
}
#slide .member li { list-style: none; }
#slide .member li a {
	width: 197px;
	margin: 0 0 6px;
	padding: 5px 8px 5px 18px;
	border: 1px solid #006ebc;
	display: inline-block;
}
#slide .member li a::before {
	left: 8px;
}
#slide .member li a:hover { text-decoration: none; }
#slide .member li .info {
	width: auto;
	margin: 0 0 10px;
	padding-left: 25px;
	border: none;
}
#slide .member li p { margin: 0 0 0 5px; }
/* グローバルナビ */
#slide .nav li a { font-size: 1.5rem; }
/* 新規入会勧誘 */
/* ↓↓↓ 2018.11 追記 ↓↓↓ */
#slide .admission { margin-top: 30px; }
/* ↑↑↑ 2018.11 追記 ↑↑↑ */
/* パンくず */
#breadcrumbles {
	margin: 0 0 20px;
	padding: 5px 10px;
  background: #01b4ee;
	font-size: 1.1rem;
}
#breadcrumbles li {
  padding-right: 5px;
  color: #fff;
}
#breadcrumbles a,
#breadcrumbles li::after {
  color: #fff;
}
/* container */
#container {
	height: 100%;
	margin: 0;
	padding: 0 10px;
	min-height: 100%;
	border: none;
	overflow: hidden;
}
#container img {
	max-width: 100%;
	height: auto;
}
article#container h1 {
	font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
}
.title::before { border-width: 10px 3px; }
.title { padding-left: 15px; }
.contents .comTitle {
  margin: 0 -10px 10px;
}
.contentsInner {
  margin: 0;
}
article#container .heading { padding: 5px 0; }
article#container .heading::before {
	width: 0;
	height: 0;
	padding: 10px 0;
	border: none;
	pointer-events: none;
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
}
/* footer */
footer { text-align: center; }
#fTel {
	margin: 0;
	border-radius: 5px;
	display: inline-block;
}
#fTel strong,
#fTel b {
  display: block;
}
#fLink { float: none; }
#fLink ul {
	margin: 27px 0;
	padding: 5px 0;
	border-bottom: 1px solid #cecece;
	border-top: 1px solid #cecece;
}
#fLink li {
	display: inline-block;
	text-align: left;
}
#fLink li a::before {
  border: none;
}
#fLink .copyright {
  color: #000;
  text-align: center;
}
/*jsCommon */
.jsCommon {
  padding-top: 50px !important;
  text-align: left;
}
} /* 767px */

/* Media Queries - 568px
=========================================================================== */

@media screen and (max-width: 568px){
#container h1 {
	padding: 0;
	font-size: 1.3rem;
	font-weight: normal;
}
#container h1::before { border: none; }
/* footer */
#fLink li a {
	padding: 0 8px 0 15px;
	font-size: 1.1rem;
}
} /* 568px */

/* Media Queries - 320px
=========================================================================== */

@media screen and (max-width: 320px){
/* footer */
#fLink li a {
	padding: 0 3px 0 10px;
	font-size: 1.0rem;
}
#fLink li a::before { top: 4px; }
} /* 320px*/