@charset "utf-8";
/* CSS Document */

/* 少林寺 */

/* 基本設定 */
p{
	margin:0;
	}

ul{
	margin:0;
	}

a{
	text-decoration:none;
	color:#030303;
	cursor:pointer;
	}

	/* PC */

	@media (min-width: 769px) {
	.anchor{
		padding-top:90px;
		margin-top:-90px;
		}
	}

	/* スマホ */

	@media (max-width: 768px) {
	.anchor{
		padding-top:65px;
		margin-top:-65px;
		}
	}

h{
	display:none;
	}

.bold{
	font-weight:bold;
	}

.hosoku{
	margin:0 auto;
	font-size:0.7em;
	}

.marker{
	display: inline;
	background:linear-gradient(transparent 40%, rgba(245, 190, 60,.6) 40%);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.spacer{
	height:1em;
	}

.scroll{
	margin:0 auto;
	max-width:20px;
	min-height:80px;
	background-image:url(../img/scroll1.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	animation:scroll 2s step-end infinite;
	}

.yuji-syuku-regular {
	font-family: "Yuji Syuku", serif;
	font-weight: 400;
	font-style: normal;
	}

@font-face {
	font-family: "uzura";
	src: url("../font/uzura.woff") format("woff"),
	url("../font/uzura.eot") format("eot");
}

	/* PC */

	@media (min-width: 769px) {

	body{
		margin:0;
		padding:0;
		color:#fff;
		background-color:rgba(255,250,235,1);
		background-image:url(../img/bg2.png);
		font-family: 'Varela Round', sans-serif;
		font-size:24px;
		}

	.pc-none{
		display:none;
		}
	
	}

	/* スマホ */

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

	body{
		margin:0;
		padding:0;
		color:#fff;
		background-color:rgba(255,250,235,1);
		background-image:url(../img/bg2.png);
		font-family: 'Varela Round', sans-serif;
		font-size:17px;
		}

	.sp-none{
		display:none;
		}

	}

	/* スマホ小 */

	@media (max-width:416px){

	body{
		margin:0;
		padding:0;
		color:#fff;
		background-color:rgba(255,250,235,1);
		background-image:url(../img/bg2.png);
		font-family: 'Varela Round', sans-serif;
		font-size:15px;
		}

	.sp-none{
		display:none;
		}

	}

/* 見出し */

h1{
	display:none;
	}

h2{
	display:none;
	}

h3{
	display:none;
	}

h4{
	display:none;
	}

h5{
	display:none;
	}

/* ナビ */

	/*開閉用ボタン（ハンバーガーボタン）*/
		
	.menu-btn {
		position: fixed;
		top: .05rem;
		right: 0;
		margin:0;
		width: 2em;
		height: 2em;
		cursor: pointer;
		z-index: 9999;
		transition: all .3s ease-in-out;
		}

	.menu-btn-line {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		height: 2px;
		width: 40%;
		background: #fff;
		transition: all .3s ease-in-out;
	}

	.menu-btn-line::before,
	.menu-btn-line::after {
		content: "";
		height: 2px;
		width: 100%;
		background: #fff;
		position: absolute;
		right: 0;
		transition: inherit;
		}

	.menu-btn-line::before{
		top: -0.3em;
		}

	.menu-btn-line::after{
		top: .3em;
		}

	.menu-name{
		position: absolute;
		top:2.6em;
		bottom: 0;
		left:-0.2em;
		right: 0;
		font-size:.6em;
		}


	/* 開閉用ボタンがクリックされた時のスタイル */

	/* PC */

	@media (min-width: 769px) {

	.open .menu {
		transition: all .6s ease-in-out;
		top:80px;
		width:100%;
		height:100%;
		opacity:1;
		}
	.open .menu.on {
		transition: all .6s ease-in-out;
		top:40px;
		width:100%;
		height:100%;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		opacity:1;
		}
	.open .menu-btn {
		border-color: #000;
		}
	.open .menu-btn-line{
		background-color: transparent;
		}
	.open .menu-btn-line::before,
	.open .menu-btn-line::after {
		top: 0;
		}
	.open .menu-btn-line::before {
		transform: rotate(45deg);
		}
	.open .menu-btn-line::after {
		transform: rotate(-45deg);
		}
	}

	/* スマホ */

	@media (max-width: 768px) {

	.open .menu {
		transition: all .6s ease-in-out;
		top:50px;
		width:100%;
		height:100%;
		opacity:1;
		}
	.open .menu.on {
		transition: all .6s ease-in-out;
		top:35px;
		width:100%;
		height:100%;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		opacity:1;
		}
	.open .menu-btn {
		border-color: #000;
		}
	.open .menu-btn-line{
		background-color: transparent;
		}
	.open .menu-btn-line::before,
	.open .menu-btn-line::after {
		top: 0;
		}
	.open .menu-btn-line::before {
		transform: rotate(45deg);
		}
	.open .menu-btn-line::after {
		transform: rotate(-45deg);
		}
	}

	/*開いたメニュー*/

	/* PC */
  
	@media (min-width: 769px) {
	.menu {
		margin:0 auto;
		position: fixed;
		top:-3.8em;
		left:0px;
		right:0px;
		width: 100%;
		height: auto;
		transition: all 0.5s ease-in-out;
		z-index: 9997;
	}
	.menu.on {
		top:calc(-3.8em - 40px);
		transition: all 0.5s ease-in-out 0.2s;
	}
	.menu_list ul {
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		list-style-type: none;
		padding-left:0;
		}

	.menu_list li {
		display: inline-block;
		margin-top:-1em;
		margin-left:-2em;
		list-style-type: none;
		padding:0px 1.5em .3em 1.5em;
		font-family:uzura;
		}

	.menu_list li a {
		color: #fff;
		text-decoration: none;
		background:linear-gradient(transparent 40%, rgba(245, 190, 60,.8) 40%);
		background-repeat: no-repeat;
		background-size: 0% 100%;
		transition:background-size 0s;
		}

	.menu_list li a:hover{
		background-size: 100% 100%;
		transition:background-size .5s;
		}
	}

	/* スマホ */
  
	@media (max-width: 768px) {
	.menu {
		margin:0 auto;
		position: fixed;
		top:-11em;
		left:0px;
		right:0px;
		width: 100%;
		height: auto;
		transition: all 0.5s ease-in-out;
		z-index: 9997;
	}
	.menu.on {
		top:calc(-11em - 15px);
		transition: all 0.5s ease-in-out 0.2s;
	}
	.menu_list ul {
		margin-bottom:1.5em;
		list-style-type: none;
		padding-left: 0;
		box-sizing:border-box;
		}

	.menu_list li {
		display:box;
		box-align: center;  
		line-height:200%;
		list-style-type: none;
		margin-left:-2em; 
		font-family:uzura;
		box-sizing:border-box;
		}

	.menu_list li a {
		display:block;
		color: #fff;
		text-decoration: none;
		}
	}

/* トップバー */

	/* PC */
  
	@media (min-width: 769px) {

	.top-bar{
		position:fixed;
		margin:0 auto;
		width:100%;
		height:100px;
		text-align: center;
		background-image:url(../img/craft-top.png);
		box-sizing:border-box;
		z-index:9999;
		transition: all 0.5s ease-in-out 0.2s;
		}

	.top-bar.on{
		height:60px;
		transition: all 0.5s ease-in-out;
		}

	.top-bar_end{
		position:fixed;
		top:100px;
		width:100%;
		min-height:17px;
		background-image:url(../img/craft-top_end.png);
		background-repeat:repeat-x;
		margin:0;
		box-sizing:border-box;
		transition: all 0.5s ease-in-out 0.2s;
		z-index:9999;
		}

	.top-bar_end.on{
		top:60px;
		transition: all 0.5s ease-in-out;
		}

	.top-bar2{
		margin:0 auto;
		width:100%;
		height:calc(3.8em + 72px);
		text-align: center;
		padding-top:62px;
		background-image:url(../img/craft-top2.png);
		box-sizing:border-box;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		z-index:9997;
		}

	.top-bar2_end{
		top:110px;
		width:100%;
		height:60px;
		background-image:url(../img/craft-top2_end.png);
		background-repeat:repeat-x;
		margin:0;
		box-sizing:border-box;
		z-index:9997;
		}

	}

	/* スマホ */

	@media (max-width: 768px) {

	.top-bar{
		position:fixed;
		width:100%;
		height:55px;
		background-image:url(../img/craft-top.png);
		text-align: center;
		box-sizing:border-box;
		transition: all 0.5s ease-in-out 0.2s;
		z-index:9999;
		}

	.top-bar.on{
		height:40px;
		transition: all 0.5s ease-in-out;
		}

	.top-bar_end{
		position:fixed;
		top:55px;
		width:100%;
		height:12px;
		background-image:url(../img/craft-top_ends.png);
		background-repeat:repeat-x;
		margin:0;
		box-sizing:border-box;
		transition: all 0.5s ease-in-out 0.2s;
		z-index:9999;
		}

	.top-bar_end.on{
		top:40px;
		transition: all 0.5s ease-in-out;
		}

	.top-bar2{
		margin:0 auto;
		width:100%;
		padding-top:20px;
		height:calc(11em + 65px);
		text-align: center;
		background-image:url(../img/craft-top2.png);
		box-sizing:border-box;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		z-index:9997;
		}

	.top-bar2_end{
		top:65px;
		width:100%;
		height:12px;
		background-image:url(../img/craft-top2_ends.png);
		background-repeat:repeat-x;
		margin:0;
		box-sizing:border-box;
		z-index:9997;
		}
	}

/* トップイメージ */

.activity_title,.about_title,.album_title,.mailform{
	margin:0 auto;
	width:100%;
	max-width:1000px;
	height:auto;
	aspect-ratio:8/5;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	animation: page-title ease-in 1.5s forwards;
	opacity:0;
	}

.activity_title{
	background-image:url(../img/activity-title.png);
	}

.about_title{
	background-image:url(../img/about-title.png);
	}

.album_title{
	background-image:url(../img/album-title.png);
	}

.mailform_title{
	background-image:url(../img/mailform-title.png);
	}
	
@keyframes page-title{
	100%{opacity:1}
	}

.activity_image,.about_image,.album_image,.mailform{
	margin:0 auto;
	width:100%;
	max-width:1000px;
	height:auto;
	aspect-ratio:8/5;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	}

.activity_image{
	background-image:url(../img/activity-image.png);
	}

.about_image{
	background-image:url(../img/about-image.png);
	}

.album_image{
	background-image:url(../img/album-image.png);
	}

.mailform_image{
	background-image:url(../img/mailform-image.png);
	}

	/* PC */

	@media (min-width: 769px) {

	.top_back{
		top:0px;
		width:100%;
		background-image:url(../img/craft.png);
		padding:140px 10px 10px 10px;
		box-sizing:border-box;
		}

	.top_end{
		width:100%;
		min-height:17px;
		background-image:url(../img/craft_end.png);
		box-sizing:border-box;
		}

	.top_image{
		margin:0 auto;
		width:100%;
		max-width:1200px;
		height:auto;
		aspect-ratio:4/3;
		background-repeat: no-repeat;
		background-position: center;
		background-size:cover;
	 	animation: topimg ease-in 4s forwards;
		box-sizing:border-box;
		}

	@keyframes topimg{
		0%{opacity:0;}
		20%{
		opacity:.3;
		background-image:url(../img/top-image01.png);
		}
		30%{
		opacity:.4;
		}
		40%{
		opacity:.5;
		background-image:url(../img/top-image01.png),url(../img/top-image02.png);
		}
		50%{
		opacity:.6
		}
		60%{
		opacity:.7;
		background-image:url(../img/top-image01.png),url(../img/top-image02.png),url(../img/top-image03.png);
		}
		70%{
		opacity:.8;
		}
		80%{
		opacity:.9;
		background-image:url(../img/top-image01.png),url(../img/top-image02.png),url(../img/top-image03.png),url(../img/top-image04.png);
		}
		100%{
		opacity:1;
		background-image:url(../img/top-image01.png),url(../img/top-image02.png),url(../img/top-image03.png),url(../img/top-image04.png);
		}
		}

	.top_image1 , .top_image2 , .top_image3 , .top_image4{
		margin:0 auto;
		width:100%;
		max-width:1200px;
		height:auto;
		aspect-ratio:4/3;
		background-repeat: no-repeat;
		background-position: center;
		background-size:cover;
		box-sizing:border-box;
		}

	.top_image1{
	 	animation: topimg1 ease-in 1.5s forwards;
		}

	@keyframes topimg1{
		0%{
		opacity:0;
		background-image:url(../img/top-image01.png);}
		50%{opacity:.3;}
		100%{
		opacity:1;
		background-image:url(../img/top-image01.png);
		}
		}

	.top_image2{
	 	animation: topimg2 ease-in 2s .7s forwards;
		}

	@keyframes topimg2{
		0%{
		opacity:0;
		background-image:url(../img/top-image02.png);}
		50%{opacity:.3;}
		100%{
		opacity:1;
		background-image:url(../img/top-image02.png);
		}
		}

	.top_image3{
	 	animation: topimg3 ease-in 2s 1.4s forwards;
		}

	@keyframes topimg3{
		0%{
		opacity:0;
		background-image:url(../img/top-image03.png);}
		50%{opacity:.3;}
		100%{
		opacity:1;
		background-image:url(../img/top-image03.png);
		}
		}

	.top_image4{
	 	animation: topimg4 ease-in 2s 2.1s forwards;
		}

	@keyframes topimg4{
		0%{
		opacity:0;
		background-image:url(../img/top-image04.png);}
		50%{opacity:.3;}
		100%{
		opacity:1;
		background-image:url(../img/top-image04.png);
		}
		}

	}

	/* スマホ */

	@media (max-width: 768px) {

	.top_back{
		top:0px;
		background-image:url(../img/craft.png);
		padding:85px 10px 10px 10px;
		box-sizing:border-box;
		}

	.top_end{
		min-height:12px;
		background-image:url(../img/craft_end.png);
		background-size:contain;
		background-repeat:repeat-x;
		box-sizing:border-box;
	}

	.top_image1 , .top_image2 , .top_image3 , .top_image4{
		margin:0 auto;
		width:100%;
		height:auto;
		aspect-ratio:3/4;
		background-repeat: no-repeat;
		background-position: center;
		background-size:cover;
		box-sizing:border-box;
		}

	.top_image1{
	 	animation: topimg1 ease-in 1.5s forwards;
		}

	@keyframes topimg1{
		0%{
		opacity:0;
		background-image:url(../img/top-image01s.png);}
		50%{opacity:.3;}
		100%{
		opacity:1;
		background-image:url(../img/top-image01s.png);
		}
		}

	.top_image2{
	 	animation: topimg2 ease-in 2s .7s forwards;
		}

	@keyframes topimg2{
		0%{
		opacity:0;
		background-image:url(../img/top-image02s.png);}
		50%{opacity:.3;}
		100%{
		opacity:1;
		background-image:url(../img/top-image02s.png);
		}
		}

	.top_image3{
	 	animation: topimg3 ease-in 2s 1.4s forwards;
		}

	@keyframes topimg3{
		0%{
		opacity:0;
		background-image:url(../img/top-image03s.png);}
		50%{opacity:.3;}
		100%{
		opacity:1;
		background-image:url(../img/top-image03s.png);
		}
		}

	.top_image4{
	 	animation: topimg4 ease-in 2s 2.1s forwards;
		}

	@keyframes topimg4{
		0%{
		opacity:0;
		background-image:url(../img/top-image04s.png);}
		50%{opacity:.3;}
		100%{
		opacity:1;
		background-image:url(../img/top-image04s.png);
		}
		}

	}

/* フッター */

.foot_flex{
	margin:0 auto;
	padding:20px;
	width:95%;
	max-width:1000px;
	background-color:rgba(255,255,255,.8);
	border-right:rgba(0,0,0,.2);
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
	box-sizing:border-box;
	}

.info_first{
	margin:0 auto;
	margin-top:20px;
	width:95%;
	max-width:1000px;
	background-image:url(../img/info_first.png);
	min-height:6px;
	box-sizing:border-box;
	}

.info_end{
	margin:0 auto;
	width:95%;
	max-width:1000px;
	background-image:url(../img/info_end.png);
	min-height:6px;
	box-sizing:border-box;
	}

.copy{
	margin:0 auto;
	width:100%;
	height:auto;
	font-size:.7em;
	color: #fff;	
	text-align:right;
	background-image:/*url(../img/foot-logo.png),*/url(../img/craft-top.png);
	background-position:/*1em,*/center;
	background-repeat:/*no-repeat,*/repeat;
	background-size:auto 100%;
	padding:.6em 1em .5em 1em;
	box-shadow:inset 0px 1px rgba(255,240,200,.6);
	box-sizing:border-box;
	}

@media (min-width:769px){

	.foot_back{
		width:100%;
		height:auto;
		background-image:url(../img/craft.png);
		padding:10px;
		margin-top:0px;
		box-sizing:border-box;
		}

	.foot_first{
		width:100%;
		min-height:16px;
		margin-bottom:0px;
		background-image:url(../img/craft_end2.png);
		box-sizing:border-box;
		}

	.info{
		display:block;
		margin-bottom:10px;
		width:350px;
		height:auto;
		padding:10px;
		font-size:.8em;
		color:#303030;
		word-wrap: break-word;
		box-sizing:border-box;
		}

	.map{
		border-top:solid 1px rgba(255,255,255,1);
		border-left:solid 1px rgba(255,255,255,1);
		border-right:solid 1px rgba(0,0,0,.2);
		border-bottom:solid 1px rgba(0,0,0,.3);
		width:600px;
		height:400px;
		box-sizing:border-box;
		}

}


@media (max-width:768px){

	.foot_back{
		background-image:url(../img/craft.png);
		padding:10px;
		height:auto;
		width:100%;
		box-sizing:border-box;
		}

	.foot_first{
		width:100%;
		min-height:12px;
		background-image:url(../img/craft_end2.png);
		background-size:contain;
		background-repeat:repeat-x;
		box-sizing:border-box;
	}

	.info{
		display:block;
		margin-bottom:10px;
		width:100%;
		height:auto;
		padding:5px;
		font-size:.9em;
		color:#303030;
		box-sizing:border-box;
		}

	.map{
		border-top:solid 1px rgba(255,255,255,1);
		border-left:solid 1px rgba(255,255,255,1);
		border-right:solid 1px rgba(0,0,0,.2);
		border-bottom:solid 1px rgba(0,0,0,.3);
		width:100%;
		height:300px;
		box-sizing:border-box;
		}

}

/* 床掃除（仕切り線） */

.sweep1 , .sweep2{
	margin:0 auto;
	margin-top:3em;
	margin-bottom:3em;
	width:100%;
	max-width:920px;
	height:auto;
	aspect-ratio:16/3;
	background-repeat: no-repeat;
	background-size:cover;
	box-sizing:border-box;
	}

.sweep1{
	background-image:url(../img/sweep1-1s.png);
 	animation: sweep-girl 4s step-end infinite;
	}

@keyframes sweep-girl{
	0%{
	background-image:url(../img/sweep1-1s.png)}
	13%{
	background-image:url(../img/sweep1-2s.png)}
	26%{
	background-image:url(../img/sweep1-3s.png)}
	39%{
	background-image:url(../img/sweep1-4s.png)}
	52%{
	background-image:url(../img/sweep1-5s.png)}
	65%{
	background-image:url(../img/sweep1-6s.png)}
	78%{
	background-image:url(../img/sweep1-7s.png)}
	91%{
	background-image:url(../img/sweep1-8s.png)}
	}

.sweep2{
	background-image:url(../img/sweep2-1s.png);
 	animation: sweep-boy 4s step-end infinite;
	}

@keyframes sweep-boy{
	0%{
	background-image:url(../img/sweep2-1s.png)}
	13%{
	background-image:url(../img/sweep2-2s.png)}
	26%{
	background-image:url(../img/sweep2-3s.png)}
	39%{
	background-image:url(../img/sweep2-4s.png)}
	52%{
	background-image:url(../img/sweep2-5s.png)}
	65%{
	background-image:url(../img/sweep2-6s.png)}
	78%{
	background-image:url(../img/sweep2-7s.png)}
	91%{
	background-image:url(../img/sweep2-8s.png)}
	}

/* メッセージカード */

.catchcopy{
	width:100%;
	opacity:0;
	filter:blur(5em);
	transition-delay:3.5s;
	transition-duration:1.5s;
	}

.catchcopy.on{
	opacity:1;
	filter:blur(0);
	width:100%;
	}

@keyframes round{
	0%{
	transform:rotate(0turn);}
	5%{
	transform:rotate(0.05turn);}
	10%{
	transform:rotate(0.1turn);}
	15%{
	transform:rotate(0.15turn);}
	20%{
	transform:rotate(0.2turn);}
	25%{
	transform:rotate(0.25turn);}
	30%{
	transform:rotate(0.3turn);}
	35%{
	transform:rotate(0.35turn);}
	40%{
	transform:rotate(0.4turn);}
	45%{
	transform:rotate(0.45turn);}
	50%{
	transform:rotate(0.5turn);}
	55%{
	transform:rotate(0.55turn);}
	60%{
	transform:rotate(0.6turn);}
	65%{
	transform:rotate(0.65turn);}
	70%{
	transform:rotate(0.7turn);}
	75%{
	transform:rotate(0.75turn);}
	80%{
	transform:rotate(0.8turn);}
	85%{
	transform:rotate(0.85turn);}
	90%{
	transform:rotate(0.9turn);}
	95%{
	transform:rotate(0.95turn);}
	100%{
	transform:rotate(1turn);}
	}

@keyframes round2{
	0%{
	transform:rotate(0turn);}
	100%{
	transform:rotate(1turn);}
	}

@keyframes scroll{
	0%{
	background-image:url(../img/scroll1.png);
	}
	33%{
	background-image:url(../img/scroll2.png);
	}
	66%{
	background-image:url(../img/scroll3.png);
	}
	}

	/* PC */                                 

	@media (min-width: 769px) {

	.card{
		position: relative;
		margin:0 auto;
		aspect-ratio:20/9;
		width:80%;
		max-width:800px;
		height:auto;
		transform:rotate(-1deg);
		}

	.card::after{
		position: absolute;
		content:""; 
		margin:0 auto;
		top:1px;
		right:1px;
		left:1px;
		bottom:1px;
		background-image:url(../img/4u-gray.png);
		background-repeat: no-repeat;
		background-position:top 5px right 48%;
		border-radius:30px;
		border:dashed 3px rgba(0,0,0,.2);
		}

	.message , .message4adlt{
		position:relative;
		margin:0 auto;
		aspect-ratio:20/9;
		width:100%;
		max-width:800px;
		height:auto;
		padding:25px;
		background-color:rgba(255,255,252,1);
		background-repeat: no-repeat;
		background-size:50%;
		background-position: right 5% bottom 20%;
		border-bottom:solid 1px rgba(0,0,0,.3);
		border-left:solid 1px rgba(0,0,0,.1);
		border-radius:30px;
		box-sizing:border-box;
		opacity:0;
		transition: all .9s ease-out .1s;
		transform:scale(1.2, .2) skew(-50deg, 30deg) translate(20%,160%);
		z-index:1;
		}

	.message{
		background-image:url(../img/message1.png);
	 	animation: action 2s step-end infinite;
		}
		
	.message4adlt{
		background-image:url(../img/incho.png);
		}

	.message.on , .message4adlt.on{
		transform:scale(1,1) translate(0%,0%);
		opacity:1;
		}

	.message::after , .message4adlt::after{
		position: absolute;
		content: '';
		border:solid 5px rgba(235, 168, 52,.6);
		border-radius:20px;
		background-image:url(../img/4u.png);
		background-repeat: no-repeat;
		background-position:top 5px right 48%;
		top: 10px;
		bottom: 10px;
		left: 10px;
		right: 10px;
		}

	.message-text , .message-text4adlt , .message-text4send{
		position: relative;
		aspect-ratio:1/1;
		width:auto;
		height:100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border-radius:50%;
		background-color:rgba(235, 168, 52,1);
		background-position:center center;
		background-size:85%;
		background-repeat:no-repeat;
		padding:20px;
		color:#fff;
		box-shadow:1px 1px rgba(0, 0, 0,.2);
		}

	.message-text{
		background-image:url(../img/message.png);
		}

	.message-text4adlt{
		background-image:url(../img/message4adlt.png);
		}

	.message-text4send{
		background-image:url(../img/message4send.png);
		}

	.message-text::after ,.message-text4adlt::after , .message-text4send::after{
		position: absolute;
		content: '';
		border:dotted 16px #fff;
		border-radius:50%;
		top: 10px;
		bottom: 10px;
		left: 10px;
		right: 10px;
		}

	.message-text::after{
		border:dotted 16px #fff;
	 	animation:  13.33s round ease-out infinite;
		}

	.message-text4adlt::after , .message-text4send::after{
		border:dotted 12px #fff;
	 	animation:  20s round2 linear infinite;
		}

	@keyframes action{
		0%{
		background-image:url(../img/message1.png)}
		33%{
		background-image:url(../img/message2.png)}
		66%{
		background-image:url(../img/message3.png)}
		}
	}

	/* スマホ */

	@media (max-width: 768px) {

	.card{
		position: relative;
		margin:0 auto;
		width:80%;
		max-width:360px;
		height:auto;
		transform:rotate(-2deg);
		}

	.card::after{
		position: absolute;
		content:""; 
		margin:0 auto;
		top:1px;
		right:1px;
		left:1px;
		bottom:1px;
		background-image:url(../img/4u-gray.png);
		background-repeat: no-repeat;
		background-position:top 5px right 48%;
		border-radius:30px;
		border:dashed 3px rgba(0,0,0,.2);
		}

	.message , .message4adlt{
		position:relative;
		margin:0 auto;
		height:auto;
		padding:25px;
		background-color:rgba(255,255,252,1);
		border-radius:30px;
		border-bottom:solid 1px rgba(0,0,0,.3);
		border-left:solid 1px rgba(0,0,0,.1);
		box-sizing:border-box;
		opacity:0;
		transition: all .8s ease-out;
		transform:scale(1.2, .4) skew(-40deg, 20deg) translate(80%,120%);
		z-index:1;
		}

	.message.on , .message4adlt.on{
		transform:scale(1,1) translate(0%,0%);
		opacity:1;
		}

	.message::after , .message4adlt::after{
		position: absolute;
		content: '';
		border:solid 5px rgba(235, 168, 52,.6);
		border-radius:20px;
		background-image:url(../img/4u.png);
		background-repeat: no-repeat;
		background-position:top 5px center;
		background-size:50%;
		top: 10px;
		bottom: 10px;
		left: 10px;
		right: 10px;
		}

	.message-anime{
		margin:0 auto;
		width:80%;
		height:auto;
		aspect-ratio:7/6;
		background-image:url(../img/message1.png);
		background-repeat: no-repeat;
		background-position: bottom,center;
		background-size:100%;
	 	animation: action 2s step-end infinite;
		}

	.message-incho{
		margin:0 auto;
		bottom:0;
		margin-bottom:-25px;
		width:100%;
		height:auto;
		aspect-ratio:9/7;
		background-image:url(../img/incho.png);
		background-repeat: no-repeat;
		background-position: bottom,center;
		background-size:80%;
		}
		
	.message-text , .message-text4adlt , .message-text4send{
		position: relative;
		aspect-ratio:1/1;
		width:auto;
		height:auto;
		display: flex;
		margin-top:20px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border-radius:50%;
		background-color:rgba(235, 168, 52,1);
		background-position:center center;
		background-size:85%;
		background-repeat:no-repeat;
		padding:20px;
		color:#fff;
		box-shadow:1px 1px rgba(0,0,0,.2);
		}

	.message-text{
		background-image:url(../img/message.png);
		}

	.message-text4adlt{
		background-image:url(../img/message4adlt.png);
		}

	.message-text4send{
		background-image:url(../img/message4send.png);
		}

	.message-text::after , .message-text4adlt::after , .message-text4send::after{
		position: absolute;
		content: '';
		border-radius:50%;
		content: "";
		top: 10px;
		bottom: 10px;
		left: 10px;
		right: 10px;
		}

	.message-text::after{
		border:dotted 12px #fff;
	 	animation:  13.33s round ease-out infinite;
		}

	.message-text4adlt::after , .message-text4send::after{
		border:dotted 8px #fff;
	 	animation:  20s round2 linear infinite;
		}


	@keyframes action{
		0%{
		background-image:url(../img/message1.png);}
		33%{
		background-image:url(../img/message2.png);}
		66%{
		background-image:url(../img/message3.png);}
		}
	}

/* 活動 */

.k_zone{
	margin:0 auto;
	width:100%;
	max-width:1200px;
	height:auto;
	padding:20px 20px 20px 20px;
	background-color:rgba(255,255,255,.6);
	background-image:url(../img/craft-shima.png);
	background-repeat: repeat;
	background-position: bottom,center;
	border-bottom:solid 1px rgba(0,0,0,.1);
	border-right:solid 1px rgba(0,0,0,.1);
	box-sizing:border-box;
	}

.s_zone{
	margin:0 auto;
	width:100%;
	max-width:1200px;
	height:auto;
	padding:20px 0px 20px 0px;
	background-color:rgba(255,255,255,.6);
	background-image:url(../img/craft.png);
	background-repeat: repeat;
	background-position: bottom,center;
	border-bottom:solid 1px rgba(0,0,0,.1);
	border-right:solid 1px rgba(0,0,0,.1);
	box-sizing:border-box;
	}

.k-title1-1{
	background-color:#e64d43;
	transition-delay:0s;
	transition-duration:.5s;
	}

.k-title1-2{
	background-color:#4980de;
	transition-delay:.5s;
	transition-duration:.5s;
	}

.k-title1-3{
	background-color:#edc147;
	transition-delay:1s;
	transition-duration:.6s;
	}

.k-title1-4{
	background-color:#6bc95d;
	transition-delay:1.5s;
	transition-duration:.5s;
	}

.k-title1-5{
	background-color:#8e5ae8;
	transition-delay:2s;
	transition-duration:.5s;
	}

.k-title1-6{
	background-color:#e64d43;
	transition-delay:0s;
	transition-duration:.5s;
	}

.k-title1-7{
	background-color:#4980de;
	transition-delay:.5s;
	transition-duration:.5s;
	}

.k-title1-8{
	background-color:#edc147;
	transition-delay:1s;
	transition-duration:.6s;
	}

.k-title2-1{
	background-color:#5ee063;
	transition-delay:0s;
	transition-duration:.5s;
	}

.k-title2-2{
	background-color:#45ccde;
	transition-delay:.5s;
	transition-duration:.5s;
	}

.k-title2-3{
	background-color:#eb8e42;
	transition-delay:1s;
	transition-duration:.6s;
	}

.k-title2-4{
	background-color:#e86db3;
	transition-delay:1.5s;
	transition-duration:.5s;
	}

.k-title3-1{
	background-color:#7e63e0;
	transition-delay:0s;
	transition-duration:.5s;
	}

.k-title3-2{
	background-color:#56c765;
	transition-delay:.5s;
	transition-duration:.5s;
	}

.k-title3-3{
	background-color:#e36464;
	transition-delay:1s;
	transition-duration:.6s;
	}

.k-title3-4{
	background-color:#646ad1;
	transition-delay:1.5s;
	transition-duration:.5s;
	}

@keyframes photo1{
	0%{
	background-image:url(../img/slide1-1.jpg),url(../img/photoflame.png);}
	33%{
	background-image:url(../img/slide1-2.jpg),url(../img/photoflame.png);}
	66%{
	background-image:url(../img/slide1-3.jpg),url(../img/photoflame.png);}
	}
@keyframes photo2{
	0%{
	background-image:url(../img/slide2-1.jpg),url(../img/photoflame.png);}
	33%{
	background-image:url(../img/slide2-2.jpg),url(../img/photoflame.png);}
	66%{
	background-image:url(../img/slide2-3.jpg),url(../img/photoflame.png);}
	}
@keyframes photo3{
	0%{
	background-image:url(../img/slide3-1.jpg),url(../img/photoflame.png);}
	33%{
	background-image:url(../img/slide3-2.jpg),url(../img/photoflame.png);}
	66%{
	background-image:url(../img/slide3-3.jpg),url(../img/photoflame.png);}
	}

img.swing1{
	animation:swing1 4s step-end infinite;
	}

img.swing2{
	animation:swing2 4s step-end infinite;
	}

@keyframes swing1{
	10%{transform:rotate(5deg);}
	15%{transform:rotate(-5deg);}
	20%{transform:rotate(5deg);}
	25%{transform:rotate(-5deg);}
	30%{transform:rotate(0deg);}
	}

@keyframes swing2{
	60%{transform:rotate(5deg);}
	65%{transform:rotate(-5deg);}
	70%{transform:rotate(5deg);}
	75%{transform:rotate(-5deg);}
	80%{transform:rotate(0deg);}
	}

.craft_sticker{
	margin:0 auto;
	width:100%;
	max-width:15em;
	height:3em;
	line-height:310%;
	font-size:1em;
	text-align:center;
	background-image:url(../img/craft-top2.png);
	border-radius:1.5em;
	border-right:solid 1px rgba(0,0,0,.2);
	border-bottom:solid 1px rgba(0,0,0,.3);
	position:relative;
	box-sizing:border-box;
	}

.craft_sticker::after{
	display:block;
	content:'';
	position:absolute;
	border-radius:1.3em;
	border:solid 2px rgba(255,255,255,.6);
	top:3px;
	bottom:2px;
	right:3px;
	left:4px;
	}

.katsudo_link_banner{
	width:80%;
	max-width:300px;
	height:auto;
	padding:10px;
	}

.wednes{
	margin:0 auto;
	width:12.5em;
	height:3em;
	margin:1em 0em 1em .5em;
	padding:.5em .5em .5em 4em;
	border-radius:2em;
	line-height:150%;
	background-color:#fff;
	background-image:url(../img/wednes.png);
	background-position:left;
	background-repeat:no-repeat;
	background-size:contain;
	box-shadow:1px 1px rgba(0,0,0,.2);
	}

.satur{
	margin:0 auto;
	width:12.5em;
	height:3em;
	margin:1em 0em 1em .5em;
	padding:.5em .5em .5em 4em;
	border-radius:2em;
	line-height:150%;
	background-color:#fff;
	background-image:url(../img/satur.png);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:contain;
	box-shadow:1px 1px rgba(0,0,0,.2);
	}

.y_memo_flex{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	}

.yajirushi{
	width:100%;
	height:100%;
	animation: yajirushi ease-in-out 1s infinite;
	}

@keyframes yajirushi{
	0%{width:0%;}
	50%{width:100%;}
	100%{width:0%;}
	}

.sub-box{
	margin:0 auto;
	text-align: center;
	padding-bottom:1em;
	}

.link1 , .link2{
	max-width:50%;
	height:auto;
	}

	/* PC */

	@media (min-width: 769px) {	

	.k_zone2{
		margin:0 auto;
		margin-bottom:20px;
		width:92%;
		max-width:1100px;
		height:auto;
		padding:5px;
		border-radius:20px;
		background-image:url(../img/craft50.png);
		border-bottom:solid 1px rgba(0,0,0,.1);
		border-right:solid 1px rgba(0,0,0,.1);
		box-sizing:border-box;
		}

	.k_zone2inside{
		border-radius:15px;
		border:dashed 2px rgba(156, 132, 90, .6);
		}

	.k-title1-1 ,.k-title1-2 , .k-title1-3 , .k-title1-4 , .k-title1-5 , .k-title1-6 , .k-title1-7 , .k-title1-8 ,
	.k-title2-1 , .k-title2-2 , .k-title2-3 , .k-title2-4 ,
	.k-title3-1 , .k-title3-2 , .k-title3-3 , .k-title3-4{
		width:60px;
		height:60px;
		margin-right:20px;
		border-radius:20%;
		scale:1.2;
		opacity:0;
		}

	.k-title1-1.on , .k-title1-2.on , .k-title1-3.on , .k-title1-4.on , .k-title1-5.on , .k-title1-6.on , .k-title1-7.on , .k-title1-8.on ,
	.k-title2-1.on , .k-title2-2.on , .k-title2-3.on , .k-title2-4.on ,
	.k-title3-1.on , .k-title3-2.on , .k-title3-3.on , .k-title3-4.on{
		scale:1;
		opacity:1;
		border-radius:50%;
		box-shadow:1px 1px rgba(0,0,0,.2);
		}

	.k-title1-ss , .k-title1-sk{
		width:80px;
		height:40px;
		margin-top:5px;
		margin-left:-10px;                   
		background-size:contain;
		background-color:rgba(255,255,255,.1);
		background-repeat:no-repeat;
		background-position:center center;
		border-radius:10px;
		border:solid 3px rgba(230,60,30,1);
		transition-duration:.8s;
		scale:2;
		opacity:0;
		transform:rotate(10deg);
	}

	.k-title1-ss{
		background-image:url(../img/shousai.png);
		transition-delay:2.7s;
		}

	.k-title2-ss , .k-title3-ss{
		width:80px;
		height:40px;
		margin-top:5px;
		margin-left:-10px;
		background-color:rgba(255,255,255,.1);
		background-image:url(../img/shousai.png);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center center;
		border-radius:10px;
		border:solid 3px rgba(230,60,30,1);
		transition-delay:2.2s;
		transition-duration:.8s;
		scale:2;
		opacity:0;
		transform:rotate(10deg);
	}

	.k-title1-sk{
		background-image:url(../img/shoukai.png);
		transition-delay:1.7s;
		}

	.k-title1-ss.on , .k-title1-sk.on , .k-title2-ss.on , .k-title3-ss.on{
		scale:1;
		opacity:1;
		transform:rotate(20deg);
		}

	.k-title1-cmr , .k-title2-cmr , .k-title3-cmr{
		width:65px;
		height:65px;
		margin-left:5px;
		background-image:url(../img/camera.png);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center center;
		transition-duration:.8s;
		scale:2;
		opacity:0;
		transform:rotate(20deg);
		}

	.k-title1-cmr{
		transition-delay:2.7s;
		}

	.k-title2-cmr , .k-title3-cmr{
		transition-delay:2s;
		}

	.k-title1-cmr.on , .k-title2-cmr.on , .k-title3-cmr.on{
		scale:1;
		opacity:1;
		transform:rotate(0deg);
		}

	.katsudo_title{
		position:relative;
		display:flex;
		justify-content: center;
		margin:0 auto;
		margin-bottom:20px;
		width:100%;
		max-width:1200px;
		height:80px;
		padding:10px;
		background-image:url(../img/craft-top2.png);
		border-bottom:solid 1px rgba(0,0,0,.1);
		border-right:solid 1px rgba(0,0,0,.1);
		box-sizing:border-box;
	}

	.katsudo_title::before{
		position:absolute;
		content:'';
		top:3px;
		right:3px;
		bottom:3px;
		left:3px;
		border:dotted 3px rgba(255,255,255,.6);
	}

	.katsudo_flex{
		margin:0 auto;
		width:95%;
		height:auto;
		max-width:1000px;
		display: flex;
		flex-wrap:wrap;
		flex-direction: row;
		align-items: stretch;
		justify-content: space-evenly;
		box-sizing:border-box;
		margin-bottom:20px;
	}

	.tape{
		height:40px;
		transform:rotate(1deg);
		position:relative;
		top:30px;
		margin-top:-30px;
		z-index:999;
		}

	.yellow-memo{
		margin:0 auto;
		width:75%;
		min-width:450px;
		height:auto;
		padding:1.5em 1em 1em 1em;
		color:#303030;
		font-size:0.8em;
		background-color:#fff9cf;
		background-image:url(../img/memopad.png);
		border-right:solid 1px rgba(0,0,0,.2);
		border-bottom:solid 1px rgba(0,0,0,.3);
		margin-bottom:20px;
		box-sizing:border-box;
		}

	.memo{
		width:30%;
		height:auto;
		margin-left:20px;
		min-width:230px;
		box-sizing:border-box;
		}
		
	.katsudo{
		margin:0 auto;
		width:100%;
		aspect-ratio:3/4;
		height:auto;
		color:#303030;
		background-image:url(../img/ringnote1.png);
		background-repeat:repeat-x;
		background-position:0 0;
		padding-top:20px;
		}

	.katsudo_inside{
		width:100%;
		height:100%;
		max-height:340px;
		padding:12px 15px 20px 15px;
		line-height:160%;
		font-size:.8em;
		background-image:url(../img/ringnote2.png);
		background-repeat:repeat;
		background-position:0 0;
		border-bottom:solid 1px rgba(0,0,0,.3);
		box-sizing:border-box;
		}

	.katsudo_photo1 , .katsudo_photo2 , .katsudo_photo3{
		margin:0 auto;
		margin:10px;
		width:60%;
		max-width:600px;
		height:auto;
		aspect-ratio:24/17;
		transform:rotate(-2deg);
		background-size:94%,contain;
		background-position:center,center;
		background-repeat:no-repeat,no-repeat;
		box-sizing:border-box;
		}

	.katsudo_photo1{
		background-image:url(../img/slide1-1.jpg),url(../img/photoflame.png);
	 	animation: photo1 6s infinite;
		}

	.katsudo_photo2{
		background-image:url(../img/slide2-1.jpg),url(../img/photoflame.png);
	 	animation: photo2 6s infinite;
		}

	.katsudo_photo3{
		background-image:url(../img/slide3-1.jpg),url(../img/photoflame.png);
	 	animation: photo3 6s infinite;
		}

	.kansou{
		display:flex;
		justify-content: center;
		max-width:50%;
		min-width:380px;
		min-height:100%;
		padding:15px;
		border-radius:43px;
		box-sizing:border-box;
		}

	.kansou_left{
		display: flex;
		align-items: center;
		justify-content: center;
		width:30%;
		min-width:150px;
		padding:0px 10px 0px 5px;
		background-image:url(../img/shippo-pc.png);
		background-repeat:no-repeat;
		background-position:right center;
		box-sizing:border-box;
		}
		
	.kansou_right{
		display: flex;
		align-items: center;
		justify-content: center;
		width:70%;
		min-width:150px;
		height:auto;
		font-family:uzura;
		font-size:1em;
		background-color:rgba(255,255,252,1);
		color:#303030;
		border-radius:30px;
		padding:16px;
		border-left:solid 1px rgba(255,255,252,1);
		box-shadow:1px 1px rgba(0,0,0,.2);
		box-sizing:border-box;
		}

	.schedule_flex , .schedule_flex2{
		display:flex;
		margin:0 auto;
		width:95%;
		height:auto;
		max-width:1000px;
		border-radius:20px;
		box-shadow:1px 1px rgba(0,0,0,.2);
		overflow: hidden;
		box-sizing:border-box;
		}

	.schedule_flex2{
		flex-direction : row-reverse;
		}

	#ks1-1{
		background-image:url(../img/ks1-1.jpg);
		}

	#ks1-2{
		background-image:url(../img/ks1-2.jpg);
		}

	#ks1-3{
		background-image:url(../img/ks1-3.jpg);
		}

	#ks1-4{
		background-image:url(../img/ks1-4.jpg);
		}

	#ks1-5{
		background-image:url(../img/ks1-5.jpg);
		}

	#ks1-6{
		background-image:url(../img/ks1-6.jpg);
		}

	#ks1-7{
		background-image:url(../img/ks1-7.jpg);
		}

	#ks1-8{
		background-image:url(../img/ks1-8.jpg);
		}

	#ks2-1{
		background-image:url(../img/ks2-1.jpg);
		}

	#ks2-2{
		background-image:url(../img/ks2-2.jpg);
		}

	#ks3-1{
		background-image:url(../img/ks3-1.jpg);
		}

	#ks3-2{
		background-image:url(../img/ks3-2.jpg);
		}

	.schedule_left_l , .schedule_left_r{
		position:relative;
		aspect-ratio:5/4;
		width:50%;
		min-width:320px;
		min-height:100%;
		padding:.5em;
		font-size:1.2em;
		text-shadow:0px 0px 6px #000;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		box-sizing:border-box;
		}

	.schedule_left_l{
		text-align:left;
		}

	.schedule_left_r{
		text-align:right;
		}

	.min_r , .min_l{
		position:absolute;
		display: flex;
		justify-content:center;
		width:80px;
		height:80px;
		bottom:.2em;
		color:#eb2620;
		font-weight:bold;
		font-size:40px;
		line-height:190%;
		text-shadow:0px 0px 0px #fff;
		background-image:url(../img/min.png);
		background-position:center;
		background-size:contain;
		background-repeat:no-repeat;
		background-color:#fff;
		border-radius:50%;
		box-shadow:1px 1px rgba(0,0,0,.2);
		box-sizing:border-box;
	}

	.min_r{
		right:.2em;
		}

	.min-l{
		left:.2em;
		}

	.schedule_right{
		display:flex;
		vertical-align:middle;
		align-items:center;
		width:50%;
		height:auto;
		padding:1em;
		color:#303030;
		font-size:0.8em;
		background-color:#fff;
		line-height:140%;
		box-sizing:border-box;
		}
		
	.katsudo_link{
		display:block;
		text-align:center;
		padding:10px;
		width:100%;
		min-height:100%;
		box-sizing:border-box;
		}

	.yajirushi_box{
		margin:0 auto;
		text-align:center;
		margin-top:.5em;
		margin-bottom:.5em;
		width:60px;
		height:60px;
		}

	}

	/* スマホ */

	@media (max-width: 768px) {

	.k-title1-1 ,.k-title1-2 , .k-title1-3 , .k-title1-4 , .k-title1-5 , .k-title1-6 , .k-title1-7 , .k-title1-8 ,
	.k-title2-1 , .k-title2-2 , .k-title2-3 , .k-title2-4 ,
	.k-title3-1 , .k-title3-2 , .k-title3-3 , .k-title3-4{
		width:40px;
		height:40px;
		margin-right:5px;
		border-radius:20%;
		scale:1.2;
		opacity:0;
		}

	.k-title1-1.on , .k-title1-2.on , .k-title1-3.on , .k-title1-4.on , .k-title1-5.on , .k-title1-6.on , .k-title1-7.on , .k-title1-8.on ,
	.k-title2-1.on , .k-title2-2.on , .k-title2-3.on , .k-title2-4.on ,
	.k-title3-1.on , .k-title3-2.on , .k-title3-3.on , .k-title3-4.on{
		scale:1;
		opacity:1;
		border-radius:50%;
		box-shadow:1px 1px rgba(0,0,0,.2);
		}
		
	.k-title1-ss{
		background-image:url(../img/shousai.png);
		transition-delay:2.7s;
		}

	.k-title2-ss , .k-title3-ss{
		background-image:url(../img/shousai.png);
		transition-delay:2.2s;
	}

	.k-title1-sk{
		background-image:url(../img/shoukai.png);
		transition-delay:1.7s;
		}

	.k-title1-ss , .k-title1-sk , .k-title2-ss , .k-title3-ss{
		width:60px;
		height:30px;
		margin-left:-10px;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center center;
		border-radius:10px;
		border:solid 3px rgba(230,60,30,1);
		transition-duration:.8s;
		scale:2;
		opacity:0;
		transform:rotate(10deg);
	}

	.k-title1-ss.on , .k-title1-sk.on , .k-title2-ss.on , .k-title3-ss.on{
		scale:1;
		opacity:1;
		transform:rotate(20deg);
	}


	.k-title1-cmr , .k-title2-cmr , .k-title3-cmr{
		width:40px;
		height:40px;
		margin-left:5px;
		background-image:url(../img/camera.png);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center center;
		transition-duration:.8s;
		scale:2;
		opacity:0;
		transform:rotate(20deg);
		}

	.k-title1-cmr{
		transition-delay:2.7s;
		}

	.k-title2-cmr , .k-title3-cmr{
		transition-delay:2s;
		}

	.k-title1-cmr.on , .k-title2-cmr.on , .k-title3-cmr.on{
		scale:1;
		opacity:1;
		transform:rotate(0deg);
		}


	.katsudo_title{
		position:relative;
		display:flex;
		justify-content: center;
		margin:0 auto;
		margin-bottom:20px;
		width:100%;
		height:60px;
		padding:10px;
		background-image:url(../img/craft.png);
		border-bottom:solid 1px rgba(0,0,0,.1);
		border-right:solid 1px rgba(0,0,0,.1);
		box-sizing:border-box;
		}

	.katsudo_title::before{
		position:absolute;
		content:'';
		top:3px;
		right:3px;
		bottom:3px;
		left:3px;
		border:dotted 2px rgba(255,255,255,.6);
	}

	.katsudo_flex{
		margin:0 auto;
		width:95%;
		height:auto;
		max-width:1000px;
		box-sizing:border-box;
		}

	.tape{
		height:35px;
		transform:rotate(1deg);
		position:relative;
		top:25px;
		margin-top:-25px;
		z-index:999;
		}

	.yellow-memo{
		margin:0 auto;
		width:90%;
		max-width:600px;
		height:auto;
		padding:2em 1em 1em 1em;
		color:#303030;
		background-color:#fff9cf;
		background-image:url(../img/memopad.png);
		margin-bottom:20px;
		}

	.memo{
		margin:0 auto;
		width:90%;
		max-width:400px;
		height:auto;
		margin-bottom:20px;
		}
		
	.katsudo{
		margin:0 auto;
		width:100%;
		height:auto;
		color:#303030;
		background-image:url(../img/ringnote1.png);
		background-repeat:repeat-x;
		background-position:0 0;
		padding-top:20px;
		}

	.katsudo_inside{
		width:100%;
		height:100%;
		padding:15px 15px 20px 15px;
		line-height:180%;
		font-size:1em;
		background-image:url(../img/ringnote2.png);
		background-repeat:repeat;
		background-position:0 0;
		border-bottom:solid 1px rgba(0,0,0,.3);
		box-sizing:border-box;
		}

	.katsudo_photo1 , .katsudo_photo2 , .katsudo_photo3{
		margin:0 auto;
		margin-bottom:20px;
		width:100%;
		max-width:600px;
		height:auto;
		aspect-ratio:24/17;
		transform:rotate(-2deg);
		background-size:94%,contain;
		background-position:center,center;
		background-repeat:no-repeat,no-repeat;
		box-sizing:border-box;
		}

	.katsudo_photo1{
		background-image:url(../img/slide1-1.jpg),url(../img/photoflame.png);
	 	animation: photo1 6s infinite;
		}

	.katsudo_photo2{
		background-image:url(../img/slide2-1.jpg),url(../img/photoflame.png);
	 	animation: photo2 6s infinite;
		}

	.katsudo_photo3{
		background-image:url(../img/slide3-1.jpg),url(../img/photoflame.png);
	 	animation: photo3 6s infinite;
		}

	.kansou{
		margin:0 auto;
		display:flex;
		justify-content: center;
		max-width:70%;
		max-width:450px;
		min-height:100%;
		padding:15px;
		box-sizing:border-box;
		}

	.kansou_left{
		display: flex;
		align-items: center;
		justify-content: center;
		width:40%;
		margin-right:0px;
		padding:0px 10px 0px 0px;
		background-image:url(../img/shippo-pc.png);
		background-repeat:no-repeat;
		background-position:right center;
		box-sizing:border-box;
		}
		
	.kansou_right{
		display: flex;
		align-items: center;
		justify-content: center;
		width:60%;
		height:auto;
		font-family:uzura;
		font-size:1.1em;
		background-color:rgba(255,255,252,1);
		color:#303030;
		border-radius:30px;
		padding:16px;
		margin-left:-1px;
		box-shadow:1px 1px rgba(0,0,0,.2);
		box-sizing:border-box;
		}

	.schedule_flex , .schedule_flex2{
		margin:0 auto;
		width:95%;
		box-shadow:1px 1px rgba(0,0,0,.2);
		border-radius:10px;
		box-sizing:border-box;
		overflow:hidden;
		}

	#ks1-1{
		background-image:url(../img/ks1-1s.jpg);
		}

	#ks1-2{
		background-image:url(../img/ks1-2s.jpg);
		}

	#ks1-3{
		background-image:url(../img/ks1-3s.jpg);
		}

	#ks1-4{
		background-image:url(../img/ks1-4s.jpg);
		}

	#ks1-5{
		background-image:url(../img/ks1-5s.jpg);
		}

	#ks1-6{
		background-image:url(../img/ks1-6s.jpg);
		}

	#ks1-7{
		background-image:url(../img/ks1-7s.jpg);
		}

	#ks1-8{
		background-image:url(../img/ks1-8s.jpg);
		}

	#ks2-1{
		background-image:url(../img/ks2-1s.jpg);
		}

	#ks2-2{
		background-image:url(../img/ks2-2s.jpg);
		}

	#ks3-1{
		background-image:url(../img/ks3-1s.jpg);
		}

	#ks3-2{
		background-image:url(../img/ks3-2s.jpg);
		}

	.schedule_left_l , .schedule_left_r{
		position:relative;
		margin:0 auto;
		aspect-ratio:2/1;
		width:100%;
		height:auto;
		padding:.5em;
		text-align:left;
		font-size:1.3em;
		text-shadow:0px 0px 6px #000;
		background-size:cover;
		box-sizing:border-box;
		}

	.min_r , .min_l{
		position:absolute;
		display:flex;
		justify-content: center;
		width:60px;
		height:60px;
		bottom:.3em;
		right:.3em;
		color:#eb2620;
		font-weight:bold;
		font-size:30px;
		line-height:180%;
		item-align:center;
		text-shadow:0px 0px 0px #fff;
		background-image:url(../img/min.png);
		background-position:center;
		background-size:contain;
		background-repeat:no-repeat;
		background-color:#fff;
		border-radius:50%;
		box-shadow:1px 1px rgba(0,0,0,.2);
		box-sizing:border-box;
	}
 
	.schedule_right{
		margin:0 auto;
		width:100%;
		height:auto;
		padding:1em;
		color:#303030;
		font-size:0.9em;
		background-color:#fff;
		line-height:140%;
		box-sizing:border-box;
		}
		

	.katsudo_link{
		display:block;
		text-align:center;
		width:100%;
		min-height:100%;
		box-sizing:border-box;
		}

	.yajirushi_box{
		margin:0 auto;
		text-align:center;
		margin-top:.5em;
		margin-bottom:.5em;
		width:50px;
		height:50px;
		}

	}

	@media(max-width:416px){

	.katsudo_inside{
		width:100%;
		height:100%;
		padding:15px 15px 20px 15px;
		line-height:200%;
		font-size:1em;
		background-image:url(../img/ringnote2.png);
		background-repeat:repeat;
		background-position:0 0;
		border-bottom:solid 1px rgba(0,0,0,.3);
		box-sizing:border-box;
		}

	.yajirushi_box{
		margin:0 auto;
		text-align:center;
		margin-top:.5em;
		margin-bottom:.5em;
		width:40px;
		height:40px;
		}

	}

