/* Theme Name:dailynkjp Author:DailyNK Japan Author URI:http://dailynk.jp/ Description:Theme of DailyNK Japan's website. Version:1.0 */ /** * Reset */ *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} article,aside,details,figcaption,figure,footer,header,nav,section,summary{display:block;} audio,canvas,video{display:inline-block;} audio:not([controls]){display:none;height:0;} [hidden]{display:none;} html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} html,button,input,select,textarea{font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,"ＭＳ Ｐゴシック",Geneva,Arial,sans-serif,FontAwesome;} body{color:#333;line-height:1.5;margin:0;} a{color:#bb2211;text-decoration:none;} a:focus{outline:thin dotted;} a:active,a:hover{color:#ee9922;outline:0;} a:hover{text-decoration:underline;} h1,h2,h3,h4,h5,h6{line-height:1.3;} h1{font-size:48px;margin:33px 0;} h2{font-size:30px;margin:25px 0;} h3{font-size:22px;margin:22px 0;} h4{font-size:20px;margin:25px 0;} h5{font-size:18px;margin:30px 0;} h6{font-size:16px;margin:36px 0;} address{margin:0 0 24px;} abbr[title]{border-bottom:1px dotted;} b,strong{font-weight:bold;} p{margin:0 0 24px 0;} blockquote{width:100%;border:1px dotted #ccc;padding:20px;background:#eee;margin:0 0 24px 0;} cite{font-size:14px;color:#666;} small{font-size:smaller;} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} dl{margin:0 24px;} menu,ol,ul{margin:16px 0;padding:0 0 0 40px;} ul{list-style-type:square;} nav ul,nav ol{list-style:none;list-style-image:none;} li > ul,li > ol{margin:0;} img{-ms-interpolation-mode:bicubic;border:0;} svg:not(:root){overflow:hidden;} figure{margin:0;} form{margin:0;} fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;} legend{border:0;padding:0;white-space:normal;} button,input,select,textarea{font-size:100%;margin:0;max-width:100%;vertical-align:baseline;} button, input{line-height:normal;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;} button[disabled],input[disabled]{cursor:default;} input[type="checkbox"],input[type="radio"]{padding:0;} input[type="search"]{-webkit-appearance:textfield;padding-right:2px; /* Don't cut off the webkit search cancel button */width:270px;} input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} textarea{overflow:auto;vertical-align:top;} table{border-collapse:collapse;border-spacing:0;width:100%;} hr{background:url(images/dotted-line.png) repeat center top;background-size:4px 4px;border:0;height:1px;margin:0 0 24px;} /** * Repeatable Patterns */ /* Clearing floats */ .clear:after,.entry-content:after,.pickup:after,.page-content:after,.navigation:after,.nav-links:after,.gallery:after{clear:both;} .clear:before,.clear:after,.entry-content:before,.entry-content:after,.pickup:before,.pickup:after,.page-content:before,.page-content:after,.navigation:before,.navigation:after,.nav-links:before,.nav-links:after,.gallery:before,.gallery:after{content:"";display:table;} /* Assistive text */ .screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;} .screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-weight:bold;height:auto;line-height:normal;padding:15px 23px 14px;position:absolute;left:5px;top:5px;text-decoration:none;width:auto;z-index:100000; /* Above WP toolbar */} /* Form fields, general styles first. */ button,input,textarea{border:2px solid #d4d0ba;font-family:inherit;padding:5px;} input,textarea{} input:focus,textarea:focus{border:2px solid #c3c0ab;outline:0;} /* Buttons */ button,input[type="submit"],input[type="button"],input[type="reset"]{background:#e05d22; /* Old browsers */background:-webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); /* Chrome 10+, Safari 5.1+ */background:linear-gradient(to bottom, #e05d22 0%, #d94412 100%); /* W3C */border:none;border-bottom:3px solid #b93207;border-radius:2px;color:#fff;display:inline-block;padding:11px 24px 10px;text-decoration:none;} button:hover,button:focus,input[type="submit"]:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:focus,input[type="button"]:focus,input[type="reset"]:focus{background:#ed6a31; /* Old browsers */background:-webkit-linear-gradient(top, #ed6a31 0%, #e55627 100%); /* Chrome 10+, Safari 5.1+ */background:linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); /* W3C */outline:none;} button:active,input[type="submit"]:active,input[type="button"]:active,input[type="reset"]:active{background:#d94412; /* Old browsers */background:-webkit-linear-gradient(top, #d94412 0%, #e05d22 100%); /* Chrome 10+, Safari 5.1+ */background:linear-gradient(to bottom, #d94412 0%, #e05d22 100%); /* W3C */border:none;border-top:3px solid #b93207;padding:10px 24px 11px;} .post-password-required input[type="submit"]{padding:7px 24px 4px;vertical-align:bottom;} .post-password-required input[type="submit"]:active{padding:5px 24px 6px;} /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder{color:#7d7b6d;} :-moz-placeholder{color:#7d7b6d;} ::-moz-placeholder{color:#7d7b6d;} :-ms-input-placeholder{color:#7d7b6d;} /* * Responsive images * Fluid images for posts, comments, and widgets */ .pickup img,.entry-content img,.entry-summary img,.widget img,.wp-caption,.ad_count img,.inte_banner img{max-width:100%;} /* Make sure images with WordPress-added height and width attributes are scaled correctly. */ .entry-content img,.entry-summary img,img[class*="align"],img[class*="wp-image-"],img[class*="attachment-"]{height:auto;} img.size-full,img.size-large,img.wp-post-image{height:auto;max-width:100%;} /* Make sure videos and embeds fit their containers. */ .fluct_iframe iframe{max-width:none;} embed,iframe,object,video{max-width:100%;} /* Override the Twitter embed fixed width. */ .entry-content .twitter-tweet-rendered{max-width:100% !important;} /* Images */ .alignleft,p img.alignleft{float:left;} .alignright{float:right;} .aligncenter{display:block;margin-left:auto;margin-right:auto;} figure.wp-caption.alignleft,img.alignleft,p img.alignleft{margin:0 15px 0 0;} .wp-caption.alignleft{margin:5px 10px 5px 0;} figure.wp-caption.alignright,img.alignright{margin:0 0 0 15px;} .wp-caption.alignright{margin:5px 0 5px 10px;} img.aligncenter{margin:0 auto;} img.alignnone{margin:0;} .wp-caption .wp-caption-text,.entry-caption,.gallery-caption{color:#888;margin:5px 0 24px;font-size:16px;line-height:1.2;} div.wp-caption.alignright img[class*="wp-image-"]{float:right;} div.wp-caption.alignright .wp-caption-text{padding-left:10px;} img.wp-smiley,.rsswidget img{border:0;border-radius:0;box-shadow:none;margin-bottom:0;margin-top:0;padding:0;} .wp-caption.alignleft + ul,.wp-caption.alignleft + ol{list-style-position:inside;} .mr-5{margin-right:5px;} .mr-15{margin-right:15px;} .mb-15{margin-bottom:15px;} .mt-15{margin-top:15px;} .mt-25{margin-top:25px;} .mb-30{margin-bottom:30px;} .mb-50{margin-bottom:50px;} .cap{margin-top:-19px;color:#888;} /** * Basic Structure */ .site{background-color:#fff;margin:0 auto;width:100%;overflow:hidden;} .site-main{position:relative;max-width:980px;margin:0 auto;} .site-main .sidebar-container{} .site-main .sidebar-inner{margin:0 auto;} #primary{float:left;max-width:640px;width:100%;} #tertiary{float:right;width:300px;} /* Pagination --20150216 start */ #wp_page_numbers { clear: both; // border-top: 1px solid #bb2211; // border-bottom: 1px solid #bb2211; } #wp_page_numbers ul { text-align:center; margin: 0px; } #wp_page_numbers li { display:inline; } #wp_page_numbers a { font-size: 20px; font-weight: bold; color: grey; padding: 0px 25px 0px 0px; text-decoration: none; } #wp_page_numbers li a:hover { font-size: 20px; color: blue; font-weight: bold; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; //background: #641919; //color: #bb2211; } #wp_page_numbers li.active_page a { font-size: 20px; color: #bb2211; padding: 0px 25px 0px 0px; } #wp_page_numbers li.page_info { display: none; } /* Pagination --20150216 end */ /** * Header */ /** * Site Header */ .site-header{background:#bb2211;position:relative;width:100%;margin-bottom:30px;} .head_info{color:#fff;font-size:14px;padding:0;text-align:right;} .head_info a{color:#fff;} .head_top{display:block;max-width:980px;width:100%;margin:0 auto;} .head_top ul{display:block;list-style-type:none;position:relative;margin:0 auto;padding:0;max-width:980px;padding:0;} .head_top ul:after{clear:both;} .head_top ul li{} .head_top ul li:last-child{margin-right:0;} .head_left{width:50%;float:left;} .head_right{width:50%;float:right;text-align:right;} .head_right ul{float:right;} .head_right ul li{float:left;margin-right:15px;font-size:40px;color:#fff;} .head_right ul li i.fa{-webkit-font-smoothing:antialiased;} .head_right ul li:last-child{margin-right:0;} .head_right a{color:#fff;} .head_right a:hover{color:#ee9922;} .site-header .home-link{color:#fff;display:block;margin:0 auto;padding:0;text-decoration:none;width:100%;} .site-title{line-height:0;margin:0;padding:10px 0;} .site-description{color:#fff;font-size:14px;font-weight:normal;margin:0 auto;padding:0;width:100%;} /** * Navigation */ #site-navigation{width:100%;background:#333;} .main-navigation{clear:both;margin:0 auto;max-width:980px;min-height:45px;position:relative;} ul.nav-menu,div.nav-menu > ul{margin:0;padding:0 40px 0 0;} .nav-menu li{display:inline-block;position:relative;} .nav-menu li a{color:#fff;display:block;font-size:15px;line-height:1;padding:15px 20px;text-decoration:none;} .nav-menu li:hover > a,.nav-menu li a:hover,.nav-menu li:focus > a,.nav-menu li a:focus{background-color:#fff;color:#333;} .nav-menu .sub-menu,.nav-menu .children{background-color:#220e10;border:2px solid #f7f5e7;border-top:0;padding:0;position:absolute;left:-2px;z-index:99999;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);} .nav-menu .sub-menu ul,.nav-menu .children ul{border-left:0;left:100%;top:0;} ul.nav-menu ul a,.nav-menu ul ul a{color:#fff;margin:0;width:80px;} ul.nav-menu ul a:hover,.nav-menu ul ul a:hover,ul.nav-menu ul a:focus,.nav-menu ul ul a:focus{background-color:#bb2211;} ul.nav-menu li:hover > ul,.nav-menu ul li:hover > ul,ul.nav-menu .focus > ul,.nav-menu .focus > ul{clip:inherit;overflow:inherit;height:inherit;width:inherit;} .nav-menu .current_page_item > a,.nav-menu .current_page_ancestor > a,.nav-menu .current-menu-item > a,.nav-menu .current-menu-ancestor > a{color:#333;background:#fff;font-weight:bold;} .menu-toggle{display:none;} /* Navbar */ .navbar{margin:0 auto;width:100%;} .site-header .search-form{position:absolute;right:20px;top:1px;} .site-header .search-field{background-color:transparent;background-image:url(images/search-icon01.png);background-position:5px center;background-repeat:no-repeat;background-size:24px 24px;border:none;cursor:pointer;height:37px;margin:3px 0;padding:0 0 0 34px;position:relative;-webkit-transition:width 400ms ease, background 400ms ease;transition:width 400ms ease, background 400ms ease;width:1px;} .site-header .search-field:focus{background-color:#fff;border:2px solid #ccc;cursor:text;outline:0;width:230px;} /** * Content 20150403 追加 .pickup a:hover,.widget a:hover,.single_recent a:hover{color:#ee9922;} * Content 20150421 ウィジェット　ul.tptn_posts li img,.tptn_img{float:left;margin-right:15px;width:auto; height:70px;} * Content 20150519 .single_bottom{display:block;margin-top:80px;}　　　margin-top:80px;削除 */ .hentry{padding:0;} img.indeximg {float:left;max-width:180px;height:auto;width:100%;margin:0 15px 15px 0;} .indexheader .entry-title{font-size:20px;} .indexheader p{font-size:14px;line-height:1.4;color:#999;} .pickup{position:relative;margin:0 auto 30px auto;width:100%;height:auto;overflow:hidden;} .pickup .putitle{position:absolute;top:0;left:0;background:#bb2211;color:#fff;padding:2px 20px;} .pickuph1{margin:0 0 7px 0;padding:10px;text-align:center;position:absolute;bottom:0;left:0;z-index:1;background-color:#000;width:100%;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;} .pickup h1{display:block;font-size:28px;font-weight:normal;line-height:1;margin:0;padding:0;} .pickup img{margin:0 auto;padding:0;width:100%;height:auto;z-index:0;} .pickup h1 a{color:#fff;} .pickup a:hover{color:#ee9922;outline:0;} .ad_count{margin:0 auto 30px auto;text-align:center;} .inte_banner{margin-bottom:15px;} .rensai_about{margin:0;padding:0;list-style-type:none;} .rensai_about li{margin-bottom:15px;padding-bottom:2px;border-bottom:1px dotted #aaa;} .rensai_about .rensai_name{font-size:20px;border:none;} .rensai_bottom,.writer{padding-top:20px;} .rensai_name,.writer_name{padding-bottom:2px;margin-bottom:5px;border-bottom:1px solid #aaa;} .single_bottom{display:block;} p.readmore{margin:15px 0;} .readmore span{border:1px solid #bbb;padding:1px 10px;border-radius:5px;background:#ccc;} .readmore span:hover{background:#e8e8e8;} .readmore span a{color:#333;} .readmore span a:hover{text-decoration:none;color:#999;} .single_sns a{color:#fff} .single_sns a:hover{color:#ee9922;} .single_sns ul{list-style-type:none;float:left;margin:0;padding:0;position:relative;width:100%;} .single_sns li{width:33.33%;float:left;position:relative;display:block;white-space:nowrap;font-size:18px;line-height:1;color:#fff;text-align:center;padding-top:10px;padding-bottom:10px;} .single_sns .fa{padding-right:20px;-webkit-font-smoothing:antialiased;} .single_sns li:nth-child(1){background:#0099ff;} .single_sns li:nth-child(2){background:#1133cc;} .single_sns li:nth-child(3){background:#ff3333;} .single_pagenavi ul{list-style-type:none;list-style-position:inside;margin:0;padding:0;} .single_pagenavi ul li{height:60px;line-height:60px;margin:0;padding:0;white-space:nowrap;overflow:hidden;} .single_pagenavi ul li span{height:60px;line-height:60px;font-weight:normal;font-style:normal;vertical-align:top;} .single_pagenavi .fa{margin-right:15px;font-size:60px;} .single_pagenavi a:hover{text-decoration:none;} .single_recent ul{list-style-type:none;margin:0;padding:0;} .single_recent li{margin-bottom:15px;padding-bottom:5px;border-bottom:1px dotted #ccc;clear:both;} .rensai_widget li{margin-bottom:1px;padding-bottom:1px;border-bottom:1px dotted #ccc;clear:both;} .rensai_widget span{color:#333;} ul.tptn_posts li{margin-bottom:15px;padding-bottom:5px;border-bottom:1px dotted #ccc;} ul.tptn_posts li img,.tptn_img,.rensai_widget li img{float:left;margin-right:15px;width:auto; height:60px;} ul.tptn_posts li .tptn-links{} .sidead{text-align:center;margin:0 auto 15px auto;} .pickup a,.widget a,.single_recent a{color:#333;font-size:90%;} .pickup a:hover,.widget a:hover,.single_recent a:hover{color:#ee9922;} /** * Entry Header */ .sidebar .entry-header .entry-meta{padding:0;} .entry-thumbnail img{display:block;margin:0 auto 10px;} .entry-header{margin-bottom:10px;} .entry-title{font-size:28px;font-weight:normal;margin:0 0 5px;} .entry-title a{color:#444;} .entry-title a:hover{color:#ee9922;} /** * Entry Meta 20150403 .entry-meta a{color:#999 => #444;} */ .entry-meta{font-size:14px;color:#999;} .entry-meta a{color:#444;} .entry-meta a:hover{color:#ee9922;} .entry-content .content-link a ,.entry-meta .categories-links02 a ,.entry-meta .categories-links a ,.entry-header .breadcrumbs .breadcrumbs-marked a { font-size: 14px !important; /* 文字のサイズ */ line-height: 1em; background: #bb2211; /* 背景色 */ color: #fff; /* 文字色 */ display: inline-block; white-space: nowrap; padding: 1px 1px; /* 文字周りの余白 */ margin-top: 3px; /* タグ同士の余白 */ border-radius: 4px; /* 角を少し丸く */ text-decoration: none; } .entry-content .content-link a:hover ,.entry-meta .categories-links02 a:hover ,.entry-meta .categories-links a:hover ,.entry-header .breadcrumbs .breadcrumbs-marked a:hover { background: blue; color: white; } /** * Entry Content */ .entry-content{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens: auto;hyphens:auto;word-wrap:break-word;font-size:16px;line-height:1.8em;border-bottom:1px solid #aaa;margin-bottom:30px;} .entry-content h2{font-size:20px;font-weight:bold;border-bottom:2px solid #bb2211;} .entry-content h3{font-size:18px;font-weight:bold;border-left:5px solid #bb2211;padding-left:15px;} /* Page links */ .page-links{ clear:both; font-size:16px; font-style:italic; font-weight:normal; line-height:2.2; margin:20px 0; text-transform:uppercase; } .page-links a, .page-links > span{ background:#fff; border:1px solid #fff; padding:5px 10px; text-decoration:none; } .page-links .page-links-title{ background:transparent; border:none; margin-right:20px; padding:0; } /* Mediaelements */ .hentry .mejs-mediaelement,.hentry .mejs-container .mejs-controls{background:#220e10;} .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{background:#fff;} .hentry .mejs-controls .mejs-time-rail .mejs-time-current{background:#ea9629;} .hentry .mejs-controls .mejs-time-rail .mejs-time-total,.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{background:#595959;} .hentry .mejs-controls .mejs-time-rail span,.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{border-radius:0;} /** * Attachments */ .attachment .hentry{background-color:#e8e5ce;margin:0;padding:0;} .attachment .entry-header{margin-bottom:0;max-width:980px;padding:30px 0;} .attachment .entry-title{display:inline-block;float:left;font:300 italic 30px "Source Sans Pro", Helvetica, sans-serif;margin:0;} .attachment .entry-title:before{content:"\f416";font-size:32px;margin-right:10px;} .attachment .entry-meta{clear:none;color:inherit;float:right;max-width:640px;padding:9px 0 0;text-align:right;} .hentry.attachment:not(.image-attachment) .entry-meta{max-width:104px;} .attachment footer.entry-meta{display:none;} .attachment-meta:before{content:"\f307";} .full-size-link a:before{content:"\f402";} .full-size-link:before{content:none;} .attachment .entry-meta a,.attachment .entry-meta .edit-link:before,.attachment .full-size-link:before{color:#ca3c08;} .attachment .entry-content{background-color:#fff;max-width:100%;padding:40px 0;} .image-navigation{margin:0 auto;max-width:980px;position:relative;} .image-navigation a:hover{text-decoration:none;} .image-navigation .nav-previous,.image-navigation .nav-next{position:absolute;top:50px;} .image-navigation .nav-previous{left:0;} .image-navigation .nav-next{right:0;} .image-navigation .meta-nav{font-size:32px;} .attachment .entry-attachment,.attachment .type-attachment p{margin:0 auto;max-width:724px;text-align:center;} .attachment .entry-attachment .attachment{display:inline-block;} .attachment .entry-caption{text-align:left;} .attachment .entry-description{margin:20px auto 0;max-width:640px;} .attachment .entry-caption p:last-child,.attachment .entry-description p:last-child{margin:0;} .attachment .site-main .sidebar-container{display:none;} .attachment .entry-content .mejs-audio{max-width:400px;margin:0 auto;} .attachment .entry-content .wp-video{margin:0 auto;} .attachment .entry-content .mejs-container{margin-bottom:24px;} /** * Post/Paging Navigation */ .navigation .nav-previous{float:left;border:1px solid #bb2211;padding-right:10px;} .navigation .nav-next{float:right;border:1px solid #bb2211;padding-left:10px;} .navigation .nav-previous:hover,.navigation .nav-next:hover{border:1px solid #ee9922;} .navigation .nav-previous:hover a,.navigation .nav-next:hover a{color:#ee9922;text-decoration:none;} .navigation a:hover{text-decoration:none;} .paging-navigation{padding:40px 0;} .paging-navigation .nav-links{margin:0 auto;max-width:640px;width:100%;} .sidebar .paging-navigation .nav-links{max-width:980px;padding:0;} .paging-navigation a{font-size:18px;} .paging-navigation .meta-nav{background-color:#bb2211;color:#fff;font-size:20px;display:inline-block;text-align:center;padding:3px;} .paging-navigation .nav-previous .meta-nav{margin-right:10px;} .paging-navigation .nav-next .meta-nav{margin-left:10px;} .paging-navigation a:hover .meta-nav,.paging-navigation .nav-previous:hover .meta-nav,.paging-navigation .nav-next:hover .meta-nav{background-color:#ee9922;text-decoration:none;} .post-navigation{background-color:#fff;color:#ca3c08;font-size:20px;padding:20px 0;} .post-navigation .nav-links{margin:0 auto;max-width:980px;} .sidebar .post-navigation .nav-links{padding:0 376px 0 60px;} /** * Search Results/No posts */ .page-content{margin:0 auto;max-width:640px;padding:40px 0;width:100%;} .sidebar .page-content{margin:0 auto;max-width:980px;padding:40px 376px 40px 60px;} /** * Sidebar */ /** * Widgets */ .widget{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens: auto;hyphens:auto;margin:0;padding:0;word-wrap:break-word;} .widget .widget-title,h3.toprecenttitle,.single_recent h3,.wp_rp_wrap .related_post_title{font-size:18px;font-weight:normal;padding:0 0 5px 0;margin:0 0 10px;border-bottom:3px solid #bb2211;} .widget ul,.widget ol{list-style-type:none;margin:0;padding:0;} .widget li{padding:5px 0;} .widget .children li:last-child{padding-bottom:0;} .widget li > ul,.widget li > ol{margin-left:20px;} /* Search widget */ .search-form .search-submit{display:none;} /* RSS Widget */ .widget_rss .rss-date{display:block;} .widget_rss .rss-date,.widget_rss li > cite{color:#aaa;} /** * Footer */ .site-footer{background:#bb2211;margin-top:40px;border-top:2px solid #999;text-align:center;} .site-footer a{color:#999;} .site-footer .sidebar-container{width:100%;background:#fff;padding:20px 0;} .footermenu{margin-bottom:20px;} .footer_sns{position:relative;overflow:hidden;} .footer_sns ul{list-style-type:none;float:left;position:relative;left:50%;margin:0;padding:0;} .footer_sns li{font-size:40px;line-height:1;float:left;position:relative;left:-50%;margin-right:15px;} .footer_sns .fa{padding-right:20px;-webkit-font-smoothing:antialiased;} .footer_sns li:nth-child(1) a{color:#ff9933;} .footer_sns li:nth-child(2) a{color:#0099ff;} .footer_sns li:nth-child(3) a{color:#1133cc;} .footer_sns li:nth-child(4) a{color:#ff3333;} .footer_sns li a:active,.footer_sns li a:hover{color:#ee9922;outline:0;} .site-info{margin:0 auto;max-width:980px;color:#fff;font-size:14px;text-align:center;padding:15px 0;width:100%;} #wpstats{display:block;margin:-10px auto 0;} /** * Media Queries */ /* Does the same thing as , * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See http://core.trac.wordpress.org/ticket/25888. */ @-ms-viewport{width:device-width;} @viewport{width:device-width;} @media (max-width:1069px){ .sidebar img.alignleft,.sidebar .wp-caption.alignleft{margin-left:0;} .sidebar img.alignright,.sidebar .wp-caption.alignright{margin-right:0;} .image-navigation .nav-previous,.image-navigation .nav-next{position:static;} } @media (max-width:999px){ #primary{float:none;margin:0 auto;} .pickup span{left:0px;} #tertiary:before{clear:both;} #tertiary{float:none;width:100%;} .site-footer{margin-top:0;} /* Collapse oversized image and pulled images after iPad breakpoint. */ @media (max-width:767px){ .site-header .home-link{min-height:0;} .site-title{font-size:36px;padding:8px 0 10px;} .entry-content img.alignleft,.entry-content .wp-caption.alignleft{margin-left:0;} .entry-content img.alignright,.entry-content .wp-caption.alignright{margin-right:0;} } @media (max-width:643px){ .site-title{font-size:30px;} .readmore,.site-description,.head_right,.indexheader p,.categories-links02,.date-index,.ad_count{display:none;} .pickup span{left:20px;} .pickup h1{font-size:20px;} .single_sns .fa{padding-right:10px;} #primary,#tertiary{padding:0 20px;} .site-title{padding-left:20px;} img.indeximg {max-width:90px;height:auto;margin:0 15px 2px 0;} .indexheader .entry-title .entry-title a{font-size:15px;font-weight:normal;} .entry-content{margin-bottom:2px;} /* Small menu */ .menu-toggle{cursor:pointer;display:inline-block;font:bold 16px/1.3;margin:0;} .menu-toggle,.menu-toggle:hover,.menu-toggle:focus,.menu-toggle:active{background:none;border:none;color:#fff;padding:12px 0 12px 20px;} .menu-toggle:focus{outline:thin dotted;} .menu-toggle:after{-webkit-font-smoothing:antialiased;display:inline-block;font:normal 16px/1 FontAwesome;content:"\f0d7";padding-left:8px;vertical-align:-4px;} .toggled-on .menu-toggle:after{content:"\f0d8";vertical-align:2px;} .toggled-on .nav-menu,.toggled-on .nav-menu > ul{display:block;margin-left:0;padding:0;width:100%;} .toggled-on li,.toggled-on .children{display:block;} .toggled-on .nav-menu li > ul{background-color:transparent;display:block;float:none;margin-left:20px;position:relative;left:auto;top:auto;} .toggled-on .nav-menu li > ul a{color:#141412;width:auto;} .toggled-on .nav-menu li:hover > a,.toggled-on .nav-menu .children a{background-color:transparent;color:#141412;} .toggled-on .nav-menu > li a:hover,.toggled-on .nav-menu > ul a:hover{background-color:#bb2211;color:#fff;} .toggled-on .nav-menu > li a:focus,.toggled-on .nav-menu > ul a:focus{background-color:#220e10;color:#fff;} ul.nav-menu,div.nav-menu > ul{display:none;} .entry-title{font-size:22px;font-weight:bold;} } /* Mobile devices */ @media (max-width:359px){ .site-title{font-weight:normal;} .site-description,.head_info{ clip:rect(1px, 1px, 1px, 1px); position:absolute;} } /** * Print */ /* Retina-specific styles. */ @media print, (-o-min-device-pixel-ratio:5/4), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi){ .site-header .search-field{background-image:url(images/search-icon-2x01.png);} } @media print{ body{background:none !important;color:#000;font-size:10pt;} footer a[rel="bookmark"]:link:after,footer a[rel="bookmark"]:visited:after{content:" [" attr(href) "] "; /* Show URLs */} .site{max-width:98%;} .site-header{background-image:none !important;} .site-header .home-link{max-width:none;min-height:0;} .site-title{color:#000;font-size:21pt;} .site-description,.head_info{font-size:10pt;} .site-footer,.page-links,.site-content nav,.widget-area,.main-navigation,.navbar,.more-link{display:none;} .entry-header,.entry-content,.entry-summary,.entry-meta{margin:0;width:100%;} .page-title,.entry-title{font-size:21pt;} .entry-meta,.entry-meta a{color:#444;font-size:10pt;} .entry-content img.alignleft,.entry-content .wp-caption.alignleft{margin-left:0;} .entry-content img.alignright,.entry-content .wp-caption.alignright{margin-right:0;} /* Remove colors from post formats */ .hentry{background-color:#fff;} } .post-header { display:none; }