body{
	font-family: 'fontw4';
	/* background:#0f0f0f; */
}

*{
	margin: 0;
}

#master .inner{
	/* padding-top: 10px; */
	padding-bottom: 10px;
    /* padding-left: 20%;
    padding-right: 20%; */
    text-align: center;
	/* display: flex; */
	margin-left: 5%;
    margin-right: 5%;
    
}
#handset .inner{
	padding-top: 10px;
	padding-bottom: 10px;
    padding-left: 20%;
    padding-right: 20%;
    text-align: center;

}
.left{
	display: inline-block;
	width: 75%;
	text-align: left;
	/* margin-right: 2rem; */
}
.rigth{
	display: inline-block;
	margin-left: 2rem;
    width: 48%;
}
.page-header{
    padding-bottom: 10px;
    text-align: center;
    padding-top: 10px;
    background: #708ebb;
    color: #fff;
}
.error {
	margin-left: 0.5rem;
    color: #cc4547;
}
.disp_commment{
	width: 100%;
    height: 400px;
    background: #dee2e6;
    border: 1px solid #ced4da;
    background-color: #e9ecef;
    border-radius: 0.25rem;
    padding: 1rem 2.25rem 1rem 0.75rem;
	pointer-events: none;
    overflow: hidden;
	resize: none;
	font-size: 0.8rem;
}

.disp_commment dl {
	display: flex;
	flex-wrap: wrap;
	line-height: 1;
}
.disp_commment dl dt {
	width: 40%;
}
.disp_commment dl dd {
	width: 60%;
}
.page-footer{
    padding-bottom: 10px;
    text-align: center;
    padding-top: 10px;
    color: #020202;
	font-size:0.8rem;
	border-top: 1px solid #708ebb;
}
.page-footer p{
	margin-bottom: 0px;
}
.page-header h1{
	font-size: 2rem;
    margin-bottom: 0px;
}
.page-header small{
	font-size: 0.675em;
}
.form-group{
	margin-top: 10px;
    border-bottom: 1px;
    padding-bottom: 20px;
	text-align: left;
}
.form-check{
	display: inline-block;
}
.form-check.day{
	width: 45%;
}

.form-group h5{
	/* border-left: 5px solid #9bc3ff; */
	margin-bottom: 0px;
    padding-bottom: 10px;
}
.form-group h5 label{
	margin-left: 10px;
	margin-top: 10px;
}
.form-group h5 span{
	font-size: 0.7rem;
	display: block;
    text-align: center;
    margin-top: 0.5rem;
}
.form-group h5 span a{
	color:#1ab3ff!important;
	text-decoration: underline!important;
}
h5.required div{
	margin-left: 1.2em;
    padding: 0px 6px 0px 6px;
    border-radius: 4px;
    font-size: 0.5rem;
    color: white;
    background-color: #C44;
    width: 38px;
    display: inline-block;
    text-align: center;
    height: 17px;
    position: relative;
    margin-top: 2px;
}
h5.required div span{
    position: absolute;
    top: 2px;
    bottom: 0;
    left: 0;
    right: 0;
    /* padding: 1px; */
    display: inline-block;
}
#disp_day_y1,#disp_day_y2{
	width: 40%;
	display: inline-block;
}
#disp_day_m1,#disp_day_d1,#disp_day_m2,#disp_day_d2{
	width: 29%;
	display: inline-block;
}
#main .disp-none {
	display: none;
}

.btn-primary{
	margin-top: 20px;
    margin-bottom: 20px;
    width: 30%;
    padding: 10px;
    background: #3670c7;
    border-color: #3670c7;
}
.warning{
	display: inline-block;
    font-size: 0.8rem;
}


#overlay{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height:100%;
    display: none;
    background: rgba(0,0,0,0.6);
}
.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.spinner {
    width: 80px;
    height: 80px;
    border: 4px #ddd solid;
    border-top: 4px #999 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(359deg); }
}
.is-hide{
    display:none;
}

