@charset "utf-8";

@import url('font.css');
/*//////////////////////////////////////////////////

Title : home.css

For   : Setting layouts of each HOME


Copyright (C)2009 Impress Japan Corporation, an Impress Group company. All rights reserved.

//////////////////////////////////////////////////*/

/*from db_module v1*/
.dbBody {background-color:#dcdcdc;}

.dbBody #mainCnt .thumbList {
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 0;
}


#sidePhUpload {
	padding: 9px;
}

.dbSideCntBox {
	clear: both;
	background-color:#fff;
	margin:0pt 0pt 10px;
	padding:0pt 0pt 7px;
}

#dbHome a:link,
#dbHome a:visited {
	text-decoration:none;
}

#dbHome a:hover {
	text-decoration:underline;
}

#dbHome #navigation a:hover {
	text-decoration:none;
}

.adsTop635x60 {
	padding-bottom:0;
}

.adsTop635x60 a{
	display:block;
/*	margin-bottom:6px;*/
}
.adsTopTxt{
	padding:3px 8px 0px 8px !important;
	background-color:#fff !important;
	margin-bottom:5px !important;
}

.north,
#homeBanner {
	clear:both;
	margin:10px 0;
}

.north a,
#homeBanner a {
	display:block;
	margin-bottom:10px;
}

/* ---------------------------------------
	1-1. Navigation
   ---------------------------------------- */


 /*--------------------------
home V2
--------------------------*/

#homeV2 {
	background-color:#dcdcdc;
	margin-bottom:8px;
}

.homeCntBox2Clm {
	background:url(/common/img/home_v2/bg01.gif) repeat-y;
	margin-bottom:10px;
	overflow:hidden;
}

a.alertBox {
	border:1px dotted #33f;
	background-color:#edeeff;
	display:block;
	padding:2px 10px;
	margin-bottom:5px;
	text-align:center;
}

a.infoBox,
span.infoBox {
	display:block;
	text-align:center;
	border:1px solid #bbb;
	background-color:#fff;
	padding:8px 5px;
	margin-bottom:5px;
	line-height:1.3;
	font-size:10pt;
	color:#33c;
}

a:hover.infoBox {
	border:1px solid #99f;
}

a.infoBox strong {
	color:#000;
}

.h2Area {
	overflow: hidden;
	background-image: none !important;
	background-color: #eee;
	padding: 5px 10px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}


#newDiarySP .h2Area em {
	font-weight: bold;
}


.h2Area h2 {
	font-size: 1.2rem;
	line-height: 2rem;
	display: inline;
	font-weight: bold;
	margin: 0;
	width: inherit;
	height: inherit;
}

.h2Area p {
	display: inline;
	margin-left: 1rem;
	font-size: 0.8rem;
}

#featuredPhotos .h2Area { background: #000; color: #fff; border: none;}


/*--------------------------
home V2 > 共通
--------------------------*/

.cnt-list,
#specialProject,
#newReview,
#newRD,
#school,
#psWrapperV2,
#wsWrapper,
#hotItemsV2,
#newItems,
#hotSubjectV2 {
	margin-bottom:8px;
	clear:both;
	background-color:#fff;
	overflow: hidden;
}
.iconMaker img {border:none !important;}

.btnDown {
	clear: both;
	display:block;
	text-align: center;
	padding: 5px;
	border-top: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-radius: 4px;
	text-decoration: none !important;
	background-color:#fff;
	font-size: 0.9rem;
	line-height: 1.2rem;
	color:#002f86;
	cursor:pointer;
}

p>.btnDown{margin: 5px 0 10px;}


.btnDown:before{
	display: inline-block;
	font: normal normal normal 16px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	margin-right:0.2rem;
	content: "";
}

.btnDown:hover{
	border-color:#b2c2ff;
	background-color:#f4f8ff;
	text-decoration: none !important;
}

.btnDown:visited {
	color:#002f86;
}

.btnMore {
	clear: both;
	display:block;
	text-align: center;
	padding: 5px 1rem;
	border-top: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-radius: 4px;
	text-decoration: none !important;
	background-color:#fff;
	font-size: 0.9rem;
	line-height: 1.2rem;
	color:#002f86;
	cursor:pointer;
	box-shadow:none;
}

.btnMore:after  {
	display: inline-block;
	font: normal normal normal 16px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	margin-right:0.2rem;
}


p>.btnMore {margin: 10px;}

.btnMore:hover{
	border-color:#b2c2ff;
	background-color:#f4f8ff;
	/*text-decoration: none !important;*/
}

.btnMore:visited {
	color:#002f86;
}

.btnMore:after {content: ""; margin:0 0 0 0.2rem;}

