@charset "UTF-8";

html {
  margin: 0;
  padding: 0;
  font-size: 62.5%;
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  color: #525252;
  font-family:"Sawarabi Mincho",serif;
  text-align: center;
  line-height: 2;
  letter-spacing: 0.09rem;
  font-size: 1.7rem;
  width: 1050px;
}

p {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,

img {
  width: 100%;
  height: auto;
}

ul {
  margin: 0;
  padding: 0;
}

ul li {
  list-style-type: none;
  padding: 0;
}

input {
  cursor: pointer;
}

.inner {
  width: 98%;
  margin: auto;
}

/*_________header*/
#hed{
height: 55px;
  width: 100%; 
  /* headと本文の間調整 */
} 
#page-header1 {
  box-sizing: border-box; 
  height: 90px;
  width: 100%;
position: fixed;   
  z-index: 10;
  display: flex;
  justify-content: flex-end;
  /* 黒 */
  margin: 0; 
  /* color: #fcfcfc; */
  background: rgba(246, 246, 246, 0.9) /*  background with 90% opacity */; 
  /*背景色*/
  border-top: solid 1px #dcdcdc;
  box-shadow: 0 3px 0.5px rgba(0, 0, 0, 0.32); 
  /*影*/
}

.A-inner {
  width: 100%;
  height: 90px;
  /* background: #a8ffff;   */
  position: relative;
  text-align: center;
  justify-content: flex-end;
  justify-content: space-around;
  align-items: center;
  font-size: 20px;
  /* スカイブルー */
}

#page-header1 .coment {
  width: 400px;
  height: 75px;
  font-size: 17px;
  position: relative;
  top : -40px;
  left : 25%;  
/* background :#fff;   */
  /* 研究室部分 */
}
#page-header1 .A-inner a{
  color: #111111;
  text-decoration: none;
}
#page-header1 .coment img{
  width: 70px;
  height: 70px;
  position: relative;
  left :-90px; 
  top : 40px; 
  /* 桜マーク */
  /* background: #dcdcdc; */
}
.A-inner{
  display: flex;
}
.B-inner {
  width: 450px;
  height: 75px;
  /* background: #f9e0e0;    */
  font-size: 16px;
  position: relative;
  top: 20px;
  left : -10%; 
  /* 古史古伝 */
  }
  .D-inner {
    width: 150px;
    height: 65px;
/* background: #778aed;       */
    font-size: 15px;
    position: relative;
    top : 30px;
  } 



#wrapperTOTAL{
  height: 13000px;
  /* background: #fbc2c2;   */
  /* 一番上バナーからfooterまで */
}
#top00{
  width: 100vw;
  height: 12700px;
   /* 1900pxバナー説明部分＋new＝ */
  /* background: #f5e8f9;  */
  position: relative;
  top :50px;
  left :0px;
  /* 始めからfooterの上まで */
}

 /* この中に本文コンテンツtext00______________  */

/* Newの題名バナー_________ */
#kome{
  height: 700px;
   /* background: #e1e8fa;     */
  font-size: 21px;
  color: #565656;
}
#kome .world h3{
  position: relative;
  top :30px;
}

#kome .world h4{
  width: 62vw;
  font-size: 22px;
  position: relative;
  left :17%;
  top :30px;
}
.world{
  height: 200px;
  /* background: #c7c3ff;   */
}






/* コンテンツ目次 ＿＿＿＿＿*/
#Menu00{
  width: 100%;
  height: 00px;
/* background: #eef9aa;    */
  /* 目次の大きさ */
}

/* 米項目*/
#pura00{
width: 95vw;
height: 200px;
/* background: #14d5fc;       */
font-size: 19px;
display: flex;
justify-content: space-around;
  position: relative;
  top :30px;
  left : 1%;
}
#pura00 a{
  color: #4f4f4f;
}
.cont{
  width: 100px;
  height: 115px;
  border: solid 0.01px #656565;
  font-size: 20px;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
#kee1{
  background-color: #f9f6d4;
}
#kee2{
  background-color: #fbe3b7;
}
#kee3{
  background-color: #fad1c4;
}
.bk3{
  background-color: rgba(66, 66, 66, 0.35);
  height: 115px;
}
#kee4{
  background-color: #f9d3ef;
}
.bk4{
  background-color: rgba(66, 66, 66, 0.35);
  height: 115px;
}
#kee5{
  background-color: #e9c4f8;
}
#kee6{
  background-color: #ceacf8;
}
#kee7{
  background-color: #b7f8fb;
}
#kee8{
  background-color: #c4fae7;
}
#kee9{
  background-color: #c4f7ca;
}