.pointer_events{
	pointer-events: none;
}
.error_input{
	background: #ffe5e9;
}
.form-control{
	line-height:1.3;
	font-size: 0.8rem;
}
.form-select{
	line-height:1.3;
	font-size:0.8rem;
}
.disp_part_div{
    margin-bottom: 5px;
    margin-top: 7px;
}

.reset_btn{
	margin-top: 0px;
    margin-bottom: 20px;
    font-size: 80%;
    padding: 10px 5px;
    background: #88909c;
    border: none;
}

.reset_btn:hover {
    color: #fff;
    background-color: #585f6a;
    border-color: none;
}

.display_none{
	display:none;
}
.mt20{
	margin-top: 1rem;
	margin-bottom: 1rem;
}


#main .form-check-input[type=radio].disp-none {
    display: block;
}

.up_btn{
    width: 92%;
    background: #3670c7;
    border-color: #3670c7;
	margin-top: 0px;
	margin-bottom: 1rem;
}
[type=file] {
    cursor: pointer;
	padding-top: 0px;
    padding-bottom: 5px;
    text-align: center;
    display: flex;
    margin-left: 0;
    margin-right: 0px;
	width: 60%;
}
.m0{
	margin-top: 10px;
    margin-bottom: 10px;

}
.w50 {
	width: 50%;
}
.w20 {
	width: 20%;
}
.btn_inner{
	text-align: center;
	padding-top: 20px;
}
#my_form{
	margin-bottom: 50px;
}

.up_img {
	display: flex;
}
.up_img .left{
	display: inline-block;
	width: 400px;
}
.up_img .left p{
    display: inline-block;
    margin-right: 40px;
    font-size: 29px;
}
.up_img .rigth{
	display: inline-block;
    width: 47%;
    margin-left: 0px;
    text-align: left;
}
.up_img .rigth div{
    margin-top: 40px;
    padding: 0;
}
.up_img img{
	width: 300px;
	display: inline-block;
}

.up_img [type=file] {
    cursor: pointer;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    display: flex;
    margin-left: 0;
    margin-right: 0px;
    width: 100%;
}

.img_innner{
	margin-bottom: 50px;
}
#sound_setup{
	width: 100%;
}
.sound_setup ul{
	padding-left:1rem;
	padding-right:1rem;
}
.sound_setup li{
	display: inline-block;
	vertical-align: top;
}


.sound_setup li:nth-of-type(1){
	width: 15%;
}


.sound_setup li:nth-of-type(2){
	width: 50%;
}
.sound_setup li:nth-of-type(3){
	width: 15%;
	text-align: left;;
}
.sound_setup li:nth-of-type(4){
	width: 15%;
	text-align: left;;
}
.sound_setup li select{
    width: 80%;
}

.sound_setup.head li:nth-of-type(3){
	text-align: left;
}

.sound_setup li span{
	display: inline-block;
	width: 50%;
	text-align: left;
}
.sound_setup li button.m0 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.sound_setup li button.btn-primary {
    padding: 5px;
	padding: 1px;
    width: 100%;
    font-size: 90%;
}

.O_jyo .sound_setup.head.sound_setup_time li{
	width: 24%;
}


.form-group.O_jyo h5{
	border-left: 8px solid #fff;
    margin-bottom: 1rem;
	font-size: 1.5rem;
	text-align: center;
}

.O_jyo .sound_setup.head{


}
.form-group.a_jyo h5{
	border-left: 8px solid #cd4b4b;
    margin-bottom: 1rem;
	font-size: 1.5rem;
}

.a_jyo .sound_setup.head{
	border-bottom: 2px solid #cc4444;

}
.a_jyo .btn-primary{
	background: #cd4b4b;
	border-color:#cd4b4b;
}
.a_jyo button:link {
    background: #ff6b84;
}
.a_jyo button:visited {
    background: #ff6b84;
}
.a_jyo button:hover  {
    background: #ff6b84;
}
.a_jyo button:active  {
    background: #ff6b84;
}
/* .a_jyo .btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
} */
.form-group.b_jyo h5{
	border-left: 8px solid #4bbdcd;
    margin-bottom: 1rem;
	font-size: 1.5rem;
}


