@charset "utf-8";
/* CSS Document */

 /*-----------------------------------
whatsnew 改
-------------------------------------*/
.whatsnew {
	width: 100%;
	height: 200px;
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
/*	overflow-y: auto;*/
	border-top: 2px dotted #213e69;
/*	border-bottom: 2px dotted #213e69;*/
	text-align:left;
	box-sizing: border-box;
}
.whatsnew dd {
	width: 16%;
    font-size: 15px;
	float: left;
	color: #9d9d58;
	box-sizing: border-box;
        margin-left: 0px;
}
.whatsnew dt {
	width: 80%;
	float: left;
	color: #808080;
	box-sizing: border-box;
}
.whatsnew dt a{
color: #0e538d;
    text-decoration: none;
}
@media only screen and (max-width:768px){
.whatsnew {
	width: 100%;
	height: 180px;
	font-size: 13px;
	overflow-y: auto;
	text-align:left;
}
.whatsnew dd {
	float: left;
	color: #9d9d58;
        margin-left: 0px;
}
.whatsnew dt {
/*	width: 400px;*/
	float: left;
}
}
@media only screen and (max-width:480px){
.whatsnew {
	width: 100%;
	height: 160px;
	font-size: 13px;
	overflow-y: auto;
	text-align:left;
	margin-top: 24px;
}
.whatsnew dd {
	width: 20%;
font-size:12px;
font-weight:normal;
	float: left;
	color: #9d9d58;
    margin-left: 0px;
}
.whatsnew dt {
	width: 78%;
	float: right;
}
}
.newstopic{
	width:100%;
	margin:6px 0;
	padding: 0 0 8px 8px;
	overflow: auto;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #213e69;
	clear:both;
}
@media only screen and (max-width:768px){
    .newstopic{
	width:100%;
	margin:6px 0;
	padding: 0 0 4px;
	overflow: auto;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #213e69;
	clear:both;
}
}
.newstopic a:hover{
color:#3c7be4;
    text-decoration: none;
}
/*タイトル囲み無し*/
.whatsnewtitleBox{
	width:100%;
	height:auto;
	color:#91a0a7;
	padding: 48px 0 8px;
box-sizing: border-box;
}
.whatsnewtitleB {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 26px;
    line-height: 22px;
	color: #525252;
	text-align:center;
    margin: 0;
}
@media only screen and (min-width:481px) and (max-width:800px){
.whatsnewtitleBox{
	width:100%;
	height:auto;
}
}
@media only screen and (max-width:480px){
.whatsnewtitleBox{
padding-top: 2px;
font-size: 14px;
	width:100%;
	height:auto;
	color:#91a0a7;
}
.whatsnewtitleB{
	font-size: 20px;
}
}
.news_subtxt{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 12px;
    text-align: center;
    margin: 0;
}

/*タイトル囲み無し文字brwon*/
.whatsnewtitleBrwn{
	width:100%;
	height:auto;
	color:#91a0a7;
	padding: 8px 0;
box-sizing: border-box;
}
.whatsnewtitleBrwn p{
	font-family: 'Noto Serif JP', serif;
	font-size: 26px;
	line-height: 200%;
	color: #c7bca3;
	text-align:center;
		padding: 8px 0 36px;
}
@media only screen and (min-width:481px) and (max-width:800px){
.whatsnewtitleBrwn{
	width:100%;
	height:auto;
}
}
@media only screen and (max-width:480px){
.whatsnewtitleBrwn{
padding-top: 2px;
font-size: 14px;
	width:100%;
	height:auto;
	color:#c7bca3;
}
.whatsnewtitleBrwn p{
	font-size: 20px;
}
}
.news-box {
    width: 88.8888%;
/*    max-width: 800px;*/
    margin: 0 auto;
}
.bg_graybright{
	width:100%;
	height:auto;
	overflow:hidden;
/*    background-color: #fbf9f3;*/
    background-color: #f7f4ea;
/*	background-color: #f6f6f6;*/
	padding: 0 0 64px;
    margin-top: 42px;
}
.bg_ususubrown{
    	width:100%;
	height:auto;
	overflow:hidden;
	background-color: #f0ece0;
	padding: 24px 0;
}
@media screen and (max-width:480px){
    .bg_ususubrown{
    	width:100%;
	height:auto;
	overflow:hidden;
	background-color: #f0ece0;
	padding: 42px 0 0;
}
}