/* CSS Document ==========================================
   file name : stylesheet.css
========================================================== */
/* ----------------------------------------------*/


/*  基準 - 1080px以上 -


-------------------------------------------------*/
html{}
body{background-color: #edebfc;}
html , body {margin: 0; padding: 0; height:100vh;}

img {max-width:100%;}
a {color:#1287c8;}
.on-sp {display: none;}

/* ----------------------------------------------*/
/*　【common】ボックス設定
-------------------------------------------------*/
div#wrapper {
    /*ブロック要素の上下のマージンは親要素のパディングや境界線（border）が無い場合、親要素の外側に「はみ出る」*/
    /*なのでheaderのmarginがbodyの高さに含まれないので、相殺用に設定*/
    border-top:1px solid  transparent;
    max-width: 900px;
    background: url(../images/bg_rpt.jpg) repeat-y;
    margin: 0 auto;
    text-align: left;
}
div#header {   
    max-width: 900px;
    height: 87px;
    background: url(../images/bg_header.jpg) no-repeat;
    padding-left: 14px;
}
div#contents {
    max-width: 900px;
    background: url(../images/bg_fix.jpg) no-repeat;
    padding-top: 17px;
}
div#contents:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}
div#leftMenu {
    width: 200px;
    padding-left: 14px;
}
div#main {
    width: 640px;
    margin-left: 30px;
    margin-right: 30px;
    float: right;
}
div#footer {
    max-width: 900px;
    height: 30px;
    background: url(../images/bg_footer.jpg) no-repeat bottom;
}
div#copyRight {
    max-width: 900px;
    height: 30px;
    background-color: #edebfc;
    text-align: center;
    font-size: 11px;
    *font-size: 90%;
    line-height: 1.3;
}
/* ----------------------------------------------*/
/*　【common】ボックスーflex
-------------------------------------------------*/
.flex-box {
  display: flex;
  justify-content:flex-start;
}
.flex-wrap {
  flex-wrap: wrap;
}

/* ----------------------------------------------*/
/*　【common】font
-------------------------------------------------*/
.tx10 {font-size:10px;*font-size:85%;line-height:1.3;}
.tx12 {font-size:12px;*font-size:100%;}
.tx14 {font-size:14px;*font-size:120%;}
.tx14b{font-size:14px;*font-size:120%;font-weight:bold;}
.tx16 {font-size:16px;*font-size:140%;}
.tx20 {font-size:20px!important;*font-size:160%!important;}
.tx12red {font-size:12px;*font-size:100%; color: red;}
/* ----------------------------------------------*/
/*　【common】leftMenu内リンク mouseOver
-------------------------------------------------*/
ul#mnbtn {
    list-style-type: none;
    margin: 0;
    padding: 0;
   }
ul#mnbtn a {
    display: block;
    width: 180px;
    height: 38px;
    text-indent: -5000px;
    margin-bottom: 2px;
   }
ul#mnbtn a:hover {
    background-position: top right;
}
ul#mnbtn a.topics {
    background-image: url(../images/mnbtn_topics.jpg);
}
ul#mnbtn a.info {
    background-image: url(../images/mnbtn_info.jpg);
}
ul#mnbtn a.bulletin {
    background-image: url(../images/mnbtn_bulletin.jpg);
}
ul#mnbtn a.eventReports {
    background-image: url(../images/mnbtn_eventReports.jpg);
}
ul#mnbtn a.officers {
    background-image: url(../images/mnbtn_officers.jpg);
}
ul#mnbtn a.fromMO {
    background-image: url(../images/mnbtn_fromMO.jpg);
}
/* ----------------------------------------------*/
/*　【common】お問い合わせリンク mouseOver
-------------------------------------------------*/
a#btnCntctUs {
    display: block;
    width: 180px;
    height: 30px;
    text-indent: -1000px;
    background-image: url(../images/btn_cntactUs.jpg);
    margin-top: 100px;
}
a#btnCntctUs:hover {
    background-position: top right;
}
/* ----------------------------------------------*/
/*　【common】同窓会名称・住所
-------------------------------------------------*/
/* 名称 */
li.name {
    font-size: 14px;
    *font-size: 120%;
    font-weight: bold;
}
/* 住所 */
ul.address {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size:11px;
    *font-size:90%;
    line-height:1.3;
    padding-left: 10px;
    padding-top: 20px;
    margin-bottom: 80px;/*addressの下余白 contents全体の高さを決定する*/
}
/* ----------------------------------------------*/
/*　【common】パンくず表示
-------------------------------------------------*/
#topicPath           {font-size:78%;color:#3e2f95;width:480px; height:30px; margin:3px 0 0 0; padding:0;}
#topicPath a:link    {color:#3e2f95;text-decoration:underline;}
#topicPath a:visited {color:#3e2f95;text-decoration:underline;}
#topicPath a:hover   {color:#ff8409;text-decoration:none;}
#topicPath a:active  {color:#ff8409;text-decoration:none;}

