@charset "utf-8";
/* CSS Document */
html {font-size:16px;}
body, h1, h2, h3, h4, h5, h6,ul,li {
margin: 0px;
padding: 0px;
}
body * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;

}
img {
	vertical-align: bottom;
}
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}
ul li {
	list-style-type:none;
}
a:hover img{
    cursor:pointer;
    filter: alpha(opacity=80);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.8;              /* Safari 1.x */
    opacity:0.8;
    zoom:1;
}
a:hover {
	text-decoration: none;
}
.font1 {
	font-size: 0.8em;
}
.font2 {
	color:#c50064;
	font-size: 1.1em;
}
.wrap1200 {
	max-width: 1200px;
	margin: auto;
}
.wrap1000 {
	max-width: 1000px;
	margin: auto;
}
.wrap880 {
	max-width: 880px;
	margin: auto;
}
#top {
	width: 100%;
	background:url("/img/flavangel_monitor/bk1.jpg") no-repeat center bottom;
	background-size: 100%;
	min-width: 1000px;
}
#top img {
	width:100%;
}
.tokuten {
	background: #7c003f;
	min-width: 1000px;
}
.tokuten .wrap1000 {
	background:url("/img/flavangel_monitor/bk2.jpg") no-repeat center top;
	background-size: 100%;
	padding: 50px 0;
}
.tokuten h2 {
	text-align:center;
	padding-bottom: 50px;
}
.tokuten ul {
	display: table;
}
.tokuten ul li {
	display:table-cell;
	padding-left: 26px;
}
.tokuten ul li:first-child {
	padding-left:0px;
}
.cartWrap {
	background:url("/img/flavangel_monitor/bk3.jpg") no-repeat center top;
	background-size: 100%;
	background-attachment: fixed;
}
.cartWrap .wrap1000 {
	padding: 50px 0;
}
.cart {
	width:880px;
	min-width: 880px;
	margin: auto;
	border: #000 2px solid;
	position: relative;
}
.cart .ribon {
	position: absolute;
	top: -2px;
	left: -2px;
}
.cart .left {
	float: left;
	text-align: center;
	padding: 60px 40px 10px 90px;
}

.cart .left_l {
	float: left;
	text-align: center;
	padding: 60px 40px 50px 90px;
}


.cart .right {
	float: left;
	padding: 80px 10px 0px 0px;
}
.cart .right a img {
	padding:8px 0 8px 0;
}
.cart .right a {
	color: #000;
}

.subscription {
	width: 90%;
    margin: 0 auto;
    font-size: 0.9em;
}

