@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
/*デザインテンプレ*/
#item_lp{
    margin: 0 calc(50% - 50vw);
    width: 100vw;
}
#item_lp *{
    margin: 0 auto;
}
#item_lp .h2text{
    margin-top: 12rem;
    margin-bottom: 12rem;
}
#item_lp .pc_br{
    display: none;
}
#item_lp .sp_br{
    display: block;
}
#item_lp h2,#item_lp .cont_02 h3,#item_lp .catchphrase02{
    position: relative;
    margin: 0 auto;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    letter-spacing: 4px;
    font-family: "Noto Serif JP", serif;
    font-weight: bold;
    font-size:2.5rem;
    }
#item_lp h2>span,#item_lp .cont_02 h3>span,#item_lp .catchphrase02>span{
    display: block;
    color: #858585;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    padding-left: 0.3rem;
    letter-spacing: 2px !important;
}
#item_lp .catchphrase,#item_lp .bigcopy{
    font-family: "Noto Serif JP", serif;
    text-align: center;
    font-weight: bold;
    font-size:2.5rem;
    margin-top: 2rem;
    margin-bottom: 2.5rem;
    letter-spacing:2px ;
}
#item_lp .bigcopy{
    padding-bottom: 12rem;
    padding-top: 12rem;
    margin: 0;
}
#item_lp .catchphrase02{
    padding-top: 6rem;
    padding-bottom: 3rem;
}
#item_lp .catchphrase02>span{
    color: #876f62;
    letter-spacing: 4px !important;
    padding-left: 0;
}
#item_lp .catchphrase>span{
    display: block;
    font-size: 1.8rem;
}
#item_lp .cont0102_wrap{
    display: flex;
    justify-content: space-between;
}
#item_lp .cont_01{
    width: 82%;
}

#item_lp .cont_01>p{
line-height: 2.6rem;
letter-spacing: 0.5px;
padding-top: 0.5rem;
text-align: justify;
color: #333;
}
#item_lp .cont_02{
    vertical-align: top;
    width: 16%;
    font-size: 2rem;
}
#item_lp .cont_02 h3{
    color: #333;
}
#item_lp .cont_03{
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}
#item_lp .cont_03>img{
    width: 32%;
    margin: 0;
}
#item_lp .cont_03>img:nth-child(3n){
    margin-right: 0;
}
#item_lp .cont_04{
text-align: left;
font-size: 1.6rem;
line-height: 2.8rem;
letter-spacing: 1px;
color: #333;
font-family: "Noto Sans JP", sans-serif;
padding-top: 3rem;
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 4rem;
}
#item_lp .cont_05{
    margin-top: 2.5rem; 
 }
 .cont_05 .flex>a{
    width: 33%;
 } 
 .cont_05 .flex>a:nth-child(n+4){
    padding-top: 0.8rem;
 }
#item_lp .cont_05 .ver_ttl,#item_lp .cont_06 .ver_ttl{
     text-align: center;
     font-family: "Montserrat", sans-serif;
     color: #333;
     font-size: 1.8rem;
     padding-bottom: 1rem;
     margin-top: 4rem;
     letter-spacing: 2px;
     position: relative;
 }
#item_lp .cont_05 .ver_ttl::before,#item_lp .cont_06 .ver_ttl::before{
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     width: 2rem;
     height: 2px;
     margin: 0 auto;
     border-top: 2px solid #333;
 }
#item_lp .reverse{
    flex-direction: row-reverse;
    }

#item_lp .contents_wrap .reverse .cont_01>p{
        text-align: right;
        color: #333;
     }
#item_lp .border,#item_lp .border02{
    width: 1px;
    height: 12rem;
    margin: 6rem auto 8rem;
    background: #3a3a3a;
    clear: both;
}
#item_lp .border02{
    margin-top: 0;
    margin-bottom: 0;
}
#item_lp .head_ex_wrap{
    background: linear-gradient(to top right, #131313, #7f7f7f);
    padding-bottom: 4rem;
    padding-left: 1rem;
padding-right: 1rem;
}
#item_lp .head_ex{
 text-align: center;
 font-family: "Noto Serif", serif;
 font-weight: 400;
 font-size: 2rem;
 padding-top: 3rem;
 padding-bottom: 3%;
 color: #fff;
 letter-spacing: 2px;
}
#item_lp .head_ex_wrap>.icon{
 width: 60%;
 margin: 0 auto;
 margin-bottom: 4rem;
 margin-top: 2rem;
}