/*--------------------------
home V2 > 今日の一枚 v3
--------------------------*/

#todaysPhotoV3 {
	float:left;
	width:440px;
	background: #fff;
}


#todaysPhotoV3 .lead {
	clear:both;
	font-size:0.9rem;
	line-height:1.3;
	margin:5px 10px 0 10px;
}

#todaysPhotoV3 .thumb160 {
	width:160px;
	margin:8px 10px 0;
	float:left;
}

#todaysPhotoV3 .thumb160 a {
	height:155px;
	padding: 5px !important;
	background: url(/img/thumb_master.gif) no-repeat;
}

#todaysPhotoV3 .thumb160 a {background-position:0px -981px;}
#todaysPhotoV3 .thumb160 a:hover {background-position: -160px -981px;}


.thumb180 {
	display: block;
	position:relative;
    vertical-align: top;
	text-align: center;
	width:178px;
	height:178px;
	border:1px solid #e9e9e9;
	border-top-color:#efefef;
	border-left-color:#efefef;
	background-color:#fff;
	margin: 5px;
	float:left;
}

.thumb180:hover {
	border-color:#b2c2ff;
}

.thumb180 img{
	display:block;
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width:170px;
	max-height:170px;
}

#todaysPhotoV3 .data {
	width:240px;
	margin:8px 5px 5px 0;
	font-size: 0.9rem;
	overflow:hidden;
	display: block;
    vertical-align: top;
	float:right;
}

#todaysPhotoV3 .data h3{
	margin:7px 0 5px 0;
	line-height:1.2 !important;
	font-weight:bold;
	font-size: 0.9rem;
}

#todaysPhotoV3 .data dt {
	padding:0;
	margin-bottom:1px;
	width:90px;
	float:left;
}

#todaysPhotoV3 .data dd {
	font-size:0.9rem;
	line-height:1.5;
	width:150px;
	margin-bottom:2px;
	padding-left:90px;
	*padding-left:0;
	border-bottom:1px dotted #ccc;
}

#todaysPhotoV3 .data .thumbCamera70 {
	float:left;
}

#todaysPhotoV3 .data p {
	font-size: 0.9rem;
	margin-left:75px
}

/*--------------------------
home V2 > 今日の一枚 V4
--------------------------*/

#todaysPhotoV4 {
	float:left;
	width:440px;
	background: #fff;
}


#todaysPhotoV4 .comment {
	font-size: 0.9rem;
    line-height: 1.2rem;
    margin: 5px 10px 0 10px;
}

#todaysPhotoV4 .thumb {
	display: block;
	position:relative;
    vertical-align: top;
	text-align: center;
	width:198px;
	height:198px;
	border:1px solid #e9e9e9;
	border-top-color:#efefef;
	border-left-color:#efefef;
	background-color:#fff;
	margin: 5px;
	float:left;
}


#todaysPhotoV4 .thumb:hover {
	border-color:#b2c2ff;
}

#todaysPhotoV4 .thumb img{
	display:block;
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width:190px;
	max-height:190px;
}

#todaysPhotoV4 .data {
	width:215px;
	margin:10px 5px 5px 0;
	font-size: 0.9rem;
	overflow:hidden;
	display: block;
    vertical-align: top;
	float:right;
}

#todaysPhotoV4 .data h3{
	margin-bottom:5px;
	font-weight:bold;
	font-size: 1rem;
}


#todaysPhotoV4 .data dl {
	margin: 8px 0;
	border-top: 1px dotted #ccc;
	padding-top: 10px;
	overflow: hidden;

}

#todaysPhotoV4 .data dl dt {
	font-weight: bold;
	font-size: 0.9rem;
	line-height: 1.2rem;
	margin-bottom:0.5rem;
}

#todaysPhotoV4 .data dl dd {
	font-size: 0.9rem;
	line-height: 1.2rem;
	margin-bottom:0.5rem;
	display: block;
	margin-left: 10px;
}

#todaysPhotoV4 .data dl dd:before {
	display: inline-block;
	float:left;
	font: normal normal normal 16px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	margin-right:5px;
	margin-left: -10px;
	content: "";
	color: #999;
}


/*--------------------------
home V2 > クイックメニュー
--------------------------*/

#quickMenu {
	width:190px;
	float:right;
	background: #fff;
}

#quickMenu h2 {
	overflow: hidden;
	background-image: none !important;
	background-color: #eee;
	padding: 5px 10px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	margin-bottom: 0;
	font-size: 1.2rem;
	line-height: 2rem;
	font-weight: bold;
	color: #000;
	height: inherit;
}

#quickMenu ul{
	margin:5px;
	padding:0;
}

#quickMenu ul li{
	padding:0;
	border-bottom: 1px dotted #ccc;
}

