/* 掲載順位２ */
@charset "utf-8";
/* ベースCSS */
/* ※スマホを縦型で使用する事を想定すると、10px=2.6vw  1vw=3.84px*/
    html{/*現時点では以下記述しているがスムーズスクロールが動作していない*/
        overflow-y: scroll;
        scroll-behavior: smooth;
    }
    body {
        width: 100%;
        font: 90%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
            Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
        background: #fff;
        color: #000;
        overflow: visible;
    }
    /* 画像の基本のスタイル */
    img{
        width: 100%;
        height: auto;
    }
    /* リンクの色 */
    a{
        color: #1558d6;
    }
    /* loading="lazy" の画像がフェードイン */
    img[loading=lazy]{
        mask-image: linear-gradient(
            to top,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0) 33%,
            rgba(255, 255, 255, 1) 66%,
            rgba(255, 255, 255, 1) 100%
        );
        mask-size: 100% 300%;
        mask-position: bottom;
        transition: mask-position 1s linear;
    }
    img[loading=lazy].loaded{
        mask-position: top;
    }

/* 最上部バナー＆スケルトンスクリーンのスタイル */
    .ad_sp_top_banner {
        background: #eee; /* 薄いグレーの背景色 */
        animation: skeleton-loading 1s linear infinite alternate;
        text-align: center;
        width: 100%;
        height: 28vw;/* バナーの高さを変える場合はここを変える */
        
    }
    /* スケルトンスクリーンのアニメーション */
    @keyframes skeleton-loading {
        0% {
        background-color: #eee;
        }
        100% {
        background-color: #ddd;
        }
    }
    /* 画像が読み込まれたときのスタイル */
    .ad_sp_top_banner img {
        display: block; /* 画像が読み込まれると表示 */
        border-bottom:solid 1px #ffffff;
    }
    /* スケルトンスクリーンを解除する */
    .ad_sp_top_banner img[src] {
        animation: none;
        background: none;
    }

/* Global header部分は別CSS */

/*スライドバナー*/
    .js_sp_second_banner{
        margin-top: 13vw;
    }

/*メインタグ　スライドバナーより下からfooter手前まで、スライドメニューも含む*/
    main{
        margin-top: 1vw;/*calc( 40px + 3.5vw )*/
    }

/* パンくずリスト */
    .breadcrumbs {
        overflow: hidden;
        background: #fff;
        height: 6vw;/*元は35px　スクロールバーが出るので大きくしてある*/
        z-index: 1;
        margin: 1vw 0;
        padding: 1vw 0 0;
        display: flex;
    }
    /*スクロールバー非表示（Chrome・Safari）*/
    .breadcrumbs ol::-webkit-scrollbar{
        display:none;
    }
    .breadcrumbs ol {
        background: #fff;
        height: 6vw;
        display: flex;
        overflow-x: scroll;
        /*スクロールバー非表示（IE・Edge）*/
        -ms-overflow-style: none;
        /*スクロールバー非表示（Firefox）*/
        scrollbar-width: none;
        padding: 0;

    }
    .breadcrumbs ol li {
        display: flex;
        flex-shrink: 0;
        align-items: center;
    }
    .breadcrumbs ol li span{
        display: block;
        margin-right: 2vw;
    }
    .breadcrumbs ol li a {
        overflow: hidden;
        padding: 0;/*0 0 0 0.2vw*/
        height: 5vw;
        color: #1558d6;
        word-wrap: break-word;
        word-break: break-all;
        vertical-align:-webkit-baseline-middle;
    }
    .breadcrumbs ol li::after{
        display: block;
        content: "\f0da";
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        font-size: 3.8vw;
        margin: 0 4vw 0 3vw;
        color: #1558d6;
    }
    .breadcrumbs ol li:first-child span::before{
        content: "\f015";
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        font-size: 3vw;
        color: #1558d6;
        margin: 0 2vw;
    }
    .breadcrumbs ol li:last-child::after{
        content: none;
    }

/* 記事　コンテンツ下広告（解析メニューの上の広告）まで */
/* pの基本スタイル 　【重要】記事以外のpについては、class要素必須*/
    p{
        margin: 2vw;
        height: auto;
        width: auto;
        font-size: 3.8vw; /* パラグラフのフォントサイズはここ */
        line-height: 5.6vw;
    }
    /* 「※補足」のスタイル*/
    p.supplement,
    span.supplement{
    color : #666666;
    font-size : 3vw;
    }
    /* 背景灰色囲み */
    p.back_gray,
    p.shuusi{
        padding: 10px !important;
        margin: 10px !important;
        border: solid 1px #ccc;
        border-radius: 5px;
        background: #f7f7f7;
    }
    /* pタグ内を中央配置　 */
    p.center,
    .center,
    .align_center{
        text-align: center;
    }
    /* 記事内のリンクボタンとして使用 */
    .kaisekilink { 
        decoration: none;
        background: linear-gradient(#fff, #efefef);
        display: block;
        /* width: 90%; */
        margin: 0 auto;
        text-align: center;
        border: solid 1px #ccc;
        padding: 10px;
        border-radius: 10px;
    }
/* 記事ヘッダー内の要素＆h1見出しのスタイル */
    #page_header{
        height: auto;
        width: 100%;
        border-bottom: #eaeaea 2px solid;
        border-top: #eaeaea 2px solid;
        margin-bottom: 2vw;
    }
    .official_machine_name{
        margin-left: 4vw;
        margin-bottom: 0;
    }
    h1{
        font-size: 4.8vw;
        /* color: #2755a8; */
        color: #555;
        margin: 3vw 3vw 4vw;
        line-height: 8vw;
    }
