html,body {
	-webkit-text-size-adjust: 100%;
	background-color: #ff0;
	/*font-family: Helvetica,HiraKakuProN-W3;*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	line-height: 1.25;
	font-size:18px;
}

html,body {
	margin:0;
	height:100%;
}

/*non copier*/
body {
	user-select:none;
	touch-callout:none;
	user-drag:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag:none;
	-moz-user-drag:none;
	-webkit-touch-callout:none;
}

/* 背景 */
.iPhoneBody {
  background-color: #ff0;
}



.panel {
	display: none;
	position: absolute;
	width:100%;
}

.active {
  display: block;
}

.content {
  /*margin: 10px;*/
  background-color:#FF0;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 0 10px;
}


/**
 * iPhoneアプリのタイトルなどで使われています
 * h1要素などに使うとよいでしょう。挿入バーからも利用できます。
 */
.iPhoneHead {
    height:auto;
    padding: 10px 2px;
    /*border-top: 1px solid #cdd5df;
    border-bottom: 1px solid #2d3642;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#404040), to(#000000));*/
    background-color: #000;
}
.iPhoneHead h1 {
    /*font-family: HiraKakuProN-W6;*/
    font-size: 20px;
    color: #fff;
    text-align: center;
    /*text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;*/
    white-space: nowrap;
    /*overflow: hidden;
    text-overflow: ellipsis;*/
}
/* タイトルが長いときのマーキー */
.iPhoneHead > .marquee {
    overflow: hidden;
    align-items: center;
	text-overflow: clip;
}
.iPhoneHead > .marquee .marquee_inner {
    display: inline-flex;
    overflow: hidden;
    white-space: nowrap;
	padding-left: 100%;
    -webkit-animation: marquee 7s linear infinite;
            animation: marquee 7s linear infinite;
}
.iPhoneHead > .marquee span:before{
    content: "";
	
}
@keyframes marquee {
    from {
      /*  -webkit-transform: translate3D(0%, 0, 0); 
                transform: translate3D(0%, 0, 0); */
        -webkit-transform: translate(0); 
		transform: translate(0); 
    } 
	99%,to { 
      /*  -webkit-transform: translate3D(-33.33%, 0, 0); 
                transform: translate3D(-33.33%, 0, 0);*/
        -webkit-transform: translate(-100%); 
		transform: translate(-100%); 
    } 
}


/**
 * アドレス帳などで「A」「B」などのインデックスに使われる見出しです。
 * h2要素などに使うとよいでしょう。挿入バーからも利用できます
 */
.iPhoneListTitle {
	height:auto;
    line-height: 20px;
    padding: 4px 10px;
    /*font-family: HiraKakuProN-W6;*/
    font-size: 16px;
    color: #fff;
    text-align: center;
    /*text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;
    border-top: 1px solid #a5b1ba;
    border-bottom: 1px solid #989ea4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#202020));*/
    background-color:#666;
    /*text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;*/
}

/**
 * アドレス帳のようなリストや、設定画面などの定義リストを構築できます
 * 文字数に制限があるので気をつけましょう
 */
.iPhoneUL,
.iPhoneDL {
    margin: 9px 9px 16px;
    border: solid 1px #a9abae;
    -webkit-border-radius: 8px;
    background-color:#FFF;
}

.iPhoneUL li,
.iPhoneDL dd {
    list-style-type: none;
    height: 43px;
    border-bottom: solid 1px #a9abae;
    line-height: 43px;
}

.iPhoneUL li:last-child,
.iPhoneDL dd:last-child {
    border-bottom: none;
}

.iPhoneUL li {
    padding: 0 10px;
}

.iPhoneULIndex li {
	padding:0 10px;
	border-bottom: solid 1px #d9d9d9;
	overflow:hidden;
	background-color:#ff0;
}
.sns-box + .iPhoneULIndex {
	border-top: solid 1px #d9d9d9;
}

.iPhoneDL dt {
    /*font-family: HiraKakuProN-W6;*/
    width: 70px;
    padding: 12px 5px 0 10px;
    font-size: 14px;
    clear: both;
    width: 6em;
}

.iPhoneDL dd {
    padding: 0 10px 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    white-space: nowrap;
    margin-top: -30px;
    text-align: right;
    color: #385387;
}

.iPhoneUL a,
.iPhoneULIndex a,
.iPhoneDL a {
	text-decoration: none;
	/*color:#00F;
	-webkit-tap-highlight-color: rgba(2, 109, 236, 0.9);*/
	display: block;
	padding: 15px 14px 15px 0;
	background: url(css_img/trainav4.png) right center no-repeat;
}

/*a {
    -webkit-tap-highlight-color: rgba(2, 109, 236, 0.9);  // タップ時の反転色
}*/

img[src*="emoji/new.png"], img[src*="emoji/movie.png"] {
    vertical-align: top !important;
}

/* 小項目のdiv */
.sectionTitle {
	padding: 5px 0;
	color:#060;
	font-size: 22px;
	text-align:center;
	border-bottom: solid 1px #d9d9d9;
	clear:both;
}

/* TOPの項目のdiv */
.sectionTitleTop {
	padding: 5px 0;
	color:#060;
	font-size: 18px;
	text-align:center;
	border-bottom: solid 1px #d9d9d9;
	background-color:#FC0;
	clear:both;
}

/* 「Pick UP!!」用仕切り */
.sectionTitlePickup {
	padding:5px 0;
	color:#FFF;
	font-size: 18px;
	text-align:center;
	border-bottom: solid 1px #d9d9d9;
	background-color:#F90;
	clear:both;
}
li.pickupCOLOR {
	background-color:#FF6;
}

/* 機種TOP仕切り */
.topsec {
	padding:5px 0;
	background-color:#FD0;
	font-size:12px;
	color:#333;
	text-align:center;
	border-bottom: solid 1px #d9d9d9;
}

/* コンテンツ内の項目 */
.contTitle {
	margin-top:1em;
	padding: 3px 0 0 0;
	color:#060;
	font-size: 16px;
	text-align:center;
	background-color:#FC0;
	-webkit-border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-box-shadow: 2px 2px 2px 2px rgba(124,100,4,0.3);
}

/*----↓------------↓---------↓-----------↓--------↓-------↓----------↓--------↓*/
/* ↓2011-07-08 クラスに修正 ishikawa */
/* テーブルの設定 */
.tablist {
	border-spacing:5px;
	font-size:16px;
	background-color:#FFF;
}

.tablist2 {
	border-spacing:5px;
	font-size:14px;
	background-color:#FFF;
}

.tablist3 {
	border-spacing:5px;
	font-size:12px;
	background-color:#FFF;
}

/* ボックス　背景グレー　*/
.boxbg_01 {
	height:1.5em;
	background-color:#CCC;
}

/* ボックス　背景白　*/
.boxbg_02 {
	height:1.5em;
	background-color:#FFF;
}

/* ボックス　背景オレンジ　*/
.boxbg_03 {
	height:1.5em;
	background-color:#FC0;
}

/* ボックス　背景ライトイエロー　*/
.boxbg_04 {
	height:1.5em;
	background-color:#FF9;
	padding:3px 0 0 0;
}

/* ボックス 背景ライトオレンジ 中見出し　*/
.boxbg_05 {
	height:1.5em;
	background-color:#FD6;
}
/* ↑2011-07-08 クラスに修正 ishikawa */

/* ↓2011-07-012 クラスに修正 ishikawa */
/* ↓ボーダーラインのボトムが点線↓ */
.tablist_dot{
	height:1.5em;
	background-color:#FFF;
}

.tablist_dot tr{
	height:1.5em;
	border-bottom:1px dashed;
	border-color:#ccc;
}

.tablist_dot tr:last-child {
	height:1.5em;
	border-bottom:none;
}
/* ↑ボーダーラインのボトムが点線↑ */

/* ↓2011-07-07 クラスに、名前も修正 ishikawa */
/* 文字色；赤　左よせ*/
.redleft{
	color:#F00;
	text-align:left;
	padding: 4px 10px;
}

/* 文字色；青　左よせ*/
.blueleft {
	color:#00F;
	text-align:left;
	padding: 4px 10px;
}

/* 文字色；黒　センター */
.bluecenter {
	color:#00F;
	text-align:center;
	padding: 4px 2px;
}

/* 文字色；黒　左よせ*/
.blackleft {
	color:#000;
	text-align:left;
	padding: 4px 10px;
}

/* 文字色；黒　センター */
.blackcenter {
	color:#000;
	text-align:center;
	padding: 4px 2px;
}

/* 文字色；黒　右よせ*/
.blackright {
	color:#000;
	text-align:right;
	padding: 4px 10px;
}

/* 文字色；灰色 #666　左よせ*/
.gray666left {
	color:#666;
	text-align:left;
	padding: 4px 10px;
}



/* テキスト　右寄せ */
.textleft {
	text-align:left;
	padding: 4px 10px;
}

/* テキスト　右寄せ */
.textright {
	text-align:right;
	padding: 4px 10px;
}
/* テキスト　中揃え */
.textcenter {
	text-align:left;
	padding: 4px 2px;
}
/* ↑2011-07-07 クラスに、名前も修正 ishikawa */


/* ↓2011-07-08 ボックス　センター揃え ishikawa */
/* ボックス、テキスト　センター揃え　パディング上0 背景色白  ver0 */
.boxcenter_00 {
	margin:0 auto;
	text-align:center;
	background-color:#FFF;
	color:#000;
	padding:0 10px;
}

/* ボックス、テキスト　センター揃え　背景白 ver1 */
.boxcenter_01 {
	margin:0 auto;
	text-align:center;
	color:#000;
	background-color:#FFF;
	padding: 20px 6px 12px 6px;
}

/* ボックス、テキスト　センター揃え　背景白 ver2 */
.boxcenter_02 {
	margin:0 auto;
	color:#000;
	background-color:#FFF;
	padding: 10px 10px 0 10px;
}

/* ボックス、テキスト　センター揃え　背景色無し */
.boxcenter_03 {
	margin:0 auto;
	text-align:center;
	color:#000;
	padding: 20px 6px 12px 6px;
}

/* ボックス、テキスト　センター揃え　背景オレンジ */
.boxcenter_04 {
	margin:0 auto;
	text-align:center;
	background-color:#FC0;
	padding: 20px 6px 12px 6px;
}

/* ボックス、テキスト　センター揃え　背景ライトイエロー */
.boxcenter_05 {
	margin:0 auto;
	text-align:center;
	background-color:#FF9;
	padding: 6px;
}

/* ボックス、テキスト　センター揃え　背景赤オレンジ */
.boxcenter_06 {
	margin:0 auto;
	text-align:center;
	color:#FFF;
	background-color:#F60;
	padding: 20px 6px 12px 6px;
}

/* ↑2011-07-08 ボックス　センター揃え ishikawa */

/* ↓2011-07-12 ボックス　左揃え ishikawa */
.boxleft_01 {
	text-align:left;
	color:#000;
	background-color:#FFF;
	padding: 20px 6px 12px 6px;
}
.boxleft_01 font[color*="#666666"][size*="-1"],
.boxleft_01 font[color*="#999999"][size*="-1"],
.boxleft_01 font[color*="#FF0000"][size*="-1"] {
	display: inline-block;
}

.boxleft_02 {
	text-align:left;
	padding: 20px 6px 12px 6px;
}
/* ↑2011-07-12 ボックス　左揃え ishikawa */

/* ↓2011-07-08 クラスに、名前も修正 ishikawa */

/* 90% */
.width90par {
	text-align:center;
	padding: 6px;
	width:90%;
}

/* 85% */
.width85par {
	text-align:center;
	padding: 6px;
	width:85%;
}

/* 80% */
.width80par {
	text-align:center;
	padding: 6px;
	width:80%;
}

/* 75% */
.width75par {
	text-align:center;
	padding: 6px;
	width:75%;
}

/* 70% */
.width70par {
	text-align:center;
	padding: 6px;
	width:70%;
}

/* 65% */
.width65par {
	text-align:center;
	padding: 6px;
	width:65%;
}

/* 60% */
.width60par {
	text-align:center;
	padding: 6px;
	width:60%;
}

/* 55% */
.width55par {
	text-align:center;
	padding: 6px;
	width:55%;
}

/* 50% */
.width50par {
	text-align:center;
	padding: 6px;
	width:50%;
}

/* 45% */
.width45par {
	text-align:center;
	padding: 6px;
	width:45%;
}

/* 40% */
.width40par {
	text-align:center;
	padding: 6px;
	width:40%;
}

/* 35% */
.width35par {
	text-align:center;
	padding: 6px;
	width:35%;
}

/* 33% */
.width33par {
	text-align:center;
	padding: 6px;
	width:33%;
}

/* 30% */
.width30par {
	text-align:center;
	padding: 6px;
	width:30%;
}

/* 28% */
.width28par {
	text-align:center;
	padding: 6px;
	width:28%;
}

/* 25% */
.width25par {
	text-align:center;
	padding: 6px;
	width:25%;
}

/* 20% */
.width20par {
	text-align:center;
	padding: 6px;
	width:20%;
}

/* 15% */
.width15par {
	text-align:center;
	padding: 6px;
	width:15%;
}

/* 10% */
.width10par {
	text-align:center;
	padding: 6px;
	width:10%;
}


/* 2011-07-08 クラスに修正 ishikawa */
/* ↓ 下を丸めるclass 主にdivの終わりに入れている ↓ */
.endradius {
	color:#000;
	/*font-size:18px;*/
	background-color:#FFF;
	padding: 4px;
	-webkit-border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
}


/* ↑ 下を丸めるid↑*/

/* 丸めないスペース枠　*/
.spaceframe {
	color:#000;
	/*font-size:18px;*/
	background-color:#FFF;
	padding: 2px;
}

/* 上だけ10px離す*/
.spaceframe2 {
	padding-top:10px;
	background-color:#FFF;
}


/*----↑------------↑---------↑-----------↑--------↑-------↑----------↑--------↑*/



/* 他のスペックボタン表示 */
.otherspec,
.otherspec2,
.otherspec3,
.otherspec4 {
	margin:0 auto;
	padding:6px 8px;
	background-color:#FFF;
	font-size:12px;
	color:#666;
	text-align:center;
	border-bottom: solid 1px #d9d9d9;
}

.otherspec3s {
	margin:0 auto;
	padding:6px 8px;
	background-color:#FFF;
	font-size:12px;
	color:#666;
	text-align:center;
	border-bottom: solid 1px #d9d9d9;
}

.otherspec2top {
	margin:0 auto;
	padding:5px 0;
	background-color:#FFF;
	font-size:12px;
	color:#666;
	text-align:center;
	width:320px;
}
.otherspec5 {
	margin:0 auto;
	padding:6px 0 2px 0;
	background-color:#FFF;
	font-size:18px;
	color:#000;
	text-align:center;
	border-bottom:solid 1px #a9abae;
}
.otherspec ul,
.otherspec2 ul,
.otherspec2top ul,
.otherspec3 ul,
.otherspec3s ul,
.otherspec4 ul {
	/*height:34px;
	line-height:34px;*/
	list-style-type:none;
    display: flex;
    justify-content: center;
}
.otherspec5 ul {
	/*line-height:34px;*/
	list-style-type:none;
}
.otherspec ul:after,
.otherspec2 ul:after,
.otherspec2top ul:after,
.otherspec3 ul:after,
.otherspec3s ul:after,
.otherspec4 ul:after {
	display:block;
	clear:both;
	content:'';
}
.otherspec5 ul:after {
	display:block;
	clear:both;
	content:'';
}
.otherspec li {
	margin: 0 3px;
	/*float:left;*/
	display:flex;
	width:100%;
	font-size:14px;
	line-height:14px;
	text-align:center;
}
.otherspec2 li {
	margin: 0 3px;
	/*float:left;*/
	display:flex;
	width:50%;
	font-size:14px;
	line-height:14px;
	text-align:center;
}
.otherspec2top li {
	margin:0 0 0 6px;
	float:left;
	width:151px;
	font-size:14px;
	line-height:14px;
	text-align:center;
}
.otherspec3 li {
	margin: 0 3px;
	/*float:left;*/
	display:flex;
	width:33%;
	font-size:14px;
	line-height:14px;
	text-align:center;
}
.otherspec3s li {
	/*margin: 2px 0 5px 5px;
	float:left;*/
	display:inline-block;
	width:100px;
	font-size:16px;
	line-height:12px;
	text-align:center;
}
.otherspec4 li {
	margin: 0 3px;
	/*float:left;*/
	display:flex;
	width:25%;
	font-size:14px;
	line-height:14px;
	text-align:center;
}
.otherspec5 li {
	margin-bottom:6px;
	/*margin:5px;
	float:left;*/
	display:inline-block;
	width:54px;
	font-size:16px;
	line-height:16px;
	text-align:center;
}
.otherspec li a,
.otherspec2 li a,
.otherspec2top li a,
.otherspec3 li a,
.otherspec4 li a {
	padding:10px 0 !important;
	display:flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
	color:#00F;
	text-decoration:none;
	background-image:-webkit-gradient(linear, left top, left bottom, from(rgb(255,204,0)),to(rgb(255,153,0)));
	-webkit-box-shadow:0 0 3px #000000;
	box-shadow:0 0 3px #000000;
}
.otherspec3s li a {
	padding:10px 0 !important;
	display:block;
	color:#00F;
	text-decoration:none;
	background-image:-webkit-gradient(linear, left top, left bottom, from(rgb(255,204,0)),to(rgb(255,153,0)));
	-webkit-box-shadow:0 0 3px #000000;
	box-shadow:0 0 3px #000000;
}
.otherspec2 li > span,
.otherspec3s li > span {
	padding:10px 0 !important;
	display:flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100%;
}

.otherspec5nonlink,
.otherspec5 li a {
	padding:9px 0;
	display: block;
	color:#00F;
	text-decoration:none;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255,204,0)),to(rgb(255,153,0)));
	-webkit-box-shadow: 0 0 3px #000000;
	box-shadow: 0 0 3px #000000;
}
.otherspec li a.selected,
.otherspec2 li a.selected,
.otherspec2top li a.selected,
.otherspec3 li a.selected,
.otherspec3s li a.selected,
.otherspec4 li a.selected {
	color: #440A0A;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(240,240,240)),to(rgb(255,255,255)));
}
.otherspec5 li a.selected {
	color: #440A0A;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(240,240,240)),to(rgb(255,255,255)));
}
.otherspec li:first-child a,
.otherspec2 li:first-child a,
.otherspec2top li:first-child a,
.otherspec3 li:first-child a,
.otherspec3s li:first-child a,
.otherspec4 li:first-child a,
.otherspec2 li:first-child > span,
.otherspec3s li:first-child > span {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.otherspec li:last-child a,
.otherspec2 li:last-child a,
.otherspec2top li:last-child a,
.otherspec3 li:last-child a,
.otherspec3s li:last-child a,
.otherspec4 li:last-child a,
.otherspec2 li:last-child > span,
.otherspec3s li:last-child > span {
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
li.otherspec5nonlink {
	color: #666;
	background: rgb(200,200,200);
}

.scfts1 {
	/*margin:0 auto;*/
	font-size:10px;
    line-height: 1;
	padding:4px 0 0 0;
    width: 100%;
}


/*** 確変判別ツールのリンクボタン ***/
.kakulink {
	background-color:#000;
	font-size:12px;
	color:#666;
	text-align:center;
	padding-top:6px;
	padding-bottom:6px;
	margin:0 auto;
	border-bottom:solid 1px #d9d9d9;
}
.kakulink ul {
	/*height:34px;
	line-height:34px;*/
	list-style-type:none;
}
.kakulink li {
	display:inline-block;
	width:300px;
	font-size:14px;
	line-height:14px;
	text-align:center;
}
.kakulink li a {
	padding:10px 0;
	display:block;
	color:#FFF;
	text-decoration:none;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6f6f), color-stop(100%,#e20f0f));
	-webkit-box-shadow:0 0 3px #CCC;
	box-shadow:0 0 3px #CCC;
}
.kakulink li:first-child a {
	-webkit-border-top-left-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
}
.kakulink li:last-child a {
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
}
.kakulink2 {
	margin:0 24px;
	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FC0), color-stop(100%,#F90));*/
	background-color:#FC0;
	font-size:18px;
	line-height:18px;
	text-align:center;
	border:outset #999 2px;
	border-radius:8px;
	/*-webkit-box-shadow:0px 0px 4px #B2B200;
	box-shadow:0px 0px 4px #B2B200;*/
}
.kakulink2 a {
	padding:8px 0;
	/*color:#00F;*/
	display:block;
	border-radius:8px;
	text-decoration:none;
}


/*** 設定推測ツールのリンクボタン(画像) ***/
.toolTitle {
	margin:0;
	padding:4px 0;
	color:#FFF;
	font-size:18px;
	text-align:center;
	border-bottom: solid 1px #d9d9d9;
	background-color:#F90;
	clear:both;
}
.toolLink {
	margin:0 auto;
	padding:6px 10px;
	background-color:#FFF;
	font-size:12px;
	color:#666;
	text-align:center;
	border-bottom: solid 1px #d9d9d9;
}
.toolLink img {
	margin:0;
	padding:0;
	width:100%;
}
.toolLink a {
	margin:0;
	padding:0;
	display:block;
}



/* スロット　テーブル最大枠で表示*/


/* ボタンスタイル */
.iPhoneButton,
.iPhoneButtonBlack {
  margin: 0 auto;
  width: 300px;
  border: solid 3px #2d3137;
  -webkit-border-radius: 10px;
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  padding: 2px;
  text-align: center;
}
.iPhoneButton {
  background: -webkit-gradient(linear, left top, left bottom, from(#eeefef), to(#bdbfc2));
  background-color: #bdbfc2;
}
.iPhoneButtonBlack {
  background: -webkit-gradient(linear, left top, left bottom, from(#6b6e74), to(#282e37));
  background: #282e37;
}
.iPhoneButton a,
.iPhoneButtonBlack a {
  -webkit-border-radius: 5px;
  display: inline-block;
  text-align: center;
  padding: .5em 0;
  text-decoration: none;
  font-weight: bold;
  width: 300px;
}
.iPhoneButton a {
  color: #000;
}
.iPhoneButtonBlack a {
  color: #fff;
}

/* コピーライト　左揃え */
.crtext {
	padding:10px 5px;
	font-size:12px;
	text-align:left;
}
.content > .crtext {
	padding:10px 0;
}

/* コピーライト 12px 青　左揃え */
.crtext_blue {
	padding:10px 5px;
	color:#00F;
	font-size:12px;
	text-align:left;
}

/* 更新日 */
.crtext_daytext {
	font-size: 14px;
	color: #F00;
	text-align:left;
	padding: 2px;
}




/*フッター設定*/
div#userArea {
    width: 100%;
    height: 1.4em;
    background-color: #4E9ABE;
    color: #fff;
	text-align:right;
}





/* タブ用 CSS */

#container{
	/*width:320px;*/
	/*margin:10px auto;*/
	margin:10px 0 0 0;
}
ul.tab1st,
ul.tab2nd,
ul.tab3rd {
	padding:0;
	/*20130510 石村 フォントを小さくしました*/
	font-size:13px;
}
ul.tab1st li{
	list-style-type:none;
	width:100%;
	height:40px;
	float:left;
	border-top:solid 1px #B75500;
	border-right:solid 1px #B75500;
	-webkit-box-sizing:border-box;
}

ul.tab2nd li{
	list-style-type:none;
	width:50%;
	height:40px;
	float:left;
	border-top:solid 1px #B75500;
	border-right:solid 1px #B75500;
	-webkit-box-sizing:border-box;
}

ul.tab2nd li:last-child{
	list-style-type:none;
	width:50%;
	height:40px;
	float:left;
	border-top:solid 1px #B75500;
	border-right:none;
	-webkit-box-sizing:border-box;
}

ul.tab3rd li{
	list-style-type:none;
	width:30%;
	height:40px;
	float:left;
	border-top:solid 1px #B75500;
	border-right:solid 1px #B75500;
	-webkit-box-sizing:border-box;
}

ul.tab3rd li:nth-of-type(2) {
	list-style-type:none;
	width:40%;
	height:40px;
	float:left;
	border-top:solid 1px #B75500;
	border-right:solid 1px #B75500;
	-webkit-box-sizing:border-box;
}

ul.tab3rd li:last-child{
	list-style-type:none;
	width:30%;
	height:40px;
	float:left;
	border-top:solid 1px #B75500;
	border-right:none;
	-webkit-box-sizing:border-box;
}

ul.tab1st li a,
ul.tab2nd li a,
ul.tab3rd li a {
	outline:none;
	background:url(css_img/tab1.png);
	background-repeat:repeat-x;
	text-decoration:none;
	display:block;
	color:blue;
	line-height:40px;
	text-align:center;
}

ul.tab1st li a.selected,
ul.tab2nd li a.selected,
ul.tab3rd li a.selected{
	background:url(css_img/tab_selected1.png);
	background-repeat:repeat-x;
	text-decoration:none;
	color:#060;
	cursor:default;
}

ul.tab_panel{
	clear:both;
	border:none;
	padding:0;
}

ul.tab_panel li{
	list-style-type:none;
	/*text-indent:1em;*/
	color:#333;
}

div.tab_list  {
	padding:0 10px;
	border-bottom: solid 1px #d9d9d9;
	overflow: hidden;
	background-color: #ff0;
}

div.tab_list a {
	text-decoration: none;
	/*color:#00F;*/
	-webkit-tap-highlight-color: rgba(2, 109, 236, 0.9);
	display: block;
	padding: 15px 14px 15px 0;
	background: url(css_img/trainav4.png) right center no-repeat;
}

div.tab_list2  {
	padding:0 10px;
	border-bottom: solid 1px #d9d9d9;
	overflow: hidden;
	background-color: #ff0;
}

div.tab_list2 a {
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(2, 109, 236, 0.9);
	display: block;
	padding: 10px 14px 10px 0;
	background: url(css_img/trainav4.png) right center no-repeat;
}

/* タブ用 CSS */


/* TOPページ CSS*/
/* リスト関連設定 */
/* リストヘッダー */
.topbox {
	margin:0 auto;
	text-align:center;
}

.topbox2 {
	background-color:#FFF;
	text-align:center;
}

.topbox3 {
	background-color:#FFF;
	text-align:center;
	/*height: 28px;*/
	font-size:14px;
	float:none;
	margin:0 auto;
	padding:6px 0;
	display:block;
}

.topbt1 a,
.topbt a {
     display: block;
}

.topbt1 a.selected,
.topbt a.selected {
     color: #440A0A;
     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(240,240,240)),to(rgb(255,255,255)));
}

.topbt {
	margin:0px 5px 0 5px;
	padding:4px 10px;
	width:120px;
	text-align:center;
	color:#00F;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255,204,0)),to(rgb(255,153,0)));
	-webkit-box-shadow: 0 0 3px #000000;
	box-shadow: 0 0 3px #000000;
	/*display:inline;*/
	display:inline-block;
}

.topbt1 {
	margin:0px 5px 0 5px;
	padding:4px 10px;
	width:274px;
	text-align:center;
	color:#00F;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255,204,0)),to(rgb(255,153,0)));
	-webkit-box-shadow: 0 0 3px #000000;
	box-shadow: 0 0 3px #000000;
	/*display:inline;*/
	display:inline-block;
}

.topbt2 {
	margin:0px 5px 0 5px;
	padding:4px 10px;
	width:120px;
	text-align:center;
	color:#F00;
	background-color:#FFF;
/*	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(128,128,128)),to(rgb(64,64,64)));
	-webkit-box-shadow: 0 0 3px #000000;
	box-shadow: 0 0 3px #000000;*/
	/*display:inline;*/
	display:inline-block;
}






.surform {
	margin:0 auto;
	text-align:center;
	padding: 2px;
	font-size:16px;
}


div.box-start {
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	border:solid #FF6600;
	border-width:1px 1px 0 1px;
	margin:8px 8px 0 8px;
	text-align:left;
	background-color:#F60;
	padding: 5px;
	display: block;
	text-decoration:none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size:25px;
	font-weight:bold;
}

div.box-start a {
	text-overflow: ellipsis;
	text-align:left;
	display: block;
}


/* リスト中身 */
div.box {
	border:solid #F60;
	border-width:1px 1px 0 1px;
	margin:0 8px;
	text-align:left;
	background-color:#FFF;
	padding: 5px;
	display: block;
	text-decoration:none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight:bold;
}

div.box a {
	display: block;
	padding:1px;
	text-overflow: ellipsis;
}

/*コラムの本日更新用*/
div.box2 {
	border:solid #F60;
	border-width:1px 1px 0 1px;
	margin:0 8px;
	text-align:left;
	background-color:#FC6;
	padding: 5px;
	display: block;
	text-decoration:none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size:16px;
	font-weight:bold;
}

div.box2 a {
	display: block;
	padding:1px;
	text-overflow: ellipsis;
}


/* 特集（テキスト） */
div.box-sp {
	margin:0 8px;
	text-align:left;
	background-color:transparent;
	padding: 5px;
	display: block;
	text-decoration:none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight:bold;
}

div.box-sp img {
	height:45px;
	width:45px;
	float:left;
	margin:0 5px 0 0;
	padding: 1px;
	overflow:hidden;
	position:relative;
}

div.box-sp a {
	display: block;
	padding:2px;
	text-overflow: ellipsis;
}


/* イベント専用 */
div.box-event {
	margin:0 8px;
	text-align:left;
	background-color:transparent;
	padding: 4px;
	display: block;
	text-decoration:none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight:bold;
}

div.box-event a {
	display: block;
	padding:2px;
	text-overflow: ellipsis;
}


/* リストフッター */
div.box-end {
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	border:solid #FF6600;
	border-width:1px 1px 1px 1px;
	margin:0 8px 5px 8px;
	text-align:left;
	background-color:#FFF;
	padding: 5px;
	display: block;
	text-decoration:none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight:bold;
}

div.box-end a {
	text-overflow: ellipsis;
	padding:1px;
	text-align:left;
	display: block;
}

/* その他の機種 */
div.box-end2 {
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	border:solid #FF6600;
	border-width:1px 1px 1px 1px;
	margin:0 8px 5px 8px;
	text-align:right;
	background-color:#CCC;
	padding: 5px;
	display: block;
	text-decoration:none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size:14px;
	font-weight:bold;
}

div.box-end2 a {
	text-overflow: ellipsis;
	padding:1px;
	text-align:right;
	display: block;
}


/* フッターリスト設定 */
/* リストヘッダー */
.f-box-start {
	font-size:16px;
	color:#FFF;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	border:solid #06F;
	background-color:#06F;
	border-width:1px 1px 0 1px;
	margin:15px 20px 0 20px;
	text-align:center;
	padding: 5px;
}


/* リスト中身 */
.f-box {
	font-size:12px;
	border:solid #06F;
	background-color:#FFF;
	border-width:1px 1px 0 1px;
	margin:0 20px 0 20px;
	text-align:left;
	padding:5px;
}

.f-box a {
	display: block;
	text-align:left;
	padding:2px;
}

/* リストフッター */
.f-box-end {
	font-size:12px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	border:solid #06F;
	background-color:#FFF;
	border-width:1px 1px 1px 1px;
	margin:0 20px 5px 20px;
	text-align:left;
	padding: 5px;
}

.f-box-end a {
	display: block;
	text-align:left;
	padding: 2px;
}
.comment1 {
	color:#F00;
	font-size:15px;
}

.comment2 {
	color:#333333;
	font-size:15px;
}


.comment_footer {
	color:#666;
	font-size:14px;
}

/* TOPの機種画像のクリップ */
.box-s-img {
	height:45px;
	width:65px;
	float:left;
	margin:0 5px 0 0;
	padding: 1px;
	overflow:hidden;
	position:relative;
}
.box-s-img img {
	position:absolute;
	top:-20px;
	left:-12px;
}

.box-p-img {
	height:45px;
	width:65px;
	float:left;
	margin:0 5px 0 0;
	padding: 0px;
	overflow:hidden;
	position:relative;
}
.box-p-img img {
	position:absolute;
	top:-45px;
	left:-42px;
}

.topbody {
	line-height:0;
}

.topbanner{
	margin:0 auto;
	text-align:center;
	padding:0px 0px;
}

.topbanner a {
	text-align:center;
	line-height:1;
}

.changeleft {
	padding:2px 0;
	color:#00F;
	text-align:left;
	font-size:18px;
}


.crtext_top {
	color:#666;
	padding:0 5px 10px 5px;
	font-size:12px;
	text-align:left;
}

.crtext_top2 {
	color:#f00;
	padding:0 5px 10px 5px;
	font-size:12px;
	text-align:left;
}

/*fotter CSS*/
/*mypage add CSS*/
.mypageadd {
	background:#FFF;
	text-align:center;
	font-size:14px;
	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F8F9), color-stop(50%,#E5EBEE), color-stop(51%,#D7DEE3), color-stop(100%,#F5F7F9));*/
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#E5EBEE), color-stop(50%,#FFFFFF), color-stop(100%,#E5EBEE));
	background-color:#D7DEE3;
}

.mypageadd a {
	display:block;
	text-decoration:none;
	color:#00F;
	padding:10px 6px;
}


.bder_line {
	margin:0 auto;
	border-bottom:solid #999 1px;
	border-bottom-style:dotted;
	clear:both;
}

.footbox {
	line-height:24px;
	text-align:center;
	font-size:14px;
	float:none;
	margin:0 auto;
	padding:4px 0;
	display:block;
}

.ftsrctop {
	font-size:14px;
	padding:3px 0;
	background: rgb(255,255,0);
	margin:0 auto;
	text-align:center;
}

.ftsrc {
	font-size:14px;
	background: rgb(237,237,237);
	border-bottom:#999 solid 1px;
	margin:0 auto;
	text-align:center;
}

.ftsrc2 {
	background: rgb(237,237,237);
	border-bottom:#999 solid 1px;
	font-size:14px;
	width:inherit;
	margin:0 auto;
	width:inherit;
	display:box;
	display:-webkit-box;
}

.indiv1 {
	text-align:center;
	background: rgb(237,237,237);
	/*border-top:#999 solid 1px;*/
	border-left:#999 solid 1px;
	/*border-bottom:#999 solid 1px;*/
	height:36px;
	width:99%;
}

.indiv2 {
	text-align:center;
	background: rgb(237,237,237);
	border-right:#999 solid 1px;
	/*border-top:#999 solid 1px;*/
	/*border-bottom:#999 solid 1px;*/
	height:36px;
	width:24%;
}

.indiv3 {
	text-align:center;
	background: rgb(237,237,237);
	border-right:#999 solid 1px;
	/*border-top:#999 solid 1px;*/
	/*border-bottom:#999 solid 1px;*/
	height:36px;
	width:25%;
}

.indiv4 {
	text-align:center;
	background: rgb(237,237,237);
	/*border-top:#999 solid 1px;*/
	/*border-bottom:#999 solid 1px;*/
	height:36px;
	width:25%;
}

.indiv5 {
	text-align:center;
	background: rgb(237,237,237);
	border-right:rgb(237,237,237) solid 1px;
/*	border-top:#999 solid 1px;*/
	/*border-bottom:#999 solid 1px;*/
	height:36px;
	width:49%;
}

.indiv6 {
	text-align:center;
	background: rgb(237,237,237);
	/*border-top:#999 solid 1px;*/
	border-left:#999 solid 1px;
	/*border-bottom:#999 solid 1px;*/
	height:36px;
	width:50%;
}


.indiv1 a,
.indiv2 a,
.indiv3 a,
.indiv4 a,
.indiv5 a,
.indiv6 a {
	color:#00F;
	display: block;
	padding:10px 0;
	text-decoration:none;
}

.srhform {
	padding:8px;
	display:inline-block;
	font-size:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align:middle;
}
.srhform input {
	font:normal 14px/100% Arial, Helvetica, sans-serif;
	font-size:14px;
}
.srhform .srhfield {
	-webkit-appearance:none;
	margin:0;
	padding:2px 4px 2px 6px;
	width:240px;
	height:32px;
	background-color:#FFF;
	border:solid 2px #002AC8;
	border-radius:4px 0 0 4px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align:middle;
}
.srhform .srhbutton {
	-webkit-appearance:none;
	margin:0;
	padding:0;
	font-weight:bold;
	width:60px;
	height:32px;
	color:#FFF;
	background-color:#002AC8;
	border:solid 2px #002AC8;
	border-radius:0 4px 4px 0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align:middle;
}

.centerbox {
	margin:0 auto;
}

/***↓スロ機種用テーブル指定↓***/
table.table {
	/*width:96%;*/
	margin-left:auto;
	margin-right:auto;
    border:1px solid #666;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
	/*text-align:center;*/
    vertical-align: middle;
	font-size:16px;
	line-height:1.2;
}
table.table th {
	padding:4px 2px;
    border:1px solid #666;
    color:#FFF;
    /*background-color:#333;*/
    text-align:center;
    vertical-align: middle;
    word-break: normal;
	font-size:12px;
	line-height:1.2;
}
table.table td {
	padding:4px 2px;
    border:1px solid #666;
	color:#000;
	/*text-align:center;*/
    vertical-align: middle;
    word-break: normal;
	font-size:16px;
	line-height:1.2;
}
table.table td[bgcolor*="#CCCCCC"] {
	font-size:14px;
	line-height:1.2;
}
table.table + table.table {
    margin-top: -1px;
}
table.table.table_w31 tr td:last-of-type[bgcolor*="#ffffff"] {
    width: 31%;
}
/***↑スロ機種用テーブル指定↑***/


li.nonlink,
.nonlink {
  text-decoration: none;
  color:#333;
  display: block;
  padding: 15px 10px;
  border-bottom: solid 1px #d9d9d9;
}


/* Newサイトセブン フッター ↓*/

#site7copy {
	background:-webkit-gradient(linear,left top,left
bottom,from(#26548F),to(#00367B));
}

#site7copy div {
	/*background-image:url(../images/footer.png);
	background-position:0 -4px;
	background-repeat:repeat-x;*/
	text-align:center;
	padding:18px 0 10px 0;
}


/* Copyright */
#site7 p {
	color:#ffffff;
	font-size:70%;
	margin-bottom:5px;
}

#site7 p span {
	margin-bottom:3px;
}

