@charset "UTF-8";

/*font追加 231004更新分　cbgb-font*/
@font-face {
  font-family: "cbgb-font";
  src: url("/wp-content/themes/heesey/font/CBGBFontSolid.ttf") format("TrueType"), url("/wp-content/themes/heesey/font/CBGBFontSolid.woff2") format("woff2"), url("/wp-content/themes/heesey/font/CBGBFontSolid.woff") format("woff");}

/* 202310写真差し替え*/
.parallax_img_1 {
  background-position: 50% 50% !important;
  background: url(/wp-content/themes/heesey/img/top_img01_2023.jpg?0929);
}

.parallax_img_2 {
  background-position: 50% 30% !important;
  background: url(/wp-content/themes/heesey/img/top_img02_2023.jpg?0929);
}

.parallax_img_3 {
  background-position: 50% 23% !important;
  background: url(/wp-content/themes/heesey/img/top_img03_2023.jpg?0929);
}
.parallax_img_info {
  background-position: 50% 17% !important;
  background: url(/wp-content/themes/heesey/img/foot2023_info.jpg?0929);
}
.parallax_img_blog {
  background-position: 50% 10% !important;
  background: url(/wp-content/themes/heesey/img/foot2023_say.jpg?0929);
}

.parallax_img_store {
  background-position: 50% 25% !important;
  background: url(/wp-content/themes/heesey/img/foot2023_store.jpg?0929);
}

.parallax_img_live {
  background-position: 50% 40% !important;
  background: url(/wp-content/themes/heesey/img/foot2023_live.jpg?0929);
}

.parallax_img_profile {
  background-position: 50% 10% !important;
  background: url(/wp-content/themes/heesey/img/foot2023_profile.jpg?0929);
}

.parallax_img_disco {
  background-position: 50% 30% !important;
  background: url(/wp-content/themes/heesey/img/foot2023_disco.jpg?0929);
}

.parallax_img_hee_wall {
  background-position: 50% 27% !important;
  background: url(/wp-content/themes/heesey/img/foot2023_wall.jpg?0929);
}


/* 202310 写真変更による座標変更 */
#head_logo{
    padding: 10% 0 0 0 !important;
}

/* 202310 写真変更による文字色調整 黄色に設定*/
ul#head_menu li a span.typo_red {
  color: #ffff00;
  display: inline;
  padding: 0;
}

/* S表示されない問題あり、画像で処理*/
ul#head_menu li img{
    filter: invert(93%) sepia(71%) saturate(1197%) hue-rotate(360deg) brightness(101%) contrast(100%);
    width: 37px;
    height: auto;
}
/*タイトル画像にした場合のサイズ調整*/
.page_content .box h3 img {
    width: auto !important; 
    max-width: 100%; 
    height: 40px;}
/* Store カテゴリを画像にした調整*/
h3.category_title{
    font-size: 16px !important;
}
span.cat_indent{
    font-size: 18px !important;
}

footer .menu-menu-container ul li{
    line-height: 1.5em !important;
}

ul#foot_menu li img{
    width: 16px;
    height: auto;    
    filter: brightness(0) invert(1);
    vertical-align: baseline;
}
ul#foot_menu li:hover{
    opacity: 0.7;
}
ul#head_menu{
    bottom:15% !important;
}
div.sns_box{
    bottom:13% !important;    
}
/* ログイン固定*/
.login-menu{
    position: fixed;
    width: 100%;
    background: #000;
    height: 35px;
    z-index: 9999;
}
.login-menu ul{
    display: flex;
    justify-content: flex-end;
}
.login-menu ul li{
    padding-right: 30px;
    list-style: none !important;
    font-family: "cbgb-font" !important;
    line-height: 35px;
    font-size: 120%;
}
.login-menu ul li a{
    color: #fff;    
}


/* menu font*/
ul#head_menu li{
    font-family: "cbgb-font" !important;
    width: 360px !important;
    font-size: 24px !important;
}
ul#head_menu li a span{
    letter-spacing: 1px !important;
}
/* menu 大文字*/
ul#head_menu li .font-big{
    font-size: 1.5em;
    display: unset;
    padding: 0;
}

footer .menu-menu-container ul{
    font-family: "cbgb-font" !important;    
    font-size: 14px !important;
}
/* Menu　黒から黄色へ*/
ul#head_menu li a{
  color: #ffff00 !important;
}
/* ハイフン　*/
span.hyphen {
  display: inline;
  padding: 0 3px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  font-size: 100%;
}
.main-title{
    font-family: "cbgb-font" !important;    
    text-align: center;
    font-size: 38px;
}
.main-title,.main-title:hover, .main-title:focus, .main-title:active,.main-title:visited{
    color: #fff !important;
}
/*202310色は黄色に*/
.title-star{
  color: #fff;
  display: inline;
  padding: 0;    
}
p.post-time{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.menu-item-10809 a, .menu-item-10809 span, .menu-item-10812 a, .menu-item-10812 span{
    color: #ffff00 !important;
}

#foot_menu .menu-item-10809 a, #foot_menu .menu-item-10809 span, #foot_menu .menu-item-10812 a, #foot_menu .menu-item-10812 span{
    color: #fff !important;
}
p.read_more{
    font-size: 30px !important;
    font-family: "cbgb-font" !important;        
}
/* title */
.min-title {
  font-size: 20px;
  line-height: 45px;
    font-family: "cbgb-font" !important; 
}
/*infoフォント変更*/
ul.store_category li,
.category_title,
td.post-cate{
    font-family: "cbgb-font" !important;     
}

.font-purple {
  color: #8d6ac8;
}
.font-s{
    font-size: 70%;
}

/* HEE-TUBE*/
.tube-f{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.tube-archive-box{
    width: 25%;
    color: #fff;
    margin-bottom: 20px;
    padding: 0 5px;
}
.tube-thum{
    width: auto;
    height: 190px;
}
.tube-thum img{
    object-fit: contain;
    object-position: center top;
    height: 180px;
}
.tube-archive-title a{
    color: #fff;
    font-weight: bold;
}
.tube-archive-title p{
    font-size: 90%;
    margin-bottom: 5px !important;
}
.tube-archive-comment{
    text-align: right;
}
.tube-archive-title a:visited {
  color: #fff;
}

.tube-archive-title a:hover,
.tube-archive-title a:focus,
.tube-archive-title a:active {
  color: #aaa;
}

.parallax_img_tube {
  background-position: 50% 30% !important;
  background: url(/wp-content/themes/heesey/img/live_foot.jpg);
}

/*最新のコメントを大きく*/
.new-comment{
    font-size: 16px !important;
}

.wp-pagenavi{
    width: 100%;
}