/*基本設定*/
html{font-size: 62.5%;}
body{font-size:1.6rem;color:#222;min-width: 1080px;}
div{box-sizing:border-box;}
.entry-content p,.entry-content h5,.entry-content a{word-break: normal;word-wrap: break-word;text-align:justify;}


a:link, a:visited:link, a:visited{color:#000;text-decoration:none;}
a:hover,a:visited:hover{color:royalblue;text-decoration:underline;}
a:hover>img{opacity:0.7;text-decoration:underline;}
.inner{width: 1040px;margin: 0 auto;}
hr{border-top:2px dotted #ccc;margin: 2em 0;border-bottom:none;}

.w3eden .mb-2, .w3eden .my-2{margin-bottom: 0!important;}
input,select{font-size:1.6rem;}
/********************************************************************/

main{}
#page header h1{}

.inner{width: 1080px;margin: 0 auto;}
.site-header{box-shadow:0 0 10px rgba(0, 0, 0, 0.2)}
.site-header .disc{background: #333;font-size:1.2rem;color:#fff;padding: 0.5em;}
.site-header .disc .inner{display:flex;align-items:center;}
.site-header .disc .inner h1{padding-right: 1em;}
.site-header .disc .inner h2{margin-bottom: 0.25em;font-size:1.3rem;}
.site-header .disc .inner p{font-size:1.1rem;}
.site-header >div{display:flex;align-items:center;padding:  0;background: #f6f6f6;}
.site-header >div h1{width: 15rem;}
.site-header >div dl {display:flex;align-items:center;margin-left: auto;}
.site-header >div dl dd{font-size:1.4rem;}
.site-header >div dl dd a{position:relative;padding-right: 2em;}
.site-header >div dl dd a:after{content: "";display: block;width: 8px;height: 8px;position: absolute;right: 1.5em;top: calc(50% - 1px); border-top: solid 1px; border-right: solid 1px; transform: rotate(45deg) translateY(-50%);color: inherit;}
.site-header #search_area {background: #f6f6f6!important;}
.site-header #search_area #search-filter-form-4807 >ul{background: #f6f6f6!important;}

#search_area{background: #fff;position: relative;margin: 0 auto;}
#search_area .particles-js-canvas-el{height: 300px!important;}
#search_area >div>div>div{position: absolute;width: 100%;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);}
#search_area #search-filter-form-4807 >ul{display: flex;flex-wrap:wrap;background: #fff;margin: 0 auto;padding: 2em 2em;border-radius:1em;width: 1080px;;}
#search_area #search-filter-form-4807 >ul>li{display:table;width: 100%;padding: 0;margin-bottom: 0.2em}
#search_area #search-filter-form-4807 >ul>li>h4{display:table-cell;vertical-align: middle;padding:0.2em;width: 8em;background: #efefef;text-align:center;border-radius:1em;padding:0.5em 1em;}
#search_area #search-filter-form-4807 >ul>li>ul{display:flex;align-items:center;margin-left: 0.5em;    justify-content: flex-start; flex-wrap: wrap;}
#search_area #search-filter-form-4807 >ul>li>ul>li{width: ;}
#search_area #search-filter-form-4807 >ul>li>ul>li{display:flex;align-items:center;margin-right: 1em;padding: 7px 0;}
#search_area #search-filter-form-4807 >ul>li>ul>li input{height: 1.8rem;}

#search_area #search-filter-form-4807 .sf-field-search {width: 75%;display:block;}
#search_area #search-filter-form-4807 .sf-field-submit {width: 25%;display:block;}
#search_area #search-filter-form-4807 .sf-field-submit input{border-radius:3em;padding: 1em 4em;font-size: 1.6rem;line-height: 1.6;width: 100%;background: #000;color:#fff;}
#search_area #search-filter-form-4807 .sf-field-submit input[type="submit"]{appearance: none;outline: 0;}
#search_area #search-filter-form-4807 .sf-field-submit input[type="submit"]:hover{background: #333;cursor:pointer;}
#search_area #search-filter-form-4807 .sf-field-submit input[type="submit"]:active{background: #555;}
#search_area #search-filter-form-4807 .sf-field-taxonomy-wpdmcategory{display:table;}
#search_area #search-filter-form-4807 .sf-field-tag{display:table;}

#search_area #search-filter-form-4807 .sf-field-search label{width: 100%;margin-bottom: 1em;;}
#search_area #search-filter-form-4807 .sf-field-search label input{appearance: none;width: 95%;border-radius:3em;padding: 1em 2em;}
#search_area #search-filter-form-4807 .sf-field-search label input[type="text"]:focus { border: 2px solid #ff9900;outline: 0;box-shadow: 0 0 5px rgba(255, 153, 0, 1);}
#search_area #search-filter-form-4807 .sf-label-checkbox{padding-left: 0.25em;font-size:1.4rem;}
/*
#search_area_type2{background: #fff;position: relative;}
#search_area_type2 .particles-js-canvas-el{height: 300px!important;}
#search_area_type2 >div>div>div{position: absolute;width: 100%;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);}
#search_area_type2 #search-filter-form-4807 >ul{display:flex;background: #fff;margin: 0 auto;padding: 2em 3em;border-radius:1em;width: 1080px;;;}
#search_area_type2 #search-filter-form-4807 >ul>li{display:table;width: 100%;padding: 0;margin-bottom: 0.2em}
#search_area_type2 #search-filter-form-4807 >ul>li:first-child{;order: 3;}
#search_area_type2 #search-filter-form-4807 >ul>li:nth-child(2){width: 25%;}
#search_area_type2 #search-filter-form-4807 >ul>li:last-child{width: 25%;}
#search_area_type2 #search-filter-form-4807 >ul>li>h4{vertical-align: middle;padding:0.2em;width: 8em;background: #efefef;text-align:center;border-radius:1em;padding:0.5em 1em;}
#search_area_type2 #search-filter-form-4807 >ul>li>ul{display:flex;align-items:center;margin-left: 0.5em;flex-wrap:wrap;}
#search_area_type2 #search-filter-form-4807 >ul>li>ul>li{width: 100%;}
#search_area_type2 #search-filter-form-4807 >ul>li>ul>li:nth-child(n + 6){display:none;}
#search_area_type2 #search-filter-form-4807 >ul>li>ul>li{display:flex;align-items:center;margin-right: 0.5em;}
#search_area_type2 #search-filter-form-4807 >ul>li>ul>li input{height: 1.8rem;}
#search_area_type2 #search-filter-form-4807 .sf-field-search label{width: 100%;margin-bottom: 1em;;}
#search_area_type2 #search-filter-form-4807 .sf-field-search label input{appearance: none;width: 100%;border-radius:3em;padding: 1em 2em;}
#search_area_type2 #search-filter-form-4807 .sf-field-search label input[type="text"]:focus { border: 2px solid #ff9900;outline: 0;box-shadow: 0 0 5px rgba(255, 153, 0, 1);}
#search_area_type2 #search-filter-form-4807 .sf-label-checkbox{padding-left: 0.25em;}
*/




/**
#search_area #search-filter-form-4807 >ul>li>ul>li input[type="checkbox"] {
display: none}
#search_area #search-filter-form-4807 >ul>li>ul>li input[type="checkbox"] + label {
border-radius:1em;padding:0.5em 1em;border:1px solid #efefef;
}
#search_area #search-filter-form-4807 >ul>li>ul>li input[type="checkbox"]:checked + label {
background: #31A9EE;
color: #ffffff;
}
#search_area #search-filter-form-4807 .sf-field-search label:hover {
background-color: #E2EDF9;
}
**/


section#bottoms{background: #eee;padding: 3em 0;}
section#bottoms >div{}
section#bottoms section{display:flex;flex-wrap:wrap;justify-content:space-between;}
section#bottoms section article{width: 49%;overflow: hidden;margin-bottom: 1em;border-radius:0 0 1em 1em;}
section#bottoms section article >div{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 2em 2em 2em;border-radius: 0 1em 1em 1em;background: #fff;}
section#bottoms section article >div>figure{width: 15%;}
section#bottoms section article >.heads{width: 100%;display:flex;background: #eee;padding: 0;}
section#bottoms section article >.heads div{padding: 0;}
section#bottoms section article >.heads div:first-child{width: 70%;background: #fff;transform:skewX(40deg);margin-left: -1em;overflow: hidden;}
section#bottoms section article >.heads div:first-child span{display:block;padding: 0.25em;transform:skewX(-40deg);margin-left: 1em;position:relative;}
section#bottoms section article >.heads div:first-child span:after{position:absolute;content:""}
section#bottoms section article >.heads div:last-child{width: 30%;background: #FFF;text-align:right;}
section#bottoms section article >.heads div:last-child span{display:block;background: #eee;padding:0 0.25em 0.75em 0.25em;}
section#bottoms section article >.heads div:last-child span a{position:relative;color:#000;padding-right: 0.5em;font-size:1.4rem}
section#bottoms section article >.heads div:last-child span a:after{content: ""; display: block;width: 8px; height: 8px;position: absolute; right: 0;top: calc(50% - 1px);border-top: solid 1px;border-right: solid 1px;transform: rotate(45deg) translateY(-50%);color: inherit;}
section#bottoms section article#bunko >.heads div:first-child span{border-top:5px solid #f39800;}
section#bottoms section article#novels >.heads div:first-child span{border-top:5px solid #ccc;}
section#bottoms section article#gardo >.heads div:first-child span{border-top:5px solid #009fe8;}
section#bottoms section article#qurie >.heads div:first-child span{border-top:5px solid #80cec5;}
section#bottoms section article#liqure >.heads div:first-child span{border-top:5px solid #e72c61;}
section#bottoms section article#parfait >.heads div:first-child span{border-top:5px solid #ee86ae;}

section#bottoms section article >div>.detail{width: 100%;}
section#bottoms section article >div>.detail>div{display:flex;justify-content:space-between;align-items:center;}
section#bottoms section article figure img{width: 100%;}
section#bottoms section article h2{margin-bottom: 0.5em;font-size:2rem;}
section#bottoms section article h2 img{width: 50px;vertical-align: middle;margin-right: 0.5em;}
section#bottoms section article h3{background: #1da1f2;color:#fff;padding: 0.5em;}
section#bottoms section article h4{padding: 0.5em;border-top:1px solid #888;border-bottom:1px solid #888;margin-bottom: 0.5em;}
section#bottoms section article div{}
section#bottoms section article div ul{list-style-type:none;}
section#bottoms section article div ul.types {margin-bottom: 1em;}
section#bottoms section article div ul.types li{display:inline-block;width:32.5%;}
section#bottoms section article div ul.types li a{position:relative;background: #ccc;border-radius:0.3em;padding: 0.5em 2em 0.5em 0.5em;display:block;min-width:6em;text-align:center;font-size: 1.6rem;}
section#bottoms section article div ul.types li a:after{content: "";display: block;width: 8px;height: 8px;position: absolute;right: 1em;top: calc(50% - 1px); border-top: solid 1px; border-right: solid 1px; transform: rotate(45deg) translateY(-50%);color: inherit;}

section#bottoms section article div ul.types li a:hover{background: #000;text-decoration:none;color:#fff;}
section#bottoms section article div ul.types {margin-bottom: 1em;width: 100%;}
section#bottoms section article div ul.news {margin-bottom: ;background: #efefef;padding: 0.25em 0.5em;margin-bottom: 1em;}
section#bottoms section article div ul.news li{display:inline-block;line-height:1.6;font-size:1.3rem}
section#bottoms section article div ul.titles {}
section#bottoms section article div ul.titles li{display:inline;line-height:1.6;font-size:1.3rem}
section#bottoms section article div ul.titles li:after{content:" / "}
section#bottoms section article div ul.titles li:last-child:after{content:""}

/*検索結果*/
.resultsnumber{padding: 2em 0;}
#search_result{}
#search_result article:nth-child(5n+1){border-top: 0;}


/*footer*************************************************/
footer {padding: 2em;text-align:center;background: #333;color:#fff;}
footer .site-info {font-size:1rem}


/*List*************************************************/

.list{}
.list article{border-bottom:1px solid #eee;display: inline-block;width: 100%;}

.list article>div{}
.list article>div>a{display:block;position:relative;}
.list article>div>a >object{display:flex;align-items:center;width: 100%;padding-bottom: 0.75em;padding-top: 0.75em;}
.list article>div>a:hover{background: #F9F9F9;text-decoration:none;color:#000;}
.list article:nth-child(5n+1){border-top:1px solid #eee;}
.list article .thumbnail{width: 80px;margin-right: 2em;}
.list article .detail{    padding-right: 9em;width: 100%;}
.list article .detail span.new_icon{color:red;font-size:1.3rem;font-weight:bold;margin-bottom: 0.5em;display:block;}
.list article .detail h2{font-size:1.7rem;margin:0 0 0.5em;line-height:1.6;}
.list article .detail div.info{font-size:1.4rem;display:flex;    align-items: center;}
.list article .detail div.info span{margin-right: 1em;}
.list article .detail div.info span:before {font-family: 'FontAwesome';content: "\f017";}.list article .detail div.info ul{margin-left: 0;}
.list article .detail div.info ul li{display: inline-block;}
.list article .detail div.info ul li a{padding: 0.25em 1em;display:block;font-size: 1.1rem; border-radius: 1em;border: 1px solid;}
.list article .detail div.info ul li a:hover{color:#fff;background: #000;text-decoration:none;}
.list article .post-categories li{margin-right: 1em;}


/*DLbox*/
#search_result .link-template-default .media-body .package-title{display:none;}
#search_result .w3eden .card{position:inherit}
#search_result .w3eden .card{border:0;}
#search_result .w3eden .card-body{padding: 0;}
#search_result .img-48{display:none;}
#search_result .wpdmdl-btn{position:absolute;right:0.5em;    top: 50%;
    margin: auto;
    transform: translateY(-50%);}
.w3eden .btn-primary{background-color:#888;}

/*singleページ共通*/
#single_page {padding: 2em;}
#single_page .inner{display:flex;}
#single_page .inner >div.c_main{width: 70%;}
#single_page .inner >div.c_main .entry-header{padding: 0;}
#single_page .inner >div.c_main .entry-header div{display:flex;align-items:center;justify-content:space-between;}
#single_page .inner >div.c_main .entry-header ul{display:flex;justify-content:flex-end;}
#single_page .inner >div.c_main .entry-header li{margin: 0.25em;list-style-type:none;display:inline-block;}
#single_page .inner >div.c_main .entry-header li a{background: #efefef;padding: 0.5em 1em;font-size:1.5rem;display:block;border-radius:0.25em;}
#single_page .inner >div.c_main .entry-footer{display:none;}
#single_page .navigation{padding-top:2em ;font-size:1.5rem}
#single_page .navigation .nav-previous{}
#single_page .navigation .nav-previous a{position:relative;padding-left: 1.5em;display:block;line-height:1.4;padding-right: 1em;}
#single_page .navigation .nav-previous a:after{content: "";display: block;width:12px;height:12px;position: absolute;left: 0.5em;top: calc(50% - 12px);border-top: solid 1px;border-right: solid 1px;transform: rotate(-135deg) translateY(-50%);color: inherit;color:#999;}
#single_page .navigation .nav-next a{position:relative;padding-right: 1.5em;display:block;line-height:1.4;padding-left: 1em}
#single_page .navigation .nav-next a:after{content: "";display: block;width:12px;height:12px;position: absolute;right: 0.5em;top: calc(50% - 3px);border-top: solid 1px;border-right: solid 1px;transform: rotate(45deg) translateY(-50%);color: inherit;color:#999;}


/**singleページpost**/
#single_page .inner .type-post{padding: 3em;border:5px solid #eee;}
#single_page .inner .type-post .entry-header{border-bottom: 1px solid #ddd;}
#single_page .inner .type-post .entry-header h1{font-size:3rem;line-height:1.4;}
#single_page .inner .type-post .w3eden{margin-bottom: 3em;margin-top: 1em;}
#single_page .inner .type-post .w3eden .card{border: 2px solid #efefef;border-radius:10px;background: #ededed;}
#single_page .inner .type-post .entry-meta{}
#single_page .inner .type-post .entry-meta .author{display:none;}
/**singleページDL**/
#single_page .inner .type-wpdmpro{padding: 3em;border:5px solid #eee;}
#single_page .inner .type-wpdmpro .entry-header{}
#single_page .inner .type-wpdmpro .entry-header h1{font-size:3rem;line-height:1.4;margin-bottom: 0.5em;}
#single_page .inner .type-wpdmpro .w3eden{margin-top: 1em;}
#single_page .inner .type-wpdmpro .w3eden .mt-0{display:none;}
#single_page .inner .type-wpdmpro .w3eden .col-md-12{display:none;}
#single_page .inner .type-wpdmpro .w3eden .p-3{padding: 0!important;border:none;}
#single_page .inner .type-wpdmpro .w3eden .col-md-5{flex:auto;max-width:inherit;order:2;}
#single_page .inner .type-wpdmpro .w3eden .col-md-7{flex:auto;max-width:inherit;order:1;margin-bottom: 0.5em;}
#single_page .inner .type-wpdmpro .entry-meta{}
#single_page .inner .type-wpdmpro .entry-meta .author{display:none;}

/**singleページ（サイド）**/
#single_page .inner >div.c_side{width: 27.5%;margin-left: 2.5%;}
#single_page .inner >div.c_side h2{line-height:1.4;font-size:1.3rem;}
#single_page .inner >div.c_side h3{background: #777;color:#fff;font-size:1.3rem;padding: 1em 0.5em;border-radius:10px;}
#single_page .inner >div.c_side .info{font-size:1.2rem;margin-bottom: 0.5em;}
#single_page .inner >div.c_side .info　span:before{font-family: 'FontAwesome';content: "\f017";}
#single_page .inner >div.c_side .w3eden {margin-bottom: 0;width: 100%;}
#single_page .inner >div.c_side .w3eden .card-body{padding: 0;}
#single_page .inner >div.c_side .w3eden .ml-3{margin-left: 0!important;width: 100%;}
#single_page .inner >div.c_side .w3eden .ml-3 a{display:block;}
#single_page .inner >div.c_side .w3eden .card{background: none;border: none;}
#single_page .inner >div.c_side .w3eden .media-body{display:none;}
#single_page .inner >div.c_side #new_post article{border-bottom: 1px solid #eee;}
#single_page .inner >div.c_side #new_post article div > a{position:relative;display:block;padding:0.75em 1em 0.75em 0.5em;}
#single_page .inner >div.c_side #new_post article div > a:after{content: "";display: block;width: 8px;height: 8px;position: absolute;right: 0.5em;top: calc(50% - 1px);border-top: solid 1px;border-right: solid 1px;transform: rotate(45deg) translateY(-50%);color: inherit;color:#999;}
#single_page .inner >div.c_side #new_post article div > a:hover{background: #efefef;}
#single_page .inner >div.c_side #new_download article{margin-bottom:0.25em;}
#single_page .inner >div.c_side #new_download article div .info:hover{text-decoration:none;color:#000;}
#single_page .inner >div.c_side #new_download article div h2 a{text-decoration:none;color:#000;}
#single_page .inner >div.c_side #new_download article div h2 a;hover{text-decoration:none;color:#000;}
#single_page .inner >div.c_side #new_download article div>a{padding:0.5em;border: 1px solid #eee;border-radius:10px;display:block;}
#single_page .inner >div.c_side #new_download article div>a:hover{background: #efefef;color:#000;text-decoration:none;}
#single_page .inner >div.c_side #new_download article div .w3eden a:hover{background:#007bff;color:#fff}
#single_page .inner >div.c_side #new_download article:first-child{margin-top: 0.25em;}
#single_page .inner >div.c_side #new_download article .detail{display:flex;flex-wrap:wrap;}
#single_page .inner >div.c_side #new_download article figure{width: 20%;}
#single_page .inner >div.c_side #new_download article figure +div{width: 80%;}
#single_page .inner >div.c_side #new_download article figure img{width: 100%;}
#single_page .inner >div.c_side #new_download article .detail span.new_icon{color:red;font-size:1.3rem;font-weight:bold;margin-bottom: 0.5em;display:block;}

/*エラーなど*/
.no-results {padding: 5em 0; text-align:center;}
.not-found{padding: 5em 0; text-align:center;}



/*pagenation*************************************************/
.wp-pagenavi {margin: 3em auto;text-align: center;font-size:1.4rem;}
.wp-pagenavi .pages,.wp-pagenavi .extend{display:none;}
.wp-pagenavi a, .wp-pagenavi span{    border-radius: 0.5em;padding: 0.5em;min-width: 2em;display: inline-block;text-align: center;}
.wp-pagenavi span.current{background: #000;color:#fff;}
.wp-pagenavi a:hover{background: #000;color:#fff;text-decoration:none;}
/*サムネイル*************************************************/
.list figure{
 list-style-type:none;
  width: 100%;
  height: auto;
  position: relative;
  margin:0;
}
 
.list figure:before {
  content: "";
  display: block;
  padding-top: 100%; 
}
 
.list figure span{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
 
.list figure span:before{
  content: "";
  height: 100%;
  vertical-align: middle;
  width: 0px;
  display: inline-block;
}
 
.list figure span > *{
  vertical-align: middle;
  display: inline-block;
}
 
.list span img{
  max-width: 100%;
  height: auto;
  max-height: 100%;
}