@charset "utf-8";
/* Override pre-loaded styles */
.wp_likes{display:none;}
#social_buttons{margin-bottom:20px;}
.sp{display:none !important;}
#fixed_bottom_sp{display:none !important}

/* reset */
*{box-sizing:border-box; font-size:inherit;}
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#3e3a39;
	line-height:1.44;
	font-size:13px;
	word-wrap : break-word;
	overflow-wrap : break-word;
}
h1,h2,h3,h4,h5,h6,.title{
	font-family:"ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
html, body{padding:0;margin:0;}
ul,li{list-style:none; padding:0; margin:0;}
header,main,aside,footer,article
{display:block;}
select, input, textarea
{
	max-width:100%;
}
a, a:visited{
	color:#006699;
	text-decoration:none;
}
.pankz a, .pankz a:visited{
	color:#0099ff;
}
a:hover{
	text-decoration:underline;
}
a.hover:hover{text-decoration:none;}
.hover{cursor:pointer;}
p{
	text-align:justify;
	line-height:1.7;
	word-break:break-all;
}
.content{
	font-size:16px;
}

/* standard */
[class^="column-icon-"]{
	margin:0; padding:0;
	position:relative;
	display:inline-block;
}
[class^="column-icon-"]:before{
	content:'';
	background:url( 'sprite-icon.png?v=1.2' ) no-repeat;
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	box-sizing:border-box;
	border:none;
	margin-right:6px;
}
.column-icon-carret:before{
	width:11px;
	height:9px;
	margin-bottom:4px;
	background-position:0 0;
}
:hover > .column-icon-carret:before{
	background-position:-11px 0;
}
.column-icon-open-right:before{
	width:6px;
	height:9px;
	margin-bottom:4px;
	background-position:-22px 0;
}
.column-icon-open-right.large:before{
	width:7px;
	height:12px;
	background-position:-28px 0;
}
.column-icon-open-right-white:before{
	width:6px;
	height:11px;
	background-position:-35px 0;
}
.column-icon-open-right-white.x-large:before{
	width:6px;
	height:11px;
	background-position:-35px 0;
}
.column-icon-favorite:before{
	width:16px;
	height:15px;
	background-position:-41px 0;
	margin:0;
	padding:0;
}
body.single-column main article header .meta .add_favorite > .js_column_add_favorite:hover i:before,
.active > .column-icon-favorite:before{
	width:16px;
	height:15px;
	background-position:-75px 0;
}
.column-icon-close-white:before{
	width:28px;
	height:27px;
	background-position:-80px -141px;
	margin:0;
	padding:0;
}
.column-icon-mypage:before{
	width:16px;
	height:16px;
	background-position:-156px -140px;
}
.column-icon-favorites:before{
	width:16px;
	height:15px;
	background-position:-173px -141px;
}
.column-icon-regist:before{
	width:13px;
	height:18px;
	background-position:-142px -139px;
}
.column-icon-login:before{
	width:14px;
	height:17px;
	background-position:-127px -140px;
}
.column-icon-category:before{
	width:17px;
	height:12px;
	background-position:-57px 0;
}
.column-icon-tag:before{
	width:16px;
	height:15px;
	background-position:-110px 0;
}
.column-icon-nation:before{
	width:17px;
	height:15px;
	background-position:-92px 0;
}


[class^="column-icon-"].country.large{
	transform:scale(1.5);
	margin-right:10px;
	margin-left:10px;
}
[class^="column-icon-"].country.small{
	transform:scale(0.7);
	margin:0 -.4em;
}
.column-icon-philippine:before{
	width:31px;
	height:20px;
	background-position:0 -15px;
}
.column-icon-canada:before{
	width:31px;
	height:20px;
	background-position:-93px -15px;
}
.column-icon-aus:before{
	width:31px;
	height:20px;
	background-position:-31px -15px;
}
.column-icon-nz:before{
	width:31px;
	height:20px;
	background-position:-62px -15px;
}
.column-icon-uk:before{
	width:31px;
	height:20px;
	background-position:-155px -15px;
}
.column-icon-irl:before{
	width:31px;
	height:20px;
	background-position:0 -35px;
}
.column-icon-us:before{
	width:31px;
	height:20px;
	background-position:-124px -15px;
}
.column-icon-haw:before{
	width:31px;
	height:20px;
	background-position:-31px -35px;
}
.column-icon-mlt:before{
	width:31px;
	height:20px;
	background-position:-62px -35px;
}
.column-icon-fji:before{
	width:31px;
	height:20px;
	background-position:-124px -35px;
}
.column-icon-mys:before{
	width:31px;
	height:20px;
	background-position:-93px -35px;
}
.column-icon-sgp:before{
	width:31px;
	height:20px;
	background-position:-155px -35px;
}
.column-icon-ind:before{
	width:31px;
	height:20px;
	background-position:-93px -55px;
}
.column-icon-ger:before{
	width:31px;
	height:20px;
	background-position:0 -55px;
}
.column-icon-fra:before{
	width:31px;
	height:20px;
	background-position:-31px -55px;
}
.column-icon-esp:before{
	width:31px;
	height:20px;
	background-position:-124px -55px;
}
.column-icon-ita:before{
	width:31px;
	height:20px;
	background-position:-155px -55px;
}
.column-icon-bali:before{
	width:31px;
	height:20px;
	background-position:-61px -55px;
}


.column-icon-column_category_1:before{
	width:35px;
	height:26px;
	background-position:0 -76px;
}
.column-icon-column_category_2:before{
	width:31px;
	height:30px;
	background-position:-36px -76px;
}
.column-icon-column_category_3:before{
	width:27px;
	height:22px;
	background-position:-70px -79px;
}
.column-icon-column_category_4:before{
	width:29px;
	height:25px;
	background-position:-101px -78px;
}
.column-icon-column_category_5:before{
	width:31px;
	height:23px;
	background-position:-131px -79px;
}
.column-icon-column_category_6:before{
	width:30px;
	height:25px;
	background-position:-166px -79px;
}
.column-icon-column_category_7:before{
	width:36px;
	height:27px;
	background-position:0 -106px;
}
.column-icon-column_category_8:before{
	width:26px;
	height:29px;
	background-position:-39px -109px;
}
.column-icon-column_category_9:before{
	width:23px;
	height:25px;
	background-position:-70px -109px;
}
.column-icon-column_category_10:before{
	width:29px;
	height:31px;
	background-position:-97px -107px;
}
.column-icon-column_category_11:before{
	width:31px;
	height:17px;
	background-position:-131px -116px;
}
.column-icon-column_category_99:before{
	width:28px;
	height:6px;
	background-position:-166px -120px;
}
.column-icon-slider-up:before{
	width:18px;
	height:10px;
	background-position:0 -141px;
}
.column-icon-slider-down:before{
	width:18px;
	height:10px;
	background-position:0 -152px;
}
.column-icon-slider-next:before{
	width:14px;
	height:20px;
	background-position:-20px -142px;
}
.column-icon-slider-prev:before{
	width:14px;
	height:20px;
	background-position:-35px -142px;
}

.round-button, a.round-button{
	display:inline-block;
	min-height:36px;
	border:none;
	border-radius:18px;
	background:#e6e6e7;
	color:#221815;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	padding:8px 24px;
	cursor:pointer;
}
button.round-button:hover{
	opacity:0.8;
}
.round-button.submit{
	background:#30b0ea;
	font-weight:normal;
	color:#fff;
}
.round-button.clear{
	background:#c1c1c1;
	font-weight:normal;
	color:#fff;
}
.round-button.smaller{
	min-height:32px;
	border-radius:16px;
	line-height:18px;
	font-size:14px;
	padding:7px 20px;
}

.thumbnail{
	display:inline-block;
	position:relative;
	width:100%;
	padding-top:75%;
}
.thumbnail img
, .thumbnail .noimage
{
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	width:100%; height:100%;
	object-fit: cover;
}

.noimage{
    overflow: hidden;
    padding-top: 75%;
}
.noimage.random-noimage{
	background-repeat:no-repeat;
	background-size:contain;
}
.noimage.random-noimage:after{display:none}

.js_column_add_favorite{
	position:relative;
	cursor:pointer;
}
.js_column_add_favorite i{
	border:1px solid transparent;
	line-height:1;
}
.js_column_add_favorite:hover i{
	border:1px solid #666;
}
.js_column_add_favorite:hover .popup{
	display:block;
	position:absolute;
	z-index:10;
	bottom:2em;
	left:50%; margin-left:-50px;
	border:1px solid #666;
	background:#fff;
	color:#666;
	padding:6px 10px;
	font-size:11px;
	font-weight:bold;
	width:100px;
	text-align:center;
}
.js_column_add_favorite:hover .popup:before{
	content:'';
	position:absolute; width:0; height:0;
	bottom:-6px; left:50%; margin-left:-6px;
	border-top: 6px solid #ccc;
	border-left:6px solid transparent;
	border-right: 6px solid transparent;
}
.js_column_add_favorite:hover .popup:after{
	content:'';
	position:absolute; width:0; height:0;
	bottom:-5px; left:50%; margin-left:-6px;
	border-top: 6px solid #fff;
	border-left:6px solid transparent;
	border-right: 6px solid transparent;
}
.js_column_add_favorite.left:hover .popup{
	left:inherit;
	margin-left:0;
	right:-10px;
}
.js_column_add_favorite.left:hover .popup:before{
	left:80%;
}
.js_column_add_favorite.left:hover .popup:after{
	left:80%;
}
.js_column_add_favorite .popup .red{color:#F00}

#section-main-bottom{
	border:1px solid #00a0e9;
	border-top-width:5px;
	padding:0;
}
#section-main-bottom > div{
	margin:10px;
}
#section-main-bottom > ul{
	display:flex;
	margin:10px;
	justify-content:space-between;
}
#section-main-bottom > ul > *{
	width:230px;
	text-align:center;
	border:1px solid #c9caca;
	background:#eeefef;
	padding:18px 0;
}
#section-main-bottom > ul > .mailer a{
	display:inline-block;
	margin-top:15px;
}
#section-main-bottom > ul > .rsv a{
	display:inline-block;
	margin-top:9px;
}
#section-main-bottom > ul > .tel a{
	display:inline-block;
	margin-top:10px;
}

