@charset "UTF-8";
@import url(//use.fontawesome.com/releases/v5.7.2/css/all.css);
@import url(common.css);
.shareArea {
    margin: 1em 0 3em;
    padding: 1em;
    text-align: center;
}
.shareArea .flex {
    margin-top: 1em;
    justify-content: center;
}
.shareArea a {
    position: relative;
    display: block;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-size: 2.5em;
    border-radius: 1em;
}
.shareArea a[target="_blank"]::after {
    content: none;
}
.shareArea > i span {
    margin-left: .5em;
}
.shareArea li + li {
    margin-left: 1em;
}
.shareArea a.sns-twitter {
    color: white;
    background: #1DA1F2;
}
.shareArea a.sns-facebook {
    color: white;
    background: #1877f2;
}
.shareArea a.sns-line {
    color: white;
    background: #00b900;
}
.shareArea a.sns-line::before {
    position: absolute;
    top: -1px;
    left: 2.15em;
    content: "LINE";
    color: #00b900;
    text-decoration: none;
    font-size: 2.5vw;
    font-weight: bold;
}
article .returnLink {
    display: initial;
}
.image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}
.image figure {
    text-align: right;
}
.image figure .link {
    display: inline-block;
    padding: .5em;
    color: #5C3A00;
}
header a.twitter {
    color: #00acee;
    text-decoration: none;
}
.pager {
    color: white;
    font-weight: bold;
    background: rgb(197, 175, 138);
}
.pager ol {
    justify-content: center;
    align-items: center;
    width: 100%;
}
.pageCtrlBtn {
    display: block;
    height: 4em;
    width: 4em;
    line-height: 4em;
}
.pager a {
    display: block;
    height: 4em;
    width: 4em;
    line-height: 4em;
    color: white;
    text-align: center;
    text-decoration: none;
}
.pager ol li.current {
    width: calc(100% - 8em);
}
.pager label {
    display: block;
    width: 100%;
    line-height: 4em;
    text-align: center;
}
.pagination ol {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - .4em);
    margin: 2em .2em;
    box-sizing: border-box;
}
.pagination li {
    margin: .2em;
    width: calc(100% / 7);
}
.pagination li.current a {
    color: white;
    background: #5C3A00;
}
.pagination a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em;
    height: 3em;
    line-height: 1em;
    color: #5C3A00;
    font-size: 1.2em;
    text-decoration: none;
    background: white;
    border: 1px solid;
    border-radius: 3px;
}
.titleLv1 {
    position: relative;
    padding-top: 1em;
    padding: 1.5em 0 .5em;
    font-size: 1.4em;
}
.titleLv1 .title {
    line-height: 3em;
}
.titleLv1 dd {
    font-weight: normal;
}
.titleLv1 .date {
    position: absolute;
    top: 0;
    right: 0;
    line-height: .8em;
}
.titleLv1 .date span {
    font-size: .6em;
}
.titleLv1 .tags {
    position: absolute;
    top: 0;
    left: 0;
    line-height: .8em;
}
.titleLv1 .tags span {
    font-size: .6em;
}

.titleLv3 {
    line-height: 3em;
}
.titleLv3 select {
    display: flex;
    align-items: center;
    font-size: .8em;
    font-weight: normal;
}
.titleLv3 .select::after {
    top: -.25em;
    font-size: .8em;
}
#shortcutLink {
    position: relative;
    padding-top: 3em;
}
#shortcutLink .inner {
    position: relative;
}
#shortcutLink .inner::before {
    position: absolute;
    top: -9vw;
    content: "";
    display: block;
    width: 25vw;
    height: 10vw;
    background-image: url(../images/korotipban.png);
    background-size: contain;
}
#shortcutLink ul {
    display: flex;
    margin: 0 auto;
    width: calc(100% - 1px);
    border-left: 1px solid rosybrown;
}
#shortcutLink li {
    width: calc(100% / 3);
    text-align: center;
    border: 1px solid rosybrown;
    border-left: none;
}

#shortcutLink li a {
    display: inline-block;
    width: 100%;
    line-height: 3em;
    color: #5C3A00;
    text-decoration: none;
    font-weight: bold;
    background-color: white;
    box-sizing: border-box;
}
#shortcutLink .entry {
    position: absolute;
    top: 0.0em;
    right: .5em;
}
#shortcutLink .entry a {
    color: #5C3A00;
    text-decoration: none;
}
#shortcutLink .entry span {
    font-size: 0.8em;
    line-height: 1.2em;
    text-decoration: underline;
}
#shortcutLink li.about span {
    font-size: .8em;
    line-height: 1.2em;
}
#shortcutLink li.access span {
    font-size: .8em;
    line-height: 1.2em;
}
#shortcutLink li.map span {
    font-size: .8em;
    line-height: 1.2em;
}

#searchFreeWord .form.select {
    width: 8em;
    max-width: 20vw;
}
#searchFreeWord .form.inputText {
    width: 100%;
}
#searchFreeWord .form.inputText input {
    width: 100%;
}
#searchFreeWord .form.btn {
    width: 4em;
    max-width: 12vw;
}
#searchFreeWord .form.btn * {
    width: 100%;
}

.returnLink {
    margin-top: 1em;
    width: 100%;
    background: white;
}
.returnLink .inner {
    padding: .25em;
    width: 100%;
    background: rgb(255, 247, 238);
    border-top: 1px solid rgb(255, 230, 200);
    border-bottom: 1px solid white;
    box-sizing: border-box;
}
.returnLink a {
    display: inline-block;
    padding: .75em;
    color: #5C3A00;
    font-size: .8em;
    text-decoration: none;
}
.returnLink i {
    margin-right: .25em;
}
header .flex.eventTag {
    justify-content: initial;
}
header .flex.eventTag a {
    text-decoration: none;
}

#searchAnnounce {
    position: relative;
    margin-top: 1em;
    padding: .5em;
    /* border-bottom: 1px solid rgba(92, 58, 0,.2); */
    background: rgb(255, 247, 238);
    border-top: 1px solid rgb(255, 230, 200);
    border-bottom: 1px solid white;
}
#searchAnnounce > .flex {
    justify-content: space-between;
    margin-left: 2.5em;
    padding: .2em .2em .2em 1.25em;
    background: white;
    border: 1px solid #5C3A00;
    border-radius: 1em;
}
#searchAnnounce > .flex::before {
    position: absolute;
    left: 0em;
    bottom: -.5em;
    content: "";
    width: 4em;
    height: 5em;
    background-image: url(../images/coin.png);
    background-size: contain;
}
#searchAnnounce p {
    display: flex;
    flex-wrap: wrap;
    width: 22em;
}
#searchAnnounce b {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 22em;
}
#searchAnnounce i {
    font-style: normal;
}
#searchAnnounce i + i::before {
    content: "、";
}
#searchAnnounce .btn.close {
    display: flex;
    align-items: center;
}
#searchAnnounce .btn.close a {
    display: block;
    padding: .5em;
    color: #5C3A00;
}

#changeDispResults {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1em;
}
#changeDispResults span {
    margin: 0 .5em;
}

.filterList {
    padding: 0 .5em;
}
.filterList .filterItem {
    padding: .5em 0;
}
.filterList .title {
    width: 8em;
    line-height: 3em;
    font-weight: normal;
}
.filterList .title span {
    font-size: .8em;
}
.filterList .itemList-child {
    display: inline-block;
    border-bottom: none;
    margin: 1em 1.5em 1em 0;
}
.filterList .itemList-child input[type="checkbox"] {
    margin-right: .5em;
}

.itemList-child {
    position: relative;
    border-bottom: 1px solid #efefef;
}
.filterItem dt.title {
    width: 7em;
}

.filterList .data {
    width: calc(100% - 7em);
}

