@charset "utf-8";

body{
  margin:0;
  padding: 0;
  color: #000;
  background-color: #d9e6a1;
}

/*リンクの色*/
a{color: #2222ff;}/*普段は青*/
a:visited{color: #a8a8a8;}/*訪問済みは灰色*/

/*マウスポインタを乗せた時*/
a:hover{
  color: #988564;/*ちょっと濃い灰色*/
  font-weight: bold;/*太字になる*/
  text-decoration: none;/*下線（装飾）をなくす*/
}
/*「お問い合わせ」を半透明にする*/
div:hover#header_contact{
  opacity: 0.7;/*70%ぐらいの薄さ*/
}

/*マージン幅*/
h1,h2,h3,h4,h5,h6{
  margin-top: 0;
}

p{
  margin-top: 16px;/*p要素上を消す*/
  margin-bottom: 16px;/*p要素下を消す*/
  line-height: 1.6;/*p要素内の行間*/
}

/*画像の初期位置*/
img {
  text-align: center;
  padding: 0;
  font-size: small;
}



h2{
  padding: 5px;
  padding-left: 15px;
  width: 804px;
  background-color: #cbff70;
  border-left: solid 3px #556b2f;/*h2の背景色*/
  margin-right: auto;
  margin-left : auto;
}

header{
  width: 980px;
margin-right: auto;
margin-left : auto;
}

header h1{
  font-family:"HG明朝E";
  margin:15px;
  text-align: center;
}

/*ナビゲーションの基本枠*/
#global_navi{
  width: 804px;
  clear: both;/*フロート解除、下に配置*/
  overflow: hidden;/*親要素と高さを合わせる*/
  margin: 16px auto;/*上下のマージン幅*/
}

/*リストの行頭アイコン排除*/
#global_navi ul{
  list-style: none;/*行頭アイコン排除*/
  margin: 0;
  padding: 0;/*行頭アイコン分の余白排除*/
}

/*リストを横並びに*/
#global_navi ul li{
  width: 200px;/*リストの幅指定*/
  float: left;/*左から順に横並びにする*/
  margin-right: 1px;/*項目間の幅指定*/
  text-align: center;/*中央揃え*/
}



/*フッター*/
footer{
  background-color: #636300;/*背景色*/
  text-align: center;/*テキストを中央に*/
}
/*フッターナビゲーション*/
footer #footer_nav{
  width: 100%;
  background-color: #001a00;/*背景色*/
  padding: 10px 0;
}
footer #footer_nav ul{
  list-style: none;/*行頭アイコンを消す*/
  margin: 0;/*上下余白なし*/
  padding: 0;/*行頭アイコン分の余白を消す*/
}
footer #footer_nav li{
  display: inline;/*ブロックレベルの挙動をインラインに*/
  border-left: solid 1px #aaa;/*仕切り線の色*/
  margin-left: 8px;/*右側に余白*/
  padding-left: 8px;/*左側に余白*/
}
footer #footer_nav li:last-child{
  border-right: solid 1px #aaa;/*最後の項目の右に線を入れる*/
  padding: 0 8px;
}

/*コピーライト*/
footer small{
  display: block;/*ブロックレベルに*/
  padding: 8px 0;/*上下の余白*/
  color: #fff;/*文字色*/
}

/*パンくずリスト*/
#breadcrumb ol{
  /*点と余白なくすやつ*/
  list-style: none;
  margin: 0;
  padding: 0;
  width: 804px
}
#breadcrumb ol li{
  display: inline;/*横並びにする*/
}
#breadcrumb ol li::after{/*「::」=疑似要素*/
  content: ">";/*コンテンツの後に「>」をつける*/
  padding-left: 7px;/*余白の調整*/
}
#breadcrumb ol li:last-child::after{
  content: none;/*最後の「>」を消す*/
}

div{
    width: 804px;
margin-right: auto;
margin-left : auto;
}
/*アニメーション*/
#global_navi ul li a{
  display: block;/*ブロックレベルに*/
  padding: 16px;/*余白*/
  background-color: #352b23;/*背景色*/
  color: #fff;/*文字色*/
  text-decoration: none;/*下線排除*/
  transition: background-color 0.2s linear;/*背景色の変化にかかる秒数*/
}
/*カーソルを乗せたとき*/
#global_navi ul li a:hover{
  background-color: #8c7a5b;
}


/*メインビジュアルの表示位置の調整*/
#main_visual{
  width: 804px;/*幅指定*/
  height: 480px;/*高さ指定*/
  margin: 0 auto 23px;/*余白*/
  overflow: hidden;
}

figcaption{
  float: right;
}

/*お知らせ調整*/
#news dl{
  margin-right: auto;
  margin-left : auto;
  width: 596px;
  overflow: hidden
}
#news dt{
  width: 8em;/*幅8文字分*/
  float: left;
  margin-bottom: 10px;
  clear: both;
}
#news dd{
  margin-left: 8em;
  margin-bottom: 10px;
}

#jikoshokai h1{
  width: 804px;
  margin-right: auto;
  margin-left : auto;
}

