@charset "UTF-8";
/* CSS Document */
body {
}

h1 {line-height: 180%; }
h2 {line-height: 180%; }
h3 {line-height: 180%; }
h4 {line-height: 180%; }
h5 {line-height: 180%; }
h6 {line-height: 180%; }

p {
	line-height: 150%;
}

/*
h1 {font-size: 2.5rem; }  →40pt
h2 {font-size: 2rem; }    →32pt
h3 {font-size: 1.75rem; } →28pt
h4 {font-size: 1.5rem; }  →24pt
h5 {font-size: 1.25rem; } →20pt
h6 {font-size: 1rem; }    →16pt
*/


@media (max-width: 767.98px) {
h1 {font-size: 2.2500rem; } /* 36pt */
h2 {font-size: 1.8750rem; } /* 30pt */
h3 {font-size: 1.6250rem; } /* 26pt */
h4 {font-size: 1.3750rem; } /* 22pt */
h5 {font-size: 1.1875rem; } /* 19pt */
h6 {font-size: 1.0000rem; } /* 16pt */
}


@media (max-width: 575.98px) {
h1 {font-size: 1.62500rem; } /* 26pt */
h2 {font-size: 1.43750rem; } /* 23pt */
h3 {font-size: 1.31250rem; } /* 21pt */
h4 {font-size: 1.18750rem; } /* 19pt */
h5 {font-size: 1.09375rem; } /* 17.5pt */
h6 {font-size: 1.00000rem; } /* 16pt */
}

nav .inner {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style:none;
}

nav .inner::-webkit-scrollbar{
    display:none;
}

.clone-nav {
	position: fixed;
	background-color: #FFF;
	height: 70px;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	transition: .3s;
	transform: translateY(-100%);
}

.is-show {
  transform: translateY(0);
}

.zdo_drawer_menu .zdo_drawer_button {
  top: 5px;
  right: 16px;
}

/* topのスペース */
.top-space {
	margin-top: 70px;
}

@media (max-width: 767px) {
.top-space-md {
	margin-top: 70px;
}
}


/* 全体的なスタイル
-------------------------------------------------- */
/* フッターの下の空白と明るめの本文 */

body {
  color: #5a5a5a;
}

.jump_position {
	display: block;
	padding-top: 100px;
	margin-top: -100px;
}

/* カルーセルをカスタマイズ
-------------------------------------------------- */

/* カルーセルの基本クラス */
.carousel {
  margin-bottom: 0rem;
}

.carousel-item .img-fluid {
  width:100%;
  height:auto;
}

.carousel-item{
  height: auto;
  /* max-width: 1140px; */
}

.carousel-item a {
  display: block;
  width:100%;
}

.carousel-item .show-image {
  display: block;
  width:100%;
}

/* 画像を配置しているので、キャプションを手助けする必要がある */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* img要素の配置のために高さを宣言 */
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}

/* カルーセルの画像を重ねる */
.carousel_back {
    position: relative;
}
.carousel_onimage {
	position: absolute;
	top: 0px;
    left: 0px;
	/* ５秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 4秒待ってからアニメーションする */
  -webkit-animation-duration: 1s;
  animation-delay:1s;
}


/* マーケティング・コンテンツ
-------------------------------------------------- */

/* カルーセルの下の3列の中のテキストを整列 */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* フィーチャー
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* ブートストラップの<hr>をもっと外に出す */
}

/* マーケティングの見出しを細めにする */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* レスポンシブCSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* カルーセルコンテンツのサイズを大きくする */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

/* スペシャルコンテンツBOX
-------------------------------------------------- */

.slider {
        width: 100%;
        margin: 2vh 0px 0vh 0px;
    }

.slick-slide {
      margin: 0px 5px;
    }

.slick-slide img {
      width: 100%;
    }

/* 左右ボタンの色 */
.slick-prev:before,
.slick-next:before {
      color: white;
    }

.slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
	
/* オフの濃さ */
.slick-active {
      opacity: 1;  /* .5  */
    }
	
/* オンの濃さ */
.slick-current {
      opacity: 1;
    }
	
.slick-prev {
    left: calc(5px);
    /*left: 15px;*/
    z-index: 100;
}
.slick-next {
    right: calc(5px);
    /*right: 15px;*/
    z-index: 99;
}


