/*----------------------------
共通部
---------------------------*/
.contcss img.img_lt,.contcss img.img_rt{
	width: 100%;
	margin: 0 auto 1em;
}
@media (min-width: 992px){
	.contcss img.img_lt{
		width: 40%;
		margin: 0 2em 1em 0;
		float: left;
	}
	.contcss img.img_rt{
		width: 40%;
		margin: 0 0 1em 2em;
		float: right;
	}
}


/*----------------------------
パンくずリスト
---------------------------*/
.breadcrumbs {
	width: 100%;
	margin: 10px auto 0;
}

.breadcrumbs ul {
	display: table;
	font-size: 13px;
}

.breadcrumbs ul li {
	margin: 0 10px 0 0;
	font-size: 13px;
	float: left;
}

.breadcrumbs ul li:first-child::before {
	padding: 0 5px 0 0;
	content: "\f015";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.breadcrumbs ul li::before {
	padding: 0 10px 0 0;
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}


/*----------------------------
画面上部margin
---------------------------*/
.Adjustment{
	margin: 100px auto 0 !important;
}


/*----------------------------
.index
---------------------------*/
/*スライドショー*/
#slideshow {
	position: relative;
	height: 40vw;
}
#slideshow div{
	display: block;
	position: absolute;
	top: 0;
	left:0;
	z-index: 8;
	opacity: 0.0;
	width: 100%;
}
#slideshow div.active {
	z-index: 10;
	opacity: 1.0;
}
#slideshow div.last-active {
	z-index: 9;
}
#slideshow div img{
	display: block;
	width: 100%;
}
.slideshow_num_cont{
	border-left: 1px solid #DDDDDD;
	float: left;
	box-sizing: border-box;
	text-align: center;
	width: 40px;
	cursor: pointer;
}
.slideshow_num_cont:last-child{
	border-right: 1px solid #DDDDDD;
	float: left;
}

/*スマホ用*/
#slideshow_sp {
	position: relative;
	height: 66.5vw;
}
#slideshow_sp div{
	display: block;
	position: absolute;
	top: 0;
	left:0;
	z-index: 8;
	opacity: 0.0;
	width: 100%;
}
#slideshow_sp div.active {
	z-index: 10;
	opacity: 1.0;
}
#slideshow_sp div.last-active {
	z-index: 9;
}
#slideshow_sp div img{
	display: block;
	width: 100%;
}

/*スライドショー表示*/
#slideshow_box{
	display: block !important;
}
#slideshow_sp_box{
	display: none !important;
}
@media (max-width: 991px){
	#slideshow_box{
		display: none !important;
	}
	#slideshow_sp_box{
		display: block !important;
	}
}



/* ==============================================
* Lazer Effect(Buttonエフェクト)
==============================================*/
button.lf{
	display: block;
	margin: 2% auto;
	position: relative;
	background: none;
	border: none;
}
.lazer {
	font-family: 'Sawarabi Mincho', 游明朝, ヒラギノ明朝, MS明朝;
	color: #000000;
	font-size: 22px;
}
.lazer:before {
	content: "";
	width: 100%;
	height: 2px;
	background: #555;
	position: absolute;
	top: -1px;
	right: 0;
	transition: .1s ease-in-out .1s;
}
.lazer:after {
	content: "";
	width: 2px;
	height: 100%;
	background: #555;
	position: absolute;
	bottom: 0;
	right: -1px;
	transition: .1s ease-in-out .2s;
}
.lazer span:before {
	content: "";
	width: 100%;
	height: 2px;
	background: #555;
	position: absolute;
	bottom: -1px;
	left: 0;
	transition: .1s ease-in-out .3s;
}

.lazer span:after {
	content: "";
	width: 2px;
	height: 100%;
	background: #555;
	position: absolute;
	top: 0;
	left: -1px;
	transition: .1s ease-in-out;
}
.lazer:hover span:after {
	height: 0;
}
.lazer:hover:before {
	width: 0;
}
.lazer:hover:after {
	height: 0;
}
.lazer:hover span:before {
	height: 5px;
}

