@charset "UTF-8";
@media print, screen and (max-width: 1023px) {
 .calcBlock {
  position: relative;
 }
 .calcBlock.sumi {
  left: auto;
  right: auto;
  margin: -4.55em 0 0 auto;
 }
}
@media print, screen and (min-width: 744px) and (max-width: 1023px) {
 .calcBlock.cart, .calcBlock.sumi {
  width: 50%;
 }
 .calcBlock.sumi {
  margin: -5.5em 0 0 auto;
 }
}
.item_header {
 margin: 2em 0 0 0;
}
.item_header h1 {
 font-size: 1.75em;
 line-height: 1.3;
 font-weight: normal;
 margin-bottom: .3em;
}
.maitodo_img {
 width: 100px;
 height: auto;
 float: left;
 margin-right: 1em;
}
@media print, screen and (max-width: 743px) {
 .maitodo_img {
  width: 4.25em;
  height: auto;
  float: left;
  margin-right: .5em;
 }
/* .touroku_other h1 {
  line-height: 2.5;
 }*/
}
.category_desc {
 font-size: .92em;
 overflow: hidden;
}
.attentionTxt {
 color: #E61049;
 font-size: .95em;
 margin-top: .8em;
 letter-spacing: 0.05em;
}
.maitodo_tab {
 margin: 1.5em 0;
 position: relative;
}
.maitodo_tab li {
 line-height: 1.4;
}
.maitodo_tab span {
 display: block;
}
.maitodo_tab span.small {
 font-size: .75em;
}
@media print, screen and (min-width: 744px) {
 .maitodo_tab li {
  width: calc(100% / 3);
 }
 .maitodo_tab span.small {
  font-size: .85em;
 }
 .item_header h1 {
  font-size: 2.2em;
 }
}
.info_link {
 margin-bottom: 1.5em;
}
.info_link li {
 position: relative;
 padding: 0 0 0 1em;
 line-height: 2;
}
.info_link li::before {
 position: absolute;
 content: "●";
 font-size: .5em;
 color: #00a26a;
 top: calc(50% - 1.2em);
 left: 0;
}
.info_link li a {
 font-size: .9em;
 color: #007d2a;
 border-bottom: 1px solid;
 display: inline;
}
.info_link li a:hover {
 border-bottom: 1px solid transparent;
}
@media print, screen and (min-width: 768px) {
 .info_link li a {
  font-size: 1em;
 }
}
.page_linkbtn {
 margin: .5em 0 0 0;
}
.page_linkbtn a {
 border: 2px solid #00a26a;
 border-radius: 3px;
 margin-bottom: .5em;
 padding: 0 1em;
 font-weight: bold;
 color: #007d2a;
 line-height: 2.6;
 position: relative;
}
.page_linkbtn a::after {
 content: "";
 width: .5em;
 height: .5em;
 border: solid #007d2a;
 border-width: 2px 2px 0 0;
 transform: rotate(45deg);
 position: absolute;
 top: 1em;
 right: 1em;
}
@media print, screen and (min-width: 744px) {
 .page_linkbtn a {
  width: 22em;
  display: inline-block;
  margin: 0 .5em .5em 0;
 }
}
.touroku_houhou {
 border: 3px solid #a4cfad;
}
.touroku_houhou h3 {
 border-bottom: 1px dashed #a4cfad;
 font-weight: bold;
 padding: .5em 1em;
 color: #007d2a;
}
.touroku_houhou p {
 padding: .5em 1em;
 font-size: .92em;
}
/*企画回選択*/
.select_kikakukai {
 background: #ffeff0;
 padding: 1em;
 margin-bottom: 1em;
}
.select_kikakukai p {
 font-size: .9em;
 color: #E61049;
 margin-bottom: .5em;
}
.select {
 position: relative;
}
.select select {
 width: 100%;
 padding-right: 1em;
 cursor: pointer;
 text-indent: 0.01px;
 text-overflow: ellipsis;
 outline: none;
 border: 1px solid #bec2c6;
 border-radius: 2px;
 background: #ffffff;
 background-image: none;
 box-shadow: none;
 -webkit-appearance: none;
 appearance: none;
 padding: .8em 1em;
 line-height: 1;
}
.select select::-ms-expand {
 display: none;
}
.select::before, .select::after {
 content: "";
 position: absolute;
 top: 1em;
 right: .9em;
 display: inline-block;
 border-top: solid 1px #000;
 border-right: solid 1px #000;
 width: 5px;
 height: 5px;
 transform: rotate(-45deg);
}
.select::after {
 transform: rotate(135deg);
 top: auto;
 bottom: 1em;
}
.infotxt {
 font-size: .8em;
 color: #E61049;
 line-height: 1.4;
}
.setsumei h2, .maitodo_setting h2 {
 margin: 0 0 1em 0;
 font-size: 1.1em;
 line-height: 1.5;
 font-weight: bold;
}
.setsumei dl {
 border: 1px solid #a4cfad;
 border-width: 0 1px
}
.setsumei dl:last-child {
 border-bottom: 1px solid #a4cfad;
}
.setsumei dt {
 border-top: 1px solid #a4cfad;
 font-weight: bold;
 padding: .5em 1em;
 position: relative;
 color: #007d2a;
 font-size: .95em;
 background: #f1f9e5;
 transition: all .3s ease-out;
 cursor: pointer;
}
.setsumei dt span {
 display: block;
 width: 18px;
 height: 18px;
 position: absolute;
 right: .7em;
 top: 50%;
 transform: translateY(-9px);
}
.setsumei dt span::before, .setsumei dt span::after {
 content: "";
 width: 50%;
 height: 2px;
 top: 25%;
 background: #00904a;
 position: absolute;
 transition: all .3s ease-out;
}
.setsumei dt span::before {
 left: 4px;
 transform: rotate(45deg);
 transform-origin: left top;
}
.setsumei dt span::after {
 right: 4px;
 transform: rotate(-45deg);
 transform-origin: right top;
}
.setsumei dt.active span::before, .setsumei dt.active span::after {
 width: 90%;
 top: 15%;
}
.setsumei dd {
 font-size: .95em;
 padding: .8em .8em 1.5em;
 display: none;
 border-top: 1px dashed #a4cfad;
}
.setsumei dd p:not(:first-child) {
 margin-top: 1em;
}
.maitodo_setting {
 margin-top: 2.5em;
}
.maitodo_item_list {
 border-top: 1px solid #d5d5d5;
}
.maitodo_item_list li {
 display: flex;
 flex-wrap: wrap;
 border: solid #d5d5d5;
 border-width: 0 1px 1px 1px;
}
.list_item_img {
 padding: .5em 0 .5em .5em;
}
.item_name_price {
 padding: .5em .5em .5em .8em;
}
.item_name_price.touroku_sumi {
 border-right: none;
}
.volume {
 width: 4.5em;
 text-align: center;
 align-self: stretch;
 padding: .5em 0;
 background: #ffeff0;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
}
.maitodo_item_list .order_num {
 font-size: .8em;
}
.maitodo_item_list .order_num::before {
 content: "注文番号：";
}
.item_name_price.not_touroku {
 flex: 1;
}
.maitodo_item_list h3 {
 font-weight: bold;
 font-size: .93em;
 line-height: 1.4;
 margin-bottom: 5px;
}
.maitodo_item_list h3 a {
 display: inline;
}
.shop_icon_list {
 line-height: 1;
}
.shop_icon_list img {
 height: 1.1em;
 width: auto;
 margin: 0 3px 3px 0;
}
.maitodo_item_list input {
 width: 2.6em;
 text-align: center;
 line-height: 2.4;
 font-size: 1.1em;
 border: 1px solid #f28998;
 position: relative;
 z-index: 2;
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}
.maitodo_item_list input:disabled {
 opacity: 0.3;
}
.maitodo_item_list input:focus {
 border: 1px solid #ef6a7d;
 box-shadow: 0 0 0 1px #ef6a7d;
}
.maitodo_item_list .tanka {
 line-height: 1.4;
}
.maitodo_item_list .tanka p {
 display: inline-block;
}
.maitodo_item_list .price::before, .maitodo_item_list .price::after, .maitodo_item_list .tax::before, .maitodo_item_list .tax::after {
 font-size: .9em;
}
.maitodo_item_list .price::after {
 content: "円";
 margin-left: .1em;
}
.maitodo_item_list .tax::before {
 content: "(税込";
 margin-right: .1em;
}
.maitodo_item_list .tax::after {
 content: "円)";
 margin-left: .1em;
}
.qty_now {
 background: #f1f9e5;
}
.table_status td, .table_status th {
 text-align: center;
 line-height: 1.5;
 background: #fff;
 border: 1px solid #bfddb9;
}
.table_status td {
 font-weight: bold;
 line-height: 1.3;
 font-size: .95em;
 padding: .2em 0;
}
.table_status td > p:first-child {
 font-size: .85em;
 color: #007d2a;
 font-weight: normal;
}
.maitodo_item_list .label {
 font-size: .77em;
 text-align: center;
 padding: .5em 0 .2em 0;
}
.subline > div {
 padding: 0 .5em .5em;
 text-align: center;
}
.qty_recent, .qty_change {
 background: #ffeff0;
}
.qty_now, .qty_recent {
 border-right: 1px solid #fff;
}
.submit_btn {
 padding: .5em 0;
 text-align: center;
 border-top: 1px solid #e8e8e8;
 background: #fff;
 position: sticky;
 bottom: 0;
 z-index: 5;
}
.submit_btn p {
 font-size: .85em;
 margin-bottom: .8em;
}
.cart_btn {
 color: #fff;
 font-weight: bold;
 background: #ff8c36;
 border: 1px solid #ff8c36;
 line-height: 3;
 padding: 0 1em;
 border-radius: 3px;
 width: 16em;
}
.cart_btn:hover {
 background: #ffab24;
 border: 1px solid #ffab24;
}
.cart_btn span {
 font-size: 1em;
}
.cart_btn img {
 height: 1.4em;
 width: auto;
 transform: translateY(-.2em);
 margin-right: .5em;
 vertical-align: middle;
}
@media print, screen and (max-width: 743px) {
 .maitodo_item_list {
  border-top: none;
 }
 .maitodo_item_list li {
  border: 1px solid #d5d5d5;
  margin-bottom: 2px;
 }
 .list_item_img {
  width: 28%;
 }
 .item_name_price.touroku_sumi {
  width: 72%;
 }
 .qty_now {
  width: 50%;
 }
 .qty_recent, .qty_change {
  width: 25%;
 }
 .item_name_price {
  width: 100%;
 }
 .volume p.label {
  padding: 0 0 0.2em 0;
 }
 .maitodo_item_list .tanka p .pn {
  font-weight: 500;
  font-size: 1.1em;
 }
 .volume p.label::before {
  content: "登録数量"
 }
 .qty_now p.label::before {
  content: "現在の登録数量"
 }
 .qty_recent p.label::before {
  content: "今回のみ変更"
 }
 .qty_change p.label::before {
  content: "登録数量変更"
 }
}
@media print, screen and (min-width: 744px) {
 .select_kikakukai {
  padding: 1em 1.5em;
 }
 .maitodo_header {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 4;
 }
 .maitodo_header > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-weight: bold;
 }
 .maitodo_header.not_touroku > div {
  padding: .3em 0;
 }
 .maitodo_header.not_touroku .tanka p {
  text-align: center;
 }
 .maitodo_header p {
  font-size: .8rem;
  font-weight: bold;
  line-height: 1.3;
  padding: .5em;
 }
 .maitodo_header .item {
  flex: 1;
 }
 .maitodo_header .qty_recent p, .maitodo_header .qty_change p {
  font-size: .75rem;
 }
 .maitodo_item_list .label {
  display: none;
 }
 .list_item_img {
  width: 110px;
 }
 .item_name_price.touroku_sumi {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
 }
 .maitodo_item_list h3 {
  font-size: 1.05em;
  font-weight: normal;
  margin-bottom: 5px;
 }
 .shop_icon_list img {
  height: 21px;
 }
 .subline {
  display: flex;
  align-items: center;
  justify-content: center;
 }
 .subline > div {
  padding: 0.5em;
  text-align: center;
 }
 .subline > div.table_status {
  flex: 1;
 }
 .qty_now {
  width: 9em;
 }
 .qty_now td {
  width: 4em;
 }
 .qty_recent, .qty_change {
  width: 4.2em;
 }
 .tanka .price {
  font-size: 1.15em;
 }
 .tanka .tax {
  font-size: .9em;
 }
 .table_status td p {
  line-height: 2em;
 }
 .table_status td p:first-child {
  border-bottom: 1px dotted #bfddb9;
  margin-bottom: 3px;
 }
 .not_touroku {
  display: flex;
  padding: 0;
 }
 .not_touroku > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: .5em;
 }
 .not_touroku .name {
  flex: 1;
  padding: .5em .5em .5em .8em;
 }
 .not_touroku .tanka {
  width: 7.5em;
  border-left: 1px dashed #d5d5d5;
 }
 .not_touroku .tanka p {
  display: block;
  text-align: right;
 }
}
@media print, screen and (min-width: 1240px) {
 .hasSidemenu {
  display: flex;
  justify-content: space-between;
 }
 .setsumei, .category_list {
  width: 200px;
  margin-top: 30px;
 }
 .maitodo_setting {
  width: calc(100% - 240px);
  margin-top: 30px;
 }
 .hasSidemenu.touroku_sumi_wrap .setsumei, .hasSidemenu.touroku_sumi_wrap .maitodo_setting {
  margin-top: 0px;
 }
 .maitodo_setting h2 {
  font-size: 1.3em;
 }
 .setsumei dt {
  font-size: .9em;
 }
 .setsumei dt span {
  transform: scale(0.8);
  top: calc(50% - 9px);
 }
 .setsumei dt.open {
  pointer-events: none;
 }
 .setsumei dt.open span {
  display: none;
 }
 .setsumei dd {
  display: none;
  font-size: .85em;
 }
 .setsumei dd.open {
  display: block;
 }
}
.category_list li {
 border-bottom: 1px solid #ecf1ee;
}
.category_list a {
 display: flex;
 padding: 0.8em 0.5em;
 font-size: .92em;
 justify-content: space-between;
 line-height: 1.4;
 align-items: center;
}
.category_list a span:last-child::before {
 content: "(";
}
.category_list a span:last-child::after {
 content: ")";
}
.category_list a span:last-child {
 padding: 0 0 0 .5em;
 font-weight: normal !important;
 font-size: .9em;
 opacity: 0.7;
}
.category_list .current a {
 font-weight: bold;
 background: #f1f9e5;
 color: #007d2a;
 pointer-events: none;
 cursor: default;
}
@media print, screen and (max-width: 1239px) {
 .list_toggle {
  display: none;
 }
 .category_list ul {
  display: flex;
  flex-wrap: wrap;
  position: relative;
 }
 .category_list ul::before {
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
  border: 1px solid #bfddb9;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
 }
 .category_list li {
  width: 50%;
  border-right: 1px solid #a4cfad;
  border-bottom: 1px solid #a4cfad;
 }
 .category_list li:nth-child(odd) {
  border-left: 1px solid #a4cfad;
 }
 .category_list a {
  padding: 0.8em;
  font-size: .9em;
  font-weight: 500;
  background: #fff;
 }
}
@media print, screen and (min-width: 1025px) {
 .hasSidemenu .category_list a:hover {
  background: #f1f9e5;
  color: #007d2a;
 }
}
.subCategory_menu {
 padding: 1.2em 1em;
 color: #007d2a;
 margin-top: 5px;
 line-height: 18px;
 font-size: .95em;
 border: 1px solid #a4cfad;
 font-weight: bold;
 display: flex;
 justify-content: space-between;
 background: #f1f9e5;
}
.subCategory_menu svg {
 width: 18px;
 height: 18px;
 margin-right: 0.5em;
}
.order_num_search {
 margin: 0 0 1em 0;
}
.order_num_search > div {
 display: flex;
 /*background: #eef1f4;*/
 background: #f1f9e5;
 border: 1px solid #a4cfad;
 align-items: center;
 padding: .7em 1em;
}
.order_num_search > div > div {
 display: flex;
 background: #fff;
 border: 1px solid #bec2c6;
 border-radius: 4px;
 overflow: hidden;
}
.order_num_search > div span {
 font-size: .9em;
 font-weight: bold;
 white-space: nowrap;
 padding: 0 1em 0 0;
}
.order_num_search input {
 padding: .5em;
 border: none;
}
.order_num_search button {
 background: #fff;
 padding: .5em;
}
.order_num_search svg {
 width: 20px;
 height: 20px;
 transform: translateY(-.3em);
 stroke: #9099a2;
 fill: none;
 stroke-width: 4;
 stroke-linecap: round;
 stroke-miterlimit: 10;
 overflow: visible;
}
h2.head_category {
 font-size: 1.15em;
}
h2.head_category span {
 padding-left: .5em;
 font-weight: normal;
 font-size: .85em;
}
h2.head_category span::before {
 content: "(";
}
h2.head_category span::after {
 content: "件)";
}
@media print, screen and (max-width: 743px) {
 .order_num_search > div > div {
  flex: 1;
 }
 .order_num_search > div span {
  color: #007d2a;
 }
}
@media print, screen and (max-width: 1239px) {
 .maitodo_setting.mitouroku {
  margin-top: 2px;
 }
}
@media print, screen and (min-width: 744px) {
 .order_num_search > div > div {
  width: 12em;
 }
}
@media print, screen and (min-width: 1240px) {
 .subCategory_menu {
  display: none;
 }
 .list_toggle {
  display: block;
 }
 .order_num_search > div {
  /*background: #eef1f4;*/
  background: #ffeff0;
  border: none;
  padding: 0.7em 1.5em;
 }
 .item-counter_count, .setsumei h2 {
  display: block;
  color: #fff;
  background: #00a26a;
  padding: 15px 15px;
  line-height: 1.4;
  font-weight: bold;
  font-size: 1.05em;
  margin-bottom: 1px;
 }
}
.notfound {
 color: #E61049;
 padding: 0 0 .5em 0;
 margin: 0 0 .5em 0;
 border-bottom: 1px solid #d9dfe6;
 font-size: .95em;
}
.result {
 padding: 0 0 .5em 0;
 font-size: 1.1em;
}
.result::after {
 content: "件見つかりました";
 font-size: .9em;
 margin-left: .1em;
}
.noitem {
	text-align: center;
	border-top:1px solid #ddd;
	padding: 2em 0;
}
.noitem img {
	width: 240px;
	margin: 1em 0 2em 0;
}
@media print, screen and (max-width: 599px){
.noitem img {
	width: 50vw;
	margin: 1em 0 2em 0;
}
}

