@charset "UTF-8";
.site-main{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:normal;
}
.about li{list-style: none;}

.tsumugu_series{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0 ;
}
.tsumugu_series li{
    margin:0 2.564102564vw 5.128205128vw;
}
.tsumugu_series li{width: 34.102564103vw;}

.tsumugu_series li img{height:auto;width: 100%;}


.main_box  b,
.main_box  span{
    display:block;
}
.main_box .catch{
    font-size:4.615384615vw;
    line-height:1em;
    text-align:center;
    margin-bottom:2.564102564vw;
}


/* edit_box */
.edit_box{
    padding-bottom:15.38461538vw;
}
.edit_box_inner{
/*    margin-top:7.371794872vw;*/   
    position:relative;
}

.edit_box img{
    height:auto;
    max-width: inherit;
    width:100%;
}
.editpoint{
    position:absolute;
}
.phone img{
    height:auto;
    width:53.84615385vw;
}
.edit1{
    top:-7.948717949vw;
    left:1.923076923vw
}
.edit2{
    top:2.115384615vw;
    right:2.564102564vw;
}
.edit3{
    bottom:18.78205128vw;
    left:5.320512821vw;
}
.edit4{
    bottom: 20.871795vw;
    right: 3.75641vw;
}
.edit1 img{height:auto;width:31.15384615vw;}
.edit2 img{height:auto;width:32.88461538vw;}
.edit3 img{height:auto;width:29.03846154vw;}
.edit4 img{height:auto;width:29.03846154vw;}

.edit_point_txt{
    display: flex;
    justify-content: space-between;
    margin:0 0 10.25641026vw;
    padding:0;
}
.edit_point_txt li{
    background-color:#E6E6E6;
    font-size:4.102564103vw;
    text-align:center;
    font-weight: 700;
    line-height:6.153846154vw;
    padding:2.564102564vw 0;
    width:48.71794872vw;
}
.edit_point_txt li:nth-of-type(1){border-radius:0 10px 10px 0;}
.edit_point_txt li:nth-of-type(2){border-radius: 10px 0 0 10px;}

.movie_box{
    background-color:#E6E6E6;
    border-radius: 10px;
    margin:0 3.846153846vw;
    padding:3.846153846vw 3.846153846vw 5.128205128vw;
}
.movie_img img{
    height:auto;
    width:84.61538462vw;
}


/* print_box */
.print_box{
    background-color:#EEEEEE;
    margin:0 auto 15.38461538vw;
    padding:15.38461538vw 3.846153846vw;
}
.print_item1{
    border-bottom:1px solid #000;
    padding-bottom:10.25641026vw;
}
.print_img img{
    height:auto;
    width:100%;
}   


/* price */
.price_box{
    padding:0 0 15.38461538vw;
}
.price_point {
    display: flex;
    justify-content: center;
    padding:0;
}
.price_point li {
    display: flex;
    height:24.87179487vw;
    width:24.87179487vw;
    border-radius: 50%;
    background:#EE1E1E;
    color:#fff;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.price_point li span {
    white-space: normal;
}
.price_point li{
    line-height:1.4em;
    font-size:4.456410256vw;
    margin:0 1.794871795vw;
}
.db{display:block;}

.price_point li b{
    font-size:7.179487179vw;
}
.price_point li b.fs32{
    font-size:8.205128205vw;
}
.lh05{line-height:0.5em;}
.lh1{line-height:1em;}

.box {
    position:relative;
    padding-top:12.82051282vw;
}
.box .price_toggle {
    color:#2C2C2C;
    display:flex;
    align-items:center;
    justify-content:center;
    
    position:absolute;
    top:0;
    cursor:pointer;
    box-sizing: border-box;
    margin:0;
    height:12.82051282vw;
    padding:3.846153846vw 6.923076923vw 3.846153846vw 14.61538462vw;
    font-size:3.5897435vw;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:bold;
    text-align:center;
    width:45.64102564vw;
}
.box .price_toggle img{
    position:absolute;
    top:3.064102564vw;
    left:6.923076923vw;
    height:auto;
    width:7.692307692vw;
}
.price_toggle_nenga{
    left:0;
    background:#FEEAF3;
    border-radius:10px 10px 0 0;
}
.price_toggle_postcard{
    right:0;
    background:#DAEEFC;
    border-radius:10px 10px 0 0;
}