#filterNum .num {
    width: 6em;
}
#filterNum .num input {
    width: 3em;
}
#filterNum .num::after {
    content: "人";
    margin-left: .5em;
}
#filterNum .chooseOption {
    width: calc(100% - 4em);
}
#filterNum .table {
    width: 100%;
}
#filterNum .radio {
    align-items: center;
}
#filterNum .radio li {
    width: calc(100% / 3);
    line-height: 3em;
}
#filterNum .radio input {
    margin-right: .2em;
}
#filterAge .age input {
    width: 3em;
}
#filterAge .age::after {
    content: "歳以上対象";
    margin-left: .5em;
}

#filterReserveOnly label {
    line-height: 3em;
}
#filterReserveOnly input[type="checkbox"] {
    margin-right: 1em;
}
#gameList .itemList-child {
    padding: 2.5em 0 1em;
}

.gameAbout > .image {
    width: 26.6vw;
    vertical-align: middle;
    background: black;
}
.gameAbout > .image a {
    display: flex;
    align-items: center;
    height: 25vw;
    border: 1px solid black;
    overflow: hidden;
}
.gameAbout > .about {
    position: relative;
    padding: 0 0 0 .5em;
    box-sizing: border-box;
}
.gameAbout > .about a[display="box"] {
    padding: 1.2em 0 3em;
}
.gameAbout > .image + .about a[display="box"] {
    width: 20em;
}


.blogAbout > .image {
    width: 26.6vw;
    vertical-align: middle;
    background: black;
}
.blogAbout > .image a {
    display: table;
}
.blogAbout > .image figure {
    display: table-cell;
    vertical-align: middle;
    border: 2px solid rgba(3, 2, 2, 0.1);
    box-sizing: border-box;
}
.blogAbout > .image img {
    display: block;
    width: 100%;
    height: auto;
}
.blogAbout > .about {
    position: relative;
    padding: 0 0 0 .5em;
    box-sizing: border-box;
}
.blogAbout > .about a[display="box"] {
    padding: 1.2em 0 3em;
    width: 20em;
}

.itemList a[display="box"] {
    position: initial;
    margin: 0;
    width: auto;
}
.itemList ul.tag {
    position: absolute;
}
.itemList ul.eventTag {
    top: -1.65em;
    left: -7.9em;
}
.itemList ul.fliterTag {
    top: 0;
}
.itemList ul.uxTag {
    bottom: 1.8em;
}
.itemList .price {
    position: absolute;
    bottom: 0;
    line-height: .8em;
}
.tag li {
    line-height: .8em;
}
.tag a {
    display: inline-block;
    padding: .1em .5em;
    margin-right: .2em;
    line-height: .8em;
    color: dimgray;
    border: 1px solid #cccccc;
    border-radius: .25em;
}
.tag i {
    margin-left: .5em;
    font-style: normal;
}
.tag span {
    font-size: .8em;
}
.tag .eventEarly a {
    background: #FFEAEA;
    border: 1px solid #FFD7BA;
}
.tag .eventLate a {
    background: #EAEEFF;
    border: 1px solid #BACAFF;
}
.tag .eventSpring a {
    background: #FFEAEA;
    border: 1px solid #FFD7BA;
}
.tag .eventSummer a {
    background: #ddf1de;
    border: 1px solid #c6f3c9;
}
.tag .eventAutumn a {
    background: #fff6e5;
    border: 1px solid #ffe2ae;
}
.tag .eventWinter a {
    background: #EAEEFF;
    border: 1px solid #BACAFF;
}

/* #######################
ページ単位
####################### */

#HOME section .inner {
    margin-top: 1em;
}
section footer {
    padding: 2em 0 2.5em;
    box-sizing: border-box;
}

#information .title {
    width: calc(100% - 6em);
}
section#information .inner {
    margin-top: 0;
    padding: 0;
}
#information ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
#information li {
    display: flex;
}
#information li:nth-child(odd) {
    background: rgba(92, 58, 0,.05);
    border-bottom: 1px solid rgba(92, 58, 0,.025);
}
#information ul a {
    padding: 1.5em;
    width: 100vw;
}
#blogList .inner ~ .tglArea {
    margin-top: 0;
}

/* external css: flickity.css */
#carouselArea * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#carouselArea {
    padding: 1em 0 2em;
    font-family: sans-serif;
}

.carousel {
    background: transparent;
}

.carousel-cell {
    width: 65vw;
    height: 65vw;
    margin-right: 1em;
    background: black;
    counter-increment: carousel-cell;
}
.carousel-cell img {
    display: block;
    width: 65vw;
    height: auto;
    object-fit: contain;
}

/* cell number */
.carousel-cell:before {
    display: block;
    text-align: center;
    /* content: counter(carousel-cell); */
    line-height: 65vw;
    font-size: 10vw;
    color: white;
}

#galleryArea .hes-gallery {
    display: flex;
    flex-wrap: wrap;
    width: 100vw;
}
#galleryArea img {
    width: calc(100vw / 3);
    height: auto;
}
.textContents + .textContents {
    margin-top: 1em;
}

#INFO section {
    background: transparent;
}
#INFO section header {
    background: white;
}
#INFO section .select {
    margin: .5em;
}
#INFO section .container {
    background: white;
}

#BOOTH.list .itemList ul.tag {
    position: initial;
}
#searchFilter .select {
    margin: .5em;
    background: transparent;
}
#searchFilter .select .flex {
    align-items: center;
}
#searchFilter .select dt {
    width: 10em;
}
#searchFilter .select dd {
    width: 100%;
    background: white;
}

#gameSearch #searchFreeWord {
    margin: 1em 0;
}
#gameSearch #searchFreeWord dd {
    margin-top: .5em;
}

#BOOTH.blogs #boothDetail > header {
    border: none;
}

#BOOTH.games #boothDetail > header {
    border: none;
}
#BOOTH.games .itemList ul.tag {
    position: absolute;
}

label[for="TAB_HISTORY"] .icon {
    font-size: 80%;
}
label[for="TAB_HISTORY"] .icon::before {
    font-family: FontAwesome;
    content: "\f1da";
    margin-right: .5em;

}
/* .returnLink .icon::before, */
.prevLink .icon::before {
    font-family: FontAwesome;
    content: "\f137";
    margin-right: .5em;
    font-weight: 400;
}
.nextLink .icon::after {
    font-family: FontAwesome;
    content: "\f138";
    margin-left: .5em;
    font-weight: 400;
}

#boothDetail {
    padding-bottom: 1em;
}
#boothDetail header {
    padding: .5em;
}

#HOLDINGS input[name="tabCtrlHolding"] {
    display: none;
}
#HOLDINGS input[name="tabCtrlHolding"] ~ .tabCtrlHolding {
    border: 2px solid #efefef;
}
#HOLDINGS input[name="tabCtrlHolding"] ~ .tabCtrlHolding header {
    background: #efefef;
}
#HOLDINGS .tabCtrlHolding {
    display: none;
    margin-top: 0;
}
#HOLDINGS .tabCtrlHolding header {
    border-bottom: none;
}
#HOLDINGS .tabCtrlHolding h3 {
    text-align: center;
}
#HOLDINGS .tabCtrlHolding h4 {
    text-align: center;
}
.tabCtrlHolding .inner {
    padding: 0;
}
.tabCtrlHolding table {
    width: 100%;
}
.tabCtrlHolding tr:nth-child(even) {
    background: #efefef;
}
.tabCtrlHolding th {
    padding: 1em 0;
    width: 6em;
    font-size: .8em;
}
.tabCtrlHolding td {
    padding: 1em .5em;
}
.tabCtrlHolding h3 {
    line-height: 4em;
}
.tabCtrlHolding h4 {
    line-height: 4em;
    background: #efefef;
}
#HOLDINGS #pageAbout header {
    padding: 0 .5em;
}
#HOLDINGS #pageAbout .inner {
    padding: .5em;
}
#HOLDINGS #pageAbout h1 {
    padding: 1em 0;
}
#HOLDINGS #pageAbout h4 {
    padding: 1em 0;
    font-size: 1.2em;
}
#HOLDINGS #pageAbout .contents {
    padding-bottom: 1em;
}
#HOLDINGS #pageAbout .contents .inner {
    line-height: 1.8;
}
#HOLDINGS #pageAbout .contents .inner p {
}
#HOLDINGS #pageAbout .contents .inner p + p {
    margin-top: .75em;
}
#HOLDINGS #TAB_WINTER:checked ~ .event-winter {
    display: block;
}
#HOLDINGS #TAB_SPRING:checked ~ .event-spring {
    display: block;
}
#HOLDINGS #TAB_SUMMER:checked ~ .event-summer {
    display: block;
}
#HOLDINGS #TAB_AUTUMN:checked ~ .event-autumn {
    display: block;
}
#HOLDINGS #TAB_HISTORY:checked ~ .event-history {
    display: block;
}
#HOLDINGS #TAB_ARCHIVE:checked ~ .event-archive {
    display: block;
}
.textAlert {
    color: indianred;
}
.textAlert.alertLv2 {
    margin: .25em;
    padding: 1em;
    background: rgba(205, 92, 92, .05);
    border: 2px solid;
    border-radius: 3px;
}
.textAbout.attentionLv2 {
    margin: .25em;
    padding: 1em;
    color: #5C3A00;
    background: #F5F0E9;
    border: 2px solid #C2AC88;
    border-radius: 3px;
}
.tabWrap {
    margin-top: 1em;
}
.tabWrap .flex {
    align-items: center;
    justify-content: flex-end;
}
.tabWrap .returnLink {
    display: inline-block;
    margin: 0 .5em .5em;
    width: auto;
    color: #5C3A00;
    background: transparent;
}
#HOLDINGS.archive .tabWrap .flex li:first-child {
    width: calc(100% / 3 * 2);
}
.tab {
    width: calc(100vw / 3 - 1px);
}
.tab + .tab {
    margin-left: 2px;
}
.tab label{
    display: block;
    width: 100%;
    min-width: 7em;
    padding-top: 2px;
    line-height: calc(4em - 2px);
    color: #5C3A00;
    font-weight: bold;
    text-align: center;
    background: gray;
    border-radius: 3px 3px 0 0;
    box-sizing: border-box;
}
.tab.event-winter label {
    background: #EAEEFF;
}
.tab.event-spring label {
    background: #FFEAEA;
}
.tab.event-summer label {
    background: #c6f3c9;
}
.tab.event-autumn label {
    background: #ffe2ae;
}
.tab.event-history label {
    background: #F5F0E9;
}

a[target="_blank"]::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f35d";
    margin-left: .5em;
}
.tabCtrlHolding a[target="_blank"]::after {
    content: none;
}
.event-date ul {
    padding-left: 1em;
}
.event-date li {
    position: relative;
}
.event-date li::before {
    position: absolute;
    top: 0;
    left: -1.25em;
    content: "・";
}
.event-date li + li {
    margin-top: .5em;
}
.event-access a {
    display: inline-block;
    margin: 1em 0;
}
.event-access li + li {
    margin-top: .5em;
}
.event-price .textAlert {
    margin-top: 1em;
}
.event-price .textAlert p + p {
    margin-top: .5em;
}
.event-supplement .inner {
    padding: 1em;
}
.event-supplement ul {
    padding-left: 1em;
}
.event-supplement li {
    position: relative;
}
.event-supplement li::before {
    position: absolute;
    top: 0;
    left: -1.25em;
    content: "・";
}
.event-supplement li + li {
    margin-top: 1em;
}
.event-announce h4 {
    font-size: 1.2em;
}
.event-announce h4::before {
    font-family: FontAwesome;
    content: "\f071";
    margin-right: .25em;
}
.event-announce h5 {
    padding: .5em;
    font-size: 1.2em;
}
.event-announce .inner {
    padding: .5em;
    font-size: 1em;
    line-height: 1.8;
}
.event-detail img {
    width: 100%;
    height: auto;
}
#HOLDINGS.maps .event-detail {
    padding: 1em 1em 2em;
}


.scaleChange {
    position: relative;
    padding: 2em 0em;
}
.scaleCtrl {
    position: absolute;
    right: 0;
    top: 5px;
    display: flex;
    align-items: center;
    background: rgba(3, 2, 2, 0.1);
}
.scaleCtrl::before {
    font-family: FontAwesome;
    content: "\f00e";
    display: block;
    padding: 0 .25em;
    width: 1.5em;
    line-height: 1.5em;
    color: black;
    text-align: center;
}
.scaleCtrl label {
    margin: 1px;
    padding: .25em;
    color: white;
    background: black;
}
.scaleChange .inner {
    overflow: scroll;
    border: 3px solid black;
}
#scale1:checked ~  section .scaleChange .inner {
    height: 55vw;
}
#scale1:checked ~  section .scaleChange .inner img {
    width: 100%;
    height: auto;
}
#scale1:checked ~  section .scaleChange .inner label[for="scale1"] {
    opacity: .5;
}
#scale2:checked ~  section .scaleChange .inner {
    height: 55vw;
}
#scale2:checked ~  section .scaleChange .inner img {
    width: 200%;
    height: auto;
}
#scale2:checked ~  section .scaleChange .inner label[for="scale2"] {
    opacity: .5;
}
#scale3:checked ~  section .scaleChange .inner {
    height: 55vw;
}
#scale3:checked ~  section .scaleChange .inner img {
    width: 300%;
    height: auto;
}
#scale3:checked ~  section .scaleChange .inner label[for="scale3"] {
    opacity: .5;
}
#scale5:checked ~  section .scaleChange .inner {
    height: 55vw;
}
#scale5:checked ~  section .scaleChange .inner img {
    width: 500%;
    height: auto;
}
#scale5:checked ~  section .scaleChange .inner label[for="scale5"] {
    opacity: .5;
}
#scale10:checked ~ section .scaleChange .inner {
    height: 55vw;
}
#scale10:checked ~ section .scaleChange .inner img {
    width: 1000%;
    height: auto;
}
#scale10:checked ~ section .scaleChange .inner label[for="scale10"] {
    opacity: .5;
}
input[name="scale"] {
    display: none;
}

#HOLDINGS #TAB_WINTER:checked ~ .tabWrap .tab.event-winter label {
    color: white;
    background: #BACAFE;
}
#HOLDINGS #TAB_WINTER:checked ~ .event-winter {
    border: 3px solid #BACAFE;
}
#HOLDINGS #TAB_WINTER:checked ~ .event-winter header {
    background: #EAEEFF;
}
#HOLDINGS #TAB_WINTER:checked ~ .event-winter tr:nth-child(even) {
    background: rgba(234, 238, 255, .5);
}

#HOLDINGS #TAB_SPRING:checked ~ .tabWrap .tab.event-spring label {
    color: white;
    background: rgb(242, 186, 210);
}
#HOLDINGS #TAB_SPRING:checked ~ .event-spring {
    border: 3px solid rgb(242, 186, 210);
}
#HOLDINGS #TAB_SPRING:checked ~ .event-spring header {
    background: rgba(242, 186, 210, .5);
}
#HOLDINGS #TAB_SPRING:checked ~ .event-spring tr:nth-child(even) {
    background: rgba(255, 234, 234, .5);
}

#HOLDINGS #TAB_SUMMER:checked ~ .tabWrap .tab.event-summer label {
    color: white;
    background: rgb(151, 216, 156);
}
#HOLDINGS #TAB_SUMMER:checked ~ .event-summer {
    border: 3px solid rgb(151, 216, 156);
}
#HOLDINGS #TAB_SUMMER:checked ~ .event-summer header {
    background: rgba(151, 216, 156, .5);
}
#HOLDINGS #TAB_SUMMER:checked ~ .event-summer tr:nth-child(even) {
    background: rgba(151, 216, 156, .25);
}

