@charset "utf-8";

:root {
  --header-menu-link-color: #e0e0e0;
  --header-menu-link-color-8p: rgba(224, 224, 224, .08);
  --header-menu-link-color-34p: rgba(224, 224, 224, .34);
  --header-menu-bg-color: #006064;
  --base-font-color: #e0e0e0;
  --base-font-color-8p: rgba(224, 224, 224, .08);
  --base-font-color-34p: rgba(224, 224, 224, .34);
  --container-bg-color: #263238;
  --primary-color: #006064;
}

body {
  background-color: #263238;
}

body {
  font-family: 'Hannari', 'HiraMinProN-W3', 'Hiragino Mincho ProN', 'HG明朝E', serif;
}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
  font-weight: bold;
}

.entry,
.widget-box .dp_text_widget,
.widget-box .textwidget {
  font-size: 14px;
}

.mb-theme .entry,
.mb-theme .widget-box .dp_text_widget,
.mb-theme .widget-box .textwidget {
  font-size: 14px;
}

.dp-container .entry a,
.dp-container .dp_text_widget a,
.dp-container .textwidget a,
#comment_section .commentlist a:hover {
  color: #af9c2e;
}

.dp-container .entry a:hover,
.dp-container .dp_text_widget a:hover,
.dp-container .textwidget a:hover,
.fake-hover:hover {
  color: #c62828;
}

.single-date-top,
.dp-container pre,
.entry input[type="submit"],
.plane-label,
input#submit {
  color: #263238;
  background-color: #af9c2e;
}

.hd_slideshow .bx-wrapper .bx-pager .bx-pager-item a {
  background-color: #ffffff;
  text-shadow: 0 0 30px rgba(255, 255, 255, .38);
}

.hd_slideshow .bx-controls-direction a {
  color: #ffffff;
}

.header-banner-inner,
.header-banner-inner a,
.header-banner-inner a:hover {
  color: #ffffff;
  text-shadow: 0 0 30px rgba(255, 255, 255, .38);
}

.mb-theme .header-banner-inner,
.mb-theme .header-banner-inner a,
.mb-theme .header-banner-inner a:hover {
  color: #ffffff;
  text-shadow: 0 0 15px rgba(255, 255, 255, .72);
}

#banner_caption::before,
#banner_caption::after,
.header-banner-inner .bx-viewport .slide .loop-cat::before,
.header-banner-inner .bx-viewport .slide .loop-cat::after {
  background-color: #ffffff;
}

.dp-container {
  color: #e0e0e0;
  background-color: #263238;
}

.dp-container a,
.dp-container a:hover,
.main-wrap a {
  color: #e0e0e0;
}

.content-wrap {
  background-color: #263238;
}

.pace {
  background-color: #263238;
  border-color: #006064;
}

.pace .pace-progress {
  background-color: #006064;
}

.pace .pace-progress::after {
  color: rgba(224, 224, 224, .68);
}

.header_container.pc,
.header_container.mb.fixed {
  color: #e0e0e0;
  background-color: #006064;
  background: linear-gradient(to bottom, rgba(0, 96, 100, .92) 0%, rgba(0, 96, 100, .72) 38%, rgba(0, 96, 100, .1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34' 006064, endColorstr='#14' 006064, GradientType=0);
}

.header_container.mb {
  border-color: #006064;
  color: #e0e0e0;
  background-color: #006064;
}

.header_container.pc:hover,
.header_container.pc.scroll {
  background-color: rgba(0, 96, 100, .92);
}

.header_container a,
#hd_tel a,
#global_menu_ul a.menu-link:hover {
  color: #e0e0e0;
}

.header_container a:hover {
  color: #c62828;
}

.hd_sns_links ul li a::before {
  background-color: #e0e0e0;
}

#global_menu_ul .sub-menu {
  background-color: rgba(0, 96, 100, .92);
  box-shadow: 0 1px 4px rgba(224, 224, 224, .7);
}

#global_menu_ul a.menu-link,
.hd_sns_links ul li a {
  color: rgba(224, 224, 224, .7);
}

