@charset "utf-8";


section.header{
  background-color: #004d25 /*192f60 */;
}
/* 9j logo + title */
.logo_title_indexhtml{
  display: flex;
  justify-content: space-around;
  width: 100%;
  margin: 0;
/*  background-color: #5b5b5b; */
}
.logo_9jo_indexhtml{
  display: flex;
  width: 25%;
  margin: 0 0 0 30px;
}
.logo_9jo_indexhtml img{
  display: block;
  width: 30%;
}
h2.title_9jo_indexhtml{
  width: 80%;
  margin: 30px 0 0 5px;
  font-size: 20px;
  color: #fff;
  text-shadow: 1px 2px 3px #808080;
/*  border: solid 1px #cce5ff; */
}
/*  greeting */
.greeting{
  width: 45%;
  margin: 20px 0px 10px 10%
/*    border: solid 1px #cce5ff; */
}
.greeting p{
  font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", sans-serif;
  font-size: 15px;
  color: #fff;
  text-align: ;
  font-weight: ;
  letter-spacing: 0px;
  line-height: 1.4;
/*    border: solid 1px #cce5ff; */
}



/* 　トップ画像・風景写真　  */
/*
.wrap_landscape{
  position: relative;
  width: 100%;
  margin: 0 0 -20px 0;
  text-align: center;
  background-color: #d6eaff;
}
.wrap_landscape p a{
  position: absolute;
  top: 350px;
  left: 180px;
  width: 70%;
  padding: 7px 20px;
  background-color: #fff;
  color: #000;
  line-height: 1.7;
}
*/


.headerimage{
  width: ;
  height: ;
  margin: 0px auto 0px;
  padding: 0;
  text-align: center;
  background-color: #818181;
}
.headerimage img{
width: ;
height: ;
}
.headerimage p{
   padding: 10px 0;
}
.headerimage p a{
   font-size: 19px;
   color: #fff;
   font-weight: normal;
}



.wrap_landscape{
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 0px 0 0px 0;
}
.landscape_left{
  width: 15.5%;
}
.landscape_right{
  width: 80%;
}
.landscape_01{
  width: 18%;
  padding: 0;
}
.landscape_02{
  width: 12%;
  padding: 0;
}
.landscape_03{
  width: 27%;
  padding: 0 0 0;
}



/*  イベントのお知らせ　*/
.event_frame{
  display: flex;
  flex-wrap: wrap;
  justify-content: ;
  background-color: ;
}
.event_img{
  position: relative;
  width: 49%;
}
.event_img p a{
  position: absolute;
  top: 75%;
  left: 3%;
  font-size: 14px;
  color: blue;
  font-weight: normal;
}
.information{
  width: 50%;
  padding: 0 0 0 3%;
  margin: 0 5px 0 0;
}
.information p{
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 0 0;
}

.jump_to_events{
  position: relative;
  margin: -5px 0 5px 0;
  padding: 20px 0 15px;
  background-color: #fff; /* #000;  #5f5f5f; */
  border-top: solid 15px #cce5ff;
  box-shadow: 10px 10px 15px -10px;
  text-align: center;
  letter-spacing: 1px;
}
.jump_to_events a{
  display: block;
  font-size: 24px;
  color: #000;
  font-weight: bold;
}
.jump_to_events:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border: solid 10px transparent;
  border-left: solid 14px blue;
  top: 50%;
  left: 18.5%;
  margin-top: -9px;
}
/*  イベントのお知らせ　終わり　 */



.jump_to_reikai{
  margin: -5px 0 0 0;
  padding: 20px 0 15px;
  background-color: #cce5ff;
  box-shadow: 10px 10px 15px -10px;
  font-size: 24px;
  text-align: center;
  letter-spacing: 1.5px;
  font-weight: ;
}
.jump_to_reikai a{
  font-size: 24px;
  color: #000;
}



