@charset "utf-8";

/*  for top page only*/
section.header{
  margin: 0;
}
/* 9j logo + title */
.logo_title_indexhtml{
  display: flex;
  margin: -10px 0 0px 0;
  padding: 10px 0 15px;
  width: 100%;
  background-color: #000;
  color: #fff;
}
.logo_9jo_indexhtml{
  display: flex;
  vertical-align: text-bottom;
  width: 65%;
  margin: 0px auto;
  padding: 0 0 0 0;
}
.logo_9jo_indexhtml img{
  width: 20%;
}
h2.title_9jo_indexhtml{
  width: 80%;
  margin: 17px 0 0 -16px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
/* greeting */
.greeting{
  display: none;
}



/*  イベントのお知らせ　 */
.event_flame{
}
.event_img{
  width: ;
}
.event_img p a{
  font-size: 14px;
  color: blue;
  font-weight: normal;
}
.information{
  width: ;
  padding: 15px;
  margin: 0 0 0 0;
}
.information p{
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 0;
}
/*  イベントのお知らせ　終わり　 */


.landscape_rinji{
  text-align: center;
}
p.rinji{
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  margin: 10px 0;
  padding: 0 10px;
}
.landscape_rinji p a{
  color: blue;
  padding: 0 0 0 20%;
}

.headerimage{
  background-color: #818181;
  border-bottom: solid 15px #cce5ff;
}
.headerimage p{
   padding: 10px 20px;
}
.headerimage p a{
   font-size: 16px;
   color: #fff;
   font-weight: ;
}


.wrap_landscape{
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 0;
}

.landscape{
  width: 100%;
  height: ;
}
.landscape_left{
  width: 18%;
  margin: 0 0 0 20px;
}
.landscape_right{
  width: 74%;
}

.landscape_01{
  width: 30%;
}
.landscape_02{
  width: 18.5%;
  margin: 0px 0 0 0;
}
.landscape_03{
  display: none;
  width:;
}


.date{
  display: none;
}
.wrap_landscape p{
  width: 60%;
  margin: 0 auto 10px;
  font-size: 16px;
}
.phrases{
  display: none;
}
.phrases_jap{
  display: none;
}


P.text01{
  position: absolute;
  top: 155px;
  left: 7%;
  width: 90%;
  font-size: 13px;
  color: #fff;
  text-align: left;
}
P.text01 a{
  color: deeppink;
  font-weight: normal;
}
p.text04{
  font-size: 14px;
}



/*  ナビ　TOPページのみ　固有*/
nav.kasaneru{
  position: relative;
  width: 100%;
  margin-top: -7px;
  padding: 0;
  background-color: #000;
}
ul.nav_top {
/*  position: absolute;
  top: 70px;
  left: 0px; */
  display: flex;
  flex-wrap: wrap;
  justify-content: ;
  background-color: #cce5ff;
  width: 100%;
  padding: 5px 30px 5px 50px;
  margin: -10px 0 0 0;
  font-weight: bold;
}
.nav_top li{
  flex-basis: 50%;
  padding: 5px 0;
  color: #000;
}
.nav_top li a{
  color: #000;
}

/*講演会／上映会／イベントの案内ページへとぶ */
.jump_to_events{
  margin: 0 0 10px 0;
  padding: 7px 30px;
  background-color: ;
  box-shadow: 10px 10px 15px -10px;
  font-size: 16px;
  text-align: center;
  line-height: 1.3;
}
.jump_to_events a{
  color: #000;
  font-weight: bold;
}
.jump_to_reikai{
  margin: -5px 0 0 0;
  padding: 15px 0;
  background-color: #cce5ff;
  font-size: 19px;
  text-align: center;
}
.jump_to_reikai a{
  color: #5f5f5f;
  font-weight: bold;
}


ul.whatsnew_subbox{
  margin: 10px 10px 10px 25px;
  padding: 0;
  line-height: 1.3;
}

/*  わたしたちは月に一度勉強したり　*/
section.meeting_info{
  margin: -20px 0 0px 0;
  padding: 20px ;
  background: #330000;
}
p.meeting_info{
  width: 100%;
  font-size: 16px;
  color: #fff;
  line-height: 1.5;
}
p.meeting_info a{
  color: #0099ff;
}

/* 各項目 */
section.items{
  width: 100%;
  margin: -10px auto 10px;
}
.item{
  margin: 0;
  padding: 0 0 20px 0;
}

/*　タイトルとイメージ　(左側)　*/
h2.heading{
  padding: 10px 0;
  margin: 0px 0 0px;
  background-color: #000;
  text-align: center;
  font-size: 20px;
  color: #fff;
}
.img{
  width: 100%;
  padding: 0px;
  border-bottom: solid 2px #330000;
}
.img_square{
  width: 60%;
  margin: 5px auto;
/*  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: 0;
  padding: 10px 10px;
  background-color: #eff7ff; /*#ffffef;*/
  border-bottom: solid 0.7px #663300;
  border-right: solid 0.7px #663300;
  box-shadow: 10px 10px 15px -10px;
  color: #330066;
}
.setsumei p{
  width: 90%;
  font-size: 15px;
  line-height: 1.5;
  margin: 10px auto;
}
.setsumei a{
  color: #330066;
}
.setsumei p a{
  color: blue;
}
.shinchaku_frame{
   width: 100%;
   border: solid 1.5px #0099ff;
   margin: 0 0;
   padding: 0;
}
.shinchaku_frame a{
  color: #0099ff;
}
.shinchaku_frame p{
  padding: 0px 0 0 0;
}
h4.heading{
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  background-color: #666666;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 1px;
}
h4.heading a{
  display: block;
  font-size: 16px;
  color: #fff;
  padding: 3px 10px;
}
h4.heading a:hover{
  background-color: #fff;
  color: #000;
  padding: 3px 10px;
  width: 100%;
  opacity: 0.6;
}

/*　例会　箇条書き　*/
.kajogaki{
  width: 100%;
  margin: 10px 0;
  padding: 0 10px 0 15px;
  font-size: 15px;
  line-height: 1.4;
}
.yokonarabi{
  padding: 10px 0 0 0;
  font-weight: bold;
}
.left{
  display: none;
}
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;
  font-weight: bold;
}
p._link a{
  color: green;
}


