@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



/* ================================================================================

	レイアウト

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
		font-size: 1.1vw;
	}

	main.outer_wrap {
		position: relative;
		max-width: none;
		/* max-width: 1920px; 固定幅レイアウト時 */
		width: 100%;
		min-height: 50vh;
		display: block;
		margin: 0 auto;
	}

	.inner_wrap {
		position: relative;
	}


/* 雲 */
.kumo01{
	position: relative;
}
.kumo01 img {
	pointer-events: none;
	position: absolute;
	animation: wobbling_x 0.7s ease-in-out infinite alternate, wobbling_y 1.2s ease-in-out infinite alternate;
	z-index: 1;
	width: 40vw;
	top: 50%;
	left: 50%;
	transform: (-140%, -120%);
	-webkit-transform: translate(-140%, -120%);
	-ms-transform: (-140%, -120%);
}

.kumo02{
	position: relative;
}
.kumo02 img {
	pointer-events: none;
	position: absolute;
	animation: wobbling_x 0.7s ease-in-out infinite alternate, wobbling_y 1.2s ease-in-out infinite alternate;
	z-index: 1;
	width: 40vw;
	top: 50%;
	left: 50%;
	transform: translate(60%, -120%);
	-webkit-transform: translate(60%, -120%);
	-ms-transform: translate(60%, -120%);
}

.kumo03{
	position: relative;
}
.kumo03 > img {
	pointer-events: none;
	position: absolute;
	animation: wobbling_x 0.7s ease-in-out infinite alternate, wobbling_y 1.2s ease-in-out infinite alternate;
	z-index: 1;
	width: 40vw;
	top: 50%;
	left: 1%;
	transform: translate(-50%, -34%);
	-webkit-transform: translate(-50%, -34%);
	-ms-transform: translate(-50%, -34%);
}

.kumo04{
	position: relative;
}
.kumo04 img {
	pointer-events: none;
	position: absolute;
	animation: wobbling_x 0.7s ease-in-out infinite alternate, wobbling_y 1.2s ease-in-out infinite alternate;
	right: 50%;
	z-index: 1;
	width: 40vw;
	top: 50%;
	left: 95%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

}
@keyframes wobbling_x {
0% {
	margin-left: 8px;
}

100% {
	margin-left: 0px;
}
}

@keyframes wobbling_y {
0% {
	margin-top: 0px;
}

100% {
	margin-top: 8px;
}


}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		width: 100%;
	}

	.inner_wrap {
		position: relative;
	}
}





