<style type="text/css">

@import url('https://fonts.googleapis.com/css?family=Marcellus');

@font-face
{
font-family: 戸越明朝;
src: url('https://cdn.leafscape.be/togoshi/togoshi-mincho_web.woff')
     format("woff");
}

body{
font-family:"Marcellus","メイリオ", sans-serif;
font-size:12px;
letter-spacing:1px;
line-height:150%;
color:#555;
background:#fff;
margin:0;
padding:0 0 10px;
counter-reset:number 0;}

body:before,body:after{
background:#dcd3b2;
content:"";
display:block;
position:fixed;}

body:before{
width:5px;
top:0;
bottom:0;
left:0;}

body:after{
width:5px;
top:0;
right:0;
bottom:0;}

@media screen and (min-width: 601px){
.wrp{
width:600px;
margin:0 auto;}

.wrp2{
margin:0 auto 20px;
display:flex;
flex-direction:row;
flex-wrap:wrap;}

.act{
position:relative;
width:250px;
display:inline-block;
margin:10px auto;}
}

@media screen and (max-width: 600px){
.wrp{
width:100%;
margin:0 auto;}

.wrp2{margin:0 auto 20px;}

.act{margin:10px 25px;}
}

.wrp2 a,.wrp2 a:hover{
display:block;
margin:0 auto;
padding:0;}

.act{
border:solid 2px #f5f5dc;
padding:10px;}

.act:hover{
transition:0.5s;
border:solid 2px #e597b2;
box-shadow:0 0 3px #e597b2;
opacity:.5;}

.top{
background:url(https://alicex.jp/data/lull_abay/img/lull_abay_upld_15.jpg
);
background-size:cover;
width:80px;
height:100px;
border-radius:50%;
border:solid 1px #fff;
box-shadow:0 0 0 2px #765c47;
margin:10px auto 20px;}

.top:before {
content:"";
display:block;
width:80px;
height:100px;
border-radius:50%;
margin:0 auto;
background:rgba(255,255,224,.6);}

.icn{
background:url(https://alicex.jp/data/lull_abay/img/lull_abay_upld_15.jpg
);
background-size:30px;
width:10px;
height:10px;
border:solid 1px #fff;
box-shadow:0 0 0 1px #765c47;
margin:20px 5px;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
display:inline-block;}

.icn:before {
content:"";
display:block;
width:10px;
height:10px;
margin:0 auto;
background:rgba(255,255,224,.6);}

.box{
margin-left:20px;
color:#888;}

.text{
line-height:200%;
font-size:13px;
padding:30px 0 10px;
margin:20px;
text-align:left;}

.text p{
line-height:150%;
color:#888;
border-top:double 3px #765c47;
border-bottom:double 3px #765c47;
margin:10px;
padding:10px;
font-size:10px;
}

header{
text-align:center;
margin:20px;
padding:30px 0 10px;}

.ft{
text-align:center;
margin:20px auto 10px;}

h1{
font-family:Marcellus,戸越明朝,sans-serif;
line-height:100%;
font-size:18px;
font-weight:normal;
color:#333;
background:rgba(255,255,255,.8);
margin:-75px auto 20px;
padding:10px 20px;
text-align:center;
border-top:solid 1px #333;
border-bottom:solid 1px #333;
display:inline-block;}

h2{
font-family:Marcellus,戸越明朝,sans-serif;
color:#333;
font-weight:normal;
font-size:14px;
margin:0
padding:0;}

h2:before{
counter-increment:number 1;
content:counter(number) ". ";
}

h3{
letter-spacing:3px;
line-height:150%;
font-family:Marcellus,戸越明朝,sans-serif;
font-size:18px;
padding:10px 20px;
text-align:center;}

a{
color:#555;
text-decoration:none;
padding:0 3px;
transition:0.5s;}

a:hover{
color:#e597b2;
text-shadow:0 0 3px #e597b2;}

input[type],textarea{
height:50px;
width:80%;
font-family:"Marcellus","メイリオ", sans-serif;
font-size:12px;
letter-spacing:1px;
line-height:150%;
background:#fff;
color:#333;
border:solid 1px #765c47;
margin:5px 10px;
padding:2px 5px;
-webkit-appearance: none;
box-shadow:none;
border-radius:0;
}

input[type=text]{
border-top:none;
border-right:none;
border-bottom:solid 1px #765c47;
border-left:none;
text-align:center;
margin:5px;
height:24px;
width:60px;}

input[type=submit]{
margin:5px;
height:auto;
width:50px;
cursor:pointer;
text-shadow:none;
border:solid 1px #765c47;
background:#fff;
color:#333;
font-weight:normal;
}

</style>