/*
 * atwiki css for sp
 */


body{
    color: #333;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
    font-size: 15px;
}
header{
    box-shadow: 0 1px 0 rgba(47,49,53,0.04);
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    text-align: center;
}
header img{
    height: 24px;
    width: auto;
}
header a{
    display: inline-block;
    padding: 0 20px;
}

/* for head bar */

.fixedHeader{
    padding-top:42px;
}
.fixedHeader #atwiki-nav{
    position: fixed;
    width: 100%;
    top: 0;
    transform:translate(0, 0);
    z-index:998;
}

#atwiki-nav{
    background-color:#fe9900;
    box-shadow: 0 1px 0 rgba(47,49,53,0.04);
    color: #fff;
    opacity: 0.95;
}
#atwiki-nav nav{
    background-color:#fe9900;
    height: 40px;
    position: relative;
}
#atwiki-nav h1,
#atwiki-nav a.uk-navbar-brand{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color:#fff;
    text-shadow: none;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
}
#atwiki-nav h1{
    margin: 0;
}
#atwiki-nav a.uk-navbar-brand{
    padding: 0;
}
#atwiki-nav a.uk-navbar-brand img{
    width: 30px;
    height: 30px;
    display: inline-block;
}
#atwiki-nav ul li a:hover,
#atwiki-nav ul li a:active {
    background-color: #ee8900;
    text-decoration: none;
}

.atwiki-nav-button {
    width: 44px;
    height: 30px;
}
.atwiki-nav-button > a {
    padding: 5px 0;
    display: block;
    color: #fff;
}
.atwiki-nav-button > a > span {
    display: block;
    font-size: 10px;
    line-height: 10px;
}
.atwiki-nav-button > a > i {
    font-size: 18px;
}

.atwiki-sub-header{
    background-color: #f7f7f7;
    box-shadow: 0 1px 0 rgba(47,49,53,0.08);
    border-bottom: 1px solid #eaeef0;
}
.atwiki-sub-header h2{
    color: #666;
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    padding: 0 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin:0;
}

#atwiki-top-menu > ul{
    background-color: #fef1e2;
}
#atwiki-top-menu > ul > li{
    border: 1px solid rgba(0,0,0,0.06);
}
#atwiki-top-menu > ul > li > a:hover,
#atwiki-top-menu > ul > li > a:active,
#atwiki-top-menu > ul > li > a:focus {
    background-color: #eee1d2;
}

.atwiki-body-wrapper{
    padding: 10px 10px 20px;
}

.atwiki-body-footer{
    border-top: 1px solid #eaeef0;
    border-bottom: 1px solid #eaeef0;
    background: #f7f7f7;
    padding: 15px 0 15px;
    margin-bottom: 10px;
    box-shadow: 0 1px 0 rgba(47,49,53,0.04);
}

.atwiki-subscription{
    padding: 0 0 10px;
}
.atwiki-subscription a,
.atwiki-subscription a:link,
.atwiki-subscription a:visited,
.atwiki-subscription a:hover,
.atwiki-subscription a:active,
.atwiki-subscription a:focus{
    border-color: #fe9900;
    color: #fe9900;
    background-color: #fff;
}

.atwiki-body-footer .twitter-share-button{
    position: relative !important;
    top:6px;
}

.bbs_banner{
    width: 320px;
    margin: 0 auto 10px;
}

.social{
    padding-left: 20px;
}

.atwiki-page-links{
    border-top: 1px solid #eaeef0;
    border-bottom: 1px solid #eaeef0;
    background: #fcfcfc;
    padding: 10px 5px;
    margin-top: 10px;
    box-shadow: 0 1px 0 rgba(47,49,53,0.04);
}

.atwiki-page-links ins{
    background-color: #fff;
}

.atwiki-popular_wikis{
    border: 1px solid #FFD9A1;
    background: #fff;
    border-radius: 5px;
    margin-bottom:15px;
    font-size: 16px;
}
.atwiki-popular_wikis .title{
    background: #fe9900;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: -5px;
}
.atwiki-popular_wikis h3{
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding:0;
    color: #fff;
}
.atwiki-popular_wikis ul{
    margin-bottom: 0;
}
.atwiki-popular_wikis li{
    padding-left: 10px;
    padding-right: 10px;
    border-color: #FFD9A1;
}

