@charset "utf-8";

/* =============================================================================
   イベント チェックシート
============================================================================= */
#event_check_sheet {
	position:relative;
	overflow:hidden;
}
#event_check_sheet > div {
	margin:4em 0;
}
#event_check_sheet ul * {
	-webkit-transition: all .5s;
	transition: all .5s;
}
#event_check_sheet dl,
#event_check_sheet dd {
	border:none;
	float:none;
}

#event_check_sheet #event_graph h3 {
	margin-top:0;
}

#event_check_sheet #event_graph dd,
#event_check_sheet li {
-	background:#fcfcf2;
}
#event_check_sheet input[type="text"],
#event_check_sheet .checkbox_parts::before,
#event_check_sheet select {
-	background:#fff;
}
#event_check_sheet #event_graph dd,
#event_check_sheet input[type="text"],
#event_check_sheet input[type="number"],
#event_check_sheet .checkbox_parts::before,
#event_check_sheet select {
	background:#fcfcf2;
}


#how_to_use h4:before {
	content:"■";
}

#how_to_use h4 + p{
	margin-top:0;
}


/* ------------------------------------
 グラフ
------------------------------------- */
#event_check_sheet #event_graph {
	margin-top:0;
	margin-bottom:0;
}

#event_check_sheet #event_graph h4 {
	font-weight:normal;
	line-height:1.5;
	margin-bottom:0.8em;
}

#event_check_sheet #event_graph ul {
	width:100%;
	border:2px solid #999;
	border-radius:10px;
	line-height:1.4;
	overflow:hidden;
}
#event_check_sheet #event_graph li,
#event_check_sheet #event_graph dl {
	width:100%;
	display:table;
	overflow:hidden;
}
#event_check_sheet #event_graph dt,
#event_check_sheet #event_graph dd {
	display:table-cell;
	vertical-align:middle;
	float:none;
	margin:0;
	padding:0.8em 0.5em;
}
#event_check_sheet #event_graph dd {
-	padding:0em 0.5em;
}
#event_check_sheet #event_graph li:first-child dt,
#event_check_sheet #event_graph li:first-child dd {
	padding-top:2.5em;
}
#event_check_sheet #event_graph li:last-child dt,
#event_check_sheet #event_graph li:last-child dd {
	padding-bottom:2.5em;
}
#event_check_sheet #event_graph dt {
	width:7em;
	min-width:7em;
	font-weight:normal;
	text-align:right;
	border-right:1px solid #999;
	padding-left:0;
}
#event_check_sheet #event_graph dd {
	width:auto;
	text-align:left;
	padding-left:0;
	position:relative;
}

#event_check_sheet #event_graph div {
	width:0;
	height:2.5em;
	line-height:2.5em;
	display:block;
	overflow:visible;
	white-space:nowrap;
	border-radius:0 8px 8px 0;
}

#event_check_sheet #event_graph span {
	display:inline-block;
}
#event_check_sheet #event_graph div span:first-child {
	width:4.5em;
	text-align:right;
	margin-right:0.5em;
}
#event_check_sheet #event_graph span span:first-child {
	margin:0;
}

#event_check_sheet #event_graph li.graph_01 dt,
#event_check_sheet #event_graph li.graph_01 dd,
#event_check_sheet #event_graph li.graph_04 dt,
#event_check_sheet #event_graph li.graph_04 dd {
	padding-bottom:2em;
}

#event_check_sheet #event_graph #event_period .graph_bar,
#event_check_sheet #event_graph #graph_period {
	background:linear-gradient(to right, #fab, #f99);
	border-bottom:3px solid #d77;
}
#event_check_sheet #event_graph #event_overall .graph_bar,
#event_check_sheet #event_graph #graph_overall {
	background:linear-gradient(to right, #9e9, #7e7);
	border-bottom:3px solid #5c5;
}
#event_check_sheet #event_graph .graph_bar,
#event_check_sheet #event_graph ul li dd > div {
	background:linear-gradient(to right, #fe8, #fd6);
	border-bottom:3px solid #db4;
}
#event_check_sheet #event_graph #event_quest00 .graph_bar,
#event_check_sheet #event_graph #event_points .graph_bar,
#event_check_sheet #event_graph #event_mission .graph_bar,
#event_check_sheet #event_graph #graph_mission,
#event_check_sheet #event_graph #graph_point,
#event_check_sheet #event_graph #graph_points,
#event_check_sheet #event_graph #graph_renovation,
#event_check_sheet #event_graph #graph_boxgacha,
#event_check_sheet #event_graph #graph_boxreset,
#event_check_sheet #event_graph #graph_quest,
#event_check_sheet #event_graph #graph_quest00,
#event_check_sheet #event_graph #graph_quest01,
#event_check_sheet #event_graph #graph_servant,
#event_check_sheet #event_graph #graph_adventurer,
#event_check_sheet #event_graph #graph_dragon,
#event_check_sheet #event_graph #graph_endeavors,
#event_check_sheet #event_graph #graph_collection,
#event_check_sheet #event_graph #graph_facility {
	background:linear-gradient(to right, #dcf, #bbf);
	border-bottom:3px solid #99d;
}

#event_check_sheet #event_graph .icon dt {
	padding:0.3em 0.5em;
}
#event_check_sheet #event_graph .icon a {
	display:inline-block;
	width:100%;
	height:3em;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	margin-top:5px;
	position:relative;
}
#event_check_sheet #event_graph .icon a:after,
#event_check_sheet #event_graph .icon a span {
	width:100%;
	display:block;
	text-align:center;
	line-height:1;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	color:#000;
	font-size:10px;
	text-shadow: 1px 1px 0 #fff,
                    -1px 1px 0 #fff,
                     1px -1px 0 #fff,
                    -1px -1px 0 #fff;
}

#event_check_sheet #event_graph .craft_e dd {
	padding-left:0.5em;
}
#event_check_sheet #event_graph .craft_e dd span {
	display:inline-block;
	width:30px;
        height:40px;
	margin:0;
	background-repeat:no-repeat;
	background-size:contain;
	background-image:url("img/fgo/evnt_HolySambaNight_ce_HolyMaidensTeaching01.png")
}
#event_check_sheet #event_graph .craft_e dd span.ce00 {
	width:21px;
	background-image:url("img/fgo/evnt_HolySambaNight_ce_HolyMaidensTeaching00.png")
}



/* smartPhone */
@media screen and (max-width: 640px) {
#event_check_sheet #event_graph h4 {
	font-size:80%;
	text-indent:-5.2em;
	padding-left:5.2em;
}
#event_check_sheet #event_graph ul {
	font-size:80%;
}
#event_check_sheet #event_graph dt {
	width:5em;
	min-width:5em;
}
#event_check_sheet #event_graph .icon a:after,
#event_check_sheet #event_graph .icon a span {
	font-size:8px;
}

#event_check_sheet #event_graph .craft_e dd span {
	width:24px;
        height:32px;
}
#event_check_sheet #event_graph .craft_e dd span.ce00 {
	width:17px;
}


}


/* ------------------------------------
 見出し
------------------------------------- */
#event_check_sheet h3 {
	line-height:1.3em;
	padding:0.5em 0 0.5em 2.3em;
	background-repeat:no-repeat;
	background-size:2em;
	background-position:0 0;
}
#event_check_sheet h3::after {
	display:none;
}
#event_check_sheet #event_graph h3 {
	background-image:url("img/event_icon_Graph.png")
}
#event_check_sheet #event_endeavors h3 {
	background-image:url("img/dragali/icon_Mission.png")
}
#event_check_sheet #event_tradeshop h3 {
	background-image:url("img/dragali/icon_TradeShop.png")
}
#event_check_sheet #event_quest00 h3,
#event_check_sheet #event_quest h3 {
	background-image:url("img/fgo/item_legn_HolyGrail.png")
}
#event_check_sheet #event_mission h3 {
	background-image:url("img/fgo/item_AppleGolden.png")
}

/* smartPhone */
@media screen and (max-width: 640px) {
	font-size:15px;
}




/* ------------------------------------
 ボタン
------------------------------------- */
#event_check_sheet .buttons {
	overflow:hidden;
	clear:both;
	padding-bottom:0.5em;
}
#event_check_sheet .style_button,
#event_check_sheet .buttons input[type="button"],
#event_check_sheet .buttons a {
	color:#444;
	margin:0 1em 1em 0;
	border-radius:5px;
	background:#eee;
	background:linear-gradient(#f7f7f7, #dcdcdc);
	box-shadow:0 6px #999;
	transition:none 0s ease 0s ;
	border:medium none;
	cursor:pointer;
	display:inline-block;
	outline:medium none;
	position:relative;
	border:1px solid #666;
	float:left;
	height:2.5em;
	line-height:2.5em;
	padding:0;
	width:4.5em;
}
#event_check_sheet .buttons a {
	width:3em;
	background-size:2em,100%;
	background-repeat:no-repeat;
	background-position:50%;
	text-indent:200%;
	white-space:nowrap;
	overflow:hidden;
}

#event_check_sheet .style_button:hover,
#event_check_sheet .buttons input[type="button"]:hover,
#event_check_sheet .buttons a:hover {
	box-shadow:0 4px #999;
	top:2px;
	opacity:1;
}
#event_check_sheet .style_button:active,
#event_check_sheet .buttons input[type="button"]:active,
#event_check_sheet .buttons a:active {
	box-shadow:0 0 #999;
	top:6px;
}
#event_check_sheet .buttons input[type="button"]:after,
#event_check_sheet .buttons a:after {
	content:"";
	position:absolute;
	transition:all 0.3s ease 0s;
	z-index:-1;
}
#event_check_sheet .buttons input[type="button"].btn_reset {
	float:right;
	margin:0;
}