/*    .machine_top_display{機種トップページのhtml構成 h1の外にspanを出す
        display: inline-block;
        width: auto;
        background-color: #0073e6;
        padding: 1.5vw 2vw;
        font-size: 4.6vw;
        line-height: 5.5vw;
        color: #fff;
        margin-top: -1.4vw;
        margin-left: 2vw;
        letter-spacing: 0.06em;
        border-radius: 1vw;
    }*/
    /*
    h1 .machine_top_display{機種子ページのhtml構成 h1の中にspanを入れる
        margin-top: 2.6vw;
        margin-left: 0;
        font-weight: normal;
    }*/
    /* indexページ。検索結果ページのh1のフォントサイズ縮小 */
    h1.index{
        font-size: 5vw;
        margin: 2vw;
    }
    .index span{
        font-size: 3.6vw;
        display: block;
        margin-left: 40vw;
    }
    /* お気に入り登録ボタンと更新日 */
    #page_header .ph_box{
        display: flex;
        justify-content: space-between;
        margin: 4vw 2vw;
    }
    .bookmark-registrarion{
        background-color: #eb0000;
        color: #fff;
        border: none;
        letter-spacing: 0.1vw;
        border-radius: 5px;
        padding: 2.5vw 3vw;
        font-size: 3.2vw;
        font-weight: normal;
        text-align: center;
        -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
        box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    }
    .bookmark-registrarion:before{
        content: '\f005';
        font-family: 'Font Awesome 6 Free';
        font-weight: 400;
        margin-right: 5px;
        color: gold;
    }
    
    .last_updated{
        font-size: 3.2vw;
        color: rgb(78, 78, 78);
        text-align: right;
        margin: 0 2vw 0 0;
    }
    .last_updated time{
        /* display: block; */
    }
    .ph_box .last_updated{
        margin: 0;
    }

/* ショップナライズ時のメーカー広告 */
    .maker_ad{
        margin: 4vw 0;
    }

/*h2〜h4の基本のスタイル*/
    h2,
    .normal_header{
        margin: 4vw 0 2vw;
        padding: 2vw;
        white-space: pre-wrap;
        word-break: break-all;
        border: 0;
        color: #fff;
        background: #023894;
        font-size: 4.4vw;
        font-weight: normal;
        display: flex;
    }
    /* h2::before{
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "\f04b";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        transform: rotate(90deg);
        margin: 2vw 2vw 2vw 0;
        color: gold;
    } */
    h2.non_margin{
        margin: 0;
    }
    h3{
        color: #fff;
        margin: 4vw 0 2vw;
        padding: 2vw;
        line-height: 7vw;
        background-color: #0073e6;
        font-size: 4.0vw;
        font-weight: normal;
        display: flex;
        align-items: center;
    }
    h3::before{
        content: "";
        border: solid 2px #fff;
        margin: 0 1.5vw 0 0.5vw;
        padding: 0;
        font-size: 2.4vw;
        vertical-align: middle;
        font-weight: normal;
        height: 4vw;
    }
    h4{
        font-size: 3.8vw;
        margin: 5vw 2vw 2vw;
        background-color: #fff;
        color: #000000;
        border-bottom: solid 1px #0073e6;
        border-top: solid 1px #0073e6;
        border-right: solid 1px #0073e6;
        display: flex;
        line-height: 8vw;
        font-weight: normal;
    }
    h4::before,
    h5::before{
        content: "";
        border: solid 6px #0073e6;
        margin-right: 1.8vw;
        padding: 0;
        font-size: 2.4vw;
        vertical-align: middle;
    }
    h5{
        font-size: 3.4vw;
        margin: 5vw 2vw 2vw;
        background-color: #fff;
        color: #333;
        border-bottom: solid 1px #0073e6;
        display: flex;
    }
    h5::before{
        border: solid 4px #0073e6;
    }
/* 機種ページ内で、手動編集部分は <div class="cont"></div>で囲む ulとliのスタイル */
.cont ul,
.cont ol{
    width:auto;
    margin:0;
    padding: 2vw 2vw 2vw 7vw;
    font-size: 3.6vw;
}
.cont ul li{
    list-style: circle;
    margin-bottom: 1.6vw;
    font-size: 3.6vw;
}
.cont ol li{
    list-style-type: decimal;
    list-style-position: outside;
    line-height: 5.6vw;
}
.cont li:last-child{
    margin-bottom: 0;
}
/* シリーズ最新機種（後継機）へのスタイル */
    .successor_banner{
        margin:0 auto 3vw;
    }
    .successor_banner div.header{
        background: #EB0000;
        margin-bottom: 1vw;
        padding: 3vw 4vw;
        color: #fff;
        line-height: 7vw;
        font-size: 5vw;
    }
    .successor_banner figcaption{
        margin-top: 0;
        text-align: center;
        color: #1558d6;
    }
/*メインビジュアルのスタイル*/
    .parentpage_main-visual{
        margin:0 2vw 2vw;
        height: auto;/*高さ250pxの画像の場合*/
        border: solid 1px #000;
    }
/* ヘッダーオーバーレイ広告の掲載位置のスタイル */
    #headerOverlay_start{
        margin: 0 auto 8vw;
        height: 12.8vw;
    }
/*よく見られているページのスタイル*/
    .popular-pages,.special-feature-banner{
        margin:2vw;
    }
    .popular-pages div.header,.special-feature-banner div.header{
        background-color: #757575;
        font-size: 3.8vw;
        line-height: 6vw;
        padding: 0.8vw 0vw;
        text-align: center;
        vertical-align: bottom;
        color: #fff;
        margin: 2vw 0 0;
    }
    .popular-pages div.header::before,.special-feature-banner div.header::before{
        content: "";
        margin-right: 0;
    }
    .popular-pages ul{
        list-style: none;
        padding: 2vw 2vw 0;
        display: flex;
        flex-wrap: wrap; /* 子要素を複数行に並べる */
        justify-content: left;
        border:1px solid #757575;
    }
    .popular-pages li {
        text-align: center;
        margin: 0 2.12vw 2vw;
        list-style: none;
        max-width: 14vw; /* 最大幅を設定 */
    }
    .popular-pages a {
        text-decoration: none;
        display: block;
        text-align: center;
        color: #1558d6;
        font-weight: bold;
    }
    .popular-pages img {
        width: 14vw;
        height: 14vw;
    }
    .popular-pages span {
        display: block;
        margin-top: 1.4vw; /* テキストとアイコンの間隔を調整 */
    }

