/* modal style
------------------------------------------------*/

.wrp_tel_modal .caution_lists{display: block;}
.wrp_tel_modal .shop_num{display: none;}


.c_pink {
    color: #ff48af;
}
.mod_btn_bd_pink {
    border-color: #ff48af;
    color: #ffe4f3 !important;
    cursor: pointer;
}

#lean_overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}


.wrp_tel_modal {
	display: none;
	width: 940px;
	zoom: 1;
}
.wrp_tel_modal {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1100;
	margin-top: -285px;
	margin-left: -470px;
	opacity: 0;
}
.wrp_tel_modal h2 {
	padding: 20px 20px 20px 28px;
	background: #FFF url(/static/shared/townpage/assets/img/icn_plus.gif) no-repeat 946px 20px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	font-size: 24px;
	font-weight: bold;
	color: #013B96;
}
.wrp_tel_modal .modal_close {
	position: absolute;
	top: 4px;
	right: -25px;
	width: 52px;
	height: 52px;
	z-index: 2;
	cursor:pointer;
}
.inner_tel_modal {
	margin-top: 30px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	background: #FFF;
}
.wrp_tel_modal .modal_close:hover {
	opacity: 0.85;
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
}

.inner_tel_modal .tel_modal_contents {
	position: relative;
	*zoom: 1;
	padding: 20px 30px 50px;
	border-top: 2px solid #e6e8ec;
}
.inner_tel_modal .tel_modal_contents .tel_modal_contents_thumb {
	float: left;
	width: 202px;
	margin-right: 23px;
}
.inner_tel_modal .tel_modal_contents .tel_modal_contents_txt {
	float: left;
	width: 655px;
}
.inner_tel_modal .tel_modal_contents .icn_free_sp{display: none;}
.inner_tel_modal .tel_modal_contents .telnum{
	margin-top: 10px;
	color: #ff48af;
	font-size: 50px;
	background: url(/static/shared/townpage/assets/img/icn_phone_l.png);
	background-repeat: no-repeat;
	background-position: 0 center;
	padding-left:40px;
	font-weight: bold;
}
.inner_tel_modal .tel_modal_contents .telnum a{color:#ff48af;text-decoration:none;}
.inner_tel_modal .tel_modal_contents .txt_name {
	display: none;
}
.inner_tel_modal .tel_modal_contents .txt {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
}
.inner_tel_modal .tel_modal_contents .icn_free {
	margin-top: 10px;
	color: #fff;
	background-color: #ff48af;
	border-radius: 15px;
	padding: 4px 18px;
	font-size: 18px;
	display: inline-block;
}
.inner_tel_modal .caution_lists {
	margin-top: 5px;
	padding: 13px;
	background-color: #ffecf7;
}
.inner_tel_modal .caution_lists li {
	line-height: 1.4;
}
.inner_tel_modal .caution_lists li > div {
	display: table;
	width: 100%;
}
.inner_tel_modal .caution_lists .icn_kome {
	display: table-cell;
	width: 1em;
}
.inner_tel_modal .caution_lists .caution_lists_txt {
	display: table-cell;
}
.inner_tel_modal .caution_lists li .em {
	font-weight: bold;
}
.inner_tel_modal .contact_from_web {
	margin-top: 10px;
}
.inner_tel_modal .contact_from_web_inner {
	display: inline-block;
}
.inner_tel_modal .contact_from_web_inner span {
	background: url(/static/shared/townpage/assets/img/icn_btn_pc.gif) no-repeat 20px center;
	padding-left: 60px;
	display: table-cell;
	height: 40px;
	width: 300px;
	text-align: center;
	vertical-align: middle;
	*display: block;
	*padding-top: 20px;
	font-size: 18px;
}
.inner_tel_modal .contact_from_web_txt {
	margin-top: 38px;
	font-size: 22px;
	font-weight: bold;
}
.inner_tel_modal .tel_modal_contents .shop_num strong {
	font-weight: bold;
	color: #ff48af;
}
/*.inner_tel_modal .contact_from_web_inner .mod_btn_all_green::before {
    border-top-color: #FFF;
    border-left-color: #FFF;
    border-right-color: #e3eddc;
    border-bottom-color: #e3eddc;
}*/
.inner_tel_modal .contact_from_web_inner .mod_btn_all_green{
	 background-color:#073E93;
	border: none;
}
.inner_tel_modal .contact_from_web_inner :before{display: none;}

.inner_tel_modal .contact_from_web_inner span {
    background: url(/static/shared/townpage/assets/img/icn_tel.png) no-repeat 20px center;
    padding-left: 60px;
    display: table-cell;
    height: 40px;
    width: 300px;
    text-align: center;
    vertical-align: middle;
    *display: block;
    *padding-top: 20px;
    font-size: 18px;
}





/*
.mod_btn_all_green {
    border-color: #378900;
    background-color: #4ab900;
}

.mod_btn_all_green:before {
    border-top-color: #7dcd48;
    border-right-color: #41a600;
    border-bottom-color: #41a600;
    border-left-color: #50bb09;
}
*/

/* 右と下にラインが入るデバイステキストボタン */
.mod_btn_fill{
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 8px 10px;
    display: inline-block;
    width: 50%;
    line-height: 1;
	color: #FFF;
    background-color: #073E93;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    opacity: 1;
    filter: alpha(opacity=100);
}
.mod_btn_fill:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
	color: #FFF;
}


