@charset "UTF-8";

.cont_box img {max-width: 100%; height: auto;}
* {margin: 0; padding: 0 }
h1 {font-size: 1.4em; margin-bottom: 1em }
h2 {font-size: 1.2em; margin-bottom: 6px }
h3 {font-size: 1.1em; margin-bottom: 6px }
h4 {font-size: 1em; margin-bottom: 0.35em }
p {margin-bottom: 1em }
ul {padding-left: 20px; margin-bottom: 1em }
ol {padding-left: 28px; margin-bottom: 1em }
a img {border: 0 }
img {height: auto;max-width: 100%;}
iframe {width: 100%;height: auto;aspect-ratio: 16/9;}
a:hover {color: #CC0000; text-decoration: none; position: relative; top: 1px; left: 1px;}
.red {color: #CC0000 }
.green {color: #336633 }
.fl {float: left; margin-right:6px }
.fr {float: right; margin-left:6px }
.mt10 {margin-top: 10px !important;} body {font-family: Arial, Helvetica, sans-serif; text-align: center; margin: 0 auto; color: #333; background: url(//cycleshop-fun.com/common/header_back.jpg) repeat-x #ccc; font-size: 82%;}
#container-inner {width: 840px; height: auto; overflow: visible; text-align: left; margin: 0 auto; background-color: #fff;} #header {background: url(//cycleshop-fun.com/common/header_naviback.jpg) repeat-x;margin-bottom: 10px;}
#header a:hover {position: relative; top: 0px; left: 0px }
#header-name {float: left }
.main-index #header-name {margin-bottom: 5px;}
#header-description {font-size: 12px;line-height: 1.3;text-align: justify;font-weight: normal;height: 55px;margin: 0;padding-right: 10px;}
#header_image {margin-bottom: 15px;padding: 0 20px;}
#header ul.navi {list-style-type: none }
#header li, #header li a {display: block; height: 23px; float: left; margin-right: 10px; _margin-right: 5px }
#header li#info a {background: url(//cycleshop-fun.com/common/header_navi_back.jpg) no-repeat 0 -55px; width: 84px; text-indent: -9999px }
#header li#info a:hover {background: url(//cycleshop-fun.com/common/header_navi_back.jpg) no-repeat 0 -85px }
#header li#topics a {background: url(//cycleshop-fun.com/common/header_navi_back.jpg) no-repeat -98px -55px; width: 46px; text-indent: -9999px }
#header li#topics a:hover {background: url(//cycleshop-fun.com/common/header_navi_back.jpg) no-repeat -98px -85px }
#header li#service a {background: url(//cycleshop-fun.com/common/header_navi_back.jpg) no-repeat -160px -55px; width: 53px; text-indent: -9999px }
#header li#service a:hover {background: url(//cycleshop-fun.com/common/header_navi_back.jpg) no-repeat -160px -85px }
#header li#event a {background: url(//cycleshop-fun.com/common/header_navi_back.jpg) no-repeat -229px -55px; width: 40px; text-indent: -9999px }
#header li#event a:hover {background: url(//cycleshop-fun.com/common/header_navi_back.jpg) no-repeat -229px -85px }
#header li#sale a {background: url(//cycleshop-fun.com/common/header_navi_back.jpg) no-repeat -283px -55px; width: 37px; text-indent: -9999px }
#header li#sale a:hover {background: url(//cycleshop-fun.com/common/header_navi_back.jpg) no-repeat -283px -85px }
#header li#guide a {background: url(//cycleshop-fun.com/common/header_navi_back.jpg) no-repeat -335px -55px; width: 75px; text-indent: -9999px }
#header li#guide a:hover {background: url(//cycleshop-fun.com/common/header_navi_back.jpg) no-repeat -335px -85px }
#header li#blog a {background: url(//cycleshop-fun.com/common/header_navi_back.jpg) no-repeat -426px -55px; width: 35px; text-indent: -9999px }
#header li#blog a:hover {background: url(//cycleshop-fun.com/common/header_navi_back.jpg) no-repeat -426px -85px }
#header li#mail a {background: url(//cycleshop-fun.com/common/header_navi_back.jpg) no-repeat -478px -55px; width: 33px; text-indent: -9999px }
#header li#mail a:hover {background: url(//cycleshop-fun.com/common/header_navi_back.jpg) no-repeat -478px -85px }
#header li#mail a {margin-right: 0 } #content {width: 800px; margin: 0 auto }
#content-inner {display: grid;grid-template-columns: 1fr 230px;gap: 20px;}
.main-index #content-inner {grid-template-columns: 197px 1fr 197px;}
.main-index #main_content {order: 2;} #sidebar_right {padding-right: 10px;order: 2;}
.main-index #sidebar_right {padding-right: 0;}
#sidebar_left h3, #sidebar_right h3 {font-size: 12px; color: #CC0000; margin-bottom: 3px;}
#sidebar_left div.widget, #sidebar_right div.widget {width: 181px; background: url(//cycleshop-fun.com/common/sidebox_01.gif) no-repeat; padding: 8px 8px 0 8px; font-size: 12px; margin: auto;}
#sidebar_left div.wbottom, #sidebar_right div.wbottom {width: 197px; height: 10px; background: url(//cycleshop-fun.com/common/sidebox_02.gif) no-repeat; margin: auto; margin-bottom: 6px;}
#sidebar_left div.widget h3, #sidebar_right div.widget h3 {height: 20px; background: url(//cycleshop-fun.com/common/w_title_back.gif) no-repeat; color: #fff; line-height: 20px; padding-left: 16px;}
#sidebar_left div.widget h3 a, #sidebar_right div.widget h3 a {color: #fff }
#sidebar_left div.widget hr, #sidebar_right div.widget hr {height: 1px; margin: 3px 0; border: none; border-bottom: dotted 1px #ccc;}
#sidebar_left div.widget img, #sidebar_right div.widget img {margin-bottom: 4px;}
#sidebar_left p, #sidebar_right p {font-size: 12px; margin-bottom: 1em }
#sidebar_left ul, #sidebar_right ul {list-style-type: none } ul.side_menu {margin: 0; padding: 0; margin-bottom: 15px; list-style-type: none; width: 220px;}
ul.side_menu li a {display: block; background: url(//cycleshop-fun.com/common/menu_back.gif) no-repeat; height: 19px; width: 194px; padding: 5px 0 0 26px; color: #666; text-decoration: none;}
ul.side_menu li a:hover {color: #000; text-decoration: underline;}
ul.side_menu li.noitem {display: block; background: url(//cycleshop-fun.com/common/menu_back.gif) no-repeat; height: 19px; width: 194px; padding: 5px 0 0 26px; color: #999;} #footer {clear: all; margin-top: 15px; font-size: 12px; padding-bottom: 20px; background: url(//cycleshop-fun.com/common/footer_back.jpg) repeat-x top; color: #ccc;}
#footer-inner {height: 100px;}
#footer-content {padding: 0 24px;position: relative;}
#footer a {color: #fff }
#footer a:hover {color: #FFFF00 }
#footer_navi {height: 28px; line-height: 28px; color: #fff; margin-bottom: 15px }
#footer_navi a {text-decoration: none; margin: 0 3px }
#footer_navi a:hover {text-decoration: underline }
#footer div#copy {color: #ccc }
#footer_sns {position: absolute;right: 20px;bottom: 0;}
#footer_sns ul {margin: 0;display: flex;gap: 15px;list-style: none;padding: 0;} .shopinfo dl {border-bottom: dotted 1px #ccc; padding: 0 2px 2px 2px }
.shopinfo dt {color: #999 }
.rss_feed {margin-top: 15px; text-align: center }
.shopinfo div.rss_feed {margin: 0; margin-top: 8px }
.top_newtopics_header {padding-left: 4px; margin-bottom: 3px }
.top_newtopics {width: 370px; background: url(//cycleshop-fun.com/common/top_ntback_01.gif) no-repeat; margin-bottom: 8px }
.top_newtopics h3 {height: 33px; line-height: 33px; color: #fff; padding-left: 24px }
.top_newtopics div.inner {padding: 0 10px 0 15px; line-height: 135% }
.top_newtopics p {margin-bottom: 0.6em; line-height: 135% }
.top_newtopics_bottom {width: 360px; height: 18px; background: url(//cycleshop-fun.com/common/top_ntback_02.gif) no-repeat; color: #fff; text-align: right; padding: 2px 10px 0 0; font-size: 12px;}
.top_newtopics ul {font-size: 12px; list-style-type: none; padding-left: 8px }
.top_newtopics ul span.date {font-size: 12px; color: #666; white-space: nowrap }
.top_newtopics ul li {margin-bottom: 6px; background: url(//cycleshop-fun.com/common/list_mark.gif) no-repeat left 2px; padding-left: 15px }
.top_newtopics h3 a {color: #fff }
.top_newtopics_bottom a {color: #fff }
.top_newtopics h3 a:hover, .top_newtopics_bottom a:hover {color: #FFFF00 }
.top_newtopics .inner img {float: left; margin: 0 3px 3px 0 }
.top_brand {width: 370px; background: url(//cycleshop-fun.com/common/handling_brand_01.gif) no-repeat; margin-bottom: 8px }
.top_brand h3 {height: 33px; line-height: 33px; color: #fff; padding-left: 24px }
.top_brand div.inner {text-align: center; padding: 0 3px 8px 3px }
.top_brand div.inner img, .top_brand_banner img {margin: 2px; vertical-align: middle }
.top_brand_bottom {width: 360px; height: 18px; background: url(//cycleshop-fun.com/common/handling_brand_02.gif) no-repeat; color: #fff; text-align: right; padding: 2px 10px 0 0; font-size: 12px;}
.top_brand h3 a {color: #fff }
.top_brand_bottom a {color: #fff }
.top_brand h3 a:hover, .top_brand_bottom a:hover {color: #FFFF00 }
.feedburner ul, .feedburner li, .feedburner p {padding: 0; margin: 0 }
.feedburner li {border-bottom: dotted 1px #ccc; padding: 0 2px } #breadcrumbs {font-size: 12px; padding: 0 0 15px 8px }
#page-title {background: url(//cycleshop-fun.com/common/page_title_back.gif) no-repeat; color: #fff; height: 28px; width: 520px; overflow: hidden; padding: 5px 0 0 30px; font-size: 18px;}
.asset-content {padding: 1em 10px;}
.main-index .asset-content {padding: 1em 0;}
.asset-content h2 {background: url(//cycleshop-fun.com/common/et_back.gif) no-repeat left top; padding-left: 32px; margin-bottom: 6px;}
.asset-content h3 {background: url(//cycleshop-fun.com/common/list_mark.gif) no-repeat left 2px; margin-bottom: 6px; padding-left: 15px;}
.asset-content h4 {color: #000;}
.asset-content p {line-height: 136%; margin-bottom: 1.5em;}
.asset-content ul, .asset-content ol {margin-bottom: 2em }
.asset-content li {line-height: 136%; margin-bottom: 6px }
.asset-content table {width: 100%;border: solid 1px #ccc;border-collapse: collapse;margin-bottom: 1em;}
.asset-content th {border: solid 1px #ccc; padding: 3px 6px; background-color: #efefef; font-weight: normal; white-space: nowrap; text-align: center;}
.asset-content td {border: solid 1px #ccc; padding: 3px 6px }
.asset-content div.box {border: double 4px #ccc; padding: 10px 10px 0 10px; margin-bottom: 1em }
.asset-header h2 {background: url(//cycleshop-fun.com/common/et_back.gif) no-repeat 10px top; padding-left: 42px; margin-bottom: 6px;}
.entry-title a {color: #666 }
.entry-title a:hover {color: #333 }
.asset-more-link {clear: both; text-align: right; border-top: dotted 1px #ccc;}
p.asset-more-link {margin-bottom: 3px;}
.asset-content p.entry_date {clear: both; text-align: right;margin-top: 20px;}
.asset-content div#more {clear: both; border-top: dotted 1px #ccc; padding-top: 1.5em;}
.asset-footer {clear: both;border-bottom: double 4px #333;padding: 5px 10px 4px 10px;margin: 3em 0 2em;font-size: 12px;background: url(//cycleshop-fun.com/common/asset-footer_back.jpg) repeat-x top;}
.entrydate {text-align: right } .multiple-pages div {margin-bottom: 24px;font-size: 16px;display: flex;flex-wrap: wrap;--num: 15;--gap: 4px;gap: var(--gap);}
.multiple-pages b {padding: 3px 6px; border: solid 1px #ccc; background-color: #efefef }
.multiple-pages a {padding: 3px 6px; border: solid 1px #ccc }
.multiple-pages a:hover {background-color: #FF9933; color: #fff }
.multiple-pages div > * {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );display: grid;place-content: center;aspect-ratio: 1/1;box-sizing: border-box;padding: 0 !important;}
.multiple-pages--bf {width: calc((( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num)) * 4 + ( var(--gap) * 3)) !important;aspect-ratio: auto !important;} .widget-search #search {width: 98%;}
.fb-page {margin-bottom: 1.5em;} .vr_360 {margin: 0 auto 15px;padding: 0 20px;} #form body  {background-color:#ffffff; font-size:12px;}
#form p     {font-size:12px; color:#990000}
.asset-content #form td    {text-align:left;padding:5px 0;border: none;}
.asset-content #form th    {text-align:right;font-weight:normal;vertical-align:top;padding-top:11px;border: none;background: none;}
#form form  {margin-bottom:15px}
#form #rd   {color:#990000}
.asset-content #form table {border: none;}
#form input[type="submit"] {font-size: 14px;padding: 0 10px;cursor: pointer;}
.mw_wp_form {margin-bottom: 60px;}
.mw_wp_form_confirm .confirm_hidden, .mw_wp_form_confirm #form #rd {display: none;}
.asset-content .mw_wp_form_confirm #form td {padding-top: 11px;}
.confirm_visible {display: none !important}
.mw_wp_form_confirm .confirm_visible {display: block !important}  .aligncenter {text-align: center;}
.alignwide iframe {width: 100%;}
.mb0 {margin-bottom: 0px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}  .hamifix, .hamifix * {max-width: 530px !important;}  .sidecal {aspect-ratio: auto;}  .pagePlugninWrapper {padding: 0 17px;text-align: center;margin-top: 15px;}  .google_cal {border: 1px solid #999;border-radius: 8px;overflow: hidden;margin: 0 auto 30px;box-shadow: 2px 2px 3px #00000045;width: 800px;}
.google_cal__head {background: linear-gradient(to bottom,  #525252 0%,#676767 25%,#555555 50%,#0f0f0f 51%,#292929 75%,#000000 100%);font-size: 16px;font-weight: bold;line-height: 1.5;color: #fff;padding: 0.3em 0.5em;}
.google_cal__head::before {content: "≫ ";opacity: .7;}  .instagramFeedWrapper {max-width: 500px;margin: 20px auto 60px;}
.instagramFeedWrapper__head {text-align: center;font-size: 18px;font-weight: normal;margin: 0 auto 20px;position: relative;padding: 0 0 10px;}
.instagramFeedWrapper__head::after {content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);height: 1px;background: #333;min-width: 40px;}  .banners {border: 1px solid #999;background: #000000;border-radius: 6px;overflow: hidden;padding: 15px;display: flex;flex-direction: column;gap: 30px;margin: 0 auto 10px;}
.banners__row:nth-child(n+2) {position: relative;}
.banners__row:nth-child(n+2)::before {content: "";position: absolute;top: -15px;left: -15px;right: -15px;height: 1px;background: #e21827;}
.banners__row a {display: block;text-align: center;text-decoration: none;font-size: 14px;font-weight: normal;line-height: 1.2;color: inherit;background: #ffffff;padding: 10px;}
.banners__row figcaption {display: block;margin-top: 5px;}
.banners__row figcaption::after {content: " >";}  .brands {display: flex;flex-wrap: wrap;list-style: none;padding: 0;gap: 20px 10px;}
.brands > li {margin: 0 !important;width: 235px;}
.brands img {vertical-align: top;width: 100%;height: auto;}
.top_brand .brands {--num: 2;--gap: 10px;gap: var(--gap);padding: 0 10px;margin: 0;}
.top_brand .brands > li {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );}