@charset "utf-8";

/*
 * - Base style
 * - Structure
 * - Component
 * - Media Query
 * - Page style
     - index
     - info
 */

/* ==============================
   Base style
   ============================== */

body {
	color: #000;
}

/* Anchor
   ------------------------------ */

#NR-wrapper a:link {
	color: #000;
}

#NR-wrapper a:visited {
	color: #000;
}

#NR-wrapper a:hover {
	color: #666;
	text-decoration: none;
}

#NR-wrapper a:active {
	color: #999;
}

/* ==============================
   Structure
   ============================== */

/* Navigation
   ------------------------------ */

#NR-nav {
	background-color: #000;
	border-bottom: 1px solid #000;
}

#NR-nav-main {
	background-color: #fff200;
}

#NR-nav-main li a {
	color: #000;
}

#NR-nav-main li a:hover {
	background: rgba(0, 0, 0, 0.2);
}

body#index #nav-index a,
body#s #nav-s a,
body#column #nav-column a,
body#region #nav-region a,
body#category #nav-category a,
body#topic #nav-topic a,
body#vote #nav-vote a,
body#info #nav-info a  {
	background-color: #000;
	border-color: #000;
	border-radius: 2px 2px 0 0;
	color: #fff200;
}

/* wrapper
   ------------------------------ */

#NR-wrapper {
	background-image: url(/img/flagl.png), url(/img/flagr.png), url(/img/index_back.png);
	background-repeat: no-repeat, no-repeat, repeat;
	background-position: top left, top right, top left;
}

#NR-wrapper-in {
	background-color: #fff;
	font-size: 15px;
	padding: 30px 10px;
	line-height: 1.8;
}


/* widget-box */

.widget-box{
	margin:40px 0 20px;
}

/* twitter */
.aside-twitter {
	float: right;
}

/* facebook */
.aside-facebook {
	border: 1px solid #ccc;
	border-radius: 5px;
	display: inline-block;
	float: left;
	max-height: 700px;
	min-height: 510px;
	overflow: hidden;
}

/* Sidebar
   ------------------------------ */

#NR-sub .sub-banner {
	margin: 20px 0;
}

#NR-sub .ranking-box-area {
	margin-top: 40px;
}

#NR-sub .ranking-box-in {
	padding: 20px 10px 10px;
}

#NR-sub .ranking-box dt {
	font-size: 16px;
}

#NR-sub li.rankicon01,
#NR-sub li.rankicon02,
#NR-sub li.rankicon03,
#NR-sub li.rankicon04,
#NR-sub li.rankicon05 {
	font-size: 15px;
	min-height: 35px;
}

#NR-sub .new-ranking a {
	font-size: 15px;
	line-height: 1.5;
}

.aside-box {
	background: url(/img/tegaki.png);
	margin-top: 20px;
	padding: 1px;
}

.aside-box-in {
	background-color: #fff;
	border: solid 2px #000;
	padding: 10px;
	position: relative;
}

.aside-box .aside-ttl {
	background: repeating-linear-gradient(to right,#333,#333 10px,#222 10px,#222 20px);
	color: #fff;
	font-size: 16px;
	padding: 5px 10px;
	position: absolute;
	top: -20px;
	left: 10px;
}

#NR-sub .new-ranking ul {
	padding: 0 0 15px;
}

#NR-sub .new-ranking li {
	background-size: 20px;
	font-size: 15px;
	margin-left: 15px;
	padding: 5px 10px 5px 35px;
}

/* imatopi */
.aside-imatopi {
	margin-top: 40px;
}

.aside-imatopi .aside-box-in {
	padding: 25px 10px 5px 5px;
}

.aside-imatopi .aside-ttl {
	background: repeating-linear-gradient(to right,#ff8f17,#ff8f17 10px,#ffaa17 10px,#ffaa17 20px);
	color: #000;
	font-weight: bold;
}

.aside-imatopi .aside-ttl span {
	color: #000;
	background: #fff;
	font-size: 12px;
	margin-left: 10px;
	padding: 2px 5px;
}

.aside-imatopi .imatopi ol {
	font-size: 13px;
}

.aside-imatopi .imatopi dl {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.aside-imatopi .imatopi dt,
.aside-imatopi .imatopi dd {
	display: table-cell;
}

*:first-child+html .aside-imatopi .imatopi dt {
	display:inline;
	zoom:1;
}

*:first-child+html .aside-imatopi .imatopi dd {
	display:inline;
	zoom:1;
}

.aside-imatopi .imatopi dt {
	color: #000;
	font-weight: bold;
	padding-right: 10px;
	text-align: right;
	width: 2em;
}

.aside-imatopi .imatopi dl dd {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.aside-imatopi .imatopi dl dd a,
.aside-imatopi .imatopi dl dd var {
	display: table-cell;
}

*:first-child+html .aside-imatopi .imatopi dl dd a {
	display:inline;
	zoom:1;
}

*:first-child+html .aside-imatopi .imatopi dl dd var {
	display:inline;
	zoom:1;
}

.aside-imatopi .imatopi dl dd a {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.aside-imatopi .imatopi dl dd var {
	text-align: right;
	width: 65px;
}

/* service, info */
#NR-sub .txtimgl {
	margin-bottom: 0;
}

#NR-sub .txtimgl dt {
	border-bottom: 2px solid #000;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#NR-sub .txtimgl dd {
	margin-bottom: 0;
	padding: 10px 0 0;
}

#NR-sub .txtimgl dd .NR-txtimgl-img {
	position: static;
}

#NR-sub .txtimgl dd img {
	float: left;
	margin-right: 10px;
}

#NR-sub .txtimgl dd .black {
	display: block;
	font-weight: bold;
}

/* Footer
   ------------------------------ */

#NR-footer-sv dt,
#NR-footer-sv dd {
	display: inherit;
	margin-bottom: 15px;
}

#NR-footer-sv dt {
	clear: left;
	float: left;
	margin-right: 0;
	width: 100px;
}

#NR-footer-sv dd {
	margin-left: 100px;
}

/* ==============================
   Component
   ============================== */

/* Search box
   ------------------------------ */

.NR-search {
	clear: both;
}

.NR-search .NR-button {
    background-color: #5290d0;
    color: #fff;
}

.NR-search .NR-button:hover {
    background-color: #ffe711;
    color: #000;
}

.NR-search .NR-radio {
	display: none;
}

/* Heading
   ------------------------------ */

.hdg-lv1 {
	border-bottom: 3px solid #000;
	margin: 0 0 20px;
	padding-bottom: 5px;
}

.hdg-lv1 .hdg {
	font-size: 27px;
	font-weight: bold;
	line-height: 1.5;
}

.hdg-lv2 {
	margin: 10px 0 0;
}

.hdg-lv2 .hdg {
	font-size: 20px;
	font-weight: bold;
}

.hdg-lv3 {
	border-bottom: 2px solid #000;
	margin: 10px 0;
}

.hdg-lv3 .hdg {
	font-size: 18px;
	font-weight: bold;
}

.hdg-lv4,
.hdg-lv5,
.hdg-lv6 {
	margin: 10px 0;
}

.hdg-lv4 .hdg,
.hdg-lv5 .hdg,
.hdg-lv6 .hdg {
	font-size: 1em;
	font-weight: bold;
}

.hdg-has-arrow {
	position: relative;
}

.hdg-has-arrow .hdg:before{
	content: " ";
	position: absolute;
	top: 100%;
	left: 24px;
	width: 0;
	height: 0;
	border-width: 12px;
	border-style: solid;
	border-color: transparent;
	border-top-color: #000;
}

.hdg-has-arrow .hdg:after{
	content: " ";
	position: absolute;
	top: 100%;
	left: 28px;
	width: 0;
	height: 0;
	border-width: 8px;
	border-style: solid;
	border-color: transparent;
	border-top-color: #fff;
	z-index: 1;
}

.hdg-has-btn {
	position: relative;
}

.hdg-has-btn .hdg {
	padding-right: 140px;
}

.hdg-has-btn .hdg-btn {
	position: absolute;
	right: 0;
	top: 7px;
}

.hdg-has-meta {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.hdg-has-meta .meta,
.hdg-has-meta .hdg {
	display: table-cell;
}

*:first-child+html .hdg-has-meta .meta {
	display:inline;
	zoom:1;
}

*:first-child+html .hdg-has-meta .hdg {
	display:inline;
	zoom:1;
}

.hdg-has-meta .meta {
	font-size: 20px;
	font-weight: bold;
	width: 100px;
}

.hdg .keyword {
	font-weight: bold;
	padding-right: 5px;
}

/* Image
   ------------------------------ */

#NR-wrapper img {
	max-width: 100%;
	height: auto;
}

#NR-wrapper a img {
	border: none;
}

/*#NR-wrapper a.opacity:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}*/

/* Paragraph
   ------------------------------ */

.p {
	margin: 1em 0;
}


.lead {
	margin: 0;
}

/* List
   ------------------------------ */

.ul,
.ol {
	margin: 1em 0;
}

.ul li {
	margin-left: 2em;
	list-style: disc outside;
}

.ol li {
	margin-left: 2em;
	list-style: decimal outside;
}

.li-unstyled li {
	list-style: none;
	margin-left: 0;
}

.li-inline li {
	display: inline-block;
}

/* read-more
   ------------------------------ */


.article-body .edit-area a.external {
	border-bottom: 1px dotted #000;
	background: none;
	margin: 0 5px;
	padding: 0;
}

.article-body .edit-area a.external:hover {
	background: none;
}

.read-more,
.article-body .edit-area a,
.article-body .article-caption a {
	background: -webkit-linear-gradient(transparent 60%, #fff200 60%);
	background: -moz-linear-gradient(transparent 60%, #fff200 60%);
	background: linear-gradient(transparent 60%, #fff200 60%);
	color: #000;
	font-size: 15px;
	padding: 0 5px;
}

.read-more:hover,
.article-body .edit-area a:hover,
.article-body .article-caption a:hover {
	background: -webkit-linear-gradient(transparent 60%, #eeee58 60%);
	background: -moz-linear-gradient(transparent 60%, #eeee58 60%);
	background: linear-gradient(transparent 60%, #eeee58 60%);
	color: #000;
	text-decoration: none;
}

/* Button
   ------------------------------ */

/* btn */
.btn-default {
	margin: 20px auto;
	text-align: center;
}

#NR-wrapper .btn-default a:link {
	background: #ff236b;
	border-bottom: 5px solid #e41f5f;
	color: #fff;
	display: block;
	font-size: 20px;
	font-weight: bold;
	border-radius: 3px;
	padding: 15px;
	text-align: center;
	text-decoration: none;
	width: 70%;
	margin: 0 auto;
}

#NR-wrapper .btn-default a:visited {
	background: #ff236b;
	border-bottom: 5px solid #e41f5f;
	color: #fff;
}

#NR-wrapper .btn-default a:hover {
	background: #e41f5f;
	border-bottom: 5px solid #d00d4c;
}

#NR-wrapper .btn-default a:active {
	background: #ff236b;
}

#NR-wrapper .btn-default a:after {
	content: "\f105";
	display: inline-block;
	font-family: FontAwesome;
	font-weight: bold;
	font-style: normal;
	margin-left: 5px;
	text-decoration: none;
}

/* hdg-btn */
#NR-wrapper .hdg-btn a {
	border-radius: 3px;
	color: #fff;
	padding: 4px 8px 3px;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-ms-transition: background 0.3s;
	transition: background 0.3s;
}

.hdg-btn a:hover {
	text-decoration: none;
}

.hdg-btn.rss a {
	background-color: #dd480e;
}

.hdg-btn.rss a:hover {
	background-color: #f1720c;
}

.hdg-btn.rss a:before {
	content: "\f09e";
	display: inline-block;
	font-family: FontAwesome;
	padding-right: 6px;
}

/* ranking-box
   ------------------------------ */

.ranking-box {
	background: url(/img/tegaki.png);
	margin-top: 40px;
	padding: 1px;
}

.ranking-box-in {
	background-color: #fff;
	border: solid 2px #000;
	padding: 20px;
	position: relative;
}

.ranking-box dt {
	background: repeating-linear-gradient(to right,#333,#333 10px,#222 10px,#222 20px);
	color: #fff;
	font-size: 18px;
	padding: 5px 20px;
	position: absolute;
	top: -20px;
}

.new-ranking,
.related-ranking,
.category-ranking,
.sub-vote {
	background: url(/img/tegaki.png);
	margin: 20px 0;
	padding: 1px;
}

.new-ranking-in,
.related-ranking-in,
.category-ranking-in,
.sub-vote-in {
	background: #fff;
	border: solid #000 2px;
}

.new-ranking h2,
.recommend-ranking dt,
.new-ranking dt,
.sub-vote .hdg {
	background-color: #fff000;
	background-image: radial-gradient(#fff 20%, transparent 20%),
	radial-gradient(#fff 20%, transparent 20%);
	background-size: 30px 30px;
	background-position: 0 0, 15px 15px;
	border-bottom:#000 solid 3px;
	color:#000;
	font-size: 20px;
	font-weight: bold;
	position:relative;
	padding:3px 10px 0;
	margin-bottom: 15px;
}

.new-ranking h2:before,
.recommend-ranking dt:before,
.new-ranking dt:before,
.related-ranking dt:before,
.category-ranking dt:before,
.sub-vote .hdg:before {
	content:" ";
	position:absolute;
	top:100%;
	left:24px;
	width:0;
	height:0;
	border-width:12px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#000;
}

.new-ranking h2:after,
.recommend-ranking dt:after,
.new-ranking dt:after,
.related-ranking dt:after ,
.category-ranking dt:after,
.sub-vote .hdg:after {
	content:" ";
	position:absolute;
	top:100%;
	left:28px;
	width:0;
	height:0;
	border-width:8px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#fff227;
	z-index:1;
}
.related-ranking dt:after,
.category-ranking dt:after {
	border-top-color:#2ed9c3;
}

.related-ranking dt,
.category-ranking dt {
	background-color: #51e8d5;
	background-image:
	repeating-linear-gradient(120deg, rgba(255,255,255,.5), rgba(255,255,255,.5) 1px, transparent 1px, transparent 60px),
	repeating-linear-gradient(60deg, rgba(255,255,255,.5), rgba(255,255,255,.5) 1px, transparent 1px, transparent 60px),
	linear-gradient(60deg, rgba(46,217,195,1) 25%, transparent 25%, transparent 75%, rgba(46,217,195,1) 75%, rgba(46,217,195,1)),
	linear-gradient(120deg, rgba(46,217,195,1) 25%, transparent 25%, transparent 75%, rgba(46,217,195,1) 75%, rgba(46,217,195,1));
	background-size: 70px 120px;
	background-position: 30px;
	border-bottom:#000 solid 3px;
	color:#000;
	font-size: 20px;
	font-weight: bold;
	position:relative;
	padding:3px 10px 0;
	margin-bottom: 15px;
}

.new-ranking ul,
.related-ranking ul,
.category-ranking ul {
	padding: 0 20px 20px;
}

.new-ranking li,
.related-ranking li,
.category-ranking li  {
	font-size: 18px;
	line-height: 1.6;
	padding: 4px 0;
}

.new-ranking-in li,
.related-ranking-in li,
.category-ranking li {
	background: url(/img/hearticon01.png) no-repeat left 8px;
	margin-left: 12px;
	padding-left: 38px;
}

.new-ranking-in li:nth-child(odd),
.related-ranking-in li:nth-child(odd),
.category-ranking li:nth-child(odd) {
	background: url(/img/hearticon02.png) no-repeat left 8px ;
}

.new-ranking li a:link ,
.related-ranking li a:link,
.category-ranking li a:link {
	border-bottom: 1px dotted;
}

.new-ranking li a:hover {
	text-decoration: none;
}

body#info #NR-wrapper .ranking-box dd {
	margin-left: 0;
	margin-bottom: 0;
}

.ranking-box ul {
	margin-top: 10px;
}

.ranking-box li {
	font-size: 16px;
	line-height: 1.6;
	padding: 5px 0;
}

.ranking-box li a:link {
	border-bottom: 1px dotted;
}

.ranking-box li a:hover {
	text-decoration: none;
}

/* rankicon
   ------------------------------ */

li.rankicon01 {
	background:url(/img/rankicon01.png) no-repeat left 3px;
	font-size: 22px;
	padding-left: 50px;
}

li.rankicon01 a {
	font-weight: bold;
}

li.rankicon02 {
	background:url(/img/rankicon02.png) no-repeat left top;
	font-size: 18px;
	padding-left: 50px;
}

li.rankicon02 a {
	font-weight: bold;
}

li.rankicon03 {
	background:url(/img/rankicon03.png) no-repeat left top;
	font-size: 17px;
	padding-left: 50px;
}

li.rankicon03 a {
	font-weight: bold;
}

li.rankicon04 {
	background:url(/img/rankicon04.png) no-repeat left 2px;
	font-size: 16px;
	padding-left: 50px;
}

li.rankicon05 {
	background:url(/img/rankicon05.png) no-repeat left 2px;
	font-size: 15px;
	padding-left: 50px;
}

#NR-sub li.rankicon01,
#NR-sub li.rankicon02,
#NR-sub li.rankicon03,
#NR-sub li.rankicon04,
#NR-sub li.rankicon05 {
	background-size: 40px;
	padding-left: 45px;
	padding-right: 5px;
}

/* index-block
   ------------------------------ */

.index-row {
	margin-top: 20px;
}

.hdg-lv2 + .index-row {
	margin-top: 10px;
}

.index-list {
	float: right;
}

.index-list:first-child {
	float: left;
}

.index-row.col-2 .index-list {
	width: 332px;
}

.index-list .hdg {
	color: #000;
	font-size: 15px;
	background: #fff200;
	padding: 3px 10px;
}

#NR-wrapper .index-list .hdg a {
	color: #000;
}

.index-list .hdg:before {
	content: "\f005";
	color: #ff236b;
	display: inline-block;
	font-family: FontAwesome;
	margin-right: 5px;
}

.index-list li {
	border-bottom: 1px dotted #bcbcbc;
	padding: 9px 0 7px;
	clear: both;
}

.index-list li.half {
	clear: none;
	float: left;
	margin-right: 1px;
	width: 165px;
}

.index-list li .num {
	padding-left: 5px;
}

