@charset "shift_jis";
/*********************************************/
/*　　　　　　　特集ページ用CSS　　　　　　　*/
/*********************************************/
html {
	background-color:#000;
	background-image:url(img/bg.png);
	background-repeat:repeat;
	background-size:auto;
	-moz-background-size:auto;
	background-position:center top;
}
body {
	background-color:transparent;
	color:#FFF;
}
/*** ページタイトル ***/
.iPhoneListTitle {
	background-color:#e60012;
	color:#FFF;
}
.originalColor {
	background-color:#666;
	color:#FFF;
}
/*** TOPリンクリスト ***/
.iPhoneBody {
	background-color:transparent;
}
.panel {
	display:none;
	position:absolute;
	width:100%;
}
.active {
	display:block;
}
.iPhoneULIndex li {
	padding:0 10px;
	border-bottom:solid 1px #333;
	overflow:hidden;
	background-color:transparent;
	line-height:1.1;
}
.iPhoneULIndex a {
	text-decoration:none;
	display:block;
	padding:15px 14px 15px 0;
	background:url(img/trainav.png) right center no-repeat;
}
/*** ショートカットボタン ***/
.menuButton1,
.menuButton2,
.menuButton3 {
	margin:0 auto;
	padding:2px;
	background-color:#e60012;
	text-align:center;
	border-bottom:none;
}
/*.menuButton1 + ul,
.menuButton2 + ul,
.menuButton3 + ul {
	border-top:solid 1px #333;
}*/
/*** 設定推測ツールカコミ ***/
.toolTitle {
	margin:0;
	padding:5px 0;
	color:#FFF;
	font-size:18px;
	line-height:1.0;
	text-align:center;
	border-bottom:none;
	/*background-color:#EDA10E;*/
}
/*.toolLink {
	border-bottom:none;
}*/
/***「Pick UP!!」用 ***/
.sectionTitlePickup {
	margin:0;
	padding:5px 0;
	color:#FFF;
	font-size:18px;
	line-height:1.0;
	text-align:center;
	border-bottom:none;
	background-color:#C00;
}
/*li.pickupCOLOR {
	background-color:rgba(255,102,0,0.1);
}*/
/*** 見出し ***/
.sectionTitle {
	margin:0 auto;
	padding:0;
	background-color:rgba(255,0,0,0.5);
	text-align:center;
	border-bottom:solid 1px #333;
}
/*** 小見出し ***/
.topsec {
	margin:0;
	padding:5px 0;
	background-color:#bf7700;
	font-size:16px;
	line-height:1.0;
	color:#FFF;
	text-align:center;
	border-bottom:solid 1px #333;
}
/*li.topsecCOLOR {
	background-color:rgba(102,0,0,0.1);
}*/
/*** リード ***/
.lead {
	color:#FFF;
	font-size:14px;
	text-align:left;
}
/*.lead2 {
	padding:4px 8px;
	color:#FFF;
	font-size:14px;
	line-height:16px;
	text-align:left;
	border-bottom:solid 1px #333;
	background-color:rgba(0, 0, 0, 0.3);
}*/
.content {
	margin:0;
	padding:0 10px;
	color:#FFF;
	background-color:transparent;
	border-radius:non;
	-webkit-border-radius:non;
}
/*** コピーライト ***/
.crtext {
	padding:10px 0;
	font-size:12px;
	text-align:left;
	/*color:#808080;*/
}
/*** 表テーブル ***/
table.table {
	/*width:100%;*/
	border:1px solid #666;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	font-size:18px;
}
table.table th {
	padding:4px 2px;
	border:1px solid #666;
	color:#FFF;
	background-color:#333;
	text-align:center;
	font-size:12px;
}
table.table td {
	padding:4px 2px;
	border:1px solid #666;
	color:#000;
	text-align:center;
	font-size:16px;
}
table.table td[bgcolor*="#CCCCCC"] {
	font-size:14px;
}
.boxleft_01 td {
	color:#000;
	font-size:18px;
}
table.table td[align*="left"] {
	text-align:left;
}
/*** 機種TOPリンク ***/
a[href*="kitac_slot_112.php"]:link {
	color:#FFFF00;
}
a[href*="kitac_slot_112.php"]:visited {
	color:#FF9900;
}
/*** 注意書き ***/
.boxleft_01 font[color*="#666666"] {
	font-size:14px;
}
/*** ヘッダー微調整 ***/
.iPhoneHead + img {
	margin-top:-1px;
}
/*** 相互リンク用 ***/
.sougo {
	margin:16px 10px;
	font-size:14px;
	text-align:center;
}
.sougo a {
	display:block;
}
/*------------------------------
	特設用
------------------------------*/
/*** タイトル周り ***/
.specialtitleimg {
	position:relative;
	margin-top:-1px;
}
/*** マーキー ***/
marquee {
	margin:0;
	padding:6px 0;
	color:#FFF;
	/*font-size:16px;*/
	line-height:1.0;
	background-color:#000;
}
/*** ショートカットボタン ***/
.btnBox {
	margin:-5px 0 0 0;
	padding:3px 2px;
	text-align:center;
	background-color:#e60012;
}
.btnBox > ul {
	margin:0;
	padding:0;
}
.btnBox > ul li {
	margin:0;
	padding:0 2px;
	display:inline-block;
	width:50%;
	vertical-align:middle;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
.btnBox > ul li a {
	display:block;
}
.btnBox > ul li p {
	opacity:0.5;
}
/*** リスト ***/
ul.list {
	background-color:rgba(255,0,0,0.2);
}
ul.list li {
	font-size:0;
	text-align:left;
	border-bottom:solid 1px #333;
}
ul.list li a {
    padding:8px 16px 8px 8px;
    display:block;
	text-decoration:none;
    background-image:url(img/sp_img/arrow.png);
    background-position:right center;
    background-repeat:no-repeat;
}
ul.list li a.tool {
	margin:0 8px 8px;
    padding:0;
    display:block;
	background:none;
}
ul.list li div {
    padding:8px 16px 8px 8px;
    display:block;
	background-color:rgba(0,0,0,0.5);
}
ul.list li a > p,
ul.list li div > p {
	/*margin:4px;
	padding:4px;*/
	display:inline-block;
	vertical-align:top;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
ul.list li a > p.pg,
ul.list li div > p.pg {
	width:38%;
	position:relative;
}
ul.list li div > p.pg img[src*="soon_"] {
	position:absolute;
	bottom:0;
	left:0;
}
ul.list li a > p.pg img[src*="new"] {
	position:absolute;
	top:-6px;
	left:-6px;
	width:35%;
}
ul.list li a > p.pg img,
ul.list li div > p.pg img {
	width:100%;
}
ul.list li a > p.name,
ul.list li div > p.name {
	padding-left:4px;
	width:62%;
	font-size:16px;
	font-size:5.0vw;
	font-weight:bold;
}
ul.list li a > p.name span,
ul.list li div > p.name span {
	display:block;
	font-size:12px;
	font-size:3.5vw;
	font-weight:normal;
	color:#FFF;
}
ul.list li div > p.pg img[src$=".jpg"] {
	opacity:0.5;
}
ul.list li div > p.name {
	opacity:0.7;
}
/*** 機種情報見出し ***/
.midashi {
	margin:0 auto;
	padding:6px 2px;
	text-align:center;
	background-color:#000;
}
/*** シナリオ推測ツールの使い方ページ ***/
.boxleft_01 b {
	font-size:5.4vw;
}
.boxleft_01 .index {
	margin-bottom:10px;
	padding:8px; 
	color:#FFF; 
	background-color:#09F; 
	border-radius:10px 10px 0 0;
}
.boxleft_01 .index p {
	padding-left:1rem;
	text-indent:-1em;
}
.boxleft_01 a.tool {
	margin:0 auto;
	display:block;
	width:100%;
}