/*a{
	color:#555;
	text-decoration: none;
}

a:hover{
	color:#999;
}*/

.active{
	text-decoration: underline;
}

a:active, a:focus,input:active, input:focus{outline:0;}


/* 共通
------------------------------------------------------------*/
.inner{
	width: 94%;
	margin: 0 auto;
	padding: 50px 0;
}

/* SEC02 MESSAGE
------------------------------------------------------------*/
#sec02{
	display: block;
	max-width: 1140px;
	margin: 0 auto;
	background: none;
}



.wrap{
	clear: both;
	width: 100%;
}

.bg{
	line-height: 0;
}

.txt h2{
	padding: 0 0 20px !important;
	text-align: center;
	font-size: 130%;
}

#sec02 p.link{
	text-align: center;
	line-height: 4.0em;
}
.txt{
	width: 46%;
	margin: 2%;
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	float: left;
}
/*背景画像差し替え*/
#txt01{
	background-image: url('/images/contents/83482564.jpg');
}
#txt02{
	background-image: url('/images/contents/80518867.jpg');
}
#txt03{
	background-image: url('/images/contents/175276815.jpg');
}
#txt04{
	background-image: url('/images/contents/94336320.jpg');
}
#txt05{
	background-image: url('/images/contents/126830422.jpg');
}
#txt06{
	background-image: url('/images/contents/166230060.jpg');
}
#txt07{
	background-image: url('/images/contents/173544257.jpg');
}
.txt a , .txt a:hover{
	color: #000;
}
.vMid{
	height: 100%;
	min-height: 180px;
	padding: 10%;
	background: rgba(255,255,255,0.5);
	box-sizing: border-box;
}

.vMid button span{
	display: inline-block;
	padding: 5px 10px;
}
@media only screen and (min-width: 1200px){
	.inner{
		width: 1024px;
		padding-bottom: 120px;
	}
	section h2{
		padding: 70px 0 20px;
	}
	.txt h2{
		padding: 0 0 20px !important;
	}
}
@media only screen and (max-width: 1199px){
	#sec02{
		max-width: 960px;
	}
}
@media (max-width: 991px){
	#sec02{
		max-width: 720px;
	}
}
@media (max-width: 767px){
	#sec02{
		max-width: 540px;
	}
	.txt, .bg{
		width: 96%;
		float: none;
	}
	.vMid{
		vertical-align: middle;
	}
}
@media (max-width: 575px){
	#sec02{
		max-width: 100%;
	}
	.txt, .bg{
		width: 88%;
		margin: 6%;
	}
}



/* SEC04 STORY & SUCCESS
------------------------------------------------------------*/
#sec04{
	background: url(/images/bgSec04.jpg) no-repeat 100% 100% fixed;
	background-size: cover;
	-webkit-background-size: cover;
	color: #fff;
}
ul.col2{
	text-align: center;
}
.col2 li{
	display: inline-block;
	width: 20%;
	padding: 0 1.5%;
	vertical-align: top;
}
.col2 li img{
	display: block;
	width: 50%;
	margin: 0 auto;
}
@media (max-width: 575px){
	.col2 li{
		display: inline-block;
		width: 30%;
		padding: 0 1.5%;
		vertical-align: top;
	}
}

/* SEC06 MESSAGE
------------------------------------------------------------*/
#sec06{
	background: none;
}


