@charset "UTF-8";
img.pc {
    display: block;
}
img.sp {
    display: none;
}
@media (max-width: 800px) {
    img.pc {
        display: none;
    }
    img.sp {
        display: block;
    }
}
.clear{clear:both !important;}

.clearfix:after  {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
.sp {
	width: 100%;
    height: auto;
}

br.sp{
    display: none;   
}

@media (max-width: 800px) {

br.sp{
    display: block;   
}
}

/********LP要素ここから*************/


/*  KV  */
.lp_kv {
    width: 100%;
    max-width: 1440px;
    height: 647px;
    /*height: 738px;*/
    margin: 0px auto;
    display: block;
    background: url("kv.png") no-repeat center bottom;
}
@media (max-width: 800px) {
.lp_kv {
    height: auto;
    margin: 0px auto;
    /*padding-top: 70px;*/
    display: block;
    background: none;
}
.lp_kv img {
    width: 100%;
    height: auto;
}    
    
 }
   


/*  BG  */
.lp_bg_01{
    display: block;
    background: #F7EFEA;
    padding: 0px 0px 135px;
    position: relative;
    color: #587A3C;
}

.lp_bg_02{
    display: block;
    background: #FFF;
    width: 1026px;
    padding: 0px 0px 85px;
    position: relative;
    color: #587A3C;
    margin: 140px auto 0px;
    z-index: 999;
}


.lp_bg_03{
    display: block;
    padding: 0px 0px 0px;
    position: relative;
    color: #587A3C;
}

.lp_bg_04{
    width: 1024px;
    padding: 0px 0px 0px;
    height: 150px;
    margin: 0px auto;
    display: block;
    position: relative;
}

@media (max-width: 800px) {

.lp_bg_01{
    padding: 0px;
}

.lp_bg_02{
    width: 100%;
    background: url("bg_01_sp.png") repeat-y center top;
    background-size: 100% auto;
    padding: 0px 0px 50px;
    margin: 0px auto;
    z-index: 1;

}


.lp_bg_03{
    padding: 0px 0px 0px;
}

.lp_bg_04{
    width: 100%;
    height:auto;
}
    
    
}



/*  BG_item */

.lp_bg_item_01,
.lp_bg_item_02,
.lp_bg_item_03,
.lp_bg_item_04,
.lp_bg_item_05{
    position:absolute;
}


.lp_bg_item_01{
    top: 1300px;
    right: 0;
}


.lp_bg_item_02{
    bottom:-143px;
    left: 0;
}


.lp_bg_item_03{
    bottom:0;
    left: 0;
}
.lp_bg_item_04{
    bottom:-45px;
    left: -97px;
    z-index: 999;
}

.lp_bg_item_05{
    bottom:-45px;
    left: auto;
    right: 0;
    z-index: 999;
}
@media (max-width: 800px) {
.lp_bg_item_01,
.lp_bg_item_02,
.lp_bg_item_03,
.lp_bg_item_04,
.lp_bg_item_05{
    display: none;
}
}


/*  logo  */
.lp_logo_best_tit{
    width: 100%;
    text-align: center;
    padding: 85px 0 30px;
    font-size: 46px;
    font-weight: bold;
    display: block;
 } 

    .lp_logo_best_tit img{
        margin: 0px auto;
     } 

.lp_logo_best img{
    display: block;
    margin: 0px auto;
}


.lp_logo_best_text{
    width: 100%;
    padding:20px 0; 
    text-align: center;
    display: block;
 } 
@media (max-width: 800px) {

.lp_logo_best_tit{
    display: none;
 } 

.lp_logo_best{
    display: none;
}

.lp_logo_best_text{
    display: none;
 } 
    
 }     
/*  btn  */
.lp_btn{
    width: 100%;
    padding:0px 12px;
    height: 66px;
    background: url("btn_left.png") no-repeat left top, url("btn_right.png") no-repeat right top;
    text-align: center;
    display: table;
    margin: 0px auto;
 } 

    .lp_btn:hover{
        opacity: 0.7;
     } 


.lp_btn a{
    width: 100%;
    padding:0px;
    background: url("btn_center.png") repeat-x left top #000;
    color: #FFF;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
 } 

.max480{
    max-width: 480px;
 } 

@media (max-width: 800px) {
.lp_btn{
    width: 100%;
 } 

 } 
    
/*  tit  */
.lp_tit_01{
    width: 100%;
    height: 110px;
    margin: 0px auto;
    display: block;
    position: relative;
 }     

    .lp_tit_01 .tit{
        width: 100%;
        text-align: center;
        display: block;
        position: absolute;
        top: -36px;
     }     

        .lp_tit_01 .tit img{
            margin: 0px auto;
         }  

    .lp_tit_01 .point_01{
        /*width: 100%;*/
        text-align: center;
        display: block;
        position: absolute;
        top: -36px;
        left: -86px;
     }     

.lp_tit_02{
    width: 100%;
    height: 135px;
    margin: 0px auto;
    display: block;
    position: relative;
 }     

    .lp_tit_02 .tit{
        width: 100%;
        text-align: center;
        display: block;
        position: absolute;
        top: -30px;
     }     

        .lp_tit_02 .tit img{
            margin: 0px auto;
         }  

.lp_tit_03{
    width: 100%;
    margin: 0px auto;
    display: block;
    padding: 50px 0px;
 }     

    .lp_tit_03 .tit{
        width: 100%;
        text-align: center;
        display: block;
     }     

        .lp_tit_03 .tit img{
            margin: 0px auto;
         }  


@media (max-width: 800px) {
.lp_tit_01{
    display: none;
 }     


.lp_tit_02{
    display: none;
 }     
    

.lp_tit_03{
    display: none;
 }     

    

    
 }     
    
    
/*  subtit  */
.lp_subtit_01{
    width: 100%;
    margin: 0px auto;
    text-align: center;
    font-size: 30px;
    padding: 20px 0px;
    font-weight: bold;
    display: block;
 }     

/*  txt  */
.lp_txt_01{
    width: 90%;
    margin: 0px auto;
    text-align: center;
    font-size: 20px;
    padding-bottom: 90px;
    display: block;
 }     

.lp_txt_03{
    width: 90%;
    margin: 0px auto;
    text-align: center;
    font-size: 20px;
    padding-bottom: 20px;
    display: block;
 }  

.lp_img_03{
    width: 90%;
    margin: 0px auto;
    text-align: center;
    padding-bottom: 30px;
    display: block;
 }  

    .lp_img_03 img{
        width: 100%;
        max-width: 641px;
        height: auto;
        margin: 0px auto;
     }  

@media (max-width: 800px) {

 .lp_txt_01{
    width: 90%;
    font-size: 14px;
    padding-bottom: 30px;
    display: block;
 }    
    
  .lp_txt_03{
    width: 90%;
    font-size: 14px;
    padding-bottom: 15px;
    display: block;
 }   
    
 }     
    
/*  Recommend  */
.lp_recommend_01{
    width: 100%;
    height: 550px;
    margin: 0px auto;
    font-size: 20px;
    display: block;
    clear: both;
 } 

    .lp_recommend_left{
        float: left;
        width: 100%;
        position: relative;
     } 

        .lp_recommend_left img{
            position: absolute;
            /*display: block;*/
            top:0;
            left:-200px;
         } 

    .lp_recommend_right{
        width: 480px;
        padding-right: 40px;
        display: block;
        float: right;
    } 

.lp_recommend_02{
    width: 100%;
    height: 450px;
    margin: 0px auto;
    font-size: 20px;
    display: block;
    clear: both;
 } 


    .lp_recommend_02 .lp_recommend_left{
        float: right;
     } 

        .lp_recommend_02 .lp_recommend_left img{
            left:auto;
            right:-200px;
         } 

    .lp_recommend_02 .lp_recommend_right{
        padding-right: 0px;
        padding-left: 40px;
        float: left;
    } 

.lp_recommend_box{
    display: block;
    } 

.lp_recommend_copy{
    display: block;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 22px;
    } 

.lp_recommend_tit{
    display: block;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 22px;
    } 

    .lp_recommend_tit span{
        display: block;
        font-weight: normal;
        font-size: 14px;
        } 

.lp_recommend_txt{
    display: block;
    padding-bottom: 20px;
    font-size: 16px;
    } 

.lp_recommend_money{
    display: block;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 30px;
    } 

    .lp_recommend_money span{

        font-size: 16px;
        } 

@media (max-width: 800px) {

.lp_recommend_01{
    height: auto;
 } 

    .lp_recommend_left{
        float: none;
        position: relative;
     } 

        .lp_recommend_left img{
            position: relative;
            display: block;
            top:0;
            left:auto;
            width: 92%;
            height: auto;
            margin: 0px auto;
         } 

    .lp_recommend_right{
        width: 92%;
        padding-right: 0px;
        display: block;
        float: none;
        margin: 0px auto;
   } 

.lp_recommend_02{
    height: auto;
 } 

    .lp_recommend_02 .lp_recommend_left{
        float:none;
     } 

        .lp_recommend_02 .lp_recommend_left img{
            left:auto;
            right:auto;
         } 

    .lp_recommend_02 .lp_recommend_right{
        padding-right: 0px;
        padding-left: 0px;
        float: none;
    } 
    

    .lp_recommend_box{
        width: 92%;
        display: block;
        margin: 0px auto;
        padding: 20px 0px;

    } 
    
    .lp_recommend_box .lp_btn{
        width: 100%;

    } 
    
.lp_recommend_copy{
    padding-bottom: 15px;
    font-size: 16px;
    } 

.lp_recommend_tit{
    padding-bottom: 15px;
    font-size: 16px;
    } 

    .lp_recommend_tit span{
        font-size: 12px;
        } 

.lp_recommend_txt{
    padding-bottom: 15px;
    font-size: 12px;
    } 

    
} 
   
    
/*  collection  */
.lp_collection{
    width: 1024px;
    margin: 0px auto;
    font-size: 20px;
    display: table;
    clear: both;
 } 

    .lp_collection_box{
        width: 320px;
        margin: 0px;
        padding-right: 32px;
        display: table-cell;

     } 

    .lp_collection .lp_collection_box:last-child{
        padding-right: 0px;
     } 



@media (max-width: 800px) {

.lp_collection{
    width: 100%;
    margin: 0px auto;
    font-size: 20px;
    display: block;
    clear: both;
 } 

    .lp_collection_box{
        width: 92%;
        margin: 0px auto;
        padding-right: 0px;
        padding-bottom: 30px;
        display: block;

     } 

    
    
} 

.lp_collection_txt .lp_recommend_txt{
    font-size: 11px;
     } 


@media (max-width: 800px) {
    
.lp_collection_box lp_btn{
    width: 100%;
 } 


    
    
} 

.lp_small{
    font-size: 12px;
 }