@charset "utf-8";
/* CSS Document */

/*parts START*/
.openDate,
.articleCount{
	margin:0;
	padding:5px 0;
	color:#9fa0a0;
	font-size:0.9em;
	text-align:right;
}

.openDate .date::before{
    content:"\e907";
    padding-right:0.3em;
    font-family:"lvn";
}

.articleCount .articles{
	padding:0 0 0 20px;
	background:url(/magazine/images/iconUpdate.png) left no-repeat;
	background-size:15px;
}
.profile{
	display:block;
	margin:0;
	padding:0;
}

.profile a{
	padding:0 1.0em 0 0;
	font-size:13px;
	font-weight: bold;
	color:#181818;
	text-decoration:none;
    
}

.profile a:hover{
	color:#a9a9a9;
}

#sideBar .profile a {
	font-size: 10.5px;
}

.profilePhoto{
	background-color:#fff;
	font-size:0.7em;
}

.profile > li a:hover{
	color:#a9a9a9;
}

.genreJobList{

}

.genreJobList li{
	display:inline-block;
	margin:0;
	padding:5px 5px 0 0;
	list-style:none;
}

a.genreJob{
	box-sizing:border-box;
	display:inline-block;
	padding:0 10px;
	color:#1f5eea;
	font-size:0.7em;
	font-weight:bold;
	line-height:24px;
	text-decoration:none;
	background-color:#ffffff;
	border:1px solid #1f5eea;
	border-radius:3px;
}

.genreJobList.job a.genreJob{
	color:#05a674;
	border:1px solid #05a674;
}

a.genreJob:hover{
	color:#ffffff;
	background-color:#1f5eea;
}

.genreJobList.job a.genreJob:hover{
	color:#ffffff;
	background-color:#05a674;
}

.topText{
	margin:0;
	padding:0;
}

.fb_iframe_widget{
	min-width:3.0em;
	height:20px !important;
	margin:0;
	padding:0;
	background-color:#dcdcdc;
	text-align:center;
	border-radius:3px;
}

#___plusone_0{/*G+のボタンの右の隙間をなくす*/
	width:40px !important;
}

.navMenuList{
	display:none;
}

.favButton{
	display:block;
	margin:0;
	padding:0;
	text-align: right;
}

.favButton a{
	display:inline-block;
	width:38px;
	margin:0;
	padding:0 5px;
	background:top center no-repeat;
	cursor:pointer;
}

.favButton a img{
	box-sizing:border-box;
	width:100%;
	background:#ffffff top center no-repeat;
	-moz-background-size:100%;
	-ms-background-size:100%;
	-webkit-background-size:100%;
	background-size:100%;
}

.favButton a img:hover{
	box-shadow:0 40px 0 0 rgba(0,0,0,0.03) inset;
}

.favButton a.favorite img{
	background-image:url(/magazine/images/likeOff.png);
}

.favButton a.follow img{
	background-image:url(/magazine/images/followOff.png);
}

.favButton a.on.favorite img{
	background-image:url(/magazine/images/likeOn.png);
}

.favButton a.on.follow img{
	background-image:url(/magazine/images/followOn.png);
}

.count{
	clear:both;
	margin:10px 0 0;
	padding:0;
	color:#9fa0a0;
	font-size:0.9em;
	text-align:right;
}

.count .view{
	margin:0;
	padding:0 10px 0 20px;
	background:url(/magazine/images/iconView.png) left no-repeat;
	background-size:15px;
	display: none;
}

.count .like{
	margin:0;
	background-size:15px;
}
.count .like::before{
    content:"\02665";
    padding-right:0.1em;
    color:#ff0000;
}
.count .follower,
.count .article{
	margin:0 10px 5px 0;
}
.count .follower::before{
    content:"\e971";
    padding-right:0.3em;
    font-family:"lvn";
}
.count .article::before{
    content:"\e907";
    padding-right:0.3em;
    font-family:"lvn";
}

.linkList{
	margin:0;
	padding:15px 0 0 0;
	text-align:center;
}

.linkList a{
	padding:5px 0;
	font-size:16px;
	color:#181818;
	font-weight:bold;
	text-decoration:none;
}
.linkList a::before{
    content:"\e90c";
    padding-right:0.2em;
    color:#d6051b;
    font-family:"lvn";
}
.linkList a:hover{
	color:#a9a9a9;
}

a.linkGenre{
	box-sizing:border-box;
	display:block;
	width:200px;
	height:40px;
	margin:0 auto;
	padding:0;
	color:#15274d;
	text-decoration:none;
	line-height:38px;
	border:1px solid #15274d;
}

a.linkGenre:hover{
	color:#ffffff;
	background-color:#15274d;
}

.textLink{
	clear:both;
	display:block;
	margin:0;
	padding:10px 10px 30px 10px;
	text-align:right;
}

.articleAttention{
	margin:20px 0 40px 0;
	padding:15px;
	border:1px solid #dcdcdc;
	font-size:0.9em;
}
/*parts END*/


/*header START*/
.breadcrumb{
	clear:both;
	display:block;
	margin:0;
	padding:0;
	text-align: left;
}

.breadcrumb li{
	margin:0;
	padding:3px 0;
	list-style:none;
	float:left;
}

.breadcrumb li a::after{
	content:">";
	margin:0;
	padding:0 10px;
    color:#181818;
}

.breadcrumb li:last-child a{
	white-space:nowrap;
}
.breadcrumb li:last-child a::after{
    display:none;
}

/*.breadcrumb li a{
	color:#ffffff;
}*/

.breadcrumb li a:hover{
	color:#97b5dd;
}
/*header END*/

/*sideBar START*/
.sideTitle{
	margin:0;
	padding:10px 5px 10px 0;
	color:#ffffff;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	background-color:#15274d;
	border:1px solid #dcdcdc;
	border-bottom:none;
}