/*特集ページリンク*/
    .special-feature-banner div.single_banner_box{
        margin-top: 1vw; /* バナーとバナー、バナーとメインビジュアルの間隔を調整 */
        height: auto; /*cls防止のため指定 これだと画面横幅によりバナーが被るので仕方なくautoに変更20240312*/
    }
    .special-feature-banner a {
        text-decoration: none;
        display: inline-block;
    }
    .special-feature-banner img {
        max-width: 100%;
        height: auto;
    }
/*目次*/
/* 現状liがブロックになっていないのでliとaともにブロックにする必要あり。 */
    .table_of_contents{
        border:1px solid #757575;
        border-bottom: none;
        margin: 2vw;
    }
    .table_of_contents div.header{
        font-size: 5vw;
        line-height: 6vw;
        padding:2vw 3vw;
        background-color: #757575;
        color: #fff;
    }
    .table_of_contents div.header_repo_machine{
        font-size: 4vw;
        line-height: 6vw;
        padding:2vw 3vw;
        background-color: #eb0000;
        color: #fff;
    }
    .table_of_contents div.header:before{
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        background-color: #757575;
        content: "\f0ca";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        padding-right: 2.6vw;
        transform: rotate(0deg);
        color: #fff;
        margin-right: 0;
        display: inline-block;
        width: 5vw;
        height: 5vw;
    }
    .table_of_contents ol{
        padding: 0;
        list-style-type: decimal;
        list-style-position: inside;
        width: 100%;
    }
    .table_of_contents li{
        list-style: none;
        border-bottom:1px solid #757575;
        padding: calc(2vw + 3px) 0 2vw;
    }
    .table_of_contents li.current_page ol{
        background: #fff;
    }
    .table_of_contents li a{
        margin-left: 2vw;
        width: 95%;
        display: block;
    }
    .table_of_contents ol li ol{
        padding-top: 2vw;
    }
    .table_of_contents .heading3{
        border-top:1px solid #757575;
        border-bottom: none;
        padding-top: 0;
        padding-bottom: 0;
    }
    .table_of_contents .heading3:last-child{
        margin-bottom: -2vw;
    }
    .table_of_contents .heading3 a{
        padding: 2vw 0 2vw 0;
        width: 85%;
        font-size: 2.8vw;
    }
    .table_of_contents .heading3 a::before{
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "└";
        font-weight: 900;
        transform: none;
        margin-right: 2vw;
        color: #000;
    }
    .table_of_contents ol li ol{
        padding-top: 2vw;
    }
    .table_of_contents ol li li{
        border-top:1px solid #757575;
        border-bottom: none;
    }
    
    .table_of_contents ol li li:last-child{
        margin-bottom: -2vw;
    }
    
    .table_of_contents ol li li a{
        padding-left: 8vw;
        width: 85%;
    }
/*アドネットワーク広告*/
    .sponsor-ad {
        text-align: center;
        margin: 7vw 2vw;
        height: 345px;
    }
    .sponsor-ad p{
        display: block;
        margin: 2vw auto;
        height: auto;
        width: 96%;
        color:#aaa;
        text-align:right;
    }
/* 更新履歴のスタイル（機種トップページのみ） */
    .updates{
        margin-bottom: 2vw;
        border-bottom: #a7a7a7 solid 1px;
    }
    .updates ol{
        max-height: 45vw;
        overflow-y: auto;
        padding: 0;
    }
    .updates li{
        list-style: none;
    }
    .updates h2{
        margin-bottom: 0;
    }
    .updates a{
        display: block;
    }
    .updates li{
        padding: 3vw 4vw;
        border-bottom: #a7a7a7 solid 1px;
        color: #1558d6;
    }
    .updates time{
        color: #eb0000;
    }
/* 基本情報のスタイル */
    .flex {
        width: 100%;
        display: flex;
        margin-bottom: 4vw;
    }
    .flex .left {
        margin: 0 2vw;
        width: 55vw;
    }
    .flex .left img{
        max-height:unset;
        max-width:100%;
    }
    .flex .left.reel,
    .flex .right.pay{
        width: auto;
    }
    .flex .left.reel img,
    .flex .right.pay img{
        max-height: 300px;
    }
    .flex .right{
        justify-content: space-between;
        display: flex;
        flex-flow: column;
        margin-right: 2vw;
        width:40vw;
    }
/* my-galleryの虫眼鏡ボタン tys 20240902 変更開始 */
.my-gallery figure::after{
    position: absolute;
    font-family: "Font Awesome 5 Free";
    width: 8vw;
    height: 8vw;
    font-size: 8vw;
    font-weight: 900;
    content: '\f00e';
    color: #999999;
    background: rgb(255, 255, 255, 0.7);
    display: inline-block;
    bottom: 2vw;
    right: 1vw;
    border: 1px solid #999999;
    border-radius: 2vw;
    display: flex;
    align-items: center;
    padding: 1vw;
}
.my-gallery figure {
    position: relative;
}
/* tys 20240902 変更完了 */

/* SNS・URLコピーボタン */
    .social-buttons {
        display: flex;
        justify-content: space-evenly;
        width: 100%;
    }
    .social-buttons img{
        width: 50px;
        height: 50px;
    }
    .copy-url-button {
        margin: 4vw auto;
        width: 100%;
        text-align: center;
    }
    .copy-url-button button {
        padding: 3vw 4vw;
        border-radius: 2vw;
        -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
        box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    }

/* 定義リスト */
dl{
    margin: 2vw;
    border-collapse: collapse;
}

dt{
    background-color: #000;
    color: #fff;
    padding: 2vw;
}
dd{
    padding: 2vw;
    border: solid 1px #afafaf;
    border-top: none;
}
dl figcaption{
    margin: 0 0 1vw;
    font-size: 4vw;
    color: #242424;
}
dl figure p{
    margin: 2vw 0 0;
}

