@charset "utf-8";
/*
   Theme Name: Zerif lite Child
   Theme URI: https://www.themeisle.com/ 
   Description: This is a custom child theme I have created.
   Author: ThemeIsle
   URI: https://www.themeisle.com/ 
   Template: zerif-lite
   Version: 0.1 
   */

/*------
タグ全体
------*/
body,
h1,h2,h3,h4,h5,a,p{
font-size:16px;
font-feature-settings : "palt";
font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

ul{
margin: 0 0 1.5em 0;
}
.dark-text{
color:#c40018;
}
p{
    word-break: break-all;
}
/*---------------------
font-size調整
---------------------*/

.focus-box p{
    font-size: 16px;
}
.focus-box h3{
    font-size:20px;
}
.veu_3prArea .summary{
    font-size:16px;
}
/*---------------------
トップページ/メイン画像
----------------------*/


.home-slider-plugin{
padding-top:0px
}
@media screen and (min-width:768px) { 
.home-slider-plugin{
padding-top:109px;
}
}
@media screen and (min-width:992px) { 
.home-slider-plugin{
padding-top:73px
}
.wp-image-1824{
    max-width:80%;
    margin:auto;
}
}


/*---------------------
ヘッダー
----------------------*/
.navbar-toggle.collapsed {
    background-color: #c40018 !important;
}
.navbar-toggle.active {
    background-color: #c40018 !important;
}
ul.nav > li.current > a:before, 
.page ul.nav > li.current-menu-item > a:before, 
.single-post ul.nav > li.current-menu-item > a:before, 
.archive ul.nav > li.current-menu-item > a:before{
    display:none;
}
.navbar-brand {
    float: left;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
    height: 73px;
}
.navbar-inverse {
    background-color: #fff;
    border-color: #fff;
}
.navbar-brand > a > img {
    width: auto;
    max-height: 100%;
}

/*-------------------
トップページ/「TOP NEWS」
-------------------*/


.section-header{
	padding-bottom:24px;
}
#latestnews .section-header{
	padding-top:37px;
}
#carousel-homepage-latestnews .carousel-inner .item .latestnews-title{
	line-height: 1.35;
}
/*-------------------
トップページ/「CONTENTS」
4ブロック
-------------------*/
#focus span:nth-child(4n+1) .focus-box .service-icon:hover, #focus span:nth-child(4n+1) .focus-box .service-icon:focus {
    border: 10px solid #c40018;
}
#focus span:nth-child(4n+2) .focus-box .service-icon:hover, #focus span:nth-child(4n+2) .focus-box .service-icon:focus {
    border: 10px solid #c40018;
}
#focus span:nth-child(4n+3) .focus-box .service-icon:hover, #focus span:nth-child(4n+3) .focus-box .service-icon:focus {
    border: 10px solid #c40018;
}
#focus span:nth-child(4n+4) .focus-box .service-icon:hover, #focus span:nth-child(4n+4) .focus-box .service-icon:focus {
    border: 10px solid #c40018;
}
.section-header h2, #focus .section-header h2 a, #team .section-header h2 a, #aboutus .section-header h2 a, #testimonials .section-header h2 a, #contact .section-header h2 a{
border-bottom:solid 2px #c40018;
margin-bottom:0.5em;
}
#focus span:nth-child(4n+4) .focus-box .red-border-bottom:before {
    background: #c40018;
}
#focus span:nth-child(4n+3) .focus-box .red-border-bottom:before {
    background:  #c40018;
}
#focus span:nth-child(4n+2) .focus-box .red-border-bottom:before {
    background: #c40018;
}
#focus span:nth-child(4n+1) .focus-box .red-border-bottom:before {
    background: #c40018;
}
/*---------------------
トップページ/「CONTENTS」
４ブロック/見出しボーダー
---------------------*/
.red-border-bottom:before {
    position: absolute;
    z-index: 1;
    bottom: -9px;
    left: -10%;
    width: 120%;
}
/*----------------------
トップページ/「CONTENTS」エリア
-----------------------*/
.section-header .section-legend {
    color: #333;
    text-align:left;
}
/*
.focus-box .service-icon {
        border-color: #;
}
*/
.widget .widget-title:before {
    width: 90%; 
}
#focus{
padding-top: 65px;
    padding-bottom: 50px;
}
/*----------------------
トップページ/「EVENT」エリア
-----------------------*/
#aboutus {
    padding-top: 34px;
    padding-bottom: 44px;
}
#aboutus .section-header{
padding-bottom:0px;
}