.sideTitle:before{
	content:"";
	display:inline-block;
	width:50px;
	height:24px;
	vertical-align:middle;
}

.columnCount.sideTitle:before{
	background:url(/magazine/images/iconArticle.png) center top no-repeat;
	-moz-background-size:auto 100%;
	background-size:auto 100%;
}

.columnRanking.sideTitle::before{
    content:"\e910";
    color:#ffffff;
    font-family:"lvn";
    font-size:1.2em;
    line-height:1.0;
    vertical-align:top;
}

.columnRecommend.sideTitle:before{
	background:url(/magazine/images/iconColumn.png) center top no-repeat;
	-moz-background-size:auto 100%;
	background-size:auto 100%;
}

.columnPopular.sideTitle:before{
	background:url(/magazine/images/iconColumnist.png) center top no-repeat;
	-moz-background-size:auto 100%;
	background-size:auto 100%;
}
.pcSidebar .opt70:hover{
    opacity:0.7;
}

.pcSidebar .bannerA1{
    display:block;
    min-height:100px;
    background:url("/rp/common/images/loads.gif") center no-repeat;
}
.pcSidebar .bannerB1,
.pcSidebar .bannerB2,
.pcSidebar .bannerB3,
.pcSidebar .bannerB4{
    box-sizing:content-box;
    display:block;
    padding:37.5% 0 0 0;
    background:url("/rp/common/images/loads.gif") center no-repeat;
}
.pcSidebar .bannerB1{
    padding:30% 0 0 0;
}
.pcSidebar .bannerB1.lazyloaded{
    background:url("/magazine/images/bannerColumnistall.jpg") center no-repeat;
    background-size:contain;
}
.pcSidebar .bannerB2.lazyloaded{
    background:url("/magazine/images/bannerMeikai.jpg") center no-repeat;
    background-size:contain;
}
.pcSidebar .bannerB3.lazyloaded{
    background: url("/magazine/images/bannerApalog.jpg") center no-repeat;
    background-size:contain;
}
.pcSidebar .bannerB4.lazyloaded{
    background: url("/magazine/images/bannerBaibai.jpg") center no-repeat;
    background-size:contain;
}

.pcSidebar .sideContent{
	margin:0 0 30px 0;
	padding:20px;
	text-align:center;
	border:1px solid #dcdcdc;
}
.pcSidebar .sideContent .bannerC1{
    box-sizing:content-box;
    display:block;
    padding:94.24% 0 0 0;
    background:url("/rp/common/images/loads.gif") center no-repeat;
}
.pcSidebar .sideContent .bannerC1.lazyloaded{
    background: url("/magazine/images/landBanner.jpg") center no-repeat;
    background-size:contain;
}
.pcSidebar .sideContent.adColumn  ul.lazyload li{
    height:134px;
    background:url("/rp/common/images/loads.gif") center no-repeat;
}
.pcSidebar .sideContent.adColumn  ul.lazyload li a{
    display:none;
}
#sideBar .columnRecommend + div {
	padding:0 20px 20px;
}
.sideContent.adBanner img,
.sideContent.adColumn img{
	max-width:100%;
}
.sideContent.adBanner a,
.sideContent.adColumn a{
	display:block;
	padding:5px 0;
}
.sideContent.adBanner a:hover,
.sideContent.adColumn a:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
}
.sideContent.adBanner li,
.sideContent.adColumn li{
	list-style:none;
}
.sideContent.adColumn li{
    padding:5px 0;
}
.sideContent.adBanner,
.sideContent.adColumn{
	padding-top:20px;
}
.adBanner .pr{
	display:none;
}
.sideContent .columnnist {

}
.sideContent.columnCount{
	font-size:1.8em;
	padding: 20px;
}

.sideContent.columnRankingFrame{
	padding-top:0;
}

a.sellTopLink{
    box-sizing:border-box;
    display:block;
    margin:0 auto 20px auto;
    padding:12px 20px;
    color:#15274d;
    font-size:20px;
    font-weight:bold;
    line-height:24px;
    background-color:#ffffff;
    border:1px solid #15274d;
    border-radius:50px;
}
.sellTopLink::after{
    content:"\ea3c";
    display:block;
    width:24px;
    height:24px;
    margin:0 0 0 10px;
    color:#ffffff;
    font-family:lvn;
    font-size:16px;
    line-height:24px;
    text-align:center;
    vertical-align:middle;
    background-color:#15274d;
    border-radius:50%;
    float:right;
}
a.sellTopLink:hover{
    background-color:#f1f1f1;
    box-shadow:2px 2px 0 0 #d1d1d1;
}

/* 記事広告 */
.sideContent.adColumn a{
    display:block;
	margin:0 18px 0;
	padding: 4px;
	width: 302px;
	height: 102px;
	overflow: hidden;
	background: #fff;
	font-size: 15px;
	text-align: left;
	color: #181818;
}

.sideContent.adColumn a{
	padding: 10px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #dcdcdc;
	position: relative;
}

.sideContent.adColumn  ul li a:hover .adTitle,
.sideContent.adColumn  ul li a:hover .adNickname{
	color: #a9a9a9;
}
.sideContent.adColumn a .adNickname {
	font-weight: normal;
	font-size: 10.5px;
	position: absolute;
	width: 17em;
	left: 126px;
	bottom:10px;
}

.clientBanner.pdsp div img,
.sideContent.adColumn a img {
	float: left;
	margin : 0 12px 0 0;
	width: 102px;
	height: 102px;
	background-color: #f1f1f1;
}
.clientBanner.pdsp div img.lazyload,
.sideContent.adColumn a img.lazyload{
    background:url("/rp/common/images/loads.gif") center no-repeat;
}

