@charset "utf-8";
/* CSS Document */

/*PC*/
@media screen and (min-width: 769px) {
	.title{background: url(../image/sakuhin/bgTitle.png) no-repeat right #fff; border: 2px solid #ffaa17; font-size: 28px; color: #ffaa17;}
	.title i{font-size: 32px;}
	#wrapperContentsLow_R h3{background: url(../image/sakuhin/bgSubTitle.png) left center no-repeat; color: #ffaa17;}
	p{}
	#wrapperContentsLow_R #wrapperSakuhinList{display: flex;justify-content: space-between; list-style-type: none;flex-wrap: wrap;}
	#wrapperContentsLow_R #wrapperSakuhinList li{width: 32%; margin-bottom: 15px;}
	#wrapperContentsLow_R #wrapperSakuhinList li img{width: 100%; height: auto;}
	#wrapperContentsLow_R #wrapperSakuhinList::after{
	  content:"";
	  display: block;
	  width:32%;
	}
	.flash{display: inline;}
	
	.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
	  background-color: #ffaa17;
	  color: white;
	}
	
	.mainImg{margin-bottom: 40px;}
	.wrapperBnrErea{margin: 20px 0 38px;display: flex;justify-content:space-between;flex-wrap: wrap;}
	.wrapperBnrErea li{ width: 49%; margin-right: 5px; list-style-type: none;}
	.wrapperBnrErea li img{width: 100%; height: auto;}
	#wrapperComicList{display: flex;justify-content:space-between;flex-wrap: wrap;}
	

	#wrapperComicList .contentsComic{width: 127px; margin-bottom: 26px;}
	.contentsComic img{width: auto; height: 200px;}
	.contentsComic a{display: block; text-align: center; border: 1px solid #ffaa17; margin: 4px 0 0; font-size: 13px; color: #ffaa17; text-decoration: none;    background: white;}
	#wrapperTopicsList{max-height: 300px;margin-bottom: 38px;}
	#wrapperTopicsList dt {color: #35bbbd;font-weight: bold;}
	#wrapperTopicsList dd {margin-bottom: 20px;}
}

/* SP */
@media screen and (max-width: 768px) {
	#wrapperHyoushi img{border: 2px #1d1d1d solid;}
	#wrapperHyoushiSP #wrapperHyoushi{ margin: 25px 20px 10px;}
	#wrapperHyoushiSP h2{font-size: 1.4rem; text-align: center; padding: 0 20px;}
	#wrapperTxtReleaseSP{margin-bottom: 20px;}
	#wrapperHyoushiSP #txtReleaseSP{ background: #ffd738; padding: 0 20px; font-size: 1.4rem; border-radius: 50px;}
	
	.title{background: url(../image/sakuhin/bgTitle.png) no-repeat right #fff; border: 2px solid #ffaa17; background-size: contain;font-size: 1.2rem; color: #ffaa17;}
	#wrapperContentsLow_R h3{background: url(../image/sakuhin/bgSubTitle.png) left center no-repeat; background-size: 20px; color: #ffaa17;}
	p{}
	
	#wrapperContentsLow_R #wrapperSakuhinList{
		display:-webkit-box;/*--- Androidブラウザ用 ---*/
		display:-ms-flexbox;/*--- IE10 ---*/
		display: -webkit-flex;/*--- safari（PC）用 ---*/
		display:flex;
		-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
		-ms-flex-pack:justify;/*--- IE10 ---*/
		-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
		justify-content:space-between;
		list-style-type: none;
		-ms-flex-wrap:wrap;/*--- IE10用 ---*/
		-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
		flex-wrap:wrap;
	}
	#wrapperContentsLow_R #wrapperSakuhinList::after{
	  content:"";
	  display: block;
	  width:49%;
	}
	#wrapperContentsLow_R #wrapperSakuhinList li{margin-bottom: 10px; width: 49%; display: inline-block;}
	#wrapperContentsLow_R #wrapperSakuhinList li img{width: 100%; height: auto; border: 1px solid #c2baba;}
	
	.mainImg{margin-bottom: 20px;}
	.wrapperBnrErea{margin: 20px 0 30px;}
	.wrapperBnrErea li{ list-style-type: none; margin-bottom: 5px;}
	#wrapperComicList{
		display:-webkit-box;/*--- Androidブラウザ用 ---*/
		display:-ms-flexbox;/*--- IE10 ---*/
		display: -webkit-flex;/*--- safari（PC）用 ---*/
		display:flex;
		-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
		-ms-flex-pack:justify;/*--- IE10 ---*/
		-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
		justify-content:space-between;
		list-style-type: none;
		-ms-flex-wrap:wrap;/*--- IE10用 ---*/
		-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
		flex-wrap:wrap;
	}
	#wrapperComicList .contentsComic{width: 24%; margin-bottom: 26px;}
	.contentsComic a{display: block; text-align: center; border: 1px solid #ffaa17; margin: 4px 0 0; font-size: 13px; color: #ffaa17; text-decoration: none; background: #fff;}
	#wrapperTopicsList{height: 220px;margin-bottom: 38px;}
	#wrapperTopicsList dt {color: #35bbbd;font-weight: bold;}
	#wrapperTopicsList dd {margin-bottom: 20px;}
	.contentsComic img {width: 100%;}
	.empty {
        height: 0;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
}