/*#money#money#money#money#money#money#money
=====================================
 Template Name : Himu
 Author Name : Mostafizur Rahman
 Author URI : http://mostafiz.me/
 Template URI :http://mostafiz.me/demo/himu/
 Version : 1.1
===============================
#money#money#money#money#money#money+*/





/*
====================================
------------------------------------
	1. Typography
	2. nav
	3. header
	4. About Us
	5. Service
	6. Our Team
	7. Portfolio
	8. Clients
	9. Our Blog
	10. Contact
	11. Footer
	12. Carousel Effect
	13. Isotope
	14. Portfolio Hover effect
-------------------------------------
=====================================
*/


/*====================
======Typography=====
======================*/

@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
	font-family: '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo UI', Meiryo, 'Noto Sans JP', sans-serif;
	position: relative;
	font-weight:400;
  background: #ffffff;
	color:#333
}

a:hover {
    color: #FFC568;
	outline: none;
	text-decoration:none;
}

a:focus {
	outline:none;
	outline-offset: 0;
}

a {
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
  color: #ab8b0b;
  text-decoration: underline;
  cursor:pointer;
}

h1, h2, h3, h4, h5, h6 {
	font-family: '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo UI', Meiryo, 'Noto Sans JP', sans-serif;
}


.wrapper {
	max-width:1170px;
	padding:0 20px;
	margin:0 auto;
	width:100%;
}

.inc_footer {
	margin-top:0!important;
}

#top5 .top5-btn,
#news .news-btn,
#money .money-btn,
#jimococo .jimococo-btn,
#business .business-btn,
#journalism .journalism-btn,
#specialty .specialty-btn,
#political .political-btn,
#management .management-btn,
#career .career-btn,
#asset-stock .asset-stock-btn,
#asset-fx .asset-fx-btn,
#asset-es .asset-es-btn,
#asset-hit .asset-hit-btn,
#knowledge .knowledge-btn,
#nonfiction .nonfiction-btn,
#philosophy .philosophy-btn,
#safety .safety-btn,
#language .language-btn,
#education .education-btn,
#hobby .hobby-btn,
#column .column-btn,
#life .life-btn,
#love .love-btn,
#health .health-btn,
#entertainment .entertainment-btn {
    color:#ab8b0b!important;
	font-weight:bold;
	text-decoration:none;
	
}


/*====================
======nav CSS=====
======================*/

#navigation .navbar {
  background: #000;
  border-radius: 0;
  border-bottom: 0;
  box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 3px;
  padding-bottom: 0;
}

#navigation .navbar-toggle{
  margin: 3px 3px 0;
  background-color: #333;
}

#navigation .navbar-nav.navbar-right li {
	padding: 0 1px;
}

#navigation .navbar-nav.navbar-right {
  padding: 9px 0;
}

#navigation .navbar-nav.navbar-right li a {
	color: #f2f2f2;
	font-family: '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo UI', Meiryo, 'Noto Sans JP', sans-serif;
	font-size: 14px;
	padding: 0;
	text-transform: uppercase;
	-webkit-transition: all .9s ease 0s;
	-moz-transition: all .9s ease 0s;
	-o-transition: all .9s ease 0s;
	transition: all .9s ease 0s;
  padding: 0 15px;
  line-height: 32px;
}
#navigation .navbar-nav.navbar-right li .dropdown-menu li a {
	color:#333;
}

#navigation .navbar-nav.navbar-right li a:hover,
#navigation .navbar-nav.navbar-right li .dropdown-menu li a:hover {
	color: #fff;
	background-color: #E80008;
}
#navigation .navbar-inverse .navbar-brand {
  padding: 0;
}

#navigation {
	display:none;
	z-index:9999;
}

/*=======================
===== header CSS ====
=========================*/

.hero_img_container {
  text-align: center;
  overflow: hidden;
  max-width:350px;
  width:100%;
  margin:60px auto 0;
}

.hero_img {
    width: 100%;
    z-index: 100;
}

.category-logo {
	margin:25px 0;

}

.category-logo img{
	width:100%;
}

header {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	align-items:center;
    margin: 20px auto 20px;
}

