LAZY BLUE

・かなめさん「空の写真素材を使用したきれいな感じのトップページ。」

自動改行“しない”で作成しています。
画像はこちらからどうぞ。

HEAD

@import url('https://fonts.googleapis.com/css?family=Poppins|Poiret+One');

body{
font-family:"Poppins","メイリオ", sans-serif;
font-size:12px;
letter-spacing:1px;
line-height:150%;
color:#555;
background:#fff;
margin:0;
padding:0;}

@media screen and (min-width: 501px){
.wrp{
width:500px;
margin:0 auto;}
}

@media screen and (max-width: 500px){
.wrp{
width:100%;
margin:0 auto;}
}

header{
margin:0 auto;
padding:50px 0 5px;
width:100%;
height:auto;
color:#fff;
background:url(##画像URL##) center/cover no-repeat;
-webkit-background-size:cover;
background-size:cover;
text-align:center;}

header a{
color:#555;
background:rgba(255,255,255,.7);
text-decoration:none;
padding:2px 5px;
margin:0 3px;
display:inline-block;
width:50px;}

header a:hover{
color:#000;
opacity:.6;}

.ft{
border-bottom:solid 1px #fff;
padding:10px;
margin:20px 0 0;}

.box{margin:20px;}

hr{
border:none;
margin:10px 0;
background: -moz-linear-gradient(left top, #fff, #fff 25%, #ccc 25%, #ccc 50%,#fff 50%, #fff 75%, #ccc 75%,#ccc);
background: -webkit-linear-gradient(left top, #fff, #fff 25%, #ccc 25%, #ccc 50%,#fff 50%, #fff 75%, #ccc 75%,#ccc );
background: linear-gradient(left top, #fff, #fff 25%, #ccc 25%, #ccc 50%,#fff 50%, #fff 75%, #ccc 75%,#ccc);
-moz-background-size: 5px 5px;
-webkit-background-size: 5px 5px;
background-size: 5px 5px;
height:4px;}

strong{
font-weight:normal;
background: linear-gradient(transparent 80%, #ccc 80%);
margin:0 2px;
padding:0 3px;}

h1{
font-family:"Poiret One",sans-serif;
letter-spacing:1px;
font-size:40px;
font-weight:normal;
color:#fff;
margin:50px 0 30px;
padding:15px 30px;
text-transform:uppercase;
border:solid 1px #fff;
display:inline-block;}

h2{
font-family:"Poiret One",sans-serif;
text-transform:uppercase;
font-size:13px;
border:solid 1px #84b9cb;
background:#84b9cb;
color:#fff;
margin:5px 20px 5px 0;
padding:2px 15px;
display:inline-block;}

h3{
font-family:"Poiret One",sans-serif;
text-transform:uppercase;
font-size:13px;
border:solid 1px #888;
color:#555;
margin:5px 20px 5px 0;
padding:2px 15px;
display:inline-block;}

a{
color:#888;
text-decoration:none;
padding:0 3px;
transition:0.5s;}

a:hover{color:#84b9cb;}

</style>

BODY

caution

title3