h1 {
  background-color:#edebfc;
  border-top:1px solid #5a689c;
  border-bottom:1px solid #5a689c;
  padding:.8rem 0;
  color:#1f2c5c;
  font-size:1.2rem;
  text-align:center;
}
/* ----------------------------------------------*/
/*　【common】サブジェクト表示
-------------------------------------------------*/
/* 文字が画像 */
.subject {
    margin-bottom: 20px;
}
/* 文字がテキスト */
.subject_bg {
    font-size:16px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 20px;
    background-image: url(../images/subject.jpg);
    background-repeat: no-repeat;
    line-height: 29px;
    padding-left: 15px;
    width:630px; height:25px;
}
/* ----------------------------------------------*/
/*　【common】本文
-------------------------------------------------*/
/* 本文 */
.text {
    width: 600px;
    font-size:12px;*font-size:90%;line-height:1.5; margin-bottom:3.0rem;
}
/* 大きい文字 2014.10.08 */
.Ltext {
    width: 600px;
    font-size:16px;*font-size:90%;line-height:1.5;font-weight:bold;
}
/* 更新日付 */
.upDate {
    font-size:10px;*font-size:80%;color:#999999 ;
}
/* ----------------------------------------------*/
/*　【common】ul・li　マーク表示
-------------------------------------------------*/
/* マークなし */
ul.no_mark li{list-style:none;}
/* マークピンク */
ul.mark_pink {list-style-image: url(../images/mark_pink.gif);}
/* ----------------------------------------------*/
/*　【common】画像・キャプション表示
-------------------------------------------------*/
.imglist img {margin-right: 4px; margin-bottom: 4px;}
.imgcaption {
    text-align: center;
    font-size: 12px;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}
.imgcaption img {margin-bottom: 5px;}
.imgcaption p   {margin: 0;}
.imgcaptionClear{clear: both;}
.text-center {width:100%; text-align:center;}
/* ----------------------------------------------*/
/*　【index.html】トピックス表示
-------------------------------------------------*/
.boxinformation           {width:630px;}
.boxinformation .boxclear {width:630px; border-bottom:#e8e9eb 1px solid;}
.boxinformation ul        {list-style-type: none; margin: 0; padding: 0;}
.boxinformation .flex-box > li {padding-top: 0;}
.boxinformation li        {margin:0; list-style:none; padding-top: 5px;}
.boxinformation li.mark   {width:46px; height:25px; padding-right: 5px; padding-left: 5px;}
.boxinformation li.t1     {width:100px; height:25px; font-size: 83%; font-weight:bold; color:#333333; text-align: center;border-left:#BBBBBB 1px solid;border-right:#BBBBBB 1px solid;}
.boxinformation li.t2     {flex:1; height:25px; font-size: 83%; color:#333333;border-right:#BBBBBB 1px solid;}
.boxinformation li.t2 a:link    {color:#10a7cf;text-decoration:underline;}
.boxinformation li.t2 a:visited {color:#10a7cf;text-decoration:underline;}
.boxinformation li.t2 a:hover   {color:#ff8409;text-decoration:none;}
.boxinformation li.t2 a:active  {color:#ff8409;text-decoration:none;}

.boxclear        {margin:0; padding:0; min-height:1px;}
.boxclear:after  {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.boxclear        {display:inline-table; }
* html #boxclear {height:1px; }
.boxclear        {display:block; }
/* ----------------------------------------------*/
/*　【index.html】トップページ写真表示
-------------------------------------------------*/
p.topImage {
    margin-left: 20px;
    margin-bottom: 20px;
}
p.topImage2 {
    margin-right: 15px;
    margin-bottom: 15px;
    text-align: center;
}
/* ----------------------------------------------*/
/*　【index.html】スライダー
-------------------------------------------------*/
#contents .splide{
  width:calc(100% - 30px);
  margin:auto;
  margin-bottom:2.0rem;
}
/* ----------------------------------------------*/
/*　【officer.html】会長あいさつ表示
-------------------------------------------------*/
img.imgRight {
    float: right;
    margin: 0 0 15px 15px;
}
div.kaichoMsg {
    width: 600px;
    font-size:12px;*font-size:90%;line-height:1.5;
    overflow: hidden;
    margin-bottom:3.0rem;
}
div.kaichoMsg img , div.kaichoMsg div{
    float: left;
  }
div.kaichoMsg div{
  width:62%;
}
.imgRightClear{
    clear: both;
}
/* ----------------------------------------------*/
/*　【officer.html】役員紹介表示
-------------------------------------------------*/
table#officers {
    font-size:12px;*font-size:90%;line-height:1.5;
    width: 300px;
    border: 1px #7e72c5 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#officers th {
    padding: 5px;
    border: #7e72c5 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#officers td {
    padding: 5px;
    border: 1px #7e72c5 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
/* ----------------------------------------------*/



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


/*  タブ向け対応 - 1079px以下から720px -


-------------------------------------------------*/
@media screen and (max-width: 1079px){
  *,
  *::before,
  *::after {box-sizing:border-box;}

  div#wrapper {
    max-width: 720px;
    background:transparent;
  }
  div#header {
    max-width: 720px;
    background:#fff;
    border:1px solid #9c87e2;
    margin:9px;
  }
  div#header a{
    display: flex;
    align-items:center;
    height:100%;
}
  div#header img{
    max-width:60%;
    height: auto;
    border-bottom:1px solid #9c87e2;
}
  div#contents {
    max-width: 720px;
    background: #fff;
    border:1px solid #9c87e2;
    margin:0 9px;
  }
  div#contents:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
  }
  div#leftMenu {
    width: 200px;
  }
  /*div#main {
    max-width: 490px;
    margin: 0;
    padding:0 30px;
    float: right;
  }*/
  div#footer {
    display: none;
  }
  div#copyRight {
    max-width: 720px;
    height:auto;
    background:transparent;
    border-top:2px solid #5647ad;
    margin-top:17px;
  }
  div#copyRight img{
    display:none;
  }

  /* ----------------------------------------------*/
  /*　【index.html】トピックス表示
  -------------------------------------------------*/
  .boxinformation           {width:auto; margin-bottom:1.5rem;}
  .boxinformation .boxclear {width:auto;}
  .boxinformation ul {overflow: hidden; border-right:#BBBBBB 1px solid; border-left:#BBBBBB 1px solid;}
  .boxinformation ul ul {border:none;}
  .boxinformation li {width:100%;}
  .boxinformation li.t1     {height:auto; border:none; }
  .boxinformation li.mark   {line-height:0;; min-height:20px;}
  .boxinformation li.t2     {width:auto; height:auto; border:none; padding-left:1.0rem;}
  /* ----------------------------------------------*/
  /*　【common】パンくず表示
  -------------------------------------------------*/
  #topicPath           {width:auto;}
  /* ----------------------------------------------*/
  /*　記事表示
  -------------------------------------------------*/
  /* 文字がテキスト */
  .subject_bg {
      background-image:none;
      max-width: 430px;
      position: relative;
      display: inline-block;
      height:auto;
      padding-left:0;
      margin-bottom: 1.0rem;
  }
  .subject_bg::first-letter {
      border-left:10px double #1f2c5c;
      line-height:1;
      padding-left:.5rem;
    }
  /* ----------------------------------------------*/
  /*　【common】本文
  -------------------------------------------------*/
  /* 本文 */
  .text {
      max-width: 430px;
  }
  /* 大きい文字 2014.10.08 */
  .Ltext {
      max-width: 430px;
  }

  /* ----------------------------------------------*/
  /*　【officer.html】会長あいさつ表示
  -------------------------------------------------*/
  div.kaichoMsg {
      max-width: 430px;
  }
  div.kaichoMsg img , div.kaichoMsg div{
    float: none;
  }
  div.kaichoMsg div{
  width:auto;
  }

  table#officers {
    width: 100%;
  }

}



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