/* コンテンツ作成開始 ____________*/
#start{
  height: 11000px;
  /* background: #76f37c; */
/* コンテンツ本体 */
}
.new00{
  display: flex;
  justify-content: space-around;
  height: 500px;
  /* background: #ffefef;  */
}
.new00 p{
  font-size: 14px;
}
.new00 h3{
  font-size: 25px;
}
.menu2 a{
  color: #3e3e9b;
}
.menu1{
  width: 65vw;
}
.menu2 h4{
  font-size: 18px;
  text-align: left;
}

/* 米の信仰 */
#open{
  height: 10500px;
  /* background: #f9d3ef;    */
  font-size: 20px;
}
/* kofun */
#kofun{
  height: 1000px;
  /* background: #dbdbdb; */
}
.blk-a{
  display: flex;
  height: 500px;
  justify-content: space-around;
}
.ko{
  width: 45vw;
  height: 350px;
  background-image: url(./images/taberu1.webp);
color: #dcdcdc;
}
#kofun .ko h4{
  position: relative;
  top : 30px;
}
.ko-text{
  width: 48vw;
  height: 450px;
  text-align: left; 
}

.blk-b{
  display: flex;
  justify-content: space-around;
}
.blk-b img{
  width: 450px;
  height: 300px;
}
.koshiki{
  width: 48vw;
  height: 450px;
  text-align: left;
}

/* 信仰 */
#shinkou{
  height: 2500px;
  /* background: #c4f7ca; */
}
.shin img{
  width: 300px;
  height: 180px;
}
#shinkou .kou h4{
  width: 85vw;
  position: relative;
  left :7%;
}
#shinkou .kou{
  height: 350px;
  /* background: #f4e1e1; */
}
#shinkou .come h5{
  width: 85vw;
  position: relative;
  left : 7%;
  font-size: 17px;
}
.co1{
  height: 200px;
}
.co2{
  height: 250px;
}
.co3{
  height: 200px;
}
#shinkou .come{
  height: 700px;
  /* background: #b7f8fb; */
}

.suhai img{
  width: 400px;
  height: 180px;
}
#shinkou .suhai h5{
  width: 85vw;
  position: relative;
  left :7%;
}


/* 祭祀具 */
#sai{
  height: 3000px;
/* background: #e2f7bf; */
}
#sai P{
  font-size: 13px;
}
#sai .shi{
  width: 85vw;
  height: 250px;
  position: relative;
  left : 7%;
}
.saka1{
  width: 48vw;
}
.saka2{
  width: 48vw;
}
.saka1 img{
  width: 400px;
  height: 500px;
}
.saka2 img{
  width: 400px;
  height: 500px;
}
.maturi{
  display: flex;
  justify-content: space-around;
  height: 600px;
   /* background: #dcdcdc; */
} 

.maki{
  display: flex;
  justify-content: space-around;
  height: 650px;
  /* background: #d3f0f3; */
}
.muku1{
  width: 48vw;
}
.muku1 h5{
  width: 45vw;
}
.muku2{
  width: 48vw;
  position: relative;
  top : 50px;
}
.muku2 img{
  width: 400px;
  height: 500px;  
}

#sai .ina{
  display: flex;
  justify-content: space-around;
  height: 500px;
  /* background: #efcaca; */
}
.photo-ina{
  width: 48vw;
}
#sai .text-ina {
width: 48vw;
text-align: left;
}
#sai .photo-ina img{
  width: 400px;
  height: 300px;
}

.ta{
  display: flex;
  justify-content: space-around;
  height: 600px;
  /* background: #b7f8fb; */
}
.text-ta{
  width: 48vw;
  text-align: left;
}
.text-ta h5{
  font-size: 17px;
}
.photo-ta img{
  width: 400px;
  height: 400px;
}

.sai-matome h4{
  width: 80vw;
  position: relative;
  left : 7%;
}