/*tableのスタイル*/
    table{
        width:96%;
        margin: 2vw;
        font-size: 3.4vw;
        line-height: 5.6vw;
    }
    table caption{
        background-color: #000;
        padding: 1.5vw;
        border: #2d2d2d solid 1px;
        color: #fff;
        text-align:center;
        font-size: 3.9vw;
    }
    thead th{
        color: #fff;
        text-align:center;
        background-color: #666666;
        border: #2d2d2d solid 1px;
        padding: 1vw;
        font-size: 3.6vw;
        word-break: break-all;
    }
    tbody{
        background-color: #fff;
        text-align: center;
    }
    tbody th{
        background: #e8ffff;
        padding: 1vw;
        border: #666666 solid 1px;
        font-size: 3.4vw;
        word-break: break-all;
    }
    tbody td{
        padding: 1vw;
        border: #666666 solid 1px;
        font-size: 3.4vw;
        word-break: break-all;
    }
    table div.img{
        margin: 1vw;
    }
    .reliability,
    .sinraido{
        background-color: #eb0000;
    }
    .senyuuritu{
        background-color: #eb00db;
    }
    .main_pattern{
        background-color: #bcf9f9;
    }
    /* 背景色変更セレクター */
    .red_back{
        background-color: #ff0000;
        color: #fff; 
    }
    .orange_back{
        background-color: #ff9900;
        color: #fff;
    }
    .blue_back{
        background-color: #005eff;
        color: #fff;
    }
    .lightblue_back{
        background-color : #0073e6;
        color: #fff;
    }
    /* 基本情報用の大きい文字のスタイル */
    .big_letter{
        font-size: 140%;
        font-weight: bold;
        line-height: 12vw;
    }
    .big_letter span{
        font-size: 140%;
    }
    .big_letter span.small{
        font-size: 60%;
        font-weight: normal;
    }
/*機種概要の囲みのスタイル*/
    .machine-outline{
        width: auto;
        margin: 0 2vw 4vw;
        border:solid #09a1e3 1.6vw;
        border-radius: 1vw;
    }
    .machine-outline h4{
        width:auto;
        text-align: center;
        color: #09a1e3;
        margin: 0;/* 他のh4と差別化　削除NG */
        padding: 3vw 2vw 0;
        font-size: 5vw;
        letter-spacing: 0.5vw;
        align-items: center;
        border: none;
    }
    .machine-outline h4::before,
    .machine-outline h4::after{
        content: '\f219';
        -webkit-font-smoothing: antialiased;
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        border: none;
        font-size: medium;
        margin: 0 1vw;
    }
    .machine-outline p{
        width:auto;
        margin:0;/* 他のpと差別化　削除NG */
        padding: 2vw;
        font-size: 3.6vw;
    }
/*詳細記事へのリンクのスタイル、各トップページへのリンク*/
    .detailed_link,
    .to_eachTopPage,
    .readMore a{
        position: relative;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 6vw 10vw 8vw;
        border: 4px solid #1558d6;
        border-radius: 2vw;
        line-height: 5vw;
        padding: 3vw 2vw;
        text-align: center;
        font-size: 4vw;
    }
    button.detailed_link{
        margin: 2vw auto;
        background-color: #fff;
        width: 70%;
        padding: 0;
      }
      .detailed_link a{
        padding: 2.5vw 2vw;
        width: 100%;
      }
/* 画像をコンテンツ内に配置する際のスタイル */
    .img{/* 画像1つ1つをfigureで囲み、そのfigureが複数個横に並ぶことも想定 */
        display: flex;
        margin:0 2vw 2vw;
    }
    .img figure{/* 画像1つ1つに対していfigureで囲む */
        margin-right:1.2vw;/* 画像が2個以上横並びになる場合を想定し右に余白を設置 */
        width: 100%;
    }
    .img figure:last-child{
        margin-right:0;
    }
    .img p{
        font-size: 3.0vw;
    }
    /* figure内に複数のimgを入れる場合を想定 */
    figure img{
        margin-bottom: 1vw;
    }
    figure img:last-child{
        margin-top: 0;
    }
    figure.character_in_cont{
        width: 20%;
        margin: 4vw 0 0 3vw;
    }
    /*画像のキャプション（説明やタイトル）のスタイル*/
    figcaption{
        background-color: #0271EE;
        line-height: 4vw;
        padding: 0.6vw 0;
        margin: 1.2vw 0;
        color: #fff;
        font-size: 3.4vw;
        font-weight: bold;
    }
    figcaption.allocation{
        background-color: #0271EE;
        text-align: center;  
        padding: 1.2vw 0;
        color: #fff;
    }
    .character_in_cont figcaption{
        text-align: center;
        margin-bottom: 0;
        background-color: none;
      }
    p.BackToMenu {
        display: inline-block;
        background: rgba(100, 100, 100, 0.9);
        padding: 2vw;
        border-radius: 1vw;
        margin-left: 4vw;
        margin-bottom: 3vw;
        font-size: 2.4vw;
        border-bottom: solid 1vw #59595b;
    }
    .BackToMenu a{
        color: #fff;
    }
/* 囲み */
    /*囲み共通部分*/
    .check,
    .attention,
    .point,
    .memo,
    .gray-box{
        border:solid 1.6vw;
        border-radius: 1vw;
        position: relative;
        margin: 6vw 2vw;
        padding: 2vw 1vw 0;
        /* padding: 5vw 1vw 1vw; */
    }
    .check .img,
    .attention .img,
    .point .img,
    .memo .img,
    .gray-box .img{
        margin: 3vw 2vw;
    }
    /* 記号共通 */
    .check::before,
    .attention::before,
    .point::before,
    .memo::before,
    .gray-box::before{
        color: #fff;
        -webkit-font-smoothing: antialiased;
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        position: absolute;
        top: -3.86vw;/*約-15px*/
        left: 7.8vw;/*約30px*/
        padding: 1vw 2vw;
        border-radius: 1vw;
    }
    .check h4,
    .attention h4,
    .point h4,
    .memo h4,
    .gray-box h4{
        margin: 3vw 2vw 0;
        border-bottom: none;
    }