#item_lp .txt,#item_lp .txt02,#item_lp .txt03{
    padding-bottom: 3rem;
    text-align: left;
     font-size: 1.6rem;
     line-height: 2.8rem;
     letter-spacing: 1px;
     color: #333;
     font-family: "Noto Sans JP", sans-serif;
}
#item_lp .txt{
    padding-left: 1rem;
    padding-right: 1rem;
}
#item_lp .txt02{
    color: #333;
    padding-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: left !important;
}
#item_lp .txt03{
    padding: 0;
    color: #333;
    text-align: left;
}
#item_lp .emp{
    font-family: "Noto Serif JP", serif;  
    font-size: 5rem;
    font-weight: 600;
    text-align: center;
}
#item_lp .emp>span{
    display: inline-block;
    position: relative;
}
#item_lp .emp>span::before{
    content:"";
    display: block;
    background: url(https://www.fromfloor.com/images/floor/test/dot.png)no-repeat center / contain;
    position: absolute;
    top: 0;
    left: 2rem;
    width: 12px;
    height: 12px;
}
#item_lp .imgtxt_pos,#item_lp .top_img{
display: block;
position: relative;
}
#item_lp .imgtxt_pos>img{
display: block;
}
#item_lp .imgtxt_pos>.catchphrase,#item_lp .top_img .logo{
position: absolute;
text-align: center;
font-size: 3.5vh;
line-height: 6rem;
z-index: 1;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
margin: 0 !important;
}
#item_lp .top_img .logo{
width: 90%;
}
#item_lp .bg_be,#item_lp .bg_be02,#item_lp .bg_be03{
padding-bottom: 3rem;
}
#item_lp .bg_be{
background: #d6d3c9;
}
#item_lp .bg_be02{
background: #eae6e3;
}
#item_lp .bg_be03{
background: #eee4bf;
}
#item_lp .flex{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 2rem;
padding-left: 1rem;
padding-right: 1rem;
}
#item_lp .flex>p{
width: 48%;
}
#item_lp .flex>p:nth-child(n+3){
padding-top: 1rem;
}

/*セクション終わりの商品一覧リンクボタン*/
/*
#item_lp  .topic_link{
padding: 0;
display: block;
text-align: center;
font-size: 2.5vh;
color: #333;
line-height: 2.8rem;
letter-spacing: 1px;
font-family: "Noto Sans JP", sans-serif;
}*/
#item_lp .btn_more{
    margin: 3rem auto 3rem;
    display: block;
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 90%;
    border: 1px solid #bbbbbb;
    color: #434343;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 1.5px;
    margin-top: 7rem;
    margin-bottom: 7rem;
    box-shadow: 5px 2px 11px -4px #cdcdcd;
    }
    #item_lp .btn_more>span{
        display: inline-block;
        font-size: 1.8rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
    }
    #item_lp .btn_more::after{
    content: "\f105";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    }
#item_lp .reason_wrap{
padding-left: 1rem;
padding-right: 1rem;
font-family: "Noto Serif JP", serif; 
margin-top: 15rem;
}
#item_lp .reason_ttl{
font-size: 2.5vh;
letter-spacing: 1px;
text-align: center;
font-weight: 600;
margin-top: 6rem;
margin-bottom: 2rem;
}
#item_lp .reason_ttl .rt{
font-size: 1.6rem;
}
#item_lp .reason_tt{
text-align: left;
font-size: 2.4rem;
font-weight: 700;
}
#item_lp .reason_tt>span{
color: #000047;
font-size: 4.5rem;
padding-right: 1.5rem;
}
#item_lp .reason_map{
text-align: center;
font-size: 2.5rem;
font-weight: 600;
margin-top: 5rem;
}
#item_lp .reason_map>span{
font-size: 4.5rem;
}
#item_lp .reason_be,#item_lp .reason_br{
padding: 2rem;
margin-bottom: 1rem;
}
#item_lp .reason_be{
background: #f4edd5;
}
#item_lp .reason_br{
background: #f0eeeb;
}
#item_lp .maps{
width: 100%;
height: 300px;
margin-top: 3rem;
}