#event_check_sheet .buttons .graphj {
	background-image:url("img/event_icon_Graph.png"),linear-gradient(#f7f7f7, #dcdcdc);
}
#event_check_sheet .buttons .emblem {
	background-image:url("img/dragali/icon_Emblem.png"),linear-gradient(#f7f7f7, #dcdcdc);
}
#event_check_sheet .buttons .misson {
	background-image:url("img/dragali/icon_Mission.png"),linear-gradient(#f7f7f7, #dcdcdc);
}
#event_check_sheet .buttons .trades {
	background-image:url("img/dragali/icon_TradeShop.png"),linear-gradient(#f7f7f7, #dcdcdc);
}
#event_check_sheet.dragali .buttons .hw2use {
	background-image:url("img/dragali/mark_question.png"),linear-gradient(#f7f7f7, #dcdcdc);
}

#event_check_sheet.fgo .buttons .quest {
	background-image:url("img/fgo/item_legn_HolyGrail.png"),linear-gradient(#f7f7f7, #dcdcdc);
}
#event_check_sheet.fgo .buttons .quest01 {
	background-image:url("img/fgo/item_skill_CrystallizedLore.png"),linear-gradient(#f7f7f7, #dcdcdc);
}
#event_check_sheet.fgo .buttons .hw2use {
	background-image:url("img/icon_question.png"),linear-gradient(#f7f7f7, #dcdcdc);
}





/* ------------------------------------
 リアクション
------------------------------------- */
.act_kaiten_x {
	animation:kaiten_x .5s ease 0s 1 alternate none running;
}
@keyframes kaiten_x {
  0% {
	transform: rotateX(360deg);  
  }
  100% {
	transform: rotateX(0deg);
  }
}

.act_kaiten_y {
	animation:kaiten_y .5s ease 0s 1 alternate none running;
}
@keyframes kaiten_y {
  0% {
	transform: rotateY(360deg);
  }
  100% {
	transform: rotateY(0deg);
  }
}


/* ------------------------------------
 保存ダイアログ
------------------------------------- */
#event_check_sheet #save_dialog {
	display:block;
	position:absolute;
	padding:1em 3em;
	background:#ffe;
	border:2px solid #999;
	border-radius:10px;
	z-index:100;
	box-shadow:3px 3px 6px #999;
	display:none;
	animation:save_dialog 1.5s ease 0s 1 alternate none running;
}
@keyframes save_dialog {
  0% {
	transform: rotateX(360deg);
  }
  30%,60% {
	transform: rotateX(0deg);
  }
  100% {
	transform: rotateX(90deg);
  }
}


/* ------------------------------------
 <dl> ボックス
------------------------------------- */
#event_check_sheet .dl_box {
	border:2px solid #999;
	border-radius:10px;
	max-width:320px;
}
#event_check_sheet .dl_box dt,
#event_check_sheet .dl_box dd {
	width:100%;
	float:none;
	text-align:center;
	padding:0.5em;
}
#event_check_sheet .dl_box dt {
	background:#666;
	color:#fff;
	font-weight:normal;
}
#event_check_sheet .dl_box dd {
	padding:1em;
}


/* ------------------------------------
 トータル(素材別)表示
------------------------------------- */
#event_check_sheet .total {
	text-align:right;
	position:relative;
}
#event_check_sheet .total:after {
	content:"";
	border-top:1px solid #999;
	position:absolute;
	width:100%;
	top:3px;
	left:0;
}
#event_check_sheet .total div {
	margin:0.5em 1em;
	display:inline-block;
}
#event_check_sheet .total dl {
	border:none;
	display:table;
}
#event_check_sheet .total dt,
#event_check_sheet .total dd {
	display:table-cell;
	height:2.5em;
	padding:0;
	margin:0;
	vertical-align:middle;
}
#event_check_sheet .total dt {
	width:2.5em;
	color:#000;
	text-indent:200%;
	white-space:nowrap;
	overflow:hidden;
	background-color:transparent;
	background-size:30px;
	background-repeat:no-repeat;
	background-position:center center;
float: left;
}
#event_check_sheet .total dd.value {
	width:3.5em;
	text-align:right;
}
#event_check_sheet .total dd.brackets {
	width:1em;
	text-align:center;
}
#event_check_sheet .total dd.slash {
	width:2em;
	text-align:center;
}
#event_check_sheet .total dd span {
	display:inline-block;
	text-align:right;
}
#event_check_sheet .total .list_00 dt {
	background-image:url("img/dragali/event_amatsukazeni_cost_WindwhistleGrass.png");
}
#event_check_sheet .total .list_01 dt {
	background-image:url("img/dragali/event_amatsukazeni_cost_FriendshipBracelet.png");
}
#event_check_sheet .total .list_02 dt {
	background-image:url("img/dragali/event_amatsukazeni_cost_WindChime.png");
}



/* ------------------------------------
 施設 (ドラガリ)
------------------------------------- */
#event_check_sheet #event_facility .total {
	padding:0;
s}
#event_check_sheet #event_facility .total div {
	margin-bottom:0;
}

#event_check_sheet #event_facility .total:after {
	display:none;
}
#event_check_sheet #event_facility .total .list_00 dt {
	background-image:url("img/dragali/event_amatsukazeni_icon_WindwhistleGrass.png");
}
#event_check_sheet #event_facility .total .list_01 dt {
	background-image:url("img/dragali/icon_Rupies.png");
}
#event_check_sheet #event_facility .total .list_02 dt {
	background-image:url("img/dragali/icon_Smithwyrms.png");
}

#event_check_sheet select {
	font-family: MeiryoKe_Gothic, "Ricty Diminished", "Courier New", Courier, Monaco, Menlo, Consolas, "Lucida Console", "Osaka－等幅", "Osaka-等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;
}
#event_check_sheet #event_facility select {
	padding:0.5em 1em;
}


#event_check_sheet #event_facility {
	margin-right:4em;
}
#event_check_sheet #event_facility,
#event_check_sheet #event_collection {
	min-width:320px;
	float:left;
}


/* smartPhone */
@media screen and (max-width: 640px) {
#event_check_sheet #event_facility {
	margin-right:0;
}
#event_check_sheet #event_facility,
#event_check_sheet #event_collection {
	min-width:initial;
	float:none;
}
}


/* ------------------------------------
 コレクション報酬 (ドラガリ)
------------------------------------- */
#event_check_sheet #event_collection input[type="number"] {
	width:6.5em;
	text-align:right;
}



/* ------------------------------------
 キャラクター (ドラガリ)
------------------------------------- */
#event_check_sheet #event_adventurer input[type="text"] {
	width:4em;
	text-align:right;
}


/* ------------------------------------
 祝章 (ドラガリ)
------------------------------------- */
#event_check_sheet #event_emblem li {
	padding:1em 0;
}
#event_check_sheet #event_emblem li:first-child {
	padding:0 0 1em;
}
#event_check_sheet #event_emblem h4 {
	text-align:left;
	font-weight:normal;
	padding-left:3em;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:0.8em center;
}
#event_check_sheet #event_emblem .list_00 h4 {
	background-image:url("img/dragali/icon_embm_Bronz.png");
}
#event_check_sheet #event_emblem .list_01 h4 {
	background-image:url("img/dragali/icon_embm_Silver.png");
}
#event_check_sheet #event_emblem .list_02 h4 {
	background-image:url("img/dragali/icon_embm_Gold.png");
}

#event_check_sheet #event_emblem input[type="text"] {
	width:5em;
	text-align:right;
}


/* smartPhone */
@media screen and (max-width: 640px) {
#event_check_sheet #event_emblem h4 {
	padding-left:2em;
	background-position:0em center;
}
}

/* ------------------------------------
 ドラゴン・ミッション (ドラガリ)
------------------------------------- */
#event_check_sheet .check_list {
	overflow:hidden;
	line-height:1.4;
	border:2px solid #999;
	border-radius:10px;
	max-width:480px;
}
#event_check_sheet .check_list > li {
	border-top:1px solid #999;
	width:100%;
}
#event_check_sheet .check_list ul {
	display:table;
	width:100%;
	overflow:hidden;
	position:relative;
}
#event_check_sheet .check_list ul li {
	display:table-cell;
	padding:1em 0;
	vertical-align:middle;
}
#event_check_sheet .check_list .list_head {
	color:#fff;
	background:#666;
	text-align:center;
	font-size:80%;
	padding:0;
}
#event_check_sheet #event_dragon .item_00,
#event_check_sheet #event_dragon .item_01,
#event_check_sheet #event_dragon .item_03,
#event_check_sheet #event_endeavors .item_00,
#event_check_sheet #event_endeavors .item_01,
#event_check_sheet #event_endeavors .item_03 {
	width:48px;
}
#event_check_sheet #event_dragon .item_00,
#event_check_sheet #event_dragon .item_03,
#event_check_sheet #event_endeavors .item_00,
#event_check_sheet #event_endeavors .item_03 {
	text-align:center;
}
#event_check_sheet #event_dragon .list_item .item_02,
#event_check_sheet #event_endeavors .list_item .item_02 {
	padding:0.5em 0.5em 0.5em 0.8em;
}
#event_check_sheet .check_list .item_02 span {
	display:inline-block;
	padding-top:0.8em;
}

#event_check_sheet .check_list .item_icon {
	width:40px;
	height:40px;
	margin:auto;
	text-indent:200%;
	white-space:nowrap;
	overflow:hidden;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url("img/dragali/item_Wyrmite.png");
	position:relative;
}
#event_check_sheet .check_list .item_icon span {
	position:absolute;
	right:0;
	bottom:0;
	font-size:10px;
	text-shadow: 1px 1px 0 #fff,
                    -1px 1px 0 #fff,
                     1px -1px 0 #fff,
                    -1px -1px 0 #fff;
	text-indent:0;
}
#event_check_sheet .check_list .total {
	padding-top:3px;
}
#event_check_sheet .check_list .total p {
	display:block;
	text-align:right;
	margin:0;
	padding:1em;
	border-top:1px solid #999;
}