/* 灰色囲み */
.gray_box{
    padding: 2.5vw;
    margin: 2.5vw;
    border: solid 1px #ccc;
    border-radius: 1.5vw;
    background: #f7f7f7;
}
/* pタグ内のimgの余白 */
p img{
    margin: 1vw 0;
}
    /* 独自部分 */
    .check{
        border-color: #15cf00;
    }
    .check::before{
        background-color: #15cf00;
        content:'\f058\00a0チェック';/* 記号とスペースを配置。以下同様 */
    }
    .check h4::before{
        border-color: #15cf00;
    }
    .attention{
        border-color: #ff4444;
    }
    .attention::before{
        background-color: #ff4444;
        content:'\f071\00a0注意';
    }
    .attention h4::before{
        border-color: #ff4444;
    }
    .point{
        border-color: #ffd900;
    }
    .point::before{
        background-color: #ffd900;
        content:'\f0eb\00a0ポイント';
    }
    .point h4::before{
        border-color: #ffd900;
    }
    .memo{
        border-color: #0D99D9;
    }
    .memo::before{
        background-color: #0D99D9;
        content:'\f15c\00a0メモ';
    }
    .memo h4::before{
        border-color: #0D99D9;
    }
    .gray-box{
        border-color: #c0c0c0;
    }
    .gray-box::before{
        background-color: #c0c0c0;
    }
    .gray-box h4::before{
        border-color: #c0c0c0;
    }
/* 説明の表示非表示 */
.hidden_box{
    background-color: rgb(247, 247, 247);
    padding: 2vw 0;
    margin: 2vw 4vw;
    border-radius: 2vw;
}
button.toggleExplanation{
    padding: 1vw 2vw;
    border-radius: 1vw;
    margin-left: 2vw;
    background-color: #fff;
    border-color: #afafaf;
    color: #0055BD;
}
.toggleExplanation.close::before,
.toggleExplanation.open::before
{
    color: #0055BD;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 1vw;
}
.toggleExplanation.close::before{
    content: '\f358';
}
.toggleExplanation.open::before{
    content: '\f35b';
}
/*パチンコ・パチスロ索引検索のスタイル*/
    .header{
        padding: 2vw 4vw;
        white-space: pre-wrap;
        word-break: break-all;
        color: #fff;
        background: #023894;
        font-size: 4.4vw;
    }
    /* ul.tabNavigation {
        display: table;
        width: 100%;
        padding: 0;
    }
    .tabNavigation li {
        display: table-cell;
        width: 50%;
    }
    .tabNavigation li a.selected {
        color: #fff;
        background-color: #0073e6;
        border-top: solid 1.5vw #ff4444;
    }
    .tabNavigation a {
        display: block;
        text-align: center;
        padding: 2vw;
        font-size: 3.8vw;
        font-weight: bold;
        color: #000;
        background-color: #eaeaea;
    } */
    .box-nav nav div{
        display: table;
        width: 100%;
        list-style: none;
    }
    .box-nav a {
        display: table-cell;
        color: #1558d6;
        padding: 3vw;
        vertical-align: middle;
        text-align: center;
        font-size: 3.8vw;
        border-right: solid 1px #ccc;
        border-top: solid 1px #ccc;
    }
    .box_bottom{
        border-bottom: solid 1px #ccc;
    }
    .box-nav33per,
    .box-nav50per,
    .box-nav100{
        width: 100%;
        display: table;
    }
    .box-nav .box-nav3 a:last-child {
        width: 60%;
        letter-spacing: 2vw;
    }
    .box-nav5 a{
        width: 20%;
    }
    .box-nav33per a{
        width: 33.3%;
    }
    .box-nav50per a{
        width: 50%;
    }
    .box-nav .box-nav33per a:last-child{
        width: 33.4%;
    }
    .box-nav div a:last-child{
        border-right: none;
    }
/*解析メニューのスタイル*/
.kaiseki-menu div.header{/* ★SPにはまだノーマルヘッダーの指定が無い。PCにはある */
    margin: 4vw 0 0;
    padding: 2vw 4vw;
    white-space: pre-wrap;
    word-break: break-all;
    border: 0;
    color: #fff;
    background: #023894;
    font-size: 4.4vw;
    font-weight: normal;
}
.kaiseki-menu div.header::before{
    content: '\f0c9';
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 2vw;
    color: #fff;
    transform: rotate(0deg);
}
.second_header{
    color: #fff;
    padding: 1.6vw 2vw 1.6vw 3.5vw;
    background-color: #0073e6;
    font-size: 3.8vw;
    font-weight: normal;
    margin: 0;
    width: auto;
}
.kaiseki-menu ol{
    padding: 0;
}
.kaiseki-menu li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    border-bottom: solid 1px #d9d9d9;
    overflow: hidden;
    text-decoration: none;
    position: relative;
}
.link_right{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 88%;
    padding: 3vw 1vw 3vw 1.2vw;
    font-size: 3.6vw;
    border-left: solid 1px #d9d9d9;
}
.link_right::after,
.detailed_link::after,
.month_list li a::after,
.to_eachTopPage::after
.access_ranking a::after{
    content: '\f054';
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    transform: rotate(0deg);
    margin-right: 2vw;
    font-size: 3.6vw;
    color: #1558d6;
}
.detailed_link::after{
    margin: 0 0.5vw 0 2.5vw;
    display: block;
}
.link_left{
    display: block;
    align-items: center;
    text-align: center;
    justify-content: space-between;
    width: 12%;
}
.link_left::before{
    content: '\f08e';
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    transform: rotate(0deg);
    font-size: 4vw;
}
/*解析メニューの装飾要素のスタイル*/
/*NEW表示*/
.new_txt::after{
    content: 'NEW';
    color: #f00;
    font-size: 2.6vw;
    font-weight: bold !important;
    vertical-align: middle;
    margin: 0 1vw;
}
/*現在閲覧中のページ＆項目　本セレクターは<li>内に記述*/
.current_page{
    background-color: #FFE438;
}
/*フッターパンくずリストのスタイル*/
    .footer_breadcrumbs ol{
        margin: 4vw 1vw;
        padding: 0;
    }
    .footer_breadcrumbs li{
        line-height: 4vw;
        font-size: 3.6vw;
        margin: 4vw 0;
        list-style: none;
        display: flex;
        align-items: center;
    }
    .footer_breadcrumbs li::before{
        content: "\f0da";
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        font-size: 3.8vw;
        margin: 0 4vw 0 3vw;
        color: #1558d6;
    }
    .footer_breadcrumbs li:first-child::before{
        content: none;
    }
    .footer_breadcrumbs a{
        color: #1558d6;
    }