.sideContent.adColumn a img.lazyload{
    background:url("/rp/common/images/loads.gif") center no-repeat;
}

/* 記事広告 ここまで */
.columnTab{
	display:block;
	margin:0;
	padding:0;
}

.columnTab li{
	box-sizing:border-box;
	display:block;
	width:33.333333%;
	height:40px;
	margin:0;
	padding:0;
	text-align:center;
	line-height:40px;
	background-color:#ececec;
	border:1px solid #dcdcdc;
	border-top:none;
	cursor:pointer;
	float:left;
}

.columnTab li:hover{
	background-color:#e1e1e1;
}

.columnTab li.on{
	background-color:#ffffff;
	border-bottom:none;
}

.columnTab li h4{
	display:inline;
	padding:0;
}

.columnsList{
	display:block;
	margin:0;
	padding:0;
}

.columnsList.rank{
	display:none;
	z-index:20;
}

.columnsList.daily{ /* デフォルトで表示するランキング */
	display:block;
}

.columnsList > li{
	margin:0;
	padding:20px;
	text-align:left;
	list-style:none;
	border-bottom:1px solid #dcdcdc;
}

.columnsList.rank > li{
	position:relative;
	border:1px solid #dcdcdc;
	border-top:none;
}
.columnsList.rank.lazyload > li{
    min-height:121px;
    background:url("/rp/common/images/loads.gif") center no-repeat;
}

.columnsList.rank > li.button{
	padding:0;
	text-align:center;
	border:none;
}

.columnsList.rank > li .rankMark{
	position:absolute;
	top:25px;
	left:20px;
	height:20px;
	margin:0;
	padding:0 5px;
	color:#ffffff;
	line-height:20px;
	text-align:left;
	background-color:#5e4046;
	z-index:10;
}

.columnsList.rank > li .rankMark:after{
	content:"";
	position:absolute;
	left:18px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	border:10px solid #5e4046;
	border-right:10px solid rgba(255,255,255,0);
	-moz-transform:scale(0.5,1.0);
	-ms-transform:scale(0.5,1.0);
	-webkit-transform:scale(0.5,1.0);
	transform:scale(0.5,1.0);
	z-index:5;
}

.columnsList.rank > li:nth-child(-n + 9) .rankMark:after{
	left:10px;
}

.columnsList.rank > li:nth-child(1) .rankMark{
	background-color:#e9b827;
}

.columnsList.rank > li:nth-child(1) .rankMark:after{
	border:10px solid #e9b827;
	border-right:10px solid rgba(255,255,255,0);
}

.columnsList.rank > li:nth-child(2) .rankMark{
	background-color:#adadad;
}

.columnsList.rank > li:nth-child(2) .rankMark:after{
	border:10px solid #adadad;
	border-right:10px solid rgba(255,255,255,0);
}

.columnsList.rank > li:nth-child(3) .rankMark{
	background-color:#c58043;
}

.columnsList.rank > li:nth-child(3) .rankMark:after{
	border:10px solid #c58043;
	border-right:10px solid rgba(255,255,255,0);
}

.columnsList li .profilePhoto{
	margin:0;
	padding:0;
	width:80px;
	height:80px;
	float:left;
}
.columnsList li .profilePhoto.lazyload{
    background:url("/rp/common/images/loads.gif") center no-repeat;
}
.columnsList .artcleTitle{
	margin:0 0 0 90px;
	padding:0;
	font-size:14px;
	font-weight:bold;
}

.columnsList .profile{
	margin:0 0 0 90px;
	padding:0;
}

#sideBar .count{
	padding:0;
}

#sideBar .columnsList .artcleTitle{
	height:4.2em;
	overflow:hidden;
}

#sideBar .columnsList.columnnist .count{
	clear:none;
}

.sideBanner{
	display:block;
	margin:0 auto 20px auto;
	padding:0;
	text-align:center;
}

.sideBanner:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
}
/*sideBar END*/

/*footer START*/
.footMenu{
	box-sizing:border-box;
	display:block;
	width:23%;
	margin:0;
	padding:0 0 40px 0;
	font-size:13px;
	float:left;
}

.footMenu dt,
.footMenu dd{
	display:block;
	margin:0;
	padding:5px 0;
}

.footMenu a{
	display:block;
	margin:0;
	padding:0;
	color:#ffffff;
	text-decoration:none;
}

.footMenu dt{
	font-weight:bold;
}

.footMenu a:before{
	content:"▼";
	display:inline-block;
	margin:0 2px 0 0;
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
}

.footMenu a.formLink{
	font-weight:bold;
}

.footMenu a.formLink:before{
	content:"";
	margin:0 0 0 0;
}

.footMenu a:hover{
	color:#97b5dd;
}

.sectionFacebook{
	margin:0;
	padding:0;
	float:right;
}

#footer .link a{
	color:#ffffff;
	text-decoration:none;
}

#footer .link a:hover{
	color:#97b5dd;
}

.footerCopy{
	display:block;
	padding:10px 0 0 0;
}

.sectionFacebook{
	box-sizing:border-box;
	margin:0 auto;
	float:none;
}
/*footer END*/

/*pageTopButton START*/
#goTop{
	position:fixed;
	bottom:0;
	width:100%;
	height:0;
	margin:0 auto;
	padding:0;
	text-align:center;
	z-index: 100;
}

#goTop .mainGoTopWidth{
	position:relative;
	margin:0 auto;
	max-width:1280px;
	width:100%;
}

#goTop .goTopButton{
	box-sizing:border-box;
	position:absolute;
	bottom:30px;
	right:0;
	display:block;
	width:55px;
	height:55px;
	margin:0;
	padding:0;
    color:#15274d;
    font-family:"lvn";
    font-size:30px;
    line-height:53px;
	text-align:center;
	background-color:#ffffff;
	border:1px solid #15274d;
	border-radius:50%;
	cursor:pointer;
}

