body{
	background-color:#fff;
	color:#333;
	font-size:14px;
}

.text-gray{
	color:#999;
}

.tel_no{
	font-size:3rem;
}

.copy{
	font-size:0.7rem;
}

.kasen{
	text-decoration:underline;
}

.fsiz09{
	font-size:0.9rem;
}


.header{
	/*height:100px;*/
}
.header .logo_box{
	margin-top:10px;
	width:200px;
}

.register h1{
	font-size:2em;
}
.register h2{
	font-size:1em;
}
.register .lead{
	/*font-size:2vw;*/
}

.main_wrap{
	padding-bottom:90px;
}
.main_wrap h1{
	font-size:2em;
}
.main_wrap h2{
	font-size:1em;
}
.main_wrap .lead{
	/*font-size:2vw;*/
}

.login_box{
	min-height:200px;
}

.login_box .number_in{
	display:inline;
	width:1.8rem;
	padding:4px;
	color:#000;
	text-align:center;
}

.btn_box .btn {
    border-radius: 12px!important;
    padding: 5px 30px!important;
    color: #000;
    background-color: #E5E5E5;
    border-color: #E5E5E5;
}

button.btn.btn-light.px-5 {
    background-color: #e5e5e5;
}

a.btn.btn-light {
    background-color: #e5e5e5;
    border-radius: 5px;
}
.py-2 button.btn.btn-light {
    background-color: #e5e5e5;
}

.modal-header{
	border-bottom:0;
}

img.kokai{
	cursor:pointer;
}
img.kokai:hover{
	opacity:0.6;
}

.btn_pay{
	width:220px;
}
.btn_pay:hover{
	opacity:0.6;
}

.bottom_menu{
	position:fixed;
	bottom:0;
	left:0;
	background-color:#222;
}
.bottom_menu .menu_btn{
	cursor:pointer;
}
.bottom_menu .menu_btn:hover{
	background-color:#074580;
	opacity:0.5;
}

.bottom_menu .bm_icon{
	height:60px;
}
.bottom_menu {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #3281BC;
}



.mypage_menu{
	/*padding-bottom:5rem;*/
}
.mypage_menu a{
	display:block;
	position:relative;
	width:100%;
	padding:0.8rem;
	color:#fff;
}
.mypage_menu a img{
	height:40px;
	margin-right:1rem;
}
.mypage_menu a::after{
	position:absolute;
	content:">>";
	top:50%;
	right:0.5rem;
	margin-top:-0.6rem;
	color:#fff;
}
.mypage_menu a:nth-child(2n+1){
	background-color:#939393;
	color: #fff;
}
.mypage_menu a:nth-child(2n){
	background-color:#E5E5E5;
	color: #939393;
}
.mypage_menu a:hover{
	background-color:#074580;
	opacity:0.5;
}


.search_list .search_row{
	cursor:pointer;
}
.search_list .search_row:hover{
	background-color:#074580;
	opacity:0.7;
	color: #fff;
}


.exl_num img{
	height:2rem;
	margin-right:0.5rem;
}


.mess_tit_name{
	position:fixed;
	top:0;
	left:0;
	background-color:#3281BC;
	border-bottom:1px solid #fff;
	color:#fff;
	font-size:1.5rem;
	padding:2rem 0 2rem;
	text-align:center;
	width:100%;
	z-index:10;
}

.mess_list .mess_box{
	position:relative;
	color:#000;
	border-radius:6px;
	width:60%;
	margin-bottom:1rem;
}
.mess_list .flex-row .mess_box{
	margin-left:20px;
	background-color:#9FCEFD;
}
.mess_list .flex-row-reverse .mess_box{
	margin-right:20px;
	background-color:#e6e6fa;
}
.mess_list .flex-row .mess_box::before{
	content: "";
	position: absolute;
	top: 50%;
	left: -20px;
	margin-top: -10px;
	border: 10px solid transparent;
	border-right: 10px solid #fff;
}
.mess_list .flex-row-reverse .mess_box::before{
	content: "";
	position: absolute;
	top: 50%;
	right: -20px;
	margin-top: -10px;
	border: 10px solid transparent;
	border-left: 10px solid #e6e6fa;
}

.mess_list .mess_box p{
	padding:10px 1rem;
}
.mess_list .mess_box img{
	width:200px;
	margin:0 1rem 1rem;
	border-radius:6px;
}

.upfile_label{
	color:#fff;
	background-color: #006DD9;
	padding:0.5rem 1rem;
	border-radius:6px;
	cursor:pointer;
}
.upfile_label > .upfile_input{
	display:none;
}
.upfile_txt{
	background: none;
	box-shadow: none;
	border: none;
	color:#fff;
}

.error_mess{
	display:block;
	color:#f00;
	font-size:1rem;
	margin:0 0 0.5rem;
}

.mess_reload{
	width:40px;
	padding:6px;
}
.mess_reload img{
	width:100%;
}

.exl_num a{
	color:#fff;
}

.d-flex .thumb{
	width:40px;
	position:relative;
}
.d-flex .thumb img{
	position:absolute;
	top:40%;
	left:0;
	border:1px solid #ccc;
	border-radius:4px;
	margin-top:-50%;
}
.text1{
  color: #000;
  font-weight: bold;
}

/*max Width 768px */
@media screen and (max-width: 767px) {
	.header{
		/*height:8vw;*/
	}
	.header .logo_box{
		/*margin-top:1vw;*/
		width:30vw;
	}

	.main_wrap{
		padding-bottom:70px;
	}

	.bottom_menu .bm_icon{
		width:100%;
		height:auto;
	}

	.mess_tit_name{
		padding:1rem 0 10px;
	}
	.mess_list .mess_box{
		width:70%;
	}
	.mess_list .mess_box img{
		width:80%;
	}

}