@charset "utf-8";
@media all{
	
/*　お知らせ一覧
---------------------------------------------------*/
#whatsnew{ width:820px;}
#whatsnew .section{ width:780px; padding:0px 20px 30px;}
#whatsnew .section dl dt{ padding:15px 0 8px 0;  font-weight:bold; color:#999;font-size: 13px;}
#whatsnew .section dl dd.title{ padding:0 0 15px 0; margin:0 0 15px 0; font-weight:bold; border-bottom:dashed 1px #d9d9d9;    font-size: 24px;text-align: center;}
#whatsnew .section dl dd.title span{line-height: 1.8; font-size: 21px;}
#whatsnew .section dl dd.text{ padding:0 0 40px 0; line-height:1.6em;}

  #whatsnew .section dl dd.text p:first-child {
    text-align: center;
    display: block;
  }
  #whatsnew .section dl dd.text p:first-child .left{
    text-align: left;
    display: inline-block;
    position: relative;
    left: 25px;
  }

#whatsnew .section dl dd.text .center{ display:block; text-align:center;}
#whatsnew .section dl dd.text .right{ display:block; text-align:right;}
#whatsnew .section p.btn{ margin:10px 0 0 0; text-align:right;}
  .pc-block{
    display: inline;
  }
  .sp-block{
    display: none;
  }
  .indent04{
    text-indent: 4em;
    display: block;
  }
  .indent05{
    text-indent: 5em;
    display: block;
  }
  .indent06{
    text-indent: 6em;
    display: block;
  }
  .indent07{
    text-indent: 7em;
    display: block;
  }
	dd{
		 overflow-wrap:  break-word;
	}
	
}
.pb_10{padding-bottom: 10px;}
@media screen and ( max-width: 1280px ) {
#whatsnew {
    max-width: 820px;
	width: 100%;
}
	#whatsnew .section {
    max-width: 780px;
	width: 100%;
    padding: 0;
}
}
@media screen and ( max-width: 767px ) {
	#whatsnew .section {
    width: 100%;
}
	#whatsnew {
    width: 100%;
}
  #whatsnew .section dl dd.text p:first-child .left {
    left: auto;
  }
  .pc-block{
    display: none;
  }
  .sp-block{
    display: block;
  }
  
  .indent05{
    display: inline;
  }
  .indent06{
    display: inline;
  }
  .indent07{
    display: inline;
  }
  
  .ft_18 {
    font-size: 18px;
  }
}