header h1 {
	font-family: 'Vollkorn', serif;
	vertical-align:baseline;
	border-left:12px solid #000;
	padding-left:15px;
	line-height:1.2;
	font-weight:400;
	margin:0 auto;
}

header h1 a {
	color:#333;
	text-decoration:none;
}

header h1 a:hover {
	color:#333;
	text-decoration:none;
}

header .site-tittle {
	width:60%;
	align-self:flex-start;
}

header .page-tittle {
	margin:30px auto 10px;
	max-width:40%;
	min-width:300px;
	text-align:center;
	background-size:contain;
    background-image: url(../img/2016/header-bk-l.png), url(../img/2016/header-bk-r.png) ;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: top left, top right;
}

header .page-tittle h2 {
    font-size: 45px;
	text-shadow:1px 1px 3px #999;
	color: #333;
	font-family:'Vollkorn', serif;
	font-weight:400;
}


header .header-tittle1 {
	font-size:78px;
	letter-spacing:3pt;
}

header .header-tittle2 {
	font-size:74px;
	letter-spacing:3pt;
}

header .header-tittle3 {
	font-size:74px;
	letter-spacing:3pt;

}

header .header-tittle4 {
	display:inline-block;
	width:80px;
	transform:rotate(10deg);
	margin-left:20px;
}

header .header-tittle4 img{
	width:80px;
}

header p {
	font-size:16px;
	text-align:left;
	padding:15px 30px ;
	line-height:1.6;
}




/*=======================
====== top page CSS =
=========================*/
.top div.wrapper article.ranking-wrap {
    margin: 20px auto;
} 

.page-link,
.page-link:focus {
	text-decoration:none;
}


.ranking-wrap .top-logo {
	text-align:center;
	margin:0 auto 20px;
}

.ranking-wrap .top-logo img{
	width:100%;
}

dl.top-ranking.entries {
    margin-bottom: 5px;
}

dl.top-ranking.entries dt {
    padding: 3px 0;
}

dl.top-ranking.entries dd {
    padding: 3px 0.5em 3px 4em;
	font-size:16px;
	color:#ab8b0b;
	font-weight:bold;
}


.top-ranking dt{
    font-size: 16px;
    font-weight: bold;
    padding: 8px 0;
    line-height: 1.6em;
	color:#ab8b0b;
    float: left;
    clear: both;
}

.top-ranking dd {
    padding: 9px 0.5em 9px 4em;
    font-size: 14px;
    line-height: 1.6em;
	color:#333;
	text-align:left;
	text-decoration:none;
}

/*box hover*/
article.ranking-wrap {
	position: relative;
	overflow: hidden;
	width: 300px;
	word-wrap:break-word;
}
.page-link {
	position: absolute;
	top: -100%;
	left: -100%;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
	text-align:center;
	vertical-align:middle;
}

.page-link span {
	margin-top:100px;
	padding: 20px;
	color: #fff;
	font-size: 24px;
	text-align: center;
	display:inline-block;
	vertical-align:middle;
	border:solid 1px #fff;
}

article.ranking-wrap:hover .page-link {
	top: 0;
	left: 0;
}

.category-toptitle {
	font-family: 'Vollkorn', serif;
	margin:0;
	padding:10px 0;
	color: #ab8b0b;
    font-weight: bold;	
}

.top article.ranking-wrap .ranking-box1 img {
	height:40px;
}

.top article.rank-1 .ranking-box1 img {
	height:70px;
	padding:0 5px;
}

.top article.rank-1 .category-toptitle {
	font-size:50px;
}

.top .column-3 .category-toptitle {
	font-size:23px;
	
}

.top .category-toptitle a {
	text-decoration:none;
	
}



/*=======================
====== ranking box CSS =
=========================*/

/*1.2.3*/
article.ranking-wrap.rank-1,
article.ranking-wrap.rank-2,
article.ranking-wrap.rank-3 {
	width:100%;
	margin:10px auto 0;
    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;
	box-sizing:border-box;
	border:5px solid #000;
	padding:0;
	background:#000;
}

.rank-1 .ranking-box1,
.rank-2 .ranking-box1,
.rank-3 .ranking-box1,
.rank-1 .ranking-box2,
.rank-2 .ranking-box2,
.rank-3 .ranking-box2 {
	width:50%;
	margin:0;
}