/*----------------------------
会社概要
---------------------------*/
#company{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: start;
	-ms-flex-align: start;
	align-items: start;
	background: none;
	margin: 30px auto 60px;
	padding: 0;
	font-family: 'Sawarabi Mincho', 游明朝, ヒラギノ明朝, MS明朝;
}
#company dl{
	background:linear-gradient(90deg,#cb4b94 0%,#cb4b94 26%,#ffffff 26%,#ffffff 100%);
	line-height: 1.8em;
	padding: 0;
}
#company dl dt ,  dl dd{
	padding: 1%;
	box-sizing: border-box;
}
#company dl dt{
	width: 25%;
	color: #ffffff;
	font-weight: bolder;
	float: left;
}
#company dl dd{
	width: 100%;
	padding-left: 28%;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	box-sizing: border-box;
}
#company dl dd:last-child{
	border-bottom: solid 1px #000000;
}
#company dl ul{
	padding-left: 20px;
	box-sizing: border-box;
}
#company dl ul > li{
	margin: 0 auto 5px;
}
#company dl ul.decimal > li{
	list-style-type: decimal;
}
#company dl ul.circle > li{
	list-style-type: circle;
}
#company dl ul.disc > li{
	list-style-type: disc;
}
#company dl ul.upper-roman > li{
	list-style-type: upper-roman;
}

@media (max-width: 991px){
	#company{
		margin: 0 auto 60px;
	}
	#company dl{
		background: none;
		line-height: 1.5em;
	}
	#company dl dt , #company dl dd{
		padding: 0;
		box-sizing: border-box;
	}
	#company dl dt{
		width: 100%;
		margin: 10% 0 1%;
		padding: 5px 15px 5px 15px;
		background-color: #cb4b94;
		box-sizing: border-box;
		float: none;
	}
	#company dl dd{
		width: 100%;
		padding: 0 15px 0 15px;
		border: none;
	}
	#company dl dd:last-child{
		border-bottom: none;
	}
	#company dl ul{
		margin-top: 4%;
		padding-left: 20px;
		box-sizing: border-box;
	}
	#company dl ol > li{
		margin-top: 8%;
	}
	#company #urchase_bonus img , #company #shopping_flow img{
		display: block;
		width: 100%;
	}
	#company #shopping_flow dd:first-child{
		margin-bottom: 4%;
	}

}


/* CONTACT
-----------------*/
#contact dl{
	width: 100%;
	display: table;
	margin: 6px 0px 20px 0px;
}

#contact dl b{
	color: #FF0000;
}

#contact dl dt{
	display: table-cell;
	float: left;
	width: 35%;
	text-align: right;
	vertical-align: top;
	padding: 5px;
}

#contact dl dd{
	display: table-cell;
	float: left;
	text-align: left;
	width: 65%;
}

#contact dl dd input,#contact dl dd select{
		border-radius: 5px;
		padding: 5px 5px 5px 5px;
		margin: 0;
}

#contact dl dd select.time{
	margin-top: .5rem;
}

#contact dl dd input.long{
	width: 95%;
}

#contact dl dd textarea{
	border-radius: 5px;
	padding: 4px 5px 4px 5px;
	width: 95%;
	margin-bottom: 0px;
}

#contact .btn{
	margin-top: 1.4rem;
}

/*#contact dl dd .br_date{
	display: none;
}*/

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

#contact dl dt, #contact dl dd{
	width: 100%;
	display: block;
	text-align: left;
}

/*#contact dl dt{
	margin-bottom: .2rem;
}*/

/*#contact dl dd select.time{
	margin-top: .5rem;
}*/

}

@media screen and (min-width: 769px){

#contact dl dd input.date{
	margin: 0 18px 0 0;
}

}

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

#contact dl dd select.month_hope{
	margin-left: 64px;
	margin-top: .5rem;
}

}

@media screen and (min-width: 400px){

#contact dl dd .br_date{
	display: none;
}

}



/* CONFIRMATION
-----------------*/
#confirmation{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: start;
	-ms-flex-align: start;
	align-items: start;
	background: none;
	margin: 30px auto 60px;
	padding: 0;
}
#confirmation dl{
	background:linear-gradient(90deg,#cb4b94 0%,#cb4b94 26%,#ffffff 26%,#ffffff 100%);
	line-height: 1.8em;
	padding: 0;
}
#confirmation dl dt ,  dl dd{
	padding: 1%;
	box-sizing: border-box;
}
#confirmation dl dt{
	width: 25%;
	color: #ffffff;
	font-weight: bolder;
	float: left;
}
#confirmation dl dd{
	width: 100%;
	padding-left: 28%;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	box-sizing: border-box;
}
#confirmation dl dd.hope{
	height: 75px;
}
#confirmation dl dd:last-child{
	border-bottom: solid 1px #000000;
}

