| Car Sensor |
Select Language
HTTP/1.1 200 OK
Date: Wed, 08 Apr 2026 16:05:47 GMT
Server: Apache
Last-Modified: Mon, 02 Mar 2026 02:00:11 GMT
ETag: "6e2d-64c00f269e0c0-gzip"
Accept-Ranges: bytes
Content-Type: text/css
Vary: Accept-Encoding,User-Agent
Content-Encoding: gzip
P3P: CP="NON DSP COR CURa ADMa DEVa CUSo TAIa PSDo OUR BUS UNI COM NAV STA"
Transfer-Encoding: chunked
@charset "utf-8";
/*
##################################################################
新トンマナ編集 start
################################################################## */
html.is-open {
overflow: hidden;
height: 100%;
}
@font-face {
font-family: "iconfont";
src: url("../fonts/iconfont.eot");
src: url("../fonts/iconfont.eot?#iefix") format("eot"), url("/contents/front_sp/img/iconfont.woff") format("woff"), url("/contents/front_sp/img/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg#iconfont") format("svg");
}
.glyphs-icon_arrow-sp2::before, .globalNavi__list > li > a::before, .glyphs-icon_circlearrow-right::before, .arrowFont::before, .glyphs-icon_search::before, .list6 dd.acordion_tree a::after, .archives_calendar li a::after, .cat_link .blog_link_R a::after, .cat_link .blog_link_L a::after {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
}
.cat_link .blog_link_L a::after {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
transform: rotate(-180deg);
}
.glyphs-icon_arrow-sp2::before, .globalNavi__list > li > a::before, .list6 dd.acordion_tree a::after, .archives_calendar li a::after {
content: "";
}
.glyphs-icon_circlearrow-right::before, .arrowFont::before, .cat_link .blog_link_R a::after, .cat_link .blog_link_L a::after {
content: "";
}
.arrowFont, .cat_link .blog_link_R a {
float: right;
position: relative;
padding-left: 18px;
display: block;
vertical-align: middle;
color: #333;
}
.arrowFont::before, .cat_link .blog_link_R a::after {
position: absolute;
top: 50%;
left: 0;
margin-top: -8px;
font-size: 15px;
margin-right: 5px;
color: #ff9500;
line-height: 1;
}
.arrowFont, .cat_link .blog_link_L a {
position: relative;
padding-left: 18px;
display: block;
vertical-align: middle;
color: #333;
}
.arrowFont::before, .cat_link .blog_link_L a::after {
position: absolute;
top: 50%;
left: 0;
margin-top: -8px;
font-size: 15px;
margin-right: 5px;
color: #ff9500;
line-height: 1;
}
.header *, .footer * {
box-sizing: border-box;
}
/* ヘッダー */
.header {
width: 100%;
background-color: #fff;
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.23);
border-radius: 0 0 10px 10px;
position: relative;
z-index: 5;
}
.header__inner {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: inherit;
height: 44px;
overflow: hidden;
border-radius: 0 0 10px 10px;
box-shadow: 0px -13px 28px -9px #ededed inset;
}
/*210921 ヘッダーマージン追加*/
#headerInner {
margin-bottom: 16px;
}
.header__logo {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
padding: 0 0 0 15px;
}
.header__list {
height: 100%;
}
/*210921 ヘッダーメニュー左ボーダー追加*/
#headerList {
border-left: solid 1px #dedcd7;
}
.header__list ul {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.header__list ul > li {
width: 50px;
height: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0;
flex: 0;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
line-height: 1;
text-align: center;
}
.header__list ul > li > a {
position: relative;
display: block;
height: 100%;
font-size: 10px;
color: #666;
}
.header__list ul > li > a > span {
padding-top: 30px;
letter-spacing: -0.1em;
height: 100%;
display: block;
}
.header__list__favorite a::before {
content: "";
display: block;
position: absolute;
top: 6px;
left: 50%;
margin-left: -9px;
width: 18px;
height: 18px;
background: url(//www.carsensor.net/static/sp/img/icon_star_favorite.svg) no-repeat center center;
}
.header__list__menu a::before {
content: "";
display: block;
position: absolute;
top: 3px;
left: 50%;
margin-left: -16px;
width: 32px;
height: 26px;
background: url(//www.carsensor.net/static/sp/img/icon_menu.svg) no-repeat center center;
}
/* タイトル */
.title1 {
padding: 0px 10px;
margin: 0 0 12px;
font-size: 16px;
}
.title1--detailList {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.title2 {
margin-bottom: 9px;
font-weight: normal;
}
.title2--search::after {
content: "";
display: block;
position: absolute;
left: -2px;
top: 50%;
width: 22px;
height: 21px;
margin-top: -11px;
background: url(//www.carsensor.net/static/sp/img/icon_search-2.svg) no-repeat center center;
}
.title3 {
position: relative;
margin-bottom: 8px;
padding-left: 23px;
font-size: 16px;
}
.title3::after {
content: "";
display: block;
position: absolute;
left: -2px;
top: 50%;
width: 22px;
height: 21px;
margin-top: -11px;
background: url(//www.carsensor.net/static/sp/img/icon_meter.svg) no-repeat center center;
}
.title4 {
position: relative;
margin-bottom: 8px;
padding-left: 18px;
font-size: 16px;
}
.title4::after {
content: "";
display: block;
position: absolute;
left: -2px;
top: 50%;
width: 16px;
height: 16px;
margin-top: -8px;
background: url(//www.carsensor.net/static/sp/img/icon_circle.svg) no-repeat center center;
}
.title4--gnavi {
font-size: 12px;
font-weight: bold;
}
.title4--topSearch {
margin-bottom: 0;
padding: 14px 0 14px 18px;
line-height: 1;
}
.title4--topSearch span {
font-size: 12px;
}
/* スライドメニュー */
.slideMenu {
width: 240px;
position: absolute;
top: 0;
right: -240px;
z-index: 11;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.slideMenu__contents {
overflow: scroll;
width: inherit;
height: inherit;
-webkit-overflow-scrolling: touch;
background: #fff;
-webkit-transform: scale(1);
transform: scale(1);
}
.slideMenu__scrollArea {
width: 100%;
padding-bottom: 128px;
-webkit-transform: scale(1);
transform: scale(1);
}
.slideMenu__login {
width: 100%;
margin-bottom: 19px;
padding: 15px;
background: #f0efeb;
box-sizing: border-box;
}
.slideMenu__login > a {
display: block;
padding: 11px;
border-radius: 6px;
border: solid 1px #dedcd7;
background-image: -webkit-linear-gradient(top, #fff 85%, #f6f6f6 100%);
background-image: linear-gradient(to bottom, #fff 85%, #f6f6f6 100%);
color: #666;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
line-height: 1;
text-align: center;
font-weight: bold;
}
.slideMenu__my, .slideMenu__car {
padding: 0 15px;
}
.slideMenu__my {
margin-bottom: 30px;
}
.slideMenu__my:first-child {
margin-top: 15px;
}
.slideMenu__close {
display: none;
width: 20px;
height: 20px;
position: absolute;
top: 11px;
left: -30px;
background: #fff;
box-shadow: 0px 2px 0px 0px rgba(204, 200, 184, 0.2);
border-radius: 2px;
}
.userName {
color: #000;
height: auto;
line-height: 1.5;
padding: 0 10px;
font-size: 14px;
}
.slideMenu__logout {
width: 100%;
padding: 0 15px;
margin: 32px 0 0;
box-sizing: border-box;
}
.slideMenu__logoutBtn {
width: 100%;
color: #333;
padding: 10px 0 10px 8px;
font-weight: bold;
font-size: 15px;
text-align: left;
border-top: solid 1px #dedcd7;
border-bottom: solid 1px #dedcd7;
background: #fff;
border-left: none;
border-right: none;
box-sizing: border-box;
}
.slideMenu.is-open {
right: 0;
}
.slideMenu.is-open .slideMenu__close {
display: block;
}
.slideMenu.is-open .slideMenu__close::before, .slideMenu.is-open .slideMenu__close::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 1px;
height: 10px;
margin-left: -1px;
margin-top: -5px;
background: #666;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.slideMenu.is-open .slideMenu__close::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.slideMenu.is-open .slideMenu__close::after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.globalNavi {
overflow: hidden;
}
.globalNavi__list > li {
border-top: solid 1px #dedcd7;
font-size: 15px;
}
.globalNavi__list > li:last-child {
border-bottom: solid 1px #dedcd7;
}
.globalNavi__list > li.is-active {
padding: 10px 0 10px 8px;
background: #fff2e6;
color: #ff6010;
font-weight: bold;
}
.globalNavi__list > li > a {
display: block;
position: relative;
color: #333;
padding: 10px 0 10px 8px;
font-weight: bold;
}
.globalNavi__list > li > a::before {
position: absolute;
right: 6px;
top: 50%;
width: 14px;
height: 16px;
margin-top: -7px;
color: #666;
line-height: 1;
}
.gNaviOverlay {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background: rgba(0, 0, 0, 0.5);
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-tap-highlight-color: transparent;
}
.gNaviOverlay.is-visible {
display: block;
-webkit-animation: show .3s linear 0s;
animation: show .3s linear 0s;
}
@-webkit-keyframes show {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes show {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* フッター */
.footer__contents {
padding: 20px 10px 85px;
border-top: solid 5px #e6e4dc;
background: #f5f4f0;
}
.footer__link {
width: 100%;
}
.footer__link + .copyright {
padding-top: 13px;
}
.footerLinkList {
margin-bottom: 5px;
}
.footerLinkList > li {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
float: left;
width: 48%;
height: 36px;
border-bottom: solid 1px #e3e1dc;
margin-bottom: 3px;
}
.footerLinkList > li:nth-child(odd) {
margin-right: 4%;
}
.footerLinkList > li > a {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
position: relative;
color: #333;
font-size: 10px;
height: 100%;
}
.footerLinkList::before, .footerLinkList::after {
display: table;
content: "";
}
.footerLinkList::after {
clear: both;
}
/* 汎用大枠 */
.boxWrap {
display: block;
margin: 0 10px;
padding-top: 4px;
border-radius: 3px 3px;
background: -webkit-linear-gradient(left, #ffa600 0%, #ffa600 13.3%, #ff6010 13.3%, #ff6010 100%);
background: linear-gradient(to right, #ffa600 0%, #ffa600 13.3%, #ff6010 13.3%, #ff6010 100%);
}
.boxWrap__contents {
width: inherit;
height: inherit;
background: #fff;
padding-top: 12px;
box-shadow: 0px 2px 0px 1px #fff;
}
.TabbedPanels {
margin-bottom: 40px;
}
/* 追従ナビ*/
.nav {
margin: 2px 0 22px;
}
.nav.fixed {
margin-top: 0;
}
.nav li {
background: #fff;
border-top: none;
border-right: 1px solid #ebe8e4;
border-bottom: 1px solid #ebe8e4;
padding: 0;
}
.nav li:nth-child(3n) {
border-right: none;
}
.nav li a {
display: block;
padding: 8px 0 8px 21px;
font-size: 10px;
color: #333;
box-sizing: border-box;
}
.nav li a span {
position: relative;
}
.nav li a span::before {
content: "";
display: block;
width: 22px;
height: 14px;
position: absolute;
top: 50%;
left: 0;
margin-top: -7px;
background: url(/contents/front_sp/img/kiji-icon.png) no-repeat;
background-size: 88px 166px;
}
.nav li a.top span::before {
width: 13px;
height: 13px;
left: -17px;
background-position: -57px -15px;
}
.nav li.nav_on a.top span::before {
background-position: -20px -15px;
}
.nav li a.special span::before {
width: 17px;
height: 15px;
left: -21px;
background-position: -55px -40px;
}
.nav li.nav_on a.special span::before {
background-position: -18px -40px;
}
.nav li a.season span::before {
width: 15px;
height: 13px;
left: -19px;
background-position: -56px -66px;
}
.nav li.nav_on a.season span::before {
background-position: -19px -66px;
}
.nav li a.drive span::before {
width: 22px;
height: 15px;
left: -26px;
background-position: -52px -90px;
}
.nav li.nav_on a.drive span::before {
background-position: -15px -90px;
}
.nav li a.new span::before {
width: 21px;
height: 14px;
left: -25px;
background-position: -52px -115px;
}
.nav li.nav_on a.new span::before {
background-position: -15px -115px;
}
.nav li a.news span::before {
width: 15px;
height: 14px;
left: -19px;
background-position: -56px -140px;
}
.nav li.nav_on a.news span::before {
background-position: -19px -140px;
}
li.nav_on {
border-left: none;
}
li.nav_on a {
color: #ff6010;
font-weight: bold;
}
/* header_text2 */
#contens .header_text2 {
background: transparent;
color: #333;
font-size: 20px;
padding: 0;
margin-top: 12px;
line-height: 1.33;
}
#contens header {
position: relative;
margin-top: 0;
padding: 0 10px;
}
#contens header .contents_Col_date2 {
position: absolute;
top: 0;
right: 10px;
font-size: 10px;
color: #666;
}
#contens header .contents_Col_cat2 a {
color: #113a6d;
text-decoration: none;
}
/* slick */
.slick-dotted.slick-slider {
margin-bottom: 63px !important;
}
/* 特集バナー 記事詳細*/
.article_Feature {
margin: 0 10px 22px;
padding: 10px;
background: #f5f4f0;
border-radius: 3px;
}
.article_Feature .ttl {
display: inline-block;
height: 15px;
padding: 0 5px;
background: #ff6610;
border-radius: 3px;
color: #fff;
font-size: 10px;
vertical-align: bottom;
font-weight: normal;
line-height: 15px;
}
/* 特集バナー 記事詳細以外*/
.feature_bnr {
margin-bottom: 44px;
text-align: center;
}
/* #Base_Templete_C 内*/
#Base_Templete_C h2 {
position: relative;
margin: 0 10px 10px;
padding: 10px 10px 10px 14px;
font-size: 19px;
line-height: 140%;
border: 2px solid #d6d4d0;
border-left: 4px solid #ff6010;
background-color: #fff;
box-shadow: 0 5px 10px -8px #b0b0b0;
}
#Base_Templete_C h3 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
position: relative;
margin: 0 0 11px 10px;
padding: 4px 0 4px 10px;
min-height: 40px;
background: transparent;
color: #333;
font-size: 18px;
vertical-align: middle;
line-height: 1.33;
box-sizing: border-box;
}
#Base_Templete_C h3::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 4px;
height: 100%;
border-radius: 20px;
background: -webkit-linear-gradient(top, rgba(255, 166, 0, 1) 0%, rgba(255, 166, 0, 1) 30%, rgba(255, 96, 16, 1) 30%, rgba(255, 96, 16, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 166, 0, 1) 0%, rgba(255, 166, 0, 1) 30%, rgba(255, 96, 16, 1) 30%, rgba(255, 96, 16, 1) 100%);
}
#Base_Templete_C h4 {
margin: 20px 0 0;
border-bottom: none;
font-size: 12px;
}
#Base_Templete_C > h4 {
margin: 0 10px 10px;
font-size: 16px;
text-decoration: underline double #ff6010;
background: none;
}
#Base_Templete_C .w600_img {
clear: both;
margin: 0 0 44px 0;
padding: 10px;
background: transparent;
text-align: center;
}
#Base_Templete_C .w600_img img {
width: 100%;
height: auto;
}
#Base_Templete_C p {
font-size: 16px;
line-height: 1.8;
}
#Base_Templete_C .CP_txt {
margin-top: 10px;
font-size: 14px;
color: #666;
line-height: 1.5;
}
#Base_Templete_C .sarch_col + .sarch_col {
margin-top: 20px;
}
#Base_Templete_C .link_tit {
margin: 44px 0 0 10px;
padding-left: 0;
}
#Base_Templete_C .link_tit::before {
display: none;
}
#Base_Templete_C .Base_Templete_Link3 {
margin-top: 20px;
}
#Base_Templete_C .link_tit + .Base_Templete_Link3 {
margin-top: 0;
}
.Base_Templete_Link3 li a {
text-decoration: none;
color: #113a6d;
}
.contents_Col_cat2 a {
color: #333;
}
.sarch_col {
background: #f5f4f0;
padding: 20px 10px;
margin: 22px 10px 0;
font-size: 12px;
}
.sarch_col:last-of-type {
margin-bottom: 44px;
}
.sarch_col a {
background-image: -webkit-linear-gradient(top, #ff9500 85%, #f38e00 100%);
background-image: linear-gradient(to bottom, #ff9500 85%, #f38e00 100%);
color: #fff;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
border: none;
}
.FAIR_btn3 {
margin: 0;
}
.FAIR_btn3 a {
width: 100%;
padding: 10px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
box-sizing: border-box;
font-size: 15px;
}
.author {
font-size: 16px;
color: #333;
}
/* blog_List */
.blog_List, .blog_List2 {
margin-bottom: 44px;
border-top: solid 1px #d6d4d0;
}
.blog_List li, .blog_List2 li {
padding: 0;
}
.blog_List li section a, .blog_List li aside a, .blog_List2 li section a, .blog_List2 li aside a {
display: block;
position: relative;
padding: 15px 0 15px;
color: #333;
text-decoration: none;
line-height: 20px;
font-weight: bold;
}
.blog_List + .cat_link, .blog_List2 + .cat_link {
margin-top: -34px;
margin-bottom: 44px;
background: none;
border: none;
}
.blog_List + .cat_link .blog_link_R, .blog_List2 + .cat_link .blog_link_R {
float: none;
background: transparent;
}
.blog_List + .cat_link .blog_link_R a, .blog_List2 + .cat_link .blog_link_R a {
color: #333;
}
/* 記事一覧 */
.contents_Col {
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.contents_Col_date {
position: absolute;
top: 15px;
right: 0;
float: none;
margin: 0;
font-size: 10px;
color: #666;
font-weight: normal;
}
.contents_Col_date .new_icon {
margin-right: 5px;
padding: 1px 3px;
background: #f79800;
border-radius: 1px;
border: none;
font-size: 10px;
}
.contents_Col_img {
-webkit-box-flex: 0;
-webkit-flex: 0;
flex: 0;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
width: 100px;
margin-right: 10px;
}
.contents_Col_img img {
width: 100%;
margin-right: 0;
}
.contents_Col_text {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
margin-top: 0;
padding-right: 0;
}
.cat_tit {
padding: 0;
background: transparent;
color: #999;
}
/* ランキング アイコン*/
.TabbedPanelsContentGroup .rank_1, .TabbedPanelsContentGroup .rank_2, .TabbedPanelsContentGroup .rank_3, .TabbedPanelsContentGroup .rank_other {
text-align: center;
width: 21px;
height: 21px;
margin: 6px 0 0 6px;
padding: 0;
border-radius: 50%;
line-height: 20px;
}
.TabbedPanelsContentGroup {
clear: both;
border: none;
padding: 10px 0 0 0;
}
.TabbedPanelsContentGroup .rank_1 {
background: #ddb34d;
border: solid 2px #e7ca81;
box-shadow: 0px 0px 0px 1px #ddb34d;
-moz-box-shadow: 0px 0px 0px 1px #ddb34d;
-webkit-box-shadow: 0px 0px 0px 1px #ddb34d;
}
.TabbedPanelsContentGroup .rank_2 {
background: #6d7b82;
border: solid 2px #99a3a8;
box-shadow: 0px 0px 0px 1px #6d7b82;
-moz-box-shadow: 0px 0px 0px 1px #6d7b82;
-webkit-box-shadow: 0px 0px 0px 1px #6d7b82;
}
.TabbedPanelsContentGroup .rank_3 {
background: #a7532d;
border: solid 2px #c2876b;
box-shadow: 0px 0px 0px 1px #a7532d;
-moz-box-shadow: 0px 0px 0px 1px #a7532d;
-webkit-box-shadow: 0px 0px 0px 1px #a7532d;
}
.TabbedPanelsContentGroup .rank_other {
background: #928d86;
background: #928d86;
border: solid 2px #928d86;
box-shadow: 0px 0px 0px 1px #928d86;
-moz-box-shadow: 0px 0px 0px 1px #928d86;
-webkit-box-shadow: 0px 0px 0px 1px #928d86;
}
.list_photo img {
width: 100px;
height: auto;
}
.new_item4 {
margin-top: 15px;
border-bottom: 1px solid #CCC;
padding-bottom: 15px;
}
/* ランキング タブ*/
.TabbedPanelsTabGroup {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.TabbedPanelsTab {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
top: 0;
float: none;
width: auto;
height: 44px;
padding: 0;
margin: 0;
border-left: none;
border-right: solid 1px #f0ede9;
border-top: solid 1px #f0ede9;
border-bottom: solid 1px #f0ede9;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.76) 76%, #f6f6f6 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.76) 76%, #f6f6f6 100%);
font-size: 12px;
color: #333;
}
.TabbedPanelsTab span {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
position: relative;
width: 100%;
height: 100%;
border-bottom: solid 1px #f0ede9;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.76) 76%, #f6f6f6 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.76) 76%, #f6f6f6 100%);
font-size: 12px;
color: #333;
font-weight: bold;
}
.TabbedPanelsTab.TabbedPanelsTabSelected span {
position: relative;
background: #fff;
border-radius: 3px 3px 0 0;
border-bottom: solid 1px #fff;
color: #ff6010;
}
.TabbedPanelsTab.TabbedPanelsTabSelected span::before {
content: "";
display: block;
position: absolute;
top: -1px;
left: -1px;
width: 100%;
height: 3px;
padding-right: 2px;
border-radius: 3px 3px 0 0;
background: #ff6010;
box-sizing: content-box;
}
.TabbedPanelsTab:first-child {
border-left: solid 1px #f0ede9;
border-radius: 3px 0 0 0;
}
.TabbedPanelsTab:last-child {
border-radius: 0 3px 0 0;
}
/* snsリスト */
#snsList {
height: auto;
margin: 22px 0 12px;
}
#snsList li {
padding-top: 0;
}
/*-------------------------------------------------
SNSボタン 0527修正対応
-------------------------------------------------*/
.snsList {
padding:20px 10px 10px;
text-align: center;
}
.snsList li {
display: inline-block;
vertical-align: top;
}
.snsList .snsList_link4 div{
background: #ff9500;
border-radius: 3px;
font-size: 10px;
text-align: center;
}
.snsList .snsList_link4 img{
margin: 2px 5px 0 0;
width: 16px;
height: auto;
}
.snsList .snsList_link4 span{
margin-top: 3px;
vertical-align: top;
display: inline-block;
}
.snsList .snsList_link4 a{
padding:0 5px;
font-weight: bold;
color: #fff;
display: block;
height: 20px;
}
/* 記事詳細 コンテンツ上部のsnsリスト */
header + #snsList {
margin-bottom: 34px;
}
/* ブログ一覧アコーディオン */
.list6:last-child {
border-bottom: solid 1px #e3e1dc;
}
.list6 dt.trigger {
position: relative;
border-bottom: none;
font-size: 15px;
border-color: #e3e1dc;
padding-left: 8px;
padding: 10px 0 10px 8px;
width: 100%;
}
.list6 dt.trigger:before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 16px;
width: 2px;
height: 10px;
margin: -5px -2px 0 0;
background: #666;
border-radius: 1px;
}
.list6 dt.trigger.active:before {
display: none;
}
.list6 dt.trigger::after {
content: "";
display: block;
position: absolute;
width: 10px;
height: 2px;
top: 50%;
right: 10px;
margin-top: -1px;
border-radius: 1px;
background: #666;
}
.list6 dt.trigger span.trigger_tit {
color: #333;
}
.list6 dt.trigger span.open-close {
background: none;
}
.list6 .acordion .acordion_tree p {
padding: 0 10px;
}
.list6 .acordion .acordion_tree a {
display: block;
position: relative;
padding: 10px 0 10px 10px;
background: #fff;
color: #333;
text-decoration: none;
border-bottom: dotted 1px #e3e1dc;
font-size: 12px;
}
.list6 dd.acordion_tree a::after {
border: none;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
position: absolute;
right: 6px;
top: 50%;
width: 14px;
height: 16px;
margin-top: -6px;
color: #666;
line-height: 1;
}
.list6 dd.acordion_tree a:first-child {
border-top: dotted 1px #e3e1dc;
}
.list6 dd.acordion_tree a:last-child {
border-bottom: none;
}
/* フリーワード検索 */
.keywrdArea {
width: 100%;
margin: 15px 0 44px;
padding: 0 10px;
background: transparent;
box-sizing: border-box;
}
.keywrdArea_inner {
overflow: hidden;
padding-bottom: 15px;
border-bottom: solid 1px #e3e1dc;
width: 100%;
}
#searchBtn {
-webkit-box-flex: 0;
-webkit-flex: 0;
flex: 0;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
position: relative;
width: 80px;
height: 44px;
margin-left: 10px;
padding: 0;
border-bottom: solid 1px #e3e1dc;
background-image: -webkit-linear-gradient(top, #ff9500 85%, #f38e00 100%);
background-image: linear-gradient(to bottom, #ff9500 85%, #f38e00 100%);
color: #fff;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
border: none;
text-shadow: none;
font-size: 15px;
}
#keywords1 {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
height: 44px;
padding: 5px 5px 5px 32px;
border: solid 1px #dedcd7;
background: url(//www.carsensor.net/static/sp/img/icon_search.png) #fff no-repeat 8px 14px;
background-size: 17px 17px;
font-size: 14px;
box-shadow: 0 6px 6px -7px #dbdbdb inset;
border-radius: 3px;
-webkit-appearance: none;
box-sizing: border-box;
}
.boxWrap .archives_calendar dt {
position: relative;
margin: 28px 0 8px;
padding: 0 0 0 18px;
font-size: 15px;
background: none;
color: #333;
font-family: sans-serif;
}
.boxWrap .archives_calendar dt::after {
content: "";
display: block;
position: absolute;
left: -2px;
top: 50%;
width: 16px;
height: 16px;
margin-top: -8px;
background: url(//www.carsensor.net/static/sp/img/icon_circle.svg) no-repeat center center;
}
.boxWrap .archives_calendar ul {
overflow: hidden;
zoom: 1;
border-top: 1px solid #ebe8e4;
margin-bottom: 10px;
}
.boxWrap .archives_calendar li {
width: 50%;
background: transparent;
border-bottom: 1px solid #ebe8e4;
box-sizing: border-box;
}
.boxWrap .archives_calendar li:nth-child(odd) {
border-right-color: #ebe8e4;
background: transparent;
}
.boxWrap .archives_calendar li a {
position: relative;
padding: 5px 5px 5px 15px;
font-size: 104%;
line-height: 48px;
color: #333;
}
.boxWrap .archives_calendar li span {
line-height: 48px;
color: #ccc;
}
.boxWrap .archives_calendar li a::after {
position: absolute;
right: 6px;
top: 50%;
width: 14px;
height: 16px;
margin-top: -6px;
color: #666;
line-height: 1;
}
.boxWrap .archives_calendar dd:last-child {
margin-bottom: 44px;
}
#Base_Templete_C a.textLink {
text-decoration: underline;
color: #003a6b;
}
#Base_Templete_C a.textLink:hover {
opacity: 0.5;
}
/*-------------------------------------------------
list
-------------------------------------------------*/
#Base_Templete_C .dotList,
#Base_Templete_C .numList {
margin: 0;
padding: 20px;
background: #f5f4f0;
text-align: left;
}
#Base_Templete_C .dotList_title,
#Base_Templete_C .numList_title {
font-size: 16px;
margin-bottom: 0;
padding: 0;
}
#Base_Templete_C .dotList li,
#Base_Templete_C .numList li {
text-indent: -1em;
padding: 0.2em 1em;
font-size: 16px;
}
#Base_Templete_C .dotList li span,
#Base_Templete_C .numList li span {
color: #ff6010;
font-weight: bold;
padding-right: 0.4rem;
}