/* トレカ */


	/* カードカラー設定 */

	.tc_gold{
		background-image:url(../img/kira-gold.png);
		}

	.tc_silver{
		background-image:url(../img/kira-silver.png);
		}

	.tc_red{
		background-color:#f59c78;
		}

	.tc_blue{
		background-color:#7fc4f5;
		}

	.tc_yellow{
		background-color:#f3f578;
		}

	.tc_green{
		background-color:#c6edad;
		}

	.tc_sakura{
		background-color:#fad4db;
		}

	.tc_mono{
		background-color:#ccc;
		}



	#tc01{
		background-image:url(../img/tc01.jpg);
		}

	#tc02{
		background-image:url(../img/tc02.jpg);
		}

	#tc03{
		background-image:url(../img/tc03.jpg);
		}

	#tc04{
		background-image:url(../img/tc04.jpg);
		}

	#tc05{
		background-image:url(../img/tc05.jpg);
		}

	#tc06{
		background-image:url(../img/tc06.jpg);
		}

	#tc07{
		background-image:url(../img/tc07.jpg);
		}

	#tc08{
		background-image:url(../img/tc08.jpg);
		}

	#tc09{
		background-image:url(../img/tc09.jpg);
		}

	#tc10{
		background-image:url(../img/tc10.jpg);
		}

	#tc11{
		background-image:url(../img/tc11.jpg);
		}

	#tc12{
		background-image:url(../img/tc12.jpg);
		}

	#tc13{
		background-image:url(../img/tc13.jpg);
		}

	#tc14{
		background-image:url(../img/tc14.jpg);
		}

	#tc15{
		background-image:url(../img/tc15.jpg);
		}



	.visual_gold{
		border-left:solid 4px #d9b541;
		border-bottom:solid 4px #d9b541;
	}

	.visual_silver{	
		border-left:solid 4px #81868a;
		border-bottom:solid 4px #81868a;
	}

	.visual_red{	
		border-left:solid 4px #d1412e;
		border-bottom:solid 4px #d1412e;
	}

	.visual_blue{	
		border-left:solid 4px #5980cf;
		border-bottom:solid 4px #5980cf;
	}

	.visual_yellow{	
		border-left:solid 4px #e3a010;
		border-bottom:solid 4px #e3a010;
	}

	.visual_green{	
		border-left:solid 4px #709c5a;
		border-bottom:solid 4px #709c5a;
	}

	.visual_sakura{	
		border-left:solid 4px #f0759a;
		border-bottom:solid 4px #f0759a;
	}

	.visual_mono{	
		border-left:solid 4px #494949;
		border-bottom:solid 4px #494949;
	}



	.gold-circle{
		background-color:#d9b541;
	}

	.silver-circle{
		background-color:#81868a;
	}

	.red-circle{
		background-color:#d1412e;
	}
	.blue-circle{
		background-color:#5980cf;
	}

	.yellow-circle{
		background-color:#e3a010;
	}

	.green-circle{
		background-color:#709c5a;
	}
	.sakura-circle{
		background-color:#f0759a;
	}

	.mono-circle{
		background-color:#494949;
	}



	.name_gold{
		background-color:#fff582;
		border-top:solid 2px #d9b541;
		border-right:solid 2px #d9b541;
		border-bottom:solid 2px #d9b541;
		}

	.name_silver{
		background-color:#edf1f5;
		border-top:solid 2px #899cab;
		border-right:solid 2px #899cab;
		border-bottom:solid 2px #899cab;
		}

	.name_red{
		background-color:#ffc6a1;
		border-top:solid 2px #d1412e;
		border-right:solid 2px #d1412e;
		border-bottom:solid 2px #d1412e;
		}

	.name_blue{
		background-color:#ccddff;
		border-top:solid 2px #5980cf;
		border-right:solid 2px #5980cf;
		border-bottom:solid 2px #5980cf;
		}

	.name_yellow{
		background-color:#f6f7bc;
		border-top:solid 2px #e3a010;
		border-right:solid 2px #e3a010;
		border-bottom:solid 2px #e3a010;
		}

	.name_green{
		background-color:#f1ffdb;
		border-top:solid 2px #709c5a;
		border-right:solid 2px #709c5a;
		border-bottom:solid 2px #709c5a;
		}

	.name_sakura{
		background-color:#fff2fc;
		border-top:solid 2px #f0759a;
		border-right:solid 2px #f0759a;
		border-bottom:solid 2px #f0759a;
		}

	.name_mono{
		background-color:#f2f2f2;
		border-top:solid 2px #494949;
		border-right:solid 2px #494949;
		border-bottom:solid 2px #494949;
		}



	.zokusei_gold{
		background-color:#d9b541;
		}

	.zokusei_silver{
		background-color:#899cab;
		}

	.zokusei_red{
		background-color:#d1412e;
		}

	.zokusei_blue{
		background-color:#5980cf;
		}

	.zokusei_yellow{
		background-color:#e3a010;
		}

	.zokusei_green{
		background-color:#709c5a;
		}


	.zokusei_sakura{
		background-color:#f0759a;
		}

	.zokusei_mono{
		background-color:#494949;
		}



	/* PC */

	@media (min-width:769px){

	/* カード共通 */

	.tc_gold,
	.tc_silver,
	.tc_red,
	.tc_blue,
	.tc_yellow,
	.tc_green,
	.tc_sakura,
	.tc_mono{
		position:relative;
		margin:0 auto;
		aspect-ratio:63/88;
		width:30%;
		min-width:350px;
		max-width:380px;
		height:auto;
		border-radius:.6em;
		background-repeat:repeat;
		background-size:cover;
		background-position:top center;
		border-top:solid 1px #fff;
		border-left:solid 1px #fff;
		box-shadow:1px 1px 1px rgba(0,0,0,.3)
		}

	.visual_gold,
	.visual_silver,
	.visual_red,
	.visual_blue,
	.visual_yellow,
	.visual_green,
	.visual_sakura,
	.visual_mono{
		position:absolute;
		content:'';
		top:2em;
		bottom:45%;
		right:0px;
		left:1.2em;
		padding:.5em .5em .5em 1.2em;
		border-radius:0em 0em 0em 1em;
		background-size:cover;
		box-sizing:border-box;
	}

	.gold-circle,
	.silver-circle,
	.red-circle,
	.blue-circle,
	.yellow-circle,
	.green-circle,
	.sakura-circle,
	.mono-circle{
		width:6em;
		height:1.5em;
		border-radius:.75em;
		font-size:.9em;
		text-align:center;
		color:#fff;
		text-align:center;
		line-height:160%;
		margin-top:.5em;
		margin-bottom:.2em;
	}

	.name_gold,
	.name_silver,
	.name_red,
	.name_blue,
	.name_yellow,
	.name_green,
	.name_sakura,
	.name_mono{
		position:absolute;
		top:.5em;
		width:70%;
		height:1.5em;
		line-height:240%;
		font-size:.9em;
		font-weight:bold;
		color:#303030;
		padding-left:1.8em;
		text-shadow:1px 1px #fff,-1px 1px #fff,1px -1px #fff,-1px -1px #fff;
		border-radius:0px 1.4em 0em 0px;
		box-sizing:border-box;
		}

	.zokusei_gold,
	.zokusei_silver,
	.zokusei_red,
	.zokusei_blue,
	.zokusei_yellow,
	.zokusei_green,
	.zokusei_sakura,
	.zokusei_mono{
		position:absolute;
		top:1.5em;
		right:0px;
		width:100%;
		line-height:130%;
		font-size:.6em;
		font-weight:bold;
		font-style:italic;
		text-align:right;
		height:3em;
		padding-right:1.5em;
		padding-top:.2em;
		border-radius:0px 0px 0px 1.5em; 
		box-sizing:border-box;
		}

	.skill{
		position:absolute;
		bottom:1em;
		top:58%;
		right:1em;
		left:0em;
		font-size:.7em;
		color:#303030;
		line-height:120%;
		padding:0em 1em 0em 3em;
		background-color:rgba(255,255,255,.8);
		border-top:solid 2px #fff;
		border-right:solid 2px #fff;
		border-bottom:solid 2px #fff;
		border-radius: 0px  1em 1em 0px;
		}

	}

	/*　スマホ　*/

	@media (max-width:768px){
	
	.tc_gold,
	.tc_silver,
	.tc_red,
	.tc_blue,
	.tc_yellow,
	.tc_green,
	.tc_sakura,
	.tc_mono{
		position:relative;
		margin:0 auto;
		aspect-ratio:63/88;
		min-width:280px;
		max-width:360px;
		height:auto;
		border-radius:.8em;
		background-repeat:repeat;
		background-size:cover;
		background-position:top center;
		border-top:solid 1px #fff;
		border-left:solid 1px #fff;
		box-shadow:1px 1px 1px rgba(0,0,0,.3);
		}

	.visual_gold,
	.visual_silver,
	.visual_red,
	.visual_blue,
	.visual_yellow,
	.visual_green,
	.visual_sakura,
	.visual_mono{
		position:absolute;
		content:'';
		top:2.5em;
		bottom:45%;
		right:0em;
		left:1.2em;
		padding:.5em .5em .5em 1.2em;
		border-radius:0em 0em 0em 1em;
		background-size:cover;
		box-sizing:border-box;
		}

	.gold-circle,
	.silver-circle,
	.red-circle,
	.blue-circle,
	.yellow-circle,
	.green-circle,
	.sakura-circle,
	.mono-circle{
		width:6em;
		height:1.5em;
		border-radius:.75em;
		font-size:.8em;
		text-align:center;
		color:#fff;
		text-align:center;
		line-height:160%;
		margin-top:.5em;
		margin-bottom:.2em;
		}

	.name_gold,
	.name_silver,
	.name_red,
	.name_blue,
	.name_yellow,
	.name_green,
	.name_sakura,
	.name_mono{
		position:absolute;
		top:.5em;
		width:70%;
		height:1.5em;
		line-height:240%;
		font-size:1.2em;
		font-weight:bold;
		color:#303030;
		padding-left:1.5em;
		border-radius:0px 1.5em 0em 0px;
		text-shadow:1px 1px #fff,-1px 1px #fff,1px -1px #fff,-1px -1px #fff;
		box-sizing:border-box;
		}

	.zokusei_gold,
	.zokusei_silver,
	.zokusei_red,
	.zokusei_blue,
	.zokusei_yellow,
	.zokusei_green,
	.zokusei_sakura,
	.zokusei_mono{
		position:absolute;
		top:1.5em;
		right:0px;
		width:100%;
		line-height:130%;
		font-size:.8em;
		font-weight:bold;
		font-style:italic;
		text-align:right;
		height:3em;
		padding-right:1.5em;
		padding-top:.2em;
		border-radius:0px 0px 0px 1.5em; 
		box-sizing:border-box;
		}

	.skill{
		position:absolute;
		bottom:1em;
		top:58%;
		right:1em;
		left:0em;
		color:#303030;
		line-height:120%;
		padding:0em 1em 0em 3em;
		background-color:rgba(255,255,255,.8);
		border-top:solid 2px #fff;
		border-right:solid 2px #fff;
		border-bottom:solid 2px #fff;
		border-radius: 0px  1em 1em 0px;
		}

	}

