@charset "UTF-8";
/* CSS Document */
/*-------------------------------------------------------------
edit/order共通
------------------------------------------------------------- */
body#edit .dcrt_global_nav .dcrt_global_nav_default .dcrt_nav_logo_area .dcrt_service_logo,
body.order .dcrt_global_nav .dcrt_global_nav_default .dcrt_nav_logo_area .dcrt_service_logo{
    width: 80%;
    margin: auto;
    text-align: center;
    margin-right: 20%;
}
@media screen and (min-width: 950px) {
    body#edit .dcrt_global_nav .dcrt_global_nav_default .dcrt_nav_logo_area .dcrt_service_logo ,
    body.order .dcrt_global_nav .dcrt_global_nav_default .dcrt_nav_logo_area .dcrt_service_logo {
        margin-left: 180px;
    }
}
/*---------------modal---------------*/
.modal_area_wrapper{
    position: relative;
}
.modal_area{
    background: rgba(0,0,0,0.5);
    padding: 20px;
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
}
.modal_area .modal_contents{
    background-color: #fff;
    margin: 20px auto;
    margin-top: 35vh;
    max-width: 410px;
    margin-top: 35vh;
}
#delete_check_modal .modal_contents{
    margin-top: 30vh;
}
.modal_area .modal_header{
    color: #fff;
    background-color: #F40000;
    position: relative;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    padding: 10px 5px;
}
.modal_area .modal_header::after{
    top: auto;
    bottom: 0;
}
.modal_area  span.modal_header_inner{
    position: relative;
}
.modal_area .modal_txt{
    padding: 10px;
    padding-bottom: 15px;
}
.modal_area .modal_txt p{
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 146%;
}
.modal_area {
    display: none;
}
/*-------------------------------------------------------------
edit
------------------------------------------------------------- */
/*---------------edit_area---------------*/
body#edit #edit_contents_outer #edit_area{
    position: relative;
}
body#edit #edit_contents_outer #edit_area .design_image_area{
    position: relative;
    width: 320px;
    margin: 0 auto;
    padding: 20px 0;
}
body#edit #edit_contents_outer #edit_area .product_image{

    width: 320px;
    border: 1px solid #fff;
}
body#edit #edit_contents_outer #edit_area .product_image img{
    display: block;
}
/* PC */
body#edit #edit_contents_outer #edit_area .design_area,
body#edit #edit_contents_outer #edit_area .outer_frame {
    overflow: hidden;
    position: absolute;
    width: 528px;
    height: 306.24px;
    left: 47px;
    zoom: 1;
    top: 62px;
}
@media screen and (max-width: 949px) {
    /* SP */
    body#edit #edit_contents_outer #edit_area .design_area,
    body#edit #edit_contents_outer #edit_area .outer_frame {
        width: 270px;
        height: 156.6px;
        left: 25px;
        zoom: 1;
        top: 43px;
    }
}
body#edit #edit_contents_outer #edit_area .design_area .current_obj{
    outline: 1px solid red;
    outline-offset: 1px;
}
body#edit #edit_contents_outer #edit_area .outer_frame {
    pointer-events: none;
}
/*---------------parts_area---------------*/
body#edit #edit_contents_outer #parts_area{
    max-width: 435px;
    margin: 0 auto;
}
body#edit #edit_contents_outer span.item_heading{
    font-size: 1.6rem;
    font-weight: 700;
}
/*-------tab-------*/
body#edit #edit_contents_outer #parts_area .parts_type_tab{
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 20px;
}
body#edit #edit_contents_outer #parts_area .parts_type_tab .parts_type{
    width: calc(25% - 7.5px);
    margin-right: 10px;
    text-align: center;
}
body#edit #edit_contents_outer #parts_area .parts_type_tab .parts_type:last-of-type{
    margin-right: 0;
}
body#edit #edit_contents_outer #parts_area .parts_type_tab .parts_type .parts_type_btn{
    cursor: pointer;
    background-color: #E5E5E5;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    min-height: 50px;
    padding-top: 10px;
    margin: 0 auto;
    margin-bottom: 3px;
}
body#edit #edit_contents_outer #parts_area .parts_type_tab .parts_type .parts_type_btn img{
    width: 40%;
    max-width: 30px;
}
body#edit #edit_contents_outer #parts_area .parts_type_tab .parts_type p.parts_type_name,
body#edit #edit_contents_outer #make_area .tool_area span.tool_name{
    color: #595757;
    font-size: 1.3rem;
    font-weight: 500;
    display: block;
}
body#edit #edit_contents_outer #parts_area .parts_type_tab .parts_type p.parts_type_name{
    color: #520000;
}
body#edit #edit_contents_outer #parts_area .parts_type_tab .parts_type button:disabled p.parts_type_name,
body#edit #edit_contents_outer #make_area .tool_area button:disabled span.tool_name{
    opacity: 0.5;
}
body#edit #edit_contents_outer #parts_area .parts_type_tab .parts_type.active .parts_type_btn{
    border: 1px solid #F40000;
}
body#edit #edit_contents_outer #parts_area .parts_type_tab .parts_type.active p.parts_type_name{
    color: #F40000;
}
/*-------panel-------*/
/*共通*/
body#edit #edit_contents_outer #parts_area .parts_choice_panel{
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    background-color: #F3F3F3;
    padding: 20px;
}
body#edit #edit_contents_outer #parts_area .parts_choice_panel .design_notes_area{
    text-align: center;
    margin-bottom: 10px;
}
body#edit #edit_contents_outer #parts_area .parts_choice_panel .design_notes_area a{
    font-size: 1.5rem;
    color: #F40000;
}
body#edit #edit_contents_outer #parts_area .parts_choice_panel .parts_choice{
    max-width: 460px;
    margin: 0 auto;
    color: #000;
}
/*#image_panel*/
body#edit input[type=file]{
    display: none;
}
/*parts_category_list*/
body#edit .parts_category_list{
    font-size: 1.5rem;
}
body#edit .parts_category_list .parts_category_list_inner{
    border: 1px solid #434343;
    width: 200px;
    padding: 5px;
    margin-right: 15px;
    background-color: #fff;
    position: relative;
    display: inline-block;
    cursor: pointer;
}
body#edit .parts_category_list .parts_category_list_inner::after {
    position: absolute;
    top: calc(50% - 7px);
    right: 10px;
    width: 10px;
    height: 10px;
    color: #434343;
    content: '\25BC';
    font-size: 10px;
    pointer-events: none;
    display: inline-block;
}
body#edit .parts_category_list .parts_category_list_inner select{
    cursor: pointer;
    color: #434343;
    padding: 10px;
    width: 100%;
}
body#edit .parts_category_list button#no_frame{
    border: 1px solid #434343;
    color: #434343;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 25px;
}
body#edit .parts_category_list button#no_frame:active{
    color: #fff;
    background-color: #434343;
}
body#edit .parts_choice .parts_list_area{
    background-color: #fff;
    height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
