@charset "UTF-8";

#cru-cial_20210415{
    width: 990px;
    text-align: center;
    font-size: 16px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#cru-cial_20210415 a{
    text-decoration: none;
}

#cru-cial_20210415 .link_hover{
    text-decoration: none;
    transition: .4s;
}

#cru-cial_20210415 .link_hover:hover{
    opacity: .7;
    cursor: pointer;
}

/*ナビ*/
#cru-cial_20210415 .navi{
    display: flex;
    justify-content: space-between;
    margin-top: 2px;
    margin-bottom: 50px;
}

#cru-cial_20210415 .navi li:first-of-type,
#cru-cial_20210415 .navi li:nth-of-type(2),
#cru-cial_20210415 .navi li:nth-of-type(3){
    width: 247px;
}

#cru-cial_20210415 .navi li:last-of-type{
    width: 245px;
}

/*コンテンツ*/
#cru-cial_20210415 .cont_wrap{
    position: relative;
}

#cru-cial_20210415 .cont01,
#cru-cial_20210415 .cont02,
#cru-cial_20210415 .cont03{
    top: 50px;
    z-index: 1;
    position: relative;
}

/*タイトル*/
#cru-cial_20210415 h3{
    position: absolute;
    z-index: 2;
}
/*cru-cialの御朱印帳*/
#cru-cial_20210415 .cont01{
    background-image: url(../../../images/campaign/20210415_cru-cial/cont01_bg01.png);
    background-size: cover;
    padding: 80px 0 60px;
}

#cru-cial_20210415 .concept{
    position: relative;
    padding-bottom: 20px;
}

#cru-cial_20210415 .cont01::after{
    content: "";
    background-image: url(../../../images/campaign/20210415_cru-cial/cont01_bg02.png);
    width: 990px;
    height: 1234px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 484px;
    background-repeat: no-repeat;
}

#cru-cial_20210415 .concept_cont{
    width: 920px;
    margin: 0 auto;
    display: block;
    z-index: 3;
    position: relative;
}

#cru-cial_20210415 .concept_item{
    display: flex;
    margin-bottom: 40px;
    width: 807px;
}

#cru-cial_20210415 .concept_item:last-of-type{
    margin-bottom: 0;
}

#cru-cial_20210415 .concept_item .work_img{
    width: 348px;
}

#cru-cial_20210415 .concept_item dl{
    margin-left: 26px;
    text-align: left;
}

#cru-cial_20210415 .concept_item dl dt{
    border-bottom: 1px solid #6e5916;
    width: 433px;
}

#cru-cial_20210415 .concept_item dl dt img{
    margin-bottom: 14px;
}

#cru-cial_20210415 .concept_item dl dd{
    color: #846b1d;
    margin-top: 15px;
}

#cru-cial_20210415 .concept_item:nth-of-type(2){
    flex-flow: row-reverse;
    float: right;
}

#cru-cial_20210415 .concept_item:nth-of-type(2) dl{
    margin-right: 26px;
    text-align: right;
}

/*cont2、cont3*/
#cru-cial_20210415 .cont02 ul,
#cru-cial_20210415 .cont03 ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 35px 0;
}


#cru-cial_20210415 .cont02 ul li,
#cru-cial_20210415 .cont03 ul li{
    width: 286px;
}


#cru-cial_20210415 .cont02 ul li img,
#cru-cial_20210415 .cont03 ul li img{
    width: 286px;
    height: 253px;
    border: 1px solid #e6e6e6;
}

#cru-cial_20210415 .cont02 ul li p,
#cru-cial_20210415 .cont03 ul li p{
    margin-top: 14px;
    text-align: left;
    color: #505050;
}

#cru-cial_20210415 .cont02 ul li .txt01{
    color: #d7573a;
    font-weight: bold;
}

#cru-cial_20210415 .cont03 ul li .txt01{
    color: #846b1d;
    font-weight: bold;
}

#cru-cial_20210415 .cont02 ul li .txt02,
#cru-cial_20210415 .cont03 ul li .txt02{
    font-weight: normal;
    text-align: center;
}

#cru-cial_20210415 .cont02 .link_btn,
#cru-cial_20210415 .cont03 .link_btn{
    display: block;
    margin: 40px auto 0;
    width: 552px;
}

/*御朱印帳*/
#cru-cial_20210415 .cont02{
    background-image: url(../../../images/campaign/20210415_cru-cial/cont02_bg.png);
    background-size: cover;
    z-index: 1;
    margin: 130px 0 0;
    padding: 104px 0 60px;
}

/*小物・文房具*/
#cru-cial_20210415 .cont03{
    background-image: url(../../../images/campaign/20210415_cru-cial/cont03_bg.png);
    background-size: cover;
    z-index: 1;
    margin: 130px 0 0;
    padding: 104px 0 60px;
}

/*一覧ボタン*/
#cru-cial_20210415 .link_btn img{
    margin: 0 auto;
}

/*一覧バナー*/
#cru-cial_20210415 .bnr{
    margin: 100px auto 0;
    width: 800px;
}

#cru-cial_20210415 .bnr img{
    margin: 0 auto;
}

/*表示切替*/
#cru-cial_20210415 .pc{
    display: block;
}

#cru-cial_20210415 .sp{
    display: none;
}