@charset "UTF-8";

/**
 * ウィナーズ倶楽部会員間
 * 汎用スタイル
 * date: 2015/07/10
 * author: Naraki Akika
 * author url: http://www.yonesys.com
 * copyright: WinnersClub
 * version: 1.0
 */

/**
 * アニメーション
 */
/* 回転アニメーション */
.spinning {
	-webkit-animation: spin 1.5s linear infinite;
	-moz-animation: spin 1.5s linear infinite;
	-ms-animation: spin 1.5s linear infinite;
	-o-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

/* 文字バウンドアニメーション */
.textbound1 { margin-left: -0.25em; -webkit-animation: bound .5s ease-in-out;}
.textbound3 { margin-left: -0.25em; -webkit-animation: bound .7s ease-in-out;}
.textbound2 { margin-left: -0.25em; -webkit-animation: bound .9s ease-in-out;}
.textbound4 { margin-left: -0.25em; -webkit-animation: bound 1s ease-in-out;}
@-webkit-keyframes bound {
	0% {transform: scale(0) translate(0,-250px);}
	50% {transform: scaleX(2) translate(0,100px);}
	70% {transform: scaleY(.5) translate(0,-50px);}
	90% {transform: scaleX(1.5) translate(0,25px);}
	100% {transform: scale(1) translate(0,0);}
}

/* スターウ○ーズ */
.type-pers-parent {
	perspective: 150px;
	-webkit-perspective: 150px;
	height: 200px;
	background-color: #222;
	overflow: hidden;
}
.type-pers-child {
	text-align: justify;
	padding: 5%;
	-webkit-animation: typetext linear 15s infinite;
	color: #F1C40F;
	letter-spacing: 1px;
}
@-webkit-keyframes typetext {
	0% {transform: rotateX(30deg) translate(0,0);}
	100% {transform: rotateX(30deg) translate(0,-500px);}
}

/* 画像リストの初期読み込みアニメーション */
[data-liffect="pageLeftBack"] > * {
	opacity: 0;
	position: relative;
	-webkit-animation: pageLeftBack 300ms ease both;
	-webkit-animation-play-state: paused;
	-webkit-transform-origin: 0% 50%;
	-moz-animation: pageLeftBack 300ms ease both;
	-moz-animation-play-state: paused;
	-moz-transform-origin: 0% 50%;
	-o-animation: pageLeftBack 300ms ease both;
	-o-animation-play-state: paused;
	-o-transform-origin: 0% 50%;
	animation: pageLeftBack 300ms ease both;
	animation-play-state: paused;
	transform-origin: 0% 50%;
}
[data-liffect="pageLeftBack"].play > * {
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-o-animation-play-state: running;
	animation-play-state: running;
}
@-webkit-keyframes pageLeftBack {
	0% { opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); }
	100% { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg); }
}

@-moz-keyframes pageLeftBack {
	0% { opacity: 0; -moz-transform: perspective(400px) rotateY(90deg); }
	100% { opacity: 1; -moz-transform: perspective(400px) rotateY(0deg); }
}

@-o-keyframes pageLeftBack {
	0% { opacity: 0; -o-transform: perspective(400px) rotateY(90deg); }
	100% { opacity: 1; -o-transform: perspective(400px) rotateY(0deg); }
}

@keyframes pageLeftBack {
	0% { opacity: 0; transform: perspective(400px) rotateY(90deg); }
	100% { opacity: 1; transform: perspective(400px) rotateY(0deg); }
}

/**
 * レイアウト
 */
html,body {
	font-family: メイリオ, Meiryo,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

a { cursor: pointer; }

.nomargin,.no-margin { margin: 0 !important; }
.nopadding,.no-padding { padding: 0 !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.noverticalpadding,.no-vertical-padding { padding-top: 0 !important;padding-bottom: 0 !important; }
.font-bold { font-weight: bold !important; }
.font-weight-normal,.font-normal { font-weight: normal !important; }
.font-xs { font-size: 70% !important; }
.font-sm { font-size: 85% !important; }
.font-lt { font-size: 95% !important; }
.font-md { font-size: 110% !important; }
.font-lg { font-size: 130% !important; }
.font-size-xs { font-size: 11px !important; }
.font-size-sm { font-size: 18px !important; }
.font-size-md { font-size: 24px !important; }
.font-size-lg { font-size: 32px !important; }

.v-top { vertical-align: top !important; }
.v-middle { vertical-align: middle !important; }
.v-bottom { vertical-align: bottom !important; }

.overflow-hidden { overflow: hidden !important; }

.noborder,.nobordered,.no-bordered,
.noborder *,.nobordered *,.no-bordered *
{
	border: none !important;
}
.nobg,.no-bg,.no-background,
.nobg *,.no-bg *,.no-background *
{
	background: none !important;
}

.theme-color {
	color: #23B7E5 !important;
}

@media (max-width: 767px) {
	.nomargin-xs {
		margin: 0 !important;
	}
	.nopadding-xs {
		padding: 0 !important;
	}
}

/**
 * コンポーネント
 */

#user-block {
	height: auto !important;
	display: block !important;
}

.content-wrapper .content-heading {
	line-height: 1.2em;
}

.btn.btn-twitter {
	color: #fff;
	background-color: #55ACEE;
}
.btn.btn-twitter:hover,
.btn.btn-twitter:active
{
	background-color: #389FEB;
}
.btn.btn-facebook {
	color: #fff;
	background-color: #315096;
}
.btn.btn-facebook:hover,
.btn.btn-facebook:active
{
	background-color: #28427D;
}
.btn.btn-googleplus {
	color: #fff;
	background-color: #dd4b39;
}
.btn.btn-googleplus:hover,
.btn.btn-googleplus:active
{
	background-color: #D73624;
}

.btn.btn-block {
	margin-bottom: 15px;
}

.btn.btn-circle {
	-webkit-border-radius: 50%;
			border-radius: 50%;
}
.btn.btn-circle.btn-xs {
	width: 15px;
	height: 15px;
	line-height: 15px;
}

.btn-superlarge {
	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
		-ms-transition: 0.3s;
		 -o-transition: 0.3s;
			transition: 0.3s;
	
	display: block;
}
.btn-superlarge:hover,
.btn-superlarge:active
{
	opacity: 0.8;
	text-decoration: none;
}


.thumb32,.thumb64 {
	border: 2px solid #e1e2e3;
}
.img-responsive.thumb32 {
	max-width: 32px;
	max-height: 32px;
	width: 100% !important;
	height: 100% !important;
}
.img-responsive.thumb64 {
	max-width: 64px;
	max-height: 64px;
	width: 100% !important;
	height: 100% !important;
}
.thumb32.fixed {
	max-width: 32px !important;
	max-height: 32px !important;
	min-width: 32px !important;
	min-height: 32px !important;
}
.thumb64.fixed {
	max-width: 64px !important;
	max-height: 64px !important;
	min-width: 64px !important;
	min-height: 64px !important;
}

.masonry {
	
}
.masonry.row {
	
}
.masonry:before,
.masonry:after
{
	display: none !important;
	content: "" !important;
	width: 0 !important;
	height: 0 !important;
}

.uk-notify.uk-notify-top-center {
	width: 90% !important;
	top: 20px !important;
	left: 5% !important;
	margin-left: 0 !important;
	z-index: 9999;
}

.parsley-errors-list {
	text-align: left !important;
}

.half-float .half-float-bottom, .half-float .half-float-top
{
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: -60px;
	width: 300px;
	height: 300px;
	margin-left: -150px;
	z-index: 2;
}

.c-checkbox,
.c-radio
{
	display: inline-block;
}
.c-checkbox span:before, .c-radio span:before {
	min-width: 1px;
	min-height: 1px;
}
.radio input[type='radio'], .radio-inline input[type='radio'], .checkbox input[type='checkbox'], .checkbox-inline input[type='checkbox']
{
	width: 0.1px;
	height: 0.1px;
	position: relative;
}

.nowrap,
table.nowrap th,
table.nowrap td,
table th.nowrap,
table td.nowrap
{
	white-space: nowrap !important;
}

.table > thead > tr > th,
.table > tbody > tr > td,
.table > tbody > tr > td
{
	overflow: hidden;
}
.borderless {
	border: none !important;
}
.table.borderless {
	border: none !important;
}
.table.borderless th,
.table.borderless td {
	border: none !important;
}
.table .checkbox {
	/*width: auto;*/
}

.label {
	padding: 0.3em 0.6em;
	vertical-align: middle;
}
.label.label-default {
	background-color: #aaa;
}

.form-group ul.list-inline > li {
	margin-bottom: 15px;
}
ul.list-inline > li > a,
ul.list-inline > li:hover > a,
ul.list-inline > li > a:hover
{
	text-decoration: none;
}

.datatable th {
	white-space: nowrap;
	text-align: center;
}

span.label {
	font-size: 14px;
	vertical-align: middle;
}
.tag.label {
	font-size: 14px;
	margin-right: 5px;
	padding: 5px 8px;
	margin-bottom: 8px;
	display: inline-block;
}
.label.font-xs, .label.label-xs { font-size: 9px !important; }
.label.font-sm, .label.label-sm { font-size: 11px !important; }
.label.font-lt, .label.label-lt { font-size: 11.5px !important; }
.label.font-md, .label.label-md { font-size: 14px !important; }
.label.font-lg, .label.label-lg { font-size: 18px !important; }
a > .label {
	text-decoration: none;
	vertical-align: middle;
}
a:hover > .label {
	text-decoration: none;
}

.form-group {
	overflow: hidden;
}
.form-group > .radio.c-radio:first-child {
	margin-top: 0;
}

blockquote small.no-quote:before {
	content: "";
	display: none;
}

.panel-heading,
.panel-footer
{
	overflow: hidden;
}

.panel.panel-accordion
{
	overflow: hidden;
}

a[data-tool="panel-collapse"],
.panel-accordion .panel-heading
{
	display: block;
	cursor: pointer;
}

.panel .list-group .list-group-item {
	border-right: 0 !important;
	border-left: 0 !important;
	-webkit-border-radius: 0 !important;
			border-radius: 0 !important;
}

.colpick {
	z-index: 999;
}

.popover-content
{
	overflow: hidden;
}

a.lightbox,
a.lightbox-files
{
	width: auto;
	height: 100%;
	/*display: inline-block;*/
	display: block;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	
	-webkit-transition: 0.2s;
	   -moz-transition: 0.2s;
		-ms-transition: 0.2s;
		 -o-transition: 0.2s;
			transition: 0.2s;
}
a.lightbox:hover,
a.lightbox-files:hover
{
	text-decoration: none;
}
a.lightbox:before,
a.lightbox:after,
a.lightbox-files:before,
a.lightbox-files:after
{
	position: absolute;
	content: "";
	top: 0;left: 0;
	z-index: 999;
	width: 100%;height: 100%;
	opacity: 0;
	
	-webkit-transition: 0.2s;
	   -moz-transition: 0.2s;
		-ms-transition: 0.2s;
		 -o-transition: 0.2s;
			transition: 0.2s;
}
a.lightbox:hover:before,
a.lightbox:hover:after,
a.lightbox-files:hover:before,
a.lightbox-files:hover:after
{
	opacity: 1;
}
a.lightbox:before,
a.lightbox-files:before
{
	background-color: rgba(0,0,0,0.3);
	padding: 2px;
}
a.lightbox:after {
	content: "\f00e";
	font-family: FontAwesome;
	font-size: 46px;
	color: #FFF;
	text-align: center;
	top: 50%;
	margin-top: -0.75em;
}
a.lightbox-files:after {
	content: "\f019";
	font-family: FontAwesome;
	font-size: 46px;
	color: #FFF;
	text-align: center;
	top: 50%;
	margin-top: -0.75em;
}
a.lightbox-files > img.img-thumbnail,
a.lightbox > img.img-thumbnail
{
	display: block;
	margin: 0 auto;
}
.dz-detail a.lightbox {
	display: block;
}
.dz-detail a.lightbox:hover {
	text-decoration: none;
}

.lightbox-group .dz-detail .form-group label,
.lightbox-group .dz-detail .form-group label [name="image_caption[]"]
{
	width: 100%;
}

.fs-lightbox-overlay,
.fs-lightbox
{
	z-index: 9999;
}

.sortable-handle {
	cursor: move;
}

.ui-datepicker {
	z-index: 9999 !important;
}

input[type="password"][name="password_confirmation"] {
	margin-top: 10px;
}

.flex-fit-rows {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	
	-webkit-align-content: flex-start;
	   -moz-align-content: flex-start;
		-ms-align-content: flex-start;
		 -o-align-content: flex-start;
			align-content: flex-start;
	
	-webkit-flex-wrap: wrap;
	   -moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		 -o-flex-wrap: wrap;
			flex-wrap: wrap;
}
.flex-fit-rows:before {
	width: 0 !important;
}
.flex-fit-rows > * {
	max-width: 100%;
}

.tooltip {
	opacity: 1;
}
.tooltip.top > .tooltip-arrow {
	border-top-color: #D3F1FA !important;
}
.tooltip.top > .tooltip-inner {
	background-color: #D3F1FA;
	color: #0F5C73;
}

.dz-alert {
	display: none;
	height: auto !important;
}
.dz-drag-hover {
	border: 3px dashed #55ACEE !important;
	background-color: rgba(0,0,0,0.4) !important;

	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
		-ms-transition: 0.3s;
		 -o-transition: 0.3s;
			transition: 0.3s;
}

.fc-sat {
	color: blue;
	background-color: #f0f0ff;
} 
.fc-sun {
	color: red;
	background-color: #fff0f0;
}

canvas[id^="chartjs-"],
canvas[class^="chartjs-"]
{
	width: 100% !important;
	height: 100% !important;
}

button.btn-like,
button[data-btn-like]
{
	
}
button.btn-like.active,
button[data-btn-like].active
{
	border: 1px solid #aaa;
	background-color: #ccc;
	color: #777;
}
button.btn-like.active:hover,
button[data-btn-like].active:hover
{
	border: 1px solid #9c9c9c;
	background-color: #bcbcbc;
	color: #6c6c6c;
}

webicon, [webicon], [data-webicon], .webicon, .webicon
{
	width: 1.3em;
	height: 1.3em;
	vertical-align: top;
}

.mfp-bg
{
	z-index: 9999;
}
.mfp-wrap
{
	z-index: 99999;
}


.user-block-status > .circle
{
	bottom: 20%;
	right: 20%;
	width: 0;
	height: 0;
	border: none;
}

#link-user-edit,
#link-user-edit:before,
#link-user-edit:after
{
	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
		-ms-transition: 0.3s;
		 -o-transition: 0.3s;
			transition: 0.3s;
}
#link-user-edit
{
	position: relative;
}
#link-user-edit:hover {
	background-color: rgba(35,183,229,0.7);
}
#link-user-edit:hover:before
{
	width: auto;
	height: auto;
	content: "会員情報を変更";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -0.5em 0 0 -3.5em;
	z-index: 999999;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
}
#link-user-edit:hover img
{
	opacity: 0.5;
}
#link-user-edit:hover .user-block-name,
#link-user-edit:hover .user-block-role
{
	color: rgba(255,255,255,0.7);
}
#link-user-edit .webicon
{
	-webkit-transition: 0.8s;
	   -moz-transition: 0.8s;
		-ms-transition: 0.8s;
		 -o-transition: 0.8s;
			transition: 0.8s;
}
#link-user-edit:hover .webicon
{
	-webkit-animation: spin 1.5s linear infinite;
	-moz-animation: spin 1.5s linear infinite;
	-ms-animation: spin 1.5s linear infinite;
	-o-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;

	width: 40px;
	height: 40px;
	margin-top: -60px;
}

