@charset "UTF-8";

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

body {
  margin: 0;
  padding: 0;
  color: #1c1c1c;
  font-family:"Sawarabi Mincho",serif;
  text-align: center;
  line-height: 2;
  letter-spacing: 0.09rem;
  font-size: 1.6rem;
  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: 100px;
  width: 100%;
position: fixed;   
  z-index: 10;
  display: flex;
  justify-content: flex-end;
  /* 黒 */
  margin: 0; 
  /* color: #fcfcfc; */
  background: rgb(242, 242, 242);
  /*背景色*/
  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: 11500px;
  /* background: #dcdcdc;  */
}
#top00{
  width: 100vw;
  height: 11300px;
   /* 1900pxバナー説明部分＋new＝ */
  /* background: #f0dbf6;  */
  position: relative;
  top :50px;
  left :0px;
  /* 広告上の始めからfooterの上まで */
}

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

/* Newテーマ水の題名バナー_________ */
#mizu{
  height: 400px;
  /* background: #85a5f5;   */
  font-size: 21px;
}
#mizu h3{
  position: relative;
  top :50px;
}

#mizu h4{
  width: 95vw;
  font-size: 22px;
  position: relative;
  left :3%;
  top :30px;
}
.world{
  height: 350px;
  /* background: #3723ea; */
  background-image: url(./images/world.webp);
  color: #dcdcdc;
}

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

/* アコーディオン目次 */
#pura00{
width: 60vw;
height: 400px;
/* background: #14d5fc;    */
font-size: 15px;
padding: 15px;
  /* border:  solid 0.01px #aeaeae;  */
  position: relative;
  top :30px;
  left : 18%;
}

.details {
	transition: .3s;
  /* 0.3秒で開く */
  position: relative;
  left : -1%;
	overflow: hidden;
	margin-top: -10px;
	padding-bottom: 20px;
	&:last-of-type {
		margin-bottom: 0;
	}
  
}
.details1[open] {
	margin-top: 0;
	padding-bottom: 10px;
} 
.details-vol1 {
	display: block;
	padding: 15px;
  
  transition: .3s;
	transform: translateY(10px);
	background-color: #0050a5;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	&:hover {
		cursor: pointer;
	}
}
.details-vol1::-webkit-details-marker {
	display: none;
}
.details[open] .details-vol1 {
	transform: translateY(0);
}
.details-menu {
	padding: 20px;
	background-color: #d8f9f9;
	border-bottom: 2px solid #0050a5;
	border-left: 2px solid #0050a5;
	border-right: 2px solid #0050a5;
  /* アコーディオン中身の色 */
  font-size: 16px;
  text-align: left;
}
.details-menu a{
  color: #0050a5;
  text-decoration: none;
}

/* ＿＿＿ここからコンテンツ本文作成開始＿＿＿＿＿ */
#NEW{
  width: 85vw;
  height: 10300px;
  /* background: #e4f6ce;   */
position: relative;
left : 7%;
font-size: 20px;
/* コンテンツ始まりからボタン上まで */
}
#NEW a{
  color: #151515;
}
#NEW .menu1{
  height: 200px;
}
.new00 h4{
  font-size: 25px;
}

/* 蛇口 */
#jixya{
  height: 1200px;
  /* background: #bfd6ed; */
}
#jixya h4{
  width: 70vw;
  position: relative;
  left : 8%;
}
.text-jixya{
  height: 700px;
}
.text-jixya h5{
  width: 80vw;
  position: relative;
  left : 3%;
}
#jixya img{
width: 300px;
height: 380px;
}
.photo-jixya{
  display: flex;
  gap: 2px;
}

/* 蛇信仰 */
#hebi{
  height: 1100px;
  /* background: #f8e1e1; */
  width: 95vw;
  position: relative;
