/*
	Theme Name: madamist
	Author: RomCatoriji
	Version: 1.3.7
	Template: genesis
	Template Version: 1.0.0
	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/

@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap);@import url(https://pro.fontawesome.com/releases/v5.10.0/css/all.css);body{font-family:'Noto Sans JP',sans-serif;margin:0}.site-container .footer-copyright{color:#fff;font-size:8px;margin-top:12px;text-align:center;font-weight:100;opacity:.5}.site-container .footer-copyright a{color:#fff}body a{text-decoration:none}body.page{width:100%;height:100%;background:#fff}.page .content{width:80%}.page a{color:#69c}.page .entry-header{display:flex;justify-content:center}.page h1{position:relative;display:inline-block;text-align:center;margin:32px 0;padding:0 60px;font-size:32px;line-height:1em;letter-spacing:.1em}.page h1:before,.page h1:after{content:'';position:absolute;top:50%;display:inline-block;width:45px;height:5px;background-color:#ccc;border-radius:3px}.page h1:before{left:0}.page h1:after{right:0}.page h2{font-size:1.2em;margin:24px 0 10px}.page h2:first-of-type{margin:0 0 10px}@media screen and (max-width:960px){.page h1{font-size:24px;padding:0 45px}.page h1:before,.page h1:after{width:30px}}.loading{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;z-index:1000}.animation{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000}.loading-animation{margin:0 auto;width:120px;text-align:center}.loading-animation>div{width:24px;height:24px;background-color:#999;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.loading-animation .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.loading-animation .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.loading.isotope{background:transparent}.isotope .animation .loading-animation>div{background-color:#8cc9ff}.site-container{display:flex;flex-direction:row;min-height:100vh}.site-header{position:fixed;height:100%;top:0;left:0;background:rgba(0,25,50,.9)}.site-header .wrap{width:300px;display:flex;flex-direction:column;align-items:center}.title-area{margin-top:16px}.site-title{margin:0}.site-title a{display:block;width:280px;height:70px;line-height:115px;background-image:url(https://madamist.jp/wp-content/themes/madamist/images/madamist_logo.png);background-size:280px;text-indent:100%;white-space:nowrap;overflow:hidden;color:transparent}.header-widget-area{display:flex;flex-direction:column;align-items:center;width:100%;height:100vh;overflow-y:scroll}.header-widget-area::-webkit-scrollbar{display:none}.header-widget-area .widget{width:100%}.header-widget-area ul{margin:0;margin-top:16px;padding-left:0;display:flex;justify-content:center;border-top:1px dashed rgba(255,255,255,.3)}.header-widget-area li{list-style-type:none}.header-widget-area li a{display:flex;align-items:center;color:#fff;font-size:12px;text-shadow:#006 1px 1px;margin:12px 4px 0}.header-widget-area li a:hover{color:#69c}.toggle-btn{display:none}#option-label,h4.widget-title{margin:12px 0 4px;padding:10px;background:rgba(0,25,50,.7);font-size:16px;font-weight:600;color:#9cc}.option-container{display:flex;justify-content:center;color:#fff}.option-set{display:flex;flex-wrap:wrap;width:276px}.option-container input[type="text"]{width:276px;padding:3px;margin-top:8px;box-sizing:border-box;border:2px solid #9cc}.checks-tag{flex-basis:40px}.checks-tag.sonota-player{flex-basis:70px}.checks-cat{margin:2px 6px 2px 3px}.checks-tag,.checks-cat:last-of-type{margin:2px 3px}.checks-tag:hover,.checks-cat:hover{color:#69c}.checks-tag label,.checks-cat label{margin-left:2px}.button-group{width:100%}.button-group p{display:flex;justify-content:center}.button-group p button{font-size:12px;width:62px;margin:0 3px;padding:4px 0;background:#fff;box-sizing:border-box;border:2px solid #9cc}.button-group p button.is-checked{background:#cfe6e6}h4.widget-title+div{display:flex;justify-content:center;color:#fff;font-size:14px}h4.widget-title+div p{width:276px;margin:2px 3px}.checks-tag,.checks-cat,.header-widget-area li a{transition:color .3s}div#option-label.title::before,div#option-label.players::before,div#option-label.gmless::before,div#option-label.sort::before,h4.widget-title::before{font-family:'Font Awesome 5 Pro';color:#369;margin-right:6px}div#option-label.title::before{content:'\f002'}div#option-label.players::before{content:'\f007'}div#option-label.gmless::before{content:'\f086'}div#option-label.sort::before{content:'\f88d'}#option-label:first-of-type{margin-top:32px}h4.widget-title::before{content:'\f128'}ul.header-about{display:flex;flex-direction:column;border-top:none;margin-top:4px}ul.header-about li{list-style-type:'- ';margin:4px 0}@media screen and (max-width:960px){.site-container{flex-direction:column}.site-header-front{top:0;margin-top:0;transition:top 0s}.site-header{position:relative;background-color:transparent;width:100%}.site-header .wrap{width:100%;justify-content:center}.header-widget-area ul{justify-content:center}.site-header .title-area{display:block;margin-top:16px}.site-title a{filter:invert(1) hue-rotate(180deg)}.header-widget-area{position:fixed;width:300px;height:100%;left:-300px;top:0;background:rgba(0,25,50,.9);align-items:flex-start;transition:left .5s;z-index:10}.header-widget-area.menu-open{left:0}.toggle-btn{position:fixed;top:24px;left:24px;width:60px;height:60px;background-color:rgba(0,25,50,.9);border-radius:30px;z-index:100}.toggle-btn span{position:absolute;left:0;width:100%;height:4px;background-color:#fff;border-radius:4px}.toggle-btn,.toggle-btn span{display:inline-block;transition:transform .5s,background-color .5s;box-sizing:border-box}.toggle-btn span{width:36px;margin:0 12px}.toggle-btn span:nth-of-type(1){top:16px}.toggle-btn span:nth-of-type(2){top:28px}.toggle-btn span:nth-of-type(3){bottom:16px}.toggle-btn.menu-active{background-color:transparent;-webkit-transform:translate(200px) rotate(360deg);transform:translate(200px) rotate(360deg)}.toggle-btn.menu-active span:nth-of-type(1){-webkit-transform:translateY(16px) rotate(-45deg);transform:translateY(12px) rotate(-45deg)}.toggle-btn.menu-active span:nth-of-type(2){-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}.toggle-btn.menu-active span:nth-of-type(3){opacity:0}}.menu-cover{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;transition:.5s}.menu-cover.cover-active{z-index:10;background:rgba(0,0,0,.6)}.pagetop-btn{display:block;position:fixed;right:20px;bottom:-48px;text-align:center;z-index:999;transition:bottom .5s}.pagetop-btn.pagetop-in{bottom:20px}.pagetop-btn a i{display:inline-block;color:#fff;font-size:28px;background-color:rgba(0,25,50,.9);border-radius:24px;width:48px;height:38px;padding-top:10px}.site-inner{position:relative;width:100%;margin-left:300px;display:flex;justify-content:center}.content{width:100%;margin:0}@media screen and (max-width:960px){.content{margin-top:12px}.site-inner{margin-left:0}}table.cf7_table td,.cf7_table th,.cf7_table input,.cf7_table select,.cf7_table textarea{padding:.7em}table.cf7_table{margin:0 auto;border:3px solid #ddd}.cf7_table th{text-align:left}.single .entry-content table.cf7_table,.page .entry-content table.cf7_table{display:table}.cf7_table input,.cf7_table select,.cf7_table textarea{box-sizing:border-box;width:100%;border:1px solid #d8d8d8}.cf7_table ::placeholder{color:#797979}.cf7_req{font-size:.9em;padding:5px;background:#369;color:#fff;border-radius:5px;margin-right:.5em}.cf7_unreq{font-size:.9em;padding:5px;background:#bbb;color:#fff;border-radius:5px;margin-right:.5em}@media screen and (min-width:960px){.cf7_table th{width:180px;background-color:#eee}}@media screen and (max-width:960px){.cf7_table tr,.cf7_table td,.cf7_table th{display:block;max-width:100%;line-height:2.5em;font-size:.8rem}.cf7_table th{background-color:#ebedf5;box-sizing:border-box;text-align:left}}.wpcf7 input.wpcf7-submit{border:none;color:#fff;background-color:#369;font-size:18px;padding:16px 32px;border-radius:24px}.cf7_btn{display:flex;flex-direction:column;align-items:center;margin-top:20px}.wpcf7-spinner{width:0;margin:0}.home .item-container{display:flex;flex-wrap:wrap;width:100%}.home .item{width:150px;height:150px;margin:5px;float:left;overflow:hidden;position:relative;text-align:center;box-shadow:2px 2px 4px #ccc;-webkit-box-shadow:2px 2px 4px #ccc;-moz-box-shadow:2px 2px 4px #ccc}.home .item img{width:150px;display:block;position:relative;opacity:0;transition:all .3s}.home .item img.lazyloaded{opacity:1}.home .item a{color:#fff}.home .item-mask{width:150px;height:150px;position:absolute;overflow:hidden;top:0;left:0;opacity:0;background-color:rgba(0,0,0,.3);transition:all .3s;display:flex;align-items:center}.home .item-title{position:relative;width:150px}.home .item-title h2{font-size:16px;font-weight:600;margin:5px;text-shadow:0 0 4px #000;-webkit-text-shadow:0 0 4px #000;-moz-text-shadow:0 0 4px #000}.home .item:hover .item-mask{opacity:1}.home .item:hover img{transform:scale(1.1,1.1)}.qa-page-body .content{max-width:640px}.qa-page-body .content ul{padding-left:24px}.qa-page-body .content li{padding-left:6px}.qa-page-body .content li:nth-of-type(odd){list-style-type:"Q."}.qa-page-body .content li:nth-of-type(even){list-style-type:"A."}.post-counter{color:#fff;font-weight:600;display:flex;justify-content:center;align-items:center;margin:0 0 12px;width:300px;position:fixed;left:0;top:86px;z-index:51}.post-counter-before{margin:0 6px;font-weight:300}.post-counter-after{margin:0 6px;font-weight:300}@media screen and (max-width:960px){.post-counter{color:#000;position:static;width:100%;z-index:1}}@media screen and (max-width:960px){.home .content{width:960px}}@media screen and (max-width:959px){.home .content{width:800px}}@media screen and (max-width:799px){.home .content{width:640px}}@media screen and (max-width:639px){.home .content{width:480px}}@media screen and (max-width:479px){.home .content{width:320px}}@media screen and (max-width:319px){.home .content{width:160px}}