/* smartPhone */
@media screen and (max-width: 640px) {
#event_check_sheet #event_dragon .item_01,
#event_check_sheet #event_dragon .item_03,
#event_check_sheet #event_endeavors .item_01,
#event_check_sheet #event_endeavors .item_03 {
	width:38px;
}
#event_check_sheet .check_list .item_icon {
	width:32px;
	height:32px;
	font-size:80%;
}
#event_check_sheet #event_dragon .list_head .item_02,
#event_check_sheet #event_endeavors .list_head .item_02 {
	font-size:100%;
}
#event_check_sheet #event_dragon .item_02,
#event_check_sheet #event_endeavors .item_02 {
	font-size:80%;
}

#event_check_sheet .check_list .list_head {
	font-size:12px;
}
}



/* ------------------------------------
 クエスト・サーヴァント (FGO)
------------------------------------- */
#event_check_sheet #event_quest00 {
	margin-bottom:3em;
}
#event_check_sheet #event_quest01 {
	margin-top:3em;
}
#event_check_sheet .event_quest .item_01,
#event_check_sheet #event_quest .item_01,
#event_check_sheet #event_servant .item_01 {
	width:auto;
}
#event_check_sheet .event_quest .item_00,
#event_check_sheet .event_quest .item_02,
#event_check_sheet .event_quest .item_03,
#event_check_sheet #event_quest .item_00,
#event_check_sheet #event_quest .item_02,
#event_check_sheet #event_quest .item_03,
#event_check_sheet #event_servant .item_00,
#event_check_sheet #event_servant .item_02,
#event_check_sheet #event_servant .item_03 {
	width:48px;
}
#event_check_sheet .event_quest .item_00,
#event_check_sheet .event_quest .item_03,
#event_check_sheet #event_quest .item_00,
#event_check_sheet #event_quest .item_03,
#event_check_sheet #event_servant .item_00,
#event_check_sheet #event_servant .item_03 {
	text-align:center;
}
#event_check_sheet .event_quest .item_01 span,
#event_check_sheet #event_quest .item_01 span,
#event_check_sheet #event_servant .item_01 span {
	display:inline-block;
	margin-left:0.5em;
	font-size:80%;
	float:right;
	color:#888;
	padding-top:0.5em;
	padding-right:1em;
}

#event_check_sheet.fgo .check_list .item_icon {
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:none;
	position:relative;
	background-image:url("img/fgo/item_saintstone_full.png");
}


/* smartPhone */
@media screen and (max-width: 640px) {
#event_check_sheet .event_quest .item_02,
#event_check_sheet .event_quest .item_03,
#event_check_sheet #event_quest .item_02,
#event_check_sheet #event_quest .item_03,
#event_check_sheet #event_servant .item_02,
#event_check_sheet #event_servant .item_03 {
	width:38px;
}
#event_check_sheet .event_quest .list_head .item_01,
#event_check_sheet #event_quest .list_head .item_01,
#event_check_sheet #event_servant .list_head .item_01 {
	font-size:100%;
}
#event_check_sheet .event_quest .total,
#event_check_sheet #event_quest .total,
#event_check_sheet #event_servant .total,
#event_check_sheet .event_quest .item_01,
#event_check_sheet #event_quest .item_01,
#event_check_sheet #event_servant .item_01 {
	font-size:80%;
}
}



/* ------------------------------------
 チェックボックス
------------------------------------- */
#event_check_sheet .checkbox_input {
	display:none;
}
#event_check_sheet .checkbox_parts {
	position:relative;
}
#event_check_sheet .checkbox_parts::before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:-5px;
	width:16px;
	height:16px;
	border:1px solid #666;
	border-radius:3px;
}
#event_check_sheet .checkbox_input:checked + .checkbox_parts {
	color:#a00;
}
#event_check_sheet .item_00 .checkbox_input.chk_indt + .checkbox_parts::after,
#event_check_sheet .checkbox_input:checked + .checkbox_parts::after {
	content:"";
	display:block;
	position:absolute;
	top:-5px;
	left:0;
	width:8px;
	height:16px;
	transform:rotate(40deg);
	border-bottom:3px solid #a00;
	border-right:3px solid #a00;
}
#event_check_sheet .item_00 .checkbox_input:checked + .checkbox_parts::after {
	border-bottom:3px solid #0a0;
	border-right:3px solid #0a0;
}
#event_check_sheet .item_00 .checkbox_input.chk_indt + .checkbox_parts::after {
	border-bottom:3px solid #a00;
	border-right :3px solid #a00;
}

/* ------------------------------------
 ゲット・パス表示
------------------------------------- */
#event_check_sheet .tradeshop_item,
#event_check_sheet .list_item {
	background-size:56px;
	background-repeat:no-repeat;
	background-position:right -10px bottom;
}
#event_check_sheet.fgo .check_list ul.get:before {
	content:"CLEAR";
	font-size:90%;
	font-weight:bold;
	color:#fff;
	position:absolute;
	top:40%;
	right:0;
	opacity:0.8;
	transform: rotate(-45deg);
	z-index:100;
}
#event_check_sheet.fgo #event_renovation .check_list ul.get:before {
	top:42%;
}
#event_check_sheet.fgo #event_trade .check_list ul.get:before {
	content:"売り切れ";
	font-size:80%;
	top:40%;
}
#event_check_sheet .tradeshop_item {
	background-position:right -10px bottom;
}

#event_check_sheet #event_trade .get .item_03 select,
#event_check_sheet #event_tradeshop .get .item_02 select,
#event_check_sheet .get {
	background-color:#dfdfdf;
}
#event_check_sheet .pass {
	background-color:#efdfdf;
}
#event_check_sheet.dragali .list_item.get {
	background-image:url("img/dragali/mark_get_Notte.png");
}
#event_check_sheet.dragali .get .tradeshop_item {
	background-image:url("img/dragali/mark_get.png");
}
#event_check_sheet #event_renovation .get .item_04 span,
#event_check_sheet #event_tradeshop .pass .item_02 select,
#event_check_sheet #event_trade .get .item_04 span,
#event_check_sheet #event_trade .pass .item_03 select,
#event_check_sheet .get .item_03 span,
#event_check_sheet .pass .item_00 span {
	display:none;
}
#event_check_sheet .pass .item_01,
#event_check_sheet .pass .item_01a,
#event_check_sheet .pass .item_02 {
	text-decoration:line-through;
}


/* smartPhone */
@media screen and (max-width: 640px) {
#event_check_sheet .tradeshop_item,
#event_check_sheet .list_item {
	background-size:44px;
}
#event_check_sheet.fgo .check_list ul.get:before {
	top:40%;
	font-size:70%;
}
#event_check_sheet.fgo #event_trade .check_list ul.get:before {
	font-size:60%;
	top:40%;
}
}



/* ------------------------------------
 イベント交換 (ドラガリ)
------------------------------------- */
#event_check_sheet #event_tradeshop .item_01 {
	width:86px;
}
#event_check_sheet #event_tradeshop .item_02 {
	width:64px;
}
#event_check_sheet #event_tradeshop .item_00a {
	width:64px;
	vertical-align:top;
	line-height:1;
}
#event_check_sheet #event_tradeshop .item_03 {
	width:48px;
}
#event_check_sheet #event_tradeshop .item_00,
#event_check_sheet #event_tradeshop .item_02,
#event_check_sheet #event_tradeshop .item_03 {
	text-align:center;
}

#event_check_sheet #event_tradeshop .item_n_cost dt,
#event_check_sheet #event_tradeshop .item_n_cost dd,
#event_check_sheet #event_tradeshop .item_n_cost {
	width:100%;
}
#event_check_sheet #event_tradeshop .item_n_cost dt {
	float:none;
	padding:0 0.5em 0 0;
	font-weight:normal;
	text-align:left;
}
#event_check_sheet #event_tradeshop .item_n_cost dd {
	padding:8px 8px 0 0;
}
#event_check_sheet #event_tradeshop .trade_cost {
	text-align:right;
}
#event_check_sheet #event_tradeshop .trade_cost li {
	display:inline-block;
	font-size:70%;
	margin-left:0.5em;
	width:30px;
	height:30px;
	position:relative;
	text-indent:200%;
	white-space:nowrap;
	overflow:hidden;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#ccc;
}
#event_check_sheet #event_tradeshop .trade_cost li span {
	position:absolute;
	bottom:0;
	right:0;
	line-height:1;
	text-shadow: 1px 1px 0 #fff,
                    -1px 1px 0 #fff,
                     1px -1px 0 #fff,
                    -1px -1px 0 #fff;
}

#event_check_sheet #event_tradeshop .trade_cost li.hide {
	display:none;
}


/* smartPhone */
@media screen and (max-width: 640px) {
#event_check_sheet #event_tradeshop .item_00a {
	width:48px;
}
#event_check_sheet #event_tradeshop .item_02 {
	width:56px;
}
#event_check_sheet #event_tradeshop .item_03 {
	width:38px;
}
#event_check_sheet #event_tradeshop .item_n_cost {
	font-size:80%;
}
#event_check_sheet #event_tradeshop .trade_cost li {
	width:24px;
	height:24px;
}

}



/* ------------------------------------
 イベント交換 (FGO)
------------------------------------- */
#event_check_sheet #event_trade {
	overflow:hidden;
	margin-bottom:0;
}

#event_check_sheet .event_trade > div,
#event_check_sheet #event_trade > div {
	margin-bottom:2em;
	width:392px;
	float:left;
}
#event_check_sheet #event_trade > div:nth-of-type(odd) {
	margin-right:2em;
}

#event_check_sheet #event_trade .tradeshop_item {
	min-height:3.5em;
}

#event_check_sheet .event_trade .item_00,
#event_check_sheet #event_trade .item_00 {
	width:64px;
	line-height:1;
}
#event_check_sheet .event_trade .item_01,
#event_check_sheet #event_trade .item_01 {
	padding-right:0.5em;
}
#event_check_sheet .event_trade .item_02,
#event_check_sheet #event_trade .item_02 {
	width:48px;
	text-align:right;
	padding-right:0.5em;
}
#event_check_sheet .event_trade .list_head .item_02,
#event_check_sheet #event_trade .list_head .item_02 {
	text-align:center;
}
#event_check_sheet .event_trade .item_03,
#event_check_sheet #event_trade .item_03 {
	width:64px;
	text-align:center;
	padding:0;
}
#event_check_sheet .event_trade .item_04,
#event_check_sheet #event_trade .item_04 {
	width:48px;
	text-align:center;
}

