/********************************************************************************************
    ファイル名： kamicone.css
    概要      ： 汎用css（追加分）
    作成      : 2021/02/10
    ver       : v00.00.01
********************************************************************************************/
@charset "UTF-8";

body {
    position: static;
}

.clOpenMenu {
    display: block;
}

/*** メニューロゴ部分 ***/
.clLogoSmall {
    display: inline-block;
    width: 50px;
    height: 50px;
}

.clLogoText {
    display: inline-block;
    width: 142px;
    height: 30px;
}

@media (max-width: 750px) {
    .clLogoSmall {
        display: inline-block;
        width: 30px;
        height: 30px;
    }

    .clLogoText {
        display: inline-block;
        width: 103px;
        height: 22px;
    }
}


.clLogoSmall img,
.clLogoText img {
    width: 100%;
    height: auto;
}


/*** スクロールでコンテンツを浮かび上がらせる ***/
.clFadeIn {
  opacity: 0;
  transition: all .5s ease;
}

.clFadeIn.clShow {
  opacity: 1;
  transform: none;
}

.clSlideUp {
  transform: translate(0, 100px);
}

.clSlideLeft {
  transform: translate(100px, 0);
}

/*** END ***/