@charset "utf-8";
/*----------------------------------------------------------------*/
/*韓国歌謡・ポップス・国楽
/*----------------------------------------------------------------*/

	/*----------------------------------------------------------------*/
	/*表紙
	/*----------------------------------------------------------------*/
	#ul_product_main{display:flex;}
	/*茶色・みどりおび*/
	#ul_product_main li {
		background: #524228;
		margin: 1em .1em;
		padding: .5em .5em .5em 1.5em;
		color: #fff;
		cursor: pointer;
		position: relative;
		line-height: 1.5;
		font-size: 14px;
		display: flex;
		flex:1;
		align-items: center;
	}
	#ul_product_main li._opened,
	#ul_product_main li:hover,
	#ul_product_main li:active{
		background-color:darkgreen;
	}
	#ul_product_main li::before {
		content:"";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 6px 0 6px 12px;
		border-color: transparent transparent transparent #fff;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		left: .5em;
	}
	#ul_product_main li._opened::before{
		transform: rotate(90deg);		
	}
	#ul_product_main span{
		display:block;
		vertical-align: middle;
	}

	/*----------------------------------------------------------------*/
	/*カテゴリーリスト
	/*----------------------------------------------------------------*/
	.product_category{
		 display:none;
	}
	.product_category._display{
		display:flex;
		flex-wrap:wrap;
	}
	/*内部リスト初期非表示*/
	.ul_product_list{
	}
	.ul_product_list._display{
	}
	/*アイテムよこならび*/
	.ul_product_list{
		width: 23%;
		margin:1%;
		background: #D0D0D0;
		padding: 1em;
		box-sizing: border-box;
	}
	.ul_product_list img{
		max-width:100%;
	}	
	.ul_product_list .ttl {
	  font-weight: bold;
	  text-align: center;
	  margin-top: 1em;
	}
	.ul_product_list .ul_download {
	  text-align: center;
	}
	@media screen and (max-width:768px){
		.ul_product_list{width: 48%;margin:1%;}
	}
	@media screen and (max-width:375px){
		.ul_product_list{width: 98%;margin:1%;}
	}
	/*テキスト*/
	.ul_product_list dl{
		font-size:11px;
	}
	/*ピンクタイトル*/
	.ul_product_list dt{
		color:#f53193;
		font-weight: bold;
		text-align: center;
	}
	/*内枠余白*/
	.ul_product_list dd{}
	.ul_product_list .dl_list {
		margin: 1em 0;
	}