@charset "utf-8";
/* CSS Document */
.anchor {
	width:100%;
	max-width: 1240px;
	min-width: 400px;
	color:#000;
	float:none;
	display:block;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 8px;
	font-size: 0.8rem;
	background: #fff;
	text-indent: 20px;
}
.anchor a {
	color:#128910;
}
.anchor a:hover {
	color:#E60214;
}
.text-left {
	text-align: left;
}
/* サイドメニュー */
.sidebar {
	width: 25%;
	display: flex;
	flex-direction: column;
}
.mini_banner_box {
	width: 100%;
  display: block;
}
.sidebar_banner {
	width: 100%;
  display: block;
}
.sidebar_banner a {
	text-decoration: none;
	cursor: pointer;
	color: #222;
}
.sidebar_banner img {
	width: 100%;
}
/* サイドスクロール */
.side_scroll {
	width: 100%;
	background: #eee;
	position: sticky;
}
.scroll_box {
	width: 100%;
	max-width: 310px;
	min-width: 150px;
	display: block;
}
.scroll_nav {
	width: 100%;
	display: flex;
	position: sticky;
	margin: auto;
	padding: initial;
	background: #eee;
}
.scroll_nav ul {
  width: 100%;
  float: left;
  display: block;
	margin-bottom: 30px;
}
.scroll_nav li {
  width: 100%;
  display: block;
  margin-bottom: 5px;
}
.scroll_nav li a {
	width: 81%;
	float: left;
	display: block;
	margin: 0 0.5% 10px 0.5%;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 1% 0 1% 17%;
	border-radius: 10px;
	line-height: 180%;
}
.w-25 {
	width: 25%!important;
}
.w-50 {
	width: 50%!important;
}
.w-75 {
	width: 75%!important;
}
.w-100 {
	width: 100%!important;
}
.w-max {
	width: max-content!important;
}
.w-ava {
	width: -webkit-fill-available;
}
.mg-0 {
	margin: 0!important;
}
.pd-0 {
	padding: 0!important;
}
.pd-1 {
	padding: 1rem!important;
}
.pd-2 {
	padding: 2rem!important;
}
.pd-3 {
	padding: 3rem!important;
}
.pd-4 {
	padding: 4rem!important;
}

.mt-1 {
	margin-top: 1rem;
}
.mt-2 {
	margin-top: 2rem;
}
.mt-3 {
	margin-top: 3rem;
}
.mt-4 {
	margin-top: 4rem;
}
.mt-5 {
	margin-top: 5rem;
}
.ml-1 {
	margin-left: 1rem!important;
}
.ml-2 {
	margin-left: 2rem!important;
}
.ml-3 {
	margin-left: 3rem!important;
}
.ml-4 {
	margin-left: 4rem!important;
}
.ml-5 {
	margin-left: 5rem!important;
}
.text-center {
	text-align: center;
}

@media only screen and (max-width: 750px) {
	.longtext {
		word-break: keep-all;
		line-height: 1.2;
	}
	.w-max {
		width: 100%!important;
	}
}

/* テキスト */
.break-keep {
	word-break: keep-all;
}
.break-flex {
	display: flex;
  justify-content: flex-start;
}
@media only screen and (max-width: 769px) {
	.break-flex {
  	flex-direction: column;
	}
}

