@charset "utf-8";
/* CSS Document */
.past-btn{
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin: 10px 0;
}
select {
    cursor: pointer;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 16px;
    height: 38px;
    padding: 4px 8px;
}

input{
    width: 100%;
    font-size: 16px;
    padding: 10px
}
textarea{
    width: 100%;
    font-size: 16px;
    padding: 10px;
    border: 1px solid #D8D8D8;
}
/* common ---------------------------------------- */
.release .Breadcrumb{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 10px;
}
.release .Sp_Nav{
    margin: 0px 0 100px;
}
.release .Sp_Nav h2{
    font-size: 18px;
    text-align: center;
    font-weight: 900;
    padding-bottom: 40px !important;
}
.release .Sp_Nav h3{
    width: 100%;
    background: #D8D8D8;
    padding: 10px;
}
.release .Sp_Nav a{
    position: relative;
    border-bottom: 1px solid #D8D8D8;
    padding: 15px 10px;
}
.release .Sp_Nav a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    font-weight: 900;
    position: absolute;
    top: 15px;
    right: 16px;
}
.Breadcrumb.Sp{
    display: none;
}
.release .container{
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 0px 10px;
}
.release .container .name-id{
    font-size: 20px;
    padding: 0 0 20px;
}
.release .flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.release .side{
    width: 250px;
    height: auto;
    padding: 0 0 100px;
}
.release .side .Nav{
    border-bottom: 1px solid #D8D8D8;
    margin: 0 20px 15px 0;
}


.release .side .Nav h2 {
    font-weight: bold;
    font-size: 18px;
    margin: 0px 0 5px 0;
    padding: 0;
    border-left: inherit;
}
.release .side .Nav li a{
	display: block;
  padding: 7px 0 7px 1em;
  font-size: 14px;
}

.release .side .Nav li a.current{
	background-color: #333;
	color:#fff;
	border-radius: 100px;
}

.release .side .Nav li:last-child a{
	margin-bottom:5px;
}
.release .content-box{
    -webkit-flex: 1;
    flex: 1;
		position: relative;
}
.release .content .box{
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    padding: 40px;
    margin: 0 0 40px;
}
.release .content .box h2{
    font-size: 16px;
    font-weight: 900;
    padding: 0 0 10px;
    border-bottom: 1px solid #D8D8D8;
}
.release .content .box .head-btn {
	position:absolute;
	right:35px;
	top:30px;
}
.release .content .box .head-btn a {
	display: inline-block !important;
}

.release .content .box .foot-btn {
	position:inherit;
	text-align: center;
	padding:20px 0 0 0;
	border-top: 1px solid #D8D8D8;
	margin-top:30px;
}

.ti{
    text-indent: -1em;
    padding-left: 1em;
    display: block;
}
/*  account---------------------------------------- */
.accountMenu {
	padding: 0 0 30px 0;

}
.release.account .Contents dl{
	display: table;
	width:100%;
}
.release.account .Contents dt{
	display: table-cell;

}
.release.account .Contents dd{
    display: table-cell;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
}

.release.account .Contents dl{
    padding: 20px 0;
    border-bottom: 1px solid #D8D8D8;
}
.release.account .Contents dt{
    width: 20%;
		vertical-align: middle;
}
.release.account .Contents dd{
    width: 80%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
		position: relative;
}

.release.account .Contents dd p {

}
.release.account .Contents dd a {
	position: absolute;
		right:0;
		top:50%;
		display: block;
    /*width: 50px;*/
    text-align: center;
    color: #333;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #333;
		cursor: pointer;
		-webkit-transform: translateY(-50%); /* Safari用 */
  	transform: translateY(-50%);
}

.change-page {
	display: none;
}

.change-page.current {
	display: block;
}





/*
.release.account .box.nick,
.release.account .box.top.none,
.release.account .box.end.n01,
.release.account .box.end.n02,
.release.account .box.id,
.release.account .box.mail.m01,
.release.account .box.mail.m02,
.release.account .box.mail.n03,
.release.account .box.mail.m03.none,
.release.account .box.pw.p01,
.release.account .box.pw.p02,
.release.account .box.end.n04{
    display: none;
}
*/
.release.account .box.nick.active,
.release.account .box.end.active,
.release.account .box.id.active,
.release.account .box.mail.m01.active,
.release.account .box.mail.m02.active,
.release.account .box.mail.m03.active,
.release.account .box.mail.n03.active,
.release.account .box.pw.p01.active,
.release.account .box.pw.p02.active,
.release.account .box.pw.end.active{
    display: inherit;
}
.release.account .box.nick input,
.release.account .box.id input,
.release.account .box.mail input,
.release.account .box.pw input{
    width: 100%;
    height: 45px;
		border:1px solid #d8d8d8;

}
.release.account .box.pw .ls input:first-child{
    margin: 0 0 10px;
}


