@charset "UTF-8";
@media screen and (min-width:840px) {

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

body {
      background-color :#000000;
      }

html {
     width: 100%;
     }
  
 * {
  ##float: none;
    }
   
img {
    max-width: 100%;
    height: auto;
    }
    
p.red {
    ##color : #FF0000;
    ##padding : 15px 0px 0px 30px ;
      }  
 
#wrapper{
         width: 840px;
         margin : 30px auto 120px auto;
         border: 1px solid #555555;
        -webkit-border-radius: 0.94em;
         background-color: #000000;
           } 

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

#head_line{
          width: 80%;
          text-align : center;
         -webkit-border-radius: 15px;
          color: red;
          background-color:white;
          padding: 10px 0px;
          margin: 50px auto 20px auto;
          border-width:1px;
          border-style:solid;
          border-color:red;
          }

.pan{
     font-size: 1em;
     padding: 10px 10px 10px 10px;
       }

.html-font2{
           color:white;
           }

.pan a:link    { color:lightblue; padding: 0px 5px 0px 10px ; text-decoration : none ; }
.pan a:hover   { color: red ; text-decoration : underline; }
.pan a:visited { color: lightblue ; }


#title {
       width: 45%;
       font-size : 1.3em;
       color:blue;
       background-color: white;
       padding : 16px 20px;
       margin: 30px auto 30px auto;
       display: block;
          }

#category{
       font-size: 1em;
       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_logo1{    
           display: block ;
           text-align: center;
           margin: 10px auto ;
            }

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


.buttons{
         text-align: center;
        }

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

.button{
        width: 140px;
        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;
         }


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


.line_top {
           margin : 30px 0px 40px 0px;
           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; } 


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

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


.grille_top{
            width:  230px;
            font-size : 1em;
            font-weight: lighter; 
            text-align : center;
             display: block;
            color: white;
            background-color: #0000dd;
            margin : 60px auto 20px auto ;             
            padding: 15px 15px;
            border-style: solid;      
            border: double 3px white;
             }

.title3_short {
             width:  220px;
             font-size : 1em;
             font-weight: lighter; 
             text-align : center;
             display: block;
             color: white;
             background-color: #0000dd;
             margin : 150px auto 20px auto ;
             padding: 15px 15px;
             border-style: solid;      
             border: double 3px white;
               }

.title3_medium {
             width:  230px;
             font-size : 1em;
             font-weight: lighter; 
             text-align : center;
             display: block;
             color: white;
             background-color: #0000dd;
             margin : 150px auto 20px auto ;             
             padding: 15px 15px;
             border-style: solid;      
             border: double 3px white;
              }

.title3_long {
             width: 280px;
             font-size : 1em;
             font-weight: lighter; 
             text-align : center;
             display: block;
             color: white;
             background-color: #0000dd;
             margin : 150px auto 20px auto ;
             padding: 15px 15px;
             border-style: solid;
             border: double 3px white;
               }

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

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

.font_color {
            color : #ff0000;
            }


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

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

.accordion_summary {
                    font-size: 1em;
                    position: relative;
                    margin : 10px 50px 3px 50px;
                    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 50px 0px 50px;
                    padding-top: 15px;
                    overflow: hidden;
                    -webkit-border-radius: 10px;
                    }


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

.c-1 {
      padding : 15px 0px 20px 30px ;
      text-align: left;
      }


.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 ;
         font-size: 1.2em ;
          }

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


.end-item {
           font-size: 1em;
           position: relative;
           margin : 10px 50px 3px 50px;
           padding: 20px;
           background-color: #0068b7;
          -webkit-border-radius: 10px;
           border: 1px solid #FFFFFF;
           text-align: center;
           }


.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: 300px;
            text-align : center;
            display: block; 
            background : white;
           -webkit-border-radius: 8px;
            font-size: 1em;
            margin : 100px auto 50px auto ; 
            padding: 1px 5px ;
            font-weight: bold  ;
            color : red ;
            }


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

               }