@media (max-width: 991px){
	#confirmation{
		margin: 0 auto 60px;
	}
	#confirmation dl{
		background: none;
		line-height: 1.5em;
	}
	#confirmation dl dt , #confirmation dl dd{
		padding: 0;
		box-sizing: border-box;
	}
	#confirmation dl dt{
		width: 100%;
		margin: 10% 0 1%;
		padding: 5px 15px 5px 15px;
		background-color: #cb4b94;
		box-sizing: border-box;
		float: none;
	}
	#confirmation dl dd{
		width: 100%;
		padding: 0 15px 0 15px;
		border: none;
	}
#confirmation dl dd.hope{
	height: 24px;
}
	#confirmation dl dd:last-child{
		border-bottom: none;
	}

}



/*----------------------------
.login
---------------------------*/
.login{
	width: 100%;
	text-align: center;
	margin: 10% auto;
}
.login h2{
	width: 100%;
	margin: 2% auto;
	font-size: 40px;
}
.login button{
	padding: 5px;
}
.login .red{
	color: red;
}


/*----------------------------
calendar
---------------------------*/
.page_cont p.size_100{
	font-size: 100%;
}
.page_cont .red{
	color: red;
}
.calendar .sp{
	display: none;
}
.calendar{
	width: 980px;
	margin: 0 auto;
}
.calendar > h2{
	width: 100%;
	margin: 2% auto;
	font-size: 40px;
	text-align: center;
}
.calendar > form{
	width: 100%;
}
.calendar .form_field{
	width: 96%;
	margin: 2%;
}
.calendar .new_event{
	width: 96%;
	margin: 4% 2% 2%;
}
.calendar .new_event button{
	width: 25%;
	padding: 5px;
}
.calendar > h3{
	width: 100%;
	margin: 2% auto;
	font-size: 40px;
	text-align: center;
}
.calendar table.calendar{
	width: 96%;
	margin: 4% 2%;
	border: solid 1px #000000;
	table-layout: fixed;
}
.calendar table.calendar th , .calendar table.calendar td{
	border: solid 1px #000000;
}
.calendar table.calendar th{
	text-align: center;
}
.calendar table.calendar td{
	vertical-align: top;
}
.calendar table.calendar td > div.adj{
	min-height: 70px;
}
.calendar table.calendar button{
	width: 100%;
	margin: 3% 0;
	padding: 3%;
	text-align: left;
	box-sizing: border-box;
}
.calendar table.calendar button.workshop{
	background-color: #ff99bb;
}
.calendar table.calendar button.yoga{
	background-color: #98fb98;
}
.calendar table.calendar button.retreat{
	background-color: #99FFFF;
}
.calendar table.calendar button.unpublished{
	background-color: gray;
}
#calendar_member p{
	text-align: center;
}