/* 道院について */

table.kenshi{
	margin:0 auto;
	width:100%;
	max-width:500px;
	box-sizing:border-box;
	}

table.kenshi td{
	padding:.2em;
	vertical-align:top;
	border-bottom:solid 1px rgba(0,0,0,.1);
	}

table.enkaku{
	margin:0 auto;
	width:100%;
	max-width:600px;
	box-sizing:border-box;
	}

table.enkaku td{
	padding:.2em;
	vertical-align:top;
	}

table.enkaku th{
	font-weight:normal;
	padding:.2em;
	vertical-align:top;
	border-right:solid 1px rgba(0,0,0,.1);
	}

table.schedule{
	margin:0 auto;
	width:100%;
	max-width:500px;
	box-sizing:border-box;
	}

table.schedule th ,table.schedule td{
	padding:.2em;
	text-align:center;
	border-bottom:solid 1px rgba(0,0,0,.1);
	}

.embu{
	margin:0 auto;
	display:block;
	width:85%;
	max-width:720px;
	height:auto;
	}

.about_paper{
	margin:0 auto;
	width:100%;
	max-width:1200px;
	height:auto;
	padding-top:3em;
	padding-bottom:3em;
	background-color:#fff;
	border-bottom:solid 1px rgba(0,0,0,.3);
	border-right:solid 1px rgba(0,0,0,.2);
	color:#303030;
	font-family: 'Noto Serif JP', serif;
	box-sizing:border-box;
	}

