/* Scss Document */
/********************************************************

setting

********************************************************/
:root {
  --margin-block: 200px; }

@media (min-width: 1101px) and (max-width: 1280px) {
  :root {
    --margin-block: 120px; } }
@media (min-width: 641px) and (max-width: 1100px) {
  :root {
    --margin-block: 90px; } }
@media (max-width: 640px) {
  :root {
    --margin-block: 70px; } }
.notes-area {
  display: none; }

.common_footer_info_inner {
  border-top: 1px solid #ccc; }

#contents-wrap {
  margin-bottom: 0 !important; }
  #contents-wrap::before {
    position: static; }

.page_topics .container {
  width: min(90%, 1240px);
  margin: 120px auto 0;
  padding-bottom: 120px;
  color: #333; }
  @media screen and (max-width: 600px) {
    .page_topics .container {
      margin: 60px auto 0;
      padding-bottom: 60px; } }

#back_toppage a {
  color: #fff; }

/*.wrap-topics{
	font-size: 16px;
}

.topics-list{
	padding-bottom: 90px;
	margin-top: 150px !important;
	font-size: 16px;
	@include max-screen($breakpoint-sm){
		padding-bottom: 70px;
		margin-top: 70px !important;
	}
}

#t_topics p{
	margin-bottom: 10px;
	text-align:left;
	border-bottom: none !important;
	padding: 0;
}

#t_topics p a{
	font-size: 12px;
	color: #3b4c50;
	text-decoration: none;
	&:hover{
		color: #D02730;
	}
	img{
		max-width: 100%;
    vertical-align: text-bottom;
	}
}

p.t_info_update{
  border-bottom: 1px solid #bcbcbc;
  padding: 10px 0;
  margin-left: 0;
}

dl.t_info_update{
  border-bottom: 1px solid #bcbcbc;
  position: relative;
}

dl.t_info_update,
dl.t_info_update a{
  font-size: 16px;
  text-decoration:none;
  color: #3b4c50;
	width: 100%;
  @include max-screen($breakpoint-sm){
    font-size:12px;
  }
}

dl.t_info_update a:hover{
	text-decoration: none;
  color: #D02730;
}

dl.t_info_update dt{
  position: absolute;
  left: 0;
  width:100%;
  margin-left:0;
  padding:12px 0;
  border-top:1px solid #bcbcbc;
  @include max-screen($breakpoint-sm){
    width: 100%;
    position: static;
    left: 0;
  }
}
dl.t_info_update dd{
  padding-left: 5%;
  //border-top:1px solid #bcbcbc;
  padding:12px 0;
  @include max-screen($breakpoint-sm){
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    border-top: none;
    border-bottom: none;
  }
}*/