.bar-div {
    	margin-top: 80px;
    	width: 100%;
    	height: 100%;
    	
    }
    
    .sp {
    	display: none;
    }

.bar{
    display: block;
    width: 100vw;
    height: 15vw;
    margin: 0px auto;
    position: relative;
}

div.olympus-bar {        
     background-image: url("../img/syouhin/event/vd/olympus/olympys_image.jpg");
     background-color: white;
    background-size: auto 100%;
    background-position: right center;
    background-repeat: no-repeat;
    color:black;
}
div.olympus-bar  p{
    color: black;
    }

div.andbutter-bar {        
     background-image: url("../img/syouhin/event/vd/mizumori/VT-MizumoriAdo-image2.jpg");
     background-color: white;
    background-size: auto 100%;
    background-position: right center;
    background-repeat: no-repeat;
    color:black;
}
div.andbutter-bar  p{
    color: black;
    }

div.canneamiel-bar {        
     background-image: url("../img/syouhin/event/vd/canneamiel/VTcanneamiel-image.jpg");
     background-color:#3F2A25;
    background-size: auto 100%;
    background-position: right center;
    background-repeat: no-repeat;
    color: white;
}
div.canneamiel-bar  p{
    color: white;
    }

  
div.praline-bar {
	background-image: url("../img/syouhin/event/vd/praline/top_menuimage.jpg");
	background-color: #E5E2E1;
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
	color: black;
     }
    div.praline-bar  p{
     	color: white;
     }
div.assure-bar {
	background-image: url("../img/syouhin/event/vd/assure/19VT-assure-image.jpg");
	background-color: #ececec;
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
	color: black
     }
    div.assure-bar  p{
     	color: black
     }
div.cubette-bar {
	background-image: url("../img/syouhin/event/vd/cubette/21VT-CuBette-image.jpg");
	background-color: white;
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
	color: black
     }
    div.cubette-bar  p{
     	color: black
     } 
div.fleur-coeur-bar {
	background-image: url("../img/syouhin/event/vd/fleur-coeur/VTfleur-image.jpg");
	background-color: #FCE4DF;
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
	color: black
     }
    div.fleur-coeur-bar  p{
     	color: black
     }
div.astronomy-bar {
	background-image: url("../img/syouhin/event/vd/astronomy/VTastronomy-image.jpg");
	background-color: #1D2088;
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
	color: white;
     }
div.astronomy-bar  p{
	color: white;
	}    
div.zoology-bar {
	background-image: url("../img/syouhin/event/vd/zoology/VTzoology-image.jpg");
	background-color: #FFDA2A;
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
	color: black;
     }
div.zoology-bar  p{
	color: #8B4513;
	}  
div.toystory-bar {
	background-image: url("../img/syouhin/event/vd/toystory/toy_topimage.jpg");
	background-color: #C3D60B;
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
	color: black;
     }
div.toystory-bar  p{
	color: black;
	}   
div.standard-bar {
	background-image: url("../img/syouhin/event/vd/standard/std_topimage.jpg");
	background-color: #eee4cb;
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
	color: black;
     }
div.standard-bar  p{
	color: black;
	} 
div.punyucoro-bar {
	background-image: url("../img/syouhin/event/vd/punyucoro/punyucoro-image_1.jpg");
	background-color: #FFFEEE;
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
	color: black;
     }
div.punyucoro-bar  p{
	color: #987B00;
	}     
div.dinosaurs-bar {
    background-image: url("../img/syouhin/event/vd/dinosaurs/VT_AGE OF DINOSAURS_image.jpg");
    background-color:  #FCF4DB;
    background-size: auto 100%;
    background-position: right center;
    background-repeat: no-repeat;
    color:black;
     }
    div.dinosaurs-bar  p{
     	color:black;
     }  