#HOLDINGS #TAB_AUTUMN:checked ~ .tabWrap .tab.event-autumn label {
    color: white;
    background: rgb(247, 185, 47);
}
#HOLDINGS #TAB_AUTUMN:checked ~ .event-autumn {
    border: 3px solid rgb(247, 185, 47);
}
#HOLDINGS #TAB_AUTUMN:checked ~ .event-autumn header {
    background: rgba(247, 185, 47, .5);
}
#HOLDINGS #TAB_AUTUMN:checked ~ .event-autumn tr:nth-child(even) {
    background: rgba(247, 185, 47, .25);
}

#HOLDINGS #TAB_HISTORY:checked ~ .tabWrap .tab.event-history label {
    color: white;
    background: #C2AC88;
}
#HOLDINGS #TAB_HISTORY:checked ~ .event-history {
    border: 3px solid rgb(197, 175, 138);
}
#HOLDINGS #TAB_HISTORY:checked ~ .event-history header {
    background: rgba(197, 175, 138, .5);
}
#HOLDINGS #TAB_HISTORY:checked ~ .event-history tr:nth-child(even) {
    background: rgba(197, 175, 138, .25);
}
#HOLDINGS .event-history .inner .flex {
    padding: .5em;
    flex-wrap: wrap;
}
#HOLDINGS .event-history .inner .flex li {
    width: calc(100% / 3);
}
#HOLDINGS .event-history .inner .flex li a {
    display: inline-block;
    width: calc(100% - 8px);
    margin: 4px;
    line-height: 4em;
    color: #5C3A00;
    text-align: center;
    text-decoration: none;
    border: 1px solid rgba(92, 58, 0,.5);
    box-sizing: border-box;
}
#HOLDINGS .event-history .inner .flex li:nth-child(even) a {
    background: rgba(92, 58, 0,.1);
    background: #FFFBF6;
}

#HOLDINGS #TAB_ARCHIVE:checked ~ .tabWrap .tab.event-archive label {
    color: white;
    background: #C2AC88;
}
#HOLDINGS #TAB_ARCHIVE:checked ~ .event-archive {
    border: 3px solid rgb(197, 175, 138);
}
#HOLDINGS #TAB_ARCHIVE:checked ~ .event-archive header {
    background: rgba(197, 175, 138, .5);
}
#HOLDINGS #TAB_ARCHIVE:checked ~ .event-archive tr:nth-child(even) {
    background: rgba(197, 175, 138, .25);
}
#HOLDINGS .event-archive .inner .flex {
    padding: .5em;
    flex-wrap: wrap;
}
#HOLDINGS .event-archive .inner .flex li {
    width: calc(100% / 3);
}
#HOLDINGS .event-archive .inner .flex li a {
    display: inline-block;
    width: calc(100% - 8px);
    margin: 4px;
    line-height: 4em;
    color: #5C3A00;
    text-align: center;
    text-decoration: none;
    border: 1px solid rgba(92, 58, 0,.5);
    box-sizing: border-box;
}
#HOLDINGS .event-archive .inner .flex li:nth-child(even) a {
    background: rgba(92, 58, 0,.1);
    background: #FFFBF6;
}
#ABOUT_COMPANY main .inner {
    padding: .5em;
}
#ABOUT_COMPANY table {
    margin: .5em auto;
    border: 3px solid rgba(92, 58, 0, .1);
}
#ABOUT_COMPANY table th {
    padding: 1em .5em;
    width: 6em;
    background: rgba(92, 58, 0, .05);
}
#ABOUT_COMPANY table td {
    padding: 1em .5em;
}
#ABOUT_COMPANY table td li + li {
    margin-top: .5em;
}

#ABOUT_COMPANY table tr:nth-child(even) {
    background: rgba(92, 58, 0, .05);
}

#RULE_DETAIL main .inner {
    padding: 1em;
}
#PRIVACY_POLICY main .inner {
    padding: 1em;
}
.legalTextWrap {
    margin: auto;
    padding: 1em;
    border: 3px solid rgba(92, 58, 0, .05);
}
.legalTextWrap p {
    text-indent: 1em;
    line-height: 2em;
}
.legalTextWrap p + p {
    margin-top: 1em;
}
.legalTextWrap p + ol {
    margin-top: 2em;
}
.legalTextWrap p + ul {
    margin-top: 2em;
}
.legalTextWrap ul + p {
    margin-top: 2em;
}
.legalTextWrap ul > li {
    position: relative;
    padding-left: 1.5em;
}
.legalTextWrap ul > li + li {
    margin-top:  1.5em;
}
.legalTextWrap ul > li::before {
    position: absolute;
    content: "・";
    left: 0;
}
.legalTextWrap ol {
    counter-reset: item;
    list-style-type: none;
    padding-left: 0;
}
.legalTextWrap ol li + li {
    margin-top:  2em;
}
.legalTextWrap dt {
    margin-left: 1.5em;
    font-weight: bold;
}
.legalTextWrap dt + dd {
    margin-top: 1em;
}
.legalTextWrap dd {
    padding-left: 1.5em;
}
.legalTextWrap ol li {
    position: relative;
}
.legalTextWrap ol li::before {
    position: absolute;
    counter-increment: item;
    content: counter(item)'.';
    padding-right: 5px;
}
.legalTextWrap dd ol li {
    padding-left: 2.5em;
}
.legalTextWrap dd ol li::before {
    left: 0em;
    content: '(' counter(item) ')';
}

#FAQ_DETAIL .inner {
    padding: .5em;
}
.faqDetail {
    padding: 1em 2em 3em;
    background: rgb(255, 247, 238);
}
.faqDetail li {
    display: block;
    padding: 2em 0 0;
}
.faqDetail li + li {
    margin-top: 2em;
    border-top: 5px dotted rgba(92, 58, 0, .2);
}
.faqDetail dl {
    display: flex;
    flex-direction: column;
}
.faqDetail dl p {
    display: inline-block;
    padding: .5em 1.25em;
    line-height: 2em;
    background: white;
    border: 1px solid #5C3A00;
}
.faqDetail dt {
    position: relative;
    margin-right: 2em;
}
.faqDetail dt::before {
    position: absolute;
    left: -1.75em;
    bottom: -1.25em;
    content: "Q";
    display: block;
    width: 2em;
    height: 2em;
    color: white;
    line-height: 2em;
    text-align: center;
    background: #5C3A00;
    border-radius: 50px;
}
.faqDetail dt p {
    border-radius: 15px 15px 15px 0;
}
.faqDetail dd {
    display: flex;
    flex-direction: column;
    margin-top: 1em;
    margin-left: 2em;
}
.faqDetail dd p {
    position: relative;
    border-radius: 15px 15px 0 15px;
}
.faqDetail dd p::after {
    position: absolute;
    right: -1.5em;
    bottom: -.5em;
    content: "";
    display: block;
    width: 3em;
    height: 3.25em;
    background-image: url(../images/coin.png);
    background-size: cover;
    background-position: center center;
    transform: scale(-1, 1);
}
.faqDetail dd p:first-child::after {
    height: 3.5em;
    background-image: url(../images/dice.png);
}
.faqDetail dd p:last-child::after {
    right: -1.5em;
    width: 3.5em;
    background-image: url(../images/board.png);
}
.faqDetail dd p.coro::after {
    width: 3em;
    height: 3.5em;
    background-image: url(../images/dice.png);
}
.faqDetail dd p.chip::after {
    right: -1.5em;
    bottom: -.5em;
    width: 3em;
    height: 3.25em;
    background-image: url(../images/coin.png);
}
.faqDetail dd p.ban::after {
    right: -1.5em;
    width: 3.5em;
    background-image: url(../images/board.png);
}
.faqDetail dd p + p {
    margin-top: .5em;
}

