@charset "utf-8";

@media (prefers-reduced-motion: no-preference){
	:root{
		scroll-behavior:auto !important;
	}
}

.inp-list{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.inp-list .radio-wrapper{
	width:49%;
}
.inp-list2 .radio-wrapper{
	padding:5px;
}

.btn-outline-secondary{
	border: solid 1px #B4B4B4;
}
.btn-check:checked + .btn{
	color: #434040 !important;
	background-color: #F799D3 !important;
}
.btn-outline-danger{
	color: red !important;
	background-color: #fff !important;
}



/*Myページ　フッター非表示*/
.page-Mypages .l-footer-widget-area{
	display:none;
}

.page-Mypages #page-top{
	display:none;
}

/*modal*/
.modal-header{
	background:#DE7DDB;
	color:#fff;
}

/*ログイン・会員登録*/
.page-Mypages .card{
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    margin-top: auto;
    margin-bottom: auto;
	width:100%;
	max-width:630px;
    /*background-color: rgba(255,255,255,0.5) !important;*/
    text-align:center;
	border:none;
	background-color:transparent;
}

.page-Mypages .card-header{
    color:#fff;
    font-weight:bold;
    padding:30px 0px 10px 0px;
}

.page-Mypages .card > div{
    border:none;
    background:none;
}

.page-Mypages .card .card-body{
	padding:40px 20px;
	background-color:#FFF;	
	border:solid 1px #C9C9C9;
	/*border-top:none;*/
	text-align:left;
}

.page-Mypages .card2{
    max-width:1024px;
}

.page-Mypages .card2 .card-body{
    background-color: rgba(255,255,255,255) !important;
	margin-left:auto;
	margin-right:auto;
    width: 100%;
    font-family: "TsukuARdGothicStd-M";
}

.page-Mypages .nav-tabs{
	border:none;
	flex-wrap:nowrap;
	display:flex;
	align-items: flex-start;
	justify-content: space-between;
}
.page-Mypages .nav-tabs > .nav-item{
flex: 1 0 auto;
text-align: center;
	border-left:solid 1px #707070;
}
.page-Mypages .nav-tabs > .nav-item:last-child{
	border-right:solid 1px #707070;
}

.page-Mypages .nav-tabs > .nav-item > a{
	border:none;
	border-radius:0px;
	padding:2px 0px;
	font-size:12px;
	
}

.page-Mypages .nav-tabs > .nav-item > a:link{
	color: #2C2C2C;
}
.page-Mypages .nav-tabs > .nav-item > a.active{
	color: #DE7DDB;
}

.page-Mypages #my-top-tab{
	border:none;
	flex-wrap:nowrap;
	display:flex;
	align-items: flex-start;
	justify-content: unset;
}
.page-Mypages #my-top-tab > .nav-item{
	flex: none;
	text-align: center;
	border-left:none;
}
.page-Mypages #my-top-tab > .nav-item:last-child{
	border-right:none;
}


.mykin-back{
	background:#F5F5F5;
}



.form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label{
	border-color: #dc3545;
	/*
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");

    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    */
    border-width:1px !important;
}

.form-control:invalid, .form-control.is-invalid {
    border-color: #dc3545;
    padding-right: 0px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control:invalid{
    border-width:1px !important;
}

.form-control:valid, .form-control.is-valid {
    border-color: #198754;
    padding-right: 0px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}


.form-check-input{
	vertical-align: sub;
}
.form-check-label{
	padding-left:2px;
}

input.form-control:read-only{
  background-color: #ccc !important;
}

.my-h3{
	font-size: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	max-width: none;
	margin-top:0px !important;
}
.my-h3-1{
	background:#DE7DDB;
}
.my-h3-2{
	background:#9758CC;
}
.my-h3-3{
	background:#3FC67D;
}
.my-h3-4{
	background:#F25A36;
}
.my-h3-5{
	background:#2977CC;
}
.my-h3-6{
	background:#7D7DDE;
}
.my-h3-7{
	background:#F4215D;
}
.my-h3-8{
	background:#8E7878;
}
.my-h3-9{
	background:#3DB8C7;
}