/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

 *{
    list-style: none;
    word-break: auto-phrase;
    overflow-wrap: break-word;
  }

  a {
  color: inherit; /* 親要素の色を継承する */
  text-decoration: none; /* 下線を消す場合 */
}
  
  body{
    /*#add8e6;*/
    background-color: white;    
    padding: 0px 0px;
  }
  
  h1{
    font-size: clamp(25px,1.8vw,32px);
  }
  h2{
    font-size: clamp(20px,1.5vw,25px);
  }
  h3{
    font-size: clamp(16px,1.3vw,18px);
  
  }
  p{
    font-size: clamp(16px,1.3vw,18px);
  }
  
  li{
    font-size: clamp(16px,1.3vw,18px)
  }
  
  .center_align{
    text-align: center;
  }

  .left_align{
    text-align: left;
  }

  .right_align{
    text-align: right;
  }

  .top_message{
    text-align: center;
}

.form{
  margin-left: 30%;
  padding: 20px;
  background-color: white;
  width: 30%;
  text-align: center;
  margin-bottom: 10px;
}

.float_left{
  float: left;
}

.red_text{
  color: red;
}

.gry_text{
  color: grey;
}

.gry_btn{
  display: inline-block;
  text-align: center;
  padding: 5px;
  background-color: rgb(194, 194, 194);
  border: solid black 1px;
}

.hidden{
  display: none;
}





/************************************************************/
.menu_list{
  padding:10px;
  margin-right: 10px;
  /*border: solid darkblue 2px;
  background-color: aliceblue; */
}
.mypage_contents_index{
  width: 30vw;

}

.mypage_contents_index table,th,td{
  text-align: center;
}
/***********************************************************/


/***********************************************************/
/*idonuma*/

.idonuma_top{
  height: 2000px;
  padding: 10px;
  background-color: rgb(29, 151, 233);
  text-align: center;
  color: white;
  
}

.idonuma_top h1{
  color: red;
  margin: 20px;
}

.idonuma_top p{
  display: inline-block;
  padding: 5px;
  background-color: rgb(126, 2, 2);
  color: white;
}

.idonu_netabare{
  height: 500px ;
  text-align: center;
  
}

/***********************************************************/

/*efran*/
.efran{
  text-align: center;
}

.efran_img{
  width:350px;
}
/***********************************************************/

/*baudroie*/
.baudroie_nazo2 img{
  width:300px;
}

.bd_last{
  text-align: center;
  background-color: black;
  color:greenyellow;
  height: 1000px;
  overflow: hidden;
}


/***********************************************************/

/*takataku*/
.takataku{
 
  background-color: #0193e6;
}
.takataku_img{
  width: 600px;
}
/***********************************************************/


/*tent*/
.tent_hint_entry_header{
  text-align: center;
  background-color: black;
  color:white;
  padding-bottom: 30px;
  padding-top:30px;
}
/***********************************************************/

.img_250505_finish img{
  width: 400px;
  padding: auto;
}

/*kashiwara*/
.kashiwara_menu_list{
  margin-left: auto;
  margin-right: auto;
  padding:10px;
  margin-top: 10px;
  width:80%;
  background-color: #608d43;
  color: #fef6e5;
}  

.kashiwara_menu_list_02{
  padding:10px;
  margin-top: 10px;
  width:50%;
  background-color: #373d34;
  color: #fef6e5;
}  

.kashiwara_menu_list_newmsg{
  margin-left: auto;
  margin-right: auto;
  padding:10px;
  margin-top: 10px;
  width: 80%;
  background-color: #b41e23;
  color: #fef6e5;
}

.kashiwara table{
  border-collapse:  collapse; 
  width:  100%;               /* 幅指定 */
  table-layout: fixed;        /* セルの幅計算指定 */
}

.kashiwara th{
  background-color: #373d34;
  color: #fef6e5;
  border: solid grey 1px;
  padding: 3px;
}

.kashiwara td{
  border: solid grey 1px;
  padding: 3px;
}

.kashiwara_msgviewbox{
  border: solid 1px #608d43;
  background-color: white;
  padding: 10px;
  margin: 10px 0px;
}


.kashiwara_main{
  padding: 5px;
}

.kashiwara{
  min-height: 100vh;
  background-color: #fef6e5;
  color: #373d34; 
  /*green 608d43*/
  /*red b41e23*/
  padding: 5px;
  font-family: "Sawarabi Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

.kashiwara_red_text{
  color: #b41e23;
}

.kashiwara_img {
  width: 80%;
  display: block;
  margin: 0 auto;
}

.kashiwara_grnbtn{
  display: block;
    box-sizing: border-box;

    width: 280px;
    max-width: 90%;

    margin: 10px auto 0 auto;
    padding: 12px 15px;

    border: none;
    border-radius: 4px;

    text-align: center;
    font-family: "Sawarabi Mincho", serif;
    font-size: 15px;

    background-color: #608d43;
    color: #fef6e5;

    box-shadow: #888 2px 2px 1px;

    cursor: default;

    transition:
        background-color 0.2s,
        opacity 0.2s;
}

.kashiwara_redbtn{
  display: block;
    box-sizing: border-box;

    width: 280px;
    max-width: 90%;

    margin: 10px auto 0 auto;
    padding: 12px 15px;

    border: none;
    border-radius: 4px;

    text-align: center;
    font-family: "Sawarabi Mincho", serif;
    font-size: 15px;

    background-color: #b41e23;
    color: #fef6e5;

    box-shadow: #888 2px 2px 1px;

    cursor: default;

    transition:
        background-color 0.2s,
        opacity 0.2s;
}

.kashiwara_grybtn{
  display: block;
    box-sizing: border-box;

    width: 280px;
    max-width: 90%;

    margin: 10px auto 0 auto;
    padding: 12px 15px;

    border: none;
    border-radius: 4px;

    text-align: center;
    font-family: "Sawarabi Mincho", serif;
    font-size: 15px;

    background-color: #373d34;
    color: #fef6e5;

    box-shadow: #888 2px 2px 1px;

    cursor: default;

    transition:
        background-color 0.2s,
        opacity 0.2s;
}

.kashiwara_btn{
    box-sizing: border-box;
    max-width: 90%;
    margin: 10px auto 0 auto;
    padding: 12px 15px;
    border: solid 2px #373d34;
    text-align: center;

    background-color: #fef6e5;
    cursor: default;
    transition:
        background-color 0.2s,
        opacity 0.2s;
}
/***********************************************************/
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 

 *{
    list-style: none;
    text-decoration: none;
  }
  
  body{
    background-color: #add8e6;
    padding: 0px 5px;
  }
  
  h1{
    font-size: clamp(5px,1.8vw,32px);
  }
  h2{
    font-size: clamp(5px,1.5vw,25px);
  }
  h3{
    font-size: clamp(5px,1.3vw,18px);
  
  }
  p{
    font-size: clamp(5px,1.3vw,18px);
  }
  
  li{
    font-size: clamp(5px,1.3vw,18px)
  }
  
  .center_allin{
    text-align: center;
  }

  .top_message{
    text-align: center;
}


*/