@media (min-width: 768px) {
	.well.control-panel {
		
	}
	.well.control-panel a.btn {
		margin-bottom: 10px;
	}
}
@media (max-width: 991px) {
	.form-control,
	.input-group,
	.bootstrap-tagsinput
	{
		margin-top: 10px;
	}
	.input-group .form-control {
		margin-top: 0;
	}
	.table tr > td > .row > [class*="col-"]:first-child .form-control {
		margin-top: 0;
	}
}
@media (max-width: 767px) {
	.cke_top {
		display: none !important;
	}
	.form-group > span.fa,
	.form-group > span[class*="icon-"]
	{
		top: 2.5em;
	}

	.sweet-alert h2 {
		font-size: 16px;
		line-height: 1.2;
	}
	.sweet-alert p {
		font-size: 14px;
		line-height: 1.2;
	}
	.sweet-alert .sa-icon {
		display: none !important;
	}
}



/**
 * ファイルアップロード汎用（Dropzone.js）
 */
.preview-file-uploaded {
	
}
.preview-file-uploaded > [class*="col-"] {
	padding-right: 0;
}

.preview-file-uploaded.remove,
.preview-file-uploaded.select-remove
{
	border: 3px dashed #ec2626;
	padding-top: 8px;
}



/**
 * ログインフォーム
 */
#login {
	
}
#login #login-socials {
	
}
#login #login-socials .btn {
	margin-bottom: 10px;
}
#login #btn-backToTheLogin {
	margin-top: 30px;
}
#login #auth-info-contact {
	margin-top: 30px;
}



/**
 * ナビバー
 */
.topnavbar.user-second_generation,
.topnavbar.user-second_generation .navbar-header
{
	background: #43d967 !important;
}
#navbar-second_generation
{
	position: relative;
}
#navbar-second_generation > a
{
	height: 30px;
	margin: 12.5px 0 0 0;

	position: relative;
	z-index: 99999;
	display: block;
}
#navbar-second_generation > a > img
{
	width: auto;
	height: 100%;
}

@media (max-width: 767px) {
	.topnavbar.user-second_generation
	{
		background: #FFF !important;
	}
}




/**
 * アサイド
 */
.sidebar {
	overflow: hidden;
}

.user-block > .user-block-picture {
	width: auto;
}
.user-block > .user-block-picture > .user-block-status > img {
	max-height: 80px;
}
.user-block .user-block-info .user-block-name {
	font-weight: bold;
}

.aside .aside-inner ul.nav > li > a {
	font-size: 16px;
}
.aside .aside-inner ul.nav > li > ul.sidebar-subnav > li > a {
	font-size: 14px;
}



/**
 * コンテンツエリア
 */
.old_browser #message-for_old_browser {
	width: 100%;
	top: 0;
	left: 0;
	z-index: 99999;
	text-align: center;
	-webkit-border-radius: 0;
			border-radius: 0;
}
.content-wrapper {
	min-height: 750px;
}



/**
 * ホーム
 */
#page_home {
	
}

#page_home .media-box {
	
}
#page_home .media-box.inner {
	margin: 0 0 0 4em;
	padding: 5px 0 5px 5px;
	border-top: 1px dashed #dfdfdf;
}
#page_home .media-box .media-box-body .display-diff-time
{
	background-color: #efefef;
	padding: 2px;
	vertical-align: middle;
	font-size: 11px;
}

#page_home .media-box .gallery-thumbnail
{
	margin-bottom: 5px;
}

#page_home #list-participants {
	
}
#page_home #list-participants .media-box-body {
	margin-right: 10px;
	margin-bottom: 10px;
}


/**
 * 会員情報詳細
 */

.page-user-info {
	
}
.page-user-info .user-control-area a.btn,
.page-user-info .user-control-area button.btn
{
	margin: 0px 0 15px;
}
.page-user-info .user-control-area.bottom a.btn,
.page-user-info .user-control-area.bottom button.btn
{
	margin: 15px 0 0;
}

.page-user-info #display-username {
	margin-top: -10px;
	margin-bottom: 10px;
	display: block;
}

.page-user-info .bg-cover {
	position: relative;
}

.page-user-info .profile-image {
	margin-bottom: 15px;
}
.page-user-info #profile-bg-image {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
		-ms-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
}

.page-user-info.edit .profile-bg-image {
	position: relative;
	
	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
		-ms-transition: 0.3s;
		 -o-transition: 0.3s;
			transition: 0.3s;
}
.page-user-info.edit #profile-image-wrapper {
	position: relative;
	z-index: 900;
	background-color: rgba(255,255,255,0.3);
	border: 5px solid #23B7E5;
	margin-bottom: 15px;
	cursor: pointer;
	overflow: hidden;
	
	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
		-ms-transition: 0.3s;
		 -o-transition: 0.3s;
			transition: 0.3s;
}
.page-user-info.edit #profile-image-wrapper.dz-drag-hover {
	border: 5px dashed #23B7E5;
}
.page-user-info.edit #profile-image-wrapper:hover,
.page-user-info.edit #profile-image-wrapper:hover:before,
.page-user-info.edit #profile-image-wrapper:hover:after
{
	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
		-ms-transition: 0.3s;
		 -o-transition: 0.3s;
			transition: 0.3s;
}
.page-user-info.edit #profile-image-wrapper:before,
.page-user-info.edit #profile-image-wrapper:after
{
	display: none;
	opacity: 0;
	position: absolute;
	width: 100%;height: 100%;
	
	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
		-ms-transition: 0.3s;
		 -o-transition: 0.3s;
			transition: 0.3s;
}
.page-user-info.edit #profile-image-wrapper:before {
	content: "";
	display: block;
	background-color: rgba(0,0,0,0.5);
	z-index: 999;
}
.page-user-info.edit #profile-image-wrapper:after {
	content: "画像を変更するには、ここをクリックするか、ここにファイルをドラッグしてください。";
	max-width: 80%;
	max-height: 100%;
	font-family: FontAwesome;
	font-size: 26px;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -o-flexbox;
	display: flexbox;
	display: flex;
	-webkit-align-items: center;
	   -moz-align-items: center;
		-ms-align-items: center;
		 -o-align-items: center;
			align-items: center;
	-webkit-justify-content: center;
	   -moz-justify-content: center;
		-ms-justify-content: center;
		 -o-justify-content: center;
			justify-content: center;
	top: 0;left: 10%;
	text-align: center;
	vertical-align: middle;
	z-index: 1000;
}
.page-user-info.edit #profile-image-wrapper:hover:before,
.page-user-info.edit #profile-image-wrapper:hover:after
{
	opacity: 1;
}
.page-user-info.edit .profile-bg-image {
	border: 5px solid #23B7E5;
	position: relative;
	z-index: 800;
}

.page-user-info.edit #profile-image-wrapper img.profile-image {
	margin: 15px auto 15px;
}

.page-user-info.edit .dz-detail .progress {
	margin: 0 auto 15px;
}
.page-user-info.edit #dz-alert-profile_image {
	margin: 15px 0 15px;
	display: none;
}

.page-user-info.edit .profile-image {
	cursor: pointer;
}
.page-user-info.edit .profile-image:hover {
	/*
	border: 1px solid #23b7e5;
	background-color: #23B7E5;
	*/
}
.page-user-info.edit .profile-image_before {
	background-color: #fff;
	position: absolute;
	width: 100%;height: 100%;
	top: 0;left: 0;
}

.page-user-info.edit .profile-bg-image:before {
	
}

.page-user-info .alert-validate,
.page-user-info .alert-done,
.page-user-info .alert-confirm
{
	margin: 15px 0 35px;
	padding: 1em;
}
.page-user-info .alert h1,
.page-user-info .alert h2,
.page-user-info .alert h3,
.page-user-info .alert h4,
.page-user-info .alert h5,
.page-user-info .alert h6
{
	padding-bottom: 0;
	margin-bottom: 0;
}

