body { color: rgb(255, 255, 255); }

a{text-decoration:none;}
a:link { color: rgb(70, 40, 123); }
a:visited { color: rgb(70, 40, 123); }
a:hover { color: #9000FF; }
a:active { color: rgb(70, 40, 123); }

.logo {
text-align: center;
margin:3% auto 0% auto;
position: relative;
z-index: 10;
}

.logo img {
width: 50%;
}

h1{
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
font-weight: bold;
width: 100%;
margin: 2% auto;
text-align: center;
color: rgb(70, 40, 123);
font-size: 1.7em;
position: relative;
z-index: 10;
}

.text {
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
width: 93%;
margin:  auto;
text-align: center;	
position: relative;
color: #666666;
}
.text p {
text-align: left;
display: inline-block;
position: relative;
font-size: 0.9em;
}

/* メディアクエリ */

@media screen and (width < 400px) {
.text p{
font-size: 0.7em;
    }
}

.gallery{
width: 95%;
margin: auto;
display: flex; 
justify-content:center;     
}

.gallery img{
width: 92%;
display: flex;   
margin: 0px auto; 
justify-content:center;   
}

@media screen and (width < 600px) {
.gallery{
width: 94%;
margin: auto;
display:flex;
flex-flow: column;    
}

.gallery img{
width: 92%;
display:flex;
flex-flow: column;
margin: 0px auto;  
padding: 1%;   
}

}

.shoppc{
width: 94%;
margin: auto;
display: flex; 
justify-content:center;     
}

.shoppc img{
width: 92%;
display: flex;   
margin: 0px auto; 
justify-content:center;   
padding: 1%; 
}

@media screen and (width < 600px) {
.shoppc{
display:none; 
}

.shoppc img{
display:none;  
}

}

.shopsp{
width: 94%;
margin: auto;
display:flex;
flex-flow: column;     
}

.shopsp img{
width: 92%;
display: flex;   
margin: 0px auto; 
display:flex;
flex-flow: column;  
padding: 1%; 
}

@media screen and (width > 600px) {
.shopsp{
display:none; 
}

.shopsp img{
display:none;  
}

}

.snspc{
width: 94%;
margin: auto;
display: flex; 
justify-content:center;     
}

.snspc img{
display: flex;   
margin: 0px auto; 
justify-content:center;   
padding: 1%; 
}

@media screen and (width < 600px) {
.snspc{
display:none;   
}

.snspc img{
display:none; 
}

}

.snssp{
width: 94%;
margin: auto;
display: flex; 
justify-content:center;     
}

.snssp img{
display: flex;   
margin: 0px auto; 
justify-content:center;   
padding: 1%; 
}

@media screen and (width > 600px) {
.snssp{
display:none;   
}

.snssp img{
display:none; 
}

}


.copy {
text-align: center;
font-size: 0.8em;
margin:20px auto 20px auto;
color: #666666;
position: relative;
}

/* 画面サイズ 600px 未満 */
@media screen and (width < 600px){
.copy{
width: 87%;
text-align: left;
    }
}
      
.table_01{
width: 85%;
border-style:none;  
text-align: center;  
margin: 2% auto 2% auto;       
}
      
.table_01 td{
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
color: rgb(70, 40, 123);
font-size: 1.5em;
width:25%;
border-style:none; 
text-align: center;
}

.table_01 img{
width: 20%;
border-style:none;  
text-align: center;  
margin: 2% auto 0% auto;  
padding: 1%;      
}


/* メディアクエリ */

@media screen and (width < 400px) {
.table_01 td{
font-size: 1.1em;
font-weight: bold;
    }
}