@charset "UTF-8";
/* CSS Document */

/*モーダル関連 css上書き用 */ 
.modaal-container {
    position: relative;
    display: inline-block;
    margin: auto;
    text-align: left;
    color: #000;
    max-width: 600px;
    border-radius: 0px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    cursor: auto;
}
.modaal-content-container {
    padding: 0;
}
.modaal-inner-wrapper {
    padding: 80px 10px;
}

.modaal-close {
    right: 0px;
    top: 10px;
}/*×のポジション*/ 
    
.modaal-close:focus,
 .modaal-close:hover {
    outline: none;
    background: transparent;
}
.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {
    background: #FFF;
}
.modaal-close:before,
.modaal-close:after {
    width: 2px;
}
   
    
/*ホバー関連 コンテナ*/    
.cc-imagewrapper {
    position: relative;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}
/*ホバー関連 黒帯*/ 
.cc-imagewrapper figcaption {
    position: absolute;
    background: rgba(0,0,0,0.75);
    color: #FFF;
    text-align: left;
    height: 50px;
    line-height: 50px;
    bottom: -50px;
    -webkit-transition: .2s;
    transition: .2s;
    width : 600px;
    padding-left: 1.3rem;
}
.cc-imagewrapper:hover figcaption {
    bottom: 0px;
}
.cc-imagewrapper img {
    width: 100%;
    vertical-align: bottom;
}