/*
Theme Name: e-shop
Version: 0.0.1
Author: goego56
-----------------------------------------------------------------------------------

0.  Reset
1.  Structure
2.  Header
3.  Main Content
4.  Footer
5.  Responsive

color
メインカラー：#7b5635
サブカラー：#b43142
アクセントカラー 強：#e37b0b
アクセントカラー 弱：#efe7d5A
文字色：#333

----------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/*  0.  Reset
/* -------------------------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height: 1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: #7b5635;
}

a:hover {
	text-decoration: none;
}

.p_list li a {
	color: #333;
	text-decoration: none;
	display: block;
}

.p_list li a:hover {
	opacity: 0.6;
}

/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.sp {
	display: none;
}

img {
	vertical-align: bottom;
}

/* -------------------------------------------------------------------------------- */
/*  1.  Structure
/* -------------------------------------------------------------------------------- */

/*------------------------------
clearfix
--------------------------------*/
.floatcontainer:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

.floatcontainer {display: inline-block;}

/* Hides from IE Mac */
* html .floatcontainer {height: 1%;}
.floatcontainer {display:block;}
/* End Hack */

@font-face {
}

body {
	color: #333333;
	font-size: 18px;
	line-height: 34px;
	/* font-family:'Arial','osaka','MS PGothic', sans-serif; */
	font-family: "Helvetica Neue",
	Arial,
	"Hiragino Kaku Gothic ProN",
	"Hiragino Sans",
	Meiryo,
	sans-serif;
}

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100% !important;
  height: 100% !important;
}


/*------------ アニメーション 1.5s ------------*/
**** {
-webkit-transition: all 2s;
-moz-transition: all 2s;
-o-transition: all 2s;
-ms-transition: all 2s;
transition: all 2s;
}

/*------------ アニメーション 0.5s ------------*/
**** {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}

/*------------ アニメーション 0.3s ------------*/
li a, li a:hover,
	#top_banner a, #top_banner a:hover,
	#banner_container a, #banner_container a:hover,
	#category_list li a, #category_list li a:hover,
	#contact_intro a , #fax_intro a , #member_intro a,
	#contact_intro a:hover , #fax_intro a:hover , #member_intro a:hover,
	#sp_menu_content ,#sp_menu_content.on,
	.item-detail-cart-btn a , .item-detail-cart-btn a:hover,
	#social_list li a , #social_list li a:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

/* -------------------------------------------------------------------------------- */
/*  2. Header
/* -------------------------------------------------------------------------------- */
header {
}

header > div {
	width: 1000px;
	margin: 0 auto;
}

#member_menu {
	width: 100%;
	height: 40px;
	background: #efe7d5;
}

#member_menu > div {
	width: 1000px;
	margin: 0 auto;
}

#discription {
	font-size: 15px;
	line-height: 40px;
	display: inline-block;
	border: none;
}

#member_menu > div ul {
	float: right;
	font-size: 0;
}

#member_menu > div ul li {
	font-size: 16px;
	height: 40px;
	display: inline-block;
}

#member_menu > div ul li a {
	color: #FFF;
	background-color: #7b5635;
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 40px;
	padding: 0 18px;
	text-decoration: none;
	box-sizing: border-box;
}

#member_menu > div ul li a:hover {
	background: #5e3918;
}

#member_menu > div ul li {
	border-right: #efe7d5 solid 1px;
}

#member_menu > div ul li#cart {
	border-right: none;
}

#member_menu > div ul li#cart a i {
	/*width: 21px;
	height: 21px;
	vertical-align: middle;
	display: inline-block;
	margin-top: -3px;
	padding-right: 3px;
	background: url('https://dl.dropboxusercontent.com/s/xd73mzct41erik3/cart.svg') 0 0 no-repeat;
	background-size: contain;*/
}

#member_menu > div ul li a i {
	font-size: 14px;
	margin-right: 5px;
}

#sub_menu_wrap {
	height: 20px;
	margin: 12px auto;
	width: 1000px;
}

#sub_menu {
	font-size: 0;
	text-align: right;
}

#sub_menu li {
	font-size: 13px;
	display: inline;
	margin-left: 27px;
}

#sub_menu li a {
	color: #555;
	position: relative;
}

#sub_menu li a:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: -10px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 8px solid #7b5635;
}

#header_main_info {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#rogo_wrap {
}

#rogo_wrap h1 {
	width: 180px;
	/*	height: 90px;
	background: url(https://image.raku-uru.jp/01/7041/113/logo_yoko_1594251895707.png) 0 0 no-repeat;
	background-size: contain;*/
	/*margin-top: -20px;*/
}

#rogo_wrap h1 a {
	display: block;
	width: 100%;
	height: 100%;
}

#rogo_wrap h1 a img {
	width: 100%;
	height: auto;
}

/*#rogo_wrap h1 span {
	font-size: 0;
	display: none;
}*/

#pay_info {
	margin-top: 15px;
}

#pay_info ul {
	text-align: center;
	font-size: 0;
}

#pay_info ul li {
	font-size: 14px;
	color: #7b5635;
	padding: 2px 12px;
	margin: 0 4px;
	background: #efe7d5;
	border-radius: 4px;
	border: #7b5635 1px solid;
	display: inline-block;
}

#pay_info p {
	text-align: center;
}

#tel_info {
	text-align: right;
	padding-top: 12px;
}

#sp_tel_info {
	display: none;
}

#tel {
	color: #7b5635;
	font-weight: bold;
	font-size: 48px;
	padding-bottom: 6px;
	font-feature-settings: "palt" 1;
}

#tel svg {
	width: 39px;
	height: 39px;
	position: relative;
	top: 2px;
	left: 8px;
	fill: #7b5635;
	/*stroke: #7b5635;
	stroke-width: 0;*/
}

#time {
	line-height: 130%;
	padding: 6px 0;
}

#time span.small {
	font-size: 80%;
}

#time .sp {
	display: none;
}

#mail {
	font-size: 14px;
	background: #efe7d5;
	padding: 0 1em;
	display: inline-block;
}

#category_nav_wrap {
	width: 100%;
	min-width: 1000px;
	height: 56px;
	color: #FFF;
	background: #7b5635;
	margin: 20px auto 0;
}

#category_nav_wrap ul {
	width: 100%
	margin: 0 auto;
	text-align: center;
}

#category_nav_wrap ul li {
	height: 56px;
	line-height: 56px;
	padding: 0 20px;
	display: inline-block;
}

#category_nav_wrap ul li a {
	color: #FFF;
}

/* ---
#p-slider {
width: 100%;
min-width: 1000px;
height: 400px;
overflow: hidden;
}

#p-slider ul {
width: 3000px;
display: flex;
justify-content: space-start;
flex-wrap: wrap;
}

#p-slider ul li a:hover {
opacity: 0.6;
}

#p-slider ul li img {
width: 400px;
height: 400px;
}
---

#top_cover_img {
	width: 1000px;
	height: 360px;
	background-size: cover;
	margin: -40px 0 40px;
}*/

/* オープン画像 */
/*overlay*/
.overlay {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.70;
  filter: alpha(opacity=70);
}

.modal-open {
  /* overflow: hidden; */
}
.modal-open .overlay {
  display: block;
}

/* modal */
.modal {
  position: absolute;
  z-index: 9999;
  display: none;
  background-color: #fff;
}

.modal-open .modal {
  display: block;
}

.modal-inner {
  position: relative;
  width: 100%;
}

.modal-img {
  max-width: calc(100% - 100px);
  max-height: calc(100% - 100px);
}
.modal-img img {
  display: block;
  width: auto;
  height: auto;
}

.modal-close {
  position: absolute;
  top: -52px;
  right: -4px;
}