.about_maintitle{
	margin:0 auto;
	display:block;
	width:90%;
	height:auto;
	line-height:150%;
	font-size:1.3em;
	color:#303030;
	text-align:center;
	border-bottom:double 3px #303030;
	}

	}

.about_flex{
	}

.column{
	margin:0 auto;
	width:85%;
	max-width:720px;
	}

	/* PC */

	@media (min-width:769px){

	.column{
		font-size:.8em;
		}

	.about_subtitle{
		margin:0 auto;
		display:block;
		height:auto;
		line-height:220%;
		font-size:1.1em;
		color:#303030;
		text-align:center;
		border-top:solid 1px #303030;
		border-bottom:solid 1px #303030;
		width:35%;
		}

	.about_flex{
		margin:0 auto;
		width:80%;
		max-width:800px;
		display: flex;
		flex-wrap:wrap;
		flex-direction: row;
		align-items: stretch;
		justify-content: space-evenly;
		box-sizing:border-box;
		}

	.goaisatsu{
		width:60%;
		height:auto;
		padding-right:1em;
		font-size:.8em;
		box-sizing:border-box;
		}

	.kinnei{
		width:40%;
		height:auto;
		}
	}

	/* タブレット */

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

	.about_flex{
		margin:0 auto;
		width:80%;
		max-width:800px;
		display: flex;
		flex-wrap:wrap;
		flex-direction: row;
		align-items: stretch;
		justify-content: space-evenly;
		box-sizing:border-box;
		}

	.about_subtitle{
		margin:0 auto;
		display:block;
		height:auto;
		line-height:220%;
		font-size:1.1em;
		color:#303030;
		text-align:center;
		border-top:solid 1px #303030;
		border-bottom:solid 1px #303030;
		width:35%;
		}

	.goaisatsu{
		width:60%;
		height:auto;
		font-size:1em;
		padding-right:1em;
		box-sizing:border-box;
		}

	.kinnei{
		width:40%;
		height:auto;
		}

	.column{
		font-size:1em;
		}

	}

	/* タブレット スマホ */

	@media (min-width:417px) and (max-width:600px){

	.column{
		font-size:1em;
		}

	.about_flex{
		margin:0 auto;
		width:80%;
		max-width:800px;
		display: flex;
		flex-wrap:wrap;
		flex-direction: row;
		align-items: stretch;
		justify-content: space-evenly;
		box-sizing:border-box;
		}

	.goaisatsu{
		width:100%;
		height:auto;
		font-size:1em;
		box-sizing:border-box;
		}

	.kinnei{
		width:100%;
		height:auto;
		max-width:360px;
		}

	.about_subtitle{
		margin:0 auto;
		height:auto;
		line-height:220%;
		font-size:1.1em;
		color:#303030;
		text-align:center;
		border-top:solid 1px #303030;
		border-bottom:solid 1px #303030;
		width:45%;
		}
	}

	/* スマホ小 */

	@media (max-width:416px){

	.about_flex{
		margin:0 auto;
		width:85%;
		display: flex;
		flex-wrap:wrap;
		flex-direction: row;
		align-items: stretch;
		justify-content: space-evenly;
		box-sizing:border-box;
		}

	.column{
		font-size:1em;
		}

	.goaisatsu{
		margin:0 auto;
		height:auto;
		font-size:1em;
		box-sizing:border-box;
		}

	.kinnei{
		margin:0 auto;
		height:auto;
		}

	.about_subtitle{
		margin:0 auto;
		height:auto;
		line-height:220%;
		font-size:1.1em;
		color:#303030;
		text-align:center;
		border-top:solid 1px #303030;
		border-bottom:solid 1px #303030;
		width:55%;
		}
	}