/* layout */
body > .wrap
, header > * > .wrap
, footer > .wrap
, body > .pagetotop
{
	width:1080px;
	margin-left:auto; margin-right:auto;
}
body > .wrap{
	display:table;
	table-layout:fixed;
}
body > .wrap > main
, body > .wrap > aside{
	display:table-cell;
	vertical-align:top;
}
body > .wrap > aside{
	width:355px;
	padding-left:40px;
	padding-right:15px;
}


/* header */
body > header{
	font-size:12px;
}
body > header > .c1{
	background:#e6e6e6;
	border-bottom:1px solid #c9c9c9;
}
body > header > .c1 > .wrap
, body > header > .c2 > .wrap
{
	display:table;
}
body > header > .c1 h1{
	font-size:10.5px;
	font-weight:normal;
}
body > header > .c1 li{
	font-size:12px;
	font-weight:bold;
}
body > header > .c1 li + li{
	margin-left:10px;
}
body > header > .c1 li.mypage a{color:#e8334a}
body > header > .c1 li.favorites a{color:#e29104}
body > header > .c1 li.login a{color:#007dc1}
body > header > .c1 li.regist a{color:#3e3a39}
body > header > .c1 > .wrap > *
,body > header > .c2 > .wrap > *
{
	display:table-cell;
	vertical-align:middle;
	padding:6px 0;
}
body > header .logo{
	height:84px;
}

body > header > nav{
	margin-bottom:20px;
}
body > header > nav > .wrap > ul{
	display:-webkit-flex;
	display:flex;
}
body > header > nav > .wrap > ul > li{
	-webkit-flex:1 1 auto;
	flex:1 1 auto;
	position:relative;
}
body > header > nav > .wrap > ul > li:hover:after{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:80px;
}

body > header > nav > .wrap > ul > li > a{
	display:block;
	text-align:center;
	font-size:16px;
	padding:6px 0;
	border-right:2px solid #b5b5b6;
	color:#3e3a39;
	font-weight:bold;
}
body > header > nav > .wrap > ul > li:last-child > a{
	border:none;
}
body > header > nav > .wrap > ul > li > div{
	display:none;
	position:absolute;
	top:50px;
	left:-17px;
	z-index:10000;
	margin-left:-25px;
}
body > header > nav > .wrap > ul > li:hover > div{
	display:block;
	padding:20px 0;
	border:1px solid #666;
	width:auto;
}
body > header nav .nav-sub{
	background:#fff;
	border:1px solid #666;
	display:table;
	position:relative;
}
body > header nav .nav-sub:before{
	content:'';
	position:absolute; width:0; height:0;
	top:-15px; left:20%; margin-left:-10px;
	border-bottom: 15px solid #666;
	border-left:11px solid transparent;
	border-right: 11px solid transparent;
}
body > header nav .nav-sub:after{
	content:'';
	position:absolute; width:0; height:0;
	top:-14px; left:20%; margin-left:-10px;
	border-bottom: 15px solid #fff;
	border-left:11px solid transparent;
	border-right: 11px solid transparent;
}

body > header nav .nav-sub ul{
	display:block;
	letter-spacing:-.4em;
	width:401px;
}
body > header nav .nav-sub ul > li{
	letter-spacing:0;
	display:inline-block;
}
body > header nav .nav-sub ul > li:nth-of-type(2n){
	border-left:1px solid #666;
}
body > header nav .nav-sub ul > li > a{
	position:relative;
	display:block;
	color:#666;
	font-size:12px;
	text-decoration:none;
	margin:6px 20px;
	width:160px;
	border-bottom:1px solid transparent;
}
body > header nav .nav-sub ul > li > a:hover{opacity:0.8; border-bottom-color:#666;}
body > header nav .nav-sub ul > li > a:after{
	content:'';
	background:url( 'sprite-icon.png?v=1.1' ) no-repeat;
	display:inline-block;
	vertical-align:middle;
	width:6px;
	height:9px;
	margin-bottom:4px;
	background-position:-22px 0;
	position:absolute;
	right:4px;
	top:50%;
	margin-top:-5px;
}
body > header nav li.ranking .nav-sub ul{
	width:201px;
}
body > header nav li.ranking .nav-sub ul > li:nth-of-type(2n){
	border-left:none;
}
body > header > nav > .wrap > ul > li.ranking > div{
	left:-1px;
	margin-left:0;
}



body > header .pankz{margin:24px 0;}
body > header .pankz li{
	display:inline-block;
	vertical-align:top;
}
body > header .pankz li + li:before{
	content:'';
	background:url( 'sprite-icon.png?v=1.1' ) no-repeat;
	display:inline-block;
	vertical-align:middle;
	width:7px;
	height:12px;
	background-position:-28px 0;
	margin:0 6px 2px;
}
body > header #social_buttons{
	display:inline-block;
	vertical-align:middle;
	max-width:300px;
	margin:0;
	margin-right:23px;
}
body > header #social_buttons > .table > .cell.w30{
	padding-right:14px;
}
body > header #social_buttons .divide.cell{
	padding-right:14px;
	border-left:1px solid #bcbcbc;
}
body > header #social_buttons .social_button{
	width:34px;
	height:34px;
}
.column_search_form{
	display:inline-block;
	vertical-align:bottom;
	letter-spacing:-.4em;
}
.column_search_form > *{letter-spacing:0;}
.column_search_form input
{
	height:30px;
	border:1px solid #9fa0a0;
	margin:0;
	vertical-align:top;
}
.column_search_form input[type="text"]{
	width:200px;
	padding:0 .4em;
}
.column_search_form button{
	text-indent:-9999px;
	padding:0; margin:0;
	margin-left:-1px;
	width:30px;
	height:30px;
	border-left:none;
	background:#009cdd;
	color:#fff;
	cursor:pointer;
	border:none;
	background:url( 'sprite-icon.png?v=1.1' ) no-repeat;
	background-position:-50px -141px;
}

.column_searchbox{
	letter-spacing:-.4em;
	border:1px solid #b5b5b6;
	background:#efefef;
	padding:12.5px 20px;
	font-size:14px;
	margin-bottom:15px;
}
.column_searchbox > *{
	letter-spacing:0;
	margin:7.5px 0;
}
.column_searchbox [class^="block-"] > label{
	color:#666;
	font-weight:bold;
}
.column_searchbox [class^="block-"] > label:after{
	content:'：';
}
.column_searchbox .block-nation{
	display:inline-block;
	width:50%;
}
.column_searchbox .block-nation > label:after{
	content:'を選択：';
}
.column_searchbox .block-category{
	display:inline-block;
	width:50%;
}
.column_searchbox .block-category > label:after{
	content:'を選択：';
}
.column_searchbox .block-date{}

.column_searchbox input[type="text"]
, .column_searchbox input[type="date"]
, .column_searchbox select
{
	border:1px solid #898989;
	height:29px;
	line-height:29px;
	padding:0 2px 0 10px;
	border-radius:4px;
}
.column_searchbox .block-date .date{
	display:inline-block;
	position:relative;
}
.column_searchbox .block-date .date input{
	padding-left:32px;
}
.column_searchbox .block-date .date:before{
	content:'';
	padding:0;
	margin:0;
	display:inline-block;
	width:18px;
	height:19px;
	cursor:pointer;
	background:url( 'sprite-icon.png?v=1.1' ) no-repeat;
	background-position:-109px -140px;
	position:absolute;
	left:10px;
	top:5px;
}
.column_searchbox .block-tags .js_view_message{
	text-decoration:underline;
	color:#30b0ea;
}
.column_searchbox .block-tags .selected_tags{
	font-size:12px;
}
.column_searchbox .block-tags .selected_tags > span{
	display:inline-block;
}
.column_searchbox .block-tags .selected_tags > span + span:before{
	content:'、'
}
.column_searchbox .block-date > .wrap{display:inline}
body.column-search .column_searchbox{}
/*body.column-search .column_searchbox .js_reset_the_form{display:none}*/
body.column-search .column_searchbox  [class^="block-"] > label{
	display:block;
}
body.column-search .column_searchbox  [class^="block-"] > label:after{display:none}
body.column-search .column_searchbox .block-nation{
	width:23%;
	vertical-align:top;
}
body.column-search .column_searchbox .block-nation select{
	border-radius:4px 0 0 4px;
}
body.column-search .column_searchbox .block-category{
	width:23%;
	vertical-align:top;
	margin-left:-1px;
}
body.column-search .column_searchbox .block-category select{
	border-radius:0 4px 4px 0;
}
body.column-search .column_searchbox .block-date{
	display:inline-block;
	vertical-align:top;
	width:54%;
	padding-left:15px;
}
body.column-search .column_searchbox .block-date > .wrap{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
body.column-search .column_searchbox .block-date > .wrap > *{
}
body.column-search .column_searchbox .block-date input{
	width:160px;
}

.js_modal{}
.modal_background {
    background: rgba(0,0,0,0.4);
}
.js_modal a.close {
	border: inherit;
	color: #fff;
	border-radius: inherit;
	padding: 0;
	display: inline-block;
	text-decoration: none;
	position:absolute;
	z-index:200000;
	top:-34px;
	right:0;
}
.js_modal a.close:hover {
    background: none;
}
.js_modal > .js_modal_body {
	width: 1000px;
	background: #fff;
	border: none;
	border-radius: inherit;
	overflow:inherit;
	padding:40px 0;
}
.js_modal > .js_modal_body > .wrap {
	overflow-y:auto;
	width:78.5%;
	margin:0 auto;
	border:1px solid #666;
}
.js_modal > .js_modal_body > .wrap > .title{
	padding:15px;
	font-size:16px;
	color:#fff;
	background:#999;
}
.js_modal > .js_modal_body > .wrap > .footer{
	padding:25px;
	background:#dedddd;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.js_modal .search-query .number{
	color:#ec6800;
	font-size:22px;
}
#modal-column-select-tags .body ul{
	display:flex;
	flex-wrap: wrap;
	margin:30px 7%;
 }
#modal-column-select-tags .body ul > li{
	width:33.33%;
	margin:10px 0;
	font-size:12px;
}
#modal-column-select-tags .body ul > li input[type="checkbox"]{
	margin-right:4px;
}