.modal-close a {
  display: block;
  width: 40px;
  height: 40px;
  background: url(https://dl.dropboxusercontent.com/s/0u84n3k5qn237nm/close_bt.svg) 0 0 no-repeat;
  background-size: contain;
}

/*.modal-close a::before {
  content: "\e904";
  font-family: "icomoon";
  color: #fff;
  font-size: 40px;
}*/

/* 1枚目画像 */
.item-detail-photo-main {
  position: relative;
  padding: 0;
  background: #efe7d5;
}

.item-detail-photo {
  position: relative;
  overflow: hidden;
  width: 360px;
  height: 360px;
  margin: 0 auto 10px;
}
.item-detail-photo li {
  list-style: none;
  float: left;
  width: 360px;
  height: 360px;
  position: relative;
}
.item-detail-photo img {
  display: block;
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: auto;
}

/* 商品画像:矢印 */
.item-detail-photo-backbtn,
.item-detail-photo-nextbtn {
  position: absolute;
  top: 50%;
  display: block;
  margin-top: -20px;
}
.item-detail-photo-backbtn a,
.item-detail-photo-nextbtn a {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  color: #000;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.7);
  line-height: 40px;
  text-align: center;
  font-size: 22px;
}
.item-detail-photo-backbtn a::before,
.item-detail-photo-nextbtn a::before {
  position: absolute;
}
.item-detail-photo-backbtn a:hover,
.item-detail-photo-nextbtn a:hover {
  text-decoration: none;
}

.item-detail-photo-backbtn {
  left: 10px;
}
.item-detail-photo-backbtn a::before {
  content: "<";
  font-family: "icomoon";
  left: 14px;
}

.item-detail-photo-nextbtn {
  right: 10px;
}
.item-detail-photo-nextbtn a::before {
  content: ">";
  font-family: "icomoon";
  right: 14px;
}

/* 商品画像:サムネイル
.item-detail-thumb {
  width: 100%;
  margin: 40px auto 0;
  overflow: hidden;
}

.item-detail-thumb-photo {
  display: inline-block;
  vertical-align: top;
  width: 60px;
  height: 60px;
  margin: 0 0 10px;
  overflow: hidden;
  position: relative;
}
.item-detail-thumb-photo img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  max-height: 60px;
  max-width: inherit;
}
*/
/* -------------------------------------------------------------------------------- */
/*  3.  Main Content
/* -------------------------------------------------------------------------------- */
#single_contents_wrap {
	width: 1000px;
	margin: 40px auto 20px auto;
}

#columns2_contents_wrap {
	width: 1000px;
	margin: 40px auto 20px auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#columns2_contents_wrap article {
	width: 700px;
	order: 1;
}

aside {
	width: 240px;
	box-sizing: border-box;
	border-top: #999 solid 1px;
	padding-top: 30px;
	margin-top: 20px;
	order: 0;
}

section {
	width: 100%;
	margin-bottom: 80px;
}

h2 {
	text-align: center;
	padding-bottom: 1em;
	margin-bottom: 2em;
	border-bottom: #d2d2d2 1px solid;
}

h2 .en {
	font-size: 15px;
	font-weight: 100;
}

h2 .jp {
	font-size: 30px;
	color: #7b5635;
	font-weight: bold;
}


h3 {
	font-size: 21px;
	color: #7b5635;
	font-weight: bold;
	padding-bottom: 0.75em;
}

#breadcrumb {
	font-size: 14px;
	margin-bottom: 20px;
}

#breadcrumb ul li {
	display: inline-block;
	margin-right: 0.5em;
}

#breadcrumb ul li:after {
	content: ">";
	margin-left: 0.5em;
}

#breadcrumb ul li:last-child {
	margin-left: 0;
}

#breadcrumb ul li:last-child:after {
	content: "";
}

#camping_breadcrumb {
	font-size: 14px;
	position: relative;
	margin: -20px 0 20px 0;
}

#camping_breadcrumb dt , #camping_breadcrumb dd {
	display: inline-block;
	padding-right: 0.5em;
}

ul#top_banner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 60px;
}

#top_banner li {
	width: 49.5%;
}

#top_banner li img {
	width: 100%;
	height: auto;
}

#top_banner a { opacity: 1; }
#top_banner a:hover { opacity: 0.7;}

/*------------------------------
  slider
------------------------------*/
#main-image {
  position: relative;
  width: 100%;
  /*max-width: 1000px;*/
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}
#main-image img {
  /*max-width: 100%;*/
  width: 100%;
  height: auto;
}

.main-image-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  /*max-width: 1000px;*/
  height: auto;
  margin: 0 auto;
}
.main-image-slider > ul {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  display: inline-block;
  overflow: hidden;
}
.main-image-slider > ul > li {
  display: inline;
  float: left;
  overflow: hidden;
  list-style-type: none;
  width: 100%;
}
.main-image-slider > ul > li span, .main-image-slider > ul > li a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.main-image-prev {
  position: absolute;
  right: 10px;
  top: 50%;
  z-index: 999;
  font-size: 22px;
  margin-top: -16px;
}

.main-image-next {
  position: absolute;
  left: 10px;
  top: 50%;
  z-index: 999;
  font-size: 22px;
  margin-top: -16px;
}

.main-image-prev a,
.main-image-next a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  text-decoration: none;
}

.main-image-prev a:hover,
.main-image-next a:hover {
  text-decoration: none;
}

.main-image-indicator {
  position: absolute;
  z-index: 999;
  right: 0;
  bottom: 5px;
  left: 0;
}

.main-image-indicator ul {
  text-align: center;
}
.main-image-indicator ul li {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 8px;
  border: #FFE18C solid 1px;
  border-radius: 50%;
  background-color: transparent;
}
.main-image-indicator ul li.active {
  background-color: #FFE18C;
}

div.no_inner > div.two-column > div#main {
  margin-top: 0;
}

/*@media screen and (min-width: 600px) {*/
  #main-image {
    width: 100%;
  }

  .main-image-slider > ul {
    height: 460px;
  }
  .main-image-slider > ul > li {
    width: 100%;
  }

  .main-image-indicator {
    bottom: 6px;
  }
  .main-image-indicator ul {
    font-size: 0;
    margin: 0;
    padding: 0;
  }
  .main-image-indicator ul li {
    width: 10px;
    height: 10px;
    margin: 0 4px;
  }
/*}*/

/*---------- 紹介 ----------*/
#about_us {  }
/*
#columns2_contents_wrap #about_us { display: none; }
*/
#about_us .flexbox {
	display: flex;
}

#about_us .flexbox .img_wrap {
	width: 180px;

}

#about_us .flexbox .img_wrap img {
	width: 180px;
	height: 180px;
	border-radius: 50%;
}

#about_us .flexbox .text_box {
	padding-left: 60px;
}
#columns2_contents_wrap #about_us .flexbox .text_box {
	padding-left: 40px;
}

#about_us .flexbox .text_box h3 {
}

#about_us .flexbox .text_box p {
	padding-bottom: 0.5em;
}

#about_us .flexbox .text_box p.sign {
	text-align: right;
}

#welcome_message {
	text-align: center;
	margin-top: 40px;
}

#local_nav_wrap {
	text-align: center;
	margin: 40px 0;
}

#local_nav {
	display: inline-block;
	background: #efe7d5;
	margin: 0 auto;
	padding: 10px;
	border-radius: 10px;
}

#local_nav li {
	height: 1em;
	line-height: 1em;
	padding: 0 20px;
	display: inline-block;
	text-align: center;
	border-left: #888 solid 1px;
}

#local_nav li:first-child {
	border: none;
}

#local_nav li a {
	color: #7b5635;
}

#recommend {
	padding-bottom: 80px;
}

ul.item_list {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 30px;
	row-gap: 30px;
}

#columns2_contents_wrap ul.item_list {
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 30px;
	row-gap: 30px;
}

ul.item_list li {
	box-sizing: border-box;
}

ul.item_list .img_wrap {
	width: 100%;
	position: relative;
}

ul.item_list .img_wrap i {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	color: #555;
	background: #EFEFEF;
}

ul.item_list .img_wrap i {
	width: 80px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
        padding: 5px 10px;
	color: #fff;
	background: #CD5C5C;
}

ul.item_list .img_wrap i.rank1 { background: #eba41b; }
ul.item_list .img_wrap i.rank1 span {
	font-size: 0;
	background: url(https://dl.dropboxusercontent.com/s/12snri8ly7a3ksv/crown_icon.png) 50% 50% no-repeat;
	background-size: 50%;
}
ul.item_list .img_wrap i.rank2 { background: #c6c3bf; }
ul.item_list .img_wrap i.rank3 { background: #e98b49; }
ul.item_list .img_wrap i.rank2 span , ul.item_list .img_wrap i.rank3 span { color: #FFF; }

ul.item_list .img_wrap i span {
    line-height: 50px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

ul.item_list .img_wrap i.icon-badge18418 ,
ul.item_list .img_wrap i.icon-badge18419 ,
ul.item_list .img_wrap i.icon-badge18420 {
    color: #FFF;
    font-size: 15px;
    width: auto;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0px 1em;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
}
ul.item_list .img_wrap i.icon-badge18418 { background: #de902c; }
ul.item_list .img_wrap i.icon-badge18419 { background: #CD5C5C; }
ul.item_list .img_wrap i.icon-badge18420 { background: #54b519; }

ul.item_list .img_wrap img {
	width: 100%;
	height: 100%;
}

.p_text {
	margin-top: 1em;
}

.p_text .p_name {
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	text-align: center;
}

.p_text .p_price {
	text-align: center;
	margin-bottom: 0.75em;
}

.p_text .p_description {
	font-size: 15px;
	line-height: 25px;
	text-align: center;
	border: #BBB 1px solid;
}

.icon_wrap {
	margin-top: 0.5em;
	text-align: right;
}

.icon_wrap a img {
	width: 30px;
	height: 30px;
	display: inline-block;
}

#long_saler {
margin-top: 1em;
}

.long_saler_list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 50px;
}
#columns2_contents_wrap .long_saler_list {
	column-gap: 20px;
}

.long_saler_list li {
	width: 300px;
}
#columns2_contents_wrap .long_saler_list li {
	width: auto;
}

.long_saler_list li .img_wrap {
	width: 100%;
}

.long_saler_list li .img_wrap img {
	width: 100%;
	vertical-align: bottom;
}

.long_saler_list .p_description {
	text-align: center;
}

#colmn2_container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#columns2_contents_wrap #colmn2_container {
	background: #efe7d5;
	padding: 30px;
	box-sizing: border-box;
	align-items: center;
}

#colmn2_container .left {
	width: 50%;
	/*height: 300px;*/
}
#columns2_contents_wrap #colmn2_container .left {
	width: 240px;
}

#colmn2_container .left img {
	width: 100%;
	height: auto;
}

#colmn2_container #right_content {
	text-align: center;
	padding: 40px;
	width: 50%;
	background: #efe7d5;
	box-sizing: border-box;
}
#columns2_contents_wrap #colmn2_container #right_content {
	width: 370px;
	text-align: left;
	padding: 0;
	background: none;
	box-sizing: border-box;
}