/* article-archive
   ------------------------------ */

.article-archive li:first-child {
	border-top: 2px solid #000;
}

.article-archive li:nth-child(even) {
	background-color: #f5f5f5;
}

.article-archive a {
	border-bottom: 2px dotted #000;
	display: block;
	padding: 15px;
}

.article-archive .hdg-lv2 {
	margin-top: 0;
}

body#info #NR-wrapper .article-archive h2 {
	margin-bottom: 0;
}

.article-archive .hdg-lv2 .hdg {
	font-size: 25px;
	line-height: 1.3;
}

.article-archive .summary {
	color: #000;
	margin-top: 5px;
}

/* article-thumbnail-archive
   ------------------------------ */

.article-thumbnail-archive li:first-child {
	border-top: 2px dotted #000;
}

.article-thumbnail-archive a {
	border-bottom: 2px dotted #000;
	display: block;
	min-height: 100px;
	padding: 15px 10px;
}

.article-thumbnail-archive .section {
	padding-left: 120px;
	position: relative;
}

.article-thumbnail-archive .hdg-lv2 {
	margin-top: 0;
}

.article-thumbnail-archive .hdg-lv2 .hdg {
	font-size: 27px;
	line-height: 1.3;
}

.article-thumbnail-archive .summary {
	color: #000;
	margin-top: 5px;
}

.article-thumbnail-archive .thumbnail {
	position: absolute;
	left: 0;
	top: 0;
}

/* article-archive, article-thumbnail-archive
   ------------------------------ */

.hdg-has-arrow + .article-archive-area {
	margin-top: -10px;
}

.hdg-has-arrow + .article-archive-area .article-archive:first-child li:first-child,
.hdg-has-arrow + .article-archive-area .article-thumbnail-archive:first-child li:first-child {
	border-top: none;
}

/* ranking-list
   ------------------------------ */

.ranking-list a {
	display: table;
	table-layout: fixed;
	padding: 0;
	width: 100%;
}

.ranking-list .ranking-number,
.ranking-list .ranking-content {
	display: table-cell;
}

*:first-child+html .ranking-list .ranking-number {
	display:inline;
	zoom:1;
}

*:first-child+html .ranking-list .ranking-content {
	display:inline;
	zoom:1;
}

.ranking-list .ranking-number {
	background-color: #dfdfdf;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
	vertical-align: middle;
	width: 80px;
}

.ranking-list .ranking-content {
	padding: 15px;
}

/* nav-search
   ------------------------------ */

.nav-search {
	margin-bottom: 20px;
}

.nav-search ul {
	border: 2px solid #000;
	border-left: none;
	width: 681px;
}

.nav-search li {
	border-left: 2px solid #000;
	float: left;
	width: 225px;
}

.nav-search li a {
	color: #000;
	display: block;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
	width: 100%;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-ms-transition: background 0.3s;
	transition: background 0.3s;
}

#NR-wrapper .nav-search li a:hover {
	background-color: #e41f5f;
	color: #fff;
}

#NR-wrapper .nav-search li a.current {
	background-color: #000;
	color: #fff;
}

.nav-search .search-category {
	font-weight: bold;
}

.nav-search .search-category:before {
	content: "\f002";
	color: #5290d0;
	display: inline-block;
	font-family: FontAwesome;
	margin-right: 5px;
}

/* search-result-index
   ------------------------------ */

.pager-index span {
	font-size: 15px;
	font-weight: bold;
	padding: 3px 3px 0;
}

/* article-header
   ------------------------------ */

.post-meta {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.post-meta .post-title,
.post-meta .post-author {
	display: table-cell;
	vertical-align: top;
}

*:first-child+html .post-meta .post-title {
	display:inline;
	zoom:1;
}

*:first-child+html .post-meta .post-author {
	display:inline;
	zoom:1;
}

.post-meta .post-title {
	padding-right: 20px;
}

.post-meta .post-date:before {
	color: rgb(102, 102, 102);
	content: "\f017";
	display: inline-block;
	font-family: FontAwesome;
	font-weight: normal;
	font-size: 14px;
	font-style: normal;
	margin-right: 5px;
	text-decoration: none;
}

.post-meta .post-author {
	text-align: right;
	width: 132px;
}

#NR-wrapper .post-meta .post-author img {
	border: 1px solid #ccc;
	width: 130px;
}

.article-summary {
	margin-top: 20px;
}

/* article-body
   ------------------------------ */

.article-body .ttl-a {
	border-left: 6px solid #e41f5f;
	font-size: 19px;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 5px;
}

.article-body .ranking-list li {
	border-bottom: 2px dotted #000;
	display: table;
	table-layout: fixed;
	width: 100%;
}

.article-body .ranking-list li:nth-child(even) {
	background-color: #fff;
}

.article-body .ranking-list .ranking-number {
	background-color: #fff;
	padding-top: 13px;
	vertical-align: top;
}

.article-body .ranking-list .ranking-content {
	padding-left: 0;
}

.article-body .ranking-list a {
	display: inline;
	border-bottom: none;
}

.article-body .ranking-list .author-thumb {
	float: left;
	margin-right: 10px;
	width: 50px;
}

.article-body .ranking-list .hdg a,
.article-body .ranking-list .article-tag a {
	font-weight: bold;
}

.article-body .hdg.arrow-up a,
.article-body .hdg.arrow-right a,
.article-body .hdg.arrow-down a,
.article-body .hdg.arrow-rotate-45 a,
.article-body .hdg.arrow-rotate-135 a {
	padding-left: 10px;
}

.article-body .hdg.arrow-up:before,
.article-body .hdg.arrow-right:before,
.article-body .hdg.arrow-down:before,
.article-body .hdg.arrow-rotate-45:before,
.article-body .hdg.arrow-rotate-135:before {
	color: #5290d0;
	display: inline-block;
	font-family: FontAwesome;
}

.article-body .hdg.arrow-up:before,
.article-body .hdg.arrow-rotate-45:before,
.article-body .hdg.arrow-rotate-135:before {
	content: "\f0aa";
}

.article-body .hdg.arrow-rotate-45:before {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.article-body .hdg.arrow-rotate-135:before {
	position: relative;
	top: -2px;
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.article-body .hdg.arrow-right:before {
	content: "\f0a9";
}

.article-body .hdg.arrow-down:before {
	content: "\f0ab";
}

.article-body .summary {
	margin-top: 10px;
}

.article-body .article-meta  {
	margin-top: 5px;
}

.article-body .article-tag {
	float: left;
	background: -webkit-linear-gradient(transparent 60%, #fff200 60%);
	background: -moz-linear-gradient(transparent 60%, #fff200 60%);
	background: linear-gradient(transparent 60%, #fff200 60%);
	display: inline-block;
	font-weight: bold;
	padding: 0 5px;
}

.article-body .article-tag:hover {
	background: -webkit-linear-gradient(transparent 60%, #eeee58 60%);
	background: -moz-linear-gradient(transparent 60%, #eeee58 60%);
	background: linear-gradient(transparent 60%, #eeee58 60%);
	text-decoration: none;
}

.article-body .article-point {
	float: right;
	background-color: #eee;
	border: 1px solid #ccc;
	color: #000;
	padding: 5px 10px 3px;
}

#NR-wrapper .article-body .article-pic,
#NR-wrapper .article-body .cimage,
#NR-wrapper .article-body .rk_box_content_img,
#NR-wrapper .article-body .rk_box_content_img_small,
#NR-wrapper .article-body .rk_box_content_img_icon {
	border: 1px solid #ccc;
	display: block;
	padding: 5px;
	margin: 15px auto 0;
	max-width: 99%;
}

.article-body .article-caption {
	margin-top: 5px;
	text-align: center;
}

.article-body .edit-area {
	padding: 10px 15px;
}

.article-body .edit-area b {
	font-weight: bold;
}

#NR-wrapper .article-body .imagelink-box .cimage {
	display: inline;
	margin: 0;
}

#NR-wrapper .article-body .imagelink-box .image_link {
	background: none;
	padding: 0;
}

#NR-wrapper .article-body .imagelink-box .image_link:hover {
	opacity: 0.7;
}

#NR-wrapper .article-body .imagelink-box {
	text-align: center;
	background: none;
}

#NR-wrapper .article-body .image-area {
	text-align: center;
}

#NR-wrapper .article-body .image-box {
	display: inline-block;
	*display: inline;  
    *zoom: 1; 
}

#NR-wrapper .article-body .image-box img {
	margin: 0;
}

#NR-wrapper .article-body .image-box .credit {
	font-size: 12px;
	color: #888;
	text-align: left;
	margin-top: 6px;
}

/* article-footer
   ------------------------------ */

.article-footer .facebook-comment {
	margin: 20px 0;
}

.article-footer .article-note {
	font-size: 13px;
	margin: 20px 0;
}

.article-footer .tag-cloud {
	background: url(/img/tegaki.png);
	margin: 20px 0;
	padding: 1px;
}

.article-footer .tag-cloud ul {
	background-color: #fff;
	padding: 10px 0 0 10px;
}

.article-footer .tag-cloud li {
	float: left;
	margin: 0 10px 10px 0;
}

.article-footer .tag-cloud li a {
	display: block;
	background-color: #eee;
	border: 1px solid #ccc;
	color: #000;
	font-size: 13px;
	padding: 2px 4px 0;
	white-space: nowrap;
	zoom: 1;
}

