.detailSet .center{
	text-align: center;
}

/******** メインビジュアル *******/

.detailSet .generalMain{
	width: 100%;
	margin: auto;
}
@media screen and (max-width:640px) { 
	.detailSet .generalMain{
		width: 100%;
		margin: auto;
	}
}

.detailSet .generalBox{
	width: 1180px;
	margin: auto;
}
@media screen and (max-width:640px) { 
	.detailSet .generalBox{
		width: 100%;
		max-width: 640px;
		margin: auto;
	}
}

@media screen and (min-width: 640px){
.detailSet .generalMain.spArea{
	display: none;
}
}
@media screen and (max-width: 640px){
.detailSet .generalMain.pcArea{
	display: none;
}
}

/******** グッズ用ボタン flx *******/

.detailSet #generalBtn{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.detailSet #generalBtn p.btn{
	width: 23%;
	margin: 1%;
}
@media screen and (max-width: 640px){
	.detailSet #generalBtn p.btn{
	width: 31%;
	margin: 1%;
	}
}
.detailSet #generalBtn p.btn a{ /*作品名別ボタン*/
	display: flex; /*中央揃えに必要*/
	flex-direction:column; /*子要素(リンク)小文字の改行を有効にするため*/
	justify-content: center;/*中央揃えに必要*/
	align-items: center;/*中央揃えに必要*/
	text-decoration: none;
	margin: auto;
	height: 5em;
	border-radius: 15px;
	text-align: center;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1em;	
}

@media screen and (max-width:640px) { 
	.detailSet #generalBtn p.btn a{
		font-size: 1em;
		border-radius: 8px;
		box-shadow: 0px 2px #3A61AE;
	}
}

.detailSet #generalBtn p.btn span.txt-s{ /*タイトル内に小文字を使いたいときに txt-s*/
	font-size: 80%;
    line-height: 0.1em;
    padding: 0 0 2%;
}
@-moz-document url-prefix() {
	.detailSet #generalBtn p.btn span.txt-s{ /*タイトル内に小文字を使いたいときに txt-s*/

    line-height: 1.2em;
}
}
@media screen and (max-width:640px) { 
	.detailSet #generalBtn p.btn span.txt-s{ /*タイトル内に小文字を使いたいときに txt-s*/
	line-height: 0.5em;
	}
}
.detailSet #generalBtn p.btn span.markBtn ,
.detailSet #generalBtn p.specialbtn span.markBtn{ /*タイトル内に小文字を使いたいときに txt-s*/
	width: 10%;
	max-width: 15px;
}

.detailSet #generalBtn p.specialbtn{ /*特典ボタン(横幅ひろめ)*/
	width: 60%;
	margin: 1%;
}
@media screen and (max-width: 640px){
	.detailSet #generalBtn p.specialbtn{
	width: 60%;
	}
}
.detailSet #generalBtn p.specialbtn a{ /*1カラムボタン*/
	display: flex; /*中央揃えに必要*/
	flex-direction:column; /*子要素(リンク)小文字の改行を有効にするため*/
	justify-content: center;/*中央揃えに必要*/
	align-items: center;/*中央揃えに必要*/
	text-decoration: none;
	margin: auto;
	height: 3em;
	border-radius: 15px;
	text-align: center;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.1em;

}	

@media screen and (max-width:640px) { 
	.detailSet #generalBtn p.specialbtn a{
		box-shadow: 0px 2px #3A61AE;
	}
}

/******** オーダーシート引用 flx *******/

@media screen and (min-width: 640px){
.detailSet #sheet .goodsTable .goods .spArea{
	display: none;
}
}
@media screen and (max-width: 640px){
.detailSet #sheet .goodsTable .goods .pcArea{
	display: none;
}
}

.detailSet #sheet .goodsTable .goods{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 100%;
}
	@media screen and (max-width:640px) { 
		.detailSet #sheet .goodsTable .goods{
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			width: 100%;
		}
	}


.detailSet #sheet .goodsTable .goods div{
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
}
	@media screen and (max-width:640px) { 
	.detailSet #sheet .goodsTable .goods div{
		border-left: 2px solid #000000;
	}
}
		
.detailSet #sheet .goodsTable .goods .single{
	width: 24.5%;
}
	@media screen and (max-width:640px) { 
		.detailSet #sheet .goodsTable .goods .single{
			width: 49%;
		}
	}
		
		
.detailSet #sheet .goodsTable .goods .double{
	width: 49.5%;
}
	@media screen and (max-width:640px) { 
		.detailSet #sheet .goodsTable .goods .double{
			width: 99%;
		}
	}

.caution{
	margin: 3% 0 ;
}