@charset "utf-8";

/*--------------------
common
--------------------*/
#common_page_header {box-shadow: 0 -1px 0 0 #fff inset;}
#common_page_footer {padding-bottom: 55px;}
img {width: auto;}
sup {vertical-align: super !important;}
.fb-root {margin-top: 0;}

#swipe_menu ul li:first-child a .swipe_menu_title:first-child:after { content: " Home"; }

article .wm-h1 a { text-decoration: none; }
article .wm-h1 a:hover { text-decoration: underline; }
article .wm-h3 { font-size: 1.25rem; padding-top: 0; padding-bottom: 0; line-height: 1.8; }
article .wm-h4 { font-size: 1.125rem; padding-top: 0; padding-bottom: 0; line-height: 1.8; }

.cssTypeB article .wm-h3 { font-size: 1.14em; padding-bottom: .2em; line-height: 1.6; }
.cssTypeB article .wm-h4 { font-size: 1.07em; padding-bottom: .2em; line-height: 1.6; }
.cssTypeB article .wm-h2:before, .cssTypeB article .wm-h3:before, .cssTypeB article .wm-h4:before, .cssTypeB article .wm-h5:before { bottom: .35em; }

.categoryTag li { font-size: .571rem; margin-bottom: 5px; }
.categoryTag a { background-color: rgba(0,0,0,.09); display: inline-block; padding: 2px .8em 2px 2.1em !important; position: relative; }
.categoryTag a:before { margin-right: 0; position: absolute; top: calc((.7em + 2px) - 5px); left: .7em; }

