/* カルーセル */
.type-carousel {
  text-decoration: none;
  padding: 0px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  text-align: center;
  overflow: hidden;
}
.carousel-container {
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden;
}

.carousel {
  position: relative;
}

.carousel a, .carousel a:hover {
  text-decoration: none;
  display: block;
} 


.carousel-inner {
  display: flex;
  align-items: center;
  transition: transform 0.6s ease-in-out;
}

.carousel-item {
  flex: 0 0 100%;
}

.carousel-item img {
  width: 100%;
  height: auto;
}


.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    text-indent: -9999px;
    cursor: pointer;
}


.carousel-control-prev {
    left: 10px;
}
.carousel-control-next {
    right: 10px;
}
.carousel-control-prev::before,
.carousel-control-next::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #222;
    border-right: 2px solid #222;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}
.details .carousel-control-prev,
.details .carousel-control-next {
    width: 24px;
    height: 24px;
}
.details .carousel-control-prev::before, .details .carousel-control-next::before {
    width: 8px;
    height: 8px;
}

.carousel-control-prev::before {
    transform: translate(-30%, -50%) rotate(-135deg);
}

.carousel-control-next::before {
    transform: translate(-70%, -50%) rotate(45deg);
}



.filter-container {
  background-color: var(--surface);
  padding: 20px;
  border-radius: 12px;
  border: 1px solid var(--border);
  max-width: 800px;
  margin: 0 auto;
}


.search-bar {
  margin-bottom: 20px;
}

.search-bar input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
}

.trend-section, .category-section {
  margin-bottom: 20px;
}

.filter-container h3 {margin-bottom: 8px;}

.trend-list, .category-list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.trend-list li, .category-list li {
  margin: 0;
}

.trend-list a, .category-list a {
  display: block;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  background-color: var(--surface-info);
  color: var(--text-info);
  border: 1px solid var(--surface-info);
}

.trend-list a:hover, .category-list a:hover {
  background-color: var(--surface-info);
  border: 1px solid var(--text-info);
  color: var(--text-info);
}



#progress-bar {
  width: 36px;
  height: 5px;
  border-radius: 6px;
  overflow: hidden;
  background-color: rgb(0 0 0 / 20%);
  position: relative;
}

#progress-bar-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #ebebef;
  transition: width .1s linear;
}

#progress-bar.animate #progress-bar-inner {
  width: 100%;
}

img {
  max-width: 100%;
  height: auto;
  pointer-events: none;
  vertical-align: bottom;
}

.title-box {
  color: #FFF;
  padding: 15px 15px 15px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0px 0;
  font-size: 15px;
  column-gap: 8px;
  font-weight: 800;
  line-height: 1.2;
}

#content {
  padding: 0px 15px;
  position: relative;
  height: 200px;
  overflow: hidden;
}

.content-block {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
}

.content-block.active {
  opacity: 1;
  visibility: visible;
  animation: fadeIn 1s ease-in-out;
}

#content .link-li {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0 15px;
}

#content .linkbox {
  width: calc((100% - 24px) / 3);
}

#content .linkbox a {
  color: #FFF;
  text-decoration: none;
}

#content .imgbox {
  background: #eee;
  display: inline-block;
  width: 100%;
  height: 37vw;
  max-height: 290px;
  min-height: 145px;
  margin: 0 auto 6px;
  vertical-align: top;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}

#content .imgbox img {
  position: absolute;
  height: 100%;
  width: auto;
  object-fit: cover;
  object-position: 100% 0;
}

#content .linkbox .title {
  line-height: 1.2;
  font-size: 12px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

@media screen and (min-width: 600px) {

  #content {
      padding: 0px 5%;
      height: 360px;
  }

  #progress-bar {
      width: 60px;
  }

  .title-box {
      padding: 25px 5% 15px;
  }

  #content .link-li {
      gap: 2.5%;
      padding: 0 5%;
  }

  #content .linkbox {
      width: calc((100% - 5%) / 3);
  }

  #content .imgbox {
      height: 295px;
      max-height: inherit;
  }
}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
    margin: 0 auto;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/* 基本スタイル */
*,
*:after,
*:before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: 100%;
  line-height: 1;
  list-style-type: none;
}
img {
  max-width: 100%;
  height: auto;
  pointer-events: none;
  vertical-align: bottom;
}

button {
  touch-action: manipulation;
}

[role=button],[type=button],[type=reset],[type=submit],button {
  cursor: pointer
}

[disabled] {
  cursor: default
}

[type=number] {
  width: auto
}

[type=search] {
  -webkit-appearance: textfield
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

textarea {
  overflow: auto;
  width: 100%;
  resize: vertical
}

button {
  overflow: visible
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
  border-style: 0;
  padding: 0
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring {
  outline: 1px dotted ButtonText
}

[type=reset],[type=submit],button,html [type=button] {
  -webkit-appearance: button
}

button,select {
  text-transform: none
}

button,input,select,textarea {
  background-color: transparent;
  border-style: none;
  color: inherit
}

select {
  -moz-appearance: none;
  -webkit-appearance: none
}

select::-ms-expand {
  display: none
}

select::-ms-value {
  color: currentColor
}


/* 基本の設定（ライトモード） */
/* ルート変数 */

:root {
  --wg-font-smooth--webkit: antialiased;
  --wg-font-smooth--moz: grayscale
}

html {
  color: hsl(var(--hp-foreground));
  background-color: hsl(var(--hp-background))
}

:root, html {
  --scroll-gap: 30px;

  --gray-50: #f7f7f8;

  --gray-100: #ebebef;

  --gray-200: #d1d1db;
  --gray-300: #a9a9bc;
  --gray-400: #8a8aa3;
  --gray-500: #6c6c89;
  --gray-600: #55556d;
  --gray-700: #3f3f50;

  --gray-800: #282833;

  /* --gray-800: #2e2e2e; */


  /* --gray-900: #121217; */

  --gray-900: #000;


  --white-50: #fff;
  --white-60: #fff;
  --white-100: #fff;
  --white-200: #fff;
  --white-300: #fff;
  --white-400: #fff;
  --white-500: #fff;
  --white-600: #fff;
  --white-700: #fff;
  --white-800: #fff;
  --white-900: #fff;
  --band-50: #f4f1fd;
  --band-100: #e5dfff;
  --band-200: #cac0ff;
  --band-300: #b0a0ff;
  --band-400: #9581ff;
  /* --band-500: #7b61ff; */
  --band-500: #3282EB;
  --band-600: #624ecc;
  /* --band-700: #4a3a99; */
  --band-700: #2B6FC8;
  --band-800: #312766;
  --band-900: #191333;
  --band-disabled: rgba(149,129,255,.5);
  --red-50: #fef0f4;
  --red-100: #fdd8e1;
  --red-200: #fbb1c4;
  --red-300: #f98ba6;
  --red-400: #f76489;
  --red-500: #f53d6b;
  --red-600: #f3164e;
  --red-700: #d50b3e;
  --red-800: #af0932;
  --red-900: #880727;
  --yellow-50: #fff9eb;
  --yellow-100: #fff3d6;
  --yellow-200: #ffe7ad;
  --yellow-300: #ffda85;
  --yellow-400: #ffce5c;
  --yellow-500: #ffc233;
  --yellow-600: #faaf00;
  --yellow-700: #c28800;
  --yellow-800: #8a6100;
  --yellow-900: #523900;
  --green-50: #eefbf4;
  --green-100: #dff8ea;
  --green-200: #b2eecc;
  --green-300: #84e4ae;
  --green-400: #56d990;
  --green-500: #2dca72;
  --green-600: #26a95f;
  --green-700: #1e874c;
  --green-800: #17663a;
  --green-900: #0f4527;
  --orange-50: #fff2ee;
  --orange-100: #ffe8e1;
  --orange-200: #ffcdbd;
  --orange-300: #ffb399;
  --orange-400: #ff9876;
  --orange-500: #ff7d52;
  --orange-600: #ff571f;
  --orange-700: #eb3a00;
  --orange-800: #b82e00;
  --orange-900: #852100;
  --pink-50: #feecfb;
  --pink-100: #fdddf8;
  --pink-200: #fcc5f3;
  --pink-300: #fa99ea;
  --pink-400: #f87ce4;
  --pink-500: #f75fde;
  --pink-600: #f42ad3;
  --pink-700: #db0bb9;
  --pink-800: #a5088c;
  --pink-900: #70065f;
  --blue-50: #f0faff;
  --blue-100: #dbf3ff;
  --blue-200: #ade4ff;
  --blue-300: #70d1ff;
  --blue-400: #38beff;
  --blue-500: #00acff;
  /* --blue-600: #0090d6; */

  --blue-600: #3282EB;


  --blue-700: #0075ad;
  --blue-800: #005985;
  --blue-900: #003e5c;

  --icon-info: var(--blue-600);
  --icon-caution: var(--yellow-700);
  --icon-critical-hover: var(--red-800);
  --icon-critical: var(--red-600);
  --icon-success: var(--green-600);
  --icon-disable: var(--gray-200);
  --icon-on-bright-color: var(--gray-800);
  --icon-on-color: var(--white-900);
  --icon-interactive-hover: var(--band-700);
  --icon-interactive: var(--band-500);
  --icon: var(--gray-500);
  --icon-subdued: var(--gray-400);
  --text-interactive-hover: var(--band-700);
  --text-interactive: var(--band-500);
  --text-info: var(--blue-600);
  --text-caution: var(--yellow-700);
  --text-text-critical-hover: var(--red-800);
  --text-text-critical: var(--red-600);
  --text-success: var(--green-600);
  --text-on-color: var(--white-900);
  --text-disabled: var(--gray-200);
  --text: var(--gray-800);

  --text-subdued: var(--gray-400);
  --surface-info: var(--blue-100);
  --surface-caution: var(--yellow-100);
  --surface-critical-strong-hover: var(--red-700);
  --surface-critical-strong: var(--red-500);
  --surface-critical: var(--red-100);
  --surface-success: var(--green-100);
  --surface-base: var(--gray-50);
  --surface-primary-disable: var(--band-disabled);
  --surface-primary-hover: var(--band-600);
  --surface-primary: var(--band-500);
  --surface-active: var(--band-100);
  --surface-hover: var(--gray-50);
  --surface-on-video: var(--gray-900);
  --surface-subdued: #fbfcfe;
  --surface: var(--white-900);
  --border-info: var(--blue-300);
  --border-caution: var(--yellow-400);
  --border-border-critical-hover: var(--red-500);
  --border-border-critical: var(--red-300);
  --border-success: var(--green-300);
  --border-disable: var(--gray-50);
  --border-active: var(--band-500);
  --border-hover: var(--gray-100);
  --border: var(--gray-200);

  --event-bg: var(--band-500);

  --color-background-avatar-placeholder: #ebebef;
  --static-box-background: linear-gradient(98.75deg, rgba(179, 179, 252, .25) 2.58%, rgba(199, 235, 255, .25) 47.57%, rgba(199, 255, 199, .25) 98.55%);

}

html.Dark, .dark,[data-theme=dark] {

  --icon-info: var(--blue-500);
  --icon-caution: var(--yellow-400);
  --icon-critical-hover: var(--red-600);
  --icon-critical: var(--red-300);
  --icon-success: var(--green-300);
  --icon-disable: var(--gray-600);
  --icon-on-bright-color: var(--gray-800);
  --icon-on-color: var(--white-900);
  --icon-interactive-hover: var(--band-200);
  --icon-interactive: var(--band-400);
  --icon: var(--gray-300);
  --icon-subdued: var(--gray-500);
  --text-interactive-hover: var(--band-200);
  --text-interactive: var(--band-400);
  --text-info: var(--blue-500);
  --text-caution: var(--yellow-400);
  --text-text-critical-hover: var(--red-600);
  --text-text-critical: var(--red-300);
  --text-success: var(--green-300);
  --text-on-color: var(--white-900);
  --text-disabled: var(--gray-600);
  --text: var(--gray-100);
  --text-subdued: var(--gray-400);
  --surface-info: var(--blue-900);
  --surface-caution: var(--yellow-900);
  --surface-critical-strong-hover: var(--red-200);
  --surface-critical-strong: var(--red-400);
  --surface-critical: var(--gray-600);
  --surface-success: var(--green-900);
  --surface-base: var(--gray-900);
  --surface-primary-disable: var(--band-disabled);
  --surface-primary-hover: var(--band-300);
  --surface-primary: var(--band-400);
  --surface-active: var(--band-800);
  --surface-hover: var(--gray-700);
  --surface-on-video: var(--gray-900);
  --surface-subdued:  var(--surface);
  --surface: var(--gray-800);
  --border-info: var(--blue-800);
  --border-caution: var(--yellow-800);
  --border-border-critical-hover: var(--red-600);
  --border-border-critical: var(--red-800);
  --border-success: var(--green-800);
  --border-disable: var(--gray-800);
  --border-active: var(--band-300);
  --border-hover: var(--gray-500);
  --border: var(--gray-700);
  --text-info: var(--gray-200);
  
  --event-bg: var(--surface-info);

  --color-background-avatar-placeholder: var(--surface-subdued);
  --static-box-background: linear-gradient(98.75deg, rgba(179, 179, 252, .25) 2.58%, rgba(199, 235, 255, .25) 47.57%, rgba(199, 255, 199, .25) 98.55%);

}

.notice-msg {padding: 12px; margin-bottom: 20px; text-align: center; background-color: var(--text-success); color: var(--surface-success); border-radius: 2px;
font-size: 75%; font-weight: 700;}

.notice-msg.error { 
  color: var(--surface-critical); background-color:  var(--text-text-critical); }

.notice-msg.info { 
  color:var(--surface); background-color: var(--text-subdued); }
  

* {
  border-color: var(--border);
}


/* 印刷用 */
@media print {
  body, .av-data, .act-profile, .free-data, .main-column.add-video-area.type-static, .tab-box {
    color: #000 !important;
    background-color: #fff !important;
  }
  .act-profile table span, .av-data .prof-table td:first-child, .free-data tr td span:first-child {
    color: #000 !important;
    background-color: #fff !important;
  }
  .act-profile {
    height: inherit !important;
  }
  .details .act-profile:not(.active):after, .main-column.details .btn-area, .act-profile .btn-box, .main-column.details h4 .btnlnk {
    display: none !important;
  }
}


/* 本文とリンク */
body {
  color: var(--text);
  background-color: var(--surface-base);
  display: grid;
  gap: 0px;
  transition: color 0.1s ease-in-out, background-color 0.15s ease-in-out;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "Yu Gothic", YuGothic, Arial, "メイリオ", Meiryo, sans-serif;
  padding-top: 78px;
  min-width: 320px;
}

a, ul.tab li, input[type="submit"], ul.h-menu li {
  -webkit-tap-highlight-color: transparent;
}

a {
  text-decoration: none;
  color: var(--text-info);
  -webkit-tap-highlight-color: transparent;
}

a:not(.btnlnk):hover {
  color: var(--icon-interactive-hover);
  text-decoration: inherit;
}

.list-search a:hover, a.btnlnk:hover {
  text-decoration: inherit;
}


/* ヘッダーとフッター */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: 700;
  line-height: 1.4;
  font-feature-settings: "halt";
}

.tagarea.old-tag a {background-color: #ffc107;}


#site-header {
  background-color: var(--surface);
}
.clear {
  clear: both;
}

#site-header {
  z-index: 4;
  width: 100vw;
  /* background-color: var(--c-gray-500); */
}
/* #site-header p.notice {display: none;} */

.n-head {
  border-bottom: 1px solid var(--border);
  padding-top: 0px;
}

table tr.nocnt td, .tbllist .nocnt , table td .hint {
  color: var(--text-subdued);
  text-align: center;
}
table tr.nocnt td, .tbllist .nocnt {
  padding: 7rem 0;
  font-size: 13px;
  font-weight: 700;
}

.footer {
  padding: 1rem 20px 8rem;
}

.footer-banner, #footer-banner-area {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  display: none;
}
.footer-banner {
  background-color: rgba(0,0,0,.3);
  box-shadow: 0 -1px 0 0 var(--border);
}
#footer-banner-area, #footer-banner-area iframe {
  max-height: 100px;
}


.footer-banner a {
  backdrop-filter: blur(3px);
  display: block;
  text-align: center;
  position: relative;
}

.footer-banner a:before{
      content: '詳細はこちら';
      position: absolute;
      right: 0px;
      bottom: 0px;
      font-size: 9px;
      padding: 8px 8px;
      line-height: 1;
      font-weight: bold;
      color: #FFF;
      background-color: var(--red-500);
      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "Yu Gothic", YuGothic, Arial, "メイリオ", Meiryo, sans-serif;
}
.footer-banner.minc-banner a:before{
  background-color: var(--blue-500);
}

.footer-banner img {
  width: auto;
  height: auto;
  min-width: 200px;
  max-height: 100px;
  vertical-align: bottom;
}

/* 閉じるボタンのスタイル */
.footer-banner-close {
  position: absolute;
  right: 10px;
  top: 10px;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 10;
  font-family: Arial, Helvetica, sans-serif;
  appearance: none;
  padding: 0;
}
.footer-banner-close::before {
  width: 24px;
  height: 24px;
  line-height: 25px;
  display: block;
  content: "×";
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}


@media screen and (max-width: 480px) {
  .footer-banner, #footer-banner-area {
      display: block;
  }    
}


/* iframe */
.blog_content {height: 360px;}

/* レイアウト */
.site_body,
#main-area,
#side-bar {
  display: grid;
  gap: 0rem;
  align-content: flex-start;
}
#main-area {
  gap: 0px;
  padding-bottom: 2.5rem;
}

#main-area.one-column {
  padding: 40px 30px;
  background-color: var(--surface);
  border: 1px solid var(--border);
  margin: 40px 24px 20px;
  border-radius: 16px;
}

#main-area.one-column.contact-form {
  padding: 0;
  width: calc(100% - 48px);
}
#main-area.one-column.contact-form iframe {
  width: 100%;
}

#main-area.one-column.edit-layout {
  display: block;
  padding: 0px;
  background-color: transparent;
  border: 0px;
  border-radius: 0px;
  margin: 20px 24px 20px;
}
.edit-layout .act-area, .edit-layout .act-profile {
  margin: 0.75rem auto 1.5rem;
}
.edit-layout .act-area .thumb, .edit-layout .act-profile { height: 200px; }

.edit-layout .act-area .thumb {
z-index: 1;
}

.edit-layout .act-area {
  position: absolute;
  width:200px;
  display: block;
  border-radius: 12px 0px 0px 12px;
  overflow: hidden;
}
.edit-layout .act-profile { 
  width: 100%;
  display: grid;
  align-items: center;
  border: 1px solid var(--border);
  padding: 0px 16px 0px 46%;
}
.edit-layout .act-profile table {
  font-size: 11px;
}
.edit-layout .act-profile td {
  gap: 0px;
}


.site_body {
  row-gap: 0;
  grid-template-columns: 1fr; /* コンテンツエリアのレイアウト調整 */
}

#main-area h2 {
  position: relative;
  font-weight: 800;
  margin: 3.75rem 20px 0.75rem;
}

h2 .detail-link {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 1;
  gap: 8px;
  margin: 0;
}

#main-area h2 span.ballon, span.balloon, .alabel {
  font-size: 13px;
  display: inline-block;
  position: absolute;
  border-radius: 50px;
  padding: 10px 20px;
  top: -2.0rem;
  left: 12px;
  text-align: center;
  color: #3c3c3c !important;
  background-color: #ffeb3b;
  font-weight: 800 !important;
}
span.balloon, .alabel {
  position: relative;
  top: 0px;
  margin-bottom: .75em;
}

#main-area .details h2 {
  padding: 10px 16px 10px 36px;
  width: calc(100% - 0px);
  display: flex;
  align-items: center;
  font-size: clamp(14px, calc(1.25vw + 16px), 18px);
  margin: 0 0 .5rem;
}

#main-area .details a[name=kako24] + h2 {
  margin-top: 3.75em;
}


.banner-item {
  width: calc(100% - 32px) !important;
  background: var(--surface) !important;
  border: var(--border) !important;
}
.banner-image {
  border-bottom: 0 !important;
  display: block;
  height: auto !important;
}
.banner-content {
  padding: 1.25rem !important;
}



#main-area h2 span.ballon:after, span.balloon:after, .alabel:after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 20px;
  margin-left: 0;
  border: 9px solid transparent;
  border-top: 9px solid #ffeb3b;
}
h2 .detail-link a, .main-column.details h5 .btnlnk {
  text-decoration: none;
  display: inline-block;
  background-color: var(--surface);
  color: var(--text);
  text-align: center;
  font-weight: 800;
  white-space: nowrap;
  position: relative;
  padding: 8px 14px;
  margin: 0 0;
  max-width: inherit;
  border-radius: 50px;
  border: 1px solid var(--border);
}



@keyframes infiniteScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-50% - var(--scroll-gap) / 2));
  }
}

.scroll_wrap {
  width: 100%;
  overflow: hidden;
}

.scroll_track {
  width: max-content;
  animation: infiniteScroll 30s linear 2;
}

.scroll_track:hover {
  animation-play-state: paused;
}

.scroll_inner {
  display: flex;
  flex-wrap: nowrap;
  gap: 0 var(--scroll-gap);
}



.tag-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 10px 0;
  margin-bottom: 20px;
}

.tag-list {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  white-space: nowrap;
  padding: 0 10px;
  /* スクロールバーを隠す */
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.tag-list::-webkit-scrollbar {
  display: none;
}

.tag {
  display: inline-block;
  padding: 6px 14px;
  margin: 0 6px;
  background-color: #f0f0f0;
  border-radius: 25px;
  color: #333;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.3s;
  flex-shrink: 0;
}

.tag:hover {
  background-color: #e0e0e0;
}

.tag.active {
  background-color: #4a90e2;
  color: white;
}

.status {
  text-align: center;
  margin-top: 20px;
  color: #666;
  font-size: 14px;
}

.controls {
  text-align: center;
  margin-top: 15px;
}

.controls button {
  background-color: #4a90e2;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
  margin: 0 5px;
  font-size: 14px;
}

.controls button:hover {
  background-color: #3a80d2;
}

.controls button:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}


#side-bar h2 .detail-link a {
  background-color: var(--surface-base);
  height: auto;
  width: auto;
  font-size: 11px;
  margin: 0;
  display: none;
}


/* お知らせページ固有のスタイル */
.notice-container {
  max-width: 800px;
  margin: 1.75rem auto;
  background-color: var(--surface);
  border-radius: 8px;
  box-shadow: 0 0px 0px 1px rgba(0,0,0,.1) inset;
  overflow: hidden;
  width: calc(100% - 40px);
}

.notice-header {
  padding: 20px 1.5rem;
  border-bottom: 1px solid var(--border);
}

.notice-label {
  display: inline-block;
  background-color: var(--surface-critical-strong);
  color: white;
  padding: 5px 12px;
  border-radius: 3px;
  font-size: 11px;
  margin-bottom: 10px;
}

.notice-title {
  font-size: clamp(14px, calc(1.25vw + 15px), 18px);
  font-weight: bold;
  margin: 0;
  color: var(--text);
}

.notice-date {
  color: var(--text-color-secondary);
  font-size: 12px;
  margin-top: 5px;
}

.notice-content {
  padding: .5rem 1.5rem;
  color: var(--text);
}

.logo-container {
  text-align: center;
  margin: 20px 0;
  padding: 2.5rem 0;
  background-color: var(--surface-base);
  border-radius: 5px;
}

.logo-container img {
  max-width: 250px;
}

.logo-caption {
  margin-top: 10px;
  font-size: 14px;
  color: var(--text-subdued);
}

.notice-content p {
  line-height: 1.6;
  margin: 16px 0;
  font-size: .9rem;
}

.notice-content h2 {
  font-size: clamp(14px, calc(1.25vw + 14px), 17px);
  margin-top: 1.75rem;
  padding-bottom: .5rem;
  border-bottom: 2px solid var(--surface-critical-strong);
  color: var(--text);
}

.notice-content strong {
  font-weight: bold;
  background: linear-gradient(transparent 60%, rgba(233, 76, 137, 0.2) 60%);
}

.notice-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 15px 0;
}

.notice-content th, .notice-content td {
  border: 1px solid var(--border);
  padding: 12px;
  text-align: left;
  font-size: .825rem;
}

.notice-content th {
  background-color: var(--border-hover);
}

.btn-contact {
  display: inline-block;
  background-color: var(--text-info);
  color: white;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 4px;
  margin-top: 10px;
  font-weight: bold;
}

.btn-contact:hover {
  background-color: #d32c6b;
}

.notice-content ul {
  font-size: .875rem;
  background-color: var(--surface-info);
  padding: 20px;
  border-radius: 8px;
}

.notice-content li:not(:last-child) {
  margin-bottom: 1.2rem;
}

.notice-footer {
  
  background-color: var(--border-hover);
  padding: 1.75rem 1.5rem 1.5rem;
  margin-top: 30px;
}

.update-list-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  color: var(--text);
}

.update-list {
  border-top: 1px solid var(--border);
}

.update-item {
  padding: 15px 0;
  border-bottom: 1px solid var(--border);
}

.update-date {
  color: var(--text-color-secondary);
  font-size: 12px;
}

.update-category {
  color: var(--text-color-secondary);
  font-size: 12px;
}

.update-title {
  display: block;
  margin-top: 3px;
  font-size: 14px;
  color: var(--text);
  text-decoration: none;
}


#banner-container .widget-banner a, .affiliate-adv .widget-banner a {
  margin: 0 auto;
}
#banner-container .widget-banner {
  text-align: center;
  display: block;
}
#banner-container .widget-banner img, .affiliate-adv .widget-banner img {
  vertical-align: bottom;
  display: block;
  width: 100%;
}

.update-title:hover {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .notice-container {
      margin: 2rem auto;
      width: auto;
      padding: 0rem 0rem;
  }
  .notice-header {padding: 2.5rem 3.5rem;}
  .notice-content {
    padding: 1.75rem 3.5rem;
  }

  #banner-container .widget-banner a, .affiliate-adv .widget-banner a {
    padding: 1.75rem 0;
  }

  #banner-container .widget-banner img, affiliate-adv .widget-banner img {
    max-width: 300px;
    vertical-align: bottom;
  }
  
}


#main-area h2.ttl {margin: 0 auto;font-size: clamp(13px, calc(.25vw + 15px), 18px); line-height: 1.2;}

#main-area .tbllist h2.ttl {
  padding: 4px 0px;
}

#main-area.grid-view h2.ttl {font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: center;
}
#main-area.grid-view h2.ttl,  .grid-view .tbllist p.furi {
  text-align: center;
}

#main-area h2.ttl a {  color: var(--text); }

input[type="text"] { max-width: 100%;}

.site_body, .breadcrumb, .footer .credit {max-width: 1200px;
  margin: 0 auto;}
.site_body { margin: 0;
row-gap: 0rem;}


.n-head nav.navbar.li-top-nav .login, .n-head nav.navbar.li-top-nav .register, .n-head nav.navbar.li-top-nav .logout {
  display: none;
}

.footer-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  color: var(--text);
  background-color: var(--surface);
  text-align: center;
  padding: 10px 0;
  box-shadow: 0 0px 0px 1px var(--border);
  display: flex;
  justify-content: space-around;
}

.footer-bar a {
  color: var(--text);
  text-decoration: none;
  font-size: 10px;
  font-weight: 600;
  display: flex;
  align-items: center;
  font-weight: 600;
  flex-direction: column;
  gap: 4px;
}
.footer-bar a i {
  color: var(--text);
  text-decoration: none;
  font-size: 10px;


}

.footer-bar a:hover {
  text-decoration: inherit;
}


footer.footer .credit {
  position: relative;
}
footer.footer .credit .footer-inner a {
  display: inline-block;
}
footer.footer .credit .footer-inner img {
  display: inline-block;
}

footer.footer .credit .credit-inner {
  overflow: hidden;
  height: 18vw;
  max-height: 200px;
}

footer.footer .credit .credit-inner p {
  margin-bottom: 1em;
}

footer.footer .credit:before  {
  content: "";
  left: 0px;
  top: 0;
  width: 70%;
  height: 80px;
  border-radius: 0px;
  position: relative;
  background-color: var(--icon);
  display: block;
  -webkit-mask: url(../images/minnanoav-logo.svg) no-repeat center center / contain;
  mask-image: url(../images/minnanoav-logo.svg);
}


/* テーブル */
table th, table td { 
  padding: 4px;
  vertical-align: top;
  position: relative;
}


/* アイコン設定 */
.av-logo a, ul.h-menu li i, ul.h-menu li button, .n-head .navbar ul li i, .wiki-lnk:before, .btnlnk i, form.add_favorite:before, .act-area .act-rank:before, a.btnlnk.ply:before, .rnkcnt span strong, .profile-title i, .free-title i, #main-area h2 i, .side-column h2 i, .footer-bar a i, ul.DisplayMode button i, ul.sns-btn li i {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.av-logo a, ul.h-menu li i, ul.h-menu li button, .n-head .navbar ul li i, .wiki-lnk:before, .btnlnk i, form.add_favorite:before, .act-area .act-rank:before, a.btnlnk.ply:before, .rnkcnt span strong, .profile-title i, .free-title i, #main-area h2 i, .side-column h2 i, .footer-bar a i, ul.DisplayMode button i, ul.sns-btn li i {
  position: relative;
  display: inline-block;
  background-color: transparent;
  text-indent: -9999em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100%;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
}


#main-area h2 i {
  width: calc(1.5vw + 22px);
  height: calc(1.5vw + 22px);
  display: none;
}
.side-column h2 i {
  width: 24px;
  height: 24px;
  display: none;
}
ul.h-menu li i, ul.h-menu li button, .btnlnk i, .profile-title i, .free-title i, .footer-bar a i {
  width: 20px;
  height: 20px;
}
.n-head .navbar ul a i {
  width: 18px;
  height: 18px;
}
.wiki-lnk:before, .rnkcnt span strong, .act-area .act-rank:before, ul.DisplayMode button i {
  width: 16px;
  height: 16px;
}
form.add_favorite:before {
  width: 14px;
  height: 14px;
}

#ModeButton--light { display: none;}
#ModeButton--dark { display: inline-block;}
.Dark #ModeButton--light { display: inline-block;}
.Dark #ModeButton--dark { display: none;}


.av-logo a {
  background-image: url(../images/minnanoav-logo-light.svg);
}
.Dark .av-logo a {
  background-image: url(../images/minnanoav-logo-dark.svg);
}

