@charset "utf-8";
/* CSS Document */
.blueIconMidashi span:before{
	content: "";
	width: 1.5em;
	height: 1.5em;
	background-image: url("../../img/flower_icon.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	left: -1em;
	top:50%;
	margin-top: -0.75em;
	z-index: 2;
}
.blueIconMidashi span:after{
	content: "";
	width: 1.5em;
	height: 1.5em;
	background-image: url("../../img/flower_icon.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	right: -1em;
	top:50%;
	margin-top: -0.75em;
	z-index: 2;
}
.shopBox{
	margin-bottom: 1em;
}
.shopBox .notes{
	font-size: 0.9em;
	

}
.shopBox .shopName{
	font-size: min(5vw,max(1.1em,14px));
	line-height: 1.5em;
}
.img{
	text-align: center;
}
hr{
	border: 0;
	border-bottom: var(--gold) 1px dashed;
	margin:1em 0;
}
.shopBox a{
	display: block;
	width: 50%;
	margin: 1em auto;
}
a.shopBt{
	width: 100%;
	max-width: 800px;
	margin: 1em auto 0;
	background-color: var(--blue);
	color: #fff;
	padding: 1em;
	border-radius: 6px;
	text-align: center;
	position: relative;
	z-index: 5;
	
}
a.shopBt:hover{
	background-color: var(--gold);
}
.shopBox .midashi{
	background-color: var(--gold);
	padding: 0.5em;
	font-size: min(4vw,max(1.1em,13px));
}
.setBox{
	padding: 1vw;
	position: relative;
	z-index: 3;
	border: var(--gold) 1px solid;
	margin-bottom: 0.5em;
	text-align: center;
}
.setBox .notes{
	text-align: left;
}
/*img.double{
	width: 50%;
	display: inline-block;
	vertical-align: middle;
}*/
.grid_ani,
.grid_str,
.grid_eb,.grid_ali,.grid_tre,.grid_rakuten,
.grid_goo,.grid_gamecity,.grid_takara{
	display: block;
	column-gap: 1vw;
	row-gap: 1vw;
}
/*PC*/
@media (min-width: 1025px) {
	img.double{
	width: 50%;
	display: inline-block;
	vertical-align: middle;
}

	.setBox{
		margin-bottom: 0;
	}
.grid_ani{
	display: grid;
	grid-template-columns:repeat(2, 1fr);
	grid-template-areas:
	"b a" 
    "b c" 
    "b d"
	"b e"  ;
}
.grid_str{
	display: grid;
	grid-template-columns:repeat(2, 1fr);
	grid-template-areas:
	"c a" 
    "c b" 
    "c d";
}
	
.grid_eb,.grid_tre,.grid_rakuten{
	display: grid;
	grid-template-columns:repeat(2, 1fr);
	grid-template-areas:

    "a b";
}
.grid_goo,.grid_gamecity,.grid_takara{
	display: grid;
	grid-template-columns:repeat(2, 1fr);
	grid-template-areas:
	"c a" 
    "c b" ;
}
.grid_ali{
	display: grid;
	grid-template-columns:repeat(2, 1fr);
	grid-template-areas:
	"a b" 
    "c b" ;
}


.box_a{	grid-area: a;}
.box_b{	grid-area: b;}
.box_c{	grid-area: c;}
.box_d{	grid-area: d;}
.box_e{	grid-area: e;}
}