.release .box.err p{
    text-align: center;
    margin: 40px 0 20px;
}
.release .box.err a{
    text-align: center;
    color: #0000FF;
}
.release .box.err p{
    text-align: center;
    margin: 40px 0 20px;
}
.release.account .box.end a{
    text-align: center;
    color: #0000FF;
}
.release.account .Change-btn ul{
    margin: 20px 0 0;
    display: flex;
     justify-content: center;
    align-items: center;
}
.release.account .Change-btn ul li button {
    text-align: center;
    width: 80px;
    font-size: 13px;
    padding: 6px 0;
    background: #333;
    color: #fff;
    border-radius: 4px;
    border: solid 1px #333;
    margin: 0 0 0 20px;
}
.release.account .box.mail .Contents p{
    margin: 40px 0 0;
    line-height: 30px;
}
.release.account .box.mail .Contents li{
    line-height: 30px;
    text-indent: -1em;
    padding-left: 1em;
}
.release.account .box.mail .Contents  a{
    text-align: center;
}
.release.account .box.mail.m02.active p,
.release.account .box.mail.m02.active ul{
    padding: 0 10px;
}

.release.account .box .Contents p.m12{
    font-size: 12px;
		line-height: 1.4;
    margin: 10px 0 0;
}
.release.account .box.mail .Contents p.ct{
    text-align: center;
    margin: 40px 0 20px;
}
.release.account .box.mail .Contents a{
    text-align: center;
    color: #0000FF;
    margin: 20px 0 0;
}
.release.account .box.mail .Change-btn.mail li{
line-height: inherit !important;
}
.release.account #credit-card.none{
    display: none;
}

.release.account #credit-card input{
    width: 50%;
    height: 45px;
}
.release.account #credit-card .credit-select{
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
}
.release.account #credit-card .credit-btn,
.release.withdraw .account-btn,
.release.withdraw .Transfer-btn{
    padding: 40px 0 0;
}
.release.account .credit-btn button,
.release.withdraw .account-btn a,
.release.withdraw .Transfer-btn a{
    text-align: center;
		display: block;
    min-width: 100px;
    font-size: 13px;
    padding: 8px 20px;
    background: #333;
    color: #fff;
    border-radius: 4px;
    border: solid 1px #333;
    margin: auto;
}
.release.account #credit-card .Contents dd li{
    line-height: 30px;
}
.release.account .boxcredit03.end p {
    text-align: center;
    margin: 40px 0 20px;
}
.release.account .boxcredit03.end a {
    text-align: center;
    color: #0000FF;
}


.release.account .Contents dd .profile_img{
	width:90px;
	height:90px;

}

.release.account .img{
	position: relative;
    width: 200px;
		margin: 40px auto 20px;
		overflow: hidden;
		border: 1px solid #d8d8d8;
		height:200px;
		vertical-align: middle;
		border-radius: 100px;
}

.release.account .noselect{
	padding: 80px 0 0 0;
	text-align: center;
	z-index: 1000;
}

.release.account .img img{
		position: absolute;
    width: 200px;
    margin: auto;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		z-index: -1;
		border-radius: 0 !important;
		max-width: none;

}
.release.account .img-btn{

}

.release.account .img-btn label{
	display: block;
	width: 200px;
	margin: 0 auto 40px;
	cursor: pointer;
    padding: 10px 0;
    text-align: center;
    border: 1px solid #d8d8d8;
}

.release.account .img-btn input {
	display: none;
}
.release.account .editor-btn{
    padding: 20px 0 0;
		text-align: center;
}
.release.account .editor-btn button{
	display: inline-block;
    text-align: center;
    font-size: 13px;
    padding: 6px 20px;
    background: #333;
    color: #fff;
    border-radius: 4px;
    border: solid 1px #333;
    margin: auto;
		margin:5px 0;

}