/* Pager
   ------------------------------ */

.nav-pager-area {
	margin: 20px 0;
}

.nav-pager {
	margin: 10px 0;
	text-align: center;
}

.nav-pager li {
	background-color: #fff200;
	border-radius: 3px;
	margin-left: 10px;
	display: inline-block;
	min-width: 45px;
}

.nav-pager li:first-child {
	margin-left: 0;
}

.nav-pager li a {
	display: block;
	overflow: visible;
	padding: 7px 0 6px;
}

.nav-pager li.current {
	background-color: #000;
	color: #fff200;
	padding: 7px 0 6px;
}

.nav-pager li.extend {
	background-color: #fff;
	min-width: 20px;
}

.nav-pager li a {
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-ms-transition: background 0.3s;
	transition: background 0.3s;
}

#NR-wrapper .nav-pager li a:hover {
	background: rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	color: #000;
}

/* SNS
   ------------------------------ */

#NR-wrapper .social-button {
	margin: 20px 0;
	text-align: left;
}

#NR-wrapper .social-button li {
	display: inline-block;
	list-style: none;
	margin-right: 3px;
	vertical-align: top;
}

/* SNSbtn-common */
#NR-wrapper .sns-btn .pc-none {
	display: none;
}

#NR-wrapper .sns-btn {
	width: 100%;
	text-align: center;
	margin: 20px 0;
}

#NR-wrapper .sns-btn li {
	display: inline-block;
	text-align: center;
	*display: inline;
	*zoom: 1;
}

*:first-child+html #NR-wrapper .sns-btn li {
    margin: 0 2px;
}

#NR-wrapper .sns-btn .btn {
	color: #fff;
	display: block;
	border-radius: 3px;
}

/* SNSbtn-large */
#NR-wrapper .social-button-header li {
	width: 49%;
	font-size: 18px;
	line-height: 3.5em;
}

#NR-wrapper .social-button-header .icon-facebook {
	background: url("/img/icon_fb_l.png") 0 no-repeat;
	padding-left: 40px;
}

#NR-wrapper .social-button-header .icon-twitter {
	background: url("/img/icon_tw_l.png") 0 no-repeat;
	padding-left: 40px;
}

#NR-wrapper .social-button-header .icon-line {
	background: url("/img/icon_line_l.png") no-repeat;
	padding-left: 40px;
}

/* SNSbtn-small */
#NR-wrapper .social-button-footer li {
	width: 19%;
	font-size: 14px;
	line-height: 3.5em;
}

#NR-wrapper .social-button-footer .icon-facebook {
	background: url("/img/icon_fb_s.png") 0 no-repeat;
	padding-left: 30px;
}

#NR-wrapper .social-button-footer .icon-twitter {
	background: url("/img/icon_tw_s.png") 0 no-repeat;
	padding-left: 30px;
}

#NR-wrapper .social-button-footer .icon-line {
	background: url("/img/icon_line_s.png")  0 no-repeat;
	padding-left: 30px;
}

#NR-wrapper .social-button-footer .icon-hatena {
	background: url("/img/icon_hatena_s.png") 0 no-repeat;
	padding-left: 30px;
}

#NR-wrapper .social-button-footer .icon-googleplus {
	background: url("/img/icon_gp_s.png") 0 no-repeat;
	padding-left: 30px;
}

/* follow */
#NR-wrapper .social-button-add {
	margin-bottom: 0;
}

#NR-wrapper .social-button-add li {
	width: 98%;
	font-size: 18px;
	line-height: 3.5em;
	margin-bottom: 5px;
}

#NR-wrapper .social-button-add .icon-facebook {
	background: url("/img/icon_fb_l.png") 0 no-repeat;
	background-size: 25px 25px;
	padding: 5px 0 5px 40px;
}

#NR-wrapper .social-button-add .icon-twitter {
	background: url("/img/icon_tw_l.png") 0 no-repeat;
	background-size: 25px 25px;
	padding: 5px 0 5px 40px;
}

/* color */
#NR-wrapper .facebook {
	background: #3e5ea7;
}

#NR-wrapper .twitter {
	background: #29bef6;
}

#NR-wrapper .line {
	background: #00c300;
}

#NR-wrapper .hatena {
	background: #3c7dd1;
}

#NR-wrapper .googleplus {
	background: #dd4b39;
}

/* border */
#NR-wrapper .facebook {
	border-bottom: 5px solid #305097;
}

#NR-wrapper .twitter {
	border-bottom: 5px solid #00aced;
}

#NR-wrapper .line {
	border-bottom: 5px solid #109f10;
}

#NR-wrapper .hatena {
	border-bottom: 5px solid #3266be;
}

#NR-wrapper .googleplus {
	border-bottom: 5px solid #ae3728;
}

/* hover */
#NR-wrapper .facebook:hover {
	background: #305097;
}

#NR-wrapper .twitter:hover {
	background: #00aced;
}

#NR-wrapper .line:hover {
	background: #109f10;
}

#NR-wrapper .hatena:hover {
	background: #3266be;
}

#NR-wrapper .googleplus:hover {
	background: #ae3728;
}

/* Ad
   ------------------------------ */

.NR-ad {
	margin: 20px 0;
}

.hdg-lv1 + .NR-ad,
#NR-sub .NR-ad:first-child {
	margin-top: 0;
}

body#ranking.index .index-block .NR-ad {
	display: none;
}

.NR-ad .column-2 {
	float: left;
	padding: 10px 0;
	text-align: center;
	width: 50%;
}


/* google_ads */
#NR-wrapper div.ranking_google_ads{margin:18px 16px 0 16px}
#NR-wrapper div.ranking_google_ads a{color:#3366cc}
#NR-wrapper div.ranking_google_ads p.ad_name{padding:0;margin:0}
#NR-wrapper div.ranking_google_ads p.ad_name a{margin:0;text-decoration:none;color:#777;font-size:13px}
#NR-wrapper div.ranking_google_ads p.ad_name a:link{color:#999 !important}
#NR-wrapper div.ranking_google_ads p.ad_name a:hover{text-decoration:underline}
#NR-wrapper div.ranking_google_ads dl{margin:5px 0 25px 0}
#NR-wrapper div.ranking_google_ads dl dt{margin:0;line-height:1.3em}
#NR-wrapper div.ranking_google_ads dl dt a{font-size:16px;font-weight:bold}
#NR-wrapper div.ranking_google_ads dl dt a:hover{color:#cc0000}
#NR-wrapper div.ranking_google_ads dl dd{margin:0 0 10px 7px;padding-left:10px;font-size:90%}
#NR-wrapper div.ranking_google_ads span.sponsor_url{display:block;margin:0 0 0 7px}
#NR-wrapper div.ranking_google_ads span.sponsor_url a{color:#008000;text-decoration:none;font-weight:normal;font-size:14px}
#NR-wrapper div.ranking_google_ads span.sponsor_url a:link{color:#008000 !important;margin:10px 0;padding-left:10px;font-size:80%;text-decoration:none}
#NR-wrapper div.ranking_google_ads span.sponsor_url a:hover{text-decoration:underline;color:#008000}

/* PC-hidden
   ------------------------------ */
.pc-hidden {
	display: none;
}

