/*
Theme Name: assist-adult
*/

/* 共通 */

html {
    min-height: 100%;
    position: relative;
}


input,
body {
    -webkit-overflow-scrolling: touch;
    font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
    padding: 0;
    margin: 0;
    font-size: 14px;
    word-break: break-all;
    color: #333;
    background-color: #fff;
    -webkit-text-size-adjust:100%;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

h1,h2,h3,h4,h5 {
    font-weight: normal;
}

ol,ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.clear {
    overflow: hidden;
}

a {
    color: #337ab7;
    text-decoration: none;
}

a:hover {
    text-decoration: none !important;
    color: #ff0000;
}

p {
    margin: 0;
}

img{
    vertical-align:bottom;
}

.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.add {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}

.remove {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.primary {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
}

.red {
    color: #ff0000;
}

.success {
    color: #337ab7;
}

i {
    padding-right: 5px;
}

.search-fas i {
    padding-right: 0;
}

/* breadcrumb */
.breadcrumbs {
    overflow: hidden;
    margin: 3px 0 2px;
    color: #999;
}

.breadcrumbs li {
    display: inline;
    padding-right: 5px;
    position: relative;
    margin-right: 15px;
}

.breadcrumbs li::after {
    content: "＞";
    margin-left: 0.5em;
    position: absolute;
}

.breadcrumbs li:last-child::after {
    display: none;
}

/* header */
header {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100;
    height: 130px;
}

#header {
    max-width: 1060px;
    margin: auto;
    text-align: center;
}

#site-logo img {
    width: 200px;
}

#header p,
#header h1 {
    font-size: 13px;
}

#search {
    width: 75%;
    margin: 8px auto;
    overflow: hidden;    
}

#search i {
    color: #999;
}

#searchbox {
    border: medium none;
    width: calc(100% - 50px);
}

#search input {
    height: 40px;
    padding: 3px;
    float: left;
    border: 1px solid #ccc;
    border-right: none;
}

#search input:placeholder-shown {
    color: #999;
}


#search input:-ms-input-placeholder {
    color: #999;
}

#search a {
    height: 40px;
    width: 50px;
    border: none;
    border-left: 1px solid #e7e7e7;
    background-color: #014B80;
    float: left;
    display: block;
    padding: 5px;
    position: relative;
}

#search a:hover {
    cursor: pointer;
}


#search i {
    font-size: 25px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 12px;
    top: 7px;

}

#nav {
    width: 100%;
}

.nav-area {
    width: 100%;
    margin: auto;
    text-align: center;
}


/* search-navToggle */
#search-navToggle i {
    display: none;
}

#search-now {
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    padding: 7px 10px 3px;
    margin-top: 20px;
}

#search-now ul {
    font-size: 0;
}

#search-now ul li {
    display: inline-block;
    float: none;
}

#search-now ul a {
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    margin-right: 7px;
    margin-bottom: 7px;
    padding: 3px 4px;
    display: block;
    font-size: 14px;
}

/* 共通タイトル */

.main-title {
    background-color: #0000ff;
    opacity: 0.85;
    margin-top: 20px;
    padding: 5px 10px;
    position: relative;
    overflow: hidden;
}

#error h1,
#actors-list h1,
#contact h1,
#policy h1,
#mypage h1,
#post h1,
#ranking h1,
#actor h1,
#category h1,
.main-title h2 {
    color: #fff;
    font-size: 17px;
    line-height: 1.6;
    padding-left: 10px;
    padding-right: 15px;
    height: 27px;
    overflow: hidden;
    float: left;
}

/* main */
main {
    display: block;
}

.number-data .during {
    padding-left: 10px;
    font-weight: normal;
}

/* actor */

#actor section {
    overflow: hidden;
}

#actors-list section h2,
.mypage-setting article h2,
#mypage section h2,
#post section h2,
#ranking section h2,
#actor section h2,
#ipblue_ad h2 {
    color: #ff1493;
    border-bottom: 2px solid #ff1493;
    font-size: 17px;
    height: 30px;
    line-height: 1.6;
    overflow: hidden;
    padding-left: 10px;
    padding-bottom: 3px;
    margin-bottom: 10px;
}

.movie table,
#actor table {
    border-collapse: collapse;
    border-spacing: 0;
}

.movie table td,
#actor table td {
    border: 1px solid #ddd;
    padding: 8px 10px;
}

