@charset "UTF-8";
@import "style.css";
/* ---------------------------------------------------------
	CSS Document Common
--------------------------------------------------------- */
body {
	font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', 'Helvetica Neue', 'Arial', sans-serif;
	color: #333;
}
a, a:hover {
	transition: .4s;
}
a:hover {
	color: #888;
}
a img, img a {
	transition: .4s;
}
a:hover img, img a:hover {
	opacity: .7;
	transition: .4s;
}
.h3 {
	margin: 1.5em 0;
	text-align: center;
}
.ec-layoutRole__contentBottom {
	margin-top: 100px;
	padding: 60px 0;
	background: #ffffff;
}
.ec-layoutRole__contentBottom .h3 span {
	background: #f9f9f9;
}
.arrow {
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.arrow::before, .arrow::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.ec-itemNav__nav li ul li a, .ec-itemNav__nav > li:hover li:hover > a { /*riset*/
	background-color: #fff;
}
/* ---------------------------------------------------------
	CSS Document ec-layoutRole__header
--------------------------------------------------------- */
.ec-layoutRole__header .ec-layoutRole__contents {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	height: 200px;
	margin: 0 auto;
	background: #fff;
	z-index: 10;
}
.ec-layoutRole__header .h_logo {
	display: inline-block;
	width: 327px;
	margin: 30px 0 0 0;
	padding: 0;
}
.ec-layoutRole__header .ec-headerNaviRole {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: flex-start;
	width: auto;
	margin: 0;
	padding: 0;
}
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left {
	display: none;
}
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right {
	display: flex;
	justify-content: flex-end;
	width: auto;
	margin: 30px 38px 0;
}
.ec-layoutRole__header .ec-headerNaviRole .headerNaviRole__nav {
	display: inline-block;
	margin: 0;
}
@media (max-width:1680px){
	.ec-layoutRole__header .ec-layoutRole__contents {
		height: 160px; 
	}
	.ec-layoutRole__header .h_logo {
		display: inline-block;
		width: 250px;
		margin: 20px 0 0 20px;
	}
	.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right {
		margin: 14px 20px 0 0;
	}
}
/* ---------------------------------------------------------
	CSS Document headerRole__cart
--------------------------------------------------------- */
.ec-layoutRole__header .ec-headerRole__cart {
	align-self: center;
	margin: 21px 24px 0 0;
}
.ec-cartNaviWrap {
	position: relative;
	width: 174px;
}
.ec-cartNavi {
	display: flex;
	align-items: center;
	height: 41px;
	margin: 0;
	text-align: center;
	white-space: nowrap;
	color: inherit;
}
.ec-cartNavi span {
	letter-spacing: .1em;
}
.ec-cartNavi a:hover {
	text-decoration: none;
	color: inherit;
	opacity: .8;
}
.ec-cartNavi .ec-cartNavi__icon {
	display: inline-block;
	height: 41px;
	margin: 0 0 0 10px;
	position: relative;
}
.ec-cartNavi .ec-cartNavi__icon::before {
	content: "";
	display: inline-block;
	width: 31px;
	height: 41px;
	background: url("../img/common/cart_Icon.svg") no-repeat center #fff;
	background-size: contain;
}
.ec-cartNavi .ec-cartNavi__icon .ec-cartNavi__badge {
	display: inline-block;
	vertical-align: top;
	min-width: 22px;
	height: 22px;
	border-radius: 100%;
	background: #fdd000;
	font-size: 14px;
	line-height: 23.5px;
	white-space: nowrap;
	color: #000;
	position: absolute;
	left: 88%;
	top: -9px;
	letter-spacing: -.1em;
	font-style: normal;
	font-weight: 500;
}
.ec-cartNavi .ec-cartNavi__price {
	display: inline-block;
	vertical-align: top;
	min-width: 70px;
	padding-left: 10px;
	text-align: right;
	font-size: 14px;
}
/* search */
.ec-headerSearch .ec-headerSearch__category {
	display: none;
}
.ec-headerNaviRole .ec-headerNaviRole__search {
	margin: 21px 34px 0 0;
	align-self: center;
}
.ec-headerSearch .ec-headerSearch__keyword {
	width: 400px;
	background: #efefef;
	border: none;
	border-radius: 100px;
	color: inherit;
}
.ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
	height: 55px;
	padding: 0.5em 50px 0.5em 2em;
	border-radius: 28px;
}
.ec-headerSearch .ec-headerSearch__keyword input[type="search"] placeholder {
	font-size: 20px;
	color: #333;
}
.ec-headerSearch .ec-headerSearch__keywordBtn {
	right: 16px;
}
.ec-headerSearch .ec-headerSearch__keyword .ec-icon {
	width: 28px;
	height: 28px;
}
@media (max-width:1680px) {
	.ec-headerSearch .ec-headerSearch__keyword {
		width: calc(40000vw / 1920);
	}
	.ec-layoutRole__header .ec-headerRole__cart {
		margin: calc(2100vw / 1920) calc(2400vw / 1920) 0 0;
	}
	.ec-headerNaviRole .ec-headerNaviRole__search {
		margin: 8px 10px 0 0;
	}
}
/* ---------------------------------------------------------
	CSS Document headerNaviRole__tlephone
--------------------------------------------------------- */
.ec-headerNaviRole__telephone {
	width: 310px;
	height: 79px;
	letter-spacing: .08em;
	line-height: 1.5;
	font-size: 16px;
	color: #000;
}
.ec-headerNaviRole__telephone p span a {
	font-family: "Noto Sans JP", "Helvetica Neue";
	font-size: 40px;
	letter-spacing: .024em;
	color: #000;
}
.ec-headerNaviRole__telephone p span a:hover {
	text-decoration: none;
	color: inherit;
}
.ec-headerNaviRole__telephone p b {
	background: #dcdddd;
	padding: 3px 5px;
}
@media (max-width:1680px){
	.ec-headerNaviRole__telephone {
		width: 260px;
		height: auto;
		font-size: .8125em;
  @media(max-width: 1440px){
   width: 240px;
   font-size: calc(1600vw / 1920);
  }
	}
	.ec-headerNaviRole__telephone p span a {
		font-size: 26px;
	}
}
/* ---------------------------------------------------------
	CSS Document header Sub_Nav
--------------------------------------------------------- */
.ec-headerNaviRole__sub_nav {
	position: absolute;
	top: 128px;
	margin: 0 38px 0;
	z-index: 2;
}
.ec-headerNaviRole__sub_nav .sub_nav {
	display: flex;
}
.ec-headerNaviRole__sub_nav .sub_nav li::after {
	content: "|";
	display: inline-block;
}
.ec-headerNaviRole__sub_nav .sub_nav li:last-of-type::after {
	content: "";
	display: none;
}
.ec-headerNaviRole__sub_nav .sub_nav li a {
	padding: .2em 1em;
	color: inherit;
}
.ec-headerNaviRole__sub_nav .sub_nav li:last-of-type a {
	padding: .2em 6px .2em 1em;
}
.ec-headerNaviRole__sub_nav .sub_nav li a:hover {
	background: rgba(0, 0, 0, .1);
}
.ec-headerNaviRole__sub_nav .sub_nav_sp {
	display: none;
}
@media (max-width:1680px) {
	.ec-headerNaviRole__sub_nav {
		top: 90px;
		margin: 0 34px 0 0;
		font-size: 14px;
	}
}
/* ---------------------------------------------------------
	CSS Document headerNaviRole
--------------------------------------------------------- */
.ec-layoutRole__header .ec-categoryNaviRole {
	display: block;
	position: absolute;
	right: 246px;
	bottom: 0;
 width: fit-content;
	max-width: 1100px;
	padding: 0;
	color: inherit;
}
.ec-layoutRole__header .ec-itemNav_header {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: right;
}
.ec-layoutRole__header .ec-itemNav__nav {
	margin: 0 auto;
	padding: 0;
	width: auto;
	height: auto;
	list-style-type: none;
	text-align: center;
	vertical-align: bottom;
	display: inline-block;
}
.ec-layoutRole__header .ec-itemNav__nav li {
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
	float: left;
	width: auto;
}
.ec-layoutRole__header .ec-itemNav__nav li a {
	display: block;
	margin: 0;
	padding: 16px;
	height: auto;
	color: inherit;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	background: #fff;
	text-align: center;
	border-bottom: none;
}
.ec-layoutRole__header .ec-itemNav__nav li ul {
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	min-width: 200px;
	margin: 5px 0 0 0;
	padding: 0;
	background: #fff;
	list-style: none;
	z-index: 100;
}
.ec-layoutRole__header .ec-itemNav__nav li ul li {
	width: 100%;
	transition: 0s;
	overflow: hidden;
	height: 0;
}
.ec-layoutRole__header .ec-itemNav__nav li ul li a {
	padding: 16px 22px 16px 16px;
	background: #fff;
	text-align: center;
	font-weight: 500;
	font-size: 16px;
	color: inherit;
}
.ec-layoutRole__header .ec-itemNav__nav > li:hover > a {
	background-color: transparent;
	transition: none;
}
.ec-layoutRole__header .ec-itemNav__nav > li:hover li:hover > a {
	background: rgba(0, 0, 0, .07);
}
.ec-layoutRole__header .ec-itemNav__nav > li:hover > ul {
	border: 1px solid #707070;
	z-index: 100;
}
.ec-layoutRole__header .ec-itemNav__nav li:hover > ul::after {
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	display: inline-block;
	width: 34px;
	height: 18px;
	background: url("../img/common/nav_box_arw.svg") no-repeat center /contain;
}
.ec-layoutRole__header .ec-itemNav__nav li:hover ul li ul::after {
	content: "";
	display: none;
}
@media (max-width: 1680px){
	.ec-layoutRole__header .ec-categoryNaviRole {
		right: 20vw;
		max-width: none;
  @media(max-width: 1440px){
   right: calc(24600vw / 1920);
  }
	}

	.ec-layoutRole__header .ec-itemNav__nav li ul li a,
	.ec-layoutRole__header .ec-itemNav__nav li a  {
		font-size: 14px;
	}
}
/*.ec-layoutRole__header .ec-itemNav__nav li:hover > ul::before {
 content: "";
 position: absolute;
 top: -40px;
 left: 50%;
 transform: translateX(-50%);
 display: inline-block;
 width: 0;
 height: 0;
 border-style: solid;
 border-color: transparent transparent #707070 transparent;
 border-width: 20px;
 z-index: 2;
}
.ec-layoutRole__header .ec-itemNav__nav li:hover > ul::after {
 content: "";
 position: absolute;
 top: -38px;
 left: 50%;
 transform: translateX(-50%);
 display: inline-block;
 width: 0;
 height: 0;
 border-style: solid;
 border-color: transparent transparent #fff transparent;
 border-width: 20px;
 z-index: 3;
}*/
.ec-layoutRole__header .ec-itemNav__nav > li:hover > ul > li {
	overflow: visible;
	height: 100%;
}
.ec-layoutRole__header .ec-itemNav__nav li ul li ul {
	top: 0;
	left: 150%;
	width: 100%;
	border: none;
}
.ec-layoutRole__header .ec-itemNav__nav li ul li:hover > ul > li {
	overflow: visible;
	height: auto;
	width: 100%;
}
.ec-layoutRole__header .ec-itemNav__nav li ul li ul li a {
	width: 100%;
	background: rgba(0, 0, 0, .1);
}
.ec-layoutRole__header .ec-itemNav__nav li:hover ul li ul li a:hover {
	background: rgba(0, 0, 0, .15);
	opacity: 1;
}
.header_itemNav_sp {
	display: none;
}
/*
.ec-layoutRole__header .ec-itemNav{
}

.ec-layoutRole__header .ec-categoryNaviRole ul{
 display: block;
 text-align: right;
 
}

.ec-layoutRole__header .ec-categoryNaviRole ul.ec-itemNav__nav li {
 position: relative;
 display: flex;
 flex-flow: column;
}
.ec-layoutRole__header .ec-categoryNaviRole ul.ec-itemNav__nav li:hover{
 
}

.ec-layoutRole__header .ec-categoryNaviRole ul.ec-itemNav__nav li a {
 display: inline-block;
 padding: 10px 15px;
 border: none;
 font-size: 18px;
 font-weight: bold;
 line-height: normal;
 color: inherit;
}

.ec-layoutRole__header .ec-categoryNaviRole ul.ec-itemNav__nav li:hover > a {
 opacity: 1;
 background: none;
}

.ec-layoutRole__header .ec-categoryNaviRole ul.ec-itemNav__nav li ul{
}
.ec-layoutRole__header .ec-categoryNaviRole ul.ec-itemNav__nav li ul li{
}
.ec-layoutRole__header .ec-categoryNaviRole ul.ec-itemNav__nav li ul li a{
}


/* ---------------------------------------------------------
	CSS Document main_visual デスクトップ向け調整
--------------------------------------------------------- */