#colmn2_contents_wrap #colmn2_container #right_content {
	padding: 30px;
	width: 60%;
}

#colmn2_container #right_content p {
	margin-bottom: 1.5em;
	text-align: left;
}

#banner_container {
}

#banner_container .colmn2,
#banner_container .colmn3,
#banner_container .colmn4 {
	display: grid;
	column-gap: 12px;
	margin-bottom: 24px;
}

#banner_container .colmn2 { grid-template-columns: 1fr 1fr; }
#banner_container .colmn3 { grid-template-columns: 1fr 1fr 1fr; }
#banner_container .colmn4 { grid-template-columns: 1fr 1fr 1fr 1fr; }


#banner_container .colmn2 li img,
#banner_container .colmn3 li img,
#banner_container .colmn4 li img {
	width: 100%;
	height: auto;
}

#banner_container a { opacity: 1; }
#banner_container a:hover { opacity: 0.7;}


#information {
	width: 680px;
	margin: 0 auto 80px auto;
	padding: 20px 40px 30px 40px;
	border: #efe7d5 solid 10px;
	box-sizing: border-box;
}

#columns2_contents_wrap #information {
	width: 100%;
}

#information ul li {
	margin-bottom: 16px;
}

#information ul li a i {
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
	background: #7b5635;
	padding: 4px 16px;
	margin-right: 10px;
	border-radius: 3px;
}

#information ul li span.date {
	font-size: 14px;
	padding: 6px 12px;
	background: #f5efe2;
	text-decoration: none;
	margin-right: 1em;
}

#category {}

#category_discription {
	margin-bottom: 2em;
}

#category_list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 30px;
	row-gap: 15px;
}
#columns2_contents_wrap #category_list {
	grid-template-columns: 1fr 1fr;
}

#category_list li {
	box-sizing: border-box;
}

#category_list li a {
	text-decoration: none;
	text-indent: 1.2em;
	width: 100%;
	display: block;
	box-sizing: border-box;
	padding: 8px 18px;
	position: relative;
	border: #efe7d5 3px solid;
}

#category_list li a:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 20px;
	width: 12px;
	height: 2px;
	margin-top: -5px;
	background: #7b5635;
	text-indent: 1.5em;
}

#category_list li a:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 50%;
	left: 20px;
	width: 12px;
	height: 2px;
	margin-top: 3px;
	background: #7b5635;
}

#category_list li a:hover {
	border-color: #5e3918;
}

#sub_information {
	width: 1000px;
	margin: 0 auto 80px auto;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 15px;
}

#contact_intro , #fax_intro , #member_intro {
	background: #efe7d5;
	padding: 25px 30px 32px;
	box-sizing: border-box;
	text-align: center;
}

#contact_intro h3 , #fax_intro h3 , #member_intro h3 {
	margin-bottom: 0.5em;
}

#contact_intro .tel , #fax_intro .tel {
	font-size: 34px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 1em;
}

#contact_intro .tel svg , #fax_intro .tel svg {
	width: 28px;
	height: 28px;
	fill: #333;
	margin-bottom: -2px;
}

#fax_intro .tel svg {
	margin-right: 4px;
}

#contact_intro p , #fax_intro p {
	text-align: left;
	font-size: 15px;
	line-height: 24px;
}

#member_intro ul {
	display: inline-grid;
	text-align: left;
}

#member_intro ul li {
	font-size: 20px;
	text-align: left;
	display: block;
	margin-bottom: 0.5em;
	text-indent: -24px;
	padding-left: 24px;
}

#member_intro ul li svg {
	width: 20px;
	height: 20px;
	margin-bottom: -2px;
	padding-right: 4px;
	fill: #7b5635;
}

#contact_intro a , #fax_intro a , #member_intro a {
	text-decoration: none;
	text-align: center;
	display: inline-block;
	margin-top: 1.25em;
	padding: 0.4em 1.6em;
	border-radius: 10px;
	width: 90%;
	box-sizing: border-box;
}

#contact_intro a , #fax_intro a {
	background: #FFF;
	text-decoration: none;
}

#member_intro a {
	color: #FFF;
	background: #7b5635;
}

#contact_intro a:hover , #fax_intro a:hover , #member_intro a:hover {
	color: #FFF;
	background: #5e3918;
}

/*------------ products ------------*/
#products h1 {
	font-size: 36px;
	line-height: 48px;
	color: #7b5635;
	font-weight: bold;
	text-align: center;
	padding: 0.75em 0;
	margin-bottom: 1em;
	border-top: #d2d2d2 1px solid;
	border-bottom: #d2d2d2 1px solid;
}

#products_info {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 40px;
	padding-bottom: 35px;
	border-bottom: 1px solid #AAA;
}

#products img {
	max-width: 100%;
}

#products_image {
	width: 360px;
}

#products_image img {
	width: 100%;
}

#products_txt {
	width: 580px;
}

#columns2_contents_wrap #products_txt {
	width: 300px;
}

#products_txt p{
	font-size: 16px;
	line-height: 27px;
}

#jq_item_photo_list {
	width: 100%;
	overflow: hidden;
}

#jq_item_photo_list ul.landscape {
	display: flex;
}

#jq_item_photo_list ul.landscape li {
	width: 475px;
}

#jq_item_photo_list ul.landscape li img {
	width: 100%;
}

.item-detail-thumb {
	margin-top: 20px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 10px;
	row-gap: 10px;
}

.item-detail-thumb li a:hover {
	opacity: 0.7;
}

.item-detail-thumb li a img {
	width: 100%;
	height: auto;
}

.item-detail-thumb-photo {
	background: #efe7d5;
}

.item-detail-vari-price {
}

.item-detail-vari-price dl {
	padding: 20px 0 20px 28px;
	background: #efe7d5;
	/*margin-bottom: 30px;*/
	border-radius: 4px;
}

.item-detail-vari-price dl dt,
.item-detail-vari-price dl dd {
	display: inline-block;
	font-weight: bold;
	vertical-align: baseline;
}

.item-detail-vari-price dl dt {
	font-size: 24px;
	padding-right: 0.5em;
}

.item-detail-vari-price dl dd {
	font-size: 40px;
	padding-left: 0.25em;
}

#columns2_contents_wrap .item-detail-vari-price dl dt,
#columns2_contents_wrap .item-detail-vari-price dl dd {
	display: inline-block;
	vertical-align: middle;
	padding-left: 0;
}

.item-detail-vari-price dl dd span.tax {
	font-size: 18px;
	font-weight: normal;
	margin-left: -0.3em;
	vertical-align: -webkit-baseline-middle;
}

span.price {
	vertical-align: middle;
}

span.tax {
	font-size: 0.8em;
	margin-left: -0.3em;
}

#products_txt p {
	margin-bottom: 30px;
}

#products_txt .js-counter-wrap p,
#purchase .js-counter-wrap p {
	font-size: 16px;
	margin-bottom: 0.5em;
}

.item-detail-cart-vari-radio div {
	margin-bottom: 10px;
	padding-bottom: 1px;
}

.item-detail-cart-vari-radio input {
	position: absolute;
	opacity: .0;
}

.item-detail-cart-vari-radio input + label {
	font-size: 18px;
	line-height: 1;
	position: relative;
	display: inline-block;
	padding-left: 20px;
}

