@charset "utf-8";


/*------------------------------------------------------
 Base (Mobile First)
------------------------------------------------------*/

html {
  color:#333;	
  background:#f1e59b;
  font-size: 62.5%;
  font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino', 'Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif; 
}

body
{
  -webkit-text-size-adjust: 100%;
  font-size: 16px; font-size: 1.6rem;
  margin: 0;
  padding: 0;
  word-break:break-all;
}

.count { font-size:2.5rem; font-weight:bold; text-align:left; padding:15px; }


/*------------------------------------------------------
 ヘッド
------------------------------------------------------*/

header { padding-bottom: 10px; }
header h1{
 width: 350px;
 height: 140px;
 background: url(../img/logo-mini.png) no-repeat;
}
header h1 a{ display: none; }



/*------------------------------------------------------
 枠
------------------------------------------------------*/
.container
{
  border: none;
  overflow: hidden;
  padding: 0;
  width: auto;
}

.main {
  margin-right: auto;
  margin-left: auto;
}

.box01 {
  width: 100%;
  margin: 0 auto;
  padding:15px;
}

/*------------------------------------------------------
基本
------------------------------------------------------*/
* {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

img { max-width: 100%; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

.br::before {
  content: "\A" ;
  white-space: pre ;
}




/*---------------------------
メニュー
----------------------------*/


#menu {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    letter-spacing: -1em;
}

#menu li {
    display: inline-block;
    width: 20%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    letter-spacing: 0;
}

#menu li a {
    display: block;
    color: #fff;
    text-decoration: none;
    background: #bf2820;
}

#menu li a:hover {
    background: #d92817;
	color: #ffffff;
}

#toggle {
    display: none;
}

@media only screen and (max-width: 768px) {

#menu { display: none; }
    
#toggle {
  display: block;
  line-height: 50px;
  text-align: center;
}
    
#toggle a {
  display: block;
  color: #fff;
  font-size: 18px;
  letter-spacing: 1.5px;
  text-decoration: none;
  background: #bf2820;
}
    
#toggle a::before {
  font-family: "Font Awesome 5 Free";
  content: '\f0c9';
  margin-right: 10px;
  font-weight: bold;
}
    
#menu li {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: left;
  border-top: 1px #ccc solid;
}
    
#menu li a {
  color: #444;
  padding-left: 20px;
  background: #fff;
}	
	
}


/*---------------------------
テーブル
----------------------------*/
table { border-collapse: collapse; border-spacing: 0; }
th, td { width: 100%; }

section table	{ width: 100%; }
section th, section td	{ padding: 10px; border: 1px solid #ffcc66; }
section th { background: #67a035; color:#ffffff; }
section td { background: #ffffff; }

.bosyu { margin: 0 -10px; }
.bosyu th,
.bosyu td { border-top: none; width: 100%; display: block; }
.bosyu tr:first-child th { border-top: 1px solid #ffcc66; }

/*---------------------------
ボタン
----------------------------*/


.button01{
  display:block;
  margin: 0 auto;
  margin-top:50px;
  width: 350px;
  height:70px;
  line-height: 70px;
  color: #FFF;
  text-decoration: none;
  text-align: center;
  background-color: #f39800;
  border-radius: 5px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.button01:hover{
  background-color: #f9c500;
}


/*------------------------------------------------------
 フッター
------------------------------------------------------*/

.totop { 
  text-align: center; 
  border-top: 5px solid #bf2820;
  background-color:#ffffff;
}
.totop p { margin: 0 auto;}
.totop a { 
  display: block;
  padding: 25px 0;
  font-size:2rem;
  color: #bf2820;
  font-weight: bold;
  text-decoration: none;
}


footer {
  width: 100%;
  height: 120px;
  padding:20px;
  text-align: center;
  color: #ffffff;

  
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  background-size: 50px 50px;

  background-color: #d92817;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #bf2820), color-stop(.5, transparent), to(transparent));
  background-image: -moz-linear-gradient(left, #bf2820 50%, transparent 50%, transparent);
  background-image: -o-linear-gradient(left, #bf2820 50%, transparent 50%, transparent);
  background-image: linear-gradient(left, #bf2820 50%, transparent 50%, transparent);
 
}


}


/*レスポンシブの設定 */

/*------------------------------------------------------
768px以上 - ipad/Tablet
------------------------------------------------------*/


@media screen and (min-width: 768px){

.container {
  width: 750px;
  margin: 0 auto; 
}

.count { font-size:3rem; font-weight:bold; text-align:center; }



/*---------------------------
テーブル
----------------------------*/
caption { width: 100%; text-align: left; font-weight:bold; font-size:2.5rem; }
.bosyu th,
.bosyu td {  width: auto; display: table-cell; }
.bosyu th  { width: 30%; text-align: left; }
.bosyu tr:first-child td { border-top: 1px solid #ddd; }
  
}




/*------------------------------------------------------
992px以上 - PC/Tablet横
------------------------------------------------------*/


@media screen and (min-width: 992px){

.container { width: 980px; margin: 0 auto; }


}