@charset "UTF-8";
@media only screen and (min-width: 480.1px) and (max-width: 839.9px) {

a:hover { color: red ; text-decoration : underline; }
a.button_3p:hover { color: red ; text-decoration : underline; }


body,.copy_clipboard {
     font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      }

body {
      background-color : #000000 ;
       }

   
img {
    max-width: 100%;
    height: auto;
     }


#wrapper {
         width: 95%;
         margin : 15px auto auto auto;
         border: 1px solid #555555;
         -webkit-border-radius: 0.94em;
         background-color: #000000;
           } 
 
#head_line {
          width: 90%;
          text-align : center;
         -webkit-border-radius: 15px;
          color: red;
          background-color:white;
          padding: 3px 3px;
          margin: 40px auto 20px auto;
          border-width:1px;
          border-style:solid;
          border-color:red;
           }

.text-line {
           text-align: center;       
            }

.pan {
     font-size: 100% ;
     padding: 10px 10px 10px 10px;
      }

.pan a {
      color:lightblue;
      padding: 0px 5px 0px 10px ;
      text-decoration:underline ;
       }


.html-font2 {
            color:white;
            }


#title{
       width: 45%;
       font-size : 100% ;
       color:blue;
       background-color: white;
       padding : 16px 10px;
       margin: 40px auto 40px auto;
       display: flex;
       justify-content: center;
       align-items: center;
       }

#category{
          font-size: 95% ;
          text-align : left;
          line-height: 1.6em ; 
          font-weight: normal;
          color: #dfdfdf;
          background-color:black;
          text-decoration:none;
          padding: 1.88em 3.1em;
          margin: 0px 20px 30px 20px;
          border-width:1px;
          border-style:solid;
          border-color:aqua;
         -webkit-border-radius: 15px;
          }


#car_logo {
        text-align: center;
            }

#car-1 {
       display: inline-block;
       margin : 0px 0px 50px 0px ;
         }

#line_top {
           margin : 0px 0px 30px 0px;
           }


.gazou-1 {
          width: 60%;
          margin: 10px auto;
          display: block;
          }

.gazou-2 {
          width: 60%;
          margin : 100px auto auto auto; 
          display: block;
          }

.gazou-3 {
         width: 60%;
         margin: 20px auto 30px auto ;
         display: block;
          }

.badge {
         width: 100%;
         margin: 30px auto 0px auto ;
         display: block;
          }


.buttons {
         text-align: center;
          }

.buttons a:link    { color: lime; }
.buttons a:hover   { color: red ; text-decoration : underline; }
.buttons a:visited { color: red; }


.button {
        width: 20% ;
        font-size: 95% ;
        display: inline-block;
        margin: 10px 10px;
        padding: 10px 15px;
       -webkit-border-radius: 8px;
        border: 1px solid #FFFFFF;
        background-color: #000000;
        font-weight: lighter; 
        text-decoration: none;
        }


#includ_tax1{
            width: 40% ;
            font-size: 95% ;
            text-align : center;       
            background : white;
            padding: 1px 1px ;
            margin : 20px auto 10px ;
           -webkit-border-radius: 8px;
            font-weight: bold  ;
            color : red ;
            display: block ;
            }

.button_3p {
           width: 20% ;
           font-size: 95% ;
           margin: 30px 10px;
           padding: 10px 5px;
          -webkit-border-radius: 8px;
           border: 1px solid #FFFFFF;
           background-color: #FFD700;
           font-weight: bold;
           text-decoration: none;
           }

.line_top {
           display: flex;
           justify-content: center ;
           }


a.button_3p:link    { color: red; }
a.button_3p:hover   { color: black ; text-decoration : underline; }
a.button_3p:visited { color: red; } 



hr {
    color : #ffffff;
    width : 80%;
    }