.item-detail-cart-vari-radio input + label::before {
	position: absolute;
	top: 1px;
	left: 0;
	display: block;
	width: 15px;
	height: 15px;
	margin-top: -1px;
	content: '';
	border: 1px solid #5e3918;
	border-radius: 50%;
}

.item-detail-cart-vari-radio input:checked + label::after {
	position: absolute;
	top: 3px;
	left: 3px;
	display: block;
	width: 11px;
	height: 11px;
	content: '';
	border-radius: 50%;
	background-color: #1e0f11;
}

.item-detail-num-count {
	width: auto;
	margin-bottom: 18px;
	display: flex;
}

.item-detail-num-plus,
.item-detail-num-minus {
	line-height: 60px;
	display: inline-block;
	width: 60px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
	margin-right: 8px;
}

.item-detail-num input[type=number] {
	font-size: 20px;
	line-height: 60px;
	display: block;
	width: 60px;
	height: 60px;
	text-align: center;
	border: solid 1px #5e3918;
	-moz-appearance: textfield;
	box-sizing: border-box;
	border-radius: 6px;
	margin-right: 8px;
}

.item-detail-num-minus a,
.item-detail-num-plus a {
	font-size: 24px;
	line-height: 60px;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	border-radius: 6px;
	background-color: #5e3918;
	text-decoration: none;
}

div.item-detail-cart-btn {
}

a.raku-add-cart {
	color: #FFF;
	background: #7b5635;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	margin: 1.5em 0 0.5em;
	padding: 1em 0;
	border-radius: 10px;
	width: 100%;
}

.item-detail-cart-btn a:hover {
	background: #5e3918;
}

.item-detail-cart-btn a span {
	font-size: 20px;
	margin-right: -40px;
	position: relative;
}

.item-detail-cart-btn a span:before {
	position: absolute;
	top: 50%;
	left: -40px;
	display: inline-block;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	content: '';
	vertical-align: middle;
	background-image: url(https://dl.dropboxusercontent.com/s/ibq0fg3nfomfkw2/cart_icon.png);
	background-repeat: no-repeat;
	background-size: cover;
}

dl#p_code {
	font-size: 14px;
	border: #555 solid 1px;
	margin: 0 0.6em 1.2em 0;
	height: 30px;
	display: inline-flex;
}

dl#p_code dt {
	color: #FFF;
	background: #555;
	line-height: 30px;
	padding: 0 0.6em;
}

dl#p_code dd {
	color: #555;
	line-height: 30px;
	padding: 0 0.6em;
}

#products_txt p.binshu_1 , #products_txt p.binshu_2 ,
#products_txt p.binshu_3 , #products_txt p.binshu_4 ,
#products_txt p.binshu_5 , #products_txt p.binshu_6 {
	font-size: 14px;
	color: #FFF;
	line-height: 30px;
	height: 30px;
	padding: 0 0.6em;
	display: inline-block;
	border-radius: 3px;
}
.binshu_1 { background: #999; }
.binshu_2 { background: #999; }
.binshu_3 { background: #999; }
.binshu_4 { background: #c5972b; }
.binshu_5 { background: #27c0b4; }
.binshu_6 { background: #3864c9; }

#p_info_wrap {
	font-size: 16px;
	margin-bottom: 2em;
}

#p_info_wrap h4 {
	border-bottom: #d2d2d2 1px solid;
}

#p_info_wrap ul {
	border-bottom: #d2d2d2 1px solid;
	margin-bottom: 1.25em;
}

#p_info_wrap ul li {
	border-bottom: #d2d2d2 1px dotted;
	padding: 0.4em 0;
}

#p_info_wrap ul li:last-child {
	border-bottom: none;
}

#p_info_wrap ul li .pinfo_item {
	width: 6.5em;
	padding-right: 0.6em;
	display: inline-block;
}

#price_wrap {
	margin: 30px 0;
}

#products_txt #price_wrap p {
	margin-bottom: 0.5em;
}

#products_txt #price_wrap p.menber_p {
	color: #C00;
}

#price_wrap span.tax {
	vertical-align: baseline;
}

#post_massage,
#evaluation,
#purchase {
	width: 100%;
	max-width: 680px;
	margin: 0 auto 40px;
}

ul#post_massage {
       margin-left: 0 !important;
}

ul#post_massage li {
	padding: 24px 30px;
	border: #999 1px solid;
	box-sizing: border-box;
        list-style: none;
	margin-bottom: 24px;
}

ul#post_massage li h3 {
	padding-bottom: 0.5em;
}

p.comment {
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 0.5em;
}

p.name {
	font-size: 16px;
	line-height: 21px;
	text-align: right;
}

#purchase .date {
	text-align: right;
	font-size: 15px;
	color: #777;
	margin: -60px 0 40px 0;
}

#purchase h2 {
	font-size: 28px;
	margin-top: 1em;
	padding: 0.4em 0.8em;
	background: #efe7d5;
	margin-bottom: 14px;
}

#purchase h3 {
	font-size: 24px;
	margin-top: 1em;
	border-bottom: #555 1px solid;
	padding: 0 0 0.4em 0;
	margin-bottom: 14px;
}

#purchase h4 {
	font-size: 20px;
	margin-top: 2em;
	margin-bottom: 14px;
}

#purchase h5 {
	font-size: 18px;
	margin-top: 2em;
	margin-bottom: 14px;
}

#purchase ul {
	list-style: disc;
	margin-left: 1em;
	margin-bottom: 1.5em;
}

#purchase ol {
	margin-left: 1em;
	margin-bottom: 1.5em;
}

#purchase p {
	margin-bottom: 1.5em;
}

#purchase .info_wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 15px;
	margin-bottom: 40px;
	padding-bottom: 25px;
	border-bottom: 1px solid #d2d2d2;
}

#purchase .img_wrap_2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 15px;
	margin-bottom: 1.5em;
}

#purchase .img_wrap_3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 15px;
	margin-bottom: 14px;
	margin-bottom: 1.5em;
}

#purchase .img_wrap img,
#purchase .img_wrap_2 img,
#purchase .img_wrap_3 img {
	width: 100%;
	height: auto;
}

#purchase p {
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 1.5em;
        margin-top: 10px;
}

#purchase .item-detail-cart-vari-radio {
	margin: 30px 0;
}

#purchase dl dt {
	font-weight: bold;
}

#purchase dl dd {
	margin-bottom: 1em;
}

#purchase table {
	width: 100%;
	border: #333 solid 1px;
	margin-bottom: 1em;
}

#purchase table th {
	width: 30%;
	min-width: 160px;
	vertical-align: middle;
	border: #333 solid 1px;
	background: #efe7d5;
}

#purchase table td {
	border: #333 solid 1px;
	padding: 10px 20px;
	vertical-align: middle;
}


/*------------ free ------------*/
.wysiwyg-data {
	width: 100%;
	max-width: 680px;
	margin: 0 auto 80px auto;
}

.wysiwyg-data h1 {
	font-size: 36px;
	line-height: 48px;
	color: #7b5635;
	font-weight: bold;
	text-align: center;
	padding: 0.75em 0;
	margin-bottom: 1.25em;
	border-top: #d2d2d2 1px solid;
	border-bottom: #d2d2d2 1px solid;
}

.wysiwyg-data .date {
	text-align: right;
	font-size: 15px;
	color: #777;
	margin: -60px 0 40px 0;
}

.wysiwyg-data h2 {
	font-size: 28px;
	margin: 2em 0 1em 0;
	padding: 0.4em 0.8em;
	background: #efe7d5;
}

.wysiwyg-data h3 {
	font-size: 24px;
	margin: 2em 0 1em 0;
	border-bottom: #555 1px solid;
	padding: 0 0 0.4em 0;
}

.wysiwyg-data h4 {
	font-size: 20px;
	margin: 2em 0 1em 0;
	margin-bottom: 1em;
}

.wysiwyg-data h5 {
	font-size: 18px;
	margin: 2em 0 1em 0;
}

.wysiwyg-data ul {
	list-style: disc;
	margin-left: 1em;
	margin-bottom: 1em;
}

.wysiwyg-data ol {
	margin-left: 1em;
	margin-bottom: 1em;
}

.wysiwyg-data p {
	margin-bottom: 1em;
}

.wysiwyg-data .img_wrap_2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 15px;
}

.wysiwyg-data .img_wrap_3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 15px;
}

.wysiwyg-data .img_wrap img,
.wysiwyg-data .img_wrap_2 img,
.wysiwyg-data .img_wrap_3 img {
	width: 100%;
	height: auto;
}

/*------------ About Shop ------------*/
.wysiwyg-data h3 span {
	font-size: 18px;
	display: inline-block;
}

.wysiwyg-data ul#about_service {
	list-style: none;
	margin-left: 0;
	margin-bottom: 1em;
}

