body {
    background-image: url(https://www.kokonoe-shop.com/img/back.gif);
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    min-width: 1200px;
}
.fs-c-salesPeriod__date {
    display: none;
}
.head-banner {
			width: 1200px;
			margin: 15px auto;
			padding: 0;
		}
p {
    margin: 0;
}
.fs-p-address {
    display: flex;
    flex-direction: column;
    font-style: normal;
}
#product_right {
    width: 240px !important;
    padding: 0 0 0 0 !important;
    float: left;
    box-sizing: border-box;
}
#product_left {
    width: 620px !important;
    float: left;
    margin: 0 20px 0 20px !important;
    box-sizing: border-box;
}
.fs-p-headerNavBar {
display: none;
}
.fs-l-footer {
background: none; 
}
.fs-c-slick .slick-list {
padding: 0 !important;
}
.fs-p-headerNavBar {
    border: none !important;
}
.fs-p-drawer {
    background: none;
padding: 0;
}
.fs-c-breadcrumb {
    font-size: 1.2rem;
	width: 1200px;
	margin: 0 auto;
}

.fs-c-breadcrumb {
    font-size: 1.2rem;
}
.fs-p-productDescription {
	width: 100%;
	display: block;
	margin: 0 0 10px 0;
}


.fs-p-productDescription--short {
	width: 100%;
	display: block;
	margin: 0 0 10px 0;
}
.fs-l-header__contents {
    display: block;
}
.fs-l-header {
    display: block;
    padding-top: 0;
    width: 100%;
    margin: 0 auto 20px;
}
.fs-l-header__contents {
    grid-template-rows: auto auto;
    grid-template-columns: 0;
}
.fs-p-headerNavBar {
    background: none; 
    border-bottom: 2px solid #7c8790;
    color: #000;
}
.fs-p-headerNavigation__link:link {
  color: #333;
}
.fs-p-headerNavigation__link:visited {
  color: #333;
}
.fs-p-headerNavigation__link:hover {
  color: #b20000;
}
.fs-p-headerNavigation__link:active {
  color: #333;
}
#head_box {

	width: 1200px;

	height: 130px;

	margin: 0 auto;

	overflow: hidden;

	position: relative;

}

#head_left {

	width: 383px;

	float: left;
	margin: 20px 0 0 0;

}

#head_left p {

	width: 270px;

	padding: 11px 0 7px 5px;

	line-height: 1em;

}

#head_box h1 {

	width: 383px;
margin: 0;
	line-height: 1em;

}

#head_right {

	width: 467px;

	float: right;
position: relative;
}

#head01 {

	margin: 10px 0 8px 0;

	width: 467px;

}

#head_right ul {

	overflow: hidden;

	margin: 0 0 0 0;

}
#head_right ul img {
	width: 100%;

}
#head_right li {

	float: left;
list-style: none;
	line-height: 0;

}

#head_right li:nth-of-type(5) {

	padding: 0 0 0 3px;
	width: 22px;

}

#head_right li:nth-of-type(6) {

	padding: 0 0 0 3px;
	width: 22px;
}

#head_right li:nth-of-type(7) {

	padding: 0 0 0 3px;
	width: 22px;
}
#head_right li:nth-of-type(8) {

	padding: 0 0 0 3px;
	width: 22px;
}



#head02 {
	margin: 0;
	width: 467px;
	overflow: hidden;
}
#head-99 {
	position: absolute;
	top: 40px;
	left: -90px;
	width: 87px;
}
#head-a {

	width: 140px;

	float: left;

}

#head-a p:first-of-type {

	padding: 0 0 6px 0;

	line-height: 0;

}

#head-a p:nth-of-type(2) {

	padding: 0 0 0 0;

	line-height: 0;

}

#head-b {

	width: 120px;

	float: left;

	margin: 0 0 0 8px;

}

#head-c {

	width: 190px;

	float: right;

}

