@charset "UTF-8";
.items h1 { position: relative;	padding: 0 20%;	text-align: center;}.items h1:before,
.items h1:after {content: '';	position: absolute;	top: 50%;	display: inline-block;	width: 30%;	height: 2px;	background-color: #17a2b8;}.items h1:before {left:0;	background: linear-gradient(-45deg, transparent, #17a2b8 10%, #17a2b8 30%, transparent);}.items h1:after {right: 0;	background: linear-gradient(-45deg, transparent, #17a2b8 70%, #17a2b8 90%, transparent);}
.items h2 { border-left:10px solid #007bff; padding-left: 10px;}
.items dt:before { content: "■"; color: #1898bf;}.items dd { border-bottom:1px solid #1898bf; padding-bottom: 1px;}
#link h3 { border-bottom: 2px solid #1898bf; width: 60%; margin: 0 auto;}
#water img { border:3px solid #dbdbdb;}
#kind h2 {border-bottom:1px solid #ffae80;}
.plate-memo dt{background-color: rgba(255, 174, 128,.6);	padding: .25rem .5rem;	margin-bottom: .5rem;}.plate-memo dl {border-bottom: 2px dotted #ffae80;	margin-bottom:1rem;}.plate-memo dd:before { content: "■"; color: #ffae80;}
#huwari-plate {padding: .5rem;	border: 3px solid #ffae80;}
#plate h3 {border-bottom: 1px solid #ffae80;	font-size: 150%;}
.box-memo {background-color: rgba(255, 174, 128,.6);	padding: 1rem;	border-radius: 10px;}
@media (min-width: 1300px){ #contents { font-size: 1.1rem; }}@media (max-width: 767px){#link h3 { width: 100%;}}
@media (max-width: 560px){.items h1 { font-size: 140%;}.plate-memo dl {padding-left:0;}}