@charset "utf-8";
/* CSS Document */

body{font-family: 'Noto Sans JP', sans-serif;font-size:15px; font-weight:400; line-height:1.8; color:#191919;}

main{padding-top:80px; }
@media screen and (max-width: 767px) {
main{padding-top:55px; width:100%; order:3 }
}

.contents{margin-top:-100px; background-color:#FFF;padding:30px; position:relative;box-shadow: 0 -8px 10px rgb(0 0 0 / 20%);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.contents::before, .contents::after { background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 80%); content: ""; position: absolute; top: 100px; width: 10px; height: calc(100% - 100px); }
.contents::before { left: -10px; }
.contents::after { right: -10px; }

.contents-header{padding:0px 30px; text-align:center;font-family: 'Marcellus', serif; font-weight:bold; line-height:2; width:100%; margin-bottom:40px; display:none;}

@media screen and (max-width: 767px) {
.contents{padding:15px;}
.contents-header{padding:0px;margin-bottom: 20px;}
}

.main{ width:840px;}

/*================  パンくず  ================*/
.breadcrumb{}


/*================  サイドバー  ================*/
.side{width:250px;}
.side ul{ overflow:hidden;}
.side ul li.title{
	background-color: #685849;
	color: #FFF;
	font-family: 'Marcellus', serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.4;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}
.side ul li.title:hover{
	background-color: #370000;
}
.side ul li.title a{ border:none; background:none;height: auto;line-height: 1.4;padding-left: 0px; }
.side ul li.title a.active{background:none;}
.side ul li.title a:before{content:none;}
.side ul li.title a:hover{padding-left: 0px; }

.side ul li.title span{display:block; font-weight:normal; font-size:26px;}
.side ul li.title-sub{
	background-color: #b58a62;
	color: #FFF;
	font-family: 'Marcellus', serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.4;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}


.side ul li a{
	background: #fff;
	border: 1px solid #dedede;
	display: block;
	height: 60px;
	line-height: 58px;
	position: relative;
	transition: padding 0.2s ease;
	font-size: 14px;
	margin-top: -1px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 30px;
}


.side ul li a:before{background: #685849;content: "";
    width: 3px;
    height: 60px;
    transition: left 0.2s ease;
    position: absolute;
    top: -1px;
    left: -4px;
    z-index: 1;}



.side ul li a:hover{padding-left: 44px;}

.side ul li a:hover::before {
    left: -1px;
}

.side ul li a.active{background: #f8f8f8;}

@media screen and (max-width: 767px) {
.side{width:100%; order:2 }
.side ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.side ul li{width:50%;}
.side ul li.title{width:100%; padding:10px 0px; text-align:center;}
.side ul li.title-sub{width:100%;}
.side ul li.case{width:100%; }
.side ul li.case a{text-align:left;}
.side ul li a{padding-left:10px; text-align:center;}
.side ul li a:before{content:none;}
.side ul li a:hover{padding-left:10px;}
}

.global-inner{width:1180px; margin:0 auto; }

@media screen and (max-width: 767px) {
.global-inner{width:95%; margin:0 auto;}
}








/*================  ヘッダー  ================*/
header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center; position:fixed; top: 0px;left: 50%;transform: translate(-50%, 0px); z-index:10; width:100%; margin:0 auto; padding:0 60px; height:80px; background-color:#FFF;}
header.scroll{box-shadow: 0 8px 10px -9px #888;background-color: rgba(255,255,255,1.0);transition: all 1s; }
header .logo img{width:140px; height:auto;}
header .gnav{margin-left:auto;}
header .gnav ul{display:-webkit-box;display:-ms-flexbox;display:flex;}
header .gnav ul li a{display:block; height:80px; line-height:80px; padding:0px 10px;}
header .gnav ul li a:hover{ background-color:#F4F4F4;}
header .gnav ul li a.active{ background-color:#F4F4F4;}



@media screen and (max-width: 767px) {
/*====================
ハンバーガーメニュー
=====================*/
header{
	height: 60px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
header{background-color:transparent;box-shadow:none;transition: all .2s;}
header.scroll{box-shadow: 0 8px 10px -9px #888;background-color: rgba(255,255,255,1.0);transition: all 1s; }
header .logo{position:absolute; top:15px; left:10px; z-index:5;}
header .logo img{width:100px; height:auto;}

header .gnav {display: block;  position: fixed;  top: 0;  right: -300px;  bottom: 0;  width: 300px;	background-color:rgba(255,255,255,1.0);  	-webkit-overflow-scrolling: touch;  transition: all 1.0s;  z-index: 102;  opacity: 0;height: 100vh;overflow: hidden; padding-top:60px;}
.open.gnav { overflow: auto; right: 0;  opacity: 1;  top:0px;  width:100%; z-index:4;
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.08);
-ms-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.08);}
header .gnav ul{display:block; width:90%; margin:0 auto;}
header .gnav ul li{border-bottom:solid 1px #000; padding:10px 0px; font-weight:bold; line-height:1.2;}
header .gnav ul li ul{margin-top:10px;}
header .gnav ul li ul li{ margin-bottom:1px;font-weight:normal;  display: flex;  align-items: center; /* 垂直中心 */ border-bottom:none; font-size:14px; font-weight:normal; padding:0px;}
header .gnav ul li ul li:before {  border-top: 1px solid;  content: "";  width: 10px; /* 線の長さ */}
header .gnav ul li a{display:block; height:auto; line-height:initial; padding:0px 10px;}
header .gnav ul li a.active{ background-color:transparent;}

header .gnav ul li ul.product{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
header .gnav ul li ul.product li{width:50%;}
header .gnav ul li ul.care{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
header .gnav ul li ul.care li{width:50%;}

/*============
ハンバーガーメニューのトグル
=============*/
.toggle_btn {  display: block;  position: absolute;  top: 25px;  right: 30px;  width: 30px;  height: 30px;  transition: all .5s;  cursor: pointer;  z-index: 103;}
.toggle_btn span {  display: block;  position: absolute;  left: 0;  width: 30px;  height: 2px;  background-color: #000;  border-radius: 4px;  transition: all .5s;}
.toggle_btn span:nth-child(1) {  top: 4px;}
.toggle_btn span:nth-child(2) {  top: 14px;}
.toggle_btn span:nth-child(3) {  bottom: 4px;}
.open .toggle_btn span {  background-color: #074098;}
.open .toggle_btn span:nth-child(1) {  -webkit-transform: translateY(10px) rotate(-315deg);  transform: translateY(10px) rotate(-315deg);}
.open .toggle_btn span:nth-child(2) {  opacity: 0;}
.open .toggle_btn span:nth-child(3) {  -webkit-transform: translateY(-10px) rotate(315deg);  transform: translateY(-10px) rotate(315deg);}
.toggle_btn{top:15px; right:15px;}
/*============
ハンバーガーメニューのマスク
=============*/
#mask {display: none;  transition: all .5s;}
.open #mask {  display: block;  position: fixed;  top: 0;  right: 0;  width: 100%;  height: 100%;  /*background: #000;*/  opacity: .8;  z-index: 1; }
}











.full{position: relative;
  width: 100%;
  min-height: 100vh;
  background: url("/wp-content/themes/leica/img/leica-bg.png")
    center / cover;
	-webkit-animation: bgroop 20s linear infinite;
	animation: bgroop 30s linear infinite;
	}

/*=======  背景動き  =======*/
@-webkit-keyframes bgroop {
    from {
        background-position: 0  0;
    }
    to {
        background-position: -1956px 0;
    }
}
@keyframes bgroop {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -1956px 0;
    }
}

.full .copy{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width:25%;
	min-width:300px;}
.full .copy img{width:100%; height:auto;}

/*================  見出し  ================*/
h1{text-shadow: 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	 text-align:center;font-family: 'Marcellus', serif, 'Noto Serif JP', sans-serif; line-height:1.4; font-size:50px; color:#FFF;}
h1 span{display:block; font-size:18px;}

.header-product h1:after{display:block; font-size:18px;}
.header-product.cream h1:after{ content:"SHOES CREAM";}
.header-product.sneaker h1:after{ content:"SNEAKER";}
.header-product.spray h1:after{ content:"SPRAY";}
.header-product.insole h1:after{ content:"INSOLE";}
.header-product.suede h1:after{ content:"SUEDE";}
.header-product.brush h1:after{ content:"BRUSH";}
.header-product.shoe-care-set h1:after{ content:"SHOECARE SET";}
.header-product.glove-care h1:after{ content:"GLOVE CARE";}
.header-product.spike-care h1:after{ content:"SPIKE CARE";}




h2{font-family: 'Marcellus', serif, 'Noto Serif JP', sans-serif; font-size:40px; font-weight:bold;text-align:center; line-height:1.4; letter-spacing:1.5px;}
h2 span{display:block; font-size:15px; font-weight:normal;font-family: 'Noto Sans JP', sans-serif; letter-spacing:0px;}
h3{font-size:24px; font-weight:bold;line-height:1.4;font-weight:normal; }
h3.related-title{margin-bottom:10px;font-size:  24px;position:  relative;font-weight:normal;display:inline-block;padding-top: 40px;padding-left: 40px;padding-bottom: 20px;}
h3.related-title span{z-index:1; position:relative;}
h3.related-title:before{ content:  '';background-color: #ffeaac;display:  block;position:absolute;left:0;height: 90px;width: 90px;border-radius:50%;top: 0;z-index:0;}
.contents-header h2{font-size:36px; margin-bottom:10px;}
@media screen and (max-width: 767px) {
h1{top:25%; font-size:40px;width: 100%;}
h1 span{white-space: nowrap; font-size:18px;}
.contents-header h2{font-size:24px; margin-bottom:10px;}
h2{letter-spacing:0px;font-size:30px;}
h3{font-size:18px; }
}




/*================  TOP：コンセプト  ================*/
.top-concept{ }
.top-concept h2{float:right; margin-bottom:30px;}
.top-concept .box{display:block; width:100%;}
.top-concept .box .photo{ width:46%;}
.top-concept .box .photo img{width:100%; height:auto;}
.top-concept .box .text{width:70%; margin:0 auto; font-size:22px;}
.top-concept .box .text p{margin-bottom:20px;}
.top-concept .box .text p:last-of-type{margin-bottom:0px;}

@media screen and (max-width: 767px) {
.top-concept .box{display:block;}
.top-concept .box .photo{width:100%; margin-bottom:20px;}
.top-concept .box .text{width:100%;}
.top-concept h2{float:none; margin-bottom:30px;}

}

/*================  TOP：おすすめ商品  ================*/
.top-reccomend{ padding:140px 0px;  background: url("/wp-content/themes/leica/img/top-reccomend-bg.png") ; background-repeat:no-repeat;background-size: contain;background-position-x: center;}
.top-reccomend .box{ margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.top-reccomend .box .item{
	line-height: 1.6;
	width: 30%;
	text-align: left;
	background-color: #F4F4F4;
	position: relative;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 30px;
	padding-left: 15px;
}
.top-reccomend .box .item h3{margin-bottom:10px;}
.top-reccomend .box .item .photo{background-color:#FFF; text-align:center; height:180px; margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.top-reccomend .box .item .photo img{width:auto; height:90%;}
.top-reccomend .box .item .btn-new{background-color:#AF3B3B; width:60px; position:absolute; left:0px; top:0px; font-size:13px; color:#FFF; text-align:center; font-weight:bold;}
.top-reccomend .box .item .text{font-size:14px;}
.top-reccomend .box .item .btn-order{font-size:12px; background-color:#FFF; width:80px; border-radius:25px; text-align:center;
webkit-filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
  -moz-filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
  -ms-filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
  filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
  position:absolute; right:5px; bottom:-5px;
  }
.top-reccomend .box .item a .photo img{transition: 0.5s ease;}
.top-reccomend .box .item a .photo:hover{background-color:#fbfaf6;transition: 0.3s ease;}
.top-reccomend .box .item a .photo:hover img{ transform: scale(1.1,1.1);transition: 0.5s ease;}

@media screen and (max-width: 767px) {
.top-reccomend{ padding:70px 0px;}
.top-reccomend .box{display:block;}
.top-reccomend .box .item{width:100%; margin-bottom:30px;}
}


/*================  TOP：商品種類一覧  ================*/
.top-product-list{ padding-bottom:80px;}
.top-product-list .global-inner{position:relative;}
.top-product-list h2{text-align:left; position:absolute; top:-30px;}
.top-product-list h2 span{display:initial; margin-left:10px;}
.top-product-list h3{display:-webkit-box;display:-ms-flexbox;display:flex; padding-top:60px;}
.top-product-list h3:after {
  border-top: solid 3px #FCE5CF;
  content: "";
  display: block;
  flex: 1 0 0.5em;
    align-self: center;
	margin-left:10px;
}
.top-product-list .box{ margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.top-product-list .box .item{width:32%; margin-right:2%; margin-bottom:2%;background-color:#FFF; text-align:center; position:relative; }
.top-product-list .box .item:nth-child(3n){margin-right:0px;}
.top-product-list .box .item img{width:auto; height:200px;transition: 0.5s ease;}
.top-product-list .box .item img.logo{width:80px; height:auto; position:absolute; left:10px; top:10px;}

.top-product-list .box .item h4{font-weight:bold; font-size:17px;}
.top-product-list .box .item a{display:block;    padding-bottom: 10px;}
.top-product-list .box .item a:hover{background-color:#fbfaf6;transition: 0.3s ease;}
.top-product-list .box .item a:hover img{ transform: scale(1.1,1.1);transition: 0.5s ease;}
.top-product-list .box .item a:hover img.logo{ transform: scale(1.0,1.0);}
@media screen and (max-width: 767px) {
.top-product-list .box {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.top-product-list .box .item{width:49%;margin-right:0%;}
.top-product-list .box .item img{width:90%; height:auto;}
}
/*================  TOP：動画で分かる靴のお手入れ方法  ================*/
.top-howto{ padding:60px 0px;
background: rgb(255,241,225);
background: linear-gradient(0deg, rgba(255,241,225,1) 0%, rgba(255,255,255,1) 100%);}
.top-howto .movie{text-align:center; margin-top:30px;}
.top-howto .movie .btn-more{background-color:#FFF;border-radius:25px; text-align:center;font-size:12px;width:200px; margin-top:40px; margin-left:auto; margin-right:auto;webkit-filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
  -moz-filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
  -ms-filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
  filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));}
.top-howto .movie .video{width:80%;}

@media screen and (max-width: 767px) {
.top-howto{ padding:30px 0px;}
.top-howto .movie img{width:100%; height:auto;}
}
/*================  TOP：ライカについて  ================*/
.top-company-info{ padding:60px 0px;}
.top-company-info h2{text-align:left;}
.top-company-info h2 span{display:initial; margin-left:10px;}
.top-company-info .box .item{margin-bottom:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; margin-top:40px;}
.top-company-info .box .item:last-of-type{margin-bottom:0px;}
.top-company-info .box .item .text-area{ padding:20px;width:48%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;  flex-direction: column;}
.top-company-info .box .item .text-area h3{border-bottom:1px solid #000; border-top:1px solid #000;position: relative; margin-left:0px; font-size:16px;width: fit-content; margin-bottom:10px;}
.top-company-info .box .item .text-area h3 span{ font-size:35px;position: absolute; top:-20px;
    left: -60px;}
.top-company-info .box .item .text-area .btn-more{background-color:#FFF;border-radius:25px; text-align:center;font-size:12px;width:200px; margin-top:auto; margin-left:auto;webkit-filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
  -moz-filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
  -ms-filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
  filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
 }


.top-company-info .box .item .photo{width:48%; overflow:hidden;}
.top-company-info .box .item .photo img{width:100%; height:300px;transition: 0.5s ease;    object-fit: cover;
    object-position: bottom;}

.top-company-info  a:hover .item{background-color:#fbfaf6;transition: 0.3s ease;}
.top-company-info  a:hover .item .photo img{ transform: scale(1.1,1.1);transition: 0.5s ease;}

@media screen and (max-width: 767px) {
.top-company-info{ padding:30px 0px;}
.top-company-info h2{text-align:center;}
.top-company-info h2 span{display:block; margin-left:0px;}
.top-company-info .box .item{display:block;}
.top-company-info .box .item .text-area{width:100%; margin-bottom:20px;}
.top-company-info .box .item .photo{width:100%;}
}
/*================  TOP：お知らせ  ================*/
.top-news{padding:80px 0px;}
.top-news .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; margin-top:30px; margin-bottom:20px;} 
.top-news .box .item{ width:31%; background-color:#FFF; padding:15px;transition: 1.3s ease;}
.top-news .box .item .title{ color:#B7A07F; border-bottom:solid 1px #B7A07F; margin-bottom:5px;}
.top-news .box .item:hover{background-color:#fbfaf6;transition: 0.3s ease;}

.top-news .btn-more{background-color:#FFF;border-radius:25px; text-align:center;font-size:12px;width:130px; margin-top:auto; margin-left:auto;webkit-filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
  -moz-filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
  -ms-filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
  filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));}

@media screen and (max-width: 767px) {
.top-news{padding:30px 0px;}
.top-news .box{display:block;}
.top-news .box .item{width:100%;}
}



/*================  TOP：SNS  ================*/
.top-sns{padding:80px 0px;}
.top-sns ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
	width: 300px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.top-sns ul li{margin:0 10px;}
.top-sns ul li img{width:40px; height:auto;}



/*================ 製品紹介トップ   ================*/
.header-product{ background-color:#685849; height:400px;position: relative; background-image:url(../img/header-product.png); background-repeat:no-repeat; background-size:cover; background-position:center center; z-index:-1;}
.header-product:before{content: "";   position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;   background: linear-gradient(rgba(0, 0, 0, .2),  rgba(0, 0, 0, .2));}

.product-top{width: 100%;}
.product-top .box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.product-top .box a{display:block; width:50%;}
.product-top .box .item{ overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex; height:250px;transition: 0.5s ease; border:solid 1px #ddd; background-color:#fbfaf6; margin-top:-1px;margin-left: -1px;}
.product-top .box .item img{height:100%; width:auto; object-fit:contain;transition: 0.3s ease;}
.product-top .box .item .photo{width:35%; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.product-top .box .item .photo img{object-fit:contain; height:90%; width:auto;}
.product-top .box .item .text{ line-height:1.6; font-size:13px; background-color:#FFF; margin:15px;transition: 0.3s ease;   width:65%; padding:15px; height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;  flex-direction: column;}
.product-top .box .item .text.right{left:initial; right:15px;}


.product-top .box .item .text h4{font-family: 'Marcellus', serif, 'Noto Serif JP', sans-serif; font-size:26px; line-height:1.4; margin-bottom:15px; font-weight:bold;}
.product-top .box .item .text h4 span{display:block;  font-size:14px; font-weight:normal;}
.product-top .box .item .text p.lead{font-weight:bold; font-size:18px; margin-bottom:3px;}
.product-top .box .item .text .view{margin-top:auto; font-size:13px;}
.product-top .box .item .text .view i{margin-left:10px;}
.product-top .box a:hover .item{background-color:#dedede;transition: 0.3s ease;}
.product-top .box a:hover .item img{ transform: scale(1.1,1.1);transition: 0.5s ease;}
.product-top h3{ z-index:1;margin:  0;font-size:  24px;position:  relative;font-weight:  normal;margin-bottom: 15px;padding-top: 50px;padding-left: 40px; margin-top:20px; width:100%;}
.product-top h3:before{content:  '';width: 0;height: 0;border-style: solid;border-width: 0px 0 110px 80px;border-color: transparent transparent #FCE5CF transparent;position:absolute;z-index:-1;transform: rotate(30deg);top: -20px;left: 30px;}
.product-top h3:first-child{margin-top:0px;}


@media screen and (max-width: 767px) {
.product-top .box a{width:100%;}
.product-top .box .item{-ms-flex-wrap: wrap;flex-wrap: wrap; height:auto;}
.product-top .box .item .text{width:100%; padding:20px;background-color: rgba(255,255,255,0.95);height: auto;}
.product-top .box .item .photo{width:100%;}
.product-top .box .item .photo img{width:40%; height:auto;}
}

/*================ 会社案内トップ   ================*/
.header-compnany{ background-color:#685849; height:400px;position: relative; background-image:url(../img/header-company.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center; z-index:-1;}

.company-top{}

.company-top .history{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.company-top .history .photo{width:100%; margin-left:20px;}
.company-top .history .photo ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.company-top .history .photo li{width:48%; margin-bottom:30px;}
.company-top .history .photo li.full-img{width:100%;}
.company-top .history .photo li img{width:100%;}
.company-top h3{ text-align:center; display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
	margin-bottom:20px;}

.company-top h3::before,
.company-top h3::after {content: '';width: 50px;height: 3px;background-color: #222;}
.company-top h3::before {margin-right: 20px;}
.company-top h3::after {margin-left: 20px;}
.company-top table{border-collapse:	collapse; width:100%; margin-bottom:40px;}
.company-top table th{background-color: #f8f8f8;width: 20%;border: 1px solid #ddd;    font-weight: normal;text-align: center;padding: 5px;}
.company-top table td{border: 1px solid #ddd;padding: 5px 25px 5px 28px;}


@media screen and (max-width: 767px) {
.header-compnany{height:300px;}
.company-top .history{-ms-flex-wrap: wrap;flex-wrap: wrap;}
.company-top table th, .company-top table td{display:block; width:100%; height:100%;}
.company-top table td{padding:10px;}

}

/*================ 靴のお手入れ方法   ================*/
.header-care{ background-color:#685849; height:400px;position: relative; background-image:url(../img/header-care.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center; z-index:-1;}
.care .point{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; margin-bottom:60px;}
.care .point .item{
	width: 25%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ddd;
	border-bottom-color: #ddd;
	border-left-color: #ddd;
}
.care .point .item:last-child{border-right:1px solid #ddd;}
.care .point .item .text{padding:20px; font-size:15px;}
.care .point .item .text h4{font-size:16px; margin-bottom:15px; font-weight:bold;}
.care .point .item .text h4 span{font-size:20px;}
.care .point .item img{width:100%; height:auto; }

.care .hokan{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap; margin-bottom:60px;}
.care .hokan .item{
	width: 50%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ddd;
	border-bottom-color: #ddd;
	border-left-color: #ddd;
}
.care .hokan .item:last-child{border-right:1px solid #ddd;}
.care .hokan .item .text{padding:20px; font-size:15px;}
.care .hokan .item .text h4{ margin-top:35px;font-size:16px; margin-bottom:15px; font-weight:bold; position:relative;}
.care .hokan .item .text h4 span{font-size: 30px;background-color: #685849;color: #FFF;text-align: center;width: 40px;display: inline-block;    margin-right: 10px;font-family: 'Noto Sans JP', sans-serif;line-height:40px;height: 40px; position:absolute; top:-45px;}
.care .hokan .item img{width:100%; height:auto; }


.care h3{ text-align:center; display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 80px;}

.care h3::before,
.care h3::after {content: '';width: 50px;height: 3px;background-color: #222;}
.care h3::before {margin-right: 20px;}
.care h3::after {margin-left: 20px;}
.care .navi{display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;overflow:hidden;}
.care .navi a{  width:25%;  display:block;transition: 0.5s ease;}
.care .navi a.howtocare{width:100%;}
.care .navi a.howtocare img{height:185px !important; width:100% !important;;}
.care .navi a.case{width:33.333%;}
.care .navi .item.movie{width:48%; margin-left:1%; margin-right:1%; margin-bottom:20px;}
.care .navi .item.movie .video{width:100%; border:solid 1px #222;}

.care .navi a .item{border: 1px solid #ddd; }
.care .navi a .item .photo{ overflow:hidden}
.care .navi a .item .photo img{width:auto; height:185px; object-fit:cover;transition: 0.3s ease;}
.care .navi .item .text{padding:10px; text-align:center; background-color:#FCE5CF; color:#310000;transition: 1.0s ease;}
.care .navi a:hover .item img{ transform: scale(1.2,1.2);transition: 0.5s ease;}
.care .navi a:hover .item .text{ background-color:#310000;transition: 0.5s ease; color:#FFF;}


.care .box{}
.care .box .item{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;background-color: #fbfaf6; padding:20px; margin-bottom:20px;}
.care .box .item.reverse{-webkit-box-orient: horizontal;  -webkit-box-direction: reverse;  -ms-flex-direction: row-reverse;  flex-direction: row-reverse;}
.care .box .item .photo{width:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.care .box .item .photo img{transition: 0.3s ease; width:170px; height:auto;}
.care .box .item .text{ font-size:14px;transition: 0.3s ease; background-color:#FFF; width:570px; padding:20px;}
.care .box .item .text h3{font-size:26px; line-height:1.4; margin-bottom:20px; margin-top:0px; display:block; text-align:left; font-family: 'Marcellus', serif;}
.care .box .item .text h3:before, .care .box .item .text h3:after{content:none;}
.care .box .item .text h3 span{font-size:34px; background-color:#685849; color:#FFF; text-align:center; width:50px;display: inline-block; margin-right:10px;font-family: 'Noto Sans JP', sans-serif; line-height:50px; height:50px;}
.care .box .item .text p.notice{color:red; font-size:13px; line-height:1.2; margin-top:10px;}
.care .box .item .text .view{margin-top:30px; font-size:13px;display:-webkit-box;display:-ms-flexbox;display:flex;}
.care .box .item .text .view .unit{ background-color:#ebe7d8; min-width:49%; height:70px;transition: 0.3s ease; border:solid 1px #CCC; }
.care .box .item .text .view .unit a:hover{background-color:#685849;transition: 0.3s ease; color:#FFF;}
.care .box .item .text .view .unit a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.care .box .item .text .view .unit img{width:70px; height:70px; object-fit:cover; padding:5px;}
.care .box .item .text .view i{margin-left:5px; margin-right:5px;}

.care .box .item .text .view .unit.no-link{ width:35%;min-width:35%;background-color:#e3e3e3;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.care .box .item .text .view .unit.no-link a{display:block;}

.care .box .item .text .view .unit:nth-child(2){margin-left:20px;}

.care .video video {  width: 100%;}

@media screen and (max-width: 767px) {
.header-care{height:300px;}
.care h3::before, .care h3::after{width:25px;}
.care .point{-ms-flex-wrap: wrap;flex-wrap: wrap;}
.care .point .item{width:100%; border-right:solid 1px #ddd;}
.care .navi a{width:100%;}
.care .navi a.case{width:100%;}
.care .navi a .item .photo img{width:100%; height:auto;}
.care .navi .item.movie{width:100%; margin-left:0%; margin-right:0%; }
.care .box .item{display:block; padding:10px;}
.care .box .item .photo{width:100%;}
.care .box .item .text{width:100%;}
.care .box .item .text h3{font-size:20px;}
.care .box .item .text h3 span{font-size:24px; width:30px; height:30px; line-height:30px;}
.care .box .item .text .view{-ms-flex-wrap: wrap;flex-wrap: wrap;}
.care .box .item .text .view .unit{margin-bottom:5px; height:50px;}
.care .box .item .text .view .unit img{width:45px; height:45px;}
.care .box .item .text .view .unit.no-link{min-width: 100%;width:100%;}
.care .box .item .text .view .unit{min-width:100%;width:100%;}
.care .box .item .text .view .unit:nth-child(2){margin-left:0px;}
.care .hokan .item{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap; border:solid 1px #CCC; margin-bottom:10px;}
.care .hokan .item .text{width:100%; order:1; padding:10px;}
.care .hokan .item .text h4 span{left:-10px;}
.care .hokan .item img{order:2;}
}

/*================ お手入れ方法下の商品リスト   ================*/
.product-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap; margin-bottom:60px;}
.product-list a{display:block;width: 33.3333%;border: 1px solid #ddd;	margin-left:-1px;	margin-top:-1px; }
.product-list .item{ height:100%;}
.product-list a .item h4{font-size:14px; margin-bottom:15px; font-weight:bold; text-align:center;}
.product-list a .item h4 br{display:none;}
.product-list a .item ul{ padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.product-list a .item ul li{width:48%; text-align:center;  background-color:#685849; border-radius:5px; font-size:13px; color:#FFF; margin-bottom:3px;}
.product-list .item .photo{ position:relative;overflow:hidden; height:250px;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.product-list a .item img{width:100%; height:auto;transition: 0.5s ease; object-fit:contain;height:200px;}
.product-list a .item img.logo{position:absolute; top:10px; left:10px; width:80px; height:auto;}
.product-list a:hover .item{background-color:#fbfaf6;transition: 0.3s ease;}
.product-list a:hover .item img{ transform: scale(1.1,1.1);transition: 0.5s ease;}
.product-list a:hover .item img.logo{ transform: scale(1.0,1.0);transition: 0.5s ease;}

.product-list li.care-oil{display:none;}
.product-list li.care-mold{display:none;}
.product-list li.care-suede{display:none;}
.product-list li.care-sneaker{display:none;}
.product-list li.care-nume{display:none;}
.product-list li.care-tsuya{display:none;}
.product-list li.care-hikaku{display:none;}
.product-list li.care-nuno{display:none;}
.product-list li.care-dry{display:none;}
.product-list li.care-wet{display:none;}
.product-list li.care-white{display:none;}


@media screen and (max-width: 767px) {
.product-list .item .photo{height:220px;}
.product-list a{width:100%;}
}

/*================ 製品紹介   ================*/
.header-product-cream{ background-color:#685849; height:400px;position: relative; background-image:url(../img/product-top01.png); background-repeat:no-repeat; background-size:cover; background-position:center center; z-index:-1;}
.header-product-spray{ background-color:#685849; height:400px;position: relative; background-image:url(../img/product-top02.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center; z-index:-1;}
.header-product-sneaker{ background-color:#685849; height:400px;position: relative; background-image:url(../img/product-top03.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center; z-index:-1;}
.header-product-shoe-care{ background-color:#685849; height:400px;position: relative; background-image:url(../img/product-top04.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center; z-index:-1;}
.header-product-baseball{ background-color:#685849; height:400px;position: relative; background-image:url(../img/product-top05.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center; z-index:-1;}


.product-detail{ margin-bottom:60px;}
.product-detail h3{ text-align:center; display: flex;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 0px;
	font-weight:bold;
	text-align:left;}


.product-detail h3::after {content: '';width: 50px;height: 1px;background-color: #685849;}
.product-detail h3::after {margin-left: 20px;}
.product-detail .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.product-detail .photo {width:49%; text-align:center;}
.product-detail .text {width:49%;}
.product-detail .text .unit{line-height:1.6;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: end;	-ms-flex-align: end;	align-items: flex-end;}
.product-detail .text .unit .price{font-size:26px; font-weight:bold;margin-right: 20px; }
.product-detail .text .unit .price span{font-size:14px;}
.product-detail .text .unit .capacity{ padding-bottom:5px;}
.product-detail .text h4{margin-bottom:40px;margin-top:40px;}
.product-detail .text h5{margin-bottom:0px; background:#c97070; border-radius:5px 5px 0px 0px;display: inline-block; padding:3px 15px; text-align:center; margin-top:40px; color:#FFF;}
.product-detail .text .notice{font-size:13px; line-height:1.5; border:solid 1px #CCC; padding:10px; color:red;}
.product-detail .text ul.care{position:relative; background-color:#f8f8f8; margin-bottom:30px; margin-top:10px;}
.product-detail .text ul.care li{margin:0px; border-left:solid 1px #685849;border-right:solid 1px #685849; padding:3px 10px;transition: 0.3s ease;}
.product-detail .text ul.care li a{transition: 0.3s ease; display:block;}
.product-detail .text ul.care li:first-child{border-top:solid 1px #685849; background-color:#685849; color:#FFF;}
.product-detail .text ul.care li:last-child{border-bottom:solid 1px #685849;}
.product-detail .text ul.care li a:hover{padding-left: 20px;transition: 0.3s ease;}

.product-detail .text ul.color{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.product-detail .text ul.color li{margin:0px 3px;width:12.5%;}
.product-detail .text ul.color li:first-child{width:100%;font-size:17px; font-weight:bold;}
.product-detail .text ul.color li:first-child{ text-align:center; display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    text-align: center;
    margin-bottom: 10px;
   }

.product-detail .text ul.color li:first-child::before,
.product-detail .text ul.color li:first-child::after {content: '';width: 50px;height: 1px;background-color: #222;}
.product-detail .text ul.color li:first-child::before {margin-right: 20px;}
.product-detail .text ul.color li:first-child::after {margin-left: 20px;}
.product-detail .text ul.color li.w100p{width:100%;}

.product-detail .text ul.color li a{ display:block;}
.product-detail .text ul.color li img{width:100%; height:auto;}


.product-detail .photo img{height:500px;}


h4.related-title{padding-bottom: 10px;
	font-size: 26px;
	background-image: repeating-linear-gradient(90deg, #b4a983 0, #b4a983 2px, rgba(0,0,0,0) 2px, rgba(0,0,0,0) 4px);
	background-size: 4px 4px;
	background-repeat: repeat-x;
	background-position: center top;
	text-align:center;
	padding-top:20px;
	margin:30px 0px;}
	
.product-detail .shopping{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	padding:10px;
	background-color:#f8f8f8;
}
.product-detail .shopping i{margin-right:20px;}
.product-detail .shopping i.arrow{margin-left:auto; margin-right:0px;}


@media screen and (max-width: 767px) {
.header-product{height:300px;}
.header-product-cream{height:300px;}
.header-product-spray{height:300px;}
.header-product-sneaker{ height:300px;}
.header-product-shoe-care{height:300px;}
.header-product-baseball{height:300px;}

.product-detail h3::after{content:none;}
.product-detail .item{display:block;}
.product-detail .photo{width:100%; margin-bottom:20px;}
.product-detail .photo img{height:300px;}
.product-detail .text{width:100%;}
.product-detail .text .unit .price{margin-bottom:0px;}
.product-detail .text ul.color li:first-child::before, .product-detail .text ul.color li:first-child::after{width:25px;}
}









/*================ お問い合わせ   ================*/
.header-contact{ background-color:#685849; height:400px;position: relative; background-image:url(../img/header-contact.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center; z-index:-1;}
.contact{width:100%; text-align:center;}
.contact h3{ text-align:center; display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
	margin-bottom:20px;}

.contact h3::before,
.contact h3::after {content: '';width: 50px;height: 3px;background-color: #222;}
.contact h3::before {margin-right: 20px;}
.contact h3::after {margin-left: 20px;}
.contact table{
	border-collapse: collapse;
	margin-bottom: 30px;
	width: 80%;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}
.contact table th{background-color: #f8f8f8;width: 20%;font-weight: normal;text-align: center;text-align:left; padding-left:20px; vertical-align:middle;}
.contact table td{padding: 5px; background-color:#f8f8f8; text-align:left;}
.contact table td input{background-color:#FFF; padding:10px; width:100%;}
.contact table td textarea{background-color:#FFF; padding:10px; width:100%;}
.contact .btn-confirm{width:150px; margin:0 auto; background-color:#685849; padding:7px; border-radius:5px; text-align:center; color:#FFF; margin-bottom:70px;}
.contact .btn-send{width:150px; background-color:#685849; padding:7px; border-radius:5px; text-align:center; color:#FFF; margin:0 10px;}
.contact .btn-back{width:150px; background-color:#CCC; padding:7px; border-radius:5px; text-align:center; color:#FFF; margin:0 10px;}
.contact .tel{margin-bottom:70px;}

.mw_wp_form_confirm th,
.mw_wp_form_confirm td{padding:20px !important; vertical-align:middle;}
.mw_wp_form_confirm th{background-color:#e7e7e7 !important; }

::placeholder{color:#e9e9e9;}
@media screen and (max-width: 767px) {
.header-contact{ height:300px;}
.contact h3::before,
.contact h3::after {width: 20px;}

.contact table{width:100%;}
.contact table td, .contact table th{width:100%; display:block;}
.contact table th{padding:5px; padding-left:15px;}
.contact .tel img{width:100%; height:auto;}
}


/*================ ショッピング扉   ================*/
.header-shopping{ background-color:#685849; height:400px;position: relative; background-image:url(../img/header-shopping.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center; z-index:-1;}
.shopping{}
.shopping .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; padding:30px;}
.shopping .box .item{ width:30%;}
.shopping .box .item img{border:solid 1px #CCC; width:100%;}


/*================ ニュース詳細   ================*/
.header-news{ background-color:#685849; height:400px;position: relative; background-image:url(../img/header-news.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center; z-index:-1;}
.news-detail{width:100%;}
.news-detail h3{ text-align:center; display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
	margin-bottom:20px;}

.news-detail h3::before,
.news-detail h3::after {content: '';width: 50px;height: 3px;background-color: #222;}
.news-detail h3::before {margin-right: 20px;}
.news-detail h3::after {margin-left: 20px;}
.news-detail .box{
	width: 80%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 80px;
	margin-left: auto;
}
.news-detail .box .date{background-color:#685849; color:#FFF; font-size:14px; border-radius:5px; margin-bottom:20px; width:150px; padding:5px; text-align:center;}
.news-detail .box .text{ text-align:left;}

.news-list{width: 100%; }
.news-list .box{	width: 80%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	border-top:solid 1px #000; padding-top:40px;
}
.news-list .box a{display:-webkit-box;display:-ms-flexbox;display:flex; margin-bottom:15px;}
.news-list .box .item a .date{width:160px; font-weight:bold;}
.news-list .box .item a .title{}
.news-list .box .item a .title i{margin-right:5px;}
.news-list .box .item:hover{text-decoration:underline;}


@media screen and (max-width: 767px) {
.header-news{height:300px;}
.news-detail .box{width:100%;}
.news-list .box{width:100%;}
.news-list .box a{display:block;}
}
/*================  フッター  ================*/
footer{
	background-image: url(/wp-content/themes/leica/img/leica-bg-footer.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 200px;
	padding-right: 0px;
	padding-bottom: 100px;
	padding-left: 0px;
}
footer .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end; margin-top:40px;}
footer .nav ul{margin-left:100px;}
footer .nav ul li{font-weight:bold; margin-bottom:30px;}
footer .nav ul li ul{margin-left:0px; margin-top:5px;}
footer .nav ul li ul li{ margin-bottom:5px;font-weight:normal;  display: flex;  align-items: center; /* 垂直中心 */}
footer .nav ul li ul li:before {  border-top: 1px solid;  content: "";  width: 10px; /* 線の長さ */}
footer .nav ul li ul li:before {
  margin-right: 10px; /* 文字の右隣 */
}


footer .logo img{width:100px;}
footer .copyright{font-size:12px;}

@media screen and (max-width: 767px) {
footer .nav{display:block;}
footer .nav ul{margin-left:20px;}
footer .nav ul.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
footer .nav ul.flex li{width:33%;}
footer .copyright{ text-align:center;}

}
/*================  単体  ================*/
.bg-gray{ background-color:#F4F4F4;}



@media screen and (max-width: 767px) {
.pc{display:none !important;}
}
@media screen and (min-width: 768px) {
.sp{display:none !important;}
}