/* 古墳の食 */
#eat{
  height: 3800px;
}
#eat p{
  font-size: 13px;
}
.shixyoku{
  height: 700px;
  /* background: #f9d7f4; */
}
#eat .shixyoku img{
  width: 350px;
  height: 200px;
}
#eat .shixyoku h4{
  width: 90vw;
  position: relative;
  left : 4%;
}

#eat .sueki{
  height: 600px;
  /* display: flex; */
  justify-content: space-around;
  /* background: #dcf6f7; */
}
.su{
  width: 48vw;
  display: flex;
  justify-content: space-around;
  /* 瓶 */
  text-align: left;
  height: 300px;
  /* background: #fbe3b7; */
}
#eat .text-su1{
  width: 300px;
}
#eat .su img{
  width: 180px;
  height: 150px;
  position: relative;
  top : 50px;
}
.text-su2{
  width: 48vw;
  text-align: left;
}

.eki{
  width: 48vw;
}
.eki img{
  width: 400px;
  height: 300px;
}
.black{
  display: flex;
  justify-content: space-around;
  height: 600px;
  /* background: #dcf6f7; */
}




/* 釜戸写真 */
#eat .photo1 img{
  width: 400px;
  height: 300px;
}
#eat .photo2 img{
  width: 400px;
  height: 300px;
}
.kamado {
  display: flex;
  justify-content: space-around;
}
#eat .hatukou{
  height: 600px;
  /* background: #f9f6d4; */
}
/* 竪穴住居 */
.tateana img{
  width: 300px;
  height: 300px;
  position: relative;
  top : 50px;
}
#eat .tateana  h5{
width: 35vw;
font-size: 18px;
}
.tateana{
  display: flex;
  justify-content: space-around;
height: 600px;
  /* background: #f9d3ef; */
  text-align: left;
}

/* 須恵器 */
#eat .ki{
display: flex;
justify-content: space-around;
/* background: #f7f3da; */
height: 600px;
}
.photo-sue1 img{
  width: 400px;
  height: 300px;
}
.photo-sue2 img{
  width: 400px;
  height: 300px;
}

/* 醤 */
.hishio{
  display: flex;
  justify-content: space-around;
  height: 300px;
  /* background: #edf7f7; */
}
.hishio img{
  width: 280px;
  height: 200px;
}
.hishio h5{
  width: 40vw;
  font-size: 18px;
}

/* 最後まとめ写真 */
.last{
  height: 1100px;
  /* background: #ffedd8; */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.rap{
  width: 380px;
  height: 300px;
}
.last img{
  width: 400px;
  height: 250px;
}

.matome{
  width: 90vw;
  position: relative;
  left : 4%;
}





/* ______________footer___________________________ */
footer{
  display: flex;
  width: 120vw;
  height: 300px;
  font-size: 16px;
  /* background: #f7bfbf;   */
  position: relative;
  top: 100px;
  text-align: center;
  border-top: solid 3px #dcdcdc;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
}
footer a{
  color: #313131;
  text-decoration: none;
  font-size: 16px;
letter-spacing: 0.2rem;
}
/* 左会社説明 */
#com-footer{
  width: 40%;
  /* background: #fcf0f0;   */
  padding-top: 10px;
  font-size: 16px;
}
.comA{
  height: 50px;
  position: relative;
  top :10px;
  /* background: #e9fdff; */
  /* サイトマップ */
}
.comB{
  height: 50px;
  /* background: #ea7373; */
  position: relative;
  top :0px;
  /* 会社概要 */
}
.comC{
  height: 60px;
  position: relative;
  top :-10px;
  /* プライバシーポリシー */
}
.comD{
  height: 80px;
  position: relative;
  top :-20px;
}
/* 右お問い合わせ */
#bun-footer{
  width: 40%;
  /* background: #dcdcdc;   */
}


#bun-footer .bun-nav a{
  font-size: 15px;
}
#bun-footer .bun-nav{
  position: relative;
  top :20px;
}
.bun-inner {
  width: 100%;
  height: 100px;
  /* background: #ea7373;   */
  position: relative;
  top: 00px;
  /* お問い合わせ */
}

.bun-blk {
  width: 100%;
  height: 150px;
  /* background: #dbfcfc;   */
  position: relative;
  top: 20px; 
  padding: 10px;
  font-size: 15px;
  letter-spacing: 0.09rem;
  padding-top: 10px;
/* all rights reserved */
}