.Save-btn {
    padding: 40px 0 0;
}


.Save-btn a{
    text-align: center;
    width: 100px;
    font-size: 13px;
    padding: 6px 0;
    background: #333;
    color: #fff;
    border-radius: 4px;
    border: solid 1px #333;
    margin: auto;
}

.radio-text{
  display: none;
}
.Personal {
  display: block;
}
.radio-btn{
    display: flex;
}


.radio-btn input{
    width: inherit;
}
.radio-btn li{
    margin: 20px 20px 0 0;
}

.release .memo {
	padding-top:2em;
	border-top:#d8d8d8 1px solid;
	font-size:14px;
}

.release .memo li {
	text-indent:-1em;
	padding:0 0 0.3em 1em;
}

/* sales purchase---------------------------------------- */
.release.sales .past,
.release.purchase .past{
    margin: 10px 0;
}
.release.sales .product,
.release.purchase .product{
    padding: 15px;
    border: 1px solid #D8D8D8;
    margin: 0 0 20px;
}
.release.sales .product:last-child,
.release.purchase .product:last-child{
    margin: 0;
}
.release.sales .product .img {
	width: 11%;
	float: left;
}
.release.purchase .product .img{
    width: 14%;
    float: left;
}
.release.sales .product .text-box,
.release.purchase .product .text-box{
    width: 86%;
    float: left;
    position: relative;
    padding: 0 0 0 20px;
    vertical-align: top;
}
.release.sales .product .text h3,
.release.purchase .product .text h3{
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 10px;
}
.release.sales .product .text p,
.release.purchase .product .text p{
    padding: 0 0 10px;
}
.release.sales .product .details,
.release.purchase .product .details{
    width: 100%;
}
.release.sales .product .details dl,
.release.purchase .product .details dl{
    display: flex;
    padding: 0 0 6px;
}
.release.sales .product .details dt:after,
.release.purchase .product .details dt:after{
    content: ":";
    padding: 0 10px;
}
.release.sales .product .details .Btn,
.release.purchase .product .details .Btn{
    float: right;
}
.release.sales .product .details .Btn a,
.release.purchase .product .details .Btn a{
    width: 200px;
    text-align: center;
    border: 1px solid #D8D8D8;
    padding: 8px;
    position: relative;
    margin: 10px 0 0;
}
.release.sales .product .details .Btn a:after,
.release.purchase .product .details .Btn a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    font-weight: 900;
    position: absolute;
    top: 10px;
    right: 16px;
}
.release.unsubscribe .unsubscribe-box{
    margin: 20px 0 0;
}
.release.unsubscribe .unsubscribe-box .color-box{
    background: #f1f1f1;
    padding: 40px;
    margin: 0 0 40px;
    border-left: 4px solid #aaa;
}
.release.unsubscribe .unsubscribe-box p{
    margin: 0 0 20px;
}
.release.unsubscribe .unsubscribe-box ul{
    margin: 0 0 20px;
}
.release.unsubscribe .unsubscribe-box li{
    margin: 0 0 10px;
}
.release.unsubscribe .unsubscribe-box p:last-child,
.release.unsubscribe .unsubscribe-box li:last-child{
    margin: 0;
}
.release.unsubscribe .unsubscribe-box .Uns-btn{
    display: flex;
}
.release.unsubscribe .unsubscribe-box .Uns-btn button{
    text-align: center;
    width: 100px;
    font-size: 13px;
    padding: 6px 0;
    background: #333;
    color: #fff;
    border-radius: 4px;
    border: solid 1px #333;
    margin: 0 20px 0 0;
    outline: none;
}
.release .box.end p {
    text-align: center;
    margin: 40px 0 20px;
}
.release .box.end a {
    text-align: center;
    color: #0000FF;
}
.box.Uns01.none,
.box.Uns02.end{
    display: none;
}
.box.Uns02.end.active{
    display: inherit;
}