.wiki-lnk:before {
  -webkit-mask: url(../images/link-horizontal.svg) no-repeat center center / contain;
  mask-image: url(../images/link-horizontal.svg);
}
ul.h-menu li.menubtn i  {
  -webkit-mask: url(../images/menu-burger.svg) no-repeat center center / contain;
  mask-image: url(../images/menu-burger.svg);
  width: 22px;
  height: 22px;
}
.menu-active ul.h-menu li.menubtn i {
  -webkit-mask: url(../images/cross.svg) no-repeat center center / contain;
  mask-image: url(../images/cross.svg);
  width: 16px;
  height: 16px;
}
ul.h-menu li.search i  {
  -webkit-mask: url(../images/search.svg) no-repeat center center / contain;
  mask-image: url(../images/search.svg);
  width: 60%;
  height: 60%;
}
ul.h-menu li.ModeButton button.ModeButton--dark {
  background-image: none;
  -webkit-mask: url(../images/moon.svg) no-repeat center center / contain;
  mask-image: url(../images/moon.svg);
  width: 55%;
  height: 55%;

}
ul.h-menu li.ModeButton button.ModeButton--light {
  background-image: none;
  -webkit-mask: url(../images/brightness.svg) no-repeat center center / contain;
  mask-image: url(../images/brightness.svg);
}


.n-head .navbar ul .favorite i {
  -webkit-mask: url(../images/bookmark.svg) no-repeat center center / contain;
  mask-image: url(../images/bookmark.svg);
}

form.add_favorite:before, .n-head .navbar ul .favorite.selected i {
  -webkit-mask: url(../images/bookmark-fill.svg) no-repeat center center / contain;
  mask-image: url(../images/bookmark-fill.svg);
}

ul.DisplayMode button i {
  -webkit-mask: url(../images/grid.svg) no-repeat center center / contain;
  mask-image: url(../images/grid.svg);
}

ul.DisplayMode button.ModeButton--list i {
  -webkit-mask: url(../images/list-text.svg) no-repeat center center / contain;
  mask-image: url(../images/list-text.svg);
}


.n-head .navbar ul .ranking i {
  -webkit-mask: url(../images/trophy.svg) no-repeat center center / contain;
  mask-image: url(../images/trophy.svg);
}
.n-head .navbar ul .ranking.selected i {
  -webkit-mask: url(../images/trophy-fill.svg) no-repeat center center / contain;
  mask-image: url(../images/trophy-fill.svg);
}

.tag-grid-list a i:before {
  -webkit-mask: url(../images/label.svg) no-repeat center center / contain;
  mask-image: url(../images/label.svg);
}

.go-to-top-button i:before {
  -webkit-mask: url(../images/arrow-alt-to-top.svg) no-repeat center center / contain;
  mask-image: url(../images/arrow-alt-to-top.svg);
}


.n-head .navbar ul .actress i {
  -webkit-mask: url(../images/heart.svg) no-repeat center center / contain;
  mask-image: url(../images/heart.svg);
}

.n-head .navbar ul .actress.selected i {
  -webkit-mask: url(../images/heart-fill.svg) no-repeat center center / contain;
  mask-image: url(../images/heart-fill.svg);
}

.n-head .navbar ul .av i {
  -webkit-mask: url(../images/film.svg) no-repeat center center / contain;
  mask-image: url(../images/film.svg);
}
.n-head .navbar ul .av.selected i {
  -webkit-mask: url(../images/film-fill.svg) no-repeat center center / contain;
  mask-image: url(../images/film-fill.svg);
}
.n-head .navbar ul .free i {
  -webkit-mask: url(../images/play-alt.svg) no-repeat center center / contain;
  mask-image: url(../images/play-alt.svg);
}

.n-head .navbar ul .blog i {
	-webkit-mask: url(../images/newspaper.svg) no-repeat center center / contain;
	mask-image: url(../images/newspaper.svg);
}

.btnlnk i, .footer-bar a i, .menu-window ul.column-3 a i {
  -webkit-mask: url(../images/add.svg) no-repeat center center / contain;
  mask-image: url(../images/add.svg);
}
.n-head .navbar ul .free.selected i, .free-title i {
  -webkit-mask: url(../images/play-alt-fill.svg) no-repeat center center / contain;
  mask-image: url(../images/play-alt-fill.svg);
}


.rnkcnt .rnkup strong {
  -webkit-mask: url(../images/arrow-trend-up.svg) no-repeat center center / contain;
  mask-image: url(../images/arrow-trend-up.svg);
}

.rnkcnt .rnkdown strong {
  -webkit-mask: url(../images/arrow-trend-down.svg) no-repeat center center / contain;
  mask-image: url(../images/arrow-trend-down.svg);
}
.rnkcnt .rnkeven strong {
  -webkit-mask: url(../images/arrow-right.svg) no-repeat center center / contain;
  mask-image: url(../images/arrow-right.svg);
}


.act-area .act-rank:before {
  -webkit-mask: url(../images/trophy-fill.svg) no-repeat center center / contain;
  mask-image: url(../images/trophy-fill.svg);
}

.profile-title i {
  -webkit-mask: url(../images/following.svg) no-repeat center center / contain;
  mask-image: url(../images/following.svg);
}


a.btnlnk.ply:before {
  -webkit-mask: url(../images/play.svg) no-repeat center center / contain;
  mask-image: url(../images/play.svg);
}
ul.sns-btn li.tw i {
  -webkit-mask: url(../images/x-icon.svg) no-repeat center center / contain;
  mask-image: url(../images/x-icon.svg);
}
ul.sns-btn li.line i {
  -webkit-mask: url(../images/line-icon.svg) no-repeat center center / contain;
  mask-image: url(../images/line-icon.svg);
}
ul.sns-btn li.copy i {
  -webkit-mask: url(../images/paste-icon.svg) no-repeat center center / contain;
  mask-image: url(../images/paste-icon.svg);
}


ul.h-menu li i, ul.h-menu li button, .n-head .navbar ul li i, .wiki-lnk:before, .btnlnk i, form.add_favorite:before, .footer-bar a i, .menu-window ul.column-3 a i, ul.DisplayMode button i {
  background-color: var(--icon);
}
.n-head .navbar ul li.selected i, .rnkcnt span strong, .free-title i, .tag-grid-list a i:before, .go-to-top-button i:before, .grid-view ul.DisplayMode #ModeButton--grid i, .list-view ul.DisplayMode #ModeButton--list i {
  background-color: var(--text-info);
}
.rnkcnt span.rnkeven strong {
  background-color: var(--text-subdued);
}
.rnkcnt span.rnkup strong, .profile-title i {
  background-color: var(--red-500);
}



/* レーダーチャート */
.radar-chart-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 80%;
  height: 80%;
  margin: 0 auto;
  padding: 0px;
  box-sizing: content-box;
}

.radar-chart-2 svg {
  width: 100%;
  height: 100%;
}

.radar-chart-2 dl {
  position: absolute;
  width: 100%;
  height: 100%;
}

.radar-chart-2 dl > div {
  position: absolute;
  color: var(--text-subdued);
  font-size: 9px;
  text-align: center;
}

.radar-chart-2 dl > div:nth-child(1) {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.radar-chart-2 dl > div:nth-child(2) {
  top: 31%;
  right: 7%;
  transform: translateX(50%);
}

.radar-chart-2 dl > div:nth-child(3) {
  bottom: 6%;
  right: 25%;
  transform: translateX(50%);
}

.radar-chart-2 dl > div:nth-child(4) {
  bottom: 6%;
  left: 25%;
  transform: translateX(-50%);
}

.radar-chart-2 dl > div:nth-child(5) {
  top: 31%;
  left: 7%;
  transform: translateX(-50%);
}

.radar-chart-2 dd {
  margin: 1px 0 0;
  color: var(--text);
  font-size: 11px;
  font-weight: bold;
}







/* 共通レイアウト */
.bn-box {
  /* background: var(--event-bg); */
  background-color: var(--surface);
  color: var(--band-50);
  padding: 0px 0;
  text-align: center; font-weight: bold;
  margin: 0px auto;
  width: 100%;
  margin-bottom: 20px;

}

.bn-box.sticky {
  display: block;
  position: sticky;
  top: 78px;
  z-index: 2;
  margin-bottom: 0px;
  transition: top 0.1s ease-in-out;

  background-color: #CCC;

}
.hide .bn-box.sticky {
  top: 40px;
}


.twitter-widget .container {
  background-color: var(--surface);
  overflow: hidden;
  text-align: center;
  border-radius: 0px;
  min-height: 350px;
  border: 1px solid var(--border);
  border-width: 1px 0 1px 0;
  margin-bottom: 20px;
}



.main-column.details h1, .front #main-area h2, .front .main-column h1 {
  font-size: clamp(14px, calc(1.25vw + 16px), 20px);
  font-weight: 800;
  line-height: 1.2;
  padding: 8px 12px 8px 32px;
  margin: 1.5rem 0px 0;
}

.front #main-area h2, .profile-title, .heading-title, .free-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0.25rem 0px 0.25rem 0px;
  font-size: clamp(14px, calc(1.25vw + 16px), 19px);
  column-gap: 8px;
  /* color: var(--surface);
  background-color: var(--icon-interactive); */
}

.front #main-area h2:before, .profile-title:before, .free-title:before, .heading-title:before, #main-area .details h2:not(.ttl):before, .side-column h2::before {
  content: "";
  position: absolute;
  bottom: 20%;
  left: 16px;
  margin-left: 0;
  border: 9px;
  background: var(--icon-interactive);
  width: 8px;
  height: 60%;
  border-radius: 100px;
}
 .side-column h2::before { left: 0;}

#main-area h2 i.label, .side-column h2 i.label {
  background-image: url(../images/tag.svg);
  width: 32px;
  height: 32px;
}
#main-area h2 i.actress, .side-column h2 i.actress {
  background-image: url(../images/love.svg);
}
#main-area h2 i.free, .side-column h2 i.free {
  background-image: url(../images/play-color.svg);
  /* -webkit-mask: url(../images/film.svg) no-repeat center center / contain;
  mask-image: url(../images/film.svg);
  background-color: #CCC000; */
}




.front #main-area h2 span, .item .title-box span, .free-title .detail-link {
  font-size: clamp(9px, calc(.25vw + 10px), 12px);
  font-weight: normal;
  margin: 0;
  color: var(--text-subdued);
}

.tab-box h3 .color {
  background: var(--icon-info);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.front #main-area a[name="kako24"] + h2, .front #main-area .type-a.act-layout + h2 {
  margin: 3.25rem 0px 0.5rem 0px;
  
}

.main-column.details h1 {
  margin: 0 auto;
  padding: 16px 16px;
  font-size: clamp(14px, calc(1.25vw + 16px), 21px);
  
}
.main-column.details h1.title {
  font-size: clamp(13px, calc(1.0vw + 14px), 20px);
  
}

.rnkcnt {
  font-size: 16px;
  line-height: 1;
  text-align: center;
  font-weight: 700;
  margin: 0px auto;
  padding:0px 0px;
  min-width: 36px;
}
.main-column.details h1 img {
  vertical-align: middle;
  margin-right: .5rem;
}
.mb20 {margin-bottom: 1rem;}

.side-column h2, .side-column h3, .side-column h4, .side-column h5 { font-size: 17px; font-weight: 800;}

.side-column ul, .side-list a, .ttl, .tbllist.actress .ttl {font-size: 15px;}

.act-profile table, .type-d.popular .pickup p a, .act-layout .pickup p a, .footer p, .detail-link a, .details .tagarea, .add-video-area p {font-size: 13px;}


.chkarea div > span,
.header-nav,
.n-head .notice,
.footer,
.av-logo,
.search-bar,
.chkarea,
.av-data .prof-table td:first-child,
.tbllist, .pagination,
.side-column, .chkarea a.btnlnk, .act-layout td > a, .rate-table, .free-data table, .act-layout .pickup p, .front .type-a:not(.act-layout) .pickup p a, .tbllist .ttl, .act-video-list table .ttl, .actress-grid a .actress-name {
  font-size: 12px; /* 基本フォントサイズ */
}

.prof-table, .breadcrumb, .tbllist .ttl, .act-video-list table .ttl, .btnlnk.action-button, h2 .detail-link a {
  font-size: 12.5px;
}
.list-view .act-video-list table .ttl, .list-view .tbllist.av .cast {
  padding-right: 12px;
}


.chkarea, p.notice, .n-head .navbar ul a, .side-list .detail-link a, .side-column.side-list table td, .tagarea, .main-column.details h5 p, .main-column h1 span, .act-area .ratebtn, .pickup a, .pickup p a {
  font-size: 11px; /* 細かいテキストエリアのサイズ調整 */
}

.tbllist th.t9, p.furi { font-size: 9px;margin: 2px auto;}
.tbllist th.t9 {margin: 0px auto;}
.tbllist p.furi { font-size: 9px; margin-bottom: 6px;
  font-weight: 600;
  display: -webkit-box;
  color: var(--text-subdued);
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
}

.tbllist .tagarea {
  display: -webkit-box;
  overflow: hidden;
  margin: 4px auto 0;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.tbllist .tagarea a {
  display: inline-block;
  padding: 3px 5px;
  background-color: var(--surface-info);
  color: var(--text-info);
  font-size: 9px;
  font-weight: bold;
  margin: 2px 2px 0 0;
  line-height: 1;
  border-radius: 30px;
}
.tbllist .tagarea a:nth-child(n+4), .grid-view .tbllist .tagarea {
  display: none;
}

.grid-view .tbllist .tagarea a {
  padding: 4px 8px;
  font-size: 75%;
}

/*　ページ簡略　*/
.rnkup, .rnkdown, .rnkeven, .search_result_free .chkarea, .list-table .chkarea {
  /* display: none; */
}

.tipr_container_top {
  position: relative;
  z-index: 1;
}
.tipr_point_top {
  position: absolute;
  padding: 8px;
  bottom: 1.5rem;
  background-color: var(--surface-info);
  font-weight: normal;
  width: 90px;
  right: 0;
  border-radius: 5px;
  text-align: center;
}
.tipr_content {
  line-height: 1.2;
  font-size: 9px;
}
.ttl-label {
  color: var(--white-100);
  background-color: var(--text-text-critical);
  text-align: left;
  padding: 14px 20px;
  font-size: clamp(14px, calc(0.5vw + 14px), 16px);
  font-weight: 800;
}

.actress-adv-container a {
  display: block;
  text-align: center;
  position: relative;
}


/* おすすめ女優リストのスタイリング */
.recommend-actress-list {
  display: flex; /* flexboxを有効にする */
  flex-wrap: wrap; /* 要素が多ければ折り返す */
  list-style: none; /* リストの黒丸を消す */
  padding: 0;
  margin: 0;
  gap: .75rem; /* 要素間の隙間 */
  row-gap: 1.25rem;
  justify-content: space-around; /* 中央揃えにする場合 */
}

.recommend-actress-list li {
  text-align: center; /* テキストを中央揃え */
  width: 80px; /* 各要素の幅 */
}

.recommend-actress-list li a {
  text-decoration: none;
  color: #333; /* リンクの色 */
  display: block;
}
.recommend-actress-list li a img {
  border-radius: 100px;
  height: 80px; 
  object-fit: cover;
}

.recommend-actress-list li a:hover {
  opacity: 0.8; /* ホバー時に少し透明にする */
}

.recommend-actress-list .actress-name {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  font-weight: 700;
}


.adv-item, .adv-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .75rem;
  margin: 0 auto;
  align-items: center;
}

.affiliate-adv .adv-content {
  width: 100%;
  height: auto;
  -webkit-flex-direction: row;
  flex-direction: row;
  display: grid;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-snap-align: start left;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-padding: 0 50%;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  position: relative;
  z-index: 0;
  grid-gap: .5rem;
  row-gap: 1.75rem;
  grid-template-columns: repeat(5, auto);
}

.adv-content {
  display: flex;
  padding: 1.75rem 1.25rem 0.75rem;
  row-gap: 0;
  /* flex-wrap: wrap; */
  align-items: flex-start;
}

.affiliate-adv .adv-content {
  padding: 0;
  grid-gap: 0;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
}

.adv-content.mgs, .adv-content.fz {
  padding: 0rem 20px 1.5rem;
  grid-template-columns: repeat(1, auto);
}
.adv-content.both {
  display: grid;
  flex-direction: row;
  gap: 0;
  margin: 0 ;
}
.adv-content .mgs-section, .adv-content .dmm-section {
  flex-direction: column;
  justify-content: flex-start;
}


h6.platform-title {
  padding: .35rem;
  border-radius: 2px;
  display: block;
  font-size: 11px;
  background-color: var(--icon-interactive);
  text-align: center;
  margin-bottom: .75rem;
  color: #FFF;
}

.mgs-section h6.platform-title {
  background-color: #000000;
}
.dmm-section h6.platform-title {
  background-color: #ee2737;
}


.adv-item p, .adv-content p {
  line-height: 1.4;  
}
.adv-content .afflink .title, a.aclass_afflink p.pclass_afflink {
  font-weight: bold;
  font-size: 12.5px !important;
  color: var(--text);
  background: var(--surface);
  padding: 1.0rem 1.75rem;
  margin: 0 auto !important;
  display: block;
  text-align: center;
  line-height: 1.25;
}
div.mgs_widget_affiliate_afflink .divclass_afflink {
  padding-top: 0 !important;
}
.actress-adv-container img, .adv-item img, .adv-content img {
  /* display: block;
  filter: blur(3px); */
}
.actress-adv-container img, .adv-item img, .adv-content img {
  display: block;
  margin: 0 auto;
}


.adv-item .title, .adv-content .title, .actress-adv-container .title {
  font-weight: 700;
  margin-bottom: 1em;
  padding-right: 12px;
  color: var(--text);
  line-height: 1.2;
}
.actress-adv-container .title {
  background-color: var(--surface);
  padding: 15px 15px;
}


.afflink {
  font-size: 14px;
  margin: 0 auto;
  width: 170px;
}
.adv-content li.liclass_afflink a.aclass_afflink, .adv-content .afflink a {
  margin: 0 auto;
  margin-top: 1rem;
  border-radius: 8px;
  overflow: hidden;
  display: block;
}

.middle-detail-adpart .recommended-act h2 {display: none;}

.affiliate-adv {
  margin: 1.5rem 0;
  padding: 0;
  color: var(--text);
  background-color: var(--surface-critical);
  width: 100vw;
  overflow: hidden;
}
.affiliate-adv img {
  vertical-align: bottom;
  display: block;
  min-height: inherit;
  margin: 0 auto;
  object-fit: cover;
  width: auto !important;
}
.adv-content.both  img {
  min-height: 250px;
}
.adv-content.fz .afflink {
  width: auto;
}

.adv-content.mgs img, .adv-content.fz img {
  aspect-ratio: 16 / 10.5;
}

/* アニメーションキーフレーム */
@keyframes jacketGlow {
  0% { box-shadow: 0 0 5px rgba(243, 221, 121, 0.5); }
  50% { box-shadow: 0 0 20px rgba(243, 221, 121, 0.8); }
  100% { box-shadow: 0 0 5px rgba(243, 221, 121, 0.5); }
}

@keyframes badgeColor {
  0% { background-color: #f3dd79; }
  25% { background-color: #ffb3ba; }
  50% { background-color: #bae1ff; }
  75% { background-color: #baffc9; }
  100% { background-color: #f3dd79; }
}

/* ジャケットコンテナ */
.av-area .jacket {
  position: relative;
}

.jacket-container {
  position: relative;
  display: block;
  text-align: center;
  margin: 0;
  background-color: var(--border);
}

.jacket-wrapper {
  position: relative;
  display: inline-block;
}

.jacket-image {
  min-height: 200px;
  max-height: 360px;
}
/* アニメーション付きジャケットリンク */
.animated-jacket-link {
  position: relative;
  display: inline-block;
  transition: all 0.3s ease;
  text-decoration: none;
}

.animated-jacket-link:hover {
  animation: jacketGlow 2s infinite;
  transform: scale(1.02);
}

/* リンクバッジ */
.link-badge {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  padding: 6px 10px;
  border-radius: 50px;
  font-size: 11px;
  font-weight: bold;
  color: #333;
  text-indent: -9999em;
  /* animation: badgeColor 6s infinite; */
  transition: all 0.3s ease;
}

.mgs-badge {
  background-color: #ff6b6b;
  color: white;
}

.dmm-badge {
  background-color: #4ecdc4;
  color: white;
}

.special-badge {
  background-color: #9c27b0;
  color: white;
}

.no-link-badge, .modal-badge {
  background-color: var(--icon);
  color:  var(--surface);
}

/* デュアルリンク（両方のIDがある場合）とシングルリンクのオーバーレイ */
.jacket-container .link-overlay,
.dual-links .link-overlay,
.single-mgs .link-overlay,
.single-dmm .link-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.jacket-container:hover .link-overlay,
.dual-links:hover .link-overlay,
.single-mgs:hover .link-overlay,
.single-dmm:hover .link-overlay {
  opacity: 1;
}

.jacket-link {
  display: block;
  margin: 8px 0;
  padding: 10px 20px;
  border-radius: 25px;
  text-decoration: none;
  font-weight: bold;
  transition: all 0.3s ease;
  min-width: 120px;
  text-align: center;
}

.mgs-link {
  background-color: #000;
  color: white;
  transform: scale(1.1);
}

.dmm-link {
  background-color: #ee2737;
  color: white;
  transform: scale(1.1);
}

.modal-link {
  background-color: var(--icon);
  color: white;
}

a:not(.btnlnk).jacket-link:hover {
  transform: scale(1.1);
  /* animation: badgeColor 3s infinite; */
  color: white;
}

/* 拡大表示ボタンの特別スタイル */
a:not(.btnlnk).modal-link:hover {
  background-color: var(--icon);
  color: white;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}

.link-label {
  font-size: 15px;
  font-weight: 800;
}
.jacket-link {
  font-size: 12px;
  padding: .75rem 2rem;
  margin: .5rem 0;
  opacity: .925;
  min-width: 100px;
}
/* 代替リンク（小さいサイズ） */
.alternative-links-small {
  margin-top: 10px;
  text-align: center;
}

.alt-small-link {
  display: inline-block;
  margin: 0 5px;
  padding: 4px 8px;
  background-color: #f3dd79;
  color: #333;
  text-decoration: none;
  border-radius: 10px;
  font-size: 11px;
  animation: badgeColor 8s infinite;
  transition: all 0.3s ease;
}

.alt-small-link:hover {
  transform: scale(1.05);
}

/* 画像なしの場合 */
.no-image-container {
  position: relative;
  display: inline-block;
}

.no-image-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  padding: 20px;
  border-radius: 10px;
  color: white;
}

.no-image-text {
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
}

.no-image-links {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.no-image-link {
  padding: 6px 12px;
  border-radius: 15px;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  transition: all 0.3s ease;
}

.no-image-link.mgs-link {
  background-color: #ff6b6b;
  color: white;
}

.no-image-link.dmm-link {
  background-color: #4ecdc4;
  color: white;
}

.no-image-link:hover {
  transform: scale(1.1);
  animation: badgeColor 3s infinite;
}


/* レスポンシブ対応 */
@media (max-width: 768px) {
  .jacket-container {
      text-align: center;
  }
  
  .jacket-container .link-overlay,
  .dual-links .link-overlay,
  .single-mgs .link-overlay,
  .single-dmm .link-overlay {
      opacity: 1;
      background: rgba(0, 0, 0, 0.075);
  }
  
  .jacket-link {
      font-size: 12px;
      padding: 10px 20px;
      margin: .4rem 0;
      min-width: 100px;
  }
  .link-label {
    font-size: 12.5px;
  }

  .link-badge {
  }

}


/* タブレット全般（iPad含む） */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* タブレット用のスタイル */
  .jacket-container .link-overlay,
  .dual-links .link-overlay,
  .single-mgs .link-overlay,
  .single-dmm .link-overlay {
      opacity: 1;
      background: rgba(0, 0, 0, 0.1);
  } 
}




.main-column.details h5.adv-title {
  font-size: clamp(13px, calc(1.25vw + 14px), 16px);
  font-weight: 800;
  color: var(--red-500);
  border-bottom: 0px solid var(--band-50);
  padding-bottom: 2px;
  padding-top: 1.25rem;
}

.dmm-adv, .mgs-adv, .default-adv {
  text-align: center;
  max-width: 220px;
}
.dmm-adv img, .mgs-adv img, .default-adv img {
  max-width: 100%;
  height: auto;
  border: 3px solid var(--band-50);
  border-radius: 8px 8px 0 0;

}
.buy-btn {
  display: inline-block;
  background-color: #ff6600;
  color: white;
  padding: 8px 15px;
  border-radius: 4px;
  font-weight: bold;
  text-decoration: none;
}

.mb0 {
  margin-bottom: 0em !important;
}
.mb20 {
  margin-bottom: 1.75em !important;
}
.mt0 {
  margin-top: 0em !important;
}
.mt20 {
  margin-top: 1.25em !important;
}

.grid-li {
  width: 100%;
  display: grid;
  margin: .25rem auto;
  gap: .75rem;
  grid-template-columns: repeat(2, auto);
  padding: 0 20px;
}
.grid-li a {
  width: 100%;
  max-width: 250px;
  max-height: 250px;
  display: block;
  overflow: hidden;
  border-radius: 0px;
  position: relative;
}


ul.site-li {
  margin-bottom: 2em;
}
.site-li li a {
  padding: 14px 16px;
  font-size: 16px;
  font-weight: bold;
  display: block;
  border-bottom: 1px solid var(--border);
}

/* ads box */
.bn120, .bn130, .bn150 { width: 100%;
  height: 120px;
  margin: 0px auto;
  overflow: hidden;
 }
 .bn130 { 
  height: 130px;
 }
 .bn150 { 
  height: 155px;
 }

 .bn200 { width: 100%; height: 244px;margin: 0 auto; }
 .bn200 iframe { height: 255px; }
 .bn250 { width: 100%; height: 250px;margin: 0 auto !important;

}
.bn350 { width: 100%; border-bottom: 1px solid var(--border);}

.bn350, .bn350 iframe {
  height: 360px;
  background-color: var(--surface);  
}

.bn-jkt { width: 100%; border-bottom: 0px solid var(--border);}
.bn-jkt, .bn-jkt iframe {
  height: 80vw; max-height: 420px;
}
.bn-mvlist { width: 100%; border-bottom: 0px solid var(--border); background-color: var(--border);}
.bn-mvlist, .bn-mvlist iframe {
  height: 30vw; max-height: 200px;
}

.bn-mvlist.roll { width: 100%; border-bottom: 0px solid var(--border); background-color: var(--border);}
.bn-mvlist.roll, .bn-mvlist.roll iframe {
  height: 100vw; max-height: 420px;
}


.bn-mv-l { width: 100%; border-bottom: 0px solid var(--border); background-color: var(--border);}
.bn-mv-l, .bn-mv-l iframe {
  height: 56.25vw;
  max-height: 320px;
}


.bn-square { width: 100%; height: 100vw; max-height: 800px; border-bottom: 0px solid var(--border);}

.bn480 { width: 100%; height: 480px; border-bottom: 0px solid var(--border);}
.bn680 { width: 100%; height: auto; border-bottom: 0px solid var(--border);}
.bn680 iframe {
  height: 715px; 
}
/* .free-video-list ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    row-gap: 20px;
    padding: 0 20px;
    width: calc(100% - 0px);
} */
/* .home .free-video-list ul li:first-child {
  grid-column: 1 / 3;
} */
/* .home .free-video-list ul li:last-child {
  display: none;
} */

/* .free-video-list ul li a {
  color: var(--text);
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.25;
  font-size: 14px;
  margin-bottom: 6px;
  font-weight: 700;
} */
.free-video-list a.title {
  font-weight: 700;
}
.free-video-list .cast a {
  font-size: 12px;
  margin-bottom: 8px;
}
.free-video-list a.thumb {
  border-radius: 8px;
  overflow: hidden;
  display: block;
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}


.bn-wide-m {
  max-width: 460px;
  margin: 0 auto;
  border-radius: 8px;
  overflow: hidden;
  width: calc(100% - 40px);
}
.front .bn-wide-m {
  margin-top: 2.5rem;
}
.bn-wide-m a {display: block; position: relative;}
.bn-wide-m a:after {
  background-color: var(--red-700);
  border-radius: 0;
  color: var(--white-50);
  content: "詳細をチェック";
  padding: 3px 6px;
  position: absolute;
  font-size: 10px;
  right: 0px;
  bottom: 0px;
  letter-spacing: 0.1pt;
  font-weight: 700;
}


.mincasi-area { width: 100%; height: 330px;margin: 0 auto !important;    overflow: hidden;}
.bn250 iframe { width: 100%; height: 250px;}


/*　Footer　*/
.footer p {
  color: var(--icon);
  line-height: 1.45;
  margin-bottom: 1.0rem;
}
.footer p a {
  display: inline-block;
}

/*　Header　*/
.header-nav {
  display: grid;
  grid-template-columns: auto 1fr;
}
#site-header p.notice, .n-head .notice {
  text-align: center;
  padding: 7px 0px 6px;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  font-size: 11px;
}
.n-head .navbar ul {
  display: grid;
  grid-template-columns: repeat(4, auto);
  align-items: center;
  justify-content: space-between;
  margin: 0px auto;

}
.n-head .navbar ul a {
  text-decoration: none;
  display: flex;
  align-items: center;
  color: var(--text);
  text-align: center;
  font-weight: 800;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  padding: 10px 0px;
  gap: 5px;
  font-size: 12.5px;
}

.n-head .navbar ul li.selected a {
  color: var(--text-info);
}

.n-head .navbar ul a i {
  display: inline-block;
}



.n-head .navbar ul a span, .n-head .li-top-nav-wrapper .align-right {
  display: none;
}


nav.navbar.li-top-nav {
  padding: 0px 20px;
}

.av-logo a {
  display: inline-block;
  margin: 0px 15px;
  width: 180px;
  height: 100%;
}
.av-logo img {
  /* width: auto;
  height: 34px;
  margin: 0 auto; */
  display: none;
}

/*スライダー*/
.slick-slider {
  width: 100vw;
  display: none; /* 最初は非表示に */
}
.slider.slick-initialized{
  display: block; /* slickが実行完了したら表示 */
}
.slick-vertical .slick-slide {
  border: 0px solid transparent;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/* .details section.video-jacket */

.slider.sticky {
  position: sticky;
  top: 78px;
  z-index: 1;
  transition: top 0.1s ease-in-out;
  background-color: transparent;
  text-align: center;
}
.details section.video-jacket { 
  background-color: var(--gray-900);
}

.front .slider.sticky {
  margin: 2.75rem auto 0;
}

.hide .slider.sticky {
  top: 40px;
}

.slider .inner {
  width: 100%;
  padding: 0px 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-size: 100%;
  overflow: hidden;
  font-weight: 800;
}

.slider a {
  color: var(--surface);
}



#js-slick.slider .inner {width: 100vw;}
#js-slick.slider .inner i, #menu-slick.slider .inner i {
  text-indent: -9999em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 100px;
  height: 60px;
}

.slider .inner .btn {
  text-decoration: none;
    display: block;
    background-color: var(--surface-info);
    color: var(--text-info);
    text-align: center;
    font-weight: 800;
    white-space: nowrap;
    position: relative;
    padding: 8px 4px;
    margin: 0 0;
    max-width: inherit;
    border-radius: 50px;
    font-size: 11.5px;
}
.slider a, .slider a:hover, .slider a:focus {
  color: inherit;
  display: inline-block;
}
.slider a img {
  display: block;
}
#js-slick.slider .slide {
  background-size: cover;
  background-position: center center;
}
.slider .inner .btn {
  color: #FFF;
  background-color: var(--text-info);
  position: relative;
  overflow: hidden;
  min-width: 90px;
}
.slider .inner .btn:before {
    -webkit-animation: badgeHighlightShimmer 3.5s;
    animation: badgeHighlightShimmer 3.5s;
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
    -webkit-animation-iteration-count: 5;
    animation-iteration-count: 5;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .18) 25%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .18) 75%, rgba(255, 255, 255, 0));
    content: "";
    display: block;
    height: 90px;
    left: -60%;
    position: absolute;
    top: -150px;
    -webkit-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);
    width: 250px;

}



