@charset "UTF-8";

/*  */


/*html * {
	box-sizing:	boder-box;
}
*/

/*
* {
    margin: 0px;
    padding: 0px;
}
*/

.warappr{
	max-width:	950px;
	margin-right: 	auto;
	margin-left : 	auto;
	padding:	0;
	margin-top:	0;
	text-align:	center;


}

h1{
	text-align:	center;
	margin:		5rem 0 3rem 0;
}

body {
	font-family: "Arial", "メイリオ", sans-serif;
	background-color: #00afcc;			/*--　全体背景色　---*/

}

/*--p{
	display: inline-block;
	text-align: left;
	max-width:	800px;
  }
---*/


/*--◆◆-----------------------------　ヘッダー	------------------------------*/

.header{
	text-align:	center;
}

.header img{
	width:		100%;				/* ロゴ　max-widthの前に　width:	100%; をつける　*/
	max-width:	950px;
	margin-top:	1rem;
}

.logo-tab{						/* タブレット/スマホ  ロゴ　消す */
	display:	none;
}





/*--◆◆-----------------------------　共通	------------------------------*/

p{
	display: inline-block;
	text-align: left;
	max-width:	800px;
	color:		white;
  }
/*--◆◆-----------------------------　ここまで共通	------------------------------*/

.zentai{
	position:	relative;
	transform: translateX(%);
	background-color:	black;
	width:		20rem;
	height:		10rem;
   left: 100%;
transform: translateX(-100%);
}


.tenji-syasin img{
	max-width:	20rem;
	margin-top:	3rem;
}

.setumei{
	margin-top:	2rem;
}


.setumei-dai{
	font-size:	1.2rem;
	font-weight:	bold;
	margin-top:	1rem;
	color:		white;
}

.siro{
	color:		#ffd700;
	text-decoration:	none;
}

.snow {
  color: snow; /*雪の色*/
  font-size: 30px; /*雪の大きさ*/
  position: fixed;
  top: -5%; /*初期位置*/
  text-shadow:
  5vw   -100px 2px,
  10vw  -400px 3px,
  20vw  -500px 4px,
  30vw  -580px 1px,
  39vw  -250px 2px,
  42vw  -340px 5px,
  56vw  -150px 2px,
  63vw  -180px 0,
  78vw  -220px 4px,
  86vw  -320px 9px,
  94vw  -170px 7px;
  animation: anim 5s linear infinite;
}

@keyframes anim {
  100% {
    color: transparent;
    top: 150%;
  }
}







/*--◆◆-----------------------------　ページトップ　設定	------------------------------*/







/*--◆◆-----------------------------　フッター	------------------------------*/

.ie{
	align-items:	end;		/* 家のイラスト  htmlに	margin-right:0.5remを直書きしている　 */
	vertical-align: bottom;
}


.yuki{
	height:		5rem;
}

.yuki1{
	width:		100%;
	opacity:	0;
		/* ドミノの幅　 */
	
}

.hp{
	text-align:	right;		/* トップページのリンク　 */
	margin-top:	1rem;
	margin-bottom:	0rem;
	margin-right:	1rem;
}




/**********************	********************************	768	************/

@media(max-width: 768px){


/*--◆◆-----------------------------　共通設定	------------------------------*/

	.warappr{
		max-width:	768px;
		margin:		0 0.3rem;	
		padding:	0;
	}

	main{
		margin:		0 0.5rem;
	}



	.header img{
		max-width:	768px;
	}

/*
	p{
		line-height:	1.5rem;
	}
*/

	h3{
		line-height:	1.5rem;
	}

	.setumei-zenntai{
		margin:		1rem 0.5rem 2rem 0.5rem;
	}

/*--◆◆-----------------------------　共通設定	ここまで	------------------------------*/





}	/* 消しちゃダメ　 */


/******************************************************		415	************/


@media(max-width: 415px){

/*--◆◆-----------------------------　共通設定	------------------------------*/

	.warappr{
	/*	margin:		0 1rem;	*/

	}

	.warappr{
		max-width:	415px;
		margin:		0 0.3rem;	
		padding:	0;
	/*  	font-family:	 "Helvetica Neue",
	   			 Arial,
				  "Hiragino Kaku Gothic ProN",
				  "Hiragino Sans",
				  sans-serif;	*/
	}

	main{
		margin:		0;

	}

	p{
		font-size:	0.8rem;
		text-align:	left;
		line-height:	1.1rem;		
	}


	h1{
		font-size:	1.2rem;
		margin:		2rem 0;
	}

	h3{
		line-height:	1.3rem;
		font-size:	1rem;
	}


	.header img{
		max-width:	415px;
	}

	.logo-pc{						/*　PC  ロゴ　消す */
		display:	none;
	}

	.logo-tab{						/*　Tab  ロゴ　表示 */
		display:	inline;
	}

	.tenji-syasin img{
		margin-top:	0;
		max-width:	10rem;
	}

	.tenji-syasin1{
		margin-top:	1rem;
	}

	.setumei-dai{
		font-size:	0.9rem;
		margin-top:	0.3rem;

	}

	.setumei-zenntai-mini {					/*　全体説明　スマホ用　表示 */
		display:	block;
		margin: 	1rem 0.5rem;
		line-height:	1.4rem;	
		margin-bottom:	2rem;	
		font-size:	1rem;
	}

	.setumei-zenntai-mini p{					/*　全体説明　スマホ用　表示 */
		font-size:	0.9rem;
	}


	.setumei-zenntai{					/*　全体説明　PC用　非表示 */
		display:	none;
	}

	.tennji_syasinn img{
		width:		200px;
	}

	.hp{
		font-size:	0.7rem;
	}


/*--◆◆-----------------------------　共通設定	ここまで	------------------------------*/





}	/* 消しちゃダメ　 */