#wrapper {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}

#page_homepage .ec-sliderRole {
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
  overflow: hidden;
}

#page_homepage .ec-sliderRole .main_visual {
  width: 100%;
  z-index: 0;
}

#page_homepage .ec-sliderRole .main_visual .slick-slide {
  box-sizing: border-box;
  padding-inline: 10px;
}

#page_homepage .ec-sliderRole .main_visual .slick-slide img {
  width: 100%;
  height: auto;
  max-height: 708px;
  object-fit: contain;
  display: block;
}

#page_homepage .ec-sliderRole .main_visual .slick-slide picture {
  aspect-ratio: 16 / 9;
}

@media screen and (max-width: 599px) {
  #page_homepage .ec-sliderRole .main_visual .slick-slide picture {
    aspect-ratio: 1 / 1;
  }
}

@media (max-width: 1920px) {
  #wrapper {
    min-width: auto;
    width: 100%;
    overflow: hidden;
  }

  #page_homepage .ec-sliderRole {
    width: 100%;
    max-width: none;
    min-height: calc(80px + 68px);
    overflow: hidden;
  }

  #page_homepage .ec-sliderRole .main_visual {
    height: 100%;
  }

  #page_homepage .ec-sliderRole .main_visual .slick-slide {
    box-sizing: border-box;
    padding-inline: 10px;
  }

  #page_homepage .ec-sliderRole .main_visual .slick-slide img {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
  }
}


/*バックアップ
#wrapper {
	min-width: 1920px;
	overflow: auto;
}
#page_homepage .ec-sliderRole {
 overflow: hidden;
 .main_visual {
  z-index: 0;
  .slick-slide {
   img {
    max-height: 520px;
	width: 100%;
	object-fit: contain;
   }
  }
 }
}
@media (max-width: 1680px) {
 #wrapper {
  min-width: auto;
  width: 100%;
  overflow: hidden;
 }
 #page_homepage .ec-sliderRole {
  min-height: calc(400px + 68px);
  .main_visual {
   height: 100%;
   .slick-slide img {
    max-width: 100%;
    padding-inline: 10px;
	width: 100%;
	object-fit: contain;
   }
  }
 }
}

*/