.b_jyo .sound_setup.head{
	border-bottom: 2px solid #4bbdcd;

}
.b_jyo .btn-primary{
	background: #4bbdcd;
	border-color:#4bbdcd;
}
.b_jyo button:link {
    background: #0089ff;
}
.b_jyo button:visited {
    background:#0089ff;
}
.b_jyo button:hover  {
    background: #0089ff;
}
.b_jyo button:active  {
    background:#0089ff;
}



.O_jyo .btn-primary{
	background: #7dccf3;
	border-color:#7dccf3;
}
.O_jyo button:link {
	background:#1ab3ff;
	border-color:#1ab3ff;
}
.O_jyo button:visited {
	background:#1ab3ff;
	border-color:#1ab3ff;
}
.O_jyo button:hover  {
	background:#1ab3ff;
	border-color:#1ab3ff;
}
.O_jyo button:active  {
	background:#1ab3ff;
	border-color:#1ab3ff;
}





.form-group.c_jyo h5{
	border-left: 8px solid #bd5fe2;
    margin-bottom: 1rem;
	font-size: 1.5rem;
}

.c_jyo .sound_setup.head{
	border-bottom: 2px solid #bd5fe2;
}
.c_jyo .btn-primary{
	background: #a137cb;
	border-color:#a137cb;
}
.c_jyo button:link {
    background: #D771FE;
}
.c_jyo button:visited {
    background: #D771FE;
}
.c_jyo button:hover  {
    background: #D771FE;
}
.c_jyo button:active  {
    background: #D771FE;
}
.c_jyo .particular_setup.head{
	border-bottom: 2px solid #bd5fe2;
}

.form-group.d_jyo h5{
	border-left: 8px solid #e08cc8;
    margin-bottom: 1rem;
	font-size: 1.5rem;
}

.d_jyo .sound_setup.head{
	border-bottom: 2px solid #e08cc8;
}
.d_jyo .btn-primary{
	background: #e08cc8;
	border-color:#e08cc8;
}
.d_jyo button:link {	
    background: #dd39ae;
}
.d_jyo button:visited {
    background: #dd39ae;
}
.d_jyo button:hover  {
    background: #dd39ae;
}
.d_jyo button:active  {
    background: #dd39ae;
}
.d_jyo .particular_setup.head{
	border-bottom: 2px solid #e08cc8;
}

.form-group.e_jyo h5{
	border-left: 8px solid #3C8B86;
    margin-bottom: 1rem;
	font-size: 1.5rem;
}

.e_jyo .sound_setup.head{
	border-bottom: 2px solid #3C8B86;
}
.e_jyo .btn-primary{
	background: #3C8B86;
	border-color:#3C8B86;
}
.e_jyo button:link {	
    background: #16b8ad;
}
.e_jyo button:visited {
    background: #16b8ad;
}
.e_jyo button:hover  {
    background: #16b8ad;
}
.e_jyo button:active  {
    background: #16b8ad;
}
.e_jyo .particular_setup.head{
	border-bottom: 2px solid #3C8B86;
}

.form-group.f_jyo h5{
	border-left: 8px solid #b8d200;
    margin-bottom: 1rem;
	font-size: 1.5rem;
}

.f_jyo .sound_setup.head{
	border-bottom: 2px solid #b8d200;
}
.f_jyo .btn-primary{
	background: #b8d200;
	border-color:#b8d200;
}
.f_jyo button:link {	
    background: #a0b600;
}
.f_jyo button:visited {
    background: #a0b600;
}
.f_jyo button:hover  {
    background: #a0b600;
}
.f_jyo button:active  {
    background: #a0b600;
}
.f_jyo .particular_setup.head{
	border-bottom: 2px solid #b8d200;
}


