@charset "utf-8";
.resp-tabs-list{ background:#eee; display:table; table-layout:fixed; width:100%;border-collapse: separate; border-spacing: 10px 0; padding-top:10px; border-top:1px #CBCBCB solid;}
.resp-tabs-list:after{ content:none;}
.resp-tabs-list li { display:table-cell; font-weight: 600;padding:8px 8px;cursor: pointer; text-align:center; margin:10px; border-radius:6px 6px 0 0; border: 1px solid #ccc;border-bottom:0;background: #fff;}
.resp-tabs-container {}
.resp-tab-content { display: none; padding:15px 0;}
.resp-tab-active { color:#fff; border-color:#FF8200 !important;}
.resp-tab-content {border-top: 2px solid #FF8200;}
.resp-content-active, .resp-accordion-active {display: block;}
.resp-accordion {
cursor: pointer;
display: none;
}
.resp-accordion {
border: 1px solid #c1c1c1;
border-top: 0px solid #c1c1c1;
margin: 0px;
padding: 10px 15px;
}
.resp-tab-active {
border-bottom: 0px solid #c1c1c1 !important;
margin-bottom: 0px !important;
padding: 10px 15px !important;
}
.resp-tab-title:last-child {
border-bottom: 12px solid #c1c1c1 !important;
background: blue;
}
@media only screen and (max-width: 768px) {
.resp-tab-content {
border-top:none;
}
ul.resp-tabs-list {display: none;}
.resp-accordion {display: block; margin:0 -10px; background:#EEE !important; border:0; border-bottom:1px #CCC solid !important; color:#333; font-weight:bold;}
.resp-arrow {
width: 0;
height: 0;
float: right;
margin-top: 3px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 12px solid #c1c1c1;
}
.resp-tab-active span.resp-arrow {
border: none;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 12px solid #9B9797;
}
}
.resp-vtabs .resp-tab-content {
border: 1px solid #C1C1C1;
}
.resp-vtabs .resp-tabs-container {
border: none;
float: none;
width: 100%;
min-height: 100px;
clear: none;
}
.resp-accordion-closed {
display: none !important;
}
.resp-vtabs .resp-tab-content:last-child {
border-bottom: 1px solid #c1c1c1 !important;
}
}@font-face {
font-family: 'icomoon';
src:  url(//tabi-rin.com/wp-content/themes/tabirin/font/icomoon/fonts/icomoon.eot?r6wbtm);
}
@font-face {
font-family: 'icomoon';
src:  url(//tabi-rin.com/wp-content/themes/tabirin/font/icomoon/fonts/icomoon.eot?r6wbtm#iefix) format('embedded-opentype'),
url(//tabi-rin.com/wp-content/themes/tabirin/font/icomoon/fonts/icomoon.ttf?r6wbtm) format('truetype'),
url(//tabi-rin.com/wp-content/themes/tabirin/font/icomoon/fonts/icomoon.woff?r6wbtm) format('woff'),
url(//tabi-rin.com/wp-content/themes/tabirin/font/icomoon/fonts/icomoon.svg?r6wbtm#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-distance:before {
content: "\e900";
}
.icon-elevation:before {
content: "\e901";
}
.icon-mugen:before {
content: "\e902";
}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base{width:100%;height:100%;position:relative;z-index:1}.noUi-connect{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-origin{position:absolute;height:0;width:0}.noUi-handle{position:relative;z-index:1}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:top .3s,right .3s,bottom .3s,left .3s;transition:top .3s,right .3s,bottom .3s,left .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-base,.noUi-handle{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connect{background:#3FB8AF;box-shadow:inset 0 0 3px rgba(51,51,51,.45);-webkit-transition:background 450ms;transition:background 450ms}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate3d(-50%,50%,0);transform:translate3d(-50%,50%,0)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);padding-left:25px}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}
 html {overflow-y: scroll;font-size: 62.5%; line-height:1.5;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal !;}
table {border-collapse: collapse;border-spacing: 0;}
th {font-weight:lighter;}
caption, th {text-align: left;}
q:before ,q:after {content: '';}
object, embed, td, th {vertical-align: top;}
hr, legend {display: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight:lighter;}
img, abbr, acronym, fieldset {border: 0;}
li {list-style-type: none;}
img{vertical-align: bottom;}
p{line-height: 1.5; margin:0 0 1em;}
body {font-size:1.4rem;}
*, *:before, *:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
div:after,ul:after,li:after,dd:after,section:after,ul.course-list>li dl.map::after {content: ""; display: block; clear: both;}
img{max-width: 100%; height: auto; width :auto; }
a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
ins {background-color:transparent !important} body {color: #333;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; -webkit-text-size-adjust: 100%; position: relative;}
#wrapper{}
.pad{padding:10px;}
.clear{clear:both;}
.clearfix { overflow:hidden; _zoom:1;} a{color: #FF8200;text-decoration: underline;}
a:link{color: #FF8200;text-decoration: underline;}
a:visited{color: #ee7100;text-decoration: underline;}
a:hover{ color: #FF8200; text-decoration:underline;}
a:active{color: #FF8200;text-decoration: underline;} header#header{ position: fixed; width: 100%; top: 0; left: 0; background: #fff; z-index: 3000; border-bottom: 1px #ccc solid; margin-top: env(safe-area-inset-top);}
#header .header-inner { max-width: 1100px; margin: 0 auto;}
#sidr_btn{display: none;}
#sidr_btn #sidr-menu-button img{ height:100%;}
#logo{position:absolute;}
#head-all-display{ display:none;}
nav#head-nav{ font-size:1.6rem; }
nav#head-nav #nav-ttl{ display:none;}
nav#head-nav ul{ display:table;table-layout: fixed;width: 100%; height:100%; padding-left:100px;}
nav#head-nav ul:after{ content:none;}
nav#head-nav ul>li{ display: table-cell; text-align:center; margin:0;vertical-align: middle; position: relative; padding: 10px 0;}
nav#head-nav ul>li>a{ color:#333; text-decoration:none; font-weight:600; padding:6px 12px; display:block; border-right:1px #ccc solid;}
nav#head-nav ul>li>a .fa{ color:#EC6C00;}
nav#head-nav ul>li>a:hover{opacity: 0.7;}
nav#head-nav ul>li>a img{ display:block; padding:0; margin:5px auto 0;}
nav#head-nav ul>li>a:hover span{ color:#fff;}
nav#head-nav ul>li:hover span{ color:#333;}
nav#head-nav ul>li>a:after{display:block; line-height:0; margin-top:3px;}
nav#head-nav ul>li.head-nav-front{ display:none;}
nav#head-nav ul>li.head-nav-course>a:after{ content:url(//tabi-rin.com/wp-content/themes/tabirin/img/common/head-nav-course-en.png);}
nav#head-nav ul>li.head-nav-area>a:after{ content:url(//tabi-rin.com/wp-content/themes/tabirin/img/common/head-nav-area-en.png);}
nav#head-nav ul>li.head-nav-map>a:after{ content:url(//tabi-rin.com/wp-content/themes/tabirin/img/common/head-nav-map-en.png);}
nav#head-nav ul>li.head-nav-article>a:after{ content:url(//tabi-rin.com/wp-content/themes/tabirin/img/common/head-nav-article-en.png);}
nav#head-nav ul>li.head-nav-bicycle-info>a:after{ content:url(//tabi-rin.com/wp-content/themes/tabirin/img/common/head-nav-bicycle-info-en.png);}
nav#head-nav ul>li.head-nav-map-delivery>a:after{ content:url(//tabi-rin.com/wp-content/themes/tabirin/img/common/head-nav-map-delivery-en.png);}
nav#head-nav ul>li.head-nav-map-gallery>a:after{ content:url(//tabi-rin.com/wp-content/themes/tabirin/img/common/head-nav-map-gallery-en.png);}
nav#head-nav ul>li.head-nav-about{ display:none;}
nav#head-nav ul>li.head-nav-contact{ display:none;}
nav#head-nav ul>li.head-nav-english{ display:none;}
nav#head-nav ul>li.head-nav-sns{ display: none; }
@media screen and (min-width: 769px) {
body { padding-top: 100px; }
#head-link{
display: flex;
justify-content: flex-end; margin: 0 0 0 auto; border-bottom: solid 1px #eee; height: 30px;
}
#head-link p{
margin: 0 0 0 10px;
line-height: 1;
}
#head-link a{
text-decoration: none;
display: block;
}
#head-link .sns_icon{
padding-top: 4px;
}
.head_button1 a,
.head_button2 a{
text-decoration: none;
color: #fff;
position: relative;
padding: 5px 15px !important;
border-radius: 0 0 5px 5px;
}
.head_button1 a{
background: #d11819;
}
.head_button2 a{
background: #000;
} .megaMenu {
background-color: #fff;
border-radius: 0 0 10px 10px;
height: 0;
top: 70px;
margin: auto;
overflow: hidden;
position: absolute;
right: 0;
text-align: center;
transition: height .3s;
z-index: 9999;
}
nav#head-nav ul>li.hover-active .megaMenu {
height: auto;
padding: 15px;
border: solid 1px #eee;
border-top: solid 1px #ccc;;
}
.head-nav-course .megaMenu{
width: calc(100% + 200px);
left: -100px;
}
.head-nav-bicycle-info .megaMenu{
width: calc(100% + 300px);
left: -150px;
}
.head-nav-area .megaMenu{
width: calc(100% + 50px);
left: -25px;
}
.head-nav-article .megaMenu,
.head-nav-map-gallery .megaMenu{
width: calc(100% + 10px);
left: -5px;
}
.megaMenu a{
text-decoration: none;
}
.megaMenu p{
text-align: center;
position: relative;
}
.megaMenu p::before{
content: '';
display: block;
position: absolute;
top: -20px;
left: calc(50% - 15px);
border-top: 15px solid #EC6C00;
border-right: 15px solid transparent;
border-left: 15px solid transparent;
}
.megaMenu p a{
display: block;
font-weight: bold;
font-size: 1.6rem;
padding: 8px 0;
border-bottom: solid 2px #EC6C00;
}
.megaMenu div{
text-align: left;
}
.head-nav-course .megaMenu div,
.head-nav-bicycle-info .megaMenu div{
display: flex;
}
.head-nav-course .megaMenu dl:first-child,
.head-nav-bicycle-info .megaMenu dl:first-child{
padding-right: 20px;
margin-right: 20px;
border-right: solid 1px #ccc;
}
.megaMenu div dt{
font-size: 1.3rem;
padding: 5px 0;
}
.megaMenu div dt::before{
content: '';
display: inline-block;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #EC6C00;
margin-right: 6px;
}
.megaMenu div dd{
font-size: 1.1rem;
padding: 5px 0;
position: relative;
}
.megaMenu div dd::before{
content: '・';
margin-left: -3px;
}
.megaMenu div a{
color: #000;
}
.megaMenu p a:hover,
.megaMenu div a:hover{
text-decoration: underline;
}
}
@media screen and (max-width: 768px) {
body { padding-top: 44px; }
#logo{}
#logo img{ width:44px;}
#head-all-display{ display:block; font-size:0; margin-left:69px; padding:12px 0 0;}
ul#head-all-display-number{ float:left;}
ul#head-all-display-number li{ float:left; height:50%; width:50%;}
#head-all-display-number img{ height:24px; float:left;}
#head-all-display-number img.head-all-display-icon{ margin-right:5px;}
#head-all-display-number img.head-all-display-number{ margin-right:2px;}
#head-all-display-number img.head-all-display-course{ margin-right:5px;margin-left:3px; border-right:1px solid #ccc; padding-right:10px; margin-right:10px;}
#head-all-display-number img.head-all-display-total{ margin-right:5px;}
#head-all-display-number img.head-all-display-km{ margin-left:5px;}
header .inner{height:44px;}
#sidr_btn {display: block; position:fixed; top:0; right:0; height:44px; z-index:11; margin-top: env(safe-area-inset-top);}
#head-link{ display: none; }
nav#head-nav{}
nav#head-nav{ position: fixed;width: 260px; height: 100%;z-index:2000; top: 0;right: -260px; margin-top: env(safe-area-inset-top);}
nav#head-nav{ margin:0; padding:0; height:100%; max-width: inherit; background:#333;}
nav#head-nav #nav-ttl{ display: block; background:#000; padding:5px; text-align:center;font-family: 'Noto Sans Japanese', sans-serif; color:#fff;}
nav#head-nav ul{ display: block;table-layout: inherit;width: 100%; height:100%; padding-left:0;overflow-y: scroll; -webkit-overflow-scrolling: touch; padding-bottom: 100px; }
nav#head-nav ul:after{ content:inherit;}
nav#head-nav ul li{ display: block; text-align: left; margin:0;vertical-align: middle; border-left:0px solid #fff; padding:0; border-bottom:1px #666 solid;}
nav#head-nav ul li a{ font-weight: normal;display: block;text-decoration: none;color: #fff;  padding:12px 10px; border:0; margin:0; font-size: 1.5rem;}
nav#head-nav ul li a:hover{ background:none; border-radius:0;}
nav#head-nav ul li a span{ font-size:1.1rem; color:#999; display:block;font-family: 'Noto Sans Japanese', sans-serif;}
nav#head-nav ul li a:hover span{}
nav#head-nav ul li a:after{display:none;}
nav#head-nav ul li.head-nav-front{ display: block;}
nav#head-nav ul li.head-nav-about{display: block;}
nav#head-nav ul li.head-nav-contact{display: block;}
nav#head-nav ul li.head-nav-english{display: block;}
nav#head-nav ul li.head-nav-sns{display: block;}
nav#head-nav ul li.head-nav-sns{
border-bottom: none;
}
nav#head-nav .sns_icon_sp{
display: flex;
justify-content: center;
}
nav#head-nav .sns_icon_sp p{
margin-bottom: 0;
}
.gnav .accordion_header{
position: relative;
}
.gnav .accordion_header::before{
content: '＋';
color: #fff;
font-size: 1.8rem;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
}
.gnav .accordion_header.open::before{
content: '－';
}
.gnav .accordion_inner {
display: none;
background: #fff;
}
.gnav .accordion_inner a{
color: #000 !important;
}
.gnav .accordion_inner p,
.gnav .accordion_inner dt,
.gnav .accordion_inner dd{
border-bottom: solid 1px #ccc;
}
.gnav .accordion_inner p{
margin-bottom: 0;
}
.gnav .accordion_inner p a{
color: #EC6C00 !important;
}
.gnav .accordion_inner p a,
.gnav .accordion_inner dt a{
padding: 10px !important;
font-weight: bold !important;
}
.gnav .accordion_inner dt a{
font-size: 1.5rem !important;
}
.gnav .accordion_inner dt a::before{
content: '';
display: inline-block;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #EC6C00;
margin-right: 6px;
}
.gnav .accordion_inner dd{
padding: 0 !important;
}
.gnav .accordion_inner dd a{
padding: 7px 10px !important;
border-left: solid 10px #ccc !important;
font-size: 1.4rem !important;
}
} #container{ margin:auto; max-width:1160px; margin:0 auto; padding:70px 30px ;}
#contents{}
#main {float: left;width: 100%; margin-right: -380px;padding-right: 380px; margin-bottom:40px;}
@media screen and (max-width: 768px) {
#container{padding:40px 10px 70px 10px ;}
#main {float:none;width: 100%; margin-right:0;padding-right:0;}
}
h1{ background:#EEEEEE; padding:15px 10px 15px; text-align:center; font-weight:600; font-size:2.8rem; line-height:1;}
h1 img{ display:block; margin:7px auto ;}
h1:before{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-bg-normal.png); display:block; margin-bottom:10px; line-height:0;}
h1:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-normal.png); display:block; line-height:0; margin-top:9px;}
h1.course:before{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-bg-course.png);}
h1.course:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-course.png);}
h1.map:before{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-bg-map.png);}
h1.map:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-map.png);}
h1.article:before{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-bg-article.png);}
h1.article:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-article.png);}
h1.bicycle-info:before{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-bg-bicycle-info.png);}
h1.bicycle-info:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-bicycle-info.png);}
h1.delivery_map:before{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-bg-map-delivery.png);}
h1.delivery_map:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-map-delivery.png);}
h1.cycling-info:before{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-bg-cycling-info.png);}
h1.cycling-info:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-cycling-info.png);}
h1.movie:before{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-bg-movie.png);}
h1.movie:after{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-video.png);}
h1.photo:before{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-bg-photo.png);}
h1.photo:after{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-photo.png);}
h1.about:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-about.png);}
h1.privacy-policy:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-privacy-policy.png);}
h1.disclaimer:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-disclaimer.png);}
h1.copyright-trademark:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-copyright-trademark.png);}
h1.agreement:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-agreement.png);}
h1.important-notice:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-important-notice.png);}
h1.application-form:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-application-form.png);}
h1.contact:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-contact.png);}
h1.contact-top:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-contact.png);}
h1.gallery:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-gallery.png);}
.page-id-746 h1:after,
.page-id-748 h1:after,
.page-id-750 h1:after{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-contact.png);}
.page-id-315 h1:after,
.page-id-626 h1:after,
.page-id-628 h1:after{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-contact.png);}
.page-id-33854 h1:after,
.page-id-33867 h1:after,
.page-id-33869 h1:after{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-contact.png);}
.page-id-33864 h1:after,
.page-id-33871 h1:after,
.page-id-33873 h1:after{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-contact.png);}
.page-id-33878 h1:after,
.page-id-33882 h1:after,
.page-id-33884 h1:after{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-contact.png);}
.center-btn{ margin:30px 0 50px;}
.center-btn a{ text-align:center; text-decoration:none; background:#FF8200; border-radius:4px; padding:10px; display:block; width:200px; margin:0 auto; color:#FFF; border-bottom:4px #d96f01 solid; font-weight: 600;line-height: 1.6;}
.center-btn a:after {font-family: "FontAwesome";content: '\f138';margin-left:5px;}
.tabi-btn {margin-left: auto;margin-right: auto;display: block;width: 60%;}
.tabi-btn:hover {opacity:0.6;}
.tabi-btn:after{ border-bottom: 5px rgba(0,0,0,0.2) solid;display: block; content: "";border-radius:0 0 5px 5px;}
.tabi-btn a {padding: 10px;text-align: center;box-sizing: border-box;display: block;width: 100%;height: 100%;text-decoration: none;}
@media screen and (max-width: 900px) {
.tabi-btn {width: 100%;}
}
.icon-midashi{ border-top:2px #333 solid; border-bottom:1px #CCC solid; padding:5px 0; font-weight:600; font-size:2.2rem; margin:40px 0 20px; clear:both;}
.icon-midashi>span{display:table;}
.icon-midashi>span>span{display:table-cell; vertical-align:middle; padding:0 10px;}
.icon-midashi>span:before{margin-bottom:10px; line-height:0; display:table-cell; vertical-align:middle;}
.icon-midashi>span:after {line-height:0; margin-top:9px; display:table-cell; vertical-align:middle;}
.icon-midashi-normal>span:before{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-bg-normal.png)}
.icon-midashi-normal>span:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-normal.png);}
.icon-midashi-ranking>span:before,.icon-midashi-ranking-map>span:before,.icon-midashi-ranking-article>span:before{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-bg-course-ranking.png);}
.icon-midashi-ranking>span:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-course-ranking.png);}
.icon-midashi-ranking-article>span:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-article-ranking.png);}
.icon-midashi-ranking-map>span:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-map-ranking.png);}
.icon-midashi-course>span:before,.icon-midashi-course-only>span:before,.icon-midashi-search-course>span:before{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-bg-course.png);}
.icon-midashi-course>span:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-course.png);}
.icon-midashi-search-course>span:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-search-course.png);}
.icon-midashi-course-only>span:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-course-only.png);}
.icon-midashi-map>span:before,.icon-midashi-map-only>span:before{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-bg-map.png);}
.icon-midashi-map>span:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-map.png);}
.icon-midashi-map-only>span:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-map-only.png);}
.icon-midashi-article>span:before{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-bg-article.png);}
.icon-midashi-article>span:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-article.png);}
.icon-midashi-bicycle-info>span:before{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-bg-bicycle-info.png);}
.icon-midashi-bicycle-info>span:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-bicycle-info.png);}
.icon-midashi-cycling-info>span:before,.icon-midashi-cycling-info2>span:before{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-bg-cycling-info.png);}
.icon-midashi-cycling-info>span:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-cycling-info.png);}
.icon-midashi-cycling-info2>span:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-cycling-info2.png);}
.icon-midashi-only-ranking>span:before{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-bg-cycling-info.png);}
.icon-midashi-only-ranking>span:after { content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-ranking.png);}
.icon-midashi-movie>span:before{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-bg-movie.png);}
.icon-midashi-movie>span:after{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-video.png);}
.icon-midashi-photo>span:before{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-bg-photo.png);}
.icon-midashi-photo>span:after{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-photo.png);}
.icon-midashi-spot>span:before{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-bg-spot.png);}
.icon-midashi-spot>span:after{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-spot-ranking.png);}
.icon-midashi-spots>span:before{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-bg-spot.png);}
.icon-midashi-spots>span:after{ content: url(//tabi-rin.com/wp-content/themes/tabirin/img/common/title-en-spot.png);} ul.course-list {background:#EEE; padding:3px; margin:0 0 40px;}
ul.course-list>li{float:left; width:25%; margin:0; border:3px #eee solid; background:#fff; position:relative;overflow: hidden;}
ul.course-list>li:nth-child(4n){margin:0 0 0 0;}
ul.course-list>li .tmb{ background: #f9f9f9;} ul.course-list>li .title{ font-size:1.6rem; font-weight:600; margin:0 0 8px;}
ul.course-list>li .data{ padding:10px;}
ul.course-list>li ul.cate{ margin:0 0 8px;}
ul.course-list>li ul.cate li{ float:left; margin:0 3px 3px 0; }
ul.course-list>li ul.cate li a{ border:1px #FF8200 solid; border-radius:3px; padding:1px 8px;font-size:1.2rem; background:#FF8200; color:#FFF; text-decoration:none;}
ul.course-list>li ul.cate li :hover{opacity: 0.7; }
ul.course-list>li ul.cate li.area a{}
ul.course-list>li ul.cate li.level a{ background:#fff; color:#FF8200;}
ul.course-list>li div.map{ margin: 0 0 10px; padding: 8px; background: #eee; }
ul.course-list>li div.map span{ font-size:12px; font-weight:700; display: block; margin-bottom: 5px; text-align: center;}
ul.course-list>li div.map dl dt{ display: table; table-layout: fixed; width: 70px; height: 70px; float:left; background:#fff; }
ul.course-list>li div.map dl dt a{ display: table-cell; text-align: center; vertical-align: middle;  padding:2px; width: 66px; height: 66px; }
ul.course-list>li div.map dl dt img{ max-width: 100%; max-height: 100%; }
@media all and (-ms-high-contrast: none){ ul.course-list>li div.map dl dt img{  } }
ul.course-list>li div.map dl dd{ width:calc(100% - 80px); float:right; }
ul.course-list>li div.map dl dd a{ font-size: 12px; color: #333; }
ul.course-list>li .distance{ float:left; font-size:1.2rem; background:url(//tabi-rin.com/wp-content/themes/tabirin/img/common/icon_distance.png) no-repeat 0 50%; padding:0 0 0 17px; margin:0 10px 0 0; font-weight:600; }
ul.course-list>li .box{ margin:0 0 12px;}
ul.course-list>li .distance span{ color:#FF8200; font-weight: normal;}
ul.course-list>li .elevation{ float:left; font-size:1.2rem; background:url(//tabi-rin.com/wp-content/themes/tabirin/img/common/icon_elevation.png) no-repeat 0 50%; padding:0 0 0 22px; font-weight:600;}
ul.course-list>li .elevation span{ color:#FF8200;font-weight: normal;}
ul.course-list>li ul.tag{ margin:0 0 15px;}
ul.course-list>li ul.tag li{ float:left;margin:0 3px 3px 0; }
ul.course-list>li ul.tag li a{ border:1px #CACACA solid; border-radius:3px; padding:1px 8px; font-size:1.2rem; background:#fff; color:#808080; text-decoration:none; display:block;}
ul.course-list>li ul.tag li a:hover{opacity: 0.7; }
ul.course-list-ranking{
counter-reset: ranking-mark;
}
ul.course-list-ranking>li:before {
position:absolute;
top:0;
left:0;
content: counter(ranking-mark, decimal);
counter-increment: ranking-mark;
background:#FF8200;
line-height:40px;
width:40px;
text-align:center;
font-size:1.6rem;
color:#FFF;
font-weight:600;
z-index: 999;
}
@media screen and (max-width: 768px){
ul.course-list-ranking>li:before {
line-height:30px;
width:40px;
font-size:1.4rem;
}
}
@media screen and (max-width: 768px) {
ul.course-list {}
ul.course-list>li{width:100%;}
ul.course-list>li .data{ padding:5px;}
ul.course-list>li ul.tag{ display:none;}
ul.course-list>li .tmb img{ width: 100%; } } ul.article-list { margin:0 0 40px;}
ul.article-list li{ border-top:1px #CCC solid; padding-top:20px;}
ul.article-list li:first-child{ border-top:none; padding-top:0;}
ul.article-list li .tmb{ width:38%; float:left; margin:0 0 10px;} ul.article-list li .data{ width:60%; float:right; margin:0 0 10px;}
ul.article-list li .data .title{ font-weight:600; font-size:1.8rem; margin:0 0 5px;}
ul.article-list li .data p{ color:#777;}
ul.article-list li .data a:link{color: #333;text-decoration:none;}
ul.article-list li .data a:visited{color: #444;text-decoration:none;}
ul.article-list li .data a:hover{ color: #FF8200; text-decoration:none;}
ul.article-list li .data a:active{color: #FF8200;text-decoration:none;}
.metadata{ color:#777; margin:0 0 10px;}
.metadata .date{ margin-right:15px;}
.metadata .date:before{ content:"DATE:"; color:#FF8200; margin-right:3px;}
.metadata .cate{ margin-right:15px;}
.metadata .cate:before{ content:"CATEGORY:"; color:#FF8200; margin-right:3px;}
.metadata .tag{ margin-right:15px;}
.metadata .tag:before{ content:"TAG："; color:#FF8200; margin-right:3px;}
.metadata .author{ margin-right:15px;}
.metadata .author:before{ content:"AUTHOR："; color:#FF8200; margin-right:3px;}
.metadata a:link{color: #333;text-decoration:none;}
.metadata a:visited{color: #444;text-decoration:none;}
.metadata a:hover{ color: #FF8200; text-decoration:none;}
.metadata a:active{color: #FF8200;text-decoration:none;}
@media screen and (max-width: 768px) {
ul.article-list li .tmb{ width:40%; float:left;}
ul.article-list li .data{ width:58%; float:right;}
ul.article-list li .data .title{ font-size:1.4rem;}
ul.article-list li .data .metadata .cate{ display:none;}
ul.article-list li .data p{ display:none;}
} #search-box{background:#333333; color:#FFF; border-radius:6px; margin:0 0 40px;}
.type-wrap{ display:block;}
dl.type{ padding:20px; border-top:1px #666 solid;}
dl.type dt{ text-align:center; font-weight:bold; margin:0 0 10px;}
dl.type dt:after{ margin-left:5px; height:12px; content:" ";display: inline-block;vertical-align: middle;}
dl.type-keyword{ border-top:0;} dl.type-keyword dd { text-align:center;}
dl.type-keyword dd input{ width:50%; padding:10px; border-radius:5px; border:0; font-size: 16px; }
dl.type-level{ float:left; width:50%; border-right:1px #666 solid;}
dl.type-level dt:after{width: 35px;;background: url(//tabi-rin.com/wp-content/themes/tabirin/css/img/common/search-level.png) no-repeat; background-size: contain;}
dl.type-level dd ul li{float:left; margin:0 0 10px; width:25%;}
dl.type-level dd ul li label{cursor: pointer;padding:5px;border:1px solid #FBB03B; border-right:0; background:#333; display:block; color:#FBB03B; font-size:1.6rem;  width:100%; text-align:center;}
dl.type-level dd ul li:first-child label{ border-radius:6px 0 0 6px;}
dl.type-level dd ul li:last-child label{ border-radius:0 6px 6px 0;border-right:1px solid #FBB03B;}
dl.type-level dd ul li input{display: none;}
dl.type-level dd ul li .check_box:checked + .label {background:#FBB03B; color:#333; font-weight:600;}
dl.type-area{ float:right; width:50%;}
dl.type-area dt:after{width: 56px; height:12px;background: url(//tabi-rin.com/wp-content/themes/tabirin/css/img/common/search-area.png) no-repeat; background-size: contain;}
dl.type-area dd ul li{float:left; margin-right:2%; margin-bottom:2%; width:32%;}
dl.type-area dd ul li:nth-child(3n){ margin-right:0;}
dl.type-area dd ul li label{cursor: pointer;padding:3px 5px;border: 1px solid #FBB03B; background:#333; display:block; border-radius:6px; color:#FBB03B; font-size:1.6rem; width:100%; text-align:center;}
dl.type-area dd ul li input{display: none;}
dl.type-area dd ul li .check_box:checked + .label {background:#FBB03B; color:#333;font-weight:600;}
dl.type-kind{ float:left; width:50%; border-right:1px #666 solid;}
dl.type-kind dt:after{width: 75px; height:12px; background: url(//tabi-rin.com/wp-content/themes/tabirin/css/img/common/search-coursetype.png) no-repeat; background-size: contain;}
dl.type-kind dd ul li{float:left; margin-right:2%; margin-bottom:2%; width:49%;}
dl.type-kind dd ul li:nth-child(2n){ margin-right:0;}
dl.type-kind dd ul li label{cursor: pointer;padding:3px 5px;border: 1px solid #FBB03B; background:#333; display:block; border-radius:6px; color:#FBB03B; font-size:1.6rem; width:100%; text-align:center;}
dl.type-kind dd ul li input{display: none;}
dl.type-kind dd ul li .check_box:checked + .label {background:#FBB03B; color:#333; font-weight:600;}
dl.type-distance{ float:left; width:50%;}
dl.type-distance dt:after{width: 55px; height:12px;background: url(//tabi-rin.com/wp-content/themes/tabirin/css/img/common/search-distance.png) no-repeat; background-size: contain;}
dl.type-elevation{ float:right; width:50%; border-left:1px #666 solid;}
dl.type-elevation dt:after{width: 62px; height:12px;background: url(//tabi-rin.com/wp-content/themes/tabirin/css/img/common/search-elevation.png) no-repeat; background-size: contain;}
.noUi-horizontal {height: 7px !important;background:#fff !important; border:0 !important;}
.noUi-connect { background:#FBB03B !important;}
.noUi-handle {width: 13px !important;height: 13px !important;border:2px solid #FFF !important;background:#FF8200 !important;left: -7px !important; top: -3px !important; box-shadow:none !important; border-radius:100% !important;}
.noUi-handle::before,
.noUi-handle::after
{display:none !important;}
.slider_parts{ display:table; width:100%; font-weight:600;}
.slider_parts .parts1{ display:table-cell;padding-right:12px;  text-align:left;}
.slider_parts .parts2{ display:table-cell; width: 100%;}
.slider_parts .parts3{ display:table-cell; padding-left:12px; text-align:right; font-size:1.8rem;}
.slider_value{ font-size:1.4rem; font-weight:900;color:#FBB03B; text-align:center;}
.slider_value .icon-mugen{ font-size:1.8rem;}
.slider_value .mugen img{}
.type-btn{ padding:20px 30px; text-align:center; border-top:1px #666 solid;}
.type-btn #detail_search{cursor: pointer; padding: 8px 5px; font-size:2.0rem; font-weight:300; width:20%;  border-radius:6px; background: #999; color:#FFF; border:0; text-align:center; display: inline-block; margin:0 20px;border-bottom: solid 4px #666;}
.type-btn button{cursor: pointer; padding: 8px 5px; font-size:2.0rem; font-weight:300; width:20%; border-radius:6px; background: #FF8200; color:#FFF; border:0; display: inline-block; height:100%; margin:0 20px;border-bottom: solid 4px #cc6000;line-height: 1.5;}
@media screen and (max-width: 768px) {
#container{ padding-left:0; padding-right:0;}
#search-box{border-radius:0;}
dl.type{ padding:20px 10px;}
dl.type-keyword dd input{ width:100%;}
dl.type-level{ float:none; width: auto;}
dl.type-area{  float:none; width: auto; border-left:0;}
dl.type-kind{  float:none; width: auto; border-left:0;}
dl.type-distance{ float:none; width: auto;}
dl.type-elevation{ float:none; width: auto;border-left:0;}
.type-btn{ padding:20px 10px;}
.type-btn #detail_search{width:40%; margin:0 10px 0 0;}
.type-btn button{width:40%; margin:0 0 0 10px;}
} #pager {clear:both;overflow: hidden;text-align:center;}
#pager ul {text-align: center;list-style: none;position: relative;}
#pager ul li {display: inline-block;margin: 0 1px;position: relative;}
#pager ul li.sp{display:none;}
#pager ul li span,
#pager ul li a {display: block;font-size: 1.6rem;padding: 5px 15px;font-weight:600;border-radius: 3px;}
#pager ul li a{text-decoration: none;color: #FFF;border-bottom: solid 4px #999;}
#pager ul li a {background: #ccc;color: #fff;text-decoration: none;}
#pager ul li.current span {background:#FF8200;text-decoration: none;color: #FFF;border-bottom: solid 4px #cc6000;}
#pager ul li a:hover {background: #333;color: #FFF;}
#pager ul li.prev{ float:left;}
#pager ul li.next{ float:right;}
#pager ul li.prev a,
#pager ul li.next a{background:#FF8200;text-decoration: none;color: #FFF;border-bottom: solid 4px #cc6000;}
#main #pager ul li span,
#main #pager ul li a {display: block;font-size: 1.5rem;padding: 3px 10px;font-weight:600;border-radius: 3px;}
@media screen and (max-width: 768px) {
#pager{ padding: 0 10px;}
#pager ul li{ display:none;}
#pager ul li.sp{display: inline-block;}
#pager ul li.sp span{font-weight:300;}
#pager ul li.prev,
#pager ul li.next{display:block;}
#main #pager ul li span,
#main #pager ul li a {font-size: 1.6rem;padding: 5px 15px;} }
#pager_split {clear:both;overflow: hidden;text-align:center;}
#pager_split ul {text-align: center;list-style: none;position: relative;}
#pager_split ul li {display: inline-block;margin: 0 1px;position: relative;}
#pager_split ul li.sp{display:none;}
#pager_split ul li span,
#pager_split ul li a {display: block;font-size: 1.6rem;padding: 5px 15px;font-weight:600;border-radius: 3px;}
#pager_split ul li a{text-decoration: none;color: #FFF;border-bottom: solid 4px #999;}
#pager_split ul li a {background: #ccc;color: #fff;text-decoration: none;}
#pager_split ul li.current span {background:#FF8200;text-decoration: none;color: #FFF;border-bottom: solid 4px #cc6000;}
#pager_split ul li a:hover {background: #333;color: #FFF;}
#pager_split ul li.prev{ float:left;}
#pager_split ul li.next{ float:right;}
#pager_split ul li.prev a,
#pager_split ul li.next a{background:#FF8200;text-decoration: none;color: #FFF;border-bottom: solid 4px #cc6000;}
#main #pager_split ul li span,
#main #pager_split ul li a {display: block;font-size: 1.5rem;padding: 3px 10px;font-weight:600;border-radius: 3px;}
@media screen and (max-width: 768px) {
#pager_split{ padding: 0 10px;} #pager_split ul li.sp{display: inline-block;}
#pager_split ul li.sp span{font-weight:300;}
#pager_split ul li.prev,
#pager_split ul li.next{display:block;}
#main #pager_split ul li span,
#main #pager_split ul li a {font-size: 1.6rem;padding: 5px 15px;}
} #side {float: right;width: 300px; margin-bottom:40px;}
@media screen and (max-width: 768px) {
#side {float:none;width: 100%;}
}
.side-title{ font-size:1.6rem; color:#FF8200; font-weight:600; border-bottom:1px #FF8200 solid; padding-bottom:2px; margin-bottom:10px;}
.side-box{margin-bottom:30px;}
.side-ads{margin: 0 auto 30px;}
#side input,#main input{margin: 0;padding: 0;background: none;border: none;border-radius: 0;outline: none;-webkit-appearance: none; -moz-appearance: none;appearance: none; font-size: 1.4rem; line-height: 1;}
#side input::-ms-clear,#main input::-ms-clear {visibility:hidden}
.article-btn {
cursor: pointer;
text-align: center;
text-decoration: none;
background: #FF8200;
border-radius: 4px;
padding: 10px;
display: block;
width: 200px;
margin: 0 auto;
color: #FFF;
border-bottom: 4px #d96f01 solid;
font-weight: 600;
line-height: 1.6;
margin-top: 20px;
}
.article-btn input {
color: #fff;
cursor: pointer;
}
#article_search_form {
margin-bottom: 30px;
}
#article_search_form .article_tag_title {
border-right: 2px solid #cbcaca;
inline-size: 130px;
overflow-wrap: break-word;
}
@media screen and (min-width: 768px) {
#article_search_form .article_tag_title {
width: 20%;
border-right: 2px solid #cbcaca;
}
} .article_tag_title {
margin-bottom: 10px;
}
.article_tag_title label input {
display: none;
}
.article_tag_title label input:checked + span {
background-color: #333;
color: #fff;
}
.article_tag_title label span { background-color: #e3ddc9;
float: left;
margin: 0 5px 5px 5px; text-align: center;
line-height: 25px;
padding-left: 10px;
padding-right: 10px;
cursor: pointer;
border: 1px solid #000;
border-radius: 5px;
}
.article_tag_title label span:hover {
background-color: #333;
color: #fff;
} .tag_checkbox_lists {
margin-bottom: 10px;
}
.tag_checkbox_lists label input {
display: none;
}
.tag_checkbox_lists label input:checked + span {
background-color: #333;
color: #fff;
}
.tag_checkbox_lists label span { float: left;
margin: 0 5px 5px 5px; text-align: center;
line-height: 25px;
padding-left: 10px;
padding-right: 10px;
cursor: pointer;
border: 1px solid #000;
border-radius: 5px;
background-color: #fff;
}
.tag_checkbox_lists label span:hover {
background-color: #333;
color: #fff;
}
.article_child_area {
border-bottom: 2px solid #cbcaca; } .article_check_column th,
.article_check_column td {
border: 2px solid #cbcaca;
border-left: none;
border-right: none; padding: 8px 12px;
padding-top: 12px;
}
@media screen and (min-width: 769px) {
#main .side-box,#main .side-search{ display: none; }
}
#searchform {border: #ccc 1px solid;position:relative;padding:10px;}
.search-form {border: #ccc 1px solid;position:relative;padding:10px;}
#searchtext{ width: 100%;}
#searchsubmit { border-radius: 0;position: absolute;width:1.5em;height:1.5em;z-index: 20; box-sizing: border-box; font-family: FontAwesome; right: 10px !important;top: 10px !important;background-color: transparent;border: none; cursor: pointer; outline: none; padding: 0; appearance: none;}
ul.side-article-list{}
ul.side-article-list li{ margin:0 0 15px;}
ul.side-article-list li .tmb{ width:100px; float:left;} ul.side-article-list li .data{ width:185px; float:right;}
ul.side-article-list li .data .title{ font-size:1.3rem; margin:0 0 5px; font-weight:600;}
ul.side-article-list li .data a:link{color: #333;text-decoration:none;}
ul.side-article-list li .data a:visited{color: #444;text-decoration:none;}
ul.side-article-list li .data a:hover{ color: #FF8200; text-decoration:none;}
ul.side-article-list li .data a:active{color: #FF8200;text-decoration:none;}
@media screen and (max-width: 768px) {
ul.side-article-list li .tmb{ width:30%; float:left;}
ul.side-article-list li .data{ width:68%; float:right;}
ul.side-article-list li .data .title{ font-size:1.4rem;}
}
ul.side-article-list-ranking {counter-reset: ranking-mark;}
ul.side-article-list-ranking li{ position: relative;}
ul.side-article-list-ranking li:before { position:absolute; top:0; left:0; content: counter(ranking-mark, decimal);counter-increment: ranking-mark; background:#FF8200; line-height:1.5em; width:1.5em; text-align:center; font-size:1.1rem; color:#FFF; font-weight:600; z-index: 10;}
ul.side-cate-list{}
ul.side-cate-list li{ margin:0 0 5px; font-weight:600;}
ul.side-cate-list li:before{ font-family: "FontAwesome"; content: '\f138';margin-right:5px;color:#FF8200; }
ul.side-cate-list li span{ color:#777; font-weight:300;}
ul.side-cate-list li a:link{color: #333;text-decoration:none;}
ul.side-cate-list li a:visited{color: #444;text-decoration:none;}
ul.side-cate-list li a:hover{ color: #FF8200; text-decoration:none;}
ul.side-cate-list li a:active{color: #FF8200;text-decoration:none;} #content_top_area { }
.contact_type {
margin-bottom: 35px;
}
.contact_type a {
display: block;
width: 100%;
border: solid 1px;
border-radius: 5px;
padding: 15px;
text-decoration: none;
background: #ee7100;
color: #fff;
}
.contact_type a:hover {
background-color: #FF8200;
color: #FFF;
}
.contact_type a:before {
font-family: "FontAwesome";
content: '\f138';
margin-right: 10px;
}
#contact_category_box {
width: 100%;
height: 35px;
border-radius: 3px;
font-size: 100%;
} .ad-footer{
background: #f3f3f3;
padding: 20px 10px ;
max-height: 150px;
}
.ad-footer div{
max-width: 1080px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
.ad-footer{
padding: 10px 10px ;
max-height: inherit;
}
.ad-footer div{
max-width:inherit;
overflow: hidden;
max-height: 300px;
}
}
footer{color:#fff; font-size:1.2rem; padding:0 0 15px; background:#FBB03B;}
footer a,
footer a:link,
footer a:visited,
footer a:active{
color: #333;
text-decoration:none;
}
footer a:hover{
text-decoration:underline;
}
footer .sns{position: relative;  overflow: hidden; font-size:20px; margin:0 0 0; text-align:center; background:#FCC064; padding:20px 0 20px;}
footer .sns ul{position: relative;left: 50%;float: left;}
footer .sns ul li{position: relative;left: -50%; float: left; list-style: none; margin:0 10px;}
footer .sns ul li a{ display: inline-block; background:#FFF; border-radius:50%; width:40px; height:40px; line-height:40px;  color:#d99019;}
@media (max-width: 768px) {
footer .sns{font-size:26px;}
footer .sns ul li a{ width:70px; height:70px; line-height:70px;}
}
#fnavi{ margin:0 0 40px; max-width: 1100px; margin:0 auto; padding:10px;}
#fnavi .title{display:none;}
#fnavi .flogo{width:80px;float:left;}
#fnavi>ul{ float:right;}
#fnavi>ul::after{content:none;}
#fnavi>ul>li{ float:left; margin-left:100px;}
#fnavi>ul>li>.large-menu{font-weight: bold;margin: 15px 0 5px;}
#fnavi>ul>li>ul{margin-bottom: 10px;}
#fnavi>ul>li>ul>li{ font-size:1.2rem;}
#fnavi>ul>li>ul>li a,
#fnavi>ul>li>ul>li a:link,
#fnavi>ul>li>ul>li a:visited,
#fnavi>ul>li>ul>li a:active{
color: #333;
text-decoration:none;
}
#fnavi>ul>li>ul>li a:hover{
text-decoration:underline;
}
@media screen and (max-width: 768px) {
footer{padding:0 0 15px;}
#fnavi{ margin:0 0 15px; padding:0;}
#fnavi .title{ display:block; font-weight:bold; text-align:center; color:#fff; background:#FBB03B; padding:3px; font-size:1.1rem;}
#fnavi .flogo{ display:none;}
#fnavi>ul{ display: block; table-layout: auto;width:100%;}
#fnavi>ul::after{content:none;}
#fnavi>ul>li{ float:none; margin-left:0;}
#fnavi>ul>li.flogo{ display:none;}
#fnavi>ul>li>.large-menu{font-weight: bold;margin:0; border-top:1px #CCC solid;}
#fnavi>ul>li>.large-menu a{ display:block; padding:12px 10px; color:#333; background:#FFF;}
#fnavi>ul>li>.large-menu a:hover{ color: #333; text-decoration:none;}
#fnavi>ul>li>.large-menu a:before{ content:"\f138";font-family: FontAwesome; margin-right:5px;}
#fnavi>ul>li>ul{margin-bottom:0; display:none;}
#fnavi>ul>li>ul.sub-menu{ display:block; margin-left:0;}
#fnavi>ul>li>ul>li{ font-size:1.1rem; border-top:1px #CCC solid;}
#fnavi>ul>li>ul>li a{ display:block; color:#333333; background:#FFF; display:block; padding:12px 10px 12px 20px; background:#f3f3f3; color:#333;}
#fnavi>ul>li>ul>li a:before{ content:"\f105";font-family: FontAwesome; margin-right:5px;}
#fnavi>ul>li>ul>li a:link{color: #333;text-decoration: none;}
#fnavi>ul>li>ul>li a:visited{color: #333;text-decoration: none;}
#fnavi>ul>li>ul>li a:hover{ color: #333; text-decoration:none;}
#fnavi>ul>li>ul>li a:active{color: #333;text-decoration: none;}
}
#f-visual{ background:url(//tabi-rin.com/wp-content/themes/tabirin/img/common/f-visual.png) repeat-x center;}
#f-visual .inner{ max-width:1280px; margin:0 auto 15px; height:187px;}
@media screen and (max-width: 1280px) {
#f-visual .inner{height: auto;}
}
#copyright{text-align:center; color:#fff;}
#pagetop_btn{
position: fixed;
bottom: 30px;
right: 30px;
display: none;
}
div#p_breadcrumb{
background: #fcfcfc;
}
div#breadcrumb {
position: relative;
max-width: 1100px;
margin: 0 auto; padding: 7px 10px;
}
@media screen and (min-width: 1120px) {
div#breadcrumb {
padding: 7px 0px;
}
}
div#change_text {
text-align: center;
font-size: 1.4rem; padding: 10px;
color: #FFF;
background-color: #000;
} table tr.sideber_area_list {
border-bottom: 1px #CCC solid;
}
table tr.sideber_area_list:last-child {
border-bottom: none;
}
th.main_area_name {
width: 18%;
padding-top: 10px;
color: #7b7b7b;
}
td.all_area_list {
padding-bottom: 7px;
padding-top: 9px;
}
td.all_area_list li {
float: left; width: 57px; text-align: center;
border: solid 1px;
border-radius: 3px;
border-color: #7b7b7b; padding: 1px;
margin-bottom: 4px;
margin-right: 4px;
}
.all_area_list li:hover {
background-color: #dadada;
}
li.side_each_area a {
color: #000;
text-decoration: none;
display: block;
}
.map_link_box {
text-align: center;
}
.icon_lists {
margin-top: 10px;
}
.info-icon {
padding: 10px 10px 2px;
background: #EEE;
}
.info-icon li {
display: inline-block;
margin: 0 0 8px 0;
width: 250px;
}
.info-icon li img {
width: 35px;
vertical-align: middle;
}
.info-icon li span {
margin-left: 5px;
font-size: 12px;
}
.column1_accordion_lavel {  position: relative;
display: block;
padding: 7px 10px; color: #fff;
font-size: 1.6em;
background: #333;
cursor:pointer;
}
.column1_accordion_lavel:after {
content: "";
position: absolute; right: 2%;
top: 36%;
transition: all 0.2s ease-in-out;
display: block;
width: 8px;
height: 8px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.column1_accordion_lavel.open:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 45%;
}
.column1_accordion_lavel:hover, .accordion-container .accordion-title:active {
background-color: #FF9932;
color: #fff;
}
.bicycle_category_title_noclick {
margin: 30px 0px 10px 0px;
position: relative;
display: block;
padding: 7px 10px;
text-align: center;
color: #fff;
font-size: 1.6em;
background: #333;
cursor:pointer;
}
.scroll { } .sns li {
float: left;
padding: 0 10px;
}
.sns .contact_user a {
display: block;
width: 100%;
border: solid 1px;
border-radius: 5px;
padding: 15px;
text-decoration: none;
background: #ee7100;
color: #fff;
margin-top: 10px;
width: 195px;
font-size: 15px;
}
.sns .contact_user a:before {
font-family: "FontAwesome";
content: '\f138';
margin-right: 10px;
}
.tabirin-app-pc {
display: block !important;
margin: 20px 30px 0 30px;
}
.tabirin-app-sp {
display: none !important;
}
.tabirin-insta-pc {
display: block !important;
}
@media screen and (max-width: 768px) {
.tabirin-app-pc {
display: none !important;
}
.tabirin-app-sp {
display: block !important;
padding: 0 29px;
}
.tabirin-insta-pc {
display: none !important;
}
}
.good_user {
float: left;
padding: 0 10px;
} .article-search-box {
background-color: #f7f7f7;
padding-top: 10px;
padding-bottom: 20px;
margin-bottom: 15px;
}
.article-search-title {
text-align: center;
font-size: 16px; margin-bottom: 5px;
}
.search-box-area {
text-align: center;
padding: 20px 20% 20px;
}
.search-form-area {
border: #ccc 1px solid;
position: relative;
padding: 10px;
background-color: #fff;
}
.article-title {
font-size: 1.6rem;
font-weight: 600;
border-top: 2px #000 solid;
border-bottom: 1px #000 solid;
padding-bottom: 2px; margin-bottom: 20px;
}
.article-title p {
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}
ul.article-category-list {
margin-bottom: 20px;
}
ul.article-category-list li {
float: left;
width: 32.5%;
margin-right: 1%;
margin-bottom: 1%;
position: relative;
}
ul.article-category-list li:nth-child(3n) {
margin-right: 0;
}
ul.article-category-list li:nth-child(3n+1) {
clear: both;
}
ul.article-category-list li a span.name-position-one {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
white-space: nowrap;
color: #FFF;
font-size: 1.8rem;
font-weight: 600;
}
ul.article-category-list li a span.name-position-two {
position: absolute;
top: 30%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
white-space: nowrap;
color: #FFF;
font-size: 1.8rem;
font-weight: 600;
}
ul.article-category-list li {
background: rgba(0,0,0,1);
}
ul.article-category-list li a p {
position: absolute;
top: 40%; color: #FFF;
font-size: 1.2rem;
overflow-wrap: break-word; width: 95%;
text-align: center;
}
.search_tag_name {
padding: 0 0 10px 0;
font-size: 1.2rem;
}
.search_tag_name span {
padding: 3px 5px;
background: #E2E1DA;
border-radius: 3px;
color: #777;
display: inline-block;
}
@media screen and (max-width: 768px) {
ul.article-category-list li {
float: left;
width: 100%;
margin-bottom: 1%;
position: relative;
}
}
#writer-map {
width: 100%;
height: 400px;
display: block;
} .Bnr{
position: relative;
margin: 0 auto; display: none;
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif !important;
}
.Bnr .Bnr__img{
position: fixed;
bottom: 0;
right: 110px;
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
z-index: 1111;
}
.Bnr_sp .Bnr__img{
position: fixed;
bottom: 0;
right: 0px;
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
z-index: 1111;
width: 100%;
margin-bottom: env(safe-area-inset-bottom);
}
.Bnr__img__inner_pc{
width: 320px;
height: 240px;
box-sizing:border-box;
padding: 10px;
background-color: #fafafa;
}
.Bnr__img__inner_sp{
width: 100%;
height: 80%;
box-sizing:border-box;
padding: 10px;
background-color: #fafafa;
}
.Bnr__img__inner_sp p{
margin: 0;
}
.Bnr__img__inner_pc p{
margin: 0;
}
.Bnr .Bnr__img__inner a{
display: block;
}
.Bnr .Bnr__img p.close{
position: absolute;
right: 10px;
top:10px;
}
.Bnr .Bnr__img p.close a{
display: block;
width: 20px;
height: 25px;
text-align: center;
}
.Bnr .Bnr__img p.close a span{
display: block;
width: 1px;
height: 1px;
overflow: hidden;
}
.Bnr .Bnr__img p.close a i{
font-size: 20px;
z-index: 1111;
color: #222;
}
@media screen and (max-width: 768px) {
#pagetop_btn {
position: fixed; right: 30px;
display: none;
margin-bottom: env(safe-area-inset-bottom);
}
}
@media screen and (max-width: 450px){
#pagetop_btn {
margin-bottom: env(safe-area-inset-bottom); }
}
.post_count {
text-align: center;
font-size: 1.6rem;
font-weight: 600;
background: #f9f9f9;
padding: 8px;
}
.count {
color: #ff8200;
font-size: 2.6rem;
}
.article_check_box{
margin: 1.5em 0px 0px 0px;
}
.pc_icon {
display: block;
}
.sp_icon{
display: none;
}
@media screen and (max-width: 768px) {
.pc_icon {
display: none;
}
.sp_icon{
display: block;
}
}
body.single-article article .sns .widget {
max-width: 240px;
}
.Bnr .Bnr__img p.close {
position: absolute;
right: 10px;
top: 10px;
background: #fff;//追加
border-radius: 0 0 0 6px;//追加
}
@media screen and (min-width: 769px) {
#article-banner-pc{ margin-top: 30px; text-align: center; }
#article-banner-sp{ display: none; }
}
@media screen and (max-width: 768px) {
#article-banner-pc{ display: none; }
#article-banner-sp{ margin-top: 30px; text-align: center; }
} .gsc-results .gsc-cursor {
display: flex!important;
justify-content: center!important;
}
form.gsc-search-box {
margin-top: 3px!important;
margin-bottom: 2px!important;
}
.gsib_a {
padding: 0px 9px 0px 9px!important;
}
.gscb_a {
line-height: 22px!important;
font: 130% arial,sans-serif!important;
}
.gsst_a {
height:22px!important;
}
.gsc-input {
font-size: 14px!important;
height:22px!important;
padding-right: 0px!important;
}
#gs_id50 {
margin: 0px;
}
.gsc-search-button {
height:24px;
cursor: pointer;
}
.gsc-input-box {
padding-top: 0px!important;
padding-bottom: 0px!important;
border-top-left-radius: 0px!important;
border-bottom-left-radius: 0px!important;
}
@media screen and (max-width: 768px) {
.gsc-input-box{
margin-right: 5px!important;
}
.gsc-input {
height:32px!important;
}
form.gsc-search-box { padding-left: 8px!important;
}
table.gsc-search-box, table.gsc-input{
margin: 0!important;
}
table td.gsc-input {
width:75%;
}
table td.gsc-search-button {
width:25%;
padding-right: 3px;
}
button.gsc-search-button-v2{
width: 90%!important;
background-color: #777777;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
button.gsc-search-button-v2:hover{
background-color: #777777;
}
button.gsc-search-button {
height: 38px;
}
table.gsc-input td.gsib_b {
vertical-align: middle!important;
}
table.gsc-input a.gsst_a {
padding: 0px!important;
color: #a1b9ed!important;
}
table.gsc-input a.gsst_a span {
color: #a1b9ed!important;
}
table.gsc-input a.gsst_a span:hover {
color: #a1b9ed!important;
}
table.gsc-completion-container {
display:none!important;
}
} @media screen and (min-width: 769px) {
.tabirin-app-moneytizer{
display: block !important;
margin: 20px 30px 0 30px;
}
}
@media screen and (max-width: 768px) {
.tabirin-app-moneytizer{
display: block !important;
padding: 0 29px;
margin-top: 20px;
text-align: center;
}
} .privacy-container {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 30px;
margin-bottom: 20px;
}
.mw_wp_form_confirm .privacy-container{
display: none;
}
.privacy-agree {
display: flex;
flex-direction: column; align-items: flex-start; gap: 10px;
margin-bottom: 8px;
}
.privacy-agree input[type="checkbox"] {
width: 24px;
height: 24px;
appearance: none;
border: 2px solid #b84e28;
border-radius: 4px;
background-color: #fff;
cursor: pointer;
position: relative;
flex-shrink: 0;
} .privacy-agree input[type="checkbox"]:checked::after {
content: "";
position: absolute;
top: 3px;
left: 7px;
width: 6px;
height: 12px;
border: solid #b84e28;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
} .privacy-agree label {
font-size: 14px;
color: #333;
line-height: 1.2;
display: flex;
align-items: center;
}
.privacy-agree label span{
margin-top: 3px;
margin-left: 5px;
} .privacy-link {
font-size: 13px;
color: #00704a;
text-decoration: underline;
transition: color 0.2s ease;
}
.privacy-link:hover {
color: #004d33;
text-decoration: none;
}
.mwform-checkbox-field {
display: flex;
align-items: center;
gap: 8px;
} .privacy-agree .error {
color: #b84e28;
font-size: 13px;
}.slide-comment{
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background: rgba(0,0,0,.4);
padding: 20px 30px;
margin: 0;
}
.slide-comment span{
color: #fff;
} .wp-polls{
font-size: 1.6rem;
border: solid 1px #ccc;
padding: 20px;
}
.wp-polls p:last-child{
margin-bottom: 0;
}
.wp-polls p.question{
background: #889999;
color: #fff;
text-align: center;
padding: 8px;
}
.wp-polls ul.wp-polls-ul{
padding: 0;
margin: 20px 15px 30px 15px;
}
.wp-polls ul.wp-polls-ul li{
margin: 8px 0;
}
.wp-polls ul.wp-polls-ul li i{
color: #FF8200;
}
@font-face{font-family:"IonIcons";src:url(//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1);src:url(//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1#iefix) format("embedded-opentype"),url(//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1) format("truetype"),url(//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1) format("woff"),url(//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons) format("svg");font-weight:normal;font-style:normal}
.label-radio input[type="radio"]{
display: none;
}
.label-radio{
cursor: pointer; font-weight: normal;
}
.label-radio .lever:before{
content:"\f3a6";
font-family: "IonIcons";
margin-right: 12px;
color: #ccc;
font-size: 18px;
position: relative;
top: 2px;
}
.label-radio input[type="radio"]:checked + .lever{
color: #FF8200;
}
.label-radio input[type="radio"]:checked + .lever:before{
content:"\f3a7";
font-family: "IonIcons";
color: #FF8200;
}
.wp-polls .Buttons{
cursor: pointer;
padding: 8px 5px;
font-size: 1.5rem;
font-weight: 300;
width: 20%;
border-radius: 6px;
background: #FF8200;
color: #FFF;
border: 0;
display: inline-block;
height: 100%;
margin: 0 20px;
border-bottom: solid 4px #cc6000;
line-height: 1.5;
}.addtoany_content{clear:both;margin:16px auto}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.a2a_kit a:empty,.a2a_kit a[class^="a2a_button_"]:has(.a2a_s_undefined){display:none}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:32px;line-height:32px;width:32px}.addtoany_list a:not(.addtoany_special_service)>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.site .a2a_kit.addtoany_list a:focus,.addtoany_list a:hover,.widget .addtoany_list a:hover{background:none;border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}div.reaction_buttons{  } div.reaction_buttons li.reaction_button { line-height: 2.2em; cursor: pointer;
list-style: none;
text-align: center;
display: inline-block;
-moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
} div.reaction_buttons li.reaction_button:hover {
opacity: 0.6; } div.reaction_buttons ul.graph {
clear: both;
padding: 0;
width: 90%;
}
div.reaction_buttons ul.graph li.reaction_button {
height: 125px;
padding: 0;
position: relative;
vertical-align: bottom;
margin: 0 auto;
padding-left: 10px;
text-align: left;
display: block;
background: #4ecdc4;
border: 1px solid #4ecdc4;
background-image: -moz-linear-gradient(#76d8d1, #4ecdc4 70%);
background-image: -webkit-linear-gradient(#76d8d1, #4ecdc4 70%);
background-image: linear-gradient(#76d8d1, #4ecdc4 70%);
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px;
border-radius: 4px 4px 0 0;
-moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
}
div.reaction_buttons li.reaction_button:before {
float: left;
content:"";
display:inline-block;
width:3.5em;
height:3.5em;
background:url(//tabi-rin.com/wp-content/plugins/reaction-buttons/image1.png) no-repeat;
background-size:contain;
margin-right: 8px;
}
div.good_button_box {
float: left;
}
span.count_number {
position: relative;
background-color: #fff;
border: #778899 solid 1px;
border-radius: 0.3em;
padding: 4px 12px;
text-align: center;
color: #333;
}
span.count_number::before {
content: "";
position: absolute;
border: 5px solid transparent;
border-right: 6px solid #778899;
right: 101%;
top: 35%;
}
span.count_number::after {
content: "";
position: absolute;
border: 5px solid transparent;
border-right: 6px solid #fff;
margin-right: -4px;
right: 107%;
top: 35%;
}
@media (min-width: 700px) {
div.reaction_buttons ul.graph {
height: 250px;
width: 100%;
}
div.reaction_buttons ul.graph li.reaction_button {
height: 250px;
margin: 0 1.8% 0 0;
padding: 0;
width: 17%;
display: inline-block;
}
div.reaction_buttons ul.graph li.reaction_button span.button_name {
bottom: -4em;
position: absolute;
}
div.reaction_buttons ul.graph li.reaction_button span.braces {
display: none;
}
div.reaction_buttons ul.graph li.reaction_button span.count_number {
bottom: 3px;
position: absolute;
font-size: 2em;
font-weight: bold;
}
} div.reaction_buttons li.voted,
div.reaction_buttons li.voted:hover {
cursor: default;
}   #sidebar div.widget_reaction_buttons h3 {
margin: 0;
margin-top: 4px;
font-size: 1.1em;
}
#sidebar div.widget_reaction_buttons ol {
margin-left: 25px;
}
@media screen and (max-width: 767px) {
div.sns li {
width: 100%;
}
div.good_user {
width: 100%;
}
}