@charset "utf-8";

body {
   margin: 0px auto;
   padding: 0px auto;  
 　text-size-adjust: 100%;
 　-webkit-text-size-adjust: 100%;/*Chrome,Safari*/
 　-ms-text-size-adjust: 100%;/*EgdeMobile*/
 　-moz-text-size-adjust: 100%;/*firefox*/
   font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", sans-serif;
   color: #333333; /* #4e5665 */
   -webkit-font-feature-settings: 'palt' 1; 
   font-feature-settings: 'palt' 1;
}

#wrapper {
   width: 750px;
   margin: 16px auto 0px auto;
}

p {
   font-size: 19px;
   width: 640px;
   text-align: left;
   margin: 20px 55px 38px 55px;
   line-height: 1.8; /* 行間 */
}

.p2 {
   font-size: 19px;
   width: 500px;
   text-align: left;
   margin: 16px 125px 38px 125px;
   line-height: 1.6; /* 行間 */
}   

.pc {
   font-family: source-han-serif-japanese, serif;
   font-size: 36px;
   text-align: center;   
   font-style: normal;
   -webkit-font-feature-settings: 'palt' 1; 
   font-feature-settings: 'palt' 1;
   font-size: 30px;
   margin: 32px auto 20px auto;
   text-align: center;
   color: #ffffff;
   -moz-font-feature-settings: "palt";
   -webkit-font-feature-settings: "palt";
   font-feature-settings: "palt";
}

.pp {
   color: #8000ff; 
   font-size: 19px;
   width: 640px;
   text-align: left;
   margin: 20px 55px 38px 55px;
   line-height: 1.8; 
   font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
}

.p_right {
   text-align: right;
   margin: 0px 0px 38px 0px;
   padding-top: 0px;
   width: 640px;
}

.p_height2_6 {
   color: #4e5665;
   font-size: 18px;
   width: 640px;
   text-align: left;
   margin: 20px 0px 38px 0px;
   line-height: 2.6; /* 行間 */
   font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;  
}

.p16_560coment {
   font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
   color: #4e5665;     
   font-size: 16px !important;
   width: 560px;
   text-align: right;
   margin: 0px 95px 20px 95px;
   line-height: 130%;
}  

.p16_640coment {
   font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
   color: #4e5665;     
   font-size: 16px !important;
   width: 640px;
   text-align: right;
   margin: 0px 55px 20px 55px;
   line-height: 130%;
}  

.p16_740coment {
   font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
   color: #4e5665;     
   font-size: 16px !important;
   width: 740px;
   text-align: right;
   margin: 0px 5px 20px 5px;
   line-height: 130%;
}  

.p16_750coment {
   font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
   color: #4e5665;     
   font-size: 16px !important;
   width: 750px;
   text-align: right;
   margin: 0px 0px 20px 0px;
   line-height: 130%;
}  

.p16_1200coment {
   font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
   color: #4e5665;     
   font-size: 16px !important;
   width: 1200px;
   text-align: right;
   margin: 0px 0 20px 0;
   line-height: 130%;
}  

.p16_adress {
   font-size: 16px;
   width: 1200px;
   text-align: center;
   margin: 0px auto 4px auto;
   font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
   color: #4e5665;  
}

.p16 {
   font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
   font-size: 16px;
   width: 640px;
   text-align: left;
   margin: 32px 0px 20px 0px;
   color: #aa9a00;
   line-height: 130%;
   -moz-font-feature-settings: "palt";
   -webkit-font-feature-settings: "palt";
   font-feature-settings: "palt";
}  

.p24 {
   color: #4e5665;
   font-size: 24px;
   margin: 18px auto 1.8em auto;
   line-height: 1.8; /* 行間 */
   font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
   text-align: left;
}

.p30 {
   font-family: source-han-serif-japanese, serif;
   font-weight: 400;
   font-style: normal;
   font-size: 30px;
   width: 640px;
   text-align: left;
   margin: 30px 0px 18px 0px;
   color: #aa9a00;
   line-height: 130%;
   -moz-font-feature-settings: "palt";
   -webkit-font-feature-settings: "palt";
   font-feature-settings: "palt";
}

.center p{
  text-align:center;
}


