@charset "utf-8";
/* CSS Document */
.tailIcon {
	display: inline-block;
	vertical-align: top;
	margin-left: 3px;
}
.tailIcon.blank {
	width: 12px;
	height: 11px;
	margin: 0.3em 5px 0;
}
h2.title{
	border-bottom: 10px solid #000;
	font-size: 35px;
	font-weight: bold;
	line-height: 1;
	padding-left:3px;
}
h2.title.beige{ border-color:#decdb3;}
h2.title.black{ border-color:#2e1e1a;}
h2.title.gray{ border-color:#afafaf; padding-bottom: 3px;}
h2.title.white{ border-color:#fff;}
h2.title.red{ border-color:#d0242c;}
h2.title.pink{ border-color:#f28f95;}
h2.title.red{ border-color:#cf232c;}
h2.title.yellow{ border-color:#ffe200;}
h2.title.green{ border-color:#9ec928;}
h2.title.sky{ border-color:#00c5f1;}
h2.title.blue{ border-color:#0068b3;}
h2.title.purple{ border-color:#ad2494;}
h2.title.brown{ border-color:#bf9357;}
h2.title.colorful{
	border-color:#00c5f1;
	position:relative;
}
h2.title.colorful:before,
h2.title.colorful:after{
	content:"";
	position:absolute;
	left:0;
	height:0px;
	width:950px;
}
h2.title.colorful:before{
	border-top:3px solid #cf232c;
	bottom:-3px;
}
h2.title.colorful:after{
	border-top:3px solid #ffef00;
	bottom:-10px;
}
.title_caption{
	font-size:17px;
	font-weight:bold;
	line-height:1.75;
	padding:14px 6px;
}
.title_caption02{
	font-size:17px;
	font-weight:bold;
	line-height:1.75;
}

/* 20170509追記 */
.delvNote {
	margin-top: 5px;
	color: #e60012;
}
.delvNote.center {
	text-align: center;
}
.cardDetailsRight .delvNote {
	margin: 15px 10px 25px;
}

/* 20180315追記 */
.aboutParalym{
	font-size: 35px;
	font-weight: bold;
	border-bottom: solid #000000 10px;
}
/* ######################################################################################
cardList
###################################################################################### */
/*A01*/
.cardListA01{
	margin:8px 0 0;
	overflow:hidden;
	width:950px;}

.cardListA01 .cardListInr{
	width:951px;
	background:url(/designcard/common/images/bg_002.gif) no-repeat right bottom;}

.cardListA01 .cardListItem{
	float:left;
	width:317px;
	height: 370px;
	padding:30px 0 25px;
	border:1px solid #c8c9ca;
	border-width:0 1px 1px 0;
	text-align:center;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;}
	
.cardListA01 .cardListItem:nth-child(3n){
	border-width:0 0 1px 0;}

.cardListA01 .cardListImg{
	height:222px;
	width:309px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	layout-grid-line: 222px;}

.cardListA01 .cardListNo{
	font-size:0;
	margin:17px 0 0;}
.cardListA01 .cardListNo p{display:inline-block;}
.cardListA01 .cardListNo a,
.cardListA01 .cardListNo p.cardNo{
	color:#000;
	display: inline;
	font-size:20px;
	text-decoration:none;}
.cardListA01 .cardListNo .cardNo{
	border-right:1px solid #231815;
	margin-right:15px;
	padding-right:15px;
}

.cardListA01 .cardListEntry{
	margin:13px auto 0;
	width:199px;
	position:relative;}

/*A02*/
.cardListA02{
	margin:8px 0 0;
	overflow:hidden;
	width:950px;}

.cardListA02 .cardListInr{
	width:951px;
	border: 1px solid #c8c9ca;
	border-width:0 0 1px 0;
	padding:0 0 25px;}

.cardListA02 .cardListItem{
	float:left;
	width:317px;
	padding:50px 0 25px;
	text-align:center;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;}
	
.cardListA02 .cardListItem:nth-child(3n){
	border-width:0 0 1px 0;}

.cardListA02 .cardListImg{
	height:157px;
	width:309px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	layout-grid-line: 222px;}


.cardListA02 .cardListNo a{
	color:#000;
	font-size:20px;
	text-decoration:none;}

.cardListA02 .cardListEntry{
	margin:13px auto 0;
	width:199px;
	position:relative;}

/*ico_new*/
.cardListA01 .cardListImg.ico_new,
.cardListA02 .cardListImg.ico_new,
.cardListA02 .cardListImg.ico_new02{position:relative;}
.cardListA01 .cardListImg.ico_new:before,
.cardListA02 .cardListImg.ico_new:before,
.cardListA02 .cardListImg.ico_new02:before{
	content: url(/designcard/common/images/icon_new_01.png);
	position:absolute;
	width:63px;
	height:63px;}
.cardListA01 .cardListImg.ico_new.landscape:before{
	top:42px;
	left:46px;}
.cardListA01 .cardListImg.ico_new.portrait:before{
	top:3px;
	left:83px;}
.cardListA02 .cardListImg.ico_new.landscape:before{
	top:7px;
	left:47px;}
.cardListA02 .cardListImg.ico_new.portrait:before{
	top:3px;
	left:83px;}
.cardListA02 .cardListImg.ico_new02.landscape:before{
	top: 40px;
	left: 47px;}
	
.cardListA02 .cardListImg.ico_new.portrait.hasnote:before,
.cardListA02 .cardListImg.ico_new.landscape.hasnote:before,
.cardListA01 .cardListImg.ico_new.portrait.hasnote:before,
.cardListA01 .cardListImg.ico_new.landscape.hasnote:before{
	margin-top:-2.0em;
	}

/* 20170926 UPDATE */
.endPos{
	position: relative;
	padding: 31px 0 20px !important;
}
.endPos .endbox{
	position:absolute; 
	bottom: 0; 
	left: 0; 
	width: 100%; 
	height:36%; 
	background: rgba(255,255,255,0.7);    
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.endPos.typeMim .endbox{
	height: 65px; 
}
.endPos .endTextBox{
	display:table; width:100%; height: 100%;
}
.endPos .endText{
	display:table-cell; 
	width:100%;
	height: 100%; 
	vertical-align: middle; 
	text-align:center;
	font-size:1.8rem;
	font-weight:bold;
}
.endPos .endText .mimRed{
	color: #e60012;
	font-size:1.2rem;
	font-weight:bold;
}

/* ######################################################################################
categoryBoxA01
###################################################################################### */
.categoryBoxA01{
	margin:30px 0 0;
	clear:both;}

.categoryBoxA01 ul{
	margin:10px 0 0;}
.categoryBoxA01 li{
	float:left;
	margin:0 3px 3px 0;}

/* ######################################################################################
cardDetailsA01
###################################################################################### */
.cardDetailsA01{
	clear:both;
	width:900px;
	margin:0 30px 0 20px;
	padding:0 0 40px;}

.cardDetailsA01 .cardDetailsLeft{
	float:left;
	width:370px;}

.cardDetailsA01 .cardDetailsLeft p{
	width:370px;
	height:370px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	layout-grid-line:370px;
	position:relative;}

.cardDetailsA01 .cardDetailsLeft .copyright{
	font-size:10px;
	position: absolute;
	right: 17px;
	bottom: 58px;}

.cardDetailsA01 .cardDetailsRight{
	float:right;
	width:474px;}

.cardDetailsA01 .cardDetailsRight p{
	line-height:1;}

.cardDetailsA01 h3{
	margin:23px 0 0;}
.cardDetailsA01 h3 img{
	display:block;}

.cardDetailsA01 .cardDetailsNo{
	border-bottom:1px solid #afb0b1;
	font-size:37px;
	font-weight:bold;
	padding:0 0 2px 8px;}

.cardDetailsNo span{
	font-size: 21px;
	padding-right: 9px;}

.cardDetailsA01 .cardDetailsTitle{
	border-bottom:1px solid #afb0b1;
	font-size:36px;
	font-weight:bold;
	padding:0 0 2px 8px;
	margin:28px 0 0;}

.cardDetailsA01 .cardDetailsArtist{
	border-bottom:1px solid #afb0b1;
	font-size:30px;
	margin:21px 0 0;
	padding:0 0 3px 8px;}

.cardDetailsA01 .cardDetailsArtist h3 {
	font-size: 12px;
	margin: 15px 0 7px;}

.cardDetailsA01 .cardDetailsText{
	display:block;
	border-bottom:1px solid #afb0b1;
	margin:20px 0 0;
	padding:0 8px 20px;
	line-height:1.5 !important;}

.cardDetailsA01 .cardDetailsBtn{
	margin:15px 10px 0;}

.cardDetailsA01 .cardDetailsBtn li{
	float:left;
	margin:0 10px 0 0;}


/* ######################################################################################
pageTop
###################################################################################### */
.pageTop{
	margin:16px 0 0;
	text-align:center;}


/* ######################################################################################
Modal
###################################################################################### */
#lean_overlay{
	position: fixed;
	_position:absolute;
	z-index:100; 
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #FFF;
	display: none;
}
#Modal{
	position:absolute;
	top:10px;
	background:#e8edef;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	display: none;
	width: 730px;
	height:755px;
}
#Modal .ModalSelect{}

#Modal .ModalSelect a img.imgover{

}

#ModalLogin{
	display: none;
	background:#e8edef;
	width: 730px;
	height:755px;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
}
#ModalLogin .modalInr{
	width:396px;
	padding:0 0 40px;
	margin:0 auto;
	text-align:left;
}
#ModalLogin .modalInr h4{
	margin:40px 0 15px
}


#Campaign{
	position:absolute;
	top:10px;
	background:#e8edef;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	display: none;
	width: 730px;
	height:755px;
}
#Campaign .CampaignInr{
	text-align:center;}
#Campaign .CampaignInr img{
	display:block;
	margin:0 auto;}

#Index{
	width:950px;
	margin:0 auto;}

#Index h1{
	margin:42px 0 0 42px;}

#Index .btnArea01{
	margin:24px 0 0 42px;}





.aboutBoxA01{}

.aboutBoxA01 h3{
	margin:30px 0 0;}

.aboutBoxA01 h4{
	margin:30px 0 0;}

.aboutBoxA01 h5{
	margin:30px 0 0;
	background:url(/designcard/common/images/about_ica_001.gif) no-repeat 20px 2px;
	padding:0 0 10px 40px;
	border-bottom:1px solid #c8c8c8;
	font-size:140%;}


.textBoxA01{
	font-size:120%;
	margin:20px 0 0 20px;}


.textBoxA01 p{
	margin:1em 0 0;}

.textBoxA01 p.colorE4007F{
	color:#E4007F;}
.textBoxA01 span.colorE4007F{
	color:#E4007F;
	text-decoration:underline;}

.f14{font-size:14px !important;}

.mt00{margin-top:0px!important;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt75{margin-top:75px!important;}

.mb15{margin-bottom:15px !important;}
.mb150{margin-bottom:150px !important;}

.pt00{padding-top:0!important;}

.bold{ font-weight:bold !important;}

/*20151019追記*/
/* ######################################################################################
 rankingArea
###################################################################################### */
.rankingArea{
	margin:65px auto 0;
	width:950px;
}
.rankingArea p.top3{
	padding:20px 10px 20px 20px;
}

/*columnBlock*/
.rankingArea .columnBlock{
	border-bottom:1px solid #c8c9ca;
	width:950px;
}
.rankingArea .rankingBlock{
	padding:30px 0 0;
}
.rankingArea .rankingBlock.first{
	padding:0;
}
.rankingArea .columnBlock .rank{
	margin:0 0 6px 60px;
}
.rankingArea .columnBlock .card{
	float:left;
	margin:0 0 0 10px;
	width:369px;
}
.rankingArea .columnBlock .rightBlock{
	float:left;
	margin:13px 0 0 7px;
	width:564px;
}
.rankingArea .columnBlock .detailBlock{
	padding:0 0 40px;
}
/*column2Block*/
.rankingArea .column2Block{
	border-bottom:1px solid #c8c9ca;
	width:950px;
}
.rankingArea .column2Block .rank{
	text-align:left;
	margin:0 0 3px 124px;
}
.rankingArea .column2Block .card{
	margin:0 0 62px;
}
.rankingArea .column2Block .rankingBlock{
	width:475px;
	padding:45px 21px 0 0;
	float:left;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.rankingArea .column2Block .rankingBlock:first-child{
	width:475px;
	padding:45px 0 0 33px;
	border-right:1px solid #c8c9ca;
		box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.rankingArea .column2Block .detailBlock{
	text-align:center;
	padding:0 0 33px;
}
/*column3Block*/
.rankingArea .column3Block{
	border-bottom:1px solid #c8c9ca;
	width:950px;
}
.rankingArea .column3Block .rank{
	text-align:left;
	margin:0 0 3px 55px;
}
.rankingArea .column3Block .card{
	margin:0 0 62px;
}
.rankingArea .column3Block .rankingBlock{
	width:316px;
	border-right:1px solid #c8c9ca;
	padding:45px 0 0;
	float:left;
}
.rankingArea .column3Block .rankingBlock.last{
	width:302px;
	border:none;
}
.rankingArea .column3Block .detailBlock{
	text-align:center;
	padding:0 0 33px;
}
.rankingArea .cardListNo{
	margin:0;
	line-height:0;}
.rankingArea .columnBlock .cardListNo{
	margin:0 0 0 39px;
}
.rankingArea .cardListNo a{
	display:inline-block;}
.rankingArea .cardListNo .cardNo{
	border-right:1px solid #231815;
	margin-right:15px;}
.rankingArea .cardListEntry{
	margin:13px auto 0;
	width:199px;
	position:relative;}
.rankingArea .columnBlock .cardListEntry{
	margin:13px 0 0 37px;
}
.imgBlock{
	width:950px;
	margin:30px auto 60px;
	border-bottom:1px solid #c8c9ca;
	text-align:center;
}
/*20151111追記*/
/* ######################################################################################
category.html
###################################################################################### */
#contents .bnr{
	margin-top:10px;
}
.categoryBtnA01{
	margin-top:10px;
}
.categoryBtnA01{
	display:block;
	clear:both;
	margin:0 0 7px -8px;}
.categoryBtnA01 li{
	display:block;
	float:left;
	margin-left:8px;}

.categoryBtnA02{
	display:block;
	clear:both;
	margin:0 0 0 -3px;}
.categoryBtnA02 li{
	display:block;
	float:left;
	margin:4px 0 0 3px;}
.categoryBtnA02 li a{
	display:block;
	position:relative;
	overflow:hidden;
	height:150px;}

.categoryBtnA02 li span{
	display:block;
	position:absolute;
	top:0;
	left:0;}

#contents .informationBlockA01{
	background:#fff;
	margin-bottom:3px;
	padding:24px 17px 25px;}
#contents .informationBlockA01 a{
	color:#000;
	text-decoration:none;}
#contents .informationBlockA01 p{margin-bottom:15px;}
#contents .informationBlockA01 dl{
	border-bottom:1px dashed #473936;
	padding:12px 0;
	position: relative;
	display:table;
	width:910px;}
#contents .informationBlockA01 dt,
#contents .informationBlockA01 dd{
	font-size:13px;
	display: table-cell;}
#contents .informationBlockA01 dt{
	font-weight:bold;
	padding-left:99px;
	position:relative;
	width:100px;}