.t-bg {
    background-color: #f5f5f5;
    width:35%;
}


/* ranking */

.rank-title {
    margin-top: 20px;
    overflow: hidden;
}

.rank-title li {
    width: 25%;
    text-align: center;
    line-height: 2;
    border: 1px solid #e7e7e7;
    float: left;
}

.rank-title li:nth-child(2) {
    border-left: none;
}

.rank-title li:nth-child(2),
.rank-title li:nth-child(3) {
    border-right: none;
}

.rank-title a {
    font-size: 15px;
}

.actives {
    background-color: #8b008b;
    border: 1px solid #8b008b!important;

}

.actives a {
    color: #fff;
}

.rank {
    font-weight: bold;
    background-color: #ffff00;
    padding: 3px 5px;
    border: 1px solid #f0e68c;
    border-radius: 4px;
    margin-right: 5px;
}

/* post */

.click span {
    color: #00B16B;
}

/* 記事 */
#post h1 {
    overflow: auto;
    height: auto;
 }

.movie {
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    margin-top: 20px;
    padding: 5px;
}

.movie section h2 {
    margin-top: 5px;
}

.remove,
.movie section .center button {
    min-width: 196px;
}

#post section {
    overflow: hidden;
}

/* 女優 */ 
.actress-area .profile-img { 
    width: calc(20% - 15px) !important; 
    margin: 15px 7px 0 8px; 
} 
    
.actress-area .profile-img img { 
    max-width: 100% !important; 
} 
    
    
.actress-item li { 
    border-bottom: 1px dotted #ccc; 
    height: 25px; 
    overflow: hidden; 
    line-height: 1.7; 
    text-align: center; 
    font-size: 14px; 
} 
    
.actress-area .profile-img { 
    position: relative; 
    display: inline-block; 
    float: none; 
    position: relative; 
    vertical-align: top; 
}   

.profile-item {
    width: 200px;
    margin: 0 auto;
}

.movies-number { 
    background-color: rgba(255,0,0,0.5); 
    position: absolute; 
    top: 0; 
    color: #fff; 
    font-weight: bold; 
    border-bottom: none !important; 
    padding: 0px 5px; 
    line-height: 1.6 !important; 
    height: 22px !important; 
} 
 
.actress-age { 
    background-color: rgba(0,255,0,0.5); 
    position: absolute; 
    color: #fff; 
    font-weight: bold; 
    padding: 0px 5px; 
    bottom: 67px; 
    right: 0; 
    border-bottom: none !important; 
    line-height: 1.6 !important; 
    height: 22px !important; 
} 

    /* ナビ */
.actors-nav {
    margin-top: 20px;
    font-size: 0;
}

.actors-nav li {
    padding: 3px 0;
}

.actors-nav li {
    border: 1px solid #e7e7e7;
    display: inline-block;
    line-height: 2;
    text-align: center;
    width: 33.3333%;
    font-size: 14px;
}

.actors-nav li:nth-child(2) {
    border-left: medium none;
}

.actors-nav li:nth-child(3) {
    border-left: medium none;
}

/* category */

#category section {
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    margin-top: 20px;
    padding: 7px 10px 3px;
}

#category section h2 {
    border-bottom: 2px solid #ff1493;
    color: #ff1493;
    font-size: 17px;
    height: 30px;
    line-height: 1.6;
    margin-bottom: 10px;
    overflow: hidden;
    padding-bottom: 3px;
    padding-left: 10px;
}

#category section ul {
    font-size: 0;
}

#category section ul li {
    display: inline-block;
    float: none;
}

#category section ul a {
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    margin-right: 7px;
    margin-bottom: 7px;
    padding: 3px 4px;
    display: block;
    font-size: 14px;
}

/* 人気順 */

#actors-list .actress-age {
    bottom: 25px;
}

/* host-color */

.xvideos {
    background-color: #d70251;
}

.fc2 {
    background-color: #00582a;
}

.xHamster {
    background-color: #7b430b;
}

.RedTube {
    background-color: #ae1921;
}

.Tube8 {
    background-color: #3e3c3e;
}

.PornHub {
    background-color: #ff9900;
}

.TokyoPornTube {
    background-color: #e97808;
}

.GotPorn {
    background-color: #e21725;
}

.SpankWire {
    background-color: #e726aa;
}

.dailymotion {
    background-color: #00669d;
}