P.text01{
  position: absolute;
  top: 400px;
  left: 13%;
  width: 80%;
  color: #fff;
  text-align: left;
  font-size: 18px;
}
P.text01 a{
  color: deeppink;
  font-weight: normal;
}
P.text02{
  position: absolute;
  top: 16%;
  left: 55%;
  color: #fff;
  font-weight: bold;
}
P.text03{
  position: absolute;
  top: 16%;
  left: 22%;
  color: #fff;
  font-weight: bold;
}
P.text04{
  position: absolute;
  top: 90%;
  left: 55%;
  color: #fff;
  font-weight: ;
}
P.text04 a{
  color: red;
}
P.text05{
  position: absolute;
  top: 90%;
  left: 60%;
  color: #fff;
  font-size: 12px;
}
P.text05 a{
  color: #fff;
}

.phrases{
  position: absolute;
  top: 32%;
  left: 5%;
  font-family: "游明朝", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 19px;
  font-weight: bold;
  color:  #fff; /* #454545; */
  line-height: 1.5;
/*  text-shadow:  2px  2px 10px #aeaeae,
               -2px  2px 10px #aeaeae,
                2px -2px 10px #aeaeae,
               -2px -2px 10px #aeaeae; */
/*  text-shadow:  2px  2px 10px #777 ,
               -2px  2px 10px #777 ,
                2px -2px 10px #777 ,
               -2px -2px 10px #777;  */
}
.phrases_jap{
  position: absolute;
  top: 35%;
  left: 60%;
  font-family: "游明朝", "Yu Mincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 15px;
  font-weight: bold;
  color: #fff; /* red; */  /* #454545; */
  line-height: 1.7;
/*  text-shadow:  2px  2px 10px #aeaeae,
               -2px  2px 10px #aeaeae,
                2px -2px 10px #aeaeae,
               -2px -2px 10px #aeaeae; */
}


/*　メイン・ナビ　TOPページのみ　*/
.kasaneru{
  position: relative;
}
ul.nav_top{
 /*  position: absolute;
  top: 70px;
  left: 0px; */
  display: flex;
  justify-content: center;
  width: 100%;
  margin: -10px 0 0 0;
  border-top: solid 7px #5f5f5f;
  border-bottom: solid 10px #cce5ff;
  list-style-type: none;
  padding: 0;
  background-color: #fff;
  opacity: 0.8;
}
.nav_top li {
  width: 23%;
  padding: 8px 7px;
  font-size: 20px;
  color: #000;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  line-height: 1.5;
}
.nav_top li a {
  display: block;
  color: #000;
 text-shadow: 1px 2px 3px gray;
  background-color: ;
  font-weight: ;
}
.nav_top li a:hover {
  opacity: 0.3;
}