[type^="boothType-"] .icon {
    position: relative;
    display: inline-block;
    padding-left: 2.25em;
}
[type^="boothType-area"] .icon {
    padding-left: calc(2.25em + .5em);
}
[type^="boothType-"] .icon::before {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    padding: 2px 3px 2px 2px;
    line-height: 1em;
    color: rgba(92, 58, 0, .5);
    font-size: .6em;
    border: 1px solid;
    border-radius: 3px;
}
[type="boothType-special"] .icon::before {
    content: "特別";
}
[type="boothType-area"] .icon::before {
    content: "エリア";
}
[type="boothType-company"] .icon::before {
    content: "企業";
}
[type="boothType-default"] .icon::before {
    content: "一般";
}
[type="boothType-used"] .icon::before {
    content: "中古";
}

#slideshowTgl-OFF:checked ~ .wrap #imageList label[for="slideshowTgl-ON"] {
    position: absolute;
    top: 0;
    display: block;
    margin: 0;
    width: 100%;
    height: 60vw;
    background: transparent;
    border: none;
}
#slideshowTgl-OFF:checked ~ .wrap #imageList label[for="slideshowTgl-OFF"] {
    display: none;
}
#slideshowTgl-OFF:checked ~ .wrap #imageList {
    position: relative;
    background-color: #111111;
    background-size: cover;
    background-position: center center;
    box-shadow: 0px 2px 5px rgba(92, 58, 0, .25);
}
#slideshowTgl-OFF:checked ~ .wrap #imageList .caption {
    display: none;
}
#slideshowTgl-OFF:checked ~ .wrap #imageList .inner {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    background-color: white;
    border: 2px solid white;
}
#imageList input[type="radio"] {
    display:none;
}
#slideshowTgl-OFF:checked ~ .wrap #imageList[mode="slideshow"] input[type="radio"]:checked + label {
    order: 1;
    display: block;
    width: 100vw;
    height: 60vw;
    background-size: contain;
}
#slideshowTgl-OFF:checked ~ .wrap #imageList label {
    margin: 2px;
    width: calc((100vw - 20px) / 4);
    height: calc((100vw - 50px) / 4);
    background-image: url(../images/noimage.png);
    background-size: cover;
    background-position: center center;
    background-color: #333333;
    border: 1px solid lightslategray;
    opacity: .5;
    order: 2;
}
#slideshowTgl-OFF:checked ~ .wrap #imageList[mode="gallery"] label {
    margin-bottom: 4em;
    width: calc((100vw - 20px) / 3);
    height: calc((100vw - 50px) / 3);
}
#slideshowTgl-OFF:checked ~ .wrap #imageList[mode="gallery"] label[for="slideshowTgl-ON"] {
    display: none;
}
#slideshowTgl-OFF:checked ~ .wrap #imageList[mode="gallery"] .caption {
    position: relative;
    top: calc((100vw - 20px) / 3);
    display: block;
    font-size: .8em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#slideshowTgl-OFF:checked ~ .wrap #imageList label[style^="back"] {
    opacity: 1;
}
#slideshowTgl-ON:checked ~ .wrap #commonHeader {
    display: none;
}
#slideshowTgl-ON:checked ~ .wrap #imageList .caption {
    display: none;
}
#slideshowTgl-ON:checked ~ .wrap #imageList label[for="slideshowTgl-OFF"] {
    position: fixed;
    bottom: calc(50% - 60vw);
    display: block;
    width: 100%;
}
#slideshowTgl-ON:checked ~ .wrap #imageList {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100vw;
    height: 100vh;
    background: white;
}
#slideshowTgl-ON:checked ~ .wrap #imageList .inner {
    position: relative;
    top: calc(50vh - 30vw);
    padding: 0;
    background: black;
}
#slideshowTgl-ON:checked ~ .wrap #imageList input[type="radio"] + label::before {
    content: "";
    position: absolute;
    top: calc(50% - 4.5em);
    left: -.5em;
    width: 3em;
    height: 4em;
    background-image: url(../images/coin.png)!important;
    background-size: contain;
    z-index: 4;
}
#slideshowTgl-ON:checked ~ .wrap #imageList input[type="radio"]:checked + label::before {
    content: none;
}
#slideshowTgl-ON:checked ~ .wrap #imageList input[type="radio"]:checked + label + input + label::before {
    right: -.25em;
    left: inherit;
    background-image: url(../images/dice.png)!important;
}
#slideshowTgl-ON:checked ~ .wrap #imageList input[type="radio"] + label::after {
    font-family: fontawesome;
    content: "\f0d9";
    position: absolute;
    top: calc(50% - 1em);
    display: block;
    width: 2em;
    height: calc(2em - .5em);
    line-height: calc(2em - .5em);
    text-align: center;
    color: black;
    background: white;
    border-left: 5px solid;
    z-index: 4;
}
#slideshowTgl-ON:checked ~ .wrap #imageList input[type="radio"]:checked + label {
    position: relative;
    display: block;
    width: 100vw;
    height: 60vw;
    background-image: inherit;
    background-size: contain;
    background-position: center center;
    z-index: 3;
}
#slideshowTgl-ON:checked ~ .wrap #imageList input[type="radio"]:checked + label .caption {
    display: block;
    position: absolute;
    top: calc(60vw + .5em);
    left: .5em;
}
#slideshowTgl-ON:checked ~ .wrap #imageList input[type="radio"]:checked + label::after {
    content: none;
}
#slideshowTgl-ON:checked ~ .wrap #imageList input[type="radio"]:checked + label + input + label {
    right: 0;
}
#slideshowTgl-ON:checked ~ .wrap #imageList input[type="radio"]:checked + label + input + label::after {
    content: "\f0da";
    right: 0;
    padding-left: .15em;
    border-left: none;
    border-right: 5px solid;
}
#slideshowTgl-ON:checked ~ .wrap #imageList input[type="radio"]:checked + label + input + label ~ label {
    display: none;
}

