@Ghazascanner
_2019runbot
Ghazascanner File Manager
server :Linux lit731.phy.lolipop.jp 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
Current Path :
/
home
/
users
/
1
/
lolipop.jp-dp36095521
/
web
/
Path :
Upload File :
New :
File
Dir
/home/users/1/lolipop.jp-dp36095521/web/styles.css
@charset "UTF-8"; @import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css); @import url(https://use.fontawesome.com/releases/v5.6.4/css/all.css); /* Base CSS */ /* 基本設定 */ html { margin: 0; /* setting border: 0 hoses ie6 win window inner well border */ padding: 0; } body { margin: 0; /* setting border: 0 hoses ie5 win window inner well border */ padding: 0; font-family: 'Noto Sans JP', sans-serif; /* font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; */ font-size: 18px; line-height: 1.8; } form { margin: 0; padding: 0; } a { text-decoration: none; } a img { border: 0; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote { margin-top: 10px; margin-bottom: 10px; } blockquote { margin: 10px auto 15px auto; padding: 10px; border: 1px dotted #ccc; color: #ff0000; } hr { color: #ccc; height: 1px; width: 100%; text-align: center; } /* standard helper classes */ .clr { clear: both; overflow: hidden; width: 1px; height: 1px; margin: 0 -1px -1px 0; border: 0; padding: 0; font-size: 0; line-height: 0; } .a-clr { visibility: hidden; clear: both; width: 1px; height: 1px; line-height: 0; margin: 0 -1px -1px 0; padding: 0; border: 0; font-size: 0; } /* .pkg class wraps enclosing block element around inner floated elements */ .pkg:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } * html .pkg { display: inline-block; } /* no ie mac \*/ * html .pkg { height: 1%; } .pkg { display: block; } /* */ /* ページ構成 */ body { text-align: center; } /* center on ie */ #container { position: relative; margin: 0 auto; /* center on everything else */ text-align: left; } #container-inner { position: static; width: auto; } #banner { position: relative; } #banner-inner { position: static; } #alpha, #beta, #gamma, #delta { display: inline; /* ie win bugfix */ position: relative; min-height: 1px; } /* #delta { float: left; } */ #alpha-inner, #beta-inner, #gamma-inner, #delta-inner { position: relative; } /* banner user/photo */ .banner-user { float: left; overflow: hidden; width: 64px; margin: 0 15px 0 0; border: 0; padding: 0; text-align: center; } .banner-user-photo { display: block; margin: 0 0 2px 0; border: 0; padding: 0; background-position: center center; background-repeat: no-repeat; text-decoration: none !important; } .banner-user-photo img { width: 64px; height: auto; margin: 0; border: 0; padding: 0; } /* content */ .date-header, .entry-content { position: static; clear: both; } .comment .inner { margin-top: 15px; padding: 0 20px; } .entry, .trackbacks, .comments, .archive { position: static; overflow: hidden; clear: both; width: 100%; margin-bottom: 20px; } .entry-content, .trackbacks-info, .trackback-content, .comment-content, .comments-open-content, .comments-closed { clear: both; font-size: 16px; } .comments-open-content { margin: 20px 0; line-height: 1.8; text-align: left; } .entry-excerpt, .entry-body, .entry-more-link, .entry-more { clear: both; margin-bottom: 15px; } .entry-footer, .trackback-footer, .comment-footer, .comments-open-footer { clear: both; margin: 10px 10px 20px 10px; } .archive-content { clear: both; margin: 10px 20px 0 20px; text-align: left; } .comments-open label { display: block; } #comment-author, #comment-email, #comment-url, #comment-text { width: 240px; } #comment-bake-cookie { margin-left: 0; vertical-align: middle; } .comments-open-header { clear: both; } #comment-post { font-weight: bold; } #mail_preview { margin-right: 15px; } img.image-full { width: 100%; } .image-thumbnail { float: left; width: 115px; margin: 0 10px 10px 0; } .image-thumbnail img { width: 115px; height: 115px; margin: 0 0 2px 0; } /* modules */ .module { position: relative; width: 100%; } .module-content { position: relative; margin: 5px 10px 20px 10px; } .module-list, .archive-list { margin: 0; padding: 0; list-style: none; } .archive-list-item { line-height: 150%; } .module-list-item { margin-top: 5px; margin-bottom: 5px; } .module-presence img { vertical-align: middle; } .module-powered .module-content { margin-bottom: 10px; } .module-photo .module-content { text-align: center; } .module-wishlist .module-content { text-align: center; } .module-calendar .module-content table { border-collapse: collapse; } .module-calendar .module-content th, .module-calendar .module-content td { width: 14%; text-align: center; padding-top: 2px; } .typelist-thumbnailed { margin: 0 0 20px 0; } .typelist-thumbnailed .module-list-item { display: block; clear: both; margin: 0; } /* positioniseverything.net/easyclearing.html */ .typelist-thumbnailed .module-list-item:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } * html .typelist-thumbnailed .module-list-item { display: inline-block; } /* no ie mac \*/ * html .typelist-thumbnailed .module-list-item { height: 1%; } .typelist-thumbnailed .module-list-item { display: block; } /* */ .typelist-thumbnail { float: left; min-width: 60px; width: 60px; /* no ie mac \*/width: auto;/* */ margin: 0 5px 0 0; text-align: center; vertical-align: middle; } .typelist-thumbnail img { margin: 5px; } .module-galleries .typelist-thumbnail img { width: 50px; } .typelist-description { margin: 0; padding: 5px; } .module-featured-photo .module-content, .module-photo .module-content { margin: 0; } .module-featured-photo img { width: 100%; } .module-recent-photos { margin: 0 0 15px 0; } .module-recent-photos .module-content { margin: 0; } .module-recent-photos .module-list { display: block; height: 1%; margin: 0; border: 0; padding: 0; list-style: none; } /* positioniseverything.net/easyclearing.html */ .module-recent-photos .module-list:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } * html .module-recent-photos .module-list { display: inline-block; } /* no ie mac \*/ * html .module-recent-photos .module-list { height: 1%; } .module-recent-photos .module-list { display: block; } /* */ .module-recent-photos .module-list-item { display: block; float: left; /* ie win fix \*/ height: 1%; /**/ margin: 0; border: 0; padding: 0; } .module-recent-photos .module-list-item a { display: block; margin: 0; border: 0; padding: 0; } .module-recent-photos .module-list-item img { width: 60px; height: 60px; margin: 0; padding: 0; } /* mmt calendar */ .module-mmt-calendar { margin-bottom: 15px; } .module-mmt-calendar .module-content { margin: 0; } .module-mmt-calendar .module-header { margin: 0; } .module-mmt-calendar .module-header a { text-decoration: none; } .module-mmt-calendar table { width: 100%; } .module-mmt-calendar th { text-align: left; } .module-mmt-calendar td { width: 14%; height: 75px; text-align: left; vertical-align: top; } .day-photo { width: 54px; height: 54px; } .day-photo a { display: block; } .day-photo a img { width: 50px; height: 50px; } .clear { clear: both; overflow: hidden; width: 1px; height: 1px; margin: 0 -1px -1px 0; border: 0; padding: 0; font-size: 0; line-height: 0; } /* Vicksburg II (theme-vicksburg.css) */ /* basic page elements */ body { font-family: 'Noto Sans JP', sans-serif; /* font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; */ font-size: 18px; } a { color: #0065ca; text-decoration: underline; } a:hover { color: #ff0000; text-decoration: underline; } #banner a { color: #333; text-decoration: none; } #banner a:hover { color: #f00; } .module-content a { color: #666; text-decoration: none; } .module-content a:hover { color: #f00; text-decoration: underline; } h1, h2, h3, h4, h5, h6 { font-family: 'Noto Sans JP', sans-serif; /* font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; */ } .module-header, .trackbacks-header, .comments-header, .comments-open-header, .archive-header { /* ie win (5, 5.5, 6) bugfix */ p\osition: relative; margin: 15px 0 5px 0; border-left: 5px solid #00A3D9; padding: 10px; color: #333; background: #f3f3f3; font-size: 16px; font-weight: bold; line-height: 1.8; text-transform: uppercase; text-align: left; } .module-header a, .module-header a:hover, .trackbacks-header a, .trackbacks-header a:hover, .comments-header a, .comments-header a:hover, .comments-open-header a, .comments-open-header a:hover .archive-header a, .archive-header a:hover { color: #300; } .entry-more-link, .entry-footer, .comment-footer, .trackback-footer, .typelist-thumbnailed { font-size: 11px; } .commenter-profile img { vertical-align: middle; } /* ページレイアウト */ body { color: #333; background: #fff; word-wrap: break-all; } .red { color: #f00; } .grey { color: #666; } #pagetop { display: none; } #container { width: 100%; margin: 0; } #container-inner { width: 100%; margin: 0; padding: 0; text-align: center; } #header { width: 100%; margin: 0; padding: 0; } #header-inner { width: 100%; margin: 0; padding: 0; text-align: center; } #header-content { width: 1020px; overflow: hidden; margin: 0 auto 10px; text-align: left; } #header-content-left { float: left; width: 300px; } #header-content-right { float: right; width: 670px; text-align: right; } h2#header-title { display: block; width: 300px; height: 60px; padding: 8px 0 9px; } h2#header-title a { display: block; width: 300px; height: 60px; background: url(https://www.ff23.com/images/logo.png) no-repeat 0 0; text-indent: -9999px; text-decoration: none; } h1#header-name { line-height: 2; margin: 0; padding: 10px 0 0; color: #333; font-weight: bold; font-size: 14px; _font-size: 13px; _letter-spacing: 1px; } *:first-child+html h1#header-name { font-size: 13px; letter-spacing: 1px; } h1#header-name a { text-decoration: none; color: #333; } h2#header-description { line-height: 1.6; margin: 10px 0 0; padding: 0; color: #666; font-size: 14px; _font-size: 13px; font-weight: normal; _letter-spacing: 1px; } *:first-child+html h2#header-description { font-size: 13px; letter-spacing: 1px; } #header-content-right #search-box { padding: 50px 0 0 370px; } #header-content-right #search { float: left; width: 246px; border: 1px solid #ccc; border-radius: 4px; height: 28px; font-size: 14px; background-color: #f3f3f3; text-indent: 5px; } #header-content-right #submit { float: left; width: 45px; height: 32px; border: 1px solid #ccc; border-radius: 4px; margin-left: 5px; text-align: center; } #header-content-right input { height: 26px; } #header-menu { position: rerative; width: 100%; height: 54px; overflow: hidden; margin: 0; background-color: #00A3D9; text-align: center; line-height: 1.5; } #header-menu-inner { position: 0 50%; width: 1020px; margin: 0 auto; border-right: 1px solid rgba(255, 255, 255, 0.5); } #header-menu-inner ul { list-style: none; margin: 0; padding: 0; } #header-menu-inner ul li { float: left; width: 169px; height: 54px; border-left: 1px solid rgba(255, 255, 255, 0.5); margin: 0; padding: 0; font-size: 16px; } #header-menu-inner ul li a { display: block; width: 170px; height: 54px; margin: 0; padding: 14px 0 0; text-align: center; color: #fff; font-weight: bold; text-decoration: none; } #header-menu-inner ul li a:hover { background-color: #0FC4FF; } #header-menu-inner ul li a, #header-menu-inner ul li a::before, #header-menu-inner ul li a::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } #content { width: 100%; padding: 0; text-align: center; } #content-inner { display: flex; flex-flow: row wrap; justify-content: space-between; width: 1020px; height: auto; margin: 40px auto 0; padding: 0; } #topics { width: 100%; margin: 0 0 30px; } #topics h3 { width: 100%; margin: 0 0 10px; border-bottom: 2px solid #00A3D9; font-size: 18px; font-weight: bold; } #topics .list { width: 100%; padding: 5px 0 8px; line-height: 1.5; border-bottom: 1px dotted #999; font-size: 16px; } /* メインイメージ */ #main-title { display: block; text-indent: -9999px; width: 720px; height: 250px; margin: 20px 0 30px; background-image: url("https://www.ff23.com/images/maintitle.png"); } #main-banner { overflow: hidden; width: 100%; margin-bottom: 0; text-align: left; } #main-banner-inner { width: 120%; text-align: center; } #main-banner-inner .banner01 a { display: block; text-indent: -9999px; float: left; width: 220px; height: 150px; margin-right: 30px; background-image: url("https://www.ff23.com/images/main_banner01.png"); } #main-banner-inner .banner02 a { display: block; text-indent: -9999px; float: left; width: 220px; height: 150px; margin-right: 30px; background-image: url("https://www.ff23.com/images/main_banner02.png"); } #main-banner-inner .banner03 a { display: block; text-indent: -9999px; float: left; width: 220px; height: 150px; margin-right: 30px; background-image: url("https://www.ff23.com/images/main_banner03.png"); } #main-banner-inner .banner01 a:hover, #main-banner-inner .banner02 a:hover, #main-banner-inner .banner03 a:hover { transition-duration: 0.3s; opacity: 0.6; } #alpha { width: 720px; height: 100%; margin: 0 50px 0 0; box-sizing: border-box; } #alpha-inner { width: 100%; padding: 0; text-align: left; } h2#page-title { line-height: 1.5; border-top: 2px solid #00A3D9; border-bottom: 2px solid #00A3D9; margin: 0 0 30px 0; padding: 7px 0 10px; color: #333; font-weight: bold; font-size: 30px; text-align: center; background: none; } .mt-search-results h2#page-title { border-left: none; margin: 0 0 30px; padding: 10px 15px 15px; color: #333; font-weight: bold; font-size: 20px; background: none; } h2#page-title em { font-style: normal; } .box { width: 100%; margin: 0; padding: 0 0 40px 0; text-align: left; } .asset-content { width: 100%; margin: 0; padding: 0 0 20px; text-align: left; } .box .s-box { width: 100%; margin: 0; padding: 0; } .box .s-box h2 { margin: 0 0 10px 0; padding: 5px 0 5px 18px; border-left: 6px solid #00A3D9; line-height: 1.5; color: #333; font-weight: bold; font-size: 36px; } .box .s-box h2 a { color: #333; text-decoration: none; } .box .s-box h2 a:hover { color: #f00; } .box .s-box h3 { line-height: 1.5; margin: 30px 0; padding: 7px 15px 10px; border-left: 5px solid #00A3D9; background-color: #f3f3f3; color: #333; font-weight: bold; font-size: 24px; text-align: left; } .asset-body h3 { line-height: 1.5; margin: 30px 0; padding: 7px 15px 10px; border-left: 5px solid #00A3D9; background-color: #f3f3f3; color: #333; font-weight: bold; font-size: 24px; text-align: left; } .box .s-box h4 { line-height: 1.5; margin: 0 0 20px 0; padding: 7px 0 10px; border-top: 1px solid #00A3D9; border-bottom: 1px solid #00A3D9; color: #333; font-weight: bold; font-size: 20px; text-align: left; } .asset-body h4 { line-height: 1.5; margin: 0 0 20px 0; padding: 7px 0 10px; border-top: 1px solid #00A3D9; border-bottom: 1px solid #00A3D9; color: #333; font-weight: bold; font-size: 20px; text-align: left; } .box .s-box h5 { line-height: 1.5; margin: 0 0 20px 0; padding: 7px 15px 10px; color: #333; font-weight: bold; font-size: 18px; text-align: left; background-color: #D9F1F9; } .asset-body h5 { line-height: 1.5; margin: 0 0 20px 0; padding: 7px 15px 10px; color: #333; font-weight: bold; font-size: 18px; text-align: left; background-color: #D9F1F9; } .box .s-box p, .asset-body p { margin-bottom: 30px; } .asset-body .r-link1 a { background-color: #333333; color: #ffffff; padding: 5px 10px 8px 10px; border-radius: 5px; font-weight: bold; font-size: 16px; text-align: center; text-decoration: none; } .asset-body .r-link1 a:hover { background-color: #666666; } .asset-body .r-link2 a { background-color: #ff8800; color: #ffffff; padding: 5px 10px 8px 10px; border-radius: 5px; font-weight: bold; font-size: 16px; text-align: center; text-decoration: none; } .asset-body .r-link2 a:hover { background-color: #ff6600; } .box .s-box .entry-outline img { margin: 0 20px 20px 0; padding: 0; } .box .s-box .entry-outline { overflow: hidden; line-height: 1.8; margin: 0; padding: 20px 0 0; } .box .s-box .entry-outline ul { margin: 0 0 10px 25px; padding: 0; } .box .s-box .entry-outline hr { margin: 20px 0; border: 1px solid #ccc; } .box .s-box .post { width: 100%; line-height: 1.5; margin: 0 0 20px 0; padding: 10px 0 0; border-top: 1px #ccc solid; color: #666; } .entry-categories { clear: both; width: 100%; margin: 15px 0; } h4.entry-categories-header { width: 100%; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px #e4e2e2 dotted; font-weight: bold; font-size: 16px; } ul.entry-categories-list { list-style: none; margin: 0; padding: 0; } li.entry-category { line-height: 1.8; padding-left: 13px; background: url(https://www.ff23.com/images/module_list.gif) no-repeat 0 13px; } #alpha-inner .ads-link { width: 100%; margin: 0; text-align: left; } #alpha-inner .ads-link-top { width: 100%; margin: 0 0 30px; text-align: left; } #alpha-inner .ads-link-box { width: 100%; margin: 0; text-align: left; } #alpha-inner .ads-link-l { float: left; width: 340px; } #alpha-inner .ads-link-r { float: right; width: 340px; } .paging { width: 100%; border: 1px solid #ccc; margin-bottom: 30px; padding: 10px 0; text-align: center; background-color: #F3F3F3; } #page_top{ width: 60px; height: 60px; position: fixed; right: 20px; bottom: 30px; opacity: 1; z-index: 1; line-height: 1.5; } #page_top a{ width: 60px; height: 60px; text-decoration: none; } #page_top a::before{ font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f0aa'; font-size: 60px; color: #333; } .entry-sbox { overflow: hidden; width: 100%; margin-bottom: 0; text-align: left; } .entry-sbox h3 { margin: 30px 0 20px 0; padding: 7px 15px 10px; border-left: 5px solid #00A3D9; background-color: #f3f3f3; color: #333; font-weight: bold; font-size: 20px; text-align: left; } .entry-sbox-inner { width: 120%; } .entry-sbox-inner .entry-item { float: left; display: block; width: 165px; margin: 0 20px 30px 0; } .entry-sbox-inner .entry-item .date { margin-top: 5px; line-height: 1.5; font-size: 14px; color: #999; } .entry-sbox-inner .entry-item .title { overflow: hidden; height: 65px; line-height: 1.5; padding: 5px 0 10px; font-size: 16px; font-weight: normal; } .entry-sbox-inner .entry-item .title a { text-decoration: none; } .entry-sbox-inner .entry-item .thumbnail { overflow: hidden; width: 165px; height: 120px; margin: 10px 0 0; padding: 0; text-align: center; background: #000; } .entry-sbox-inner .entry-item .thumbnail-inner img { display: block; transition-duration: 0.3s; height: 120px; margin: 0 -80%; text-align: center; } .entry-sbox-inner .entry-item .thumbnail-inner img:hover { transform: scale(1.1); transition-duration: 0.3s; opacity: 0.6; } .entry-sbox-inner .entry-item .thumbnail-inner { width: 100%; margin: 0; padding: 0; text-align: center; } .entry-sbox-inner .entry-item .outline { line-height: 1.5; border-bottom: 1px dotted #ccc; margin: 0; padding: 7px 0; font-size: 16px; background-color: #fff; } .entry-sbox-inner .entry-item .outline a { color: #333; text-decoration: none; } .entry-sbox-inner .entry-item .outline a:hover { color: #666; } .entry-sbox-inner .entry-item .link a { display: block; width: 70px; line-height: 1.4; font-size: 14px; border-radius: 0 0 7px 7px; padding: 3px 10px 5px; color: #fff; text-decoration: none; background-color: #00A3D9; } .entry-sbox-inner .entry-item .link a:hover { transition-duration: 0.3s; background-color: #FF8000; } .entry-sbox-inner .entry-item2 { float: left; display: block; width: 340px; margin: 5px 25px 25px 5px; box-shadow: 0px 0px 5px rgba(204,204,204,0.5),0px 0px 5px rgba(204,204,204,0.5); } .entry-sbox-inner .entry-item2-inner { padding: 5px 10px 10px; } .entry-sbox-inner .entry-item2 .date { margin-top: 5px; line-height: 1.5; font-size: 14px; color: #999; } .entry-sbox-inner .entry-item2 .title { overflow: hidden; height: 45px; line-height: 1.5; padding: 5px 0 10px; font-size: 18px; font-weight: normal; } .entry-sbox-inner .entry-item2 .title a { text-decoration: none; } .entry-sbox-inner .entry-item2 .thumbnail { overflow: hidden; width: 340px; height: 155px; margin: 0 0 10px 0; padding: 0; text-align: center; background: #000; } .entry-sbox-inner .entry-item2 .thumbnail-inner img { display: block; transition-duration: 0.3s; height: 155px; margin: 0 -31%; text-align: center; } .entry-sbox-inner .entry-item2 .thumbnail-inner img:hover { transform: scale(1.1); transition-duration: 0.3s; opacity: 0.6; } .entry-sbox-inner .entry-item2 .thumbnail-inner { width: 100%; margin: 0; padding: 0; text-align: center; } .spt { clear: both; margin: 20px 0 10px 0; font-size: 11px; text-align: right; } #foot-navi { width: 100%; margin-top: 60px; text-align: center; background-color: #f3f3f3; } #foot-navi-inner { width: 1020px; margin: 0 auto; padding: 30px 0; text-align: center; font-size: 14px; } #foot-navi-inner #link { line-height: 1.8; color: #666; font-size: 14px; _font-size: 13px; _letter-spacing: 1px; } *:first-child+html #foot-navi-inner #link { font-size: 14px; letter-spacing: 1px; } #beta { position: relative; width: 250px; margin: 0; box-sizing: border-box; text-align: center; } #gamma, #delta { position: relative; width: 250px; height: 100%; margin: 0; box-sizing: border-box; align-items: strech; flex: 1;} #beta h2.menu-img { margin: 0; padding: 0; } #beta h2 { margin: 0 0 15px 0; padding: 10px; background-color: #111; color: #fff; font-weight: bold; } #beta .module { width: 100%; margin: 0 0 30px; font-size: 16px; _font-size: 15px; } #beta .module h3 { margin: 15px 0 10px 0; padding: 3px 10px; border-left: 5px solid #00A3D9; background-color: #fff; color: #333; font-weight: bold; font-size: 18px; text-align: left; } #beta .module h3.widget-header { padding: 3px 10px; border-left: 5px solid #00A3D9; color: #333; font-weight: bold; font-size: 18px; _font-size: 17px; _letter-spacing: 1px; background-color: #fffpx } *:first-child+html #beta .module h3.widget-header { font-size: 17px; letter-spacing: 1px; } #beta .module .widget-content ul { list-style: none; width: 100%; margin: 0; padding: 0; border: none; } #beta .module .widget-content ul li { line-height: 1.6; margin: 0; padding: 0; font-size: 16px; background: none; } .search-options input { vertical-align: -8px; } #beta #module-p { width: 100%; margin: 5px 0 0; font-size: 16px; _font-size: 15px; } #beta #module-p h3 { margin: 15px 0 10px 0; padding: 3px 10px; border-left: 5px solid #00A3D9; background-color: #fff; color: #333; font-weight: bold; font-size: 18px; text-align: left; } #beta .module ul { list-style: none; border: 1px solid #ccc; width: 248px; margin: 0; padding: 10px 0; } #beta .module ul li { line-height: 1.6; margin: 0; padding: 0 10px 0 23px; font-size: 16px; _font-size: 15px; _letter-spacing: 1px; background: url(https://www.ff23.com/images/module_list.gif) no-repeat 10px 10px; } *:first-child+html #beta .module ul li { font-size: 15px; letter-spacing: 1px; } html>/**/body #beta .module ul li { } #beta .module-box { width: 100%; margin: 0; padding: 0 0 10px; } #beta .module-sbox { width: 100%; margin: 0; padding: 10px 0 10px; border-bottom: 1px dotted #999; } #beta .module-sbox .module-l { overflow: hidden; float: left; width: 100px; margin: 0; padding: 0; text-align: center; background: #000; } #beta .module-sbox .module-l img { display: block; transition-duration: 0.3s; height: 100px; margin: 0 -130%; text-align: center; } #beta .module-sbox .module-l img:hover { transform: scale(1.1); transition-duration: 0.3s; opacity: 0.6; } #beta .module-sbox .module-l-inner { width: 100%; margin: 0; padding: 0; text-align: center; } #beta .module-sbox .module-r { float: right; width: 135px; margin: 0; padding: 0; } .theme-box { width: 100%; margin: 0 0 3px; } .theme-box .theme { display: inline-block; white-space: nowrap; line-height: 1; border-radius: 5px; background-color: #F07B7E; padding: 5px 7px 6px; color: #fff; font-size: 12px; } #beta .module-sbox .module-r .date { line-height: 1.8; font-size: 14px; color: #999; } #beta .module-sbox .module-r .title a { line-height: 1.5; font-size: 16px; font-weight: normal; text-decoration: none; } #beta .module .profile { border: 1px solid #ccc; width: 228px; margin: 0; padding: 10px; } #beta .module .profile .profile-l { float: left; width: 60px; margin: 0 10px 0 0; } #beta .module .profile .profile-r { float: left; width: 158px; line-height: 1.4; margin: 0; font-size: 14px; } #beta .ads-link { width: 100%; margin: 0; padding: 0 0 10px; } #beta .ads-link-banner { width: 250px; margin: 0 auto; padding: 0 0 10px; font-size: 15px; text-align: center; } #beta .ads-link-banner img { width: 250px; } #beta .ads-link-banner iframe { width: 250px; } #footer { clear: both; width: 100%; margin: 0; padding: 30px 0 20px; background-color: #00A3D9; text-align: center; } #footer-inner { over-flow: hidden; width: 1020px; margin: 0 auto; padding: 0; text-align: center; } #footer-inner .as-link { width: 1080px; } #footer-inner .as-link ul { list-style: none; margin: 0; padding: 0; } #footer-inner .as-link ul li { float: left; line-height: 1; margin: 0 30px 10px 0; } #footer-inner img.bana1 { margin: 0 20px 0 0; } #footer-inner img.bana2 { margin: 0 20px 0 0; } #footer-inner img.bana3 { margin: 0 20px 0 0; } .date-header { margin-top: 3px; font-size: 16px; font-weight: normal; text-align: right; color: #999; text-transform: uppercase; } #copy { width: 100%; padding: 20px 0; font-size: 12px; color: #666; text-align: center; } .entry-header { margin: 0; background: url(https://www.ff23.com/images/entry-title.gif) no-repeat 0 2px; padding: 0 0 0 20px; color: #00004f; font-size: 16px; font-weight: bold; line-height: 21px; } .comment-preview h3, .mt-comment-error h3, .mt-comment-confirmation h3, .mt-comment-pending h3, .mt-dynamic-error h3 { margin: 0; background: url(https://www.ff23.com/images/entry-title.gif) no-repeat 0 2px; padding: 0 0 0 20px; color: #00004f; font-size: 16px; font-weight: bold; line-height: 21px; } .mt-comment-confirmation p, .mt-comment-pending p { line-height: 18px; text-align: left; } .entry-content, .comment-content, .trackback-content { margin: 0; line-height: 16px; } .entry-tags { margin: 0 0 10px 0; } .entry-tags-header, .entry-tags-list, .entry-tag { display: inline; } .entry-tags-list { list-style: none; padding: 0; } .entry-footer, .comment-footer, .trackback-footer { margin: 10px 0 20px 0; border-top: 1px solid #dae0e6; padding-top: 3px; color: #666; font-size: 10px; text-align: right; } .comment-content, .trackback-content, .comment-footer, .trackback-footer { margin-left: 0; } .comment-content { margin: 10px 0; text-align: left; } .trackbacks-info { margin: 20px 0; border: 1px dashed #645340; padding: 10px; color: #292e33; font-size: 16px; text-align: center; line-height: 1.8; background: #f3f3f3; } .trackbacks-content { padding: 10px 0 0 0; text-align: left; } .trackback { margin: 0; padding: 0; } .trackback .inner { margin: 0; padding: 0; } .trackback-header { margin-bottom: 5px; } .trackback-content { line-height: 18px; margin-bottom: 10px; text-align: left; } .comments-open-footer { margin: 10px 0; } .photo img { padding: 0; margin: 0; } .outline { padding: 5px; margin-top: 5px; font-size: 11px; background-color: #f0f0f0; } .photo2 img { border-width: 1px; border-style: solid; border-color: #ddd; padding: 0; margin: 0; } /* ナビゲーション */ ul#navi { list-style: none; width: 698px; margin: 0; padding: 0; } ul#navi li { float: left; line-height: 1em; margin: 0; padding: 0; } ul#navi li a { display: block; height: 23px; text-indent: -9999px; text-decoration: none; } ul#navi li a:hover { height: 23px; text-decoration: none; } ul#navi li#btn1 a { width: 117px; background: url(../images/menu_btn.gif) no-repeat 0 -23px; } ul#navi li#btn1 a:hover { width: 117px; background: url(../images/menu_btn.gif) no-repeat 0 -23px; } ul#navi li#btn2 a { width: 116px; background: url(../images/menu_btn.gif) no-repeat -117px 0; } ul#navi li#btn2 a:hover { width: 116px; background: url(../images/menu_btn.gif) no-repeat -117px -23px; } ul#navi li#btn3 a { width: 117px; background: url(../images/menu_btn.gif) no-repeat -233px 0; } ul#navi li#btn3 a:hover { width: 117px; background: url(../images/menu_btn.gif) no-repeat -233px -23px; } ul#navi li#btn4 a { width: 116px; background: url(../images/menu_btn.gif) no-repeat -350px 0; } ul#navi li#btn4 a:hover { width: 116px; background: url(../images/menu_btn.gif) no-repeat -350px -23px; } ul#navi li#btn5 a { width: 116px; background: url(../images/menu_btn.gif) no-repeat -466px 0; } ul#navi li#btn5 a:hover { width: 116px; background: url(../images/menu_btn.gif) no-repeat -466px -23px; } ul#navi li#btn6 a { width: 116px; background: url(../images/menu_btn.gif) no-repeat -582px 0; } ul#navi li#btn6 a:hover { width: 116px; background: url(../images/menu_btn.gif) no-repeat -582px -23px; } /* パンくず */ #pankuzu { width: 100%; line-height: 1.5; margin: 0 0 0 0; padding: 0 0 0 15px; background: url(https://www.ff23.com/images/y3.gif) no-repeat 0 4px; } /* 角丸 */ div.entry_head { background-image:url(../images/entry_cn_head.gif); background-repeat:no-repeat; padding: 0; margin: 0; width: 100%; height: 7px; overflow: hidden; } div.entry_text { background-image: url(../images/entry_cn_middle.gif); background-repeat: repeat-y; width: 100%; padding: 0 7px; margin: 0; } div.entry_foot { background-image: url(../images/entry_cn_foot.gif); background-repeat: no-repeat; width: 100%; height: 7px; overflow: hidden; padding: 0; margin: 0 0 15px 0; } .intro_table table { width: 100%; border-collapse: collapse; border: 1px solid #cccccc; } .intro_table th { width: 35%; line-height: 1.5; border: 1px solid #cccccc; padding: 10px; text-align: left; font-weigth: bold; background-color: #f3f3f3; } .intro_table td { line-height: 1.5; border: 1px solid #cccccc; padding: 10px; text-align: left; } .toc { background-color: #fff; padding: 20px 30px 30px; margin-top: 20px; border: 3px solid #ccc; text-align: center; } .toc_m { font-size: 20px; text-align: center; border-bottom: 1px dotted #999; padding-bottom: 10px; } .toc label { width: 100%; margin: 0 auto; font-size: 20px; text-align: center; border-bottom: 1px dotted #999; padding: 0 10px 10px; cursor: pointer; } .toc input { display: none; } .toc .toc_c { padding: 10px 0 0; height: auto; opacity: 1; transition: 0.8s; visibility: visible; text-align: left; } .toc #label1:checked ~ .toc_c { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: .5s; } .toc label:after { display: inline-block; content: "\f00d"; font-family: "FontAwesome"; font-weight: bold; padding-left: 5px; transition: 0.2s; } .toc #label1:checked ~ label:after { content: "\f0d7"; } .toc ol { margin: 0 30px; padding: 0; } .toc ol ul { margin: 0 30px 30px 30px; padding: 0 0 15px 0; } .toc li { line-height: 1.8; margin: 0; padding: 5px 0; border-bottom: 1px dotted #999; } /* モジュール */ .module { margin: 0 auto 10px auto; background: #fff; width: 100%; text-align: left; } .module-content { margin: 0; padding: 5px 5px 1px 5px; font-size: 16px; line-height: 1.6; background: url(https://www.ff23.com/images/side-m.gif) repeat-y 0 0; } .module-content-search { margin: 0; padding: 15px 0; font-size: 16px; line-height: 1.6; color: #333; text-align: left; } .module-menu { background: #ebebeb; border: 0; } .module-search { height: 47px; padding-top: 5px; } .module-search #search-left { float: left; width: 89px; } .module-search #search-right { float: left; padding-top: 2px; } .module-search img.m-top { vertical-align: bottom; } .module-search input { font-size: 16px; } .module-search #search { width: 105px; height: 28px; margin-top: 0; } .module-search #submit { margin: 0; padding: 0; width: 45px; height: 32px; vertical-align: bottom; } .module-mmt-calendar .module-content table, .module-calendar .module-content table { font-size: 16px; width: 100%; } .module-mmt-calendar .module-content caption, .module-calendar .module-content caption { font-size: 16px; font-weight: bold; padding-bottom: 3px; color: #900; } .module-mmt-calendar .module-content td, .module-calendar .module-content td { border: 1px solid #ccc; background-color: #fff; background-image: url(https://www.ff23.com/images/cal_bg.gif); background-repeat: repeat-x; } .module-mmt-calendar .module-content th, .module-calendar .module-content th { border: 1px solid #ccc; background-color: #eee; background-image: url(https://www.ff23.com/images/cal_bg2.gif); background-repeat: repeat-x; } .module-powered { border-width: 0; } .module-powered .module-content { margin-bottom: 0; border: 1px dashed #a3b8cc; padding-bottom: 10px; color: #292e33; background: #fff; } .module-photo { background: none; } .module-photo img { border: solid 1px #fff; } .module-list { margin: 0 5px 5px 3px; list-style: none; } .module-list .module-list { margin: 5px 0 0 0; padding-left: 0; list-style: none; } .module-list-item { margin-top: 0; padding-left: 10px; color: #666; line-height: 1.6; background: url(https://www.ff23.com/images/side-list.gif) no-repeat 0 3px; } .module-list-item .module-list-item { margin-top: 0; padding-left: 10px; color: #666; line-height: 1.6; background: url(https://www.ff23.com/images/side-list.gif) no-repeat 0 5px; } .typelist-thumbnailed .module-list { margin: 0 0 10px 0; list-style: none; } .typelist-thumbnailed .module-list-item { margin: 1px 0; padding: 0; background: #f3f6f9; } .typelist-thumbnail { background: #fff; } .module-photo img { border: 1px solid #fff; } .module-featured-photo { width: 398px; } .module-featured-photo .module-content { margin: 0; border-width: 0; padding: 0; } .module-featured-photo img { width: 398px; } .module-recent-photos .module-content { padding: 10px 0 0 19px; } .module-recent-photos .module-list { margin: 0; } .module-recent-photos .module-list-item { width: 64px; /* mac ie fix */ margin: 0 10px 10px 0; padding: 0; background: none; } .module-recent-photos .module-list-item a { border: #cfd4d9 1px solid; padding: 1px; background: #fff; } .module-recent-photos .module-list-item a:hover { border-color: #36414d; background: #fff; } .module-tagcloud .module-list {text-align: center; } .module-tagcloud .module-list { list-style: none; } .module-tagcloud .module-list-item { display: inline; } .module-tagcloud li.taglevel1 { font-size: 19px; } .module-tagcloud li.taglevel2 { font-size: 17px; } .module-tagcloud li.taglevel3 { font-size: 15px; } .module-tagcloud li.taglevel4 { font-size: 13px; } .module-tagcloud li.taglevel5 { font-size: 11px; } .module-tagcloud li.taglevel6 { font-size: 9px; } /* calendar tweaks */ .layout-calendar #alpha { width: 100%; } .layout-calendar #beta { width: 100%; } .layout-calendar #gamma, .layout-calendar #delta { width: 100%; } .layout-calendar #gamma-inner, .layout-calendar #delta-inner { border: 0; padding: 0; } .module-mmt-calendar { width: 100%; } .module-mmt-calendar .module-content { margin: 0; border-width: 0; padding: 10px; } .module-mmt-calendar table { width: 100%; background-color: #a3b8cc; } .module-mmt-calendar th { color: #fff; border-top: 1px solid #fff; border-right: 1px solid #f3f6f9; border-bottom: 1px solid #cfd4d9; padding: 2px; text-align: right; font-weight: bold; } .module-mmt-calendar td { border-top: 1px solid #fff; border-right: 1px solid #f3f6f9; border-bottom: 1px solid #cfd4d9; padding: 2px; text-align: right; font-weight: normal; background: #e6ecf2; } th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42 { border-right: none; } .module-mmt-calendar td { height: 70px; } .day-photo { width: 49px; height: 49px; } .day-photo a { border: #cfd4d9 1px solid; padding: 1px; background: #fff; } .day-photo a:hover { border-color: #36414d; background: #fff; } .day-photo a img { width: 45px; height: 45px; } /* artistic tweaks */ .layout-artistic #alpha { width: 100%; } .layout-artistic #beta { width: 100%; } .layout-artistic #gamma, .layout-artistic #delta { width: 100%; } .layout-artistic #gamma-inner, .layout-artistic #delta-inner { border: 0; padding: 0; } /* moblog1 tweaks */ .layout-moblog1 #alpha { margin: 0; width: 100%; background: #e6ecf2; } .layout-moblog1 #alpha-inner { padding: 10px 10px 0 10px; border-width: 2px 0 2px 2px; border-style: solid; border-color: #fff; } .layout-moblog1 #beta { margin: 15px 15px 0 15px; width: 100%; background: none; } .layout-moblog1 #beta-inner { padding: 0; border-width: 0; } .layout-moblog1 .module-recent-photos .module-content { padding: 10px 0 0 10px; } /* moblog2 tweaks */ .layout-moblog2 #alpha { margin: 0; width: 86px; background: #e6ecf2; } .layout-moblog2 #alpha-inner { padding: 10px 10px 0 10px; border-width: 2px 0 2px 2px; border-style: solid; border-color: #fff; } .layout-moblog2 #beta { margin: 15px 15px 0 15px; width: 100%; background: none; } .layout-moblog2 #beta-inner { padding: 0; border-width: 0; } .layout-moblog2 #delta { width: 100%; } .layout-moblog2 .module-recent-photos { border: 0; background: none; } .layout-moblog2 .module-recent-photos .module-content { padding: 0; border: 0; } .layout-moblog2 .module-recent-photos .module-list-item { margin: 0 0 10px 0; } /* timeline tweaks */ .layout-timeline #alpha { width: 100%; } .layout-timeline #beta { width: 100%; } .layout-timeline #gamma, .layout-timeline #delta { width: 100%; } .layout-timeline #gamma-inner, .layout-timeline #delta-inner { border: 0; padding: 0; } /* one-column tweaks */ .layout-one-column body { min-width: 100%; } .layout-one-column #container { width: 100%; } .layout-one-column #banner { width: 100%; } /* necessary for ie win */ /* two-column-left tweaks */ .layout-two-column-left #alpha { margin: 0; width: 100%; background: none; } .layout-two-column-left #beta-inner { padding: 10px 4px 0 4px; } .layout-two-column-left #beta { margin: 0; width: 100%; background: #e6ecf2; } .layout-two-column-left #alpha-inner { padding: 0; border-width: 0; } /* three-column tweaks */ .layout-three-column #alpha { margin: 0; width: 100%; background: #e6ecf2; } .layout-three-column #alpha-inner { padding: 10px 10px 0 10px; border-width: 2px 0 2px 2px; border-style: solid; border-color: #fff; } .layout-three-column #beta { margin: 15px 15px 0 15px; width: 100%; background: none; } .layout-three-column #beta-inner { padding: 0; border-width: 0; } /* * Preliminary styles added by Jay for Vicksburg II * for review by Luke/Walt and rest of team */ /* All or multiple templates Suppress underlines on linked entry titles */ .entry-header a { text-decoration: none; } /* Suppress the prev/next nav */ .content-nav { margin: 0 0 20px; text-align: left; font-size: 14px; } .mt-category-archive .content-nav { margin: 15px 0 30px 0; text-align: left; } /* Search results templates */ .mt-search-results .search-results-header { } .mt-search-results .box p { line-height: 1.5; } .mt-search-results .search-results-container { line-height: 1.5; } .mt-search-results form#search-form { width: 100%; margin: 0px auto 20px auto; text-align: left; } .mt-search-results form#search-form input#search { width: 100%; } .mt-search-results form#search-form p#search-options { text-align: left; } h3.search-results-header { line-height: 1.8; margin-bottom: 20px; } .search-results-container h3 { border-left: none; padding: 10px; background: #f3f3f3; font-size: 18px; font-weight: bold; } /* Entry tag display */ div.entry-tags { margin:0 0 10px 0; } ul.entry-tags-list { list-style: none; padding: 0; } h4.entry-tags-header, ul.entry-tags-list, li.entry-tag { display: inline; } /* Main index styles Suppress date header on main index */ .main-index .date-header { display: none; } /* Comment preview and individual entry Widen the comment form */ form textarea#comment-text { width:90%; } /* All archive templates Informational "where am I?" module at top of sidebar */ .module-welcome p { font-size: 16px; } .module-content p.first { margin-top:0px; } /* Date-based and category archives Archive title banner at top of page, below blog banner */ .master-archive-index #archive-title, .individual-entry-archive #archive-title, .date-based-archive #archive-title, .category-archive #archive-title { /* ie win (5, 5.5, 6) bugfix */ p\osition: relative; width: 100%; w\idth: auto; margin: 0; background: url(https://www.ff23.com/images/entry-title.gif) no-repeat 0 2px; padding: 0 0 0 20px; color: #00004f; font-size: 16px; font-weight: bold; line-height: 1.8; } /* Experimental comment styles Not currently in use anywhere in default templates For testing only... */ #comments-experimental .comment, #comments-experimental .comment .comment-inner { width: 36em; } #comments-experimental .comment { padding: 0px; margin: 10px 15px; background-color: #eef; border: 2px solid #bbb; } #comments-experimental .comment .comment-inner { position: relative; margin: -5px 0 0 -3px; background: #f3f3ff; border: 1px solid #003; } #comments-experimental .comment:hover .comment-inner { border: 1px solid #000; background-color: #fff; } #comments-experimental .comment a { text-decoration: none; border-bottom: 1px dotted #36414d; } #comments-experimental .comment:hover a { color: #333; border-bottom: 1px solid #666; } #comments-experimental .comment .comment-content { margin-right: 25px; margin-left: 25px; margin-bottom: 15px; } #comments-experimental .comment-footer-experimental { margin-right: 15px; font-size: 10px; text-align: right; } #comments-experimental .comment .comment-header { font-size: 16px; margin: 5px auto 5px 10px; color: #666; } #comments .comment-header { display: none; } #comments .comment-footer-experimental { display: none; } #comments-experimental .comment-footer { display: none; } /* リンク集ページ */ .link-index .midashi { width: 100%; line-height: 1.8; margin: 0; text-align: left; } .link-index .link-wrapper { width: 100%; margin: 0 auto; text-align: left; } .link-index .link-block { width: 100%; margin-bottom: 20px; } .link-index .link-wrapper h2 { /* ie win (5, 5.5, 6) bugfix */ p\osition: relative; width: 100%; w\idth: 100%; margin: 15px 0 15px 0; border-left: 5px solid #00A3D9; padding: 10px; color: #333; background-color: #f3f3f3; font-size: 18px; font-weight: bold; line-height: 1.8; text-transform: uppercase; } .link-index .link-block .title { line-height: 1.8; font-weight: bold; font-size: 18px; } .link-index .link-block .outline { line-height: 1.8; margin: 0; padding: 0; font-size: 16px; background: none; } /* フォトアルバムページ */ .photo-index .photo-wrapper { width: 100%; overflow: hidden; margin: 0; text-align: left; } .photo-index .photo-block { width: 100%; margin-bottom: 20px; } .photo-index .photo-box { float: left; width: 180px; margin: 0 30px 30px 0; } .photo-index .photo-box .image { width: 180px; overflow: hidden; margin-bottom: 5px; } .photo-index .photo-box .image img { padding: 3px; border-width: 1px; border-color: #eee #ccc #ccc #eee; border-style: solid; } .photo-index .photo-box .image-title { margin-bottom: 5px; padding: 4px 3px 3px 3px; text-align: center; background-color: #e5e5e5; } .photo-index .photo-box .image-size { color: #999; font-size: 11px; text-align: center; } .sticky { position: -webkit-sticky; position: sticky; top: 30px; } .aquizbattle_table table { width: 100%; margin: 0; padding: 0; border-collapse: collapse; } .aquizbattle_table th { width: 25%; line-height: 1.5; margin: 0; padding: 10px; border: 1px solid #ccc; text-align: center; font-weight: bold; background-color: #f3f3f3; } .aquizbattle_table td { width: 25%; line-height: 1.5; margin: 0; padding: 10px; border: 1px solid #ccc; text-align: right; background-color: #fff; } /* 印刷用 */ @media print { #beta { width: 100%; } } /* スマホ用 */ @media screen and (max-width: 768px) { /*ウィンドウ幅が最大768pxまでの場合に適用*/ #header-content { width: 50%; text-align: center; margin: 0 auto 10px; } #header-content-left { float: none; width: 100%; } #header-content-right { float: none; width: 100%; text-align: center; } h2#header-title { margin: 10px auto 0; } #header-content-right #search-box { padding: 20px 0 0 0; } #header-content-right #search { width: 236px; } #header-menu { width: 100%; height: auto; overflow: none; } #header-menu-inner { width: 100%; border-right: none; } #header-menu nav { position: fixed; top: 0; right: -300px; width: 300px; height: 100%; padding-top: 50px; background: #00A3D9; font-size: 16px; box-sizing: border-box; z-index: 2 } #header-menu nav ul li { display: block; float: none; width: 100%; height: auto; padding: 0; border-left: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } #header-menu nav ul li a { display: block; width: 100%; height: auto; padding: 12px 20px 12px 20px; text-decoration: none; color: #fff; text-align: left; } #header-menu .btn-gnavi { position: fixed; top: 0; right: 0; width: 50px; height: 47px; z-index: 3; box-sizing: border-box; cursor: pointer; -webkit-transition: all 400ms; transition: all 400ms; background: #00A3D9; padding: 10px; } #header-menu .btn-gnavi span { position: absolute; width: 30px; height: 4px; background: #fff; border-radius: 10px; -webkit-transition: all 400ms; transition: all 400ms; } #header-menu .btn-gnavi span:nth-child(1) { top: 10px; right: 10px; } #header-menu .btn-gnavi span:nth-child(2) { top: 20px; right: 10px; } #header-menu .btn-gnavi span:nth-child(3) { top: 30px; right: 10px; } #header-menu .btn-gnavi.open { -webkit-transform: rotate(180deg); transform: rotate(180deg) } #header-menu .btn-gnavi.open span { background: #fff; } #header-menu .btn-gnavi.open span { width: 24px; } #header-menu .contents section p { position: absolute; top: 50%; width: 30%; line-height: 1.4; font-size: 20px; color: #fff; text-shadow: 0 0 6px #666; } #header-menu .contents section:nth-child(odd) p { left: 10%; } #header-menu .contents section:nth-child(even) p { right: 10%; } #content-inner { width: 90%; margin-top: 20px; } .content-nav { margin: 0 0 20px; padding: 5px 10px; text-align: center; font-size: 14px; background-color: #00A3D9; color: #fff; } .content-nav a { color: #fff; } #main-title { display: block; text-indent: -9999px; width: 692px; height: 240px; margin: 0 0 30px; background-image: url("https://www.ff23.com/images/maintitle.png"); background-size: 692px 240px; } #main-banner-inner .banner01 a { display: block; text-indent: -9999px; float: left; width: 220px; height: 150px; margin-right: 16px; background-image: url("https://www.ff23.com/images/main_banner01.png"); } #main-banner-inner .banner02 a { display: block; text-indent: -9999px; float: left; width: 220px; height: 150px; margin-right: 16px; background-image: url("https://www.ff23.com/images/main_banner02.png"); } #main-banner-inner .banner03 a { display: block; text-indent: -9999px; float: left; width: 220px; height: 150px; margin-right: 16px; background-image: url("https://www.ff23.com/images/main_banner03.png"); } .entry-sbox-inner .entry-item { float: left; display: block; width: 160px; margin: 0 16px 40px 0; } .entry-sbox-inner .entry-item .title { height: 62px; } .entry-sbox-inner .entry-item .thumbnail { overflow: hidden; width: 160px; margin: 10px 0 0; padding: 0; text-align: center; } .entry-sbox-inner .entry-item2 { float: left; display: block; width: 326px; margin: 5px 25px 25px 5px; box-shadow: 0px 0px 5px rgba(204,204,204,0.5),0px 0px 5px rgba(204,204,204,0.5); } .entry-sbox-inner .entry-item2-inner { padding: 5px 10px 10px; } .entry-sbox-inner .entry-item2 .date { margin-top: 5px; line-height: 1.5; font-size: 14px; color: #999; } .entry-sbox-inner .entry-item2 .title { overflow: hidden; height: 45px; line-height: 1.5; padding: 5px 0 10px; font-size: 18px; font-weight: normal; } .entry-sbox-inner .entry-item2 .title a { text-decoration: none; } .entry-sbox-inner .entry-item2 .thumbnail { overflow: hidden; width: 326px; height: 155px; margin: 0 0 10px 0; padding: 0; text-align: center; background: #000; } .entry-sbox-inner .entry-item2 .thumbnail-inner img { display: block; transition-duration: 0.3s; height: 155px; margin: 0 -35%; text-align: center; } .entry-sbox-inner .entry-item2 .thumbnail-inner img:hover { transform: scale(1.1); transition-duration: 0.3s; opacity: 0.6; } .entry-sbox-inner .entry-item2 .thumbnail-inner { width: 100%; margin: 0; padding: 0; text-align: center; } #foot-navi { margin-top: 20px; } #foot-navi-inner { width: 660px; padding: 20px; } #alpha { width: 100%; margin: 0; } #beta { width: 100%; } #gamma, #delta { width: 100%; } .box .s-box h2 { margin: 0 0 5px 0; padding: 0 0 0 15px; border-left: 6px solid #00A3D9; line-height: 1.5; color: #333; font-weight: bold; font-size: 30px; } .box .s-box .entry-outline img { float: none; margin: 0 0 20px 0; padding: 0; } #beta .module ul { width: 99.5%; } #beta .module .module-box { width: 680px; margin: 0; padding: 0 0 10px; } #beta .module-sbox { width: 100%; margin: 0; padding: 10px 0 10px; border-bottom: 1px dotted #999; } #beta .module-sbox .module-l { overflow: hidden; float: left; width: 300px; margin: 0; padding: 0; text-align: center; } #beta .module-sbox .module-l img { height: 100px; margin: 0 -9%; text-align: center; } #beta .module-sbox .module-l-inner { width: 100%; margin: 0; padding: 0; text-align: center; } #beta .module-sbox .module-r { float: right; width: 360px; margin: 0; padding: 0; } #beta .module-sbox .module-r .date { line-height: 1.6; font-size: 14px; } #beta .module-sbox .module-r .title a { line-height: 1.5; font-size: 16px; font-weight: normal; text-decoration: none; } #beta .module .profile { width: 668px; } #beta .module .profile .profile-r { width: 598px; } #beta .ads-link-banner { width: 300px; margin: 0 auto; font-size: 16px; } #beta .ads-link-banner img { width: 300px; } #footer { text-align: center; } #footer-inner { over-flow: hidden; width: 100%; } #footer-inner .as-link { width: 680px; text-align: center; margin: 0 auto; } #footer-inner .as-link ul li { float: left; line-height: 1; margin: 0 10px 20px 0; } #footer-inner .as-link img { text-align: center; margin: 0 auto; } #alpha-inner .ads-link-l { float: left; width: 320px; } #alpha-inner .ads-link-r { float: right; width: 320px; } #page_top { z-index: 1; } } /* スマホ用 */ @media screen and (max-width: 667px) { /*ウィンドウ幅が最大667pxまでの場合に適用*/ #header-content { width: 50%; text-align: center; margin: 0 auto 10px; } #header-content-left { float: none; width: 100%; } #header-content-right { float: none; width: 100%; text-align: center; } h2#header-title { margin: 10px auto 0; } #header-content-right #search-box { display: none; padding: 20px 0 0 0; } #header-menu { width: 100%; height: auto; overflow: none; } #header-menu-inner { width: 100%; border-right: none; } #header-menu nav { position: fixed; top: 0; right: -300px; width: 300px; height: 100%; padding-top: 50px; background: #00A3D9; font-size: 16px; box-sizing: border-box; z-index: 2 } #header-menu nav ul li { display: block; float: none; width: 100%; height: auto; padding: 0; border-left: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } #header-menu nav ul li a { display: block; width: 100%; height: auto; padding: 12px 20px 12px 20px; text-decoration: none; color: #fff; text-align: left; } #header-menu .btn-gnavi { position: fixed; top: 0; right: 0; width: 50px; height: 47px; z-index: 3; box-sizing: border-box; cursor: pointer; -webkit-transition: all 400ms; transition: all 400ms; background: #00A3D9; padding: 10px; } #header-menu .btn-gnavi span { position: absolute; width: 30px; height: 4px; background: #fff; border-radius: 10px; -webkit-transition: all 400ms; transition: all 400ms; } #header-menu .btn-gnavi span:nth-child(1) { top: 10px; right: 10px; } #header-menu .btn-gnavi span:nth-child(2) { top: 20px; right: 10px; } #header-menu .btn-gnavi span:nth-child(3) { top: 30px; right: 10px; } #header-menu .btn-gnavi.open { -webkit-transform: rotate(180deg); transform: rotate(180deg) } #header-menu .btn-gnavi.open span { background: #fff; } #header-menu .btn-gnavi.open span { width: 24px; } #header-menu .contents section p { position: absolute; top: 50%; width: 30%; line-height: 1.4; font-size: 20px; color: #fff; text-shadow: 0 0 6px #666; } #header-menu .contents section:nth-child(odd) p { left: 10%; } #header-menu .contents section:nth-child(even) p { right: 10%; } #content-inner { width: 90%; margin-top: 20px; } .content-nav { margin: 0 0 20px; padding: 5px 10px; text-align: center; font-size: 14px; background-color: #00A3D9; color: #fff; } .content-nav a { color: #fff; } #main-title { display: block; text-indent: -9999px; width: 600px; height: 208px; margin: 0 0 30px; background-image: url("https://www.ff23.com/images/maintitle.png"); background-size: 600px 208px; } #main-banner-inner .banner01 a { display: block; text-indent: -9999px; float: left; width: 180px; height: 123px; margin-right: 30px; background-image: url("https://www.ff23.com/images/main_banner01.png"); background-size: 180px 123px; } #main-banner-inner .banner02 a { display: block; text-indent: -9999px; float: left; width: 180px; height: 123px; margin-right: 30px; background-image: url("https://www.ff23.com/images/main_banner02.png"); background-size: 180px 123px; } #main-banner-inner .banner03 a { display: block; text-indent: -9999px; float: left; width: 180px; height: 123px; margin-right: 30px; background-image: url("https://www.ff23.com/images/main_banner03.png"); background-size: 180px 123px; } .entry-sbox-inner .entry-item { float: left; display: block; width: 175px; margin: 0 40px 40px 0; } .entry-sbox-inner .entry-item .title { height: 62px; } .entry-sbox-inner .entry-item .thumbnail { overflow: hidden; width: 175px; margin: 10px 0 0; padding: 0; text-align: center; } .entry-sbox-inner .entry-item .thumbnail-inner img { margin: 0 -75%; } .entry-sbox-inner .entry-item2 { float: left; display: block; width: 183px; margin: 5px 16px 25px 5px; box-shadow: 0px 0px 5px rgba(204,204,204,0.5),0px 0px 5px rgba(204,204,204,0.5); } .entry-sbox-inner .entry-item2-inner { padding: 0 10px 10px; } .entry-sbox-inner .entry-item2 .date { margin-top: 5px; line-height: 1.5; font-size: 14px; color: #999; } .entry-sbox-inner .entry-item2 .title { overflow: hidden; height: 65px; line-height: 1.5; padding: 5px 0 10px; font-size: 16px; font-weight: normal; } .entry-sbox-inner .entry-item2 .title a { text-decoration: none; } .entry-sbox-inner .entry-item2 .thumbnail { overflow: hidden; width: 183px; height: 120px; margin: 0 0 10px 0; padding: 0; text-align: center; background: #000; } .entry-sbox-inner .entry-item2 .thumbnail-inner img { display: block; transition-duration: 0.3s; height: 120px; margin: 0 -70%; text-align: center; } .entry-sbox-inner .entry-item2 .thumbnail-inner img:hover { transform: scale(1.1); transition-duration: 0.3s; opacity: 0.6; } .entry-sbox-inner .entry-item2 .thumbnail-inner { width: 100%; margin: 0; padding: 0; text-align: center; } #foot-navi { margin-top: 20px; } #foot-navi-inner { width: 580px; padding: 20px; } #alpha { width: 100%; } #beta { width: 100%; } #gamma, #delta { width: 100%; } .box .s-box h2 { margin: 0 0 5px 0; padding: 0 0 0 15px; border-left: 6px solid #00A3D9; line-height: 1.5; color: #333; font-weight: bold; font-size: 30px; } .box .s-box .entry-outline img { float: none; margin: 0 0 20px 0; padding: 0; } #beta .module ul { width: 99.5%; } #beta .module .module-box { width: 600px; margin: 0; padding: 0 0 10px; } #beta .module-sbox { width: 100%; margin: 0; padding: 10px 0 10px; border-bottom: 1px dotted #999; } #beta .module-sbox .module-l { overflow: hidden; float: left; width: 230px; margin: 0; padding: 0; text-align: center; } #beta .module-sbox .module-l img { height: 100px; margin: 0 -28%; text-align: center; } #beta .module-sbox .module-l-inner { width: 100%; margin: 0; padding: 0; text-align: center; } #beta .module-sbox .module-r { float: right; width: 355px; margin: 0; padding: 0; } #beta .module-sbox .module-r .date { line-height: 1.6; font-size: 14px; } #beta .module-sbox .module-r .title a { line-height: 1.5; font-size: 16px; font-weight: normal; text-decoration: none; } #beta .module .profile { width: 576px; } #beta .module .profile .profile-r { width: 506px; } #beta .ads-link-banner { width: 300px; margin: 0 auto; font-size: 16px; } #beta .ads-link-banner img { width: 300px; } #footer { text-align: center; } #footer-inner { over-flow: none; width: 100%; } #footer-inner .as-link { width: 580px; text-align: center; margin: 0 auto; } #footer-inner .as-link img { text-align: center; margin: 0 auto; } #alpha-inner .ads-link-l { float: none; width: 100%; margin-bottom: 20px; } #alpha-inner .ads-link-r { float: none; width: 100%; margin-bottom: 20px; } #page_top { z-index: 1; } } /* スマホ用 */ @media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用*/ #header-content { width: 84%; text-align: center; margin: 0 auto; } #header-content-left { float: none; width: 100%; text-align: left; } #header-content-right { float: none; width: 100%; text-align: center; } h2#header-title { margin: 10px auto 0; } #header-content-right #search-box { display: none; padding: 20px 0 0 0; } #header-menu { width: 100%; height: auto; overflow: none; } #header-menu-inner { width: 100%; border-right: none; } #header-menu nav { position: fixed; top: 0; right: -300px; width: 300px; height: 100%; padding-top: 50px; background: #00A3D9; font-size: 16px; box-sizing: border-box; z-index: 2 } #header-menu nav ul li { display: block; float: none; width: 100%; height: auto; padding: 0; border-left: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } #header-menu nav ul li a { display: block; width: 100%; height: auto; padding: 12px 20px 12px 20px; text-decoration: none; color: #fff; text-align: left; } #header-menu .btn-gnavi { position: fixed; top: 0; right: 0; width: 44px; height: 44px; z-index: 3; box-sizing: border-box; cursor: pointer; -webkit-transition: all 400ms; transition: all 400ms; background: #00A3D9; padding: 10px; } #header-menu .btn-gnavi span { position: absolute; width: 30px; height: 3px; background: #fff; border-radius: 10px; -webkit-transition: all 400ms; transition: all 400ms; } #header-menu .btn-gnavi span:nth-child(1) { top: 10px; right: 7px; } #header-menu .btn-gnavi span:nth-child(2) { top: 20px; right: 7px; } #header-menu .btn-gnavi span:nth-child(3) { top: 30px; right: 7px; } #header-menu .btn-gnavi.open { -webkit-transform: rotate(180deg); transform: rotate(180deg) } #header-menu .btn-gnavi.open span { background: #fff; } #header-menu .btn-gnavi.open span { width: 24px; } #header-menu .contents section p { position: absolute; top: 50%; width: 30%; line-height: 1.4; font-size: 20px; color: #fff; text-shadow: 0 0 6px #666; } #header-menu .contents section:nth-child(odd) p { left: 10%; } #header-menu .contents section:nth-child(even) p { right: 10%; } #content-inner { display: block; width: 90%; margin-top: 20px; } #content-inner iframe { width: 340px; } .content-nav { margin: 0 0 20px; padding: 5px 10px; text-align: center; font-size: 14px; background-color: #00A3D9; color: #fff; } .content-nav a { color: #fff; } #main-title { display: block; text-indent: -9999px; width: 340px; height: 213px; margin: 0 0 20px; background-image: url("https://www.ff23.com/images/m_maintitle.png"); background-size: 340px 213px; } #main-banner-inner { width: 100%; } #main-banner-inner .banner01 a { display: block; text-indent: -9999px; float: none; width: 300px; height: 150px; margin: 0 auto 20px; background-image: url("https://www.ff23.com/images/main_m_banner01.png"); background-size: 300px 150px; } #main-banner-inner .banner02 a { display: block; text-indent: -9999px; float: none; width: 300px; height: 150px; margin: 0 auto 20px; background-image: url("https://www.ff23.com/images/main_m_banner02.png"); background-size: 300px 150px; } #main-banner-inner .banner03 a { display: block; text-indent: -9999px; float: none; width: 300px; height: 150px; margin: 0 auto 20px; background-image: url("https://www.ff23.com/images/main_m_banner03.png"); background-size: 300px 150px; } .box .s-box h3 { font-size: 22px; margin-bottom: 15px; } .asset-body h3 { font-size: 22px; margin-bottom: 15px; } .box .s-box h4 { margin: 0 0 15px 0; } .asset-body h4 { margin: 0 0 15px 0; } .box .s-box h5 { margin: 0 0 15px 0; } .asset-body h5 { margin: 0 0 15px 0; } .entry-sbox-inner .entry-item { float: left; display: block; width: 160px; margin: 0 16px 40px 0; } .entry-sbox-inner .entry-item .title { height: 62px; } .entry-sbox-inner .entry-item .thumbnail { overflow: hidden; width: 160px; margin: 10px 0 0; padding: 0; text-align: center; } .entry-sbox-inner .entry-item .thumbnail-inner img { margin: 0 -85%; } .entry-sbox-inner .entry-item2 { float: left; display: block; width: 154px; margin: 5px 16px 25px 5px; box-shadow: 0px 0px 5px rgba(204,204,204,0.5),0px 0px 5px rgba(204,204,204,0.5); } .entry-sbox-inner .entry-item2-inner { padding: 0 10px 10px; } .entry-sbox-inner .entry-item2 .date { margin-top: 5px; line-height: 1.5; font-size: 14px; color: #999; } .entry-sbox-inner .entry-item2 .title { overflow: hidden; height: 65px; line-height: 1.5; padding: 5px 0 10px; font-size: 16px; font-weight: normal; } .entry-sbox-inner .entry-item2 .title a { text-decoration: none; } .entry-sbox-inner .entry-item2 .thumbnail { overflow: hidden; width: 154px; height: 120px; margin: 0 0 10px 0; padding: 0; text-align: center; background: #000; } .entry-sbox-inner .entry-item2 .thumbnail-inner img { display: block; transition-duration: 0.3s; height: 120px; margin: 0 -90%; text-align: center; } .entry-sbox-inner .entry-item2 .thumbnail-inner img:hover { transform: scale(1.1); transition-duration: 0.3s; opacity: 0.6; } .entry-sbox-inner .entry-item2 .thumbnail-inner { width: 100%; margin: 0; padding: 0; text-align: center; } #foot-navi { margin-top: 20px; } #foot-navi-inner { width: 320px; padding: 20px; } #alpha { width: 100%; } h2#page-title { font-size: 24px; } #beta { width: 100%; } #gamma, #delta { width: 100%; } #page_top{ width: 50px; height: 50px; position: fixed; right: 20px; bottom: 30px; opacity: 1; z-index: 1; line-height: 1.5; } #page_top a{ width: 50px; height: 50px; text-decoration: none; } #page_top a::before{ font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f0aa'; font-size: 50px; color: #333; } .box .s-box h2 { margin: 0 0 5px 0; padding: 0 0 0 15px; border-left: 6px solid #00A3D9; line-height: 1.5; color: #333; font-weight: bold; font-size: 24px; } .box .s-box .entry-outline img { float: none; margin: 0 0 20px 0; padding: 0; } #beta .module ul { width: 99.5%; } #beta .module .module-box { width: 340px; margin: 0; padding: 0 0 10px; } #beta .module-sbox { width: 100%; margin: 0; padding: 10px 0 10px; border-bottom: 1px dotted #999; } #beta .module-sbox .module-l { overflow: hidden; float: left; width: 100px; margin: 0; padding: 0; text-align: center; } #beta .module-sbox .module-l img { height: 100px; margin: 0 -130%; text-align: center; } #beta .module-sbox .module-l-inner { width: 100%; margin: 0; padding: 0; text-align: center; } #beta .module-sbox .module-r { float: right; width: 225px; margin: 0; padding: 0; } #beta .module-sbox .module-r .date { line-height: 1.6; font-size: 14px; } #beta .module-sbox .module-r .title a { line-height: 1.5; font-size: 16px; font-weight: normal; text-decoration: none; } #beta .module .profile { width: 316px; } #beta .module .profile .profile-r { width: 246px; } #beta .ads-link-banner { width: 300px; margin: 0 auto; font-size: 16px; } #beta .ads-link-banner img { width: 300px; } #footer { padding: 20px 0 0; text-align: center; } #footer-inner { over-flow: none; width: 100%; } #footer-inner .as-link { width: 320px; text-align: center; margin: 0 auto; } #footer-inner .as-link ul li { float: none; line-height: 1; margin: 0; } #alpha-inner .ads-link-l { float: none; width: 100%; margin-bottom: 20px; } #alpha-inner .ads-link-r { float: none; width: 100%; margin-bottom: 20px; } #page_top { z-index: 1; } .paging { width: 318px; } .moppy-m-banner img { width: 100%; margin: 0; } .toc { padding: 10px 20px 20px; } .toc_m { padding-bottom: 5px; } .toc ol { margin: 0 20px; } .toc ol ul { margin: 0 20px 15px 20px; } }