@charset "UTF-8";
/* 全体文字 */
.pageContents {color:rgb(64,47,47); font-size:20px;}
/* キャンペーンタイトル */
h1.campaignTitleHeader {width:100%; height:160px; margin:0; padding:0; background:url(/images/campaign/20211203snow/title_headerSP.png) 0 0 no-repeat;}
h1.campaignTitleHeader span {display:none;}

/* キャンペーン期間 */
.campaignTermContainer {margin:0 0 20px 0; padding:8px 0; text-align:center; background-color:rgba(255,255,255,0.5); line-height:2; font-size:18px; font-weight:700; white-space:pre;}
/* SP用タブ */
menu.campaignTabContainerSP {display:block; list-style-type: none; margin:0 0 30px 2px; padding:0; font-size: 0; font-weight: 0; line-height:0;}
menu.campaignTabContainerSP li   {display:inline-block; margin:6px; text-align: center; font-size:20px; font-weight:700; text-shadow: 1px 1px 0 rgba(255,255,255,0.4);}
menu.campaignTabContainerSP li a {display:inline-block; width:180px; height:80px; line-height:70px; color:rgb(64,47,47); text-decoration:none; background:rgba(153,129,18,0.3); box-shadow:0px 2px 1px rgba(0,0,0,0.3); border-radius:4px;}
menu.campaignTabContainerSP li a::after {content:"\f0dd"; display:block; position: absolute; margin:-44px 0 0 84px; font-family: FontAwesome;}
/* PC用タブ非表示 */
menu.campaignTabContainerPC {display:none;}
/* テキスト装飾 */
h2.textTitleH2 {font-size:28px; font-weight:700; margin:0 10px 20px 10px; text-shadow:1px 1px 0px rgba(255,255,255,0.8); }
h2.textTitleH2::before {content:""; display: block; position: absolute; width:10px; height:28px; background:rgba(64,47,47,1); margin: 8px 0 0 0;}
h3.textTitleH3 {font-size:22px; font-weight:700; margin:0 0 10px 0;}
span.markerColor {color:rgb(236,106,0);}
span.fontB {font-weight:bold;}
span.markerBgColor {background:rgba(236,106,0,0.3);}

/* もくじ＆ストーリー 分割用 */
.campaignSummaryContainer {margin:0 0 50px 0; background-color:rgba(255,255,255,0.5); border-radius:20px;}
.contentsListCover  {flex:1; width:100%;}
.campaignStoryCover {flex:2; width:100%;}
/* もくじ＆ストーリー 装飾用 */
.contentsList {margin:0; padding:30px;}
ol.contentsListBox    {margin: 0 0 0 20px;}
ol.contentsListBox li {padding:4px 0;}
.campaignStory {margin:0; padding:30px; line-height:1.8;}
.questTopics {margin:30px 0 30px 30px;}

/* 注意文リスト */
ul.cautionList li {list-style:none; margin:0 0 12px 28px; line-height:1.3;}
ul.cautionList li:before {content:"※"; margin-left:-28px;}

/* クエストステージ */
.questStageContainer {margin:0 10px 60px 10px;}
.questStageContainer dt {display:inline-block; vertical-align: top; line-height:1.8;}
.questStageContainer dd {display:inline-block; vertical-align: top; width: 88%; line-height:1.8;}
table.dailyMission {width:100%; border-collapse:0; border-spacing:0;}
table.dailyMission th {width:15%; height:40px; background:rgba(230,230,230,1); border:1px solid rgba(205,205,205,1); text-align:center; font-size:90%;}
table.dailyMission td {width:15%; background:rgba(255,255,255,1); border:1px solid rgba(205,205,205,1); padding:4px; text-align:center; font-size:90%;}
table.dailyMission td:nth-child(2) {text-align:left; width:70%;}
table.dailyMission .raidCharIcon {display:block; width:80px; height:50px; margin:0 auto;}
table.dailyMission .raidCharIcon img {position:absolute; width:50px; margin:36px 0 0 15px;}
table.dailyMission .raidCharIcon11 {background:url(/images/raid/event/icon_event11.png) no-repeat 0 0; background-size:80px;}
table.dailyMission .raidCharIcon12 {background:url(/images/raid/event/icon_event12.png) no-repeat 0 0; background-size:80px;}
table.dailyMission .raidCharIcon24 {background:url(/images/raid/event/icon_event24.png) no-repeat 0 0; background-size:80px;}
table.dailyMission .raidCharIcon28 {background:url(/images/raid/event/icon_event28.png) no-repeat 0 0; background-size:80px;}
table.dailyMission .raidCharIcon29 {background:url(/images/raid/event/icon_event29.png) no-repeat 0 0; background-size:80px;}
table.dailyMission .raidCharIcon38 {background:url(/images/raid/event/icon_event38.png) no-repeat 0 0; background-size:80px;}