right: 6%;
}
.text-hebi h4{
  width: 85vw;
  position: relative;
  left : 4%;
}
.photo-hebi p{
font-size: 14px;
}
#hebi .photo-hebi img{
  width: 230px;
  height: 300px;
}
.photo-hebi{
  display: flex;
  justify-content: space-around;
}
.photo5{
  height: 250px;
  background-image: url(./images/yatu.webp); 
  /* background: #1d4f82;  */
}
.bk{
  background-color: rgba(0, 0, 0, 0.45);
  height: 250px;
}
.photo5 h5{
  width: 80vw;
  position: relative;
  left : 7%;
  top : 50px;
  color: #dcdcdc;
}
.photo5 p{
  font-size: 14px;
  position: relative;
  top : 50px;
  color: #dcdcdc;
}

/* 八岐大蛇 */
#yamata{
height: 3500px;
 /* background: #b3d8ff;   */
}
#yamata p{
  font-size: 13px;
}
.photo-yamata1 img{
  width: 320px;
  height: 480px;
}
.photo-yamata1 p{
  width: 30vw;
}
.photo-yamata2 img{
  width: 320px;
  height: 480px;
}
.photo-yamata2 p{
  width: 30vw;
}
.photo-yamata00{
  display: flex;
justify-content: space-around;
height: 800px;
}

.taiji1{
  height: 500px;
  /* background: #fff; */
}
.taiji1 h4{
  width: 80vw;
  position: relative;
  left : 3%;
  font-size: 18px;
}
.taiji1 img{
  width: 230px;
  height: 150px;
}

.taiji2{
  height: 450px;
  /* background: #f3d8f1; */
}
.taiji2 h4{
  width: 80vw;
  position: relative;
  left : 3%;
  font-size: 18px;
}
.taiji2 img{
  width: 170px;
  height: 100px;
}

.taiji3{
  height:650px;
  /* background: #cdf9f2;  */
}
.taiji3 P{
  font-size: 13px;
}
.taiji3 h4{
  width: 80vw;
  position: relative;
  left : 3%;
  font-size: 18px;
}
.taiji3 img{
  width: 190px;
  height: 50px;
}
.suga img{
  width: 320px;
  height: 230px;
}
.text-taiji{
  height: 300px;
  /* background: #fff; */
}

.inada{
  width: 90vw;
  height: 350px;
   /* background: #42e97a;  */
  display: flex;
  justify-content: space-around;
  position: relative;
  right: 3%;

}
.photo-inada img{
  width: 300px;
  height: 300px;
}
.text-inada h4{
  font-size: 18px;
  width: 80vw;
  position: relative;
  left : 2%;
}

/* 蛇から龍へ、 */
#riyu{
  height: 4000px;
  /* background: #c8f0f9;  */
}
#riyu img{
  width: 180px;
  height: 400px;
  position: relative;
  top :100px;
}
.riyu00 h4{
  font-size: 18px;
  width: 70vw;
  position: relative;
  left : 7%;
/* background: #c7def7; */
height: 300px;
}
.riyu00{
  height:400px;
  /* background: #fbb8b8; */
}

/* 弁財天 */
.shiro{
  height: 900px;
  /* background: #f7e3c2; */
  display: flex;
  justify-content: space-around;
  width: 90vw;
  position: relative;
  right: 3%;
}
.shiro h5{
  font-size: 18px;
}
.ben{
  width: 40vw;
}
.ben h5{
  text-align: left;
}
.ben-photo{
  background-image: url(./images/uga.webp);
  height: 400px;
  width: 350px;
  position: relative;
  left : 8%;
}

.hebi{
  width: 40vw;
}
.hebi h5{
  font-size: 18px;
}
.hebi p{
  text-align: left;
  font-size: 16px;
  position: relative;
  top : 50px;
  background-image: url(./images/shirohebi\ .webp);
}
.hebi1 {
  /* background: #b6d3f0;   */
  width: 40vw;
  height: 500px;
}

.hebiZ{
  height: 300px;
}
.hebiZ h4{
  font-size: 17px;
  width: 76vw;
  position: relative;
  left :5%;
}