.atwiki-popular_wikis > ul > li:last-child{
    padding-bottom: 5px;
}

.atwiki-popular_wikis ul li a {
    display: table;
}
.atwiki-popular_wikis ul li a span {
    display: table-cell;
    vertical-align: middle;
}
.atwiki-popular_wikis ul li a p {
    margin: 5px;
    display: table-cell;
    overflow: hidden;
    color: #ff9900;
    vertical-align: middle;
}

.atwiki-popular_wikis ul>li:nth-child(n+2){
    border-color: #FFD9A1;
}

.atwiki-popular_wikis a.uk-button,
.atwiki-popular_wikis a.uk-button:link,
.atwiki-popular_wikis a.uk-button:visited,
.atwiki-popular_wikis a.uk-button:hover,
.atwiki-popular_wikis a.uk-button:active,
.atwiki-popular_wikis a.uk-button:focus{
    border-color: #ffffff;
    color: #666;
    background-color: #FFD9A1;
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 6px;
}
.atwiki-popular_wikis img,
.atwiki-game-yoyaku img{
    width: 64px;
    height:64px;
    max-width: none;
    display: inline-block;
    margin-right: 5px;
}
.atwiki-game-yoyaku .view-more{
    padding:4px;
}


.atwiki-game-news{
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
    margin-bottom:10px;
}

.atwiki-game-news .title{
    background: #eee;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.atwiki-game-news h3{
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding:0 0 0 10px;
    color: #555;
}
.atwiki-game-news ul{
    margin-bottom: 0px;
}

.atwiki-game-news ul li{
    border-color:#ddd;
}
.atwiki-game-news ul li a{
    display: table;
    font-size: 14px;
    color: #333;
    padding: 5px;
}
.atwiki-game-news ul li a span{
    max-height: 100px;
    display: table-cell;
    vertical-align: top;
}
.atwiki-game-news ul li a p{
    margin: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.atwiki-game-news img{
    max-width: initial;
    width: 80px;
    margin-right: 5px;
}
.atwiki-game-news .uk-list-line>li:nth-child(n+2){
    margin-top: 0;
    padding: 0;
    border-color: #ddd;
}
.atwiki-game-news .viewmore{
    text-align: right;
}
.atwiki-game-news .viewmore i{
    color: #666;
}

.atwiki-footer-contents-box{
    padding: 0 5px;
}

.atwiki-popular-recent-box ul {
    margin-bottom: 0;
}
.atwiki-popular-recent-box .uk-list-line>li:nth-child(n+2){
    margin-top: 0;
    padding: 0;
    border-color: #ddd;
}
.atwiki-popular-recent-box ul li a{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    font-size: 14px;
    color: #333;
    padding: 2px 0 2px 10px;
    height: 31px;
    line-height: 31px;
}
.atwiki-popular-recent-box span{
    font-size: 10px;
    color:#777;
}

.atwiki-popular-recent-box .title{
    padding: 0;
    background: #444;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-left: 10px;
}
.atwiki-popular-recent-box h3{
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}
.atwiki-recent, .atwiki-popular{
    border: 1px solid #ddd;
    border-radius: 5px;
}

footer{
    background-color: #f7f7f4;
    border-top:solid 1px #e3e3e0;
    font-size: 13px;
    box-shadow: 0 1px 0 rgba(47,49,53,0.04);
    padding-bottom: 50px;
}
footer a,
footer .uk-subnav>li>a{
    color:#666;
}
footer .uk-subnav>li>a span{
    font-weight: bold;
    color:#222;
}

.atwiki-footer-search{
    padding: 10px;
    border-bottom:solid 1px #e3e3e0;
    box-shadow: 0 1px 0 rgba(47,49,53,0.04);
}
.atwiki-footer-search .uk-search-field{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: none;
    font-size: 16px;
}
.atwiki-footer-search .uk-button{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.atwiki-copy{
    font-size: 11px;
    color:#999;
    padding:5px 0;
    border-top:solid 1px #f0f0f0;
}

#atwiki-close-offcanvas{
    position: fixed;
    bottom: 90px;
    padding-left: 0;
    background-color: #fff;
    display: none;
}

#atwiki-jump-link{
    position: fixed;
    bottom: 105px;
    right: 10px;
    opacity: 0.8;
    display: none;
}

