@charset "utf-8";
/* CSS Document */
@import url("reset.min.1.2.css");
html{ width:100%; margin:0; padding:0; background-color:#000; font-family:'微軟正黑體', "游ゴシック", "Hiragino Sans", "Helvetica Neue", "Meiryo" , sans-serif; font-size:15px; color:#fff;}
body{ width:100%; margin:0; padding:0; overflow-x:hidden; position:relative; }

html.iframe{ background-color:transparent; }
html.iframe body{ overflow:hidden;}
/* Firefox專用*/
@-moz-document url-prefix(){
	html.iframe body{ overflow:visible; }
	}
/*chrome&safari專用*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	html.iframe body{ overflow:auto; }
	}

*{ font-size:1em; /*chrome*/-webkit-box-sizing:border-box; /*firefox*/-moz-box-sizing:border-box; box-sizing:border-box;}
*:focus { outline:none; }/*去除藍框*/
.clear{ height:0; clear:both; font-size:0em!important;}

img{ width:100%; height:auto;}
img.l, .l{ display:block;}
img.m, .m{ display:none;}
img.s, .s{ display:none;}
a{ -webkit-tap-highlight-color:rgba(0,0,0,0.2); }
#wrapper a{ width:100%; height:100%; display:block; }
a:hover{cursor:pointer;}
.btn_ov{ width:100%; height:100%; opacity:0.01; transition:opacity 0.1s; position:absolute; left:0; top:0; }	