.half-float-bottom .profile-image {
	max-height: 150px;
}
#sns-info {
	position: absolute;
	right: 5%;
	margin-top: -20%;
}
#sns-info a {
	margin-bottom: 10px;
}
.page-user-info .profile-left-box {
	position: relative;
	left: 5%;
	top: 0;
	margin-top: -10px;
}
.page-user-info .profile-left-box button,
.page-user-info .profile-left-box a
{
	display: block;
	margin-bottom: 10px;
}

.table-user_info {
	
}
.table-user_info > thead > tr > th,
.table-user_info > tbody > tr > th
{
	white-space: nowrap;
	vertical-align: middle;
}
.table-user_info > tbody > tr > td {
	vertical-align: middle;
}
.table-user_info .user_photo {
	width: 30%;
}
.table-user_info #btn-change_profile_image {
	margin-top: 10px;
}
.table-user_info .list-inline {
	margin: 0;
}
.table-user_info .list-nominators {
	
}
.table-user_info .list-nominators > li {
	
}
.table-user_info .row > [class*="col-"] > .input-group {
	margin-bottom: 10px;
}

.user-detail-xs dl > dt {
	font-size: 16px;
	position: relative;
	padding-left: 12px;
}
.user-detail-xs dl > dt:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 6px;
	height: 100%;
	background-color: #23b7e5;
}
.user-detail-xs dl > dd {
	font-size: 16px;
	margin-bottom: 1.2em;
	min-height: 1em;
}

.table-user-access-log
{
	
}
.table-user-access-log th,
.table-user-access-log td
{
	white-space: nowrap;
}

@media (min-width: 1500px) {
	.half-float-bottom .profile-image,
	.page-user-info .profile-content img.profile-image
	{
		max-width: 60%;
		max-height: 150px;
	}
}
@media (min-width: 1200px) and (max-width: 1499px) {
	.half-float-bottom .profile-image,
	.page-user-info .profile-content img.profile-image
	{
		max-width: 70%;
		max-height: 150px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.half-float-bottom .profile-image,
	.page-user-info .profile-content img.profile-image
	{
		max-width: 40%;
		max-height: 150px;
		margin-top: 5%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.half-float-bottom .profile-image,
	.page-user-info .profile-content img.profile-image
	{
		max-width: 60%;
		max-height: 150px;
		margin-top: 0;
	}
}
@media (max-width: 767px) {
	.half-float-bottom .profile-image,
	.page-user-info .profile-content img.profile-image
	{
		max-width: 100%;
		max-height: 200px;
	}
	#sns-info {
		position: relative;
		left: 5%;
		margin-top: -15px;
		padding-bottom: 15px;
	}
	#sns-info a.btn,
	#sns-info button.btn
	{
		width: 90%;
		display: block;
		margin-bottom: 10px;
	}
	#sns-info a.btn.btn-facebook {
		margin-bottom: 0;
	}
	.page-user-info .user-control-area {
		text-align: right;
		margin-bottom: 0;
	}

	.page-user-info.done {
		margin: 0 -15px 0 -15px;
	}
	.page-user-info .alert-done,
	.page-user-info .alert-confirm
	{
		margin: -15px 0 15px;
		padding: 1.5em 1em;
		-webkit-border-radius: 0;
				border-radius: 0;
	}
	.page-user-info .alert-done > *,
	.page-user-info .alert-confirm > *,
	.page-user-info .alert-done h4,
	.page-user-info .alert-confirm h4
	{
		line-height: 1.5em;
	}

	.page-user-info.edit #profile-image-wrapper:before,
	.page-user-info.edit #profile-image-wrapper:after
	{
		opacity: 1;
		font-size: 18px;
	}

	.page-user-info .profile-left-box {
		position: relative;
		margin-top: 15px;
		margin-bottom: 10px;
	}
	.page-user-info .profile-left-box a.btn,
	.page-user-info .profile-left-box button
	{
		width: 90%;
	}

	.page-user-info .cover-image-preview {
		margin-left: 0;
		width: 100%;
	}

	.colpick {
		top: 35% !important;
		left: 0 !important;
	}

}

/**
 * 自会員情報
 設定
 */
#page-user_settings_notifications {
	
}
#page-user_settings_notifications {
	
}



/**
 * 会員情報 会員一覧
 */
#page_members-list {
	
}
#page_members-list .user-profile-image {
	min-width: 64px;
	min-height: 64px;
}

@media (max-width: 767px) {
	#page_memebers-list .user-profile-image {
		min-width: 32px;
		min-height: 32px;
	}
}



/**
 * 写真館
 */
#page_gallery-post {
	
}

#page_gallery-post .control-area {
	
}
#page_gallery-post .control-area.visible-xs {
	margin-bottom: 15px;
}

#page_gallery-post #stage-drop1 {
	border: 3px dashed #ccc;
	min-height: 400px;
	position: relative;
	padding: 15px 15px 4em;
	background: url('../images/bg_upload_image-camera.png') no-repeat center center;
	
	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
		-ms-transition: 0.3s;
		 -o-transition: 0.3s;
			transition: 0.3s;
}
#page_gallery-post #stage-drop1.dz-drag-hover {
	border: 3px dashed #55ACEE;
	background-color: #efefef;

	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
		-ms-transition: 0.3s;
		 -o-transition: 0.3s;
			transition: 0.3s;
}
#page_gallery-post #stage-drop1 #preview {
	
}
#page_gallery-post #stage-drop1 #preview > [class*="col-"] {
	position: relative;
	z-index: 90;
}
#page_gallery-post #stage-drop1 .upload-message {
	position: absolute;
	top: 50%;
	left: 0;
	text-align: center;
	width: 100%;
	margin-top: -3em;
	font-size: 24px;
	z-index: 1;
	
	-webkit-transition: .3s;
	   -moz-transition: .3s;
		-ms-transition: .3s;
		 -o-transition: .3s;
			transition: .3s;
}
#page_gallery-post #stage-drop1 .upload-message.bottom {
	top: 70%;
}
#page_gallery-post #stage-drop1.dz-drag-hover .upload-message {
	font-size: 120%;
	color: #55ACEE;
	z-index: 999;
}
#page_gallery-post #stage-drop1.dz-drag-hover #btn-upload-gallery {
	background-color: #ccc;
	font-size: 50%;
	z-index: 999;
}
#page_gallery-post #stage-drop1 #btn-upload-gallery-wrapper {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: 2em;
	text-align: center;
}
#page_gallery-post #stage-drop1 #btn-upload-gallery-wrapper.bottom {
	top: 90%;
}
#page_gallery-post #stage-drop1 #btn-upload-gallery-wrapper #btn-upload-gallery {
	-webkit-transition: .3s;
	   -moz-transition: .3s;
		-ms-transition: .3s;
		 -o-transition: .3s;
			transition: .3s;
}

#page_gallery-post #stage-drop1 .dz-detail {
	
}
#page_gallery-post #stage-drop1 .dz-detail .form-group {
	margin: 5px 0;
}
#page_gallery-post #stage-drop1 .dz-detail .form-group:last-child {
	margin-bottom: 0;
}
#page_gallery-post #stage-drop1 .dz-detail .panel-heading {
	overflow: hidden;
	padding: 5px;
}
#page_gallery-post #stage-drop1 .dz-detail .panel-body {
	padding: 5px;
}
#page_gallery-post #stage-drop1 .dz-detail .btn-remove {
	
}
#page_gallery-post #stage-drop1 .dz-detail .progress {
	margin: 5px 0;
}
#page_gallery-post #stage-drop1 .sortable-placeholder {
	/*
	border: 2px dashed #ccc;
	padding: 0;
	*/
	display: block;
	margin: 0;
}
#page_gallery-post #stage-drop1 .sortable-placeholder > div {
	
}
#page_gallery-post #stage-drop1 .sortable-placeholder:before,
#page_gallery-post #stage-drop1 .sortable-placeholder:after
{
	display: none;
	width: 0;
}
#page_gallery-post #stage-drop1 .sortable-placeholder > div {
	background-color: rgba(0,0,0,0.1);
	border: 2px dashed rgba(0,0,0,0.3);
}

#page_gallery-post.confirm #stage-drop1 {
	border-style: solid;
	padding: 15px;
	background: none;
}
#page_gallery-post.confirm #stage-drop1 #preview .dz-detail .btn-remove {
	opacity: 0;
	visibility: hidden;
}
#page_gallery-post.confirm #stage-drop1 #preview .dz-detail .sortable-handle {
	cursor: auto;
}
#page_gallery-post.confirm #wrapper-article {
	border: 1px solid #dde6e9;
	-webkit-border-radius: 4px;
			border-radius: 4px;
	padding: 1em 1.5em;
}
#page_gallery-post.confirm .preview-caption {
	font-weight: 300;
}
@media (max-width: 767px) {
	#page_gallery-post #stage-drop1 .upload-message {
		top: 40%;
	}
	#page_gallery-post #stage-drop1 #btn-upload-gallery-wrapper {
		top: 60%;
	}
	#page_gallery-post #stage-drop1 #btn-upload-gallery-wrapper button {
		white-space: normal;
	}
}



/**
 * 写真館 アルバム一覧
 */
#page_gallery-index {
	
}
#page_gallery-index .gallery-title {
	margin: 0 0 0.5em;
}
#page_gallery-index .gallery-comment-count,
#page_gallery-index .gallery-likes-count
{
	margin-top: 0.5em;
}
#page_gallery-index a.anchor-to_detail {
	position: relative;
	display: block;
	overflow: hidden;
	
	-webkit-transition: 0.2s;
	   -moz-transition: 0.2s;
		-ms-transition: 0.2s;
		 -o-transition: 0.2s;
			transition: 0.2s;
}
#page_gallery-index a.anchor-to_detail:before,
#page_gallery-index a.anchor-to_detail:after
{
	position: absolute;
	content: "";
	display: block;
	top: 0;left: 0;
	width: 100%;height: 100%;
	opacity: 0;
	z-index: 5;
	
	-webkit-transition: 0.2s;
	   -moz-transition: 0.2s;
		-ms-transition: 0.2s;
		 -o-transition: 0.2s;
			transition: 0.2s;
}
#page_gallery-index a.anchor-to_detail:hover:before,
#page_gallery-index a.anchor-to_detail:hover:after
{
	opacity: 1;
}
#page_gallery-index a.anchor-to_detail:before {
	background-color: rgba(0,0,0,0.3);
}
#page_gallery-index a.anchor-to_detail:after {
	content: "\f03e　詳しく見る";
	font-family: FontAwesome, メイリオ, Meiryo,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	top: 50%;
	margin-top: -0.75em;
	text-align: center;
}

#page_gallery-index .gallery-uploaded-user {
	
}
#page_gallery-index .gallery-uploaded-date {
	
}

@media (min-width: 1500px) {
	#page_gallery-index .gallery-uploaded-user {
		width: 50%;
		text-align: left;
	}
	#page_gallery-index .gallery-uploaded-date {
		width: 50%;
	}
}
@media (min-width: 1200px) and (max-width: 1499px) {
	#page_gallery-index .gallery-uploaded-user {
		width: 100%;
	}
	#page_gallery-index .gallery-uploaded-date {
		width: 100%;
	}
}



/**
 * 写真館 アルバム個別
 */
#page_gallery-detail {
	
}
#page_gallery-detail #show-article {
	margin-bottom: 30px;
}
#page_gallery-detail .guide {
	margin-bottom: 15px;
}
#page_gallery-detail .gallery {
	margin-bottom: 15px;
}
#page_gallery-detail .gallery a.lightbox {
	position: relative;
}
#page_gallery-detail .gallery a.lightbox .caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background-color: rgba(0,0,0,0.5);
	border: 3px solid #ddd;
	border-top: none;
}

