/* ===================================================================

	CSS information
	author     :  (株)ジョイメイト
	browser    :  IE6.0,Firefox3.0
	since      :  2009.06.16
	
	style info :  トップページ部分
	
	tips ：

=================================================================== */


/*--------------------------------------------------------------------------------
	フリースペース
-------------------------------------------------------------------------------- */
.welcome {
	width: auto;
	height: auto;
}
.campaign {
	width: auto;
	height: auto;
	margin-bottom: 25px;
}
.information li {
	margin-bottom: 5px;
	padding: 3px 5px;
	border: 3px #ffd700 solid;
}

/*2012/10/15追加*/
.make_original {
        float: left;
        margin-right: 7px;
        margin-bottom: 20px;
}
.other {
       float :left;
}
.other li {
       margin-bottom: 7px;
}
.catch_under {
       clear: both;
       height: 116px;
       margin-bottom: 20px;
}
.catch_under li {
       float: left;
       margin-right: 9px;
}
.attention {
       width: auto;
       height: auto;
       padding: 15px 15px 0 15px;
       margin-bottom: 15px;
       border: 5px #ffc0cb solid;
}
.attention h2 {
       width: auto;
       height: auto;
       padding: 7px 5px;
       margin-bottom: 5px;
       background: #ffc0cb;
       line-height: 1;
}
.attention h3 {
       width: auto;
       height: auto;
       padding-bottom: 5px;
       margin-bottom: 5px;
       background: #fff;
       border-bottom: 3px #dedede double;
       line-height: 1;
}

/*--------------------------------------------------------------------------------
	カテゴリーリスト
-------------------------------------------------------------------------------- */
.catList {
	display: grid;
	grid-template-columns: repeat(auto-fill, 176px);
	gap: 16px;
}
.catList_item {
	aspect-ratio: 1 / 1;
}
.catList_item a {
	background: #f0f0f0;
	text-decoration: none !important;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	display: grid;
	place-content: center;
	place-items: center;
	row-gap: 4px;
}
.catList_item a:hover {
	color: #333;
	opacity: 0.7;
}
.catList_img {
	background: #fff;
	border-radius: 50%;
	width: 128px;
	aspect-ratio: 1 / 1;
	display: grid;
	place-content: center;
	overflow: hidden;
}
.catList_title {
	font-weight: bold;
}