/*
Template:liquid-corporate
Theme Name:liquid-child
*/


/*********************
  パンくずリスト
*********************/
.breadcrumb {
    background: transparent;
    border-radius: 0;
    padding: .5em 1em;
    border-top: none;
    border-bottom: 2px dotted rgba(119, 119, 119, 0.1) !important;
    font-size: small;
    line-height: 1.2;
}

/*********************
  TOPロゴエリア
*********************/
.logo_text {
    background: #AFEEEE;
}
.headline {
    border-top: unset;
    padding: 0 0 1rem 0;
    box-shadow: unset;
 }
.logo_text {
    font-size: x-small;
    text-align: left;
    padding: .5rem 0;
    background: transparent;
    margin-bottom: 1rem;
    line-height: 0;
}
.logo {
    height: 80px;
    text-align:center;
}

.logo img {
    width: auto !important;
    height: 110px !important;
    max-width: initial !important;
}

/*********************
  ナビゲーションバー
*********************/
.navbar .current-menu-item, .navbar .current-menu-parent, .navbar .current_page_item {
    background-color: #112E33;
}

.navbar .current-menu-item a, .navbar .current-menu-parent a, .navbar .current_page_item a {
    color: #C8AF7B;
}

.navbar-nav a:hover {
    background-color: #CAC434;
}

.navbar {
    margin-bottom: 1em;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    border-bottom: none;
/*    position: fixed;*/
}

/*
.navbar.fixed{
    position: fixed;
    top: 0;
}
*/

.nav>li>a {
    padding: 20px 20px;
}

.navbar-nav a {
    font-size: medium; 
    display: block;
    padding: 1rem 1.5rem;
    border-right: none;
}

.navbar-nav > .nav-item:first-child {
    border-left: none;
}

.navbar-nav > .nav-item:last-child:not(.sticky-none) a {
    background-color: #E2E1DD;
    color: #112E33 !important;
    border-left: none;
}

.navbar-nav > .nav-item:last-child:not(.sticky-none) a:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    background: url(http://colorfulnote.net/wp/wp-content/uploads/2018/09/colofulnotelogo.png);
    background-size: contain;
    margin-right: 5px;    
}

.navbar-nav > .nav-item:last-child:not(.sticky-none) a:hover {
    background-color: #CAC434;
}

/*********************
  サイドバー
*********************/
ul.post-categories a:hover, ul.tag a:hover, .page-numbers a:hover, .widget a:hover,
.pagination li>a:focus, .pagination li>a:hover {
    background: #AFEEEE;
}

/*********************
  TOPサムネイル
*********************/
.pages {
    padding: 2rem 0;
    background: #C8AF7B;
}

.list .post_links:hover .post_thumb:after {
    background-color: rgba(175, 238, 238, 0.5);
}