/*フッターのスタイル*/
    footer{
        padding: 5vw 2vw 26vw;/* 26vw=100px フッターオーバーレイ広告を想定 */
        background: #333;
        text-align: center;
        color: #fff;
    }
    footer nav{
        margin-bottom: 4vw;
    }
    footer li {
        line-height: 7vw;
        font-size: 3.6vw;
        list-style: none;
    }
    footer a{
        color: #fff;
    }
/* SP_NewMachineCalender.Normal.0708用のスタイル */
    /* P/Sのロゴ */
    .slot::before, .pachinko::before{
        content: "";
        border: none;
        display: block;
        width: 6vw;
        height: 6vw;
        background-repeat: no-repeat;
        background-size: contain;
        transform: rotate(0deg);
        margin: 0 0 2vw 0;
    }
    .slot::before{
        background-image: url(https://1geki.jp/wp-content/themes/1geki/assets/img/icon/icon_slot.png);
    }
    .pachinko::before{
        background-image: url(https://1geki.jp/wp-content/themes/1geki/assets/img/icon/icon_pachi.png)
    }
    .update_list .pachinko::before , .update_list .slot::before{
        width: 4vw;
        height: 4vw;
    }
/* 全てパチンコスロットの3択 */
    .three_choice_navi{
        margin: 4vw 2vw;
    }
    .three_choice_navi ul{
        display: flex;
        background-color: #ccc;
        border: none;
        border-radius: 1vw;
        padding: 0.6vw;
    }
    .three_choice_navi li{
        flex: 1;
        border: solid 1px #a7a7a7;
        border-radius: 1vw;
        text-align: center;
        margin: 1vw;
        padding: 2vw 0;
        font-size: 4.2vw;
        box-shadow:  1px 1px 0 #999;
        list-style: none;
    }
    .three_choice_navi button{
        border: none;
    }
    .three_choice_navi li.selected{
        background-color: #fff;
        border: solid 1px #ebebeb;
    }
/* tys 20240902 追加開始 */
    section:has(.three_choice_navi li.selected button.pachinko-filter) li:has(h4.slot){
        display: none;
    }
    section:has(.three_choice_navi li.selected button.slot-filter)  li:has(h4.pachinko){
        display: none;
    }
/* tys 20240902 追加完了 */

/* 機種リスト */
    .machine_list{
        background-color: #f0f0f0;
        padding: 1.5vw 2vw;
    }
    /* 導入日のh3 */
    .introduction_date{
        margin: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #757575;
    }
    .introduction_date::before{
        content: none;   
    }
    .date_ymdw{
        font-size: 4vw;
        line-height: inherit;
    }
    .number_of_models{
        display: flex;
        align-items: center;
        justify-items: baseline;
    }
    .number_of_models .pachinko, .number_of_models .slot{
        display: flex;
        margin: 0 2vw ;
    }
    .number_of_models .pachinko::before,.number_of_models .slot::before{
        content: '';
        display: inline-block;
        width: 4vw;
        height: 4vw;
        margin: 0;
        margin-right: 1vw;
    }
    /* 機種リストアイテム */
    .machine_list ul{
        padding: 0;
    }
    .machine_list li{
        border: 1px solid #afafaf;
        border-radius: 1vw;
        padding: 1vw 1.5vw;
        margin: 2vw 1vw;
        background-color: #fff;
        list-style: none;
    }
    .machine_list li a{
        display: block;
        width: 100%;
        height: 100%;
        white-space: normal;
    }
    .machine_list .flex{
        margin-bottom: 0;
    }
    .machine_list .left{
        width: 35%;
        margin: 0;
    }
    .machine_list .right{
        width: 65%;
        margin: 0;
    }
    .machine_list h4{/* 機種名 */
        background-color: #fff;
        margin: 0 0 0 2vw;
        padding: 1vw 0;
        color: #023894;
        font-size: 5vw;
        display: block;
        border-top: none;
        border-right: none;
        border-bottom: solid 2px #0073e6;
    }
    p.maker_item{
        margin: 0 0 2vw 2vw;
        font-size: 3vw;
    }
    p.type_item{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin: 0 0 2vw 2vw;
    }
    .type{/* タイプ */
        display: block;
        margin: 0 2vw 2vw 0;
        padding: 1vw 2vw;
        background-color: #0073e6;
        color: #fff;
        border-radius: 5px;
    }
    .type_item .type:last-child{
        margin-right: 0;
    }
/* 1025追加 */
    /* 関連機種リストアイテム */
    .related_machine_list{
        background-color: #f0f0f0;
        padding: 1.5vw 2vw;
    }
    .related_machine_list p.introduction_date_item{
        margin: 0;
        padding: 0 0 0 1.4vw;
    }
    .related_machine_list .slot::before,
    .related_machine_list .pachinko::before{
        /* width: 5%;
        height: 5%; */
        margin: 0 0 1.5vw 0;
    }
    .related_machine_list ul{
        padding: 0;
    }
    .related_machine_list li{
        border: 1px solid #afafaf;
        border-radius: 1vw;
        padding: 1vw 1.5vw;
        margin: 2vw 1vw;
        background-color: #fff;
        list-style: none;
    }
    .related_machine_list li a{
        display: block;
        width: 100%;
        height: 100%;
        white-space: normal;
    }
    .related_machine_list .flex{
        margin-bottom: 0;
        margin: 2vw 0 0;
    }
    .related_machine_list .left{
        width: 25%;
        margin: 0;
    }
    .related_machine_list .right{
        width: 75%;
        margin: 0;
    }
    .related_machine_list h4{/* 機種名 */
        background-color: #fff;
        margin: 0 0 0 2vw;
        padding: 1vw 0;
        color: #023894;
        font-size: 5vw;
        display: block;
        font-weight: normal;
        border-top: none;
        border-right: none;
        border-bottom: solid 2px #0073e6;
    }
/* /1025追加 */

/* 機種リスト ミニ */
.mini h4{
    font-size: 4vw;
}
.mini h4::before{
    content: none;
}
.mini .type{
    font-size: 3vw;
    padding: 0.6vw 1.2vw;
}
.mini .left{
    width: 25%;
}
.mini .right{
    width: 75%;
}
.mini .last_updated time{
    display: contents;
}
.mini > p{
    margin-bottom: 0.5vw;
    font-size: 2.6vw;
}
/* 過去の新台カレンダー */
    /* 年ごとの新台h3見出し */
    .year_block h3{
        margin: 0;
        display: block;
    }
    .year_block h3::before{
        content: none;
    }
    b.calender_year_or_month{
        display: flex;
        margin-bottom: 1.6vw;
        align-items: baseline;
    }
    .year_block .big_letter{
        margin-right: 1vw;
    }
    .year_block .number_of_models{
        justify-content: end;
    }
    /* 過去の新台カレンダー月別リスト */
    ol.month_list{
        padding: 0;
    }
    .month_list li{
        list-style: none;
    }
    .month_list li a{
        padding: 4vw 4vw 4vw 8vw;
        border-bottom: solid 1px #333;
        display: flex;
        justify-content: space-between;
        color: #666;
    }
    .month_list div{
        display: flex;
    }
    .month_list .big_letter{
        width: 18vw;
    }
    .all{
        width: 17vw;
        font-size: 3.4vw;
    }
/* /SP_NewMachineCalender.Normal.0708用のスタイル */

/* メーカー一覧 */
    .maker_list{
        background-color: #f0f0f0;
        padding: 1.5vw 2vw;
    }
    .maker_list li{
        margin: 2vw 1vw;
        border:solid 1px #afafaf;
        border-radius: 1vw;
        padding: 3vw 3vw 1vw;
        background-color: #fff;
        list-style: none;
    }
    p.maker_name{
        font-size: 5.2vw;
    }
    .maker_list .number_of_models{
        justify-content: end;
    }
    .maker_list .number_of_models span{
        font-size: 140%;
        align-items: center;
    }
    .maker_list .number_of_models .all{
        width: 25vw;
    }

/* メーカー機種一覧ページ */
p.introduction_date_item{
    color: #000;
    padding: 1.4vw;
    line-height: initial;
    font-size: 3.4vw;
    margin-top: 1.6vw;
}
.introduction_date_item time{
    font-size: 3.4vw;
}
/* メーカーページのフリースペース */
.freespace_banner_list{
    padding: 2vw;
}
.freespace_banner_list li{
    margin: 2vw;
    text-align: center;
    list-style: none;
}
.freespace_banner_list img{
    margin-bottom: 1vw;
}
/* indexページのスタイル */
    /* 各トップページへの遷移ボタン */
    p.navi-button {
        display: flex;
        text-align: center;
    }
    p.navi-button:first-of-type {
        margin-top: 10px;
    }
    p.navi-button a {
        width: 50%;
        margin: 0 5px 10px;
        padding: 10px;
        color: #FFF;
        text-align: center;
        text-decoration: none;
        font-size: 20px;
        font-weight: bold;
        text-shadow: 1px 1px 1px #000;
        letter-spacing: 0.05em;
        border-radius: 3px;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
        -webkit-tap-highlight-color: transparent;
        background: rgb(109,179,242);
        background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(46,104,204,1) 52%, rgba(46,104,204,1) 100%);
        background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(46,104,204,1) 52%,rgba(46,104,204,1) 100%);
        background: linear-gradient(to bottom, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(46,104,204,1) 52%,rgba(46,104,204,1) 100%);
    }
    /* 今週の新台と定番機種のスタイル */
    .character_icon_list{
        display: flex;
        margin: 0 2vw 2vw;
        padding: 0;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .character_icon_list li{
        margin: 1vw 2.4vw;
        width: 20%;
        min-height: 27vw;
        position: relative;
        list-style: none;
    }
    .character_icon_list img{
        border-radius: 2vw;
    }
    .character_icon_list figcaption{
        margin: 0.5vw 0 0;
        font-size: 2.8vw;
        background-color: #fff;
        color: #1558d6;
        padding: 0;
    }
    .to_eachTopPage{
        margin-top: 0;
    }
    .character_icon_list p{
        position: absolute;
        display: inline-block;
        top: -2vw;
        left: -2vw;
        width: 6vw;
        padding: 2px 5px;
        background: #cc0c0c;
        color: #fff;
        text-align: center;
        font-size: 2.6vw;
        line-height: normal;
    }
    /* 機種　更新情報 */
    .update_list{
        padding: 0;
    }
    .update_list li{
        list-style: none;
    }
    .update_list a {
        padding: 2vw 3vw;
        border-bottom: solid 1px #CCC;
        display: flex;
    }
    .update_list .ltabblock {
        padding-right: 3vw;
        margin: 0;
    }
    .machine_infomation img{
        width: 16vw;
    }
    .update_list .rtabblock {
        vertical-align: middle;
        margin: 0;
    }
    .update_date time{
        font-size: 3.6vw;
        margin-right: 1vw;
    }
    .article_title{
        color: #1558d6;
        font-size: 4vw;
    }
    .update_content{
        color: #666;
        font-size: 3vw;
    }
    .rbloglist a{
        padding: 2vw 3vw;
        border-bottom: solid 1px #CCC;
        display: flex;
        align-items: center;
    }
    .survey_article_list .ltabblock,
    .rbloglist .ltabblock{
        width: 40%;
        padding-right: 3vw;
    }
    .survey_article_list .rtabblock,
    .rbloglist .rtabblock{
        width: 60%;
        vertical-align: middle;
    }
    .survey_article_list .ltabblock img,
    .rbloglist .ltabblock img{
        width: 100%;
    }
    .survey_article_list .update_date,
    .survey_article_list .survey_date{
        font-size: 3.2vw;
        color: black;
    }
    .readMore{
        text-align: center;
        display: block;
    }
    /* 業界ニュース・サイト内　更新情報 */
    .site_article a{
        display: block;
        padding: 4vw 3vw;
    }
    .site_article img{
        width: 100%;
    }
    .site_article .rtabblock{
        margin-top: 2vw;
    }
/* 機種更新情報から各トップページの更新情報へ */
    .to_update{
        display: flex;
        justify-content: space-around;
    }
    .to_update .to_eachTopPage{
        margin: 1.6vw;
        font-size: 3.7vw;
    }
    .to_update .to_eachTopPage::after{
        margin-left: 2vw;
    }
/* ページネーション */
.wp-pagenavi {
    text-align:center;
    margin:5vw 0;
    }
    .wp-pagenavi a{
    display:inline;
    background-color:#fff;
    margin:1vw;
    }
    .wp-pagenavi span{
    border:1px solid #0055BD;
    background-color:#0055BD;
    color:#fff;
    padding:2vw 2vw;
    -webkit-border-radius: 0.5vw;
    -moz-border-radius: 0.5vw;
    border-radius: 0.5vw;
    margin:0.5vw;
    }
    .wp-pagenavi a{
    border:1px solid #ccc;
    color:#757575;
    padding:2vw 2vw;
    text-decoration:none;
    -webkit-border-radius: 0.5vw;
    -moz-border-radius: 0.5vw;
    border-radius: 0.5vw;
    }
    .wp-pagenavi a.first,
    .wp-pagenavi a.last,
    .wp-pagenavi a.nextpostslink,
    .wp-pagenavi a.previouspostslink{
    background-color:#70a5e5;
    border:1px solid #54a1ff;
    color:#fff;
    padding:2vw 2vw;
    text-decoration:none;
    }
    .wp-pagenavi a.first::before{
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        content: "\f100";
        color: #fff;
    }
    .wp-pagenavi a.last::before{
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        content: "\f101";
        color: #fff;
    }
    .wp-pagenavi a.nextpostslink::before{
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        content: "\f054";
        color: #fff;
    }
    .wp-pagenavi a.previouspostslink::before{
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        content: "\f053";
        color: #fff;
    }
/* パチンコ・スロット 機種解析情報ページ*/
    /* アクセスランキング */
    .access_ranking{
        padding: 0;
    }
    .access_ranking li{
        list-style: none;
    }
    .access_ranking a{
        display: flex;
        align-items: center;
        justify-content: space-around;
        border-bottom: solid 1px #ccc;
        padding: 2vw 0;
    }
    p.rank{
        margin: 0;
        width: 10%;
        text-align: center;
    }
    i{
        width: 6%;
    }
    figure.character_icon{
        width: 15vw;
        margin: 0 1.6vw;
    }
    .open_close{
        display: block;
        margin: 6vw auto 8vw;
        border: 4px solid #1558d6;
        border-radius: 2vw;
        line-height: 5vw;
        padding: 3vw 20vw;
        text-align: center;
        font-size: 4vw;
        color: #1558d6;
    }
    /* 順位変動 */
    i.up::before, i.down::before, i.stay::before{
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        border: none;
        display: block;
        text-align: center;
        font-size: 5vw;
    }
    i.up::before{
        content: "\f30c";
        color: #ff0e0e;
    }
    i.down::before{
        content: "\f309";
        color: #0059ff;
    }
    i.stay::before{
        content: "\f30b";
        color: #2bea00;
    }
    /* 機種名部分 */
    p.machine_name{
        width: 65%;
        color: #1558d6;
    }
    .machine_name span{
        display: block;
        color: #282828;
        font-size: 3vw;
    }
/* 検索結果 */
.serch_result h3{
    display: flex;
    align-items: center;
    background-color: #3e9af5;
    margin: 0;
}
.serch_result h3::before{
    margin: 0 2vw 0 0;
}
/* インジケーター */
progress{
    width: 15vw;
}
/*よく使う文字色*/
.red {/*赤色テキスト*/
    color: #f00;
}
.orange{
    color: #ff9900;
}
.green{
    color: #007700;
}
.blue{
    color: #00f;
}
.purple{
    color: #aa00ff;
}
.line{
    background-color: yellow;
    font-weight: bold;
}
/* 表内で主に使われる赤い囲み */
span.redbox{
    border: solid 1px #ff0000;
    display: block;
    padding: 1vw;
}
/* 市区町村ページの店舗一覧 */
.shoplist_text_only{
    border-top: solid 1px #ccc;
}
.shoplist_text_only li{
    display: block;
    border-bottom: solid 1px #ccc;
    padding: 2vw;
}
.shoplist_text_only a{
    display: block;
}
.shoplist_text_only span{
    display: block;
    font-size: 4vw;
}
.shoplist_text_only .address{
    color: #000;
    font-size: 3.4vw;
    margin-top: 1vw;
}
/* ★途中　以下はお気に入り機種一覧のCSSみたい（不たしか） */
    /* padding-bottom:13.2vw;にしているのは、下部オーバーレイ広告を表示する想定 */
    .favorit_machine_list{
        background-color: #f0f0f0;
        padding: 0.2vw 2vw 13.2vw;
    }
    .favorit_machine_list article{
        border: 1px solid #afafaf;
        border-radius: 1vw;
        padding: 1vw 1.5vw;
        margin: 2vw 1vw;
        background-color: #fff;
    }
    .favorit_machine_list a{
        display: block;
        width: 100%;
        height: 100%;
        white-space: normal;
    }
    .favorit_machine_list .flex{
        margin-bottom: 0;
    }
    .favorit_machine_list .left{
        width: 35%;
        margin: 0;
    }
    .favorit_machine_list .right{
        width: 65%;
        margin: 0;
    }
    .favorit_machine_list h2::before{
        content: none;
    }
    .favorit_machine_list .machine_top_display{
        margin: 0;
        font-size: 3.6vw;
        padding: 0.8vw 1.6vw;
    
    }
    .edit{
        background-color: #023894;
        color: #fff;
        border: none;
        border-radius: 5px;
        padding: 2.5vw 3vw;
        font-size: 3.6vw;
        font-weight: bold;
        text-align: center;
        -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
        box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    }
    .edit:before{
        content: none;
    }