html {scroll-behavior: smooth; }
body {font-family: "Noto Sans JP", sans-serif; font-weight:400; background-color: #bbbbbb; -webkit-text-size-adjust: 100%;}

 /* FONT */

    a:link {font-weight: bold; text-decoration:none; color: #ff6633; }
    a:visited {font-weight: bold; text-decoration:none; color: #ff6633; }
    a:active {font-weight: bold; text-decoration:none; color:#99cc00; }
    a:hover{font-weight: bold; text-decoration:none; color:#99cc00; }

    a.white:link { font-weight: bold; text-decoration:none; color: #ffffff; }
    a.white:visited { font-weight: bold; text-decoration:none; font-weight: bold; color: #ffffff; }
    a.white:active { font-weight: bold; text-decoration:none; color:#cccccc; }
    a.white:hover{ font-weight: bold; text-decoration:none; color:#cccccc; }

    a.header_ink:link { font-weight: bold; text-decoration:none; color: #ffffff; }
    a.header_ink:visited { font-weight: bold; text-decoration:none; color: #ffffff; }
    a.header_ink:active { font-weight: bold; text-decoration:none; color:#ff9900; }
    a.header_ink:hover{ font-weight: bold; text-decoration:none; color:#ff9900; }



 /* PC表示 */
@media (min-width:768px) {
    
    .container{
        display: flex;
    }

    .container .text{
        flex: 1;
    }

    .contents{
        display: flex;
    }
    
    .contents_table{
        display: flex;
        
    }
    
    .contents2{
    display: flex;
    }
    
    
    .contents_right{
    width : 100% ;
    display: flex;
    text-align: right; 
    padding: 16px;
    }

    
    .box1 {
    font-size: 20px;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 8px;
    margin-bottom: 0px;
    }
    
    .box2 {
    font-size: 12px;
    margin-top: 8px;
    margin-left: 10px;
    margin-right: 8px;
    margin-bottom: 0px;
    }
    
    .box3 {
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    }
    
    .box4 {
    font-size: 16px;
    margin-top: 0px;
    margin-left: 24px;
    margin-right: 8px;
    margin-bottom: 0px;
    }
    
    .box5 {
    padding-top:  0px;
    padding-left:  0px;
    padding-right:  0px;
    padding-bottom:  0px;

    }
    
    .box6 {
    padding-top:  0px;
    padding-left:  0px;
    padding-right:  0px;
    padding-bottom:  0px;
    }
    
    
    td { 
    font-size: 16px;
    margin-top: 0px;
    margin-left: 12px;
    margin-right: 8px;
    margin-bottom: 0px;
    }
    

    body .white{color:#ffffff;}
    .hr_top{ display: none;}

    
    .big{
    font-size: 18px;
    padding-top: 18px;
    }

    section {
        padding-top: 60px; /* 調整したい高さ（固定ヘッダーの高さ） */
        margin-top: -60px; /* heightと同じ分のネガティブマージン */
    }
    
    img.pic1{ 
    padding-top: 36px;
    padding-left: 0px;
    padding-right: 16px;
    padding-bottom: 16px;
    }

    img.pic2{ 
        padding-top: 0px;
        padding-left: 16px;
        padding-right: 0px;
        padding-bottom: 4px;
    }

    img.right{ 
text-align: right;
    }

  
}


 /* SP表示 */
@media (max-width:767.9px) {
    
    .pics1 {padding:16px; padding-bottom: 8px;}
    .pics2 {padding-top:0px; padding-left:0px; padding-bottom: 4px;}
    
    .box1 {
    font-size: 22px;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 8px;
    margin-bottom: 0px;
    }
    
    .box2 {
    font-size: 14px;
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 8px;
    margin-bottom: 8px;
    }

    .box3 {
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    }
    
    .box4 {
    font-size: 16px;
    margin-top: 0px;
    margin-left: 16px;
    margin-right: 8px;
    margin-bottom: 0px;
    }
    
    .contents2{
    display: flex;
    }

    
    img.pic1{ 
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 16px;
        padding-bottom: 0px;
    }

    img.pic2{ 
        padding-top: 16px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 4px;
    }

}


 /* PCSP共通 */


/* cgi使用 */
.text_bbs {  
        padding-top: 76px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 16px;
    
    	word-break: break-all;
}


span.update {color:#000000; font-size: 12px; font-weight: 400;}
span.maru {  font-size: 12px; color:#ff9900; }
div.time { color:#333333; text-align: left; }

/* cgi使用ここまで */


.works_menu {  
margin-top: 16px;
margin-bottom: 16px;
}


.grid-container { /* Actor写真グリッド表示 */
  text-align: center;
  padding:16px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-gap:16px;
}
.grid-container2 {
  text-align: center;
  padding:16px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(353px, 1fr));
  grid-gap:16px;
}

.item {
  min-height: 200px;
}

.grid-container3 { /* Photo写真グリッド表示 */
  text-align:center;
  padding: 0;
  margin: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  grid-gap: 16px;
}
.item2 {
  min-height: 160px;
}
img.gallery {
  width: 160px;
  height: 160px;
  object-fit: cover;
}

img.works_bg{
    width: 100%;
    max-width: 432px;
    height: auto;
}


img.profile{
    width: 98%;
    max-width: 400px;
    height: auto;
}


.contents_table{
    padding: 0px;    
}


.big{
font-size: 18px;
padding: 18px;
}


section {
    padding-top: 60px; /* 調整したい高さ（固定ヘッダーの高さ） */
    margin-top: -60px; /* heightと同じ分のネガティブマージン */
}

h1.white {
    font-family: "Big Shoulders", sans-serif;
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    color: ffffff;
    text-align: center;
    line-height: 40px;
}

h1.black {
    font-family: "Big Shoulders", sans-serif;
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    color: 000000;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 20px;
}


h2.gallery { font-family: "Noto Sans JP", sans-serif; font-weight:600;     color: ffffff; font-size: 17px; background-color: #333333; padding-left:16px; padding-top:10px; padding-right:16px; padding-bottom:10px;}

h2.link { font-family: "Noto Sans JP", sans-serif; font-weight:600;     color: ffffff; font-size: 17px; background-color: #9999ff;  padding-left:16px; padding-top:10px; padding-right:16px; padding-bottom:10px;}

h3 { font-family: "Noto Sans JP", sans-serif; font-weight:700; font-size: 20px;}




.main {
    padding-top: 60px;
    max-width: 1100px;
    }


.container {
    padding-top: 0px;
    margin :0px;
    text-align: left; 
    max-width: 1100px;
    background-color: #ffffff;   
}

.container_bbs {
    padding: 0px;
    margin :0px;
    text-align: left; 
    max-width: 1100px;
    background-color: #ffffff;   
}


.container_b {
    padding-top: 0px;
    margin :0px;
    text-align: left; 
    max-width: 1100px;
    background-color: #000000;
}



.works {
    margin :0px;
    text-align: left; 
    max-width: 1100px;
    margin-top:0px;
    margin-right:0px;
    width:100%;
    background-color: #000000;
}


.text {  padding: 16px; text-align: left;  font-size: 16px;}
.text2 {  padding: 24px; text-align: left; font-size: 18px;}

.X {
    padding-top: 16px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 16px;
    text-align: center; 
}


.coverimage {
    padding-top: 60px;
    margin :0px ;
    background-position: center;
    background-size:cover;
    max-width: 1100px;
    background-color: #1A1A1A;
}


hr{ margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
}


    .box5 {
    font-size: 16px;
    margin:0;
    }
    
    .box6 {
    width: 100%;
    font-size: 16px;
    margin:0px;
    padding: 0px;
    }



.font-color-black{ color:"000000";}
.font-color-white{ color:"ffffff";}
.mini_b{color:#000000; font-size: 12px; font-weight: 400;}
.mini_w{color:#ffffff; font-size: 12px; font-weight: 600;}

span.pointon{ font-size:11px; font-weight: bold; color:#cc3333; margin-right: 8px;}
span.pointoff{ font-size:11px; font-weight: bold; color:#cccccc; margin-right: 8px;}


/* ボタン */
.btn {
  display: inline-block;
  border: 3px solid #87cefa;
  padding: 0.8em 3em;
  background-color: #ffffff; /* 背景色 */
  box-shadow: 0 0px 0 #cccccc; /* 影の太さ・色 */
  border-radius: 60px;
  color: #000;
  cursor: pointer;
  text-decoration: none; /* 文字の下線を消す */
}

/* ホバー時 */
.btn:hover {
  border: 3px solid #00acee;
}

/* クリック時 */
.btn:active {
  border: 3px solid #00acee;
}



 /* フッター */
.footer {
        display: flex;
        padding-top: 10px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 20px;
        max-width: 1068px;
        background-color: #1A1A1A;
}

.title {
    color: 808080;
    font-size: 18px;
    font-weight: 700;
}

.title2 {
    color: 000000;
    font-size: 17px;
    font-weight: 400;
    line-height: 2em;
}

.title3 {  /* ActorVoice見出し */
    color: ffffff;
    font-size: 18px;
    font-weight: 300;
    line-height: 2em;
}


.title3b {  /* ActorVoice見出し */
    color: black;
    font-size: 20px;
    font-weight: 300;
    line-height: 2em;
}



.title4 {
    color: ffffff;
    font-size: 18px;
    font-weight: 300;
}

.title5 {
    color: ffffff;
    font-size: 28px;
    font-weight: 300;
    text-align: center;
}



.boxleft {
        margin:0;
        width:200px;
        font-size: 12px;
        font-weight: bold;
        text-align: left;
}

.boxright {
        margin:0;
        width:100%;
        font-size: 12px;
        font-weight: bold;
        text-align: right;
}

.menu{
    margin:0;
    display: flex;
    padding-top: 84px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 0px;
    background-color: #ffffff;
    max-width: 1068px;
}




 /* グローバルナビ */
.c-header {
    height:60px;
    align-items: center;
    background-color: #1A1A1A;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 10px;
    width: 100%;
    max-width: 1100px;
    position: fixed;
    top: 0px;
    margin: auto;
    right: 0;
    left: 0;   
}

.c-header__list {
  font-family: "Big Shoulders", sans-serif;
  font-size:20px;
  font-weight: 600;
  font-style: normal;


  box-sizing: border-box;
  display: flex;
  margin: 0;
  padding: 0;
}

.c-header__list-item {
  list-style: none;
  text-decoration: none;
}

.header_ink {
  display: block;
  margin-right: 8px;
  margin-left: 8px;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 0px;
}

.header_ink:hover {
  filter: opacity(1);
}

.c-hamburger-menu {
  position: relative;
}


@media screen and (max-width: 767.9px) { /* メニュー */
  .c-hamburger-menu__list {
    background-color: #1A1A1A;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    left: 0;
    padding: 2rem;
    position: absolute;
    transform: translateY(-120%);/* 表示アニメーション */
    transition: 0.3s;
    top: 100%;
    width: 100%;     
    justify-content: top; /* 上揃え追記 */
    align-items: center;
    text-align: center;
    font-size: 18pt;
    height: 100vh;
  }

  #hamburger:checked ~ .c-hamburger-menu__list {

   transform: translateY(0);/* 表示アニメーション */
    transition: 0.3s;
  }
}


.c-hamburger-menu__input {
  display: none;
}

.c-hamburger-menu__bg {
  background-color: #1A1A1A;
  cursor: pointer;
  display: none;
  height: 200vh;
  left: 0;
  opacity: 0.4;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

#hamburger:checked ~ .c-hamburger-menu__bg {
  display: block;
}

.c-hamburger-menu__button {
  display: none;
}

 /* ハンバーガーアイコン */
@media screen and (max-width: 767.9px) {
  .c-hamburger-menu__button {
    align-items: center;
    appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 9px;
    height: 36px;
    justify-content: center;
    width: 36px;
  }
}

.c-hamburger-menu__button-mark {
  background-color: #fff;
  display: block;
  height: 2px;
  transition: 0.3s;
  width: 36px;
}

@media screen and (max-width: 767.9px) {
  #hamburger:checked
    ~ .c-hamburger-menu__button
    .c-hamburger-menu__button-mark:nth-of-type(1) {
    transform: translate(2px, 1px) rotate(45deg);
    transform-origin: 2%;
  }
  #hamburger:checked
    ~ .c-hamburger-menu__button
    .c-hamburger-menu__button-mark:nth-of-type(2) {
    opacity: 0;
  }
  #hamburger:checked
    ~ .c-hamburger-menu__button
    .c-hamburger-menu__button-mark:nth-of-type(3) {
    transform: translate(1px, 4px) rotate(-45deg);
    transform-origin: 0%;
  }
}




form.pulldown { font: normal 12px/100%;  text-decoration: none; text-align: right; vertical-align: top; padding: 0px;}

form.mail { font: normal 12px/100%;text-decoration: none; text-align: left; vertical-align: middle; padding: 0px;}


input {
border: 2px #cccccc solid;
}

input.input-url {
border: 2px #cccccc solid;
width:250px;
}

select {
border: 2px  #cccccc solid;
}

textarea {
border: 2px  #cccccc solid;
width:250px;
height:100px;
}

textarea.bbs {
border: 2px  #cccccc solid;
width:300px;
height:100px;
}


 /* 未使用 */
span.midasi{ font-weight: bold; color:#cccccc; }
span.title{ font-weight: bold; }
span.linktitle{ font-weight: bold; color: #ff6633;}