#menuToggle{display:none}#menuToggle input{left:90%;top:-25px;width:40px}#menuToggle input,#menuToggle input:checked{cursor:pointer;display:block;height:32px;opacity:0;position:absolute;z-index:2;-webkit-touch-callout:none}#menuToggle input:checked{left:87%;top:-20%;width:50px}.hamburger{left:90%;position:absolute;top:-25px}#menuToggle span{background:#981a32}#contents-winter #menuToggle span,#menuToggle span{border-radius:3px;display:block;height:4px;margin-bottom:5px;position:relative;transform-origin:4px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;width:33px;z-index:1}#contents-winter #menuToggle span{background:#87acb5}#contents-spring #menuToggle span{background:#2e81b3}#contents-spring #menuToggle span,#contents-summer #menuToggle span{border-radius:3px;display:block;height:4px;margin-bottom:5px;position:relative;transform-origin:4px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;width:33px;z-index:1}#contents-summer #menuToggle span{background:#6dafa1}#contents-fall #menuToggle span{background:#981a32;border-radius:3px;display:block;height:4px;margin-bottom:5px;position:relative;transform-origin:4px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;width:33px;z-index:1}#menuToggle span:first-child{transform-origin:0 0}#menuToggle span:nth-last-child(2){transform-origin:0 100%}#contents-fall #menuToggle input:checked~.hamburger span#first{background:#981a32;opacity:1;transform:rotate(45deg) translate(-1px,-6px)}#contents-fall #menuToggle input:checked~.hamburger span#second{background:#981a32;transform:rotate(-45deg) translate(-4px,7px)}#contents-winter #menuToggle input:checked~.hamburger span#first{background:#87acb5;opacity:1;transform:rotate(45deg) translate(-1px,-6px)}#contents-winter #menuToggle input:checked~.hamburger span#second{background:#87acb5;transform:rotate(-45deg) translate(-4px,7px)}#contents-spring #menuToggle input:checked~.hamburger span#first{background:#2e81b3;opacity:1;transform:rotate(45deg) translate(-1px,-6px)}#contents-spring #menuToggle input:checked~.hamburger span#second{background:#2e81b3;transform:rotate(-45deg) translate(-4px,7px)}#contents-summer #menuToggle input:checked~.hamburger span#first{background:#6dafa1;opacity:1;transform:rotate(45deg) translate(-1px,-6px)}#contents-summer #menuToggle input:checked~.hamburger span#second{background:#6dafa1;transform:rotate(-45deg) translate(-4px,7px)}#menuToggle input:checked~.hamburger span#third{opacity:0;transform:rotate(0deg) scale(.2)}.navbar{display:none}#menuToggle input:checked~.navbar{display:block}#menuToggle input:checked~ul{opacity:1;transform:none}#menuToggle input:checked~.hamburger{left:90%;position:absolute;top:-16%}@media (max-width:499px){#menuToggle{display:block;position:relative;-webkit-user-select:none;user-select:none;z-index:1}.nav{display:none}}