@keyframes badgeHighlightShimmer {
  0% {
      left: -100%;
      top: -150px
  }

  50% {
      left: 100%;
      top: 150px
  }

  to {
      left: 100%;
      top: 150px
  }
}


#js-slick.slider p, #menu-slick.slider p { 
  word-break: keep-all;
  font-size: calc(0.25vw + 17px);
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: center;
  font-weight: 800;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(45deg, #956732, #d69443, #f2b96e, #fcdd84, #f2b96e, #d69443, #956732, #ca9044, #f2b963);
  background-image: linear-gradient(90deg, #6176ff 15%, #4053ff 35%, #4053ff 65%, #6176ff 85%);
  background-image: inherit;
}
.slider:not(#add-slick) a p {
  background-color: #FFF;
}




/*メインコンテンツ*/

#av-logo {
  display: grid;
  grid-template-columns: auto 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  padding: 4px 0 4px;
  position: relative;
  z-index: 1;
  background-color: var(--surface);
}
ul.h-menu {
  display: grid;
  justify-content: end;
  grid-template-columns: repeat(3, 32px);
  gap: 10px;
  margin: 0 10px;
}
ul.h-menu li {
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 75%;
  border-radius: 3px;
}

.go-to-top {
  position: fixed;
  display: none;
  right: 10px;
  bottom: 10px;
  z-index: 99999;
  z-index: 1;
}

.go-to-top {
  right: 1.0em;
  bottom: 1.0em;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}
.go-to-top-button {
  border-width: 0;
  background-color: var(--surface-base);
  color: var(--text-info);
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  cursor: pointer;
  text-align: center;
  line-height: 1;
  border-radius: 8px;
  font-size: 22px;
  box-shadow: 0 0 0 2px var(--border);
  transition: transform 100ms linear, opacity 80ms linear;
  opacity: 1;
  transform: rotate(0deg) scale(1);
  -webkit-tap-highlight-color: transparent;
}
.go-to-top:focus {
    outline: none;
}
.go-to-top:hover {
  transition: transform 250ms cubic-bezier(0.33, 0.00, 0.00, 1.00);
  transform: scale(1.1);
}
.go-to-top:active {
  transform: scale(0.85);
  transition: transform 134ms cubic-bezier(0.45, 0, 0.2, 1);
}
/* フロントフィルタ */


.tab-box h3 {font-weight: 800;text-align: center; 
  font-size: calc(1.5vw + 15px);
}
.tab-box .desc {
  font-size: calc(.75vw + 11px);
  margin: 0.25rem auto 0;
  line-height: 1.25;
  text-align: center;
}
ul.tab {
  display: grid;
  gap: 0px;
  align-items: center;
  grid-template-columns: repeat(8, auto);
  justify-content: normal;
  font-weight: 800;
  overflow: hidden;
}
ul.tab li { background-color: var(--surface-info);
  color: var(--text-info);
  font-size: calc(.25vw + 11px);
  text-align: center;
  padding: 18px 15px;
  width: 100%;
  text-wrap: nowrap;
  display: flex;
  border-radius: 0px;
  position: relative;
  cursor: pointer;
  height: 100%;
  align-items: center;
  justify-content: center;
  line-height: 1.1;
}

ul.tab li.select, .chkarea a.btnlnk.selected { 
  background-color: var(--text-info);
  color: var(--surface);
  border: 0px solid var(--text-info);
}


ul.tab li.select { 
background-color: var(--surface-info);
color: var(--text-info);
}


ul.tab li:before { 
  content: "";
  position: absolute;
  left: 25%;
  bottom: 0px;
  width: 50%;
  height: 6px;
  border-radius: 6px;
  border-bottom: 6px solid var(--text-info);
  transform:scaleX(0.3);
  opacity:0;
  transition:transform 0.2s ease-in-out, opacity 0.25s ease-in-out;

}

ul.tab li:hover::before, ul.tab li.select:before { 
  transform:scaleX(1);
  opacity:1;
}



#menu-box {display: none;
  padding: 140px 20px 200px;
  overflow-y: scroll;
  height: 100vh;
  background-color: var(--surface-base);
  height: 100vh;
  position: fixed;
  width: 100%;
  z-index: 3;
  top: 0;
}
.menu-active #menu-box {display: block;}
#menu-box .footer-credit {
  text-align: center;
  font-size: 12px;
  margin: 12px auto 12px;
  color: var(--icon);
}

.login-box {
  background-color: var(--surface-info);
  padding: 20px 20px;
  border-radius: 8px;
  margin-bottom: 1.5rem;
  text-align: center;
  font-size: 12px;
}
#menu-box .bottom-box  {
  position: fixed;
  bottom: 0;
  background-color: var(--surface-base);
  left: 0;
  width: 100vw;
  padding: 0px 0 0px;
}
#menu-box .bottom-box .slider.sticky {
  margin: 0px auto;
}
#menu-box .bottom-box .slider .inner {
  padding: 0px 16px;
}


.tab-content ol {
  font-size: 14px;
  margin: 1.25rem auto 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tab-content ol .detail-link {margin: 0; font-size: 75%;}
.tab-content .hide {display: none;}


.list-search.tab-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  padding: 20px 12px 20px;
}

.list-search a {
  background-color: var(--surface);
  border: 1px solid var(--border);
  color: var(--text);
  padding: 10px 2px;
  font-size: 13px;
  text-align: center;
  border-radius: 50px;
  font-weight: 700;
  display: block;
}

.list-search.tab-inner li a {
  padding: 12px 18px;
  font-size: 13px;
}


.list-search a span { font-size: 80%; }
.list-search.tab-inner.small {
  /* grid-template-columns: repeat(3, 1fr); */
}
.list-search.small a {
  font-size: 11.5px;
  padding: 5px 4px;
}



.front #main-area .item.item--linkbox h2 {
  margin: 0 auto 0;
  padding: 0px 0 8px;
}

.item.item--linkbox, .item.jumbotron  {
  padding: 15px 15px 15px;
  background-color: var(--event-bg);
  color: #FFF;
}
.item.jumbotron {
  padding: 0px 0px;
  /* margin: 40px 0; */

}
.item .title-box {
  padding: 15px 15px 15px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px 0;
  font-size: 15px;
  column-gap: 8px;
  font-weight: 800;
  line-height: 1.2;
}

.item.item--linkbox .link-li {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
}

.item.item--linkbox .linkbox {
  width: calc((100% - 24px) / 3);
}
.item.item--linkbox .linkbox a {
  color: #FFF;
}

.item.item--linkbox .imgbox {
  background: #eee;
  display: inline-block;
  width: 100%;
  height: 37vw;
  max-height: 290px;
  min-height: 145px;
  margin: 0 auto 6px;
  vertical-align: top;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}

.item.item--linkbox .imgbox .figure {
  position: absolute;
  height: 100%;
  width: auto;
  object-fit: cover;
  object-position: 100% 0;
}


.item.item--linkbox .txtbox .title {
  line-height: 1.2;
  font-size: 12px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}


/* パンくず */
.breadcrumb {
  width: 100%;
  color: var(--text-subdued);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 12px 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}

/* 検索エリア */

.break-keep {
  word-break: keep-all;
}


.search-bar {
  margin: 4px auto 2px;
  display: none;
  grid-column: 1 / 3;
  width: calc(100% - 40px);
  padding: 0px 0px;
}

.active .search-bar {
  display: block;
}

.main-search-area {
  padding: 0px;
}

.main-column.jumbotron {
  text-decoration: none;
  padding: 20px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--text-info);
  color: var(--surface-info);
  font-weight: 800;
  text-align: center;
  height: 45vw;
}



/*　リストフィルタ　*/
.chkarea {
  padding: 20px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.chkarea > div {}
.chkarea a.btnlnk {
  text-decoration: none;
  font-size: 11px;
  padding: 8px 12px;
  display: inline-block;
  color: var(--text);
  background-color: var(--surface);
  border: 1px solid var(--border);
  font-weight: bold;
  border-radius: 50px;
  margin: 0;
}

.chkarea div.clear {display: none;}
.chkarea div > span { 
  display: block;
  margin-bottom: 6px;
  font-weight: bold;
  font-size: 13px;
}

.details .chkarea, .list-table .chkarea, .type-d .chkarea {
  background-color: var(--surface);
  border: 1px solid var(--border);
  margin: 0px 20px 20px;
  border-radius: 8px;
  font-size: 13px;
  gap: 5px;
}
.type-d .chkarea {
  margin: 0px auto 20px;
}

.main-column.ranking-table {
  display: grid;
}

.ranking-table .chkarea {
  justify-content: space-between;
  background-color: var(--surface-base);
  padding: 12px 16px;
}

.ranking-table .chkarea.sticky {
  position: sticky;
  top: 78px;
  z-index: 1;
  transition: top 0.1s ease-in-out;
}
.hide .ranking-table .chkarea.sticky {
  top: 39px;
}




.chkarea .btnlnk.smbtn {
  padding: 10px;
}
.details .chkarea p.t10, .list-table .chkarea p.t10, .type-d .chkarea p.t10 {
  display: block;
  width: 100%;
  margin: 0px auto;
}
.details .chkarea .btnlnk.smbtn, .list-table .chkarea .btnlnk.smbtn, .type-d .chkarea .btnlnk.smbtn {
  font-size: 10px;
  width: auto;
  margin: 0;
  padding: 10px 10px;
}



/* my page */
form label {
  font-weight: bold;
  font-size: 12px;
  margin-top: 15px;
  display: inline-block;
}

form select {
  max-width: 100%;
    color: var(--text);
    background-color: var(--surface-base);
    display: block;
    width: 100%;
    padding: 8px 12px;
    margin: 5px auto 0;
    border-radius: 4px;
    border: 1px solid var(--border);
    font-size: 16px;
    line-height: 1.4;
}

form input[type="text"], form input[type="email"], form input[type="tel"], form input[type="password"] {
  max-width: 100%;
  color: var(--text);
  background-color: var(--surface-base);
  display: block;
  width: 100%;
  padding: 8px 12px;
  margin: 5px auto 0;
  border-radius: 4px;
  border: 1px solid var(--border);
  font-size: 16px;
  line-height: 1.4;
}


form input::placeholder {
  color: #cdd;
  font-size: 13px;
}


#mgs-middle, #mgs-side-long, #mgs-Stop-long, .bn-section {
  padding: 1.75rem 0;
  display: block;
  background-color: var(--surface-active);
  width: 100%;
  text-align: center;
  margin: 1.75rem auto .75rem;
}

.bn-section {
  margin: 1.25rem auto 1.25rem;
}
#rank-actress {
  margin: 3.75rem auto .25rem;
}

.jumbotron + .bn-section { 
  margin: 1rem auto 0;
}

#mgs-head-top.bn-section {
  margin: 0 auto .75rem;
  background-color: transparent;
  padding: 0;
}


#mgs-side-top.bn-section {
  margin: 0 auto 2.75rem;
  padding: .25rem;
}
.details #mgs-main-middle {
  margin: 0 auto;
  padding: .25rem 0;
}

#mgs-side-long {
  display: none;
}
#mgs-Stop-long {
  margin: 0 auto;
  padding: 1.75rem 0;
}

.bn-section iframe {
  width: 100%;
  max-width: 100%;
}


.section-block .btnlnk, form input[type="submit"], .one-column .t11 .btnlnk, .btnlnk.action-button {
  padding: 14px 16px;
  font-weight: 800;
  color: var(--text-interactive);
  background-color: var(--surface);
  border: 1px solid var(--border-active);
  margin: 24px auto 16px;
  border-radius: 50px;
  width: 100%;
  margin: 24px auto 16px;
  display: block;
}

.btnlnk.action-button {
  margin: 1.25em auto 1.25em;
  border-radius: 8px;
  border: 1px solid var(--border);
  color: var(--text);
  width: 70%;
  max-width: 380px;
  padding: 14px 16px;
  font-size: 80%;
}
form input.btn[name="login"], form input.btn[name="register"], .btn-box .btnlnk.login-btn, .n-head .navbar .login a {
  background-color: var(--blue-600);
  color: var(--surface);
  border: 0px;
}
.btn-box .btnlnk.regist-btn {
  background-color: var(--orange-600);
  color: var(--surface);
}
.n-head .navbar .login a {
  background-color: var(--surface-info);
  color: var(--text-info);
  border: 0px;
  font-size: 10px;
}
.grid-li a {
  width: 100%;
  margin: 0 auto;
  max-width: 250px;
  max-height: 250px;
}

.ad-action, .btn-action {
  padding: 0 20px .75rem;
  text-align: center;
}

form input.btn[name="register"], .btn-box .btnlnk.register-btn, .n-head .navbar .register a  {
  background-color: var(--yellow-100);
  color: var(--orange-600);
}

.n-head .navbar .logout a, .btn-box .btnlnk.logout-btn {
  background-color: var(--surface);
  color: var(--orange-600);
  border: 1px solid var(--orange-600);
}

.av-data .prof-table form input[type="submit"], .av-data .btnlnk.smbtn, .details table.free td[colspan="5"] a.btnlnk.smbtn {
  margin: 12px 0 0;
  width: inherit;
  font-size: 11px;
  padding: 12px 12px;
}
.av-data .prof-table form input[type="submit"] {
  width: 90px;
}

.formhd {
  font-size: 14px;
  text-align: center;
  margin-bottom: 1rem;
}
.formhd h4{
  font-size: 19px;
  margin-bottom: .75rem;
  width: 100%;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 auto .5rem;
}
.formhd p{ line-height: 1.3;
  font-size: 13px;
}

.formhd p.alrt { 
  background-color: var(--surface-info);
  padding: 10px;
  font-size: 10px;
  border-radius: 8px;
  margin-top: 1rem;
}

.formft a {
  font-size: 12px;
  text-align: center;
  display: inline-block;
  padding: 0 8px;
}

.edit_area select[name="looks"], .edit_area select[name="karada"] ,
.edit_area select[name="charming"], .edit_area select[name="nukeru"] ,
.edit_area select[name="totally"] {
  text-align: center;
  font-weight: 700;
  margin: 0 auto;
  position: relative;
  padding: 8px 28px 8px 12px;
}
form.edit_area table.edit_table.evaluate tr td.select {position: relative;
  grid-template-columns: auto;}
form.edit_area table.edit_table.evaluate tr td.select::after {
  position: absolute;
  right: calc(32% - 8px);
  top: calc(50% - 3px);
  width: 10px;
  height: 7px;
  background-color: var(--icon);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: '';
  pointer-events: none;
  z-index: 1;
}



/*追加登録 */
.one-column .act-video-list, .one-column .edit_area, .one-column .tbllist.free, .one-column .tbllist.av {
  background-color: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
}

.one-column .act-video-list, .one-column .edit_area, .one-column .tbllist.free, .one-column p.t11 + .tbllist.av {
  margin: .75rem auto 1.5rem;
  padding: 5%;
}

.one-column .edit_area {

}


.edit_area { padding: 24px 24px;
  margin-top: 1.5rem;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.4;
}
form.edit_area input[type="submit"], .section-block .btnlnk {
  display: inline-block;
  font-size: 13px;
  margin: 0px 0px;
  padding: 12px 30px;
  width: inherit;
  max-width: 220px;
}


form.edit_area input[type="submit"][name="evaluate"] , form.edit_area input[type="submit"][name="add"], form.edit_area input[name="submit"], form.edit_area input[name="search"], .av-data .prof-table input[name="search"] {
  color: var(--surface);
  background-color: var(--text-interactive);
}

.section-block .btnlnk {
  margin: .5rem auto 0;
  border-radius: 50px;
  color: var(--text-interactive);
  background-color: var(--surface);
  border: 1px solid var(--border-active);

}

.one-column.edit-layout h4 {padding: 8px 0; margin-top:.75rem;}

.one-column.edit-layout p.t11, .one-column p.t11 {
  font-size: 13px;
  line-height: 1.4;
}
.one-column .act-video-list table.av tr .jacket {
  padding: 12px 0px 12px 12px;
  width: 40vw;
}
.one-column .act-video-list table.av td:nth-of-type(2) {
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  align-self: center;
  align-self: self-end;
}


form.edit_area table td { 

  padding: 0;
  vertical-align: middle;
  align-items: center;
  column-gap: 10px;

}

table.edit_table.evaluate tr {
  grid-template-columns: 1fr auto;
}
form.edit_area table.evaluate tr:last-child td:last-child {
  grid-column: 1 / 2;
  grid-template-columns: auto;

}

form.edit_area table td:first-child {
  width: inherit;
  font-weight: 700;
  min-width: inherit;
  text-align: center;
}
form.edit_area input[type="text"], form.edit_area input[type="tel"], form.edit_area input[type="password"] {
  padding: 8px 12px;
  font-size: 14px;
  margin: 6px auto;
}
input[type="file"],  form.edit_area textarea {
  font-size: 13px;
  display: block;
  line-height: 1.3;
  background-color: var(--surface);
  border: 1px solid var(--border);
  width: 100%;
  padding: 12px 12px;
  margin: .5rem 0;
  border-radius: 4px;
  font-size: 14px;
}

.one-column .act-video-list .tbllist.av tr:nth-child(2n) {
  background-color: transparent;
}
form.edit_area .edit_table tbody {
  display: grid;
  gap: 10px;
}

.one-column .t11 .btnlnk {
  max-width: 75%;
}

.edit_table tr {

  height: auto;
  /* grid-template-columns: 1fr auto; */
  justify-content: space-between;
  align-items: center;
}

form.edit_area .edit_table td:first-child {
  text-align: left;
  min-width: 70px;
}
form.edit_area .edit_table img {
  border-radius: 4px;
  border: 1px solid var(--border);
}

.one-column.edit-layout h4.t18 {
  margin-bottom: 15px;
}
.one-column h4.t18 + p.t11 {
  text-align: left;
}
 .one-column.edit-layout .hint {
  font-weight: 500;
  font-size: 11px;
  text-align: left;
  padding: 0 0;
  display: block;
  line-height: 1.2;
}

.one-column.edit-layout input[type="file"] {
  grid-row: 1 / 2;
  grid-column: 1 / 3;
  align-self: center;
}


.one-column.edit-layout .tbllist.actress a {
  position: relative;
  width: 12vw;
  height: 12vw;
}
.one-column .tbllist.actress tr {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  align-items: stretch;
}
.one-column .tbllist.actress tr td:first-child {
width: inherit;
}
.one-column .tbllist.actress tr td:last-child {
display: block;
text-align: left;
padding-top: 5%;
}
.one-column .tbllist.actress tr td:last-child a {
  border-radius: inherit;
  width: 100%;
  height: auto;
}
/* .one-column .edit_area:not([name="add_free_movie"]) .edit_table {
display: none;
} */



/*メインコンテンツ*/
.main-column.list-table {
  position: relative;
}

.headline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 16px;
    position: relative;
    gap: .5rem;
}
.headline .count {
    font-size: 80%;
    font-weight: bold;
    color: var(--text-subdued);
}

.no-cnt {
  padding: 6em 6em;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: var(--text-subdued);
}

.grid-view .av-list-container .no-cnt {
  grid-column: 1 / 3;
}

.mosaic-filter,.ntc-msg  {
  margin: 0rem auto 1.5rem;
  background: transparent;
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: 6px;
  display: block;
  width: 45%;
}
.ntc-msg { 
  width: auto;
  font-size: 12.5px;
  line-height: 1.3;
  margin: 0.75rem 16px 0.75rem;
  padding: .75rem 1.0rem;
  color: var(--text);
  border: 1px solid var(--surface-info);
  background-color: var(--surface-info);
}

.one-column  .ntc-msg { 
  margin: 1rem 0px 1rem;
}

.front .ntc-msg { 
  margin: .75rem 12px;
}

.ntc-msg strong {
  margin-right: .25rem;
 }
.mosaic-filter form label {
  margin: 0 auto;

}

.mosaic-filter {
  display: none;
}

.main-column:not(.details) .headline h1 {  padding: 0px 0px; }
.main-column h1 {
  font-size: calc(1.0vw + 14px);
  font-weight: 800;
  line-height: 1.2;
  padding: 8px 16px 8px;
  /* border-bottom: 1px solid var(--border); */
}

.loading {text-align: center;
padding: 2em;
font-size: 12px;
color: var(--text-subdued);
font-weight: bold;
grid-column: 1 / 3;
}
.posts-container {
  display: grid;
  margin: 0 20px;
  width: calc(100% - 40px);
  grid-template-columns: repeat(2, auto);
  gap: 12px;  
  row-gap: 1.75rem;  
  font-size: 1em;
}

.posts-container .post-title {
  color: var(--text);
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.15;
  font-size: 12.5px;
}
.posts-container .post-date {
  color: var(--text-subdued);
  margin: 5px auto;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 11px;
  font-weight: bold;
}
.posts-container .post-thumbnail {
  display: block;
  overflow: hidden;
  border-radius: 3px;
  width: 100%;
  margin-bottom: .35rem;
  max-height: 110px;
  border-radius: .375rem;
}


.posts-container .post-thumbnail img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.2s ease-in-out, opacity 0.25s ease-in-out;
}
.posts-container a:hover .post-thumbnail img {
  display: block;
  transform: scale(1.1);
  transition: transform 0.2s ease-in-out, opacity 0.25s ease-in-out;
}

.front #pagination-container {display: none;}


/* モーダル背景 */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.9);
  text-align: center;
}

/* モーダル内の画像 */
.modal-content {
  margin: auto;
  display: block;
  max-width: 90%;
  max-height: 90vh;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/* 閉じるボタン */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
  z-index: 1001;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}


.detail-link {
  margin: 0 auto;
  display: block;
}
.detail-link a {
  max-width: 60%;
  display: block;
  margin: 0.75rem auto;
  padding: 12px 6px;
  background-color: var(--surface-info);
  color: var(--text-info);
  text-align: center;
  font-weight: bold;
  border-radius: 50px;

}

#shirohame-footer {
  background-color: var(--surface-caution);
  padding: 1.75rem 0;
}
#shirohame-footer a {
  color: var(--text);
  font-size: 12px;
  text-align: center;
  display: block;
  font-weight: bold;
}

#shirohame-footer img {
  display: block;
  margin: 0 auto;
}

#shirohame-long {
  font-size: calc(.25vw + 12px);
  text-align: center;
  background-color: var(--text);
}
.shiro-ttl {
  padding: 12px 16px;
  padding-left: 2.25rem;
  background-color: transparent;
  color: var(--text);
  text-align: left;
  position: relative;
  font-size: clamp(13px, calc(.15vw + 13px), 18px);
  font-weight: 800;
  line-height: 1.2;
}

.shiro-video {
  padding-top: 2rem;
}
.shiro-video .btn-action, .shiro-video .shiro-video-single {
  background-color: transparent;
}
.shiro-ttl:before {
  content: "";
  position: absolute;
  bottom: 12px;
  left: 16px;
  margin-left: 0;
  border: 9px;
  background: var(--icon-critical);
  width: 8px;
  height: calc(100% - 24px);
  border-radius: 100px;
}

.shiro-video-block, .shiro-list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 0px);
  margin: 0 auto;
  gap: .75rem;
}
.shiro-list a, .shiro-list a:hover{
  color: var(--text);
}
#shirohame-long a, #shirohame-long a:hover {
  color: var(--surface);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  font-size: 13px;
  padding-bottom: .35rem;
}
#shirohame-long a img, #shirohame-footer img {
  width: 100%;
  margin-bottom: .25rem;
}
.shiro-list a, .shiro-video a {
  padding-bottom: .5rem;
  display: block;
  font-weight: 800;
  font-size: calc(.25vw + 11px);
  text-align: center;
  width: calc(50% - .375rem);
  display: none;
}
.shiro-video a:first-child, .shiro-list a:first-child {
  font-size: calc(.5vw + 12px);
  width: 100%;
  display: block;
}


.shiro-list a img, .shiro-img-list img {
  border-radius: 2px;
  margin-bottom: .5rem;
}

#shiroHameGallaryList.shiro-img-list {
  font-size: 11.5px;
  display: grid;
  width: 100vw;
  grid-template-columns: repeat(4, 43.5vw);
  gap: .75rem;
  row-gap: 1.25rem;
  padding-top: .5rem;
  margin-bottom: 2.0rem;
}

#shiroHameGallaryList a:nth-child(n+9) {
  display: none;
}


.shiro-video-single h3.video-title {
  font-size: 11.5px;
  text-align: center;
  display: block;
  margin-bottom: .75rem;
}

.shiro-img-list a , .shiro-video a {color: var(--text);}
.shiro-video video{
  width: 100%;
  margin-bottom: .25rem;
}

.shiro-lp {
  background: var(--red-600);
}


.shiro-lp .btn-action, .shiro-video .btn-action {
  padding: 0 12px 1.5rem;
}

.shiro-video, .shiro-video .btn-action, .shiro-video .shiro-video-single, .shiro-bn-blk  {
  background: var(--surface-active);
}
.shiro-video-block, .shiro-list {
  padding:0rem 16px .75rem;
}


.shiro-video .shiro-video-single {
}
.shiro-lp a img {
  display: inline;
  margin-bottom: 12px;
}
#random-banner-container a {
  color: var(--surface);
  text-align: center;
  display: block;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

.widget-container {
  width: calc(100% - 32px);
  overflow: hidden;
  margin: 12px auto;
  border-radius: 12px;
  background: linear-gradient(135deg, #f5f5f5 0%, #ffffff 100%);
}

.widget-header {
  color: var(--surface);
  padding: 10px 0px;
  text-align: center;
  position: relative;
}
.details .shiro-lp .widget-header {
  padding: 1.5rem 0px 1.2rem;
}


a.btnlnk.shiro-button, a.btnlnk.video-link {
  border-radius: 4px;
    background-color: var(--yellow-500);
    display: block;
    padding: 12px;
    color: var(--band-900);
    font-weight: 800;
    font-size: 14px;
    border-bottom: 3px solid var(--yellow-600);
    margin: 0 auto;
    border-radius: 50px;
    max-width: 85%;
    min-width: 280px;
  }

  a.btnlnk.fanza-search, a.btnlnk.video-link {
  background-color: var(--red-500);
  border-bottom: 3px solid var(--red-600);
  color: var(--surface-base);
  margin-bottom: 1.25rem;
  padding: 18px 8px 16px;
  font-size: clamp(13px, calc(.25vw + 14px), 19px);
  width: 80%;
  text-align: center;
  max-width: 480px;
}

a.btnlnk.fanza-search {
  border-radius: 50px;
  font-weight: 800;
  margin: 0 auto 1.25rem;
  background-color: var(--surface);
  border: 2px solid var(--red-500);
  color: var(--red-500);
  box-shadow: 0 1px 0px 0px var(--red-500);
  transition: background-color 0.25s ease-in-out;
}
a.btnlnk.fanza-search:hover {
  background-color: var(--red-100);
}
.widget-title {
  font-size: 19px;
  font-weight: 800;
  margin-bottom: 3px;
}

.widget-subtitle {
  font-size: 11px;
  font-weight: bold;
}

.widget-content {
  padding: 20px;
  border-radius: 10px;
}

.widget-description p {
  font-size: 12px;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 12px;
  color: #333;
}


.highlight {
  background: linear-gradient(transparent 60%, var(--yellow-200) 40%);
  font-weight: bold;
}

.benefits-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .75rem;
  margin-top: .75rem;
}

.benefit-card {
  background: white;
  border-radius: 8px;
  padding: 12px 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 1px var(--blue-200);
}

.benefit-icon {
  font-size: 20px;
  margin-bottom: 5px;
}

.widget-content h4, .benefit-title {
  font-weight: 800;
  font-size: 12px;
  color: var(--red-600);
  margin-bottom: 5px;
}
.widget-content h4 {
  text-align: center !important;
  justify-self: center;
  padding: 0 !important;
}
.benefit-text {
  font-size: 10px;
  color: var(--text-subdued);
}

/* モバイルでの高さ指定 */
@media (max-width: 768px) {
  .widget-container {
      height: 47.5vw;
      max-height: 300px;
      overflow-y: auto;
      scrollbar-width: thin;
  }
  
  .widget-container::-webkit-scrollbar {
      width: 5px;
  }
  
  .widget-container::-webkit-scrollbar-thumb {
      background: rgba(229, 0, 0, 0.3);
      border-radius: 10px;
  }
  
  .widget-container::-webkit-scrollbar-track {
      background: rgba(0, 0, 0, 0.05);
  }
  
  .benefits-grid {
      grid-template-columns: 1fr 1fr;
  }
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}

.widget-header {
  /* animation: pulse 2s infinite; */
}


.type-act-block {
  /* border-bottom: 1px solid var(--border); */
}
.type-act-block table tr {
  display: grid;
  padding: 10px;
  grid-template-columns: 1fr 1fr 1fr;
}
.type-act-block table td {
  padding: 8px 0px;
  vertical-align: top;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
}
.type-act-block table td a:first-child {
  display: inline-block;
    width: 27.5vw;
    height: 27.5vw;
    max-width: 120px;
    max-height: 120px;
    margin-bottom: 6px;
    overflow: hidden;
    border-radius: 12px;
    position: relative;
    background-color: var(--border);
}
.type-act-block table td a:last-child {
  font-size: 14px; margin-top: 6px;
  color: var(--text);

}


