@charset "UTF-8";

/*/////// TOPページホットワード ///////*/
@media (min-width: 801px) {
.wrap_set{
	width:960px;
	margin:0 0 20px;
}
	
.wrap_set04{
	/*width:1000px;*/
	margin:60px auto;
}

.text-link05{
	display: block;
	height: 40px;
	align-content: center;
	padding:20px 15px 15px;
	/*width:260px !important;*/
	text-align: center;
	vertical-align: middle;
	background: #e8e8e8;
	text-align:center;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size:100%;
	line-height: 2.2em;
	padding:0;
	color:#333333;
}
	
.text-link05:after{content:"　>"; font-size:90%; font-weight: lighter; letter-spacing: 0.1em; font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
	
.text-link05 a:link {
  	color: #333333;
	border:none;
	text-decoration: none;
}
.text-link05 a:hover{
  	color: #333333;
	text-decoration: none;
}
.text-link05 a:visited{
  	color: #333333;
	border:none;
	text-decoration: none;
}
}
	
/* フレックスボックスの基本設定 等間隔（両端揃え）折返しあり */
@media (min-width: 801px) {
[class^="flex-col"] {
	display: flex;
	flex-wrap: wrap;
	justify-content: safe center;
	display:-ms-flexbox;
	flex-direction: row;
	width: 960px; 
}
	
.flex-child{
	display: flex;
	flex-wrap: wrap;
	justify-content: safe center;
	display:-ms-flexbox;
	flex-direction: row;
	width: 960px; 
}

/* コンテンツ下のマージン */
.flex-child {
	margin:0 10px 20px 10px; 
	text-align:center;
	display: block;
	position: relative;
}
.flex-child img{ 
	width:90%;
	height: auto;
	margin-bottom:20px;
}
	
/* 各カラム毎のコンテンツと疑似要素の横幅 */
.flex-col2 .flex-child { width: calc( (100% - 20px) / 2 );}

.flex-col3::after,
.flex-col3 .flex-child { width: calc( (100% - 40px) / 3 ); }

	
/* 最終行は両端揃えにしない */
.flex-col3::after{ content: ""; }
}

.flex-col4::after,
.flex-col4 .flex-child { width: calc( (100% - 50px) / 6 ); }

	
/* 最終行は両端揃えにしない */
.flex-col4::after{ content: ""; }
	
	
	
	



/*/////// TOPページホットワード ///////*/
@media (max-width: 800px) {
.wrap_set04{
	margin:0 40px 20px 40px;
}

.wrap_set{
	margin:0 10px 20px 10px;
}

.text-link05{
	display: block;
	height: 30px;
	align-content: center;
	padding:20px 15px 15px;
	/*width:260px !important;*/
	text-align: center;
	vertical-align: middle;
	background: #e8e8e8;
	text-align:center;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size:85%;
	line-height: 2.2em;
	padding:0;
	color:#333333;
}
	
.text-link05:after{content:"　>"; font-size:65%; font-weight: lighter; letter-spacing: 0.1em; font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
	
.text-link05 a:link {
  	color: #333333;
	border:none;
	text-decoration: none;
}
.text-link05 a:hover{
  	color: #333333;
	text-decoration: none;
}
.text-link05 a:visited{
  	color: #333333;
	border:none;
	text-decoration: none;
}
}
	
@media (max-width: 800px) {
[class^="flex-col"] {
	display: flex;
	flex-wrap: wrap;
	justify-content:  space-between;
	display:-ms-flexbox;
	flex-direction: row;
	/*width: 360px !important;*/ 
}

/* コンテンツ下のマージン */
.flex-child {
	margin-bottom: 10px; 
	text-align:center;
	display: block;
	position: relative;
}
.flex-child img{ 
	/*width:100%;
	height: auto;*/
	/*margin-bottom:10px;*/
}


/* 各カラム毎のコンテンツと疑似要素の横幅 */
.flex-col2 .flex-child { width: calc( (100% - 20px) / 2 );}

.flex-col3::after,
.flex-col3 .flex-child { width: calc( (100% - 20px) / 3 ); }

	
/* 最終行は両端揃えにしない */
.flex-col3::after{ content: ""; }
	
	
.flex-col4::after,
.flex-col4 .flex-child { width: calc( (100% - 15px) / 3 );}

	
/* 最終行は両端揃えにしない */
.flex-col4::after{ content: ""; }
}