.grille_top{
           width: 28% ;
           font-size : 95% ;
           margin : 50px auto 20px auto;
           padding:  15px 10px;
           font-weight: lighter;
           text-align : center;
           display:block;        
           color: white;
           background-color: #0000dd;
           border-style: solid;      
           border: double 3px white;
              }

.title3_short{
              width:  25% ;
              font-size : 95% ;
              text-align : center;
              margin : 140px auto 20px auto;
              padding: 15px 10px;
              font-weight: lighter; 
              display:block;
              color: white;
              background-color: #0000dd;
              border-style: solid;      
              border: double 3px white;
              }

.title3_medium{
              width: 30% ;
              font-size : 95% ;
              text-align : center;
              margin : 140px auto 20px auto ;
              padding: 15px 10px;
              font-weight: lighter; 
              display: block; 
              color: white;
              background-color: #0000dd;
              border-style: solid;      
              border: double 3px white;
              }

.title3_long{
            width: 33% ;
            font-size : 95% ;
            text-align : center;
            margin : 140px auto 20px auto;
            padding: 15px 10px;
            font-weight: lighter; 
            display: block; 
            color: white;
            background-color: #0000dd;
            border-style: solid;
            border: double 3px white;
            }


.font_color {
            color : #ff0000;
            }

/* Chrome、Safari以外でデフォルトの三角形アイコンを下記で消します */
.accordion_summary {
                   display: block;
                   }

/* Chrome、Safariでデフォルトの三角形アイコンを下記で消します */
.accordion_summary::-webkit-details-marker {
                                           display: none;
                                           }


.accordion_summary,.accordion_content,.copy_clipboard,.end-item {
                                    font-size: 96% ;
                                     }

.accordion_summary {                    
                    position: relative;
                    margin : 10px 20px 3px 20px;
                    padding: 20px;
                    background-color: #0068b7;
                    color: #ffffff;
                    -webkit-border-radius: 10px;
                    border: 1px solid #FFFFFF;
                    text-align: center;
                    cursor: pointer;
  
.accordion[open]:not([data-accordion-before-close]) &::after {
                    transform: translateY(-50%);
                    }
                    }

.accordion_content {
                    background: #ffffff;
                    margin : 0px 20px 0px 20px;
                    padding: 20px 10px 20px 0px;
                    overflow: hidden;
                   -webkit-border-radius: 10px;
                    }


.blue {
       color : #0000ff;
       padding : 15px 10px 0px 25px ;
       text-align: left;
        }  

.c-1 {
      padding : 15px 10px 15px 25px ;
       }

.accordion_summary a:link    { color : red ; }
.accordion_summary a:hover   { color : yellow ; text-decoration : underline; }
.accordion_summary a:visited { color : red ; } 


.copy_clipboard {
               color   : black;
               padding : 10px 15px;         
               display : block ;
               margin  : 20px auto 0px auto;
               border  : 1px solid  #444444;
               background : #FFFF00 ;
               border-radius: 14px ;
                 }

.copy_clipboard:hover {
                    background: #13c3ac;
                       }

.copy_clipboard:active {
                       background: #13c3ac;
                       }


.end-item {
           width: 90% ;
           text-align: center ;
           position: relative;
           margin : 10px auto 3px auto ;
           padding: 20px;
           background-color: #0068b7;
          -webkit-border-radius: 10px;
           border: 1px solid #FFFFFF;
             }


.bottom-item {
             margin: 95px auto 10px auto ;
             }
             

.end-item a:link    { color: red ; }
.end-item a:hover   { color: white ; text-decoration : underline; }
.end-item a:visited { color: red ; }



#includ_tax2 {
            width: 40% ;
            font-size: 95% ;
            text-align : center;
            margin : 80px auto 20px auto ;
            padding: 1px 1px ;
            display: block ;
            background : white;
           -webkit-border-radius: 8px;
            font-weight: bold  ;
            color : red ;
            }

  
#footer_1 {
          font-size: 0.9em ; 
          text-align: center;
          margin: 40px auto 50px auto ;
          color: #dfdfdf;
           }

                }