.wysiwyg-data ul#about_service li {
	display: flex;
	justify-content: space-between;
	/*align-items: center;*/
	flex-wrap: wrap;
	border-bottom: #DDD solid 1px;
	padding-bottom: 24px;
	margin-bottom: 24px;
}

.wysiwyg-data ul#about_service li:last-child {
	border: none;
}

#about_service li div.image_wrap {
	width: 35%;
}

#about_service li div.image_wrap img {
	width: 100%;
	height: auto;
}

#about_service li p {
	font-size: 16px;
	line-height: 28px;
	width: 60%;
	margin-bottom: 0;
}

.wysiwyg-data div.message_content {
	margin-bottom: 1.25em;
}

.wysiwyg-data div.introduction_content {
	padding: 30px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	border: #efe7d5 solid 4px;
}

.wysiwyg-data div.introduction_content > div {
	width: 180px;
	height: auto;
	text-align: center;
}

.wysiwyg-data div.introduction_content > div img {
	width: 180px;
	height: 180px;
	border-radius: 50%;
}

.wysiwyg-data .introduction_content > p {
	font-size: 16px;
	line-height: 28px;
	width: 410px;
	margin-bottom: 0;
}

.wysiwyg-data div.introduction_content p.degree,
.wysiwyg-data div.introduction_content p.intro_name {
	font-size: 16px;
	line-height: 16px;
	margin: 0.5em 0 0 0;
}

/*------------ Q&A ------------*/
.wysiwyg-data ul#q_a {
	margin: 0;
}

#q_a li {
	padding: 20px 30px;
	background: #efe7d5;
	margin-bottom: 30px;
	list-style-type: none;
	border-radius: 10px;
	box-sizing: border-box;
}

#q_a li p {
	text-indent: -1.85em;
	margin-left: 1.85em;
}

#q_a li .question {
	font-weight: bold;
	margin-bottom: 0.5em;
}

#q_a li .answer {
	margin-bottom: 0;
}

.question:before {
	content: "Q：";
}

.answer:before {
	content: "A：";
}

/*------------ other page ------------*/
div.main {
	font-size: 16px;
	line-height: 28px;
	width: 100%;
	max-width: 680px;
	margin: 0 auto 80px;
}

div.main h2 {
	font-size: 24px;
}

table.about-tbl {
	font-size: 15px;
	line-height: 25px;
	border-collapse: collapse;
	border: #555 solid 1px;
}

table.about-tbl tr {

}

table.about-tbl tr th {
	vertical-align: middle;
	width: 180px;
	padding: 12px;
	border: #555 solid 1px;
	background: #efe7d5;
}

table.about-tbl tr td {
	padding: 15px 20px;
	border: #555 solid 1px;
}

table.payment-content th,
table.payment-content td {
	padding: 8px 12px;
}

/*------------ side contents ------------*/
.side_contents_wrap {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: #999 solid 1px;
	position: relative;
}

.header-search-form input[type=text] {
	font-size: 14px;
	line-height: 14px;
	display: inline-block;
	width: 188px;
	height: 40px;
	padding: 1em;
	border-radius: 4px;
	outline: 0 none;
	border: none;
	background-color: #efe7d5;
	box-sizing: border-box;
}

.header-search-form-btn {
	width: 48px;
	height: 40px;
	background: #7b5635;
	border-radius: 4px;
	margin-top: 10px;
	position: absolute;
	right: 0;
	top: -10px;
}

.search-btn {
	width: 30px;
	height: 30px;
	margin: 2px 0 0 9px;
	vertical-align: middle;
}

#side_about_us .flexbox {
	display: block;
}

#side_about_us .flexbox .img_wrap {
	width: 180px;
	margin: 0 auto;
	text-align: center;
}

#side_about_us .flexbox .img_wrap img {
	width: 150px;
	height: 150px;
	border-radius: 50%;
}

#side_about_us .flexbox .text_box {
	padding-left: 0;
}
#side_about_us .flexbox .text_box {
	padding-left: 0;
}

#side_about_us .flexbox .text_box h3 {
	text-align: center;
	margin-top: 30px;
}

#side_about_us .flexbox .text_box p {
	font-size: 15px;
	line-height: 22px;
}

#side_about_us .flexbox .text_box p.sign {
	text-align: right;
	margin-top: 1em;
}

.side_contents_wrap h3 .sub-title {
	color: #555;
	font-size: 14px;
	font-weight: normal;
	padding-left: 0.75em;
}

#side_category_nav li a , #campaing_nav li a , #side_sub_menu li a {
	height: 100%;
	width: 100%;
	text-indent: 1em;
	background: url(https://dl.dropboxusercontent.com/s/7c827mvb0yue5gr/arrow.png) -3px 50% no-repeat;
	background-size: 14px;
	display: block;
	text-decoration: none;
}

ul#side_category_nav li ul li a {
	background-size: 9px;
	background-position: 10px 50%;
	text-indent: 1.5em;
}

ul#side_category_nav li ul li a:hover {
	background-position: 13px 50%;
}

#side_category_nav li a:hover , #campaing_nav li a:hover , #side_sub_menu li a:hover {
	background-position: 0 50%;
}

#side_banner li {
	margin-bottom: 20px;
}

#side_banner li:last-child {
	margin-bottom: 0;
}

#side_banner li a img {
	width: 100%;
	height: auto;
}

#sp_menu_content {
	display: none;
}

#social_list {
	width: 100%;
	height: 30px;
	text-align: center;
	margin-top: 24px;
}

#social_list li {
	width: 32px;
	height: 32px;
	display: inline-block;
	margin: 0 4px;
}

#social_list li a {
	display: block;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 1;
}

#social_list li a:hover {
	opacity: 0.7;
}

#social_list li#fb a { background-image: url(https://dl.dropboxusercontent.com/s/9bdz1rbmxcuda1l/icon_fb_on.png); }
#social_list li#tw a { background-image: url(https://dl.dropboxusercontent.com/s/d99yuako7beyhc0/icon_tw_on.png); }
#social_list li#ig a { background-image: url(https://dl.dropboxusercontent.com/s/rql3lnd3t4mqkde/icon_ig_on.png); }
#social_list li#yt a { background-image: url(https://dl.dropboxusercontent.com/s/5guxc058gxepwr6/icon_yt_on.png); }
#social_list li#ln a { background-image: url(https://dl.dropboxusercontent.com/s/rv7zqjbu8e10dxz/icon_ln_on.png); }

#to_top {
	width: 100%;
	text-align: center;
	display: block;
	background: #e1d1ac;
	box-sizing: border-box;
	margin-bottom: 30px;
}

#to_top a {
	width: 100%;
	height: 100%;
	padding: 20px;
	display: block;
	box-sizing: border-box;
	text-decoration: none;
}

#to_top a:hover {
	color: #FFF;
	background: #5e3918;
}

/*------------ calendar ------------*/
.months {
  text-align: center;
  padding: 8px 0;
  margin: auto;
  font-size: 21px;
  /*font-size: 1.8rem;*/
}

.schedule-area {
  text-align: center;
  margin-bottom: 24px;
}
.schedule-area .months {
  width: 100%;
  color: #fff;
  background-color: #124d32;
  padding: 8px 0;
  margin-bottom: 1.0em;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

.schedule-area2 {
  text-align: center;
}
.schedule-area2 .months {
  text-align: left;
  padding: 10px;
}

/* カレンダー線あり
--------------------------------------------*/
.calendar table {
  width: 100%;
  margin: auto;
}
.calendar th, .calendar td {
  font-size: 14px;
  font-weight: normal;
  padding: 5px 0;
  width: 12.428%;
  text-align: center;
  border: 2px solid #fff;
  margin: 0;
  display: table-cell;
}
.calendar thead th {
  padding: 10px 0;
  background-color: #efe7d5;
}
.calendar thead th:first-child {
  color: #ec0000;
}
.calendar thead th:last-child {
  color: #1e90ff;
}
.calendar td i {
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
}

/* カレンダー線なし
--------------------------------------------*/
.calendar-2 {
  margin-bottom: 24px;
}
.calendar-2 table {
  width: 100%;
  margin: auto;
}
.calendar-2 th, .calendar-2 td {
  font-size: 14px;
  font-weight: normal;
  padding: 0;
  width: 12.428%;
  text-align: center;
  border: none;
  display: table-cell;
}
.calendar-2 thead {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.calendar-2 thead th {
  background: rgba(246, 246, 247, 0);
  padding: 10px 0;
}
.calendar-2 thead th:first-child {
  color: #ec0000;
}
.calendar-2 thead th:last-child {
  color: #0068b7;
}
.calendar-2 tbody {
  padding-top: 10px;
}
.calendar-2 tbody td {
  vertical-align: middle;
  padding: 5px 3px;
}
.calendar-2 tbody td i {
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  line-height: 26px;
}

/* イベント色分け */
.e1 i {
  color: #fcfcfc;
  background-color: #e6436d;
}
.list-event li.event1::before {
  background-color: #e6436d;
}

.e2 i {
  color: #fcfcfc;
  background-color: #01bcba;
}
.list-event li.event2::before {
  background-color: #01bcba;
}

.e3 i {
  color: #333;
  background-color: #dcdcdc;
}
.list-event li.event3::before {
  background-color: #dcdcdc;
}

.list-event {
  /*border-top: 1px solid #bfbfbf;*/
  padding: 15px 0;
  margin: 0 3%;
  text-align: left;
}
.list-event li {
  display: inline-block;
  line-height: 24px;
  position: relative;
  min-height: 24px;
  padding-left: 32px;
  /*text-align: left;
  list-style: none;
  font-size: 1.3rem;*/
  font-size: 13px;
}
.list-event li::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 24px;
  height: 20px;
  content: '';
}

/* -------------------------------------------------------------------------------- */
/*  4.  Footer
/* -------------------------------------------------------------------------------- */
footer {
	width: 100%;
	min-width: 1000px;
	background: #f6efe0;
}

footer #footer_info {
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0 60px 0;
}