#contents .informationBlockA01 dt:before{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	margin-top:-9px;
	width:68px;
	height:18px;}
#contents .informationBlockA01 dt.ico_feature:before{background: url(/designcard/common/images/category_info_ico_001.gif) no-repeat 0 0;}
#contents .informationBlockA01 dt.ico_new:before{background: url(/designcard/common/images/category_info_ico_002.gif) no-repeat 0 0;}
#contents .informationBlockA01 a{
	background: url(/designcard/common/images/link.gif);
	display:block;
	top: 0;
	left: 0;
	width: 910px;
	height: 31px;
	position: absolute;
}

/*20151111追記*/
/* ######################################################################################
 about.html
###################################################################################### */
/*aboutBoxA01*/
#about .mt05{margin-top:5px !important;}
#about .mt15{margin-top:15px !important;}
#about .colorPink{color:#e4007f !important;}
#about .Line{
	color:#e11a1a !important;
	text-decoration:underline;
}
#about h3{
	padding:0 0 0 7px;
}
#about .aboutBoxA01 .img01{
	margin:28px 0 0;
}
/*bgWhite*/
#about .bgWhite{
	background:#fff;
	font-size:14px;
	line-height:1.75;
	margin:30px 0 0;
	padding:15px 23px 21px;
}
#about .bgWhite h4{
	color:#E4007F;
	font-size:22px;
	text-indent:-13px;
	line-height:1.75;
	margin:0;
}
#about .bgWhite p{
	line-height:1.75;
}
#about .bgWhite ul{
	text-indent:-1em;
}
#about .bgWhite ul li{
	padding:0 0 0 10px;
}
#about .textBoxA01{
	font-size:14px;
	line-height:1.75;
}
#about .textBoxA01 .ttl{
	font-weight:bold;
}
#about  .aboutBoxA01 h5 {
    margin: 30px 0 0;
    background: url(/designcard/common/images/about_ico_001.gif) no-repeat 20px 2px;
    padding: 2px 0 10px 50px;
    border-bottom: 1px solid #c8c8c8;
    font-size: 20px;
}

