@charset "UTF-8";
/* CSS Document */
/*----------------------------------------
wedding_gift
---------------------------------------- */
body#wedding_gift #wedding-gift_area{
    margin-bottom: 80px;
}
body#wedding_gift .wedding_gift_container ul,
body#wedding_gift .wedding_gift_container li{
    margin: 0;
    padding: 0;
}
body#wedding_gift .wedding_gift_container{
    margin-bottom: 100px;
}
body#wedding_gift .wedding_gift_container img{
    width: 100%;
    height: auto;
}
body#wedding_gift{
    line-height: 140%;
    text-align: justify;
}
body#wedding_gift div.contents_title{
    letter-spacing: 1px;
}
body#wedding_gift div.wedding_gift_container h2{
    height: 16px;
    display: block;
    background: url(/images/icon02.png) left center no-repeat;
    color: #e79999;
    text-indent: 16px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}
body#wedding_gift span.bold{
    font-weight: 700;
    margin-bottom: 5px;
    display: inline-block;
}
body#wedding_gift .mt100{
    margin-top: 100px;
}
body#wedding_gift .whats{
    margin-top: 30px;
}
body#wedding_gift p.txt{
    padding: 20px 0;
}
body#wedding_gift .wedding_gift_container ul.whats_list{
    margin-top: 25px;
}
body#wedding_gift .whats li{
    margin-bottom: 30px;
}
body#wedding_gift li .whats_detail_inner{
    background-color: #F8F8F8;
    padding: 15px;
    border-radius: 10px;
}
body#wedding_gift li .whats_detail_inner h3{
    font-size: 18px;
    font-weight: 700;
    color: #75747B;
    text-indent: 0;
    margin: 0;
}
body#wedding_gift li .short_txt{
    font-size: 15px;
    line-height: 120%;
    font-weight: 700;
    color: #75747B;
    margin-top: 10px;
}
body#wedding_gift li .invisible{
    padding-top: 30px;
}
body#wedding_gift li .long_txt{
    font-size: 15px;
    line-height: 135%;
}
body#wedding_gift li .whats_image{
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
}
body#wedding_gift li .whats_image .images_inner{
    width: 48%;
}
body#wedding_gift li .whats_image img{
    width: 100%;
    height: auto;
    border: 1px solid #C0C0C0;
    background-color: #fff;
}
body#wedding_gift li .whats_image .images_inner:first-of-type{
    margin-bottom: 15px;
}
body#wedding_gift li .btn_detail{
    text-align: right;
    font-size: 15px;
    margin: 0 10px;
    margin-top: 10px;
    text-decoration: underline;
    cursor: pointer;
}
body#wedding_gift li .btn_detail:active{
    cursor: pointer;
    text-decoration: none;
}
body#wedding_gift li .btn_detail p:before {
    content: '\25BC';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-size: contain;
    vertical-align: middle;
}
body#wedding_gift li .btn_detail p.close:before {
    transform: rotate(-180deg);
    margin-bottom: 5px;
}
body#wedding_gift .link_btn{
    margin: 0 auto;
    width: 100%;
    max-width: 460px;
}
body#wedding_gift li .link_btn:first-of-type{
    margin-right: 5%;
}
body#wedding_gift .link_btn a{
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #fff;
    background-color: #D10054;
    border: 1px solid #D10054;
    padding: 15px;
    margin: 20px 0;
    display: block;
    font-weight: 700;
    border-radius: 30px;
    text-align: center;
    text-decoration: none;
    transition: opacity .25s ease;
    cursor: pointer;
}
body#wedding_gift .link_btn:active a{
    color: #D10054;
    background-color: #fff;
    border: 1px solid #D10054;
}
body#wedding_gift .link_section{
    margin-top: 20px;
    display:flex;
    flex-flow:row wrap;
    align-items: center;
}
body#wedding_gift .link_section a{
    margin: 10px 0 ;
}
body#wedding_gift .article_section ul,
body#wedding_gift .category_section ul,
body#wedding_gift .gift_set_section ul.products,
body#wedding_gift ul.detail_list{
    display:flex;
    flex-flow:row wrap;
    justify-content: space-between;
    margin-top: 25px;
}
body#wedding_gift .article_section ul li{
    width: 48%;
    margin-bottom: 20px;
}
body#wedding_gift .article_section ul li img{
    width: 100%;
}
body#wedding_gift .article_section ul li .article_inner a{
    font-size: 14px;
    color: #75747B;
    text-decoration: none;
}
body#wedding_gift .article_section ul li .link_ttl{
    margin-top: 5px;
    line-height: 145%;
    font-size: 12px;
}
body#wedding_gift .article_section ul li .article_inner a span{
    border-bottom: 1px dotted #444;
}
body#wedding_gift .article_section ul li .article_inner:active span{
    border-bottom: none;
}
body#wedding_gift .category_section ul li{
    width: 23%;
    margin-bottom: 20px;
    border:1px solid #75747B;
    position: relative;
    display:flex;
    flex-direction: column;
}
body#wedding_gift .category_section ul li a,
body#wedding_gift .category_section .gift_card_area a,
body#wedding_gift .gift_set_section .gift_set_images a,
body#wedding_gift .gift_set_section ul.products li a,
body#wedding_gift ul.detail_list li a,
body#wedding_gift .wrapping_area a{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
body#wedding_gift .category_section ul li .category_image{
    padding: 5px;
}
body#wedding_gift .category_section ul li .category_name{
    color: #fff;
    background-color: #75747B;
    border-top:1px solid #75747B;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    padding: 5px;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
