@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/******************* 冷凍車 *******************/


.comm__Inner{
  position: relative;
  z-index: 2;
}

.comm__Inner.small{
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

section.light__blue{
  background: #efeff3;
}

.flex__wrap{
  display: flex;
  flex-wrap: wrap;
  gap: 1.446vw;
}

.flex__wrap .Hurf{
  width: var(--flex_hurf_space);
}

.flex__wrap .Three{
  width: var(--flex_third_space);
}

.flex__wrap.center{
  gap: 0;
  justify-content: center;
}

table.blue01, table.blue02, table.blue03{
  border: 1px solid #ddd;
  padding: 0;
}

table.blue01 th{
  background: #00169c;
  padding: 1em;
  color:#fff;
  text-align: center;
  display: block;
  width: 100%;
}
table.blue02 th{
  background: #05b0f3b7;
  padding: 1em;
  color:#fff;
  text-align: center;
  display: block;
  width: 100%;
}
table.blue03 th{
  background: #f3bc05b7;
  padding: 1em;
  color:#fff;
  text-align: center;
  display: block;
  width: 100%;
}

table.blue01 td, table.blue02 td, table.blue03 td{
  padding: 1em;
  display: block;
  width: 100%;
  line-height: 1.65;
}

p.Center{
  text-align: center;
}

.flex__wrap picture{
  margin-bottom: 1em;
  display: block;
}

p.white{
  color:#fff !important;
}

.cate_flex{
  display: flex;
  flex-wrap: wrap;
  gap: 1.546vw;
  margin-bottom: 2em;
}

.cate_flex a{
  width:var(--flex_third_space);
  max-width: 100%;
  background: #fff;
  color:#fff;
  font-size: 0.9rem;
  font-weight: 300;
  font-family:游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.cate_flex a::before {
  background: #999;
  border: 1px solid #454545;
  z-index: -1;
}

h2.cat{
  font-family: "ryo-display-plusn", serif;
  color:#fff;
}

section.yellow-bg{
  background:#fffeef;
}

section.contact{
  background:#fafaf2;
}

section.contact::before{
  content: '';
  background: #05117a;
  position: absolute;
  left:0;
  top:0;
  width: 100%;
  height: 10%;
}

section.yellow-bg .comm__Inner, section.contact .comm__Inner{
  background: #fff;
  padding: 2.6vw;
  max-width: 1200px;
  margin: auto;
}

.date{
  font-family: var(--Marcellus), sans-serif;
  font-style: italic;
  font-size: 0.9rem;
}

.single h3{
  font-family:游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  padding:.75em;
  font-weight: 300;
  background: #363636;
  color:#fff;
  padding-left: .5em;
  margin-bottom: 2em;
}

section.yellow-bg .comm__Inner .sns{
  color:#000;
  margin-top: 2em;
  align-items: center;
}

section.yellow-bg .comm__Inner .sns a{
  color:#000;
  display: inline-block;
  padding: 10px;
  background: #ddd;
  line-height: 1.0;
  border-radius: 0.16em;
}

/******************* アクセス *******************/

section.access{
  padding-top: calc(var(--row-space) / 3);
  background: rgba(0,0,0,0.925);
}

section.access h2{
  margin-top: 0 !important;
}

section.access .accessmap{
  position: fixed;
  z-index: -1;
  top:0;
  left:0;
  filter: blur(3px);
}

section.access .accessmap iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

section.access .accessmap iframe{
  width: 100vw !important;
  height:100vh !important;
}

section.access .comm__Inner{
  position: relative;
  z-index: 1;
}

dl.access{
  display: flex;
  justify-content: flex-start;
  border-top: #363636 1px solid;
  border-bottom: #363636 1px solid;
  padding: .85em;
  flex-wrap: nowrap;
  color:#202020;
  background: rgba(0,0,0,0.35);
}

dl.access dt{
  width: 30%;
  border-right: #999 solid 1px;
  text-align: center;
  display: flex;
  flex-direction: column;
}

dl.access dd{
  width: 70%;
  display: flex;
  flex-direction: column;
}

/******************* メールフォーム *******************/

input[type="radio"]{
  width:25px;
  height:25px;
  vertical-align:top;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="password"],
select,
textarea {
border-radius: 3px;
padding:1em .5em;
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.1);
border:solid 1px #a7a7a7;
margin:auto;
width:100%;
display:block;
line-height:1.4;
font-size: 16px;
font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.wpcf7-not-valid-tip{
  font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 14px;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
border:solid 1px #d00249;
background-color: #f2f2f2;
}

input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="date"] {
    background-color: #fafafa;
    width: 100%;
}

input[type="date" i] {
  padding: .75em;
  margin-bottom: 1em;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="password"], select, textarea{
  width: 100%;
  color:#010101;
}

input[type="reset"],
input[type="button"],
input[type="submit"],
button {
   color: #FFFFFF;
    display:block;
   margin:1em auto 0 auto;
   padding:25px;
   -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    cursor: pointer;
    background-color: #252525;
    border: 0px;
     -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width:100%;
    box-sizing:broder-box;
    font-size:1.4rem;
    font-weight:400;
    letter-spacing:1px;
    max-width: 500px;
    font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.0);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.0);
    background:#ea1f0f;
}