#goTop .goTopButton:hover{
	background-color:#f0f0f1;
}
/*pageTopButton END*/


/*officialContent START*/
#officialContent{
	margin:0;
	padding:20px 0 20px 0;
	background-color:#eaf0ef;
}

.official{
	box-sizing:border-box;
	display:none;
	width:33.33333%;
	margin:0;
	padding:0 10px;
	float:left;
}

.official.show{
	display:block;
}

.topOfficial{
	box-sizing:border-box;
	height:360px;
	margin:0;
	padding:20px;
	background-color:#ffffff;
}

.topOfficial span {
	text-align: right;

}
.topOfficial span a:link {
	font-size:13px;
	line-height: 1;
	text-align: right;
	float: right;
	
}

.officialProfile{
	width:120px;
	margin:0;
	padding:0;
	float:left;
}

.officialProfile .profilePhoto{
	width:100%;
	margin:0 0 10px 0;
}

.officialProfile .genreJobList li{
	display:block;
}

.officialProfile .genreJob{
	margin:0 0 2px 0;
}

.topOfficial .artcleTitle{
	height:5.6em;
	margin:0 0 10px 140px;
	padding:0;
	overflow:hidden;
}

.topOfficial .profile{
	margin:0 0 5px 140px;
	padding:0;
}

.topOfficial .topText{
	min-height:130px;
	margin:0 0 0 140px;
	padding:0 0 10px 0;
}

.topOfficial .favButton{
	text-align:right;
	float:none;
}

.officialList{
	display:block;
	margin:0;
	padding:0;
}

.officialList > li{
	display:none;
	margin:0 0 12px 0;
	padding:0 0 14px 0;
	border-bottom:1px solid #dcdcdc;
}
.officialList > li.show{
	display:block;
}

.officialList > li.show.noborder{
	border-bottom:none;
	padding-bottom:0;
}

.officialList > li .profilePhoto{
	margin:0;
	padding:0;
	width:70px;
	height:70px;
	border:1px solid #dcdcdc;
	float:left;
}
.officialList > li .profilePhoto.lazyload{
    background:url("/rp/common/images/loads.gif") center no-repeat;
}

.officialList .title{
	font-size: 13px;
	margin:0 0 0 80px;
	padding:0;
	font-weight:bold;
	height: 4.2em;
}

.officialList .title a{
	color:#181818;
	text-decoration:none;
}
.officialList .title a:hover{
	color: #a9a9a9;
}


.officialList .profile a {
	font-weight: normal;
}

.officialList .profile{
	margin:0 0 0 80px;
	padding:0;
}
/*officialContent END*/

/*columnList START*/
.columnList{
	box-sizing:border-box;
	margin:0 0 20px 0;
	padding:0 20px 20px 20px;
	border-bottom:1px solid #dcdcdc;
}

.columnList .profilePhoto{
    width: 120px;
    height: 120px;
    margin: 0;
    float: left;
}

.columnList .profilePhoto.lazyload{
    background:url("/rp/common/images/loads.gif") center no-repeat;
}
/*----------------------------------------
一覧に表示されるコラムニストの写真を記事中の写真に変更 
-----------------------------------------*/
/*
.topPage .columnList .profilePhoto,
.genreListPage .columnList .profilePhoto, 
.popularaPage .columnList .profilePhoto, 
.jobColumn .columnList .profilePhoto { 
    width: 320px;
	height:180px;
	float:left;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size:contain;
}
.topPage .columnList .artcleTitle, 
.genreListPage .columnList .artcleTitle, 
.popularaPage .columnList .artcleTitle, 
.jobColumn .columnList .artcleTitle 
    {
    margin: 0 0 0 340px;
    height: auto;
    padding: 0;
	}
    
.topPage .columnList .profile,
.genreListPage .columnList .profile,
.popularaPage .columnList .profile,
.jobColumn .columnList .profile {
        margin: 0 0 0 340px;
    }

/*----------------------------------------
全コラムニスト一覧 
-----------------------------------------*/
#columnistall .columnList .profilePhoto{
	width:120px;
	height:120px;
	margin:0;
	float:left;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size:contain;
}

#columnistall #main.columnistListPage .columnList .columnLink {
    display: block;
    margin: 0 0 10px 140px;
}
#columnistall .columnList .genreJobList {
    clear: none;
    margin: 0 0 0 140px;
    padding: 0;
}
/*#columnistall #main.columnistListPage .columnList .favButton {
    margin: -30px 0 0 0;
}*/

/*----------------------------------------
記事ページ 
-----------------------------------------*/
.columnPage .columnList .profilePhoto {
/*    width: 120px;
    height: 120px;*/
}
.columnPage .columnList .artcleTitle {
    /*height: 1.4em;
    margin: 0 0 31px 140px;
    padding: 0;*/
}
.columnPage .columnList .profile {
    /*margin: 0 0 25px 140px;
    padding: 0;*/
}

.columnPage .genreJobList {
    clear: both;
    padding: 0;
}
.columnPage .columnList .favButton {
    clear: none;
    float: right;
    margin-top: -50px;
}


.columnList .artcleTitle{
	height:1.4em;
	margin:0 0 31px 140px;
	padding:0;
	/*overflow:hidden;*/
}

.columnList .profile {
	margin:0 0 25px 140px;
	padding:0;
}

.columnList .topText{
	margin:0 0 20px 340px;
	padding:0;
}

.columnList .genreJobList.l2{
	padding-top:0
}

.columnList .favButton{
	clear:none;
	float:right;
	margin-top: -50px;
}

/*.columnList .favButton.l2{
	margin-top:-50px;
}*/

.bottpmColumn{
	margin:0;
	padding:0;
}

