/*=======================================================================*/
/* 写真講座用CSS
モバイルファーストのため、スマホ（デフォルト）→タブレット→PCの順で記載しています。
=========================================================================*/
main {
  margin-top:0;
}

.pagetitle .container h2 {
  font-size:3rem;
  left:auto;
  right:auto;
  bottom:20px;
}

.sec_news .container,
.sec_newsdetail .container {
  margin-top:1rem;
}

.sec_newsdetail .cont_pt {
  margin-top:10rem;
}

.sec_newsdetail .itemtop {
  margin-top:0;
}

.sec_newsdetail .profile {
    margin-top:5rem;
}

.sec_news h3 {
  text-align: center;
  margin-bottom:2rem;
}

.sec_newsdetail h3 {
  text-align: left;
  margin-bottom:1rem;
  font-size:2rem;
}

.day {
  font-size:1.4rem;
  color:#626060;
  text-align:right;
  margin-bottom:2rem;
}

.day img{
  width:100px;
  margin-left:1rem;
}

.cont_txtonly {
  margin-top: 2rem;
}

ul.news_ul {
  margin-top:2rem  !important ;
  border: solid 2px #910303;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

ul.news_ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

ul.news_ul li:before {

  font-family: "Font Awesome 5 Free";
  content: "\f138";/*アイコンの種類*/
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
  color:  #910303;/*アイコン色*/
}

span.end_event {
  color:  #910303;
  font-weight:bold;
}

p.imgbox_bottom,
div.imgbox_bottom {
  margin-top:3.2rem;
}

p.signature {
  margin-top:3.2rem;
  text-align: right;
}

p.prof_name {
  font-size:2rem;
  font-weight:bold;
}

dt {
  padding:1rem;
  color:#707070;
  font-size:1.4rem;
  background-color:rgb(255, 238, 238);
}

dd {
  padding:1rem 1rem 3rem 1rem;
  border-bottom:1px solid #ddd;

}

.dt_top {
  border-top:2px solid #ccc;
}

.dd_bottom {
  padding:1rem;
  border-bottom:2px solid #ccc;
}

footer {
  background:#000;
  color:#ffffff;
  padding:2rem 0;
  text-align:center;
  margin-top:3rem;
}

footer p {
  font-size:1.2rem;
}


/*極小デバイス（縦向きモバイル, 576px 未満）*/
/*デフォルトなのでメディアクエリはなし*/

/*小デバイス（横向きモバイル, 576px 以上）*/
@media (min-width: 576px) {


}

/*中デバイス（タブレット, 768px 以上）*/
@media (min-width: 768px) {

  .sec_news .container,
  .sec_newsdetail .container {
    margin-top:5rem;
  }

.sec_newsdetail h3 {
    text-align: center;
    font-size:3rem;
  }

  .day {
    text-align:center;
  }

  dl {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  dt {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items: center;
    width:15%;
    padding:2rem 1rem;
    border-bottom:1px solid #ddd;
    color:#707070;
    font-size:1.4rem;
  }

  dd {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items: center;
    width:85%;
    padding:2rem 1rem;
    border-bottom:1px solid #ddd;

  }

  .dt_top, .dd_top {
    border-top:2px solid #ccc;
  }

  .dt_bottom, .dd_bottom {
    border-bottom:2px solid #ccc;
  }

    .sec_newsdetail .cont_pt.profile .cont_photo {
    text-align:center;
  }
  .sec_newsdetail .cont_pt.profile .cont_photo img {
    width:400px;
  }

}

/*大デバイス（デスクトップ, 992px 以上）*/
@media (min-width: 992px) {

  .sec_news .container,
  .sec_newsdetail .container  {
    margin-top:3rem;
  }


  /*-------------------------------------------*/
  /* 文字と写真の横並び
  ---------------------------------------------*/
.sec_newsdetail .cont_pt {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    flex-direction: row;
    -webkit-box-align: center;
  	-ms-flex-align: center;
  	align-items: center;
    margin-left: -5rem; /*ボックス同士のスペースの値*/
    margin-top:7rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }


.sec_newsdetail .cont_pt:nth-child(odd) {
  flex-direction: row-reverse;
  }

.sec_newsdetail .cont_pt .cont_photo {
    width:40%;
    margin-left: 5rem; /*ボックス同士のスペースの値*/
  }

.sec_newsdetail .cont_pt .cont_txt {
    width:60%;
    margin-top: 0rem;  /*縦並び時のスペースのクリア*/
    margin-left: 5rem; /*ボックス同士のスペースの値*/
  }

.sec_newsdetail .cont_pt.profile .cont_photo {
    width:25%;
  }

.sec_newsdetail .cont_pt.profile .cont_txt {
    width:75%;
  }

/*cont_pt内の2番目の要素の上マージンクリア*/
.sec_newsdetail .cont_pt :nth-child(2) {
    margin-top: 0rem;
  }

}

/*特大デバイス（ワイド・デスクトップ, 1200px 以上-->1100で作成してるので1101とする・1200までは横にpadding開ける）*/
@media (min-width: 1101px) {



}

/*特大デバイス（ワイド・デスクトップ, 1200px 以上）*/
@media (min-width: 1200px) {

}