@charset "UTF-8";

/* --------------------------------
	デジタルカタログページのcss
-------------------------------- */

/* -------背景------- */

#catalog_content{
    width: 941px;
}

.back_gray {
    background: #efefef;
    padding: 20px;
    margin-bottom: 50px;
}
/* ------メイン------- */

.degi_contents {
    width: 409px;
    background: #fff;
    float: left;
    margin-bottom: 2px;
    padding: 20px;
    position: relative;
}
.degi_contents:nth-child(odd) {
    margin-right: 2px;
}

.degi_thumbnail {
    float: left;
}

.degi_thumbnail img {
    border: 1px solid #efefef;
}
/* -右のテキスト- */
.right_text {
    float: left;
    padding-left: 20px;
    position: relative;
    height: 197px;
	width:240px;
}

.right_text p {
    /*margin: 50px 0 0px;*/
    line-height: 20px;
}
/* -カタログタイトル- */
h3 {
    font-size: 150%;
    font-weight: 600;
    /*float: left;*/
}
h3 span {
    font-size: 75%;
}
/* -カタログボタン- */
.degi_button {
    background: #e60012;
    width: 220px;
    position: absolute;
    bottom:43px;
}
.degi_button:last-child{
    position: absolute;
    bottom: 1px;
	margin-bottom:0;
}
.degi_button_jp {
	position: absolute;
	right:47px;
	bottom:63px;
}
.degi_button_jp:last-child {
	position: absolute;
	right:47px;
	bottom:20px;
}
.degi_button a {
    color: #fff;
    display: block;
    padding: 12px 0 10px;
    text-align: center;
}
@media screen and (max-width:768px) {
	*{
		box-sizing: border-box;
	}
	#catalog_content{
		width:100%;
	}
	h1+.clearfix:after{
		content:none;
	}
	h1+.back_gray{
		display: flex;
		flex-wrap:wrap;
	}
	h1+.back_gray .degi_contents{
		position:static;
		float:none;
		width:100%;
		margin:0;
		border-bottom:dashed 1px #ccc;
		display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	h1+.back_gray .degi_contents:last-child{
		border:none;
	}
	.degi_thumbnail{
		float:none;
		width:32%;
	}
	.degi_thumbnail img {
		width:100%;
		height:auto;
	}
	.right_text{
		position:static;
		float:none;
		width:68%;
		height:auto;
	}
	.right_text h3{
		float:none;
	}
	.right_text h3 span{
		font-weight: bold;
	}
	.right_text .sub_text{
		margin:0 0 10px;
	}

	.degi_button,.degi_button:last-child {
		position:static;
		width:100%;
		background: #e60012;
	}
	.degi_button:last-child {
		margin-top:5px;
	}
	.degi_button_jp {
		margin-top:10px;
	}
}