/* ==============================
   Media Query
   ============================== */

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

	/* ==============================
	   Structure
	   ============================== */

	/* Navigation
	   ------------------------------ */

	body#index #nav-index a,
	body#s #nav-s a,
	body#column #nav-column a,
	body#region #nav-region a,
	body#category #nav-category a,
	body#topic #nav-topic a,
	body#vote #nav-vote a {
		background-color: #000;
		border-bottom: 0;
		border-radius: 0;
		color: #fff;
	}

	/* wrapper
	   ------------------------------ */

	#NR-wrapper {
		background-position: center;
	}

	#NR-wrapper-in {
		padding: 10px;
	}

	#NR-main {
		float: none;
		width: 100%;
	}

	/* Sidebar
	   ------------------------------ */

	.NR-rwd #NR-sub {
		display: block !important;
		float: none;
		min-width: 0;
		width: auto;
	}

	.NR-rwd #NR-sub-in .NR-ad,
	.NR-rwd #NR-sub-in .sub-banner,
	.NR-rwd #NR-sub-in .ranking-box,
	.NR-rwd #NR-sub-in .ranking-box-area,
	.NR-rwd .widget-box,
	.NR-rwd #NR-sub-in .aside-service,
	.NR-rwd #NR-sub-in .aside-info {
		display: none;
	}

	.aside-box .aside-ttl {
		font-size: 18px;
		padding: 5px 20px;
	}

	/* imatopi */

	.aside-imatopi .aside-box-in {
		padding-top: 25px;
	}

	.aside-imatopi .aside-ttl {
		font-size: 16px;
		padding: 5px 10px;
	}

	.aside-imatopi .imatopi ol {
		font-size: 15px;
	}

	.aside-imatopi .imatopi ol li:nth-child(n+6) {
		display: none;
	}

	/* ==============================
	   Component
	   ============================== */

	/* Search box
	   ------------------------------ */

	.NR-search .NR-radio {
		clear: both;
		display: block;
		padding-top: 10px;
	}

	.NR-search .NR-radio ul {
		display: table;
		table-layout: fixed;
		width: 100%;
	}

	.NR-search .NR-radio li {
		display: table-cell;
		line-height: 1;
		text-align: center;
	}

	.NR-search .NR-radio label {
		display: block;
		font-size: 14px;
		padding: 12px 0;
	}

	.NR-search .NR-radio input[type="radio"] {
		margin: 0 3px 0 0;
		position: relative;
		bottom: -1px;
	}

	/* Heading
	   ------------------------------ */

	.hdg-lv1 .hdg,
	.hdg-lv2 .hdg {
		font-size: 20px;
	}

	.hdg-has-btn {
		/*position: static;*/
	}

	.hdg-has-btn .hdg {
		padding-right: 0;
	}

	.hdg-has-btn .hdg-btn {
		display: none;
	}

	.hdg-has-meta .meta {
		font-size: 16px;
		width: 80px;
	}

	/* ranking-box
	   ------------------------------ */

	.ranking-box-in {
		padding: 20px 10px 10px;
	}

	.new-ranking ul,
	.related-ranking ul,
	.category-ranking ul {
		padding: 0 0 15px;
	}

	.new-ranking li,
	.related-ranking li,
	.category-ranking li {
		background-size: 20px;
		font-size: 15px;
		margin-left: 15px;
		padding: 5px 10px 5px 35px;
	}

	/* rankicon
	   ------------------------------ */

	li.rankicon01 {
		font-size: 18px;
	}

	li.rankicon02 {
		font-size: 17px;
	}

	li.rankicon03 {
		font-size: 16px;
	}

	/* index-block
	   ------------------------------ */

	.index-list,
	.index-list:first-child {
		float: none;
		margin-top: 10px;
	}

	.index-row.col-2 .index-list {
		width: 100%;
	}

	.index-list li {
		padding: 0;
	}

	.index-list li.half {
		float: none;
		margin-right: 0;
		width: 100%;
	}

	.index-list li a {
		display: block;
		padding: 10px 0 8px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAMFBMVEWZmZn///+ZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZlGAQtiAAAAD3RSTlMAAAECOl1eaJeZmr/A1vwV3J+OAAABPklEQVR4Xu3XMUoEQRCF4WLBzndB45lwvINXMDbaIwx4ImEvIHgEL2S+CmXTgfJ4wXsVGAjd+c9HM0xTFcfy+Q/JTGYS/Twt8XO85ObjUk3OeV1KSUcyL7XknDkYOxnIYPykI4Pxk4EMxk46AoxObjsCjE4eM5HRyX0mMjo5vQIjEmbM5ACMlQQwXgKMlwDjJchYCTJegoyVIGMlyKxGwoxOmNEJMm9OgsznKhNmdMKMTJjRCTMyYUYnzHhJbMTI5PBCjEri4Zd5Litfa/ku7/IujMiEEZkwohNGdMIfRSdb5X9hRCaMqAQR/4XZSu8YITphRCeILE6CSDgJIlaCiJMgYiWIWAkgXgKIlZwAEQkjfzf13dVny+MOiJW0+pwcOyBW0uozf+wDKSWtvr/E3pFi0sQuZm98c0eeyUy+Afrkgd6GRhXuAAAAAElFTkSuQmCC) no-repeat 100%;
		background-size: 15px auto;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	/* article-archive
	   ------------------------------ */

	.article-archive a {
		padding: 10px 0px;
	}

	.article-archive .hdg-lv2 .hdg {
		font-size: 20px;
	}

	/* article-thumbnail-archive
	   ------------------------------ */

	.article-thumbnail-archive a {
		padding: 10px;
	}

	.article-thumbnail-archive .section {
		padding-left: 90px;
	}

	.article-thumbnail-archive .hdg-lv2 .hdg {
		font-size: 20px;
	}

	.article-thumbnail-archive .thumbnail {
		width: 80px;
	}

	/* ranking-list
	   ------------------------------ */

	.ranking-list a {
		padding: 0;
	}

	.ranking-list .ranking-number {
		font-size: 18px;
	}

	.ranking-list .ranking-content {
		padding-right: 0;
	}

	/* nav-search
	   ------------------------------ */

	.nav-search * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.nav-search ul {
		display: table;
		table-layout: fixed;
		width: 100%;
	}

	.nav-search li {
		display: table-cell;
		float: none;
		width: 33.5%;
	}

	.nav-search li a {
		padding: 5px 0;
		line-height: 1.5;
	}

	.nav-search .search-category {
		display: block;
	}

	/* article-header
	   ------------------------------ */

	.post-meta .post-title {
		padding-right: 10px;
	}

	.post-meta .post-date {
		font-size: 13px;
	}

	.post-meta .post-author {
		width: 80px;
	}

	#NR-wrapper .post-meta .post-author img {
		max-width: 78px;
	}

	.article-summary {
		margin-top: 0;
	}

	/* article-body
	   ------------------------------ */

	.article-body .ranking-list .ranking-number {
		padding-top: 12px;
		width: 50px;
	}

	#NR-wrapper .article-body .ranking-content {
		padding-left: 10px;
	}

	.article-body .article-meta {
		font-size: 14px;
	}

	#NR-wrapper .article-body .article-pic,
	#NR-wrapper .article-body .cimage,
	#NR-wrapper .article-body .rk_box_content_img,
	#NR-wrapper .article-body .rk_box_content_img_small,
	#NR-wrapper .article-body .rk_box_content_img_icon {
		max-width: 90%;
	}

	#NR-wrapper .article-body .image-box img {
		margin-top: 10px;
	}

	.under-summary {
		margin-top: 20px;
	}

	#NR-wrapper .btn-default a:link {
		width: 75%;
		font-size: 18px;
	}

	/* Pager
	   ------------------------------ */

	.nav-pager li.page,
	.nav-pager li.extend {
		display: none;
	}


	/* SNS
	   ------------------------------ */
	#NR-wrapper  .social-button {
	    text-align: center;
	}

	#NR-wrapper .sns-btn .pc-none {
		display: inline-block;
	}

	#NR-wrapper .sns-btn .sp-none {
		display: none;
	}

	#NR-wrapper .social-button-header li {
		font-size: 13px;
		line-height: 1.5em;
		width: 31%;
	}

	#NR-wrapper .social-button-header .btn {
		padding: 7px 0 2px;
	}

	#NR-wrapper .social-button-header .sp {
		padding-top: 20px;
		padding-left: 0;
		display: block;
		background-position: 50% 0;
		background-size: 20px 20px;
		font-size: 10px;
	}

	#NR-wrapper .social-button-footer .sp {
		padding-top: 20px;
		padding-left: 0;
		display: block;
		background-position: 50% 0;
		background-size: 20px 20px;
		font-size: 10px;
	}

	#NR-wrapper .social-button-footer li {
		font-size: 10px;
		line-height: 2.3em;
		width: 60px;
		height: 50px;
		margin: 8px 0;
	}

	#NR-wrapper .social-button-footer .btn {
		padding: 10px 0 0;
	}

	#index #NR-wrapper .social-button-add {
		margin: 0 auto;
		width: 96%;
	}

	#index #NR-wrapper .social-button-add li {
		line-height: 3.5em;
	}

	/* SP-hidden & PC-hidden
	   ------------------------------ */
	.sp-hidden {
	    display: none;
	}

	.pc-hidden {
	    display: block;
	}
	
	/* Ad
	------------------------------ */

	.NR-ad .column-2 {
		float: none;
		width: 100%;
	}

}

/* ==============================
   Page style
   ============================== */

/* index
   ------------------------------ */

/*新着コラム*/

body#index .new-column-in {
	border-bottom: 2px dotted #000;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

body#index .column-date:before {
	color: #666;
	content: "\f017";
	display: inline-block;
	font-family: FontAwesome;
	font-weight: normal;
	font-size: 14px;
	font-style: normal;
	margin-right: 5px;
	text-decoration: none;
}

body#index .new-column-in h3 {
	margin: 5px 0 10px;
}

body#index .new-column-in h3 a:link {
	color: #000;
	font-size: 27px;
	font-weight: bold;
	line-height: 1.3;
	text-decoration: none;
}

body#index .new-column-in h3:first-letter {
	font-size: 40px;
}

body#index #NR-wrapper-in .new-column-in p {
	float: left;
	font-size: 15px;
	line-height: 1.8;
	padding: 0 10px 0 0;
	margin: 0;
	width: 410px;
}

body#index .new-column-in img {
	float: left;
	max-width: 250px;
	line-height: 1.8;
	}

