@charset "utf-8";
* {margin:0; padding:0;}
body {padding-top:80px; color:#333; font-size: line-height:1.5em; background-color:#fff2dd; background-color:#fff; font-size:14px; text-underline-position:under;}

/***** common *****/
.clear {clear:both;}
h1 {font-size:10px; font-weight:normal; margin:0; padding:0; padding-left:15px; display:block;}
h3 {font-weight:bold; font-size:140%; /*color:#1a1a1a; background:#f2f2ff;*/ color:#fff; background:#4942ce; border-bottom:2px solid #041468; padding:20px 15px 15px; margin:0 -15px 15px; word-break:break-all; word-wrap:break-word;}
h3 span.fas {margin-right:20px;}
h4 {font-weight:bold; font-size:130%; color:#1a1a1a; padding:8px 15px; margin:20px 0 10px; background:#e6e6e6; border-radius:4px;}
h5 {font-weight:bold; font-size:110%; color:#1a1a1a; padding:7px; margin:8px 0 5px; background:#fff;}
.sideContent {font-size:90%;}
.sideContent h4 {padding:6px 3px; margin-top:0; border-bottom:1px solid #dadce0;}
img {max-width:100%;}

a:link {text-decoration:none; color:#00b;}
a:visited {color:#006; text-decoration:none;}
a:hover {text-decoration:underline; color:#c2002a;}

.note {color:#999; font-weight:bold; font-size:90%;}
h4 .note {font-size:9px; margin-left:30px;}
.required {font-weight:bold; color:#ff0000; font-size:95%; margin-left:3px;}

#loading {position:fixed; display:none; z-index:1040; top:0; left:0; bottom:0; right:0; background-color:rgba(255, 255, 255, 0.8); overflow:hidden;}
#loading img {width:48px; height:48px; position:relative; top:50%; left:50%;}
.imageListContent {margin:15px 0;}
ol {list-style-position:inside; margin-left:15px;}
.innerContent {border-radius:4px; padding:3px 3px 5px; border:1px solid #dadce0;}

.justifiedMenu {background:#e6e6e6; padding:4px 8px; margin:0 -15px;}
.justifiedMenu a {white-space:nowrap; overflow:hidden; padding-top:0.5rem; padding-bottom:0.5rem;}
.justifiedMenu a.btn-default {background:#fff;}

/* header */
header {background-color:#0c0c75; backdrop-filter:blur(7px);}
header .navbar .navbar-brand {font-size:22px; font-weight:bold; color:#fff; text-shadow:1px 1px 2px #e2e2ff; padding-top:10px; padding-right:2px;}
.navbar {background-color:#0c0c75; color:#f4efff; border:none;}
.navbar .navbar-nav > li > a {font-weight:bold; color:#fff; padding:5px 7px; margin-top:5px; font-size:13px; white-space:nowrap;}
.navbar .navbar-nav > li > a:hover {background-color:#3838d1;}
.slogan {display:block; float:left; font-size:12px; margin:10px 5px 0 0; padding:0;}
header .navbar-brand {height:auto; margin-left:0;}
header.navbar {border-radius:initial; border-bottom:2px solid #fff;}
.navbar .nav-item span.fas {margin-left:4px; margin-right:4px;}

.headSiteName {background:#0c0c75; margin:-5px -15px 6px; padding:8px 0; text-align:center;}
.headSiteName a {font-size:16px; font-weight:bold; text-decoration:none; color:#fff;}
.headSiteName .fas {color:#fff; margin-right:6px;}

/* for bootstrap */
.btn {box-shadow:1px 1px 2px #ccc;}
.btn-link {box-shadow:none;}
.btn-default {border:1px solid #ccc;}

.alert-info {background-color:#efefef; border-color:#b3b3b3; color:#31708F;}
.alert-confirm {background-color:#d9edf7; border-color:#31708F; color:#31708F;}
.alert {margin:10px 0; padding:5px 15px;}
a.btn-primary:link, a.btn-primary:visited, a.btn-primary:hover {color:#fff;}
.glyphicon {margin-right:3px;}
.btn-primary {background-color:#00b;}
.btn-primary:hover {background-color:#c2002a; border:1px solid #c5004c;}
.btn-default:hover {color:#fff; background-color:#e8e8e8; border:1px solid #041468;}
.tab-content {background:#fff;}
a.btn:link, a.btn:visited {color:#fff;}
a.btn-default:link, a.btn-default:visited {color:#333;}
a.btn-link:link {color:#00b;}
a.btn-link:visited {color:#006;}
.form-control {border-color:#dadce0;}
.btn-default {color: #333; background-color:#fff; border-color:#ccc;}
.btn-default:focus {color:#333; background-color:#e6e6e6; border-color:#8c8c8c;}
.btn-default:hover {color:#333; background-color:#e6e6e6; border-color:#adadad;}
.btn-default:active {color:#333; background-color:#e6e6e6; border-color:#adadad;}

/* for sp */
@media (max-width:767.98px) {
  .sideContent {display:none;}
}
@media (max-width:991.98px) {
  .sideContent {display:none;}
}



/* ====================================================================== */

/* channel menu */
.channelRecommendMenu {}
.channelRecommendMenu a {font-weight:bold; color:#fff; background:transparent;}
.channelRecommendMenu a:link {color:#fff;}
.channelRecommendMenu a:hover {color:#fff; background:#3838d1;}
.btn.animeMenuLink {background-color: #f158a9; border-radius: 0;}
.btn.animeMenuLink:hover {background-color: #efb2d3;}
.btn.edgMenuLink {background-color: #006890; border-radius: 0;}
.btn.edgMenuLink:hover {background-color: #4cb5e8;}


/* footer */
footer {background-color:#e9f2f9; border-top:2px solid #0c0c75; color:#777; margin:25px 0 0; padding:15px 0;}
footer li {list-style:none outside none; font-size:96%; line-height:1.9em;}
footer li:before {content:">"; margin-right:5px;}
footer p {font-weight:bold;}
footer h5 {background:none;}

/* top toggle Tabs */
.navTabArea .nav-item {min-width:80px; margin-right:10px;}
.navTabArea .nav-item a {height:100%; background:#e9ecef;}

.topToggle {border:1px solid #dadce0; border-top:none; border-bottom-left-radius:8px; border-bottom-right-radius:8px; margin-bottom:13px; padding:7px;}
.topToggle .tab-pane a {margin-right:5px; padding:3px; font-size:13px;}
.topToggle a:hover {background-color:#c2002a; color:#fff;}
.topToggle .tab-pane a.more {font-weight:bold; color:#fff !important; background:#f19bc2 !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); font-size:105%;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border-color:#dadce0 #dadce0 #fff;}
.nav-tabs {border-bottom: 1px solid #dadce0;}

/* latestNews */
.latestNews {margin:8px 0;}

/* search panel */
#globalnav {margin:8px 0 0; line-height:1.4em;}
#globalnav .btn-group {margin-right:20px;}
#globalnav .fas {margin-right:3px;}
.keywordNow {font-size:92%; margin:5px;}
.keywordNow span {margin-right:5px; color:#555; font-weight:bold;}
.keywordNow a {padding:3px 5px; margin-right:4px;}


/* item common */
.itemImage .movieTime {position:absolute; top:5px; left:5px; background-color:#fff; padding:1px 3px; border-radius:2px; font-weight:bold; color:#c50067;}
.blockWrapper .current .itemTitle, .listWrapper .current .itemTitle a {color:#ff0000;}
.itemBody .itemImage .thumbWrapper {overflow:hidden;}
.itemDead {background-color:#ccc !important;}
.itemDead a {color:#211c38;}
.itemDead .itemImage {background-color:#000;}
.itemDead .itemImage .movieTime {background-color:#bfbfbf;}
.itemDead .itemImage img {opacity:0.5;}
.itemDead .itemText {color:#777;}
.iconGoodSite {text-indent:-9999px; overflow:hidden; height:40px; width:40px; margin-right:4px; display:block; float:left; background:url(images/icon_good_site.png) no-repeat top left;}
.iconBadSite {text-indent:-9999px; overflow:hidden; height:40px; width:40px; margin-right:4px; display:block; float:left; background:url(images/icon_bad_site.png) no-repeat top left;}
.badSiteItem .itemHead .itemTitle a:link {color:#110535;}

/* item in block */
.blockWrapper {}
.mainContent .blockWrapper .item {}
.mainContent .videoWrapper .blockWrapper .item {margin:0 9px 14px 0;}
.blockWrapper .item {text-align:left; vertical-align:top; margin:5px 0 2px; border:1px solid #dadce0; border-radius:4px;}
.blockWrapper .itemInfo {margin:2px 2px 0; position:relative;}
.blockWrapper .proName {background-color:#000000; color:#fff; font-weight:bold; font-size:87%; padding:2px; margin-right:3px; border-radius:2px;}
.blockWrapper .movieCnt {font-size:95%; color:#800019;}
.blockWrapper .clickCnt {font-size:85%; color:#fff; background-color:#808080; border-radius:2px; padding:2px; display:block; position:absolute; top:2px; right:2px;}
.blockWrapper .itemImage {margin:0 auto; background-color:transparent; overflow:hidden; white-space:nowrap; clear:both; text-align:center; position:relative;}
.blockWrapper .itemImage::before {content:''; padding-top:75%; display:block;}
.blockWrapper .itemImage img {border:none; margin-bottom:4px; object-fit:cover; position:absolute; top:0; left:0; right:0; bottom:0; min-height:100%; min-width:100%;}
.blockWrapper a:hover img {border-color:#A67E4E #FFA872 #FFA872 #A67E4E; box-shadow:0 0 3px 2px #FFA872; opacity:0.85;}
.blockWrapper .itemTitle {font-weight:bold; height:2.9em; overflow: hidden; line-height:1.4em; padding:0 2px;}
.blockWrapper .itemFoot {overflow:hidden; margin:0 2px 2px;}
.blockWrapper .itemTime {font-size:85%; color:#262626; float:left; margin-right:5px;}
.blockWrapper .itemSiteName {font-size:90%; color:#777; text-align:right; white-space:nowrap; overflow:hidden;}
.blockWrapper .itemImage .itemInfo {position:unset;}
.blockWrapper .itemImage .proName {position:absolute; top:3px; right:3px;}

/* item in list */
.listWrapper .item {overflow:hidden; background-color:#fff; margin:5px 0 15px; border-radius:4px; padding:3px; border:1px solid #dadce0;}
.listWrapper .itemHead {}
.listWrapper .itemHead .itemTitle {display:block; float:left; font-weight:bold; font-size:115%; line-height:1.3em; max-height:2.6em; margin-bottom:4px; letter-spacing:0.04em; overflow:hidden;}
.listWrapper .itemBody {clear:both; position:relative;}
.listWrapper .itemBody .itemImage {display:block; float:left; margin-right:10px; position:relative; width:240px;}
.listWrapper .itemImage::before {content:''; padding-top:75%; display:block;}
.listWrapper .itemBody .itemImage img {min-width:100%; object-fit:cover; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;}
.listWrapper .itemBody .itemImage img:hover {opacity:0.7;}
.listWrapper .itemBody .itemInfo {margin-bottom:4px;}
.listWrapper .itemBody .itemInfo .proName {background-color:#000000; color:#fff; font-weight:bold; font-size:87%; padding:2px; margin-right:3px; border-radius:2px;}
.listWrapper .itemBody .itemInfo .movieCnt {font-size:90%;}
.listWrapper .itemBody .clickCnt {display:block; float:right; color:#c5004c; font-weight:bold; font-size:95%;}
.listWrapper .itemBody .itemText {font-size:90%;}
.listWrapper .itemBody .itemTag {font-size:90%; font-weight:700; color:#a6a6a6;}
.listWrapper .itemBody .itemTag a {word-break:break-all; line-height:1.85em; font-weight:normal;}
.listWrapper .itemBody .itemFoot {color:#777; margin-top:8px; overflow:hidden;}
.listWrapper .itemBody .itemFoot .itemTime {display:block; float:left; color:#262626;}
.listWrapper .itemBody .itemFoot .itemSiteName {display:block; float:right; white-space:nowrap; overflow:hidden; font-size:90%;}
.listWrapper .itemBody .itemLink {clear:right; margin-top:6px;}
.rank {font-size:70%; font-weight:bold; margin:2px; padding:4px 2px 2px; border-radius:3px; background-color:#e56328; color:#fff;}
.rank b {font-size:150%; margin-right:1px; text-shadow:1px 1px 0 #000;}


/* sideBlock */
.sideBlock {border:1px solid #dadce0; border-bottom:none; margin:0 0 8px; background:#fff;}
.sideBlock h5 {font-weight:bold; font-size:110%; color:#fb1e1e; margin:0 0 5px; padding:4px 0; border:none; border-bottom:1px solid #dadce0; border-radius:initial; text-align:center;}
.sideBlock ul {margin:0; padding:0 3px 5px; list-style-position:inside; border-bottom:1px solid #dadce0;}
.sideBlock li {font-size:93%; line-height: 1.8em;}
.sideBlock li.more {font-weight:bold; text-align:right; list-style:none;}
.sideBlock li.more::before {content:">>"; font-weight:bold; color:#fb1e1e;}

.recommendList {margin-top:10px;}
.recommendList h5 {color:#672d01; text-align:center; font-size:125%; border:1px solid #ddd;}
.recommendList .item {}
.pickupList {margin-top:10px;}
.pickupList h5 {color:#3a7711; text-align:center; font-size:125%; border:1px solid #ddd;}
.pickupList .item {}

/* page */
.pageDetail {margin:0 0 20px;}
.pageDetail .item {border:1px solid #dadce0; padding:8px; font-size:110%; border-radius:4px;}
.pageDetail .itemBody {clear:both; position:relative;}
.pageDetail .itemBody .itemImage {display:block; float:left; margin-right:10px; margin-bottom:3px; position:relative; width:350px;}
.pageDetail .itemBody .itemImage::before {content:''; padding-top:75%; display:block;}
.pageDetail .itemBody .itemImage img {min-width:100%; object-fit:cover; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;}
.pageDetail .itemBody .itemImage img:hover {opacity:0.7;}
.pageDetail .itemBody .itemInfo {margin-bottom:4px;}
.pageDetail .itemBody .itemInfo .proName {background-color:#000000; color:#fff; font-weight:bold; font-size:87%; padding:2px; margin-right:3px; border-radius:2px;}
.pageDetail .itemBody .itemInfo .movieCnt {}
.pageDetail .itemBody .clickCnt {display:block; float:right; color:#c5004c; font-weight:bold; font-size:95%;}
.pageDetail .itemBody .itemText {font-size:90%; margin-bottom:10px; word-break:break-all;}
.pageDetail .itemBody .itemTag {margin-bottom:10px; line-height:2.2em; color:#bfbfbf; word-break:break-all;}
.pageDetail .itemBody .itemTag span {color:#f27aaf; margin-right:5px;}
.pageDetail .itemBody .itemTag a {padding:3px 5px; border-radius:3px; background-color:#f27aaf; color:#fff;}
.pageDetail .itemBody .itemWords {margin-bottom:15px; color:#bfbfbf; font-size:87%; word-break:break-all;}
.pageDetail .itemBody .itemWords span {margin-right:5px; color:#54516b;}
.pageDetail .itemBody .itemWords a {padding:3px 5px; margin-right:4px;}
.pageDetail .itemBody .plainTitle {margin-bottom:10px; font-size:85%; color:#888; word-wrap:break-word;}
.pageDetail .itemBody .itemFoot {display:block; color:#777; margin-top:8px;}
.pageDetail .itemBody .itemFoot .itemTime {display:block; float:left;}
.pageDetail .itemBody .itemFoot .itemSiteName {display:block; float:right; margin-bottom:10px;}
.pageDetail .itemBody .itemFoot .itemSiteName a:link {}
.pageDetail .itemBody .itemFootReport {display:block; clear:right; margin:9px 0; text-align:right;}
.pageDetail .movieDirectLink {clear:both; margin:9px 0 0; font-size:92%;}
.pageDetail .movieDirectLink p {margin-bottom:6px; background-color:#fff09e; padding:3px 10px;}
.pageDetail .thumb {clear:both; max-height:200px; overflow:auto;}
.pageDetail .thumb img:hover {opacity:0.7;}
.pageDetail .thumb img {max-width:100px; margin-right:2px; margin-bottom:2px;}
.pageDetail .gotoBlog {margin:15px 0;}
.pageDetail .later {margin-bottom:5px; text-align:right;}
.pageDetail .later a {font-size:110%;}

.collectionListWrapper {position:relative;}
.pageDetail .collectionListButton {margin-bottom:5px; text-align:right;}
.collectionList {display:none; position:absolute; right:5px; background:#fff; border:1px solid #999; border-radius:4px; padding:10px; width:300px; text-align:left; z-index:1010; box-shadow:2px 2px 4px rgba(0,0,0,0.7);}
.collectionList ul {list-style-type:none; margin-bottom:0;}
.collectionList li {margin:3px 0;}
.collectionList a {border-bottom:1px solid #999; padding:4px;}
.collectionList a.registered {background:#cfcfcf; color:#333;}
.collectionList .make {display: block; border: 1px solid #5aad6d; border-radius: 3px; padding: 3px; background: #d3ffd8; text-align: center; margin-top: 14px; text-shadow:0 1px 2px #fff;}
.collectionListMessage {position:absolute; right:5px; top:40px; z-index:1011;}
.collectionList .itemTag a {margin-right:5px; line-height:1.9em;}

/* balloon description */
.balloon {max-width:300px; font-size:12px; background-color:#000; color:#fff;}

/* list */
.list {list-style:none; border-top:1px dotted #999; margin:0 15px;}
.list li {margin:0; padding:8px 6px; border-bottom:1px dotted #999;}
.list li:hover {background-color:#fce2bf;}
.list a {padding:3px 5px; margin:3px 0 3px 16px; font-weight:bold;}
.list a:visited {color:#906;}
.list .itemTime{display:block; float:left; font-size:90%; color:#666;}
.list .itemSiteName{display:block; float:right; font-size:90%; color:#666;}

/* detail */
.noscroll {overflow:hidden !important;}
#detailWrapper {position:fixed; display:none; z-index:1031; top:0; left:0; bottom:0; right:0; background-color: rgba(255, 255, 255, 0.93); overflow-x:auto; overflow-y:scroll;}
#detail {width:700px; background-color:#fff; margin:50px auto; top:100px; box-shadow:1px 2px 9px rgba(64, 64, 64, 0.6); padding:10px 3px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; z-index:1032;}
.detailImage {text-align:center;}
#detail .siteInfo {margin:5px 7px 12px; padding:3px; border:1px solid #fff; box-shadow:0 1px 3px rgba(18, 50, 94, 0.3); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-shadow:1px 1px 2px #fff; font-size:85%; background-color:#ffeded;}
#detail .siteInfo .pageurl {font-size:120%; margin-right:8px;}
#detail .siteInfo .pageurl span {font-weight:bold;}
#detail .itemPin {margin:5px 0 8px;}
#detail h4 {margin-top:0;}
#alertArea {display:none; position:fixed; top:50%; left:50%; font-size:140%; font-weight:bold; background:#fff; padding:10px;}

/* tag */
.searchTagFrm {margin:2px 0 7px 10px;}
.searchTagFrm .title {font-weight:bold;}
.searchTagFrm input {background-color: #FFFFFF; border: 1px solid #666; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset; color: #333; margin: 3px 8px; padding: 4px; vertical-align: middle;}
.searchTagFrm .keywordSearchBtn:hover {color:#c2002a; background-color:#fff09e; cursor:pointer;}
.tagList {margin:5px 10px;}
.tagList ul {list-style:none; margin:5px;}
.tagList li {display:inline-block; margin:5px; position:relative; width:140px; vertical-align:top; overflow:hidden;}
.tagList li a {width:140px;}
.tagList li img {border-radius:6px;}
.tagList a:hover img {opacity:0.75;}
.tagList li p {position:absolute; top:0; left:0; background-color:rgba(255, 255, 255, 0.65); font-size:85%; font-weight:bold; text-shadow:0 1px 0 rgba(166,166,166,0.9); text-align:center; padding:5px 2px 2px; width:140px;}

/* pager */
.pager {margin:15px 0 10px;}
.result {float:right;}
.result .amount {font-weight:bold; font-size:120%; color:#800019;}
.result .cal {font-weight:bold;}
.pagenavi {text-align:center; margin-bottom:5px; font-size:110%; overflow-x:auto; overflow-y:hidden; padding:4px 0 10px;}
.pagenavi a {margin:0 6px; padding:6px 8px; font-weight:bold; border-radius:4px; background:#fff; border:1px solid #000089;}
.pagenavi a:hover {color:#fff; background-color:#c2002a; border:1px solid #c5004c;}
.pagenavi .current {font-weight:bold; font-size:130%; margin:0 5px; color:#800019;}

/* doc */
.docArea {font-size:110%; line-height:1.7em; border-radius:4px; padding:3px 3px 10px; background:#fff;}
.pageDesc {color:#5b0012;}
.docArea .formBtn {border:1px solid #fff; background-color:#f1f1f1; box-shadow:0 1px 3px rgba(18, 50, 94, 0.3); text-align:center; padding:8px; font-size:120%; margin:8px 20px 20px;}
.docArea ul {margin:15px; list-style:disc inside none;}
.docArea .sideContent ul {margin:0; list-style:none;}
.docArea ol {border:1px solid #999; background-color:#fff7bf; padding:8px; margin:10px; font-size:90%; border-radius:4px;}
.docArea dt {font-weight:bold; margin:10px 0 5px; color:#591e28;}
.docArea .thumbnail {margin-bottom:5px;}
.docArea .description {margin-bottom:25px;}
.advertisement h5 {border-bottom:2px solid #666; font-weight:bold; font-size:110%; padding:4px; margin:5px 0;}
.advertisement dt {margin-top:15px;}
.advertisement dd {padding-bottom:5px; border-bottom:1px solid #999;}

.inquiry dl {margin:10px 20px;}
.inquiry dt {border-bottom:2px dotted #800019; font-weight:bold; font-size:120%; padding:0 20px 3px;}
.inquiry dd { margin:8px 20px 30px;}

/* actress */
#globalnav .actressSearch .blk {margin-bottom:15px;}
#globalnav .actressSearch ul {text-align:left;}
#globalnav .actressSearch li {margin-bottom:30px; margin-right:10px; vertical-align:middle;}
.actressSearch .jquery-ui-slider-wrap {margin:0 25px; text-align:center;}
.actressSearch .jquery-ui-slider-wrap .sliderValue {font-weight:bold; position:relative; text-shadow:1px 1px 0 #fff;}
.actressSearch .jquery-ui-slider-wrap .sliderValue .title {position:absolute; left:50%; margin-left:-100px; width:200px;}
.actressSearch .jquery-ui-slider-wrap .sliderValueMin, .actressSearch .jquery-ui-slider-wrap .sliderValueMax {display:block; font-size:110%; margin-bottom:6px; color:#800019;}
.actressSearch .jquery-ui-slider-wrap .limitValue, .actressSearch .jquery-ui-slider-wrap .limitValue {color:#8e6b70;}
.actressSearch .jquery-ui-slider-wrap .sliderValueMin {float:left;}
.actressSearch .jquery-ui-slider-wrap .sliderValueMax {float:right;}
.actressSearch .jquery-ui-slider-wrap .sliderBar {clear:both; border:1px solid #0f232d; background:#fff;}
.actressSearch .jquery-ui-slider-wrap .sliderBar .ui-slider-handle {background:#357a9b;}
.actressSearch .jquery-ui-slider-wrap .sliderBar .ui-slider-range {background:#8ecdf0;}
.actressSearch .show_all {font-size:85%;}

.actressWrapper {margin-top:15px;}
.actressWrapper .item {border:1px solid #ddd; border-radius:4px; background-color:#fff;}
.actressWrapper .item div {white-space:nowrap; overflow:hidden;}
.actressWrapper .item .itemTitle {font-weight:bold; font-size:110%; overflow: hidden; padding:4px 2px;}
.actressWrapper .item .itemTitle a {display:block; float:left; text-decoration:none;}
.actressWrapper .item .itemImage {margin:2px 0; text-align:center; position:relative; max-height:150px; overflow:hidden;}
.actressWrapper .item .itemImage::before {content:''; padding-top:75%; display:block;}
.actressWrapper .item .itemImage img {margin:0 auto; object-fit:cover; position:absolute; top:0; left:0; right:0; bottom:0; min-height:100%; min-width:100%; height:100%; width:100%; object-position:50% 0;}
.actressWrapper .item .itemImage img:hover {opacity:0.7;}
.actressWrapper .item .itemImage .pagecnt {display:block; color:#fff; background:#603813; border-radius:3px; padding:2px; box-shadow:1px 2px 2px #ccc; font-size:85%; font-weight:bold; position:absolute; right:5px; top:5px;}
.actressWrapper .item .itemImage .pagecnt span {margin-left:2px; font-size:85%; font-weight:normal;}
.actressWrapper .item .itemInfo {text-align:center; display:block; margin:2px 0;}

.actressWrapperOrder {margin:15px 0; width:100%;}
.actressWrapperOrder .item {display:inline-block; width:calc(25% - 0.7rem);}

.actressDetail {margin-bottom:15px; border:1px solid #dadce0; border-radius:4px;}
.actressDetail .item {padding:5px; border-radius:4px; background:#fff;}
.actressDetail .item h4 {margin-top:3px; background:none; color:#db0075;}
.actressDetail .item .itemImage {display:block; float:left; margin-right:15px;}
.actressDetail .item .itemImage img {max-width:100%;}
.actressDetail .item .itemInfo {display:block;}
.actressDetail .item .itemInfo p {margin-bottom:10px;}
.actressDetail .item .itemInfo p .yomi {margin-left:10px;}
.actressDetail .item .itemInfo .desc {overflow:hidden; position:relative;}
.actressDetail .item .itemInfo .actressDetailDescHidden {position:absolute; background-image: -webkit-linear-gradient(bottom, transparent, #fff 1%, #fff 20%, transparent); background-image: linear-gradient(to top, transparent, #fff 1%, #fff 20%, transparent); bottom: 0; width: 100%; height: 60px;}
.actressDetailDescHiddenBtn {margin-bottom:15px;}

.actressRecommend {background:#f8f9fa; border:1px solid #dadce0; border-radius:4px; padding:6px 10px;}
.actressRecommend h6 {background:transparent; border-bottom:1px solid #dadce0; color:#5f6368; padding:5px 0; font-size:1.3rem;}
.actressRecommend .actressWrapper {margin:0;}
.actressRecommend .actressWrapper .item {background:transparent; border:1px solid #fff;}

.itemInfo .size_c {font-weight:bold; margin:0 1px; color:#800019;}
.actressBookmarkMessage {position:absolute;}
.actressBookmark a.btn-success {background:#d10051; border:1px solid #ad0044;}

/* keyword */
.keywordSearch .itemWords {margin:10px;}
.keywordSearch .itemWords li {line-height:1.9em; list-style:none; display:inline-block; margin:5px 10px;}
.keywordSearch .itemWords a {padding:5px 7px; border-radius:4px; background-color:#f27aaf; color:#fff;}


/* access ranking */
.accessRankingWrapper {padding:2px; border:1px solid #ddd; border-top:none;}
.accessRankingWrapper ul {margin:0 0 2px;}
.accessRankingWrapper li {list-style:none; white-space:nowrap; overflow:hidden; margin-bottom:4px; border-bottom:1px solid #999; margin:0 0 2px;}
.accessRankingWrapper p {font-size:90%; color:#555; background-color:#fff7c9; margin:0; padding:0;}
.accessRankingWrapper p.note {background-color:#fff;}

/* feature */
.featureWrapper {}
.featureWrapper .item {display:inline-block; margin:0 1px 1px 0;}
.featureWrapper .item a {display:block; position:relative;}
.featureWrapper .itemSmall {font-size:90%;}
.featureWrapper .item:hover {}
.featureWrapper .item a:hover {text-decoration:none;}
.featureWrapper .item img:hover {opacity:0.7;}
.featureWrapper .item a .itemTitle {position:absolute; bottom:0; color:#fff; background:rgba(0,0,89,0.6); padding:0; overflow:hidden; width:100%; border-top:1px solid #ddd; font-size:120%;}
.featureWrapper .item .itemTitle p {margin:4px 2px 2px; padding:0; height:2.6em; line-height:1.3em;}
.featureDetail .item {border:3px solid #ed5153; padding:15px; border-radius:4px;}
.featureDetail .item .itemImage {display:block; float:left; margin-right:15px;}


/* compact thumbnail */
.compact {margin:4px; background:#fff;}
.compact .item {display:inline-block; margin:0; position:relative; background-color:#bfbfbf;}
.compact .thumbnail {padding:0; border-radius:none;}
.compact .item a {display:block;}
.compact .item a:hover {text-decoration:none;}
.compact .item img {min-width:100%; max-width:none;}
.compact .item img:hover {opacity:0.7;}
.compact .item a .itemTitle {position:absolute; bottom:0; color:#fff; background:rgba(0,0,89,0.6); padding:0; overflow:hidden; width:100%; border-top:1px solid #ddd;}
.compact .item .itemTitle p {margin:4px 2px 2px; padding:0; height:2.6em; line-height:1.3em; font-weight:bold;}

/* top */
.topBlock {border-top:3px solid #bfbfbf; margin-bottom:14px; padding-top:14px;}
.topBlock .header {margin:0 0 9px 5px; clear:both; display:table;}
.topBlock h4 {float:left; display:block; color:#595959; font-weight:bold; font-size:16px; border:none; margin:0; padding:0;}
.topBlock a.readmore {float:right; display:block; font-size:13px;}
.topBlock .note {display:block; float:right; color:#555;}
.topBlock .thumbnail {border:none;}
.topBlock .compact {clear:both; margin-top:7px;}
.topBlock .compact .item a .itemTitle {position:relative; color:#555; background:#fff; padding:0; overflow:hidden; width:100%; border-top:none;}
.topBlock .compact .item a .itemTitle p {font-weight:normal; font-size:13px;}

/* pushSite */
#pushSite {}
.pushSiteWrapper {border-radius:4px; padding:5px; background-color:#e2ddff; font-size:90%; margin-bottom:7px;}
.pushSiteWrapper h4 {margin:0 0 5px; color:#0000c1; text-shadow:1px 1px 1px #fff;}

/* hot entries */
.hotEntries {border:3px solid #ffd3d6;}
.hotEntries h4 {background:#ffd3d6;}

/* new site entries */
.newSiteEntries {border:3px solid #e2ffc9;}
.newSiteEntries h4 {background:#e2ffc9;}

/* channel */
.channelSearch {padding:0 10px;}
.channelSearch h5 {margin:20px 0 5px; font-weight:bold; font-size:130%;}
.channelSearch li {display:inline-block; line-height:2.2em; list-style:none; margin:0 5px;}

/* report */
.report {padding:0 10px;}

/* ad */
.adArea {margin:15px 0; text-align:center; overflow:hidden; width:100%;}
.adArea a img:hover, .adHeader a img:hover, .adAreaNative a img:hover {opacity:0.8;}
.adAreaTopTitle {margin:10px 0;}
.adAreaFooter {border-top:1px solid #bfbfbf;}
.adAreaFooter p {color:#808080;}
.kokArea {margin:20px 0; text-align:center; max-width:100%; overflow:hidden;}
.kokArea a img:hover {opacity:0.8;}
.adMgs {border:2px solid #ff68c4; padding:3px 2px 3px; margin-bottom:5px; background:#fff;}
.adMgs .adItem {display:inline-block; margin:0 2px 2px 0; position:relative; overflow:hidden; vertical-align:bottom; *display:inline; *zoom:1;}
.adMgs .adItem a {text-decoration:none; position:static;}
.adMgs .adItem .adImg {}
.adMgs .adItem .adImg img {border:none; width:116px;}
.adMgs .adItem a:hover img {opacity:0.7;}
.adMgs .adItem .adTitle {position:absolute; bottom:0; left:0; color:#fff; background:#ea00db; filter:alpha(opacity=75); background-color:rgba(234,0,219,0.6); zoom:1; padding:0; overflow:hidden; width:100%; border-top:1px solid #ddd;}
.adMgs .adItem .adTitle p {margin:4px 2px 2px; padding:0; height:2.6em; line-height:1.3em; color:#fff; text-shadow:1px 1px 2px #fff;}
.adMgs .adMess {text-align:right; font-size:9px;}

.adExtube {}
.adExtube h4 {color:#ff68c4; border-color:#ff68c4;}
.adExtube .adItem {padding:2px; position:relative; overflow:hidden; vertical-align:bottom; *display:inline; *zoom:1;}
.adExtube .adItem a {text-decoration:none; position:static;}
.adExtube .adItem .adImg {}
.adExtube .adItem .adImg img {border:none; width:100%; max-height:144px;}
.adExtube .adItem a:hover img {opacity:0.7;}
.adExtube .adItem .adTitle {position:absolute; bottom:0; left:0; color:#fff; background:#ea00db; filter:alpha(opacity=75); background-color:rgba(234,0,219,0.6); zoom:1; padding:0; overflow:hidden; width:100%; border-top:1px solid #ddd;}
.adExtube .adItem .adTitle p {margin:4px 2px 2px; padding:0; height:2.6em; line-height:1.3em; color:#fff; text-shadow:1px 1px 2px #fff;}
.adContent {}
.adContent h3 {}
.adContent .mainImage {text-align:center; margin:20px 0;}
.adContent .mainImage img {}
.adContent .description {margin:0 20px;}
.adContent .sampleMovie {text-align:center; margin:20px 0;}
.adContent .linkTo {text-align:center; font-weight:bold; font-size:120%; clear:both; border:1px solid #fdca8a; background-color:#edf4c9; padding:30px 0; margin:30px 0;}
.adContent .linkTo p {}
.adContent .thumbnails {margin:10px 0; margin-top:30px;}
.adContent .thumbnail {border:none; display:inline-block; width:50%; margin:0; padding:8px; text-align:center; vertical-align:top;}
.adContent .thumbnail img {margin:0 auto; max-width:100%; height:auto;}

/* DMM */
/*.adAreaNativeDmm .item {width:150px; margin-right:2px; display:block; float:left;}*/
.adAreaNativeDmm .item p {overflow:hidden; height:3.9em; padding:0 2px;}
.adAreaNativeDmm {margin-bottom:5px;}
.adAreaNativeDmm a {display:inline-block; position:relative; overflow:hidden; vertical-align:bottom; height:250px; width:100%; margin-right:2px;}
.adAreaNativeDmm a img {object-fit:cover;}
.adAreaNativeDmm a:hover img {opacity:0.7;}
.adAreaNativeDmm p {position:absolute; bottom:0; left:0; margin:0; padding:4px 2px 2px; line-height:1.3em; min-height:2.6em; color:#fff; background:#cc0000; filter:alpha(opacity=75); background-color:rgba(204,0,0,0.6); color:#fff; font-size:17px; font-weight:bold; width:100%; overflow:hidden;}

.adDmmContent {}
.adDmmContent h3 {}
.adDmmContent .mainImage {text-align:center; margin:20px 0;}
.adDmmContent .mainImage img {}
.adDmmContent .description {margin:0 20px;}
.adDmmContent .sampleMovie {text-align:center; margin:20px 0;}
.adDmmContent .linkTo {text-align:center; font-weight:bold; font-size:120%; clear:both; border:1px solid #fdca8a; background-color:#edf4c9; padding:30px 0; margin:30px 0;}
.adDmmContent .linkTo p {}
.adDmmContent .thumbnails {margin:10px 0; margin-top:30px;}
.adDmmContent .thumbnail {border:none; display:inline-block; width:50%; margin:0; padding:8px; text-align:center; vertical-align:top;}
.adDmmContent .thumbnail img {margin:0 auto; max-width:100%; height:auto;}
.mainContent .dmmList .blockWrapper .item {width:200px;}
.dmmList .blockWrapper .item img {margin:0 auto;}
.dmmItemTag {color: #bfbfbf;}
.dmmItemTag a {margin-left:10px; background-color:#f27aaf; border-radius:4px; color:#fff; font-weight:bold; padding:5px;}
.adDmmStaticBody h4 {font-size:125%; background-color:#fff; padding:9px 20px; margin-bottom:0; text-shadow:1px 1px 2px rgba(0,0,0,0.3);}
.adDmmContent .adDmmStaticBody .thumbnail {width:100%; padding:8px 0;}
.adDmmContent .adDmmStaticBody .thumbnail img {width:100%;}


/* ad banner */
.adAreaNative .adMgsBanner {margin-bottom:9px;}
.topBanner {border:2px solid #fe0096; width:100%;}
.listWrapper .topBanner {margin:0 4px 3px;}
.topBanner .item {position:relative; overflow:hidden; margin:0; border-radius:initial; padding:0; border:none;}
.topBanner .item a {text-decoration:none; position:static;}
.topBanner a:hover img {opacity:0.7;}
.topBanner .item .title {position:absolute; bottom:0; left:0; color:#fff; background:#fe0096; filter:alpha(opacity=80); background-color:rgba(254,0,150,0.80); zoom:1; padding:0; overflow:hidden; width:100%;}
.topBanner .item .title p {color:#fff; font-weight:bold; margin:4px 2px 2px; padding:0; height:2.6em; line-height:1.3em; font-size:17px; white-space:normal;}
.lapornoBanner {position:relative;}
.lapornoBanner .image {text-align: center; margin:0;}
.lapornoBanner .image img {width:100%; object-fit:cover;}
.lapornoDesc {font-size:110%; padding:3px 5px; position:absolute; top:0; left:0; background-color:#fe0096; padding:1px 3px; font-weight:bold; color:#fff;}
.sideBlockHead .lapornoDesc {position:static; display:block;}
.sideBlockHead .topBanner .item .title {position:static;}
.sideBlockHead .topBanner .item .title p {font-size:1rem;}
.sideBlockHead .topBanner {margin:0 0 8px;}

.adMgsBanner .item {position:relative; overflow:hidden;}
.adMgsBanner .item a {text-decoration:none; position:static;}
.adMgsBanner a:hover img {opacity:0.7;}
.adMgsBanner .item .title {position:absolute; bottom:0; left:0; color:#fff; background:#f00; filter:alpha(opacity=80); background-color:rgba(255,0,0,0.80); zoom:1; padding:0; overflow:hidden; width:100%;}
.adMgsBanner .item .title p {color:#fff; font-weight:bold; margin:4px 2px 2px; padding:0; height:2.6em; line-height:1.3em; font-size:17px;}

.adNativeMgs .item {border:2px solid #5aad6d; background-color:#eff7c9; padding:5px; overflow:hidden; margin:5px 5px 10px; text-align:left;}
.adNativeMgs .item .itemHead {margin-bottom:2px; overflow:hidden; font-size:95%;}
.adNativeMgs .item .itemHead a {color:#c40026; font-weight:bold; text-decoration:underline;}
.adNativeMgs .item .itemBody .itemImage {display:block; float:left; margin-right:5px; max-height:130px; overflow:hidden;}
.adNativeMgs .item .itemBody .itemText {display:block; font-size:85%; line-height:1.8em;}

/* webmaster */
.siteIntro {}
.siteIntro .bigSign {padding:0; margin:7px 0; text-align:center; font-weight:bold; color:#ff0000; font-size:28px; text-shadow:0 1px 2px rgba(15,15,15,0.4);}
.siteIntro .bigSign .unit {color:#666; font-size:9px; margin-left:4px; font-weight:normal;}

/* siteAdmin */
.siteAdmin h6 {font-weight:bold; font-size:14px; color:#810c23; text-shadow:0 1px 2px rgba(0,0,0,0.3);}
.siteAdmin ul {margin:10px 0 10px 10px; padding:5px; border:1px solid #f2efdb; list-style-position:inside; background:#fffff2;}
.jqplot-highlighter-tooltip table {}
.jqplot-highlighter-tooltip table th, .jqplot-highlighter-tooltip table td {padding:2px;}
.jqplot-highlighter-tooltip table th {font-weight:bold;}
.jqplot-highlighter-tooltip table td {text-align:right;}
.siteadminNewsBody {overflow:hidden; position:relative;}
.siteadminNewsBodyHidden {position:absolute; background-image: -webkit-linear-gradient(bottom, transparent, #fff 1%, #fff 20%, transparent); background-image: linear-gradient(to top, transparent, #fff 1%, #fff 20%, transparent); bottom: 0; width: 100%; height: 60px;}

/* advertiser */
.advertiser .listWrapper {}
.advertiser .listWrapper .item {}
.advertiser .listWrapper .item .itemTitle {font-weight:bold; height:2.6em; line-height:1.3em; overflow:hidden;}
.advertiser .listWrapper .item .itemImage {position:relative;}
.advertiser .listWrapper .item .itemImage .proName {position:absolute; top:5px; right:5px; padding:1px 3px; border-radius:2px; font-weight:bold; color:#fff;}
.advertiser .listWrapper .item .itemFoot {margin:5px 0; overflow:hidden; white-space:nowrap; clear:both;}
.advertiser .listWrapper .item ul.movies li {height:2.9em; line-height:1.3em; font-size:90%; overflow:hidden; padding:3px;}
.advertiser .listWrapper .item ul.movies li span {margin-left:2px; vertical-align:middle;}
.advertiser .listWrapper .item ul.movies li .badge a {color:#fff;}

.advertiser .videoWrapper .itemImage .itemPV {position:absolute; top:3px; right:3px; color:#fff; font-weight:bold; background:#0063a4; border-radius:3px; padding:3px;}
.advertiser .videoWrapper .itemImage .itemReleaseDate {position:absolute; bottom:3px; right:3px; color:#fff; font-weight:bold; background:#444; border-radius:3px; padding:3px; font-size:90%;}

#bodyEditArea {background-color:#f9ffdb; border:8px solid #8eff28; padding:10px; margin:10px 0;}
.sortableBlock {border:3px solid #428bca; background-color:#fff; width:100%; padding:8px; margin:15px 0; border-radius:4px;}
.sortableBlock:hover {cursor:n-resize; background-color:#fcead1;}
.ui-sortable-helper {background-color:#fdca8a; opacity:0.8;}
.ui-state-highlight {border:3px dotted #666; border-radius:4px; background-color:#cfcfcf; height:2em; margin:15px 0;}
.droppableArea {min-height:70px; width:100%; border:2px solid #b8d26b; background:#f4ffef; border-radius:4px; padding:4px; margin:5px 0; font-size:120%;}
.droppableArea img {max-height:100px;}

/* setting */
.mypageSettingBtn {white-space:normal;}
.mypageSetting {padding:8px;}
.mypageSetting .form-group input {display: none;}
.mypageSetting .form-group label {display:inline-block; cursor:pointer; margin-right:10px; margin-bottom:13px; padding:7px 5px; text-align:center; line-height:1; transition:.2s; border-radius:3px; border:1px solid #e0aa99;}
.mypageSetting .form-group input:checked + label {background-color:#e16745; color:#fff;}
.mypageSetting .proids label {padding-right:10px;}
.mypageSetting .proids label:before {content:'　'}
.mypageSetting .proids input:checked + label:before {content:'× '}

/* mypage */
#qrcode {text-align:center;}
.collection {margin-bottom:25px;}

/* video */
.edgBanner {width:100%;}
.sideContent .edgBanner h5 {border:1px solid #ddd; text-align:center; text-shadow:1px 1px 2px #ccc;}
.edgBanner h4 {color:#00a0dd; margin-top:0;}
.edgBanner .item {margin-bottom:4px; border-radius:4px; border:1px solid #dadce0; padding:0;}
.edgBanner .itemImage {position:relative;}
.edgBanner .itemImage::before {content:''; padding-top:56.25%; display:block;}
.edgBanner .itemImage img {width: 100%; border-radius:3px 3px 0 0; object-fit:cover; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;}
.edgBanner .itemTitle {font-weight:bold; height:2.9em; overflow:hidden; line-height:1.4em; background:#dbe2ff; border-radius:0 0 3px 3px; padding:2px;}
.edgBanner .movieTime {font-size:100%; padding:3px 5px;}
.edgBanner .isNew {position:absolute; top:5px; right:5px; color:#ce0000; font-weight:bold; text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff;}
.edgBanner .itemBody {max-height:14em; line-height:1.4em; overflow:hidden; letter-spacing:0.2em; color:#8c8c8c;}
.edgBanner .itemBody h4, .edgBanner .itemBody a {display:none;}
.edgBanner .itemBody p {margin-bottom:0;}
.mainContent .edgBanner {border:2px solid #0c0c75; margin:0;}
.mainContent .edgBanner h5 {background:#0c0c75; margin:0; padding:4px; color:#fff;}
.mainContent .edgBanner h5 a, .mainContent .edgBanner h5 a:visited {color:#fff;}
.videoScore {font-size:110%; line-height:1.6em; margin-bottom:20px;}
.videoScore .videoScoreStarArea {font-size:120%; font-weight:bold; color:#ff1493;}
.videoScore .far {color:#999;}
.videoWrapper .listWrapper .item {padding:0;}
.videoWrapper .listWrapper .itemBody .itemImage {margin-right:0; width:100%;}
.videoWrapper .listWrapper .itemImage::before {padding-top: 56.25%;}
.videoWrapper .itemTitle {font-weight:bold; overflow:hidden; height:3em; line-height:1.5em; clear:both; font-size:110%;}
.videoWrapper .pushPoint {padding:3px 5px; position:absolute; bottom:10px; right:5px; background-color:#fff; padding:1px 3px; border-radius:2px; font-weight:bold; color:#ff0c8e;}
.videoWrapper .isClassic {font-size:100%; padding:3px 5px; position:absolute; bottom:10px; right:5px; background-color:#fff; padding:1px 3px; border-radius:2px; font-weight:bold; color:#ff0c8e;}

/* kanri */
.list-group-item-gray {background-color:#d9d9d9;}

/* lp */
.lpContent {letter-spacing: 0.08em;}
.lpContent .pageContent {}
.lpContent .pagePiece {margin:5px 0; text-align:center;}
.lpContent .pagePiece img {margin:0 auto;}
.lpContent .pageFoot {text-align:center; padding:15px 10px; margin:10px 0; background:#fff09e; border:2px solid #ffeb00; font-weight:bold; font-size:110%;}
.lpContent a {font-size:130%; font-weight:bold; color:#0000ea; display:block; margin:12px 0;}
.lpContent .videoScore .glyphicon-star {color:#ef00ef;}
.lpContent .specList {margin:15px 0; font-size:105%;}
.lpContent .specList dt, .lpContent .specList dd {margin-bottom:5px; color:#1e0005;}

/* collection */
.playlistList {}
.playlistList .playlistItem {border:1px solid #dadce0; border-radius:4px;}
.playlistList .playlistImage {position:relative; min-height:50px; overflow:hidden;}
.playlistList .playlistImage .playlistTitle {font-weight:bold; font-size:21px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); text-shadow:2px 2px 7px #333, 2px -2px 7px #333, -2px 2px 7px #333, -2px -2px 7px #333; color:#fff; margin:auto; width:100%; text-align:center; line-height:1.5rem;}
.playlistList .playlistItem .playlistFoot {margin:2px 2px 3px;}
.playlistList .playlistItem .playlistFoot ul {list-style:none; display:flex; flex-flow:wrap; justify-content:space-between;}
.playlistList .playlistItem .playlistFoot li {box-sizing: border-box;}
.playlistList .playlistItem .playlistFoot li span {font-weight:normal; color:#888; font-size:85%; margin-left:5px;}

.imgMix {background:#4d4d4d;}
.imgMix ul {display:flex; flex-wrap:wrap; list-style-type:none; margin:0;}
.imgMix li {position:relative; width:50%;}
.imgMix li:before {content:""; display:block; padding-top:30%;}
.imgMix img {position:absolute; width:100%; height:100%; top:0; right:0; bottom:0; left:0; margin:auto; object-fit:cover; opacity:0.6; filter:blur(2px);}

.playlistDetail {margin:15px 0;}
.playlistDetail .playlistImage {border-radius:8px; overflow:hidden; border:1px solid #dadce0; margin-right:10px; position:relative; min-height:50px;}
.playlistDetail .playlistImage .playlistTitle {font-weight:bold; font-size:29px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); text-shadow:2px 2px 7px #333, 2px -2px 7px #333, -2px 2px 7px #333, -2px -2px 7px #333; color:#fff; line-height:1.3em; margin:auto; width:100%; text-align:center;}
.playlistDetail .userInfoDetail {margin:10px 0 0; border:1px solid #e0aa99; padding:6px; background:#d9d9d9;}
.playlistDetail ul.countInfo {list-style:none; display:flex; flex-flow:wrap; justify-content:space-between;}
.playlistDetail ul.countInfo li {box-sizing: border-box;}
.playlistDetail ul.countInfo li span { font-weight:normal; color:#888; font-size:85%; margin-left:5px;}
.playlistDetail .nav {margin-top:25px;}

.collectionFollowBtn {position:relative;}
.collectionFollowMessage {position:absolute; top:10px;}

.userInfoWrapper {}
.userInfoWrapper .item {border:1px solid #dadce0; border-radius:4px; position:relative;}
.userInfoWrapper .itemImage::before {content:''; padding-top:100%; display:block;}
.userInfoWrapper .itemImage img {border-radius:9999px; object-fit:cover; width:100%; height:100%; position:absolute; top:0; bottom:0; left:0; right:0;}
.userInfo {margin:10px 0;}
.userInfoCount {display:inline-block; margin-right:10px;}
.userInfoCount span.count {font-weight:bold; margin:0 2px; font-size:120%;}
.userInfoCount span.unit {font-size:90%; color:#555;}

/* ======================= for bootstrap4 ======================= */
.contentWrapper {max-width: 1200px;}
.list-group > a.disabled {font-weight:bold; text-decoration:none; font-size:115%; background:#ceccff; color:#333; text-shadow: 0 1px 2px #e6e6e6;}

/* ======================= pc ======================= */
@media (min-width: 992px) {
  .pcDispNone, #spMainMenu {display:none;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  header .navbar-header {width:200px;}
  header .navbar-header .slogan {margin:0;}
  header .navbar .navbar-brand {padding-top:0;}
}

/* ======================= tablet ======================= */
@media (max-width: 991px) {
  #spMainMenu {position:fixed; bottom:0; width:100%; height:60px; padding:3px; background:#2d2dad; border-top:2px solid #fff; z-index:1039;}
  #spMainMenu li {font-weight:bold; background:#f7f8f5; padding:5px 1px; border-right:1px solid #2d2dad; text-align:center; list-style:none;}
  #spMainMenu a {display:block; width:100%; height:100%; text-shadow:0 1px 1px #bcbcff; color:#666; white-space:nowrap; text-decoration:none;}
  #spMainMenu a:visited {color:#333;}
  #spMainMenu a:hover {text-decoration:none;}
  #spMainMenu a span {display:block; margin-bottom:4px; font-size:15px;}
  
  #topToggle {background:#e6e6e6;}
  .navTabArea .nav-tabs {border-bottom:none;}
  .navTabArea .nav-item {width:33.333%; margin:0 0 6px;}
  .navTabArea .nav-item a.nav-link {height:100%; background:#fff; margin:4px 0; border:1px solid #dadce0 !important; padding:10px 2px 5px; border-radius:5px; font-weight:bold; font-size:90%; text-shadow:0 1px 0 #f3f3f3; text-align:center; white-space:nowrap; overflow:hidden;}
  .navTabArea .nav-item a.nav-link.active {background:#3388cc; color:#fff;}
  .topToggle {border-radius:8px;}
  .topToggle .tab-pane a.btn {border:1px solid #ddd; margin:4px; padding:4px; color:#555; background:#ededed;}
  .itemWords a {border-radius:3px; margin:6px; border:1px solid #ddd; background-color:#ededed; color:#555; padding:4px; text-shadow:none; display:inline-block;  text-decoration:none;}
  
  .pagenavi a {font-size:1.2rem;}
  .listWrapper .itemBody .itemImage {width:200px;}
  .itemImage .thumbWrapper { width:auto !important; height:auto !important; max-height:180px;}
  .listWrapper .itemBody .itemImage {margin-right:3px;}
  
  .videoWrapper .col-6 .itemHead .itemTitle {font-size:100%;}
  
  .actressWrapper {margin-top:5px;}
  .actressDetail .item .itemImage {float:none; margin:0;text-align:center;}
  .actressDetail .item .itemInfo {margin-top:10px;}
  
  header, footer {display:none;}
  body {padding-top:5px; padding-bottom:70px;}
  .tabletDispNone {display:none !important;}
  #detail .fas {margin-right:6px;}
  .adArea {margin:10px 0;}
  .listWrapper .adArea {margin:0;}
}

/* ======================= sp ======================= */
@media screen and (max-width: 767px) {
  html {position: relative;}
  a:link {text-decoration:none;}
  h5 {text-align:center;}
  
  .topToggle .tab-pane a.btn {width:calc(33% - 10px); white-space:nowrap; overflow:hidden;}
  .topToggle .tab-pane a.btn.btn-block {width:100%; white-space:nowrap; overflow:hidden;}
  .topToggle .tab-pane a.mypageSettingBtn {width:auto;}
  .topToggle #myActress span {display:none;}
  .navTabArea .nav-item a.nav-link {font-size:12px;}
  
  .pager {margin:5px 0;}
  .pager .result {float:none; text-align:center; margin-bottom:5px;}
  
  .listWrapper .itemBody .itemImage {width:180px;}
  .listWrapper .itemBody .itemTag {line-height:1.7em; clear:right;}
  /*.item a:link {text-decoration:underline;}*/
  .listWrapper .itemTitle a {text-shadow: 0 1px 0 #f3f3f3;}
  .listWrapper .itemBody .clickCnt {}
  .listWrapper .itemBody .itemFoot {font-size:90%; clear:both;}
  .listWrapper .itemBody .itemFoot .itemTime {width:30%;}
  .listWrapper .itemBody .itemFoot .itemSiteName {width:70%; text-align:right;}
  .listWrapper .itemBody .itemTag a {text-decoration:underline; color:#a6a6a6; font-weight:700;}
  
  .iconGoodSite {display:none;}
  
  .pageDetail .itemBody .itemImage {float:none; width:100%;}
  .pageDetail .itemBody .itemInfo {margin-top:8px;}
  .pageDetail .itemBody .itemInfo .later a {display:block;}
  
  .actressWrapper .item .itemTitle {font-size:100%;}
  .actressDetail {margin-top:6px;}
  #detail {width:90%;}
  
  .actressWrapperOrder .item {width:calc(50% - 0.7rem);}
  
  
  /*.adAreaNative, .adAreaNativeDmm, .listWrapper .itemBody .itemLink, footer {display:none;}*/
  .spDispNone {display:none !important;}
}