/*
================================================================================================================
出展タイトル
================================================================================================================
*/
#exhibition{display:flex; /*justify-content:space-between;*/ flex-wrap:wrap; padding-bottom:10px;}
#exhibition > .box{position:relative; width:calc((100% / 3) - 10px); background:#fff; border:1px solid #666; border-radius:5px; padding:20px; margin:5px;}
#exhibition > .box img{width:100%;}
@media screen and (max-width:1200px){#exhibition > .box{width:calc((100% / 3) - 10px);}}
@media screen and (max-width:800px){#exhibition > .box{width:calc((100% / 2) - 10px);}}
@media screen and (max-width:640px){#exhibition > .box{padding:20px 10px 10px;}}
@media screen and (max-width:480px){
#exhibition{max-width:300px; margin:0 auto;}
#exhibition > .box{width:100%; margin:5px 0;}}

#exhibition > .box::before{
display:block;
content:"その他";
width:150px;
position:absolute;
top:0;
left:calc(50% - 75px);
color:#fff;
background:#666;
text-align:center;
font-size:12px;
letter-spacing:1px;
border-radius:0 0 5px 5px;}
#exhibition > .box.music::before{content:"音楽ゲーム";}
#exhibition > .box.video::before{content:"ビデオゲーム";}
#exhibition > .box.video_card::before{content:"ビデオカードゲーム";}
#exhibition > .box.clane::before{content:"クレーンゲーム";}
#exhibition > .box.medal::before{content:"メダルゲーム";}
#exhibition > .box.prize::before{content:"プライズ景品";}
#exhibition > .box.event::before{content:"イベント";}
#exhibition > .box.money::before{content:"電子マネー";}
#exhibition > .box.goods::before{content:"物販";}
#exhibition > .box.print::before{content:"カードプリントゲーム機";}
#exhibition > .box.reference_exhibit::before{content:"参考出展";}
@media screen and (max-width:640px){#exhibition > .box::before{font-size:10px;}}

#exhibition > .box ul{font-size:14px; line-height:100%;}
@media screen and (max-width:640px){#exhibition > .box ul{font-size:12px;}}

/*共通*/
#exhibition > .box ul li:nth-child(2),
#exhibition > .box ul li:nth-child(4){font-family:'Noto Sans JP', sans-serif; font-weight:700;}
#exhibition > .box ul li:nth-child(3),
#exhibition > .box ul li:nth-child(4){display:flex; justify-content:center;}
#exhibition > .box ul li:nth-child(3) > *,
#exhibition > .box ul li:nth-child(4) > *{flex:1; text-align:center; margin:0 3px;}

/*タイトル*/
#exhibition > .box ul li:nth-child(2){display:none; color:#00d2ff; text-align:center;}

/*出展形態*/
#exhibition > .box ul li:nth-child(3){/*margin:20px auto 10px;*/ margin:0 auto 10px;}
#exhibition > .box ul li:nth-child(3) > *{color:#333; border:1px solid; border-radius:20px; padding:4px 0 2px;}
@media screen and (max-width:640px){#exhibition > .box ul li:nth-child(3){font-size:11px;}}

/*.box.money li:nth-child(3){visibility:hidden;}
@media screen and (max-width:480px){.box.money li:nth-child(3){display:none;}}
*/
/*リンク*/
#exhibition > .box ul li:nth-child(4) > *{color:#fff; font-weight:400; background:#2196f3; border-radius:5px; padding:10px 0; transition:background .2s ease;}
#exhibition > .box ul li:nth-child(4) > *:hover{background:#ff52cc;}
#exhibition > .box ul li:nth-child(4) > .web::before{content:"公式サイト";}
#exhibition > .box ul li:nth-child(4) > .stage::before{content:"ステージ";}
#exhibition > .box.reference_exhibit ul li:nth-child(4) > .web::before{content:"商品情報サイト";}

/*#exhibition > .box ul li:nth-child(4) > .info::before{content:"出展情報";}*/
#exhibition > .box ul li:nth-child(4) > .info::before{content:"出展情報";}
#exhibition > .box ul li:nth-child(4) > .info:not(.active){background:#999; color:#CCC; cursor:default; pointer-events: none;}
#exhibition > .box ul li:nth-child(4) > .info:not(.active):hover{background:#555;}
#exhibition > .box ul li:nth-child(4) > .info:not(.active)::before{content:"近日公開";}
#exhibition > .box ul li:nth-child(4) > .info:not(.active):hover::before{content:"近日公開";}

@media screen and (max-width:800px){
#exhibition > .box ul li:nth-child(4) > .info:not(.active){pointer-events:none; color:#CCC;}
/*#exhibition > .box ul li:nth-child(4) > .info:not(.active)::before{content:"出展情報";}*/
#exhibition > .box ul li:nth-child(4) > .info:not(.active)::before{content:"近日公開";}}