@charset "utf-8";

/*-------------------------------------------------
modal
-------------------------------------------------*/
.modal-text {
	font-family:Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
	padding: 10px 0 0 0;
	font-size: 14px;
	text-align: left;
}
.modal-text a {
	color: #000;
}
.modal-text a:hover {
	text-decoration: none;
}

@media screen and (min-width: 381px){
.modalwin {
	background-color:transparent;
}
.modalBox {
	position:relative;
	padding:25px 25px 42px 25px;
	padding: 25px;
	background:#fff;
}
.modal_t .modalBox img {
	height:500px;
	width:333px;
}
.modal_y .modalBox img {
	height:500px;
	width:750px;
}
.fb-Box {
	position:absolute;
	left:25px;
	bottom:10px;
}
}

@media screen and (max-width: 380px){
.modalBox {
	position:relative;
	padding:10px 10px 40px 10px;
	padding: 10px;
	background:#fff;
}
.modal_t .modalBox {
	width:70%;
	margin:10px auto 0;
	text-align: center;
}
.modal_t .modalBox img {
	width:85%;
	width:100%;
	height:auto;
	margin: 0 auto;
}
.modal_y .modalBox {
	width:90%;
	margin:100px auto 0;
}
.modal_y .modalBox img {
	width:100%;
	height:auto;
}
.fb-Box {
	position:absolute;
	left:10px;
	bottom:10px;
}
}