/*
Theme Name:		index
Description:	Welcart Nova is child theme for Welcart Basic.
Author:			Collne.Inc
Author URI:		https://collne.com/
Template:		index
Version:		1.1.2
License:		GNU General Public License v2 or later
License URI:	https://gnu.org/licenses/gpl-2.0.html
Tags:			responsive-layout, nova, two-columns, right-sidebar. left-sidebar
*/


/* =Base
-------------------------------------------------------------- */


/********************************************
*** 特集用CSS
********************************************/

@media screen and (max-width: 600px) {
    /********************************************

    *** 共通

    ********************************************/
    .contents{
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        background-color: #FFF;
    }
    .contentsFull{
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        background-color: #FFF;
    }
    
    .contentsWrap{
        padding: 20px;
        box-sizing: border-box;
    }
    ul,
    ul li{
        padding: 0;
        margin: 0;
        list-style-type: none;
    }
    .text01{
        padding: 0;
        margin: 0 0 30px;
    }


    /********************************************

    *** ヘッダー

    ********************************************/

    /* headerArea ********************/

    .headerArea{}
    .headerArea .wrap{
        padding: 20px;
        box-sizing: border-box;
    }
    .headerArea .headerTitle{
        margin: 0 0 20px;
        font-size: 48px;
        line-height: 110%;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .headerArea .headerTitle span{
        color: #F90;
    }
    .headerArea .headerImgArea{
        margin: 0;
        padding: 10% 0 ;
        box-sizing: border-box;
        display: block;
        text-align: center;
        width: 100%;
        background-image: url(https://car-clip.com/wp-content/themes/welcart_basic-nova/images/special/air/air_main.png);
        background-repeat: no-repeat;
        background-size:cover;
        color: #FFF;
        font-size: 50px;
    }
    .headerArea .headerImgArea span.headerImgArea01{
        margin: 0 0 20px;
        font-size: 16px;
        display: block;
        line-height: 100%;
    }
    .headerArea .headerImgArea span.headerImgArea02{
        font-size: 30px;
        display: block;
        line-height: 100%;
    }

    /********************************************
    ** main
    ********************************************/

    /********************************************
    ** ボタン
    ********************************************/
    .linkBtn01{
        display: block;
        padding: 20px;
        box-sizing: border-box;
        text-align: center;
        background-color: #FF9900;
        color: #FFF;
        font-size: 18px;
        display: block;
        width: 100%;
        border-radius: 10px;
    }
    .linkBtn01:hover{
        background-color: #FF3300;
        color: #FFF;
    }
    
    /********************************************
    ** ニュース
    ********************************************/
    .newsArea{
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
        .newsArea h2{
            padding: 20px;
            box-sizing: border-box;
            display: block;
            font-size: 20px;
            text-align: center;
            background-color: #EEE;
            line-height: 100%;
        }
        .newsArea h2 ruby{
            margin-top: 5px;
            display: block;
            font-size: 14px;
            text-align: center;
            line-height: 100%;
        }
        .newsArea ul{}
            .newsArea ul li{
                border-bottom: 1px solid #EEE;
            }
                .newsArea ul li a{
                    padding: 20px 0;
                    box-sizing: border-box;
                    display:-ms-flexbox;/*--- IE10 ---*/
                    display:-webkit-flex;/*--- safari（PC）用 ---*/
                    display:flex;
                    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                    flex-wrap:wrap;
                    -webkit-justify-content: space-between; /* Safari */
                    justify-content:         space-between;
                }
                    .newsArea ul li a time{
                        width: 30%;
                        display: block;
                    }
                    .newsArea ul li a p{
                        width: 70%;
                    }
    
    
    /********************************************
    ** ブログ　（トップページ）
    ********************************************/
    .blogArea{
        background-color: #ddd;
        padding: 20px;
        margin-bottom: 30px;
        width: 100%;
    }
        .blogArea h2{
            padding: 20px;
            box-sizing: border-box;
            display: block;
            font-size: 20px;
            text-align: center;
            line-height: 100%;
        }
        .blogArea h2 ruby{
            margin-top: 5px;
            display: block;
            font-size: 14px;
            text-align: center;
            line-height: 100%;
        }
        .blogArea ul {
        }
        .blogArea ul li {
            /*width: 100%;*/
            display: block;
            background-color: #fff;
            padding: 15px;
            margin: 20px 0;
            border-left: 20px double #eee;
        }
        .blogArea ul li img {
            width: 100%;
            height: auto;
            display: block;
            margin: 0 0 10px;
        }
        .blogArea time {
            border: 1px solid;
            padding: 2px 7px 0px;
            margin: 0 0 5px;
            display: inline-block;
            font-size: 90%;
        }




    /********************************************
    ** layout
    ********************************************/

    /* layout00 ********************************/
    
    .serch00{
            padding: 30px 0;
            box-sizing: border-box;
            background-image: url(https://car-clip.com/wp-content/themes/welcart_basic-nova/images/index/bg_index03.png);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .serch00 h2{
            padding: 20px 0;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            color: #FFF;
            font-size: 20px;
            text-align: center;
            background-color: #000;
            line-height: 100%;
        }
            .serch00 h2 span{
                padding-left: 40px;
                background-image: url(https://car-clip.com/wp-content/themes/welcart_basic-nova/images/index/icon_serch01_white.png);
                background-repeat: no-repeat;
                background-position: 0% 50%;
                background-size: 30px;
            }
        .serch00 .wrap{
            padding: 30px;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            margin-bottom: 20px;
            background-color: rgba(0,0,0,0.6);
        }
            .serch00 .wrap dl.layout01List{
                width: 100%;
                margin-bottom: 20px;
            }
                .serch00 .wrap dl.layout01List dt{
                    margin-bottom: 10px;
                    padding-bottom: 5px;
                    color: #FFF;
                    font-size: 20px;
                    line-height: 100%;
                    border-bottom: 1px solid #FFF;
                }
                .serch00 .wrap dl.layout01List dd{
                    color: #FFF;
                }
                    .serch00 .wrap dl.layout01List dd ul{
                        margin-bottom: 20px;
                        display:-ms-flexbox;/*--- IE10 ---*/
                        display:-webkit-flex;/*--- safari（PC）用 ---*/
                        display:flex;
                        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                        -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                        flex-wrap:wrap;
                        -webkit-justify-content:space-between; /* Safari */
                        justify-content:space-between;
                    }
                        .serch00 .wrap dl.layout01List dd ul li{
                            width: 50%;
                        }
                        .serch00 .wrap dl.layout01List dd ul li a{
                            color: #AAA;
                            padding-left: 20px;
                            background-image: url(https://car-clip.com/wp-content/themes/welcart_basic-nova/images/index/icon_right_arrow01_white.png);
                            background-repeat: no-repeat;
                            background-position: 0% 50%;
                            background-size: 6px;
                            text-decoration: underline;
                        }
                        
    /* layout01 ********************************/
    
    .serch01{
            padding: 30px 0;
            box-sizing: border-box;
            background-image: url(https://car-clip.com/wp-content/themes/welcart_basic-nova/images/index/bg_index01.png);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .serch01 h2{
            padding: 20px 0;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            color: #FFF;
            font-size: 20px;
            text-align: center;
            background-color: #000;
            line-height: 100%;
        }
            .serch01 h2 span{
                padding-left: 40px;
                background-image: url(https://car-clip.com/wp-content/themes/welcart_basic-nova/images/index/icon_serch01_white.png);
                background-repeat: no-repeat;
                background-position: 0% 50%;
                background-size: 30px;
            }
        .serch01 .wrap{
            padding: 30px;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            margin-bottom: 20px;
            background-color: rgba(0,0,0,0.6);
        }
            .serch01 .wrap dl.layout01List{
                width: 100%;
                margin-bottom: 20px;
            }
                .serch01 .wrap dl.layout01List dt{
                    margin-bottom: 10px;
                    padding-bottom: 5px;
                    color: #FFF;
                    font-size: 20px;
                    line-height: 100%;
                    border-bottom: 1px solid #FFF;
                }
                .serch01 .wrap dl.layout01List dd{
                    color: #FFF;
                }
                    .serch01 .wrap dl.layout01List dd ul{
                        margin-bottom: 20px;
                        display:-ms-flexbox;/*--- IE10 ---*/
                        display:-webkit-flex;/*--- safari（PC）用 ---*/
                        display:flex;
                        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                        -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                        flex-wrap:wrap;
                        -webkit-justify-content:space-between; /* Safari */
                        justify-content:space-between;
                    }
                        .serch01 .wrap dl.layout01List dd ul li{
                            width: 50%;
                        }
                        .serch01 .wrap dl.layout01List dd ul li a{
                            color: #AAA;
                            padding-left: 20px;
                            background-image: url(https://car-clip.com/wp-content/themes/welcart_basic-nova/images/index/icon_right_arrow01_white.png);
                            background-repeat: no-repeat;
                            background-position: 0% 50%;
                            background-size: 6px;
                            text-decoration: underline;
                        }
                        
                        
    /* layout02 ********************************/
    
    .serch02{
            padding: 30px 0;
            box-sizing: border-box;
/*            background-image: url(https://car-clip.com/wp-content/themes/welcart_basic-nova/images/index/bg_index01.png);
            background-repeat: no-repeat;
            background-size: cover;*/
        }
        .serch02 h2{
            padding: 20px 0;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            font-size: 20px;
            text-align: center;
            color: #FFF;
            /*background: linear-gradient(#2ed, #0bd);*/
            background-color: #ff9900;
            line-height: 100%;
        }
            .serch02 h2 span{

            }
        .serch02 .wrap{
            padding: 30px;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            border: 2px solid #ff9900;
        }
                    .serch02 .wrap ul{
                        margin-bottom: 20px;

                    }
                        .serch02 .wrap ul li{
                            width: 100%;
                        }
                        .serch02 .wrap ul li a{
                            padding-left: 20px;
                            background-image: url(https://car-clip.com/wp-content/themes/welcart_basic-nova/images/index/icon_right_arrow02_gray.png);
                            background-repeat: no-repeat;
                            background-position: 0% 50%;
                            background-size: 14px;
                            text-decoration: underline;
                        }

    /* layout03 ********************************/
    
    .serch03{
            padding: 30px 0;
            box-sizing: border-box;
            background-image: url(https://car-clip.com/wp-content/themes/welcart_basic-nova/images/index/bg_index02.png);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .serch03 h2{
            padding: 20px 0;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            color: #FFF;
            font-size: 20px;
            text-align: center;
            background-color: #000;
            line-height: 100%;
        }
            .serch03 h2 span{
                padding-left: 40px;
                background-image: url(https://car-clip.com/wp-content/themes/welcart_basic-nova/images/index/icon_serch01_white.png);
                background-repeat: no-repeat;
                background-position: 0% 50%;
                background-size: 30px;
            }
        .serch03 .wrap{
            padding: 30px;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            margin-bottom: 20px;
            display:-ms-flexbox;/*--- IE10 ---*/
            display:-webkit-flex;/*--- safari（PC）用 ---*/
            display:flex;
            -ms-flex-wrap:wrap;/*--- IE10用 ---*/
            -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
            flex-wrap:wrap;
            -webkit-justify-content:space-between; /* Safari */
            justify-content:space-between;
            background-color: rgba(0,0,0,0.7);
        }
           
            .serch03 .wrap p.text01{
                margin-bottom: 20px;
                color: #FFF;
            }
            .serch03 .wrap ul{
                margin-bottom: 20px;
                display:-ms-flexbox;/*--- IE10 ---*/
                display:-webkit-flex;/*--- safari（PC）用 ---*/
                display:flex;
                -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                flex-wrap:wrap;
                -webkit-justify-content:space-between; /* Safari */
                justify-content:space-between;
            }
                .serch03 .wrap ul li{
                    width: 48%;
                }
                .serch03 .wrap ul li a{
                    display: block;
                    width: 100%;
                    height: auto;
                }
                    .serch03 .wrap ul li a dl{
                        border-radius: 10px;
                        overflow: hidden;
                    }
                    .serch03 .wrap ul li a dl dt{}
                        .serch03 .wrap ul li a dl dt img{
                            display: block;
                            width: 100%;
                            height: auto;
                        }
                    .serch03 .wrap ul li a dl dd{
                        padding: 20px;
                        box-sizing: border-box;
                        background-color: #000;
                    }
                    .serch03 .wrap ul li a dl dd p{
                        color: #FFF;
                    }
                    .serch03 .wrap ul li a dl dd time{
                        color: #FFF;
                    }
                
    /* layout04 ********************************/
    
    .serch04{
            padding: 30px 0;
            box-sizing: border-box;
            background-color: #000;
        }
        .serch04 h2{
            padding: 20px 0;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            color: #FFF;
            font-size: 30px;
            text-align: center;
            background-color: #000;
            line-height: 100%;
        }
            .serch04 h2 span{

            }
        .serch04 .wrap{
            padding: 30px;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            margin-bottom: 20px;
            border: 2px solid #DDD;

        }
           
            .serch04 .wrap p.text01{
                margin-bottom: 20px;
                color: #FFF;
            }
            .serch04 .wrap ul{
                margin-bottom: 20px;

            }

                .serch04 .wrap .flowListArea ul li{
                    padding: 20px;
                    display: block;
                    width: 100%;
                    display:-ms-flexbox;/*--- IE10 ---*/
                    display:-webkit-flex;/*--- safari（PC）用 ---*/
                    display:flex;
                    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                    flex-wrap:wrap;
                    -webkit-justify-content:space-between; /* Safari */
                    justify-content:space-between;
                    border-bottom: 1px solid #FFF;
                }
                .serch04 .wrap .flowListArea ul li:last-child{
                    padding-right: 0;
                    background-image:none;
                    border-bottom: none;

                }
                    .serch04 .wrap .flowListArea ul li span{
                        margin: 0;
                        display: block;
                        width: 10%;
                        height: auto;
                        font-size: 50px;
                        line-height: 100%;
                        color: #FFF;
                        text-align: center;
                    }
                    .serch04 .wrap .flowListArea ul li p{
                        margin: 0;
                        display: block;
                        width: 80%;
                        height: auto;
                        color: #FFF;
                    }
    
}

@media screen and (min-width: 601px) {
    /********************************************

    *** 共通

    ********************************************/
    .contents{
        margin-left: auto;
        margin-right: auto;
        width: 1000px;
        background-color: #FFF;
    }
    .contentsFull{
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .contentsFull .contentsFullWrap{
        margin-left: auto;
        margin-right: auto;
        width: 1000px;
        background-color: #FFF;
    }
    
    .contentsWrap{
        padding: 20px;
        box-sizing: border-box;
    }



    /********************************************

    *** ヘッダー

    ********************************************/

    /* headerArea ********************/

    .headerArea{}
    .headerArea .wrap{
        padding: 20px;
        box-sizing: border-box;
    }
    .headerArea .headerTitle{
        margin: 0 0 20px;
        font-size: 48px;
        line-height: 110%;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .headerArea .headerTitle span{
        color: #F90;
    }
    .headerArea .headerImgArea{
        margin: 0;
        padding: 110px 0 0;
        box-sizing: border-box;
        display: block;
        text-align: center;
        font-size: 40px;
        height: 400px;
        width: 1000px;
        background-image: url(https://car-clip.com/wp-content/themes/welcart_basic-nova/images/special/air/air_main.png);
        background-repeat: no-repeat;
        background-size: cover;
        color: #FFF;
        font-size: 50px;
    }
    .headerArea .headerImgArea span.headerImgArea01{
        margin: 0 0 20px;
        font-size: 50px;
        display: block;
        line-height: 100%;
    }
    .headerArea .headerImgArea span.headerImgArea02{
        font-size: 100px;
        display: block;
        line-height: 100%;
    }

    /********************************************
    ** main
    ********************************************/
    .mainImageArea{
        margin-bottom: 20px;
        /*padding: 20px 0;*/
        background-color: #000;
    }
    .mainImageArea .wrap{
        margin: 0 auto;
        /*width: 1000px;*/
    }
    
    
    
    /********************************************
    ** ボタン
    ********************************************/
    .linkBtn01{
        display: block;
        padding: 20px;
        box-sizing: border-box;
        text-align: center;
        background-color: #FF9900;
        color: #FFF;
        font-size: 18px;
        display: block;
        width: 100%;
        border-radius: 10px;
    }
    .linkBtn01:hover{
        background-color: #FF3300;
        color: #FFF;
    }
    
    /********************************************
    ** ニュース
    ********************************************/
    .newsArea{
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        width: 1000px;
    }
        .newsArea h2{
            padding: 20px;
            box-sizing: border-box;
            display: block;
            font-size: 30px;
            text-align: center;
            background-color: #EEE;
            line-height: 100%;
        }
        .newsArea h2 ruby{
            margin-top: 5px;
            display: block;
            font-size: 14px;
            text-align: center;
            line-height: 100%;
        }
        .newsArea ul{}
            .newsArea ul li{
                border-bottom: 1px solid #EEE;
            }
                .newsArea ul li a{
                    padding: 20px 0;
                    box-sizing: border-box;
                    display:-ms-flexbox;/*--- IE10 ---*/
                    display:-webkit-flex;/*--- safari（PC）用 ---*/
                    display:flex;
                    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                    flex-wrap:wrap;
                    -webkit-justify-content: space-between; /* Safari */
                    justify-content:         space-between;
                }
                    .newsArea ul li a time{
                        width: 30%;
                        display: block;
                    }
                    .newsArea ul li a p{
                        width: 70%;
                    }
    
    
    /********************************************
    ** ブログ　（トップページ）
    ********************************************/
    .blogArea {
        background-color: #ddd;
        padding: 30px 0 30px;
        margin: 0 0 30px;
    }
        .blogArea h2{
            padding: 20px;
            box-sizing: border-box;
            display: block;
            font-size: 30px;
            text-align: center;
            line-height: 100%;
            /*background-color: #EEE;
            width: 1000px; 
            margin: auto;*/
        }
        .blogArea h2 ruby{
            margin-top: 5px;
            display: block;
            font-size: 14px;
            text-align: center;
            line-height: 100%;
        }
        .blogArea ul {
            width: 1000px;
            margin: auto;
            box-sizing: border-box;
            display:-ms-flexbox;/*--- IE10 ---*/
            display:-webkit-flex;/*--- safari（PC）用 ---*/
            display:flex;
            -ms-flex-wrap:wrap;/*--- IE10用 ---*/
            -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
            flex-wrap:wrap;
            -webkit-justify-content: space-evenly; /* Safari */
            justify-content:         space-evenly;
        }
        .blogArea ul li {
            width: 30%;
            display: block;
            background-color: #fff;
            padding: 15px;
            margin: 20px 0;
            border-left: 20px double #eee;
        }
        .blogArea ul li img {
            width: 100%;
            height: 260px;
            display: block;
            margin: 0 0 10px;
            object-fit: cover;
        }
        .blogArea time {
            border: 1px solid;
            padding: 2px 7px 0px;
            margin: 0 0 5px;
            display: inline-block;
            font-size: 90%;
        }



    /********************************************
    ** layout
    ********************************************/

    /* layout00 ********************************/
    
    .serch00{
            padding: 30px 0;
            box-sizing: border-box;
            background-image: url(https://car-clip.com/wp-content/themes/welcart_basic-nova/images/index/bg_index03.png);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .serch00 h2{
            padding: 20px 0;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
            width: 1000px;
            color: #FFF;
            font-size: 30px;
            text-align: center;
            background-color: #000;
            line-height: 100%;
        }
            .serch00 h2 span{
                padding-left: 40px;
                background-image: url(https://car-clip.com/wp-content/themes/welcart_basic-nova/images/index/icon_serch01_white.png);
                background-repeat: no-repeat;
                background-position: 0% 50%;
                background-size: 30px;
            }
        .serch00 .wrap{
            padding: 30px;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
            width: 1000px;
            margin-bottom: 20px;
            display:-ms-flexbox;/*--- IE10 ---*/
            display:-webkit-flex;/*--- safari（PC）用 ---*/
            display:flex;
            -ms-flex-wrap:wrap;/*--- IE10用 ---*/
            -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
            flex-wrap:wrap;
            -webkit-justify-content:space-between; /* Safari */
            justify-content:space-between;
            background-color: rgba(0,0,0,0.6);
        }
            .serch00 .wrap dl.layout01List{
                width: 48%;
            }
                .serch00 .wrap dl.layout01List dt{
                    margin-bottom: 10px;
                    padding-bottom: 5px;
                    color: #FFF;
                    font-size: 20px;
                    line-height: 100%;
                    border-bottom: 1px solid #FFF;
                }
                .serch00 .wrap dl.layout01List dd{
                    color: #FFF;
                }
                    .serch00 .wrap dl.layout01List dd ul{
                        margin-bottom: 20px;
                        display:-ms-flexbox;/*--- IE10 ---*/
                        display:-webkit-flex;/*--- safari（PC）用 ---*/
                        display:flex;
                        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                        -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                        flex-wrap:wrap;
                        -webkit-justify-content:space-between; /* Safari */
                        justify-content:space-between;
                    }
                        .serch00 .wrap dl.layout01List dd ul li{
                            width: 50%;
                        }
                        .serch00 .wrap dl.layout01List dd ul li a{
                            color: #AAA;
                            padding-left: 20px;
                            background-image: url(https://car-clip.com/wp-content/themes/welcart_basic-nova/images/index/icon_right_arrow01_white.png);
                            background-repeat: no-repeat;
                            background-position: 0% 50%;
                            background-size: 6px;
                            text-decoration: underline;
                        }
                        
                        
    /* layout01 ********************************/
    
    .serch01{
            padding: 30px 0;
            box-sizing: border-box;
            background-image: url(https://car-clip.com/wp-content/themes/welcart_basic-nova/images/index/bg_index01.png);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .serch01 h2{
            padding: 20px 0;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
            width: 1000px;
            color: #FFF;
            font-size: 30px;
            text-align: center;
            background-color: #000;
            line-height: 100%;
        }
            .serch01 h2 span{
                padding-left: 40px;
                background-image: url(https://car-clip.com/wp-content/themes/welcart_basic-nova/images/index/icon_serch01_white.png);
                background-repeat: no-repeat;
                background-position: 0% 50%;
                background-size: 30px;
            }
        .serch01 .wrap{
            padding: 30px;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
            width: 1000px;
            margin-bottom: 20px;
            display:-ms-flexbox;/*--- IE10 ---*/
            display:-webkit-flex;/*--- safari（PC）用 ---*/
            display:flex;
            -ms-flex-wrap:wrap;/*--- IE10用 ---*/
            -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
            flex-wrap:wrap;
            -webkit-justify-content:space-between; /* Safari */
            justify-content:space-between;
            background-color: rgba(0,0,0,0.6);
        }
            .serch01 .wrap dl.layout01List{
                width: 48%;
            }
                .serch01 .wrap dl.layout01List dt{
                    margin-bottom: 10px;
                    padding-bottom: 5px;
                    color: #FFF;
                    font-size: 20px;
                    line-height: 100%;
                    border-bottom: 1px solid #FFF;
                }
                .serch01 .wrap dl.layout01List dd{
                    color: #FFF;
                }
                    .serch01 .wrap dl.layout01List dd ul{
                        margin-bottom: 20px;
                        display:-ms-flexbox;/*--- IE10 ---*/
                        display:-webkit-flex;/*--- safari（PC）用 ---*/
                        display:flex;
                        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                        -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                        flex-wrap:wrap;
                        -webkit-justify-content:space-between; /* Safari */
                        justify-content:space-between;
                    }
                        .serch01 .wrap dl.layout01List dd ul li{
                            width: 50%;
                        }
                        .serch01 .wrap dl.layout01List dd ul li a{
                            color: #AAA;
                            padding-left: 20px;
                            background-image: url(https://car-clip.com/wp-content/themes/welcart_basic-nova/images/index/icon_right_arrow01_white.png);
                            background-repeat: no-repeat;
                            background-position: 0% 50%;
                            background-size: 6px;
                            text-decoration: underline;
                        }
                        
                        
    /* layout02 ********************************/
    
    .serch02{
            padding: 30px 0;
            box-sizing: border-box;
/*            background-image: url(https://car-clip.com/wp-content/themes/welcart_basic-nova/images/index/bg_index01.png);
            background-repeat: no-repeat;
            background-size: cover;*/
        }
        .serch02 h2{
            padding: 20px 0;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
            width: 1000px;
            font-size: 30px;
            text-align: center;
            color: #FFF;
            /*background: linear-gradient(#2ed, #0bd);*/
            background-color: #ff9900;
            line-height: 100%;
        }
            .serch02 h2 span{

            }
        .serch02 .wrap{
            padding: 30px;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
            width: 1000px;
            border: 2px solid #ff9900;
        }
                    .serch02 .wrap ul{
                        margin-bottom: 20px;
                        display:-ms-flexbox;/*--- IE10 ---*/
                        display:-webkit-flex;/*--- safari（PC）用 ---*/
                        display:flex;
                        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                        -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                        flex-wrap:wrap;
                        -webkit-justify-content:space-between; /* Safari */
                        justify-content:space-between;
                    }
                        .serch02 .wrap ul li{
                            width: 50%;
                        }
                        .serch02 .wrap ul li a{
                            padding-left: 20px;
                            background-image: url(https://car-clip.com/wp-content/themes/welcart_basic-nova/images/index/icon_right_arrow02_gray.png);
                            background-repeat: no-repeat;
                            background-position: 0% 50%;
                            background-size: 14px;
                            text-decoration: underline;
                        }

    /* layout03 ********************************/
    
    .serch03{
            padding: 30px 0;
            box-sizing: border-box;
            background-image: url(https://car-clip.com/wp-content/themes/welcart_basic-nova/images/index/bg_index02.png);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .serch03 h2{
            padding: 20px 0;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
            width: 1000px;
            color: #FFF;
            font-size: 30px;
            text-align: center;
            background-color: #000;
            line-height: 100%;
        }
            .serch03 h2 span{
                padding-left: 40px;
                background-image: url(https://car-clip.com/wp-content/themes/welcart_basic-nova/images/index/icon_serch01_white.png);
                background-repeat: no-repeat;
                background-position: 0% 50%;
                background-size: 30px;
            }
        .serch03 .wrap{
            padding: 30px;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
            width: 1000px;
            margin-bottom: 20px;
            display:-ms-flexbox;/*--- IE10 ---*/
            display:-webkit-flex;/*--- safari（PC）用 ---*/
            display:flex;
            -ms-flex-wrap:wrap;/*--- IE10用 ---*/
            -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
            flex-wrap:wrap;
            -webkit-justify-content:space-between; /* Safari */
            justify-content:space-between;
            background-color: rgba(0,0,0,0.7);
        }
           
            .serch03 .wrap p.text01{
                margin-bottom: 20px;
                color: #FFF;
            }
            .serch03 .wrap ul{
                margin-bottom: 20px;
                display:-ms-flexbox;/*--- IE10 ---*/
                display:-webkit-flex;/*--- safari（PC）用 ---*/
                display:flex;
                -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                flex-wrap:wrap;
                -webkit-justify-content:space-between; /* Safari */
                justify-content:space-between;
            }
                .serch03 .wrap ul li{
                    width: 32%;
                }
                .serch03 .wrap ul li a{
                    display: block;
                    width: 100%;
                    height: auto;
                }
                    .serch03 .wrap ul li a dl{
                        border-radius: 10px;
                        overflow: hidden;
                    }
                    .serch03 .wrap ul li a dl dt{}
                        .serch03 .wrap ul li a dl dt img{
                            display: block;
                            width: 100%;
                            height: auto;
                        }
                    .serch03 .wrap ul li a dl dd{
                        padding: 20px;
                        box-sizing: border-box;
                        background-color: #000;
                    }
                    .serch03 .wrap ul li a dl dd p{
                        color: #FFF;
                    }
                    .serch03 .wrap ul li a dl dd time{
                        color: #FFF;
                    }
                
    /* layout04 ********************************/
    
    .serch04{
            padding: 30px 0;
            box-sizing: border-box;
            background-color: #000;
        }
        .serch04 h2{
            padding: 20px 0;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
            width: 1000px;
            color: #FFF;
            font-size: 30px;
            text-align: center;
            background-color: #000;
            line-height: 100%;
        }
            .serch04 h2 span{

            }
        .serch04 .wrap{
            padding: 30px;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
            width: 1000px;
            margin-bottom: 20px;
            border: 2px solid #DDD;

        }
           
            .serch04 .wrap p.text01{
                margin-bottom: 20px;
                color: #FFF;
            }
            .serch04 .wrap ul{
                margin-bottom: 20px;
                display:-ms-flexbox;/*--- IE10 ---*/
                display:-webkit-flex;/*--- safari（PC）用 ---*/
                display:flex;
                -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                flex-wrap:wrap;
                -webkit-justify-content:space-between; /* Safari */
                justify-content:space-between;
            }

                .serch04 .wrap .flowListArea ul li{
                    padding-right: 5%;
                    display: block;
                    width: 30%;
                    display:-ms-flexbox;/*--- IE10 ---*/
                    display:-webkit-flex;/*--- safari（PC）用 ---*/
                    display:flex;
                    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                    flex-wrap:wrap;
                    -webkit-justify-content:space-between; /* Safari */
                    justify-content:space-between;
                    background-image: url(https://car-clip.com/wp-content/themes/welcart_basic-nova/images/index/icon_right_arrow01_white.png);
                    background-repeat: no-repeat;
                    background-position: 100% 50%;
                    background-size: 20px;
                }
                .serch04 .wrap .flowListArea ul li:last-child{
                    padding-right: 0;
                    background-image:none;

                }
                    .serch04 .wrap .flowListArea ul li span{
                        margin: 0;
                        display: block;
                        width: 10%;
                        height: auto;
                        font-size: 50px;
                        line-height: 100%;
                        color: #FFF;
                    }
                    .serch04 .wrap .flowListArea ul li p{
                        margin: 0;
                        display: block;
                        width: 80%;
                        height: auto;
                        color: #FFF;
                    }

}