/* base class */
* {
	font-family: "yugothBlank", "yugoth";
	color: #444444;
	line-height: 1.87;
}

html *.advent {
	font-family: "advent";
}

html *.advent.lt3 {
	font-weight: 300;
}

html *.advent.bd2 {
	font-weight: bold;
}

html *.yumin {
	font-family: "yumincho";
}

html *.rage {
	font-family: "RageItalicLetPlain";
	font-weight: normal;
}

a.noTd {
	text-decoration: none;
}

.fc-white {
	color: #FFF;
}

.fc-pink {
	color: #f07580;
}

.fc-black {
	color: #504e4e;
}

.fc-gray {
	color: #a6a6a6;
}

.fc-fb {
	color: #3C5A99;
}

.fc-tw {
	color: #1DA1F2;
}

.fc-ln {
	color: #00B900;
}

::placeholder {
  color: #c6c6c6;
}

/* IE */
:-ms-input-placeholder {
  color: #c6c6c6;
}

/* Edge */
::-ms-input-placeholder {
  color: #c6c6c6;
}


.inline {
	display: inline;
}

.block {
	display: block;
}

.bold, *.bold {
	font-weight: bold;
}

.normal, *.normal {
	font-weight: normal;
}

.flx {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.flx.inline {
	display: inline-flex;
}

.flx.jc-ce {
	justify-content: center;
}

.flx.jc-sb {
	justify-content: space-between;
}

.flx.jc-sa {
	justify-content: space-around;
}

.flx.jc-fe {
	justify-content: flex-end;
}

.flx.ai-fs {
	align-items: flex-start;
}

.flx.ai-ce {
	align-items: center;
}

.flx.ai-st {
	align-items: stretch;
}

.flx.fd-c {
	flex-direction: column;
}

.flx.flx-wp {
	flex-wrap: wrap;
}

.fz-16 {
	font-size: 16px !important;
}

.school2{
	border-top: 5px double #59a136; border-bottom: 5px double #59a136; padding: 0.1em 0.5em;font-weight: bold!important;
	
}

.school3{
	border-left: 10px solid #4c6cb3; border-bottom: 2px solid #4c6cb3; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;
}

.school4{
	background:#ff7f00; border:1px solid #ff7f00; padding-left:10px; font-size:1.16em;
	color:#ffffff; font-weight:bold;
	border:1px solid #ff7f00; padding:10px; font-size:1em;
}


@media screen and (max-width: 768px) {
	.flx.flx-wp-sp {
		flex-wrap: wrap;
	}
}

.container {
	max-width: 1340px;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
}

.containerLg {
	max-width: 1620px;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
}

.containerSm {
	max-width: 780px;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
}

.containerSm.mb {
	margin-bottom: 100px
}

@media screen and (max-width: 1640px) {
	.containerLg {
		max-width: 1340px;
	}
}

@media screen and (max-width: 1450px) {
	/* @media screen and (max-width: 1340px){ */
	.container, .containerLg {
		max-width: 1100px;
	}
	.container.artCon {
		max-width: 1100px;
	}
}

.grayBg {
	background-color: #fafafa;
}

.pinkBg {
	background-color: #fff7f7;
}

.flexContainer {
	display: flex;
	justify-content: space-between;
}

.flexContainerMain {
	flex-basis: 980px;
	width: 980px;
}

.flexContainerSub {
	flex-basis: 290px;
	width: 290px;
}

@media screen and (max-width: 1450px) {
	/* @media screen and (max-width: 1340px){ */
	.flexContainerMain {
		flex-basis: calc(100% - 300px);
		width: calc(100% - 300px);
	}
	.flexContainerSub {
	/* 		flex-basis: 200px; */
	}
	.flexContainerMain.wgiContentArea{
		flex-basis: 980px;
		width: 980px;
	}
}

@media screen and (max-width: 768px) {
	.flexContainer {
		flex-wrap: wrap;
	}
	.flexContainerMain {
		margin-bottom: 20px;
	}
	.flexContainerMain, .flexContainerSub {
		flex-basis: 100%;
		width: 100%;
	}
}

/* header */
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background-color: #FFF;
}

.headMar {
	margin-top: 96px;
}

.headerWrap {
	height: 96px;
}

.headerLogoArea, .headerMenuArea {
	height: 100%;
}

.headerLogoArea {
	flex-basis: 300px;
}

.headerMenuArea {

}

.headerLogo {
	height: 100%;
	padding: 10px
}

.headerLogoImg {
	width: auto;
	height: 100%;
}

.headerMenuArea {
	height: 100%;
}

.headerMenu {
	height: 100%;
}

.headerMenuLink {
	height: 100%;
	margin: 0 35px;
	color: #5e5e5e;
	text-decoration: none;
	position: relative;
	transition: .2s;
}

.headerMenuLink:not(.grade ):after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	display: block;
	background-color: transparent;
	transition: .2s;
}

.headerMenuLink:not(.grade ).active:after, .headerMenuLink:not(.grade
	):hover:after {
	background-color: #f07580;
	transition: .2s;
}

.headerMenuLink:not(.grade ).active, .headerMenuLink:not(.grade ):hover
	{
	color: #f07580;
	transition: .2s;
}

.grade {
	margin: 0;
	padding: 0 35px;
}

.grade span, .grade span i {
	color: #FFF;
	transition: .2s;
	position: relative;
	z-index: 3;
}

.headerMenuLink.grade:after, .headerMenuLink.pink:after {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 0;
	height: calc(100% - 4px);
	display: block;
	background-color: #FFF;
	transition: .2s;
}

.headerMenuLink.grade:hover:after {
	width: calc(100% - 4px);
	transition: .2s;
}

.grade.pink {
	background-image: -moz-linear-gradient(40deg, rgb(247, 126, 185) 0%,
		rgb(250, 188, 215) 100%);
	background-image: -webkit-linear-gradient(40deg, rgb(247, 126, 185) 0%,
		rgb(250, 188, 215) 100%);
	background-image: -ms-linear-gradient(40deg, rgb(247, 126, 185) 0%,
		rgb(250, 188, 215) 100%);
}

.grade.pink:hover span, .grade.pink:hover span i {
	color: rgb(247, 126, 185);
	transition: .2s;
}

.grade.green {
	background-image: -moz-linear-gradient(-130deg, rgb(177, 222, 95) 0%,
		rgb(255, 241, 13) 100%);
	background-image: -webkit-linear-gradient(-130deg, rgb(177, 222, 95) 0%,
		rgb(255, 241, 13) 100%);
	background-image: -ms-linear-gradient(-130deg, rgb(177, 222, 95) 0%,
		rgb(255, 241, 13) 100%);
}

.grade.green:hover span, .grade.green:hover span i {
	color: rgb(177, 222, 95);
	transition: .2s;
}


.headerMenuLinkHover{
	position: relative;
}
.headerMenuLinkHoverInnerWrap{
	position: absolute;
	bottom: -250%;
	left: 0;
	right: 0;
	width: 300px;
	padding-top: 20px;
	margin: auto;
	display: none;
	transform:translateY(-50px);
}
.headerMenuLinkHoverInnerWrap.po2{
	bottom: -405%;
}
.headerMenuLinkHover:hover > .headerMenuLinkHoverInnerWrap{
	transform:translateY(0);
	display: block;
	animation-name: fa;
    animation-duration: .5s;
}
.headerMenuLink:not(.grade ).active:after, .headerMenuLink:not(.grade ):hover:after {
	background-color: transparent;
	transition: .2s;
}
@keyframes fa {
    0% {
		display: none;
        opacity:0;
        transform:translateY(-20px);
    }
    1% {
		display: block;
    }
    100% {
        opacity:1;
        transform:translateY(0px);
    }
}
.headerMenuLinkHoverInner {
	position: relative;
	width: 300px;
	background-color: #FFF;
	padding: 15px 20px;
	filter: drop-shadow(2px 4px 6px rgba(0,0,0,.5));
	z-index: 2;
}
.headerMenuLinkHoverInner:before {
	content: "";
	position: absolute;
	top: -20px;
	left: 20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 20px 15px;
	border-color: transparent transparent #FFF transparent;
}
.headerMenuLinkHoverInnerMenu > *{
	text-decoration: none;
	padding: 10px;
	display: inline-block;
}
.headerMenuLinkHoverInnerMenu > *:hover{
	text-decoration: underline;
	color: #f07580;
}
.headerMenuLinkHoverInnerMenu{
	border-bottom: 1px solid #d5d5d5;
}
.headerMenuLinkHoverInnerMenu:last-child{
	border-bottom: none;
}
@media screen and (max-width:991px){
	.headerMenuLinkHover{
		display: block;
		width: 100%;
		height: auto;
	}
	.headerMenuLinkStr{
		display: block;
		width: 100%;
	}
	.headerMenuLinkHoverInnerWrap{
		position: static;
		transform:translateY(0);
		display: block;
		width: 100%;
		padding-top: 0;
		padding-bottom: 20px

	}.headerMenuLinkHoverInner{
		display: block;
		animation: none;
		width: 100%;
		filter: none;
		padding: 0;
	}
	.headerMenuLinkHover:hover > .headerMenuLinkHoverInnerWrap{
		transform:translateY(0);
		display: block;
		animation: none;
	}
	.headerMenuLinkHoverInner:before{
		display: none;
	}
	.headerMenuArea {
		height: calc(100vh - 50px);
		overflow-y: scroll;
	}
	.muod1{
		order: 1;
	}
	.muod2{
		order: 2;
	}
	.muod3{
		order: 3;
	}
	.muod4{
		order: 4;
	}
}






















.footerWrap {
	background-color: #fff7f7;
	padding: 30px 0 20px;
}

.footerLogoArea {
	margin-bottom: 30px;
}

.footerLogo {
	width: 76px;
}

.footerLink {
	margin: 0 30px;
	text-decoration: none;
	font-size: 12px;
	color: #5e5e5e;
}

.footerNavArea {
	margin-bottom: 30px;
}

.footerNavA {
	margin-bottom: 25px;
}

.footerNavB {
	margin-bottom: 25px;
}

.footerNavB .footerLink {
	margin: 0 15px;
	color: #e56ea7;
}

.footerLink:hover {
	text-decoration: underline;
}

.footerLink.gray, .footerLink {
	color: #5e5e5e;
}

.footerNavSNS {

}

.footerSNSLink {
	font-size: 19px;
	margin: 7px;
	color: #e56ea7;
}

.copyrite {
	font-size: 12px;
	color: #e2e2e2;
}

.panWrap {
	background-color: #f8f8f8;
	margin-bottom: 30px;
}

.panFont {
	font-size: 12px;
	letter-spacing: 0.1em;
	line-height: 20px;
	margin: 2px;
}

.panLink {
	text-decoration: underline;
}

.panLink, .panArrow {
	color: #f07580;
}

.mainViArea {
	position: relative;
}

.slickArea {
	opacity: 0;
}

.slickArea.active {
	opacity: 1;
	animation-name: fadeInDelay;
	animation-duration: 4s;
}