footer #footer_info > ul {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 3em;
	row-gap: 2em;
}

footer #footer_info > ul.col4 {
	margin-top: 3em;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

footer #footer_info > ul li h3 {
	font-size: 18px;
	text-indent: 0.25em;
	border-bottom: #7b5635 1px solid;
	padding-bottom: 0.25em;
	margin-bottom: 0.5em;
}

footer #footer_info > ul li dl dt {
	font-weight: bold;
	font-size: 15px;
	line-height: 25px;
	margin: 1em 0 0.25em;
}

footer #footer_info ul li p,
footer #footer_info ul li ul,
footer #footer_info > ul li dl dd {
	font-size: 15px;
	line-height: 25px;
}

footer #footer_info > ul li ul li {
	margin-bottom: 4px;
}

footer #footer_info > ul li ul li:before {
	content: '- ';
	color: #7b5635;
}

footer #footer_info > ul li ul li a {
	color: #333;
}

footer #footer_info > ul li ul li a:hover {
}

#footer_nav {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}

#footer_nav li {
	font-size: 15px;
	display: inline-block;
	padding: 0 1em 0 2em;
}

#footer_nav li a {
	color: #333;
	position: relative;
}

#footer_nav li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: -15px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;        /*top right bottom を透明化 */
	border-left: 8px solid #7b5635;
}

#copyright {
	text-align: center;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #e1d1ac;
	margin-top: 30px;
}

address {
	font-style: normal;
	font-size: 14px;
}

#sp_menu {
	display: none;
}

/* -------------------------------------------------------------------------------- */
/*  5.  Responsive
/* -------------------------------------------------------------------------------- */
@media (min-width: 1200px) {
	#member_menu > div,
	#sub_menu_wrap,
	header > div,
	#columns2_contents_wrap,
	#sub_information,
	footer #footer_info {
		width: 1200px;
	}

	#columns2_contents_wrap article {
		width: 900px;
	}

	#columns2_contents_wrap #products_txt {
		width: 500px;
	}

	#columns2_contents_wrap ul.item_list {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	#columns2_contents_wrap #colmn2_container #right_content {
		width: 405px;
	}

	#columns2_contents_wrap #colmn2_container .left {
		width: 405px;
	}

	#post_massage, #evaluation, #purchase {
	    max-width: 900px;
	}

	#rogo_wrap h1 a img {
	}

	#rogo_wrap h1 {
		width: 340px;
	}
}