/* キャラ・武具・大見出し直下の説明 */
.newItemTextBox {margin:0 10px 20px 10px; line-height:1.8;}

/* 説明用のしろ背景 */
.explainBox {background:rgba(255,255,255,0.5); border-radius:4px; padding:20px; line-height: 1.8;}

/* 新キャラクター */
.newCharacterContainer {margin:0 0 60px 0;}
.newCharacterName {margin:0 10px 20px 10px; line-height:1.8;}
.newCharacterBox {border-bottom:1px dashed rgb(64,47,47); padding-bottom:50px; margin-bottom:50px; text-align: center;}
.newCharacterBox:last-child {border-bottom:0;}
.newCharacterImg {margin:0 10px 20px 10px;}
.tableContainer {flex:2; width:100%; text-align: left;}
.newCharacterContainer table {width:100%; border-collapse:0; border-spacing:0; text-align:left;}
.newCharacterContainer table th {width:20%; height:40px; background:rgba(230,230,230,1); border:1px solid rgba(205,205,205,1); padding:4px 0 4px 20px;}
.newCharacterContainer table td {width:80%; background:rgba(255,255,255,1); border:1px solid rgba(205,205,205,1); padding:4px 20px 4px 20px;}

/* 武具 */
.newArmorContainer {margin:0 0 60px 0;}
.newArmorName {margin:0 10px 20px 10px; line-height:1.8;}
.newArmorBox {border-bottom:1px dashed rgb(64,47,47); padding-bottom:50px; margin-bottom:50px; text-align: center;}
.newArmorBox:last-child {border-bottom:0;}
.newArmorImg {margin:0 10px 20px 10px;}
.tableContainer {flex:2; width:100%;}
.newArmorContainer table {width:100%; border-collapse:0; border-spacing:0; text-align:left;}
.newArmorContainer table th {width:24%; height:40px; background:rgba(230,230,230,1); border:1px solid rgba(205,205,205,1); padding:4px 0 4px 20px;}
.newArmorContainer table td {width:76%; background:rgba(255,255,255,1); border:1px solid rgba(205,205,205,1); padding:4px 20px 4px 20px;}
.iconTextMiddle {margin:4px 4px 4px 0; vertical-align:middle;}

/* 報酬一覧 */
.itemName100SP {display:inline-block; width:100px; text-align:left;}
.itemName60SP {display:inline-block; width:100%; text-align:left;}

/* クエスト攻略 */
.questCaptureContainer {margin:0 10px 60px 10px;}
.questCaptureNote {margin:10px 10px 20px 10px;}
.rewardTable {border-collapse:collapse; width:100%; margin:0 0 20px 0;}
.rewardTable th {text-align:left; background-color:rgb(225,225,225); border:1px solid rgb(16,0,0); font-weight: normal; background:rgba(240,255,0,0.3); padding:4px; font-size:16px;}
.rewardTable td {text-align:left; background-color:rgb(255,255,255); border:1px solid rgb(16,0,0); padding:4px; font-size:16px;}
.rewardTable td.cond {width:50%;}
.rewardTable td.icon {width:70px; text-align:center; border-right:0;}
.rewardTable td.reward {border-left:0;}
.rewardTable td.termNo {width:70px; text-align:center;}
.rewardTable td.ratings {text-align:center; color:rgb(255,180,0); font-size:24px; width:160px;}
.exchangeTable {border-collapse:collapse; width:100%; margin:0 0 20px 0;}
.exchangeTable th {text-align:center; background:rgba(240,255,0,0.3); border:1px solid rgba(16,0,0,1); padding:4px; font-size:16px;}
.exchangeTable td {text-align:left; background:rgb(255,255,255); border:1px solid rgba(16,0,0,1); padding:10px; font-size:16px;}
.exchangeTable td.changeItem {text-align:center;}
.exchangeTable td.changeItemU {text-align:left; border-bottom:0; width:220px;}
.exchangeTable td.changeItemL {text-align:center; border-top:0; background:rgb(204,204,204);}
.exchangeItemName {display:inline-block; line-height:30px; vertical-align:top;}