.ero-video {
    background-color: #ec396f;
}

.DrTuber {
    background-color: #221f1f;
}

.youJizz {
    background-color: #cd3e2c;
}

.PlayVid {
    background-color: #556473;
}

.Nonktube {
    background-color: #010101;
}

.pipii {
    background-color: #3d8790;
}

.TokyoTube {
    background-color: #0a3686;
}

.spankbang {
    background-color: #c0392b;
}

.Empflix {
    background-color: #07f9fa;
}

.JavyNow {
    background-color: #17151d;
}

.TXXX {
    background-color: #008000;
}

.Upornia {
    background-color: #f10048;
}

.XTube {
    background-color: #cb3632;
}

.YouPorn {
    background-color: #ec567c;
}

.ClipHunter {
    background-color: #0089e0;
}

.SlutLoad {
    background-color: #f14e28;
}

.HDZog {
    background-color: #217cb4;
}

.VJAV {
    background-color: #ff4a1a;
}

.ShareVideos {
    background-color: #8a2be2;
}

.Vporn {
    background-color: #fc3848;
}

.AlotPorn {
    background-color: #3cb371;
}

.ThisAV {
    background-color: #999999;
}

/* policy */

#policy-list {
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    padding: 10px 10px 10px 25px;
    margin-top: 20px;
    list-style-type: disc;
    font-size: 15px;
    line-height: 1.8;
}

/* contact */
.alert,
#contact-form {
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    padding: 15px;
    margin-top: 20px;
}

.form-group {
    margin-bottom: 10px;
}

#contact-form label {
    font-size: 15px;
}

.form-control {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    margin-top: 10px;
    width: 50%;
}

#contact-form textarea {
    width: 100%;
    height: auto;
}

.confirmation {
    font-size: 15px;
}

.send {
    width: 115px !important;
}

/* footer */
footer {
    border-top: 1px solid #e7e7e7;
    width: 100%;
    position: absolute;
    bottom: 0;
    overflow: hidden;
}

#footer {
    margin: auto;
    max-width: 1060px;
    text-align: center;
    padding: 10px 0;
}

/* pagination */
.page {
    text-align: center;
    margin: 30px 10px 20px;
}

.pagination {
    font-size: 0;
    display: inline-block;
    padding-left: 0;
}

.page li {
    display: inline-block;
    font-size: 16px;
}

.pagination > li > a,
.pagination > li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    border-right: none;    
    color: #337ab7;
    float: left;
    line-height: 2;
    padding: 6px 20px;
    position: relative;
    text-decoration: none;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-right: 1px solid #ddd;    
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
    cursor: default;
    z-index: 3;
}

/* 404 */

.error-message {
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    padding: 10px;
    margin-top: 20px;
    list-style-type: disc;
    font-size: 15px;
    line-height: 1.8;
}


/************************
*	search-button		*
************************/
#search-button {
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

#search-button img, 
#mylist-button img {
    display: block;
	cursor: pointer;
}

#mylist,
#search-tags {
    display:none;
	background-color: #FFF;
	width: 100%;
	height: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
    z-index: 888;
}

#mylist {
    background-color: transparent;
    margin-top: 60px;    
}

#mylist-inner,
#search-tags-inner {
    background-color: #FFF;
    height: 100%;
    margin: 0px 10px;
    padding-bottom: 10px;
}

.footer-content,
#search-menu {
	font-size: 0;
	margin: 60px 10px 0;
	padding-bottom: 10px;
}

.menu {
	word-break: break-all;
	font-size: 15px;
	overflow: hidden;
    width: 50%;
	display: inline-block;
	padding: 10px 10px;
	margin: 0 0 5px 0px;
	line-height: 1.0;
	box-sizing: border-box;
}

.menu a {
	color: #000;
}

	
.menu-all {
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    width: calc(100% / 3);
}

.top-menu {
	background-color: #663300;
}

.tag-menu {
	background-color: royalblue;
}

.actorss-menu {
	background-color: #FF007F;
}

.rank-menu {
	background-color: darkgreen;
}

.top-menu a, .tag-menu a, .actorss-menu a, .rank-menu a {
	color: #fff;
}

.fa-plus-square {
    color: #fff;
}

