@charset "utf-8";
/* CSS Document */

/*
Theme Name: Contents Box 4
Theme URI: https://www.dm-s.co.jp/
Author: DM Solutions
Description: Contents Box 4は今すぐオウンドメディアを始めたい方を支援するWordPressテーマです。<br />ディーエムソリューションズ株式会社が2006年から取り組む、SEOのノウハウやオウンドメディアに必要なソーシャル拡散機能などを余すことなく、実装しています。<br />オウンドメディアマーケティングは記事を書けば、必ず成功する訳ではありません。<br />最適なプラットフォームを使うことで、はじめて記事の力を十二分に生かすことができます。<br />オウンドメディアマーケティングの成功に向けて是非ご活用ください。
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-background, custom-menu, full-width-template, post-formats, theme-options, custom-colors
Text Domain: DM Solutions

Note: DM Solutions theme supports child themes and custom.css for extensive customization without breaking the theme.
It is recommended to use those instead of modifying core files. - http://codex.wordpress.org/Child_Themes

©2015 DM Solutions, www.dm-s.co.jp
*/

/*Reset Css*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }

body { line-height: 1; background-color:#f6f6f6; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
h1, h2, h3, h4, h5, h6 { clear: both; }
html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
a:focus { outline: none; }
article, aside, details, figcaption, figure, footer, header, nav, section { display: block; }

hgroup { display: block; margin: 17px 0; padding: 14px 0; float:none; }
hgroup a { font-size: 34px; font-weight: normal; text-decoration: none; color:#444444; text-shadow: 0.1px 1px 2px #888888; }
hgroup a:hover{ color:#111111; text-decoration: none; }
hgroup .site-description:hover{ text-decoration: none; }
hgroup .site-description { font-weight: normal; line-height: 2; font-size:12px; }

audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
del { color: #333; }
ins { background: none; text-decoration: none; }
hr { background-color: #ccc; border: 0; height: 1px; margin: 24px; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
small { font-size: smaller; }
img { border: 0; -ms-interpolation-mode: bicubic; }
.cf { width:100%; }

/* Add rounded corners to social media icons */

.socialmedia img { border-radius: 4px; }

/* Logo responsiveness in case of big logos */

.dms-logo img { max-width: 100%; }

/* Clearing floats */

.clear:after, .wrapper:after, .format-status .entry-header:after { clear: both; }
.clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after { display: table; content: ""; }

.pdfix { padding:0px; }
.wrapper { width:auto; margin:0 auto; max-width:1120px; padding: 0px 10px; }

/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */

.archive-title, .page-title { font-size: 11px; line-height: 2.181818182; font-weight: bold; color: #333333; }

.entry-content th, .comment-content th { background: #f1f1f1; font-size: 11px; line-height: 2.181818182; font-weight: bold; padding: 7px 14px; text-transform: uppercase; color: #636363; }

/* Shared Post Format styling */

article.format-quote footer.entry-meta, article.format-link footer.entry-meta, article.format-status footer.entry-meta { font-size: 11px; line-height: 2.181818182; }

/* Form fields, general styles first */

button, input, textarea { border: 1px solid #e1e3e6; border-radius: 0px; font-family: inherit; margin-right:0%; margin-bottom: 7px; padding: 8px 10px; max-width:100%; }
button, input { line-height: normal; }
textarea { font-size: 100%; overflow: auto; vertical-align: top; }
button, input[type="email"], input[type="submit"], input[type="reset"], textarea { -webkit-appearance: none; border-radius: 0; }

#searchsubmit { background: #f6a701; border: 0; color: #FFFFFF; font-weight: bold; padding: 9px 30px; cursor: pointer; }
#searchsubmit:hover { opacity: 0.75; }

/* Reset non-text input types */

input[type="file"], input[type="hidden"], input[type="image"], input[type="color"] { border: 0; border-radius: 0; padding: 0; }
input[type="checkbox"], input[type="radio"] { vertical-align:middle; }

/* Buttons */

li.bypostauthor cite span { color: #fff; background-color: #00A1E0; background-image: none; border: 1px solid #f3f3f3; border-radius: 2px; box-shadow: none; padding: 0; }

/* Responsive images - Content Box*/

.entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ }
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* This makes sure that images scales properly on all browsers*/ }
img.size-full, img.size-large, img.header-image, img.wp-post-image { max-width: 100%; height: auto; /* This makes sure that images scales properly on all browsers*/ }

/* Make sure videos fit max width of parent container */

embed, iframe, object, video { max-width: 100%; }
.entry-content .twitter-tweet-rendered { max-width: 100% !important; /* Override the Twitter embed fixed width */ }

/* Images */

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image { margin-bottom: 10px; }
.wp-caption { max-width: 100%; /* Keep wide captions from overflowing their container. */ padding: 4px; }
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; line-height: 2; color: #666666; }
img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; }
.entry-content dl.gallery-item { margin: 0; }
.gallery-item a, .gallery-caption { width: 90%; }
.gallery-item a { display: block; }
.gallery-caption a { display: inline; }
.gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; }
.gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; }
.gallery-columns-1 .gallery-icon img { padding: 3%; }

/* Navigation for posts and pages*/

