@charset "utf-8";

/* 共通部分----------------*/
html 
   {font-size: 100%;}

h1
   {font-size: 1.9rem; color: #686767; font-weight:600;}

h2
   {font-size: 1.8rem;}

h3
   {font-size: 1.2rem; color: #212121; font-weight: normal;}  /* 文字の太さを普通にする */


body 
   {font-family: font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;  
   line-height: 1.7; background-color: #eddcbc;
   margin: 0}

p
   {font-size: 1.4rem; padding: 1em; }

img
   {max-width: 100%;}
   
/*header部分---------------*/
h1
   {text-align: left; margin-left: 5rem; padding-top: 1.4rem; padding-left: 1.4rem;
   }
h1
   {border-top-left-radius: 50px; background-color:#eed13f;  border:2px solid; border-color:#0000b1 #eddcbc #eddcbc #0000b1;}

h3
   {text-align: left; margin-left: 5rem;}   


/* input要素のうちtype属性値がbuttonのものに対して装飾 */
input[type="button"] {   
    font-size: 1.3rem; 
    margin:0;
    padding:2% 2%;
    color:#212121;
    background-color: #eed13f; 
    cursor: pointer;
  }

input[type="button"]:hover
  {opacity: 0.7;}  

/* プルダウンメニューの背景色設定 */
select
   {font-size: 1.4rem; 
    margin:0;
    padding:2% 2%;
    color:#212121;
    background-color: #eed13f; 
    cursor: pointer;
   } 
   
select:hover
   {opacity: 0.7;}

button
   {cursor: pointer; background-color: #bdc6b7; color: #212121; border-radius:100vmax;}

button:hover 
   {opacity: 0.7;}   

/* header部セレクト・メニューのFlexbox */
.container
   {display: flex; justify-content: flex-end; flex-wrap: wrap; 
    align-content: flex-start; }

.container
   {max-width: 2000px; margin: 0 auto; padding: 0 4%; color:}

.column
   {display: flex; flex-direction: row; justify-content: flex-end;
    font-size: 1.4rem; font-weight: bold;
    margin-top: 3px; margin-bottom: 3px; margin-left: 0px; }


.container2
   {font-size: 1.4rem; font-weight: bold;
    margin-top: 3px; margin-bottom: 5px; margin-left: 10px;}

.container3
   {font-size: 1.4rem; font-weight: bold;
    margin-top: 3px; margin-bottom: 5px; margin-left: 10px;}



/*slider部分----------------*/
.slider 
   {display: flex; margin-top: 0; margin-left: 0;}
 

/* footer */
    #footer {
      position: relative;
      margin-top: 10rem;
      color: #000000;
    }
    #footer a {
      text-decoration: none;
      color: #000000;
    }
    #footer a:hover {
      text-decoration: underline;
    }
   
   /*--画面幅に合わせてfooterのstyleを変える--*/ 
    @media screen and (min-width: 601px) { 
      #footer .primary {
        padding: 10px 10px;
        background: #e6f0f0;
      }
    }

    @media screen and (max-width: 600px) {
      #footer .primary {
        padding: 3px 3px;
        background: #e6f0f0;
      }
    }

  /* footer.secondaryのcopyright */  
.secondary {
      display: block;
      background: #eddcbc;
      width: auto;
      margin: 0px;
      padding-top: 0rem;
      padding-bottom: 0rem;
      text-align: center;
      font-weight: 500;
    }
/* copyright帯のbottom隙間なし */
.copyright{margin-bottom: 0rem;}

  

/* footer-containerのflexbox */
.footer-container {
   display:flex;
   justify-content:flex-start;
   margin-left: 30px;
   width:70%;
 }

.navi-section {
   display: flex;
   flex-direction: column;
   width:70%;
 }

.parent {
   flex-wrap: wrap;
   align-content: flex-start;
   padding: 0;
   font-weight: bold;
   font-size: 1.2rem;
   margin: 0;
 }

.navi {
  list-style-type: none;
  font-size: 1.2rem;
  margin: 0px;
  padding-left: 0px;
  padding-bottom: 10px;
  border-top: 1px solid #444;
 }

.navi li {
   margin: 5px 1px 2px 0px;   
 }
 
 /*--footer部分Flexboxの配置600px以下の画面幅では縦並び--*/
 @media screen and (max-width: 600px) {
   .footer-container {
   flex-direction: column;
   align-items: center;
   width: auto;
   margin: 0px 0 0;

  }
 }

 /* モバイル版----------*/
 @media (max-width:600px){
   h2
   {font-size: 1.8rem;}
   p
   {font-size: 1.4rem; padding: 1em; }

 }