@charset "UTF-8";

/* ----------------------------------------------- CSS Information
 Style Info:     レイアウト
 Notes:          
--------------------------------------------------------------- */
html {
	font-size: calc(5 * ((100vw -  700px) / 950) + 10px);
	line-height: 2;
	font-family: 'Noto Serif JP', serif;
}
body {
	font-family: 'Noto Serif JP', serif;
	color: #505050;
	overflow-x: hidden;
}
.a1-mincho { font-family: 'A1 Mincho', serif;}
.midashi-go { font-family: '見出ゴMB31', 'Midashi Go MB1';}

.noto { font-family: 'Noto Sans JP', sans-serif; }

img { 
	max-width: 100%;
	height: auto;
}
a { 
	outline:none;
	color: #515151;
	text-decoration: none;
	-webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
a:link,
a:visited { /*color: #DDD; text-decoration: underline;*/ }
a:hover {
	text-decoration: none;
  cursor:pointer;
  cursor:hand;
  opacity: .5;
  -webkit-opacity: .5;
  -moz-opacity: .5;
  filter: alpha(opacity=50);	/* IE lt 8 */
  -ms-filter: "alpha(opacity=60)"; /* IE 8 */
}
ul li {
	list-style-type: none;
}
.fit-img {
  object-fit: contain;
  font-family: 'object-fit: contain;';
}
.fit-img {
	max-width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.fit-img img {
  position: absolute;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  height: 100%;
  min-width: 100%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
@supports ( object-fit: cover ) {
.fit-img img {
  position: static;
  height: 100%;
  width: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  -ms-transform: none;
  -moz-transform: none;
  -webkit-transform: none;
  ransform: none;
}
}
.zoom {
	overflow: hidden;
}
.zoom img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.zoom:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.sm-only {display: none;}
.pc-only {display: block;}
.clearfix {clear: both;}
.sm-header {display: none;}

/* wpページナビ */
.wp-pagenavi {
	position: relative;
	clear: both;
	width: 100%;
	margin: 60px auto 0;
	text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
	width: 2.5em;
	height: 2.5em;
	display: inline-block;
	overflow: hidden;
	margin: 0 5px;
	padding: 3px 0;
	box-sizing: border-box;
	text-align: center;
	letter-spacing: normal;
	color: #505050;
  line-height: 2.1;
	font-size: 1.2em;
	border-radius: 100px;
}
.wp-pagenavi a:hover {
	color: #fff;
	background: #ff79a2;
	opacity: 1;
}
.wp-pagenavi .page,
.wp-pagenavi .current {
	text-decoration: none;
	border: 1px solid #ff79a2;
}
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
	border: 1px solid #ff79a2;
	text-decoration: none;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	color: #fff;
	background: #ff79a2;
}
.prev-area {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.prev-area a {
	padding: 1em 0;
	display: block;
  text-align: center;
	color: #505050;
	border: 1px solid #ff79a2;
	border-radius: 100px;
}
.prev-area a:hover {
  text-align: center;
	color: #fff;
	background: #ff79a2;
	opacity: 1;
}
.kiji-list {
	width: 9em;
	margin: 0 auto;
}
.before-kiji {
	width: 9em;
}
.after-kiji {
	width: 9em;
}

/* -------------------
 * 404
 * ------------------- */
.wrap-404 {
	width: 70%;
	margin: 0 auto;
	padding: 15% 0;
	text-align: center;
}
.wrap-404 .title {
	margin: 0 auto 5%;
	font-size: 6em;
  font-weight: bold;
	line-height: 0;
}
.wrap-404 .txt01 {
	font-size: 2em;
	margin: 0 auto 5%;
	font-weight: bold;
}
.wrap-404 .txt02 {
	font-weight: bold;
	margin: 0 auto 1.5em;
}
/* -------------------
 * ヘッダー
 * ------------------- */
#header {
	width: 100%;
	position: fixed;
	top: 0;
	background: #fff;
	background: rgba(255,255,255,.6);
	background: linear-gradient(rgba(255,255,255,.8), 
							rgba(255,255,255,.6), 
							rgba(255,255,255,.4), 
							rgba(255,255,255,0));
	z-index: 5000;
}
#header a::hover {
	opacity: 1 !important;
}
.head-area {
	width: 95%;
	max-width: 1775px;
	height: 9vw;
	margin: 0 auto;
	padding: 0.5em 0 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.head-wrap01 {
	width: 35%;
	padding: 0.5vw 0 0;
	display: flex;
	align-items: center;
}
.head-wrap01 .logo {
	width: 50%;
}
.head-wrap01 .sns-wrap {
	width: 50%;
	display: flex;
	justify-content: space-around;
}
.head-wrap01 .sns {
	width: 25%;
	position: relative;
}
.head-wrap01 .sns a {
	color: #fff;
}
.head-wrap02 {
	width: 60%;
	display: flex;
	align-items: center;
}
.head-wrap02 .menu-wrap {
	width: 85%;
	padding: 0.5vw 0 0;
	display: flex;
}
.head-wrap02 .menu {
	/**width: 20%;**/
	flex-grow: 1;
	height: 7vw;
	position: relative;
	text-align: center;
}
.head-wrap02 .txt {
  width: 100%;
  position: absolute;
  bottom: 0%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(0%);
  -moz-transform: translateX(-50%) translateY(0%);
  -webkit-transform: translateX(-50%) translateY(0%);
  transform: translateX(-50%) translateY(0%);
	font-family: 'Noto Serif JP', serif;
}
.menu .txt {
	padding: 0.2em 0;
  border-right: 1px solid #505050;
  font-size: 1.1em;
    color:#000;
    font-family: 'Noto Sans JP', sans-serif;
    white-space: nowrap;
}
.menu:last-child .txt {
	border: none;
}
.head-wrap02 .login {
	width: 20%;
	height: 7.5vw;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.head-wrap02 .login a {
	width: 6vw;
	height: 6vw;
	margin: 0 auto;
	display: block;
	border-radius: 50%;
	border: 0.15rem solid #ff79a2;
	background: #fff;
}
.head-wrap02 .login a:hover {
	opacity: 1;
}
.head-wrap02 .login img {
	width: 50%;
  padding: 0 1vw 2.5vw;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 5%;
  z-index: 2;
}
.head-wrap02 .login .txt {
	position: absolute;
	bottom: 0;
	line-height: 1.5;
	color: #fb5ba0;
    font-size: 1.2em;
    font-family: 'Noto Sans JP', sans-serif;
}
.member-menu-wrap {
	width: 95%;
	margin: 5% auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
    font-size: 1.3em;
    color:#000;
    font-family: 'Noto Sans JP', sans-serif;
}
.member-menu-wrap .member-menu {
	padding: 0 1em;
	border-right: 1px solid #505050;
}
.member-menu-wrap .member-menu:last-child {
	border: none;
}
/* -------------------
 * Effect
 * ------------------- */
.head-wrap01 .sns-label {
	display: inline-block;
	text-align: center;
	text-decoration: none;
}
/* icon font */
.head-wrap02 .menu-label {
	display: inline-block;
	background: #fff;
	text-align: center;
	text-decoration: none;
}
/* icon font */
.facebook .sns-label::after {
	background: #156cef;
}
.twitter .sns-label::after {
	background: #1a96ef;
}
.line .sns-label::after {
	background: #05b003;
}
.youtube .sns-label::after {
	background: #ff0204;
}
.head-wrap01 .sns-label::before {
	display: inline-block;
	position: absolute;
	top: 1.5vw;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
	z-index: 50;
	/*width: 1em;
	height: 1em;*/
	line-height: 1.5;
	overflow: hidden;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	transition: color .2s;
	margin: 0 auto;
	font-size: 3.2vw;
	font-weight: normal;
}
.head-wrap01 .sns-label::after {
	content: '';
	width: 3vw;
	height: 3vw;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 40;
	-webkit-transition: -webkit-transform .2s, opacity .5s;
	-moz-transition: -moz-transform .2s, opacity .5s;
	transition: transform .2s, opacity .5s;
	border-radius: 50%;
	font-size: 2em;
}
.head-wrap02 .menu-label::before {
	display: inline-block;
	position: absolute;
	top: 2.6vw;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
	z-index: 50;
	/*width: 1em;
	height: 1em;*/
	line-height: 1.5;
	overflow: hidden;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	transition: color .2s;
	margin: 0 auto;
	color: #ff79a2;
	font-size: 3vw;
	font-weight: normal;
}
.head-wrap02 .menu-label::after {
	content: '';
	width: 5vw;
	height: 5vw;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	right: 0;
	z-index: 40;
	-webkit-transition: -webkit-transform .2s, opacity .5s;
	-moz-transition: -moz-transform .2s, opacity .5s;
	transition: transform .2s, opacity .5s;
	border: 0.15rem solid #ff79a2;
	border-radius: 50%;
	background: #fff;
	font-size: 5em;
}
/* hover */
.head-wrap01 .sns-label:hover {
	opacity: 1;
}
.head-wrap01 .sns-label:hover::before {
	color: #fff;
}
.head-wrap01 .sns-label:hover::after {
	opacity: 1;
	-webkit-transform: scale( 1.2 );
	-o-transform: scale( 1.2 );
	transform: scale( 1.2 );
}
.head-wrap01 .sns-label:hover::before {
	opacity: 1;
}
.head-wrap02 .menu-label:hover {
	opacity: 1;
}
.head-wrap02 .menu-label:hover::before {
	color: #fff;
}
.head-wrap02 .menu-label:hover::after {
	opacity: 1;
	-webkit-transform: scale( 1.2 );
	-o-transform: scale( 1.2 );
	transform: scale( 1.2 );
	background: #ff79a2;
}
.head-wrap02 .menu-label:hover::before {
	opacity: 1;
}
/* ドロップダウンメニュー */
/*
.dropdown {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
	padding: 7% 0 10%;
	background: #0080CB;
}
.dropdown a {
	width: 100%;
}
.dropdown a:hover,
.current-menu > a,
.current-menu > span {
	margin-left: 0;
	background: linear-gradient(rgba(0,128,203,0), rgba(100, 198, 255));
}
.nav:hover .dropdown {
	margin: 0 0 1px;
	padding: 0;
	top: 8em;
	left: 0;
	opacity: 1;
	visibility: visible;
}
.nav .dropdown li {
  width: 100%;
	border-bottom: 1px solid #4CBCE0;
	background: linear-gradient(rgba(0,128,203,0), rgba(0,92,204,0.30), rgba(0,128,203,0));
}
.nav .dropdown li a {
	padding:1.5em 0;
	display: block;
}
*/
/* 画像フォント */
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?fas964');
  src:  url('../fonts/icomoon.eot?fas964#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?fas964') format('truetype'),
    url('../fonts/icomoon.woff?fas964') format('woff'),
    url('../fonts/icomoon.svg?fas964#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-facebook::before {
  content: "\e902";
}
.icon-twitter::before {
  content: "\e901";
}
.icon-line::before {
  content: "\e900";
}
.icon-youtube::before {
  content: "\e903";
}
.icon-icon01::before {
  content: "\e905";
}
.icon-icon02::before {
  content: "\e906";
}
.icon-icon03::before {
  content: "\e904";
}
.icon-icon04::before {
  content: "\e907";
}
.icon-icon05::before {
  content: "\e908";
}
.icon-icon06::before {
  content: "";
  background: url(../img/common/donation.svg) no-repeat center /contain;
  width: 1em;
  height: 1em;
}
.icon-icon06:hover::before {
  background: url(../img/common/donation_on.svg) no-repeat center /contain;
}
.icon-icon07::before {
  content: "";
  background: url(../img/common/complaints.svg) no-repeat center /contain;
  width: 1em;
  height: 1em;
}
.icon-icon07:hover::before {
  background: url(../img/common/complaints_on.svg) no-repeat center /contain;
}
/* -------------------
 * 中ページ ページ上部
 * ------------------- */
.title-wrap {
	width: 100%;
	height: 15vw;
	position: relative;
}
.title-wrap img {
	width: 100%;
	height: 100%;
	position: absolute;
	filter: drop-shadow( 0 0.15em 0 #ff79a2);
}
.title-wrap .page-title {
	width: 100%;
	font-size: 3em;
	position: absolute;
	top: 80%;
	left: 50%;
	font-family: 'A1 Mincho', serif;
	-ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
	text-align: center;
}
/* -------------------
 * サイドバー
 * ------------------- */
.container main.main {
	width: 70%;
	order: 2;
}
.container .sidebar {
	width: 20%;
	min-width: 15em;
	order: 1;
}
.sidebar h3.box-title {
	margin: 0 auto 3%;
	font-size: 1.4em;
	font-family: 'A1 Mincho', serif;
	border-bottom: 1px solid #ff79A2;
}
.sidebar .box-content {
	margin: 0 auto 10%;
}
 /* アーカイブアコーディオン */
.sidebar ul li {
	margin: 0 0 1em;
	line-height: 1.5;
  cursor: pointer;
}
.sidebar .widget_archive ul li {
  width: 100%;
  justify-content: space-between;
  position: relative;
  align-items: center;
}
.sidebar .widget_archive ul li ul {
  padding: 0 0 0 0.5em;
}
.sidebar .widget_archive ul li .icon::after {
  content: '\00203a';
  display: inline-block;
  position: absolute;
  top: -0.15em;
  margin: 0 0 0 1em;
  transition: transform .2s ease, opacity .2s ease;
  transform: rotate(90deg);
  font-size: 2em;
  line-height: 1;
  font-style: normal;
}
.sidebar .widget_archive ul li .open .icon::after {
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
}
.sidebar .widget_archive ul li p {
	margin: 0 auto 5%;
}
/* -------------------
 * フッター
 * ------------------- */
.footer {
}
.foot-area01 {
	padding: 3% 0;
	background: #f0f0f0;
}
.foot-area01 .content {
	width: 60%;
	max-width: 1335px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}
.foot-area01 .link-wrap {
	width: 85%;
	display: flex;
	flex-wrap: wrap;
}
.foot-area01 .link {
	width: 25%;
        font-size: 1em;
    color: #000;
}
.foot-area01 .login {
	width: 20%;
	height: 9vw;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.foot-area01 .login a {
	width: 6vw;
	height: 6vw;
	margin: 0 auto;
	display: block;
	border-radius: 50%;
	border: 0.15rem solid #ff79a2;
	background: #fff;
}
.foot-area01 .login a:hover {
	opacity: 1;
}
.foot-area01 .login img {
	width: 6.5vw;
  padding: 0 1.5vw 3vw;
  position: absolute;
  left: 22%;
  top: 5%;
  z-index: 2;
}
.foot-area01 .login .txt {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
	line-height: 1.5;
	color: #fb5ba0;
    font-size: 1.3em;
    font-family: 'Noto Sans JP', sans-serif;
}
.foot-area02 {
	padding: 3% 0;
	background: #ffe6e6;
}
.foot-area02 .content {
	width: 60%;
	max-width: 1335px;
	margin: 0 auto;
	text-align: center;
}
.foot-area02 .logo {
	width: 45%;
	margin: 0 auto 2%;
}
.foot-area02 .txt {
	color: #000;
    font-size: 1em;
}
.foot-area02 .sns-wrap {
	width: 50%;
	display: flex;
	justify-content: center;
	margin: 3% auto 0;
}
.foot-area02 .sns {
	width: 25%;
	position: relative;
}
.foot-area02 .sns a {
	color: #fff;
}
.foot-area02 .sns-label::before {
	display: inline-block;
	position: absolute;
	top: 1.5vw;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
	z-index: 50;
	/*width: 1em;
	height: 1em;*/
	line-height: 1.5;
	overflow: hidden;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	transition: color .2s;
	margin: 0 auto;
	font-size: 3.2vw;
	font-weight: normal;
}
.foot-area02 .sns-label::after {
	content: '';
	width: 3vw;
	height: 3vw;
	margin: 0 auto;
	display: block;
	/*position: absolute;
	top: 0;
	left: 0;
	right: 0;*/
	z-index: 40;
	-webkit-transition: -webkit-transform .2s, opacity .5s;
	-moz-transition: -moz-transform .2s, opacity .5s;
	transition: transform .2s, opacity .5s;
	border-radius: 50%;
	font-size: 2em;
}
.foot-area02 .menu-label::before {
	display: inline-block;
	position: absolute;
	top: 2.6vw;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
	z-index: 50;
	/*width: 1em;
	height: 1em;*/
	line-height: 1.5;
	overflow: hidden;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	transition: color .2s;
	margin: 0 auto;
	color: #ff79a2;
	font-size: 3vw;
	font-weight: normal;
}
.foot-area03 {
	padding: 3% 0;
	background: #ffa8be;
}
.foot-area03 .content {
	width: 60%;
	max-width: 1335px;
	margin: 0 auto;
	text-align: center;
}
.foot-area03 .tel {
	margin: 0 auto 4%;
	font-size: 3.5em;
	color: #fff;
	line-height: 1;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	font-family: 'Noticia Text', serif;
}
.foot-area03 .btn {
	margin: 0 auto;
	display: table;
	text-align: center;
}
.foot-area03 .btn a {
	padding: 0.5em 2em 0.5em 4em;
	display: block;
	position: relative;
	color: #ff79a2;
	font-size: 1.2em;
	background: #fff;
	border-radius: 100px;
}
.foot-area03 .btn a::before {
	content: "";
	width: 1.3em;
	height: 1.3em;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 3em;
	-ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
	background-image: url('../img/common/contact-icon.png');
	background-repeat: no-repeat;
	background-size: 1.3em;
}
.foot-area03 .btn a:hover::before {
	content: "";
	width: 1.3em;
	height: 1.3em;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 3em;
	-ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
	background-image: url('../img/common/contact-icon-on.png');
	background-repeat: no-repeat;
	background-size: 1.3em;
}
.foot-area03 .btn a:hover {
	display: block;
	color: #fff;
	background: #ff79a2;
	opacity: 1;
}
.cb-footer {
  display: none;
}
/* ページの先頭へ */
.top-btn {
  display: block;
  position: fixed;
  z-index: 2000;
  bottom: 3em;
  right: 3em;
}
.top-btn a {
	width: 6em;
  height: 6em;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 10em;
  background-color: #ff79a2;
	border: 0.15rem solid #ff79a2;
}
.top-btn a::before {
	content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 25%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-right: 0.5em solid transparent;
  border-left: 0.5em solid transparent;
  border-bottom: 0.5em solid #fff;
}
.top-btn a:hover {
	width: 6em;
  height: 6em;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  color: #ff79a2;
  border-radius: 10em;
  background-color: #fff;
	opacity: 1;
}
.top-btn a:hover::before {
	content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 25%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-right: 0.5em solid transparent;
  border-left: 0.5em solid transparent;
  border-bottom: 0.5em solid #ff79a2;
}
/* ページの先頭へ */
.td.st-dtitle {
  text-align: center !important;
}
.st-dtitle {
  text-align: center !important;
}
/* googleカレンダー レスポンシブ */
.cal_wrapper {
  max-width: 800px; /* 最大幅 */
  min-width: 300px; /* 最小幅 */
  margin: 2.0833% auto;
}
.googlecal {
  position: relative;
  padding-bottom: 100%; /* 縦横比 */
  height: 0;
  overflow: hidden;
}
.googlecal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.subscribe-image {
  display: none !important;
}
@media only screen and (min-width: 600px) {
  /* 画面幅が600px以上の場合の縦横比の指定 */
  .googlecal {
    padding-bottom: 75%;
  }
}
/* ========================================
   SmartPhone
=========================================== */
@media only screen and (max-width: 699px) {
html {
	font-size: 14px;
}
.pc-only {
  display: none;
}
.sm-only {
  display: block;
}
.sm-header {
  display: block;
}
.head-area {
	display: none !important;
}
/* -------------------
 * 404
 * ------------------- */
.wrap-404 {
  width: 95%;
}
.wrap-404 .title {
	line-height: 0.5em;
}
.wrap-404 .txt03 {
  text-align: left;
}
/* -------------------
 * ヘッダー
 * ------------------- */

/* -------------------
 * コンテンツ
 * ------------------- */
/* 中ページ */
.title-wrap {
  height: 20vw;
}
.title-wrap .page-title {
	width: auto;
	margin: 0 0 0 1em;
  font-size: 18px;
	text-align: left;
  top: 50%;
	left: 0;
	-ms-transform: translateX(0%) translateY(-50%);
  -moz-transform: translateX(0%) translateY(-50%);
  -webkit-transform: translateX(0%) translateY(-50%);
  transform: translateX(0%) translateY(-50%);
}
/* 会員ページ */
.member-menu-wrap {
  width: 95%;
	display: block;
	justify-content: space-between;
}
.member-menu-wrap .member-menu {
	margin: 0.5em 0;
  padding: 0 1em;
	text-align: center;
  border-right: none;
}
.member-menu a {
  padding: 0.5em 1em;
	display: block;
  color: #505050;
  background-color: #ffffff;
  border-radius: 100px;
  border: 1px solid #ff79a2;
}
/* -------------------
 * フッター
 * ------------------- */
.top-btn {
  display: none !important;
}
.foot-area01 {
  display: none;
}
.foot-area02 .content {
  width: 90%;
}
.foot-area02 .logo {
  width: 70%;
}
.foot-area02 .sns-wrap {
	width: 70%;
}
.foot-area02 .sns-label::before {
	font-size: 30px;
	top: 50%;
}
.foot-area02 .sns-label::after {
	width: 32px;
	height: 32px;
}
.foot-area03 .content {
  width: 90%;
	padding: 5% 0 25%;
}
.foot-area03 .tel {
  font-size: 35px;
}
.cb-footer {
	width: 100%;
	height: 20vw;
  display: block;
  position: fixed;
  bottom: -11%;
  left: 0;
  z-index: 1000;
  background-color: rgba(255,255,255,0.7);
  padding: 9% 0 4%;
}
.foot-icon-wrap {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.cb-footer .sns {
  width: 18%;
}
.cb-footer .sns a {
  color: #fff;
	position: relative;
	display: block;
}
.cb-footer .foot-icon-box {
  width: 17%;
	text-align: center;
}
.facebook .sns-label::after {
	background: #156cef;
}
.twitter .sns-label::after {
	background: #1a96ef;
}
.line .sns-label::after {
	background: #05b003;
}
.youtube .sns-label::after {
	background: #ff0204;
}
.cb-footer .sns-label::before {
	display: inline-block;
	position: absolute;
	top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
	z-index: 50;
	/*width: 1em;
	height: 1em;*/
	line-height: 1.5;
	overflow: hidden;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	transition: color .2s;
	margin: 0 auto;
	font-size: 12.5vw;
	font-weight: normal;
}
.cb-footer .sns-label::after {
	content: '';
	width: 13vw;
	height: 13vw;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
	z-index: 40;
	border-radius: 50%;
}
}