#about .cautionBox{
	background:#fff;
	border:1px solid #e11a1a;
	font-size:14px;
	line-height:1.75;
	margin:33px 0 0;
	width:950px;
}
#about .cautionBox .headline{
	background:#e11a1a;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	line-height:1.75;
	padding:2px 0;
}
#about .cautionBox .cautionInner{
	padding:25px 22px;
}
#about .cautionBox .ttl{
	font-weight:bold;
}
#about .cautionBox ul{
	text-indent:-1em;
}
#about .cautionBox ul li{
	padding:0 0 0 10px;
}
/*20160404追記*/ /*20160616修正*/
/* ######################################################################################
 vote.html
###################################################################################### */
#vote .f24{ font-size:24px !important;}
#vote .colorRed{ color:#e50630 !important;}
#vote .mt25{margin-top:25px !important;}
#vote .sectionInnerA02{
	padding:0 22px;
}
/*headingBlockC01*/
#vote .headingBlockA01{
	margin:0 0 40px;
}
#vote .headingBlockA01 h2{
	position:relative;
}
#vote .headingBlockA01 span{
	display:block;
	position:absolute;
	bottom:30px;
	left:280px;
}
/*headingBlockC01*/
#vote .headingBlockB01 h3 {
	background:url(/designcard/common/images/vote_bg_001.jpg) no-repeat bottom center;
	text-align:center;
	padding:0 0 20px;
}
#vote .headingBlockB02{
	text-align:center;
	margin:0 0 26px;
}
/*headingBlockC01*/
#vote .headingBlockC01 {
	margin:0 0 17px;
}
#vote .headingBlockC01 h4 {
	background: url(/designcard/common/images/vote_ico_001.gif) no-repeat 23px 2px;
	padding: 0 0 5px 49px;
	border-bottom: 1px solid #c8c8c8;
	font-size: 20px;
}
/*textBlock*/
#vote .textBlockA01{
	font-size:18px;
	padding:0 22px;
}
#vote .textBlockA01 p:first-child{margin:0;}
#vote .textBlockA01 p{
	margin:14px 0 0;
}
#vote .textBlockB01{
	background:url(/designcard/common/images/vote_bg_001.jpg) repeat top center;
	text-align:center;
	margin:50px 0 0;
	padding:11px 0;
	width:950px;
}
/*cautionBlockA01*/
#vote .cautionBlockA01 ul li{
	font-size:14px;
	text-indent:-1em;
	padding:0 0 0 1em;
	line-height:1.75;
	margin:9px 0 0;
}
/*listBlockA01*/
#vote .listBlockA01 ul li{
	font-size:14px;
	text-indent:-1em;
	padding:0 0 0 1em;
	line-height:1.75;
}
/*bgWhiteBlock01*/
#vote .bgWhiteBlock01{
	background:#fff;
	border:1px solid #c8c8c8;
	margin:44px 23px 0;
	padding:39px 19px 40px;
}
/*btnBlockA01*/
#vote .btnBlockA01{
	background:url(/designcard/common/images/vote_btn_002.jpg) no-repeat top left;
}
#vote .btnBlockA01 a{
	background:url(/designcard/common/images/vote_btn_001.gif) no-repeat 93% 50%;
	color:#fff;
	font-size:24px;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	display:block;
	width:390px;
	padding:19px 0 18px;
}
#vote .btnBlockA01:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: alpha(opacity=60);
}
/*btnBlockA02*/
#vote .btnBlockA02 p{
	background:url(/designcard/common/images/vote_btn_002.jpg) no-repeat top left;
	width:440px;
	margin:0 auto;
}
#vote .btnBlockA02 a{
	background:url(/designcard/common/images/vote_btn_001.gif) no-repeat 93% 50%;
	color:#fff;
	font-size:30px;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	display:block;
	width:440px;
	padding:17px 0 18px;
	margin: 22px 0 0;
}
#vote .btnBlockA02:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: alpha(opacity=60);
}
/*bnrBlockA01*/
#vote .bnrBlockA01{
	text-align:center;
	margin:25px 0 0;
}
/*head内のバナー配置用*/
.head_bnr01 p{
	float:right;
	padding:21px 0 20px;
}
/*----------------------------------------------
vote.html用のrankingArea  20160616追記
------------------------------------------------*/
#vote .rankingArea{
	margin:35px auto 0;
	width: 950px;
}
#vote .rankingArea .columnBlock .rank{
	margin:0;
	padding:0 0 0 23px;
}
#vote .rankingArea .columnBlock .detailBlock_vote{
	margin:18px 0 0;
	padding:0 0 42px;
}
#vote .rankingArea .columnBlock .detailBlock_vote .card{
	float: left;
	margin:0 0 0 23px;
	width: 351px;
}
#vote .rankingArea .columnBlock .detailBlock_vote .rightBlock{
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	float:left;
	margin:0;
	padding:0 0 0 38px;
	position:relative;
	width:575px;
}
/*cardListNumber*/
#vote .columnBlock .rankingBlock .cardListNumber{
	border-bottom: 3px solid #000;
	font-size:18px;
	position: absolute;
	top: -43px;
	width: 302px;
}
#vote .column2Block .rankingBlock .cardListNumber{
	border-bottom: 2px solid #000;
	font-size: 18px;
	position: absolute;
	top: -35px;
	width: 103px;
}
#vote .column3Block .descriptionBlock .cardListNumber{
	border-bottom: 2px solid #000;
	font-size: 18px;
	margin: 0 0 16px 1px;
	width: 103px;
}
/*cardListCmt*/
#vote .columnBlock .rankingBlock .cardListCmt{
	font-size:0;
	margin:38px 0 0;
}
#vote .columnBlock .rankingBlock .cardListCmt .noPortfolio {
	display: inline-block;
	margin-left: 100px;
}
#vote .columnBlock .rankingBlock .cardListCmt p:first-child{
	margin-right:10px;
}
#vote .columnBlock .rankingBlock .cardListCmt p{
	display:inline-block;
	vertical-align:text-bottom;
	margin-right:6px;
}
#vote .column2Block .rankingBlock .cardListCmt p:first-child{
	margin-top:21px;
}
#vote .column2Block .rankingBlock .cardListCmt p{
	margin-top:4px;
}
#vote .columnBlock .rankingBlock .cardListTxt{
	margin:10px 0 0;
}
/*cardListPortfolio*/
#vote .cardListPortfolio{
	position: relative;
}
#vote .cardListPortfolio .tooltip{
	display:none;
	position: absolute;
	top: -78px;
	left: 89px;
	z-index:1;
}
#vote .rankingArea .column3Block .cardListPortfolio{
	position:absolute;
	top:77px;
	right:0;
}
/*cardListOther*/
#vote .rankingArea .column3Block .cardListOther{
	display: block;
	text-align: right;
	margin-top:10px;
}
/*column2Block*/
#vote .rankingArea .column2Block .rank{
	text-align:left;
	margin:0 0 0 70px;
}
#vote .rankingArea .column2Block .rankingBlock{
	width:475px;
	padding:40px 0 0;
	float:left;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#vote .rankingArea .column2Block .rankingBlock:first-child{
	border-right:1px solid #c8c9ca;
}
#vote .rankingArea .column2Block .detailBlock{
	text-align:left;
	margin:17px 0 0;
	padding:0 0 40px;
}
#vote .rankingArea .column2Block .card{
	float: left;
	margin:0 0 0 70px;
}
#vote .rankingArea .column2Block .rightBlock{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	float: left;
	margin: 0;
	padding: 0 0 0 21px;
	position:relative;
}
/*column3Block*/
#vote .rankingArea .column3Block{
	border-bottom:none;
}
#vote .rankingArea .column3Block .rankingBlock {
	width: 318px;
	padding: 40px 0 0;
}
#vote .rankingArea .column3Block .rankingBlock.last {
	width: 306px;
	border: none;
}
#vote .rankingArea .column3Block .rank{
	text-align:left;
	margin:0 0 0 55px;
}
#vote .rankingArea .column3Block .detailBlock{
	text-align:left;
	padding:17px 0 40px 55px;
}
#vote .rankingArea .column3Block .card{
	float:none;
	margin:0;
}
#vote .rankingArea .column3Block .descriptionBlock{
	position:relative;
	margin:10px 0 0;
	padding:0 0 8px;
	width: 206px;
}
#vote .voteButtonWrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
#vote .voteButton{
	margin-right: 26px;
}
#vote .voteButton a{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	min-width: 200px;
	height: 24px;
	background: linear-gradient(90deg, #e73f50, #ec5149, #f06343, #f1743e, #f2843b, #f1943a, #efa33c, #ecb241);
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	transition: 0.3s all ease-out;
}
#vote .voteButton a:hover{
	color: #000;
	font-weight: bold;
}
#vote .voteButton a::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #e8e93f, #cbeb53, #b0ec68, #96eb7d, #7de991, #67e7a3, #55e3b4, #4adec2);
	opacity: 0;
	transition: 0.3s all ease-out;
}
#vote .voteButton a:hover::before{
	opacity: 1;
}
#vote .voteButton a .voteButtonLabel{
	position: relative;
}
#vote .voteNote{
	position: relative;
	margin-top: 40px;
	padding-left: 18px;
	font-size: 18px;
}
#vote .voteNote .mark{
	position: absolute;
	top: 0;
	left: 0;
}
#vote .voteNote02{
	position: relative;
	margin-top: 5px;
	font-size: 18px;
}
#vote .voteText01{
	margin-top: 30px;
	font-size: 18px;
}

