@charset "UTF-8";

img{
border:none;
max-width: 100%;
height: auto;
width /***/:auto;
margin:0;
padding:0;
vertical-align:bottom;
}

html {
height:100%;
width: 100%;
overflow-y:scroll;
}

body {
margin:0;
padding:0;
height: 100%;
width: 100%;
-webkit-text-size-adjust: 100%;
background:#FFEC3F;
background:url("../images/summersale2025_back.png")repeat;
}

body,td,th {
font-family: "游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-style: normal;
font-weight: 400;
color:#000000;
}
@media all and (-ms-high-contrast:none) {
body,td,th {
font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
}


.iv {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
}


/*ローディング
-------------------------------------------------*/

#loading {
width:100vw;
height:100vh;
background:#FFEC3F;
top:0;
left:0;
z-index:9999;
overflow: hidden;
}

.loader {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width:63px;
height:160px;
animation: anime2 2.0s linear 0s infinite;
transform-origin:bottom;
display:block;
}
.loader img {
width:100%;
vertical-align:bottom;
}




.loaded {
opacity: 0;
visibility: hidden;
}









.shadow {
-moz-box-shadow: 12px 12px 0px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 12px 12px 0px 0px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 12px 12px 0px 0px rgba(0, 0, 0, 0.15);
box-shadow: 12px 12px 0px 0px rgba(0, 0, 0, 0.15);
}

.shadow2 {
-moz-box-shadow: 0px 12px 0px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 12px 0px 0px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0px 12px 0px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 12px 0px 0px rgba(0, 0, 0, 0.15);
}


div {
margin:0;
padding:0;
}

.slow * {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

*{
margin: 0;
padding: 0;
}

/* リンク文字設定
-------------------------------------------------------------*/
img {
border:none;
max-width: 100%;
height: auto;
margin:0;
padding:0;
font-size:5%;
color:#000000;
}

a img {
border:none;
}

a:link { 
text-decoration:underline;
color:#000;
}

a:visited { 
text-decoration: none;
}

a:hover { 
text-decoration: none;
}
a:active { 
text-decoration: none;
}






.goldfont {
color:#c7a840;
}

.goldfont {
color:#c7a840;
}



.nose {
position: absolute;
background:#000;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
color:#ffffff;
font-size:150%;
padding:20px 30px;
}









#container {
position:relative;
width: 100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0;
padding:0;
font-family: 'M PLUS 1p', sans-serif;
overflow:hidden;
}


/* -----スライダー-----*/
.sliderr1 {
animation: scroll-left 40s infinite linear .5s both;
display: flex;
list-style: none;
}

.slide1 img{
display: block;
width: 70%;
opacity:100%;
}
@keyframes scroll-left {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}
@keyframes scroll-right {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}



.yura {
transform-origin: center bottom;
animation:anime2  2.0s  infinite;
}
.yurayura {
transform-origin: center bottom;
animation:anime2 2.3s infinite;
}
.yurayurara {
transform-origin: center bottom;
animation:anime2 2.5s infinite;
}




@keyframes anime2 {
  0% , 100%{
      transform: rotate(10deg);
  }
  50%{
      transform: rotate(-10deg);
  }
}