@media (max-width: 768px) {
	/* -------- Header --------
	------------------------- */
	header {
	}

	header > div {
		width: 100%;
	}

	#member_menu {
		/* display: none; */
	}

	#member_menu > div {
		width: 100%;
		height: 28px;
	}

	#discription {
		font-size: 13px;
		line-height: 40px;
		padding: 0;
		text-align: center;
		display: block;
		padding: 0;
		margin-bottom: 0;
	}

	#member_menu > div ul { display: none; }
	#member_menu > div ul li { }
	#member_menu > div ul li a { }
	#member_menu > div ul li a:hover { }
	#member_menu > div ul li:first-child { }

	#sub_menu_wrap {
		margin: 0;
		width: 100%;
		height: auto;
		background: rgba(0, 0, 0, 0.5);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		margin-left: 100%;
	}

	#sub_menu {
		font-size: 0;
		text-align: center;
	}

	#sub_menu li {
		font-size: 18px;
		display: block;
	}

	#sub_menu li a {
		color: #FFF;
	}

	#sub_menu li a:before {
	}

	#header_main_info {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	#rogo_wrap { order: 0; }

	#rogo_wrap h1 {
		width: 32vw;
		height: 12vw;
		margin: 3vw 3vw 0 3vw;
	}

	#rogo_wrap h1 a {
		position: relative;
		text-align: center;
		align-items: center;
		display: flex;
		justify-content: center;
	}

	#rogo_wrap h1 a img {
		width: 100%;
	}

	#rogo_wrap h1 span { }

	#pay_info {
		margin: 0 auto 10px;
		order: 2;
	}

	#pay_info ul {  }
	#pay_info ul li {	}
	#pay_info p {	}

	#tel_info {
		margin: 3vw 3vw 3vw 0;
		order: 1;
		padding-top: 0;
	}

	#tel {
		font-size: 7.5vw;
		padding-bottom: 1.5vw;
	}

	#tel svg {
		width: 5.75vw;
		height: 5.75vw;
		left: 2.25vw;
	}

	#time {
		font-size: 2.5vw;
	}

	#time .sp {
		display: inline;
	}

	#mail { display: none; }

	#category_nav_wrap {
		display: none;
	}
	#category_nav_wrap ul {	}
	#category_nav_wrap ul li { }
	#category_nav_wrap ul li a { }

	#p-slider {
		width: 100%;
		min-width: auto;
		height: auto;
		overflow: hidden;
	}

	#p-slider ul { }
	#p-slider ul li a:hover {	}
	#p-slider ul li img {
		width: 400px;
		height: 400px;
	}

	#top_cover_img {
		width: 100%;
		height: 360px;
	}


	/* -------- Main Content --------
	------------------------- */
	#single_contents_wrap {
		width: 100%;
		margin: 40px auto 20px auto;
	}

	#columns2_contents_wrap {
		width: 100%;
		margin: 40px auto 20px auto;
		display: block;
	}

	#columns2_contents_wrap article {
		width: 100%;
	}

	aside {
		width: 100%;
		padding: 20px;
		margin-top: 0;
	}

	section , div.main{
		width: 100%;
		padding: 0 40px;
		box-sizing: border-box;
		margin-bottom: 80px;
	}

	h2 { }
	h2 .en { }
	h2 .jp { }
	h3 { }

	/*---------- 紹介 ----------*/
	#about_us { }
	#about_us .flexbox {
		display: block;
	}

	#about_us .flexbox .img_wrap {
		width: 180px;
		margin: 0 auto;
	}

	#about_us .flexbox .img_wrap img {
		width: 180px;
		height: 180px;
		border-radius: 50%;
	}

	#about_us .flexbox .text_box {
		padding-left: 0;
	}
	#columns2_contents_wrap #about_us .flexbox .text_box {
		padding-left: 0;
	}

	#about_us .flexbox .text_box h3 {
		text-align: center;
		margin-top: 30px;
	}

	#about_us .flexbox .text_box p { }
	#about_us .flexbox .text_box p.sign { }
	#welcome_message { }
	#local_nav_wrap { }
	#local_nav { }
	#local_nav li { }
	#local_nav li:first-child { }
	#local_nav li a { }
	#recommend { }

	ul.item_list ,
	#columns2_contents_wrap ul.item_list {
		grid-template-columns: 1fr 1fr;
	}

	ul.item_list li { }
	ul.item_list .img_wrap { }
	ul.item_list .img_wrap i { }
	ul.item_list .img_wrap img { }
	.p_text { }
	.p_text .p_name { }
	.p_text .p_price { }
	.p_text .p_description { }
	.icon_wrap { }
	.icon_wrap a img { }
	#long_saler { }

	.long_saler_list {
		grid-template-columns: 1fr 1fr;
		row-gap: 30px;
	}

	#columns2_contents_wrap .long_saler_list {
		column-gap: 20px;
		row-gap: 30px;
	}

	.long_saler_list li {
		width: 100%;
	}
	#columns2_contents_wrap .long_saler_list li { }
	.long_saler_list li .img_wrap { }
	.long_saler_list li .img_wrap img { }
	.long_saler_list .p_description { }
	#colmn2_container { }
	#columns2_contents_wrap #colmn2_container { }
	#colmn2_container .left { }
	#columns2_contents_wrap #colmn2_container .left,
	#single_contents_wrap #colmn2_container .left {
		width: 50%;
		height: auto;
		padding-right: 25px;
		box-sizing: border-box;
	}

	#single_contents_wrap #colmn2_container {
		background: #efe7d5;
		padding: 30px;
		box-sizing: border-box;
	}

	#colmn2_container .left img,
	#single_contents_wrap .left img {
		height: auto;
	}

	#colmn2_container #right_content {  }

	#columns2_contents_wrap #colmn2_container #right_content,
	#single_contents_wrap #colmn2_container #right_content {
		width: 50%;
		text-align: left;
		padding: 0;
		background: none;
		box-sizing: border-box;
	}

	#colmn2_container #right_content p,
	#single_contents_wrap #right_content p {
		margin-bottom: 1.5em;
		text-align: left;
	}

	#banner_container {
	}

	#banner_container .colmn2,
	#banner_container .colmn3,
	#banner_container .colmn4 { }

	#banner_container .colmn2 {
		grid-template-columns: 1fr;
		margin-bottom: 12px;
	}
	#banner_container .colmn3 {
		grid-template-columns: 1fr 1fr;
		margin-bottom: 12px;
	}
	#banner_container .colmn4 {
		grid-template-columns: 1fr 1fr 1fr;
		margin-bottom: 12px;
	}

	#banner_container .colmn2 li,
	#banner_container .colmn3 li,
	#banner_container .colmn4 li { margin-bottom: 12px; }


	#banner_container .colmn2 li img,
	#banner_container .colmn3 li img,
	#banner_container .colmn4 li img {  }

	#banner_container a { }
	#banner_container a:hover { }


	#information,
	#columns2_contents_wrap #information {
		width: 90%;
	}

	#information ul li { }
	#information ul li a i { }

	#category {}

	#category_list,
	#columns2_contents_wrap #category_list {
		grid-template-columns: 1fr;
	}

	#category_list li { }
	#category_list li a { }
	#category_list li a:before { }
	#category_list li a:after { }
	#category_list li a:hover { }

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

	#contact_intro , #fax_intro , #member_intro {
		display: block;
		width: 100%;
	}

	#contact_intro , #fax_intro {
		margin-bottom: 30px;
	}

	#contact_intro h3 , #fax_intro h3 , #member_intro h3 {
		margin-bottom: 0.5em;
	}

	#contact_intro .tel,
	#fax_intro .tel {
		font-size: 42px;
		font-weight: bold;
		margin-bottom: 0.5em;
	}

	#columns2_contents_wrap #contact_intro .tel {
		font-size: 40px;
		padding-left: 0;
		display: inline-block;
	}

	#contact_intro .tel svg , #fax_intro .tel svg {
		width: 33px;
		height: 33px;
		fill: #333;
		margin-bottom: -2px;
	}

	#contact_intro p {
		text-align: left;
		font-size: 15px;
		line-height: 24px;
	}

	#member_intro ul {
		display: inline-grid;
		text-align: left;
	}

	#member_intro ul li {
		font-size: 20px;
		text-align: left;
		display: block;
		margin-bottom: 0.5em;
		text-indent: -24px;
		padding-left: 24px;
	}
	#columns2_contents_wrap #member_intro ul li {
		font-size: 18px;
	}

	#member_intro ul li svg {
		width: 20px;
		height: 20px;
		margin-bottom: -2px;
		padding-right: 4px;
		fill: #7b5635;
	}

	#contact_intro a , #fax_intro a , #member_intro a {
		width: 80%;
		min-width: 240px;
		text-decoration: none;
		text-align: center;
		display: inline-block;
		margin-top: 1.25em;
		padding: 0.4em 1.6em;
		border-radius: 10px;
	}

	#contact_intro a ,#fax_intro a {
		background: #FFF;
		text-decoration: none;
	}
	#member_intro a {
		color: #FFF;
		background: #7b5635;
	}

	#contact_intro a:hover , #member_intro a:hover {
		color: #FFF;
		background: #5e3918;
	}

	/*------------ products ------------*/
	#products_info {
		display: block;
		margin-bottom: 40px;
	}

	#products_image {
		width: 360px;
		margin: 0 auto 40px;
	}

	#products_txt ,
	#columns2_contents_wrap #products_txt {
		width: 100%;
	}

	#jq_item_photo_list {
	}

	#jq_item_photo_list ul.landscape {
	}

	#jq_item_photo_list ul.landscape li {
		width: 100%;
	}

	#jq_item_photo_list ul.landscape li img {
	}

	.item-detail-thumb {
	}

	.item-detail-thumb li a:hover {
	}

	.item-detail-thumb li a img {
	}

	#purchase .info_wrap {
		grid-template-columns: 1fr;
	}

	#purchase .img_wrap_2 ,
	#purchase .img_wrap_3 {
		column-gap: 10px;
	}

	#purchase table th {
	}

	/*------------ free ------------*/
	.wysiwyg-data {  }
	.wysiwyg-data h1 {	}
	.wysiwyg-data .date {	}
	.wysiwyg-data .img_wrap img {	}
	.wysiwyg-data h2 {	}
	.wysiwyg-data h3 {	}
	.wysiwyg-data h4 {	}
	.wysiwyg-data h5 {	}
	.wysiwyg-data ul {	}
	.wysiwyg-data ol {	}
	#to_top {  }

	table.about-tbl tr th {
		width: 25%;
	}

	.wysiwyg-data div.introduction_content {
		margin-bottom: 2em;
	}

	.wysiwyg-data div.introduction_content > div {
		margin: 0 auto;
	}

	.wysiwyg-data div.introduction_content > div img {
	}

	.wysiwyg-data .introduction_content > p {
		width: 100%;
	}

	.wysiwyg-data div.introduction_content p.intro_name {
		margin-bottom: 1.25em;
	}

	/* -------- footer --------
	------------------------- */
	footer {
		width: 100%;
		min-width: auto;
		padding-bottom: 100px;
	}

	footer #footer_info {
		width: 100%;
		padding: 40px;
		box-sizing: border-box;
		/*display: none;*/
	}

	footer #footer_info > ul.col3 {
		grid-template-columns: 1fr;
	}
	footer #footer_info > ul.col4 {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 2em;
		row-gap: 2em;
	}

	footer #footer_info > ul li h3 {  }
	footer #footer_info ul li p,
	footer #footer_info ul li ul { }
	footer #footer_info > ul li ul li { }
	footer #footer_info > ul li ul li:before { }
	footer #footer_info > ul li ul li a { }
	footer #footer_info > ul li ul li a:hover { }

	#footer_nav {
	/*width: 100%;
	margin: 0 auto;
	text-align: center;*/
	display: none;
	}

	#footer_nav li { }
	#footer_nav li a { }
	#footer_nav li a:before { }
	#copyright { }
	address { }

	#sp_menu {
		width: 100%;
		display: block;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 2000;
	}

	/*------------ sp_menu ------------*/
	#sp_menu ul {
		width: 100%;
		height: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	#sp_menu ul li {
		width: 100%;
		height: 100%;
		background: #7b5635;
	}

	/*#sp_menu ul li:hover {
		background: #7b5635;
	}*/

	#sp_menu ul li a {
		font-size: 15px;
		text-align: center;
		color: #FFF;
		width: 100%;
		/*height: 90px;*/
		display: inline-block;
		padding: 1em;
		text-decoration: none;
		box-sizing: border-box;
	}

	#sp_menu ul li a i {
		width: 40px;
		height: 40px;
		display: inline-block;
	}

	#sp_menu ul li a i:before {
		font-size: 30px;
		line-height: 50px;
	}

	/*#sp_menu ul li#home i { background-image: url('https://dl.dropboxusercontent.com/s/sbzmszhse20c556/sp_menu_home.svg');}
	#sp_menu ul li#mypage a i { background-image: url('https://dl.dropboxusercontent.com/s/kohvt5b30oi8g90/sp_menu_mypg.svg?');}
	#sp_menu ul li#login a i { background-image: url('https://dl.dropboxusercontent.com/s/vgrnz64yliwemi6/sp_menu_login.svg');}
	#sp_menu ul li#cart a i { background-image: url('https://dl.dropboxusercontent.com/s/7er0ji64ushlsmz/sp_menu_cart.svg');}
	#sp_menu ul li#menu a i { background-image: url('https://dl.dropboxusercontent.com/s/vk1lryp4d5qpq5g/sp_menu_menu.svg?');}*/

	#sp_menu ul li a span {
		display: block;
		line-height: 15px;
		margin: 4px;
	}

	#sp_menu_content {
		display: block;
		position: fixed;
		width: 100%;
		height: 100%;
		overflow: scroll;
		top: 0;
		left: 0;
		background: rgba(59, 45, 34, 0.9);
		z-index: 1500;
		margin-left: 100%;
	}

	#sp_menu_content.on {
		margin-left: 0;
	}

	#sp_menu_content div#sp_menu_wrap {
		color: #FFF;
		padding: 90px 60px;
		box-sizing: border-box;
	}

	div#sp_menu_wrap p {
		padding-bottom: 4px;
		margin-top: 24px;
	}

	#sp_menu_content ul li {
		padding: 15px 0;
		border-bottom: #FFF 1px solid;
	}

	#sp_menu_content ul li:first-child {
		border-top: #FFF 1px solid;
	}

	#sp_menu_content ul li a {
		color: #FFF;
		text-decoration: none;
		display: block;
		padding-left: 1.25em;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		background: url(https://dl.dropboxusercontent.com/s/h0ztj2fpkz5nqux/arrow_white.png) -3px 50% no-repeat;
		background-size: 16px;
	}

	#close_bt {
		display: block;
		width: 50px;
		height: 50px;
		position: absolute;
		top: 40px;
		right: 40px;
		background: url(https://dl.dropboxusercontent.com/s/csrzdg09cb4cfh8/close_bt.png) 0 0 no-repeat;
		background-size: contain;
	}

	/*------------ side contents ------------*/
	.header-search-form {
		width: 80%;
		margin: 0 auto 25px auto;
	}

	.header-search-form input[type=text] {
		width: 100%;
	}

	.header-search-form-btn {
	}

	.search-btn {
	}

	#side_inner {
	}

	#side_banner {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 60px;
	}

	#side_banner li {
		width: 48.5%;
	}