/* エレメントチェイン */
.newActionInfo {margin:0 10px;}
.ecRateTable {border-collapse:collapse; width:100%; margin:0 0 20px 0;}
.ecRateTable th {background-color:rgb(225,225,225); border:1px solid rgb(16,0,0); font-weight: normal; background:rgba(240,255,0,0.3); padding:4px; font-size:16px;}
.ecRateTable td {background-color:rgb(255,255,255); border:1px solid rgb(16,0,0); padding:4px; font-size:16px;}
.ecRateTable .taL {text-align:left;}
.ecRateTable .taR {text-align:right;}
.ecRateTable .taC {text-align:center;}

/* GP集計 */
.gpCountBG {background:rgb(255,255,255); border-radius:10px; margin:30px auto; padding:15px; width:500px; font-size:150%; text-align:center;}
.gpCount {display: inline-block; margin: 0 5px; font-size: 200%;}
.gpSummaryCaution {display:block; color:rgb(255,0,0); font-size:50%;}

/* ランキング */
.playerNameLink {cursor: pointer; text-decoration: underline; color: rgb(0,0,255);}
tr.myRanking td {background: rgb(255,220,223);}
.btnGetReward {display:block; width:50%; height:80px; margin:40px auto; text-align:center; font-size:28px; font-weight:700; line-height:80px; color:rgb(100,100,100); text-decoration:none; border-radius:10px; background:rgba(255,255,255,0.4); box-shadow:0 3px 1px rgba(0,0,0,0.3);}
.btnGetRewardActive {background:rgb(246,113,113); color:rgb(255,255,255); cursor:pointer;}

/* ガチャ説明 */
.newGachaContainer {margin:0 0 60px 0;}
.newGachaBox {padding-bottom:50px; margin-bottom:50px; text-align: left;}
.newGachaBox:last-child {border-bottom:0;}
.newGachaImg {margin:0 0 20px 0; width:504px; height:128px;}

/* 暁光の贈物 */
.currentMissionCover {height:480px; border-radius:8px; border:4px solid rgb(106,170,204); box-shadow: 0px 8px 2px 0px rgba(0, 0, 0, 0.2);}
.currentMissionContaier {height:472px; border-radius:4px; background:url(/images/campaign/20181130snow/mission/bg_ribbonBR.png) no-repeat bottom right, url(/images/campaign/20181130snow/mission/bg_ribbonTL.png) no-repeat top left, url(/images/campaign/20181130snow/mission/bg_dot.png) repeat, linear-gradient(to bottom, rgb(234,247,254) 0%, rgb(205,234,249) 100%) no-repeat 0 0; border: 4px solid rgb(178,224,249); text-align:center;}
.currentMissionTitle {width:540px; height:88px; margin: -48px 2px; position: absolute;}
.currentMissionCount{width:400px; height:40px; border:2px solid rgb(95, 184, 233); background-color: rgb(178, 224, 249); position: absolute; margin: 52px 72px; border-radius: 20px; font-size:24px; color:rgb(20, 83, 118); font-weight:bold; line-height:36px; text-align:center; z-index:1;}
.currentMissionText {width:520px; height:240px; border:2px solid rgb(178, 224, 249); border-radius:8px; background-color: rgb(255, 255, 255); margin: 70px 12px; position: absolute; padding: 40px 20px 20px 20px; font-size: 24px; font-weight: bold; line-height: 1.5; text-align: left; color: rgb(51, 51, 51);}
.currentMissionBtnBox {width:520px; margin:340px auto 0 auto;}
span.missionBtnStyle {display:inline-block; width:240px; height:56px; box-shadow: 0px 7px 0px 0px rgba(43, 61, 70, 0.2); margin:0 8px; background:linear-gradient(to bottom, rgb(157,214,245) 0%, rgb(40,150,208) 100%); border:2px solid rgb(35, 135, 187); border-radius:8px; font-size:20px; color:rgb(255, 255, 255); font-weight: bold; line-height:52px; text-align:center; text-shadow: 0px -1px 0px rgb(30, 96, 131); cursor:pointer; transition:0.5s;}
span.missionBtnStyle:active {transform:scale(0.8,0.8);}
span.missionBtnStyle[data-href='disabled'] {opacity:0.5; filter:grayscale(1); cursor:default;}
span.missionBtnStyle[data-href='disabled']:active {transform:scale(1.0,1.0);}
span.missionBtnText  {display:block; width:240px; text-align:center; margin: 8px 0 0 270px; font-size:18px; font-weight:bold;}
.gmissionCDContainer {display:block; text-align:center;}
.gmissionCD {display:block; font-size:150%; text-align:center;}

