body .goodsPickup a:hover img {
    opacity: 1;
    filter: alpha(opacity = 100);
    -ms-filter: "alpha( opacity=100 )";
    background: none;
}



.cl{
clear: both;
}

.title {
background-image: url("../image/title.jpg");
background-repeat: no-repeat;
background-position: top center;
width: 870px;
height: 200px;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
postion: relative;
}

h1{
color: #fff;
text-align: left;
font-weight: 700;
font-size: 60px;
transform: translateX(-50%);
left:50%;
line-height: 1.1;
font-feature-settings: "palt" 1;
text-shadow: 1px 1px 2px rgb(10 10 10 / 70%);
}

#main .breadcrumb {
box-sizing: border-box;
color: #83838f;
display: flex;
flex-wrap: wrap;
font-size: 0.875em;
line-height: 1.5;
margin-bottom: 10px;
}
#main .breadcrumb a{
color: #83838f !important;
text-decoration: none;
}
#main .border_radiuse.img_max li {
padding: 0;
}
#main .paintH3{
text-align: center;
}
#main .divBtn {
width: 80%;
margin: auto;
padding: 0.625em;
margin-bottom: 5em 
}
#main .colorVariation01 p.pBtn {
margin: 0.6em 0;
display: flex;
justify-content: space-between;
width: 100%;
}
#main .colorVariation01 p.pBtn a.btnRadius02 {
width: 48%;
} 
#main .cols2-1.colsinbtn li {
margin-bottom: 10px;
font-feature-settings: "palt" 1; 
line-height: 1.2 
} 
#main .colorVariation01 {
display: flex;
flex-wrap: wrap;
} 
#main .colorVariation01 li {
width: calc(25% - 12px);
margin: 0 16px 20px 0;
text-align: center;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 5px;
}
#main .colorVariation01 li img{
width: 100%;
}
#main .colorVariation01 li img.colorBorder {
border: solid 1px #ddd;
}
#main .colorVariation01 li p{
margin: 10px 0;
}
#main .colorVariation01 li:nth-child(4n) {
margin: 0 0 20px 0;
}

#main .mainBtn{
width: 100%;
display: flex;
flex-wrap: wrap;
}
#main .mainBtn li{
width: calc(20% - 4px);
margin: 50px 5px 0 0;
}
#main .mainBtn li a{
position: relative;
height: 7em;
border: 1px #707070 solid;
box-sizing: border-box;
background: #F8F8F8;
text-align: center;
display: flex;
flex-direction: column;
}
#main .mainBtn li a svg{
width: 100%;
    max-width: 20px;
    margin: 10px auto 10px;
}
#main .mainBtn a:hover img{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: none;
}
#main .mainBtn a:hover div p{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: none;
}
#main .mainBtn li div{
position: absolute;
left: 50%;
transform: translate(0%,-50%);
}
#main .mainBtn li div p{
transform: translate(-50%, 0%);
width: 4.5em;
height: 4.5em;
}
#main .mainBtn li img{
width: 100%;
height: auto;
margin: 0 auto;
flex-shrink: 0;
}
#main .mainBtn li p{
margin: auto 0 0 0;
line-height: 1.2;
min-height: 2.0em;
display: flex;
justify-content: center;
align-items: center;
}
#main .mainBtn li:nth-child(5n){
margin: 50px 0 0 0;
}
#main .pointTxt{
margin: 20px 0;
}
#main .pointTxt p{
line-height: 1.2;
}
#main p.teikyo{
text-align: right;
}
#main .navigate{
padding:0 0px;
position: relative;
}
#main .navigate.onBorder::after{
position: absolute;
left: 0;
width: 870px;
height: 1px;
content: '';
background-color: #ccc;
box-sizing: border-box;
}
#main .btnstyle{
display: flex;
flex-wrap: wrap;
justify-content:space-between;
margin: 0 0 20px 0;
}
#main .btnstyle li{
width:calc(50% - 5px);
margin-bottom: 10px;	
border-radius: 5px;
border:1px solid #ababab;
background: #f1f1f1;	
display: flex;
overflow: hidden;	
}
#main .btnstyle .images{
height: 6em;
background: #fff;	
border-right: 1px solid #ababab;
display: inline-block;
padding: 5px;
box-sizing: border-box;
}
#main .btnstyle .images img{
height:100%;
    width: auto;
}
#main .btnstyle .textBox{
padding:0.5em;
font-weight:700;
line-height: 1.3em;	
}