/*　pの下の段落を通常より広くする　*/
.mb5 {
    margin-bottom: 5em;
}

.mb4 {
    margin-bottom: 4em;
}

.mb3 {
    margin-bottom: 3em;
}

.mb2 {
    margin-bottom: 2em;
}

.mb1_5 {
    margin-top: 1.5em;
}

.mb1 {
    margin-top: 1em;
}

/*　pの上の段落を通常より広くする　*/
.mt5 {
    margin-top: 5em;
}

.mt4 {
    margin-top: 4em;
}

.mt3 {
    margin-top: 3em;
}

.mt2 {
    margin-top: 2em;
}

.mt1_5 {
    margin-top: 1.5em;
}

.mt1 {
    margin-top: 1em;
}

/* pの上の段落を通常より狭くする */
.mt05 {
    margin-top: 0.5em;
}

.mt01 {
    margin-top: 0.1em;
}

.mt0 {
    margin-top: 0em;
}

/* pの下の段落を通常より狭くする */
.mb0 {
    margin-bottom: 0em;
}

/* pの上下の段落を通常より狭くする */
.mtb0 {
    margin-top: 0em;
    margin-bottom: 0em;
}

.name1 {
    font-size: 30px;
    margin: 0px auto 0px auto;
    padding: 0; 
    text-align: center;
    /* line-height: 1.2; */
}

/* 英語 */
.en1 {
   font-size: 16px;
   font-family: source-han-serif-japanese, serif;
   font-style: normal;
   -webkit-font-feature-settings: 'palt' 1; 
   font-feature-settings: 'palt' 1;
   width: 640px;
   text-align: left;
   margin: 20px 55px 38px 55px;
   line-height: 1.4; /* 行間 */
}   

.english_name1 {
    font-size: 16px;
    margin: 0 auto;
    padding: 0; 
    color: #aa9a00;
    text-align: center;
}

p14 {
   font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
   color: #8000ff;     
   font-size: 14px !important;
   width: 640px;
   text-align: left;
   margin: 0px 0 20px 0;
   line-height: 120%;
}  

span.p14 {
   font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
   color: #8000ff;     
   font-size: 14px !important;
   width: 640px;
   text-align: left;
   margin: 10px 0 20px 0;
   line-height: 160%;
   display: block;
}  

span.en16 {
   font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
   color: #abab58;     
   font-size: 16px !important;
   width: 640px;
   text-align: left;
   margin: 10px 0 20px 0;
   line-height: 140%;
   display: block;
}  

/* -------------------
   国旗の設定（右の文字が下にくるパターン）
----------------------*/
img.flag { 
   vertical-align: text-bottom; 
}

.flag { 
   font-size: 20px;
   margin: 25px 8px 8px 10px;
}

h1 {
   font-family: source-han-serif-japanese, serif;
   font-weight: 500;
   font-style: normal;
   -webkit-font-feature-settings: 'palt' 1; 
   font-feature-settings: 'palt' 1;
   font-size: 30px;
   margin: 32px auto 20px auto;
   text-align: center;
   color: #aa9a00;
   line-height: 130%;
   -moz-font-feature-settings: "palt";
   -webkit-font-feature-settings: "palt";
   font-feature-settings: "palt";
}


h2 {
   font-family: source-han-serif-japanese, serif;
   font-weight: 500;
   font-style: normal;
   -webkit-font-feature-settings: 'palt' 1; 
   font-feature-settings: 'palt' 1;
   font-size: 28px;
   margin: 28px auto 18px auto;
   text-align: center;
   color: #aa9a00;
   /* line-height: 130%; */
   -moz-font-feature-settings: "palt";
   -webkit-font-feature-settings: "palt";
   font-feature-settings: "palt";
   line-height: 1.4; /* 行間 */
}

h3 {
   font-family: source-han-serif-japanese, serif;
   font-weight: 400;
   font-style: normal;
   font-size: 28px;
   margin: 0px auto 8px auto;
   text-align: center;
   color: #aa9a00;
   /* line-height: 130%; */
   /*線の種類（実線） 太さ 色*/
   border-bottom: solid 1px #4e5665;
   padding-bottom: 2px;
   width: 750px;
   -moz-font-feature-settings: "palt";
   -webkit-font-feature-settings: "palt";
   font-feature-settings: "palt";
}