.maintenance {
	margin-top: 30px;
	padding: 30px 0 50px 0;
	text-align: center;
	border-top:1px solid #d9dfe6;
}
.maintenance img {
	width: 90px;
}
.maintenance h2 {
	padding: .5em 0 1em 0;
	font-size:1.3em;
	font-weight: bold;
}
.maintenance table {
	width: auto;
	margin: .5em auto .5em;
	text-align: left;
	font-weight: bold;
}
.maintenance table caption {
	color:#007d2a;
	padding: .8em 1em;
	white-space: nowrap;
}
.maintenance table th, .maintenance table td {
	border: 1px solid #ddd;
	padding: .8em 1em;
}
.maintenance table span {
	display: inline-block;
	width: 1.3em;
	text-align: right;
}

@media print, screen and (min-width: 1240px) {
 .list_item_img a img {
  transition: .3s;
 }
 .list_item_img a:hover img {
  opacity: 0.7;
 }
.maitodo_item_list h3 a:hover, .maitodo_item_list a:hover h3 {
  text-decoration: underline;
  text-underline-offset: 3px;
}
}
@media print {
 .category_list, .setsumei, .sp-only, .order_num_search {
  display: none;
 }
 ul.items_list li {
  width: calc(100% / 4);
 }
 .list_item_img img {
  opacity: 1;
 }
 .hasSidemenu {
  display: block;
  margin-top: 2em;
 }
 .hasSidemenu .itemsArea, .maitodo_setting {
  width: 100%;
 }
 .maitodo_header, .submit_btn {
  position: relative;
 }
}