/* ---------------------------------------------------------
	CSS Document ec-newsRole
--------------------------------------------------------- */
.ec-newsRole {
	width: 1044px;
	margin: 24px 0 64px 0;
	display: inline-block;
	text-align:left;
}
.ec-newsRole ul {}
.ec-newsRole li {
	margin: 0 0 1.5em;
	padding: 0 0 1.5em;
	border-bottom: 1px solid #707070;
	font-size: 18px;
}
.ec-newsRole li span {
	display: inline-block;
	margin: 0 1em 0 0;
	padding: .1em 1.4em;
	font-size: 16px;
	color: #fff;
}
.ec-newsRole li span.info {
	background: #004098;
}
.ec-newsRole li span.shop {
	background: #6fba2c;
}
.ec-newsRole li time {
	letter-spacing: .2em;
}
.ec-newsRole li p {
	width: 100%;
	margin: .5em 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ec-newsRole p a.more {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 20px;
	color: #333;
}
.ec-newsRole p a.more::after {
	content: "";
	display: inline-block;
	width: 43px;
	height: 43px;
	margin: 0 0 0 .5em;
	background: url("../img/common/arw_line_gr.svg") no-repeat center top /contain;
}
@media (max-width: 1680px){
	.ec-newsRole {
		width: 70vw;
	}
}
/*
.ec-newsRole {
 margin-bottom: 40px;
 text-align: left;
 line-height: 24px;
}
.ec-secHeading {
 padding: 32px 0 52px;
 background: #F2F2EE;
 border-radius: 50px;
 text-align: center;
}
.ec-secHeading .title {
 margin: 0 auto;
}
.ec-newsRole .ec-newsRole__news {
 width: calc(100% - 2px);
 border: solid 1px #888;
 border-top: none;
 border-radius: 0 0 50px 50px;
 margin: -56px auto 80px;
 padding: 66px 100px 100px;
}
.ec-newsRole .ec-newsRole__newsItem:not(:last-of-type) {
 margin-bottom: 15px;
 padding-bottom: 15px;
 border-bottom: solid 1px #ccc;
}
.ec-newsRole .ec-newsRole__newsDate {
 margin: 0 0 10px;
 font-size: 17px;
 letter-spacing: .1em;
}
.ec-newsRole .ec-newsRole__newsColumn {
 line-height: 1.6;
 font-size: 17px;
}
.ec-newsRole .ec-newsRole__newsTitle {
 margin: 0 0 37px;
 font-weight: 500;
 font-size: 27px;
}
.ec-newsRole .ec-newsRole__newsClose{
 display: none;
}
.ec-newsRole .ec-newsRole__newsDescription br{
 display: none;
}
*/
/* ---------------------------------------------------------
	CSS Document ec-layoutRole
--------------------------------------------------------- */
.ec-layoutRole__contents, .container {
	width: 1680px;
	margin: 0 auto;
}
.ec-layoutRole__contents {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.ec-layoutRole__contentTop > .ec-layoutRole__contents {
	display: block;
	width: 100%;
}
.ec-layoutRole__main {
	padding: 0;
	text-align: left;
	width: 100%;
	max-width: 1920px;
}
.ec-layoutRole__mainBottom {
	text-align: center;
	padding: 0 0 0 32px;
}
.other_page .ec-layoutRole__main,
.cart_page .ec-layoutRole__main{
	max-width: 1000px;
	margin: 50px auto;
}
@media (max-width:1680px){
	.ec-layoutRole__contents, .container {
		width: 100%;
	}
}
/* ---------------------------------------------------------
	CSS Document ec-layoutRole__left
--------------------------------------------------------- */
.ec-layoutRole__left {
	width: 228px;
	min-width: 228px;
}
@media (max-width:1680px){
	.ec-layoutRole__left{
	width: 20%;
	min-width: 220px;
	margin: 0 0 0 2%;
 }
}
.ec-categoryNaviRole__sidebar {}
.ec-categoryNaviRole__sidebar .ec-itemNav li ul {
	display: block;
}
.ec-categoryNaviRole__sidebar .ec-itemNav ul.ec-itemNav__nav {}
.ec-categoryNaviRole__sidebar .ec-itemNav ul.ec-itemNav__nav li {}
.ec-categoryNaviRole__sidebar .ec-itemNav ul.ec-itemNav__nav li a {
	position: relative;
	display: block;
	margin: 0 0 10px;
	padding: 14px 0;
	background: #efefef;
	text-decoration: none;
	text-align: center;
	font-weight: 500;
	font-size: 18px;
	color: inherit;
}
/*
.ec-categoryNaviRole__sidebar .ec-itemNav ul.ec-itemNav__nav li a::after {
 content: "すべての商品を表示";
 position: absolute;
 top: 60px;
 display: block;
 height: 1.5em;
 margin: 19px 0;
 background: #fff;
 text-align: left;
 font-size: 18px;
}
*/
.ec-categoryNaviRole__sidebar .ec-itemNav ul.ec-itemNav__nav li ul li a {
	position: relative;
	margin: 0;
	padding: 19px 5px 19px 60px;
	background: #fff;
	border: none;
	text-decoration: none;
	text-align: left;
	font-size: 14px;
	color: inherit;
}
.ec-categoryNaviRole__sidebar .ec-itemNav ul.ec-itemNav__nav li ul li:first-child a {
	padding: 12px 5px 12px 5px;
	font-size: 18px;
}
.ec-categoryNaviRole__sidebar .ec-itemNav ul.ec-itemNav__nav li ul li a:hover {
	background: rgba(0, 0, 0, .1);
}
.ec-categoryNaviRole__sidebar .ec-itemNav ul.ec-itemNav__nav li ul li a::after {
	content: "";
	display: none;
}
.ec-categoryNaviRole__sidebar .ec-itemNav ul.ec-itemNav__nav li ul {
	display: block;
	margin: 0 0 18px;
	background: #fff;
	font-size: 16px
}
.ec-categoryNaviRole__sidebar .ec-itemNav ul.ec-itemNav__nav li ul li:not(:first-child) a::before {
	position: absolute;
	top: 50%;
	left: 8px;
	transform: translate(0, -50%);
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	backgroundr-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.ec-categoryNaviRole__sidebar .ec-itemNav ul.ec-itemNav__nav li ul li ul { /*孫カテゴリー非表示*/
	margin-left: 20px;
	margin-bottom: 0;
	display: none;
}
.ec-categoryNaviRole__sidebar .ec-itemNav ul.ec-itemNav__nav li ul li ul li:first-child a {
	display: none;
}
/*-- カテゴリーアイコン --*/
/* 仏壇 */
li a[href$="id=65"]::before { /*従来上置*/
	background-image: url("../img/common/cat_icon/cat_icon_id65.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id65.jpg") 1x, url("../img/common/cat_icon/cat_icon_id65@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id65.jpg") 1x, url("../img/common/cat_icon/cat_icon_id65@2x.jpg") 2x);
}
li a[href$="id=95"]::before { /*従来床置*/
	background-image: url("../img/common/cat_icon/cat_icon_id95.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id95.jpg") 1x, url("../img/common/cat_icon/cat_icon_id95@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id95.jpg") 1x, url("../img/common/cat_icon/cat_icon_id95@2x.jpg") 2x);
}
li a[href$="id=62"]::before { /*モダン上置*/
	background-image: url("../img/common/cat_icon/cat_icon_id62.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id62.jpg") 1x, url("../img/common/cat_icon/cat_icon_id62@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id62.jpg") 1x, url("../img/common/cat_icon/cat_icon_id62@2x.jpg") 2x);
}
li a[href$="id=63"]::before { /*モダン床置*/
	background-image: url("../img/common/cat_icon/cat_icon_id63.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id63.jpg") 1x, url("../img/common/cat_icon/cat_icon_id63@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id63.jpg") 1x, url("../img/common/cat_icon/cat_icon_id63@2x.jpg") 2x);
}
li a[href$="id=64"]::before { /*仏壇置台*/
	background-image: url("../img/common/cat_icon/cat_icon_id64.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id64.jpg") 1x, url("../img/common/cat_icon/cat_icon_id64@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id64.jpg") 1x, url("../img/common/cat_icon/cat_icon_id64@2x.jpg") 2x);
}
/* 位牌 */
li a[href$="id=73"]::before { /*塗り位牌*/
	background-image: url("../img/common/cat_icon/cat_icon_id73.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id73.jpg") 1x, url("../img/common/cat_icon/cat_icon_id73@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id73.jpg") 1x, url("../img/common/cat_icon/cat_icon_id73@2x.jpg") 2x);
}
li a[href$="id=75"]::before { /*モダン位牌*/
	background-image: url("../img/common/cat_icon/cat_icon_id75.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id75.jpg") 1x, url("../img/common/cat_icon/cat_icon_id75@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id75.jpg") 1x, url("../img/common/cat_icon/cat_icon_id75@2x.jpg") 2x);
}
li a[href$="id=74"]::before { /*唐木位牌*/
	background-image: url("../img/common/cat_icon/cat_icon_id74.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id74.jpg") 1x, url("../img/common/cat_icon/cat_icon_id74@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id74.jpg") 1x, url("../img/common/cat_icon/cat_icon_id74@2x.jpg") 2x);
}
li a[href$="id=91"]::before { /*繰り出し位牌*/
	background-image: url("../img/common/cat_icon/cat_icon_id91.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id91.jpg") 1x, url("../img/common/cat_icon/cat_icon_id91@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id91.jpg") 1x, url("../img/common/cat_icon/cat_icon_id91@2x.jpg") 2x);
}
li a[href$="id=92"]::before { /*過去帳・見台*/
	background-image: url("../img/common/cat_icon/cat_icon_id92.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id92.jpg") 1x, url("../img/common/cat_icon/cat_icon_id92@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id92.jpg") 1x, url("../img/common/cat_icon/cat_icon_id92@2x.jpg") 2x);
}
/* 仏具 */
li a[href$="id=5"]::before { /*仏像*/
	background-image: url("../img/common/cat_icon/cat_icon_id5.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id5.jpg") 1x, url("../img/common/cat_icon/cat_icon_id5@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id5.jpg") 1x, url("../img/common/cat_icon/cat_icon_id5@2x.jpg") 2x);
}
li a[href$="id=52"]::before { /*掛軸・掛軸台*/
	background-image: url("../img/common/cat_icon/cat_icon_id52.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id52.jpg") 1x, url("../img/common/cat_icon/cat_icon_id52@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id52.jpg") 1x, url("../img/common/cat_icon/cat_icon_id52@2x.jpg") 2x);
}
li a[href$="id=43"]::before { /*仏具セット*/
	background-image: url("../img/common/cat_icon/cat_icon_id43.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id43.jpg") 1x, url("../img/common/cat_icon/cat_icon_id43@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id43.jpg") 1x, url("../img/common/cat_icon/cat_icon_id43@2x.jpg") 2x);
}
li a[href$="id=45"]::before { /*仏具単品*/
	background-image: url("../img/common/cat_icon/cat_icon_id45.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id45.jpg") 1x, url("../img/common/cat_icon/cat_icon_id45@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id45.jpg") 1x, url("../img/common/cat_icon/cat_icon_id45@2x.jpg") 2x);
}
li a[href$="id=44"]::before { /*リン*/
	background-image: url("../img/common/cat_icon/cat_icon_id44.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id44.jpg") 1x, url("../img/common/cat_icon/cat_icon_id44@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id44.jpg") 1x, url("../img/common/cat_icon/cat_icon_id44@2x.jpg") 2x);
}
li a[href$="id=115"]::before { /*数珠*/
	background-image: url("../img/common/cat_icon/cat_icon_id115.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id115.jpg") 1x, url("../img/common/cat_icon/cat_icon_id115@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id115.jpg") 1x, url("../img/common/cat_icon/cat_icon_id115@2x.jpg") 2x);
}
li a[href$="id=118"]::before { /*ふくさ*/
	background-image: url("../img/common/cat_icon/cat_icon_id118.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id118.jpg") 1x, url("../img/common/cat_icon/cat_icon_id118@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id118.jpg") 1x, url("../img/common/cat_icon/cat_icon_id118@2x.jpg") 2x);
}
li a[href$="id=119"]::before { /*墓参り用品*/
	background-image: url("../img/common/cat_icon/cat_icon_id119.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id119.jpg") 1x, url("../img/common/cat_icon/cat_icon_id119@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id119.jpg") 1x, url("../img/common/cat_icon/cat_icon_id119@2x.jpg") 2x);
}
/* 手元供養*/
li a[href$="id=87"]::before { /*ミニ骨壷*/
	background-image: url("../img/common/cat_icon/cat_icon_id87.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id87.jpg") 1x, url("../img/common/cat_icon/cat_icon_id87@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id87.jpg") 1x, url("../img/common/cat_icon/cat_icon_id87@2x.jpg") 2x);
}
li a[href$="id=96"]::before { /*アクセサリー*/
	background-image: url("../img/common/cat_icon/cat_icon_id96.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id96.jpg") 1x, url("../img/common/cat_icon/cat_icon_id96@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id96.jpg") 1x, url("../img/common/cat_icon/cat_icon_id96@2x.jpg") 2x);
}
li a[href$="id=88"]::before { /*供養ステージ*/
	background-image: url("../img/common/cat_icon/cat_icon_id88.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id88.jpg") 1x, url("../img/common/cat_icon/cat_icon_id88@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id88.jpg") 1x, url("../img/common/cat_icon/cat_icon_id88@2x.jpg") 2x);
}
li a[href$="id=97"]::before { /*フォトスタンド*/
	background-image: url("../img/common/cat_icon/cat_icon_id97.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id97.jpg") 1x, url("../img/common/cat_icon/cat_icon_id97@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id97.jpg") 1x, url("../img/common/cat_icon/cat_icon_id97@2x.jpg") 2x);
}
/* ペット供養 */
li a[href$="id=67"]::before { /*ペット骨壷*/
	background-image: url("../img/common/cat_icon/cat_icon_id67.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id67.jpg") 1x, url("../img/common/cat_icon/cat_icon_id67@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id67.jpg") 1x, url("../img/common/cat_icon/cat_icon_id67@2x.jpg") 2x);
}
li a[href$="id=99"]::before { /*アクセサリー*/
	background-image: url("../img/common/cat_icon/cat_icon_id99.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id99.jpg") 1x, url("../img/common/cat_icon/cat_icon_id99@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id99.jpg") 1x, url("../img/common/cat_icon/cat_icon_id99@2x.jpg") 2x);
}
li a[href$="id=83"]::before { /*供養ステージ*/
	background-image: url("../img/common/cat_icon/cat_icon_id83.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id83.jpg") 1x, url("../img/common/cat_icon/cat_icon_id83@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id83.jpg") 1x, url("../img/common/cat_icon/cat_icon_id83@2x.jpg") 2x);
}
li a[href$="id=66"]::before { /*ペット仏具*/
	background-image: url("../img/common/cat_icon/cat_icon_id66.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id66.jpg") 1x, url("../img/common/cat_icon/cat_icon_id66@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id66.jpg") 1x, url("../img/common/cat_icon/cat_icon_id66@2x.jpg") 2x);
}
li a[href$="id=71"]::before { /*ペット棺*/
	background-image: url("../img/common/cat_icon/cat_icon_id71.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id71.jpg") 1x, url("../img/common/cat_icon/cat_icon_id71@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id71.jpg") 1x, url("../img/common/cat_icon/cat_icon_id71@2x.jpg") 2x);
}
/* 線香 */
li a[href$="id=22"]::before { /*一般線香*/
	background-image: url("../img/common/cat_icon/cat_icon_id22.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id22.jpg") 1x, url("../img/common/cat_icon/cat_icon_id22@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id22.jpg") 1x, url("../img/common/cat_icon/cat_icon_id22@2x.jpg") 2x);
}
li a[href$="id=32"]::before { /*ミニ寸香*/
	background-image: url("../img/common/cat_icon/cat_icon_id32.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id32.jpg") 1x, url("../img/common/cat_icon/cat_icon_id32@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id32.jpg") 1x, url("../img/common/cat_icon/cat_icon_id32@2x.jpg") 2x);
}
li a[href$="id=31"]::before { /*進物線香*/
	background-image: url("../img/common/cat_icon/cat_icon_id31.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id31.jpg") 1x, url("../img/common/cat_icon/cat_icon_id31@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id31.jpg") 1x, url("../img/common/cat_icon/cat_icon_id31@2x.jpg") 2x);
}
li a[href$="id=34"]::before { /*お香*/
	background-image: url("../img/common/cat_icon/cat_icon_id34.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id34.jpg") 1x, url("../img/common/cat_icon/cat_icon_id34@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id34.jpg") 1x, url("../img/common/cat_icon/cat_icon_id34@2x.jpg") 2x);
}
/* ローソク */
li a[href$="id=26"]::before { /*一般ローソク*/
	background-image: url("../img/common/cat_icon/cat_icon_id26.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id26.jpg") 1x, url("../img/common/cat_icon/cat_icon_id26@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id26.jpg") 1x, url("../img/common/cat_icon/cat_icon_id26@2x.jpg") 2x);
}
li a[href$="id=33"]::before { /*進物用ローソク*/
	background-image: url("../img/common/cat_icon/cat_icon_id33.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id33.jpg") 1x, url("../img/common/cat_icon/cat_icon_id33@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id33.jpg") 1x, url("../img/common/cat_icon/cat_icon_id33@2x.jpg") 2x);
}
li a[href$="id=41"]::before { /*好物ローソク*/
	background-image: url("../img/common/cat_icon/cat_icon_id41.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id41.jpg") 1x, url("../img/common/cat_icon/cat_icon_id41@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id41.jpg") 1x, url("../img/common/cat_icon/cat_icon_id41@2x.jpg") 2x);
}
/* 神棚・神具 */
li a[href$="id=84"]::before { /*神棚*/
	background-image: url("../img/common/cat_icon/cat_icon_id84.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id84.jpg") 1x, url("../img/common/cat_icon/cat_icon_id84@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id84.jpg") 1x, url("../img/common/cat_icon/cat_icon_id84@2x.jpg") 2x);
}
li a[href$="id=85"]::before { /*神具*/
	background-image: url("../img/common/cat_icon/cat_icon_id85.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id85.jpg") 1x, url("../img/common/cat_icon/cat_icon_id85@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id85.jpg") 1x, url("../img/common/cat_icon/cat_icon_id85@2x.jpg") 2x);
}
/* 盆提灯・盆用品 */
li a[href$="id=17"]::before { /*盆提灯*/
	background-image: url("../img/common/cat_icon/cat_icon_id17.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id17.jpg") 1x, url("../img/common/cat_icon/cat_icon_id17@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id17.jpg") 1x, url("../img/common/cat_icon/cat_icon_id17@2x.jpg") 2x);
}
li a[href$="id=93"]::before { /*盆用品*/
	background-image: url("../img/common/cat_icon/cat_icon_id93.jpg");
	background-image: image-set(url("../img/common/cat_icon/cat_icon_id93.jpg") 1x, url("../img/common/cat_icon/cat_icon_id93@2x.jpg") 2x);
	background-image: webkit-image-set(url("../img/common/cat_icon/cat_icon_id93.jpg") 1x, url("../img/common/cat_icon/cat_icon_id93@2x.jpg") 2x);
}
/*--*/
.sidebar .side_banner {
	margin: 0 0 50px;
}
.sidebar .side_banner li {
	margin: 0 0 20px;
}
/* ---------------------------------------------------------
	CSS Document ec-layoutRole__mainWithColumn 2カラム時メインコンテンツ
--------------------------------------------------------- */
.title {
	display: block;
	margin: 24px 0 16px;
	padding: .5em;
	text-align: center;
	font-size: 40px;
	font-family: serif;
	letter-spacing: .1em;
}
#page_homepage .ec-layoutRole__mainWithColumn,
#page_product_list .ec-layoutRole__mainWithColumn,
#ppage_product_detail .ec-layoutRole__mainWithColumn{
	width:1030px;
	/*width: 1280px;*/
	/*min-width: 1056px;*/
	margin: 0 0 56px 32px;
	font-size: 17px;
}
@media (max-width:1680px){
	.title{
		margin: 0 0 20px;
		font-size: 36px;
	}
 #page_homepage .ec-layoutRole__mainWithColumn,
 #page_product_list .ec-layoutRole__mainWithColumn,
 #page_product_detail .ec-layoutRole__mainWithColumn{
	width: 76%;
	min-width: auto;
	margin: 0 2% 0 0;
 }
}
/*  カテゴリーヘッダーフッター（プラグイン）*/
#category_extension_b_header_contents, #category_extension_b_footer_contents {
	text-align: left;
}