#event_check_sheet .cost {
	display:block;
	float:right;
	font-size:16px;
	margin:0.5em 0 0.5em 0.5em;
}
#event_check_sheet #graph .trade .item_01 span.cost {
	font-size:100%;
}

/* smartPhone */
@media screen and (max-width: 640px) {
#event_check_sheet #event_trade > div {
	width:auto;
}
#event_check_sheet #event_trade > div:nth-of-type(odd) {
	margin-right:0;
}

#event_check_sheet .event_trade .total,
#event_check_sheet .event_trade .item_00,
#event_check_sheet .event_trade .item_01,
#event_check_sheet .event_trade .item_02,
#event_check_sheet #event_trade .total,
#event_check_sheet #event_trade .item_00,
#event_check_sheet #event_trade .item_01,
#event_check_sheet #event_trade .item_02 {
	font-size:80%;
}
#event_check_sheet .event_trade .list_head .item_00,
#event_check_sheet .event_trade .list_head .item_01,
#event_check_sheet .event_trade .list_head .item_02,
#event_check_sheet #event_trade .list_head .item_00,
#event_check_sheet #event_trade .list_head .item_01,
#event_check_sheet #event_trade .list_head .item_02 {
	font-size:100%;
}
#event_check_sheet .event_trade .item_00,
#event_check_sheet #event_trade .item_00 {
	width:48px;
}
#event_check_sheet .event_trade .item_03,
#event_check_sheet #event_trade .item_03 {
	width:56px;
}
#event_check_sheet .event_trade .item_02,
#event_check_sheet .event_trade .item_04,
#event_check_sheet #event_trade .item_02,
#event_check_sheet #event_trade .item_04 {
	width:38px;
}

}


/* ------------------------------------
 ボックスガチャ リセット式 (FGO)
------------------------------------- */
#event_check_sheet #event_boxreset select {
	width:3.5em;
	padding-left :1em;
	padding-right:0.5em;
}

/* ------------------------------------
 ミッション (FGO)
------------------------------------- */
#event_check_sheet #event_mission input[type="number"]{
	width:4.5em;
	text-align:right;
}

/* ------------------------------------
 ポイント (FGO)
------------------------------------- */
#event_check_sheet #event_points input[type="number"] {
	width:6.5em;
	text-align:right;
}


/* smartPhone */
@media screen and (max-width: 640px) {
  #event_check_sheet #event_points dl,
  #event_check_sheet #event_mission dl {
	font-size:80%;
  }
}


/* ------------------------------------
 ボックスガチャ フル (FGO)
------------------------------------- */
#event_check_sheet #event_boxgacha #boxgacha_wrap {
	max-width:690px;
	overflow:hidden;
}
#event_check_sheet #event_boxgacha .dl_box.box_result {
-	max-width:420px;
	margin-bottom:0.5em;
}
#event_check_sheet #event_boxgacha .box_result dt,
#event_check_sheet #event_boxgacha .box_result dd {
	padding:0;
}
#event_check_sheet #event_boxgacha .box_result dt .item_01,
#event_check_sheet #event_boxgacha .box_result dt .item_03 {
	font-size:80%;
	padding:0.5em 0;
}
#event_check_sheet #event_boxgacha .box_result dd .item_01,
#event_check_sheet #event_boxgacha .box_result dd .item_03 {
	padding:0.5em 0;
}
#event_check_sheet #event_boxgacha .box_result dd {
	border-top:1px dotted #999;
}
#event_check_sheet #event_boxgacha .box_result dd.list_00 {
	border:none;
}
#event_check_sheet #event_boxgacha .box_result dd.list_04 {
	border-top:1px solid #999;
}
#event_check_sheet #event_boxgacha .box_result ul {
	width:100%;
	display:table;
}
#event_check_sheet #event_boxgacha .box_result li {
	display:table-cell;
	vertical-align:middle;
	padding:0.8em 0.5em;
}
#event_check_sheet #event_boxgacha .box_result .item_00 {
	width:auto;
	text-align:center;
}
#event_check_sheet #event_boxgacha .box_result .item_01 {
	width:80px;
}
#event_check_sheet #event_boxgacha .box_result .item_03 {
	width:98px;
}
#event_check_sheet #event_boxgacha .box_result .item_02 {
	width:1em;
	text-align:center;
}
#event_check_sheet #event_boxgacha .box_result .item_04 {
	text-align:right;
	padding-right:1em;
}

#event_check_sheet #event_boxgacha .box_result dd .item_01,
#event_check_sheet #event_boxgacha .box_result dd .item_03 {
	text-align:right;
	padding-right:1em;
}
#event_check_sheet #event_boxgacha .box_result dd span {
	display:inline-block;
}

#event_check_sheet #event_boxgacha .box_data {
	overflow:hidden;
	border:2px solid #999;
	border-radius:10px;
	padding:1em 1em 0 1em;
}
#event_check_sheet #event_boxgacha .box_data input[type="number"] {
	width:4.5em;
	text-align:right;
}
#event_check_sheet #event_boxgacha .box_data select {
	padding:0.5em 1em;
}
#event_check_sheet #event_boxgacha .box_data dl {
	float:left;
}
#event_check_sheet #event_boxgacha .box_data dt,
#event_check_sheet #event_boxgacha .box_data dd {
	width:auto;
-	color:#333;
	text-align:left;
	float:none;
	padding:0;
}
#event_check_sheet #event_boxgacha .box_data dd {
	margin:0 2em 1.5em 0
}

#event_check_sheet #event_boxgacha #boxgacha_05 {
	font-family: MeiryoKe_Gothic, "Ricty Diminished", "Osaka－等幅", "Osaka-等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", "Courier New", Courier, Monaco, Menlo, Consolas, "Lucida Console", monospace;
}


/* ------------------------------------
 概念礼装 (FGO)
------------------------------------- */
#event_check_sheet #event_crafte dt,
#event_check_sheet #event_crafte dd {
	padding:0;
}
#event_check_sheet #event_crafte input[type="number"] {
	width:4em;
	text-align:right;
}
#event_check_sheet #event_crafte ul {
	width:100%;
	display:table;
}
#event_check_sheet #event_crafte li {
	width:50%;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	padding:1em 0;
}
#event_check_sheet #event_crafte dt li {
	padding:0.5em 0;
}
#event_check_sheet #event_crafte li.item_00 {
	border-right:1px dotted #999;
}





/* ------------------------------------
 改築クエスト (FGO)
------------------------------------- */
#event_check_sheet #event_renovation {
}


#event_check_sheet #event_renovation .item_00,
#event_check_sheet #event_renovation .item_02,
#event_check_sheet #event_renovation .item_03,
#event_check_sheet #event_renovation .item_04 {
	width:48px;
}
#event_check_sheet #event_renovation .item_01 {
	width:auto;
}
#event_check_sheet #event_renovation .item_00,
#event_check_sheet #event_renovation .item_04 {
	text-align:center;
}
#event_check_sheet #event_renovation .list_head .item_01 {
	line-height:1.5;
	padding:0;
}

#event_check_sheet #event_renovation .item_01 dt,
#event_check_sheet #event_renovation .item_01 dd {
	float:none;
	width:auto;
	padding:0 0.5em 0 0;
	margin:0;
	font-weight:normal;
	color:#141412;
}
#event_check_sheet #event_renovation .item_01 dt {
	text-align:left;
	overflow:hidden;
	padding-top:0.3em;
}
#event_check_sheet #event_renovation .item_01 dd {
	text-align:left;
	padding-top:0.8em;
}
#event_check_sheet #event_renovation .item_01 dd > span {
	display:inline-block;
	width:30px;
	height:30px;
	margin:0 5px 0 0;
	position:relative;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
#event_check_sheet #event_renovation .item_01 dd > span.satis_point {
	display:inline-block;
	width:auto;
	font-size:80%;
	float:right;
-	color:#666;
	margin-left:0.3em;
	padding-top:0.5em;
}
#event_check_sheet #event_renovation .item_01 dd span span {
	font-size:80%;
	position:absolute;
	bottom:0;
	right:0;
	line-height:1;
	text-shadow: 1px 1px 0 #fff,
                    -1px 1px 0 #fff,
                     1px -1px 0 #fff,
                    -1px -1px 0 #fff;
}
#event_check_sheet #event_renovation .total .list_02 dt,
#event_check_sheet #event_renovation .item_01 dd span.mat0 {
	background-image:url("img/fgo/evnt_EnmaTei_icon_CedarLumber.png");
}
#event_check_sheet #event_renovation .total .list_01 dt,
#event_check_sheet #event_renovation .item_01 dd span.mat1 {
	background-image:url("img/fgo/evnt_EnmaTei_icon_CypressLumber.png");
}
#event_check_sheet #event_renovation .total .list_00 dt,
#event_check_sheet #event_renovation .item_01 dd span.mat2 {
	background-image:url("img/fgo/evnt_EnmaTei_icon_ElmLumber.png");
}
#event_check_sheet #event_renovation .total .list_03 dt {
	background-image:url("img/fgo/evnt_EnmaTei_icon_EnmaTei.png");
	background-size:34px;
}

#event_check_sheet #event_renovation .item_03 span {
	font-size:80%;
	line-height:1;
}
#fgo-event-enmatei #event_check_sheet #event_renovation .total dd.value {
	width:4.5em;
}
#event_check_sheet #event_renovation .get .item_03 span {
	display:inline-block;
}