/* ページTOPへ
-------------------------------------------------- */
#page_top {
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}
#page_top a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f139";
	margin-right: 10px;
	font-size: 3rem;
	color: #666666;
}

/* アンカーをずらす
-------------------------------------------------- */
#products01 {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}

.anker70 {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}

/* パンくず
-------------------------------------------------- */
.breadcrumb {
	background-color: #FFF;
}

.breadcrumb-item 
	a:hover {color:#007bff;} /*カーソルが乗っているリンクの色*/
	

/* 2week-link青
-------------------------------------------------- */
.week-link a:link {color:#3ec2fa;}
.week-link a:visited {color:#3ec2fa;}
.week-link a:hover {color:#007bff;}
.week-link a:active {color:#3ec2fa;}


/* work-section
-------------------------------------------------- */

#work-section .item-grid {
  width: 100%;
  float: left;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  top: 2px;
}

#work-section .item-grid .image {
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}

#work-section .item-grid:hover, #work-section .item-grid:focus {
  text-decoration: none;
  -webkit-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);
  top: -2px;
}

#work-section .item-grid2 {
  width: 100%;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  top: 2px;
}

#work-section .item-grid2 .image {
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}

#work-section .item-grid2:hover, #work-section .item-grid2:focus {
  text-decoration: none;
  -webkit-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);
  top: -2px;
}

.kadomaru10 {
  border-radius: 10px;
}

.js .animate-box {
  opacity: 0;
}

.seihoukei {
  position: relative;
  width: 100%;
}

.seihoukei:before {
  content:"";
  display: block;
  padding-top: 100%; /* 高さを幅の100%に固定 */
}

.seihoukei-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.work-section-menu1 {
	color: #5a5a5a;
	font-size: 1.3rem;
	padding: 1vw;
	background: linear-gradient(rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0.8)), url(../images/menu_image_1.jpg) center bottom / cover no-repeat;
}

.work-section-menu2 {
	color: #5a5a5a;
	font-size: 1.3rem;
	padding: 1vw;
	background: linear-gradient(rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.5) 85%, rgba(255, 255, 255, 0.8)), url(../images/menu_image_2.jpg) center bottom / cover no-repeat;
}


.work-section-menu3 {
	color: #5a5a5a;
	font-size: 1.3rem;
	padding: 1vw;
	/*
	background: url(../pages/magazine/201902/magazine20190201.jpg) center bottom / cover no-repeat;
	*/
}


.work-section-menu4 {
	color: #5a5a5a;
	font-size: 1.3rem;
	padding: 1vw;
	background: linear-gradient(rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.5) 85%, rgba(255, 255, 255, 0.8)), url(../images/menu_image_4.jpg) center bottom / cover no-repeat;
}

.work-section-menu5 {
	color: #5a5a5a;
	font-size: 1.3rem;
	padding: 1vw;
	background: linear-gradient(rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.5) 85%, rgba(255, 255, 255, 0.8)), url(../images/menu_image_5.jpg) center bottom / cover no-repeat;
}

.work-section-menu6 {
	color: #5a5a5a;
	font-size: 1.3rem;
	padding: 1vw;
	background: linear-gradient(rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.5) 85%, rgba(255, 255, 255, 0.8)), url(../images/menu_image_6.jpg) center bottom / cover no-repeat;
}


/* 画像タイトル帯
-------------------------------------------------- */
.parallax-container-text {
	 line-height:20vw;
	 text-align:center;
}

.products_space {
  height: 80px;
}

.parallax-container-text2 {
	 line-height:30vw;
	 text-align:center;
}

/* SPのみで用改行
-------------------------------------------------- */
@media screen and (min-width: 768px){
  .br-sp { display:none; }
}
@media screen and (max-width: 767px){	
  .br-sp { display:block; }
}


/* md以上で改行
-------------------------------------------------- */
@media screen and (min-width: 768px){
  .br-md { display:block; }
}
@media screen and (max-width: 767px){	
  .br-md { display:none; }
}


/* md以上で改行
-------------------------------------------------- */
@media screen and (min-width: 992px){
  .br-md-new { display:none; }
}
@media screen and (max-width: 991px){	
  .br-md-new { display:block; }
}