@keyframes fadeInDelay {
	0% {
		opacity: 0;
	}

	90% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
.mainViAreaIconBox {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(255, 235, 235, 0);
}

.mainViAreaIconBox.active {
	background-color: rgba(255, 235, 235, 0);
	animation-name: bgFade;
	animation-duration: 4s;
}

@keyframes bgFade {
	0% {
		background-color: rgba(255, 235, 235, 0);
	}
	60%{
		background-color:rgba(255,235,235,0);
	}
	70%{
		background-color:rgba(255,235,235,1);
	}
	90%{
		background-color:rgba(255,235,235,1);
	}
	100%{
		background-color:rgba(255,235,235,0);
	}
}
.mainViAreaIconBox.active {
	background-color: rgba(255, 235, 235, 0);
}

.mainViAreaIcon {
	filter: blur(1.5rem);
	opacity: 0;
}

.mainViAreaIcon.active {
	filter: blur(0);
	opacity: 1;
	animation-name: mainLogoBokashi;
	-webkit-animation-name: mainLogoBokashi;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
}

@keyframes mainLogoBokashi {
	0% {
		filter: blur(1.5rem);
		opacity: 0;
	}

	100%{
		filter:blur(0);
		opacity:1;
	}
}
.mainViAreaSearchBox {
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
	width: 100%;
	height: calc(100% - 30px);
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.mainViAreaSearchBox.active {
	opacity: 1;
	animation-name: fadeInDelay;
	-webkit-animation-name: fadeInDelay;
	animation-duration: 4s;
	-webkit-animation-duration: 4s;
}

.mainViAreaSearchBox.noAb {
	margin-top: 60px;
	opacity: 1;
	position: static;
}

.mainViAreaSearchIn {
	width: 1100px;
}

@media screen and (max-width: 991px) {
	.mainViAreaSearchIn {
		width: calc(100% - 20px);
	}
}

.noAb .mainViAreaSearchIn {
	width: 100%;
}

.mainViAreaSearchTtlBox {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 180px;
	height: 35px;
	background-color: rgba(255, 220, 220, 0.42);
}

.mainViAreaSearchTtl {
	color: #f07580;
	font-size: 24px;
	letter-spacing: 0.1em;
}

.mainViAreaSearchInputArea {
	background-color: rgba(255, 220, 220, 0.42);
	padding: 20px;
	display: flex;
	justify-content: space-between;
}

.mainViAreaSearchSelectBox {
	position: relative;
	margin-right: 2px;
	flex-grow: 1;
}

.noGrow .mainViAreaSearchSelectBox {
	flex-grow: unset;
}

.mainViAreaSearchSelectBox.free {
	flex-grow: 2;
}

.free .mainViAreaSearchSelect {
	padding-left: 20px;
}

.mainViAreaSearchSelectBoxIcon {
	position: absolute;
	left: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 18px;
	height: 22px;
}

.mainViAreaSearchSelectBoxIcon i {
	font-size: 24px;
}

.mainViAreaSearchSelect {
	background-color: #FFF;
	display: block;
	width: 100%;
	height: 60px;
	border: none;
	padding-left: 50px;
}

.mainViAreaSearchSelect.datepi, .mainViAreaSearchSelect.prefSelect {
	width: 160px;
}

.mainViAreaSearchSelect.size2 {
	padding-left: 15px;
	width: 320px;
}

.mainViAreaSearchBtn {
	background-color: #f07580;
	border: none;
	/* 	cursor: pointer; */
	outline: none;
	padding: 0;
	appearance: none;
	width: 150px;
	height: 60px;
	margin: 0 0 0 auto;
	color: #FFF;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mainViAreaSearchBtn img {
	margin-right: 5px;
}

.mainViImage img {
	min-height: 640px;
	width: 100%;
	object-fit: cover;
}

.TopicsTtlWrap {
	margin-top: 70px;
}

.TopicsTtlArea {

}

.TopicsTtl {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.topicsArtAreaWrap {
	margin-top: 50px;
}

.topicsArtArea {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.TopicsTtlFontLg {
	font-size: 100px;
	letter-spacing: 0.1em;
	line-height: 1;
	display: block;
	margin-bottom: 10px;
}

.TopicsTtlFont {
	font-size: 24px;
	line-height: 36px;
	letter-spacing: 0.2em;
	font-weight: normal;
}

.topicsArtAreaCol {
	flex-basis: calc(50% - 40px);
}

.topicsArtArea .topicsArtAreaCol:nth-child(n + 3) {
	flex-basis: calc(25% - 20px);
	margin-top: 50px;
}

.topicsArtAreaColLink {
	text-decoration: none;
	display: block;
	position: relative;
	margin: 0 10px;
}

.topicsArtAreaColTimeBox {
	position: absolute;
	left: -20px;
	top: -35px;
	z-index: 1;
}

.topicsArtAreaColTime {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.topicsArtAreaColTimeDay {
	font-size: 80px;
	letter-spacing: 0.1em;
	line-height: 1;
	color: #504e4e;
}

.topicsArtAreaColTimeYm {
	font-size: 24px;
	letter-spacing: 0.1em;
	line-height: 1;
	color: #504e4e;
}

.sm .topicsArtAreaColTimeBox, .topicsArtArea .topicsArtAreaCol:nth-child(n + 3) .topicsArtAreaColTimeBox
	{

}

.sm .topicsArtAreaColTimeDay, .topicsArtArea .topicsArtAreaCol:nth-child(n + 3) .topicsArtAreaColTimeDay
	{
	font-size: 60px;
}

.sm .topicsArtAreaColTimeYm, .topicsArtArea .topicsArtAreaCol:nth-child(n + 3) .topicsArtAreaColTimeYm
	{
	font-size: 16px;
}

.topicsArtArea .topicsArtAreaColInn {
	height: 360px;
	overflow: hidden;
}

.topicsArtArea .topicsArtAreaColInnImgArea {
	height: 100%;
	width: 100%;
}
.topicsArtArea .topicsArtAreaCol:nth-child(n + 3) .topicsArtAreaColInn {
	height: 180px;
	overflow: visible;
}
@media screen and (min-width:991px){
	.topicsArtArea .topicsArtAreaCol:nth-child(n + 3) .topicsArtAreaColInn {
		margin-bottom: 70px;
	}
}


.topicsArtAreaColInnImgArea {
	height: 190px;
	width: 100%;;
}


.historyCol .topicsArtAreaColInnImgArea {
	height: 80px;
	width: 190px;
}

img.cardClip {
	width: 100%;
	height: 100%;
	object-fit: cover;
		clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%, 0 40%);
}

.topicsArtAreaColInnTtlArea {
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 20px;
	height: 120px;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.8);
}

.topicsArtAreaColInnTtl {
	font-size: 24px;
	letter-spacing: 0.1em;
	line-height: 36px;
	color: #504e4e;
}

.sm .topicsArtAreaColInnTtlArea, .topicsArtArea .topicsArtAreaCol:nth-child(n + 3) .topicsArtAreaColInnTtlArea
	{
	position: relative;
	margin-top: -20px;
	height: 80px;
	background-color: rgba(255, 255, 255, 1);
}

.sm  .topicsArtAreaColInnTtl, .topicsArtArea .topicsArtAreaCol:nth-child(n + 3) .topicsArtAreaColInnTtl
	{
	font-size: 15px;
	line-height: 21px;
	height: 40px;
}

.btn {
	border: 2px solid #f07580;
	color: #f07580;
	background-color: transparent;
	display: flex;
	justify-content: center;
	align-content: center;
}

.btnWrap {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 50px;
}

.btnWrap.noMa {
	margin-top: 0;
}

.btn {
	border: 2px solid #f07580;
	color: #f07580;
	/* 	background-color: transparent; */
	background-color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 300px;
	height: 50px;
	margin: 0 10px;
	text-decoration: none;
	line-height: 1;
	letter-spacing: 0.1em;
}

.btnImg {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
}

.right.btnImg {
	right: auto;
	left: 20px;
}

.btn.rightExp {
	margin-top: 50px;
	margin-left: 40%;
}

.lessonTtlWrap {
	margin-top: 70px;
	position: relative;
	padding-bottom: 50px;
}

.lessonTtlArea {
	width: 50%;
	margin-left: 50%;
	padding-bottom: 80px;
}

.lessonTtl {

}

.lessonDescription {
	font-size: 16px;
	letter-spacing: 0.2em;
	line-height: 36px;
	display: block;
	margin-top: 35px;
}

.lessonBackGround {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1
}

.lessonBackGroundInner {
	position: relative;
}

.lessonBackGround:before {
	content: "";
	display: block;
	width: calc(100% + 110px);
	height: 80%;
	position: absolute;
	left: -20px;
	top: -25px;
	background-color: #ffebeb;
}

.lessonArtCol {
	width: 305px;
}

.lessonArtColLink {
	display: block;
	text-decoration: none;
}

.lessonArtColLinkImg {
	width: 100%;
	height: 190px;
}

.lessonArtColLinkImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	}

.lessonArtColLinkDescritption {
	border: 1px solid #e2e2e2;
	border-top: none;
}

.lessonArtColLinkDescritptionCap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px;
}

.lessonArtColLinkDescritptionTagArea {

}

.lessonArtColLinkDescritptionTag {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2px 8px;
	font-size: 14px;
	letter-spacing: 0;
	font-weight: bold;
	color: #a3a3a3;
	border: 1px solid #a3a3a3;
	line-height: 1;
}

.lessonArtColLinkDescritptionShareArea {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.lessonArtColLinkDescritptionShareTtl {
	color: #e2e2e2;
	display: block;
	margin-right: 10px;
	font-size: 14px;
}

.lessonArtColLinkDescritptionShareIcon {
	margin: 0 5px;
	text-decoration: none;
}

.lessonArtColLinkDescritptionShareIcon i {
	color: #e2e2e2;
	font-size: 14px;
	display: block;
}

.lessonArtColLinkDescritptionTtlArea {
	height: 70px;
	padding: 8px;
	margin-bottom: 10px;
}

.lessonArtColLinkDescritptionTtl {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.1em;
}

.lessonArtColLinkDescritptionZanArea {
	padding: 8px;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}
.lessonArtColLinkDescritptionZan{
	font-size: 11px;
	line-height: 1.33;
	letter-spacing: 0.1em;
}

.lessonArtColLinkDescritptionSchoolInfoArea {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 10px;
}

.lessonArtColLinkDescritptionSchoolInfoImgArea {
	width: 30px;;
	height: 30px;
	border-radius: 15px;
	overflow: hidden;
	margin-right: 10px;
}

.lessonArtColLinkDescritptionSchoolInfoImg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	}

.lessonArtColLinkDescritptionSchoolInfoNameArea {

}

.lessonArtColLinkDescritptionSchoolInfoName {
	font-size: 14px;
	letter-spacing: 0;
	line-height: 23px;
	font-weight: normal;
}

.lessonArtColLinkDescritptionBottomArea {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-top: 1px solid #e2e2e2;
}

.lessonArtColLinkDescritptionBottomAreaDateArea {
	flex-basis: calc(50% - 1px);
	padding: 8px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-right: 1px solid #e2e2e2;
	font-size: 14px;
}

.lessonArtColLinkDescritptionBottomAreaPrefArea {
	flex-basis: 50%;
	padding: 8px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
}

.lessonArtColLinkDescritptionBottomAreaDateArea img,
	.lessonArtColLinkDescritptionBottomAreaPrefArea img {
	margin-right: 8px;
}

.fullWidSlick {
	padding-bottom: 50px;
}

.fullWidSlick .slick-slide:nth-child(odd) .lessonArtCol {
	transform: translateY(-25px);
}

.fullWidSlick .slick-slide:nth-child(even) .lessonArtCol {
	transform: translateY(25px);
}

.slick-dots {
	position: absolute;
	bottom: 30px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 10px;
	height: 10px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: #e7e7e7;
	border-radius: 50%;
}

.slick-dots li.slick-active button {
	background: #a8a8a8;
}

.lessonListArea {
	padding-bottom: 70px;
}

.containerTtl {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding-bottom: 30px;;
}

.containerTtlEng {
	font-size: 60px;
	line-height: 1;
	letter-spacing: 0.1em;
}

.containerTtlUnder {
	font-size: 24px;
}

.containerTtlJp {
	font-size: 24px;
	line-height: 36px;
	letter-spacing: 0.2em;
	font-weight: normal;
}

.containerTtlJp.fs2 {
	font-size: 20px;
}

.containerTtl.ty2 {
	align-items: flex-start;
}

.ty2 .containerTtlEng {
	font-size: 100px;
	margin-bottom: 20px;
}

.topicsArtAreaCol.sm.blogBox {
	width: 290px;
	flex-basis: 290px;
	margin-left: auto;
	margin: 40px 0 0 0;
}

.contentSearchResult>.topicsArtAreaCol.sm.blogBox.size2,
	.contentSearchResult>.topicsArtAreaCol.sm.blogBox {
	width: calc(33.333% - 10px);
	flex-basis: calc(33.333% - 10px);
	/*     margin-bottom: 30px; */
}

.contentSearchResult .rankingCol {
	width: calc(33.333% - 10px);
	flex-basis: calc(33.333% - 10px);
}

.blogBox .topicsArtAreaColInnTtlArea {
	display: block;
	height: auto;
	padding: 8px;
	background-color: #FFF;
}

.blogBox .topicsArtAreaColInnDescBox {
	height: 80px;
	overflow: hidden;
	position: relative;
}

.blogBox .topicsArtAreaColInnTtlBox {
	margin-bottom: 10px;;
}

.blogBox .topicsArtAreaColInnDescBox:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0.8) 82%,
		rgba(255, 255, 255, 0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0.8) 82%,
		rgba(255, 255, 255, 0.8) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0.8) 82%,
		rgba(255, 255, 255, 0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',
		endColorstr='#ffffff', GradientType=0);
	z-index: 2;
}