/* ================================================================================

	メイン動画

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.main_top {
		position: relative;
	}
	/* .main_top_in {
		position: relative;
	} */

	.vimeo {
		position: relative;
		padding: 0 0 49vw;
	}
	.main_logo{
		position: relative;
	}
	.main_logo img{
		position: absolute;
		content: "";
		width: 14vw;
		left: 50%;
		margin-left: -7.4vw;
		top: 14vw;
	}
	#sample{
		position: fixed;
		z-index: -10;
		margin-top: -20px;
	}
	/* #sample{
	z-index:1!important;
	} */

	button#volup{
	position:fixed!important;
	margin-right:5px;
	z-index:99999999;
	margin-top: 7vw;
	right:0;
	border: 0px;
	width: 30px;
	height: 30px;
	background: url(../img/volum.png) left top no-repeat;


	}
	button#mute{
	position:fixed!important;
	margin-right:5px;
	z-index:99999999;
	margin-top: 7vw;
	right:0;
	border: 0px;
	width: 30px;
	height: 30px;
	background: url(../img/mute.png) left top no-repeat;
	}

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.main_top {
		position: relative;
	}
	.main_top::before {
		position: absolute;
		content: "";
		display: inline-block;
		background: url(../img/main_logo.png) no-repeat center top / 100% auto;
		width: 50vw;
		height: 94vw;
		top: 31vw;
		left: 50%;
		margin-left: -24vw;
	}

	.vimeo {
		position: relative;
		height: 153vw;
	}
	.main_logo{
		display: none;
	}
	#sample{
		position: fixed;
		z-index: -10;
		margin-top: -150px;
	}
	#sample iframe{
		height: 290vw !important;
	}
	#volup {
		position: absolute;
		margin-right: 3vw;
		z-index: 10;
		margin-top: 16vw;
		right: 0;
		border: 0px;
		width: 30px;
		height: 30px;
		background: url(../img/volum.png) left top no-repeat;
	  }
	#mute {
		position: absolute;
		margin-right: 3vw;
		z-index: 10;
		margin-top: 16vw;
		right: 0;
		border: 0px;
		width: 30px;
		height: 30px;
		background: url(../img/mute.png) left top no-repeat;
	  }
}





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここからコンテンツ内容

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ================================================================================

	フェイスブック・新着

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row01{
		position: relative;
		background:#f6f5f1;
		padding: 158px 0 161px;
	}
	.row01::before{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		background: #3a4e1c;
		top: 15px;
	}
	.row01::after{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		background: #3a4e1c;
		bottom: 15px;
	}



	.f_box iframe{
		margin-left: 52px !important;
	  }


	/* ＝＝＝＝新着設定＝＝＝＝ */

	.row01 .post_wrap{
		width: 500px;
		height: 500px;
		background: rgba(255, 255, 255, 0.5);
		font-size: 16px;
		padding: 30px;
		color: #3a4e1c;
	}

	/* カテゴリー */
	.row01 .post_wrap .c_d{
		padding: 0 0 13px 0;
	}	
	.row01  .post_icon_box{
		padding-right: 15px;
		letter-spacing: 0.05em;
	}
	.row01 .post_wrap .blog_icon{
		background: #3a4e1c;
		color: #ffffff;
		padding: 2px 9px 3px 10px;
	}
	.row01 .post_wrap .cate_news_list{
		background: #ffffff !important;
		border: 1px solid #3a4e1c !important;
		padding: 1px 8px 2px 9px !important;
		color: #3a4e1c !important;
	}
	/* 日付 */
	.post_date{
		letter-spacing: 0.05em;
	}



	.row01 .post_wrap ul li{
		border-bottom:dashed 1px #3a4e1c;
		padding-bottom: 15px;
		margin-bottom: 16px;
	}	
	.row01 .post_wrap ul li a{
		color: #3a4e1c;
	}


	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	.row01{
		position: relative;
		background:#f6f5f1;
		padding: 19vw 4vw;
	}
	.row01::before{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		background: #3a4e1c;
		top: 1.5em;
		left: 0;
	}
	.row01::after{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		background: #3a4e1c;
		bottom: 1.5em;
		left: 0%;
	}

	.f_box{
		padding-bottom: 15vw;
	  }


		/* ＝＝＝＝新着設定＝＝＝＝ */

		.row01 .post_wrap{
			width: auto;
			height: 82vw;
			background: rgba(255, 255, 255, 0.5);
			padding: 7vw;
			color: #3a4e1c;
		}

		.row01 .post_wrap ul li{
			border-bottom:dashed 1px #3a4e1c;
			padding-bottom: 5vw;
			margin-bottom: 5.3vw;
		}	
		.row01 .post_wrap ul li a{
			color: #3a4e1c;
		}
	
		/* カテゴリー */
		.row01 .post_wrap .c_d{
			padding: 0 0 3vw 0;
		}	
		.row01  .post_icon_box{
			padding-right: 2vw;
			letter-spacing: 0.05em;
		}
		.row01 .post_wrap .blog_icon{
			background: #3a4e1c;
			color: #ffffff;
			padding: 1vw 2vw 1vw 2vw;
		}
		.row01 .post_wrap .cate_news_list{
			background: #ffffff !important;
			border: 1px solid #3a4e1c !important;
			padding: 1vw 2vw 1vw 2vw !important;
			color: #3a4e1c !important;
		}
		/* 日付 */
		.post_date{
			letter-spacing: 0.05em;
		}
	
}