body#index #NR-main-in  .new-column-in p a:link {
	background: -webkit-linear-gradient(transparent 60%, #FFF200 60%);
	background: -o-linear-gradient(transparent 60%, #FFF200 60%);
	background: linear-gradient(transparent 60%, #FFF200 60%);
	color: #000;
	font-size: 15px;
	padding: 0 5px;
}

body#index #NR-main-in  .new-column-in p a:visited {
	background: -webkit-linear-gradient(transparent 60%, #FFF200 60%);
	background: -o-linear-gradient(transparent 60%, #FFF200 60%);
	background: linear-gradient(transparent 60%, #FFF200 60%);
	color: #000;
}

body#index #NR-main-in  .new-column-in p a:hover {
	background: -webkit-linear-gradient(transparent 60%, #eeee58 60%);
	background: -o-linear-gradient(transparent 60%, #eeee58 60%);
	background: linear-gradient(transparent 60%, #eeee58 60%);
	color: #000;
	text-decoration: none;
}

body#index #NR-main-in  .new-column-in p a:active {
	background: -webkit-linear-gradient(transparent 60%, #FFF200 60%);
	background: -o-linear-gradient(transparent 60%, #FFF200 60%);
	background: linear-gradient(transparent 60%, #FFF200 60%);
	color: #000;
}

body#index  #NR-main-in .new-column-list a:link {
	background: #ff236b;
	border-bottom: 5px solid #e41f5f;
	color: #fff;
	display: block;
	font-size: 20px;
	font-weight: bold;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 15px;
	text-align: center;
	text-decoration: none;
}

body#index  #NR-main-in .new-column-list a:visited {
	background: #ff236b;
	border-bottom: 5px solid #e41f5f;
	color: #fff;
}

body#index  #NR-main-in .new-column-list a:hover {
	background: #e41f5f;
	border-bottom: 5px solid #d00d4c;
}

body#index  #NR-main-in .new-column-list a:active {
	background: #ff236b;
	border-bottom: 5px solid #e41f5f;
}

body#index  #NR-main-in .new-column-list a:after {
	content: "\f105";
	display: inline-block;
	font-family: FontAwesome;
	font-weight: bold;
	font-style: normal;
	margin-left: 5px;
	text-decoration: none;
}

body#index .column-category {
	background: #000;
	color: #fff;
	display: inline-block;
	font-size: 11px;
	padding: 1px 15px 0px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-left: 4px;
}

/* バナーエリア */

body#index .banner-area {
	margin: 30px 0;
}

body#index .banner-big {
	margin-bottom: 20px;
}

body#index .banner-left {
	float: left;
	margin-right: 20px;
}

/* 新着ランキング */

body#index .new-ranking {
/*	border: solid 8px #e2e002;
	padding: 20px;*/
	margin-bottom: 30px;
}

body#index #NR-main-in .new-ranking h2 {
	font-size: 24px;
}

body#index .new-ranking li a:link {
	border-bottom: 1px dotted;
}

body#index .new-ranking li a:hover {
	text-decoration: none;
}

/* 投票 */

.main-vote {
	background: url(/img/tegaki.png);
	margin: 20px 0;
	padding: 1px;
}

.main-vote-in {
	background: #fff;
	border: solid #000 2px;
	padding: 10px 10px 15px;
}

.list-vote {
	border-top: 2px solid #000;
	margin-top: 10px;
}

.list-vote li {
	border-bottom: 2px dotted #000;
	position:relative;
}

.list-vote li:nth-child(even) {
	background-color: #f5f5f5;
}

.list-vote .item-txt a{
	display: table;
	table-layout: fixed;
	width: 100%;
}

.list-vote .item-txt p,
.list-vote .item-txt .rate {
	-webkit-box-sizing: border-box ;
	-moz-box-sizing: border-box ;
	box-sizing: border-box;
	display: table-cell;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
}

.list-vote .item-txt p {
	font-size: 16px;
	line-height: 38px;
	padding-left: 5px;
	padding-right: 3px;
	width: 100%;
}

.list-vote .rate {
	color: #777;
	font-size: 20px;
	padding-right: 3px;
	text-align: right;
	width: 4em;
	font-size:13px;
}

.list-vote .rate span{
	border:1px solid #777;
	border-radius:3px;
	background:#fff;
	display:inline-block;
	text-align:center;
	padding:0.15em 0.25em;
	width:3em;
}

.list-vote a:hover .rate span{
	background:#fff200;
	color: #000;
}

.list-vote .item-img {
	position: absolute;
	top: 50%;
	left: 3px;
	line-height: 36px;
	margin-top: -19px;
}

.list-vote .item-img img {
	border: 1px solid #ccc !important;
	max-width: 36px !important;
	vertical-align: middle;
}

.list-vote .item-img + .item-txt p {
	padding-left: 48px;
	font-size: 20px;
}

.related-vote span {
	font-weight: bold;
}

.related-vote a {
	background: -webkit-linear-gradient(transparent 60%, #FFF200 60%);
	background: -o-linear-gradient(transparent 60%, #FFF200 60%);
	background: linear-gradient(transparent 60%, #FFF200 60%);
	color: #000;
}

.list-result .item-txt {
	display: table;
	position: relative;
	table-layout: fixed;
	width: 100%;
}

.list-result .item-txt p {
	font-weight: normal;
}

.list-result .item-per {
	display: table-cell;
	padding-right:5px;
	text-align: right;
	width: 3em;
	vertical-align: middle;
}

.list-result .item-per span{
	font-size:11px;
}

.list-result .item-bar {
	background: #ffecb2;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -19px;
	height: 38px;
	-webkit-animation: anime1 1s 1 ease;
	animation: anime1 1s 1 ease;
}

.item-voted .item-bar {
	background: #ffc000;
}

@-webkit-keyframes anime1 {
	0% {
		width: 0%;
	}
}
@keyframes anime1 {
	0% {
		width: 0%;
	}
}

.share-result{
	margin-bottom: 0px;
}

#NR-wrapper .share-result .social-button {
	background: url(/img/tegaki.png);
	margin-bottom: 0;
	padding: 1px;
}

.share-result .social-button h3{
	margin-bottom: -5px;
	padding-top: 10px;
}

.share-result .social-button ul{
	padding: 10px 0 15px;
}

.share-result .social-button ul, .share-result .social-button h3{
	background: #fff;
	text-align: center;
}

.share-result .social-button ul li{
	width:32px;
}

.next-vote {
	margin: 30px 0 30px;
	text-align: left;
	line-height: 1.5;
}

.next-vote span {
	display: inline-block;
	background: #333;
	background: -moz-repeating-linear-gradient(to right,#333,#333 10px,#222 10px,#222 20px);
	background: -webkit-repeating-linear-gradient(to right,#333,#333 10px,#222 10px,#222 20px);
	background: repeating-linear-gradient(to right,#333,#333 10px,#222 10px,#222 20px);
	color: #fff;
	font-size: 20px;
	padding: 8px 10px;
	line-height:1;
	vertical-align: middle;
}

#NR-wrapper .next-vote a {
	background: -webkit-linear-gradient(transparent 60%, #FFF200 60%);
	background: -o-linear-gradient(transparent 60%, #FFF200 60%);
	background: linear-gradient(transparent 60%, #FFF200 60%);
	color: #000;
	font-size: 24px;
	vertical-align: middle;
}

.period-vote {
	font-size: 12px;
	padding: 10px 0 5px;
	text-align: right;
}

/* sub-vote */

.sub-vote{
	background: url(/img/tegaki.png);
	margin: 20px 0;
	padding: 1px;
}

.sub-vote .lead{
	padding: 0 5px;
}

.sub-vote .lead a{
	border-bottom: 1px dotted;
	font-weight: bold;
}

.sub-vote .lead span{
	display: inline-block;
	margin-top: 10px;
	line-height: 1.5;
}

.sub-vote-in{
	background: #fff;
	border: solid #000 2px;
}

.sub-vote .hdg-lv2{
	margin: 0;
}

.sub-vote .hdg{
	display: block;
	background-color: #ffb0c8;
}

.sub-vote .hdg:after{
	border-top-color: #ffb0c8;
}

.sub-vote .list-vote{
	margin: 10px 5px 0;
}

.sub-vote .list-vote .item-txt p{
	font-size: 15px;
	font-weight: normal;
	line-height: 1.5;
	height:48px;
}

.sub-vote .list-vote .item-txt p, .sub-vote .list-vote .item-txt .rate{
	padding-top: 5px;
	padding-bottom: 5px;
}

.sub-vote .list-vote .rate{
	font-size:11px;
}

.sub-vote .list-result .item-bar{
	height: 24px;
	margin-top: -12px;
}

.sub-vote .period-vote{
	margin: 0;
	padding: 10px 5px 15px;
}

/* colorbox */

#colorbox, #cboxOverlay, #cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}
#cboxWrapper {
	max-width: none;
}
#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
	clear: left;
}
#cboxContent {
	position: relative;
}
#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#cboxTitle {
	margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor: pointer;
}
.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic;
}
.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
}
#colorbox, #cboxContent, #cboxLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
#cboxOverlay {
	background: #000;
	opacity: 0.9;
	filter: alpha(opacity = 90);
}
#colorbox {
	outline: 0;
}
#cboxContent {
	margin-top: 20px;
	background: #000;
}
.cboxIframe {
	background: #fff;
}
#cboxError {
	padding: 50px;
	border: 1px solid #ccc;
}
#cboxLoadedContent {
	border: 5px solid #000;
	background: #fff;
}
#cboxTitle {
	position: absolute;
	top: -1.5em;
	left: 0;
	color: #ccc;
	width: 100%;
	height: 1.5em;
	overflow: hidden;
}
#cboxCurrent {
	position: absolute;
	top: -20px;
	right: 0px;
	color: #ccc;
}
#cboxLoadingGraphic {
	background: url(/img/loading.gif) no-repeat center center;
}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	width: auto;
	background: none;
}
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
	outline: 0;
}
#cboxSlideshow {
	position: absolute;
	top: -20px;
	right: 90px;
	color: #fff;
}
#cboxPrevious {
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -32px;
	background: url(/img/controls.png) no-repeat top left;
	width: 28px;
	height: 65px;
	text-indent: -9999px;
}
#cboxPrevious:hover {
	background-position: bottom left;
}
#cboxNext {
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -32px;
	background: url(/img/controls.png) no-repeat top right;
	width: 28px;
	height: 65px;
	text-indent: -9999px;
}
#cboxNext:hover {
	background-position: bottom right;
}
#cboxClose {
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	background: url(/img/controls.png) no-repeat top center;
	width: 38px;
	height: 19px;
	text-indent: -9999px;
}
#cboxClose:hover {
	background-position: bottom center;
}

