/*========= レイアウトのためのCSS ===============*/


.box{
    padding: 40px;
  display:flex;
  color:#fff ;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#box1{
    background: url(https://rootco.itembox.design/item/fut/aw/soon/aw-soon_01.jpg) center 20%;
}
#box2{
    background: url(https://rootco.itembox.design/item/fut/aw/soon/aw-soon_02.jpg) center;
}
#box3{
    background: url(https://rootco.itembox.design/item/fut/aw/soon/aw-soon_03.jpg) center 10%;
}
#box4{
    background: url(https://rootco.itembox.design/item/fut/aw/soon/aw-soon_04.jpg) center;
}
#box5{
    background: url(https://rootco.itembox.design/item/fut/aw/soon/aw-soon_05.jpg) center;
}

.aw_sooon-logo{
opacity:0.4;
}


/*========= ページネーションCSS ===============*/

.pagination {
  position:fixed;
  right:20px;
  top: 50%;
    transform: translateY(-50%);
  font-size:1em;
  z-index: 10;
  list-style: none;
}

.pagination a {
  display:block;
  height:20px;
  margin-bottom:5px;
  color:#fff;
  position:relative;
  padding:4px;
}

.pagination a.active:after {
  box-shadow:inset 0 0 0 5px;
}

/*現在地表示のテキストの設定*/
.pagination a .hover-text {
  position:absolute;
  right:15px;
  top:0;
  opacity:0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  padding-right: 15px;
}

.pagination a:hover .hover-text {
  opacity: 1;
}

.pagination a:after {
  -webkit-transition:box-shadow 0.5s ease;
  transition:box-shadow 0.5s ease;
  width:10px;
  height:10px;
  display: block;
  border:1px solid;
  border-radius:50%;
  content:"";
  position: absolute;
  margin:auto;
  top:0;
  right:3px;
  bottom:0;
}

/*768px以下は現在地表示のテキストを非表示*/
@media screen and (max-width:768px) { 
  .pagination a .hover-text{
    display: none;
  } 
p.storep {text-align: left; }
.store-gridcontainer2 {
    gap: 1rem;
    width: 100%;}
.store_griditem1{
    width: 100%;
    padding: 10px 0;	
    border-radius: 5%;}
.store_griditem2{
    width: 100%;
    padding: 10px 0;
    border-radius: 5%;}
.storepbk{
    line-height:1.2rem ;}
.store-card02 {
    width: 100%;}
.store-card {
    width: 100%;}
.store-logo{
    width: 70%;}
	#box1{
    background: url(https://rootco.itembox.design/item/fut/aw/soon/aw-soon_01.jpg) center 35%;
}
	#box2{
    background: url(https://rootco.itembox.design/item/fut/aw/soon/aw-soon_02_sp.jpg) center;
}
	#box3{
    background: url(https://rootco.itembox.design/item/fut/aw/soon/aw-soon_03_sp.jpg) center;
}
	#box5{
    background: url(https://rootco.itembox.design/item/fut/aw/soon/aw-soon_05_sp.jpg) center;
}