.boxtext{
	width:100%;
	float: left;
	display: block;
}
.boxtext01{
	width:97%;
	float: left;
	display: block;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
.boxtext02{
	width:46%;
	float:left;
	display:block;
	margin-left: 2%;
	margin-right: 2%;
}
.boxtext02_b{
	width:45%;
	float: left;
	display: block;
	margin-left: 2.5%;
	margin-right: 2.5%;
}

.boxtext02_b p{
	width:95%;
	float: left;
	display: block;
	font-size: 9px;
	font-size: 0.9rem;
	margin: 2% 2.5%;
}
.boxtext03{
	width:65%;
	float: left;
	display: block;
}
.boxtext04{
	width:72.5%;
	float: left;
	display: block;
}
.form_text {
	margin-bottom: 2rem;
	font-family: "Noto Sans Japanese";
}
.form_text ul {
	padding: .5rem 1rem;
  background: #f7f7f7;
  line-height: 1.5;
  margin-bottom: 1rem;
  width: fit-content;
  margin: .5rem 0;
}
.form_text li {
	padding: 5px;
}
.form_text dt {
	font-weight: 600;
	width: 10%;
	padding-right: 10px;
	text-align: right;
}
.d-flex {
	display: flex;
}
.tel_span {
	font-size: 1.25em;
	padding: 0 5px;
}
.label-red {
	color: #d31a1a;
	font-weight: bold;
	font-size: 1rem;
}
.license_contents_text {
  font-size: 1.25rem;
  margin-bottom: 2rem;
  padding: 1rem;
  border: thick double #2589d0;
}
.license_contents_text span {
  font-size: 1.5rem;
  font-weight: bold;
  background: linear-gradient(transparent 60%, #ffc4c4 60%);
}
.new-label {
  margin-right: 1rem !important;
  background: #fff;
  border: 2px solid #fff;
  padding: 0 1rem;
  border-radius: 6px;
  font-size: 1.25rem;
  color: #128910;
}
.field-a {
	font-size: 1.25rem;
	padding: 1rem;
}
.field-a ul {
	list-style: circle;
	margin-left: 2rem;
	line-height: 1.5;
}
.field-a h3 {
	font-size: 1.6rem;
	line-height: 2.3;
	-webkit-text-stroke: 4px #5F3D3F;
	color: #fff;
	paint-order: stroke;
}
.field-a h4 {
	text-align: center;
	padding: .5rem 1rem;
	background: #014fa3;
	color: #fff;
	width: inherit;
}
.field-d {
	background: #dddddd;
	padding: 1rem;
	width: stretch;
	border-radius: 6px;
	line-height: 1.25;
}
.field-d-red {
	font-weight: 500;
	color: #db0000;
}
.field-d dt {
	font-weight: bold;
}
.field-d dd {
	text-indent: 1em;
	font-size: .85rem;
}
.field-d span {
	font-weight: 500;
	font-size: 1rem;
	margin-right: 1rem;
}

/* イメージ */
.boximg01{
	width:96%;
	float:left;
	display:block;
	margin-left: 2%;
	margin-right: 2%;
}
.boximg01 img{
	width:100%;
}
.boximg01_b{
	width:96%;
	float:left;
	display:block;
	margin-left: 2%;
	margin-right: 2%;
}
.boximg01_b img{
	width:60%;
	text-align: center;
}
.boximg02{
	width:44%;
	display:inline-block;
	vertical-align: top;
	float:left;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
.boximg02 img{
	width:100%;
}
.boximg02_b{
	float:left;
	display:inline-block;
	display:block;
	margin-left: 2.5%;
	margin-right: 2.5%;
}
.boximg02_b img{
	width:100%;
}

.boximg02_c{
	width:44%;
	display:inline-block;
	vertical-align: top;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
.boximg03{
	width:47%;
	display:inline-block;
	vertical-align: top;
	float:left;
	margin-left: 1.5%;
	margin-right: 1.5%;
}

.boximg03_b{
	width:44%;
	display:inline-block;
	vertical-align: top;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
.boximg03_c{
	width:30%;
	display:inline-block;
	vertical-align: top;
	float:left;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
.boximg03_d{
	width:60%;
	display:inline-block;
	vertical-align: top;
	float:left;
	margin-left: 1.5%;
	margin-right: 1.5%;
}

.boximg03 img{
	width:100%;
}
.boximg04{
	width:21%;
	display:inline-block;
	vertical-align: top;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
.boximg04 img{
	width:100%;
	height: 100%;
}
.boximg05{
	width:17%;
	display:inline-block;
	vertical-align: top;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
.boximg05 img{
	width:100%;
	height: 100%;
}
.boximg06{
	width:30%;
	display:inline-block;
	vertical-align: top;
	margin-left: 1%;
	margin-right: 1%;
}
.boximg05 img{
	width:100%;
	height: 100%;
}
.fs-1 {
	font-size: 4rem!important;
}
.fs-2 {
	font-size: 3rem!important;
}
.fs-3 {
	font-size: 2rem!important;
}
.fs-4 {
	font-size: 1rem!important;
}
.fs-5 {
	font-size: .85rem!important;
}
.fw-bold {
	font-weight: bold;
}
.fw-bolder {
	font-weight: bolder;
}
.fw-normal {
	font-weight: normal;
}
.fw-light {
	font-weight: lighter;
}



/* デザインパーツ */
.dli-caret-down {
  display: inline-block;
  vertical-align: middle;
  color: #c13832;
  line-height: 1;
  width: 0;
  height: 0;
	margin-right: 5%;
  border-style: solid;
  border-color: transparent;
  border-width: 0.64952em 0.375em;
  border-top-color: currentColor;
  border-bottom: 0;
}


/* 新着情報 */
.new_box__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
/* sample */
.grid2 {
	display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
.grid2_r1 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto;
	grid-column-gap: 2rem;
	grid-row-gap: 1rem;
	padding: 1rem;
	align-items: center;
}
.grid3 {
	display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
.grid4 {
	display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
.grid5 {
	display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
.grid6 {
	display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
.grid__3 {
	display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, 1fr);
  justify-content: space-between;
	margin-top: 1rem;
	grid-column-gap: 2rem;
}
.grid__3fr {
	grid-column: span 2 / span 2;
}
.flex-start {
  justify-content: flex-start!important;
}
.flex-end {
  justify-content: flex-end!important;
}
.warningnote {
	display: flex;
	font-size: 1.5rem;
	padding: 1rem;
	background: #fcff79;
	font-weight: bold;
	justify-content: center;
}

.spring-box {
	padding: 1rem;
	margin: 1rem 0;
	border: 2px solid #ddd;
	border-radius: 10px;
}
.spring-box h4 {
	background: #128910;
	color: #fff;
	font-size: 1.75rem;
	padding: 1rem;
}
.spring-box h6 {
	background: #1991d0;
	color: #fff;
	padding: .5rem;
	margin-top: 2rem;
}
.spring-table {
	display: flex;
	justify-content: flex-end;
}
.spring-table span {
	padding-left: .5rem;
}
.spring-table span,.spring-table th {
	font-size: 1.25rem;
}
.spring-table tr {
	padding: .25rem 0;
  border-bottom: 1px solid #ff5f22;
}
.spring-table th,.spring-table td{
	background: #fff;
}
.spring-table tbody {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  justify-items: end;
	margin-top: 1rem;
}
.spring-table__dd {
	padding: 0 1rem;
}

.nav-sp ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto;
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
	padding: 1rem;
	align-items: center;
	font-size: 1rem;
}
.nav-sp li {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	box-shadow: 0 0 0 3px #128910;
	background-color: #128910;
	color: #fff;
	font-weight: 600;
	padding: 1rem;
  text-align: center;
  border: 1px solid;
	font-size: 1.25rem;
}
.nav-sp li:hover {
	transition: .3s ease;
  border: none;
  background-color: #fff;
  color: #128910;
  font-weight: 600;
}

@media only screen and (max-width: 750px) {
	.grid4 {
		grid-template-columns: repeat(2, 1fr);
	}
	.grid2_r1 {
		display: block!important;
	}
	.parts_box__grid {
    grid-template-columns: repeat(1, 1fr)!important;
	}
	.grid_temp2,.grid_temp3 {
		display: block!important;
	}
	.grid__3 {
		grid-template-columns: repeat(1, 1fr);
	}
	.warningnote {
		font-size: 1rem;
	}
	.spring-table tbody {
	  display: grid;
	  grid-template-columns: repeat(1, 1fr);
	  grid-template-rows: 1fr;
	  grid-column-gap: 2rem;
	  grid-row-gap: 1rem;
	  justify-items: end;
	}
	.nav-sp ul {
		grid-template-columns: repeat(2, 1fr);
	}
	.nav-sp li {
		font-size: 1rem;
    padding: 1rem 0;
	}
}


.PartsPage_grid {
	display : grid ;
	grid-template-columns : repeat(3, 1fr) ;
	grid-column-gap : 1rem;
	grid-row-gap : 1rem;
}
.PartsPage_grid_box {
	width: 100%;
	height: auto;
	display:inline-block;
	vertical-align: top;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
@media only screen and (max-width: 750px) {
	.PartsPage_grid {
		grid-template-columns : repeat(2, 1fr) ;
	}
}

.more_btn a {
	text-align: center;
	text-decoration: none;
  padding: 3px 10px 3px 10px;
  color: #000;
  font-size: 12px;
  display: block;
}
.more_btn a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #128910;
}
.cart_btn a {
	text-align: center;
	text-decoration: none;
  padding: 3px 10px 3px 10px;
  color: #000;
  font-size: 12px;
  display: block;
}
.cart_btn a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #96ba74;
}

/* カートに入れるボタン */
.order_box {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}
.order_btn,.order_back {
	width: 25%;
	margin-top: 1rem;
	padding: .5rem 1rem;
	cursor: pointer;
}
@media only screen and (max-width: 750px) {
	.order_btn,.order_back {
		width: 50%;
	}
}

.CartButton {
  display: inline-block;
  width: 100%;
}
.CartButton_btn {
  background-color: #ff5f22;
  border-radius: 8px;
  color: #fff;
	align-items: center;
  border: 0;
  cursor: pointer;
  display: inline-grid;
  height: 46px;
  padding: 0 10px;
  width: 100%;
}
.CartButton_text {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    text-align: center;
    width: 100%;
}
.CartButton_text span {
  font-size: 16px;
  font-weight: 700;
}
.CartButton_icon {
  margin-right: 4px;
	font-size: 28px;
	padding: 0px;
}
.CartButton_icon:before {
	content: "\f07a";
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-variant: normal;
  font-weight: 400 !important;
  line-height: 1;
  text-transform: none;
}
.CartButton_fas {
	border: none;
	padding: .5rem 1.5rem;
	line-height: 1;
	letter-spacing: 1px;
	background: #ff5f22;
	color: #fff;
  font-family: "Noto Sans Japanese";
	font-size: 1rem;
	border-radius: 8px;
	cursor: pointer;
}
.CartButton_fas:before {
	content: '\f07a';
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: .75rem;
}
.CartButton_fas:hover {
	opacity: .8;
}
.patt-title {
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}
.price_box {
	margin-bottom: 1rem;
}
.price_box__columns {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	align-items: center;
}
.columns_price_area {
	grid-area: 1 / 1 / 2 / 3;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 10px 0 5px;
	border-radius: 10px;
 }
.columns_cart_area {
	grid-area: 1 / 3 / 2 / 4;
}


.price_box li {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #ff5f22;
	align-items: flex-end;
	padding: 0 1% 1% 1%;
	flex-direction: column;
}
.price_boxs {
	border-bottom: 1px solid #ff5f22;
	padding-bottom: 2%;
}
.price_boxs li {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-direction: column;
}
.price_area {
  width: -webkit-fill-available;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0 0 5px;
  border-radius: 10px;
}
.price_areas {
	width: -webkit-fill-available;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.parts_box {
	padding: 0 2rem;
}
.parts_box p {
	font-weight: bold;
	padding: 0 10px;
	border-left: 5px solid #000;
	font-size: 1rem;
	margin-bottom: 1%;
}
.parts_box__grid {
	display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 5px;
}
.parts_list_btn {
	text-align: center;
	text-decoration: none;
	color: #6f7373;
	font-size: 12px;
	display: block;
}
.parts_list_btn:hover {
  text-decoration: none;
  color: #fff;
  background-color: #888;
}
.parts_list {
	display: flex;
	justify-content: space-between;
	font-size: .8rem;
	padding: 10px 5px;
	border: 1px solid #6f7373;
}
.parts_list span {
	font-size: 1rem;
	font-weight: 500;
}
.parts_list__unit {
	font-size: .8rem !important;
	font-weight: normal!important;
	padding: .5em!important;
}

.item_size ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.item_size li {
	display: flex	;
  padding: 2% 4%!important;
  margin: 2%;
  border: 1px solid #6f7373;
  border-radius: 5px;
  font-size: 1.25rem;
  align-content: center;
  align-items: center;
}
.item_rec li {
	display: flex;
	width: fit-content;
  padding: 2% 4%!important;
  margin: 2%;
  color: #fff;
	background: #d60000;
  border-radius: 5px;
  font-size: 1.25rem;
	font-weight: 500;
  align-content: center;
  align-items: center;
}

span.marker {
  background: linear-gradient(transparent 50%, #c1fdb8 50%);
}

#item_nav {
	margin-top: 5rem;
}
#sample_item2 {
	margin-top: 5rem;
}
.item_nav__card {
	background-color: #fff;
	letter-spacing: normal;
}
.item_nav__card img {
	border-bottom: 1px solid #777;
}
.item_nav__card h4 {
	text-align: center;
}
.item_nav__card p {
	padding: 10px;
	font-size: 1rem;
}
.item_box {
	display: inline-flex;
	flex-direction: column;
	background-color: #fff;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
}
.item_box table {
	width: 100%;
	border-spacing: unset;
}
.item_box h4 {
	background: #128910;
	color: #fff;
	font-size: 1.75rem;
	padding: 1rem;
}
.item_box td {
	background-color: #fff;
	font-size: .8rem;
	text-align: right;
	border: 1px solid #eee;
}
.item_box__price_box {
	display: flex	;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.item_box__price_box h6 {
	background: #128910;
	color: #fff;
	font-size: 1.25rem;
	padding: 1rem;
}
.inline-title {
	width: 100%;
	position: relative;
	margin: 0 auto 2rem;
	padding: 5px 0 10px 0;
	font-weight: bold;
  color: #128910;
	border-bottom: solid 3px #d5d5d5;
}
.inline-title::after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: 3px solid #128910;
	bottom: -3px;
	width: 30%;
}
.postage-text {
	margin-bottom: 1rem;
}
.postage-text h6 {
	width: 100%;
	position: relative;
	margin: 0 auto .5rem;
	padding: 5px 0 10px 0;
	font-weight: bold;
	color: #128910;
	border-bottom: solid 3px #d5d5d5;
}
.postage-text h6::after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: 3px solid #128910;
	bottom: -3px;
	width: 30%;
}
.postage-text span {
	font-weight: bold;
	color: #e60214;
}
.postage-fcsst {
	font-size: 1.5rem;
	font-weight: bolder;
}
.postage-fcsnd {
	font-size: 1.25rem;
	font-weight: bolder;
	color: #e60214;
}

@media only screen and (max-width: 750px) {
	.item_box__price_box h6 {
		font-size: 1rem;
		padding: .5rem;
	}
	.item_box h4 {
    font-size: 1.25rem;
    line-height: 1.25;
	}
}
.price_area {
	width: -webkit-fill-available;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0 5px;
	border-radius: 10px;
}
.price_area__product {
	font-size: 1.2rem;
  line-height: 14px;
  text-align: end;
}
.price_area__product span {
  font-size: .8rem;
	margin-left: 1rem;
}
.d-grid1 {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 0px;
	margin: 1rem 0;
}
.d-grid2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 0px;
	margin: 1rem 0;
}
._choose {
	padding: 2rem;
	background: #fff;
	box-shadow: 0px 0px 15px -5px #777777;
	border-radius: 20px;
	margin: 0 0 4rem 0;
}
@media only screen and (max-width: 750px) {
	._choose {
		padding: 1rem;
		margin: 1rem;
	}
	.li-price {
		font-size: 1.5rem!important;
		padding: .5rem!important;
	}
	.d-grid2 {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 20px;
	}
	.li-price span {
		font-size: 1.25rem;
	}
	.price_area,.price_areas {
    justify-content: flex-end;
	}
}


.li-price {
	background: #128910;
	color: #fff;
	font-size: 1.75rem;
	padding: .5rem 1rem;
	display: flex;
	align-items: center;
}
.li-price span {
	font-size: 1.5rem;
	border: 3px solid #fff;
	padding: 10px 10px;
	margin: 5px 10px 5px 0;
	border-radius: 10px;
	display: inline;
}
.price_box_special {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.price_box_special li {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
  padding: .5rem 0;
}

.grid_front {

}
.grid_front span {
	font-size: 1rem;
}
.grid_back {
	width: 200px;
	text-align: end;
}
.grid_back span {

}
.sets-cap {
	padding: 1rem 2rem 0 2rem;
}
.sets-cap span {
	font-size: 1.25rem;
	font-weight: 600;
}
.camp-price {
	width: 50%;
	font-size: 1.5rem;
	background-color: #ffffee;
}
.price_special {

}

.price_area__pricenumber {
	font-size: 1.75rem;
  line-height: 2rem;
  font-weight: bold;
  color: #c13832;
  text-align: end;
  margin-left: 5%;
  height: 100%;
}
.price_area__pricenumber span {
	font-size: 1rem;
}
.price_area__pricenumber__soldout {
	color: #fff;
  font-size: 1rem;
  padding: 1% 3%;
  background: #c13832;
  border-radius: 5px;
}
@media only screen and (max-width: 750px) {
	.price_area__product {
		font-size: 1rem;
	}
	.price_area__product span {
  	margin-left: .5rem;
	}
	.price_area__pricenumber__soldout {
		margin-left: 5%;
	}
}


/* specification */
.specification {
  padding: 20px;
  margin: 1rem;
	font-size: .8rem;
  border-radius: 10px;
	background: #f6f5f4;
  line-height: 100%;
}
.specification p,.specification_s p {
	font-weight: bold;
  padding: 0 10px;
  border-left: 5px solid #000;
	font-size: 1rem;
	margin-bottom: 1%;
}
.specification dt,.specification_s dt {
	font-weight: bold;
	margin-bottom: 2px;
}
.specification dd,.specification_s dd {
	margin: 0 0 1% 10px;
}
.specification_s {
  padding: .5rem;
  margin: 1rem 0;
	font-size: .8rem;
	background: #f6f5f4;
  line-height: 100%;
}
.specification ul {
	list-style: inside;
}
/* 詳細はこちらボタン */
/* ここから下がボタンのCSS　*/
a.btn-animation {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 2px solid #128910;
  box-sizing: border-box;
  height: 50px;
  padding: 0 0 0 2%;
  color: #128910;
  font-size: 16px;
  text-align: left;
  text-decoration: none;
  position: relative;
  transition-duration: 0.2s;
}
a.btn-animation:hover {
  background: #128910;
  color: #fff;
}
a.btn-animation:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 8px;
  border-color: transparent transparent transparent #128910;
  position: absolute;
  top: 50%;
  left: 6%;
  margin-top: -7px;
}
a.btn-animation:hover:before {
  border-color: transparent transparent transparent #fff;
}
@media only screen and (max-width: 750px) {
	a.btn-animation {
		width: 100%;
	}
}
.fukidashi_box {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: fit-content;
  align-items: center;
}
.fukidashi_box img {
	width: 100px;
}
.fukidashi {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 12px 16px;
	font-size: 2.5rem;
	font-weight: bold;
	color: #c13832;
	border: 3px solid #c13832;
  border-radius: 20px 20px 0 0;
	padding: 20px;
}
.fukidashi::before {
  content: "";
  width: 40px;
  height: 4px;
  transform: rotate(60deg);
  box-sizing: border-box;
  background-color: #c13832;
}
.fukidashi::after {
  content: "";
  width: 40px;
  height: 4px;
  transform: rotate(-60deg);
  box-sizing: border-box;
  background-color: #c13832;
}
@media only screen and (max-width: 750px) {
	.fukidashi {
	  font-size: 1.2rem;
	}
}

/* company */
.company-table {
  border-collapse: collapse;
  width: 100%;
}
.company-table th, .company-table td {
  border: 2px solid #fff;
  background-color: #e6f6ec;
  padding: 1em;
	line-height: 1.5;
}
.company-table th {
  background-color: #128910;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 20%;
  min-width: 4em;
}




/* お問い合わせ */
.contact_box {
	display: flex;
  justify-content: space-evenly;
	margin-bottom: 3rem;
  margin-top: 2rem;
}
.contact_box_btn {
	display: flex;
  flex-direction: column;
  align-items: center;
}
.contact_box_comment {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-size: 1rem;
	font-weight: bold;
	color: #c13832;
	padding-bottom: 6px;
}
.contact_box_comment::before {
  content: "";
  width: 20px;
  height: 2px;
  transform: rotate(60deg);
  box-sizing: border-box;
  background-color: #c13832;
}
.contact_box_comment::after {
  content: "";
  width: 20px;
  height: 2px;
  transform: rotate(-60deg);
  box-sizing: border-box;
  background-color: #c13832;
}
.contact_box_button {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 1em 2em;
	text-align: center;
  text-decoration: none;
  border-left: solid 4px #128910;
  border-right: solid 4px #128910;
  color: #128910;
  background: #f3f3f3;
  transition: .5s;
	width: 280px;
}
.contact_box_button:hover {
  background: #128910;
  color: #FFF;
	transition: .5s;
}
@media only screen and (max-width: 750px) {
	.contact_box {
    flex-direction: column;
		margin-bottom: 0;
	}
	.contact_box_btn {
    margin-bottom: 2rem;
	}
	.contact_box_button {
		width: 80%;
	}
}
/* miso */
.miso_sample {
	background: #fff;
	font-family: serif;
}
.miso_top {
	display: flex;
	align-items: center;
}
.miso_top img {
	width: 40%;
}
.miso_top ul {
	line-height: 200%;
	font-weight: bold;
	padding: 3%;
	background-image: url(/etc/images/1077264.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.miso_text {
  padding: 2em;
  color: #333;
  line-height: 170%;
  font-size: .8rem;
	background: #fff2e4;
}
.miso_box_r {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
	padding: 3%;
	margin-bottom: 4rem;
}
.miso_box_r p {
	padding-right: 5%;
	line-height: 200%;
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  height: 260px;
}
.miso_box_l {
	display: flex;
	align-items: center;
	flex-direction: row;
	padding: 3%;
	margin-bottom: 4rem;
}
.miso_box_l p {
	padding-left: 5%;
	line-height: 200%;
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  height: 260px;
}
.miso_box_r img,.miso_box_l img {
	width: 65%;
}
.miso_table {
	width: 50%;
}
.miso_table th {
	font-size: .8rem;
	font-weight: normal;
	padding: .5em;
	text-align: left;
	background-color: #d9d9d9;
}
.miso_table td {
	font-size: .8rem;
	padding: .5em;
}


/* キャンペーンページ */
.N-lbutton {
	cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  padding: .9em 2em;
  border: none;
  border-radius: 5px;
  background-color: #2589d0;
  color: #fff;
  font-weight: 600;
  font-size: 1.25rem;
}
.N-lbutton::after {
  width: 1.25em;
  height: 1.25em;
  margin-left: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
  content: '';
}
.N-lbutton:hover {
  background-color: #1579c0;
}
.N-lbutton span {
  font-size: .85rem;
}

/* みまわり */
.bg_w {
	background: #fff;
}
#wrapper_w {
	background: #fff!important;
	width: 100%;
	min-width: 480px;
	display: block;
	float: left;
	overflow: hidden;
}
.mc_arrow_box {
	display: flex;
	justify-content: space-around;
	align-items: center;
  position: relative;
  max-width: 100%;
  margin: 2rem auto;
	border-radius: 3px;
  box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
  color: #333;
	background: #f7f7f7;
	border-radius: 30px;
	padding: 2rem 0;
}
.mc_arrow_box img {
	max-height: 240px;
}

.mc_arrow_box::before {
  left: 9px;
}
.mc_arrow_box::after {
  right: 9px;
}
.mc_arrow_box p {
	display: flex;
  align-items: center;
  column-gap: 8px;
  color: #333333;
  line-height: 2;
  font-size: 1.6rem;
	font-weight: 600;
}
.mc_arrow_box p::before {
	width: 0.8em;
	height: 0.4em;
	border-bottom: 4px solid #2589d0;
	border-left: 4px solid #2589d0;
	transform: rotate(-45deg) translate(2px, -2px);
	content: '';
}
.mc_table table {
	min-width: 100%;
}
.mc_table span {
	font-size: 80%;
}
.mc_table th,.mc_table td {
	border: 2px solid #eeeeee;
	border-collapse: collapse;
	font-size: 1.6rem;
	text-align: center;
	background: #f5f5dc;
}
.mc_table th {
	height: 60px;
	padding: .5rem 0;
}
.mc_table__none {
	background: none!important;
}
.mc_table_camp {
	border-radius: 20px;
	background: #e60214!important;
	color: #fff;
	font-weight: 600;
}
.pr_table {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.point {
	font-size: 1.8rem;
	line-height: normal;
	color: #3469a8;
	margin-bottom: 1rem;
}
.point::before {
	content: attr(data-en);
	display: block;
	color: #3469a8;
	font-size: 1.4rem;
}
.point::after {
	content: '';
	display: block;
	width: 40px;
	height: 3px;
	background-color: #3469a8;
}
.point span {
	font-size: 1.2rem;
	color: #8b0000;
}
.point-box-shadow {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	color: #333333;
	background-color: #f7f7f7;
	font-size: 1.2rem;
	border-radius: 20px;
	box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
	flex-direction: column;
	flex-wrap: wrap;
	padding: 2rem;
	margin-bottom: 2rem;
	align-content: flex-start;
}
.mb8 {
	margin-bottom: 6rem;
}
.useset {
	display: flex;
  flex-direction: column;
}
.useset table {
	border-collapse: collapse;
	margin: 0 auto;
	margin-bottom: 2rem;
	padding: 0;
	width: 100%;
	table-layout: fixed;
	color: #4CAF50;
	border: 3px solid #fff;
}

.useset tr {
  background-color: #fff;
  padding: .35em;
  border-bottom: 3px dotted #fff;
}
.useset tr:last-child{
	border-bottom: 3px solid #fff;
}
.useset th,
.useset td {
  padding: 1em 10px 1em 1em;
}
.useset th {
	text-align: left;
  color: #ffffff;
  width: 35%;
	font-size: 1.2rem;
	background: #157487;
}
.useset td {
	line-height: 1.5;
	font-size: 2rem;
	font-weight: 600;
	background: #e2f0f3;
	color: #157487;
}
.mmwr_contents_title {
	margin-bottom: 1rem;
}
.apply-method h5 {
	line-height: 1.5;
	font-size: 1.5rem;
	border-left: 4px solid #2589d0;
	padding-left: 5px;
	margin-bottom: 1rem;
}
.apply-method p {
	padding: 0 1rem;
}
.apply-method img {
	margin: 2rem 0;
}

.mmwr_contents_title span {
	display: inline-block;
	position: relative;
	padding: 0 .4em .2em;
	color: #333333;
	line-height: normal;
	font-size: 2.4rem;
	margin-bottom: 1rem;
	letter-spacing: 4px;
}

.mmwr_contents_title span::before {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #2589d0;
  content: '';
}
.mmwr_contents_text {
	font-size: 1.2rem;
	margin-bottom: 2rem;
	padding: 1rem;
}
.mmwr_contents_text span {
	font-weight: 600;
	color: #8b0000;
}
.mmwr_cv {
	margin-top: 2rem;
  width: 100%;
  display: flex;
  background-image: url(../images/mmwr_bg_img01.jpg);
  flex-direction: column;
  align-items: center;
  height: 300px;
  background-size: cover;
  justify-content: center;
  flex-wrap: wrap;
}
.mmwr_cv p {
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  color: #fff;
  padding: 2rem 0;
}
.mmwr_cv_box {
	display: flex;

}
/* btn */
.mmwr_cv_btn,
a.mmwr_cv_btn,
button.mmwr_cv_btn {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-c {
	font-size: 1.4rem;
  position: relative;
  margin: 1rem;
  padding: 1rem 2rem 1rem 2rem;
  color: #fff;
  border-radius: 100vh;
  background: #ff5400;
  -webkit-box-shadow: 0 5px 0 #e85163;
  box-shadow: 0 5px 0 #a33905;
}

a.btn-c span {
  color: #fff100;
}

a.btn-c small {
  font-weight: bold;
}

a.btn-c i {
  margin-right: 1rem;
}

a.btn-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);

  color: #fff;
  background: #ee7f8b;
  -webkit-box-shadow: 0 2px 0 #e85163;
  box-shadow: 0 2px 0 #e85163;
}


@media only screen and (max-width: 750px) {
	.mc_arrow_box img {
		display: none;
	}
	.mc_arrow_box p {
		font-size: 1.2rem;
	}
	.mc_table th,.mc_table td {
		font-size: 1rem;
	}
	.mc_table th {
		height: auto;
	}
	.mc_table_camp {
		border-radius: unset;
	}
	.pr_table {
    flex-direction: column;
	}
	.normal_pr,.campaign_pr {
		margin-bottom: 2rem;
		display: flex;
		justify-content: center;
	}
	.normal_pr img,.campaign_pr img {
		width: 80%;
	}
	.useset th,
	.useset td {
	  font-size: 1rem;
	}
	.point {
		font-size: 1.2rem;
	}
	.point span {
		font-size: 1.2rem;
	}
	.mmwr_contents_title span {
		font-size: 1.6rem;
	}
	.mmwr_cv {
    height: auto;
	}
	.mmwr_cv_box {
    flex-direction: column;
	}
	.mmwr_cv p {
	  font-size: 1.6rem;
	}
	.mb8 {
		margin-bottom: 2rem;
	}
}


.set {
	line-height: normal;
	margin-bottom: 4rem;
}
.set_before,.set_after,.set_arrow {
	display: grid;
}
.set_before h4,.set_after h4 {
	font-size: 2rem;
	font-weight: 600;
	background: #fff;
  padding: .5rem 2rem;
  border-bottom: 3px solid #777;
}
.MiMawari {
	width: 100%;
}
/* みまわりここまで */

/* news */
.news_title {
	text-align: center;
	padding: 1rem;
	border: 2px solid #777;
	margin: 1rem 0;
	font-size: 1rem;
}
.news_title span {
	font-size: 1.5rem;
}
.news_second {
	padding: 1rem 2rem;
  border: 2px solid #e60214;
  margin: 1rem 0;
}
.news_second h6 {
	margin-bottom: .25rem;
	margin-top: 1rem;
}
.news_second p {
	text-indent: 10px;
}
.news_second span {
	font-weight: 600;
}
.news_second table {
	max-width: 100%;
  background: #eee;
}
.news_second th,.news_second td {
	padding: 1rem;
}
.news_second th {
	font-weight: normal;
}
.news_second td {
	background: #fff;
}
.news_camp_box {
	display: flex;
}
.news_camp_box_img {
	width: 25%;
}
.news_table_log {
	margin: 1rem 0;
}
.news_table_log table {
	width: 100%;
	border-collapse:  collapse;
}
.news_table_log th,.news_table_log td {
  border: solid 1px;
  padding: 10px;
}
.news_table_log td {
  background-color: #fff;
	text-align: right;
}
.news_table_log span {
  font-size: .85rem;
	padding-right: 10px;
}
.news_correct {
	background-color: #ffffcb!important;
	font-weight: bold;
}
.news-table_sec {
	margin: 1rem 0;
}
.news-table_sec table {
	width: stretch;
  background: #fff;
	text-align: center;
  border-collapse: collapse;
}
.news-table_sec th,.news-table_sec td {
	padding: 1rem;
}
.news-table_sec th {
	font-weight: normal;
	border: 2px solid #fff;
}
.news-table_sec td {
	background: #fff;
	border: 2px solid #eee;
}
.td-true {
	background: #e8ebff!important;
	border: 2px solid #fff!important;
}
.td-false {
	background: #ffd7df!important;
	border: 2px solid #fff!important;
}

@media only screen and (max-width: 750px) {
	.news_camp_box {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.news_camp_box_img {
		width: 75%;
	}
}
/*test_item*/
.news_sub-title {
	padding: 1%;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background: #c64842;
}
@media only screen and (max-width: 750px) {
	.news_sub-title {
		padding: 1%;
		font-size: 1.2rem;
	}
}
.product_title {
  width: 100%;
  padding: 1.5% 0;
  font-size: 16px;
  font-size: 1.6rem;
  text-indent: 60px;
  color: #128910;
  border-bottom: solid 2px;
  background: url(../images/inoshishi.png) no-repeat left;
}
.test_item_nav__card {
	background-color: #fff;
	letter-spacing: normal;
}
.test_item_nav__card p {
	min-height: 3em;
	padding: 0 10px;
	display: flex;
	align-items: center;
	background: #128910;
	color: #fff;
	justify-content: center;
}
.test_item_nav__card dl {
	font-size: .8rem;
	padding: 10px;
  line-height: 100%;
}
.test_item_nav__card dt {
	font-weight: bold;
}
.test_item_nav__card dd {
	margin-left: 5px;
}
.test_item_nav__btn {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: auto;
	margin: auto;
	padding: .5rem 1rem;
	font-size: .8em;
	font-weight: bold;
	letter-spacing: 2px;
	border: 2px solid #128910;
	color: #128910;
	cursor: pointer;
	position: relative;
 	overflow: hidden;
}
.test_item_nav__btn::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #128910;
	transform: translateX(-100%);
	transition: all .3s;
	z-index: -1;
}
.test_item_nav__btn:hover::before {
	transform: translateX(0);
}
.test_item_nav__btn:hover {
	color: #fff;
 	z-index: 1;
}

/* menu */
.menu {
  max-width: 100%;
}
.menu a {
  display: block;
  text-decoration: none;
  color: #000;
	text-indent: 5px;
}
.menu a:hover {
  background: #ededed;
}
.menu input {
	display: none;
}
.menu label {
  display: block;
  padding: 15px;
  line-height: 1;
  color: #fff;
  background: #128910;
  cursor: pointer;
  border-bottom: 1px solid #fff;
}
.menu label:hover {
	text-indent: .5rem;
  transition: all 0.5s;
  opacity: .8;
  color: #fff;
}
.menu ul {
	margin: 0;
	background: #fff;
	list-style: disc;
	font-size: .8rem;
}
.menu li {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li,
#menu_bar05:checked ~ #links05 li,
#menu_bar06:checked ~ #links06 li,
#menu_bar07:checked ~ #links07 li,
#menu_bar08:checked ~ #links08 li,
#menu_bar09:checked ~ #links09 li,
#menu_bar10:checked ~ #links10 li,
#menu_bar11:checked ~ #links11 li {
	height: fit-content;
	opacity: .8;
	line-height: 3;
}
.menu_bar_grid {
	display: grid;
}
.grid_temp1 {
	grid-template-columns: repeat(1, 1fr);
}
.grid_temp2 {
	grid-template-columns: repeat(2, 1fr);
}
.grid_temp3 {
	grid-template-columns: repeat(3, 1fr);
}
.grid_temp4 {
	grid-template-columns: repeat(4, 1fr);
}
/* Parts */
.parts {
  padding: 1rem;
  background: #fff;
	margin-bottom: 2rem;
}
.parts_flex {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.parts_flex img {
	width: 25%;
}
.parts_flex__box {
	width: 75%;
}
.parts_flex h6 {
	font-size: 1rem;
	margin-bottom: 1%;
}
.parts_flex__box__title span {
	font-size: 1rem;
	font-weight: normal;
}
.parts_flex__box__table {
	display: flex;
  justify-content: flex-end;
	background: none;
}
.parts_flex__box__table th,.parts_flex__box__table td {
	background: none;
	font-size: .8rem;
	text-align: center;
}
.parts_flex__box__table span {
	font-size: 1rem;
	font-weight: bold;
}
.parts_box__grid_s {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 1rem;
	grid-row-gap: 2px;
	line-height: 100%;
}
/* アコーディオンサンプル */
/*====================================================================
.s_02 .accordion_one
====================================================================*/
#sample_acor {
	margin-top: 5rem;
	margin-bottom: 5rem;
}
.s_02 .accordion_one {
  max-width: 1024px;
  margin: 0 auto;
}
.s_02 .accordion_one .accordion_header {
  background-color: #db0f2f;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  padding: 20px 11%;
  text-align: center;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
}
.s_02 .accordion_one:nth-of-type(2) .accordion_header {
    background-color: #ff9a05;
}
.s_02 .accordion_one:nth-of-type(3) .accordion_header {
    background-color: #1c85d8;
}
.s_02 .accordion_one .accordion_header:hover {
  opacity: .8;
}
.s_02 .accordion_one .accordion_header .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 5%;
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  margin-top: -20px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}
.s_02 .accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
.s_02 .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.s_02 .accordion_one .accordion_header .i_box .one_i:before, .s_02 .accordion_one .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
  background-color: #fff;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.s_02 .accordion_one .accordion_header .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
.s_02 .accordion_one .accordion_header.open .i_box .one_i:before {
  content: none;
}
.s_02 .accordion_one .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.s_02 .accordion_one .accordion_inner {
  display: none;
  padding: 30px 30px;
  border-left: 2px solid #db0f2f;
  border-right: 2px solid #db0f2f;
  border-bottom: 2px solid #db0f2f;
  box-sizing: border-box;
}
.s_02 .accordion_one:nth-of-type(2) .accordion_inner {
  border-left: 2px solid #ff9a05;
  border-right: 2px solid #ff9a05;
  border-bottom: 2px solid #ff9a05;
}
.s_02 .accordion_one:nth-of-type(3) .accordion_inner {
  border-left: 2px solid #1c85d8;
  border-right: 2px solid #1c85d8;
  border-bottom: 2px solid #1c85d8;
}
.s_02 .accordion_one .accordion_inner .box_one {
  height: 100%;
}
.s_02 .accordion_one .accordion_inner li.txt_a_ac {
  margin: 0;
	list-style: disc;
}
@media screen and (max-width: 1024px) {
  .s_02 .accordion_one .accordion_header {
    font-size: 18px;
  }
  .s_02 .accordion_one .accordion_header .i_box {
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
}
  .s_02 .accordion_one .accordion_header {
    font-size: 16px;
    text-align: left;
    padding: 15px 60px 15px 15px;
  }
}


/* テーブル */
.table{
	width: 95%;
	border-collapse: collapse;
	margin: 0 2.5% 30px 2.5%;
	overflow-x: auto;
}
.table td{
	width: 78%;
	font-size:9px;
	font-size:0.9rem;
	background-color: #fff;
	padding: 1% 2%;
	border: 1px solid #ccc;
}

.table th{
	font-size:9px;
	font-size:0.9rem;
	width: 20%;
	border: 1px solid #ccc;
}
.table th{
	color:#333;
	background:#ddd;
}
.table thead th{
	background:#222;
}
.scroll-table table {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.winch_text {
	background: #eee;
	border: 1px solid;
	padding: .5rem 1rem;
}
.winch_text li {
	list-style: disc;
	margin-left: 2rem;
}
.winch_textbox {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 0rem;
	grid-row-gap: .25rem;
}
.winch_table {
	margin: 1rem 0;
}
.winch_table p {
	font-size: 1.25rem;
}
.winch_table table {
	width: 100%;
	border-collapse:  collapse;
}
.winch_table th,.winch_table td {
	border: 1px solid;
}
.winch_table th {
	width: 25%;
	padding: .5rem;
	text-align: right;
}
.winch_table td {
	width: 75%;
	padding: .5rem;
}
@media screen and (max-width: 679px) {
	.winch_textbox {
		grid-template-columns: repeat(2, 1fr);
	}
	.winch_table th {
		width: 23%;
		font-size: 1rem;
	}
}

/* 通販 */
.cate {
	padding: .25rem;
}
.nma_text {
	background-color: #fff;
	padding: 2rem;
}
.nma_text h1 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
	color: #128910;
}
.nma_text p {
	font-size: 1rem;
}
.onlin_cost {
	width:auto;
	float:left;
	display:block;
	line-height:160%;
	font-size: 1.25rem;
	font-weight: bold;
	color: #E60214;
	margin-top: 10px;
}
.onlin_cost02 {
	width:auto;
	float:left;
	display:block;
	line-height:160%;
	margin-left:20px;
	color: #E60214;
	font-weight: bold;
}
.komoku{
	width:65%;
	float:left;
	display:block;
}
.online_item {
	width:100%;
	float:left;
	display:block;
}
.online_item dl {
	width:100%;
	float:left;
	display:block;

}
.online_item dt {
	width:30%;
	color:#000;
	background-color:#ddd;
	text-align:center;
	line-height:25px;
	display:block;
	float:left;
	margin-bottom: 10px;
}
.online_item dd {
	width:68%;
	line-height:25px;
	display:block;
	float:right;
}
.online_img01 {
	width:50%;
	margin: 0 15%;
}
.online_img02 {
	width:30%;
	float:left;
	margin-right: 2%;
	margin-bottom: 20px;
}
.cart_icon01 {
	width: 98%;
	height: 40px;
	display:block;
	float:left;
	margin-top: 30px;
	background: url(../../cgi-bin/shop/images/goto_cart.jpg)no-repeat right;

}
.cart_icon01 a {
	background: url(../../cgi-bin/shop/images/goto_cart.jpg)no-repeat;
}
.cart_icon01 a:hover{
	background: url(../../cgi-bin/shop/images/goto_cart.jpg)no-repeat;
}

.cart_menu a {
	text-decoration: none;
	padding: 1%;
	color: #000;
	background-color: #EEE;
	border: 1px solid #555;
	border-radius: 2px;
	font-size:1rem;
	margin:1%;
	display:block;
	float:left;
	width:45%;
	text-align:center;
}
.cart_menu a:hover {
	text-decoration: none;
	color: #000;
	background-color: #ddd;
	border: 1px solid #000;
}
.item_menu a {
	text-align: center;
	text-decoration: none;
	width: auto;
  padding: 3px 10px 3px 10px;
  color: #000;
  border: 1px solid #000;
  font-size: 1rem;
  margin: 10px 0 0 0;
  display: block;
}
.item_menu a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #96ba74;
	border: 1px solid #96ba74;
}

#item {
  width: 29%;
  min-height: 351px;
  float: left;
  padding: 6px;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #333;
}
#item dl{
	text-align: center;
	font-size: 1.1rem;
	line-height: 1.25;
}
#item dt {
  text-align: right;
  font-size: 0.9rem;
  font-weight: normal;
  color: #000;
  line-height: 1.5;
  margin-top: 6px;
}
#item img {
  width: 100%;
  float: left;
  display: block;
  margin-bottom: 2px;
  border-bottom: 1px dashed #000;
}
.onlin_text {
	width:100%;
	float:left;
	display:block;
	line-height:160%;
}

/* 商品紹介 */
/* 新商品 */
.monk_li01 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto;
	grid-column-gap: 2rem;
	grid-row-gap: 1rem;
	align-items: center;
	padding: 1rem;
}
.monk_li01 li {
	text-align: center;
	padding: 1rem;
	background: #fff300;
	font-size: 1.5rem;
	font-weight: 500;
	border: 2px solid;
	letter-spacing: 5px;
}
.monk_li02 {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
	margin-bottom: 1rem;
	align-items: center;
	flex-direction: row;
}
.monk_li02 li {
	width: 100%;
	margin: 0 1rem;
	text-align: center;
	padding: 1rem;
	background: #fff;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 5px;
	border: 1px solid;
}
.monk_li03 {
	padding: 1rem 0;
	line-height: 1.5;
	font-size: 1.5rem;
	list-style: none;
	margin-left: 2rem;
}
.monk_li03 li {
	-webkit-text-stroke: 4px #840008;
	color: #faffca;
	paint-order: stroke;
}
.monkey_box__hzk {
	letter-spacing: 1rem;
}

@media screen and (max-width: 767px) {
	.Cautionary-r {
		font-size: 1rem!important;
	}
	.monk_li01 li {
    text-align: center;
    padding: .5rem;
		margin: 0 .5rem;
    background: #fff300;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 5px;
	}
	.monk_li02 li {
    padding: .5rem;
    font-size: 1rem;
    margin-bottom: 1rem;
		letter-spacing: 1px;
	}
	.monk_li03 li {
		font-size: 1.25rem;
	}
}

/* とめさし */
.gyousei_box {
	margin-left: 1.5%;
	display: flex;
	width: fit-content;
	justify-content: center;
	flex-direction: column;
}
.gyousei_button {
	background-color: #49c0f0;
	color: #fff;
  line-height: 50px;
  padding: .25rem 2rem;
}
.tome_note {
	list-style: decimal;
  margin-left: 3rem;
  margin-top: 1rem;
  line-height: 1.5;
  font-size: 1.25rem;
}
.tome_container {

}
.tome_box {
  flex-direction: column;
  display: flex;
  justify-content: center;
}
.tome_box_title {
  font-size: 1.5rem;
	font-weight: bolder;
  padding: .25em;
  background: #128910;
  color: #fff;
}
.tome_box_title span {
	font-size: 2rem;
  margin: 0 1rem;
}
.tome_box_price {
  padding: 1rem 0;
}
.tome_box_price-s {
	display: flex;
	justify-content: flex-end;
	flex-direction: row;
	align-items: center;
}
.pname {
	font-size: 1.25rem;
}
.price {
	font-size: 1.5rem;
	font-weight: bolder;
	color: #db0000;
	margin-left: 2rem;
}
.price span {
	font-size: 1.25rem;
}
.price-s {
	font-size: 1.5rem;
	font-weight: bolder;
	color: #db0000;
	margin-left: 2rem;
}
.price-s span {
	font-size: 1rem;
}
@media screen and (max-width: 767px) {
	.online_img01 {
    width: 100%;
    margin: 5% 0;
	}
	.tome_box {
	  box-shadow: none;
		padding: 0;
	}
	.tome_box_title {
    text-align: center;
		font-weight: normal;
	}
	.tome_box_title,.tome_box_title span,.price,.pname {
		font-size: 1.25rem;
	}
	.price {
		font-size: 1.25rem;
	}
	.price span {
		font-size: 1rem;
	}
}

/* はこわな */
.listList01 {
	list-style: inside;
	margin-left: 1rem;
	font-size: 1.25rem;
	line-height: 1.5;
}
.listList01 p {
	font-size: 1.5rem;
	font-weight: 500;
}
.listList01 span {
	background: linear-gradient(transparent 50%, #f1ff0082 50%);
}
.comment-m {
	background: #ddd;
	padding: 1rem;
	line-height: 1.5;
  margin-bottom: .5rem;
}
.comment-m dl,.comment-s dl {
	display: flex;
	flex-direction: row;
}
.comment-m dt,.comment-s dt {
	width: 15%;
}
.dt25 {
	width: 25%!important;
}
.comment-m dd,.comment-s dd {

}
.comment-s {
	padding: 1rem;
	line-height: 1;
  margin-bottom: .5rem;
}
.comment-sml-title {
	font-size: 1.5rem;
	font-weight: bold;
}
.Cautionary-r {
	text-align: right;
	color: #c13832;
	font-size: 1.25rem;
	font-weight: bold;
}
.text-end {
	text-align: right;
}
.shi-bobox {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 1rem;
}

@media screen and (max-width: 767px) {
	.comment-m dl,.comment-s dl {
		display: flex;
		flex-direction: column;
	}
	.comment-m dt,.comment-s dt,.dt25 {
		width: 100%!important;
	}
	.listList01 {
		list-style: none;
		font-size: 1rem;
	}
}

/* 部品 */
.jets_box_text table {
	width: -webkit-fill-available;
	margin: 1rem auto;
}
.jets_box_text td {
	padding: 10px 20px;
	background: none;
}
.list-disc {
	margin-bottom: 1rem;
	list-style: disc;
	line-height: 1.5;
}
.list-none {
	list-style: none;
}
.focus-s {
	padding: 2px 10px;
	font-size: 1rem;
	font-weight: bolder;
	border: 1px solid #E60214;
	width: fit-content;
	margin: 5px 0;
	color: #E60214;
}


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

.shohin_nav li a {
	width: 81%;
	float: left;
	display: block;
	margin: 0 0.5% 10px 0.5%;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 1% 0 1% 17%;
	line-height: 180%;
}
.flame01 a {
	border: 2px solid #DD4B3B;
	background: url(../../product/images/icon001.png) no-repeat;
	background-position:3%;
}
.flame01 a:hover{
	color: #DD4B3B;
}
.flame02 a{
	border: 2px solid #EA8061;
	background: url(../../product/images/icon002.png) no-repeat;
	background-position:3%;
}
.flame02 a:hover{
	color: #EA8061;
}
.flame03 a{
	border: 2px solid #91C422;
	background: url(../../product/images/icon003.png) no-repeat;
	background-position:3%;
}
.flame03 a:hover{
	color: #91C422;
}
.flame04 a{
	border: 2px solid #5F850B;
	background: url(../../product/images/icon004.png) no-repeat;
	background-position:3%;
}
.flame04 a:hover{
	color: #5F850B;
}
.flame05 a{
	border: 2px solid #F5A535;
	background: url(../../product/images/icon005.png) no-repeat;
	background-position:3%;
}
.flame05 a:hover{
	color: #F5A535;
}
.flame06 a{
	border: 2px solid #898989;
	background: url(../../product/images/icon006.png) no-repeat;
	background-position:3%;
}
.flame06 a:hover{
	color: #898989;
}

#sideWrap{
	width:100%;
	max-width: 320px;
	min-width: 150px;
	float:right;}

#side{
	width:100%;
	background:#eee;}

#side p{color:#333;font-size:15px; border:1px solid #ccc;}

/*
お問い合わせ
*/
.contact{
	width:100%;
	float:left;
	display:block;
	text-align:left;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	line-height:30px;
	font-size:15px;
	background: #EEEEEE;
}
.contact dt {
	width:34%;
	float:left;
	display:block;
	text-align:left;
	text-indent:10px;
	line-height:50px;
	font-size:10px;
	font-size:1rem;

}
.contact dd {
	width:65%;
	float:right;
	display:block;
	text-align:left;
	line-height:50px;
	background: #fff;
}
.contact .ddr {
	width:65%;
	float:right;
	display:block;
	line-height:50px;
	border-left:#CCCCCC solid 1px;
	text-align:left;
	text-indent:10px;
	margin:0 0 0 0;
}
.contact_top{
	border-top:#CCCCCC solid 1px;
}
.hissu{
	width: 20px;
	background: #E60214;
	border-radius: 5px;
	color: #fff;
	padding: 0 5px;
	margin-left: 5px;
}

.sidebarh3 {
	width:100%;
	float:left;
	display:block;
	line-height:35px;
	font-size:13px;
	font-size: 1.3rem;
	border-bottom: solid 3px #128910;
	text-align:left;
	background-image:url(images/menu_title.png);
	background-repeat:no-repeat;
	background-position:right;
	margin:0 0 10px 0;
}
	.sidebar2 {
	float:right;
	width: 100%;
	display:block;
	margin:0 0 15px 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.sidebar2 ul {

}
/*
=========================================================
よくある質問
=========================================================
*/


.box_qa {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.box_qa dl {
	margin:0;
	width: 95%;
	float:right;

}
.box_qa dt {
	float: right;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #CC0000;
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	line-height:160%;
	padding: 0;
}
.box_qa dd {
	float: left;
	width: 100%;
}

.box_qa dl a {
	float: right;
	margin: 10px 0;
}
.box_qa2 {
	float:left;
	width: 100%;
	margin-bottom: 60px;
}
.box_qa2 dl {
	margin:0;
	width: 95%;
	float:right;

}
.box_qa2 dt {
	float:right;
	width: 100%;
}
.box_qa2 dd {
	float: left;
	width: 100%;
}
.box_qa2 dl a {
	float: right;
	margin: 10px 0;
}
/*
カート
*/
.td-jp {
	padding: .25rem;
}
.suu {
	padding: .25rem .5rem;
	margin-right: 4px;
}
.mg_btn {
  margin: .25rem;
  padding: .25rem .5rem;
}
.kesai_list1 {
	width:100%;
	float: left;
	display: block;
}
.mail_list table,.kesai_list1 table {
	width: 100%;
}
.mail_list table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.mail_list th,.mail_list td {
	padding: .5rem;
  border: 1px solid #888;
	line-height: 1.25;
	background: #f2f2f2;
}
.mail_list_form td {
	width: 75%;
  padding: 1rem .5rem;
}
.mail_list_form input {
  margin: .25rem;
}
.buy_table table {
	width: 100%;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
}
.buy_table th {
	padding: 1rem;
	background: #ddd;
	border: solid 1px #888;
}
.buy_table td {
	padding: 6px;
	border: solid 1px #888;
	line-height: 1.5;
}
.buy_input_btn {
	background: #eee;
  padding: .5rem 1rem;
  letter-spacing: 5px;
  border: 1px solid #777;
  cursor: pointer;
  font-size: 1rem;
}
.buy_input_btn:hover {
	background: #21963a;
	border: 1px solid #21963a;
	color: #fff;
	transition: .3s;
}
.val_table {
	margin-bottom: 1rem;
}
.val_table input {
	padding: .625em 1.25em;
	cursor: pointer;
	width: 120px;
	letter-spacing: 0.5em;
}
.shop_backNav {
	background: #fff;
  padding: .5rem 1rem;
  letter-spacing: 5px;
  border: 1px solid #777;
  cursor: pointer;
  font-size: 1rem;
}

@media only screen and (max-width:750px ) {
	.mail_list_form table {
		table-layout: fixed;
	}
	.mail_list_form tr {
		display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
	}
	.mail_list_form th,.mail_list_form td {
		width: auto;
	}
	.mail_list_form th {
		text-align: left;
	}
	.mail_list_form td {
		padding: 1%;
	}
	.input_long {
		width: 80%;
	}
	.mail_list_form_area {
		width: 96%;
	}
	.list-disc {
		list-style: none;
	}
}
.writing-tate {
	writing-mode: vertical-rl;
}
.circle-table_set {
	min-width: 1em!important;
}
.circle-table-bg {
  background-color: #cacaca!important;
}
.circle-caption {
	background: #efefef;
	margin-top: 1rem;
	padding: 1rem;
	line-height: 1.5;
}
.circle-caption dl {
	margin-bottom: 1rem;
}
.circle-caption dt {
	font-weight: bold;
}
.circle-caption dd {
	margin-left: 1rem;
}

.circle-table table {
	border-collapse: collapse;
	width: 100%;
}
.circle-table table {
  border-collapse: collapse;
  width: 100%;
}
.circle-table th, .circle-table td {
  border: 2px solid #fff;
  padding: 1em;
}
.circle-table th {
  background-color: #db0000;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: stretch;
  min-width: 4em;
}
.circle-table td {
  text-align: right;
}
.circle-table span {
  font-size: 80%;
}
.circle-set00 {
	font-size: 1.75rem;
}
.circle-table02 {
	font-weight: bold;
	font-size: 1.25rem;
}
.circle-set01 td {
	font-size: 1.25rem;
}
.circle-set01 td,.circle-set02 td {
	background: #fbc8c8!important;
	font-weight: bold;
}
.circle-set02 th,.circle-set02 td {
	font-size: 1.75rem;
}
.circle-set01 th,.circle-set02 th {
	background: #db0000!important;
}
.circle-text-red {
	text-align: right;
	font-size: 1.25rem;
	font-weight: bold;
	color: #db0000;
}
@media only screen and (max-width:768px ){
	.circle-set02 th,.circle-set02 td {
		font-size: 1.25rem;
	}
	.circle-table th, .circle-table td {
    border: 2px solid #fff;
    padding: .75em .5em;
	}
	.circle-caption dd {
    margin-left: .25rem;
	}
}

table.type03 {
	border-collapse: collapse;
	text-align: left;
	float: left;
	display: block;
	width: 100%;
	overflow: auto;
}
table.type03 thead th {
	width: 30%;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #128910;
	border-bottom: 3px solid #128910;
	border-right: 1px solid #128910;
	font-size: 10px;
	font-size: 1rem;
}
table.type03 tbody th {
	width: 30%;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #f3f6f7;
	font-size: 9px;
	font-size: 0.9rem;
}
table.type03 td {
	padding: 2%;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 9px;
	font-size: 0.9rem;
	background: #ECFAE7;
}

table.type05 {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	overflow: auto;
}
table.type05 thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #128910;
	border-bottom: 3px solid #128910;
	border-right: 1px solid #128910;
	font-size: 10px;
	font-size: 1rem;
}
table.type05 tbody th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #f3f6f7;
	font-size: 9px;
	font-size: 0.9rem;
}
table.type05 td {
	padding: 1%;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 9px;
	font-size: 0.9rem;
	background: #ECFAE7;
}
table.type06 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	overflow: auto;
}
table.type06 thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #128910;
	border-bottom: 3px solid #128910;
	border-right: 1px solid #128910;
	font-size: 10px;
	font-size: 1rem;
}
table.type06 tbody th {
	width: 20%;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #f3f6f7;
	font-size: 9px;
	font-size: 0.9rem;
}
table.type06 td {
	width: 13%;
	padding: 1%;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 9px;
	font-size: 0.9rem;
	background: #ECFAE7;
}

