h1{float:left; margin:15px 3% 0 3%; padding: 8px 2%; width:94%;  font-size:1.8rem; line-height: 1.2; border-top:#FF8181 solid 2px; border-bottom:#FF8181 solid 2px; }
h1 span{ font-size: 1rem; color: #999; }
h2{ float: left; width: 96%; margin:30px 2% 10px 2%; padding: 6px 3%; font-size: 1.3rem; font-weight: bold; line-height: 1.2; border-width:1px 0; border-color:#FF8181; border-style: solid; }
h2 span{ font-size: 1.0rem; margin:0 0 0 5px; font-weight: normal;}




/*ジャンプボタン*/
.j{ float: left; width: 100%; padding: 0 3%; margin:10px 0 0 0 ; }
.j-btn{ float: left; margin:0 4px 0 0; padding: 4px 12px 3px 10px; border-radius: 1px 10px  0 0; background-color: #FF6F84; color: #FFF; font-size: 1rem; line-height: 1.2; }
.j-btn:hover{ cursor: pointer; opacity: 0.6; }



/* 画像 */
.i-pic-box{ float: left; width: 300px; margin:15px 0 15px 25px; padding:0; }
.i-pic{ float: left; width: 100%; margin:0 0; }
.i-pic img { display: block;}


/* プロフィール情報 */
.info{ float: left; width: 450px; padding:0 10px; }
.info-tbl{ float: left; width: 100%; border-collapse: collapse; margin:20px 0 0 0 ; }
.info-tbl th{ width:100px; font-weight: normal; text-align: left; }
.info-tbl th,
.info-tbl td{ padding: 6px 10px  1px 10px; border-bottom: #FFB5B5 dashed 1px; line-height: 1.3; font-size: 1rem; }
.info-tbl a:hover{ cursor: pointer; opacity: 0.6 }

.info-tbl td a{ display: inline-block; }



















/*投票ボタンまわり*/
.v-all{ position: relative; float: left; width: 70%; margin:10px 15%;  border:#000 solid 3px; border-radius: 5px;  background-color: #FFF8F8;
  background-size: auto auto;
background-color: rgba(255, 248, 248, 1);
background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255, 241, 241, 1) 20px, rgba(255, 241, 241, 1) 40px );
  }
.v-title{ float: left; width: 100%; background-color: #222222; color: #FFF; text-align: center; font-weight: bold; font-size: 1.8rem; padding: 5px 0; }
.v-form{ float: left; width: 100%; height: 80px; padding: 25px 0 8px 0; }
.v-btn{ float: left; width: 40%; height: 55px; margin:0 0 0 30%; padding: 16px 0 0 0;  border-radius: 15px; color: #fff; font-weight: bold; font-size: 1.8rem; line-height: 1
; text-align: center;}

.v-btn i{ margin-right: 10px;  }
.v-like{ background-color: #F73341; box-shadow: inset 0px 3px 0 rgba(255,255,255,0.3), 0 3px 3px rgba(0, 0, 0, 0.3);border-bottom: solid 3px #F73341; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);  }
.v-btn:active{ -webkit-transform: translateY(1px);  transform: translateY(1px);  box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);  border-bottom: none;}
.v-like-disable{background-color: #F73341; box-shadow: inset 0px 3px 0 rgba(255,255,255,0.3), 0 3px 3px rgba(0, 0, 0, 0.3);border-bottom: solid 3px #F73341; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); display:none;}
.v-btn:hover{ cursor: pointer; opacity: 0.6; }
.v-all a:hover{ cursor: pointer; opacity: 0.6; }
.v-ip-dup{ float: left; width: 100%; padding: 10px 3%; }






/*投票完了画面*/
.v-comp{ float: left; width: 100%; height: 105px; padding: 12px; text-align: center; line-height: 1.2; color:#666;}
.v-comp-l{ float: left; width: 100%; height: auto; padding: 12px 1.5% 0 1.5%; text-align: center; line-height: 1.2; color:#666;}
.v-pic{ float: left; width: 18%; height: 110px; margin:0 0 0 1%; overflow:hidden; border-radius: 10px; }
.v-balloon {
  display: table;
  float: left;
  width:74%;
  height: 110px;
  position: relative;
  margin: 0 0 0 15px;
  padding: 6px 8px;
  color: #555;
  font-size: 1.6rem;
  line-height: 1.3;
  background-color: #FFF;
  border-radius: 15px;
    border: 2px solid #FF91A0;
}
.v-balloon:before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #FF91A0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.v-balloon::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -12px;
  top: 20px;
  border-right: 15px solid #FFFFFF;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.v-balloon p {display: table-cell; height: 100%; vertical-align: middle;margin: 0; padding: 0;}



/*タイマー表示*/
.v-timer-box{ float: left; width: 100%; height: 25px; margin:3px 2% 0 2%; padding: 1px 2%; font-size: 1.0rem; color: #666; text-align: center; border-radius: 5px; overflow: hidden;}
.v-timer{ margin:0 0 0 5px; font-size: 1.0rem; color: #FF6A7E;}
.v-timer-box-bk{
  animation-name: blinktimer;
  animation-duration: 1s; 
  animation-iteration-count:6; /*アニメーションを回再生する*/
}
@keyframes blinktimer{
  0%{ background:#FFF; }
  30%{ background:#F0FF6E;}
  100%{ background:#FFF;}
}
.v-timer-jitan-icon{ margin:0 0 0 5px; font-size: 12px; color: #00CF1D; }

.v-loading{position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(255,255,255,.7);
  background-image: url(../image/design/co-loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 150px auto;}
.v-hide{ display: none; }



/* v-tweet */
/*.v-tw{ float: left; margin:5px 0; width: 100%; height: auto; text-align: center; }
.v-tw img{ border-radius: 5px; overflow: hidden; }

*/



/*ツイートボタンとカスタムメッセージボタンの格納用*/
.v-btns-box{ float:left; width: 100%; padding: 0 3%; margin:15px 0 5px 0;}
/* ツイート */
.v-tw{ float: left; margin:5px 0; width: 40%; margin:0 0 0 0%; height: auto; text-align: center; }
.v-tw img{ display: block; border-radius: 5px; overflow: hidden; }

/*カスタムメッセージ編集画面表示非表示切り替えボタン*/
.cm-btn-box{ float:right; width:50%;   }
.cm-input-reset {-webkit-appearance: none; -moz-appearance: none;  appearance: none;   border-radius: 0;  outline: none;}
.cm-btn{ float: right; width:60%; padding: 6px 8px; margin:1px 0 0 0; text-align:center; color:#666; border-radius:3px; background-color:#999; color:#FFF; font-size:0.8rem; line-height:1; }
.cm-btn:hover{ cursor:pointer; background-color:#666; }
/*カスタムメッセージ編集画面*/
.cm{ display: none; float:left; width: 100%; padding: 0 2% 20px 2%;}
.cm-title{ float:left; width:100%; margin:8px 0; padding: 5px 0; text-align:center; border:#FF91A0 solid; border-width:2px 0; }
.cm-box{ float: left; width: 100%; margin: 0 0 5px 0;}
.cm-waku{ float:left; width:10%; font-size:1.0rem; padding: 6px 0; text-align:center; color:#666; }
.cm-input-basic{ float:left; width:70%; margin:0 2% 0 0; font-size:16px; padding:5px 6px; line-height:1.2; border-radius: 3px; 
}
.cm-input-box{position: relative;  float:left;width:74%; margin:0 1% 0 0;}
.cm-input{ float:left; width:100%;  font-size:16px; padding:4px 6px; line-height:1.2; border-radius: 3px; border:#999 solid 1px;
}
.cm-exe-btn-reset{background-color: transparent; border: none;       cursor: pointer;  outline: none; padding: 0;    appearance: none;}
.cm-exe-btn{ float:left; width:15%; padding: 4px 0; font-size:1rem; background-color:#FF91A0; color:#FFF; text-align:center; border-radius:3px; }
.cm-exe-btn:hover{ cursor:pointer; }
.cm-exp{ float:left; width:100%; padding: 0 2%; margin:5px 0 0 0; font-size: 0.9rem; color: #666;}
.cm-comp{  display: none; position: absolute; top:0px; left:0px; width:100%; height: 100%; font-size:0.8rem; color:#FFF; background-color:rgba(255,145,160,0.5); text-align:center; font-size:1.6rem; font-weight:bold; }









/*結果表示*/
.v-sum{ float: left; width: 100%; margin:3px 0 0 0; border-top:#222 solid 2px; background-color: #FFF;  }
.v-sum-tbl{ float: left; width: 100%; border-collapse: collapse; line-height: 1.2; }
.v-sum-tbl-total{ width:50%; background-color:#222; color: #FFF; }
.v-sum-tbl-total a{ color:#FFF; }
.v-sum-tbl th{ padding: 8px 0 0 0; text-align: center; font-weight: normal; font-size: 1.0rem; }
.v-sum-tbl td{ text-align: center; }
.v-sum-tbl td .v-sum-total-val{ margin:0 3px 0 0; font-size: 1.2rem; font-weight: bold;  }
.v-sum-tbl td .v-sum-total-rank{ margin:0 3px 0 0; font-size: 2rem; font-weight: bold;  }
.v-sum-tbl td .v-sum-user-val{ margin:0 3px 0 0; font-size: 1.4rem; font-weight: bold;  }
/*mypage link*/
.v-mp-box{ float: left; width: 100%; margin:5px 0 0 0; }
.v-mp-btn{ display: block; width: 60%; margin:2px 20% 5px 20%; padding: 5px 6px; background-color: #2FBB36; color: #FFF; font-size: 0.8rem; line-height: 1.1; text-align: center; border-radius: 5px; }
.v-mp-btn i{ font-size: 1.0rem; }




















/*ランキング推移*/
.rh{ float: left; width: 70%; padding: 0 0; margin:10px 0 0 15%; }
.rh-box{ float: left; width: 19.5%; margin:0 0.25% 0 0.25%; border-radius: 3px; text-align: center; line-height: 1.2;}

.rh-box-y{border:#9a46bc solid 1px;}
.rh-box-m{border:#FF546D solid 1px;}
.rh-title{ float: left; width: 100%; padding: 4px 0;   color: #FFF; }
.rh-title-y{background-color: #9a46bc;}
.rh-title-m{background-color: #FF546D;}

.rh-data{ float: left; width: 100%; padding: 6px 0; }
.rh-rank{ float: left; width: 100%; height: 28px;}
.rh-rank-val{font-size: 1.6rem; font-weight: bold; color: #FF1A35;}
.rh-rank-val-other1{ display: block; margin:5px 0 0 0; font-size: 1.1rem; font-weight: bold; color: #8E8E8E;}
.rh-rank-val-other2{ display: block; margin:2px 0 0 0; font-size: 1.4rem; font-weight: bold; color: #8E8E8E;}
.rh-rank-unit{ font-size: 0.8rem; margin:0 0 0 2px; }
.rh-vote{ float: left; width: 100%; height:15px;  padding: 0 2%;font-size: 0.9rem; }
.rh-vote i{ margin:0 2px 0 0; font-size: 0.8rem; color: #FF546D }
.rh-vote-unit{ font-size: 0.6rem; margin:0 0 0 2px; }
.rh-hosoku{ float: left; width: 100%; padding: 0 2%;font-size: 0.8rem; }














/* 最新無料動画 */
.fm {float: left; width: 100%; margin:5px 0 0 0;}
.fm-box {float: left; width: 100%;}
.fm-box iframe{
  width:100%;
  height:480px;
}
.fm-title{ float: left; width: 100%; padding: 0 2%; margin:2px 0 0 0;  line-height: 1.2; font-size: 1.2rem;}










/* Instagram */
.insta{ float: left; width: 100%; padding: 0 2%; margin:5px 1% 20px 1%; }
.insta-flick{ float: left; width: 100%; margin: 0 0 10px 0; }

.insta-box{ float: left; width: 100%; margin:2px; }
.insta-pic{ float: left; width: 100%; height: 250px; overflow: hidden; object-fit: cover; }
.insta-pic img{ display: block; height: 240px; object-fit: contain; }

.insta-date{ float: left; width: 100%; margin:2px 0 0 0; font-size: 1rem; text-align: center; color: #999; line-height: 1.2; }
.insta-link-box{ float:left; width: 100%; margin:8px 0 0 0; text-align: center;  }
.insta-link-btn{ padding: 4px 20px; border-radius: 8px; border:#3CA5FB solid 1px; color: #3CA5FB; }
.insta-link-btn:hover{ cursor: pointer; opacity: 0.6 }
.insta-info{ float: left; width: 100%; padding: 20px 5%; font-weight: bold; color: #666; font-size: 1.2rem; }




/*女優横移動*/
.r{ float: left; width: 100%; padding:0 3%; }
.r-wrap{ float: left; margin:2px 0 0 0; width: 100%; height: 100px; overflow: hidden; }
.r-all{ float: left; width: 100%; height: 180px; padding: 2px 3%; }
.r-box{ position: relative; float: left; margin:0 2px; width: 200px; height: 180px; border:#999 solid 0px; }
.r-box:hover{ cursor: pointer; opacity: 0.6 }
.r-pic{ position: relative; float: left; width: 100%; height: 130px; overflow:hidden; }
.r-pic img { float: left; width: 100%; height: auto;  }
.r-name{ float: left; width: 100%; margin:5px 0 0 0; text-align: center; font-size: 1rem; line-height: 1.2; padding: 1px 2px;}
.r-name span{ font-size: 9px; }
.r-insta{ position: absolute; bottom: 3px; right: 6px; color: #FFF; text-shadow: 0 0 5px rgba(0,0,0,0.7); }
.r-insta img{ display: block; width: 15px; }
.r-new-debut{ position: absolute; bottom:5px; width: 90%; margin:0 5%; padding:2px 5%; color: #F12C47; background-color: rgba(255,255,255,0.8); font-style: italic; font-size: 0.9rem; line-height: 1.2; text-align: center; border-radius: 5px;}
.r-new-debut span{ font-size: 0.6rem;color: #FA7A8C; }




/*女優横移動TEST*/
.rtest-all{ float: left; width: 100%; height: 180px; padding: 2px; 
     display: flex; overflow-x: scroll;  /* 横スクロールの指定 */
     overflow-y: hidden;
  
  overflow-scrolling: touch;  /* スクロールを滑らかにする */
  -webkit-overflow-scrolling: touch;  /* スクロールを滑らかにする */
}
.rtest-box{ float: left; position: relative; margin:0 2px; width:110px; flex-shrink: 0; height: 160px; border:#999 solid 0px; }
.rtest-pic{ float: left; position: relative; width: 100%; height: 130px; overflow:hidden; }
.rtest-pic img { float: left; width: 100%; height: auto;  }
.rtest-name{ float: left; width: 100%; margin:3px 0 0 0; text-align: center; font-size: 12px; line-height: 1.2; padding: 1px 2px;}
.rtest-name span{ font-size: 9px; }
.rtest-insta{ position: absolute; bottom: 3px; right: 6px; color: #FFF; text-shadow: 0 0 5px rgba(0,0,0,0.7); }
.rtest-insta img{ display: block; width: 20px; }

.rtest-new-debut{ position: absolute; bottom:5px; width: 90%; margin:0 5%; padding:1px 5%; color: #F12C47; background-color: rgba(255,255,255,0.8); font-style: italic; font-size: 0.9rem; line-height: 1.2; text-align: center; border-radius: 5px;}
.rtest-new-debut span{ font-size: 0.6rem; }









/*デビュー作*/
.nw{ float: left; width: 100%; padding: 0 2%; }
.nw-box{ position: relative; float: left; margin:0 0.6%; width: 15.4%; height: 210px; border:#999 solid 0px; overflow: hidden; }
.nw-date{ position: relative; float: left; width: 100%; font-size: 1rem; margin:2px 0; font-style: italic;}
.nw-date-today{ border-radius: 2px; background-color: #FF3F3F; color: #FFF; text-align: center; }
.nw-date-today:before {
  content: "";
  position: absolute;
  top: 95%;
  left: 45%;
  border: 7px solid transparent;
  border-top: 7px solid #FF3F3F;
  z-index: 5;
}
.nw-date-other{ display: inline-block; padding: 2px 8px; color: #FF3F3F; font-weight: bold; line-height: 1.1; }
.nw-pic{ position: relative; float: left; width: 100%; height: auto;  overflow: hidden; }
.nw-pic img {  float: left; display: block; width: 100%; height: auto;  }
.nw-name{ float: left; width: 100%; text-align: center; font-size: 1rem; line-height: 1.2; margin:3px 0 0 0; padding: 1px 2px;}
.nw-vote{ position: absolute; bottom: 3px; right: 0; background-color: rgba(0,0,0,0.6); border-radius: 3px 0 0 3px; padding: 4px 8px 2px 8px; color: #FFF; font-size: 0.9rem; line-height: 1.2; }
.nw-vote i{ color: #FFF0F0;}
.link-box{ float: left; width: 100%; margin:20px 0 0 0; height: 40px; padding: 0 2%; text-align: center; }
.link-btn{ padding: 5px 15px; border-radius: 4px; border:#3289DB solid 1px; }














/*コメント*/
.co-all{ float: left; width: 94%; margin:5px 3%; font-size:1.6rem;}
.co-area-befor,
.co-area-after{ position: relative; float: left; width: 100%; height: 175px; line-height: 1.1; }
.co-area-after{ text-align: center; padding:20px 0 0 0; font-size:36px; font-weight: bold; }
.co-area-after-s{ font-size: 16px; }
.co-input{ float: left; margin:5px 0 0 0; padding: 4px 12px; border:#999 solid 1px; font-size: 16px; border-radius: 5px; -webkit-appearance: none; background-color: #FDF2F2; border:#EAB0B0 solid 1px;}
.co-name{ width: 400px; }
.co-txt{ width: 680px; height: 70px;resize: none; }
.co-btn-box{ float: left; width: 100%; height: 55px; }
.co-btn{ float: left; width: 150px; margin:10px 0 0 ;  padding: 12px ; background-color: #000; color: #FFF; border-radius: 5px; text-align: center; font-size: 18px; }
.co-btn-disable{ float: left; width: 150px; margin:10px 0 0 0;  padding: 12px ; background-color: #999; color: #FFF; border-radius: 5px; text-align: center; font-size: 18px; display: none; }
.co-hist{ float: left; width: 100%; margin:20px 0 0 0; max-height: 550px; overflow-y: scroll; background-color: #FDF7E8; border:#D8C79B solid 2px; border-radius: 5px; }
.co-exp{ float: left; width: 100%; margin:10px 0; padding: 0 5%; color: #756F63; font-size: 12px; }

.co-hist-list{ float: left; width: 96%; margin:10px 2%; border-collapse: collapse; font-size: 16px; }
.co-hist-list th{ width: 30px; }
.co-hist-list th,
.co-hist-list td{ padding: 3px 0px; line-height: 1.3; vertical-align: top; word-break: break-all; }
.co-hist-list td p{ margin: 0 0 15px 0; }
.co-hist-list-td-s{ font-size: 12px; color: #777; }
.co-hist-list-td-pic{ float: left; width: 400px; }
.co-hist-list-td-pic-img{ display: block; max-width: 400px; max-height: 400px; border:#FFF solid 5px; box-shadow: 2px 2px 5px rgba(0,0,0,0.4);}
.co-hist-list-td-info{ float: left; width: 100%; margin:5px 0 15px 0 ; font-size: 12px; line-height: 1.5; }
.co-hist-list-td-info-i{ margin:0 3px 0 0; }
.co-hist-list-td-hukai{ color: #FFB9B9;  }
.co-hist-list-td-hukai:hover{ cursor: pointer; color: #FF7E7E; }
.co-hist-list-td-hukai-after{ color: #BBBBBB; }
.co-btn:hover{ cursor: pointer; opacity: 0.7; }


.co-del-btn{ margin:0 0 0 20px; }
.co-del-btn:hover{ cursor: pointer; opacity: 0.6; }

.fa-comment{ color: #C4AE75; margin:0 10px 0 0; }
.comment-link{ float: left; width: 100%; margin:5px 0 30px 0; text-align: center; }
.comment-link a{ background-color: #EF340F; color: #FFF; padding: 8px 20px; border-radius: 5px; font-size: 1.4rem; }
.co-none{ float: left; color:#8C8060; margin:10px 20px; padding: 0; font-size: 16px;  }
.co-note{ float: left; width: 100%; padding: 2px 3%; font-size: 1.4rem; color:#666;  }



/* 画像選択 */
.co-img { float: left; width: 60%; height: 55px; margin:5px 0 0 0;   }
.co-img-btn { float: left; width: 20%; height: 55px; margin:0 0 0 0; display: block; color:#FFF; background-color: #D26F6F; padding: 9px 0px; border-radius: 4px; text-align: center; font-size: 0.7rem;line-height: 1.4; }
.co-img-btn:hover{ cursor: pointer; opacity: 0.7; }
.co-img-btn i{ font-size: 1.6rem; opacity: 0.9; }
.co-img-preview { float: left; width: 50%; margin:0 0 0 10px;}
.co-img-preview img{ float: left; display: block; height: 50px; }
.co-loading{position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(255,255,255,.7);
  background-image: url(../image/design/co-loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 150px auto;}
.co-hide{ display: none; }
.co-img-info{ float: left; width: 60%; line-height: 1.2; margin:10px 0 0 0; color: #D69696; }