/*PC & Tablet
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 961px) {


.pc {
display:block;
}
.sp {
display:none;
}
.maplink{
z-index:998;
position:fixed;
top:0;
left:2%;
width:20%;
max-width:300px;
display:block;
}
.maplink p a{
display:block;
background:#e72418;
padding:10px 0 7px 0;
border-radius:0 0 20px 20px ;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
box-sizing:border-box;
}
.maplink p a img {
width:100%;
vertical-align:top;
margin-top:-7px;
}
.maplink p a img:hover {
margin-top:0;
}


.instalink {
z-index:998;
position:fixed;
top:0;
right:2%;
width:20%;
max-width:300px;
}
.instalink p a{
display:block;
background:#ffffff;
padding:10px 0 7px 0;
border-radius:0 0 20px 20px ;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
box-sizing:border-box;
}
.instalink p a img {
width:100%;
vertical-align:top;
margin-top:-5px;
}
.instalink p a img:hover {
margin-top:0;
}


.title {
z-index:10;
position:relative;
padding:0;
width:100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0 auto;
display:block;
overflow: hidden;
}
.titleback {
width:100%;
display:block;
vertical-align:bottom;
padding:0;
margin:0 auto;
background:none;
overflow:hidden;
}
.titleback img {
width:100%;
display:block;
vertical-align:bottom;
margin:0 auto;
padding:0;
}






.titleparts p{
position:absolute;
width:100%;
bottom:0;
margin:0;
padding:0;
display:block;
}
.titleparts p img{
width:100%;
margin:0;
padding:0;
vertical-align:top;
}

.copy {
position:relative;
z-index:10;
width:100%;
margin-top:-4%;
margin-bottom:-4%;
padding:20px 0;
display:block;
background:#003A52;
transform: hidden;
overflow:hidden;
}
.copy p img {
width:30%;
max-width:400px;
margin:0 auto;
display:block;
padding:0;
}

.eigyo_chuki {
text-align:right;
font-size:14px;
color:#ffffff;
padding-top:6%;
padding-right:3%;
}


.wrapper {
position:relative;
top:1;
width:100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin-left:auto;
margin-right:auto;
display:block;
background-attachment: fixed;
}

.main {
z-index: 5;
position:relative;
width:86%;
max-width:1280px;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0 auto;
padding:0%;
}






.bargaintop {
width:100%;
margin:0 auto;
padding:8% 0 5% 0;
}
.bargaintop p {
width:50%;
max-width:540px;
margin:0 auto;
}

.bargainfloor {
z-index:0;
position:relative;
width:100%;
height:10%;
background:#e60012;
margin:0 auto;
display:block;

}
h2 {
position:relative;
z-index:2;
width:100%;
margin:0 auto 20px auto;
display:block;
padding-top:0;
}
h2 p img {
width:100%;
vertical-align:bottom;
display:block;
}
.bargaincol {
z-index:1;
position:relative;
overflow:hidden;
display: flex;
flex-wrap: wrap;
justify-content:flex-start;
}
.bargainshop {
width:20%;
box-sizing: border-box;
display: block;
border-radius: 20px;
background:#FFFFFF;
}
.bargainshop p {
width:90%;
padding:0;
margin:6% auto;
display:block;
}

.bargainshop p img {
width:80%;
padding:0;
margin:0 auto;
display:block;
}

.shop_b1 {
border:1.5px solid #2EA489;
}
.shop_1f {
border:1.5px solid #F7C9DD;
}
.shop_2f {
border:1.5px solid #6EC8E2;
}




.shoplogo {
width:86%;
max-width:200px;
margin:0 auto;
}

.shoplogo a img:hover{
transform:scale(1.05,1.05);
}

.off {
width:92%;
margin:0 auto;
text-align:center;
font-weight:700;
color:#e85298;
font-size:16px;
padding-bottom:5%;
line-height:120%;
}

.chuki {
color:#000000;
font-size:75%;
font-weight:500;
text-align:center;
margin-top:-4%;
padding-bottom:5%;
}

.logo {
position:relative;
width:70%;
max-width:300px;
display:block;
margin:0 auto;	
padding:0;
}

.instabanner {
position:relative;
width:70%;
max-width:440px;
display:block;
margin:0 auto;	
padding:0;
}
.access {
text-align:center;
color:#000;
font-size:90%;
font-weight:700;
}
.copyright {
position:relative;
top:0;
width:100%;
max-width:1000px;
display:block;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0 auto;
}

.banner {
position: relative;
width:70%;
max-width:740px;
margin:0 auto;
display:block;
background:#ffffff;
}
.banner img {
width:100%;
display:block;
border:1px solid #ffffff;
vertical-align:bottom;
}
.footer {
width:100%;
margin:0 auto;
display:block;
background:#FFFFFF;
}

.slider-wrapper {
display: flex;
overflow: hidden;
margin-bottom:30px;
padding-top:-20%;
}
.slider {
position:relative;
width:100%;
height:auto !important;
height: 100%;
min-height: 100%;
overflow:hidden;
margin-top:0px;
z-index:5;
background-size:contain;
background-position: center;
}
.slide1 {
width: calc(100vw / 14);
}
.twoflamingo {
width:50%;
max-width:640px;
margin:0 auto;
display:block;
}
}









































/*SP
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
.pc {
display:none;
}
.sp {
display:block;
}

.maplink{
z-index:998;
position:fixed;
top:0;
left:0;
width:50%;
display:block;
}
.maplink p a{
display:block;
background:#e72418;
padding:7px 0 5px 0;
border-bottom:1px solid #cccccc;
box-sizing:border-box;
}
.maplink p a img {
width:80%;
margin-top:-7px;
margin:0 auto;
display:block;
max-width:200px;
}



.instalink {
z-index:998;
position:fixed;
top:0;
right:0;
width:50%;
}
.instalink p a{
display:block;
background:#ffffff;
padding:7px 0 5px 0;
border-bottom:1px solid #cccccc;
box-sizing:border-box;
}
.instalink p a img {
width:80%;
max-width:200px;
margin-top:-7px;
margin:0 auto;
display:block;
}

.title {
z-index:10;
position:relative;
padding:0;
width:100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0 auto 0 auto;
display:block;
overflow: hidden;
}
.titleback {
width:100%;
display:block;
vertical-align:bottom;
margin:0 auto;
background:none;
padding-top:40px;
}
.titleback img {
width:100%;
display:block;
vertical-align:bottom;
margin-top:-5%;
padding:0;
}




.titleparts p{
position:absolute;
width:100%;
bottom:0;
margin:0;
padding:0;
display:block;
}
.titleparts p img{
width:100%;
margin:0;
padding:0;
vertical-align:top;
}

.copy {
position:relative;
z-index:10;
width:100%;
padding:15px 0;
display:block;
margin-top:-5%;
margin-bottom:-5%;
background:#003A52;
transform: hidden;
overflow:hidden;
}
.copy p img {
width:60%;
max-width:400px;
margin:0 auto;
display:block;
}
.eigyo_chuki {
text-align:right;
font-size:13px;
color:#ffffff;
padding-top:10%;
padding-right:3%;
}


.wrapper {
position:relative;
top:1;
width:100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin-left:auto;
margin-right:auto;
display:block;
background:url("../images/summersale2025_back.png")repeat;
background-attachment: fixed;
}

.main {
z-index: 5;
position:relative;
width:92%;
max-width:640px;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0 auto;
padding:0%;
}






.bargaintop {
width:100%;
margin:0 auto;
padding:8% 0 5% 0;
}
.bargaintop p {
width:80%;
max-width:640px;
margin:0 auto;
}

.bargainfloor {
z-index:0;
position:relative;
width:100%;
height:10%;
background:#e60012;
margin:0 auto;
display:block;

}
h2 {
position:relative;
z-index:2;
width:100%;
margin:0 auto 10px auto;
display:block;
padding-top:0;
}
h2 p img {
width:100%;
vertical-align:bottom;
display:block;
}

.bargaincol {
z-index:1;
position:relative;
overflow:hidden;
display: flex;
flex-wrap: wrap;
justify-content:flex-start;
}





.bargainshop {
width:33.333%;
box-sizing: border-box;
display: block;
border-radius: 20px;
background:#FFFFFF;
}
.bargainshop p {
width:90%;
padding:0;
margin:10% auto;
display:block;
}
.bargainshop p img {
width:90%;
padding:0;
margin:0 auto;
display:block;
}

.shop_b1 {
border:1.5px solid #2EA489;
}
.shop_1f {
border:1.5px solid #F7C9DD;
}
.shop_2f {
border:1.5px solid #6EC8E2;
}




.shoplogo {
width:86%;
max-width:200px;
margin:0 auto;
}

.shoplogo a img:hover{
transform:scale(1.05,1.05);
}

.off {
width:92%;
margin:0 auto;
text-align:center;
font-weight:700;
color:#e85298;
font-size:min(3.3vw,14px);
padding-bottom:5%;
line-height:120%;
}

.chuki {
color:#000000;
font-size:75%;
font-weight:500;
text-align:center;
margin-top:-4%;
padding-bottom:5%;
}

.logo {
position:relative;
width:40%;
max-width:250px;
display:block;
margin:0 auto;	
padding:0;
}

.instabanner {
position:relative;
width:70%;
max-width:440px;
display:block;
margin:0 auto;	
padding:0;
}


.access {
text-align:center;
color:#000;
font-size:90%;
font-weight:700;
}

.copyright {
position:relative;
top:0;
width:100%;
max-width:1000px;
display:block;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0 auto;
}

.banner {
position: relative;
width:100%;
max-width:740px;
margin:0 auto;
display:block;
background:#ffffff;
}
.banner img {
width:100%;
display:block;
border:1px solid #ffffff;
vertical-align:bottom;
}
.footer {
width:100%;
margin:0 auto;
display:block;
background:#FFFFFF;
font-size:12px;
}
.slider-wrapper {
display: flex;
overflow: hidden;
margin-bottom:30px;
padding-top:-20%;
}
.slider {
position:relative;
width:100%;
height:auto !important;
height: 100%;
min-height: 100%;
overflow:hidden;
margin-top:50px;
z-index:5;
background-size:contain;
background-position: center;
}
.slide1 {
width: calc(100vw / 8);
}



}
























/*スペース調整その他
-------------------------------------------------------------*/