/* smartPhone */
@media screen and (max-width: 640px) {
#event_check_sheet #event_renovation .item_03,
#event_check_sheet #event_renovation .item_04 {
	width:38px;
}
#event_check_sheet #event_renovation .total,
#event_check_sheet #event_renovation .item_01 {
	font-size:80%;
}
#event_check_sheet #event_renovation .item_01 dt span {
	font-size:90%;
}
#event_check_sheet #event_renovation .list_head .item_01 {
	font-size:100%;
}
#event_check_sheet #event_renovation .item_01 dd > span {
	width:24px;
	height:24px;
}
#event_check_sheet #event_renovation .total .list_03 dt {
	background-size:28px;
}
#event_check_sheet #event_renovation .total dt {
	background-size:24px;
}


}





/* =============================================================================
 アコーディオン
============================================================================= */
#event_check_sheet #accordion .ac_content {
	padding:1.5em 0;
	background-color:#f6f6f6;
	border-bottom:1px solid #ccc;
-	box-shadow: 0px -1px 1px rgba(9,9,9,.2) inset;
}
#event_check_sheet #accordion {
	list-style: none;
	font-size: 16px;
	line-height: 1;
	margin: 0;
	padding: 0;
-	box-shadow: 2px 3px 2px rgba(0,0,0,.2);
	overflow:hidden;
}

#event_check_sheet #accordion h3,
#event_check_sheet #accordion h4 {
	display: block;
	color: #333;
	text-decoration:none;
	margin:0;
	padding: 1em 55px 1em 55px;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
	box-shadow: 2px 3px 2px rgba(0,0,0,.2);
	background-size:2em;
	background-position:8px 50%;
	background-repeat:no-repeat;
	overflow:hidden;
	line-height:1.3;
}
#event_check_sheet #accordion h3 {
	font-size:18px;
	background-color: #cfcfcf;
	padding-top:1em;
	padding-bottom:1em;
	border-bottom: 2px solid #999;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 2px solid #999;
}
#event_check_sheet #accordion h4 {
	font-size:16px;
	background-color: #eee;
	background-position:12px 50%;
	border-bottom: 1px solid #999;
	border-top: 2px solid #fff;
	border-left: 1px solid #999;
	border-right: 2px solid #999;
}
#event_check_sheet #accordion h3 span,
#event_check_sheet #accordion h4 span {
	font-weight:normal;
	font-size:80%;
	color:#333;
	display:inline-block;
	float:right;
	line-height:1.4;

}


#event_check_sheet #accordion .ac_title {
	position:relative;
}
#event_check_sheet #accordion .ac_title.rotate {
-	background:#fff;
}
#event_check_sheet #accordion .ac_title:hover {
	background-color:#999;
	color:#fff;
	cursor:pointer;
	border-top:2px solid #ddd;
}
#event_check_sheet #accordion h3.ac_title:hover {
	border-top:1px solid #ddd;
}
#event_check_sheet #accordion .ac_title:hover::before {
	color:#fff;
}
#event_check_sheet #accordion .ac_title::before {
	content:"▼";
	display:block;
	width:1em;
	height:1em;
	line-height:1;
	color:#2cbb94;
	color:#666;
	text-shadow: 0 1px 1px rgba(255,255,255,.7);
	position:absolute;
	top:0;
	bottom:0;
	right:10px;
	margin:auto;
	-webkit-transition: all .5s;
	transition: all .5s;
	text-shadow:1px 1px 2px #666;
}
#event_check_sheet #accordion .ac_title.rotate::before {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
#event_check_sheet #accordion .buttons {
	margin-bottom:0;
}

#event_check_sheet #accordion .ac_title.rotate:hover {
-	color:#333;
-	cursor:default;
}
#event_check_sheet #accordion .ac_title.rotate:hover::before {
-	color:#666;
}


#event_check_sheet #accordion h3.ac_title.rotate:hover {
-	background-color: #cfcfcf;
}
#event_check_sheet #accordion h4.ac_title.rotate:hover {
-	background-color: #b4d3fb;
}

#event_check_sheet #accordion .check_list .total {
	padding:1em;
}
#event_check_sheet #accordion .check_list .total p {
	padding:0;
	border-top:none;
	line-height:1.8;
}



/* ------------------------------------
各ボックス
------------------------------------- */
#event_check_sheet #accordion #event_points,
#event_check_sheet #accordion .event_trade,
#event_check_sheet #accordion #event_trade,
#event_check_sheet #accordion #event_mission,
#event_check_sheet #accordion #event_quest00,
#event_check_sheet #accordion #event_quest01,
#event_check_sheet #accordion #event_servant {
	margin:0;
	margin-bottom:1em;
}
#event_check_sheet #accordion .ac_content > ul > li,
#event_check_sheet #accordion dd {
	background-color:#fff;
}
#event_check_sheet #accordion .ac_content > ul > li.list_head {
	background-color:#666;
}

#event_check_sheet #accordion .event_trade > div,
#event_check_sheet #accordion #event_trade > div {
	width:auto;
	margin:0;
	float:none;
}



/* smartPhone */
@media screen and (max-width: 640px) {

#event_check_sheet #accordion h3,
#event_check_sheet #accordion h4 {
	font-size:14px;
	padding: 1em 48px;
	padding-right:40px;
}
#event_check_sheet #accordion h4 {
	font-size:13px;
}
}




/* =============================================================================
 FGO イベントチェックシート (Ver.2)
============================================================================= */

#event_check_sheet {
	overflow:visible;
}

#event_duration {
	margin:0.5em 0;
}

#event_check_sheet #guide_dialog {
	width:16em;
	height:7em;
	background:#fff;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:50% auto;
	border:2px solid #999;
	border-radius:10px;
	padding-top:1em;
	text-align:center;
	display:none;
}

/* smartPhone */
@media screen and (max-width: 640px) {
  #event_check_sheet #guide_dialog {
	font-size:80%;
	width:14em;
	height:10.5em;
	padding-top:2em;

	left:auto;
	right:15px;
	margin:150% 0;
  }
}

/* ------------------------------------
グラフ表示
------------------------------------- */
#event_check_sheet #graph {
	border:2px solid #999;
	border-left:none;
	border-right:none;
	border-radius:10px;
	overflow:hidden;
}
#event_check_sheet #graph .graph_head {
	display:table;
	width:100%;
	border-radius:0;
}
#event_check_sheet #graph .graph_head h3,
#event_check_sheet #graph .graph_head .graph_body {
	display:table-cell;
}
#event_check_sheet #graph .graph_head h3 {
	width:110px;
	height:70px;
	margin:0;
	padding:0;
	overflow:hidden;
	font-size:16px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	border-radius:0;
	padding:5px 0;
	border-left:2px solid #999;
}
#event_check_sheet #graph .graph_head h3.icon {
	font-size:10px;
	vertical-align:bottom;
	text-shadow: 1px 1px 0 #fff,
                    -1px 1px 0 #fff,
                     1px -1px 0 #fff,
                    -1px -1px 0 #fff;
	position:relative;
	background-size:50px;
	background-position:center;
	background-repeat:no-repeat;
-	background-image:url("img/fgo/item_legn_HolyGrail.png")
}
#event_check_sheet #graph #quest0 .graph_head h3 {
	background-image:url("img/fgo/item_legn_HolyGrail.png")
}
#event_check_sheet #graph #quest1 .graph_head h3 {
	background-image:url("img/fgo/item_skill_CrystallizedLore.png")
}
#event_check_sheet #graph #mission .graph_head h3 {
	background-image:url("img/fgo/item_AppleGolden.png")
}
#event_check_sheet #graph .graph_head h3.icon:before {
	content:'';
	display:block;
	width:90%;
	height:95%;
	border-radius:10px;
	background:#b4d3fb;
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
	z-index:-10;
	opacity:0;
	-webkit-transition: all .5s;
	transition: all .5s;
}
#event_check_sheet #graph .graph_head.rotate h3.icon:before {
-	opacity:0;
}
#event_check_sheet #graph .graph_body {
	vertical-align:middle;
	background:#ffe;
	border-left:1px solid #999;
	border-right:2px solid #999;
	border-radius:0;
	padding-right:10px;
	overflow:hidden;
}
#event_check_sheet #graph .graph_spacer {
	height:20px;
	position:relative;
	overflow:hidden;
	border-left:2px solid #999;
	border-right:2px solid #999;
}
#event_check_sheet #graph .graph_spacer.inner {
	height:15px;
}
#event_check_sheet #graph .graph_spacer:after {
	content:'';
	display:block;
	border-left:1px solid #999;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:108px;
	background:#ffe;
}
#event_check_sheet #graph .graph_bar {
	width:0;
	height:40px;
	line-height:40px;
	display:block;
	overflow:visible;
	white-space:nowrap;
	background: linear-gradient(to right, #dcf, #bbf);
	border-bottom: 3px solid #99d;
	border-radius:0 10px 10px 0;
}
#event_check_sheet #graph .period .graph_bar {
	background:linear-gradient(to right, #fab, #f99);
	border-bottom:3px solid #d77;
}
#event_check_sheet #graph .overall .graph_bar {
	background:linear-gradient(to right, #9e9, #7e7);
	border-bottom:3px solid #5c5;
}
#event_check_sheet #graph .trade .graph_bar {
	background:linear-gradient(to right, #fe8, #fd6);
	border-bottom:3px solid #db4;
}
#event_check_sheet #graph .graph_bar span {
	display:inline-block;
	vertical-align:middle;
}
#event_check_sheet #graph .graph_bar span:first-child {
	width:4.5em;
	text-align:right;
	margin-right:0.5em;
}


#event_check_sheet #graph div.ac_content_sub,
#event_check_sheet #graph div.ac_content {
	width:100%;
	height:auto;
	border-bottom:2px dotted #999;
	border-radius:0;
	padding:1.5em 0;
	margin:0;
	transition:none;
-display:none;
}
#event_check_sheet #graph div.ac_content_sub {
	border:none;
	border-bottom:1px solid #999;
	padding:1em 0 2em 0;
}
#event_check_sheet #graph div.ac_content_sub:last-child {
	border:none;
}

#event_check_sheet #graph div.ac_content p {
	margin-bottom:0;
}

#event_check_sheet #graph .ac_head:hover,
#event_check_sheet #graph .ac_head:hover .graph_body {
	cursor:pointer;
	background-color:#b4d3fb;
}