/* footer */
body > .pagetotop{
	text-align:right;
}
body > footer{
	background:#898989;
	color:#fff;
	padding-top:40px;
	padding-bottom:20px;
}
body > footer a, body > footer a:visited{color:#fff;}

body > footer > .wrap > div{
	display:table;
	width:100%;
	margin-bottom:10px;
}
body > footer > .wrap > div > *{
	display:table-cell;
	vertical-align:middle;
}
body > footer > .wrap > div > .logo{
	width:420px;
	text-align:right;
}
body > footer .footer-links ul{
	display:inline-flex;
	justify-content:flex-start;
	flex-flow:row wrap;
	width:300px;
	max-width:100%;
}
body > footer .footer-links li{
	margin-bottom:10px;
	width:150px;
	max-width:100%;
	font-size:12px;
}
body > footer .footer-links a:before{
	content:'';
	background:url( 'sprite-icon.png?v=1.1' ) no-repeat;
	display:inline-block;
	vertical-align:middle;
	width:6px;
	height:11px;
	background-position:-35px 0;
	margin:0 6px 2px 0;
}
body > footer .copyright{
	display:block;
	text-align:right;
	font-size:10px;
}

/* sidebar */
.sidebar-block{
	margin:30px 0;
	padding-bottom:10px;
	border-bottom:1px solid #999;
}
.sidebar-block > .title{
	border-left:6px solid #0090da;
	font-weight:bold;
	font-size:17.5px;
	padding-left:9px;
	margin-bottom:20px;
}

.sidebar-rankings .sidebar-rankings-nav{
	display:flex;
	width:100%;
}
.sidebar-rankings .sidebar-rankings-nav > li{
	flex:1 1 auto;
	padding-right:1px;
}
.sidebar-rankings .sidebar-rankings-nav > li > span{
	display:block;
	font-weight:bold;
	font-size:13px;
	color:#221815;
	padding:8px 10px;
	text-align:center;
	border-top:3px solid #efefef;
	cursor:pointer;
}
.sidebar-rankings .sidebar-rankings-nav > li.active > span{
	border-top-color:#00a0e9;
	background:#efefef;
	cursor:default;
}
.sidebar-rankings .sidebar-rankings-nav > li.active > span:after{
	content:'ランキング';
}

.sidebar-rankings .sidebar-rankings-body{
	background:#efefef;
	padding:16px;
}
.sidebar-rankings .sidebar-rankings-body > div{
	display:none;
}
.sidebar-rankings .sidebar-rankings-body > div.active{display:block;}
.sidebar-rankings .sidebar-rankings-body .entry > a{
	cursor:pointer;
	display:table;
	width:100%;
	table-layout:fixed;
	margin-bottom:13px;
	text-decoration:none;
}
.sidebar-rankings .sidebar-rankings-body .entry > a:hover{
	text-decoration:none;
	opacity:0.8;
}
.sidebar-rankings .sidebar-rankings-body .entry > a > *{
	display:table-cell;
	vertical-align:middle;
}
.sidebar-rankings .sidebar-rankings-body .entry > a > .photo{
	width:84px;
	position:relative;
	overflow:hidden;
}
.sidebar-rankings .sidebar-rankings-body .entry > a > .photo > .rank{
	position:absolute;
	top:2px;
	left:4px;
	z-index:2;
	color:#fff;
	font-size:12px;
}
.sidebar-rankings .sidebar-rankings-body .entry > a > .photo:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: inline-block;
	background: #00a0e9;
	font-size: 9px;
	line-height: 1;
	color: #fff;
	font-weight: normal;
	padding-top: 20px;
	padding-bottom: 4px;
	width: 100px;
	text-align: center;
	transform: rotate( -45deg ) translate(-23px,-35px);
}
.sidebar-rankings .sidebar-rankings-body .entry .body{
	padding-left:10px;
}
.sidebar-rankings .sidebar-rankings-body .entry .title{
	text-align:justify;
	line-height:1.4;
	font-weight:bold;
	margin-bottom:6px;
	display:block;
}
.sidebar-rankings .sidebar-rankings-body .entry .meta{
	color:#727171;
	font-size:10.5px;
}
.sidebar-rankings .sidebar-rankings-body .entry .views{
	text-align:right;
}
.sidebar-rankings .sidebar-rankings-body .more{
	text-align:right;
}
.sidebar-rankings .sidebar-rankings-body .more .round-button{
	background:#fff;
	color:#221815;
}

