@charset "UTF-8";
@media screen and (max-width:480px) {
 
body,.copy_clipboard {
     font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
     }

body {    
     background-color: #000000;
       }

p.red {
    ##color : #FF0000;
    ##padding : 15px 0px 0px 30px ;
       }  
  
 * {
  ##float: none;
     }
   
img {
    max-width : 100% ;
    height    : auto;
      }


#wrapper {
         width  : 100%;
         margin : 8px auto auto auto;
         border : 1px solid #555555;
         -webkit-border-radius: 10px;
         background-color: #000000;
           } 

h1 {
    font-size: 4vw ;
      }

#head_line {
          width: 80%;
          text-align : center;
          display : block ;
         -webkit-border-radius: 0.5em;
          color:red;
          background-color:white;
          padding: 3px 3px;
          margin: 1.25em  auto 1.25em auto;
          border-width:1px;
          border-style:solid;
          border-color:red;
            }

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

.pan {
     font-size: 3vw  ;     
       }

.pan a {
      padding: 0px 3px 0px 5px ;
        }

.pan a:link    { color: lightblue ; }
.pan a:hover   { color: white ; text-decoration : underline; }
.pan a:visited { color: skyblue ; text-decoration : underline; }


.html-font2{
          color:white;
           }


h2 {
    font-size: 2.8vw ;
     }

#title {
       width: 50%;
       color:blue;
       background-color: white;
       padding : 10px 15px;
       margin: 20px auto 15px auto;
       display: block;
         }

#category {
       font-size: 3vw ;
       text-align : left;
       line-height: 1.6em ; 
       font-weight: normal;
       color: #dfdfdf;
       background-color:black;
       text-decoration:none;
       padding: 1.0em 2.0em;
       margin: 0.8em 0.9em;
       border-width:1px;
       border-style:solid;
       border-color:aqua;
      -webkit-border-radius: 8px ;
       display: block;
         }


#car_logo1 {    
           display: block ;
           text-align: center;
           margin: 10px auto ;
             }

#car_logo2 {    
           display: block ;
           text-align: center;
           margin: 10px auto;
             }

#w214_sedan {
            display: none;
            }

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

.buttons {
         text-align: center;
          }


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

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


#includ_tax1,#includ_tax2 {
                      font-size: 3.5vw ;
                          }

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


.button_3p {
           width: 80% ;
           font-size: 3vw ;
           display: inline-block;
           margin: 10px 10px;
           padding: 10px 10px;
          -webkit-border-radius: 8px;
           border: 1px solid #FFFFFF;
           background-color: #FFD700;
           font-weight: bold;
           text-decoration: none;
             }


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


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



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


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

.gazou-2 {
          width: 90% ;
          margin : 70px auto auto auto; 
          display: block;
            }

.grille_top {
         width: 45% ;
         font-size : 3.5vw ;
         font-weight: lighter; 
         text-align : center;
         display: block ; 
         color: white;
         background-color: #0000dd;
         margin: 30px auto 10px auto ;  
         padding: 9px 6px;
         border-style: solid;
         border: double 3px white;
           }


.title3_short {
         width: 40% ;
         font-size : 3.5vw ;
         font-weight: lighter; 
         text-align : center;
         display: block ; 
         color: white;
         background-color: #0000dd;
         margin: 80px auto 15px auto ;       
         padding: 9px 8px;
         border-style: solid;
         border: double 3px white;
           }

.title3_medium {
         width: 45% ;
         font-size : 3.5vw ;
         font-weight: lighter; 
         text-align : center;
         display: block ; 
         color: white;
         background-color: #0000dd;
         margin: 80px auto 15px auto ;  
         padding: 9px 8px;
         border-style: solid;
         border: double 3px white;
           }

.title3_long {
         width: 55%  ;
         font-size : 3.5vw ;
         font-weight: lighter; 
         text-align : center;
         display: block ; 
         color: white;
         background-color: #0000dd;
         margin: 80px auto 15px auto ;  
         padding: 9px 8px;
         border-style: solid;
         border: double 3px white;
           }


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


/* 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: 3.6vw ;
                                     }

.accordion_summary {
                    position: relative;
                    margin : 10px 20px 3px 20px;
                    padding: 20px 15px 20px 15px;
                    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-color: #ffffff;
                    margin : 0px 20px 0px 20px;
                    padding: 10px 10px 10px 0px;
                    overflow: hidden;
                   -webkit-border-radius: 10px;
                     }


.blue {
      color   : #0000ff;
      padding : 5px 10px 5px 20px ;
      text-align : left;
       }  


.c-1 {
     padding : 5px 20px 5px 20px ;
     text-align : left;
      }


.red {
    ##color   : #0000ff;
    ##padding : 5px 10px 5px 10px ;
       }  


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

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

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


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


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

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


#includ_tax2 {
             width: 70% ;
             text-align : center;
             display: block;
             margin: 60px auto 30px;
             padding: 1px 2px ;
             background : white;
             -webkit-border-radius: 8px;
             font-weight: bold  ;
             color : red ;
              }

          
#footer_1 { 
           font-size: 3.5vw ; 
           text-align: center;
           display: block;
           margin: 20px auto 30px auto ;
           color: #dfdfdf;
            }

                }