@charset "UTF-8";
/*==========================================
	base
==========================================*/
html,body{
	height: 100%;
}

body{
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: auto;
    font-size: 14px;
	color: #000;
	/*font-family: arial, sans-serif;*/
	font-family: Verdana, Arial, Helvetica, Roboto, sans-serif;
	/*font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
	line-height: 1.6;
	/*font-feature-settings: 'palt' 1;*/
	text-align: right;
}

/*++++++++++++++++++++++++++++
	見出し
++++++++++++++++++++++++++++*/
h1,h2,h3,h4,h5{
	line-height: 1.4;
	font-weight: bold;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, Roboto, sans-serif;
}

/*++++++++++++++++++++++++++++
	p
++++++++++++++++++++++++++++*/
p{
	line-height:1.8;
	text-align: left;
}

/*++++++++++++++++++++++++++++
	.box-sizing
++++++++++++++++++++++++++++*/
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
 }

/*++++++++++++++++++++++++++++
	.link
++++++++++++++++++++++++++++*/
a{
	color: #000;
	text-decoration: none;
}

a:hover{
    opacity: 0.7;
}

/*++++++++++++++++++++++++++++
	img
++++++++++++++++++++++++++++*/
img{
	max-width: 100%;
	height: auto;
}

/*++++++++++++++++++++++++++++
	text-align
++++++++++++++++++++++++++++*/
.align_r{
	text-align: right;
}

.align_c{
	text-align: center;
}

/*++++++++++++++++++++++++++++
	margin
++++++++++++++++++++++++++++*/
.mg_b_16{
	margin-bottom:16px !important;
}

.mg_t_16{
	margin-top:16px !important;
}

.mg_tb_16{
	margin:16px 0 !important;
}

/*++++++++++++++++++++++++++++++++++++++++++

	.wrapper

++++++++++++++++++++++++++++++++++++++++++*/
 .wrapper{
	/*overflow: hidden;*/
	/*background: blue;*/
}

/*++++++++++++++++++++++++++++++++++++++++++

	header

++++++++++++++++++++++++++++++++++++++++++*/
header{
	padding: 8px 0;
}

#tech header{
	background: #000;
}

#bikes header{
	background: #f2f2f2;
}

/*------------------------------------
    header .heading_area
------------------------------------*/
header .heading_area{
    overflow: hidden;
    margin-bottom: 8px;
}

header .heading{
	float: left;
	color: #999;
    font-size: 12px;
    padding-top: 8px;
    width: 600px;
}

/*------------------------------------
    header .operation_area
------------------------------------*/
header .operation_area{
	float: right;
	width: 540px;
}

/*------------------------------------
    header .sub_logo_area
------------------------------------*/
header .sub_logo_area{
	overflow: hidden;
	text-align: center;
}

header .sub_logo_area li{
	width: 38%;
	display: inline-block;
}

header .sub_logo_area li + li{
	margin-left: 4%;
}


/*------------------------------------
    header .h_cont
------------------------------------*/
header .h_cont{
    overflow: hidden;
}

/*------------------------------------
    header .h_cont_l
------------------------------------*/
header .h_cont_l{
    width: 180px;
    float: left;
}

header .h_cont_l img{
    width: 100%;
}

/*------------------------------------
    header .h_cont_r
------------------------------------*/
header .h_cont_r{
	width: 1010px;
    text-align: center;
    float: right;
    overflow: hidden;
}

/*header .advert_area
-------------------------------*/
header .advert_area{
    width: 740px;
    float: left;
}

header .h_banner{
    display: block;
    margin: 0 auto;
    width: 728px;
    height: 90px;
 }

/*header .user_area
-------------------------------*/
header .user_area{
    width: 260px;
    float: right;
}

/*header .googletranslate_area
-------------------------------*/
header .googletranslate_area{
    margin-bottom: 13px;
    overflow: hidden;
}

header .googletranslate_area .language_img{
	width: 136px;
}

header .googletranslate_area li{
    float: left;
    text-align: center;
}

/*header .list_user_nav
-------------------------------*/
header .list_user_nav{
    overflow: hidden;
    float: left;
}

header .list_user_nav li{
    float: left;
    text-align: center;
    border-radius: 4px;
}

header .list_user_nav li + li{
    margin-left: 8px;
}

header .list_user_nav li a,
header .list_user_nav li button{
    display: block;
    font-size: 14px;
    font-weight: bold;
    width: 126px;
    padding: 4px 0;
    color: #fff;
}

header .list_user_nav .free{
    background: #e60012;
}

header .list_user_nav .login{
    background: #1a2e4a;
}

/*------------------------------------
    header nav
------------------------------------*/
header .keyword{
	width: 260px;
	float: right;
}

/*------------------------------------
    header nav
------------------------------------*/
nav{
    border-top: solid 3px #000;
    border-bottom: solid 1px #000;
    margin-bottom: 16px;
}

