@charset "utf-8";

img {
    display: block;
}
.topimg img {
    width: 100%;
    height: auto;
}
.top {
    margin-bottom: 0;
}
.top_image {
    margin-bottom: 0;
}
.nav,.category {
    display: none;
}



/* キャンペーン概要 */
.couples-pointinfo {
    text-align: center;
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.couples-pointinfo__text{
    /* margin-bottom: 10px; */
}
.couples-pointinfoLink{
    display: inline-block;
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: underline;
    color: #2990df;
    /* margin-bottom: 10px; */
}

.couples-pointLink__icon{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #fff;
    background: #ffcc00;
    border-radius: 50%;
    margin-right: 6px;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}


.cp-title{
}
.cp-titleImg{
    width: 100%;
    height: auto;
}
.cp-missionContents{
    background-color: #fefeb2;
    background-image:
        url(https://couples.jp/article/event/2026/camp/03_missioncomplete_cp/img/img_sakura.png),
        radial-gradient(#ffffff 15%, transparent 15.5%), radial-gradient(#ffffff 15%, transparent 15.5%);
    background-size: 
        100% auto,/* 桜：横幅いっぱい、高さは自動 */
        20px 20px, /* 水玉の間隔 */
        20px 20px; /* 水玉の間隔 */
    background-position:
        top center, 
        0 0,
        10px 10px;
    background-repeat: 
        no-repeat, /* 桜：繰り返さない */
        repeat,    /* 水玉：繰り返す */
        repeat;
    padding: 8% 9%;
}
.cp-missionList{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.cp-missionLItem{
    background: #fff;
    padding: 35px;
    border-radius: 10px;
    /* box-shadow: 水平 垂直 ぼかし 広がり 色; */
    box-shadow: 0 0 4px 1px #fdc964;
}
.cp-missionTitle{
width: 100%;
height: auto;
}
.cp-missionBtn{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    background: #ff4180;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    padding: 15px;
    font-size: 2rem;
    font-weight: bold;
}
.cp-missionBtn:hover{
    color: #fff !important;
}

.cp-mission__icon{
    padding-left: 35px;
    background: url(https://couples.jp/article/event/2026/camp/03_missioncomplete_cp/img/icon_entry.svg) no-repeat left 0 center;
    background-size: 20px 26px;
}
.cp-mission__icon--questionary{
    background: url(https://couples.jp/article/event/2026/camp/03_missioncomplete_cp/img/icon_questionary.svg) no-repeat left 0 center;
    background-size: 20px 26px;
}
.cp-missionEntry__text {
    font-size: 1.1rem;
    padding-left: 1rem;   /* 左側に余白を作る */
    text-indent: -1rem;  /* 1行目だけ左に突き出させる */
    text-align: left;
    margin: 10px auto 0; 
    width: fit-content;  /* 文字幅に合わせる */
}
.cp-pointContents{
    background-color: #fefeb2;
    background-image:
        url(https://couples.jp/article/event/2026/camp/03_missioncomplete_cp/img/img_nanohana.png),
        radial-gradient(#ffffff 15%, transparent 15.5%), radial-gradient(#ffffff 15%, transparent 15.5%);
    background-size: 
        100% auto,/* 菜の花：横幅いっぱい、高さは自動 */
        20px 20px, /* 水玉の間隔 */
        20px 20px; /* 水玉の間隔 */
    background-position:
        bottom center, 
        0 0,
        10px 10px;
    background-repeat: 
        no-repeat, /* 菜の花：繰り返さない */
        repeat,    /* 水玉：繰り返す */
        repeat;
    padding: 8% 9%;
    margin-bottom: 40px;
}

.cp-pointContents__info{
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    /* box-shadow: 水平 垂直 ぼかし 広がり 色; */
    box-shadow: 0 0 4px 1px #fdc964;
}
.cp-pointContents__infoList{
    width: 100%;
    height: auto;
}
.cp-missionBtnArea {
    width: 90%;
    margin: 40px auto 0;
}

/* 応募要項・応募フォーム*/
.m_cl {
    background-color: #ff4180;
    font-size: 2rem !important;
}
.camp_form h2 {
    background-color: #ff4180 !important;
}