h4 {
   font-family: source-han-serif-japanese, serif;
   font-weight: 400;
   font-style: normal;
   font-size: 22px;
   margin: 16px auto 0px auto;
   text-align: center;
   color: #aa9a00;
   /* line-height: 1.4em; */ 
   -moz-font-feature-settings: "palt";
   -webkit-font-feature-settings: "palt";
   font-feature-settings: "palt";
}

h5 {
   font-family: source-han-serif-japanese, serif;
   font-weight: 400;
   font-style: normal;
   font-size: 28px;
   margin: 18px auto 2px auto;
   text-align: center;
   color: #aa9a00;
   /* line-height: 130%; */
   -moz-font-feature-settings: "palt";
   -webkit-font-feature-settings: "palt";
   font-feature-settings: "palt";
}  

/* Soul Stone の名前 */
.name {
   font-family: source-han-serif-japanese, serif;
   font-weight: 400;
   font-style: normal;
   font-size: 26px;
   margin: 18px auto 0px auto;
   text-align: center;
   color: #aa9a00;
   /* line-height: 130%; */
   -moz-font-feature-settings: "palt";
   -webkit-font-feature-settings: "palt";
   font-feature-settings: "palt";
}

.number {
   font-family: source-han-serif-japanese, serif;
   font-weight: 400;
   font-style: normal;
   font-size: 18px;
   /* font-style: oblique; */
   margin: 0px auto 0px auto;
   text-align: center;
   color: #aa9a00;
   /* line-height: 130%; */
   -moz-font-feature-settings: "palt";
   -webkit-font-feature-settings: "palt";
   font-feature-settings: "palt";
}



/* -------------------
   リンクの設定
----------------------*/
a {
   color: #000000;
   text-decoration: none;
}

a:hover {
   text-decoration: none;
   color: #aa9a00;
}

/* 下線をつけるa */
.line {
   color: #4e5665;
   text-decoration: none;
   border-bottom: 1px #0000ff solid;
}

.line2 {
   text-decoration: none;
   border-bottom: 2px #aa9a00 solid;
}  



/* 写真の右下に付ける小さな説明文 */
.memo1 {
   margin-top: 0px;
   margin-right: 0px;
   margin-left: 0px;
   padding: 0; 
   text-align: right;
   font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
   font-size: 16px;
   /* line-height : 1.5; */
   color: #4e5665;
   font-feature-settings:"palt";
} 


/* -------------------
   YouTube動画をセンター合わせ
----------------------*/
.youtube {
   display: block;
   margin: 0 auto;
   max-width: 100%;
}



/* .memo2 {
   width: 750px;
   margin: 2px 0px 0px auto;
   text-align: right;
   font-size: 16px;
   color: #4e5665;
   font-feature-settings:"palt"; */ 

/* -------------------
   箇条書き
----------------------*/
.ul1 {
   font-size: 19px;
   width: 640px;
   text-align: left;
   list-style-type: disc;
   margin: -20px 40px 0px 40px;
   padding: -10px 40px 0px 40px; 
   font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
   color: #4e5665; 
}

.list1 {
   padding-top:0px;
   padding-bottom:12px;
   padding-left: 0px; 
   /* margin-left: 8px; */ 
   line-height: 1.8;/* 1.8; */
   font-size: 19px;
}

.list1 span {
  position: relative;
  left: -10px;
}

.ul1 .list1 {
   padding-left: 6px;
}


/* .ul1 {
   font-size: 18px;
   width: 680px;
   text-align: left;
   list-style-type: disc;
   margin: 0px 40px 18px 40px;
   padding: 0px 40px 18px 40px; 
   font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
   color: #4e5665;  
}

.list1 {
   padding-top:10px;
   padding-bottom:0px;
   padding-left: 0px; 
   margin-left: 8px; 
   line-height: 1.4;
   font-size: 18px;
}

.list1 span {
  position: relative;
  left: -10px;
}

.ul1 .list1 {
   padding-left: 6px;
} */