.g_nav{
    width: 1200px;
    margin: 0 auto;
}

.g_nav > li{
    float: left;
    /*width: 14.2857%;*/
    text-align: center;
    position: relative;
    padding: 14px 0;
}

.g_nav > li + li{
    position: relative;
}

.g_nav > li + li::after{
	position: absolute;
	left: 0;
	top: 20%;
	content: "";
	width: 1px;
	height: 60%;
	background: #999;
}

.g_nav > li > a{
    font-weight: bold;
    display: block;
}

/*
.g_nav > .act{
	position: relative;
}

.g_nav > .act::before{
	position: absolute;
	left: 5%;
	bottom: 0;
	content: "";
	width: 90%;
	height: 3px;
	background: #e60012;
	z-index: 1;
}
*/

/*.g_nav .sub
------------------------------------*/
.g_nav .sub{
	position: absolute;
	left: 0;
	top: 50px;
	background: #fff;
	display: none;
	width: 100%;
	z-index: 9999;
	padding: 8px;
	box-shadow: 0 0 4px #999;
}

.g_nav .sub > li{
	background: #fff;
	text-align: left;
}

.g_nav .sub > li > a{
	display: block;
	font-size: 12px;
	border-bottom: dotted 1px #999;
	padding: 4px 0;
}

.g_nav > li:hover > .sub{
	display: block;
}

/*.g_nav .sub
------------------------------------*/
.g_nav.nav_7 > li{
	width: 171px;
}

/*.g_nav .sub
------------------------------------*/
.g_nav.nav_8 > li{
	width: 150px;
}

/*++++++++++++++++++++++++++++++++++++++++++

	.main

++++++++++++++++++++++++++++++++++++++++++*/
.main{
	margin: 0 auto;
	width: 1200px;
	display:-webkit-flex;
  	display:-ms-flex;
  	display:flex;
  	-webkit-flex-wrap:wrap;
  	-ms-flex-wrap:wrap;
  	flex-wrap:wrap;
}

.main.pos_ad{
	position: relative;
}

.left_ad{
	position: absolute;
	top:0;
	left: -160px;
	border: solid 1px #ddd;
}

.right_ad{
	position: absolute;
	top:0;
	right: -160px;
	border: solid 1px #ddd;
}

/*
.main::before,
.main::after{content: "";display: table;}
.main::after{clear: both;}
.main{*zoom: 1;}
*/

/*++++++++++++++++++++++++++++++++++++++++++

	.inner

++++++++++++++++++++++++++++++++++++++++++*/
.inner{
	width: 1200px;
	margin: 0 auto;
}

/*++++++++++++++++++++++++++++++++++++++++++

	.article

++++++++++++++++++++++++++++++++++++++++++*/
.article{
	/*float: left;*/
	width: 830px;
}

.article_form{
	width: 720px;
	margin: 0 auto;
	text-align: center;
}

/*++++++++++++++++++++++++++++++++++++++++++

	.topicPath

++++++++++++++++++++++++++++++++++++++++++*/
.topicPath{
	display: block;
	text-align: left;
	font-size: 12px;
	margin-bottom: 24px;
	width: 100%;
}

.topicPath li{
	display: inline-block;
	margin-right: 4px;
}

.topicPath li a{
	padding-right: 12px;
	color: #00589d;
	text-decoration: none;
	background: url(../img/pan_arrow.svg) no-repeat;
	background-size: 4px auto;
	background-position: right center;
	text-decoration: underline;
}

/*++++++++++++++++++++++++++++++++++++++++++

	.section

++++++++++++++++++++++++++++++++++++++++++*/
.section{
	margin-bottom: 40px;
}

.section + .section{
	margin-top: 40px
}

/*++++++++++++++++++++++++++++++++++++++++++

	.aside

++++++++++++++++++++++++++++++++++++++++++*/
.aside{
	/*float: right;*/
	width: 336px;
	margin-left: 34px;
}

.aside .section + .section{
	margin-top: 16px;
}

/*==================================
	.ttl_aside
===================================*/
.ttl_aside{
	font-size: 16px;
	text-align: center;
	letter-spacing: 0.1em;
	font-weight: bold;
	padding: 12px;
	background: #1a2e4a;
	color: #fff;
	margin-bottom: 4px;
	border-bottom: solid 2px #999;
}

/*==================================
	.frame.cont_link
===================================*/
.frame.cont_link{
	padding: 24px;
	text-align: center;
	border: solid 2px #d3d3d3;
}

.frame.cont_link .photo img{
	width: 40%;
	margin-bottom: 8px;
}

.frame.cont_link .btn_typeA{
	margin-top: 16px;
	width: 100%;
}

/*大車林
----------------------------------*/
.frame.cont_link .photo_l{
	width: 120px;
	float: left;
	margin-right: 16px;
}

/*==================================
	.frame.login
===================================*/
.frame.userinfo{
	overflow: hidden;
	border: solid 1px #999;
	position: relative;
	text-align: center;
}