#global_menu_ul a.menu-link::after {
  background-color: #006064;
}

.hd_sns_links ul li a:hover {
  color: #006064;
}

#global_menu_nav.mq-mode {
  color: #e0e0e0;
  background-color: #006064;
}

#header-search .modal-trigger::before,
#global_menu_nav.mq-mode .mq_sub_li {
  color: #006064;
  background-color: #e0e0e0;
}

#global_menu_nav.mq-mode,
#global_menu_nav.mq-mode .menu-link {
  border-color: rgba(224, 224, 224, .22);
}

.ft-widget-content .widget-area {
  width: 30.8%;
}

.ft-widget-content .widget-area.two {
  margin: 0 3.8%;
}

.dp-container .entry a {
  font-weight: bold;
  text-decoration: underline;
}

.dp-container .entry a:hover {
  text-decoration: none;
}

.loop-section.normal:not(.mobile) .loop-date,
.loop-section.portfolio.pt2 .loop-date,
.loop-section.magazine.pt1 .loop-date,
.loop-section.portfolio.mobile .loop-date,
.single-article header .meta-date,
.entry ol li::before,
.dp_text_widget ol li::before,
.textwidget ol li::before,
#gotop {
  background-color: #006064;
  color: #263238;
}

.loop-section.normal:not(.mobile) .loop-date::before,
.loop-section.portfolio.pt2 .loop-date::before,
.loop-section.magazine.pt1 .loop-date::before,
.loop-section.portfolio.mobile .loop-date::before,
.single-article header .meta-date::before {
  border-color: rgba(0, 66, 70, 1) transparent transparent rgba(0, 66, 70, 1);
  background-color: #263238;
}

.single-article .single_post_meta .loop-share-num a,
.loop-section.portfolio.pattern2 .loop-title a,
.loop-section.normal .loop-share-num a,
.loop-section.magazine .loop-share-num a,
.loop-section.mobile .loop-share-num a,
.loop-section .loop-title a,
.loop-section .meta-author a {
  color: #e0e0e0;
}

.loop-section.normal .loop-share-num .share-icon::after,
.loop-section.magazine .loop-share-num .share-icon::after,
.loop-section.mobile .loop-share-num .share-icon::after {
  border-color: transparent transparent transparent rgba(224, 224, 224, .1);
}

.loop-section.normal .loop-share-num .share-icon,
.loop-section.magazine .loop-share-num .share-icon,
.loop-section.mobile .loop-share-num .share-icon,
.single-article .single_post_meta .loop-share-num .share-icon,
.dp_feed_widget li a {
  background-color: rgba(224, 224, 224, .1);
}

.dp_feed_widget li a:hover {
  color: #263238;
}

.dp_feed_widget li a:hover::before {
  background-color: #e0e0e0;
}

.loop-excerpt {
  color: rgba(224, 224, 224, .74);
}

.ct-hd {
  background-color: #006064;
}

.meta-cat .item-link {
  color: #e0e0e0;
}

.magazine.one .loop-article .meta-cat .item-link:hover,
.news .meta-cat .item-link {
  color: #263238;
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}

.ct-hd.term-color221,
.loop-post-thumb-flip.term-color221 {
  background-color: #006064;
}

.meta-cat .item-link.term-color221 {
  color: #006064;
}

.single_post_meta .meta-cat a.term-color221:hover,
.dp_related_posts.horizontal .meta-cat .item-link.term-color221:hover,
.magazine.one .loop-article .meta-cat .item-link.term-color221:hover,
.news .meta-cat .item-link.term-color221 {
  color: #263238;
  border-color: #006064;
  background-color: #006064;
}

.bx-wrapper .bx-pager .bx-pager-item a {
  background-color: #e0e0e0;
}

.bx-controls-direction a {
  color: #e0e0e0;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
  background-color: #af9c2e;
}

select {
  border-color: rgba(224, 224, 224, .14);
  color: #e0e0e0;
}