/* ######################################################################################
 pickup_001.html
###################################################################################### */
#Pickup .cardDetailsA01{
	padding:0 0 75px;
}
#Pickup .cardDetailsRight p{
	line-height:1;
}
#Pickup .cardDetailsNo{
	font-size:37px;
	font-weight:bold;
	padding:0 0 2px 8px;
}
#Pickup .cardDetailsTitle{
	font-size:36px;
	font-weight:bold;
	margin:27px 0 0;
	padding:0 0 2px 8px;
}
#Pickup .cardDetailsArtist{
	font-size:30px;
	margin:21px 0 0;
	padding:0 0 3px 8px;
}

#Pickup .imgLeftBlock{
	padding-left: 13px;
	width:462px;
	
}
#Pickup .imgLeftBlock .left{ float:left;}
#Pickup .imgLeftBlock .right{
	float:right;
	margin-top:2px;
	width:289px;
}
#Pickup .cardDetailsA01 .cardDetailsText01 {
	border-bottom: 1px solid #afb0b1;
	font-size:13px;
	line-height:1.75;
	padding: 15px 6px 11px 13px;
}
#Pickup .cardDetailsA01 .cardDetailsText02 {
	font-size:14px;
	border-bottom: 1px solid #afb0b1;
	padding: 17px 6px 15px 13px;
}
#Pickup .cardDetailsA01 .cardDetailsText02 span{
	font-weight:bold;
	padding-right:18px;
}
#Pickup .cardDetailsA01 .cardDetailsBtn{
	margin: 20px 10px 0;
}

