/** Shopify CDN: Minification failed

Line 720:1 All "@import" rules must come first
Line 722:2 All "@import" rules must come first
Line 749:44 Expected ":"
Line 918:30 Expected ":"
Line 918:32 Expected identifier but found "400"
Line 1019:37 Unexpected "-->"
Line 1124:24 Expected ":"
Line 1124:26 Expected identifier but found "20px"
Line 1129:22 "text-algin" is not a known CSS property
Line 1387:22 "fong-weight" is not a known CSS property
... and 5 more hidden warnings

**/
@charset "UTF-8";

@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap);
/* CSS Document */

/* 共通 */

.content-inner{
    max-width: 1050px;
    margin: 0 auto;
  }

.section-lp-txtarea{
  padding: 80px 0;
  padding: 0 100px;
  }



.leaf {margin-top: -150px;
	width: 15%;
	float: right;
}

.nenrin-gara {background-image: url("http://hotfield.sakura.ne.jp/shopify/wood/wa-shiro.png");
padding-top: -100px;
padding-bottom: 5px;}

.clear_float {
    clear:  both;
}

.haikei-all {background-color: #fff;
}

.haikei-blk {background-color: #000;
}


.cb {clear: both;}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}
  


/* こだわりの品質 */

.moji {background-image:url("http://hotfield.sakura.ne.jp/shopify/wood/w-highquality.png")}

.hinshitsu-top  {
  font-size: 25px;
  font-weight: 700;
  color: #FFF;
  text-align: center;
  padding: 1rem 1rem;
  background-image:
    url("http://hotfield.sakura.ne.jp/shopify/wood/w_dw.png"); 
}

.hinshitsu-design {
  font-size: 30px;
  border-bottom: 3px dotted #724C00;
  color: #724C00;
  text-shadow: 2px 2px #fff, 5px 5px #D6D1C8;
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  margin-top: 30px;
 text-align: center;	
}

.hinshitsu-mishin {
  font-size: 30px;
  border-bottom: 3px dotted #FFF;
  color: #FFF;
  text-shadow: 2px 2px #3C4100, 5px 5px #152400;
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  margin-top: 30px;
 text-align: center;	
}



.setsumei-sozai {font-size: 22px;
                color: #3C4100;
                font-family: 'Noto Sans JP', sans-serif;
	            font-weight: 500;
	            margin-bottom: 10px;
                text-align: left;
}
  
.syasyubetsu {font-size: 22px;
                color: #3C4100;
                font-family: 'Noto Sans JP', sans-serif;
	            font-weight: 500;
	            margin-bottom: 10px;
}

.setsumei-sozaitxt {font-size: 18px;
                color: #724C00;
                font-family: 'Noto Sans JP', sans-serif;
	            font-weight: 400;
                text-align: left;
                }