#main .btnstyle a{
display: flex !important;
align-items:center;
width: 100%;
}
#main .btnstyle .arrow{
background: #aaa;
height: 100%;
width: 2em;
display: flex;
color: #fff;
align-items: center;
justify-content: center;
}
#main .paintLineup{
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 0 0 20px 0;
}  
#main .paintLineup li{
width: calc(50% - 10px);
margin: 0 10px 10px 0;
position: relative;
}
#main .paintLineup li a{
display: flex;
flex-wrap: wrap;
height: 100%;
}
#main .paintLineup li a div{
width: calc(50% - 10px);
margin: 0 10px 10px 0;
}
#main .paintLineup li a div img{
width: 100%;
height: auto;
}
#main .paintLineup li a div p{
line-height: 1.2;
}
#main .paintLineup li a div p.goodsTitle{
font-weight: bold;
margin: 0 0 1em 0;
}
#main .paintLineup li a div:nth-child(2n){
margin: 0 0 10px 0;
}
#main .paintLineup li:nth-child(2n){
margin: 0 0 10px 0;
}
#main .paintLineup li.noBorder::after{
display: none;
}
#main .paintLineup li::after{
position: absolute;
left: 0;
width: 870px;
height: 1px;
content: '';
background-color: #ccc;
box-sizing: border-box;
}
#main .paintLineup li:nth-child(2n)::after{
left: 0;
width: 0;
height: 0;
}
#main .paintLineup.goodsPickup li{
width: 100%;
}
#main .paintLineup.goodsPickup li a div{
width: calc(25% - 10px);
}
#main .paintLineup.goodsPickup li a div:nth-child(2n){
width: calc(75% - 10px);
}
#main .mainImg img{
width: 100%;
}
#main .backBtn{
margin: 40px 0;
}


#main .colorVariation01 div.colorVc{
height: 145px;
}
#main .colorVariation01 div.colorVc.colorBorder{
border: solid 1px #ddd;
}


#main .box2 {
border: 1px solid #CCC;
clear: both;
text-align: left;
padding-bottom: 10px;
width: 100%;
margin-top: 10px;
}

#main .pTop {
line-height: 1.6;
font-size: 1.2em;
text-align: left;
padding-bottom: 5px;
border-bottom: 3px solid #E61D52;
margin-bottom: 15px;
font-weight: bold;
}
.headingMiddle{

}
.top50{
margin-top: 50px;
}
.style-box {
width: 100%;
margin: 20px 0;
padding-bottom: 20px;
border: 1px solid #cccccc;
}

#main .inbox3l {
width: 96%;
border: 1px solid #CCCCCC;
box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
line-height: 1.3;
font-size: 0.95em;
margin: 15px;
margin-top: 2px;
}
#main .pd {
padding-top: 8px;
padding-bottom: 8px;
text-align: left;
}
#main .boxs h3 {

}
#main .boxsL h3 {

}
#main .mt12 {
margin-top: 12px;
}
#main .mb20 {
margin-bottom: 20px;
}
#main .pb0 {
padding-bottom: 0;
}
#main .mlr10 {
margin-left: 10px!important;
margin-right: 10px!important;
}
#main .mar10 {
margin: 10px!important;
}
#main .bdl2 {
border-left: 6px solid #E61D52;
color: #333;
margin-top: 15px;
margin-bottom: 15px;
padding-left: 0;
margin-left: 15px;
}