#footer select {
  border-color: rgba(224, 224, 224, .14);
  color: #e0e0e0;
}

.flw_box.tw {
  background-color: rgba(224, 224, 224, .12);
}

.dp_toc_container {
  border-color: rgba(0, 96, 100, .2);
  background: #263238;
}

.dp_toc_container::before {
  background: rgba(0, 96, 100, .04);
}

.dp_toc_container ul.dp_toc_ul {
  border-color: rgba(0, 96, 100, .24);
}

.dp_toc_container p.toc_title_block>span::before,
.dp_toc_container ul.dp_toc_ul>li::before {
  background: rgba(0, 96, 100, .16);
}

.dp_toc_container ul.dp_toc_ul li a,
.dp_toc_container ul.dp_toc_ul li a:hover,
.dp_toc_container ul.dp_toc_ul>li li::before {
  color: #e0e0e0;
}

.rank_label.thumb {
  background-color: #006064;
}

.rank_label.no-thumb {
  color: rgba(224, 224, 224, .1);
}

.mb-theme .single-nav li {
  background-color: rgba(224, 224, 224, .06);
}

address,
#switch_comment_type li.active_tab,
#comment_section li.comment:hover,
#comment_section li.trackback:hover,
#comment_section li.pingback:hover {
  border-color: #006064;
}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6,
.dp_text_widget h1,
.dp_text_widget h2,
.dp_text_widget h3,
.dp_text_widget h4,
.dp_text_widget h5,
.dp_text_widget h6,
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
  border-bottom-color: rgba(0, 96, 100, .28);
}

.widget_pages li a::after,
.widget_nav_menu li a::after,
.widget_nav_menu li.current-menu-item a::after,
.widget_categories li a::after,
.widget_categories li.current-cat a::after {
  background-color: rgba(224, 224, 224, .54);
}

.entry ul li::before,
.dp_text_widget ul li::before,
.textwidget ul li::before {
  background-color: #006064;
  box-shadow: 0 0 0 3px rgba(0, 96, 100, .3);
}

.single-article header::before,
.single-article .single_post_meta,
.single-article .single_post_meta .loop-share-num div[class^="bg-"],
.dp_related_posts.news li,
table.gsc-search-box {
  border-color: rgba(224, 224, 224, .4);
}

.single-article .single_post_meta::before {
  background-color: #263238;
  color: rgba(224, 224, 224, .4);
}

.inside-title,
#reply-title {
  color: #e0e0e0;
}

.inside-title span,
.comment-respond #reply-title span,
.dp_tab_widget_ul li span,
.dp_related_posts.horizontal .meta-cat .item-link,
.wd-title span {
  background-color: #263238;
}

.dp_tab_widget_ul li:hover::before,
.dp_tab_widget_ul li.active_tab::before {
  background-color: #006064;
}

.dp_tab_widget_ul {
  border-color: rgba(224, 224, 224, .6);
}

.cat-item .count {
  color: #263238;
  background-color: rgba(224, 224, 224, .5);
}

#commentform input[type="submit"] {
  color: #006064;
}

#commentform input[type="submit"]:hover {
  color: #263238;
  background-color: #006064;
  border-color: #006064;
}

.single_post_meta .meta-cat .item-link:hover,
.dp_related_posts.horizontal .meta-cat .item-link:hover,
.tagcloud a:hover,
.dp-container .more-entry-link a:hover,
#comment_section .comment-meta .comment-reply-link:hover,
.entry>p>a.more-link:hover,
.navialignleft a:hover,
.navialignright a:hover,
.dp-container .entry .dp-pagenavi a:hover,
.dp-container .entry .dp-pagenavi a::before,
.dp-pagenavi a:hover,
.dp-pagenavi a::before,
.dp-pagenavi .page-numbers.current,
.dp-pagenavi .page-numbers:hover {
  color: #263238;
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}

.nav_to_paged a::before,
.nav_to_paged a::after,
.loop-section .more-link a::before,
.loop-section .more-link a::after,
.loop-section.magazine .loop-article::before {
  background-color: #e0e0e0;
}