/*mainly for offcancas*/

#atwiki-offcanvas .uk-search {
    display: inline-block;
    margin: 0;
    position: relative;
}
#atwiki-offcanvas .uk-search:before {
    color: #aaa;
    content: "";
    font-family: FontAwesome;
    position: absolute;
    font-size: 18px;
    top: 0;
    left: 0;
    line-height: 36px;
    text-align: center;
    width: 30px;
}
#atwiki-offcanvas .uk-search-field::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
#atwiki-offcanvas .uk-search-field::-moz-placeholder {
    opacity: 1;
}
#atwiki-offcanvas .uk-search-field {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0;
    box-sizing: border-box;
    color: #aaa;
    font-family: inherit;
    font-feature-settings: inherit;
    font-kerning: inherit;
    font-language-override: inherit;
    font-size: 14px;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-synthesis: inherit;
    font-variant: inherit;
    font-weight: 300;
    height: 36px;
    line-height: inherit;
    margin: 0;
    padding: 0 0 0 30px;
    transition: all 0.2s linear 0s;
    vertical-align: middle;
    width: 150px;
}
#atwiki-offcanvas .uk-search-field::-moz-placeholder {
    color: #aaa;
}
#atwiki-offcanvas .uk-search-field:focus {
    outline: 0 none;
}
#atwiki-offcanvas .uk-search-field.uk-search-field:focus::-moz-placeholder {
    color: rgba(170, 170, 170, 0.5);
}
html #atwiki-offcanvas .uk-nav.uk-nav-offcanvas>li.uk-active>a{
    background-color: transparent;
}

#atwiki-offcanvas .uk-nav-search > li > a {
    color: #525252;
    padding: 15px;
}
#atwiki-offcanvas .uk-nav-search > li > a:hover {
    color: #f5f5f5;
}

#atwiki-offcanvas .uk-nav-search .uk-nav-header {
    color: rgba(82, 82, 82, 0.8);
}
#atwiki-offcanvas .uk-nav-search .uk-nav-divider {
    border-top: 1px solid rgba(234, 234, 234, 0.5);
}
#atwiki-offcanvas .uk-nav-search ul a {
    color: rgba(82, 82, 82, 0.5);
}
#atwiki-offcanvas .uk-nav-search ul a:hover {
    color: #b7c261;
}
#atwiki-offcanvas.uk-offcanvas .uk-search {
    display: block;
    margin: 20px 15px;
}
#atwiki-offcanvas.uk-offcanvas .uk-search:before {
    color: #777;
}
#atwiki-offcanvas.uk-offcanvas .uk-search-field {
    background: none repeat scroll 0 0 rgba(24, 24, 24, 0.62);
    border-color: rgba(0, 0, 0, 0);
    border-radius: 50px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 0 rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.9);
    padding: 0 10px 0 35px !important;
    width: 100%;
    font-size: 16px;
}
#atwiki-offcanvas.uk-offcanvas .uk-search-field::-moz-placeholder {
    color: #777;
}
#atwiki-offcanvas .uk-nav-search > li > a:hover {
    transition: all 0.2s linear 0s;
}
#atwiki-offcanvas .uk-offcanvas-bar .uk-search:before {
    left: 5px;
}
#atwiki-offcanvas .uk-panel > .uk-search {
    margin: 0;
}

#atwiki-offcanvas .uk-nav, .uk-nav ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#atwiki-offcanvas .uk-nav li > a {
    display: block;
    text-decoration: none;
}
#atwiki-offcanvas .uk-nav > li > a {
    padding: 7px 15px;
}
#atwiki-offcanvas .uk-nav ul {
    padding-left: 15px;
}
#atwiki-offcanvas .uk-nav ul a {
    padding: 4px 0;
}
#atwiki-offcanvas .uk-nav li > a > div {
    font-size: 14px;
    line-height: 21px;
}
#atwiki-offcanvas .uk-nav-header {
    font-size: 12px;
    font-weight: bold;
    padding: 7px 15px;
    text-transform: uppercase;
}
#atwiki-offcanvas .uk-nav-header:not(:first-child) {
    margin-top: 20px;
}
#atwiki-offcanvas .uk-nav-divider {
    border-width: 3px !important;
    margin: 0;
}
#atwiki-offcanvas ul.uk-nav-sub {
    background: none repeat scroll 0 0 #fafafa;
    border-top: 1px solid #eaeaea;
    padding: 10px 20px;
}

