@charset "utf-8";

/* reset
--------------------------------------- */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

/* clearfix 
--------------------------------------- */
.cf:before,
.cf:after{
  content:" ";
  display:table;
}
.cf:after{clear:both;}
.cf{*zoom:1;}
*{zoom:1;}

/* basic
--------------------------------------- */
body{
  width:100%;
  background-color:#fff;
  color:#000;
  font-size:14px;
  line-height:1.0;
  font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック","MS PGothic", sans-serif;
  -webkit-text-size-adjust:100%;
     -moz-text-size-adjust:100%;
      -ms-text-size-adjust:100%;
       -o-text-size-adjust:100%;
          text-size-adjust:100%;
}
.ming{
  font-family:"Sawarabi Mincho",serif;
  /*font-weight:bold;*/
  -webkit-transform:rotate(0.028deg);
     -moz-transform:rotate(0.028deg);
      -ms-transform:rotate(0.028deg);
       -o-transform:rotate(0.028deg);
          transform:rotate(0.028deg);
}
a{outline:none;text-decoration:none;color:#000;}
a[href^="tel:"]{cursor:default;text-decoration:underline!important;color:#000;}
img{max-width:100%;height:auto;vertical-align:bottom;}
.pc{display:block;}
.sp{display:none;}
.section{
  width:100%;
  min-width:1000px;
  margin:auto;
  overflow:hidden;
}
.inner{
  position:relative;
  width:1000px;
  margin:auto;
  overflow:hidden;
}
.ov:hover{opacity:0.6;}
.ov{transition:opacity 0.3s ease-out;cursor:pointer;}

@media screen and (max-width:640px){
  body{font-size:22px;}
  h1,h2,h3,h4,h5,li,p{background:url(../images/common/sp_p.png);}
  .pc{display:none;}
  .sp{display:block;}
  .section{
    width:640px;
    min-width:640px;
    overflow:hidden;
  }
  .inner{
    width:600px;
  }
}

/* header
--------------------------------------- */
#header{}
#header .inner{
  padding-bottom:5px;
  background:url(../images/common/head_bg.jpg) right top no-repeat;
}
#header h1{
  float:left;
  width:120px;
  padding-top:15px;
  margin-right:0;
}
#header ul#pc-navi{
  float:right;
  margin-right:60px;
  padding-top:115px;
}
#header ul#pc-navi li{
  float:left;
  height:13px;
  margin-right:25px;
  overflow:hidden;
}

#header ul#pc-navi li a{
  padding-left:13px;
  font-size:13px;
  line-height:13px;
  background:url(../images/common/navi.png) 0 3px no-repeat;
  transition:color 0.3s ease-out;
}
#header ul#pc-navi li:last-child{margin-right:0;}
#header ul#pc-navi li a:hover,
#header ul#pc-navi li.current a{background-position:0px -10px;color:#0c8643;}

@media screen and (max-width:640px){
  #sp-toggle{
    float:right;
    margin-top:70px;
    margin-right:80px;
  }
  ul#sp-navi{display:none;}
  ul#sp-navi{
    width:578px;
    margin:0 30px 5px;
    border-top:1px solid #8b5e3c;
    border-left:1px solid #8b5e3c;
    border-right:1px solid #8b5e3c;
  }
  ul#sp-navi li a{
    display:block;
    width:578px;
    padding:20px 0;
    font-size:24px;
    text-align:center;
    color:#000;
    border-bottom:1px solid #8b5e3c;
  }
  ul#sp-navi li.current a{background-color:#c7b3a6;}
}


