@charset "utf-8";

@media screen and (max-width : 767px ) {
	
/*-----------------------------------------------------

	TOP　トップページ共通

------------------------------------------------------*/


.sec_inner {
	width: 100%;
    margin: 0 auto;
	padding: 25px 0;
	font-size: 13px;
}
	
.btn_01 {
	text-align: center;
	font-weight: bold;
}
.btn_01 a {
	color: #4d4e53;
    background-color: #ffffff;
    padding: 5px 50px;
    border-radius: 10px;
    display: inline-block;
    border: solid 2px #ffffff;
    font-size: 15px;
    letter-spacing: 1px;
}

.btn_02 {
	text-align: center;
	font-weight: bold;
}
.btn_02 a {
	color: #fff;
    background-color: #128754;
    padding: 8px 50px;
    border-radius: 10px;
    display: inline-block;
    border: solid 2px #128754;
    font-size: 16px;
    letter-spacing: 1px;
}
	
.btn_03 {
	text-align: center;
	font-weight: bold;
}
.btn_03 a {
	color: #fff;
    background-color: #f49d06;
    padding: 8px 50px;
    border-radius: 10px;
    display: inline-block;
    border: solid 2px #f49d06;
    font-size: 16px;
    letter-spacing: 1px;
}
	

.lead{
	text-align: center;
    font-size:18px;
    color: #4267b2;
    padding: 5px 10px;
}
.lead_br{
	text-align: center;
    font-size:18px;
    color: #664a0b;
    padding-bottom: 15px;
}
.lead_br_s{
	text-align: left;
    font-size:18px;
    color: #664a0b;
    padding-bottom: 20px;
    line-height: 2;
    display: inline-block;
    margin:0 auto;
    font-weight: bold;
}    
.lead_wh_s{
	text-align: center;
    font-size:16px;
    color: #fff;
    padding-bottom: 15px;
}   
.lead_s{
	text-align: center;
    font-size:16px;
    color: #664a0b;
    padding:0 10px;
    font-weight: bold;
    margin-bottom: 10px;
}
.lead_m{
	text-align: center;
    font-size:20px;
    color: #664a0b;
    margin-bottom: 20px;
    font-weight: bold;
}    
    
.lead_s_red{
    text-align: center;
    font-size:18px;
    font-weight: bold;
    color:#ff0808;
} 
.lead_or{
	text-align: center;
    font-size:18px;
    color: #ea7849;
    font-weight: bold;
    padding:22px
}    
    
  .lead_ss_red{
    text-align: left;
    font-size:14px;
    color:#ff0808;
}     
    
    
.under_marker {
  background: linear-gradient(transparent 72%, #9dd4f5e0 72%);
  }    
.size_s{
    font-size:14px;    
    }
 .box18{
    font-size: 20px;
    color:#664a0b;
    margin:1.5em 0;
    position: relative;
    padding: 10px;
    border: solid 2px #664a0b;
    border-radius: 3px 0 3px 0;
    display: inline-block;
}
.box18:before,.box18:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px #664a0b;
    border-radius: 50%;
}
.box18:after {
    top:-12px;
    left:-12px;
}
.box18:before {
    bottom:-12px;
    right:-12px;
}     


.balloon1-top span {
 display: none;
}    
 .topinfo_box{
    border:solid 2px #ff0808;
    padding:15px;
}    
.red{
     color:#ff0808;
    font-size: 14px;
    text-align: left;
    }       
    
 .square {
    border: solid 1px #ff0808;
    padding: 20px;    
}
.square .shop_bnr li img{
    margin-bottom: 20px;    
    }
       

/*-----------------------------------------------------

	TOP　　トップページ

------------------------------------------------------*/
#top .icon_l i{
	font-size: 60px;
    text-align: center;
    display: block;
    color:#4267b2;
}
    
#top #header .head_sec .left_box{
    width: 80%;
    margin: 0 auto;       
} 
#top #header .head_sec .right_box{
    text-align: center;
   font-size: 16px;
   color: #664a0b;
    }    
#top #header .head_sec .right_box .add{
    font-size: 20px;    
    }     
#top #header .head_sec .right_box .tel{
    font-size: 28px;
    font-weight: bold;
    }    
#top #header .head_sec .right_box a{
    color: #664a0b;
    }    
#top p {
	color: #664a0b;
	font-size: 16px;
	line-height: 2;
    padding: 0 10px;
    text-align: left;
}


#top #bnr_area01 {
    background-image: url("../image/bg04.jpg");
	text-align: center;
    background-size: cover;
}
    
#top #menu_area01 .category {
    text-align: center;
}
#top #menu_area01 ul{
    text-align: center;
    display: inline-block;
}
#top #menu_area01 ul li{
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    border: solid 1px #4267b2;
    padding: 10px 80px;
} 
    
#top #menu_area01 ul li .cp_link {
	display: inline-block;
	color: #4267b2;
}    
    
#top #sec_01{
    text-align: center;
    background-image: url(../image/bg02.jpg);
} 
    
#top #sec_01 .left_box {

}
#top #sec_01 .right_box {
    padding: 20px 10px;
    background-color: #ffffff6e;
}
#top #sec_01 .right_box .top_box{
    margin-bottom:20px;   
    }    
#top #sec_01 .right_box .bottom_box{
    text-align: left;    
    } 
#top #sec_01 .right_box .bottom_box .ht_l{
    font-size:14px;
    line-height: 2.5;
    padding: 0px 15px;
    }
#top #sec_01 .right_box .bottom_box .cate_point{
    background-color:#523e107d;
    color:#fff;   
    padding:5px 15px;
    
    }        
    
    
#top #sec_01 .list{
	font-size:18px;
    font-weight: bold;
    text-align: left;
    display: inline-block;
    padding: 0 15px;
}    
#top #sec_01 .list li{
	margin-bottom: 8px;
}   
#top #sec_02{
	text-align: center;
	background-image: url("../image/bg07.jpg");
    background-size: contain;
}
#top #sec_02 .img_box{
    padding:25px 0;    
    }    
 
#top #sec_02 .cont_inner{
   text-align: center;
    }

  

    
#top #sec_03 {
	background-image: url("../image/");
    text-align: center;
}

#top #sec_03 .list li{
    width: 90%;
	margin-bottom: 20px;
    background-color: #f5f2ee;
    padding: 10px;
    display: inline-block;
    border: solid 1px #dad8d3;
}
#top #sec_03 .txt_box {
    float: left;
    width: 100%;
    padding: 15px 0;
}   
#top #sec_03 .img_box {
    float: right;
    width: 100%;
} 
    
.pc { display: none !important; }
.sp { display: block !important; }
    
#top #sec_04 {
   background-image: url(../image/bg09.jpg);
   background-size: contain; 
    }    
    
#top #sec_04 .cont_inner{
   text-align: center;
    padding:25px 0;
    }

#top #sec_04 .img_box{
    padding: 15px;
    text-align: center;
    }        
#top #sec_04 .brand_list{
	display: inline-block;
    width:80%;
}
#top #sec_04 .brand_list li{
    margin-bottom: 20px;
}
     
#top #sec_04 .brand_list li a{
    color: #4267b2;
    border: solid #4267b2 5px;
    border-radius: 10px;
    font-size: 20px;
    padding: 20px 15px;
    font-weight: bold;
}
   

#footer{
   background-color:#54492e; 
   text-align: center;
    }    
#footer a{
     color:#fff;    
    }    
#footer .tel {
    font-weight: bold;
    font-size: 24px;
}
.sns{
    width: 40%;
    text-align: center;
    display: inline-block;
}      

    
    
}