@charset "utf-8";
.sp-show {
	display: none;
}
/* CSS Document */

body.is-fixed {
  overflow: hidden;
}
h3 , h4{
	padding: 0;
	margin: 0;
}
#main-content {
	background-image: url(../image/bg-m.png);
	background-repeat: repeat-y;
	background-position: center center;
	background-size: 100% auto;
	background-color: #d9e367;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5%;
}
#main-content .headerWrap {
	background-image: url(../image/bg-t.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-color: #d9e367;
	padding-top: 5%;
}
#main-content .headerWrap .title {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
#main-content .headerWrap p {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 85%;
}
#main-content .headerWrap .saiji-date {
	font-size: 1.5em;
	line-height: 1.5em;
}
#main-content .headerWrap .saiji-date strong {
	font-size: 1.5em;
	line-height: 1.5em;
}
#main-content .headerWrap .saiji-come {
	font-size: 0.8em;
	line-height: 1.2em;
	margin-top: 2%;
}
#main-content .content  {
	margin-left: auto;
	margin-right: auto;
	width: 85%;
	margin-top: 2%;
}
#main-content .content .scheduleWrap {
	text-align: center;
}
button {
	background-color: #0573BF;
	padding: 5px;
	color: #ffffff;
	text-align: center;
	border: none;
	width: 19%;
	border-radius: 20px;
	font-size: 1em;
	margin-bottom: 4px;
}

/* ボタンの初期状態 */
button {
  /* 💡ポイント：0.3秒かけて滑らかに変化させる */
  transition: opacity 0.3s ease;
}

/* マウスが乗ったとき（ホバー時） */
button:hover {
  /* 💡ポイント：不透明度を70%にする */
  opacity: 0.7;
  
  /* マウスの形を「指マーク」にする */
  cursor: pointer;
}
.scheduleWrap .date-buttons .reserve-btn.yoyaku-link {
	background-color: #e73278;
}

.date-buttons button.active {
	background:#333;
	color:#fff;
}
.receptionBtn {
	width: 40%;
	margin-top: 10px;
}
#yoyaku {
	display:block;
}
#yoyaku .innerBox .eventBox.web {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	background-color: #FFFABA;
	border-radius: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	margin-top: 10px;
}
#taiken .web  {
	padding: 20px;
	background-color: #FFFABA;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#taiken .web .title  {
	width: 65%;
	margin-bottom: 8px;
}
#yoyaku .innerBox .eventBox.tel {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
#yoyaku .innerBox .tel-yoyaku {
	margin-left: auto;
	margin-right: auto;
	background-color: #EA3983;
	text-align: center;
	padding: 5px;
	color: #FFFFFF;
	margin-top: 10px;
}
section   {
	background-color: #FFFFFF;
	margin-top: 5%;
}
#taiken .innerBox .tel-yoyaku {
	margin-left: auto;
	margin-right: auto;
	background-color: #EA3983;
	text-align: center;
	padding: 5px;
	color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 0px;
}
.innerBox  {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding-top: 15px;
	padding-bottom: 15px;
}
#yoyaku .innerBox {
	padding: 0;
	width: 100%;
	box-shadow: inset 0 0 0 5px #EA3983;
}
.eventBox + .eventBox {
	border-top: 1px dashed #0A7EC6;
	margin-top: 20px;
	padding-top: 20px;
}
.eventBox {
	overflow: hidden;
	padding-top: 2%;
	padding-bottom: 2%;
}
.eventDate {
	background-color: #0A7EC6;
	padding-top: 5px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 5px;
	display: inline-block;
	border-radius: 20px;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 3%;
}
.ttl  {
	font-size: 1.5em;
	font-weight: bold;
	width: 100%;
}
.eventTime {
	font-size: 1em;
	margin-top: 10pt;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	line-height: 1.3em;
}
.eventTxt {
	font-size: 1em;
	line-height: 1.3em;
	margin-top: 10px;
}
.fontdown {
	font-size: 80%;
}
.prDate {
	font-size: 1.2em;
}
#yoyaku .title {
	width: 60%;
}
#yoyaku .ttl {
	color: #EA3983;
}
#taiken .title   {
	color: #EC5C99;
	width: 50%;
}
#taiken .ttl   {
	color: #EC5C99;
}
#workshop .title {
	width: 56.7%;
}
#workshop .ttl {
	color: #F08301;
}
#event .title {
	width: 40.9%;
}
#event .ttl {
	color: #20C0D4;
}
#pr .ttl {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
#yoyaku figure {
	width: 40%;
	padding: 0;
	float: right;
	margin-left: 10px;
	margin-right: auto;
}
#taiken figure {
	width: 40%;
	float: right;
	margin-left: 10px;
	margin-right: auto;
}
#workshop figure {
	width: 40%;
	float: right;
	margin-left: 10px;
	margin-right: auto;
}
#event figure {
	width: 40%;
	float: right;
	margin-left: 10px;
	margin-right: auto;
}
#main-content .content .bottom {
	margin-top: 22px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0;
	text-align: center;
}
.content .bottom .etcImg1  {
	display: inline-block;
	width: 59%;
	font-size: 0px;
}
.content .bottom .etcImg2  {
	display: inline-block;
	width: 40%;
	font-size: 0px;
}