/*  スマホ向けホ対応 - 719px以下から360px -


-------------------------------------------------*/
@media screen and (max-width: 719px){
    /*スマホやタブレット縦向け*/
  .no-sp {display: none;}
  .on-sp {display: block;}

  div#wrapper {
    max-width: 360px;
  }
  div#header {
    max-width: 100%;
  }
  div#contents {
    max-width: 100%;
  }
  div#leftMenu {
    float:none;
    display: none;
  }


  /* ----------------------------------------------*/
  /*　【index.html】トピックス表示
  -------------------------------------------------*/
  .boxinformation           {margin:2.0rem auto;}
  .boxinformation .boxclear {height:70px;}
  .boxinformation .boxclear:first-child {border-top:#e8e9eb 1px solid;}
  .boxinformation ul {height:100%;}
  .boxinformation li.t2     {clear:both ; margin:0 5%; padding-bottom:5px; padding-left:0;}
  /* ----------------------------------------------*/

  /* ----------------------------------------------*/
  /*　記事表示
  -------------------------------------------------*/
  /* 文字がテキスト */
  .subject_bg {
      width: auto;
      position: relative;
      display: inline-block;
      height:auto;
      padding-left:0;
      margin-bottom: 1.0rem;
  }
  /* ----------------------------------------------*/
  /*　【common】本文
  -------------------------------------------------*/
  /* 本文 */
  .text {
      width:100%;
  }
  /* 大きい文字 2014.10.08 */
  .Ltext {
      width: 100%;
  }

  /* ----------------------------------------------*/
  /*　【officer.html】会長あいさつ表示
  -------------------------------------------------*/
  div.kaichoMsg {
      width: 100%;
  }

}


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


/*  最小対応 - 359px以下


-------------------------------------------------*/
@media screen and (max-width: 359px){
    /*最小対応*/
}