@charset "UTF-8";

/*
/* common設定
/* -------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 { margin-top: initial; margin-bottom: initial; font-size: initial; font-weight: initial; }

article._darkmode { background: #312f32; }

/*
/* section_title
/* -------------------------------------------------- */

/*
/* section_anchor
/* -------------------------------------------------- */

.section_anchor ._button { border-radius: 5px; background-image: linear-gradient(120deg, #debd7c, #8abdcf 75%); background-size: 180% auto; transition: all .3s ease-out; }
.section_anchor ._button:hover,
.section_anchor ._button:focus,
.section_anchor ._button:active { background-position: right center; }
.section_anchor ._button a { padding: 1em; color: #ffffff; text-decoration: none; }

@media screen and (min-width: 700px) {
.section_anchor { padding-top: 60px; }
}

@media screen and (max-width: 699px) {
.section_anchor { padding-top: 40px; }
}

/*
/* section_about
/* -------------------------------------------------- */

@media screen and (min-width: 700px) {
.section_about { padding-top: 60px; }
}

@media screen and (max-width: 699px) {
.section_about { padding-top: 40px; }
}

/*
/* section_osakagenscramble
/* -------------------------------------------------- */

@media screen and (min-width: 700px) {
.section_osakagenscramble { padding-top: 60px; }
}

@media screen and (max-width: 699px) {
.section_osakagenscramble { padding-top: 40px; }
}

/*
/* section_detail
/* -------------------------------------------------- */

.section_detail ._table thead th { background-color: #3a3a3a; }
.section_detail ._table thead th:nth-child(even) { background-color: #333333; }
.section_detail ._table tbody tr:nth-child(odd) td:nth-child(odd) { background-color: #3a3a3a; }
.section_detail ._table tbody tr:nth-child(odd) td:nth-child(even) { background-color: #3a3a3a; }
.section_detail ._table tbody tr:nth-child(even) td:nth-child(odd) { background-color: #333333; }
.section_detail ._table tbody tr:nth-child(even) td:nth-child(even) { background-color: #333333; }
.section_detail ._table tbody tr:nth-child(odd) th { background-color: #fcd46d; color:#000000; }
.section_detail ._table tbody tr:nth-child(even) th { background-color: #fcd46d; color:#000000; }
.section_detail ._table th,
.section_detail ._table td { padding: 1em 0.5em; }

@media screen and (min-width: 700px) {
.section_detail { padding-top: 90px; padding-bottom: 90px; }
}

@media screen and (max-width: 699px) {
.section_detail { padding-top: 60px; padding-bottom: 60px; }
.section_detail ._table._collapse_black th,
.section_detail ._table._collapse_black tr,
.section_detail ._table._collapse_black td { border: none; }
}

/*
/* section_publicday
/* -------------------------------------------------- */

.section_publicday { background-color: #fcd46d; }
.section_publicday_event { display: flex; flex-wrap: wrap; width: 100%; }
.section_publicday_event dt { width: 25%; padding: 0.5em; background: #ffffff; }
.section_publicday_event dd { width: calc(75% - 5px); margin-left: 5px; padding: 0.5em; background: #ffffff; }
.section_publicday_event dt:not(:first-of-type),
.section_publicday_event dd:not(:first-of-type) { margin-top: 5px; }

@media screen and (min-width: 700px) {
.section_publicday { padding-top: 90px; padding-bottom: 90px; }
}

@media screen and (max-width: 699px) {
.section_publicday { padding-top: 60px; padding-bottom: 60px; }
}

/*
/* section_sns
/* -------------------------------------------------- */

.section_sns h2 { color: #fcd46d; }

@media screen and (min-width: 700px) {
.section_sns { padding-top: 90px; padding-bottom: 90px; }
}

@media screen and (max-width: 699px) {
.section_sns { padding-top: 60px; padding-bottom: 60px; }
}

/*
/* section_businessday
/* -------------------------------------------------- */

.section_businessday { background-color: #8abdcf; }


@media screen and (min-width: 700px) {
.section_businessday { padding-top: 90px; padding-bottom: 90px; }
}

@media screen and (max-width: 699px) {
.section_businessday { padding-top: 60px; padding-bottom: 60px; }
}

/*
/* section_note
/* -------------------------------------------------- */