.bun-nav img {
  width: 30px;
  height: 30px;
  /* background: #7fffff; */
  padding-top: 20px;

}
.bun-nav p{
  color: #656565;
  font-family: serif;
}



/* スマホ____________________ */
@media only screen and (max-width: 414px) {
  img {
    max-width: 99%;
  }

  img {
    max-width: 99%;
    width
    /***/
    : auto;
    /*IE8用ハック*/
    height:auto;
    margin-left:auto;
    margin-right:auto;
  }

  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }

  
body{
  width: 414px;
  box-sizing: border-box;
  font-size: 1.65rem;
font-family: "Sawarabi Mincho",serif;
height: auto;
}
  /* ヘッダースマホ___________ */
  #page-header1 {
    width: 400px;
    /* background: #0050a5; */
  } 
  #page-header1 .coment {
    position: relative;
    left : 10%;
    top:-35px;
    /* font-size: small; */
    /* 研究室のところ */
    /* background: #d8f9f9; */
  }
  #page-header1 .coment img{
    width: 50px;
    height: 50px;
    position: relative;
    left :5%;
    top :50px;
    /* 心マーク大きさ位置 */
  }
#page-header1 .coment {
  position: relative;
  left : -20%;
}
.A-inner{
  width: 390px;
  /* background: #f6cbed; */
  display: block;
}
  .B-inner {
    position: relative;
    font-size: 1.0rem;
    left: -5%;
    top :-70px;
    /* background: #f2f2f2; */
    /* 古史古伝 */
  } 
  
  
  .D-inner{
    font-size: 1.0rem;
    position: relative;
    top : -135px;
    left: 55%;
    /* top戻る */
    font-size: 14px;
  }

  



#wrapperTOTAL{
  overflow: hidden;
  width: 98%;
  height: 23900px;
  /* background: #ffa600;  */
  /* footerの上まで　重用 */
}





/* ＿＿＿＿＿＿＿＿この中に本文コンテンツ________ */
#top00{
  width: 100%;
  height: 23400px;
  /* 重要 footer上まで*/
  /* background: #da92f5;    */
} 

#kome{
  height: 1500px;
  /* background: #e9c4f8;  */
}
#kome .world h3{
  position: relative;
  left : -3%;
}
#kome .world h4{
  width: 90vw;
  position: relative;
  left :2%;
  top :0px;

}
.world{
  height: 350px;
  /* background: #c7c3ff;   */
}

/* コンテンツ目次 ＿＿＿＿＿*/
#Menu00{
  width: 100%;
  height: 700px;
/* background: #eef9aa;     */
  /* 目次の大きさ */
}
#Menu00 h4{
  width: 89vw;
  position: relative;
  left : 4%;
  height: 300px;
  /* background: #f9d3ef; */
}
/* 米項目*/
#pura00{
  width: 95vw;
  height: 500px;
   /* background: #14d5fc;      */
  display: block;
  display: flex;
  flex-wrap: wrap;
    position: relative;
    left : 1%;
  }

/* コンテンツ作成開始 ____________*/
#start{
  height: 16800px;
  /* background: #c1fbb7;     */
/* コンテンツ本体 */
}
.new00{
  height: 1000px;
  display: block;
  /* background: #dcdcdc;   */
}
.menu1{
  width: 98vw;
  height: 300px;
  /* background: #fff; */
}
.menu2 h4{
  font-size: 18px;
  text-align: center;
  width: 93vw;
  height: 700px;
  position: relative;
  left : 2%;
  /* background: #e6e3e3; */
}

/* 米の信仰 */
#open{
  height: 21000px;
  /* background: #f4d8ec;  */
}

/* kofun */
#kofun{
  height: 2100px;
/* background: #f7f3e7; */
}
.blk-a{
  display: block;
}
.ko{
  width: 100%;
  height: 350px;
  background-image: url(./images/taberu1.webp);
color: #dcdcdc;
}
#kofun .ko h4{
  width: 80vw;
  position: relative;
  top : 50px;
  left : 10%;
}
#kofun .ko-text{
  width: 98vw;
  height: 900px; 
}

.blk-b{
  display: block;
  position: relative;
  top : 600px;
}
.koshiki{
  width: 98vw;
  height: 450px;
}
#kofun h4{
  position: relative;
  left : 3%;
}




