@charset "Shift_JIS"; /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
article,
aside,
footer,
header,
nav,
section {
    display: block
}
h1 {
    font-size: 2em;
    margin: 0.67em 0
}
figcaption,
figure,
main {
    display: block
}
figure {
    margin: 1em 40px
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}
pre {
    font-family: monospace, monospace;
    font-size: 1em
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}
b,
strong {
    font-weight: inherit
}
b,
strong {
    font-weight: bolder
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
dfn {
    font-style: italic
}
mark {
    background-color: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sub {
    bottom: -0.25em
}
sup {
    top: -0.5em
}
audio,
video {
    display: inline-block
}
audio:not([controls]) {
    display: none;
    height: 0
}
img {
    border-style: none
}
svg:not(:root) {
    overflow: hidden
}
button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}
button,
input {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}
fieldset {
    padding: 0.35em 0.75em 0.625em
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}
progress {
    display: inline-block;
    vertical-align: baseline
}
textarea {
    overflow: auto
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}
details,
menu {
    display: block
}
summary {
    display: list-item
}
canvas {
    display: inline-block
}
template {
    display: none
}
[hidden] {
    display: none
}
html,
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '���S�V�b�N Medium', meiryo, sans-serif;
    width: 100%;
    height: 100%
}
body {
    position: relative;
    background: transparent url('/img/paper_tx.jpg') left top repeat;
    overflow-x: hidden;
    z-index: 0
}
* {
    -webkit-appearance: none
}
a {
    text-decoration: none;
    color: #000
}
ul {
    list-style: none;
    margin: auto;
    padding: 0
}
#register,
#main-wrap,
#footer {
    -moz-box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.25)
}
.k-h-title,
.head-note {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain
}
#header {
    background: transparent url('/img/bg_strype_01.png') left top repeat no-repeat;
    padding-top: 16px
}
.k-h-title {
    position: relative;
    width: 95%;
    margin: 0 auto;
    background-image: url('/img/top_img01.png')
}
.k-h-title::after {
    display: block;
    padding-top: 44.7%;
    content: ''
}
.k-h-title-sub {
    margin: 0 15px 10px;
    padding: 5px 0;
    color: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #C49C62;
    font: 1em bold;
    text-align: center
}
.landscape {
    position: relative;
    margin-top: 10px;
    width: 100%;
    height: 90px;
    overflow: hidden
}
.landscape img {
    display: block;
    float: left
}
.lp-wrap {
    top: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 90px
}
.head-note {
    width: 95%;
    margin: 0 auto;
    background-image: url('/img/top_txt_01.png')
}
.head-note::after {
    display: block;
    padding-top: 23%;
    content: ''
}
.head-notice {
    width: 100%;
    margin: 1rem 0 1.6rem;
    text-align: center
}
.head-notice a {
    display: inline-block;
    width: 70%;
    padding: 16px;
    box-sizing: border-box;
    border: 3px solid red;
    border-radius: 16px;
    background-color: #fff
}
#register {
    position: fixed;
    bottom: 0;
    z-index: 51;
    -moz-transform: translateY(90px);
    -ms-transform: translateY(90px);
    -webkit-transform: translateY(90px);
    transform: translateY(90px);
    width: 100%;
    background: #fff url('/img/paper_tx.jpg') left top repeat;
    text-align: center;
    -moz-transition: -moz-transform 0.35s linear 0s;
    -o-transition: -o-transform 0.35s linear 0s;
    -webkit-transition: -webkit-transform 0.35s linear;
    -webkit-transition-delay: 0s;
    transition: transform 0.35s linear 0s
}
#register.active {
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}
#register a {
    display: inline-block;
    position: relative;
    margin: 15px auto;
    padding: 15px 25px 15px 75px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #42210B;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: 0.5em
}
#register a::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 14.5px;
    width: 50px;
    height: 60px;
    background: transparent url('/img/c_05_register.png') left top no-repeat;
    background-size: contain;
    content: ''
}
#main-wrap {
    position: relative;
    z-index: 11;
    width: 100%;
    margin-top: 10px;
    padding-top: 15px;
    background: #DCC6B8 url('/img/wood_tx.jpg') left top repeat;
    overflow-x: hidden
}
.item-wrap {
    position: relative;
    padding: 30px 0 10px;
    width: 100%;
    background-size: 125%;
    overflow-x: hidden
}
.item-wrap.l-note {
    background: transparent url('/img/bg_01_note_l.png') 83% 3% no-repeat
}
.item-wrap.r-note {
    background: transparent url('/img/bg_02_note_r.png') 16% 5% no-repeat
}
.item-li-wrap {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 70%
}
.item-li-wrap.right {
    right: 5px
}
.item-li-wrap.left {
    left: 5px
}
.item-tag {
    width: 100%;
    height: auto
}
.item-tag img {
    width: 110%;
    height: auto
}
.item-title {
    display: block;
    position: relative;
    width: 86%;
    width: calc(100% - 40px);
    padding: 15px 0;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.55);
    text-align: center
}
.item-title h1 {
    margin: 0;
    font-size: 1.5em
}
.item-title h1 span {
    letter-spacing: 0.35em
}
.item-title.right {
    margin: -5px auto 5px 24px
}
.item-title.left {
    margin: -5px 24px 5px auto
}
.item-title.konetsu {
    border: 5px solid #F9EB21
}
.item-title.konetsu::after {
    display: block;
    position: absolute;
    top: 18px;
    left: -16px;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 12.5px 10px 0;
    border-color: transparent #F9EB21 transparent transparent;
    content: ''
}
.item-title.leisure {
    border: 5px solid #F4767F
}
.item-title.leisure::after {
    display: block;
    position: absolute;
    top: 18px;
    right: -16px;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 12.5px;
    border-color: transparent transparent transparent #F4767F;
    content: ''
}
.item-title.food {
    border: 5px solid #EE5A24
}
.item-title.food::after {
    display: block;
    position: absolute;
    top: 18px;
    left: -16px;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 12.5px 10px 0;
    border-color: transparent #EE5A24 transparent transparent;
    content: ''
}
.item-title.tips {
    border: 5px solid #7FD888
}
.item-title.tips::after {
    display: block;
    position: absolute;
    top: 18px;
    right: -16px;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 12.5px;
    border-color: transparent transparent transparent #7FD888;
    content: ''
}
.item-li-title {
    margin: 0 auto;
    padding: 10px 15px;
    max-width: 80%;
    background: rgba(255, 255, 255, 0.4);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 1.2em;
    text-align: center
}
.item-list {
    padding: 15px
}
.item-list.konetsu {
    background: #FFF688
}
.item-list.leisure {
    background: #FFD3D1
}
.item-list.food {
    background: #FCCD6D
}
.item-list.tips {
    background: #CBEDC3
}
.item-list li {
    border-bottom: solid 1px rgba(0, 0, 0, 0.45)
}
.item-list li ::before {
    margin-left: -18px;
    content: '��'
}
.item-list li a {
    display: block;
    position: relative;
    padding: 15px 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.item-list li a::after {
    display: block;
    position: absolute;
    right: 0;
    top: 16px;
    width: 16px;
    height: 16px;
    background: transparent url('/img/right_g.png') 0 0 /contain no-repeat;
    content: ''
}
.atcl-head {
    padding-top: 37px;
    width: 100%
}
.atcl-head div {
    width: 100%
}
.atcl-head.konetsu {
    background: transparent url('/img/husen_top_0003_yellow.png') 50% 0 no-repeat
}
.atcl-head.konetsu div {
    background-color: #FFF688
}
.atcl-head.leisure {
    background: transparent url('/img/husen_top_0002_pink.png?') 50% 0 no-repeat
}
.atcl-head.leisure div {
    background-color: #FFD3D1
}
.atcl-head.food {
    background: transparent url('/img/husen_top_0001_org.png') 50% 0 no-repeat
}
.atcl-head.food div {
    background-color: #FCCD6D
}
.atcl-head.tips {
    background: transparent url('/img/husen_top_0000_green.png') 50% 0 no-repeat
}
.atcl-head.tips div {
    background-color: #CBEDC3
}
.atcl-foot {
    padding-bottom: 0;
    width: 100%;
    height: 46px;
    text-align: center
}
.atcl-foot.konetsu {
    background: transparent url('/img/husen_btm_0003_yellow.png') right bottom no-repeat
}
.atcl-foot.leisure {
    background: transparent url('/img/husen_btm_0002_pink.png') right bottom no-repeat
}
.atcl-foot.food {
    background: transparent url('/img/husen_btm_0001_org.png') right bottom no-repeat
}
.atcl-foot.tips {
    background: transparent url('/img/husen_btm_0000_green.png') right bottom no-repeat
}
.atcl-foot a {
    display: inline-block;
    padding: 10px 15px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.4)
}
.note-illust {
    display: block;
    position: absolute;
    z-index: 1;
    height: auto
}
.note-illust.konetsu {
    top: 30px;
    left: 0;
    width: 30%
}
.note-illust.leisure {
    top: 48px;
    right: 0;
    width: 35%
}
.note-illust.food {
    top: 30px;
    left: 0;
    width: 30%
}
.note-illust.tips {
    top: 15px;
    right: 0;
    width: 35%
}
#footer {
    position: relative;
    z-index: 12;
    padding-top: 5px;
    min-height: 150px
}
#footer h1 {
    margin: 10px 25px;
    padding: 10px 35px;
    color: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #42210B;
    font: 1em bold;
    text-align: center
}
.usr-m-item {
    display: block;
    width: 97%;
    padding: 10px 0 10px 3%;
    position: relative
}
.usr-m-item::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto 6px auto auto;
    background: #fff url('/img/right_g.png') 0 0 no-repeat;
    background-size: contain
}
.copy {
    margin-bottom: 10px;
    text-align: center
}
.important {
    color: red
}
.usr-m-li {
    width: 100%;
    border: solid #D9D9D9;
    border-width: 0 0 1px 0
}
.usr-m-li:nth-child(1) {
    border-width: 1px 0
}
.btn-menu,
.btn-login {
    width: 15%;
    height: 80%;
    padding: 10px 1% 0
}
.bg-w {
    background: #fff
}
.bg-r {
    background: #EC2831
}
.bg-o {
    background: #FFAE00
}
.bg-lg {
    background: #75B734
}
.bg-g {
    background: #0CB171
}
.bg-bl {
    background: #0D9BEC
}
.bg-p {
    background: #3C2586
}
.bg-dbl {
    background: #14225F
}
.cf {
    overflow: hidden;
    *zoom: 1
}