#category_extension_b_header_contents br, #category_extension_b_footer_contents br {
	display: none;
}

#category_extension_b_header_contents .ec-off1Grid .ec-off1Grid__cell, #category_extension_b_footer_contents .ec-off1Grid .ec-off1Grid__cell {
	width: 100%;
	margin: auto;
	padding: 1em;
}
#page_product_list .ec-layoutRole__header, #page_product_detail .ec-layoutRole__header {
	margin-bottom: 50px;
}
.home_banner_top {
	text-align: center;
}
.ec-layoutRole__mainTop .recommend {
	margin: 95px auto;
}
.ec-layoutRole__mainTop .recommend:first-of-type {
	margin: 54px auto 95px;
}
.ec-searchnavRole .ec-searchnavRole__counter {
	text-align: left;
	padding-left:20px;
}
.ec-shelfGrid {
	display: flex;
	flex-flow: row wrap;
	margin: 0;
}
.ec-shelfGrid .ec-shelfGrid__item {
	width: 21%; /*264px 25%*/
	margin: 0 2% 43px;
}
.ec-shelfGrid .ec-shelfGrid__item {
	border-bottom: 1px solid #707070;
}
.ec-shelfGrid .ec-shelfGrid__item:nth-child(odd), .ec-shelfGrid .ec-shelfGrid__item:nth-child(even) {
	padding: 0 0 23px;
}
/*.ec-shelfGrid .ec-shelfGrid__item:nth-child(4n+4){
 margin: 0 0 23px;
}*/
.ec-shelfGrid .ec-shelfGrid__item-image {
	margin: 0 0 36px;
}
.ec-shelfGrid .item_text {
	padding: 0 10px;
}
.ec-shelfGrid .ec-shelfGrid__item .description_list {
	margin: 1em 0;
	line-height: 1.5;
	font-size: 13px;
	color: inherit;
}
.ec-shelfGrid .ec-shelfGrid__item .item_price {
	text-align: left;
	font-size: 16px;
	color: inherit;
}
.recommend .btn a {
	display: block;
	width: 278px;
	margin: 0 auto;
	padding: 19px;
	border-radius: 15px;
	background: #000;
	text-decoration: none;
	font-weight: 500;
	font-size: 18px;
	color: #fff;
}
.recommend .arw1::before {
	left: 83%;
	width: 18px;
	height: 18px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.main_banner {
	margin: 150px auto 80px;
}
.main_banner ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.main_banner ul li {
	margin: 0 0 25px;
}
/* ranking */
#rankingProudcts li.ec-shelfGrid__item {
	position: relative;
}
#rankingProudcts li.ec-shelfGrid__item::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 50px;
	height: 100%;
	z-index: 3;
}
#rankingProudcts li.ec-shelfGrid__item:nth-child(1)::before {
	background: url("../img/common/rank1_2.svg") no-repeat center top /contain;
}
#rankingProudcts li.ec-shelfGrid__item:nth-child(2)::before {
	background: url("../img/common/rank2_2.svg") no-repeat center top /contain;
}
#rankingProudcts li.ec-shelfGrid__item:nth-child(3)::before {
	background: url("../img/common/rank3_2.svg") no-repeat center top /contain;
}
#rankingProudcts li.ec-shelfGrid__item:nth-child(4)::before {
	background: url("../img/common/rank4_2.svg") no-repeat center top /contain;
}
/* ---------------------------------------------------------
	CSS Document ec-layoutRole__footer
--------------------------------------------------------- */
.ec-layoutRole__footer > .ec-layoutRole__contents {
	display: block;
	width: 100%;
	background: #F8F4E1;
}
/* ---------------------------------------------------------
	CSS Document f_guide
--------------------------------------------------------- */
.f_guide {
	display: flex;
	justify-content: center;
	margin: 0 auto 45PX;
	background: #F8F4E1;
}
.f_guide dl {
	width: 25%;
	margin: 34px 0;
	padding: 3px 40px;
	border-left: 2px solid #707070;
	font-size: 17px;
}
.f_guide dl:last-of-type {
	border-right: 2px solid #707070;
}
.f_guide dt {
	margin: 0 0 29px;
	font-weight: 500;
	font-size: 26px;
}
.f_guide dd {
	line-height: 1.5;
}
.f_guide dd img {
	height: 76px;
	margin: 0 auto 30px;
}
.f_guide dd .tel {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 37px;
}
.f_guide dd .address {
	display: block;
	margin: 10px 0 0;
	font-size: 15px;
}
.f_guide a.button {
	display: block;
	width: 200px;
	margin: 20px auto 0;
	padding: 12px;
	border-radius: 100px;
	border: 1px solid #707070;
	background-color: transparent;
	text-decoration: none;
	line-height: 1.2;
	font-size: 18px;
	color: #000;
}
.f_guide a:hover.button {
	background: rgba(0, 0, 0, .1);
}
.f_guide .arw1::before {
	left: 83%;
	width: 16px;
	height: 16px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.f_guide dl:nth-of-type(4) dd a.button {
	display: none;
}
@media (max-width:1680px){
	.f_guide{
		width: 100%;
		margin: 40px 0;
	}
	.f_guide dl{
		padding: 2%;
		font-size: 14px;
	}
	.f_guide dt{
		font-size: 20px;
	}
	.f_guide dd .tel{
		font-size: 28px;
	}
	.f_guide a.button{
		font-size: 16px;
	}
}
/* ---------------------------------------------------------
	CSS Document footer_shop_logo
--------------------------------------------------------- */
.fotter_shop_logo {
	margin: 45px auto 76px;
}
.fotter_shop_logo p {
	font-size: 17px;
	letter-spacing: .1em;
}
.fotter_shop_logo a img {
	display: inline-block;
	width: 297px;
	margin: 0 auto 26px;
}
.fotter_shop_logo p span {
	display: block;
	margin: 6px 0 0;
	font-size: 27px;
}
.fotter_shop_logo p span a {
	font-size: 38px;
	font-weight: 500;
}
.footer_product_list h3 {
	font-size: 26px;
}
/* ---------------------------------------------------------
	CSS Document footer_category_Navi
--------------------------------------------------------- */
.footer_products_list .ec-categoryNaviRole {
	display: block;
	max-width: 1384px;
	margin: 22px auto 36px;
	padding: 0;
}
.footer_products_list .ec-itemNav {}
.footer_products_list ul.ec-itemNav__nav {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
}
.footer_products_list ul.ec-itemNav__nav li {
	width: 22%;
	margin-right: 4%;
	font-weight: 500;
}
.footer_products_list ul.ec-itemNav__nav li:nth-child(4n) {
	margin-right: 0;
}
.footer_products_list ul.ec-itemNav__nav li a {
	background: #dcdddd;
	border: none;
	text-align: center;
	line-height: 24px;
	font-size: 26px;
}
.footer_products_list ul.ec-itemNav__nav li a:hover, .footer_products_list ul.ec-itemNav__nav li:hover ul li ul li a:hover {
	background: rgba(0, 0, 0, .1);
}
.footer_products_list ul.ec-itemNav__nav li ul {
	display: block;
	padding: 40px 0;
	background: #fff;
}
.footer_products_list ul.ec-itemNav__nav li ul li {
	width: 100%;
	background: #fff;
}
.footer_products_list ul.ec-itemNav__nav li ul li a {
	padding: 15px;
	background: #fff;
	border: none;
	font-weight: 500;
	font-size: 17px;
	color: inherit;
}
.footer_products_list ul.ec-itemNav__nav li ul li ul { /*孫カテゴリー非表示*/
	display: none;
	padding: 0;
}
.footer_products_list ul.ec-itemNav__nav li ul li ul li a {
	background: #fff;
	font-size: 15px;
	color: #888;
}
@media (max-width:1680px) {
	.footer_products_list ul.ec-itemNav__nav li ul li a {
		font-size: 1em;
	}
}
/* ---------------------------------------------------------
	CSS Document ec-footerNavi
--------------------------------------------------------- */
.ec-footerNavi {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto 50px;
	padding: 24px 0 0;
}
.ec-footerNavi ul {
  display: block;
	margin: 0 auto 3em;
}
.ec-footerNavi ul:nth-of-type(3) {
	margin-bottom: .5em;
}
.ec-footerNavi li {
	display: inline-block;
	margin: 0 .8em 0 0;
}
.ec-footerNavi li::before {
	content: '|';
	margin: 0 .8em 0 0;
}
.ec-footerNavi li:last-of-type::after {
	content: '|';
	margin: 0 0 0 .8em;
}
.ec-footerNavi li a {
	display: inline-block;
	padding: .3em .8em;
	font-size: 16px;
	text-decoration: none;
	color: #000;
}
.ec-footerNavi li a:hover {
	background: rgba(0, 0, 0, .1);
}
@media (max-width:1680px){
	.ec-footerNavi {
		width: 100%;
	}
	.ec-footerNavi li a {
		font-size: 14px;
	}
}

/* ---------------------------------------------------------
	CSS Document ec-footerNavi
--------------------------------------------------------- */

/* SP用フッターナビはPCでは非表示 */
.ec-footerNavisp {
  display: none !important;
}

.ec-footerNavi {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto 50px;
	padding: 24px 0 0;
}
/* ---------------------------------------------------------
	CSS Document ec-footerRole
--------------------------------------------------------- */
.ec-footerRole {
	padding: 30px 0;
}
.ec-footerTitle__logo {
	display: flex;
	justify-content: center;
	align-items: center;
}
.ec-footerTitle__logo img {
	height: auto;
	margin: 0 24px;
}
.ec-footerTitle__logo a {
	display: block;
}
.ec-footerTitle__copyright {
	margin: 40px 0 20px;
	font-size: 14px;
}
/*pagetop*/
.ec-blockTopBtn {
	bottom: 54px;
	width: 110px;
	height: 74px;
	padding: 54px 0 0;
	background: url("../img/common/totop_but.svg") no-repeat center top;
	line-height: 1.2;
	font-size: 14px;
	color: #000;
}
.ec-blockTopBtn:hover {
	opacity: .8;
}
@media (max-width:1680px) {
	.ec-footerTitle__logo img {
		width: 70%;
		margin: 0;
	}
}
/* ---------------------------------------------------------
	CSS Document ihai_order_flow
--------------------------------------------------------- */
.ihai_order_flow {
	width: 75%;
	margin: 70px auto;
	font-size: 24px;
}
.ihai_order_flow h3 {
	padding: .4em;
	background: #fdd000;
	text-align: center;
	font-size: 30px;
}
.ihai_order_flow > div {
	margin: 0 3% 2em;
}
.ihai_order_flow ol {
	margin: 1.5em 0 2em 1.5em;
	counter-reset: ListCounter 0;
}
.ihai_order_flow ol:nth-of-type(2) {
	counter-reset: ListCounter 2;
}
.ihai_order_flow ol:nth-of-type(3) {
	counter-reset: ListCounter 2;
}
.ihai_order_flow ol:last-child {
	counter-reset: ListCounter 4;
	margin-top: 4em;
}
.ihai_order_flow ol li {
	position: relative;
	margin: .5em 0 .7em;
	padding: 0 0 0 34px;
	list-style: none;
}
.ihai_order_flow ol li::before {
	counter-increment: ListCounter 1;
	content: counter(ListCounter);
	position: absolute;
	left: -15px;
	width: 34px;
	height: 34px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	line-height: 30px;
	background: #777;
	border-radius: 50%;
	top: 4px;
}
.ihai_order_flow p strong {
	padding: .05em .3em;
	border: 3px solid #fdd000;
	font-size: 1.1em;
}
/* ---------------------------------------------------------
	CSS Document ec-productRole
--------------------------------------------------------- */
.ec-productRole {
	width: 100%;
	max-width: 1280px;
	/*margin-bottom: 70px;*/
	padding: 0 0 0 32px;
}
.ec-productRole .ec-productRole__btn {}
.ec-productRole .ec-productRole__actions label {
	font-weight: normal;
}
.ec-productRole .ec-grid2 .ec-grid2__cell:nth-of-type(2) {
	/*margin: 0 0 0 5em;*/
	text-align: left;
}
@media (max-width:1680px){
	.ec-productRole .ec-grid2 .ec-grid2__cell:nth-of-type(2){
		margin: 0;
	}
}
/* ---------------------------------------------------------
	CSS Document product_shop
--------------------------------------------------------- */
#product_shop figure {
	margin-top: -80px;
	padding-bottom: 30px;
	border-bottom: solid 1px #4b4b4b;
}
#product_shop p {
	font-size: 16px;
}
#product_shop .small {
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
	font-size: 14px;
	line-height: 1.5;
	color: #999;
}
#product_shop dl {
	display: table;
	width: 100%;
	border-bottom: solid 1px #4b4b4b;
}
#product_shop dt {
	display: table-cell;
	width: 30%;
	padding: 10px;
	text-align: left;
	font-weight: normal;
	line-height: 26px;
}
#product_shop dd {
	display: table-cell;
	padding: 10px;
	text-align: right;
	line-height: 26px;
}
#product_shop dd a {
	display: inline-block;
	vertical-align: top;
	margin-left: 30px;
	font-size: 26px;
}
/* ---------------------------------------------------------
	CSS Document select_style
--------------------------------------------------------- */
.select_style {}
.select_style li {
	display: inline-block;
	vertical-align: top;
	width: 48% !important;
	padding: 20px 15px;
	border: solid 7px #f3f3f3;
	margin-bottom: 20px;
	text-align: center;
}
.select_style li:nth-of-type(odd) {
	margin-right: 4%;
}
.select_style li a {
	display: block;
	text-decoration: none;
	color: #fff;
}
.select_style li a:hover {
	opacity: 0.6;
}
.select_style li span {
	display: inline-block;
	vertical-align: top;
	height: 41px;
	margin-top: 20px;
	padding: 0 30px;
	border-radius: 41px;
	background: #c31b1f;
	font-size: 16px;
	line-height: 40px;
	letter-spacing: 1px;
	position: relative;
}
.select_style li span:after {
	content: '';
	width: 9px;
	height: 9px;
	margin-top: -4px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 15px;
}
.butsudan_select {
	display: table;
	width: 100%;
	margin: 30px 0 50px;
}
.butsudan_select__cell {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	font-size: 20px;
}
.butsudan_select__cell figure {
	margin-bottom: 15px;
}
.butsudan_word li {
	margin-left: 1.4em;
	text-indent: -1.4em;
}
/* ---------------------------------------------------------
	CSS Document ec-cartRow
--------------------------------------------------------- */
.ec-cartRow .ec-cartRow__summary {
	width: calc(100% - 130px);
}
.ec-cartRole__actions a {
	display: block;
	width: 40%;
	margin-left: auto;
	font-size: 20px;
}
/* ---------------------------------------------------------
	CSS Document shopping
--------------------------------------------------------- */
.ec-orderRole {
	position: relative;
}
.ec-orderRole .ec-orderRole__detail {
	width: 62%;
}
.ec-orderRole .ec-orderRole__summary {
	width: 33%;
	position: absolute;
	top: 0;
	right: 0;
}
#coupon.ec-orderCoupon {
	margin-bottom: 20px;
}
/*
  .ec-orderRole .ec-orderRole__summary {
    width: 100%; }
    .ec-orderRole .ec-orderRole__summary .ec-inlineBtn {
      display: inline-block; }
  .ec-orderRole .ec-inlineBtn {
    font-weight: normal; }
  .ec-orderRole .ec-orderRole__detail {
    padding: 0;
    width: 100%; }
  .ec-orderRole .ec-borderedList {
    margin-bottom: 20px;
    border-top: 1px dotted #ccc; }

  .ec-orderRole .ec-orderRole__summary{
    width: 33.33333%;
    padding: 0 16px;
  }

  .ec-orderRole .ec-orderRole__summary .ec-inlineBtn{
    display: none;
  }
  .ec-orderRole{
    margin-top: 20px;
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .ec-orderRole .ec-borderedList{
    border-top: none;
  }


*/
/* ---------------------------------------------------------
	CSS Document gmo_payment_gateway_credit_form
--------------------------------------------------------- */
.align-middle {
	vertical-align: middle;
}
#gmo_payment_gateway_credit_form .form-control {
	width: auto;
	display: inline-block;
}
#gmo_payment_gateway_credit_form .dl_table {
	width: 100%;
	display: table;
}
#gmo_payment_gateway_credit_form .dl_table dl {
	display: table-row;
}
#gmo_payment_gateway_credit_form .dl_table dt, #gmo_payment_gateway_credit_form .dl_table dd {
	display: table-cell;
	vertical-align: top;
	padding-top: 5px;
	font-weight: normal;
}
#shopping_order_payment_type_0_body dt {
	width: 30%;
	line-height: 40px;
}
#shopping_order_payment_type_0_body dd .ec-select.md0 {
	margin-bottom: 0;
}
#gmo_payment_gateway_credit_form .dl_table dd .ec-checkbox {
	line-height: 40px;
}
#gmo_payment_gateway_credit_form .dl_table dd .ec-font-size-1 {
	margin: -5px 0 5px;
}
#shopping_order_card_name1, #shopping_order_card_name2 {
	width: 140px;
	display: inline-block;
}
#shopping_order_card_name1 {
	margin-right: 15px;
}
#gmo_payment_gateway_credit_form .inline {
	display: inline-block;
}
#shopping_order_payment_type_1_body .dl_table {
	margin-top: 10px;
}
#shopping_order_payment_type_1_body dl {
	height: 40px;
}
#shopping_order_payment_type_1_body dt, #shopping_order_payment_type_1_body dd {
	border-bottom: 1px dotted #ccc;
}
.save_card_select {
	width: 10%;
}
.save_card_no {
	width: 35%;
}
.save_expire {
	width: 20%;
}
.save_holder_name {
	width: 35%;
}
.save_pay_methods {
	width: 20%;
}
/* ---------------------------------------------------------
	CSS Document home_content
--------------------------------------------------------- */
#home a p {
	color: #333;
}
#home .shop {
	margin: calc(47px + 32px) auto 98px;
	background: #efefef;
	background-position: center 1em;
}
#home .shop .inner {
	width: 1300px;
	margin: 0 auto;
	transform: translateY(-32px);
}
#home .shop .inner h2 {
	margin: 0 0 25px;
	padding: .5em;
	background: #000;
	text-align: center;
	font-size: 30px;
	color: #fff;
}
#home .shop .inner h2 + p {
	font-size: 18px;
}
#home .shop .inner h2 + p + p {
	font-size: 40px;
	font-family: serif;
}
#home .shop .inner h2 + p > br, #home .shop .inner h2 + p + p > br {
	display: none;
}

