@charset "utf-8";

/* **********************************************************
	header
********************************************************** */
header { box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #000000; position: fixed; top: 0px; left: 0px; padding: 1.5vw 2.5vw; width: 100%; z-index: 100; }
header .header__column { display: table; width: 100%; }
header .header__left { display: table-cell; vertical-align: middle; }
header .header__right { display: table-cell; vertical-align: middle; }
header .header__left dl { display: table; }
header .header__left dt { display: table-cell; font-size: 0; line-height: 0; vertical-align: middle; width: 12.83vw; }
header .header__left dt img { height: 3.5vw; }
header .header__left dd { display: table-cell; vertical-align: middle; padding-left: 5vw; }
header .header__left dd ul { display: table; }
header .header__left dd li { display: table-cell; vertical-align: middle; padding-right: 3.33vw; }
header .header__left dd li:last-child { padding-right: 0; }
header .header__left dd li a,
header .header__left dd li a:visited { color: #ffffff; font-size: 1vw; text-decoration: none; }
header .header__left dd li a:hover { color: #ffffff; text-decoration: underline; }
header .header__right ul { display: table; float: right; font-size: 0; line-height: 0; }
header .header__right li { display: table-cell; vertical-align: middle; padding-right: 1.25vw; width: 1.66vw; }
header .header__right li:last-child { padding-right: 0; }
header .header__right li img { height: 1.66vw; }
header .header__right p { display: none; }
header .header__navi { display: none; }
header .header__drop { background-color: #000000; display: fixed; position: absolute; top: 6vw; left :0px; width: 100%; }
header .header__drop .mdl__LayoutLv0 { display: none; padding: 0 2.5vw; }
header .header__drop ul { display: table; margin: 0 auto; padding: 2.5vw 0; }
header .header__drop li { display: table-cell; vertical-align: top; padding-right: 2.0833vw; width: 17.3333vw; }
header .header__drop li:last-child { padding-right: 0; }
header .header__drop li a { color: #ffffff; display: block; text-align: center; text-decoration: none; }
header .header__drop li a dt { background-color: #ffffff; font-size: 0; line-height: 0; margin-bottom: 1.25vw; }
header .header__drop li a dt img { width: 100%; }
@media (min-width: 769px) {
	header .header__drop li a:hover img { opacity: 0.7; }
}
@media (min-width: 1201px) {
	header { padding: 18px 30px; }
	header .header__left dt { width: 154px; }
	header .header__left dt img { height: 42px; }
	header .header__left dd { padding-left: 60px; }
	header .header__left dd li { padding-right: 40px; }
	header .header__left dd li a,
	header .header__left dd li a:visited { font-size: 1.2rem; }
	header .header__right li { padding-right: 15px; width: 20px; }
	header .header__right li img { height: 20px; }
	header .header__drop { top: 78px; }
	header .header__drop .mdl__LayoutLv0 { padding: 0 30px; }
	header .header__drop ul { padding: 30px 0; }
	header .header__drop li { padding-right: 25px; width: 208px; }
	header .header__drop li a dt { margin-bottom: 15px; }
}
@media (max-width: 768px) {
	header { box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #000000; position: fixed; top: 0px; left: 0px; padding: 3.12vw; width: 100%; z-index: 100; }
	header .header__column { display: table; width: 100%; }
	header .header__left { display: table-cell; vertical-align: middle; }
	header .header__right { display: table-cell; vertical-align: middle; }
	header .header__left dl { display: table; }
	header .header__left dt { display: table-cell; font-size: 0; line-height: 0; vertical-align: middle; width: 154px; }
	header .header__left dt img { height: 6.56vw; }
	header .header__left dd { display: none; }
	header .header__right ul { display: none; }
	header .header__right p { background: url(../images/btn_menu_sp.png) no-repeat; background-size: 6.56vw 6.56vw; display: block; float: right; font-size: 0; line-height: 0; overflow: hidden; width: 6.56vw; height: 6.56vw; }
	header .header__navi { display: block; position: absolute; top: 100%; left :0px; width: 100%; }
	header .header__navi .navi__block { background-color: #000000; display: none; width: 100%; height: 100vh; }
	header .header__navi .navi__block li { padding-top: 4.68vw; }
	header .header__navi .navi__block li a,
	header .header__navi .navi__block li a:visited { color: #ffffff; font-size: 3.75vw; text-decoration: none; }
	header .header__navi .navi__block li a:hover { color: #ffffff; text-decoration: none; }
	header .header__drop { display: none; }
}