@charset "UTF-8";
/* CSS Document */
#dealer_contaner {width: 100%;/*min-height:95vh;*/display: flex;flex-wrap: wrap;/*background: linear-gradient(180deg,#6f5151,#3c1615);*/}
#dealer_newdealer {width: 100%;/*min-height:95vh;*/display: flex;flex-wrap: wrap;}
#trend_notification_app{display: none;}
.contaner_dealer{
    flex-basis:100%;max-width:100%;
    background: white;
    display: block;
    margin: 145px 0 0 200px;
}
    @media screen and (max-width:768px) {
        .contaner_dealer{margin: 0 0 0 200px;}
    }
    @media screen and (max-width:480px) {
        .contaner_dealer{
            flex-basis:480px;max-width:480px;margin-left: 35px;}
    }
.contaner_newdealer{
    flex-basis:100%;max-width:100%;
    background: white;
    display: flex;
    justify-content: center;
    margin: 129px auto 0;
}
@media screen and (max-width:480px) {
    .contaner_newdealer{
        flex-basis:480px;max-width:480px;}
}
.content_main{
    width:1050px;
    /*float: left;*/
    margin: 0 auto;
    padding: 20px;
}
    @media screen and (max-width:1500px) {
        .content_main{
            width:100%;min-width: 100%;}
        }
    @media screen and (max-width:480px) {
        .content_main{
            padding: 10px;}
        }
*,li{line-height:auto;}
body{letter-spacing:0;}
.container_center{max-width: 1280px;margin: auto;}
.hero{margin-top:140px;}
#repassword_link a {
color: red !important;
font-weight: bold !important;
}

.event_data {
border:1px solid #ccc;
border-radius: 4px;
padding: 1%;
margin: 30px 0;
}
@media screen and (max-width:480px){
    .event_data{margin: 10px 0;padding: 5px;}
}
.event_data_anchor {
color: blue !important;
}

.dealerpage_menu {
position: relative;
font-weight:bold;
text-align:center;
font-size:20px;
margin-top: 50px;
margin-bottom: 30px;
}

.dealerpage_menu:after {
content: "";
position: absolute;
right: 25px;
top: 38%;
transition: all 0.2s ease-in-out;
display: block;
width: 8px;
height: 8px;
border-top: solid 4px #000;
border-right: solid 4px #000;

-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}

.dealerpage_menu.open:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 45%;
}

/*dealer_nav*/
.dealer_nav{
    width: 1260px;
    height:110px;
    margin:0 auto;
    position: fixed;
    top:70px !important;
    left:0;
    right:0;
    z-index: 1;
    display: flex;
    flex-wrap:wrap;
    transition: .5s;
}
    @media screen and (max-width:1260px){
        .dealer_nav{width: 100%;padding: 0 10px;}
    }
.dealer_nav::after{
    content: "";
    width: 150vw;
    height: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    left: -50vw;
    background: rgba(255,255,255,0.8);
}
h1.cntnt_ttl{
    display: inline-block;
    position: relative;
    height: 24px;
    line-height: 24px;
    text-align: center;
    padding: 0px 15px 0 10px;
    font-size: 12px;
    background: #6c504e;
    color: #FFF;
    box-sizing: border-box;
    letter-spacing: .5rem;
    text-shadow: 0 0 2px black;
}
h1.cntnt_ttl:after{
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
    top: 0;
    right: 0;
    border-width: 12px 12px 12px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}
@media screen and (max-width:480px){
    h1.cntnt_ttl{
        height: 20px;
        line-height: 20px;
        font-size: 10px;
        letter-spacing: 0;
    }
    h1.cntnt_ttl:after{
        border-width: 10px 10px 10px 0px;
    }
}

.content_title{flex-basis:100%;max-width: 100%;height:auto;margin: 0;padding:20px 0;letter-spacing: .2em;}
    @media screen and (max-width:480px){
        .content_title{height: fit-content;}
    }
.content_title a.event_title{flex-basis:100%;max-width: 100%;text-align: left;font-size: 20px;}
    @media screen and (max-width:480px){
        .content_title a.event_title{text-align: center;display: none;}
    }
