@charset "UTF-8";
/* CSS Document */
	/*共通CSS*/
	/*WordPress対策・全ページ余白なし*/
	* {
		margin: 0;
		padding: 0;
	}
	
	body {
		margin: 0;
		padding: 0;
		color: #fff;
		background: #fff;
		font-family: "Shippori Mincho", serif;
	}
	
	img {
		vertical-align: bottom; /*下に余白を作らない*/
		max-width: 100%;
		width: 100vw;
	}
	
	p,h1,h2,h3,h4,span {
	}
	
    ul li{
		list-style: none;
	}

	a {
		text-decoration: none;
		color:#000;
	}

	a:hover{
		opacity: 0.7;
	}

	.anker{
		margin-top: -50px;
		padding-top: 50px;
	}

	/* input全体に指定する場合は以下 */
input{
    -webkit-appearance: none;
}

input[type="checkbox"] {
    appearance: auto !important;
	width: 13px !important;
    height: 13px !important;
}
	
	.wrap {
		overflow: hidden;
	}
	
	/*floatを解除する*/
	.clear {
		clear: both;
	}

	.all-page {
		position: relative;
		z-index: 1;
		width: 100%;
		height: auto;
	}

/* fadeUpをするアイコンの動き */
.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/*PC*/
@media only screen and (min-width: 769px){	
		.sp { display: none !important; }
	
	.main_sc{
		position: relative;
		max-width: 1080px;
		overflow: hidden;
		margin: auto;
		z-index: 999;
	}
	
	.back_w{
		position: fixed;
        width: 100vw;
		height: 100vh;
        background:#fff;
	}
	
	.au{
		width:100px;
		height:auto;
	}
	
	.pad{
		padding:0% 10%;
	}
	
	.iphone_list{
		padding:36% 0;
	}
	
	.raiten{
		margin: 10% 0;
        box-shadow: 3px 3px 10px #000;
	}
	
	.under{
		padding-bottom:20%;
	}
	
	.by{
		background:url(./images/back@4x.png);
		background-size: 100% 100%;
        background-repeat: no-repeat;
	}
	
	.bo{
		position:relative;
		background:url(./images/orange-back@4x.png);
		background-size: 100% 100%;
        background-repeat: no-repeat;
	}
	
	.shop_t{
		padding: 20% 0 6% 0;
	}
	
	.k01{
		display: block;
		width: 200px;
		margin-left: auto;
		padding-bottom: 10%;
	}
	
	.k02{
		display: block;
		width: 200px;
		margin-left: auto;
		padding-bottom: 10%;
	}

	.fadeIn{
animation-name:fadeInAnime;
animation-duration:2s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
	transform: translate(0px, 50px);
  }

  to {
    opacity: 1;
	transform: translate(0px, 0px);
  }
}
}

@media only screen and (max-width: 768px) {
	    .pc { display: none !important; }
		.sp { display: block !important; }
	
	.au{
		width:80px;
		height:auto;
	}
	
	.pad{
		padding:0% 10%;
	}
	
	.iphone_list{
		padding:20% 0;
	}
	
	.raiten{
		margin: 10% 0;
        box-shadow: 3px 3px 10px #000;
	}
	
	.under{
		padding-bottom:20%;
	}
	
	.by{
		background:url(./images/back@4x.png);
		background-size: 100% 100%;
        background-repeat: no-repeat;
	}
	
	.bo{
		position:relative;
		background:url(./images/orange-back@4x.png);
		background-size: 100% 100%;
        background-repeat: no-repeat;
	}
	
	.shop_t{
		padding: 10% 0 6% 0;
	}
	
	.k01{
		display: block;
		width: 100px;
		margin-left: auto;
		padding-bottom: 10%;
	}
	
	.k02{
		display: block;
		width: 100px;
		margin-left: auto;
		padding-bottom: 10%;
	}
	
	.fadeIn{
animation-name:fadeInAnime;
animation-duration:2s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
	transform: translate(0px, 50px);
  }

  to {
    opacity: 1;
	transform: translate(0px, 0px);
  }
}
}