@charset "utf-8";

@media screen and (min-width: 768px) {
	.pageboss .groupe { margin-bottom: 50px; }
	.pageboss .groupe.last { margin-bottom: 0; }
	.pageboss .bossList { margin-top: 15px; }
	.pageboss .bossList li.bossListInner { margin-bottom: 30px; width: 440px; box-sizing: border-box; }
    .pageboss #limited .bossList { background: url("../boss/images/arrow_pc.png") center 95px no-repeat; }
    .pageboss #limited .bossList li.bossListInner { margin-bottom: 30px; width: 400px; box-sizing: border-box; }

	.pageboss .bossList li.bossListInner.odd { float: left; }
	.pageboss .bossList li.bossListInner.even { float: right; }
	.pageboss .bossList li.bossListInner .itemText p + p,
	.pageboss .bossList li.bossListInner .itemText p + ul { margin-top: 15px; }
	.pageboss .bossList .itemImage { position: relative; margin-bottom: 15px; }
    .pageboss .bossList .itemImage .iconLucky { position: absolute; right: -10px; top: -30px; width: 150px; }
    .pageboss .bossList .itemImage .iconLucky img { width: 150px; height: auto; }
    .pageboss .name { margin-bottom: 10px; font-weight: bold; color: #0a51af; text-align: left; }
    .pageboss .bossIconN { position: absolute; padding: 5px 20px; right: 0; bottom: 0px; color: #fff; font-weight: bold; text-align: center; background: #16bf09; }
    .pageboss .bossIconR { position: absolute; padding: 5px 20px; left: 0; bottom: 0px; color: #fff; font-weight: bold; text-align: center; background: #16bf09; }
    .pageboss .iconNew { position: absolute; left: -10px; top: -10px; width: 55px; height: 55px; }
    
    /* switch */
    .titleSwitch { display: table; margin: 0 auto; width: 550px; }
    .titleSwitch dt { display: table-cell; width: 150px; vertical-align: middle; }
    .titleSwitch dd { display: table-cell; width: 400px; padding-left: 15px; vertical-align: middle; text-align: left; box-sizing: border-box; }
}
@media screen and (max-width: 767px) {
	/* グッズ関連 */
	.pageboss .groupe { margin-bottom: 30px; }
    .pageboss .groupe.last { margin-bottom: 20px; }
    .pageboss .bossList { margin-top: 15px; }
	.pageboss .bossList li.bossListInner { margin-bottom: 30px; }
	.pageboss .bossList li.bossListInner:last-child { margin-bottom: 0; }
    .pageboss #limited .bossList li.bossListInner.odd { margin-bottom: 10px; padding-bottom: 30vw; background: url("../boss/images/arrow.png")  center bottom no-repeat; }
    .pageboss .bossList .itemImage { position: relative;  margin-bottom: 15px; }
    .pageboss .bossList .itemImage .iconLucky { position: absolute; right: -4vw; top: -4vw; width: 25vw; }
    .pageboss .bossList .itemImage .iconLucky img { width: 25vw; height: auto; }
	.pageboss .name { margin-bottom: 10px; font-weight: bold; color: #0a51af; }
    .pageboss h5 { margin-bottom: 10px; font-weight: bold; color: #0a51af; }
    .pageboss .bossIconN,
    .pageboss .bossIconR { position: absolute; padding: 5px 20px; left: 0; bottom: -10px; color: #fff; font-weight: bold; text-align: center; background: #16bf09; }
    .pageboss .iconNew { position: absolute; left: -10px; top: -10px; width: 55px; height: 55px; }
    
    .titleSwitch {  }
    .titleSwitch dt { margin: 0 22vw 10px 22vw; }
    .titleSwitch dd { }
}