/*
Theme Name: Shk Corporate Child
Theme URI: https://webriti.com/shk-corporate-child-version-details-page/
Author: webriti
Author URI: https://www.webriti.com
Description: Shk Corporate 2.4.3 をベースにしたサイト専用の子テーマ。WordPress.org からは更新されません。親テーマ Appointment 3.7.6 向け。
Tags: full-width-template, threaded-comments, two-columns,  right-sidebar, sticky-post, custom-menu, translation-ready, blog, footer-widgets, featured-images
Template: appointment
Version: 2.4.3-custom.1
Requires at least: 4.5
Tested up to: 6.9
Requires PHP: 5.4
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shk-corporate
*/
/*===================================================================================*/
/*  Navbar 5
/*===================================================================================*/
.navbar.navbar5{padding: 14px 0;border: none;}
.navbar5 .navbar-brand {
    padding: 11px 0px;
    margin-right:0;
}
@media (max-width: 767px){
.navbar-default .navbar-nav li.open .dropdown-menu > li > a ,.navbar-default .navbar-nav li.open .dropdown-menu > li > a:focus{
    color: #fff;
}
}
@media (min-width:992px){
.navbar5 .navbar-header::before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    width: 250px;
    display: block;
    background-color: inherit;
    z-index: -1;
}
  .head-contact-social {
    float: left;
  }
.navbar5 .navbar-header .navbar-brand::after,
.navbar5 .navbar-header::after{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background-color: inherit;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: skew(-40deg);
    -moz-transform: skew(-40deg);
    -ms-transform: skew(-40deg);
    -o-transform: skew(-40deg);
    transform: skew(-40deg);
    z-index: -1;
    width: 500px;
}}
.navbar5 .navbar-header .navbar-brand::after {
    left: 467px;
    right: 18px;
    width: 15px;
    z-index: 0;
    background-color: #21202e;
    pointer-events: none;
}