/* 臨時の写真  */
div.photo_rinji{
  　display: flex;
    width: 100%;
    margin: 0;
    padding: 15px 0;
    background: #000;
    border-top: solid 1px red;
    border-bottom: none;
    color: #fff;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}
div.photo_rinji img{
  width: 24%;
  padding: 5px;
}
h3.kokusai_josei_day{
  position: absolute;
  top: 1100;
  left: 400;
  margin: -10px 0 0 0;
  font-size: 24px;
  color: #fff;
}

ul.whatsnew_subbox{
  width: ;
  margin: ;
  padding: 5px 0;
  color: #fff;
}


/* 「わたしたちは月に一度...例会にはどなたもご参加いただけます」 */
section.meeting_info{
  width: 100%;
  margin: -21px 0 0 0;
  background-color: #000; /* #004d25; */
  border-bottom: solid 0px #333300;
}
p.meeting_info{
  width: 93%;
  padding: 20px 50px;
  margin: 0 auto;
  font-size: 17px;
  color: #fff;
  letter-spacing: 0;
  font-weight: ;
  line-height: 1.7;
}
p.meeting_info a{
  font-size: 17px;
  color: #0099ff;
}


/* 各項目 */
section.items{
  width: ;
  margin: 10px auto;
}
/*　タイトルとイメージ　(左側)　*/
h2.heading{
  margin: 20px 0 0 0;
  padding: 15px 0 0px 40px;
  text-align: ;
  line-height: 1.2;
  border-bottom: ;
  background-color: #fff;
  font-size: 24px;
  color: #000;
  text-shadow: 1px 2px 3px #808080;
  box-shadow:;
}
.item{
  position: relative;
  display: flex;
  justify-content: ;
  margin: 10px 30px 0px 30px;
  padding: 0 0 20px 0;
}
.img{
  width: 20%;
  margin: 0px;
}
.img_square{
  width: 100%;
  box-shadow: 0px 0px 15px -10px;
}
.img a{
  display: block;
  transition: all 0.6s ease 0s;
}
.img a:hover{
  opacity: 1;
  cursor: pointer;
  transform: scale(1.03, 1.03);
}

/* 　説明（右側）　*/
.setsumei{
  width: 100%;
  margin: 0px 0 0 0;
  padding: 0px 25px;
  color: #330066;
}
.setsumei p{
  width: 90%;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px auto;
}
.setsumei a{
  color: #330066;
}
.shinchaku_frame{
   width: 100%;
   border: solid 1.5px #0099ff;/*#cce5ff;*/
   margin: 0 10px 10px 0;
   padding: 0px 0 5px 0;
}
.shinchaku_frame a{
  color: #0099ff;
}
.shinchaku_frame p{
  padding: 10px 0 0 0;
  font-size: 18px;
}
h4.heading{
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  background-color: #666666;
  font-size: 19px;
  color: #fff;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 2px;
}
h4.heading a{
  display: block;
  font-size: 19px;
  color: #fff;
  padding: 3px 10px;
}
h4.heading a:hover{
  background-color: #fff;
  color: #000;
  padding: 3px 10px;
  width: 100%;
  opacity: 0.6;
}

/*　例会　箇条書き　*/
.kajogaki{
  margin: 10px 0;
}
.yokonarabi{
  display: flex;
  margin: 0px 0 0 30px;
  padding: 10px 0 0 0;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.4;
}
.left{
  width: 13%;
}
.right{
  width: 82%;
}
.right p{
  width: 100%;
  margin: 0;
  padding: 0 0 10px 0;
}
hr{
  border: dotted 1px #330066;
}
p._link{
  border-top: dotted 1.5px green;
  border-bottom: dotted 1.5px green;
  padding: 4px 1px;
  margin: 10px auto;
}
p._link a{
  color: green;
}

/*　映画　カテゴリー　*/
ul.whatsnew_ul_flex{
  display: flex;
  flex-wrap: wrap;
  margin: 0 20px 0 30px;
  padding: 8px 0;
  line-height: 1.4;
  color: #fff;
}
li.whatsnew_item_flex:before{
  content:"\025b6";
  padding: 0 5px 0 0;
  color: #0099ff;
  line-height: ;
}
li.whatsnew_item_flex{
  width: 15%;
  margin: 0 0 0 15px;
  padding: 3px 0;;
  text-indent: -20px;
  font-size: 18px;
  line-height: 1.3;
  text-align: left;
  color: #330066;
  font-weight: bold;
}
li.whatsnew_item_flex a{
  color: #000;
}

/*　歩いてみました　*/
ul.whatsnew_ul_flex_aruite{
  display: flex;
  flex-wrap: wrap;
  margin: 0 20px 0 30px;
  padding: 8px 0;
  line-height: 1.4;
  color: #fff;
}
li.whatsnew_item_flex_aruite:before{
  content:"\025b6";
  padding: 0 3px 0 0;
  color: #0099ff;
  line-height: ;
}
li.whatsnew_item_flex_aruite{
  width: 27%;
  margin: 0 20px;
  padding: 3px 0;;
  text-indent: -20px;
  font-size: 16px;
  line-height: 1.3;
  text-align: left;
  color: #330066;
  font-weight: bold;
}
li.whatsnew_item_flex_aruite a{
  color: #000;
}

/*　憲法大集会　有明　*/
p.ariake{
  font-size: 20px;
}

ul.yokonarabi{
  display: flex;
  width: 100%;
}
/*　映画カテゴリー以外のリスト　*/
ul.whatsnew_ul{
  margin: 10px 20px 0 30px;
  padding: 8px 0;
  line-height: 1.4;
  color: #fff;
}
li.whatsnew_item:before{
  content:"\025b6";
  padding: 0 5px 0 0;
  color: #0099ff;
  line-height: ;
}
li.whatsnew_item{
  width: ;
  margin: 0 0 0 0px;
  padding: 8px 0 8px 20px;
  text-indent: -20px;
  font-size: 15px;
  line-height: 1.3;
  text-align: left;
  color: #330066;
  font-weight: bold;
}
li.whatsnew_item a{
  color: #000;
}


ul.whatsnew_subbox{
  margin: 0 30px;
  padding: 8px 0;
  line-height: 1.4;
  color: #fff;
}
ul.whatsnew_subbox img{
  width: 80%;
  display: block;
  margin: 20px auto;
  padding: 0;
}

/* 国家と私たち ＆　アメリカの世界戦略　*/
ul.list{
  width: 80%;
  margin: 10px ;
  padding: 10px 10px 10px 0px;
/*
  border-top: dotted 1.5px gray;
  border-bottom: dotted 1.5px gray;
*/
}
li.list{
  padding: 3px 0px 2px 5px;
  font-size: 17px;
  color: #330066;
  line-height: 1.3;
  font-weight: bold;
  text-indent: 40px;
}
li.list a{
  font-size: 15px;
  font-weight: bold;
  color: #330066;
  line-height: 1.3;
  text-indent: -18px;
}
.yokonarabi_usa{
  display: flex;
  justify-content: center;
  margin: 0px 0 0 50px;
  padding: 0;
  line-height: 1.6;
}
ul.list_usa{
  margin: 20px 0 0 0;
  padding: 3px 20px 2px 5px;
  width: 100%;
}
li.list_usa{
  width: ;
  padding: 3px 0px 2px 5px;
  font-size: 17px;
  color: #330066;
  line-height: 1.3;
  font-weight: bold;
  text-indent: 0px;
}
.photo_schooloftheamericas img{
  width: 100%;
  border: solid 3px #000;
}
.photo_schooloftheamericas{
  position: relative;
  width: 60%;
  margin: 20px 100px 0px 0px;
  padding: 0;
}
.photo_schooloftheamericas p{
  position: absolute;
  top: 110px;
  left: 60px;
  font-size: 20px;
  color: red;
  font-weight: normal;
}
p.soa{
  width: ;
  margin: 10px 30px 10px 40px;
}

/* 映画　*/
section.whatsnew_eiga_flex{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -20px 0 50px 0;
}
.eiga_frame{
  width: 44%;
  margin: 10px 10px;
  padding: 5px;
  border: solid 2px #cce5ff;
}

/* ブログへ*/
ul.whatsnew_ul_blog{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 10px 20px 0 40px;
}
ul.whatsnew_ul_blog li{
  width: 30%;
  font-size: 17px;
}


/* 各記事から先頭へもどる  */
.return_to_index{
  width: ;
  margin: 0px 0 0px;
  background-color: lightgray;
  border-top: solid 1.5px #ffcc66;
  border-bottom: solid 1px #000;
  box-shadow: 10px 10px 15px -10px;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
}
.return_to_index a{
  display: block;
  padding: 13px 0 10px;
}
.return_to_index a:hover{
  background-color: #fff;
  color: #000;
  padding: 13px 0 10px;
  opacity: 1;
}

/* 写真のみ*/
.pic_yokonarabi{
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  line-height: 1.6;
}
.pic_only{
  display: block;
  width: 17%;
  margin: 10px 0px 0px;
}

.to_top{
  width: 10%;
  margin: 0px auto 10px;
}