.actorss-list li:nth-child(2n),
.tags-tad-list li:nth-child(2n),
.footer-content div:nth-child(2n),
#my_search_list li:nth-child(2n),
#actorss-menu li:nth-child(2n),
#tag-menu li:nth-child(2n),
#search-menu div:nth-child(2n) {
	border-left: none;
}

.tags-content ul,
#search-tags ul
{
	font-size: 0;
	margin: 0px 10px;
	padding-bottom: 10px;
    overflow:hidden;
    float: left;
}

#actor-container ul
{
	font-size: 0;
	margin: 10px 0px;
	padding-bottom: 10px;
    overflow:hidden;
    display: flex;
    flex-wrap: wrap;
}

#actor-container ul {
    justify-content: center;
}

.actorss-list li,
.tags-tad-list li,
#my_search_list li,
#actorss-menu li,
#tag-menu li{
	word-break: break-all;
	font-size: 15px;
	font-weight: bold;
	overflow: hidden;
	display: inline-block;
	border: solid 1px #ccc;
	padding: 5px 10px;
	margin: 0 0 5px 0px;
	line-height: 1.0;
	box-sizing: border-box;
}

.tags-tad-list li,
#tag-menu li{
	background-color: #EEFFFF;
	width: 50%;
}

.actorss-list li,
#actorss-menu li{
	background-color: #FFEEFF;
	width: 50%;
}

#my_search_list li{
	background-color: #E6FFE9;
	width: 50%;
}

#my_search_list,
#actorss-menu {
	display: none;
}

/************************
*	mylist-button		*
************************/
#mylist-button {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}

.actorlist li {
    word-break: break-all;
    font-weight: bold;
    width: calc(1060px / 5);
	overflow: hidden;
	border: dotted 1px #000;
	padding: 5px;
	line-height: 1.0;
	box-sizing: border-box;
	vertical-align: top;
	font-size: 12px;
    clear: #000;
    position: relative;
    margin: 0 -1px -1px 0;
}

.actli img  {
    width: 100%;
    height: auto;
	display: block;
	margin-bottom: 4px;
    overflow: hidden;
    margin: 0 auto 5px;
}

.acttitle {
    margin: 5px 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.1;
    color: #000;
    word-break: break-all;
    overflow: hidden;
}

.append,
.favlist {
    overflow: hidden;
}

.append article:nth-child(n+11), .favlist article:nth-child(n+11), .actorlist li:nth-child(n+11) {
    display: none;
}

.favorite-container-all,
.history-container-all,
.actor-container-all {
    width: 220px;
    margin: 10px auto 30px;
    padding: 8px 8px;
    background-color: #000;
    color: white;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
}

.favli, .actli {
    position: relative;
}

.delete {
    width: 110px;
    padding: 5px;
    background-color: red;
    color: white;
    text-align: center;
    margin: 5px;    
}

.delete i {
    display: block;
	text-align: center;
	font-size: 20px;
    cursor: pointer;
}

.not-found {
    display: block;
	text-align: center;
    font-size: 18px;
    margin: 0 auto;
}

.searchlist {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 5px;
}

.searchlist li {
    margin: 5px;
}

.searchlist a {
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    padding: 3px 4px;
    display: block;
    font-size: 14px;
}

/************************
*	nowword-container	*
************************/

#favorite-container,
#history-container,
#actor-container,
#search-container {
    background-color: #FFF;
	border-top: 3px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-bottom: 3px;
	margin: 0;
	overflow: auto;
	border-radius: 4px;
	box-shadow: 0 6px 6px -6px #777;
}

.history-title,
.favorite-title,
.actor-title {
    color: #fff;
    background: #0000ff;
    margin: 0;
    padding: 5px;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    opacity: 0.85;
}

.none {
    display: none;
}

/************************
*	PR					*
************************/
.aside_pr {
	padding-bottom: 10px;
}
#parent_ad {
	max-width: 640px;
	max-height: 480px;
	min-height: 300px;
	width: 100%;
	height: 75vw;
	overflow: hidden;
	margin: 0 auto 10px;
	background: #000;
    position: relative;
}
.parent_img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.ad_tool_top {
    width: 100%;
    height: 10px;
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	box-shadow: 0px -20px 35px 35px #000;
}
.ad_tool_bottom {
    width: 100%;
    height: 10px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #000;
	box-shadow: 0px -10px 35px 20px #000;
}
.ad_play {
    box-sizing: unset;    
	position: absolute;
	left: calc(50% - 31px);
	top: calc(50% - 31px);
	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
	cursor: pointer;
	padding: 10px;
	transition: 0.8s;
	width: 43px;
	height: 43px;
	border-radius: 50%;
}
.ad_volume {
    position: absolute;
    bottom: 0;
    left: 0;
	width: 100%;
    height: auto;
}
.ad_logo {
	position: absolute;
	top: 9px;
	right: 15px;
	width: auto;
	height: 23px;
}