div.pokemon-bar {
	display: block;
	width: 100vw;
	height: 15vw;
	margin: 0px auto;
	position: relative;
	background-image: url("../img/syouhin/event/vd/pokemon/menuimage.jpg");
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
    background-color: #ffffff;
	color: black;
	}
div.pokemon-bar  p
	{
	color: black
	}
div.berry-bar {
	display: block;
	width: 100vw;
	height: 15vw;
	margin: 0px auto;
	position: relative;
	background-image: url("../img/syouhin/event/vd/berry/22VT-Berry-image.jpg");
	background-color:  #fce4df;
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
	color: black;
	}
div.berry-bar  p
	{
	color: black;
	}
div.ichigo-bar {
		background-image: url("../img/syouhin/event/vd/ichigonohi/VT-ichigonohi-image_1.jpg");
	background-color:white;
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
	color: black;
	}
div.ichigo-bar  p
	{
	color: black;
	}
div.usamaru-bar {
	background-image: url("../img/syouhin/event/vd/usamaru/22VT-usamaru-image-ichiran.jpg");
	background-color:#92D4F5;
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
	color: black;
	}
div.usamaru-bar  p
	{
	color: black;
	}
div.caramello-bar {
	display: block;
	width: 100vw;
	height: 15vw;
	margin: 0px auto;
	position: relative;
	background-image: url("../img/syouhin/event/vd/caramello/23VT_caramello_top.jpg");
	background-color:  black;
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
	color: white;
	}
div.caramello-bar  p
	{
	color:  white;
	}  
         img.logo2
      {
        width: 20vw;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 5vw;
      }
     
     .bar img {
     	width: auto;
     	height: auto;
     	max-width: 100%;
     	max-height: 100%;
     	
     }
      span.text
        {
          width: 40vw;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 27vw;
        }
        .text p {
        	font-size: 15px;
        }
       
      .xmas-text p, .xmas-text div{
       	color: white;
       }
.event-banner{
	width: auto;
	height: 100px;
	background-color: #E61D52;
	padding-top: 5px;
}

.ev-ba1 {
	padding-top: 10px;
	text-align:  center;
	font-size: 11px;
	color: white;
	    height: 3%;
}

.ev-ba2 {
	text-align:  center;
	font-size: 15px;
	color: white;
	    height: 3%;
}

.ev-ba3 {
	text-align:  center;
	font-size:19px;
	color: white;
	    height: 3%;
}      
.event-banner2{
	border-top: 1px white;
	width: 100%;
	padding-top: 10px;
	height: 100%;
	background-color: #E6002D;
	padding-left: 3%;
}

.ev-div {
	display: inline-block;
	width: 31%;
	text-align:  left;
	font-size: 11px;
	color: white;
	line-height: 18px;
    padding-left: 1%;
}
.ev-div a{
	color: white;
}
.idou{
	margin-top:-80px;
	padding-top:80px;
}
@media only screen and (max-width: 750px) {

	body {
	display: block;
	width: 100%
	font-family: "source-han-serif-japanese",serif;
	}
	
     .brand-div {
    	height: auto;
    	width: 100%;
    }
    
    .brand-div ul li{
    	height: 400px;
    	width: 100%;
    }
    
    .brand-div ul li img{
	width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
	}
	
    /* .footer-div  start*/
   .footer-div {
    	height: auto;
    	width: 100%;	
    	margin-top:-16px;
    	border-top: none;
    display: block;
    margin: 0px auto;
    overflow: hidden;
    }
    
    .footer-size {
    	height: 45px;
    	width: 100%;
    }
    
	.footer-div ul {
		width: 100%;
		margin-top:auto;
		list-style-type: none;
		padding-left: 5%;
}
    
.footer-div ul li{
	width: 22%;
    height: 70px;
    padding-top: 4%;
    margin-left: 20px;
}

.footer-div ul li a{
	text-decoration: none;
	font-size: 13px;
}

.footer-div p{
	font-size: 10px;
    word-wrap: break-word;
    padding-left: 5%;
    padding-right: 5%;

}
.footer-copy {
	margin-top:20px;
	margin-bottom: 20px;
	height: 10px;

}

.footer-right {
	margin-top: -10px;
	font-size: 11px;
}
    
 }