/* Sales ---------------------------------------- */
.release.Sales .content .box{
    margin: 0 0 40px;
}
.release.Sales .block .time{
    margin: 10px 0;
}
se.Sales .block .salesData{
    background: #f1f1f1;
    padding: 10px 20px;
}
.release.Sales .salesData_table:first-child {
    border-right: 1px solid #333;
}
.release.Sales .salesData_table {
    display: inline-table;
    vertical-align: middle;
    width: 49%;
}
.release.Sales .salesData_tablecell {
    display: table-cell;
    vertical-align: middle;
}
.release.Sales .salesData_select01 {
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
}
.release.Sales .salesData_label{
    display: inline-block;
    margin: 0 0 0 8px;
}
.release.Sales .salesData_table:first-child .salesData_price {
    padding: 0 20px 0 0;
}
.release.Sales .salesData_table:last-child .salesData_title {
    padding: 0 0 0 20px;
}
.release.Sales .salesData_price {
    font-size: 20px;
    text-align: right;
}
.release.Sales .passbook .link{
    color: #0000FF;
    text-align: right;
    font-size: 14px;
    margin: 20px 0;
}
.release.Sales .passbook_table{
    width: 50%;
}
.release.Sales .passbook_title{
    padding: 0 0 20px;
}
.release.Sales .passbook_price{
    font-size: 30px;
    text-align: right;
		line-height: 1.2;
}
.release.Sales .passbook_price span{
	display: block;
}
.release.Sales .passbook_table:first-child{
    padding: 20px 20px 0 0;
}
.release.Sales .passbook_table:last-child{
    padding: 20px 0 0 20px;
}
.release.Sales .passbook_Data .table{
    width: 100%;
}
.release.Sales .passbook_Data .table th{
    background: #fff;
    padding: 5px 0;
    font-weight: bold;
}
.release.Sales .textRight {
    text-align: right;
}
.release.Sales .passbook_Data .table th,
.release.Sales .passbook_Data .table td{
    font-size: 13px;
    padding: 20px 10px;
    vertical-align: middle;
}
.release.Sales .passbook_Data .table th{
    padding: 10px;
}
.release.Sales .passbook_Data .table td a{
    display: inherit;
    color: #0000FF;
}
.release.Sales .passbook_header{
    border-bottom: 1px solid #f1f1f1;
}
.release.Sales .passbook_Data .table tr:nth-child(odd) {
    background-color: #f1f1f1;
}
.release.Sales .passbook_Data .table tr:nth-child(even) {
    background-color: #fff;
}
.release.Sales .passbook_Data .table tr:last-child{
    border-bottom: 1px solid #f1f1f1;
}
.release.Sales .passbook_Data .table select{
    height: auto;
    font-size: 13px;
}
.release.Sales .passbook_Data .table .minus{
    color: red;
}
.release.Sales .passbook .Sph2{
    display: none;
}

/* withdraw ---------------------------------------- */
.release.withdraw .content .box {
    margin: 0 0 40px;
}
.release.withdraw .text{
    padding: 0 10px;
}
.release.withdraw .text ul{
    margin: 20px 0 0;
}
.release.withdraw .text li{
    line-height: 30px;
}
.release.withdraw .text li a{
    display: initial;
    color: #0000ff;
}

.release.withdraw .Contents {
	margin:10px 0 20px;
}