body#wedding_gift .category_section ul li:active{
    border:1px solid #D10054;
}
body#wedding_gift .category_section ul li:active .category_image img,
body#wedding_gift .category_section .gift_card_area:active img,
body#wedding_gift .gift_set_section .gift_set_images:active img,
body#wedding_gift .gift_set_section .products li:active img,
body#wedding_gift ul.detail_list li:active img,
body#wedding_gift .wrapping_section:active .wrapping_image img{
    opacity: 0.7;
}
body#wedding_gift .category_section ul li:active .category_name{
    color: #D10054;
    border-top:1px solid #D10054;
    background-color: #fff;
}
body#wedding_gift .category_section .gift_card_area{
    background-color: #F8F8F8;
    padding: 20px;
    position: relative;
}
body#wedding_gift .category_section .card_txt{
    margin-top: 10px;
}
body#wedding_gift .category_section .gift_card_area p{
    font-size: 14px;
}
body#wedding_gift .category_section .gift_card_area:active p{
    color: #D10054;
}
body#wedding_gift .gift_set_section .gift_set_images{
    border: solid 1px #D10054;
    padding: 5px;
    margin-top: 14px;
    position: relative;
}
body#wedding_gift .gift_set_section .gift_set_heading{
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    line-height: 120%;
}
body#wedding_gift .gift_set_section .gift_set_txt{
    font-size: 14px;
    margin-top: 10px;
    line-height: 120%;
}
body#wedding_gift .gift_set_section ul.products li{
    width: 25%;
    position: relative;
}
body#wedding_gift .gift_set_section .select_products_area{
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
}
body#wedding_gift span.strong{
    color: #D10054;
}
body#wedding_gift span.line{
    background-color: #F9E4ED;
    padding: 0 10px;
}
body#wedding_gift .gift_ranking_section ul.ranking_list{
    counter-reset: number 0;
}
body#wedding_gift ul.detail_list li{
    width:45%;
    margin-bottom: 30px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