/*----------------------------
.information
---------------------------*/
.information .required{
	color: red;
}
.information{
	width: 980px;
	padding: 2%;
	margin: 0 auto;
	box-sizing: border-box;
}
.information > h2{
	padding: 2% 0;
	font-size: 40px;
	text-align: center;
}
.information > h2.bb{
	border-bottom: solid 2px #000000;
}
.information > .description{
	padding-left: 2%;
	border-bottom: solid 2px #000000;
}
.information > form{
	width: 100%;
}
.information .form_field{
	width: 96%;
	margin: 2%;
}
.information .form_field.sp{
	padding: 0 2%;
	border: solid 1px #000000;
	box-sizing: border-box;
}
.information .form_field dl{
	width: 100%;
	margin: 2% auto;
}
.information .form_field dt{
	width: 25%;
	padding: 10px;
	color: darkblue;
	font-weight: bolder;
	box-sizing: border-box;
	float: left;
}
.information .form_field dd{
	width: 75%;
	padding: 10px;
	box-sizing: border-box;
	float: left;
}
.information .form_field dl.city input[type="text"] , .information .form_field dl.address input[type="text"] , .information .form_field dl.room_no input[type="text"] , .information .form_field dl.email input[type="email"] ,.information .form_field dl.email input[type="password"]{
	width: 90%;
}
.information .form_field dl.date input[type="number"] , .information .form_field dl.time input[type="number"]{
	width: 80px;
}
.information .form_field dl.date input[type="number"].year{
	width: 100px;
}
#event_form input[type="text"],.information input[type="text"].w100{
	width: 100%;
}
.information .form_field .button_field , .information .button a{
	display: block;
	width: 100%;
	margin: 6% auto;
}
.information .form_field .button_field > div{
	width: 30%;
	margin: 0 10%;
	float: left;
}
.information .form_field .button_field > div.sngle_button{
	margin: 10% 35%;
	float: none;
}
.information .form_field .button_field > div button{
	width: 100%;
	text-align: center;
}
.information .form_field .button_field > div input{
	width: 100%;
	text-align: center;
}
.information .button input{
	display: block;
	width: 24%;
	margin: 6% auto 8%;
	padding: 5px;
	text-align: center;
	box-sizing: border-box;
}

.information .button a button{
	display: block;
	width: 30%;
	margin: 0 auto 15%;
	float: none;
}








/*ボタン*/
.information .form_field .button_field_2{
	width: 30%;
	margin: 5% 10% 5%;
}
.information .form_field .btn_1{
	float: right;
}
.information .form_field .btn_2{
	float: left;
}
.information .form_field .button_field_2 button{
	width: 100%;
	text-align: center;
}


/*----------------------------
(calendar)送信成功
---------------------------*/
.result{
	width: 100%;
	text-align: center;
}
.result a{
	width: 100%;
	color: #232323;
}
.result a:hover{
	color: #232323;
}
.result h2{
	width: 100%;
	padding: 3% 0 2%;
	font-size: 40px;
}
.result p{
	width: 100%;
	margin: 1% auto;
}
.result p strong{
	font-size: 40px;
}
.result button{
	margin: 3% auto;
	padding: 5px;
}


/*----------------------------
ブログ記事部分
---------------------------*/
.topics_area{
	max-width: 1280px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: start;
	-ms-flex-align: start;
	align-items: start;
	background: none;
	margin: 30px auto 60px;
	padding: 0;
}
.topics_area .topics_title{
	color: #993366;
	font-size: 200%;
}
.topics_area .topics_date{
	margin-bottom: 40px;
}
.topics_area .topics_body li{
	margin: 2% auto;
	padding: 2%;
	border: 1px solid #cb4b94;
	box-sizing: border-box;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}
.topics_area .topics_body li .topics_summary img{
	display: block;
	width: 50% !important;
}
.topics_area .topics_body li blockquote{
	margin: 0;
	padding: 0;
	position: relative;
	border: none;
}
.topics_area .other , .topics_area .page_select{
	margin: 10px auto 0;
	text-align: center;
}
.topics_area .to_upside{
	margin: 30px auto 0;
	text-align: right;
}

@media screen and (max-width: 850px){
	.topics_area .topics_body li .topics_summary img{
		width: 80% !important;
	}
}
font{
	font-family: "Sawarabi Mincho", 游明朝, ヒラギノ明朝, MS明朝 !important;
}




@media screen and (max-width: 1280px){
	/*-----------------------------
	共通部　※1280px以下
	-----------------------------*/


	/*----------------------------
	calendar
	---------------------------*/
	.calendar{
		width: 100%;
	}



	/*----------------------------
	.information
	---------------------------*/
	.information{
		width: 100%;
	}
	.information > .description{
		width: 96%;
		margin: 0 auto;
	}

}