.frame.userinfo::after{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12px 12px 0;
	border-color: transparent #999 transparent transparent;
	z-index: 1;
}

.userinfo_area{
	overflow: hidden;
	margin-bottom: 16px;
}

.frame.userinfo .photo_area{
	float: left;
	width: 52px;
}

.frame.userinfo .txt_area{
	float: right;
	width: 232px;
	text-align: left;
}

.frame.userinfo .txt{
	margin-bottom: 6px;
}

.frame.userinfo .sideLoginButton{
	padding: 4px 16px;
	color: #fff;
	font-weight: bold;
	background: #1a2e4a;
	border-radius: 2px;
}

.frame.userinfo .list{
	margin-bottom: 16px;
	overflow: hidden;
	border-top: solid 1px #999;
}

.frame.userinfo .list li{
	text-align: left;
	float: left;
	width: 50%;
	border-bottom: solid 1px #999;
	position: relative;
}

.frame.userinfo .list li::after,
.frame.userinfo .list li::before{
    content: "";
	position: absolute;
	top: 50%;
    margin-top: -4px;
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 4px;
}

.frame.userinfo .list li::after{
	right: 9px;
	border-color: transparent transparent transparent #fff;
}

.frame.userinfo .list li::before{
	right: 7px;
	border-color: transparent transparent transparent #999;
}

.frame.userinfo .list li:nth-child(2n){
	border-left: solid 1px #999;
}

.frame.userinfo .list li a{
	padding: 8px;
	font-size: 12px;
	display: block;
}

.frame.userinfo .favoCar{
	text-align: left;
	margin-bottom: 8px;
}

.frame.userinfo .btn_typeA{
	width: 70%;
}

/*==================================
	.list_category
===================================*/
.list_category li{
    background: #f0f0f0;
    position: relative;
}

.list_category li::after,
.list_category li::before{
    content: "";
	position: absolute;
	top: 50%;
    margin-top: -6px;
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 6px;
}

.list_category li::after{
	right: 14px;
	border-color: transparent transparent transparent #f0f0f0;
}

.list_category li::before{
	right: 12px;
	border-color: transparent transparent transparent #999;
}

.list_category li + li{
    margin-top: 4px;
}

.list_category li a{
    padding: 16px 104px 16px 24px;
    text-align: left;
    font-weight: bold;
    display: block;
    position: relative;
}

.list_category li a::after{
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    background: #ddd;
    top: 0;
    left: 0;
}

.list_category .num{
	position: absolute;
	right: 32px;
	top: 50%;
	margin-top: -8px;
	padding-left: 16px;
	border-left: solid 1px #999;
	line-height: 1;
}

.list_category .txt{
	font-size: 10px;
	position: relative;
	bottom: 0;
}

/*==================================
	.list_ranking
===================================*/
.list_ranking{
	margin-bottom: 16px;
}

.list_ranking .box{
	display: block;
	overflow: hidden;
}

.list_ranking .box + .box{
	margin-top: 8px;
}

/*.txt_area
---------------------------*/
.list_ranking .txt_area{
	float: right;
	width: 222px;
}

/*.ttl
---------------------------*/
.list_ranking .label{
	font-size: 10px;
	font-weight: bold;
	padding: 4px 6px;
	color: #fff;
	display: inline-block;
	margin-bottom: 4px;
	line-height: 1;
}

.list_ranking .txt{
	display: block;
}

/*.photo
---------------------------*/
.list_ranking .photo{
	width: 100px;
	height: 80px;
	background: #000;
	float: left;
	overflow: hidden;
	position: relative;
}

.list_ranking img{
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.list_ranking .rank_icon{
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	left: 0;
	top: 0;
	padding: 0 5px;
	background: #000;
	background: rgba(255,78,0,0.7);
	color: #fff;
	z-index: 1;
}

/*.label
----------------------------------*/
.list_ranking .label{
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	color: #555;
	margin-top: 4px;
	line-height: 1;
}

/*.lock_icon
----------------------------------*/
.list_ranking .lock_icon{
	width: 32px;
	height: 32px;
}

.list_ranking .lock_icon span{
	width: 32px;
	height: 32px;
}

.list_ranking .lock_icon span::before{
	border-width: 0 0 32px 32px;
}

.list_ranking .lock_icon span::after{
	right: 4px;
	bottom: 4px;
	width: 12px;
	height: 12px;
}

/*=========================================
	.ttl_keyword
==========================================*/
.ttl_keyword{
	background: #000;
	color: #fff;
	padding: 8px 16px;
	font-size: 14px;
	position: relative;
	border-left: solid 3px #717171;
}

.ttl_keyword::after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12px 12px 0;
	border-color: transparent #717171 transparent transparent;
}

/*.keyword
----------------------------------*/
.keyword{
	overflow: hidden;
	position: relative;
}