.price_box h4{
    font-size:3.58974359vw;
    text-align:center;
}
table.table_layout{
    background:#fff;
    border-top:1px solid #E6E6E6;
    border-left:1px solid #E6E6E6;
    margin:0 auto 2.564102564vw;
    width:84.61538462vw;
}
.postcard_price table.table_layout{
    margin:0 auto 5.897435897vw;
}
.table_layout th,
.table_layout td{
    border-top:none;
    border-left:none;
    border-right:1px solid #E6E6E6;
    border-bottom:1px solid #E6E6E6;
    text-align:center;
}
.table_layout thead th{
    background:#F5F5F5;
    font-size:3.076923077vw;
}
.table_layout th.campaign_price_title{
    background:#FFE6E6;
    color:#F32836;
}
.table_layout tbody th{
    font-weight:normal;
    font-size:3.58974359vw;
}
.table_layout td{
    font-size:3.58974359vw;
    font-weight:bold;
}
.strike{
    text-decoration: line-through;
}
.table_layout td b{
    font-size:4.102564103vw;
}
.table_layout td.campaign_price{
    color:#F32836;
    font-weight:bold;
}
.price_box .mag_red{
    color:#F32836;
    font-size:3.076923077vw;
}
.price_box p{
    font-size:3.58974359vw;
    margin:0 3.846153846vw 3.846153846vw;
}
.price_box .box{
    margin:0 auto;
    width:92.30769231vw;
}
.nenga_price,
.postcard_price{
    padding:5.128205128vw 0;
    border-radius:0 0 10px 10px;
}
.nenga_price{background:#FEEAF3;}
.postcard_price{background:#DAEEFC;}

.postcard_price img{
    height:auto;
    width:75.38461538vw;
}


/* detail*/ 
.detail_box{
    background:#EEEEEE;
    padding:15.38461538vw 0;
}
.detail_box h3{
    font-size:6.153846154vw;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    margin-bottom:10px;
    text-align:center;
}
.detail_box h3 span{
    color:#EE1E1E;
}
.detail_box .description{
    font-size:3.58974359vw;
    margin:0 3.846153846vw 5.128205128vw;
}
.table_layout2{
    margin:0 auto;
    width:89.74358974vw;
}
.table_layout2 th,
.table_layout2 td{
    font-size:3.58974359vw;
    text-align:center;
}

.table_layout2 th{
    background:#8B8A8A;
    color:#fff;
}
.table_layout2 td{
    background:#fff;
}
.table_layout2 td span{
    color:#EE1E1E;
    font-weight:bold;
}
.convenience_print,
.free_atena_print,
.how_to_delivery,
.payment,
.option{
    margin-bottom:10.25641026vw;
    padding-bottom:10.25641026vw;
    position:relative;
}
.convenience_print:after,
.free_atena_print:after,
.how_to_delivery:after,
.payment:after,
.option:after{
    content:"";
    display:block;
    height:1px;
    border:1px dashed #5A5359;
    position:absolute;
    bottom:0;
    left:5.128205128vw;
    width:89.74358974vw;
}
.option img{
    height:auto;
    width:100%;
}
.detail_box h4{
    font-family: 'Noto Sans JP', sans-serif;
    font-size:4.615384615vw;
    margin:0 5.128205128vw 5.128205128vw; 
}
.how_box .box{
    background:#fff;
    border-radius:15px;
    margin:0 5.128205128vw 5.128205128vw;
    text-align:center;
    padding:5.128205128vw 0;
}
.flex_box{
    display:flex;
    justify-content: center;
    align-items:center
}
.flex_box img{
    height:auto;
    width:33.07692308vw;
    max-width: inherit;
}
.flex_box p{
    font-size:3.58974359vw;
    margin-left:5.128205128vw;
    margin-bottom:0;
    text-align:left;
    width:40.76923077vw;
}
.detail_box h5{
    font-size:5.128205128vw;
    font-family: 'Noto Sans JP', sans-serif;
    margin:0 0 2.564102564vw;
}
.other_txt{
    font-size:3.58974359vw!important;
    margin: 0 3.846153846vw 0;
}
.how_to_delivery_box{
    background:#fff;
    border-radius:15px;
    box-sizing: border-box;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto 10.25641026vw;
    padding:10px;
    position:relative;
    text-align:center;
    width:92.30769231vw;
}
.how_to_delivery_box_p + .how_to_delivery_box_p{
    margin-left:10.51282051vw;
}
.how_to_delivery_box h4{
    font-size:4.102564103vw;
    font-weight:bold;
    text-align:center;
    margin:0;
    position:absolute;
    top:-.5em;
    left:0;
    width:100%;
}
.column2:after{
    content:"";
    display:block;
    height:80%;
    border:1px solid #E6E6E6;
    position:absolute;
    bottom:10px;
    left:50%;
    width:1px;
}
.how_to_delivery_box h5{
    color:#EE1E1E;
    font-size:3.076923077vw;
    margin:5.128205128vw 0 1.282051282vw;
}
.how_to_delivery_box dl{
    margin:0;
}
.how_to_delivery_box dl dt{
    background:#EE1E1E;
    border-radius:30px;
    color:#fff;
    line-height:9.230769231vw;
    padding:0 2.564102564vw;
    font-size:4.615384615vw;
    font-weight:bold;
}
.how_to_delivery_box dl dd{
    font-size:14px;
    font-weight:bold;
    margin:0;
}
.how_to_delivery_box dl dd span{
    font-size:3.58974359vw;
}
.nenga_only{
    color:#EE1E1E;
    font-size:3.076923077vw!important;
}
.nenga_only b{
    color:#2C2C2C;
    font-size:4.615384615vw;
}
.print_at_home img{
    height:auto;
    width:92.30769231vw;
}

@media screen and (min-width: 712px) {


    .tsumugu_series li{
        margin:0 10px 20px;
    }
    .tsumugu_series li{width: 133px;}
    
    .tsumugu_series li img{height:auto;width: 100%;}
    
    .main_box .catch{
        font-size:18px;
        margin-bottom:10px;
    }

/* edit_box */
    .edit_box{
        padding-bottom:60px;
    }
    .edit_box_inner{
/*        margin-top:30px;*/
    }
    .edit_box img{
        height:auto;
        max-width: inherit;
        width:100%;
    }
    .phone img{
        height:auto;
        width:210px;
    }
    .edit1{
        top:-19px;
        left:5px;
    }
    .edit2{
        top:7px;
        right:10px;
    }
    .edit3{
        bottom:77px;
        left:16px;
    }
    .edit4{
        bottom: 69px;
        right: 15px;
    }
    .edit1 img{height:auto;width:121px;}
    .edit2 img{height:auto;width:128px;}
    .edit3 img{height:auto;width:113px;}
    .edit4 img{height:auto;width:122px;}

    .edit_point_txt{
        display: flex;
        justify-content: space-between;
        margin:0 0 40px;
        padding:0;
    }
    .edit_point_txt li{
        font-size:16px;
        font-weight: 700;
        line-height:26px;
        padding:10px 0;
        width:190px;
    }
    .edit_point_txt li:nth-of-type(1){border-radius:0 10px 10px 0;}
    .edit_point_txt li:nth-of-type(2){border-radius: 10px 0 0 10px;}

    .movie_box{
        margin:0 15px;
        padding:20px 15px ;
    }
    .movie_img img{
        height:auto;
        width:330px;
    }


/* print_box */
    .print_box{
        margin:0 auto 60px;
        padding:60px 15px;
    }
    .print_item1{
        padding-bottom:40px;
    }
     
    

/* price */
    .price_box{
        padding:0 0 60px;
    }
    .price_point li {
        height:97px;
        width:97px;
    }
    .price_point li span {
        white-space: normal;
    }
    .price_point li{
        line-height:1.4em;
        font-size:17px;
        margin:0 7px;
    }
    .db{display:block;}

    .price_point li b{
        font-size:28px;
    }
    .price_point li b.fs32{
        font-size:32px;
    }
    .lh05{line-height:0.5em;}
    .lh1{line-height:1em;}

    .tab_list{
        width:360px;
    }
    .tab_list li{
        box-sizing: border-box;
        padding:10px 27px 10px 57px;
        position:relative;
        font-size:14px;
        font-weight:bold;
        text-align:center;
        width:178px;
    }
    .tab_list img{
        position:absolute;
        top:10px;
        left:27px;
        height:auto;
        width:30px;
    }
    .tab_list li:nth-child(1){
        border-radius:10px 10px 0 0;
    }
    .tab_list li:nth-child(2){
        border-radius:10px 10px 0 0;
    }
    .box {
        position:relative;
        padding-top:50px;
    }

    .box .price_toggle {
        box-sizing: border-box;
        height:50px;
        padding:10px 27px 10px 57px;
        font-size:14px;
        font-weight:bold;
        text-align:center;
        width:178px;
    }
    .box .price_toggle img{
        position:absolute;
        top:10px;
        left:27px;
        height:auto;
        width:30px;
    }
    .price_toggle_nenga{
        left:10px;
        background:#FEEAF3;
        border-radius:10px 10px 0 0;
    }
    .price_toggle_postcard{
        right:10px;
        background:#DAEEFC;
        border-radius:10px 10px 0 0;
    }
    .price_box h4{
        font-size:14px;
    }
    table.table_layout{
        margin:0 auto 20px;
        width:330px;;
    }
    .postcard_price table.table_layout{
        margin:0 auto 23px;
    }
    .table_layout thead th{
        font-size:12px;
    }
    .table_layout tbody th{
        font-size:14px;
    }
    .table_layout td{
        font-size:14px;
    }
    .table_layout td b{
        font-size:16px;
    }
    .price_box .mag_red{
        font-size:12px;
    }
    .price_box p{
        font-size:14px;
        margin:0 15px 20px;
    }
    .price_box .box{
        margin:0 auto;
        width:100%;
    }
    .nenga_price,
    .postcard_price{
        padding:20px 0;
        border-radius:0 0 10px 10px;
    }
    .nenga_price{background:#FEEAF3;}
    .postcard_price{background:#DAEEFC;}

    .postcard_price img{
        height:auto;
        width:294px;
    }

    
/* detail*/ 
    .detail_box{
        padding:60px 0;
    }
    .detail_box h3{
        font-size:24px;
        margin-bottom:10px;
    }
    .detail_box .description{
        font-size:14px;
        margin:0 15px 10px;
    }
    .table_layout2{
        width:360px;
    }
    .table_layout2 th,
    .table_layout2 td{
        font-size:14px;
    }
    .convenience_print,
    .free_atena_print,
    .how_to_delivery,
    .payment,
    .option{
        margin-bottom:40px;
        padding-bottom:40px;
        position:relative;
    }
    .convenience_print:after,
    .free_atena_print:after,
    .how_to_delivery:after,
    .payment:after,
    .option:after{
        left:20px;
        width:350px;
    }
    .detail_box h4{
        font-family: 'Noto Sans JP', sans-serif;
        font-size:18px;
        margin:0 15px 20px; 
    }
    .how_box .box{
        background:#fff;
        border-radius:15px;
        margin:0 15px 20px;
        padding:20px 0;
    }
    .flex_box img{
        height:auto;
        width:130px;
    }
    .flex_box p{
        font-size:14px;
        margin-left:20px;
        margin-bottom:0;
        text-align:left;
        width:150px;;
    }
    .detail_box h5{
        font-size:18px;
        font-family: 'Noto Sans JP', sans-serif;
        margin:0 0 10px;
    }
    .other_txt{
        font-size:14px!important;
        margin: 0 30px 0;
    }
    .how_to_delivery_box{
        margin:0 auto 40px;
        padding:0 10px;
        width:360px;
    }
    .how_to_delivery_box_p + .how_to_delivery_box_p{
        margin-left:43px;
    }
    .how_to_delivery_box h4{
        font-size:16px;
    }
    .column2:after{
        content:"";
        display:block;
        height:80%;
        border:1px solid #E6E6E6;
        position:absolute;
        bottom:10px;
        left:50%;
        width:1px;
    }
    .how_to_delivery_box h5{
        color:#EE1E1E;
        font-size:12px;
        margin:20px 0 5px;
    }
    .how_to_delivery_box dl{
        margin:0;
    }
    .how_to_delivery_box dl dt{
        background:#EE1E1E;
        border-radius:30px;
        color:#fff;
        line-height:36px;
        padding:0 ;
        font-size:18px;
        font-weight:bold;
    }
    .how_to_delivery_box dl dd{
        font-size:14px;
        font-weight:bold;
        margin:0;
    }
    .how_to_delivery_box dl dd span{
        font-size:24px;
    }
    .nenga_only{
        color:#EE1E1E;
        font-size:14px!important;
    }
    .nenga_only b{
        color:#2C2C2C;
        font-size:18px;
    }
    .print_at_home img{
        height:auto;
        width:360px;
    }




}