/* ここから iPhone6/7/8サイズ用 min-width で確認*/
@media screen and (max-width: 1001px) {

html {
  overflow-y:scroll;
  font-size:16px;
  max-width:100%;
}

body a {
  color: #2009e4;
  text-decoration: none;
}

footer {
  max-width: 100%;
  border: 1px solid; border-left:none; border-right:none; /*親有 / 完了後トル*/
  padding: 0px;
  margin-top: 20%;
  margin-bottom:50px;
  text-align: center;
  font-size: 14px;
  position: relative;
  bottom: 0;
}

footer a{
  text-decoration: none;
  color:#000;
}


body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,img {
  text-size-adjust: 100%
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /*padding: 5px 5px 20px 5px;*/
  font-family:ヒラギノ角ゴシック, メイリオ,Meiryo,Osaka,Verdana,Arial,Helvetica,sans-serif;
}

img {
  width: 100%;
}

div#head img {
  max-width: 200px;
  margin: 30px 0% 0% 50px;
  /*height:50%;*/
  /*  width:100%;*/
  /*height:100%;*/ 
}

div#head_l p {
  font-size: 16px;/*test*/
  
}

/*div #infomation {
  font-size: 35px;
}*/

/*div#head_r img {
  max-width: 60%;
}
*/
#div wrapper {
  height:100%;
  padding-top: 10%;
  margin-bottom: 10%;
  background-color:cyan
  /*   width: 100%; */
  /*   float:none; */
}

#gnav {
  position: absolute;
  list-style-type: none;
  width: 100%;
  height: 100%;/*205px*/
  padding-top: 0px;
  margin: 10% 0 10%;
  background: #fff;
}

ul#gnav {
  overflow: scroll;/*test*/
}

#gnav li {
  max-width: 90%;/*横幅*/
  margin: auto;
  text-align: center;/*リストを中央に指定*/
  font-weight: bold;
  font-size: 30px;
  color: #0000CD;
}

#gnav li a {
  /*display: inline-block;*/
  border-bottom: 1px solid;
  border-color: #0000CD;  
  margin: 0;
  padding: 0px;
  color: #0000CD;
  font-size: 30px;
  text-decoration: none;
}

#gnav li ul {
  list-style: none;
  position: relative; /*縦にリスト表示*/
  top: 100%;
  left: 0;
  margin: 0;
}

.ul gnav-menu {
  height:100%;
  /*   width:100%; */
}

#gnav li ul li {
  overflow: visible;/*リストを見える化*/
  max-width: 100%;
  height: 48px;
  color: #fff;
 }

#gnav li ul li a {
  margin-top:12px;
  padding-top: 0px;
  max-width: 100%;
  background: #fff;
  font-size: 80%;
  font-weight: normal;
  color:#1b1b1b;
  /*text-align: center;*/
  /*position: relative; /*縦にリスト表示*/
}

#gnav li:hover > a {
  background: #fff;
  color: #0000CD;
  clear: both;
}


.div cont {
  /*   width: 100%; */
  /*   height:100%; */
}

.twitter {
/*   padding-bottom: 0px; */
  border: 1px solid;
  max-width: 90%;
/*   height: 300px; */
/*   margin: 0 auto; */
  margin-bottom: 5%;
/*   clear: both; */
}

.twitter img{
  max-width:331px;
}

.twi2 img{
  width:initial;
  max-width:100%;
}

/* ※hanberger_menu　/ css */
.menu-btn {
  position: fixed;/*画面上の決まった位置に固定*/
  top: 30px;/*上位置固定*/
  right: 30px;/*左位置固定*/
  display: flex;/*要素を並列指定*/
  border: 3px solid;
  border-color: #0000CD;
  height: 70px;
  width: 70px;
  justify-content: center;/*flexbox要素の主軸を中央揃え*/
  align-items: center;/*flexbox要素内のクロス軸に沿って中央揃え*/
  z-index: 90;
  background-color: #fff;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
  content: '';
  display: block;
  height: 4px;
  width: 35px;
  border-radius: 3px;
  background-color: #0000CD;
  position: absolute;
}
.menu-btn span:before {
  bottom: 13px;
}
.menu-btn span:after {
  top: 13px;
}
/*×マークデザイン*/
#menu-btn-check:checked ~ .menu-btn span {
  background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
  bottom: 0;
  transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
  top: 0;
  transform: rotate(-45deg);
}
/*checkboxを隠す*/
#menu-btn-check {
  display: none;
}
/*メニューの装飾*/
.menu-content {
  max-width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 80;
  background-color: #fff;
}
.menu-content ul {
  padding: 10px 0px 0px 0px;
}
.menu-content ul li {
  list-style: none;
}
.menu-content ul li a {
  display: block;
  width: 100%;
  font-size: 125px;
  box-sizing: border-box;
  color:#fff;
  text-decoration: none;
  padding: 9px 15px 10px 0;
  /*position: relative;*/
}
.menu-content ul li a::before {
  width: 100px;
  height: 100px;
  transform: rotate(45deg);
  position: absolute;
  right: 0px;
  top: 16px;
}
/*メニューを画面外へ指定 / アニメーションで動きを追加 */
.menu-content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 130%;/*leftの値を変更してメニューを画面外へ*/
  z-index: 80;
  background-color: #ffffff;
  transition: all 0.3s;/*アニメーション設定*/
}
/*checkされたときメニューを画面内に戻す*/
#menu-btn-check:checked ~ .menu-content {
  left: 0;/*メニューを画面内へ*/
}