.bottomColumn .columnList{
	width:48%;
	height:120px;
	overflow:hidden;
	float:left;
}

.bottomColumn .columnList:nth-child(2n){
	float:right;
}

.bottomColumn .columnList .profilePhoto{
	width:80px;
	height:80px;
}

.bottomColumn .columnList .artcleTitle{
	margin:0 0 0 90px;
	height:3.6em;
	font-size:15px;
	line-height:1.2;
	overflow:hidden;
}

.bottomColumn .columnList .profile{
	margin:0 0 5px 90px;
	padding:0;
}

.bottomColumn .columnList .topText{
	margin:0 0 5px 90px;
	padding:0;
}
/*columnList END*/

/*genreList START*/
.genreType{
	box-sizing:border-box;
	display:block;
	margin:0;
	padding:0;
}

.genreType li{
	box-sizing:border-box;
	margin:0;
	padding:20px 20px 40px 20px;
	text-align:center;
	border-bottom:1px solid #dcdcdc;
	list-style:none;
}

.genreType h2{
	display:block;
	margin:10px 0 10px 80px;
	padding:0;
	color:#15274d;
	font-size:18px;
	font-weight:bold;
	text-align:left;
}

.genreType h2 a{
	color:#15274d;
}

.genreType h2 a:hover{
	color:#97b5dd;
}

.genreType h3{
	display:block;
	margin:0 0 40px 80px;
	padding:0;
	text-align:left;
}

.genreType .genreIcon{
	display:block;
	width:70px;
	margin:0;
	float:left;
}

.genreType .a.linkGenre{
	clear:both;
}
/*genreList START*/


/*pager START*/
.pageGuide{
	clear:both;
	margin:0 auto;
	padding:10px 0;
	text-align:center;
}

.allPage{
	display:block;
	margin:0;
	padding:0 0 5px 0;
}

.inline-list{
	margin:0;
	padding:10px 0;
	text-align:center;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

.inline-list li{
	display:inline-block;
	margin:0;
	padding:0 3px;
	list-style:none;
}

.inline-list a,
.inline-list .this{
	box-sizing:border-box;
	display:inline-block;
	width:40px;
	height:40px;
	margin:0;
	padding:0;
	color:#181818;
	font-size:16px;
	line-height:40px;
	text-align:center;
	text-decoration:none;
	background-color:#ffffff;
	border:1px solid #dcdcdc;
	vertical-align:middle;
}

.inline-list a:hover{
	background-color:#dcdcdc;
}

.inline-list a.arrow{
	color:#d6051b;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:34px;
}

.inline-list .this{
	color:#ffffff;
	background-color:#dcdcdc;
}

.allPage{
	margin:0;
	padding:10px 0;
	text-align:center;
}

.btn-next20 a.arrow{
	display:block;
	width:248px;
	margin:0 auto;
	color:#ffffff;
	text-align:center;
	line-height:40px;
	text-decoration:none;
	background-color:#d6051b;
	border-radius:5px;
}

.btn-next20 a.arrow:hover{
	background-color:#ee2233;
}
/*pager END*/

/*serviceList START*/
#service{
	margin:0;
	padding:40px 0;
	text-align:center;
	border-top:1px solid #dcdcdc;
}

.serviceList{
	box-sizing:border-box;
	display:block;
	width:1280px;
	margin:0 auto;
	padding:0;
	text-align:center;
}

.serviceList li{
	box-sizing:border-box;
	display:inline-block;
	width:5.85%;
	margin:0;
	padding:0;
	vertical-align:top;
}

.serviceList li a{
	display:block;
	margin:0;
	padding:0;
	color:#181818;
	font-size:11px;
	line-height:1.2;
	text-decoration:none;
}

.serviceList li a span{
	display:block;
	width:55px;
	height:55px;
	margin:0 auto 5px auto;
	padding:0;
	background:#91a4b2 center no-repeat;
	background-size:100%;
	border-radius:50%;
	-moz-transition:all 0.1s linear 0s;
	-ms-transition:all 0.1s linear 0s;
	-webkit-transition:all 0.1s linear 0s;
	transition:all 0.1s linear 0s;
}