::selection{ background:#9e2313; color:#fff; text-shadow:none;}
::-moz-selection{ background:#9e2313; color:#fff; text-shadow:none;}

#wrapper{ width:100%; position:relative;}
/*內容區/////////////////////////////////////////////////////////////////////////////*/
section{ background:url(../images/bg_con.jpg) repeat-y center top; background-size:100% auto; position:relative; }

/*conhead 版頭視覺*/
.bg_conhead{ background-repeat:no-repeat; background-size:auto 100%; background-position:center top; image-rendering:-webkit-optimize-contrast; position:relative; }
.bg_conhead > img{ width:auto; height:315px; opacity:0.01; }
.bg_conhead.news{ background-image:url(../images/bg_conhead_news.jpg); background-color:#ece3d4; }
.bg_conhead.guide{ background-image:url(../images/bg_conhead_guide.jpg); background-color:#c89870;}

/*title 版頭視覺標題*/
.bg_conhead .title{ 
					width:100%; height:100%; 
					background-repeat:no-repeat; background-size:27.3rem auto;
					background-position:center center;
					image-rendering:-webkit-optimize-contrast;
					position:absolute; top:0; left:0; 
				}
 .bg_conhead.news .title{ background-image:url(../images/conhead_title_news.png); }
 .bg_conhead.guide .title{ background-image:url(../images/conhead_title_guide.png); }


.content{ width:100%; max-width:900px; min-height:400px; height:auto; margin:0 auto; padding:2.5rem 0 2.9rem 0; 
		  font-family:source-han-sans-japanese; color:#1f1108;
		  text-shadow: 0 0 6px rgba(255, 251, 236, 0.5),0 0 5px rgba(255, 251, 236, 0.5), 0 0 4px rgba(255, 251, 236, 1),0 0 3px rgb(255, 251, 236), 0 0 3px rgba(255, 251, 236, 1);
		  position:relative; 
		}
html.iframe .content{ padding:0; }


/*底圖*/
.bg_conpic{ width:100%; height:100%; 
			background-image: url(../images/bg_conpic.png);
			background-repeat:no-repeat;
			background-position:center bottom;
			background-size:auto;
			position:absolute; top:0; left:0;  z-index:0;
			}


/*============== 最新情報 ==============*/
/*列表*/
ul.news_list{ width:98%; margin:0 auto; padding:0;  position:relative; z-index:5;}
ul.news_list li{ width:100%; padding:.9rem 1rem 1.02rem 1rem;
				background:url(../images/news_line.png) repeat-x bottom;
				}

ul.news_list li:first-of-type{ padding:0rem 1rem 1.02rem 1rem;}
ul.news_list li:hover{ cursor:pointer; }

#news_list li a{ 
				display:flex;  display:-ms-flexbox;
				justify-content:space-between; -ms-flex-pack:justify;
				align-items:center; -ms-flex-align:center;  
				}				

.news_main{ width:90%; font-size:1.41rem; line-height:2.3rem; font-weight:300; }				

/*列表_title*/
ul.news_list .news_title{ color:#1f1108; transition:color 0.1s;  text-decoration:none; 
						  overflow:hidden; text-overflow:ellipsis;/*過長溢出的字省略變...*/ white-space:nowrap;/*不換行*/ 
						  display:block; 
						  }
ul.news_list li:hover .news_title{ color:#7f3815; }

.news_title_block{ display:flex;  display:-ms-flexbox; }

/*列表_date*/
.news_date{ font-size:1.3rem; padding:.5rem 0 .4rem 0; line-height:1.3rem; }
ul.news_list .news_date{ color:#b1844a; transition:color 0.1s; display:inline-block;}
ul.news_list li:hover .news_date{ color:#7f3815; }

.news_type{ width:auto; height:2.3rem; padding:0 .5rem 0 0; vertical-align:middle; display:table; }
.news_type > div{ width:100%; height:100%;  
	            vertical-align:middle; text-align:left; display:table-cell; /*垂直置中*/
				}
.news_type img{ width:auto;	height:28px; margin-top:-.25rem; vertical-align:middle;  }


.title_top_block{ display:flex;  display:-ms-flexbox; justify-content:space-between; -ms-flex-pack:justify; }

/*btn_arrow */
.btn_arrow{ width:1.67rem; 
			image-rendering:-webkit-optimize-contrast;
			position:relative; z-index:50;
			}
ul.news_list li:hover .btn_arrow .btn_ov{ opacity:1; }	

/*newstype_menu*/
ul.newstype_menu{ margin:0 auto; padding:0rem 0 1.8rem 0;  text-align:center; }
ul.newstype_menu li{ width:auto; height:2.4rem; 
	                 margin:0 .04rem; padding:0;
					background-image:url(../images/btn_newstype.png);
					background-repeat:no-repeat; background-size:auto 100%;
					display:inline-block; transition:transform .5s; 
				}
ul.newstype_menu li:nth-of-type(1){ background-image:url(../images/btn_newstype01.png);  }
ul.newstype_menu li:nth-of-type(2){ background-image:url(../images/btn_newstype02.png);  }
ul.newstype_menu li:nth-of-type(3){ background-image:url(../images/btn_newstype03.png);  }
ul.newstype_menu li:nth-of-type(4){ background-image:url(../images/btn_newstype04.png);  }

ul.newstype_menu li:nth-of-type(1) a{ background-image:url(../images/btn_newstype01_ov.png);  }
ul.newstype_menu li:nth-of-type(2) a{ background-image:url(../images/btn_newstype02_ov.png);  }
ul.newstype_menu li:nth-of-type(3) a{ background-image:url(../images/btn_newstype03_ov.png);  }
ul.newstype_menu li:nth-of-type(4) a{ background-image:url(../images/btn_newstype04_ov.png);  }

ul.newstype_menu li a{ color:#7c776b; background-repeat:no-repeat; background-size:auto 100%; opacity:0; transition:opacity 0.5s;}
ul.newstype_menu li a:hover, ul.newstype_menu li.current a{ cursor:pointer; opacity:1; z-index:5; position: relative; }
ul.newstype_menu img{ opacity:0.01; width:auto; height:100%; }



/*內容版頭*/
.conhead{ width:100%; max-width:899px;  margin:0 auto 1.65rem auto; text-align:center; 
	      background-repeat:no-repeat; background-size:auto; background-position:center bottom;
	      background-image:url(../images/title_line.png);
		 }

/*內容版頭_title*/
.conhead h2.title{ width:100%; margin:.58rem 0 1.8rem 0; 
					font-family:source-han-serif-japanese; font-weight:700;
					font-size:2rem; line-height:2.75rem;  text-align:left;
					color:#7f3815; display:inline-block;
					}	
					
.conhead h2.title{ padding:0 .5rem 0 .85rem;}  	
/*內容_date*/
.conhead .news_date{ /*width:100%;*/ padding:0; text-align:left; color:#8b654d;  display:inline-block;}		

/*內文_guide_title*/
h1.title{ margin:0 auto; image-rendering:-webkit-optimize-contrast; }
h1.title.guide_list{ width:100%; max-width:391px; }
h1.title.guide_con{ width:100%; max-width:620px; margin:0 auto .95rem auto; }


/*內文_title_h3*/
.text.guide h3{ width:100%; font-size:1.4rem; line-height:2.5rem; font-weight:500;
	             text-align:center; text-shadow:none;
	             color:rgb(255, 255, 255);
				 background-repeat:repeat-x; background-size:auto 100%; background-position:center bottom;
	             background-image:url(../images/bg_itemtitle.jpg);
				 position:relative;
				}
.text.guide h3:after, .text.guide h3:before{
			content:"";
			width:100%; height:100%;
			background-repeat:no-repeat; background-size:auto 86%; 
			position:absolute; z-index:1;
			top:0; left:0;
			}
.text.guide h3:after{
			background-image:url(../images/bg_itemtitle_pattern_lt.png);
			background-position:left center;
            }
.text.guide h3:before{
			background-image:url(../images/bg_itemtitle_pattern_rt.png);
			background-position:right center;
            }


/*內文_title_h4*/
.text.guide h4{ 
			width:100%;
			font-size:1.4rem; line-height:2.5rem; font-weight:500;
			text-align:center; 
			margin:.85rem auto .8rem auto;
			padding: 0 0 0 .55rem;
			color:rgb(255, 255, 255); text-shadow:none;
			background-repeat:repeat-x; background-size:auto 100%; background-position:center bottom;
			background-image:url(../images/bg_itemtitle.jpg);
			position:relative;
             }
.text.guide h4.first{ margin:0 auto .8rem auto; }

.text.guide h4:after, .text.guide h4:before{
			content:"";
			width:100%; height:100%;
			background-repeat:no-repeat; background-size:auto 86%; 
			position:absolute;
			top:0; left:0; z-index:1;
			}
.text.guide h4:after{
			background-image:url(../images/bg_itemtitle_pattern_lt.png);
			background-position:left center;
            }
.text.guide h4:before{
			background-image:url(../images/bg_itemtitle_pattern_rt.png);
			background-position:right center;
            }



.text{ padding:0 .5rem 0 .5rem; }  
.text{ font-size:1.35rem; line-height:2.2rem; font-weight:300; 
	   word-break:break-all;
	   }
/*FAQ*/	   
.text.faq ul.faq li{ line-height:2.7rem;}

.text p{ width:100%; }
/*.text img{ width:auto; max-width:99%; margin:0 .55rem 0 .55rem; border:1px solid #000;}*/
.text img{ width:99% !important; max-width:99% !important;height:auto !important; margin:0 .55rem 0 .55rem; border:1px solid #000;}
/*.text.news img{ border:none;}*/

/*text_news*/
.text.news p{ margin:1rem 0 1rem 0; text-align:left;}
.text.news p:first-of-type{ margin:0 0 1rem 0;}
.text.news img + p{ margin:0 0 1rem 0;}
.text.news img{ margin:1rem .55rem 1rem .55rem; }
.text.news > p + img{ margin:0 .55rem 1rem .55rem; }

.text.news a{ color:#ac4d00; text-decoration:underline; }
.text.news a:hover{ color:#d37000; }

.text.news ul { width:90%; margin:1rem auto 1rem auto; text-align:left; }
.text.news ul li{ margin:.8rem auto .8rem auto; list-style-position:outside; list-style-type:disc;}
.text.news ul li:first-of-type{ margin:0 auto .8rem auto; }
.text.news ul li:last-of-type{ margin:.8rem auto 0 auto; }


/*============== 公式攻略Q＆A ==============*/
/*text_guide*/
.text.guide article{ text-align:center;  }
.text.guide article .text_tell{ text-align:center; }
.text.guide{ padding:0 .65rem 0 .65rem; }
.text.guide p{ width:98%; margin:1.4rem auto 1.4rem auto; text-align:left; }
.text.guide p:first-of-type{ margin:1.4rem auto 1.4rem auto;}
.text.guide p.first, .text.guide img.first{ margin:0 auto 1.4rem auto;}
.text.guide p.last{ margin:1.4rem auto 0 auto; }

.text.guide img{ max-width:98%; margin:1.4rem auto 1.4rem auto; }
.text.guide img.mid{ margin:0 auto 0 auto;}
.text.guide img.last{ margin:1.1rem auto 0 auto; }
.text.guide img.groupcha{ max-width:100%; border:none; margin:0rem auto 0rem auto; }

.text.guide p span, .text.guide ul.simple span,.text.faq ul.faq span{ display:inline-block; }


/*p.highlight02, span.highlight02,*/
.mark01{ color:rgb(167, 61, 0);}

/*p.highlight03, span.highlight03,*/
.mark02{ color:rgb(179, 0, 0);}

/*p.highlight, span.highlight,*/
.mark03{ color:rgb(0, 11, 170);}


/*FAQ_列表*/
ul.faq{ width:97.8%; margin:1.25rem auto 3.6rem  auto;  }
ul.faq.last{ margin:1.25rem auto 5rem  auto; }
ul.faq > li{ margin:1.75rem auto 1.75rem auto; 
			list-style-position:outside; list-style-type:none; text-align:left;
			position:relative; 
			}
ul.faq > li:first-of-type{ margin:0rem auto 1.75rem auto; }			
ul.faq > li > div{ width:100%; 
	            display:flex; display:-ms-flexbox; align-content:flex-start; -ms-flex-line-pack:start; /**/
				word-break:normal;
                 }
ul.faq > li .in{ width:100%;  }
ul.faq > li > div:before{ position:relative; font-weight:500;}
ul.faq > li > div:first-of-type:before{ 
	color:rgb(161, 0, 0);
}

ul.faq > li:nth-of-type(1) > div:first-of-type:before{
	content:"Q1：";
	}
ul.faq > li:nth-of-type(2) > div:first-of-type:before{
	content:"Q2：";
	}
ul.faq > li:nth-of-type(3) > div:first-of-type:before{
	content:"Q3：";
	}
ul.faq > li:nth-of-type(4) > div:first-of-type:before{
	content:"Q4：";
	}
ul.faq > li:nth-of-type(5) > div:first-of-type:before{
	content:"Q5：";
	}
ul.faq > li:nth-of-type(6) > div:first-of-type:before{
	content:"Q6：";
	}
ul.faq > li:nth-of-type(7) > div:first-of-type:before{
	content:"Q7：";
	}
ul.faq > li:nth-of-type(8) > div:first-of-type:before{
	content:"Q8：";
	}
ul.faq > li:nth-of-type(9) > div:first-of-type:before{
	content:"Q9：";
	}
ul.faq > li:nth-of-type(10) > div:first-of-type:before{
	content:"Q10：";
	}
ul.faq > li:nth-of-type(11) > div:first-of-type:before{
	content:"Q11：";
	}
ul.faq > li:nth-of-type(12) > div:first-of-type:before{
	content:"Q12：";
	}
ul.faq > li:nth-of-type(13) > div:first-of-type:before{
	content:"Q13：";
	}
ul.faq > li:nth-of-type(14) > div:first-of-type:before{
	content:"Q14：";
	}
ul.faq > li:nth-of-type(15) > div:first-of-type:before{
	content:"Q15：";
	}
ul.faq > li:nth-of-type(14) > div:first-of-type:before{
	content:"Q14：";
	}

ul.faq > li > div:last-of-type:before{
	content:"A："; 
	}

/*FAQ_內列表*/
ul.faq ul { width:auto; margin:0rem 0 0 1.45rem; text-align:left; position:relative; }
ul.faq ul li{ margin:.15rem 0 .15rem 0; list-style-position:outside; list-style-type:disc;}
ul.faq ul li:first-of-type{ margin:0 0 .15rem 0; }
ul.faq ul li:last-of-type{ margin:.15rem 0 0 0; }

/*guide_列表_點*/
ul.simple { width:100%; margin:0 auto 0 auto; text-align:left;  }
ul.simple.last {margin:1.4rem auto 1.4rem auto; }
ul.simple.type02 { margin:-.8rem auto 0 auto; }
ul.simple li{ margin:.8rem auto .8rem auto; padding-left:1.5rem; list-style-position:inside; list-style-type:none; position:relative; }
ul.simple li:first-of-type{ margin:0 auto .8rem auto; }
ul.simple li:last-of-type{ margin:.8rem auto 0 auto; }

ul.simple li:before{ position:relative; }
ul.simple li:before{ 
					content:"◆"; color:#000;
					font-size: 0.82rem;
					position:absolute; top:0.01rem; left:0.3rem;
				   }

/*guide_列表_數字*/
ul.simple.num li{ padding-left:0; margin-left:2.05rem; list-style-position:outside; list-style-type:decimal;}
ul.simple.num li:before{ display:none; }
ul.simple.type02 li{ margin-top:.4rem; margin-bottom:.4rem; }

/*guide_table 簡易*/
table.simple{ margin-left:1rem; text-align:left;}
table.simple tr{ margin:.3rem 0; display:table; }
table.simple td{ vertical-align:top;  }
table.simple td.title{ width:8.30rem; white-space:nowrap;/*不換行*/ 
						position:relative; 
					}
table.simple td.title:before{ position:relative; }
table.simple td.title:before{ 
							content:"◆";
							color: #000;
							font-size: 0.82rem;
							position:absolute; top:0.01rem; left:-1.2rem;
						}

/*guide_timetable 國戰時間表*/
.timetable_block{ width:94%; margin:0 auto 2rem auto; text-shadow:none;
	               display:table;
				}

table.timetable{ margin:0; display:table-cell; }
table.timetable.first{ margin:0; }
table.timetable td{ vertical-align:middle; padding:.25rem 0; text-align:center; }
table.timetable tbody tr{ background-color:#f0dac6; }
table.timetable tbody td{ border-left:1px solid #bca7a0; border-bottom:1px solid #bca7a0; }
table.timetable thead tr{ background-color: #7a2106; color:#fff; }
table.timetable thead td,
table.timetable tbody td{ 
						border-left:1px solid #bca7a0; border-bottom:1px solid #bca7a0; 
					}
table.timetable tbody tr td:nth-of-type(3){ border-right:1px solid #bca7a0; }
/*tr.weektitle*/
table.timetable.last tr.weektitle td:last-of-type{ border-right:1px solid #7a2106; }
table.timetable.first tr.weektitle td:first-of-type{ border-left:1px solid #7a2106; }
/*tr.time*/
table.timetable.last tr.time td:last-of-type{ border-right:1px solid #a55732; }
table.timetable.first tr.time td:first-of-type{ border-left:1px solid #a55732; }

/*td.time*/
table.timetable td.time{ 
				padding:.25rem .5rem;
				background-color:#a55732;
				color: #fff;
			   }
table.timetable td.time span{ display:inline-block;}		



/*按鈕區塊*/
.button_block{ width:100%; margin:2.2rem auto 0 auto; text-align:center; }

/*btn_back 戻る*/
.btn_back{ width:55%; max-width:227px; margin:0 auto; 
			background-image:url(../images/btn_back.png); background-repeat:no-repeat; background-size:100% auto;
			image-rendering:-webkit-optimize-contrast;
			}
.btn_back a{ background-image:url(../images/btn_back_ov.png); 
			 background-repeat:no-repeat; background-size:100% auto; opacity:0.01; transition:opacity 0.5s;
			}
.btn_back a:hover{ opacity:1; }
.btn_back img{ opacity:0.01; }	

.select_block{ margin:2.4rem auto 0rem auto ; display:table; text-align:center; position:relative; z-index:5;}

.select_menu{
	/*移除箭頭樣式*/
	appearance:none; -moz-appearance:none; -webkit-appearance:none;
	/*改變右邊箭頭樣式*/
	border:1px solid #85683c;
	background-repeat:no-repeat; background-position:right center;
	background-image:url(../images/btn_selectarrow.png); background-size:auto 100%;
	color:#1f1108;
	font-family:'微軟正黑體', sans-serif;
	text-align:center;
	font-size:1.2rem;
	height:2rem; 
    padding:0 3.5rem 0 1.8rem;
	vertical-align:middle; 
    display:inline-block;
	overflow:visible;
	position:relative;
}  

 /*IE隱藏箭頭樣式*/
.select_menu::-ms-expand { display:none; }
.select_menu option{  background-color:rgba(255, 255, 255, 1); border-style:none;}
.select_menu:hover{ cursor:pointer;
	border:1px solid #503d22;
	background-image:url(../images/btn_selectarrow_ov.png);
 } 


article.guide{ margin:0 auto 2.8rem auto; }
article.guide.last{ padding-bottom:2.8rem; }

/*guide_menu*/
ul.guide_menu{ width:653px; margin:0 auto; text-align:left; image-rendering:-webkit-optimize-contrast; }
ul.guide_menu li{ width:33.33%; max-width:212px; margin:.3rem .11rem .3rem .11rem; display:inline-block; 
				  background-repeat:no-repeat; background-size:100% auto;
				}
ul.guide_menu li a{ background-repeat:no-repeat; background-size:100% auto; opacity:0.01; transition:opacity 0.5s;  }
ul.guide_menu li a:hover{ opacity:1; }
ul.guide_menu li img{ opacity:0.01; }

/*01_三国群英伝M FAQ*/
ul.guide_menu.num01 li:nth-of-type(1){ background-image:url(../images/btn_guide01.png); } 
ul.guide_menu.num01 li:nth-of-type(1) a{ background-image:url(../images/btn_guide01_ov.png); }

/*02_画面紹介*/
ul.guide_menu.num02 li:nth-of-type(1){ background-image:url(../images/btn_guide02_1.png); } 
ul.guide_menu.num02 li:nth-of-type(1) a{ background-image:url(../images/btn_guide02_1_ov.png); }

ul.guide_menu.num02 li:nth-of-type(2){ background-image:url(../images/btn_guide02_2.png); } 
ul.guide_menu.num02 li:nth-of-type(2) a{ background-image:url(../images/btn_guide02_2_ov.png); }

/*03_機能紹介*/
ul.guide_menu.num03 li:nth-of-type(1){ background-image:url(../images/btn_guide03_1.png); } 
ul.guide_menu.num03 li:nth-of-type(1) a{ background-image:url(../images/btn_guide03_1_ov.png); }

ul.guide_menu.num03 li:nth-of-type(2){ background-image:url(../images/btn_guide03_2.png); } 
ul.guide_menu.num03 li:nth-of-type(2) a{ background-image:url(../images/btn_guide03_2_ov.png); }

ul.guide_menu.num03 li:nth-of-type(3){ background-image:url(../images/btn_guide03_3.png); } 
ul.guide_menu.num03 li:nth-of-type(3) a{ background-image:url(../images/btn_guide03_3_ov.png); }

ul.guide_menu.num03 li:nth-of-type(4){ background-image:url(../images/btn_guide03_4.png); } 
ul.guide_menu.num03 li:nth-of-type(4) a{ background-image:url(../images/btn_guide03_4_ov.png); }

ul.guide_menu.num03 li:nth-of-type(5){ background-image:url(../images/btn_guide03_5.png); } 
ul.guide_menu.num03 li:nth-of-type(5) a{ background-image:url(../images/btn_guide03_5_ov.png); }

ul.guide_menu.num03 li:nth-of-type(6){ background-image:url(../images/btn_guide03_6.png); } 
ul.guide_menu.num03 li:nth-of-type(6) a{ background-image:url(../images/btn_guide03_6_ov.png); }

ul.guide_menu.num03 li:nth-of-type(7){ background-image:url(../images/btn_guide03_7.png); } 
ul.guide_menu.num03 li:nth-of-type(7) a{ background-image:url(../images/btn_guide03_7_ov.png); }

ul.guide_menu.num03 li:nth-of-type(8){ background-image:url(../images/btn_guide03_8.png); } 
ul.guide_menu.num03 li:nth-of-type(8) a{ background-image:url(../images/btn_guide03_8_ov.png); }

ul.guide_menu.num03 li:nth-of-type(9){ background-image:url(../images/btn_guide03_9.png); } 
ul.guide_menu.num03 li:nth-of-type(9) a{ background-image:url(../images/btn_guide03_9_ov.png); }

ul.guide_menu.num03 li:nth-of-type(10){ background-image:url(../images/btn_guide03_10.png); } 
ul.guide_menu.num03 li:nth-of-type(10) a{ background-image:url(../images/btn_guide03_10_ov.png); }

ul.guide_menu.num03 li:nth-of-type(11){ background-image:url(../images/btn_guide03_11.png); } 
ul.guide_menu.num03 li:nth-of-type(11) a{ background-image:url(../images/btn_guide03_11_ov.png); }

ul.guide_menu.num03 li:nth-of-type(12){ background-image:url(../images/btn_guide03_12.png); } 
ul.guide_menu.num03 li:nth-of-type(12) a{ background-image:url(../images/btn_guide03_12_ov.png); }

ul.guide_menu.num03 li:nth-of-type(13){ background-image:url(../images/btn_guide03_13.png); } 
ul.guide_menu.num03 li:nth-of-type(13) a{ background-image:url(../images/btn_guide03_13_ov.png); }


/*04_国戦紹介*/
ul.guide_menu.num04 li:nth-of-type(1){ background-image:url(../images/btn_guide04_1.png); } 
ul.guide_menu.num04 li:nth-of-type(1) a{ background-image:url(../images/btn_guide04_1_ov.png); }

ul.guide_menu.num04 li:nth-of-type(2){ background-image:url(../images/btn_guide04_2.png); } 
ul.guide_menu.num04 li:nth-of-type(2) a{ background-image:url(../images/btn_guide04_2_ov.png); }


/*05_職業紹介*/
ul.guide_menu.num05 li:nth-of-type(1){ background-image:url(../images/btn_guide05_1.png); } 
ul.guide_menu.num05 li:nth-of-type(1) a{ background-image:url(../images/btn_guide05_1_ov.png); }

ul.guide_menu.num05 li:nth-of-type(2){ background-image:url(../images/btn_guide05_2.png); } 
ul.guide_menu.num05 li:nth-of-type(2) a{ background-image:url(../images/btn_guide05_2_ov.png); }

ul.guide_menu.num05 li:nth-of-type(3){ background-image:url(../images/btn_guide05_3.png); } 
ul.guide_menu.num05 li:nth-of-type(3) a{ background-image:url(../images/btn_guide05_3_ov.png); }

ul.guide_menu.num05 li:nth-of-type(4){ background-image:url(../images/btn_guide05_4.png); } 
ul.guide_menu.num05 li:nth-of-type(4) a{ background-image:url(../images/btn_guide05_4_ov.png); }


/*職業紹介 人物圖*/
.groupcha_block{ overflow:visible; position:relative; }
.groupcha_block .groupcha{ transform: scale(1.01, 1.01); transform-origin:center; position:relative; z-index:-1; }
.chacon .text{ width:90%; margin:0 auto; font-size:1.23rem; line-height:1.85rem; font-weight:300; }

@media screen and (max-width:1000px) {	

		   section{ background-size:130% auto;  }

}

@media screen and (max-width:900px) {	

	        section{ background-size:140% auto; }

			.bg_conpic{
				background-position:-49% bottom;
				background-size:233% auto;
			}

			/*conhead 版頭視覺*/
			.bg_conhead{ width:100%; overflow:hidden; }
			.bg_conhead > img{ width:auto; height:315px; }

			/*title 版頭視覺標題*/
			.bg_conhead .title{ background-size:27.3rem auto; }

}

@media screen and (max-width:899px) {	

			.content{ padding:1.8rem 0 1.8rem 0; }
			html.iframe .content{ padding:0rem 0 0rem 0; }

			/*內容_img*/
			.text img{ max-width:98%; }

            /*============== 最新情報 ==============*/
			/*內容版頭*/
			.conhead{ width:97.6%; }
			.conhead h2.title{ padding:0 .2rem 0 .2rem; }

			.text.news{ width:94.6%;  
						margin:0 auto;	padding:0;
					   }

}	

@media screen and (max-width:850px) {	

			/*title*/
			h1.title{ z-index:0;}
			h1.title .l{ display:none;}
			h1.title .s{ display:block; position:relative; }

            /*公式攻略 guide*/
			h1.title.guide_list{ width:82%; max-width:400px; }
            h1.title.guide_con{ width:82%; max-width:400px;}


}

@media screen and (max-width:760px) {	


			/*============== 公式攻略Q＆A ==============*/
			article.guide{ width:100%;  margin:0 auto 3.2rem auto; }
			article.guide.last{ padding-bottom:2.8rem; }

			/*guide_menu*/
			ul.guide_menu{ width:100%;  max-width:653px; margin:0 auto; 
			display:flex; display:-ms-flexbox; 
			flex-direction:row; -ms-flex-direction:row;
			flex-wrap:wrap; -ms-flex-wrap:wrap;
			justify-content:flex-start; -ms-flex-pack:start; 

			}

			ul.guide_menu li{ width:32.58%; max-width:212px; margin:.3rem .11rem .3rem .11rem; display:block; }

			ul.guide_menu .l{ display:none; }
			ul.guide_menu .s{ display:block; }

			/*01_三国群英伝M FAQ*/
			ul.guide_menu.num01 li:nth-of-type(1){ background-image:url(../images/btn_guide01_s.png); } 
			ul.guide_menu.num01 li:nth-of-type(1) a{ background-image:url(../images/btn_guide01_s_ov.png); }

			/*02_画面紹介*/
			ul.guide_menu.num02 li:nth-of-type(1){ background-image:url(../images/btn_guide02_1_s.png); } 
			ul.guide_menu.num02 li:nth-of-type(1) a{ background-image:url(../images/btn_guide02_1_s_ov.png); }

			ul.guide_menu.num02 li:nth-of-type(2){ background-image:url(../images/btn_guide02_2_s.png); } 
			ul.guide_menu.num02 li:nth-of-type(2) a{ background-image:url(../images/btn_guide02_2_s_ov.png); }

			/*03_機能紹介*/
			ul.guide_menu.num03 li:nth-of-type(1){ background-image:url(../images/btn_guide03_1_s.png); } 
			ul.guide_menu.num03 li:nth-of-type(1) a{ background-image:url(../images/btn_guide03_1_s_ov.png); }

			ul.guide_menu.num03 li:nth-of-type(2){ background-image:url(../images/btn_guide03_2_s.png); } 
			ul.guide_menu.num03 li:nth-of-type(2) a{ background-image:url(../images/btn_guide03_2_s_ov.png); }

			ul.guide_menu.num03 li:nth-of-type(3){ background-image:url(../images/btn_guide03_3_s.png); } 
			ul.guide_menu.num03 li:nth-of-type(3) a{ background-image:url(../images/btn_guide03_3_s_ov.png); }

			ul.guide_menu.num03 li:nth-of-type(4){ background-image:url(../images/btn_guide03_4_s.png); } 
			ul.guide_menu.num03 li:nth-of-type(4) a{ background-image:url(../images/btn_guide03_4_s_ov.png); }

			ul.guide_menu.num03 li:nth-of-type(5){ background-image:url(../images/btn_guide03_5_s.png); } 
			ul.guide_menu.num03 li:nth-of-type(5) a{ background-image:url(../images/btn_guide03_5_s_ov.png); }

			ul.guide_menu.num03 li:nth-of-type(6){ background-image:url(../images/btn_guide03_6_s.png); } 
			ul.guide_menu.num03 li:nth-of-type(6) a{ background-image:url(../images/btn_guide03_6_s_ov.png); }

			ul.guide_menu.num03 li:nth-of-type(7){ background-image:url(../images/btn_guide03_7_s.png); } 
			ul.guide_menu.num03 li:nth-of-type(7) a{ background-image:url(../images/btn_guide03_7_s_ov.png); }

			ul.guide_menu.num03 li:nth-of-type(8){ background-image:url(../images/btn_guide03_8_s.png); } 
			ul.guide_menu.num03 li:nth-of-type(8) a{ background-image:url(../images/btn_guide03_8_s_ov.png); }

			ul.guide_menu.num03 li:nth-of-type(9){ background-image:url(../images/btn_guide03_9_s.png); } 
			ul.guide_menu.num03 li:nth-of-type(9) a{ background-image:url(../images/btn_guide03_9_s_ov.png); }

			ul.guide_menu.num03 li:nth-of-type(10){ background-image:url(../images/btn_guide03_10_s.png); } 
			ul.guide_menu.num03 li:nth-of-type(10) a{ background-image:url(../images/btn_guide03_10_s_ov.png); }

			ul.guide_menu.num03 li:nth-of-type(11){ background-image:url(../images/btn_guide03_11_s.png); } 
			ul.guide_menu.num03 li:nth-of-type(11) a{ background-image:url(../images/btn_guide03_11_s_ov.png); }

			ul.guide_menu.num03 li:nth-of-type(12){ background-image:url(../images/btn_guide03_12_s.png); } 
			ul.guide_menu.num03 li:nth-of-type(12) a{ background-image:url(../images/btn_guide03_12_s_ov.png); }

			ul.guide_menu.num03 li:nth-of-type(13){ background-image:url(../images/btn_guide03_13_s.png); } 
			ul.guide_menu.num03 li:nth-of-type(13) a{ background-image:url(../images/btn_guide03_13_s_ov.png); }


			/*04_国戦紹介*/
			ul.guide_menu.num04 li:nth-of-type(1){ background-image:url(../images/btn_guide04_1_s.png); } 
			ul.guide_menu.num04 li:nth-of-type(1) a{ background-image:url(../images/btn_guide04_1_s_ov.png); }

			ul.guide_menu.num04 li:nth-of-type(2){ background-image:url(../images/btn_guide04_2_s.png); } 
			ul.guide_menu.num04 li:nth-of-type(2) a{ background-image:url(../images/btn_guide04_2_s_ov.png); }


			/*05_職業紹介*/
			ul.guide_menu.num05 li:nth-of-type(1){ background-image:url(../images/btn_guide05_1_s.png); } 
			ul.guide_menu.num05 li:nth-of-type(1) a{ background-image:url(../images/btn_guide05_1_s_ov.png); }

			ul.guide_menu.num05 li:nth-of-type(2){ background-image:url(../images/btn_guide05_2_s.png); } 
			ul.guide_menu.num05 li:nth-of-type(2) a{ background-image:url(../images/btn_guide05_2_s_ov.png); }

			ul.guide_menu.num05 li:nth-of-type(3){ background-image:url(../images/btn_guide05_3_s.png); } 
			ul.guide_menu.num05 li:nth-of-type(3) a{ background-image:url(../images/btn_guide05_3_s_ov.png); }

			ul.guide_menu.num05 li:nth-of-type(4){ background-image:url(../images/btn_guide05_4_s.png); } 
			ul.guide_menu.num05 li:nth-of-type(4) a{ background-image:url(../images/btn_guide05_4_s_ov.png); }


}


@media screen and (max-width:750px) {	



			/*guide_timetable 國戰時間表*/
			.timetable_block{ 
				width:98%; margin:1rem auto 2rem auto; 
				font-size:1.25rem; line-height:2.1rem;
			}
			table.timetable{ display:table; }

			table.timetable td{ padding:.15rem 0; }
		
			table.timetable.first, table.timetable.last{ width:100%; }
			table.timetable.first tbody td{
				border-right: 1px solid #bca7a0;
			}

			table.timetable.first tr.time td:last-of-type{
				border-right: 1px solid #a55732;
			}

}	


@media screen and (max-width:680px) {	

			

			/*conhead 版頭視覺*/
			.bg_conhead > img{ height:35vw; max-height:315px; }

			/*title 版頭視覺標題*/
			.bg_conhead .title{ background-size:23rem auto; }
			.bg_conhead.news .title{ background-image:url(../images/conhead_title_news_s.png); }

			.bg_conpic{	background-image:none;	}


}	


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


			.conhead h2.title{
				font-size:1.8rem;
				line-height:2.6rem;
			}

			.text{
				font-size:1.21rem;
				line-height:1.95rem;
			}

			.text.faq ul.faq li{ line-height:2.1rem;}
			ul.faq > li{ margin:2.5rem auto 2.5rem auto; }
			ul.faq > li:first-of-type{ margin:0rem auto 2.5rem auto; }

			table.simple td.title{ width:7.35rem; }

			/*guide_timetable 國戰時間表*/
			.timetable_block{ 
				font-size:1.21rem; line-height:2rem;
			}
			table.timetable td.time span{
			    line-height:1.65rem; display:block; 
			}
			table.timetable td.time span:last-of-type{
				margin-bottom:.05rem; 
			}

			/*內容版頭*/
			.conhead{ background-image:url(../images/title_line_s.png); background-size:100% auto; }

			/*============== 公式攻略Q＆A ==============*/
			/*guide_menu*/
			ul.guide_menu{ width:64%; }

			ul.guide_menu li{ margin:.35rem .11rem .35rem .11rem; }

			ul.guide_menu li{ width:49%; }

}	

@media screen and (max-width:610px) {

		ul.newstype_menu{ width:70%; }
		ul.newstype_menu li .l{ display:none; }
		ul.newstype_menu li .s{ display:block; }
		ul.newstype_menu li{ width:48%; height:auto; background-size:100% auto;}
		ul.newstype_menu li:nth-of-type(1){ background-image:url(../images/btn_newstype01_s.png);}
		ul.newstype_menu li:nth-of-type(2){ background-image:url(../images/btn_newstype02_s.png);} 
		ul.newstype_menu li:nth-of-type(3){ background-image:url(../images/btn_newstype03_s.png);} 
		ul.newstype_menu li:nth-of-type(4){ background-image:url(../images/btn_newstype04_s.png);} 

		ul.newstype_menu li:nth-of-type(1) a{ background-image:url(../images/btn_newstype01_s_ov.png);}
		ul.newstype_menu li:nth-of-type(2) a{ background-image:url(../images/btn_newstype02_s_ov.png);}
		ul.newstype_menu li:nth-of-type(3) a{ background-image:url(../images/btn_newstype03_s_ov.png);}
		ul.newstype_menu li:nth-of-type(4) a{ background-image:url(../images/btn_newstype04_s_ov.png);}

		ul.newstype_menu li a{ background-size:100% auto; }

		ul.newstype_menu img{  width:100%; height:auto; }

}




@media screen and (max-width:515px) {

	         ul.newstype_menu{ width:88%; }
	
			/*============== 公式攻略Q＆A ==============*/
			/*guide_menu*/
			ul.guide_menu li{ width:48.9%; }



}	

@media screen and (max-width:500px) {	

			.text{
				font-size:1.18rem;
				line-height:1.9rem;
			}

			/*guide_timetable 國戰時間表*/
			.timetable_block{ 
				font-size:1.15rem; line-height:2rem;
			}
			
			.news_type img{	height:24px;}


            /*============== 最新情報 ==============*/
			/*列表*/
			.btn_arrow{	width:4.2vw; }

			ul.news_list{ width:98.4%; }
			ul.news_list li{width:100%; padding:.7rem .5rem .7rem .5rem; 
							display:block;  
							}
			ul.news_list li:first-of-type {
				padding: 0rem .5rem .7rem .5rem;
			}
			/*列表_title*/
			.news_title{ font-size:1.25rem; line-height:1.9rem; }
			.news_date{ font-size:1.2rem;	line-height:1.2rem; }
			.conhead .news_date{ font-size:1.12rem;	line-height:1.12rem; }

			.select_menu { font-size:1.1rem; height:1.85rem; }


			/*============== 公式攻略Q＆A ==============*/
			/*guide_menu*/
			ul.guide_menu{ width:80%; }

			/*職業紹介 人物圖*/
			.groupcha_block{ margin:.4rem auto .85rem auto;  }
			.groupcha_block .groupcha{ transform:scale(1.08, 1.08);  }


}	



@media screen and (max-width:373px) {
	
			/*============== 公式攻略Q＆A ==============*/
			/*guide_menu*/
			ul.guide_menu{ width:84%; }
			ul.guide_menu li{ width:48.2%; }



}