.wm-border-background *:not(.icon):not(.linkBtn) a { display: block; width: 50%; margin: .5em auto 0; padding: 10px; color: #fff; background: #f60; border-radius: 8px; text-align: center; text-decoration: none; }
.wm-border-background *:not(.icon):not(.linkBtn) a:before { content: ""; display: inline-block; border: 5px solid transparent; border-width: 5px 5px 5px 10px; border-left-color: #fff; vertical-align: middle; }
.wm-border-background *:not(.icon):not(.linkBtn) a:hover { opacity: .7; }

#spotList .wm-column-banner img {box-shadow: 1px 1px 2px 0 rgb(0 0 0 / 15%);}

#lNav > nav > ul > li > ul > li.root > ul { padding-left: 40px; }
#lNav > nav > ul > li > ul > li.root > ul > li { position: relative; }
#lNav > nav > ul > li > ul > li.root > ul > li:before { content: ""; display: block; width: 0; height: 0; border: 6px solid transparent; border-width: 4px 6px; border-left-color: #ff5c00; position: absolute; top: calc(.9em - 4px); right: 100%; }
#lNav > nav > ul > li > ul > li.root > ul > li.root > ul { background: #fff; margin: .5em -.5em -.5em -.8em; padding: .5em .5em .5em .6em; border-left: 1px solid rgba(255,92,0,.2); position: relative; }
#lNav > nav > ul > li > ul > li.root > ul > li.root > ul:before { content: ""; border: 7px solid transparent; border-bottom-color: #fff; position: absolute; bottom: 100%; left: 1.5em; }
#lNav nav > ul > li > ul > li li li a:before { background-color: rgba(255,92,0,.4); border: transparent; border-radius: 100%; box-sizing: border-box; content: ""; display: block; height: 6px; left: 2px; position: absolute; top: calc(.9em - 3px); width: 6px; }
#lNav nav > ul > li > ul > li.root .root > a:before { background-color: #ff5c00; border: 1px solid #ff5c00; }
#lNav #twitterWidget iframe { max-width: 260px; }

@media only screen and (min-width: 801px) {
	.categoryTag li { font-size: .714rem; }
	.categoryTag a { padding-left: 1.8em !important; }
}
@media only screen and (max-width: 800px) {
	#tPath {display: none;}
	main {margin-top: 0 !important;}
	article .wm-h3 { font-size: 1.07rem; padding-top: .2rem; padding-bottom: .2rem; line-height: 1.6; }
	article .wm-h4 { font-size: 1.04rem; padding-top: .015rem; padding-bottom: .015rem; line-height: 1.6; }
}
@media only screen and (max-width: 480px) {
	.wm-border-background *:not(.icon):not(.linkBtn) a { width: 70%; }
}

/*--------------------
Amusement Spot TOP
--------------------*/
/*CategoryList Link*/
#shopCategory li {margin: -1px 0 -.5em; padding: 1em .5em .5em;}
#shopCategory a {line-height: 3em; padding: 0 calc(1.5em - 1px); border:  1px solid #ddd; border-radius: 5px; position: relative;}
#shopCategory a:hover {border-color: #ff5c00;}
#shopCategory.scroll_menu .js_current a {color: #fff; background: #ff5c00; border-color: #ff5c00;}
#shopCategory.scroll_menu .js_current a:after {content: ""; display: block; border: 7px solid transparent; border-top-color: #ff5c00; margin-top: 0; position: absolute; left: calc(50% - 7px); top: 100%;}
@media only screen and (min-width: 801px){
    #shopCategory li {border-top: none;}
}
@media only screen and (max-width: 800px){
    #shopCategory li {margin: -1px 0 0;padding: .8em .5em 1em;}
    #shopCategory li:first-child {padding-left: 1em;}
    #shopCategory li:last-child {padding-right: 1em;}
}


/*--------------------
Important(重要なお知らせ/game_center/loc/*)
--------------------*/
#load_important { margin: 0; padding: 0; }
.gamecenter_important { border: 3px double #e60000; margin: 0 5px 20px; padding: 1em; background: rgba(230,0,0,.05); }
.gamecenter_important dt { font-size: 107.1%; font-weight: bold; color: #e60000; line-height: 1.5; }
.gamecenter_important dd { line-height: 1.5; }
.gamecenter_important dd strong { color: #e60000; }
.gamecenter_important dd { line-height: 1.5; }
.gamecenter_important dd p { line-height: 1.5; margin-top: 0.5em; }
.gamecenter_important dd p + p { line-height: 1.5; margin-top: 1em; text-align: right; }
.gamecenter_important dd p a { color: #e60000; }
.gamecenter_important.type_date dt { font-size: 100%; float: left; }
.gamecenter_important.type_date dd { margin: 0 0 0 7.5em; }
.gamecenter_important.type_date dd p { margin-top: 0; }
.gamecenter_important.type_date dd p a { display: block; }
@media (max-width: 640px) {
	.gamecenter_important { margin-top: 5px;}
	.gamecenter_important.type_date dt { float: none; }
	.gamecenter_important.type_date dd { margin: 0.3em 0 0; }
}



/*--------------------
original
--------------------*/
/*Event/Campaign*/
.closed-contents-box { background: rgb(255 250 230); border: 1px solid #e60000; color: #e60000; display: block; font-weight: bold; margin: 0; padding: 1em; text-align: center; }

/*flexbox*/
.flex-layout { display: flex; justify-content: flex-start; flex-flow: row wrap; width: 100%; margin-left: 0; margin-right: 0; padding: 0; box-sizing: border-box; }
.flex-layout.center { justify-content: center; }
.flex-layout > * { display: block; width: 50%; margin: 0; padding: 0; box-sizing: border-box; }

/*flexbox column*/
.flex-layout.col1 > * { width: 100%; }
.flex-layout.col2 > *,
.flex-layout.col2to1 > * { width: calc(100% / 2); }
.flex-layout.col3 > *,
.flex-layout.col3to1 > *,
.flex-layout.col3to2 > *,
.flex-layout.col3to2to1 > * { width: calc(100% / 3); }
.flex-layout.col4 > *,
.flex-layout.col4to2 > *,
.flex-layout.col4to2to1 > *,
.flex-layout.col4to3to2 > * { width: calc(100% / 4); }
.flex-layout.col5 > *,
.flex-layout.col5to2 > *,
.flex-layout.col5to3 > *,
.flex-layout.col5to3to1 > *,
.flex-layout.col5to3to2 > * { width: calc(100% / 5); }
.flex-layout.col6 > *,
.flex-layout.col6to2 > *,
.flex-layout.col6to3 > *,
.flex-layout.col6to3to1 > *,
.flex-layout.col6to4 > *,
.flex-layout.col6to4to2 > *,
.flex-layout.col6to4to3 > * { width: calc(100% / 6); }
.flex-layout.col7 > *,
.flex-layout.col7to3 > *,
.flex-layout.col7to3to1 > *,
.flex-layout.col7to3to2 > *,
.flex-layout.col7to4 > *,
.flex-layout.col7to4to2 > *,
.flex-layout.col7to4to3 > *,
.flex-layout.col7to5 > *,
.flex-layout.col7to5to2 > *,
.flex-layout.col7to5to3 > * { width: calc(100% / 7); }
.flex-layout.col8 > *,
.flex-layout.col8to3 > *,
.flex-layout.col8to3to1 > *,
.flex-layout.col8to3to2 > *,
.flex-layout.col8to4 > *,
.flex-layout.col8to4to1 > *,
.flex-layout.col8to4to2 > *,
.flex-layout.col8to4to3 > *,
.flex-layout.col8to5 > *,
.flex-layout.col8to5to1 > *,
.flex-layout.col8to5to2 > *,
.flex-layout.col8to5to3 > *,
.flex-layout.col8to6 > *,
.flex-layout.col8to6to2 > *,
.flex-layout.col8to6to3 > *,
.flex-layout.col8to6to4 > * { width: calc(100% / 8); }

/*base*/
#grayboxList .wm-border a { word-break: break-all; }
.boxSolid1px { padding: 1em; border: 1px solid #c8c8c8; }
.boxSolid2px { padding: 1em; border: 2px solid #c8c8c8; }
.boxSolid3px { padding: 1em; border: 2px solid #c8c8c8; }
.boxDouble3px { padding: 1em; border: 3px double #c8c8c8; }
.boxDouble6px { padding: 1em; border: 6px double #c8c8c8; }
.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.annotation { font-size: 85.7%; }
.annotation li { text-indent: -1em; margin-top: 0.2em; padding-left: 1em; }
.inlineBlock li { display: inline-block; padding-right: .25em; }

/*twitter icon (focused chara_shop)*/
#tw-icon i { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; }
#tw-icon i:before { display: inline-block; content: "　"; width: 1.5em; background: url(../images/icon_tw.png) no-repeat center center / 84% auto; }
.tw-block { padding: 1em; border: 1px solid #c8c8c8; border-radius: 5px; font-size: 85.7%; text-align: center; }
.tw-link { margin-top: 0.7em; }
.tw-link p { display: inline-block; padding: 0; }
.tw-link p a,
.tw-link p span { text-decoration: none !important; border-radius: 100px; box-shadow: 0 0 0 1px #55acee inset; }
.tw-link p a { display: block; padding: 0 0 0 15px; color: #55acee !important; }
.tw-link p span { display: inline-block; margin-left: 5px; padding: 5px 15px; background: #55acee; color: #fff !important; }
.tw-link p a:hover { background: #d9eeff; }
.tw-link p a:hover span { background: #88c5f8; }

/* shoplist Timer (focused chara_shop)*/
.closeTimer { display: none; }
.closeTimer:after { margin-left: 5px; font-weight: normal; color: #e00; content: "※終了しました"; }
.noShop { padding: 50px 20px; text-align: center; border: 1px solid rgba(0,0,0,0.2); }
.noShop:before { display: inline; content: "※現在開催中の店舗はございません。"; }

/*shoplist (focused chara_shop & release)*/
.locations { padding: 1em; border: 1px solid #c8c8c8; }
.locations dt,
.releaseLoc dt { padding: 6px 10px; font-weight: bold; border-bottom: 1px solid #c8c8c8; background: #ddd; }
.locations dd,
.releaseLoc dd { margin-top: 5px; }
.locations dd:first-of-type,
.releaseLoc dd:first-of-type { margin-top: 10px; }
.locations dd b, .releaseLoc dd b { display: inline-block; margin-right: 0.5em; padding: 0.2em 0.5em; background: #bbb; border-radius: 4px; font-size: 85.7%; font-weight: normal; color: #fff; text-align: center; }
.locations.type2 { padding: 0; border: none; display: table; width: 100%; box-sizing: border-box; }
.locations.type2 + .locations.type2 { padding-top: 20px; border-top: 1px solid #ddd; }
.locations.type2 dt { display: table-cell; word-break: keep-all; width: 40%; text-align: center; vertical-align: middle; border: none; position: relative; }
.locations.type2 dt .nowrap { font-style: normal; white-space: nowrap; }
.locations.type2 dt:after { content: ""; width: 0; height: 0; border: 10px solid transparent; border-left-color: #ddd; position: absolute; top: 50%; left: 100%; margin-top: -10px; }
.locations.type2 dd { margin: 0 0 0 20px; position: relative; padding-left: 5em; }
.locations.type2 dd:first-of-type { margin-top: 0.5em; }
.locations.type2 dd:last-of-type { margin-bottom: 0.5em; }
.locations.type2 dd + dd { margin-top: 10px; }
.locations.type2 dd b { position: absolute; top: -0.2em; left: 0; }
.locations.type3 { padding: 0; border: none; display: table; width: 100%; }
.locations.type3 * { box-sizing: border-box; outline: 1px dotted re d }
.locations.type3 + .locations.type3 { padding-top: 20px; border-top: 1px solid #ddd; }
.locations.type3 .event_loc_name { display: table-cell; margin: 0; padding: 1em; width: 40%; text-align: center; border: none; position: relative; background: #ddd; font-weight: bold; vertical-align: middle; word-break: keep-all; }
.locations.type3 .event_loc_name .nowrap { font-style: normal; white-space: nowrap; }
.locations.type3 .event_loc_name:after { content: ""; width: 0; height: 0; border: 10px solid transparent; border-left-color: #ddd; position: absolute; top: calc(50% - 10px); left: 100%; }
.locations.type3 .event_loc_info { display: table-cell; width: 60%; margin: 0; position: relative; padding-left: 20px; vertical-align: middle; }
.locations.type3 .event_loc_info table,
.locations.type3 .event_loc_info table th,
.locations.type3 .event_loc_info table td { margin: 0; padding: 0; border: none; background: transparent; font-weight: normal; }
.locations.type3 .event_loc_info table th,
.locations.type3 .event_loc_info table td { margin: 0; padding: 4px .5em; vertical-align: top; position: relative; }
.locations.type3 .event_loc_info table th { color: #fff; font-size: 85.7%; line-height: calc(1.8 * 1.166); z-index: 1; word-break: keep-all; }
.locations.type3 .event_loc_info table th:before { content: "\00a0"; display: block; width: 100%; background: #bbb; border-radius: 5px; position: absolute;  left: 0; z-index: -1;}
.locations.type3 .event_loc_info table td { width: 100%; }

/*search*/
[data-pathname="search"] #searchList li img { width: auto; height: auto; max-width: 100%; max-height: 100%; }

/*copyright*/
.officialCopyright, .releaseCopy { font-size: 85.7%; }
.officialCopyright { margin-top: 40px; padding-top: 20px; border-top: 1px solid #ccc; }
.officialCopyright span,
.releaseCopy span { display: inline-block; word-break: keep-all; margin: 0 .2em; }

@media (max-width: 800px) {
	/*flexbox column*/
	.flex-layout.col2to1 > *,
	.flex-layout.col3to1 > * { width: 100%; }
	.flex-layout.col3to2 > *,
	.flex-layout.col3to2to1 > *,
	.flex-layout.col4to2 > *,
	.flex-layout.col4to2to1 > *,
	.flex-layout.col5to2 > *,
	.flex-layout.col6to2 > * { width: calc(100% / 2); }
	.flex-layout.col4to3to2 > *,
	.flex-layout.col5to3 > *,
	.flex-layout.col5to3to1 > *,
	.flex-layout.col5to3to2 > *,
	.flex-layout.col6to3 > *,
	.flex-layout.col6to3to1 > *,
	.flex-layout.col7to3 > *,
	.flex-layout.col7to3to1 > *,
	.flex-layout.col7to3to2 > *,
	.flex-layout.col8to3 > *,
	.flex-layout.col8to3to1 > *,
	.flex-layout.col8to3to2 > * { width: calc(100% / 3); }
	.flex-layout.col6to4 > *,
	.flex-layout.col6to4to2 > *,
	.flex-layout.col6to4to3 > *,
	.flex-layout.col7to4 > *,
	.flex-layout.col7to4to2 > *,
	.flex-layout.col7to4to3 > *,
	.flex-layout.col8to4 > *,
	.flex-layout.col8to4to1 > *,
	.flex-layout.col8to4to2 > *,
	.flex-layout.col8to4to3 > * { width: calc(100% / 4); }
	.flex-layout.col7to5 > *,
	.flex-layout.col7to5to2 > *,
	.flex-layout.col7to5to3 > *,
	.flex-layout.col8to5 > *,
	.flex-layout.col8to5to1 > *,
	.flex-layout.col8to5to2 > *,
	.flex-layout.col8to5to3 > * { width: calc(100% / 5); }
	.flex-layout.col8to6 > *,
	.flex-layout.col8to6to2 > *,
	.flex-layout.col8to6to3 > *,
	.flex-layout.col8to6to4 > * { width: calc(100% / 6); }

	/*shoplist (focused chara_shop & release)*/
	.locations.type2 { display: block; }
	.locations.type2 dt { display: block; width: 100%; text-align: left; padding: 1em; box-sizing: border-box; }
	.locations.type2 dt:after { border: 10px solid transparent !important; border-top-color: #ddd !important; top: 100%; left: 50%;  margin-top: 0; margin-left: -10px; }
	.locations.type2 dd { margin: 0; position: relative; }
	.locations.type2 dd:first-of-type { margin-top: 20px; }
	.locations.type2 dd:last-of-type { margin-bottom: 0; }
	.locations.type3 { display: block; }
	.locations.type3 .event_loc_name { display: block; width: 100%; text-align: left; }
	.locations.type3 .event_loc_name:after { border-left-color: transparent !important; border-top-color: #ddd; top: 100%; left: calc(50% - 10px); }
	.locations.type3 .event_loc_info { display: block; width: 100%; margin-top: 15px; padding: 0; }
}
@media (max-width: 480px) {
	/*flexbox column*/
	.flex-layout.col3to2to1 > *,
	.flex-layout.col4to2to1 > *,
	.flex-layout.col5to3to1 > *,
	.flex-layout.col6to3to1 > *,
	.flex-layout.col7to3to1 > *,
	.flex-layout.col8to3to1 > *,
	.flex-layout.col8to4to1 > *,
	.flex-layout.col8to5to1 > * { width: 100%; }
	.flex-layout.col4to3to2 > *,
	.flex-layout.col5to3to2 > *,
	.flex-layout.col7to3to2 > *,
	.flex-layout.col8to3to2 > *,
	.flex-layout.col6to4to2 > *,
	.flex-layout.col7to4to2 > *,
	.flex-layout.col8to4to2 > *,
	.flex-layout.col7to5to2 > *,
	.flex-layout.col8to5to2 > *,
	.flex-layout.col8to6to2 > * { width: calc(100% / 2); }
	.flex-layout.col6to4to3 > *,
	.flex-layout.col7to4to3 > *,
	.flex-layout.col8to4to3 > *,
	.flex-layout.col7to5to3 > *,
	.flex-layout.col8to5to3 > *,
	.flex-layout.col8to6to3 > * { width: calc(100% / 3); }
	.flex-layout.col8to6to4 > * { width: calc(100% / 4); }

	/*shoplist (focused chara_shop & release)*/
    .locations dd { padding: 0 !important; }
	.locations.type2 dd { padding-left: 0 !important; padding-top: 2em !important; }
}


/*--------------------
game_center shop page
--------------------*/
/*main images*/
#shopImage { max-width: 640px; margin: 0 auto 1em; }
#shopImage figure { max-width: 100%; position: relative; padding-bottom: 56.25%; overflow: hidden; }
#shopImage figure img { display: block; margin: 0 auto; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); aspect-ratio: auto; }
#photoList { margin-left: -5px; }
#photoList li { border: 3px solid transparent; box-sizing: border-box; background-clip: content-box; margin-left: 5px; }
#photoList .cur { background-color: #fa0; }

/*wm*/
.wm_carea #shopImage { padding-bottom: 20px; }
.wm_carea #photoList { text-align: center; }
.wm_carea #photoList li { float: none; display: inline-block; }
.wm_carea #storeNav li:nth-child(3) { display: none; }

/*game list*/
#loc-gameList.matchList .list dt,
#loc-gameList.matchList .list dd { font-size: 78.5%; }
#loc-gameList.matchList .list dt:after { display: none; }
#loc-gameList.matchList .list dt:first-of-type { display: none; }
#loc-gameList.matchList .list dd:first-of-type { color: #ff5c00; font-size: 100%; text-decoration: underline; margin-bottom: 0.3em; }
#loc-gameList.matchList .list dt:last-of-type { color: #777; font-size: 71.4%; padding: 1px 5px; background: #e5e5e5; margin-right: 0.3em; border-radius: 4px; }
#loc-gameList.matchList .list dd .detail { padding-top: 1em; margin-top: 1em; border-top: 1px dashed #ddd; }
#loc-gameList.matchList .list dd .detail .copyr { font-size: 91%; line-height: 1.4; }
#loc-gameList.matchList a:hover { opacity: .7; display: block; }
#loc-gameList.matchList a:hover .list dd:first-of-type { text-decoration: none; }
#recommend_prize .no-data,
#loc-gameList.matchList .no-data { width: 100% !important; margin-top: 20px; padding: 20px; min-height: auto; border: 1px solid #e1e1e1 !important; box-sizing: border-box; text-align: center; }
#recommend_prize .no-data { margin-left: 10px; margin-right: 10px; }
#recommend_prize .no-data:before,
#loc-gameList.matchList .no-data:before { content: "※"; }

/*facilities icon*/
#storeInfo .storeInfo_outline .facilities img[src*="images/am_icon"] { width: 23%; max-width: 80px; }
#storeInfo .storeInfo_outline .facilities li { width: 100%; }
#storeInfo .storeInfo_outline .loc_tel:before { top: 1em; }

/*game center StoreInfo*/
.storeInfo_outline + h3 + ul li figure + p { font-weight: bold; line-height: 1.6 !important; }
.storeInfo_outline + h3 + ul li figure + p + p { color: #333; line-height: 1.6 !important; }

/*game center news -: tPath create*/
.tPathLocName { margin-top: 10px; padding: 0 .2em 0.5em; font-size: 85.7%; border-bottom: 1px solid #ccc; }
.tPathLocName li { max-width: 100%; margin: .2em 0 0; padding: 0 .6em 0 0; position: relative; display: inline-block; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tPathLocName li:before { content: ">"; margin: 0; padding-right: .6em; }
.tPathLocName li:first-child { padding-left: 1.5em; }
.tPathLocName li:first-child:before, .tPathLocName li:first-child:after { display: block; content: ""; position: absolute; padding: 0; }
.tPathLocName li:first-child:before { top: 0; left: 0; width: 10px; height: 100%; background: #999; }
.tPathLocName li:first-child:after { left: -1px; top: 50%; border: solid transparent; height: 0; width: 0; border-color: rgba(255,255,255,0); border-right-color: #fff; border-width: 4px; margin-top: -4px; }
.tPathLocName li:first-child:hover:before { background: #b91e23; }
.tPathLocName li a { color: #666; white-space: nowrap; }
.tPathLocName li a:hover { color: #b91e23; }

/*game center news : Add shopmenu*/
#lNav nav { padding-bottom: 30px; }
#lNav .shopmenu { margin-bottom: 30px; position: relative; }
#lNav .shopmenu:after { content: ""; display: block; width: 40%; height: 0; margin: 0 30%; padding: 0; border-bottom: 6px dotted #e8e8e8; position: absolute; left: 0; bottom: 0; }
#lNav .special_site_lNav ul li ul li:nth-child(n+3) { display: none; }

/*snsButton clone*/
#snsButton-clone { display: none; margin: 0 auto; position: relative; width: 240px; }
#snsButton-clone:before { content: ""; display: block; width: calc(100vw - 20px); height: 1px; background: #f5f5f5; position: absolute; left: calc(50% - (50vw - 10px)); top: -10px; }
#snsButton-clone li { display: block; width: 80px; float: left; padding: 10px 0 20px; }
#snsButton-clone a { display: block; width: 43px; height: 40px; margin: 0 auto; padding: 0 !important; white-space: nowrap; text-indent: 100%; background-image: url(/assets/images/icon_type_a.png); background-repeat: no-repeat; overflow: hidden; position: relative; text-decoration: none; }
#snsButton-clone a[href*='facebook.com'] { background-position: 0 -250px; }
#snsButton-clone a[href*='twitter.com'] { background-position: -49px -250px; }
#snsButton-clone a[href*='line.me'] { background-position: -150px -250px; }

/*Staff recruitment*/
.locStaffWanted { margin-top: 25px; padding: 10px; background: #B91E23; border-radius: 10px; }
.locStaffWanted dt { color: #fff; font-size: 128.5%; font-weight: bold; }
.locStaffWanted dd { margin-top: 5px; padding: 5px 10px; background: #fff; border-radius: 5px; position: relative; }
.locStaffWanted dd a { display: block; margin: 0 0 5px; }
.locStaffWanted dd:after { content: ""; position: absolute; right: 15px; bottom: 100%; width: 48px; height: 64px; background: url(/common/tmpl/images/staff002_a.png) no-repeat center top; background-size: 100% auto; }

@media (min-width: 801px) {
	/*telephone link*/
	#storeInfo .storeInfo_outline .loc .loc_tel a { color: inherit; text-decoration: none; pointer-events: none; }
}

@media (max-width: 800px) {
	/*game list*/
	#recommend_prize .no-data,
	#loc-gameList.matchList .no-data { text-align: left; }

	/*facilities icon*/
	#storeInfo .storeInfo_outline .facilities img[src*="images/am_icon"] { width: 16%; }

	/*snsButton clone (only in the [.setSNS]class)*/
	#snsButton-clone { display: block; }
}

@media (max-width: 640px) {
	/*main images*/
	#shopImage { margin-top: 1em; }
}

@media (max-width: 480px) {
	/*main images*/
	#photoList li { margin-left: 0.5vw; }
	#photoList { margin-left: -0.5vw; }

	/*facilities icon*/
	#storeInfo .storeInfo_outline .facilities img[src*="images/am_icon"] { width: 23%; }
}


/*--------------------
chara_shop page
--------------------*/
.cs_news_title { background: #fff7f2; margin: 0; padding: 0.75em 1em; font-size: 120%; font-weight: bold; border-bottom: 1px solid #ff5c00; }
.tPathLocName + .cs_news_title { margin-top: -1px; border-top: 1px solid #ff5c00; }
.cps_namcoparks_link { margin-top: 40px !important; padding-top: 20px !important; border: none !important; border-top: 1px solid #ccc !important; text-align: center !important; }
.cps_namcoparks_link a { display: inline-block; color: #333; text-decoration: none; }
.cps_namcoparks_link a:hover { opacity: .7; }
.cps_namcoparks_link a figure img { border: 2px solid rgba(0,0,0,.1); }
.cps_namcoparks_link a figure figcaption { font-size: 85.7%; }
.cps_namcoparks_link a figure figcaption i { display: inline-block; width: 12px; margin-right: 0.5em; position: relative; vertical-align: middle; }
.cps_namcoparks_link a figure figcaption i:before,
.cps_namcoparks_link a figure figcaption i:after { content: ""; display: block; width: 12px; height: 9px; box-sizing: border-box; position: absolute; }
.cps_namcoparks_link a figure figcaption i:before { border: 1px solid rgba(0,0,0,.7); border-top-width: 3px; left: 0; top: -5px; }
.cps_namcoparks_link a figure figcaption i:after { border-right: 1px solid rgba(0,0,0,.7); border-bottom: 1px solid rgba(0,0,0,.7); left: 2px; top: -3px; }

@media (max-width: 800px) {
	.cs_news_title { margin-left: -20px; margin-right: -20px; }
}

@media (max-width: 480px) {
	.cs_news_title { margin-left: -15px; margin-right: -15px; font-size: 114%; }
}



/*--------------------
company
--------------------*/
/*about*/
.cssTypeB #lNav ul li a[href*="wmPageLinkResource?pageId=47"] + ul li:nth-child(6),
.cssTypeB #lNav ul li a[href*="company/about/"] + ul li:nth-child(6) { margin-top: 20px; border: none; text-align: center; }
.cssTypeB #lNav ul li a[href*="wmPageLinkResource?pageId=47"] + ul li:last-child a[href*=".pdf#"],
.cssTypeB #lNav ul li a[href*="company/about/"] + ul li:last-child a[href$=".pdf"] { background: #ef3665; background: linear-gradient(135deg, #ef3665 0%,#ff7848 50%,#ffa734 100%); border-radius: 10px; color: #fff; font-size: 100%; font-weight: bold; padding: 1em .5em 1em 2em; }
.cssTypeB #lNav ul li a[href*="wmPageLinkResource?pageId=47"] + ul li:last-child a[href*=".pdf#"]:before,
.cssTypeB #lNav ul li a[href*="company/about/"] + ul li:last-child a[href$=".pdf"]:before { width: 19px; height: 19px; background: url(/assets/images/icon_link_pdf.png); border: none; margin: 0; left: calc(50% - 6.5em); top: calc(50% - 10px); }
.cssTypeB #lNav ul li a[href*="wmPageLinkResource?pageId=47"] + ul li:last-child a[href*=".pdf#"]:after,
.cssTypeB #lNav ul li a[href*="company/about/"] + ul li:last-child a[href$=".pdf"]:after { display: none; }
.cssTypeB #lNav ul li a[href*="wmPageLinkResource?pageId=47"] + ul li:last-child a[href*=".pdf#"]:hover,
.cssTypeB #lNav ul li a[href*="company/about/"] + ul li:last-child a[href$=".pdf"]:hover { opacity: .8; }




/*--------------------
WOVN
--------------------*/
.wovn-additional-buttons {
	right: 1% !important;
    bottom: 52px !important;
}
.wovn-embedded-widget-anchor {
    display: none;
    margin: 0;
    padding: 0;
    position: fixed !important;
    bottom: 10px;
    right: 1%;
    z-index: 2147483647;
}
.wovn-embedded-widget-anchor #preview-wovn-translate-widget[wovn].type-floating.wovn--color-default .wovn-lang-selector,
.wovn-embedded-widget-anchor #wovn-translate-widget[wovn].type-floating.wovn--color-default .wovn-lang-selector {
    border: 1px solid #333;
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);
}
.wovn-embedded-widget-anchor #preview-wovn-translate-widget[wovn].type-floating.hide-logo .wovn-lang-selector .wovn-lang-selector-links,
.wovn-embedded-widget-anchor #wovn-translate-widget[wovn].type-floating.hide-logo .wovn-lang-selector .wovn-lang-selector-links {
    padding: 9px 16px 9px 36px;
}
.wovn-embedded-widget-anchor #preview-wovn-translate-widget[wovn].type-floating.wovn--color-default #wovn-logo-planet,
.wovn-embedded-widget-anchor #wovn-translate-widget[wovn].type-floating.wovn--color-default #wovn-logo-planet {
    left: 12px;
}
.wovn-embedded-widget-anchor #preview-wovn-translate-widget[wovn].type-floating.wovn--color-default .wovn-lang-container,
.wovn-embedded-widget-anchor #wovn-translate-widget[wovn].type-floating.wovn--color-default .wovn-lang-container {
    border: 1px solid #333;
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);
}
.wovn-embedded-widget-anchor #preview-wovn-translate-widget[wovn].type-floating .wovn-lang-container,
.wovn-embedded-widget-anchor #wovn-translate-widget[wovn].type-floating .wovn-lang-container {
    bottom: 0;
    right: 0;
}




/*--------------------
Limited time
--------------------*/
/* 2022-06-02 */
body[data-pathname^="others-umamusume-"] #swipe_menu {
	overflow: hidden;
	height: 0;
}
@media (max-width: 800px) {
	body[data-pathname^="others-umamusume-"] .js_blank_nav {height: 77px !important;}
}
@media (max-width: 768px) {
	body[data-pathname^="others-umamusume-"] .js_blank_nav {height: 59px !important;}
}