#page_gallery-detail .control-panel {
	
}
#page_gallery-detail .control-panel.bottom {
	margin-top: 15px;
}
#page_gallery-detail .control-panel .btn.pull-right {
	
}
#page_gallery-detail .control-panel .btn.pull-right:first-child {
	margin-left: 15px;
}

#page_gallery-detail .btn.btn-like-gallery {
	margin-right: 10px;
}

#page_gallery-detail #comments {
	
}
#page_gallery-detail #comments .comment-wrapper {
	
}
#page_gallery-detail #comments .comment-action {
	margin-top: 8px;
	margin-left: 0;
}
#page_gallery-detail #comments hr:last-child {
	display: none;
}
#page_gallery-detail #comments .form-reply {
	margin-top: 15px;
	display: none;
}
#page_gallery-detail #comments .form-reply > .panel-body {
	
}
#page_gallery-detail #comments .form-reply > .panel-body .media {
	margin-bottom: 10px;
}
#page_gallery-detail #comments .form-reply .btn-reply {
	margin-top: 10px;
}

#page_gallery-detail #post-comment {
	
}
#page_gallery-detail #post-comment .panel-body {
	
}
#page_gallery-detail #post-comment .media {
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	#page_gallery-detail #comments .comment-wrapper .comment-wrapper {
		margin-left: 1em;
	}
	#page_gallery-detail #comments .comment-wrapper .media-left {
		display: inline-block;
	}
	#page_gallery-detail #comments .comment-wrapper .media-left .anchor-user-detail {
		float: left;
	}
	#page_gallery-detail #comments .comment-wrapper .media-left .media-heading.visible-xs {
		margin: 0.5em 0 0 3em;
	}
}



/**
 * 写真館 マイアルバム
 */
#page_gallery-myalbum {
	
}
#page_gallery-myalbum table#datatable-main {
	
}
#page_gallery-myalbum table#datatable-main .th_thumbnail {
	min-width: 100px !important;
	max-width: 10% !important;
	width: 10% !important;
}
#page_gallery-myalbum table#datatable-main img.gallery-thumbnail {
	min-width: 100px !important;
	max-width: 10% !important;
}

#page_gallery-myalbum .checked-control-area {
	
}
#page_gallery-myalbum .checked-control-area hr {
	margin: 5px 0 10px;
}



/**
 * 写真館 まとめて処理
 */
#page_gallery-atonce {
	
}
#page_gallery-atonce table#table-confirm-atonce {
	
}
#page_gallery-atonce table#table-confirm-atonce .th_thumbnail {
	max-width: 100px;
}
#page_gallery-atonce table#table-confirm-atonce img.gallery-thumbnail {
	max-width: 100px;
}



/**
 * フォーラム 一覧
 */
#page_forum-index {
	
}
#page_forum-index #forum-articles .panel-body {
	padding-top: 0;
	padding-bottom: 0;
}
#page_forum-index #forum-articles hr:last-child {
	display: none;
}
#page_forum-index .forum-article {
	margin: 20px 0 20px;
}
#page_forum-index .forum-article .forum-author-profile-image {
	max-width: 94px;
}
#page_forum-index .forum-article .forum-title-area {
	padding-left: 0;
	padding-right: 0;
}
#page_forum-index .forum-article .forum-title {
	
}
#page_forum-index .forum-article .forum-title h4 {
	line-height: 1.5em;
	margin-top: -0.1em;
	word-wrap: break-word;
}
#page_forum-index .forum-article .forum-title .label {
	font-size: 11px;
	vertical-align: middle;
}

#page_forum-index .forum-article .posted-user {
	margin-bottom: 15px;
}

#page_forum-index .forum-article .btn-reply-count {
	width: auto;
	height: auto;
	-webkit-border-radius: 50%;
			border-radius: 50%;
	line-height: 1em;
}
#page_forum-index .forum-article .btn-reply-count h4,
#page_forum-index .forum-article .btn-reply-count h5,
#page_forum-index .forum-article .btn-reply-count h6
{
	margin: 0;
	font-size: 200%;
}
#page_forum-index .forum-article .latest-comment-profile-image {
	margin-top: -0.5em;
}

#page_forum-index .input-group-search {
	float: left;
	max-width: 250px;
	margin-right: 15px;
	margin-top: 0;
	margin-bottom: 15px;
}

@media (max-width: 767px) {
	#page_forum-index .input-group-search {
		float: none;
		max-width: none;
		margin-right: 0;
		margin-bottom: 15px;
	}
}



/**
 * フォーラム 投稿
 */
#page_forum-post #stage-drop1 {
	border: 3px dashed #ccc;
	min-height: 400px;
	position: relative;
	padding: 15px 15px 4em;
	background: url('../images/bg_upload_image-files.png') no-repeat center center;
	
	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
		-ms-transition: 0.3s;
		 -o-transition: 0.3s;
			transition: 0.3s;
}
#page_forum-post #stage-drop1.dz-drag-hover {
	border: 3px dashed #55ACEE;
	background-color: #efefef;

	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
		-ms-transition: 0.3s;
		 -o-transition: 0.3s;
			transition: 0.3s;
}
#page_forum-post #stage-drop1 #preview {
	
}
#page_forum-post #stage-drop1 #preview > [class*="col-"] {
	position: relative;
	z-index: 90;
}
#page_forum-post #stage-drop1 .upload-message {
	position: absolute;
	top: 50%;
	left: 0;
	text-align: center;
	width: 100%;
	margin-top: -3em;
	font-size: 24px;
	z-index: 1;
	
	-webkit-transition: .3s;
	   -moz-transition: .3s;
		-ms-transition: .3s;
		 -o-transition: .3s;
			transition: .3s;
}
#page_forum-post #stage-drop1 .upload-message.bottom {
	top: 70%;
}
#page_forum-post #stage-drop1.dz-drag-hover .upload-message {
	font-size: 120%;
	color: #55ACEE;
	z-index: 999;
}
#page_forum-post #stage-drop1.dz-drag-hover #btn-upload-forum {
	background-color: #ccc;
	font-size: 50%;
	z-index: 999;
}
#page_forum-post #stage-drop1 #btn-upload-forum-wrapper {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: 2em;
	text-align: center;
}
#page_forum-post #stage-drop1 #btn-upload-forum-wrapper.bottom {
	top: 90%;
}
#page_forum-post #stage-drop1 #btn-upload-forum-wrapper #btn-upload-forum {
	-webkit-transition: .3s;
	   -moz-transition: .3s;
		-ms-transition: .3s;
		 -o-transition: .3s;
			transition: .3s;
}

#page_forum-post #stage-drop1 .dz-detail {
	
}
#page_forum-post #stage-drop1 .dz-detail .form-group {
	margin: 5px 0;
}
#page_forum-post #stage-drop1 .dz-detail .form-group:last-child {
	margin-bottom: 0;
}
#page_forum-post #stage-drop1 .dz-detail .panel-heading {
	overflow: hidden;
	padding: 5px;
}
#page_forum-post #stage-drop1 .dz-detail .panel-body {
	padding: 5px;
}
#page_forum-post #stage-drop1 .dz-detail .btn-remove {
	
}
#page_forum-post #stage-drop1 .dz-detail .progress {
	margin: 5px 0;
}
#page_forum-post #stage-drop1 .sortable-placeholder {
	/*
	border: 2px dashed #ccc;
	padding: 0;
	*/
	display: block;
	margin: 0;
}
#page_forum-post #stage-drop1 .sortable-placeholder > div {
	
}
#page_forum-post #stage-drop1 .sortable-placeholder:before,
#page_forum-post #stage-drop1 .sortable-placeholder:after
{
	display: none;
	width: 0;
}
#page_forum-post #stage-drop1 .sortable-placeholder > div {
	background-color: rgba(0,0,0,0.1);
	border: 2px dashed rgba(0,0,0,0.3);
}

#page_forum-post.confirm #stage-drop1 {
	border-style: solid;
	padding: 15px;
	background: none;
}
#page_forum-post.confirm #stage-drop1 #preview .dz-detail .btn-remove {
	opacity: 0;
	visibility: hidden;
}
#page_forum-post.confirm #stage-drop1 #preview .dz-detail .sortable-handle {
	cursor: auto;
}
#page_forum-post.confirm #wrapper-content {
	border: 1px solid #dde6e9;
	-webkit-border-radius: 4px;
			border-radius: 4px;
	padding: 1em 1.5em;
}
#page_forum-post.confirm .preview-caption {
	font-weight: 300;
}
@media (max-width: 767px) {
	#page_forum-post #stage-drop1 .upload-message {
		top: 40%;
	}
	#page_forum-post #stage-drop1 #btn-upload-forum-wrapper {
		top: 60%;
	}
	#page_forum-post #stage-drop1 #btn-upload-forum-wrapper button {
		white-space: normal;
	}
}



/**
 * フォーラム スレッド詳細
 */
#page_forum-detail {
	
}
#page_forum-detail #show-article {
	margin-bottom: 30px;
}
#page_forum-detail .guide {
	margin-bottom: 15px;
}
#page_forum-detail .forum {
	margin-bottom: 15px;
}
#page_forum-detail .forum a.lightbox,
#page_forum-detail .forum a.lightbox-files
{
	position: relative;
	background-color: #e1e1e1;
}
#page_forum-detail .forum a.lightbox .caption,
#page_forum-detail .forum a.lightbox-files .caption
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background-color: rgba(0,0,0,0.5);
	border: 3px solid #ddd;
	border-top: none;
}

#page_forum-detail .control-panel {
	
}
#page_forum-detail .control-panel.bottom {
	margin-top: 15px;
}
#page_forum-detail .control-panel .btn.pull-right {
	
}
#page_forum-detail .control-panel .btn.pull-right:first-child {
	margin-left: 15px;
}

#page_forum-detail .btn.btn-like-forum {
	margin-right: 10px;
}

#page_forum-detail #comments {
	
}
#page_forum-detail #comments .comment-wrapper {
	
}
#page_forum-detail #comments .comment-action {
	margin-top: 8px;
	margin-left: 0;
}
#page_forum-detail #comments hr:last-child {
	display: none;
}
#page_forum-detail #comments .form-reply {
	/*border: 2px dashed #ccc;*/
	margin-top: 15px;
	
	display: none;
}
#page_forum-detail #comments .form-reply > .panel-body {
	
}
#page_forum-detail #comments .form-reply > .panel-body .media {
	margin-bottom: 10px;
}
#page_forum-detail #comments .form-reply .btn-reply {
	margin-top: 10px;
}

#page_forum-detail #post-comment {
	
}
#page_forum-detail #post-comment .panel-body {
	
}
#page_forum-detail #post-comment .media {
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	#page_forum-detail #comments .comment-wrapper .comment-wrapper {
		margin-left: 1em;
	}
	#page_forum-detail #comments .comment-wrapper .media-left {
		display: inline-block;
	}
	#page_forum-detail #comments .comment-wrapper .media-left .anchor-user-detail {
		float: left;
	}
	#page_forum-detail #comments .comment-wrapper .media-left .media-heading.visible-xs {
		margin: 0.5em 0 0 3em;
	}
}

/**
 * フォーラム 二代目の会 認証情報
 */
#page-second_generation-auth
{
	
}
#page-second_generation-auth #logo
{
	margin-bottom: 15px;
}
#page-second_generation-auth #logo #logo-main
{
	
}
#page-second_generation-auth #logo #logo-sub
{
	max-width: 40%;;
	margin-bottom: 10px;
}

#page-second_generation-auth .abs-center.wd-xl
{
	margin-top: 10%;
	height: 100%;
}

@media (max-height: 720px) {
	#page-second_generation-auth .abs-center.wd-xl
	{
		position: absolute;
		height: 100%;
		top: 25%;
		margin-top: 0;
	}
}
@media (max-width: 767px) {
	#page-second_generation-auth .abs-center.wd-xl
	{
		top: 10%;
	}
}



/**
 * 催事情報 一覧
 */