.space1 {
padding:1% 0 0 0;	
margin:0;
display:block;
}

.space2 {
padding:2% 0 0 0;
margin:0;
display:block;
}

.space3 {
padding:3% 0 0 0;	
margin:0;
display:block;
}

.space5 {
padding:5% 0 0 0;	
margin:0;
display:block;
}

.space10 {
padding:10% 0 0 0;	
margin:0;
display:block;
}
.space20 {
padding:20px 0 0 0;	
margin:0;
display:block;
}

.att {
padding-left: 1em;
text-indent: -1em;
}

.center {
margin:0 auto;	
text-align: center;
}

.hidden {
border: 0 none;
clip: rect(0px, 0px, 0px, 0px);
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
left: 65px;
top: 466px;
}
.clear {
clear:both;
}
.clearfix:after {
visibility: hidden;
display: block;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }

.alpha a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
.alpha100 a:hover img {
opacity: 0;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
}
.animeslow {
-webkit-animation-duration: 0.2s;
animation-delay:0.2s;
}

.fontblack {
color:#000000;
font-size:min(2.5vw,12px);
line-height:1;
}

.fontblack:before {
content:"↑"
}



/* ページの先頭へ戻る
-------------------------------------------------------------*/

#page-top {
display:block;
width: 100px;
height:100px;
z-index: 99;
position: fixed;
right:2%;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
#page-top a {
position:absolute;
bottom:-20px;
display:block;
width: 100px;
height:100px;
padding-bottom:-90px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