#atwiki-offcanvas .uk-nav-offcanvas > li > a {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
    color: rgba(255, 255, 255, 1);
    padding: 10px 15px;
    position: relative;
}
#atwiki-offcanvas .uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
    background: none repeat scroll 0 0 #373737;
    color: #fff;
    outline: medium none;
}

#atwiki-offcanvas .uk-nav-offcanvas .uk-nav-header {
    color: #777;
    padding: 10px 15px;
}
#atwiki-offcanvas .uk-nav-offcanvas .uk-nav-divider {
    border-top: 1px solid #101010;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;
}
#atwiki-offcanvas .uk-nav-offcanvas ul a {
    color: rgba(255, 255, 255, 0.7);
}
html:not(.uk-touch) #atwiki-offcanvas .uk-nav-offcanvas ul a:hover {
    color: #fff;
}
#atwiki-offcanvas .uk-nav-side > li:not(.uk-nav-header) + li > a {
    border-top: 1px solid #eaeaea;
}
#atwiki-offcanvas .uk-nav-side > .uk-open > a,
#atwiki-offcanvas .uk-nav-navbar.uk-panel > li > a,
#atwiki-offcanvas .uk-nav-navbar.uk-panel > li > a:hover{
    color: #525252;
}
#atwiki-offcanvas .uk-nav-offcanvas {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
}
#atwiki-offcanvas .uk-nav-offcanvas ul.uk-nav-sub {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.05);
}
#atwiki-offcanvas .uk-nav-offcanvas ul.uk-nav-sub {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
}

#atwiki-offcanvas .uk-nav-parent-icon>.uk-parent>a:after{content:"\f107";}
#atwiki-offcanvas .uk-nav-parent-icon>.uk-parent.uk-open>a:after{content:"\f106"}

#atwiki-offcanvas .atwiki-recent-list span{
    font-size: 10px;
    color: rgba(255, 255, 255, 0.4);
}

#atwiki-offcanvas .uk-nav-offcanvas > li > a#atwiki-username {
    padding: 3px 15px;
    font-size: 12px;
    cursor: default;
}

/* for search */

.uk-search{display:inline-block;position:relative;margin:0}
.uk-search:before{content:"\f002";position:absolute;top:0;left:0;width:30px;line-height:30px;text-align:center;font-family:FontAwesome;font-size:14px;color:rgba(0,0,0,.2)}

.uk-search-field::-moz-focus-inner{border:0;padding:0}
.uk-search-field::-webkit-search-cancel-button,.uk-search-field::-webkit-search-decoration{-webkit-appearance:none}
.uk-search-field::-ms-clear{display:none}.uk-search-field::-moz-placeholder{opacity:1}
.uk-search-field{
    -moz-box-sizing:border-box;box-sizing:border-box;
    margin:0;
    border-radius:0;
    font:inherit;
    color:#666;
    -webkit-appearance:none;
    height:30px;
    padding:0 0 0 30px;
    border:1px solid rgba(0, 0, 0, 0.06);
    background:#fff;
    vertical-align:middle;
    min-width: 230px;
}
.uk-search-field:-ms-input-placeholder{color:#999!important}
.uk-search-field::-moz-placeholder{color:#999}
.uk-search-field::-webkit-input-placeholder{color:#999}
.uk-search-field:focus{outline:0}

/* for ads */

div#top-ads, div#middle-ads, div#footer-ads {
    text-align: center;
    margin: 0 auto 10px;
}

div#top-ads {
    width: 320px;
}
div#top-ads div,
div#middle-ads div,
div#footer-ads div{
    margin: 0 auto 10px;
}

div#middle-ads, div#footer-ads {
    width: 300px;
    margin: 0 auto;
}

@media only screen and (min-width: 350px) {
    div#middle-ads, div#footer-ads {
        width: 336px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 750px) {
    div#top-ads, div#footer-ads {
        width: 728px;
        margin: 0 auto;
    }
}