/* AD */
body#index .ad-roc {
	text-align: center;
	margin-bottom: 30px;
}

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

	/* Component
	============================== */

	/* 自由にカスタムしてください。以下サンプルです */

	body#index #NR-wrapper h1,
	body#index #NR-wrapper h2,
	body#index #NR-wrapper h3,
	body#index #NR-wrapper h4,
	body#index #NR-wrapper h5,
	body#index #NR-wrapper h6 {
		line-height: 1.35;
		margin: 1em 0;
	}

	body#index #NR-wrapper-in {
		font-size: 15px;
	}

	body#index #NR-wrapper-in h1 {
		font-size: 30px;
	}

	body#index #NR-wrapper-in h2 {
		font-size: 24px;
	}

	body#index #NR-wrapper-in h3,
	body#index #NR-sub h2 {
		font-size: 20px;
	}

	body#index #NR-wrapper-in h4,
	body#index #NR-sub h3 {
		font-size: 16px;
	}

	body#index #NR-sub h4 {
		font-size: 14px;
	}

	body#index #NR-wrapper-in .unit {
		margin-bottom: 30px;
	}

	body#index #NR-wrapper-in p {
		margin: 0.5em 0;
		line-height: 1.5;
	}

	body#index #NR-wrapper-in ul li,
	body#index #NR-wrapper-in ol li {
		line-height: 1.5;
	}

	body#index #NR-wrapper-in ol li {
		list-style: none;
		margin: 0;
	}


	/* ここからいろいろ */

	body#index #NR-main-in a:link {
		color: #000;
	}
	body#index #NR-main-in a:visited {
		color: #000;
	}
	body#index #NR-main-in a:hover {
		color: #666;
	}
	body#index #NR-main-in a:active {
		color: #999;
	}

	body#index #NR-wrapper-in {
		margin: 0;
		padding: 0;
	}

	body#index #NR-wrapper-in h2 {
		background: url(/img/index_back.png);
		border-top:#000 solid 3px;
		font-size: 14px;
		font-weight: bold;
		text-align:center;
		margin-top: 0;
		padding: 10px 0;
	}

	/* 新着コラム　*/
	.article-body .ttl-a {
		font-size: 16px;
		line-height: 1.5;
	}
	
	body#index .new-column-in {
		border-bottom: 2px dotted #000;
		padding: 0 10px 20px;
		margin-bottom: 20px;
	}

	body#index .column-in-info {
		font-size: 12px;
	}

	body#index .column-date:before {
		color: #666;
		content: "\f017";
		display: inline-block;
		font-family: FontAwesome;
		font-weight: normal;
		font-size: 14px;
		font-style: normal;
		margin-right: 5px;
		text-decoration: none;
	}

	body#index .new-column-in h3 {
		margin: 5px 0;
	}

	body#index .new-column-in h3 a:link {
		color: #000;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.2;
		text-decoration: none;
	}

	body#index #NR-wrapper-in .new-column-in p {
		font-size: 14px;
		line-height: 1.5;
		margin: 0;
		padding: 0 10px 0 0;
		width: auto;
	}

	body#index .new-column-in img {
		display: block;
		height: auto;
		margin: 0 auto 10px;
		max-width: 80%;
		}

	body#index #NR-main-in  .new-column-in p a:link {
		background: -webkit-linear-gradient(transparent 60%, #FFF200 60%);
		background: -o-linear-gradient(transparent 60%, #FFF200 60%);
		background: linear-gradient(transparent 60%, #FFF200 60%);
		color: #000;
		font-size: 15px;
		padding: 0 5px;
	}
	body#index #NR-main-in  .new-column-in p a:visited {
		background: -webkit-linear-gradient(transparent 60%, #FFF200 60%);
		background: -o-linear-gradient(transparent 60%, #FFF200 60%);
		background: linear-gradient(transparent 60%, #FFF200 60%);
		color: #000;
	}
	body#index #NR-main-in  .new-column-in p a:hover {
		background: -webkit-linear-gradient(transparent 60%, #eeee58 60%);
		background: -o-linear-gradient(transparent 60%, #eeee58 60%);
		background: linear-gradient(transparent 60%, #eeee58 60%);
		color: #000;
		text-decoration: none;
	}
	body#index #NR-main-in  .new-column-in p a:active {
		background: -webkit-linear-gradient(transparent 60%, #FFF200 60%);
		background: -o-linear-gradient(transparent 60%, #FFF200 60%);
		background: linear-gradient(transparent 60%, #FFF200 60%);
		color: #000;
	}

	body#index  #NR-main-in .new-column-list a:link {
		background: #ff236b;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		color: #fff;
		display: block;
		font-size: 20px;
		font-weight: bold;
		margin: 0 10px 20px;
		padding: 15px 0;
		text-align: center;
		text-decoration: none;
	}
	body#index  #NR-main-in .new-column-list a:visited {
		background: #ff236b;
		color: #fff;
	}
	body#index  #NR-main-in .new-column-list a:hover {
		background: #e41f5f;
		border-bottom: 5px solid #d00d4c;
	}
	body#index  #NR-main-in .new-column-list a:active {
		background: #ff236b;
	}
	body#index  #NR-main-in .new-column-list a:after {
		content: "\f105";
		display: inline-block;
		font-family: FontAwesome;
		font-weight: bold;
		font-style: normal;
		margin-left: 5px;
		text-decoration: none;
	}

	body#index .column-category {
		background: #000;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		color: #fff;
		font-size: 10px;
		margin-left: 4px;
		padding: 1px 15px 0px;
	}

	/* 投票 */
	.main-vote {
		background: none;
		margin: 0;
		padding: 0;
	}

	.main-vote-in {
		background: none;
		border: 0;
		padding: 0;
	}

	.list-vote .item-txt p,
	.list-vote .item-txt .rate {
		line-height:1.5;
	}
	
	.list-vote a:active .rate span{
		background:#fff200;
		color: #000;
	}

	#NR-wrapper .next-vote a, .next-vote span{
		font-size: 16px;
	}

	#NR-wrapper .next-vote a{
		line-height: 2.2;
	}

	.period-vote {
		margin-bottom: 25px;
	}

	/* Adex */
	body#index .Adex {
		background: #dedede;
		border: #ccc 1px solid;
		margin: 10px;
		padding: 50px 0;
		text-align: center;
	}

	/* banner-area */
	body#index .banner-area {
		margin: 10px;
	}

	body#index .banner-area li {
		display: block;
		margin-bottom: 10px;
		text-align: center;
	}

	/* 新着ランキング */
	body#index .new-ranking {
		margin: 0 10px 20px;
	}

	body#index #NR-wrapper-in .new-ranking h2 {
		background-color: #fff000;
		background-image: radial-gradient(#fff 20%, transparent 20%),
		radial-gradient(#fff 20%, transparent 20%);
		background-size: 30px 30px;
		background-position: 0 0, 15px 15px;
		border-top-width: 0;
		font-size: 20px;
		margin-bottom: 15px;
		padding: 9px 10px 3px;
		text-align: left;
	}

	body#index .new-ranking ul {
		padding: 0 0 15px;
	}

	body#index .new-ranking li {
		font-size: 15px;
		line-height: 1.6;
		background-size: 20px;
		padding: 5px 10px 5px 35px;
	}

	body#index .new-ranking li a:link {
		border-bottom: 1px dotted;
	}

	body#index .new-ranking li a:hover {
		text-decoration: none;
	}

}

/* info
   ------------------------------ */
body#info #NR-main a {
	border-bottom: 1px dotted #333;
}


body#info #NR-main h2 {
	margin-bottom: 15px;
}

body#info .unit {
	margin-bottom: 30px;
}

body#info .corp {
	color: #666;
	font-size: 14px;;
	margin-left: 5px;
}

body#info #NR-main table {
	width: 100%;
}

body#info #NR-main table p {
	font-size: 14px;
}

body#info #NR-main th,
body#info #NR-main td {
	padding: 0.5em 1em;
	vertical-align: middle;
}

body#info #NR-main th {
	font-weight: bold;
}

body#info #NR-main thead {
	background: #f5f5f5;
	border-bottom: 2px solid #333;
}

body#info #NR-main tbody tr {
	border-bottom: 1px dotted #333;
}

body#info #NR-main .con {
	font-size: 14px;
	width: 160px;
}

body#info #NR-main .not {
	padding-right: 0;
	width: 330px;
}

body#info #NR-main .list {
	line-height: 1.5;
	margin: 1em 0;
	margin-left: 2em;
}

