/* 
    Created on : 2018/11/22, 15:21:05
    Author     : kkikuchi
*/

@charset "UTF-8";

/* transision
===========================================================*/

.transition{
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
}

/* ボーダーボックス
===========================================================*/

.border-box{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/* background-cover
===========================================================*/

.img_cover{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow:  hidden;
    white-space: nowrap;
    text-indent: 200%;
    height: 0;
}
figure.img_cover{
    margin: 0;
}
/* hover_figure_wrap
===========================================================*/

.hover_figure_wrap{
    overflow: hidden;
    position: relative;
}

.hover_figure_wrap .hover_figure,
.hover_figure_wrap .img_cover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: transform 2s linear 0s;
    -o-transition: transform 2s linear 0s;
    -ms-transition: transform 2s linear 0s;
    -moz-transition: transform 2s linear 0s;
    transition: transform 2s linear 0s;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}


.normal .hover_figure_wrap:hover .hover_figure,
.normal .hover_figure_wrap:hover .img_cover{
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}


/* opacity
===========================================================*/

.opacity000{
    -ms-filter: "alpha(opacity=0)" ;
    -khtml-opacity: 0 !important;
    filter: alpha(opacity=0);
    -moz-opacity: 0 !important;
    opacity: 0 !important;
}
.opacity100{
    -ms-filter: "alpha(opacity=100)" ;
    -khtml-opacity: 1 !important;
    filter: alpha(opacity=100);
    -moz-opacity: 1 !important;
    opacity: 1 !important;	
}

/* clearfix
===========================================================*/
.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    visibility: hidden;
    height:0 !important;}
.clearfix {
    min-height: 1%;
}

* html .clearfix {
    height: 1%;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}

/* white-space
===========================================================*/

.ws-nowrap{ white-space: nowrap; !important}
.ws-normal{ white-space: normal; !important}

/* float
===========================================================*/

.flR { float: right !important;}
.flL { float: left !important;}
.clear { clear: both !important;}

/* .block
===========================================================*/

.block{ display: block !important; }

/* .inline-block
===========================================================*/

.inline-block{ display: inline-block !important; }

/* .none
===========================================================*/


.none{ display: none !important;}

/* text-align
===========================================================*/

.tal { text-align: left !important;}
.tac { text-align: center !important;}
.tar { text-align: right !important;}

/* vertical-align
===========================================================*/

.vat{ vertical-align: top !important; }
.vam{ vertical-align: middle !important; }
.vab{ vertical-align: bottom !important; }