.rank-1 .ranking-box1,
.rank-2 .ranking-box1,
.rank-3 .ranking-box1 {
	background:#000;
	text-align:center;
	padding: 20px 10px;
	align-self: center;
}

.rank-1 .ranking-box2,
.rank-2 .ranking-box2,
.rank-3 .ranking-box2 {
	text-align:left;
	padding: 10px;
	background: #fff;
}

article.ranking-wrap img.author-photo {
	max-width:160px;
	box-sizing:border-box;
	margin:0 ;
	border-radius:50%;
}

article.rank-2 img.author-photo,
article.rank-3 img.author-photo {
	max-width:100px;
}

article.rank-1 .reader-comment {
	font-size:16px;
}

article.ranking-wrap .ranking{
	background-size:contain;
    background-image: url(../img/2016/ranking-bk.png);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: top center;
}


article.rank-1 .ranking{
	font-size:130px;
}

article.rank-2 .ranking,
article.rank-3 .ranking{
	font-size:100px;
}



/*4～*/

article.ranking-wrap.rank-4,
article.ranking-wrap.rank-5,
article.ranking-wrap.rank-6 {
	max-width:1100px;
	width:100%;
	box-sizing:border-box;
	border:5px solid #000;
	padding:0;
	background:#fff;
	margin:10px auto 0;
}

.rank-4 .ranking-box1,
.rank-5 .ranking-box1,
.rank-6 .ranking-box1,
.rank-4 .ranking-box2,
.rank-5 .ranking-box2,
.rank-6 .ranking-box2 {
	width:100%;
	margin:0;
}

.rank-4 .ranking-box1,
.rank-5 .ranking-box1,
.rank-6 .ranking-box1 {
	background:#000;
	text-align:center;
	padding:10px 15px ;
	align-self: center;
	word-break: break-all;
	height:100%;
	overflow:hidden;
	
}

.rank-4 .ranking-box2,
.rank-5 .ranking-box2,
.rank-6 .ranking-box2 {
	text-align:left;
	padding:10px;
	background: #fff;
	clear:both;
}

article.rank-4 img.author-photo,
article.rank-5 img.author-photo,
article.rank-6 img.author-photo {
	max-width:60px;
	box-sizing:border-box;
	margin:0 ;
	float:left;
	padding: 0;
	margin-right:10px;
}

.column-3 article.ranking-wrap .ranking{
	font-size:80px;
}


article.ranking-wrap .ranking {
	line-height:1;
	padding:0;
	color:#ab8b0b;
	margin:0 auto;
	text-align: center;
	font-family:  serif;
}

article.ranking-wrap .-rank {
	font-size:50%;
	vertical-align:baseline;
}


article.ranking-wrap h2.title,
article.ranking-wrap h3.title,
article.ranking-wrap h4.title {
	margin:0 auto;
	padding:25px 0 ;
	color:#f2f2f2;
	text-align: left;
	line-height:1.3;
}

article.ranking-wrap h2.title {
	font-size:24px;
}

article.ranking-wrap h3.title {
	font-size:20px;
}

article.ranking-wrap h4.title {
	padding:5px ;
}


article.ranking-wrap .media-body {
	font-size:16px;
	line-height:1.6;
	color:#333;
}

article.ranking-wrap .author-intro{
	font-size:16px;
	margin:0 0 1em;
	line-height:1.6;
	color:#333;
}

article.ranking-wrap .reader-comment {
	font-size:14px;
	margin:0 0 1em ;
	line-height:1.6;
	color:#333;
}
article.ranking-wrap .com_label .reader-comment .com_label {
	font-size:16px;
	padding-bottom:0.5em;
	line-height:1.8
}

article.ranking-wrap .fa {
	margin-right:5px;
	color:#ab8b0b;
}

.top article.ranking-wrap .fa {
	margin-left:5px;
	color:#fff;
}



/**有料登録ボタン**/

.regbtn-wrap {
	margin:1em auto 0;
	text-align:center;
}

.reg-paybtn {
	display: inline-block;
	max-width: 265px;
	width:100%;
	height: 40px;
	text-align: center;
	text-decoration: none;
	outline: none;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:13px;
	z-index: 2;
	background-color: #ab8b0b;
	color: #fff;
	line-height: 38px;
	border:#ab8b0b 1px solid;
    transition:all 0.3s;
}