/* ######################################################################################
 information.html
###################################################################################### */
#info h2{
	margin-bottom:30px;
}
#info .infoDetailsA01{
	clear:both;
	width:900px;
	margin:54px 30px 0 20px;
	padding:0 0 80px;}

#info .infoDetailsB01{
	margin:50px 0 0;}
#info .infoDetailsB01.first{margin:0;}
	
#info .infoDetailsA01 .infoDetailsLeft{
	float:left;
	width:370px;}

#info .infoDetailsA01 .infoDetailsLeft p{
	width:370px;
	height:370px;
	display:table-cell;
	text-align:center;
	layout-grid-line:370px;}

#info .infoDetailsA01 .infoDetailsRight{
	float: right;
	width: 474px;}

#info .infoDetailsA01 .infoDetailsTitle {
	border-bottom: 1px solid #afb0b1;
	font-size: 37px;
	font-weight: bold;
	padding: 0 0 2px 8px;}

#info .infoDetailsA01 .infoDetailsText {
	font-size:14px;
	margin: 20px 0 0;
	padding: 0 14px;}

#info .infoDetailsA01 .infoDetailsText p{
	line-height: 1.5;}
	
#info .InnerA01{
	margin:0 82px 0;}

#info .txtTitleA01{
	font-size:17px;
	font-weight:bold;
}
#info .txtBlockA01{
	font-size:13px;
	margin:25px 6px 0;}