/* footer
--------------------------------------- */
#footer{}
#footer .inner{
  padding-top:18px;
  padding-bottom:20px;
}
#footer .f-left{
  float:left;
}
#footer .f-left .f-logo{
  float:left;
  width:72px;
  margin-right:7px;
}
#footer .f-left .f-corp{
  float:left;
  margin-top:15px;
}
#footer .f-left .f-corp .f-txt1{
  font-size:15px;
  line-height:1.0;
  margin-bottom:5px;
}
#footer .f-left .f-corp .f-txt2{
  font-size:12px;
  line-height:1.0;
  margin-bottom:5px;
}
#footer p.copy{
  margin-top:55px;
  margin-right:35px;
  text-align:right;
  font-size:10px;
  line-height:1.0;
}
#pagetop{
  display:none;
  width:40x;
  position:fixed;
  bottom:10px;
  right:10px;
  opacity:0.7;
  cursor:pointer;
}

@media screen and (max-width:640px){
#footer .inner{
  padding-top:18px;
  padding-bottom:20px;
}
  #footer .f-left{loat:none;}
  #footer .f-left .f-logo{
    margin-left:20px;
  }
  #footer .f-left .f-corp{
    margin-top:5px;
  }
  #footer .f-left .f-corp .f-txt1{
    font-size:22px;
  }
  #footer .f-left .f-corp .f-txt2{
    font-size:18px;
  }
  #footer p.copy{
    margin-top:90px;
    margin-right:0;
    text-align:center;
    font-size:16px;
  }
}


/* トップページ
--------------------------------------- */
#splash .inner{width:100%;}
#splash img{width:100%;}
#splash .overlay{display:none;}
#info.outer{
  text-align:center;
  margin: 0px auto;
  padding:25px;
  max-width:auto;
  background: whitesmoke;
}
#info.inner{
  margin:10px;
  width:auto;
  display: inline-block;
  text-align: left;
  /* white-space: nowrap; */
  line-height: 1.6;
}
@media screen and (max-width:640px){}


/* section共通
--------------------------------------- */
#main h3,
#main h4,
#main h5,
#main p,
#main li{line-height:1.6;}
#main .block{margin-bottom:40px;}

#kv .inner{width:100%;margin-bottom:30px;}
#kv img{width:100%;}
#kv h2{
  position:absolute;
  bottom:20px;
  left:80px;
/*left:0;
  right:0;
  width:840px;
  margin:auto;*/
  font-size:36px;
  color:#fff;
  line-height:1.0;
  text-shadow: 3px 3px 4px #000;
}

@media screen and (max-width:640px){
  #kv h2{left:20px;}
}


/* 三七人参について
--------------------------------------- */
#about h3{
  margin-bottom:20px;
  padding-left:4px;
  font-size:20px;
  line-height:30px;
  color:#8b5e3c;
  font-weight:bold;
  border-left:8px solid #8b5e3c;
}
#about h4{
  margin-bottom:20px;
  font-size:16px;
  color:#8b5e3c;
  font-weight:bold;
}
#about h4 span{
  font-size:14px;
  font-weight:normal;
}
#about .block1,
#about .block2,
#about .block3,
#about .block4{margin-bottom:40px;}
#about .block1 .fl{width:480px;margin-right:20px;}
#about .block2 .fr{width:480px;margin-left:20px;}
#about .block1 .fr,
#about .block2 .fl{width:500px;}

#about .block3 .wide{
  margin-top:20px;
  margin-bottom:20px;
  background-color:#fef5e8;
}
#about .block3 .wide .fl{width:300px;}
#about .block3 .wide .fr{width:700px;}
#about .block3 .box{
  padding:20px 10px;
  margin-bottom:25px;
  background-color:#fef5e8;
}
#about .block3 .wide .fr.box{
  width:670px;
  padding:20px 20px 20px 10px;
}
#about .block3 .col3 .fl{
  width:328px;
  margin-right:8px;
}
#about .block3 .col3 .fl.last{margin-right:0;}
#about .block3 .col3 .box{
  width:308px;
  padding:10px;
}
#about .block3 .col3 .box h4{margin-bottom:10px;}

#about .block4 h5{
  font-size:24px;
  font-weight:bold;
  margin-bottom:10px;
  text-indent:-0.5em;
}
#about .block4 .fl .img{margin-top:11px;}