#event_check_sheet #graph .ac_head.rotate {
	border-bottom:2px dotted #999;
}


#event_check_sheet #graph h4 {
	font-weight:bold;
	padding:0.8em 3.3em;
	margin:0;
	position:relative;
	overflow:hidden;

	border-top:1px solid #fff;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;

	background-color:#eee;
	background-size:2em;
	background-repeat:no-repeat;
	background-position:0.5em 50%;
-	background-image:url("img/fgo/item_seihai.png")
}
#event_check_sheet #graph h4:hover {
	cursor:pointer;
	background-color:#b4d3fb;
	color:#fff;
	border-top:1px solid #ccc;
	border-left:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
}
#event_check_sheet #graph div.ac_content h4:first-child {
	border-top:1px solid #999;
}
#event_check_sheet #graph div.ac_content h4:first-child:hover {
	border-top:1px solid #666;
}
#event_check_sheet #graph h4::after {
	content:'▼';
	height:1em;
	width:1em;
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	right:0.5em;
	margin:auto;
	line-height:1;
}
#event_check_sheet #graph h4.rotate {
	background-color:#b4d3fb;
}
#event_check_sheet #graph h4.rotate::after {
	-webkit-transition: all .5s;
	transition: all .5s;
	transform:rotate(180deg)
}

#event_check_sheet #graph h4 span {
	font-weight:normal;
	float:right;
	font-size:80%;
}
#event_check_sheet #graph h4 span {
	transition:none;
}
#event_check_sheet #graph h4 span.h4_sub {
	float:none;
}

#event_check_sheet #event_graph #event_quest00 {
-	margin:0;
}
#event_check_sheet #graph ul ul {
	border-radius:0;
}
#event_check_sheet #graph .check_list .total {
	padding:1em;
}
#event_check_sheet #graph .check_list .total p {
	border:none;
	padding:0;
	color:#333;
	line-height:1.8;
}


/* smartPhone */
@media screen and (max-width: 640px) {

  #event_check_sheet #graph,
  #event_duration {
	font-size:80%;
  }
  #event_duration {
	line-height:1.5;
	text-indent:-5em;
	padding-left:5em;
  }
  #event_check_sheet #graph .graph_head h3 {
	font-size:12px;
	min-width:64px;
	width:64px;
	height:60px;
  }
  #event_check_sheet #graph .graph_spacer:after {
	left:62px;
  }
  #event_check_sheet #graph .graph_head h3.icon {
	background-size:40px;
  }
  #event_check_sheet #graph h4 {
	line-height:1.4;
	padding-top:1em;
  }

  #event_check_sheet #graph div.ac_content a {
	font-size:16px;
  }

  #event_check_sheet #graph #graph_period_info {
	font-size:90%;
  }

}




/* ------------------------------------
イベント クエスト・サーヴァント系
------------------------------------- */
#event_check_sheet #graph .quest .item_01 {
	width:auto;
}
#event_check_sheet #graph .quest .item_00,
#event_check_sheet #graph .quest .item_02,
#event_check_sheet #graph .quest .item_03 {
	width:48px;
	text-align:center;
}
#event_check_sheet #graph .quest .item_01 span {
	display:inline-block;
	margin-left:0.5em;
	font-size:80%;
	float:right;
	color:#888;
	padding-top:0.5em;
	padding-right:1em;
}

#event_check_sheet #graph .quest .check_list li span.questlist_text_bef,
#event_check_sheet #graph .quest .check_list li span.questlist_text_aft {
	display:block;
	margin:0.3em 0 0.3em 0;
	padding:0;
	color:#666;
	font-size:80%;
	float:none;
}
#event_check_sheet #graph .quest .check_list li span.questlist_text_bef {
	margin-left:-0.5em;
}
#event_check_sheet #graph .quest .check_list li span.questlist_text_aft {
	display:inline-block;
	color:#077;
	margin-top:0;
}
/* smartPhone */
@media screen and (max-width: 640px) {

  #event_check_sheet #graph .quest .item_00 {
-	width:40px;
  }
  #event_check_sheet #graph .quest .item_00,
  #event_check_sheet #graph .quest .item_03 {
	padding-right:5px;
  }
  #event_check_sheet #graph .quest .item_02,
  #event_check_sheet #graph .quest .item_03 {
	width:38px;
  }
  #event_check_sheet #graph .quest .list_head {
	font-size:10px;
  }
}





/* ------------------------------------
イベントクエスト(素材付き)
------------------------------------- */
#event_check_sheet #graph .quest.material .item_00,
#event_check_sheet #graph .quest.material .item_02,
#event_check_sheet #graph .quest.material .item_03,
#event_check_sheet #graph .quest.material .item_04 {
	width:48px;
}
#event_check_sheet #graph .quest.material .item_01 dt,
#event_check_sheet #graph .quest.material .item_01 dd {
	float:none;
	width:auto;
	padding:0 0.5em 0 0;
	margin:0;
	font-weight:normal;
	color:#141412;
}
#event_check_sheet #graph .quest.material .item_01 dt {
	text-align:left;
	overflow:hidden;
	padding-top:0.3em;
}
#event_check_sheet #graph .quest.material .item_01 dd {
	text-align:left;
	padding-top:0.3em;
	overflow:hidden;
}
#event_check_sheet #graph .quest.material .item_01 dd > span {
	display:inline-block;
	width:30px;
	height:30px;
	margin:0 5px 0 0;
	position:relative;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	float:left;
}
#event_check_sheet #graph .quest.material .item_01 dd > span.satis_point {
	display: inline-block;
	width:auto;
	margin-left:0.3em;
	font-size: 80%;
	float: right;
	color: #888;
	padding-top: 0.5em;
	padding-right: 0em;

}
#event_check_sheet #graph .quest.material .item_01 dd span span {
	font-size:80%;
	position:absolute;
	bottom:0;
	right:0;
	line-height:1;
	text-shadow: 1px 1px 0 #fff,
                    -1px 1px 0 #fff,
                     1px -1px 0 #fff,
                    -1px -1px 0 #fff;
	color:#141412;
}
#event_check_sheet #graph .quest.material .total .list_02 dt,
#event_check_sheet #graph .quest.material .item_01 dd span.mat0 {
	background-image:url("img/fgo/evnt_EnmaTei_icon_CedarLumber.png");
}
#event_check_sheet #graph .quest.material .total .list_01 dt,
#event_check_sheet #graph .quest.material .item_01 dd span.mat1 {
	background-image:url("img/fgo/evnt_EnmaTei_icon_CypressLumber.png");
}
#event_check_sheet #graph .quest.material .total .list_00 dt,
#event_check_sheet #graph .quest.material .item_01 dd span.mat2 {
	background-image:url("img/fgo/evnt_EnmaTei_icon_ElmLumber.png");
}
#event_check_sheet #graph .quest.material .total .list_03 dt {
	background-image:url("img/fgo/evnt_EnmaTei_icon_EnmaTei.png");
	background-size:34px;
}
#event_check_sheet #graph .quest.material .item_03 span {
	font-size:80%;
	line-height:1;
}
#event_check_sheet #graph .quest.material #event_renovation .total dd.value {
	width:4.5em;
}
#event_check_sheet #graph .quest.material .get .item_03 span {
	display:none;
}

/* smartPhone */
@media screen and (max-width: 640px) {
  #event_check_sheet #graph .quest.material .item_03,
  #event_check_sheet #graph .quest.material .item_04 {
	width:38px;
  }
  #event_check_sheet #graph .quest.material .list_head .item_01 {
	font-size:100%;
  }
  #event_check_sheet #graph .quest.material .item_01 dd > span {
	width:26px;
	height:26px;
  }
  #event_check_sheet #graph .quest.material .total .list_03 dt {
	background-size:28px;
  }
  #event_check_sheet #graph .quest.material .total dt {
	background-size:24px;
  }
}






/* ------------------------------------
イベント ポイント・ミッション系
------------------------------------- */
#event_check_sheet #mission input[type="number"],
#event_check_sheet #point input[type="number"] {
    width: 4.5em;
    text-align: right;
}
#event_check_sheet #point input[type="number"] {
    width: 7em;
}





/* ------------------------------------
アイテム交換
------------------------------------- */
#event_check_sheet #graph .trade .item_00 {
	vertical-align:top;
}
#event_check_sheet #graph .trade .item_01 {
	width:auto;
	padding-right:0.5em;
}
#event_check_sheet #graph .trade .item_00,
#event_check_sheet #graph .trade .item_03 {
	width:64px;
}
#event_check_sheet #graph .trade .item_02,
#event_check_sheet #graph .trade .item_04 {
	width:48px;
}
#event_check_sheet #graph .trade .item_02 {
	text-align:right;
}
#event_check_sheet #graph .trade .item_03,
#event_check_sheet #graph .trade .item_04 {
	text-align:center;
}
#event_check_sheet #graph .trade .list_head li {
	text-align:center;
}

#event_check_sheet #graph .trade .item_01 span {
	font-size:80%;
	color:#666;
}
#event_check_sheet #graph .trade .item_01 span span {
	font-size:100%;
}

#event_check_sheet #graph .get .item_04 label,
#event_check_sheet #graph .pass .item_03 select {
	display:none;
}

#event_check_sheet.fgo .trade .check_list ul.get:before {
	content:"売り切れ";
	font-size:80%;
	top:40%;
}




/* smartPhone */
@media screen and (max-width: 640px) {

  #event_check_sheet #graph .trade .list_head {
	font-size:10px;
  }

  #event_check_sheet #graph .trade .item_00 {
	width:44px;
  }
  #event_check_sheet #graph .trade .item_03 {
	width:48px;
  }
  #event_check_sheet #graph .trade .item_02 {
	width:36px;
	padding-right:5px;
  }
  #event_check_sheet #graph .trade .item_04 {
	width:38px;
  }

  #event_check_sheet.fgo .trade .check_list ul.get:before {
	top:40%;
	font-size:70%;
  }



}