.form-group.g_jyo h5{
	border-left: 8px solid #ffb270;
    margin-bottom: 1rem;
	font-size: 1.5rem;
}

.g_jyo .sound_setup.head{
	border-bottom: 2px solid #ffb270;
}
.g_jyo .btn-primary{
	background: #ffb270;
	border-color:#ffb270;
}
.g_jyo button:link {
    background: #fc8b2b;
}
.g_jyo button:visited {
    background: #fc8b2b;
}
.g_jyo button:hover  {
    background: #fc8b2b;
}
.g_jyo button:active  {
    background: #fc8b2b;
}
.g_jyo .particular_setup.head{
	border-bottom: 2px solid #ffb270;
}

.form-group.h_jyo h5{
	border-left: 8px solid #0b5ed7;
    margin-bottom: 1rem;
	font-size: 1.5rem;
}

.h_jyo .sound_setup.head{
	border-bottom: 2px solid #0b5ed7;
}
.h_jyo .btn-primary{
	background: #0b5ed7;
	border-color:#0b5ed7;
}
.h_jyo button:link {
    background: #076cff;
}
.h_jyo button:visited {
    background: #076cff;
}
.h_jyo button:hover  {
    background: #076cff;
}
.h_jyo button:active  {
    background: #076cff;
}
.h_jyo .particular_setup.head{
	border-bottom: 2px solid #0b5ed7;
}

.form-group.news_jyo h5{
	border-left: 5px solid #3670c7;
    margin-bottom: 1rem;
	font-size: 1.5rem;
}

.news_jyo .sound_setup.head{
	border-bottom: 2px solid #3670c7;

}
.news_jyo button:link {
    background: #0066ff;
}
.news_jyo button:visited {
    background: #0066ff;
}
.news_jyo button:hover  {
    background: #0066ff;
}
.news_jyo button:active  {
    background: #0066ff;
}

/* ul.sound_setup:hover{
	margin-bottom: 0.5rem;
} */

ul.sound_setup{
	margin-bottom: 0.5rem;
}
ul.sound_setup.none{
	display: none;
}
ul.sound_setup.sub_contents.none{
	display: none;
}

#news_index_setup{
	width: 100%;
}
#news_index_setup li:nth-of-type(1){
	width: 10%;

}
#news_index_setup li:nth-of-type(2){
	width: 30%;

}
#news_index_setup li:nth-of-type(3){
	width: 57%;
}
#news_index_setup .img li img{
	display: inline-block;
    max-width: 100%;
    width: 250px;
}
#news_index_setup form{
    /* display: inline-flex;
    width: auto; */
}
#news_index_setup form li.up {
	width: 500px;
}
#news_index_setup li.up p{
	display: inline-block;
	margin-bottom: 0.5rem;
}

#news_index_setup [type=file] {
    cursor: pointer;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    display: flex;
    margin-left: 0;
    margin-right: 0px;
    width: 100%;
}
#news_index_setup [type=button], [type=reset], [type=submit], button{
	margin-top:1rem;
	margin-bottom:1rem;
	width: 128px;
	padding: 0.5rem;
	margin-right: 1rem;
}
.a_jyo .btn-primary.bule {
    background-color: #848c97;
    border-color: #848c97;
}

ul.sound_setup.img{
	margin-bottom:4rem;
}




.form-group.test_jyo h5{
	border-left: 5px solid #198754;
    margin-bottom: 1rem;
	font-size: 1.5rem;
}

.test_jyo .sound_setup.head{
	border-bottom: 2px solid #198754;
}

ul.sub_contents{
	margin-bottom: 30px;
	margin-top: -12px;
}

.sound_setup.sub_contents li:nth-of-type(2){
	width: 14%;
}
.sound_setup.sub_contents li:nth-of-type(3){
	width: 14%;
	text-align: left;
}
.sound_setup.sub_contents li:nth-of-type(4){
	width: 14%;
	text-align: left;
}

.sound_setup.sub_contents li span{
	width: 80%;
	font-size: 0.7rem;
}


