/*
ほっかいどうの未来に“ラブ”を贈ろう！
/hokkaido_love_news/
*/

/* --------------------

ほっかいどうの未来に“ラブ”を贈ろう！ページの中に表示するインラインページ　ディレクトリ名：hokkaido_love_news

-------------------- */

/*商品を囲んだdiv*/
.hokkaido_love_lineup{
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 15px 15px 15px 15px;
	margin: 0 auto;
	background-color: #faf6eb;
}

/*div*/
.hokkaido_love_lineup_inner{
	display: block;
	background-color: #ffffff;
	padding: 40px 40px 40px 40px;
	
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px; 
}


/*ニュース風記事*/
.news_title{
	font-size: 24px;
}

/*2列全体　div*/
.hokkaido_love_news_2column{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	letter-spacing: -.40em;/* 文字間を詰めて隙間を削除する */
	position: relative;
}

.hokkaido_love_news_2column .column_inner{
	display: inline-block;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
	width: 49%;
	margin-right: 2%;
}

.hokkaido_love_news_2column .column_inner:nth-of-type(2){
	margin-right: 0%;
}

.sdgs_title{
	display: inline-block;
	position: relative;
	vertical-align: top;
	font-size: 105%;
	font-weight: 600;
	margin-right: 20px;
}

.sdgs_icon_box{
	display: inline-block;
	position: relative;
	vertical-align: top;
}

.sdgs_icon_box p{
	display: inline-block;
}

.sdgs_icon_box img{
	width: 100px;
	margin-right: 5px;
}




/*=========================iPad用スタイルここから=========================*/

@media only screen
	and (min-device-width: 768px)
	and (max-device-width: 1024px) {

}


/*=========================スマホ用スタイルここから=========================*/

/*@media screen and ( max-width: 767px ) {*/
@media screen and ( max-width: 719px ) {
	
	
	/*商品を囲んだdiv*/
	.hokkaido_love_lineup{
		display: inline-block;
		position: relative;
		overflow: hidden;
		width: 100%;
		padding: 20px 10px 10px 10px;
		margin: 0 auto;
		background-color: #faf6eb;
	}
	
	/*div*/
	.hokkaido_love_lineup_inner{
		display: block;
		background-color: #ffffff;
		padding: 10px 10px 10px 10px;
		
		border-radius: 16px;
		-webkit-border-radius: 16px;
		-moz-border-radius: 16px; 
	}
	
	/*ニュース風記事*/
	.news_title{
		font-size: 19px;
	}
	
	/*2列全体　div*/
	.hokkaido_love_news_2column{
		display:block;
		letter-spacing: normal;/* 文字間を詰めて隙間を削除する */
		position: relative;
	}
	
	.hokkaido_love_news_2column .column_inner{
		display: block;
		position: relative;
		vertical-align: top;
		letter-spacing: normal;
		width: 100%;
		margin-right: 0%;
	}
	
	.hokkaido_love_news_2column .column_inner:nth-of-type(2){
		margin-right: 0%;
	}
	
	.sdgs_title{
		display: block;
		position: relative;
		vertical-align: top;
		font-size: 100%;
		font-weight: 600;
		margin-right: 10px;
	}
	
	.sdgs_icon_box{
		display: block;
		position: relative;
		vertical-align: top;
		text-align: center;
	}
	
	.sdgs_icon_box p{
		display: block;
		text-align: center;
	}
	
	.sdgs_icon_box img{
		display: inline-block;
		position: relative;
		width: 100px !important;
		margin-right: 5px;
		margin-left: 5px;
		margin-bottom: 10px;
	}




}/*スマホ用スタイル@media screen and ( max-width: 767px )ここまで*/