.release.withdraw .Contents dl,
.release.withdraw .Contents dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
}
.release.withdraw .Contents dl {
    padding: 20px 0;
    border-bottom: 1px solid #D8D8D8;
}
.release.withdraw .Contents dt {
    width: 20%;
}
.release.withdraw .Contents dd {
    width: 80%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.release.withdraw input{
    width: 100%;
    height: 45px;
		border:1px solid #d8d8d8;
}
.release.withdraw .account-select{
    width: 100px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
}
.release.withdraw .account-select select{
    width: 96px;
}
.release.withdraw .box.account01.none,
.release.withdraw .box.account02{
    display: none;
}
.release.withdraw .box.account02.active{
    display: inherit;
}
.release.withdraw .box.Transfer .money{
    padding: 20px 0;
    font-size: 20px;
}
.release.withdraw .box.Transfer .text ul{
    margin: 0;
}
.release.withdraw .box.Transfer .text li{
    margin: 0 0 10px;
}
.release.withdraw  .box.end p {
    text-align: center;
    margin: 40px 0 20px;
}
.release.withdraw  .box.end a {
    text-align: center;
    color: #0000FF;
}
.release.withdraw  .box.Transfer01.end,
.release.withdraw  .box.Transfer.none,
.release.withdraw  .box.account01.none,
.release.withdraw  .box.account02.none,
.release.withdraw  .box.te01.none{
    display: none;
}
.release.withdraw  .box.Transfer01.end.active{
    display: inherit;
}

/* post ---------------------------------------- */
.release.post input{
    width: 100%;
    height: 45px;
		border: 1px solid #d8d8d8;
}
.release.post dl{
    margin: 0 0 20px;
}
.release.post dt{
    margin: 0 0 6px;
}
.release.post .img{
	position: relative;
    width: 200px;
		margin: 40px auto 20px;
		overflow: hidden;
		border: 1px solid #d8d8d8;
		height:300px;
		vertical-align: middle;
}

.release.post .noselect{
	padding: 120px 0 0 0;
	text-align: center;
}

.release.post .img img{
		position: absolute;
    width: 200px;
    margin: auto;
		bottom:0;
		left:0;
}
.release.post .img-btn{

}

.release.post .img-btn label{
	display: block;
	width: 200px;
	margin: 0 auto 40px;    cursor: pointer;
    padding: 10px 0;
    text-align: center;
    border: 1px solid #d8d8d8;
}

.release.post .img-btn input {
	display: none;
}
.release.post .editor-btn{
    padding: 20px 0 0;
		text-align: center;
}
.release.post .editor-btn button{
	display: inline-block;
    text-align: center;
    font-size: 13px;
    padding: 6px 20px;
    background: #333;
    color: #fff;
    border-radius: 4px;
    border: solid 1px #333;
    margin: auto;
		margin:5px 0;

}
/*post-list.html*/
.select-item{
    display: flex;
    border-bottom: 1px solid #d8d8d8;
    padding: 10px 0;
    justify-content: flex-end;
}
.status-select{
    margin: 0 20px 0 0;
}
.release.post .item-list{
    margin: 0 0 40px;
}

.release.post .item-list .item-box{
    padding: 10px 0;
    position: relative;
    display: -webkit-box;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    border-bottom: 1px solid #d8d8d8;
}
.check-box{
    width: 40px;
    height: 30px;
}
input[type=checkbox] {
    display: none;
}
.check_css {
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    position: relative;
    display: inline-block;
    padding: 0 0 0 42px;
    vertical-align: middle;
    cursor: pointer;
}
.check_css:hover:after {
    border-color: #333;
}
.check_css:after {
    -webkit-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    border: 2px solid #d8d8d8;
    border-radius: 6px;
    content: '';
}
.check_css:before {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    position: absolute;
    top: 50%;
    left: 6px;
    display: block;
    margin-top: -7px;
    width: 7px;
    height: 11px;
    border-right: 3px solid #333;
    border-bottom: 3px solid #333;
    content: '';
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
input[type=checkbox]:checked + .check_css:before {
  opacity: 1;
}

.release.post .item-list .item-box .text{
    flex-basis: auto;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
}
.release.post .item-list .item-box .edit{
	white-space: nowrap;
	text-align: right;
}

.release.post .item-list .item-box .edit a{
	display: inline-block;
    width: 45px;
    text-align: center;
    border: 1px solid #d8d8d8;
    border-radius: 6px;
    padding: 6px 0;
    font-size: 12px;
    font-weight: bold;
}
.release.post .item-list .item-box .text .title{
    margin: 0 0 4px;
}
.release.post .item-list .item-box .text .time-box{
    font-size: 12px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}
.release.post .item-list .item-box .text .time-box .release,
.release.post .item-list .item-box .text .time-box .draft,
.release.post .item-list .item-box .text .time-box .stop
{
    margin: 0 4px 0 0;
}
.release.post .item-list .item-box .text .time-box .release:before,
.release.post .item-list .item-box .text .time-box .draft:before,
.release.post .item-list .item-box .text .time-box .stop:before

{
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 4px 0 0;
    line-height: 1;
    border-radius: 50%;
}

.work_status_icon:before{
	content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 4px 0 0;
    line-height: 1;
    border-radius: 50%;
}

.work_status_icon1:before{
    border: 1px solid #61a0ff;
    background: #61a0ff;
}

.work_status_icon5:before{
    border: 1px solid #d8d8d8;
    background: #d8d8d8;
}

.work_status_icon9:before{
    border: 1px solid #dd0606;
    background: #dd0606;
}


.release.post .item-list .item-box .text .time-box .release:before{
    border: 1px solid #61a0ff;
    background: #61a0ff;
}

.release.post .item-list .item-box .text .time-box .draft:before{
    border: 1px solid #d8d8d8;
    background: #d8d8d8;
}
.release.post .item-list .item-box .text .time-box .stop:before{
    border: 1px solid #dd0606;
    background: #dd0606;
}

.release.post .item-list .item-box .text .time-box .time{
    margin: 0 10px 0 0;
}
.release.post .item-list .item-box .text .time-box .time:before{
    margin: 0 4px;
    color: #787c7b;
    content: "／";
}

.release.post .item-list .item-box .text .time-box .price:before{
    margin: 0 4px;
    color: #787c7b;
    content: "／";
}
#Delete-box.active{
    display: inherit;
}
.modal-box{
    display: none;
}
.modal-box.active{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: inherit;
}
.modal-box .bg{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    opacity: 1;
}
.modal-box .Delete{
    width: 400px;
    height: 216px;
    padding: 0 10px;
    background:#fff;
    border-radius: 4px;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: auto;
}
.modal-box .Delete h2{
    text-align: center;
    padding: 16px 0;
    border-bottom: 1px solid #d8d8d8;
}
.modal-box .Delete p{
    text-align: center;
    padding: 35px 0;
}
.modal-box .Delete ul{
    display: flex;
    justify-content: flex-end;
    padding: 16px 0;
    border-top: 1px solid #d8d8d8;
}
.modal-box .Delete li{
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    margin: 0 0 0 20px;
}

#Delete-box button,
.modal-box .Delete li button {
    cursor: pointer;
    text-align: center;
    /*width: 100px;*/
    font-size: 13px;
    padding: 6px 20px;
    background: #333;
    color: #fff;
    border-radius: 4px;
    border: solid 1px #333;
    margin: auto;
}
#Delete-box{
    /*width: 100px;*/
}
.Delete-btn,
.modal-box .Delete li .Delete-btn-02 {
    border: 1px solid #333;
    background: #333;
    color: #fff;
}

