@charset "utf-8";


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
   共通事項
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/





/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
   PC版
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

.fv{
	width:100%;
	min-width:1000px;
	position:relative;
	margin:0 0 80px 0;
}

#content{
	width:900px;
	margin:0 auto 50px auto;
}
h3{
	width:900px;
	margin:0 auto 60px auto;
}

#photo {
    width:690px;
    margin:0 auto;
    z-index:5000;
}

.column{
    width:330px;
    float:left;
    margin:0 0 30px 0; 
}

.mgr{
        margin:0 30px 0 0;  
}
    
#photo li{
    width:150px;
    float:left;
    margin:0;
}
#photo li:nth-child(odd){
      margin:0 30px 0 0;      
}

#photo li a:hover{
    opacity: 0.7;
}


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
   スマホ版
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

@media screen and (max-width:768px){

h1{
	padding-top:42%;
	z-index:-500;
        position: static;
}

.fv{
	width:100%;
	min-width:100%;
	margin:0 0 30% 0;
}

#content{
	width:100%;
	margin:0 auto 0px auto;
}

h3{
	width:97%;
	margin:0 auto 20px auto;
}

#photo li a:hover{
    opacity:1;
}

}

@media screen and (max-width:689px){
.column{
    width:100%;
    float:none;
          margin:0;  
}
#photo {
    width:315px;
    margin:0 auto;
}
    
#photo li{
    width:47%;
    max-width:150px;
    float:left;
    margin:0 0 15px 0;   
}

.mgr{
        margin:0;  
}
#photo li:nth-child(odd){
      margin:0 15px 0 0;      
}
    
}