@charset "utf-8";
/* CSS Document */
#main{width:100%;height:200px;background: url('../img/main.jpg') transparent no-repeat scroll center top;background-color:#000;}
#menu .slider_logo{position:absolute;top:-100px;right:50px;z-index:1000;}
#menu .head04{color: #200400;font-weight: bold;font-size:19px;}
#menu .tmb3 .txt{font-size: 12px;font-family :YuMincho, 'Yu Mincho', serif;color:#646464;line-height: 1.4;font-weight: 600;}
#menu .tmb3 li{width: 48%;margin-right: 4%;margin-bottom:30px;}
#menu .tmb3 li:nth-last-of-type(1),#menu .tmb3 li:nth-last-of-type(2){margin-bottom: 0;}
#menu .tmb3 li:nth-of-type(even){margin-right: 0;}
#menu .tmb3 li img{width: 100%;}
#menu .tmbBox{float:right;}
#menu .tmbBox ul{overflow:hidden;width: 600px;margin-top: 40px;}
#menu .tmbBox ul li{width:180px;float:left;margin:0 30px 0 0;}
#menu .tmbBox ul li img{width: 100%;}
#menu .tmbBox ul li:nth-last-of-type(1){margin:0;}
#menu #sliders .slider_txt{text-align:right;font-size:10px;padding:12px 0 0 0;clear: both;}
/*----------------------------------------------------
	☆SP
----------------------------------------------------*/


/*デバイスの横幅が768px以下の場合*/
@media screen and (max-width: 768px) {
	#main{margin-top: 50px;}
	#menu .tmb3 li{width: 100%;margin-right: 0%;margin-bottom:20px;}
  #menu .tmb3 li:nth-last-of-type(1){margin-bottom: 0;}
	#menu .tmb3 li:nth-last-of-type(2){margin-bottom: 20px;}
	#menu .tmbBox{float:none;}
  #menu .tmbBox ul{width: 100%;margin-top: 10px;}
	#menu .tmbBox ul li{width:32%;float:left;margin:0 2% 4% 0;}
	#menu #sliders .slider_txt{padding:10px 0 0 0;}
	#menu .slider_logo{top:-20px;right:10px;}
	#menu .slider_logo img{width: 40px;}
}