/* 国家と私たち　＆　アメリカの世界戦略　*/
ul.list{
  width: 90%;
  margin: 10px auto;
  padding: 10px 10px 10px 0px;
  border-top: dotted 1.5px gray;
  border-bottom: dotted 1.5px gray;
}
li.list{
  padding: 3px 0px 0px 5px;
  font-size: 15px;
  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;
}
ul.list_usa{
  margin: 10px 20px 0 70px;
  padding: 3px 20px 2px 5px;
  width: ;
}
li.list_usa{
  padding: 3px 0px 2px 5px;
  font-size: 15px;
  color: #330066;
  line-height: 1.3;
  font-weight: bold;
  text-indent: 0px;
}
.photo_schooloftheamericas{
  position: relative;
  width: 60%;
  height: 162px;
  border: solid 3px #000;
  margin: -10px auto 20px;
  padding: 0;
}
.photo_schooloftheamericas p{
  position: absolute;
  top: 70%;
  left: 30%;
  font-size: 20px;
  color: red;
  font-weight: normal;
}
p.soa{
  width: 90%;
  margin: -10px 15px 15px 20px;
  font-weight: bold;
}


/*　映画　カテゴリー　*/
ul.whatsnew_ul_flex{
  display: flex;
  flex-wrap: wrap;
  margin: 0 10px 0 40px;
  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: 30%;
  margin: 0 0 0 10px;
  padding: 3px 10px 3px 0px;;
  text-indent: -20px;
  font-size: 15px;
  line-height: 1.3;
  text-align: left;
  color: #330066;
  font-weight: bold;
}
li.whatsnew_item_flex a{
  font-size: 15px;
  color: #000;
}

ul.whatsnew_ul_flex_aruite{
  display: flex;
  flex-wrap: wrap;
  margin: 0 5px 0 5px;
  padding: 8px 0;
  line-height: 1.4;
  color: #fff;
}
li.whatsnew_item_flex_aruite{
  width: 50%;
  margin: 0 0 0 0px;
  padding: 3px 0;;
  text-indent: -20px;
  font-size: 14px;
  line-height: 1.3;
  text-align: left;
  color: #330066;
  font-weight: bold;
}
li.whatsnew_item_flex_aruite a{
  color: #000;
}
li.whatsnew_item_flex_aruite:before{
  content:"\025b6";
  padding: 0 5px 0 0;
  color: #0099ff;
  line-height: ;
}

ul.yokonarabi{
  display: flex;
  width: 100%;
}

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


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


/* 映画　*/
section.whatsnew_eiga_flex{
  margin: 40px 0 0px 0;
}
.eiga_frame{
  width: 95%;
  margin: 10px auto;
  padding: 5px;
  border: solid 2px #cce5ff;
}

/* ブログへ*/
ul.whatsnew_ul_blog{
  margin: 0px 0px 0 0px;
  padding: 10px 0 0px 60px;
}
ul.whatsnew_ul_blog li{
  width: ;
  font-size: 15px;
}



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

/* 写真のみ*/
.pic_yokonarabi{
  display: none;
}

/* ---  先頭へ　黒いマーク　固有　---*/
.to_top{
  display: none;
}
footer{
  margin: -30px 0 0 0;
}