@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                              contents
----------------------------------------------------------------------------*/
.container{width: 1050px;}
#about #contents{ margin: 3rem auto 0;}
.secBox > .sectionInner{border: none;width: 1050px;}
/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
#homemadeSec h3{margin-bottom: 0.5em;font-size: 2.3rem;font-weight: 500;}
#homemadeSec .order_txt{margin-bottom: 0.5em;font-size: 120%;line-height: 1.5;text-align: center;}
#homemadeSec .order_txt span{color: #957f29;}
#homemadeSec .order_img{margin: auto;}
#homemadeSec .materialSec h4{font-size: 190%;font-weight: bold;text-align: center;color:#956135; margin: 1em auto;}
#homemadeSec .materialSec .materialUl{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;gap:2.7em;}
#homemadeSec .materialSec .materialUl .materialLi{width: calc(95% / 2);}
#homemadeSec .materialSec .materialUl .materialBox{display: flex;justify-content: flex-start;align-items: flex-start;}
#homemadeSec .materialSec .materialUl .materialBox .material_img{margin-right: 1.5em}
#homemadeSec .materialSec .materialUl .materialBox .material_text{font-size: 100%;line-height: 1.5;width: 40%;}
#homemadeSec .materialSec .materialUl .materialBox .material_text span{color: #956135;font-size: 130%;font-weight: bold;display: block;margin-bottom: 0.5em;}

#homemadeSec .materialSec .materialUl .kazari{margin-right: 5em;}

#homemadeSec .BtnBox{margin: 1em auto 3em;}
#homemadeSec .BtnBox .txt{color:#957f29;font-size: 120%;text-align: center; }
#homemadeSec .BtnBox .BtnUl{display: flex;justify-content: center;align-items: center;gap:2em;}
#homemadeSec .BtnBox .BtnUl a{border: 1px solid #957f29;display: inline-block;border-radius: 50vw;font-size:150%;text-align: center;padding: 0.5em 2em;color: #957f29;font-weight: 500;}
#homemadeSec .BtnBox .BtnUl a:hover{text-decoration: none;background: #957f29;color: #fff;}


#homemadeSec .aten{border: 1px solid #956135;padding: 2.5em;width: 70%;margin: auto;border-radius: 1.5rem;}
#homemadeSec .aten p{line-height: 1.8;font-weight: bold;font-size: 105%;}

#storeSec .shopBox{margin: 4em auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
#storeSec .shopBox .imgBox .map{margin-top: 0.5em;}
#storeSec .shopBox .addressBox{width: 68%;margin:0.8em 0 0;}
#storeSec .shopBox .addressBox .shop_ttl{font-size:150%;font-weight: bold;margin-bottom: 0.5em;}
#storeSec .shopBox .addressBox dl{border-bottom: 1px solid #956135;padding-bottom: 0.2em;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;margin-bottom: 1em;}
#storeSec .shopBox .addressBox dl:last-child{border-bottom: none;}
#storeSec .shopBox .addressBox dt{font-size: 120%;font-weight: bold;width: 13%;line-height: 1.5;}
#storeSec .shopBox .addressBox dd{font-size: 120%;line-height: 1.5;}

/*----------------------------------------------------------------------------
 ***                                                                	SP
----------------------------------------------------------------------------*/
@media screen and (max-width:950px){
	.secBox > .sectionInner{width: 100%;}
    #about img{width: 100%;}
    #homemadeSec h2{padding: 0rem 0 0;}
    #homemadeSec h3{padding: 0em 0 0;font-size: 1.5rem;line-height: 1.2;}
    #homemadeSec .order_txt{font-size:1rem;line-height: 1.7; }
    
    #homemadeSec .materialSec h4{font-size: 1.4rem;line-height: 1.2;}
    #homemadeSec .materialSec .materialUl{gap:2em;}
    #homemadeSec .materialSec .materialUl .materialLi{width: 100%;}
    #homemadeSec .materialSec .materialUl .materialBox{flex-wrap: wrap;}
    #homemadeSec .materialSec .materialUl .materialBox .material_img{width: 100%;margin-right: 0;order: 2;}
    #homemadeSec .materialSec .materialUl .materialBox .material_text{width: 100%;order: 1;font-size: 0.9rem;}
    #homemadeSec .materialSec .materialUl .materialBox .material_text span{font-size:1.2rem;text-align:  center;}
    
    #homemadeSec .BtnBox .txt{font-size: 0.9rem;}
    #homemadeSec .BtnBox .BtnUl{gap:1em;}
    #homemadeSec .BtnBox .BtnUl a{padding:0.3em 1.5em;font-size: 1rem; }
    
    
    #homemadeSec .aten{width: 100%;padding: 1.5em;border-radius: 1rem;}
    #homemadeSec .aten p{font-size: 75%;line-height: 1.5;}

    #storeSec .shopBox{margin: 0em auto 2em;} 
    #storeSec .shopBox .addressBox{order: 1;width: 100%;}
    #storeSec .shopBox .addressBox .shop_ttl{font-size: 120%;}
    #storeSec .shopBox .addressBox dt{font-size: 80%;width: 18%;}
    #storeSec .shopBox .addressBox dd{font-size: 80%;width:82%;}
    
    #storeSec .shopBox .imgBox{width: 100%;order: 2;}
    #storeSec .shopBox .imgBox iframe{width: 100%;}
    
    
}