#container-all a {
text-decoration:none;
}
#container-all a:hover {
opacity:0.4;
filter: alpha(opacity=40);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.4;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.4;              /* Safari 1.x */
zoom:1;
}

.listHeading {
font-size: 1.2em;
font-family: 'Noto Sans JP', "ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
color: #333;
font-weight: bold;
}
.t10{
margin-top: 10px;
}
.u10{
margin-bottom: 10px;
}
.u30{
margin-bottom: 30px;
}
.botton_box3 {
display: flex;
flex-wrap: wrap;
margin-top: 10px;
margin-bottom: 10px;
}
.botton_box3 li{
width: calc(33.33% - 7px);
margin-right: calc(21px / 2);
margin-bottom: 10px;
text-align: center;
} 

.botton_box3 li:nth-child(3n){
margin-right:0px;
}


@media screen and (max-width:767px){
/*3?J?‰??<-->1?J?‰??*/
.botton_box3 li{
width:calc(50% - 5px);
margin-right:calc(10px / 1);
}
.botton_box3 li:nth-child(2n){
margin-right:0px;
}	
.botton_box3 li:nth-child(3n){
margin-right:calc(10px / 1);
}
.botton_box3 li:nth-child(6n){
margin-right:0px;
}	
}
.maindesign ul.oneCol li{
margin-bottom: 15px
}

.maindesign .title {
position:relative;
}
.maindesign .title h1 {
position: absolute;
font-size: 60px;
color: #fff;
text-shadow: 0 0 5px #333;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
width: 80%;
padding: 10px;
text-align: center;
}

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

.maindesign .title h1 {
font-size: 7vw;
}

}	

.maindesign .title h1 span{
background-color:rgba(0,0,0,0.5);
padding:0.2em;	
}
.maindesign .description{
margin-top: -2px
}
#slideshow02 {
margin: 0 auto 20px;
width: 100%;
text-align: left;
position: relative;
}
#slideshow02 div {
width: 100%;
height: 400px;
overflow: hidden;
position: relative;
}
#slideshow02 div div {
top: 0;
left: 0;
position: absolute;
}

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

#slideshow02 div {
height: 46vw;
}

}		


.maindesign .botton_box{-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;}
.maindesign .botton_box li{
width: 32%;
margin-right: 0
}
.maindesign .flexArea{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;	
}

.maindesign .rightTax{
width: 280px;
float: right
}
.maindesign p.txtArea{
line-height: 1.5;
}
.maindesign .tax {
text-align: right;
font-size: 36px;
color: #f00;
font-weight: bold;
}
.maindesign .taxBox {
border:solid 3px #f00;
color:#f00;
padding:10px;
font-size:1.4em;
font-weight:bold;
margin-top:10px;
}


#container-all .banner img{
margin:10px 1%;
width:48%;
float:left;
}



.maindesign .heading{
padding-top:80px;
margin-bottom:8px;
clear:both;
font-size:280%;
font-weight:bold;
text-align:center;
}

.maindesign .heading3{
margin-top: 10px;
text-align: center;
font-size: 20px;
color: #000;
padding: 0.5em 0;
border-top: solid 3px #000;
border-bottom: solid 3px #000;
padding: 10px;
margin-bottom: 10px;	
font-weight: bold
}
.maindesign .flexleft{
width:60%;

}
.maindesign .flexright{
width:38%;

}
.maindesign .flexmob{
width: calc(50% - 5px);
margin-right: calc(10px / 1); 
margin-bottom: 20px;

}

.maindesign .flexmob3{
width: calc(33.33% - 7px);
margin-right: calc(21px / 2); 
margin-bottom: 20px;

}	

.maindesign .flexmob:nth-child(2n) {
margin-right: 0px;
}
.maindesign .flexmob3:nth-child(3n) {
margin-right: 0px;
}
@media screen and (max-width:767px){

.maindesign .flexleft{
width:100%;

}
.maindesign .flexright{
width:100%;

}
.maindesign .flexmob{
width:100%;
margin-right: 0px;

}
.maindesign .flexmob3{
width:100%;
margin-right: 0px;
}

}
    
.maindesign .tableK{
border-collapse:collapse;
width:100%;
}

.maindesign .tableK td{
border:1px solid #333;
padding:5px;

}

.maindesign ul.iconK{
margin-top:10px;
width:100%;
overflow:hidden;
}
.maindesign ul.iconK li{
width:50px;
float:left;
}

