/*
Theme Name:	DLDshare
Template:	wp_material
Version:	1.1.0
*/

/*****************************************
 全体レイアウト
******************************************/
.comment-form img{
	width:150px !important;	
}
.main-side{
	width:90%;
	margin:30px 5%;
}
.main{
	width:100%;	
}
.side{
	width:100%;	
}
.page-template-page-sitemap .main{
	width:100%;	
}
.search_area{
	clear:both;	
	margin-bottom:30px;
}
.ranking_side_dlsite{
	width:100%;	
}
.side ul li{
	clear:none;	
}
.post{
	border-radius:10px 10px 0 0;
}
h1.title{
	font-size:18pt;	
}
.footer,
.footer a{
	color:#4d6594;
}
.footer{
	padding-left:15px;
  padding-right:15px;
}
/*****************************************
 ヘッダー
******************************************/
ul li{
	list-style:none;
}
.nav-inner ul li a{
	color:#4d6594;	
}
.nav-inner ul.sub-menu li a{
	color:#fff;	
}
.wnb-bar span{
	color:#fff;	
}
ul.ui-sortable{
	list-style-type:none;	
}
#trance_area{
	padding-left:20px;
	background:#4d6594;
}
.goog-te-gadget{
	color:#fff !important;
}
#flags,
#google_language_translator{
	display:inline-block;
}
.header-inner{
	width: 100%;
	position:relative;
	padding:15px 15px 35px;
}
#rank_top{
	position:absolute;
	top:10px;
	right:15px;
	bottom:0;
	width:278px;
	background:#4d6594;
	margin:0;
	border-radius:0 0 5px 5px;
	padding:5px;
	line-height:1.2;
	text-align:center;
}
#rank_top.mob{
	position: static;
	display: block;
	margin-bottom: 20px;
	width: 100%;
}
#rank_top h2{
	font-weight:bold;
	color:#fff;
	margin-bottom:5px;
	border-bottom:1px solid #fff;
	background:url(images/oukan.png) no-repeat 2em top;
}
#rank_top .ranktop_table{
	width:100%;
	display:table;
}
#rank_top .box_top{
	position:relative;
	width:50%;
	display:table-cell;
	background:#414852;
	padding:0;
}
#rank_top .box_top a{
	display:block;	
}
#rank_top .box_top img{
	max-width:100%;
	max-height:100px;	
}
#rank_top .box_top p{
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	margin:0;
	font-size:10pt;
	color:#fff;
	line-height:1.4;
	background:#333;
	opacity:0.8;
}
.site-title,
.site-desc{
	padding:0 20px 0 20px;		
}
.site-desc{
	width: calc(100% - 350px);
}
#flags{
	vertical-align:middle;
}
#flags ul{
	list-style-type:none;	
}
#flags ul li a{
	vertical-align:middle;
}
.goog-te-gadget div {
	display:inline-block;
}
.tab_link{
	width:100%;
	max-width:1058px;
	margin:5px auto 0;
}
.tab_link ul{
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content:space-around; /* Safari */
	justify-content:space-around;
}
.tab_link ul li{
	width:25%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-flex-item-align:flex-end;/*--- IE10 ---*/
    -webkit-align-self:flex-end;/*--- safari（PC）用 ---*/
    align-self:flex-end;
	position: relative;
}
.tab_link ul li a{
	width:100%;
	display:block;
	background:#414852;
	text-decoration:none;
	color:#fff;
	padding:5px 0;
	font-size:10pt;
	line-height:1.4;
	text-align:center;
}
.tab_link ul li a:hover{
	font-weight:bold;	
}
.tab_link ul li a:before {
    content: "\f138";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    transform: translateZ(0);
    transition-duration: 0.1s;
    transition-property: transform;
    transition-timing-function: ease-out;
}
.tab_link ul li a.dlsite_m{
	background:#1aba67;	
}
.tab_link ul li a.dmm{
	background:#566cc4;	
}
.tab_link ul li a.dlsite_g{
	background:#edc4d4;	
}
.tab_link ul li a.dlsite_e{
	background:#ef4f37;	
}
/*****************************************
 globalメニュー
******************************************/
.nav-inner ul li{
	position:relative;	
}
.nav-inner ul li.gl_link{
	background:#FBB56E !important;
}
.nav-inner ul li.gl_link a{
	font-weight:bold;	
}
ul.sub-menu {
    display:none;
	position:absolute;
	top:40px;
	left:0;
	z-index:999;
}
ul.sub-menu li{
	position:static;
	display:block;
	background-color: #888;
	white-space: nowrap;
}
ul.sub-menu li a{
	display:block;	
}
ul.sub-menu li a:hover{
	display:block;	
}
/*****************************************
 サイドバー
******************************************/
.side ul li.dlsite{
	background:#1aba67;
	border-radius:5px;
}
.side ul li.dmm{
	background:#566cc4;
	border-radius:5px;
}
.side ul li.eng{
	background:#ef4f37;
	border-radius:5px;
}
.side ul li.girls{
	background:#edc4d4;
	border-radius:5px;
}
.side ul li.dlsite a,
.side ul li.dmm a,
.side ul li.eng a,
.side ul li.girls a{
	display:block;
	text-align:center;
	padding:10px;
	color:#fff;	
}
.side ul li.dmm a:hover,
.side ul li.eng a:hover,
.side ul li.girls a:hover{
	color:#fff;
	background:#414852;
}
.search-box{
  width:768px;
  max-width:100%;
	margin:20px auto 5px;	
}
p.count{
	display:block;
	text-align:center;
	font-size:10.5pt;
	padding:5px 0 0;
	margin-bottom:20px;	
}
p.count span{
	color:#f00;	
}
div#DLsite_blog_parts_000.bp_vertical.bp_ranking div.DLsite_bp_body div.DLsite_bp_box_01 p {
	top:5px !important;
	left:5px !important;
	width:30px !important;
	height:30px !important;
	border-radius:15px !important;
	font-size:12pt !important;
	line-height: 30px !important;
	background-color:#096 !important;
}
#ranking_side_dmm{
	border:1px solid #ddd;
	margin:20px 5px 30px;
	padding: 10px;
    border-radius: 5px;
	background:#fff;
}
#ranking_side_dmm h2{
	font-size: 16px;
	font-weight:bold;
	color: #e58600;
	border-bottom:1px solid #ddd;
}
#ranking_side_dmm ul{
	padding:20px 0;
}
#ranking_side_dmm ul li{
	font-size:10pt;
	display:inline-block;
	vertical-align:top;
	width:150px;
	margin:0 10px;
}
#ranking_side_dmm h3{
	color:#096;
	font-weight:bold;
	border-bottom:1px solid #ddd;
	margin-bottom:5px;
	font-size:11pt;
}
#ranking_side_dmm h3 span{
	color:#000;
	font-size:12pt;
	font-weight:bold;
	margin-right:0.5em;	
}
#ranking_side_dmm a{
	text-decoration:none;
}
.textwidget p{
	line-height:1.4;	
}
.works_rank ul li{
	font-size:10.5pt;
	padding-left: 3em;
 	text-indent: -3em;
	border-bottom:1px dotted #ccc;
	margin:5px 0;
	padding-bottom:5px;
}
.works_rank span.rank{
	display:inline-block;
	color:#F90;
	font-weight:bold;
	padding-left:0;
 	text-indent:0;
}
#pop_runk div{
	margin-bottom:10px;	
}
#pop_runk div a{
	display:block;
	font-size:10.5pt;
	line-height:1.3;	
}
#pop_runk img{
	width:100px;
	height:auto;
	margin-right:5px;
}
/*****************************************
 トップページ
******************************************/
.thumb-box img{
	max-width:600px;
	margin:0 auto;
}
#circle_link {
	max-width:100%;
	list-style-type:none;
	margin-bottom:20px;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    justify-content:space-between;
	justify-content: space-around;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    flex-wrap:wrap;
}
#circle_link li{
	max-width:50%;
}
#circle_link li .itembox{
	position:relative;
	margin:5px 0;
}
#circle_link li .itembox a{
	position:relative;
	display:block;
	width:150px;
	margin:0;
	padding:0;
	overflow:hidden;
	text-decoration:none;
}
#circle_link li .itembox p.cap{
	width:150px;
	left:0;
	background:rgba(85,172,238,1);
	color:#fff;
	font-size:12pt;
	padding:10px 5px;
	margin:0;
	font-weight:bold;
	line-height:1.4;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
}
#circle_link li .itembox p.cap:hover{
	opacity: .75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	-khtml-opacity: .75;
	-moz-opacity: .75;
}
#circle_link li .itembox img{
	padding:3px;
	border-radius:10px;
}
#circle_link li:nth-child(2) .itembox p.cap,
#circle_link li:nth-child(7) .itembox p.cap{
	background:#E36397
}
#circle_link li:nth-child(3) .itembox p.cap,
#circle_link li:nth-child(8) .itembox p.cap{
	background:#BED8D4
}
#circle_link li:nth-child(4) .itembox p.cap{
	background:#FBB56E
}
#circle_link li:nth-child(5) .itembox p.cap{
	background:#1aba67
}
/*****************************************
 PC及び全体用
******************************************/
.rating-result{
	display:inline;
}
.rating-result .count{
	display:none;	
}
h1.title{
	margin:	30px 0 20px;
}
.big-box{
	max-width:100%;
}
.cat-folder,
.tag-link span.lsf{
	color:#e8b133;
	font-size:1.3em;
	vertical-align:middle;
}
.cat-link{
	background-color: #e6ebf5;
	padding:2px 5px;
}
.cat-link a{
	background-color: #4d6594;
	border-radius:3px
}
.tag-link {
    text-align: right;
    line-height: 1;
    clear: both;;
	background-color: #e6ebf5;
	padding:2px 5px;
}
.tag-link a {
    display: inline-block;
    padding: 1px 5px 0px;
    background-color: #e6ebf5;
    line-height: 1.4;
    text-decoration: none;
    color: #4d6594;
    font-size: 0.7em;
	border-radius:3px
}
.tag-link a:hover {
	background-color: #ffcc00;
}
.move-button{
	z-index:2147483648;
}
#sample_box{
	width:100%;
	height:200px;
	overflow:hidden;
	text-align:center;
	position:relative;
	margin-bottom:20px;
}
.swiper-container{
	width:100%;
	height:200px;
	overflow:hidden;
	text-align:center;
	position:relative;
	margin-bottom:20px;
}
#sample_box a{
	display:block;
	position:absolute;
	top:-50%;
	left:0;
	right:0;
}
.swiper-slide{
	width:200px;
	overflow:hidden;
}
.swiper-slide a{
	display:block;
	position:absolute;
	top:-50%;
	left:0;
	right:0;
}
.swiper-slide a img{
	max-width:150%;	
}
/* カテゴリーboxの背景色 */
.min-box{
	background-color: #ebebeb;
}
.content .product_det .img_area{
	text-align:center;	
}
.content .product_det img{
	width:100%;
	max-width:700px;
	margin:0 auto;
}
.content .product_det table{
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
  margin:30px auto 0;
}
.content .product_det table th{
	width:8em;
	text-align:right;
}
.content .product_det table th,
.content .product_det table td{
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding:8px 0;
	white-space:normal;
	word-break: break-all;
}
.content .product_det table td a{
	word-break: break-all;
}
.content .product_det table .circle_hp th{
	min-width:8em;
}
.content .product_det table .circle_hp th,
.content .product_det table .circle_hp td{
	border-bottom:none;
}
.content .buylink{
	display:block;
	width:320px;
	text-align:center;
	margin:20px auto;
}
.content .buylink a{
	display:inline-block;
	height:40px;
	vertical-align:middle;
	padding:5px 20px;
	text-decoration:none;
	border-radius:5px;
	font-size:16pt;
	font-weight:bold;
	line-height:30px;
}
.content .link_s{
	display:block;
	width:100%;
	text-align:center;
	padding:20px 0 0;
}
.content .link_s a{
	display:inline-block;
	height:40px;
 	margin:0 auto;
	vertical-align:middle;
	padding:5px 20px;
	text-decoration:none;
	border-radius:5px;
  background:#57ace6;
	font-size:16pt;
 	color:#fff;
	font-weight:bold;
	line-height:30px;
}
.content .buylink a:hover{
	text-decoration:underline;
}
.content .product_det iframe{
	margin: 0 0 2em;
}
.first{
	width:100%;
}
.first .thumb-box {
    max-height: 240px;
}
span.pickup{
	display:inline-block;
	font-size:90%;
	color:#fff;
	padding:2px 5px;
	background:#e82781;
	border-radius:5px;
}
.first .dec{
	font-size:90%;	
	margin-bottom:10px;
}
.post_link{
	width:100%;
	list-style-type:none;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    justify-content:space-between;
	border-radius:5px;
	margin-bottom:10px;
}
.post_link li{
	padding:2px 10px;
}
.post_link li a{
	color:rgba(85,172,238,1);
	text-decoration:none;
	display:block;	
}
.post_link li.prev{
	width:14em;
	text-align:left;
}
.post_link li.next{
	width:14em;
	text-align:right;
}
.post_link li.prev a:hover,
.post_link li.next a:hover{
	color:#EA3382;	
}
.post_link li.post_date{
	text-align:center;
	min-width:8em;
	padding:2px 0;	
}
.content p.work_price{
	text-align:center;
	margin-bottom:10px;
}
.work_price span{
	color:#f00;
	font-size:200%;
	font-weight:bold;
	display:inline-block;
	vertical-align:middle;
}
.work_price .buy_button{
	color:#fff;
	background:#f00;
	border-radius:5px;
	padding:0 10px;
	display:inline-block;
	vertical-align:middle;
	text-decoration:none;
	font-weight:bold;
	font-size:14pt;
}
.work_price .buy_button:hover{
	background:#333;
}
.wp-pagenavi {
    clear: both;
    text-align: center;
    margin: 10px 0 50px;
}
.wp-pagenavi .current{
	background-color: #EA3382;
}
.wp-pagenavi span, .wp-pagenavi a {
    margin: 0 4px;
    padding: 7px 8px 5px;
    text-decoration: none;
    color: #fff;
    background: #414852;
}
.content .description .text{
  padding:0.5em;
}
.content .description .next_txt{
	display:block;
	width:100%;
	font-size:20pt;
	text-decoration:none;
	background:#e6ebf5;
	text-align:center;
	padding:20px 0;
}
.content .description .next_txt:hover{
	opacity: .75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	-khtml-opacity: .75;
	-moz-opacity: .75;
}
.content .buy_dmm{
	text-align: center;
}
.content .buy_dmm .dmm_bt a{
	font-weight: bold;
}