#main ul.list li {
list-style-type: disc;
line-height: 1.5;
text-align: left;
margin-left: 1em;
margin-bottom: 0.5em

}
#main ul.list {
margin: 1em 0;

}
#main .mTop {
background-color: #FFF;
color: #E61D52;
font-size: 1.5em;
padding-top: 12px;
color: #E61D5;
text-align: left;
}
#main .mb {
margin-bottom: 15px;
}
#main h3 {

}
#main .waku {
position: relative;
}

.waku {
border: solid 1px #ccc;
margin-top: 10px;
margin-left: 10px;
width: 97%;
}
#main .center {
text-align: center;
}
#main .text01 {
top: 10px;
right: 20px;
}

.text01 {
width: 530px;
position: absolute;
top: 30px;
right: 20px;
font-size: 24px;
color: #B55B07;
font-weight: bold;
text-align: center;
}
#main .text02 {
top: 90px;
right: 10px;
}

.text02 {
width: 452px;
position: absolute;
top: 147px;
right: 30px;
}
#main .text03 {
top: 158px;
left: 10px;
}
.text03 {
width: 400px;
position: absolute;
top: 565px;
right: 260px;
font-size: 25px;
font-weight: bold;
color: #775656;
}
#main .inbox2ll {
width: 95%;
border: 1px solid #CCCCCC;
box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
line-height: 1.3;
font-size: 0.95em;
padding: 0 8px;
margin: 10px;
margin-top: 2px;
padding-top: 10px;
padding-bottom: 10px;
}
#main .inbox3 {
border: 1px solid #CCCCCC;
box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
margin-top: 10px;
margin-left: 10px;
float: left;
text-align: center;
line-height: 1.5;
font-size: 0.95em;
width: 203px;
height: 160px;
padding-bottom: 5px;
}
#main .small2 {
font-size: 0.9em;
}

#main .bdl {
/* border-left: 6px solid #E61D52; */
background-image: url(../img/bdl.gif);
background-repeat: no-repeat;
background-position: left center;
}
.clearfix {
display: inline-block;
}
.clearfix {
min-height: 1px;
}
.bottom15{
margin-bottom: 15px !important;
}
.bottom27{
margin-bottom: 27px !important;
}
#main a .boxs {
text-decoration: none;
color: #333333;
display: block;
}
#main .boxs {
width: 213px;
height: 200px;
margin-right: 12px;
float: left;
border: 1px solid #999999;
margin-top: 15px;
text-align: left;
margin-bottom: 10px;
}
#main a .boxsL {
text-decoration: none;
color: #333333;
display: block;
}

#main .boxsL {
width: 213px;
height: 200px;
margin-bottom: 10px;
float: left;
border: 1px solid #999999;
margin-top: 15px;
text-align: left;
}
#main .boxs h3 {

}
#main .w152 {
width: 199px;
}
#main .mr0 {
margin-right: 0;
}
#main .m6 {
margin: 10px 6px;
}
#main .m20 {
margin: 10px 10px 0 10px;
}
#main .inB {
border: 1px solid #CCCCCC;
box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
padding-bottom: 8px;
}
#main .fl {
float: left;
}
#main .w50p {
width: 49%;
}

.img_w{
width:97%;
}

/*p1.html*/
ul#pan {
margin-bottom: 10px;
font-size: 0.95em;
color: #666666;
text-align: left;
}
ul#pan li {
float: left;
}
#main ul#pan li a {
text-decoration: none;
display: inline;
color: #005FC3;
}

#main li a {
color: #333;
text-decoration: none;
display: block;
}

#main .mt1 {
margin-top: 8px;
}

#main p.Bbtn {
width: 203px;
height: 43px;
/*background-image: url(../img/brand.jpg);
background-repeat: no-repeat;*/
float: left;
}
#main p.Bbtn {
font-size: 1em;
padding-top: 8px;
text-align: left;
text-indent: 30px;
font-weight: 700;
color: #333333;
width: 320px;
height: 43px;
}
#main .box2 p {
line-height: 1.2;
margin-left: 12px;
font-size: 1em;
}
#main .box200{
width:255px;
height: 255px;
}
#main .box200_1{
width:330px;
height: 215px;
}
.tab li {
background: #eee;
cursor: pointer;
float: left;
width: 32.2%;
padding: 8px 4px;
border: 1px solid #E61D52;
margin-right: 0
}

