@charset "utf-8";
/* banner */
.banner-link {
    margin-top: 20px;
}

#sidebar {padding:1px 25px 25px 25px;}
#sidebar h4 {font-size: 18px;}
#sidebar dd, #sidebar dt {padding:6px 0;}
.account .section-wrapper {padding-bottom: 10px;}

.shiro {background-color:#fff; padding:0;}

.header-box {
  background-color:#fff;
}
.header-img{
  position: relative;
  z-index: 2;
}
.header-img img{
  width: 100%;
}
.attention-m20 {
  margin-top: 20px;
}
.leed {
  color: #666666;
  text-align: center;
  position: absolute;
  top: 50px;
  left: 20px;
  width: 53%;
  z-index: 2;

}
.leed .header-text {
	color: #ec6826;
	font-size: 1.7em;
	font-weight: bold;
  text-align: center;
	margin-bottom: -5px;
}
.leed .header-title {
  font-size: 2.8em;
  font-weight:bold;
  text-align: center;
  margin-top: 0;
  margin-bottom: 22px;

}
.leed .campaign-box {
  color: #fff;
  background-color: rgba(203, 143, 5 , 0.4);
  width: 96%;
  padding: 20px 0;
  margin: 0 auto;
  margin-top: 0!important;
}
.leed .campaign-title {
  font-size: 2.1em;
  text-align: center;
  margin: 0;
}
.leed .campaign-title span{
  font-size: 1.2em;
	font-weight: bold;
}
.leed .campaign-detail {
  font-size: 1.4em;
  text-align: center;
  margin-top: 5px;
}

@media screen and (min-width: 771px) and (max-width: 1050px){
  .leed {
    top: 10px;
    left: 20px;
    width: 65%;
  }
}

@media screen and (min-width: 321px) and (max-width: 770px){
  .header-img {
    position: relative;
    z-index: 2px;
	}
  .header-img img {
    width: 100%;
  }
  .leed {
    position: absolute;
    top: 65px;
    left: 0px;
    bottom: 0;
    width: 100%;
  }
  .leed .header-text {
  	font-size: 1.1em;
  }
  .leed .header-title {
    font-size: 2.2em;
    position: relative;
    z-index: 3;
  }
  .leed .campaign-box {
    width: 100%;
    padding: 20px 0 10px 0;
    position : absolute;
    bottom : 0;
  }
  .leed .campaign-title {
    font-size: 1.7em;
  }
  .leed .campaign-title span{
    font-size: 1.0em;
  }
  .leed .campaign-detail {
    font-size: 1.2em;
    margin-top: 0;
  }
}

@media screen and (max-width: 320px){
  .leed {
    position: absolute;
    top: 38px;
    left: 0px;
    bottom: 0;
    width: 100%;
  }
  .leed .header-text {
  	font-size: 1.2em;
  }
  .leed .header-title {
    font-size: 2.1em;
    padding-bottom: 30px;
  }
  .leed .campaign-box {
    width: 100%;
    padding: 20px 0 10px 0;
    position : absolute;
    bottom : 0;
  }
  .leed .campaign-title {
    font-size: 1.5em;
  }
  .leed .campaign-title span{
    font-size: 1.0em;
  }
}