@media screen and (max-width: 768px) {
    .ad_cnt, .children_ad {
        display: table;
        margin: 0 auto;
        max-width: 100%;
        text-align: center;
    }
    #article_ad {
        display: block;
    }

}


@media screen and (max-width: 991px) and (min-width: 768px) {

    .iframe #article_ad img {
        height: 400px !important;
    }

    .ad_tools {
        width: 100%;
        height: 43px; 
    }

    .ad_m_tools {
        width: 100%;
        padding: 0 6px;
    }

    .parent_ad {
        margin: 10px 0;
        position: relative;
        padding: 0px 5px;
    }

    .parent_img {
        border: 1px solid #ccc;
        border-radius: 5px;
    }
}

@media screen and (max-width: 767px) {
    .ad_tools {
        width: 100%;
        height: 43px;
    }

    .parent_ad {
        margin: 10px 0;
        position: relative;
        padding: 0px 5px;
    }
}


@media screen and (max-width: 468px) {
    .iframe #article_ad img {
        height: 250px !important;
    }
    .actorlist li, .menu-all {
        width: 50% !important;
    }
}

.iframe #article_ad img {
    height: 480px;
}

.f_pr, .h_pr {
    width: 100%;
    margin: 10px auto;
    text-align: center;
}

.f_pr img, .h_pr img {
    max-width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
}

/* media */

@media screen and (min-width: 768px) and (max-width: 1075px) {

    #main,
    #nav {
        padding: 0 15px;
    }

}