.blogBox .topicsArtAreaColInnDesc {
	font-size: 14px;
	line-height: 26px;
	letter-spacing: 0.05em;
}

.topicsArtAutherArea {
	margin-top: 10px;
}

.topicsArtAutherAreaBy, .topicsArtAutherAreaNmae,
	.topicsArtAutherAreaFav, .topicsArtAutherAreaFav i {
	font-size: 13px;
	letter-spacing: 0.1em;
}

.topicsArtAutherAreaBy {
	color: #a6a6a6;
}

.topicsArtAutherAreaNmae {
	color: #e57d7d;
}

.topicsArtAutherAreaFav, .topicsArtAutherAreaFav i {
	color: #e57d7d;
}

.blogTag {
	position: relative;
	color: #3e3a39;
	background-color: #f0f0f0;
	line-height: 1;
	font-size: 12px;
	letter-spacing: 0.1em;
	padding: 4px 5px 4px 5px;
	margin-right: 2px;
	margin-bottom: 2px;
	border-radius: 3px;
	transition: .2s;
}

a.blogTag:hover {
	background-color: #DDD;
	transition: .2s;
}

.blogTag:before {
	font-family: "Font Awesome 5 Free";
	-webkit-font-smoothing: antialiased;
	display: inline-flex;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-weight: 900;
	align-items: center;
	content: "\f02b";
	margin-right: 5px;
	color: #3e3a39;
}

.blogContPinkBG {
	position: relative;
	padding: 30px 0;
}

.blogContPinkBG:not(.noBg ):before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	margin: auto;
	width: 960px;
	height: 578px;
	background-color: #ffebeb;
}

.blogAreaWrap {
	margin-bottom: 100px;
}

.historyCol {

}

.historyCol .topicsArtAreaColLink {
	display: block;
	width: 460px;
	flex-basis: 460px;
	height: 141px;
	text-decoration: none;
	margin: 0;
	padding: 20px;
	background-color: #f8f8f8;
}

.historyCol .topicsArtAreaColInn {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.topicsArtAreaColInnDescArea {

}

.historyCol .topicsArtAreaColInnTtl {
	font-size: 15px;
	letter-spacing: 0.1em;
	line-height: 21px;
}

.historyCol .topicsArtAreaColTimeBox {
	left: 10px;
	top: 10px;
}

.historyCol .topicsArtAreaColTimeDay {
	font-size: 30px;
	letter-spacing: 0.1em;
	line-height: 20px;
}

.historyCol .topicsArtAreaColTimeYm {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 20px;
}

.historyCol .topicsArtAreaColInnImgArea {
	margin-right: 20px;
}

.historyCol .topicsArtAutherAreaBy, .historyCol .topicsArtAutherAreaNmae,
	.historyCol .topicsArtAutherAreaFav, .historyCol .topicsArtAutherAreaFav i
	{
	font-size: 14px;
	letter-spacing: 0.1em;
}

.yogaLessonListArea {
	display: flex;
	justify-content: space-between;
	align-content: stretch;
	flex-wrap: wrap;
	margin-top: 40px;
	padding-bottom: 40px;
}

.yogaLessonList {
	display: flex;
	justify-content: center;
	position: relative;
	/* 	width: 385px; */
	width: calc(25% - 20px);
	height: 272px;
	margin-bottom: 25px;
}

.yogaLessonListBg {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
		z-index: -1;
}

.yogaLessonListContent {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	margin: 20px;
	padding: 20px;
	border: 2px solid #FFF;
	text-align: center;
	z-index: 1;
}

.yogaLessonListContentTtlArea {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding-bottom: 10px;;
	border-bottom: 1px solid #FFF;
}

.yogaLessonListContentTtl {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 50px;
	color: #FFF;
	font-size: 24px;
	letter-spacing: 0.2em;
	line-height: 24px;
}

.yogaLessonListContentTtl span {
	font-size: 18px;
	letter-spacing: 0.2em;
	color: #FFF;
	line-height: 20px;
}

.yogaLessonListContentDescArea {
	padding-top: 10px;
}

.yogaLessonListContentDesc {
	color: #FFF;
}

.yogaCourse .yogaLessonList {
	height: 385px;
}

.yogaCourse .yogaLessonList.lg {
	width: calc(33% - 20px);
/* 	width: calc(50% - 15px); */
}

.yogaCourse .yogaLessonListContentTtl {
	height: auto;
	line-height: 1.33;
}

.yogaCourse .yogaLessonListContentTtlArea {
	border: none;
}

.yogaCourse .yogaLessonListContentDesc {
	font-size: 18px;
}

.slick-arrow {
	color: #FFF;
	background-color: #504e4e;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 3;
	opacity: 0.9;
}

.slick-arrow i {
	color: #FFF;
	font-size: 18px;
}

.slick-prev {
	left: 20px;
}

.slick-next {
	right: 20px;;
}

.eventBannerArea {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 60px;
}

.eventBanner {
	flex-basis: calc(50% - 20px);
	position: relative;
	text-decoration: none;
}

.eventBannerBg {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
		z-index: -1;
}

.eventBannerInner {
	width: 100%;
	height: 272px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative;
	z-index: 1;
}

.eventBannerTtl {
	width: 320px;
	height: 210px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border: 2px solid #FFF;
}

.eventBannerLogo {
	border-bottom: 1px solid #FFF;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

.eventBannerTxt {
	color: #FFF;
	font-size: 16px;
}

.rankingWrap {

}

.rankingTopArea {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 60px;;
}

.rankingTopImg {
	width: 60%;
}

.rankingTopImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	}

.rankingTopDetails {
	width: 38%;
}

.rankingTopDetailsCrown {
	margin-bottom: 30px;;
}

.rankingTopDetailsInfo {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 20px;
}

.rankingTopDetailsInfoImgArea {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 30px;
}

.rankingTopDetailsInfoImg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	}

.rankingTopDetailsInfoDescArea {

}

.rankingTopDetailsInfoDescRev {
	font-size: 11px;
}

.rankingTopDetailsInfoDescName {
	font-size: 24px;
	color: #444444;
}

.rankingTopDetailsInfoDescSchool {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.rankingTopDetailsInfoDescSchoolImgArea {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 10px;
}

.rankingTopDetailsInfoDescSchoolImg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	}

.rankingTopDetailsInfoDescScoolName {
	line-height: 1;
	font-size: 13px;
}

.rankingTopDetailsInfoDescTxtArea {
	margin-bottom: 20px;;
}

.rankingTopDetailsInfoDescTxt {
	color: #a6a6a6;
	font-size: 13px;
}

.rankingTopDetailsInfoDescTagArea {
	margin-top: 10px;
}

.rankingSlickWrap {
	padding-bottom: 80px;
}

.rankingCol {
	width: 270px;
}

.rankingColLink {
	display: block;
}

.rankingColCrown {
	width:
}

.rankingColCrown img {
	margin: 0 auto 20px auto;
	display: block;
}

.rankingColBgImgAreaWrap {
	position: relative;
}

.rankingColBgImgArea {
	height: 170px;
	width: 100%;
}

.rankingColBgImgArea img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	}

.rankingColUserImgArea {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -45px;
	margin: auto;
}

.rankingColUserImgArea img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	}

.rankingColDescArea {
	margin-top: 50px;
	padding: 0 9px 20px 9px;
}

.rankingColDescNameArea {
	text-align: center;
}

.rankingColDescName {
	font-size: 16px;
}

.rankingColDescNumArea {
	text-align: center;
}

.rankingColDescNum {
	font-size: 13px;
}

.rankingColDescDetailArea {

}

.rankingColDescDetailArea {
	height: 80px;
	overflow: hidden;
	position: relative;
}

.rankingColDescDetailArea:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0.8) 82%,
		rgba(255, 255, 255, 0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0.8) 82%,
		rgba(255, 255, 255, 0.8) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.61) 50%, rgba(255, 255, 255, 0.8) 82%,
		rgba(255, 255, 255, 0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',
		endColorstr='#ffffff', GradientType=0);
	z-index: 2;
}

.rankingColDescDetail {
	font-size: 13px;
}

.bottomBannerArea {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 50px;
}

.bottomBanner {
	display: block;
	flex-basis: calc(25% - 20px)
}

.bottomBanner.lg {
	flex-basis: calc(50% - 20px)
}

.bottomBanner img {
	width: 100%;
}

.jArticleContent {
	width: 980px
}

.sectionTtlWrap {
	text-align: center;
	margin-top: 100px;
}

.sectionTtlArea {
	margin-bottom: 20px;
}

.sectionTtl {
	font-size: 24px;
}

.sectionTxtArea {
	font-size: 14px;
}

.lessonGaiyouWrap {
	width: 100%;
	padding: 20px 35px;
	margin-top: 35px;;
}

.lessonGaiyouRow {
	margin-bottom: 20px;
}

.lessonGaiyouHead {
	flex-basis: 145px;
	font-size: 14px;
	font-weight: bold;
}

.lessonGaiyouBody {
	flex-basis: calc(100% - 145px);
	font-size: 14px;
}

.FormAreaWrap {
	margin-top: 25px;
	padding: 30px 35px;
}

.FormAreaWrapMb {
	padding-bottom: 30px
}

.FormAreaTtlArea {
	padding-bottom: 10px;
	border-bottom: 1px solid #FFF;
	margin-bottom: 30px;
}

.FormAreaTtl {
	font-size: 18px;
	font-weight: bold;
}

.FormRow {
	margin-bottom: 30px;
}

.FormRowLabelArea {
	margin-bottom: 10px;
}