/****  パンくず  ****/
.bread{
	margin: 10px 0;
}
.bread ol{
	list-style: none;
	font-size: 0.75em;
}
.bread ol li{
	color: #666;
	display: inline-block;
	margin: 0 10px;
}
.bread ol li a{
	color: #666;
  text-decoration:none;
}
.bread ol li:first-child a:before{
  font-family: 'FontAwesome';
  display:inline-block;
 	content:"\f015";
  padding-right:5px;
}
.bread ol li:not(:first-child)  a:before{
  font-family: 'FontAwesome';
  display:inline-block;
 	content:"\f07b";
  padding-right:5px;
}
.bread ol li a:after{
  font-family: 'FontAwesome';
  display:inline-block;
 	content:"\f054";
  padding:0 5px;
}
.single .bread ol li:last-child{
  display:none;
}

/*****************************************
 広告
******************************************/
.widgets-grid-layout{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.widget-grid-view-image{
	width: calc(100% / 5);
	float: none;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.widget-grid-view-image{
		width: calc(100% / 2);
	}
}
.content .product_det .widget-banner img{
	display: block;
	width: 300px;
	height: auto;
	max-width: 100%;
	margin: 20px auto;
}
.ad{
	text-align:center;	
}
.ad a,
.ad img{
	max-width:100%;
}
.ad table{
	width:100%;
}
.ad table tr{
	margin:0;
	padding:0;
}
.ad table td{
	display:inline-block;
	margin:0 2px;
	padding:0;
	font-size:10pt;
	vertical-align:top;
}
.ad_bottom{
	text-align:left;	
}
a.magnetlink{
 	display:inline-block;
  margin:0 auto;
  padding: 1em 0;
  font-size:16pt;
}
.dlarea{
	position:relative;	
}
.dlarea p.torrent{
	position:absolute;
	display:inline-block;
	top:0;
	left:0;
	right:0;
	bottom:10px;
	margin:0;
	padding:0 10px;
	font-size:11pt;
	text-align:center;
}
.dlarea p.torrent a.magnetlink{
 	padding:0;
 	font-size:11pt;
	margin-left:2em;
	padding-left:1.5em;
	background:url(images/magnet.png) no-repeat left;
}
.dlarea iframe img{
	max-width:100%;
}
.admax-banner iframe{
	max-width:100% !important;
}
/*****************************************
 予告ランク用
******************************************/
.date_tab{
	display:table;
	width:100%;	
}
.date_tab span{
	display:table-cell;
	padding:8px 10px;
	background:#ccc;
	margin-right:1px;
	text-align:center;
}
.date_tab span a{
	display:block;	
	color:#fff;
	font-size:12pt;
}
.date_tab span.act{
	background:#e8b133;
}
.date_tab span:hover{
	background:#666;
}
.date_tab span.act:hover{
	background:#666;
}
.prank_area{
	border:1px solid #ccc;
	border-radius:0 0 5px 5px;
	padding:40px 20px 40px 0;
}
.rank_wrap{
	display:table;
	width:100%;
}
.previous{
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content:space-around; /* Safari */
	justify-content:space-around;
}
.home .rank_wrap{
	display:inline-block;
	vertical-align:top;
	width:150px;
	max-width:50%;
	padding:0 2px 2px 2px;
}
.home .rank_wrap div p{
	width:150px;
	line-height:1.2;
}
.home .rank_wrap a{
	display:block;	
}
.home .rank_wrap .rank_tumb{
  width:100%;
  height:auto;
	margin:0;
	border-radius:10px;
}
.home .rank_wrap .rank_item{
	padding-bottom:0;
}
.home .plink{
	font-size:12pt;
	text-align:right;
}
.rank_wrap div{
	display:table-cell;
	vertical-align:top;
}
.rank_wrap .rank_num{
	width:2em;
	font-size:18pt;
	font-weight:bold;
	color:#fff;
	padding:0 0.5em;
}
.rank_wrap .rank_num span{
	background:#096;
	padding:0 0.5em;
	border-radius:1em;
}
.rank_wrap .rank_num span.high{
	background:#e58600;
}
.rank_wrap .rank_item{
	padding-bottom:20px;
}
.rank_wrap .rank_item p{
	width:100%;
	font-size:11pt;
}
.rank_wrap .rank_item img.left{
	float:left;
}
/*****************************************
 タブレット（大）用
 サイドバーがメインカラムの下に回ります
******************************************/
@media screen and (max-width: 800px) {

	.site-desc{
		width:100%;
	}
	
	#rank_top{display:none;}
	
	.home #rank_top{
		display:none;
	}

	.home #rank_top.mob{
		display: block;
	}
	
	.tab_link ul li a:before {
		display:none;
	}

}
/*****************************************
 タブレット（小）用
 記事の並びが2列になります
******************************************/
@media screen and (max-width: 700px) {
	
	.post_link li.prev span,
	.post_link li.next span{
		display:none;
		width:3em;
	}
	.header-inner{
		padding-top: 15px;
		padding-bottom:20px;	
	}
}
/*****************************************
 スマホ用
 記事の並びが1列になります
******************************************/
@media screen and (max-width: 450px) {

	.header-inner{
		padding: 15px 0 20px;
	}
  
  .content-box{
  	margin:0 0 20px;
  }
  
  .search-box{
    margin:0 auto 20px;
  }
  h1.title {
    font-size: 1.2em;
    margin: 30px 2% 20px;
  }
  .content h3 {
    font-size: 1.4em;
    font-weight:bold;
    padding: 5px 10px 0;
    text-align:center;
  }
	.site-title{
		font-size:1.2em;
	}
	.site-desc{
		display: none;
	}
  .big-box{
  	padding:0;
  }
  .content .link_s a{
    font-size:14pt;
  }

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

	#circle_link li .itembox{
		margin:5px 0;	
	}
	#circle_link li .itembox a{
		width:300px;
		height:50px;
	}
	#circle_link li .itembox a img{
		display:none;
	}
	#circle_link li .itembox p.cap{
		width:100%;
		height:50px;
		padding:10px;
	}
}
@media screen and (max-width: 1090px){
	.menu-mobile{
		color:#e82781;
	}
}
/*****************************************
 modal
******************************************/
.modalwin {
		position: fixed;
		width: 90vw;
		max-width:600px;
		background-color: #fff;
		border-radius: 5px;
		box-shadow: 0 2px 4px 0 #000;
		z-index: 1;
		padding:10px;
}
.modalwin .back_bt{
	text-align:center;
}
.modalwin dl {
		padding: 0px 10px;
}
.show {
		display: block;
}
.hide {
		display: none;
}
.modalwin h1 {
		background: #ededed;
		padding: 20px;
		border-radius: 5px 5px 0 0;
		font-size: 1.2em;
		margin-top: 0;
		text-align: center;
}
.modalwin-contents {
		padding: 5px;
}
.modalwin-contents h3{
		text-align:center;
		margin:20px 0;
}
.modalwin-contents img {
		margin: 0 0 1em 0;
		float: left;
		width: 30%;
		height: 30%;
}
.modalwin-contents p {
		margin: 0 0 1em 0;
		line-height: 1.8em;
}
#shade {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: 0.7;
		z-index: 1;
}

.wpp-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 5px;
}