/************************************************************
						タブレット対応
************************************************************/

/* 画面サイズ640xから959pxまではこのファイルのスタイルが適用される。 */
@media screen and (min-width:640px) and (max-width:959px) {

.pc{display: none;}
.tb{display: block;}
.sp{display: none;}
	
#pankuzu{
	width:100%;
	}
	
.w950{
	width:92%;  
	padding:2% 3%;
}
    
nav{
    width:auto;
    }    

.menu li{
	width:49%;
	}	
	
	/*--------------------パンくず */
#breadcrumb{
   width:auto;
}

	
}
/************************************************************
						タブレット対応2
************************************************************/
/* 画面サイズ560pxから639pxまではこのファイルのスタイルが適用される。 */
@media screen and (min-width:560px) and (max-width:639px) {
.w950{
	width:92%;  
	padding:2% 3%;
}
    
nav{
    width:auto;
    }        

#pankuzu{
	width:100%;
	}
	
	/*--------------------パンくず */
#breadcrumb{
   width:auto;
}
	
	}

	

/************************************************************
						スマホ対応
************************************************************/
@media screen and (max-width:559px)  {

body {font-size:12px;}	
	
.pc{display: none;}
.tb{display: none;}
.sp{display: block;}	
	
#pankuzu{
	width:100%;
	}	
	
#container{
	min-width: 100%;  
	width:100%; 
	line-height: 1.5;
	font-size: 14px;
}
	
#container img{
	width:100%; 
}
		
	
.w950{
	width: 100%;
	padding-left: 3%;
	padding-right: 3%;
}

/*main_visual 2025追加*/    
#main_visual{
    background:#fbcb4f;
    }    
    
#main_visual h1{
	background:url(../img/title_sp.jpg) no-repeat center bottom;
	background-size: 100%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    /*padding: 11% 0;*/
    min-height: 360px;
	}
	
#intro{
	width:90%;
	}	
	
#intro h2{
	font-size: 1.1428rem;
}
	
.flex_container	span{
	font-size: 0.8571rem;	
	}

nav{
    width:auto;
    }   
    
	/*おせち3つに変更*/
.menu {
	column-gap:10px;
	padding-top:20px;
	margin: 0 10px;
	}
	
.menu li{
	padding:0;
	width:calc((100% - 20px) /3);
	}
	
/*おせち3つに変更
.menu li:first-of-type, .menu li:nth-of-type(2){
	padding: 0;
}	*/
	
.info{
    padding: 25% 0 5% 0;
    }    
    
.info_box p{
	padding-bottom: 0.5em;
	}
	
.detail{
        padding-top: 50px;
    }    
    
#contact .infoBox{
	padding-top: 1em;
	}	
	
.order p{
	width:100%;
}	
	
.oder1{
	background-image: none;
	padding: 1% 0 5% 0;
}

.oder2{
	background-image: none;
	padding: 1% 0 5% 0;
}	

	/*--------------------パンくず */
#breadcrumb{
   width:auto;
}	
}