.dp-container .more-entry-link a {
  background-color: rgba(224, 224, 224, .18);
}

.dp_related_posts li:hover,
.recent_entries li:hover {
  border-color: #e0e0e0;
}

.tooltip-arrow {
  border-color: transparent transparent #e0e0e0 transparent;
}

.tooltip-msg {
  color: #263238;
  background-color: #e0e0e0;
}

.dp-container blockquote::before,
.dp-container blockquote::after {
  color: #006064;
}

#comment_section li.comment:hover,
#comment_section li..trackback:hover,
#comment_section li..pingback:hover {
  border-color: #af9c2e;
}

.modal_wrapper.main_menu {
  color: #e0e0e0;
  background-color: #006064;
}

.modal_wrapper.main_menu a {
  color: #e0e0e0;
}

.footer_bar,
.search-form .submit-area button.search-btn {
  background-color: #006064;
  color: #263238;
}

.ftbar_btn,
.ftbar_btn a {
  color: #263238;
}

.main_slide_menu .menu-item,
.main_slide_menu .menu-item:first-child,
.main_slide_menu .menu-item .expand {
  border-color: rgba(224, 224, 224, .32);
}

body:not(.mb-theme) .wow {
  visibility: hidden
}

#footer {
  background-color: #263238;
  color: #e0e0e0;
}

#footer a {
  color: #af9c2e;
}

#footer a:hover {
  color: #c62828;
}

#footer .inside-title {
  color: #e0e0e0;
}

#footer .inside-title span,
#footer .dp_tab_widget_ul li span,
#footer .wd-title span,
#footer .loop-section.normal:not(.mobile) .loop-date::before,
#footer .loop-section.portfolio.pt2 .loop-date::before,
#footer .loop-section.magazine.pt1 .loop-date::before,
#footer .loop-section.portfolio.mobile .loop-date::before {
  background-color: #263238;
}

#footer .dp_tab_widget_ul {
  border-color: rgba(224, 224, 224, .6);
}

#footer .dp_tab_widget_ul li:hover::before,
#footer .dp_tab_widget_ul li.active_tab::before {
  background-color: #006064;
}

#footer .tagcloud a:hover,
#footer .more-entry-link a:hover {
  color: #263238;
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}

#footer .cat-item .count {
  color: #263238;
  background-color: rgba(224, 224, 224, .5);
}

#footer .dp_related_posts li:hover,
#footer .recent_entries li:hover {
  border-color: #e0e0e0;
}

#footer .dp_feed_widget li a {
  color: #e0e0e0;
  background-color: rgba(224, 224, 224, .1);
}

#footer .dp_feed_widget li a:hover {
  color: #263238;
}

#footer .dp_feed_widget li a:hover::before {
  background-color: #e0e0e0;
}

#footer_menu_ul,
.mb-theme #footer_menu_ul .menu-item {
  border-color: rgba(224, 224, 224, .2);
}

#footer_menu_ul .menu-item::after {
  color: rgba(224, 224, 224, .6);
}

#footer .loop-section.portfolio .loop-article-content a,
#footer .loop-section.portfolio .meta-cat .item-link {
  color: #fff;
}

.btn,
a.btn {
  border-color: #006064;
  color: #006064;
}

.btn:not([class*="btn-"]):hover,
a.btn:not([class*="btn-"]):hover {
  border-color: #006064;
}

.label,
.btn::after {
  background-color: #006064
}

.label::after {
  background-color: #263238;
}

#footer .label::after {
  background-color: #263238;
}

/******************************************** モバイル用サイトタイトルフォントサイズ******************************************/
.header_container .hd_title.txt a {
  font-size: 1.6rem;
}

/******************************************** サイトタイトルに合わせたヘッダーロゴサイズ******************************************/
.header_container .h_group .hd_title.txt a {
  width: 400px;
  text-align: left;
}

/******************************************** サイトタイトルに合わせたヘッダーロゴサイズ******************************************/
.ftbar_btn {
  color: white;
}