/*共通予定*/
#pankuzu {
  display:none;
  clear: both;/*確認後トル*/
  font-size: 10px;
  border: 1px solid red;/*完了後トル*/
  margin-top: 15px;/*test*/
  font-weight: bold;
}

#main_r {
  max-width:85%;
  margin:auto;
  line-height: 1.7;
}

#main_r ul li{
  padding-bottom:20px;
}

#main_r ol{
  padding:10px 0 10px 30px;
  line-height:1.7;
  color: blue;
}

#main_r ol li{
  padding:0 0 10px 0px;
  line-height:1.7;
}

.content ul li{
  list-style-type:disc;
  padding:0 0 10px 0px;
  line-height:1.7;
}

h1 {
  margin:0 0 50px 0;
  font-size: 1.5rem;
  border-bottom:1px solid;
  max-width:100%;
}

h2 {
  margin-left: 20px;
  border-bottom:solid 1px;
  padding-right:20px;
  font-size: 20px;
  max-width:100%;
}

h3 {
  margin-left: 20px;
  border-bottom:solid 1px;
  padding-right:20px;
  font-size: 20px;
  max-width:100%;
}


.subject { /*投稿用css / メアリー エレン・コープランドさんのエッセー */
  max-width: 550px;
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  border-left: 2px double orange;
  border-bottom: 1px solid orange;
  padding: 3px 20px 0 7px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.subje1 { /*投稿用css / メアリー エレン・コープランドさんのエッセー(本文を読む) */
  max-width: 550px;
  font-size: 20px;
  font-weight: bold;
  border-left: 3px double orange;
  border-bottom: 1px solid orange;
  padding: 3px 20 0 20px;
  margin: 0 0 30px 0;
}

.subje2 { /*投稿用css / メアリー エレン・コープランドさんのエッセー(本文を読む) */
  max-width: 600px;
  display:inline-block;
  font-size: 20px;
  font-weight: bold;
  border-left: 3px double orange;
  border-bottom: 1px solid orange;
  padding: 3px 0 0 7px;
  margin: 0 0 30px 0;
}

.daitai { /*投稿用css / メアリー エレン・コープランドさんのエッセー*/
  font-size: 20px;
  padding: 10px 0 50px 10px;
  line-height: 1.7;
  margin-bottom: 30px;
}

.page { /*投稿用css / 各地グループの紹介 */
  color: blue;
  line-height: 1.7;
  font-size: 1.5rem;
  padding-left: 30px;
  font-weight: normal;
  max-width:100%;
}

.page a { /*投稿用css*/
  color:#999999;
  line-height: 1.7;
  text-decoration:none;
  font-size: 20px;
  max-width:100%;
}

.page a:hover { /*投稿用css*/
  color: blue;
}

.quotation {
  float: right;
  text-align: left;
  margin-top: 15px;
  font-size: 40px;
  font-weight: bold;
}

div .wrap_1 {
  max-width: 100%;
  border: 1px solid;
  margin: 20px 0 30px 0;
  padding: 10px;
  font-size: 16px;
}

.infomation {
  margin-top: 5px; margin-left:50px; margin-bottom:80px;
  border: none;/*test*/
  line-height:10px;
  white-space: nowrap;
}

.office_dougubako {
  font-size: 18px;
  margin-top: 40px;
}

.area {
  max-width: 100%;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  border: 1px solid blue;
  margin-bottom: 20px;
}

.wrap_group {
  font-size: 20px;
  padding-left: 30px;
  margin-bottom: 50px;
}

.wrap_group li{
 margin-bottom:30px;
}

.info_table {
  width: 20%;
  text-align: center;
  background-color: #eee;
  font-size: 18px;
  font-weight: bold;
  border: 1px solid #000;
}

.info_table2 {
  width: 80%;
  padding: 5px 15px;
  font-size: 18px;
  border: 1px solid #000;
}

.twi3 {
 display:none;
}

.accordion{
 margin:auto;
 width:80%;
 margin-top:50px;
 margin-bottom:30px;
 padding-bottom:30px;
 border: 2px solid #0000CD;
}
.accordion_bottom{
 margin:auto;
 width:80%;
 margin-top:50px;
 margin-bottom:150px;
 padding-bottom:30px;
 border: 2px solid #0000CD;
}

.accordion_home{
 border:none;
}

#nextpage{
 max-width:100%;
 float:right;
 font-size:1.5rem;
 text-align:right;
 line-height: 1.7;
 padding-top:50px;
}

#turn_the_page {
 max-width:100%;
 float:left;
 font-size:1.5rem;
 text-align:left;
 line-height: 1.7;
 padding-top:50px;
}

div .content p{
  margin-bottom:30px;
  padding-left:10px;
}

.content{
 font-size:20px;
 line-height:1.7;
 padding-left:10px;
}


}/*media閉じタグ*/