.maindesign .maker{
width:100%;	
}
.maindesign .makerLogo{
width:36%;
overflow:hidden;
clear:both;
height: 130px;
}
.maindesign .makerLogo.toliLogo{
margin-top: 60px;
height: 90px;
width: 20%;
}
.maindesign .makerLogo.suminoeLogo{
margin-top: 60px;
height: 70px;
width: 28%;
}

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

.maindesign .makerLogo{
width: 50%;
margin: auto;
height: 22vw;
}	
.maindesign .makerLogo.toliLogo{
margin-top: 50px;
height: 20vw;
width: 35%;
}
.maindesign .makerLogo.suminoeLogo{
margin-top: 50px;
height: 18vw;
width: 60%;
}
}	

.maindesign .numbers{
background-repeat:no-repeat;
background-position:left center;
height:50px;
line-height:50px;
padding-left: 65px;
font-size: 1.25em
}
.maindesign .number1{
background-image:url(/include_html/koukoku/19_tilecarpet/images/rank_01.png);
}
.maindesign .number2{
background-image:url(/include_html/koukoku/19_tilecarpet/images/rank_02.png);
}
.maindesign .number3{
background-image:url(/include_html/koukoku/19_tilecarpet/images/rank_03.png);
}

.maindesign .doga{
width:100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.maindesign .doga li{
width:33.33%;
height:auto;
margin-top:7px;
margin-right: 10px;
}
.maindesign .doga li img{
width:100%;
height:auto;
}
.maindesign li.dogaBtn{
margin-right:0;
}
.maindesign li.dogaBtn a{
display:block;
position:relative;
}
.maindesign li.dogaBtn a span{
display:block;
position:absolute;
top:50%;
left:55%;
margin-left:-5.5em;
margin-top:-1.0em;
background-color:#333333;
color:#fff;
width:10.0em;
height:2.0em;
line-height:2.0em;
text-align: center
}
@media screen and (max-width:767px){

.maindesign li.dogaBtn a span{
font-size: 4vw;
top: 26%;
left: 85%;
width: 5.5em;
height: 4em;
}	


}

.maindesign p.note{
color:#ff0500;
text-align:right;
margin-bottom:10px;
}

.maindesign img{
width:100%;
height:auto;
}




/*--強調--*/
.maindesign span.emp{
font-size:140%;
font-weight:bold;	
}
.maindesign h4{
font-weight:bold;
font-size:110%;
margin-bottom:5px;	
}
/*--赤字--*/
.maindesign span.red{
color:#f00;	
}

/*--アイコン--*/
.maindesign .iconBox{
border-bottom:solid 1px #333;
padding-bottom:5px;
margin-bottom:5px;
overflow:hidden;
}
.maindesign ul.icon{
float:left;
width:550px;
overflow:hidden;
}
.maindesign ul.iconL{
width:655px;
}
.maindesign ul.icon.suminoeIcon{
width:340px;
}
.maindesign ul.icon li{
float:left;
margin-bottom:5px;
}
.maindesign ul.icon.toliIcon li{
margin-right:5px;
}
.maindesign ul.icon.suminoeIcon li{
margin-right:7px;
}
.maindesign ul.icon li img{
width:auto;
height:60px;
}
.maindesign ul.icon.toliIcon li img{
height:62px;	
}
.maindesign ul.icon.suminoeIcon li img{
height:60px;	
}
.maindesign ul.icon li img.FS4{
width:auto;
height:20px;	
}
.maindesign ul.icon li img.FS4J{
width:auto;
height:28px;	
}
.maindesign ul.icon li img.LLD{
width:auto;
height:40px;
margin-top:12px;
}
.maindesign ul.icon li img.JA,
.maindesign ul.icon li img.ito{
width:auto;
height:24px;	
}

.maindesign .cols5-2 li{
width: calc(20% - 8px);
margin-right: calc(40px / 4);
margin-bottom:20px;
position: relative;
} 
.maindesign .cols5-2 li:nth-child(5n){
margin-right:0px;
}

.maindesign .cols5-2 .text-box{
padding:0.5em;
padding: 0.5em;
line-height: 1.6em;
}

.maindesign .cols5-2 .cover-btn{
position: absolute;
bottom: 0%;
width:100%;
}	

@media screen and (max-width:767px){
/*3?J?‰??<-->1?J?‰??*/
.maindesign .cols5-2 li{
width: calc(50% - 5px);
margin-right: calc(10px / 1);
margin-bottom: 20px;
}
.maindesign .cols5-2 li:nth-child(2n){
margin-right:0px;
}
.maindesign .cols5-2 li:nth-child(5n){
margin-right: calc(10px / 1);
}
.maindesign .cols5-2 li:nth-child(10n){
margin-right:0px;
}
}
.maindesign .breadcrumb {
    box-sizing: border-box;
    color: #83838f;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.875em;
    line-height: 1.5;
}
.breadcrumb a {
    color: #83838f !important;
}
    .maindesign .scale_table{
        margin: 20px 0;
    }
    .maindesign .sunpou{
        display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    }
    .maindesign .sunpou p{
    }
    .maindesign .sunpou img{
        width: auto;
    }
    @media screen and (max-width:767px){
     .maindesign .sunpou p{
        width: 100%;
    }   
        .maindesign .sunpou img{
        width: 100%;
            max-width: 430px;
            margin: auto;
    }  
    }
    .maindesign .sunpou-txt{
        line-height: 1.2;
    }  
    .maindesign .tab-menu-nav li {
    height: 4rem;
}
    .maindesign .feature-hdg3 {
    font-size: 1.2rem;
    margin-top: calc(60px - 0.6rem);
    margin-bottom: calc(20px - 0.75rem);
    padding-bottom: 0.5rem;
    border-left: 4px solid #f00;
    font-weight: bold;
    margin: 30px 0 20px 0;
    text-align: left;
    padding: 0.3rem 1rem;
}
    .maindesign .border-btn.arrow-r::after {
    border-top: 2px solid #B6B6B6;
    border-right: 2px solid #B6B6B6;
}
    @media screen and (min-width: 768px) {
#main .eventbnr{
        display: flex;
        flex-wrap: wrap;
    }
    #main .eventbnr li{
    width: calc(50% - 5px);
    margin: 0 10px 20px 0;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
        align-items: center;
    }
        #main .eventbnr li:nth-child(2n){
    margin: 0 0 20px 0;
    }
    #main .eventbnr li a{
    display: flex;
    }
    #main .eventbnr li .linksTxt{
    margin: auto auto auto 10px;
    display: flex;
    flex-wrap: wrap;
    width: calc(80% - 20px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }
    #main .eventbnr li .linksTxt p{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0.5em 0;
	font-weight: 700;
    font-size: 1em;
}
#main .eventbnr li .linksTxt p span {
    font-size: 0.75em;
    width: calc(90% - 20px);
    line-height: 1.2;
    font-weight: 400;
    padding-top: 0.5em;
    display: block;
}
    #main .eventbnr li .linksImg{
    margin: auto 15px auto auto;
    width: calc(30% - 20px);
    display: flex;
    align-items: center;
    }
    #main .eventbnr li .linksImg img {
    width: 100%;
}
    }
    @media screen and (max-width: 767px) {
            #main .eventbnr{
        display: flex;
        flex-wrap: wrap;
    }
    #main .eventbnr li{
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0.3em;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
        display: flex;
        align-items: center;
    }
    #main .eventbnr li a{
    display: flex;
    flex-direction: row-reverse;
    }
    #main .eventbnr li .linksTxt{
    font-size: 1.2em;
    margin: auto auto auto 10px;
    display: flex;
    flex-wrap: wrap;
    width: calc(80% - 20px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }
    #main .eventbnr li .linksTxt p{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 10px;
    padding: 0.5em 0;
	font-weight: 700;
        font-size: 1em;
}
#main .eventbnr li .linksTxt p span {
    font-size: 0.75em;
    width: calc(100% - 20px);
    line-height: 1.2;
    font-weight: 400;
    padding-top: 0.5em;
    display: block;
}
    #main .eventbnr li .linksImg{
    margin: auto auto auto auto;
    width: calc(38% - 20px);
    display: flex;
    align-items: center;
    }
    #main .eventbnr li .linksImg img {
    width: 100%;
}
    }

