/*******Whole*******/
body {
	max-width: 1920px;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic,
		"メイリオ", "Meiryo", sans-serif;
	color: #000;
	width: 100%;
	margin: 0;
}

@media screen and (max-width:640px) {
	body {
		font-size: 0.8em;
	}
}

footer {
	background-color: #333333;
	padding: 30px 0;
	color: #fff;
}

img {
	vertical-align: bottom;
}

div {
	margin: 0;
	padding: 0;
}

/*******position*******/
.position {
	position: relative;
}

@media screen and (min-width:641px) {
	.posibtn01 {
		position: absolute;
		width: 57%;
		top: 69.5%;
		left: 30%;
	}
	.posibtn02 {
		position: absolute;
		width: 40%;
		top: 72.5%;
		left: 4%;
	}
	.posibtn03 {
		position: absolute;
		width: 20%;
		top: 72.5%;
		left: 52.5%;
	}
	.posibtn04 {
		position: absolute;
		width: 95%;
		top: 51.3%;
		left: 2.5%;
	}
}

@media screen and (max-width:640px) {
	.posibtn01 {
		position: absolute;
		width: 50%;
		top: 50.5%;
		left: 30%;
	}
	.posibtn02 {
		position: absolute;
		width: 90%;
		top: 33%;
		left: 5%;
	}
	.posibtn03 {
		position: absolute;
		width: 44%;
		top: 86%;
		left: 5%;
	}
	.posibtn04 {
		position: absolute;
		width: 95%;
		top: 51.3%;
		left: 2.5%;
	}
}

/*******content-width*******/
@media screen and (min-width:641px) {
	.main-content {
		max-width: 1200px;
		margin: 0 auto;
	}
	.first-content {
		width: 76%;
		margin: 0 auto;
	}
	.frame-content {
		width: 80%;
		margin: 0 auto;
	}
	.moviewidth {
		width: 60%;
		margin: 0 auto;
	}
}

@media screen and (max-width:640px) {
	.main-content {
		width: 96%;
		margin: 0 auto;
	}
}

/*******background*******/
.greybg {
	background-color: #f9f9f9;
	padding: 3%;
}

.moviebg {
	background-image: url(../img/moviebg.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

@media screen and (min-width:641px) {
	.ctabgcolor {
		background-image: url(../img/ctabgcolor.jpg);
		background-size: 100% auto;
		background-repeat: no-repeat;
		border-top: solid 1px #000;
		padding: 2%;
	}
}

@media screen and (max-width:640px) {
	.ctabgcolor {
		background-image: url(../img/ctabgcolorsp.jpg);
		background-size: 100% auto;
		background-repeat: no-repeat;
		border-top: solid 1px #000;
		padding: 2%;
	}
}

.greybg2 {
	background-color: #e9e9e8;
	padding: 2%;
}

/*******text*******/
.head {
	font-size: 0.9em;
}

@media screen and (min-width:641px) {
	.text13 {
		font-size: 1.3em;
	}
}

@media screen and (max-width:640px) {
	.text13 {
		font-size: 1.5em;
	}
}

.histit {
	font-size: 1.6em;
	color: #b82727;
}

.paytit {
	font-size: 1.2em;
	border-bottom: solid 1px #000;
}

.copy {
	font-size: 0.8em;
}
/*******float-block*******/
@media screen and (min-width:641px) {
	.headlogo {
		float: left;
		width: 25%;
	}
	.headbiko {
		float: left;
		width: 44%;
		margin:0 3%
	}
	.headtel {
		float: right;
		width: 25%;
	}
	.float50 {
		float: left;
		width: 46%;
		margin: 0 2%;
	}
	.float50a {
		float: left;
		width: 40%;
		margin: 0 4% 2% 4%;
		text-align: center;
	}
	.float50b {
		float: left;
		width: 52%;
		margin-bottom: 2%;
	}
	.float50c {
		float: left;
		width: 40%;
		margin: 0 4% 2% 7%;
		text-align: center;
	}
	.float50d {
		float: left;
		width: 48%;
		margin-right: 4%;
	}
	.float50e {
		float: left;
		width: 48%;
	}
	.float50b p {
		font-size: 1.2em;
		font-weight: 900;
		margin-bottom: 1%;
	}
	.flaotmovie1 {
		float: left;
		width: 85%;
		margin-right: 4%;
	}
	.flaotmovie2 {
		float: left;
		width: 11%;
	}
	.flaotmovie3 {
		float: right;
		width: 85%;
		margin-left: 4%;
	}
	.flaotmovie4 {
		float: right;
		width: 11%;
	}
}

@media screen and (max-width:640px) {
	.headlogo {
		float: left;
		width: 40%;
	}
	.headtel {
		float: right;
		width: 40%;
	}
	.float50a {
		margin-bottom: 2%;
	}
	.float50b {
		margin-top: 2%;
		margin-bottom: 2%;
	}
	.float50b p {
		font-size: 1.2em;
		font-weight: 900;
		margin-bottom: 1%;
	}
	.flaotmovie1 {
		float: left;
		width: 82%;
		margin-right: 4%;
		margin-left: 2%
	}
	.flaotmovie2 {
		float: left;
		width: 10%;
		margin-right: 2%;
	}
	.flaotmovie3 {
		float: right;
		width: 82%;
		margin-left: 4%;
		margin-right: 2%;
	}
	.flaotmovie4 {
		float: right;
		width: 10%;
		margin-left: 2%;
	}
}

.faqflo {
	display: inline-block;
	width: 10%;
	margin-right: 3%;
	vertical-align: middle;
}

.faqflo2 {
	display: inline-block;
	width: 84%;
	font-size: 1.6em;
}

/*******margin*******/
.mart2 {
	margin-top: 2%;
}

.mart4 {
	margin-top: 4%;
}

.mart6 {
	margin-top: 6%;
}

.marb2 {
	margin-bottom: 2%;
}

.marb4 {
	margin-bottom: 4%;
}

.marb6 {
	margin-bottom: 6%;
}

/*******frame*******/
.first-frame {
	border: solid 1px #6b6b6b;
	padding: 3%;
}

/*******other******/
.clear {
	clear: both;
}

.mincho {
	font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN",
		HGS明朝E, メイリオ, Meiryo, serif;
}

@media screen and (min-width:641px) {
	.spv {
		display: none;
	}
}

@media screen and (max-width:640px) {
	.pcv {
		display: none;
	}
}

a[href^="tel:"] {
	cursor: default;
}

/*******addition 201804******/
@media screen and (min-width:641px) {
	.tachikiri {
		font-size: 1.6em;
	}
	.width90 {
		width: 90%;
	}
	.width60 {
		width: 60%;
	}
}

@media screen and (max-width:640px) {
	.tachikiri {
		font-size: 1.3em;
	}
	.width90, .width60 {
		width: 100%;
	}
	.sptext1 {
		font-size: 1.5em;
	}
	.greybg div {
		font-size: 1.5em;
	}
}

/*******addition 201808******/
@media screen and (min-width:641px) {
	.amazon {
		width: 54%;
	}
}

@media screen and (max-width:640px) {
	.amazon {
		width: 80%;
	}
}

/* ディール追加分20190511 */
.seibun {
	width: 94%;
	border: 2px solid #010066;
	background-color: #F8F8FF;
	margin:auto;
	padding:2%;
	margin-top:5px;
}

.seibun_title {
	margin-top:5px;
	border-bottom: 1px solid #010066;
	font-color:#010066;
	font-weight:600;
	width: 100%;


}