@charset "UTF-8";


html, body { font-weight: bold; background: repeating-linear-gradient(#f6f5f3, #f6f5f3 12px, #fff 12px, #fff 24px); overflow-x: hidden; }

#title { width: 40px; }
#title h1 { font-size: 29px; writing-mode: vertical-rl; padding: 102px 0 0 2px; }
#title h1 span { font-size: 13px; }
#title p:nth-of-type(1) { font-size: 12px; color: #9a8561; background: url('/img/t1.svg')no-repeat; background-position: left 7px top 6px; background-size: 28px auto; padding: 35px 0 0 5px; }
#title p:nth-of-type(1) span { float: left; width: 100%; font-size: 50px; margin-top: -6px; }
#title p:nth-of-type(2) { font-size: 11px; color: #9a8561; writing-mode: vertical-rl; padding-right: 5px; }

#text { width: 15px; background: #ebe8e4; }
#text h2 { width: 100%; box-sizing: border-box; font-size: 10px; color: #fff; writing-mode: vertical-rl; background: #bbb2a4; padding: 102px 1px 10px 0; margin-bottom: 6px; }
#text p { font-size: 10px; color: #8b806e; writing-mode: vertical-rl; padding: 0 1px 10px 0; }

#main { position: relative; z-index: 1; margin-right: -55px; padding-right: 55px; }

.photo img { width: 25%; }

.shop { position: relative; z-index: 1; font-size: 13px; background-color: #e6e1d8; background-image: repeating-radial-gradient( circle at 0 0, transparent 0, #e2d6c3 20px ), repeating-linear-gradient( #eae3d9, #f1e8d9 ); padding: 12px 5px 8px 12px; }
.shop h3 { height: 100px; font-size: 22px; text-shadow: 1px 1px 1px #f9f6f0; padding-left: 110px; }
.shop p:nth-of-type(1) { display:inline-block; width: auto; font-size: 16px; background: linear-gradient(transparent 60%, #fff2c4 30%); }
.shop p:nth-of-type(2) { display:inline-block; float: none; width: auto; background: linear-gradient(transparent 60%, #fff2c4 30%); margin: 3px 0 0 8px; }
.shop p:nth-of-type(3) { color: #8b806e; line-height: 1.4; padding: 5px 0; }
.shop img { position: absolute; z-index: 1; top: -8px; left: 0; width: 110px; border: 1px solid #f6f5f3; }

#memo { position: relative; font-size: 11px; color: #ebe8e4; background: #8b806e; padding: 135px 8px 15px 12px; }
#memo h2 { float: left; width: 100%; font-size: 14px; color: #dbd0b9; text-shadow: 1px 1px 1px #716858; padding: 8px 0 1px 0; }
#memo ul { padding: 5px 6px 0 0; }
#memo li { padding-top: 4px; }
#memo li a { display: block; font-size: 13px; color: #efece6; text-shadow: 1px 1px 1px #625e52; text-align: center; background: linear-gradient(#9a8561, #625e52); border: 1px solid #6e695b; border-radius: 4px; padding: 10px 0 12px 0; }
#memo p:nth-of-type(3) { position: absolute; z-index: 1; top: 6px; left: 8px; width: 310px; padding: 0; }

#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; }