#quickMenu ul li:last-child{
	padding:0;
	border-bottom: none;
}

#quickMenu ul li a {
	display:block;
	padding: 10px 2px;
	font-weight: bold;
	text-decoration: none !important;
	background-color:#fff;
	font-size: 0.9rem;
	line-height: 0.9rem;
	color:#002f86;
	cursor:pointer;
}

#quickMenu ul li a:hover{
	border-color:#b2c2ff;
	background-color:#f4f8ff;
	text-decoration: none !important;
}

#quickMenu ul li a:visited {color:#002f86;}


#quickMenu ul li.li-spot a {background:#fff3f0;}

#quickMenu ul li.li-spot a:hover{background:#ffeae4;}



/*--------------------------
home V2 > 注目の機材
--------------------------*/

#hotItemsV2 .h2Area {margin-bottom:10px;}

#hotItemsV2 .item {
	padding:0 10px;
	overflow: hidden;
}

#hotItemsV2 h3 {
	margin-bottom:10px;
	font-weight:bold;
	clear:both;
	font-size:1.1rem;
}

#hotItemsV2 h3 em {
	background: #f33;
	display: inline-block;
	padding: 0 5px;
	color:#fff;
	font-weight:bold;
	font-size:0.7rem;
	line-height: 1.1rem;
	vertical-align: middle;
	border-radius: 3px;
	margin-right: 8px;
}

#hotItemsV2 .leftClm {
	/*clear:both;*/
	width:130px;
	float:left;
	padding-bottom:10px;
	margin-right: 10px;
}

#hotItemsV2 .leftClm p {
	margin-top:2px;
	font-size:0.6rem;
	line-height:1.3;
}

#hotItemsV2 .rightClm {
	width:474px;
	float:right;
}

#hotItemsV2 .news {
	margin-bottom:10px;
	margin-left: 18px;
}

#hotItemsV2 .news li {
	font-size: 0.9rem;
	line-height: 1.2rem;
	margin-bottom:0.5rem;
}

#hotItemsV2 .news li:before{
	display: inline-block;
	float:left;
	font: normal normal normal 16px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	margin-right:5px;
	margin-left: -18px;
	content: "";
	color: #000;
}

.iconNew {
	display:inline-block;
	vertical-align: middle;
	font-size:0.6rem;
	color:#f55;
	line-height:0.9rem;
	margin-right:5px;
	padding:0 4px;
	background-color:#fee;
	text-decoration:none !important;
}

#hotItemsV2 a.imgs {
	display:block;
	margin-top:5px;
}

#hotItemsV2 a.imgs img {
	border:1px solid #d5d9db;
	margin-left:16px;
	width:98px;
	height:98px;
}

#hotItemsV2 a.imgs img:first-child {margin-left:0;}

#hotItemsV2 a:hover.imgs img {
	border:1px solid #2d6dff;
}

.moreLinkHome {
	width:85px;
	height:18px;
	float:right;
	/*background-color:#fff;*/
	overflow:hidden;
	margin-bottom:5px;
}

.moreLinkHome p {
	text-align:center;
	font-size:9pt;
}

a.btnBuyAmazonV2s,
a.btnBuyRakutenV3s{
	display:block;
	width:41px;
	height:38px;
	text-indent: -9999px;
	background:url(/common/img/home_v2/bu_affiliates_ss.gif) no-repeat 0 0;
	overflow: hidden;
}

.btnBuyAmazonV2s{ float:left; margin:4px 0 0 0; }
.btnBuyRakutenV3s{ float:left; margin:4px 6px 0 0; }

a.btnBuyAmazonV2s{ background-position:0 0; }
a.btnBuyAmazonV2s:hover{ background-position:0 -38px; }
a.btnBuyRakutenV3s{ background-position:-82px 0; }
a.btnBuyRakutenV3s:hover{ background-position:-82px -38px; }


/*--------------------------
home V2 > 注目の被写体
--------------------------*/

#hotSubjectV2 a {
	padding: 9px;
	overflow: hidden;
	display: block;
	margin: 1px;
}

#hotSubjectV2 a:hover {
	background: #f4f8ff;
	text-decoration: none;
}

#hotSubjectV2 a h4 {
	font-size: 1.2rem;
	font-weight: bold;
}
#hotSubjectV2 a p {
	text-decoration: none;
	font-size: 0.9rem;
	color: #000;
	margin-bottom: 5px;
}

#hotSubjectV2 a:hover p {
	color: #0036ff;
}

#hotSubjectV2 a ul {
	letter-spacing: -0.4em;
}
#hotSubjectV2 a ul li {
	display: inline-block;
	margin-left: 5px;
}