#jikoshokai table {
  width: 804px;
  margin: 30px auto;
  border-collapse: collapse;
}
#jikoshokai th, td {
  border: 1px solid dimgray;
  padding: 10px;
}
th {
  background-color: #006400;
  width: 6em;
  font-weight: normal;
  color: aliceblue;
}

#jikoshokai a{
  color: #000000;}
}

#jikoshokai a:visited{
  color: #000000;}
}

#jikoshokai a:hover{
  color: #000000;
  text-decoration: none;/*下線（装飾）をなくす*/
}


/*おみくじ*/
#getResult{
  margin: 30px auto 0;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  text-align: center;
  line-height: 200px;
  color: #000;
  font-size: 42px;
  font-weight: bold;
  cursor: pointer;
  opacity: 0.9;
  box-shadow: 0 10px 0 #dddd00;
  border: 3px solid #dddd0000;
  user-select: none;
}

#getResult{
  width: 200px;
  height: 200px;
  background-color: #ffff00;
  border-radius: 20%;
  margin-top: 25px;
  margin-bottom: 35px;
  transition: 0.05s;
}

#getResult:hover{
  background-color: #f8f800;
}

#getResult.pushed{
  margin: 30px auto;
  
  box-shadow: 0 4px 0 #dddd00;
}

#omikuji{
  height: 500px;
}

#omikuji p{
  width: 804px;
  text-align: center;/*中央揃え*/
}

#omikuji div{
  width: 804px;
  text-align: center;/*中央揃え*/
  font-size: 25px;
}

#nenreikeisan div{
  height: 400px;
  width: 804px;
  text-align: center;/*中央揃え*/
}

#nenreikeisan p,div{
  font-size: 20px;
}

#nenreikeisan input{
  font-size: 20px;
}

#keisanbutton{
  background-color: #006400;/*背景色*/
  border: 1px solid #006400;/*線*/
  padding: 15px 100px;/*大きさ*/
  border-radius: 10px;/*丸角*/
  font-size: 18px;/*文字大きさ*/
  color: #fff;/*文字色*/
}

#keisanbutton.pushed{
  background-color: #006400;/*背景色*/
  border: 1px solid #006400;/*線*/
}

#keisanbutton:hover{
  cursor: pointer;
  background-color: #228b22;
  border: 1px solid #228b22;
}




/*-------------------スマホ対応-------------------*/
@media screen and (max-width : 767px){
  /* 基本要素 */
  .body{
    overflow-x: hidden;
  }
  
  h2{
  width: 100%;
  background-color: #cbff70;
  border-left: solid 3px #556b2f;/*h2の背景色*/
  margin-right: auto;
  margin-left : auto;
  }
  
#jikoshokai h1{
  width: 336px;
  margin-right: auto;
  margin-left : auto;
  }
  
 div{
    width: 336px;
   margin-right: 0;
   margin-left : 0;
}
  #breadcrumb ol{
  /*点と余白なくすやつ*/
  list-style: none;
  margin: 0;
  padding: 0;
  width: 336px
}
  
  img {
    max-width: 100%;
  }
  /* Layout */
  header,
  #global_navi,
  #sidebar,
  #wrapper{
    width: 100%;
  }  
  /* ヘッダー */
  header h1 {
    float: none;
    text-align: center;
  }
  header h1 img {
    width: 50%;
  }
  header #header_contact {
    display: none;
  }
  /* ナビゲーション */
  #global_navi ul li {
    width: 50%;
    padding: 0.5px;
    margin: 0;
    box-sizing: border-box;
  }
  #global_navi ul li a {
    margin: 0;
  }

  footer #footer_nav li{
  display: inline;/*ブロックレベルの挙動をインラインに*/
  border-left: solid 1px #aaa;/*仕切り線の色*/
  margin-left: 4px;/*右側に余白*/
  padding-left: 4px;/*左側に余白*/
}

  /* メイン部分 */
  #main {
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
  }
  #main figure {
    text-align: center;
  }
  /* トップページパーツ */
  #main_visual {
    width: 100%;
    height: auto;
  }
  #point figure {
    float: none;
    margin: 0 0 11px 0;
  }
  /* サイドバー */
  #side_banner ul li {
    text-align: center;
    margin: 11px auto;
  }
  #side_contact address img {
    width: 14px;
    height: 20px;
  }
#news dl{
  margin-right: auto;
  margin-left : auto;
  width: 336px;
  overflow: hidden
}
#news dt{
  width: 8em;/*幅8文字分*/
  float: left;
  margin-bottom: 10px;
  clear: both;
}
#news dd{
  margin-left: 8em;
  margin-bottom: 10px;
}
  #jikoshokai table {
  width: 100%;
  margin: 30px auto;
  border-collapse: collapse;
  }
  #jikoshokai th, td {
  border: 1px solid dimgray;
  padding: 10px;
  }
  th {
  background-color: #006400;
  width: 6em;
  font-weight: normal;
  color: aliceblue;
}
  
#omikuji p{
  width: 336px;
  text-align: center;/*中央揃え*/
}

#omikuji div{
  width: 336px;
  text-align: center;/*中央揃え*/
}
  
#nenreikeisan div{
  width: 336px;
}


}