@charset "UTF-8";
/*閉鎖*/
.main_visual{
    position: relative;
}
.end_box {
    background: rgba(0,119,73,0.9);
    text-align: center;
    font-weight: bold;
    color: #fff;
/*    padding: 5% 0;*/
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.end_box p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    font-size: 200%;
}

@media screen and (max-width:767px){
    .end_box p{
        font-size: 120%;
    }
}


/* common */
#cp_main {
	font-family: "Noto Sans JP", sans-serif;
	margin-top: 70px;
}
#cp_main h1 {
	font-size: 150%;
}
#cp_main h2 {
	font-size: 130%;
}

.tl{
    text-align: left;
    display: inline-block;
    margin: 20px auto 30px auto;
    line-height: 1.5!important;
}

.tl span{
    border-bottom: 1px solid #fff;
    display: block;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

#join_top .btn-primary{
    background: #fff!important;
    color: #007749;
}

#join_bottom .btn-primary{
    background: #007749!important;
    color: #fff;
}

#entry .btn-primary{
    background: #007749!important;
    color: #fff;
}

#cp_main #join_top,
#cp_main #share,
#cp_main #target{
/*	background-color: #007749!important;*/
    color: #fff!important;
}

#join_top .text-muted{
    color: #fff!important;
}

#note .text-muted,
#note h3{
/*    color: #000!important;*/
}
#note h3{
/*    border-color: #007749!important;*/
}

#present{
    background-color: #fff;
    color: #007749!important;
}

#entry,
#join_bottom{
    background-color: #fff;
}

.text-danger{
    color: #fff;
}

#entry .text-danger{
    color: #fff;
}

#entry .receipt-image{
    color: #000;
}

.bg_color{
    background: linear-gradient(131deg, #07BA66 21.78%, #007749 49.16%, #012A1A 100%);
    color: #fff;
}

#entry .list-group-item{
    background-color: #fff !important;
    color: #000;
}

#present .container{
    max-width: 1500px;
}

#cp_main #present .title {
    font-size: 200%!important;
}
#cp_main #present .text {
    line-height: 1.8!important;
    font-size: 130%!important;
    font-weight: 400;
}

#cp_main nav a img,
#cp_main #entry .list-group-item .image img,
#cp_main #entry .receipt-image p img{
    filter: brightness(0) saturate(100%) invert(30%) sepia(83%) saturate(992%) hue-rotate(123deg) brightness(89%) contrast(101%);
}

#cp_main #entry .list-group-item h4 img{
    filter: brightness(0) saturate(100%)
}

#entry .receipt-image .text-danger{
    color: #007749!important;
}
.disc,
.asterisk{
    display: block;
    text-indent: -1em;
    margin-left: 1em;
}

.disc::before{
    content: '・'
}
.asterisk::before{
    content: '※'
}

#entry h2,
#entry h3,
#entry .receipt-ok h4,
#note h3,
#join_bottom h2,
#share h2:after,
#contact h2:after {
	color: #007749;
}

#present .item,
#entry .detail,
#entry .receipt-title,
.btn-primary {
	border-color: #007749 !important;
}

#cp_main #target .item {
    width: 100%;
    max-width: none;
}

#target .text{
    font-weight: 400;
}

#cp_main .container form .form-row{
    justify-content: center;
}

#target .container .row{
    display:block;
}

@media screen and (max-width:575px){
    #cp_main #present .title {
        font-size: 140% !important;
        margin-top: 20px;
    }
    #cp_main #present .text{
        font-size: 110%!important;
    }
}



/* md and up */
@media (min-width: 768px) {
	#cp_main h1 {
		font-size: 200%;
	}
	#cp_main h2 {
		font-size: 180%!important;
	}
}