#hotSubjectV2 a ul li:first-child {
	margin-left: 0;
}

#hotSubjectV2 a:hover ul li {
	border-color:#b2c2ff;
}

#hotSubjectV2>li {display:none}
#hotSubjectV2>li:first-of-type {display:block}

#hotItemsV2 .item {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#hotItemsV2 .item:last-of-type {
	border-bottom: none;
	margin-bottom: none;
}

#hotItemsV2 .photo a h4 {
	/*font-weight: bold;*/
	font-size: 0.9rem;
	margin-bottom: 5px;
}

#hotItemsV2 .photo a h4:before {
	display: inline-block;
	font: normal normal normal 16px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	margin-right:0.2rem;
	content: "";
}


#hotItemsV2 .photo a img {
	border: 1px solid #002f86;
	margin-right: 8px;
}

#hotItemsV2 .photo a:hover img {
	border: 1px solid #0036ff;
}

/*--------------------------
home V2 > Featured Photos
--------------------------*/

/*--------------------------
home V2 > Featured Photos
--------------------------*/

#featuredPhotos {
	margin-bottom:8px;
	clear:both;
}

#featuredPhotos #dbCameraFeaturedPhotos {
	clear:both;
	margin:0;
	padding:8px 0;
	background-color:#000;
	border-top: 1px solid #777;
}

#featuredPhotos .thumbUsr70 {
	float:left; 
	margin:0 15px 0 10px;
	width:70px;
}

#featuredPhotos .h2Area p {
	color:#eee;
	display: inline;
	margin-left: 1rem;
	font-size: 0.8rem;
}

#featuredPhotos .rightClm p {
	color:#eee;
	font-size: 0.7rem;
	line-height:0.7rem;
	margin-bottom:5px;
}


#dbCameraFeaturedPhotos a.multiImage02 {
	display:block;
	width:536px;
	height:64px;
	overflow:hidden;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

#dbCameraFeaturedPhotos a.multiImage02 img {
	border:1px solid #888;
	margin-right:12px;
    vertical-align: bottom;

}

#dbCameraFeaturedPhotos a:hover.multiImage02 img {
	border:1px solid #2d6dff;
    
}

/*--------------------------
home V2 > 最近発表された機種
--------------------------*/


#newItems ul li img {
	margin:0 5px 0 0;
	float:left;
	width:62px;
	display:block;
}

#newItems ul li a img {
	border:1px solid #d5d9db;
}

#newItems ul li a:hover img {
	border:1px solid #2d6dff;
}

#newItems ul li .date {
	color:#999;
	font-size:90%;
	white-space:nowrap;
}

#newItems ul .thumbCamera70 {
	width:64px !important;
	height:64px !important;
	margin:0 5px 0 0;
	float:left;
}

#newItems ul .thumbCamera70 img {
	margin:0;
}

#newItems .btnAffXs {
	border:1px solid #acc5ff;
	font-size:0.6rem;
	display: inline-block;
	*display:inline;
	*zoom: 1;
	padding:1px 5px;
	line-height:1.2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration:none !important;
	margin:5px 5px 0 0;
	background-color:#e3ecff;
}

#newItems .btnAffXs:visited {
	color:#002f86;
}

#newItems .btnAffXs:hover {
	background-color:#fff;
	color:#33f;
}

#newItems .btnAffXs img {
	display:none !important;
}

/*--------------------------
home V2 > フォトスクール
--------------------------*/

#psWrapperV2 dl {
	margin: 10px;
}

#psWrapperV2 dl dd {
	display:inline-block;
	padding: 5px 0;
	border-top: 1px dotted #ccc;
	width:300px;
}

#psWrapperV2 dl dd:nth-of-type(1),
#psWrapperV2 dl dd:nth-of-type(2) {
	border-top: none;
}

#psWrapperV2 dl dd:nth-child(even) {
	margin-right:15px;
}


#psWrapperV2 dl dd:last-of-type {
	border-bottom: none;
	padding-bottom:0;
}

#psWrapperV2 dl dd a h4 {
	font-size: 1em;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	line-height:1.5;
}


/*--------------------------
home V2 > メンバーの投稿記事
--------------------------*/

.cnt-list p.lead {
    margin: 10px;
    font-size:0.9rem;
}

.cnt-list li img {
	margin:0 5px 0 0;
	float:left;
	width:62px;
	display:block;
}

#newDiarySP li img,
.cnt-list #newRDList li img {
	width:62px;
	height: 62px;
	object-fit: cover; 
  font-family: 'object-fit: cover;';  /*IE対策*/
}

.cnt-list ul li a img {
	border:1px solid #d5d9db;
}

