/*
 *
 */
.btnArea {clear:both; width: 100%; text-align:center; padding: 10px 0; background: #7a7a7a; margin-top: 20px;}

/**** Buttons ****/
/*
.btn 
{
    position:relative;
    padding: 4px 32px;
    color: #ffffff;
    text-shadow: -1px -1px 3px rgba(0,0,0,0.5);
    background-image: linear-gradient(to bottom, #8FA86E, #0D100A);
    background-image: -moz-linear-gradient(top, #8FA86E, #0D100A);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8FA86E), to(#0D100A));
    background-image: -webkit-linear-gradient(top, #8FA86E, #0D100A);
    background-image: -o-linear-gradient(top, #8FA86E, #0D100A);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8FA86E', endColorstr='#0D100A', GradientType=0);
}
.btn:hover {text-decoration: none; color:#ffffff; background-color:#8FA86E;*background-color:#A1BC7E;background-position:0 30px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}

.btn-green 
{
    color: #ffffff;
    text-shadow: -1px -1px 3px rgba(0,0,0,0.5);
    background-image: linear-gradient(to bottom, #8FA86E, #0D100A);
}
.btn-light
{
    position: relative;
    height: 16px;
    width: auto;
    padding: 10px 32px;
    color: #000000;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    background-image: linear-gradient(to bottom, #D8EEBF, #9FD662);
    background-image: -moz-linear-gradient(top, #D8EEBF, #9FD662);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#D8EEBF), to(#9FD662));
    background-image: -webkit-linear-gradient(top, #D8EEBF, #9FD662);
    background-image: -o-linear-gradient(top, #D8EEBF, #9FD662);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D8EEBF', endColorstr='#9FD662', GradientType=0);
    background-color: #9FD662;
}
.btn-light:hover{text-decoration: none; color: #000000; background-color:#D8EEBF;*background-color:#B8EEBF;background-image:none;}

.entryButtons {display: inline-block;height: auto;}
.entryButtons .btn-light {float: left; display: block; min-width: 120px;margin-right: 10px;}
.btn-light-green
{
    color: #000000;
    text-shadow: -1px -1px 3px rgba(255,255,255,0.5);
    background-image: linear-gradient(to bottom, #9FD662, #000000);
}
.btn-round 
{
    -webkit-border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
}
.btn-rect 
{
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0x;
    border-radius: 0 0 0 0;
}
.btn-small {font-size: 12px;line-height: 12px;}

.btn .icon-play, .btn-light .icon-play
{
    position:absolute; top: 8px; left:8px; 
    background-color: rgba(0,0,0,0.5);
    border:1px solid #000;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius:  5px 5px 5px 5px;
    border-radius:   5px 5px 5px 5px;
}
.btn-light .icon-play {top: 11px; left:8px;}
.btn-small .icon-play {position:absolute; top: 4px; left:6px;}
.btn .icon-play,
.btn-light .icon-play {width: 10px; height: 10px; background-image: url("../img/next.png"); background-repeat: no-repeat; background-position: 3px 0;}
.btn:hover .icon-play,
.btn-light:hover .icon-play {background-image: url("../img/next.png"); background-repeat: no-repeat;background-position: 3px 0;}
 */

/**** EntryList ****/
.entryCaption {display: inline-block; height: auto; width:100%; margin: 10px 0px 20px 0px;}
.entryCaption .entryBtnArea {float: right; padding-right: 20px; margin-bottom: 10px;}
.entryCaption .entryBtnArea p { line-height: 1.5em;}
.pubEntryList 
{
    list-style-type: none; 
    margin-left:0;
    margin-top: 5px;
    background-color: #ddd;
	padding: 10px;
	box-shadow: inset 0px 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: inset 0px 1px 2px rgba(34,25,25,0.4);
	-webkit-box-shadow: inset 0px 1px 3px rgba(34,25,25,0.4);
}
.pubEntryList>.tab-content>.tab-pane>ul {margin-left: 0;}
.pubEntryList>.tab-content>.tab-pane>ul>li 
{
    width: 199px;
    height: 290px;
    text-align: center;
    float:left;
	margin: 5px;
	padding: 10px;
	background-color: #fff;
	-webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
}
.pubEntryList li img {max-height: 190px;}
.pubEntryList li table {width: 100%;}
.pubEntryList .pagination a, .pubEntryList .pagination a:hover {color:#000;}

.PubEntryListTableSub { margin-top: 5px;}
.img-wrap {width: 199px; height: 190px; text-align: center; vertical-align: middle; display:table-cell;layout-grid-line:150px;}
.img-wrap img {vertical-align: middle;}
#PubEntryListNoEntry {text-align:center; padding: 20px;}
.pubEntryList .masonry-item {width: 172px;}
 
/**** EntryDetails ****/
.EntryDetails {display: inline-block; width: 100%; height: auto; margin: 20px 0;}
.EntryPhoto {text-align: center;}
.EntryPhoto img {max-height: 720px; }
.EntryInfo {margin: 0 20px;}
#DetailsPhoto {width: 100%;}


.contestEntry {margin-top: 20px;}
.EntryInfoTitle {font-size: 120%; font-weight: bold; margin: 20px 0; border-bottom: 1px solid #cccccc;}
.EntryInfo dl dt {float:left; width: 8em;clear:left;}
.EntryInfo dl dd {margin-left: 8em; overflow: hidden;}
.EntryButtons {clear:both; width: 100%; text-align:center;}
.EntryButtons .btn {margin: 10px 10px;}

/**** Login ****/
.loginNotice {border: 1px solid #ddd; padding:10px 20px 0 20px; margin-bottom: 20px;}
.loginNotice p span {float: left; display:block; min-width: 240px;}

/**** MyPage ****/
/* .page-navi {clear:both; text-align:right; margin-right: 20px;}
.page-navi a, .page-navi span {padding: 0 3px;}
 */
.pagination {clear: both; text-align:right;margin: 10px 10px 10px 20px;}
.pagination a {padding: 2px 10px;}

#myPageDescription .note {float: none; margin-top:0;}
#myPageBody {clear:both;}
#subtitle form {margin: 0;}
.nichnameBar {display: inline-block; height: auto; width: 100%;}
.nichnameBar h3 {line-height:20px; padding: 0;}
.nichnameBar button {float: right; margin-top: -40px;}
.nichnameBar .btn-light {   padding: 6px 32px; height: auto;}

.note ul {margin-left: 1.0em;}
.note li {text-indent: -1.0em;}
.contentEntries, .contest-myentries {
    margin-top: 10px;
	padding: 20px 0; display: inline-block; height:auto; width:100%;
	/* */
	background: #ddd;
	box-shadow: inset 0px 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: inset 0px 1px 2px rgba(34,25,25,0.4);
	-webkit-box-shadow: inset 0px 1px 3px rgba(34,25,25,0.4);
	/* */
}
.myentry {
	float:left; width: 535px; height: 250px; position: relative;  margin: 0 0 20px 20px; padding: 20px 10px;  background: #ffffff;
	-webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
}
.myentryimg {width: auto; min-height: 210px; width: 240px; text-align:center;}
.myentryimg img {max-height: 210px;}
.myentryinfo {position: absolute; top:0; right:0;padding: 20px 10px;}
.myentrybtn {display: inline-block; padding:10px; }
/* .myentrybtn button {min-width: 130px; } */
.myentrytableRight td { display: inline-block;}
.myentrytableRight .labelm {display: block; float:left; min-width: 60px;}
.myentrytableRight .controlm {display:block; float: right;}
.noEntry 
{
    text-align:center; padding: 20px; 
    margin-top: 10px;
	background: #ddd;
	box-shadow: inset 0px 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: inset 0px 1px 2px rgba(34,25,25,0.4);
	-webkit-box-shadow: inset 0px 1px 3px rgba(34,25,25,0.4);
}

.entry-item {float:left; width: 515px; height: auto; min-height: 250px; position: relative; margin: 0 0 20px 20px; padding: 20px 10px; background: #ffffff;
	-webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
}
.entry-item-image { min-height: 180px; width: 37%; text-align:center; display: inline-block; vertical-align: top;}
.entry-item-image img {max-height: 200px;}
/* 2015.04.20
.entry-item-info {position: absolute; top: 0; left: 40%; width: auto;color:#000000;}
 */
.entry-item-info {display: inline-block; width: 60%; padding-left: 10px; color:#000000; box-sizing: border-box;}
.entry-item-info>dl {margin-top: 0;}
/*
.entry-item-info dl dt {float:left;   width: 6em;}
.entry-item-info dl dd { width: 24em;margin-left: 6em;}
 */
.entry-item-info dl dd input {padding: 0 6px; margin-bottom: 5px; width: 100%; box-sizing: border-box; }
.entry-item-info dl dd textarea {width: 100%; box-sizing: border-box;}
.entry-item .btnArea {/*width: 35%; */ background: transparent; margin: 0; clear:none;}
.entry-item .btnArea .btn {margin: 0 10px;}

/**** contestEntry ****/
#contestEntry {position: relative;}
/*
#contestEntry .note {position: absolute; top: 0; left: 500px;}
 */
@media (max-width: 979px) {
    #contestEntry .note {
    float: none;
    position: relative;
    left: 0;
    }
    .entry-item-info {width: 100%;  padding-right: 10px;}
}
.diviframe, .divagreement {width: 100%; }

.current-contest {margin:0;}
.current-contest li {margin: 10px 0 0 20px; list-style-type: none; width: 96%; clear:both; display: inline-block; height:auto;}
.current-contest .contest-name {float: left; min-width: 200px; margin-left: 20px; }
.current-contest .contest-banner  {float: left; width: 50%;}
#contest-results-list li {margin: 10px 0 0 20px; min-height: 1px;}
#contest-results-list.cols-1-horz .thumb-wrapper {margin: 0; width: 50%;}
#contest-results-list.cols-1-horz .text-wrapper {width: 45%; padding: 20px;}
.contest-entries .text-wrapper {margin-top: 10px; line-height: 1.25em; text-align:center; color:#000;}
.agreement {margin: 20px; color: #000000;}
.agreement h2 {color: #000000;}
.agreement-body {height: 200px; overflow: auto;}
.privacy-body {height: 200px; overflow: auto;}
.agreement-btn {text-align: center; margin: 20px;}
.registration {margin: 20px;}
.pubEntryList .masonry-item {height: 220px; float: left; text-align: center;}
.pubEntryList .masonry-item .entryInfo {width: 174px; height: 170px; display: table-cell; text-align: center; vertical-align: middle; layout-grid-line: 170px;}
.pubEntryList .masonry-item img {max-width: 174px; max-height: 170px; vertical-align: middle;}

@media (max-width: 979px) {
	#contestEntry .note {float:none; position:relative;left:0;}
	.entryCaption .entryBtnArea {float:none; min-width: 100%;} 
	.EntryPhoto {float:none; width: 100%;} 
	.EntryInfo {float:none; width: auto;}
    .entry-item {width: 86%; width: calc(100% - 40px); margin-left:10px; margin-right: 10px;}
    /*.entry-item-info dl {width: 320px; margin: 20px auto;} */
    .entry-item-info dl dt {float:none;}
    .entry-item-info dl dd {margin-left: 0;}
    .entry-item-image {width: 100%;}
    .entry-item-info {position: relative; left:10px;}
    .entry-item .btnArea {width:100%;}
    input textarea {width: auto;}
}
@media (max-width: 480px) 
{
    .myentry {width:100%; height:auto; padding:0; margin:10px 0 10px 0;} 
    .myentryinfo {position:relative;}
    .myentryimg {width:100%;}
    #contestEntry .note {float:none; position:relative;left:0;}
    .nichnameBar button {float: none; margin-top: 0px; margin-bottom:10px; width: 100%;}
    /*.entry-item {margin-left:0px!important} */
    .entry-item-info {left:0px;}
}
@media (min-width: 1200px) {
	#myPageDescription .note {float:right; margin-top: -50px;} 
	.EntryInfo {float:left; width: 35%;} 
	.EntryPhoto {float:left; width: 60%;}
}

.login-label {margin-bottom: 20px; padding: 0 20px; }
.loginNotice>p {text-indent: -10px; padding-left: 10px;}
.loginNotice>p span {float:none;}
.modal .modal-content {padding: 15px;}
.modal-header h3 {font-size: 18px; text-align: center;}

.description {margin-bottom: 20px;}

.contest-dialog { position: fixed; display: none; background-color: #fff; left: 0px; right: 0px; top: 0px; bottom: 0px; overflow-y: auto; }
.contest-dialog .modal-header {position: fixed; top:0; left:0; right:0; background-color: #fff;}
.contest-dialog .modal-content {margin-top: 60px;}
.contest .modal-content>.row {margin-left: 20px; }
.form-horizontal .control-group {margin-bottom: 10px;}
#registration table td {min-width: 30px;}
#registration table td span {padding: 0 10px; text-align: center;}
#entry-dialog .container {max-width: 800px; padding: 10px;}
#entry-dialog input, #entry-dialog textarea {width: 100%; width: calc(100% - 14px);}
#entry-dialog .note>p:nth-child(1) {text-indent: -70px; margin-left: 70px;}
.reg-item {
    clear: both; height: auto; overflow: hidden; padding: 0 20px;
}
.reg-title, .reg-header, .reg-input {
    float: left;
}
.reg-title {
    width: 180px;
}
.reg-header {
    width: 20px; text-align:center;
}
.reg-input {
    margin-bottom: 10px;
}
.reg-note {clear: both; margin-left: 200px;}
.reg-unit {
    display: inline-block;
}
.regConfirm table tr>th {text-align: left;}
.pageError {text-align: center; color: red;}
.red {color: red;}
.reg-input.large {width: 70%; width: calc(100% - 170px - 50px);  min-width: 176px;}
.reg-input.large input {width: 100%;}
#contest-mypage .contest-entry {text-align: center; font-size: 20px; padding: 10px; margin-bottom: 10px; background-color: #fbeb8b; cursor: pointer; border: 1px solid #777; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px;}
@media (max-width: 767px) {
    .contest-dialog {margin-right: 20px;}
}
@media (max-width: 479px) {
.reg-input.large {width: 100%;}
#entry-dialog input, #entry-dialog textarea {width: 100%; }
.modal-header .close {padding: 10px; margin: 0px;}
}

@media (max-width: 519px) {
    .reg-note {
        margin-left: 0;
    }
}

.registration { margin: 0; padding: 20px 20px 20px 40px;}
/* パスワード変更　*/
.dialog-pwd-frame {position: fixed; top:0; left:0; right:0; bottom:0; background-color: #999; color: #000;}
.dialog-password {position: fixed; width: 420px; height: 220px; padding:16px;  background-color: #fff; color: #000; border: 1px solid #000; top:50%;  left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.dialog-password .reg-title {width: 140px;}
.dialog-password .dialog-password-header h2 {text-align: center; padding-bottom: 10px;}
.mode-update.pageError {height: 20px;}
.contest-dialog .row {margin-left: 0;}
.registration-confirm table th {text-align: left;}