#page_event-index {
	
}
#page_event-index #event-articles .panel-body {
	padding-top: 0;
	padding-bottom: 0;
}
#page_event-index #event-articles hr:last-child {
	display: none;
}
#page_event-index .event-article {
	margin: 20px 0 20px;
}
#page_event-index .event-article .event-author-profile-image {
	max-width: 94px;
}
#page_event-index .event-article .event-title-area {
	padding-left: 0;
	padding-right: 0;
}
#page_event-index .event-article .event-title {
	
}
#page_event-index .event-article .event-title h4 {
	line-height: 1.5em;
	margin-top: -0.1em;
	word-wrap: break-word;
}
#page_event-index .event-article .event-title .label {
	font-size: 11px;
	vertical-align: middle;
}

#page_event-index .event-article .posted-user {
	margin-bottom: 15px;
}

#page_event-index .event-article .btn-reply-count {
	width: auto;
	height: auto;
	-webkit-border-radius: 50%;
			border-radius: 50%;
	line-height: 1em;
}
#page_event-index .event-article .btn-reply-count h4,
#page_event-index .event-article .btn-reply-count h5,
#page_event-index .event-article .btn-reply-count h6
{
	margin: 0;
	font-size: 200%;
}
#page_event-index .event-article .latest-comment-profile-image {
	margin-top: -0.5em;
}

#page_event-index .event-article .event-detail {
	margin-bottom: 0.5em;
}

#page_event-index .input-group-search {
	float: left;
	max-width: 250px;
	margin-right: 15px;
	margin-top: 0;
	margin-bottom: 15px;
}

@media (max-width: 767px) {
	#page_event-index .input-group-search {
		float: none;
		max-width: none;
		margin-right: 0;
		margin-bottom: 15px;
	}
}



/**
 * 催事情報 投稿
 */
#page_event-post #stage-drop1 {
	border: 3px dashed #ccc;
	min-height: 400px;
	position: relative;
	padding: 15px 15px 4em;
	background: url('../images/bg_upload_image-files.png') no-repeat center center;
	
	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
		-ms-transition: 0.3s;
		 -o-transition: 0.3s;
			transition: 0.3s;
}
#page_event-post #stage-drop1.dz-drag-hover {
	border: 3px dashed #55ACEE;
	background-color: #efefef;

	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
		-ms-transition: 0.3s;
		 -o-transition: 0.3s;
			transition: 0.3s;
}
#page_event-post #stage-drop1 #preview {
	
}
#page_event-post #stage-drop1 #preview > [class*="col-"] {
	position: relative;
	z-index: 90;
}
#page_event-post #stage-drop1 .upload-message {
	position: absolute;
	top: 50%;
	left: 0;
	text-align: center;
	width: 100%;
	margin-top: -3em;
	font-size: 24px;
	z-index: 1;
	
	-webkit-transition: .3s;
	   -moz-transition: .3s;
		-ms-transition: .3s;
		 -o-transition: .3s;
			transition: .3s;
}
#page_event-post #stage-drop1 .upload-message.bottom {
	top: 70%;
}
#page_event-post #stage-drop1.dz-drag-hover .upload-message {
	font-size: 120%;
	color: #55ACEE;
	z-index: 999;
}
#page_event-post #stage-drop1.dz-drag-hover #btn-upload-event {
	background-color: #ccc;
	font-size: 50%;
	z-index: 999;
}
#page_event-post #stage-drop1 #btn-upload-event-wrapper {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: 2em;
	text-align: center;
}
#page_event-post #stage-drop1 #btn-upload-event-wrapper.bottom {
	top: 90%;
}
#page_event-post #stage-drop1 #btn-upload-event-wrapper #btn-upload-event {
	-webkit-transition: .3s;
	   -moz-transition: .3s;
		-ms-transition: .3s;
		 -o-transition: .3s;
			transition: .3s;
}

#page_event-post #stage-drop1 .dz-detail {
	
}
#page_event-post #stage-drop1 .dz-detail .form-group {
	margin: 5px 0;
}
#page_event-post #stage-drop1 .dz-detail .form-group:last-child {
	margin-bottom: 0;
}
#page_event-post #stage-drop1 .dz-detail .panel-heading {
	overflow: hidden;
	padding: 5px;
}
#page_event-post #stage-drop1 .dz-detail .panel-body {
	padding: 5px;
}
#page_event-post #stage-drop1 .dz-detail .btn-remove {
	
}
#page_event-post #stage-drop1 .dz-detail .progress {
	margin: 5px 0;
}
#page_event-post #stage-drop1 .sortable-placeholder {
	/*
	border: 2px dashed #ccc;
	padding: 0;
	*/
	display: block;
	margin: 0;
}
#page_event-post #stage-drop1 .sortable-placeholder > div {
	
}
#page_event-post #stage-drop1 .sortable-placeholder:before,
#page_event-post #stage-drop1 .sortable-placeholder:after
{
	display: none;
	width: 0;
}
#page_event-post #stage-drop1 .sortable-placeholder > div {
	background-color: rgba(0,0,0,0.1);
	border: 2px dashed rgba(0,0,0,0.3);
}

#page_event-post.confirm #stage-drop1 {
	border-style: solid;
	padding: 15px;
	background: none;
}
#page_event-post.confirm #stage-drop1 #preview .dz-detail .btn-remove {
	opacity: 0;
	visibility: hidden;
}
#page_event-post.confirm #stage-drop1 #preview .dz-detail .sortable-handle {
	cursor: auto;
}
#page_event-post.confirm #wrapper-content {
	border: 1px solid #dde6e9;
	-webkit-border-radius: 4px;
			border-radius: 4px;
	padding: 1em 1.5em;
}
#page_event-post.confirm .preview-caption {
	font-weight: 300;
}

#page_event-post #event-meta-wrapper > .input-group
{
	margin: 0 0 10px;
}

@media (max-width: 767px) {
	#page_event-post #stage-drop1 .upload-message {
		top: 40%;
	}
	#page_event-post #stage-drop1 #btn-upload-event-wrapper {
		top: 60%;
	}
	#page_event-post #stage-drop1 #btn-upload-event-wrapper button {
		white-space: normal;
	}
}



/**
 * 催事情報 イベント詳細
 */
#page_event-detail {
	
}
#page_event-detail #show-article {
	margin-bottom: 30px;
}
#page_event-detail .guide {
	margin-bottom: 15px;
}
#page_event-detail .event {
	margin-bottom: 15px;
}
#page_event-detail .event a.lightbox,
#page_event-detail .event a.lightbox-files
{
	position: relative;
	background-color: #e1e1e1;
}
#page_event-detail .event a.lightbox .caption,
#page_event-detail .event a.lightbox-files .caption
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background-color: rgba(0,0,0,0.5);
	border: 3px solid #ddd;
	border-top: none;
}

#page_event-detail .control-panel {
	
}
#page_event-detail .control-panel.bottom {
	margin-top: 15px;
}
#page_event-detail .control-panel .btn.pull-right {
	
}
#page_event-detail .control-panel .btn.pull-right:first-child {
	margin-left: 15px;
}

#page_event-detail .btn.btn-like-event {
	margin-right: 10px;
}

#page_event-detail #comments {
	
}
#page_event-detail #comments .comment-wrapper {
	
}
#page_event-detail #comments .comment-action {
	margin-top: 8px;
	margin-left: 0;
}
#page_event-detail #comments hr:last-child {
	display: none;
}
#page_event-detail #comments .form-reply {
	/*border: 2px dashed #ccc;*/
	margin-top: 15px;
	
	display: none;
}
#page_event-detail #comments .form-reply > .panel-body {
	
}
#page_event-detail #comments .form-reply > .panel-body .media {
	margin-bottom: 10px;
}
#page_event-detail #comments .form-reply .btn-reply {
	margin-top: 10px;
}

#page_event-detail #post-comment {
	
}
#page_event-detail #post-comment .panel-body {
	
}
#page_event-detail #post-comment .media {
	margin-bottom: 10px;
}

#page_event-detail table.event-info {
	margin-bottom: 25px;
}

#page_event-detail #wrapper-participate_in_event {
	
}
#page_event-detail #wrapper-participate_in_event .wrapper-buttons {
	
}
#page_event-detail #wrapper-participate_in_event .wrapper-buttons .list-add_users {
	display: none;
}
#page_event-detail #wrapper-participate_in_event .wrapper-buttons table.list-add_users {
	margin-top: 20px;
}
#page_event-detail #wrapper-participate_in_event .wrapper-buttons table.list-add_users th {
	width: 8em;
	text-align: center;
	vertical-align: middle;
	background-color: #fcfcfc;
}
#page_event-detail #wrapper-participate_in_event .wrapper-buttons.pc .btn-submit-add_users {
	display: none;
}
#page_event-detail #wrapper-participate_in_event .wrapper-buttons.sp .btn-submit-add_users {
	display: none;
	margin-top: 10px;
}

#page_event-detail #list-participants .table th
{
	background-color: rgb(250, 251, 252);
}
#page_event-detail #list-participants .table .list-inline
{
	list-style: none;
	margin: 0;
}

#page_event-detail #event-detail-logs
{
	margin-top: 30px;
}
#page_event-detail #event-detail-logs #table-event-access-logs
{
	border: 1px solid #eeeeee;
}

@media (min-width: 768px) {
	#page_event-detail #wrapper-participate_in_event {
		
	}
	#page_event-detail #wrapper-participate_in_event .btn-participate {
		margin-right: 15px;
	}
}

@media (max-width: 767px) {
	#page_event-detail #comments .comment-wrapper .comment-wrapper {
		margin-left: 1em;
	}
	#page_event-detail #comments .comment-wrapper .media-left {
		display: inline-block;
	}
	#page_event-detail #comments .comment-wrapper .media-left .anchor-user-detail {
		float: left;
	}
	#page_event-detail #comments .comment-wrapper .media-left .media-heading.visible-xs {
		margin: 0.5em 0 0 3em;
	}

	#page_event-detail ul.event-info {
		border: 1px solid #dfdfdf;
		-webkit-border-radius: 4px;
				border-radius: 4px;
		margin: 0 -5px 20px;
		padding: 5px 8px;
		background-color: #efe;
	}
	#page_event-detail ul.event-info > li {
		margin-bottom: 5px;
		padding-bottom: 5px;
		border-bottom: 1px dotted #ceccec;
	}
	#page_event-detail ul.event-info > li:last-child {
		border-bottom: none;
	}
	#page_event-detail ul.event-info > li > label {
		margin-bottom: 0;
	}

	#page_event-detail #wrapper-participate_in_event .wrapper-buttons .checkbox-inline
	{
		margin-left: 0;
	}
	#page_event-detail #wrapper-participate_in_event .user-input-group
	{
		margin: 0 0 10px;
		padding: 10px;
		border: 1px solid #ccc;
		background-color: #f9f9f9;
		-webkit-border-radius: 4px;
				border-radius: 4px;
	}
}



/**
 * 情報交換 一覧
 */
#page_exchange-index {
	
}
#page_exchange-index #exchange-articles .panel-body {
	padding-top: 0;
	padding-bottom: 0;
}
#page_exchange-index #exchange-articles hr:last-child {
	display: none;
}
#page_exchange-index .exchange-article {
	margin: 20px 0 20px;
}
#page_exchange-index .exchange-article .exchange-author-profile-image {
	max-width: 94px;
}
#page_exchange-index .exchange-article .exchange-title-area {
	padding-left: 0;
	padding-right: 0;
}
#page_exchange-index .exchange-article .exchange-title {
	
}
#page_exchange-index .exchange-article .exchange-title h4 {
	line-height: 1.5em;
	margin-top: -0.1em;
	word-wrap: break-word;
}
#page_exchange-index .exchange-article .exchange-title .label {
	font-size: 11px;
	vertical-align: middle;
}