.cnt-list ul li a:hover img {
	border:1px solid #2d6dff;
}

.cnt-list ul li .author {
	color:#999;
	font-size:90%;
	white-space:nowrap;
}

.cnt-list ul .thumbCamera70 {
	width:64px !important;
	height:64px !important;
	margin:0 5px 0 0;
	float:left;
	overflow: hidden;
}

.cnt-list ul .thumbCamera70 img {
	margin:0;
}

.cnt-list ul.rdList { letter-spacing:-0.4em; margin:10px; }

.cnt-list ul.rdList li {
	display:inline-block;
	letter-spacing:normal;
	width:302px;
	box-sizing:border-box;
	vertical-align:top;
	font-size:0.9rem;
	line-height:1.2rem;
	margin-bottom: 10px;
}

.cnt-list ul.rdList li:nth-of-type(odd) {
	margin-right:10px;
}

.cnt-list ul.rdList li a {
	display: block;
	overflow: hidden;
	font-size: 0.9rem;
}

.cnt-list ul.rdList li a:hover {
	background: #f4f8ff;
	text-decoration: none;
}

.cnt-list p {letter-spacing: normal;}


.cnt-list ul.btmLink {
	margin:0 10px;
	padding:8px 0;
	border-top:1px dotted #bbb;
	text-align:center;
}
.cnt-list .btmLink li {
	font-weight:bold;
	margin:0 10px;
	display:inline-block;
}

.cnt-list .btmLink li .btnMore {
	min-width: 13rem;
}


/*--------------------------
home V2 > Side Contents
--------------------------*/

.dbSideCntBoxTtl,
.dbSideCntBoxTtlHome {
	background:#eee;
	border: 1px solid #fff;
	font-size: 0.9rem;
	padding:5px 10px;
}

.dbSideCntBoxTtl span,
.dbSideCntBoxTtlHome .title {
	display:block;
	height:21px;
	width:280px;
	text-indent:0;
	background-image:none;
	background-repeat:no-repeat;
	font-weight:bold;
	padding-top:3px;
}

.dbSideCntBoxTtlHome .term {
	font-size:9pt;
	margin-left:10px;
	font-weight:normal;
}

.dbSideCntBoxTtl span{
	display:block;
	height:21px;
	width:280px;
	text-indent:0;
	background-image:none;
	background-repeat:no-repeat;
	font-weight:bold;
	padding-top:4px;
}

.searchBox {
	padding-top:5px;
	text-align:center;

}

.sideBoxTxtList li {
	margin-bottom: 8px;
	clear:both;
	line-height:1.4;
	font-size:90%;
	padding-left: 13px;
}

.sideBoxTxtList li a {
	zoom:0;
	display:inline;
}


/*--------------------------
home V2 > GANREFランキング
--------------------------*/

#rightCnt #ranking .results {
	margin: 0 10px;
	letter-spacing: -0.4em;
	margin-top: 5px;
}

#rightCnt #ranking .results li {
	letter-spacing: normal;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
}

#rightCnt #ranking .results li:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#rightCnt #ranking .results li a {
	text-decoration: none;
	overflow: hidden;
	display: block;
}

#rightCnt #ranking .results li a:hover {
	background: #f4f8ff;
	text-decoration: none;
}

#rightCnt #ranking .results .rankOther,
#rightCnt #ranking .results .rank3rd,
#rightCnt #ranking .results .rank2nd,
#rightCnt #ranking .results .rank1st {
	width: 16px;
	height: 64px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	font-size: 0.7rem;
}


#rightCnt #ranking .results .rank1st {
	background: #FFEF9C;
}

#rightCnt #ranking .results .rank2nd {
	background: #eee;
}

#rightCnt #ranking .results .rank3rd {
	background: #ffd6c0;
}

#rightCnt #ranking .results .rankOther {
	border: 1px solid #ddd;
}

#rightCnt #ranking .results li a .rankOther span,
#rightCnt #ranking .results li a .rank3rd span,
#rightCnt #ranking .results li a .rank2nd span,
#rightCnt #ranking .results li a .rank1st span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 64px;
	width: 16px;
	color: #000;
}

#rightCnt #ranking .results li a .thumb {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
}

#rightCnt #ranking .results li a:hover .thumb .thumbCamera70 {
	background: #0036ff;
}

#rightCnt #ranking .results li a .thumb .thumbCamera70 {
	background: #d5d9db;
	padding: 1px;
	box-sizing: border-box;
	width: 64px;
	height: 64px;
}

#rightCnt #ranking .results li a .thumb .thumbCamera70 img {
	width: 62px;
}

#rightCnt #ranking .results li a .data {
	width: 190px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	font-size: 0.8rem;
}