/*post-correction*/
.release.post .correction .release-date,
.release.post .correction .public-price{
    margin: 0 0 20px;
}
.release.post .correction .public-status p,
.release.post .correction .release-date p,
.release.post .correction .public-price p{
    margin: 0 0 10px;
}
.release.post .correction .release-date  input{
    width: 180px !important;
    margin: 0 10px 0 0;
}
.release.post .correction .public-status{
    /*border-top: 1px solid #d8d8d8;*/
    padding: 0 0 0 ;
    margin: 25px 0;
}

.selectStyle {
	position: relative;
	display: inline;
	text-align: left;
}

.selectStyle select {
	border:1px solid #D8D8D8;
	padding:5px 50px 5px 10px;
	text-align: left;
	-webkit-appearance: none;
	appearance: none;
}

.selectStyle::before {
  position: absolute;
  top: 0.4em;
  right: 0.8em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
  pointer-events: none;
}

.radioStyle{
	text-align: left;
	vertical-align: top;
}
.radioStyle label {
	padding:10px 30px 10px 0;
	display: inline-block;
}

.radioStyle input[type="radio"] {
	width:auto !important;
	height:auto;
	margin-right:10px !important;
}

.radioStyle #price_input {
	display: none;
}
.radioStyle #price_input.on {
	display: inline-block;
}
.radioStyle #price_input input {
	width:150px;
	margin-right:1em !important;


}
.release.post .correction .public-status ul{
    display: flex;
}
.release.post .correction .public-status li{
    margin: 0 10px 0 0;
}

.public-status li:before{
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px 0 0;
    line-height: 1;
    border-radius: 50%;
    border: 1px solid #000;
    background: #000;
}
.work-btn a{
    text-align: center;
    width: 200px;
    font-size: 13px;
    padding: 6px 0;
    background: #333;
    color: #fff;
    border-radius: 4px;
    border: solid 1px #333;
    margin: 0 auto 40px;
    cursor: pointer;
}

/* tokutei ---------------------------------------- */
.free-area{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 30px 10px;
		font-size:15px;
}
.free-area h2{
    text-align: center;
    font-size: 24px;
}
.free-area .text-box{
    border: 1px solid #d8d8d8;
    margin: 60px 0 0;
    padding: 24px;
    border-radius: 4px;
}
.free-area.tokutei .text-box h3,
.free-area.privacy .text-box h3{
    font-size: 20px;
    margin: 0 0 8px;
}
.free-area.tokutei .text-box p,
.free-area.privacy .text-box p{
    font-size: 14px;
    margin: 0 0 30px;
}
free-area.privacy