/*ページネーション*/
.pagination {
  padding: 0 0px;
  text-align: center;
  margin: 2rem auto;
  /* display: flex; */
  justify-content: center;
  align-items: center;
  max-width: 95%;
  display: block;
  gap: .25rem;
}
.pagination .page_info {display: none;}
.pagination u, .pagination a, .pagination .current, .pagination .disabled {
  text-decoration: none;
  display: inline-block;
  min-width: 44px;
  padding: 0px ;
  border-radius: 6px;
  margin: 4px 0;
  width: auto;
  font-weight: bold;
  line-height: 2.4rem;
  border: 1px solid var(--border);
  color: var(--text);
  background-color: var(--surface);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}

.pagination .current {
  border: 0px;
  color: var(--surface-base);
  background-color: var(--text-info);
}
.pagination .disabled {
    border: 0px;
    cursor: default;
    color: var(--border);
    background-color: var(--surface-base);
}

.pagination .disabled, .pagination .prev, .pagination .next {
  padding-left: .5rem;
  padding-right: .5rem;
} 
.pagination a {
  background-color: var(--surface);
}
.pagination u {
  color: var(--surface-base);
  background-color: var(--text-info);
}


/* カード全体のコンテナ */
.video-posts-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(154px, 1fr));
    gap: .75rem;
    row-gap: 1rem;
    padding: 0.25rem 0;
    width: calc(100% - 32px);
    margin: 0 auto;
}

/* カード本体 (a タグ) */
.post-card {
    display: block;
    overflow: hidden;
    box-shadow: none !important;
    border-radius: 0 !important;
    transition: transform 0.3s, box-shadow 0.3s;
    text-decoration: none;
    color: inherit;
}

/* カードのホバー効果 */
.post-card:hover {
}

/* サムネイル画像のコンテナ */
.post-thumbnail {
  width: 100%;
  /* height: 28vw;
  max-height: 124px; */
  overflow: hidden;
  background-color: var(--border);
  border-radius: 6px;
  min-height: 100px;
}

/* サムネイル画像自体 */
.post-thumbnail img {
  width: 100%;            /* コンテナ幅に合わせる */
  object-fit: cover;      /* 画像アスペクト比を保ちつつコンテナに合わせてトリミング */
  display: block;         /* 画像下の余白をなくす */
  transition: transform 0.3s ease; /* ホバー時のズーム効果 (任意) */
  aspect-ratio: 4 / 3;
}

/* 画像ホバー時のズーム効果 (任意) */
.post-card:hover .post-thumbnail img {
  transform: scale(1.05);
}


/* テキストコンテンツ部分のコンテナ */
.post-content {
  padding: 8px 0px !important; /* 内側の余白 */
}

/* 投稿タイトル */
.post-title {
  font-weight: bold;     /* 太字 */
  margin: 0 0 5px 0;     /* 下マージン */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 表示する行数 */
  -webkit-box-orient: vertical;
  color: var(--text);
  overflow: hidden;
  line-height: 1.15;
  font-size: 12.5px;
}

/* 投稿日 */
.post-date {
  color: var(--text-subdued);
  margin-top: 8px;
  font-size: 11px;
}

/*サイドバー*/
.side-column {
  /* padding: 0px 24px; */

  padding: 0px 0px;
}
.side-column.side-history {
  padding: 0px 20px 20px;

}
.side-column table {
  width: 100%;
  margin-bottom: 0rem;
}

.side-list.side-column table {
  width: calc(100% - 40px);
  margin: 4px auto 1.75rem;
}

#side-bar video {
  width: 100%;
}

.side-column h2, .side-column h3, .side-column h4, .side-column h5 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin:1.25rem 20px 0.5rem;
  font-size: clamp(14px, calc(1.25vw + 16px), 19px);
  column-gap: 5px;
}
.side-column h2 {
  justify-content: flex-start;
  padding: 10px 0 10px 24px;
  font-size: clamp(14px, calc(1.25vw + 16px), 18px);
}


.side-column h2.jusleft {
justify-content: flex-start;
margin:1.75rem 0px 0.25rem;
}


.side-column ul {
  margin-bottom: 0;
  display: grid;
  justify-content: space-between;
  grid-template-columns: auto auto;
  align-items: baseline;
}
.side-column ul {
  margin: 15px auto 0;
  gap: 5px;
  grid-template-columns: repeat(3, 30%);
  row-gap: 10px;
  padding: 0 20px;
}
.side-column.side-listbox ul {
  grid-template-columns: repeat(2, 1fr);
  margin: 10px 0;
  padding: 0 0px;
  gap: 10px;
}

.side-column.side-list table td a, .side-column.side-tag  ul a {
  background-color: var(--surface-info);
  color: var(--text-info);
  border-radius: 20px;
  font-weight: 700;
  max-width: 100%;
  overflow: hidden;
  padding: 14px 12px;
  vertical-align: bottom;
  font-size: 90%;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  display: inline-block;
  background-color: var(--surface);
  color: var(--text);
  border: 0px solid var(--border);
  display: block;
  text-align: center;
}

.side-column.side-list table tr {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.side-column.side-list table td a {
  font-size: 13px;
  padding: 5px;
  height: 28px;
  width: 28px;
  display: inline-block;
  text-align: center;
  line-height: 18px;
}
.side-column.side-list h2 { color: var(--text);}
/* .side-column.side-list .detail-link { display: none;} */
.side-column.side-list table td {
  color: var(--text-subdued);
  padding: 4px 0;
  line-height: 25px;
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.side-column .detail-link, .side-list .detail-link a { margin: 0 auto; }

/*登録ボタンエリア */
.side-column.add-contents, .side-column.side-listbox {
  padding: 8.5% 2rem;
  width: 100%;
  background-color: var(--yellow-100);
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  gap: 0px;
}
.side-column.add-contents {
  background-color: var(--surface-info);
  width: calc(100% - 0px);
  margin: 0 auto;
  padding: 0 0rem;
}

.side-column.add-contents .inner {
  display: grid;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
  width: 85%;
  margin: 0 auto 1.5rem;
}

.side-column.side-listbox { 
  padding: 0 20px;
  background-color: transparent;
}
.add-contents a, a.btnlnk.smbtn, .btnlnk.smbtn, .av-data .btn-area .btnlnk {
  text-decoration: none;
  display: block;
  text-align: center;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  border: 0px;
  background-color: var(--surface-info);
  color: var(--text-info);

  padding: 16px 16px;
  border-radius: 4px;
}
.add-contents a.off, a.btnlnk.smbtn.off, .btnlnk.smbtn.off, .btn-box .btnlnk.off, .av-data .btn-area .btnlnk.off {
  cursor: default;
  color: var(--text-disabled);
  background-color: var(--border-disable);
}
.sidebar-scroll {
  gap: 2.25rem;
  display: grid;
}
.add-contents a.btnlnk {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  font-size: calc(.25vw + 16px);
  padding: 16px 16px;
  gap: 12px;
  font-weight: 800;
  border-radius: 12px;
  width: 100%;
  color: var(--text);
  background-color: var(--surface);
}



.add-contents a.addcnt, .side-listbox ul a {
  display: flex;
  align-items: center;
  border-radius: 6px;
  padding: 12px;
  color: var(--icon);
  position: relative;
  overflow: hidden;
  transition: box-shadow .2s;
  background-color: var(--surface);
  background-position:center right;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  text-align: left;
  column-gap: 8px;
  margin: 7.5px 0;
  border: 0px solid var(--border-info);
}


.side-listbox ul {gap: 20px;}
.side-listbox ul a { 
  margin: 0 auto;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
  border: 1px solid var(--border);
  color: var(--text);
  padding: 0px;
  flex-direction: column;
  gap: 8px;
}
.add-contents a.btnlnk i {
  width: calc(1.25vw + 48px);
  height: calc(1.25vw + 48px);
  background-color: inherit;
  -webkit-mask: inherit;
  mask-image: inherit;
  background-image: url(../images/copy-writing.svg);
}
.add-contents a.btnlnk i.av {
  background-image: url(../images/copy-writing.svg);
}
.add-contents a.btnlnk i.free {
  background-image: url(../images/edit-file.svg);
}

.add-contents a.addcnt p {font-size: 13px;line-height: 1.7;font-weight: 500;}
.add-contents a.addcnt p span {display: block; font-size: 18px;font-weight: 800;color: var(--text);}

.add-contents .desc {
  text-align: center;
  display: block;
  color: var(--text);
  font-size: calc(0.5vw + 12px);
  width: 95%;
  line-height: 1.25;
  margin: 1.5rem auto 1.0rem;
}
.add-contents .desc.bold {
  font-weight: bold;
}

.side-column.add-contents a.addcnt {
  flex-direction: row;
  padding: 12px 8px;
  width: auto;
  gap: 8px;
  margin: 0;
  border: 1px solid var(--border-info);
  border-radius: 50px;
  justify-content: center;
}
.side-column.add-contents a.addcnt p {font-size: 11px;line-height: 1.7;font-weight: 500;}
.side-column.add-contents a.addcnt p span {display: block; font-size: 12px;font-weight: 800;color: var(--text);}
.side-column.add-contents a.btnlnk i {
  width: calc(1.25vw + 22px);
  height: calc(1.25vw + 22px);
  background-image: url(../images/copy-writing.svg);
}


.header-type-2 {
  text-align: center;
  display: block;
  font-weight: 800;
  color: #FFF;
  font-size: calc(1.25vw + 12px);
  background: var(--band-500);
  padding: .75rem;
}

.menu-window .add-contents {
  gap: 12px;
  display: grid;
  margin: 10px auto 40px;
}

.menu-window h4 {
  color: var(--icon);
  font-size: 13.5px;
  margin-bottom: 6px;
}
.menu-window .login-box h4 {
  color: var(--text);
  font-size: 18px;
}
.menu-window ul {
  display: grid;
  gap: 8px;
  margin: 0 auto 1.5rem;
  grid-template-columns: 1fr 1fr;
}
.menu-window ul.column-3 {
  grid-template-columns: 1fr 1fr;
}
.menu-window ul li a {
  padding: 15px;
  display: block;
  font-size: 13px;
  font-weight: 700;
  border-radius: 6px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--text);
  background-color: var(--surface);
  border: 1px solid var(--border);
}
.menu-window ul li a i {
}
.menu-window ul.column-3 a {
  display: grid;
  gap: 5px;
  align-items: center;
  text-align: center;
  font-size: 12px;
  padding: 15px 8px;
}
.menu-window ul.column-3 a i {
  width: 24px;
  height: 24px;
  margin: 0 auto;
  display: block;
}

.menu-window .btn-box {
  gap: 12px;
  display: grid;
  margin: 12px auto 0;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.menu-window .btn-box .btnlnk {
  padding: 12px 16px;
  font-size: calc(.25vw + 12.5px);
  border-radius: 50px;
}

.menu-window .btn-box .btnlnk.logout-btn {
  /* grid-row: 2 / 3; */
  grid-column: 1 / 4;
  align-self: center;
  justify-self: center;
  width: 80%;
  margin: 0 auto;
}
.menu-window .add-contents a.btnlnk {
  color: var(--text);
  background-color: var(--surface-info);
}



.main-column.details h5 a.btnlnk.smbtn {
  font-size: 11px;
  margin: 0;
  display: none;
}
.details table.free td[colspan="5"] a.btnlnk.smbtn {
  display: none;
}

a.btnlnk.smbtn, .btnlnk.smbtn {
  max-width: 40vw;
  margin: 10px auto;
}

.type-static {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.type-static.main-search-area {
  border-top: 4px solid var(--icon-interactive);
  border-bottom: 4px solid var(--icon-interactive);
}

.tag-grid-list {
  display: grid;
  gap: 12px;
  padding: 16px 16px 20px;
  grid-template-columns: repeat(10, auto);
  width: 100%;
  height: auto;
  font-size: 14px;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-snap-align: start left;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-padding: 0 50%;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  position: relative;
}

.tag-grid-list li {
}

.tag-grid-list a {
  padding: 16px 12px 16px 40px;
  background-color: var(--surface-info);
  color: var(--text-info);
  border-radius: 8px;
  position: relative;
  width: 100%;
  font-size: calc(.5vw + 11px);
  font-weight: 800;
  display: block;
  white-space: nowrap;
  min-width: 22vw;
  max-width: 180px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tag-grid-list a i, .go-to-top-button i {
  position: absolute;
  top: 11px;
  left: 9px;
  margin-left: 0;
  background-color:var(--text-info);
  width: 26px;
  height: 26px;
  border-radius: 50px;
}
.type-static.filter-tag {
  width: 100vw;
}

.type-static.filter-tag p {
  padding: 8px 16px 0;
  font-size: 13.5px;
  font-weight: 700;
  display: block;
}

.type-static.filter-tag .tag-grid-list {
  padding: 4px 16px;
  gap: .75rem;
  display: flex;
}
.type-static.filter-tag .tag-grid-list a {
  width: 100%;
  padding: 12px 10px 12px 36px;
  font-size: 12.5px;
  font-weight: 700;
  display: block;
  white-space: nowrap;
  min-width: inherit;
  max-width: inherit;
  background-color: var(--surface);
  color: var(--text);
  border: 0px solid var(--border);
}
.type-static.filter-tag .tag-grid-list a i {
  top: 7px;
  left: 8px;
  width: 22px;
  height: 22px;
}

/* フィルタータグのスタイル例 */
.search-related-filters h3 {
  margin-top: 15px;
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
}

/* .search-related-filters .tag-grid-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
} */

.search-related-filters .tag-grid-list li a {
  display: inline-block;
  padding: 5px 10px;
  background: #f5f5f5;
  border-radius: 4px;
  font-size: 13px;
  color: #333;
  text-decoration: none;
  transition: all 0.2s ease;
}

.search-related-filters .tag-grid-list li a:hover {
  background: #e5e5e5;
}

.go-to-top-button i {
  top: 32.5%;
  left: 30%;
  background-color: transparent;
  width: 40%;
  height: 40%;
  border-radius: 0px;
}
.tag-grid-list a i:before, .go-to-top-button i:before {
  content: "";
  content: "";
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  border-radius: 0px;
  position: relative;
  background-color: var(--surface);
  display: block;
}
.go-to-top-button i:before {
  background-color: var(--text-info);
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
}


/*履歴エリア*/
.side-history img {
  min-width: 80px;
}
.side-history table td {padding: 4px 0;}
table tr.nocnt td {padding: 0 40px;}

.side-history table tr.nocnt td {
  padding: 3rem 20px;
  width: 100%;
  background-color: var(--surface);
  display: block;
  font-size: 12px;
  border-radius: 8px;
}

/*　リストテーブル　*/
.tbllist th.t9 {
  padding: 10px 6px;
  color: var(--text-subdued);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid var(--border);
}



.tbllist .ratetbl, .main-column:not(.ranking-table) .tbllist.free tr th:first-child { display: none; }


.ranking-actress .tbllist.actress tr th:nth-of-type(5), .ranking-actress .tbllist.actress tr td:nth-of-type(5) {
  display: none;
}

.weekly-rank .tbllist.actress tr th:last-child, 
.weekly-rank .tbllist.actress tr td:last-child {
  display: none;
}
.tbllist.actress tr td, .grid-view .tbllist.actress tr td.details {
  font-weight: 700;
  text-align: center;
  padding: 6px 0px;
}
.tbllist.actress tr td.details, .ranking-actress .tbllist.actress tr td:nth-of-type(3), .ranking-actress .tbllist.actress tr th:nth-of-type(3) {
  text-align: left;
  padding-left: 6px;
  padding-right: 6px;
}


.tbllist.actress td:first-child, .tbllist.actress td:last-child {
  padding: 6px 16px;
}
.tbllist.actress td:last-child {
  padding-left: 0px;
}
.grid-view .tbllist.actress td:first-child, .grid-view .tbllist.actress td:last-child {
  padding: 6px 0px;
}


.grid-view .tbllist.actress{
  width: calc(100% - 24px);
  margin: 0 auto;
}





.tbllist td {padding: 8px 6px; vertical-align: middle; position: relative;}

.grid-view .tbllist td {text-align: center; }
.tbllist.free { margin-bottom: 1rem;}


.tbllist.free tr {
  position: relative;
}
.ranking-table .tbllist.actress th:nth-of-type(4),
.ranking-table .tbllist.actress td:nth-of-type(4), .ranking-table .tbllist.free .tagarea {
  display: none;
}


.tbllist.actress td:nth-of-type(6), .ranking-table .tbllist.free td:nth-of-type(5), .details table.free.tbllist td:last-child, .main-column.type-d .tbllist.free td:last-child {
  font-weight: 700;
  color: var(--red-500);
  font-size: 110%;
}
.tbllist.actress th:nth-of-type(6), .ranking-table .tbllist.free th:nth-of-type(5), .tbllist.actress td:nth-of-type(6), .ranking-table .tbllist.free td:nth-of-type(5) {
  padding-right: 18px;
}
.ranking-table .tbllist.free td:nth-of-type(5), .details table.free.tbllist td:last-child {
  width: 56px;
  white-space: nowrap;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--band-500);
}

.ranking-table .tbllist.free th:nth-of-type(5), .ranking-table .tbllist.free td:nth-of-type(5) {
  display: none;
}

ul.DisplayMode {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 16px;
  margin-bottom: 0;
  right: 0;
  top: 18px;
}
ul.DisplayMode button, .sort-options select {
  padding: 8px 12px;
  font-size: 11px;
  background-color: var(--surface);
  color: var(--text);
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 600;
  border-radius: 6px 0px 0px 6px;
  overflow: hidden;
}
ul.DisplayMode button.ModeButton--list {
  border-radius: 0px 6px 6px 0px;
  border-left: 0;
}
.filter {
  display: flex;
  gap: .75rem;
}
.sort-options {
  margin: 10px 0;
  text-align: right;
}
.sort-options select { 
  border-radius: 6px;
  text-align: center;
  padding: 10px 12px;
}



.details .tbllist.av tbody {
  display: grid;
  gap: 6px;
  row-gap: .75rem;
}

/* .tbllist.av tr:nth-child(2n) {background-color: var(--surface-subdued);} */
.tbllist.av tr {background-color: var(--surface-subdued);}

.tbllist.free tr:nth-child(2n) td, 

.list-view .tbllist.actress tr:nth-child(2n) td, .main-column.list-view .av-item:nth-child(2n) {background-color: var(--surface-subdued);}

.rnkcnt span {font-size: 60%; margin-left: 2px;}
.rnkup, .rnkdown, .rnkeven, .rnkcnt .rnkup, .rnkcnt .rnkdown, .rnkcnt .rnkeven {
  display: block;
  margin-left: auto;
  margin-top: 0.25rem;
  line-height: 1.5;
  font-weight: 500;
  font-size: 55%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.rnkcnt span strong {display: block;  margin: 0 auto;}

.ranking-actress td:nth-of-type(2) a, .list-table .tbllist.actress td:first-child a, .one-column .tbllist.actress a  { 
  display: inline-block;
  width: 20vw;
  height: 20vw;
  overflow: hidden;
  border-radius: 100px;
  position: relative;
  background-color: var(--border);
}
.grid-view .list-table .tbllist.actress td:first-child a {
  /* width: 27.5vw;
  height: 27.5vw; */
}

.result-tbl {
  font-size: 14px;
}
table.result-tbl td {
  padding: 0px;
  vertical-align: middle;
}



.result-tbl .jacket a {
  display: block;
  width: 27.5vw;
  max-width: 180px;
  border-radius: 4px;
}
.result-tbl th.jacket {
  width: 27.5vw;
  max-width: 180px;
}
.result-tbl th, .result-tbl .cast, table.result-tbl td:last-child {
  font-size: 80%;
  color: var(--text-subdued);
}
.result-tbl tbody {
  display: flex;
  gap: .5rem;
  flex-direction: column;
}
.result-tbl .release_date {
  font-size: 75%;
  width: 21.5vw;
    max-width: 120px;
    flex-shrink: 0;
    text-align: center;
  color: var(--text-subdued);
}
.result-tbl tbody tr {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: .5rem;
}
.result-tbl .ttl {
  flex: 1;
}
.result-tbl .ttl a {
  font-weight: 700;
  color: var(--text);
  line-height: 1.2;
  display: block;
  font-size: 13px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.result-tbl .cast {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.result-tbl .cast a {
  display: inline;
  color: var(--text-subdued);
}

.result-tbl .jacket {
  padding: 0;
}

.result-tbl .jacket img {
  max-width: 360px;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 11;
  object-fit: cover;
  border-radius: 0;
  object-fit: cover;
  background-color: var(--surface-subdued);
}



.ranking-actress td:nth-of-type(2) {
  padding-left: 0;
}
.tbllist.actress a img { width: 100%; 

  /* min-width: 70px;  */

  height: auto;}

.ranking-actress td:nth-of-type(3),  .tbllist.free td:nth-of-type(3), .list-table .tbllist.actress td:nth-of-type(2) {text-align: left;}

.tbllist.free .ttl {
  font-size: calc(.25vw + 13px);
}

.prof-table h2 {font-weight: normal;}

.tbllist.av .ttl a, .tbllist.free .ttl a {
  color: var(--text);
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.15;
}
.tbllist.av .cast, .details .tbllist.free .cast { margin: 5px auto;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.details .tbllist.free .cast { -webkit-line-clamp: 1;margin: 0px auto 0;}
.tbllist.av .moza {
  position: absolute;
  color: var(--surface);
  background-color: var(--border-border-critical-hover);
  padding: 6px 2px 5px;
  font-weight: bold;
  font-size: 70%;
  letter-spacing: -.2pt;
  border-radius: 2px;
  left: 20px;
  bottom: 10px;
  width: 70px;
  display: none;
  text-align: center;
}

.act-thumb {
  width: 20vw;
  height: 20vw;
  max-width: 120px;
  max-height: 120px;
  display: block;
  overflow: hidden;
  border-radius: 70px;
  position: relative;
  margin-bottom: 6px;
  margin: 0 auto;
}



.one-column .act-video-list .tbllist.av .ttl a, .one-column .act-video-list .tbllist.av .cast { 
  -webkit-line-clamp: 2;
}
.one-column .act-video-list .tbllist.av .cast { 
  margin: 4px auto;
}



/* .tbllist.free th:first-child, .tbllist.free td:first-child { display: none;} */


.tbllist p.furi a, .tbllist.av .cast a, .tbllist.free .cast a, .free-video-list ul li .cast a, .free-video-list ul li .furi {
  color: var(--text-subdued);
  font-weight: bold;
}

.av-area a.av-jacket {
  overflow: hidden;
  border-radius: 0px;
  display: block;
  width: 100%;
  max-height: inherit;
}

.av-area a.av-jacket img {
  width: 100%;
  height: auto;
  /* aspect-ratio: 4 / 3; */
  /* aspect-ratio: 16 / 11; */
  object-fit: contain;
  background-color: var(--surface);
  max-height: 480px;
}

.list-table.free form {
  padding: 0px;
}

/*AV details */
.prof-table tr {}
.free-area {
  padding: 0 20px;
  position: relative;
}

.prof-table td:first-child { width: inherit;}
#main-area .prof-table h2 { margin: 0 auto;}


.main-column.details .av-data .btn-area { 
  margin-bottom: 0;
  padding: 0;
 }
 .main-column.details .av-data .btn-area .btnlnk { 
margin-bottom: 0;
}


.av-area a {
  display: block;
  text-align: center;
}
.main-column h1 span { margin-left: 0.5rem; font-size: 52.5%; display: inline-block;font-weight: bold;    color: var(--text-subdued);}

.main-column.details h1 span { font-size: 11px; color: var(--text-subdued); }
.main-column h1 .cnt {    display: block;
  margin: 0 auto;
  font-size: 72.5%; }

.av-data .prof-table tr:first-child {display: none;}
.act-profile table td, .av-data .prof-table tr, .free-data tr td { display: grid;
  align-items: center;
  justify-content: space-between;
  grid-template-columns: auto auto;
  overflow: hidden;
  gap: 16px;
  padding: 4px 0;
  line-height: 1.2;
}
.act-profile table td p {
  line-height: 1.2;
}
.av-data .prof-table tr:last-child {
  justify-content: flex-end;
  gap: 0;

}
.av-data .prof-table .btnlnk.smbtn {
  margin:  0 0;
  width: inherit;
  font-size: 11px;
  padding: 8px 12px;
}


.act-profile {position: relative;}
.act-profile:before {
  background-color: transparent;
  border-radius: 0;
  color: var(--icon);
  content: "女優データ";
  padding: 18px 22px;
  position: absolute;
  font-size: clamp(10px, calc(.25vw + 11px), 14px);
  left: 0px;
  top: 0px;
  letter-spacing: 0.1pt;
  font-weight: 700;
}


.details .act-profile:not(.active):after { 
  content: "すべて表示";
  font-size: 11px;
  letter-spacing: 0.1pt;
  font-weight: 700;
  width: 100%;
  height: 9vh;
  background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
text-align: center;
line-height: 13vh;
color: var(--text-info);
  position: absolute;
  left: 0;
  bottom: 0;
  cursor: pointer;
  display: none;
}



.Dark .act-profile:not(.active):after {background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(40,40,51,0) 0%, rgba(40,40,51,1) 50%);}


.act-profile table td {text-align: right;}
.free-area .thumb { width: 100%; border-radius: 4px; overflow: hidden;}
.free-area .thumb a { 
  display: block;
  position: relative;
  width: 100%;
  height: 56vw;
}
.free-data tr td { grid-template-columns: auto 60vw; }
.free-data tr td p > img {
    width: 12px;
    float: left;
    vertical-align: bottom;
    margin-right: 8px;
}

.act-profile table tr:first-child {display: none;}

.act-profile table span, .av-data .prof-table td:first-child, .free-data tr td span:first-child {
  background-color: var(--surface-base);
  color: var(--icon);
  border-radius: 50px;
  align-self: center;
  padding: 6px 10px;
  font-size: 80%;
  font-weight: bold;
  min-width: 68px;
  text-align: center;
}

.av-data .prof-table td:first-child[colspan="2"] {
  background-color: transparent;
  padding: 20px 0px 0;
  font-size: 11px;
  line-height: 1.1;
}
.av-data .prof-table tr:last-child td:first-child[colspan="2"] {
  padding: 0px 0px;
}

.act-profile table a {
  display: inline-block;
  overflow-wrap: anywhere;
}


.main-column.details .btn-area {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0px 0px;
  gap: 8px;
}


.details .thumb .btn-area {
  display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0;
}
.details .thumb .btn-area a.btnlnk.fnz {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  padding: 9px 4px;
  font-size: 11px;
  background-color: rgba(255, 255, 255, .85);
  border-radius: 0px 0px;
  max-width: 220px;
  font-weight: 800;
  max-width: initial;
  color: var(--red-500);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  vertical-align: bottom;
}




/* アニメーションのキーフレームを定義 */
@keyframes colorChange {
  0% { background-color: #f3dd79; }    /* 元の色（薄い黄色） */
  25% { background-color: #ffb3ba; }   /* 薄いピンク */
  50% { background-color: #bae1ff; }   /* 薄い青 */
  75% { background-color: #baffc9; }   /* 薄い緑 */
  100% { background-color: #f3dd79; }  /* 元の色に戻る */
}

/* 既存のスタイルにアニメーションを追加 */
.main-column.details #mgs-header li.liclass_afflink a.aclass_afflink {
  display: inline-block;
  padding: .35rem 0;
  border-radius: 0px;
  background-color: #f3dd79;
  animation: colorChange 8s infinite;  /* 8秒で1周期、無限に繰り返し */
  transition: all 0.3s ease;          /* スムーズな変化 */
}


.main-column.details #mgs-header a.aclass_afflink p.pclass_afflink {
  display: inline-block;
  background-image: url(../top_center_bn/images/mgs-50off-sale-img.webp);
  width: 100vw;
  max-width: 540px;
  height: 30vw;
  vertical-align: bottom;
  text-indent: -9999em;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 0;
  border-radius: 0px;
  background-color: transparent !important;
}

.main-column.details #mgs-header .jgjjyp2 a.aclass_afflink p.pclass_afflink {
  background-image: url(../top_center_bn/images/mgs-jgjjyp2-img.webp);
}

.main-column.details #mgs-header .my242cp a.aclass_afflink p.pclass_afflink {
  background-image: url(../top_center_bn/images/mgs-my242cp-img.webp);
  height: 21vw;
}



.main-column.details .btn-area form input[type="submit"] {
  background-color: var(--surface-info);
  color: var(--text-info);
  border-radius: 20px;
  font-weight: 700;
  max-width: 100%;
  overflow: hidden;
  padding: 10px 12px;
  vertical-align: bottom;
  font-size: 80%;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  margin: 0px;
  margin-bottom: 15px;
  background-color: var(--surface);
  color: var(--text);
  border: 1px solid var(--border);
}

.main-column.details h5 + .btn-area {
  justify-content: flex-end;
  padding: 6px 16px 12px;
}
.main-column.details h5 + .btn-area .btnlnk {
  margin-bottom: 0;
  padding: 10px 22px;
  font-size: 11px;
}



.main-column.details .btn-area form.add_favorite input[type="submit"] {
  margin: 0;
  padding: 0 10px 0 26px;
  width: auto;
  height: 28px;
  /* text-indent: -9999em; */
  border: 0;
  color: var(--border-border-critical-hover);
  background-color: var(--surface);
  border-radius: 4px;
  border: 1px solid var(--border);
  font-size: 10px;
  
}
form.add_favorite:before {
  background-color: var(--border-border-critical-hover);
}
form.add_favorite {
order: 1;
position: absolute;
right: 20px;
top: -2.45rem;
}

ul.sns-btn {
  margin: 0px 0;
  gap: 0px;
  justify-content: space-evenly;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, max-content);
  grid-gap: 6px;
  height: auto;
  place-items: center;
  order: 1;
  position: absolute;
  right: 20px;
  top: -2.45rem;
  }
  ul.sns-btn li {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 80%;
  font-weight: bold;
  border-radius: 0;
  }
  ul.sns-btn li a {
  display: flex;
  align-items: center;
  gap: 3px;
  background-color: var(--surface);
  color: var(--icon);
  border-radius: 50px;
  align-self: center;
  padding: 8px 8px;
  }
  ul.sns-btn li i {
  width: 14px;
  height: 14px;
  position: relative;
  display: inline-block;
  background-position: center center;
  background-color: var(--icon);
  text-indent: -9999em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100%;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  }
  ul.sns-btn li span {display: none;}


a.btnlnk.ply {
  position: relative;
  text-decoration: none;
  padding: 0px;
  width: 24px;
  height: 24px;
  display: block;
  font-weight: bold;
  border-radius: 50px;
  margin: 4px auto;
  background-color: var(--band-500);
  color: var(--surface-info);
  text-indent: -9999em;
}
.list-table a.btnlnk.ply, .free-area a.btnlnk.ply { margin: 0px auto; }
.free-area a.btnlnk.ply {
  background-color: var(--band-disabled);
}


a.btnlnk.ply:before, form.add_favorite:before, .act-area .act-rank:before {
  content: "";
  position: absolute;
  left: 9px;
  top: 9px;
  z-index: 0;
}
form.add_favorite:before {
  left: 8px;
  top: 7px;
  z-index: 1;
}

.act-area .act-rank:before {
  left: 11px;
  top: 8px;
}
a.btnlnk.ply:before {
  background-color: var(--surface);
  left: 6px;
  top: 6px;
  width: 50%;
  height: 50%;
}

/* .main-column.details .btn-area .btnlnk.off {
display: none;
} */


form.add_favorite.static {
  position: relative;
  margin: 0;
  right: inherit;
  top: inherit;
}
form.add_favorite.static  .btnlnk {
  border: 0;
}

form.add_favorite.static:before, .main-column.details .btn-area .fb_iframe_widget, .twitter-share-button {display: none;}


.free-area a.btnlnk.ply {
  position: absolute;
  display: block;
  top: calc( 42% - 28px);
  left: calc( 50% - 28px );
  width: 56px;
  height: 56px;
  background-color: var(--surface);
}
.free-area a.btnlnk.ply::before {
  left: 15px;
  top: 15px;
  background-color: var(--band-500);
}
.free-area .btn-box {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: center;
  justify-content: flex-end;
  padding: 0;

}
.free-area a.btnlnk, .free-area .btnlnk, .av-data .btn-area .btnlnk {
  display: inline-block;
  padding: 8px 12px;
}
.free-area a.btnlnk.smbtn, .free-area .btnlnk.smbtn, .av-data .btn-area .btnlnk {
  font-size: 10px;
  margin: 8px 0 0;
}


.act-area {
  display: grid;
  gap: 0px;
  column-gap: 0;
  row-gap: 0px;
  position: relative;
  grid-template-columns: 50vw auto;
  grid-template-rows: 1fr;
  align-items: center;
}
.act-area .thumb {
  width: 100%;
  height: 49.5vw;
  position: relative;
  grid-row: 1 / 3;
  grid-column: 1 / 2;
  border-radius:0;
  overflow: hidden;
  align-self: self-start;
}
.act-area .radar-chart-2, .act-area .rate-table {
  align-self: flex-end;
  justify-self: center;
  margin-bottom: 5px;
}
.act-area .radar-chart-2 {
  width: 32.5vw;
  height: 32.5vw;
}
.act-area .act-rank {
  position: relative;
  color: var(--surface);
  background-color: var(--yellow-200);
  padding: 6px 20px 7px 30px;
  font-weight: bold;
  font-size: 75%;
  letter-spacing: -.2pt;
  width: auto;
  width: 70%;
  font-weight: 800;
  margin: 0 0 0% 10%;
  border-radius: 0;
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  text-align: center;
  align-self: center;
}
.act-area .act-rank a {color: var(--yellow-700);    padding: 2px 6px 0 0;}
.act-area .act-rank:before {
  background-color: var(--yellow-700);
}

.act-area .act-rank {
  font-weight: bold;
  color: #fff;
}
.act-area .act-rank {
--r: 1.0em; /* control the cutout */
padding-right: calc(var(--r) + .25em);
line-height: 1.8;
clip-path: polygon(-100vw 0,100% 0,calc(100% - var(--r)) 50%,100% 100%,-100vw 100%);
width: fit-content;
height: 32px;
}


.act-rank::before {
  right: 0px;
  border-left-width: 0.0625rem;
  border-color: rgb(0 0 0 / 1);
}



.rate-box {
  display: grid;
  /* align-self: flex-start; */
}
.act-area .act-rank a span { font-size: 130%;
  font-weight: 800;
  display: inline-block; }

.act-area .rate-table {
  /* background-color: var(--icon-interactive); */
  border-radius: 0px;
  font-size: 11px;
  width: calc(100% - 40px);
  margin: 5px auto 10px;
}
.act-area .rate-table tr {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0px;
}
.act-area .rate-table td { width: auto; padding: 0 0; vertical-align: middle;}
.act-area .rate-table td img {}
.act-area .rate-table td:first-child {
  width: 75px;
}
.act-area .rate-table td:nth-of-type(2) {
  background-color: #CCC;
  border-radius: 50px;
  overflow: hidden;
  padding: 0px 0;
  margin: 0 0;
}
.act-area .rate-table td img {}
.act-area .rate-table td:last-child {
  width: 54px;
  margin: 4px 0;
  text-align: right;
  font-size: 100%;
  letter-spacing: -.2pt;
  font-weight: bold;
}
.act-area .rate-table td b {
  font-weight: 800;
}

.act-area .thumb img, .act-layout .pickup > a img, .side-history table td img, .free-area .thumb a img, .pickup a img, .act-layout td > a:first-child img, .tbllist.actress a img, .type-act-block table td a:first-child img, .main-column.type-act2 table td a img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  top: 0;
  display: block;
  margin-bottom: 0;
  object-fit: cover;
  position: absolute;
  background-color: var(--border);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;


}

.av-data, .act-profile, .free-data, .main-column.add-video-area.type-static, .tab-box {
  font-feature-settings: "halt";
  border: 1px solid var(--border);
  color: var(--text);
  background-color: var(--surface);

  padding: 20px 20px 20px 20px;
  margin: 24px auto 1.75rem;
  border-radius: 12px;
  width: calc(100% - 40px);
}
#siro-middle-header {
  margin: 0 auto;
  display: block;
  text-align: center;
}
#siro-middle-header a { margin: 0 auto;
  color: var(--text);
  font-size: 12px;
  display: block;
  font-weight: bold;
}
#siro-middle-header img {
  margin:  0 auto;
  display: block;
}

.act-profile {
  padding: 42px 16px 20px;
  /* height: 22.5vh; */
  overflow: hidden;
}

.clear + .act-profile {
  margin-top: 0;
}

.act-profile.active {
  height: inherit;
}

.act-profile .btn-box {
  padding: 12px 0px 0px;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  border-top: 1px solid var(--border);
  margin-top: 12px;
}

.tab-box {padding: 4.5vw 0 0px;
  border: 3px solid var(--icon-info);
}
.front .tab-box {
  margin: 0 auto;
  padding: 6% 0 0;
  /* width: calc(100vw - 40px); */
  width: calc(100vw - 0px);
  border: 0;
  border-radius: inherit;
}
.main-column.add-video-area.type-static {
  margin: 0 auto 0;
  background:  var(--static-box-background);
  border-radius: 12px;
  padding: 30px 0px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  width: calc(100% - 0px);
  border-radius: 0;
  border: 0px;
}
.main-column.add-video-area.type-static .desc {
  padding: 0 30px;
}

#add-slick.slick-slider .slick-dots li {
  margin: 0 2px;
}
#add-slick.slick-slider {
  margin-top: 24px;
}
#add-slick.slick-slider .slide {
  padding: 0px;
}
#add-slick.slider .inner {
  width: auto;
  flex-direction: column;
  padding: 20px 20px;
  margin: 0 8px;
  gap: 0px;
  background-color: var(--surface-base);
  border: 0;
  border-radius: 8px;
  box-shadow: inset 0 0 0 2px var(--text-info);
}

