@charset "UTF-8";

@import/**/ "style.css";
@import/**/ "lk_ec.css";
@import/**/ "style_reset.css";
@import/**/ "bootstrap-datepicker.min.css";

/*

	style調整
	
**************************************************************************************************** */
div#wrapper {
	padding:0;
}


/*

	base
	
**************************************************************************************************** */

/*

	マージン

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

.mb10{	margin-bottom:10px; }
.mb20{	margin-bottom:20px; }
.mb30{	margin-bottom:30px; }
.mb40{	margin-bottom:40px; }
.mb50{	margin-bottom:50px; }

.mt10{	margin-top:10px; }
.mt20{	margin-top:20px; }
.mt30{	margin-top:30px; }
.mt40{	margin-top:40px; }
.mt50{	margin-top:50px; }

/*

	背景色

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

.bgWhite{	background-color:#FFFFFF; }

/*

	ボーダー

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

.borderB{	border-bottom:1px solid #e7e7e7; }

/*

	テーブル

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

.jumbotron .table{	background:#FFFFFF; }
.jumbotron .table th{	background:#f9f9f9; }

.table td img{	max-width:100%; }

/*

	フォーム

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

.blockthumbnail {
	width:100%;
}
.blockthumbnail a {
	display:block;
	min-height:150px;
	min-width:150px;
}
.blockthumbnail img {
	max-width:500px;
	max-height:500px;
}

.checkbox.tree_list {
	background:#FFF;
	padding:10px;
	height:150px;
	overflow:auto;
}
.checkbox.tree_list label {
	display:block;
}

/*

	カレンダー

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

.dropdown-menu {
	min-width:260px;
}

.datepicker table {
	width:100%;
}

.datepicker td, .datepicker th {
	width: auto !important;
}

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

/*

	レイアウト
	
**************************************************************************************************** */

/*

	フッター

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

#footer{
	background:#f8f8f8;
	border-top:1px solid #e7e7e7;
	margin-top:60px;
	line-height:50px;
}



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



/*

	login
	
**************************************************************************************************** */

#login {
	padding:100px 0;
}

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



/*

	ブロック共通
	
**************************************************************************************************** */

#area .blockForm .blockPreview {
	display:none;
	border:1px solid #CCCCCC;
	margin-top:5px;
	line-height:35px;
	text-align:center;
	width:100%;
}
#area .blockForm .blockPreview.text {
	color:#CCCCCC;
}


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



/*

	thome
	
**************************************************************************************************** */

.thome #itemmenu,
.thome #area {
	background:#FFFFFF;
	border:1px solid #CCC;
	padding:30px;
}

.thome .draggable {
	width:100% !important;
	height:auto !important;
}
.thome .draggable .blockImage {
	display:none;
}
.thome .draggable .blockImage img {
	width:100%;
}
.thome .draggable .blockForm {
	display:none;
}

.thome #itemmenu {
	margin-bottom:20px;
}
.thome #itemmenu .draggable .blockName a.btn {
	display:none;
}
.thome #itemmenu .draggable .blockImage {
	display:block;
}
.thome #itemmenu .draggable .panel-footer .btn-remove {
	display:none;
}

.thome #area {
	min-height:800px;
	margin-bottom:50px;
}
.thome #area .draggable {
	max-width:100%;
}
.thome #area .draggable .blockForm {
	display:block;
}
.thome #area .draggable .blockForm .blockthumbnail img {
	margin-top:0 !important;
	width:100% !important;
	height:auto !important;
}
.thome #area .draggable .panel-footer .btn-add {
	display:none;
}
.thome #area .draggable .panel-footer .btn-remove {
	display:block;
}
@media screen and (min-width: 991px) {
.thome #itemmenu .draggable .panel-footer {
	display:none;
}
.thome #area .draggable .panel-footer {
	display:block;
}
}
@media screen and (max-width: 991px) {
.thome #itemmenu .draggable .panel-footer .btn-add {
	display:block;
}
}

ul.colList.colList-youtube > li {
	margin: 0 auto;
	float: none;
	width: calc((100% - 60px) / 3);
}

@media only screen and (max-width: 767px) {
	ul.colList.colList-youtube > li {
		width: 100%;
		max-width: 500px;
	}
}
/* **************************************************************************************************** */



/*

	tpage
	
**************************************************************************************************** */

.tpage #itemmenu,
.tpage #area {
	background:#FFFFFF;
	border:1px solid #CCC;
	padding:30px;
}

