/*/////////////// CSS変数設定 ///////////////////*/
@import "./root.css";
/*/////////////// CSS変数設定 ///////////////////*/

@media screen and (max-width: 1049px) {
	.topics_details .topics_imgbox{margin:0;}
	.topics_details .topics_imgbox img{width:100%;}	
	.topics_details .topics_cmtbox{margin:0 auto 15px;padding:15px;}
	.topics_details .c_date_p{color:#1f1f40;padding:5px 10px 5px;border-top:2px dotted #1f1f40;}
}
@media screen and (min-width: 1050px) {
	.topics_details .topics_imgbox{width:49%;margin:0 1% 0 0;float:left;}
	.topics_details .topics_imgbox img{width:100%;}		
	.topics_details .topics_cmtbox{
		width:50%;
		height:calc(100vw / 2);
		overflow:scroll;
		margin:0 auto;
		padding:15px;
		float:left;
	}
	.topics_details .c_date_p{color:#1f1f40;padding:5px 10px 5px;border-top:2px dotted #1f1f40;}
}

/*------------------------- ▼▼ ヘッドライン ▼▼-------------------------*/
@media screen and (max-width: 1049px) {
	.topics_newarrival{width:100%;margin:0 auto;}
	.topics_newarrival .new_arrivalbox{background:#ffffff;}
	.topics_newarrival .new_arrivalbox ul{
		margin:0 auto;
		list-style-type:none;	
	}
	.topics_newarrival .new_arrivalbox ul li{
		margin-bottom:5px;
		padding:5px 0px 10px;
		border:1px dotted #f491a8;
	}	
	.topics_newarrival .na_headline{width:100%;}	
	.topics_newarrival .na_headline .na_img_box{
		width:70px;
		height:70px;
		overflow:hidden;	
		margin:5px 15px 5px 15px;
		float:left;	
	}
	.topics_newarrival .na_headline .na_img_box img{
		width:70px;
		height:70px;
		object-fit: cover; 
		object-position: 50% 0;
	}
	.topics_newarrival .na_headline .na_contents{
		width: calc(100% - 130px);
		margin:5px;
		padding:5px;
		float:left;
		
	}
	.topics_newarrival .na_headline .na_contents .na_ttl{
		width:100%;
		padding:0 0 5px 0;
		border-bottom:1px dotted #f491a8;
		font-size: 13px;
		font-size: 1.3rem; /* =13px */
	}
	.topics_newarrival .na_headline .na_contents .na_ttl a{color: #663333;/* 文字の色 */}
	.topics_newarrival .na_headline .na_contents .na_ttl a:hover{color: #996600;/* 文字の色 */}
	.topics_newarrival .na_headline .na_contents .na_ttl a:visited{color: #663333;/* 文字の色 */}
	.topics_newarrival .na_headline .na_contents .na_ttl span{margin:0 5px 0 0;}	
	.topics_newarrival .na_headline .na_contents .na_date{font-size: 11px;font-size: 1.1rem;text-align:right;}		
}
@media screen and (min-width: 1050px) {
	.topics_newarrival{width:100%;height:325px;margin:0 auto 10px;overflow:scroll;}
	.topics_newarrival .new_arrivalbox{float:left;}
	.topics_newarrival .new_arrivalbox ul{
		list-style:none;
		padding:5px;	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
		background:#ffffff;
		box-shadow: 2px 2px 2px #666;
	}
	.topics_newarrival .new_arrivalbox ul li{width:100%;border-bottom:1px solid #ccc;text-align:left;}
	.topics_newarrival .na_headline{width:100%;}
	.topics_newarrival .na_headline .na_img_box{
		width:70px;
		height:70px;
		overflow:hidden;	
		margin:5px 15px 5px 0px;
		float:left;
	}
	.topics_newarrival .na_headline .na_img_box img{
		width:70px;
		height:70px;
		object-fit: cover; 
		object-position: 50% 0;
	}
	.topics_newarrival .na_headline .na_contents{
		width:980px;
		margin:10px 10px 5px 0px;
		padding:0 5px 0 0;
		float:left;
	}
	.topics_newarrival .na_headline .na_contents .na_ttl{
		font-size: 13px;
		font-size: 1.3rem; /* =13px */
		color: #663333;/* 文字の色 */
		line-height:1.4rem;
		text-shadow:1px 1px #fff;
		border-bottom: 1px dotted #1f1f40;/* ステッチの太さ・種類・カラー */
		margin: 0px 0px 5px;
		padding:0px 0px 5px 20px;
	}
	.topics_newarrival .na_headline .na_contents .na_ttl a{color: #663333;/* 文字の色 */}
	.topics_newarrival .na_headline .na_contents .na_ttl a:hover{color: #996600;/* 文字の色 */}
	.topics_newarrival .na_headline .na_contents .na_ttl a:visited{color: #663333;/* 文字の色 */}
	.topics_newarrival .na_headline .na_contents .na_date{font-size: 11px;font-size: 1.1rem;text-align:right;text-shadow:1px 1px #fff;}
}