.tab li.bln {
border-left: none
}
.content div {
border: 1px solid #CCC;
box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
/*  border:2px solid #fd9;*/
/*  background:#fd9;*/
height: 160px;
padding: 8px;
text-align: left
}
#main .ml {
margin-left: 8px;
}
#main .inbox2 {
width: 613px;
border: 1px solid #CCCCCC;
box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
margin-right: 8px;
margin-top: 10px;
float: left;
text-align: center;
line-height: 1.3;
font-size: 1.16em;
margin-left: 8px;
padding: 8px;
padding-top: 0;
}
#main .inbox2 p {
line-height: 1.5;
font-size: 0.95em;
margin: 0 8px;
}

#main p.pleft {
text-align: left;
margin: 0 8px;
line-height: 1.2;
margin-bottom: 0;
}
#main .inboxP {
border: 1px solid #CCCCCC;
box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
margin-top: 10px;
margin-left: 9px;
float: left;
text-align: center;
line-height: 1.5;
font-size: 0.95em;
width: 409px;
height: 175px;
padding: 8px 5px;
}
#main .small4 {
font-size: 0.75em;
}
#main .pdl10 {
padding-left: 10px;
text-align: left;
}
#main .pdl15 {
padding-left: 15px;
text-align: left;
}
#main .mb0 {
margin-bottom: 0;
margin-top: 0;
}
#main .ml0 {
margin-left: 0;
}
#main .h135 {
height: 199px;
width: 47.5%;
}
#main .mt40 {
margin-top: 40px;
}
#main .pleft_1{

font-size: 0.85em !important;
}

#main .imgW{
width: 14%;
}
#main .inbox2_1{

width:70%; 
padding-top:8px; 
float:left
}
#main .pdt5px{
width:50% !important;
}
#main a .inbox3:hover{
border-color:#E61D52;
}
#main a .inB:hover{
border-color:#E61D52;
}
/*p1.html end*/

/*p2.html start*/
#main .wh_1{
width: 179px;
height: 44px;
}
#main .lt_42{
left: 42px;
}
#main .lt_243{
left: 243px;
}
#main .lt_449{
left: 448px;
}
#main .lt_650{
left: 650px;
}
#main .tp_344{
top: 344px;
}
#main .tp_393{
top: 393px;
}
#main .tp_442{
top: 442px;
}

#main .tp_717{
top: 717px;
}
#main .tp_764{
top: 764px;
}
#main .tp_812{
top: 812px;
}
#main .tp_1091{
top: 1091px;
}
#main .tp_1140{
top: 1140px;
}
#main .tp_1188{
top: 1188px;
}

#main .wh_2{
width: 407px;
height: 252px;
}
#main .lt_27{
left: 27px;
}
#main .tp_0{
top: 0px;
}
#main .lt_420{
left: 435px;
}

#main .wh_3{
width: 203px;
height: 285px;
}
#main .tp_257{
top: 257px;
}
#main .lt_230{
left: 230px;
}
#main .lt_433{
left: 433px;
}
#main .lt_639{
left: 639px;
}

#main .wh_4{
width: 195px;
height: 253px;
}
#main .wh_5{
width: 195px;
height: 303px;
}
#main .lt_48{
left: 48px;
}
#main .lt_241{
left: 241px;
}
#main .lt_433{
left: 433px;
}
#main .lt_626{
left: 626px;
}
#main .tp_795{
top: 795px;
}
#main .tp_1047{
top: 1047px;
}
/*p2.html end*/

/*p4_01.html ～ p4_55.html start*/
#main .style-box div img{
width: 100%;
}
#main .style-box table {
width: 90%;
margin: 0 auto;
}

