/* カスタマイズ用CSS */

/*  12 COLUMN : RESPONSIVE GRID SYSTEM
  DEVELOPER : DENIS LEBLANC
  URL : http://responsive.gs
  VERSION : 3.0
  LICENSE : GPL & MIT */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.container {
  max-width: 800px;
  margin: 0 auto
}

.clr:after, .col:after, .container:after, .group:after, .row:after {
  content: "";
  display: table;
  clear: both
}

.row {
  padding-bottom: 0
}

.col {
  display: block;
  float: left;
  width: 100%
}

@media (min-width:768px) {
  .gutters .col {
    margin-left: 2%
  }

  .span_1 {
    width: 8.33333333333%
  }

  .span_2 {
    width: 16.6666666667%
  }

  .span_3 {
    width: 25%
  }

  .span_4 {
    width: 33.3333333333%
  }

  .span_5 {
    width: 41.6666666667%
  }

  .span_6 {
    width: 50%
  }

  .span_7 {
    width: 58.3333333333%
  }

  .span_8 {
    width: 66.6666666667%
  }

  .span_9 {
    width: 75%
  }

  .span_10 {
    width: 83.3333333333%
  }

  .span_11 {
    width: 91.6666666667%
  }

  .span_12 {
    width: 100%
  }

  .gutters .span_1 {
    width: 6.5%
  }

  .gutters .span_2 {
    width: 15%
  }

  .gutters .span_3 {
    width: 23.5%
  }

  .gutters .span_4 {
    width: 32%;
  }

  .gutters .span_5 {
    width: 40.5%
  }

  .gutters .span_6 {
    width: 49%
  }

  .gutters .span_7 {
    width: 57.5%
  }

  .gutters .span_8 {
    width: 66%
  }

  .gutters .span_9 {
    width: 74.5%
  }

  .gutters .span_10 {
    width: 83%
  }

  .gutters .span_11 {
    width: 91.5%
  }

  .gutters .span_12 {
    width: 100%
  }
}

/* 12 COLUMN : RESPONSIVE GRID SYSTEM Fix Ver. 1.2.1 */
.container {
  padding: 0 1%
}

.container img {
  max-width: 100%;
}

*+.container {
  margin-top: 2em
}

.row:not(:last-child) {
  margin-bottom: 4%
}

.col {
  float: none
}

.col:not(:last-child) {
  margin-bottom: 3%
}

@media (min-width:768px) {
  .container {
    max-width: 1000px;
    margin: auto;
    padding: 0 10px
  }

  *+.container {
    margin-top: 40px
  }

  .col {
    float: left;
  }

  .reverse>.col {
    float: right
  }

  .col:not(:last-child) {
    margin-bottom: 0
  }

  .reverse>.col:last-child, :not(.reverse)>.col:first-child {
    margin-left: 0
  }

  .col.offset_1 {
    margin-left: 8.33333333333%
  }

  .gutters .col.offset_1 {
    margin-left: 10.5%
  }

  .gutters .col.offset_1:first-child {
    margin-left: 8.5%
  }

  .col.offset_2 {
    margin-left: 16.6666666667%
  }

  .gutters .col.offset_2 {
    margin-left: 19%
  }

  .gutters .col.offset_2:first-child {
    margin-left: 17%
  }

  .col.offset_3 {
    margin-left: 25%
  }

  .gutters .col.offset_3 {
    margin-left: 27.5%
  }

  .gutters .col.offset_3:first-child {
    margin-left: 25.5%
  }

  .col.offset_4 {
    margin-left: 33.3333333333%
  }

  .gutters .col.offset_4 {
    margin-left: 36%
  }

  .gutters .col.offset_4:first-child {
    margin-left: 34%
  }

  .col.offset_5 {
    margin-left: 41.6666666667%
  }

  .gutters .col.offset_5 {
    margin-left: 44.5%
  }

  .gutters .col.offset_5:first-child {
    margin-left: 42.5%
  }

  .col.offset_6 {
    margin-left: 50%
  }

  .gutters .col.offset_6 {
    margin-left: 53%
  }

  .gutters .col.offset_6:first-child {
    margin-left: 51%
  }

  .col.offset_7 {
    margin-left: 58.3333333333%
  }

  .gutters .col.offset_7 {
    margin-left: 61.5%
  }

  .gutters .col.offset_7:first-child {
    margin-left: 59.5%
  }

  .col.offset_8 {
    margin-left: 66.6666666667%
  }

  .gutters .col.offset_8 {
    margin-left: 70%
  }

  .gutters .col.offset_8:first-child {
    margin-left: 68%
  }

  .col.offset_9 {
    margin-left: 75%
  }

  .gutters .col.offset_9 {
    margin-left: 78.5%
  }

  .gutters .col.offset_9:first-child {
    margin-left: 76.5%
  }

  .col.offset_10 {
    margin-left: 83.3333333333%
  }

  .gutters .col.offset_10 {
    margin-left: 87%
  }

  .gutters .col.offset_10:first-child {
    margin-left: 85%
  }

  .col.offset_11 {
    margin-left: 91.6666666667%
  }

  .gutters .col.offset_11 {
    margin-left: 95.5%
  }

  .gutters .col.offset_11:first-child {
    margin-left: 93.5%
  }

  .col.offset_12 {
    margin-left: 100%
  }

  :not(.reverse)>.col.break+.col {
    clear: left;
    margin-left: 0
  }

  .reverse>.col.break {
    margin-left: 0
  }

  .reverse>.col.break+.col {
    clear: right;
    margin-right: 0
  }

  .col.break~.col {
    margin-top: 2%
  }
}