.FormRowLabel {
	font-size: 14px;
	font-weight: bold;
}

.FormRowLabel small {
	font-size: 12px;
	font-weight: normal;
	line-height: 1;
	display: block;
}

.FormRowInputArea {
	font-size: 14px;
	font-weight: bold;
}

.FormRowInput {
	font-size: 14px;
	width: 100%;
	border: 1px solid #f07580;
	background-color: #FFF;
	border-radius: 5px;
	padding: 10px 25px;
	outline: none;
	filter: none;
	transition: .3s;
}

.FormRowInput:focus {
	filter: drop-shadow(0 0 3px #f07580);
	transition: .3s;
}

textarea.FormRowInput {
	resize: none;
}

.birthdayForm {
	justify-content: space-between;
}

.birthdayForm .FormRowInput {
	flex-basis: 30%;
}

.FormRowInput:disabled {
	border: none;
	background-color: transparent;
}

.privacypolicyArea {
	height: 200px;
	overflow: hidden;
	background-color: #FFF;
	padding: 10px;
}

.privacypolicyAreaIn {
	height: 100%;
	overflow-y: scroll;
}

.checkHid {
	display: none;
}

.ppCheck {
	position: relative;
	padding-left: 27px;
	font-size: 14px;
}

.ppCheck:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	display: block;
	width: 22px;
	height: 22px;
	border: 2px solid #cdcdcd;
	border-radius: 3px;
	background-color: #FFF;
}

.ppCheck:after {
	content: "";
	position: absolute;
	left: 3px;
	bottom: 10px;
	top: 0;
	margin: auto;
	display: none;
	width: 22px;
	height: 10px;
	border-bottom: 3px solid #dc70a2;
	border-left: 3px solid #dc70a2;
	transform: rotate(-40deg);
}

.checkHid:checked ~ .ppCheck:after {
	display: block;
}

.btn2 {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 30px;
	min-width: 230px;
	line-height: 1;
	font-size: 24px;
	color: #FFF;
	letter-spacing: 0.1em;
	appearance: none;
	border-radius: 5px;
	background-image: -moz-linear-gradient(90deg, rgb(207, 10, 60) 0%,
		rgb(212, 33, 79) 60%, rgb(216, 56, 97) 100%);
	background-image: -webkit-linear-gradient(90deg, rgb(207, 10, 60) 0%,
		rgb(212, 33, 79) 60%, rgb(216, 56, 97) 100%);
	background-image: -ms-linear-gradient(90deg, rgb(207, 10, 60) 0%,
		rgb(212, 33, 79) 60%, rgb(216, 56, 97) 100%);
}

.btn2.gray {
	background-image: -moz-linear-gradient(90deg, rgb(165, 165, 165) 0%,
		rgb(199, 199, 199) 60%, rgb(215, 215, 215) 100%);
	background-image: -webkit-linear-gradient(90deg, rgb(165, 165, 165) 0%,
		rgb(199, 199, 199) 60%, rgb(215, 215, 215) 100%);
	background-image: -ms-linear-gradient(90deg, rgb(165, 165, 165) 0%,
		rgb(199, 199, 199) 60%, rgb(215, 215, 215) 100%);
}

.btn2.sm {
	font-size: 16px;
	min-width: 160px;
	padding: 15px;
}

.error label {
	color: red;
}

.instHeadWrap {
	border-bottom: 3px solid #e57d7d;
}

.instHead {
	padding: 15px 25px;
}

.instHeadLeft {

}

.instHeadLeftTop {

}

.instHeadTtlArea {
	margin-right: 10px;
}

.instHeadTtl {
	font-size: 24px;
	letter-spacing: 0.1em;
}

.instHeadGoodArea {

}

.instHeadGoodNum {
	font-size: 18px;
	letter-spacing: 0.1em;
}

.instHeadGoodBtn {
	padding: 2px 10px;
	font-size: 14px;
	border-radius: 2px;
	border: 2px solid #e57d7d;
}

.instHeadLeftBottom {

}

.instHeadTelArea {
	font-size: 26px;
}

.instHeadTel {
	font-size: 26px;
	text-decoration: none;
	letter-spacing: 0.1em;
}

.instHeadTel span {
	font-size: 18px;
	letter-spacing: 0.1em;
}

.instHeadSns {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	border: 1px solid #e57d7d;
	margin-left: 10px;
}

.instHeadSns i {
	line-height: 1;
}

.instHeadMenuWrap {
	list-style: none;
}

.instHeadMenu {
	border-left: 1px solid #e57d7d;
	line-height: 1;
}

.instHeadMenu:first-child {
	border-left: none;
}

.instHeadMenuLink {
	list-style: none;
	margin: 0 20px;
	line-height: 1;
	font-size: 15px;
	cursor: pointer;
	transition: .2s;
}

.instHeadMenuLink:hover {
	color: #f07580;
	transition: .2s;
}

.instHeadJahaLogoArea {

}

.instHeadJahaLogo {
	padding: 5px 10px;
}

.instHeadJahaLogo>img {
	width: 80px;
}

.instHeaderMa {
	margin-top: 112px;
}

.instMainViContent {
	position: relative;
	margin-bottom: 60px;
}

.instMainViContentImgArea {
	width: 100%;
	height: 796px;
}

.instMainViContentImg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	}

.instMainViContentTxtAreaWrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
}

.instMainViContentTxtArea {
	height: 360px;
	width: 100%;
	background-color: rgba(229, 125, 125, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.instMainViContentTxt {

}

.instMainViContentTxtS1 {
	font-size: 24px;
	letter-spacing: 0.1em;
}

.instMainViContentTxtS2 {
	font-size: 60px;
	letter-spacing: 0.1em;
}

.fullWidContentWrapMa {
	margin-bottom: 80px;
}

.fullWidContentWrap {
	display: flex;
	justify-content: center;
	align-items: stretch;
}

.fullWidContentImgArea {
	flex-basis: 50%;
	height: 600px;
}

.fullWidContentImgArea img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	}

.fullWidContentTxtArea {
	flex-basis: 50%;
	padding: 80px 50px 60px 50px;
}

.fullWidContentTxtTtlArea {
	margin-bottom: 20px;
}

.fullWidContentTxtTtl {

}

.fullWidContentTxtLg {
	font-size: 60px;
	letter-spacing: 0.1em;
	line-height: 1;
}

.fullWidContentTxtJp {
	font-size: 20px;
	letter-spacing: 0.2em;
	line-height: 1;
}

.fs2 .fullWidContentTxtLg {
	font-size: 16px;
	font-weight: normal;
}

.fs2 .fullWidContentTxtJp {
	font-size: 30px;
	font-weight: normal;
}

.fullWidContentTxtDtl {
	font-size: 16px;
	letter-spacing: 0.1em;
}

.QualificationAreaWrap {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 40px 0;
}

.QualificationBox {
	height: 200px;
	width: 200px;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
}

.QualificationImg {
	width: 100%;
	height: 100%;
}

.QualificationImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	}

.QualificationTxtArea {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	border-radius: 50%;
	background-color: rgba(255, 229, 240, 0.6);
	margin: 10px;
	border: 2px solid #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
}

.QualificationTxt {
	font-size: 15px;
	line-height: 30px;
	font-weight: bold;
	z-index: 2;
	text-align: center;
}

.GalleryAreaWrap {
	display: flex;
	justify-content: space-around;
	/* 	justify-content: space-between; */
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 60px;
}

.GalleryAreaWrap table {
	width: 100%;
	table-layout: fixed;
}

.GalleryAreaWrap.borderOn table tr td {
	border-collapse: collapse;
}

.GalleryAreaWrap table tr {
	margin-bottom: 10px;
}

.GalleryAreaWrap.borderOn table tr td {
	border: 1px dashed #d5d5d5;
}

.GalleryAreaWrap table tr td {
	padding: 0 10px;
	height: 360px;
}

.GalleryAreaWrap table tr td:first-child {
	padding-left: 0;
}

.GalleryAreaWrap table tr td:last-child {
	padding-right: 0;
}

.GalleryAreaWrap table tr td img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	}

.GalleryBox {
	width: calc(33.333% - 10px);
	height: 360px;
	margin-bottom: 20px;
	position: relative;
}

.GalleryBox>a {
	display: block;
	width: 100%;
	height: 100%;
	transform: translateY(0);
	transition: .4s;
}

.GalleryBox>img, .GalleryBox>a>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	}

.GalleryBox>h3, .GalleryBox>a>h3 {
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .4);
	color: #FFF;
	padding: 10px 20px;
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	letter-spacing: 0.1em;
}

.GalleryBox>a:hover {
	transform: translateY(-20px);
	transition: .4s;
}

.insCopyrightWrap {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	background-color: #e57d7d;
}

.insCopyright {
	font-size: 12px;
	letter-spacing: 0.2em;
	line-height: 1;
	color: #FFF;
}

.LeftMenuWrap {
	margin-top: 20px;
	padding: 30px 15px 15px 15px;
}

.LeftMenuTtlArea {
	margin-bottom: 10px;
}

.LeftMenuTtl {

}

.LeftMenuTtlEn {
	font-size: 24px;
	letter-spacing: 0.1em;
	font-weight: normal;
	line-height: 1;
}

.LeftMenuTtlJp {
	font-size: 16px;
	letter-spacing: 0.2em;
	font-weight: normal;
	line-height: 1;
}

.datepicker-inline {
	width: 100%;
	background-color: #FFF;
	padding: 10px;
}

.datepicker:not(.datepicker-inline ){
	margin-top: 90px;
}

.datepicker table {
	width: 100%;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active,
	.datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active
	{
	color: #fff;
	background-color: #f87fba;
	border-color: #f87fba;
	background-image: none;
}

.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus,
	.datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus,
	.datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover,
	.datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus,
	.datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus,
	.datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover
	{
	color: #fff;
	background-color: #f87fba;
	border-color: #f87fba;
	background-image: none;
}

.datepicker table tr td span.active.active.focus, .datepicker table tr td span.active.active:focus,
	.datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active.focus,
	.datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled.active:hover,
	.datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:active:focus,
	.datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover.active.focus,
	.datepicker table tr td span.active.disabled:hover.active:focus,
	.datepicker table tr td span.active.disabled:hover.active:hover,
	.datepicker table tr td span.active.disabled:hover:active.focus,
	.datepicker table tr td span.active.disabled:hover:active:focus,
	.datepicker table tr td span.active.disabled:hover:active:hover,
	.datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:active:focus,
	.datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover.active.focus,
	.datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active:hover.active:hover,
	.datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active:hover:active:focus,
	.datepicker table tr td span.active:hover:active:hover {
	color: #fff;
	background-color: #f87fba;
	border-color: #f87fba;
	background-image: none;
}

.leftMenuArticleWrap {

}

.leftMenuArticle {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 10px;
	text-decoration: none;
	transition: .2s;
}

.leftMenuArticle:hover {
	background-color: #FFF;
	transition: .2s;
}

.leftMenuArticleImgArea {
	width: 70px;
	height: 70px;
	margin-right: 10px;
}

.leftMenuArticleImgArea img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	}

.leftMenuArticleTxtArea {
	width: calc(100% - 80px);
}

.leftMenuArticleTxtDateArea {

}

.leftMenuArticleTxtDate {
	font-size: 12px;
	line-height: 15px;
}

.leftMenuArticleTxtTtlArea {

}

.leftMenuArticleTxtTtl {
	font-size: 12px;
	line-height: 15px;
}

.LessonContentTtlWrap {
	display: flex;
	justify-content: flex-start;
}

