a,
abbr,
address,
article,
aside,
audio,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
iframe,
img,
ins,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
video {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption,
td,
th {
    text-align: left;
}
q:after,
q:before {
    content: "";
}
embed,
object {
    vertical-align: top;
}
abbr,
acronym,
fieldset,
img {
    border: 0;
}
button,
input,
select,
textarea {
    font: inherit;
}
ol[class] > li,
ul[class] > li {
    list-style-type: none;
}
a,
button,
label {
    cursor: pointer;
}
button {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}
button-moz-focus-inner,
input-moz-focus-inner {
    border: 0;
    padding: 0;
}
:root {
    --vh: 1vh;
}
*,
:after,
:before {
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
:after,
:before {
    pointer-events: none;
}
html {
    overflow-y: scroll;
}
body,
html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
body {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: url(/kikiyu-go/assets/images/top/bg.png);
    background-size: 100% auto;
    color: #000;
    font-family:
        Shippori Mincho,
        serif;
    font-size: 3.6vw;
    font-weight: 800;
    line-height: 1;
}
@media screen and (min-width: 768px) {
    body {
        font-size: 28px;
        letter-spacing: normal;
    }
}
@media screen and (min-width: 1160px) {
    body {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px), print {
    body {
        letter-spacing: normal;
    }
}
@-ms-viewport {
    width: device-width;
}
@-o-viewport {
    width: device-width;
}
@viewport {
    width: device-width;
}
img {
    height: auto;
    vertical-align: middle;
    width: 100%;
}
li {
    list-style-type: none;
}
.pc_view {
    display: none;
}
@media screen and (min-width: 1160px) {
    .pc_view {
        display: block;
    }
}
.sp_view {
    display: block;
}
@media screen and (min-width: 1160px) {
    .sp_view {
        display: none;
    }
}
.outer {
    overflow: hidden;
}
.outer,
.wrapper {
    position: relative;
}
.wrapper {
    margin: 0 auto;
    max-width: 750px;
}
@media screen and (max-width: 1400px) and (min-width: 1160px) {
    .wrapper {
        margin-right: 36%;
    }
}
@media screen and (min-width: 1160px) {
    .wrapper {
        background: url(/kikiyu-go/assets/images/top/bg02.png);
        background-size: 100% auto;
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
        max-width: 500px;
    }
}
.header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    left: 0;
    margin: auto;
    max-width: 750px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 5;
}
.header_logo {
    display: block;
    margin: 2.6% 0 0 2.6%;
    width: 25%;
}
.nav_button {
    background: #008e73;
    -webkit-box-shadow: 0 10px 10px rgba(239, 130, 29, 0.7);
    box-shadow: 0 10px 10px rgba(239, 130, 29, 0.7);
    height: 8.5vw;
    margin: 2.6% 2.6% 0 0;
    position: relative;
    width: 13vw;
}
.nav_button,
.nav_button span {
    border-radius: 100px;
    display: block;
}
.nav_button span {
    background: #fff;
    height: 1.3vw;
    position: absolute;
    -webkit-transition: width 0.2s ease;
    transition: width 0.2s ease;
    width: 1.3vw;
}
.nav_button span:first-child {
    left: 26%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.nav_button span:nth-child(2) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.nav_button span:last-child {
    left: 64%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.nav_button.-active span:first-child {
    width: 6.4vw;
}
.nav_button.-active span:not(:first-child) {
    display: none;
}
@media screen and (min-width: 768px) {
    .nav_button {
        height: 64px;
        width: 100px;
    }
    .nav_button span {
        height: 10px;
        width: 10px;
    }
    .nav_button.-active span:first-child {
        width: 48px;
    }
}
.nav {
    background: #f7f274;
    height: 100%;
    left: 0;
    margin: auto;
    max-width: 750px;
    opacity: 0;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    visibility: hidden;
    width: 100%;
    z-index: 4;
}
.nav.-active {
    opacity: 1;
    visibility: visible;
}
.nav_bg {
    position: relative;
}
.nav_bg:before {
    background: #fff;
    border-radius: 40px;
    content: "";
    display: block;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 89.4%;
}
.nav_cont {
    margin: 5.3%;
    padding: 14% 0;
    position: relative;
}
.nav_list {
    margin: 0 12%;
}
.nav_list li:not(:first-child) {
    margin-top: 10%;
}
.nav_list a {
    color: #008e73;
    font-family:
        Zen Maru Gothic,
        sans-serif;
    font-size: 5vw;
    font-weight: 700;
    text-decoration: none;
}
.nav_list a.-active {
    color: #ef821d;
}
@media screen and (min-width: 768px) {
    .nav_list a {
        font-size: 38px;
    }
}
@media screen and (min-width: 1160px) {
    .nav_list a {
        font-size: 18px;
    }
}
.nav_onlineshop {
    margin: 24% 12% 0;
}
.nav_onlineshop_ttl {
    color: #008e73;
    font-family:
        Zen Maru Gothic,
        sans-serif;
    font-size: 5.4vw;
    font-weight: 700;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .nav_onlineshop_ttl {
        font-size: 36px;
    }
}
@media screen and (min-width: 1160px) {
    .nav_onlineshop_ttl {
        font-size: 14px;
    }
}
.nav_onlineshop_list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}
.nav_onlineshop_list li {
    border-radius: 100px;
    -webkit-box-shadow: 0 0 10px rgba(239, 130, 29, 0.7);
    box-shadow: 0 0 10px rgba(239, 130, 29, 0.7);
    margin-top: 6%;
    width: 47%;
}
.nav_bnr_kikiyugo {
    display: block;
    margin: 8% 12% 0;
}
.pagetop {
    display: block;
    margin: 0 5.3% -26% auto;
    position: relative;
    width: 28%;
}
.pagetop_arrow {
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 30%;
}
.pagetop_bg {
    -webkit-animation: pagetop_rotate 25s linear infinite;
    animation: pagetop_rotate 25s linear infinite;
    display: block;
}
@-webkit-keyframes pagetop_rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@keyframes pagetop_rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
.footer {
    padding: 1.4% 0 20%;
}
.footer_link li {
    margin-top: 6.4%;
    text-align: center;
}
.footer_link a {
    color: #643a04;
    font-family:
        Noto Sans JP,
        sans-serif;
    font-weight: 400;
    letter-spacing: -0.04em;
    text-decoration: none;
}
.footer_logo {
    margin: 10.6% auto 6%;
    width: 44%;
}
.footer_copy {
    margin: auto;
    width: 74%;
}
.more_btn {
    background: #008e73;
    border-radius: 100px;
    -webkit-box-shadow: 0 10px 10px rgba(239, 130, 29, 0.7);
    box-shadow: 0 10px 10px rgba(239, 130, 29, 0.7);
    display: block;
    padding: 5.6% 0;
    position: relative;
    -webkit-transition:
        background 0.2s ease 0s,
        -webkit-transform 0.2s ease 0s,
        -webkit-box-shadow 0.2s ease 0s;
    transition:
        background 0.2s ease 0s,
        -webkit-transform 0.2s ease 0s,
        -webkit-box-shadow 0.2s ease 0s;
    transition:
        transform 0.2s ease 0s,
        box-shadow 0.2s ease 0s,
        background 0.2s ease 0s;
    transition:
        transform 0.2s ease 0s,
        box-shadow 0.2s ease 0s,
        background 0.2s ease 0s,
        -webkit-transform 0.2s ease 0s,
        -webkit-box-shadow 0.2s ease 0s;
    width: 45%;
}
.more_btn img {
    display: block;
    margin: auto;
    width: 34%;
}
.more_btn:after {
    background: url(/kikiyu-go/assets/images/common/btn_arrow.svg) 50% no-repeat;
    background-size: contain;
    content: "";
    display: block;
    padding-top: 10%;
    position: absolute;
    right: 12%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: right 0.2s ease 0s;
    transition: right 0.2s ease 0s;
    width: 12%;
}
@media screen and (min-width: 1160px) {
    .more_btn:hover {
        background: #ef821d;
        -webkit-box-shadow: 0 5px 10px rgba(239, 130, 29, 0.7);
        box-shadow: 0 5px 10px rgba(239, 130, 29, 0.7);
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    .more_btn:hover:after {
        right: 9%;
    }
}
.pc_l {
    left: -828px;
    margin: auto;
    opacity: 0;
    padding: 26px 0 0;
    position: fixed;
    right: 0;
    top: 50px;
    width: 187px;
}
@media screen and (max-width: 1400px) {
    .pc_l {
        left: -75vw;
        width: 13.35vw;
    }
}
.pc_l.js-end {
    opacity: 1;
}
.pc_l_logo {
    display: block;
    margin: 0 auto 30px;
    max-width: 187px;
    width: 100%;
}
@-webkit-keyframes bgFloating {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(6%);
        transform: translateY(6%);
    }
}
@keyframes bgFloating {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(6%);
        transform: translateY(6%);
    }
}
.pc_r {
    left: 0;
    margin: auto;
    opacity: 0;
    padding: 30px 0 0;
    position: fixed;
    right: -934px;
    top: 30px;
    width: 54.66vh;
    z-index: 2;
}
@media screen and (min-height: 750px) {
    .pc_r {
        padding: 72px 0 0;
        width: 410px;
    }
}
@media screen and (max-width: 1400px) {
    .pc_r {
        right: -65%;
    }
}
.pc_r.js-end {
    opacity: 1;
}
.pc_r_campaign_img {
    position: relative;
}
.pc_r_campaign_img_star {
    -webkit-animation: star 0.5s linear 1s infinite alternate;
    animation: star 0.5s linear 1s infinite alternate;
    position: absolute;
}
.pc_r_campaign_img_star._01 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    left: 0;
    top: -1%;
    width: 16.6292%;
}
.pc_r_campaign_img_star._02 {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    right: 2%;
    top: -8%;
    width: 21.15%;
}
.pc_r_campaign_img_star._03 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    right: -4.5%;
    top: 6%;
    width: 16.6292%;
}
.pc_r_campaign_list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pc_r_campaign_list li {
    margin-top: 20px;
}
.pc_r_campaign_list_item {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px rgba(239, 130, 29, 0.7);
    box-shadow: 0 0 10px rgba(239, 130, 29, 0.7);
    display: block;
    margin: auto;
    padding: 5px;
    position: relative;
    width: 130px;
}
.pc_r_campaign_list_item:after {
    background: url(/kikiyu-go/assets/images/top/campaign_arrow.svg) 50% no-repeat;
    background-size: contain;
    border-radius: 50%;
    bottom: -10%;
    -webkit-box-shadow: 0 10px 10px rgba(239, 130, 29, 0.7);
    box-shadow: 0 10px 10px rgba(239, 130, 29, 0.7);
    content: "";
    display: block;
    padding-top: 22%;
    position: absolute;
    right: 0;
    width: 22%;
}
.pc_r_nav_list {
    margin: 0 auto 30px;
    width: 235px;
}
.pc_r_nav_list li {
    background: url(/kikiyu-go/assets/images/top/menu_bg.png) 0 5px no-repeat;
    background-size: 100% auto;
    height: 79px;
    padding: 28px 0 20px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.pc_r_nav_list li:not(:first-child) {
    margin-top: -35px;
}
.pc_r_nav_list li.-active {
    background: url(/kikiyu-go/assets/images/top/menu_bg_current.png) 0 5px no-repeat;
    background-size: 100% auto;
}
.pc_r_nav_list li.-active a {
    opacity: 1;
}
.pc_r_nav_list a {
    color: #906835;
    display: block;
    font-size: 16px;
    font-weight: 700;
    opacity: 0.6;
    padding: 7px 15px 8px 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.pc_r_nav_list a.-active > span {
    opacity: 1;
}
@media screen and (min-width: 1160px) {
    .pc_r_nav_list li:hover {
        background: url(/kikiyu-go/assets/images/top/menu_bg_current.png) 0 5px no-repeat;
        background-size: 100% auto;
    }
    .pc_r_nav_list li:hover a {
        opacity: 1;
    }
    .btn_hover {
        -webkit-transition: opacity 0.2s ease 0s;
        transition: opacity 0.2s ease 0s;
    }
    .btn_hover:hover {
        opacity: 0.8;
    }
}
.fadein {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition:
        opacity 0.5s ease 0s,
        -webkit-transform 0.5s ease 0s;
    transition:
        opacity 0.5s ease 0s,
        -webkit-transform 0.5s ease 0s;
    transition:
        opacity 0.5s ease 0s,
        transform 0.5s ease 0s;
    transition:
        opacity 0.5s ease 0s,
        transform 0.5s ease 0s,
        -webkit-transform 0.5s ease 0s;
}
.fadein.-view {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}