@charset "UTF-8";

#archive{max-width:800px; margin:0 auto 40px;}
#archive h1{font-size:30px; font-size:3rem; margin:0 auto 40px; text-align:center;}
#archive .entry-thumb{width:40%; padding-top:26%; float:left; margin-right:2%;}
#archive .entry-box{padding:2%; border-bottom:1px solid #f3f3f3;}
#archive .entry-box a{display:block; width:100%; height:100%; position:relative;}
#archive .entry-text{float:left; padding:8px 0; width:58%;}
#archive .entry-date{color:#aaa; display:inline-block; margin-bottom:6px;}
#archive .entry-title{font-size:20px; font-size:2rem;}

	.tax-pr-container{width: 880px; float: right; margin-bottom: 24px; display: flex; justify-content: space-between; flex-wrap:wrap;}
	.tax-pr-item{width:428px; background: white;}
	.tax-pr-item h3{font-size: 15px; color: #222; margin-bottom: 6px;}
	.tpi-image-container{display: flex; justify-content: space-between; flex-wrap:wrap;}
	.tpi-image-item:first-child{width: 100%; height: 214px;}
	.tpi-image-item:not(:first-child){width: 50%; height: 107px;}
	.tpi-desc-inner{padding: 12px 20px;}
	.pr-line{position: relative; padding-left: 33px; line-height: 1.3; font-size: 11px; margin-bottom: 8px;}
	.pr-line span{position: absolute; top: -1px; left: 0; border-radius: 2px; display: block; width: 28px; height: 16px; line-height: 16px; text-align: center; color: white; background: #CECECE;}
	.pr-studio-data p{margin-bottom: 0; display: inline-block; font-size: 12px;}
	.pr-studio-data p i{opacity: .5;}
	.pr-studio-data p:first-child{margin-right: 8px;}
	.icon-yen{font-size: 1.15em; vertical-align: text-top;}


/* PCレイアウト */
@media screen and (min-width: 641px) {
}

@media screen and (max-width: 640px) {
/* スマートフォンレイアウト */
#archive .entry-title{font-size:16px; font-size:1.6rem;}
	
	.tax-pr-container{width: 100%; float: none; clear: both; margin-bottom: 24px;}
	.tax-pr-item{width:100%; background: white;}
	.tax-pr-item:first-child{margin-bottom: 16px;}
	.tax-pr-item h3{font-size: 15px; color: #222; margin-bottom: 6px;}
	.tpi-image-container{display: block; position: relative; height: 40vw;}
	.tpi-image-item:first-child{width: 65%; height: 40vw; position: absolute; top: 0; left: 0;}
	.tpi-image-item:not(:first-child){width: 35%; height: 20vw; position: absolute; top: 0; right: 0;}
	.tpi-image-item:last-child{top: 20vw;}
	.tpi-desc-inner{padding: 16px 20px;}
	.pr-line{position: relative; padding-left: 34px; line-height: 1.3; font-size: 11px; margin-bottom: 8px;}
	.pr-line span{position: absolute; top: -1px; left: 0; border-radius: 2px; display: block; width: 28px; height: 16px; line-height: 16px; text-align: center; color: white; background: #CECECE;}
	.pr-studio-data p{margin-bottom: 0; display: inline-block; font-size: 12px;}
	.pr-studio-data p i{opacity: .5;}
	.pr-studio-data p:first-child{margin-right: 8px;}
	.icon-yen{font-size: 1.1em;}

}