/* 募集中 */

.recruit_title{
	margin:0 auto;
	display:flex;
	justify-content:center;
	width:100%;
	margin-bottom:10px;
	box-sizing:border-box;
	}

.recruit_photo{
	margin:0 auto;
	display:block;
	width:100%;
	max-width:1000px;
	height:auto; 
	border-right:solid 1px rgba(0,0,0,.2);
	border-bottom:solid 1px rgba(0,0,0,.3);
	box-sizing:border-box;
	}

.note{
	display:block;
	margin:0 auto;
	width:100%;
	height:auto;
	max-width:1200px;
	box-sizing:border-box;
	}

.r-title1.on , .r-title2.on , .r-title3.on , .r-title4.on , .r-title5.on , .r-title6.on , .r-title7.on{
	transform: rotate(0deg);
	}

.r-title1{
	background-image:url(../img/rt1.png);
	background-color:#ef1a16;
	transition-delay:0s;
	}

.r-title2{
	background-image:url(../img/rt2.png);
	background-color:#f8b124;
	transition-delay:.3s;
	}

.r-title3{
	background-image:url(../img/rt3.png);
	background-color:#a7d243;
	transition-delay:.6s;
	}

.r-title4{
	background-image:url(../img/rt4.png);
	background-color:#0db8a1;
	transition-delay:.9s;
	}