/*********************
  フッター
*********************/
footer {
    background-image: url(http://colorfulnote.net/wp/wp-content/uploads/2019/08/footer-2.png);
background-size:cover;
}


/*********************
  投稿ページ
*********************/
/* 見出し */
.post_body h1, .post_body h2 {
    font-size: 1.4em;
    margin-top: 2.1em;
    margin-bottom: 1em;
}

.post_body h1 > span, .post_body h2 > span {
    padding: 0.5rem 0;
}

.post_body h3 {
    padding: .25em 0 .25em .75em;
    border-left: 6px solid #35A8A8;
}

.post_body h4 {
    font-size: 1.2em;
    padding: .5em .75em;
    background-color: #CAC434;
}

.post_body h5 {
    font-size: 1.2em;
    padding: .5em .75em;
    background-color: #CAC434;
}

.single .ttl_h1 ,.page .ttl_h1 ,.archive .ttl_h1,.search .ttl_h1 {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.333em;
    margin: 0.3em 0;
    border-bottom: 4px dotted #800000;
    padding-bottom: 0.3em;
}

.colorfulnote, .feedback {
    float: left;
    max-width: 50%;
}

.wp-image-295, .wp-image-173 {
    float: right;
}

.feedback-text {
    margin: 3em 0;
}

.colorfulnote2, .draw {
    clear:both;
}
.process {
    clear: both;
}

.process1 {
    background-color: #32806E;
    color: #E2E1DD;
    padding: .5em .75em;
    font-size: 1.1em;
    margin: 0.5em 0;
}

.process2 {
    background-color: #112E33;
    color: #E2E1DD;
    padding: .5em .75em;
    font-size: 1.1em;
    margin: 0.5em 0;
}

.photos3shot {
    margin-bottom: 1em;
    align-content: center;
}

.photos3shot-1 {
    float: left;
    padding: .3em;
    width: 33%;
    height: 33%;
}

.photos3shot-2 {
    padding: .3em;
    width: 33%;
    height: 33%;
}

.photos3shot-3 {
    padding: .3em;
    width: 33%;
    height: 33%;
}

.process3 {
    background-color: #223351;
    color: #E2E1DD;
    padding: .5em .75em;
    font-size: 1.1em;
    margin: 0.5em 0;
    clear: both;
}

.process4 {
    background-color: #800000;
    color: #E2E1DD;
    padding: .5em .75em;
    font-size: 1.1em;
    margin: 0.5em 0;
}

.process5 {
    background-color: #A44F1A;
    color: #E2E1DD;
    padding: .5em .75em;
    font-size: 1.1em;
    margin: 0.5em 0;
}

.process5_photo {
    margin-bottom: 1em;
    align-content: center;
}


.process_no {
  font-size: 1.5em;
  font-weight: 700;
}

.pr_sentence {
  padding-left: 1em;
  margin-bottom: 1em;
}

/*
.step_result {
    background-color: #FCEF86;
    padding: .5em .75em;
    margin: 1.0em 0 1em 3em;
}
*/

.step_result {
    border-left: 8px solid #CAC434;
    padding: .5em .75em;
    margin: 1.0em 0 1em 0;
}

.sr_red {
    color: #800000;
}

.concept_colorful {
    clear: both;
}

.jigyo_1 {
    border-left: 8px solid #C8AF7B;
    color: #800000;
    font-weight: bold;
    padding: .1em .75em;
    font-size: 1.1em;
    margin: 0 0 .75em 0;
}

.jigyo_2 {
    border-left: 8px solid #C8AF7B;
    color: #800000;
    font-weight: bold;
    padding: .1em .75em;
    font-size: 1.1em;
    margin: 0 0 .75em 0;
}

.jigyo_3 {
    border-left: 8px solid #C8AF7B;
    color: #800000;
    font-weight: bold;
    padding: .1em .75em;
    font-size: 1.1em;
    margin: 0 0 .75em 0;
}

.bis_h4_1 {
    border-left: 8px solid #C8AF7B;
    color: #800000;
    font-weight: bold;
    padding: .1em .75em;
    font-size: 1.1em;
    margin: 0 0 .75em 0;
}

.bis_h4_2 {
    border-left: 8px solid #C8AF7B;
    color: #800000;
    font-weight: bold;
    padding: .1em .75em;
    font-size: 1.1em;
    margin: 0 0 .75em 0;
}

.bis_h4_3 {
    border-left: 8px solid #C8AF7B;
    color: #800000;
    font-weight: bold;
    padding: .1em .75em;
    font-size: 1.1em;
    margin: 0 0 .75em 0;
}


.step_matome {
    clear: both;
}


.step_a {
    background-color: #800000;
    color: #E2E1DD;
    padding: .5em .75em;
    font-size: 1.1em;
    margin: 0.5em 0;
}

.step_b {
    background-color: #32806E;
    color: #E2E1DD;
    padding: .5em .75em;
    font-size: 1.1em;
    margin: 0.5em 0;
}

.sp_title {
    font-size: 1.5em;
    font-weight: 700;
}

.step_bold {
    font-weight: 700;
    padding-left: .1em;
}

.step_a_sub {
    border-left: 8px solid #A44F1A;
    color: #800000;
    font-weight: bold;
    padding: 0 .75em;
    margin: 0 0 .75em 0;
}


.step_b_sub {
    border-left: 8px solid #5EB9A9;
    color: #32806E;
    font-weight: bold;
    padding: 0 .75em;
    margin: 0 0 .75em 0;
}

.step_sub_title {
    font-size: 1.3em;
}

.step_matome {
    font-size: 1.3em;
    color: #112E33;
}

.kansou_h {
    clear: both;
    
}

.hj_kansou {
    float: right;
    max-width: 65%;
    
}

.step {
    clear: both;
}

.wp-image-70 {
    float: left;
}

.prof_name {
    float: left;
    margin-right: 30px;
}

.name {
    font-weight: bold;
}

.prof_text {
    margin-bottom: 50px;
    float: right;
    max-width: 73%;
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
/*
    .navbar-nav > .nav-item:last-child:not(.sticky-none) a:before {
        content: '';
        display: none;
        width: 30px;
        height: 30px;
        vertical-align: middle;
        background: none;
        background-size: contain;
        margin-right: 5px;    
    }
*/

    .colorfulnote, .feedback {
        float: left;
        max-width: 100%;
    }

    .wp-image-295, .wp-image-173  {
        width: auto;
        height: auto;
        float: left;
    }
  
    .jirei {
        clear: both;
    }
  
    .wp-image-82 {
        width: auto;
        height: auto;
        float: left;
    }
  
    .wp-image-322 {
        width: auto;
        height: auto;
    }

    .photos3shot-1 {
        float: left;
        padding: .3em;
        width: auto;
        height: auto;
    }

    .photos3shot-2 {
        padding: .3em;
        width: auto;
        height: auto;
    }

    .photos3shot-3 {
        padding: .3em;
        width: auto;
        height: auto;
    }
    
    .wp-image-70 {
        width: 100%;
        height: 100%;
        clear: both;
    }
  
    .name {
        margin-top: 2em;
        float: left;
    }

    .prof_text {
        clear: both;
        max-width: 100%;
        margin-top: 1em;
    }
  
    .hj_kansou {
        clear: both;
        max-width: 100%;
        margin-top: 1em;

    }
  
    .pr_sentense {
        padding-left: 0em;
    }
  
    .step_result {
        margin: 1.0em 0;
    }

  
    .step_bold {
        padding-left: 0em;
    }


}