#page_exchange-index .exchange-article .posted-user {
	margin-bottom: 15px;
}

#page_exchange-index .exchange-article .btn-reply-count {
	width: auto;
	height: auto;
	-webkit-border-radius: 50%;
			border-radius: 50%;
	line-height: 1em;
}
#page_exchange-index .exchange-article .btn-reply-count h4,
#page_exchange-index .exchange-article .btn-reply-count h5,
#page_exchange-index .exchange-article .btn-reply-count h6
{
	margin: 0;
	font-size: 200%;
}
#page_exchange-index .exchange-article .latest-comment-profile-image {
	margin-top: -0.5em;
}
#page_exchange-index .exchange-article .wrapper-excerpt,
#page_exchange-index .exchange-article .wrapper-placement
{
	margin-left: 94px;
	padding-left: 0;
}
#page_exchange-index .exchange-article .excerpt {
	border: 1px dashed #cdcdcd;
	-webkit-border-radius: 4px;
			border-radius: 4px;
	padding: 5px 8px;
}

#page_exchange-index .input-group-search {
	float: left;
	max-width: 250px;
	margin-right: 15px;
	margin-top: 0;
	margin-bottom: 15px;
}

@media (max-width: 767px) {
	#page_exchange-index .exchange-article .wrapper-excerpt {
		margin-left: 0;
		padding-left: 15px;
	}

	#page_exchange-index .input-group-search {
		float: none;
		max-width: none;
		margin-right: 0;
		margin-bottom: 15px;
	}
}



/**
 * 情報交換 投稿
 */
#page_exchange-post #stage-drop1 {
	border: 3px dashed #ccc;
	min-height: 400px;
	position: relative;
	padding: 15px 15px 4em;
	background: url('../images/bg_upload_image-files.png') no-repeat center center;
	
	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
		-ms-transition: 0.3s;
		 -o-transition: 0.3s;
			transition: 0.3s;
}
#page_exchange-post #stage-drop1.dz-drag-hover {
	border: 3px dashed #55ACEE;
	background-color: #efefef;

	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
		-ms-transition: 0.3s;
		 -o-transition: 0.3s;
			transition: 0.3s;
}
#page_exchange-post #stage-drop1 #preview {
	
}
#page_exchange-post #stage-drop1 #preview > [class*="col-"] {
	position: relative;
	z-index: 90;
}
#page_exchange-post #stage-drop1 .upload-message {
	position: absolute;
	top: 50%;
	left: 0;
	text-align: center;
	width: 100%;
	margin-top: -3em;
	font-size: 24px;
	z-index: 1;
	
	-webkit-transition: .3s;
	   -moz-transition: .3s;
		-ms-transition: .3s;
		 -o-transition: .3s;
			transition: .3s;
}
#page_exchange-post #stage-drop1 .upload-message.bottom {
	top: 70%;
}
#page_exchange-post #stage-drop1.dz-drag-hover .upload-message {
	font-size: 120%;
	color: #55ACEE;
	z-index: 999;
}
#page_exchange-post #stage-drop1.dz-drag-hover #btn-upload-exchange {
	background-color: #ccc;
	font-size: 50%;
	z-index: 999;
}
#page_exchange-post #stage-drop1 #btn-upload-exchange-wrapper {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: 2em;
	text-align: center;
}
#page_exchange-post #stage-drop1 #btn-upload-exchange-wrapper.bottom {
	top: 90%;
}
#page_exchange-post #stage-drop1 #btn-upload-exchange-wrapper #btn-upload-exchange {
	-webkit-transition: .3s;
	   -moz-transition: .3s;
		-ms-transition: .3s;
		 -o-transition: .3s;
			transition: .3s;
}

#page_exchange-post #stage-drop1 .dz-detail {
	
}
#page_exchange-post #stage-drop1 .dz-detail .form-group {
	margin: 5px 0;
}
#page_exchange-post #stage-drop1 .dz-detail .form-group:last-child {
	margin-bottom: 0;
}
#page_exchange-post #stage-drop1 .dz-detail .panel-heading {
	overflow: hidden;
	padding: 5px;
}
#page_exchange-post #stage-drop1 .dz-detail .panel-body {
	padding: 5px;
}
#page_exchange-post #stage-drop1 .dz-detail .btn-remove {
	
}
#page_exchange-post #stage-drop1 .dz-detail .progress {
	margin: 5px 0;
}
#page_exchange-post #stage-drop1 .sortable-placeholder {
	/*
	border: 2px dashed #ccc;
	padding: 0;
	*/
	display: block;
	margin: 0;
}
#page_exchange-post #stage-drop1 .sortable-placeholder > div {
	
}
#page_exchange-post #stage-drop1 .sortable-placeholder:before,
#page_exchange-post #stage-drop1 .sortable-placeholder:after
{
	display: none;
	width: 0;
}
#page_exchange-post #stage-drop1 .sortable-placeholder > div {
	background-color: rgba(0,0,0,0.1);
	border: 2px dashed rgba(0,0,0,0.3);
}

#page_exchange-post.confirm #stage-drop1 {
	border-style: solid;
	padding: 15px;
	background: none;
}
#page_exchange-post.confirm #stage-drop1 #preview .dz-detail .btn-remove {
	opacity: 0;
	visibility: hidden;
}
#page_exchange-post.confirm #stage-drop1 #preview .dz-detail .sortable-handle {
	cursor: auto;
}
#page_exchange-post.confirm #wrapper-content {
	border: 1px solid #dde6e9;
	-webkit-border-radius: 4px;
			border-radius: 4px;
	padding: 1em 1.5em;
}
#page_exchange-post.confirm .preview-caption {
	font-weight: 300;
}
@media (max-width: 767px) {
	#page_exchange-post #stage-drop1 .upload-message {
		top: 40%;
	}
	#page_exchange-post #stage-drop1 #btn-upload-exchange-wrapper {
		top: 60%;
	}
	#page_exchange-post #stage-drop1 #btn-upload-exchange-wrapper button {
		white-space: normal;
	}
}



/**
 * 情報交換 物件情報詳細
 */
#page_exchange-detail {
	
}
#page_exchange-detail #show-article {
	margin-bottom: 30px;
}
#page_exchange-detail .guide {
	margin-bottom: 15px;
}
#page_exchange-detail .exchange {
	margin-bottom: 15px;
}
#page_exchange-detail .exchange a.lightbox,
#page_exchange-detail .exchange a.lightbox-files
{
	position: relative;
	background-color: #e1e1e1;
}
#page_exchange-detail .exchange a.lightbox .caption,
#page_exchange-detail .exchange a.lightbox-files .caption
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background-color: rgba(0,0,0,0.5);
	border: 3px solid #ddd;
	border-top: none;
}

#page_exchange-detail .control-panel {
	
}
#page_exchange-detail .control-panel.bottom {
	margin-top: 15px;
}
#page_exchange-detail .control-panel .btn.pull-right {
	
}
#page_exchange-detail .control-panel .btn.pull-right:first-child {
	margin-left: 15px;
}

#page_exchange-detail .btn.btn-like-exchange {
	margin-right: 10px;
}

#page_exchange-detail #comments {
	
}
#page_exchange-detail #comments .comment-wrapper {
	
}
#page_exchange-detail #comments .comment-action {
	margin-top: 8px;
	margin-left: 0;
}
#page_exchange-detail #comments hr:last-child {
	display: none;
}
#page_exchange-detail #comments .form-reply {
	/*border: 2px dashed #ccc;*/
	margin-top: 15px;
	
	display: none;
}
#page_exchange-detail #comments .form-reply > .panel-body {
	
}
#page_exchange-detail #comments .form-reply > .panel-body .media {
	margin-bottom: 10px;
}
#page_exchange-detail #comments .form-reply .btn-reply {
	margin-top: 10px;
}

#page_exchange-detail #post-comment {
	
}
#page_exchange-detail #post-comment .panel-body {
	
}
#page_exchange-detail #post-comment .media {
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	#page_exchange-detail #comments .comment-wrapper .comment-wrapper {
		margin-left: 1em;
	}
	#page_exchange-detail #comments .comment-wrapper .media-left {
		display: inline-block;
	}
	#page_exchange-detail #comments .comment-wrapper .media-left .anchor-user-detail {
		float: left;
	}
	#page_exchange-detail #comments .comment-wrapper .media-left .media-heading.visible-xs {
		margin: 0.5em 0 0 3em;
	}
}


/**
 * ウィナーズ書庫 一覧
 */
#page_archive-index {
	
}
#page_archive-index #archive-articles .panel-body {
	padding-top: 0;
	padding-bottom: 0;
}
#page_archive-index #archive-articles hr:last-child {
	display: none;
}
#page_archive-index .archive-article {
	margin: 20px 0 20px;
}
#page_archive-index .archive-article .archive-author-profile-image {
	max-width: 94px;
}
#page_archive-index .archive-article .archive-title-area {
	padding-left: 0;
	padding-right: 0;
}
#page_archive-index .archive-article .archive-title {
	
}
#page_archive-index .archive-article .archive-title h4 {
	line-height: 1.5em;
	margin-top: -0.1em;
	word-wrap: break-word;
}
#page_archive-index .archive-article .archive-title .label {
	font-size: 11px;
	vertical-align: middle;
}

#page_archive-index .archive-article .posted-user {
	margin-bottom: 15px;
}

#page_archive-index .archive-article .btn-reply-count {
	width: auto;
	height: auto;
	-webkit-border-radius: 50%;
			border-radius: 50%;
	line-height: 1em;
}
#page_archive-index .archive-article .btn-reply-count h4,
#page_archive-index .archive-article .btn-reply-count h5,
#page_archive-index .archive-article .btn-reply-count h6
{
	margin: 0;
	font-size: 200%;
}
#page_archive-index .archive-article .latest-comment-profile-image {
	margin-top: -0.5em;
}

#page_archive-index .input-group-search {
	float: left;
	max-width: 250px;
	margin-right: 15px;
	margin-top: 0;
	margin-bottom: 15px;
}
#page_archive-index .input-group-search_categories {
	float: right;
	max-width: 100%;
	margin-right: 0;
	margin-bottom: 5px;
}
#page_archive-index .btn-search-categories {
	clear: both;
	float: right;
	display: block;
}

@media (max-width: 767px) {
	#page_archive-index .input-group-search {
		float: none;
		max-width: none;
		margin-right: 0;
		margin-bottom: 15px;
	}
	#page_archive-index .input-group-search_categories {
		float: none;
		max-width: none;
		margin-right: 0;
		margin-bottom: 15px;
	}
	#page_archive-index .list-archive_categories
	{
		
	}
	#page_archive-index .list-archive_categories li
	{
		margin-bottom: 10px;
	}
}



/**
 * ウィナーズ書庫 投稿
 */
#page_archive-post #stage-drop1 {
	border: 3px dashed #ccc;
	min-height: 400px;
	position: relative;
	padding: 15px 15px 4em;
	background: url('../images/bg_upload_image-files.png') no-repeat center center;
	
	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
		-ms-transition: 0.3s;
		 -o-transition: 0.3s;
			transition: 0.3s;
}
#page_archive-post #stage-drop1.dz-drag-hover {
	border: 3px dashed #55ACEE;
	background-color: #efefef;

	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
		-ms-transition: 0.3s;
		 -o-transition: 0.3s;
			transition: 0.3s;
}
#page_archive-post #stage-drop1 #preview {
	
}
#page_archive-post #stage-drop1 #preview > [class*="col-"] {
	position: relative;
	z-index: 90;
}
#page_archive-post #stage-drop1 .upload-message {
	position: absolute;
	top: 50%;
	left: 0;
	text-align: center;
	width: 100%;
	margin-top: -3em;
	font-size: 24px;
	z-index: 1;
	
	-webkit-transition: .3s;
	   -moz-transition: .3s;
		-ms-transition: .3s;
		 -o-transition: .3s;
			transition: .3s;
}
#page_archive-post #stage-drop1 .upload-message.bottom {
	top: 70%;
}
#page_archive-post #stage-drop1.dz-drag-hover .upload-message {
	font-size: 120%;
	color: #55ACEE;
	z-index: 999;
}
#page_archive-post #stage-drop1.dz-drag-hover #btn-upload-archive {
	background-color: #ccc;
	font-size: 50%;
	z-index: 999;
}
#page_archive-post #stage-drop1 #btn-upload-archive-wrapper {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: 2em;
	text-align: center;
}
#page_archive-post #stage-drop1 #btn-upload-archive-wrapper.bottom {
	top: 90%;
}
#page_archive-post #stage-drop1 #btn-upload-archive-wrapper #btn-upload-archive {
	-webkit-transition: .3s;
	   -moz-transition: .3s;
		-ms-transition: .3s;
		 -o-transition: .3s;
			transition: .3s;
}