.r-title5{
	background-image:url(../img/rt5.png);
	background-color:#417cc0;
	transition-delay:1.2s;
	}

.r-title6{
	background-image:url(../img/rt6.png);
	background-color:#7466ac;
	transition-delay:1.5s;
	}

.r-title7{
	background-image:url(../img/rt7.png);
	background-color:#e8749f;
	transition-delay:1.8s;
	}

	/* PC */

	@media (min-width: 769px) {
		
	.recruit{
		margin:0 auto;
		width:100%;
		height:auto;
		color:#303030;
		background-image:url(../img/ringnote1.png);
		background-repeat:repeat-x;
		background-position:0 0;
		padding-top:20px;
		box-sizing:border-box;
		}

	.recruit_inside{
		width:100%;
		height:auto;
		padding:12px 15px 20px 15px;
		line-height:155%;
		font-size:.8em;
		background-image:url(../img/ringnote2.png);
		background-repeat:repeat;
		background-position:0 0;
		border-bottom:solid 1px rgba(0,0,0,.3);
		box-sizing:border-box;
		}

	.recruit_text{
		padding:14px 0px 40px 0px;
		width:90%;
		max-width:800px;
		margin:0 auto;
		display:block;
		box-sizing:border-box;
	}

	.r-title1 , .r-title2 , .r-title3 , .r-title4 , .r-title5 , .r-title6 , .r-title7{
		display:block;
		aspect-ratio:1/1;
		width:60px;
		height:60px;
		margin:20px;
		box-sizing:border-box;
		box-shadow:1px 1px rgba(0,0,0,.2);
		transform: rotate(-45deg);
		background-size:contain;
		transition-duration:.5s;
		}

	}

	/* スマホ */

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

	.recruit{
		margin:0 auto;
		width:100%;
		height:auto;
		color:#303030;
		background-image:url(../img/ringnote1.png);
		background-repeat:repeat-x;
		background-position:0 0;
		padding-top:20px;
		box-sizing:border-box;
		}

	.recruit_inside{
		width:100%;
		height:auto;
		padding:24px 15px 20px 15px;
		line-height:180%;
		font-size:1em;
		background-image:url(../img/ringnote2.png);
		background-repeat:repeat;
		background-position:0 0;
		border-bottom:solid 1px rgba(0,0,0,.3);
		box-sizing:border-box;
		}

	.recruit_text{
		padding:14px 0px 40px 0px;
		width:90%;
		max-width:800px;
		margin:0 auto;
		display:block;
	}

	.r-title1 , .r-title2 , .r-title3 , .r-title4 , .r-title5 , .r-title6 , .r-title7{
		display:block;
		aspect-ratio:1/1;
		width:40px;
		height:40px;
		margin:8px;
		box-sizing:border-box;
		box-shadow:1px 1px rgba(0,0,0,.2);
		transform: rotate(-45deg);
		background-size:contain;
		transition-duration:.5s;
		}
	}

	/* スマホ小 */

	@media (max-width: 417px) {

	.recruit{
		margin:0 auto;
		width:100%;
		height:auto;
		color:#303030;
		background-image:url(../img/ringnote1.png);
		background-repeat:repeat-x;
		background-position:0 0;
		padding-top:20px;
		box-sizing:border-box;
		}

	.recruit_inside{
		width:100%;
		height:auto;
		padding:40px 15px 20px 15px;
		line-height:200%;
		font-size:1em;
		background-image:url(../img/ringnote2.png);
		background-repeat:repeat;
		background-position:0 0;
		border-bottom:solid 1px rgba(0,0,0,.3);
		box-sizing:border-box;
		}

	.recruit_text{
		padding:14px 0px 40px 0px;
		width:90%;
		max-width:800px;
		margin:0 auto;
		display:block;
		box-sizing:border-box;
	}

	.r-title1 , .r-title2 , .r-title3 , .r-title4 , .r-title5 , .r-title6 , .r-title7{
		display:block;
		aspect-ratio:1/1;
		width:30px;
		height:30px;
		margin:6px;
		box-sizing:border-box;
		box-shadow:1px 1px rgba(0,0,0,.2);
		transform: rotate(-45deg);
		background-size:contain;
		transition-duration:.5s;
		}
	}

