@CHARSET "UTF-8";


.font-style1{
	font-weight: bold;
	margin: 0 3px 0 0;
}

.sns-data-main{
	margin: 0 0 30px;
}

.more-link a,
a.toku-link-area{
	color: #333;
}

.social-btn p.entery-social-header{
	font-weight: bold;
}



/*--【2016.11.25 作成福井】-------------------
 * base(共通部分)
 *--------------------------------------------*/
.head_signboard{
	border: solid 7px #fff;
	box-shadow:0px 0px 4px 0px #bebebe;
	-moz-box-shadow:0px 0px 4px 0px #bebebe;
	-webkit-box-shadow:0px 0px 4px 0px #bebebe;
	position: relative;

}
.head_signboard img{
	width: 100%;
}

.toku-frame-space{
	padding: 20px 25px;
}

.toku-icon-new, .toku-icon-up{
	padding: 1px 3px;
	margin: 0 3px 0 0;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
}
.toku-icon-new{
	background: #ff0000;
}
.toku-icon-up{
	background: #66cc33;
}
.area-main-section{
	margin: 0 0 20px;
	font-size: 14px;
}



/*---------------------------------------------
 * 既存cssの特集ページ上書き
 *--------------------------------------------*/


.FEATURE-MAIN a.toku-link-area{
	display: block;
	padding: 5px;
}
.FEATURE-MAIN .contents-root-02{
	background: none;
	box-shadow: none;
	margin: 20px 0;
}

.FEATURE-MAIN .contents-root-02:before{
	border: 0;
}
.FEATURE-MAIN header.contents-header{
	padding: 35px 8px 6px;
	border-bottom: 0;
}
.FEATURE-MAIN .contents-root-02-nav{
	letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */
	line-height: 0.6;
}
.FEATURE-MAIN .contents-root-02-nav li{
	margin: 0 2px 0 0;
	float: none;
	display: inline-block;
	letter-spacing: normal; /* 文字間を元に戻す */
}
.FEATURE-MAIN .contents-root-02-nav a{
	border-radius:6px 6px 0px 0px ;
	-moz-border-radius:6px 6px 0px 0px ;
	-webkit-border-radius:6px 6px 0px 0px ;
	background: #fff;
	font-size: 16px;
	margin: 0 0 2px;
	padding: 10px 14px;
}

.FEATURE-MAIN .contents-root-02-nav a.current{
	font-size: 22px;
	color: #666;
	border: none;
	margin: 0;
	padding: 17px;
}
@media screen and (min-width: 460px){
	.FEATURE-MAIN .contents-root-02-nav a{
		padding: 12px 40px;
	}
	.FEATURE-MAIN .contents-root-02-nav a.current{
		padding: 19px 40px;
	}
}

.FEATURE-MAIN .list-device,
.article-main-spacer{
	padding: 20px 25px;
}

.FEATURE-MAIN .article-list{
	padding: 20px 10px;
}


/*---------------------------------------------
 * toku-frame-box(特集一覧)
 *--------------------------------------------*/
 
.toku-frame-box img{
	width: 100%;
}
 
.toku-frame-box li.toku-frame-table{
	background: #fff;
	box-shadow:0px 0px 3px 0px #bebebe;
	-moz-box-shadow:0px 0px 3px 0px #bebebe;
	-webkit-box-shadow:0px 0px 3px 0px #bebebe;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-collapse: separate;
    position: relative;
    margin: 0 0 20px;
}
li.toku-frame-table:last-child{
  margin: 0;
}

.toku-stage-table{
	display: table;
	width: 100%;
}
.toku-stage-table div.toku-stage-data1,
.toku-stage-table div.toku-stage-data2,
.toku-stage-table div.toku-stage-data3{
	display: table-cell;
}

.toku-stage-table div.toku-stage-data3{
	width: 18px;
	background: #3399ff;
	border-radius:0px 5px 5px 0px ;
	-moz-border-radius:0px 5px 5px 0px ;
	-webkit-border-radius:0px 5px 5px 0px ;
}



/*--【特集画像のサイズ】-----------------------------------*/

.toku-stage-data1{
	vertical-align: middle;
	width: 25%;
}
.SELECT-FEATURE-AREA .toku-stage-data1{
	width: 40%;
}