/* 九頭竜 */
.kuzu9{
  height: 600px;
  display: flex;
  justify-content: space-around;
}
.kuzu-text{
  width: 40vw;
  text-align: left;
}
.photo-kuzu{
  width: 350px;
  height: 280px;
  background-image: url(./images/kuzuriyu.webp);
  position: relative;
  top :100px;
}
/* 8.9不思議 */
.majinai{
  height: 300px;
  /* background: #edc8f9; */
  font-size: 18px;
}

/* <!-- 白龍 --> */
.hakuriyu{
  height: 1000px;
 /* background: #f2de9d;  */
width: 90vw;
background-image: url(./images/haku4.webp);
position: relative;
right: 3%;
}
.seo h5{
  width: 75vw;
  text-align: left;
  position: relative;
  left : 5%;
}
.seo{
  height: 300px;
}

.seo2{
  height: 150px;
}

.seo3{
  height: 400px;
  /* background: #fadbdb; */
  font-size: 2.1rem;
  padding-top: 20px;
  /* background-image: url(./images/riyu.webp); */
  /* color: #f0f0f0; */
}
.seo4 p{
  font-size: 13px;
}





























/* ______________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.2rem;
font-family: "Sawarabi Mincho",serif;
height: auto;
}
  /* ヘッダースマホ___________ */
  #page-header1 {
    width: 400px;
    /* background: #0050a5; */
  } 
  #page-header1 .coment {
    position: relative;
    left : 0%;
    top:-30px;
    font-size: small;
    /* 研究室のところ */
    /* background: #d8f9f9; */
  }
  #page-header1 .coment img{
    width: 50px;
    height: 50px;
    position: relative;
    left :0px;
    top :30px;
    /* 心マーク大きさ位置 */
  }
#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 :-60px;
    /* background: #f2f2f2; */
    /* 古史古伝 */
  } 
  
  
  .D-inner{
    font-size: 1.0rem;
    position: relative;
    top : -120px;
    left: 55%;
    /* top戻る */
    font-size: 14px;
  }

  



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





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



/* Newテーマ水の題名バナー */
#mizu{
  height: 700px;
  /* background: #85a5f5;    */
  font-size: 20px;
}
#mizu h3{
  position: relative;
  top :50px;
  width: 90vw;
  left : 3%;
}
#mizu h4{
  position: relative;
  left : 13%;
  width: 70vw;
  top :80px;
}
.world{
  height: 600px;
  background-image: url(./images/worldSP.webp);
}
.blak2{

  position: relative;
  left :0;
  display: block;
  height: 600px;
}
.blak3{
  display: block;
height: 600px;

}
.a{
  width: 95vw;
}
.tama{
  width: 95vw;
}
.b{
  width: 95vw;
}

.c{
  width: 95vw;
}
.d{
  width: 95vw;
}
.e{
  width: 95vw;
}



/* コンテンツ目次  */
#Menu00{
  width: 98vw;
  height: 500px;
  display: block;
  /* background: #0cb420;    */
  /* メニューの長さ */
}
#pura00{
  width: 98vw;
  /* ブルーNEW目次 */
  position: relative;
  left : 0;
}
.details-vol1 {
  width: 95vw;
  padding: 0;
}
.details-menu{
  width: 90vw;
}


/* Newコンテンツ______ */
#NEW{
  height: 19300px;
  /* background: #2bb45d;    */
  width: 99vw;
  position: relative;
  left: 0%;
   /*コンテンツ始まりからボタン上まで重用 */
}

/* 蛇口 */
#jixya{
  height: 2600px;
/* background: #bfd6ed;  */
}
.photo-jixya{
  display: block;

}
.text-jixya{
  height: 1900px;
}
#jixya h4{
  width: 90vw;
  position: relative;
  left : 3%;
}
.text-jixya h5{
  width: 90vw;
  position: relative;
  left : 2%;
}

/* 蛇信仰 */
#hebi{
  height: 3000px;
  /* background: #f8e1e1;  */
  width: 98vw;
  position: relative;
right: 0;
}
.photo-hebi{
  display: block;
}
.photo5{
  height: 500px;
  background-image: url(./images/yatu.webp); 
  /* background: #1d4f82;  */
}
.bk{
  background-color: rgba(0, 0, 0, 0.45);
  height: 500px;
}

