@font-face
{
 font-family:'soseki';
 src:url('../soseki.woff') format('woff');
}
*
{
 margin:0;
 outline:none;
 color:#ffffff;
 font-family:verdana,arial,helvetica,sans-serif;
}
body
{ 
 position:relative;
 overflow-y:scroll;
}
h1
{
 padding-bottom:2vw;
 font-family:soseki,verdana,arial,helvetica,sans-serif;
 font-kerning:auto;
}
h2
{
 padding-bottom:2vw;
}
p
{
 margin-bottom:4vw;
}
.watch
{
 display:none;
}
.peter
{
 height:100vw;
 background:url('https://cdn.soseki.co.uk/img/peter.webp');
 background-size:60%;
 background-repeat:no-repeat;
 background-position:center bottom;
 box-sizing:border-box;
 z-index:1;
}
.soseki
{
 position:absolute;
 top:4vw;
 left:4vw;
 width:40vw;
 height:20vw;
 background-image:url('https://cdn.soseki.co.uk/img/soseki.svg');
 background-repeat:no-repeat;
 cursor:pointer;
}
.nav input[type=checkbox]
{
 display:none;
 -webkit-appearance:none;
}
.nav input[type=checkbox]:checked ~ .mnu
{
 display:block;
}
.mnu ul
{
 list-style-type:none;
}
.mnu li
{
 display:inline-block;
 cursor:pointer;
}
.mnu li a
{
 font-family:soseki,verdana,arial,helvetica,sans-serif;
 font-size:0.6em;
 text-decoration:none;
 cursor:pointer;
}
.map
{
 width:88vw;
 height:66vw;
 border:0.6vw #ff0000 solid;
 border-radius:4vw;
 }
.map span,.map div
{
 color:#000000;
}
.pin
{
 width:220px;
 height:28px;
 color:#ff0000;
 font-family:soseki;
 font-size:0.68em;
}
.foot
{
 margin-top:12vw;
}
.foot .col
{
 display:inline-block;
}
.foot ul
{
 list-style-type:none;
}
.foot li
{
 padding:0.3vw 0;
}
.foot a
{
 font-size:0.8em;
 cursor:pointer;
}
.txt
{
 width:84vw;
 height:4vw;
 margin-top:4vw;
 padding:2vw;
 background:rgba(0,0,0,0.6);
 font-size:1em;
 border:0.2vw #ffffff solid;
 border-radius:1.2vw
}
.txta
{
 height:18vw;
}
button
{
 float:right;
 margin-top:2vw;
 padding:1.2vw 4vw;
 background-color:#ff0000;
 color:#ffffff;
 font-size:1.2em;
 text-align:center;
 border:0;
}
.hr
{
 width:88vw;
 margin:auto;
 margin-top:8vw;
 color:#ffffff;
}
.left
{
 float:left;
 text-align:right;
}
.rite
{
 float:right;
 text-align:left;
}
.clr
{
 clear:both;
}
.show
{
 display:block;
}
.hide
{
 display:none;
}