/* terms ---------------------------------------- */
.terms{

}
.terms.free-area{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 30px 10px;
		font-size:14px;
}

.terms h3 {
    font-size:130%;
		margin:1.5em 0 0.5em;
}

.terms p {
    text-indent:1em;
		padding:0 0 1em;
}
.indent-list.indent-2 {
	margin-top:0.5em;
}

.indent-list.indent-2 li {
	text-indent:-2.7em;
}

.indent-list li {
	text-indent:-1.4em;
	padding:0 0 0.5em 3em;
}

.terms .terms-foot {
	padding-top:3em;
	text-indent:0;

}

/* ABOUT ---------------------------------------- */
.free-area.about .text-box{
    line-height: 30px;
}
.free-area.about .list-box{
    margin: 40px 0;
}

.free-area.about .list-box h3{
    font-size: 20px;
    padding: 8px 4px 8px 24px;
    position: relative;
}
.free-area.about .list-box h3:after {
     position: absolute;
     content: '';
     top: 50%;
     left: 0;
     transform:translateY(-50%);
     width: 10px;
     height:10px;
     border: solid 4px #333;
     border-radius:100%;
}
.free-area.about .list-box a{
    padding: 8px 0;
    color: #00a0e9;
}
.free-area.about .list-box a .fa-angle-right{
    padding: 0 0 0 10px;
    font-size: 18px;
}
/*  contact---------------------------------------- */
.free-area .contact{
    margin: 40px 0;
}
.free-area .contact p{
    margin: 0 0 40px;
    text-align: center;
    line-height: 30px;
}


