@charset "utf-8";
/*基本の設定(背景色・文字色)*/

@media screen and (min-width:768px) {


body{
	background-color: #bae0da;
	color: #665453;
}

p{
	font-family: 'Yu Gothic UI','メイリオ', Meiryo,'Meiryo UI',sans-serif;
	font-size: 20px;
}
#wrap{
	width: 1000px;
	margin: auto;
}


.pickup_p{
	float: right;
	width: 400px;
	margin-top: 20px;
}

#wcb{
	margin: 0 0 30px 30px;
}

#img1{
	height: 400px;
	width: 420px;
}

#img2{
	height: 400px;
	width:500px;
}

footer{
clear: both;
background-color: #e6da39;
}

#access{
	margin-right: 10px;
	float: left;
}

img{
	border: #fff5ad 10px solid;
}
/*h2関連*/
h1{
	font-family: 'Aclonica', sans-serif;
	font-size: 100px;
	margin: 10px 0 20px 30px;
	padding-top: 20px;
}

img{
	margin: 20px 0 20px 30px;
}

/*レスポンシブデザイン*/




.setumei_r{
	position: relative;
	right: -250px;
	top: -200px;
}
.img_l{
	
	position: relative;
	right: 240px;
	top: 0;
}
.setumei_l{
	position: relative;
	top: -200px;
}

.up{
	position: relative;
	top: -50px;
}
.up_2{
	position: relative;
	top: -60px;
}



.fadein {
  opacity: 0;
  transform : translate(0, 0);
  transition : all 1500ms;
}

.fadein.scrollin{
  opacity: 0.8;
  transform: translate(0, 0);
}
}








/*スマホ用記述*/




@media screen and (max-width:736px) {

body{
	background-color: #bae0da;
	color: #665453;
}




p{
	font-family: 'Yu Gothic UI','メイリオ', Meiryo,'Meiryo UI',sans-serif;
}

.pickup_p{
	width: 300px;
	margin: auto;
}

/*goods*/


footer{
clear: both;
background-color: #e6da39;
}



/*h2関連*/
h1{
	font-family: 'Aclonica', sans-serif;
	font-size: 100px;
}


#img1{
	height: 380px;
	width: 400px;
	margin: auto;
	margin: 10px 0 10px 15px;
}

#img2{
	height: 330px;
	width:430px;
	margin: 10px 0 10px 15px;
}

#wcb{
	margin: 30px 0 30px 20px;
}

img{
	border: #fff5ad 10px solid;
}