@media (max-width: 480px) {
	/* -------- Header --------
	------------------------- */
	#rogo_wrap {
		width: 30vw;
	}

	#rogo_wrap h1 {
		width: 50vw;
		height: 15vw;
	}

	#member_menu {
		height: auto;
	}

	#discription {
		font-size: 13px;
		line-height: 28px;
	}

	#tel_info {
		width: 60vw;
		text-align: right;
	}

	#tel {
		display: none;
		/*font-size: 11vw;
		padding-bottom: 1vw;
		text-align: center;
		margin-left: -3vw;
	}
	#tel svg {
		width: 9vw;
		height: 9vw;
		left: 2.5vw;*/
	}

	#sp_tel_info {
		display: inline-block;
	}

	#sp_tel_info li {
		width: 16vw;
		height: 16vw;
		margin-left: 6px;
		display: inline-block;
	}

	#sp_tel_info li a {
		width: 100%;
		height: 100%;
		text-align: center;
		line-height: 15vw;
		display: block;
		background: #efe7d5;
		border-radius: 50%;
	}

	#sp_tel_info li i {
		width: 100%;
		height: 100%;
	}

	#sp_tel_info li i svg {
		width: 12vw;
		height: 12vw;
		padding: 2vw;
		fill: #555;
	}

	/*/*#sp_tel_info li.sp_tel i {
		background: url('https://image.raku-uru.jp/01/7041/161/sp_tel_1595842103252.png') 50% 50% no-repeat;
		background-size: 13vw;
	}

	#sp_tel_info li.sp_mail i {
		background: url('https://image.raku-uru.jp/01/7041/163/sp_mail_1595842103720.png') 50% 50% no-repeat;
		background-size: 13vw;
	}*/

	#time {
		font-size: 13px;
		line-height: 17px;
		padding: 0;
		width: 130%;
		margin-left: -28%;
		margin-bottom: 4px;
		position: relative;
	}

	#time span.small {
		font-size: 100%;
	}

	#pay_info ul {
		margin-bottom: 0;
	}

	#pay_info ul li {
		font-size: 13px;
		padding: 0 6px;
		margin: 0 4px 6px 4px;
	}

	#pay_info p {
		text-align: center;
	}

	section , div.main{
		width: 100%;
		padding: 0 4vw;
		box-sizing: border-box;
		margin-bottom: 80px;
	}

	#local_nav {
		width: 100%;
		box-sizing: border-box;
	}

	#local_nav li {
		padding: 0 8px;
	}

	ul.item_list ,
	#columns2_contents_wrap ul.item_list {
		column-gap: 4vw;
		row-gap: 20px;
	}

	.long_saler_list {
		display: block;
	}

	.long_saler_list li {
		margin-bottom: 30px;
	}

	.long_saler_list li a {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.long_saler_list li .img_wrap {
		width: 40%;
	}

	.long_saler_list li .p_text {
		width: 56%;
		padding-left: 4%;
	}

	.long_saler_list .p_description,
	.p_text .p_name {
		text-align: left;
	}

	#single_contents_wrap #colmn2_container .left,
	#columns2_contents_wrap #colmn2_container .left {
		width: 100%;
		margin-bottom: 20px;
		padding-right: 0;
	}

	#single_contents_wrap #colmn2_container #right_content,
	#columns2_contents_wrap #colmn2_container #right_content {
		width: 100%;
	}

	#category_list, #columns2_contents_wrap #category_list {
		grid-template-columns: 1fr;
	}

	#contact_intro .tel , #fax_intro .tel{
		font-size: 9vw;
		padding-left: 0;
	}

	#contact_intro .tel svg , #fax_intro .tel svg {
		width: 7.5vw;
		height: 7.5vw;
	}

	#banner_container .colmn2 { }
	#banner_container .colmn3 { grid-template-columns: 1fr; }
	#banner_container .colmn4 { grid-template-columns: 1fr 1fr; }

	#information {
		width: 94%;
		padding: 20px 20px 6px 20px;
		border: #efe7d5 solid 4px;
	}

	#information ul li {
		margin-bottom: 10px;
	}

	#information ul li a {
		font-size: 13px;
	}

	#information ul li a i {
		padding: 3px 5px;
		margin-right: 8px;
	}

	#information ul li span.date {
		padding: 4px 8px;
		margin-right: 0.6em;
	}

	ul#top_banner {
		display: block;
		margin-bottom: 40px;
	}

	#top_banner li {
		width: 100%;
		padding: 0 4vw 3vw;
		box-sizing: border-box;
	}

	/*------------ product ------------*/
	#products_image {
		width: 320px;
	}
	.item-detail-photo {
		width: 320px;
		height: 320px;
	}
	.item-detail-photo li {
		width: 320px;
		height: 320px;
	}
	.item-detail-photo img {
	}

	/*------------ free ------------*/
	.wysiwyg-data {
		margin: 0 auto 0.4vw auto;
	}

	.header-search-form {
		width: 100%;
	}

	/*------------ other ------------*/
	table.about-tbl {
		border: none;
		display: block;
	}

	table.about-tbl tr {
		display: block;
	}

	table.about-tbl tr th {
		width: 100%;
		border-bottom: none;
		box-sizing: border-box;
		display: block;
	}

	table.about-tbl tr td {
		width: 100%;
		margin-bottom: 0.5em;
		box-sizing: border-box;
		display: block;
	}

	/*------------ About Shop ------------*/
	#about_service li div.image_wrap {
		width: 100%;
		margin-bottom: 1em;
	}

	#about_service li p {
		width: 100%;
	}

	.wysiwyg-data div.introduction_content {
		padding: 1.25em 1em 1em;
	}

	/*------------ side contents ------------*/
	aside {
		padding-bottom: 0;
	}

	#side_banner {
		margin-bottom: 0px;
	}

	#side_banner li {
		width: 100%;
		text-align: center;
	}

	#side_banner li img {
		max-width: 320px;
	}

	/*------------ sp_menu ------------*/
	#sp_menu ul li a {
		height: auto;
		padding: 6px;
		text-decoration: none;
		box-sizing: border-box;
	}

	#sp_menu ul li a span {
		font-size: 12px;
		line-height: 12px;
		margin: 2px;
	}

	#sp_menu ul li a i {
		width: 30px;
		height: 30px;
		background-size: contain;
		margin: 8px;
	}

	#sp_menu ul li a i:before {
		font-size: 22px;
		line-height: 30px;
	}

	#close_bt {
		display: block;
		width: 30px;
		height: 30px;
		top: 30px;
		right: 30px;
	}

	#sp_menu_content div#sp_menu_wrap {
		padding: 90px 30px;
	}

	#sp_menu_content ul li {
		padding: 12px 0;
		border-bottom: #FFF 1px solid;
	}

	footer {
		padding-bottom: 75px;
	}

	footer #footer_info {
		padding: 5vw;
	}

	footer #footer_info > ul ,
	footer #footer_info > ul.col4 {
		grid-template-columns: 1fr;
		row-gap: 1.5em;
	}

	footer #footer_info > ul.col4 {
		margin-top: 1.5em;
	}
}