body#info #NR-main .list li {
	font-size: 14px;
	list-style: disc outside;
	padding: 2px 0;
}

body#info #NR-main dt {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	background: #fff200;
	margin-bottom: 10px;
	padding: 8px 10px;
}

body#info #NR-main .ranking-box-in dt {
	background: repeating-linear-gradient(to right,#333,#333 10px,#222 10px,#222 20px);
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	padding: 5px 20px;
	position: absolute;
	top: -20px;
}

body#info #NR-main dd {
	margin-left: 0.5em;
	margin-bottom: 2em;
}

body#info.research .itm {
	text-align: right;
	width: 120px;
}

body#info.research .val var {
	border-left: 0 solid #ffaf24;
	padding-left: 5px;
}

body#info.research .val var:after {
	content: '%';
	color: #666;
	font-size: 10px;
}

body#info.research .info-bn {
	background: #efefef;
	margin: 0;
	padding: 20px;
	text-align: center;
}

body#info.research .info-bn-list option {
	text-align: right;
}

body#info.research .info-bn-list option:nth-child(2n) {
	background: #f9f9f9;
}

body#info.research .info-bn-list,
body#info.research .info-bn-button {
	font-size: 14px;
	min-width: 8em;
	padding: 0.5em;
}

body#info.research .info-bn-button {
	cursor: pointer;
	font-size: 14px;
	padding: 0.5em;
}

body#info #info-partner {
	margin-left: 2px;
	margin-right: -10px;
}

body#info #info-partner li {
	float: left;
	height: 220px;
	margin-bottom: 10px;
	margin-right: 10px;
	position: relative;
	width: 220px;
}

body#info #info-partner .title {
	font-size: 12px;
	left: 0;
	padding: 8px;
	position: absolute;
	text-align: left;
	top: 0;
	width: 204px;
}

body#info #info-partner .cover {
	border: 1px solid #eee;
	color: #666;
	display: table-cell;
	height: 218px;
	vertical-align: middle;
	width: 218px;
	text-align: center;
}

body#info #info-partner .cover:hover {
	border-color: #000;
}

body#info #info-partner img {
	height: auto;
	max-width: 120px;
}

body#info #info-partner .tag {
	background: #f5f5f5;
	bottom: 0;
	font-size: 11px;
	left: 0;
	margin: 1px;
	padding: 8px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 202px;
}

body#info #info-partner .tag:hover {
	background: #000;
	color: #fff;
}

body#info #info-partner a {
	border-bottom:none;
}

body#info #NR-main .inq a,
body#info #NR-main .not a {
	border-bottom: none;
}

body#info #NR-main .inq a:before {
	content: "\f003";
	color: #ff236b;
	display: inline-block;
	font-family: FontAwesome;
	margin-right: 5px;
}

body#info #NR-main .not a:before {
	content: "\f0c0";
	color: #ff236b;
	display: inline-block;
	font-family: FontAwesome;
	margin-right: 5px;
}


/* ご当地　新着一覧 */

body#region .new-column-in {
	border-bottom: 2px dotted #000;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

body#region .column-date:before {
	color: #666;
	content: "\f017";
	display: inline-block;
	font-family: FontAwesome;
	font-weight: normal;
	font-size: 14px;
	font-style: normal;
	margin-right: 5px;
	text-decoration: none;
}

body#region .new-column-in h3 {
	margin: 5px 0 10px;
}

body#region .new-column-in h3 a:link {
	color: #000;
	font-size: 27px;
	font-weight: bold;
	line-height: 1.3;
	text-decoration: none;
}

body#region .new-column-in h3:first-letter {
	font-size: 40px;
}

body#region #NR-wrapper-in .new-column-in p {
	float: left;
	font-size: 15px;
	line-height: 1.8;
	padding: 0 10px 0 0;
	margin: 0;
	width: 410px;
}

body#region .new-column-in img {
	float: left;
	max-width: 250px;
	line-height: 1.8;
	}

body#region #NR-main-in  .new-column-in p a:link {
	background: -webkit-linear-gradient(transparent 60%, #FFF200 60%);
	background: -o-linear-gradient(transparent 60%, #FFF200 60%);
	background: linear-gradient(transparent 60%, #FFF200 60%);
	color: #000;
	font-size: 15px;
	padding: 0 5px;
}

body#region #NR-main-in  .new-column-in p a:visited {
	background: -webkit-linear-gradient(transparent 60%, #FFF200 60%);
	background: -o-linear-gradient(transparent 60%, #FFF200 60%);
	background: linear-gradient(transparent 60%, #FFF200 60%);
	color: #000;
}

body#region #NR-main-in  .new-column-in p a:hover {
	background: -webkit-linear-gradient(transparent 60%, #eeee58 60%);
	background: -o-linear-gradient(transparent 60%, #eeee58 60%);
	background: linear-gradient(transparent 60%, #eeee58 60%);
	color: #000;
	text-decoration: none;
}

body#region #NR-main-in  .new-column-in p a:active {
	background: -webkit-linear-gradient(transparent 60%, #FFF200 60%);
	background: -o-linear-gradient(transparent 60%, #FFF200 60%);
	background: linear-gradient(transparent 60%, #FFF200 60%);
	color: #000;
}

body#region  #NR-main-in .new-column-list a:link {
	background: #ff236b;
	border-bottom: 5px solid #e41f5f;
	color: #fff;
	display: block;
	font-size: 20px;
	font-weight: bold;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 15px;
	text-align: center;
	text-decoration: none;
}

body#region  #NR-main-in .new-column-list a:visited {
	background: #ff236b;
	border-bottom: 5px solid #e41f5f;
	color: #fff;
}

body#region  #NR-main-in .new-column-list a:hover {
	background: #e41f5f;
	border-bottom: 5px solid #d00d4c;
}

body#region  #NR-main-in .new-column-list a:active {
	background: #ff236b;
	border-bottom: 5px solid #e41f5f;
}

body#region  #NR-main-in .new-column-list a:after {
	content: "\f105";
	display: inline-block;
	font-family: FontAwesome;
	font-weight: bold;
	font-style: normal;
	margin-left: 5px;
	text-decoration: none;
}

body#region .column-category {
	background: #000;
	color: #fff;
	display: inline-block;
	font-size: 11px;
	padding: 1px 15px 0px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-left: 4px;
}

body#region .regionranking {
	border: solid 5px #f1f1f1;
	margin: 30px 0;
}

body#region .sp_title {
	background:url(http://cache001.ranking.goo.ne.jp/dav/spc/region/pc/icon_ranking.gif) no-repeat #f1f1f1;
	min-height: 50px;
	padding-left: 60px;
	line-height:50px;
	font-size: 16px;
}

body#region li.sp_rank01,
body#region li.sp_rank02,
body#region li.sp_rank03 {
	background:url(http://cache001.ranking.goo.ne.jp/dav/spc/region/pc/icon_rank01.gif) no-repeat left center;
	margin-left:5px;
	margin-right:5px;
	border-bottom:dashed 1px #ccc;
	font-size:16px;
	font-weight:bold;
	padding-left:56px;
	padding-top:18px;
	padding-bottom:18px;
	line-height:140%
}
body#region li.sp_rank02 {
	background:url(http://cache001.ranking.goo.ne.jp/dav/spc/region/pc/icon_rank02.gif) no-repeat left center;
}
body#region li.sp_rank03 {
	background:url(http://cache001.ranking.goo.ne.jp/dav/spc/region/pc/icon_rank03.gif) no-repeat left center;
	border-bottom: none;
}

body#region .sp_more a:link{
	background:#84ccc9;
	text-align:center;
	margin:0;
	padding:10px;
	font-weight:bold;
	font-size:16px;
	color:#fff ;
	display:block;
	text-decoration:none;
}

body#region .sp_more a:visited {
	background:#84ccc9;
	color:#fff ;
}

body#region .regionranking dt {
	width: 40%;
	float: left;
}
body#region .regionranking dd {
	width: 60%;
	float: left;
}
body#region .regionranking dd p {
	padding:15px;
}

body#region .cover {
	background:#f1f1f1;
	text-align: center;
	padding: 25px 0;
}


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

	body#info #NR-main .not {
		display: none;
	}

	body#info #NR-main .con {
		white-space: normal;
	}

	body#info.research .itm {
		text-align: left;
		width: auto;
	}

	body#info #info-partner li {
		float: none;
		margin: 0 auto 10px;
	}

	body#info #NR-main .sub-vote-in dt {
		background: none;
		padding: 0;
	}

	body#region .regionranking dt {
	width: 100%;
	}

	body#region .regionranking dd {
		width: 100%;
	}

	body#region #NR-wrapper-in .new-column-in p {
	float: left;
	font-size: 15px;
	line-height: 1.8;
	padding: 0 10px 0 0;
	margin: 0;
	width: 100%;
	}

	body#region #NR-wrapper-in .new-column-in img {
		max-width:100%;
		height: auto;
		margin-top: 10px;
	}
	body#region .sp_title {
	background:url(http://cache001.ranking.goo.ne.jp/dav/spc/region/pc/icon_ranking.gif) no-repeat #f1f1f1;
	min-height: 50px;
	padding-left: 60px;
	line-height:25px;
	font-size: 15px;
	}

}