/* リンク */

.link-banner{
	margin:10px 0px 10px 0px;
	padding:5px 0px 5px 10px;
	width:100%;
	line-height:200%;
	background: linear-gradient(to right,#83b84b 10%,#4ead56 40%,#2774b8 50%,#224fc9 99%);
	background-position: 80% 99%;
	background-size: 400% auto;
	transition: all 0.3s ease-out;
	box-sizing:border-box;
	}
.link-banner:hover{
	background-position: 1% 30%;
	}

.page-link{
	margin:0 auto;
	margin-top:2em;
	text-align: center;
	width:fit-content;
	padding:0px 2em 0px 2em;
	line-height:200%;
	color:#fff;
	border:solid 1px #fff;
	background: linear-gradient(to right,#fff 0%,#fff 50%,#000 51%,#000 100%);
	background-position: 80% 99%;
	background-size: 400% auto;
	transition: all 0.3s ease-out;
	box-sizing:border-box;
	}
.page-link:hover{
	color:#303030;
	background-position: 1% 30%;
	border:solid 1px #303030;
	}

.page-link2{
	margin:0 auto;
	margin-top:2em;
	text-align: center;
	width:fit-content;
	padding:0px 2em 0px 2em;
	line-height:200%;
	color:#303030;
	border:solid 1px #303030;
	background: linear-gradient(to right,#303030 0%,#303030 50%,#fff 51%,#fff 100%);
	background-position: 80% 99%;
	background-size: 400% auto;
	transition: all 0.3s ease-out;
	box-sizing:border-box;
	}
.page-link2:hover{
	color:#fff;
	background-position: 1% 30%;
	}
	



/* 講師陣カードのスライダー */

.arrow_box {
	margin:0 auto;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	max-width:50%;
	min-width:280px;
	font-size:.8em;
	height:auto;
	padding:5px 10px 5px 10px;
	border-top:solid 1px rgba(255,255,255,.5);
	border-left:solid 1px rgba(255,255,255,.5);
	border-right:solid 1px rgba(0,0,0,.2);
	border-bottom:solid 1px rgba(0,0,0,.2);
	background-image:url(../img/craft-top2.png);
	box-sizing:border-box;
}

.prev-arrow {
	display: block;
	width:30px;
	height:30px;
	margin-right:1em;
	background-image:url(../img/left.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	cursor: pointer;
}

.next-arrow {
	display: block;
	width:30px;
	height:30px;
	margin-left:1em;
	background-image:url(../img/right.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	cursor: pointer;
}

.slider-item{
	margin: 0 auto;
	width:100%;
	min-width:320px;
	max-width:1600px;
	height: auto;
	box-sizing:border-box;
}

.slide-flame_card{
	margin:0 auto;
	margin:1em;
	width:auto;
	height:auto;
	overflow:hidden;
}

/*メールフォーム*/

.return{
	width:90%;
	max-width:700px;
	margin:0 auto;
	background-color:rgba(255,255,255,.8);
	color:#303030;
	font-size:.8em;
	padding:1em;
	box-shadow:1px 1px rgba(0,0,0,.2);
	box-sizing:border-box;
	}

	/* PC */

	.pp{
		margin:0 auto;
		width:80%;
		height:auto;
		max-width:1000px;
		color:#303030;
		padding:17px 15px 20px 15px;
		line-height:156%;
		font-size:.8em;
		background-image:url(../img/ringnote2.png);
		background-position:0 0;
		box-shadow:1px 1px rgba(0,0,0,.3);
		box-sizing:border-box;
		}

	@media (min-width: 769px) {	

	.mf-title-1 ,.mf-title-2 , .mf-title-3 , .mf-title-4 , .mf-title-5 , .mf-title-6{
		width:60px;
		height:60px;
		margin-right:20px;
		border-radius:20%;
		scale:1.2;
		opacity:0;
		}

	.mf-title-1.on , .mf-title-2.on , .mf-title-3.on , .mf-title-4.on , .mf-title-5.on , .mf-title-6.on{
		scale:1;
		opacity:1;
		border-radius:50%;
		box-shadow:1px 1px rgba(0,0,0,.2);
		}

	}

	/* スマホ */
	@media (min-width:417px) and (max-width: 768px) {

	.pp{
		margin:0 auto;
		width:100%;
		height:auto;
		padding:16px 15px 20px 15px;
		line-height:176%;
		font-size:1em;
		background-image:url(../img/ringnote2.png);
		background-repeat:repeat;
		background-position:0 0;
		border-bottom:solid 1px rgba(0,0,0,.3);
		box-shadow:1px 1px rgba(0,0,0,.3);
		box-sizing:border-box;
		}
	}

	@media (max-width:416px) {

	.pp{
		margin:0 auto;
		width:100%;
		height:auto;
		padding:16px 15px 20px 15px;
		line-height:200%;
		font-size:1em;
		background-image:url(../img/ringnote2.png);
		background-repeat:repeat;
		background-position:0 0;
		border-bottom:solid 1px rgba(0,0,0,.3);
		box-shadow:1px 1px rgba(0,0,0,.3);
		box-sizing:border-box;
		}
	}

	@media (max-width: 768px) {

	.mf-title-1 ,.mf-title-2 , .mf-title-3 , .mf-title-4 , .mf-title-5 , .mf-title-6{
		width:40px;
		height:40px;
		margin-right:5px;
		border-radius:20%;
		scale:1.2;
		opacity:0;
		}

	.mf-title-1.on ,.mf-title-2.on , .mf-title-3.on , .mf-title-4.on , .mf-title-5.on , .mf-title-6.on{
		scale:1;
		opacity:1;
		border-radius:50%;
		box-shadow:1px 1px rgba(0,0,0,.2);
		}
	}

.mf-title-1{
	background-color:#e64d43;
	transition-delay:0s;
	transition-duration:.5s;
	}

.mf-title-2{
	background-color:#4980de;
	transition-delay:.5s;
	transition-duration:.5s;
	}

.mf-title-3{
	background-color:#edc147;
	transition-delay:1s;
	transition-duration:.6s;
	}

.mf-title-4{
	background-color:#6bc95d;
	transition-delay:1.5s;
	transition-duration:.5s;
	}

.mf-title-5{
	background-color:#8e5ae8;
	transition-delay:2s;
	transition-duration:.5s;
	}

.mf-title-6{
	background-color:#f58cd0;
	transition-delay:2.5s;
	transition-duration:.5s;
	}

table.formTable{
	margin:0 auto;
	margin-top:1em;
	margin-bottom:1em;
	width:90%;
	max-width:900px;
	border-collapse:separate;
	border-spacing:5px;
	box-sizing:border-box;
}

table.formTable td,table.formTable th{
	font-size:.8em;
	padding:.5em;
	margin-bottm:.5em
	box-sizing:border-box;
}

table.formTable th{
	width:30%;
	min-width:12em;
	font-weight:normal;
	background-image:url(../img/craft.png);
	color:#fff;
	text-align:left;
	box-shadow:1px 1px rgba(0,0,0,.2);
	box-sizing:border-box;
}

table.formTable td{
	color:#303030;
	min-width:70%;
}

textarea.mf{
	width:100%;
	height:8em;
	font-size:1em;
	line-height:150%;
	padding:.5em 1em .5em 1em;
	outline: none;
	border:0px;
	border-radius:1em;
	box-shadow:inset 1px 1px 2px rgba(0,0,0,.3);
	box-sizing:border-box;
	resize: none;
	}

input.mf , select.mf{
	width:100%;
	height:3em;
	font-size:1em;
	padding:.5em 1em .5em 1em;
	border:0px;
	border-radius:1em;
	outline: none;
	background:#fff;
	box-shadow:inset 1px 1px 2px rgba(0,0,0,.3);
	box-sizing:border-box;
	}

textarea.mf::placeholder , input.mf::placeholder{
	opacity:.3;
	}

input.button{
	height:2em;
	width:6em;
	font-size:.8em;
	color:#fff;
	text-align:center;
	background-image:url(../img/craft-top2.png);
	border-radius:1em;
	border:0px;
	box-shadow:1px 1px rgba(0,0,0,.3);
	box-sizing:border-box;
	}

input.button:hover{
	background-image:url(../img/craft.png);
	box-shadow:1px 1px rgba(0,0,0,.2);
	}

.hissu-jikou{
	width:auto;
	height:auto;
	padding:.5em;
	background:#fff;
	}

@media (max-width: 768px){
	table.formTable {
		margin:0 auto;
		width:95%;
		max-width:600px;
		margin-bottom:2em;
	}
	table.formTable th, table.formTable td {
		margin:0 auto;
		width:95%;
		display:block;
	}
	table.formTable th {
		margin-top:10px;
		border-bottom:0;
		text-align:left;
	}
}

/* ライトボックス */

.guide{
	max-width:100%;
	}

.image-box {
	width:910px;
	max-width: 90%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	justify-items: center;
	margin-top:1em;
	margin-bottom:1em;
}

	@media (min-width: 400px) {
	.image-box {
		grid-template-columns: repeat(3, 1fr);
		justify-items: center;
		}
	}

	@media (min-width: 550px) {
	.image-box {
		grid-template-columns: repeat(4, 1fr);
		justify-items: center;
		}
	}

	@media (min-width: 900px) {
	.image-box {
		grid-template-columns: repeat(5, 1fr);
		justify-items: center;
		}
	}

	@media (min-width: 1000px) {
    	.image-box {
		grid-template-columns: repeat(6, 1fr);
        	justify-items: center;
		}
	}

	@media (min-width: 1160px) {
    	.image-box {
		grid-template-columns: repeat(7, 1fr);
		justify-items: center;
    		}
	}

.thumbnail{
	width:70px;
	height:70px;
	object-fit: cover;
	border-radius:10%;
	box-shadow:1px 1px rgba(0,0,0,.2);
	margin:.2em;
	}

	@media (min-width: 340px) {.thumbnail{
		width:80px;
		height:80px;
		object-fit: cover;
		border-radius:10%;
		box-shadow:1px 1px rgba(0,0,0,.2);
		margin:.2em;
		}
	}

	@media (min-width: 410px) {.thumbnail{
		width:100px;
		height:100px;
		object-fit: cover;
		border-radius:10%;
		box-shadow:1px 1px rgba(0,0,0,.2);
		margin:.2em;
		}
	}

	@media (min-width: 769px) {.thumbnail{
		width:120px;
		height:120px;
		object-fit: cover;
		border-radius:10%;
		box-shadow:1px 1px rgba(0,0,0,.2);
		margin:.2em;
		}
	}

/* ページトップへ */

#pageTop {
	position: fixed;
	bottom: 2em;
	right: 0px;
	z-index:9996;
}
#pageTop a {
	display: block;
	font-size:12px;
	border-radius: 30px 0px 0px 30px;
	padding-top:6px;
	padding-left:6px;
	padding-right:6px;
	width: 40px;
	height: 30px;
	opacity:.8;
	background-image:url(../img/craft-top2.png);
	border-top:solid 1px rgba(255,255,255,.3);
	border-left:solid 1px rgba(255,255,255,.3);
	box-shadow:1px 2px 1px rgba(0,0,0,.3);
	color: #fff;
	font-weight: bold;
	text-decoration: bold;
	text-align: center;
	transition-duration: .3s;
}
#pageTop a:hover {
	transition-duration: .3s;
	text-decoration: none;
	opacity:1;

}