.jouken {
	margin: 30px 0 0 0;
	position: relative;
}
.hosyoBtn {
	position:absolute;
	top: 250px;
	left: 386px;
}
.donyu {
	background:#fbe6f7;
	min-width: 1100px;
}
.donyu2 {
	background:#f3f6fb;
	min-width: 1100px;
}
.donyu2 .wrap1200{
	position: relative;
	min-width: 1100px;
}
.donyu2 .wrap1200 .fuki1 {
	position:absolute;
	top: 150px;
	left: 70px;
}
.donyu2 .wrap1200 .fuki2 {
	position:absolute;
	top: 270px;
	right: 70px;
}
.donyu img, .donyu2 img {
	width: 100%;
}
.osusume {
	text-align: center;
}
.gold {
	background: #efdcbb;
	text-align: center;
}
.osusume .box {
	background:url("/img/flavangel_monitor/bk4.jpg") no-repeat center top;
	min-width: 1200px;
}
.osusume .boxWrap {
	background:url("/img/flavangel_monitor/bk9.jpg") repeat-x top;
}
.osusume .wrap1200 {
	background:url("/img/flavangel_monitor/img19.png") no-repeat center top;
	background-size: 100%;
	position: relative;
}
.osusume .tape {
	position:absolute;
	right: 80px;
	top:170px;
}
.osusume .btn {
	position:absolute;
	right: 132px;
	top:540px;
}
.himitu {
	text-align:center;
}
.ttlBox {
	padding:0 0 35px 0;
}
.ttlBox2 {
	padding:35px 0 35px 0;
}
.detail {
	background:url("/img/flavangel_monitor/bk5.jpg") no-repeat center top #a2195f;
	background-size:100%;
	min-width: 1200px;
}
.detail .wrap1200 {
	background:url("/img/flavangel_monitor/img29.png") no-repeat left top;
}
.detail .wrap1000 {
	padding:109px 0 0 0;
}
.detail2 {
	background:url("/img/flavangel_monitor/bk6.jpg") no-repeat center top;
	background-size:100%;
	min-width: 1200px;
}
.detail2 .wrap1200 {
	background:url("/img/flavangel_monitor/img30.png") no-repeat right top;
}
.seibun {
	background:url("/img/flavangel_monitor/bk7.jpg") no-repeat right bottom;
	background-size:100%;
	min-width: 1200px;
	padding: 60px 0 0 0;
}
.seibun .wrap1000 {
	position: relative;
}
.seibun #seibun1 {
	position: absolute;
	top: 20px;
	left: 0px;
}
.seibun #seibun2 {
	position: absolute;
	top: 20px;
	right: 0px;
}
.seibun #seibun3 {
	position: absolute;
	top: 300px;
    left: 80px;
}
.seibun #seibun4 {
	position: absolute;
	top: 300px;
    right: 80px;
}
.seibun #seibun5 {
	position: absolute;
	top: 490px;
    left: 360px;
}
.violet {
	background: #7c003f;
}
.violet  .wrap1000 {
	position: relative;
}
.violet #seibun6 {
	position: absolute;
	top: 220px;
	left: 48px;
}
.zashi {
	text-align: center;
	padding: 60px 0 30px 0;
}
.voice {
	text-align: center;
}
.osusume2 {
	background:url("/img/flavangel_monitor/bk8.jpg") no-repeat right top #fff2fc;
}
.osusume2 .wrap1000 {
	padding: 75px 0 75px 0;
}
.maru {
	position: absolute;
	top: 142px;
    left: 388px;
}
.step {
	text-align: center;
	padding-bottom: 60px;
}
.cart2 {
	width:430px;
	border: #000 2px solid;
	float: left;
}
.cart3 {
	width:430px;
	border: #000 2px solid;
	float: right;
}
.jouken2 {
    margin: 0px 0 30px 0;
    position: relative;
}
.insta {
	padding:70px 0 30px;
}
#footer {
	background: #7c003f;
	color: #fff;
	padding: 5px 0;
	font-size: 12px;
}
#footer ul {
	display:table;
	margin: 0 auto 6px;
}
#footer ul li {
	display: table-cell;
	padding: 0 10px;
	border-left: solid 1px #fff;
}
#footer ul li a {
	color: #fff;
}
#footer ul li:first-child {
	border: none;
}
#footer #copy {
	text-align:center;
}
#pcWrap {
	min-width:1000px;
}


/*---------------動き*/
.list{
	list-style-type: none;
	overflow: hidden;
}
.list li{
	float: left;
	transition: 1.2s;
}
.list-mv02{
	opacity: 0;
}
.mv02{
	opacity: 1.0;
}
.list-mv07{
	opacity: 0;
	transform: translate(0,60px);
	-webkit-transform: translate(0,60px);
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}
/*===============================================
●1200以下
===============================================*/

@media screen and (max-width:1200px){
.wrap1200 {
	min-width: 1000px;
	max-width: 1000px;
	margin: auto;
}
	.detail, .detail2, .donyu, .donyu2, .donyu2 .wrap1200, .osusume .box, .seibun {
		min-width: 1000px;
	}
.donyu2 .wrap1200 .fuki1 {
	position:absolute;
	top: 140px;
	left: 10px;
}
.donyu2 .wrap1200 .fuki2 {
	position:absolute;
	top: 260px;
	right: 30px;
}
.osusume .btn {
    position: absolute;
    right: 30px;
    top: 540px;
}
.osusume .tape {
    position: absolute;
    right: 26px;
    top: 170px;
}
.detail .wrap1200 , .detail2 .wrap1200 {
	background-size: 54%;
}
.maru {
    position: absolute;
    top: 142px;
    left: 288px;
}
}


/*===============================================
●sp
===============================================*/

@media screen and (max-width:860px){
#spWrap	div{
		margin: 0px;
		padding: 0px;
		line-height: 0px;
	}
#spWrap	 div img {
	vertical-align: top;
}
#spWrap	#footersp {
	background: #7c003f;
	color: #fff;
	padding: 1px 2px 10px 2px;
	font-size: 10px;
}
#spWrap	#footersp ul {
	width: 100%;
	margin: 0 auto 3%;
}
#spWrap	#footersp ul li {
	border-left: solid 1px #fff;
	width: 25%;
	float: left;
	height: 20px;
	line-height: 1.5;
	text-align: center;
}
#spWrap	#footersp ul li a {
	color: #fff;
}
#spWrap	#footersp ul li:first-child {
	border: none;
}
#spWrap	#footersp #copy {
	text-align:center;
	clear: both;
	padding-top: 28px;
}

}