/* 信仰 */
#shinkou{
  height: 3600px;
/* background: #c4f7ca; */
}
#shinkou .kou{
  height: 600px;
}
.co1{
  height: 300px;
}
.co2{
  height: 400px;
}
.co3{
  height: 400px;
}
#shinkou .come{
  height: 1000px;
   /* background: #b7f8fb;  */
}
#shinkou .suhai h5{
  width: 95vw;
  position: relative;
  left :5%;
}


/* 祭祀具 */
#sai{
  height: 5800px;
/* background: #e2f7bf; */
}
#sai .shi h4{
  position: relative;
  left : 0;
}
#sai h3{
  width: 99vw;
  position: relative;
  left : 2%;
}
#sai .shi{
  width: 98vw;
  height: 450px;
  position: relative;
  left : 4%;
  /* background: #fff; */
}
.saka1{
  width: 100vw;
}
.saka2{
  width: 100vw;
}
.maturi{
  display: block;
  height: 1200px;
 /* background: #dcdcdc; */
 position: relative;
 left : 4%;
} 
.maki{
  display: block;
  height: 1350px;
/* background: #d3f0f3;  */
position: relative;
left : 2%;
}
.muku1{
  width: 100vw;
}
.muku1 h5{
  width: 98vw;
}
.muku2{
  width: 100vw;
  position: relative;
  top : 0;
}

#sai .ina{
  display: block;
  height: 1000px;
/* background: #efcaca;  */
}
#sai  h5{
  width: 95vw;
  position: relative;
  left : 3%;
}
#sai  h4{
  width: 98vw;
  position: relative;
  left : 3%;
}
#sai .text-ina {
width: 98vw;
position: relative;
left : 0%;
}

.ta{
  display: block;
  height: 1150px;
  /* background: #b7fbbd;  */
}
.text-ta{
  width: 98vw;
}


/* 古墳の食 */
#eat{
  height: 9600px;
  /* background: #d2d2f8; */
}
#eat h5{
  font-size: 18px;
}
.shixyoku{
  height: 1400px;
 /* background: #f9d7f4;  */
 text-align: left;
 position: relative;
 left : 3%;
}
.black{
  display: block;
  height: 1400px;
 /* background: #dcf6f7; */
}
.su{
  width: 100vw;
  /* 瓶 */
  height: 450px;
/* background: #fbe3b7; */
position: relative;
left : 2%;
}
#eat .text-su2{
  width: 100vw;
  height: 500px;
  position: relative;
  left : 2%;
}

.eki{
  width: 100vw;
position: relative;
top :250px;
}
#eat .eki h5{
width: 85vw;
position: relative;
left :8%;
}

/* 釜戸写真 */
.kamado {
  display: block;
}
#eat .hatukou{
  height: 1200px;
  /* background: #f9f6d4; */
}
#eat .hatukou h5{
  width: 90vw;
  position: relative;
  left : 2%;
}

/* 竪穴住居 */
#eat .tateana  h5{
  width: 98vw;
  position: relative;
  top :30px;
  }
  #eat .tateana  img{
    position: relative;
    left : 8%;
  }
  .tateana{
    display: block;
  height: 1200px;
  /* background: #f9d3ef;  */
  position: relative;
  left : 3%;
  }

/* 須恵器 */
#eat .ki{
  display: block;
/* background: #f7f3da;  */
  height: 900px;
  }

/* 醤 */
.hishio{
  display: block;
  height: 750px;
/* background: #edf7f7;  */
}
.hishio h5{
  width: 95vw;
  position: relative;
  left : 5%;
}

/* 最後まとめ写真 */

.last{
  height: 2100px;
/* background: #5df2a7;  */
position: relative;
top :00px;
}
.matome{
  width: 98vw;
}









/* footer＿＿＿＿＿＿＿＿＿＿ */
footer{
  display: block;
  height: 600px;
}
/* 左会社説明 */
#com-footer{
  width: 95%;
  
}
/* 問い合わせ___________________ */
#bun-footer{
  width: 98%;
  /* 下段部分 */
}

.bun-inner{
position: relative;
left :4%;
top : 100px;
width: 90vw;
/* お問い合わせメール */
}
.bun-blk{
  position: relative;
  top : 100px;
}


}