#BOOTHGAME article > header {
    padding: .5em;
    background: white;
    border-bottom: 1px solid #cccccc;
}
#gameDetail {
    margin-top: 0;
}
#gameDetail header {
    padding: .5em;
}
#gameDetail header .inner {
    padding: 0;
}
#gameDetail header .tag a {
    text-decoration: none;
}
#gameDetail header .tag.fliterTag {
    margin-top: .5em;
}
#gameDetail header h1 {
    padding: .5em 0;
}
#gameDetail header .about {
    margin-top: .5em;
    padding: 1em 0;
    border-top: 1px solid #efefef;
}
#gameDetail header .uxTag {
    margin-top: .5em;
}
#gameDetail header .flex {
    justify-content: initial;
}
#gameDetail .price {
    text-align: right;
    font-weight: bold;
}
#gameDetail th.price {
    text-align: left;
}
section#gameDetail[archive-type="blog"] li.prev a span,
section#gameDetail[archive-type="blog"] li.next a span {
    width: 7em;
}
section#gameDetail[archive-type="blog"] .container .inner h2 {
    font-size: 1em;
    /* border: none; */
}
section#gameDetail[archive-type="blog"] .container .inner table th {
    font-size: .8em;
}
#gameDetail .inner header {
    padding: 0;
}
#gameDetail header + footer {
    background: transparent;
}
#gameDetail header + footer {
    background: transparent;
}
#gameDetail header + footer + #imageList {
    margin-top: 1em;
}
#gameDetail footer .btnLink {
    text-align: center;
}
#gameDetail footer .btnLink label {
    width: calc(100% - 5em);
    min-width: max-content;
    font-size: 1.2em;
    font-weight: bold;
}
.gameStatusDetail tr {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.gameStatusDetail th {
    display: flex;
    align-items: center;
    padding-left: .5em;
    width: 30%;
    text-align: left;
    box-sizing: border-box;
}
.gameStatusDetail td {
    width: 70%;
    box-sizing: border-box;
}
.gameStatusDetail th span {
    font-size: .6em;
}
.gameStatusDetail th span::before {
    margin-right: .5em;
    width: 1.75em;
    text-align: center;
}
.searchBoothList .itemList a[display="box"] {
    padding: 0 0 1.5em 0;
}
.searchBoothList .itemList-child dl {
    align-items: center;
    flex-wrap: wrap;
}
.searchBoothList .itemList-child .title {
    order: 3;
    margin-top: 1.75em;
    width: 100%;
}
.searchBoothList .itemList-child .booth-type {
    order: 1;
    /* position: absolute;
    top: 2px;
    left: 0; */
}
.searchBoothList .itemList-child .about {
    order: 4;
}
.searchBoothList .itemList-child .booth-type span {
    display: inline-block;
    padding: 2px 3px;
    line-height: 1em;
    color: white;
    background-color: #5C3A00;
    border: 1px solid #5C3A00;
}
.searchBoothList .itemList-child .booth-num {
    order: 2;
    margin-left: 2px;
    /* position: absolute;
    top: 0;
    right: 0; */
}
.searchBoothList .itemList-child .booth-num span {
    display: inline-block;
    padding: 2px 3px;
    line-height: 1em;
    border: 1px solid #cccccc;
}

.readAllArcive {
    margin: auto;
    text-align: right;
}
.readAllArcive a {
    display: inline-block;
    padding: .25em;
    color: #5C3A00;
    text-decoration: none;
}
.readAllArcive a span {
    font-size: 0.8em;
    line-height: 1.2em;
    text-decoration: underline;
}

#AWARD article {
    margin-bottom: 5em;
}
#AWARD article section {
    background: transparent;
    box-shadow: none;
}
#AWARD section header {
    border-bottom: none;
}
#AWARD .default h3 {
    margin-bottom: 1em;
    line-height: 2.5;
    color: white;
    text-align: center;
    font-size: 1.3em;
    background: #5C3A00;
}
#AWARD .default h4 {
    line-height: 2.5;
    font-size: 1.2em;
}
#AWARD .default {
    margin: 0 .5em;
}
#AWARD .default .txt {
    padding: .5em;
}
#AWARD .default .txt p + p {
    margin-top: 1em;
}
#AWARD footer {
    margin-top: 2em;
}
#AWARD footer .btnLink {
    text-align: center;
}
#AWARD footer .btnLink a {
    width: calc(100% - 5em);
    font-size: 1.2em;
    font-weight: bold;
}

#mainVisual {
    background: linear-gradient(45deg, rgba(92, 58, 0,.1) 25%, transparent 25%, transparent 75%, rgba(92, 58, 0,.1) 75%), linear-gradient(45deg, rgba(92, 58, 0,.1) 25%, transparent 25%, transparent 75%, rgba(92, 58, 0,.1) 75%);
    background-size: 40px 40px;
    background-position: 0 0, 20px 20px;
}
#mainVisual > .inner {
    padding: 3em 0;
    border: 5px double;
}
#mainVisual figure.flex {
    flex-wrap: wrap;
}
#mainVisual figure.flex div {
    margin: auto;
}
#mainVisual figure img {
    margin: auto;
    width: 50vw;
}
#mainVisual figure figcaption {
    display: block;
    width: 100%;
    text-align: center;
    font-size: .85em;
}

#countDown {
    text-align: center;
}
#countDown .num {
    font-size: 2em;
}
.innerLink li + li {
    margin-top: 1em;
}
.innerLink a {
    display: block;
    margin: auto;
    padding: 1em 0;
    width: calc(100% - 1em);
    color: #5C3A00;
    font-size: 1.4em;
    font-weight: bold;
    text-decoration: none;
    border: 3px solid;
}
.pageLinkTgt {
    display: block;
    padding-bottom: 5em;
}

.btnCTA-reserved {
    position: relative;
    left: calc(100% - 8em);
    display: inline-block;
    padding: .5em 2em;
    margin: .5em 0 1em;
    color: white;
    font-weight: bold;
    background: #cc0000;
    border-bottom: 3px solid #880000;
    border-radius: 2px;
    box-sizing: border-box;
}
[class^="btnCTA-buy"]>* {
    position: relative;
    left: calc(100% - 13.5em);
    display: inline-block;
    padding: .5em 2em;
    margin: 0 0 1em;
    max-width: 14em;
    line-height: 2em;
    color: white;
    text-decoration: none;
    font-weight: bold;
    background: #F83929;
    border-bottom: 3px solid #a7271b;
    border-radius: 2px;
    box-sizing: border-box;
}
[class^="btnCTA-buy"]>a {
    left: calc(100% - 13.25em);
}
.btnCTA-buyEC>*::after {
    position: absolute;
    right: 0;
    bottom: -1.8em;
    content: "※ゲムマECに移動します";
    color: darkred;
    font-weight: normal;
}
.btnCTA-buyEC + .btnCTA-reserved {
    margin-top: 1em;
}
.price + .btnCTA-buyEC {
    margin-top: 1em;
}