.toku-stage-data1 img{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
/*--【ここまで】---------*/


.toku-stage-data2{
	vertical-align: middle;
	padding: 5px 30px 5px 13px;
}
	.list-device .toku-stage-data2{
		padding: 5px 10px 5px 13px;
	}

.toku-detail1{
	margin: 0 0 5px;
}
.toku-detail2{
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 7px;
}
.toku-detail3{
	font-size: 12px;
	text-align: right;
}

li.toku-frame-table a:after,
li.reco-apri-detail a:after,
.relation-main-table li a:after,
.indivi-data-area1 a:after{
	border-style: solid;
	border-width: 4px;
	content: "";
	display: block;
	height: 6px;
	position: absolute;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 6px;
	border-color: rgba(0,0,0,0.2);
	border-left: medium none;
	border-top: medium none;
	top: 50%;
	margin-top: -4px;
	right: 12px;
}
li.toku-frame-table a:after{
	border-color: rgba(255,255,255,1);
}
.relation-main-area .relation-main-table li a:after{
	border-color: rgba(51,153,253,1);
}


/*---------------------------------------------
 * recommend-frame-box(オススメアプリ)
 *--------------------------------------------*/

.recommend-frame-box{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

li.recommend-frame-table{
	float: left;
	width: 315px;
	background: #fffff0;
	border: solid 1px #ccc;
	margin: 15px 7px 15px 7px;
	position: relative;
	
}

li.reco-category{
	color: #ff0000;
	background: #fff;
	padding: 5px;
	border: solid 1px #ccc;
	font-weight: bold;
	display: inline-block;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin: -15px 0 0 10px;
	position: absolute;
}
li.reco-apri-detail{
	padding: 15px 0 28px;
}
ul.reco-apri-data{
	padding: 0 23px 0 0;
}
li.reco-apri-img{
	float: left;
	width: 72px;
	margin: 0 10px 5px 0;
}
li.reco-apri-img img{
	width: 100%;
}
li.reco-apri-title{
	padding: 5px 0 0;
}
li.reco-apri-text{
	clear: both;
	background: #fcfcfc;
	border: solid 1px #ccc;
	padding: 10px;
	font-size: 14px;
	line-height: 16px;
	color: #666;
}
.recommend-frame-table .more-link{
	position: absolute;
	bottom: -13px;
	right: 10px;
}
.recommend-frame-table .more-link a{
	color: #0074cc;
	border: solid 1px #ccc;
}

.link-toku-top a{
	color: #0074cc;
}



/*---------------------------------------------
 * (特集記事の紹介)
 *--------------------------------------------*/

p.indivi-head-text1{
	font-weight: bold;
	line-height: 20px;
}
p.indivi-head-text2{
	line-height: 20px;
	margin: 20px 0;
}
.indivi-relation1 h2{
	border-bottom: solid 1px #ccc;
	padding: 7px 5px;
}
.indivi-relation1 .relation-main-table li a{
	padding: 10px 25px 10px 0;
}
.indivi-relation1{
	margin: 20px 0;
}
ul.indivi-spec-detail{
	border-left: solid 8px #333;
	padding: 0 0 0 8px;
	margin: 5px 0 0;
}
		.indivi-data-area1 ul.indivi-spec-detail{border: none;padding: 0;}

/*-----個別特集アイコンの隣の文言箇所-------*/

ul.indivi-spec-detail li{
	font-size: 12px;
	font-weight: normal;
	
}
ul.indivi-spec-detail li span{
	display: table-cell;
}
ul.indivi-spec-detail li span:first-child{
	width: 54px;
}

/*-------indivi-data-box-----*/

article.indivi-data-box{
	margin: 0 0 60px;
}
div.indivi-data-box{
	margin: 0 0 60px;
}
section.indivi-data-box{
	margin: 0 0 60px;
}

.indivi-gametitle-h2{
	font-weight: bold;
	font-size: 18px;
	background: #f4f4f4;;
	padding: 10px;
	border-bottom: solid 2px #ccc;
}
.indivi-gametitle-h2 h2{
	display: block;
	border-left: solid 8px #333;
	padding: 0 0 0 8px;
}


.indivi-data-area1,
.indivi-data-area2,
.indivi-data-area3,
.indivi-data-area4{
	margin: 7px 0;
}
.indivi-data-area1 a{
	color: #333;
}
.indivi-data-area1{
	position: relative;
}
.indivi-data-head-table{
	display: table;
	width: 100%;
}
.indivi-data-head-table div{
	display: table-cell;
	vertical-align: top;
}
.indivi-head-cell1,
.indivi-head-cell1 img{
	width: 72px;
}
.indivi-head-cell2{
	padding: 0 25px 0 8px;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
}
.indivi-data-area2 h3{
	background: #fffff0;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 10px;
	font-weight: bold;
}

ul.indivi-attention-point{
	border-bottom: solid 1px #ccc;
	padding: 0 0 0 1em;
}
.indivi-attention-point li{
	margin: 10px 5px;
	font-weight: bold;
	line-height: 1.3em;
	position: relative;
	padding: 0 0 0 0.4em;
}
.indivi-attention-point li:before{
	font-family: FontAwesome;
	content: "\f046";
	color: #d3006c;
	padding: 0 5px 0 0;
	position: absolute;
	top: 0;
	left: -1em;
}

.indivi-data-area4 p{
    margin: 10px 0 10px 0;
}

.indivi-data-area4 table{
    margin: 10px 0 10px 0;
}


/*-------ダウンロードボタン-----*/

a.apri-download-link,
a.detail-article-link{
	padding: 10px 5px;
	text-align: center;
	border: solid 1px #ccc;
	display: block;
	font-size: 20px;
}
a.apri-download-link span.down-device-load:before{
	content: url("../../images/feature/down_icon.png") ;
	padding: 0 5px 0 0;
}

/*-------二つあった場合-----*/

.down-choise-two a.apri-download-link{
	width: 43.7%;
	float: left;
	position: relative;
	padding: 10px 5px 10px 30px;
	font-size: 16px;
}

.down-choise-two a.apri-download-link:last-child{
	float: right;
}
.down-choise-two .line-feed{
	display: block;
}

.down-choise-two a.apri-download-link span.down-device-load:before{
	position: absolute;
	left: 2.5em;
	top: 27%;
}

/*-------検索ボタン-----*/

a.detail-article-link span:before{
	content: url("../../images/feature/search_icon.png") ;
	position: absolute;
	margin: -2px 0 0 -27px;
}




.indivi-data-area4{
	line-height: 20px;
}
.indivi-data-area4 h2{
	font-size: 20px;
	padding: 10px 5px 10px;
	border-bottom: 2px solid #aaaaaa;
}
.indivi-data-area4 h3{
	border-left: 6px solid #aaaaaa;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 8px;
	margin: 30px 0;
}
.indivi-data-area4 img{
    height: auto;
}


/*---------------------------------------------
 * (関連特集、関連おすすめアプリ)
 *--------------------------------------------*/
 
.relation-main-table li a,
.indivi-data-area5 a,
.indivi-data-area3 a{
	color: #4285f4;
}

ul.relation-main-table li{
	border-bottom: dashed 1px #ccc;
	position: relative;
}
.relation-main-table li:last-child{
	border-bottom: none;
}
.indivi-relation1 .relation-main-table li:last-child{
	border-bottom: dashed 1px #ccc;
}

.relation-main-table li a{
	padding: 10px 25px 10px 10px;
	display: block;
}

/*---------------------------------------------
 * 新攻略ページ導入
 *--------------------------------------------*/

.new-article-feature ul,
.new-article-feature  ol{
	list-style: none;
}
*{
	padding: 0;
	margin: 0;
}

.new-article-feature{
	margin: 0 0 20px;
}

.new-article-spacer1{
	padding: 20px 15px;
	border: 3px solid #ddd;
}
.new-article-spacer2{
	padding: 10px 15px;
	border: 3px solid #ddd;
}


/*---------------------------------------------
 * アプリのポイント　ショートコード
 *--------------------------------------------*/

#entry-body .indivi-attention-point h3,
.body-gametips .indivi-attention-point h3{
	font-size: 90%;
	border-left-width: 0;
	border-left-style: initial;
	line-height: initial;
	margin: 0 0 0 -14px;
}

#entry-body .indivi-attention-point li,
.body-gametips .indivi-attention-point li{
	font-size: 90%;
	background-image: initial;
	margin-left: 4px;
}

/*---------------------------------------------
 * 並び替えボタン
 *--------------------------------------------*/
 
.indivi-sort-navi ul{
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 15px 0 2px;
}
.indivi-sort-navi li{
	display: table-cell;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	vertical-align: middle;
	border-top: solid 1px #ccc;
	border-bottom: solid 5px #0074cc;
}

.indivi-sort-navi li a{
	display: block;
	border-right: solid 1px #ccc;
	padding: 20px 0;
	color: #666;
	text-decoration: none;
}
.indivi-sort-navi li:first-child a{
	border-left: solid 1px #ccc;
}

.indivi-sort-navi li.active span{
	display: block;
	padding: 20px 0;
	background: #0074cc;
	color: #fff;
	border-right: solid 1px #0074cc;
}



.indivi-sort-navi li a,
.indivi-sort-navi li a::before,
.indivi-sort-navi li a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.indivi-sort-navi li a:hover {
	background-color: #0074cc;
	color: #fff;
	border-right: solid 1px #0074cc;
}