.in-header {position: relative;top: 0;left: 5%;z-index: 100;width:90%;}/* ドロワーメニューのClose時のスタイルシート */.drawer {position: fixed;top: 0;left:0;width: 300px;height: 100%;background: rgba(0, 0, 0, 0.75);padding: 0px 14px 50px 10px;transform:  translate(-300px);transition:  ease 0.5s;z-index: 9999;}/* ドロワーメニュー内 */.drawer h1{color: #fff;font-size: 16px;margin: 0;line-height: 40px;}.drawer ul {}.drawer ul li{border-bottom: 1px dotted rgba(255, 255, 255, 0.5);padding: 3px 0 5px;margin: 2px 0;}.drawer ul li a {color: #ffffff;display: inline-block;font-size: 12px;width: 100%;}.drawer ul li a small {color: #dddddd;font-size: 10px;display: inline-block;line-height: 1;}.drawer ul li a small:before,.drawer ul li a small:after {content:'-';margin: 0 2px;}/* ドロワーメニューの開閉ボタン */.drbtn {position: fixed;top: 0;right: -50px;width: 50px;height: 50px;transition: ease 0.5s;cursor: pointer;align-items: flex-end;display: flex;justify-content: center;font-size: 10px;padding-bottom: 2px;z-index: 10000;color: #ffffff;}.drbtn:hover{opacity: 0.8;}.drbtn:action{opacity: 0.5;}@media all and (-ms-high-contrast:none) {*::-ms-backdrop, .drbtn  {top: 10px;left: 10px;}}@media all and (-ms-high-contrast:none) {*::-ms-backdrop, .drbtn.action {top: 10px;left: 300px;}}@media all and (-ms-high-contrast:none) {*::-ms-backdrop, .bg-horn {display: none;}}/* ドロワーメニューをOPENにするスタイルシート */.drawer.action {transform: translateX(0);overflow-y: auto;}/* ボタンをドロワーメニュー内に表示 */.drbtn.action {right: 0;}/* プラットインのリンク */.link {font-size: 12px;}.link a{width:100%;}.link a img{width:50px;margin-left: 12px;}/* メニュー開閉時の角 */.bg-horn {position: fixed;top: 0px;left: 0;width: 100%;}.bg-horn  img {width: 0%;transition:all 0.7s;}.action .bg-horn  img {width: 100%;}/* メニューボタンロゴ */.drbtn img {width: 38px;padding-bottom: 6px;}/* {width: 30px;padding-bottom: 10px;} */.drbtn img.logo_off {display: inline-block;}.drbtn img.logo_on {display: none;}.drbtn.action img.logo_off {display: none;}.drbtn.action img.logo_on {display: inline-block;}.action .in-header h1{transform: translateY(-100px);opacity: 0;animation:animeh1 0.7s ease 0.3s forwards;}@keyframes animeh1 {0% {transform: translateY(-100px);opacity: 0;}100% {transform: translateY(0px);opacity: 1;}}.action .in-header a{transition: all 0.3s;}.action .in-header a:hover{background: rgba(255, 255, 255, 0.2);}.action .in-header li:nth-child(1) a{transform: translateX(-100px);opacity: 0;animation:anime1 0.7s ease 0.1s forwards;}@keyframes anime1 {0% {transform: translateX(-100px);opacity: 0;}100% {transform: translateX(0px);opacity: 1;}}.action .in-header li:nth-child(2) a{transform: translateX(100px);opacity: 0;animation:anime2 0.7s ease 0.2s forwards;}@keyframes anime2 {0% {transform: translateX(100px);opacity: 0;}100% {transform: translateX(0px);opacity: 1;}}.action .in-header li:nth-child(3) a{transform: translateX(-100px);opacity: 0;animation:anime3 0.7s ease 0.3s forwards;}@keyframes anime3 {0% {transform: translateX(-100px);opacity: 0;}100% {transform: translateX(0px);opacity: 1;}}.action .in-header li:nth-child(4) a{transform: translateX(100px);opacity: 0;animation:anime4 0.7s ease 0.4s forwards;}@keyframes anime4 {0% {transform: translateX(100px);opacity: 0;}100% {transform: translateX(0px);opacity: 1;}}.action .in-header li:nth-child(5) a{transform: translateX(-100px);opacity: 0;animation:anime5 0.7s ease 0.5s forwards;}@keyframes anime5 {0% {transform: translateX(-100px);opacity: 0;}100% {transform: translateX(0px);opacity: 1;}}.action .in-header li:nth-child(6) a{transform: translateX(100px);opacity: 0;animation:anime6 0.7s ease 0.6s forwards;}@keyframes anime6 {0% {transform: translateX(100px);opacity: 0;}100% {transform: translateX(0px);opacity: 1;}}.action .in-header li:nth-child(7) a{transform: translateX(-100px);opacity: 0;animation:anime7 0.7s ease 0.7s forwards;}@keyframes anime7 {0% {transform: translateX(-100px);opacity: 0;}100% {transform: translateX(0px);opacity: 1;}}.action .in-header li:nth-child(8) a{transform: translateX(100px);opacity: 0;animation:anime8 0.7s ease 0.8s forwards;}@keyframes anime8 {0% {transform: translateX(100px);opacity: 0;}100% {transform: translateX(0px);opacity: 1;}}.action .in-header li:nth-child(9) a{transform: translateX(-100px);opacity: 0;animation:anime9 0.7s ease 0.9s forwards;}@keyframes anime9 {0% {transform: translateX(-100px);opacity: 0;}100% {transform: translateX(0px);opacity: 1;}}.action .in-header li:nth-child(10) a{transform: translateX(100px);opacity: 0;animation:anime10 0.7s ease 1.0s forwards;}@keyframes anime10 {0% {transform: translateX(100px);opacity: 0;}100% {transform: translateX(0px);opacity: 1;}}.action .in-header li:nth-child(11) a{transform: translateX(-100px);opacity: 0;animation:anime11 0.7s ease 1.1s forwards;}@keyframes anime11 {0% {transform: translateX(-100px);opacity: 0;}100% {transform: translateX(0px);opacity: 1;}}.action .in-header li:nth-child(12) a{transform: translateX(100px);opacity: 0;animation:anime12 0.7s ease 1.2s forwards;}@keyframes anime12 {0% {transform: translateX(100px);opacity: 0;}100% {transform: translateX(0px);opacity: 1;}}.action .in-header li:nth-child(13) a{transform: translateX(-100px);opacity: 0;animation:anime13 0.7s ease 1.3s forwards;}@keyframes anime13 {0% {transform: translateX(-100px);opacity: 0;}100% {transform: translateX(0px);opacity: 1;}}.action .in-header li:nth-child(14) a{transform: translateX(100px);opacity: 0;animation:anime14 0.7s ease 1.4s forwards;}@keyframes anime14 {0% {transform: translateX(100px);opacity: 0;}100% {transform: translateX(0px);opacity: 1;}}.action .link{transform: scale(0,0);opacity: 0;animation:animeLink 0.7s ease 1.6s forwards;}@keyframes animeLink {0% {transform: scale(0,0); opacity: 0;}100% {transform: scale(1.0,1.0); opacity: 1;}}p.copyright {font-size: 10px;color: #ffffff;margin: 14px 0;}.entry-page-btn {position: fixed;top: 0;right: 0;z-index: 9999;}.entry-page-btn a{width: 38px;line-height: 38px;background: #00A7D3;border-radius: 100px;display:  inline-block;text-align:  center;font-size: 10px;margin: 6px;transition: .5s;animation: sc 2.0s ease-in-out infinite;}@keyframes sc {0% {box-shadow: 0 0 0px #ffffff;transform: scale(1.0);}50% {box-shadow: 0 0 5px #ffffff;transform: scale(1.05);}100% {box-shadow: 0 0 0px #ffffff;transform: scale(1.0);}}.entry-page-btn a:hover{color: rgb(253, 255, 133);width: 38px;line-height: 38px;background: #23b9b8;border-radius: 100px;box-shadow: 0 0 2px #ffffff,0 0 10px #ffffff,0 0 20px #ffffff;transform: scale(1.1);display:  inline-block;text-align:  center;font-size: 10px;margin: 6px;}.guideline-page-btn {position: fixed;top: 0;right: 50px;z-index: 9999;}.guideline-page-btn a{background: #00A7D3;border-radius: 100px;display:  inline-block;text-align:  center;font-size: 10px;margin: 6px;transition: .5s;padding: 0 10px;line-height: 38px;}.guideline-page-btn a:hover{color: rgb(253, 255, 133);background: #23b9b8;}