@media (min-width :1024px) {
  .container {
    padding: 0
  }
}


/* 2022 */
h1 {
	font-size:40px;
}
h2 {
	font-size:24px;
}
h3 {
	font-size:20px;
}
h4 {}
section {
	width: 1000px;
	max-width: 100%;
	margin: auto;
}
.center {
	margin: auto !important;
	text-align: center !important;
}
.flr {
	display: flow-root;
}
.right {
	text-align: right;
	margin-left: auto;
}
.left {
	text-align: left;
	margin-right: auto;
}
.top_news {
	margin:0 0 16px 0;
	list-style: none;
}
.top_news li {
	border-bottom: 1px solid #ccc;
margin-bottom: 24px;}
.top_news li p {
	margin-bottom: 8px;
}
.top_news li span {
	color: #666;
	margin-right: 16px;
}

/* top */
.h1index {
  position: relative;
  display: inline-block;
  padding: 0 55px;
	color: #7d2a06;
	margin: 24px auto;
}
.h1index:before,
.h1index:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #7d2a06;
}
.h1index:before {
  left:0;
}
.h1index:after {
  right: 0;
}
.top01 {
	background-image: url(/wp-content/themes/twentyten-child/images/top01_bg.png);
padding: 40px 0;}
.top02 {padding: 40px 0;}
.top02bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #ffe9a7;
  opacity: 0.4;
  z-index: -1;
}
.Rhombus {
  background-image: linear-gradient(135deg, #f8f8f8 25%, transparent 25%), linear-gradient(225deg, #f8f8f8 25%, transparent 25%), linear-gradient(45deg, #f8f8f8 25%, transparent 25%), linear-gradient(315deg, #f8f8f8 25%, #fff 25%);
  background-position: 48px 0, 48px 0, 0 0, 0 0;
  background-size: 48px 48px;
  background-repeat: repeat;
}
.top03 {
	background-image: url(/wp-content/themes/twentyten-child/images/top03_bg.png);
	padding: 64px 0;
}
.top03inner {
	background-color: rgba(255,255,255,0.9);
	padding: 40px;
}
.top03inner h2 {
	margin-top:0;
}
.top04 {
margin-bottom: -8px;
}
.page_index {
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin: 0 auto 24px;
    font-weight: 600;
    position: relative;
    padding: 16px 0;
    line-height: 1;
    display: block;
    background: #7d2a06;border: 1px solid #7d2a06;}
.date {
}
.entry-title {
	color:#7d2a06;
	margin:8px 0;
}

/* btn */
.btn-3 {
  position: relative;
  display: block;
  min-width: 256px;
  max-width: 300px;
  height: 56px;
  line-height: 56px;
  margin: 0;
  padding: 0;
  text-align: center;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 200% auto;
  background-image: linear-gradient(to right, #7d2a06 0%, #7d2a06 50%, transparent 50%, transparent 100%);
  border: 1px solid #7d2a06;
  color: #7d2a06 !important;
  font-size: 16px;
  font-weight: bold;
  font-family: serif;
  transition: background-position ease 0.4s;
}
.btn-3:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 6%;
  margin: auto;
  width: 6px;
  height: 6px;
  border-top: 1px solid #7d2a06;
  border-right: 1px solid #7d2a06;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
}
.btn-3:hover {
  background-position: 0 0;
  color: #ffffff !important;
}
.btn-3:hover:after {
  border-color: #ffffff;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}

@media screen and (min-width:800px) {
.pcNone {
	display: none;
}
.pc_gmenu {
	background: #fff;
	padding: 16px 8px;
}
.pc_gmenulist {
	display: flex;
margin: auto;list-style: none;justify-content: space-around;}
.pc_gmenulist li {
	border-left:1px solid #ccc;
	padding: 0 16px;
}
.pc_gmenulist a:last-child {
	border-right:1px solid #ccc;
}
.top02flex {
	display: flex;
justify-content: space-evenly;margin-bottom: 32px;}
.top02bnr {
	position: relative;
	width: 150px;
	height: 300px;
}
.top02bnr img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.top02bnr h3 {
	background-color: rgba(255,255,255,0.9);
	position: absolute;
	top: 0;
	right: 0;
	padding: 24px 8px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.top02bnr h3 span {transform: rotate( -90deg );display: inline-block;}
.singlebd {
	border-bottom: 1px solid #666;
	/* margin-bottom: 80px; */
}
.page_index {
	margin-right:16px;
}
#single-column {
	margin-bottom:80px;
}
}
@media screen and (max-width: 800px) {
.spNone {
	display: none;
}
.pc_gmenu {
	display: none;
}
.top02flex {
	display: flex;
flex-wrap: wrap;justify-content: space-evenly;}
.top02bnr {
	position: relative;
	width: 100%;
	height: 300px;
margin: 16px auto;}
.top02bnr img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.top02bnr h3 {
	background-color: rgba(255,255,255,0.9);
	position: absolute;
	top: 0;
	right: 0;
	padding: 24px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.mv {
	margin-top: 56px;
}
}

/* footer */
#footer {
    margin: 40px auto 0;
    padding: 40px 0 8px;
		background-image: url(/wp-content/themes/twentyten-child/images/footer_bg.png);
background-position: center;background-size: cover;}
.footer_inner {
    margin: 0 auto;
    width: 1140px;
		max-width: 100%;
}
#footernav {
}
#footernav ul li {
	list-style:none;
	margin-bottom:4px;
}
.footer_tel {
}
.footer_tel img {
	margin-right:8px;
}

/* ec */
a {
	color:unset;
}
a:hover {
	text-decoration:none;
	color:unset;
	opacity:0.8;
}
body {
	font-family:serif;
	font-size:15px;
}
.ec-itemNav__nav li a {
  font-size: 15px;
}
.ec-topicpath .ec-topicpath__item--active a {
  color: #7d2a06;
}
.ec-blockBtn--action {
  background-color:#7d2a06;
  border-color: #7d2a06;
}
.ec-blockBtn--action:hover {
    color: #fff;
    background-color: #7d2a06;
    border-color: #7d2a06;
	opacity:0.8;
}
.ec-topicpath .ec-topicpath__item {
  color: #7d2a06;
}

.red_20230509{
    padding: 8px 10px;
    color: red;
    font-weight: 600
}
.red_20230509 span{
    font-size: 22px;
    color: #fff;
}

/* 会員のみ購入可能に */
.ec-grid3 .ec-grid3__cell2 {
  width: 100%;
}