@charset "UTF-8";

/* CSS Document */
/*共通設定*/

/*グーグルフォント種類
font-family: 'Crimson Text', serif;
font-family: 'Source Serif Pro', serif;*/

body{
	width:100%;
	height:100%;
	font-family:'Noto Sans JP','Sawarabi Gothic', 'Sawarabi Mincho','Great Vibes', cursive,'Dancing Script', cursive,'Fredericka the Great', cursive;
	background-color:#fff;
	color:#000;
	font-size:1rem;
}

a:hover{
	opacity:0.6;
	
}
#wrap{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/*fadein*/

.fadein {
  opacity: 0;
  transform : translate(0, 80px);
  transition : all 1500ms;
}

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}


/*===========================================PC設定===========================================*/
@media print, screen and (min-width:768px){
		.sp{display: none;}
	/*stylepage*/





	

	


	

	

/*================ footer ============*/	
	
	.copy{
		text-align: center;
		padding: 20px 0;
		background:#080D2B;
		margin: 30px 0 0;
		color:#eee;
	}
}/*===========================================PC設定終了============================================*/





/*===========================================タブレット===========================================*/
@media (max-width: 1024px) and (min-width: 768px) { 

	h2{
	font-family:'Fredericka the Great', cursive,'Sawarabi Mincho';
}	
	


	
	




}/*===========================================タブレット終了===========================================*/





/*===========================================SP設定===========================================*/
@media print, screen and (max-width:767px){
	.pc{display: none;}


	
	
/*================ #menu ============*/

	/*sp---ハンバーガーメニュー*/
	nav.navmenu {
		position:fixed;
		z-index:100;
		top:0;
		left: 0;
		transform:translateY(-100%);
		transition: all 0.6s;
		width: 100%;
	}
		nav.navmenu ul {
			width: 100%;
			margin:0 auto;
			background-size:100% 100%;
		}
	nav.navmenu ul li img{
		width: 50%;
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	nav.navmenu ul li a{
                 Width:100%;
		display:block;
		padding:10px 0;
		text-align:center;
		border-bottom:1px dotted rgba(255,255,255,1);
		background-color:rgba(0,0,0,0.8);
	margin: 0 auto;
	}
	
	/* このクラスを、jQueryで付与・削除する */
	nav.navmenu.active {transform: translateY(0%);}
	.menuicon {
		display: block;
		position: fixed;/* bodyに対しての絶対位置指定 */
		right:0;
		top:0;
		width: 60px;
		height:60px;
		cursor: pointer;
		z-index: 200;
		background:url(../img/sp_menu_icon.svg)no-repeat left;
		background-size:120px 60px;
		background-position: 0 0; 
	}
	.menuicon.active{background-position: -60px 0;}
	/*END------メニューの動作のCSS----直書きしてたもの----END*/


	
/*================ footer ============*/	
	

	.copy{
		margin:0;
		font-size: 0.8em;
	}	
	
	
}/*===========================================SP設定終了============================================*/