.haikeimoji-1 {background-image:url(http://hotfield.sakura.ne.jp/shopify/wood/w-highquality.png);
background-repeat: no-repeat;}

.haikeimoji-2 {background-image:url(http://hotfield.sakura.ne.jp/shopify/wood/w-sewing.png);
background-repeat: no-repeat;

}

.haikeimoji-3 {background-image:url(http://hotfield.sakura.ne.jp/shopify/wood/w-onlyone.png);
background-repeat: no-repeat;
background-size: 90%;
background-position:10px;}

.haikeimoji-4 {background-image:url(http://hotfield.sakura.ne.jp/shopify/wood/w-packing.png);
background-repeat: no-repeat;
background-position:30px;}

.syasyubetsu-txt {font-size: 18px;
                color: #724C00;
                font-family: 'Noto Sans JP', sans-serif;
	            font-weight: 400;}

.setsumei-line {background: linear-gradient(transparent 70%, #FCED7E 70%);}

.setsumei-sozaiimg  img{margin-top: -40px;
	width: 100%;
}

.line {
	padding: 10px 0;
	border-width: 3px 0 0 0;
	border-style: dotted;
	border-color: #724C00;
}

.setsumei-uratitle {font-size: 22px;
                color: #3C4100;
                font-family: 'Noto Sans JP', sans-serif;
	            font-weight: 500;
	            margin-bottom: 10px;
                text-align: left;
}

.setsumei-ura {float: left;
               width: 41%;
}


.setsumei-uraimg img {float: right;
                      width: 58%;
}

.setsumei-urabox {background-image: url("http://hotfield.sakura.ne.jp/shopify/wood/w-mokume.png")
}

.haikei-grn {background-color: #3C4100;
	        padding: 20px 0;
}

.setsumei-mishinimg img {
	width:100%;
    margin-bottom: 20px;
}

.setsumei-mishintxt {font-size: 18px;
                color: #FFF;
                font-family: 'Noto Sans JP', sans-serif;
	            font-weight: 400;
                margin-bottom: 30px;
}

.setsumei-mishin {font-size: 22px;
                color: #FFF;
                font-family: 'Noto Sans JP', sans-serif;
	            font-weight: 500;
	            margin-bottom: 10px;
}

.syasyubetsu-box {background-image: url("http://hotfield.sakura.ne.jp/shopify/wood/wa-shiro.png");
padding-bottom: 60px;}

.syasyubetsu-title {
  font-size: 30px;
  border-bottom: 4px dotted #724C00;
  color: #724C00;
  text-shadow: 2px 2px #fff, 5px 5px #D6D1C8;
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  padding-top: 50px;
 text-align: center;	
}

.nouhau-title {
  font-size: 25px;
  color: #724C00;
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  padding-top: 50px;
  margin-top: -10px;
 text-align: center;	
}

.nouhau-img img {Width: 100%; 
                 margin-bottom: -500px;
                 margin-top: -10px;
}

.nouhau-box {padding: 10px;
}

.nouhau-txt {font-size: 18px;
                color: #724C00;
                font-family: 'Noto Sans JP', sans-serif;
	            font-weight: 400;
               padding-bottom: 300px;
              
}


/* フロアマット・トランク・フル */

.haikei-ki {background-image:url("http://hotfield.sakura.ne.jp/shopify/wood/w-haikei.jpg");
              

}

.img-size {
width: 100%;
height: auto;
margin-bottom: -200px;
}

.top-txt {font-family: 'Noto Sans JP', sans-serif;
　　　　　　font-size: 20px;
         color: #724C00;
	text-shadow    : 
       5px  5px 6px #ffffff,
      -5px  5px 6px #ffffff,
       5px -5px 6px #ffffff,
      -5px -5px 6px #ffffff,
       5px  0px 6px #ffffff,
       0px  5px 6px #ffffff,
      -5px  0px 6px #ffffff,
       0px -5px 6px #ffffff;        /* 文字の影 */
padding-top: 100px;
	margin-bottom: 110px;
	line-height: 2;
	font-weight: 500;
}


.mat-colorbox {float: left;
	width: 50%;
}

.mat-color-title img {
            width: 100%;
	
           }

.mat-color-txt {font-size: 14px;
	font-family: 'Noto Sans JP', sans-serif;
	color: #FFF;
	text-align: left;
	margin: 20px -20px 20px 0;
	padding: 30px 25px;
	font-weight: 500;
	line-height: 1.8;
	background-image: url("http://hotfield.sakura.ne.jp/shopify/wood/w_dw.png");
		}

.mat-color-txtnw {font-size: 14px;
	font-family: 'Noto Sans JP', sans-serif;
	color: #FFF;
	text-align: left;
	margin: 20px -20px 20px 0;
	padding: 30px 25px;
	font-weight: 500;
	line-height: 1.8;
	background-image: url("http://hotfield.sakura.ne.jp/shopify/wood/w_nw.png");
		}

.mat-color-txtww {font-size: 14px;
	font-family: 'Noto Sans JP', sans-serif;
	color: #000;
	text-align: left;
	margin: 20px -20px 20px 0;
	padding: 30px 25px;
	font-weight: 500;
	line-height: 1.8;
	background-image: url("http://hotfield.sakura.ne.jp/shopify/wood/w_ww.png");
		}


.mat-color img {float: right;
                width: 50%;
}

.boxchui {
    width: 90%;
	margin: 2em 0;
    background: #3C4100;
	text-align: center;
	margin: 0 auto;
}
.boxchui .box-title {
    font-size: 20px;
    background: #1F2100;
    padding: 4px;
    text-align: center;
    color: #FCED34;
    font-weight: 600;
    letter-spacing: 0.05em;
}
.boxchui p {
    padding: 15px 40px;
	font-size: 14px;
    margin: 0;
	color: #FCED34;
	font-weight: 400;
}

.boxline {
    border-bottom: solid;
    border-width: 1px;
    border-color: #FCED34
}

.ao {color: blue;
	font-size: 100px;
}
.box29 {
    border: solid 2px #3c4100;
    background: #fff;
}
.box29 .box-title {
    font-size: 2em;
    background: #3c4100;
    padding: 4px;
    text-align: center;
    color: #fced34;
    font-weight: 900;
    letter-spacing: 0.05em;
}
.box29 p {
    padding: 5px 20px;
    margin: 0;
　　font-size: 2em;
   font-weight: bold;
   color: #3c4100;
}

/* 発送について */

.hassou-img img{margin-top: 30px;
	width: 100%;
	                
}

.kenpin-title {
  font-size: 30px;
  border-bottom: 3px dotted #724C00;
  color: #724C00;
  text-shadow: 2px 2px #fff, 5px 5px #D6D1C8;
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  padding-top: 50px;
 text-align: left;	
}

.kenpin-box {background-color:#D9C8B6;
	overflow:auto;
	padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
  
}

.kenpin-txt {font-size: 18px;
                color: #724C00;
                font-family: 'Noto Sans JP', sans-serif;
	            font-weight: 400;
                float:left;
                width: 50%;
	padding-top: 20px;
	

}

.kenpin-img img {float:right;
	width: 50%;
	margin-top: -30px;
	
}

.oisogi-title {
  font-size: 30px;
  border-bottom: 3px dotted #724C00;
  color: #724C00;
  text-shadow: 2px 2px #fff, 5px 5px #D6D1C8;
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  padding-top: 50px;
 text-align: left;	
	background: #c2edff;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
}

.oisogi-txt {font-size: 15px;
                color: #724C00;
                font-family: 'Noto Sans JP', sans-serif;
	            font-weight: 400;
	            text-align: center;
	            
}

.tel-imgcenter {text-align: center;
}

.tel-img img{margin-top: 30px;
	width: 80%;
    text-align: center;
}



/* 900px以下*/
@media (max-width: 900px) {
.mat-color-txt  {font-size:11px;
	 padding: 20px 30px;
	 line-height: 1.7;
	 margin-top: -2px;
 }
	
.mat-color-txtnw  {font-size:11px;
	 padding: 20px 30px;
	 line-height: 1.7;
 }
	
.mat-color-txtww  {font-size:11px;
	 padding: 20px 30px;
	 line-height: 1.7;
 }	
	
.kenpin-img img {float:none;
	width: 100%;
}
	
	.kenpin-txt {float:none;
	 width: 100%;
	 margin-bottom: -50px;
	}
}

/* 677px以下(スマホ）*/
@media (max-width: 677px) {
.section-lp-txtarea{
  padding: 30px 40px;
  }
  
  .section-lp-txtarea2{
  padding: 30px 0px;
  }
	
.top-txt {font-size: 11px;
		margin: 30px 0 10px 0;
        line-height: 18px;
	}
	
.nenrin-gara {padding-top: -10px;
padding-bottom: -11px;}
  
 .leaf {margin-top: -150px;
	width: 30%;
	float: right;
}
	
.mat-colorbox{float: none;
	width: 100%;
	}
	
.mat-color-txt  {font-size:12px;
	 padding: 20px 30px;
	 line-height: 1.7;
	 margin-top: -2px;
     width: 100%;
     font-weight: 600;
 }
	
.mat-color-txtnw  {font-size:12px;
	 padding: 20px 30px;
    margin-top: -5px;
	 line-height: 1.7;
     width: 100%;
    font-weight: 600;
 }
	
.mat-color-txtww  {font-size:12px;
	 padding: 20px 30px;
    margin-top: -5px;
	 line-height: 1.7;
     width: 100%;
    font-weight: 600;
 }	
	
.mat-color {float: right;
	display: inline-block;
	width: 200%;
}
	
.mat-color-title img {
            text-align: left;
	width: 70%;
	
           }
	
.boxchui {font-size: 10px;
}

.boxchui .box-title {font-size: 15px;
	}
  
.boxchui p {
    padding: 15px 20px;
	font-size: 10px;
}
  
  .hinshitsu-top  {
  font-size: 20px;
}
	
.hinshitsu-design {
  font-size: 20px;
  border-bottom: 3px dotted #724C00;
  text-shadow: 2px 2px #fff, 5px 5px #D6D1C8;
  font-weight: 700;
  margin-top: 30px;
}
	
.setsumei-sozai {font-size: 15px;
	            font-weight: 500;
	            margin-bottom: 10px;
	            margin-top: -20px;
}
	
.setsumei-sozaitxt {font-size: 10px;
}
	
.setsumei-sozaiimg  img{margin-top: -10px;
   
}
	
.setsumei-ura {float: none;
               width: 100%;
}

.setsumei-uraimg img {float: none;
                      width: 100%;
                      margin-top: 5px;
	                 }
	
.line {
	padding: 10px 0;
}
	
.setsumei-uratitle {font-size: 15px;
                color: #3C4100;
                font-family: 'Noto Sans JP', sans-serif;
	            font-weight: 500;
	            margin-top: -70px;
                text-align: left;
	}
	
.hinshitsu-mishin {
  font-size: 20px;
  margin-top:-20px;
}
	
.setsumei-mishin {font-size: 15px;
	            font-weight: 500;
	            margin-bottom: 10px;
               margin-top: -20px;
	}
	
.setsumei-mishintxt {font-size: 12px;
                
	            font-weight: 300;}
  
 .setsumei-mishinimg {
	margin-top: -80px;
    margin-bottom: -30px;
}
	
.syasyubetsu-title {
  font-size: 19px;
  border-bottom: 3px dotted #724C00;
  text-shadow: 2px 2px #fff, 5px 5px #D6D1C8;
  font-weight: 800;
  padding-top: 30px;
  padding-bottom: 15px;
  margin-bottom: -30px;
 text-align: center;	
}

.syasyubetsu-txt {font-size: 12px;
	            font-weight: 500;
}
	
.syasyubetsu {font-size: 14px;
}
	
.haikei-grn {background-color: #3C4100;
	        
}
	
.nouhau-img img {Width: 100%; 
                 margin-bottom: -400px;
}
	
.nouhau-title {
  font-size: 18px;
  font-weight: 700;
  padding-bottom:-100px;
}
	
.nouhau-txt {font-size: 13px;
	             margin-bottom: -200px;
		        padding-bottom: -200px;
}
	
.syasyubetsu-box {padding-bottom: 50px;
                           margin-bottom: -70px;
                           
                           
}
	
.haikeimoji-1 {background-size: 80%;
	          background-position: 10% 10%;}

.haikeimoji-2 {background-size: 80%;
	          background-position: 10% 5%;

}

.haikeimoji-3 {background-size: 100%;
	          background-position: 5% 0%;
              
}

	
.kenpin-txt {font-size: 12px;
                float:none;
                width: 100%;
	padding-top: 20px;
}
	
.kenpin-img img {float:none;
	width: 90%;
	margin: 10px 0 -60px 0;	
}
	
.kenpin-title {
  font-size: 20px;
  padding-top: 20px;
 text-align: left;	
}
  
.haikeimoji-4 {background-size:100%;
                    background-position:30px;
}
	
.oisogi-txt {font-size: 10px;
	margin-top: -20px;   
    text-align: left;
}
	
.tel-img img{margin-top: -10px;
	width: 100%;
    text-align: center;    
}  
  
.a[href^="tel:"]{
    pointer-events: none;
  }
}	

  
.a123　{
    font-family: 'Noto Sans JP', sans-serif;
}
 
 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

  @import url(‘https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap’); 



/* エアーフレッシュナー*/



.air-title1 {font-size: 40px;
                font-weight: 900;
                padding: 100px 0 50px 0;
}
.air-title2 {font-size: 20px;
                   font-weight: 400;
                   padding:0 10px 50px 10px;
}


.air-haikei {background-image: url(/cdn/shop/files/millefior-back.jpg?v=1619479428);
                   background-size: contain;
}

.air-naname {background-image: url(/cdn/shop/files/millefiori-naname.png?v=1619428732);
}

.air-cube {float: right;
                 width: 60%;
  　　　　　　　　　　　　　　
}

.kakomi-triple1 {
 position: relative;
 border: 2px solid #2D2D2D; /*左枠線*/
 width: 70%;
 margin: 2em auto;
 padding: 20px 15px 15px 20px;
 float: right;
 font-size: 20px;
 font-weight: 500;
 z-index: 0;
}
.kakomi-triple1::before,
.kakomi-triple1::after {
 position: absolute;
 content: '';
 width: 100%;
 height: 100%;
}
.kakomi-triple1::before {
 border: 1px solid #2D2D2D; /*中枠線*/
 bottom: -4px;
 right: -4px;
 z-index: 1;
}


.air-naname {/*親div*/
  position: relative;/*相対配置*/
  }

.air-naname p {
  position: absolute;/*絶対配置*/
  color: #2D2D2D;/*文字色*/
  top: 20%;
  left: 10%;
  font-size: 22px;
  line-height: 2em;
  font-weight: 400;
  width: 50%;
  text-decoration: underline solid 3px #B7D162;
  }

.air-naname img {
  width: 100%;
  background-color: #fff;
  }


.air-title {padding-top: 50px;
}


.air-kaori {background-color: #DCDCDC;
                  text-align: center;
                  font-size: 50px;
                  font-weight:600;
                  padding: 15px 0 10px 0;
}

.air-kaori p {font-size: 18px;
}

.air-kaorititle {float: left;
                        padding-top: 500px;
}

.air-kaorisetsumei {text-align: left;
                                 font-size: 20px;
                                 font-weight: 800;
                                 padding: 15px 0;
}

.air-kaoriimg {float:left;
                        width: 40%;
}

.air-kaorisankaku {float: right;
                                         width: 58%;
                               padding-bottom: 150px;
}

.air-sizetxt {float: left;
                     font-size: 25px;
                     width: 30%;
                     font-weight: 600;
                     font-color: #545454;
                     text-align: left;
}


.air-sizeimg {float: right;
                      width: 70%;
}

.air-kaorishime {background-color: #DCDCDC;
                  padding: 10px 0 10px 0;
                  margin-bottom: 200px;
}

.air-packtxtl {float: left;
                     
                     width: 30%;
                    
}

.air-packtxt {
                     font-size: 25px;
                     
                     font-weight: 600;
                     font-color: #545454;
                     text-align: left;
}


.air-packimg {float: right;
                      width: 70%;
                      margin-top: -30px;
}

  .air-box3 {
    padding: 10px 20px;
    color: #545454;
    background: #E4E336;/*背景色*/
    font-size: 18px;
    text-align: left;
    font-weight: 600;
}


.air-toritsuketitle {font-size: 25px;
                        font-weight: 600;
                     font-color: #545454;
                     text-align: left;
                     
}

.air-toritsuke {font-size: 20px;
                          text-align: left;
}

.air-chuibox { background-color: #545454;
                       padding: 100px 0px;
                       
}

.air-chuititle {font-size: 35px;
                 color: #fff;
                 font-weight: 600;
                 text-align: center;
                 padding-bottom: 50px;
}

.air-chuitxt {font-size: 20px;
                     color: #fff;
                     text-align: left;
}

/* 750px以下(スマホ）*/
@media (max-width: 750px) {
 
.air-title1 {font-size: 20px;
                font-weight: 900;
                padding: 100px 0 50px 0;
}

.air-title2 {font-size: 18px;
                   font-weight; 400;
                   padding:0 10px 50px 10px;
}
 
.air-kaori { font-size: 20px;
                  font-weight:600;
                  padding: 15px 0 10px 0;
}

.air-kaori p {font-size: 16px;
}
  
.air-kaorisetsumei {font-size: 18px;
                                padding-top: 10px;
    
                                 
}
  
.air-kaorisetsumei{padding-top: 30px;
}
  
.air-kaoriimg {float:none;
                        width: 100%;
                        margin: 0 auto;
}

.air-kaorisankaku {float: none;
                                         width: 100%;
                               padding-bottom: 30px;

}
  
.air-sizetxt {float: none;
                     width: 100%;
                     font-size: 25px;
                     margin-top: -100px;
                     padding-bottom: 30px;
                   }


.air-sizeimg {float: none;
                      width: 100%;
}
  
.air-packtxtl {float:none;
                     width: 100%;
                    }

.air-packtxt {font-size: 25px;
                     }


.air-packimg {float: none;
                      width: 110%;
                      margin-top: -30px;
}

.air-chuibox {padding: 50px 50px;
                       
}

.air-chuititle {font-size: 25px;
                 color: #fff;
                 font-weight: 600;
                 text-align: center;
                 padding-bottom: 50px;
}

.air-chuitxt {font-size: 18px;
                     color: #fff;
                     text-align: left;
}
 
.air-toritsuke {padding: 10px 10px;
}

  
}
  
   


  
  
  
/*　カジュアル　*/
  


.section-lp-txtarea-cas{
  padding: 80px 100px;
  }
  
@media (max-width: 750px) {
  
  .section-lp-txtarea-cas{
  padding: 30px 10px;
  }
  
}

/*　Profound　*/<!--  add-nakaoka  -->
.section-lp-txtarea-pro{
  padding: 80px 100px;
  text-align: center;
  }

.content-inner-pro{
    max-width: 1050px;
    margin: 0 auto;
  }

.pro-gara {background-image: url("/cdn/shop/files/profound-bg.png?v=1648297224");
padding-top: -100px;
padding-bottom: 5px;}

.pro-shima {background-image: url("/cdn/shop/files/profound-bg-shima.png?v=1648297224");
                 padding-left: 30px;

}

.pro-title-txt1 {color: #FFF;
                     font-size: 30px;
                     font-weight: 900;
                     padding-top: 100px;
                     text-align: center;
}

.pro-title-txt2 {color: #FFF;
                     font-size: 18px;
                     padding-bottom: 100px;
}

.pro-color {padding-top: 50px;
}

.pro-hikaku {margin-top: -20px;
}

.pro-hikaku-img {float: left;
                    width: 40%;
}

.pro-hikaku-txt {float: right;
                     width: 58%;
                     color: #fff;
                     font-size: 18px;
                     font-weight: 500;
                     padding-top: 25px;
}

.pro-hikaku-atsumi {margin-top: -300px;                            
}

.pro-chui {font-size: 15px;
               padding: 20px 0 20px 0;
               background-color: #808080;
               color: #fff;
               font-weight: 500;
               text-align: center;
              
}

.pro-grade {background: -moz-linear-gradient(left, #8D5429, #B1954F 30%, #EADCBA 60%, #B1954F 80% ,#8D5429);
  background: -webkit-linear-gradient(left, #8D5429, #B1954F 30%, #EADCBA 60%, #B1954F 80% ,#8D5429);
  background: linear-gradient(to right, #8D5429, #B1954F 30%, #FEADCBA 60%, #B1954F 80% ,#8D5429);
margin-bottom: 5%;
color: white;
font-size: 30px;
  padding: 0.1em 0;
  text-align: center;
}

.section-lp-txtarea-pro .pro-point-img {width: 18%;
                      float: left;
}

.section-lp-txtarea-pro .pro-point-txt {width: 78%;
                                                       float: right;
                                                       margin-top: -5px;
}

.pro-point-txt1 {color: #FFFF00;/*文字色*/
  font-size: 22px;
  /*線の種類（点線）2px 線色*/
  border-bottom: dotted 2px #fff; 
  
  margin-top: 2%;
  padding-bottom: 10px;
}

.pro-point-txt2 {color: #fff;/*文字色*/
  font-size: 15px;
  
  margin-top: 2%;
  text-align: left;
  margin-bottom: 4%;
}

.pro-point-b {font-size: 20px;
        float: right; 
        width: 78%;
        color: #fff;
}

.pro-taikyu {
                 padding; 20px 30px;
}

.pro-taikyu-txt {font-size: 20px;
                      color: #FFFF00;
                      text-algin: left;
}

.pro-voice {clear: both;
                margin-top: 50px;   
}

.pro-voice-txt  { font-size: 22px;
         font-weight: bold;
         color: #C9A88A;
         float: left;
         align: left;
}

.pro-voice-txt2  { font-size: 22px;
         color: #808080;
         font-weight: 100;
  　　font-style: italic;
}

/* 吹き出し本体1 */
.pro-balloon1{
  position: relative;
  padding: 20px;
  border-radius: 10px;
  color: #9E6326;
  background-color: #ECECEC;
  margin-left: 110px;
  clear: both;          /* 左に余白を設ける */
}
/* 画像 - 絶対配置で左上に配置 */
.pro-balloon1 .icon{
  position: absolute;
  left: -80px;
  top: 10px;
  size: 50%;
}
/* 三角アイコン */
.pro-balloon1::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -14px;
  top: 20px;
  border-right: 15px solid #ECECEC;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

/* 吹き出し本体2 */
.pro-balloon2{
  position: relative;
  padding: 20px;
  border-radius: 10px;
  color: #9E6326;
  background-color: #ECECEC;
  margin-right: 110px;          /* 右に余白を設ける */
}
/* 画像 - 絶対配置で右上に配置 */
.pro-balloon2 .icon{
  position: absolute;
  right: -80px;
  top: 10;
  size: 50%;
op: 0;
}
/* 三角アイコン */
.pro-balloon2::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -14px;
  top: 20px;
  border-left: 15px solid #ECECEC;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.pro-mishin {margin-top: -40px;
                  width: 50%;
                  margin-left: auto;
                  margin-bottom: -300px;

}

.pro-point-4flag {float: left;
                         width: 15%;
                         margin-bottom: 20px;
}

.pro-point-4txt {float: left;
                           width: 50%;
}

.pro-point-4img {float: right;
                         width: 34%;
}

.pro-moji3{
  color: #FFFF00;/*文字色*/
  font-size: 22px;
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 1px #fff;
  margin-bottom: 2%; 
  font-weight: 700;
}

.pro-moji4 {
  color: #fff;/*文字色*/
  font-size: 16px;
}

.pro-moji5{
  color: #FFFF00;/*文字色*/
  font-size: 22px;
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 1px #fff;
  margin-top: 20px; 
  font-weight: 700;
}

.pro-moji6 {
  color: #fff;/*文字色*/
  font-size: 16px;
  margin-top: 20px;
}

hr.pro-style6 {border-top: 2px dotted #fff;
              
}



.pro-point-txt3 {float: right;
                           width: 85%;
                     text-align: center;
                     margin-top: 20px;
}



.pro-nouhau-img  {width: 58%;
              float: right;
}

.pro-nouhau-txt {width: 40%;
               color: white;
               margin-bottom:20%;
               
}

.pro-konpou-txt {float: left;
                         width: 60%;
                          font-weight: 400;
                         font-size: 15px;
                         text-align: left;
}

.pro-konpou-img {float: right;
                          width: 38%;
                         margin-top: -100px;
}

.pro-konpou-title {text-align: left;
                           color: #000;/*文字色*/
                          font-weight: 900;
  font-size: 25px;
  /*線の種類（点線）2px 線色*/
  border-bottom: dotted 3px #000;
  margin-bottom: 2%;
                          
}

/* 750px以下(スマホ）*/
@media (max-width: 750px) {
  
  .pro-title-txt1 {color: #FFF;
                     font-size: 18px;
                     font-weight: 800;
                     margin-top: -100px;
}
 
.section-lp-txtarea-pro{
  padding: 60px 0;
  }
  
.content-inner-pro{
    max-width: 100%;
    margin: 0 auto;
  }
  
.pro-title-txt2 {font-size: 13px;
                     padding-bottom: 1px;
}
  
.pro-hikaku {margin-top: -20px;
}

.pro-hikaku-img {margin-top: 40px;
}

.pro-hikaku-txt {font-size: 12px;
                     font-weight: 400;
                     padding-top: 30px;
                     padding-right: 10px;
                     margin-bottom: 30px;
                     text-align: left;
}
  
.pro-hikaku-atsumi {margin-top: 20px;                            
}
  
.pro-chui {font-size: 11px;
               padding: 20px 0 20px 0;
               background-color: #808080;
               color: #fff;
               font-weight: 500;
               text-align: center;
              
}
  
.pro-grade {margin-bottom: 5%;
font-size: 18px;
  padding: 0.1em 0;
  text-align: center;
}
  
.pro-point-txt1 { font-size: 19px;
  /*線の種類（点線）2px 線色*/
  border-bottom: dotted 2px #fff; 
  margin-top: 2%;
  padding-bottom: 10px;
  font-weight: 600;
}

.pro-point-txt2 {color: #fff;/*文字色*/
  font-size: 15px;
  margin-top: 2%;
  text-align: left;
  margin-bottom: 4%;
  width: 100%;
  
}
  
  .pro-point-b {font-size: 16px;
        float: none; 
        width: 100%;
    clear: both;
    font-weight: 800;
    padding: 0 10px;
    text-align: left;
}
  
.pro-taikyu-txt {font-size: 18px;
                      fong-weight: 800;
}
  

  
.pro-voice { margin-top: 50px;   
}
  
.pro-mishin {margin-bottom: -10px;
}


.pro-point-4txt {float: none;
                           width: 100%;
                       padding-left: 5px;
}

.pro-point-4img {
  width: 100%;

}  
  
.pro-moji3{
  font-size: 18px;
  font-weight: 700;
  float: right;
  width: 85%;
}

.pro-moji4 {
  font-size: 16px;
  float: right;
  width: 85%;
  text-align: left;
}
  

.pro-moji5{
  font-size: 18px;
  /*線の種類（点線）2px 線色*/
  margin-top: -5px; 
  font-weight: 700;
  float: right;
  width: 85%;
}

.pro-moji6 {
  font-size: 16px;
  margin-top: 5px;
  float: right;
  width: 85%;
}
  
.pro-nouhau-img  {width: 100%;
              float: none;
}

.pro-nouhau-txt {width: 100%;
               
               margin-bottom:0px;
               text-align: left;
               
}
  
.pro-point-txt3 {float: none;
                           width: 100%;
                       padding-left: 5px;
}
  
.pro-konpou-txt {float: none;
                         width: 100%;
                         font-size: 15px;
                         text-align: left;
}

.pro-konpou-img {float: none;
                          width: 100%;
                         margin-top: -40px;
}

.pro-konpou-title {text-align: left;
                          
  font-size: 25px;
  /*線の種類（点線）2px 線色*/
  border-bottom: dotted 3px #000;
  margin-bottom: 2%;
                          
}
  
}


 /*　領収書について　*/

.ryo-chui {background-color:  #C1272D;
              padding: 10px 30px;
              color: #FFF;
              font-size: 16px;
              font-weight: 500;
              text-align: center;
              margin: 0 auto;
  　　　　line-height: 5px;
              margin-top: 100px;
              width: 90%;
}

.ryo-title {font-size: 30px;
        font-weight: 800;
        text-align: left;
        text-shadow: 2px 2px 1px #BFBFBF;
        margin: 50px 0 20px 0;
}


.ryo-box {background: #F7931E;/*背景色*/
        padding: 3px 10px ;/*文字まわり（上下左右）の余白*/
        color: #fff;
        font-size: 22px;
        font-weight: 800;
        margin-bottom: 10px;
}

.ryo-setsumei {text-align: left;
                    font-size: 18px;
                    margin:50px 0 10px 0;
                    font-weight: 400;
}

.ryo-setsumei-img {width: 80%;
                            margin: 0 auto;
}



.ryo-yajirushi {width: 0;
height: 0;
border-style: solid;
border-width: 33px 50px 0 50px;
border-color: #545454 transparent transparent transparent;
margin: 0 auto;
}

.ryo-chuibox {font-size: 16px;
                    font-weight: 500;
                    background-color: #F2F2F2;
                    padding: 10px 30px;
                    margin-top: 80px;
                    text-align: left;
}

@media (max-width: 750px) {
  
.ryo-setsumei-img {width: 100%;
                            margin: 0 auto;
}
  
.ryo-box {font-size: 20px;
        font-weight: 800;
}
  
.ryo-chui {font-size: 12px;
              padding: 10px 10px;
              margin-top:  30px;
}   
  
.ryo-title {font-size: 25px;
        margin: 30px 0 20px 0;
}
  
.ryo-chuibox {font-size: 13px;
}

}

/* ふるさと納税*/

.f-section-lp-txtarea{
  padding: 80px 0;
  padding: 0 100px;
  }

.f-chui { font-size:  15px;
              font-weight: 500;
             padding: 15px 20px 30px 20px;
              color: #FFDE00;
              text-align: center;
              background-color: #3F4E4F;
             }

.f-2 { font-size:  16px;
              font-weight: 500;
             padding: 15px 20px 15px 20px;
              color: #FFDE00;
              text-align: center;
              background-color: #3F4E4F;
             margin-bottom: 30px;
             }

.f-chui-l {font-size: 25px;
               font-weight: 800;           }

.f-title {
  font-size: 18px;
  padding: 80px 0;
  font-weight: 700;
  text-align: center;
}

.f-title2 {font-size: 20px;
                font-weight: 800;
                 padding: 10px 0;
           margin: 50px 0;
           color: #FFF;
            text-align: center;
                 background-color: #2C3639;
                 }

.f-title2-sub {font-size: 18px;
                font-weight: 500;
           margin: -30px 0 50px 0;
           color: #3F4E4F;
               text-align: center;

                 }

.f-beg-bg {
  background-color: #ECEAE3;
  padding: 30px 0;
  margin: 50px 0 80px 0;
          }

.f-btn {margin: 30px 0;           
           }

.img_wrap{

  overflow: hidden;
}
.img_wrap img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
.img_wrap:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}

.f-banner{
	display: flex;
	flex-wrap:wrap;
    margin-bottom: 100px;
}
.f-banner li {
	width: calc(100%/4);
	padding:0 5px;
	box-sizing:border-box;
}
.f-banner li img {
	max-width:100%; 
	height: auto; 
	border:solid 1px #ccc; 
}

.f-banner-top{
	display: flex;
	flex-wrap:wrap;
    
}
.f-banner-top li {
	width: calc(100%/4);
	padding:0 5px;
	box-sizing:border-box;
}
.f-banner-top li img {
	max-width:100%; 
	height: auto; 
	border:solid 1px #ccc; 
}
.f-txt-wht {
  font-size: 18px;
  color:  #fff;
  margin-top: -20px;
}

.f-hover10 {
	border-radius: 50%;
	transition: all 0.6s ease 0s;
}
.f-hover10:hover {
	cursor: pointer;
	transform: scale(1.1, 1.1);
}

.f-hover1 {
	display: inline-block;
	
	margin: 0 0 1em;

	color: #fff;
	cursor: pointer;
	transition: all 0.3s ease 0s;
}
.f-hover1:hover {
	opacity: 0.6;
}


 @media (max-width: 767px) {
   .f-title{
  font-size: 15px;
  padding: 10px 0;
   }

   .f-chui { font-size:  13px;
              font-weight: 500;

              
             
}

   .f-chui-l {font-size: 20px;
               font-weight: 800;
          }

   .f-2 { font-size:  15px;
             }
   
   .f-title2 {font-size: 18px;
                font-weight: 700;
                 padding: 10px;
           margin: 10px 0;
                 }
   
   .f-title2-sub {font-size: 15px;
               margin: 0 0 -10px 0;
                 }
   .f-btn {margin: 30px 0;  
            width: 100%;
            padding: 0;
           }

   .f-section-lp-txtarea{
  padding: 30px 10px;
  }

   .f-banner{
	display: flex;
	flex-wrap:wrap;
}
   .f-banner li {
	width: calc(100%/2);
	padding:5 10px;
	box-sizing:border-box;
}
  .f-banner li img {
	max-width:100%;
	height: auto; 
	border:solid 1px #ccc; 
}
   .f-banner-top{
	display: flex;
	flex-wrap:wrap;
}
   .f-banner-top li {
	width: calc(100%/2);
	padding:5 10px;
	box-sizing:border-box;
}
  .f-banner-top li img {
	max-width:100%;
	height: auto; 
	border:solid 1px #ccc; 
}

.f-txt-wht {
  font-size: 13px;

}
 }

   /*　レビュー投稿について　*/
.review-titlered {
  font-size: 30px;
  font-weight: 500;
  color: #FF0000;
  border-bottom:2px solid;
  text-align: left;
}

.review-titlemoji {
  font-size: 20px;
  font-weight: 400;
  color: #000;
  text-align: left;
  padding: 10px 0;
}

.review-title1 {font-family: 'Roboto','Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif!important;
         font-size: 30px;
         font-weight: 600;
         color: red; 
         text-align: left;
         border-bottom: solid 3px red;
               }

.review-title2 {font-family: 'Roboto','Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif!important;
         font-size: 20px;
         font-weight: 500;
         color: #222222; 
         text-align: left;
               }

.review-top {margin-left: -2%;
            }

.review-title3 {color: #DD0000;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 5px #DD0000;/*上線*/
  border-bottom: solid 5px #DD0000;/*下線*/
  font-size: 25px;
  font-weight: 700;
}

.review-title4 {
  font-size: 20px;
  font-weight: 500;
}

.review-title5 {
  font-size: 25px;
  font-weight: 500;
  color: #DD0000;
  text-align: left;
 margin-left: 2em;
  padding-left: 1em;
  margin-top: 0.5em;
  }

.review-title6 {
  font-size: 20px;
  font-weight: 500;
  color: #DD0000;
  }

.review-number {background: #DD0000;/*背景色*/
  padding: 0.2em 0.5em ;/*文字まわり（上下左右）の余白*/
  font-family: 'Roboto','Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif!important;
  font-size: 30px;
  color: white;
  font-weight: 700;
  align: left;
  float: left;
  clear: both;
}

.review-setsumei-txt2 {float:left;
                width: 48%;
              }
                
.review-setsumei-txt {font-family: 'Roboto','Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif!important;
           font-size: 15px;
           color: #222222;
           font-weight: 700;
           text-align: left;
           
          }

.review-setsumei-img {float: right;
           width:50%;
           margin-bottom: 5%; 
           box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
}

.review-setsumei-img2 {
                box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
}

.review-setsumei-img3 {float: right;
           width:50%;
          margin-bottom:10%;
                      }

.review-setsumei-img4 {box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
}

.review-triangle {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #DD0000;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  margin-top: 28%;
  margin-bottom: 8%;
  }

@media (max-width: 768px) {
.review-titlered {font-size: 20px;
                 }

.review-titlemoji {font-size: 15px;
                 }
  
.review-title1 {font-size: 23px;
}

.review-title2 {font-size: 13px;
}

.review-top {margin-bottom: -20%;
}

.review-title5 {
  font-size: 20px;
  float: none;
  margin: 0 0 0 2em;
 }

.review-title6 {
  font-size: 15px;
  margin-top: -40%;
}

.review-setsumei-txt {
           float: none;
           width: 100%;
           font-size: 15px;
           padding-bottom; 1em;
           margin-top: -5%;
                     }

.review-number {font-size:20px;
}

.review-setsumei-img { float:none;
                width: auto;
                margin-top: 5%;
                margin-bottom: -10%;
}

.review-setsumei-img3 { float:none;
                width: auto;
                margin-top: 5%;
                margin-bottom: -20%;
}
  
.review-triangle {
  margin-top:25%;
  margin-bottom: 8%;
  }
  
.review-setsumei-txt2 {float:none;
                width: 100%;
                margin-top:10%;
              }
}

 /*　バイク用マット　*/
.bike-gara {background-image: url("/cdn/shop/files/bikemat-bg-5.png?v=1669277980");
padding-top: -100px;
padding-bottom: 5px;

           }

.bike-bg {background-color: #2B2B2B;
}

.bike-bg2 {background-color: #3B3B3B;
}

.bike-title-l {font-size: 40px;
               color: #FFF;
                 font-weight: 900;
              }


.bike-title-m {font-size: 25px;
                 color: #FFF;
                 font-weight: 400;
                padding: 30px 0;
              }

.bike-title {padding: 100px 0;
             max-width: 1050px;
    margin: 0 auto;
            }

.bike-japan {padding: 100px 0;            
            }

.bike-color {padding: 100px 0;            
            }

.bike-chui-title {padding: 5px 0; 
                background-color: #FFF;
                font-size: 25px;
                font-weight: 700;
                color: #2B2B2B;
            }

.bike-chui-txt {margin: 20px 0; 
                font-size: 18px;
                font-weight: 500;
                color: #B3B3B3;
                text-align: left;
            }

@media (max-width: 768px) {
 .bike-title-l {font-size: 25px;
              }

.bike-title-m {font-size: 18px;
                  }

.bike-japan {padding: 50px 0;  
                
            }
  .bike-color {padding: 50px 0;            
            }

.bike-chui-title {padding: 3px 0; 
                margin-top: 30px;
                font-size: 20px;
            }

.bike-chui-txt {font-size: 16px;
            }

}

 /*シートカバー　*/
.seat-gara {background-image: url("/cdn/shop/files/23633350.png?v=1693553430");
opacity: 0.5;
           }

 /*フロアマット用お手入れブラシ　*/
.bru-bg {background-color: #E95710;
               padding: 100px 0;
}

.bru-bggry {background-color: #3E3A39;
}

.bru-triangle{
  max-width: 200px;
  margin: 0 auto;
  border-top: 70px solid #E95710;
  border-right: 300px solid transparent;
  border-left: 300px solid transparent;
}

.bru-teire {
  padding:100px 0;
}

.bru-size {
  padding: 5px 30px;
  background: #f4f4f4;
  font-size: 20px;
  font-weight: 500;
  margin-top: 100px;
  
}

.bru-size-setsumei {
  font-size: 20px;
  font-weight: 400;
  color: #F7F8F8;
  
}

.bru-ttl_background3 {
  font-weight: 800;
  font-size: 25px;
  padding: 0.5em 1em;
  background-color: #FFF;
  color: #E05D34;
  overflow: hidden;
  position: relative;
  margin: 100px 0 10px 0;
}

.bru-ttl_background3::after {
  content: '';
  background-color: #E05D34;
  opacity: 0.3;
  transform: rotate(-65deg);
  position: absolute;
  bottom: -250px;
  right: -250px;
  width: 300px;
  height: 500px;
}

.bru-box{
  width:100%;
  height:200px;
}

.bru-bg_skew_dot{
  background-image:
    radial-gradient(#444242 20%, transparent 30%),
    radial-gradient(#444242 20%, transparent 30%);
  background-size: 40px 40px;
  background-position: 0 0, 20px 20px;
  padding: 100px 0;
}

.bru-chui-ttl {
 font-size: 20px;
  font-weight: 900;
  color: #FFF; 
}

.bru-chui-txt {
  font-size: 16px;
  font-weight: 500;
  color: #FFF;
  padding-bottom: 100px;
}

@media (max-width: 768px) {
  .bru-bg {background-color: #E95710;
               padding: 20px 0 0 0;
}

.bru-triangle{
  max-width: 200px;
  margin: 0 auto;
  border-top: 50px solid #E95710;
  border-right: 100px solid transparent;
  border-left: 100px solid transparent;
}

.bru-teire {
  padding:30px 0;
}

.bru-3way {
padding-bottom: 50px;
}

.bru-bg_skew_dot{
  background-image:
    radial-gradient(#444242 20%, transparent 30%),
    radial-gradient(#444242 20%, transparent 30%);
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px;
  padding: 30px 0;
}

.bru-size {
  margin-top: 50px;
}

.bru-ttl_background3 {
  padding: 0.2em 1em;

}



  
}

  
  /*　車載収納ネット　*/

.net-gara {background-image: url("/cdn/shop/files/lp-net-gara.png?v=1638249794");
padding-top: -100px;
padding-bottom: 5px;}

.net-cam {padding:50px 0;
}

.net-top {margin-top: 100px;
}

.net-title1 {font-size: 30px;
                font-weight: 700;
                padding: 50px 0 0px 0;
               text-align: center;
}
.net-title2 {font-size: 40px;
                   font-weight: 900;
                   padding:0 0px 50px 00px;
  　　　　　text-align: center;
}

.net-how {padding-top: 100px;
              padding-bottom: 10px;

}

.net-bg {background-color: #EFEFEF;

}



@media (max-width: 750px) {
  
  .net-title1 {font-size: 20px;
                  padding: 20px 0 0px 0;
}
  
  .net-title2 {font-size: 25px;
                  padding:0 0px 20px 0px;
}
  
.net-bg {background-color: #EFEFEF;

}
  
.net-how {padding-top: 20px;
              padding-bottom: 10px;
  　　　　

}
  
}



.section-net-introduction{
   max-width: 1050px;
   margin: 100px auto 10px auto;
  display: flex;
  flex-wrap: wrap;

  @media (max-width: 767px) {
    margin: -7.5px;
    margin-bottom: 30px;
  }
}

   .net-item{
    width: 33.333333%;
    padding: 1.5%;
    @media (max-width: 767px) {
      width: 50%;
      padding: 7.5px;
    }
   }

    .net-img-area{
      margin-bottom: 15px;
      position: relative;
      img{
        width: 100%;
        height: auto;
        display: block;
      }
    }
      .net-label{
        position: absolute;
        left: 0;
        bottom: 10px;
        background: #424242;
        color: #FFF;
        font-size: 20px;
        font-weight: 700;
        padding: 6px 30px;
        @media (max-width: 767px) {
          font-size: 10px;
          padding: 2px 15px;
          bottom: 5px;
        }
      }
    }
     .net-tit{
        font-size: 52px;
        font-family: $font-serif;
        font-weight: 700;
        line-height: 1.3;
        @media (max-width: 767px) {
          font-size: 18px;
        }
      }
      .net-sub-txt{
        color: $accent-color;
        font-size: 14px;
        margin-bottom: 10px;
        @media (max-width: 767px) {
          font-size: 12px;
          margin-bottom: 5px;
        }
      }
      .net-txt{
        p{
          font-size: 14px;
          @media (max-width: 767px) {
            font-size: 12px;
          }
        }
      }
}
}