.reg-paybtn:hover {
	background-color: #000;
	border-color: #999;
	color: #fff;
	border:#999 1px solid;
}



/***無料メルマガ登録フォーム***/

.mag2016-free {
	width:100%;
	padding:0;
	text-align:center;
	margin-top:0 ;
}

.mag2016-free ul {
	list-style:none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
	align-items:center;
	padding:0;	
	justify-content: center;
}

.mag2016-free ul li {
	padding:5px 2.5px;
	text-align:center;
	align-self:flex-end;
}

.mag2016-free .supple {
    padding: 0;
    margin: 0 0 2px;
    text-align: left;
    font-size: 12px;
    line-height:1;
	color: #333;
}

.mag2016-free p a{
	color: #ab8b0b;
	text-decoration:none;
}

.mag2016-free p a:hover {
	text-decoration:underline;
}


.mag2016-free input[type="email"] {
	height:35px;
	width:100%;
	padding:0 10px;
	border: 1px solid #999;
	box-sizing: border-box;
	font-size:14px;
	border-radius: 2px;	
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 0 1px rgba(0, 0, 0, 0.2);
	outline: none!important;
    line-height:35px;
}


.mag2016-free input[type="email"]:focus {
	box-shadow:inset 0 0 5px #999;
}


.mag2016-free .rdmail-reg {
    width: 80px;
	height:35px;
    padding: 2px 0;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
    cursor: pointer;
    margin: 0 auto;
    line-height:30px;
	background: #ab8b0b;
	border:none;
	border-radius:2px;
	transition:all 0.5s;
	box-sizing:border-box;
	align-content:center;
	justify-content:center;
}


.mag2016-free .rdmail-reg:hover {
	background: #000;
	color:#fff;

}

@media only screen and (min-width:991px) {
.rank-2 .mag2016-free .rdmail-reg,
.rank-3 .mag2016-free .rdmail-reg {
	width:180px;
}
}


@media only screen and (max-width:480px) {
.mag2016-free input[type="email"] {
	width:260px;
}
.mag2016-free .rdmail-reg,
.mag2016-free input[type="submit"].rdmail-under {
    width: 260px;
}
}





/*===== sns =====*/

article.ranking-wrap div.-price {
	padding:5px 0;
	font-size:13px;
	text-align:left;
	line-height: 2;
}

article.ranking-wrap .-free {
    color: #fff;
    background-color: #02005d;
    border-color: #02005d;
	padding:2px 5px;
	border-radius:3px;
}

article.ranking-wrap .-medialink {
    padding-left: 10px;
}


.sns-btnbox {
	text-align:right;
	clear:both;
    position: relative;
}

.sns-drop{
  *zoom: 1;
  list-style-type: none;
  margin: 5px auto 30px;
  padding: 0;
  float:right;
}

.sns-drop .sns-text {
	cursor:pointer;
}

.sns-drop .sns-text i {
	margin-left:5px;
}


.sns-drop:before, .sns-drop:after{
  content: "";
  display: table;
}

.sns-drop li{
  position: relative;
  width: 150px;
  margin: 0;
  padding: 0;
  text-align: right;
}

.sns-drop li .sns-btn{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .5s;
}

.sns-drop li .sns-btn li{
  background: #fff;
  box-shadow:0 0 3px #000;
  text-align:center;
}

.sns-drop li .sns-btn li a{
  padding: 5px 0;
  text-align: left;
	display:inline-block;
}

.sns-btnbox .sns-btn li a:hover {
	opacity:0.6;
	transition:all 0.3s;
}

.sns-drop li .sns-btn li img{
	width:25px;
}

.sns-drop li :hover{
  color: #616d0b;
}

.sns-drop li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}


/*=======================
====== 部門別 CSS =
=========================*/

.award-category ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-wrap:wrap;
	padding:0;
	flex-basis:auto;
}

.category-btn:hover {
	background: #fff;
	color: #ab8b0b;
}

.award-category li{
	margin:10px auto 0;
	text-align: center;
	width: 170px;
	flex-basis:auto;
	list-style:none;
}