#page-top a:hover {
bottom:5px;
text-decoration: none;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}









.font80 {
font-size:80%;
line-height:150%;
}
.font80_black {
font-size:80%;
line-height:150%;
color: #000000;
}
.font90 {
font-size:90%;
line-height:160%;
}
.font110 {
font-size:110%;
line-height:170%;
}
.font120 {
font-size:120%;
line-height:170%;
}
.font150 {
font-size:150%;
line-height:150%;
}
.font170 {
font-size:170%;
line-height:150%;
}
.font200 {
font-size:200%;
line-height:150%;
}






.bold {
font-weight:700;	
}






/*表示時間調整
-------------------------------------------------------------*/
.animeslow1 {
-webkit-animation-duration: 0.6s;
animation-delay:0.6s;
}

.animeslow2 {
-webkit-animation-duration: 0.8s;
animation-delay:0.8s;
}

.animeslow3 {
-webkit-animation-duration: 1.0s;
animation-delay:1.0s;
}

.animeslow4 {
-webkit-animation-duration:1.2s;
animation-delay:1.2s;
}

.animeslow5 {
-webkit-animation-duration: 1.4s;
animation-delay:1.4s;
}

.animeslow6 {
-webkit-animation-duration: 1.6s;
animation-delay:1.6s;
}

.animeslow7 {
-webkit-animation-duration: 1.8s;
animation-delay:1.8s;
}

.animeslow8 {
-webkit-animation-duration: 2.0s;
animation-delay:2.0s;
}


.animeslow9 {
-webkit-animation-duration: 2.2s;
animation-delay:2.2s;
}

.animeslow10 {
-webkit-animation-duration: 2.4s;
animation-delay:2.4s;
}



.pokelink {
display:block;
width:100%;
max-width:500px;
  margin:0 auto;
}


.pokelink a img:hover {
transform: scale(1.03);
transition-duration: 0.2s;
}






.hidden {
display:none;
}
.whitefont {
font-size:14px;
color:#ffffff;
} 
.borderwhite {
border-top:1px solid #FFF;
} 
.bordergreen {
border-top:1px solid #005C3C;
} 
.borderblack {
border-top:1px solid #000000;
} 
.borderblack90 {
width:90%;
margin:0 auto;
border-top:1px dashed #000000;
} 


.covid {
width:92%;
max-width:970px;
margin:0 auto;
font-weight:700;
font-size:110%;
padding:2% 3%;
border:1px solid #FFFFFF;
}
.covid a {
color:#FFF;
}

.black {
color:#000000;
}
.green {
color:#005C3C;
}

.h2black {
background:#000000;
}
.h2green {
background:#005C3C;
}
.h2pink {
background:#E62E8B;
}

@media print {
#page-top {
display:none;
}
body {
margin:0;
padding:0;
height: 100%;
width: 100%;
-webkit-text-size-adjust: 100%;
}

}