.client-list {
    margin-bottom: 0px;
    padding-bottom: 16px;
}
.about-us{
	padding-bottom:0px;
}
.client-list div img {
   -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}

.client-list div img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
/*----------------------
トップページ/「gallery」エリア
-----------------------*/
.section-header .section-legend{
text-align:center;
}

#team {
    padding-top: 34px;
}

.home .btn,
.home .btn-default,
.childPage_list_more{
	border-radius: 0px;
	box-shadow: none;
	font-size:16px;
	padding: 0 0.5em;
}
.childPage_list_more:before,
.home .btn:before{
    content: "\f105";
    font-family: FontAwesome;
    display:inline-block;
    font-size:16px;
    margin-right:0.5em;
}
.veu_3prArea_image{
    border:none;
}
.btn-primary{
	box-shadow:none!important;
}
/*----------------------
トップページ/「medias」エリア
-----------------------*/
h2.widgettitle{
    font-size:22px;
}

.testimonial {
    padding-top: 70px;
    padding-bottom: 45px;
    background-color: #c40018;
}


.testimonial .section-header {
    padding-bottom: 35px;
    height: 50px;
}
.testimonial .section-header h2{
border-bottom: solid 2px #c40018;
    margin-bottom: 0.5em;
    position: relative;
    top: -39px;
    background-color: #c40018;
}
.testimonial .container{
    border-top: dashed #fff;
    border-bottom: dashed #fff;
    padding-bottom: 40px; 
}

.widgettitle{
font-weight:200;
}
.widgettitle:first-letter{
color:#c40018;
font-size:1.2em;
letter-spacing:-0.1em
}
/*--------------------
トップページ/トピックススライダー/ボタン
---------------------*/
.carousel-control .glyphicon-chevron-right {
    right:50%;
}
/*--------------------
トップページ/トピックススライダー/見出し
---------------------*/
#carousel-homepage-latestnews .carousel-inner .item .latestnews-title a {
    font-size: 22px;
}
.latest-news {
    padding-top: 34px;
    padding-bottom: 0px;
    background: #fff;
}



/*----------------
下層ページ/全体
----------------*/
article.hentry{
    padding-bottom:0;
    border-bottom:none;
}

.content-left-wrap{
	padding-top:28px;
}
/*----------------
サイドバー
-----------------*/
/*------------------
サイドバー/検索ボックス
-------------------*/
#search-2 >.page_item{
box-sizing:border-box;
padding-bottom:0.1em;
border-bottom:1px solid #c40018;
}

input.color {
    color: #555;
}
input.search-field::-webkit-input-placeholder {
    color: #555 !important;
}
input.search-field::-ms-input-placeholder {
    color: #555 !important;
}
input.search-field::-moz-placeholder {
    color: #555 !important;
}
input.search-field::placeholder {
  color: #555 !important;
}

.widget_search .search-submit {
    /* display: none; */
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    height: 49px;
    margin: 0;
    padding: 0;
    background: url(images/search_icon.png) no-repeat center center;
    background-size: 18px;
    text-indent: -9999999px;
}
/*-----------------
サイドバー/ナビゲーション
-----------------*/
#vkexunit_childpagelist-2{
    margin-bottom:2em;
}
#vkexunit_childpagelist-2 h2.widget-title:before{
    display:none;
}

#vkexunit_childpagelist-2 h2.widget-title{
    font-size: 18px;
        font-weight: 400;
        background: #272727;
        color: #fff;
        font-weight: thin;
        opacity: 0.8;
        padding: 0.3em 10%;
        line-height: initial;
        margin-bottom: 0;

}
.localNavi{
    background-color:#ecf0f1;
}
#vkexunit_childpagelist-2 .page_item{
    margin:0;
    padding-left:0;
}

.sidebar-wrap .page_item a {
    width: 100%;
    display: table;
    color: #555;
    box-sizing: border-box;
    padding: 0.3em 10%;
    position: relative;
}
#vkexunit_childpagelist-2 .page_item>a:after{
    content:"\f105";
    font-family:'FontAwesome';
     position:absolute;
    right:0.5em;
    top:50%;
    transform: translateY(-50%);
}
#vkexunit_childpagelist-2 .page_item.current_page_item{
    background-color:#c40018;
    color:#fff
}
.sidebar-wrap .page_item.current_page_item a{
    color:#fff
}