#page_archive-post #stage-drop1 .dz-detail {
	
}
#page_archive-post #stage-drop1 .dz-detail .form-group {
	margin: 5px 0;
}
#page_archive-post #stage-drop1 .dz-detail .form-group:last-child {
	margin-bottom: 0;
}
#page_archive-post #stage-drop1 .dz-detail .panel-heading {
	overflow: hidden;
	padding: 5px;
}
#page_archive-post #stage-drop1 .dz-detail .panel-body {
	padding: 5px;
}
#page_archive-post #stage-drop1 .dz-detail .btn-remove {
	
}
#page_archive-post #stage-drop1 .dz-detail .progress {
	margin: 5px 0;
}
#page_archive-post #stage-drop1 .sortable-placeholder {
	/*
	border: 2px dashed #ccc;
	padding: 0;
	*/
	display: block;
	margin: 0;
}
#page_archive-post #stage-drop1 .sortable-placeholder > div {
	
}
#page_archive-post #stage-drop1 .sortable-placeholder:before,
#page_archive-post #stage-drop1 .sortable-placeholder:after
{
	display: none;
	width: 0;
}
#page_archive-post #stage-drop1 .sortable-placeholder > div {
	background-color: rgba(0,0,0,0.1);
	border: 2px dashed rgba(0,0,0,0.3);
}

#page_archive-post.confirm #stage-drop1 {
	border-style: solid;
	padding: 15px;
	background: none;
}
#page_archive-post.confirm #stage-drop1 #preview .dz-detail .btn-remove {
	opacity: 0;
	visibility: hidden;
}
#page_archive-post.confirm #stage-drop1 #preview .dz-detail .sortable-handle {
	cursor: auto;
}
#page_archive-post.confirm #wrapper-content {
	border: 1px solid #dde6e9;
	-webkit-border-radius: 4px;
			border-radius: 4px;
	padding: 1em 1.5em;
}
#page_archive-post.confirm .preview-caption {
	font-weight: 300;
}

#page_archive-post #archive-meta-wrapper > .input-group
{
	margin: 0 0 10px;
}

@media (max-width: 767px) {
	#page_archive-post #stage-drop1 .upload-message {
		top: 40%;
	}
	#page_archive-post #stage-drop1 #btn-upload-archive-wrapper {
		top: 60%;
	}
	#page_archive-post #stage-drop1 #btn-upload-archive-wrapper button {
		white-space: normal;
	}
}



/**
 * ウィナーズ書庫 詳細
 */
#page_archive-detail {
	
}
#page_archive-detail #show-article {
	margin-bottom: 30px;
}
#page_archive-detail .guide {
	margin-bottom: 15px;
}
#page_archive-detail .archive {
	margin-bottom: 15px;
}
#page_archive-detail .archive a.lightbox,
#page_archive-detail .archive a.lightbox-files
{
	position: relative;
	background-color: #e1e1e1;
}
#page_archive-detail .archive a.lightbox .caption,
#page_archive-detail .archive a.lightbox-files .caption
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background-color: rgba(0,0,0,0.5);
	border: 3px solid #ddd;
	border-top: none;
}

#page_archive-detail .control-panel {
	
}
#page_archive-detail .control-panel.bottom {
	margin-top: 15px;
}
#page_archive-detail .control-panel .btn.pull-right {
	
}
#page_archive-detail .control-panel .btn.pull-right:first-child {
	margin-left: 15px;
}

#page_archive-detail .btn.btn-like-archive {
	margin-right: 10px;
}

#page_archive-detail #comments {
	
}
#page_archive-detail #comments .comment-wrapper {
	
}
#page_archive-detail #comments .comment-action {
	margin-top: 8px;
	margin-left: 0;
}
#page_archive-detail #comments hr:last-child {
	display: none;
}
#page_archive-detail #comments .form-reply {
	/*border: 2px dashed #ccc;*/
	margin-top: 15px;
	
	display: none;
}
#page_archive-detail #comments .form-reply > .panel-body {
	
}
#page_archive-detail #comments .form-reply > .panel-body .media {
	margin-bottom: 10px;
}
#page_archive-detail #comments .form-reply .btn-reply {
	margin-top: 10px;
}

#page_archive-detail #post-comment {
	
}
#page_archive-detail #post-comment .panel-body {
	
}
#page_archive-detail #post-comment .media {
	margin-bottom: 10px;
}

#page_archive-detail table.archive-info {
	margin-bottom: 25px;
}

#page_archive-detail #wrapper-participate_in_archive {
	
}
#page_archive-detail #wrapper-participate_in_archive .wrapper-buttons {
	
}
#page_archive-detail #wrapper-participate_in_archive .wrapper-buttons .list-add_users {
	display: none;
}
#page_archive-detail #wrapper-participate_in_archive .wrapper-buttons table.list-add_users {
	margin-top: 20px;
}
#page_archive-detail #wrapper-participate_in_archive .wrapper-buttons table.list-add_users th {
	width: 8em;
	text-align: center;
	vertical-align: middle;
	background-color: #fcfcfc;
}
#page_archive-detail #wrapper-participate_in_archive .wrapper-buttons.pc .btn-submit-add_users {
	display: none;
}
#page_archive-detail #wrapper-participate_in_archive .wrapper-buttons.sp .btn-submit-add_users {
	display: none;
	margin-top: 10px;
}

#page_archive-detail #list-participants .table th
{
	background-color: rgb(250, 251, 252);
}
#page_archive-detail #list-participants .table .list-inline
{
	list-style: none;
	margin: 0;
}

@media (min-width: 768px) {
	#page_archive-detail #wrapper-participate_in_archive {
		
	}
	#page_archive-detail #wrapper-participate_in_archive .btn-participate {
		margin-right: 15px;
	}
}

@media (max-width: 767px) {
	#page_archive-detail #comments .comment-wrapper .comment-wrapper {
		margin-left: 1em;
	}
	#page_archive-detail #comments .comment-wrapper .media-left {
		display: inline-block;
	}
	#page_archive-detail #comments .comment-wrapper .media-left .anchor-user-detail {
		float: left;
	}
	#page_archive-detail #comments .comment-wrapper .media-left .media-heading.visible-xs {
		margin: 0.5em 0 0 3em;
	}

	#page_archive-detail ul.archive-info {
		border: 1px solid #dfdfdf;
		-webkit-border-radius: 4px;
				border-radius: 4px;
		margin: 0 -5px 20px;
		padding: 5px 8px;
		background-color: #efe;
	}
	#page_archive-detail ul.archive-info > li {
		margin-bottom: 5px;
		padding-bottom: 5px;
		border-bottom: 1px dotted #ceccec;
	}
	#page_archive-detail ul.archive-info > li:last-child {
		border-bottom: none;
	}
	#page_archive-detail ul.archive-info > li > label {
		margin-bottom: 0;
	}

	#page_archive-detail #wrapper-participate_in_archive .wrapper-buttons .checkbox-inline
	{
		margin-left: 0;
	}
	#page_archive-detail #wrapper-participate_in_archive .user-input-group
	{
		margin: 0 0 10px;
		padding: 10px;
		border: 1px solid #ccc;
		background-color: #f9f9f9;
		-webkit-border-radius: 4px;
				border-radius: 4px;
	}
}





/**
 * 管理者専用　お知らせ投稿
 */
#page_admin-news-post #stage-drop1 {
	border: 3px dashed #ccc;
	min-height: 400px;
	position: relative;
	padding: 15px 15px 4em;
	background: url('../images/bg_upload_image-files.png') no-repeat center center;
	
	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
		-ms-transition: 0.3s;
		 -o-transition: 0.3s;
			transition: 0.3s;
}
#page_admin-news-post #stage-drop1.dz-drag-hover {
	border: 3px dashed #55ACEE;
	background-color: #efefef;

	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
		-ms-transition: 0.3s;
		 -o-transition: 0.3s;
			transition: 0.3s;
}
#page_admin-news-post #stage-drop1 #preview {
	
}
#page_admin-news-post #stage-drop1 #preview > [class*="col-"] {
	position: relative;
	z-index: 90;
}
#page_admin-news-post #stage-drop1 .upload-message {
	position: absolute;
	top: 50%;
	left: 0;
	text-align: center;
	width: 100%;
	margin-top: -3em;
	font-size: 24px;
	z-index: 1;
	
	-webkit-transition: .3s;
	   -moz-transition: .3s;
		-ms-transition: .3s;
		 -o-transition: .3s;
			transition: .3s;
}
#page_admin-news-post #stage-drop1 .upload-message.bottom {
	top: 70%;
}
#page_admin-news-post #stage-drop1.dz-drag-hover .upload-message {
	font-size: 120%;
	color: #55ACEE;
	z-index: 999;
}
#page_admin-news-post #stage-drop1.dz-drag-hover #btn-upload-forum {
	background-color: #ccc;
	font-size: 50%;
	z-index: 999;
}
#page_admin-news-post #stage-drop1 #btn-upload-forum-wrapper {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: 2em;
	text-align: center;
}
#page_admin-news-post #stage-drop1 #btn-upload-forum-wrapper.bottom {
	top: 90%;
}
#page_admin-news-post #stage-drop1 #btn-upload-forum-wrapper #btn-upload-forum {
	-webkit-transition: .3s;
	   -moz-transition: .3s;
		-ms-transition: .3s;
		 -o-transition: .3s;
			transition: .3s;
}

#page_admin-news-post #stage-drop1 .dz-detail {
	
}
#page_admin-news-post #stage-drop1 .dz-detail .form-group {
	margin: 5px 0;
}
#page_admin-news-post #stage-drop1 .dz-detail .form-group:last-child {
	margin-bottom: 0;
}
#page_admin-news-post #stage-drop1 .dz-detail .panel-heading {
	overflow: hidden;
	padding: 5px;
}
#page_admin-news-post #stage-drop1 .dz-detail .panel-body {
	padding: 5px;
}
#page_admin-news-post #stage-drop1 .dz-detail .btn-remove {
	
}
#page_admin-news-post #stage-drop1 .dz-detail .progress {
	margin: 5px 0;
}
#page_admin-news-post #stage-drop1 .sortable-placeholder {
	/*
	border: 2px dashed #ccc;
	padding: 0;
	*/
	display: block;
	margin: 0;
}
#page_admin-news-post #stage-drop1 .sortable-placeholder > div {
	
}
#page_admin-news-post #stage-drop1 .sortable-placeholder:before,
#page_admin-news-post #stage-drop1 .sortable-placeholder:after
{
	display: none;
	width: 0;
}
#page_admin-news-post #stage-drop1 .sortable-placeholder > div {
	background-color: rgba(0,0,0,0.1);
	border: 2px dashed rgba(0,0,0,0.3);
}