/* ================================================================================

	ようこそ

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row02{
		position: relative;
		background: #f6f5f1;
	}

/* 縦文字設定 */

	.row02_text_box{
		background: url(../img/row02_bg.jpg)no-repeat center top / 100% auto;
		height: 54vw;
		color: #ffffff;
		padding: 9.1vw 0 0;
	}

	/* 全体の縦書き設定 */
	.row02_text{
		display: flex;
		justify-content: space-between;
		height: 38vw;
	}

	.row02_text li{
		text-align: center;
		overflow: hidden;
		flex: 1;
		margin: 10px;
	}
	.row02_text span{
		text-align: left;
		text-orientation: upright; /* すべて縦方向に表示 */
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		display: inline-block;
		padding: 1em 0;
		box-sizing: border-box;
	}
	.row02_text span.row02_text_in{
		padding: 0;
	}

	.row02_text li span.row02_text_in p:not(:first-child) {
		margin: 0 1.5em 0 0 !important;
		letter-spacing: 0.06vw;
	  }
	.row02_text li span.row02_text_in p {
		line-height: 1.8;
		text-align: justify;
	  }


	  /* タイトル */
	  .row02_text li h2{
		position: relative;
		font-size: 2.9vw;
		font-weight: 300;
		letter-spacing: -0.05em;
		padding: 0 6vw;
		z-index: 0;
	}
	.row02_text li h2 span.row02_title{
		padding: 0 0 1vw 0;
	}
	.row02_text li h2::before{
		position: absolute;
		content: "";
		background: url(../img/title_bg.png) no-repeat center top / 100% auto;
		width: 12vw;
		height: 12.5vw;
		top: 44.3%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		pointer-events: none;
		z-index: -1;
	}


	/* ＝＝＝＝翻訳になっと時に発動＝＝＝＝ */
	.row02_text span font{
		text-orientation: initial;
		line-height: 1.1;
	}
	.row02_text h2 span font{
		font-size: 2.6vw;
	}

/* 横文字部分の設定 */

	.row02_box02{
		background: url(../img/row02_box02_bg.jpg)no-repeat left top / 35% auto,#f6f5f1;
		padding: 4vw 0;
		line-height: 1.7;
	}
	.row02_box02_in{
		width: 1000px !important;
		margin: 0 auto !important;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row02{
		background: #f6f5f1;
	}
	.row02_text_box{
		background: url(../img/row02_bg.jpg)no-repeat center top / cover;
		color: #ffffff;
		padding: 19vw 4vw 14vw 4vw;
	}

		  /* タイトル */
		  .row02_text li h2{
			position: relative;
			font-size: 6.7vw;
			font-weight: 300;
			letter-spacing: -0.05em;
			z-index: 0;
		}
		
		.row02_text li h2 span.row02_title{
			padding: 0 0 7vw 0;
			display: inline-block;
		}
		.row02_text li h2::before{
			position: absolute;
			content: "";
			background: url(../img/title_bg.png) no-repeat center top / 100% auto;
			width: 31vw;
			height: 32.5vw;
			top: 30.3%;
			left: 14%;
			transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			pointer-events: none;
			z-index: -1;
		}


			/* ＝＝＝＝翻訳になっと時に発動＝＝＝＝ */
			.row02_text h2.pc_none font{
				font-size: 6vw;
			}


			/* 横文字部分の設定 */

			.row02_box02{
				background: url(../img/row02_box02_bg.jpg)no-repeat left bottom / contain;
				padding: 12vw 4vw 13vw 4vw;
			}

}





/* ================================================================================

	三練ボタン

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row03{
		background: #f6f5f1;
		padding: 8.4vw 0;
		margin-top: 25vw;
		position: relative;
	}
	.row03 img{
		width: 24.9vw !important;
	  }
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row03{
		background: #f6f5f1;
		padding: 20vw 0;
		margin-top: 71vw;
	}
}





/* ================================================================================

	境内案内

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row04{
		background: rgba(246, 245, 241, 0.8);
		padding: 8.4vw 0;
	}
	/* タイトル */
	.row04_title h2 img{
		width: 12vw;
	}
	/* ボタン */
	ul.row04_button{
		text-align: center;
		font-size: 0;
		margin-top: 4.9vw;
	}
	ul.row04_button li{
		display: inline-block;
		font-size: 1.7vw;
	}
	ul.row04_button li a{
		position: relative;
		background: url(../img/row04_button_bg.jpg) no-repeat top center / 100% auto;
		width: 52vw;
		height: 7vw;
		display: block;
		color: #fff;
		padding: 2.1vw 0 0 0;
	}
	ul.row04_button li a span{
		display: inline-block;
		position: relative;
		margin-left: -1vw;
	  }
	ul.row04_button li a span::before{
		position: absolute;
		content: "";
		background: url(../img/button_icon_other.png) no-repeat center top / 100% auto;
		width: 3vw;
		height: 0.5vw;
		top: 58.7%;
		right: -5.5vw;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		display: inline-block;
	}

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row04{
		background: rgba(246, 245, 241, 0.8);
		padding: 8.4vw 0 20vw;
	}
	/* タイトル */
	.row04_title h2 img{
		width: 35vw;
	}
	/* ボタン */
	ul.row04_button{
		text-align: center;
		font-size: 0;
	}
	ul.row04_button li{
		display: inline-block;
		font-size: 5vw;
	}
	ul.row04_button li a{
		position: relative;
		background: url(../img/row04_button_bg.jpg) no-repeat top center / cover;
		width: 91vw;
		display: block;
		color: #fff;
		padding: 5.1vw 10vw 4.9vw 10vw;
	}
	/* ul.row04_button li a span{
		display: inline-block;
		position: relative;
	  } */
	ul.row04_button li a::before{
		position: absolute;
		content: "";
		background: url(../img/button_icon_other.png) no-repeat center top / 100% auto;
		width: 10vw;
		height: 2.3vw;
		top: 52.7%;
		right: 0%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		display: inline-block;
	}

	/* ＝＝＝＝翻訳になっと時に発動＝＝＝＝ */

	.row04_button span font{
		font-size: 4.5vw;
	  }
	
}





