@charset "utf-8";

@import url(/campaign/css/campaign-detail.css);

.c-bg-e4f{background-color: #e4f4fe;}
.fw-n{font-weight: normal !important;}
.mt0{margin-top:0 !important;}
.mt20{margin-top:20px !important;}
.mb30{margin-bottom: 30px !important;}
.mtb0-54{margin: 0px -54px -54px !important;}
.ml0{margin-left: 0px !important;}
.p0{padding: 0 10px 16px;}
.max-w250{max-width: 250px;}
.max-w773{max-width: 773px;}
.m-auto{margin: 0 auto;}
.m-30-20{margin: -30px -20px 0px !important;}
.m-30b-20{margin: -30px 0px 0px -22px !important;}
.w65p{width: 65%;}
.col-copy-01{
    width: 68.045045% !important;
    margin: 0;
}
.col-copy-01-01{
    width: 75%;
    float: right;
    margin-right: -50px;
    margin-top: -20px;
}
.col-copy-02{
    width: 23.045045% !important;
    margin: 0;
}

.c-list-02 li:before {
    display: inline-block;
    content: counter(num) ".";
    width: 1.25em;
    color: #535252;
    text-align: right;
    margin-right: .375em;
}

.bonus-border{
    border-radius: 10px;
    border: 2px dashed #48B8FF;
    padding: 0 9px 35px;
    margin: 0px 35px;
}
.c-bonus01-box{
    padding: 20px 10px;
    background-color: #fff;
    border: 3px solid #00cc33;
}
.c-bonus01-box01{
    border-radius: 10px;
    margin-top: 15px;
    max-width: 100%;
    text-align: center;
}

.c-bonus02-box{
    margin: 0px 0px -16px;
    background-color: #fff;
    padding: 30px 10px 10px;
}
.c-bonus02-01-box{
    color: #fff;
    background-color: #1558B1;
    border-radius: 10px;
    padding: 5px 0 15px;
}
.c-bonus03-box{
    margin: 0 10px;
}
.c-bonus04-box{
    margin: 10px -10px -16px;
    background-color: #eb5505;
    color: #fff;
    padding: 15px 0 10px;
}

.c-btn01{
    margin: 20px 10px -20px;
}
.c-bonus01{
    border: 1px solid #b3b3b3 !important;
    background-color: #fff;
}
.c-anchorLinks-01 {
    list-style: none;
    margin: 0px -18px -10px;
    padding: 0;
}
.c-column-group .col-unit-1\/2:first-child {
    margin-left: 15px;
}
.c-column-group .col-unit-1\/2 {
    float: left;
    display: block;
    width: 48.571429%;
    margin-left: -1.857143%;
}
.img-auto-r {
    margin-right: 25px !important;
    margin-left: auto;
}
.img-auto-l {
    margin-right: auto;
    margin-left: 25px !important;
}
.boder-col-red{
    border: 3px solid #00cc33;
    padding: 0 10px 24px;
    }
@media only screen and (max-width: 1015px){
.bonus-border{
    border-radius: 10px;
    border: 2px dashed #48B8FF;
    padding: 0 9px 35px;
    margin: 0px 0px;
}
}
@media only screen and (max-width: 770px){
.col-copy-01{
    width: 68.045045% !important;
    margin: 0 auto;
}
.col-copy-02{
    width: 23.045045% !important;
    margin: 0 auto;
}
}
@media only screen and (max-width: 640px){
.img-auto-r {
    margin-right: auto !important;
    margin-left: auto;
}
.img-auto-l {
    margin-right: auto;
    margin-left: auto !important;
}
.c-column-group .col-unit-1\/2:first-child {
    margin-left: 0;
}
.c-column-group .col-unit-1\/2 {
    float: left;
    display: inline;
    width: 48.57142857142857%;
    margin-left: 2.857142857142857%;
}
.c-heading3-01 h2.fnt-100, .c-heading3-01 h3.fnt-100 {
    border: 0;
    font-size: 100%;
    padding-bottom: 0;
}
.c-font-h3{
    font-size: 170% !important;
    padding-left: 10px;
}
.c-btn-01 {
    margin-top: 10px;
}
.mtb0-54{margin: -15px -10px !important;}
.bonus-border{
    border-radius: 10px;
    border: 2px dashed #48B8FF;
    padding: 0 9px 20px;
    margin: 0px 0px;
}
}
@media only screen and (max-width: 640px){
.c-column-group .col-unit-1\/2.bonus-unit01 {
    margin-top: 0px;
    float: left;
    display: inline;
    width: 48.57142857142857%;
    margin-left: 1.25%;
}
}

.c-accordion-01>.item>.head:hover {
    cursor: pointer;
    opacity: .7;
    filter: alpha(opacity=70);
}
.c-accordion-01>.item>.head {
    padding: 17px 54px 13px 0;
    font-size: 125%;
    color: #535252;
    font-weight: bold;
    position: relative;
}
.c-accordion-01>.item>.head:before {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: solid 1px #d4d5d5;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -15px;
    content: "";
    background: #fff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#fff 0,#f3f3f3 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f3f3f3));
    background: -webkit-linear-gradient(top,#fff 0,#f3f3f3 100%);
    background: -o-linear-gradient(top,#fff 0,#f3f3f3 100%);
    background: -ms-linear-gradient(top,#fff 0,#f3f3f3 100%);
    background: linear-gradient(to bottom,#fff 0,#f3f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3',GradientType=0);
}
.c-accordion-01>.item {
    border-bottom: 1px solid #d4d5d5;
    background-color: #fff;
	padding-bottom: 4px;
}
.border00B {
    border-bottom: 0px solid #d4d5d5;
}
.border00T {
    border-top: 0px solid #d4d5d5;
	margin-top: 1.5em;
	margin-bottom: 1.5em!important;
}
.c-accordion-01>.item>.head:after {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 29px;
    content: "";
    background: url(/assets/img/arrows_01_@2x.png) no-repeat -28px 0;
    background-size: auto 23px;
}
.head.border01{
    padding-left: 10px;
}
.head.border01.opened{
    border: none;
}
@media only screen and (max-width: 640px){
.c-accordion-01>.item>.head {
    padding: 0;
    font-size: 125%;
    color: #535252;
    font-weight: bold;
    position: relative;
}
.c-accordion-01>.item {
    border-bottom: 1px solid #d4d5d5;
    background-color: #fff;
	padding-bottom: 15px;
}
.c-accordion-01>.item>.head:before {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: solid 1px #d4d5d5;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -15px;
    content: "";
    background: #fff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#fff 0,#f3f3f3 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f3f3f3));
    background: -webkit-linear-gradient(top,#fff 0,#f3f3f3 100%);
    background: -o-linear-gradient(top,#fff 0,#f3f3f3 100%);
    background: -ms-linear-gradient(top,#fff 0,#f3f3f3 100%);
    background: linear-gradient(to bottom,#fff 0,#f3f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3',GradientType=0);
}
.c-accordion-01>.item>.head:after {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 9px;
    content: "";
    background: url(/assets/img/arrows_01_@2x.png) no-repeat -28px 0;
    background-size: auto 23px;
}
}


/* Add module */
.c-bonus-3col-pc {
	background-color: #fff;
    padding: 10px;
    height: 370px;
	border: 1px solid #d4d4d4;
}

.c-bonus-3col-sp {
	background-color: #fff;
    padding: 10px;
	border: 1px solid #d4d4d4;
}

.c-column-group .col-unit-1\/3 {
	width: 32.01058%;
    margin-left: 1.357143%;
}

.on-btn {
	position: relative;
}

.modal-btn {
	position: absolute;
    left: 39.5%;
    top: 86%;
    padding: 16px 49px 14px 36px;
}

@media only screen and (max-width: 640px) {
	.c-column-group .col-unit-1\/2, .c-column-group .col-unit-1\/3 {
		display: inline-block;
		margin-top: 0;
		float: left;
	}
}

@media only screen and (max-width: 640px) {
	.c-column-group {
		max-width: 756px;
		width: 100%;
	}
}

.adjust-img {
	max-width: 976px;
	width: 100%;
}

@media only screen and (max-width: 640px) {
	.adjust-img {
		max-width: 864px;
		width: 100%;
	}
}

.adjust-pd {
	padding-top: 40px;
    padding-bottom: 30px;
}

@media only screen and (max-width: 640px) {
	.adjust-pd {
		padding-top: 24px;
		padding-left: 10px;
		padding-bottom: 18px;
		padding-right: 10px;
	}
}

@media only screen and (max-width: 768px) {
	.modal-btn {
		left: 34.5%;
	}
}

@media only screen and (max-width: 450px) {
	.modal-btn {
		left: 26.5%;
    	top: 85%;
	}
}

@media only screen and (max-width: 390px) {
	.modal-btn {
		left: 23.5%;
	}
}

@media only screen and (max-width: 330px) {
	.modal-btn {
		left: 18.5%;
    	top: 83%;
	}
}

@media only screen and (max-width: 1015px) {
	.pd50 {
		padding-left: 50px!important;
	}
}

.modal-icon:after {
	width: 18px;
    height: 65%;
    background-image: url(/campaign/2019/20190703_summer_bonus/img/icon_open_pc.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    position: absolute;
    right: 21px;
    content: "";
	top: 17px;
}