#page_admin-news-post.confirm #stage-drop1 {
	border-style: solid;
	padding: 15px;
	background: none;
}
#page_admin-news-post.confirm #stage-drop1 #preview .dz-detail .btn-remove {
	opacity: 0;
	visibility: hidden;
}
#page_admin-news-post.confirm #stage-drop1 #preview .dz-detail .sortable-handle {
	cursor: auto;
}
#page_admin-news-post.confirm #wrapper-content {
	border: 1px solid #dde6e9;
	-webkit-border-radius: 4px;
			border-radius: 4px;
	padding: 1em 1.5em;
}
#page_admin-news-post.confirm .preview-caption {
	font-weight: 300;
}
@media (max-width: 767px) {
	#page_admin-news-post #stage-drop1 .upload-message {
		top: 40%;
	}
	#page_admin-news-post #stage-drop1 #btn-upload-forum-wrapper {
		top: 60%;
	}
	#page_admin-news-post #stage-drop1 #btn-upload-forum-wrapper button {
		white-space: normal;
	}
}


/**
 * アクセスログ閲覧
 * 管理者専用
 */
#page_admin-logs-index {
	
}
#page_admin-logs-index #change-date {
	float: right;
}
#page_admin-logs-index #change-date #btn-change-date {
	margin-left: 10px;
}

#all_action_log_table {
	max-height: 300px;
	overflow: scroll;
	border: 2px solid #ccc;
}
#all_action_log_table * {
	font-size: 12px;
}
#page_admin-logs-index .table th,
#page_admin-logs-index .table td
{
	white-space: nowrap;
}
@media (max-width: 767px) {
	#page_admin-logs-index #change-date {
		float: none;
	}
	#page_admin-logs-index #change-date #btn-change-date {
		float: right;
		margin-top: 10px;
	}
}

/**
 * 二代目管理
 * 管理者専用
 */
#page_admin-second_generation-index
{
	
}
#page_admin-second_generation-index #panel-display-password
{
	width: 50%;
	margin: 20px auto 0;
	padding: 15px 20px;
	border: 6px double #666;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	color: #333;
	background: #fcfcfc;
}
#page_admin-second_generation-index #btn-display-password
{
	margin-top: 10px;
}
@media (max-width: 767px) {
	#page_admin-second_generation-index #panel-display-password
	{
		width: 100%;
	}
	#page_admin-second_generation-index #btn-display-password
	{
		
	}
}




/**
 * お知らせ 一覧
 */
#page_news-index {
	
}
#page_news-index #forum-articles .panel-body {
	padding-top: 0;
	padding-bottom: 0;
}
#page_news-index #forum-articles hr:last-child {
	display: none;
}
#page_news-index .forum-article {
	margin: 20px 0 20px;
}
#page_news-index .forum-article .forum-author-profile-image {
	max-width: 94px;
}
#page_news-index .forum-article .forum-title-area {
	padding-left: 0;
	padding-right: 0;
}
#page_news-index .forum-article .forum-title {
	
}
#page_news-index .forum-article .forum-title h4 {
	line-height: 1.5em;
	margin-top: -0.1em;
	word-wrap: break-word;
}
#page_news-index .forum-article .forum-title .label {
	font-size: 11px;
	vertical-align: middle;
}

#page_news-index .forum-article .posted-user {
	margin-bottom: 15px;
}

#page_news-index .forum-article .btn-reply-count {
	width: auto;
	height: auto;
	-webkit-border-radius: 50%;
			border-radius: 50%;
	line-height: 1em;
}
#page_news-index .forum-article .btn-reply-count h4,
#page_news-index .forum-article .btn-reply-count h5,
#page_news-index .forum-article .btn-reply-count h6
{
	margin: 0;
	font-size: 200%;
}
#page_news-index .forum-article .latest-comment-profile-image {
	margin-top: -0.5em;
}

#page_news-index .input-group-search {
	float: left;
	max-width: 250px;
	margin-right: 15px;
	margin-top: 0;
	margin-bottom: 15px;
}

@media (max-width: 767px) {
	#page_news-index .input-group-search {
		float: none;
		max-width: none;
		margin-right: 0;
		margin-bottom: 15px;
	}
}

/**
 * お知らせ 詳細
 */
#page_news-detail {
	
}
#page_news-detail #show-article {
	margin-bottom: 30px;
}
#page_news-detail .guide {
	margin-bottom: 15px;
}
#page_news-detail .forum {
	margin-bottom: 15px;
}
#page_news-detail .forum a.lightbox,
#page_news-detail .forum a.lightbox-files
{
	position: relative;
	background-color: #e1e1e1;
}
#page_news-detail .forum a.lightbox .caption,
#page_news-detail .forum a.lightbox-files .caption
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background-color: rgba(0,0,0,0.5);
	border: 3px solid #ddd;
	border-top: none;
}

#page_news-detail .control-panel {
	
}
#page_news-detail .control-panel.bottom {
	margin-top: 15px;
}
#page_news-detail .control-panel .btn.pull-right {
	
}
#page_news-detail .control-panel .btn.pull-right:first-child {
	margin-left: 15px;
}

#page_news-detail .btn.btn-like-forum {
	margin-right: 10px;
}

#page_news-detail #comments {
	
}
#page_news-detail #comments .comment-wrapper {
	
}
#page_news-detail #comments .comment-action {
	margin-top: 8px;
	margin-left: 0;
}
#page_news-detail #comments hr:last-child {
	display: none;
}
#page_news-detail #comments .form-reply {
	/*border: 2px dashed #ccc;*/
	margin-top: 15px;
	
	display: none;
}
#page_news-detail #comments .form-reply > .panel-body {
	
}
#page_news-detail #comments .form-reply > .panel-body .media {
	margin-bottom: 10px;
}
#page_news-detail #comments .form-reply .btn-reply {
	margin-top: 10px;
}

#page_news-detail #post-comment {
	
}
#page_news-detail #post-comment .panel-body {
	
}
#page_news-detail #post-comment .media {
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	#page_news-detail #comments .comment-wrapper .comment-wrapper {
		margin-left: 1em;
	}
	#page_news-detail #comments .comment-wrapper .media-left {
		display: inline-block;
	}
	#page_news-detail #comments .comment-wrapper .media-left .anchor-user-detail {
		float: left;
	}
	#page_news-detail #comments .comment-wrapper .media-left .media-heading.visible-xs {
		margin: 0.5em 0 0 3em;
	}
}



/**
 * コメント汎用
 */
.comment-wrapper {
	
}
.comment-wrapper .form-reply .wrapper-file-upload {
	border: 2px dashed #ccc;
}

.comment-wrapper .lightbox-group-comments-stored {
	
}
.comment-wrapper .lightbox-group-comments-stored > [class*="col-"] {
	margin-bottom: 15px;
}

.comment-wrapper .btn.btn-remove-uploading-files {
	display: none;
	margin-bottom: 10px;
}
.comment-wrapper .btn-do-delete {
	margin-top: 10px;
	display: none;
}
.comment-wrapper .wrapper-checkbox-remove-target {
	display: none;
}
.comment-wrapper .wrapper-checkbox-remove-target .checkbox {
	padding-top: 0;
}

.comment-wrapper .form-reply .btn-file-upload
{
	margin-top: 10px;
	margin-right: 15px;
}
#post-comment.comment-wrapper .btn-file-upload
{
	margin-right: 15px;
}
@media (max-width: 767px) {
	.comment-wrapper .btn-file-upload,
	.comment-wrapper .form-reply .btn-file-upload
	{
		margin-right: 0;
	}

	.comment-wrapper .lightbox-group-comments-stored > [class*="col-"] {
		
	}
}


/* セキスイ変更に伴うCSS */    
@media only screen and (min-width: 768px)
{
	.topnavbar-wrapper
	{
		/*margin-bottom: 52px;*/
	}
}
.wrapper > .aside .aside-inner
{
	padding-top: 0px;
}

.topnavbar .navbar-header .brand-logo
{
	max-width:75%;
}
.loginusername
{
	display:inline-block;
	color:#fff;
	padding:17px 15px;
}
.loginusername a
{
	color:#fff;
}
.wrapper > .aside
{
	width:100%;
	bottom:auto;
	position:relative;
}
@media only screen and (max-width: 767px)
{
	.wrapper > .aside
	{
		bottom:0;
		position:absolute;
	}

}
.wrapper > .aside .aside-inner
{
	width:100%;
	overflow:visible;
}
@media only screen and (max-width: 767px)
{
	.csstransforms3d .wrapper > .aside {
	    margin-left: 0;
	    -webkit-transform: translate3d(-100%, 0, 0);
	    transform: translate3d(-100%, 0, 0);
	    -webkit-transition: -webkit-transform 0.3s ease;
	    -moz-transition: -moz-transform 0.3s ease;
	    -o-transition: -o-transform 0.3s ease;
	    transition: transform 0.3s ease;
	}
}
.sidebar
{
	padding-bottom:0;
	overflow:visible;
	overflow-y:visible;
	overflow-x:visible;
	
}
.sidebar > .nav > li
{
	display:inline-block;
}
@media only screen and (max-width: 767px)
{
	.sidebar > .nav > li
	{
		display:block;
	}

}

ul.nav.sidebar-subnav
{
	position:absolute;
}
.wrapper > footer
{
	position:relative;
}
@media only screen and (min-width: 768px)
{
	.wrapper > section,
	.wrapper > footer
	{
		margin-left: 0;
	}
}
.sidebar > .nav > li {
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-bottom:3px solid transparent;
}
.sidebar > .nav > li.active {
	border-left-color: transparent;
	border-bottom-color: #23b7e5;
}
@media only screen and (max-width: 767px)
{
	.sidebar > .nav > li {
		border-left-color: transparent;
		border-bottom-color: transparent;
		border-bottom:3px solid transparent;
	}
	.sidebar > .nav > li.active {
		border-left-color: #23b7e5;
		border-bottom-color: transparent;
	}
	.navbar-header
	{
		min-height: 90px;
	}
}
.navbar-nav
{
	margin:0;
}

/* セキスイホーム */
.main_wrap
{
	background-color:#fff;
	height:300px;
	width:100%;
	background-image:url('../img/menu_image.png');
	background-size:cover;
	background-position:center center;
	position:relative;
}
.main_wrap .main-content
{
	position:absolute;
	background-color:rgba(0,0,0,0.3);
	max-width:170px;
	height:150px;
	/*left:0;*/
	right:5px;
	/*top:0;*/
	bottom:5px;
	/*margin:auto;*/
	padding:30px 10px
}
@media only screen and (min-width: 768px)
{
	.content-wrapper
	{
		padding:0;
	}
}
.content-wrapper > .content-heading
{
	padding:0;
	margin-bottom:0;
	display:none;
}
.title_string
{
	text-align:center;
	font-size:12px;
	color:#fff;
	margin-top:15px;
}
.wrapper
{
	overflow-x:visible;
}
.content-wrapper
{
	padding:0;
}
@media only screen and (min-width: 1025px)
{
	.sidebar
	{
		margin-right:0;
	}
}

.home_content_wrap
{
	margin:30px 15px;
	overflow: hidden;
}

.list-group
{
	margin-bottom:0;
}
.slimScrollDiv
{
	max-height:400px;
}
.slimScrollDiv>.list-group
{
	max-height:400px;
}
.mb10
{
	margin-bottom:10px;
}
.mb21
{
	margin-bottom:21px;
}
.media-box-body
{
	overflow:visible;
}
.content-wrapper
{
	border-top:1px solid transparent;
}
.bar-right
{
	float:right;
	margin:0 5px;
}
.c-checkbox, .c-radio{
	margin-left:10px;
}

@media only screen and (min-width: 768px)
{
	.topnavbar .navbar-header
	{
		width:400px;
	}
}

body
{
	background-color: #d6e9ca;
}

.menu_panel
{
	background-color:#fff;
	border:1px solid #ccc;
}
.menu_panel .panel_contents
{
	margin:15px 10px;
}

.menu_button
{
	display:block;
	margin-bottom:5px;
}