/* ================================================================================

	座禅会、送り出し

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	/* 座禅会 */
	.row05_01{
		background: url(../img/row05_01_bg.jpg) no-repeat center top / cover;
		color: #fff;
		height: 37.6vw;
		padding: 5.9vw 2vw 0vw 14.6vw;
		position: relative;
	}
	.row05_01 h2{
		font-size: 2.4vw;
		font-weight: 300;
		line-height: 1.4;
		letter-spacing: -0.03em;
		-moz-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
		-webkit-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
		-ms-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
		text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
	}
	.row05_01_text{
		padding: 5.3vw 0 0 0;
	}
	.row05_01_text p{
		-moz-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
		-webkit-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
		-ms-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
		text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
	}

/* 送る */
	.row05_02_box {
		text-align: right;
	  }
	.row05_02{
		background: url(../img/row05_02_bg.jpg) no-repeat center top / cover;
		color: #fff;
		height: 37.6vw;
		padding: 5.9vw 14.6vw 0 0;
	}
	.row05_02 h2{
		font-size: 2.4vw;
		font-weight: 300;
		line-height: 1.4;
		letter-spacing: -0.03em;
		-moz-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
		-webkit-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
		-ms-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
		text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
	}
	.row05_02_text{
		padding: 9.5vw 0 0 0;
	}
	.row05_02_text p{
		-moz-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
		-webkit-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
		-ms-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
		text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
	}

	/* ボタン */
	ul.top_button{
		text-align: left;
		font-size: 0;
	}
	.row05_02 ul.top_button{
		text-align: right;
		font-size: 0;
	}
	ul.top_button li{
		display: inline-block;
		font-size: 1vw;
	}
	.row05_02 ul.top_button li:nth-of-type(2){
		margin-left:2vw;
	}
	ul.top_button li a{
		position: relative;
		background: rgba(255, 255, 255, 0.7);
		color: #3a4e1c;
		padding: 1vw 5.5vw 1vw 2.3vw;
		margin-top: 2vw;
		display: inline-block;
	}
	ul.top_button li a::before{
		position: absolute;
		content: "";
		background: url(../img/button_icon_other_g.png) no-repeat center top / 100% auto;
		width: 2.5vw;
		height: 0.5vw;
		top: 53.7%;
		right: 0;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		display: inline-block;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	/* 座禅会 */
	.row05_01{
		background: url(../img/row05_01_bg.jpg) no-repeat center top / cover;
		color: #fff;
		padding: 15vw 4vw 15vw 4vw;
	}
	.row05_01 h2{
		font-size: 6.5vw;
		font-weight: 300;
		line-height: 1.2;
		-moz-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
-webkit-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
-ms-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
	}
	.row05_01_text{
		padding: 16vw 0 0 0;
	}
	.row05_01_text p{
		-moz-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
		-webkit-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
		-ms-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
		text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
	}

/* 送る */
	.row05_02_box {
		text-align: right;
	  }
	.row05_02{
		background: url(../img/row05_02_bg.jpg) no-repeat center top / cover;
		color: #fff;
		padding: 15vw 4vw 15vw 4vw;
	}
	.row05_02 h2{
		font-size: 6.5vw;
		font-weight: 300;
		line-height: 1.2;
		-moz-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
		-webkit-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
		-ms-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
		text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
	}

	.row05_02_text{
		padding: 16vw 0 0 0;
	}
	.row05_02_text p{
		-moz-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
		-webkit-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
		-ms-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
		text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8),0px 0px 8px rgba(0, 0, 0, 0.8);
	}

	/* ボタン */
	ul.top_button{
		text-align: center;
		font-size: 0;
		margin-top: 12vw;
	}
	ul.top_button li{
		display: block;
		font-size: 4vw;
	}
	ul.top_button li:nth-of-type(2){
		margin-top: 4vw;
	}
	ul.top_button li a{
		position: relative;
		background: rgba(255, 255, 255, 0.7);
		color: #3a4e1c;
		padding: 5vw 15.5vw 5vw 14.3vw;
		display: block;
	}
	ul.top_button li a::before{
		position: absolute;
		content: "";
		background: url(../img/button_icon_other_g.png) no-repeat center top / 100% auto;
		width: 7.5vw;
		height: 1.5vw;
		top: 53.7%;
		right: 0;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		display: inline-block;
	}
}


