@charset "UTF-8";
/* クラブミラノ */
.milano {}

/* ==================================================================== */
/* SMARTPHONE
======================================================================= */
@media screen and (max-width: 768px) {
  
	.news--list-wrap{
	}
	
  .news--list,
	.news--detail-wrap {
		width: 100%;
		margin: auto;
  }
  
	.news--item {
		border: 2px solid #1a205c;
		background-color: #FFF;
		padding: 12px;
		position: relative;
		display: flex;
		justify-content: space-between;
		color: inherit;
	}
	.news--item + .news--item {
		margin-top: 30px;
	}
	.news--detail-wrap .news--item {
		margin: 0 auto 30px;
	}
	.news--item:has(.news--item-ph) .news--item-txt {
		order: 2;
		width: 65%;
	}
	.news--item-txt {
		width: 100%;
	}
	.news--item-header {
		border-bottom: 1px solid #f42b98;
		margin-bottom: 6px;
		padding-bottom: 6px;
	}
	.news--item-header-title {
		font-size: 2.1rem;
		font-weight: 700;
		color: #f42b98;
		line-height: 1.3;
	}
	.news--item-header-date {
		color: #287dd8;
	}
	.news--item-txt-read {
		font-size: 1.4rem;
		text-align: justify;
	}
	.news--item-ph {
		order: 1;
		width: 32%;
	}
  
}

/* ==================================================================== */
/* DESKTOP
======================================================================= */
@media screen and (min-width: 768px), print {
    
	.news--list-wrap{
	}
	
  .news--list,
	.news--detail-wrap {
		width: 800px;
		margin: auto;
  }
  
	.news--item {
		border: 2px solid #1a205c;
		background-color: #FFF;
		padding: 22px;
		position: relative;
		display: flex;
		justify-content: space-between;
		color: inherit;
	}
	.news--item + .news--item {
		margin-top: 30px;
	}
	.news--detail-wrap .news--item {
		margin: 0 auto 60px;
	}
	.news--item:has(.news--item-ph) .news--item-txt {
		order: 2;
		width: 65%;
	}
	.news--item-txt {
		width: 100%;
	}
	.news--item-header {
		border-bottom: 1px solid #f42b98;
		margin-bottom: 6px;
		padding-bottom: 6px;
	}
	.news--item-header-title {
		font-size: 2.1rem;
		font-weight: 700;
		color: #f42b98;
		line-height: 1.3;
	}
	.news--item-header-date {
		color: #287dd8;
	}
	.news--item-txt-read {
		font-size: 1.4rem;
		text-align: justify;
	}
	.news--item-ph {
		order: 1;
		width: 32%;
	}
	
}