.serviceList li a span:hover{
	background-size:120%;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

.serviceList li a.sell span.lazyloaded{
	background-image:url(/magazine/images/serviceIcon01.png);
}

.serviceList li a.kaitori span.lazyloaded{
	background-image:url(/magazine/images/serviceIcon02.png);
}

.serviceList li a.ninbai span.lazyloaded{
	background-image:url(/magazine/images/serviceIcon03.png);
}

.serviceList li a.land span.lazyloaded{
	background-image:url(/magazine/images/serviceIcon04.png);
}

.serviceList li a.pm span.lazyloaded{
	background-image:url(/magazine/images/serviceIcon05.png);
}

.serviceList li a.renovation span.lazyloaded{
	background-image:url(/magazine/images/serviceIcon10.png);
}
.serviceList li a.tyumon span.lazyloaded{
	background-image:url(/magazine/images/serviceIconOrder.png);
}
.serviceList li a.shop span.lazyloaded{
	background-image:url(/magazine/images/serviceIcon17.png);
}

.serviceList li a.shokai span.lazyloaded{
	background-image:url(/magazine/images/serviceIcon18.png);
}

.serviceList li a.recruit span.lazyloaded{
	background-image:url(/magazine/images/serviceIcon19.png);
}

.serviceList li a.baibai span.lazyloaded{
	background-image:url(/magazine/images/serviceIcon12.png);
}

.serviceList li a.userdata span.lazyloaded{
	background-image:url(/magazine/images/serviceIcon14.png);
}
/*serviceList END*/

/*mainContent 追記(20180125) START*/
.optionFrame1{
	box-sizing:border-box;
	margin:40px 10px 40px 10px;
	padding:0 20px 20px 20px;
	border:1px solid #dcdcdc;
}
.optionTitle1{
	box-sizing:border-box;
	position:relative;
	top:0;
	display:block;
	width:13.0em;
	margin:-20px 0 20px 0;
	padding:0 5px;
	font-size:20px;
	font-weight:bold;
    background-color:#ffffff;
}
.optionTitle1::before{
    content:"\e905";
    padding-right:5px;
    color:#181818;
    font-family:"lvn";
    font-size:30px;
    line-height:1.0;
}
.sideContentTitle1{
	display:block;
	margin:0 0 5px 0;
	padding:5px 0;
	font-size:16px;
	font-weight:bold;
	text-align: left;
}
.sideContentTitle1::before{
    content:"\e908";
    padding:0 5px 0 0;
    color:#15274d;
    font-family:"lvn";
    font-size:20px;
}
.sideContentText{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	text-align:left;
	border-bottom:1px dotted #dcdcdc;
}
.sideContent .sideContentText:last-child{
	margin-bottom:0;
	border-bottom:none;
}
/*mainContent 追記(20180125) END*/


/*@media screen and (min-width:769px){
}*/

/* LINE友だち追加 */
.btnfriend {
	padding: 0 10px 0 0;
	margin-bottom: 5px;
	margin-left: auto;
	width: 95px;
}

	/*  ------------------------
	イチ押しコラム 
	---------------------------*/
	.columnListTop {
		height: 101px;
		width: 100%;
		overflow: hidden;
		position: relative;
	}
    .columnListTop .btnPrev a,
    .columnListTop .btnNext a{
        position:absolute;
        top:36px;
        display:block;
        width:48px;
        height:48px;
    }
	/* 前へ矢印 */
    .columnListTop .btnPrev a{
        left:0;
	}
	/* 次へ矢印 */
    .columnListTop .btnNext a{
        right:0;
    }
    .columnListTop a span{
        display:block;
        width:25px;
        height:35px;
        margin:0;
        color:#ffffff;
        font-family:"lvn";
        font-size:20px;
        font-weight:bold;
        line-height:35px;
        text-align:center;
        vertical-align:middle;
		background: rgba(0,0,0,0.4);
    }
    .columnListTop .btnPrev a span{
        margin:0 auto 0 0;
	}
    .columnListTop .btnNext a span{
        margin:0 0 0 auto;
    }
    .columnListTop ul {
		height:105px;
		margin:0;
		padding:0;
	}

	.columnListTop ul li {
		margin: 0;
		padding: 10px 10px 0 ;
		display: inline-block;
		width: 90%;
		height: 101px;
		float: left;
	}
	/*  ------------------------
	イチ押しコラム 
	---------------------------*/

	/*  ------------------------
	clientBanner 
	---------------------------*/
	.clientBanner {
		padding: 5px 0 ;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		width: 100%;
		height: 85px;
		overflow: hidden;
	}

	.clientBanner ul {
		margin: 0;
		padding: 0;
		height: 85px;
		width: 1530px; /* バナー4個分 */
		width: 2400px; /* バナー6個分 */
	}
	.clientBanner ul li {
		list-style-type: none;
		display: block;
		width: 253px;
		height: 85px;
		float: left;
	}
	.clientBanner ul li a {
		cursor: pointer;
	}
	.clientBanner ul li img {
		width: 248px;
		height: 85px;
	}

/* 記事広告 */
.clientBanner.pdsp div {
	box-sizing: border-box;
	border: 1px solid #dcdcdc;
	margin: 0;
	padding: 5px;
	width: 248px;
	height: 85px;
	font-size: 11.5px;
	font-weight: bold;
	position: relative;
	overflow: hidden;
	background: #fff;
	text-align: left;
	color: #181818;
}

.clientBanner.pdsp div img {
	width: 72px;
	height: 72px;
}
.clientBanner.pdsp div .adNickname {
	font-weight: normal;
	font-size: 10px;
	position: absolute;
	left: 90px;
	bottom: 6px;
	width: 15em;
	
}
	/*  ------------------------
	clientBanner 
	---------------------------*/


	/*  ------------------------
	タブレット
	---------------------------*/
@media screen and (max-width:768px) and (min-width:415px){

	.adBanner ul {
		list-style: none;
	}

	.adBanner li {
		float: left;
		width:32%;
		margin-left: 1%;
		margin-top: 2px;

	}
	.adBanner li:last-child {
		margin-right: 1%;
	}

	.adBanner li img {
		width:100%;
		height:auto;
	}
}

@media screen and (max-width:768px){
    body,
    div,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    pre,
    form,
    fieldset,
    input,
    textarea,
    button,
    p,blockquote,
    th,
    td{
        box-sizing:border-box;
        font-size:16px;
    }
    body.fix{
        overflow:hidden;
    }
    a.linkHeight{
        display:block;
        padding-bottom:14px;
        padding-top:14px;
        line-height:21px;
    }
    .textLink.columnBottom{
        padding:0 10px 10px 10px;
    }
    .textLink.columnBottom a{
        display:block;
        padding:14px 0;
        line-height:21px;
        text-align:left;
    }

/*parts START*/
	.bottomColumn .columnList{
		width:100%;
		float:none;
	}

	.articleAttention{
		margin:0 10px 30px 10px;
        font-size:16px;
	}
/*parts END*/

/*header START*/
	#header .headerMenu,
	#header .headerSns,
	#header .breadcrumb,
	/*#header .snsButtons,*/
	#header .sumaistarLogo{
		display:none;
	}

	#header .mainWidth{
		position:relative;
		padding:10px 0 5px 0;
	}

	#allCount{
		margin:5px 0;
		padding:5px 10px 0 10px;
		text-align:right;
		border-top:1px solid #ffffff;
	}

	.navMenuList{
		display:block;
		box-sizing:border-box;
		text-align:center;
		overflow-y:auto;
	}
	
	.navMenuList li{
		display:block;
		margin:0;
		padding:0;
		list-style:none;
	}

	.navMenuList li.top{
		display:none;
	}

	.navMenuList li a,
	.navMenuList li div{
		display:block;
		margin:0;
		padding:10px;
		color:#181818;
        line-height:27px;
		text-decoration:none;
		background-color:#ffffff;
		border-top:1px solid #dcdcdc;
	}

	.navMenuList li a.parent:after,
	.navMenuList li div.parent:after{
		content:">";
		margin:0;
		padding:0;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		float:right;
		-moz-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		transform:rotate(90deg);
	}

	.navMenuList li a.parent.up:after,
	.navMenuList li div.parent.up:after{
		content:"<";
	}

	.navMenuList .child{
		display:none;
	}

	.navMenuList .child li a{
		clear:both;
		padding-left:30px;
		background-color:#dcdcdc;
		border-top:1px solid #ffffff;
	}

	#backScreen{
		position:fixed;
		top:0;
		left:-100%;
		display:block;
		box-sizing:border-box;
		padding-left:16.0em;
		width:100%;
		height:100%;
		text-align:left;
		background:rgba(0,0,0,0.5);
		z-index:1000;
	}
	#backScreen .menuOut{
		display:block;
		width:100%;
		height:100%;
	}
	#backScreen .menuOut span{
		display:block;
		width:40px;
		height:40px;
		color:#222222;
		font-weight:bold;
		font-size:30px;
		line-height:40px;
		text-align:center;
		background-color:#ffffff;
		box-shadow:1px 1px 2px 0 rgba(0,0,0,0.5);
		cursor:pointer;
	}
	#header .navMenuList{
		display:block;
		position:fixed;
		top:0;
		left:-16.0em;
		width:16.0em;
		height:100%;
		text-align:left;
		overflow-y:auto;
		z-index:1002;
	}

	#header .navMenuList li.top{
		display:block;
	}

	#header .navMenuList li a,
	#header .navMenuList li div{
		/*margin-bottom:1px;*/
		padding:10px;
		color:#ffffff;
		background-color:#333333;
		border-top:1px solid #4d4d4d;
	}

	#header .navMenuList .child li a{
		padding-left:30px;
		background-color:#706e6e;
		border-top:1px solid #4d4d4d;
	}

	a#headerLogo{
		width:22.0em;
		margin:0 auto;
		float:none;
	}

	a#headerLogo #logoTop{
		padding:2px 0;
	}

	#headerLogo img{
		width:100%;
	}

	.headerSearch{
		box-sizing:border-box;
		display:block;
		width:100%;
		margin:0;
		padding:0 10px;
	}

	header .adBanner{
		display:none;
	}
	/*header END*/

	/*adBanner START*/
	.adBanner{
		text-align:center;
	}
	.adBanner img{
		width:100%;
	}
	.adBanner .pr {
		border-top: 1px solid #dcdcdc;
	}
	/*adBanner END*/


	.count{
		margin:6px 0 0;
        clear:both;
        font-size:1.0em;
	}
	.breadcrumb {
		display: none;
	}
	
	.btnUnderColumn {
		padding: 10px;
	}
	