#rightCnt #ranking .results li a .data span {
	font-size: 0.7rem;
	text-align: right;
	display: block;
	color: #000;
	margin-top: 5px;
}

.dbSideCntBox #tabMenuV2 {
	list-style-type:none;
	width:280px;
	margin:5px 0 5px 10px;
	overflow: hidden;
	letter-spacing: -0.4em;
	border-top: 1px solid #ccc;
}

#tabMenuV2 li {
	display:inline-block;
	letter-spacing: normal;
	vertical-align: top;}

#tabMenuV2 li a {
	display:block;
	width: 92px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 3px 0;
	font-size: 0.8rem;
	line-height: 1.0rem;
	text-align: center;
	color: #002f86;
	font-weight: bold;
}

#tabMenuV2 li:first-child {
	border-left: 1px solid #ccc;
}


#tabMenuV2 a:hover {
	background: #f4f8ff;
	color: #0036cc;
	text-decoration: none;
}


#tabMenuV2 .selected a:hover,
#tabMenuV2 .selected a {
	border-bottom-color:#fff;
	background: none;
	color: #000;
	cursor:default;
	padding: 6px 0 0 0;
}



/*--------------------------
home V2 > お知らせ
--------------------------*/

.dbSideCntBox .alert {
	border:1px dotted #33f;
	padding:3px 5px;
	background-color:#edeeff;
	margin:5px 10px;
}

.sideBoxMoreLink {
	padding-top:5px;
}


/*--------------------------
home V2 > 右ペインその他
--------------------------*/


#rightCnt .twitter {
	text-align: center;
	padding: 5px;
	background: #fff;
	margin-bottom:10px;
}

#dbHome #rightCnt .dbSideCntBox .links li a .fa {
	display: none;
}

a.linkBnr {
	display:block;
	border:1px solid #ccc;
	padding:3px 2px;
	margin:5px 10px 0 10px;
	text-align:center;
	background-color:#f6f6f6;
	color:#000;
	line-height:1.2;
	font-size:90%;
/*	font-weight:bold;*/
}

a:hover.linkBnr{
	background-color:#fff;
}

a.linkBnr .twitter {
	color:#3cf;
}


/*--------------------------
home V2 > thumbnail
--------------------------*/

.thumbUsr70 a {
	border: #d7dadc solid 1px;
}

.thumbCamera120 {
	display: block;
	position: relative;
}

.thumbCamera120 {
	width: 120px;
	height: 120px;
}

.thumbCamera120 a img {
	width: 118px;
	height: 118px;
}

.thumbCamera120 a {
	display:block;
	text-decoration: none;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-color: #d5d9db;
}

.thumbCamera120 a img {margin: 1px;}

.thumbCamera120 a:hover {background-color: #2d6dff;}


/*最近発表された機種*/
#newItems ul {
	margin-left:5px;
}

#newItems ul li {
	width:195px;
	margin:8px 0 0 0;
	padding-left:5px;
	font-size:0.9rem;
	line-height:1.2rem;
	display: inline-block;
	overflow:hidden;
	vertical-align: top;
}

#newItems a.icon {
	text-decoration:none;
	font-size:85%;
	color:#777;
	margin-top:3px;
	display:inline-block;
	padding:2px 4px;
	background-color:#efefef;
}

#newItems a:visited.icon,
#newItems a:hover.icon {
	color:#777;
}

#newItems a:hover.icon {
	text-decoration:underline !important;
	background-color:#fff;
}

/*home banner B*/
#specialProject .homeBannerB {
	margin:10px;
}

#specialProject .homeBannerB li img {
	margin:0 5px 0 0;
	float:left;
	width:62px;
	display:block;
}


#specialProject .homeBannerB li {
	border-top:2px dotted #bbb;
	padding:5px 0;
	background:none;
	over-flow:hidden;
	font-size: 0.9rem;
	line-height: 1.2rem;
	font-weight: bold;
}

#specialProject .homeBannerB li:first-child {
	border-top:0;
	padding-top:0;
}

#specialProject .homeBannerB li a {
	display: block;
	overflow: hidden;
}

#specialProject .homeBannerB li a:hover {
	background: #f1f6ff;
	text-decoration: none;
}


#specialProject .homeBannerB li a img{ border:1px solid #d5d9db; }
#specialProject .homeBannerB li a:hover img{ border-color:#2d6dff; }

#specialProject .homeBannerB span {
	font-weight:normal;
}


/**/



#wsWrapper ul li .multiImage p img {
	float: left;
	margine: 0 5px 5px 0;
}

#wsWrapper dl {
	margin: 10px;
}