.keyword input[type="text"]{
	width:100%;
	display: block;
	background: #edebeb;
	padding: 8px;
	border: solid 1px #999;
}

.keyword button{
	position: absolute;
	top: 0;
	right:0;
	width:32px;
	height: 100%;
	background: url(../img/search_icon_w.svg) no-repeat #717171;
	background-size: 16px auto;
    background-position: center;
}

/*隣接
----------------------------------*/
.cont_link + .keyword_area{
	margin-top: 16px;
}

/*keyword_area
----------------------------------*/
.keyword_area {
	overflow: hidden;
	margin-bottom: 16px;
}

.keyword_area .keyword_pos{
	float: right;
}

.keyword_pos .keyword{
	width: 200px;
}

/*=========================================
	.list_side_keyword
==========================================*/
.list_side_keyword{
	border-bottom: solid 2px #000;
}

.list_side_keyword .box{
	display: block;
	text-align: left;
	padding: 12px 0;
	position: relative;
}

.list_side_keyword .ttl{
	font-size: 14px;
	margin-bottom: 8px;
	font-weight: bold;
}

.list_side_keyword .txt{
	padding-right: 32px;
}

.list_side_keyword .box::after,
.list_side_keyword .box::before{
    content: "";
	position: absolute;
	top: 50%;
    margin-top: -10px;
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 5px;
}

.list_side_keyword .box::after{
	right: 2px;
	border-color: transparent transparent transparent #fff;
}

.list_side_keyword .box::before{
	right: 0;
	border-color: transparent transparent transparent #999;
}

.list_side_keyword .box + .box{
	border-top: dotted 1px #999;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	.footer

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
footer{
	text-align: center;
	border-top: solid 2px #000;
}

footer .f_menu_area{
	padding: 32px 0;
	background: #333;
}

/*list_sns
----------------------------------*/
footer .list_sns{
	padding: 24px 0 48px 0;
	position: relative;
}

footer .list_sns::after{
	content: "";
	position: absolute;
	bottom: 22px;
	left: 50%;
	margin-left: -16px;
	width: 32px;
	height: 2px;
	background: #999;
}

footer .list_sns li{
    display: inline-block;
    vertical-align: middle;
}


footer .list_sns li:nth-child(1){
	width: 104px;
	margin-right: 16px;
}

footer .list_sns li + li{
	margin-left: 8px;
}

/*.list_sponsor
----------------------------------*/
footer .list_sponsor{
	margin-bottom: 16px;
}

footer .list_sponsor li{
	display: inline-block;
	width: 120px;
}

/*.f_gnav
------------------------------------*/
footer .f_gnav + .f_gnav{
	margin-top: 4px;
}

footer .f_gnav li{
	display: inline-block;
	line-height: 1;
}

footer .f_gnav li + li{
	border-left: solid 1px #f0f0f0;
}

footer .f_gnav a{
	font-size: 12px;
	color: #f0f0f0;
	padding: 0 12px;
	margin-right: -0.3em;
}

footer small{
	font-size: 10px;
	color: #f0f0f0;
	background: #000;
	display: block;
	padding: 12px 0;
}

/*.facebook_btn
------------------------------------*/
.facebook_btn{
	background: url(../img/facebook_icon.svg) #3b5998;
}

/*.twitter_btn
------------------------------------*/
.twitter_btn{
	background: url(../img/twitter_icon.svg) #56acee;
}

.facebook_btn,
.twitter_btn{
	border-radius: 24px;
	width: 48px;
	height: 48px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: auto 24px;
	background-position: center;
}

/*.page_anchor
------------------------------------*/
.page_anchor{
	position: fixed;
	right: 0;
	bottom: 0;
	display: block;
	width: 42px;
	height: 42px;
	background: url(../img/top_arrow.svg) no-repeat #000;
	z-index: 9999;
	background-size: 16px auto;
	background-position: center;
}

/*+++++++++++++++++++++++++++++++++++++++++++

	.swiper-container(スライド)

++++++++++++++++++++++++++++++++++++++++++*/

/*==================================
	.swiper-container-wrap
===================================*/
.swiper-container-wrap{
	position: relative;
}

/*==================================
	.swiper-button-prev
	.swiper-button-next
===================================*/
.swiper-button-prev,
.swiper-button-next{
	width: 32px;
	margin-top: -110px;
	height: 80px;
	background: #000;
	z-index:1;
}

/*.swiper-button-pre
----------------------------------*/
.swiper-button-prev{
	left: -16px;
}

.swiper-button-prev::after,
.swiper-button-prev::before{
    content: "";
	position: absolute;
	top: 50%;
    margin-top: -24px;
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 24px 16px 24px 0;
}

.swiper-button-prev::after{
	left: 9px;
	border-color: transparent #000 transparent transparent;
}

.swiper-button-prev::before{
	left: 8px;
	border-color: transparent #fff transparent transparent;
}

/*.bx-controls .bx-next
----------------------------------*/
.swiper-button-next{
	right: -16px;
}

.swiper-button-next::after,
.swiper-button-next::before{
    content: "";
	position: absolute;
	top: 50%;
    margin-top: -22px;
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 24px 0 24px 16px;
}

.swiper-button-next::after{
	right: 9px;
	border-color: transparent transparent transparent #000;
}

.swiper-button-next::before{
	right: 8px;
	border-color: transparent transparent transparent #fff;
}

/*==================================
	.swiper-container
===================================*/
.swiper-container{
	margin-bottom: 24px;
	position: relative;

}

/*.swiper-slide
----------------------------------*/
.swiper-slide {
	position: relative;
	text-align: left;
	overflow: hidden;
}

/*.slideImg
----------------------------------*/
.swiper-slide .slideImg {
	width: 860px;
	height: 400px;
	overflow: hidden;
	position: relative;
}

/*.lock_icon
----------------------------------*/
.swiper-slide .slideImg .lock_icon{
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 80px;
}

.swiper-slide .slideImg .lock_icon span{
	width: 80px;
	height: 80px;
	display: block;
	position: relative;
}

.swiper-slide .slideImg .lock_icon span::before{
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	display: block;
	border-style: solid;
	border-width: 80px 80px 0 0;
	border-color: rgba(255,78,0,0.7) transparent transparent transparent;
}

.swiper-slide .slideImg .lock_icon span::after{
	position: absolute;
	left: 12px;
	top: 12px;
	content: "";
	width: 24px;
	height: 24px;
	background: url("../img/lock_icon.svg") no-repeat;
	background-position: left top;
	z-index: 1;
}

/*.img
----------------------------------*/
.swiper-slide .slideImg img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
	display: block;
}