#main h3.checkPoint {
    position: relative;
    font-size: 1.25em;
    font-weight: bold;
    margin: 30px 0 20px 0;
    padding: 0 0 10px 0;
    text-align: left;
    border-bottom: #aaaaaa 2px solid;
    display: flex;
    align-items: center;
    line-height: 1.2;
}

#main h3.checkPoint .st0 {
    fill: #aaaaaa;
}

#main h3.checkPoint .st1 {
    fill: none;
    stroke: #ffffff;
    stroke-width: 3;
    stroke-miterlimit: 10;
}

#main h3.checkPoint span {
    margin: 0 0 0 20px;
    width: calc(100% - 60px);
}

#main .botton_box2 li {
	margin-right: calc(21px / 2);
	margin-top: 0;
	margin-bottom: 20px; 
}

#main .botton_box2 li:nth-child(3n) {
	margin-right:0;
}

#main .sub-title--read {
	text-align: center;
    color: #595656;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.5;
}

#main li.add1 a {
	font-size: 0.8em;
}

@media screen and (max-width: 767px) {
	#main .sub-title--read {
	font-size: 1rem;
}
	#main #slideshow02 {
		margin: 0;
	}
	
	#main li.add1 a {
	padding-left: 0.8rem;
}
}

#main .cards--unit {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}


