:root {
--white:#fff;
--link:#003BC2;
--red:#e61e25;
--orange:#ff7200;
--navy:#2a313c;
}
body{
overflow:overlay;
} .current{background: var(--red);}
iframe{
margin:auto;
display:block;
} #logo img{
margin:0;
}
@media screen and (max-width: 959px){
.header_small_menu .header_small_menu_right{
display:block!important;
z-index:10001;
}
}
@media screen and (max-width:959px){
.sp{display:block;}
nav.NavMenu{
position: fixed;
z-index: 2;
top: 0;
bottom:0;
right: -1px;
color: #000;
text-align: center;
width: 80%;
transform: translateX(100%);
transition: all 0.6s;
}
.header_small_menu{
border-bottom:none!important;}
nav.NavMenu ul{
background: #2A313C; width: 100%;
margin:0;
display: block;
justify-content: space-between;
flex-wrap: wrap;
}
nav.NavMenu ul li{
font-size: 1.1em;
list-style-type: none;
padding: 0;
width: 100%;
border-bottom: 1px solid var(--white);
text-align: left;
}
nav.NavMenu ul li:last-child{border-bottom:none;}
nav.NavMenu ul li a{
display: block; color: var(--white);
padding: 10px 0 10px 10px!important;
}
nav.NavMenu ul li.current a{
color: var(--white);
} nav.NavMenu.active{
transform: translateX(0%);
}
nav.NavMenu.active + .overlay{
display:block;
width:100%;
height:100%;
background:rgba(42, 49, 60, 0.5);
position:fixed;
top:0;
z-index:10000;
}
.header_small_menu .Toggle{right:10px;}
.header_small_menu .Toggle.active{left:10px; 
}
.header_small_menu .Toggle.active span{border-bottom:3px #fff solid;}
nav.NavMenu.active .Toggle span{border-bottom:3px solid var(--white);} .Toggle {
display: block;
position: fixed; top:9px;
width: 42px;
height: 42px;
cursor: pointer;
z-index: 10005;
}
.Toggle span {
display: block;
position: absolute;
width: 30px;
border-bottom: solid 3px #000;
-webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out; left: 6px;
}
.Toggle span:nth-child(1) {
top: 9px;
}
.Toggle span:nth-child(2) {
top: 18px;
}
.Toggle span:nth-child(3) {
top: 27px;
} .Toggle.active span:nth-child(1) {
top: 18px;
left: 6px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
} .Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
top: 18px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
nav.NavMenu.active{overflow:scroll;
height:100%;
}
nav.NavMenu.active ul li ul{
transform:none;
opacity:1;
visibility:visible;
display:none;
}
nav.NavMenu.active ul li ul li a{
background:#2A313C;
color:var(--white);
}
nav.NavMenu.active ul li ul li{
border-top:1px solid var(--white);
}
nav.NavMenu.active .sp{display:inline-block;}
.NavMenu .sp img.ewc_icon{
background:none;
width:60px;
}
nav.NavMenu .sp.comment{
display:block;
color:#aaa;
font-size:8px;
margin:4px 0 0;
}
.NavMenu .sp > img{background:var(--white);
width:30px;
margin-right:5px;
object-fit:contain;
border-radius:15px;}
.nav_wrap{position:absolute;
left:20px;
top:20px;}
.NavMenu ul li:hover > ul li a{
background:#2A313C;
color:#2A313C;
}
.NavMenu ul li:hover > ul li a:hover{
background:#2A313C;
color:#fff!important;
}
.header_small_menu li a:hover{
color:#fff!important;
background:#2A313C!important;
}
}
.NavMenu ul li ul{
visibility: hidden;
opacity: 0;
transition: .2s ease-in-out;
transform: translateY(10px);
position: absolute;
margin:0;
}
.NavMenu ul li:hover > ul{
visibility: visible;
opacity: 1;
transform: translateY(0);
display:block;
z-index:10000;
}
.NavMenu ul li:hover > ul li a{
background:#2A313C;
color:#fff!important;
display:block;}
.NavMenu ul li:hover > ul li a:hover{
background:var(--red);
color:#fff!important;
}
.header_small_menu li a {
padding: 8px 12px!important;
display:block;
line-height: 23px;
}
.header_small_menu li a:hover{
color:var(--white);
background:var(--red);
}
.header_small_menu li{
display:block;
padding:0!important;
}
.header_small_menu ul{
display:flex;
}
.header_small_menu #description{
display:none;
}
.NavMenu{
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
padding:0px!important;
}
.header_small_menu{padding:0!important;
border-bottom:3px solid var(--red);}
.header_small_menu_right{float:none;}
.header_small_menu a:before{content:none!important;}
#sale_header a{display:block;}
#sale_header a img{margin:0 auto;}
.textwidget img.sp,.sp{display:none;}
.textwidget img.pc,.pc{display:block;}
.content img{
max-width:800px;}
.wp-caption{
max-width:820px!important;
}
.content .wp-caption img{
width:100%;
}
.content .thumb-list img{
max-width:100%;
}
@media screen and (max-width:1390px){
.content img{
max-width:100%;
}
.wp-caption{
max-width:100%!important;
}
}
@media screen and (max-width:959px){
.textwidget img.sp,.sp{display:block;}
.textwidget img.pc,.pc{display:none;}
}
.top_more_btn:hover,.new_list_more_btn:hover{
background:var(--white);
color:#000;
}
.weekly_ranking ul{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin:0;
}
.weekly_ranking ul li{
width:calc(50% - 5px);
padding: 10px;
border: 1px solid #ccc;
margin: 0 0 10px;
position:relative;
}
.weekly_ranking ul li::before{
content: "";
top: 0;
left: 0;
border-bottom: 2em solid transparent;
border-left: 2em solid #666;
position: absolute;
z-index: 100;
}
.weekly_ranking ul li:nth-child(1)::before{border-left:2em solid #ffb436;}
.weekly_ranking ul li:nth-child(2)::before{border-left:2em solid #b3b3b3;}
.weekly_ranking ul li:nth-child(3)::before{border-left:2em solid #ad4400;}
.weekly_ranking ul li::after{
position:absolute;
top:0;
left:4px;
z-index:101;
color:var(--white);
text-align:center;
}
.weekly_ranking ul li:nth-child(1)::after{content:"1";}
.weekly_ranking ul li:nth-child(2)::after{content:"2";}
.weekly_ranking ul li:nth-child(3)::after{content:"3";}
.weekly_ranking ul li:nth-child(4)::after{content:"4";}
.weekly_ranking ul li:nth-child(5)::after{content:"5";}
.weekly_ranking ul li .date{
display:block;
}
.tabs{
margin:0;
}
.wpp-list li:before{
font-size:14px;
}
.wpp-list li:nth-child(1):before {
content: "1";
background: #e6c31e;
width: 20px;
display: block;
text-align: center;
position: absolute;
color:#000;
z-index:1;
}
.wpp-list li:nth-child(2):before {
content: "2";
background: #d2d2d2;
width: 20px;
display: block;
text-align: center;
position: absolute;
color:#000;
z-index:1;
}
.wpp-list li:nth-child(3):before {
content: "3";
background:#9c2a2a;
width: 20px;
color:var(--white);
display: block;
text-align: center;
position: absolute;
z-index:1;
}
.wpp-list li:nth-child(4):before{content:"4";}
.wpp-list li:nth-child(5):before{content:"5";}
.wpp-list li:nth-child(6):before{content:"6";}
.wpp-list li:nth-child(7):before{content:"7";}
.wpp-list li:nth-child(8):before{content:"8";}
.wpp-list li:nth-child(9):before{content:"9";}
.wpp-list li:nth-child(10):before{content:"10";}
.wpp-list li:nth-child(n + 4):before{
background:#000;
width: 20px;
color:var(--white);
display: block;
text-align: center;
position: absolute;
z-index:1;
}
.single_item_area ul{
display:flex;
justify-content: space-between;
flex-wrap: wrap;
padding:0;
}
.single_item_area ul li{
width:calc(100% / 2 - 10px);
border: 1px solid #eee;
border-radius: 5px;
margin:0 0 10px;
position:relative;
min-height:100px;
list-style:none;
}
.single_item_area ul li a{
display:flex;
padding: 10px;
flex-wrap:wrap;
font-weight:bold;
}
.single_item_area ul li a .item_price{
color:var(--red);
}
.single_item_area .item_img{
width:100px;
height:100px;
object-fit:contain;}
.single_item_area .text{margin:0 0 0 5px;
width:calc(100% - 105px);}
.single_item_area .end_of_sale{position:absolute;
text-align:center;
width:100%;
top:calc(50% - 12px);
}
.sticky-post-box .post-cat {
background: #777;
font-weight: bold;
} #execphp-32{
margin:30px auto;
}
#execphp-32 a{
display:block;
width:100%;
max-width:max-content;
margin:0 auto;
}
#execphp-32 a img{
margin:0;
}
@media screen and (max-width:959px){
.top_list li{width:calc(100% / 2 - 5px);
margin:0;}
.top_list li:last-child{margin:0 0 0 10px;}
.top_list li:first-child{width:100%;
margin:0 0 10px;}
.top_list li:first-child img{width:80%;
max-width:400px;}
.weekly_ranking{
overflow:scroll;
width:100%;
}
.weekly_ranking ul{
display: flex;
width: max-content;
}
.weekly_ranking ul li{
width:320px;
margin:10px 0 10px 10px;
}
.weekly_ranking ul li:first-child{
margin:10px 0 10px 0;
}
.single_item_area ul li{width:100%;}
}
.execphpwidget{overflow:hidden;}
.widget .yotu-videos ul{margin:0;
display:flex;
justify-content:space-around;}
@media screen and (max-width:959px){
.top_list li a{font-size:14.4px;}
#scrollnav {
display: block;
}
.menu_desc {display:none;}
}
.home #main-wrap{
margin:10px auto 0;
} .sticky-post-wrap {
margin: 0 auto 30px;
}
.sticky-post-box {
position: relative;
margin: 10px auto;
}
.sticky-post-box .newlabel::before {
content: "";
top: 0;
left: 0;
border-bottom: 4em solid transparent;
border-left: 4em solid #f66;
position: absolute;
}
.sticky-post-box .newlabel span {
white-space: nowrap;
display: block;
top: 8px;
transform: rotate(-45deg);
left: 2px;
position: absolute;
z-index: 101;
background: 0 0;
}
.sticky-post-box .post-cat {
background: #777;
font-weight: bold;
}
.sticky-post-box a:hover {
color: #335;
}
.sticky-post-box .post-cat .JS_Click_TransitionToPage {
background: #777;
padding: 2px 0;
font-size: 11px;
border-radius: 2px;
display: inline-block;
margin-right: 5px;
vertical-align: middle;
font-weight: bold;
}
.single-adsense{
margin:30px auto 10px;
}
@media screen and (max-width:959px){
.page-moto-hack .mh_post_group {
padding: 10px;
}
.sticky-post-box .post-tag .tag {
margin-bottom: 4px;
}
.page-moto-hack #main {
margin: 0 auto 20px !important;
}
.page-moto-hack .result_top {
margin: 50px 0 10px;
}
.page-moto-hack .result_top:first-child {
margin: 10px 0;
}
.page-moto-hack .top_lead {
padding: 0 10px;
}
.page-moto-hack .post-title {
line-height: 1.4;
}
.page-moto-hack .post-box-contents .post-meta-all {
padding: 0 10px 10px !important;
}
.page-moto-hack .post-box-contents.clearfix {
margin-bottom: 10px;
}
}
#logo h1{
font-size:unset;
margin:0;
}
@media screen and (min-width:1201px){
.header_small_menu .header_small_content{
width:100%;
}
#main-wrap, .header-wrap .header-logo, .header_small_content, .bigfooter_wrap, .footer_content, .containerwidget {
max-width: 1500px;
}
} p.form-submit{
margin:20px 0;
text-align:left;
}
p.form-submit input{
display:block;
margin:0 0 5px auto;
-webkit-appearance: none;
border-radius: 3;
background:var(--link);
}
p.form-submit input:hover{
background:var(--link);
opacity:.7;
}
p.form-submit::after{
white-space:break-spaces;
display:block;
content:"\203B\30B3\30E1\30F3\30C8\5185\306BURL2\3064\4EE5\4E0A\542B\307E\308C\308B\5834\5408\3001\627F\8A8D\5F8C\306B\8FFD\52A0\3055\308C\307E\3059\3002\A\203BWebike\304C\4E0D\9069\5207\3060\3068\5224\65AD\3057\305F\5834\5408\3001\6295\7A3F\306E\524A\9664\3084\30B3\30E1\30F3\30C8\306E\5229\7528\505C\6B62\306A\3069\3001\306A\3093\3089\304B\306E\63AA\7F6E\3092\884C\3046\53EF\80FD\6027\304C\3042\308A\307E\3059\3002";
}
.comment-form-comment label:after {
content: "Webike Plus\306e\5404\8a18\4e8b\3078\306e\30b3\30e1\30f3\30c8\306b\306fWebike ID\3067\306e\30ed\30b0\30a4\30f3\304c\5fc5\8981\3067\3059\3002";
margin: 0 0 0 5px;
display: inline-block;
}
div#comment-area .reply a{
display:block;
margin:10px 0 0 auto;
width:max-content;
}
.comment-form-url , .comment-form-email { display:none; }
.article_footer{
padding:0;
}
div#comment-area #respond{
position:relative;
}
div#comment-area #respond .comments_login_check{
position: absolute;
z-index: 1;
background: #33333390;
color: #fff;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
flex-wrap:wrap;
}
div#comment-area #respond .comments_login_check p{
width:90%;
max-width:400px;
margin:auto;
}
div#comment-area #respond .comments_login_check .comments_login_btn{
width: 90%;
max-width: 300px;
margin: 30px auto 0;
text-align: center;
color: #fff;
background: #ff6600;
display: block;
padding: 10px;
font-weight: bold;
border-radius: 10px;
border: 1px solid #ff6600;
font-size: 18px;
}
div#comment-area #respond .comments_login_check .comments_login_btn:hover{
background:#fff;
color:#ff6600;
}
.comment_id{
display:none;
} .post-box-contents .newlabel span{
font-weight:bold;
}
.post-cat a{
display:block;
padding:3px 5px 0;
}
.post-cat a:hover {
color:var(--white);
}
.grid_post-box .post-tag a:hover {
color: #000;
}
#main-wrap h2,#main .wrap-post-title {
padding: 10px 20px;
font-size: 22px;
background: #2a313c;
border-left: 6px solid var(--red);
color:var(--white);
}
#single-main .content h4::after {
content:none;
}
#main-wrap .content h3 {
border-bottom: 1px dotted var(--red);
border-radius: 0;
padding: 2px 6px;
font-size: 20px;
border-left: 6px solid var(--red);
}
span.post-page-numbers.current {
background: none;
}
.author_date_inner{
display: flex;
align-items: center;
justify-content: space-between;
width:100%;
position:absolute;
bottom:28px;
flex-wrap:wrap;
left:0;
}
.post-box .post-title {
font-size: 18px;
}
.post-box .post-tag a {
font-size: 12px;
background: var(--white);
border: 1px solid #000;
color: #000;
border-radius: 3px;
margin: 0 0 0 3px;
}
.post-box .post-tag a:hover{
opacity:.7;
}
.bxslider .tag_category_list .tag a:before, .grid_post-box .post-tag a:before, .post-box .post-tag a:before, .grid_post-box .top-slider-tag a:before, .bxslider .tag_category_list .tag a:before {
content: "\f02b";
margin-right: 5px;
color: #000;
font-family: fontAwesome;
}
#main-wrap #breadcrumb {
padding: 0;
background:#efefef;
box-shadow: none;
}
.wrap-grid-post-box .grid_post_thumbnail .post-cat,.category_swiper_inner .post-cat,.grid_post-box .post-cat,.top_slider_inner .thumbnail .post-cat{
top: 0;
right:0;
position:absolute;
background:var(--navy);
color: var(--white);
display: block;
height: max-content;
margin: 0;
font-size: 14px;
border-radius: 0;
z-index:1;
}
.grid_post-box .post-tag a,.bxslider .tag_category_list .tag a {
font-size: 14px;
background:var(--white);
border:1px solid #000;
color:#000;
border-radius:3px;
margin:0 0 5px 3px;
}
.grid_post-box .post-tag a:hover,.bxslider .tag_category_list .tag a:hover{
opacity:.7;
}
.post-box .post-substr {
font-size: 14px;
height: 3.2em;
-webkit-line-clamp: 2;
}
a.page-numbers:hover {
background: #464646;
}
.widget ul.post-author:first-child>li {
border-bottom: none;
}
.ad_block a{
display:block;
margin:auto;
max-width:max-content;
width:100%;
min-height:242px;
}
.ad_block a:hover img {
opacity: .5;
transition: 0.3s;
} .archive li.post-author-name,.search .post-author-name,.list_style_loop .post-author-name {
font-size: 14px;
max-width:100%;
}
.archive .list_bottom_counter > div {
font-size: 14px;
}
.adsensebox{width:100%;
}
.archive .wrap-post-box.list_style_loop .post-box-contents .post-author {
right: 10px;
bottom: 30px;
}
.grid_post-box .post-date{
left:unset;
bottom:unset;
position:relative;
margin:0 10px 0 0;
}
.grid_post-box .post-author{
right:unset;
bottom:unset;
position:relative;
margin:0 0 0 10px;
}
.grid_post-box:hover .grid_post_thumbnail img, .post-box:hover .post_thumbnail img {
-webkit-transform: none;
transform: none;
}
.grid_post_thumbnail .post_thumbnail_wrap {
position: relative;
overflow: hidden;
padding-top: 74%;
}
#main .grid_post_thumbnail img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
object-fit: cover;
border: 1px solid #ccc;
box-sizing: border-box;
} .post-meta-all .bike_list{
margin:5px 0 0;
max-height:3em;
overflow:hidden;
}
.post-meta-all .bike_list a{
font-size:12px;
display: inline-flex;
align-items: center;
margin: 0 5px 0 0;
}
.post-meta-all .bike_list a img{
width:16px;
margin:0 3px 0 0;
}
.grid_post-box .post-tag-cat-list .post-cat{
position:relative;
}
.grid_post-box .post-tag-cat-list{
padding: 3px 0;
position: relative;
bottom: 0;
background: #ffffff;
display: block;
width: 100%;
max-height: 34px;
transition: .3s;
overflow: hidden;
font-size: 16px;
line-height: 1.5;
}
.grid_post-box:hover .post-box-contents{
transform:unset;
box-shadow:unset;
}
.grid_post-box .post-title a{
color:#000;
display:block;
}
.grid_post-box .post-box-contents{
padding-bottom:66px;
}
.grid_post-box .post-author-name {
font-size: 13px;
max-width: 10em;
}
.category_swiper .list_bottom_counter{
padding:5px;
left:0;
}
.category_swiper .list_bottom_counter .good_count{
margin:0;
}
.category_swiper_inner .grid_post-box .post-author-name, .top_category_list .grid_post-box .post-author-name {
max-width: 14em;
}
.list_bottom_counter{
display:flex;
font-size:14px;
padding: 5px 50px 5px 5px;
bottom:0;
left:0;
width:100%;
position:absolute;
justify-content:flex-end;
}
.list_bottom_counter.share_off{
padding:5px 5px 5px 5px;
}
.share_open_btn {
position: absolute;
bottom: 10px;
font-size: 14px;
right: 2px;
cursor:pointer;
display: flex;
align-items: center;
}
#single-main .share_open_btn{
position:unset;
display:flex;
align-items:center;
}
#single-main .single_good_btn_inner .share_open_btn{
margin: 2px 0 0 10px;
border: 1px solid #ccc;
padding: 3px;
border-radius: 3px;
}
.share_open_btn > img {
width: 14px;
}
.list_bottom_counter img{
width:14px;
filter: invert(50%) sepia(0%) saturate(11%) hue-rotate(143deg) brightness(101%) contrast(93%);
margin:0 5px 0 0;
}
.list_bottom_counter .pv_count,
.list_bottom_counter .comment_count,
.list_bottom_counter .good_count,
.list_bottom_counter .share_open_btn{
display:flex;
align-items:center;
margin:0 10px 0 0;
}
.list_bottom_counter .share_open_btn {
margin:0;
}
.pv_count.middle_color {
color: #ffa30d;
}
.pv_count.high_color,.comment_count.high_color,.good_count.high_color,
#sidebar .widget .ranking_page .wpp-list li a:hover .comment_count.high_color{
color: var(--red);
}
.top_flex_right .pv_count,.top_flex_right .comment_count,.top_flex_right .good_count{
font-size:14px;
display: flex;
align-items: center;
}
.top_flex_right .pv_count img,.top_flex_right .comment_count img,.top_flex_right .good_count img{
width:12px;
margin:0 3px 0 0;
}
.pv_count.low_color img {
filter: invert(50%) sepia(0%) saturate(11%) hue-rotate(143deg) brightness(101%) contrast(93%);
}
.pv_count.middle_color img {
filter: invert(72%) sepia(26%) saturate(6428%) hue-rotate(1deg) brightness(105%) contrast(102%);
}
.pv_count.high_color img,.comment_count.high_color img,.good_count.high_color img {
filter: invert(15%) sepia(95%) saturate(6932%) hue-rotate(358deg) brightness(95%) contrast(112%);
}  #monthly:checked ~ #monthly_content,
#weekly:checked ~ #weekly_content,
#daily:checked ~ #daily_content,
#category_monthly:checked ~ #category_monthly_content,
#category_weekly:checked ~ #category_weekly_content,
#category_daily:checked ~ #category_daily_content
{
display: block;
}
input[name=tab_item],
input[name=category_tab_item]{
display:none;
}
.sidebar_content .tabs{
margin:0;
}
.tabs input:checked+.tab_item {
color: #fff;
background-color: #2a313c;
}
.tab_item {
width: calc(100%/3);
height: 40px;
border-bottom: 3px solid #2a313c;
background-color: #d9d9d9;
line-height: 40px;
font-size: 14px;
text-align: center;
color: #565656;
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all .2s ease;
}
.sidebar_content #ctf .ctf-header {
border-bottom: 4px solid #efefef;
}
.tab_content{
display: none;
padding: 1em;
clear: both;
overflow: hidden;
}
.sidebar_content .tab_content .wpp-list li:last-child {
border: none;
}
.sidebar_content .tabs input:checked+.tab_item:hover {
opacity: 1;
}
.sidebar_content .tab_item:hover {
cursor: pointer;
}
.ranking_page .wpp-list p {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 14px;
line-height: 1.4;
}
.ranking_page .wpp-list a > img {
width: 93px;
height: 70px;
object-fit: cover;
float: left;
margin-right: 5px;
}
.ranking_page .wpp-list li a:hover > img {
opacity: 0.5;
transition: 0.3s;
}
#sidebar .widget .ranking_page .wpp-list li a:hover .comment_count {
color: #000;
}
.ranking_page .wpp-list .comment_count {
display: flex;
align-items: center;
}
.ranking_page .wpp-list .comment_count img {
width: 12px;
margin: 0 4px 0 0;
}
@media screen and (max-width:599px){
.grid_post-box .post-tag{display:inline;}
.post-box-contents.clearfix{padding:5px 5px 26px;}
.grid_post_thumbnail{
margin:0 0 35px;
}
#main .swiper-slide{
width:inherit!important;
}
.post-box{
display:inline-block;
margin:0;
}
.post-box .post-cat{
position:relative;
width:100%;
}
}
.swiper-slide .thumbnail{
overflow:hidden;
}
.swiper-slide .thumbnail img{
width:100%;
transition:.4s;
}
.swiper-slide.clickable.swiper-slide-visible.swiper-slide-active:hover .thumbnail img {
opacity: 0.5;
}
.swiper-slide .tag_category_list,
.top_flex_right .tag_category_list{
display: flex;
flex-wrap: wrap;
height: 24px;
overflow: hidden;
margin: 0 auto 10px;
}
.tag_category_list li {
height: 22px;
}
.swiper-slide .bike_list,
.top_flex_right .bike_list {
height: 20px;
overflow: hidden;
}
.swiper-slide .tag_category_list .tag,
.swiper-slide .tag_category_list .category,
.top_flex_right .tag_category_list .tag,
.top_flex_right .tag_category_list .category{
margin:0 3px 3px 0;
}
.swiper-slide .tag_category_list .category a,
.swiper-slide .tag_category_list .category a:visited,
.top_flex_right .tag_category_list .category a,
.top_flex_right .tag_category_list .category a:visited{
color: var(--white);
background: #777;
padding: 2px 5px;
position: relative;
z-index: 1;
font-size: 12px;
border-radius: 2px;
display: inline-block;
vertical-align: middle;
}
.swiper-slide .tag_category_list .tag a,
.swiper-slide .tag_category_list .tag a:visited,
.top_flex_right .tag_category_list .tag a,
.top_flex_right .tag_category_list .tag a:visited{
color: #000;
background:#eee;
padding: 2px 5px;
position: relative;
z-index: 1;
font-size: 12px;
border-radius: 2px;
display: inline-block;
vertical-align: middle;
}
.swiper-slide .text_area{
padding:10px;
}
.swiper-slide > a{
display:block;
position:relative;
}
.swiper-slide .post-author-name a {
display: inline;
}
.swiper-slide .post-title a{
font-size:20px;
font-weight:bold;
}
.slide_bottom_area{
display:flex;
align-items: center;
width: calc(100% - 90px);
position:absolute;
bottom:9px;
}
.slide_bottom_area .pv_count{
margin:0 10px 0 0;
display:flex;
align-items:center;
font-size:14px;
}
.slide_bottom_area .comment_count{
margin:0 10px 0 0;
display:flex;
align-items:center;
font-size:14px;
}
.slide_bottom_area .good_count{
margin:0 10px 0 0;
display:flex;
align-items:center;
font-size:14px;
}
.slide_bottom_area .pv_count img,
.slide_bottom_area .comment_count img,
.slide_bottom_area .good_count img{
margin:0 3px 0 0;
}
.slide_bottom_area .post-date{
font-size:12px;
}
.top_flex_right_bottom_area .post-date {
font-size: 12px;
width: 100%;
}
.slide_bottom_area .post-author{
margin:0 auto 0 0;
width: 100%;
}
.swiper .slide_bottom_area .post-author img {
width: 24px;
}
.top_flex_right .post-author {
margin: 0 auto 0 0;
display: flex;
align-items: center;
}
#main-wrap .grid_post-box .post-author {
display: flex;
align-items:center;
margin: 0 0 4px 10px;
}
.post-author-thum img {
width: 20px;
}
.wrap-grid-post-box .author_date_inner {
flex-wrap: wrap;
margin:0 auto 4px;
}
.grid_post-box .post-date {
display: block;
margin:0 5px 0 10px;
}
.wrap-grid-post-box article.grid_post-box {
margin: 8px;
width: calc(100% / 4 - 16px);
background:var(--white);
}
.widget .authors{
display: flex;
flex-wrap: wrap;
justify-content:flex-start;
}
.widget .authors .author-profile{
width: 20%;
text-align: center;
margin: 2.5%;
word-break: break-all;
font-size: 12px;
}
.widget .authors .author-profile img {
border-radius: 50%;
max-width: 60px;
}
.ytc_link a{
display: block;
background: var(--link);
width: 90%;
margin: 20px auto 10px;
max-width: 300px;
text-align: center;
border-radius: 23px;
padding: 10px 4px;
color: var(--white);
border: 1px solid var(--link);
}
.ytc_link a:hover{
background:var(--white);
color:var(--link);
}
.ytc_video_container{
margin:0 0 10px;
}
.grid_post-box .post-title {
font-size:16px;
}
.count_list_block {
display: flex;
width: 100%;
justify-content: end;
}
.top_flex_right > ul > li:hover .thumbnail img {
opacity: 0.5;
} .top_category_menu{
width:100%;
margin:0;
background:#efefef;
}
.top_category_menu ul{
display:flex;
justify-content:center;
margin:auto;
}
.top_category_menu ul li a{
display:block;
background:#efefef;
font-size:16px;
padding:10px 15px;
font-weight:bold;
}
.top_category_menu ul li a:hover{
background:#666;
color:var(--white);
}
.top_category_menu ul li.current-menu-item a{
background:#666;
color:var(--white);
} .top_pickup_keyword .pickup_keyword_tags{
overflow: hidden;
}
.top_pickup_keyword .heightmorebtn{
text-align: center;
}
.top_pickup_keyword .heightmorebtn a {
color: #000;
}
.pickup_keyword{
background:var(--white);
padding:10px;
margin:20px 0;
}
.pickup_keyword .pickup_title{
color:#000;
text-align:center;
font-size:22px;
font-weight:bold;
}
.pickup_keyword_tags{
display:flex;
flex-wrap:wrap;
justify-content: center;
margin:10px 0;
}
.widget.widget_text .pickup_keyword_tags li{
margin:0 5px 5px 0;
border:none;
}
.widget.widget_text .pickup_keyword_tags li a{
font-size: 12px;
background: var(--white);
border: 1px solid #000;
color: #000;
border-radius: 3px;
margin: 0 0 5px 3px;	
display: inline-block;
vertical-align: middle;
padding: 2px 8px;
border-radius: 2px;
}
.widget .widget_sns_list a{
display: flex;
align-items: center;
justify-content: center;
width: 90%;
max-width: 200px;
border: #000 1px solid;
border-radius: 30px;
margin: 0 auto 10px;
padding: 5px;
color:#000;
}
#sidebar .widget .widget_sns_list a:hover{
opacity:.7;
color:#000;
}
#sidebar .widget .widget_sns_list a img{
width:30px;
height:30px;
margin:0 5px 0 0;
object-fit:contain;
}
#sidebar .widget.widget_text .pickup_keyword_tags li a:hover {
opacity:.7;
color:#000;
}
.pickup_keyword_tags li a:before {
content: "\f02b";
margin-right: 5px;
color: #000;
font-family: fontAwesome;
}
.clickable{
cursor:pointer;
}
#main-wrap .catpage_tag {
width: 100%;
padding: 0;
margin: 0 auto 20px;
}
#main-wrap .catpage_tag:empty{
display:none;
}
#main-wrap .catpage_tag .tag-list {
display: flex;
background: var(--white);
padding: 20px;
flex-wrap: wrap;
}
#main-wrap .catpage_tag .tag-list li {
margin: 0 6px;
font-size: 14px;
}
#main-wrap .catpage_tag a {
background: var(--white);
border: 1px solid #54A3BC;
padding: 2px 4px;
border-radius: 5px;
} .category_swiper .swiper-slide .post-title a{
font-size:16px;
}
.category_swiper{
overflow:hidden;
margin: 0 auto 40px;
position:relative;
}
.category_swiper.top_swiper{
margin:0 auto;
}
.category_swiper .swiper-slide{
height:auto;
}
.post-tag a {
margin: 0 3px 3px 0;
}
.category_swiper_inner .swiper-button-next, .category_swiper_inner .swiper-button-prev,
.cat_top_swiper_inner .swiper-button-next, .cat_top_swiper_inner .swiper-button-prev{
position: absolute;
z-index: 10;
cursor: pointer;
width: 32px;
height: 32px;
background-size: auto;
margin-top: -24px;
}
.category_swiper_inner .swiper-button-next, .category_swiper_inner .swiper-button-prev{
top: calc((100% - 129px) / 2 + 16px);
}
.cat_top_swiper_inner .swiper-button-next, .cat_top_swiper_inner .swiper-button-prev{
top: calc((100% - 167px) / 2 + 16px);
}
.category_swiper_inner .swiper-button-prev:after,.category_swiper_inner .swiper-button-next:after,
.cat_top_swiper_inner .swiper-button-prev:after,.cat_top_swiper_inner .swiper-button-next:after{
display: block;
color: var(--white);
font-size: 30px;
font-family: "fontawesome";
background: rgba(0,0,0,.5);
padding: 4px;
}
.category_swiper_inner .swiper-button-prev,
.cat_top_swiper_inner .swiper-button-prev {
background-image: url(//plus.webike.hk/wp-content/themes/diver/images/controls.png);
background-position: 0px 0;
background-repeat: no-repeat;
}
.category_swiper_inner .swiper-button-next,
.cat_top_swiper_inner .swiper-button-next {
background-image: url(//plus.webike.hk/wp-content/themes/diver/images/controls.png);
background-position: -43px 0;
background-repeat: no-repeat;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
content: none;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
content: none;
}
.category_swiper .grid_post-box .post-box-contents {
box-sizing: border-box;
padding: 4px 4px 66px 4px;
}
.category_swiper_inner .swiper-slide {
height: auto;
}
.category_swiper_inner .grid_post-box {
padding: 8px;
}
.category_swiper .grid_post-box .post-title {
font-size: 16px;
padding:0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
margin: 0 auto 10px;
} .category .swiper-slide .post-title a {
font-size: 16px;
} .wpp-list .wpp-post-title{
font-size:14px !important;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-weight:bold;
}
.wpp-list li{
position:relative;
padding: 0 0 15px;
}
.wpp-list .wpp-meta{
position:absolute;
bottom:5px;
right:5px;
}
.wpp-list .wpp-views{
display:flex;
align-items:center;
}
.wpp-list .wpp-views::before{
content: "";
background: url(//plus.webike.hk/wp-content/themes/diver_child/images/pv_icon.svg);
background-size: 16px 16px;
width: 16px;
height: 16px;
margin: 0 3px 0 0;
display: inline-block;
filter: invert(50%) sepia(0%) saturate(11%) hue-rotate(
143deg) brightness(101%) contrast(93%);
} .single .bike_list,.page-id-234158 .bike_list {
margin: 10px 0;
}
.single .bike_list a,.page-id-234158 .bike_list a {
margin: 0 10px 0 0;
font-size: 14px;
display:inline-flex;
align-items:center;
}
.single .bike_list a img,.page-id-234158 .bike_list a img{
margin:0 2px 0 0;
}
.single .count_list_block,.page-id-234158 .count_list_block {
justify-content: flex-start;
width: auto;
align-items:center;
}
.single .count_list_block > div ,.page-id-234158 .count_list_block > div{
margin: 0 10px 0 0;
display: flex;
align-items: center;
}
.single .post-meta-bottom ,.page-id-234158 .post-meta-bottom{
display: flex;
margin-top:5px;
}
.single .count_list_block > div > img ,.page-id-234158 .count_list_block > div > img{
margin: 0 3px 0 0;
width: 14px;
}
.single_brand_area .brand_description {
margin: 10px auto;
padding: 0;
}
.single_brand_area .brand_post_list li a:hover img {
opacity: .5;
transition: 0.3s;
}
.source_author_block {
float: right;
max-width: 140px;
text-align: right;
font-size: 12px;
}
#single-main li.post-author-name {
font-size:14px;
}
#single-main .post-meta .tag{
font-size: 14px;
background: var(--white);
border: 1px solid #000;
color: #000;
border-radius: 3px;
margin: 0 0 5px 3px;
}
#single-main .post-meta .tag:hover{
opacity:.7;
}
#single-main .post-meta .tag a:hover{
color:#000;
}
#single-main .post-meta .tag:before{
color:#000;
}
.hentry .single-post-category, #single-main .post-meta .tag, #single-main .article_footer .tag {
margin: 0 4px 4px 0;
}
.hentry .single-post-category a{
color:#fff;
}
#single-main .single-post-category {
font-size: 14px;
}
#single-main .post-author.author {
margin: 0 0 12px 0;
}
.hentry .post-meta {
padding:20px 0;
}
#main-wrap .crp_related ul {
padding: 0;
}
#main-wrap .crp_related ul li {
list-style: none;
margin: 10px 0;
}
.crp_related figure {
height: 100px;
position: relative;
}
.crp_related .crp_thumb {
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit:cover;';
}
.crp_related .crp_title {
font-size: 14px;
margin: 8px auto 0;
}
#main-wrap .content h3.sc_heading.solid.orange {
border-left: none;
border-bottom: none;
} .single_brand_area >ul >li{
border:1px solid #ccc;
padding:10px;
margin:0 0 20px;
list-style:none;
display:flex;
}
.single_brand_area .brand_flex_inner{
width:160px;
text-align:center;
margin:0;
padding:10px;
background:#efefef;
margin:0 10px 0 0;
}
.single_brand_area .brand_flex_inner .brand_img{
width:140px;
height:140px;
min-width:140px;
margin:0;
}
.single_brand_area .brand_flex_inner h4{
margin:0;
padding:0;
font-size:16px;
}
.single_brand_area .brand_flex_inner .br_shopping_link{
border: 1px solid var(--navy);
padding: 3px 20px;
border-radius: 20px;
margin: 10px auto 0;
display: block;
max-width: max-content;
color:var(--white);
background:var(--navy);
}
.single_brand_area .brand_flex_inner .br_shopping_link:hover {
background: var(--white);
color: var(--navy);
}
.single_brand_area .single_sub_title{
margin: 5px 0 5px;
padding: 0 0 5px;
font-weight: bold;
border-bottom: 1px solid #ccc;
}
.single_brand_area .brand_post_list{
margin:0 0 10px;
display:flex;
flex-wrap:wrap;
}
.single_brand_area .brand_post_list li{
width:calc(100% / 2 - 5px);
margin:0 10px 10px 0;
list-style:none;
}
.single_brand_area .brand_post_list li:nth-child(2n){
margin:0 0 10px;
}
.single_brand_area .brand_post_list li:nth-last-child(1),
.single_brand_area .brand_post_list li:nth-last-child(2){
margin-bottom:0;
}
.single_brand_area .brand_post_list_inner{
width:calc(100% - 170px);
position:relative;
padding:0 0 30px;
}
.single_brand_area .brand_post_list_inner .brand_post_link{
display: block;
width: max-content;
max-width: 100%;
margin: 0 0 0 auto;
position:absolute;
bottom:0;
right:0;
}
.single_brand_area .brand_post_list li a{
display:flex;
}
.single_brand_area .brand_post_list .brand_post_list_title{
font-size:14px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
max-height:6em;
overflow: hidden;
width:calc(100% - 135px);
}
.single_brand_area .brand_post_list li a img{
margin:0 5px 0 0;
width:130px;
}
.single_brand_area ul {
padding: 0;
}
@media screen and (max-width:1120px){
.single_brand_area >ul >li{
flex-wrap:wrap;
}
.single_brand_area .brand_flex_inner{
width:100%;
background:var(--white);
}
.single_brand_area .brand_post_list_inner{
width:100%;
}
.single_brand_area .single_sub_title{
margin:30px 0 10px;
}
.single_brand_area .brand_flex_inner > div {
display: block;
text-align: center;
}
.single_brand_area .brand_flex_inner .textarea {
margin:0 0 0 10px;
max-width:140px;
}
.single_brand_area .brand_flex_inner .textarea .brand_description {
text-align: left;
}
.single_brand_area .brand_flex_inner {
flex-wrap:wrap;
display:flex;
align-items:center;
justify-content:center;
margin:0;
}
.brand_post_list_title {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 13px;
color: #335;
}
}
@media screen and (max-width:768px){
.single_brand_area .brand_post_list li a{
display:block;
}
.single_brand_area .brand_post_list li a img{
width:auto;
margin:0;
}
.single_brand_area .brand_post_list .brand_post_list_title{
width:auto;
max-width:300px;
margin:10px auto 0;
}
} .single_good_btn_inner{
display: flex;
align-items: center;
justify-content: end;
padding: 10px;
}
.single_good_btn_inner p{
margin:0 5px 0 0;
}
#main .grid_post-box:hover .grid_post_thumbnail img {
transform: translate(-50%,-50%);
}
#custom_html-9{
padding:0;
}
#custom_html-9 .widgettitle{
margin:0;
}
.source_list{
display:flex;
flex-wrap:wrap;
}
.source_list .author-profile {
width: 50%;
border-bottom:1px solid #efefef;
}
.source_list .author-profile:nth-child(odd){
border-right:1px solid #efefef;
}
.source_list .author-profile a{
display:flex;
padding:10px;
align-items:center;
line-height: 1.2;
}
.source_list .author-profile .author-link{
width: calc(100% - 55px);
margin: 0 0 0 auto;
font-size:12px;
}
.source_list .author-profile img {
width: 50px;
overflow: hidden;
border-radius: 25px;
border: 1px solid #efefef;
} .header_sns_link .social_link{
display:flex;
margin:0 10px 0 0;
justify-content:space-between;}
.header_sns_link .social_link a{
display:block;
width:22px;
height:22px;
transition:0s;
margin:0 0 0 10px;
}
.header_sns_link .social_link a svg{
fill:#333;
}
.header_sns_link .social_link a:hover svg{
fill:#666;
}
.header_sns_link.-sp .social_link {
width: auto;
}
.header_sns_link.-sp .social_link a {
width: 28px;
height: 28px;
margin: 0 8px 0 0;
}
.header_sns_link.-sp .social_link a svg{
fill:#333;
}
li.post-author-name {
line-height:1.4;
} .error404 .searchform {
margin: 0 auto 30px;
}
#search-4{
background:var(--white);
padding:10px;
margin:0;
}
@media screen and (max-width:959px){
#main .swiper {
width: 100%;
max-width: 100%;
border-bottom: 1px solid #eee;
}
#header #scroll-menu {
margin: 0 auto 10px;
border-bottom: 3px solid #dfdfdf;
width: max-content;
}
#scrollnav {
margin:10px 0 10px;
}
#scrollnav ul li {
margin: 0 1px;
}
#scrollnav ul li a {
font-size: 14px;
}
#header #scrollnav ul li a {
border-radius: 5px 5px 0 0;
opacity: 1;
border-top: 2px solid #dfdfdf;
border-left: 2px solid #dfdfdf;
border-right: 2px solid #dfdfdf;
background: #EFEFEF;
}
#header #scrollnav ul li.current-menu-item a {
background: #666666;
color: #ECECEC;
}
.top_flex_right {
width: 100%;
}
.top_flex_right_bottom_area .post-date {
width: auto;
}
.top_flex_right_bottom_area .good_count {
margin: 0;
}
.grid_post_thumbnail .post_thumbnail_wrap {
padding-top:74%;
}
.grid_post_thumbnail{height:200px;}
.top_category_menu {
display:none;
}
.grid_post_thumbnail .post-cat {
top: 0;
bottom: auto;
margin-right: 0px;
}
.category .swiper-slide .post-title {
max-height: none;
}
.category_swiper .list_bottom_counter {
padding: 5px;
}
li.post-author-name {
display:inline-block;
}
.top_flex_right li .thumbnail {
width: 110px;
}
#main .top_flex_right .text_area {
width: calc(100% - 110px);
padding: 0 0 20px 10px;
}
#main-wrap .grid_post-box {
padding: 0;
}
#main-wrap .grid_post-box .post-box-contents.clearfix{
padding:0 0 40px;
}
.top-slider-cat {
position: relative;
display: inline-block;
}
.top-slider-tag {
position: relative;
display:inline-block;
}
.grid_post-box .top-slider-cat{
margin:0 3px;
}
.grid_post-box .top-slider-cat a {
padding: 0 4px;
font-size: 14px;
border-radius: 2px;
display: inline-block;
vertical-align: middle;
color: var(--white);
background:#000;
}
.grid_post-box .top-slider-tag a {
background: #eee;
color: #335;
margin: 0 6px 0 0;
font-size: 14px;
display: inline-block;
padding: 0 4px;
}
#main-wrap .grid_post-box {
border: 1px solid #ddd;
margin: 0 auto 10px;
background:var(--white);
}
.hentry .post-meta {
padding: 10px;
}
.rank_title, .content .rank_title {
font-size:20px;
}
.navigation a {
font-size:13px;
}
#main-wrap #breadcrumb {
padding:0 10px;
}
#main-wrap h2 {
font-size:18px;
}
#main-wrap .content h3 {
font-size:18px;
} .error404 .notfofund_text {
text-align: left;
}
.error404 .searchform {
margin: 0 20px 30px;
}
}
@media screen and (min-width:960px){
#logo img{
height:65px;
}
.top_flex_right .text_area {
padding: 10px;
}
#main .post_thumbnail {
height: 205px;
}
.top_flex_right > ul > li{
min-height:160px;	
}
.header_sns_link.-sp .social_link {
display:none;
}
a.next.page-numbers:before {
font-family: fontAwesome;
content: "\f105";
}
a.prev.page-numbers:before {
font-family: fontAwesome;
content: "\f104";
}
} .share_inner {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 600px;
width:calc(100% - 20px);
height: 300px;
background-color: #000;
border-radius: 5px;
z-index: 1001;
padding: 20px;
cursor:auto;
}
.share_inner a,.share_inner p{
color:var(--white);
}
.share_inner .share_title{
font-size:14px;
text-align:center;
margin:0 0 10px;
}
.share_inner .share_inner_top{
display:flex;
margin:0 0 20px;
padding:0 0 10px;
border-bottom:1px solid #ccc;
}
.share_inner .share_inner_top img{
max-width:180px;
min-width:120px;
width:30%;
margin:0 10px 0 0;
object-fit: contain;
object-position: top;
}
.share_inner .share_inner_bottom{
display:flex;
font-size:11px;
}
.copy_clear{
display: none;
position: absolute;
bottom: 50px;
width: 25%;
left: 20px;
}
.share_inner a{
text-align:center;
display:block;
width:25%;
}
.share_inner a img{
width:40px;
display:block;
margin:0 auto 5px;
}
@media screen and (min-width:768px){
.share_inner a img{
width:40px;
}
.share_inner a{
font-size:14px;
}
.share_inner p{
font-size:16px;
}
.share_inner .share_title{
font-size:18px;
}
} .share_overlay {
display: none;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
z-index: 1000;
}
.no_scroll {
overflow: hidden;
} #logo .logo_img_flex{
display:flex;
justify-content:left;
align-items:center;
}
#logo img.logo2{
height:auto;
max-width:300px;
}
.wrap-post-box.list_style_loop .post-box{
margin:0 0 1px;
}
.wrap-post-box.list_style_loop .post-box-contents{
display:flex;
margin: 0 auto 10px;
}
.wrap-post-box.list_style_loop .post-box.text_loop{
margin:0 0 1px;
}
.wrap-post-box.list_style_loop .post-box-contents .post-author{
bottom:26px;
}
.wrap-post-box.list_style_loop .post-box.text_loop .post-title a{
font-size:14px;
min-height:2.5em;
}
.wrap-post-box.list_style_loop .post-box.text_loop .post-meta-all{
width:100%;
}
.wrap-post-box.list_style_loop .post-meta-all{
padding:10px 10px 48px;
width:calc(100% - 280px);
}
.wrap-post-box.list_style_loop .post-title a {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.wrap-post-box .share_open_btn{
bottom:16px;
}
.author .author_title {
border: 1px solid #ddd;
margin: 0 auto 20px;
}
.page_number{
margin:0 0 3px;
text-align:right;
}
.top_category_list{
flex-wrap:wrap;
}
.top_category_list .grid_post-box{
margin: 8px;
width: calc(100% / 3 - 16px);
background:var(--white);
} .category_more_link a {
display: block;
background: var(--link);
width: 80%;
margin: 20px auto 10px;
max-width: 400px;
text-align: center;
border-radius: 5px;
padding: 10px 4px;
color: var(--white);
border:1px solid var(--link);
}
.category_more_link a:hover {
background: none;
color: var(--link);
}
.cat_top_swiper_inner{
width:100%;
overflow:hidden;
margin:30px 0;
position:relative;
padding: 0 0 10px 0;
}
.cat_top_swiper_inner .swiper-slide {
border: 1px solid #ddd;
height: auto;
background:var(--white);
}
.cat_top_swiper_inner .list_bottom_counter{
padding:5px;
}
.pagination{
margin:10px 0 2rem 0;
} .top_slider_inner .slider_wrapper {
position:relative;
overflow:hidden;
width:700px;
}
.top_slider_inner .slider_pager{
width:calc(100% - 700px);
}
.top_slider_inner .slider_pager > li{
position:relative;
height:calc(513.69px / 4);
border-bottom: 1px solid #eee;
}
.top_slider_inner .slider_pager > li:last-child {
border: none;
}
.top_slider_inner .slider_pager > li a {
padding: 10px;
}
@media screen and (max-width:1400px){
.top_slider_inner .slider_wrapper{
width:400px;
}
.top_slider_inner .slider_pager{
width:calc(100% - 400px);
}
.top_slider_inner .slider_pager > li{
height:calc(294.69px / 4);
}
.top_slider_inner .slider_pager > li .bike_list{
display:none;
}
.slider_pager .share_open_btn{
display:none;
}
.top_slider_inner .slider_pager > li > a{
padding:0 5px;
}
}
.top_slider_inner .slider_pager li .slider_title{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow:hidden;
font-weight:bold;
font-size:16px;
line-height: 1.3;
}
.top_slider_inner .slider_pager li .bike_list{
height:21px;
overflow:hidden;
}
.top_slider_inner .slider_pager li .bike_list object{
display:inline-block;
}
.top_slider_inner .slider_pager > li > a{
display:block;
height:100%;
color:#000;
border-left: 6px solid var(--white);
}
.top_slider_inner .slider_pager li .active{
border-left: 6px solid var(--red);
}
.top_slider_inner .thumbnail {
position: relative;
overflow: hidden;
padding-top: 75%;
}
.bxslider .tag_category_list{
position: absolute;
bottom: 0;
display: flex;
background: #ffffff90;
width: 100%;
margin: 0;
padding: 5px;
flex-wrap:wrap;
height:32px;
overflow:hidden;
}
.bxslider .tag_category_list li{
margin:0 3px 10px 0;
}
.bxslider .tag_category_list a{
display:block;
padding: 0 5px;
border-radius:3px;
min-width:max-content;
}
.bxslider .tag_category_list .category a{
background:var(--red);
color:var(--white);
}
.top_slider_inner .post-date{
font-size:12px;
}
.top_slider_inner .thumbnail img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
object-fit: cover;
}
.top_slider_inner .post-author-name {
max-width: calc(100% - 30px);
font-size:13px;
line-height:1.2;
}
.bx-wrapper{
margin:0;
border:none;
box-shadow:none;
background-color: #efefef;
}
.top_slider_inner{
display:flex;
flex-wrap:wrap;
margin:0 0 30px;
background: #efefef;
}
#content_area > article {
padding: 10px;
}
@media screen and (max-width:960px){
#logo {
text-align: left;
padding:0;
}
#logo .logo_img_flex{
display:block;
}
#logo .logo_img_flex img{
margin:0;
}
.header_sns_link.-sp {
display: inline-block;
position: absolute;
top: 13px;
right: 60px;
margin: 0;
}
.header_sns_link.-sp ul li {
border: none;
}
.swiper-slide .text_area{
padding:10px 10px 70px;
} .single .post-meta-bottom,.page-id-234158 .post-meta-bottom{
justify-content: space-between;
width: 100%;
}
#single-main .post-author.author {
float: none;
margin: auto;
display: flex;
width: 100%;
}
#single-main li.post-author-name {
display: inline-block;
line-height: 20px;
}
.single-post-date, .post-meta-bottom span {
font-size: 12px;
}
.single .post-meta-bottom,.page-id-234158 .post-meta-bottom {
display: flex;
margin-top: 10px;
}
.post .motoapi-box1 ul{
padding:0;
}
.wrap-post-box.list_style_loop .post-meta-all {
padding: 4px 6px 55px;
width:70%;
} .post-box .post-date {
font-size:12px;
}
.wrap-post-box.list_style_loop .post-title a {
line-height: 1.3;
}
.wpp-list .wpp-post-title {
line-height:1.3;
}
.grid_post-box .post-date {
font-size: 12px;
}
}
@media screen and (max-width:834px){
.top_category_list .grid_post-box:nth-child(n + 4) .post-box-contents{
padding-bottom:40px;
}
.top_category_list .grid_post-box:nth-child(n + 4) .post-date{
position:absolute;
margin:0;
bottom:25px;
right:5px;
}
} .post p > img {
display: block;
margin: 0 auto;
}
.single-post-main .post_row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.post_row .post_col-2 {
width: calc(100% / 2 - 20px);
}
.post_row .post_col-3 {
width: calc(100% / 3 - 20px);
}
a[data-rel*="lightbox-gallery"] {
display: block;
background: #efefef;
margin-bottom: 10px;
}
.single-post-main .content .well3 {
margin: 20px auto;
padding: 10px;
line-height: 2.0;
border: 1px dashed #cdcdcd;
background: #fcfcfc;
box-shadow: 0 1px 3px 0 rgb(195 195 195 / 30%);
}
.single-post-main .btn_bike_check a {
border-radius: 5px;
border: solid 1px var(--link);
display: block;
padding: 10px;
background: var(--link);
font-weight: bold;
color: var(--white);
text-decoration: none;
width: 80%;
margin: 0 auto;
text-align: center;
max-width: 460px;
}
.single-post-main .btn_bike_check a:hover {
border: 1px solid var(--link);
color: var(--link);
background: var(--white);
}
.button.blue a{
border:var(--link) 1px solid;
background:var(--link);
}
.button.blue a:hover{
background:var(--white);
color:var(--link);
filter:unset;
}
.post_footer_author .post-description{
max-width:100%;
word-break:break-word;
}
.button.frame.red a:hover {
color: var(--white);
}
.top_ad{
display:block;
max-width:max-content;
margin:auto;
width:100%;
}
#execphp-30{margin-inline:auto}
#execphp-30,
.execphpwidget{width:100%;}
@media screen and (max-width:959px){
.post_row .post_col-2,.post_row .post_col-3 {
width:100%;
margin: 0 auto 20px;
}
.single-post-main .description_table th {
display: block;
width: 100%;
}
.single-post-main .description_table td {
width: 100%;
display: block;
}
}
@media screen and (min-width:960px) and ( max-width:1024px) {
.top_category_menu ul li a {
padding:10px;
}
.header_small_menu li a {
padding: 8px 10px!important;
}
} .content .swiper-container.single_media_swiper{
position:relative;
overflow:initial;
}
.content .swiper-container.single_media_swiper .swiper-wrapper_inner{
width:90%;
margin:auto;
overflow:hidden;
max-width:calc(100% - 60px);
}
.content .single_media_swiper img{
margin:0;
}
.content .thumb-list{
flex-wrap:wrap;
display:flex;
justify-content:flex-start;
padding:0;
width:90%;
max-width:calc(100% - 60px);
margin:10px auto;
}
.content .thumb-list li{
width:calc((100% - 70px) / 8);
list-style:none;
margin:0 10px 10px 0;
}
.content .thumb-list li:nth-child(8n){
margin:0 0 10px;
}
@media screen and (max-width:768px){
.content .thumb-list li{
width:calc((100% - 30px) / 4);
list-style:none;
margin:0 10px 10px 0;
}
.content .thumb-list li:nth-child(4n){
margin:0 0 10px;
}
}
.content .thumb-list li a{
height:100%;
border:1px solid #ccc;
display:flex;
align-items:center;
}
.content .thumb-list li.active a{
border:1px solid var(--link);
}
.content .thumb-list li img{
margin:0;
}
.content .single_media_swiper .swiper-slide{
height: auto;
}
.content .single_media_swiper .swiper-slide .box{
height:100%;
border:1px solid #ccc;
background:#fff;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
}
.single-swiper-button-next:before{
content: "\f138";
color: #666;
font-family: fontAwesome;
position:absolute;
right:0;
top:calc(50% - 27px);
z-index:10;
font-size:30px;
}
.single-swiper-button-prev:before{
content: "\f137";
color: #666;
font-family: fontAwesome;
position:absolute;
left:0;
top:calc(50% - 27px);
z-index:10;
font-size:30px;
}
#main-wrap .content .swiper_caption{
z-index: 1;
background: #fff;
padding: 5px;
width: 100%;
display: block;
position: relative;
font-size:14px;
}
#main-wrap .content .gallery_title{
border:none;
display:flex;
align-items:center;
margin:0 0 10px;
}
.gallery_page .single-post-main{
padding:0 40px;
}
.Card-Item-Comment-Text-More,.Card-Item-Comment-Text-Hide{
color:var(--link);
}
.commets-list-inner{
position:relative;
}
.comment-open-btn-inner {
width: 100%;
}
.comment-open-btn {
display: block;
margin: 30px auto;
width: 100%;
max-width: 200px;
padding: 10px;
border: 1px solid #333;
text-align: center;
background: #333;
cursor:pointer;
color:#fff;
}
.comment-open-btn:hover{
opacity:.7;
}
.comment-respond .acf-comment-fields{
display:none;
}
@media screen and (max-width:1200px){
.gallery_page .single-post-main{
padding:0 15px;
}
}
@media screen and (max-width:768px){
.gallery_page .single-post-main{
padding:0 10px;
}
}
.content .gallery_single_back,
.content .gallery_single_back:visited,
.content .gallery_go_link,
.content .gallery_go_link:visited{
display: block;
background: var(--link);
width: 90%;
margin: 20px auto 10px;
max-width: 300px;
text-align: center;
border-radius: 30px;
padding: 10px 4px;
color: var(--white);
border: 1px solid var(--link);
}
.content .gallery_go_text_link,.content .gallery_go_text_link:visited{
background: var(--link);
color: var(--white);
width:max-content;
max-width: 90%;
display: block;
border-radius: 10px;
padding: 10px;
margin: 30px auto;
border: 2px solid var(--link);
}
.content .gallery_go_text_link:hover{
background:var(--white);
color:var(--link);
}
.content .gallery_single_back:hover,
.content .gallery_go_link:hover{
background:var(--white);
color:var(--link);
}
.content .gallery_go_img_link{
display:flex;
gap:calc(30px / 5);
}
.content .gallery_go_img_link img{
width:calc(100% /6 - 5px);
margin:0;
object-fit:contain;
border:1px solid #ccc;
}
.content .gallery_go_img_link:hover img{
opacity:.7;
}
div#comment-area .single_title{
background:#ccc;
}
.commets-list, .trackback-list{
background:#fff;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
.top_banner_area {
width: 90%;
max-width: 1500px;
display: flex;
margin: 10px auto 0;
gap: 12px;
}
.top_banner_area li a:hover{
opacity:.7;
} .content ul.link_img_list {
display: flex;
flex-wrap: wrap;
gap: calc(40px / 3);
margin: 10px 0;
padding: 0;
}
.link_img_list li{
width: calc(100% / 4 - 10px);
list-style: none;
}
.link_img_list .list_img_inner {
position: relative;
overflow: hidden;
padding-top: 80%;
}
.link_img_list .list_img_inner img {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
height: auto;
transform: translate(-50%, -50%);
}
.link_img_list p {
font-size: 14px;
padding: 5px 0;
color: #333;
}
.comment_text_inner{
height:120px;
overflow: hidden;
display:inline-block;
}
.heightmorebtn a{
text-align: center;
display:block;
border:1px solid #333;
padding:3px 0;
border-radius:10px;
margin:auto;
width:90%;
max-width:200px;
color:#333;
font-size:14px;
}
.heightmorebtn a:hover{
opacity:.7;
color:#333;
}
.content .wp-caption-text, .content .gallery-caption{
text-align:left;
}
.post_row img{
width:100%;
}
@media screen and (max-width:1340px){
.wrap-grid-post-box article.grid_post-box{
width:calc(100% / 3 - 16px);
}
}
@media screen and (max-width:1200px){
.top_banner_area{
width:96%;
}
}
@media screen and (max-width:966px){
.top_banner_area_inner{
overflow:scroll;
}
.top_banner_area{
width:1000px;
padding:10px;
}
}
@media screen and (max-width:768px){
.#main-wrap .content .swiper_caption{
font-size:14px;
}
.wrap-grid-post-box article.grid_post-box{
width:calc(100% / 2 - 8px);
}
#single-main .post-meta .tag{
font-size:10px;
}
#single-main .single-post-category {
font-size: 10px;
}
.link_img_list li{
width: calc(100% / 2 - 10px);	
}
}
.w-100{
width:100% !important;
}
.w-20{
width:20% !important;
}
.w-25{
width:25% !important;
}
.w-30{
width:30% !important;
}
.w-35{
width:35% !important;
}
.w-50{
width:50% !important;
}
.w-80{
width:80% !important;
}
.w-85{
width:85% !important;
}
.w-90{
width:90% !important;
}
.m-auto{
margin: auto !important;
}
.w-1500{
width:1500px !important;
}
.d-flex{
display: flex;
}
.justify-content-evenly{
justify-content:space-evenly;
}
.justify-content-center{
justify-content: center;
}
.justify-content-start{
justify-content: start;
}
.text-center{
text-align: center;
}
.text-right{
text-align: right;
}
.d-block{
display: block;
}
.font-size-085rem{
font-size:0.85rem
}
.font-size-05rem{
font-size:0.5rem
}
.font-size-1rem{
font-size:1rem
}
.font-size-12rem{
font-size:1.2rem
}
.color-gray{
color:#a7a7a7;
}
.flex-wrap{
flex-wrap: wrap;
}
.align-item-center{
align-items:center;
}
.bg-black{
background-color: #2a313c !important;
}
.bg-gray{
background-color: #dddddd !important;
}
#footer a:hover{
text-decoration:underline;
}
.font-bold{
font-weight:bold !important;
}
.font-white{
color:white !important;
}
.custom-menu-nav:hover{
background-color: #666;
color:white !important;
}
.p-1rem{
padding: 1rem;
}
.p-025rem{
padding: 0.25rem!important;
}
.pt-1rem{
padding-top: 1rem;
}
.mb-05rem{
margin-bottom: 0.5rem;
}
.fill-red{
fill: #d8281f;
}
.ml-025rem{
margin-left: 0.25rem;
}
.top-nav-bar li.current-menu-item a{
background-color: #666;
color: var(--white);
}
.cat-theme-maintenance{
border-bottom :3px solid #ff8121
}
.cat-theme-parts-gears{
border-bottom :3px solid #00dcff
}
.cat-theme-bikenews{
border-bottom :3px solid #fff321
}
.cat-theme-raceinfo{
border-bottom :3px solid #2048f9
}
.cat-theme-motorcycle{
border-bottom :3px solid #e61e25
}
.cat-theme-touring{
border-bottom :3px solid #42fc19
}
.position-unset{
position: unset;
}
.max-w-100{
max-width: 100% !important;
}
.justify-content-end{
justify-content: end;
}
.pl-0{
padding-left: 0%
}
.pr-0{
padding-right: 0%
}
.m-0{
margin: 0;
}
.bx-viewport{
height: 100%!important;
}
.p-085rem{
padding: 0.85rem!important;
}
.px-085rem{
padding-left: 0.85rem;
padding-right: 0.85rem;
}
.py-085rem{
padding-top: 0.85rem;
padding-bottom: 0.85rem;
}
.py-05rem{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.m-05rem{
margin: 0.5rem;
}
.icon-red{
color: white !important;
background-color: #eb5a5a!important;
}
@media screen and (max-width: 959px){
.list-scroll{
overflow: scroll;
}
.list-scroll ul{
width: 200%;
}
}
.line-clamp-2{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line-clamp-1{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.wpp-list li:after{
display: none !important;
}
.mb-2rem{
margin-bottom: 2rem;
}
.drawer-nav .widget{
padding: 0 !important;
}
.drawer-nav{
background-color: #2A313C!important;
}
.drawer-nav a{
color: #fff!important;
}
.drawer-nav ul li{
border-bottom: 1px solid var(--white)!important;
}
.justify-content-between{
justify-content: space-between;
}
.text-muted{
color:#6c757d !important
}
.bg-red{
background-color: var(--red)!important;
}
.header_small_content .hk-icon{
display: inline-block;
background: transparent url(https://img.webike-cdn.net/jp_statics/gfs/nossl_css/images/header2/icon_header.png) 0 50% no-repeat;
vertical-align: top;
float: left;
height: 18px;
}
.header_small_content .icon-shopping{
background-position: -152px -62px;
width: 25px;
height: 25px;
margin-right: 0;
margin-top: 0px;
}
.header_small_content .icon-news{
width: 25px;
background-position: -150px -49px;
margin-top: 6px;
margin-right: 4px;
}
.header_small_content .icon-magazine{
width: 25px;
background-position: -208px -91px;
margin-top: 6px;
margin-right: 4px;
}
.header_small_content .icon-motoservice{
background-position: -152px -88px;
width: 25px;
height: 24px;
margin-top: 3px;
margin-right: 6px;
}
.header_small_content .icon-motomarket{
background-position: -180px -42px;
width: 25px;
height: 24px;
margin-top: -2px;
margin-right: 6px;
}
.header_small_content .icon-special{
width: 25px;
background-position: -179px -66px;
margin-top: 3px;
margin-right: 0px;
}
.header_small_content .icon-reviewa{
width: 25px;
background-position: -211px -46px;
margin-top: 3px;
margin-right: 0px;
}
.header_small_content .icon-wholesale{
width: 25px;
background-position: -265px -48px;
margin-top: 2px;
margin-right: 4px;
}
.header_small_content .icon-ewc{
width: 25px;
background-position: -235px -86px;
margin-right: 4px;
}
.h-35px{
height: 35px !important;
}
.outsite-head.header_small_menu li a{
font-size: 13px;
padding: 5px 12px!important;
}
.menu-item span{
color: #858585;
}
.drawer-nav li.menu-item:nth-child(4){
background-color: #E61E25;
}
.drawer-nav li.menu-item:nth-child(4) span {
color: #2A313C;
}
#scrollnav{
background-color: #ededed!important;
}
.outsite-footer{
width: 1280px!important;
margin: auto!important;
background: url(https://img.webike-cdn.net/jp_statics/gfs/nossl_css/images/footer/footer_top_bg.png) 50% 0px repeat-x rgb(32, 39, 50)!important;
}
.object-position-center{
object-position: center;
}
@media screen and (max-width: 1400px){
.slide_bottom_area {
display: none;
}
.post-author{
display: none;
}
.top_slider_inner .slider_pager > li .bike_list{
display: none;
}
}