/*.txt_area
-------------------------------------------------------------------------------------------*/
.swiper-slide .txt_area {
	/*position: absolute;*/
	left: 0;
	padding: 16px;
	background: rgba(0,0,0,1);
}

/*.ttl
----------------------------------*/
.swiper-slide .txt_area .ttl{
	display: block;
	text-align: left;
	margin-top: 8px;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	border-left: solid 4px rgba(255,255,255,0.5);
	padding-left: 16px;
	margin-bottom: 8px;
}

.swiper-slide .txt_area .ttl a{
	font-size: 22px;
	color: #fff;
}

/*.swiper-pagination
----------------------------------*/
.swiper-pagination{
	position: absolute;
	right: 8px;
	top: 8px;
	z-index: 99999;
}

.swiper-pagination-bullet-active{
	background: #e60012;
}

/*.list_label
----------------------------------*/
.swiper-slide .list_label li,
.swiper-slide .list_label li a{
	color: #fff;
}

/*++++++++++++++++++++++++++++++++++++++++++

	.pager_area

++++++++++++++++++++++++++++++++++++++++++*/
.pager_area{
	border-top: solid 1px #a2a2a2;
	padding-top: 16px;
	margin-top: 16px;
	margin-bottom: 10px;
}

/*next_time
----------------------------------*/
.next_time{
	background: #000;
	padding: 12px 56px 12px 16px;
	position: relative;
	margin-bottom: 16px;
	display: block;
}

.next_time::before,
.next_time::after{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -24px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 24px 0 24px 24px;
}

.next_time::before{
	right: 16px;
	border-color: transparent transparent transparent #999;
}

.next_time::after{
	right: 17px;
	border-color: transparent transparent transparent #000;
}

.next_time p{
	color: #fff;
	text-align: left;
	font-weight: bold;
}

.next_time p:nth-child(1){
	font-size: 12px;
	color: #999;
	padding-left: 24px;
	position: relative;
}

.next_time p:nth-child(1)::after{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
	width: 16px;
	height: 2px;
	background: #e60012;
}

.next_time p:nth-child(2){
	font-size: 14px;
}

/*pagination_num
----------------------------------*/
.pagination_num{
	text-align: center;
	color: #fff;
	background: #000;
	padding: 8px 16px;
	margin-bottom: 16px;
}

/*++++++++++++++++++++++++++++++++++++++++++

	.pagination（ページネーション）

++++++++++++++++++++++++++++++++++++++++++*/
.pagination{
	width: 100%;
	position: relative;
	height: 40px;
}

.pagination li {
	display: inline-block;
	font-weight: bold;
}

/*.pagination .num
----------------------------------*/
.pagination .num{
	position:absolute;
	border: solid 1px #999;
	top: 3px;
	left:50%;
	margin-left:-28px;
	padding: 6px 24px;
	background: #fff
}

/*.pagination .prev
----------------------------------*/
.pagination .prev{
	left: 0;
}

.pagination .prev a{
	font-size: 14px;
	left: 0;
	position: relative;
	padding: 7px 16px 7px 32px;
}

.pagination .prev a::before,
.pagination .prev a::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 6px 0;
}