#add-slick.slider .inner .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 38px;
  width: 90%;
  margin-top: 20px;
  color: var(--text);
  background-color: var(--surface);
}
#add-slick.slider .inner .btn p {font-weight: 700;}

#add-slick.slider form.add_fm_box {height: 38px;}
#add-slick.slider form.add_fm_box input[type="text"] {
  padding: 4px 10px;
  color: var(--text);
  background-color: var(--surface-base);
  border-radius: 4px 0 0 4px;
}

#add-slick.slider form.add_fm_box input[type="submit"] {
  padding: 4px 12px;
  margin: 0px auto;
  font-size: 12px;
}


.front #main-area #add-slick.slider .inner h2 {
  font-size: 16px;
  align-self: flex-start;
  margin: 0 0 8px;
  padding: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
#add-slick.slider .inner[data-category="addfree"] h2 {
  color: var(--surface-primary);
}

#add-slick.slider .inner[data-category="addactress"] {
  box-shadow: inset 0 0 0 2px var(--surface-critical-strong);
}
#add-slick.slider .inner[data-category="addactress"] h2 {
  color: var(--surface-critical-strong);
}
#add-slick.slider .inner[data-category="addactress"] .btn {
  color: var(--surface-base);
  background-color: var(--surface-critical-strong);
}
#add-slick.slider .inner[data-category="addactress"] .btnlnk i {
  background-color: var(--surface-base);
}

#add-slick.slider .inner[data-category="addav"] h2 {
  color: var(--surface-primary);
}
#add-slick.slider .inner[data-category="addav"] .btn {
  color: var(--surface-base);
  background-color: var(--surface-primary);
}
#add-slick.slider .inner[data-category="addav"] .btnlnk i {
  background-color: var(--surface-base);
}


.add-video-area .inner p {
  line-height: 1.4;
  font-size: 12px;
  font-weight: normal;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.act-area .btn-box, 
.av-data .btn-area {
  /* grid-row: 2 / 2;
  grid-column: 2 / 3; */
  align-self: center;
  justify-self: center;
  
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  display: grid;
  align-items: center;

  justify-content: center;
  gap: 1rem;
  column-gap: 5px;
}

.ratebtn, .act-area .btn-box .ratebtn, .navbar .login a, .navbar .register a, .navbar .logout a {
  color: var(--surface);
  background-color: var(--icon-interactive);
  padding: 10px 12px;
  margin: 0 auto;
  max-width: 160px;
  border-radius: 60px;
  font-weight: 700;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12.5px;
}

.ratebtn {
  color: var(--surface);
  background-color: var(--red-500);
  text-align: center;
}

.ranking-table .tbllist.actress .ratebtn {
  max-width: 100px;
  display: block;
  font-size: 11px;
  padding: 10px 6px;
}


.ratebtn .pc {
  display: none;
}

.ratebtn:hover {
  color: var(--surface);
  background-color: var(--red-700);
}

.list-table .tbllist .ratebtn {
  width: 20vw;
  overflow: hidden;
  display: block;
  max-width: 100px;
}



.navbar .login a {
  color: var(--surface);
  background-color: var(--icon-interactive);
}


.act-area .btn-box .ratebtn {
  grid-row: 1 / 2;
  grid-column: 1 / 3;
  font-size: 12px;
}


.act-area .ratebtn {
  /* grid-row: 2 / 2;
  grid-column: 2 / 3; */
  align-self: center;
  justify-self: center;
  padding: 12px 18px;
  margin: .5rem auto;
  max-width: 160px;
  font-size: 12px;
  font-weight: 800;
  width: 70%;
  background-color: var(--red-500);

}


.btn-box {
margin: 0 auto;
padding: 0 20px;
position: relative;
}
.btn-box .btnlnk { 
  font-size: 9px;
  background-color: var(--surface-info);
  color: var(--text-info);
  border-radius: 20px;
  font-weight: 700;
  overflow: hidden;
  padding: 8px 10px;
  vertical-align: bottom;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  margin: 0px;
}

.btn-box .btnlnk.addbtn { 
  background-color: var(--surface);
  color: var(--text);
  border: 1px solid var(--icon-info);
  padding: 10px 6px;
  border-radius: 6px;
  color: var(--text-on-color);
  background-color: var(--icon-info);
  font-size: 10.5px;
}

.btn-box .btnlnk.nmlbtn {
  font-size: 13px;
  padding: 12px 24px;
  display: block;
  margin: 0 auto;
  max-width: 60%;
  text-align: center;
}



.act-video-list table tr:first-child, .details table.free tr:first-child {
display: none;
}
.act-video-list table tr:not(:first-child), .details table.free tr:not(:first-child) {
  width: 100%;
  position: relative;
  display: grid;
  gap: 0px;
  column-gap: 15px;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
}
.details table.free tr:not(:first-child) {
  grid-template-columns: auto auto 1fr;
}

.act-video-list table tr:nth-child(2n+1) {
  /* display: none; */
}


.details table.free tr:last-child td[colspan="5"] {
  width: inherit;
  grid-row: 1 / 2;
  grid-column: 1 / 5;
  padding: 20px;
}
.details .tbllist td[colspan="5"] .nocnt {
  font-size: 12px;
  padding: 30px 10px;
}

.free-data table {
  width: 100%;
}
.free-data table a {
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}


.details .search_result_free table {
  background-color: var(--surface);
  border: 1px solid var(--border);
  margin: 0px 20px 20px;
  border-radius: 8px;
  width: calc(100% - 40px);
}



.details .search_result_free table.free tr:not(:first-child) {
  grid-template-columns: auto auto auto auto;
  gap: 0;
  column-gap: 0;
}

.details table.free td.chbox {
  z-index: 1;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  padding: 0px;
  position: absolute;
  left: 30px;
  top: 5px;
}




.details table.free td.sort {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  padding: 0;
}


.details .search_result_free table.free td.thumbimg {
  grid-row: 1 / 3;
  grid-column: 2 / 3;
  padding: 12px 0px 12px;
}
.details .search_result_free table.free td:nth-of-type(4) {
  grid-row: 1 / 3;
  grid-column: 3 / 4;
  align-self: center;
}
.details .search_result_free table.free td:nth-of-type(5) {
  grid-row: 1 / 3;
  grid-column: 4 / 5;
}

.main-column.details .search_result_free table h5 {
padding: 0px 0px 8px;
font-size: 13px;
font-weight: 700;
}

.details table.free tr a.btnlnk.ply {
  display: block;
}


.lazy {
  opacity: 0;
  transition: opacity 0.3s;
}
.lazy.loaded {
  opacity: 1;
}

/* 情報ブロックのスタイル */
.info-blocks-section {
  margin: 20px 0;
  padding: 0;
}

.info-block {
  align-items: center;
  flex-direction: column;
  display: flex;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0;
  margin: .5rem auto;
  align-items: flex-start;
}


.block-title {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 0px 0;
  color: var(--text);
  display: flex;
  align-items: center;
  padding: 12px 20px 6px;
}

.block-title i {
  font-style: normal;
  margin-right: 6px;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.icon-maker::before { content: "🏭"; }
.icon-label::before { content: "🏷️"; }
.icon-calendar::before { content: "📅"; }
.icon-actress::before { content: "👩"; }

/* 既存のtag-grid-listスタイルを継承 */
.info-block .tag-grid-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
}
.info-block .tag-grid-list {
  display: inline;
}
.info-block .tag-grid-list li {
  margin: 0;
  display: inline-block;
}

.info-block .tag-grid-list a {
  display: block;
  padding: 8px 12px;
  background: var(--surface);
  border: 0px solid var(--border);
  border-radius: 6px;
  text-decoration: none;
  color: var(--text-subdued);
  font-size: 13px;
  transition: all 0.2s ease;
  position: relative;
}

.info-block .tag-grid-list a:hover {
  background-color: var(--surface-info);
  color: var(--text-info);
  /* transform: translateY(-1px); */
}



/* スマートフォン対応 */
@media (max-width: 768px) {
  .info-block .tag-grid-list {
      grid-template-columns: 1fr;
  }
  
  .info-block .tag-grid-list a {
      padding: 12px 16px;
      font-size: 14px;
  }
}

/* タブレット対応 */
@media (min-width: 769px) and (max-width: 920px) {
  .info-block .tag-grid-list {
      grid-template-columns: repeat(2, 1fr);
  }
}

/* 品番コピー機能のスタイル */
.product-code-copy {
  cursor: pointer;
  padding: 0px;
  border-radius: 4px;
  transition: all 0.2s ease;
  display: inline-block;
  position: relative;
  font-weight: 500;
  border: 0px solid var(--border);
  background-color: var(--surface);
}

.product-code-copy:hover {
  background-color: var(--surface-hover);
  transform: translateY(-1px);
  box-shadow: inherit;
}

.product-code-copy:active {
  background-color: transparent;
  transform: translateY(0);
  box-shadow: inherit;
}

.copy-icon {
  margin-left: 1px;
  font-size: 12px;
  opacity: 0.7;
}

.copy-feedback {
  position: absolute;
  left: .75rem;
  white-space: nowrap;
  bottom: 75%;
  font-size: 11px;
  font-weight: bold;
  border-radius: 8px;
  animation: fadeInOut 2s ease-in-out;
}

@keyframes fadeInOut {
  0% { opacity: 0; transform: translateY(12px); }
  20% { opacity: 1; transform: translateY(0); }
  80% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(0); }
}

/* スマートフォン対応 */
@media (max-width: 768px) {
  .product-code-copy {
      padding: 6px 0px;
  }
  
  .copy-icon {
  }
}



/* --- 表示モード共通スタイル --- */
.av-list-container .av-item {
  box-sizing: border-box;
}
.av-list-container .av-item a {
  text-decoration: none;
  color: inherit;
  display: inline-block;
}

.av-list-container .av-item .jacket {
  text-align: center;
}
.av-list-container .av-item .jacket img {
  border: 0;
}
.av-list-container .av-item .details {
  /* 詳細エリア共通スタイル (必要なら追加) */
}
.av-list-container .av-item .ttl {
  font-size: clamp(12.5px, calc(.25vw + 13px), 14px);
  line-height: 1.3;
  margin: 0 0 .5rem;
}
.av-list-container .av-item .ttl a {
  color: var(--text);
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.15;
}


.av-list-container .av-item .cast, .av-list-container .av-item .maker-label {
  font-size: 12px;
  line-height: 1.2;
  margin: 0;
  font-weight: bold;
  color: var(--text-subdued); /* リンク色 */
}
.av-list-container .av-item .maker-label {
  font-weight: normal;
  display: flex;
  gap: .35rem;
  margin-bottom: .5rem;
  flex-direction: column;
  font-size: 11px;
}

.grid-view .av-list-container .av-item .maker-label {
  flex-direction: column;
}



/* .maker-label .label { margin-left: .5rem;} */

.av-list-container .av-item .maker-label a {
  font-weight: bold;
}
.av-list-container .av-item .release-date {
  font-size: 11px;
  color: var(--text-subdued); /* リンク色 */
}

/* --- グリッド表示用スタイル --- */
.main-column.grid-view .av-list-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 10px 0;
  gap: .75rem;
  row-gap: 1.25rem;
  width: calc(100% - 32px);
}
.main-column.grid-view .av-item {
  width: 100%;
  margin: 0 auto;
}

.main-column.grid-view .av-item .jacket a {
  display: block;
  width: 100%;
}
.main-column.grid-view .av-item .jacket img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 11;
  object-fit: cover;
  border-radius: .375rem;
  object-fit: cover;
  background-color: var(--surface-subdued);
}
.main-column.grid-view .av-item .details {
  margin-top: 8px;
}
.main-column.grid-view .av-item .ttl {
  overflow: hidden;
}
.main-column.grid-view .av-item .cast {
  overflow: hidden;
  margin: .25rem auto;
}
.main-column.grid-view .av-item .release-date {
  text-align: left;
  margin-top: .5rem;
}

.section-block {
  margin: 1rem auto;
  background: var(--surface);
  padding: 1.5rem;
  border-radius: 8px;
  color: var(--text);
  border: 1px solid var(--border);
}

.one-column .section-block .edit_area {
  margin: .75rem auto 0;
  padding: 0;
  border: 0;
}

.ranking-table .headline {
  padding-top: .5rem;
  padding-bottom: .5rem;
  justify-content: end;
}




@media screen and (min-width: 480px) {

}

@media screen and (min-width: 744px) {
  body {
    padding-top: 53px;
  }
  .main-column.grid-view .av-list-container {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: calc(100% - 80px);
  }  
  .main-column.grid-view .av-item .jacket img {
    max-height: 160px;
  }
  .main-column.details li.liclass_afflink a.aclass_afflink {
    padding: 0px;
    border-radius: 6px;
    overflow: hidden;
  }

  .details .thumb .btn-area {
    bottom: 0.75rem;
  }

  a.btnlnk.fanza-search {
    margin: 0 auto 2.75rem;
  }

  .details .thumb .btn-area a.btnlnk.fnz {
    padding: 10px 20px;
    width: auto;
    max-width: 90%;
    font-size: clamp(10px, calc(1.25vw + 11px), 13px);
    border-radius: 50px;
    transition: background-color 0.25s ease-in-out;
   }

   .details .thumb .btn-area a.btnlnk.fnz:hover {
    background-color: var(--red-100);
   }


  .block-title {
    padding: .25rem 0px;
  }

  .act-area .ratebtn {
    width: 100%;
  }
  .jacket-image {
    max-height: 460px;
  }

  .details section.video-jacket {
    position: relative;
    top: inherit;
  }

.main-column.details #mgs-header li.liclass_afflink a.aclass_afflink {
  padding: .5rem;
  border-radius: 12px;
}
.main-column.details #mgs-header  a.aclass_afflink p.pclass_afflink {
  max-width: 520px;
  height: 180px;
  border-radius: 4px;
}
.main-column.details #mgs-header .my242cp a.aclass_afflink p.pclass_afflink {
  height: 108px;
}

#mgs-head-top.bn-section {
  margin: 24px auto 0;
}


.adv-content.mgs, .adv-content.fz {
  max-width: 460px;
  margin: 0;
  padding: 1.25rem 0rem;
}  



  /* ホバー時の効果も追加（オプション） */
.main-column.details #mgs-header  li.liclass_afflink a.aclass_afflink:hover {
  animation-play-state: paused;  /* ホバー時はアニメーションを一時停止 */
  transform: scale(1.05);        /* 少し大きくする */
}



  .affiliate-ad {
    margin: 2rem auto;  
  }

  .sidebar-scroll h2 {
    max-width: 320px;
    margin: 0 auto;
  }

  .result-tbl tbody tr {
    gap: 1.25rem;
  }
  .headline {
    justify-content: space-between;
    padding: 1.25rem 40px;
    gap: .5rem;
  }
  .details .headline {
    margin: 0 40px .75rem;
    width: calc(100% - 80px);
    padding: 1.25rem 0 0;
  }
  .widget-description {
    display: none;
  }
  .widget-container {
    width: calc(100% - 40px);
    overflow: hidden;
    margin: 0px 0;
    border-radius: 8px;
  }
  .shiro-lp .btn-action {
    padding: 20px 40px;
    grid-column: 1 / 3;
  }
  .shiro-lp {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
  }
  .shiro-lp a img {
    margin-bottom: 12px;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 11;
    border-radius: .375rem;
    object-fit: cover;
}


#shiroHameGallaryList.shiro-img-list {
  width: 100%;
  grid-template-columns: repeat(4, 1fr);
  padding: 12px 40px 40px;
  margin-bottom: 0;
  row-gap: 1.75rem;
}

#shiroHameGallaryList a:nth-child(n+9) {
  display: block;
}

.shiro-video-block, .shiro-list {
  padding: 40px; 
}
.widget-title {
  font-size: 21px;
}
a.btnlnk.shiro-button {
  max-width: 520px;
  margin: 0 auto;
}
.shiro-video .btn-action {
  padding: 0 12px 20px;
}
.shiro-video-block a, .shiro-video-block a:first-child, 
.shiro-list a, .shiro-list a:first-child {
  width: 100%;
  font-size: 11px;
  display: block;
}
.shiro-video-block a:last-child {}

.shiro-video-block, .shiro-list {
  grid-template-columns: repeat(3, 1fr);
  display: grid;
  padding:32px 40px;
}

.details .shiro-list {
  padding: 12px 40px;
  row-gap: 0;
}

.info-block {
  display: grid;
  align-items: center;
  gap: 1.75rem;
  width: calc(100% - 80px);
}

.shiro-video-block {
  grid-template-columns: repeat(2, 1fr);
}

  .widget-header {
    grid-column: 1 / 3;
  }
  #random-banner-container {
    width: calc(100% - 40px);
    margin: 0 0 0 auto;
  }
  .benefits-grid {
    grid-template-columns: 1fr 1fr;
  }
  .shiro-ttl:before {
    left: 0;
  }


  .ntc-msg {
    text-align: center;
    margin: .25rem 40px 1.0rem;
  }
  .details .ntc-msg {
    text-align: center;
    margin: 1.25rem 40px;
  }
  

  .tbllist .tagarea a:nth-child(n+4) {
    display: inline-block;
  }

  .shiro-ttl {
    padding: 16px 20px;
    margin: 0 40px;
    grid-column: 1 / 4;
  }

  .middle-detail-adpart {
    display: grid;
    align-items: center;
    /* grid-template-columns: 1fr 1fr; */
  }
  .adv-content.both {
    gap: 1.25rem;
    padding: 1.5rem 1.25rem .75rem;
  }
  .affiliate-adv {
    display: flex;
    width: 100%;
    padding: 0 40px;
    justify-content: center;
  }

  .affiliate-adv .adv-content {
    grid-gap: .25rem;
  }
  .main-column.details h5.adv-title {
  }

  .video-posts-container {
    padding: 6px 0;
    width: calc(100% - 80px);
  }  

  .recommend-actress-list {
    gap: 0;
    row-gap: 1.75rem;
    justify-content: space-between;
  }

  .recommend-actress-list li {
    width: 20%; /* 各要素の幅 */
  }

  .recommend-actress-list li a img {
    height: 108px;
    width: 108px;
    }

  

  #shirohame-long a img, #shirohame-footer img {
    width: auto;
}

.details .type-slide.a-jacket .av-item:nth-child( n+9 ) {
  display: none;
}


}

@media screen and (min-width: 920px) {
  .affiliate-ad {
    border-radius: 12px;   
    border: 1px solid var(--border);
  
  }
  #mgs-side-long {
    display: block; margin-top: 0;
  }
  .jacket-container, section.video-jacket {
    border-radius: 8px;
  }
    
  .shiro-lp {
    margin-top: 2rem;
    border-radius: 12px;
  }
  .middle-detail-adpart + .shiro-lp,  #profile-data + .shiro-lp {
    margin-bottom: 2.5rem;
  }
  #shirohame-footer {
    padding: 0;
    background-color: transparent;
  }
  #shirohame-footer a {
    font-size: 10px;
  }
  .shiro-lp  h4 {
    font-size: 13px !important;
    padding: 0 !important;
  }
  .shiro-video-block, .shiro-list {
    padding: .5rem 0px 1.75rem;
    margin: 0 auto;
  }

  #shiroHameGallaryList.shiro-img-list  {
    padding:0px 0px 1.75rem;
    grid-template-columns: repeat(3, 1fr);
  }

  .details .shiro-list {
    padding: 12px 0px;
    row-gap: 0;
  }
  .details .shiro-bn-blk {
    margin-top: 2rem;
  }
  .details .shiro-bn-blk .shiro-ttl, .shiro-video  .shiro-ttl {
    padding: 0;
  }
  .shiro-ttl, .shiro-video .shiro-ttl {
    margin: 0;
    font-size: 16px;
    padding: 12px 4px 12px 24px;
  }


  .pagination + .shiro-lp {
    margin-bottom: 2.75rem;
  }
  .shiro-video .shiro-video-single,  .shiro-list, .shiro-video-block, .shiro-video .btn-action, .shiro-video, .shiro-bn-blk, .details .shiro-bn-blk {
    background:transparent;
  }


  .list-view .act-video-list table .ttl, .list-view .tbllist.av .cast, .list-view .tbllist.av td:nth-of-type(3), .list-view .tbllist.av td:nth-of-type(4) {
    font-size: 13px;  
  }


  .list-view .act-video-list table .ttl {
    font-size: 14px;
  }
  .details .headline {
    margin: 0 0px .75rem;
    width: calc(100% - 0px);
    padding: 1.25rem 0 0;
    gap: .75rem;
  }

  .widget-container {
  }

  .main-column.grid-view .av-list-container {
    grid-template-columns: repeat(3, 1fr);
    width: calc(100% - 0px);
    gap: 15px;
    row-gap: 1rem;
  }
  .no-cnt {
    padding: 12em 6em;
  }
  .grid-view .av-list-container .no-cnt {
    grid-column: 1 / 5;
  }
  .main-column.grid-view .av-item .jacket img {
    max-height: 180px;
  }
  .ntc-msg {
    margin: .25rem 0 1.75rem;
  }
  .details .ntc-msg {
    text-align: center;
    margin: .5rem 0px 1.25rem;
  }
  .front .ntc-msg {
    margin: 1.25rem 0 1.25rem;
    border-radius: 12px;
  }


  .headline {
    padding: 2.5rem 0px 1.25rem;
  }

  .headline
  .ranking-table .headline {
    padding: .5rem 0px .5rem;
    justify-content: end;
  }

  .video-posts-container {
    width: calc(100% - 0px);
    margin: 0 auto;
    gap: 1rem;
    row-gap: 1.25rem;
  }
  /* .ratebtn .pc {
    display: inline-block;
  } */

}

/* --- リスト表示用スタイル --- */
.main-column.list-view .av-list-container {
  /* リスト表示では特にコンテナスタイル不要 */
}
.main-column.list-view .av-item {
  display: flex;
  gap: .75rem;
  align-items: center; /* 要素を中央揃え */
  border-bottom: 1px solid var(--border); /* テーブルの罫線風 */
  padding: 10px 16px;
  width: calc(100% - 0px);
}
.main-column.list-view .av-item:first-child {
  /* border-top: 1px solid var(--border); */
}
.main-column.list-view .av-item .jacket {
  width: 35vw; /* 固定幅 */
  max-width: 190px;
  flex-shrink: 0; /* 縮まないように */
}
.main-column.list-view .av-item .jacket img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 11;
  object-fit: cover;
  border-radius: .375rem;
  display: block;
  object-position: 100% 0;
}
.main-column.list-view .av-item .details {
  flex-grow: 1; /* 残りのスペースを埋める */
}
.main-column.list-view .av-item .sub-details {
  width: 21.5vw;
  max-width: 120px;
  flex-shrink: 0;
  padding: 0 8px;
  text-align: center;
}
.main-column.list-view .av-item .ttl {
  /* 必要なら高さ制限やoverflowを設定 */
}
.main-column.list-view .av-item .cast {
  margin: .5rem auto;
  display: block;
  max-height: 1.85rem;
  overflow: hidden;
}
.main-column.list-view .av-item .release-date {
}




.list-table .tbllist.actress td:first-child, .tbllist.av td.jacket, .main-column:not(.ranking-table) .tbllist .thumbimg {
  padding: 10px 0px 10px 16px;
}
.main-column.type-d .tbllist .thumbimg {
  padding: 10px 0px 10px 0px;
}
.main-column.type-d {
  grid-template-columns: auto;
}
.main-column.type-d .tbllist .thumbimg a {
  width: 35vw;
  max-width: 200px;
}
.main-column.type-d .tbllist.free td:last-child {
  color: var(--band-500);
}


.tbllist.av td.jacket, .tbllist .thumbimg {
  width: 47.5vw;
}