.LessonContentTtlImgArea {
	width: 385px;
	height: 270px;
	margin-right: 35px;
}

.LessonContentTtlArea {
	width: calc(100% - 420px);
}

.LessonContentTtl {
	display: block;
	margin-top: 20px;
}

.LessonContentTtlEn {
	font-weight: 300;
	font-size: 50px;
	letter-spacing: 0.1em;
	line-height: 1.27;
}

.LessonContentTtlEnMin {
	font-weight: normal;
	font-size: 24px;
	letter-spacing: 0.2em;
	line-height: 1.77;
}

.LessonContentDesc {
	display: block;
	margin-top: 10px;
	letter-spacing: 0.2em;
}

.contetnSearchWrap {
	margin-top: 30px;
	margin-bottom: 60px;
}

.contetnSearchTtlArea {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.contetnSearchTtl {
	font-size: 18px;
	letter-spacing: 0.2em;
	font-weight: normal;
}

.contetnSearchSelect {
	margin-top: 0;
}

.contetnSearchSelect .mainViAreaSearchSelect {
	border: 1px solid #d9d9d9;
	height: auto;
	padding: 10px 20px;
	margin: 0;
}

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

.contentSearchResult .lessonArtCol, .contentSearchResult .rankingCol {
	margin-bottom: 30px;
}

.pagerWrap {
	margin-top: 20px;
}

.pagerArea {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	list-style: none;
}

.pagerLi {

}

.pagerLi>a {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	text-decoration: none;
	margin-right: 5px;
	border: 1px solid #e2e2e2;
	color: #777777;
}

.pagerLi>a:hover, .pagerLi.active>a, .pagerLi>a:hover i, .pagerLi.active>a i
	{
	border: 1px solid #f07580;
	background-color: #f07580;
	color: #FFF;
}

.topicsArtAutherAreaFavBtn {
	font-size: 12px;
	padding: 2px 5px;
	border: 1px solid #f07580;
	background-color: #FFF;
	border-radius: 2px;
	cursor: pointer;
	transition: .2s;
}

.topicsArtAutherAreaFavBtn>i {
	font-size: 14px;
	transition: .2s;
}

.topicsArtAutherAreaFavBtn:hover, .topicsArtAutherAreaFavBtn.active {
	background-color: #f07580;
	color: #FFF;
	transition: .2s;
}

.topicsArtAutherAreaFavBtn:hover>i, .topicsArtAutherAreaFavBtn.active>i
	{
	color: #FFF;
	transition: .2s;
}

.articleCotentInfoArea .topicsArtAutherArea {
	margin-top: 0;
}

.articleCotentTtlWrap {
	display: flex;
}

.flexContainerMainRArea {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	text-align: right;
	flex-direction: column;
}

.articleCotentTtlTimeTagArea {
	margin-bottom: 20px;
}

.articleCotentTtlTime {
	font-size: 16px;
	display: block;
	letter-spacing: 0.1em;
	margin-right: 30px;
}

.articleCotentTtlArea {
	margin-bottom: 20px;
}

.articleCotentTtl {
	font-size: 24px;
	font-weight: bold;
}

.articleCotentInfoArea {

}

.articleCotentInfoArea .lessonArtColLinkDescritptionSchoolInfoArea {
	padding-left: 0;
}

.lessonDetailWrap {
	margin-top: 40px;
	margin-bottom: 40px;
}

.lessonDetailTtlArea {
	margin-bottom: 20px;
}

.lessonDetailTtl {
	font-size: 18px;
	letter-spacing: 0.1em;
}

.lessonDetailTable {
	padding: 30px 20px;
}

.lessonDetailTableRow {
	margin-bottom: 20px;
}

.lessonDetailTableRow:last-child {
	margin-bottom: 0;
}

.lessonDetailTableHead {
	font-size: 18px;
}

.lessonDetailTableBody {
	font-size: 14px;
}

@media screen and (max-width: 991px) {
	.wgiContentArea{
		max-width: 100%;
	}
	.wgiContentArea {
		padding: 0 10px;
	}
}

.wgiContentArea h3 {
	display: block;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 18px;
	margin-bottom: 30px;
}

.wgiContentArea h2.ty1 {
  padding: .5em .75em;
  background-color: #f6f6f6;
  border: 3px double #ccc;

}
.wgiContentArea h2.ty2 {
	position: relative;
	padding: .5em .75em;
	background-color: #f0f0f0;
	border-radius: 6px;
}

.wgiContentArea h2.ty2::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f0f0f0;
}

.wgiContentArea h2.ty3 {
	position: relative;
	padding: .5em .75em;
	background-color: #e8e8e8;
}

.wgiContentArea h2.ty3::after  {
	content: '';
	position: absolute;
	top: -20px;
	left: 0;
	width: -webkit-calc(100% - 20px);
	width: calc(100% - 20px);
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #f0f0f0;
}

.wgiContentArea h2.ty4 {
	position: relative;
	padding: 1em;
	background-color: #f6f6f6;
}

.wgiContentArea h2.ty4::after {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 0;
	border-width: 0 16px 16px 0;
	border-style: solid;
	border-color: #fff #fff #ddd #ddd;
	box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
}

.wgiContentArea h2.ty5 {
	position: relative;
	padding: 0 .4em .1em;
}

.wgiContentArea h2.ty5::after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 10px;
	background-color: #f07580;
}



.wgiContentArea h3.ty1 {
  padding: .5em .75em;
  background-color: #f6f6f6;
  border: 3px double #ccc;

}
.wgiContentArea h3.ty2 {
	position: relative;
	padding: .5em .75em;
	background-color: #f0f0f0;
	border-radius: 6px;
}

.wgiContentArea h3.ty2::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f0f0f0;
}

.wgiContentArea h3.ty3 {
	position: relative;
	padding: .5em .75em;
	background-color: #e8e8e8;
}

.wgiContentArea h3.ty3::after  {
	content: '';
	position: absolute;
	top: -20px;
	left: 0;
	width: -webkit-calc(100% - 20px);
	width: calc(100% - 20px);
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #f0f0f0;
}

.wgiContentArea h3.ty4 {
	position: relative;
	padding: 1em;
	background-color: #f6f6f6;
}

.wgiContentArea h3.ty4::after {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 0;
	border-width: 0 16px 16px 0;
	border-style: solid;
	border-color: #fff #fff #ddd #ddd;
	box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
}

.wgiContentArea h3.ty5 {
	position: relative;
	padding: 0 .4em .1em;
}

.wgiContentArea h3.ty5::after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 10px;
	background-color: #f07580;
}

.wgiContentArea p {
	display: block;
	font-weight: normal;
	letter-spacing: 0.16px;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 10px;
}

.wgiContentArea p,
.wgiContentArea a,
.wgiContentArea span {
	word-break: break-all;
}
.wgiContentArea img {
	display: block;
	max-width: 100%;
	height: auto;
}

.wgiContentArea table {
	width: 100% !important;
	table-layout: fixed;
}

.wgiContentArea.borderOn table tr td {
	border-collapse: collapse;
}

.wgiContentArea table tr {
	margin-bottom: 10px;
}

.wgiContentArea.borderOn table tr td {
	border: 1px dashed #d5d5d5;
}

.wgiContentArea table tr td {
	padding: 0 10px;
	height: 200px;
	width: auto !important;
}

.wgiContentArea table tr td:first-child {
	padding-left: 0;
}

.wgiContentArea table tr td:last-child {
	padding-right: 0;
}

.wgiContentArea table tr td img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	}

.snsShareArea>a {
	margin: 0 5px;
}

.lessonTagWrap {
	margin-top: 30px;
	padding: 10px 20px 8px 20px;
	flex-wrap: wrap;
}

.lessonTagT {
	margin-right: 20px;
}

.blogSnsShare {
	margin-top: 30px;
	border-top: 1px solid #fafafa";
	border-bottom: 1px solid #fafafa";
	padding: 10px;
}

.blogSnsShare>p {
	font-size: 14px;
}

.blogSnsShare {
	margin-top: 30px;
	text-align: center;
}

.blogSnsShareIn .shareSns {
	margin: 0 10px;;
	font-size: 30px
}

.rsvWrap {
	margin-top: 30px;
}

.otherLesson {

}

.otherLessonTtlArea {
	margin-bottom: 20px;
}

.otherLessonTTl {
	border-bottom: 1px solid #fafafa;
}

.otherLessonTTlEng {
	font-size: 24px;
	letter-spacing: 0.1em;
	display: inline-block;
	margin-right: 10px;
}

.otherLessonTTlJp {
	font-size: 16px;
	letter-spacing: 0.2em;
	display: inline-block;
}

.LeftMenuInstInfo {

}

.LeftMenuInstInfoImg {
	width: 160px;
	height: 160px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}

.LeftMenuInstInfoImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	}

.LeftMenuInstinfoNameArea {
	text-align: center;
	margin-top: 20px;
}

.LeftMenuInstinfoNameArea {

}

.LeftMenuInstinfoNameL {
	font-size: 12px;
	line-height: 20px;
}

.LeftMenuInstinfoName {
	font-size: 16px;
	line-height: 20px;
}

.LeftMenuInstinfoFav {

}

.otherLessonArt {
	margin-bottom: 60px;
}

.LeftMenuInstinfoDetailArea {
	margin-top: 10px;
}

.LeftMenuInstinfoDetail {
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 0.1em;
}

