@charset "UTF-8";
/*! ============================================================ */
/*! Main
/*! ============================================================ */
/*! Body
----------------------------------------------- */
body { background: #fff; font-size: 86%; font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; line-height: 1.5; }

a:hover { text-decoration: underline;}

a:link {  text-decoration:underline;}

.white-wrap { background: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; position: relative; }

.wrapper-width { width: 96%; max-width: 2000px; min-width: 1000px; margin-left: auto; margin-right: auto; }

.one-column-wrapper { width: 820px; margin-left: auto; margin-right: auto; }

#main { min-width: 1192px; margin: 24px 0; position: relative; overflow: hidden; }

#primary { float: left; position: relative; z-index: 100; }

.site-content { width: 820px; margin: 0 24px 0 0; }

#secondary { float: left; }

.widget-area { width: 300px; }

/*! Header
----------------------------------------------- */
#header { min-width: 1192px; }

.xs-menu-area { display: none; }
.xs-menu-area .xs-menu-btn-area { background: #fff; border-bottom: 3px solid #bbb; padding: 12px 0; text-align: center; }
.xs-menu-area .xs-menu-btn-area .xs-site-logo-wrapper { width: 200px; margin: 0 16px; float: left; }
.xs-menu-area .xs-menu-btn-area .xs-site-logo-wrapper .xs-site-logo img { max-width: 188px; max-height: 50px; }
.xs-menu-area .xs-menu-btn-area .xs-site-logo-wrapper .xs-site-title { font-size: 120%; font-weight: bold; }
.xs-menu-area .xs-menu-btn-area .xs-menu-btn { float: right; margin: 10px 16px 0; display: block; cursor: pointer; }
.xs-menu-area .xs-menu-btn-area .xs-menu-btn i { color: #333; font-size: 28px; line-height: 0; }
.xs-menu-area .xs-navigation { display: none; position: absolute; width: 100%; z-index: 999; }
.xs-menu-area .xs-navigation li { line-height: 30px; }
.xs-menu-area .xs-navigation li a { font-size: 14px; display: block; padding: 4px 40px 4px 16px; background: #fff; border-bottom: 1px solid #eaeaea; text-decoration: none; position: relative; }
.xs-menu-area .xs-navigation li a:hover { color: #fff; background: #333; }
.xs-menu-area .xs-navigation li a:after { color: #bbb; font-family: FontAwesome; position: absolute; top: 50%; right: 0; margin: -12px 0 0; width: 24px; height: 24px; line-height: 24px; content: "\f105"; }
.xs-menu-area .xs-navigation li a span { font-size: 80%; margin: 0 0 0 16px; }
.xs-menu-area .xs-navigation li ul li a { padding: 4px 24px; }
.xs-menu-area .xs-navigation li ul li ul li a { padding: 4px 32px; }
.xs-menu-area .xs-navigation li ul li ul li ul li a { padding: 4px 40px; }

.site-header { margin: 24px 0 0; }

.main-navigation { font-size: 90%; }
.main-navigation li { float: left; position: relative; }
.main-navigation li a { text-decoration: none; text-align: center; padding: 16px; display: inline-block; *display: inline; *zoom: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.main-navigation li a:hover { text-decoration: none; }
.main-navigation li ul { display: none; background: #fafafa; background: rgba(255, 255, 255, 0.95); -webkit-box-shadow: 0 1px 0 #fff inset, 0 -1px 0 #dadada inset, 0 0 16px rgba(0, 0, 0, 0.075); -moz-box-shadow: 0 1px 0 #fff inset, 0 -1px 0 #dadada inset, 0 0 16px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 0 #fff inset, 0 -1px 0 #dadada inset, 0 0 16px rgba(0, 0, 0, 0.075); padding: 0; position: absolute; top: 100%; left: 0; margin: 0; z-index: 999; }
.main-navigation li ul li a { width: 120px; padding: 16px 30px; border: none; border-bottom: 1px solid #eaeaea; display: block; }
.main-navigation li ul li a:hover { background: #4a4a4a; background: rgba(0, 0, 0, 0.9); color: #fff; }
.main-navigation li ul li ul { top: 0; left: 100%; margin: 0; }

.header-middle { padding: 24px 0; }

.site-logo-wrapper { padding: 0 24px 0 0; float: left; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.site-logo-wrapper .site-logo { width: 240px; font-weight: normal; }
.site-logo-wrapper .site-logo img { max-height: 72px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.site-logo-wrapper .site-title { font-size: 24px; font-weight: normal; }

.site-caption { font-size: 90%; font-weight: normal; }

.search-wrapper { text-align: right; float: right; }

.theme-search { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.social-icons { margin: 16px 0 0; }
.social-icons li { text-align: center; display: inline-block; *display: inline; *zoom: 1; width: 32px; padding: 3px 0; vertical-align: middle; }
.social-icons li a i { font-size: 20px; -webkit-transition: all 0.2s ease; -webkit-transition-delay: 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.social-icons li a:hover i { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.social-icons li a:hover i.fa-facebook { color: #4862a3 !important; }
.social-icons li a:hover i.fa-twitter { color: #5eaade !important; }
.social-icons li a:hover i.fa-google-plus { color: #b75856 !important; }
.social-icons li a:hover i.fa-instagram { color: #6d5346 !important; }
.social-icons li a:hover i.fa-flickr { color: #0262db !important; }
.social-icons li a:hover i.fa-tumblr { color: #304d6b !important; }
.social-icons li a:hover i.fa-pinterest { color: #ca1e26 !important; }
.social-icons li a:hover i.fa-youtube { color: #d2464b !important; }
.social-icons li a:hover i.fa-dribbble { color: #eb538c !important; }
.social-icons li a:hover i.fa-linkedin { color: #005a87 !important; }
.social-icons li a:hover i.fa-skype { color: #a4d5e8 !important; }
.social-icons li a:hover i.fa-rss { color: #fb9d39 !important; }

.header-image { margin: 0 0 24px; }

/*! Sidebar
----------------------------------------------- */
.site-sidebar { position: relative; }

.widget-area .widget { margin: 0 0 24px; }
.widget-area .widget p { margin: 8px 0; }

.widget-area .widget h3, .nav-single h3, .related h3, .above-comments .widget h3, .comments-title { font-size: 120%; padding: 8px 16px; border-bottom: 1px solid #eaeaea; position: relative; }
.widget-area .widget h3:after, .nav-single h3:after, .related h3:after, .above-comments .widget h3:after, .comments-title:after { content: ""; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: -2px; }

.footer-w-area .widget { color: #fff; margin: 0 0 24px; }
.footer-w-area .widget a { color: #fff; }
.footer-w-area .widget a:hover { color: #fff; }
.footer-w-area .widget h3 { font-size: 120%; padding: 0 16px; }
.footer-w-area .widget p { margin: 8px 0; }
.footer-w-area .widget_rss, .footer-w-area .widget_nav_menu, .footer-w-area .widget_calendar, .footer-w-area .textwidget, .footer-w-area .widget_pages, .footer-w-area .widget_recent_entries, .footer-w-area .widget_archive, .footer-w-area .widget_categories, .footer-w-area .tagcloud, .footer-w-area .widget_meta, .footer-w-area .widget_recent_comments, .footer-w-area .about-me { padding-left: 0; padding-right: 0; }
.footer-w-area .widget_rss ul, .footer-w-area .widget_nav_menu ul, .footer-w-area .widget_calendar ul, .footer-w-area .textwidget ul, .footer-w-area .widget_pages ul, .footer-w-area .widget_recent_entries ul, .footer-w-area .widget_archive ul, .footer-w-area .widget_categories ul, .footer-w-area .tagcloud ul, .footer-w-area .widget_meta ul, .footer-w-area .widget_recent_comments ul, .footer-w-area .about-me ul { padding-left: 0; padding-right: 0; }
.footer-w-area .widget_rss ul li a, .footer-w-area .widget_nav_menu ul li a, .footer-w-area .widget_calendar ul li a, .footer-w-area .textwidget ul li a, .footer-w-area .widget_pages ul li a, .footer-w-area .widget_recent_entries ul li a, .footer-w-area .widget_archive ul li a, .footer-w-area .widget_categories ul li a, .footer-w-area .tagcloud ul li a, .footer-w-area .widget_meta ul li a, .footer-w-area .widget_recent_comments ul li a, .footer-w-area .about-me ul li a { border: none; background: none; display: inline; line-height: 24px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.footer-w-area .widget_rss ul li a:hover, .footer-w-area .widget_nav_menu ul li a:hover, .footer-w-area .widget_calendar ul li a:hover, .footer-w-area .textwidget ul li a:hover, .footer-w-area .widget_pages ul li a:hover, .footer-w-area .widget_recent_entries ul li a:hover, .footer-w-area .widget_archive ul li a:hover, .footer-w-area .widget_categories ul li a:hover, .footer-w-area .tagcloud ul li a:hover, .footer-w-area .widget_meta ul li a:hover, .footer-w-area .widget_recent_comments ul li a:hover, .footer-w-area .about-me ul li a:hover { background: none; }
.footer-w-area .tagcloud a { border: none; background: none; display: inline; line-height: 24px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.footer-w-area .tagcloud a:hover { background: none; }

.above-article, .below-article, .above-comments { margin: 24px 0; }

.advertisement.sidebar-advertisement, .advertisement.above-article-advertisement, .advertisement.below-article-advertisement { text-align: center; }
.advertisement .textwidget { padding: 0 !important; }

.widget.no-css { background: none !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
.widget.no-css:before, .widget.no-css:after { content: none !important; }
.widget.no-css h3 { color: #333 !important; background: none !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
.widget.no-css h3:before, .widget.no-css h3:after { content: none !important; }
.widget.no-css > ul, .widget.no-css > div { padding: 0 !important; }

.widget-left .widget h3, .widget-right .widget h3 { padding: 8px 16px !important; margin: 0 0 16px !important; }

.widget-left { width: 48%; float: left; margin: 0 1%; }

.widget-right { width: 48%; float: right; margin: 0 1%; }

/*! RSS */
.widget_rss { font-size: 90%; }
.widget_rss ul { padding: 16px; }
.widget_rss ul li { font-size: 9px; margin: 0 0 8px; }
.widget_rss ul li a { display: block; padding: 2px 3%; margin-bottom: 4px; }
.widget_rss ul li a:before { background: rgba(200, 200, 200, 0.8); width: 16px; height: 16px; text-align: center; line-height: 16px; font-family: FontAwesome; font-size: 8px; color: #fff; content: "\f105"; margin: 0 12px 0 0; display: inline-block; *display: inline; *zoom: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.widget_rss ul li a:hover { padding-left: 10px; }
.widget_rss ul li a:hover:before { background: #c8c8c8; }

/*! カスタムメニュー */
.widget_nav_menu { font-size: 90%; }
.widget_nav_menu ul { padding: 16px; }
.widget_nav_menu ul li a { background: url(img/bg_grad_widget.png) repeat-x center center; border: 1px solid #eaeaea; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; display: block; padding: 6px 3%; margin-bottom: 4px; }
.widget_nav_menu ul li a:before { background: rgba(200, 200, 200, 0.8); width: 16px; height: 16px; text-align: center; line-height: 16px; font-family: FontAwesome; font-size: 8px; color: #fff; content: "\f105"; margin: 0 12px 0 0; display: inline-block; *display: inline; *zoom: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.widget_nav_menu ul li a:hover { background: url(img/bg_grad_widget_hover.png) repeat-x center center; padding-left: 10px; }
.widget_nav_menu ul li a:hover:before { background: #c8c8c8; }
.widget_nav_menu ul li ul { padding: 4px 0; overflow: hidden; }
.widget_nav_menu ul li ul li { padding-left: 5%; }
.widget_nav_menu ul li ul li a { text-decoration: none; }

/*! カレンダー */
.widget_calendar #calendar_wrap { padding: 16px; }
.widget_calendar #calendar_wrap #wp-calendar caption { background: #333; color: #fff; padding: 4px 0; margin: 0 0 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

/*! テキスト */
.textwidget { font-size: 90%; padding: 16px; }
.textwidget ul { list-style: disc outside; margin: 0 0 24px; }
.textwidget li { margin: 0 0 0 32px; }

/*! 固定ページ */
.widget_pages { font-size: 90%; }
.widget_pages ul { padding: 16px; }
.widget_pages ul li a { background: url(img/bg_grad_widget.png) repeat-x center center; border: 1px solid #eaeaea; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; display: block; padding: 6px 3%; margin-bottom: 4px; }
.widget_pages ul li a:before { background: rgba(200, 200, 200, 0.8); width: 16px; height: 16px; text-align: center; line-height: 16px; font-family: FontAwesome; font-size: 8px; color: #fff; content: "\f105"; margin: 0 12px 0 0; display: inline-block; *display: inline; *zoom: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.widget_pages ul li a:hover { background: url(img/bg_grad_widget_hover.png) repeat-x center center; padding-left: 10px; }
.widget_pages ul li a:hover:before { background: #c8c8c8; }
.widget_pages ul li ul { padding: 4px 0; overflow: hidden; }
.widget_pages ul li ul li { padding-left: 5%; }
.widget_pages ul li ul li a { text-decoration: none; }

/*! 最近の投稿 */
.widget_recent_entries ul { font-size: 90%; padding: 16px; }
.widget_recent_entries ul li { padding: 4px 16px; }
.widget_recent_entries ul li span { font-size: 10px; font-weight: bold; }

/*! アーカイブ */
.widget_archive { font-size: 90%; }
.widget_archive ul { padding: 16px; }
.widget_archive ul li a { background: url(img/bg_grad_widget.png) repeat-x center center; border: 1px solid #eaeaea; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; display: block; padding: 6px 3%; margin-bottom: 4px; }
.widget_archive ul li a:before { background: rgba(200, 200, 200, 0.8); width: 16px; height: 16px; text-align: center; line-height: 16px; font-family: FontAwesome; font-size: 8px; color: #fff; content: "\f105"; margin: 0 12px 0 0; display: inline-block; *display: inline; *zoom: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.widget_archive ul li a:hover { background: url(img/bg_grad_widget_hover.png) repeat-x center center; padding-left: 10px; }
.widget_archive ul li a:hover:before { background: #c8c8c8; }

/*! カテゴリー */
.widget_categories { font-size: 90%; }
.widget_categories ul { padding: 16px; }
.widget_categories ul li a { background: url(img/bg_grad_widget.png) repeat-x center center; border: 1px solid #eaeaea; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; display: block; padding: 6px 3%; margin-bottom: 4px; }
.widget_categories ul li a:before { background: rgba(200, 200, 200, 0.8); width: 16px; height: 16px; text-align: center; line-height: 16px; font-family: FontAwesome; font-size: 8px; color: #fff; content: "\f105"; margin: 0 12px 0 0; display: inline-block; *display: inline; *zoom: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.widget_categories ul li a:hover { background: url(img/bg_grad_widget_hover.png) repeat-x center center; padding-left: 10px; }
.widget_categories ul li a:hover:before { background: #c8c8c8; }
.widget_categories ul li ul { padding: 4px 0; overflow: hidden; }
.widget_categories ul li ul li { padding-left: 5%; }
.widget_categories ul li ul li a { text-decoration: none; }

/*! タグ */
.tagcloud { padding: 16px; overflow: hidden; }
.tagcloud a { background: url(img/bg_grad_widget.png) repeat-x center center; border: 1px solid #eaeaea; display: inline-block; *display: inline; *zoom: 1; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; font-size: 11px !important; margin: 0 0 4px; padding: 3px 6px; white-space: nowrap; }
.tagcloud a:hover { background: url(img/bg_grad_widget_hover.png) repeat-x center center; }

/*! メタ情報 */
.widget_meta { font-size: 90%; }
.widget_meta ul { padding: 16px; }
.widget_meta ul li a { background: url(img/bg_grad_widget.png) repeat-x center center; border: 1px solid #eaeaea; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; display: block; padding: 6px 3%; margin-bottom: 4px; }
.widget_meta ul li a:before { background: rgba(200, 200, 200, 0.8); width: 16px; height: 16px; text-align: center; line-height: 16px; font-family: FontAwesome; font-size: 8px; color: #fff; content: "\f105"; margin: 0 12px 0 0; display: inline-block; *display: inline; *zoom: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.widget_meta ul li a:hover { background: url(img/bg_grad_widget_hover.png) repeat-x center center; padding-left: 10px; }
.widget_meta ul li a:hover:before { background: #c8c8c8; }

/*! 最新のコメント */
.widget_recent_comments ul { padding: 16px; }
.widget_recent_comments ul li { font-size: 9px; margin: 0 0 8px; }
.widget_recent_comments ul li a { font-size: 12px; }
.widget_recent_comments ul li a:hover { text-decoration: none; }

/*! 検索 */
.widget_search .search_box { padding: 16px 0; }
.widget_search .search_box #searchform { margin-left: auto; margin-right: auto; }

/*! 投稿数を表示 */
.count { background: #fff; border: 1px solid #eaeaea; color: #000; font-size: 11px; height: 16px; line-height: 16px; margin: 2px 0 0 10px; padding: 0 6px; float: right; display: inline-block; *display: inline; *zoom: 1; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

/*! 自己紹介 */
.about-me { font-size: 90%; padding: 16px; position: relative; overflow: hidden; }
.about-me .left { float: left; margin: 0 16px 0 0; line-height: 0; }
.about-me .left img { width: 100px; background: #fff; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 0 1px 1px 0; }

/*! グリッド型広告 */
.sponsored { text-align: center; margin: 0 -4px !important; padding: 0 !important; }
.sponsored ul { clear: both; }
.sponsored ul li { background: #fff; width: 125px; margin: 0 4px 12px; padding: 8px; line-height: 0; display: inline-block; *display: inline; *zoom: 1; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.sponsored ul li:hover { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); }
.sponsored ul li p { margin: 0 !important; }

/*! Tab Area */
.tab-wrapper { padding: 0; }
.tab-wrapper .tab-menu { overflow: hidden; }
.tab-wrapper .tab-menu li { display: inline-block; *display: inline; *zoom: 1; cursor: pointer; }
.tab-wrapper .tab-menu li a { color: #333; text-align: center; background: #fff; border-bottom: 3px solid #e5e5e5; padding: 24px 11px; display: block; cursor: pointer; text-decoration: none; }
.tab-wrapper .tab-menu li a:hover { color: #333; text-decoration: none; }
.tab-wrapper .tab-menu li.active a { -webkit-box-shadow: 0 0 36px #d0d0d0 inset; -moz-box-shadow: 0 0 36px #d0d0d0 inset; box-shadow: 0 0 36px #d0d0d0 inset; font-weight: bold; }
.tab-wrapper .panel { display: none; }
.tab-wrapper .show { display: block; }

/*! SNSウィジェット */
.snswidget { text-align: center; margin-bottom: 30px !important; position: relative; }
.snswidget .tab-menu li { color: #fff; font-size: 11px; text-align: center; width: 43%; padding: 8px 0; margin: 0 3% 12px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.snswidget .tab-menu li i { margin: 0 4px 0 0; }
.snswidget .tab-menu li.facebook { background: #4862a3; background: rgba(72, 98, 163, 0.5); }
.snswidget .tab-menu li.twitter { background: #55acee; background: rgba(85, 172, 238, 0.5); }
.snswidget .tab-menu li.active.facebook { background: #4862a3; }
.snswidget .tab-menu li.active.twitter { background: #55acee; }

/*! 記事タブ */
.other-posts { margin: 0; padding: 16px; text-align: center; position: relative; }
.other-posts .tab-menu { border-bottom: 4px solid #333; border-bottom: 4px solid rgba(0, 0, 0, 0.1); margin: 0 0 16px; height: 28px; }
.other-posts .tab-menu li { background: url(img/bg_grad_widget.png) repeat-x center center; font-size: 11px; width: 28%; height: 32px; line-height: 28px; padding: 0; margin: 0 2% 0 0; float: left; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -ms-border-radius: 8px 8px 0 0; -o-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; }
.other-posts .tab-menu li:hover { background: url(img/bg_grad_widget_hover.png) repeat-x center center; }
.other-posts .tab-menu li.active { background: #444; color: #fff; }
.other-posts .tab-menu li:hover { background: #666; color: #fff; }
.other-posts .tab-content { text-align: left; }
.other-posts .tab-content ul li { border-bottom: 1px dotted #eaeaea; font-size: 90%; padding: 0 0 8px; margin: 0 0 8px; position: relative; }
.other-posts .tab-content ul li:last-child { border: none; padding: 0; margin: 0; }
.other-posts .tab-content ul li a { display: block; }
.other-posts .tab-content ul li .eyecatch { background: #fff; width: 100px; float: left; margin: 0 8px 8px 0; line-height: 0; -webkit-transition: opacity 0.8s ease; -webkit-transition-delay: 0s; -moz-transition: opacity 0.8s ease 0s; -o-transition: opacity 0.8s ease 0s; transition: opacity 0.8s ease 0s; }
.other-posts .tab-content ul li .eyecatch:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.other-posts .tab-content ul li span { color: #999; font-size: 10px; float: right; display: inline-block; *display: inline; *zoom: 1; }
.other-posts .tab-content ul.popular li:before { background: #333; color: #fff; font-size: 10px; text-align: center; line-height: 22px; position: absolute; top: -2px; left: -2px; width: 24px; height: 16px; z-index: 99; }
.other-posts .tab-content ul.popular li:after { border: medium solid rgba(0, 0, 0, 0); border-color: #333 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width: 12px; content: ""; width: 0; height: 0; pointer-events: none; position: absolute; top: 14px; left: 10px; margin-left: -12px; }
.other-posts .tab-content ul.popular li:nth-child(1):before { content: "1"; }
.other-posts .tab-content ul.popular li:nth-child(2):before { content: "2"; }
.other-posts .tab-content ul.popular li:nth-child(3):before { content: "3"; }
.other-posts .tab-content ul.popular li:nth-child(4):before { content: "4"; }
.other-posts .tab-content ul.popular li:nth-child(5):before { content: "5"; }

/* サイドバー追随 */
.fixed_widget { width: 300px; position: fixed; top: 50px; }
.fixed_widget .widget { margin-bottom: 0 !important; }

.static_widget { width: 300px; position: absolute; bottom: 50px; }
.static_widget .widget { margin-bottom: 0 !important; }

/*! Footer
----------------------------------------------- */
#footer { min-width: 1192px; position: relative; }

.site-footer { margin: 0 0 40px; padding: 8px 16px; }
.site-footer .footer-menu { text-align: right; margin: 0 0 8px; }
.site-footer .footer-menu > ul { margin: 0 -12px; }
.site-footer .footer-menu li { display: inline; padding: 0 12px; border-right: 1px solid #ccc; }
.site-footer .footer-menu li a { color: #fff; display: inline-block; *display: inline; *zoom: 1; margin: 0 0 8px; }
.site-footer .footer-menu li:last-child { border: none; }
.site-footer .footer-menu li ul { font-size: 90%; display: inline; }
.site-footer .copyright-wrapper { color: #fff; float: right; margin: 2px 0 0; padding: 0 0 0 24px; }
.site-footer .copyright-wrapper .copyright { font-size: 11px; }
.site-footer .copyright-wrapper .designer { font-size: 11px; }
.site-footer .copyright-wrapper .designer a { color: #fff; font-style: italic; }
.site-footer .social-btn-home { float: right; }

.page-top { position: fixed; bottom: 32px; right: 16px; z-index: 190; }
.page-top a { background: #333; background: rgba(0, 0, 0, 0.3); width: 48px; height: 48px; text-align: center; display: block; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; }
.page-top a:hover { background: #bbb; background: rgba(100, 100, 100, 0.4); }
.page-top a i { color: #fff; font-size: 36px; line-height: 48px; }

.xs-page-top a { color: #fff; font-weight: bold; text-align: center; text-decoration: none; display: block; padding: 18px 0; }
.xs-page-top a:hover { color: #fff; text-decoration: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

/*! Main
----------------------------------------------- */
.entry-tag, .entry-date, .entry-author, .edit-link { font-size: 12px; margin: 0 16px 0 0; display: inline-block; *display: inline; *zoom: 1; }
.entry-tag i, .entry-date i, .entry-author i, .edit-link i { font-size: 11px; }

.entry-category { margin: 0 16px 0 0; }
.entry-category a { color: #fff; font-size: 9px; text-decoration: none; padding: 2px 16px; display: inline-block; *display: inline; *zoom: 1; }
.entry-category a:hover { color: #fff; text-decoration: none; }
.entry-category ul, .entry-category li { display: inline; }

/*! Index
----------------------------------------------- */
#grid { padding: 0 24px; }

#nav-below, #infscr-loading { display: none; }

.post-in-index { width: 220px; margin: 0 8px 16px; float: left; display: inline; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; }
.post-in-index article { padding: 12px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; }
.post-in-index article .entry-title { font-size: 110%; font-weight: normal; margin: 0 0 6px; }
.post-in-index article .entry-title a { color: #333; }
.post-in-index article .eyecatch { background: #333; margin: 0 0 4px; position: relative; overflow: hidden; line-height: 0; z-index: 100; }
.post-in-index article .eyecatch img { -webkit-transition: all 0.5s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; }
.post-in-index article .eyecatch:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
.post-in-index article .entry-category { margin: 0 0 8px; display: block; }
.post-in-index article .entry-category a { color: #fff; font-size: 7px; text-decoration: none; padding: 2px 8px; display: inline-block; *display: inline; *zoom: 1; }
.post-in-index article .entry-category a:hover { color: #fff; text-decoration: none; }
.post-in-index article .entry-category ul, .post-in-index article .entry-category li { display: inline; }
.post-in-index article .entry-wrapper { overflow: hidden; }
.post-in-index article .entry-wrapper .entry-summary { font-size: 11px; margin: 0 0 8px; }
.post-in-index article .entry-wrapper .entry-meta { font-size: 10px; }

/*! Single
----------------------------------------------- */
.post-in-single { margin: 0 0 24px; padding: 24px; position: relative; }
.post-in-single article { position: relative; }
.post-in-single article .entry-header { border-bottom: 1px solid #eaeaea; margin: 0 0 24px; overflow: hidden; }
.post-in-single article .entry-header .entry-category a { font-size: 11px; text-align: center; padding: 8px 0 6px; min-width: 112px; }
.post-in-single article .entry-header .entry-date { float: right; text-align: right; }
.post-in-single article .entry-title { font-size: 150%; font-weight: normal; margin: 24px 0; }
.post-in-single article .eyecatch { margin: 24px 0; }
.post-in-single article .eyecatch img { display: block; margin: 0 auto; }
.post-in-single article .social-btn-single { background: url(img/social_bg.png); }
.post-in-single article .entry-footer { margin: 24px 0 0; }

.old-post { font-size: 80%; text-align: center; border: 1px dashed #ff0000; padding: 10px 16px; }

.comments-link { margin-top: 24px; }

.btn_in_single a { color: #fff; font-weight: bold; text-align: center; text-decoration: none; display: block; margin: 24px auto; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.btn_in_single a:hover { color: #fff; text-decoration: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; }

.fields-comment { border: 2px solid #eaeaea; padding: 24px; margin: 24px 0; }

.fields-img { text-align: center; margin: 24px 0; }

/*! Article
----------------------------------------------- */
.entry-content h1, .comment-body h1 { font-size: 120%; }

.entry-content h2, .comment-body h2 { background: #f0f0f0; font-size: 140%; font-weight: bold; padding: 6px 18px; margin: 50px 0 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }

.entry-content h3, .comment-body h3 { background: #fff; border-left: 4px solid #333; border-bottom: 1px solid #333; font-size: 130%; margin: 50px 0 30px; padding: 4px 12px; }

.entry-content h4, .comment-body h4 { border-left: 4px solid #333; font-size: 120%; margin: 50px 16px 30px; padding: 0 12px; }

.entry-content h5, .comment-body h5 { font-size: 110%; margin: 0 auto; }

.entry-content h6, .comment-body h6 { font-size: 100%; margin: 0 auto; }

.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .comment-body h2, .comment-body h3, .comment-body h4, .comment-body h5, .comment-body h6 { clear: both; }

.entry-content p, .comment-content p { margin: 8px 0; }

.entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul { margin: 16px auto; clear: both; }

.entry-content ul li, .comment-body ul .widget ul li { list-style: disc outside; margin: 0 0 0 48px; line-height: 32px; }

.entry-content ol li, .comment-body ol li, .widget ol li { list-style: decimal outside; margin: 0 0 0 48px; line-height: 32px; }

.entry-content em, .comment-body em { font-style: normal; font-weight: bold; }

.entry-content blockquote, .comment-body blockquote { font-family: 'Times New Roman', 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif; font-style: italic; background: #d5efd5; border-left: 2px solid #000; width: 90%; margin: 32px auto; padding: 60px 4%; position: relative; clear: both; }

.entry-content blockquote:before, .entry-content blockquote:after { font-family: Arial, sans-serif; font-style: italic; font-size: 42px; font-weight: bold; width: 30px; height: 30px; position: absolute; }
.entry-content blockquote:before { content: '"'; line-height: 42px; top: 20px; left: 20px; }
.entry-content blockquote:after { content: '"'; text-align: left; line-height: 60px; bottom: 20px; right: 20px; }
.entry-content code { line-height: 2; }

.comment-body code { line-height: 2; }

.entry-content pre, .comment-body pre { border: 1px solid #ededed; margin: 24px 0; overflow: auto; padding: 24px; }

.entry-content pre code, .comment-body pre code { display: block; }

.entry-content abbr, .comment-body abbr, .entry-content dfn, .comment-body dfn, .entry-content acronym, .comment-body acronym { border-bottom: 1px dotted #666; cursor: help; }

.entry-content address, .comment-body address { display: block; margin: 0 0 24px; }

img.alignleft, .wp-caption.alignleft, img.alignright, .wp-caption.alignright, img.aligncenter, .wp-caption.aligncenter { max-width: 95%; border: 1px solid #eaeaea; background: #fff; padding: 2px; }

img.alignleft, .wp-caption.alignleft { float: left; margin: 16px 24px 16px 0; }

img.alignright, .wp-caption.alignright { float: right; margin: 16px 0 16px 24px; }

img.aligncenter, .wp-caption.aligncenter { clear: both; display: block; margin: 16px auto; }

.entry-content embed, .entry-content iframe, .entry-content object, .entry-content video { margin: 0 0 24px; }

.entry-content dl, .comment-body dl { clear: both; padding: 30px 0 0; }

.entry-content dt, .comment-body dt { background: #eee; border: 1px solid #eaeaea; font-weight: bold; padding: 10px; text-align: center; }

.entry-content dd, .comment-body dd { background: #fff; border-right: 1px solid #eaeaea; border-left: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; margin: 0 0 24px; padding: 10px; }

.entry-content table, .comment-body table { border-collapse: collapse; border: 1px solid #eaeaea; background: #fff; line-height: 2; margin: 0 0 24px; }

.entry-content table caption, .comment-body table caption { font-size: 100%; margin: 24px 0; }

.entry-content th, .comment-body th { border: 1px solid #eaeaea; padding: 10px; text-align: left; width: 200px; }

.entry-content td, .comment-body td { border: 1px solid #eaeaea; padding: 10px; width: 400px; }

#img-gallery { padding: 20px 0; overflow: hidden; }

.page-links { text-align: center; margin: 16px 0 32px; }
.page-links a { text-decoration: none; background: #fff; border: 1px solid #eaeaea; padding: 4px 8px; margin: 0 4px; display: inline-block; *display: inline; *zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.page-links a:hover { text-decoration: none; background: #f5f5f5; }

.single-author .entry-meta .by-author { display: none; }

.mu_register h2 { color: #757575; font-weight: normal; }

.no-results, .not-found { text-align: center; }

/*! Archives
----------------------------------------------- */
.archives-header { margin-bottom: 24px; }

.archives-meta-wrapper { border-bottom: 2px solid #eaeaea; font-size: 12px; margin: 0 0 10px; padding: 4px 0 4px 12px; position: relative; }
.archives-meta-wrapper .archives-title-wrapper { font-size: 11px; font-weight: normal; }
.archives-meta-wrapper .archives-title-wrapper .archives-title { font-size: 18px; font-weight: bold; margin: 0 0 0 12px; display: inline; }
.archives-meta-wrapper .archives-description { font-size: 11px; font-weight: normal; padding: 12px 3%; }

.category-in-archive { padding: 18px 12px; margin: 24px 0; }
.category-in-archive h4 { margin-bottom: 18px; padding: 4px 12px; }
.category-in-archive li { display: inline-block; *display: inline; *zoom: 1; margin: 2px 12px 2px 0; }
.category-in-archive li a { text-decoration: none; padding: 0 8px; }
.category-in-archive li ul { display: none; }

/*! Single image attachment view
----------------------------------------------- */
.article.attachment { overflow: hidden; }

.image-attachment div.attachment { margin: 60px auto; text-align: center; }

#image-navigation { margin: 60px auto; overflow: hidden; }

.previous-image, .next-image { display: block; }

.previous-image { float: left; }

.next-image { float: right; }

.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; }

/*! Format
----------------------------------------------- */
.format-image .entry-content img, .format-gallery .entry-content img, .format-video .entry-content iframe { background: #fff; background: rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); padding: 6px; max-width: 90%; }

.format-aside .entry-content, .format-audio .entry-content, .format-link .entry-content, .format-quote .entry-content { border-left: 2px solid #000; margin: 30px auto; padding: 60px 40px; position: relative; }

.format-aside .entry-content { background: #f5f5f5; }

.format-audio .entry-content { background: #e8f2fc; }

.format-link .entry-content { background: #fff2f6; }

.format-quote .entry-content { font-family: 'Times New Roman', 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif; font-style: italic; background: #d5efd5; }
.format-quote .entry-content:before, .format-quote .entry-content:after { font-family: Arial, sans-serif; font-style: italic; font-size: 42px; font-weight: bold; width: 30px; height: 30px; position: absolute; }
.format-quote .entry-content:before { content: '"'; line-height: 42px; top: 20px; left: 20px; }
.format-quote .entry-content:after { content: '"'; text-align: left; line-height: 60px; bottom: 20px; right: 20px; }

/*! Hidden-Text
----------------------------------------------- */
.assistive-text, .screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); }

.main-navigation .assistive-text:focus { background: #fff; border: 2px solid #333; border-radius: 3px; clip: auto !important; color: #000; display: block; padding: 12px; position: absolute; top: 5px; left: 5px; z-index: 100000; }

/*! ---------------------------------------------------------------------- */
/*	Other
/*! ---------------------------------------------------------------------- */
/*! SNS
----------------------------------------------- */
.social-btn { overflow: hidden; }
.social-btn li { display: inline-block; *display: inline; *zoom: 1; margin: 0 0 0 8px; }

/*! Structure
----------------------------------------------- */
/*! Breadcrumb */
.breadcrumb { max-width: 760px; background: #fff; font-size: 85%; padding: 0 16px; margin: 0 0 24px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; overflow: hidden; }
.breadcrumb li { height: 30px; line-height: 30px; float: left; margin-right: 15px; }
.breadcrumb li .meta { font-size: 9px; }
.breadcrumb .separator { width: 17px; height: 30px; background: url(img/breadcrumb.png) no-repeat; }

/*! Pagination */
.pagination { font-size: 11px; line-height: 14px; text-align: center; margin: 0 0 24px; }
.pagination span { padding: 8px 10px; display: inline-block; *display: inline; *zoom: 1; text-decoration: none; }
.pagination a { padding: 8px 10px; display: inline-block; *display: inline; *zoom: 1; text-decoration: none; background: #fff; border: 1px solid #eaeaea; margin: 0 8px 8px 0; width: auto; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.pagination a:hover { color: #fff; background: #6891c8; }
.pagination .pagination-all { margin: 0 8px 0 0; }
.pagination .current { margin: 0 8px 0 0; width: auto; }
.pagination .pagination-prev, .pagination .pagination-next { padding: 0; width: auto; color: #fff; }
.pagination .pagination-prev { margin: 0 32px 0 0; }
.pagination .pagination-next { margin: 0 8px 0 24px; }
.pagination .pagination-prev a, .pagination .pagination-next a { margin: 0; }

/*! Previous and Next Post */
.nav-single { position: relative; margin-bottom: 24px; }
.nav-single .nav-previous, .nav-single .nav-next { width: 50%; *width: 49.99%; float: left; position: relative; }
.nav-single .nav-previous a, .nav-single .nav-next a { cursor: pointer; }
.nav-single .nav-previous .eyecatch, .nav-single .nav-next .eyecatch { width: 33.3%; float: right; height: auto; }
.nav-single .nav-previous .nav-single-title, .nav-single .nav-next .nav-single-title { font-weight: bold; width: 62.6%; padding: 0 2%; }
.nav-single .nav-previous:before, .nav-single .nav-next:before { color: #333; font-family: FontAwesome; font-size: 18px; line-height: 40px; color: #aaa; position: absolute; top: 50%; margin-top: -30px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.nav-single .nav-previous:after, .nav-single .nav-next:after { color: #333; font-size: 12px; line-height: 40px; color: #aaa; position: absolute; top: 50%; margin-top: -10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.nav-single .nav-previous a, .nav-single .nav-previous span.nav-single-none { min-height: 60px; padding: 20px 0 20px 60px; display: block; text-align: center; overflow: hidden; }
.nav-single .nav-previous .nav-single-title { float: right; }
.nav-single .nav-previous:before { content: "\f177"; left: 18px; }
.nav-single .nav-previous:hover:before { left: 9px; }
.nav-single .nav-previous:after { content: "前へ"; left: 12px; }
.nav-single .nav-previous:hover:after { left: 9px; }
.nav-single .nav-next a, .nav-single .nav-next span.nav-single-none { min-height: 60px; padding: 20px 60px 20px 0; display: block; text-align: center; overflow: hidden; }
.nav-single .nav-next .nav-single-title { float: left; }
.nav-single .nav-next:before { content: "\f178"; right: 18px; }
.nav-single .nav-next:hover:before { right: 9px; }
.nav-single .nav-next:after { content: "次へ"; right: 12px; }
.nav-single .nav-next:hover:after { right: 9px; }

/*! Related Posts*/
.related { margin-bottom: 24px; }
.related .related-wrap { padding: 16px; }
.related .related-wrap li { margin: 0 0 16px; overflow: hidden; }
.related .related-wrap li:last-child { margin: 0; }
.related .related-wrap li .eyecatch { width: 180px; float: left; margin: 0 16px 0 0; }
.related .related-wrap li .eyecatch img { background: #fff; -webkit-transition: opacity 0.8s ease; -webkit-transition-delay: 0s; -moz-transition: opacity 0.8s ease 0s; -o-transition: opacity 0.8s ease 0s; transition: opacity 0.8s ease 0s; }
.related .related-wrap li .eyecatch:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.related .related-wrap li .entry-wrapper { overflow: hidden; }
.related .related-wrap li .entry-wrapper .entry-title { margin: 0 0 8px; }
.related .related-wrap li .entry-wrapper .entry-title a { color: #333; font-size: 16px; font-weight: bold; }
.related .related-wrap li .entry-wrapper .entry-title a:hover { color: #333; }
.related .related-wrap li .entry-wrapper .entry-summary { color: #999; font-size: 12px; margin: 0 0 8px; }
.related .related-wrap .no-related { padding: 30px 0; text-align: center; }

/*! Comments */
.comments-area { margin-bottom: 24px; position: relative; }
.comments-area .comment-navigation { text-align: center; margin: 24px 0 36px; padding: 24px; overflow: hidden; }
.comments-area .comment-navigation .nav-previous, .comments-area .comment-navigation .nav-next { margin: 0 8px; display: inline-block; *display: inline; *zoom: 1; }
.comments-area .comment-navigation .nav-previous a, .comments-area .comment-navigation .nav-next a { text-decoration: none; background: #fff; border: 1px solid #eaeaea; padding: 4px 8px; display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.comments-area .comment-navigation .nav-previous a:hover, .comments-area .comment-navigation .nav-next a:hover { background: #f5f5f5; }
.comments-area .commentlist li:nth-child(2n-1) { background: #fff; }
.comments-area .commentlist li:nth-child(2n) { background: #f5f5f5; }
.comments-area .commentlist li:first-child { background: none; }
.comments-area .commentlist .comment-body { font-size: 90%; padding: 24px; border-bottom: 1px solid #eaeaea; overflow: hidden; position: relative; }
.comments-area .commentlist .comment-body .comment-author { padding: 0 0 8px; margin: 0 0 8px; }
.comments-area .commentlist .comment-body .comment-meta { font-size: 12px; position: absolute; top: 24px; right: 24px; }
.comments-area .commentlist .comment-body .reply { font-size: 10px; text-align: right; }
.comments-area .commentlist .comment-body .reply a { background: #ddd; padding: 4px 16px; color: #333; text-decoration: none; float: right; display: inline-block; *display: inline; *zoom: 1; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }
.comments-area .commentlist .comment-body .reply a:hover { color: #333; background: #bbb; }
.comments-area .commentlist .parent .comment-body { padding: 8px 24px; border-bottom: none; }
.comments-area .commentlist .parent .children li { background: none; padding-left: 24px; }
.comments-area .commentlist .depth-1.parent { border-bottom: 1px solid #eaeaea; padding: 16px 0; }
.comments-area .commentlist .avatar { float: left; width: 48px; border: 2px solid #eaeaea; margin: 0 16px 16px 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }
.comments-area .no-comments { padding: 24px; text-align: center; }
.comments-area #respond { padding: 24px; }
.comments-area #respond .comment-reply-title { font-size: 14px; }
.comments-area #respond .comment-reply-title #cancel-comment-reply-link { margin-left: 8px; }
.comments-area #respond .comment-form .logged-in-as { font-size: 10px; margin: 6px 0 24px; }
.comments-area #respond .comment-form label { font-size: 12px; font-weight: normal; }
.comments-area #respond .comment-form .form-allowed-tags { display: none; background: #fff; border: 1px dotted #eaeaea; font-size: 12px; padding: 8px 16px; }
.comments-area #respond .required { color: #ff0000; }