p.user_name_area{
    flex-basis:100%;
    max-width: 100%;
    margin-top: 10px;
    font-size:16px;
    line-height: 24px;
    padding:  0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
@media screen and (max-width:768px){
    p.user_name_area{font-size:14px;}
}
    @media screen and (max-width:480px){
        p.user_name_area{flex-wrap:wrap;justify-content:center;margin-top:0;font-size:10px;line-height:18px;}
    }
.user_name{
    max-width: 75%;
    color: #3c1615;
    font-size: 20px;
    font-weight: 600;
    padding: 0 10px;
    word-break: break-all;
}
    @media screen and (max-width:768px){
    .user_name{font-size:16px;}
}
   @media screen and (max-width:480px){
        .user_name{width:100%;max-width: 100%;font-size:14px;text-align:center;}
    }
.event_list_wrap{flex-basis:50%;max-width: 50%;display: flex;flex-wrap:wrap;justify-content: flex-end;align-items:flex-start;}
    @media screen and (max-width:480px){
        .event_list_wrap{height:0;}
    }
.event_logo{flex-basis:400px;max-width:400px;padding-top:5px;text-align:center;}
    @media screen and (max-width:480px){
        .event_logo{height:20px;}
    }
.event_logo img{width:90%;height:auto;margin:auto;text-align:center;}
img.event_img{width:190px;height:auto;margin:auto;display:block;}
    @media screen and (max-width:480px){
        img.event_img{width:100px;padding-top: 5px;}
    }

.swiper-container{
    /*width:590px;*/
    padding:20px;
}
@media screen and (max-width:480px){
    .swiper-container{
        width:300px;
    }
}
.swiper-slide{opacity: .3;}
.swiper-slide-active{opacity: 1;}
.swiper-slide img{width: 100%;}
/*
    @media screen and (max-width:480px){
        .swiper-container{height:5vh}
    }
.swiper-container::after{
    content:"";width:100%;height:35px;background: rgba(0,100,200,0.1);position: absolute;top:0;left:0;border: 1px solid #3c1615;border-radius: 5px;
}
.swiper-button-prev::before {
    transform: rotate(-135deg);
    content: '';
    position: absolute;
    z-index: 10;
    top: 12px;
    right: -20px;
    width: 10px;
    height: 10px;
    margin: auto;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    cursor: pointer;
}
.swiper-button-prev::after {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 80px;
    height: 35px;
    background: #3c1615;
    opacity: .9;
}
    @media screen and (max-width:480px){
        .swiper-button-prev::before {right: 5px;}
        .swiper-button-prev::after {width: 30px;}
    }

.swiper-button-next::before {
    transform: rotate(45deg);
    content: '';
    position: absolute;
    z-index: 10;
    top: 12px;
    left: -20px;
    width: 10px;
    height: 10px;
    margin: auto;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    cursor: pointer;
}
.swiper-button-next::after {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 80px;
    height: 35px;
    background: #3c1615;
    opacity: .9;
}
    @media screen and (max-width:480px){
        .swiper-button-next::before {left: 5px;}
        .swiper-button-next::after {width: 30px;}
    }
*/
/*********main_navi*************/
.user_main_navi{
    flex-basis: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #3c1615;
    padding: 30px 0;
    margin-bottom:30px ;
}
@media screen and (max-width:480px){
    .user_main_navi {padding: 10px 0;margin-bottom:0 ;}
}
.user_main_navi li{
    flex-basis: 16%;/*8項目は24%*/
    max-width: 16%;
    margin-bottom: 1%;
    font-size:15px;
    display: flex;
    flex-wrap: wrap;
}
@media screen and (max-width:1050px) {
.user_main_navi li{font-size:12px;}
}
@media screen and (max-width:480px) {
.user_main_navi li{flex-basis: 50%;max-width: 50%;}
}
.user_main_navi li a {
    width:100%;
    letter-spacing: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    color: #3c1615;
    background: white;
    padding-left: 0px;
    border:1px solid #3c1615;
    border-radius:4px;
    position: relative;
    height:50px;
}
.user_main_navi li a:hover{
    color: #fff !important;
    background:#3c1615;
    border:1px solid #3c1615;
}

.pagenation {
    margin-top: 30px;
    text-align: center;
}

.pagenation__item {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    margin: 0 2px;
    padding: 0;
    background: #FFF;
    font-size: 14px;
    text-align: center;
}
.pagenation__item.-current {
    background: #3c1615;
}
.pagenation__item.-current a {
    color: #FFF;
}
.pagenation__item.-period span {
    display: initial;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 55%;
    margin: auto;
    border: none;
}
.pagenation a {
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: table;
    color: #444;
    text-decoration: none;
}
.pagenation span {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #3c1615;
}

/*ファン登録*/
ul.list_item_info__cols-name{flex-basis: 50%;max-width:50%;display: flex;flex-wrap:wrap;padding: 10px 0;}
    @media screen and (max-width:768px){
        ul.list_item_info__cols-name{flex-basis: 40%;max-width:40%;}
    }
    @media screen and (max-width:480px){
        ul.list_item_info__cols-name{flex-basis: 100%;max-width:100%;padding: 0;}
    }
.list_item_info__fan_name{flex-basis: 100%;align-self: center;font-size: 18px;word-break: break-all;}
    @media screen and (max-width:768px){
        .list_item_info__fan_name{font-size: 14px;}
    }
ul.list_item_info__cols-subinfo{flex-basis: 30%;max-width:30%;align-self: center;display: flex;flex-wrap: wrap;}
    @media screen and (max-width:768px){
        ul.list_item_info__cols-subinfo{flex-basis: 35%;max-width:35%;}
    }
    @media screen and (max-width:480px){
        ul.list_item_info__cols-subinfo{flex-basis: 100%;max-width:100%;padding: 10px 0;}
    }
ul.list_item_info__cols-subinfo li{flex-basis: 100%;}
ul.list_item_info__cols-btn{flex-basis: 20%;max-width:20%;}
    @media screen and (max-width:768px){
        ul.list_item_info__cols-btn{flex-basis: 25%;max-width:25%;}
    }
    @media screen and (max-width:480px){
        ul.list_item_info__cols-btn{flex-basis: 100%;max-width:100%;padding: 0;}
    }
    @media screen and (max-width:768px){
        div.list_item_info {flex-basis: 100%;max-width: 100%;}
        li.list_item_info__form_area{padding: 0;}
        li.list_item_info__form_area label.list_item_info__normal_button {width: 100%;margin-bottom: 0;}
    }
    @media screen and (max-width:480px){
        div.list_item_info {padding: 10px;flex-basis: 70%;max-width: 70%;}
        div.list_item_info ul li {line-height: 1em;}
    }
/*DIP設定*/
.dip_info_box_container{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.dip_info_box{flex-basis:80%;max-width: 80%;display: flex;flex-wrap: wrap;align-self:flex-start;justify-content: center;margin: auto;}
    @media screen and (max-width:480px){
        .dip_info_box{flex-basis:100%;max-width: 100%;margin-bottom: 10px;}
    }
.dip_control_box{flex-basis:100%;max-width: 100%;display: flex;flex-wrap: wrap;align-self: flex-start;margin-bottom: 1%;}
    @media screen and (max-width:768px){
        .dip_control_box{margin-bottom: 20px;}
    }
.dip_control_box_cols_left{float:left;flex-basis:49%;max-width: 49%;display: flex;flex-wrap: wrap;}
    @media screen and (max-width:480px){
        .dip_control_box_cols_left{flex-basis:100%;max-width: 100%;margin-bottom: 20px;}
        }
.dip_control_box_cols_left input[type="text"]{width: 100%;}
.dip_control_box_cols_right{float:right;flex-basis:49%;max-width: 49%;display: flex;flex-wrap: wrap;align-self: flex-start;position: sticky;top: 110px;}
    @media screen and (max-width:480px){
        .dip_control_box_cols_right{display: none;}
        }
.dip_info_box dt.dip_title,.dip_control_box dt.dip_title,.dip_control_box_half dt.dip_title,.dip_control_box_cols_right dt.dip_title{
    flex-basis:100%;max-width: 100%;font-size: .875rem;background:#3c1615;color:white;text-align: center;padding: 5px;align-self:flex-start;
}
    @media screen and (max-width:480px){
        .dip_info_box dt.dip_title,.dip_control_box dt.dip_title,.dip_control_box_half dt.dip_title{
            font-size:16px;
        }
}
.dip_info_box dd,.dip_control_box dd,.dip_control_box_half dd
{width: 100%;font-size: .825rem;border: #3c1615 1px solid;display: flex;flex-wrap: wrap;justify-content: center;/*align-self:flex-start;*/}
.dip_info_box dd:nth-child(n+3),.dip_control_box dd:nth-child(n+3),.dip_control_box_half dd:nth-child(n+3)
{border-top:none;}
.dip_cols_left{flex-basis: 30%;max-width:30%;text-align: left;padding:10px; color: #3c1615; background: #fbf7ec;font-size: 1rem;display: flex;align-items: center;justify-content: center;}
    @media screen and (max-width:768px){
        .dip_cols_left{flex-basis: 100%;max-width: 100%;}
    }
.dip_cols_right{flex-basis: 70%;max-width:70%;text-align: left;padding: 10px;font-size: 1rem;}
    @media screen and (max-width:768px){
        .dip_cols_right{flex-basis: 100%;max-width: 100%;}
    }
.dip_cols_right input[type="text"]{width: 100%;/*height: 50px;*/}
.dip_cols_right input[type="button"]{width: 100%;padding: 10px 0;}
    @media screen and (max-width:480px){
        .dip_cols_right input[type="text"]{font-size: 14px;}
        .dip_cols_right input[type="button"]{font-size: 14px;}
    }
a.dip_class{font-size: 14px;padding-left: 20px;color: #3c1615;}

.dip_control_list_item_container{width: 100%;overflow-y:scroll;height: 100px;}
.dip_control_list_item_container:after{content: "";width:1px;height: 10px;display: block;}
.dip_control_list_item{width: 100%;display: flex !important;flex-wrap: wrap;margin-bottom:10px ;padding: 10px;border-bottom: 1px dotted #ccc;line-height: 1rem;}
.dip_control_list_item:first-child{padding: 0 10px 10px;}
.item_time{flex-basis: 100%;max-width: 100%;font-size: .75rem;letter-spacing: 0;}
    @media screen and (max-width:768px){
        .item_time{flex-basis: 100%;max-width: 100%;}
    }
.item_text{flex-basis: 100%;max-width: 100%;margin-bottom: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.item_label{background:#aaa;margin-right:5px;padding:1px 3px;border-radius: 4px;font-size: 12px;}
.item_edit_btn{
    flex-basis: 50%; max-width: 50%; padding:3px 0!important; font-size: .75rem; letter-spacing: 0;
    display:inline-block; text-align: center; background: aquamarine;
}
.item_delete_btn{
    flex-basis: 50%; max-width: 50%; padding:3px 0!important; font-size: .75rem;letter-spacing: 0;
}
a.item_none_btn{flex-basis: 10%;max-width: 10%;font-size: 12px;letter-spacing: 0;color:red;}
    @media screen and (max-width:768px){
        a.item_none_btn{flex-basis: 20%;max-width: 20%;}
    }
.item_infomation_text{flex-basis: 90%;max-width: 90%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    @media screen and (max-width:768px){
        .item_infomation_text{flex-basis: 80%;max-width: 80%;}
    }
.item_blog_title{flex-basis: 50%;max-width: 50%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    @media screen and (max-width:768px){
        .item_blog_title{flex-basis: 100%;max-width: 100%;}
    }
.blog_create_btn{margin: auto;text-align: center;padding: 5px;background: #3c1615;color: white;border:1px solid #3c1615;border-radius: 4px;}
.blog_create_btn:hover{background: white;color: #3c1615;border:1px solid #3c1615;border-radius: 4px;text-decoration: none;}

.dip_create_btn{
    width: 100%; display: flex; justify-content: center; margin-bottom: 10px;padding: 0; float: right; position: relative;
    font-size: .75rem; font-weight: bold; color: white!important; letter-spacing: 0; background: #3c1615; border-radius: 4px;
}
.dip_create_btn::before{
    content: "\f055";font-family: "Font Awesome 5 Free";font-size:15px;font-weight: 900;
    position: unset;left: unset;top: unset;padding-right: 5px;
}
.dip_btn_box{ width: 100%; padding: 30px 0;display: flex;flex-wrap: wrap;justify-content: space-around; z-index: 10;}
    @media screen and (max-width:480px){
        .dip_btn_box{margin:20px 0;background: none;}
        .dip_btn_box input:first-child{margin-bottom: 20px !important;}
    }
.dip_btn_item{
    flex-basis: 100%;max-width: 100%;display: flex;justify-content: center;margin:0;padding: 10px;
    background: #3c1615;color: #fff !important;border: 3px solid #3c1615;border-radius: 4px;cursor: pointer;
}
.dip_btn_box input.dip_preview_btn{
    flex-basis:45%;max-width:45%;margin: 0;font-size:1rem;text-align: center;padding:20px 10px;
    background: #20b2aa;color: white;border:1px solid #3c1615;border-radius: 4px;
}
    @media screen and (max-width:480px){
        .dip_btn_box input.dip_preview_btn{flex-basis:100%;max-width:100%;order: 1;}
    }
.dip_btn_box input.dip_submit_btn{
    flex-basis:45%;max-width:45%;margin: 0;font-size:1rem;text-align: center;padding:20px 10px;
    background: #3c1615;color: white;border:1px solid #3c1615;border-radius: 4px;
}
    @media screen and (max-width:480px){
        .dip_btn_box input.dip_submit_btn{flex-basis:100%;max-width:100%;order: 2;}
    }
.dip_selecter {
    font-size: .75rem;height: 38px;text-align: center;display: block;width: 100%;
}
.img_drop_area{
    width: 100%;height: 80px;margin-top:10px; padding: 10px;border: 3px solid; display: flex; justify-content: center;align-items: center;
}

.dip_img{width:auto;height:50px}
.img_style{border: 1px solid #3c1615;width:100%;}
.img_list_wrap{padding: 10px;}
.img_list{list-style:none; display:inline-block; width: auto;height:50px;}
.dip_alert_box{flex-basis: 100%;margin-bottom:10px;padding:5px;background-color: mistyrose;color: red;border-radius: 2px;line-height: 1rem;}

.icon_upload{position: relative;}
.icon_upload::before{content: "\f382";font-family: "Font Awesome 5 Free";font-weight: 900;padding-right: 5px;}
.icon_chevron{position: relative;}
.icon_chevron::before{content: "\f138";font-family: "Font Awesome 5 Free";font-weight: 900;padding-right: 5px;}
.icon_img{position: relative;padding-left: 30px;line-height: 1.2rem;}
.icon_img::before{content: "\f03e";font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 20px;position: absolute;top:9px;left: 5px;}
.icon_detail{position: relative;padding-left: 30px;line-height: 1.2rem;}
.icon_detail::before{content: "\f234";font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 20px;position: absolute;top:8px;left: 5px;}
.icon_info{position: relative;padding-left: 30px;line-height: 1.2rem;}
.icon_info::before{content: "\f05a";font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 20px;position: absolute;top:8px;left: 5px;}

.pickup_item_area{width: 100%;display: flex;flex-wrap: wrap;}
.pickup_item{flex-basis:100%;max-width: 100%;padding: 10px;border-bottom: 1px dotted #ccc;margin: auto;text-align: center;}
.pickup_item input{margin-right: 5px;}

.comment_list{
	margin: 20px 0;
	padding: 10px;
}
.comment_list__title{
	margin-bottom: 20px;
	padding-left: 40px;
    padding-bottom: 2px;
    color: #3c1615;
    font-family:"Noto Sans JP", sans-serif;
    font-size: 34px;
    border-bottom: 1px solid #3c1615;
	position: relative;
}
.comment_list__title:before{
	content: "\f4ad";
    position: absolute;
    left: 0;
    top: -2px;
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.item__comment_list{width:100%;font-size:1em;}
.comment_list_item{margin-bottom:10px;padding:10px 0;border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc;display: flex !important;flex-wrap: wrap;}
.comment_list_cols_left{flex-basis: 70%;max-width: 70%;display: flex;flex-wrap: wrap;}
    @media screen and (max-width:480px){
        .comment_list_cols_left{flex-basis: 100%;max-width: 100%;}
    }
.comment_list_cols_right{flex-basis: 30%;max-width: 30%;display: flex;flex-wrap: wrap;align-content: flex-start;}
    @media screen and (max-width:480px){
        .comment_list_cols_right{flex-basis: 100%;max-width: 100%;}
    }
.comment_list_item_title{flex-basis: 100%;padding-bottom: 10px; font-size: 16px;}
.comment_list_item_title a{pointer-events: none;}
.comment_list_item_text{
	font-size: 13px;
	line-height: 1.8;
	word-break: break-all;
	display: flex;
}
.comment_list_footer_item{flex-basis: 100%;padding-top: 10px; font-size: 13px;}
.comment_list_update_time{color:#3c1615;padding-right: 10px;}
.comment_list_user_name{color:#3c1615;}
.comment_list_more_info{flex-basis: 100%; display: flex;justify-content: flex-end;padding: 0;margin-bottom:20px;align-self: flex-start;}
    @media screen and (max-width:480px){
        .comment_list_more_info{flex-basis: 48%;max-width: 48%;margin: 2% 1%;}
    }
.comment_list_more_info a{
    flex-basis:50%;
    align-self: flex-start;
	border-radius: 4px;
    display: block;
    padding: 7px ;
    background: #FFF;
    color: #3c1615;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #3c1615;
    text-align: center;
}
    @media screen and (max-width:480px){
        .comment_list_more_info a{flex-basis: 100%;max-width: 100%;}
    }
/*******DIP設定NEW-START*******/
.-dip_edit {
    width: 1280px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
    @media screen and (max-width:1280px) {
        .-dip_edit {width: 100%;}
    }
.-dip_edit_h3{flex-basis: 100%;}
.-dip_edit_wrap{flex-basis: 100%;padding: 15px;background-color: #5C3735;border-radius:5px;}

/***左カラム***/
.-dip_edit_nav_wrap {flex-basis: 29%;padding: 15px;background-color: #5C3735;border-radius:5px;}
    @media screen and (max-width:768px) {
        .-dip_edit_nav_wrap {
            flex-basis: 100%;
            max-width: 100%;
            padding: 5px;
        }
    }
.-dip_edit_nav {display: flex;flex-wrap: wrap;font-family: 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',YuGothic,'Yu Gothic',sans-serif;}
.-dip_edit_nav_list {
    padding: 10px;
    background-color: #D8D0D0;
    border-radius: 5px;
}
.denl_item {width: 100%;margin-bottom: 20px;padding-bottom: 20px; color: #5C3735; border-bottom: 1px solid #5C3735;}
.denl_item:last-child{margin-bottom: 10px;padding-bottom: 0px;border: none;}
.denl_item_ttl {display: block; font-size:1rem; line-height: 1.2em; padding-bottom: 10px; font-weight: 900;}
.-dip_edit_nav_ttl {flex-basis: 100%;max-width: 100%;color: #D8D0D0;}
.dent_ttl {font-size: 18px;font-weight: bold;margin-bottom: 10px;color: #D8D0D0;}
    @media screen and (max-width:480px) {
        .dent_ttl {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 5px;
        }
    }
.dent_txt {font-size: 14px;margin-bottom: 20px;line-height: 18px;}
    @media screen and (max-width:480px) {
        .dent_txt {display: none}
    }

/*左カラム-アイコン*/
.-dip_edit_nav_item {
    flex-basis: 32%;
    max-width: 32%;
    height: 105px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    color: #D8D0D0;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    margin-right: 1%;
    margin-bottom: 1%;
    padding: 10px;
    background-color: #3B1513;
    border: 1px solid #D8D0D0;
    box-sizing: border-box;
    border-radius: 5px;
    position: relative;
}
    @media screen and (max-width:1220px) {
        .-dip_edit_nav_item {
            flex-basis: 49%;
            max-width: 49%;
        }
    }
    @media screen and (max-width:768px) {
        .-dip_edit_nav_item {
            flex-basis: 24%;
            max-width: 24%;
            margin-right: 1.333%;
            margin-bottom: 1.333%;
        }
    }
    @media screen and (max-width:480px) {
        .-dip_edit_nav_item {
            height: 75px;
            padding: 0 0 5px;
            font-size: 10px;
            line-height: 10px;
        }
    }
.-dip_edit_nav_item:nth-child(3n+1) {
    margin-right: 0px;
}
    @media screen and (max-width:768px) {
        .-dip_edit_nav_item:nth-child(3n+1) {
            margin-right: 1.33%;
        }
        .-dip_edit_nav_item:nth-child(4n+1) {
            margin-right: 0%;
        }
    }
.-dip_edit_nav_item:last-child {margin-bottom: 0px;}
.-dip_edit_nav_item:hover {opacity: .8;}
.-dip_edit_nav_item a {
    display: flex;
    cursor: pointer;
    height: 100%;
    width: 100%;
    align-items: flex-end;
    justify-content: center;
    color: #D8D0D0;
    z-index: 1;
}

.denl_img_area{/*画像の要素*/
    display: block;
    border-radius: 5px;
    margin: 10px auto 0;
    padding-top: 10px;
    text-align: center;
    background: rgba(255,255,255,.3);
    position: relative;
}
.denl_img_area img {
    width: 90%;
    height: auto;
}
.del_btn::before {/*画像の削除ボタン*/
    content:"\f057";
    position: absolute;
    top:2px;
    right:2px;
    display: block;
    cursor: pointer;
    font-weight: 900;
    font-family: "Font Awesome 5 Free" ;
    font-size: 25px;
    color: #333;
}

/*左カラム-アイコン画像指定*/
.-icon-deni-5 {font-size: 11px;letter-spacing: -2px;}
    @media screen and (max-width:480px) {
        .-icon-deni-5 {font-size: 9px;}
    }
.-icon-deni-1::after,.-icon-deni-2::after,.-icon-deni-3::after,.-icon-deni-4::after,.-icon-deni-5::after,
.-icon-deni-6::after,.-icon-deni-7::after {
    content:"";width: 50%;height: 50%;top:10px;left:0;right:0;margin:auto;position: absolute;
    background-position:center;background-repeat: no-repeat;background-size: contain;
}
.-icon-deni-1::after {width: 70%;background-image: url(../img/icon_deni/vbooth.png);}
.-icon-deni-2::after {background-image: url(../img/icon_deni/c-and-d.png);}
.-icon-deni-3::after {background-image: url(../img/icon_deni/sns.png);}
.-icon-deni-4::after {background-image: url(../img/icon_deni/schedule.png);}
.-icon-deni-5::after {background-image: url(../img/icon_deni/info.png);}
.-icon-deni-6::after {background-image: url(../img/icon_deni/blog.png);}
.-icon-deni-7::after {background-image: url(../img/icon_deni/comment.png);}
    @media screen and (max-width:480px) {
        .-icon-deni-1::after,.-icon-deni-2::after,.-icon-deni-3::after,.-icon-deni-4::after,.-icon-deni-5::after,
        .-icon-deni-6::after,.-icon-deni-7::after {
            width: 50%;height: 50%;top:5px;
        }
    }

/*左カラム-ボタン*/
.-dip_edit_btn {
    width: 100%;
    display: block;
    margin: 40px 0;
    padding: 10px;
    text-align: center;
    color: #3B1513;
    font-size: 18px;
    font-weight: bold;
    background-image: #96802D;
    background: linear-gradient(60deg,#96802D 0%,#DDD189 50%,#fff 100%);
    border: 1px solid #DDD189;
    border-radius: 5px;
    cursor: pointer;
}
    @media screen and (max-width:480px) {
        .-dip_edit_btn {margin: 10px 0;font-size: 14px;}
    }
.edit_small_btn{
    padding: 10px;
    text-align: center;
    color: white;
    font-weight: 900;
    background-color: #3B1513;
    border-radius: 5px;
    display: block;
}
.denl_btn_wrap{
    width: 50%;
    margin: 40px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
    @media screen and (max-width:768px) {
        .denl_btn_wrap{width: 100%;}
    }
.denl_btn,
.denl_btn_back,
.denl_btn_prev {
    flex-basis: 40%;
    max-width: 40%;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
}
@media screen and (max-width:480px) {
    .denl_btn,
    .denl_btn_back,
    .denl_btn_prev {
        flex-basis: 100%;
        max-width: 100%;
        font-size: 14px;
        }
    }
.denl_btn{
    color: #3B1513;
    background-image: #96802D;
    background: linear-gradient(60deg,#96802D 0%,#DDD189 50%,#fff 100%);
    border: 1px solid #DDD189;
}
.denl_btn_prev{
    color: #008b8b;
    background-image: #afeeee;
    background: linear-gradient(60deg,#20b2aa 0%,#afeeee 50%,#fff 100%);
    border: 1px solid #afeeee;
}
.denl_btn_back{
    color: #fff;
    background-image: #333;
    background: linear-gradient(60deg,#000 0%,#333 50%,#666 100%);
    border: 1px solid #aaa;
}
@media screen and (max-width:480px) {
    .denl_btn_prev{order: 1;}
    .denl_btn{order: 2;margin-top: 40px;}
    .denl_btn_back{order: 3;margin-top: 40px;}
}

/*チェックボックス*/
label.option{
    position: relative;
    padding: 0 0 0 20px;
    font-size: 14px;
    line-height: 18px;
    display: block;
    margin-bottom: 10px;
}
label.option::before,
label.option::after {
    position: absolute;
    content: "";
    display: block;
    top: 1px;
}
label.option::before{
    left: 5px;
    margin-top: 2px;
    width: 5px;
    height: 9px;
    border-right: 3px solid #0171bd;
    border-bottom: 3px solid #0171bd;
    transform: rotate(45deg);
    opacity: 0;
    z-index: 1;
}
label.option::after{
    left: 0px;
    margin-top: 0px;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border: 2px solid #999;
    border-radius: 4px;
}
input[type=checkbox]:checked + label.option:before {
    opacity: 1;
}

/*入力欄の調整*/
.denl_item_input {display: block;font-size:.875rem;}
.denl_item_input input{width:100%;padding: 10px;}
.denl_item_input input[type="submit"],
.denl_item_input input[type="button"],
.denl_item_input input[type="reset"],
.denl_item_input input[type=checkbox] {
    width: auto;
    padding: 5px 10px;
    color: #3B1513;
    border-radius: 5px;
    border: 1px solid #3B1513;
}
.denl_item_input input[type=checkbox] {display: none;}
.denl_item_input select {padding: 5px 10px; margin-bottom: 10px;}
.denl_item_input textarea.post {padding:10px;width:100%;max-width:1190px;height:200px;}
    @media screen and (max-width:1000px){
        .denl_item_input textarea.post {max-width:700px;}
    }
    @media screen and (max-width:480px){
        .denl_item_input textarea.post {max-width:480px;}
    }

/***右カラム***/
.preview_1col_wrap {/*1カラムの場合*/
    flex-basis: 100%;
    max-width: 100%;
}
.preview-ttl {
    font-size: 18px;
    font-weight: 900;
    color: #3B1513;
    border-bottom: 1px solid #3B1513;
    margin-bottom: 20px;
}
.preview_1col{/*content領域*/
    flex-basis: 100%;
    max-width: 100%;
}
.-cmnt-item-list{/*コメントアイテム*/
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
}
.-cmnt-item-id{/*inner-2cols*/
    flex-basis: 15%;
    max-width: 15%;
    display: flex;
    flex-direction: column;
    margin: auto;
}

.-cmnt-item-id img{
    width: 40px;
    height: 40px;
    margin: auto;
    text-align: center;
}
@media screen and (max-width:480px) {
    .-cmnt-item-id img{width: 30px;height: 30px;}
}
.-item-id_name{
    display: block;
    text-align: center;
    padding-top: 10px;
    font-size: 12px;
    color: #3B1513;
    word-break: break-all;
}
@media screen and (max-width:480px) {
    .-item-id_name{
        padding-top: 5px;
        text-align: center;
        font-size: 10px;
    }
}
.-cmnt-wrap{/*inner-2cols*/
    flex-basis: 80%;
    max-width: 80%;
    padding:15px;
    margin-left: 20px;
    background: #efeded;
    border-radius: 15px;
    position: relative;
    box-sizing: border-box;
    font-size: 14px;
    color: #5C3735;
    line-height: 18px;
}
@media screen and (max-width:480px) {
    .-cmnt-wrap{
        flex-basis: 85%;
        max-width: 85%;
        padding:10px;
        margin-left: 0;
        border-radius: 10px;    
    }
}
.-cmnt-wrap::after{
    content: "";
    position: absolute;
    margin: auto;
    top:0;
    bottom:0;
    left: -16px;
    width: 16px;
    height: 16px;
    border-right: 16px solid #efeded;
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
}
@media screen and (max-width:480px) {
    .-cmnt-wrap::after{
        border-right: 8px solid #efeded;
        }
}
/*ブログSTART*/
.-blog-item-list{/*ブログアイテム*/
    display: flex;
    flex-wrap: wrap;
    padding-bottom:20px;
    padding-top: 20px;
    border-bottom: #5C3735 dotted 1px;
}
.-blog-item-list:first-child{
    padding-top: 0px;
}
.-blog-item{/*inner-2cols*/
    flex-basis: 50%;
    max-width: 50%;
    display: flex;
}
@media screen and (max-width:480px) {
    .-blog-item{flex-basis: 100%;max-width: 100%;}
}
.-blog-item a{display: flex;}
.-blog-item-img{
    padding-right: 10px;
}
.-blog-item-img img{
    width: 70px;
    height: 70px;
    object-fit: cover;
}
.-blog-item-info{
    box-sizing: border-box;
    font-size: 14px;
    color: #5C3735;
    line-height: 18px;
}
.-blog-item-btn{/*inner-2cols*/
    flex-basis: 50%;
    max-width: 50%;
    justify-content: flex-end;
    display: flex;
    align-items: center;
}
@media screen and (max-width:480px) {
    .-blog-item-btn{flex-basis: 100%;max-width: 100%;font-size: .75rem;}
}
.-blog-item-btn a{
    padding: 5px 20px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
}
.-blog-item-btn a.-is-edit-btn{
    background-color: #3B1513;
    margin-right: 10px;
}
.-blog-item-btn a.-is-prev-btn{
    background-color: #22B573;
    margin-right: 10px;
}
.-blog-item-btn a.-is-del-btn{
    background-color: #333;
}
.-blog-item-btn a.-is-edit-btn::before{
    content: "\f058";
    font-weight: 900;
    font-family: "Font Awesome 5 Free" ;
    padding-right: 5px;
}
.-blog-item-btn a.-is-del-btn::before{
    content: "\f057";
    font-weight: 900;
    font-family: "Font Awesome 5 Free" ;
    padding-right: 5px;
}
.-tag-area{display: block;padding-bottom:10px;}
.-tag{
    margin-right: 15px;
    padding: 5px 10px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background-color: #5C3735;
    border-radius: 5px;
    position: relative;
}
.-tag i{
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 20px;
    cursor: pointer;
    color: #eee;
    background-color: #bb0000;
    width: 19px;
    height: 19px;
    border-radius: 50%;
}
/*ブログEND*/
.-item_name{
    display: block;
    border-bottom: 1px dotted #5C3735;
}
@media screen and (max-width:480px) {
    .-item_name{font-size: .75rem;}
}
.-item_time{
    display: block;
}
.-item_ttl{
    display: block;
}
.-cmnt{
    display: block;
    padding: 15px;
}
@media screen and (max-width:480px) {
    .-cmnt{padding: 10px 5px;font-size: .75rem;}
}
.-cmnt-under {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 15px;
}
@media screen and (max-width:480px) {
    .-cmnt-under {padding: 0;}
}
.-star{
    flex-basis: 50%;
    max-width: 50%;
    display: flex;
    justify-content: flex-start;
    font-size: 1.25rem;
    color: goldenrod;
}
@media screen and (max-width:480px) {
    .-star{font-size: 1rem;line-height: 1.5rem;}
}
.-tggl{
    flex-basis: 50%;
    max-width: 50%;
    display: flex;
    justify-content: flex-end;
    padding-right: 130px;
}
@media screen and (max-width:480px) {
    .-tggl{justify-content: flex-start;padding-right: 0px;}
}

.preview_wrap{/*2カラムの場合*/
    flex-basis: 70%;
    max-width: 70%;
    margin-left:1%;
    padding-left: 10px;
}
    @media screen and (max-width:768px) {
        .preview_wrap{
            flex-basis: 100%;
            max-width: 100%;
            margin-left:0;
            margin-top: 20px;
        }
    }
.preview-tag{/*エリア表示タグ*/
    display: inline-block;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 900;
    color: #D8D0D0;
    background-color: #5C3735;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
@media screen and (max-width:480px){
    .preview-tag{font-size: 14px;}
}
.preview-tag::before{
    content: "\f108";
    font-family:"Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
}
.preview{/*content領域*/
    flex-basis: 100%;
    max-width: 100%;
    min-height: 500px;
    border: 1px solid #5C3735;
}
    @media screen and (max-width:480px){
        .preview{min-height: 0;}
    }
/*トグルボタン*/
.toggle_input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
}
.toggle_label {
    width: 50px;
    height: 30px;
    /*background: #fff;*/
    border: 3px solid #ccb8b8;
    position: relative;
    display: inline-block;
    border-radius: 40px;
    transition: 0.4s;
    box-sizing: border-box;
}
@media screen and (max-width:480px){
    .toggle_label {height: 25px;}
}
.toggle_label:before {
    content: "コメントの非表示";
    position: absolute;
    display: flex;
    align-items: center;
    width: 150px;
    font-weight: 900;
    top: 0;
    bottom: 0;
    left: 55px;
    margin: auto;
    color:#ccb8b8;
}
@media screen and (max-width:480px){
    .toggle_label:before{ content: "コメント非表示";width: 100px;font-size: .75rem;top: -2px;left: 50px;}
}
.toggle_label:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    left: 2px;
    top: 2px;
    z-index: 2;
    background: #ccb8b8;
    transition: 0.4s;
}
@media screen and (max-width:480px){
    .toggle_label:after {width: 15px;height: 15px;}
}
.toggle_input:checked + .toggle_label {
    border: 3px solid #bb0000;background: #fff
}
.toggle_input:checked + .toggle_label:after {
    left: 22px;
    background: #bb0000;
}
@media screen and (max-width:480px){
    .toggle_input:checked + .toggle_label:after {left: 27px;}
}
.toggle_input:checked + .toggle_label:before {
    color: #bb0000;
}
.toggle_button {
    position: relative;
}
/*注意書きBOX*/
.caution_box{width: 50%; margin:50px auto 0; padding: 20px;color: #bb0000;background-color: #ffcccc; border: 1px solid #bb0000; border-radius: 5px;}
    @media screen and (max-width:480px){
        .caution_box{width: 100%;margin: auto;border-radius: 0;}
    }
.caution_box_ttl{font-size: 18px; font-weight: 900;text-align: center;}
.caution_box_txt{font-size: 14px; padding-top: 20px;}

/*パンくず矢印*/
.chev{
    padding-left: 10px;
}
@media screen and (max-width:480px){
    .chev{display: block;padding-left: 0px;}
}
.chev::before{
    content:"\f101";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    padding-right: 10px;
    color: #a8a0a0;
}

/*調整スタイル*/
.-width-auto{width:auto!important;}
.-pdng-top{padding-top: 15px;}
@media screen and (max-width:480px){
    .sp-none{display: none;}
}

/*******DIP設定NEW-END*******/

/*購入履歴*/
.receipt_wrap {margin:0 auto;}
ul.list_item_info__buylist li{line-height: 1;}
ul.receipt_table_value li{display:grid;}
.content_main li.receipt_total{display: flex;}
.customer_name{font-size:16px;padding: 10px 0;margin-right: 20px;}
.customer_checkbox{margin-right:5px;padding: 10px 0;align-self: center;}
.c-o-t-d_receipt_dl_wrap{width:100%;margin: 20px auto;text-align: center;}
    @media screen and (max-width:480px){
        .c-o-t-d_receipt_dl_wrap{display: flex;flex-wrap: wrap;}
    }
a.c-o-t-d_receipt_dl{margin:auto;padding: 10px 20px; border-radius:5px;text-align: center;background:#3c1615;color:white !important;border:1px solid #3c1615}
a.c-o-t-d_receipt_dl:hover{background:white;border:1px solid #3c1615;color:#3c1615 !important;}
    @media screen and (max-width:480px){
        a.c-o-t-d_receipt_dl{flex-basis:100%;max-width: 100%;margin-bottom: 20px;}
    }
.dealer_name_receipt{flex-basis:100%;max-width:100%;font-size:16px;padding-bottom: 10px;}
.dealer_sign{width:50%;margin-left: 50%;border-bottom: 1px dotted #ccc;font-size: 16px;padding-bottom: 5px;}
    @media screen and (max-width:768px){
        .dealer_sign{width:100%;margin-left: 0;}
    }
.c-o-t-d_receipt_value-1_title,.c-o-t-d_receipt_value-1{flex-basis: 30%;max-width: 30%;word-break: break-all;}
.c-o-t-d_receipt_value-2_title,.c-o-t-d_receipt_value-2{flex-basis: 30%;max-width: 30%;word-break: break-all;}
.c-o-t-d_receipt_value-3_title,.c-o-t-d_receipt_value-3{flex-basis: 10%;max-width: 10%;text-align: center;}
.c-o-t-d_receipt_value-4_title,.c-o-t-d_receipt_value-4{flex-basis: 10%;max-width: 10%;text-align: center;}
.c-o-t-d_receipt_value-5_title,.c-o-t-d_receipt_value-5{flex-basis: 10%;max-width: 10%;text-align: center;}
.c-o-t-d_receipt_value-6_title,.c-o-t-d_receipt_value-6{flex-basis: 10%;max-width: 10%;text-align: center;}
.c-o-t-d_receipt_value-7_title{flex-basis: 70%;max-width: 70%;flex-grow:1;text-align: center;}
ul.c-o-t-d_total_table {
    width: 100%;
    margin-bottom:10px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    border-top: 3px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
ul.c-o-t-d_total_table li{padding: 10px;}
.sales_value-1_title,.sales_value-1{flex-basis: 65%;max-width: 65%;word-break: break-all;}
.sales_value-2_title,.sales_value-2{flex-basis: 12%;max-width: 12%;}
.sales_value-3_title,.sales_value-3{flex-basis: 10%;max-width: 10%;text-align: center;}
.sales_value-4_title,.sales_value-4{flex-basis: 13%;max-width: 13%;}
@media screen and (max-width:480px){
    .sales_value-1_title,.sales_value-2_title,.sales_value-3_title,.sales_value-4_title{display: none !important;}
    .sales_value-1{flex-basis: 100%;max-width: 100%;}
    .sales_value-1 span{display: block;}
    .sales_value-2{flex-basis: 42%;max-width: 42%;position: relative;padding-left: 70px !important;}
    .sales_value-2::before{content:"販売価格:";position: absolute;top: 0;left: 10px;padding-top: 10px;}
    .sales_value-3{flex-basis: 25%;max-width: 25%;position: relative;padding-left: 40px !important;}
    .sales_value-3::before{content:"個数:";position: absolute;top: 0;left: 10px;padding-top: 10px;}
    .sales_value-4{flex-basis: 33%;max-width: 33%;position: relative;padding-left: 40px !important;}
    .sales_value-4::before{content:"小計:";position: absolute;top: 0;left: 10px;padding-top: 10px;}
}
.omatome_list_value-1_title,.omatome_list_value-1{flex-basis: 20%;max-width: 20%;}
.omatome_list_value-2_title,.omatome_list_value-2{flex-basis: 65%;max-width: 65%;word-break: break-all;}
.omatome_list_value-3_title,.omatome_list_value-3{flex-basis: 15%;max-width: 15%;text-align: center;}
@media screen and (max-width:480px){
    .omatome_list_value-1_title,.omatome_list_value-1{flex-basis: 30%;max-width: 30%;}
    .omatome_list_value-2_title,.omatome_list_value-2{flex-basis: 55%;max-width: 55%;}
    .omatome_list_value-3_title,.omatome_list_value-3{flex-basis: 15%;max-width: 15%;}
}
ul.receipt_table_value:last-child {border-bottom:0px;margin-bottom:10px ;}
ul.receipt_table_total{margin-top:0px;}
.dshipping_item_title{flex-basis: 100%; padding: 10px !important; background: #ececec; margin: auto;display: flex;}
.dshipping_list_value-1_title,.dshipping_list_value-1{flex-basis: 15%;max-width: 15%;}
.dshipping_list_value-2_title,.dshipping_list_value-2{flex-basis: 40%;max-width: 40%;word-break: break-all;}
.dshipping_list_value-3_title,.dshipping_list_value-3{flex-basis: 10%;max-width: 10%;text-align: center;}
.dshipping_list_value-4_title,.dshipping_list_value-4{flex-basis: 15%;max-width: 15%;text-align: center;}
.dshipping_list_value-5_title,.dshipping_list_value-5{flex-basis: 20%;max-width: 20%;text-align: center;}
@media screen and (max-width:768px){
    .dshipping_list_value-1_title,.dshipping_list_value-1{flex-basis: 20%;max-width: 20%;}
    .dshipping_list_value-2_title,.dshipping_list_value-2{flex-basis: 35%;max-width: 35%;}
}
@media screen and (max-width:480px){
    .dshipping_list_value-1_title,.dshipping_list_value-2_title,.dshipping_list_value-3_title,
    .dshipping_list_value-4_title,.dshipping_list_value-5_title{font-size: 8px;padding: 2px !important;height: 40px;}

}
.receipt_item_content{border-top: none !important;border-right: none !important;}
.receipt_item{margin-bottom: 10px !important;border-top: 1px solid #ccc;border-right: 1px solid #ccc;}
ul.receipt_table_total2{width: 35%;margin: 10px 0; padding: 0; display: flex;justify-content: flex-end;flex-wrap: wrap;box-sizing: border-box;border-top:1px solid #ccc;border-right:1px solid #ccc;}
@media screen and (max-width:480px){
    ul.receipt_table_total2{width: 100%;}
}
ul.receipt_table_total2 li{margin:0 auto;padding:10px;flex-grow: 1; padding-left: 5px;background: #fff;display: flex;justify-content: flex-end;border-bottom:1px solid #ccc;}
ul.receipt_table_total2 li:nth-child(odd){flex-basis: 57%;max-width:57%;}
ul.receipt_table_total2 li:nth-child(even){flex-basis: 43%;max-width:43%;}
ul.receipt_table_total2 li.receipt_total_title{background: #efefef;}
.event_title{width: 100%;font-size: 16px;line-height: 24px;display:block;text-align: center;}

.receipt_footer{flex-wrap: wrap;}
.dealer_sign_under_text{width: 100%;margin: 0;float:right;text-align:right;padding-top: 10px;}
/**商品登録**/
tbody.item_create{width:100%;}
tbody.item_create td:nth-child(odd){width: 40%;}
tbody.item_create td:nth-child(even){width: 60%;}
@media screen and (max-width:480px){
    tbody.item_create td{display: inline-grid;}
    tbody.item_create td:nth-child(odd){width: 100%;}
    tbody.item_create td:nth-child(even){width: 100%;}
}
.item_create td{padding:15px 10px;vertical-align: top;}
.item_create input[type="text"]{padding:15px 10px;}
.btn_area{width:100%;display: flex;flex-wrap: wrap;justify-content: space-around; margin:50px auto 0 auto;padding:50px 0;border-top: 3px solid #ccc;}
@media screen and (max-width:480px){
    .btn_area input{font-size: 16px;}
}
.caution_text{flex-basis: 100%;max-width: 100%;margin-bottom:50px;padding: 10px;background: tomato;color: white;border-radius: 5px;text-align: center;}
input.item_create_back_btn{
    flex-basis: 28%;
    max-width: 28%;
    border-radius: 4px;
    padding: 20px;
    background-color: #C0C0C0;
    border: 1px solid #C0C0C0;
    text-align: center;
    color: #333;
}
@media screen and (max-width:480px){
    input.item_create_back_btn{
        flex-basis: 100%;
        max-width: 100%;
        order: 2;
        margin-bottom: 10px;
    }
}
input.item_create_back_btn:hover{
    background-color: #333;
    border: 1px solid #333;
    color: #C0C0C0;
}
input.item_create_submit_btn{
    flex-basis: 28%;
    max-width: 28%;
    border-radius: 4px;
    padding: 20px;
    background-color: #3c1615;
    border: 1px solid #3c1615;
    text-align: center;
    color: white;
}
@media screen and (max-width:480px){
    input.item_create_submit_btn{
        flex-basis: 100%;
        max-width: 100%;
        order: 1;
        margin-bottom: 10px;
    }
}
input.item_create_submit_btn:hover{
    background-color: white;
    border: 1px solid #3c1615;
    color: #3c1615;
}

input.item_create_preview_btn{
    flex-basis: 28%;
    max-width: 28%;
    padding: 20px;
    border:1px solid #20b2aa;
    background: #20b2aa;
    text-align: center;
    color: white;
    border-radius: 4px;
}
@media screen and (max-width:480px){
    input.item_create_preview_btn{
        flex-basis: 100%;
        max-width: 100%;
        order: 3;
    }
}
input.item_create_preview_btn:hover{
    background-color: white;
    border:1px solid #20b2aa;
    color: #20b2aa;
}
input.preview_none{display: none;}
.item_navi{
	flex-basis: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	border-top: 1px solid #3c1615;
	margin: 50px auto;
	padding-top: 50px;
}
.item_navi li{
    flex-basis: 40%;
    max-width: 40%;
	font-size:15px;
}
@media screen and (max-width:1050px) {
	.item_navi li{font-size:12px;}
}
@media screen and (max-width:768px) {
	.item_navi li{flex-basis: 33%;max-width: 33%;padding-bottom: 2%;}
	.item_navi li:nth-child(n+3){padding-bottom: 0;}
}
@media screen and (max-width:480px) {
	.item_navi li{flex-basis: 100%;max-width: 100%;padding-bottom: 10px;display: flex;flex-wrap: wrap;}
}
.item_navi li a {
    width: 100%;
	letter-spacing: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	padding: 20px;
	color: white;
	background: #3c1615;
	border:1px solid #3c1615;
	border-radius:4px;
	position: relative;
}
.item_navi li a:hover{
	color: #3c1615;
	background:white;
	border:1px solid #3c1615;
}

/*情報*/
table.dealer_guarantee_area{border: 3px solid #ccc;background:#efefef;width: 100%;}
table.dealer_guarantee_area tr:nth-child(even){background: white;}
table.dealer_guarantee_area td:nth-child(odd){width:30%;}
@media screen and (max-width:480px){
    table.dealer_guarantee_area td:nth-child(odd){width:100%;}
}
.dealer_guarantee_title{font-size: 20px;text-align: center;}
.input_example{font-size: 13px;}
@media screen and (max-width:480px){
table.message_create_body td:nth-child(odd){width: 20% !important;}
.message_navi li{flex-basis:100%;max-width: 100%;display: flex;flex-wrap: wrap;}
}
.message_navi li a{width: 100%;}

/*イベントガイド*/
dl.event_guide{width:100%;margin: 20px 0 50px;padding: 0;display: flex;flex-wrap: wrap;/*border:1px solid #003366;border-radius: 5px;*/}
dl.event_guide dt{flex-basis:100%;max-width:100%;margin-top: 20px;padding: 5px;border-bottom:2px solid #003366;font-size: 1.2rem; font-weight: 700;}
dl.event_guide dt.event_guide_tittle{margin:0 auto;padding:10px 0;text-align: center;border-bottom:none;}
dl.event_guide dd{flex-basis:100%;max-width:100%;/*margin-top: 20px;*/padding: 0;display: flex;flex-wrap: wrap;letter-spacing: 1;}

/*is-fixed*/
.is-fixed {
    position: fixed;
    top: 0 !important;
    left: 0;
    margin-top: 0;
    padding-top: 10px;
    z-index: 2;
  }

  /*tooltip*/
.tooltip{
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.description {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #444;
    width: 200px;
}
.description:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    border: 5px solid transparent;
    border-bottom: 5px solid #444;
    margin-left: -5px;
}
.tooltip:hover .description{
    display: block;
    top: 30px;
    left: 0px;
}
/*popup*/
/* ポップアップウインドウの設定 */
.popup {
    background: rgba(0, 0, 0, .8);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color:#333;
    z-index:100000;
  }
  .popup::after{
      content: "";
      width: 100%;
      height: 100%;
      position: fixed;
      top:0;left:0;
      z-index:-1;
  }
  @media screen and (max-width: 768px) {
  .popup {width: 100%;height:100%;}
  }
  .popup-content {
	background-color: #fff;
    margin: auto;
    padding:0;
    width: 700px;
    height:70%;
    overflow-y: scroll;
    z-index:100001;
    position: absolute;
    top:0;
    left: 0;
    bottom:0;
    right:0;
  }
  @media screen and (max-width: 480px) {
    .popup-content  {width: 100%;}
    }
  /* チェックボックスの初期設定 */
  #popup-on{display: none;}
  /* チェックされたらポップアップウインドウを開く */
  #popup-on:checked + .popup{display: block;}

  /* 閉じるアイコン（右上） */
  .icon-close{
    background: #000;
    color: #fff;
    font-size: 30px;
    padding: 0 10px;
    display: inline-flex;
    position: sticky;
    position: -webkit-sticky;
    top:0;
    left:0;
    z-index:1;
  }
    @media screen and (max-width:480px){
        .icon-close{font-size: 20px;}
    }

  /*ディーラーカット*/
  table.dcut_up__table{width:100%;display: table;margin-top: 20px;}
    @media screen and (max-width:480px){
    table.dcut_up__table{table-layout: fixed;}
    }
  table.dcut_up__table thead td:nth-child(odd){background: #fbf7ec;}
  table.dcut_up__table tr{
  border-top:1px solid #3c1615;
  border-right:1px solid #3c1615;
  }
  @media screen and (max-width: 768px) {
      table.dcut_up__table tr{border-left:1px solid #3c1615;padding:0;}
      table.dcut_up__table tr:last-child{border-bottom:1px solid #3c1615;}
  }
  table.dcut_up__table td{
      border-left:1px solid #3c1615;
      border-bottom:1px solid #3c1615;
      padding:20px 10px;
      overflow-wrap: break-word;
  }
  table.dcut_up__table td:nth-child(odd){width: 30%;}
  @media screen and (max-width: 768px) {
      table.dcut_up__table td:nth-child(odd){display:block;width: 100%;}
  }
  table.dcut_up__table td:nth-child(even){width: 70%;}
  @media screen and (max-width: 768px) {
      table.dcut_up__table td:nth-child(even){display:block;width: 100%;}
  }
  table.dcut_up__table td input[type="text"] {width:100%;border-width:0px;border-style:none;outline: none;font-size:16px;}
  table.dcut_up__table td textarea{width:100%;height:500px;border: none;padding: 10px;outline: none;font-size:16px;}
  @media screen and (max-width: 768px) {
      table.dcut_up__table td{border-left:none;padding:15px 10px;}
      table.dcut_up__table td textarea{height:50vh;}
  }

  .dcut_up__info{text-align: left!important;}
    @media screen and (max-width:480px) {
        .dcut_up__info{font-size: 0.8em}
    }
.spec_list li{position: relative;display:block;padding-left: 14px;font-size: 14px;}
  .spec_list li::before{content:"・";top:0;left:0;position: absolute;display: inline-block;}
  .caution_list li{position: relative;display:block;padding-left: 14px;font-size: 14px;}
  .caution_list li::before{content:"※";top:0;left:0;position: absolute;display: inline-block;}
  .dcut_up__title{font-size: 18px;font-weight: bold;}
    @media screen and (max-width:480px) {
        .dcut_up__title{font-size: 14px}
    }
  .dcut_up__subtitle{font-size: 14px;line-height:18px;margin-top:10px;padding-left:14px;display: flex;text-align: left;position: relative;}
  .dcut_up__subtitle:first-child{margin-top:0;}
  .dcut_up__subtitle::before{content:"・";top:0;left:0;display:inline-block;position: absolute;}
  .dcut_up__box_wrap{margin-bottom: 10px;}
  .dcut_up__box{width:90%; height:100px; padding:10px; border:3px solid;}
  /* 送信ボタン */
  .submit_btn{
    background: #3c1615;
    border-radius: 4px;
    color: #fff;
    padding:20px 10px;
  font-size: 14px;
    cursor: pointer;
    margin: 20px auto;
    width:50%;
    text-align: center;
  display: block;
  }
  .submit_btn input{display: none;}
  @media screen and (max-width: 768px) {
  .submit_btn {width: 90%;font-size: 12px;}
  }
  /*21/02/12 追加*/
#repassword_link a {
	color: red !important;
	font-weight: bold !important;
}

.event_data_anchor {
	color: blue !important;
}

.dealerpage_menu {
	position: relative;
	font-weight:bold;
	text-align:center;
	font-size:20px;padding: 10px 0;
    background: url(img/pattern.png);
}

.dealerpage_menu:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 38%;
  transition: all 0.2s ease-in-out;

  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 4px #000;
  border-right: solid 4px #000;

  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.dealerpage_menu.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}
.btn_asterisk{margin:0 auto;padding-left:14px;display:block;font-size:14px;color:#006699;position: relative;}
.btn_asterisk::before{content:"※";display:inline-block;top:0;left:0;position:absolute;}

#def_image {
	position: relative;
	z-index: 0;
}

button.img-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.img-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	left: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	filter: alpha(opacity=65);
	padding: 0 0 18px 10px;
	color: #000;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace;
}

.j_view_kbn_off{
	font-weight: bold;
	color: #2282ff;
}

.j_view_kbn_on{
	font-weight: bold;
	color: #ff0000;
}

.j_view_kbn_none{
	color: #666;
}

dl.normal_item{width:100%;border-top: 1px dotted #ccc;margin-top:30px;padding-top: 2%;display: flex;flex-wrap: wrap;}
dl.normal_item dt,dl.normal_item dd{flex-basis: 100%;max-width: 100%;}
.normal_item_btn_wrap{width:100%;display: block;text-align: center;margin: 1% auto;}
.normal_item_btn{
    padding: 10px 20px;
	font-size: 1em;
    text-decoration: none;
    border-radius: 15px;
    transition: .4s;
    background: #006699;
    color: white !important;
    text-align: center;
}
.honshinsei_btn2 {
    background: #3c1615;
    border-radius: 5px;
    display: inline-block;
    margin-left: 20px;
    padding: 0px 10px;
    color: white !important;
    border: 1px solid white;
    font-size: 12px;
    letter-spacing: .2em;
}
@media screen and (max-width:480px) {
	.honshinsei_btn2 {margin-left: 0px;padding: 5px;font-size: 11px;letter-spacing: .1em;}
}

.torisage_btn{
		background: #e83c3c;
    border-radius: 5px;
    display: inline-block;
    margin-top: 2%;
    margin-left: 20px;
    padding: 1% 2%;
    color: white !important;
    border: 1px solid white;
}

@media screen and (max-width: 768px){
.torisage_btn {
    display: inline-block;
    margin: 1% 0 2% 0;
    line-height: 1.2em;
    padding: 15px;
    text-align: center;
}
}
@media screen and (max-width: 480px){
.torisage_btn {
    font-size: 12px;
    padding: 10px;
}
}

.item_list_title{font-size: 18px;padding-left:18px;font-weight: 700;color: #444;position: relative; background-image: none;}
@media screen and (max-width:480px) {
	.item_list_title {font-size: 14px;padding-left:14px;line-height: 18px;margin-bottom: 20px;}
}
.item_list_title::before{content: "\f152";font-family: "Font Awesome 5 Free";font-weight: 900;top:0;left:0;display:inline-block;position: absolute;}
@media screen and (max-width:480px) {
.item_tr{font-size:12px;line-height:1.2em;}
}
.item_table{display: table;width:100%;border-top: 1px dotted #ccc;border-right: 1px dotted #ccc;}
.item_table tr{font-size:100%;display: flex;border-bottom: 1px dotted #ccc;}
@media screen and (max-width:480px) {
.item_table tr{font-size:12px;line-height:1.2em;}
}
.item_table td.item1___title{width:35%;text-align: center;}
.item_table td.item1{width:35%;word-break: break-all;padding-left: 5px;}
@media screen and (max-width:480px) {
.item_table td.item1{padding-left: 0px;}
}
.item_table td.item2{width:15%;text-align: center;}
.item_table td.item3{width:15%;text-align: center;}
.item_table td.item4{width:15%;text-align: center;}
.item_table td.item5{width:20%;text-align: center;}
.item_table td.item1___title,.item_table td.item1,.item_table td.item2,.item_table td.item3,.item_table td.item4,.item_table td.item5
{border-left: 1px dotted #ccc;padding-top: 10px;padding-bottom: 10px;}
.user_main_navi li a.reset__padding_left{padding-left: 0px;}
.announce {display: block;width: 100%;margin: 10px auto;padding: 10px;text-align: center;background: rgba(255,0,0,0.1);color: red;}
.maintenance_alert{
	width: 100%;
    margin: auto;
    text-align: center;
    padding: 20px;
    margin-bottom: 40px;
    font-size: 1rem;
    font-weight: 700;
    color: #bb0000;
    background: #ffcccc;
}
div.dinfo_list_wrap{width:100%;margin: 0 auto;padding: 0;display: flex;flex-wrap: wrap;background: white;border: 3px solid #003366; border-radius: 5px;}
div.dinfo_list_wrap h4{flex-basis: 100%;max-width: 100%;height: auto;margin: auto;padding: 10px;color: white;font-size: 1.8rem;font-weight: 700;display: flex;justify-content: center;padding-bottom: 1rem;background: #003366;}
ul.dinfo_list{flex-basis: 100%;max-width: 100%;display:flex;flex-wrap:wrap; padding: 1rem 2rem;font-size: 1em; line-height: 2rem;}
ul.dinfo_list li{flex-basis:100%;max-width:100%;padding: 0; line-height: 2rem;}

/*サイドバー（ナビゲーション）*/
.side_nav{flex-basis:200px;max-width:200px;margin-top:145px;padding:0;color:#fff;position: fixed;transition: .5s}
    @media screen and (max-width:768px) {
        .side_nav{margin-top:0px;}
    }

    @media screen and (max-width:480px) {
        .side_nav{display: none;}
    }
.side_nav::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height: 100vh;
    background-color:#6f5151;
    background: linear-gradient(180deg,#6f5151 0%,#3c1615 80%);
    z-index: -1;
}

.side_nav_hide{transform: translateY(-145px);}
.side_nav_list_box{width: 100%;padding: 0 5px;margin-top: 5px;}
    @media screen and (max-width:480px) {
        .side_nav_list_box{padding: 0;}
    }
.side_nav_list_box dt{flex-basis:100%;max-width: 100%;padding: 5px;border: 1px solid #fbf7ec;background: #6f5151;color: #eee;font-weight: 500;font-size: 14px;}
.side_nav_list_box dd{flex-basis:100%;max-width: 100%;padding: 10px;font-size: 12px;border: 1px solid #fbf7ec;border-top:none;background: #3c1615;padding-left:30px;position: relative;}
    @media screen and (max-width:480px) {
        .side_nav_list_box dd{min-height:40px;max-height:60px;height: 40px;padding: 0px;cursor: pointer;}
    }
.side_nav_list_box dd:hover{background: #96802d;}
.side_nav_list_box dd a{color: #FFF!important;cursor: pointer;display: block;}
    @media screen and (max-width:480px) {
        .side_nav_list_box dd a{display: block;padding: 10px 5px 10px 35px;transform: translateX(-100px);opacity: 0;overflow: hidden;}
    }
.side_nav_list_box dd a:hover{color: #eee!important;}
.side_nav_logo{width: 100%;margin: 5px 0 0 20px;display: flex;}
.side_nav_logo img{width: auto;height:55px;}
.icon__menu_text{display: inline-block;height: 20px;}
    @media screen and (max-width:480px) {
        .icon__menu_text{display: block;padding-left: 5px;transform: translateX(-100px);opacity: 0;overflow: hidden;}
    }
/*ボタンのアイコン制御*/
.icon__menu{position: relative;padding-left:20px;height: 20px;}
.icon__menu:before{content:"\f0c9";font-family: "Font Awesome 5 Free";font-size:15px;font-weight: 900;position: absolute;left:0;top:0;display: block;margin-top: 3px;}
.icon__home:before{content:"\f015";font-family: "Font Awesome 5 Free";font-size:15px;font-weight: 900;position: absolute;left:5px;top:0;display: block;margin-top: 11px;}
.icon__message:before{content:"\f0e0";font-family: "Font Awesome 5 Free";font-size:15px;font-weight: 900;position: absolute;left: 5px;top:0;display: block;margin-top: 12px;}
.icon__dip:before{content:"\f2bb";font-family: "Font Awesome 5 Free";font-size:15px;font-weight: 900;position: absolute;left: 5px;top:0;display: block;margin-top: 12px;}
.icon__dpfan_list:before{content:"\f234";font-family: "Font Awesome 5 Free";font-size:15px;font-weight: 900;position: absolute;left: 5px;top:0;display: block;margin-top: 12px;}
.icon__acout:before{content:"\f2bd";font-family: "Font Awesome 5 Free";font-size:15px;font-weight: 900;position: absolute;left: 5px;top:0;display: block;margin-top: 12px;}
.icon__manual:before{content:"\f071";font-family: "Font Awesome 5 Free";font-size:15px;font-weight: 900;position: absolute;left: 5px;top:0;display: block;margin-top: 12px;}
.icon__app:before{content:"\f15c";font-family: "Font Awesome 5 Free";font-size:15px;font-weight: 900;position: absolute;left: 9px;top:0;display: block;margin-top: 12px;}
.icon__ticket:before{content:"\f3ff";font-family: "Font Awesome 5 Free";font-size:15px;font-weight: 900;position: absolute;left: 5px;top:0;display: block;margin-top: 12px;}
.icon__item:before{content:"\f3a5";font-family: "Font Awesome 5 Free";font-size:15px;font-weight: 900;position: absolute;left: 5px;top:0;display: block;margin-top: 12px;}
.icon__image:before{content:"\f302";font-family: "Font Awesome 5 Free";font-size:15px;font-weight: 900;position: absolute;left: 5px;top:0;display: block;margin-top: 12px;}
.icon__postage:before{content:"\f0d1";font-family: "Font Awesome 5 Free";font-size:15px;font-weight: 900;position: absolute;left: 5px;top:0;display: block;margin-top: 12px;}
.icon__buy_list:before{content:"\f03a";font-family: "Font Awesome 5 Free";font-size:15px;font-weight: 900;position: absolute;left: 5px;top:0;display: block;margin-top: 12px;}
.icon__myshelf:before{content:"\f570";font-family: "Font Awesome 5 Free";font-size:15px;font-weight: 900;position: absolute;left: 5px;top:0;display: block;margin-top: 12px;}
.icon__talkroom:before{content:"\f086";font-family: "Font Awesome 5 Free";font-size:15px;font-weight: 900;position: absolute;left: 5px;top:0;display: block;margin-top: 12px;}
.icon__dcut:before{content:"\f03e";font-family: "Font Awesome 5 Free";font-size:15px;font-weight: 900;position: absolute;left: 5px;top:0;display: block;margin-top: 12px;}
.is__container_icon:before{font-size: 20px;top:-5px;}
.badge_area{position:relative;}
.badge{
	position:absolute;
	top:-10px;
	left:-5px;
	font-size:10px;
	background:red;
	color:white;
	width:25px;
	height:25px;
	text-align:center;
	line-height:25px;
	border-radius:50%;
	z-index: 1;
}
.badge-side-nav{
	position:absolute;
	top:5px;
	left:100px;
	font-size:10px;
	background:red;
	color:white;
	width:25px;
	height:25px;
	text-align:center;
	line-height:25px;
	border-radius:50%;
	z-index: 1;
}
@media screen and (max-width:480px) {
    .icon__menu:before{left:5px;}
    .icon__home:before,.icon__message:before,.icon__dip:before,.icon__dpfan_list:before,.icon__acout:before,.icon__manual:before,.icon__ticket:before,.icon__image:before,
    .icon__item:before,.icon__postage:before,.icon__buy_list:before,.icon__myshelf:before,.icon__talkroom:before,.icon__dcut:before{left:8px;}
    .icon__app:before{left:10px;}
    .is__container_icon:before{font-size: 16px;top:-8px;}
    .badge-side-nav{top:2px;left: 18px; width:18px; height:18px; line-height:18px;}
}
/*イベントのセレクトボックス*/
.side_nav_list_box dt .select_event{width:100%;display: block;margin: 5px auto 0;padding: 5px 0;font-size: 12px;border:1px solid #fbf7ec;background: #3c1615;border-radius: 4px;}
@media screen and (max-width:480px) {
    .side_nav_list_box dt div.select_event{display: none;}
    .-show-nav .side_nav_list_box dt div.select_event{display: block;}
}
.side_nav_list_box dt .select_event p.select_event_title{margin:auto;padding-bottom:5px;text-align:center;color: #eee;}
.side_nav_list_box dt .select_event select.event_selector{width:95%;margin:auto;display:block;text-align:center;padding-left:5px;font-size: 14px;}

/*サイドバー（ナビゲーション）mobile用*/
.side_nav_mobile{display: none;}
    @media screen and (max-width:480px) {
        .side_nav_mobile{
            flex-basis:35px;max-width:35px;position: fixed;display: block;top:50px;min-height:100%;padding:0 0 5px;
            color:#fff;transition: .5s;background:linear-gradient(180deg,#6f5151,#3c1615);
        }
    }
.side_nav_mobile_hide{transform: translateY(-50px); box-sizing: content-box;}
.side_nav_mobile_btn{display: none;}
@media screen and (max-width:480px) {
    .side_nav_mobile_btn{
    position: absolute;display: block; top: 5px;left:251px;padding: 0; z-index:3; width: 31px; height: 31px;
    background: linear-gradient(-45deg,#6f5151,#3c1615);box-shadow: #fff 0px 0px 1px;
    color: #FFF;font-size: 18px; font-weight:700;transform:translateX(-251px);
    border: 0.5px solid #aaa;border-radius: 5px; cursor: pointer;opacity: 0;
    }
}
a.side_nav_wrap{display: none;}
    @media screen and (max-width:480px) {
        a.side_nav_wrap{display:block;width: 35px; height: 100%; position: fixed; top: 0; left: 0;cursor: pointer;z-index: 2;transition: .5s;}
    }
/*jsでclass追加*/
.side_nav_wrap_bg{width: 100%!important;background-color: rgba(0, 0, 0, .8);opacity: 1!important;}
.-show-nav{flex-basis:250px;max-width: 250px;z-index:999;}
.-show-nav .side_nav_mobile_btn{transform:translateX(0px); opacity: 1; transition:ease-in-out .4s;}
.-show-nav dl{display: flex;flex-wrap: wrap;}
.-show-nav dd{height: auto!important;}
.-show-nav dd a{height: unset !important; transform:translateX(0px)!important;opacity: 1;transition: ease-in-out 0.3s;overflow: auto;}
.-show-nav dt .icon__menu_text{height: unset !important; transform:translateX(0px)!important;opacity: 1;transition: ease-in-out 0.3s;overflow: auto;}


/*メインナビ*/
section.important_info{width: 100%;display: flex;flex-wrap: wrap;}
section.important_info h4{
    flex-basis:100%;max-width:100%;height:auto;display: flex;justify-content: center;margin: auto;padding: 10px;
    font-size: 18px;font-weight: 700;color: #FFF;background: #3c1615;border: 1px solid #3c1615;border-top-left-radius:5px ;border-top-right-radius:5px ;
}
    @media screen and (max-width:480px) {
        section.important_info h4{font-size: 1rem;font-weight: 500;padding: 5px;}
    }
ul.important_info_list{
    flex-basis:100%;max-width:100%;display: flex;flex-wrap: wrap;height: 200px;overflow-y: scroll;
    border: 1px solid #3c1615;border-bottom-left-radius:5px ;border-bottom-right-radius:5px ;align-content: flex-start;
}
    @media screen and (max-width:480px) {
        ul.important_info_list{height: 100px;}
    }
ul.important_info_list li{flex-basis:100%;max-width:100%;padding: 10px;}
@media screen and (max-width:480px) {
    ul.important_info_list li{padding: 5px;font-size: 0.8rem;}
}

/*商品登録*/
div.product_pg_item{width:100%;display: flex;flex-wrap: wrap;margin-top: 2%;}
div.product_pg_item:first-child{margin-bottom: 3%;}
@media screen and (max-width:768px) {
    div.product_pg_item:first-child{margin-top: -8%;}
}
.-is-item_list{background:#f9f9f9; border: 1px solid #666;border-radius: 5px;padding: 10px;}
div.product_pg_item h4.product_pg_item_title{flex-basis: 100%;max-width:100%;height:auto;font-size: 18px;font-weight: 700;border-bottom: 2px solid #666;padding-bottom: 10px;}
div.product_pg_item ul.product_pg_item_subtxt_wrap{flex-basis: 100%;max-width:100%;font-weight: normal;padding: 10px 0;}
div.product_pg_item ul.product_pg_item_subtxt_wrap li.product_pg_item_subtxt{position: relative;font-size: 14px;padding-left: 15px;color:#555;}
div.product_pg_item ul.product_pg_item_subtxt_wrap li.product_pg_item_subtxt::before{content: "※";top:0;left:0;position: absolute;}
div.product_pg_item ul.product_pg_item_list_wrap{flex-basis: 100%;max-width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
    @media screen and (max-width:1050px) {
        div.product_pg_item ul.product_pg_item_list_wrap{justify-content: center;}
    }
div.product_pg_item ul.product_pg_item_list_wrap li.product_pg_item_list{
    /*2カラム時の設定*/
    flex-basis: 49%;
    max-width:49%;
    /*
    1カラム時の設定
    flex-basis: 100%;
    max-width:100%;
    */
    align-self: stretch;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}
    @media screen and (max-width:1050px) {
        div.product_pg_item ul.product_pg_item_list_wrap li.product_pg_item_list{flex-basis: 100%;max-width:100%;}
        div.product_pg_item ul.product_pg_item_list_wrap li.product_pg_item_list:first-child{margin-bottom: 3%;}
    }
div.product_pg_item ul.product_pg_item_list_wrap li.product_pg_item_list:last-child{padding-left:10px;border-left: 1px solid #666;}
div.product_pg_item_DL{flex-basis: 100%;margin-top:20px;padding:20px 0 10px;border-top: 2px solid #666;}
label.item_create_btn,label.item_dl_btn{width:300px; display: flex;justify-content: center;align-self: center;margin: auto;padding:10px 20px;background: #3c1615;color: white;border-radius: 5px;cursor:pointer;position: relative;}
label.item_create_btn:before{content:"\f382";font-family:"Font Awesome 5 Free";font-weight: 900;top:0;left:0;font-size: 18px;padding-right: 10px;}
label.item_dl_btn:before{content:"\f381";font-family:"Font Awesome 5 Free";font-weight: 900;top:0;left:0;font-size: 18px;padding-top: 2px;padding-right: 10px;}
label.item_create_btn input{display: none;}
dl.plist-begin{
    flex-basis: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
}
dt.plist-ttl{
    font-size:.875rem;
    color:#3c1615;
}
dl.plist-begin dt,
dl.plist-begin dd {
    line-height: 1.5rem;
}
dd a.plist-btn{
    font-size:.875rem;
    color:#2282ff;
    margin-left: 10px;
}
dd a.plist-btn::before {
    content: "\f0a4";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    padding-right: 5px;
}
/*ガイド*/
ul.dealer_guide_list{flex-basis: 100%;max-width:100%;display: flex;flex-wrap: wrap;justify-content: space-evenly; padding: 10px;background: #f5f5f5;}
ul.dealer_guide_list li{
    flex-basis: 100%;max-width:100%;display: flex;flex-wrap:wrap; align-self:center; margin:0 auto 10px; padding: 10px;
    background: #fff; border: 1px solid #ccc; border-radius: 5px;
}
ul.dealer_guide_list li:last-child{margin-bottom: 0;}
ul.dealer_guide_list li p.dguide_list_title{
    flex-basis: 70%;max-width:70%;display: flex;flex-wrap:wrap; justify-content: flex-start;margin: auto;font-size:1.2em;font-weight: 700;color:#333;
}
    @media screen and (max-width:480px) {
        ul.dealer_guide_list li p.dguide_list_title{flex-basis: 100%;max-width:100%;font-size:1em;}
    }
ul.dealer_guide_list li p.dguide_list_title span.dguide_list_text{
    flex-basis: 100%;max-width:100%;display: flex; justify-content: flex-start;font-size:.8em;font-weight: normal;color:#555;
    border-top:1px solid #555;margin-top:5px;margin-right:20px;padding-top: 5px;
}
@media screen and (max-width:480px) {
    ul.dealer_guide_list li p.dguide_list_title span.dguide_list_text{margin-right: 0;margin-bottom: 10px;line-height: 1.5em;}
}

ul.dealer_guide_list li a.dguide_btn{
    flex-basis: 30%;max-width:30%; display: flex;justify-content: center;margin: auto; padding: 15px 10px;
    color: white !important; background: #3c1615; border-radius: 5px;
}
@media screen and (max-width:480px) {
    ul.dealer_guide_list li a.dguide_btn{flex-basis: 100%;max-width:100%;padding: 10px;}
}

/*ディーラーマイページindex_バナー群*/
ul.dinfo_content{flex-basis: 100%;max-width:100%;display: flex;flex-wrap: wrap;justify-content:space-between;margin-top: 50px;}
    @media screen and (max-width:768px) {
        ul.dinfo_content{margin-top: 20px;}
    }
ul.dinfo_content::after{content: "";display: block;width:32%;}
ul.dinfo_content li.dinfo_item{flex-basis: 32%;max-width:32%;height: 300px;display: flex;flex-wrap: wrap;border-radius: 10px;box-shadow:#999 0 0 5px;margin-bottom: 2%;}
    @media screen and (max-width:768px) {
        ul.dinfo_content li.dinfo_item{flex-basis: 49%;max-width:49%;margin-bottom: 1%;height: 180px;}
    }
    @media screen and (max-width:480px) {
        ul.dinfo_content li.dinfo_item{flex-basis: 100%;max-width:100%;margin-bottom: 3%;}
    }
ul.dinfo_content li.dinfo_item a.dinfo_item_inner{flex-basis: 100%;max-width:100%;display: flex;flex-wrap: wrap;}
ul.dinfo_content li.dinfo_item picture.dinfo_item_img{
    flex-basis: 100%;max-width:100%;height: 200px;
    border-top-left-radius: 10px;border-top-right-radius: 10px;
    display: flex;position: relative;
}
    @media screen and (max-width:768px) {
        ul.dinfo_content li.dinfo_item picture.dinfo_item_img{height: 100px;}
    }
    ul.dinfo_content li.dinfo_item picture.dinfo_item_img:before{
        content: "\f138";font-family: "Font Awesome 5 Free";font-size:20px;font-weight: 900;position: absolute;bottom:5px;right:10px;color: rgba(255,255,255,0.5);
    }
ul.dinfo_content li.dinfo_item picture.dinfo_item_img img{
    width: 100%;height: 100%;object-fit:cover;margin: 0;align-self: center;
    border-top-left-radius: 10px;border-top-right-radius: 10px;
}
ul.dinfo_content li.dinfo_item p.dinfo_item_txt{
    flex-basis: 100%;max-width:100%;height: 100px;background: #3c1615;padding: 10px;color:#fff;
    font-size: 1.2em;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;position: relative;
}
    @media screen and (max-width:768px) {
        ul.dinfo_content li.dinfo_item p.dinfo_item_txt{height: 80px;font-size: 1em;padding: 5px;}
    }
ul.dinfo_content li.dinfo_item span.dinfo_item_subtxt{
    width:100%;display: block;padding-top: 5px;font-size:0.8em;text-align: left;line-height:1.5em;border-top:1px solid #fff;
}
    @media screen and (max-width:768px) {
        ul.dinfo_content li.dinfo_item span.dinfo_item_subtxt{font-size: 0.7em;}
    }

/*申込内容*/
.list_table{width: 100%;display: table;border: 1px solid #3c1615;margin-bottom:50px;}
.list_table tr.list_table_thead{background: #6f5151;color: #eee;}
.list_table tr.list_table_tbody{border-bottom: 1px dotted #666;}
.list_table tr.list_table_tbody:last-child{border-bottom: none;}
.list_table th{width: 40%;padding: 10px;}
.list_table td.td_cols1{width: 25%;padding: 10px;border-left: 1px dotted #666;}
.list_table td.td_cols2{width: 35%;padding: 10px;border-left: 1px dotted #666;}
.list_table th.ticket_cols1{width: 15%;padding: 10px;}
.list_table td.ticket_cols2{width: 70%;padding: 10px;border-left: 1px dotted #666;}
.list_table td.ticket_cols2 input[type=text]{width: 230px;padding: 10px;}

.list_table td.ticket_cols3{width: 15%;padding: 10px;border-left: 1px dotted #666;margin: auto;text-align: center;}
.list_table td.ticket_cols3 input[type=button]{display: none;}
.list_table td.ticket_cols3 label{padding: 5px 10px;color: white; background: #3c1615;border-radius: 5px;cursor: pointer;}
    @media screen and (max-width:768px) {
        .list_table th.ticket_cols1{width: 25%;}
        .list_table td.ticket_cols2{width: 55%;}
        .list_table td.ticket_cols3{width: 20%;}
    }
    @media screen and (max-width:480px) {
        .list_table th.ticket_cols1{display: none}
        .list_table td.ticket_cols2{width: 70%;}
        .list_table td.ticket_cols3{width: 30%;}
    }
dl.how-to-ticket,dl.ticket_caution{
    width:100%;display: flex;flex-wrap: wrap;margin-bottom: 20px;
}
dl.how-to-ticket{
    color:#6a5acd;
    font-size: 1rem;
    line-height: 2rem;
}
    @media screen and (max-width:768px) {
        dl.how-to-ticket{
            font-size: 0.875rem;
            line-height: 1.5rem;
        }
    }
dl.ticket_caution{
    color:#ff0000;
    font-size: 0.835rem;
}
    @media screen and (max-width:768px) {
        dl.ticket_caution{
            font-size: 0.75rem;
        }
    }
dl.how-to-ticket dt,
dl.ticket_caution dt,
dl.how-to-ticket dd,
dl.ticket_caution dd{
    flex-basis:100%;max-width:100%;background: none;
}
dl.ticket_caution dd{
    position: relative;
    padding-left: 1rem;
}
dl.ticket_caution dd::before{
    content:"※";
    position: absolute;
    left:0;
}
.ticket_item{
    width: 100%;display: flex;flex-wrap: wrap;margin-bottom:20px;padding: 10px;
}
.-is-caution{
    border: 1px solid red;border-radius: 5px;
}
.ticket_item_li{
    flex-basis: 100%;max-width:100%;color: red;
}
.-list-dot{
    position: relative;padding-left: 1.2rem;
}
.-list-dot::before{
    content: "・";position: absolute;left: 0;
}
.-is-kiyaku{
    width: 480px;justify-content: center; color:#6a5acd;margin: 0 auto 20px;line-height: 2rem;
}
input[type=checkbox]#check_agreement{
    margin-right: 10px;width: 1rem;height: 1rem;
}
.ticket_item_dt,.ticket_item_dd{
    flex-basis: 100%;max-width:100%;background: none;display: flex;justify-content: center;line-height: 2rem; align-items: center;
}
.-list-square{position: relative;}
.-list-square::before{content: "■";}

.ticket_return_btn,.ticket_confirm_btn{
    flex-basis: 400px;margin:auto;padding: 15px 0px;border-radius: 5px;text-align: center;cursor: pointer;justify-content: center;border: none;font-size: 1rem;letter-spacing: 0.2rem;
}
.ticket_return_btn{
background-color: #666;color: white;margin-right: 20px;
}
.ticket_confirm_btn{
    background-color: #3B1513;color: white;margin-left: 20px;transition: ease-in-out .2s;
}

/*画像登録*/
.images-wrap{
	width:100%;
	display: flex;
	flex-wrap: wrap;
}
.images-wrap-title{
    flex-basis:100%;
    max-width:100%;
    margin:0;
    padding: 10px 2.5rem;
    font-size: 1rem;
    background: #3B1513;
    color: white;
    position: relative;
    z-index: 1;
}
.images-wrap-title:before{
    content:"\f302";font-family: "Font Awesome 5 Free";font-size:1.5rem;font-weight: 900;position: absolute;left: .5rem;line-height: 1.2rem;
}
.images-wrap-title:after{
    content: "";width:100%;height:4px;position: absolute;left:0;bottom:0;background: linear-gradient(to right, #96802d 0%, #ddd189 20%, #b3a46e 100%, #bcab5e 100%);z-index: -1;
}
    @media screen and (max-width:768px) {
        .images-wrap-title{font-size: 0.9rem;}
    }
.delete-folder{
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 5px 10px;
    height: 100%;
    line-height: 2rem;
    color: white;
    background: rgba(0,0,0,.5);
    cursor: pointer;
}
.folder{
	flex-basis:20%;
	max-width:20%;
    padding-right: 50px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
    @media screen and (max-width:1050px) {
        .folder{flex-basis:100%;max-width:100%;margin-bottom: 20px;padding-bottom: 10px;padding-right: 0px;border: 1px solid #ccc;}
    }

.default-item,.folder-list{flex-basis:100%;max-width:100%;display: flex;flex-wrap: wrap;padding-left: 10px;}
.folder-list{height:auto;max-height: 300px;overflow-y: scroll;align-items: flex-start;}
    @media screen and (max-width:1050px) {
        .default-item,.folder-list{display: none;}
    }

.folder-list-tb{display: none;}
    @media screen and (max-width:1050px) {
        .folder-list-tb{flex-basis:60%;max-width:60%;margin:0 auto;padding: 10px; height: auto; display: block;}
    }
    @media screen and (max-width:480px) {
        .folder-list-tb{flex-basis:55%;max-width:55%;padding: 5px; font-size: .8rem;}
    }

.-border{border: 1px solid #ccc;border-bottom:none;}
.-border-bottom{border-bottom: 1px solid #ccc;}

.default-item li,.folder-list li {
	flex-basis:100%;width: 100%;margin: auto;padding:0 0 10px;list-style: none;
}
.folder-title {
    display:flex;align-items:center;justify-content: center; width:100%;height: 40px;margin-bottom:10px;padding: 0;
    background: #ececec;color: #333;font-size: 1rem;line-height: 40px;
}
.folder-title::before{
    content: "\f03e";font-family: "Font Awesome 5 Free";font-weight: 900;padding-right: 10px;font-size: 1.3rem;
}
.folder a.make-a-folder {
    position: relative;display:flex;flex-basis:100%;width: 100%;margin-top:20px;padding:10px;justify-content:center;align-items: center;
    background: #3c1615;border-radius: 5px;font-size: .875rem;color: white;line-height:normal;cursor: pointer;
}
    @media screen and (max-width:1050px) {
        .folder a.make-a-folder{flex-basis:30%;width: 30%;margin-top: 0;margin-right: 10px;}
    }
    @media screen and (max-width:480px) {
        .folder a.make-a-folder{flex-basis:35%;width: 35%;font-size: .8rem;position: relative; padding-top: 20px; padding-bottom: 5px;}
    }
.folder a.make-a-folder::before{
    content: "\f07b";font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 1rem;padding-right: 5px;
}
    @media screen and (max-width:480px) {
        .folder a.make-a-folder::before{position: absolute;top:3px;left:0;right:0;text-align: center;}
    }
.images-container{
    flex-basis:80%;
	max-width:80%;
    display: flex;
    flex-wrap: wrap;
}
    @media screen and (max-width:1050px) {
        .images-container{flex-basis:100%;max-width:100%;}
    }

.images-pagenation{
    display: flex;
    flex-basis: 100%;
    max-width:100%;
    margin: 0 auto;
    padding-bottom: 30px;
    justify-content:center;
}
    @media screen and (max-width:768px) {
        .images-pagenation{flex-basis: 100%;max-width: 100%;}
    }

.images{
	flex-basis:100%;
	max-width:100%;
	height: auto;
	display: flex;
    flex-wrap: wrap;
}
    @media screen and (max-width:1050px) {
        .images{flex-basis:100%;max-width:100%;}
    }
    @media screen and (max-width:480px) {
        .images{display: flex;flex-wrap: wrap;}
    }
.images li {
	/*float: left;*/
	width: 140px;
	height:180px;
	margin: 0 20px 30px 0;
    padding: 10px;
    display: inline-table;
    list-style: none;
    box-sizing: border-box;
    background: #f5f5f5
}
    @media screen and (max-width:768px) {
        .images li{width: 120px;margin: 0 10px 30px 0;}
    }
    @media screen and (max-width:480px) {
        .images li{flex-basis:30%;max-width:30%;width: 100px;height: auto;display: block;}
    }

.images li img{width: 120px; height: 120px; object-fit: contain;}
    @media screen and (max-width:768px) {
        .images li img{width: 100px; height: 100px;}
    }
    @media screen and (max-width:480px) {
        .images li img{width: 80px; height: 80px;}
    }
.item-image{position: relative;}
.item-image-label{position: absolute;top:100px;left:0;font-size: .75rem;width: max-content;padding: 2px 5px;line-height:1rem;background: rgba(235,80,0,.7);color:white;display: none;}
@media screen and (max-width:480px) {
    .item-image-label{top:75px;font-size: .7rem;}
}
.-is-sale{display: inline-block;}

img.img_pupup{width: 600px;height: auto;object-fit: contain;}
.images_head{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.images_checkbox{
	flex-basis:50%;
	max-width:50%;
	display: flex;
	justify-content: flex-start;
}
.images_checkbox input[type="checkbox"]{width:20px;height:20px;}
.images_closebox{
	flex-basis:50%;
	max-width:50%;
	display: flex;
	justify-content: flex-end;
}
.images-close{
	width: 20px;
	height: 20px;
	line-height: 20px;
	background: #555;
	border-radius: 4px;
	color: #fff;
	text-align: center;
	font-style: normal;
	font-size: 18px;
	font-family: Arial, Baskerville, monospace;
}
.images_name,.folder_name,.time_stamp{font-size: .8rem;line-height: .8rem;}
.images_name{margin-top: 5px;word-break: break-all;}
.folder_name{color: #4169e1;}
.upload_btn_area_wrap{width: 100%;display: flex;flex-wrap: wrap;}
.drop_area_wrap{
    flex-basis:50%;max-width:50%;display: flex;padding:10px;border: 1px solid #ccc;border-radius: 5px;
}
.drop_area{
    flex-basis:100%;max-width:100%; height:10rem; padding:10px; border:3px solid #999;display: flex;align-items: center;justify-content: center;
    font-size: 1.2rem;letter-spacing:0.2rem;font-weight: 700;border-radius: 4px;
}
    @media screen and (max-width:820px) {
        .drop_area{height:5rem;font-size: .9rem;}
    }
.upload_btn_area{
    flex-basis:50%;max-width:50%;display: flex;margin:0 auto;justify-content: center;border: 1px solid #ccc;border-radius: 5px;
}
.hidden{display: none;}
.trsfrm{transform: scale(1.2);}
    @media screen and (max-width:1050px) {
        .trsfrm{transform: scale(1);}
    }
.dtool_box{width: 100%;margin: 20px auto;padding:10px;display: flex;flex-wrap:wrap;justify-content: center;border:1px solid #999;}
.dtool_search {
    flex-basis: 100%; max-width: 600px; background:white;font-size: .9rem; box-sizing: border-box; position: relative;
    border: 1px solid #999; display: flex; align-items: center; /*padding: 10px;*/ border-radius: 10px;overflow: hidden;
}
.dtool_search_item{flex-basis: 100%;max-width:100%;display: flex;justify-content: center;}
.check-item{width: 18px;height:18px;}
.check-item-label{line-height: 20px;height: 36px;margin-right: 50px;padding-left: 5px;cursor: pointer;}
    @media screen and (max-width:768px) {
        .check-item{width: 1rem;height:1rem;}
        .check-item-label{font-size:.8rem;line-height: 1rem;height: 2rem;margin-right: 20px;}
    }
.check-item-label:last-of-type{margin-right: 0;}
.dtool_search input[type="text"] {
    border: none;
    display: flex;
    align-items: center;
    width: 100%;
	outline: 0;
    padding:10px;
}
.dtool_search input[type="submit"] {
    cursor: pointer;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: white;
    border: none;
    background-color: #3c1615;
    width: 60px;
    height: 100%;
    outline: none;
    right: 0;
    top: 0;
    position: absolute;
    -webkit-appearance: none;
    border-radius: 0;
}
.dtool_sort{width: 100%;margin: 20px auto;display: flex;flex-wrap: wrap;}
.dtool_sort-col-l{flex-basis: 70%;max-width: 70%;display: flex;justify-content: flex-start;}
.dtool_sort-col-r{flex-basis: 30%;max-width: 30%;display: flex;justify-content: flex-end;}
@media screen and (max-width:820px) {
    .dtool_sort-col-l,.dtool_sort-col-r{flex-basis: 100%;max-width: 100%;}
    .dtool_sort-col-l{order:2;margin-top: 15px;}
    .dtool_sort-col-r{order:1;}
}
.dtool_message_act{flex-basis: 100%;max-width: 100%;font-size: .9rem;margin-right: 10px;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
@media screen and (max-width:480px) {
.dtool_message_act li.msg_act_item1{flex-basis: 70%;max-width: 70%;order: 1;}
.dtool_message_act li.msg_act_item2{flex-basis: 70%;max-width: 70%;order: 3;}
.dtool_message_act li.msg_act_item3{flex-basis: 30%;max-width: 30%;order: 2;}
.dtool_message_act li.msg_act_item4{flex-basis: 30%;max-width: 30%;order: 4;}
}
.dtool_sort_act{flex-basis: 100%;max-width: 100%;font-size: .9rem;padding: 0;border: 1px solid #ccc; display: flex;justify-content: center;align-items: center;background: white;}
.dtool_sort input[type="button"]{padding: 10px;margin-right: 10px;}
.dtool_sort select{width:100%;padding: 5px;border: none;}
    @media screen and (max-width:820px) {
        .dtool_sort select{font-size: .8rem;height: auto;margin: 0 auto;}
    }
.dtool-btn{background: #ccc;color: #333;border-radius: 4px;padding: 5px 15px;margin-right: 20px;}
    @media screen and (max-width:820px) {
        .dtool-btn{padding: 5px 10px;margin-right: 10px;display: flex; justify-content: center;font-size: .8rem;line-height: 1rem;text-align: center;}
    }

.act_txt{font-size: .9rem;padding-right: 20px;}
    @media screen and (max-width:820px) {
        .act_txt{font-size: .8rem;padding-right: 10px;}
    }
/*画像登録 ポップアップウインドウの設定 */
.img-popup {
    background: rgba(0, 0, 0, .8);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color:#333;
    z-index:100000;
}
.img-popup::after{
      content: "";
      width: 100%;
      height: 100%;
      position: fixed;
      top:0;left:0;
      z-index:-1;
}
    @media screen and (max-width: 768px) {
    .img-popup {width: 100%;height:100%;}
    }
.img-popup-content {
	background-color: #fff;
    margin: auto;
    padding:0;
    width: 700px;
    height: fit-content;
    max-height: 100%;
    z-index:100001;
    position: absolute;
    top:0;
    left: 0;
    bottom:0;
    right:0;
    overflow-y: scroll;
}
  @media screen and (max-width: 480px) {
    .img-popup-content  {width: 100%;}
    }
.img-popup-content-header{
    width:100%;padding: 10px 20px;font-size: 1rem;font-weight: 700;letter-spacing: .2rem;background: #6f5151;color: white;position: relative;
}
@media screen and (max-width: 768px) {
    .img-popup-content-header {padding: 5px 10px;font-size: .875rem;font-weight: normal;letter-spacing: 0;}
    }
@media screen and (max-width: 480px) {
    .img-popup-content-header {padding: 5px 50px 5px 10px;font-size: .75rem;}
    }
ul.img-popup-content-inner{
    width:100%;display: flex;flex-wrap: wrap;padding: 20px 0;
}
ul.img-popup-content-inner li{
    flex-basis: 100%;max-width: 100%;padding: 10px;float: none;height: auto;width: auto;margin: auto;
}
.input-title{width: 600px;margin:auto;display:flex;justify-content: flex-start;}
.count_numb{width: 600px;margin:auto;display:flex;justify-content: flex-end;color: #555;font-size: .8rem;letter-spacing: .2rem;}
ul.img-popup-content-inner li img.img_pupup{width: auto;max-width: 600px;height: auto;margin:auto;display:flex;}
ul.img-popup-content-inner li input.input-txt{width: 600px;margin: auto;padding: 20px;display: flex;}
@media screen and (max-width: 480px) {
    ul.img-popup-content-inner li input.input-txt {width: 100%;}
    }
.popup-btn-submit{
    display:block;width:400px;margin:auto;padding: 10px 20px;font-size: 1rem;text-align:center;background: #6f5151;color: white;border-radius:5px;cursor:pointer;
}
    @media screen and (max-width: 480px) {
        .popup-btn-submit {width: 100%;}
        }
.popup-btn-close{
    display:block;width:200px;margin:auto;padding: 10px 20px;font-size: 1rem;text-align:center;background: #aaa;color: #333;border-radius:5px;cursor:pointer;
}
  /* チェックボックスの初期設定 */
  #img-popup-on{display: none;}
  /* チェックされたらポップアップウインドウを開く */
  #img-popup-on:checked + .img-popup{display: block;}

  /* 閉じるアイコン（右上） */
  .img-icon-close{
    background: #000;
    color: #fff;
    font-size: 30px;
    padding: 0 10px;
    height: 100%;
    line-height: normal;
    display: inline-flex;
    position: absolute;
    top:0;
    right:0;
    z-index:1;
  }
    @media screen and (max-width:480px){
        .img-icon-close{font-size: 20px; align-items: center;}
    }
ul.img-popup-content-inner li.alert{flex-basis:90%;max-width:90%;margin-bottom:20px;padding:10px;color:red;border:2px solid red;background: #ffcccc;}
li.alert p.alert-title,li.alert p.alert-txt,li.alert p.alert-subtxt{
    text-align: center;margin: auto;padding-bottom: 10px;
}
li.alert p.alert-title{font-size: 1rem;}
li.alert p.alert-txt{font-size: 1rem;font-weight: 700;}
li.alert p.alert-subtxt{font-size: .9rem;padding-bottom: 0px;}

ul.img-popup-content-inner li.folder-search{
    flex-basis:100%;max-width: 100%;margin: 10px;padding: 10px;display: flex;flex-wrap: wrap;justify-content: center; background: #c6c6b6;border-radius:4px;
}
/*メッセージ付加機能*/
.message_navi_fixed{position: sticky;padding-top: 20px;top:0;left: auto;z-index: +1;background: rgba(255,255,255,0.8);}
.invoice_area{flex-basis: 100%;display: flex;flex-wrap: wrap;justify-content: center;margin:-50px auto 50px;padding:20px 0;border-bottom:1px dotted #ccc;}
.invoice_area a.invoice_btn{
    display: inline-block;
    padding: 10px 20px;
    background: #3c1615;
    color: white;
    border-radius: 5px;
    cursor: pointer;
}
.invoice_area a.invoice_btn:first-of-type{margin-right: 20px;}
@media screen and (max-width:480px) {
    .invoice_area a.invoice_btn:first-of-type{margin: 0 0 20px 0;}
}
/*mypage_dip*/
.dip-smpl-ttl{
    font-size: 1.125rem;
    font-weight: bold;
    padding: 10px;
}
.dip-smpl-txt,
.-case-exp{
    font-size: .875rem;
    padding-left: 10px;
}
.booth-type{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}
.booth-type li{
    flex-basis: 50%;
    max-width: 50%;
    padding: 10px;
}
.booth-caption{
    font-size: .875rem;
}
.dip-smpl-hr{
    border-color: #3B1513;
}
.dip-smpl-case{
    padding: 20px 10px;
}
.-case{
    font-size: 1rem;
    font-weight: bold;
    border-bottom: #3B1513 dotted 1px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.-case-exp{
    font-size: .875rem;
    padding-left: 20px;
    font-weight: normal;
}