#psWrapperV2 dl dt,
#wsWrapper dl dt {
	padding: 2px 5px;
	line-height: 1.2;
	border-left: 5px solid #c00;
	margin-top: 10px;
	line-height: 1.0rem;
}

#wsWrapper dl dd {
	font-size: 0.9rem;
	line-height: 1.2rem;
	padding: 5px 0;
	border-top: 1px dotted #ccc;
	letter-spacing: -.40em;
}

#wsWrapper dl dd:first-of-type {
	border-top: none;
}


#psWrapperV2 dl dd a,
#wsWrapper dl dd a {
	display: block;
}

#psWrapperV2 dl dd a > img,
#wsWrapper dl dd a > img {
	border: 1px solid #002f86;
	width: 64px;
	height: 64px;
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
}


#wsWrapper dl dd a h4 {
	font-size: 1em;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	line-height:1.5;
	/*width:405px;*/
	width:330px;
}


#psWrapperV2 dl dd a h4 span,
#wsWrapper dl dd a h4 span {
	color: #000;
}

#psWrapperV2 dl dd a:hover h4 span,
#wsWrapper dl dd a:hover h4 span {
	color: #0036ff;
}

#psWrapperV2 dl dd a h4 .lead,
#wsWrapper dl dd a h4 .lead {
	display:block;
}

#psWrapperV2 dl dd a h4 em,
#wsWrapper dl dd a h4 em {
	font-weight:bold;
}

#psWrapperV2 dl dd a p,
#wsWrapper dl dd a p {
	display: inline-block;
	vertical-align: top;
}

#psWrapperV2 dl dd a p img,
#wsWrapper dl dd a p img {
	margin-left: 5px;
	border: 1px solid #002f86;
	width:64px;
}

#psWrapperV2 dl dd a:hover,
#wsWrapper dl dd a:hover {
	background: #f4f8ff;
	text-decoration: none;
	color: #0036ff !important;
}


#psWrapperV2 dl dd a:hover img,
#wsWrapper dl dd a:hover img {
	border: 1px solid #0036ff;
}

#wsWrapper dl dd.photoLink {
	letter-spacing: normal;
	border:none;
	padding-bottom:0;
	color:#ccc;
	font-size: 0.9rem;
	line-height: 1.2rem;
}
#wsWrapper dl dd.photoLink p {
	display:inline;
}

#wsWrapper dl dd.photoLink p a{
	display:inline;
}

#wsWrapper dl dd.photoLink p:before {
	content:' | ';
}

#wsWrapper dl dd.photoLink p:first-child:before {
	content:none;
}



#homeV2 .pickup-rd {
margin: 18px 10px 10px;
border: 2px dotted #ff5623;
padding: 8px;
margin-bottom: 10px;
position: relative;
}

#homeV2 #pickupDiary .pickup-rd {
margin: 0 10px;
border: 2px dotted #ff5623;
border-width: 0 0 2px;
padding: 8px 0;
position: relative;  
}

#homeV2 #pickupDiary .pickup-rd:first-of-type {
border-width: 2px 0;
}

#homeV2 #pickupDiary .pickup-rd em {
background: #ff5623;
padding: 0 5px;
font-size: 0.7rem;
color: #fff;
border-radius: 4px;
display: inline-block;
margin-right: 4px;
margin-bottom: 4px;
line-height: 15px;
vertical-align:middle
}


#homeV2 #pickupDiary .pickup-rd > a {
margin-top: 0;
}

#homeV2 .pickup-rd h3 {
display: inline-block;
background: #ff5623;
color: #fff;
padding: 4px 10px;
}

#homeV2 .pickup-rd h3 a {
color: #fff;
text-decoration: underline;
}

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

    #homeV2 #pickupDiary .pickup-rd > a div img {
    margin: 0 0 5px;
    }
    
    #homeV2 .pickup-rd > a div img {
/*    margin-top: 5px;*/
    max-width: 100%;
    }

    #homeV2 .pickup-rd > a div img {
    width: 100%;
    height: 60vw;
    max-height: 100%;
    object-fit: cover;
    }
}

@media only screen and (min-width:768px){
    #homeV2 .pickup-rd > a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
/*    margin-top: 5px;*/
    color: #000;
    text-decoration: none;
    }

    #homeV2 .pickup-rd > a:hover {
    background: #f4f8ff;
    text-decoration: underline;
    }

    #homeV2 .pickup-rd > a div img {
    width: 180px;
    margin-right: 10px;
    vertical-align: bottom;
    }

    #homeV2 .pickup-rd > a p {
    margin: 0;
    flex-basis: 405px;
    }

    #homeV2 #pickupDiary .pickup-rd > a p {
    flex-basis: 425px;
    }


    #homeV2 .pickup-rd > a p b {
    color: #002f86;
    font-size: 1.1rem;
    }


    #homeV2 .pickup-rd > a div {
    width: 180px;
    height: 120px;
    margin: 0 10px 0 0;
    }

    #homeV2 .pickup-rd > a div img {
    width: 180px;
    height: 120px;
    object-fit: cover;
    font-family: 'object-fit: cover;';  /*IE対策*/
    }
}