.sidebar-rankings .sidebar-rankings-nav > li:nth-of-type(2).active > span{
	border-top-color:#846fb0;
}
.sidebar-rankings .sidebar-rankings-body > div:nth-of-type(2) .entry > a > .photo:before{
	background:#846fb0;
}
.sidebar-rankings .sidebar-rankings-nav > li:nth-of-type(3).active > span{
	border-top-color:#0477b7;
}
.sidebar-rankings .sidebar-rankings-body > div:nth-of-type(3) .entry > a > .photo:before{
	background:#0477b7;
}
.sidebar-rankings .sidebar-rankings-nav > li:nth-of-type(4).active > span{
	border-top-color:#00429a;
}
.sidebar-rankings .sidebar-rankings-body > div:nth-of-type(4) .entry > a > .photo:before{
	background:#00429a;
}


.sidebar-nations li a{
	color:#221814;
	font-size:13px;
	line-height:30px;
	margin-bottom:10px;
	display:flex;
	justify-content:space-between;
	
}
.sidebar-nations li a > span{
}
.sidebar-nations li a > :nth-of-type(1){
	width:50px;
	padding-left:6px;
}
.sidebar-nations li a > :nth-of-type(2){
	flex:1 1 auto;
}
.sidebar-nations li a > :nth-of-type(3){
	text-align:right;
	padding-right:10px;
}


/* ad */
.column_ad{
	margin-bottom:10px;
	max-width:100%;
	width:300px;
}
.column_ad_block_main{
	max-width:100%;
	text-align:center;
	margin:30px 0;
	padding-top:30px;
	border-top:1px solid #c9caca;
}
.column_ad_block_main > .column_ad{
	text-align:left;
	display:inline-block;
	margin:0 10px;
}

main h2{
	font-size:30px;
	color:#221815;
	margin:0 0 10px 0;
	line-height:1.1;
	border-left:6px solid #009cdb;
	padding-left:8px;
}
main h2 + .found_posts{
	text-align:right;
	margin:-22px 0 10px 0;
}
main h2 > span{
	display:block;
}
main h2 > .small{
	font-size:12px;
	color:#3e3a39;
	font-weight:normal;
	margin-bottom:4px;
}
main.category h2
, main.nation h2
{
	border-left:none;
	padding-left:0;
}

/* result */
body.column-loop .result{
	margin-bottom:40px;
}
body.column-loop .result article{
	display:table;
	width:100%;
}
body.column-loop .result article > *{
	border-bottom:1px solid #dcdddd;
	display:table-cell;
	vertical-align:top;
	padding:15px 0;
}
body.column-loop .result article:nth-of-type(1) > *{
	border-top:1px solid #dcdddd;
}
body.column-loop .result article .photo{
	width:160px;
	position:relative;
}
body.column-loop .result article .thumbnail .nation_label{
	position:absolute;
	display:block;
	bottom:0; left:0;
	width:100%;
	background:rgba(0,0,0,0.5);
	color:#fff;
	font-size:12px;
	padding-left:4px;
}
body.column-loop .result article .photo + div{
	padding-left:20px;
}
body.column-loop .result article h3{
	margin:0 0 10px 0;
	font-size:15px;
	font-weight:bold;
	color:#006699;
}
body.column-loop .result article footer .category_name{
	background:#dcdddd;
	color:#727171;
	padding:0 4px;
	margin-right:1em;
}
main article .meta{
	font-size:13px;
}
main article .divides > span{
	margin-right:1em;
}
main article .divides > span + span:before{
	content:'';
	display:inline;
	border-left:1px solid #ccc;
	margin-right:1em;
}