.tpage .draggable {
	width:100% !important;
	height:auto !important;
}
.tpage .draggable .blockImage {
	display:none;
}
.tpage .draggable .blockImage img {
	width:100%;
}
.tpage .draggable .blockForm {
	display:none;
}

.tpage #itemmenu {
	margin-bottom:20px;
}
.tpage #itemmenu .draggable .blockName a.btn {
	display:none;
}
.tpage #itemmenu .draggable .blockImage {
	display:block;
}
.tpage #itemmenu .draggable .panel-footer .btn-add {
	display:block;
}
.tpage #itemmenu .draggable .panel-footer .btn-remove {
	display:none;
}

.tpage #area {
	min-height:800px;
	margin-bottom:50px;
}
.tpage #area .draggable {
	max-width:100%;
}
.tpage #area .draggable .blockForm {
	display:block;
}
.tpage #area .draggable .blockForm .blockthumbnail img {
	margin-top:0 !important;
	width:100% !important;
	height:auto !important;
}
.tpage #area .draggable .panel-footer .btn-add {
	display:none;
}
.tpage #area .draggable .panel-footer .btn-remove {
	display:block;
}
@media screen and (min-width: 991px) {
.tpage #itemmenu .draggable .panel-footer {
	display:none;
}
.tpage #area .draggable .panel-footer {
	display:block;
}
}
@media screen and (max-width: 991px) {
.tpage #itemmenu .draggable .panel-footer .btn-add {
	display:block;
}
}

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



/*

	tproductblock
	
**************************************************************************************************** */

.tproductblock #itemmenu,
.tproductblock #area {
	background:#FFFFFF;
	border:1px solid #CCC;
	padding:30px;
}

.tproductblock .draggable {
	width:100% !important;
	height:auto !important;
}
.tproductblock .draggable .blockImage {
	display:none;
}
.tproductblock .draggable .blockImage img {
	width:100%;
}
.tproductblock .draggable .blockForm {
	display:none;
}

.tproductblock #itemmenu {
	margin-bottom:20px;
}
.tproductblock #itemmenu .draggable .blockName a.btn {
	display:none;
}
.tproductblock #itemmenu .draggable .blockImage {
	display:block;
}
.tproductblock #itemmenu .draggable .panel-footer .btn-add {
	display:block;
}
.tproductblock #itemmenu .draggable .panel-footer .btn-remove {
	display:none;
}

.tproductblock #area {
	min-height:800px;
	margin-bottom:50px;
}
.tproductblock #area .draggable {
	max-width:100%;
}
.tproductblock #area .draggable .blockForm {
	display:block;
}
.tproductblock #area .draggable .blockForm .blockthumbnail img {
	margin-top:0 !important;
	width:100% !important;
	height:auto !important;
}
.tproductblock #area .draggable .panel-footer .btn-add {
	display:none;
}
.tproductblock #area .draggable .panel-footer .btn-remove {
	display:block;
}
@media screen and (min-width: 991px) {
.tproductblock #itemmenu .draggable .panel-footer {
	display:none;
}
.tproductblock #area .draggable .panel-footer {
	display:block;
}
}
@media screen and (max-width: 991px) {
.tproductblock #itemmenu .draggable .panel-footer .btn-add {
	display:block;
}
}

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



/*

	tproductblockdetail
	
**************************************************************************************************** */

#tproductblockdetail .sectionBlock {
	position:relative;
}

@media screen and (max-width: 768px) {
	#tproductblockdetail .sectionBlock .btnCopy {
		position:absolute;
		bottom:0;
		z-index:9999;
		width:100%;
	}
}
@media screen and (min-width: 768px) {
	#tproductblockdetail .sectionBlock .btnCopy {
		position:absolute;
		top:10px;
		right:10px;
		z-index:9999;
	}
}

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



/*

	productcooperationadd
	productcooperationaddconfirm
	
**************************************************************************************************** */

#productcooperationadd .table-responsive,
#productcooperationaddconfirm .table-responsive {
	border: 1px solid #ddd;
	margin-bottom:40px;
}

#productcooperationadd .table-responsive > .table,
#productcooperationaddconfirm .table-responsive > .table {
	width: 100%;
	table-layout: fixed;
	word-wrap: break-word;
	margin-bottom:0;
}
@media (max-width: 767px) {
	#productcooperationadd .table-responsive > .table,
	#productcooperationaddconfirm .table-responsive > .table {
		table-layout: auto;
	}
}

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