.LeftMenuInstinfoSchol {
	margin: 5px 0;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

.modalInImageArea {
	text-align: left;
}

.modalInImage {
	max-width: 300px;
}

.remodal {
	max-width: 50%;
}

.modalInContentArea {
	width: 100%;
	margin: 0 auto;
}

.modalInContentArea {

}

.modalInContentBorder {
	border: 2px solid #f87fba;
	text-align: left;
}

.modalInContentTtl {
	background-color: #f87fba;
	color: #FFF;
	padding: 0 10px;
}

.modalInContentInputFormWrap {
	max-width: 370px;
	margin: 0 auto;
	padding: 0 0 30px 0;
}

.fullWidContentTxtDtlRow {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 20px;
}

.fullWidContentTxtDtlRowTtl {
	font-weight: normal;
	flex-basis: 140px;
	letter-spacing: 0.1em;
}

.fullWidContentTxtDtlRowDtl {
	flex-basis: calc(100% - 140px);
	letter-spacing: 0.1em;
}

.fullWidContentTxtDtlRowDtl .instHeadSns {
	margin-left: 0;
	margin-right: 10px;
}

.noData {
	display: block;
	text-align: center;
	width: 100%;
	margin: 60px 0;
}

.noData.noDataLessonN {
	margin: 60px 0;
}

.noData.noDataTopics {
	margin: 60px 0;
}

.noData.noDataBlog {
	display: block;
	width: 100%;
	margin: 220px 0;
	text-align: center;
	position: relative;
}

.fullWidSlick:not(.slick-initialized), .BlogSlick:not(.slick-initialized), .BlogHisSlick:not(.slick-initialized ), .EventSlick:not(.slick-initialized){
	display: flex;
	justify-content: center;
}

.fullWidSlick:not(.slick-initialized ) >div, .BlogSlick:not(.slick-initialized) >div, .BlogHisSlick:not(.slick-initialized ) >div, .EventSlick:not(.slick-initialized) >div {
	margin: 0 20px;
}

.instMainViH1 {
	position: absolute;
	top: 0;
	left: 0;
}

.snsShareArea {
	padding-bottom: 10px;
}

.mainViAreaSearchBox > form,
.mainViAreaSearchInputArea{
	width: 100%;
}
.mainViAreaSearchSelectBox.si2{
	flex-basis: calc( (100% / 2) - 150px);
}
.mainViAreaSearchSelectBox.si2 > select,
.mainViAreaSearchSelectBox.si2 > input{
	width: 100%;
}

.mainViAreaSearchSelectBox > button{
	width: 100%;
}

.prefFooter{
	max-width: 768px;
	padding: 0 10pox;
	margin: 30px auto 0;
	padding: 10px;
	text-align: center;
	background-color: #DDD;
	border: 1px solid #9E9E9E;
}
.prefFooterTtl{
	font-weight: bold;
	margin-bottom: 10px;
}
.prefFooterTtl,
.prefFooterLink{
	font-size: 14px;
	text-decoration: none;
}

.prefFooterLink{
	text-align: left;
}
.prefFooterLink a{
	text-decoration: none;
	display: inline-block;
	margin: 5px 10px;
}
.prefFooterLink a:hover{
	text-decoration: underline;
}


.lessonInner .ty2 .containerTtlEng {
	font-size: 80px;
	margin-bottom: 20px;
}
.lessonInnerRow{
	margin-top: 100px;
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
}

.lessonInner .ty2 .containerTtlEng.lesIn {
	font-size: 50px;
	margin-bottom: 0;
}
.lessonInner .ty2 .containerTtlJp.lesIn {
	font-size: 22px;
}
.LessonContentDesc.lesIn{
	font-size: 14px;
}

.lessonInnerColImg{
	flex-basis: 389px;
	margin-right: 20px;
}
.lessonInnerColDesc{
	flex-basis: calc(100% - 409px);
	margin-right: 20px;
}

.lessonInnerCe{
	margin-top: 100px;
	text-align: center;
}
.lessonInnerCe .containerTtl.ty2 {
	align-items: center;
}
.lessonInnerMeritTtl >*{
	font-size: 24px;
	font-weight: 300;
}

.lessonInnerMeritRow{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin: 60px -10px 0;
}
.lessonInnerMeritCol{
	flex-basis: calc(100% - 20px);
	margin: 0 10px;
}

.LessonContentDesc{
	font-size: 14px
}

.lessonInnerRow.re{
	flex-direction: row-reverse;
}

.lessonInnerRow.re .lessonInnerColImg {
	margin-right: 0;
	margin-left: 20px;
}
.lessonCoution{
	margin-top: 60px;
	background-color: #FFF7F7;
	font-size: 14px;
	padding: 30px;
}

.boxrowoiWrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-left: -20px;
	margin-right: -20px;
}

.boxrowoiBox{
	flex-basis: calc(33.33% - 40px);
	margin: 0 20px;
	border: 1px solid #F07580;
	background-color: #FFF;
	padding: 40px;
}

.boxrowoiBoxTtl{
	margin-top: calc(-21%);
	background-color: #FFF;
	font-weight: 300;
	font-size: 36px;
	text-align: center;
}

.boxrowoiBoxTtl > *{
	font-weight: 300;
}

.colotable table{
	table-layout: fixed;
	width: 100%;
}
.colotable table td,
.colotable table th{
	width: 100%;
	padding: 10px 20px;
	text-align: left;
}
.colotable table td{
	background-color: #F9CACF;
}
.colotable table th{
	background-color: #FDE6E8;
}

@media screen and (max-width: 1400px) {
	.instHeadMenuLink {
		font-size: 13px;
		margin: 0 10px;
	}
	.instHeadTtl {
		font-size: 18px;
		letter-spacing: 0.1em;
	}
	.instHeadLeftBottom p {
		font-size: 14px;
	}
	.instHeadGoodNum {
		font-size: 14px;
		letter-spacing: 0.1em;
	}
	.instHeadGoodBtn {
		font-size: 12px;
	}
}

@media screen and (max-width: 1450px) {
/* @media screen and (max-width: 1340px){ */
	.fullWidContentTxtArea {
		padding: 30px 50px 60px 50px;
	}

	.yogaLessonListContentTtl span, .yogaLessonListContentTtl {
		font-size: 14px;
	}

	.yogaLessonListContentDesc {
		font-size: 12px;
	}

	.yogaLessonListContent {
		width: calc(100% - 20px);
		height: calc(100% - 20px);
		margin: 10px;
		padding: 10px;
	}

	.ty2 .containerTtlEng {
		font-size: 80px;
	}

	.containerTtlJp {
		font-size: 20px;
	}

	.TopicsTtlFontLg {
		font-size: 80px;
	}

	.TopicsTtlFont {
		font-size: 18px;
		line-height: 28px;
	}

	.lessonDescription {
		font-size: 14px;
		line-height: 29px;
	}

	.TopicsTtlFont {
		font-size: 22px;
	}

	.yogaCourse .yogaLessonList {
		height: 225px;
	}

	.LessonContentTtlImgArea {
		width: 235px;
		height: 170px;
		margin-right: 15px;
	}

	.LessonContentTtlArea {
		width: calc(100% - 250px);
	}
	.mainViAreaSearchSelect.datepi, .mainViAreaSearchSelect.prefSelect {
		width: 120px;
	}
	.mainViAreaSearchSelect {
		padding-left: 30px;
	}
	.mainViAreaSearchSelectBoxIcon {
		left: 10px;
	}
	.artCon .lessonArtCol {
		width: 255px;
	}
	.artCon .lessonArtCol .lessonArtColLinkDescritptionTtl {
		font-size: 15px;
	}
	.mainViAreaSearchSelect.size2 {
		padding-left: 15px;
		width: auto;
	}


}
@media screen and (max-width: 1160px) {
	.headerWrap {
		height: 70px;
	}
	.headerMenuLink {
		font-size: 14px;
		margin: 0 25px;
	}
	.headerMenuLink.grade {
		margin: 0;
		padding: 25px;
	}
	.headerLogoArea {
		flex-basis: 230px;
	}
}