.sidebar-wrap .page_item a:hover{
    background-color:#c40018;
    color:#fff;
    -webkit-transition: all 700ms;
    transition: all 700ms;
}
.sidebar-wrap .page_item_icon{
    position:absolute;
    right:0.5em;
    top:50%;
    transform: translateY(-50%);
}
#pageList-ul+ul,
ul.children{
    margin-left:0;
}
.pagenav .current_page_item,
.pagenav .current_page_item a{
    background-color: #c40018;
    color: #FFF;

}

/*-----------------------
アコーディオンメニュー
-----------------------*/
.page_item ul.children{
    display:none;
}

/*-----------------------
子メニューのインデント
-----------------------*/
ul.children .page_item a{
    padding-left:2.5em;

}

.sidebar-wrap .current_page_item ul.children li a{
	background-color:#ecf0f1;
	color:#555;
}
/*-------
見出し関連リセット
-------*/
.entry-title::before,
.entry-title::after,
h3.widget-title::before{
    display:none;
}
/*--------------------
ページ/h1
--------------------*/

h1.entry-title{
    padding: 0;
    font-size:28px;
    font-weight:200;
    line-height:1.4em;
}

/*---------------
ページ/h2
----------------*/
@media screen and (max-width: 480px) {
	.home .section-header h2 {
		font-size: 10vw !important;
	}
    h2.widgettitle {
        font-size: 6.5vw !important;
    }

}
.sow-headline-container {
	margin-top:1em;
}
.entry-content h2{
    position: relative;
	padding: 5px 48px;
	background: #c40018;
	font-size: 18px;
	line-height:1.3;
	color: white;
	margin-left: -35px;
	z-index:1;
	margin-bottom: 2.2em;
	left:0.5em;
}
.entry-content h2:before {
	position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 40px white;
    border-bottom: solid 115px transparent;;
    z-index: 1;
}
.entry-content h2:after {
    position: absolute;
    content: '';
    right: -3px;
    bottom: -3px;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 40px transparent;
    border-bottom: solid 4.9em white;
    z-index: 1;
}
/*--------------------
ページ/h3
--------------------*/
.entry-content h3.widget-title,
.entry-content h3{
    font-size:20px;
	display: inline-block;
	line-height:1.4em;
    position: relative;
    padding-left: 1em;
    padding-bottom: 0.2em;
    padding-right: 1.8em;
    margin-bottom: 1.2em;
}
.entry-content .widget-title:before,
.entry-content h3:before{
position: absolute;
content: '';
bottom: -3px;
left: 0;
width: 0;
height: 0;
border: none;
border-left: solid 10px transparent;
border-bottom: solid 10px #c40018;
}
.entry-content h3.widget-title:after,
.entry-content h3::after{
position: absolute;
content: '';
bottom: -3px;
left: 10px;
width: 100%;
border-bottom: solid 2px #c40018;
}
/*--------------------
子ページリスト/見出し
--------------------*/
.childPage_list_box_inner>h3{
position:relative;
display:inline-block;
padding:0 55px;
}

.childPage_list_box_inner>h3::after,
.childPage_list_box_inner>h3::before{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 2px;
background-color: #c40018;
}

.childPage_list_box_inner>h3::before{
left:0;
border: none;
}
.childPage_list_box_inner>h3::after{
right: 0;
    left: initial;
    border: none;
}

/*--------------------
ページ/レイアウト
--------------------*/
.entry-content p{
line-height:1.8em;
}

.entry-content p>img.inline-image{
background-color:red;
}
/*--------------------
全体/ボタン
--------------------*/
.btn-primary {
    background-color: #c40018;
    border-color:#5f000c;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #C40018;
    background-color: #fff;
    border-color: #C40018;
}


.ow-button-base{
    margin-bottom:2.5em;
}
.ow-button-base a{
    font-weight:bold;
    border:4px;
}
/*-------------------
QA
--------------------*/
.question {
background-color:#c40018;
line-height:1.4em;
}

/*-------------------
Back to Top
--------------------*/
@media screen and (max-width:768px){
#ssttbutton{
    right: 0px !important;
    bottom: 0px !important;
}
}
/*-------------------
フッター
--------------------*/
.entry-footer{
	display:none;
}

.footer-widget-wrap{
	background-color:#ECF0F1;
	
}
.footer-widget-wrap .widget li a,
.footer-widget-wrap .widget .widget-title{
	color:#555;
}
.footer-widget-wrap .widget li a:hover {
    opacity: 0.8;
    color:#555;
}
.copyright{
	background-color:#272727;
}
#zerif-copyright{
	color:#fff;
    margin-bottom:1em;
    font-size:12px;
}
.zerif-copyright-box{
	color:#fff;
    font-size:12px;
}

.widget .widget-title:before {
    background: #c40018;

}