@charset "UTF-8";

@font-face {
  font-family: 'Material Icons';
  src: url("/fonts/common/MaterialIcons-Regular.eot");
  /* IE */
  src: url("/fonts/common/MaterialIcons-Regular.woff") format("woff"), url("/fonts/common/MaterialIcons-Regular.ttf") format("truetype");
  /* iOS, Android */
}



.info-box-campaign{
	width: 100%;
	margin-bottom: 20px;
	background-color: #fff9c4;
    border-radius: 4px;
    box-shadow: rgba(4, 0, 0, 0.2) 0 1px 5px;
}

.info-box-campaign:hover{
	-webkit-box-shadow: rgba(4, 0, 0, 0.7) 0 1px 5px;
	box-shadow: rgba(4, 0, 0, 0.7) 0 1px 5px;
	opacity: .9;
}

.info-box-campaign .info-box-campaign-grid-cmn{
	padding: 14px 20px 14px 14px;
}
.info-box-campaign .info-box-campaign-grid-cmn .info-box-campaign-grid-cmn--body{
	display: table;
}
.info-box-campaign .info-box-campaign-grid-cmn .info-box-campaign-grid-cmn--body .info-box-campaign-grid-cmn--image{
	display: table-cell;
	width: 60px;
	vertical-align: top;
}
.info-box-campaign .info-box-campaign-grid-cmn .info-box-campaign-grid-cmn--body .info-box-campaign-grid-cmn--content{
	display: table-cell;
	padding-left: 14px;
	box-sizing: border-box;
}


/* Parts */
.info-box-campaign .info-box-campaign-link{
	display: block;
	position: relative;
	padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    color: #000;
    text-decoration: none;
}
.info-box-campaign .info-box-campaign-link .info-box-campaign-icon{
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	margin: auto;
}

.info-box-campaign .info-box-campaign-grid-cmn .info-box-campaign-grid-cmn--title{
	font-size: 115%;
	font-weight: bold;
	margin-bottom: 14px;
	line-height: 1.2;
}

.info-box-campaign .info-box-campaign-grid-cmn .info-box-campaign-grid-cmn--image img{
	width: 100%;
}

.info-box-campaign .info-box-campaign-grid-cmn .info-box-campaign-grid-cmn--content .mark{
	margin-bottom: 3px;
}
.info-box-campaign .info-box-campaign-grid-cmn .info-box-campaign-grid-cmn--content .mark + p{
	margin-top: 0;
}

/* botton */
.info-box-campaign-btn-cmn {
    display: block;
    margin: 0 -17px 50px 0 !important;
    text-align: center;
    letter-spacing: -.5em;
}
.contents p + .info-box-campaign-btn-cmn {
    margin-top: -20px;
}
.info-box-campaign-btn-cmn__item {
  display: inline-block;
  padding: 17px 17px 0 0;
  text-align: left;
  letter-spacing: normal;
  width: 100%;
  max-width: 327px;
}
.info-box-campaign-btn-cmn .info-box-campaign-btn-cmn__button--h2-arrow{
overflow: visible;
    font: inherit;
    background: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-appearance: none;
    display: block;
    border: 2px solid #b8b8b8;
    border-radius: 50px;
    text-align: center;
    font-weight: bold;
    color: #333;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    letter-spacing: -.5em;
    background: transparent;
    cursor: pointer;
    width: 100%;
}
.info-box-campaign-btn-cmn .info-box-campaign-btn-cmn__button--h2-arrow{
	font-size: 100%;
    line-height: 1.2;
    padding: 10px 40px 10px 40px;
}
.info-box-campaign-btn-cmn .info-box-campaign-btn-cmn__button--h2-arrow .info-box-campaign-btn-cmn__button-inner{
    padding-right: 20px;
}
.info-box-campaign-btn-cmn__button-inner {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    letter-spacing: normal;
}
.info-box-campaign-btn-cmn .info-box-campaign-btn-cmn__button--h2-arrow .info-box-campaign-btn-cmn__button-inner .info-box-campaign-btn-cmn__icon-arrow{
font-size: 14px;
}
.info-box-campaign-btn-cmn__icon-arrow {
    right: -0.28571em;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.info-box-campaign-btn-cmn__icon-arrow {
    content: '';
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    top: -1em;
    bottom: -1em;
    width: 1em;
    height: 1em;
    font-size: 1em;
    margin: auto;
    line-height: 1em;
    vertical-align: top;
    text-align: center;
    text-decoration: none;
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: normal;
    pointer-events: none;
    color: #666;
    background: 0 0 no-repeat;
    background-size: contain;
}

.info-box-campaign-btn-cmn .info-box-campaign-btn-cmn__button--h2-arrow:hover {
    background: #f2f2f2;
    -webkit-box-shadow: 0 1px 5px rgba(4, 0, 0, 0.35);
    box-shadow: 0 1px 5px rgba(4, 0, 0, 0.35);
}