@media screen and (min-width: 701px) and (max-width: 800px){
	.bar-div {
		font-size: 10px;
	}
}
          
@media screen and (max-width: 700px){

	.bar-div {
		width: 100%;
		height: auto;
		    margin-top: 71px;
	}
		
	.bar img {
		width: auto;
		height: auto;
		max-width: 35vw;
		max-height: 29vw;
	}
	
div.olympus-bar {
	width: 100%;
	height: 29vw;
     } 
div.andbutter-bar {
	width: 100%;
	height: 29vw;
     } 

div.praline-bar {
	width: 100%;
	height: 29vw;
     }     
div.assure-bar {
	width: 100%;
	height: 29vw;
     }     
div.cubette-bar {
	width: 100%;
	height: 29vw;
     }     
div.fleur-coeur-bar {
	width: 100%;
	height: 29vw;
     }     
div.astronomy-bar {
	width: 100%;
	height: 29vw;
     }     
div.zoology-bar {
	width: 100%;
	height: 29vw;
     }    
div.wamusuhi-bar {
	width: 100%;
	height: 29vw;
     } 
div.toystory-bar {
	width: 100%;
	height: 29vw;
     }
div.standard-bar {
	width: 100%;
	height: 29vw;
     }
div.disney-bar {
	width: 100%;
	height: 29vw;
     }          
div.starwars-bar {
	width: 100%;
	height: 29vw;
     }            
div.punyucoro-bar {
	width: 100%;
	height: 29vw;
     }         
div.dinosaurs-bar {
	width: 100%;
	height: 29vw;
     }          
div.hanamahoro-bar {
	width: 100%;
	height: 29vw;
     }   
div.chocolatauvin-bar {
	width: 100%;
	height: 29vw;
     }  
div.usamaru-bar {
	width: 100%;
	height: 29vw;
     }  
div.canneamiel-bar {
	width: 100%;
	height: 29vw;
     }  
div.oceanworld-bar {
	width: 100%;
	height: 29vw;
     }  
div.berry-bar {
	width: 100%;
	height: 29vw;
     } 
div.ichigo-bar {
	width: 100%;
	height: 29vw;
     }   
div.pokemon-bar {
	width: 100%;
	height: 29vw;
     }
div.caramello-bar {
	width: 100%;
	height: 29vw;
     }  
div.event-bar {
        display: block;
        width: 100%;
        height: 29vw;
        margin: 0px auto;
        position: relative;
     background-image: url("../img/syouhin/event/vd/xmas/xm_image.jpg");
		background-color: #116d15;
        background-size: 60% auto;
        background-position: right center;
        background-repeat: no-repeat;
     }
.pc {
	display: none;
	}
.sp {
	display: block;
     }
.event-banner {
	padding-top:10px;
}
.ev-div {
	display: initial;
	height: auto;
	width: 100%;
}
.event-banner2 {
	height: auto;
}
	img.logo2 {
		width: auto;
	    height: auto;
	    max-width: 40%;
	    max-height: auto;
     }
	
	.text {
		display: none;
	}
}


.n-simg{
    width:100%;
    display:flex;
    flex-wrap: wrap;
    border-top: 1px white;
    padding-top: 10px;
    background-color: #e73562;
    padding-left: 4%;
}

.n-simg-in{
    padding:3px;
    width:33%;
    box-sizing: border-box;
    
}

.n-simg-in img{
    width:75%;
    
}

.n-simg-in a{
    color: white;
    font-size: 12px;
    
}

@media only screen and (max-width: 750px){
.n-simg-in{
    width:100%;
    box-sizing: inherit;
    }