@media only screen and (max-width: 767px) {
	
	.mod_btn_fill,.mod_btn_all, .mod_btn_all_s, .mod_btn, .mod_btn_s, .mod_btn_l, .custom_select {
		width: calc(100% - 10px);
		padding: 3px 0;
		-webkit-border-radius: 4px;
    	border-radius: 4px;
	}
	.mod_btn_fill{padding: 16px 10px;}
}

.mod_btn_all.mod_btn_all_green{width: 100%;}

.mod_btn_all:hover, .mod_btn_all_s:hover, .mod_btn:hover, .mod_btn_s:hover, .mod_btn_l:hover, .custom_select:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

* html .mod_btn_all, * html .mod_btn_all_s, * html .mod_btn, * html .mod_btn_s, * html .mod_btn_l, * html .custom_select {
    padding-right: 0px;
    padding-left: 0px;
}

*:first-child + html .mod_btn_all, *:first-child + html .mod_btn_all_s, *:first-child + html .mod_btn, *:first-child + html .mod_btn_s, *:first-child + html .mod_btn_l, *:first-child + html .custom_select {
    padding-right: 0px;
    padding-left: 0px;
}

.mod_btn_all:before, .mod_btn_all_s:before, .mod_btn:before, .mod_btn_s:before, .mod_btn_l:before, .custom_select:before {
    border-width: 5px;
    border-style: solid;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border-top-color: #fff;
    border-left-color: #fff;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    content: "";
}


/*---modal window---*/

@media only screen and (max-width: 767px) {
.wrp_tel_modal .modal_close {
top: 15px;
right: -15px;
width: 30px;
height: 30px;
}
.wrp_tel_modal .modal_close img{width: 100%;height: auto;}

.inner_tel_modal .tel_modal_contents {

padding: 20px 10px 30px;
border-top: 2px solid #e6e8ec;
}
.inner_tel_modal .tel_modal_contents .tel_modal_contents_txt {
float: none;
width: 100%;
}
.inner_tel_modal h2{
font-size: 16px;
padding:15px 10px;}
.inner_tel_modal .tel_modal_contents .txt_name {
display: block;
font-size: 16px;
font-weight: bold;
margin-bottom: 0.5em;
}
.inner_tel_modal .tel_modal_contents .icn_free {
display: none;
margin-top: 10px;
border-radius: 9px;
padding: 2px 9px;
font-size: 14px;
}
	
	
	
.inner_tel_modal .tel_modal_contents .telnum {
/*margin: 10px 0 5px;
font-size: 22.5px;
background: url(/static/shared/townpage/assets/img/icn_phone_l.png) 0 center / 16px 21px no-repeat;
padding:10px 0 10px 21px;
font-weight: bold;*/
}
.inner_tel_modal .tel_modal_contents .icn_free_sp{
display: block;
font-size: 16px;
	padding-left: 50px;
}
.inner_tel_modal .tel_modal_contents .telnum {
color: #FFF;
font-size: 16px;
	background: none;
	margin-top: 5px;
	padding-left: 50px;
}
.inner_tel_modal .tel_modal_contents .sp-tel-btn{
	    z-index: 0;
position: relative;
background: #ec382f url(/static/shared/townpage/assets/img/icn_btn_tel_s.png) no-repeat 20px center / 20px 20px;
color: #fff;
background-color: ;
border: #d3210d 2px solid;
border-radius: 5px;
	padding: 10px 0;
width: 100%;

display: inline-block;
vertical-align: middle;
}
	
	
.inner_tel_modal .tel_modal_contents .sp-tel-btn:after {
content: "";
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
box-sizing: border-box;
width: 100%;
height: 100%;
border-top-color: #f06e6b;
border-right-color: #cd3126;
border-bottom-color: #cd3026;
border-left-color: #eb3d34;
border-width: 4px;
border-style: solid;
}
	
	
	
	
	
	
.inner_tel_modal .caution_lists {
font-size: 12px;
margin-top: 5px;
padding:0;
background: none;
}
.wrp_tel_modal .caution_lists{display: block;}

.inner_tel_modal .tel_modal_contents .tel_modal_contents_thumb,
.inner_tel_modal .tel_modal_contents .txt,
.inner_tel_modal .contact_from_web,
.inner_tel_modal .contact_from_web_txt{
display: none;
}
.wrp_tel_modal {
/*width: calc(100% - 20px);*/
width:300px;
}
.wrp_tel_modal {
position: fixed;
left:50%;
margin-left: -150px;
top:50%;
margin-top: -185px;

/*top: 10px;
left: 10px;
z-index: 1100;
margin-top: 0;
margin-left: 0;
opacity: 0;*/
}

	
	

}