#info .txtBlockA02{
	font-size:13px;
	margin:25px 0 0;}

#info .txtBlockA01 p,
#info .txtBlockA02 p{
	line-height:1.75;}

#info .column2Block{
	width:770px;}

#info .column2Block .column:first-child{
	float:left;}
	
#info .column2Block .column{
	float:right;
	width:366px;}
	
#info .column2Block .card{
	position:relative;
	margin:15px 0 0;
	width:366px;}

#info .column .card .copyright{
	font-size:10px;
	position: absolute;
	right: 4px;
	bottom: -17px;}

.borderBox01{
	border: #cf232c solid 2px;
}
.linkTxt01 a {
    display: inline-block;
    padding-left: 16px;
    position: relative;
}
.linkTxt01 a::before {
    border-color: transparent transparent transparent #584933;
    border-style: solid;
    border-width: 3px 6px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0.4em;
    width: 0;
}
.gradientBox01 {
	padding: 5px;
	background: url(/designcard/img-files/pc_vote1701_ex01.png) 0 100% no-repeat;
	background: -moz-linear-gradient(left, #94c80f 0%, #0fb4c8 100%);
	background: -webkit-linear-gradient(left, #94c80f 0%,#0fb4c8 100%);
	background: linear-gradient(to right, #94c80f 0%,#0fb4c8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94c80f', endColorstr='#0fb4c8',GradientType=1 );
}
.gradientBox01 .gradientInn {
	padding: 15px;
	background: #fff;
}

/* ######################################################################################
 slide
###################################################################################### */
.sliderBlock {
	border-bottom: 1px solid #c8c9ca;
	font-size:13px;
	margin: 0 0 50px 0;
	padding: 0 0 60px 0;}

.sliderBlock .caption{
	width: 545px;
	margin: 20px auto 0;}

.sliderBlock .sliderListBlock{
	width: 545px;
	margin: 0 auto;
	line-height:1.5;}

.sliderBlock .sliderListBlock li a{
	color: #000;}

.bx-wrapper .bx-viewport{
	border:none;}

/*tumbnail*/
#bx-pager {
	text-align:center;}
	
#bx-pager >a {
	width: 169px;
	margin: 0.5%;
}