#head-c p {

	padding: 0 0 0 0;

	line-height: 0;

}


.fs-pt-carousel {
width: 1200px;
margin: 0 auto;
}
#topmenu {
			width: 100%;
			margin: 0 auto;
			background-color: #f15a24;
			background-image: url("https://www.kokonoe-shop.com/wp-content/themes/twentysixteen/img/nav-back.jpg");
		background-position: center;
		background-repeat: repeat-x;
		}
	#topmenu ul {
			width: 1200px;
			margin: 0 auto;
		padding: 0;
		height: 100px;
		display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
		
		}
		#topmenu ul li {
			width: 200px;
			height: 50px;
			list-style: none;
			font-size: 16px;
			text-align: center;
			padding: 0;
			margin: 0;
		}
		#topmenu ul li a {
			width: 200px;
			height: 50px;
			display: block;
			line-height: 50px;
			color: #fff;
			box-sizing: border-box;
			text-decoration: none;
			padding: 0;
			margin: 0;
		}
	#topmenu ul li a:hover {
			width: 200px;
			height: 50px;
			display: block;
			line-height: 50px;
			color: #fff;
			box-sizing: border-box;
		background-color: #b20000;
		text-decoration: none;
		padding: 0;
			margin: 0;
		}

#second-container {
	width: 1200px;
	margin: 0 auto;
}
#second-container img {
	width: 100%;
}
		.b1 {
			width: 100%;
			margin: 0 0 20px 0;
		}
		.b-box {
			width: 100%;
			display: flex ;
  justify-content: space-between;
  flex-wrap: wrap;
		}
		.b-box9 {
			width: 100%;
			display: flex ;
  justify-content: space-between;
  flex-wrap: wrap;
		}
		.b-box2 {
			display: none;
		}
		.b2 {
			width: 49%;
			margin: 0 0 20px 0;
		}
		.b22 {
			width: 49%;
			margin: 0 0 20px 0;
		}
.fs-l-footer__utility .fs-p-footerUtilityMenu {
    display: none;
}
.fs-p-footerSnsLink {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    list-style: none;
    margin: 0 auto 20px;
    padding: 0;
}
#sphead {
		display: none;
}
/*スマホ==========================================================================================================*/
@media screen and (max-width: 820px) {
body {
    background-image: url(https://www.kokonoe-shop.com/img/back.gif);
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    min-width: 100%;
}
.fs-p-headerNavBar {
display: block;
}
.fs-c-breadcrumb {
    font-size: 1.2rem;
	width: 96%;
	margin: 0 auto;
}
.head-banner {
			width: 100%;
			margin: 10px auto;
			padding: 0;
		}
#head_box {
display: none;
	width: 100%;

	height: auto;

	margin: 10px auto;

	overflow: hidden;

	position: relative;

}



#head_left {

	width: 96%;

	float: none;

	margin: 0 auto 0;

}

#head_left p {

	display: none;

}

#head_box h1 {

	width: 96%;

	margin: 0 auto;

}

#head_right {

	display: none;

}
.fs-pt-carousel {
width: 100%;
margin: 0 auto;
}
.fs-l-header__contents {
    display: block;
}
.fs-l-header {
    display: block;
    padding-top: 0;
    width: 100%;
    margin: 0 auto;
}
#topmenu {
		display: none;
}
#second-container {
	width: 96%;
	margin: 0 auto;
}
#second-container img {
	width: 100%;
}
.b1 {
			width: 100%;
			margin: 0 0 20px 0;
		}

		.b-box {
			width: 100%;
			display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
		}
		.b2 {
			width: 49%;
			margin: 0 0 20px 0;
		}
.b22 {
			width: 100%;
			margin: 0 0 15px 0;
		}
	