.tbllist .thumbimg {
  width: 35vw;
  padding-left: 0;
  max-width: 240px;
}

.details table.free.tbllist .thumbimg {
  width: 40vw;
}

.list-table .tbllist.free {margin: 0 20px 2rem; width: calc(100% - 40px);}
.list-table .tbllist.free tr:first-child {display: none;}
.list-table .tbllist.free tbody { display: grid;grid-template-columns: 1fr 1fr;
  gap: 10px; row-gap: 20px;}

.list-table .tbllist.free tr { position: relative; display: flex; flex-direction: column;align-items: baseline;}
.list-table .tbllist.free .thumbimg {
  padding: 0px 0px;
  width: 100%;
  order: 0;
}
.list-table .tbllist.free p.furi {
  margin: 5px auto 5px;
  font-size: 85%;
  align-items: center;
  display: flex;
  gap: 6px;
}
.list-table .tbllist.free p.furi { 
  display: none;
}

.list-table .tbllist.free td {padding: 0px 0px;}
.list-table .tbllist.free td.chbox, form.active td.chbox {
  padding: 0;
  position: absolute;
  z-index: 1;
  left: 8px;
  top: 8px;
}
.list-table .tbllist.free td.chbox .cbxbd { margin-top: 0;}

td.chbox, td.sort, form .chkarea input[type="submit"] { display: none;}
form.active td.chbox, form.active td.sort, form.active .chkarea input[type="submit"], .main-column:not(.ranking-table) form.active .tbllist.free tr th:first-child { display: block;}
.chkarea #edit-toggle { cursor: pointer;}

form.active .tbllist.free tr th:first-child {
  position: absolute;
}

.list-table .tbllist.free td:last-child { 
  position: absolute;
  font-weight: bold;
  right: 8px;
  top: 8px;
  color: #FFF;
  align-items: center;
  display: flex;
  gap: 4px;
  z-index: 1;
}
.list-table .tbllist.free .cast {margin: 8px auto 0;}


.details .pickup > a {
  /* border-radius: 8px;
  overflow: hidden;
  display: block;
  width: 100%;
  position: relative;
  height: 100%;
  padding-top: 56.25%; */
}

/* .details .pickup > a img  */
.free-video-list a.thumb img  {
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: block;
  margin-bottom: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  background-color: var(--border);
}

.tbllist .thumbimg a {
  border-radius: 8px;
  overflow: hidden;
  display: block;
  width: 100%;
  position: relative;
}
.tbllist .thumbimg a img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 11;
  object-fit: cover;
  border-radius: .375rem;
  display: block;
  object-position: 100% 0;
}

.tbllist.av tr:first-child { display: none;}
.tbllist.av tr { display: grid;
  grid-auto-columns: auto 1fr;
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 10px;
  row-gap: 0px;
}
.tbllist.av td.jacket {
  grid-row: 1 / 3;
  grid-column: 1 / 2;
  min-width: 120px;
}

.tbllist.av td.jacket a {
  display: block;
  overflow: hidden;
  border-radius: 3px;
  width: 100%;
  max-height: 180px;
  max-height: inherit;
}
.tbllist.av td.jacket a img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 11;
  object-fit: cover;
  border-radius: .375rem;
  min-width: 120px;
}

.total_count {
  font-weight: 800;
  padding: 0;
  white-space: nowrap;
  font-size: 12px;
  color: var(--text-subdued);
}
.count-badge {
  font-size: 120%;
  padding-right: .25rem;
}
.mapping-info-labels {
  position: absolute;
  bottom: 16px;
  left: 22px;
}
.grid-view .mapping-info-labels {
  left: 4px;
  bottom: 10px;
}


.mapping-info-labels .badge {
  width: 24px;
  height: auto;
  text-indent: -9999em;
  border-radius: 6px;
  background: var(--surface-critical-strong);
  display: block;
  padding: 6px 0;
  font-size: 10px;
  font-weight: bold;
}




.tbllist.av td {
  text-align: center;
  min-width: 85px;
}
.details .tbllist.av td[colspan="4"] {
  display: none;
}


.tbllist.av td:nth-of-type(2), .tbllist.av td:nth-of-type(3), .details table.free td:nth-of-type(3), .details table.free td:nth-of-type(4) {
  text-align: left;
  padding: 0;
  padding-right: 0px;
}
.tbllist.av td:nth-of-type(2), .details table.free td:nth-of-type(3) {
  grid-row: 1 / 2;
  grid-column: 2 / 4;
  align-self: flex-end;
}
.tbllist.av td:nth-of-type(3), .details table.free td:nth-of-type(4) {
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  align-self: flex-start;
  justify-self: flex-start;
  padding-top: 5px;
}

.tbllist.av td:nth-of-type(3), .details table.free td:nth-of-type(4) {
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  align-self: flex-start;
  justify-self: flex-start;
  padding-top: 5px;
}
.tbllist.av td:nth-of-type(4) {
  grid-row: 2 / 3;
  grid-column: 3 / 4;
  align-self: flex-start;
  justify-self: flex-end;
  padding-top: 5px;
  text-align: left;
}
.grid-view .tbllist td:nth-of-type(4) {
  display: none;
}


.grid-view .tbllist.actress tbody {
  grid-template-columns: repeat(3, 1fr);
  gap: 0px;
  row-gap: .5rem;
  display: grid;
  margin: 0 auto;
  width: 100%;
}

.grid-view .tbllist.av tbody {
  grid-template-columns: repeat(2, 1fr);
  gap: .75rem;
  row-gap: 1.0rem;
  display: grid;
  margin: 0 auto;
  width: calc(100% - 32px);
}
.grid-view .tbllist.av tr:first-child {display: none;}

.grid-view .tbllist.actress tr:first-child {
  grid-row: 1 / 2;
    grid-column: 1 / 4;
    flex-direction: row;
    display: none;
}

.grid-view .tbllist.av tr, .grid-view .tbllist.actress tr {
  flex-direction: column;
  display: flex;
  
}
.grid-view .tbllist.av tr {
  background-color: transparent;
}

.grid-view .list-table .tbllist.actress td:first-child, 
.grid-view .tbllist.av td.jacket {
  padding: 10px 0px 6px;
  width: 100%;
  background-color: transparent;
}
.grid-view .tbllist.av td.jacket {
  padding-top: 0;
}
.grid-view .tbllist.actress tr td:nth-last-child(-n+2) {
  display: none;
}
.grid-view .ranking-actress .tbllist.actress tr td:nth-last-child(-n+3) {
  display: none;
}
.grid-view .list-table .tbllist.actress td:nth-of-type(2) {
  text-align: center;
  background-color: transparent;
  padding: 0px 6px;
}




.grid-view .tbllist.av td:nth-of-type(3), .grid-view .tbllist.av td:nth-of-type(2) {
  align-self: flex-start;
  padding: 0 ;
  color: var(--icon);
}
.grid-view .tbllist.av .cast {
  color: var(--icon);
}

.one-column .tbllist.free {
  /* margin: .75rem auto 1.5rem;
  background-color: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px; */
}


.one-column .tbllist.free tr:first-child {
  display: none;
}
.one-column .tbllist.free .thumbimg {
  padding: 12px 0px 12px 12px;
  width: 40vw;
}

.one-column .tbllist.av tr:nth-child(2n) { background-color: inherit;}
.one-column .tbllist.av td:last-child {
  grid-row: 3 / 4;
  grid-column: 1 / 3;
  text-align: left;
  justify-self: center;
} 
.one-column .tbllist.av td:last-child a.btnlnk.smbtn {
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 auto 10px;
}

.one-column .act-video-list table.av td:last-child {
  padding-top: 0;
  grid-row: 2 / 3;
  grid-column: 2 / 3;
}




.details table.free td:nth-of-type(3), .details table.free td:nth-of-type(4) {
  padding-right: 0;
}






.tbllist.free td:nth-of-type(4) {
  /* width: 18vw; */
}
.ranking-table .tbllist.free th:nth-of-type(4), .ranking-table .tbllist.free td:nth-of-type(4) { display: none;}


.act-video-list table.av tr .jacket, .details table.free  tr .thumbimg {
  grid-row: 1 / 3;
  grid-column: 1 / 2;
  /* padding: 8px 0px 8px 20px;
  max-width: 47.5vw;
  width: 100%; */
}
.act-video-list table.av tr .jacket a {
 overflow: hidden;
 border-radius: 3px;
 display: block;
}
.act-video-list table td {
  padding: 0;
}
.act-video-list td:nth-of-type(3), .details table.free td:last-child {
  text-align: right;
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  text-align: inherit;
  justify-self: flex-end;
  align-self: center;
}
.details table.free td:last-child {
  grid-row: 1 / 3;
  grid-column: 3 / 4;
  padding-right: 15px;

  text-align: center;
}
.act-video-list table tr {
  /* margin-bottom: 1.25rem; */
}
.act-video-list table.av td:nth-of-type(2) {
  /* padding: 0px 20px 0; */

}


div#relative-actress {
  margin-top: 1.75rem;
}

.act-video-list table td:nth-of-type(2) {
  grid-row: 2 / 3;
  grid-column: 1 / 3;
}
.act-video-list table.free td:nth-of-type(2) {
  grid-column: 2 / 3;
}
.profile-title, .free-title, .heading-title {
  padding: 10px 4px 10px 36px;
  font-size: clamp(14px, calc(1.25vw + 16px), 18px);
  font-weight: 800;
  display: flex;
  gap: 10px;
  line-height: 1.2;
}

#profile-data {
  padding-bottom: 1.75rem;
  margin-bottom: 3.5rem;
}

#profile-data .btn-area {
  margin-top: 1.75rem;
}

.headline .profile-title {
  padding: 10px 0px 10px 24px;
  margin: 0;
}

.headline .profile-title:before {
  left: 0;
}


.headline ul.DisplayMode {
  padding-right: 0;
}

.profile-title i, .free-title i {
  display: none;
}
.heading-title {padding: 20px 20px 10px;}
.main-column.details h4, .main-column.details h5 {
  padding: 24px 20px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.main-column.details h5.free-title {
  padding: 10px 10px 10px 36px;
  margin-bottom: 5px;
}

section.video-jacket {
  background: var(--gray-900);
  height: 0;
  border-radius: 0;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%; /* 16:9 の高さなので 56.25% (= 9 ÷ 16) */
  position: relative;
  margin-bottom: 1.25rem;

}

section.video-jacket.fz {
  background: var(--gray-900);
  height: auto;
  aspect-ratio: 4 / 3;
  /* aspect-ratio: 16 / 9; */
  object-fit: cover;
}

section.video-jacket iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}




.mincasi-area + h5, .details .clear + h5, .main-column.details a[name=av] + h5 {
  margin-top: 1rem;
}




.main-column.details h4 a, .main-column.details h4 .btnlnk, .details .tagarea .btnlnk.smbtn {
  font-size: 11px;
  margin: 0;
  padding: 6px 12px;
  width: auto;
  min-width: inherit;
  max-width: inherit;
  display: inline-block;
  vertical-align: bottom;
  line-height: 1;
}
.details .tagarea .btnlnk.smbtn {font-size: 10px;padding: 6px 8px;}
.wiki-lnk {
  padding: 0px 20px .75rem 2.75rem;
  font-size: 12px;
  line-height: 1.4;
  color: var(--icon);
  position: relative;
  font-feature-settings: "halt";
}
.wiki-lnk:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 2px;
}


.wiki-lnk a {
  font-weight: bold;
  font-size: .9rem;
  display: inline-block;
  line-height: inherit;
}

.wiki {
  padding: 0px 20px;
  font-size: .9rem;
  line-height: 1.4;
  position: relative;
  overflow-wrap: anywhere;
}



.main-column.details span.t11 a {
  text-decoration: none;
  display: inline-block;
  background-color: var(--surface-info);
  color: var(--text-info);
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
  position: relative;
  padding: 12px 16px;
  margin: 0 20px 10px;
  max-width: inherit;
  border-radius: 50px;
  display: inline-block;
  width: auto;
  font-size: 11px;
}
.main-column.details h5 p, p.notice  {
  font-weight: normal;
  margin-top: 4px;
  line-height: 1.3;
}
.main-column.details p.t7 {
  display: none;
}

p.notice  {
  padding: 20px;
  border-radius: 8px;
  margin: 0.75rem auto 1.5rem;
  width: calc(100% - 40px);
  font-size: 11px;
}

.main-column p.notice  {
  color: var(--icon);
  border: 1px solid var(--border);
}

#main-area .add-video-area h2 {
  margin: 0 auto;
  font-size: calc(.65vw + 17px);
  padding: 10px 0px 10px;
  grid-template-columns: 1fr;
  color:var(--text);
  background-color: transparent;
}

form.add_fm_box, form.form-search {
  font-size: 14px;
  display: grid;
  margin-top: 20px;
  justify-content: space-between;
  grid-template-columns: auto auto;
}
form.form-search {
  margin-top: 0px;
  border: 2px solid var(--icon-info);
  border-radius: 6px;
  justify-content: center;
  grid-template-columns: 32% 1fr auto;

  position: relative;

}

form.add_fm_box input[type="text"], form.form-search select, form.form-search input[type="text"] {
  width: 100%;
  color: var(--text);
  background-color: var(--surface-base);
  border-radius: 4px 0 0 4px;
  margin: 0px auto;
}
form.form-search::after {
  position: absolute;
  left: calc(32% - 16px);
  top: calc(50% - 3px);
  width: 10px;
  height: 7px;
  background-color: var(--icon);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: '';
  pointer-events: none;
}
.form-search select {
  padding: 4px 12px;
  color: var(--text);
  font-weight: bold;
  font-size: 85%;
  min-width: 80px;
  appearance: none;
}

form.form-search input[type="text"] {
  border-radius: 0 0;
  margin: 0px auto;
  padding: 4px 8px;
  border: 0px;
  font-size: 14px;
}

form.add_fm_box input[type="submit"], form.form-search input[type="submit"] {
  padding: 4px 16px;
  font-size: 14px;
  font-weight: bold;
  border: 0;
  color: var(--text-on-color);
  background-color: var(--icon-info);
  border-radius: 0 4px 4px 0;
  margin: 0px auto;
}
.add-video-area p {
  line-height: 1.3;}

/* 関連コンテンツ */
.front ul.tab, .type-a.act-layout, .type-d.popular, nav.navbar.li-top-nav, section.type-slide, .details section.type-slide, .shiro-img-list, .type-c.av-layout {
  width: 100%;
  padding: 2px 16px;
  margin-bottom: 0px;
  height: auto;
  -webkit-flex-direction: row;
  flex-direction: row;
  display: grid;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-snap-align: start left;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-padding: 0 50%;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  position: relative;
  z-index: 0;
  grid-gap: 16px;
  row-gap: 16px;
  grid-template-columns: repeat(5, 1fr);
  /* background-color: var(--surface); */
}




.details section.type-slide { 
  width: 100vw; 
  padding: 0px 16px .25rem;
  grid-gap: .75rem;
  row-gap: 1.25rem;
}

.type-a.act-layout {
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: .75rem;
}

.main-column.type-a.act-layout {
  grid-template-columns: 1fr;  
}


section.type-slide, .type-c.av-layout {
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 1rem;
  row-gap: 1.5rem;
  width: 100vw;
}



section.type-slide.a-jacket, section.type-slide.l-jacket {
  grid-template-columns: repeat(8, 1fr);
}

section.type-slide.a-jacket {
  grid-template-columns: repeat(5, 1fr);
}

.details section.type-slide.a-jacket {
  grid-template-columns: repeat(5, 1fr);
  margin-bottom: 1.75rem;
}


.other-works-block section.type-slide.a-jacket {
  grid-template-columns: repeat(3, 1fr);
}



section.type-slide.l-jacket {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}


.actress-grid {
  grid-template-columns: repeat(4, auto);
  display: grid;
  gap: .75rem;
  row-gap: 1.75rem;
  font-size: 12px;
  text-align: center;
  width: calc(100% - 20px);
  margin: 0 auto;
}
.actress-id, .actress-ruby {
  display: none;
}


.type-slide .av-item {
  width: 42.5vw;
  max-width: 200px;
}
.type-slide .av-item a, .actress-grid a {
  color: var(--text);
  display: block;
}


.type-slide img.av-image {
  width: 100%;
  height: 110px;
  object-fit: cover;
  border-radius: 4px;
  max-width: inherit;
}
.type-slide .av-title {
  color: var(--text);
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.15;
  margin-top: .35rem;
  font-size: 12.5px;}


  .type-slide .av-details {
    margin-top: .25rem;
    line-height: 1.5;
  }

  .details .type-slide .av-title {
    -webkit-line-clamp: 2;
  }

.type-slide .av-details p {
  color: var(--text-subdued);
  font-weight: normal;
  margin: 0 auto;
  line-height: 1.15;
  font-size: 12px;
}
.type-slide.a-jacket .av-item {
  width: 42vw;
  max-width: 200px;
}
.type-slide.a-jacket .av-details {
  display: none;
}

.type-slide.a-jacket img.av-image {
  /* height: 232px; */

  /* height: 59.75vw;
  max-height: 245px; */

  object-position: 100% 0;
}

.type-slide.l-jacket .av-item {
  /* width: 85vw; */
  width: 100%;
  max-width: 390px;
}
.type-slide.l-jacket img.av-image {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 11;
  object-fit: contain;
  border-radius: .375rem;
}

.details .type-slide.l-jacket .av-item {
  /* width: 60vw;
  max-width: 390px; */
}


.main-column.type-act2 table tr {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.main-column.type-act2 table td {
  margin-bottom: 1.5em;
  padding: 0;
}


.front ul.tab {
  grid-template-columns: repeat(8, auto);
  gap: 0px;
  font-size: 12.5px;
  padding: 0px 12px;
}


/* 出演者ブロック全体 */
.actress-block {
  margin: 0px auto;
  padding: 20px;
  background-color: var(--surface);
  border-radius: 10px;
  border: 1px solid var(--border);
}

.actress-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: .5rem;
  justify-items: center;
}

/* 出演者アイテム */
.actress-container .actress-item {
  width: 100%;
  max-width: 160px;
}

.animated-actress-item .actress-link {
  display: block;
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
}

.animated-actress-item:hover .actress-link {
  animation: cardFloat 2s infinite ease-in-out;
}

/* 出演者カード */
.actress-card {
  background: var(--surface);
  border-radius: 12px;
  padding: .75rem .5rem 1.25rem;
  text-align: center;
  border: 2px solid var(--surface);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.actress-card:hover {
  background: var(--surface-info);
  border: 2px solid transparent;
  transform: scale(1.05);
}

/* 女優写真 */
.actress-photo {
  width:100px;
  height:100px;
  margin: 0 auto 0px;
  border-radius: 50%;
  overflow: hidden;
  border: 0px solid #f3dd79;
  position: relative;
}

.actress-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.actress-img:error {
  display: none;
}

.no-photo-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #f3dd79, #ffb3ba);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: backgroundShift 8s infinite;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.actress-initial {
  font-size: 20px;
  font-weight: bold;
  color: white;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

/* 女優情報 */
.actress-info {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.actress-name {
  font-size: 11px;
  font-weight: 800;
  margin: 8px 0 0px;
  color: var(--text);
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.actress-meta {
  margin-top: auto;
}

.view-profile {
  background-color: #f3dd79;
  color: var(--text);
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
  transition: all 0.3s ease;
}

.actress-card:hover .view-profile {
  background-color: var(--surface);
  color: var(--text);
  animation: backgroundShift 3s infinite;
}

/* 追加ボタン */
.add-actress-card {
  background: white;
  border: 2px dashed #f3dd79;
  border-radius: 12px;
  padding: 15px;
  text-align: center;
  height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  cursor: pointer;
}

.add-actress-link .add-actress-card:hover {
  border-color: #ff6b6b;
  background: linear-gradient(135deg, #f3dd79, #ffb3ba);
  animation: cardFloat 2s infinite ease-in-out;
}

.add-actress-card.disabled {
  border-color: #ccc;
  color: #999;
  cursor: not-allowed;
}

.add-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f3dd79;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  transition: all 0.3s ease;
}

.add-actress-link:hover .add-icon {
  background-color: #ff6b6b;
  animation: backgroundShift 3s infinite;
}

.plus-icon {
  font-size: 20px;
  font-weight: bold;
  color: white;
}

.add-text {
  text-align: center;
}

.add-label {
  font-size: 12px;
  font-weight: bold;
  color: #333;
  display: block;
  margin-bottom: 5px;
  line-height: 1.2;
}

.login-required {
  font-size: 10px;
  color: #999;
}

/* シンプル履歴版（cookieActressスタイル） */
.actress-simple-history {
  background: #f9f9f9;
  padding: 15px;
  border-radius: 8px;
  border-left: 4px solid #f3dd79;
  margin-top: 20px;
}

.simple-title {
  color: #333;
  font-size: 16px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.actress-icon {
  font-size: 18px;
}

.simple-actress-table {
  width: 100%;
}

.actress-row {
  border-bottom: 1px solid #eee;
}

.actress-row:last-child {
  border-bottom: none;
}

.actress-cell {
  padding: 8px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.actress-thumb-link {
  flex-shrink: 0;
  position: relative;
}

.actress-thumb {
  border-radius: 50%;
  border: 2px solid #f3dd79;
  transition: all 0.3s ease;
}

.actress-thumb:hover {
  border-color: #ff6b6b;
  transform: scale(1.1);
}

.thumb-placeholder {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(45deg, #f3dd79, #ffb3ba);
  border: 2px solid #f3dd79;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  animation: backgroundShift 8s infinite;
  position: absolute;
  top: 0;
  left: 0;
}

.thumb-initial {
  font-size: 14px;
  font-weight: bold;
  color: white;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.actress-simple-name {
  color: #333;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  transition: all 0.3s ease;
  flex-grow: 1;
}

.actress-simple-name:hover {
  color: #ff6b6b;
  transform: translateX(5px);
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
  .actress-block {
    margin: 0px auto .75rem;
    border-radius: 0px;
    border: 0;
    width: calc(100% - 40px);
    background-color: var(--surface-base);
    padding: 0 0px 10px;
  }

  .actress-photo {
    width: 20vw;
    height: 20vw;
    max-width: 120px;
    max-height: 120px;
  }

  
  .actress-container {
      grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
      gap: 12px;
      justify-items: flex-start;
  }
  .actress-container .actress-item {
    width: 100%;
    max-width: inherit;
  }
  
  .actress-item {
  }
  
  .actress-card {
      border: 1px solid var(--border);
      padding: .75rem .25rem 1.05rem;
  }
  

  
  .actress-name {
      font-size: 12.5px;
  }
  
  .actress-initial {
      font-size: 16px;
  }
}

@media (max-width: 480px) {
  .actress-container {
  }

  .actress-header {
    display: grid;
  }
  .actress-header .act-profile {
    order: 1;
    margin-top: 1.25rem;
    margin-bottom: 1.75rem;
  }
  
  .actress-card {
  }
  
  .actress-name {
  }
  
  .view-profile {
      font-size: 10px;
      padding: 3px 6px;
  }
  
  .actress-cell {
      gap: 8px;
  }
  .actress-container {
    grid-template-columns: repeat(auto-fill, minmax(95px, 1fr));
    gap: .75rem;
    row-gap: 1.25rem;
  }
  .actress-simple-name {
      font-size: 12px;
  }
}


.mypage .type-a.act-layout {
  grid-template-columns: repeat(3, auto);

}

.front .main-search-area .tab-head {
  display: grid;
  align-items: center;
  grid-template-columns: auto auto;
  background-color: var(--surface);
}
.tab-head h4 { padding: 8px 12px 8px 15px;
  text-align: center;
  color: var(--text-info);
  font-size: 10px;}

.tab-head h4 i { 
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto;
  border-radius: 0px;
  -webkit-mask: url(../images/user-avatar.svg) no-repeat center center / contain;
  mask-image: url(../images/user-avatar.svg);
  background-color: var(--text-info);
}


.front .main-search-area ul.tab {
  padding: 0px 0px 0px 0px;
  position: relative;
  width: 100%;
}



.details .type-a.act-layout {
  width: 100vw;
  padding-bottom: 1.75rem;
  display: grid;
  grid-template-columns: repeat(5, 25vw);
  gap: .75rem;
  row-gap: 1.5rem;
}

.details #rank-actress .type-a.act-layout {
  grid-template-columns: repeat(3, 1fr);
}

.details .recommended-act {
  padding-bottom: .75rem;
}
.details .recommended-act .type-a.act-layout {
  grid-template-columns: 1fr;
}

.av-header {
  position: relative;
  /* background-color: var(--surface); */
  position: fixed;
  top: 0px;
  z-index: 3;
}
.n-head .li-top-nav-wrapper {
  padding-top: 40px;
  background-color: var(--surface);
  transition: padding-top 0.1s ease-in-out;
  position: fixed;
  top: 0;
  border-bottom: 1px solid var(--border);
  z-index: 2;
}

.hide .n-head .li-top-nav-wrapper {
  padding-top: 0px;
}
.menu-active.hide .n-head .li-top-nav-wrapper {
  padding-top: 40px;
}

nav.navbar.li-top-nav {
  width: 100vw;
  padding: 0px 5px;
  background-color: transparent;
  grid-template-columns: auto;
}
.n-head .navbar ul {
  grid-template-columns: repeat(4, auto);
  column-gap: 1em;
  padding: 0px 12px;
}

.type-a.act-layout td {padding: 0 0px;}
.type-d.popular {
  padding: 8px 20px 20px;
  grid-template-columns: repeat(6, 42.5vw);
}


.type-a.act-layout h2 {
/* display: none; */
}

.pickup {
  width: calc((100% - 20px) / 3);
}



.pickup a {
  display: block;
  position: relative;
  width: 100%;
}
.details .pickup > a {
  /* height: 64px; */
  /* border-radius: 4px; */
}
.pickup + a {
  width: 100%;
  height: 27.5vw;
}
.pickup p a {
  font-weight: bold;
  padding: 3px 0;
}

.details .type-a:not(.act-layout) {
  padding: 0px 20px 0px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  flex-wrap: wrap;
}
.details .type-a .pickup {
  width: 100%;
}
.details > .pickup {
  width: 120px;
  display: inline-block;
}



.type-c.av-layout {
  /* display: grid; */
  /* grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); */
  /* gap: 1rem;
  row-gap: 1.75rem;
  width: calc(100% - 32px); */
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 1.0rem;
  row-gap: 1.0rem;
  margin: 0 auto 1.75rem;
}

.type-c.av-layout .pickup {
  width: 42.0vw;
  max-width: 280px;
  display: block;
  flex-direction: column;
  gap: 1rem;
}

.type-c.av-layout .av-info a {
display: inline;
color: var(--text-subdued);
}



.type-c.av-layout img, .type-slide.l-jacket img {
  width: 100%;
  object-fit: cover;
  border-radius: 3px;
  max-width: inherit;
  position: relative;
  /* max-height: 130px;
  height: 28.75vw; */
  width: 100%;
  height: auto;
  aspect-ratio: 190 / 128;
  object-fit: cover;
  border-radius: .375rem;
  background-color: var(--border);
}

.type-slide.a-jacket .av-link img {
  width: 100%;
  object-fit: cover;
  object-position: 100% 0;
  border-radius: 3px;
  max-width: inherit;
  position: relative;
  /* max-height: 130px;
  height: 28.75vw; */
  width: 100%;
  height: auto;
  aspect-ratio: 134 / 190;
  object-fit: cover;
  border-radius: .275rem;
}


.type-c.av-layout .av-title a {
  color: var(--text);
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.15;
  margin-top: .5rem;
  font-size: 12.5px;
}

.type-c.av-layout .av-info {
  color: var(--text-subdued);
  margin-top: 8px;
  font-size: 11px;
}




.act-layout .pickup {
  width: 100%;
  float: inherit;
  display: inline-block;
}
.act-layout .pickup > a, .side-history table td > a:first-child, .act-layout td > a:first-child, .main-column.type-act2 table td a:first-child {
  width: 23vw;
  height: 23vw;
  max-width: 128px;
  max-height: 128px;
  display: block;
  overflow: hidden;
  border-radius: 100px;
  position: relative;
  margin-bottom: 8px;
  margin: 0 auto;
}


.actress-grid a img {
  width: 20vw;
  height: 20vw;
  max-width: 120px;
  max-height: 120px;
  display: block;
  overflow: hidden;
  border-radius: 70px;
  position: relative;
  margin-bottom: 6px;
  margin: 0 auto;
}
.actress-grid .actress-info {
  margin-top: .25rem;
}
.type-a.act-layout tbody tr {
  display: flex;
  gap: .75rem;
  row-gap: 1.75rem;
  justify-content: space-between;
  grid-template-columns: repeat(3, 1fr);
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  grid-template-rows: auto;
}

.side-history table td > a {
  width: 20vw;
  text-align: center;
  display: block;
}
.side-history table td > a.actnm {
  margin-top: .5em;
  margin-bottom: 1em;
}
.act-layout td > a:first-child, .side-history table td > a:first-child {
  margin-bottom: .5rem;
  width: 24vw;
  height: 24vw;
  max-width: 120px;
  max-height: 120px;
}
.side-history table td > a:first-child { 
  width: 20vw;
  height: 20vw;
  max-width: 120px;
  max-height: 120px;

}

.act-layout .pickup p a, .side-history table td > a, .act-layout td > a, .main-column.type-act2 table td a:last-child {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  display: block;
  font-weight: 700;
  text-align: center;
  color: var(--text);
}

.main-column.type-act2 table td a:last-child { font-size: 13px; margin-top: 6px;  color: var(--text);}
.act-layout td > br, .main-column.type-act2 table td > br  {display: none;}

.type-d {
  padding: 0px 20px;
  gap: 10px;
  row-gap: 15px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.type-d .pickup {
  margin-bottom: 0;
  width: 100%;
  float: inherit;
}
.type-d .pickup:nth-child(n+13) { display: none;}
.type-d .pickup p {
  display: flex;
  align-items: center;
  margin: 4px auto 0;
}
.type-d.popular .pickup p {
  margin: 6px auto 0;
}
.type-d .pickup a, .front .type-a:not(.act-layout) .pickup a {
  font-weight: bold;
  width: 100%;
  height: 70px;
  border-radius: 8px;
  text-align: center;
  display: block;
  overflow: hidden;
}
.type-d.popular .pickup a {
  height: 100px;
  border-radius: 8px;
}


.type-d .pickup p img , .front .type-a:not(.act-layout) .pickup p img { display: inline-block;vertical-align: middle;}

.type-d .pickup p a, .front .type-a:not(.act-layout) .pickup p a, .type-d.popular .pickup p a { 
  height: inherit; 
  display: inline-block;
  padding: 0px;
  flex: 1;
  text-align: left;
  border-radius: 0;
}



.side-history table tbody { display: grid;
  gap: 10px;
  justify-content: space-between;
  grid-template-columns: repeat(4, 20vw);
  grid-template-rows: auto;
}

.side-history table tbody tr.nocnt {
  grid-row: 2 / 3;
  grid-column: 1 / 5;
  min-height: 120px;
}

iframe.reco-3column-iframe {
  height: 256px;
}

.wiki-box {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  width: auto;
  margin: 0 20px 20px;
}
.wiki-box .wiki-lnk {
  padding: 0.85rem 15px;
  background-color: var(--surface);
  color: var(--icon);
  border: 1px solid var(--border);
  border-radius: 4px;
  position: relative;
}
.wiki-box .wiki-lnk a {
  color: var(--text);
}
.wiki-box .wiki-lnk a i {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  margin-right: 6px;
}
.wiki-lnk a i.missav {
  background-image: url(../images/missav.png);
}
.wiki-lnk a i.supjav {
  background-image: url(../images/supjav.png);
}
.wiki-lnk a i.google {
  background-image: url(../images/google.png);
}

.wiki-box .wiki-lnk:before {
display: none;
}
.wiki-box .wiki-lnk:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 2px solid var(--text-info);
  border-right: 2px solid var(--text-info);
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translate(-50%, -50%) rotate(45deg);
}


#mgs-header {
  text-align: center;
  padding: 0 0;
}

.bn-section {
  text-align: center;
  padding: .25rem;
}

#mgs-main-header.bn-section, #mgs-main-bottom.bn-section {
  padding: .25rem 0;
}


.details #mgs-header {
  margin: 1rem auto;
}

.details #mgs-main-header.bn-section {
  margin: 1.0rem auto 0.25rem;
  background: transparent;
  }

/* Lazy Load用のスタイル */
.lazy {
  opacity: 0;
  transition: opacity 0.3s;
}

.lazy.loaded {
  opacity: 1;
}

/* ローディング中のプレースホルダー */
.lazy:not(.loaded) {
  background-color: #f0f0f0;
  background-image: linear-gradient(45deg, transparent 25%, rgba(255,255,255,.5) 25%, rgba(255,255,255,.5) 50%, transparent 50%, transparent 75%, rgba(255,255,255,.5) 75%, rgba(255,255,255,.5));
  background-size: 20px 20px;
  animation: placeholderShimmer 1s linear infinite;
}

@keyframes placeholderShimmer {
  0% { background-position: -20px 0; }
  100% { background-position: 20px 0; }
}


.recommended-videos {
  margin: 0px 0;
}

.recommended-videos .type-slide {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.details .recommended-videos section.type-slide.a-jacket {
  grid-template-columns: repeat(6, 1fr);
  gap: 1.0rem;
  margin-bottom: .75rem;
  row-gap: 1.25rem;
}


.video-item {
  flex: 0 1 calc(25% - 12px);
  min-width: 160px;
  margin-bottom: 0px;
  width: 50vw;
}

.video-jacket {
    position: relative;
    margin-bottom: .25rem;
    border-radius: 8px;
    overflow: hidden;
}
.video-jacket a {
  display: block;
}

.video-jacket img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 11;
  object-fit: cover;
  border-radius: .375rem;
  background-color: var(--border);
}

.dual-affiliate-links {
  position: relative;
}
.dual-affiliate-links { }


.alternate-link {
  margin-top: 5px;
  text-align: center;
  position: absolute;
}

.alternate-link a {

  text-decoration: none;
  border-radius: 3px;
  font-size: 12px;
}

.single-affiliate-link {
  position: absolute;
  left: 8%;
  bottom: 0%;
}

.link-bd, .link-badge {
  position: absolute;
  bottom: 5px;
  left: 5px;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 11px;
  color: white;
  font-weight: bold;
  /* opacity: 0; */
  left: 12px;
}
.link-bd {
  left: calc(50% - 56px);
  bottom: 8px;
  border-radius: 50px;
}

.mgs-badge, 
.fanza-badge {
  background: var(--surface-critical-strong);
} 

.link-badge.mgs-badge, .link-badge.fanza-badge {
  padding: 8px 8px;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  left: 8%;
}

.link-badge.mgs-badge:before , .link-badge.fanza-badge:before, .mapping-info-labels .badge i {
  -webkit-mask: url(../images/play.svg) no-repeat center center / contain;
    mask-image: url(../images/play.svg);
    background-color: var(--white-100);
    content: "";
    width: 60%;
    height: 60%;
    content: "";
    position: absolute;
    left: 20%;
    top: 20%;
}


.video-info {
  padding: 2px 0;
}

.video-title, .main-column.details h4.video-title {
  font-size: 14px;
  line-height: 1.3;
  width: calc(100% - 0px);
  margin: 0 0 5px;
  padding: 0;
}
.main-column.details .video-title a {
  padding: 6px 0px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1;
  padding: 0;
}

.video-title a {
  color: var(--text);
  text-decoration: none;
}

.video-title a:hover {
  color: #007cba;
}

.video-details {
  font-size: 11px;
  color: var(--icon);
  line-height: 1.2;
  margin: 0;
}







@media screen and (min-width: 600px) {
  iframe.reco-3column-iframe {
    height: inherit;
  }  
}

/* メディアクエリ */
@media screen and (min-width: 480px) {
  /* 画面サイズが480pxからはここを読み込む */

  .posts-container {
    grid-template-columns: repeat(3, auto);
    margin: 0 auto;
    width: calc(100% - 0px);
  }
  .loading {text-align: center;
    grid-column: 1 / 4;
  }
  
  .side-column {
    padding: 0px 0px;
  }
.side-column ul {
  grid-template-columns: repeat(4, auto);
  justify-content: space-between;
  padding: 0 40px;
}

footer.footer .credit:before  {
  left: 0;
  width: 35%;
  height: 75px;
}

.details #mgs-main-header.bn-section {
  background: transparent;
  display: none;
}

.act-area, .free-area {
  width: 42.0%;
  display: flex;
  flex-direction: column;
  gap: .75rem;
  float: left;
  padding: 0 0px;
  }

  .act-profile, .free-data {
    margin: 0px auto;
    width: calc(60% - 70px);
    float: right;
    margin-bottom: 40px;
    margin-right: 30px;
    height: inherit;
    }

.slick-slider {
  width: 100%;
}
#add-slick.slider .inner {
  margin: 0 0px 0 30px;
}
.side-column.side-listbox {
  padding: 7.5% 40px;
}
.side-column h2, .side-column h3, .side-column h4, .side-column h5{
  margin: 0px 40px 12px;
}
.side-column table {
  margin: 0 0px;
}
.side-list.side-column table {
  width: calc(100% - 80px);
  margin: 4px auto .75rem;
}
.side-column.side-listbox h2 {
  margin: 0px 0px 8px;
}

.free-area {
  margin-left: 30px;
  width: calc(42.0% - 20px);
  row-gap: 5px;
}
.free-area a.btnlnk.ply {
  top: calc(25% - 0px);
}


.list-table .tbllist.free tbody {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  row-gap: 20px;
}

.ranking-actress td:nth-of-type(2) a, .list-table .tbllist.actress td:first-child a, .one-column .tbllist.actress a {
  width: 100px;
  height:  100px;
}


.grid-view .tbllist.av tbody {
  grid-template-columns:repeat(3, 1fr);
  margin: 0 0px 2rem;
  width: calc(100% - 20px);
}


.grid-view .tbllist.actress tbody {
  grid-template-columns: repeat(5, 1fr);
  margin: 0 30px 2rem;
  width: calc(100% - 60px);
}

.act-thumb {
  width: 15vw;
  height: 15vw;
  max-width: 110px;
  max-height: 110px;
}

.grid-view .list-table .tbllist.actress td:first-child a {
  width: 100px;
  height:  100px;
}

.list-table .tbllist.free, .act-video-list table, .details .search_result_free table {
  margin: 0 40px 2rem;
  width: calc(100% - 80px);
}
.main-column:not(.details) h1 {
        padding: 30px 40px 15px;
  }
.ranking-table .chkarea {
    padding: 20px 40px 0;
}

.tbllist.av td.jacket, .tbllist .thumbimg {
  width: 26.5vw;
}


.act-video-list table tbody {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
}
.act-video-list table tr:not(:first-child) {
  grid-template-columns: auto 1fr;
  border: 0px solid var(--border);
  border-radius: 8px;
}
.act-video-list table tr:nth-child(2n+1) {
    /* display: none; */
}
  .details .tbllist.av tbody {
    gap: 10px;
}
.rate-box {
  align-self: center;
  gap: 10px;
}
.main-column.details h4, .main-column.details h5, .profile-title, .free-title, .heading-title {
  padding: 10px 40px 10px;
  font-size: clamp(14px, calc(1.25vw + 16px), 21px);
}
.main-column.details h4 {
  font-size: clamp(14px, calc(1.25vw + 16px), 18px);
}
.act-profile {
  padding: 5.5% 3% 3.5% 3%;
}
.act-profile:before {
  font-size: 11px;
  padding: 18px 24px;
}
.main-column.details .twitter-widget .free-title {padding: 40px 0px 10px;}
.main-column:not(.details) h1 {
  padding: 30px 40px 15px;
}
ul.DisplayMode {
  top: 20px;
  padding-right: 40px;
}

.ranking-table .chkarea {
  padding: 12px 24px;
}
.main-column h1, .main-column.details h1, .rnkcnt, .front #main-area h2, .main-column h1 {
  padding: 20px 40px;
}