@media screen and (max-width:640px){
  #about h3{
    font-size:24px;
    line-height:36px;
  }
  #about h4{font-size:22px;}
  #about h4 span{font-size:16px;}
  #about .block1 .fl,
  #about .block2 .fr,
  #about .block1 .fr,
  #about .block2 .fl,
  #about .block3,
  #about .block4{
    float:none;
    width:580px;
    margin:0 auto 40px;
  }
  #about .block1 .img,
  #about .block2 .img,
  #about .block3 .img,
  #about .block4 .img{text-align:center;}
  
  #about .block3 .wide{padding-top:20px;}
  #about .block3 .wide .fl,
  #about .block3 .wide .fr{float:none;width:100%;}
  #about .block3 .wide .fr.box,
  #about .block3 .col3 .fl,
  #about .block3 .col3 .box{
    float:none;
    width:540px;
    margin:0;
    padding:20px;
  }
  #about .block3 .col3 .box{margin-bottom:20px;}
  #about .block3 .col3 .box h4 br{display:none;}
  
  #about .block4 h5{font-size:26px;}
  #about .block4 .fl,
  #about .block4 .fr{
    float:none;
    width:580px;
  }
  #about .block4 .fl .img{
    margin-top:0;
    margin-bottom:40px;
  }
}


/* 商品紹介
--------------------------------------- */
#products{}

#products #block1 p{
  margin-bottom:8px;
  font-size:18px;
  font-weight:bold;
  color:#8b5e3c;
  text-align:center;
}
#products #block1 .img{margin-bottom:16px;}
#products #block1 .btn{text-align:center;}


#products .col3 .img{width:320px;}
#products .col3 .img.fl{margin-right:20px;}
#products .col3 p{margin-top:4px;}

#products .col4 .img{width:232px;}
#products .col4 .img.fl{margin-right:24px;}
#products .col4 p{margin-top:4px;}

#products #block3 .fl{width:470px;margin-right:60px;}
#products #block3 .fr{width:470px;}
#products #block3 .fc{text-align:center;}
#products #block3 p.ttl{
  margin-top:8px;
  margin-bottom:8px;
  padding-top:2px;
  padding-left:10px;
  font-size:16px;
  background:#c7b3a6;
}
#products #block1 h3{
  margin-bottom:20px;
  padding-left:4px;
  font-size:20px;
  line-height:35px;
  color:#8b5e3c;
  font-weight:bold;
  border-left:8px solid #8b5e3c;
}
#products #block4 h3,
#products #block5 h3{
  margin-bottom:16px;
  padding:4px 0;
  font-size:18px;
  color:#fff;
  text-align:center;
  background-color:#8b5e3c;
}
#products #block4 p.ttl,
#products #block5 p.ttl{
  font-size:18px;
  color:#8b5e3c;
}
#products #block5 .box1{margin-bottom:40px;}
#products #block5 .box1 .fl{
  width:628px;
  margin-right:22px;
}
#products #block5 .box1 .fr{width:350px;}

@media screen and (max-width:640px){
  #products #block1 .fl{float:none;margin-bottom:40px;}
  #products #block1 .fr{float:none;}
  #products #block1 .fc{float:none;margin-bottom:40px;}
  #products #block1 p{font-size:24px;}
  #products #block1 .img{text-align:center;}

  #products .col3 .fl,
  #products .col3 .fr{float:none;}
  #products .col3 .img,
  #products .col3 .img.fl{margin:0 auto 20px;}

  #products .col4 .fl,
  #products .col4 .fr{float:none;margin:0;}
  #products .col4 .spl{float:left;margin-left:20px;}
  #products .col4 .spr{float:right;margin-right:20px;}
  #products .col4 .spl,
  #products .col4 .spr{margin-bottom:20px;}

  #products #block3 .fl,
  #products #block3 .fr{width:580px;float:none;margin:auto;}
  #products #block3 .fl{margin-bottom:40px;}
  #products #block3 p.ttl{font-size:24px;}
  
  #products #block4 h3,
  #products #block5 h3,
  #products #block4 p.ttl,
  #products #block5 p.ttl{font-size:24px;}
  
  #products #block5 .box1 .fl{
    float:none;
    width:100%;
    margin:0 0 20px;;
  }
  #products #block5 .box1 .fr{float:none;width:100%;}
}



