

/*--------------------------------------------------------------
  SEC01 X 獨立頁 
--------------------------------------------------------------*/
#sec_01.sec_01_single{
  height: auto;
}


#sec_01.sec_01_single .news_block{
align-items: flex-end;
}





/***************************
  獨立頁 X 列表
***************************/
#sec_01 .single_list{
  width: 90% ; 
}

/*多語系用*/#sec_01 .list_item li .icon_classify_s{
  font-size: .7rem;
}

#sec_01 .single_list .classify li a{
  font-size: 1rem !important;
}

#sec_01 .icon_classify_s{
  font-size: .7rem;
}

#sec_01 .list_item li{
  padding: .05rem 0;
}





/******************* 獨立頁 Ｘ　列表 X 頁數 *******************/

.single_list .news_page {
  width: 50%;
  margin: auto;
}
.single_list .news_page ul{
 display: flex;
 flex-direction: row;
 justify-content: space-evenly;
 align-items: center;
}

.single_list .news_page ul li a{
  font-size: 1.2rem;
  width: 50px;
  height: 50px;
  padding: 6.5px 13px;
  color: #af729d;
}
.single_list .news_page ul li a:hover,
.single_list .news_page ul li a:active,
.single_list .news_page ul li a.active{
  border-radius: 50%;
  color: #fff;
  background-color: #b049b6;
  border: #e8a4ec 2px solid;
}

.single_list .news_page ul li.prev a:hover,
.single_list .news_page ul li.prev a:active,
.single_list .news_page ul li.prev a.active,
.single_list .news_page ul li.next a:hover,
.single_list .news_page ul li.next a:active,
.single_list .news_page ul li.next a.active{
  border: none;
  background-color: transparent;
  filter: hue-rotate(320deg);
}


.single_list .news_page ul li:nth-child(1){
  transform: rotate(180deg);
 }

 .single_list .news_page ul li img{
  width: 45px;
 }




 
/******************* 獨立頁 X 內頁 *******************/

/* #sec_01.sec_01_single .ch{
  display: none;
} */

#sec_01.sec_01_single .single_con_block{
  max-width: 1000px;
   margin-left: 0;
  margin-right: 0;
  margin-bottom: 1rem;
}

#sec_01.sec_01_single .news_con{

}




.single_txtcon{
  /* border: 1px solid #000; */
  position: relative;
  z-index: 999;
  padding: 0% 1%;
  width: 90%;
  margin: auto;
  margin-top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.single_txtcon .btn{
  width: 200px;
  margin: 1rem auto .5rem auto;
}


/****** 獨立頁 X 內文 ******/
.single_txtcon .txt_title{
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 500;
  color: #e399e3;
}
.single_txtcon .txt_title span{
  max-width: 500px;
  margin-bottom: 1rem;
}
.single_txtcon .txt_area{
  width: 100%;
  line-height: 33px;
  font-size: 0.95rem;
  color: #f5dffbb7;
  margin: .5rem auto;
  text-align: start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  word-wrap:break-word
}
.single_txtcon .txt_date{
  font-weight: 600;
  color: #f5dffbb7;
  text-align-last:right;
}
.single_txtcon .txt_area img{
  width: 100%;
  max-width: 769px;
  height: auto;
  margin: .5rem auto;
}

  .single_txtcon .txt_area iframe{
    width: 100%;
    height: auto;
    aspect-ratio:360 / 220;
  }





/******************* RWD *******************/

@media (max-width: 1600px) {
}

@media (max-width: 1500px) {
}

@media (max-width: 1441px) {
}


@media (max-width: 1330px) {
}


@media (max-width: 1280px) {
}

@media (max-width: 1025px) {

  #sec_01.sec_01_single{
    background-size: cover;
    height: 90vh;
    padding:8.5rem 1rem 2.5rem 1rem;
    overflow: auto;
  }
  #sec_01.sec_01_single .container{
    max-width: 900px;
  }
  #sec_01.sec_01_single .sec_title{
    margin-top: 0;
  }
  #sec_01.sec_01_single .ch{
    display: none;
  }
  .sec_01_single .news_con{
    margin-left:0 !important;
    margin-right: 0 !important;
  }

}


@media (max-width: 992px) {

    #sec_01 .list_item { margin-top: .5rem; }
    #sec_01.sec_01_single .container{
      max-width: 720px;
    }
    #sec_01.sec_01_single .news_con{
      margin-left: 0;
      margin-right: 0;
    }

}




@media (max-width: 769px) {
    .en #sec_01 .single_list .classify li a,
    .jp #sec_01 .single_list .classify li a{
      font-size: .9rem !important;
    }

}

@media (max-width: 680px) {
  .en #sec_01 .single_list .classify li ,
  .jp #sec_01 .single_list .classify li {
    margin-bottom: .7rem;
  }

  .en #sec_01 .single_list .classify li a,
  .jp #sec_01 .single_list .classify li a{
    font-size: .8rem !important;
    padding: 0 0 .5rem 0;
  }

}


@media (max-width: 576px) {



  .single_list .news_page{
    width: 100%;
  }
  #sec_01.sec_01_single{
    padding: 5.5rem 1rem 2.5rem 1rem
  }




  #sec_01 .single_list .list_item,
  #sec_01 .single_list .news_page ul{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .single_list .news_page ul li a{
    padding: 6px 13px;
  }
  .single_txtcon{
    width: 95%;
  }
}



@media (max-width: 480px) {
  .single_txtcon .txt_title{
    font-size: 1.2rem;
  }
  .single_txtcon .txt_area{
    font-size: 14px;
    line-height: 27px;
  }

}

@media (max-width: 431px) {
}

@media (max-width: 380px) {}