.front #main-area h2 {
  padding: 20px 40px 5px;
}
.rnkcnt {padding: 20px 0px 20px 15px;}
.pagination {
  padding: 0 60px;
}


.side-column.side-listbox, .wiki {
  padding: 0 40px;
}
.wiki-lnk {
  padding: 0px 40px 1rem 4.0rem;
  font-size: 12px;
}
.wiki-lnk:before {
  left: 2.5rem;
}

.wiki-box {
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin: 0 40px 40px;
}
.wiki-box .wiki-lnk {
  padding: 1rem  40px;
}
p.notice {
  padding: 20px;
  width: calc(100% - 80px);
  font-size: 13px;
}

.side-column.side-listbox {
  padding: 7.5% 40px;
}
.side-column.side-history {
  padding: 0px 40px 40px;
}
.twitter-widget {
  width: calc(100% - 80px);
  margin: 0 auto;
}
.side-history table td > a:first-child {
  width: 128px;
  height: 128px;
}
.side-history img {
  min-width: 128px;
}
.side-history table td > a {
  width: auto;
  font-size: 12px;
}
.side-history table tbody tr:not(.nocnt):first-child {    grid-row: 1 / 2;
  grid-column: 1 / 2;}







  .tbllist td.rnkno {
    padding-left: 20px;
  }

  .item.jumbotron {
    border-radius: 0px;
    margin-top: 0rem;
    margin: 0px auto;
    width: calc(100% - 0px);
  }
  .front .tab-box {
    margin: 0 auto 0px;
    width: 100%;
    border-radius: 12px;
    padding: 3.5% 0 0;
  }

  #mgs-side-top.bn-section iframe, #mgs-main-middle.bn-section iframe, #mgs-middle-sub.bn-section iframe {
    width: 300px;
  }



}



@media screen and (min-width: 744px) {
  /* 画面サイズが768pxからはここを読み込む */
  ul.sns-btn li span { display: block;}
  ul.sns-btn li a {padding: 6px 12px;}
  ul.sns-btn li i { 
    width: 16px;
    height: 16px;
  }
  .act-area {
    margin-bottom: 1.5rem;
  }
  #profile-data {
    padding-bottom: 2.75rem;
    margin-bottom: 2.75rem;
  }

  #mgs-header {
    text-align: center;
    padding: 0 0;
    margin-top: 1.25rem;
  }

  .details #mgs-header {
    margin: 1.75rem auto;
    width: 100%;
}
.bn-section {
  background-color: transparent;
}

  .details #mgs-main-header.bn-section {
  background: transparent;
  display: none;
  }

  .mapping-info-labels {
    left: 18px;
  }


  #mgs-main-middle.bn-section.av-middle iframe {
    width: 540px;
  }


  .actress-block {
    width: calc(100% - 80px);
    margin-bottom: 1.75rem;
  }

  section.video-jacket.fz {
  }

  
  .posts-container .post-thumbnail {
    max-height: 160px;
  }

  .posts-container {
    grid-template-columns: repeat(4, auto);
    gap: .75rem;
  }
  .loading {text-align: center;
    grid-column: 1 / 5;
    padding: 4rem 0;
  }

  .posts-container .post-thumbnail{
    max-height: 140px;
  }

  .total_count {
    padding: 0 1rem;
  }

  .details section.type-slide {
    width: 100%;
    padding: 0px 40px 20px;
    grid-template-columns: repeat(4, 1fr);
   }
  
  .other-works-block section.type-slide {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }

  .details .recommended-videos section.type-slide.a-jacket {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: .75rem;
    row-gap: 1.5rem;
  }

  .video-item {
    min-width: inherit;
    max-width: inherit;
    width: 100%;
  }


  .type-slide.a-jacket .av-item {
    width: 100%;
    max-width: 300px;
  }

  .type-slide.a-jacket img.av-image {
    /* height: 23.75vw;
    max-height: 230px; */
  }  

  body {
    padding-top: 53px;
  }

  .main-column.details h4, .main-column.details h5, .profile-title, .free-title, .heading-title {
    padding: 10px 40px 10px;
    width: calc(100% - 40px);
    margin: 1.75rem auto 0;
  }

  #main-area .details h2 {
    width: calc(100% - 80px);
    margin: 0 auto;
  }

  .main-column.details h5.free-title {
    padding: .75rem .75rem .75rem 2.5rem;
  }
  .main-column.details h5.adv-title {
    padding: 1.75rem 3rem 1rem;
    font-size: 17px;
    justify-content: center;
    max-width: 240px;
  }

  .details .type-a.act-layout {
    width: 100%; 
    grid-template-columns: repeat(5, 1fr);
  }
  .btn-box .btnlnk.addbtn {
    padding: 10px 16px;
    font-size: 11px;
  }
  .details #rank-actress .type-a.act-layout {
    row-gap: 1.75rem;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  }

  .footer {
    padding: 1.5rem 40px 2.25rem;
  }
  
  nav.navbar.li-top-nav {
    width: 100%;
    font-size: 10px;
    grid-template-columns: auto;
    padding: 0 0 0px 10px;
  }
  .side-column ul {
    grid-template-columns: repeat(5, 1fr);
  }
  .tbllist.av .moza {
    left: 12px;
    bottom: 12px;
  }
  .side-list.side-column table {
    width: calc(100% - 80px);
    margin: 0 auto;
  }
  .side-column.side-list table td a {
    height: 35px;
    width: 35px;
    line-height: 23px;

}
.grid-view .tbllist.av tbody {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  margin: 0 auto;
  width: calc(100% - 0px);
  gap: 0.75rem;
  row-gap: 1.75rem;

}


#main-area.one-column.contact-form {
  padding: 0;
  width: 100%;
  min-width: 640px;
}


  #add-slick.slider .inner {
    margin: 0 8px 0;
  }
  #add-slick.slider .inner .btn {
    gap: 8px;
    margin-top: 20px;
    width: 100%;
    height: 44px;
  }
  #add-slick.slider form.add_fm_box {
    height: 44px;
  }
  #add-slick.slider .inner i {
    width: 24px;
    height: 24px;
  }
  .front #main-area .main-column.add-video-area.type-static h2 {
    font-size: 21px;
    margin: 0;
    display: block;
    text-align: center;
  }
  #sns-box {
    gap: 30px;
    grid-template-columns: 1fr 1fr;
    justify-content: flex-start;
    align-items: center;
    display: grid;
    margin: 0 40px 0;
    width: calc(100% - 80px);
  }


  .details .bn-box.sticky.type-carousel {display: none;}

  #av-logo {
    gap: 6px;
    grid-template-columns: 170px auto;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    padding: 8px 0;
  }
  .av-logo a {
    margin: 0px auto;
    width: 170px;
    height: 100%;
  }
  ul.h-menu li:last-child { display: none;}

  ul.h-menu {grid-template-columns: repeat(1, 36px); margin: 0;
    justify-content: flex-start;
  }
  ul.h-menu li {
    height: 36px;
    line-height: 36px;
  }
  .search-bar {
    padding: 0;
    grid-column: 3 / 4;
    margin: 0 auto 0;
    width: 100%;
  }
  
  .wiki-box {
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin: 0 40px 40px;
  }

  .slick-slider {
    width: 100%;
    margin: 2rem auto;
  }
  .slider .inner {
    padding: 4px 30px;
    gap: 16px;
    font-size: 20px;
  }
  #js-slick.slider .inner {
    padding: 16px 30px;
    font-size: 24px;
    width: 100%;
}
  #js-slick.slider .inner i, #menu-slick.slider .inner i {
    width: 150px;
    height: 54px;
  }
  #js-slick.slider p {
    font-size: 22px;
  }

  iframe.reco-3column-iframe {
    height: 420px;
  }

  
  .pagination u, .pagination a, .pagination .current, .pagination .disabled {
    min-width: 40px;
    padding: 5px 14px;
    min-height: 40px;
    line-height: 30px;
    margin: 12px 2px;
    width: auto;
    font-size: 15px;
}

.bn350 {
  height: 325px;
}
.bn350 iframe {height: 325px;}

.list-table .tbllist.free {
  margin: 0 0px 2rem;
  width: calc(100% - 0px);
}
.list-table .tbllist.free tbody {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.main-column h1, .main-column.details h1, .rnkcnt, .front #main-area h2, .main-column h1 {
  font-size: clamp(14px, calc(1.5vw + 20px), 26px);
}


.front #main-area h2, .front #main-area a[name="kako24"] + h2, .front #main-area .type-a.act-layout + h2 {
  margin: 2.75rem 24px 0;
  padding: 1.0rem 1.25rem 1.0rem 2.75rem;
}
section.type-slide.l-jacket {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  padding: 0px 40px 20px;
  grid-gap: 1.0rem;
  width: 100%;
}

.actress-grid {
  grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
}

.type-c.av-layout {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: .75rem;
  row-gap: 1.25rem;
  margin: 0 auto 1.75rem;
  width: calc(100% - 80px);
  padding: 0;
  overflow: hidden;
}
.type-c.av-layout .pickup {
  width: 100%;
}


.type-c.av-layout img {

}

.side-history table td > a:first-child {
  width: 128px;
  height: 128px;
  margin: 0 auto;
}
.side-history img {
  min-width: 60px;
}
.side-history table td > a {
  width: 60px;
  font-size: 12px;
  margin: 6px auto 0;
}
.side-column.add-contents {
  padding: 0 0;
  gap: 1.5rem;
}
.header-type-2 {
  padding: 1.25rem .75rem;
  font-size: calc(.75vw + 14px);
}
.side-column.add-contents .desc {
  margin: 12px auto;
}
.side-column.add-contents .inner {
  gap: .75rem;
  margin: 0 auto 2.25rem;
  width: 75%;
}
.side-column.add-contents a.addcnt p span {
  font-size: 14px;
}
.side-column.add-contents a.addcnt {
  flex-direction: row;
  padding: 12px;
  width: auto;
  gap: 6px;
}

.rnkcnt {
  font-size: 19px;
  padding: 0px 0px;
}
#main-area h2.ttl {
  font-size: clamp(14px, calc(1.25vw + 16px), 21px);
  width: calc(100% - 0px);
  padding: .25rem .5rem .25rem 0rem;
}

.one-column .act-video-list table.av tr .jacket {
  width: 220px;
}
.one-column .act-video-list table tbody {
  grid-template-columns: 1fr;
}
.one-column.edit-layout .tbllist.actress a {
  width: 100px;
  height: 100px;
}

#main-area.one-column {
  padding: 60px 60px;
  margin: 10% auto;
  min-height: 400px;
  max-width: 460px;
}
#main-area.one-column.edit-layout {
  margin: 60px auto 60px;
}

.formhd h4 {
  width: 80%;
}


.go-to-top {
  right: 1.5em;
  bottom: 1.5em;
}
.go-to-top-button {
  width: 56px;
  height: 56px;
}




.details .act-profile:not(.active):after {
  display: none;
}
.act-profile table, .type-d.popular .pickup p a, .act-layout td > a, .act-layout .pickup p a, .footer p, .detail-link a, .details .tagarea, .actress-grid a .actress-name {
  font-size: 13px;
}

.rnkup, .rnkdown, .rnkeven, .rnkcnt .rnkup, .rnkcnt .rnkdown, .rnkcnt .rnkeven, .tbllist p.furi {
  font-size: 11px;
}

.main-column:not(.details) h1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: 1.75rem 40px 1.75rem;
}
.main-column.ranking-table h1 {
  order: -1;
}

.main-column h1 span {
  margin: 0;
  font-size: 13px;
  white-space: nowrap;
}

.main-column.details h1 span {
  margin-left: 8px;
}
ul.DisplayMode {
  padding-right: 40px;
  right: 0;
  top: 26px;
}
.type-static.filter-tag {
  width: 100%;
  padding: 0px 40px 0px;
}

.main-column.list-view .av-item {
  gap: 1.25rem;
  width: calc(100% - 80px);
  margin: 0 auto;
}
.type-static.filter-tag p {
  padding: 0px 0px 8px;
  font-size: 13.5px;
  display: block;
}
.type-static.filter-tag .tag-grid-list {
  padding: 0 0px;
  gap: .5rem;
  grid-template-columns: repeat(5, 1fr);
  flex-wrap: wrap;
}

form.add_favorite, ul.sns-btn {
  right: 30px;
  top: -3rem;
}

.main-column.details .btn-area form.add_favorite input[type="submit"] {
  font-size: 11px;
  padding: 0 12px 0 28px;
  height: 32px;
}
form.add_favorite:before {
  left: 10px;
  top: 8px;
}



.twitter-widget .container {
  max-height: 400px;
}


.wiki {
  padding: 0px 40px;
  font-size: 14px;
  line-height: 1.55;
}

.main-column.jumbotron {
  height: 250px;
}
.detail-link {
  margin-left: 0.75rem;
}
.breadcrumb {padding: 20px 20px;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.chkarea {padding: 20px 20px;}
.breadcrumb,
.chkarea,
.header-nav,
.n-head .notice,
.footer,
.av-logo,
.search-bar,
.chkarea,

.side-column, .chkarea a.btnlnk {
  font-size: 13px; /* 基本フォントサイズ */
}
.breadcrumb, .chkarea, .n-head .navbar ul a, .detail-link, .side-list .detail-link a, .type-d .pickup p a {
  font-size: 12px; /* 細かいテキストエリアのサイズ調整 */
}
.one-column.edit-layout p.t11, .one-column p.t11 {
  font-size: 14px;
}

.tbllist.actress th:nth-of-type(4), .tbllist.actress th:nth-of-type(5), .tbllist.actress td:nth-of-type(4), .tbllist.actress td:nth-of-type(5), .ranking-table .tbllist.free .tagarea, .tbllist .ratetbl, .tbllist.actress tr th:last-child, .tbllist.actress tr td:last-child, .main-column:not(.ranking-table) .tbllist.free tr th:first-child {
  display: table-cell;
}

.list-table .tbllist.actress td:nth-of-type(3), .list-table .tbllist.actress td:nth-of-type(4), .tbllist td, .tbllist.actress td:nth-of-type(6), .ranking-table .tbllist.free td:nth-of-type(5), .details table.free.tbllist td:last-child {
  font-size: 15px;
}

.ranking-table .tbllist.actress th:nth-of-type(4), .tbllist.actress th:nth-of-type(5),
.ranking-table .tbllist.actress td:nth-of-type(4), .tbllist.actress td:nth-of-type(5), .ranking-table .tbllist.free .tagarea {
  display: table-cell;
}


.tbllist td {
  padding: 10px 16px;
}




.ratebtn, .act-area .btn-box .ratebtn {
  max-width: 110px;
  display: block;
  margin: 0 0;
}
.act-area .radar-chart-2 {
  width: 50%;
  height: 50%;
}

.act-area .btn-box .ratebtn, .act-area .ratebtn {
  max-width: 100%;
  font-size: 13px;
  padding: 16px 30px;
  /* display: inline-block; */
}

.tbllist th.t9 { 
  font-size: 10px;
  padding: 10px 10px;
}
.one-column.edit-layout h4 {
  font-size: 21px;
}
.tbllist td.rnkno {
  font-size: 21px;
}
.n-head {padding-top: 15px;}

.tbllist .ttl, .list-table .tbllist .ttl {
  font-size: 14px;
}

.ranking-actress .tbllist.actress tr td:nth-of-type(3), .tbllist.actress td:first-child, .tbllist.actress td:last-child {
  padding: 6px 20px;
}


.list-table .tbllist .cast, .tbllist.free .ttl a, .tbllist.av .cast, .details .tbllist.free .cast, .tbllist.av td:nth-of-type(3), .details table.free td:nth-of-type(4), .tbllist.av td:nth-of-type(4) {
  font-size: 11px;
  margin: 8px 0 0;
}
.list-table .tbllist.free .cast {
  margin: 4px auto 0;
}


.main-column.details h5 + .btn-area {
  justify-content: flex-end;
  padding: 0;
  margin-top: -30px;
  margin-bottom: 12px;
}



.n-head {
  display: grid;
  grid-template-columns: 1fr auto; /* メインとサイドバーのレイアウト */
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1280px;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 0px;
}
#site-header {
  /* width: 100%; */
  width: 100vw;
  border-bottom: 1px solid var(--border);
  position: fixed;
  height: 53px;
  top: 0;
}

.av-header, .n-head .li-top-nav-wrapper {
  position: relative;
}
.n-head .li-top-nav-wrapper {
padding: 0;
border-bottom: 0px;
background-color: transparent;
}

#site-header p.notice, .n-head .notice {
  font-size: 11px;
  display: none;
}

.n-head .navbar ul { margin: 0px auto; gap: 0px;justify-content: space-evenly;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5, max-content);
  grid-gap: 6px;
  height: auto;
  place-items: center;
}
.active .search-bar {
  display: block;
  margin: 4px auto 4px;
  grid-column: 1 / 3;
  grid-row: 2 / 3;
  width: calc(100vw - 0px);
  position: absolute;
  bottom: -66px;
  background-color: var(--surface);
  padding: 10px 40px;
  left: -20px;
}


.n-head nav.navbar.li-top-nav ul a {
  font-size: 10px;
  flex-direction: column;
  padding: 10px 4px;
  gap: 4px;
  border-radius: 6px;
}
.n-head nav.navbar.li-top-nav .login, .n-head nav.navbar.li-top-nav .register, .n-head nav.navbar.li-top-nav .logout {
  display: inline-block;
}
.n-head nav.navbar.li-top-nav .login a, .n-head nav.navbar.li-top-nav .register a , .n-head nav.navbar.li-top-nav .logout a {
  padding: 8px 12px;
  border-radius: 50px;
}


.n-head .navbar .login a, .n-head .navbar .register a, .n-head .navbar .logout a {
  padding: 8px 10px;
  border-radius: 4px;
}
.n-head .navbar .register a, .n-head .navbar .login a, .n-head .navbar .logout a {margin-left: 1rem;}
.n-head .navbar .login a {
  margin-left: 0.25rem;
}
.n-head nav.navbar.li-top-nav .register {
  display: none;
}
/* .tbllist.actress tr td:last-child{ display: inline-block; } */

.tbllist .tagarea a {
  padding: 5px 8px;
  font-size: 12px;
  margin: 4px 0px 0 0;
  border-radius: 30px;
}

.chkarea div > span {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 5px;
}
.chkarea a.btnlnk {margin-left: 0px;}


.ranking-actress td:nth-of-type(2) a, .list-table .tbllist.actress td:first-child a {
  width: 120px;
  height: 120px;
}


/* 関連コンテンツ */
.type-a.act-layout, .type-d, .type-d.popular {
  width: 100%;
  padding: 20px 40px;
  margin-bottom: 1.5rem;
  grid-template-columns: repeat(5, auto);
  justify-content: space-between;
}
.details .type-d {padding: 5px 40px 30px;}

.mypage .type-a.act-layout {
  grid-template-columns: repeat(4, auto);

}


.btnlnk.action-button {
  margin: 1.75em auto 2.75em;
}
.front .main-column.type-a.act-layout {
  display: flex;
}

.front .type-a.act-layout {
  background-color: transparent;
  border-radius: 12px;
  grid-template-columns: repeat(5, auto);
  margin-bottom: 0;
  grid-gap: 0;
  row-gap: 2rem;
}
.front .type-slide.a-jacket {
  padding: 10px 40px;
  width: 100%;
}

.front .type-a.act-layout tbody tr {
  grid-template-columns: repeat(5, auto);
  gap: 1.25rem;
}

.type-a.act-layout td {
  padding: 0 0px;
}
.pickup {
  width: calc(100% / 5);
}
.details > .pickup {
  width: 210px;
  display: inline-block;
}

.free-data table a {
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.free-data table {
  width: auto;
  display: block;
  overflow: hidden;
}
.free-data tr td {
  grid-template-columns: auto auto;
}

.pickup a {
  display: block;
  position: relative;
  width: 100%;
}
.pickup + a {
  width: 100%;
  height: 27.5vw;
}
.act-layout .pickup {
  width: 100%;
  float: inherit;
  display: inline-block;
}
.act-layout .pickup > a, .act-layout td > a:first-child {
  width: 120px;
  height: 120px;
}




.type-d, .type-d.popular {
  gap: 10px;
  border-radius: 0;
  background-color: transparent;
  grid-template-columns: repeat(4, 23.5%);
  margin-bottom: 0;
}

.front .type-a .pickup a {
  width: 120px;
}
.type-d .pickup a {
  width: 100%;
  height: 105px;
}
.type-d.popular .pickup a {
  height: 105px;
}
.side-history table tbody { 
  gap: 10px;
  grid-template-columns: repeat(4, auto);
}


.details .type-a:not(.act-layout) {
  padding: 10px 0px 20px;
  grid-template-columns: 1fr 1fr 1fr;
}

.list-table .tbllist.actress td:first-child, .tbllist.av td.jacket, .main-column:not(.ranking-table) .tbllist .thumbimg {
  padding: 12px 0px 12px 12px;
}

.tbllist.av td.jacket {
  width: 100%;
}

.list-table .tbllist.free .thumbimg {
  padding: 0px 0px;
}
.details .chkarea, .list-table .chkarea {margin: 0 auto;
padding: 30px;}



.av-data, .main-column.add-video-area.type-static, .tab-box {
  width: calc(100% - 0px);
  padding: 3.5%;
  margin: 30px auto 30px;
}

.av-data, .main-column.add-video-area.type-static {
  padding: 30px 20px 20px;
  margin: 30px auto 30px;
  border-radius: 12px;
}
.av-data {
  margin: 30px 40px 30px;
  width: calc(100% - 80px);
}

.main-column.add-video-area.type-static {
  margin: 30px 40px 0px;
  width: calc(100% - 80px);
}
#add-slick.slick-slider {
  margin: 20px auto;
}