.award-category li a{
	color:#333;
	font-size:14px;
}


.award-category .ranking-box2 {
	padding: 2% 1.5% ;
}


/**部門タイトル**/
.category-innertitle {
	position: relative;
	text-align: center;
	margin:30px 0 20px;
}

.ranking-box1 .category-innertitle span {
	background-color: #000;
	font-size:50px;

}

.category-innertitle span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 1em;
	padding: 0 0.5em;
	background-color: #fff;
	text-align: left;
	font-family:'Vollkorn', serif;
	font-size:18px;
	color:#ab8b0b;
	font-weight:bold;
}
.category-innertitle::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #ccc;
	background: -webkit-linear-gradient(-45deg, transparent, #ab8b0b 10%, #ab8b0b 90%, transparent);
	background: linear-gradient(-45deg, transparent, #ab8b0b 10%, #ab8b0b 90%, transparent);
}

.cat-img{
	margin-top:0;
}

.cat-img img{
	width:200px;
}


/*=======================
====== past mag2award CSS =
=========================*/
.past-mag2award {
  margin: 30px auto;
  clear:both;
}

.past-mag2award ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-wrap:wrap;
	padding:0;
	justify-content:center;
}

.past-mag2award ul li{
	list-style:none;
	margin:5px 0 0;
}

.past-mag2award a {
  font-size: 13px;
  color: #FFFFFF;
  padding: 0.7em 0;
  background: #4d4d4d;
  display: block;
  line-height: 1.5;
  text-decoration: none;
  width:150px;
  margin:0 2.5px;
  text-align:center;
	border:1px solid #4d4d4d;
	box-sizing:border-box;
}

.past-mag2award a:hover {
background-color: #fff;
  color: #4d4d4d;
border:1px solid #4d4d4d;
box-sizing:border-box;
}



/*=======================
====== 900px以上 CSS =
=========================*/

@media (min-width:991px) {
article.rank-2 .reg-paybtn,
article.rank-3 .reg-paybtn{
	width:180px;
}


/*2.3*/
.rank-2 .ranking-box1,
.rank-3 .ranking-box1{
	width:40%;
	margin:0;
}

.rank-2 .ranking-box2,
.rank-3 .ranking-box2{
	width:60%;
}


/*top*/

.top .top-media article.ranking-wrap.rank-4 {
    min-height: 900px;
}

.top .top-cat article.ranking-wrap.rank-4 {
    min-height: 480px;
}



/********個別ページbox指定*************/


/*top5*/
#top5 .rank-2 .ranking-box2,
#top5 .rank-3 .ranking-box2,
#top5 article.rank-2 ,
#top5 article.rank-3{
	min-height:935px;
}



/*4.5*/
#top5 article.rank-4 ,
#top5 article.rank-5{
	min-height:720px;
}

#top5 article.ranking-wrap .author-intro{
	min-height:200px;
}



/*news*/
#news .rank-2 .ranking-box2,
#news .rank-3 .ranking-box2,
#news article.rank-2 ,
#news article.rank-3{
	min-height:660px;
}

/*4.5*/
#news article.rank-4 ,
#news article.rank-5,
#news article.rank-6{
	min-height:880px;
}

/*#money  */
#money .rank-2 .ranking-box2,
#money .rank-3 .ranking-box2,
#money   article.rank-2 ,
#money article.rank-3{
	min-height:890px;
}


/*4.5*/
#money article.rank-4 ,
#money article.rank-5,
#money article.rank-6{
	min-height:915px;
}

/*#jimococo*/
#jimococo .rank-2 .ranking-box2,
#jimococo .rank-3 .ranking-box2,
#jimococo article.rank-2 ,
#jimococo article.rank-3{
	min-height:690px;
}


/*4.5*/
#jimococo article.rank-4 ,
#jimococo article.rank-5,
#jimococo article.rank-6{
	min-height:790px;
}


/*#business*/
#business .rank-2 .ranking-box2,
#business .rank-3 .ranking-box2,
#business article.rank-2 ,
#business article.rank-3{
	min-height:840px;
}
/*4.5～*/
#business article.rank-4 ,
#business article.rank-5,
#business article.rank-6{
	min-height:715px;
}