/* ------------------------------------
マップ系クエスト
------------------------------------- */
#event_check_sheet.fgo .mapq_box {
	max-width:100%;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch;
}
#event_check_sheet.fgo .mapq_wrap {
	position:relative;
	overflow:hidden;
}

#event_check_sheet.fgo .mapq_box img {
	border:none;
	margin:0;
}

#event_check_sheet.fgo .mapq_box li {
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	padding:0;
	border:none;
	border-radius:4px;
-	border:1px solid #fff;
}
#event_check_sheet.fgo .mapq_box .item_icon {
	width:100%;
	height:100%;
}
#event_check_sheet.fgo .mapq_box .item_icon:hover {
	cursor:pointer;
	opacity:0.8;
-	transform:scale(1.1);
	-webkit-transition: all .1s;
	transition: all .1s;
}

#event_check_sheet.fgo .mapq_box li p {
	display:none;
}

#event_check_sheet.fgo .mapq_box .checkbox_input:checked + .item_icon:after {
	content:"";
	display:block;
	position:absolute;
	top:22%;
	left:20%;
	width:20px;
	height:10px;
	border-left:5px solid #00ff66;
	border-bottom:5px solid #00ff66;
	transform: rotate(-45deg);
	z-index:20;
}
#event_check_sheet.fgo .mapq_box .checkbox_input:checked + .item_icon:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	background:#000;
	opacity:0.5;
	z-index:10;
}


/* smartPhone */
@media screen and (max-width: 640px) {
  #event_check_sheet .mapq_box .check_list .item_icon {
	width:40px;
	height:40px;
	font-size:100%;
  }
}





/* =============================================================================
 FGO イベントチェックシート (Ver.3)
============================================================================= */
#event_check_sheet.ver3 ul li {
	transition:none;
}

#event_check_sheet.ver3 #graph .quest.material .item_00 {
	font-size:10px;
}

#event_check_sheet.ver3 #graph .quest .item_02 {
	width:60px;
}

#event_check_sheet.fgo.ver3 #graph .check_list ul.get:before,
#event_check_sheet.fgo.ver3 #graph .check_list ul.pass:before {
	opacity:0.8;
	right:3px;
	font-size:16px;
	color:#090;
	transform: rotate(-15deg);
	text-shadow: 1px 1px 0 #fff,
                    -1px 1px 0 #fff,
                     1px -1px 0 #fff,
                    -1px -1px 0 #fff;
}
#event_check_sheet.fgo.ver3 #graph .check_list ul.pass:before {
	content:'PASS';
	font-weight:bold;
	color:#a00;
	position:absolute;
	top:40%;
	right:8px;
	z-index:100;
}

#event_check_sheet.ver3 #graph .pass .item_00 span {
	display:inline-block;
}


#event_check_sheet.ver3 #graph .check_list dl dt {
	float:none;
	clear:both;
	padding:0;
	color:#141412;
	padding-right:8px;
}

#event_check_sheet.ver3 #graph .check_list dt {
	font-weight:normal;
	width:auto;
	text-align:left;
}
#event_check_sheet.ver3 #graph .check_list dd {
	padding:0.2em 0 0 0;
	overflow:hidden;
}
#event_check_sheet.ver3 #graph .quest .mat0,
#event_check_sheet.ver3 #graph .quest .mat1,
#event_check_sheet.ver3 #graph .quest .mat2 {
	float:left;
	margin:0.5em 5px 0 0;
	padding:0;
	width:30px;
	height:30px;
	position:relative;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:50%;
	background-image: url(img/fgo/event/servafes_icon_DoujinsVitality.png);
}
#event_check_sheet.ver3 #graph .quest .item_01 span span {
	position:absolute;
	bottom:0;
	right:0;
	margin:0;
	padding:0;
	color:#141412;
	text-shadow: 1px 1px 0 #fff,
                    -1px 1px 0 #fff,
                     1px -1px 0 #fff,
                    -1px -1px 0 #fff;
}

#event_check_sheet.fgo.ver3 #graph .trade .check_list ul.get:before,
#event_check_sheet.fgo.ver3 #graph .trade  .check_list ul.pass:before {
	right:auto;
	left:10px;
}
#event_check_sheet.fgo.ver3 #graph .trade  .check_list ul.get:before {
	font-size:12px;
	left:8px;
}
#event_check_sheet.ver3 #graph .trade  .get .item_04 label,
#event_check_sheet.ver3 #graph .trade  .pass .item_03 select {
	display:inline-block;
}
#event_check_sheet.ver3 #graph .trade .item_00 {
	vertical-align:middle;
}
#event_check_sheet.ver3 #graph .trade .item_03 {
	width:80px;
}
#event_check_sheet.ver3 #graph .quest .item_01 span.quest_name {
	float:none;
	display:block;
	margin:0;
	padding:0;
	font-size:100%;
	color:#141412;
}
#event_check_sheet.ver3 #graph .quest .check_list li span.questlist_text_bef {
	margin-left:0;
	color:#c00;
	font-weight:bold;
}
#event_check_sheet.ver3 .pass dt span {
	text-decoration:line-through;
}

#event_check_sheet.ver3 #graph .quest .item_01 span {
	padding-top:0;
}

#event_check_sheet.ver3 #graph .trade .item_01 span {
	display:block;
	width:100%;
	border-top:1px dotted #999;
	margin-bottom:0;
	padding-top:0.5em;
	text-align:right;
	color:#141412;
}
#event_check_sheet #graph .trade .item_01 span.questlist_text_bef {
	display:block;
	color:#c33;
	font-weight:bold;
	text-align:left;
	border-top:none;
}


/* smartPhone */
@media screen and (max-width: 640px) {
  #event_check_sheet.ver3 #graph .quest .item_02 {
	width:48px;
  }

  #event_check_sheet.fgo.ver3 #graph .check_list ul.get:before {
	right:2px;
	font-size:14px;
  }
  #event_check_sheet.fgo.ver3 #graph .check_list ul.pass:before {
	right:4px;
	font-size:14px;
  }

  #event_check_sheet.ver3 #graph .quest .mat0,
  #event_check_sheet.ver3 #graph .quest .mat1,
  #event_check_sheet.ver3 #graph .quest .mat2 {
	width:24px;
	height:24px;
  }

  #event_check_sheet.fgo.ver3 #graph .trade  .check_list ul.pass:before {
	left:4px;
  }
  #event_check_sheet.fgo.ver3 #graph .trade  .check_list ul.get:before {
	font-size:11px;
	left:0;
  }
  #event_check_sheet.ver3 #graph .trade .item_03 {
	width:64px;
  }

  #event_check_sheet #graph .trade .item_01 .questlist_text_bef {
	font-size:100%;
  }

}


/* ------------------------------------
 ポイント
------------------------------------- */
#event_check_sheet.ver3 #point .dl_box dd {
	padding-left:0;
	padding-right:0;
}



/* ------------------------------------
 グラフ表示 設定
------------------------------------- */
#event_check_sheet ul#graph.ver3 li {
	transition: none;
}
#event_check_sheet #graph .graph_hidden {
	display:none;
}

#event_check_sheet #graph_config {
	margin:0 0 0.5em;
}

#event_check_sheet #graph_config .style_button {
	display:block;
	width:auto;
	margin:0 0 1em 0;
	padding:0 1em 0 2em;
}
#event_check_sheet #graph_config .style_button.open {
	margin:0 0 1.7em 0;
}
#event_check_sheet #graph_config .style_button::after {
	content:"▼";
	position:absolute;
	left:0.5em;
	text-shadow: 1px 1px 0 #666,
                    -1px 1px 0 #fff,
                     1px -1px 0 #666,
                    -1px -1px 0 #666;
	transition: all .5s;
-	color:#00c;
}
#event_check_sheet #graph_config .style_button.open::after {
	transform:rotate(-180deg);
	color:#c00;
}


#event_check_sheet #graph_config p + ul {
	width:100%;
	padding:0px 10px;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	position:relative;
	border-left:2px solid #999;
	border-right:2px solid #999;
	border-radius:10px;
	background:#f6f6f6;
	opacity:0;
	transition: all .5s;
}
#event_check_sheet #graph_config p.open + ul {
	padding:10px;
	border:2px solid #999;
	opacity:1;
}
#event_check_sheet #graph_config p + ul:before {
	content:"";
	position:absolute;
	top:-24px;
	left:50px;
	margin-left:-15px;
	z-index:2;
}
#event_check_sheet #graph_config p.open + ul:before {
	border:12px solid transparent;
	border-bottom:12px solid #f6f6f6;
}
#event_check_sheet #graph_config p + ul:after {
	content:"";
	position:absolute;
	top:-29px;
	left:50px;
	margin-left:-17px;
	z-index:1;
}
#event_check_sheet #graph_config p.open + ul:after {
	border:14px solid transparent;
	border-bottom:14px solid #999;
}
#event_check_sheet #graph_config p + ul li {
	margin:0;
}
#event_check_sheet #graph_config p.open + ul li {
	margin:5px 0;
}

#event_check_sheet #graph_config label:hover {
	cursor:pointer;
}

#event_check_sheet #graph_config input {
	display:none;
}
#event_check_sheet #graph_config p + ul label > span {
	display:block;
	width:44px;
	height:0px;
	margin:0px 10px;
	position:relative;
	background-size:40px 44px;
	background-repeat:no-repeat;
	background-position:center;
	border-radius:5px;
}
#event_check_sheet #graph_config p.open + ul label > span {
	height:48px;
	margin:5px 10px;
}
#event_check_sheet #graph_config p + ul label > input + span:hover {
	background-color:#6699ff;
}

#event_check_sheet #graph_config p + ul label > input + span:before {
	content:"";
	display:block;
	position:absolute;
	width:44px;
	height:0px;
	background:#000;
	opacity:0.3;
	z-index:100;
	border-radius:5px;
}
#event_check_sheet #graph_config p.open + ul label > input + span:before {
	height:48px;
}
#event_check_sheet #graph_config p + ul label > input:checked + span .checkmark:before,
#event_check_sheet #graph_config p + ul label > input:checked + span .checkmark:after,
#event_check_sheet #graph_config p + ul label > input:checked + span:before,
#event_check_sheet #graph_config p + ul label > input:checked + span:after {
	display:none;
}