/* -------------------
   続きを読む設定
----------------------*/
.readmore-button-box a {
   /*background-color: #cc0000;  ボタンの色(濃い赤) */
   /*color: white;               ボタンの文字色(白) */
   color: #4e5665;
   /* border-radius: 18px;       角丸の半径 */
   /* padding: 0.5em 2.5em;;     内側の余白 */
   display: inline-block;     /* ボタン全体をクリック可能に */
   /* font-weight: bold;          ボタンの文字を太字に */
   font-size: 18px;         /* ボタンの文字サイズ */
   border-bottom: 1px solid #0000ff;
}
.readmore-button-box a:hover {
   /* background-color: #aa9a00;     ボタンにマウスが乗ったら明るい赤色に変化 */
　 text-decoration: none;
   color: #aa9a00;
}

.readmore-button-box {
   /* text-align: center; */
   text-align: left;
   /* background-image: linear-gradient( 180deg, rgba(255,255,255,0.5), white );   上から下へ：[白色半透明]から[白色]へグラデーション */
   padding-top: 4.5em;   /* ボタンの上側でグラデーションを見せる距離(長さ) */
   margin-top: -6.5em;   /* ボックスを上側に重ねる距離(長さ) */
   position: relative;   /* ボックス全体を上に重ねるために必要 */
}


/* imgを中央に
---------------------- */
.img_block img{
   display: block;
   margin: 2em auto 2em auto;
}

.img_block_mb2 img
   display: block;
   margin: 0 auto 2em auto;
}

.img_block3 img{
   display: block;
   margin: 3em auto 2em auto;
}

.img_block_mb0 img{
   display: block;
   margin: 2em auto 0 auto;
}

p.img_center { 
  text-align: center;
}


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

.img100 { 
     
   margin: 5px auto 5px 0;
}

/* 写真の隙間を消す
---------------------- */
.gap img{
   vertical-align: bottom;
}

/* 写真左右反転
---------------------- */
.reflect {
  transform: scale(-1, 1);
}

/* 表の隙間を消す
---------------------- */
.table_gap {
   border-collapse: 
   border-spacing:0
}


/* -----audioを中央に----- */
.audio-wrap {
   text-align: center;
}


/* -----文字を右寄せ----- */
.right {
   text-align: right;
}


/* ------目次の写真-------- */
.item {
   width: 750px;
   margin: 20px 0px 38px 20px;
}

.item img {
   float: left;
   margin: 6px 20px 6px 20px;
}


.index-box {    
   width: 640px;
   margin: 8px 20px 8px 20px;
   line-height: 1;
}

.index-box2em {    
   width: 640px;
   margin: 2em 20px 8px 20px;
   line-height: 1;
}

.index-img,
.index-text{
  display: inline-block;
  vertical-align: top;
  line-height: 1.4;
  font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
}

.index-img {
  float: left;
  margin: 0 20px 0 20px;
  width: 100px;
}

.index-text{
  float: left;
}

/* ------------------------------------------------ 
　 目次のレイアウト
--------------------------------------------------- */
.clearfix {
   width: 640px;
   /* margin: 8px 280px 8px 280px; */
   margin: 8px 20px 8px 20px;
} 

.clearfix::after {
   content: "";
   display: block;
   clear: both;
}


.index-img {
  vertical-align: top; 
  float: left;
  margin: 0 12px 0px 0;
  width: 100px;
  float: left;
}

.index-text{
  vertical-align: top;
  /* line-height: 1.4; */
  float: left;
}

.title {
  margin: 0;
  padding: 0;
  font-size: 22px;
  font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;   
}


/* ------------------------------------------------ 
　 目次のレイアウト
--------------------------------------------------- */
.clearfix {
   width: 640px;
   /* margin: 8px 280px 8px 280px; */
   margin: 8px 20px 8px 20px;
} 

.clearfix::after {
   content: "";
   display: block;
   clear: both;
}


.index-img {
  vertical-align: top; 
  float: left;
  margin: 0 12px 0px 0;
  width: 100px;
  float: left;
}

.index-text{
  vertical-align: top;
  /* line-height: 1.4; */
  float: left;
}

.title {
  margin: 0;
  padding: 0;
  font-size: 22px;
  font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;   
}


/* ---------------------- */

.clearfix01 {
   width: 640px;
   margin: 8px 20px 8px 20px;
} 

