@charset "utf-8";

body {
    min-width: 100%;
}

/* Universal reset
----------------------------------------------------------- */
* {
	font-size: 9px;
}


/* wrap
--------------------------------- */
.wrapper {
	width: 90%;
	margin: auto;
}

/* header
--------------------------------- */
.siteHeader,
.siteHeader .bar,
.siteHeader .toggle {
	height: 60px;
}

.siteHeader.is-fixed .bar,
#index .siteHeader.is-fixed .bar {
	background: rgba(0,0,0,.9);
}

.siteHeader .toggle {
	width: 60px;
	padding: 19.5px 0 0 36px;
}

.siteHeader .hamburger {
	width: 16px;
	height: 16px;
	margin: 5px 0;
}

.siteHeader .hamburger > span {
	width: 16px;
	height: 2px;
}

.siteHeader .hamburger > span.avocado {
	-webkit-transform: translateY(-6px);
	    -ms-transform: translateY(-6px);
	        transform: translateY(-6px);
}

.siteHeader .hamburger > span.patty {
	-webkit-transform: translateY(6px);
	    -ms-transform: translateY(6px);
	        transform: translateY(6px);
}
.siteHeader .nav > .container {
	padding: 0;
}
.siteHeader .nav .nav_item a {
	padding: 0 0 20px;
}
.siteHeader .nav .nav_item .h {
	font-size: 22px;
}
.siteHeader .logo,
.siteHeader.smaller .logo {
	position: absolute;
	left: 0;
	top: -100% !important;
	margin: auto;
	bottom: -100%;
	z-index: 3000;
	height: 33px;
}
.siteHeader .logo img,
.siteHeader.smaller .logo img {
	height: 33px;
}


/* iPhone5 */
@media screen and (min-width: 0px) and (max-device-width: 320px) {
	.siteHeader .logo,
	.siteHeader.smaller .logo {
		height: 33px;
	}
	.siteHeader .logo img,
	.siteHeader.smaller .logo img {
		height: 33px;
	}
	.siteHeader,
	.siteHeader .bar,
	.siteHeader .toggle,
	.siteHeader.smaller {
		height: 60px;
	}
	.siteHeader .toggle {
		width: 60px;
		padding: 19.5px 0 0 36px !important;
	}
	.siteHeader .hamburger {
		width: 24px;
		height: 24px;
		margin: 7.5px 0;
	}
	.siteHeader .hamburger > span {
		width: 24px;
		height: 2px;
	}
	.siteHeader .hamburger > span.avocado {
		-webkit-transform: translateY(-9px);
		    -ms-transform: translateY(-9px);
		        transform: translateY(-9px);
	}
	.siteHeader .hamburger > span.patty {
		-webkit-transform: translateY(9px);
		    -ms-transform: translateY(9px);
		        transform: translateY(9px);
	}
}

/* iPhone6(1.17倍) */
@media screen and (min-width: 321px) and (max-device-width: 375px) {
	.siteHeader .logo,
	.siteHeader.smaller .logo {
		height: 39px;
	}
	.siteHeader .logo img,
	.siteHeader.smaller .logo img {
		height: 39px;
	}
	.siteHeader,
	.siteHeader .bar,
	.siteHeader .toggle,
	.siteHeader.smaller {
		height: 70px;
	}
	.siteHeader .toggle {
		width: 70px;
		padding: 22.8px 0 0 42px !important;
	}
	.siteHeader .hamburger {
		width: 28px;
		height: 28px;
		margin: 8.7px 0;
	}
	.siteHeader .hamburger > span {
		width: 28px;
		height: 3px;
	}
	.siteHeader .hamburger > span.avocado {
		-webkit-transform: translateY(-10px);
		    -ms-transform: translateY(-10px);
		        transform: translateY(-10px);
	}
	.siteHeader .hamburger > span.patty {
		-webkit-transform: translateY(10px);
		    -ms-transform: translateY(10px);
		        transform: translateY(10px);
	}
}

/* iPhone6Plus(1.29倍) */
@media screen and (min-width: 376px) and (max-device-width: 414px) {
	.siteHeader .logo,
	.siteHeader.smaller .logo {
		height: 43px;
	}
	.siteHeader .logo img,
	.siteHeader.smaller .logo img {
		height: 43px;
	}
	.siteHeader,
	.siteHeader .bar,
	.siteHeader .toggle,
	.siteHeader.smaller {
		height: 77px;
	}
	.siteHeader .toggle {
		width: 77px;
		padding: 25px 0 0 46px !important;
	}
	.siteHeader .hamburger {
		width: 31px;
		height: 31px;
		margin: 9.6px 0;
	}
	.siteHeader .hamburger > span {
		width: 31px;
		height: 3.5px;
	}
	.siteHeader .hamburger > span.avocado {
		-webkit-transform: translateY(-11.6px);
		    -ms-transform: translateY(-11.6px);
		        transform: translateY(-11.6px);
	}
	.siteHeader .hamburger > span.patty {
		-webkit-transform: translateY(11.6px);
		    -ms-transform: translateY(11.6px);
		        transform: translateY(11.6px);
	}
}

/* iPad(2.4倍) */
@media screen and (min-width: 415px) and (max-device-width: 768px) {
	.siteHeader .logo,
	.siteHeader.smaller .logo {
		height: 79px;
	}
	.siteHeader .logo img,
	.siteHeader.smaller .logo img {
		height: 79px;
	}
	.siteHeader,
	.siteHeader .bar,
	.siteHeader .toggle,
	.siteHeader.smaller {
		height: 144px;
	}
	.siteHeader .toggle {
		width: 144px;
		padding: 46.8px 0 0 86.4px !important;
	}
	.siteHeader .hamburger {
		width: 57.6px;
		height: 57.6px;
		margin: 18px 0;
	}
	.siteHeader .hamburger > span {
		width: 57.6px;
		height: 6.5px;
	}
	.siteHeader .hamburger > span.avocado {
		-webkit-transform: translateY(-21.6px);
		    -ms-transform: translateY(-21.6px);
		        transform: translateY(-21.6px);
	}
	.siteHeader .hamburger > span.patty {
		-webkit-transform: translateY(21.6px);
		    -ms-transform: translateY(21.6px);
		        transform: translateY(21.6px);
	}
}


/* breadcrumb
--------------------------------- */
#breadcrumb {
	margin-top: 15px;
}
#breadcrumb li {
	float: left;
	padding: 10px;
	margin-right: 10px;
}
#breadcrumb li:before {
	top: 10px;
}

/* footer
-------------------------------- */

#site-fotter .pagetop a {
	display: block;
	padding: 15px 0;
	text-align: center;
	background-color: #fff;
	font-size: 10px;
	color: #000;
}

#site-fotter .pagetop img {
	margin-right: 5px;
}

#site-fotter .copyright {
	padding: 0 0 10px;
	text-align: center;
	font-size: 8px;
}

#site-fotter ul {
	height: auto;
	padding: 0 0;
}

#site-fotter .link li {
	width: 50%;
	margin: 30px auto;
	padding: 0;
	text-align: center;
}


#site-fotter .link li a {
	display: inline-block;
	width: 100%;
	padding: 3px 0;
	font-size: 10px;
	font-weight: bold;
}

#site-fotter .fr {
	margin-top: auto;
}
