html{
overflow: unset;
}
@media (max-width: 1250px){
body{
min-width: unset;
}
}
img{
max-width: 100%;
}
input, textarea {
border: 1px solid #ccc;
padding: 10px;
border-radius: 2px;
}
.pc #header { width:100%; min-width:1250px; position: sticky; top: 0; z-index: 100;}
.pc #header_top_inner {
height: 40px;
}
.pc #header_logo #logo_text, .pc #header_logo #logo_image {
text-align: left;
height: 100%;
position: absolute;
top: 0;
left: 20px;
transform: none;
display: flex;
align-items: center;
justify-content: flex-start;}
.pc #header .logo {
margin-left: 0;
}
.pc #header_logo img {
max-height: 30px;
}
.pc #global_menu > ul{
height: 40px;
padding-right: 100px;
}
.pc #global_menu > ul > li > a {
font-size:14px; text-decoration:none; height:40px; line-height:40px; display:block; padding:0 30px;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.pc #global_menu ul ul {
top: 40px;
}
@media (max-width: 1350px){
.pc #header{min-width: unset;}
.pc .header_inner{max-width: 100%;}
.pc #header_logo img {
width: 12vw;
}
.pc #global_menu > ul > li > a{padding: 0 10px;}
}
.sp{
display: none;
}
@media (max-width: 770px){
.sp{
display: block;
}
#global_menu li a {
height: 40px!important;
line-height: 40px!important;
}
#global_menu .child_menu_button .icon:before {
top: 8px;
}
#global_menu .child_menu_button {
height: 40px;
}
#logo_image_mobile img, #logo_image img {
position: relative!important;
top: unset;
bottom: unset;
padding-top: 10px;
}
}
#header_social_link {
z-index: 100;
top: 0;
}
#header_social_link li:hover:before {
color: #fff!important;
opacity: .5;
}
#header_social_link li.youtube a,
#footer_social_link li.youtube a{
text-indent: 0;
color: #fff;
padding-top: 10px;
padding-left: 9px;
box-sizing: border-box;
}
#header_social_link li.youtube a:hover{
text-decoration: none;
opacity: .5;
}
#footer_social_link li.youtube a:hover{
text-decoration: none;
color: #CA0000;
}
#header_social_link li.youtube a:hover img,
#footer_social_link li.youtube a:hover img{
opacity: .5;
}
#header_social_link li.youtube a img,
#footer_social_link li.youtube a img{
width: 17px;
height: 17px;
object-fit: contain;
margin-top: 10px;
margin-left: 9px;
}
.anchor{
margin-top: -80px!important;
padding-top: 80px!important;
display: block;
}
@media (max-width: 1250px){
#main_col{
width: 96%;
margin: 7vw auto 10vw
}
}
@media (max-width: 770px){
a.menu_button {width: 40px!important;height: 40px!important;line-height: 40px!important;}
a.menu_button:before {top: 8px!important;left: 8px!important;}
#header,
#logo_image_mobile a, #logo_image a,
#logo_image h1{
height: 40px!important;
line-height: 40px;
}
#logo_image_mobile img, #logo_image img {
width: 30vw;
max-height: 30px!important;
}
#footer_social_link {
display: flex!important;
margin: 10px 15px;
text-align: center;
align-items: center;
justify-content: center;
}
#main_col.archive-program {
padding: 30px 20px!important;
}
} .mv {
position: relative;
}
.mv::before{
content: "";
width: 30vw;
height: 16vw;
background: url(//shabondama.co.jp/wp/wp-content/themes/shabondama/img/logo.svg) center center no-repeat;
background-size: contain;
filter: drop-shadow(0 0 10px #000);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 1;
}
@media (max-width: 770px){
.mv::before{
width: 60vw;
height: 40vw;
}
.mobile .mobile_header_fix{
padding-top: 0!important;
}
.mobile .mobile_header_fix #header,
.mobile .mobile_header_fix.admin-bar #header{
top: 0!important;
position: sticky!important;
padding-top: 0!important;
background: #ca0000;
}
.mobile .mobile_header_fix.admin-bar {
padding-top: 46px!important;
}
#logo_image_mobile a, #logo_image a {
display: block!important;
height: 40px;
position: relative;
}
}
#banner-slider {
width: 100%;
height: auto;
position: relative;
margin: 0 auto;
}
.widget_my_calendar_mini_widget .mc-main {
position: relative;
}
.my-calendar-nav ul {
display: flex;
justify-content: space-between;
}
.mc_bottomnav.my-calendar-footer {
position: absolute;
top: 20px;
left: 100%;
}
.category-key ul li:nth-of-type(n+6) {
display: none;
}
.mini td {
padding: 5px!important;
vertical-align: middle;
width: 50px;
}
.mc-main.mini .no-events span.no-events,
.mc-main.mini .day-with-date a.mc-date{
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
}
@media (max-width: 770px){
.mc-main.mini .no-events span.no-events,
.mc-main.mini .day-with-date a.mc-date{
width: calc((100vw - 40px)/7 - 10px);align-content}
}
.mc-main.mini h3 {
padding: 2px 3px;
}
.mini .mcat_each-event{
background: #cc1dc4;
}
.mini .mcat_saleevent{
background: #1c933b;
}
.mini .mcat_sale{
background: #cc7619;
}
.mini .mcat_event{
background: #1bccc3;
}
.mini .mcat_closed{
background: #990000!important;
}
.mini.mc-main .category-key {
width: 150px;
}
.mc-main th {
background: #555;
border: 1px solid #777;
padding: 5px 0!important;
}
.mc-main th abbr {
border-bottom: none;
cursor: unset;
text-decoration: none;
}
.mini td {
background: #333;
border: 1px solid #777;
}
#footer_top .mini a{
text-decoration: none;
margin: 0 auto;
}
#footer_top .mini a:hover {
color: inherit;
opacity: .8;
}
#footer_top .mini .details{
display: none;
}
#media_image-4 a,
#media_image-5 a{
position: relative;
}
#media_image-4 a::before {
content: "";
width: 100%;
height: 100%;
background: url(//shabondama.co.jp/wp/wp-content/themes/shabondama/img/shopping.svg) center center no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
#media_image-5 a::before {
content: "";
width: 100%;
height: 100%;
background: url(//shabondama.co.jp/wp/wp-content/themes/shabondama/img/calendar.svg) center center no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.top_wrap {
background: rgb(255 255 255 / 0.95);
padding: 50px 0 20px;
}
.top_col {
width: 100%;
max-width: 1000px;
margin-left: auto!important;
margin-right: auto!important;
}
.top_col_wide {
width: 96vw;
margin-left: auto!important;
margin-right: auto!important;
}
@media (max-width: 1000px){
.top_wrap {
padding: 5vw 3vw;
}
}
ul.eo-events li {
padding: 10px 0;
color: #fff;
}
ul.eo-events li a {
color: #fff;
}
#index_news { margin:0 0 50px 0;  padding:85px 0 0 0; position:relative; }
#index_news_headline { font-size:24px; font-weight:400; position:absolute; top:18px; left:0px; }
#recent_news li a {
width: 100%;
display: flex;
align-items: center;
padding: 20px;
box-sizing: border-box;
}
#recent_news a:hover{
text-decoration: none;
}
#recent_news .date {
display: block;
position: relative;
top: unset;
left: unset;
transform: none;
padding-right: 30px;
}
.cat_tag {
font-size: .9em;
padding: 0px 10px;
margin-right: 30px;
color: #fff;
}
#recent_news .title a {
padding: 0;
}
#recent_news {
width: 100%;
}
@media (max-width: 770px){
.tabs #recent_news .date, 
#recent_news.tabs .date,
#recent_news p.date{
position: relative;
top: unset;
left: unset;
width: 100%;
}
#recent_news li a {
flex-wrap: wrap;
padding: 5px 10px 10px;
}
}
#program_list {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
#program_list::after{
content: none;
}
#program_list .program {
width: 32%;
height: 200px;
margin-bottom: 16px;
margin-right: 2%;
}
#program_list .program:nth-of-type(3n) {
margin-right: 0;
}
#program_list .program img {
width: 100%;
height: 100%;
object-fit: cover;
}
#program_list .program .program_title {
margin: 0;
padding: 0 20px 0 40px;
font-size:24px;
font-style: italic;
font-weight: bold;
text-shadow: 2px 2px 0 rgba(0,0,0,.5);
position: relative;
}
#program_list .program .program_title::after{
content: "";
width: 80px;
height: 80px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
transition: .4s all ease;
}
.archive #program_list .program:nth-of-type(1) .program_title::after{
background: url(//shabondama.co.jp/wp/wp-content/themes/shabondama/img/icon1.svg) center center no-repeat;
background-size: contain;
right: 50px;
}
.archive #program_list .program:nth-of-type(2) .program_title::after{
background: url(//shabondama.co.jp/wp/wp-content/themes/shabondama/img/icon2.svg) center center no-repeat;
background-size: contain;
right: 50px;
}
.archive #program_list .program:nth-of-type(3) .program_title::after{
background: url(//shabondama.co.jp/wp/wp-content/themes/shabondama/img/icon3.svg) center center no-repeat;
background-size: contain;
right: 90px;
}
.archive #program_list .program:nth-of-type(4) .program_title::after{
background: url(//shabondama.co.jp/wp/wp-content/themes/shabondama/img/icon4.svg) center center no-repeat;
background-size: contain;
right: 50px;
width: 60px;
}
.archive #program_list .program:nth-of-type(5) .program_title::after{
background: url(//shabondama.co.jp/wp/wp-content/themes/shabondama/img/icon5.svg) center center no-repeat;
background-size: contain;
right: 50px;
}
.archive #program_list .program a:hover .program_title::after{
opacity: 1;
}
.archive #program_list .program .image{
background: #cc0000;
}
.archive #program_list .program a img{
opacity: .5;
}
@media (max-width: 1000px){
#program_list .program .program_title {
text-align: center;
padding: 0;
}
#program_list .program .program_title::after {
right: 0!important;
left: 0;
bottom: 12vw;
margin: auto;
width: 5vw;
height: 5vw;
}
}
@media (max-width: 770px){
.archive #program_list .program h3.program_title::after {
width: 15vw;
height: 12vw;
top: unset;
bottom: 0;
margin: auto;
}
.archive #program_list .program:nth-of-type(1) .program_title::after,
.archive #program_list .program:nth-of-type(2) .program_title::after,
.archive #program_list .program:nth-of-type(3) .program_title::after,
.archive #program_list .program:nth-of-type(4) .program_title::after,
.archive #program_list .program:nth-of-type(5) .program_title::after{
top: 0;
right: 10vw!important;
left: unset;
}
.mini td {
width: 30px;
}
}
#program_list .program .program_subtitle {
margin: 0;
padding: 5px 20px 0 40px;
font-size: 16px;
font-family: 'Verdana', sans-serif;
font-style: italic;
font-weight: 400;
text-shadow: 1px 1px 0 rgba(0,0,0,.5);
}
@media (max-width: 770px){
#program_list .program .program_title{
font-size: 18px!important;
text-align: left;
}
#program_list .program:nth-of-type(3n) {
margin-right: 2%;
}
#program_list .program:nth-of-type(2n) {
margin-right: 0;
}
#program_list .program-each img {
height: 40vw;
}
#program_list .program-each h3.program_title {
font-size: 1.1em;
}
#program_list .program-each .program-cat {
font-size: .8em;
}
.footer_widget {
width: 100%!important;
}
#footer_top_inner {
overflow-x: hidden;
}
}
.tabs {
width: 100%;
margin: 0 auto;}
.tab_item {
width: calc(100%/3);
height: 50px;
background-color: #000;
line-height: 50px;
font-size: 16px;
text-align: center;
color: #fff;
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
cursor: pointer;
}
.tab5 .tab_item{
width: calc(100%/5);
}
.tab6 .tab_item{
width: calc(100%/6);
}
@media (max-width: 770px){
.tab_item {
height: 30px;
line-height: 30px;
}
.tab6 .tab_item {
width: calc(100%/3);
border: 1px solid #fff;
box-sizing: border-box;
}
}
.tab_item:hover {
opacity: 0.75;
}
a.tab_item:hover {
color: #fff;
text-decoration: none;
}
input[name="tab_item"],
input[name="tab_item1"],
input[name="tab_item2"]{
display: none;
}
.tab_content {
display: none;
padding: 40px 0 0;
clear: both;
overflow: hidden;
}
#news_all:checked ~ #news_all_content,
#news_honten:checked ~ #news_honten_content,
#news_ichinomiya:checked ~ #news_ichinomiya_content,
#event_all:checked ~ #event_all_content,
#event_honten:checked ~ #event_honten_content,
#event_ichinomiya:checked ~ #event_ichinomiya_content,
#blog_all:checked ~ #blog_all_content,
#blog_honten:checked ~ #blog_honten_content,
#blog_ichinomiya:checked ~ #blog_ichinomiya_content,
#blog_pit:checked ~ #blog_pit_content,
#blog_product:checked ~ #blog_product_content,
#staff_all:checked ~ #staff_all_content,
#staff_honten:checked ~ #staff_honten_content,
#staff_ichinomiya:checked ~ #staff_ichinomiya_content,
#custom_all:checked ~ #custom_all_content,
#custom_honda:checked ~ #custom_honda_content,
#custom_kawasaki:checked ~ #custom_kawasaki_content,
#custom_yamaha:checked ~ #custom_yamaha_content,
#custom_suzuki:checked ~ #custom_suzuki_content,
#custom_import:checked ~ #custom_import_content{
display: block;
}
.tabs input:checked + .tab_item {
background-color: #CA0000;
}
@media (min-width: 771px){
#index_banner #banner-slider {
display: flex;
align-items: flex-start;
justify-content: center;
}
}
.slick-track {
display: flex!important;
}
.side_widget.widget_media_image a {
width: 100%;
}
#banner-slider .slick-slide img {
width: 100%;
}
.side_widget.widget_media_image {
padding: 20px;
border: 1px solid #eaeaea;
display: flex!important;
flex-direction: column-reverse;
align-items: center;
margin: 0;
}
.side_widget + .side_widget.widget_media_image{
margin-left: 20px;
}
.side_widget.widget_media_image h3.side_headline {
margin: 1em auto 0;
font-size: 1.1em;
}
@media (max-width: 770px){
.tab_content{
margin-top: 30px;
}
.side_widget.widget_media_image h3.side_headline {
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
}
.side_widget.widget_media_image img {
-webkit-transform: scale(1);
-webkit-transition-property: opacity, scale, -webkit-transform;
-webkit-transition: 0.35s;
-moz-transform: scale(1);
-moz-transition-property: opacity, scale, -moz-transform;
-moz-transition: 0.35s;
-ms-transform: scale(1);
-ms-transition-property: opacity, scale, -ms-transform;
-ms-transition: 0.35s;
-o-transform: scale(1);
-o-transition-property: opacity, scale, -o-transform;
-o-transition: 0.35s;
transform: scale(1);
transition-property: opacity, scale, -webkit-transform;
transition: 0.35s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.side_widget.widget_media_image a{
overflow: hidden;
}
.side_widget.widget_media_image a:hover {
background: #CC0000;
}
.side_widget.widget_media_image a:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: .5;
}
#index_blog_list > li{
width: 480px;
}
#index_blog_list .index-blog-text:hover{
color: inherit;
}
#index_blog_list li .title{
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
#index_blog_list p.news_excerpt{
font-size: 14px;
line-height: 1.6;
}
@media (max-width: 1000px){
#index_blog_list > li {
width: 45vw;
margin: 0 4vw 3vw 0;
}
}
#footer_widget {
display: flex;
align-items: flex-start;
justify-content: space-around;
position: relative;
padding-bottom: 40px;
}
.footer_widget {
width: auto;
vertical-align: bottom;
overflow: visible!important;
margin-right: 200px;
}
.license {
color: #fff;
position: absolute;
display: block;
bottom: 30px;
left: 0;
right: 0;
margin: auto;
font-size: 14px;
line-height: 1.6;
}
#nav_menu-2 {
margin-top: 60px;
}
#nav_menu-2 li {
position: relative;
padding-left: 1.6em;
}
#nav_menu-2 li::before {
content: "";
width: 6px;
height: 6px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
ul.slick-dots {
display: flex;
justify-content: center;
position: absolute;
bottom: 10px;
left: 0;
right: 0;
margin: auto;
}
ul.slick-dots li button {
opacity: 0;
cursor: pointer;
}
ul.slick-dots li {
position: relative;
}
ul.slick-dots li::before {
content: "";
width: 12px;
height: 12px;
border-radius: 6px;
background: rgb(255 255 255 / 0.8);
position: absolute;top: 0;left: 0;
}
ul.slick-dots li.slick-active::before{
background: rgb(202 0 0 / .8)
}
@media (max-width: 770px){
.side_widget + .side_widget.widget_media_image {
padding: 3vw;
margin-left: 10px;
}
#footer_widget,
.widget_my_calendar_mini_widget .mc-main{
display: block;
width: fit-content;
box-sizing: border-box;
width: 100%;
}
#nav_menu-2 {
text-align: left;
width: 100%;
margin: 0 auto 50px;
}
.mc-main .category-key {
padding: 0;
}
.mc-main .category-key li{
margin: 2px 0;
}
.license{
font-size: 12px;
text-align: center;
position: relative;
}
#program_list .program {
width: 100%;
height: 100px!important;
margin-right: 0!important;
}
#program_list {
margin: 0!important;
}
#program_list .program .program_title{
padding: 0 20px;
}
#header_slider .item img {
height: 50vh!important;
object-fit: cover;
}
#header_slider {
max-height: 50vh;
overflow: hidden;
}
ul.slick-dots li::before{
width: 8px;
height: 8px;
border-radius: 4px;
}
#global_menu{
top: 40px!important;
}
#header_social_link {
display: block!important;
margin-right: 40px;
}
[class*=mif-] {
vertical-align: top;
}
}
.footer_widget.widget_nav_menu {
width: auto;
} .post_content h2 {
font-size: 1.6em;
font-weight: bold;
color: #CA0000;
margin: 0 auto 20px;
}
.post_content .aligncenter {
text-align: center;
}
.post_content .wp-block-button a {
color: #fff;
padding: 20px 50px;
}
.post_content .wp-block-button a:hover {
text-decoration: none;
}
.wp-block-button {
transition: .4s all ease;
}
.wp-block-button:hover {
transform: translateY(-5px);
} h2#page_title {
text-align: center;
font-size: 2em;
color: #CA0000;
margin: 0px auto 60px;
}
h2#page_title span,
h2.program_category_title span{
display: block;
color: #333;
font-size: .6em;
font-family: serif;
text-transform: uppercase;
margin-top: 10px;
}
#staff_list {
display: flex;
flex-wrap: wrap;
}
#staff_list li.staff_header {
width: 32%;
margin-right: 2%;
margin-bottom: 20px;
padding: 20px;
border: 1px solid #eaeaea;
box-sizing: border-box;
}
#staff_list li.staff_header:nth-of-type(3n){
margin-right: 0;
}
.staff_fv {
position: relative;
}
.staff_fv #post_title {
position: absolute;
top: 0;
left: 0;
font-size: 1.2em!important;
color: #fff;
background: rgba(0,0,0,.7);
padding: 5px 20px;
}
.staff_sns { display: flex; }
.staff_sns li { float:left; margin:0 5px 0 0; position:relative; background: #CA0000; border-radius: 3px; }
.staff_sns li a {
display:flex; align-items: center; justify-content: center; text-indent:-200px; overflow:hidden; width:30px; height:30px; position:relative;
-webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none; color: #fff;
}
.staff_sns li:before {
font-family:'design_plus'; color:#fff; font-size:17px; display:block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;
width:17px; height:17px; line-height:17px;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.staff_sns li:hover:before, .staff_sns li:hover img { opacity: .5; }
.staff_sns li.twitter:before { content:'\e904'; }
.staff_sns li.facebook:before { content:'\e902'; }
.staff_sns li.insta:before { content:'\ea92'; }
.staff_sns li.rss:before { content:'\e90b'; }
.staff_sns li a img{ width: 17px; height: auto;}
figure.staff_pic {
margin-bottom: 10px;
}
figure.staff_pic img {
width: 100%;
height: auto;
}
#staff_list figure.staff_pic img {
height: 240px;
object-fit: cover;
}
.staff_info {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1.1em;
font-weight: bold;
margin: 0 auto 20px;
}
.staff_comment {
margin: 0 auto 20px;
line-height: 1.6;
}
@media (max-width: 770px){
#staff_list li.staff_header {
width: 100%;
box-sizing: border-box;
}
#staff_list {
display: block;
}
} #news_archive ol {
display: flex;
flex-wrap: wrap;
}
#news_archive ol li {
width: 32%;
margin-right: 2%;
margin-bottom: 20px;
padding: 20px;
border: 1px solid #eaeaea;
box-sizing: border-box;
transition: .4s all ease;
}
#news_archive ol li:hover{
background: #fafafa;
}
.home #index_blog_list > li:nth-child(2n) {
margin-right: 0;
}
.blog #index_blog_list > li:nth-child(2n) {
margin-right: 2%;
}
.blog #news_archive ol li:nth-of-type(3n),
.blog #news_archive ol li:nth-of-type(6n),
.archive #news_archive ol li:nth-of-type(3n),
.archive #news_archive ol li:nth-of-type(6n),
.page-id-65548 #news_archive ol li:nth-of-type(3n),
.page-id-65548 #news_archive ol li:nth-of-type(6n){
margin-right: 0;
}
#news_archive ol li a:hover {
text-decoration: none;
}
#news_archive ol li a.image img {
width: 100%;
height: 200px;
object-fit: cover;
}
#news_archive ol li h3.title {
font-size: 1.2em;
line-height: 1.6;
margin: 5px auto 10px;
}
#news_archive ol li .news_info {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 10px;
border-bottom: 1px solid #eaeaea;
margin-bottom: 10px;
}
#news_archive ol li .news_excerpt {
line-height: 1.6;
}
#news_archive ol li .news_info .cat_tag {
line-height: 1.6;
color: #fff;
margin-right: 0;
}
@media (max-width: 770px){
#news_archive ol li {
width: 100%;
margin-right: 0;
}
} #article #post_meta_top {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
#post_meta_top li.cat_tag {
padding: 10px 20px;
color: #fff;
font-size: 1em;
}
#article #post_meta_top::after {
content: none;
} body.single-event ul.eo-event-meta {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 2em;
width: 100%;
} h2.program_category_title {
text-align: center;
font-size: 2em;
font-weight: bold;
color: #CA0000;
margin: 0px auto 60px;
}
#program_list .program-each {
background: none;
width: 32%;
margin-right: 2%;
margin-bottom: 20px;
padding: 20px;
border: 1px solid #eaeaea;
box-sizing: border-box;
transition: .4s all ease;
}
#program_list .program-each:nth-of-type(3n){
margin-right: 0;
}
#program_list .program-each img {
width: 100%;
height: 200px;
object-fit: cover;
margin-bottom: 10px;
}
#program_list .program-each h3.program_title {
font-size: 1.2em;
margin-bottom: 15px;
}
#program_list .program-each .program-cat {
padding: 5px 10px;
background: #000;
color: #fff;
font-weight: bold;
display: inline-block;
}
#program_list .program-each p.news_excerpt {
margin-top: 10px;
border-top: 1px solid #eaeaea;
padding-top: 10px;
line-height: 1.6;
}
#program_list .program-each a:hover {
text-decoration: none;
}
@media (max-width: 770px){
#program_list .program-each{
width: 100%;
margin-right: 0;
}
} .program_header{
margin-bottom: 30px;
}
.program_header .program_category_title {
display: block;
float: right;
margin: 0 0 0 20px;
font-size: 14px;
}
.program_header .program_category_subtitle {
margin-left: 20px;
font-size: 20px;
font-weight: bold;
color: #fff!important;
} #service_footer {
background: #CA0000;
color: #fff;
}
#service_footer .service_wrap {
width: 1250px;
margin: 0 auto;
padding: 50px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
display: flex;
justify-content: space-between;
}
#service_footer .service_category {
width: calc(80%/5);
}
#service_footer h2 {
margin-bottom: 1em;
padding-bottom: 10px;
border-bottom: 2px solid #fff;
}
#service_footer a {
color: #fff;
line-height: 1.6;
}
#service_footer ul {
padding-left: 1em;
}
#service_footer ul li {
padding: 10px 0;
}
@media (max-width: 1250px){
#left_col {
width: 100%;
}
#footer_top_inner {
width: 96%;
}
#service_footer .service_wrap {
width: 90%;
flex-direction: column;
padding: 5vw 0;
}
#service_footer .service_category {
width: 100%;
margin-bottom: 2em;
}
#service_footer ul li {
padding: 5px 0;
}
}
@media (max-width: 770px){
#service_footer .service_category {
width: 100%;
margin-bottom: 2em;
}
#service_footer h2 {
border: none;
padding: 0;
}
.post_content.program_content .q_button {
text-align: center;
display: block;
margin: -10px auto;
}
} .custom_bike_article #post_meta_top {
height: auto;
display: flex;
justify-content: space-between;
}
#post_meta_top li.custom_cat_tag{
display: inline-block;
padding: 0 10px;
line-height: 1.6;
background: #000;
color: #fff;
font-weight: bold;
margin-left: 10px;
}
.post_content table.product_detail td {
border: none;
border-bottom: 1px solid #000;
}
.post_content table.product_detail td:nth-of-type(3) {
width: 60%;
}
.custom_cat_tag {
background: #000;
color: #fff;
line-height: 1.6;
padding: 0 10px;
}
@media (max-width: 770px){
.post_content table.product_detail tr {
display: flex;
flex-wrap: wrap;
}
.post_content table.product_detail td {
width: auto;
border: none;
padding: 1em 1em 0 0;
font-weight: bold;
}
.post_content table.product_detail td:nth-of-type(3) {
width: 100%;
border-bottom: 1px solid #000;
padding: 0;
font-weight: normal;
}
h2.program_category_title:nth-of-type(2) {
margin-top: 10vw;
}
} .tptn_posts.tptn_posts_widget.tptn_posts_widget2 ul li {
display: flex;
align-items: center;
}
.tptn_posts.tptn_posts_widget.tptn_posts_widget2 ul li img {
margin-right: 1em;
}
span.tptn_date {
display: block;
}
.post_content .q_button {
min-width: unset!important;
padding: .4em 1em .3em!important;
}
#post_image {
width: 100%;
min-height: 300px;
object-fit: cover;
}
#previous_next_post a {
padding: 30px 40px;
line-height: 60px;
height: 60px;
}
#previous_next_post a:before {
margin-top: -1.7em;
}
.page_navi span.dots {
color: #000;
}
@media (max-width: 770px){
#post_image {
width: calc(100% + 40px);
}
#previous_next_post a {
height: 40px!important;
line-height: 40px;
padding: 0!important;
}
#previous_next_post .prev_post a:before, 
#previous_next_post .next_post a:before {
margin-top: -1.1em;
}
} .mc-main .details {
border: none;
}
.post_content #mc_event h2 {
padding: 10px;
}
@media (max-width: 770px){
.mc_bottomnav.my-calendar-footer {
position: relative;
top: unset;
left: unset;
}
}
@media (min-width: 769px){
#event_btn{
display: none!important;
}
}
@media (max-width: 770px){
#site_wrap{
position: relative;
}
#event_btn {
display: none;
position: fixed;
bottom: 116px;
right: 0;
z-index: 990;
}
#event_btn a {
display: block;
width: 50px; text-decoration: none;
background: #cc0000;
color: #fff;
font-size: .8em;
padding: 5px 5px 8px;
box-sizing: border-box;
writing-mode: vertical-rl;
line-height: 1.6;
}
#event_btn a::before {
content: "";
width: 1px;
height: 5em;
background: #fff;
position: absolute;
left: 14px;
bottom: 20px;
}
#event_btn a::after {
content: "";
width: 6px;
height: 6px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
position: absolute;
bottom: 20px;
left: 11px;
transform: rotate(-45deg);
}
}
#recent-posts-3 li {
display: flex;
justify-content: space-between;
}
#footer_top .mc-main .my-calendar-nav li a {
color: #000;
position: relative;
}
#page_top{
width: 50px;
height: 50px;
position: fixed;
right: 20px;
bottom: 10px;
background: #CC0000;
opacity: 0.8;
border-radius: 50%;
z-index: 100;
border: 3px solid #fff
}
#page_top a{
position: relative;
display: block;
width: 50px;
height: 50px;
text-decoration: none;
}
#page_top a::before{
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f106';
font-size: 25px;
color: #fff;
position: absolute;
width: 25px;
height: 25px;
top: -5px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}
@media (max-width: 770px){
#page_top{
display: none;
}
}
#footer_top .mc-main .my-calendar-nav li a {
color: #fff;
position: relative;
}
#footer_top .mc-main .my-calendar-nav li.my-calendar-prev a{
padding-left: 20px!important;
}
#footer_top .mc-main .my-calendar-nav li.my-calendar-prev a::before {
content: "";
width: 15px;
height: 20px;
background: #990000;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
#footer_top .mc-main .my-calendar-nav li.my-calendar-prev a::after{
content: "";
width: 8px;
height: 8px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
transform: rotate(-45deg);
position: absolute;
top: 0;
bottom: 0;
left: 5px;
margin: auto;
}
#footer_top .mc-main .my-calendar-nav li.my-calendar-next a{
padding-right: 20px!important;
}
#footer_top .mc-main .my-calendar-nav li.my-calendar-next a::before {
content: "";
width: 15px;
height: 20px;
background: #990000;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
}
#footer_top .mc-main .my-calendar-nav li.my-calendar-next a::after{
content: "";
width: 8px;
height: 8px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
position: absolute;
top: 0;
bottom: 0;
right: 6px;
margin: auto;
}
.category-key a {visibility: hidden;position: relative;z-index: 1;}
.category-key .no-icon { visibility: visible;}
#article .mc_bottomnav.my-calendar-footer {
position: relative;
top: unset;
left: unset;
}
.mc-main caption {
margin: -22px auto 15px;
}
.mc-main.mini .category-key h3 {
display: none;
}
#my_calendar_mini_widget-3 .footer_headline {
color: #fff;
letter-spacing: .1em;
}
.category-key ul{
position:relative;
height: 7em;
}
.category-key li {
position: absolute;
white-space: nowrap;
}
.category-key li.cat_closed {
top: 0;
}
.category-key li.cat_event {
top: 1.4em;
}
.category-key li.cat_sale {
top: 2.8em;
}
.category-key li.cat_saleevent {
top: 4.2em;
}
.category-key li.cat_each-event {
top: 5.6em;
} .category-key .cat_closed::after {content: "定休日";position: absolute;top: 0;left: 15px;bottom: 0;margin: auto;}
.category-key .cat_event::after {content: "イベント";position: absolute;top: 0;left: 15px;bottom: 0;margin: auto;}
.category-key .cat_each-event::after {content: "各店イベント"; position: absolute;top: 0;left: 15px;bottom: 0;margin: auto;}
.category-key .cat_sale::after {content: "セール";position: absolute;top: 0;left: 15px;bottom: 0;margin: auto;}
.category-key .cat_saleevent::after {content: "セール/イベント";position: absolute;top: 0;left: 15px;bottom: 0;margin: auto;}