/* 企業情報
--------------------------------------- */
#company{}
#company p.ttl{
  margin-bottom:4px;
  font-size:18px;
  color:#8b5e3c;
}
#company .separate46 .fl{width:320px;}
#company .separate46 .fr{width:632px;}

@media screen and (max-width:640px){
  #company p.ttl{font-size:24px;}
  #company .separate46 .fl,
  #company .separate46 .fr{
    float:none;
    width:100%;
  }
  #company .separate46 .fl{margin-bottom:20px;}
}


/* 苗郷三七の歩み
--------------------------------------- */
#strides{}
#strides #history{
  position:relative;
  height:2986px;
  background:url(../images/strides/img1.jpg) 0 0 no-repeat;
}
#strides #history .box{
  position:absolute;
}
#strides #history .box p{color:#8b5e3c;font-size:16px;}
#strides #history .box p.year{
  font-size:36px;
  font-weight:bold;
}

#strides #history #y1946{top:260px;left:250px;}
#strides #history #y1965{top:440px;left:280px;}
#strides #history #y2001{top:600px;left:280px;}
#strides #history #y2004{top:800px;left:220px;}
#strides #history #y2007{top:1020px;left:210px;}
#strides #history #y2009{top:1220px;left:260px;}
#strides #history #y2012{top:1400px;left:280px;}
#strides #history #y2013{top:1610px;left:280px;}
#strides #history #y2014a{top:1830px;left:250px;}
#strides #history #y2014b{top:2000px;left:310px;}
#strides #history #y2014c{top:2180px;left:310px;}
#strides #history #y2015{top:2400px;left:250px;}
#strides #history #y2016{top:2610px;left:320px;}
#strides #history #y2017{top:2840px;left:320px;}

@media screen and (max-width:640px){
  #strides #history{
    height:1792px;
    background-size:100%;
  }
  #strides #history .box p{font-size:15px;line-height:1.2;}
  #strides #history .box p.year{font-size:24px;}
  #strides #history #y1946{top:155px;left:150px;}
  #strides #history #y1965{top:265px;left:170px;}
  #strides #history #y2001{top:360px;left:165px;}
  #strides #history #y2004{top:480px;left:135px;}
  #strides #history #y2007{top:615px;left:135px;}
  #strides #history #y2009{top:720px;left:150px;}
  #strides #history #y2012{top:840px;left:170px;}
  #strides #history #y2013{top:970px;left:170px;}
  #strides #history #y2014a{top:1095px;left:150px;}
  #strides #history #y2014b{top:1210px;left:180px;}
  #strides #history #y2014c{top:1315px;left:180px;}
  #strides #history #y2015{top:1435px;left:145px;}
  #strides #history #y2016{top:1565px;left:185px;}
  #strides #history #y2017{top:1700px;left:190px;}
}


/* お問い合わせ
--------------------------------------- */
#contact{}
#contact p.ttl{
  margin:10px 0;
  font-size:18px;
  line-height:1.0;
}

#contact form{margin-top:40px;}
#contact dl dl{}
#contact dl dt,
#contact dl dd{float:left;}
#contact dl dt{width:100px;}
#contact dl dd{margin-top:4px;}
#contact dl dd input{height:24px;}
#contact hr{
  margin:30px auto;
  border:none;
  border-top:dashed 1px #000;
  height:1px;
  color:#fff;
}
#contact hr.dash{border-top:dashed 1px #000;}
#contact hr.solid{border-top:solid 1px #000;}
#contact form input.jp{ime-mode:active;}
#contact form input.en{ime-mode:inactive;}
#contact form textarea{ime-mode:active;max-width:890px;}

