@charset "UTF-8";

/*  */

.aka{
	background-color:	red;
}


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

.pc-n{
	display:	block;
}

.sumaho-n{
	display:	none;
}


body {
	font-family: "Arial", "メイリオ", sans-serif;
	background-color: #8b0000;			/*--　全体背景色　---*/
	margin:		0;
	color:		#daa520;
}

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

h2{
	margin:		1.5rem 0 0 0;
}


p{
	display: inline-block;
	text-align: left;
	max-width:	800px;
	color:		#daa520;
}

.tyuui{
	font-size:	0.8rem;
}

	/*--　文字　色変更　---*/

.iro{
	color:			#ffdead;
	text-decoration:	none;
}

a,a:hover,a:visited{
    color: inherit;
}

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

.header{
	text-align:	center;
}

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

	/*--　タイトル文字　設定　---*/

.moji_zentai{
	display:	flex;
	align-items:	center;
	justify-content:	center;
}
.moji_zentai img{
	width:	5rem;
}

	/*--　ホニ　---*/


.honi{
	display:	inline-flex;
	flex-direction: column;
}


.honi1{
	max-width:	10rem;
}

.honi2{
	max-width:	10rem;
}

.honi-1{
	display:	inline-flex;
}

.honi3{
	max-width:	1.5rem;
}

.honi1-1{
	max-width:	10rem;
}

.honi4{
	max-width:	1.5rem;
}

.honi3{
	animation: moji1 3s linear infinite;		/*--　名前　秒　一定の速度で始まって終わる　繰り返し　　---*/
}

@keyframes moji1 {
	0% {
		transform: translate(0, 0) scale(1, 1);
	}
	10% {
		transform: translate(3px, 0) scale(1, 1.3) ;
	}
	20% {
		transform: translate(0, 0) scale(1, 1);
	}
	30% {
		transform: translate(3px, 0) scale(1, 1.3) ;
	}
	40% {
		transform: translate(0, 0) scale(1, 1);
	}
	40% {
		opacity: 1 ;
	}
	45% {
		opacity: 0 ;
	}

	100% {
		opacity: 0 ;
	}
}

.honi4{
	animation: moji2 3s linear infinite;
}

@keyframes moji2 {
	0% {
		opacity: 0 ;
	}

	40% {
		opacity: 0 ;
	}
	45% {
		opacity: 1 ;
	}
	50% {
		transform: translate(0, 0) scale(1, 1);
	}
	60% {
		transform: translate(3px, 0) scale(1, 1.3) ;
	}
	70% {
		transform: translate(0, 0) scale(1, 1);
	}
	80% {
		transform: translate(3px, 0) scale(1, 1.3) ;
	}
	100% {
		transform: translate(0, 0) scale(1, 1);
	}
}

	/*--　展示写真　設定　---*/

.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;
}

	/*--　本棚　設定　---*/

.tana-0{	
	margin-bottom:	0rem;
}

.tana{
	border: 	 1rem solid #8b4513;
	background-color:	#deb887;
	width:		30rem;
	margin:0 auto;
}

.nasi{
	height:	0;
}

.syo{
	height:		10rem;
	margin:		2rem 0.5rem 0 0;
}



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


footer{
	width:		100%;
	background-color:	#daa520;
	bottom:	0;	
}

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

.hp a{
	color:		#f5deb3;
}



/**********************	********************************	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;
	}



}	/* 消しちゃダメ　 */


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


@media(max-width: 415px){

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

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

	.pc-n{
		display:	none;
	}

	.sumaho-n{
		display:	block;
	}


	.setumei-zenntai{					/*　全体説明　PC用　非表示 */
		display:	none;
	}
	.logo-pc{						/*　PC  ロゴ　消す */
		display:	none;
	}

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

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

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

	h2{
		font-size:	1rem;
	}

	h3{
		font-size:	1rem;
	}

	.header img{
		max-width:	300px;
		margin-bottom:	2rem;
	}

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

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

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

	.hp{
		font-size:	0.7rem;
	}

	footer{
		height:		3.5rem;
	}

	.tyuui{
		font-size:	0.5rem;
	}

/*--◆◆-----------------------------　今回のみ	------------------------------*/





}	/* 消しちゃダメ　 */