/*
Theme Name: kagamination
Theme URI: https://kagamination.net/
Version: 1.0
*/


/***************
    共通
*****************/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  line-height: 1.8;
}

body {
  line-height:2.25;
  font-family: Noto Sans JP, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight:400;
  letter-spacing: -0.01em;
}

body:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url('/wp-content/themes/kagamination/img/bodybg.png') center no-repeat;
  background-size:cover;
}


.noto-serif {
  font-family: Noto Serif JP;
}

.lh12 { line-height: 1.2; }
.lh15 { line-height: 1.5; }

.tsw2l {
   text-shadow: white 2px 0px 4px, white -2px 0px 4px, white 0px -2px 4px, white 0px 2px 4px;
}

.tsw4 {
   text-shadow: white 4px 0px 8px, white -4px 0px 8px, white 0px -4px 8px, white 0px 4px 8px,
     white 4px 4px 8px, white -4px 4px 8px, white 4px -4px 8px, white -4px -4px 8px; 
}


/***************
    各ページ
*****************/

@media screen and (max-width: 768px) {
    #spec table td {display:block; line-height:1.6;}
    #spec table td:first-child { font-weight: bold; text-decoration: underline; }
    #spec table td:last-child { border-top:none;}
}

#main_kagamination2 h2 {
    background: url('/wp-content/themes/kagamination/img/h2bg_kagamination2.png') no-repeat center center / cover;
}

#main_rinkyo h2 {
    background: url('/wp-content/themes/kagamination/img/h2bg_rinkyo.png') no-repeat center center / cover;
}

#main_lenkou h2 {
    background: url('/wp-content/themes/kagamination/img/h2bg_lenkou.png') no-repeat center center / cover;
}

.page h3:after {
    content: "";
    height:8vw;
    max-width:640px;
    max-height:60px;
    margin: -10px auto 20px;
    display:block;
    background: url('/wp-content/themes/kagamination/img/h3bg-light.png') no-repeat bottom center / 100% auto;
}

.page .member-list > div {
    background: url('/wp-content/themes/kagamination/img/member_bg.png') no-repeat bottom center / cover;
}

@media (min-width: 576px) {
  .page h3:after {
    margin: -20px auto 20px;
  }

}