#main .style-table {
border: 1px solid #cccccc;
border-collapse: collapse;
border-spacing: 0;
margin: 20px auto;
width: 100%
}
#main .style-table tr th {
padding: 15px;
font-size: 16px;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background: #efefef;
text-align: center;
}

#main .style-table tr td {
padding: 15px;
border-bottom: 1px solid #cccccc;
text-align: center;
}
.container::after{
/* content:"";
display: block;
width:49.5%;*/
}
.links .listHeading{
font-size: 1.1em;
text-align: center;
margin-top: 0.5em
}
.lhTxt{
line-height: 1.5;
margin-bottom: 1em
}

#main h3{
font-size: 1.2em;
margin: 40px 0 20px 0;
line-height: 1.3;
color: #333;
font-weight: bold;
font-family:"Noto Sans JP","ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
}
ul.descList{
margin-left: 1em
}
ul.descList li{
line-height: 1.4;
margin-bottom: 0.5em;
list-style-type: disc
}

/*.breadcrumb ul{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
color: #83838f;
font-size: 0.85em;
margin: 30px 0}
.breadcrumb ul li.breadcrumbItem:before {
content: '\FF1E';
color: #83838f;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: middle;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 0;
margin: 0 8px .2em;
}
.breadcrumb ul li a{
color: #83838f;
text-decoration: none
}*/
.indent{
line-height: 1.5;
margin-bottom: 0.5em;
text-indent: -1.0em;
padding-left: 1.0em;
}
.ma1em{
margin: 1em 0
}
#main .howto.cols2-1 li a .linksTxt p {
margin:0 10px 0 0;
line-height: 1.3
}
.txtRight{
text-align: right
}
.bkcol{
background-color:#f6ab00;
}

#main h4{
font-size: 1.15em;
margin:20px 0;
line-height: 1.3;
color: #333;
background-color: #efefef;
font-weight: bold;
font-family:"Noto Sans JP","ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
padding: 8px
}
.woil{
display: flex;
justify-content: space-around;
flex-wrap: wrap;
margin: 1em 0
}
.woil p:first-of-type{
margin-right: 40px
}
.woil.ck p{
width: 100%
}
.rowBox{
display: flex;
justify-content: space-between;
margin:1em 0
}
.rowBox .imgArea{
width: 44%
}
.rowBox .txtArea{
width: 50%
}
#main .rowBox .txtArea h4:first-of-type{
margin-top: 0
}
.listHeading{
margin-top: 40px;
margin-bottom: 1em}
.ma30{
margin: 30px 0
}
.mt40{
margin-top: 40px
}
.text-box{
font-weight: bold;
font-family:"Noto Sans JP","ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
}
#main .border_radiuse li {
padding: 0 0.5em 0.5em
}
#main .goods.cols4-2 .cover-btn {
position:static; 
bottom: 0%;
width: 100%;
}
#main .goods.cols4-2 .cover-btn a{
margin-bottom: 0.5em
}
#main .goods.cols4-2 .text-box {
text-align: center
}

#main .pList {display: flex;
flex-wrap: wrap;
margin-top: 10px;
margin-bottom: 30px;}
#main .pList li {
width: calc(33.33% - 7px);
margin-right: calc(21px / 2);
margin-bottom: 20px;
position: relative;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
box-sizing: border-box;
}
#main .pList li:nth-child(3n) {
margin-right: 0px;
}
#main .pList .pListTxt {
margin-bottom: 1.2em;
}
#main .pList a p {
text-decoration: none;
color: #000;
line-height: 1.5;
margin-top: 0.6em;
font-size: 14px;
height: 2.5em;
}
#main .pList a p.listHeading {
font-size: 1.2em;
font-family: "Noto Sans JP",Osaka,Sans-Serif;
color: #333;
font-weight: bold;
margin-top: 0;
height: auto;
}
#main .pList a .pListImg {
text-align: center;
}
#main .pList a .pListImg img{
width: 100%
}