@media screen and (max-width:899px){
/* common ---------------------------------------- */
    .release .side,
    .name-id,
    .Breadcrumb{
        display: none;
    }
    .Breadcrumb.Sp{
        display: inherit;
    }
    .release .container{
        padding: 0;
    }
    .release.sales .container,
    .release.unsubscribe .container{
        padding: 0 10px;
    }
    .release .content{
        margin: 0 0 30px;
    }
    .release .content .box {
        border: none;
        padding: 0;
    }

    .release .content .box h2{
        font-size: 18px;
        text-align: center;
        padding: 40px 0;
    }

		.release .content .box .head-btn {
			position:inherit;
			text-align: center;
			padding:10px 0;
			border-bottom: 1px solid #D8D8D8;
		}
		.release .content .box .foot-btn {
			padding:20px 0;
			border-bottom: 1px solid #D8D8D8;
		}

/* header ---------------------------------------- */
    .Contents dl{
        padding: 0;
				display: block;
    }

    .Contents dt{
        width: 100%;
        background: #D8D8D8;
        padding: 10px;
				display: block;


    }
    .Contents dd{
        width: 100%;
        padding: 15px 10px;
				display: block;

    }
/* sales ---------------------------------------- */
    .release.sales .flex,
    .release.purchase .flex{
        flex-wrap: wrap;
    }

    .release.sales .product,
    .release.purchase .product{
        padding: 15px;
        border: 1px solid #D8D8D8;
        margin: 0 0 20px;
    }
    .release.sales .product:last-child,
    .release.purchase .product:last-child{
        margin: 0;
    }
    .release.sales .product .img,
    .release.purchase .product .img{
        margin: 0 0 20px;
    }
    .release.sales .product img,
    .release.purchase .product img{
        width: 100px;
    }
    .release.sales .product .text-box,
    .release.purchase .product .text-box{
        float: none;
        width: 100%;
        padding: 0;
    }
    .release.sales .product .text,
    .release.purchase .product .text{
        float: left;
        width: 80%;
        padding: 0 0 0 20px;
    }
    .release.sales .product .details,
    .release.purchase .product .details{
        width: 100%;
        clear: both;
        padding: 0;
    }
    .release.sales .product .details .Btn,
    .release.purchase .product .details .Btn{
        float: inherit;
        width: 200px;
        margin: auto;
    }
		.release.Sales .salesData_table {
		    display: inline-table;
		    vertical-align: middle;
		    width: 100%;
				border-right:0px !important;
		}
		.release.Sales .salesData_table .salesData_tablecell {
		    padding:0 !important;
		}
/* unsubscribe ---------------------------------------- */
    .release.unsubscribe .unsubscribe-box .color-box{
        border-top: 4px solid #aaa;
        border-left: none;
    }
    .unsubscribe-box .btn {
        margin: auto;
        width: 240px;
    }
    .release.unsubscribe .unsubscribe-box .Uns-btn{
        justify-content: center;
        align-items: center;
    }
    .release.unsubscribe .unsubscribe-box .Uns-btn button{
        width: 160px;
        padding: 12px 0;
    }

/* Sales ---------------------------------------- */
    /*.release.Sales .content .box:first-child,*/
    .release.Sales .passbook_Data .table .Details,
    .release.Sales .passbook_header .time,
    .release.Sales .passbook_header .textRight{
        display: none ;
    }
    .release.Sales .passbook .flex{
        flex-wrap: wrap;
        padding: 20px 0;
    }
    .release.Sales .passbook_table {
        width: 100%;
        padding: 0 10px 40px !important;
    }
    .release.Sales .passbook_price {
        font-size: 30px;
        text-align: center;
    }
    .release.Sales .passbook_Data{
        padding: 0 10px;
    }
    .release.Sales .passbook_Data .passbook_header{
        background: #fff !important;
        border-bottom: none;
        position: relative;
        height: 50px;
    }
    .release.Sales .passbook_Data .passbook_header .select {
        border: 1px solid #d8d8d8;
        border-radius: 4px;
        box-sizing: border-box;
        display: inline-block;
        position: absolute;
        right: 10px;
        padding: 10px;
    }
    .release.Sales .passbook_Data .table tr:nth-child(2){
        border-top:1px solid #f1f1f1;
    }
    .release.Sales .passbook_Data .table th, .passbook_Data .table td {
        padding: 20px 10px;
    }
    .release.Sales .passbook .link{
        color: #0000FF;
        text-align: right;
        font-size: 14px;
        margin: 0 0 10px;
        padding: 0 10px 10px;
        border-bottom: 1px solid #f1f1f1;
    }
    .release.Sales .passbook .Sph2{
        display: inherit;
    }
/*  account---------------------------------------- */
    .release.account .Contents dl{
        padding: 0;
    }

		.release.account .Contents dt,
		.release.account .Contents dd{

			display: block;
		}
    .release.account .Contents dt,
    .release.account .Contents dd,
    .release.account #credit-card input{
        width: 100%;
    }
    .release.account .Change-btn ul li button{
        margin: 0 10px;
        width: 160px;
        padding: 12px 0;
    }
    .release.account .box.mail .Contents p.m12,
    .release.account .box.pw .Contents p.m12{
        padding: 0 10px;
    }

    .release.account #credit-card .credit-btn a{
        width: 160px;
        padding: 12px 0;
    }

/*  withdraw---------------------------------------- */
    .release .content .box.Transfer h2{
        border-bottom: none;
    }
    .release.withdraw .content .box{
        margin: 0;
    }
    .release.withdraw .text{
        padding: 0 10px 40px;
        border-bottom: 1px solid #D8D8D8;
    }


    .release.withdraw .Contents dt,
    .release.withdraw .Contents dd{
        width: 100%;
    }
    .release.withdraw .Change-btn ul li{
        margin: 0 10px;
        width: 160px;
        padding: 12px 0;
    }
    .release.withdraw .Contents dl{
        padding: 0;
        border-bottom: none;
    }

    .release.withdraw .account-btn a,
    .release.withdraw .Transfer-btn a{
        width: 160px;
        padding: 12px 0;
    }
    .release.withdraw .accountInfo.edit{
        border-bottom: 1px solid #D8D8D8;
        padding: 0 0 60px;
    }
    .release.withdraw .Transfer .text{
        border-bottom: none;
    }
    .release.withdraw .Transfer{
        margin: 0 0 100px !important;
    }


/*  post---------------------------------------- */

    .release.post .correction .public-status,
    .release.post .correction .release-date,
    .release.post .correction .public-price{
        padding:  0 10px;
    }
    .release.post .correction .public-status{
        padding:  25px 10px 0;
    }

    .release.post .item-list .item-box{
        padding: 10px 5px;
    }


/*  contact---------------------------------------- */
    .free-area .contact p{
        text-align: left;
    }


}