@charset "utf-8";
/*
Theme Name: Lightning Child C-SELECTION
Theme URI: https://c-selection.net/
Template: lightning
Description: C-SELECTION LLCのWebサイト
Author: KOTONA　小牧みのり
Tags:
Version: 0.1.2
*/

/*---------------------------------

  0.Base

  1.テンプレートスタイルの変更
    1.1 Header
    1.2 Main
    1.3 Footer

  2.Component

  3.Project - TOPページ
    3.1 TOP - NEWS
    3.2 TOP - ABOUT US
    3.3 TOP - SERVICES

  4.Project - 固定ページ
    4.1 固定ページ - ABOUT US
    4.2 固定ページ - SERVICES
    4.3 固定ページ - COMPANY
    4.4 固定ページ - RECRUIT
    4.5 固定ページ - CONTACT

  5.Project - 投稿ページ

---------------------------------*/


/*===============================

	Base

================================*/
body,
p {
    font-family: "Times",'Hiragino Mincho Pro', 'Yu Mincho', Meiryo, "Helvetica Neue", Helvetica, Arial, serif !important;
    font-weight:500 !important;
}

ul {
    padding-inline-start: 0px !important;
    margin-bottom: 0px !important;
}

li {
    list-style: none;
}

dt,dd {
    border-left-style: none;
}

/*===============================

	Header/Main/Footer テンプレートスタイルの変更

================================*/

/*
	Header
================================*/

header,
header nav ul li a {
    background-color:#1a1a1a !important;
}

.siteHeader {
    height: 80px !important;
}

.siteHeader nav ul li a,
.siteHeader h1 a {
    color: #fff;
    letter-spacing: .1em;
}

.siteHeader_logo img {
    margin: 0;
}