.fs-p-headerNavigation__search {
    flex: none;
    width: 80%;
    margin: 10px auto;
}
.fs-p-headerNavBar {
display: block;
}
.fs-l-footer__utility .fs-p-footerUtilityMenu {
    display: none;
}



	#sphead {
		display: block;
		width: 100%;
}

	
	#sphead h1 {
		width: 80%;
		margin: 0 0 0 10%;
		padding: 0 0 0 0;
		z-index: 1000;
	}
	
	
/*nabi開閉部分*/
#sp-m {
    z-index: 1000;
    margin: 0 0 0 0;
	width: 100%;
	float: none;
	height: auto;
	background-color: #000;
	padding: 0 0 0 0;
}
    .nav-wrap{
        box-sizing: border-box;
        position: fixed;
        top: 0;
        width: 100%;
		z-index:1000;
    }

	
    /*ハンバーガーボタン*/

    .icon-animation {
      width: 60px;
      height: 60px;
      display: block;
      cursor: pointer;
      float: right;
      position: absolute;
      right: 10px;
      text-align: center;
      top: 10px;
    }

    .icon-animation span {
      width: 60px;
      height: 2px;
      display: block;
      background: #000;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -25px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    .icon-animation .top {
      -webkit-transform: translateY(-13px);
      -ms-transform: translateY(-13px);
      transform: translateY(-13px);
    }
.icon-animation span.middle {
	font-size: 12px;
    background: transparent;
    height: auto;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: 1px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	color: #000;
}
    .icon-animation .bottom {
      -webkit-transform: translateY(13px);
      -ms-transform: translateY(13px);
      transform: translateY(13px);
    }

    .is-open .middle {
      opacity: 0;
    }

    .is-open .top {
      -webkit-transform: rotate(-45deg) translateY(0px);
      -ms-transform: rotate(-45deg) translateY(0px);
      transform: rotate(-45deg) translateY(0px);
    }

    .is-open .bottom {
      -webkit-transform: rotate(45deg) translateY(0px);
      -ms-transform: rotate(45deg) translateY(0px);
      transform: rotate(45deg) translateY(0px);
    }

	

	
.gnav {
		z-index: 1000;
      list-style-type: none;
      width: 100%;
      /*　z-indexは.wrapper部分でpositionを使用した場合は適切な数字（一番大きい値）に変更*/
      z-index: 1000;
	  padding:20px 0 500px 0;
	background: rgba(0,0,0,0.5);
	-webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);

    }
.gnav-title {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	padding: 20px 0 0 0;
	color: #fff;
}
.gnav ul {
	width:100%;
	margin:0 auto 20px;
	min-width: 100%;
	padding: 0 0 50px 0;
	font-size: 0;
	overflow: hidden;
    }
    .gnav li {
		float: left;
		width: 48%;
		margin: 0 1% 15px 1%;
    }
.gnav li:nth-of-type(1) {
		float: left;
		width: 48%;
		margin: 0 1% 15px 1%;
    }
  .gnav li a {
      display: block;
      text-decoration: none;
      /* (44-16)/2=14px */
      padding:10px 0;
	  font-size:14px;
	  text-align:center;
	  letter-spacing:0.1em;
	  color:#fff;
		width: 100%;
		background-color: #000;
    }
	.gnav li a:hover {
      display: block;
      text-decoration: none;
      /* (44-16)/2=14px */
		width: 100%;
      padding:10px 0;
	  font-size:14px;
	  text-align:center;
	  letter-spacing:0.1em;
	  color:#fff;
	  background-color:#d90000;
	  -webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
    }

.fs-l-header {
    display: block;
    padding-top: 0;
    width: 100%;
    margin: 0 auto 20px;
position: relative;
}
.fs-l-main {
    margin: 0 auto;
    padding: 8px;
    max-width: 1216px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.fs-l-header {
    display: block;
    padding-top: 0;
    width: 100%;
    margin: 0 auto 0;
    position: relative;
}
#product_left {
    width: 96% !important;
    float: none;
    margin: 0 auto !important;
    box-sizing: border-box;
}
}