.clearfix01::after {
   content: "";
   display: block;
   clear: both;
}

.index-img01 {
  vertical-align: top; 
  float: left;
  margin: 0 12px 10px 0;
  width: 150px;
  float: left;
}

.index-text01{
  vertical-align: top;
  /* line-height: 1.4; */
  float: left;
}

.title {
  margin: 0;
  padding: 0;
  font-size: 22px;
  font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;   
}






/* ------------------------------------------------ 
　 メニュー 
------------------------------------------------ */
ul.gmenu750 {
   margin: 0; /* 外側の余白ゼロ */
   padding: 0px 0px 0px 15px; /* 内側の余白　左に15px */
   width: 750px;
   text-align: left;
   background-color : #fff; /* バーの背景色 */
}
 
ul.gmenu750 > li {
   display: inline-block; /* 横並びに配置する */
   /* width: 100px; メニュー項目の横幅(100px) */
   /* margin: 0px 20px;  */
   margin: 0px 10px 0px 0px; /* 項目の間隔が10px　*/
   /* padding: 0px auto 0px 20px; */    
   font-size: 22px; 
   /* font-family: 'Roboto', sans-serif;
   font-weight: Medium 500; */
   position: relative; /* サブメニュー表示の基準位置にする */
   list-style-type: none; /* リストの先頭記号を消す */
   padding: 0px 20px; /* MENU等の文字と項目の間隔。この数値を上げるとが項目リンク域が広がる */
}
 
ul.gmenu750 > li a {
   display: block; /* 項目内全域をリンク可能にする 文字だけでなくメニュー項目内全体がクリック可能になる*/
   color: #000000; /* メニュー項目の文字色 */
   text-decoration: none; /* メニュー項目の装飾(下線を消す) */
   /* line-height: 100px; /* メニュー項目のリンクの高さ(100px) */
   /* line-height: 80px; */
   line-height: 60px; /* 結果的にメニュー項目の高さ（hight） */
}
 
ul.gmenu750 li:hover {
   background-color: #f5f5f5; /* メニュー項目にマウスが載ったときの背景色(淡いグレー) */
   /* ここにopacityを設定すると不具合が起きた */
}


/* ----------- サブメニュー ---------- */
ul.gmenu750 ul {
   display: none;　/* サブメニューを非表示にする */
   z-index: 9999;
   /* z-index: 100; /* 入れないとサブメニューが消えた */
   /* width: 240px; */
   width: 400px; /* サブメニューの横幅 480px*/
   font-size: 22px; 
   margin : 0px ; /* サブメニュー外側の余白(ゼロ) */
   /* margin : 0px 0px 0px 20px; */
   padding : 0px; /* サブメニュー内側の余白(ゼロ) */ 
   /* margin-top: 0px; 0にしないと、すきまができる */
   position: absolute;  /* 絶対配置にする*/
}
 
ul.gmenu750 > li:hover ul {
   display: block;
   height: auto;
   /* position: absolute; 試しにトル*/
   background-color: #fff;
   opacity: 0.9; 
   /* padding: 5px; */
   /* padding: 20px 5px 5px 5px; /* 2020年2月29日設定 */　 
   padding: 10px 5px 5px -20px;
   margin-left: -20px; /* 右に20pxずれたのを直す */
}
 
ul.gmenu750 ul > li {
   display: block; /* メインメニュー項目の上にマウスポインタが載っているときに、その項目に属するサブメニューを表示する */
   padding: 5px 5px 5px 20px; /* サブメニューの行間 5px*/
   /* margin-top: 10px; */
}


/* 上記メニューについて参考にしたサイト　https://dev-lib.com/css-menu-drop-down/ 
https://allabout.co.jp/gm/gc/23911/ */


/*----フッターの設定
-------------------- */
#footer {
   /* margin: 0px 0px; */
   margin: 0px auto 0px auto;
   /* bottom: 0px; */
   padding-top: 12px; 
   padding-bottom: 4px; 
   text-align: center;
   font-size: 16px;
}

#footer img {
   text-align: center;
}

.p16_adress {
   font-size: 16px;
   width: 640px;
   text-align: center;
   line-height: 1.6;
   margin: 0px auto 4px auto;
   font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
   color: #000000;  
}