/* ウィンドウ幅が769?1000pxの場合に適用するCSS */
@media only screen and (max-width:1000px )
{
.boximg03{
	width:47%;
	float:left;
	display:block;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
.boximg04{
	width:44%;
	display:inline-block;
	vertical-align: top;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
.boximg05{
	width:44%;
	display:inline-block;
	vertical-align: top;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
}
/* ウィンドウ幅が768?480pxの場合に適用するCSS */
@media only screen and (max-width:768px )
{
/*
お問い合わせ
*/
.contact dt {
	width:100%;
}
.contact dd {
	width:100%;
	line-height:40px;
}
.contact .ddr {
	width:100%;
}
#item {
  width: 44%;
  height: 100%;
  float: left;
  margin-left: 1%;
  margin-right: 1%;
}
#item img{
	width:100%;
	float:left;
	display:block;
}

}
/* ウィンドウ幅が0?480pxの場合に適用するCSS */
@media only screen and (max-width:480px )
{
.boxtext01{
	float:left;
	display:block;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
.boxtext02{
	width:92%;
	float:left;
	display:block;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
.boximg02{
	width:92%;
	float:left;
	display:block;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
.boximg03{
	width:92%;
	display:inline-block;
	vertical-align: top;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
.boximg04{
	width:44%;
	display:inline-block;
	vertical-align: top;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
.boximg05{
	width:44%;
	display:inline-block;
	vertical-align: top;
	margin-left: 1.5%;
	margin-right: 1.5%;
}

.cart_menu a {
	width:96%;

}
.cart_menu a:hover {
	text-decoration: none;
	color: #000000;
	background-color: #ffcc00;
}
.komoku{
	width: 100%;
}
.online_item dl {
	width:100%;
	float:left;
	display:block;
}
.online_item dt {
	width:30%;
	float:left;
	display:block;
}
.online_item dd {
	width:67%;
	float:right;
	display:block;
}
.online_img02 {
	width:50%;
	float:left;
	margin:2% 25% ;
}
.cart_icon01 {
	width: 100%;
	background: url(../../cgi-bin/shop/images/goto_cart.jpg)no-repeat center;
}
.fa-cart-shopping {
	font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f102";
}
.w_100 {
	width: 100%;
}
#item{
	min-height: 340px;
}

}

.button {
  border: 1px solid #15aeec;
  background-color: #49c0f0;
  background-image: -webkit-linear-gradient(top, #49c0f0, #2cafe3);
  background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);
  border-radius: 4px;
  color: #fff;
  line-height: 50px;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	border-radius: 10px;
}
.button:hover {
  border:1px solid #1090c3;
  background-color: #1ab0ec;
  background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
  background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
  color: #fff;
}
.button:active {
  background: #1a92c2;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
  color: #1679a1;
  text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
  color: #fff;
}
.textred{
  color:#E60214;
}



.c-carousel {
  position: relative;
  margin: 0 auto;
}
.c-carousel__activator-main {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.c-carousel__main {
  overflow: hidden;
  position: relative;
}
.c-carousel__main-track {
  display: flex;
  white-space: nowrap;
  transition: transform 0.75s ease-out;
}
.c-carousel__main-item {
  flex-shrink: 0;
  width: 100%;
}
.c-carousel__main-image {
  display: block;
  width: 100%;
}

.c-carousel__main-control-item {
  display: none;
}
.c-carousel__btn-prev-main, .c-carousel__btn-next-main {
  position: absolute;
  top: 50%;
  right: 16px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  transform: translateY(-50%);
  background-color: #ffffffc2;
  border-radius: 50%;
  transition: opacity 0.3s;
  cursor: pointer;
}
.c-carousel__btn-prev-main {
  right: auto;
  left: 16px;
}

.c-carousel__activator-main:nth-child(1):checked ~ .c-carousel__main .c-carousel__main-control-item:nth-child(1) {
  display: block;
}
.c-carousel__activator-main:nth-child(2):checked ~ .c-carousel__main .c-carousel__main-control-item:nth-child(2) {
  display: block;
}
.c-carousel__activator-main:nth-child(3):checked ~ .c-carousel__main .c-carousel__main-control-item:nth-child(3) {
  display: block;
}

.c-carousel__activator-main:nth-child(1):checked ~ .c-carousel__main .c-carousel__main-track {
  transform: translateX(calc(-100% * 0));
}
.c-carousel__activator-main:nth-child(2):checked ~ .c-carousel__main .c-carousel__main-track {
  transform: translateX(calc(-100% * 1));
}
.c-carousel__activator-main:nth-child(3):checked ~ .c-carousel__main .c-carousel__main-track {
  transform: translateX(calc(-100% * 2));
}