@media (max-width: 320px) {
    div#top-ads{
        margin-top: 0;
    }
}
@media (min-width: 321px) {
    div#top-ads{
        margin-top: 5px;
    }
}

.atwiki-popular_wikis li.native_ad {
    padding: 5px 0 5px;
}

.atwiki-popular_wikis li.unimedia_ad a{
    text-overflow: clip;
    overflow: visible;
    white-space: normal;
    margin-top: -1px;
}
.atwiki-popular_wikis li.unimedia_ad img{
    float: left;
    display: block;
}
.atwiki-popular_wikis li.unimedia_ad .divider{
    padding-left: 37px;
    display: block;
}
.atwiki-popular_wikis li.unimedia_ad .sponsored{
    color: #999;
    font-size: 10px;
    display: block;
}

.atwiki-popular_wikis .native_ad iframe{
    width: 300px;
    height: 64px;
}
.atwiki-popular_wikis > ul > li > #div-gpt-ad-atwiki_sp_native{
    display: inline-block;
}

#infeed_ad {
    width: 320px;
    margin: 0 0 0 -5px;
}
@media only screen and (min-width: 321px) {
    #infeed_ad {
        margin: 0 auto;
    }
}
@media only screen and (min-width: 370px) {
    #infeed_ad {
        width: 365px;
    }
}

/* for content */

.atwiki-body-wrapper{
    overflow: hidden;
}

.atwiki-body img{
    max-width: 100%;
}

.atwiki-body div > img{
    float: none;
}

.atwiki-body ul{
    padding-left: 15px;
    margin: 5px 0;
}

.atwiki-body ul ul ul ul ul{
    padding-left: 0;
}

.atwiki-body .uk-overflow-container{
    margin-bottom: 10px;
}
.atwiki-body .uk-overflow-container::-webkit-scrollbar {
    height: 6px;
}
.atwiki-body .uk-overflow-container::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #777;
}
.atwiki-body .uk-overflow-container table {
    border: 1px solid #ccc;
}
.atwiki-body .uk-overflow-container table th,
.atwiki-body .uk-overflow-container table td {
    vertical-align: inherit;
    border: 1px solid #ccc;
    white-space: nowrap;
}
.atwiki-body .uk-overflow-container table td img {
    max-width: none;
    height: auto;
}

.atwiki-body span.warning{
    color: #d85030;
}

.atwiki-body h3{
    padding-left: 6px;
    border-left: 3px solid #ff6600;
    font-size: 16px;
    line-height: 16px;
}

.atwiki-menupage{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
}

.menupage-title > h3{
    padding: 0 10px;
    margin-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    background: #444;
    font-size: 14px;
    font-weight: normal;
}

.atwiki-footnote{
    padding: 0 10px 10px;
}
.footnote{
    margin: 0;
}

/* for commands */

.cmd_tag .atwiki-taglist li{
    display: inline-block;
    margin:0 7px 7px 0;
}
.cmd_tag .atwiki-taglist li a{
    display: block;
    padding:3px 5px;
    border:1px solid #aaa;
    white-space: nowrap;
    border-radius: 3px;
    color:#555;
}

.cmd_tag .atwiki-taglist li .weight10{
    font-size: 200%;
    line-height: 200%;
}
.cmd_tag .atwiki-taglist li .weight9{
    font-size: 185%;
    line-height: 185%;
}
.cmd_tag .atwiki-taglist li .weight8{
    font-size: 160%;
    line-height: 160%;
}
.cmd_tag .atwiki-taglist li .weight7{
    font-size: 150%;
    line-height: 150%;
}
.cmd_tag .atwiki-taglist li .weight6{
    font-size: 140%;
    line-height: 140%;
}
.cmd_tag .atwiki-taglist li .weight5{
    font-size: 130%;
    line-height: 130%;
}
.cmd_tag .atwiki-taglist li .weight4{
    font-size: 120%;
    line-height: 120%;
}
.cmd_tag .atwiki-taglist li .weight3{
    font-size: 110%;
    line-height: 110%;
}


textarea {
    box-sizing: border-box;
    width: 100%;
    max-width: 500px;
}