.test_jyo .btn-primary{
	background: #198754;
	border-color:#198754;
}
.test_jyo button:link {
    background: #10c571;
}
.test_jyo button:visited {
    background: #10c571;
}
.test_jyo button:hover  {
    background: #10c571;
}
.test_jyo button:active  {
    background: #10c571;
}

#my_form01{
	text-align: left;
	margin-bottom: 1.5rem;

}
#my_form{
	text-align: left;
	margin-bottom: 1.5rem;

}
#my_form_tv{
	text-align: left;
	margin-bottom: 1.5rem;

}
#my_form_org{
	margin-bottom: 0rem;

}
.w230 {
    width: 230px;
}
.O_jyo .btn-primary-gry{
	background: #adb5bd;
	border-color:#adb5bd;
}
.O_jyo button.btn-primary-gry:link {
	background:#6c757d;
	border-color:#6c757d;
}
.O_jyo button.btn-primary-gry:visited {
	background:#6c757d;
	border-color:#6c757d;
}
.O_jyo button.btn-primary-gry:hover  {
	background:#6c757d;
	border-color:#6c757d;
}
.O_jyo button.btn-primary-gry:active  {
	background:#6c757d;
	border-color:#6c757d;
}


@media screen and (max-width:1000px) {
	.left {
		width: 80%;
	}
}
@media screen and (max-width:1000px) {
	.left {
		width: 100%;
	}
}


#particular_setup{
	width: 100%;
}
.particular_setup ul{
	padding-left:1rem;
	padding-right:1rem;
}
.particular_setup li{
	display: inline-block;
	vertical-align: top;
}


.particular_setup li:nth-of-type(1){
	width: 100%;
}
.particular_setup.contents_header li:nth-of-type(1){
	width: 40%;
}

.particular_setup.contents_header li:nth-of-type(2) {
    width: 55%;
}
.particular_setup.contents_header select.small_{
    width: 30%;
}
.particular_setup.contents_header select.big_{
    width: 70%;
}

.particular_setup li span{
	display: inline-block;
	width: 30%;
	text-align: left;
}
.particular_setup li button.m0 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.particular_setup li button.btn-primary {
    padding: 5px;
	padding: 1px;
    width: 100%;
    font-size: 90%;
}

.a_jyo .particular_setup.head{
	border-bottom: 2px solid #cc4444;
}
.b_jyo .particular_setup.head{
	border-bottom: 2px solid #4bbdcd;
}


ul.particular_setup:hover{
	margin-bottom: 0.5rem;
}

ul.particular_setup{
	margin-bottom: 0.5rem;
}
ul.particular_setup.none{
	display: none;
}



ul.particular_setup.contents_header_title:hover{
	margin-bottom: 0px;
}

ul.particular_setup.contents_header_title{
	margin-bottom: 0px;
}

.title_gray_pre{
	width: 100%;
    margin-right: 0;
    margin-left: auto;
    /* float: right; */
    display: inline-block;
	padding-bottom: 1rem;
}
.title_gray_child{
    margin-right: 0;
    margin-left: auto;
    width: 57%;
    display: inline-block;
    float: right;
	background: #e8e8e8;
    padding: 20px;
    border-radius: 8px;
}

.particular_setup.contents_header.contents_header_title li:nth-of-type(2){
	width: 55%;
}
.odds_type_select{
	width: 80%;
}
.inner_{
	margin-bottom: 30px;
}
.particular_setup li span.kotei{
	width: 80%;
    font-size: 70%;
}
ul.particular_setup.contents_header_title{
	font-size: 90%;;
}

.odds_type_select.switch{
	width: 30%;
}
.particular_setup li span.kyoutuu{
    font-size: 50%;
    display: inline;
    margin-left: 1rem;	
}

hr {

    margin: 3rem auto 5rem auto;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25;
	width: 70%;
}