/*footer START*/
	#footer{
		background-color:#ffffff;
		text-align:center;
	}

	#footer .footMenu{
		display:none;
	}

	#footer .link{
		background-color:#15274d;
	}
	.sectionFacebook{
		padding:10px 0;
	}
/*footer END*/


	#goTop .goTopButton{
		bottom:10px;
		right:10px;
		width:48px;
		height:48px;
        line-height:46px;
	}

    .inline-list{
        padding:0 0 3px 0;
        line-height:48px;
    }
    .inline-list a.arrow{
        width: 48px;
        height:48px;
        line-height:48px;
        text-align:center;
    }
    .inline-list li{
        line-height:48px;
    }
/*pager END*/

/*pageTop START*/
	#switchTab{
        display:-moz-flex;
        display:-ms-flex;
        display:-webkit-flex;
        display:flex;
		margin:0 0 10px;
		padding:0;
		background-color:#15274d;
		border-top:1px solid #ffffff;
		border-bottom: 1px solid #15274d;
		box-sizing: border-box;
	}

	#switchTab li{
		box-sizing:border-box;
		display:block;
		margin:0;
		padding:0;
		background-color:#ffffff;
		border-right:1px solid #15274d;
		list-style:none;
        letter-spacing:-0.05em;
		float:left;
	}
    #switchTab li:first-child{
        width:55%;
    }

	#switchTab li:last-child{
        width:45%;
		border-right:none;
	}

	#switchTab li.on{
		background-color:#15274d;
	}

	#switchTab li a{
        box-sizing:border-box;
		display:block;
        height:100%;
        padding:14px 0;
		color:#15274d;
        line-height:21px;
		text-align:center;
		text-decoration:none;
    }
	#switchTab li.on a{
		color:#ffffff;
	}

	#spofficial{
		margin:0 0 10px 0;
		padding:0;
	}

	.official{
		box-sizing:border-box;
		display:none;
		width:100%;
		margin:0;
		padding:130px 0 0 0;
		background:left top no-repeat;
		background-size:100%;
		float:none;
	}

    .official.show{
		display:block;
	}

	.official.show a:link,
	.official.show a:visited,
	.official.show a:hover,
	.official.show a:active{
		text-decoration: none;
	}
	.official .artcleTitle{
		margin:0;
		padding:10px;
		color:#ffffff;
		font-weight:normal;
		background-color:rgba(0,0,0,0.7);
	}

	.official .profile{
		margin:0;
		padding:0 10px 10px 10px;
		color:#ffffff;
		font-weight:normal;
		background-color:rgba(0,0,0,0.7);
	}

	.official .profile a{
		color:#ffffff;
		text-decoration:none;
	}