@media screen and (max-width: 850px){
	/*-----------------------------
	共通部　※850px以下
	-----------------------------*/
	.pc{
		display: none;
	}



	/*----------------------------
	共通項目
	---------------------------*/


	/*----------------------------
	パンくずリスト
	---------------------------*/
	.breadcrumbs{
		display: none
	}


	/*----------------------------
	(calendar)login
	---------------------------*/
	.login h2{
		font-size: 170%;
	}
	.login button{
		padding: 1%;
	}


	/*----------------------------
	calendar
	---------------------------*/
	.calendar > h2{
		font-size: calc( 1.7rem + (3 - 1.7) * ((100vw - 20rem) / (48 - 20)));
	}
	.calendar h3{
		font-size: calc( 1.7rem + (3 - 1.7) * ((100vw - 20rem) / (48 - 20)));
	}
	.calendar table.calendar td > div.adj{
		min-height: 40px;
	}
	.calendar table.calendar button{
		display: none;
	}
	.calendar table.calendar button.sp{
		display: block;
		text-align: center;
	}
	#calendar_member p{
		font-size: 12px;
		padding:0 10px;
		box-sizing: border-box;
	}
	#calendar_member p.sp{
		display: block;
		width: 100%;
	}
	#calendar_member span.sp,#calendar_member br.sp{
		display: inline;
	}


	/*----------------------------
	.information
	---------------------------*/
	.information{
		margin-top: 26%;
	}

	.information > h2{
		font-size: calc( 1.7rem + (3 - 1.7) * ((100vw - 20rem) / (48 - 20)));
	}
	.information > .description{
		padding-left: 0;
		border-bottom: solid 2px #000000;
	}
	.information .form_field dt{
		width: 100%;
		margin: 5% auto 0;
		padding: 0 1%;
		float: none;
	}
	.information .form_field dd{
		width: 100%;
		padding: 1% 2%;
		float: none;
	}
	.information .form_field dl.city input[type="text"] , .information .form_field dl.address input[type="text"] , .information .form_field dl.room_no input[type="text"] , .information .form_field dl.email input[type="email"] , .information .form_field dl.email input[type="password"]{
		width: 100%;
	}
	.information .form_field dl.date input[type="number"]{
		width: 22%;
	}
	.information .form_field dl.date input[type="number"].year{
		width: 22%;
	}
	.information .form_field dl.trigger .sp{
		display: inline;
	}
	.information .form_field .button_field{
		margin: 10% auto;
	}
	.information .form_field .button_field > div{
		width: 30%;
		margin: 0 10%;
		float: left;
	}
	.information .form_field .button_field > div input{
		width: 100%;
		text-align: center;
	}

	/*----------------------------
	(calendar)送信成功
	---------------------------*/
	.result h2{
		font-size: calc( 1.7rem + (3 - 1.7) * ((100vw - 20rem) / (48 - 20)));
		padding: 8% 0 8%;
	}
	.result p{
		margin: 2% auto;
	}
	.result p strong{
		font-size: calc( 1.7rem + (3 - 1.7) * ((100vw - 20rem) / (48 - 20)));
	}
	.result button{
		font-size: calc( 1.175rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20)));
		padding: 1%;
		margin: 8% auto 16%;
	}

}


/*----------------------------
メッセージ
---------------------------*/
.bgcolor {
	background: #f5f3ee;
	padding: 2em;
	border-radius: 5px;
}

.msg-wrap{
	width: 100%;
	margin: 0 auto;
}

.msg-image {
	float: left;
	clear: left;
	padding: 0 20px 20px 0;
	width:300px;
}

@media screen and (max-width: 768px){
	.msg-image {
		float: none;
		clear: both;
		padding: 0 0 20px 0;
		width: 100%;
	}
}

/*----------------------------
カレンダー
---------------------------*/
@media screen and (max-width: 568px){
	#calendar .fc-toolbar{
		flex-direction: column;
	}
	#calendar .fc-toolbar-chunk{
		padding:5px 0px;
	}
	#calendar .fc .fc-list-table td, .fc .fc-list-day-cushion{
		font-size:14px;
	}
	#calendar .fc .fc-col-header-cell-cushion {
		font-size:14px;
	}
	#calendar .fc .fc-list-table{
		font-size:14px;
	}
}