body#edit .parts_choice ul.parts_list{
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
}
body#edit .parts_choice ul.parts_list li{
    width: calc(33% - 7px);
    max-width: 98px;
    margin-right: 10px;
    margin-bottom: 10px;
}
body#edit .parts_choice ul.parts_list li:nth-of-type(3n){
    margin-right: 0;
}
body#edit .parts_choice ul.parts_list li img{
    border: 2px solid #fff;
}
body#edit .parts_choice ul.parts_list li.active img{
    border: 2px solid #F40000;
}
/* frame_panel */
body#edit #frame_panel.parts_choice ul.parts_list li{
    width: calc(50% - 8px);
    max-width: 180px;
    margin-right: 15px;
}
body#edit #frame_panel.parts_choice ul.parts_list li:nth-of-type(3n){
    margin-right: auto;
}
body#edit #frame_panel.parts_choice ul.parts_list li:nth-of-type(2n){
    margin-right: 0;
}
/*text_panel*/
body#edit .input_text_area input#input_text{
    width: 100%;
    height: 50px;
    background-color: #fff;
    padding: 5px;
    font-size: 15px;
}
body#edit .parts_choice .write_style_area{
    margin-bottom: 10px;
}
body#edit .parts_choice .input_text_area{
    margin-bottom: 10px;
}
body#edit .parts_choice .font_name_area{
    margin-bottom: 10px;
}
body#edit .parts_choice .font_name_area label{
    width: calc(25% - 18.75px);
}
body#edit .parts_choice .font_name_area label img{
    width: 60%;
}
body#edit .color_table_area{
    margin-bottom: 10px;
}
body#edit .color_list_outer{
    overflow-x: auto;
    overflow-y: hidden;
    margin-right: calc(50% - 50vw);
}
body#edit .color_list_outer ul{
    padding: 0;
    margin: 0;
    display: inline-grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(1, auto);
    grid-auto-columns: 55px;
    border-left: 1px solid #949494;
    margin-right: 20px;
}
body#edit .color_list_outer ul li {
    border-top: 1px solid #949494;
    border-right: 1px solid #949494;
    border-bottom: 1px solid #949494;
    padding: 0;
    height: 55px;
}
body#edit .border_area .color_list_outer ul li:nth-of-type(16){
    background-image: linear-gradient(-45deg,transparent, transparent 48%, #949494 48%, #949494 52%,transparent 52%, transparent );
    background-color: #fff;
}
body#edit .color_list_outer ul li div.color_block,
body#edit .color_list_outer ul li div.border_color_block{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
body#edit .color_list_outer ul li div.color_block.active,
body#edit .color_list_outer ul li div.border_color_block.active{
    border: 2px solid #FDD000;
	position: relative;
}
body#edit .color_list_outer ul li div.color_block.active::after,
body#edit .color_list_outer ul li div.border_color_block.active::after{
	content: "";
	border: solid 1px #F40000;
	position: absolute;
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
}
body#edit .parts_choice .border_area{
    margin-bottom: 15px;
}
/*text_panel PC用*/
@media screen and (min-width: 950px) {
    body#edit .color_list_outer{
        margin-right: 0;
    }
    body#edit .color_list_outer ul{
        display: flex;
        flex-wrap: wrap;
        margin-right: 0px;
    }
    body#edit .color_list_outer ul li {
        height: 48px;
        width: 48px;
    }
}
/*-------tool_area-------*/
body#edit .tool_area{
    background-color: #F7F7F7;
    padding: 20px;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    margin-bottom: 20px;
}
body#edit .tool_area .tool_row,
body#edit .tool_area .tool_set{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
body#edit .tool_area .tool_row{
    justify-content: space-between;
    max-width: 435px;
    margin: 0 auto;
}
body#edit .tool_area #move_tool_part{
    margin-bottom: 20px;
}
body#edit .tool_area button.tool_btn img{
    max-width: 50px;
}
/*拡大縮小*/
body#edit span.tool_minus_outer,
body#edit span.tool_plus_outer{
    display: block;
    height: 30px;
    width: 30px;
    text-align: center;
}
body#edit span.tool_minus_outer{
    padding-top: calc(50% - 2px);
}
body#edit .tool_area .tool_set span.tool_minus{
    display: block;
    vertical-align: middle;
    color: #434343;
    background: currentColor;
    margin: 0 auto;
    line-height: 1;
    width: 20px;
    height: 4px;
    border-radius: 5px;
}
body#edit .tool_area .tool_set span.tool_plus{
    display: inline-block;
    vertical-align: middle;
    color: #434343;
    background: currentColor;
    line-height: 1;
    width: 20px;
    height: 4px;
    border-radius: 5px;
    position: relative;
}
body#edit .tool_area .tool_set span.tool_plus::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: inherit;
    transform: rotate(90deg);
}
body#edit .tool_area .tool_set #slider{
    position: relative;
    width: 135px;
    height: 18px;
    background: #E5E5E5;
    border-radius: 40px;
    margin: 0 5px;
}
body#edit .tool_area .tool_set #slider .ui-state-default{
    background: #434343;
    width: 15px;
    border-radius: 3px;
    height: 30px;
    position: absolute;
    top: -5px;
    left: calc(50% - 7px);
}
body#edit #__slider .ui-state-default {
    background: #f7b230;
    width: 35px;
    border-radius: 10px;
    height: 43px;
}
/*回転*/
body#edit .tool_area #rotation_tool{
    margin-left: 10px;
}
body#edit .tool_area #rotation_tool button.tool_btn{
    margin-left: 10px;
}
body#edit .tool_area .tool_set button span.tool_btn_inner{
    display: block;
    height: 50px;
    width: 50px;
    background-color: #e5e5e5;
    border-radius: 5px;
}
body#edit .tool_area .tool_set button#rotation_left span.tool_btn_inner img{
    transform: scale(-1, 1);
}
/*tool_modal_area_wrapper（色変更ボタン）*/
body#edit .tool_modal_area_wrapper{
    position: relative;
}
body#edit .tool_modal_area{
    background: rgba(0,0,0,0.5);
    padding: 20px;
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
}
body#edit .tool_modal_area .tool_modal_contents{
    background-color: #fff;
    margin: 20px auto;
    margin-top: 20vh;
    max-width: 410px;
}
body#edit .tool_modal_area .tool_modal_contents .tool_modal_header{
    color: #fff;
    background-color: #F40000;
    position: relative;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    padding: 10px 5px;
}
body#edit .tool_modal_area .tool_modal_contents .tool_modal_main{
    padding: 10px;
    padding-bottom: 15px;
}
body#edit .tool_modal_area .tool_modal_contents .color_list_outer{
    margin-right: calc(50% - 50vw + 20px);
}
/*tool_modal_area_wrapper（色変更ボタン） PC用*/
@media screen and (min-width: 950px) {
    body#edit .tool_modal_area .tool_modal_contents .color_list_outer{
        margin-right: 0;
    }
    body#edit .tool_modal_area .tool_modal_contents{
        margin-top: 18vh;
    }
}
/*tool_modal_area_wrapper（色変更ボタン） PC用*/
@media screen and (min-width: 950px) {
    body#edit .tool_modal_area .tool_modal_contents .color_list_outer{
        margin-right: 0;
    }
    body#edit .tool_modal_area .tool_modal_contents{
        margin-top: 18vh;
    }
}
/*削除ボタン*/
body#edit .tool_area #delete_tool button:nth-of-type(2){
    margin-left: 10px;
}
/*保存ボタン*/
body#edit .tool_area #keep_tool button span.tool_btn_inner{
    width: 110px;
}
/*---------------preview_area---------------*/
body#edit #tool_previe_area #preview_area{
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 60px;
    max-width: 260px;
}
body#edit #tool_previe_area #preview_area ul#first_type_design,
body#edit #tool_previe_area #preview_area ul#second_type_design{
    margin-bottom: 15px;
}
body#edit #tool_previe_area #preview_area ul li .package_thumbnail{
    position: relative;
    aspect-ratio: 1 / 0.585;
    width: auto;
    height: 137.5px;
    cursor: pointer;
    border: 1px solid #E5E5E5;
    background-color: #fff;
    margin-bottom: 5px;
}
body#edit #tool_previe_area #preview_area ul li .package_thumbnail img {
    vertical-align: top;
}
body#edit #tool_previe_area #preview_area ul li .package_thumbnail.active{
    border: 1px solid #F40000;
}
body#edit #tool_previe_area #preview_area ul li span.thumbnail_number{
    display: inline-block;
    color: #000;
    font-size: 15px;
    font-weight: 700;
    border-radius: 5px;
    background-color: #f3f3f3;
    padding: 1px 5px 3px 5px;
}
body#edit #edit_contents_outer #edit_area #design_area_1,
body#edit #edit_contents_outer #edit_area #design_area_2,
body#edit #edit_contents_outer #edit_area #design_area_3{
    display: none;
}
/*---------------check_area---------------*/
body#edit #edit_contents_outer #check_area{
    padding-bottom: 10px;
}
/*-----------------------edit PC用-----------------------*/
@media screen and (min-width: 480px) {
    body#edit #tool_previe_area #preview_area {

    }
}
/*-----------------------edit PC用-----------------------*/
@media screen and (min-width: 950px) {
    body#edit #make_area{
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-bottom: 40px;
    }
    body#edit .tool_area,
    body#edit #edit_contents_outer #parts_area .parts_choice_panel{
        margin-right: 0;
        margin-left: 0;
    }
    body#edit #make_area #edit_tool_outer,
    body#edit #make_area #parts_area,
    body#edit #preview_area,
    body#edit .completion_area{
        width: 50%;
    }
    body#edit .tool_area{
        margin-bottom: 0;
    }
    body#edit #edit_contents_outer #edit_area .design_image_area{
        width: 620px;
        margin-bottom: 30px;
    }
    body#edit #edit_contents_outer #edit_area .product_image{
        width: 620px;
    }
    body#edit .tool_area .tool_set #slider {
        width: 205px;
    }
    body#edit #edit_contents_outer #parts_area .parts_choice_panel{
        height: 600px;
    }
    .parts_choice_panel .parts_choice{
        display: none;
    }
    body#edit .parts_choice .parts_list_area{
        height: 400px;
    }
    body#edit .parts_choice ul.parts_list li{
        width: calc(24% - 7.5px);
    }
    body#edit .parts_choice ul.parts_list li:nth-of-type(3n){
        margin-right: 10px;
    }
    body#edit .parts_choice ul.parts_list li:nth-of-type(4n){
        margin-right:0;
    }
    body#edit .parts_category_list button#no_frame:hover{
        color: #fff;
        background-color: #434343;
    }
    body#edit #check_area{
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;
    }
    body#edit #tool_previe_area #preview_area {
        margin: 0;
        margin-top: 20px;
        margin-bottom: 60px;
    }
    body#edit #tool_previe_area #preview_area ul li .package_thumbnail{
        height: 167.5px;
    }
}
/*-------------------------------------------------------------
order
------------------------------------------------------------- */
/*---------------order共通---------------*/
body.order  #dcrt_area_inner{
    padding-bottom: 30px;
}
/*set_quantity*/
body.order .set_quantity,
body.order .set_quantity_subtotal{
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
body.order .set_quantity .set_quantity_info{
    margin-bottom: 5px;
}
body.order .set_quantity .set_quantity_select{
    display: flex;
    flex-wrap: nowrap;
}
body.order .set_quantity input.input_set_quantity{
    color: #000;
    background-color: #fff;
    border: 1px solid #fff;
    padding: 5px;
    text-align: center;
    margin-right: 5px;
}
body.order .set_quantity .set_btn_area{
    margin-right: 10px;
}
body.order .set_quantity .set_btn_area button{
    display: block;
    background-color: #E5E5E5;
    text-align: center;
    width: 50px;
    height: 20px;
    border-radius: 5px;
}
body.order .set_quantity .set_btn_area button.set_plus_btn{
    margin-bottom: 6px;
}
body.order .set_quantity .set_btn_area button span{
    display: block;
    font-size: 13px;
    line-height: 8px;
}
body.order .set_quantity .set_quantity_select p{
    margin-top: 20px;
}
/*cart_data_list*/
body.order .cart_data_list{
    margin-bottom: 10px;
}
body.order .cart_data_list .cart_data{
    border-top: 1px solid #AAAAAA;
    padding: 10px 0;
}
body.order .cart_data_list .cart_data:last-of-type {
    border-bottom: 1px solid #AAAAAA;
}
body.order .cart_data_list .cart_data p.total_note{
    margin-bottom: 10px;
}
body.order .cart_data_list .cart_data_group{
    display: flex;
    flex-wrap: wrap;
}
body.order .cart_data_list .cart_data .cart_data_unit:first-of-type{
    margin-right: 20px;
    margin-bottom: 20px;
}
body.order .cart_data_list .cart_data .cart_data_basic{
    margin-bottom: 5px;
}
body.order .cart_data_list .cart_data .cart_data_basic .cart_product_img{
    max-width: 255px;
    margin: 0 auto;
}
body.order .cart_data_list .cart_data .cart_data_basic .cart_product_img img{
    border: 1px solid #fff;
}
body.order .cart_data_list .cart_data p.position{
    font-size: 15px;
    font-weight: 700;
    background-color: #f3f3f3;
    color: #000;
    padding: 3px 5px;
    border-radius: 2px;
    display: inline-block;
    margin-bottom: 8px;
}
body.order .cart_data_list .cart_data .cart_data_quantity button{
    background-color: #e5e5e5;
    height: 40px;
    width: 40px;
    font-size: 15px;
    border-radius: 6px;
}
body.order .cart_data_list .cart_data .cart_data_quantity{
    text-align: center;
    max-width: 400px;
}
body.order .cart_data_list .cart_data .cart_data_quantity input.input_quantity{
    color: #434343;
    border: 1px solid #AAAAAA;
    background-color: #fff;
    padding: 5px;
    text-align: center;
    width: 50px;
    height: 40px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 700;
    margin: 0 5px;
}
/*form_contents_result*/
body.order .form_contents_result .total{
    margin-bottom: 30px;
}
body.order .form_contents_result .total p{
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 5px;
}
body.order .form_contents_result .total p.products_subtotal{
    font-size: 2.8rem;
    font-weight: 700;
}
/*cart_data_group*/
body.order .form_contents_set .allocate_group{
    margin-bottom: 50px;
    position: relative;
}
body#confirm .form_contents_set .allocate_group{
    margin-bottom: 10px;
}
body.order .form_contents_detail{
    counter-reset: number 0;
}
body.order .form_contents_set .form_contents_detail .allocate_group::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: #520000;
    background-color: #FFF57F;
    border: 1px solid;
    width: 30px;
    height: 30px;
    line-height: 30px;
    z-index: 2;
}
body.order .allocate_group .set_quantity,
body.order .allocate_group .set_quantity_subtotal {
    margin-left: 45px;
}
body.order p.allocate_numbers{
    text-align-last: right;
    font-size: 2.5rem;
    font-weight: 500;
    max-width: 255px;
}
/*goods_btn*/
body.order button.goods_btn{
    border:1px solid #2EB459;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 100%;
}
body.order button.goods_btn span.goods_btn_heading{
    background-color: #2EB459;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    display: block;
    padding: 5px;
}
body.order button.goods_btn img{
    display: inline-block;
    width: 40%;
    max-width: 170px;
    vertical-align: middle;
    margin-top: 10px;
}
body.order button.goods_btn span.goods_btn_txt{
    position: relative;
    color: #0A602B;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
body.order .form_contents_set .form_contents_detail .wrapping_area{
    counter-reset: number 0;
}
body.order .form_contents_set .form_contents_detail .wrapping_group{
    position: relative;
    margin-bottom: 50px;
}
body.order .form_contents_set .form_contents_detail .wrapping_group::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: #5E2126;
    background-color: #FDD000;
    width: 30px;
    height: 30px;
    line-height: 30px;
    z-index: 2;
}
body.order .wrapping_group .set_quantity,
body.order .wrapping_group .set_quantity_subtotal {
    margin-left: 45px;
}
body.order .wrapping_group .btn_set{
    border-top:1px solid #E5E5E5;
}
body.order .pc_btn_set{
    border-top:1px solid #E5E5E5;
}
/*cart_attention*/
body.order .cart_attention{
    text-align: justify;
    background-color: #F2FBFE;
    margin: 0 auto;
    margin-top: 30px;
    max-width: 500px;
}
body.order .cart_attention p{
    font-weight: 500;
    padding: 15px;
    color: #520000;
}
body.order .cart_attention p.cart_attention_heading{
    color: #fff;
    background-color: #0083CE;
    padding: 8px;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    position: relative;
}
body.order .allocate_example{
    background-color: #F2FBFE;
    color: #520000;
    padding: 10px;
    margin-top: 10px;
    font-weight: 500;
    max-width: 335px;
    margin-bottom: 30px;
}
body.order .allocate_example p{
    line-height: 150%;
}
body.order .allocate_example p.dots_heading{
    margin-top: 8px;
}
body.order .allocate_example p.dots_heading::before{
    display: inline-block;
    content: '';
    margin-top: 6px;
    margin-right: 7px;
    width: 10px;
    height: 10px;
    vertical-align: top;
    border-radius: 5px;
    background-color: #520000;
}
/*-----------------------order共通 PC用-----------------------*/
@media screen and (min-width: 950px) {
    body.order .form_contents_set{
        display: flex;
        flex-wrap: nowrap;
    }
    body.order .form_contents_set .form_contents_detail{
        width: 62%;
        margin-right: 3%;
        max-width: 610px;
    }
    body.order .form_contents_set .form_contents_result{
        width: 35%;
        margin-top: 80px;
    }
    body.order .cart_data_list .cart_data .cart_data_unit:first-of-type,
    body.order .cart_data_list .cart_data .cart_data_unit:nth-of-type(2){
        margin-bottom: 0;
        margin-right: 30px;
    }
    body.order .cart_data_list .cart_data .cart_data_basic .cart_product_img:first-of-type{
        margin-right: 15px;
    }
    .form_txt_unit a:hover{
        text-decoration: none;
    }
    .form_heading{
        font-size: 1.8rem;
    }
}
/*---------------cart---------------*/
body#cart .btn_set .btn_back_page{
    margin-bottom: 30px;
}
body#cart .form_contents_result{
    border-top: 1px solid #AAAAAA;
    padding-top: 30px;
}
body#cart p.blank{
    font-size: 1.8rem;
    }
