/*--------------------------------
reset
--------------------------------*/
html,body,div,p,img,iframe,a,span,blockquote,q,address,cite,
pre,code,em,small,strong,b,i,
header,article,section,nav,figure,figcaption,hgroup,menu,aside,footer,time,
h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dt,dd,
table,tbody,thead,tfoot,th,tr,td,
form,fieldset,legend,label,select,input,textarea,button{
	margin: 0;
	padding: 0;
	border: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: baseline;
}
header,article,section,nav,figure,figcaption,hgroup,menu,aside,footer{
	display: block;
}
ul li{
	list-style-type: none;
}
h1,h2,h3,h4,h5,h6{
	font-weight: 500;
}
body{
	line-height: 1;
}
a{
	color:#333;
	text-decoration: none;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}
select,option,input:not([type=checkbox]):not([type=radio]),textarea,button{
	/*font: inherit;*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
}
blockquote::before,blockquote::after,q::before,q::after{
	content: '';
	content: none;
}
[type=submit],[type=button],[type=reset],[type=file],button{
	cursor: pointer;
}
:focus{
	outline: none;
}

html{
	font-size:62.5%;
}
body{
	background:#161616;
	color:#FFF;
	line-height:1.8rem;
	font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;

	background-image:url(../images/office01.png);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:left top;
}
a{
	text-decoration:none;
	color:#333;
}

/************************************************
①画面幅480px以下はスマホ表示
*************************************************/
@media screen and (max-width: 480px) {

img{
	vertical-align:bottom;
	max-width:100%;
}

/*トップ*/
.top-box{
	background-image:url(../images/top.jpg);
	background-size:cover;
	background-repeat:no-repeat;
    background-position:center;
	position:relative;
	z-index:1;
	animation: step 1.0s ease-in-out 0.0s forwards; 
}
.topleft{
	width:17%;
	position:absolute;
	top:3.0%;
	left:2.0%;
	z-index:2;
	opacity: 0;
	animation: bound 0.5s both;
}
@keyframes bound{
    0%{
        opacity: 0;
        transform: scale(.5);
    }
    20%{
        opacity: 1;
        transform: scale(1.0);
    }

    50%{
        opacity: 1;
        transform: scale(.8);
    }
    100%{
        opacity: 1;
        transform: scale(1);
    }
}
.topcenter{
	width:15%;
	position:absolute;
	top:26.5%;
	right:21.0%;
	z-index:2;
	opacity: 0;
	animation: bound 0.5s both 0.5s;
}
.topright{
	width:20%;
	position:absolute;
	top:3.0%;
	right:2.0%;
	z-index:2;
	opacity: 0;
	animation: bound 0.5s both 1.0s;
}
.btn-top{
	width:80%;
	position:absolute;
	top:81.0%;
	left: 0;
	right: 0;
	margin: auto;
	z-index:3;
	opacity: 0;
	animation: bound 0.5s both 1.6s;
}
@keyframes Balloon-L {
  0% {
    opacity: 0;
    transform: translateX(-64px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.box01{
	position:relative;
	height:950px;
  background-image:
	url(../images/text-snsde.png),/*SNSでヤれる相手を探すのなら40代が最適*/
	url(../images/text-fire.png),/*炎文字×２*/
	url(../images/text-nado.png),/*など、アラフォーから*/
	url(../images/ero01.jpg),/*エロ画像小01*/
	url(../images/ero02.jpg),/*エロ画像小02*/
	url(../images/text-sonna.png),/*そんな中で*/
	url(../images/text-konosnsga.png),/*このSNSが*/
	url(../images/points.png),/*LINEIDはもちろん非公開*/
	url(../images/text-nanode.png),/*なのでバレずに*/
	url(../images/ero03.jpg),/*エロ画像小03*/
	url(../images/ero04.jpg),/*エロ画像小04*/
	url(../images/ero05.jpg),/*エロ画像小05*/
	url(../images/text-woshitekara.png),/*をしてから*/
	url(../images/big01.png),/*デカい女01*/
	url(../images/big02.png),/*デカい女02*/
	url(../images/za-men.png);/*ザーメン背景*/

  background-repeat:
	no-repeat,/*SNSでヤれる相手を探すのなら40代が最適*/
	no-repeat,/*炎文字×２*/
	no-repeat,/*など、アラフォーから*/
	no-repeat,/*エロ画像小01*/
	no-repeat,/*エロ画像小02*/
	no-repeat,/*そんな中で*/
	no-repeat,/*このSNSが*/
	no-repeat,/*LINEIDはもちろん非公開*/
	no-repeat,/*なのでバレずに*/
	no-repeat,/*エロ画像小03*/
	no-repeat,/*エロ画像小04*/
	no-repeat,/*エロ画像小05*/
	no-repeat,/*をしてから*/
	no-repeat,/*デカい女01*/
	no-repeat,/*デカい女02*/
	no-repeat;/*ザーメン背景*/

  background-position:
	top 10px right 10px,/*SNSでヤれる相手を探すのなら40代が最適*/
	top 190px center,/*炎文字×２*/
	top 265px center,/*など、アラフォーから*/
	top 377px left 10px,/*エロ画像小01*/
	top 377px left 138px,/*エロ画像小02*/
	top 480px left 67px,/*そんな中で*/
	top 556px left 26px,/*このSNSが*/
	top 600px center,/*LINEIDはもちろん非公開*/
	top 700px center,/*なのでバレずに*/
	top 744px left 10px,/*エロ画像小03*/
	top 744px center,/*エロ画像小04*/
	top 744px right 10px,/*エロ画像小05*/
	top 916px center,/*をしてから*/
	top left,/*デカい女01*/
	bottom 292px right,/*デカい女02*/
	center;/*ザーメン背景*/

  background-size:
	227px,/*SNSでヤれる相手を探すのなら40代が最適*/
	95%,/*炎文字×２*/
	95%,/*など、アラフォーから*/
	120px,/*エロ画像小01*/
	120px,/*エロ画像小02*/
	133px,/*そんな中で*/
	225px,/*このSNSが*/
	100%,/*LINEIDはもちろん非公開*/
	95%,/*なのでバレずに*/
	30%,/*エロ画像小03*/
	30%,/*エロ画像小04*/
	30%,/*エロ画像小05*/
	360px,/*をしてから*/
	235px,/*デカい女01*/
	263px,/*デカい女02*/
	cover;/*ザーメン背景*/
}
.link01{
	position:absolute;
	top:516px;
	left:10px;
	z-index:2;
	opacity:0;
}
.link01 img{
	width:260px;
}
.link01.active{
	animation: bound 0.5s both;
}

.link02{
	position:absolute;
	top:850px;
	left: 0;
	right: 0;
	margin: auto;
	text-align:center;
	z-index:2;
	opacity:0;
}
.link02 img{
	width:250px;
}
.link02.active{
	animation: bound 0.5s both;
}

.box02{
	position:relative;
	height:400px;
  background-image:
	url(../images/ero07.jpg),/*エロ画像小07*/
	url(../images/ero08.jpg),/*エロ画像小08*/
	url(../images/ero09.jpg),/*エロ画像小09*/
	url(../images/text-fire-last02.png),/*何なら宅飲みからのセックス！*/
	url(../images/paint02.png),/*できること02*/
	url(../images/ero06.jpg),/*エロ画像小06*/
	url(../images/text-fire-last01.png),/*ホテル即待ち合わせのセックス*/
	url(../images/paint01.png),/*できること01*/
	url(../images/big03.png),/*デカい女03*/
	url(../images/za-men.png);/*ザーメン背景*/

  background-repeat:
	no-repeat,/*エロ画像小07*/
	no-repeat,/*エロ画像小08*/
	no-repeat,/*エロ画像小09*/
	no-repeat,/*何なら宅飲みからのセックス！*/
	no-repeat,/*できること02*/
	no-repeat,/*エロ画像小06*/
	no-repeat,/*ホテル即待ち合わせのセックス*/
	no-repeat,/*できること01*/
	no-repeat,/*デカい女03*/
	no-repeat;/*ザーメン背景*/

  background-position:
	top 300px left 10px,/*エロ画像小07*/
	top 300px center,/*エロ画像小08*/
	top 300px right 10px,/*エロ画像小09*/
	top 213px  left 5px ,/*何なら宅飲みからのセックス！*/
	top 209px  left 240px ,/*できること02*/
	top 97px  left 16px ,/*エロ画像小06*/
	top 8px  left 88px ,/*ホテル即待ち合わせのセックス*/
	top  left 5px ,/*できること01*/
	top right,/*デカい女03*/
	center;/*ザーメン背景*/

  background-size:
	30%,/*エロ画像小03*/
	30%,/*エロ画像小04*/
	30%,/*エロ画像小05*/
	280px,/*何なら宅飲みからのセックス！*/
	120px,/*できること02*/
	140px,/*エロ画像小06*/
	280px,/*ホテル即待ち合わせのセックス*/
	120px,/*できること01*/
	275px,/*デカい女03*/
	cover;/*ザーメン背景*/
}

.box03{
	position:relative;
	height:425px;
  background-image:
	url(../images/text-fire-last04.png),/*過激な見せ合いエロチャット*/
	url(../images/paint04.png),/*できること04*/
	url(../images/ero07.jpg),/*エロ画像小07*/
	url(../images/ero06.jpg),/*エロ画像小06*/
	url(../images/text-fire-last03.png),/*オンラインで楽しめる調教プレイ*/
	url(../images/paint03.png),/*できること03*/
	url(../images/big04.png),/*デカい女04*/
	url(../images/za-men.png);/*ザーメン背景*/

  background-repeat:
	no-repeat,/*過激な見せ合いエロチャット*/
	no-repeat,/*できること04*/
	no-repeat,/*エロ画像小07*/
	no-repeat,/*エロ画像小06*/
	no-repeat,/*オンラインで楽しめる調教プレイ*/
	no-repeat,/*できること03*/
	no-repeat,/*デカい女04*/
	no-repeat;/*ザーメン背景*/

  background-position:
	top 213px  right 10px ,/*過激な見せ合いエロチャット*/
	top 209px  right 195px ,/*できること04*/
	top 97px  right 165px ,/*エロ画像小07*/
	top 97px  right 16px ,/*エロ画像小06*/
	top 8px  left 88px ,/*オンラインで楽しめる調教プレイ*/
	top  left 5px ,/*できること03*/
	top left,/*デカい女04*/
	center;/*ザーメン背景*/

  background-size:
	280px,/*過激な見せ合いエロチャット*/
	120px,/*できること04*/
	140px,/*エロ画像小07*/
	140px,/*エロ画像小06*/
	280px,/*オンラインで楽しめる調教プレイ*/
	120px,/*できること03*/
	275px,/*デカい女04*/
	cover;/*ザーメン背景*/
}

.btn-bottom{
	width:70%;
	position:absolute;
	bottom:33px;
	left: 0;
	right: 0;
	margin: auto;
	z-index:3;
}
.btn-bottom.active img{
	opacity:0;
	animation: bound 0.5s both;
}
@keyframes bound{
    0%{
        opacity: 0;
        transform: scale(.5);
    }
    20%{
        opacity: 1;
        transform: scale(1.0);
    }

    50%{
        opacity: 1;
        transform: scale(.8);
    }
    100%{
        opacity: 1;
        transform: scale(1);
    }
}

}
/************************************************
スマホ表示ここまで
*************************************************/



/************************************************
②画面幅480px以上はPC表示
*************************************************/
@media screen and (min-width: 481px) {

img{
	vertical-align:bottom;
	max-width:100%;
}
.wrapper{
	margin:0 auto;
	padding:0;
	width:500px;
}
/*トップ*/
.top-box{
	background-image:url(../images/top.jpg);
	background-size:cover;
	background-repeat:no-repeat;
    background-position:center;
	position:relative;
	z-index:1;
	animation: step 1.0s ease-in-out 0.0s forwards; 
}
.topleft{
	width:17%;
	position:absolute;
	top:3.0%;
	left:2.0%;
	z-index:2;
	opacity: 0;
	animation: bound 0.5s both;
}
@keyframes bound{
    0%{
        opacity: 0;
        transform: scale(.5);
    }
    20%{
        opacity: 1;
        transform: scale(1.0);
    }

    50%{
        opacity: 1;
        transform: scale(.8);
    }
    100%{
        opacity: 1;
        transform: scale(1);
    }
}
.topcenter{
	width:14%;
	position:absolute;
	top:23.5%;
	right:21.0%;
	z-index:2;
	opacity: 0;
	animation: bound 0.5s both 0.5s;
}
.topright{
	width:19%;
	position:absolute;
	top:1.0%;
	right:2.0%;
	z-index:2;
	opacity: 0;
	animation: bound 0.5s both 1.0s;
}
.btn-top{
	width:62%;
	position:absolute;
	top:82.5%;
	left: 0;
	right: 0;
	margin: auto;
	z-index:3;
	opacity: 0;
	animation: bound 0.5s both 1.6s;
}

.box01{
	position:relative;
	height:1000px;
  background-image:
	url(../images/text-snsde.png),/*SNSでヤれる相手を探すのなら40代が最適*/
	url(../images/text-fire.png),/*炎文字×２*/
	url(../images/text-nado.png),/*など、アラフォーから*/
	url(../images/ero01.jpg),/*エロ画像小01*/
	url(../images/ero02.jpg),/*エロ画像小02*/
	url(../images/text-sonna.png),/*そんな中で*/
	url(../images/text-konosnsga.png),/*このSNSが*/
	url(../images/points.png),/*LINEIDはもちろん非公開*/
	url(../images/text-nanode.png),/*なのでバレずに*/
	url(../images/ero03.jpg),/*エロ画像小03*/
	url(../images/ero04.jpg),/*エロ画像小04*/
	url(../images/ero05.jpg),/*エロ画像小05*/
	url(../images/text-woshitekara.png),/*をしてから*/
	url(../images/big01.png),/*デカい女01*/
	url(../images/big02.png),/*デカい女02*/
	url(../images/za-men.png);/*ザーメン背景*/

  background-repeat:
	no-repeat,/*SNSでヤれる相手を探すのなら40代が最適*/
	no-repeat,/*炎文字×２*/
	no-repeat,/*など、アラフォーから*/
	no-repeat,/*エロ画像小01*/
	no-repeat,/*エロ画像小02*/
	no-repeat,/*そんな中で*/
	no-repeat,/*このSNSが*/
	no-repeat,/*LINEIDはもちろん非公開*/
	no-repeat,/*なのでバレずに*/
	no-repeat,/*エロ画像小03*/
	no-repeat,/*エロ画像小04*/
	no-repeat,/*エロ画像小05*/
	no-repeat,/*をしてから*/
	no-repeat,/*デカい女01*/
	no-repeat,/*デカい女02*/
	no-repeat;/*ザーメン背景*/

  background-position:
	top 10px right 10px,/*SNSでヤれる相手を探すのなら40代が最適*/
	top 190px center,/*炎文字×２*/
	top 271px center,/*など、アラフォーから*/
	top 400px left 10px,/*エロ画像小01*/
	top 400px left 138px,/*エロ画像小02*/
	top 503px left 67px,/*そんな中で*/
	top 572px left 26px,/*このSNSが*/
	top 613px center,/*LINEIDはもちろん非公開*/
	top 732px center,/*なのでバレずに*/
	top 785px left 10px,/*エロ画像小03*/
	top 785px center,/*エロ画像小04*/
	top 785px right 10px,/*エロ画像小05*/
	top 972px center,/*をしてから*/
	top left,/*デカい女01*/
	bottom 292px right,/*デカい女02*/
	center;/*ザーメン背景*/

  background-size:
	227px,/*SNSでヤれる相手を探すのなら40代が最適*/
	95%,/*炎文字×２*/
	95%,/*など、アラフォーから*/
	120px,/*エロ画像小01*/
	120px,/*エロ画像小02*/
	133px,/*そんな中で*/
	225px,/*このSNSが*/
	100%,/*LINEIDはもちろん非公開*/
	95%,/*なのでバレずに*/
	30%,/*エロ画像小03*/
	30%,/*エロ画像小04*/
	30%,/*エロ画像小05*/
	360px,/*をしてから*/
	235px,/*デカい女01*/
	263px,/*デカい女02*/
	cover;/*ザーメン背景*/
}

.link01{
	position:absolute;
	top:535px;
	left:10px;
	z-index:2;
}
.link01 img{
	width:260px;
}

.link02{
	position:absolute;
	top:912px;
	left: 0;
	right: 0;
	margin: auto;
	text-align:center;

	z-index:2;
}
.link02 img{
	width:250px;
}

.box02{
	position:relative;
	height:400px;
  background-image:
	url(../images/ero07.jpg),/*エロ画像小07*/
	url(../images/ero08.jpg),/*エロ画像小08*/
	url(../images/ero09.jpg),/*エロ画像小09*/
	url(../images/text-fire-last02.png),/*何なら宅飲みからのセックス！*/
	url(../images/paint02.png),/*できること02*/
	url(../images/ero06.jpg),/*エロ画像小06*/
	url(../images/text-fire-last01.png),/*ホテル即待ち合わせのセックス*/
	url(../images/paint01.png),/*できること01*/
	url(../images/big03.png),/*デカい女03*/
	url(../images/za-men.png);/*ザーメン背景*/

  background-repeat:
	no-repeat,/*エロ画像小07*/
	no-repeat,/*エロ画像小08*/
	no-repeat,/*エロ画像小09*/
	no-repeat,/*何なら宅飲みからのセックス！*/
	no-repeat,/*できること02*/
	no-repeat,/*エロ画像小06*/
	no-repeat,/*ホテル即待ち合わせのセックス*/
	no-repeat,/*できること01*/
	no-repeat,/*デカい女03*/
	no-repeat;/*ザーメン背景*/

  background-position:
	top 300px left 10px,/*エロ画像小07*/
	top 300px center,/*エロ画像小08*/
	top 300px right 10px,/*エロ画像小09*/
	top 213px  left 5px ,/*何なら宅飲みからのセックス！*/
	top 209px  left 240px ,/*できること02*/
	top 97px  left 16px ,/*エロ画像小06*/
	top 8px  left 88px ,/*ホテル即待ち合わせのセックス*/
	top  left 5px ,/*できること01*/
	top right,/*デカい女03*/
	center;/*ザーメン背景*/

  background-size:
	30%,/*エロ画像小03*/
	30%,/*エロ画像小04*/
	30%,/*エロ画像小05*/
	280px,/*何なら宅飲みからのセックス！*/
	120px,/*できること02*/
	140px,/*エロ画像小06*/
	280px,/*ホテル即待ち合わせのセックス*/
	120px,/*できること01*/
	275px,/*デカい女03*/
	cover;/*ザーメン背景*/
}

.box03{
	position:relative;
	height:425px;
  background-image:
	url(../images/text-fire-last04.png),/*過激な見せ合いエロチャット*/
	url(../images/paint04.png),/*できること04*/
	url(../images/ero07.jpg),/*エロ画像小07*/
	url(../images/ero06.jpg),/*エロ画像小06*/
	url(../images/text-fire-last03.png),/*オンラインで楽しめる調教プレイ*/
	url(../images/paint03.png),/*できること03*/
	url(../images/big04.png),/*デカい女04*/
	url(../images/za-men.png);/*ザーメン背景*/

  background-repeat:
	no-repeat,/*過激な見せ合いエロチャット*/
	no-repeat,/*できること04*/
	no-repeat,/*エロ画像小07*/
	no-repeat,/*エロ画像小06*/
	no-repeat,/*オンラインで楽しめる調教プレイ*/
	no-repeat,/*できること03*/
	no-repeat,/*デカい女04*/
	no-repeat;/*ザーメン背景*/

  background-position:
	top 213px  right 10px ,/*過激な見せ合いエロチャット*/
	top 209px  right 195px ,/*できること04*/
	top 97px  right 165px ,/*エロ画像小07*/
	top 97px  right 16px ,/*エロ画像小06*/
	top 8px  left 88px ,/*オンラインで楽しめる調教プレイ*/
	top  left 5px ,/*できること03*/
	top left,/*デカい女04*/
	center;/*ザーメン背景*/

  background-size:
	280px,/*過激な見せ合いエロチャット*/
	120px,/*できること04*/
	140px,/*エロ画像小07*/
	140px,/*エロ画像小06*/
	280px,/*オンラインで楽しめる調教プレイ*/
	120px,/*できること03*/
	275px,/*デカい女04*/
	cover;/*ザーメン背景*/
}

.btn-bottom{
	width:62%;
	position:absolute;
	bottom:25px;
	left: 0;
	right: 0;
	margin: auto;
	z-index:3;
}
.btn-bottom.active img{
	opacity:0;
	animation: bound 0.5s both;
}
@keyframes bound{
    0%{
        opacity: 0;
        transform: scale(.5);
    }
    20%{
        opacity: 1;
        transform: scale(1.0);
    }

    50%{
        opacity: 1;
        transform: scale(.8);
    }
    100%{
        opacity: 1;
        transform: scale(1);
    }
}

}
/************************************************
PC表示ここまで
*************************************************/