/* Newサイトセブン フッター ↑*/







.linkButton {
	margin:8px 32px 2px 32px;
	text-align:center;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FD0), color-stop(100%,#FA0));
	background-color:#FD0;
	border:outset 2px #999;
	border-radius:8px;
}
.linkButton a {
	display:block;
	padding:4px 0;
	border-radius:8px;
	color:#00F;
}


/*---------- [START] logout, pay ----------*/
.container {
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto;
	position:relative;
}
.foot{
	position:absolute;
	bottom:1px;
	height:124px;
	width:100%;
}
.title {
	padding:10px 6px;
	text-align:center;
	background-color:#FC0;
}
.contentsBox {
	padding:16px 8px;
}
.indexBody {
	padding:8px;
	background-color:#F00;
	color:#FFF;
	text-align:center;
	border-radius:8px;
}
.indexBody2 {
	padding:8px;
	background-color:#FFF;
	font-size:14px;
}

.attention_r {
	font-size:14px;
	color:#F00;
}
.attention_g {
	font-size:14px;
	color:#666;
}

.submitButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(25%,#EEE), color-stop(100%,#DDD));
	background-color:#EEE;
	color:#333;
	font-size:18px;
	text-align:center;
	border:outset 2px #999;
	padding:6px 16px;
	border-radius:8px;
}
.submitButton img {
	width:150px;
	vertical-align:top;
}

