@charset "UTF-8";

     @media screen and (max-width: 1023px){ } @media screen and (max-width: 834px){ .ranking-item-img-desc,
.ranking-item-link-buttons {
display: block;
}
.ranking-item-image-tag {
max-width: 100%;
text-align: center;
display: flex;
justify-content: center;
}	
.list_table {
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}
.list_table > dd {
border-bottom: 1px solid #000;
}
.list_table > dt,
.list_table > dd {
text-align: center;
border-bottom: 1px solid #000;
}
.list_table > dd > ul {
text-align: left;
}
.dl-cat {
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}
.dl-cat > dt {
text-align: center;
border-bottom: 1px solid #000;
}
.dl-cat > dd {
text-align: left;
border-bottom: 1px solid #000;
}
} @media screen and (max-width: 480px){ .ranking-item-name-text {
position: relative;
top: 10px;
font-size: 18px;
}
}
.h2origin {
font-size: 20px!important;
font-weight: bold!important;
}
.flickity-slider img {
max-width: 100%;
height: auto;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
border: 0;
vertical-align: middle;
} .home.page .post-date{
display: none;
} .home.page .post-update{
display: none;
}
.syousaiarea {
}
.topflia {
margin-bottom: 0.5em!important;
}
.entry-content h2{
border:none;
background:none;
padding: 0;
margin-top: 0.5em!important;
margin-bottom: 0.3em!important;
color:#dd9933;
}
.entry-content h3{
padding: 5px;
margin-top: 0.5em!important;
margin-bottom: 0.3em!important;
font-size: 20px;
}
.entry-content h4{
padding: 2px;
margin-top: 0.5em!important;
margin-bottom: 0.3em!important;
font-size: 14px;
border-left: solid 7px #dd9933; }
.entry-content h4:before {
font-family:none!important;
content:none!important;
padding-right:none!important;
color:none!important;
}
.banenter-a {
margin-bottom: 0em!important;
}
.ratebox {
padding:0px 10px 2px 10px;
border:solid 1px #ffe4e1;
background-color:#fff5ee;
margin-bottom:5px!important;
margin-top:1px!important;
font-size: 12px;
line-height: 20px;
display: block;
overflow:hidden;
}
.ratebox p {
margin-top:7px;
margin-bottom:10px;
line-height: 22px;
}
.list_table {
margin-bottom: 5px!important;
}
.list_table,
.list_table > dt,
.list_table > dd {
box-sizing: border-box;
}
.list_table > dt,
.list_table > dd {
padding: 0.3em;
margin: 0px;
font-size: 12px;
}
.list_table > dt {
background-color: #3388dd;
color: #fff;
}
.list_table > dd {
background-color: #fff;
} .dl-cat{
margin-bottom: 5px!important;
}
.dl-cat,
.dl-cat > dt,
.dl-cat > dd {
box-sizing: border-box;
}
.dl-cat > dt,
.dl-cat > dd {
padding: 0.3em;
margin: 0px;
font-size: 12px;
}
.dl-cat > dt {
background-color: #ff8c00;;
color: #fff;
}
.dl-cat > dd {
background-color: #fff;
}
.ranking-item-description {
margin: 0em!important;
}
.rankshorttext {
font-size: 12px;
}
.img-wrap {
max-width: 100% ;
width: 100% ;
height: auto ;
box-sizing: border-box;
background: #e2e2e2;
border: 1px solid #d0d0d0;
padding: 5px ;
box-shadow: 0 0 5px #bebebe;
}
.maroon{ color: #800000!important; } .red{ color: #ff0000!important; } .blue{ color: #0000dd!important; } .green{ color: #008000!important; } .yellow{ color: #ffff00!important; } .navy{ color: #1F26A9!important; } .orange{ color: #ff6600!important; } .pink{ color: #cc6699!important; } .purple{ color: #660099!important; } .olive{ color: #808000!important; } .lime{ color: #00ff00!important; } .aqua{ color: #00ffff!important; } .black{ color: #000!important; } .gray{ color: #ccc!important; } .white{ color: #fff!important; } .blueviolet{ color: #8a2be2!important; } .deka{ font-size: 1.5em!important; } .normal{ font-weight: normal!important; } .small{ font-size: 0.8em!important; } .x-small{ font-size: 0.65em!important; } .huto{ font-weight: bold!important; } .ranking-item-img-desc {
margin-bottom: 0px!important;
font-size: 0.9em!important;
line-height: 1.8em!important;
letter-spacing: 0.002em!important;
}
.info-box {
padding-bottom: 0.3em!important;
padding-top: 0.3em!important;
margin-bottom: 0.2em!important;
} .slider {
width: 100%!important;
margin-bottom: 30px!important;
display: none;
}
.slider.slick-initialized {
display: block;
} .slider .sl-title {
display: inline-block;
width: 100%!important;
text-align: center;
font-weight : bold;
}
.slider .sl-time {
display: inline-block;
width: 100%;
text-align: center;
font-weight : bold;
}
.slider img {
margin-bottom: 0px;
height: auto;
max-width:100%!important;
} .slider a {
display: block!important;
margin: 0 5px!important;
}
input[type="radio"],input[type="checkbox"]{
position: relative;
top: 0px;
} #form1,#slide-in-form1{
position:relative; width:100%; margin-bottom:1em; clear: both;
} #sbox,#slide-in-sbox{
max-width:100%; position:relative; left:0;
top:0; 	
outline:0; height:50px; padding:0 10px; border-radius:2px 0 0 2px; background:#eee; } #sbtn,#slide-in-sbtn{
width:70px; height:50px; position:absolute;  right:-3px; top:0;
border-radius:0 2px 2px 0; background:#dd3333; border:none; color:#fff; font-weight:bold; font-size:16px; } #sbtn:hover,#slide-in-sbtn:hover{
color:#ff0; }
#search,#slide-in-search {
margin-bottom:10px; }
#search .schui p{
clear: both;
font-size: 12px;
line-height: 12px;
}
#search .search_form_garea,#slide-in-search .search_form_garea {
margin-bottom:5px;
clear: both;
line-height: 18px;
}
#search .search_form_gtitle,#slide-in-search .search_form_gtitle {
margin-top: 5px;
margin-left: 0px;
margin-bottom: 0px;
font-size: 12px;
}
#search .search_form_label,#slide-in-search .search_form_label {
position:relative;
top:-5px;
font-size: 12px;
display: inline-block;
float: ;
margin-top: -5px!important;
margin-right: 5px;
margin-bottom: 0px;
line-height: 10px;
}
#search .search_form_label a.#slide-in-search .search_form_label a {
text-decoration: none;
}
#search input,#slide-in-search input {
margin-left: 0px;
margin-right: 3px;
vertical-align:-0.1em;
}
#search .cs-search-button,#slide-in-search .cs-search-button {
background:#f00!important;
color:#fff!important;
} .todouhuken {
margin: 0 0 1.5em 0;
} .tabtab  {
border-bottom: 3px solid #fb4343!important;
margin-left: 0px!important;
margin-bottom: 0px!important;
float: left!important;
width:100%!important;
}
.tabtab li {
color: #333;
margin: 0 10px -1px 0px!important;
padding: 5px 3px;
border: 1px solid #fb4343;
cursor: pointer;
list-style: none;
transition: .3s;
position: relative;
left: 0px;
font-size: 80%!important;
font-weight: bold!important;
float: left!important;
}
.tabtab li.active {
color: #fff;
background: #fb4343;
cursor: auto;
}
.tabtab li:last-child {
cursor: pointer;
padding-bottom: ;
margin-right: -5px;
}
.area dl {
display: none;
}
.area dl.show {
display: block;
} dl.number-list {
margin: 0 0 0 0;
list-style: none;
}
dl.number-list:after {
height: 0;
content: '';
display: block;
clear: both;
}
dl.number-list dt {
padding: 1px;
box-sizing: border-box;
clear:both;
}
dl.number-list dt .bangumi-cord {
text-shadow: 0 0 1px #ffff00;
color: #ff0000;
}
dl.number-list dd {
width: 50%;
text-align: center;
margin: 0;
float: left;
}
dl.number-list dd a {
background: #00ff00;
color: #0000cd;
text-decoration: none;
margin: 2px;
border: 1px solid #ac87ad;
padding: 10px;
box-sizing: border-box;
display: block;
text-shadow: 1px 1px 3px #ee82ee;
}
dl.number-list dd a:hover {
background: #98fb98;
color: #f00;
border: 1px solid #743030;
text-shadow: 1px 1px 3px #ffc0cb;
}
dl.number-list dd a .title {
font-size: 1.2em;
font-weight: bold;
}
dl.number-list dd a .number {
font-size: 1.2em;
font-weight: bold;
} dl.number-list-47pref {
margin: 0 0 0 0;
list-style: none;
}
dl.number-list-47pref:after {
height: 0;
content: '';
display: block;
clear: both;
}
dl.number-list-47pref dt {
padding: 1px;
box-sizing: border-box;
clear:both;
}
dl.number-list-47pref dt .bangumi-cord {
text-shadow: 0 0 1px #ffff00;
color: #ff0000;
}
dl.number-list-47pref dd {
width: 50%;
text-align: center;
margin: 0;
float: left;
}
dl.number-list-47pref dd a {
background: #ffff00;
color: #0000cd;
text-decoration: none;
margin: 2px;
border: 1px solid #ac87ad;
padding: 10px;
box-sizing: border-box;
display: block;
text-shadow: 1px 1px 3px #ee82ee;
line-height: 20px;
}
dl.number-list-47pref dd a:hover {
background: #ffffe0;
color: #f00;
border: 1px solid #743030;
text-shadow: 1px 1px 3px #ffc0cb;
}
dl.number-list-47pref dd a .title {
font-size: 1.0em;
font-weight: bold;
}
dl.number-list-47pref dd a .number {
font-size: 1.0em;
font-weight: bold;
}
dl.number-list-47pref dd a .price {
font-size: 1.0em;
font-weight: bold;
}
dl.number-list-47pref dd a .cord {
font-size: 1.0em;
font-weight: bold;
}
@media print, screen and (min-width: 835px) {
.list_table {
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid #000;
}
.list_table > dt,
.list_table > dd {
display: flex;
flex-direction: column;
justify-content: center;
border-top: 1px solid #000;
border-left: 1px solid #000;
}
.list_table > dt {
width: 30%;
}
.list_table > dd {
width: 70%;
border-right: 1px solid #000;
}
.dl-cat {
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid #000;
}
.dl-cat > dt,
.dl-cat > dd {
border-top: 1px solid #000;
border-left: 1px solid #000;
}
.dl-cat > dt {
width: 15%;
}
.dl-cat > dd {
width: 85%;
border-right: 1px solid #000;
}	
}
@media only screen and (max-width : 720px)  { dl.number-list dd {
width: 100%;
float: none;
} dl.number-list-47pref dd {
width: 100%;
float: none;
}
}