/*PC版*/
@media screen and (min-width: 960px){
            #item_lp .pc_br{
                display: block;
            }
            #item_lp .sp_br{
                display: none;
            }
            #item_lp{
                margin: 0 auto;
                width: 100%;
            }
            #item_lp .border, #item_lp .border02 {
                margin: 10rem auto;
            }
            #item_lp .flex {
                padding-left: 0; 
                padding-right: 0; 
                margin-top: 0.3rem;
            }
            #item_lp .flex>p {
                width: 24.8%;
            }
            #item_lp .flex>p:nth-child(n+3) {
                padding-top: 0;
            }
            #item_lp .txt02{
                padding-bottom: 7rem;
                text-align: center !important;
            }
            #item_lp .sec_wrap{
                max-width: 1000px;
            }
            #item_lp .catchphrase02 {
            font-size: 3.5rem;
        }
            #item_lp .contents_wrap,#item_lp .cont_flex{
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
            }
            #item_lp .cont_topic {
                margin: 0 calc(50% - 50vw);
                width: 100vw;
            }
            #item_lp .cont_flex{
                max-width: 1000px;
                padding-top: 5rem;
            }
            #item_lp .txt {
                padding-top: 2rem;
                padding-bottom: 2rem;
                width: 50%;
                text-align: center;
            }
            #item_lp .cont_flex>.catch_img{
                width: 60%;
                margin: 0;
            }
            #item_lp .cont0102_wrap {
               order: 1;
               width: 80%;
               margin: 0;
        }
            #item_lp .cont_01{
                width: 84%;
            }
            #item_lp .cont_02 h3 {
                font-size: 2.6rem;
            }
            #item_lp .cont_02 h3>span {
                font-size: 2rem;
                padding-left: 0.5rem;
            }
            #item_lp .cont_03{
                width: 20% !important;
                order: 2;
                display: inline-block;
                margin: 0;
                vertical-align: top;
                width: 100%;
            }
            #item_lp .cont_03>img{
                display: block;
                width: 100%;
                height: 26%;
                object-fit: cover;
                padding-bottom: 1.5rem;
            }
            #item_lp .cont_03>img:nth-child(3){
                padding-bottom: 0;
            }
            #item_lp .cont_03>img:nth-child(2){
                padding-top: 0;
                padding-bottom: 1.5rem;
            }
            #item_lp .cont_04{
                order: 3;
                width: 80%;
                padding-top: 0;
                margin-top: -6rem;
            }
            #item_lp .cont_05{
                order: 5;
                margin-top: 4.5rem;
            }
            #item_lp .cont_05 .flex{
                min-width: 1000px;
                justify-content: center;
            }
            #item_lp .cont_05 .flex>a:nth-child(4){
                padding-top: 0 !important;
            }
            #item_lp .cont_05 .flex>a {
                flex: 0 1 24.5%;
                margin: 0;
                padding-left: 0.5rem;
                padding-right: 0.5rem;
            }
            .cont_05 .flex>a:nth-child(n+5) {
                padding-top: 4rem;
            }
            .ver_flex{
                padding-top: 4rem;
            }
            #item_lp .cont_05 .ver_ttl,#item_lp .cont_06 .ver_ttl {
            font-size: 2.3rem;
            margin-bottom:5rem ;
        }
        /*セクション終わりの商品一覧リンクボタン*/
        #item_lp .btn_more {
            width: 70%;
            padding-top: 1.3rem;
            padding-bottom: 1.3rem;
        }
        }

/*20250213 追加*/
#item_lp .cont_06 .flex{
    justify-content: center;
}
#item_lp .cont_06 .flex>a{
    width: 10%;
    margin: 0.2rem;
    }
#item_lp .cont_06 .flex>a:nth-child(1),#item_lp .cont_06 .flex>a:nth-child(10){
  margin-left: 0;
}
#item_lp .cont_06 .flex>a:nth-child(9),#item_lp .cont_06 .flex>a:nth-child(17){
  margin-right: 0;
}
#item_lp .cont_06 .flex .spacer{
  width: 100%;/*改行用*/
}
@media screen and (min-width: 960px){

#item_lp .catchphrase02{
  padding-top: 0;
}
#item_lp .cont_05{
order: 6;}
#item_lp .cont_06{
order: 5;}
#item_lp .cont_06 .flex{
min-width: 1000px;}
#item_lp .cont_03>img{
	height: 24%;
}
      }