.item.item--linkbox {
  padding: 24px 5% 16px;
  margin: 2rem auto 0px;
  width: calc(100%);
  border-radius: 12px;
}
.item .title-box {
  padding: 0 5% 16px;
  margin: 2rem auto 0px;
  width: calc(100%);
}

.item.item--linkbox .link-li {
  gap: 2.5%;
}
.item.item--linkbox .linkbox {
  width: calc((100% - 5%) / 3);
}
.item.item--linkbox .imgbox {
  height: 295px;
  max-height: inherit;
}
ul.tab li {
  font-size: 13px;
}
.details .tbllist td[colspan="5"] .nocnt {
  font-size: 14px;
}
.front #main-area .item.item--linkbox h2, .add-contents a.btnlnk {
  font-size: 16px;
}


.tag-grid-list {
  padding: 20px 40px;
}
.tag-grid-list a {
  min-width: 80px;
  font-size: 15px;
  padding: 18px 18px 18px 52px;
}
.btn-box .btnlnk.nmlbtn {
  max-width: 300px;
  font-size: 14px;
  padding: 16px 24px;
  border-radius: 50px;
}

.tbllist.actress th:nth-of-type(6), .ranking-table .tbllist.free th:nth-of-type(5), .tbllist.actress td:nth-of-type(6), .ranking-table .tbllist.free td:nth-of-type(5) {
  padding-right: 10px;
}
.ranking-actress td:nth-of-type(2) {
  padding-right: 5px;
}

/* .tbllist td.ratetbl, .tbllist.actress td:nth-of-type(6) {
  padding-right: 20px;
} */

.pagination {
  padding: 0 20px;
  text-align: center;
}
.pagination .prev, .pagination .next {
  padding-left: .75rem;
  padding-right: .75rem;
}



.tab-box h3 {
  font-size: 21px;
}
.tab-box .desc {
  font-size: 15px;
  margin: 0.5rem auto;
  text-align: center;
}
.side-column .tab-box .desc {
  font-size: 13px;
}

.tag-grid-list a i {
  top: 12px;
  left: 12px;
  width: 28px;
  height: 28px;
}

#main-area h2 span.ballon {
  top: -36px;
  left: 0px;
  font-size: 14px;
}

.front h2 .detail-link a { 
  font-size: 12px;
  padding: 8px 20px;
}

.front #main-area a[name="kako24"] + h2 {
  margin-top: 4.75rem;
}

.ranking-table .chkarea {
  padding: .25rem 40px 1.75rem;
}



.bn-box.sticky, .hide .bn-box.sticky, .ranking-table .chkarea.sticky, .hide .ranking-table .chkarea.sticky, .slider.sticky, .hide .slider.sticky {
  top: 53px;
}


.details .search_result_free table {
  margin: 0px auto 40px;
  border-radius: 8px;
  width: calc(100% - 0px);
}
.details .search_result_free table.free tr:not(:first-child) {
  grid-template-columns: 30px auto 1fr auto;
  gap: 15px;
}

.details .search_result_free table.free td.thumbimg {
  width: 200px;
  padding: 12px 12px;
}
.details .search_result_free table.free td:nth-of-type(5) {
  padding-right: 40px;
  width: inherit;
  font-size: 120%;
}

.search-bar {
  display: block;
  padding: 0;
  grid-column: 3 / 4;
  margin: 0 auto 0;
  width: 100%;
}
ul.h-menu li.search {
  display: none;
}

.free-area .thumb a {
  height: 100%;
  padding-top: 56.25%;
}
.free-area .thumb {
  height: 100%;
}

.act-area .btn-box {
  display: flex;
  margin: 0 0;
  padding: 0;
  width: 100%;
  column-gap: 8px;
  align-items: center;
}
.act-area .rate-table {
  max-width: inherit;
  font-size: 13px;
  margin: 0 auto .5rem;
}
.act-area .rate-table td:last-child {
  font-size: 120%;
}
.home .free-video-list ul li:last-child {
  display: block;
}

.adv-content .afflink a {
  margin-top: 0;
}

.pp-bn {
  max-width: 320px;
  margin: 0 auto;
}

.pickup-b.pp-bn {
  max-width: inherit;
  padding: 0px 40px 40px;
}
.pickup-b.pp-bn .banner-container {
  display: grid;
  grid-template-columns: repeat(3, auto);
  align-items: center;
  justify-content: space-between;
}
.pickup-b.pp-bn .banner-item {
  min-width: 100%;
}

.grid-li {
  margin: 3.5rem auto;
  padding: 0 0px;
  gap: 2.5rem;
  width: calc(100% - 80px);
  grid-template-columns: repeat(4, auto);
}

.adv-content .afflink .title, a.aclass_afflink p.pclass_afflink {
  padding: 1.0rem .75rem;
}
.type-static.filter-tag .tag-grid-list a {
  min-width: inherit;
  padding: 1rem 1rem 1rem 2.75rem;
  font-size: 13.5px;
}
.type-static.filter-tag .tag-grid-list a i {
  top: 12px;
  left: 12px;
}

section.video-jacket.fz iframe {
  position: relative;
  min-height: 480px;
}

section.video-jacket.fz {
  aspect-ratio: inherit;
  padding: 0;
}


}

@media screen and (min-width: 769px) {

}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* 画面サイズが768pxから1024pxまではここを読み込む */

  
  .twitter-widget {
    width: auto;
    margin: 0 0;
  }




  .tbllist.actress th:nth-of-type(6), .ranking-table .tbllist.free th:nth-of-type(5), .tbllist.actress td:nth-of-type(6), .ranking-table .tbllist.free td:nth-of-type(5),  .tbllist .ratetbl {
    padding-left: 1rem;
    padding-right: 40px;
  }
  .main-column.details h5 + .btn-area {
    padding-right: 40px;
  }
  .details .type-a:not(.act-layout) {
    padding: 10px 40px 20px;
  }

  .list-table .tbllist.free, .details .search_result_free table {
    margin: 0 40px 2rem;
    width: calc(100% - 80px);
  }

  .one-column .act-video-list table {
    margin: 0 auto;
    width: 100%;
  }
  .actress-block, .tab-box, .details .chkarea, .list-table .chkarea {
    width: calc(100% - 80px);
  }
  .details .chkarea, .list-table .chkarea {margin-bottom: 30px;}
  .free-data {
    width: calc(50% - 0px);
    overflow: hidden;
  }

  .free-data tr td {
    width: auto;
  }
  .grid-view .av-list-container .no-cnt {
    grid-column: 1 / 4;
  }
  

  .details #mgs-main-bottom.bn-section {
    margin: 2.25rem 0 4.75rem;
  }

  
}

@media screen and (min-width: 920px) {
  /* 画面サイズが1024pxからはここを読み込む */
  /* 検索エリア */
  body {
    padding-top: 62px;
  }
  #main-area {
    gap: 0px;
  }
  #site-header {
    width: 100%;
    height: 62px;
  }
  .footer {
    padding: 2.5rem 0px 4.75rem;
  }
  .details #mgs-middle { 
    margin: 2.5rem auto;
  }

  .grid-li {
    margin: 0 auto .75rem;
  }
  
  .details .recommended-videos section.type-slide.a-jacket {
    gap: 1.0rem;
    row-gap: 1.25rem;
  }
  section.video-jacket {
    border-radius: 12px;
  }


  section.video-jacket.fz {
    position: relative;
    padding: 0;
    margin: 0 auto 1.25rem;
    aspect-ratio: inherit;
  }

  section.video-jacket.fz iframe {
    position: relative;
    min-height: 480px;
  }

  section.video-jacket.fz {
    aspect-ratio: inherit;
  }

  .notice { 
    width: auto;
    font-size: 11px;
    margin: 1.25rem auto .75rem;
  }
  #mgs-middle, #mgs-side-long, #mgs-Stop-long, .bn-section {
    background-color: transparent;
    padding: 0 0;
  }



  #mgs-side-top.bn-section {
    margin: 0 auto;
    padding: 0rem;
  }
  .side-column h2.jusleft {
    margin: 0 0px 0.25rem;
  }
  .grid-li {
    grid-template-columns: repeat(2, auto);
    gap: .75rem;
    width: calc(100% - 0px);
  }
  
  .details section.type-slide {
    width: 100%;
  }
  .affiliate-adv {
    border-radius: 12px;
    margin: 2.5rem 0;
  }
  .pickup-b.pp-bn {
    padding: 0px 0px 40px;
  }
  .pickup-b.pp-bn .banner-container {
    grid-template-columns: 1fr;
  }
  .actress-block {
    width: calc(100% - 0px);
}
.info-block {
  width: calc(100% - 0px);
}

  .main-column.details h5.adv-title {
    /* padding: 1.25rem 24px .5rem; */
    text-align: center;
  }
  .main-column.details h5.free-title {
    padding: 10px 4px 10px 24px;
    width: calc(100% - 0px);
  }

  .av-data {
    width: calc(100% - 0px);
    margin: 0 auto;
  }

  iframe.reco-3column-iframe {
    height: 280px;
  }

  .type-static.filter-tag .tag-grid-list a {
    font-size: 13px;
  }
  .main-column.list-view .av-item {
    width: calc(100% - 0px);
    margin: 0 auto;
    padding: 10px 0px;
  }

  .adv-content .dmm-section .afflink {
  }
  .free-title:before {
    left: 0;
  }
  
  .front .slider.sticky {
    position: relative;
    top: inherit !important;
  }

  .type-slide.a-jacket img.av-image {
    /* max-height: 285px;
    height: 27.5vw; */
  }

  .type-slide img.av-image {
    object-position: 100% 0;

    /* max-height: 200px;
    height: 16.75vw; */

  }
  section.type-slide.a-jacket, section.type-slide.l-jacket, section.type-slide {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    grid-template-columns: repeat(3, 1fr);
  }
  section.type-slide.l-jacket {
    grid-template-columns: repeat(auto-fill, minmax(189.5px, 1fr));
    row-gap: 1.75rem;
  }
  .front .type-slide.a-jacket {
    padding: 10px 0px;
  }

  .front .type-slide.a-jacket .av-item:nth-child( n+10 ) {
    display: none;
  }

  .details section.type-slide.a-jacket {
    grid-template-columns: repeat(4, 1fr);
    /* grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); */
    row-gap: 1.75rem;
    margin-bottom: 1.75rem;
  }
  .details .other-works-block section.type-slide {
    /* grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); */
    grid-template-columns: repeat(3, 1fr);
  }


  .details .type-slide.a-jacket img.av-image {
    max-height: 265px;
    max-height: 240px;
    height: 20.5vw;
  }  

  
  .type-slide.l-jacket img.av-image {
    max-height: 275px;
  }

  section.type-slide {
    /* grid-template-columns: repeat(3, auto); */
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
  }

  .type-a.act-layout tbody tr {
    gap: 10px;
    grid-template-columns: repeat(5, 1fr);
}


  .type-slide.a-jacket .av-item, .type-slide .av-item, .type-slide.l-jacket .av-item {
    width: 100%;
    max-width: inherit;
  }
  .details .type-slide.l-jacket .av-item {
    width: 100%;
    max-width: 390px;
  }
  
  .bn200 { width: 100%; height: 200px;margin: 0 auto; }
  span.balloon {
    left: 0px;
  }
  #main-area .add-video-area h2 {
    font-size: calc(.15vw + 16px);
  }

  .bn-box.sticky, .hide .bn-box.sticky, .ranking-table .chkarea.sticky, .hide .ranking-table .chkarea.sticky, .slider.sticky, .hide .slider.sticky {
    top: 62px;
  }



  #av-logo {
    grid-template-columns: 200px auto 1fr;
    gap: 10px;
    padding: 5px 0;
  }
  ul.h-menu {
    margin: 0 .25rem;
    grid-template-columns: 36px;
  }

  ul.h-menu li.search {
    display: none;
  }
  .search-bar {
    display: block;
    padding: 0;
    grid-column: 3 / 4;
    margin: 0 auto 0;
    width: 100%;
  }
  .n-head .navbar ul { 
    grid-gap: 0px;
  }
  .av-logo a {
    width: 200px;
  }

  .header-bottom-area.actress-ad-container {
    display: none;
  }
  /* .free-video-list ul {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    row-gap: 40px;
  } */



  .free-area {
    margin-left: 0px;
    width: calc(48.0% - 20px);
  }
  .item.jumbotron {
    border-radius: 12px;
    margin-top: 24px;
  }
  .front .tab-box 
  {
    margin: 0px auto 0px;
    width: 100%;
    border-radius: 12px;
    padding: 3.5% 0 0;
  }
  
  .free-data tr td {
    width: calc(90% - 30px);

  }
  td.chbox, td.sort, form .chkarea input[type="submit"] {
    /* display: inherit; */
  }
  .details table.free tr:not(:first-child) {
    grid-template-columns:auto auto 1fr;
  }
  .details table.free td.chbox {
    position: absolute;
  }

  ul.DisplayMode {padding-right: 0;}
  .type-static.filter-tag {
    padding: 0px 0px;
  }
  .grid-view .tbllist.av tbody {
    margin: 0 auto;
    width: 100%;
    gap: 15px;
    row-gap: 24px;
  }
  .grid-view .tbllist.actress tbody {
    margin: 0 auto;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
  }


  #sns-box {
    margin: 0 auto;
    width: calc(100% - 0px);
  }

.tbllist .tagarea {
    min-height: 22px;
    -webkit-line-clamp: 1;
}

.bn-box.sticky {
  /* display: none; */
}

footer.footer .credit:before {
  width: 25%;
  }

  .details .type-a.act-layout .pickup > a {

  }

  .n-head .navbar ul a, .tag-grid-list a, .list-search.tab-inner li a, .chkarea a.btnlnk, .side-column.side-list table td a, .side-column.side-tag ul a, .pagination a:not(.selected), .go-to-top-button, .ratebtn {
    transition: color 0.1s ease-in-out, background-color 0.15s ease-in-out;
  }
  .n-head .navbar ul li a i, .go-to-top-button i {
    transition: background-color 0.15s ease-in-out;
  }
  .bn-box {
    margin: 30px auto;

    padding: 50px;
  }


  .side-history table td > a:first-child {
    width: 60px;
    height: 60px;
  }
  .side-column.add-contents .inner {
    gap: .25rem;
    margin: 0 auto 1.25rem;
    width: 90%;
  }
  .side-column.add-contents a.addcnt {
    padding: 8px 12px 8px;
    width: auto;
    /* flex-direction: column; */
    gap: 2px;
    text-align: center;
  }
  .details .bn-box {
    margin: 50px auto 30px;
    padding: 0px 0;
  }
  .bn-box.sticky {
    position: relative;
    top: inherit;
  }

  .act-profile:before {
    top: 0px;
  }
  .act-profile table span, .av-data .prof-table td:first-child {
    font-size: 85%;
  }

  .main-column:not(.details) h1 {
    padding: 30px 0px 15px;
    justify-content: flex-start;
    gap: 10px;
  }

  .list-table .tbllist.free {
    margin: 0 0px 2rem;
    width: calc(100% - 0px);
  }

  .n-head .navbar ul a {
    padding: 10px 5px;
    border-radius: 6px;
  }
  .n-head nav.navbar.li-top-nav ul a {
    font-size: 10px;
    min-width: 60px;
  }
  .n-head nav.navbar.li-top-nav .login a, .n-head nav.navbar.li-top-nav .register a, .n-head nav.navbar.li-top-nav .logout a {
    padding: 10px 10px;
    border-radius: 50px;
    font-size: 11px;
}
.n-head .navbar .register a, .n-head nav.navbar.li-top-nav .register a, .n-head .navbar .login a, .n-head nav.navbar.li-top-nav .login a {
    font-size: 10px;
  }


  .n-head .navbar ul a:hover, .chkarea a.btnlnk:not(.selected):hover, .side-column.add-contents a.addcnt:hover {
    color: var(--text-info);
    background-color: var(--surface-info);
  }
  .n-head .navbar ul .register a:hover {
    background-color: var(--yellow-100);
    color: var(--orange-600);

  }

  .pagination a:not(.selected):hover {
    color: var(--text-info);
    background-color: var(--surface-info);
  }
  .go-to-top-button:hover {
    background-color: var(--text-info);
    color: var(--surface);
    border: 0px solid var(--text-info);
  }
  .go-to-top-button:hover i:before {
    background-color: var(--surface);
  }

 .act-area .btn-box .ratebtn:hover {
    background-color: var( --icon-interactive-hover);
  }


  .n-head .navbar ul li a:hover i {
    background-color: var(--text-info);
  }

  .type-d .pickup a img, .act-layout .pickup > a img, .act-layout td > a:first-child img {
    transform: scale(1);
    transition: transform 0.2s ease-in-out, opacity 0.25s ease-in-out;
  }
  .type-d .pickup a:hover img , .act-layout .pickup > a:hover img, .act-layout td > a:first-child:hover img  {
    transform: scale(1.1);
    transition: transform 0.2s ease-in-out, opacity 0.25s ease-in-out;
  }
  .list-search.tab-inner li a:hover {
    background-color: var(--surface-info);
    border: 1px solid var(--surface-info);
    color: var(--text-info);
  }

  .side-column.side-list table td a:hover, .side-column.side-tag ul a:hover {
    /* background-color: var(--text-info);
    color:var(--surface-info); */

    background-color: var(--surface-info);
    color: var(--text-info);
  }
  
  .tag-grid-list a:hover {
    background-color: var(--text-info);
    color: var(--surface);
  }


  .main-column h1, .main-column.details h1, .rnkcnt, .front #main-area h2, .main-column h1 {
    padding: 24px 0px 20px;
  }
  .main-column.details h1 {
    font-size: clamp(14px, calc(1.5vw + 20px), 22px);
  }

  
  .av-logo img {
    /* width: 200px;
    height: auto; */
  }
  .n-head {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .type-act-block table tr, .main-column.type-act2 table tr {
    grid-template-columns: repeat(5, 1fr);
  }

  #main-area h2, .front #main-area h2, .front #main-area a[name="kako24"] + h2, .front #main-area .type-a.act-layout + h2 {
    margin: 3.75rem auto 0.75rem;
    padding: 1.0rem .25rem 1.0rem 1.5rem;
  }

  #main-area .details h2:not(.ttl) {
    padding: 10px 0 10px 24px;
    width: calc(100% - 0px);
    display: flex;
    font-size: clamp(14px, calc(1.25vw + 16px), 21px);
  }
  #main-area .details h2:not(.ttl):before { left: 0;} 

  .details h2 .detail-link a {
    font-size: 12px;
    padding: 14px 18px;
  }


  .front #main-area a[name="kako24"] + h2 {
    margin-top: 4.75rem;
  }
  .front #main-area h2, .ttl-label {
    font-size: 21px;
    width: 100%;
    margin: 2.75rem 0 0;
    padding: 14px 0px 14px 24px;
  }
  .type-c.av-layout {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: .75rem;
    row-gap: .75rem;
    width: calc(100% - 0px);
}

  .front #main-area h2:before {
    left: 0px;
  }

  .type-static.main-search-area {
    border-top: inherit;
  }
  .front #main-area h2 span, .item .title-box span {
    font-size: 12px;
  }
  .ttl-label {
    padding: 16px 16px;
  }
  .n-head .av-header form.form-search {
    grid-template-columns: 110px 1fr auto;
    justify-content: space-between;
  }
  .n-head .av-header form.form-search::after {
    left: 92px;
    top: calc(50% - 3px);
  }
  .main-column h1 {
    padding: 30px 0px 20px;
  }
  .list-search.tab-inner {
    justify-content: center;
    margin: 5px 20px 10px;
    gap: 10px;
  }
  .list-search.tab-inner li a {
    padding: 12px 16px;
    font-size: 12px;
}


  .n-head .navbar ul {
    justify-content: space-between;
    padding: 0px 0px;
    margin: 0px auto;
    grid-gap: 6px;
    height: 100%;
  }
  nav.navbar.li-top-nav {
    width: 100%;
    padding: 0px 0px 0px 1.5rem;
    grid-template-columns: auto;
    margin: 0;
  }

 
  .site_body {
    padding: 0 30px;
  }
  .footer .credit {
    padding: 0 20px;
  }
  .mincasi-area {
    height: 450px;
  }
  .act-video-list table tbody {
    grid-template-columns: 1fr 1fr;
    grid-template-columns: auto;
    gap: 15px;
  }
  .details .tbllist.av tbody {
    gap: .5rem;
    row-gap: .5rem;
  }
  .grid-view .details .tbllist.av tbody {
    gap: 1.0rem;
    row-gap: 1.5rem;
  }


  .side-column h2, .side-column h3, .side-column h4, .side-column h5 { font-size: 14px;}
  .side-column ul, .side-list a {
    font-size: 14px;
    gap: .5rem;
    row-gap: .75rem;
    padding: 0 0px;
    grid-template-columns: repeat(3, 1fr);
  }
  .side-list.side-column table {
    width: 100%;
    margin: 0px auto .75rem;
  }
  .side-list.side-column {
    display: none;
  }
  .side-column h2, .side-column h3, .side-column h4, .side-column h5 {
    margin: 0px 0px 8px;
  }
  .side-column.side-list table td a, .side-column.side-tag ul a {
    padding: 10px 0;
    text-align: center;
    font-size: 10px;
  }
  .side-column.side-listbox {
    padding: 7.5% 0px;
    background-color: transparent;
  }

  .side-column.side-listbox ul {
    grid-template-columns: repeat(1, 1fr);
  }

  .side-column ul {margin-top: 8px;}
  .side-listbox ul {
    gap: 8px;
    margin-top: 8px;
  }
  .site_body, #side-bar {
    gap: 24px;
  }




  .site_body {
    grid-template-columns: auto 250px; /* メインとサイドバーのレイアウト */
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }

  #main-area.one-column {
    grid-row: 1 / 2;
    grid-column: 1 / 3;
    padding: 60px;
    max-width: 560px;
    margin: 60px auto;
  }
  #main-area.one-column.edit-layout {
    max-width: 800px;
  }

  form.add_fm_box input[type="submit"], form.form-search input[type="submit"] {
    padding: 10px 14px;
    font-size: 13px;
  }
  form.form-search select { padding: 8px 12px; font-size: 11px;
    line-height: 1;}
  form.form-search input[type="text"] { padding: 8px 8px;}


  .edit-layout .act-area {
    width: 240px;
  }
  .edit-layout .act-profile {
    padding: 0px 40px 0px 280px;
  }
  .edit-layout .act-profile table {
    font-size: 13px;
  }
  .edit-layout .act-area .thumb, .edit-layout .act-profile {
    height: 240px;
  }
  .main-column.ranking-table h1 { 
    padding: 30px 0px 15px;
  }
  #main-area h2 i {
    width: 34px;
    height: 34px;
  }
  
  .details .type-a.act-layout {
    width: 100%;
    border-radius: 12px;
    display: grid;
    gap: 0rem;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    row-gap: 1.75rem;
    padding: 0.75rem 0;
    
  }
  .container {
    max-width: 1200px;
    margin: 0 auto;
  }

  .sidebar-scroll {
    position: -webkit-sticky;
    position: sticky;
    top: 85px;
    row-gap: 2rem;
}
  .side-column {
    padding: 0px 0px;
  }
  .side-column.side-history {
    padding: 0px 0px;
  }
  #side-bar {
    gap: 30px;
    padding-top: 24px;
    padding-bottom: 2rem;
    align-content: flex-start;
  }
  .side-column.side-list table td {    font-size: 60%;
    text-align: right;
    line-height: 5px;

  }
  .side-column.side-list table td a {
    display: block;
    padding: 4px 6px;
    width: 100%;
    margin: 0;
    line-height: 16px;
    height: 23px;
    font-size: 10px;
  }
  .side-column.add-contents {
    margin-top: 0;
    padding: 0px;
    border-radius: 8px;
    row-gap: .5rem;
    width: 250px;
  }
  #mgs-side-top.bn-section iframe {
    width: 250px;
  }
  .side-history table tbody {
    gap: 0px;
    grid-template-columns: repeat(3, auto);
  }
  .ranking-table .chkarea {
    padding: 20px 0px;
  }
  .side-column.side-listbox {
    padding: 0 0px;
  }

  .add-contents a.btnlnk i {
    width: 44px;
    height: 44px;
  }

  .add-contents a.addcnt p {
    font-size: 12px;
    flex: 1;
}
  .add-contents a.addcnt p span {
    font-size: 14px;
  }
  .add-contents a.btnlnk {
    width: auto;
    padding: 10px 10px 10px 10px;
    margin: 5px 0;
  }


  .header-type-2 {
    font-size: 12px;
    padding: .75rem .75rem;
    border-radius: 8px 8px 0 0;
  }
  .add-contents .desc {font-size: 10px; }
  .side-column.add-contents .desc {
    font-size: 12px;
    width: 76%;
    margin: 8px auto;
    padding: 0 0px;
  }

  .main-column.list-view .av-item .jacket img {
    height: 128px;
  }

  .side-column.add-contents a.btnlnk i {
    width: 26px;
    height: 26px;
}
  .side-column.add-contents a.addcnt p span {
    font-size: 11px;
  }

  .tbllist.av td.jacket, .tbllist .thumbimg {
  }

  .tbllist.av td.jacket, .tbllist .thumbimg, .details table.free.tbllist .thumbimg {
    max-width: 265px;
  }

  .list-view .details .tbllist.av td.jacket {
    /* width: 180px; */
    width: 100%;
    max-width: 220px;
  }
  .act-video-list table {
    margin: 0 0px 2.75rem;
    width: calc(100% - 0px);
  }
  .one-column .act-video-list table {
    margin: 0 auto;
    width: 100%;
  }
  .wiki-lnk {
    padding: 0px 0px 1rem 2.0rem;
  }
  .wiki-lnk:before {
    left: 0.25rem;
    }
  .details p.notice {
      padding: 20px;
      margin: 1rem auto 1.75rem;
      width: calc(100% - 0px);
  }
  .ranking-table .tbllist.free td:nth-of-type(5), .details table.free.tbllist td:last-child {
    min-width: 100px;
  }
  .tbllist.actress tr td:last-child .ratebtn {
    margin: 0;
    max-width: 180px;
    width: inherit;
    padding: 12px 16px;
  }



  .act-area {
    grid-template-columns: 320px auto;
  }
   .act-profile {
    padding: 6% 3% 4% 3%;
    width: calc(60% - 40px);
}
.twitter-widget {
  width: 100%;
  margin: 0 0;
}
.act-profile, .free-data {
  margin-right: auto;
}
form.add_favorite, ul.sns-btn {
  top: -2.75rem;
  right: .5rem;
}
.main-column.details h4, .main-column.details h5 {
  padding: 24px 0px 10px;
  font-size: 18px;
}
.profile-title, .free-title, .heading-title {
  padding: 12px 24px;
  width: calc(100% - 0px);
}
.profile-title:before, .heading-title:before {
  left: 0px;
}

  .list-table .tbllist.free tbody {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 12px;
    row-gap: 20px;
  }
  .details .type-a:not(.act-layout) {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .main-column.details h5 + .btn-area {
    padding-right: 0px;
  }
  .wiki-box {
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin: 0 0px 40px;
  }
  .act-area .thumb {
    min-height: 320px;
    max-height: 420px;
    height: 42.5vh;
    border-radius: 12px;
    overflow: hidden;
  }
  .ranking-actress td:nth-of-type(2) a, .list-table .tbllist.actress td:first-child a {
    width: 108px;
    height: 108px;
  }
  .type-d, .type-d.popular {
    gap: 15px;
    padding: 0px 0px;
    grid-template-columns: repeat(4, 23%);
  }


  .front .type-a.act-layout {
    padding: 20px 20px;
    padding: 0px 0px;
    grid-template-columns: repeat(5, auto);
    background-color: transparent;
  }
  .front .main-column.type-a.act-layout {
    grid-template-columns: 1fr;
  }


  .act-layout .pickup > a, .act-layout td > a:first-child {
    width: 108px;
    height: 108px;
  }
  
  .front .type-a .pickup a {
    width: 108px;
    height: 108px;
  }
  .front .type-a .pickup p a {
    height: inherit;
  }

  .front .act-layout td > a:first-child {
  width: 120px;
  height: 120px;
  }
  .grid-view .list-table .tbllist.actress td:first-child a {
    width: 100px;
    height: 100px;
  }
  .front .type-a.act-layout tbody tr {
    grid-template-columns: repeat(5, auto);
    gap: .75rem;
    row-gap: 1.75rem;
  }
  .front .type-a.act-layout td {
    padding: 0 15px;
  }

  #js-slick.slider .inner {
      padding: 16px 20px;
      gap: 20px;
  }
  #js-slick.slider .inner i, #menu-slick.slider .inner i {
    width: 150px;
    height: 54px;
  }
  #js-slick.slider p {
    font-size: 21px;
  }

  .main-column.add-video-area.type-static {
    margin: 30px 0px 0px;
    width: 100%;
  }

  .tbllist.actress th:nth-of-type(6), .ranking-table .tbllist.free th:nth-of-type(5), .tbllist.actress td:nth-of-type(6), .ranking-table .tbllist.free td:nth-of-type(5), .tbllist .ratetbl {
    padding-right: 15px;
  }
  .tbllist td.rnkno {
    padding-left: 10px;
  }

  .details .type-d {
    gap: 15px;
    padding: 5px 0px 30px;
    grid-template-columns: repeat(4, calc(25% - 15px));
  }





}


@media screen and (min-width: 979px) {

  .site_body {
    grid-template-columns: auto 300px; /* メインとサイドバーのレイアウト */
  }
  
  .front .type-slide.a-jacket .av-item:nth-child( n+9 ) {
    display: none;
  }


  #mgs-side-top.bn-section iframe, .side-column.add-contents {
    width: 300px;
  }
  section.type-slide.a-jacket, section.type-slide.l-jacket, section.type-slide {
    grid-template-columns: repeat(4, 1fr);
  }
  section.type-slide.l-jacket {
    grid-template-columns: repeat(4, 1fr);
  }

  .type-slide.a-jacket img.av-image {
    /* max-height: 285px;
    height: 22.75vw; */
  }  
  .grid-view .tbllist.actress tbody {
    grid-template-columns: repeat(5, 1fr);
  }
  iframe.reco-3column-iframe {
    height: 420px;
  }
  .side-list.side-column {
    display: block;
  }
  .side-history table tbody {
    grid-template-columns: repeat(4, auto);
  }

}