#home .shop div > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 30px 0;
}
#home .shop div > div > div {
	display: block;
	width: 399px;
	height: 100%;
 text-align: center;
}
#home .shop div > div > div a {
	display: inline-block;
}
#home .shop div > div > div a > p {
	margin: 1em auto;
	text-align: center;
	font-size: 25px;
}
#home .shop div.xicon{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0;
}
#home .shop div.xicon a img{
  display: inline-block;
  width: 44px;
  height: auto;
  padding: 10%;
}
#home .customer_voice {
	background: url("../img/common/2469583.jpg") no-repeat center top /contain;
	font-family: serif;
}
#home .customer_voice .inner {
	width: 1624px;
	margin: auto;
}
#home .customer_voice h2 {
	padding: 140px 0;
	text-align: center;
	font-size: 40px;
	letter-spacing: .4em;
}
#home .customer_voice div > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: normal;
	margin: 0 0 32px;
}
#home .customer_voice div > div > div {
	position: relative;
	display: block;
	width: 510px;
	padding: 40px 60px;
	background: #fff;
	border: 1px solid #707070;
}
#home .customer_voice div > div > div a {
	display: inline-block;
}
#home .customer_voice div > div > div h3 {
	margin: 0 0 .8em;
	text-align: center;
	font-size: 30px;
	color: #333;
	line-height: 1.5;
}
#home .customer_voice div > div > div a > p {
	margin: 1em auto 0;
	font-size: 18px;
}
#home .customer_voice div > div > div a > p.more {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
#home .customer_voice div > div > div a > p.more::after, #home .customer_voice div > p a.more::after {
	content: "";
	display: inline-block;
	width: 43px;
	height: 43px;
	margin: 0 0 0 .5em;
	background: url("../img/common/arw_line_gr.svg") no-repeat center top /contain;
}
#home .customer_voice div > p a.more {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 32px auto;
	font-size: 20px;
	color: #333;
}
#home .recommend {
	margin: 98px 0 0;
	background: url("../img/common/24566662.jpg") no-repeat center top /contain;
	font-family: serif;
}
#home .recommend .inner {
	width: 1624px;
	margin: auto;
}
#home .recommend div h2 {
	padding: 140px 0;
	text-align: center;
	font-size: 40px;
	letter-spacing: .4em;
}
#home .recommend div > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 32px;
}
#home .recommend div > div > div {
	position: relative;
	display: block;
	width: 398px;
	height: 100%;
	padding: 40px 32px;
	background: #fff;
	border: 1px solid #707070;
}
#home .recommend div > div > div a {
	display: inline-block;
}
#home .recommend div > div > div h3 {
	margin: 0 0 .8em;
	text-align: center;
	font-size: 30px;
	color: #333;
	line-height: 1.5;
}
#home .recommend div > div > div a > p {
	margin: 1em auto 0;
	font-size: 18px;
}
#home .recommend div > div > div a > p.more {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
#home .recommend div > div > div a > p.more::after, #home .recommend div > p a.more::after {
	content: "";
	display: inline-block;
	width: 43px;
	height: 43px;
	margin: 0 0 0 .5em;
	background: url("../img/common/arw_line_gr.svg") no-repeat center top /contain;
}
#home .recommend div > p a.more {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 32px auto;
	font-size: 20px;
	color: #333;
}
#home .info {
	margin: 98px 0 0;
	background: url("https://www.ohtaya.jp/html/template/ohtayarenew/assets/img/common/bg-annnai.jpg") no-repeat center top;
	/*background: #BAE3F9;*/
	font-family: serif;
}
#home .info .inner {
	width: 1624px;
	margin: 0 auto;
	padding: 77px 0;
}
#home .info div h2 {
	margin: 0 0 10px;
	text-align: center;
	font-size: 40px;
	letter-spacing: .4em;
}
#home .info div h2 + p {
	margin: 0 0 1em;
	text-align: center;
	font-size: 18px;
}
#home .info div > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 30px 0;
}
#home .info div > ul > li {
	display: block;
	width: 399px;
	height: 100%;
}
#home .info div > ul > li a {
	display: inline-block;
}
#home .info div > ul > li a > p {
	margin: 1em auto;
	text-align: center;
	font-size: 25px;
}
#home .online_shop {
	margin: 134px auto 57px;
	font-family: serif;
}
#home .online_shop .inner {
	width: 1680px;
	margin: auto;
}
#home .online_shop div h2 {
display: block;
  margin: 0 0 27px;
  padding: .5em;
  text-align: center;
  font-size: 40px;
  font-family: serif;
  letter-spacing: .1em;
}
#home .online_shop div h2 + h3 {
	text-align: center;
	font-size: 50px;
}
#home .online_shop div h2 + h3 + p {
	margin: 10px auto 0;
	text-align: center;
	font-size: 22px;
}
#home .online_shop div > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	margin: 30px auto 100px;
}
#home .online_shop div > ul > li {
	width: 480px;
	height: 100%;
	margin: 5px;
}
#home .online_shop div > ul > li a {
	display: inline-block;
}
#home .online_shop div > ul > li img {
	width: 100%;
}
#home .online_shop div > ul > li a p {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: .5em auto 1em;
	text-align: center;
	font-size: 30px;
	line-height: 1.5;
}
#home .online_shop div > ul > li a p::after {
	content: "";
	display: inline-block;
	width: 43px;
	height: 43px;
	margin: 0 0 0 .5em;
	background: url("../img/common/arw_wh_l.svg") no-repeat center top /contain;
}
#home .online_shop div.banner {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1624px;
	margin: 0 auto 60px;
}
#home .online_shop div.banner img {
	margin: 0 30px;
}
#home .inquiry {}
#home .inquiry .inner {
	display: flex;
	justify-content: space-around;
	align-items: stretch;
	width: 1624px;
	margin: auto;
	padding: 35px;
	background: #004098;
	border-radius: 42px;
	text-align: center;
	color: #fff;
}
#home .inquiry div > div a[href] {
	color: #fff;
}
#home .inquiry div > div {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 494px;
}
#home .inquiry div > div:nth-of-type(1) {
	justify-content: flex-start;
}
#home .inquiry div > div h3 {
	height: 90px;
	margin: 0 0 18px;
	padding: .7em 0 0;
	background: url("../img/common/inq_title_bg.svg") no-repeat center top /contain;
	font-size: 30px;
}
#home .inquiry div > div h3 + p {
	font-size: 18px;
}
#home .inquiry div > div h3 + p strong {
	font-size: 36px;
}
#home .inquiry div > div h3 + p a[href] {
	font-size: 55px;
	line-height: 1.3;
}
#home .inquiry div > div h3 + p small {
	font-size: 18px;
}
#home .inquiry div > div hr {
	width: 20%;
}
#home .inquiry div > div h4 {
	margin: 24px auto;
	font-size: 30px;
}
#home .inquiry div > div p a.button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 400px;
	height: 90px;
	margin: 17px auto 0;
	padding: 0 0 0 21px;
	border: 1px solid #fff;
	border-radius: 200px;
	text-decoration: underline;
	font-size: 20px;
}
#home .inquiry div > div p a.button:hover {
	background: rgba(255, 255, 255, .2);
}
#home .inquiry div > div p a.button::after {
	content: "";
	display: inline-block;
	width: 43px;
	height: 43px;
	margin: 0 0 0 1em;
	background: url("../img/common/arw_line_wh.svg") no-repeat center top /contain;
}
#home .about {
	margin: 170px auto 0;
	font-family: serif;
	background: url("../img/common/bg_about2.jpg") no-repeat center top /contain;
}
#home .about .inner {
	position: relative;
	width: 1624px;
	margin: auto;
}
#home .about div > div {
	width: 600px;
	margin: 0 0 0 192px;
	padding: 60px 0 0;
	min-height: 743px;
}
#home .about div > div h2 {
	margin: 0 0 1em;
	font-size: 40px;
}
#home .about div > div h2 + p {
	font-size: 22px;
}
#home .about div ul {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 105px auto;
}
#home .about div ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(1624px / 2);
	height: 200px;
	font-size: 30px;
	color: #fff;
}
#home .about div ul li:nth-of-type(1) a {
	background: #004098;
}
#home .about div ul li:nth-of-type(1) a:hover {
	background: rgba(0, 64, 152, .8);
}
#home .about div ul li:nth-of-type(2) a {
	background: #6FBA2C;
}
#home .about div ul li:nth-of-type(2) a:hover {
	background: rgba(111, 186, 44, .8);
}
#home .about div ul li a::after {
	content: "";
	display: inline-block;
	width: 43px;
	height: 43px;
	margin: 0 0 0 1em;
	padding: 0 0 0 .5em;
	background: url("../img/common/arw_line_wh.svg") no-repeat center top /contain;
}
#home .about div ul + p {
	text-align: center;
}
#home .about div ul + p a {
	display: block;
}
#home .content_menu {
	margin: auto;
	padding: 150px 0;
	background: url("../img/common/bg_mark.png") no-repeat 3% center /48%;
	font-family: serif;
}
#home .content_menu .inner {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 1624px;
	margin: auto;
}
#home .content_menu div ul li a {
	display: block;
	width: 956px;
	border-top: 1px solid #707070;
	padding: 1em 0;
	font-size: 40px;
	background: url("../img/common/arw_line_gr.svg") no-repeat 96% center /63px;
	color: #333;
}
#home .content_menu div ul li:last-of-type {
	border-bottom: 1px solid #707070;
}
@media (max-width:1680px) {
	#home .shop .inner, #home .customer_voice .inner, #home .recommend .inner, #home .info .inner{
		width: 90%;
	}
	#home .shop div > div {
		justify-content: flex-start;
	}
	#home .shop div > div > div {
		width: 32%;
		height: 100%;
		margin: 0 0 30px;
	}
	#home .shop div > div > div a > p{
		font-size: 20px;
	}
	#home .shop div > div > div:nth-of-type(3n+2) {
		margin: 0 2%;
	}
	#home .customer_voice h2, #home .recommend div h2 {
		padding: 70px 0;
		font-size: 36px;
	}
	#home .customer_voice div > div > div {
		width: 32%;
		padding: 4% 3%;
	}
	#home .customer_voice div > div > div h3 {
		font-size: 24px;
	}
	#home .recommend div > div > div{
		width: 49%;
		height: auto;
		padding: 5%;
	}
	#home .recommend div > div > div img{
		display: block;
		width: 100%;
	}
	#home .recommend div > div > div a > p{
		margin: 1.5em auto 0;
	}
	#home .info div h2{
		font-size: 36px;
	}
	#home .info .inner{
		margin: 5% auto 3%;
	}
	#home .info div > ul > li{
		width: 23%;
		margin: 0 1%;
	}
	#home .online_shop .inner{
		width: 100%;
	}
	#home .online_shop div h2{
		font-size: 60px;
	}
	#home .online_shop div h2 + h3{
		font-size: 36px;
	}
	#home .online_shop div > ul > li{
		display: flex;
		justify-content: center;
		width: 40%;
		margin: 0 1%;
	}
	#home .online_shop div > ul > li a p{
		font-size: 26px;
	}
	#home .inquiry .inner{
		width: 96%;
	}
		#home .inquiry div > div{
		width: 30%;
	}
	#home .inquiry div > div h3{
		height: 50px;
		margin: 0 0 1em;
		font-size: 20px;
	}
	#home .inquiry div > div h3 + p,
		#home .inquiry div > div p{
		font-size: 16px;
	}
		#home .inquiry div > div:nth-of-type(3) h4 + p{
		flex-grow: 1;
	}
	#home .inquiry div > div p a.button{
		width: auto;
		height: 72px;
	}
	#home .about .inner, #home .content_menu .inner{
		width: 100%;
	}
	#home .about div ul{
		width: 94%;
		margin: 13% auto 9%;
	}
	#home .about div > div {
    width: 41%;
    margin: 0 0 0 5%;
    padding: 4% 0 0;
    min-height: auto;
  }
	#home .about div ul li {
		display: block;
		width: 100%;
	}
	#home .about div ul li a{
		width: auto;
		height: 160px;
	}
	#home .about div ul + p a{
		width: 94%;
		margin: auto;
	}
	#home .content_menu{
		padding: 12% 0;
	}
	#home .content_menu .inner{
		width: 100%;
	}
	#home .content_menu div ul li a{
		width: 47vw;
		font-size: 30px;
	}
}
@media (max-width:1024px){
	.ec-layoutRole__header .h_logo{
		width: 180px;
	}
	.ec-headerSearch .ec-headerSearch__keyword input[type="search"]{
		height: 45px;
	}
	.ec-headerNaviRole__telephone{
		width: 200px;
	}
	.ec-headerNaviRole__sub_nav{
		top: 80px;
	}
	.ec-layoutRole__header .ec-categoryNaviRole{
		right: 50px;
	}
	#home .shop .inner h2 + p + p{
		font-size: 34px;
	}
	#home .info div > ul > li a > p{
		font-size: 20px;
	}
	#home .online_shop div h2{
		font-size: 50px;
	}
	#home .online_shop div h2 + h3{
		font-size: 34px;
	}
	#home .online_shop div h2 + h3 + p{
		font-size: 20px;
	}
	#home .inquiry div > div h3 + p a[href]{
		font-size: 40px;
	}
	#home .inquiry div > div h4{
		font-size: 22px;
	}
	#home .about div > div h2{
		font-size: 36px;
	}
	#home .about div > div h2 + p{
		font-size: 16px;
	}
	#home .about div ul li a{
		height: 140px;
		font-size: 26px;
	}
}