.maindesign .yoyaku-info {
    border-left: 2px solid #ed6d01;
    border-right: 2px solid #ed6d01;
    border-bottom: 2px solid #ed6d01;
    padding: 30px 15px 30px;
    box-sizing: border-box;
}
.maindesign .yoyaku-info--link {
    color: #333;
    text-decoration: none;
}
.maindesign .yoyaku-info--link:hover {
    opacity: 1.0 !important;
}
.maindesign .yoyaku-info--ttl {
    margin: 0 15px 40px;
}
.maindesign .subjuct-ttl {
    padding: 15px 0;
    text-align: center;
    color: #fff;
    font-size: 2.0rem;
    line-height: 1.25;
    background-color: #000;
}
.maindesign .yoyaku-info--btn {
    margin-top: 50px;
    width: 50%;
    margin-inline: auto;
}

@media screen and (max-width:767px) {
    .maindesign .yoyaku-info--ttl {
        margin: 0 0 30px;
    }
    .maindesign .subjuct-ttl {
        padding: 12px 0;
        font-size: 5.0vw;
    }
    .maindesign .yoyaku-info--btn {
        margin-top: 30px;
        width: 100%;
    }
}


.maindesign .third-col {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.maindesign .third-col::after {
    content: '';
    width: 31%;
    height: 0;
    display: block;
}
.maindesign .third-col--item {
    width: 31%;
}
.maindesign .third-col .third-col--item:nth-child(n+4) {
    margin-top: 20px;
}

@media screen and (max-width:767px) {
    .maindesign .third-col::after {
        width: 100%;
    }
    .maindesign .third-col--item {
        width: 100%;
    }
    .maindesign .third-col .third-col--item:nth-child(n+2) {
        margin-top: 15px;
    }
}

.maindesign .sinple-btn {
    position: relative;
	border: 1px solid #B6B6B6;
	font-size: 1.0em;
    height: 3.5em;
    font-feature-settings: "palt";
    line-height: 1.3;
	text-align: center;
    border-radius: 40px;
    color: #333;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.maindesign .sinple-btn::after {
	content: "";
    position: absolute;
	top: 50%;
    right: 15px;
    border-top: 2px solid #B6B6B6;
    border-right: 2px solid #B6B6B6;
    width: 8px;
    height: 8px;
    transform: translateY(-50%) rotate( 135deg);
}
.maindesign .sinple-btn:hover {
	border-color: #E5002D;
}

@media screen and (max-width:767px) {
    .maindesign .sinple-btn {
        font-size: 0.95rem;
    }
}

.maindesign .komeri-btn {
	position: relative;
	background-color: #979797;
    cursor: pointer;
	border-radius: 40px;
	opacity: 1.0;
}
.maindesign .komeri-btn:hover {
	opacity: 0.75;
    transition: 0.6s;
}
.maindesign .komeri-btn > a {
	text-decoration: none;
    display: inline !important;
}
.maindesign .komeri-btn--inner {
	font-feature-settings: "palt";
	color: #fff;
	padding: 0.75rem 2rem 0.75rem 1.75rem;
	width: auto;
    height: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
    font-weight: bold;
}
.maindesign .komeri-btn__orange {
	background-color: #EA6D0D !important;
}
.maindesign .komeri-btn--inner::after {
	content: '';
	position: absolute;   
	top: 50%; 
	right: 18px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 8px;
    height: 8px;
	transform: translateY(-50%) rotate( 45deg);
}