@charset "UTF-8";

body {
	margin			: 0;
	padding			: 0;
	color			: #000;
	background-color	: #eee;
	font			: normal 16px/24px sans-serif;
	text-align		: center;
}

/* HEADER */
header {
    position: fixed;
    z-index: 5;
    width: 100%;
    padding: 5px 0 0 0;
    box-sizing: border-box;
    top: 0;
    left: 0; 
    color:#fff;
    background-color: #069;
}
h1 {
    margin: 0;
    padding:0;
}
h1 img {
    height:50px;
    margin: 0;
}
header p {
    height:25px;
    margin: 0;
    padding:0;
    font-family: "din-2014", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size : 16px;
	line-height : 1.5em;
	text-align : center;
    overflow:hidden;
}
header nav ul {
    box-sizing: border-box;
    margin: 0;
    padding:0;
    height:30px;
    color:#fff;
    background-color: #cef;
    display: flex; 
    justify-content: center;
}

header nav ul li {
    list-style: none; 
    margin: 0 20px;
    padding:0;
    height:30px;
}

header nav ul li a{
    display:block;
    box-sizing: border-box;
    margin:0;
    padding:4px;
    height:30px;
    color: #036;
    font-size : 18px;
    font-family: "din-2014", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
}
nav a:link, nav a:visited {
	color		: #036;
}
nav a:active, nav a:hover, nav a:focus {
    border-bottom: 4px solid #069;
}
nav img {
    height:18px;
}
nav a:active img, nav a:hover img, nav a:focus img {
	filter		: contrast(100%);
}

/* MAIN */
main {
    max-width:1200px;
    margin: 110px auto 0 auto;
    padding:20px;
	background-color	: #fff;
    display:flex;
}
div.main {
    flex-shrink: 1;
    margin-right:30px;
}
div.adbar {
    box-sizing: border-box;
    flex-shrink: 0;
    width: calc((100vh - 150px) / 800 * 300);
    max-width:250px;
    min-width:150px;
}
div.sticker {
	position: fixed;
    height: calc(100vh - 150px);
    min-height:400px;
    width: calc((100vh - 150px) / 800 * 300);
    max-width:250px;
    min-width:150px;
}
div.sticker img {
    display:block;
    width:100%;
    box-sizing: border-box;
    object-fit: contain;
    border: solid 1px #000;
    margin:0 0 10px 0;
}

a:link {
	color		: #06c;
}
a:visited {
	color		: #666;
}
a:active, a:hover, a:focus {
	color		: #c00;
}

h2 {
    font-family: "unit-gothic-717", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 48px;
    line-height: 50px;
    color:#fff;
    background-color: #069;
    border-radius: 15px;
    margin:20px 0 10px;
    padding:10px;
}
h2.asseen {
    font-family: "cooper-black-std", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 56px;
    line-height: 60px;
    color:#fff;
    background-color: #c00;
    border-radius: 15px;
    margin:20px 0 10px;
    padding:10px;
}
h3 {
    margin:40px 0 10px;
    padding:8px;
    font-family: "cooper-black-std", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    color:#fff;
    background-color: #069;
}
h4 {
    margin:20px 0 10px;
    padding:8px;
    border-style:solid;
    border-color:#069;
    border-width:0 0 0 10px;
    text-align:left;
    font-family: "kozuka-gothic-pr6n", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 24px;
    line-height:30px;
    border-radius: 20px;
}
h5 {
    margin:20px 0 5px;
    text-align: left;
}

/* FOOTER */
footer {
	width		: 100%;
    height: 40px;
	padding		: 10px;
    color         :#fff;
    background-color: #006699;
	font-size	: 12px;
}
footer p {
	text-align	: center;
	line-height	: 1.2em;
}

/* BEGIN IMAGE */
img {
	margin		: 3px 10px 10px 10px;
	border-style	: none;
}
img.nomargin, h2 img, h3 img {
	margin	: 0;
}


/* Blocks */
p {
	margin		: 10px 0;
	padding		: 0;
	text-align	: justify;
}
.center {
	text-align	: center;
}
.left {
	text-align	: left;
}
.right {
	text-align	: right;
}
.floatleft {
	float	: left;
}
.floatright {
	float	: right;
}
.clearleft {
	clear	: left;
}
.clearright {
	clear	: right;
}
.clearboth {
	clear	: both;
}
.noclear {
	clear	: none;
}

/* LIST */
ul {
	margin		: 10px 0;
	padding		: 0 0 0 10px;
	list-style	: disc inside;
}
li {
	margin	: 5px 0 0 0;
	padding	: 0;
    text-align: left;
}
dl {
    text-align: left;
}
dt {
    font-weight:bold;
}
dd {
    margin:0 0 15px 15px;
}

/* TABLE */
table.radio {
	margin		: 10px auto;
	empty-cells	: show;
	border-style	: solid;
	border-width	: 1px;
	border-collapse	: separate;
	border-spacing	: 1px;
}
table.radio th, table.radio td {
	margin		: 0;
	padding		: 5px;
	border-style	: solid;
	border-width	: 1px;
}
table.radio th {
	text-align	: center;
}

/* LINK */
a:link img, a:visited img {
	border-color	: #003;
}
a:active img, a:hover img, a:focus img {
	border-color	: #e00;
	filter		: contrast(50%);
}
img.eventleft, img.eventright {
	border-color	: #000;
}

/* INLINE */
strong {
	color		: #e00;
	font-weight	: bold;
}
em {
	color		: #e00;
	font-style	: normal;
}
.huge {
	font-size	: 28px;
	line-height	: 100%;
	font-weight	: bold;
}
.verybig {
	font-size	: 22px;
	font-weight	: bold;
}
.big {
	font-size	: 18px;
	font-weight	: bold;
}
.small {
	font-size	: 12px;
	line-height	: 150%;
}


/* FONT */


/* Thumb */

div.boxparent{
	width:100%;
	height:auto;
	display:flex;
    justify-content: flex-start; 
	flex-wrap: wrap;
/* 	justify-content:space-between; */
	box-sizing:border-box;
}

div.walitem {
    box-sizing: border-box;
	height		: auto;
	border		: 1px solid #ccc;
	width		: 32%;
	margin		: 0 0 5px 5px;
	padding		: 0;
    border-radius:5px;
	border-width	: 1px;
	border-style	: solid;
	border-color	: #ccc;
    background-color:#fff;
}
div.walthumb {
	margin		: 5px 0 0 0;
	padding		: 0;
    box-sizing: border-box;
}
div.walthumb img {
    display: block;
    width  : 100%;
    height : 190px;
	margin : 0 auto;
	padding : 0;
    object-fit: contain;
    filter: contrast(100%);
}
div.walitem:hover {
  filter: contrast(75%);
}
div.walitem p {
	margin : 0 5px 5px 5px;
	padding : 0;

    font-family: "din-2014", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size : 16px;
	line-height : 1.5em;
	text-align : center;
}
div.walitem p.price {
    font-family: "din-2014", sans-serif;
    font-weight: 700;
    font-style: normal;
	text-align : center;
    color: #000;
}
div.walitem a {
    text-decoration-line: none;
}