@media only screen and (max-width:767px){
  
 .homeCntBox2Clm #quickMenu {
  float: none;
  clear: both;
  width: inherit;
  max-width: 100%;
  margin-bottom: 8px;
 }
 
 #quickMenu ul li a {
     font-size: 1.0rem;
     font-weight: normal;
     padding: 10px 5px}
 
 
 #homeV2 .homeCntBox2Clm {
  width: inherit;
  max-width: 100%;
  background: none;
 }


#todaysPhotoV4 {
	float:none;
	width:inherit;
	background: #fff;
    margin-bottom: 8px;
}

#todaysPhotoV4 .thumb {
	width:inherit;
	height:inherit;
	border:none;
	margin: 10px;
	float:none;
}

#todaysPhotoV4 .thumb img{
	position:inherit;
	max-width:100%;
	max-height:inherit;
}

#todaysPhotoV4 .data {
	width:inherit;
	margin:0 10px;
	font-size: 0.9rem;
	overflow:hidden;
	display: block;
    vertical-align: top;
	float:none;
}

#todaysPhotoV4 .data h3{
	margin-bottom:5px;
	font-weight:bold;
	font-size: 1rem;
}


#todaysPhotoV4 .data dl {
	margin: 8px 0;
	border-top: 1px dotted #ccc;
	padding-top: 10px;
	overflow: hidden;

}

#todaysPhotoV4 .data dl dt {
	font-weight: bold;
	font-size: 0.9rem;
	line-height: 1.2rem;
	margin-bottom:0.5rem;
}

#todaysPhotoV4 .data dl dd {
	font-size: 0.9rem;
	line-height: 1.2rem;
	margin-bottom:0.5rem;
	display: block;
	margin-left: 10px;
}

#todaysPhotoV4 .data dl dd:before {
	display: inline-block;
	float:left;
	font: normal normal normal 16px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	margin-right:5px;
	margin-left: -10px;
	content: "";
	color: #999;
}

#featuredPhotos #dbCameraFeaturedPhotos {
	padding:8px;
}

#featuredPhotos #dbCameraFeaturedPhotos .thumbUsr70 {display: none;}

#dbCameraFeaturedPhotos a.multiImage02 {
	width:auto !important;
	height:64px;
	overflow:hidden;
}

#featuredPhotos .rightClm p {
	color:#eee;
	font-size: 0.9rem;
	line-height:1.2rem;
	margin-bottom:5px;
}


.cnt-list ul.rdList li {
	display:block;
	width:inherit;
	margin-bottom: 10px;
}

.cnt-list ul.rdList li:nth-of-type(odd) {
	margin-right:0;
}

.cnt-list ul.rdList li a {
	font-size:1rem;
	line-height:1.3rem;
}




#hotSubjectV2 a ul {
	letter-spacing:  normal;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#hotSubjectV2 a ul li {
	display: inherit;
	margin: 1vw;
}

#hotSubjectV2 a ul li:first-child {
	margin-left: 1vw;
}

#hotSubjectV2 .thumb150 {
	display: block;
	position:relative;
    vertical-align: middle;
	text-align: center;
	width:43vw;
	height:43vw;
	border:1px solid #e9e9e9;
	border-top-color:#efefef;
	border-left-color:#efefef;
	background-color:#fff;
}


#hotSubjectV2 .thumb150 img{
	display:block;
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width:96%;
	max-height:96%;
}


#psWrapperV2 dl dd {
	display:block;
	/*font-size: 90%;*/
	padding: 5px 0;
	border-top: 1px dotted #ccc;
	width:inherit;
}


#psWrapperV2 dl dd:nth-of-type(2) {
	border-top: 1px dotted #ccc;
}


#psWrapperV2 dl dd:nth-child(even) {
	margin-right:0;
}


#psWrapperV2 dl dd:last-of-type {
	border-bottom: none;
	padding-bottom:0;
}

#psWrapperV2 dl dd a h4 {
	font-size: 1em;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	line-height:1.5;
}


#rightCnt #banner {
    width: 300px;
    margin: auto;
}

#dbCameraFeaturedPhotos a.multiImage02 img {
    margin-right:6px !important;
}

.commonSideBox ul li {
	border-bottom:1px dotted #ccc;
	padding: 0.5rem 0;
}


.home-banner {max-width:100%;}