.siteHeader .container {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.navbar-header {
    float: left !important;
    padding-left: 2%;
    width: 30%;
}

.navbar-brand {
    display: block;
    padding: 0;
}

.navbar-brand a {
    color: #fff;
}

.navbar-brand img {
    max-height: auto;
    vertical-align: bottom;
}

.gMenu_outer {
    display: block;
    float: right;
    width: 70%;
}

.gMenu_outer nav {
    display: block;
    text-align: right;
}

.gMenu_outer a:hover {
    color: #B9A321;
    border-bottom: 1px #B9A321;
}

.gMenu > .current-menu-item:before,
.gMenu > li:before {
    border-bottom-color: #B9A321;
}

.vk-mobile-nav-menu-btn {
    display: none;
    background-image:url(https://c-selection.co.jp/wp-content/uploads/2020/03/drower_btn@2x.jpg) !important;
    left: auto;
    right: 5%;
    top: 12px;
}

.vk-mobile-nav {
    background-color: rgba(185, 162, 33, 0.856);
    border-bottom: none;
    text-align: center;
}

.vk-mobile-nav nav>ul {
    border-top: none;
}

.vk-mobile-nav nav ul li a {
    color: #fff;
    border: none;
    font-size: 1.5rem;
}

.header_scrolled .gMenu_outer {
    background-color: #1a1a1a;
}

@media screen and (max-width: 992px) {
    .siteHeader {
        position: fixed;
        height: 64px !important;
    }

     #wpadminbar {
        position: fixed;
     }

    .admin-bar .siteHeader{
        top: 31px;
    }

    .navbar-header {
        padding-left: 0;
        width: auto;
    }


    .navbar-brand img {
        max-height: 64px;
    }

    .admin-bar {
        margin-top: 32px;
    }

    .gMenu_outer {
        display: none;
    }

    body.device-pc .vk-mobile-nav-menu-btn{
        display: block !important;
    }

    .admin-bar .vk-mobile-nav-menu-btn {
        top: 44px;
    }

    body.device-pc .vk-mobile-nav {
        display: block;
    }
}

@media screen and (max-width:782px) {
    .siteHeader {
        height: 48px !important;
    }

    .navbar-brand img {
        max-height: 40px;
    }

    .admin-bar .siteHeader{
        top: 45px;
    }

    .admin-bar{
        margin-top: 45px;
    }

    .vk-mobile-nav-menu-btn {
        top: 6px;
    }

    .admin-bar .vk-mobile-nav-menu-btn {
        top: 51px;
    }
}


/*
	Main
================================*/
.carousel-inner .mini-content-container-1 {
    display: none;
}

.container {
    width: 100%;
    max-width: 100% !important;
}

.siteContent {
    padding: 0;
}

.col {
    padding-left: 0;
    padding-right: 0;
}

.mainSection .widget {
    margin: 0 auto;
}

.mainSection-marginBottom-on {
    margin-bottom: 0;
}

h3:after {
    border-bottom-color: #B9A321;
}

.siteContent_after {
    display: none;
}

.sideSection {
    display: none;
}

/*
	footer
================================*/

.siteFooter {
    padding: 1rem 0 1rem;
    background-color: #1a1a1a;
    color: #fff;
    border-top: none;
}

.footerMenu {
    text-align: right;
    padding-right: 5%;
    float: right;
}

.footerMenu .col-md-4 {
    flex:0 0 50%;
    max-width: 50% !important;
}

.footerMenu li a {
    color: #fff;
    letter-spacing: .1em;
}

footer .sectionBox {
    float: left;
    padding: 0;
}

footer .copySection {
    display:block !important;
    border-top:none !important;
    text-align: right !important;
    padding-right: 5%;
    clear: both;
}

footer .copySection p:nth-child(2) {
    display:none !important;
}

footer .row {
    padding-left: 5%;
}

.p_address address p {
    margin: 0 auto;
}

.p_address_logo {
    text-align: left;
    width: 300px;
    margin-left: -.75rem;
    margin-bottom: -.75rem;
}

@media (max-width:767px) {
    footer .copySection {
        text-align: center !important;
        padding-right: 0;
    }

    .siteFooter {
        text-align: center;
    }

    footer .sectionBox {
        float: none;
    }

    .footerMenu {
        float: none;
        padding-right: 0;
        text-align: center;
        margin-bottom: 1rem;
    }

    .p_address {
        margin: 0 auto;
    }

    .p_address_logo {
        width: 70%;
        margin: 0 auto;
        text-align: center;
    }

    footer .row {
        padding-left: 0;
    }

    footer .copySection {
        padding-right: 0;
    }
}


/*===============================

	Component

================================*/

.c_container {
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
}

.c_heading, .mainSection-title {
    display: inline-block;
    background-color: transparent;
    color: #1a1a1a;
    border-top:none !important;
    border-bottom: 1px solid #B9A321;
    margin-bottom:.5rem;
    line-height: 2rem;
    border-radius: 0px;
    padding: 0;
    letter-spacing: .1em;
}

.c_sectionWrap{
    clear: both;
    padding: 5rem;
    text-align: center;
}

.c_sectionWrap p {
    margin-bottom: .5rem;
}

.c_sectionContent {
    margin:  48px auto 48px;
}

.c_sectionContent p {
    line-height: 2rem;
}

.c_flexBox {
    display: flex;
    flex-wrap: wrap;
    max-width: 960px;
    margin: 0 auto;
}

.c_flexItem:not(:first-child) {
    margin-left: 24px;
}

.c_button {
    display: inline-block;
    width: 280px;
    background-color: #B9A321;
    padding: .5rem 0;
    color: #fff !important;
    transition: all .3s ease-in;
}

.c_button:hover {
    background-color: #1a1a1a;
    text-decoration: none;
}

@media screen and (max-width:767px) {
    .c_sectionWrap{
        padding: 3rem 1rem;
    }

    .c_flexItem:not(:first-child) {
        margin-left: auto;
    }

    .c_flexItem{
        margin: 0 auto;
    }
}

/*===============================

	Project

================================*/

/*
	TOP - NEWS
================================*/
#vkexunit_post_list-3 {
    position: absolute;
    width: 60%;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 2rem;
    padding-left: 5%;
    top: -60px;
    left: 0;
}

#vkexunit_post_list-3 h2 {
    background-color: transparent;
    color: #1a1a1a;
    padding-left: 0;
    margin-bottom: .5rem;
    line-height: 1.5rem;
    border-bottom: none;
}

#vkexunit_post_list-3 .veu_postList {
    margin-bottom: 0;
}

.postList li {
    border-bottom: none !important;
    padding-bottom: 0;
}

#vkexunit_post_list-3 .postList_date {
    color: #1a1a1a;
}

.p_news h2 {
    background-color: transparent;
    color: #1a1a1a;
    padding-left: 0;
    margin-bottom: .5rem;
    line-height: 1.5rem;
    border-bottom: none;
}

.p_news p {
    margin-bottom: 0;
}

.p_news_more {
    text-align: right;
}

.p_news_more a {
    color: #B9A321 !important;
}