/* pc */
@media all and (min-width: 951px) {
    /* transision
    ===========================================================*/

    .pc_transition{
        transition: all 0.4s ease 0s;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
    }

    /* ボーダーボックス
    ===========================================================*/

    .pc_border-box{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* background-cover
    ===========================================================*/

    .pc_img_cover{
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        overflow:  hidden;
        white-space: nowrap;
        text-indent: 200%;
    }

    /* opacity
    ===========================================================*/

    .pc_opacity000{
        -ms-filter: "alpha(opacity=0)" ;
        -khtml-opacity: 0 !important;
        filter: alpha(opacity=0);
        -moz-opacity: 0 !important;
        opacity: 0 !important;
    }
    .pc_opacity100{
        -ms-filter: "alpha(opacity=100)" ;
        -khtml-opacity: 1 !important;
        filter: alpha(opacity=100);
        -moz-opacity: 1 !important;
        opacity: 1 !important;	
    }

    /* clearfix
    ===========================================================*/
    .pc_clearfix:after {
        content: ""; 
        display: block;
        clear: both;
        visibility: hidden;
        height:0 !important;}
    .pc_clearfix {
        min-height: 1%;
    }

    * html .pc_clearfix {
        height: 1%;
        /*¥*//*/
        height: auto;
        overflow: hidden;
        /**/
    }

    /* white-space
    ===========================================================*/

    .pc_ws-nowrap{ white-space: nowrap; !important}
    .pc_ws-normal{ white-space: normal; !important}

    /* float
    ===========================================================*/

    .pc_flR { float: right !important;}
    .pc_flL { float: left !important;}
    .pc_clear { clear: both !important;}

    /* .pc_block
    ===========================================================*/

    .pc_block{ display: block !important; }

    /* .pc_inline-block
    ===========================================================*/

    .pc_inline-block{ display: inline-block !important; }

    /* .pc_none
    ===========================================================*/


    .pc_none{ display: none !important;}

    /* text-align
    ===========================================================*/

    .pc_tal { text-align: left !important;}
    .pc_tac { text-align: center !important;}
    .pc_tar { text-align: right !important;}

    /* vertical-align
    ===========================================================*/

    .pc_vat{ vertical-align: top !important; }
    .pc_vam{ vertical-align: middle !important; }
    .pc_vab{ vertical-align: bottom !important; }
}

/* pad */
@media screen and (min-width: 701px ) and (max-width: 950px) {
    /* transision
    ===========================================================*/

    .pad_transition{
        transition: all 0.4s ease 0s;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
    }

    /* ボーダーボックス
    ===========================================================*/

    .pad_border-box{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* background-cover
    ===========================================================*/

    .pad_img_cover{
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        overflow:  hidden;
        white-space: nowrap;
        text-indent: 200%;
    }

    /* opacity
    ===========================================================*/

    .pad_opacity000{
        -ms-filter: "alpha(opacity=0)" ;
        -khtml-opacity: 0 !important;
        filter: alpha(opacity=0);
        -moz-opacity: 0 !important;
        opacity: 0 !important;
    }
    .pad_opacity100{
        -ms-filter: "alpha(opacity=100)" ;
        -khtml-opacity: 1 !important;
        filter: alpha(opacity=100);
        -moz-opacity: 1 !important;
        opacity: 1 !important;	
    }

    /* clearfix
    ===========================================================*/
    .pad_clearfix:after {
        content: ""; 
        display: block;
        clear: both;
        visibility: hidden;
        height:0 !important;}
    .pad_clearfix {
        min-height: 1%;
    }

    * html .pad_clearfix {
        height: 1%;
        /*¥*//*/
        height: auto;
        overflow: hidden;
        /**/
    }

    /* white-space
    ===========================================================*/

    .pad_ws-nowrap{ white-space: nowrap; !important}
    .pad_ws-normal{ white-space: normal; !important}

    /* float
    ===========================================================*/

    .pad_flR { float: right !important;}
    .pad_flL { float: left !important;}
    .pad_clear { clear: both !important;}

    /* .pad_block
    ===========================================================*/

    .pad_block{ display: block !important; }

    /* .pad_inline-block
    ===========================================================*/

    .pad_inline-block{ display: inline-block !important; }

    /* .pad_none
    ===========================================================*/


    .pad_none{ display: none !important;}

    /* text-align
    ===========================================================*/

    .pad_tal { text-align: left !important;}
    .pad_tac { text-align: center !important;}
    .pad_tar { text-align: right !important;}

    /* vertical-align
    ===========================================================*/

    .pad_vat{ vertical-align: top !important; }
    .pad_vam{ vertical-align: middle !important; }
    .pad_vab{ vertical-align: bottom !important; }

}

/* sp */
@media screen and (max-width: 700px) {
    /* transision
    ===========================================================*/

    .sp_transition{
        transition: all 0.4s ease 0s;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
    }

    /* ボーダーボックス
    ===========================================================*/

    .sp_border-box{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* background-cover
    ===========================================================*/

    .sp_img_cover{
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        overflow:  hidden;
        white-space: nowrap;
        text-indent: 200%;
    }

    /* opacity
    ===========================================================*/

    .sp_opacity000{
        -ms-filter: "alpha(opacity=0)" ;
        -khtml-opacity: 0 !important;
        filter: alpha(opacity=0);
        -moz-opacity: 0 !important;
        opacity: 0 !important;
    }
    .sp_opacity100{
        -ms-filter: "alpha(opacity=100)" ;
        -khtml-opacity: 1 !important;
        filter: alpha(opacity=100);
        -moz-opacity: 1 !important;
        opacity: 1 !important;	
    }

    /* clearfix
    ===========================================================*/
    .sp_clearfix:after {
        content: ""; 
        display: block;
        clear: both;
        visibility: hidden;
        height:0 !important;}
    .sp_clearfix {
        min-height: 1%;
    }

    * html .sp_clearfix {
        height: 1%;
        /*¥*//*/
        height: auto;
        overflow: hidden;
        /**/
    }

    /* white-space
    ===========================================================*/

    .sp_ws-nowrap{ white-space: nowrap; !important}
    .sp_ws-normal{ white-space: normal; !important}

    /* float
    ===========================================================*/

    .sp_flR { float: right !important;}
    .sp_flL { float: left !important;}
    .sp_clear { clear: both !important;}

    /* .sp_block
    ===========================================================*/

    .sp_block{ display: block !important; }

    /* .sp_inline-block
    ===========================================================*/

    .sp_inline-block{ display: inline-block !important; }

    /* .sp_none
    ===========================================================*/


    .sp_none{ display: none !important;}

    /* text-align
    ===========================================================*/

    .sp_tal { text-align: left !important;}
    .sp_tac { text-align: center !important;}
    .sp_tar { text-align: right !important;}

    /* vertical-align
    ===========================================================*/

    .sp_vat{ vertical-align: top !important; }
    .sp_vam{ vertical-align: middle !important; }
    .sp_vab{ vertical-align: bottom !important; }

}

/*---------------------- 基本メディアクエリー --------------------- */

/* pc */
@media all and (min-width: 951px) {
}

/* pad */
@media screen and (min-width: 701px ) and (max-width: 950px) {
}

/* sp */
@media screen and (max-width: 700px) {
}