/* paginate */
main .pagination{
	margin:40px 0;
}
main .pagination *{
	font-size:16px;
}
main .pagination li > *{
	margin:0 6px;
	min-width:36px;
	line-height:34px;
	border:1px solid #9fa0a0;
	padding:0;
	background:#9fa0a0;
	color:#fff;
}
main .pagination li > a{
	background:#fff;
	color:#9fa0a0;
}
main .pagination .dir{
	padding:10px 25px;
	color:#fff;
	background:#dcdddd;
	border-radius:4px;
	border:none;
}
main .pagination a.dir{
	background:#00a0e9;
}
main .pagination a.dir:hover{text-decoration:none; opacity:0.8;}
main .pagination li.page-start.add-dotted:after
, main .pagination li.page-end.add-dotted:before{
	content:'…';
	display:inline;
	margin:0 10px;
}

.list-flex ul{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
}
.list-flex ul > li{
	width:224px;
	margin-bottom:10px;
}
.list-flex ul > li:nth-child(3n+2):last-child{
	margin-right:250.5px;
}

.list-flex ul > li > a{
	display:block;
	position:relative;
	overflow:hidden;
}
.list-flex ul > li > a:hover{
	opacity:0.8;
}

.list-flex .entry .thumbnail{
	text-align:center;
	vertical-align:bottom;
}
.list-flex .entry .body{
	position:absolute;
	left:0; bottom:0;
	width:100%;
	background:rgba(0,0,0,0.5);
	padding:6px;
	color:#fff;
}
.list-flex .entry .body > *{
	display:block;
}
.list-flex .entry .body .publish_date{
	text-align:right;
	font-size:12px;
}
.list-flex .entry .title{
	text-align:justify;
	line-height:1.4;
	font-size:14px;
}
.list-flex .entry a:hover .title{
	text-decoration:underline;
}
.list-flex .entry .meta{
	font-size:12px;
	text-decoration:underline;
	color:#666;
}
.meta.flex{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.meta.flex > .flex-grow{
	flex:1 1 auto;
}
.meta.flex > .grow{
	flex:1 1 auto;
}
.meta.flex > .add_favorite{
	margin-left:1em;
}




/* top page */
body.column-top main section{
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px solid #999;
}
body.column-top main section h2{
	font-size:20px;
	margin-bottom:15px;
}
body.column-top main h2 .alt{
	font-size:16px;
	float:right;
}
body.column-top main h2 .num{
	font-size:20px;
	color:#0090da;
}
body.column-top main h2 .ex{
	font-size:20px;
	vertical-align:middle;
	display:inline-block;
	margin-bottom:2px;
	margin-left:-2px;
	transform:rotate(15deg);
}

body.column-top main .index-slider{
	margin-bottom:20px;
	font-size:12px;
}
body.column-top main .index-slider .slider-stage{
	position:relative;
	width:470px;
	height:360px;
	float:left;
}
body.column-top main .index-slider .slider-stage:after{
	content:'PICK UP !';
	position:absolute;
	right:0; top:0;
	z-index:2;
	display:inline-block;
	background:#ffde00;
	font-size:13px;
	line-height:1;
	color:#221815;
	font-weight:bold;
	padding:10px 15px;
}
body.column-top main .index-slider .slider-stage ul{
	width:auto;/* will be calc */
	height:100%;
	position:absolute;
	overflow:hidden;
}
body.column-top main .index-slider .slider-stage .entry{
	position:relative;
	float:left;
	width:470px;
	height:360px;
}
body.column-top main .index-slider .slider-stage .entry > a{
	display:block;
	width:100%;
	height:100%;
}
body.column-top main .index-slider .slider-stage .entry .thumbnail{
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}
body.column-top main .index-slider .slider-stage .entry .thumbnail img{
	width:inherit;
	max-width:inherit;
	height:inherit;
	max-height:inherit;
	width:100%;
	height:100%;
	object-fit: cover;
}
body.column-top main .index-slider .slider-stage .entry .body{
	position:absolute;
	bottom:0;
	width:100%;
	background:rgba(0,0,0,0.5);
	padding:10px;
	color:#fff;
}
body.column-top main .index-slider .slider-stage .entry .title{
	text-align:justify;
	line-height:1.7;
}

body.column-top main .index-slider .slider-list{
	position:relative;
	float:right;
	width:240px;
	height:360px;
	overflow:hidden;
	padding:0;
}
body.column-top main .index-slider .slider-list ul{
	position:absolute;
	top:0;
	left:0;
	right:0;
}
body.column-top main .index-slider .slider-list .entry{
	cursor:pointer;
	display:table;
	width:100%;
	table-layout:fixed;
	border-spacing:7px;
	background:#eeefef;
	margin-bottom:9px;
}
body.column-top main .index-slider .slider-list .entry:hover{
	opacity:0.8;
}
body.column-top main .index-slider .slider-list .entry > *{
	display:table-cell;
	vertical-align:middle;
}
body.column-top main .index-slider .slider-list .entry > .photo{
	width:96px;
}
body.column-top main .index-slider .slider-list .entry .title{
	text-align:justify;
	line-height:1.4;
	font-weight:bold;
}
body.column-top main .index-slider .slider-list .entry .views{
	color:#727171;
	margin-top:10px;
	text-align:right;
}

body.column-top main .index-slider .slider-controller{
	opacity:0;
	transition: all 0.3s;
}
body.column-top main .index-slider :hover .slider-controller{
	opacity:1;
}
body.column-top main .index-slider .slider-controller a{
	background:rgba(0,0,0,0.5);
	position:absolute;
	text-align:center;
}
body.column-top main .index-slider .slider-stage .slider-controller a{
	width:36px;
	height:36px;
	right:0; top:50%; margin-top:-18px;
	padding:8px 0 0 6px;
}
body.column-top main .index-slider .slider-stage .slider-controller a.slider-control-prev{
	right:inherit;
	left:0;
}
body.column-top main .index-slider .slider-list .slider-controller a{
	width:100%;
	padding:4px;
	line-height:1;
	top:0;
}
body.column-top main .index-slider .slider-list .slider-controller a.slider-scroll-down{
	top:inherit;
	bottom:0;
}

body.column-top main #section-index-new ul > li > a:before{
	content:'NEW';
	position:absolute;
	left:0; top:0;
	z-index:2;
	display:inline-block;
	background:#e84465;
	font-size:9px;
	line-height:1;
	color:#fff;
	font-weight:normal;
	padding-top:20px;
	padding-bottom:4px;
	width:100px;
	text-align:center;
	transform:rotate( -45deg ) translate(-23px,-35px);
}
body.column-top main #section-index-new ul > li.is_updated > a:before{
	content:'更新';
	color:#333;
	background:#0CF;
	font-size:11px;
	border-bottom:1px solid #fff;
}
body.column-top main #section-index-new ul > li.is_pickup > a:after{
	content:'PICK UP !';
	position:absolute;
	right:0; top:0;
	z-index:2;
	display:inline-block;
	background:#ffde00;
	font-size:9px;
	line-height:1;
	color:#221815;
	font-weight:bold;
	padding:7px 10px;
}
body.column-top main #section-index-reports ul > li .meta{
	text-decoration:none;
}