/* 八岐大蛇 */
#yamata{
  height: 6100px;
  /* background: #b3d8ff;   */
  }
#yamata h3{
  width: 75vw;
  position: relative;
  left : 10%;
}
.photo-yamata00{
  display: block;
  height: 1400px;
}
.photo-yamata1 p{
  width: 98vw;
}
.photo-yamata2 p{
  width: 98vw;
}
.taiji1{
  height: 700px;
  /* background: #fff;  */
}
.taiji1 h4{
  width: 90vw;
  position: relative;
  left : 3%;
}
.taiji2{
  height: 600px;
  /* background: #f3d8f1;  */
}
.taiji2 h4{
  width: 90vw;
  position: relative;
  left : 3%;
}
.taiji3{
  height: 1100px;
  /* background: #cdf9f2;   */
}
.taiji3 h4{
  width: 90vw;
  position: relative;
  left : 3%;
}
.text-taiji{
  height: 500px;
  /* background: #fff;  */
  width: 90vw;
  position: relative;
  left: 3%;
}
.inada{
  width: 98vw;
  height: 1000px;
    /* background: #42e97a;   */
  display: block;
  position: relative;
  left : 1%;
}
.text-inada h4{
  width: 90vw;
  position: relative;
  left : 4%;
  text-align: left;
}

/* 蛇から龍へ、 */
#riyu{
  height: 8400px;
  /* background: #c8f0f9;   */
  width: 98vw;
}
#riyu h3{
  width: 70vw;
  position: relative;
  left : 13%;
}
.riyu00 h4{
  width: 95vw;
  position: relative;
  left : 2%;
/* background: #eac7f7;  */
}
.riyu00{
  height: 650px;
  /* background: #fbb8b8; */
}
/* 弁財天 */
.shiro{
  height: 1600px;
/* background: #f7e3c2;  */
  display: block;
  width: 98vw;
  position: relative;
  right: 0;
}
.ben{
  width: 95vw;
  position: relative;
  left : 2%;
}
.hebi{
  width: 95vw;
  position: relative;
  left : 2%;
}
.ben-photo{
  position: relative;
  left : 0;
}
.hebi1 {
  /* background: #b6d3f0;    */
  width: 95vw;
  height: 700px;
}

.hebiZ{
  height: 600px;
}
.hebiZ h4{
  width: 90vw;
  position: relative;
  left : 3%;
}

/* 九頭竜 */
.kuzu9{
  height: 1000px;
  display: block;
  width: 98vw;
  /* background: #fff; */
}
.kuzu-text{
  width: 90vw;
  position: relative;
  left : 3%;
}
.photo-kuzu{
  position: relative;
  left : 3%;
  top :0px;
}
/* 8.9不思議 */
.majinai{
  height: 600px;
  /* background: #edc8f9; */
  width: 95vw;
  position: relative;
  left : 2%;
}
/* <!-- 白龍 --> */
.hakuriyu{
  height: 2000px;
/* background: #f2de9d;   */
width: 98vw;
background-image: url(./images/haku4SP.webp);
position: relative;
left: 1%;
}
.hakuriyu h4{
  width: 85vw;
  position: relative;
  left : 5%;
}
.seo h5{
  width: 90vw;
  position: relative;
  left : 2%;
}
.seo{
  height: 600px;
  /* background: #fff; */
}

.seo3{
  height: 800px;
  /* background: #fadbdb;  */
  width: 90vw;
  position: relative;
  left : 3%;
}





















/* Footerスマホ___________ */
footer{
display: block;
width: 100%;
text-align: center;
height: 650px;
}
#com-footer{
  width: 98%;
}
.comD p{
  width: 85vw;
  position: relative;
  left : 8%;
  top : 30px;
}


/* 問い合わせ___________________ */
#bun-footer{
  width: 98%;
  /* 下段部分 */
}
.bun-inner{
position: relative;
left :2%;
top : 100px;
width: 90vw;
/* お問い合わせメール */
}
.bun-blk{
  position: relative;
  top : 100px;
}


}