.navbar5 .top-header-widget::after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 250px;
    background-color: #00ffff;
    z-index: -1;
}
.navbar5 #top-header-sidebar-right {
    float: unset;
    text-align: right;
}
@media (min-width: 1470px){
.top-header-widget .container,.navbar5 .container {
    max-width: 1450px;
}
}
@media (min-width: 1200px) and (max-width: 1470px) {
  .navbar5 .navbar-header::after {width:370px;}
  .navbar5 .navbar-header .navbar-brand::after {left: 340px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar5 .navbar-header::after {width:270px;}
  .navbar5 .navbar-header .navbar-brand::after {left: 240px;}
}
.top-header-widget ul {
    padding: 0 25px 0 25px;
}

@media (min-width: 1200px){
 .navbar5 .col-lg-5 {position: initial;display: table-header-group;}
   }

/*Project Pagination Scroll*/
.project-scroll-btn li { background: #383838; color: #ffffff;padding: 0; }
.project-scroll-btn li:hover { background: #337ab7; }
.project-scroll-btn li a { color: #ffffff; }
.project-scroll-btn li a:hover { color: #ffffff; }

/*Project Pagination Scroll*/
.project-scroll-btn { margin-bottom: 50px; margin-right: 0px; overflow: hidden; padding: 0 0 0px; text-align: center; }
.project-scroll-btn li:first-child { margin-left: 0; }
.project-scroll-btn li {
    transition: all 0.3s ease 0s;
    display: inline-block;
    margin-left: 5px;
    height: 40px;
    width: 40px;
    text-align: center;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
.project-scroll-btn li a { padding: 0; }
a.project-prev:before { font-family: "FontAwesome"; font-size: 30px; line-height: 1.3; display: inline-block; content: '\f104'; }
a.project-next:before { font-family: "FontAwesome"; font-size: 30px; line-height: 1.3; display: inline-block; content: '\f105'; }

/* This Media for Project scroll*/
.carousel-control { width:  4%; }
.carousel-control.left,  .carousel-control.right { margin-left:15px; background-image:none; }
@media (max-width: 767px) {
    .carousel-inner .active.left { left: -100%; }
    .carousel-inner .next { left:  100%; }
    .carousel-inner .prev { left: -100%; }
    .active > div { display:none; }
    .active > div:first-child { display:block; }

}
@media (min-width: 767px) and (max-width: 992px ) {
    .carousel-inner .active.left { left: -50%; }
    .carousel-inner .next { left:  50%; }
    .carousel-inner .prev { left: -50%; }
    .active > div { display:none; }
    .active > div:first-child { display:block; }
    .active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
    .carousel-inner .active.left { left: -25%; }
    .carousel-inner .next { left:  25%; }
    .carousel-inner .prev { left: -25%; }
}

/*Header Widget and Top contact detail Section--------------------------------------------------------------------------*/
@media (min-width: 1200px){
/*.top-header-widget .container{width:1470px;}*/
.top-header-widget #top-header-sidebar-right{float: right;}
}
.top-header-widget .header-contact-info li a:hover{color:#e3e3e3;}
/*.navbar5 .logo-link-url {display: block;}*/
.navbar5 .navbar-brand {margin-right: 0px;}
.navbar5 .appointment_title_head,.navbar5 p {
    color: #FFFFFF;
}
.top-header-widget h3,
.top-contact-detail-section h3 {
    font-family: 'Open Sans';
	color: #fff;
    letter-spacing: 0.5px;
    line-height: 1.1;
    word-wrap: break-word;
}
.top-header-widget h3 { margin: 0 0 22px; }
.top-contact-detail-section h3 { margin: 20px 0 20px; }
.top-header-widget a,
.top-header-widget > ul > li > a,
.top-contact-detail-section a,
.top-contact-detail-section > ul > li > a { color: #727272; }
.top-header-detail label,
.top-contact-detail-section label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    color: #fff;
}
.top-header-detail select,
.top-contact-detail-section select {
	margin: 15px 10px;
}
.top-header-widget label,
.top-contact-detail-section label {
	color:#fff;
	margin: 0 0 25px;
}
.top-header-widget { padding:10px 0; }
.top-header-widget a,
.top-contact-detail-section a,
.top-contact-detail-section a:hover,
.top-contact-detail-section ul > li > a:hover,
.top-contact-detail-section .recentcomments a:hover  {
	color:#ffffff;
}
.top-header-widget ul { padding: 0; margin: 0 0 50px; list-style: none; }
.top-contact-detail-section ul { padding: 0; margin: 0 0 20px; list-style: none; }
.top-header-widget li,
.top-contact-detail-section li {
	padding: 0px 0px 10px;
	font-size: 14px;
	line-height: 22px;
    font-family: 'Open Sans';
    font-weight: 400;
	color: #fff;
	list-style: none;
}
.top-header-widget .rssSummary,
.top-header-widget .textwidget,
.top-header-widget .textwidget p,
.top-header-widget .textwidget a {
	color: #D6D6D6;
}
.top-contact-detail-section .rssSummary,
.top-contact-detail-section .textwidget,
.top-contact-detail-section .textwidget p,
.top-contact-detail-section .textwidget a {
	color: #ffffff;
}
.top-header-widget p.wp-caption-text,
.top-contact-detail-section p.wp-caption-text {
	color: #727272;
}
.top-header-widget li a:before,
.top-contact-detail-section li a:before,
.sidebar-widget li a:before,
.footer-widget-column li a:before {
    content: "\f192";
    font-family: FontAwesome;
    margin-right: 10px;
    margin-left: 1px;
    font-size: 13px;
}
.top-header-widget span.comment-author-link,
.top-header-widget .rssSummary,
.top-header-widget span.rss-date,
.top-contact-detail-section span.comment-author-link,
.top-contact-detail-section .rssSummary,
.top-contact-detail-section span.rss-date  {
    font-size: 15px;
	line-height: 22px;
    font-family: 'Open Sans';
    font-weight: 400;
}
.top-header-widget .rssSummary,
.top-contact-detail-section .rssSummary {
	color: #ffffff;
}
.top-header-widget cite,
.top-header-widget span.rss-date ,
.top-contact-detail-section cite,
.top-contact-detail-section span.rss-date {
	color:#D6D6D6;
}
.top-header-widget form.appointment-search,
.top-contact-detail-section form.appointment-search,
.top-header-widget .textwidget,
.top-contact-detail-section .textwidget {
	margin: 0 0 50px;
}
.top-header-widget select,
.top-contact-detail-section select {
	display: block;
	min-height: 40px;
	margin: 0 0 50px;
}
.top-header-widget .textwidget select,
.top-contact-detail-section .textwidget select {
	margin: 0px;
}
.top-header-widget .tagcloud,
.top-contact-detail-section .tagcloud {
	padding: 0 0 40px;
}
.top-header-widget .tagcloud a {
    background-color: #6B6B6B;
    color: #ffffff;
    border: 1px solid #6B6B6B;
}
.top-contact-detail-section .tagcloud a,
.top-contact-detail-section .tagcloud a:hover {
    background-color: #ffffff;
    color: #727272;
    border: 1px solid #ffffff;
}
.top-header-widget ul.icons-medium,
.top-contact-detail-section ul.icons-medium { padding: 0; margin: 0 0 50px; list-style: none; }
.top-header-widget ul.icons-medium li,
.top-contact-detail-section ul.icons-medium li { display: inline-block; border-bottom: 0 none; padding: 0 0 5px; }
.top-header-widget ul.icons-medium li a:before,
.top-contact-detail-section ul.icons-medium li a:before {
    content: "\f192";
    font-family: FontAwesome;
    margin-right: 10px;
    margin-left: 1px;
    font-size: 13px;
	display: none;
}
.top-header-widget .calendar_wrap table,
.top-contact-detail-section .calendar_wrap table { margin: 0 0 50px; }
.top-header-widget .calendar_wrap table > caption,
.top-contact-detail-section .calendar_wrap table > caption  {
	color: #ffffff;
}

/*Service Section 1-------------------------------------------------------------------------------------------*/
.service-section1 {
    background: transparent;
    margin: 0;
    padding: 80px 0 30px;
    width: 100%;
}
.service-section1 .service-area{text-align: center;margin: 0;padding: 0 20px 55px;transition: 0.3s;}
.service-section1 .service-icon{ width: 100px;float: none;position: relative;transition: all 0.2s;transition: all 0.2s;text-align: center;margin: 0 auto 25px;}
.service-section1 i.fa {
    border-radius: 50%;
    color: #fff;
    width: 80px;
    height: 80px;
    font-size: 36px;
    line-height: 1.8;
    padding: 5px;
    position: relative;
    border: 4px solid #fff;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.service-section1 .service-area:hover i.fa {background: #f5f6fa;border: 4px solid #fff;-webkit-transform: scale3d(1.2, 1.2, 1);transform: scale3d(1.2, 1.2, 1);}
.service-section1 .media-body h3{display: block;margin: 0 0 19px;padding: 0;}
.service-section1 .media-body p{display: block;overflow: hidden;margin: 0px;}
.service-section1 .col-md-4:nth-child(4) {
  clear: both;
}

/*Service Section1*/
.service-section1 i.fa {background: #337ab7;box-shadow: #337ab7 0px 0px 0px 1px;}
.service-section1 .service-area:hover i.fa {color: #337ab7;padding:0;}
@media only screen and (max-width: 1100px) and (min-width: 768px){
    .navbar5 .logo-link-url {
    display: inline-block;}
  .navbar5 .navbar-toggle {
    margin: 15px auto;
}
.navbar-default.navbar5 .navbar-header {
padding: 10px;
}
}
.navbar-default.navbar5 .navbar-toggle .icon-bar {
    background-color: #fff;
}
@media only screen and (max-width: 1320px) and (min-width: 1201px){
    .navbar-default.navbar5 .navbar-header {
    padding: 10px;}
    .navbar > .container .navbar-brand {
    text-align: center;
    float: none;}
    .navbar-brand > img {
    margin: 0 auto;}
    .navbar5 .logo-link-url {
    display: inline-block;}
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
     background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
@media (max-width: 992px){.navbar5 .navbar-toggler {background-color: #eee;}}
@media (max-width: 768px) {.navbar5 .navbar-header {padding: 1px;}}

/* =========================================================
   サイト独自のカスタマイズ(旧 Appointment 2.6.4 / Shk Corporate 2.1.2 から移植)
   ========================================================= */

/* サイドバーのリンク一覧の文字サイズ 14px → 18px */
ul.post-content li { font-size: 18px; }

/* ヘッダーウィジェット内の余白 50px → 10px */
.top-header-widget form.appointment-search,
.top-contact-detail-section form.appointment-search,
.top-header-widget .textwidget,
.top-contact-detail-section .textwidget { margin: 0 0 10px; }

/* input / textarea の共通スタイル(高さ固定なし) */
input, textarea {
	padding: 6px 12px;
	border-radius: 2px;
	border: 1px solid #e9e9e9;
	font-family: 'Open Sans';
	width: 100%;
	font-weight: 400;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0;
}

/* 「詳細」ボタン・送信ボタンの文字色 白 → 黒 */
.blogdetail-btn, .cont-btn button { color: #000000; }

/* 親テーマはテーマ名が「Shk Corporate」のときだけ以下を出力するため、ここで指定 */
body .top-header-widget { background-color: #21202e; }
body .page-title-section { border-top: 1px solid #21202e; }

/* トップの最新ニュース:「過去のニュース一覧」ボタン */
.shkc-news-archive-link { text-align: center; margin: 10px 0 60px; }
.shkc-news-archive-link .blog-btn-sm { font-size: 15px; padding: 12px 40px; }