ul.particular_setup.contents_header_title{
	padding-left:0px;
}
.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
	transform: rotate(90deg);
}
.arrow.top{
	transform: rotate(270deg);
}
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.top.sample5-6::before {
    background: #7dccf3;
}
.sample5-6::before{
    width: 12px;
    height: 12px;
    background: #7a0;
}
.sample5-6::after{
    left: 5px;
    box-sizing: border-box;
    width: 3px;
    height: 3px;
    border: 3px solid transparent;
    border-left: 3px solid #fff;
}


#my_form01 .form-group, #my_form .form-group, #my_form_tv .form-group{
    padding-bottom: 0px;
}


.sound_setup.sound_setup_time li:nth-of-type(1){
	width: 24%;
	text-align: center;
}
.sound_setup.sound_setup_time li:nth-of-type(2){
	width: 24%;
	text-align: center;
}
.sound_setup.sound_setup_time li:nth-of-type(3){
	width: 24%;
	text-align: center;
}
.sound_setup.sound_setup_time li:nth-of-type(4){
	width: 24%;
	text-align: center;
}
.sound_setup.sound_setup_time li select{
    width: 80%;
}


.sound_setup_time li {
	width: 24%;
	display: inline-block;
	text-align: center;

}
.a_jyo .btn-primary.delete{
	width: 40%;
    padding: 5px;
    font-size: 80%;
}

.w180{
	width: 180px;

}
.g_b{
	background: #d0d0d0;
    border-color: #d0d0d0;
}

.g_b:hover {
    color: #fff;
    background-color: #7e7e7e;
    border-color: #7e7e7e;
}
.mb100{
	margin-bottom: 100px;
}

#master .msg{
	display: inline-block;
}
#master span.msg{
	font-size: 70%;
	color: gray;
}
#master p.msg{
	vertical-align: top;
    color: #0d6efd;
    height: auto;
    width: 32%;
    /* margin-top: -1px; */
    padding-top: 11px;	
}
#master .contents{
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
#master .flot{
    float: inherit;
}
#master span.box1{
	float: right;
    display: inline-block;
    /* vertical-align: middle; */
    background: #dddddd;
    margin-top: 10px;
    border-radius: 5px;
    font-size: 85%;
    padding: 10px;
	width: 100px;
    text-align: center;
	margin-left: 2px;
    margin-right: 2px;
}
#my_form01 .form-group h5,#my_form .form-group h5,#my_form_tv .form-group h5{
	float: inherit;
}
#my_form01 h5 span,#my_form h5 span,#my_form_tv h5 span{
	display: inline-block;
	float: right;
	margin-top: 1.5rem;
}

summary {
	position: relative;
	display: inline-block; /* 矢印を消す */
	padding-left: 20px; /* アイコン分の余白 */
	cursor: pointer;
  }

  summary::-webkit-details-marker {
	display: none; /* 矢印を消す */
  }
  /* 疑似要素でアイコンを表示 */
  summary:before,
  summary:after {
	content: "";
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
  }
  summary:before {
	width: 16px;
	height: 16px;
	border-radius: 4px;
	background-color: #1da1ff;
  }
  summary:after {
	left: 6px;
	width: 5px;
	height: 5px;
	border: 4px solid transparent;
	border-left: 5px solid #fff;
	box-sizing: border-box;
	transition: .1s;
  }
  /* オープン時 */
  details[open] summary:after {
	transform: rotate(90deg); /* 90度回転 */
	left: 4px;
	top: 5px;
  }
  .pd10{
    padding: 10px;
  }
  .pdt30{
    padding-top: 30px;
  }

  .b_b{
	background: #7dccf3;
    border-color: #7dccf3;
}

.b_b:hover {
    color: #fff;
    background-color: #1ab3ff;
    border-color: #1ab3ff;
}
.w160 {
    width: 160px;
}
.btn-primary.disabled, .btn-primary:disabled{
	background: #d0d0d0;
	border-color: #d0d0d0;
}
.f70{
	font-size: 70%;
}
.sound_setup.sub_contents li span{
	margin-top: 10px;
}