/* confilm */
#contact #conf{
  width:80%;
  margin:0 auto;
}
#contact #conf form{margin-top:20px;}
#contact #conf table{
  width:100%;
  margin-bottom:40px;
  border-top:1px solid #000;
  border-left:1px solid #000;
}
#contact #conf table th,
#contact #conf table td{
  padding:10px 10px;
  font-size:14px;
  line-height:1.5;
  text-align:left;
  border-bottom:1px solid #000;
  border-right:1px solid #000;
  word-break:break-all;
}
#contact #conf table th{width:20%;}
#contact #conf table td{width:80%;}
#contact #conf .btn-box{
  width:480px;
  margin:auto;}

#contact .btn{
  width:200px;
  margin:20px auto;
}
#contact .btn button{
  width:196px;
  padding:8px 0;
  border:2px solid #aaa;
  border-radius:26px;
  background:#62ad33;
  background-image:-webkit-linear-gradient(0deg,#369737 0%,#8cbc39 100%);
  background-image:linear-gradient(0deg,#369737 0%,#8cbc39 100%);
  
  display:inline-block;
  font-size:18px;
  font-weight:bold;
  color:#fff;
  text-align:center;
  
  cursor: pointer;
}

@media screen and (max-width:640px){
  #contact form textarea{width:580px;max-width:580px;}
  
  #contact #conf{width:100%;}
  #contact #conf p{font-size:18px;}
  #contact #conf table th,
  #contact #conf table td{font-size:18px;}
  #contact #conf table th{width:30%;}
  #contact #conf table td{width:70%;}
}


/* プライバシーポリシー
--------------------------------------- */
#policy .block{margin-bottom:20px;}
#policy h3{}
#policy p{padding-left:3.0em;}
#policy ul{}
#policy ul li{
  padding-left:4.0em;
  text-indent:-1.0em;
}

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




/* 汎用
--------------------------------------- */
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}

/* aline */
.tCenter{text-align:center !important;}
.tLeft{text-align:left !important;}
.tRight{text-align:right !important;}
.vTop{vertical-align:top !important;}
.vmiddle{vertical-align:middle !important;}
.vBottom{vertical-align:bottom !important;}
.wBold{font-weight:bold !important;}
.wNormal{font-weight:normal !important;}

/* font */
.fs12{font-size:12px !important;}
.fs14{font-size:14px !important;}
.fs16{font-size:16px !important;}
.fs18{font-size:18px !important;}
.fs20{font-size:20px !important;}
.fs22{font-size:22px !important;}
.fs24{font-size:24px !important;}
.fs26{font-size:26px !important;}
.fs28{font-size:28px !important;}
.fs32{font-size:32px !important;}
.fs36{font-size:36px !important;}
.fs42{font-size:42px !important;}
sup{font-size:78%;vertical-align:top;}
sub{font-size:78%;vertical-align:baseline;}
.push5{text-indent:0.5em;}
.push10{text-indent:1.0em;}
.push12{text-indent:1.2em;}
.push15{text-indent:1.5em;}
.push18{text-indent:1.8em;}
.push68{text-indent:6.8em;}
.pull5{text-indent:-0.5em;}
.pull10{text-indent:-1.0em;}
.pull12{text-indent:-1.2em;}
.pull15{text-indent:-1.5em;}
.pull18{text-indent:-1.8em;}
.ind5{padding-left:0.5em;text-indent:-0.5em;}
.ind10{padding-left:1.0em;text-indent:-1.0em;}
.ind12{padding-left:1.2em;text-indent:-1.2em;}
.ind15{padding-left:1.5em;text-indent:-1.5em;}
.ind18{padding-left:1.8em;text-indent:-1.8em;}
.underline{text-decoration:underline;}

@media screen and (max-width:640px){
  .fs12,.fs14,.fs16{font-size:16px !important;}
  .fs18,.fs20{font-size:20px !important;}
  .fs22,.fs24{font-size:24px !important;}
  .fs26,.fs28{font-size:28px !important;}
}