#main .pList.col4 li {
width: calc(25% - 7.5px);
margin-right: calc(30px / 3);
margin-bottom: 20px;
position: relative;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
box-sizing: border-box;
}
#main .pList.col4 li:nth-child(3n) {
margin-right: calc(30px / 3);
}
#main .pList.col4 li:nth-child(4n) {
margin-right:0;
}

#main .pList.col4 a p.listHeading {
font-size: 1.1em;
font-family: "Noto Sans JP",Osaka,Sans-Serif;
color: #333;
font-weight: bold;
margin-top: 0;
height: auto;
}

.flex{
display: flex;
justify-content: space-between
}
.flex .box01{
width: 46%;
text-align: center
}
.flex .box01 p{
text-align: left;
margin-top: 0.5em
}
.komeList{
margin: 1em 0
}
.komeList li{
font-size: 0.9em;
line-height: 1.4;
margin-bottom: 0.4em;
text-indent: -1.0em;
padding-left: 1.0em;
}
.bold{
font-weight: bold
}

.flex .box02{
width: 30%;
text-align: center
}
.flex .box02 p{
text-align: left;
margin-top: 0.5em
}
.p1Flex{
display: flex
}
.p1Flex .p1Img{
width: 24%;
margin-right: 4%
}
.p1Flex .p1Txt{
width: 72%
}
.p1Txt .listHeading{
margin-top: 0
}
.text-box p.smallTxt{
font-weight: normal;

}

.p1Flex2{
display: flex
}
.p1Flex2 .p1Img{
width: 54%;
margin-right: 4%
}
.p1Flex2 .p1Txt{
width: 42%
}

#main .p1Flex2 .links {
margin: 0
}

#main .p1Flex2 .cols3-2 li{
padding: 8px
}
#main .p1Flex2 h4{
margin-top: 0
}
.borderGlay{border: #CCCCCC 1px solid;
margin: 1em 0;
table-layout: fixed;
border-collapse: collapse;width: 100%}

.borderGlay th,.borderGlay td{
padding: 5px;
box-sizing: border-box;
border: #CCCCCC 1px solid;
text-align: center;
line-height: 1.4}
.borderGlay th{
font-weight: bold;
color: #333;
background-color: #efefef
}
.borderGlay th.firstTd{
width: 4em
}
.borderGlay td span{
font-size: 0.9em;
text-align: left;
display: block
}
.colorList{
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.colorList li{
margin-bottom: 15px
}
.clCont::after{
content:"";
display: block;
width:33%;
}

/*#main .breadcrumb li a {
display: inline-block;
}*/
/*p4_01.html ～ p4_55.html end*/

/*-- margin-top --*/
#main .mt1em { margin-top: 1rem !important; }
#main .mt2em { margin-top: 2rem !important; }
#main .mt3em { margin-top: 3rem !important; }
#main .mt4em { margin-top: 4rem !important; }
#main .mt5em { margin-top: 5rem !important; }
#main .mt6em { margin-top: 6rem !important; }
#main .mt7em { margin-top: 7rem !important; }
#main .mt8em { margin-top: 8rem !important; }
#main .mt9em { margin-top: 9rem !important; }
/*-- margin-bottom --*/ 
#main .mb1em { margin-bottom: 1rem !important; }
#main .mb2em { margin-bottom: 2rem !important; }
#main .mb3em { margin-bottom: 3rem !important; }
#main .mb4em { margin-bottom: 4rem !important; }
#main .mb5em { margin-bottom: 5rem !important; }
#main .mb6em { margin-bottom: 6rem !important; }
#main .mb7em { margin-bottom: 7rem !important; }
#main .mb8em { margin-bottom: 8rem !important; }
#main .mb9em { margin-bottom: 9rem !important; }

#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;
        min-height: 120px;
    }
 #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(100% - 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%;
        height: auto;
}


#main img {
    width: 100%;
    height: auto;
}
#main .goodsicon {
    width: 150px !important;
    margin-top: 10px !important;
}