body.column-top main #section-index-category li a{
	font-size:14px;
	font-weight:bold;
	padding:0 0 0  20px;
	line-height:36px;
	margin-bottom:10px;
	
}
body.column-top main #section-index-category li a i{
	transform:scale(0.8);
}

body.column-top main #section-index-tag li{
	display:inline-block;
	margin:0 4px 12px 0; 
}
body.column-top main #section-index-tag li .label-tag{
	background:#c9c9ca;
	line-height:1.4;
	color:#330000;
	font-size:14px;
	padding:2px 1em;
}

body.column-top main #section-index-searchbox{
	padding-bottom:20px;
}

/* single-column */
body.single-column main article > .wrap{
	border:1px solid #3e3a39;
	border-top-width:3px;
	padding:20px;
}
body.single-column main article h2{
	font-size:26px;
	border:none;
	padding:0;
	margin:10px 0;
	line-height:1.4;
	font-weight:bold;
}
body.single-column main article header{
	border-bottom:1px solid #c9caca;
	margin-bottom:20px;
}
body.single-column main article .catchup{
	display:flex;
	flex-flow:column nowrap;
	align-items:center;
}
body.single-column main article .catchup .noimage{
	display:none;
}
body.single-column main article .category_name{
	background:#43a8ce;
	color:#fff;
	padding:0 10px;
	border-radius:2px;
	display:inline-block;
}
body.single-column main article a.category_name:hover{
	text-decoration:none;
	opacity:0.8;
}
body.single-column main article header .meta{
	margin:10px 0 15px;
}
body.single-column main article header .meta .add_favorite > .js_column_add_favorite{
	border:1px solid #9fa0a0;
	padding:2px 6px;
}
body.single-column main article header .meta .add_favorite > .js_column_add_favorite i{
	border:none;
	padding-bottom:2px;
}
body.single-column main article header .meta .add_favorite > .js_column_add_favorite:after{
	content:'お気に入り登録';
	vertical-align:middle;
	margin-left:.4em;
}
body.single-column main article header .meta .add_favorite > .js_column_add_favorite:hover{
	opacity:0.8;
}
body.single-column main article header .meta .add_favorite > .js_column_add_favorite .popup{
	display:none;
}

body.single-column main article .pagenavi{
	border:1px solid #b5b5b6;
	background:#fafafa;
	padding:15px 20px;
	margin:40px 0;
	counter-reset:pagenavi 0;
	width:454px;
	max-width:100%;
}
body.single-column main article .pagenavi .title{
	text-align:center;
	font-weight:bold;
	margin-bottom:20px;
}
body.single-column main article .pagenavi .title a{
	font-size:14px;
	font-weight:normal;
}
body.single-column main article .pagenavi ul > li{
	list-style:none;
	font-size:14px;
	margin:10px 0;
}
body.single-column main article .pagenavi ul > li > a{
	padding-left:25px;
	position:relative;
	display:inline-block;
}
body.single-column main article .pagenavi ul > li > a:before{
	counter-increment:pagenavi 1;
	content:counter(pagenavi) ".";
	display:inline;
	position:absolute;
	margin-left:-20px;
}

body.single-column main .pagination{
	margin:30px 0 40px !important;
}
body.single-column main .column_plus{
	border:4px solid #00b1eb;
	background:#f5fbfa;
	padding:10px 15px;
	font-size:14px;
}
body.single-column main .column_plus .summary{
	text-align:center;
	border-bottom:1px solid #00b1eb;
	padding-bottom:10px;
	margin-bottom:15px;
}
body.single-column main .column_plus .summary .percent{
	color:#e66799;
	font-size:16px;
	font-weight:bold;
}
body.single-column main .column_plus .plus_point{
	margin-bottom:15px;
}
body.single-column main .column_plus .plus_point .ajax_column_plus{
	background:#b5b6b6;
	line-height:34px;
	border-radius:17px;
	display:inline-block;
	width:180px;
	text-align:center;
	color:#fff;
}
body.single-column main .column_plus .plus_point .ajax_column_plus.good{
	background:#e66799;
}
body.single-column main .column_plus .plus_point .ajax_column_plus:hover{
	text-decoration:none;
	opacity:0.8;
}