@media (max-width: 360px) {
    #shortcutLink li {
        width: calc(100% / 2);
    }
}
@media (max-width: 768px) {
    #shortcutLink ul {
        flex-wrap: wrap;
    }
    #shortcutLink li:nth-child(n+4) {
        border-top: none;
    }
}
/* PC版スタイル */
@media (min-width: 769px) {
    .faqDetail {
        margin: auto;
        width: 800px;
        padding: 1em 3em 3em;
    }
    #shortcutLink .inner::before {
        top: -40px;
        width: 95px;
        height: 40px;
    }
    .shareArea a.sns-line::before {
        font-size: .3em;
    }
    label {
        cursor: pointer;
    }
    .returnLink {
        display: none;
    }
    article .returnLink {
        display: block;
        margin: 1em auto;
        padding: .25em;
        width: 100%;
        background: rgb(255, 247, 238);
        border-top: 1px solid rgb(255, 230, 200);
        border-bottom: 1px solid white;
        box-sizing: border-box;
    }
    article .returnLink .inner {
        margin: auto;
        padding: 0;
        width: 1000px;
        background: transparent;
        border: none;
    }
    .pagination {
        margin: 0 auto;
        width: 1000px;
    }
    .pagination ol {
        justify-content: center;
    }
    .pagination li {
        width: 3.8em;
    }
    .pagination a:hover {
        color: white;
        background: #5C3A00;
    }

    section > header .titleLv1 {
        margin: 0 auto;
        width: 1000px;
    }
    .titleLv3 span {
        font-size: 1.2em;
    }
    .titleLv4 {
        margin: auto;
        padding: 1em 0;
        width: 960px;
    }
    .textContents + .textContents {
        margin: 0;
    }
    #commonHeader.fixed {
        min-width: 1020px;
    }
    #commonHeader .flex {
        margin: 0 auto;
        max-width: 1000px;
    }
    #commonHeader .inner {
        margin: 0 auto;
        width: 100vw;
        min-width: 1020px;
    }
    #commonHeader .siteLogo {
        padding: .25em;
        width: auto;
    }
    #AWARD section header {
        background: transparent;
    }
    #AWARD section .container {
        background: transparent;
    }
    #mainVisual .inner {
        border: none;
    }
    #mainVisual figure img {
        width: 330px;
    }
    #AWARD footer .btnLink a {
        width: 350px;
    }
    #mainVisual > .inner {
        padding: 3em 0 4em;
    }
    #countDown .innerLink {
        margin: auto;
        width: 600px;
    }

    .readAllArcive {
        width: 1000px;
    }
    #AWARD .default {
        margin: auto;
        width: 1000px;
    }
    #AWARD .default .txt {
        padding: 2em;
    }
    #AWARD .default h4 {
        padding: 0 1em;
    }

    #searchAnnounce {
        padding-top: 1.5em;
        padding-left: 3em;
    }
    #searchAnnounce > .flex {
        position: relative;
        top: -.5em;
        margin: 0 auto;
        width: 900px;
    }
    #searchAnnounce > .flex::before {
        left: -3em;
        bottom: -1.5em;
    }
    #searchAnnounce p {
        align-items: center;
        width: 100%;
    }
    #searchAnnounce b {
        margin-right: 1em;
        max-width: 40em;
    }

    #commonFooter {
        margin-top: 150px;
    }
    #commonFooter .container {
        margin: 0 auto;
        width: 1000px;
    }
    #commonFooter::after {
        min-width: 1000px;
        background-image: url(../images/footer-img_top-full.png);
        background-size: contain;
        background-position: bottom;
    }

    #searchFreeWord {
        display: flex;
        margin: 20px auto 0;
        width: 1000px;
    }
    #searchFreeWord h3 {
        width: 250px;
    }
    #searchFreeWord .contents {
        width: 750px;
    }
    #searchFreeWord .inner {
        margin: 0 .5em 0 0;
    }
    #shortcutLink {
        margin: 0 auto;
        width: 1000px;
    }
    #shortcutLink ul {
        margin: 0 auto;
        width: 1000px;
        /* border: 1px solid rgba(0,0,0,.2); */
    }
    #shortcutLink li {
        padding: 0;
        width: calc(100% / 6);
    }
    #shortcutLink li a {
        border-radius: 0;
    }

    .carousel-cell {
        width: 25vw;
        min-width: 300px;
        max-width: 400px;
        height: 25vw;
        min-height: 300px;
        max-height: 400px;
    }
    .carousel-cell img {
        width: 25vw;
        min-width: 300px;
        max-width: 400px;
    }
    .btnLink > * {
        margin: 0 auto;
        width: 300px;
    }
    .btnTgl > * {
        border-radius: 3px;
    }
    .tglCtrl:checked ~ .btnTgl label {
        border: 1px solid rgba(92, 58, 0,.1);
        border-top: none;
        border-bottom: none;
        border-radius: 0;
    }

    /* #gameList  */
    #gameList .itemList {
        display: flex;
        flex-wrap: wrap;
        align-self: stretch;
    }
    #gameList .itemList-child {
        /* margin: .5em; */
        padding: .5em;
        width: calc(100% / 3);
        box-sizing: border-box;
    }
    .gameAbout {
        position: relative;
        display: flex;
        flex-direction: column;
        padding: .25em .25em 1em;
        height: 100%;
        border: 1px solid lightgray;
        border-radius: 3px;
        box-shadow: 0 2px 5px rgba(0,0,0,.2);
        box-sizing: border-box;
    }
    .gameAbout a[display="box"] {
        width: 100%;
    }
    .gameAbout > .about {
        position: initial;
        margin-top: 0;
        padding: 0 0 0 .25em;
    }
    /* .gameAbout > .about .optionLink */
    .gameAbout .optionLink {
        bottom: .5em;
        right: .5em;
    }
    /* .gameAbout > .about .game */
    .gameAbout .game .title {
        position: relative;
        display: -webkit-box;
        white-space: initial;
        margin-bottom: 1em;
        min-height: 1em;
        max-height: 3em;
        line-height: 1.4em;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .gameAbout .game .price {
        bottom: .75em;
    }
    .gameAbout .game .about {
        position: absolute;
        bottom: 3.5em;
        margin-top: 0;
        width: calc(100% - 1em);
    }
    .gameAbout > .about a[display="box"] {
        padding: 4em 0;
    }
    .gameAbout > .image + .about a[display="box"] {
        width: 18em;
    }
    .gameAbout > .about > ul.eventTag {
        top: 210px;
        left: .5em;
    }
    .gameAbout > .about >  ul.fliterTag {
        top: calc(210px + 1.25em);
        left: .5em;
    }
    .gameAbout > .about >  ul.uxTag {
        left: .5em;
        bottom: 2.25em;
    }
    .gameAbout > .image {
        width: auto;
    }
    .gameAbout > .image a {
        display: block;
        height: auto;
    }
    .gameAbout > .image figure {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        height: 200px;
        overflow: hidden;
    }
    .gameAbout > .image figure img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .eventTag span {
        position: relative;
        top: -2px;
        font-size: 8px;
        line-height: 1.2em;
    }
    #filterNum .radio {
        padding: 0 40px 0 0;
    }

    /* #######################
    ページ単位
    ####################### */
    #HOME article {
        display: flex;
        flex-direction: column;
    }
    section {
        background: transparent;
    }
    section > header {
        background: white;
    }
    section > header .titleLv3 {
        margin: 0 auto;
        width: 1000px;
    }
    section .container {
        padding: 2em 0 3em;
        background: white;
    }
    section .contents {
        margin: 0 auto;
        width: 960px;
    }
    section footer {
        margin-top: 0;
        padding: 2em 0 2.5em;
        background: white;
        box-sizing: border-box;
    }

    #HOME #searchFreeWord {
        /* order: 1; */
    }
    #HOME #carouselArea {
        /* order: 2; */
    }
    #HOME #information {
        /* order: 3; */
    }
    #HOME #information .inner {
        margin: 0 auto;
        width: 800px;
        border: 5px solid rgba(92, 58, 0,.1);
        border-radius: 5px;
    }
    #HOME #information .inner ul {
        margin: 0 auto;
        width: 600px;
        /* border: 1px solid #efefef; */
    }
    #HOME #information .inner ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-items: stretch;
    }
    #HOME #information .inner ul li {
        width: 100%;
    }
    #information li {
        width: 100%;
    }
    #information li:nth-child(odd) {
        background: rgba(92, 58, 0,.025);
    }
    #HOME #information .inner ul li a {
        padding: 1em calc((100% - 600px) / 2);
        width: 100%;
    }

    #HOME #blogList {
        /* order: 6; */
    }
    #blogList .inner {
        margin: 0 auto;
        width: 600px;
    }
    #BLOG #blogList .inner {
        width: 960px;
    }
    #HOME #gameSearch {
        /* order: 4; */
    }
    #HOME #gameSearch .inner {
        padding: 0;
    }
    #HOME #gameSearch .inner ~ .inner {
        margin: 0;
    }
    #HOME #gameSearch .inner > ul {
        border: 1px solid rgba(92, 58, 0,.1);
        border-bottom: none;
        border-radius: 5px 5px 0px 0px;
    }
    #HOME #gameSearch .inner ~ .inner > ul {
        border: 1px solid rgba(92, 58, 0,.1);
        border-top: none;
        border-radius: 0px 0px 5px 5px;
    }
    #HOME #gameSearch .filterList {
        padding: 1em 1em 0;
    }

    #HOME #blogList .itemList a[display="box"] {
        width: auto;
        padding: 1.25em 0 1.25em 0;
    }

    #HOME #gameList {
        /* order: 5; */
    }
    #HOME .filterList {
        display: flex;
        flex-wrap: wrap;
    }
    #HOME .filterList .filterItem {
        width: 50%;
    }

    #INFO #filterArea {
        padding: .5em;
        background: #f8f8f8;
    }
    #INFO #filterArea .select {
        margin: 0 auto;
        width: 600px;
    }

    #BLOG .archiveList {
        display: flex;
        flex-wrap: wrap;
    }
    #BLOG .archiveList > li {
        display: flex;
        align-items: center;
        width: calc(50% - .5em);
    }
    #BLOG .archiveList > li:nth-child(even) {
        margin-left: 1em;
    }
    #BLOG #searchFreeWord header {
        width: auto;
    }
    #BLOG #searchFreeWord h3 {
        width: 18em;
    }
    #BLOG #searchFreeWord .container {
        width: calc(100% - 18em);
    }
    #BLOG #searchFreeWord .contents {
        width: auto;
    }
    #blogList .itemList a[display="box"] {
        width: 28.5em;
        padding: 1.25em 0 1.25em 0;
    }
    #BLOG .blogAbout > .about a[display="box"] {
        padding: 1.5em 0 2em;
        width: 20em;
    }

    .blogAbout {
        display: flex;
    }
    .blogAbout .image {
        width: 26.7vw;
    }
    .blogAbout .image + .about {
        padding: 0 .5em;
    }
    .blogAbout > .about a[display="box"] .about {
        position: absolute;
        bottom: 1em;
        width: calc(100% - 1em);
    }
    .blogAbout > .about a[display="box"] .date {
        right: .5em;
    }
    .blogAbout .optionLink {
        right: .5em;
    }
    .blogAbout .title {
        overflow: initial;
        text-overflow: initial;
        white-space: initial;
        word-wrap: break-word;
        line-height: 1.2em;
    }

    #gameSearch #searchFreeWord {
        align-items: center;
        width: max-content;
    }
    #gameSearch #searchFreeWord > dt {
        width: 8em;
    }
    #gameSearch #searchFreeWord > dd {
        margin: 0;
        width: 40em;
    }

    #BOOTH.list #searchFreeWord h3 {
        width: 18em;
    }
    #BOOTH.list #searchFreeWord .contents {
        width: calc(1000px - 18em - 50px);
    }
    #BOOTH.list #filterArea {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 1em;
    }
    #BOOTH.list #filterArea #searchFilter {
        position: relative;
        display: flex;
        margin-right: 1.5em;
    }
    #BOOTH.list #searchFilter .filterBooth-year dl::after {
        content: "の";
        margin: 0 .5em;
    }
    #BOOTH.list #searchFilter .filterBooth-year::after {
        right: 2.5em;
    }
    #BOOTH.list #searchFilter dt {
        display: none;
    }
    #BOOTH.list #searchFilter::after {
        position: absolute;
        top: 50%;
        bottom: 50%;
        right: -1.8em;
        content: "の";
        margin-top: -.75em;
        color: #5C3A00;
        font-weight: normal;
    }
    #BOOTH.list #filterArea .select {
        margin: 0;
    }
    #BOOTH.list #filterArea #changeDispResults {
        margin-top: 0;
    }

    #boothDetail {
        padding-bottom: 0;
    }
    #boothDetail header ul.tag {
        width: 1000px;
        margin: auto;
    }
    #boothDetail .thumb {
        background: black;
    }
    #boothDetail .thumb .image {
        position: relative;
        margin: auto;
        padding: 1em 0;
        width: 1000px;
    }
    #boothDetail .thumb img {
        max-height: 500px;
    }
    #boothDetail .thumb a {
        position: absolute;
        right: 0;
        bottom: 0;
        display: block;
        margin-top: 1em;
        color: white;
        background: #333333;
    }
    #boothDetail .container {
        padding: 1em 0;
    }

    section.tabCtrlHolding {
        margin: auto;
        width: 900px;
        box-shadow: none;
    }

    #TAB_HOLDINGS {
        margin: 20px auto 0;
        width: 900px;
        max-width: 900px;
    }
    .tabCtrlHolding {
        max-width: 900px;
    }
    .tabCtrlHolding * {
        max-width: 894px;
        box-sizing: border-box;
    }
    .tabCtrlHolding h4 {
        line-height: 1.5em;
    }
    .tabCtrlHolding th {
        width: 10em;
    }
    .tabCtrlHolding .container {
        padding: 0;
        background: #f8f8f8;
    }
    .tabCtrlHolding .container .inner {
        background:  white;
    }
    #BOOTHGAME article {
        margin-top: 1em;
    }
    #BOOTHGAME article > header ul.tag,
    #BOOTHGAME article > header .titleLv3 {
        margin: 0 auto;
        width: 1000px;
    }
    #gameDetail header .inner {
        margin: 0 auto;
        width: 1000px;
    }

    #slideshowTgl-OFF:checked ~ .wrap #imageList {
        margin-top: 1em;
        padding: .5em 0;
        box-shadow: 0px 2px 5px rgba(92, 58, 0, .25);
    }
    #slideshowTgl-OFF:checked ~ .wrap #imageList .inner {
        margin: 0 auto;
        padding: 0;
        width: 1000px;
        background: white;
    }
    #slideshowTgl-OFF:checked ~ .wrap #imageList[mode="slideshow"] label {
        width: calc((100% - 32px) / 8);
        max-height: 100px;
        height: 100px;
    }
    #slideshowTgl-OFF:checked ~ .wrap #imageList[mode="gallery"] label {
        width: calc((100% - 32px) / 4);
        max-height: 200px;
        height: 200px;
    }
    #slideshowTgl-OFF:checked ~ .wrap #imageList[mode="gallery"] .caption {
        top: 200px;
    }
    #slideshowTgl-OFF:checked ~ .wrap #imageList input[type="radio"]:checked + label {
        max-height: 500px;
    }

    #scale1:checked ~  section .scaleChange .scaleCtrl {
        display: none;
    }
    #scale1:checked ~  section .scaleChange .inner {
        height: 510px;
    }
    #scale1:checked ~  section .scaleChange .inner img {
        width: 100%;
        height: auto;
    }
    #scale1:checked ~  section .scaleChange .inner label[for="scale1"] {
        opacity: .5;
    }
    #scale2:checked ~  section .scaleChange .inner {
        height: 510px;
    }
    #scale2:checked ~  section .scaleChange .inner img {
        height: 200%;
        width: auto;
    }
    #scale2:checked ~  section .scaleChange .inner label[for="scale2"] {
        opacity: .5;
    }
    #scale3:checked ~  section .scaleChange .inner {
        height: 510px;
    }
    #scale3:checked ~  section .scaleChange .inner img {
        height: 300%;
        width: auto;
    }
    #scale3:checked ~  section .scaleChange .inner label[for="scale3"] {
        opacity: .5;
    }
    #scale5:checked ~  section .scaleChange .inner {
        height: 510px;
    }
    #scale5:checked ~  section .scaleChange .inner img {
        height: 500%;
        width: auto;
    }
    #scale5:checked ~  section .scaleChange .inner label[for="scale5"] {
        opacity: .5;
    }
    #scale10:checked ~ section .scaleChange .inner {
        height: 510px;
    }
    #scale10:checked ~ section .scaleChange .inner img {
        height: 1000%;
        width: auto;
    }
    .gameStatusDetail tr {
        display: table-row;
    }
    .gameStatusDetail th {
        display: table-cell;
        width: 15%;
    }
    .gameStatusDetail th span {
        font-size: .8em;
    }
    .gameStatusDetail td {
        display: table-cell;
        width: 35%;
    }
    #slideshowTgl-OFF:checked ~ .wrap #imageList label[for="slideshowTgl-ON"] {
        width: 1000px;
        max-height: none;
        height: calc(628px - 100px - 15px);
        left: calc(50vw - 500px);
    }
    #slideshowTgl-ON:checked ~ .wrap #imageList .inner {
        top: calc(50% - (612px / 2));
    }
    #slideshowTgl-ON:checked ~ .wrap #imageList input[type="radio"]:checked + label {
        height: 612px;
    }
    #slideshowTgl-ON:checked ~ .wrap #imageList input[type="radio"]:checked + label .caption {
        top: calc(612px + .5em);
    }
    #slideshowTgl-ON:checked ~ .wrap #imageList label[for="slideshowTgl-OFF"] {
        position: fixed;
        bottom: 1em;
        z-index: 4;
    }
    #slideshowTgl-OFF:checked ~ .wrap #pageAbout #imageList,
    #slideshowTgl-OFF:checked ~ .wrap #pageAbout #imageList .inner {
        padding: 0;
        width: 960px;
    }
    #slideshowTgl-OFF:checked ~ .wrap #pageAbout #imageList label[for="slideshowTgl-ON"] {
        width: 960px;
        left: 0;
    }
}