/*---------- [END] logout, pay ----------*/

/*******************************/
/*　　　　　Q＆A用CSS　　　　　*/
/*******************************/
.QandA,
.QandA .iPhoneBody {
	background-color:#DFF;
}
.QandA_container_2 {
	margin:0 auto;
	width:100%;
	background-color:#DFF;
}
.QandA_title_2 {
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	text-align:center;
	color:#FF0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6CF), color-stop(100%,#3399FF));
	background-color:#3399FF;
}
.QandA_title_2 a {
	padding:8px 0;
	display:block;
	text-decoration:none;
	color:#FF0;
	background:url(./q_and_a/img/arrow2.png) right center no-repeat;
}
.nolink_2 {
	padding:8px 0;
	color:#FF0;
}
.QandA_box_2 {
	margin:0 auto;
	padding:0 0 8px 0;
	background-color:#DFF;
	text-align:left;
}
/*.QandA_box_2 ul {
	border:solid 1px #999;
	border-bottom:none;
	overflow:hidden;
	background-color:transparent;
}*/
.QandA_box_2 li {
	font-size:14px;
	line-height:14px;
	border-bottom:solid 1px #D9D9D9;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.QandA_box_2 li:first-child {
	border-top:solid 1px #D9D9D9;
}
.QandA_box_2 li a {
	padding:10px 16px 10px 10px;
	text-decoration:none;
	display:block;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	background:url(./q_and_a/img/arrow.png) right center no-repeat;
	color: blue;
}
.QandA_box_2 li a:link {/*未訪問のリンク*/
    color:#0000ff;
    font-style:normal;
}
.QandA_box_2 li a:visited {/*訪問後のリンク*/
    color:#551A8B;
}
.QandA_box_2 li a:hover {/*マウスをのせたとき*/
    color:#0000ff;
    font-style:normal;
}
.QandA_box_2 li a:active {/*クリック中*/
}
.QandA_box_2 .linkButton {
	margin:8px 24px 0 24px;
	font-size:16px;
	line-height:16px;
	text-align:center;
	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FD0), color-stop(100%,#FA0));
	background-color:#FD0;
	border:outset 2px #999;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#DCDCDC), color-stop(100%,#F5F5F5));
	background-color:#F5F5F5;
	border:solid 1px #C0C0C0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#32BBEF), color-stop(100%,#029BD2));
	background-color:#029BD2;
	border:solid 1px #057ED0;*/
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFFE8), color-stop(100%,#D6DBBF));
	background-color:#FEFFE8;
	border:solid 1px #C0C0C0;
	border-radius:6px;
}
.QandA_box_2 .linkButton a {
	padding:8px 0;
	display:block;
	border-radius:6px;
	color:#00F;
	background-image:none;
}
.QandA .iPhoneHead {
	padding:0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6CF), color-stop(100%,#3399FF));
	background-color:#3399FF;
}
.QandA .iPhoneHead h1 {
	padding:12px 0;
	color:#FF0;
	font-size:20px;
	line-height:20px;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6CF), color-stop(100%,#3399FF));
	background-color:#3399FF;
}
.QandA .machineName {
	padding:4px;
	background-color:#FFF;
	font-size:14px;
	text-align:center;
	color:#F00;
}
.Q_box {
	padding:8px 8px 4px 8px;
	background-color:#FFF;
	color:#006;
	font-size:16px;
	font-weight:normal;
	line-height:1.3;
	text-align:left;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}
