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

@import "reset.css";
@import "base_sp_min.css";

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

 article style

********************/
html {
  background: url(../img/bg.jpg) repeat top center;
}
article {
  background-color: #fff;
  box-sizing: border-box;
  max-width: 960px;
  margin: 0 auto;
  width: 100%;
  padding: 2rem 2rem 0;
}
article header {
  box-sizing: border-box;
  margin: 0 auto 1em;
  width: 100%;
}
article .header-date {
  line-height: 1.3em;
  margin-bottom: .5em;
  text-align: right;
}
article h1 {
  border-top: 0.16rem solid #ff6623;
  border-bottom: 0.16rem solid #ff6623;
  background-color: #ffecc3;
  box-sizing: border-box;
  color: #622906;
  font-size: 1.77em;
  font-weight: bold;
  line-height: 1.8em;
  padding: .5em .8em;
  margin: 0 auto .4em;
}
article h2 {
  border-top: .22rem solid #ff6623;
  background-color: #ffecc3;
  box-sizing: border-box;
  color: #ff6623;
  font-weight: bold;
  font-size: 1.55rem;
  margin: 2em auto 1em;
  padding: .5em .6em .4em;
  line-height: 1.3em;
}
article p {
  color: #232323;
  line-height: 2.2em;
}
article p + p {
  margin-top: 1.5em;
}
article .red {
  color: #d80e0e;
}
article .fs-l {
  font-size: 1.55em;
}
article .bold {
  font-weight: bold;
}
article .mk {
  background: rgba(255,255,0,1);
  font-weight: bold;
}

.imgbox {
  margin: 2.6rem auto;
  text-align: center;
}
.imgbox + h2 ,
p + h2 {
  margin-top: 2em;
}
.imgbox a {
  display: inline-block;
  margin: 0 auto;
  width: auto;
  opacity: 1;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.imgbox a:hover {
  opacity: .7;
}
.btnbox {
  max-width: 734px;
  display: block;
  margin: 2.5rem auto 1rem;
  width: 100%;
}
.btnbox + .btnbox {
  margin-top: 1rem;
}
.dlbox {
  margin: 3rem auto;
}
.dlbox dt {
  color: #ff6623;
  font-size: 1.11rem;
  font-weight: bold;
  display: inline-block;
  border-bottom: .1em solid #ffbca9;
  line-height: 1.2em;
}
.dlbox dd {
  margin: 0 auto 1em;
}
/*-------------------------------------------
 footer
-----------------------------------------------*/
.footer-link {
  text-align: center;
  margin-top: 5em;
  margin-bottom: 1em;
}
.footer-link li{
  font-size: .95rem;
  margin-bottom: .4em;
}
.footer-link li a {
  color: #666;
}
#copy {
  text-align: center;
  font-size: .75em;
  color: #aaa;
  box-sizing: border-box;
  padding: .5em;
}



@media screen and (max-width:750px){
  article {
    padding: 1rem 1rem 0;
  }
  article h1 {
    font-size: 1.5em;
    line-height: 1.5em;
    padding: .5em .8em;
    margin: 0 auto .4em;
  }
}