.pagetop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: none;
	background: #333;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	z-index: 999;
}
#main-content .headerWrap p {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 90%;
}

.pagetop.is-show {
	opacity: 1;
	visibility: visible;
}

.pagetop:hover {
	opacity: .7;
}


@media screen and (max-width: 480px){
	.pc-show {
	display: none;
}
	.sp-show {
	display: block;
}
#main-content {
	background-image: url(../image/bg-m.png);
	background-repeat: repeat-y;
	background-position: center center;
	background-size: 100% auto;
	background-color: #d9e367;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5%;
}
#main-content .headerWrap {
	background-image: url(../image/bg-t.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #d9e367;
	padding-top: 5%;
	background-size: 100% auto;
}
#main-content .headerWrap .title {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-bottom: 0px;
}
#main-content .headerWrap .saiji-date {
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 0px;
}
#main-content .headerWrap .saiji-date strong {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-top: 15px;
}
#main-content .content  {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	margin-top: 10px;
}
.scheduleWrap .date-buttons button {
	background-color: #0573BF;
	padding: 5px;
	color: #ffffff;
	text-align: center;
	border: none;
	width: 49%;
	border-radius: 20px;
	font-size: 0.9em;
	margin-bottom: 4px;
}
	
.receptionBtn {
	width: 80%;
}
#yoyaku .innerBox .eventBox.web {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	background-color: #FFFABA;
	border-radius: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 85%;
}
#taiken .web  {
	padding: 10px;
	background-color: #FFFABA;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#taiken .web .title  {
	width: 100%;
}
#yoyaku .innerBox .eventBox.tel {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-left: 5px;
	margin-right: auto;
}
#yoyaku .innerBox .tel-yoyaku {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	background-color: #EA3983;
	text-align: center;
	padding: 5px;
	color: #FFFFFF;
	font-size: 0.8em;
	margin-top: 10px;
}
#taiken .innerBox .tel-yoyaku {
	margin-left: auto;
	margin-right: auto;
	background-color: #EA3983;
	text-align: center;
	padding: 5px;
	color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 0.8em;
}
.eventBox {
	overflow: hidden;
	padding-top: 3%;
	padding-bottom: 3%;
}
.eventDate {
	background-color: #0A7EC6;
	padding-top: 5px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 5px;
	display: inline-block;
	border-radius: 20px;
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
}
.ttl  {
	font-size: 1.3em;
	font-weight: bold;
	width: 100%;
}
#yoyaku .title {
	width: 95%;
}
#taiken .title   {
	color: #EC5C99;
	width: 70%;
}
#workshop .title {
	width: 76.7%;
}
#event .title {
	width: 60.9%;
}
#pr .ttl {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#yoyaku figure {
	width: 100%;
	margin-top: 10px;
}
#taiken figure {
	width: 100%;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	float: none;
}
#workshop figure {
	width: 100%;
	float: right;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
}
#event figure {
	width: 100%;
	float: right;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
}
#pr figure {
	width: 100%;
	float: right;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
}
#main-content .content .bottom {
	margin-top: 22px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0;
	text-align: center;
}
.content .bottom .etcImg1  {
	width: 100%;
	font-size: 0px;
}
.content .bottom .etcImg2  {
	width: 80%;
	font-size: 0px;
	margin-left: auto;
	margin-right: auto;
}
	.pagetop {
	position: fixed;
	right: 20px;
	bottom: 80px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: none;
	background: #333;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	z-index: 999;
}
}