@media (max-width: 992px) {
    #vkexunit_post_list-3 {
        width: 80%;
    }
}

/*
	 TOP - ABOUT US
================================*/
.p_about {
    background-color: #f0f0f0;
    padding-top: 160px;
}

/*
	TOP - SERVICES
================================*/
.p_services {
    background-color: #777;
    color: #fff;
}

.p_services .c_heading {
    color: #fff;
}

.p_services_content {
    position: relative;
    margin: 0 auto;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 32px;
    width:  calc(calc(100% - 24px)/2);
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.p_services_content:hover {
    opacity: .7;
}

.p_services_content img {
    width: 100%;
}

.p_services_txt {
    position: absolute;
    top: 103%;
    left: 0;
    right: 0;
    color: #fff;
    letter-spacing: .1em;
    font-size: 1.25rem;
}

.p_services_txt::before,
.p_services_txt::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    top: 35%;
}

.p_services_txt::before {
    background-color: #fff;
    right: 30px;
}

.p_services_txt::after {
    background-color: #777;
    right: 32px;
}

.p_services .p_brand {
    margin-top: 0;
    padding: 5rem 0 0 0;
}

@media screen and (max-width:767px) {
    .p_services_content {
        margin-top: 60px;
        margin-bottom: 32px;
        width: 100%;
        max-width:600px;
    }
}

/*
	TOP - BLOG
================================*/
#vkexunit_post_list-8 {
    padding:5rem 0;
}

#vkexunit_post_list-8 .postList {
    display: flex;
    flex-wrap: wrap;
    padding: 48px 0;
    max-width: 960px;
    margin: 0 auto;
}

.postList_item:not(:first-child) {
    margin-left: 24px;
}

#vkexunit_post_list-8 .postList_item {
    width: calc(calc(100% - 72px) / 4);
    border-bottom: none;
}

#vkexunit_post_list-8 .postList_thumbnail {
    float: none ;
    margin-right: 0;
}

#vkexunit_post_list-8 .postList_thumbnail a {
    border: none;
}

.postList_thumbnail img{
    width: 100%!important;
    padding-right:0px!important;
    margin: 0 auto;
}

#vkexunit_post_list-8 .postList_body {
    overflow: visible;
    text-align: center;
    margin-top: 1rem;
}

#vkexunit_post_list-8 .postList_body a {
    padding: 1rem;
    color: #1a1a1a;
}

#vkexunit_post_list-8 .postList_body a:hover {
    text-decoration: none;
}

#vkexunit_post_list-8, .mainSection-title {
    text-align: center;
    color: #1a1a1a;
}

#vkexunit_post_list-8 .postList_more a {
    display: block;
    width: 280px;
    background-color: #B9A321;
    padding: .5rem 0;
    margin: 0 auto;
    text-align: center;
    transition: all .3s ease-in-out;
    color: #fff;
}

#vkexunit_post_list-8 .postList_more a:hover {
    text-decoration: none;
    background-color: #1a1a1a;
}

#vkexunit_post_list-8 .postList_date {
    color: #1a1a1a !important;
    margin-right: 0 !important;
}


@media (max-width:767px) {
    #vkexunit_post_list-8 .postList {
        padding: 0 15px;
    }

    #vkexunit_post_list-8 .postList_item {
        width: calc(calc(100% - 24px) / 2);
    }
}

/*PRIVATE BRAND*/
.p_brand {
    background-color: #f0f0f0;
}

.p_brand .c_flexItem {
    width: calc( calc(100% - 48px)/3);
    padding-top: 48px;
    margin-bottom: 0;
}

.p_brand .c_flexItem:hover {
    opacity: .7;
}

.p_brand .c_flexItem p {
    font-size: 1.25rem;
    padding-top: .5rem;
}

@media screen and (max-width:767px) {
    .p_brand .c_flexItem {
        width: 100%;
        max-width:600px;
        margin: 0 auto;
    }

    .postList_item:not(:first-child) {
        margin-left: 0;
    }

    .postList_item:nth-child(2n) {
        margin-left: 24px;
    }

    .p_brand .c_flexItem p {
        font-size: 1.5rem;
    }
}

/*
	固定ページ - SERVICES
================================*/

.p_servicePage {
    width: 95%;
    text-align: center;
    margin: 0 auto;
}

.p_servicePage_content {
    max-width: 960px;
    overflow: hidden;
    clear: both;
    margin:48px auto 0;
}

.p_servicePage_body {
    width: 45%;
}