body#wedding_gift .gift_ranking_section ul.ranking_list li:before {
    counter-increment: number 1;
    content: counter(number) " ";
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    border-radius: 50%;
    color: #CB035C;
    background-color: #EFB2CE;
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    z-index: 2;
}
body#wedding_gift .gift_ranking_section ul.ranking_list li:first-of-type:before{
    color: #fff;
    background-color: #CB035C;
}
body#wedding_gift ul.detail_list li .products_photo{
    border:1px solid #75747B;
    padding: 5px;
}
body#wedding_gift ul.detail_list li p{
    line-height: 130%;
    font-size: 13px;
    margin-top: 10px;
    flex: 2 0 auto;
}
body#wedding_gift p.name{
    text-decoration: underline;
}
body#wedding_gift ul li:active p.name{
    text-decoration:none;
}
body#wedding_gift ul li p.price{
    font-size: 18px;
}
body#wedding_gift .wrapping_area{
    position: relative;
    margin-top: 20px;
}
body#wedding_gift .wrapping_section .wrapping_image{
    margin-right: 2%;
}
body#wedding_gift .wrapping_section .wrapping_txt{
    margin-top: 10px;
}
/*------------ 共通 PC  ------------*/
@media screen and (min-width: 950px) {
    body#wedding_gift li .btn_detail:hover{
        cursor: pointer;
        text-decoration: none;
    }
    body#wedding_gift .link_btn:hover a{
        color: #D10054;
        background-color: #fff;
        border: 1px solid #D10054;
    }
    body#wedding_gift .article_section ul li .article_inner:hover span{
        border-bottom: none;
    }
    body#wedding_gift .category_section ul li:hover{
        border:1px solid #D10054;
    }
    body#wedding_gift .category_section ul li:hover .category_image img,
    body#wedding_gift .category_section .gift_card_area:hover img,
    body#wedding_gift .gift_set_section .gift_set_images:hover img,
    body#wedding_gift .gift_set_section .products li:hover img,
    body#wedding_gift ul.detail_list li:hover img,
    body#wedding_gift .wrapping_section:hover .wrapping_image img{
        opacity: 0.7;
    }
    body#wedding_gift .category_section ul li:hover .category_name{
        color: #D10054;
        border-top:1px solid #D10054;
        background-color: #fff;
    }
    body#wedding_gift .category_section .gift_card_area:hover p{
        color: #D10054;
}
    body#wedding_gift li .whats_detail_inner {
        padding: 30px;
    }
    body#wedding_gift li .visible{
        display: flex;
        flex-wrap: nowrap;
    }
    body#wedding_gift li .whats_detail_inner h3{
        width: 40%;
    }
    body#wedding_gift li .short_txt{
        margin-top: 0;
        font-size: 1.8rem;
        line-height: 140%;
        font-weight: 700;
        color: #75747B;
        width: 60%;
    }
    body#wedding_gift li .invisible .contents_detail{
        display: flex;
        flex-wrap: nowrap;
    }
    body#wedding_gift li .invisible .long_txt{
        width: 50%;
    }
    body#wedding_gift li .invisible .whats_image{
        width: calc( 50% - 20px);
        margin-left: 20px;
        margin-top: 0;
    }
    body#wedding_gift li .invisible .link_wrapper{
        display: flex;
        flex-wrap: nowrap;
    }
    body#wedding_gift .article_section ul,
    body#wedding_gift .category_section ul,
    body#wedding_gift .category_section .gift_card_area,
    body#wedding_gift .gift_set_section ul.products,
    body#wedding_gift ul.detail_list,
    body#wedding_gift .wrapping_area,
    body#wedding_gift .gift_set_outer{
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        margin-top: 25px;
    }
    body#wedding_gift .article_section ul li {
        width: 23%;
        margin-bottom: 20px;
    }
    body#wedding_gift .article_section ul li .link_ttl{
        font-size: 15px;
    }
    body#wedding_gift .category_section ul li {
        width: 15%;
    }
    body#wedding_gift .category_section .gift_card_area{
        max-width: 800px;
        margin: 0 auto;
        margin-top: 20px;
    }
    body#wedding_gift .category_section .card_image {
        width: 50%;
        margin-right: 2%;
    }
    body#wedding_gift .category_section .card_txt {
        width: 48%;
    }
    body#wedding_gift .gift_set_outer .gift_set_images_outer{
        width: calc( 40% - 20px );
        margin-right: 20px;
    }
    body#wedding_gift .gift_set_outer .gift_set_txt_outer{
        width: 60%;
    }
    body#wedding_gift .gift_set_section .gift_set_heading{
        font-size: 1.8rem;
    }
    body#wedding_gift ul.detail_list li {
        width: 22%;
    }
}