/*#journalism*/
#journalism .rank-2 .ranking-box2,
#journalism .rank-3 .ranking-box2,
#journalism article.rank-2 ,
#journalism article.rank-3{
	min-height:752px;
}
/*4.5～*/
#journalism article.rank-4 ,
#journalism article.rank-5,
#journalism article.rank-6{
	min-height:550px;
}

/*#specialty*/
#specialty .rank-2 .ranking-box2,
#specialty .rank-3 .ranking-box2,
#specialty article.rank-2 ,
#specialty article.rank-3{
	min-height:885px;
}
/*4.5～*/
#specialty article.rank-4 ,
#specialty article.rank-5,
#specialty article.rank-6{
	min-height:630px;
}


/*#political*/
#political .rank-2 .ranking-box2,
#political .rank-3 .ranking-box2,
#political article.rank-2 ,
#political article.rank-3{
	min-height:530px;
}
/*4.5～*/
#political article.rank-4 ,
#political article.rank-5,
#political article.rank-6{
	min-height:555px;
}


/*#management*/
#management .rank-2 .ranking-box2,
#management .rank-3 .ranking-box2,
#management article.rank-2 ,
#management article.rank-3{
	min-height:660px;
}
/*4.5～*/
#management article.rank-4 ,
#management article.rank-5,
#management article.rank-6{
	min-height:600px;
}


/*#career*/
#career .rank-2 .ranking-box2,
#career .rank-3 .ranking-box2,
#career article.rank-2 ,
#career article.rank-3{
	min-height:660px;
}
/*4.5～*/
#career article.rank-4 ,
#career article.rank-5,
#career article.rank-6{
	min-height:610px;
}


/*#asset-stock*/
#asset-stock .rank-2 .ranking-box2,
#asset-stock .rank-3 .ranking-box2,
#asset-stock article.rank-2 ,
#asset-stock article.rank-3{
	min-height:790px;
}
/*4.5～*/
#asset-stock article.rank-4 ,
#asset-stock article.rank-5,
#asset-stock article.rank-6{
	min-height:910px;
}


/*#asset-fx*/
#asset-fx .rank-2 .ranking-box2,
#asset-fx .rank-3 .ranking-box2,
#asset-fx article.rank-2 ,
#asset-fx article.rank-3{
	min-height:610px;
}
/*4.5～*/
#asset-fx article.rank-4 ,
#asset-fx article.rank-5,
#asset-fx article.rank-6{
	min-height:665px;
}


/*#asset-hit*/
#asset-hit .rank-2 .ranking-box2,
#asset-hit .rank-3 .ranking-box2,
#asset-hit article.rank-2 ,
#asset-hit article.rank-3{
	min-height:710px;
}


/*#knowledge*/
#knowledge .rank-2 .ranking-box2,
#knowledge .rank-3 .ranking-box2,
#knowledge article.rank-2 ,
#knowledge article.rank-3{
	min-height:745px;
}
/*4.5～*/
#knowledge article.rank-4 ,
#knowledge article.rank-5,
#knowledge article.rank-6{
	min-height:650px;
}


/*#nonfiction*/
#nonfiction .rank-2 .ranking-box2,
#nonfiction .rank-3 .ranking-box2,
#nonfiction article.rank-2 ,
#nonfiction article.rank-3{
	min-height:730px;
}
/*4.5～*/
#nonfiction article.rank-4 ,
#nonfiction article.rank-5,
#nonfiction article.rank-6{
	min-height:640px;
}


/*#philosophy*/
#philosophy .rank-2 .ranking-box2,
#philosophy .rank-3 .ranking-box2,
#philosophy article.rank-2 ,
#philosophy article.rank-3{
	min-height:795px;
}
/*4.5～*/
#philosophy article.rank-4 ,
#philosophy article.rank-5,
#philosophy article.rank-6{
	min-height:670px;
}


/*#safety*/
#safety .rank-2 .ranking-box2,
#safety .rank-3 .ranking-box2,
#safety article.rank-2 ,
#safety article.rank-3{
	min-height:695px;
}
/*4.5～*/
#safety article.rank-4 ,
#safety article.rank-5,
#safety article.rank-6{
	min-height:645px;
}