.missionHistoryContainer {background:rgb(255, 255, 255); padding:20px 12px; margin:40px 0 80px 0; border-radius:8px; border:4px solid rgb(188, 223, 242); font-size:20px; box-shadow: 0px 8px 2px 0px rgba(0, 0, 0, 0.2);}
.missionHistoryContainer label {display:block; white-space:pre-line; cursor:pointer;}
.missionHistoryContainer label .missionHistoryTitle {font-size:20px; color:rgb(75, 129, 229); text-decoration:underline; line-height:1.3; text-align:center;}
.missionHistoryContainer input {display:none;}
.missionHistoryContainer .historyDescription {opacity:0; transition:0.5s;}
.historyDescription {height:0px; text-align:left; font-size:20px;}
.historyDescription ol {padding-left:34px;}
.historyDescription ol li {padding:10px 0;}
.historyDescription .iconStructure60 {display:none;}

.missionGachaCover {border-radius:8px; border:4px solid rgb(106,170,204); box-shadow: 0px 8px 2px 0px rgba(0, 0, 0, 0.2);}
.missionGachaContaier {border-radius:4px; background:url(/images/campaign/20181130snow/mission/bg_ribbonBR.png) no-repeat bottom right, url(/images/campaign/20181130snow/mission/bg_ribbonTL.png) no-repeat top left, url(/images/campaign/20181130snow/mission/bg_dot.png) repeat, linear-gradient(to bottom, rgb(234,247,254) 0%, rgb(205,234,249) 100%) no-repeat 0 0; border: 4px solid rgb(178,224,249); text-align:center;}
.gachaRewardTable td.rewardNo {text-align:center;}
.missionGachaBtnBox {margin:50px auto 20px auto; text-align:center;}
.missionReward {width:100%; height:88px; border:2px solid rgb(178, 224, 249); border-radius:8px; background-color: rgb(255, 255, 255); font-size:20px; color:rgb(20, 83, 118); font-weight: bold; line-height:88px;}
.missionReward span.missionRewardCount {font-size:36px;}
span.gachabtnStyle {display:inline-block; width:280px; height:88px; background:url(/images/campaign/20181130snow/mission/btn_gacha.png) no-repeat; color:rgb(255,255,255); font-weight:bold; font-size:24px; text-shadow: 0px 0px 8px rgb(159, 66, 8); line-height:80px; cursor:pointer; transition:0.5s;}
span.gachabtnStyle:active {transform:scale(0.8,0.8);}
span.gachabtnStyle[data-href='disabled'] {opacity:0.5; filter:grayscale(1); cursor:default;}
span.gachabtnStyle[data-href='disabled']:active {transform:scale(1.0,1.0);}

.resetBtnBox {margin:20px auto; text-align:center;}
span.resetBtnStyle {display:inline-block; width:240px; height:56px; box-shadow: 0px 7px 0px 0px rgba(43, 61, 70, 0.2); margin:0 8px; background:linear-gradient(to bottom, rgb(157,214,245) 0%, rgb(40,150,208) 100%); border:2px solid rgb(35, 135, 187); border-radius:8px; font-size:20px; color:rgb(255, 255, 255); font-weight: bold; line-height:52px; text-align:center; text-shadow: 0px -1px 0px rgb(30, 96, 131); cursor:pointer; transition:0.5s;}
span.resetBtnStyle:active {transform:scale(0.8,0.8);}
span.resetBtnStyle[data-href='disabled'] {opacity:0.5; filter:grayscale(1); cursor:default;}
span.resetBtnStyle[data-href='disabled']:active {transform:scale(1.0,1.0);}
span.resetBtnText {display:block; text-align:center; margin: 8px auto; font-size:18px; font-weight:bold;}
.resetAtenttionBox {margin:20px; padding:20px; background:rgba(255,255,255,0.8); border-radius:8px; text-align:left; color:rgb(51,51,51);}
span.resetAtenttion {font-weight:bold; font-size:20px;}
.resetAtenttionBox ul {padding-left:20px;}
.resetAtenttionBox ul li {padding:5px 0;}


