@charset "UTF-8";
/* Default */

/*	Reset
------------------------------------------------------------ */ 
@import url("reset.css");

/*	Elements
------------------------------------------------------------ */ 
@import url("elements.css");

/*	Menu
------------------------------------------------------------ */ 
@import url("menu.css");


/* Links
------------------------------------------------------------ */
a:link { text-decoration: underline; color:#666; }
a:visited { text-decoration: underline; color:#666; }
a:hover { text-decoration: underline; color:#000; }
a:active { text-decoration: underline; color:#666; }


/* Body
------------------------------------------------------------ */
body {
 background: #fff;
	font-size:13px;
	line-height:160%;
	color:#000;
 font-family: 'Helvetica Neue','Arial',sans-serif;
}

/* Header
------------------------------------------------------------ */
header { width: 100%; height: 80px; background:rgba(255,255,255,0.6); position: fixed; top: 0; z-index: 999;}
header h1 { width: 160px; position: fixed; top: 10px; left:40px;}
header #icon_mail { position: fixed; top: 12px; right: 100px;}

@media screen and (max-width:480px) {
 
header { width: 100%; height: 80px; background:rgba(255,255,255,0.6); position: fixed; top: 0; z-index: 999;}
header h1 { width: 160px; position: fixed; top: 10px; left:10px;}
header #icon_mail { position: fixed; top: 12px; right: 70px;}
 
}


/* sns
------------------------------------------------------------ */
#sns { width: 320px; margin: 0 auto 40px; display: flex;}

#sns .icon01 a { width: 80px; height: 100px; background: url("../../global/icons/icon_Instagram.svg") no-repeat; background-size: 80px 200px; display: block; text-indent: -9999px;}
#sns .icon01 a:hover { background-position: 0 -100px;}
#sns .icon02 a { width: 80px; height: 100px; background: url("../../global/icons/icon_x.svg") no-repeat; background-size: 80px 200px; display: block; text-indent: -9999px;}
#sns .icon02 a:hover { background-position: 0 -100px;}
#sns .icon03 a { width: 80px; height: 100px; background: url("../../global/icons/icon_facebook.svg") no-repeat; background-size: 80px 200px; display: block; text-indent: -9999px;}
#sns .icon03 a:hover { background-position: 0 -100px;}
#sns .icon04 a { width: 80px; height: 100px; background: url("../../global/icons/icon_wp.svg") no-repeat; background-size: 80px 200px; display: block; text-indent: -9999px;}
#sns .icon04 a:hover { background-position: 0 -100px;}


/* page top
------------------------------------------------------------ */ 
#pageTop { position: fixed; bottom: 20px; right: 20px;}
.page_back {
	background-image: url("../icons/icon_back.svg");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	padding: 10px 0 10px 40px;
}


/* Footer
------------------------------------------------------------ */
footer { height: 200px; background-color:#000; text-align:center; padding:20px; font-size: 90%; color: #fff;} 
footer ul {margin-bottom: 20px;}
footer ul li  {display: inline; padding:0 8px;}
footer ul li {border-left: 1px solid #ccc;}
footer ul li:last-child {border-right: 1px solid #ccc;}

footer a:link { text-decoration: none; color:#ccc; }
footer a:visited { text-decoration: none; color:#ccc; }
footer a:hover { text-decoration: underline; color:#fff; }
footer a:active { text-decoration: none; color:#ccc; }