@charset "UTF-8";


p.text { font-size: 11px; text-align: center; padding: 0 1.5%; }

p.memo { font-size: 10px; color: #8b806e; text-align: right; padding: 0 1.5%; margin-top: -14px; }
p.memo:last-of-type { padding-bottom: 10px; margin-top: 0; }

#title { text-align: center; border-top: #d8d3ce 4px solid; background: #ebe8e4; padding-top: 10px; }
#title .big { font-size: 18px; padding-bottom: 2px; }

#ban { background: #ebe8e4; padding-bottom: 5px; }
#ban div div { width: 47.75%; line-height: 1.1; text-align: center; margin: 5px 0 0 1.5%; }
#ban div a { font-size: 14px; color: #5e9e90; font-weight: bold; }
#ban div a p:nth-of-type(1) { color: #534f43; padding: 2px 0; }
#ban div a p:nth-of-type(2) { font-size: 13px; color: #534f43; font-weight: normal; }
#ban img { margin-bottom: 2px; }

#photo { background: #ebe8e4; }
#photo ul { margin-top: 1px; }
#photo ul li { width: 12.5%; }

#right_left { position: relative; font-size: 14.5px; background: linear-gradient(#f6f5f3, #cee0d7); padding-bottom: 8px; }
#right_left h3 { float: left; width: 100%; box-sizing: border-box; font-size: 14.5px; color: #5e9e90; text-shadow: 2px 1px 1px #fff; background: url(/img/dot.svg) repeat-x; background-size: auto 28px; padding: 38px 0 5px 15px; }
#right_left h3 span { float: left; width: 100%; font-size: 22px; }
#right_left p:nth-of-type(1) { position: absolute; z-index: 1; top: 0; right: 0; width: 132px; }
#right_left ul { background-image: radial-gradient(circle, #99c2b4 1.5px, transparent 1.5px), radial-gradient(circle, #99c2b4 1.5px, transparent 1.5px); background-position: 0 0, 10.5px 23px; background-size: 21px 46px; }
#right_left li { width: 48%; }
#right_left li:nth-of-type(1), #right_left li:nth-of-type(2) { width: 70%; }
#right_left li a { position: relative; float: left; width: 100%; box-sizing: border-box; color: #534f43; text-shadow: 2px 1px 1px #e9f0ed; font-weight: bold; padding: 4px 18px; }
#right_left li a::before { content: "≫"; color: #5e9e90; padding-right: 5px; }

#right_right { font-size: 14.5px; font-weight: bold; background: #e9f0ed; background-image: radial-gradient(#cee0d7 30%, transparent 0), radial-gradient(#cee0d7 30%, transparent 0); background-size: 5px 5px; }
#right_right li { width: 33.333%; border-top: 1px solid #aac9be; border-right: 1px solid #aac9be; }
#right_right li a { float: left; width: 100%; box-sizing: border-box; color: #5e9e90; text-shadow: 1px 1px 1px #fff; text-align: center; padding: 10px 0 8px 0; }
#right_right li:nth-of-type(1), #right_right li:nth-of-type(2) { width: 50%; font-size: 15.5px; background-image: repeating-linear-gradient(310deg, #cee0d7, #cee0d7 2px, #e9f0ed 2px, #e9f0ed 4px);; }
#right_right li:nth-of-type(1) a { background: url('/img/s1.svg')no-repeat; background-position: left 15px top 6px; background-size: auto 75%; padding: 12px 0; }
#right_right li:nth-of-type(2) a { background: url('/img/s2.svg')no-repeat; background-position: left 28px top 5px; background-size: auto 75%; padding: 12px 0; }

#right_bottom { position: relative; padding-top: 0; }
#right_bottom p { width: auto; font-size: 12px; color: #fff; font-weight: bold; background: #c75050; padding: 3px 10px 1px 10px; margin-left: 5%; }
#right_bottom p span { font-size: 10px; line-height: 1.8; background: #884545; padding: 2px 4px; margin-right: 5px; }
#right_bottom p img { position: absolute; z-index: 1; top: -220px; right: 0; width: 250px; filter: alpha( opacity=12 ); opacity: 0.12; -moz-opacity: 0.12; }
#right_bottom a img { padding: 0 5% 15px 5%; }

#memo { background: #c1d5ca; background-image: radial-gradient(#99c2b4 30%, transparent 0), radial-gradient(#99c2b4 30%, transparent 0); background-size: 3px 3px; padding: 15px 1.2% 12px 1.5%; }
#memo h3 { float: left; font-size: 13px; color: #5e9e90; margin: -2px 4px 0 0; }
#memo p { float: none; width: auto; font-size: 12.5px; color: #fff; font-weight: bold; }
#memo p a { color: #fff; text-decoration: underline; }

#site, #right_bottom { position: relative; font-size: 11px; text-align: center; background-image: linear-gradient(135deg, #d3cfc8 25%, transparent 25%), linear-gradient(225deg, #d3cfc8 25%, transparent 25%), linear-gradient(45deg, #d3cfc8 25%, transparent 25%), linear-gradient(315deg, #d3cfc8 25%, #c8c2b8 25%); background-position: 20px 0, 20px 0, 0 0, 0 0; background-size: 40px 40px; background-repeat: repeat; padding-top: 8px; }

#koakuma { position: relative; }
#koakuma span { position: absolute; z-index: 100; top: 0; left: 0; width: 25px; font-size: 10px; color: #fff; text-align: center; background: #534f43; }