/*#language*/
#language .rank-2 .ranking-box2,
#language .rank-3 .ranking-box2,
#language article.rank-2 ,
#language article.rank-3{
	min-height:760px;
}
/*4.5～*/
#language article.rank-4 ,
#language article.rank-5,
#language article.rank-6{
	min-height:800px;
}


/*#education*/
#education .rank-2 .ranking-box2,
#education .rank-3 .ranking-box2,
#education article.rank-2 ,
#education article.rank-3{
	min-height:755px;
}
/*4.5～*/
#education article.rank-4 ,
#education article.rank-5,
#education article.rank-6{
	min-height:540px;
}


/*#hobby*/
#hobby .rank-2 .ranking-box2,
#hobby .rank-3 .ranking-box2,
#hobby article.rank-2 ,
#hobby article.rank-3{
	min-height:705px;
}
/*4.5～*/
#hobby article.rank-4 ,
#hobby article.rank-5,
#hobby article.rank-6{
	min-height:650px;
}


/*#column*/
#column .rank-2 .ranking-box2,
#column .rank-3 .ranking-box2,
#column article.rank-2 ,
#column article.rank-3{
	min-height:660px;
}
/*4.5～*/
#column article.rank-4 ,
#column article.rank-5,
#column article.rank-6{
	min-height:750px;
}


/*#life*/
#life .rank-2 .ranking-box2,
#life .rank-3 .ranking-box2,
#life article.rank-2 ,
#life article.rank-3{
	min-height:770px;
}
/*4.5～*/
#life article.rank-4 ,
#life article.rank-5,
#life article.rank-6{
	min-height:570px;
}


/*#love*/
#love .rank-2 .ranking-box2,
#love .rank-3 .ranking-box2,
#love article.rank-2 ,
#love article.rank-3{
	min-height:805px;
}
/*4.5～*/
#love article.rank-4 ,
#love article.rank-5,
#love article.rank-6{
	min-height:675px;
}


/*#health*/
#health .rank-2 .ranking-box2,
#health .rank-3 .ranking-box2,
#health article.rank-2 ,
#health article.rank-3{
	min-height:820px;
}
/*4.5～*/
#health article.rank-4 ,
#health article.rank-5,
#health article.rank-6{
	min-height:660px;
}


/*#entertainment*/
#entertainment .rank-2 .ranking-box2,
#entertainment .rank-3 .ranking-box2,
#entertainment article.rank-2 ,
#entertainment article.rank-3{
	min-height:655px;
}
/*4.5～*/
#entertainment article.rank-4 ,
#entertainment article.rank-5,
#entertainment article.rank-6{
	min-height:590px;
}


}

/*=======================
======box微調整 CSS =
=========================*/

@media screen and (min-width:991px) and ( max-width:1170px) {


/*news*/

#news article.rank-4 ,
#news article.rank-5,
#news article.rank-6{
	min-height:990px;
}

/*#money  */

#money article.rank-4 ,
#money article.rank-5,
#money article.rank-6{
	min-height:1050px;
}

/*#jimococo*/

#jimococo article.rank-4 ,
#jimococo article.rank-5,
#jimococo article.rank-6{
	min-height:870px;
}

}




@media screen and (min-width:768px) and ( max-width:991px) {


/*news*/

#news article.rank-4 ,
#news article.rank-5,
#news article.rank-6{
	min-height:860px;
}

/*#money  */

#money article.rank-4 ,
#money article.rank-5,
#money article.rank-6{
	min-height:905px;
}

/*#jimococo*/

#jimococo article.rank-4 ,
#jimococo article.rank-5,
#jimococo article.rank-6{
	min-height:790px;
}

}


/*=======================
====== 768px以上 CSS =
=========================*/