.pagination .prev a::before{
	left: 10px;
	border-color: transparent #fff transparent transparent;
}

.pagination .prev a::after{
	left: 11px;
	border-color: transparent #48657B transparent transparent;
}

/*.pagination .next
----------------------------------*/
.pagination .next{
	right: 0;
}

.pagination .next a{
	font-size: 14px;
	right: 0;
	padding: 7px 32px 7px 16px;
}

.pagination .next a::before,
.pagination .next a::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 6px;
}

.pagination .next a::before{
	right: 10px;
	border-color: transparent transparent transparent #fff;
}

.pagination .next a::after{
	right: 11px;
	border-color: transparent transparent transparent #48657B;
}

/*.prev .next共通
----------------------------------*/
.pagination .prev,
.pagination .next{
	font-size: 16px;
	color: #000;
	position: absolute;
	border: solid 1px #b5b5b5;
	margin-top: 1px;
	border-radius: 2px;
	box-shadow: 1px 1px 0 #b5b5b5;
	background: #48657B;
}

.pagination .prev a,
.pagination .next a{
	display: block;
	color: #fff;
}

/*++++++++++++++++++++++++++++++++++++++++++

	.icon

++++++++++++++++++++++++++++++++++++++++++*/
/*.mf_icon
----------------------------------*/
.mf_icon{
	padding-left: 40px;
	background: url(../img/mf_icon.svg) no-repeat;
	background-position: left center;
	background-size: 32px auto;
}

/*.car_icon
----------------------------------*/
.car_icon{
	padding-left: 40px;
	background: url(../img/car_icon.svg) no-repeat;
	background-position: left center;
	background-size: 32px auto;
}

/*.clip_icon
----------------------------------*/
.clip_icon{
	padding-left: 16px;
	background: url(../img/clip_icon.svg) no-repeat;
	background-position: left center;
	background-size: 12px auto;
}


.clip_icon_w{
	padding-left: 16px;
	background: url(../img/clip_icon_w.svg) no-repeat;
	background-position: left center;
	background-size: 12px auto;
}

/*.search_icon
----------------------------------*/
.search_icon{
	padding-left: 16px;
	background: url(../img/search_icon.svg) no-repeat;
	background-position: left center;
	background-size: 12px auto;
}

.search_icon_w{
	padding-left: 16px;
	background: url(../img/search_icon_w.svg) no-repeat;
	background-position: left center;
	background-size: 12px auto;
}


/*.time_icon
----------------------------------*/
.time_icon{
	padding-left: 20px;
    background: url(../img/time_icon.svg) no-repeat;
    background-position: left center;
    background-size: 14px auto;
}

/*.calendar_icon
----------------------------------*/
.calendar_icon{
	padding-left: 20px;
    background: url(../img/calendar_icon.svg) no-repeat;
    background-position: left center;
    background-size: 14px auto;
}

/*.comment_icon
----------------------------------*/
.comment_icon{
	padding-left: 20px;
    background: url(../img/comment_icon.svg) no-repeat;
    background-position: left center;
    background-size: 16px auto;
}

/*.lock_icon
----------------------------------*/
.lock_icon{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 48px;
	height: 48px;
}

.lock_icon span{
	width: 48px;
	height: 48px;
	display: block;
	position: relative;
}

.lock_icon span::before{
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	display: block;
	border-style: solid;
	border-width: 0 0 48px 48px;
	border-color: transparent transparent rgba(255,78,0,0.7) transparent;
}

.lock_icon span::after{
	position: absolute;
	right: 8px;
	bottom: 8px;
	content: "";
	width: 14px;
	height: 14px;
	background: url("../img/lock_icon.svg") no-repeat;
	background-position: left top;
	z-index: 1;
}

/*.rank_icon
----------------------------------*/
.rank_icon{
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	left: 0;
	top: 0;
	padding: 0 5px;
	background: #000;
	background: rgba(255,78,0,0.7);
	color: #fff;
}

.box:nth-child(n+4) .rank_icon{
	background: rgba(106,162,178,0.7);
}

/*.rank_icon
----------------------------------*/
.pr_icon{
    font-size: 10px;
    font-weight: bold;
    padding: 0px 4px;
    color: #a2a2a2;
    border: solid 1px #999;
    /*margin-right: 2px;*/
}
.font14{
    font-size: 14px;
}
.font14 a{
    font-size: 14px;
    text-decoration: underline;
} 
.goonet_logo {
    position: absolute;
    right:24px;
}
.goonet_logo img{
    width:72px;
}
.d_goonet_logo {
    position: absolute;
    left: 0px;
    padding-top: 10px !important;;
}
.d_goonet_logo img{
    width:72px !important;;
}
.t_goonet_logo {
    position: absolute;
    font-size: 14px;
    padding-top: 2px;
}
.t_goonet_logo img{
    width:72px !important;;
}
.alliance_banner {
    text-align: center;
    border-top: solid 2px #000;
    margin: 0 auto 0 auto;
    padding: 20px 0 20px 0;
    position: relative;
    font-size: 12px;
    line-height: 1.4;
}
.alliance_banner ul{
    font-size: 84%;
    text-align: center;
    color: #333333;
    letter-spacing:-0.4em;
}
.alliance_banner li{
    margin: 8px 0 0 0;
    border-left: none;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #676767;
    letter-spacing: 0;
    line-height: 1.2;
}
.alliance_banner a{
    color: #676767;
    text-decoration: none;
}
.ad_area{
    width: 728px;
    text-align: center; 
    margin:10px auto 10px auto;
}