/*pageTop END*/

/*columnList START*/
    .columnListTop,
    .columnListTop ul,
    .columnListTop ul li{
        height:105px;
    }

	.columnList{
		margin:0 0 5px 0;
		padding:5px 20px;
	}

	.columnList:last-child{
		border-bottom:none;
	}

	.columnList .topText{
		margin:0 0 20px 90px;
	}
    .genreJobList.columnRow,
	.columnList .genreJobList{
		clear:both;
		float:none;
		margin:0;
		padding-top:0;
	}

	.columnList .genreJobList.l2 li {

	}
	
	.bottomColumn .columnList{
		height:auto;
	}

	.columnList .favButton.columnRow{
		display:none;
	}
    .columnList .artcleTitle a,
    .columnList .profile a{
        box-sizing:border-box;
        display:block;
        min-height:48px;
        padding:0;
    }
    .columnList .profile a{
        color:#717171;
        font-size:16px;
        font-weight:normal;
    }
    .columnList .genreJobList a{
        box-sizing:border-box;
        display:table-cell;
        min-height:48px;
        min-width:48px;
        padding:14px 5px;
        font-size:16px;
        font-weight:normal;
        line-height:20px;
        text-align:center;
        vertical-align:middle;
    }
    .genreJobList.columnRow{
        display:none;
    }
/*columnList END*/

/*genreList START*/
	.genreType li{
		padding:10px;
	}

	.genreType h3{
		margin-bottom:20px;
	}
    a.linkGenre{
        width:80%;
        height:50px;
        line-height:48px;
    }
/*genreList END*/
	
	.headerSearch input.text{
		width: 89%;
	}

    .headerSearch input.button{
        border-radius: 25px;
        width: 10%;
    }

    .inline-list a,
    .inline-list .this{
	   border: none;
	}

    a.sellTopLink{
        display:block;
        margin:0 0 0 auto;
        padding:0;
        font-size:1.0em;
        font-weight:normal;
        line-height:48px;
        text-align:right;
        background:none;
        border:none;
        border-radius:0;
    }
    .sellTopLink::after{
        content:">";
        display:block;
        margin:0;
        padding:0;
        color:#c1c1c1;
        font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight:bold;
        line-height:48px;
        background:none;
        border-radius:0;
        -moz-transform:scale(0.5, 1.0);
        -ms-transform:scale(0.5, 1.0);
        -webkit-transform:scale(0.5, 1.0);
        transform:scale(0.5, 1.0);
    }
    a.sellTopLink:hover{
        background:none;
        box-shadow:none;
    }
    .count .like{
        font-size:16px;
    }
    .bottomColumn .columnList .artcleTitle{
        height:auto;
    }

/*----------------------------------------
一覧に表示されるコラムニストの写真を記事中の写真に変更 
-----------------------------------------*/
/*
.topPage .columnList .profilePhoto, 
.genreListPage .columnList .profilePhoto,
.popularaPage .columnList .profilePhoto,
.jobColumn .columnList .profilePhoto {
    width: 320px;
	height:180px;
	float:left;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size:contain;
}
.topPage .columnList .artcleTitle, 
.genreListPage .columnList .artcleTitle,
.popularaPage .columnList .artcleTitle, 
.jobColumn .columnList .artcleTitle 
    {
    margin: 0 0 0 340px;
    height: auto;
    padding: 0;
	}
    
.topPage .columnList .profile,
.genreListPage .columnList .profile,
.popularaPage .columnList .profile,
.jobColumn .columnList .profile
    {
        margin: 0 0 0 340px;
    }
/*
/*----------------------------------------
全コラムニスト一覧　START 
-----------------------------------------*/
    #columnistall .columnList .profilePhoto{
        width: 80px;
        height: 80px;
    }

    #columnistall #main.columnistListPage .columnList .columnLink {
        min-height: 90px;
        margin: 0 0 10px 90px;
    }
    #columnistall .columnList .genreJobList {
    margin: 0 100px 0 10px;
    float: left;
}
/*----------------------------------------
全コラムニスト一覧 　END
-----------------------------------------*/
}

@media screen and (max-width:414px){
	#main .profile a{
	}

/*columnList START*/
	.genreJobList.columnRow{
		display:none;
	}
	
	.columnList .artcleTitle{
		height:auto;
		margin:0 0 0 90px;
        padding:0;
	}
    .columnList .artcleTitle a,
    .columnList .profile a{
        min-height:48px;
        padding:0;
    }
    .columnList .artcleTitle a{
        padding:10px 0 5px 0;
    }
/*columnList END*/
	#switchTab li{
	}

	.adBanner img{
		max-width:100%;
	}
/*mainContent 追記(20180125) START*/
	.optionTitle1{
		position:static;
		top:auto;
		width:auto;
		margin:10px 0;
	}
/*mainContent 追記(20180125) END*/
}

/* 名前変更による追記 START */
#header #headerLogo{
    float:left;
}
#header .headRight{
    float:right;
}

@media screen and (max-width:768px){
    #header{
        height:auto;
    }
    #header #headerLogo{
        float:none;
        padding:0 10px;
    }

/*----------------------------------------
記事ページ 
-----------------------------------------*/
/*.columnPage .columnList .profilePhoto {
    width: 80px;
    height: 80px;
    margin: 5px 0;
}
.columnPage .columnList .artcleTitle {
    margin: 0 0 0 90px;
    height: auto;
    padding: 0;
}
.columnPage .columnList .profile {
    margin: 0 0 0 90px;
}

.columnPage .genreJobList {

}
.columnPage .columnList .favButton {

}
    }