@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/


/*
    ページ対応番号
    .page-id-2 トップページ
    .page-id-68 車検・点検
    .page-id-114 エイミング
    .page-id-173 レッカー
    .page-id-196 SHOP INFOMATION
    .page-id-212 レンタカー
*/
.flexbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}
.hiyou_box .hiyou_item{
    width:calc(100% / 5);
    padding:10px;
    display: block;
    position: relative;
}
.hiyou_box .hiyou_item img{
    border-radius: 50%;
}
.hiyou_box .hiyou_item .hiyou_img{
    display: block;
    position: relative;
}
.hiyou_box .hiyou_item .hiyou_text{
    display: block;
    position: relative;
    height: 50px;
}
.hiyou_box .hiyou_item .hiyou_text {
    width:100%;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    top:-40px;
    right:-20px;
}
.hiyou_box .hiyou_item .hiyou_text p span{
    font-size: 1.8rem;
    font-weight: bolder;
}
svg {
    height: auto;
    overflow: visible;
}
svg.st1 {
    width:70%;
}
svg.st2 {
    width:30%;
}
text {
    fill: #000;
    stroke: #FFF;
    stroke-width: 1;
    font-size: 2.2rem;
    font-weight: bold;
    stroke-linejoin: round;
}
/* レッカー */
.page-id-173 #sgb-css-id-17 .wp-block-group{
    padding:2em;
}
/* レンタカー */
.page-id-212 #sgb-css-id-19 .wp-block-group{
    padding:2em;
}

.sgb-footer .wp-block-categories-list .cat-item a, .sgb-footer .wp-block-categories__list li a, .sgb-footer .wp-block-pages-list__item__link {
    color: #FFFF;
    display: block;
    font-weight: 700;
    line-height: 1.7;
    opacity: .9;
    padding: 8px 0 8px 13px;
    position: relative;
}
#bizcalendar-2{
    width:600px;
    margin:0px auto 50px auto;
}
#bizcalendar-2 .widget-in-article-title{
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
}
#biz_calendar {
    max-width: 600px;
    width:100%;
    margin: auto;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
#biz_calendar table.bizcal .calmonth {
    text-align: left;
    font-weight: bold;
    padding: 5px 7px;
    border: none;
}
#biz_calendar table.bizcal th:first-child {
    color: tomato;
}
#biz_calendar table.bizcal th:nth-last-of-type(1) {
    color: #22a6f2;
}
#biz_calendar table.bizcal .holiday {
    background-color: RGBA(246,60,159,0.3);
    color:#111;
}
#biz_calendar table.bizcal td {
    text-align: center;
    border-width: 0;
    padding: 2px;
    color: #111;
    border-right: 1px dashed #ccc;
}
#biz_calendar table.bizcal .today {
    font-weight: bold;
    text-decoration: underline;
    background: #ff9900;
    color: #FFF;
}


#sgb-css-id-44 .xtwitter {
    background: #111;
    color: white;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 30px;
    line-height: 50px;
}

h3.tt_st1{
    border:none;
    text-align: center;
    font-size: 2em;
}
h3.tt_st1 span{
    font-size: 0.5em;
}

@media screen and (max-width: 1024px) {
    .hiyou_box .hiyou_item{
        width:calc(100% / 3);
    }
}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
    .hiyou_box .hiyou_item{
        width:calc(100% / 2);
    }
    .sgb-heading__inner.with-icon:not(.hh){
        padding:0;
    }
    .box5 br{
        display: none;
    }
    
    #sgb-css-id-7 table td:nth-child(1){
        font-weight: bold;
    }
   
    /* レッカー */
    .page-id-173 #sgb-css-id-17 .wp-block-group{
        padding:10px;
    }
    /* レンタカー */
    .page-id-212 #sgb-css-id-19 .wp-block-group{
        padding:10px;
    }
    /* 車検・点検 */
    .page-id-68 #sgb-css-id-25 p span.sobig{
        font-size:1.3em
    }
    .page-id-68 #sgb-css-id-7 table th,
    .page-id-68 #sgb-css-id-7 table td{

        width:100%;
        display:block;

    }
    #bizcalendar-2 {
        width: 100%;
        max-width: 600px;
        margin: 0px auto 50px auto;
    }
}
