@charset "utf-8";

.js-modal-open {
	cursor: pointer;
}
.js-modal-open{
	width: 112px;
    padding: 8px 0px;
}
.create_btn store_profile_btn{
	padding-left: 0px;
    padding-right: 0px;
}
.modal{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	z-index: 1000;
	display:none;
}
.pop-btn{
	    width: 215px;
    height: 61px;
    margin: 0 auto;
    border-radius: 15px;
    background-color: #d4d3d3;
}
.modal_bg{
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 100vh;
	position: absolute;
}

.modal_content{
    /*border: solid 2px black;*/
	background: #fff;
	width: 45%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.modal_content .inner {
	    padding: 63px;
	text-align: center;
	height: 390px;
	line-height: 26px;
}
.js-modal{
	line-height: 60px;
    font-size: 15px;
	border: solid 1px gray;
    border-radius: 15px;
}
.t_center{
	font-size: 23px;
}
.pop-i{
	    text-align: left;
    margin: 44px auto;
    max-width: 547px;
    font-size: 17px;
}
@media screen and (max-width:1024px) {
	.modal_content{
	width: 64%;
}
	.modal_content .inner {
       padding: 96px;
	   height: 440px;
}
.pop-i {
    margin: 30px auto;
    max-width: 552px;
    font-size: 14px;
}
}
@media screen and (max-width:810px) {
		.modal_content{
	width: 74%;
}
	.modal_content .inner {
       padding: 56px;
    height: 361px;
}
}
@media screen and (max-width:768px) {
	.modal_content {
    width: 60%;
}
	.modal_content .inner {
    padding: 60px;
}
.t_center {
    font-size: 21px;
}
.pop-btn {
    width: 187px;
    height: 43px;
}
.js-modal {
    line-height: 41px;
}
}
@media screen and (max-width:414px) {
.modal_content .inner{
    padding: 36px;
    /*height: 311px;*/
    height: 340px;
}
.t_center {
    font-size: 23px;
}
.pop-i {
    margin: 33px auto;
    font-size: 12px;
}
.modal_content {
    width: 88%;
}
}
@media screen and (max-width:375px) {
.t_center {
    font-size: 22px;
}
.pop-i {
    font-size: 12px;
}
.pop-btn {
    height: 34px;
    width: 171px;
}
.js-modal {
    line-height: 33px;
    font-size: 13px;
}
}
@media screen and (max-width:375px) {
	.modal_content .inner {
    padding: 24px;
    height: 243px;
}
.pop-i {
    margin: 16px auto;
}
}
@media screen and (max-width:360px) {
	.modal_content .inner {
    padding: 18px;
    height: 237px;
}
}
@media screen and (max-width:320px) {
	.t_center {
    font-size: 21px;
}
	.pop-i {
    margin: 7px auto;
}
}