@charset "utf-8";

body,div,pre,p,blockquote,form,ul,ol,li,fieldset,input,textarea,select,option,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,embed,object {margin:0;padding:0;}
body,div,pre,p,blockquote,form,ul,ol,li,fieldset,input,textarea,select,option,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,embed,object {vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,menu,nav,section,main {display:block;margin:0;padding:0;}
body,table,pre {color:#333333;font:20px / 1.5 '游ゴシック体', 'Yu Gothic', YuGothic, san-serif;font-weight: 500;}
body {background:linear-gradient(to bottom, #fff 0%, #fff 80%, #fff780 100%);min-height: 100vh;}
body a {color: #333;text-shadow: 0 3px 3px #faf6c5;}
p {margin-bottom:1em;line-height:1.5;}
img {border:0;}
ul,ol {margin-left:30px;}

header h1 {text-align:center;padding:15px 0;}
header h1 a {text-decoration:none;font-size:150%;text-shadow:0px 0px 20px white;}

main {padding-bottom: 80px;}
main table {margin:0 auto 30px;border:1px solid #000000;border-collapse:collapse;font-size:90%;background-color: rgba(255, 247, 128,0.3);}
main table td {border:1px solid #c7c38c;padding: 10px;}
main table thead td {background:rgba(0,0,0,0.1);}
main img {max-width:640px;margin:0 auto 20px;display:block;}
main img:last-child {margin-bottom: 0;}
main table img {width:auto;}
#wikiname a {margin:0 0.3em;}
#wikibody>ul {margin-bottom:30px;}
#wikibody>ol {margin-bottom:30px;}
#wikibody blockquote {margin-bottom:20px;background:rgba(255,255,255,0.5);padding:20px;border-radius:10px;font-size:90%;}
#wikibody pre {margin-bottom:20px;background:rgba(255,255,255,0.5);padding:20px;border-radius:10px;font-size:90%;white-space: pre-line;}
main h1 {font-size:200%;margin-bottom:10px;}
main h1::before {content:'\02666';color:#00aeff;margin-right:0.3em;}
main h1#wikiname::before {content:none;}
main h2 {font-size:180%;margin-bottom:10px;}
main h3 {font-size:150%;margin-bottom:10px;}
main h4 {font-size:125%;margin-bottom:10px;}
main h5 {font-size:110%;margin-bottom:10px;}
main h6 {font-size:100%;margin-bottom:10px;}
main hr {margin:1.5em 0;border:none;border-bottom:3px dashed #00aeff;}
main dt {font-weight:bold;}
main dd {margin-left:50px;margin-bottom:10px;}
article>h1:first-child {text-align:center;margin-bottom:20px;}
article>h1:first-child a {text-decoration:none;}
#wikibody {margin:0 30px 20px;}
#editcont a {display:block;margin:0 100px 20px;padding:10px;text-align:center;background:#444444;color:white;text-decoration:none;border-radius:20px;}
#delcachecont a {display:block;margin:0 100px 20px;padding:10px;text-align:center;background:#444444;color:white;text-decoration:none;border-radius:20px;}
#lastmod {text-align:right;margin:0 30px 20px;}

.gads {
    float: right;
    width: 350px;
    text-align: center;
}
#undertopic {
    margin: 30px auto;
    text-align: center;
}

#editform {text-align:center;margin-bottom:20px;}
#editform input {text-align:center;background:#444444;color:white;border-radius:20px;font-size:100%;border:none;padding:10px 20px;}
#editmenu {text-align:center;margin-bottom:20px;}
#editmenu input {text-align:center;background:#444444;color:white;border-radius:20px;font-size:100%;border:none;padding:10px 20px;}
textarea#body {display:block;margin:0 auto 20px;padding:10px;width:90%;height:300px;}
#restaurantarea {text-align: center;}

.albumcontrol {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: stretch;
	gap: 10px;
	margin-bottom: 10px;
	button {
		appearance: none;
		cursor: pointer;
		border-radius: 5px;
		border: none;
		width: 40px;
		height: 20px;
		&.spiralBtn {
			background: #fff url(../images/album_spiral.svg) no-repeat center / contain;
		}
		&.squareBtn {
			background: #fff url(../images/album_square.svg) no-repeat center / contain;
		}
	}
}
.spiral {
	position: relative;
	left: -30px;
	overflow: hidden;
	z-index: 2;
	img {
		max-width: 640px;
		position: absolute;
		top: 0;
		left: 0;
		box-sizing: border-box;
	}
}
.square {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	img {
		width: 100px;
		height: 100px;
		max-width: 100px;
		max-height: 100px;
		object-fit: cover;
		border-width: 5px;
		transition: 0.2s;
		&.sel {
			max-width: 640px;
			max-height: 640px;
			width: auto;
			height: auto;
		}
	}
}

.sozai br {
    display: none;
}
.sozai img {
    display: inline-block;
}
#flash>div {
    margin: 0 auto;
}

#ad {margin:0px auto 20px;text-align:center;max-width:728px;}
#prevnext {text-align:center;margin-bottom:20px;}
#prevnext a {display:inline-block;width:30%;font-size:150%;margin-bottom:10px;padding:30px 10px;background:linear-gradient(to bottom, #00aeff 0%, #008edf 100%);border:none;border-radius:10px;color:white;text-decoration:none;}

footer button {width:30%;font-size:150%;margin-bottom:10px;padding:30px 10px;background:linear-gradient(to bottom, #00aeff 0%, #008edf 100%);border:none;border-radius:10px;color:white;}
footer button:nth-child(2n) {background:linear-gradient(to bottom, #0066ff 0%, #015adf 100%);}
footer button:last-child {background:linear-gradient(to bottom, #ff5100 0%, #e44a03 100%);}
#footermenu {position: fixed;bottom: 0;right: 0;background-color: rgba(255,255,255,0.5);width: 100%;height: 0;overflow: hidden;transition: height 0.3s;z-index: 10;}
#footermenu.open {height: 80px;}
#footermenu.open.expand {height: 105px;}
#footermenu nav {display: flex;flex-wrap: nowrap;justify-content: center;align-items: flex-start;overflow: auto hidden;min-width: 560px;}
#footermenu nav button {width: 60px;height: 60px;border-radius: 30px;margin: 10px 10px 36px;position: relative;cursor: pointer;}
#footermenu nav button::before {content: '';width: 40px;height: 40px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background-position: center;background-repeat: no-repeat;background-size: contain;}
#footermenu nav button.home::before {background-image: url(../images/home.svg);}
#footermenu nav button.map::before {background-image: url(../images/map.svg);}
#footermenu nav button.new::before {background-image: url(../images/new.svg);}
#footermenu nav button.relate::before {background-image: url(../images/relate.svg);}
#footermenu nav button.photo::before {background-image: url(../images/photo.svg);}
#footermenu nav button.search::before {background-image: url(../images/search.svg);}
#footermenu nav button.totop::before {background-image: url(../images/totop.svg);}
#footermenu nav button span {font-size: 16px;text-align: center;color: black;position: absolute;left: 0;right: 0;margin: auto;top: 70px;}

#menumap {width:100%;height:400px;margin-bottom:20px;}
#menumap button {font-size:100%;padding:5px 10px;}
#menumapbtncont {margin-bottom:30px;}
#menumapbtncont dl {width:90%;margin:0 auto;}
#menumapbtncont dt {width:100px;display:inline-block;text-align:right;}
#menumapbtncont dd {width:80%;display:inline-block;}
#menumapbtncont button {width:20%;font-size:100%;padding:10px;margin-left:3%;}

#menulatest {margin-bottom:30px;padding:0 30px;}
#menurelation {margin-bottom:30px;padding:0 30px;}
#menurelation ul:after {content:"";display: block;height:0;font-size:0;clear:both;visibility:hidden;}
#menurelation li {float:left;margin-left:50px;}
#menusearch {margin:100px 0;padding:0 30px;text-align:center;}
#menusearch input {padding:10px;font-size:100%;margin:0 20px;}
#menusearch input[type="submit"] {padding: 10px 20px;border-radius:25px;color:white;border:none;background:linear-gradient(to bottom, #00aeff 0%, #008edf 100%);}
#searchpage {padding:0 30px;}
#searchpage form {text-align:center;margin-bottom:50px;}
#searchpage form input {padding:10px;font-size:100%;margin:0 20px;}
#cse-search-results {margin-bottom:30px;}
#cse-search-results iframe {margin:0 auto;display:block;width:100%;}

.paging {text-align:center;margin:50px 0;}
.paging a {display:inline-block;padding:5px;border:3px solid #00aeff;background:white;min-width:30px;text-decoration:none;}
.paging strong {display:inline-block;padding:5px;background:#00aeff;border:3px solid #00aeff;color:white;min-width:30px;}

#noname1 {text-align:center;}

#menuimagelist {margin-bottom:30px;padding:0 30px;text-align:center;}
#menuimagelist img {height:120px;margin-bottom:20px;margin-right:5px;}

#fuzzypage {padding:0 30px;}

.dyear {display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:50px;}
.dmonth {width:30%;margin-bottom:50px;}
.dmhead {text-align:center;margin-bottom:10px;}
.dmbody {display:flex;flex-wrap:wrap;justify-content:flex-start;}
.dmspace0 {display:none;}
.dmspace1 {width:14.28%;}
.dmspace2 {width:28.57%;}
.dmspace3 {width:42.85%;}
.dmspace4 {width:57.14%;}
.dmspace5 {width:71.42%;}
.dmspace6 {width:85.71%;}
.dday {width:14.28%;text-align:center;}


@media screen and (max-width: 768px) {

#menumapbtncont button {width:30%;margin-left:2%;}

}
@media screen and (max-width: 640px) {

body,table {font-size:15px;}
header h1 {font-size:100%;}
header h1 a {font-size:100%;}
main h1 {font-size:150%;}
main h2 {font-size:140%;}
main h3 {font-size:130%;}
main h4 {font-size:125%;}
main h5 {font-size:110%;}
main h6 {font-size:100%;}
main li {margin-bottom:10px;}
main img {max-width:100%;}
.spiral img {max-width: 100%;}

.gads {
    float: none;
    width: auto;
}

#menumapbtncont button {width:49%;margin-left:1%;}
#menumapbtncont dt {width:60px;}
#menuimagelist img {height:60px;margin-bottom:10px;margin-right:2px;}
#menusearch input {margin:0;width: 70%;box-sizing: border-box;}
#menusearch input[type="submit"] {width: 20%;margin-left: 5%;}
#searchpage form input {margin:0;width: 70%;box-sizing: border-box;}
#searchpage form input[type="submit"] {width: 20%;margin-left: 5%;}

.dmonth {width:100%;}
#footermenu {overflow-x: auto;}
}