.p_servicePage_body h3 {
    font-size: 1.5rem;
    color: #B9A321;
}

.p_servicePage_body h3,.p_servicePage_body p {
    text-align: left;
    margin: 0 1rem;
}

.p_servicePage_img {
    width: 50%;
}

.p_servicePage_img img {
    width: 100%;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

@media (max-width:992px) {
    .p_servicePage {
        margin-top: 46px;
    }
}

@media (max-width:767px) {
    .p_servicePage_body {
        width: 100%;
        padding-top: 58%;
    }

    .p_servicePage_img {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .float_left, .float_right {
        float: none;
    }

    .p_servicePage_content {
        position: relative;
    }
}

/*
	固定ページ - CONTACT
================================*/

.p_contactPage {
    max-width: 900px;
    margin: 0 auto 5rem ;
}

.form_content {
    /* overflow: hidden;
    clear: both; */
    border-bottom: dotted 1px #B9A321;
    padding-bottom: 1rem;
    text-align: left;
    display: flex;
    justify-content: space-between;
}

.form_left {
    width: 40%;
    margin-top: 1rem;
}

.form_right {
    padding-top: .5rem;
}

.form_left label {
    margin-bottom: 1rem;
}

input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent;
    display: inline-block;
    width: 280px;
    background-color: #B9A321;
    padding: .5rem 0;
    color: #fff;
    transition: all .3s ease-in;
    margin-left: 16px;
}

input[type="submit"]:hover {
    background-color: #1a1a1a;
}

.wpcf7-form-control-wrap {
    margin-top: 1rem;
}

@media screen and (max-width:767px) {
    .p_contactPage {
        margin-top: 46px;
    }
}

/*
	固定ページ - RECRUIT
================================*/

.p_recruit {
    margin-bottom: 40rem;
}

@media screen and (max-width:767px) {
    .p_recruit {
        margin-top: 46px;
    }
}

/*
	固定ページ - COMPANY
================================*/
/*Philosophy*/
.p_philosophy {
    width: 70%;
    max-width:800px;
    margin: 5rem auto 0;
    border: 1px solid #B9A321;
}

#custom_html-22 .c_sectionWrap {
    padding: 2rem 1rem;
}

.p_philosophy .c_flexBox {
    justify-content: center;
    width: 90%;
    margin: 0 auto;
}

.p_philosophy_item {
    font-size: 2.5rem;
    line-height: 1;
    margin: 1rem 1rem 1rem 0;
}

.p_philosophy_item span {
    color: rgb(207, 182, 36);
}

/*Company*/
.p_companyPage {
    padding-top: 0;
}

.p_companyPage .c_sectionContent {
    width: 70%;
    text-align: left;
}

.p_companyPage .c_flexItem {
    width: 47%;
}

.p_companyPage dl {
    border-bottom: dotted 1px #B9A321;
}

.p_companyPage dt, .p_companyPage dd {
    margin: 1rem auto;
}

@media screen and (max-width:767px) {
    .p_companyPage .c_sectionContent {
        width: 90%;
    }

    .p_companyPage {
        margin-top: 46px;
    }

    .p_philosophy{
        width: 80%;
    }

    .p_philosophy .c_flexBox {
        flex-direction: column;
    }

   .p_philosophy_item{
        font-size: 2rem;
        margin-bottom: 1rem;
    }
}

/*
	固定ページ - BLOG
================================*/

/*共通*/
.page-header {
    background-color: #fff;
    margin-top: 2.5rem;
}

.sideSection {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/*投稿ページ*/
.single-post .siteContent, .blog .siteContent {
    margin-right: 16px;
    margin-left: 16px;
}

.page-header_pageTitle {
    display: inline-block;
    color: #1a1a1a;
    border-top:none !important;
    border-bottom: 1px solid #B9A321;
    margin-bottom:.75rem;
    line-height: 2rem;
    padding: 0;
    letter-spacing: .1em;
}

.single-post .entry-header, .single-post .entry-body, .single-post .entry-footer {
    padding-left: 1rem;
}

.single-post .entry-header {
    color: #fff;
}

.subSection-title:after {
    border-bottom: 1px solid #B9A321;
}

@media screen and (max-width:767px) {
    .page-header {
        margin-top: calc(2.5rem + 46px);
    }
}

/*
	固定ページ - NEWS
================================*/
.news {
    padding: 2rem;
}

.news .entry-header {
    background-color: #fff !important;
    border-bottom: 1px solid #B9A321;
}