.maindesign .pdb20{
	padding-bottom: 20px;
}
#main .tab-menu-nav a {
    display: flex;
}
.maindesign .border_u{
	border-bottom: 1px solid #ddd;
}
	#main .fsMedium {
    font-size: 1.0em;
    padding: 0.75em 0.85em;
}
	#main .clearfixdiy{
		display: inline-block;
	}
.btnstyle{
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}
.btnstyle li{
width:calc(50% - 5px);
margin-bottom: 10px;	
border-radius: 5px;
border:1px solid #ababab;
background: #f1f1f1;	
display: flex;
overflow: hidden;	
}
.btnstyle .images{
height: 6em;
background: #fff;	
border-right: 1px solid #ababab;
display: inline-block;
padding: 5px;
box-sizing: border-box;
}
.btnstyle .images img{
    width: auto;
height:100%;
}
.btnstyle .textBox{
padding:0.5em;
font-weight:700;
line-height: 1.3em;	
}

.btnstyle a{
display: flex !important;
align-items:center;
width: 100%;
}
.btnstyle .arrow{
background: #aaa;
height: 100%;
width: 2em;
display: flex;
color: #fff;
align-items: center;
justify-content: center;
}
	@media screen and (min-width: 768px){
#main .pc-only.diyhowto {
    display: block;
}
		}
	@media screen and (max-width: 767px){
	#main .sp-only.diyhowto	{
		display: block;
	}
		.btnstyle{
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}
.btnstyle li{
width:100%;
	/*width: calc( 38% - 10px);*/
margin-bottom: 10px;	
border-radius: 5px;
border:1px solid #ababab;
background: #f1f1f1;	
display: flex;
overflow: hidden;	
}
.btnstyle .images{
height: 6em;
background: #fff;	
border-right: 1px solid #ababab;
display: inline-block;
padding: 5px;
box-sizing: border-box;
}
.btnstyle .images img{
    width: auto;
height:100%;
}
.btnstyle .textBox{
padding:0.5em;
font-weight:700;
line-height: 1.3em;	
}

.btnstyle a{
display: flex !important;
align-items:center;
width: 100%;
}
.btnstyle .arrow{
background: #aaa;
height: 100%;
width: 2em;
display: flex;
color: #fff;
align-items: center;
justify-content: center;
}

	}
#main .menuName{
        font-size: 1.2em;
    text-align: center;
    padding: 0 0 10px;
    margin: 0 auto 20px;
    border-bottom: 1px solid #333;
    }
    #main .categorys{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin: 0 0 20px;
    border-bottom: 1px solid #333;
        justify-content: space-between;
}
    #main .categorys:last-child{
        padding: 0;
    border-bottom: none;
}
    #main .categorys .selectName{
        width: 150px;
    }
    #main .categorys .selectName p{
        margin: 0 0 20px;
    }
    #main .categorys .selectBtns{
        width: 720px;
    }
#main .categorys.select .selectBtns {
    width: 860px;
}
    #main .categorys .selectBtns.other{
        width: 100%;
    }
    #main .floors{
        display: flex;
        flex-wrap: wrap;
    }
    #main .floors li{
        border: 1px #ababab solid;
    box-sizing: border-box;
        background: #f1f1f1;
        border-radius: 5px;
        overflow: hidden;
        display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    }
    #main .floors.b2 li{
        width: calc(50% - 3px);
    }
    #main .floors.b3 li{
        width: calc(25% - 12px);
    margin: 0px 15px 20px 0;
    }
#main .categorys .selectBtns.other .floors.b3 li{
        width: calc(290px - 10px);
    }
    #main .floors.b3 li:nth-child(4n){
        margin: 0px 0 20px 0;
    }
    #main .floors.b4 li{
        width: calc(25% - 6px);
    }
    #main .floors.b4.select li{
        margin: 0 0 10px;
    }
    #main .floors li a{
       width: 100%;
    display: flex;
    align-items: center;
    }
    #main .floors li a img{
        width: auto;
    height: 60px;
        border-right: 1px solid #ababab;
    }
     #main .floors li a p{
        font-weight: 700;
    line-height: 1.3em;
    width: auto;
    display: block;
    margin: auto;
    text-align: left;
    font-feature-settings: "palt" 1;
		 font-size: 0.8em;
    }
    #main .floors li .arrow{
        background: #aaa;
    height: 100%;
    width: 1em;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    }
    #main .floors li a svg{
        width: 20px;
    }
    #main .sp-w100 {
    width: auto;
}
#obj_list img{
	height: 100%;
}
@media screen and (max-width: 767px) {
    #main .categorys .selectName{
        width: 100%;
        text-align: center;
    }
		#main .floors {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
     #main .floors.b2 li{
        width: calc(50% - 5px);
         margin: 0 0 20px;
    }
    #main .floors.b3 li{
        width: calc(50% - 5px);
        margin: 0 0 20px;
    }
    #main .floors.b4 li{
        width: calc(50% - 5px);
        margin: 0 0 20px;
    }   
    #main .floors li a p{
        font-size: 0.8em;
    }
	    #main .sp-w100 {
    width: 100%;
}	
    }