@media screen and (max-width: 991px) {
	.headerWrap {
		height: 82px;
	}
	.headerHumbArea {
		justify-content: center;
		align-items: center;
		flex-basis: 70px;
	}
	.headerHumb {
		width: 30px;
		height: 1px;
		background-color: #444;
		position: relative;
	}
	.headerHumb:before, .headerHumb:after {
		content: "";
		display: block;
		position: relative;
		left: 0;
		width: 30px;
		height: 1px;
		background-color: #444
	}
	.headerHumb:before {
		top: -10px;
	}
	.headerHumb:after {
		top: 10px;
	}
	.instHead {
		flex-wrap: wrap;
		padding: 5px 10px;
	}
	.instHeadLeft {
		flex-basis: 100%;
	}
	.instHeadTtl {
		font-size: 20px;
		letter-spacing: 0.1em;
	}
	.instHeadLeftTop {
		justify-content: space-between;
	}
	.instHeadGoodNum {
		font-size: 12px;
	}
	.instHeadGoodBtn {
		font-size: 10px;
	}
	.instHeadRight {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		border-top: 3px solid #e57d7d;
		background-color: #FFF;
		padding: 0 10px;
	}
	.instHeadLeftTop.flx {
		justify-content: space-between;
	}
	.topicsArtAreaCol.sm.blogBox {
		width: 100%;
		flex-basis: 100%;
	}
	.topicsArtAreaColTimeBox {
		left: -10px;
		top: -15px;
	}
	.sm .topicsArtAreaColTimeDay {
		font-size: 45px;
	}
	.fullWidContentWrap {
		flex-wrap: wrap;
		margin-bottom: 30px;
	}
	.fullWidContentImgArea {
		flex-basis: 100%;
		order: 1;
		margin-bottom: 20px;;
	}
	.fullWidContentTxtArea {
		flex-basis: 100%;
		order: 2;
		padding: 10px 10px 40px 10px;
	}
	.QualificationAreaWrap {
		flex-wrap: wrap;
	}
	.QualificationBox {
		height: 42vw;
		width: 42vw;
		border-radius: 50%;
		overflow: hidden;
		position: relative;
		margin-bottom: 20px;
	}
	.QualificationTxt {
		font-size: 12px;
		line-height: 20px;
	}
	.containerTtlEng {
		font-size: 50px;
	}
	.containerTtl {
		padding-bottom: 10px;
	}
	.GalleryBox {
		width: calc(50vw - 15px);
		height: calc(50vw - 15px);
		margin-bottom: 10px;
	}
	.lessonArtCol {
		width: calc(100% - 20px);
		margin: 0 auto 20px auto;
	}
	.fullWidSlick>div:nth-child(n + 5), .BlogSlick>div:nth-child(n + 5) {
		display: none;
	}
	.yogaCourse .yogaLessonList, .yogaCourse .yogaLessonList.lg {
		height: 215px;
		width: 100%;
	}
	.yogaLessonListContentTtl {
		font-size: 18px;
		letter-spacing: 0.1em;
		line-height: 30px;
	}
	.yogaLessonListContent {
		width: calc(100% - 10px);
		height: calc(100% - 10px);
		margin: 5px;
		padding: 5px;
		border: 1px solid #FFF;
	}
	.yogaLessonListArea {
		padding-bottom: 20px;
	}
	.insCopyrightWrap {
		margin-bottom: 50px;
	}
	.instHeaderMa {
		margin-top: 76px;
	}
	.instMainViContentTxtS1 {
		font-size: 16px;
		letter-spacing: 0.1em;
	}
	.instMainViContentTxtS2 {
		font-size: 18px;
		letter-spacing: 0.1em;
	}
	.instMainViContentImgArea {
		width: 100%;
		height: 260px;
	}
	.instMainViContentTxtArea {
		height: 120px;
	}
	.fullWidContentTxtDtl {
		font-size: 12px;
		letter-spacing: 0.1em;
	}
	.fs2 .fullWidContentTxtLg {
		font-size: 12px;
		font-weight: normal;
	}
	.lessonTtlArea {
		width: 100%;
		margin-left: 0;
		padding-top: 240px;
	}
	.btn.rightExp {
		margin-top: 50px;
		margin-left: 0;
	}
	.topicsArtAreaCol {
		flex-basis: 100%;
		margin-top: 50px;
	}
	.topicsArtAreaCol.sm {
		flex-basis: 100%;
		margin-top: 50px;
	}
	.historyCol .topicsArtAreaColLink {
		width: 100%;
		flex-basis: 100%;
		height: auto;
	}
	.ty2 .containerTtlEng {
		font-size: 40px;
	}
	.lessonInner .ty2 .containerTtlEng {
		font-size: 40px;
	}
	.containerTtlJp {
		font-size: 14px;
		line-height: 26px;
	}
	.yogaLessonList {
		width: calc(50vw - 15px);
		height: calc(50vw - 15px);
		margin-bottom: 10px;
	}
	.blogContPinkBG {
		padding: 10px;
	}
	.eventBanner {
		flex-basis: calc(100%);
		margin-bottom: 20px;
	}
	.eventBannerArea {
		flex-wrap: wrap;
	}
	.rankingTopArea {
		flex-wrap: wrap;
	}
	.rankingTopImg {
		display: none;
	}
	.rankingTopDetails {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.rankingTopDetailsCrown {
		margin-top: 10px;
		margin-right: 2%;
		flex-basis: 20%;
	}
	.rankingTopDetailsInfo {
		flex-basis: 78%;
	}
	.rankingTopDetailsInfoImgArea {
		width: 60px;
		height: 60px;
	}
	.rankingTopDetailsInfoDescName {
		font-size: 18px;
	}
	.rankingCol {
		width: 100%;
	}
	.rankingSlick>div:nth-of-type(n + 5), .BlogHisSlick>div:nth-of-type(n + 5)
		{
		display: none;
	}
	.bottomBannerArea {
		flex-wrap: wrap;
	}
	.bottomBannerArea {
		flex-wrap: wrap;
	}
	.bottomBanner {
/* 		flex-basis: calc(50% - 5px); */
		flex-basis: 100%;
	}
	.bottomBanner.lg {
		flex-basis: calc(100%);
	}
	.topicsArtAreaColTimeDay {
		font-size: 45px;
	}
	.topicsArtAreaColTimeYm {
		font-size: 16px;
	}
	.topicsArtAreaColInnTtlArea {
		position: relative;
		margin-top: -20px;
		height: 80px;
		background-color: rgba(255, 255, 255, 1);
	}
	.topicsArtAreaColInnTtl {
		font-size: 15px;
		line-height: 21px;
	}
	.headMar {
		margin-top: 50px;
	}
	.mainViAreaIconBox {
		text-align: center;
	}
	.mainViAreaIcon {
		width: 90%;
		margin: 0 auto;
	}
	.mainViAreaSearchBox {
		position: static;
		width: 100%;
	}
	.mainViImage img {
		min-height: 330px;
	}
	.mainViAreaSearchInputArea {
		flex-wrap: wrap;
	}
	.mainViAreaSearchSelectBox {
		margin-right: 0;
		margin-bottom: 10px;
		flex-basis: 100%;
	}
	.mainViAreaSearchSelect {
		height: 40px;
	}
	.mainViAreaSearchBtn {
		width: 100%;
		height: 40px;
		font-size: 16px;
	}
	.mainViAreaSearchBox {
		margin-top: 50px;
	}
	.mainViAreaIconBox {
		top: -190px;
	}
	.fullWidContentTxtDtlRow {
		flex-wrap: wrap;
	}
	.fullWidContentTxtDtlRowTtl {
		flex-basis: 100%;
		margin-bottom: 10px
	}
	.fullWidContentTxtDtlRowDtl {
		flex-basis: 100%;
	}
	.blogContPinkBG:not(.noBg ):before {
		width: 100%;
		height: auto;
	}
	.lessonBackGround:before {
		width: 100%;
	}
	.TopicsTtlFontLg {
		font-size: 60px;
	}
	.headerMenuArea {
		position: fixed;
		left: 0;
		top: 50px;
		width: 100%;
		background-color: #FFF;
		translate: transformX(100vw);
	}
	.headerMenuArea {
		position: fixed;
		left: 0;
		top: 50px;
		width: 100%;
		background-color: #FFF;
	}
	.headerMenu {
		height: auto;
		width: 100%;
		flex-wrap: wrap;
	}
	.headerMenuLink {
		flex-basis: 100%;
		height: 50px;
	}
	.hoho .headerMenuLink:not(.grade){
		margin-bottom: 20px;
	}
	.hoho .headerMenuLink:nth-child(2){
		margin-bottom: 20px;
		border-bottom: 1px solid #4f4f4f;
		padding-bottom: 20px;
	}
	.hoho .headerMenuLink {
		height: auto;
	}
	.hoho .headerMenuLinkHoverInnerMenu > *{
		width: 100%;
		padding: 5px 10px;
	}
	.headerMenuLinkHoverInnerWrap {
		padding-bottom: 0px;
	}
	.headerMenuLinkStr{
		font-weight: bold;
	}
	.headerHumbArea>.headerHumb, .headerHumbArea>.headerHumb:before,.headerHumbArea>.headerHumb:after, #humbChk:checked ~ .headerHumbArea>.headerHumb,	#humbChk:checked ~ .headerHumbArea>.headerHumb:before, #humbChk:checked	~ .headerHumbArea>.headerHumb:after {
		transition: .2s;
	}
	#humbChk:checked ~ .headerHumbArea>.headerHumb {
		background-color: transparent;
	}
	#humbChk:checked ~ .headerHumbArea>.headerHumb:before {
		top: 0;
		transform: rotate(225deg);
	}
	#humbChk:checked ~ .headerHumbArea>.headerHumb:after {
		top: 0;
		transform: rotate(-225deg);
	}
	.headerMenuArea {
		height: 0;
		overflow: hidden;
		animation-name: fadeOut;
		-webkit-animation-name: fadeOut;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-duration: .2s;
		-webkit-animation-duration: .2s;
	}
	#humbChk:checked ~ .headerMenuArea {
		height: 100%;
		animation-name: fadeIn;
		-webkit-animation-name: fadeIn;
		animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		animation-duration: .2s;
		-webkit-animation-duration: .2s;
	}
	.articleCotentTtlWrap {
		flex-wrap: wrap;
	}
	.articleCotentTtlWrap>div {
		flex-basis: 100%;
	}
	.articleCotentTtl {
		font-size: 18px;
	}
	.wgiContentArea table, .wgiContentArea table tr, .wgiContentArea table tr th, .wgiContentArea table tr td {
		/** display: block; **/
		height: auto !important;
	}
	.wgiContentArea table tr td {
		padding: 0;
		margin-bottom: 10px;
	}
	.otherLessonArt {
		flex-wrap: wrap;
	}
	.flexContainerSub>div>a {
		width: 100%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.panArea nav {
		flex-wrap: wrap;
	}
	.LessonContentTtlArea {
		width: 100%;
	}
	.contentSearchResult .rankingCol {
		width: 100%;
		flex-basis: 100%;
	}
	.LessonContentTtlEn {
		font-size: 30px;
	}
	.LessonContentTtlEnMin {
		font-size: 18px;
	}
	.LessonContentDesc {
		font-size: 14px;
	}
	.lessonArtColLinkDescritptionTtl {
		font-size: 16px;
		line-height: 22px;
	}
	.contentSearchResult>.topicsArtAreaCol.sm.blogBox.size2 {
		width: 100%;
		flex-basis: 100%;
	}
	.lessonDetailTableHead {
		font-size: 16px;
	}
	.wgiContentArea h3 {
		font-size: 16px;
	}
	.wgiContentArea p {
		font-size: 14px;
	}
	.btn2 {
		padding: 15px 30px;
		width: 100%;
		font-size: 18px;
	}
	.articleCotentInfoArea {
		flex-wrap: wrap;
		margin-bottom: 20px;
	}
	.btn2.sm {
		width: 100%;;
	}
	.snsShareArea {
		margin-top: 20px;
	}
	.lessonArtColLink {
		display: block;
	}
	.lessonArtColLinkImg {
		width: 120px;
		height: 95px;
		float: right;
	}
	.lessonArtColLinkDescritptionTag {
		font-size: 10px;
	}
	.lessonArtColLinkDescritptionTtlArea {
		height: 20px;
		padding: 0 8px;
		margin-bottom: 10px;
	}
	.lessonArtColLinkDescritptionSchoolInfoName {
		font-size: 10px;
	}
	.lessonArtColLinkDescritptionSchoolInfoImgArea {
		width: 20px;
		height: 20px;
	}
	.lessonArtColLinkDescritptionSchoolInfoArea {
		padding: 5px 10px;
	}
	.lessonArtColLinkDescritptionBottomAreaDateArea, .lessonArtColLinkDescritptionBottomAreaPrefArea {
		font-size: 10px;
	}
	.lessonArtColLinkDescritption {
		flex-basis: calc(100% - 100px);
	}
	.lessonArtColLinkDescritptionTtlArea {
		height: 20px;
		width: calc(100% - 110px);
		padding: 0 8px;
		margin-bottom: 10px;
	}
	.lessonArtColLinkDescritptionTtl {
		font-size: 12px;
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.lessonArtColLinkDescritption {
		border-top: 1px solid #e2e2e2;
	}
	.mainViAreaSearchSelect.datepi, .mainViAreaSearchSelect.prefSelect {
		width: 100%;
	}
	.articleCotentTtlWrap>div>.articleCotentInfoArea .lessonArtColLinkDescritptionSchoolInfoArea,.articleCotentTtlWrap>div>.articleCotentInfoArea .topicsArtAutherArea		{
		flex-basis: 100%;
	}
	.contentSearchResult>.topicsArtAreaCol.sm.blogBox.size2,
		.contentSearchResult>.topicsArtAreaCol.sm.blogBox {
		width: 100%;
		flex-basis: 100%;
	}
	.topicsArtAreaColInn {
		display: flex;
		justify-content: space-between;
	}
	.sm .topicsArtAreaColTimeDay {
		font-size: 30px;
	}
	.sm .topicsArtAreaColTimeYm, .topicsArtArea .topicsArtAreaCol:nth-child(n + 3) .topicsArtAreaColTimeYm		{
		font-size: 10px;
	}
	.topicsArtAreaColInnImgArea {
		height: 80px;
		width: 110px;
	}
	.blogBox .topicsArtAreaColInnDescBox:after {
		display: none;
	}
	.blogBox .topicsArtAreaColInnTtlBox {
		margin-bottom: 0px;
		overflow: hidden;
		width: 100%;
	}
	.blogBox .topicsArtAreaColInnTtl {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.blogBox .topicsArtAreaColInnTtlArea {
		/* 	    padding-top: 0; */
		width: calc(100% - 120px);
	}
	.blogBox .topicsArtAreaColInnDescBox {
		height: 25px;
	}
	.blogBox .topicsArtAreaColInnDesc {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 12px;
	}
	.BlogSlick {
		flex-wrap: wrap;
	}
	.fullWidSlick>div, .BlogSlick>div {
		width: 100%;
	}
	.fullWidSlick:not(.slick-initialized ) >div, .BlogSlick:not(.slick-initialized) >div, .BlogHisSlick:not(.slick-initialized ) >div, .EventSlick:not(.slick-initialized ) >div {
		margin: 0;
	}
	.fullWidSlick:not(.slick-initialized ), .BlogSlick:not(.slick-initialized), .BlogHisSlick:not(.slick-initialized ), .EventSlick:not(.slick-initialized) {
		flex-wrap: wrap;
	}
	.LeftMenuInstInfo {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.LeftMenuInstInfoImg {
		flex-basis: 100px;
		width: 100px;
		height: 100px;
	}
	.LeftMenuInstinfoNameArea {
		width: calc(100% - 100px);
		flex-basis: calc(100% - 100px);
		margin-top: 0;
	}
	.LeftMenuInstInfo .LeftMenuInstinfoNameArea {
		width: calc(100%);
		flex-basis: calc(100%);
		margin-top: 0;
	}
	.LeftMenuInstinfoNameArea>.LeftMenuInstinfoNameArea {
		width: 100%;
		flex-basis: 100%;
		text-align: left;
		margin-top: 0;
		padding-left: 10px;
	}
	.LeftMenuInstinfoFav {
		text-align: left;
		padding-left: 10px;
	}
	.LeftMenuInstinfoDetailArea {
		display: none;
	}
	.LeftMenuInstInfo .lessonArtColLinkDescritptionSchoolInfoArea {
		width: 100%;
	}
	.fullWidContentImgArea {
		height: 200px;
	}
	.GalleryBox>p, .GalleryBox>a>p {
		padding: 10px 14px;
		font-size: 10px;
	}
	.fullWidContentTxtDtlRowDtl {
		font-size: 12px;
	}
	.instHeadLeftTop {
		flex-wrap: wrap;
	}
	.instHeadTtl {
		font-size: 17px;
	}
	.instHeadLeftBottom {
		display: none;
	}
	.instHeaderMa {
		margin-top: 73px;
	}
	.lessonArtColLinkDescritptionShareArea {
		display: none;
	}
	.instHeadTtlArea {
		flex-basis: 100%;
	}
	.mainViAreaSearchSelect.size2 {
		padding-left: 0;
		flex-basis: 100%;
		width: 100%;
	}
	.LessonContentTtlWrap {
		flex-wrap: wrap;
	}
	.LessonContentTtlImgArea {
		width: 100%;
		flex-basis: 100%;
		margin: 0;
	}
	.historyCol .topicsArtAreaColInnTtl {
		font-size: 12px;
		letter-spacing: 0.1em;
		line-height: 16px;
	}
	.historyCol .topicsArtAutherAreaBy, .historyCol .topicsArtAutherAreaNmae,
	.historyCol .topicsArtAutherAreaFav, .historyCol .topicsArtAutherAreaFav i{
		font-size: 11px;
		letter-spacing: 0.1em;
		line-height: 16px;
	}
	.historyCol .topicsArtAutherArea {
		margin-top: 10px;
		line-height: 1;
	}
	.LessonContentTtlImgArea {
		width: 100%;
		height: auto;
		margin-right: 0;
	}
	.LessonContentTtlWrap {
		flex-wrap: wrap;
	}

	.yogaLessonListContentTtl {
		font-size: 13px;
		letter-spacing: 0.1em;
		line-height: 24px;
	}

	.yogaLessonListContentDesc {
		font-size: 10px;
		letter-spacing: 0.01em;
	}


	.topicSlick.topicsArtArea .topicsArtAreaCol:nth-child(n + 3) {
		flex-basis: calc(25% - 20px);
		margin-top: 10px;
		margin-bottom: 90px;
	}
	.topicSlick .topicsArtAreaColInn {
		display: block;
		height: auto;
	}
	.BlogHisSlick > div{
		flex-basis: 100%;
		width: 100%;
	}
	.fullWidContentImgArea img {
		object-fit: contain;
		font-family: "object-fit: contain;";
		background-color: #fff7f7;
	}

	.artCon .lessonArtCol {
	    width: 100%;
	}

	.remodal {
	    max-width: 100%;
        padding: 30px 10px;
	}
	.rsvWrap{
		flex-wrap: wrap;
	}
	.rsvWrap button,
	.memberBtn button{
		margin-bottom: 10px;
		width: 100%!important;
	}
	.lessonGaiyouRow {
	    flex-wrap: wrap;
	}
	.lessonGaiyouHead,
	.lessonGaiyouBody{
		flex-basis: 100%;
	}

	.EventSlick:not(.slick-initialized ) >div {
		margin: 0;
		width: 100%;
	}
	.EventSlick:not(.slick-initialized ) > div:nth-child(n+5) {
		display: none;
	}

	.mainViAreaSearchSelectBox.si2 {
	    flex-basis: 100%;
	}


	.rankingSlick {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.rankingSlick > div {
		flex-basis: 49%;
	}

	.rankingSlick > div .rankingColBgImgArea{
		height: 110px;
		width: 100%;
	}
	.rankingSlick > div .rankingColDescName {
		font-size: 14px;
	}
	.rankingSlick > div .rankingColDescDetail {
		font-size: 12px;
	}
	.rankingSlick > div .rankingColDescDetailArea {
		height: 50px;
	}
	.rankingSlick > div .rankingColCrown {
		width: 70px;
		margin: auto;
	}

	.GalleryBox>h3, .GalleryBox>a>h3 {
		padding: 10px 15px;
		font-size: 14px;
		line-height: 1.53;
	}
	.lessonInnerRow{
		flex-wrap: wrap;
	}
	.lessonInnerColImg,
	.lessonInnerRow.re .lessonInnerColImg,
	.lessonInnerColDesc{
		flex-basis: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	.lessonInnerMeritRow {
		flex-wrap: wrap;
	}
	.lessonInnerMeritCol{
		margin-bottom: 40px;
	}
	.boxrowoiWrap {
		flex-wrap: wrap;
		margin-left: 0 ;
		margin-right: 0 ;
	}
	.boxrowoiBox {
		flex-basis: calc(100% );
		margin: 0;
		margin-bottom: 40px;
	}
	.mblg {
		margin-bottom: 100px!important;
	}
	.boxrowoiBoxTtl {
		font-size: 28px;
	}
	.colotable tr{
		display: flex;
		flex-wrap: wrap;
	}
	.colotable td,
	.colotable th{
		flex-basis: 50%;
		font-size: 14px;
		padding: 10px;
	}
}

@media screen and (max-width: 768px) {
	.headerWrap {
		height: 50px;
	}
	.footerNavA {
		flex-direction: column;
	}
	.footerLink {
		text-align: center;
		margin-bottom: 20px;
	}
	.footerNavArea {
		margin-bottom: 0;
	}
}

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

	.spShow, .spShow-flx, .spShow-inline, .tbShow, .tbShow-flx, 	.tbShow-inline {
		display: none;
	}
}

@media screen and (max-width: 991px) {
	.tbHide {
		display: none;
	}
	.tbShow {
		display: block;
	}
	.tbShow-flx {
		display: flex;
	}
	.tbShow-inline {
		display: inline;
	}
}

@media screen and (max-width: 768px) {
	.spHide {
		display: none;
	}
	.spShow {
		display: block;
	}
	.spShow-flx {
		display: flex;
	}
	.spShow-inline {
		display: inline;
	}
}

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


@media screen and (max-width:991px){
	.blogBox .topicsArtAreaColInnDescBox{
		display: none;
	}
	.blogBox .topicsArtAreaColInnTtl{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		white-space: normal;
	}
}

/**
	ANIMATION AREA
**/
.yogaLessonList:before, .eventBanner:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.0);
	transition: .2s;
}

.yogaLessonList:hover:before, .eventBanner:hover:before {
	background-color: rgba(0, 0, 0, 0.3);
	transition: .2s;
}

@keyframes animateIn {
	0% {
		opacity: 0;
		transform: translateY(100px);
	}
	100%{
		opacity: 1;
		transform:translateY(0);
	}
}
.animateIn {
	opacity: 0;
}

.animateIn.is-active {
	opacity: 1;
	animation-name: animateIn;
	-webkit-animation-name: animateIn;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
}

@keyframes animateInFade {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform:translateX(100%);
	}
}
@keyframes animateInFadeTxt {
	0% {
		color: transparent;
	}

	100%{
		color: #444444;
	}
}
@keyframes animateInFadeTxtPink {
	0% {
		color: transparent;
	}
	100% {
		color: #f07580;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
		height: 0;
	}

	1%{
		opacity:0;
		height:100%;
	}
	100% {
		opacity:1;
		height:100%;
	}
}
@keyframes fadeOut {
	0% {
		opacity: 1;
		height: 100%;
	}

	99% {
		opacity:0;
		height:100%;
	}
	100%{
		opacity:0;
		height:0;
	}
}
.animateInFade {
	position: relative;
	overflow: hidden;
	color: transparent;
}

.animateInFade:before {
	content: "";
	background-color: rgba(250, 188, 215);
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateX(-100%);
}

.animateInFade.is-active {
	color: #444444;
	animation-name: animateInFadeTxt;
	-webkit-animation-name: animateInFadeTxt;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
}

.animateInFade.fc-pink.is-active {
	animation-name: animateInFadeTxtPink;
	-webkit-animation-name: animateInFadeTxtPink;
	color: #f07580;
}

.animateInFade.is-active:before {
	transform: translateX(100%);
	animation-name: animateInFade;
	-webkit-animation-name: animateInFade;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
}

.animateIn.delay-100 {
	animation-delay: 0.1s;
}

.animateIn.delay-200 {
	animation-delay: 0.2s;
}

.animateIn.delay-300 {
	animation-delay: 0.3s;
}

.animateIn.delay-400 {
	animation-delay: 0.4s;
}

.animateIn.delay-500 {
	animation-delay: 0.5s;
}

.animateIn.delay-500 {
	animation-delay: 0.5s;
}

.animateIn.delay-600 {
	animation-delay: 0.6s;
}

.animateIn.delay-700 {
	animation-delay: 0.7s;
}

.animateIn.delay-800 {
	animation-delay: 0.8s;
}

.animateIn.delay-900 {
	animation-delay: 0.9s;
}

.animateIn.delay-1000 {
	animation-delay: 1.0s;
}

.animateIn.delay-1100 {
	animation-delay: 1.1s;
}

.animateIn.delay-1200 {
	animation-delay: 1.2s;
}

.animateIn.delay-1300 {
	animation-delay: 1.3s;
}

.animateIn.delay-1400 {
	animation-delay: 1.4s;
}

.animateIn.delay-1500 {
	animation-delay: 1.5s;
}

.animateIn.delay-1600 {
	animation-delay: 1.6s;
}

.animateIn.delay-1700 {
	animation-delay: 1.7s;
}

.animateIn.delay-1800 {
	animation-delay: 1.8s;
}

.animateIn.delay-1900 {
	animation-delay: 1.9s;
}

.animateIn.delay-2000 {
	animation-delay: 2.0s;
}

@keyframes imageMove {
	0% {
		transform: translateX(50px) scale(1.2);
	}
	100% {
		transform: translateX(-50px) scale(1.2);
	}
}
@keyframes imageMove2 {
	0% {
		transform: translateX(-50px) scale(1.2);
	}

	100%{
		transform: translateX(-100px) scale(1.2);
	}
}
.imageMove {
	transform: translateX(50px) scale(1.2);
	animation-name: imageMove2;
	-webkit-animation-name: imageMove2;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-duration: 4.5s;
	-webkit-animation-duration: 4.5s;
	animation-iteration-count: infinite;
}

.slick-active .imageMove {
	transform: translateX(-100px) scale(1.2);
	animation-name: imageMove;
	-webkit-animation-name: imageMove;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-duration: 4.5s;
	-webkit-animation-duration: 4.5s;
	animation-iteration-count: infinite;
}
.lessonExist {
	position: relative;
}
.lessonExist:after {
	position: absolute;
	content: "";
	width: 5px;
	height: 5px;
/* 	background-color: #f87fba; */
	left: 0;
	right: 0;
	margin: auto;
	bottom: 3px;
	border-radius: 50%;
}
.lessonExist:after {
	position: absolute;
	content: "";
	width: 27px;
	height: 27px;
	border: 1px solid #f87fba;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 3px;
	border-radius: 50%;
	top: 0;
	bottom: 0;
}

#tinymce ol,
.tinymce-box ol,
#tinymce ul,
.tinymce-box ul {
	list-style-position: outside;
	margin-left: 20px;
}

.tinymce-box ol li,
.tinymce-box ul li {
	font-family: '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
}

#tinymce ol > li,
#tinymce ul > li,
.tinymce-box li  {
	display: list-item;
	text-align: -webkit-match-parent;
	unicode-bidi: isolate;
}

#tinymce ol > li::marker,
#tinymce ul > li::marker {
	unicode-bidi: isolate;
	font-variant-numeric: tabular-nums;
	text-transform: none;
	text-indent: 0px !important;
	text-align: start !important;
	text-align-last: start !important;
}

#tinymce hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

#tinymce .mce-pagebreak {
	height: auto;
}

/* モーダル全体のオーバースクロール防止 */
.remodal,
.remodal-overlay {
  overscroll-behavior: contain;
}

/* テーブル部分だけ縦スクロールを許可 */
.scheModalContTableArea {
  max-height: 70vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}