@charset "UTF-8";

/* ########### 768px以上ここまで① ########### */

/*===============================================
●スマホ画像切り替え②
===============================================*/
@media screen and (min-width: 770px) {

#sp-topphoto{
  	width: 1000px;
  	margin : 0px auto;margin-left : auto;
}

.sp-photo-01{
	
	background-color: transparent;background-image : url(../../image/top/ta.jpg);background-repeat : no-repeat;background-attachment : scroll;background-position : center top;background-size : auto auto;background-origin : padding-box;background-clip : border-box;	
	height: 398px;	
	width: 1000px;
}

p.img{
	display:none;
	text-align:center;
}
}
/* ########### スマホ切り替えここまで② ########### */


/* ########### photo ########### */
.photoall img{
  max-width: 1000px; min-width: 240px; 
  width : 100%;  
  height : auto;
}

.photoallA img{
  max-width: 1000px; min-width: 240px; 
  width : 100%;  
  height : auto;
}

.photo01 img{
  max-width: 1000px; min-width: 240px; 
  width : 96%;  
  margin-bottom : 20px;  
  height : auto;
  margin-left : 2%;
  margin-right : 2%;
}

.photo02{
	text-align: center;
	margin-top: 10px;
	margin-right: 2px;
	margin-left: 2px;
}

.photo02 img{
  max-width: 480px; min-width: 120px; 
  width : 46%;   
  height: auto;
  margin-left : 2%;
  margin-right : 2%;
  float: left;
  margin-bottom : 10px;
}

/* ########### photo ########### */



/* ################################################################################ */
/*===============================================
●PC.css  画面の横幅が770px以上①
===============================================*/
@media (min-width: 770px) {
.photo03{
  text-align : center;  
  margin-right : 10px;  
  margin-left : 10px;
margin : 10px;
}

.photo03 img{
  max-width: 300px; min-width: 120px; 
  width : 31%;   
  height: auto;
  margin-left : 1%;
  margin-right : 1%;
  float: left;
  margin-bottom : 10px;
}

.photo02sp{
	
	display: none;	
}

.photo02sp img{
	display: none;	
}

.toptopixA{
  margin-top : 20px;
  width : 100%;
    margin-bottom : 20px;
  }

.toptopixB{
  margin-top : 20px;
  width : 100%;
    margin-bottom : 20px;
  }

.toptopixC{
    margin-bottom : 10px;
  }

.toptopix01{
  float : left;
    width : 50%;
  }

.toptopix01 li{
  float : left;
  margin-right : 2%;
  margin-left : 2%;
}

.toptopix02{
  float : right;
  display : inline;
  width : 50%;
}

.toptopix02 li{
  float : right;
  margin-left : 2%;
  margin-right : 2%;
}

.toptopix03{
  float : left;
    width : 50%;
  }

.toptopix03 li{
  float : left;
  margin-right : 1.6%;
  margin-left : 1.6%;
}

.toptopix04{
  float : right;
  display : inline;
  width : 50%;
}

.toptopix04 li{
  float : right;
  margin-left : 1.6%;
  margin-right : 1.6%;
}

}
/*===============================================
●SP.css  画面の横幅が770pxまで③
===============================================*/
@media screen and (max-width:770px){
.photo02sp{
	
	text-align: center;	
	margin: 2px;	
}

.photo02sp img{
	
	max-width: 500px;	
	min-width: 120px;	
	width: 48%;	
	height: auto;	
	margin-left: 1%;	
	margin-right: 1%;	
	float: left;	
	margin-bottom: 4px;	
}
.photo03{
	display: none;	
}

.photo03 img{
	display: none;	
}


.toptopixA{
	max-width: 100%;
	text-align: center;
	width: 100%;
	height : auto;  
    margin-bottom : 15px;
	margin-top: -15px;
  }

.toptopixB{
	max-width: 100%;
	text-align: center;
	width: 100%;
	height : auto;
  }

.toptopixC{
    margin-bottom : 10px;
  }

.toptopixA img{
	width: 100%;
	height: auto;
}

.toptopixB img{
	width: 100%;
	height: auto;
}

	.toptopix01{
	
	width: 100%;
	
	margin-bottom: -10px;
	
}

.toptopix01 li{
	float: left;
	width: 48%;
	height : inherit;
	margin-left : 1%;
	margin-right : 1%;  
 	display : inline;
}
.toptopix02{
	
	width: 100%;	
}

.toptopix02 li{
	float: left;
	width : 48%;
	height : inherit;
	margin-left : 1%;
	margin-right : 1%;  
 	display : inline;
}

.toptopix03, .toptopix04{
	
	width: 100%;	
    margin-bottom : 20px;
}

.toptopix03 li, .toptopix04 li{
	float: left;
	height : inherit;
	margin-left : 2.666666%;
	margin-right : 2.666666%;  
 	display : inline;
    width : 28%;
}

}

.sptopadd250{
  margin-left : 10%;
  margin-right : 10%;
  margin-bottom : 35px;
  width : 78%;
  height : 250px;
  text-align : center;
}