@charset "utf-8";

/**** Clearfix ****/
.newinfo:after, .newinfo dl:after,{content:""; display:table;clear:both;}
.newinfo, .newinfo dl{zoom:1;}


/* 新着情報
------------------------------------------------------------*/
.newinfo_title{
width:100%;
height:45px;
background:url('../img/title_newinfo.png') top left no-repeat;
padding:15px 0 5px 40px;
font-size:20px;
font-size:2.0rem;
font-weight:bold;
}
.newinfo{
/*position:relative;height:300px; overflow:hidden;*/
width:100%;
border-bottom:2px solid #000080;
margin-bottom:20px;
}

.newinfo dl{
width:100%;
float:left;
margin:0;
padding:10px;
display:inline;
border-bottom:1px dotted #999;
line-height:1.2;
}

.newinfo dt {
float:left;
width:96px;
margin-right:5px;
color:#cc0000;
}
.newinfo dd {
margin-left:90px;
/*float:left;*/
/*width:540px;*/
padding:0pt 0pt 0pt 20px;
color:#333300;
/*word-wrap:break-word;*/
}

.newinfo dd a{
color:#009;
text-decoration:underline;
}
.newinfo dd a:hover{
color:#900;
}

summary {
padding: 0.2em;
}
summary {
  list-style: none;
  position: relative;
  padding-left: 1.6em;
overflow: hidden;
}
.summary-text {
  cursor: pointer;
  text-decoration: underline;
}
summary::-webkit-details-marker {
  display: none;
}
summary::before {
  content:"\25B6";
  position: absolute;
  left: 0;
  transition: transform 0.5s ease;
 pointer-events: none;
}
details[open] .summary-text {
  text-decoration:none;
}
details[open] summary::before {
  transform: rotate(90deg);
}
.animated-details[open] .content {
    animation: fadeIn 0.5s ease;
  }

  @keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(-10px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

.h3_content .column{
display:table-cell;
width:50%;
padding:5px;
}
.h3_content img{
width:100%;
height:auto;
border: 1px solid #666;
border-radius: 3px;
}


.table_wrapper{
width:100%;
overflow-x:auto;
}
.table_wrapper::-webkit-scrollbar{
width:8px;
height:8px;
}
.table_wrapper::-webkit-scrollbar-track{
background: #F1F1F1;
}
.table_wrapper::-webkit-scrollbar-thumb {
background: #BCBCBC;
}

/* その他の設定
------------------------------------------------------------*/
#content a{
text-decoration:underline;
}

#content img {
max-width:100%;
height:auto;
}


/* 幅980px以下から
------------------------------------------------------------*/
@media only screen and (max-width:980px){

.h3_content .column{
width:46%;margin:0 2%;
}

}

/* 幅780px以下から
------------------------------------------------------------*/
@media only screen and (max-width:780px){

}

/* 幅640px以下から
------------------------------------------------------------*/
@media only screen and (max-width:640px){
}

/* 幅480px以下から
------------------------------------------------------------*/
@media only screen and (max-width:480px){

#banner{padding:5px;}

h3 {
font-size:16px;
font-size:1.6rem;
}

.newinfo dt {
float:none;
}
.newinfo dd {
margin-left:0;
}

.h3_content .column{
display:block;
width:100%;
padding:5px;
}

}

/* 幅480px以下から
------------------------------------------------------------*/
@media only screen and (max-width:480px){
}


/* 幅320px以下から
------------------------------------------------------------*/
@media only screen and (max-width:320px){

	h3 {
	font-size:18px;
	font-size:1.8rem;
	line-height:1.3;
	}
	h3 img{
	width:80px;
	height:auto;
	}

}