/* -- ベース ------------------------------------------------------------------------------------ */
html {
	font-size: 62.5%; /* 10px */
}
body, input, select, textarea, button, p, .ui-btn {
	font-size: 1.3rem;  /* 13px */
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	/*font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;*/
	-webkit-text-size-adjust: 100%;
	word-break: break-all;
	word-wrap: break-word;
}

button{
	cursor: pointer;
}


/* -- 基本構成 ------------------------------------------------------------------------------------ */

/* -- ヘッダー -- */
.ui-header.ui-bar-inherit {
	height: 58px;
	background-color: #000;
	border-bottom:none;
	padding:10px 15px;
	text-align:center;
	-webkit-box-shadow: inset -5px -1px 5px rgba(0,0,0,.75);
	-moz-box-shadow: inset -5px -1px 5px rgba(0,0,0,.75);
	box-shadow: inset -5px -1px 5px rgba(0,0,0,.75);
	background-color: #000;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#454545),to(#000000));
	background-image: -webkit-linear-gradient(bottom, #000, #212121 43%, #454545);
	background-image: -moz-linear-gradient(bottom, #000, #212121 43%, #454545);
	background-image: -o-linear-gradient(bottom, #000, #212121 43%, #454545);
	background-image: linear-gradient(to top, #000, #212121 43%, #454545);
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
	.ui-header.ui-bar-inherit .logo {
		display:inline-block;
		padding:0;
		margin:0;
		height:35px;
		width:195px;
		background:transparent url("../img/header-logo.png") no-repeat;
		background-size:195px 35px;
		text-indent: 200%; white-space: nowrap; overflow: hidden; word-break: keep-all; word-wrap: normal;
		vertical-align:top;
	}
	/* アイコン */
	.ui-header .icbtn {
		display:inline-block;
		height:33px;
		position:relative;
		left:auto; right:auto; top:auto; bottom:auto;
		color:#fff!important;
		text-decoration:none!important;
		font-weight:normal!important;
		margin-top:4px;
	}
	.ui-header .icbtn:hover {
		-webkit-border-radius: 33px;
		-moz-border-radius: 33px;
		border-radius: 33px;
		background-color: #d7bb38;
		background-image: -webkit-gradient(linear,left top,left bottom,from(#d6b931),to(#a68129));
		background-image: -webkit-linear-gradient(bottom, #a68129, #d6b931);
		background-image: -moz-linear-gradient(bottom, #a68129, #d6b931);
		background-image: -o-linear-gradient(bottom, #a68129, #d6b931);
		background-image: linear-gradient(to top, #a68129, #d6b931);
	}
	.ui-header .icbtn.ui-icon-org-home {
		margin-right:10px;
	}
	.ui-header .icbtn.ui-icon-org-regist {
		margin-left:10px;
	}
	.ui-header .icbtn.ui-icon-org-login {
		margin-left:8px;
	}
	.ui-header .icbtn.ui-icon-org-logout {
		margin-left:8px;
	}
		.ui-header .icbtn:after {
			font-size: 2.6em;
			vertical-align:top;
			line-height: 1;
		}

/* -- フッター -- */
.ui-footer {
	padding:0 19px 19px 19px;
	border: none;
}

	.ui-footer .pagetop {
		margin-bottom:.5em;
		text-align:right;
	}
		.ui-footer .pagetop .ui-link {
			color:#fff!important;
			text-decoration:none!important;
			font-weight:normal!important;
		}
			.ui-footer .pagetop .ui-link i {
				margin-right: .4em!important;
			}

	.ui-footer .copyright {
		height:30px;
		text-align:center;
		background:transparent url("../img/bg-footer.png") repeat-x;
		background-size: auto 30px;
		line-height:30px;
	}

/* -- コンテナ内 -- */
.ui-content {
	padding:0 19px 19px 19px!important;
}
	.ui-body {
		border:none;
		line-height:1.8;
	}
	.ui-body.ui-body-a.black {
		padding:0;
		margin:0 0 1em 0;
		background-color:#000000;
		color:#ffffff;
	}
	.ui-btn {
		border-left:none!important;
		border-right:none!important;
	}
	.ui-collapsible-content {
		border-left:none!important;
		border-right:none!important;
	}


/* 縦 */
@media all and (orientation:portrait) {
}
/* 横 */
@media all and (orientation:landscape) {
}


/* -- 共用パーツ ------------------------------------------------------------------------------------ */

/* 見出し */
h2.caption {
	font-size:1.8rem;
	height:37px;
	padding:0 0.5em;
	margin-top:8px;
	margin-bottom:0;
	line-height:37px;
	background:transparent url("../img/bg-caption.png") repeat-x;
	background-size: auto 37px;
	border-top:solid 1px #adadad;
	color:#ffffff;
}
h3.caption {
	border:none;
	background-color:#767676;
	padding: .7em 1em;
	margin:0;
	font-size:1.4rem;
	font-weight:bold;
	color:#ffffff;
}
h4.caption {
	border:none;
	background-color:#8F8F8F;
	padding: .5em 1em;
	margin:0;
	font-size:1.3rem;
	font-weight:bold;
	color:#ffffff;
}

/* NEWマーク */
.new {
	display: inline-block;
	font-size: 1.1rem;
	color: #fff;
	background-color: #863535;
	padding: 1px 4px 1px 4px;
	margin-right: 4px;
}

/* ボタン */
.ui-btn.big-blue {
	font-size: 1.8rem;

	background-color: #000;
	-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,.5);
	-moz-box-shadow: inset 0 0 5px rgba(255,255,255,.5);
	box-shadow: inset 0 0 5px rgba(255,255,255,.5);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#244c8d),to(#0e253e));
	background-image: -webkit-linear-gradient(bottom, #0e253e, #244c8d);
	background-image: -moz-linear-gradient(bottom, #0e253e, #244c8d);
	background-image: -o-linear-gradient(bottom, #0e253e, #244c8d);
	background-image: linear-gradient(to top, #0e253e, #244c8d);
}

.ui-btn.big-blue.active {
	background-color: #000;
	-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,.5);
	-moz-box-shadow: inset 0 0 5px rgba(255,255,255,.5);
	box-shadow: inset 0 0 5px rgba(255,255,255,.5);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#863535),to(#3e0808));
	background-image: -webkit-linear-gradient(bottom, #3e0808, #863535);
	background-image: -moz-linear-gradient(bottom, #3e0808, #863535);
	background-image: -o-linear-gradient(bottom, #3e0808, #863535);
	background-image: linear-gradient(to top, #3e0808, #863535);
}

/* 黒色ボタン */
.ui-btn.big-gray {
	font-size: 1.8rem;
	background-color: #000;
	-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,.5);
	-moz-box-shadow: inset 0 0 5px rgba(255,255,255,.5);
	box-shadow: inset 0 0 5px rgba(255,255,255,.5);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4d4d4d),to(#2a2a2a));
	background-image: -webkit-linear-gradient(bottom, #2a2a2a, #4d4d4d);
	background-image: -moz-linear-gradient(bottom, #2a2a2a, #4d4d4d);
	background-image: -o-linear-gradient(bottom, #2a2a2a, #4d4d4d);
	background-image: linear-gradient(to top, #2a2a2a, #4d4d4d);
}

.ui-btn.big-gray.active {
	background-color: #000;
	-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,.5);
	-moz-box-shadow: inset 0 0 5px rgba(255,255,255,.5);
	box-shadow: inset 0 0 5px rgba(255,255,255,.5);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#666565),to(#414040));
	background-image: -webkit-linear-gradient(bottom, #414040, #666565);
	background-image: -moz-linear-gradient(bottom, #414040, #666565);
	background-image: -o-linear-gradient(bottom, #414040, #666565);
	background-image: linear-gradient(to top, #414040, #666565);
}

/* 小さいフラットな灰色ボタン */
button.ui-btn.flatmini {
	width:auto;
	padding:.7em 1em;
	border:none;
	border-radius: 0;
	background-color:#767676;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-image:none;
	font-size:1.4rem;
}
button.ui-btn.flatmini:hover {
	border:none;
	border-radius: 0;
	background-color:#767676;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-image:none;
}


/* リストメニュー */
.ui-listview.list-menu {
}
	.ui-listview.list-menu>li>a {
		min-height:46px;
		padding:0 1em;
		line-height:46px;
	}

/* リストメニュー：ドロップダウン */
.ui-collapsible-inset, .ui-collapsible-set {
	margin: 1em 0;
}
.ui-collapsible-heading .ui-collapsible-heading-toggle {
	height:37px;
	padding:0 1em;
	line-height:37px;
	background:transparent url("../img/bg-caption.png") repeat-x;
	background-size: auto 37px;
}

/* リスト(INFO等の一覧系) */
.ui-listview.list-info {
	margin-top:0;
}
	.ui-listview.list-info>li.list-caption {
		border:none;
		background-color:#8F8F8F;
	}
		.ui-listview.list-info>li.list-caption p {
			padding:0;
			margin:0;
			font-size:1.4rem;
			font-weight:bold;
			color:#ffffff;
		}


	.ui-listview.list-info>li.list-detail {
		border:none;
		background-color:#ffffff;
	}
		.ui-listview.list-info>li.list-detail a {
			line-height:1.5;
			font-weight:normal;
			background-color:#ffffff;
			color:#000000;
			white-space: normal;
		}
		.ui-listview.list-info>li.list-detail a:after {
			background-image: url("jquery/images/icons-png/carat-r-black.png");
		}

	/* 画像サムネ付き */
	.ui-listview.list-info>li.list-detail.ui-li-has-thumb a {
		min-height: 5.2em;
		padding-left: 124px;
	}
			.ui-listview.list-info>li.list-detail a .th {
				left: 6px;
				top: 0.7em;
				max-width: 110px;
				max-height: 70px;
			}

/* テーブル */
.ui-content table {
	border-collapse:collapse;
	border-spacing:0
	margin-bottom: 16px;
	width: 100%;
}
	.ui-content th {
		font-weight: bold;
		background-color: #CECECE;
		border: solid 1px #A8A8A8;
		padding: 3px 6px 2px 6px;
		vertical-align: top;
	}
	.ui-content td {
		border: solid 1px #A8A8A8;
		padding: 3px 6px 2px 6px;
		vertical-align: top;
	}

/* 画像 */
.ui-content img {
	max-width: 100%;
}

.popup-img-img {
	max-width: 100%;
}


/* -- 各ページ固有 ------------------------------------------------------------------------------------ */

/* -- トップページ -- */
.main-image {
	text-align:center;
}
	.main-image img {
		width:320px;
		/*height:120px;*/
	}


/* -- 壁紙 -- */
.thumb-wallp {
}
	.thumb-wallp a {
		display:inline-block;
		margin:6px;
	}
		.thumb-wallp img {
			max-width:70px;
		}

/* VIDEO */
.ui-body.ui-body-a.ui-video {
	padding:0;
}
	.wrap-video {
		position:relative;
		padding-bottom: 56.25%;
		padding-top:30px;
		height:0;
		overflow:hidden;
	}
		.wrap-video iframe {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
		}
.ui-body.ui-body-a.ui-video-text {
	padding-top:.2em;
	padding-bottom:1em;
}

/* PHOTO */
.owl-wrapper {
}
	.owl-wrapper .item {
		text-align:center;
	}

	.owl-controls{
		margin-top: 10px;
		text-align: center;
	}
	.owl-controls .owl-page{
		display: inline-block;
		zoom: 1;
		*display: inline;/*IE7 life-saver */
	}
		.owl-controls .owl-page span{
			display: block;
			width: 12px;
			height: 12px;
			margin: 5px 7px;
			filter: Alpha(Opacity=50);/*IE7 fix*/
			opacity: 0.5;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;
			background: #869791;
		}
			.owl-controls .owl-page.active span,
			.owl-controls.clickable .owl-page:hover span{
				filter: Alpha(Opacity=100);/*IE7 fix*/
				opacity: 1;
			}

	.owl-controls {
	}
		.owl-buttons {
			overflow:hidden;
		}
			.owl-prev {
				color:#000;
				background:none;
				width:auto;
				float:left;
			}
			.owl-next {
				color:#000;
				background:none;
				width:auto;
				float:right;
			}
				.owl-buttons i {
					margin-top:-1em;
					margin-right:1.2em!important;
				}

.wrap-carousel-list {
	text-align:center;
}

/* DISC */
.disc-jacket {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
}



/* -- 管理画面 -- */
.admin-menu {
	position:fixed;
	top:0;
	padding:4px;
	background-color:#fff;
}

.admin-edit {
	padding:4px;
	background-color:#fff;
}



/* -- 調整等 ------------------------------------------------------------------------------------ */
/* -- テキスト -- */
.r { color:#ff0000; }
.b { font-weight:bold; }
.cp { -webkit-user-select:auto!important; }
.f14 { font-size:1.4em!important; }
.f15 { font-size:1.5em!important; }
.f16 { font-size:1.6em!important; }
.f17 { font-size:1.7em!important; }
.f18 { font-size:1.8em!important; }
.f19 { font-size:1.9em!important; }
.f20 { font-size:2.0em!important; }
.f21 { font-size:2.1em!important; }
.f22 { font-size:2.2em!important; }
.f23 { font-size:2.3em!important; }
.f24 { font-size:2.4em!important; }
/* -- テキスト揃え -- */
.txl { text-align:left; }
.txr { text-align:right; }
.txc { text-align:center; }
.bxc { margin-left:auto; margin-right:auto; }
.vbottom { vertical-align:bottom; }
/* -- float -- */
.fl { float:left;}
.fr { float:right; }
/* -- boxsize -- */
.mt0 { margin-top:0!important; }
.mb0 { margin-bottom:0!important; }
.mb5 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }

.hidden {
	display: none;
}

/* -- clearfix ----------------------------------------------- */
.clearfix:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}