@charset "UTF-8";
.header-next.campaign-top {
  background-image: url("../campaign/img/hero.jpg");
}

.panel-campaign {
  border: 1px solid #CCC;
  margin-bottom: 12px;
}

.panel-campaign .campaign-photo {
  text-align: center;
  background-color: #EFEFEF;
}

.panel-campaign .campaign-photo img {
  vertical-align: bottom;
}

.panel-campaign .dl-target-shop {
  border-bottom: 1px dashed #D6D6D6;
  padding-bottom: 6px;
}

.panel-campaign .dl-target-shop dt {
  display: inline-block;
  vertical-align: middle;
}

.panel-campaign .dl-target-shop dd {
  display: inline-block;
  margin-left: 0.4em;
  vertical-align: middle;
}

.panel-campaign .label-shop {
  color: #FFF;
  display: inline-block;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 16px;
}

.panel-campaign .dl-term {
  border-bottom: 1px dashed #D6D6D6;
  padding-bottom: 6px;
  padding-top: 6px;
}

.panel-campaign .dl-term dt {
  display: inline-block;
}

.panel-campaign .dl-term dd {
  display: inline-block;
  margin-left: 0.3em;
}

.panel-campaign .campaign-panel-main {
  padding: 6px 12px;
}

.panel-campaign .campaign-title {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  border-bottom: 1px dashed #D6D6D6;
}

.panel-campaign .campaign-title .title {
  margin-bottom: 0;
}

.panel-campaign .campaign-content {
  margin-top: 12px;
  margin-bottom: 12px;
}

.campaign-footer {
  text-align: center;
  margin-top: 12px;
  margin-bottom: 12px;
}

.col-side {
  margin-bottom: 40px;
}

.col-side .title {
  font-weight: 400;
  margin-bottom: 0;
}

.col-side .title.js-dropdown {
  position: relative;
  cursor: pointer;
}

.col-side .title.js-dropdown:before {
  font-family: FontAwesome;
  content: "";
  position: absolute;
  right: 12px;
}

.col-side .title-side {
  background-color: #F2F2F2;
  padding: 12px 20px;
}

.col-side .list-category {
  margin-bottom: 20px;
}

.col-side .list-category a {
  text-decoration: none;
  color: #111;
  padding: 12px 20px;
  display: block;
  border: 1px solid #F2F2F2;
  margin-top: -1px;
}

.col-side .list-category a:hover {
  background-color: #e3e3e3;
}

.area-social {
  margin-bottom: 20px;
}

.single-main-footer {
  margin-top: 20px;
  margin-bottom: 20px;
}

.single-main-footer .campaign-controls a {
  display: block;
  padding: 20px 24px;
  text-align: left;
  color: #111;
  text-decoration: none;
}

.single-main-footer .campaign-controls a:hover {
  background-color: #F2F2F2;
}

.single-main-footer span:empty {
  border: none;
}

.single-main-footer .link-previous {
  display: inline-block;
  text-align: center;
  border: 1px solid #CCC;
  float: left;
}

.single-main-footer .campaign-footer {
  clear: both;
  padding-top: 20px;
}

.single-main-footer .link-next {
  display: inline-block;
  text-align: center;
  border: 1px solid #CCC;
  float: right;
}

.single-main-footer .link-next a {
  text-align: right;
}

.area-social span,
.area-social .button-tw,
.area-social .button-mail {
  display: inline-block;
  margin-top: 8px;
  margin-bottom: 8px;
  vertical-align: bottom;
}
.link-wrapper{
	color: #000;
}

@media print, screen and (min-width: 741px){
  .header-next.campaign-top{
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .row-blog .col-main{
    /*width: 808px;*/
	  width: 888px;
  }
	.link-wrapper{
		text-decoration: none;
	}
  .panel-campaign{
    /*width: 715px;*/
    width: 795px;
    margin: auto;
    margin-bottom: 45px;
  }
  .panel-campaign .campaign-meta .text-date{
    font-size: 16px;
  }
  .panel-campaign .dl-target-shop{
    font-size: 18px;
  }
	.panel-campaign .campaign-photo.archive-photo{
		float: left;
		position: relative;
		overflow: hidden;
		width: 220px;
		height: 167px;
	}
	
	.panel-campaign .campaign-photo.archive-photo img {
    max-width: 220px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
	}
	/*.panel-campaign .campaign-photo{
		background-color:inherit;
	}*/
	
  .panel-campaign .campaign-panel-main{
    padding: 12px 24px;
	  color:#000;
  }
  .panel-campaign .campaign-panel-main.archive-panel{
	padding-left: 230px;
	}
  .panel-campaign .campaign-title{
    font-size: 24px;
	  padding-left: 0;
  }
	.panel-campaign .campaign-title .title{
	color: #000;
	}
	.panel-campaign .campaign-title .title{
	text-decoration: underline;
	}
	
  .campaign-footer{
    margin-top: 24px;
  }
  .col-side{
    /*width: 320px;*/
    width: 240px;
    margin-left: 0;
  }
  .col-side .title-side{
    font-size: 20px;
  }
  .col-side .panel-side{
    margin-bottom: 1.5em;
  }
  .single-main-footer{
    width: 695px;
    margin: auto;
    margin-bottom: 65px;
  }
  .single-main-footer .link-previous{
    width: 210px;
  }
  .single-main-footer .campaign-footer{
    padding-top: 40px;
  }
  .single-main-footer .link-next{
    width: 210px;
  }
}

@media only screen and (max-width: 740px){
  .header-next.campaign-top{
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .panel-campaign .label-shop{
    margin-left: 3px;
    margin-right: 3px;
  }
  .panel-campaign .campaign-title{
    font-size: 16px;
  }
  .col-side .title.js-dropdown + ul{
    display: none;
  }
  .col-side .title-side{
    font-size: 16px;
  }
  .single-main-footer .campaign-controls a{
    min-width: 80px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .area-social .button-tw{
    margin-right: 12px;
  }
}

/*# sourceMappingURL=page_campaign.css.map */