@media screen and (min-width: 768px) and (max-width: 991px) {

    .iframe,
    .movie iframe,
    .parent_ad {
        width: 500px !important;
        height: 400px !important;
    }

    .movie .item-info {
        width: calc(100% - 520px);
        height: auto;
        margin-left: 20px;
        float: left;
    }

    .xv-logo {
        overflow: hidden;
    }

    .mypage-actress .btn {
        font-size: 12px;
    }

    .actress-age {
        bottom: 64px;
    }

}

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

    /* post */

    #main article:nth-child(odd),
    #mylist article:nth-child(odd) {
        width: calc(50% - 10px);
        margin-right: 10px;
        float: left;
    }

    #main article:nth-child(even),
    #mylist article:nth-child(even) {
        width: calc(50% - 10px);
        margin-left: 10px;
        float: right;
    }

    .relation-movies article:nth-child(odd) {
        margin-left: 10px;
        margin-right: 0px !important;
        float: right !important;
    }

    .relation-movies article:nth-child(even) {
        margin-right: 10px;
        margin-left: 0px !important;
        float: left !important;
    }

    /* rannking */

    #mypage article:nth-child(2n+1),
    #all article:nth-child(2n),
    #month article:nth-child(2n),
    #week article:nth-child(2n),
    #today article:nth-child(2n) {
        width: calc(50% - 10px);
        margin-right: 10px;
        margin-left: 0;
        float: left;
    }

    #mypage article:nth-child(2n),
    #all article:nth-child(2n+1),
    #month article:nth-child(2n+1),
    #week article:nth-child(2n+1),
    #today article:nth-child(2n+1) {
        width: calc(50% - 10px);
        margin-left: 10px;
        margin-right: 0;
        float: right;
    }

    .mypage-setting article,
    .mypage-content section,
    #all,
    #month,
    #week,
    #today {
        overflow: hidden;
    }

    /* 記事 */

    .movie .item-info {
        width: calc(100% - 720px);
        height: auto;
        margin: 0;
        float: left;
    }

    .iframe,
    .movie iframe,
    .parent_ad,
    .parent_img {
        width: 700px !important;
        height: 480px !important;
    }

    .movie .item-info {
        margin-left: 20px !important;
    }


}


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

    header {
        padding: 10px 0;
    }

    .nav-area {
        position: relative;
        height: 40px;
    }

    /* main */

    main {
        margin-bottom: 89px;
        margin-top: 35px;        
    }

    #main,
    #history-container,
    #favorite-container,
    #actor-container,
    #search-container {
        overflow: hidden;
        margin: auto;
        max-width: 1060px;
    }

    /* post */

    #main article .figure img,
    #mylist article .figure img {
        width: 250px;
        height: 180px;
    }

    #actor section,
    #main article,
    #mylist article {
        margin-top: 20px;
        padding: 5px;
        border-radius: 4px;
        border: 1px solid #e7e7e7;
    }

    #ranking article h3,
    #actor article h2,
    #category article h2,
    #main article h3,
    #mylist article h3 {
        font-size: 16px;
        line-height: 1.6;
        height: 51px;
        overflow: hidden;
        margin-bottom: 5px;
        text-align: left;
    }

    #main article .figure,
    #mylist article .figure {
        float: left;
        position: relative;
        width: 250px;
        height: 180px;
    }

    #main article .figure .play-time,
    #main article .figure .post-time,
    #mylist article .figure .post-time,
    #mylist article .figure .post-time {
        position: absolute;
    }

    #main article .figure .play-time,
    #mylist article .figure .play-time {
        left: 5px;
        top: 5px;
        background-color: #fff;
        font-size: 13px;
        font-weight: bold;
        color: #fe0096;
        padding: 0 5px;
        line-height: 1.6;
    }

    #main article .figure .post-time,
    #mylist article .figure .post-time {
        right: 5px;
        bottom: 5px;
        background-color: #fff;
        font-size: 13px;
        padding: 0 5px;
        line-height: 1.6;
    }

    span.new {
        background: #000 !important;
        color: yellow;
        font-weight: bold;
    }

    .item-info {
        margin-left: 260px;
        height: 180px;
        overflow: hidden;
        text-align: left;
    }

    .host {
        color: #fff;
        padding: 2px 5px;
        display: inline-block;
    }

    .click {
        float: right;
        font-weight: bold;
    }

    .item-info ol {
        margin-top: 10px;
    }

    .item-info ol a {
        background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
        border: 1px solid #ccc;
        border-radius: 3px;
        color: #333;
        margin-right: 7px;
        margin-bottom: 7px;
        padding: 3px 4px;
        float: left;
    }

    #search-now ul a
    .item-info ol a:hover {
        color: #ff0000;
    }

    /* main */

    .number-data {
        color: #fff;
        font-size: 15px;
        margin-top: 3px;
        margin-left: 15px;
    }

    .yellow {
        color: #ffff00;
        font-weight: bold;
    }

    /* actor */

    .profile-img {
        float: left;
        width: 200px;
    }

    .profile-img img {
        width: 200px;
        font-size: 12px;
    }

    .movie section table,
    #actor section table {
        width: calc(100% - 210px);
        margin-left: 10px;
        float: left;
    }

    .btn {
        margin-top: 5px;
        width: 100%;
    }

    /* ranking */

    .rank-title li {
        padding: 3px 0;
    }

    /* footer */

    #footer ul {
        margin-bottom: 5px;
    }

    #footer ul li {
        display: inline-block;
        padding: 0 20px;
    }

    /* footer */

    #footer {
        fono-size: 14px;
    }

    #footer i {
        padding-right: 5px;
    }

    #footer li {
        font-size: 14px;
    }

    /* ranking */

    #actors-list h2,
    #ranking h2 {
        height: 35px !important;
        padding-top: 5px;
        margin-bottom: 0 !important;
    }

        /* 記事 */

    .movie {
        overflow: hidden;
    }

    .iframe,
    .movie iframe {
        float: left;
    }

    .movie .play-time {
        font-weight: bold;
        color: #fe0096;
    }

    .movie .host {
        margin: 3px 0;
    }

    .movie .click {
        float: none;
    }

    .movie .item-info button {
        margin: 0 0 5px;
    }

    .relation-words {
        margin-top: 0px !important;
    }

    .relation-words i {
        margin-bottom: 10px;
    }

    .relation-movies {
        margin-top: 10px;
    }

    .relation-movies h2 {
        margin-bottom: 0px !important;
    }

    .actress-area {
        border: 1px solid #e7e7e7;
        border-radius: 4px;
        overflow: hidden;
        padding: 0 8px 15px 7px;
        margin-top: 20px;
        font-size: 0;
    }

    /* ranking */
    .rank {
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) {

    html {
        position: absolute;
        width: 100%;
    }

    /* breadcrumb */

    .breadcrumbs li::after {
        top: 0;
        line-height: 1;
    }

    .breadcrumbs li {
        margin-right: 12px;
    }

    /* header */

    header {
        height: 110px;
    }

    #site-logo img {
        width: 150px;
        margin-top: 5px;
    }

    #header p,
    #header h1 {
        padding: 0 5px;
        font-size: 12px;
    }

    #nav {
        overflow: hidden;
        line-height: 2;
    }

    .time {
        float: left;
        padding: 0 0 0 10px;
        font-size: 12px;
    }

    /* breadcrumbs */

    .breadcrumbs {
        font-size: 12px;
        padding-left: 10px;
        line-height: 1.8;
        margin: 0;
    }

    #search-now {
        padding: 7px 7px 0;
    }

    /* post */

    #main article .figure img,
    .localImg {
        width: 150px;
        height: 108px;
    }

    #actor section,
    #main article,
    #mylist article {
        margin-right: 5px;
        margin-left: 5px;
        padding: 5px;
        border-radius: 4px;
        border: 1px solid #e7e7e7;;
    }

    #actor article h2,
    #category article h2,
    #main article h3,
    #mylist article h3 {
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 5px;
        text-align: left;        
    }

    .item-box {
        position: relative;
    }

    #main article .figure .play-time,
    #main article .figure .post-time,
    #mylist article .figure .play-time,
    #mylist article .figure .post-time {
        position: absolute;
    }

    #main article .figure .play-time,
    #mylist article .figure .play-time {
        left: 165px;
        top: 56px;
        font-size: 13px;
        font-weight: bold;
        color: #fe0096;
        line-height: 1.6;
    }

    #main article .figure .post-time,
    #mylist article .figure .post-time {
        left: 165px;
        top: 81px;
        background-color: #fff;
        font-size: 13px;
        line-height: 1.6;
    }

    span.new {
        top: 0 !important;
        left: 0 !important;
        padding: 1px;
        background: #000 !important;
        color: yellow;
        font-weight: bold;
    }

    .host {
        color: #fff;
        padding: 2px 5px;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 165px;
    }

    .click {
        font-weight: bold;
        position: absolute;
        top: 30px;
        left: 165px;

    }

    .item-info ol a {
        background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
        border: 1px solid #ccc;
        border-radius: 3px;
        color: #333;
        margin-right: 7px;
        margin-top: 10px;
        padding: 3px 4px;
        float: left;
    }

    .item-info ol a:hover {
        color: #ff0000;
    }

    /* main */

    main {
        margin-bottom: 59px;
        margin-top: 60px;
    }

    #actors-list h1,
    #contact h1,
    #policy h1,
    #mypage h1,
    #ranking h1,
    #actor h1,
    #category h1,
    .main-title h2 {
        text-align: center;
        float: none;
    }

    .number-data {
        font-size: 15px;
        margin: 5px 0 0px;
        text-align: center;
        color: #fff;
    }

    .number-data  .during {
        padding-left: 7px;
        font-size: 13px;
    }

    .bold {
        font-weight: bold;
    }

    .display {
        position: absolute;
        font-size: 16px;
        right: 5px;
        top: 40px;
    }

    .display i,
    .display a {
        color: #333;
    }

    #main article .figure,
    #mylist article .figure {
        width: 150px;
        height: 108px;
    }

    /* actor */

    #actor section h2 {
        text-align: center;
        padding: 0;
    }

    #actor section .profile-img {
        text-align: center;
    }

    #actor section button {
        margin-top: 10px;
    }

    .movie table,
    #actor table {
        width: 100%;
        margin-top: 10px;
    }

    .t-bg {
        width:40%;
    }

    .profile-img img {
        width: 200px;
        display: block;
        margin: auto;
    }

    /* ranking */

    .rank-title {
        padding: 0 5px;
    }

    #ranking section h2 {
        text-align: center;
        padding: 0;
        margin: 5px 5px 0;
    }

    /* movie */

    #post h1 {
        padding: 0;
    }

    .movie .center h2 {
        padding-left: 0;
    }

    .movie {
        margin: 20px 5px 0;
    }

    .iframe,
    .movie iframe,
    .parent_ad {
        width: 100%;
        height: 250px;
        overflow: hidden;
    }

    .script {
        width: 300px;
        height: 250px;
        overflow: hidden;
        margin: auto;
    }

    .movie button {
        margin: 10px auto;
        display: block;
    }

    .movie section .center button {
        margin-bottom: 0;
    }

    .center {
        text-align: center;
        margin: 25px 0;
    }

    .movie .host,
    .movie .click {
        position: static;
    }

    .movie .item-info .play-time,
    .movie .item-info .post-time,
    .movie .item-info .host {
        display: inline-block;
        margin-right: 15px;
    }

    .movie .relation-words {
        margin-top: 10px;
    }

    .movie .play-time {
        color: #fe0096;
        font-weight: bold;
    }

    .relation-movies {
        margin-top: 10px;
    }

    .relation-movies h2 {
        text-align: center;
        padding-left: 0 !important;
        margin-bottom: 0px !important;
        margin-right: 5px;
        margin-left: 5px;
    }

    #actors-list h2,
    .mypage-setting article h2,
    .mypage-actress h2,
    .mypage-content h2 {
        text-align: center;
        padding: 0 !important;
        margin: 5px 5px 0;
    }

    .no-data {
        text-align: center;
    }

    /* ナビ */

    .mypage-nav {
        margin-left: 5px;
        margin-right: 5px;
    }

        /* 動画 */

    .mypage-movies .remove {
        position: absolute;
        font-size: 12px;
        padding: 3px 6px;
        max-width: 130px;
        min-width: 130px;
        left: 165px;
        top: 0;
    }

    .mypage-movies .host{
        top: 35px;
    }

    .mypage-movies .click{
        top: 65px;
    }

    .mypage-movies .play-time {
        top: 85px !important;
    }


    .mypage-movies .post-time {
        top: 85px !important;
        right: 0px !important;
        left: auto !important;
    }


        /* 女優 */
    .actress-area {
        margin: 20px 5px 0;
        overflow: hidden;
        font-size: 0;
    }

    .actress-area .profile-img {
        width: calc(33.333% - 10px)!important;
        margin: 0px 5px 8px;
    }

    .actress-item li {
        font-size: 11px;
        line-height: 1.7;
        height: 19px !important;
    }

    .actress-age {
        bottom: 51px;
    }

    /* policy */

    #policy-list {
        padding: 5px 5px 5px 25px;
        margin: 20px 5px 5px;
        list-style-type: disc;
        font-size: 15px;
        line-height: 1.8;
    }

    /* contact */

    #contact-form {
        border: 1px solid #e7e7e7;
        padding: 10px;
        margin: 20px 5px 5px;
    }

    .alert {
        padding: 10px;
        margin: 20px 5px 20px;
    }

    .form-group {
        margin-bottom: 10px;
    }

    #contact-form label {
        font-size: 15px;
    }

    .form-control {
        width: 100%;
    }

    #contact-form input[type=text] {
        transform: scale(1);
        text-align: left;
    }

    .onfirmation {
        line-height: 1.6;
        margin-bottom: 7px;
    }

    /* AV女優一覧 */

    .actors-nav {
        margin-left: 5px;
        margin-right: 5px;
    }

    #actors-list .actress-age {
        bottom: 19px;
    }

    /* category */

    #category section h2 i:after{
        content: "\f139";
        color: #337ab7;
    }

    #category section .cat-title i:after{
        content: "\f13a";
    }

    #category section ul {
        display: none;
    }

    #category section h2 {
        position: relative;
    }

    #category section h2 i {
        position: absolute;
        right: 10px;
        top: 3px
    }

    /* footer */

    #footer {
        font-size: 12px;
    }

    .position {
        border-top: none;
    }


    /* 404 */

    .error-message {
        margin: 20px 5px 0;
    }

    .actorlist li {
        width: calc(100% / 3);        
    }

    .history img, .favli img {
        height: 34vw;
    }
}

.iframe {
    position: relative;
    max-width: 700px;
	max-height: 480px;
	min-height: 300px;
    width: 100%;
    height: 75vw;
	overflow: hidden;
    margin: 10px auto 0;
    background: #000;
}
.iframe iframe, 
.iframe embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#parent_ad {
	max-width: 640px;
	max-height: 480px;
	min-height: 300px;
	width: 100%;
	height: 75vw;
	overflow: hidden;
	margin: 0 auto 10px;
	background: #000;
    position: relative;
}