html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, hr, 
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
sup {vertical-align:super;font-size:smaller;}
input, select, textarea {font:100% Lato, Arial, Tahoma, Verdana, serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input {-webkit-appearance:none;-webkit-border-radius:0px;border-radius:0;outline:none;}
select {-webkit-border-radius:0px;border-radius:0;outline:none;}
html,body {-webkit-text-size-adjust:100%;width:100%;height:100%;}
input[type=text], input[type=password], textarea {border:1px solid #eee;padding:0.5em;background-color:#f6eea6;font-size:0.8em;border:1px solid #ccc;margin:0.3em 0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;}
input[type=text]:focus, input[type=password]:focus {border:1px solid #ccc;padding:0.5em;background-color:#fff;}
input[type=button], input[type=submit] {border:1px solid #f9ec07;background-color:#f9ec07;color:#000;padding:0.5em 1em;margin:0.3em 0;font-weight:normal;}
input[type=button]:hover, input[type=submit]:hover {border:1px solid #333;background-color:#333;color:#f9ec07;cursor:pointer;}
#clear {border:0;clear:both;margin:0;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

@font-face {
    font-family: 'bodoni';
    src: url('fonts/bodoniflf-bold-webfont.woff2') format('woff2'),
         url('fonts/bodoniflf-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'bodoni';
    src: url('fonts/bodoniflf-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/bodoniflf-bolditalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'bodoni';
    src: url('fonts/bodoniflf-italic-webfont.woff2') format('woff2'),
         url('fonts/bodoniflf-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'bodoni';
    src: url('fonts/bodoniflf-roman-webfont.woff2') format('woff2'),
         url('fonts/bodoniflf-roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.bgwhite {background-color:#fff;}
.bglightgrey {background-color:#f6f6f6;}
.bgblack {background-color:#000;}
.bgredpink {background-color:#ee125b;}
.colwhite {color:#fff;}
.collightgrey {color:#999;}
.colblack {color:#000;}
.colredpink {color:#ee125b !important;}
.spacing03 {letter-spacing:0.3em;}

body {font:100% Lato, Arial, Tahoma, Verdana, serif;font-weight:300;line-height:1.5;padding:0;margin:0;position:relative;font-size:1.5vw;background-color:#fff;}

#menu {z-index:10;display:none;position:fixed;top:0;left:0;padding:3em;padding-left:calc(20vmin + 3em + 3em);width:100%;background-color:#fff;}
#menu ul {list-style-type:none;}
#menu ul li a {text-decoration:none;color:#000;}

#headerlogo {position:absolute;top:3em;left:3em;z-index:20;}
#headerlogo img {width:20vmin;}
#headerlogo.white img.white {display:inline;}
#headerlogo.white img.black {display:none;}
#headerlogo.black img.white {display:none;}
#headerlogo.black img.black {display:inline;}

#headermenu {position:fixed;top:3em;right:3em;z-index:20;}
#headermenu {float:right;}
#headermenu a {text-decoration:none;}
#headermenu.white a {color:#fff;}
#headermenu.black a {color:#000;}
#headermenu a img {height:1em;margin-left:0.5em;}
#headermenu.white a img.white {display:inline;}
#headermenu.white a img.black {display:none;}
#headermenu.black a img.white {display:none;}
#headermenu.black a img.black {display:inline;}
#headermenu span.open {display:inline;}
#headermenu span.close {display:none;}

#splash {position:relative;min-height:450px;}
#splash img {width:100%;}
#splash .gradient {width:100%;height:100%;position:absolute;top:0;left:0;}
#splash .gradient.on {
background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
}
#splash h1 {font-family:bodoni, Arial, Tahoma, Verdana, serif;font-weight:bold;font-style:italic;letter-spacing:0.2em;font-size:2.5em;width:100%;position:absolute;left:0;bottom:1em;text-align:center;}

#content {padding:5em 5em;}
#content .title {font-family:bodoni, Arial, Tahoma, Verdana, serif;font-weight:bold;font-style:italic;letter-spacing:0.2em;font-size:2em;margin:0 0 1em;}
#content .content {padding-left:10em;}
#content .submenu {border-top:1px solid #999;border-bottom:1px solid #999;padding:0.5em 1em;margin:-4em -2em 1em;}
#content .submenu ul {list-style-type:none;width:100%;margin:0;padding:0;}
#content .submenu ul li {float:left;width:calc(100% / 4);margin:0;padding:0;text-align:center;}
#content .submenu ul li a {text-decoration:none;color:#999;}
#content .submenu ul li a:hover {color:#000;}

#footer1 {padding:2em;position:absolute;left:0;width:100%;bottom:0;}
#footer1 .left {float:left;padding-top:2em;}
#footer1 .left ul {list-style-type:none;}
#footer1 .left ul li {display:inline;margin-right:2em;}
#footer1 .left ul li a {text-decoration:none;color:#fff;font-size:0.7em;}
#footer1 .left ul li a:hover {color:#999;}
#footer1 .right {float:right;}
#footer1 .right .champagne {float:left;padding-top:1em;}
#footer1 .right .champagne img {height:2em;}
#footer1 .right .syonpat {float:left;margin-left:2em;}
#footer1 .right .syonpat img {height:4em;}

#footer2 {padding:5em 2em;background-color:#000;color:#fff;}
#footer2 .left {float:left;}
#footer2 .left img {height:7em;}
#footer2 .center {float:left;margin-left:7em;}
#footer2 .center .sitemap {float:left;color:#999;font-size:0.7em;}
#footer2 .center .sitemap ul {list-style-type:none;margin-top:1em;}
#footer2 .center .sitemap ul li {padding:0.2em 0;}
#footer2 .center .sitemap ul li a {text-decoration:none;color:#999;}
#footer2 .center .sitemap ul li a:hover {color:#fff;}
#footer2 .center .follow {float:left;margin-left:5em;color:#999;font-size:0.7em;}
#footer2 .center .follow ul {list-style-type:none;margin-top:3em;}
#footer2 .center .follow ul li {display:inline;margin-right:1em;}
#footer2 .center .follow ul li a img {height:1.5em;}
#footer2 .center .copyright {color:#fff;font-size:0.7em;margin-top:2em;}
#footer2 .right {float:right;}
#footer2 .right .champagne {float:left;padding-top:1em;}
#footer2 .right .champagne img {height:2em;}
#footer2 .right .syonpat {float:left;margin-left:2em;}
#footer2 .right .syonpat img {height:4em;}

@media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
	#headermenu a {font-size:2.5em;}
	#menu ul li a {font-size:2em;line-height:2em;}
	#splash {min-height:40vmin;}

}