@charset "UTF-8";

/* MATERIALS */


/* INTERFACE */

body{
	-webkit-text-size-adjust:100%;
	margin:0;
	padding:0;
	border-top:3px solid #f9b710;
	background-color:#fff;
	color:#000;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

body>header>h1{
	margin:0;
	text-align:center;
}

body>footer{
	height:277px;
	margin:0 0 0 0;
	background-color:#f9b710;
	text-align:center;
}

#insta{
	margin:0 auto 60px;
	padding:60px 0 0;
	width:75px;
	height:55px;
}

#insta a{
	display:block;
	height:55px;
	padding:0;
	background-image:url("../img/interface/insta.svg");
	background-repeat:no-repeat;
	background-position:center top;
	background-size:75px auto;
	line-height:1;
}

#insta a:hover{
	background-position:center bottom;
}

#logomark{
	width:40px;
	margin:0 ;
	vertical-align: bottom;
}

body>footer small{
	display:block;
	padding:18px 0 40px;
	color: #fff;
	font-size:12px;
	line-height:1;
	font-family:Verdana,sans-serif;
}

/* ページトップのボタン */
.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
.pagetop a{
	transition: .3s;
	display: block;
	background: #f9b710;
	text-align: center;
	font-size: 12px;
	opacity: 60%;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	border-radius: 0 10px;
	padding-top:16px;
}
.pagetop a:hover{
	opacity:100%;
	color:#fff;
}
.pagetop span{
	margin-left: auto;
	margin-right: auto;
	width: 12px;
	height: 12px;
	border-top: #fff solid 2px;
	border-left: #fff solid 2px;
	transform:rotate(45deg);
	display: block;
}
/* ページトップのボタンここまで */

/* HOME */
#home_keyvisual_area img,
#home_keyvisual_area picture{
	width:100%;
	vertical-align:bottom;
}

#home_salsa_btn a:hover,
#home_entry_check1 a:hover,
#home_entry_check2 a:hover{
	opacity:0.7;
	transition:all 100ms ease 0ms;
}