/* ================================================================================

	雲の動き

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
		font-size: 1.1vw;
		color: #3a4e1c;
	}

	main.outer_wrap {
		position: relative;
		max-width: none;
		/* max-width: 1920px; 固定幅レイアウト時 */
		width: 100%;
		min-height: 50vh;
		display: block;
		margin: 0 auto;
	}

	.inner_wrap {
		position: relative;
	}


/* 雲 */
.kumo01,.kumo02,.kumo03,.kumo04{
	position: relative;
}
.kumo01 img {
	pointer-events: none;
	position: absolute;
	animation: wobbling_x 0.7s ease-in-out infinite alternate, wobbling_y 1.2s ease-in-out infinite alternate;
	z-index: 1;
	width: 40vw;
	top: 50%;
	left: 50%;
	transform: (-140%, -120%);
	-webkit-transform: translate(-140%, -120%);
	-ms-transform: (-140%, -120%);
}

.kumo02 img {
	pointer-events: none;
	position: absolute;
	animation: wobbling_x 0.7s ease-in-out infinite alternate, wobbling_y 1.2s ease-in-out infinite alternate;
	z-index: 1;
	width: 40vw;
	top: 50%;
	left: 50%;
	transform: translate(60%, -120%);
	-webkit-transform: translate(60%, -120%);
	-ms-transform: translate(60%, -120%);
}

.kumo03 > img {
	pointer-events: none;
	position: absolute;
	animation: wobbling_x 0.7s ease-in-out infinite alternate, wobbling_y 1.2s ease-in-out infinite alternate;
	z-index: 1;
	width: 40vw !important;
	top: 50%;
	left: 1%;
	transform: translate(-50%, -88%);
	-webkit-transform: translate(-50%, -88%);
	-ms-transform: translate(-50%, -88%);
}

.kumo04 img {
	pointer-events: none;
	position: absolute;
	animation: wobbling_x 0.7s ease-in-out infinite alternate, wobbling_y 1.2s ease-in-out infinite alternate;
	right: 50%;
	z-index: 1;
	width: 40vw;
	top: 50%;
	left: 95%;
	transform: translate(-50%, -79%);
	-webkit-transform: translate(-50%, -79%);
	-ms-transform: translate(-50%, -79%);
}

}
@keyframes wobbling_x {
0% {
	margin-left: 8px;
}

100% {
	margin-left: 0px;
}
}

@keyframes wobbling_y {
0% {
	margin-top: 0px;
}

100% {
	margin-top: 8px;
}


}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	/* 雲 */
	.kumo01,.kumo02,.kumo03,.kumo04{
		display: none;
	}
}


	/* 縦長ディスプレイ
	----------------------------------------------- */
	@media (min-width: 768px) and (orientation:portrait) {
	
/* ipadのみ */
.row02 {
	position: relative;
	background: url(../img/ipad_img01.jpg) no-repeat center bottom / 100% auto,#f6f5f1;
	padding-bottom: 25vw;
  }
.row03 {
	margin-top: 0vw;
  }

.row04 {
	background: url(../img/ipad_img02.jpg) no-repeat center top / cover;
	padding: 8.4vw 0;
  }
	}