body.single-column main article .after_content{
	border-top:1px solid #c9caca;
	margin-top:30px;
	padding:20px 0 0;
}
body.single-column main article .after_content > .meta > *{
	margin-bottom:10px;
}
body.single-column main article .after_content > .meta > .nation .nation_name{
	display:inline-block;
	border:1px solid #96a5ad;
}
body.single-column main article .after_content > .meta > .tags a{
	display:inline-block;
	background:#96a5ad;
	color:#fff;
	padding:0 10px;
    border-radius: 2px;
	margin-right:10px;
	margin-bottom:2px;
}
body.single-column main article .writer_profile{
	margin:20px 0;
	border:1px solid #3e3a39;
	border-top:3px solid #0099e2;
}
body.single-column main article .writer_profile > .profile
{
	background:#f4f6fb;
	padding:20px;
}
body.single-column main article .writer_profile > .profile > .title{
	font-size:18px;
	font-weight:bold;
	color:#0099e2;
	border-bottom:2px solid #0099e2;
	margin-bottom:20px;
}
body.single-column main article .writer_profile > .profile > .body{
	display:table;
	width:100%;
	table-layout:fixed;
}
body.single-column main article .writer_profile > .profile > .body > *{
	display:table-cell;
	vertical-align:top;
}
body.single-column main article .writer_profile > .profile > .body > .photo{
	width:120px;
	padding-right:20px;
}
body.single-column main article .writer_profile > .profile > .body .thumbnail img{
	vertical-align:bottom;
	border:1px solid #ccc;
}
body.single-column main article .writer_profile > .profile .company{font-size:14px; color:#727171;}
body.single-column main article .writer_profile > .profile .name{
	font-size:21px; font-weight:bold;
	border-bottom:1px solid #727171;
	padding-bottom:4px;
	margin-bottom:10px;
}
body.single-column main article .writer_profile > .profile .name .name_en{font-size:16px;}
body.single-column main article .writer_profile > .profile .comment{font-size:13px; color:#727171;}

body.single-column main article .writer_profile > .entries{
	padding:20px;
}
body.single-column main article .writer_profile > .entries > .title{
	border-left:6px solid #0099e2;
	padding-left:9px;
	font-size:16px;
	color:#221815;
	font-weight:bold;
	margin-bottom:10px;
}
body.single-column main article .writer_profile > .entries > .title:before{
	content:'NEW POST';
	color:#0099e2;
	font-size:18px;
	margin-right:10px;
}
body.single-column main article .writer_profile > .entries ul{
	display:flex;
	flex-flow: row wrap;
}
body.single-column main article .writer_profile > .entries ul > li{
	flex:0 0 152px;
	font-size:12px;
	margin-right:25px;
	margin-bottom:25px;
}
body.single-column main article .writer_profile > .entries ul > li:nth-of-type(4){
	margin-right:0;
}
body.single-column main article .writer_profile > .entries ul > li a{
	color:#333;
}
body.single-column main article .writer_profile > .entries ul > li .meta{
	margin:0;
}
body.single-column main article .writer_profile > .entries ul > li .meta .category_name{
	background:none;
	padding:0;
	text-decoration:underline;
	color:#727171;
	font-size:12px;
}

body.single-column main .recommend_entries{
	padding:20px;
	border:1px solid #3e3a39;
	border-top-width:3px;
}
body.single-column main .recommend_entries > .title{
	border-left:6px solid #0099e2;
	padding-left:9px;
	font-size:16px;
	color:#221815;
	font-weight:bold;
	margin-bottom:10px;
}
body.single-column main .recommend_entries > .title:before{
	content:'RECOMMEND';
	color:#0099e2;
	font-size:18px;
	margin-right:10px;
}
body.single-column main .recommend_entries > .entries ul{
	display:flex;
	flex-flow: row wrap;
}
body.single-column main .recommend_entries > .entries ul > li{
	flex:0 0 152px;
	font-size:12px;
	margin-right:25px;
	margin-bottom:25px;
}
body.single-column main .recommend_entries > .entries ul > li:nth-of-type(4n){
	margin-right:0;
}
body.single-column main .recommend_entries > .entries ul > li a{
	color:#333;
}
body.single-column main .recommend_entries > .entries ul > li .meta{
	margin:0;
}
body.single-column main .recommend_entries > .entries ul > li .meta .category_name{
	background:none;
	padding:0;
	text-decoration:underline;
	color:#727171;
	font-size:12px;
}


/* writer */
.single_writer_profile{
	padding:20px;
	border:4px solid #5abde8;
	background:#f7f8f8;
	margin-bottom:40px;
}
.single_writer_profile .body{
	display:table;
	width:100%;
	table-layout:fixed;
	margin-bottom:20px;
}
.single_writer_profile .body > *{
	display:table-cell;
	vertical-align:top;
}
.single_writer_profile .body > .photo{
	width:120px;
	padding-right:20px;
}
.single_writer_profile .body .thumbnail > img{
	vertical-align:bottom;
	border:1px solid #ccc;
}

.single_writer_profile .company{font-size:19px; color:#3e3a39;}
.single_writer_profile .summary{font-size:16px; color:#666666;}
.single_writer_profile .name{
	font-size:24px; font-weight:bold;
	padding-bottom:4px;
	margin:6px 0;
}
.single_writer_profile .name .name_en{font-size:20px;}
.single_writer_profile .comment{
	border-top:1px solid #3e3a39;
	font-size:16px; color:#3e3a39;
}
.single_writer_profile .comment > .title{
	margin:20px 0 10px;
}
.single_writer_profile .comment > .title > span{
	display:inline-block;
	height:32px;
	border-radius:16px;
	background:#00a0e9;
	color:#fff;
	font-size:17px;
	line-height:20px;
	padding:6px 20px;
}

/* writers */
body.column-writers .writer_profile{
	padding:20px;
	border:1px solid #9fa0a0;
	border-top:3px solid #009cdb;
	background:#f7f8f8;
	margin-bottom:20px;
}
body.column-writers .writer_profile .names{
	font-size:18px;
	color:#333333;
}
body.column-writers .writer_profile .name .name_jp{
	font-size:28px;
	font-weight:bold;
	color:#221815;
}
body.column-writers .writer_profile .name .name_en{
}
body.column-writers .writer_profile .name .company{
}
body.column-writers .writer_profile .summary{
	font-size:18px;
	color:#666666;
	margin-bottom:20px;
}

body.column-writers .writer_profile .names > span + span:before
,body.column-writers .writer_profile .summary > span + span:before
{
	content:'/';
	margin:0 .4em 0 0;
}
body.column-writers .writer_profile .body{
	display:table;
	width:100%;
	table-layout:fixed;
}
body.column-writers .writer_profile .body > *{
	display:table-cell;
	vertical-align:top;
}
body.column-writers .writer_profile .body > .photo{
	width:120px;
	padding-right:20px;
}
body.column-writers .writer_profile .body > .photo img{
	border:1px solid #009cdb;
}
body.column-writers .writer_profile .body > .entries ul{
	border-top:1px solid #999;
	margin-bottom:20px;
}
body.column-writers .writer_profile .body > .entries li{
	border-bottom:1px solid #999;
	font-size:12px;
	color:#666;
	padding:10px 0;
}
body.column-writers .writer_profile .body > .entries li .title{
	color:#006699;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
body.column-writers .writer_profile .body > .entries li .category_name{
	background:#ccc;
	color:#666;
	padding:0 10px;
	margin-right:1em;
}
body.column-writers .round-button{
	background:#b5b6b6;
	color:#fff;
	font-weight:normal;
}

/* login */
body.column-login .block-login-normal .round-button{
	background:#00a0e9;
	color:#fff;
	font-size:23px;
}
body.column-login .block-login-regist .round-button{
	background:#ea5b86;
	color:#fff;
	font-size:23px;
}
body.column-login .column-account-form{
	margin:0 0 40px;
	padding:0 10px;
}
body.column-login main .title{
	border:none;
	border-bottom:2px solid #bfc0c0;
	font-size:20px;
	font-weight:bold;
	padding:20px 0;
	margin:0 0 25px 0;
	text-align:center;
}
body.column-login .column-account-form .block-login-normal{
	border-spacing:30px;
	border-collapse:separate;
	margin-bottom:0;
}
body.column-login .column-account-form .block-login-normal .alert-danger{
	display:inline-block;
}
body.column-login .column-account-form .block-login-normal > .cell{
	border-top:3px solid #00a0e9;
	background:#f0efef;
	padding:0 30px 20px;
}
body.column-login .column-account-form .block-login-regist{
	border-top:3px solid #ea5b86;
	background:#f0efef;
	margin:0 30px;
	padding:0 30px 40px;
}
body.column-login .column-account-form .block-login-regist .title{
	margin-bottom:40px;
}

/* ranking */
body.column-ranking main .ranking-tab{
	margin-bottom:15px;
}
body.column-ranking main .ranking-tab > ul{
	display:flex;
}
body.column-ranking main .ranking-tab > ul > li{
	flex:1 1 auto;
	padding-left:4px;
}
body.column-ranking main .ranking-tab > ul > li.active {
	order:-1;
}
body.column-ranking main .ranking-tab > ul > li.active{
	padding-left:0;
}
body.column-ranking main .ranking-tab > ul > li > *{
	display:block;
	background:#efefef;
	line-height:26px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#221815;
	position:relative;
	text-decoration:none;
}
body.column-ranking main .ranking-tab > ul > li.active > *:before{
	content:'';
	position:absolute; width:0; height:0;
	right:-14px;
	top:0;
	border-bottom: 26px solid #fff;
	border-left:0 solid transparent;
	border-right: 10px solid transparent;
	z-index:2;
}
body.column-ranking main .ranking-tab > ul > li.active > *:after{
	content:'';
	position:absolute; width:0; height:0;
	right:-10px;
	top:0;
	border-bottom: 26px solid #efefef;
	border-left:0 solid transparent;
	border-right: 10px solid transparent;
	z-index:3;
}
body.column-ranking main .ranking-tab > ul > li.special.active > *:after,
body.column-ranking main .ranking-tab > ul > li.special:hover > *:after
{
	border-bottom-color:#00b7ee;
}
body.column-ranking main .ranking-tab > ul > li.special.active > *,
body.column-ranking main .ranking-tab > ul > li.special:hover > *
{
	background:#00b7ee;
	color:#fff;
}
body.column-ranking main .ranking-tab > ul > li.weekly.active > *:after
{
	border-bottom-color:#846fb0;
}
body.column-ranking main .ranking-tab > ul > li.weekly.active > *,
body.column-ranking main .ranking-tab > ul > li.weekly:hover > *
{
	background:#846fb0;
	color:#fff;
}
body.column-ranking main .ranking-tab > ul > li.monthly.active > *:after
{
	border-bottom-color:#0075c2;
}
body.column-ranking main .ranking-tab > ul > li.monthly.active > *,
body.column-ranking main .ranking-tab > ul > li.monthly:hover > *
{
	background:#0075c2;
	color:#fff;
}
body.column-ranking main .ranking-tab > ul > li.yearly.active > *:after
{
	border-bottom-color:#004299;
}
body.column-ranking main .ranking-tab > ul > li.yearly.active > *,
body.column-ranking main .ranking-tab > ul > li.yearly:hover > *
{
	background:#004299;
	color:#fff;
}

body.column-ranking main .result article .photo{
	position:relative;
}
body.column-ranking main .result article .photo a:before{
	counter-increment: rank;
	content: counter(rank) ' 位';
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	padding:6px 8px 5px;
	font-size:11px;
	line-height:1;
	color:#fff;
	background:rgba(51,51,51,0.7);
	z-index:2;
	white-space:nowrap;
}
body.column-ranking main.page-1 .result article .photo a:before{
	content: counter(rank) '位';
	background-color:inherit;
	background-image:url( ../imgs/rank4.png );
	background-repeat:no-repeat;
	box-sizing:border-box;
	width:43px;
	height:50px;
	top:-7px;
	left:0;
	padding:13px 0 0 1px;
	font-size:11px;
}
body.column-ranking main.page-1 .result article:nth-of-type(1) .photo a:before{
	background-image:url( ../imgs/rank1.png );
	left:-2px;
	top:-15px;
	width:54px;
	height:67px;
	padding:23px 0 0 5px;
	font-size:14px;
}
body.column-ranking main.page-1 .result article:nth-of-type(2) .photo a:before{
	background-image:url( ../imgs/rank2.png );
	left:0;
	top:-13px;
	width:52px;
	height:65px;
	padding:21px 0 0 4px;
	font-size:14px;
}
body.column-ranking main.page-1 .result article:nth-of-type(3) .photo a:before{
	background-image:url( ../imgs/rank3.png );
	left:-1px;
	top:-14px;
	width:53px;
	height:66px;
	padding:22px 0 0 4px;
	font-size:14px;
}

/* speech */
.column-speech{
	display:flex;
	align-items:flex-start;
}
.column-speech > *{
}
.column-speech > .column-speech-char{
	flex:0 0 auto;
	max-width:100px !important;
	text-align:center;
}
.column-speech > .column-speech-char .column-speech-char-name{
	font-weight:normal;
}
.column-speech > .column-speech-comment{
	flex:1 1 auto;
	margin:0 0 0 20px;
}
.column-speech.position-right > .column-speech-comment{
	order:-1;
	margin:0 20px 0 0;
	text-align:right;
}
.column-speech > .column-speech-comment > div.bubble{
	display:inline-block;
	padding:10px 15px;
	position:relative;
	border:1px solid #ccc;
	background:#fff;
	border-radius:6px;
	text-align:left;
}
.column-speech > .column-speech-comment > div.bubble:before{
	content:'';
	position:absolute; width:0; height:0;
	top:50%; margin-top:-10px; left:-16px;
	border-right: 16px solid #ccc;
	border-top:10px solid transparent !important;
	border-bottom: 10px solid transparent !important;
	background:none !important;
}
.column-speech > .column-speech-comment > div.bubble:after{
	content:'';
	z-index:10;
	position:absolute; width:0; height:0;
	top:50%; margin-top:-10px; left:-14px;
	border-right: 16px solid #fff;
	border-top:10px solid transparent !important;
	border-bottom: 10px solid transparent !important;
	background:none !important;
}
.column-speech.position-right > .column-speech-comment > div.bubble:before{
	left:inherit;
	right:-16px;
	border-right:none;
	border-left: 16px solid #ccc;
}
.column-speech.position-right > .column-speech-comment > div.bubble:after{
	left:inherit;
	right:-14px;
	border-right:none;
	border-left: 16px solid #fff;
}

.column-speech[class*="bgcolor-"] > .column-speech-comment > div.bubble{
	border:none;
}
.column-speech[class*="bgcolor-"] > .column-speech-comment > div.bubble:after{
	display:none;
}
.column-speech.bgcolor-blue > .column-speech-comment > div.bubble
,.column-speech.bgcolor-blue > .column-speech-comment > div.bubble:before
{
	border-color:rgba(0,153,204,0.2);
	background:rgba(0,153,204,0.2);
}
.column-speech.bgcolor-gray > .column-speech-comment > div.bubble
,.column-speech.bgcolor-gray > .column-speech-comment > div.bubble:before
{
	border-color:rgba(102,102,102,0.1);
	background:rgba(102,102,102,0.1);
}
.column-speech.bgcolor-pink > .column-speech-comment > div.bubble
,.column-speech.bgcolor-pink > .column-speech-comment > div.bubble:before
{
	border-color:rgba(255,153,204,0.3);
	background:rgba(255,153,204,0.3);
}
.column-speech.bgcolor-yellow > .column-speech-comment > div.bubble
,.column-speech.bgcolor-yellow > .column-speech-comment > div.bubble:before
{
	border-color:rgba(255,255,0,0.3);
	background:rgba(255,255,0,0.3);
}
.column-speech.bgcolor-brightred > .column-speech-comment > div.bubble
,.column-speech.bgcolor-brightred > .column-speech-comment > div.bubble:before
{
	border-color:rgba(255,0,0,0.2);
	background:rgba(255,0,0,0.2);
}
.column-speech.bgcolor-orange > .column-speech-comment > div.bubble
,.column-speech.bgcolor-orange > .column-speech-comment > div.bubble:before
{
	border-color:rgba(255,153,0,0.3);
	background:rgba(255,153,0,0.3);
}
.column-speech.bgcolor-green > .column-speech-comment > div.bubble
,.column-speech.bgcolor-green > .column-speech-comment > div.bubble:before
{
	border-color:rgba(0,153,0,0.2);
	background:rgba(0,153,0,0.2);
}
.column-speech.bgcolor-purple > .column-speech-comment > div.bubble
,.column-speech.bgcolor-purple > .column-speech-comment > div.bubble:before
{
	border-color:rgba(204,102,204,0.2);
	background:rgba(204,102,204,0.2);
}
.column-speech.bgcolor-navyblue > .column-speech-comment > div.bubble
,.column-speech.bgcolor-navyblue > .column-speech-comment > div.bubble:before
{
	border-color:rgba(0,0,153,0.3);
	background:rgba(0,0,153,0.3);
}

.mod_sitebanner_column_single{
	margin:1em 0;
}