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

/*	=== スマホ　& PC 共通設定 ===================== */

body{
	margin:0;
	padding:0;
	background-color:#fed900;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.clearfix:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}

/* 角丸 */
.radius{
  border-radius: 5px;        /* CSS3草案 */
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;   /* Firefox用 */
}

.radius2{
  border-top-left-radius: 5px;        /* CSS3草案 */
  -webkit-border-top-left-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-top-left-radius: 5px;   /* Firefox用 */
  border-top-right-radius: 5px;        /* CSS3草案 */
  -webkit-border-top-right-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-top-right-radius: 5px;   /* Firefox用 */
}

.kousai_box{
	-webkit-box-shadow: 0 0 5px 0 #999;
	-moz-box-shadow: 0 0 5px 0 #999;
	box-shadow: 0 0 5px 0 #999;
}

/* -------------------------------------------------------------------------
	go to top
---------------------------------------------------------------------------- */

.pagetop{
	width:180px;
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	background-color:#000;
	font-size:12px;
	position:fixed;
	right:20px;
	bottom:100px;
	display:none;
}

.pagetop a{
	text-decoration:none;
	color:#FFF;
	display:block;
	margin:0;
	text-align:center;
	transition:all 0.5s ease;
	padding-top:20px;
	padding-bottom:20px;
}

.pagetop a:hover{
	
	opacity: 0.7;/*要素の透明度を指定*/
	filter: alpha(opacity=70); /*ie6、7の透明度指定*/
	-ms-filter: "alpha(opacity=70)";
}


/* -------------------------------------------------------------------------
	mmenu
---------------------------------------------------------------------------- */

/*	=== スマホ設定(414) =========================== */
@media screen and ( max-width:414px ){
	
	#header_area{
		width:100%;
		padding:1% 0;
		margin:0;
	}
	
	#header_main_area{
		background-color:#333;
		text-align:center;
		margin:0;
		padding:0;
	}
	
	#slogo{
		width:80%;
		margin:0;
		padding:0 10%;
	}
	
	#wrap{
		margin:0;
		padding:0;
	}
	
	/* ====================== ↓ヘッダーアニメ↓　*/
	.cb-header {
		position: fixed;
		top: -10%;
		left: 0;
		background-color:#000;
		width:100%;
		
	}
	
	.slide-down {
		animation-name: slideDown;
		animation-timing-function: ease-in;
		animation-iteration-count: 1;
		animation-delay: 0s;
		transform-origin: 50% 50% 0;
		animation-duration: .5s;
		top: 0;
	}
	@keyframes slideDown {
		0% {
			top: -10%;
		}
		100% {
			top: 0;
		}
	}
	
	.slide-up {
		animation-name: slideUp;
		animation-timing-function: ease-in;
		animation-iteration-count: 1;
		animation-delay: 0s;
		transform-origin: 50% 50%  0;
		animation-duration: .5s;
		top: -10%;
	}
	@keyframes slideUp {
		0% {
			top: 0;
		}
		100% {
			top: -10%;
		}
	}
	/* ======================  ↑ヘッダーアニメ↑　*/
	
}


/*	=== PC設定(415) ============================ */
@media screen and ( min-width:415px ){
	
	
	#header_area{
		width:922px;
		height:34px;
		padding:10px 0 0 0;
		margin:0 auto;
	}
	
	#header_main_area{
		background-color:#333;
		text-align:center;
		margin:0;
		padding:0;
	}
	
	#slogo{
		width:270px;
		margin:0;
		padding:0 10%;
	}
	
	#wrap{
		margin:0;
		padding:0;
	}
	
	/* ====================== ↓ヘッダーアニメ↓　*/
	.cb-header {
		position: fixed;
		top: -56px;
		left: 0;
		background-color:#000;
		height:56px;
		width:100%;
	}
	
	.slide-down {
		animation-name: slideDown;
		animation-timing-function: ease-in;
		animation-iteration-count: 1;
		animation-delay: 0s;
		transform-origin: 50% 50% 0;
		animation-duration: .5s;
		top: 0;
	}
	@keyframes slideDown {
		0% {
			top: -56px;
		}
		100% {
			top: 0;
		}
	}
	
	.slide-up {
		animation-name: slideUp;
		animation-timing-function: ease-in;
		animation-iteration-count: 1;
		animation-delay: 0s;
		transform-origin: 50% 50%  0;
		animation-duration: .5s;
		top: -56px;
	}
	@keyframes slideUp {
		0% {
			top: 0;
		}
		100% {
			top: -56px;
		}
	}
	/* ======================  ↑ヘッダーアニメ↑　*/
	
	
}