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

/* SampleSite
-----------------------------------------------------*/
#main_image{
  width: 100%;
  margin-bottom: 38px;
}

/* ==============================================
    topics_box
============================================== */
#topics_box{
  margin-bottom: 35px;
}
#topics_box h1,
#topics_box h2{
  color: #e76200;
  font-weight: bold;
  font-size: 20px;
  background: #fbe0c7;
  line-height: 1;
  padding: 15px 26px 12px;
}
#topics_box #btn_topics_list{
  display: block;
  font-size: 18px;
  line-height: 1;
  padding: 13px 13px 10px 0;
  box-sizing: border-box;
  background: url(image/arrow_btn_topics_list.gif) no-repeat 11px 11px #eb6f00;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  width: 97px;
  text-align: right;
  margin: -44px 3px 3px auto;
}
#topics_box #btn_topics_list:hover{
  opacity: 0.7;
}
#topics_box #topics_list{
  background: #f2ffff;
  padding: 17px 20px;
}
#topics_box dl{
  padding-bottom: 14px;
}
#topics_box dl:last-of-type{
  padding-bottom: 0;
}
#topics_box dl dt{
  display: table-cell;
  padding-right: 1em;
  box-sizing: border-box;
  white-space: nowrap;
  min-width: 150px;
}
#topics_box dl dd{
  display: table-cell;

}
#topics_box dl dd a{
  color: #000;
  text-decoration: none;
}
#topics_box dl dd a:hover{
  text-decoration: underline;
}
#topics_box dl dt .icon_topics_list{
	color: #69aeed;
}


#appearance_image{
  margin-bottom: 30px;
}

#anniversary_50 #honoring_monument{
  text-align: center;
  margin-bottom: 13px;
  line-height: 1;
}
#anniversary_50 #honoring_monument img{
  max-width: 787px;
  width: 100%;
}
#anniversary_50 #inscription{
  line-height: 1;
}
#anniversary_50 .text_left,
#anniversary_50 .text_right{
  width: 470px;
}
#anniversary_50 p{
  margin-bottom: 1em;
}



/****************************************************/

@media screen and (max-width: 750px) {
/****************************************************
    600px未満に適用
****************************************************/
#main_image{
  margin-bottom: 5px;
  margin-top: 20px;
}
#appearance_image{
  max-width: 712px;
  width: 95%;
  display: block;
  margin: 0 auto 30px;
}
#anniversary_50{
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
#anniversary_50 .text_left,
#anniversary_50 .text_right{
  width: 100%;
}
#inscription img{
  max-width: 118px;
  width: 25%;
}

/***************************************************/
}
}