#event_check_sheet #graph_config p + ul .itemtext {
	display:none;
	width:100%;
	position:absolute;
	bottom:0;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	line-height:1.2;
	text-shadow: 1px 1px 0 #fff,
                    -1px 1px 0 #fff,
                     1px -1px 0 #fff,
                    -1px -1px 0 #fff;
}
#event_check_sheet #graph_config p.open + ul .itemtext {
	display:inline-block;
}

#event_check_sheet #graph_config p + ul .checkmark {
	display:block;
	width:44px;
	height:48px;
	position:relative;
}
#event_check_sheet #graph_config p + ul .checkmark:before,
#event_check_sheet #graph_config p + ul .checkmark:after {
	display:none;
	content:'';
	width:26px;
	height:26px;
	position:absolute;
	top:20px;
	z-index:500;
}
#event_check_sheet #graph_config p.open + ul .checkmark:before,
#event_check_sheet #graph_config p.open + ul .checkmark:after {
	display:block;
}
#event_check_sheet #graph_config p + ul .checkmark:before {
	border-right:4px solid #f00;
	transform:rotate(-45deg);
	right:15px;
}
#event_check_sheet #graph_config p + ul .checkmark:after {
	border-left:4px solid #f00;
	transform:rotate(45deg);
	left:16px;
}



/* ------------------------------------
 ボックスガチャ
------------------------------------- */
#event_check_sheet .boxgacha .check_list > li {
	border-top:1px dotted #999;
}
#event_check_sheet .boxgacha .check_list .list_head {
	border:none;
}
#event_check_sheet .boxgacha .check_list .list_00,
#event_check_sheet .boxgacha .check_list .list_04 {
	border-top:1px solid #999;
}
#event_check_sheet.ver3 .boxgacha .item_00 {
	width:auto;
	text-align:center;
}
#event_check_sheet.ver3 .boxgacha .item_01,
#event_check_sheet.ver3 .boxgacha .item_03 {
	width:100px;
	text-align:right;
}
#event_check_sheet.ver3 .boxgacha .item_02,
#event_check_sheet.ver3 .boxgacha .item_04 {
	width:50px;
	text-align:right;
}
#event_check_sheet.ver3 .boxgacha .item_04 {
	text-align:center;
}
#event_check_sheet.ver3 .boxgacha .list_head .item_01,
#event_check_sheet.ver3 .boxgacha .list_head .item_03 {
	text-align:center;
}
#event_check_sheet.ver3 .boxgacha .list_head .item_03 {
	padding-left:16px;
}
#event_check_sheet.ver3 .boxgacha .item_05 {
	width:300px;
	text-align:center;
}
#event_check_sheet .boxgacha #box_disp span {
	display:inline-block;
}


/* データ入力部 */

#event_check_sheet.ver3 .boxgacha #box_data {
	margin-top:1em;
	padding:0;
}
#event_check_sheet.ver3 .boxgacha #box_data > li {
	width:auto;
	border:none;
	margin:0;
	padding:1em 2em;
	border-bottom:1px dotted #999;
	overflow:hidden;
}
#event_check_sheet.ver3 .boxgacha #box_data > li:last-child,
#event_check_sheet .boxgacha #box_data .list_00,
#event_check_sheet .boxgacha #box_data .list_04 {
	border:none;
}

#event_check_sheet.ver3 .boxgacha #box_data ul {
	width:50%;
	max-width:10em;
	float:left;
}
#event_check_sheet.ver3 .boxgacha #box_data ul.list_06 {
	width:100%;
	max-width:initial;
}
#event_check_sheet.ver3 .boxgacha #box_data ul li {
	display:block;
	width:auto;
	padding:0;
	text-align:left;
}
#event_check_sheet.ver3 .boxgacha #box_data ul .item_00 {
	margin-bottom:0.3em;
}

#event_check_sheet.ver3 .boxgacha #box_data input {
	width:4.5em;
	text-align:right;
	padding:0.5em;
}
#event_check_sheet.ver3 .boxgacha #box_data .list_01 input {
	width:6em;
}
#event_check_sheet.ver3 .boxgacha #box_data select {
	font-family:MeiryoKe_Gothic, "Ricty Diminished", "Osaka－等幅", "Osaka-等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", "Courier New", Courier, Monaco, Menlo, Consolas, "Lucida Console", monospace;
	width:100%;
}

.text_red {
	color:#ff0000;
}

/* smartPhone */
@media screen and (max-width: 640px) {
  #event_check_sheet.ver3 .boxgacha .item_01,
  #event_check_sheet.ver3 .boxgacha .item_03 {
	width:66px;
	font-size:16px;
  }
  #event_check_sheet.ver3 .boxgacha .item_02,
  #event_check_sheet.ver3 .boxgacha .item_04 {
	width:30px;
 }
  #event_check_sheet.ver3 .boxgacha .list_head .item_01,
  #event_check_sheet.ver3 .boxgacha .list_head .item_03 {
	font-size:100%;
  }
  #event_check_sheet.ver3 .boxgacha .item_05 {
	width:192px;
	font-size:16px;
  }

  #event_check_sheet.ver3 .boxgacha #box_data > li {
	padding:1em;
  }
  #event_check_sheet.ver3 .boxgacha #box_data ul li {
	font-size:100%;
  }
}


/* smartPhone */
@media screen and (max-width: 640px) {

  #event_check_sheet #graph_config .style_button {
	font-size:14px;
  }

  #event_check_sheet #graph_config p + ul {
	padding:0px 0px;
  }
  #event_check_sheet #graph_config p.open + ul {
	padding:5px 0px;
  }

  #event_check_sheet .buttons input[type="button"],
  #event_check_sheet .buttons a {
	font-size:14px;
  }
  #event_check_sheet #graph div.ac_content a {
	font-size:14px;
  }

}



/* ------------------------------------
 概念礼装
------------------------------------- */
#event_check_sheet #graph #graph_crftesnc {
	width:100%;
	border:none;
	background:transparent;
	overflow:hidden;
}

#event_check_sheet #crfte_data > li {
	float:left;
	width:50%;
}
#event_check_sheet #crfte_data .list_00 {
	border-right:1px dotted #999;
}

#event_check_sheet #crfte_data li li {
	display:block;
	text-align:center;
}
#event_check_sheet #crfte_data .item_head {
	background:#666;
	color:#fff;
	padding:0.7em 0;
}
#event_check_sheet #crfte_data input {
	width:4em;
	text-align:right;
}


#event_check_sheet #graph #graph_crftesnc span:first-child {
	margin-right:0;
	margin-left:0.5em;
}
#event_check_sheet #graph #graph_crftesnc span.ce04:first-child,
#event_check_sheet #graph_crftesnc .ce04 {
	background-image:url("img/fgo/evnt_HolySambaNight_ce_HolyMaidensTeaching01.png");
	width:30px;
	height:40px;
}
#event_check_sheet #graph #graph_crftesnc span.ce01:first-child,
#event_check_sheet #graph_crftesnc .ce01 {
	background-image:url("img/fgo/evnt_HolySambaNight_ce_HolyMaidensTeaching00.png");
	width:21px;
	height:40px;
}

#event_check_sheet #graph #graph_crftesnc span {
-	margin-left:-10px;
	background-size:contain;
	display:block;
	float:left;
}



/* smartPhone */
@media screen and (max-width: 640px) {
  #event_check_sheet #graph #graph_crftesnc span:first-child {
	margin-left:0.2em;
  }
  #event_check_sheet #graph #graph_crftesnc span.ce04:first-child,
  #event_check_sheet #graph_crftesnc .ce04 {
	width:20px;
	height:27px;
  }
  #event_check_sheet #graph #graph_crftesnc span.ce01:first-child,
  #event_check_sheet #graph_crftesnc .ce01 {
	width:15px;
	height:29px;
  }
}



/* ------------------------------------
 クエスト 報酬アイコン複数時
------------------------------------- */
/* 2個 */
#event_check_sheet.fgo .check_list .item_icon.icon_x2 {
	background-position:right bottom,
                            left top;
}
/* 3個 */
#event_check_sheet.fgo .check_list .item_icon.icon_x3 {
	background-position:right bottom,
                            center center,
                            left top;
}
/* 4個 */
#event_check_sheet.fgo .check_list .item_icon.icon_x4 {
	background-position:right 15% bottom,
                            right top 15%,
                            left bottom 15%,
                            left 15% top;
}
/* 共通 */
#event_check_sheet.fgo .check_list .item_icon.icon_x2,
#event_check_sheet.fgo .check_list .item_icon.icon_x3,
#event_check_sheet.fgo .check_list .item_icon.icon_x4 {
	width:50px;
	height:60px;
	background-size:35px;
}
#event_check_sheet.fgo .check_list .item_icon.icon_x4 {
	background-size:30px;
}

/* smartPhone */
@media screen and (max-width: 640px) {
  /* 2・3個 */
  #event_check_sheet.fgo .check_list .item_icon.icon_x2,
  #event_check_sheet.fgo .check_list .item_icon.icon_x3,
  #event_check_sheet.fgo .check_list .item_icon.icon_x4 {
	width:40px;
	height:50px;
	background-size:28px;
	margin-left:1px;
  }
  #event_check_sheet.fgo .check_list .item_icon.icon_x4 {
	background-size:25px;
  }
}



/* ------------------------------------
 クエスト 先頭アイコン
------------------------------------- */
#event_check_sheet.ver3 #graph .check_list dl.top_icon {
	padding-left:48px;
	background-size:40px;
	background-repeat:no-repeat;
	background-position:left center;
}


/* smartPhone */
@media screen and (max-width: 640px) {
  #event_check_sheet.ver3 #graph .check_list dl.top_icon {
	padding-left:40px;
	background-size:32px;
  }
}