@media (min-width:768px) {

article.ranking-wrap h2.title,
article.ranking-wrap h3.title,
article.ranking-wrap h4.title {
	text-align:center;
}


.top header {
    margin: 50px auto 50px;
}

.top header .page-tittle h2 {
    font-size: 60px;
	text-shadow:1px 1px 3px #999;
	color: #333;
	font-family:'Vollkorn', serif;
	font-weight:400;
}


.top header .header-tittle1 {
	font-size:108px;
	letter-spacing:3pt;
}

.top header .header-tittle2 {
	font-size:104px;
	letter-spacing:3pt;
}

.top header .header-tittle3 {
	font-size:104px;
	letter-spacing:3pt;

}

.top header .header-tittle4 {
	display:inline-block;
	width:80px;
	transform:rotate(10deg);
	margin-left:20px;
}

}
/*=======================
====== 900px以下 CSS =
=========================*/

@media (max-width:900px) {
header {
	display:block;
}


header .site-tittle {
	width:100%;
}

header .page-tittle {
	width:100%;
}

header .page-tittle {
	margin:30px auto 10px;
	max-width:50%;
	min-width:300px;
}


}


/*=======================
====== 768px以下 CSS =
=========================*/



@media (max-width:768px){

/* header */
header .header-tittle1 {
	font-size:78px;
}

header .header-tittle2 {
	font-size:74px;
}

header .header-tittle3 {
	font-size:74px;

}

header .header-tittle4 {
	width:50px;
}



/*1.2.3*/
article.ranking-wrap.rank-1,
article.ranking-wrap.rank-2,
article.ranking-wrap.rank-3 {
	max-width:1100px;
	width:100%;
	box-sizing:border-box;
	border:5px solid #000;
	padding:0;
	background:#000;
}

.rank-1 .ranking-box1,
.rank-2 .ranking-box1,
.rank-3 .ranking-box1,
.rank-1 .ranking-box2,
.rank-2 .ranking-box2,
.rank-3 .ranking-box2 {
	width:100%;
	margin:0;
}

.rank-1 .ranking-box1,
.rank-2 .ranking-box1,
.rank-3 .ranking-box1 {
	background:#000;
	text-align:center;
	padding:2.5% ;
	align-self: center;
	
}

article.ranking-wrap h2.title, 
article.ranking-wrap h3.title, 
article.ranking-wrap h4.title {
	padding:20px 0 0;
}




article.ranking-wrap img.author-photo {
	max-width:80px;
	box-sizing:border-box;
	margin:10px 10px 0 0;
	padding: 0;
}

article.ranking-wrap h2.title,
article.ranking-wrap h3.title {
	float:right;
	width:80%
}

article.ranking-wrap h2.title.no-image,
article.ranking-wrap h3.title.no-image {
	width:100%;
}

/*部門別*/

article.award-category h4.title {
	padding:0 0 20px 0;
}
	
}

article.award-category .category-innertitle {
	margin-bottom:5px;
}

/*=======================
====== 480px以下 CSS =
=========================*/

@media (max-width:480px){
.wrapper{
		padding:0 15px;		
}

article.ranking-wrap h2.title,
article.ranking-wrap h3.title {
	float:right;
	width:65%
	
}
article.ranking-wrap h2.title,
article.ranking-wrap h3.title,
article.ranking-wrap h4.title {
	font-size:18px;
	padding:10px 5px;
}


/* header */

header h1 {
	border-left:6px solid #000;
	line-height:1.3;
}

header .header-tittle1 {
	font-size:48px;
}

header .header-tittle2 {
	font-size:44px;
}

header .header-tittle3 {
	font-size:55px;

}

header .header-tittle4 {
	width:60px;
	margin-top:-15px;
}

header .page-tittle h2 {
	margin-bottom:5px;
	line-height:1;
	font-size:40px;
}

header p {
    padding: 5px 20px;
}



/* top page */

.top div.wrapper article.ranking-wrap {
    margin: 10px auto;
} 

.top article.rank-1 .category-toptitle {
    font-size: 35px;
}
.top .column-3 .category-toptitle {
    font-size: 20px;
}


/* sp only */

.top a.sp-only {
    display: block;
    text-align: center;
    margin: 0 auto;
    background: #000;
    width: 100%;
    padding: 20px;
}

.top a.page-link {
    display:none;
}




/*部門別*/
.ranking-box1 .category-innertitle span {
	font-size:40px;
}

article.award-category h4.title {
	padding:0 0 20px 0;
}

.award-category li {
	margin-top:20px;
	width:130px;
}

}

@media (min-width:480px) {

.top a.sp-only {
	display:none;
}
}