/* お知らせ
-------------------------------------------------- */
.osirase {
  margin: 7vw 0 0 0;
}

/* 商品の説明囲み
-------------------------------------------------- */
.kakomi {
	border: 1px solid #5a5a5a;
	padding: 1px;
}

/* 商品の注意
-------------------------------------------------- */
.note {
	border: 1px solid #ef8588;
	padding: 1px;
}

li.note_indent{
  text-indent: -1em;
  padding-left: 1em;
  list-style: none;
}

li.note_indent {
  text-indent: -1em;
  padding-left: 1em;
  list-style: none;
}

li.note_indent span{
  color: #ef8588;
}

.products_span span{
  color: #ef8588;
}

/* フッター
-------------------------------------------------- */
#fh5co-footer {
  width: 100%;
}

#fh5co-footer  a:hover, a:visited, a:link, a:active {
  font-weight: lighter;
  text-decoration: none !important;
  color: #5a5a5a;
}

#fh5co-footer h3, #fh5co-footer h3 a {
  font-size: 14px;
}

#fh5co-footer ul {
  padding: 0;
}

#fh5co-footer ul li {
  list-style: none;
}

#fh5co-footer li a {
  font-size: 14px;
}

#fh5co-footer .jyusyo h1 {
  font-size: 18px;
}

#fh5co-footer .jyusyo p {
  font-size: 12px;
}

#fh5co-footer p.copyright {
  font-size: 12px;
}

/* 画面上画像
-------------------------------------------------- */
.products {
  height: 30vw;
  margin: 0 0 3vw 0;
  background: transparent;
}




/* 5カラム設定
-------------------------------------------------- */

.col-15, .col-sm-15, .col-md-1bunkatu, .col-md-2bunkatu, .col-md-3bunkatu, .col-md-4bunkatu, .col-md-15, .col-lg-1bunkatu, .col-lg-2bunkatu, .col-lg-3bunkatu, .col-lg-4bunkatu, .col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-15 {
    width: 20%;
    flex: 0 0 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        flex: 0 0 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1bunkatu {
        width: 20%;
        flex: 0 0 20%;
        float: left;
    }
	.col-md-2bunkatu {
        width: 40%;
        flex: 0 0 40%;
        float: left;
    }
    .col-md-3bunkatu {
        width: 60%;
        flex: 0 0 60%;
        float: left;
    }
	.col-md-4bunkatu {
        width: 80%;
        flex: 0 0 80%;
        float: left;
    }
    .col-md-15 {
        width: 20%;
        flex: 0 0 20%;
        float: left;
    }
    .col-md-offset-15 {
        margin-left: 4.3333333%;
    }
}
@media (min-width: 1200px) {
    .col-lg-1bunkatu {
        width: 20%;
        flex: 0 0 20%;
        float: left;
    }
	.col-lg-2bunkatu {
        width: 40%;
        flex: 0 0 40%;
        float: left;
    }
    .col-lg-3bunkatu {
        width: 60%;
        flex: 0 0 60%;
        float: left;
    }
	.col-lg-4bunkatu {
        width: 80%;
        flex: 0 0 80%;
        float: left;
    }
    .col-lg-15 {
        width: 20%;
        flex: 0 0 20%;
        float: left;
    }
}


/* 商品詳細
-------------------------------------------------- */
.syouhin_header_space {
	margin-top: 80px;
}

.seibun_text {
	font-size: 0.9rem;
}

.seibun_background_color {
	background-color: #f5f5f5;
}

.content_list {
	padding-right: 5px;
	padding-bottom: 10px;
}

@media (min-width: 1600px) {
.max-width1600 {
	max-width: 1600px;
	margin-right: auto;
	margin-left: auto;
}
}


/* モーダル用 最上部に表示
-------------------------------------------------- */
.modaal-wrapper {
	z-index: 100001!important;
}
.modaal-overlay {
	z-index: 100000!important;
}


/* テストBOX
-------------------------------------------------- */

.test01 {
	margin: 0px;
	padding: 0px;
	background-color: #990;
	border: 0px;
}

.test02 {
	background-color: #C63;
}

.aaaaaa {
	border: 1px solid #999;
}