@charset "Shift_JIS";



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

collection_sp.css

プロワイズコレクション -Prowise collection- 用

========================================================================================================================
======================================================================================================================*/
@media screen and (max-width : 767px){







/* コンテンツトップ
-------------------------------------------------------------------------------------------------------- */

/*各回のボックス
-------------------------------------- */
.box_outline {
	margin:        0px 0px 20px 0px;
	padding:       0px 0px 20px 0px;
	border-bottom: solid 1px #C1B7AD;
	z-index:       100;
	position:      relative;
	zoom:          1;
}


/* サムネイル 
-------------------------------------- */
.box_outline .thumbnail {
	width:       80px;
	float:       left;
}


/* テキストエリア
-------------------------------------- */
.box_outline .txt {
	width:       calc(100% - 90px);
	float:       right;
}

/* タイトル */
.box_outline .txt h2 {
	margin:      0px 0px 5px 0px;
	font-size:   123.1%;
}
.box_outline .txt h2 a .number {
	display: block;
	width: 70px;
	margin: 0 0 3px;
}


/* リンク */
.box_outline .txt .link {
    float: left;
    width: 100%;
}
.box_outline .txt .link {
	box-sizing: border-box;
}
.box_outline .txt .link a {
	color:          #004800;
	text-decoration:none;
	font-weight:    bold;
}
.box_outline .txt .link a:visited {
	color:          #3F943F;
	text-decoration:none;
	font-weight:    bold;
}
.box_outline .txt .link a:hover {
	color:          #004800;
	text-decoration: underline;
	font-weight:    bold;
}





/* 本文指定
-------------------------------------------------------------------------------------------------------- */

/*各種パーツ
-------------------------------------- */

/* リード文指定*/

#leadL { 
	font-size:  108%;
	margin-bottom:  20px;
}

/* 記事指定 */
p.feapL {
	margin:     0px 0px 30px 0px;
	font-size:  108%;	
}

p.feapL35 {
	margin:     0px 0px 35px 0px;
	font-size:  108%;	
}

p.feapL40 {
	margin:     0px 0px 40px 0px;
	font-size:  108%;	
}

p.feapL45 {
	margin:     0px 0px 45px 0px;
	font-size:  108%;	
}

p.feapL50 {
	margin:     0px 0px 50px 0px;
	font-size:  108%;	
}

p.feapgreenL {
	color:      #009553;
	margin:     0px 0px 30px 0px;
	font-size:  108%;
}

/*画像指定*/
#collection table,
p.feapL + table {
	margin: 0 auto 40px;
	text-align: center;
}
p.feapL + table img {
	max-width: 100%;
	height: auto;
}



/* プロフィール
-------------------------------------- */
.box_profile .thumbnail {
	width: 70px;
	margin-right: 15px;
}
.box_profile .txt {
	width: calc(100% - 85px);
}



/* 文末の囲み
-------------------------------------- */
.box_last .ttl_box_last {
	font-size: 17px;
}
.box_last .area_btm_02 .img {
	width: calc(100% - 270px);
	max-width: 300px;
}
.box_last .area_btm_02 .img img {
	width: 100%;
}

/* 第4回目
-------------------------------------- */
#collection .collection_number_orange{
    width:85%;
}

}