@charset "utf-8";

/*------------------------------*/
/* レフトメニュー */
/*------------------------------*/
#left_box {
	float:left;
	width:200px;
	box-sizing:border-box;
	padding:10px;
}
/* スマホ */
@media only screen and (max-width:599px) {
	#left_box {
		display:none;
	}
}

/*----------*/
/* メインメニュー */
.main_menu {
	display: block;
	padding:5px 10px 5px 10px;
	transition: 0.3s;
	margin-bottom:20px;
	font-size:15px;
	background-color:#666666;
	color:#ffffff;
}

/*----------*/
/* 親カテゴリーリンク */
.category_menu {
	display: block;
	border-left:10px solid #666666;
	border-bottom:1px solid #666666;
	padding:5px 10px 5px 10px;
	transition: 0.3s;
	font-size:13px;
	margin-bottom: 5px;
}

/* 子カテゴリーリンク */
.category_menu_sub {
	display: block;
	border-bottom:1px dotted #ffffff;
	padding:5px 10px 5px 10px;
	transition: 0.3s;
	font-size:12px;
	margin-bottom: 5px;
}
.category_menu:hover {
	background-color: #f0f0f0;
}
.category_menu_sub:hover {
	background-color: #f0f0f0;
	border-bottom:1px dotted #cccccc;
}

/* ON */
.category_menu_on {
	background-color: #f0f0f0;
}

/*------------------------------*/
/* メインボックス */
/*------------------------------*/
#main_box {
	padding:10px;
	padding-left:210px;
	box-sizing:border-box;
}
/* スマホ */
@media only screen and (max-width:599px) {
	#main_box {
		padding-left: initial;
		padding:10px;
	}
}

/*----------*/
/* サムネイルの高さ制御用 */
.list_image_frame_300 {
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
	text-align: center;
	position: relative;
}

.list_image_frame_300 img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: 100%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	object-fit: cover;
}

/*------------------------------*/
/* メインコンテンツ */
/*------------------------------*/
#main_contents {
	max-width:1200px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
	overflow: auto;
}

/*----------*/
/* タイトル帯 */
.title_line {
	display: block;
	border-left:10px solid #666666;
	border-bottom:1px solid #666666;
	background-color: #f0f0f0;
	padding:5px 10px 5px 10px;
	transition: 0.3s;
	margin-bottom:5px;
	font-size:15px;
}

/*------------------------------*/
/* ボーダーライン */
.border_all_cccccc {
	border: 1px solid #cccccc;
}
.border_all_000000 {
	border: 1px solid #000000;
}
.border_top_000000 {
	border: none;
	border-top: 1px solid #000000;
}
.border_top_cccccc_d {
	border: none;
	border-top: 1px dotted #cccccc;
}
.border_top_cfcfcf {
	border: none;
	border-top: 1px solid #cfcfcf;
}

/*------------------------------*/
/* ポップアップ表示 (短時間) */
.short_pop {
	position:fixed;
	max-width:100%;
	min-width:300px;
	bottom:120px;
	left:10px;
	text-align:center;
	border:1px solid #666666;
	color:#666666;
	border-radius:20px;
	background-color:#efefef;
	padding:10px 5px;
	font-size:20px;
	font-weight:bold;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
	z-index: 5;
}