/* ※※※※※※
   ここから 幅768px以上のCSSを記述
   ※※※※※※ */
@media screen and (min-width : 768px){
	/* default.cssの内容をオーバーライド、PC画面では幅広く表示 */

	/* 全体文字 */
	.pageContents {font-size:16px;}
	/* キャンペーンタイトル */
	h1.campaignTitleHeader {width:1000px; margin:10px 10px 0 10px; background:url(/images/campaign/20211203snow/title_header.png) 0 0 no-repeat;}

	/* キャンペーン期間 */
	.campaignTermContainer {margin:0 10px 20px 10px; padding:0; height:60px; line-height:60px; font-size:22px; white-space:nowrap;}
	/* SP用タブ非表示 */
	menu.campaignTabContainerSP {display:none;}
	/* PC用タブ */
	menu.campaignTabContainerPC {display:flex; list-style-type: none; margin:0 10px 30px 10px; padding:0; font-weight: 0; line-height:0;}
	menu.campaignTabContainerPC li {display:inline-block; width: 100%; text-align: center; font-size:22px; font-weight:700;}
	menu.campaignTabContainerPC li a {display:inline-block; width: 100%; height:80px; line-height:80px; color:rgb(64,47,47); text-decoration:none; background:linear-gradient(to bottom, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.1) 100%); border:0;}
	menu.campaignTabContainerPC li a:hover  {background:linear-gradient(to bottom, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.7) 100%);}
	menu.campaignTabContainerPC li a:active {color:rgb(153,129,18);}
	menu.campaignTabContainerPC li a.campaignTabBorder {border-left:2px solid rgb(180,180,180);}
	menu.campaignTabContainerPC li a.tabActive {color:rgb(153,129,18); border-bottom:4px solid rgb(153,129,18);}
	menu.campaignTabContainerPC li a.tabActive::after {content:""; display:block; position:absolute; width: 0; height: 0; margin: 0 0 0 95px; border:30px solid transparent;border-top: 10px solid rgb(153,129,18);}
	/* SP用タブタイトル 非表示 */
	.tabContantsName {display:none;}
	/* もくじ＆ストーリー 分割用 */
	.campaignSummaryContainer {margin:0 10px 50px 10px;}
	/* もくじ＆ストーリー 装飾用 */
	.contentsList {margin:20px; padding:0;}
	.campaignStory {margin:20px 20px 20px 0; padding:0 0 0 20px; border-left:2px solid rgb(180,180,180);}
	/* クエストステージ */
	.questStageContainer dd {display:inline-block; vertical-align: top; width: 90%;}
	/* 新キャラクター */
	.tableContainer {margin:0 10px;}
	.newCharacterImg {margin:0 10px;}
	/* 武具 */
	.newArmorContainer table th {width:20%;}
	.newArmorContainer table td {width:80%;}
	/* 報酬一覧 */
	.itemName100SP {display:inline; width:100%; text-align:center;}
	.itemName60SP {display:inline; width:100%; text-align:center;}
	/* ガチャ説明 */
	.newGachaImg {width:504px; height:128px;}
	/* 暁光の贈物 */
	.currentMissionTitle {margin:-48px 222px;}
	.currentMissionCount {margin:52px 292px;}
	.currentMissionText  {margin:70px 232px;}

	.missionHistoryContainer {padding:20px 32px; margin:40px 0 80px 0;}
	.missionHistoryContainer label {white-space:nowrap;}
	.missionHistoryContainer label .missionHistoryTitle {font-size:24px; line-height:24px;}
	.historyDescription {font-size:16px;}
	.historyDescription ol {padding-left:40px;}
}