/* width */
.w1600{width:1600px;}
.w1400{width:1400px;}
.w1200{width:1200px;}
.w1024{width:1024px;}
.w1000{width:1000px;}
.w980{width:980px;}
.w960{width:960px;}
.w950{width:950px;}
.w940{width:940px;}
.w800{width:800px;}
.w720{width:720px;}
.w640{width:640px;}
.w600{width:600px;}
.w580{width:580px;}
.w560{width:560px;}
.w540{width:540px;}
.w520{width:520px;}
.w500{width:500px;}
.w480{width:480px;}
.w420{width:420px;}
.w400{width:400px;}
.w380{width:380px;}
.w360{width:360px;}
.w340{width:340px;}
.w320{width:320px;}
.w310{width:310px;}
.w300{width:300px;}
.w290{width:290px;}
.w280{width:280px;}
.w260{width:260px;}
.w250{width:250px;}
.w240{width:240px;}
.w200{width:200px;}
.w190{width:190px;}
.w180{width:180px;}
.w160{width:160px;}
.w150{width:150px;}
.w100{width:100px;}
.w80{width:80px;}
.w75{width:75px;}
.w60{width:60px;}
@media screen and (max-width:640px){
.w1600,.w1400,.w1200,.w1024,.w1000,.w980.w960,.w950,.w940.w800,.w720{width:100%;}
}

.wTri{width:33%;}
.wQuart{width:24%}
.wHalf{width:49.9%}
.wWide{width:66%}
.wFull{width:96%}
.wMax{width:100%}

.w2per{width:2% !important;}
.w3per{width:3% !important;}
.w5per{width:5% !important;}
.w10per{width:10% !important;}
.w12per{width:12% !important;}
.w13per{width:13% !important;}
.w15per{width:15% !important;}
.w20per{width:20% !important;}
.w25per{width:25% !important;}
.w30per{width:30% !important;}
.w35per{width:35% !important;}
.w40per{width:40% !important;}
.w45per{width:45% !important;}
.w50per{width:50% !important;}
.w60per{width:60% !important;}
.w70per{width:70% !important;}
.w80per{width:80% !important;}
.w90per{width:90% !important;}

/* margin */
.m0{margin:0 !important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}
.m12{margin:12px !important;}
.m15{margin:15px !important;}
.m20{margin:20px !important;}
.m25{margin:25px !important;}
.m30{margin:30px !important;}
.m35{margin:35px !important;}
.m40{margin:40px !important;}
.m45{margin:45px !important;}
.m50{margin:50px !important;}

.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt12{margin-top:12px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr12{margin-right:12px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb12{margin-bottom:12px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml12{margin-left:12px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}

.mt2{margin-top:2px !important;}
.mt3{margin-top:3px !important;}
.mt4{margin-top:4px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}

.mb2{margin-bottom:2px !important;}
.mb3{margin-bottom:3px !important;}
.mb4{margin-bottom:4px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}

/* padding */
.p0{padding:0 !important;}
.p5{padding:5px !important;}
.p10{padding:10px !important;}
.p12{padding:12px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.p25{padding:25px !important;}
.p30{padding:30px !important;}
.p35{padding:35px !important;}
.p40{padding:40px !important;}
.p45{padding:45px !important;}
.p50{padding:50px !important;}

.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

.pr0{padding-right:0 !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr12{padding-right:12px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb12{padding-bottom:12px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

.pl0{padding-left:0 !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl12{padding-left:12px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}

p.red,span.red{color:red;}
p.blue,span.blue{color:blue;}
p.green,span.green{color:green;}
p.gray,span.gray{color:gray;}
p.black,span.black{color:black;}
p.white,span.white{color:white;}
p.orange,span.orange{color:orange;}
p.green,span.green{color:#0c8643;}
p.brown,span.brown{color:#8b5e3c;}
p.brown2,span.brown2{color:#c7b3a6;}


/* 一時的に非表示 */
/*#header ul#pc-navi li:nth-child(2){display:none;}
@media screen and (max-width:640px){ul#sp-navi li:nth-child(2){display:none;}}*/
#products #block4{display:none;}