.site-content nav { background:url(img/dot.gif) repeat-y center; background-color:#f2f2f2; clear: both; line-height: 1.5; margin-bottom:28px; overflow: hidden; padding:20px; }
.site-content nav:last-child { margin-bottom: 0px; }
#nav-above { padding: 24px 0; }
#nav-above { display: none; }
.paged #nav-above { display: block; }

.nav-previous a, .nav-next > a { color: #304255; text-decoration: none; display:block; }
.nav-previous, .previous-image { float: left; width: calc(50% - 15px); }
.nav-next, .next-image { float: right; text-align: right; width: calc(50% - 15px); }
.nav-single + .comments-area, #comment-nav-above { margin: 50px 0 0 0; }
.site-content nav a:hover { text-decoration: none; color: #f6a701; }
.site-content nav span b { display:block; padding-bottom:5px; color: #999999; }
.site-content nav .nav-next a b { background:url(img/next.png) no-repeat right 7px; padding-right: 25px; }
.site-content nav .nav-previous a b { background:url(img/prev.png) no-repeat 0px 7px; padding-left: 25px; }

/* Author profiles */

.author .archive-header { margin-bottom: 24px; }
.author-info { border-top: 1px solid #ededed; margin: 24px 0; padding-top: 24px; overflow: hidden; }
.author-description p { color: #757575; font-size: 13px; line-height: 1.846153846; }
.author.archive .author-info { border-top: 0; margin: 0 0 48px; }
.author.archive .author-avatar { margin-top: 0; }

/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */

html { font-size: 90.5%; }
body { font-size: 14px; font-family:"Yu Gothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", 'MS PGothic','ＭＳ Ｐゴシック', 'MS Gothic', sans-serif; text-rendering: optimizeLegibility; color: #3a3a3a; }

a { outline: none; color: #f6a701; text-decoration:none; }
a:hover { color: #f6a701; text-decoration:underline; }
a img { transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; backface-visibility:hidden; }
a:hover img { filter:alpha(opacity=75); opacity:0.75; }

/* Assistive text */

.assistive-text, .site .screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); }
.dms-nav .assistive-text:hover, .dms-nav .assistive-text:active, .dms-nav .assistive-text:focus { background: #fff; border: 2px solid #333; border-radius: 3px; clip: auto !important; color: #000; display: block; font-size: 12px; padding: 12px; position: absolute; top: 5px; left: 5px; z-index: 100000; /* Above WP toolbar */ }

/* Page structure */

.widget-area { margin-top:19px; }

/* Header */

.site-header { height: 140px; margin-bottom:0px; text-align: center; background-color:#fff; width:auto; position:relative; padding: 0px 10px; }
.site-header h1 a, .site-header h2 a { color: #515151; display: inline-block; text-decoration: none; }
.site-header h1 a:hover, .site-header h2 a:hover { color: #21759b; }
.site-header h1 { font-size:24px; line-height: 1.285714286; margin-bottom: 14px; }
.site-header h2 { font-weight: normal; font-size: 13px; line-height: 1; color: #757575; }
.site-header hgroup { text-align:left; margin:0 auto; max-width:1120px; padding:25px 0px 0px 0px; }
.site-header hgroup span { padding-left:0px; display:block; }
.site-header hgroup span a { padding-left:0px; }
.site-header hgroup span.logo { margin-right: 60%; position:relative; z-index: 1; }
.site-header hgroup span.logo a { display:inline-block; }
.site-header hgroup span.logo a img { display:block; }
.site-header .site-description, .site-header h1 { padding-top:8px; font-size:11px; font-weight:normal; line-height: 16px; color:#333333; margin-right: 60%; position:relative; z-index: 1; }
.header-image { margin-top:24px; }

.pr_header { border-bottom: #f6a701 solid 3px; height: 0px; overflow: hidden; margin-bottom: 10px; }
.pr_header hgroup { text-align: center; }
.pr_header hgroup span { margin: 0 auto !important; }

.site-header hgroup .rblock { position:absolute; right:-100px; top:49px; z-index: 2; visibility: hidden; opacity: 0; transition:all 0.25s ease-in-out; }
.site-header hgroup .rblock.on { visibility: visible; opacity: 1; right: 36px; }
.site-header hgroup .rblock a.lnk { float:left; font-size:14px; transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; border:#dcdcdc solid 1px; border-radius:5px; background-color:#f9f9f9; padding-left:13px; display: none; }
.site-header hgroup .rblock a.lnk b { background:url(img/bookicon.png) no-repeat 3px 11px; display:block; text-shadow:none; color:#757575; line-height:20px; padding:8px 17px 8px 30px; font-weight:normal; }
.site-header hgroup .rblock a:hover { background-color:#ececec; }
.site-header hgroup .rblock form { height:36px; }
.site-header hgroup .rblock form input { font-size:14px; font-family:inherit; line-height:20px; height: 20px; padding:8px 12px; border:none; vertical-align:middle; margin:0px; }
.site-header hgroup .rblock form input.inp { width:240px; background-color: #f6f6f6; font-weight: bold; outline: none; }
.site-header hgroup .rblock form input.inp:focus { background-color: #fff; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1); }
.site-header hgroup .rblock form input.btn { display: none; }
.site-header hgroup .rblock form input.btn:hover { background-color:#d8d8d8; }
.rsbtn { position: absolute; right: 0px; top: 49px; z-index: 3; background: url(img/search.png) no-repeat; width: 36px; height: 36px; background-color: #fff; cursor: pointer; transition:all 0.25s ease-in-out; }
.rsbtn:hover { opacity: 0.8; }

/* Navigation Menu and icons*/

.dms-nav { text-align: center; width:100%; position: absolute; top: 34px; right: 0px; }
.dms-nav:before { content: ''; width: 100%; height: 1px; background-color: #f6a701; position: absolute; left: 50%; top: 51px; }
.dms-nav:after { content: ''; width: 100%; height: 51px; background-color: rgba(255, 255, 255, 0.8); position: absolute; left: calc(45% + 10px); top: 0px; opacity: 0; visibility: hidden; transition:all 0.25s ease-in-out; }
.dms-nav.on_srch:after { opacity: 1; visibility: visible; }
.dms-nav div { margin:0 auto; text-align:center; width:100%; max-width:1120px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.dms-nav div > ul { margin-left: calc(45% + 10px); position: relative; }
.dms-nav div > ul:before { content: ''; width: 100%; height: 1px; background-color: #f6a701; position: absolute; left: 0px; top: 51px; z-index: 1; }
.dms-nav ul { width:auto; }
.dms-nav ul ul { width:auto; }
.dms-nav ul ul:after { display: block; }
.dms-nav li { font-size:14px; line-height:20px; width:auto; float:left; }
.dms-nav li:hover { display: inline-block; text-decoration: none; }
.dms-nav div > ul > li > a { border-bottom: #fff solid 3px; }
.dms-nav div > ul > li:hover > a, .dms-nav div > ul > li.current-menu-item > a { border-bottom: #f6a701 solid 3px; color: #f6a701; }

/* Slides */

.topbnr { position:relative; width:100%; background-color: #fff; max-height: 620px; box-sizing: border-box; margin-bottom: 80px; }
.topbnr:after { content: ''; height: 80px; width: 100%; background-color: #fff; position: absolute; left: 0px; bottom: -80px; }
.topbnr:before { content: ''; background: url(img/bnrfx1.png) no-repeat; background-size: 100% 100%; height: 86px; position: absolute; left: 0px; top: -10px; width: 25%; z-index: 5; }
.topbnr .bnr_imgs { position:absolute; top:0px; left:0px; z-index:0; height: 100%; max-height: 620px; width: 57%; overflow: hidden; }
.topbnr .bnr_imgs div { float:left; height: 100%; max-height: 620px; }
.topbnr .bnr_imgs div a { display: block; height: 100%; max-height: 620px; }
.topbnr .bnr_imgs div img { width: 100%; height: 100%; max-height: 620px; display: block; object-fit: cover; object-position: center; margin: 0px; }
.topbnr .bnr_imgs div a:hover img { opacity: 0.95; }
.topbnr .bnr_imgs .pv, .topbnr .bnr_imgs .nx { position: absolute; width: 45px; height: 45px; top: 50%; margin-top: -22px; transition:all 0.15s ease-in-out; opacity: 0.75; }
.topbnr .bnr_imgs .pv { background: url(img/sprev.png) no-repeat; left: -50px; }
.topbnr .bnr_imgs .nx { background: url(img/snext.png) no-repeat; right: -50px; }
.topbnr .bnr_imgs:hover .pv { left: 30px; }
.topbnr .bnr_imgs:hover .nx { right: 80px; }
.topbnr .bnr_imgs .pv:hover, .topbnr .bnr_imgs .nx:hover { opacity: 1; }

.topbnr .bnr_data { position: absolute; top: 0px; width: 100%; height: 0px; }
.topbnr .bnr_data .cont { max-width: 1120px; margin: 0 auto; position: relative; height: 0px; }
.topbnr .bnr_data .c { margin-left: 57%; box-sizing: border-box; position: relative; max-height: 620px; padding: 30px 0px; }
.topbnr .bnr_data .c .e { position: absolute; background-color: rgba(255, 255, 255, 0.75); height: calc(100% - 100px); display: flex; justify-content: center; flex-direction: column; padding: 20px 20px 20px 100px; visibility: hidden; width: calc(100% - 100px); }
.topbnr .bnr_data .c .e.on { visibility: visible; }
.topbnr .bnr_data .c .e h2 { font-size: 34px; line-height: 56px; font-weight: bold; padding-bottom: 40px; position: relative; margin-bottom: 30px; transition:all 0.25s ease-in-out; opacity: 0; right: -50px; }
.topbnr .bnr_data .c .e h2:after { content: ''; width: 40px; height: 2px; background-color: #cccccc; position: absolute; left: 0px; bottom: 0px; }
.topbnr .bnr_data .c .e h2 a { display: inline-block; }
.topbnr .bnr_data .c .e h2 a:hover { text-decoration: none; color: #333333; }
.topbnr .bnr_data .c .e span { background: url(img/folder.png) no-repeat 0px 5px; display: block; font-size: 12px; line-height: 20px; padding: 0px 0px 50px 16px; transition:all 0.35s ease-in-out; opacity: 0; right: -50px; position: relative; }
.topbnr .bnr_data .c .e.on h2, .topbnr .bnr_data .c .e.on span { opacity: 1; right: 0px; }
.topbnr .bnr_data .c .pgn { position: absolute; bottom: 100px; left: 100px; }
.topbnr .bnr_data .c .pgn u { text-decoration: none; display: inline-block; line-height: 14px; }
.topbnr .bnr_data .c .pgn u b { margin-right: 20px; color: #f6a701; }
.topbnr .bnr_data .c .pgn u b:last-child { margin: 0px 0px 0px 20px; color: #333333; }
.topbnr .bnr_data .c .pgn em { font-style: normal; display: inline-block; padding: 2px 0px; margin-left: 50px; }
.topbnr .bnr_data .c .pgn em span { display: inline-block; width: 10px; height: 10px; margin-left: 12px; background-color: #cccccc; cursor: pointer; }
.topbnr .bnr_data .c .pgn em span.swiper-active-switch { background-color: #f6a701; cursor: default; }

@media screen and (max-width: 1500px) {
	.topbnr .bnr_data .c { margin-left: 55%; }
	.topbnr .bnr_data .c .e { height: calc(100% - 80px); padding: 0px 20px 20px 80px; width: calc(100% - 80px); }
	.topbnr .bnr_data .c .e span { padding: 0px 0px 40px 16px; }
	.topbnr .bnr_data .c .pgn { bottom: 80px; left: 80px; }
}
@media screen and (max-width: 1200px) {
	.topbnr .bnr_data .c { margin-left: 54%; }
	.topbnr .bnr_data .c .e h2 { font-size: 30px; line-height: 48px; padding-bottom: 30px; }
}
@media screen and (max-width: 1130px) {
	.topbnr:before { height: 65px; }
	.topbnr .bnr_data .c .e { height: calc(100% - 80px); padding: 0px 20px 20px 60px; width: calc(100% - 80px); }
	.topbnr .bnr_data .c .pgn { bottom: 60px; left: 60px; }
}
@media screen and (max-width: 1000px) {
	.topbnr:before { height: 50px; }
	.topbnr .bnr_imgs:hover .pv { left: 20px; }
	.topbnr .bnr_imgs:hover .nx { right: 50px; }
	.topbnr .bnr_data .c .e h2 { font-size: 26px; line-height: 40px; }
}
@media screen and (max-width: 900px) {
	.topbnr .bnr_data .c { padding: 15px 0px; }
	.topbnr .bnr_data .c .e { height: calc(100% - 30px); padding: 0px 10px 0px 50px; width: calc(100% - 60px); }
	.topbnr .bnr_data .c .pgn { bottom: 40px; left: 50px; }
}

/* Top Pickups */

.featposts { margin-bottom:30px; }
.featposts li { float:left; width:30.35%; }
.featposts li.pk0 { width:69.65%; }
.featposts li a { width:100%; display:block; position:relative; font-size:18px; font-weight:bold; color:#ffffff; line-height:24px; overflow:hidden; }
.featposts li.pk0 a { width:100%; height:auto; font-size:28px; line-height:36px; }
.featposts li a img { display:block; margin:0px; width:100%; height:auto; }
.featposts li a span { position:absolute; width:100%; bottom:0px; left:0px; padding:200px 20px 15px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:url(img/pickbg.png) repeat-x bottom; background-size:100% 50%; }
.featposts li.pk0 a span { padding:200px 30px 20px 30px; background-size:100% 100%; }
.featposts li a b { display:none; }
.featposts li.pk0 a b { display:block; position:absolute; top:0px; left:0px; width:115px; height:115px; background:url(img/pickicon.png) no-repeat 0px 0px; text-indent:-9999px; }

.stitle { font-size: 34px; text-align: center; font-weight: bold; line-height: 48px; position: relative; margin-bottom: 70px; }
.stitle:after { content: ''; position: absolute; width: 40px; height: 2px; background-color: #f6a701; left: 50%; margin-left: -20px; bottom: -10px; }
.stitle:first-child { margin-top: 30px; }

.eplist { background: url(img/bg1.png) no-repeat center bottom, linear-gradient(#fff 80%, #f6f6f6 80%); background-size: 100% 90%, auto 100%; margin-bottom: 50px; text-align: center; padding-bottom: 80px; }
.eplist .cf { max-width: 1150px; width: auto; margin: 0 auto; }
.eplist .cf > div { float: left; width: calc(25% - 30px); margin: 0px 15px 20px 15px; position: relative; text-align: left; }
.eplist .cf > div > a { display: block; position: relative; background-color: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
.eplist .cf > div > a i { font-size: 12px; font-weight: bold; color: #fff; position: absolute; left: 0px; top: 0px; font-style: normal; background-color: #f6a701; line-height: 20px; padding: 0px 10px; }
.eplist .cf > div img { display: block; margin: 0px; width: 100%; height: auto; }
.eplist .cf > div > div { background: linear-gradient(rgba(255, 255, 255, 0.8) 20px, #fff 20px, #fff 100%);; margin: -20px 20px 0px 0px; position: relative; z-index: 1; padding: 20px 20px 15px 20px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
.eplist .cf > div > div b { font-size: 12px; color: #fff; font-weight: bold; line-height: 20px; background-color: #999999; padding: 0px 10px; position: absolute; right: 10px; top: -10px; }
.eplist .cf > div > div span { background: url(img/folder.png) no-repeat 0px 5px; display: block; font-size: 12px; line-height: 20px; padding: 0px 0px 5px 16px; }
.eplist .cf > div > div span em { font-style: normal; display: inline-block; font-weight: bold; border: #f6a701 solid 1px; line-height: 14px; vertical-align: baseline; color: #f6a701; padding: 0px 5px; margin-left: 5px; }
.eplist .cf > div > div > a { display: block; font-size: 16px; line-height: 24px; color: #333333; font-weight: 500; }
.eplist .cf > div > div > a:hover { color: #f6a701; text-decoration: none; }
.eplist .cf > div:nth-child(4n - 3) { top: 60px; }
.eplist .cf > div:nth-child(4n - 2) { top: 40px; }
.eplist .cf > div:nth-child(4n - 1) { top: 20px; }
.eplist .cf > div:nth-child(4n + 1) { clear: both; }
@media screen and (max-width: 1000px) {
	.eplist .cf > div { width: calc(25% - 16px); margin: 0px 8px 20px 8px; }
	.eplist .cf > div > div { margin-right: 10px; padding: 20px 10px 10px 10px; }
}

/* Top posts */

.topposts { padding-bottom:60px; overflow: hidden; }
.topposts ul { width:auto; margin: 0px -15px; padding-bottom: 40px; }
.topposts ul li { float:left; width:calc(33.33% - 30px); margin:0px 15px 50px 15px; position: relative; }
.topposts ul li:nth-child(3n - 2) { top: 40px; }
.topposts ul li:nth-child(3n - 1) { top: 20px; }
.topposts ul li:nth-child(3n + 1) { clear:both; }
.topposts ul li > a { display: block; position: relative; background-color: #fff; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); }
.topposts ul li > a i { font-size: 12px; font-weight: bold; color: #fff; position: absolute; left: 0px; top: 0px; font-style: normal; background-color: #f6a701; line-height: 20px; padding: 0px 10px; }
.topposts ul li > a img { display: block; margin: 0px; width: 100%; height: auto; }
.topposts ul li > div { background: linear-gradient(rgba(255, 255, 255, 0.8) 20px, #fff 20px, #fff 100%);; margin: -20px 20px 0px 0px; position: relative; z-index: 1; padding: 20px 20px 15px 20px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04); }
.topposts ul li > div b { font-size: 12px; color: #fff; font-weight: bold; line-height: 20px; background-color: #999999; padding: 0px 10px; position: absolute; right: 10px; top: -10px; }
.topposts ul li > div span { background: url(img/folder.png) no-repeat 0px 5px; display: block; font-size: 12px; line-height: 20px; padding: 0px 0px 5px 16px; }
.topposts ul li > div span em { font-style: normal; display: inline-block; font-weight: bold; border: #f6a701 solid 1px; line-height: 14px; vertical-align: baseline; color: #f6a701; padding: 0px 5px; margin-left: 5px; }
.topposts ul li > div > a { display: block; font-size: 16px; line-height: 24px; color: #333333; font-weight: 500; }
.topposts ul li > div > a:hover { color: #f6a701; text-decoration: none; }
@media screen and (max-width: 1000px) {
	.topposts ul { margin: 0px -8px; }
	.topposts ul li { width:calc(33.33% - 16px); margin:0px 8px 50px 8px; }
	.topposts ul li > div { margin-right: 10px; padding: 20px 10px 10px 10px; }
}

.topposts > div { text-align:center; }
.topposts > div a { display:block; line-height:30px; padding:10px 0px; font-size:16px; font-weight:bold; border: #f6a701 solid 1px; }
.topposts > div a:hover { text-decoration:none; background-color:#f6a701; color: #fff; }

.content2 { margin-top: 60px; }
.content2 .archive-title { font-weight: 500 !important; }
.featlist .cf { background:url(img/dot2.gif) repeat-y center top; border-top:#e1e3e6 solid 1px; }
.featlist .cf div { padding:15px 20px 15px 0px; border-bottom:#e3e3e3 solid 1px; float:left; width:calc(50% - 20px); }
.featlist .cf div:nth-child(2n) { padding:15px 0px 15px 20px; float:right; }
.featlist .cf div:nth-child(2n + 1) { clear: both; }
.featlist .cf div a { display:block; color:#333333; font-size:14px; line-height:19px; min-height: 57px; }
.featlist .cf div a b { font-weight: 500; }
.featlist .cf div a img { float:left; width: 90px; height: auto; margin:0px; margin-right:12px; }
.featlist .cf div a:hover { color:#f6a701; text-decoration:none; }

/* Breadcrumbs */

.breadcrumbs { width:auto; margin:0 auto; text-align:left; max-width:1140px; font-size:0px; padding:0px 10px; box-sizing: border-box; }
.breadcrumbs div { color:#666666; font-weight: bold; border-bottom: #e2e2e2 solid 1px; margin-bottom: 35px; padding: 20px 0px 15px 0px; max-width: calc(100% - 288px); }
.breadcrumbs a { color:#f6a701; text-decoration:underline; }
.breadcrumbs a:hover { text-decoration:none; color: #333; }
.breadcrumbs div > span { background: url(img/path.png) no-repeat right 4px; display: inline-block; font-size: 13px; line-height: 18px; padding-right: 26px; margin-right: 10px; }
.breadcrumbs div > span:last-child { background: none; padding: 0px; margin: 0px; }
@media screen and (max-width: 1000px) {
	.breadcrumbs div { max-width: 100%; }
}

/* Banner */

section[role="banner"] { margin-bottom: 48px; }

/* Sidebar */

.widget-area .widget { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; margin-bottom: 30px; word-wrap: break-word; background-color: #fff; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.03); padding: 15px 20px; }
.widget-area .widget.wt_nt { box-shadow: none; background: none; padding: 0px; }
.widget-area .widget.wt_nt a { padding: 0px; }
.widget-area .widget.wt_nt a img { display: block; margin: 0px; }
.widget-area .widget p.widget-title { font-size: 16px; color:#333333; border-bottom:#999999 solid 1px; padding:5px 0px 15px 0px; font-weight:bold; }
.widget.widget_search { padding:0px; }
.widget.widget_search input { margin:0px; border: none; }

.widget-area .widget li { line-height:24px; border-bottom: 1px solid #e1e3e6; padding:12px 0px; }
.widget-area .widget li:last-child { border-bottom: none; padding-bottom: 0px; }
.widget-area .widget .textwidget { font-size:14px; line-height: 1.646153846; }
.widget-area .widget .textwidget img { display:block; }
.widget-area .textwidget ul { list-style: disc outside;	margin: 0 0 24px; }
.widget-area .textwidget li { margin-left: 36px; }
.widget-area .widget a { color: #384655; text-decoration:none; font-size: 98%; font-weight:bold; display:block; padding: 3px 10px; }
.widget-area .widget a:hover { text-decoration:none; color:#f6a701; }
.widget-area #searchform div { width:100%; }
.widget-area #searchform div:after { content:" "; display:block; height:0; clear:both; overflow:hidden; visibility:hidden; }
.widget-area #s { width:calc(100% - 36px); box-sizing: border-box; border:none; float:left; height:36px; background: none; outline: none; font-weight: bold; }
.widget-area #s:focus { box-shadow:inset 0px 0px 4px rgba(0, 0, 0, 0.2); }
.widget-area #searchsubmit { background: url(img/search.png) no-repeat; border:none; box-sizing: border-box; border-right:none; width:36px; float:right; padding:7px 0px 7px 0px; cursor:pointer; height:36px; font-weight:bold; }
.widget-area #searchsubmit:hover { opacity: 0.75; }
.widget-area .tagcloud { padding:15px 0px 0px 0px; line-height:130%; margin-right: -10px; }
.widget-area .tagcloud a { font-size:12px !important; display:inline-block; color:#666666; position: relative; padding-left: 15px; margin: 5px 10px 5px 0px; }
.widget-area .tagcloud a:before { content: '#'; font-size: 18px; font-weight: bold; color: #9d9d9d; position: absolute; left: 0px; }
.widget-area .tagcloud a:hover { color:#f6a701; }

.popular-posts p.widget-title { margin-bottom:0px; }
.widget-area .wpp-list li { width:100%; overflow:visible; padding: 15px 0px 10px 0px; }
.widget-area .wpp-list li:last-child { padding-bottom: 0px; }
.widget-area .wpp-list li a { display:block; text-align:left; padding:0px; color:#333333; position:relative; line-height: 21px; }
.widget-area .wpp-list li img { float:left; margin:2px 10px 0px 0px; width: 90px; height: auto; }
.widget-area .wpp-list li span { font-size:12px; padding:5px 0px 0px 0px; color:#f6a701; line-height:16px; display: block; text-align: right; }
.widget-area .wpp-list li:after { content:" "; display:block; height:0; clear:both; overflow:hidden; visibility:hidden; }
.widget-area .wpp-list li a:before { content:""; position:absolute; left:0px; top:-3px; color:#FFFFFF; background-color:#999999; text-align:center; width:20px; line-height:20px; z-index:1; }
.widget-area .popular-posts li:nth-child(1) img { width: 100%; height: auto; float: none; margin-bottom: 5px; }
.widget-area .popular-posts li:nth-child(1) a:before { content:"1"; background-color: #f6a701; width: 30px; line-height: 30px; top: -5px; }
.widget-area .wpp-list li:nth-child(2) a:before { content:"2"; }
.widget-area .wpp-list li:nth-child(3) a:before { content:"3"; }
.widget-area .wpp-list li:nth-child(4) a:before { content:"4"; }
.widget-area .wpp-list li:nth-child(5) a:before { content:"5"; }
.widget-area .widget .recmore { border-top:#e2e2e2 solid 1px; margin-top: 12px; padding-top: 10px; text-align: right; }
.widget-area .widget .recmore a { display:inline-block; color:#999999; line-height:20px; font-weight:bold; padding-right: 24px; background: url(img/a1.png) no-repeat right center; }
.widget-area .widget .recmore a:hover { text-decoration:none; background: url(img/a1on.png) no-repeat right center; color: #f6a701; }
.widget-area .aroma-recent-entries li a:before { content:"" !important; }

.widget-area .widget select { padding:5px 10px; font-family:inherit; font-size:14px; max-width:calc(100% - 40px); margin:20px; width:calc(100% - 40px); }

.widget-area .rsns { text-align: center; font-size: 0px; padding: 15px 0px 5px 0px; margin: 0px -5px; }
.widget-area .rsns a { display: inline-block; padding: 0px; margin: 0px 5px 5px 5px; }
.widget-area .rsns a img { display: block; margin: 0px; width: 35px; height: 35px; border-radius: 5px; }

.wpcf7 input, .wpcf7 texarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.midfbblock { margin-bottom:20px; }

.sns-share-msg { font-size:16px; }
body ul.snspbot { padding-bottom:15px; margin-bottom:0px; }
body .snspbot li { list-style:none; float:left; margin:0px 5px 0px 0px; padding:0px 5px 0px 0px; height:68px; }
body .snspbot2 li { list-style:none; float:left; margin:0px 5px 0px 0px; padding:0px 5px 0px 0px; }

body ul.snsptop { padding-bottom:15px; margin-bottom:0px; }
body .snsptop li { list-style:none; float:left; margin:0px 5px 0px 0px; padding:0px 5px 0px 0px; height:20px; }
body .snsptop li.google-plus-btn { width:60px; }
body .snsptop li.facebook-btn { margin-top:-4px; }

.sc_widget_ttl { font-size:16px; color:#FFFFFF; background-color:#eb610f; padding:15px; margin-top:30px; }
.sc_widget_list { padding-bottom:10px; }
.sc_widget_list a { display:block; font-size:16px; padding:10px 0px 10px 54px; line-height:20px; }
.sc_widget_list .tw a { background:url(img/wd_tw.gif) no-repeat 0px center; }
.sc_widget_list .fb a { background:url(img/wd_fb.gif) no-repeat 0px center; }
.sc_widget_list .gl a { background:url(img/wd_gl.gif) no-repeat 0px center; }
.sc_widget_list .rs a { background:url(img/wd_rs.gif) no-repeat 0px center; }
.sc_widget_list .fd a { background:url(img/wd_fd.gif) no-repeat 0px center; }
.widget-area .sc_widget_list li { border-bottom:none; padding-top:15px; padding-bottom:0px; }

.rsocial { padding:20px 10px; }
.rsocial iframe { display:block; margin:0px; padding:0px; }
.widget-area .widget .rsocial ul { list-style:none; padding:0px; margin:0px; text-align:center; height:40px; }
.widget-area .widget .rsocial ul li { display:inline-block; padding:0px 5px; margin:0px; border-bottom:none; }
.widget-area .widget .rsocial ul li a { display:inline-block; height:40px; }
.widget-area .widget .rsocial ul li img { display:inline-block; margin:0px; }

/* Footer box-shadow: 4px 1px 10px 1px #F1F1F1;*/

footer[role="contentinfo"] { background: url(img/bg2.png) no-repeat 0px 0px; background-size: 100% 42px; background-color:#fff; width: 100%; clear: both; height: auto; line-height: 2; margin-top:40px; padding-top: 50px; }
footer[role="contentinfo"] a { color: #686868; margin-left:5px; text-decoration: none; }
footer[role="contentinfo"] a:hover { color: #333333; }
footer .site-info { border-top:#f6a701 solid 1px; width:auto; padding:10px 10px 8px 10px; }
footer .site-info .fcont { width:100%; max-width:1120px; margin:0 auto; font-size:12px; font-weight: bold; }
footer .site-info .fcont:after { content:" "; display:block; height:0; clear:both; overflow:hidden; visibility:hidden; }
footer .site-info a { color:#f6a701 !important; }
footer .site-info a:hover { text-decoration: underline; }
footer hr { border: none; background: none; padding: 0px; margin: 0px; display: block; height: 30px; }

.fmenu { width:auto; max-width:1140px; margin: auto; }
.fmenu .footer-menu { width:auto; text-align:right; padding:20px 10px; font-weight:bold; }
.fmenu li { display:inline-block; padding:0px 0px 0px 35px; font-size:14px; }
.fmenu li ul { display:none; }
footer .fmenu a { color:#333333; margin:0px; }
footer .fmenu a:hover { text-decoration:none; color: #f6a701; }
.fmenu a:hover { text-decoration:none; }
.fmenu li.current-menu-item { background:none; }

.topagetop { position:fixed; right:0px; bottom:0px; width:70px; height:140px; overflow:hidden; z-index:1000; }
.topagetop a { position:absolute; top:140px; left:0px; }
.topagetop a img { display:block; }

/* Main content area, sticky post styling and comment content
-------------------------------------------------------------- */

#content, .content2 { background-color: #fff; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.03); padding: 55px; }
@media screen and (max-width: 1000px) {
	#content, .content2 { padding: 40px 30px; }
}

#sns-buttons { padding:20px 0px 0px 0px; }
#sns-buttons2 { padding:25px 0px 0px 0px; }
.list_scbk { margin:-10px 0px -10px 0px; }
.entry-meta { clear: both; }
.entry-header { margin-bottom:15px; }
.entry-header .entry-meta { border-bottom:#e0e0e0 solid 1px; padding:10px 0px 0px 0px; }
.entry-header .entry-meta .tags { display:block; padding-bottom:25px; background-position:0px 0px; }
.entry-header .pdate { font-size:13px; color:#eb610f; padding-right:10px; display:inline-block; padding-bottom:10px; line-height:140%; }
.entry-header .pcat { background:url(img/folder.gif) no-repeat 10px 2px; font-size:13px; border-left:#aaaaaa solid 1px; padding-left:30px; display:inline-block; margin-bottom:10px; line-height:140%; }
.entry-header .pcat a { color:#8a8a8a; text-decoration:underline; }
.entry-header .pcat a:hover { text-decoration:none; color: #333; }
.entry-header img.wp-post-image { margin-bottom: 24px; }
.entry-header .entry-title { font-size:30px; line-height: 1.2; font-weight: normal; margin:20px 0px 15px 0px; font-weight:bold; }
.entry-header .entry-title a { color: #444444; text-decoration: none; }
.entry-header .entry-title a:hover{ color: #111111; }
.entry-header .entry-format { margin-top: 24px; font-weight: normal; }
.entry-header .comments-link { margin-top: 24px; font-size: 13px; line-height: 1.846153846; color: #757575; }
.comments-link a, .entry-meta a { color: #757575; }
.entry-meta .tags { background:url(img/tag.gif) no-repeat 0px 4px; display:inline-block; font-size:13px; color:#929292; padding-right:10px; padding-left:20px; }
.entry-meta .tags a { color:#929292; text-decoration:underline; }
.entry-meta .tags a:hover { text-decoration:none; }
.entry-meta .edit-link { display:none; }
.entry-meta .edit-link a { padding:4px 10px 3px 10px; color:#FFFFFF; background-color:#0074a2; font-weight:bold; }
.comments-link a:hover, .entry-meta a:hover { color: #333; }
.entry-meta .edit-link a:hover { color:#FFFFFF; background-color:#FF9900; }
.excerpt-thumb img.alignleft { border:#e0e0e0 solid 1px; margin-top:5px; }
.entry-summary:after { content:" "; display:block; height:0; clear:both; overflow:hidden; visibility:hidden; }
.entry-summary .read-more { display:block; padding:20px 0px 5px 0px; }
.entry-summary .read-more a { color:#FFFFFF; font-size:15px; background-color:#eb610f; padding:10px 40px 8px 40px; border-radius:5px; }
.entry-summary .read-more a:hover { text-decoration:none; background-color:#ffb239; }

.cspager { font-size:16px; line-height: 28px; margin-bottom:30px; padding-top:45px; font-weight: bold; }
.cspager .page-numbers { padding:0px; display:inline-block; width:30px; text-align:center; color:#333333; margin:0px 5px; border-bottom: #f6f6f6 solid 2px; }
.cspager span.current { border-bottom: #f6a701 solid 2px; }
.cspager span.dots { border:none; }
.cspager .pns { float:left; font-size:15px; padding:8px 0px 10px 0px; display:none; }
.cspager .pns span { font-size:22px; font-weight:bold; color:#50bbdd; }
.cspager .nums { text-align:center; position: relative; padding: 0px 90px; }
.cspager a.page-numbers:hover { color:#f6a701; text-decoration:none; border-bottom: #f6a701 solid 2px; }

.cspager a.prev, .cspager a.next { position: absolute; width:auto; padding:0px; margin: 0px; color: #f6a701; }
.cspager a.prev { left: 0px; background: url(img/prev.png) no-repeat 0px 9px; padding-left: 35px; }
.cspager a.next { right: 0px; background: url(img/next.png) no-repeat right 9px; padding-right: 35px; }
.cspager a.prev:hover, .cspager a.next:hover { border-bottom: none; color:#333333; }

.site-content article.sticky  { background: #F8F8F8; border-color: #DDDDDD; border-style: solid solid double; border-width: 1px; clear: both; font-size: 13px; line-height: 1.19231; margin-bottom: 24px; padding: 17px; text-align: left; }
.site-content .featured-post { font-weight:bold; padding-bottom:10px; }

.entry-summary { position:relative; }
.entry-summary .lnk { color:#333333; }
.entry-summary .lnk img { float:left; display:block; margin:0px 20px 0px 0px; width: 216px; height: auto; }
.entry-summary .lnk b { display:block; font-size:20px; line-height:26px; padding:28px 0px 10px 0px; font-weight: 500; z-index: 1; position: relative; margin-bottom: 5px; }
.entry-summary .lnk i { font-size: 12px; font-weight: bold; color: #fff; position: absolute; left: 0px; top: 0px; font-style: normal; background-color: #f6a701; line-height: 20px; padding: 0px 10px; }
.entry-summary .lnk:hover { color:#f6a701; text-decoration:none; }
.entry-summary > b { position: absolute; right: 0px; top: 0px; color: #fff; background-color: #999999; line-height: 18px; padding: 0px 5px; }
.entry-summary span { background:url(img/folder.png) no-repeat 0px 5px; display:inline-block; padding:0px 0px 0px 18px; font-size:14px; line-height:20px; font-weight: 500; }
.entry-summary span em { font-style: normal; display: inline-block; font-weight: bold; border: #f6a701 solid 1px; line-height: 14px; vertical-align: baseline; color: #f6a701; padding: 1px 5px 0px 5px; margin-left: 10px; }

.entry-summary.pk0 { margin-bottom: 30px; margin-left: -55px; }
.entry-summary.pk0 .lnk img { width: 60%; }
.entry-summary.pk0 .lnk b { font-size: 24px; line-height: 44px; padding: 60px 0px 25px 0px; }
.entry-summary.pk0 > b { top: 20px; }
@media screen and (max-width: 1000px) {
	.entry-summary.pk0 { margin-left: -30px; }
}

.entry-content, .entry-summary, .mu_register { line-height: 1.714285714; }
.entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 { margin: 30px 0; line-height: 1.714285714; }
.entry-content h1, .comment-content h1 { font-size: 21px; line-height: 1.5; }
.entry-content h2, .comment-content h2, .mu_register h2 { font-size: 26px; line-height: 1.6; padding:0px 0px 0px 20px; color:#333333; border-left:2px solid #f6a701; position:relative; font-weight: 500; }
.page .entry-content h2 { font-size: 26px; line-height: 1.6; margin-bottom: 30px; padding: 15px 0px 15px 0px; color: #384655; border-bottom: 4px solid #f6a701; position: relative; border-left: none; }
.page .entry-content h2:before { content: ''; display: block; position: absolute; left: 0; bottom: -4px; width: 50px; height: 4px; background-color: #afafaf; border-right: 4px solid #fff; }
.entry-content h3, .comment-content h3 { font-size: 22px; line-height: 1.846153846; padding:0px 0px 7px 0px; color:#333333; border-bottom:#999999 solid 1px; font-weight: 500; }
.entry-content h4, .comment-content h4 { font-size: 20px; line-height: 1.846153846; color:#333333; font-weight:500; border-bottom:#e2e2e2 solid 1px; padding-bottom:5px; }
.entry-content h5, .comment-content h5 { font-size: 18px; line-height: 1.846153846; }
.entry-content h6, .comment-content h6 { font-size: 16px; line-height: 1.846153846; }
.entry-content p, .entry-summary p, .comment-content p, .mu_register p { margin: 0 0 10px; line-height: 1.714285714; }
.entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul, .mu_register ul { margin: 0 0 24px; line-height: 1.714285714; }
.entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul { margin-bottom: 0; }
.entry-content ul, .comment-content ul, .mu_register ul { list-style: square outside; }
.entry-content ol, .comment-content ol { list-style: decimal outside; }
.entry-content li, .comment-content li, .mu_register li { margin: 0 0 0 36px; }
.entry-content blockquote, .comment-content blockquote { background:url(img/block.png) no-repeat 15px 15px; background-color: #f6f6f6; margin:15px 0px 35px 0px; padding: 20px 20px 20px 60px; color:#6d6d6d; }
.entry-content blockquote p:last-child, .comment-content blockquote p:last-child { margin-bottom: 0; }
.entry-content code, .comment-content code { font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; line-height: 2; }
.entry-content pre, .comment-content pre { border: 1px solid #ededed; color: #666; font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 14px; line-height: 1.514285714; margin: 24px 0; overflow: auto; padding: 20px; }
.entry-content pre code, .comment-content pre code { display: block; }
.entry-content abbr, .comment-content abbr, .entry-content dfn, .comment-content dfn, .entry-content acronym, .comment-content acronym { border-bottom: 1px dotted #666; cursor: help; }
.entry-content address, .comment-content address { display: block; line-height: 1.5; margin: 0 0 24px; }
img.alignleft { margin: 8px 24px 20px 0; }
img.alignright { margin: 12px 0 12px 24px; }
img.aligncenter { margin-top: 12px; margin-bottom: 12px; }
.entry-content embed, .entry-content iframe, .entry-content object, .entry-content video { margin-bottom: 2px; }
.entry-content dl, .comment-content dl { margin: 0 24px; }
.entry-content dt, .comment-content dt { font-weight: bold; line-height: 1.714285714; }
.entry-content dd, .comment-content dd { line-height: 1.714285714; margin-bottom: 24px; }
.entry-content table, .comment-content table { border-bottom: 1px solid #ededed; line-height: 2; margin: 0 0 24px; width: 100%; border-collapse:collapse; }
.entry-content table caption, .comment-content table caption { font-size: 14px; margin: 24px 0 10px 0px; }
.entry-content td, .comment-content td { border: 1px solid #e0e0e0; padding:10px 14px 10px 14px; }
.entry-content th, .comment-content th { border: 1px solid #e0e0e0; padding:10px 14px 10px 14px; font-size:14px; background-color:#f5f5f5; font-weight:normal; color:#333333; }
.site-content article { margin-bottom:20px; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding-bottom:20px; border-bottom: #e2e2e2 solid 1px; position: relative; }
.site-content article:last-child { margin-bottom: 0px; }
.site-content article.page:last-child { border-bottom: none; }
.entry-content { margin:0px; font-size:16px; color:#304255; position: relative; }
.entry-content p img { border:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width:100%; }
.page-links { clear: both; line-height: 1.714285714; text-align:center; font-size:15px; padding:20px 0px 20px 0px; }
.page-links a { padding:7px 14px; background-color:#e5e5e5; margin:0px 3px 0px 3px; color:#333333; }
.page-links a:hover { background-color:#eb610f; text-decoration:none; }
.page-links span { padding:7px 14px; background-color:#eb610f; margin:0px 3px 0px 3px; color:#FFFFFF; }
.page-links a span { padding:0px; background:none; margin:0px; color:#333333; }
footer.entry-meta { margin-top: 24px; font-size: 13px; line-height: 1.846153846; color: #757575; }
.site-content article.post-detail { border-bottom:none; margin-bottom:0px; padding-bottom:20px; background-color:#FFFFFF; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.site-content article.comment { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.mdblcok { margin:0px; padding:0px; }
.site-content article.type-page { padding:0px; }
.site-content article.no-results, .site-content article.not-found { }

.widget_recent_entries li { padding: 5px 0px; }
.widget_recent_entries a { text-decoration: none; }
.widget_recent_entries a:hover { text-decoration: underline; }

.entry-content span.cats { background:url(img/folder.png) no-repeat 0px 5px; display:block; padding:0px 0px 15px 20px; font-size:14px; line-height:20px; border-bottom:#e1e3e6 solid 1px; }
.entry-content span.cats a { text-decoration: none; }
.entry-content span.cats a:hover { text-decoration: underline; }
.entry-content b.date { font-size: 14px; color: #fff; line-height: 20px; padding: 0px 5px; background-color: #999999; position: absolute; top: -55px; right: 0px; }
@media screen and (max-width: 1000px) {
	.entry-content b.date { top: -40px; right: 0px; }
}
.entry-content h1 { font-size:30px; font-weight:500; color:#384655; margin:0px; line-height:40px; padding:0px 0px 25px 0px; }
.entry-content span.tags { padding:30px 0px 15px 0px; line-height:20px; display:block; font-size: 12px; color: #304255; }
.entry-content span.tags a { font-size:12px !important; display:inline-block; color:#666666; position: relative; padding-left: 15px; margin: 5px 10px 5px 5px; text-decoration: none; font-weight: bold; }
.entry-content span.tags a:before { content: '#'; font-size: 18px; font-weight: bold; color: #9d9d9d; position: absolute; left: 0px; }
.entry-content span.tags a:hover { color:#f6a701; }
.fullwdp .entry-content b.date { display: none; }

.entry-meta > span a { color: #333333; padding: 2px; text-decoration:none; }
.single-author .entry-meta .by-author { display: none; }
.mu_register h2 { color: #757575; font-weight: normal; }
.yarpp-related { margin:0px; }
.yarpp-related h2 { position:relative; z-index:2; background-color:#FFFFFF; margin-bottom:-1px; }

.entry-content div.related_post_title { font-size:20px; font-weight:normal; border-left:#eb610f solid 7px; line-height:1.5; padding:0px 0px 0px 16px; display:block; margin-top:30px; border-top:none; border-bottom:none; margin-bottom:0px; }
.entry-content div.related_post_title { font-size:20px !important; font-weight:normal !important; border-left:#eb610f solid 7px; line-height:1.5; padding:0px 0px 0px 16px !important; display:block; margin-top:30px !important; border-top:none; border-bottom:none; margin-bottom:0px; }
.entry-content .related_post { width:100%; border-top:#e0e0e0 solid 1px; margin-top:20px; margin-bottom:0px; }
.entry-content .related_post:after { content:" "; display:block; height:0; clear:both; overflow:hidden; visibility:hidden; }
.entry-content .related_post li { float:left; width:100%; margin:0px; padding:15px 0px 15px 0px; border-bottom:#e0e0e0 solid 1px; max-width:315px; list-style:none; }
.entry-content .related_post li:nth-child(odd) { margin-right:30px; }
.entry-content .related_post li:after { content:" "; display:block; height:0; clear:both; overflow:hidden; visibility:hidden; }
.entry-content .related_post li img { float:left; margin:0px 15px 0px 0px; border:#e9e9e9 solid 1px; width:88px; height:88px; }
.entry-content .related_post li a { font-size:13px; color:#2a2a2a; text-decoration:underline; text-decoration:underline !important; font-weight:normal !important; }
.entry-content .related_post li a:hover { text-decoration:none; text-decoration:none !important; }
.entry-content .wp_rp_footer { padding-top:20px; }

.entry-content .ts-fab-avatar img { margin-bottom:0px; }
.entry-content .ts-fab-header h4 { font-size:16px; padding:0px 0px 5px 0px; border: none; font-weight: bold; }

.fwpage article { border-bottom:none; padding-bottom:0px; }
.fwpage .entry-content p img { border:none; }
.submitbtn { text-align:center; padding:15px 0px 15px 0px; }
.submitbtn input { font-size:20px; border: #f6a701 solid 1px; background:none; padding:10px 100px; color:#f6a701; cursor:pointer; font-weight:bold; }
.submitbtn input:hover { background-color:#f6a701; color: #fff; }

.yarpp-related .featlist .cf div { padding-right:20px; padding-left:0px; }
.yarpp-related .featlist .cf div:nth-child(2n) { padding-left:20px; padding-right:0px; }
.yarpp-related .featlist .cf div:nth-child(2n-1) { clear:both; }

body .wp_social_bookmarking_light { margin-top:20px !important; }
body .wp_social_bookmarking_light .wsbl_twitter { width:75px; }

.entry-content .ctabtn a { display:block; box-sizing:border-box; margin:120px auto 40px; width:670px; height:90px; padding:20px 0 0 4em; background:url(//howto.ac/wp-content/uploads/2017/08/cycleplus_btn.png) 0 0 no-repeat; background-size: 100%, cover;  text-align:center; text-decoration:none; }
.entry-content .ctabtn a span { color:#ffffff; font-size:30px; font-weight:bold; }
.entry-content .ctabtn a:hover { filter:alpha(opacity=75); opacity:0.75; }

.entry-content .ctabtnbl a { display:block; box-sizing:border-box; margin:120px auto 40px; width:670px; height:90px; padding:20px 0 0 4em; background:url(//howto.ac/wp-content/uploads/2017/12/cycleplus_btn_bl.png) 0 0 no-repeat; background-size: 100%, cover;  text-align:center; text-decoration:none; }
.entry-content .ctabtnbl a span { color:#ffffff; font-size:30px; font-weight:bold; }
.entry-content .ctabtnbl a:hover { filter:alpha(opacity=75); opacity:0.75; }

/* =Archives
-------------------------------------------------------------- */

.archive-header, .page-header { margin-bottom:20px; }
.archive-header .archive-title { font-size: 26px; text-align: center; font-weight: bold; line-height: 40px; position: relative; margin-bottom: 70px; color: #384655; }
.archive-header .archive-title:after { content: ''; position: absolute; width: 40px; height: 2px; background-color: #f6a701; left: 50%; margin-left: -20px; bottom: -10px; }
.archive-meta { color: #757575; font-size: 12px; line-height: 2; margin-top: 22px; }

/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment { overflow: hidden; }
.image-attachment div.attachment { text-align: center; }
.image-attachment div.attachment p { text-align: center; }
.image-attachment div.attachment img { display: block; height: auto; margin: 0 auto; max-width: 100%; }
.image-attachment .entry-caption { margin-top: 8px; }

/* =Aside post format
-------------------------------------------------------------- */

article.format-aside h1 { margin-bottom: 24px; }
article.format-aside h1 a { text-decoration: none; color: #4d525a; }
article.format-aside h1 a:hover { color: #2e3542; }
article.format-aside .aside { background: #F3F3F3; border-top: 16px solid #16A1E7; padding: 24px 24px 0; }
article.format-aside p { font-size: 13px; line-height: 1.846153846; color: #4a5466; }
article.format-aside blockquote:last-child, article.format-aside p:last-child { margin-bottom: 0; }

/* =Post formats
-------------------------------------------------------------- */

/* Quote posts */

article.format-quote .entry-content p { margin: 0; padding-bottom: 24px; }
article.format-quote .entry-content blockquote { display: block; padding: 24px 24px 0; font-size: 15px; line-height: 1.6; font-style: normal; color: #6a6a6a; background: #efefef; }

/* Status posts */

.format-status .entry-header { margin-bottom: 24px; }
.format-status .entry-header header { display: inline-block; }
.format-status .entry-header h1 { font-size: 15px; font-weight: normal; line-height: 1.6; margin: 0; }
.format-status .entry-header h2 { font-size: 12px; font-weight: normal; line-height: 2; margin: 0; }
.format-status .entry-header header a { color: #757575; }
.format-status .entry-header header a:hover { color: #21759b; }
.format-status .entry-header img { float: left; margin-right: 21px; }

/* =Comments
changed article header
-------------------------------------------------------------- */

.comments-title { margin-bottom: 30px; font-size:22px; line-height: 1.5; font-weight: 500; color:#333333; border-bottom:#e1e3e6 solid 1px; padding-bottom:15px; }
.comments-area article { margin: 24px 0; }
.comments-area article header { overflow: hidden; position: relative; padding-bottom:5px; }
.comments-area article header img { float: left; padding: 0; line-height: 0; padding:4px; border:#e0e0e0 solid 1px; }
.comments-area article header cite, .comments-area article header time { display: block; margin-left: 55px; }
.comments-area article header cite { font-style: normal; font-size: 15px; line-height: 1.42857143; }
.comments-area article header time { line-height: 1.714285714; text-decoration: none; font-size: 14px; color: #5e5e5e; }
.comments-area article header a { text-decoration: none; color: #5e5e5e; }
.comments-area article header a:hover { color: #21759b; }
.comments-area article header cite a { color: #444; }
.comments-area article header cite a:hover { text-decoration: underline; }
.comments-area article header h4 { position: absolute; top: 0; right: 0; padding: 6px 12px; font-size: 12px; font-weight: normal; color: #fff; background-color: #0088d0; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #009cee, #0088d0); background-image: -ms-linear-gradient(top, #009cee, #0088d0); background-image: -webkit-linear-gradient(top, #009cee, #0088d0); background-image: -o-linear-gradient(top, #009cee, #0088d0); background-image: linear-gradient(top, #009cee, #0088d0); border-radius: 3px; border: 1px solid #007cbd; }
.comments-area li.bypostauthor cite span { position: relative; margin-left: 5px; padding: 2px 5px; font-size: 10px; display:none; }
a.comment-reply-link, a.comment-edit-link { color: #f6a701; font-size: 14px; line-height: 1.846153846; text-decoration:underline; }
a.comment-reply-link:hover, a.comment-edit-link:hover { text-decoration:none; }
.commentlist .pingback { line-height: 1.714285714; margin-bottom:24px; }
.commentlist .reply { text-align:right; }
.commentlist .reply span { display:none; }
.comment-content { padding-left:55px; font-size: 16px; }
.comment-content .edit-link { display:none; }
.site-content article.comment { border-bottom:#e1e3e6 solid 1px; padding-bottom:15px; }

/* Comment form */

#respond { margin-top: 30px; }
#respond h3#reply-title { font-size: 20px; line-height: 1.5; font-weight:500; }
#respond h3#reply-title #cancel-comment-reply-link { margin-left: 10px; font-weight: normal; font-size: 12px; }
#respond form { margin: 5px 0px 0px 0px; }
#respond form p.comment-notes { padding-bottom:10px; font-size: 12px; }
#respond form p { margin: 11px 0 0 0; }
#respond form p.logged-in-as { margin-bottom: 24px; }
#respond form label { display: block; line-height: 1.714285714; font-size: 16px; }
#respond form input[type="text"],
#respond form textarea { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; line-height: 1.714285714; padding: 10px; width: 100%; }
#respond form p.form-allowed-tags { margin: 0; font-size: 12px; line-height: 2; color: #5e5e5e; }
#respond form .form-submit { padding: 10px 0px 0px 0px; }
#respond form .form-submit input { background: none; color:#f6a701; font-size:16px; border:#f6a701 solid 1px; padding:12px 20px; cursor:pointer; font-weight:bold; margin: 0px; }
#respond form .form-submit input:hover { background-color:#f6a701; color: #fff; }
.required { color: red; }

/* Contact Form */

.formfield { padding:0px; }
.formfield th { border:none; border-bottom:2px solid #ebebeb; font-weight:bold; font-size:15px; background:none; color:#3c3c3c; padding:20px 0px 20px 50px; vertical-align:middle; width:30%; }
.formfield th span { font-size:12px; background-color:#f6a701; color:#FFFFFF; padding:0px 5px 0px 5px; float:right; margin-top:3px; }
.formfield td { border:none; border-bottom:2px solid #ebebeb; padding:20px 50px 20px 50px; vertical-align:middle; }
.formfield td input, .formfield td textarea, .formfield td select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width:100%; margin:4px 0px 4px 0px; width:auto !important; }
.formfield td .wpcf7-list-item { display:block; }
.formfield td .wpcf7-text, .formfield td textarea { width:100% !important; }

/* =Front page template
-------------------------------------------------------------- */

.entry-page-image { margin-bottom: 14px; }
.template-front-page .site-content article { border: 0; margin-bottom: 0; }
.template-front-page .widget-area { clear: both; float: none; width: auto; padding-top: 24px; border-top: 1px solid #ededed; }
.template-front-page .widget-area .widget li { margin: 8px 0 0; font-size: 13px; line-height: 1.714285714; list-style-type: square; list-style-position: inside; }
.template-front-page .widget-area .widget li a { color: #757575; }
.template-front-page .widget-area .widget li a:hover { color: #21759b; }
.template-front-page .widget-area .widget_text img { float: left; margin: 8px 24px 8px 0; }

/* =Widgets
-------------------------------------------------------------- */

.widget-area .widget ul ul { margin-left: 12px; }
.widget_rss li { margin: 12px 0; }
.widget_recent_entries .post-date, .widget_rss .rss-date { color: #aaa; font-size: 11px; margin-left: 12px; }
#wp-calendar { margin: 0; width: 100%; font-size: 13px; line-height: 1.846153846; color: #686868; }
#wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: left; }
#wp-calendar #next { padding-right: 24px; text-align: right; }
.widget_search label { display: block; font-size: 13px; line-height: 1.846153846; }
.widget_twitter li { list-style-type: none; }
.widget_twitter .timesince { display: block; text-align: right; }

.below-title-meta { background: #F7F7F7; padding-bottom:26px; color:#a2a2a2; line-height:1.7; width:106.3%; margin-left:-3.1%; }
.below-title-meta a { color:#666666; text-decoration:none; }
.below-title-meta a:hover { color:#444444; }

.adt { float:left;padding-left:22px; }
.adt-comment { float:right;padding-right:16px; }

.articletags a { background-color: #555; margin: 2px; padding: 3px; text-decoration: none; text-shadow: 0 0px 0 #FFFFFF; color:#fff; }
.articletags a:hover { color:#f2f2f2; }
.footercopy { padding:0px; float: left; font-size: 14px; }
.footercredit { float: right; padding:0px; }
.site-wordpress { color: #888888; padding: 10px 2px; float: right; font-size:13px; }
.site-wordpress a { color: #666666; text-decoration:none; }
.yarpp-related { margin: 0px !important; }

/* =Plugins
----------------------------------------------- */

img#wpstats { display: block; margin: 0 auto 24px; }
.socialmedia { z-index:10; position:fixed; width:32px; top:100px; right:0px; background-color:#FFFFFF; padding:10px 10px 1px 10px; border:#e0e0e0 solid 1px; border-right:none; border-top-left-radius:5px; border-bottom-left-radius:5px;  }
.socialmedia a { display:block; margin-bottom:10px; }
.socialmedia a img { display:block; }
.widgets-list-layout-links { float: right; width: 82.4043%; }

/* new responsive selectnav.js css */ 
.rpmenu { display: none; }
.rpmenu { position:absolute; top:0px; left:0px; width:100%; height:0px; z-index:300; }
.rpmenu div { padding:0px 10px 0px 10px; }
.rpmenu span { background:url(img/spmenu.png) no-repeat 0px 0px; background-size:100% 100%; width:90px; height:90px; display:block; background-color:#eb610f; float:right; }
.rpmenu ul { clear:both; font-size:18px; font-weight:bold; color:#FFFFFF; text-align:left; border-top:#FFFFFF solid 1px; float:right; max-width:100%; display:none; }
.rpmenu ul li { border-bottom:#FFFFFF solid 1px; background-color:#eb610f; }
.rpmenu ul ul { display:block; font-size:16px; float:none; }
.rpmenu ul ul li:last-child { border-bottom:none; }
.rpmenu ul a { display:block; color:#FFFFFF; padding:15px 30px 15px 20px; }
.rpmenu ul ul a { padding-left:40px; }
 
/* when to trigger the select menu.js #menu-top { display: inline!important; }*/

.dms-nav .mnbtn { display:none; }
.dms-nav span { display:none; }
.fader { display:none; }
.rtags { display:none; }

/*Category-index page
---------------------------------*/
h2.top-border { font-size: 28px; line-height: 1.4; padding:30px 0px 30px 0px; color:#384655; border-top:4px solid #f6a701; position:relative; margin: 60px 0px 0px; border-bottom: none !important; }
h2.top-border:before { content: ''; display: block; position: absolute; left: 0; top: -4px; width: 50px; height: 4px; background-color: #afafaf; border-right:4px solid #fff; }

.entry-content .index-navigation{ border: 1px solid #384655; width: 70%; margin-top: 30px ; padding: 25px 30px ;}
.entry-content .index-navigation p{ margin-bottom:5px; }
.entry-content .index-navigation ul{ padding:0; margin:0; }
.entry-content .index-navigation ul li { position: relative; margin: 0 0 10px 0; padding-left: 28px ; list-style-type:none; line-height:22.4px; }
.entry-content .index-navigation ul li:last-child { margin-bottom: 0; }
.entry-content .index-navigation ul li:before{ position: absolute; left: 0px; top:2px; content: url(img/li-style.gif); }
.entry-content .index-navigation ul li a{ color: #384655; }

.entry-content .f2col { display:block; margin-bottom: 30px; }
.entry-content .f2col img.alignleft { margin: 0; width: 24%; margin-right: 3%; margin-bottom: 20px; }
.entry-content .f2col img.alignright { margin: 0; width: 24%; margin-left: 3%; margin-bottom: 20px; }
.entry-content .f2col h3 { display: inline-block; width: 73%; }
.entry-content .f2col p { display: inline; }

.entry-content.text-cont h3{ margin:0px 0px 8px 0px ; }

/*===	link table area	===*/
.entry-content .link {position:relative;}
.entry-content .link td { padding: 0; width: 50%; vertical-align: middle; }
.entry-content .link a { font-size:13px; display: block; padding: 10px 14px 10px 45px; position: relative; }
.entry-content .link a:hover { background-color:  #f9f9f9; }
.entry-content .link a:before { display: block; content:""; background: #ff7777 url(img/white-arrow.png) center center no-repeat; background-size: 16px; width:16px; height:16px; border-radius:8px; margin-right:10px; position: absolute; top: 14px; left: 20px; }
.entry-content .link caption{ position:relative; padding-left:29px; margin:8px 0px;}
.entry-content .link caption:before{ position: absolute; left: 0px; top:5px; content: url(img/link-cap.gif); }

/*===	h2 subtitle	===*/
.entry-content .subtitle{ font-size:14px; color:#ACACAC; display:block; padding-top:5px; }

.intro-box { padding: 30px; background: #f2f2f2 url(img/corner-dot.gif) right bottom no-repeat; min-height: 139px; margin-bottom: 30px; }
.intro-ttl { margin-bottom: 10px; font-size: 20px; color: #384655; font-weight: bold; line-height: 1.4em; }
.intro-box img.alignleft { margin: 0; width: 19%; margin-right: 3%; margin-bottom: 20px; }
.intro-box img.alignright { margin: 0; width: 19%; margin-left: 3%; margin-bottom: 20px; }
.intro-box p { margin-bottom: 0; font-size: 13px; line-height: 1.6em; }
.intro-box a { font-size: 14px; }

@media screen and (max-width: 768px) {
	body { padding-top: 70px; }
	body#pr_body { padding-top: 0px; }
	.site-header { margin:0px; position:fixed; width:100%; top:0px; left:0px; z-index:8000; padding: 0px; height: 69px; border-bottom:#f6a701 solid 1px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }
	.site-header hgroup { padding:10px 0px 0px 0px; text-align: center; }
	.site-header h1 { margin:0px; }
	.site-header .site-description, .site-header h1 { font-size:7px; text-align:center; line-height:10px; padding:0px 50px; height:20px; margin: 0px; display: flex; align-items: center;  position: static; justify-content: center; }
	.site-header hgroup span.logo { display:block; text-align:center; padding:3px 0px; margin: 0px; position: static; }
	.site-header hgroup span.logo img { max-height:26px; width:auto; }
	.site-header hgroup span.txt { font-size:13px; font-weight:bold; min-height:40px; }
	.pr_header { border-bottom: #f6a701 solid 3px; height: 0px; overflow: hidden; margin-bottom: 0px; position: static; }
	.dms-nav { background:none; }
	.dms-nav:after { display: none; }
	.dms-nav .mnbtn { display:block; width:30px; height:41px; background:url(img/spmenu.png) no-repeat center center; background-size:30px 41px; left:10px; top:10px; position:absolute; z-index:8001; }
	.dms-nav div.menu-header-container { position:fixed; left:-245px; top:0px; width:245px; z-index:10000; text-align:left; overflow:auto; -webkit-overflow-scrolling: touch; height:100%; margin:0px; }
	div.navbg { position:fixed; left:-245px; top:0px; width:245px; z-index:9999; background-color:#FFFFFF; height:100%; }
	.menu-header-container ul { background-color:#ffffff; margin: 0px !important; }
	.menu-header-container ul:before { display: none; }
	.menu-header-container ul li { float:none; border-top:#c7c7c7 solid 1px; }
	.menu-header-container ul a { display:block; padding:20px 15px; color:#333333; font-size:14px; border: none !important; }
	.menu-header-container ul ul { display:block; background-color:#f0f0f0; border-top:#c7c7c7 solid 1px; padding:10px 0px 10px 15px; }
	.menu-header-container ul ul li { border-top:none; }
	.menu-header-container ul ul li a { background:url(img/subm.png) no-repeat 0px 14px; background-size:8px 8px; padding:10px 15px; }
	.menu-header-container ul ul ul { padding:0px; border:none; }
	.dms-nav li:hover { background:none; display:block; }
	li.current-menu-item { background:none; }
	.fader { background-color:#000000; filter:alpha(opacity=25); opacity:0.25; position:fixed; top:0px; left:0px; width:100%; height:150%; z-index:9998; outline:none; }
	.dms-nav span { display:block; left:-50px; background:url(img/close.png) no-repeat center center; background-size:25px 25px; width:50px; height:50px; position:absolute; top:5px; z-index:10000; }
	.rsbtn { display:block; width:30px; height:41px; background:url(img/rsbtn.png) no-repeat center center; background-size:30px 41px; right:10px; top:10px; position:absolute; z-index:0; }
	.rblock.on + .rsbtn { background:url(img/close2.png) no-repeat center center; background-size:30px 41px; }
	.site-header hgroup .rblock { position:fixed; width:100%; left:0px; top:50px; z-index:7000; background-color:#ffffff; overflow:auto; -webkit-overflow-scrolling: touch; max-height: calc(100% - 70px); }
	.site-header hgroup .rblock.on { right: auto; top: 70px; }
	.fader.on { z-index: 6000; display: block !important; top: 70px; }
	.site-header hgroup .rbcont { padding:15px; }
	.site-header hgroup .rblock form { border:none; float:none; margin:0px; padding-bottom:15px; height: auto; }
	.site-header hgroup .rblock .btn { display:none; }
	.site-header hgroup .rblock form input.inp { width:100%; display:block; box-sizing: border-box; font-size:14px; padding:9px 40px 9px 15px; background:url(img/spsearch.png) no-repeat right 10px center; background-size:20px auto; background-color: #f6f6f6; border-bottom: #999999 solid 1px; height: 44px; }
	.site-header hgroup .rblock a.lnk { display:block; float:none; text-align:center; color: #f6a701; border: #f6a701 solid 1px; background: none; padding: 0px; border-radius: 0px; }
	.site-header hgroup .rblock a.lnk b { background: none; padding: 10px; color: #f6a701; }
	.rtags { display:block; padding:15px 0px 0px 0px; text-align: left; margin-right: -10px; }
	.rtags a { display:inline-block; margin:5px 10px 5px 0px; font-size:13px; text-shadow:none; color: #333333; font-weight: bold; position: relative; padding: 3px 0px 3px 15px; }
	.rtags a:before { content: '#'; position: absolute; left: 0px; font-size: 15px; color: #999999; margin-top: -2px; }
	.topbnr { margin: 0px; height: auto !important; position: static; padding-bottom: 40px; }
	.topbnr:after { display: none; }
	.topbnr:before { display: none; }
	.topbnr .bnr_imgs { width: 100%; position: relative; }
	.topbnr .bnr_imgs .pv, .topbnr .bnr_imgs .nx { display: none; }
	.topbnr .bnr_data { position: static; height: auto; }
	.topbnr .bnr_data .cont { height: auto; margin: -20px 10px 0px 10px; background-color: #fff; overflow: hidden; }
	.topbnr .bnr_data .c { margin: 0px; padding: 15px 15px 0px 15px; height: 110px !important; }
	.topbnr .bnr_data .c .e { height: auto; padding: 0px; width: calc(100% - 30px); }
	.topbnr .bnr_data .c .e h2 { font-size: 16px; font-weight: 500; line-height: 24px; }
	.topbnr .bnr_data .c .e h2:after { display: none; }
	.topbnr .bnr_data .c .e span { display: none; }
	.topbnr .bnr_data .c .pgn { left: 0px; bottom: 0px; text-align: center; width: 100%; }
	.topbnr .bnr_data .c .pgn u { display: none; }
	.topbnr .bnr_data .c .pgn em { margin: 0px; }
	.topbnr .bnr_data .c .pgn em span { margin: 0px 5px; }
	.stitle { font-size: 21px; line-height: 32px; margin-bottom: 40px; }
	.featposts { margin:0px; box-shadow:none; }
	.featposts li { border-bottom:#dddddd solid 1px; width:100% !important; }
	.featposts li a { padding:12px; height:auto; min-height:72px; width:auto; padding-bottom:5px; }
	.featposts li a b { display:inline-block; font-size:9px; color:#aaaaaa; text-shadow:none; font-weight:normal; line-height:14px; padding-top:5px; }
	.featposts li a img { width:107px; height:auto; float:left; margin-right:15px; margin-bottom:10px; }
	.featposts li a span { position:static; font-size:14px; color:#424242; text-shadow:none; display:block; padding:0px; line-height:18px; font-weight:normal; background:none; }
	.featposts .pk0 img { width:100%; height:auto; float:none; margin:0px; }
	.featposts li.pk0 a { width:100%; height:auto; padding:0px; }
	.featposts li.pk0 a b { width:45px; height:45px; background:url(img/pickicon_sp.png) no-repeat 0px 0px; background-size:100% 100%; }
	.featposts li.pk0 a span { position:static; color:#FFFFFF; font-weight:bold; text-shadow:none; font-size:18px; background-color:#304255; display:block; line-height:26px; padding:10px 15px; }
	
	.widget-area .widget { margin-bottom: 20px; padding: 15px; }
	.widget-area .widget.wt_nt img { width: 100%; height: auto; }
	.widget.widget_search { padding:0px; }
	.widget-area .tagcloud { padding:15px 0px 0px 0px; }
	.widget-area .widget p.widget-title { font-weight:bold; color:#333333; border-bottom:#dddddd solid 1px; }
	.widget-area .widget li { border-bottom:#dddddd solid 1px; padding: 13px 0px; }
	.widget-area .widget li:last-child { border-bottom: none; }
	.widget-area .wpp-list li a { padding:0px; height:auto; width:auto; font-size: 14px; line-height: 20px; min-height: 66px; font-weight: bold; }
	.widget-area .wpp-list li a img { width:105px; height:auto; float:left; margin:0px 10px 0px 0px; }
	.widget-area .popular-posts li:nth-child(1) img { margin-right: 0px; }
	.widget-area .wpp-list li a span { font-size: 11px; line-height: 13px; }
	.widget-area .wpp-list li a:before { left:0px !important; top:-5px !important; }
	.widget-area .tagcloud a { padding:0px 0px 0px 15px !important; margin-right: 10px; font-weight: bold !important; }
	.widget-area .tagcloud a:before { font-size: 15px; margin-top: -1px; }
	.widget-area .widget a { padding: 0px 10px; font-weight: 500; }
	.widget-area .widget .recmore { padding:15px 0px 0px 0px; }
	.widget-area .rsns a { padding: 0px; }
	footer[role="contentinfo"] { margin:20px 0px 0px 0px; background-size: 100% 10px; padding-top: 15px; }
	.fmenu .footer-menu { background:none; padding:20px 25px; }
	.fmenu .footer-menu ul { display:none; }
	.fmenu .menu-header-container ul li { border-top:none; padding:2px 20px; }
	.fmenu .menu-header-container ul li a { display:inline; padding:0px; color:#FFFFFF; }
	footer .site-info { padding:12px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.archive-header .archive-title { font-size:21px; line-height:30px; padding:10px 0px 0px 0px; margin-bottom: 30px; }
	.archive-header, .page-header { margin-bottom:0px; border-bottom:none; }
	.site-content .cspager { padding:20px 0px 20px 0px; margin:0px; }
	.cspager .pns { padding-left:10px; }
	ul.snsptop.clear { padding-bottom:0px; }
	ul.snsptop.clear li { padding-bottom:10px; }
	.entry-content h1 { font-size:24px; line-height:30px; padding: 5px 0px 20px 0px; }
	.entry-content h2, .comment-content h2, .mu_register h2 { font-size:18px; padding-left: 10px; }
	.page .entry-content h2 { font-size:18px; padding: 10px 0px; }
	.entry-content h3, .comment-content h3 { font-size:16px; }
	.entry-content h4, .comment-content h4 { font-size:15px; }
	.entry-content p, .entry-summary p, .comment-content p, .mu_register p { font-size:15px; }
	.entry-content { font-size:13px; }
	.site-content article.comment { padding-top:10px; padding-bottom:10px; }
	.comments-title { margin-bottom:10px; }
	.site-content article.no-results, .site-content article.not-found { padding:0px; margin-bottom:20px; }
	.site-content article.type-page { padding:0px; }
	.breadcrumbs { width:auto; padding:10px; }
	.breadcrumbs div { border-bottom: none; margin: 0px; padding: 0px; }
	.breadcrumbs div > span { font-size: 10px; line-height: 16px; background-size: 10px auto; padding-right: 15px; margin-right: 5px; display: inline; }
	.topposts ul li .lnk i { width:35px; height:35px; background:url(img/recicon_sp.png); top:12px; left:12px; background-size:35px auto; }
	.entry-summary .lnk i { width:35px; height:35px; background:url(img/recicon_sp.png); top:12px; left:12px; background-size:35px auto; }
	.topagetop a img { width:50px; height:50px; }
	.topagetop { width:50px; height:90px; right: 10px; }
	.entry-content p img.size-full  { width:100%; height:auto; }
	.entry-content span.cats { padding-bottom:15px; }
	.entry-content .ctabtn,.entry-content .ctabtnbl { margin-bottom:20px; padding:0 20px; }
	.entry-content .ctabtn a,.entry-content .ctabtnbl a { height:3.2em; font-size:3.7vw !important; background-size:100%; padding:0 0 0.4em 2.5em; display:table-cell;vertical-align:middle; }
	.entry-content .ctabtn a span,.entry-content .ctabtnbl a span { font-size:3.7vw !important;  }
	.entry-content b.date { font-size: 11px; line-height: 17px; padding: 0px 5px; top: -24px; }
	.fullwdp .entry-content b.date { top: -5px; }
	.entry-content span.tags { padding: 20px 0px; }
	.entry-content span.tags a { margin: 0px 10px 0px 0px; }
	.entry-content span.tags a:before { font-size: 15px; }
	.formfield th span { font-size: 10px; line-height: 16px; padding: 0px 3px; }
	.submitbtn input { font-size: 18px; margin: 0px; padding: 10px 50px; }

	.site-content nav { padding: 10px; }
	.nav-previous, .previous-image, .nav-next, .next-image { width: calc(50% - 10px); }
	.site-content nav span b { font-size: 13px; background-size: 14px auto !important; }
	.nav-single + .comments-area, #comment-nav-above { margin-top: 30px; }
	.comments-title { font-size: 18px; }
	.comments-area article { margin: 0px; }
	#respond form .form-submit input { padding: 10px 20px; font-size: 15px; }
	
	.eplist { background-position: right bottom, center center; background-size: 500% 92%, auto 100%; margin-bottom: 20px; padding: 0px 5px 20px 5px; }
	.eplist .cf > div { width: calc(50% - 10px); margin: 0px 5px 25px 5px; top: 0px !important; }
	.eplist .cf > div > a i { font-size: 11px; line-height: 17px; padding: 0px 5px; }
	.eplist .cf > div > div { background: #fff; margin: -20px 10px 0px 0px; padding: 15px 10px 10px 10px; }
	.eplist .cf > div > div b { font-size: 11px; line-height: 17px; padding: 0px 5px; right: 0px; top: -7px; }
	.eplist .cf > div > div span { background: none; display: block; font-size: 0px; padding: 0px; line-height: 0px; }
	.eplist .cf > div > div span em { font-size: 11px; padding: 0px 5px; margin: -5px 0px 5px 0px; }
	.eplist .cf > div > div > a { font-size: 14px; line-height: 20px; }
	.eplist .cf > div:nth-child(2n - 1) { top: 20px !important; }
	.eplist .cf > div:nth-child(2n + 1) { clear: both; }

	.topposts { padding-bottom:30px; }
	.topposts ul { width:auto; margin: 0px; padding: 0px 0px 5px 0px; }
	.topposts ul li { float:none; width:auto; margin:0px; top: 0px !important; border-bottom: #e2e2e2 solid 1px; padding-bottom: 15px; margin-bottom: 15px; }
	.topposts ul li > a { min-height: 66px; background: none; box-shadow: none; position: absolute; left: 0px; top: 0px; }
	.topposts ul li > a i { font-size: 11px; line-height: 17px; padding: 0px 5px; }
	.topposts ul li > a img { width: 105px; }
	.topposts ul li > div { background: none; margin: 0px; padding: 0px; box-shadow: none; }
	.topposts ul li > div b { font-size: 11px; line-height: 17px; padding: 0px 5px; position: absolute; right: auto; top: 0px; left: 115px; }
	.topposts ul li > div span { background: none; position: absolute; right: 0px; top: 0px; font-size: 0px; line-height: 0px; padding: 0px; }
	.topposts ul li > div span em { font-style: bold; line-height: 14px; font-size: 11px; padding: 0px 5px; margin-left: 0px; }
	.topposts ul li > div > a { font-size: 14px; line-height: 20px; padding: 22px 0px 0px 115px; min-height: 44px; }
	.topposts > div a { font-weight: normal; padding: 8px; }

	#content { padding: 15px 10px 20px 10px; margin: 0px -10px; box-shadow: none; }

	.site-content article { margin-bottom:15px; padding-bottom:15px; }
	.entry-summary .lnk { display: block; min-height: 66px; position: relative; }
	.entry-summary .lnk img { float:none; margin:0px; width: 105px; position: absolute; left: 0px; top: 0px; }
	.entry-summary .lnk b { font-size:14px; line-height:20px; padding:22px 0px 0px 115px; margin-bottom: 0px; }
	.entry-summary .lnk i { font-size: 11px; line-height: 17px; padding: 0px 5px; background-color: #f6a701; position: absolute; left: 0px; top: 0px; width: auto; height: auto; }
	.entry-summary > b { right: auto; left: 115px; top: 0px; line-height: 17px; padding: 0px 5px; font-size: 11px; }
	.entry-summary span { background:none; font-size: 0px; padding: 0px; line-height:0px; position: absolute; top: 0px; right: 0px; }
	.entry-summary span em { line-height: 14px; padding: 0px 5px; margin-left: 0px; font-size: 11px; }
	.entry-summary.pk0 { margin-bottom: 0px; margin-left: 0px; }
	.entry-summary.pk0 .lnk img { width: 100%; position: static; }
	.entry-summary.pk0 .lnk b { font-size: 15px; line-height: 22px; padding: 15px 15px 0px 15px; background-color: #fff; margin: -20px 10px 0px 10px; height: 66px; }
	.entry-summary.pk0 > b { top: auto; right: 30px; left: auto; bottom: 72px; z-index: 1; }

	.content2 { margin-top: 20px; padding: 15px 10px; }
	.featlist .cf { background:none; border-top:none; }
	.featlist .cf div { padding: 15px 0px !important; float:none !important; width:auto; }
	.featlist .cf div:last-child { padding-bottom: 0px !important; border-bottom: none; }
	.featlist .cf div a { min-height: 66px; line-height: 20px; }
	.featlist .cf div a b { font-weight: bold; }
	.featlist .cf div a img { float:left; width: 105px; margin-right:10px; }
}

@media screen and (max-width: 768px) { .rpmenu { display:block; }
.socialmedia { display:none; }
.dms-logo { float: none; margin: 0 0 10px; }
.dms-nav { box-shadow:none; position: static; height: 0px; width: 0px; }
.dms-nav:before { display: none; }
.link-comments { display:none; }
.entry-header .entry-title { font-size: 26px; border-bottom: #e1e3e6 solid 1px; font-weight: 500; margin: 5px 0px 15px 0px; padding-bottom: 10px; }
.midfbblock { margin-bottom:0px; display:none; }
.wrapper { border: none; } }

@media screen and (max-width: 1040px) { #searchsubmit { margin-left: 0px; } }

/* =Media queries
-------------------------------------------------------------- */

/* ---------------------------------------------------------------
 * MOBILE CSS fallback for device width 768px or below
 * ------------------------------------------------------------ */

.fullwdp .ts-fab-wrapper { display:none; }
.fullwdp .yarpp-related { display:none; }
.fullwdp .mdblcok { margin-bottom:0px; }
.fullwdp .entry-content span.cats { display:none; }
.fullwdp .entry-content h1 { border-top:none; text-align:center; padding:0px 0px 15px 0px; }
.fullwdp .entry-content h1:after { border-bottom:#e1e3e6 solid 1px; content:""; display:block; margin-top:30px; position:absolute; left:0px; width:100%; }
.pr_icon { position:relative; height:1px; }
.pr_icon span { font-weight:bold; color:#fff; font-size:12px; display:inline-block; background-color:#a5b6c6; padding:3px 15px; line-height:12px; margin:-5px 0px 10px 0px; position:absolute; right:0px; top:37px; }
.fullwdp .wp_social_bookmarking_light { padding-right:50px; }
.fullwdp .pr_icon + .wp_social_bookmarking_light { padding-right:50px !important; }


/* Minimum width of 768pixels. */

@media screen and (min-width: 770px) { .author-avatar { float: left; margin-top: 8px; }
.author-description { float: right; width: 85%; }
.site { margin: 0 auto; overflow: hidden; }
.site-content { float: left; padding:0px; width:calc(100% - 288px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.fullwdp { float:none; margin:0 auto; padding-top: 20px; width: auto !important; max-width: 890px; }
body.template-front-page .site-content, body.single-attachment .site-content, body.full-width .site-content { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.widget-area { float: right; padding:0px; width:256px; margin:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.site-header h1, .site-header h2 { text-align: left; }
.site-header h1 { font-size: 26px; line-height: 1.446153846; margin-bottom: 0; }
.dms-nav ul.nav-menu, .dms-nav div.nav-menu > ul { text-align: left; width: auto; display:block; }
.dms-nav ul.nav-menu:after, .dms-nav div.nav-menu > ul:after { content:" "; display:block; height:0; clear:both; overflow:hidden; visibility:hidden; }
.dms-nav ul { margin: 0; text-indent: 0; }
.dms-nav li a, .dms-nav li { display: inline-block; text-decoration: none; }
.dms-nav li a { border-bottom: 0; color: #384655; line-height:20px; padding: 15px 0px; text-transform: uppercase; white-space: nowrap; transition: all 0.25s ease-in-out; font-weight:bold; }
.dms-nav li { position: relative; margin-right: 40px; }
.dms-nav li ul { margin: 0; padding: 5px 0px 0px 0px; position: absolute; top:52px; z-index: 1; left: -20px; transition: all 0.25s ease-in-out; visibility: hidden; opacity: 0; }
.dms-nav li ul ul { top:0px; left:100%; padding: 0px; }
.dms-nav li ul li:hover, .dms-nav li ul li.current-menu-item { background-image:none; }
.dms-nav ul li:hover > ul { visibility: visible; opacity: 1; }
.dms-nav li ul li { margin-right:0px; display:block; width:100%; border-bottom:#f6a701 dotted 1px; }
.dms-nav li ul li a { color:#f6a701; display: block; font-size: 13px; line-height: 2.181818182; padding: 5px 20px; white-space: nowrap; background-color:rgba(255, 255, 255, 0.9); }
.dms-nav li ul li a:hover { background-color:#f6a701; color:#fff; }
.entry-header .entry-title { margin-bottom: 30px; border-bottom: #e1e3e6 solid 1px; font-size: 30px; font-weight: 500; line-height: 36px; padding: 0px 0px 30px 0px; color: #384655; margin-top:0px; }
#respond form input[type="text"] { width: 100%; }
#respond form textarea.blog-textarea { width: 79.666666667%; }
.template-front-page .site-content, .template-front-page article { overflow: hidden; }
.template-front-page.has-post-thumbnail article { float: left; width: 47.916666667%; }
.entry-page-image { float: right; margin-bottom: 0; width: 47.916666667%; }
.template-front-page .widget-area .widget, .template-front-page.two-sidebars .widget-area .front-widgets { float: left; padding-left: 10px; width: 51.875%; margin-bottom: 24px; }
.template-front-page .widget-area .widget:nth-child(odd) { clear: right; }
.template-front-page .widget-area .widget:nth-child(even), .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets { float: right; width: 39.0625%; margin: 0 0 24px; }
.template-front-page.two-sidebars .widget, .template-front-page.two-sidebars .widget:nth-child(even) { float: none; width: auto; }
.commentlist .children { margin-left: 48px; } }

@media screen and (max-width: 1000px) {
	.site-content { width:calc(100% - 220px); }
	.widget-area { width:200px; }
}

/* Minimum width of 960 pixels. */

@media screen and (min-width: 960px) { body.custom-background-empty .site, body.custom-background-white .site { padding: 0; margin-top: 0px; margin-bottom: 0; box-shadow: none; } }

/* iPad fix*/

@media screen and (max-width: 768px) {
.site-content { width: auto; }
.widget-area { border-top:none; margin-top:0px; width: auto; padding: 30px 0px 0px 0px; }
.fmenu .footer-menu { text-align:left; }
.fmenu .footer-menu li { display:block; padding: 0px; }
footer .site-info div { float:none; line-height: 20px; font-size: 12px; }
footer .site-info a { margin: 0px; }
.dms-logo { padding:25px 100px 20px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.formfield { padding:0px 10px 0px 10px; }
.formfield th { padding-left:10px; line-height: 20px; }
.formfield td { padding-left:10px; padding-right:10px; }
.fullwdp .entry-content h1 { padding-bottom:10px; padding-top: 20px; }
.fullwdp .entry-content h1:after {  margin-top:20px; }
}

@media screen and (max-width: 420px) {
.rpmenu span { background:url(img/spmenu.png) no-repeat 0px 0px; background-size:100% 100%; width:50px; height:50px; display:block; background-color:#eb610f; float:right; }
.dms-logo { padding:25px 60px 20px 10px; }
.entry-content blockquote, .comment-content blockquote { background:url(img/block.png) no-repeat 10px 10px; background-size:30px auto; background-color: #fafafa; margin:15px 0px 35px 0px; padding: 40px 20px 20px 20px; color:#6d6d6d; }
.site-header h1, .site-header h2 { margin-bottom:0px; }
.formfield { padding:0px 0px 0px 0px; }
.formfield th { padding-left:0px; }
.formfield td { padding-left:10px; padding-right:0px; }
.excerpt-thumb img.wp-post-image { width:125px; height:125px; margin-right:20px; }
.ts-fab-list li.ts-fab-latest-posts-link a, .ts-fab-list li.ts-fab-bio-link.active a { font-size:11px; } 
}

/* Print styles
----------------------------------------------- */

@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 */ }
a { text-decoration: none; }
.entry-content img, .comment-content img, .author-avatar img, img.wp-post-image { border-radius: 0; box-shadow: none; }
/* hide top social icons */ .socialmedia img { display:none; }
.site { clear: both !important; display: block !important; float: none !important; max-width: 100%; position: relative !important; }
.site-header { margin-bottom: 72px; text-align: left; }
.site-header h1 { font-size: 21pt; line-height: 1; text-align: left; }
.site-header h2 { color: #000; font-size: 10pt; text-align: left; }
.site-header h1 a, .site-header h2 a { color: #000; }
.author-avatar, #colophon, #respond, .commentlist .comment-edit-link, .commentlist .reply, .entry-header .comments-link, .entry-meta .edit-link a, .page-link, .site-content nav, .widget-area, img.header-image, .dms-nav { display: none; }
.wrapper { border-top: none; box-shadow: none; }
.site-content { margin: 0; width: auto; }
.singular .entry-header .entry-meta { position: static; }
.singular .site-content, .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular .comments-title { margin: 0; width: 100%; }
.entry-header .entry-title, .entry-title, .singular .entry-title { font-size: 21pt; }
footer.entry-meta, footer.entry-meta a { color: #444; font-size: 10pt; }
.author-description { float: none; width: auto; }
/* Comments */ .commentlist > li.comment { background: none; position: relative; width: auto; }
.commentlist .avatar { height: 39px; left: 2.2em; top: 2.2em; width: 39px; }
.comments-area article header cite, .comments-area article header time { margin-left: 50px; } }

.cf:after { content:" "; display:block; height:0; clear:both; overflow:hidden; visibility:hidden; }