.A_box {
	padding:4px 8px;
	background-color:#FFF;
	color:#500;
	font-size:16px;
	font-weight:normal;
	line-height:1.3;
	text-align:left;
	padding:4px 8px 8px 8px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}
.Q_box img,
.A_box img {
	margin-right:4px;
	width:18px;
}

.shadow_box_2 {
	margin:0 8px 8px 8px;
	border-radius:8px;
	-webkit-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.3);
	box-shadow:3px 3px 3px rgba(0, 0, 0, 0.3);
}
.anchor_box_2 {
	padding:4px;
}


.fontsize1 {
	font-size:9px;
}




/***↓機種ページ用メニューボタン↓***/
.menuButton1,
.menuButton2,
.menuButton3 {
	margin:0 auto;
	padding:4px 8px;
	background-color:#DDD;
	text-align:center;
	/*border-bottom:solid 1px #CCC;*/
}
.menuButton1 ul,
.menuButton2 ul,
.menuButton3 ul {
	list-style-type:none;
    /*display: flex;
    flex-wrap: wrap;
    justify-content: center;*/
    display: grid;
}
.menuButton1 ul {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.menuButton2 ul {
    grid-template-columns: 1fr 1fr 1fr;
}
.menuButton3 ul {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.menuButton1 ul:after,
.menuButton2 ul:after,
.menuButton3 ul:after {
	display:block;
	clear:both;
	content:'';
}
.menuButton1 li {
	margin:2px;
	width:23%;
	width:auto;
	display:flex;
    justify-content: center;
    align-items: center;
	font-size: min(2.5vw, 14px);
	text-align:center;
	border:outset 1px #999;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEE), color-stop(100%, #BBB));
	background-color:#EEE;
	-webkit-border-radius:6px;
	border-radius:6px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.menuButton2 li {
	margin:2px;
	width:31%;
	width:auto;
	display:flex;
    justify-content: center;
    align-items: center;
	font-size: min(2.5vw, 14px);
	text-align:center;
	border:outset 1px #999;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEE), color-stop(100%, #BBB));
	background-color:#EEE;
	-webkit-border-radius:6px;
	border-radius:6px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.menuButton3 li {
	margin:2px;
	width:18%;
	width:auto;
	display:flex;
    justify-content: center;
    align-items: center;
	font-size: min(2.5vw, 14px);
	text-align:center;
	border:outset 1px #999;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEE), color-stop(100%, #BBB));
	background-color:#EEE;
	-webkit-border-radius:6px;
	border-radius:6px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.menuButton1 li a,
.menuButton2 li a,
.menuButton3 li a {
	padding:8px 0;
	display:block;
    width: 100%;
	color:#00F;
	text-decoration:none;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.menuButton1 li.nonlink,
.menuButton2 li.nonlink,
.menuButton3 li.nonlink {
	padding:8px 0;
	color:#666;
	border:solid 1px #666;
	background:none;
	background-color:#999;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-opacity:0.6;
	opacity:0.6;
}
/***↑機種ページ用メニューボタン↑***/


/***↓パチ機種ページ用アンカーボタン↓***/
.pachi_b01{
	margin:0 auto;
	padding:2px 1px;
	background-color:#DDD;
	text-align:left;
	border-bottom:solid 1px #CCC;
}
.pachi_b01 ul{
	list-style-type:none;
	font-size:0;
}
.pachi_b01 ul:after{
	display:block;
	clear:both;
	content:'';
}
.pachi_b01 li {
	/*margin:2px 1px;
	width:70px;*/
	padding:1px;
	width:25%;
	display:inline-block;
	font-size:9px;
	text-align:center;
	/*-webkit-border-radius:6px;
	border-radius:6px;*/
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.pachi_b01 li a{
	padding:4px 0;
	display:block;
	color:#00F;
	text-decoration:none;
	-webkit-border-radius:6px;
	border-radius:6px;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEE), color-stop(100%, #BBB));
	background-color:#EEE;
	border:outset 1px #999;
}
.pachi_b01 li.nonlink{
	padding:8px 0;
	color:#666;
	border:solid 1px #666;
	background:none;
	background-color:#999;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-opacity:0.6;
	opacity:0.6;
}

.pachi_b00{
	margin:0 auto;
	padding:2px 1px;
	background-color:#DDD;
	text-align:center;
	border-bottom:solid 1px #CCC;
}
.pachi_b00 ul{
	list-style-type:none;
	font-size:0;
}
.pachi_b00 ul:after{
	display:block;
	clear:both;
	content:'';
}
.pachi_b00 li {
	/*margin:2px 1px;
	width:70px;*/
	padding:1px;
	width:25%;
	display:inline-block;
	font-size:9px;
	text-align:center;
	/*-webkit-border-radius:6px;
	border-radius:6px;*/
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.pachi_b00 li a{
	padding:4px 0;
	display:block;
	color:#00F;
	text-decoration:none;
	-webkit-border-radius:6px;
	border-radius:6px;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEE), color-stop(100%, #BBB));
	background-color:#EEE;
	border:outset 1px #999;
}
.pachi_b00 li.nonlink{
	padding:8px 0;
	color:#666;
	border:solid 1px #666;
	background:none;
	background-color:#999;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-opacity:0.6;
	opacity:0.6;
}

div[class^="pachi_b0"] ul {
	display: flex;
	flex-wrap: wrap;
}
div[class^="pachi_b0"] li {
	display: flex;
    min-height: 37px;
}
div[class^="pachi_b0"] li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
/***↑パチ機種ページ用アンカーボタン↑***/



/***↓ワンポイント攻略用↓***/
.iPhoneListTitle ul {
	margin:0 auto;
	padding:0;
	display:table;
	width:100%;
}
.iPhoneListTitle ul li {
	margin:0;
	padding:0;
	display:table-cell;
	vertical-align:middle;
	width:auto;
	line-height:1.2;
}
.iPhoneListTitle ul li:first-child,
.iPhoneListTitle ul li:last-child {
	margin:0;
	padding:0;
	width:50px;
}
.iPhoneListTitle ul li span {
	font-size:14px;
}
.iPhoneListTitle ul li img {
	margin:0 auto;
	padding:0;
	width:50px;
}
/***↑ワンポイント攻略用↑***/

/* フッターバナー調整 */
.pre_pass {
	margin:0;
	padding:0;
}
.pre_pass img {
	margin:0;
	padding:0;
	display:block;
}
.pre_pass a {
	margin:0;
	padding:0;
	display:block;
}

/* サイト共通ヘッダー用 */
header.common-header {
    margin:0 auto;
    padding:4px 0;
    display:table;
    width:100%;
    background-color:#333;
    background-image: url("top_img/bg-header.gif");
    background-repeat: repeat;
    background-position: left top;
    text-align: center;
}
header.common-header .logo {
    display:table-cell;
    width:25%;
    vertical-align:middle;
}
header.common-header img {
    width:100%;
	vertical-align: bottom;
}
header.common-header > div {
    padding:0 4px 0 0;
    display:table-cell;
    width:auto;
    text-align:right;
    font-size:0;
    vertical-align:middle;
}
header.common-header > div > p {
    padding:0 2px;
    display:inline-block;
    vertical-align:middle;
}
/* ログイン中 */
header.common-header > div > p.status {
    padding:0 10px;
    font-size:10px;
    line-height:2.0;
    font-weight:bold;
    text-align:center;
    white-space:nowrap;
    color:#F00;
    background-color:#FFF;
    border-radius:20px;
    -webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.5) inset;
    box-shadow:1px 1px 3px rgba(0, 0, 0, 0.5) inset;
}
/* ゴールドログイン中 */
header.common-header > div > p.gold {
    text-shadow:0px 0px 2px #FFF,0px 0px 4px #FFF,0px 0px 6px #FFF,0px 0px 8px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF;
    -moz-text-shadow:0px 0px 2px #FFF,0px 0px 4px #FFF,0px 0px 6px #FFF,0px 0px 8px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF;
    -webkit-text-shadow:0px 0px 2px #FFF,0px 0px 4px #FFF,0px 0px 6px #FFF,0px 0px 8px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF,0px 0px 10px #FFF;
    background:-moz-linear-gradient(-45deg, #B8860B 0%, #FFD700 20%, #FFF3C6 45%, #FFD700 70%, #B8860B 100%);
    background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#B8860B), color-stop(18%,#FFD700), color-stop(45%,#FFF3C6), color-stop(77%,#FFD700), color-stop(100%,#B8860B));
    background:linear-gradient(135deg, #B8860B 0%, #FFD700 20%, #FFF3C6 45%, #FFD700 70%, #B8860B 100%);
    background-color:#FFD700;
}
/* ボタン */
header.common-header > div > p.btn {
    width:43%;
}
header.common-header > div > p.btn a {
    display:block;
    font-size:10px;
    line-height:2.0;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    color:#FFF;
    border-radius:4px;
}
/* ログイン */
header.common-header > div > p.login a {
    background-color:#33BFFF;
    border:outset 1px #33BFFF;
}
/* 会員登録 */
header.common-header > div > p.reg a {
    background-color:#F00;
    border:outset 1px #F00;
}

/*------------------------------
	更新情報(フッター)
------------------------------*/
.newpost {
	padding: 0 11px;
	background-color: #FFF;
}

.newpost .listLink {
	display:none;
	background-color:#FFF;
}
.newpost .active {
	display:block;
}
.newpost .listLink > li {
	border-bottom:solid 1px #DCDCDC;
	position: relative;
}
.newpost .listLink > li:last-of-type {
    border-bottom:none;
}

.newpost .listLink a {
	padding:12px 0;
	display:block;
	text-decoration:none;
}
.newpost .listLink .non {
	padding:12px 0;
	display:block;
	opacity: 0.5;
}

.newpost .itemBox {
	font-size:0;
	position: relative;
}
.newpost .itemBox > div {
	display:inline-block;
	vertical-align:top;
	box-sizing: border-box;
}
.newpost .item_mark {
	width: 15%;
	color:#FFF;
	text-align:center;
	font-size:10px;
	line-height:16px;
	font-weight:normal;
	background-color:#EA4335;
	border-radius:12px;
}
.newpost .item_title {
	width: 85%;
	font-size:16px;
	font-weight:bold;
	color:#444;
}
.newpost .item_mark + .item_title {
	padding-left:6px;
}
.newpost .item_title > span {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}
.newpost .item_img {
	padding-bottom: 22.5%;
	width:40%;
	overflow: hidden;
	background-image: url("top_img/top_noimage.png");
	background-repeat:no-repeat;
	background-position:50% 50%;
	-webkit-background-size:cover;
	background-size:cover;
	position: relative;
}
.newpost .item_img::before {
	position:absolute;
	width:200%;
	height:200%;
	content:"";
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
	pointer-events:none;
	border: solid 1px rgba(0,0,0,0.1);
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

.newpost .item_text {
	width:60%;
}
.newpost .item_img + .item_text {
	padding-left:6px;
}

.newpost .item_text > span {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	font-size:14px;
	line-height:1.3;
	font-weight:normal;
	color:#666;
	overflow:hidden;
}

.newpost .item_text > .item_date {
	display:block;
	font-size:12px;
	line-height: 1.0;
	font-weight:normal;
	text-align:right;
	color:#666;
	position: absolute;
	bottom: 0;
	right: 0;
}

.newpost .item_note {
    margin-top: 3.5px;
    font-size:11.5px;
    text-align:left;
    color:#666;
}

/* 埋め込み動画表示領域 */
.movie_box {
	text-align: center;
}
video.movie {
	margin: 0 auto;
	display: block;
	width: 100%;
	height: auto;
}

/* 動画の代わりに表示するポスター画像 */
.video_poster {
	display: inline-block;
	position: relative;
	width: 100%;
}
.video_poster .poster_img {
	width:100%;
	height:auto;
}
.video_poster .play_img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20%;
	transform: translate(-50%, -50%);
}

/* 機種TOPリンク 表示調整 */
.iPhoneBody > hr + center > a,
.iPhoneBody > center > hr + a {
    font-size: 0.85em;
}