#main .mt-leave {
	margin-top: 50px;
}
#main .mt-moderate {
	margin-top: 30px;
}
#main .mt-close {
	margin-top: 15px;
}
#main .mt-thin {
	margin-top: 10px;
}

#main .lead-text {
	font-size: 1.1rem;
	line-height: 1.5;
}

#main .paint-box {
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
}
#main .paint-box--img {
	width: 25%;
}
#main .paint-box--txt {
	width: 70%;
}
#main .recommended-column .paint-box--img, 
#main .recommended-column .paint-box--txt {
	width: calc(50% - 5px);
}

#main .paint-box--ttl {
	font-weight: bold;
	font-size: 1.1em;
}
#main .paint-box--lead {
	margin-top: 10px;
}
#main .paint-box--icon {
	width: 150px;
	margin-top: 10px;
}


#main .specification-heading01 {
	font-size: 1.2rem;
	font-weight: bold;
	background-image: url('/contents/event/15_paint/images/250325/specification-heading.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: transparent !important;
	padding-bottom: 20px;
}

#main .specification-heading02 {
	font-size: 1.1rem;
	font-weight: bold;
	background-color: transparent !important;
	padding: 0 !important;
}
#main .specification-heading02::after {
	content: '';
	display: block;
	background: linear-gradient(to right, #ec191b 0%,#e5d32d 31%,#0d9f94 68%,#8017bf 100%);
	width: 100%;
	height: 1px;
	margin-top: 10px;
}

#main .specification-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background-color: #F2F5F7;
	padding: 30px 10px;
}
#main .specification-list--item {
	width: 48%;
}
#main .specification-list .specification-list--item:nth-child(n+3) {
	margin-top: 40px;
}
#main .specification--ttl {
	display: flex;
	align-items: center;
	font-weight: bold;
	font-size: 1.1rem;
}
#main .specification--ttl::before {
	content: '';
	width: 0.75em;
	height: 0.75em;
	background-color: #E83820;
	margin-right: 0.5em;
}
#main .specification--lead {
	margin-top: 15px;
	line-height: 1.35;
	font-size: 0.95rem;
}

#main .variations-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#main .variations-list::before,
#main .variations-list::after {
	content: '';
	display: block;
	height: 0;
	width: 23%;
}
#main .variations-list::before {
	order: 1;
}
#main .variations-list--item {
	width: 23%;
}
#main .variations-list .variations-list--item:nth-child(n+5) {
	margin-top: 30px;
}
#main .color-box {
	border: 1px solid #ccc;
}
#main .color-box--inner {
	padding: 5px 5px 10px 5px;
}
#main .color-box--name {
	margin-top: 10px;
	text-align: center;
}

#main .series-box {
	border: 1px solid #ccc;
}
#main .series-box--inner {
	padding: 5px 5px 10px 5px;
}
#main .series-box--name {
	margin-top: 10px;
	text-align: center;
}

#main .recommended-column {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#main .recommended-column--item {
	width: 49%;
}
#main .recommended-column .recommended-column--item:nth-child(2n) {
	position: relative;
}
#main .recommended-column .recommended-column--item:nth-child(2n)::after {
	position: absolute;
	content: '';
	display: block;
	right: 0;
	bottom: -20px;
	width: 870px;
	background-color: #ccc;
	height: 1px;
}
#main .recommended-column .recommended-column--item:nth-child(n+3) {
	margin-top: 40px;
}
#main .recommended-column--txt {
	font-size: 0.9rem !important;
}


#main .tripartition-column {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#main .tripartition-column--item {
	width: 31%;
}

#main h3.checkPoint {
    position: relative;
    font-size: 1.25em;
    font-weight: bold;
    margin: 60px 0 20px 0;
    padding: 0 0 10px 0;
    text-align: left;
    border-bottom: #aaaaaa 2px solid;
    display: flex;
    align-items: center;
    line-height: 1.15;
}
#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);
}