/*---------------cart PC用---------------*/
@media screen and (min-width: 950px){
    body#cart  .form_contents_set .form_contents_result{
        margin-top: 130px;
    }
}
/*---------------confirm---------------*/
body#confirm .set_quantity .set_quantity_select p{
    margin-top: 4px;
}
#final_confirmation_area span.check_box_txt::before,
#final_confirmation_area input.check_box_btn:checked + span.check_box_txt::after{
    margin-top: 6px;
}
#final_confirmation_area label span{
    font-size: 1.8rem;
    font-weight: 500;
}
#final_confirmation_area p{
    margin-top: 10px;
    font-size: 1.5rem;
}
.summary_area{
    border-bottom: 1px solid #AAAAAA;
    font-weight: 500;
    margin-bottom: 30px;
}
.summary_area .shipping_address,
.summary_area .summary_unit{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.summary_area .shipping_address{
    border-bottom: 1px solid #AAAAAA;
    padding-bottom: 10px;
}
.summary_area .shipping_address_heading{
    font-size: 15px;
}
.summary_area .shipping_address_detail{
    font-size: 14px;
    width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.summary_area .amount_of_money{
    padding: 10px 0;
}
.summary_area .summary_unit{
    margin-bottom: 5px;
}
.summary_area .summary_unit .summary_unit_heading{
    font-size: 15px;
}
.summary_area .summary_unit .summary_unit_numbers{
    font-size: 14px;
}
.summary_area .money_total{
    font-weight: 700;
    margin-bottom: 10px;
}
.summary_area .money_total .summary_unit_heading{
    font-size: 18px;
    padding-top: 5px;
}
.summary_area .money_total .summary_unit_numbers{
    font-size: 22px;
}
body#confirm button.change{
    position: absolute;
    top: 0;
    right: 0;
    color: #F40000;
    font-weight: 500;
    font-size: 15px;
    text-decoration: underline;
}
body#confirm .form_basic{
    margin-bottom: 30px;
}
body#confirm .form_basic .form_txt:not(:last-of-type){
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 10px;
}
body#confirm .dcrt_radio{
    display: block;
}
body#confirm span.radio_txt{
    margin-top: 10px;
}
/*#order_free_message_area*/
body#confirm #order_free_message_area .form_txt,
body#confirm #order_memo_area .form_txt{
    border-bottom: none;
}
/*order_questionnaire_area*/
#order_questionnaire_area span.radio_txt{
    font-size: 14px;
}
#order_questionnaire_area .order_questionnaire_inner{
    margin-top: 20px;
}
#order_questionnaire_area textarea{
    margin-top: 0px;
    background-color: #fff;
}
/*---------------confirm PC用---------------*/
@media screen and (min-width: 950px){
    body#confirm .form_contents_result {
        margin-top: 0;
    }
    #final_confirmation_area{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .summary_area{
        border-bottom:none;
    }
}
/*----------------------------------------
cart/form共通
---------------------------------------- */
div.form_basic,
div.form_post_code,
div.form_birthday {
    margin-bottom: 20px;
    font-weight: 500;
}
div.form_basic{
    padding-bottom: 10px;
    border-bottom: 1px solid #AAAAAA;
    position: relative;
}
.form_heading{
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #AAAAAA;
}
span.required{
    color: #E2567D;
    margin-left: 3px;
    font-weight: 700;
}
body.form label{
    display: inline-block;
}
div.form_basic input[type="text"],
div.form_basic input[type="password"],
div.form_basic input[type="tel"],
div.form_basic select {
    position: relative;
    margin: 0 auto;
    text-indent: 10px;
    line-height: 30px;
    border: 1px solid #E5E5E5;
    background-color: #fff;
    height: 50px;
    width: 100%;
    max-width: 450px;
    font-size: 15px;
}
div.form_basic textarea{
    background-color: #fff;
    width: 100%;
    max-width:610px ;
    height: 100px;
    border: 1px solid #E5E5E5;
    margin-top: 10px;
    padding: 5px;
    font-size: 14px;
}
/*radio_btn*/
label, input[type='checkbox'] {
    cursor: pointer;
}
input[type=radio]{
    display: none;
}
div.dcrt_radio.parallel{
     display: flex;
     flex-wrap: wrap;
}
div.dcrt_radio.parallel label{
    margin-right: 20px;
}
body#edit .parts_choice .font_name_area .dcrt_radio.parallel label:nth-of-type(4){
    margin-right: 0;
}
span.radio_txt{
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
}
span.radio_txt::before {
    content: '';
    display: block;
    border-radius: 50%;
    border: 1px solid;
    width: 20px;
    height: 20px;
    background-color: #fff;
    margin-right: 5px;
    flex-shrink: 0;
}
input.radio_btn:checked + span.radio_txt::before{
    border: 1px solid #F40000;
}
input.radio_btn:checked + span.radio_txt::after{
    content: '';
    position: absolute;
    left: calc(11px - 7px);
    display: block;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color: #F40000;
}
/*checkbox*/
input[type=checkbox]{
    display: none;
}
span.check_box_txt{
    position: relative;
    display: flex;
    font-size: 14px;
    font-weight: 500;
}
span.check_box_txt::before {
    content: '';
    left: 0;
    display: block;
    border: 1px solid;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    color: #313131;
    background-color: #fff;
    flex-shrink: 0;
}
input.check_box_btn:checked + span.check_box_txt::before {
    border: 1px solid #F40000;
    background-color: #F40000;
}
input.check_box_btn:checked + span.check_box_txt::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 7px;
    display: block;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    width: 5px;
    height: 10px;
    transform: rotate(45deg);
}
/*郵便番号 form_post_code*/
div.form_post_code input[type="text"]{
    position: relative;
    margin-left: 0;
    text-indent: 10px;
    line-height: 30px;
    border: 1px solid #E5E5E5;
    background-color: #fff;
    height: 50px;
    width: 170px;
    font-size: 15px;
}
div.form_post_code .post_code_btn{
    background-color: #EEEEEE;
    width: 140px;
    margin-left: 15px;
    border-radius: 20px;
    text-align: center;
    padding: 10px;
    height: 40px;
}
div.form_post_code .post_code_btn a{
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: #434343;
}
div.form_post_code .form_input{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
div.form_post_code .form_input input{
    margin: 0;
}
/*都道府県 prefectures*/
div.form_basic div.prefectures{
    margin-bottom: 10px;
}
div.form_basic div.prefectures select{
    position: relative;
    margin: 0 auto;
    text-indent: 10px;
    line-height: 30px;
    border: 1px solid #E5E5E5;
    background-color: #fff;
    height: 50px;
    width: 100%;
    cursor: pointer;
    padding: 10px;
    padding-right: 40px;
}
/*生年月日 form_birthday カード有効期限 credit_expire selectタグ関連form_select*/
div.form_date select{
    position: relative;
    margin: 0 auto;
    text-indent: 10px;
    line-height: 30px;
    border: 1px solid #E5E5E5;
    background-color: #fff;
    height: 50px;
    width: 100%;
    max-width: 100px;
    font-size: 15px;
    cursor: pointer;
    padding: 10px;
}
div.form_select select{
    position: relative;
    margin: 0;
    text-indent: 10px;
    line-height: 30px;
    border: 1px solid #E5E5E5;
    background-color: #fff;
    height: 50px;
    width: 100%;
    max-width: 450px;
    font-size: 15px;
    cursor: pointer;
    padding: 10px;
    margin-top: 10px;
}
div.form_date .form_input{
    display: flex;
    flex-wrap: nowrap;
}
div.form_date .form_input_inner{
    position: relative;
    width: 28%;
    margin-right: 10px;
    max-width: 100px;
}
div.form_date .form_input_inner:last-of-type{
    margin-right: 0;
}
div.form_date .birth_day_year,
div.form_date select#MemberBirthdayYear{
    width: 130px;
    max-width: 130px;
}
div.form_select .form_input_inner{
    position: relative;
    max-width: 450px;
}
div.form_date .form_input_inner::after,
div.form_select .form_input_inner::after{
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    transform: rotate(135deg);
    top: calc((100% - 10px) / 2);
    right: 1.5rem;
    border-top: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
}
div.form_note{
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
}
div.form_note a{
    text-decoration: underline;
    font-weight: 500;
}
.input_alert{
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background-color: #F40000;
    padding: 10px;
    margin-bottom: 20px;
    max-width: 400px;
}
.input_fin{
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #FF9C00;
    border: 1px solid #FF9C00;
    background-color: #fff;
    padding: 10px;
    margin: 0 auto;
    margin-bottom: 20px;
    max-width: 400px;
}
body#confirm .input_alert{
    max-width: 600px;
}
span.form_input_alert{
    color: #F40000;
    font-size: 14px;
    font-weight: 900;
    display: block;
}
body.coupon span.form_input_alert{
    color: #FFF;
}
.form_example{
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
}
.form_basic p{
    font-weight: 500;
    font-size: 1.4rem;
}
.form_basic .form_txt p{
    margin-bottom: 10px;
}
.form_txt_unit a{
    color: #FDD000;
}
.form_txt_unit a:active{
    text-decoration: none;
}
p.form_txt_unit_heading{
    font-weight: 700;
    font-size: 1.5rem;
}
div.security_code input[type="tel"]{
    width: 90px;
    text-align: center;
    text-indent: 0;
}
.payeasy_explanation{
    border-top: solid 1px #E5E5E5;
    padding-top: 8px;
    padding: 8px 0;
}
.payeasy_explanation:first-of-type{
    margin-top: 5px;
}
.payeasy_explanation:last-of-type{
    border-bottom: solid 1px #E5E5E5;
}
/*新規登録 配送先情報入力 #regist #order_receiver*/
body#regist .form_basic,
body#receiver .shipping_address_input .form_basic,
body#receiver .customer_address_input .form_basic,
body.contacts .form_basic{
    border-bottom: none;
    padding-bottom:0;
}
body#regist .form_heading,
body#receiver .shipping_address_input .form_heading,
body#receiver .customer_address_input .form_heading,
body.contacts .form_heading{
    font-size: 1.5rem;
    font-weight: 500;
    border-bottom: none;
    margin-bottom: 5px;
    padding-bottom: 0px;
}
body#receiver .shipping_address_input{
    margin-top: 10px;
}
body#receiver button:disabled {
    opacity: 0.5;
    pointer-events: none;
}
/*table*/
body.form table,
body.order table{
    margin-top: 10px;
    background-color: #F2FBFE;
}
body.form tr th,
body.order tr th,
body.form tr td,
body.order tr td{
    padding: 5px;
    border: 1px solid #E5E5E5;
}
body.form tr th,
body.order tr th{
    background-color: #EEEEEE;
    font-weight: 700;
    color: #000;
}
body.form tr td,
body.order tr td{
    font-size: 13px;
    font-weight: 500;
}
/*form_txt*/
.form_txt{
    font-size: 14px;
    margin-top: 10px;
    font-weight: 500;
    position: relative;
}
/*form_txt_uni*/
.form_txt_unit{
    margin-top: 20px;
    font-size: 1.4rem;
}
div.form_basic input.credit_numbers[type="tel"]{
    position: relative;
    margin: 0 auto;
    line-height: 30px;
    border: 1px solid #E5E5E5;
    background-color: #fff;
    height: 50px;
    width: 75px;
    text-align: center;
    font-size: 15px;
    text-indent: 0;
}
/*form_txt_right*/
.form_basic .form_txt_right{
    position: absolute;
    right: 0;
    top: 0;
}
/*----------------------------------------
login
---------------------------------------- */
#login_area{
    margin-bottom: 50px;
}
#login_area #login_content {
    margin-bottom: 40px;
}
#login_area .form_basic{
    border-bottom: none;
    padding-bottom: 0;
}
#login_content #mail_input{
    margin-bottom: 1.5rem;
}
#login_content .login_input_area{
    margin-bottom: 30px;
}
#login_area .btn_link_simple{
    margin-top: 40px;
}
#login_area .login_btn_aera .btn_strong{
    margin-left: 0;
}
#login_area .btn_link_simple{
    margin-left: 0;
}
/*------------ login PC用  ------------*/
@media screen and (min-width: 950px) {
    #login_area #login_content {
        display: flex;
        flex-wrap: nowrap;
    }
    #login_content .login_input_area{
        width: 42%;
        margin-right: 35px;
        max-width: 400px;
    }
    #login_content .login_content_btn{
        width: calc(58% - 35px);
    }
}
/*----------------------------------------
regist 新規会員登録
---------------------------------------- */
body.form #regist_input_content{
    margin-bottom: 3rem;
}
body.form #regist_input_content span.form_input_alert{
    margin-left: 15px;
    display: inline-block;
}
body.form .agreement_btn{
    margin-top: 30px;
}
body.form .agreement_btn span.check_box_txt{
    font-size: 2rem;
}
body.form .agreement_btn input.check_box_btn:checked + span.check_box_txt::after {
    top: 9px;
}
body.form .agreement_btn span.check_box_txt::before{
    margin-top: 5px;
    margin-right: 15px;
}
/*----------------------------------------
order_payment お支払い方法の選択
---------------------------------------- */
body#payment .form_basic{
    border-bottom: none;
    padding-bottom:0;
}
body#payment .form_basic .dcrt_radio{
    display: block;
}
body#payment #payment_content .form_basic{
    padding: 20px 0px 0px;
    border-top: 1px solid #AAAAAA;
    border-bottom: none;
}
body#payment #payment_content .form_basic:last-of-type{
    border-bottom: 1px solid #AAAAAA;
    padding-bottom: 20px;
}
body#payment #payment_content span.radio_txt{
    font-weight: 700;
}
body#payment .credit_card_logos{
    padding: 5px;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 15px;
}
body#payment .credit_card_logos img{
    width: 45px;
    height: auto;
    margin-left: 10px;
}
body#payment .credit_card_choice{
    margin-bottom: 20px;
}
body#payment .credit_card_choice .dcrt_radio{
    margin-bottom: 5px;
}
body#payment .credit_card_info{
    font-size: 18px;
    margin-bottom: 5px;
}
body#payment button.delete_btn{
    height: auto;
}
body#payment .form_input{
    margin-bottom: 15px;
}
body#payment  .form_basic .form_txt p{
    margin-bottom: 0;
}
body#payment .security_code{
    max-width: 500px;
    margin-bottom: 10px;
}
body#payment #point_content .radio_txt{
    font-size: 14px;
}
body#payment #point_content .dcrt_radio{
    margin-bottom: 20px;
}
body#payment #point_content input#PointPoint{
    margin-top: 10px;
}
body#payment #point_content .form_heading{
    border-bottom: none;
    font-weight: 700;
    padding-bottom: 0px;
    font-size: 1.8rem;
}
body#payment #point_content .point_assignment{
    display: block;
}
/*------------ cart/form共通 PC用  ------------*/
@media screen and (min-width: 950px) {
    body#payment #payment_content span.radio_txt{
        font-size: 16px;
    }
    body#payment .delete_btn{
        margin-left: 0;
    }
}
/*----------------------------------------
member_index .history_area
---------------------------------------- */
.history_area{
    padding-bottom: 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #AAAAAA;
    max-width: 740px;
}
.history_list{
    border-top: 1px solid #AAAAAA;
    font-weight: 500;
    padding: 15px;
    margin-top: 30px;
}
.history_list .history_unit{
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.history_list .history_unit{
    margin-bottom: 8px;
}
.history_list .history_unit .history_unit_heading{
    font-size: 15px;
    width: calc( 40% - 15px );
    margin-right: 15px;
}
.history_list .history_unit .history_unit_detail{
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    word-break: break-all;
    width: 60%;
    font-size: 15px;
}
.history_list .money_total{
    font-weight: 700;
    margin-bottom: 10px;
}
.history_list .money_total .history_unit_heading{
    font-size: 18px;
    padding-top: 5px;
}
.history_list .money_total .history_unit_detail{
    font-size: 22px;
}
body#member_index .btn_set{
    padding-bottom: 30px;
    max-width: 740px;
}
/*----------------------------------------
contacts
---------------------------------------- */
body.contacts{
    font-weight: 500;
}
body.contacts div.form_basic textarea{
    border: 1px solid #E5E5E5;
    min-height: 200px;
    background-color: #fff;
}
div.form_basic .privacy{
    max-width: 610px;
    font-size: 1.5rem;
    padding: 1rem;
    background-color: #fff;
    border: solid 1px #E5E5E5;
    height: 200px;
    overflow: hidden;
    overflow-y: scroll;
}
body.contacts .agreement_btn span.check_box_txt{
    font-size: 1.6rem;
}
body.contacts #center_area p{
    margin-bottom: 20px;
    line-height: 150%;
}
body.contacts .main_txt {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 40px;
    line-height: 140%;
}
body.contacts p.postscript{
    margin-top: 10px;
}
/*------------ contacts PC用  ------------*/
@media screen and (min-width: 950px) {
    div.form_basic .privacy{
        height: 300px;
    }
}
/*----------------------------------------
done 各種完了画面
---------------------------------------- */
body.done .done_contents_area{
    font-weight: 500;
    margin: 0 auto;
    padding-bottom: 50px;
}
body.done .main_txt_outer{
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    vertical-align: middle;
}
body.done .main_txt{
    position: relative;
    font-size: 2.5rem;
    font-weight: 700;
    padding-top: 10px;
    margin-bottom: 20px;
}
body.done .main_txt_outer .main_character,
body.done .main_txt .main_character{
    max-width: 160px;
    margin: 0 auto;
    margin-right: calc(50% - 75px);
    margin-top: 10px;
}
body.done .done_contents_area p{
    margin-bottom: 10px;
    font-size: 1.5rem;
    text-align: center;
}
.email_notes_area{
    padding-bottom: 20px;
}
body.done .done_contents_area .email_notes_area p{
    text-align: justify;
}
body.done .done_contents_area p.shopping_delivery{
    margin-top: 15px;
}
body.done .done_contents_area .email_notes_area{
    margin: 0 auto;
    margin-top: 30px;
}
body.done .strong_notes{
    text-align: center;
    margin: 0 auto;
    font-size: 1.8rem;
    margin-bottom: 10px;
}
body.done #order_number_area{
    font-size: 1.6rem;
    font-weight: 700;
    background-color: #f7f7f7;
    color: #000;
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
    max-width: 610px;
}
body.done #order_number_area #order_number{
    font-size: 2.5rem;
}
body.done .done_btn_area{
    margin-bottom: 30px;
}
body.done .done_bank_info{
    margin-top: 30px;
}
body.done .atm_info_area{
    background-color: #F7F7F7;
    border: solid #434343 1px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
    max-width: 610px;
}
body.done .atm_info_area .atm_info_heading{
    background-color: #434343;
    color: #fff;
    font-size: 1.6rem;
    padding: 5px 0;
}
body.done .atm_info_area .atm_info_number{
    color: #000;
    font-size: 2.5rem;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 1px solid #434343;
}
body.done .atm_info_area .atm_info_number:last-of-type{
    border-bottom: none;
}
.sorry_inner{
    position: relative;
}
.sorry_inner::before,
.sorry_inner::after{
    display: inline-block;
    content: '';
}
.sorry_inner::before{
    background-image: url(../images/bg_sorry_l.svg);
    background-size: contain;
    width: 17px;
    height: 24px;
}
.sorry_inner::after{
    background-image: url(../images/bg_sorry_r.svg);
    background-size: contain;
    width: 27px;
    height: 40px;
}
/*----------------------------------------
announcement_area
---------------------------------------- */
body.done .announcement_area{
    font-size: 1.5rem;
    margin-top: 30px;
}
body.done .announcement_area p{
    text-align: justify;
    margin-bottom: 0;
}
body.done .announcement_area ul.announcement_area_memo{
    margin-top: 20px;
}
body.done .announcement_area ul.announcement_area_memo li{
    font-weight: 700;
    margin-bottom: 5px;
    margin-left: 10px;
    text-indent: -10px;
}
body.done .announcement_area ul.announcement_area_memo li::before{
    display: inline-block;
    content: '';
    margin-top: 9px;
    margin-right: 8px;
    width: 3px;
    height: 3px;
    vertical-align: top;
    border-radius: 5px;
    background-color: #520000;
}
/*----------------------------------------
regist 会員登録完了
---------------------------------------- */
.original_logo_area {
    margin-top: 30px;
}
.original_logo_area .logo_img_area{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.original_logo_area .logo_img_area .logo_img{
    width: 30%;
    margin-bottom: 15px;
    background: #fff;
    padding: 5px;
}
.original_logo_area .logo_img_area .logo_img a:active img{
    opacity: 0.7;
}
/*------------ regist PC用  ------------*/
@media screen and (min-width: 950px) {
    .original_logo_area .logo_img_area{
        justify-content: flex-start;
    }
    .original_logo_area .logo_img_area .logo_img{
        width: calc(20% - 16px);
        margin-right: 20px;
    }
    .original_logo_area .logo_img_area .logo_img:nth-of-type(5n){
        margin-right: 0;
    }
    .original_logo_area .logo_img_area .logo_img a:hover img{
        opacity: 0.7;
    }
}