/****** 20250911 header *******/
header{padding:0;position:relative;font-family:ヒラギノ角ゴ Pro W3,"Hiragino Kaku Gothic Pro",sans-serif;text-align:left;line-height:13px}
header nav{border:none;margin-bottom:0}
header a:hover{text-decoration:underline}
.site-header{background:#fff;padding:19px 6px 8px;box-shadow:0 0 16px rgba(0,0,0,6%);border-bottom:1px solid #e8e8e8}
@media screen and (max-width:740px) {
.site-header{height:120px;padding:0 6px}
}
.site-header__container{width:1224px;max-width:100%;padding:0 12px;margin:0 auto}
.site-header-bottom{padding:4px 4px;border-bottom:1px solid #e8e8e8;margin-bottom:1em}
.site-header-search{position:relative}
.site-nav{align-items:center;display:grid;text-align:center;height:50px;margin-right:auto;margin-left:auto}
@media screen and (min-width:741px) {
.site-nav{grid-template-columns:0 auto 80px 80px 80px 80px 80px 80px 172px;width:1224px;max-width:100%}
}
@media screen and (min-width:741px)and (max-width:768px) {
.site-nav{grid-template-columns:0 auto 80px 80px 80px 80px 80px 80px 136px}
}
@media screen and (min-width:741px) {
.site-nav .site-logo{justify-self:self-start}
.site-nav .site-logo img{width:90px}
.site-nav .site-logo__link{width:90px}
}
@media screen and (max-width:740px) {
.site-nav{grid-template-columns:repeat(6,16.68%);grid-template-rows:60px 60px}
.site-nav .spacer-1{display:none}
.site-nav .site-logo{grid-column:1/4;order:-1;justify-self:self-start;padding-left:12px;padding-top:10px}
.site-nav .site-logo img{width:60px;height:34px}
.site-nav .site-logo__link{width:60px}
.site-nav .site-nav__right{grid-column:4/7;order:-1}
}
.site-nav img{vertical-align:bottom}
.site-nav a{color:#282828;font-size:10px;font-weight:700;position:relative;width:100%;display:grid;grid-template-rows:27px 12px;place-items:center}
@media screen and (max-width:830px) {
.site-nav a{font-size:8px}
}
.site-nav a:hover{color:#F00FFF}
.site-nav a::after{content:"";border-right:1px solid #aaa;width:0;height:60%;position:absolute;top:0;right:0}
.site-nav a:last-of-type::after{content:none}
.site-nav .site-logo a::after,.site-nav .site-nav__right a::after{content:none}
.site-nav__right{display:grid;grid-template-columns:40px 40px;justify-self:end}
.site-nav .hamburger-toggle{margin-top:3px;position:relative}
.site-nav .hamburger-toggle__btn{height:20px;padding-bottom:40px;width:40px;position:relative;cursor:pointer;z-index:2}
.site-nav .hamburger-toggle__btn:hover + span{color:#F00FFF}
.site-nav .hamburger-toggle span{font-size:9px;font-weight:700;position:absolute;bottom:-2px;left:6px}
.brand-nav{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;position:relative}
@media screen and (max-width:740px) {
.brand-nav{display:flex;justify-content:space-around;flex-wrap:wrap}
}
@media screen and (max-width:740px) {
.brand-nav::after{content:"";width:100dvw;position:absolute;left:-16px;top:50%;height:0;border-top:1px solid #e8e8e8}
}
.brand-nav__item{display:flex;gap:8px;padding:4px 0;align-items:center}
@media screen and (max-width:820px) {
.brand-nav__item{gap:4px}
}
.brand-nav__item div{line-height:1.2;display:flex;flex-direction:column}
.brand-nav__item b{font-size:10px;font-weight:400}
@media screen and (max-width:820px) {
.brand-nav__item b{font-size:8px}
}
@media screen and (max-width:430px) {
.brand-nav__item b{display:none}
}
.brand-nav__item span{font-size:14px;display:block;font-weight:700}
@media screen and (max-width:820px) {
.brand-nav__item span{font-size:12px}
}
.brand-nav a{color:#282828}
.brand-nav a:hover{color:#F00FFF}
.hamburger-menu{background-color:#F7F7F7;height:100%;min-height:100vh;width:100%;position:fixed;z-index:999;top:0;left:0;overflow-y:auto;opacity:0;pointer-events:none;transform:translateY(-100%);transition:opacity .3s linear,transform .3s linear}
.hamburger-menu[aria-hidden=false]{transform:translateY(0);opacity:1;pointer-events:all}
.hamburger-menu__main{padding:5rem 1rem}
.hamburger-menu .close-btn{position:absolute;right:1.5rem;top:1.5rem;width:20px}
.hamburger-menu .search-area{max-width:780px;margin:0 auto 2rem}
.hamburger-menu .search-area .wp-block-search{width:100%;position:relative}
.hamburger-menu .search-area .wp-block-search__inside-wrapper{position:relative}
.hamburger-menu .search-area .wp-block-search label{font-size:20px;font-weight:700;line-height:20px;display:block;margin-bottom:.5em;padding-left:1em}
.hamburger-menu .search-area .wp-block-search input[type=search]{width:100%;line-height:3;border:solid 1px #dbdbdb;border-radius:4px;background-color:#f0f0f0;padding:0 2.5rem 0 1rem;font-size:1rem;height:40px}
.hamburger-menu .search-area .wp-block-search button{display:grid;width:70px;height:40px;background:#292929;border-radius:4px;align-content:center;justify-content:center;transition:all .2s ease}
.wp-element-button{cursor:pointer}
.hamburger-menu .search-area .wp-block-search button:hover{opacity:.8}
.hamburger-menu .search-area .wp-block-search button svg{height:13px;min-height:13px;min-width:13px;width:13px}
.hamburger-menu .hamburger-nav,.hamburger-menu .hamburger-nav-2{max-width:780px;margin:0 auto}
.hamburger-nav a,.hamburger-nav-2 a{color:#282828;font-size:16px;font-weight:700;line-height:1.3;position:relative;padding:1em;border-bottom:solid 1px #e5e5e5;display:block}
.hamburger-nav a:hover,.hamburger-nav-2 a:hover{color:#f01000;background-color:#f0f0f0}
.hamburger-nav a::after,.hamburger-nav-2 a::after{content:"";background:url(/img/common/Icon_arw_r.svg)no-repeat 50%/contain;width:21px;height:19px;position:absolute;right:12px;top:18px}
.hamburger-nav a[target=_blank]::after,.hamburger-nav-2 a[target=_blank]::after{transform:rotate(-45deg)}
.hamburger-nav-2{margin-top:3rem!important}
body.admin-bar .hamburger-menu__main{padding-top:calc(5rem + 46px)}
@media only screen and (min-width:600px) {
body.admin-bar .hamburger-menu__main{padding-top:calc(5rem + 32px)}
}
body.admin-bar .hamburger-menu .close-btn{top:calc(1.5rem + 46px)}
@media only screen and (min-width:600px) {
body.admin-bar .hamburger-menu .close-btn{top:calc(1.5rem + 32px)}
}
.hamburger-heading{max-width:780px;font-size:20px;margin:0 auto .5em;padding:0 .7em!important;position:relative}
.hamburger-heading::before{content:"";display:inline-block;height:1em;width:4px;border-radius:2px;background-color:#F01000;position:absolute;left:0;top:50%;margin-top:-.5em}
.mf-header-search{height:0;overflow:hidden;transition:height .4s;padding:0 12px;max-height:calc(100vh - 78px);height:0;width:100%;overflow:hidden;position:absolute;align-items:center;place-content:center;z-index:5;background:#e8e8e8}
.mf-header-search-form{max-width:1200px;margin:0 auto}
.gsc-input-box{height:40px!important;border-radius:0!important;border:0!important;padding:0!important}
.gsc-input{width:100%;height:40px!important;border-radius:4px!important;border:0!important;margin-right:8px;margin-top:0!important}
td .gsc-input{padding:0!important;border:none;border-radius:4px!important;background:#fff;display:block;overflow:hidden;padding-left:.5em!important}
table.gsc-search-box{border-style:none;border-width:0;border-spacing:0 0;width:100%;margin-bottom:2px}
table.gsc-search-box td{vertical-align:middle}
table.gsc-search-box td.gsc-input{padding-right:12px}
.gsc-search-button-v2{font-size:0;padding:6px 27px;width:auto;height:40px!important;vertical-align:middle;border:1px solid #666;border-radius:4px;border-color:#292929;background-color:#292929;cursor:pointer;transition:all .2s ease}
.gsc-search-button-v2:hover{border-color:#292929!important;background-color:#292929!important;background-image:linear-gradient(top,#4d90fe,#292929);opacity:.8}
.gsc-search-button-v2 svg{fill:#fff}
.gsc-search-box-tools .gsc-clear-button{display:none}
.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}
.wp-block-search__button{margin-left:10px;word-break:normal}
.wp-block-search__button svg{fill:#fff;vertical-align:text-bottom}