main{display:block}header{background:url(../images/common/bg_header.png) repeat-x;width:100%;position:fixed;top:0;left:0;z-index:10;height:60px;box-sizing:border-box}@media (min-width: 640px) and (max-width: 960px){header{height:70px}}@media (min-width: 960px){header{height:100px}}header *{box-sizing:border-box}.header-contents{position:relative;width:100%;padding:0 10px;margin:0 auto;text-align:left;height:60px;box-sizing:border-box}@media (min-width: 640px) and (max-width: 960px){.header-contents{background:url(../images/common/bg_header_chara.png) no-repeat 85% center;background-size:contain;height:70px}}@media (min-width: 960px){.header-contents{background:url(../images/common/bg_header_chara.png) no-repeat 85% center;background-size:contain;height:100px}}.header-contents h1{width:220px;max-width:393px;padding:5px 0 0 5px}.header-contents h1 img{width:100%}@media (min-width: 640px) and (max-width: 960px){.header-contents h1{width:35%;padding:5px 0 0 5px}}@media (min-width: 960px){.header-contents h1{width:50%;max-width:393px;padding:10px 0 0 5px}}#menu{width:100%;max-width:340px;height:100%;background-color:#ffd71d;position:fixed;top:0;right:0;z-index:10;transform:translate(440px);transition:all .5s;padding:10% 0 5% 5%;box-sizing:border-box}#menu *{box-sizing:border-box}#menu #menuColInner{height:100%;width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 5% 0 0}@media (min-width: 960px){#menu #menuColInner{padding:0 30px 0 0}}@media (min-width: 640px) and (max-width: 960px){#menu{max-width:440px}}@media (min-width: 960px){#menu{padding:100px 0 0 30px;max-width:440px}}#menu img{width:100%}#menu.open{transform:translate(0)}#menu ul{margin:0;padding:0;list-style-type:none}#menu #mainCol{margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:2px solid #833600}#menu #mainCol li{width:70%;padding:0 0 4% 0}@media (min-width: 960px){#menu #mainCol li{width:80%;padding:0 0 20px 0}}#menu #snsCol{width:100%;display:flex;justify-content:center;align-items:center;padding:0 0 10px 0}@media (min-width: 960px){#menu #snsCol{padding:0 0 10px 0}}#menu #snsCol li{width:43%;margin:0 3%}#menu #snsCol li:nth-child(2){max-width:154px}@media (min-width: 640px) and (max-width: 960px){#menu #snsCol li{margin:0 4%}}@media (min-width: 960px){#menu #snsCol li{margin:0 4%}}#menu #subCol{width:100%;display:flex;justify-content:center;align-items:center;padding:20px 0}#menu #subCol li{width:45%;margin:0 2%}#menu_btn{position:fixed;top:0;right:0;height:100%;color:#fff;padding:6px 20px;cursor:pointer;background:url(../images/common/btn_toggle_off.png) no-repeat center #ffd71d;background-size:60%;z-index:20;height:60px;width:60px;font-size:0;box-sizing:border-box}@media (min-width: 640px) and (max-width: 960px){#menu_btn{height:70px;width:70px}}@media (min-width: 960px){#menu_btn{background-size:auto;height:100px;width:100px}}#menu_btn.active{background:url(../images/common/btn_toggle_on.png) no-repeat center #ffd71d;background-size:70%}@media (min-width: 960px){#menu_btn.active{background-size:auto}}.menu-background{position:fixed;top:0;left:0;content:"";display:block;width:0;height:0;background-color:rgba(0,0,0,0.5);z-index:2;opacity:0;transition:opacity 0.5s;box-sizing:border-box}.menu-background.open{width:100%;height:100%;opacity:1;box-sizing:border-box}