@charset "utf-8";

/* Google Web Fontsの読み込み */
 @import url(http://fonts.googleapis.com/css?family=Oswald|Squada+One);
 
/*各要素の初期設定*/
 body,h1,p,span{
	 margin:0
	 padding:0;
 }

/*ページ全体のスタイル*/
 body{
	 background:url(img/hana/ST04_017-3.jpg)repeat;
 }

/*コンテンツ全体のスタイル*/
 #content{
	 width:100%;
	 height:820px;
	 overflow:hidden;
 }

/*タイトル、リードコピー、MORE PHOTOリンクを内包するdiv要素のスタイル*/
 #header{
	 width:2500px;
	 margin:-50px 0 0 -25px;
	 -webkit-transform:rotate(-10deg);
	 transform:rotate(-10deg);
 }
 
 /*タイトル帯のスタイル*/
  #header h1{
	  font-size:120px;
	  color:#F00;
	  font-family:'Squada One',cursive;
	  padding:20px 0 10px 80px;
	  position:relative;
	  background:url(img/hana/washi.png);
  }
  
 /*webkitのみ上書き*/
 @media screen and(-webkit-min-device-pixel-ratio:0){
	 #header h1{
		 background-image:none;
		 background:#c90050;url(img/hana/washi.png)
		 -webkit-mask-imsge:url(img/hana/washi.png);
		 mask-image:url(img/hana/washi.png);
	 }
 }
  #header h1 span{
	  display:block;
	  font-size:30px;
  }
  
 /*リードコピーのスタイル*/
  #header p{
	  width:330px;
	  padding:25px 0 0 80px;
	  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	  color:#fff;
	  -webkit-mask-imsge:url(img/hana/washi.png);
	  mask-image:url(img/hana/washi.png);
  }
  
 /*MORE PHOTOリンクのスタイル*/
 p.btn a{
	 display:inline-block;
	 padding:10px 30px;
	 margin-top:12px;
	 background:#000;
	 font-family:'Squada One',cursive;
	 color:#fff;
	 text-decoration:none;
	 font-size:30px;
	 url(img/hana/washi.png);
	 -webkit-mask-imsge:url(img/hana/washi.png);
	 mask-image:url(img/hana/washi.png);
 }
 p.btn a:hover{
	 background:#c90050;
	 color:#000;
 }
 
/*写真枠3点の共通スタイル*/
ul#thumb{
	list-style:none;
}
ul#thumb li{
	position:absolute;
	width:350px;
	height:350px;
	background:url(img/hana/FW-1736H.png)no-repeat;
	
}

/*写真枠1*/
ul#thumb li.thumb1{
	left:770px;
	top:120px;
	-webkit-transform:rotate(7deg);
	transform:rotate(7deg);
}

/*写真枠2*/
ul#thumb li.thumb2{
	left:1050px;
	top:360px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

/*写真枠3*/
ul#thumb li.thumb3{
	left:475px;
	top:380px;
	-webkit-transform:rotate(-20deg);
	transform:rotate(-20deg);
}

/*写真の共通スタイル*/
.photo{
	width:300px;
	height:280px;
	margin:45px 0 0 45px;
	position:relative;
}

/*キャプションのリンクを写真枠に広げる*/
.caption a{
	display:block;
	position:absolute;
	left:25px;
	top:0;
	padding:314px 25px 0 22px;
	width:281px;
	height:90px;
	font-family:'oswald',sans-serif;
	text-decoration:none;
	color:#80FFFF;
	font-size:20px;
}

/*キャプションのhover*/
.caption a:hover{
	color:#8000FF;
}