select{
 font-size:1.0rem;
 }

 dl.form dt p, dl.form dd p{
  margin-bottom: 0;
 }

 span.text_red{
  background:#fe0000;
  text-align:center;
  color:#fff;
  margin-left:5px;
  display:inline-block;
  line-height:1.0;
  font-size:0.85rem;
  padding:3px;
  font-weight:normal;
  } 
  
hr{position: relative;background: #ddd;opacity: 1;margin: var(--col-space) auto;}

h2.bk{
  color:#000 !important;
  font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 1.5em;
  padding-bottom: 1em;
  border-bottom: 1px solid #000;
}

dl.privacy {
  font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

}

dl.privacy dt{
  font-weight: bold;
  font-size: 1.1rem;
}

dl.privacy dd{
  margin-bottom: 2em;
}

/**********************商品詳細**********************/

.single figure img{
  max-width: 600px;
  max-height: 600px;
  object-fit: scale-down;
  display: block;
  margin: 0 auto 0;
  background: #fff;
}

.single .textarea{
  padding: 2.6vw;
  background: #464646;
  position: relative;
  color:#fff;
}

.single .textarea p{
  color:#fff;
  font-family:游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 300;
}

.page_navi{
  background: rgba(255,255,255,0.355);
  margin-bottom: 1em;
}

.page_navi a{
  color:#000;
}

.products-page picture img{
	    max-width: 300px;
    max-height: 300px;
    object-fit: scale-down;
    display: block;
    margin: 0 auto 0;
    background: #fff;
}

@media screen and (max-width: 767px) {
  .single figure img{
    max-width: 300px;
    max-height: 300px;
    object-fit: scale-down;
    display: block;
    margin: 0 auto 0;
    background: #fff;
  }

}

/****************ブランド一覧******************/

.brand-text{
  background: #454545;
  padding: 2.6vw;
  position: relative;
  z-index: 3;
}

.brand-text a{
  display: inline;
  width: max-content;
  color:#efe300;
}
/******************* 静的HTML版フォーム用（CF7 標準CSS相当） *******************/
.wpcf7-form-control-wrap{position:relative;display:block}
.wpcf7-not-valid-tip{color:#dc3232;display:block;margin-top:.4em}
.wpcf7-not-valid{border-color:#dc3232 !important}
.wpcf7-acceptance .wpcf7-list-item{display:inline-block;margin:.8em 0 0}
.wpcf7-acceptance input[type=checkbox]{width:1.2em;height:1.2em;vertical-align:-3px;margin-right:6px}
.wpcf7-response-output{display:none;margin:1.5em 0 0;padding:.8em 1em;border:2px solid #dc3232;color:#dc3232;font-size:.95rem}
.wpcf7-response-output.is-error{display:block}
.wpcf7-spinner{display:none;width:24px;height:24px;margin:1em auto 0;border:3px solid rgba(0,0,0,.15);border-top-color:#05117a;border-radius:50%;animation:aotspin .8s linear infinite}
.is-sending .wpcf7-spinner{display:block}
.is-sending .wpcf7-submit{opacity:.6;cursor:wait}
@keyframes aotspin{to{transform:rotate(360deg)}}
.hp-field{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}