@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}
audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display: none;}
html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
html,button,input,select,textarea {font-family: sans-serif;}
body {margin: 0;}
a:focus {outline: thin dotted;}
a:active,
a:hover {outline: 0;}
h1 {font-size: 2em;margin: 0.67em 0;}
h2 {font-size: 1.5em;margin: 5px 0;}
h3 {font-size: 1.17em;margin: 1em 0;}
h4 {font-size: 1em;margin: 1.33em 0;}
h5 {font-size: 0.83em;margin: 1.67em 0;}
h6 {font-size: 0.75em;margin: 2.33em 0;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
p,pre {margin: 5px 0;}
code,kbd,pre,samp {font-family: monospace, serif;_font-family: 'courier new', monospace;font-size: 1em;}
pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
q {quotes: none;}
q:before,
q:after {content: '';content: none;}
small {font-size: 75%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl,menu,ol,ul {margin: 1em 0;}
dd {margin: 0 0 0 40px;}
menu,ol,ul {padding: 0 0 0 40px;}
nav ul,nav ol {list-style: none;list-style-image: none;}
img {border: 0;-ms-interpolation-mode: bicubic;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
form {margin: 0;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;white-space: normal;*margin-left: -7px;}
button,input,select,textarea {font-size: 100%;margin: 0;vertical-align: baseline;*vertical-align: middle;}
button,input {line-height: normal;}
button,html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button;cursor: pointer;*overflow: visible;}
button[disabled],
input[disabled] {cursor: default;}
input[type="checkbox"],
input[type="radio"] {box-sizing: border-box;padding: 0;*height: 13px;*width: 13px;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,
input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}
table {border-collapse: collapse;border-spacing: 0;}
html {font-size: 62.5%;}
body {font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;line-height: 1.8;color: #333;width: 100%;font-size: 0;height: 100%;background-color: #f5f5f5;}
a img:hover {opacity: 0.7;filter: alpha(opacity=70);}
.clearfix {*zoom: 1;}
.clearfix:after {content: "";display: table;clear: both;}
.clear {clear: both;}
a {color: #124c9a;text-decoration: none;}
a:active {color: #124c9a;}
a:visited {color: #124c9a;}
a:hover {color: #4487e0;text-decoration: underline;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt20 tbody {border-bottom: 1px solid #d1d1d1;border-collapse: collapse;}
.mt20 tbody.title{border: none;}
.mt50 {margin-top: 50px !important;}
.f12 {font-size: 12px;font-size: 1.2rem;}
.f14 {font-size: 14px;font-size: 1.4rem;}
.f24 {font-size: 24px;font-size: 2.4rem;}
.bold {font-weight: bold;}
.red {color: #c52026;}
.delete{background-color:#716f65;}
#wrapper {width: 100%;min-width: 1260px;font-size: 13px;font-size: 1.3rem;}
.in_box {width: 1136px;margin: 0 auto;}
.HeaderTopNavi {height: 37px;background-color: #114d9b;font-size: 12px;font-size: 1.2rem;line-height: 37px;color: #fff;}
.HeaderTopNavi p {margin: 0;padding: 0 0 0 10px;float: left;}
.HeaderTopNavi ul {float: right;margin: 0;padding: 0 10px 0 0;}
.HeaderTopNavi ul li {float: left;padding: 0 0 0 20px;list-style: none;background: url(../img/header_icon.png) no-repeat;font-weight: bold;}
.HeaderTopNavi ul li:last-child {margin: 0;}
.HeaderTopNavi ul li.guide {background-position: 0 8px;padding:0 0 0 25px; margin-right:10px;}
.HeaderTopNavi ul li.history {background-position: 0 -42px;width: 65px;word-break: break-all;}
.HeaderTopNavi ul li.favorite {background-position: 0 -92px;width: 65px;word-break: break-all;}
.HeaderTopNavi ul li.mypage {background-position: 0 -142px;width: 65px;word-break: break-all;}
.HeaderTopNavi ul li.inquiry {background-position: 0 -192px;width: 85px;word-break: break-all;}
.HeaderTopNavi ul li.cart {background-position: 0 -242px;width: 50px;word-break: break-all;}
.HeaderTopNavi ul li.log {background-position: 0 -292px;width: 65px;word-break: break-all;}
.HeaderTopNavi ul li a {color: #fff;}
#headerUnder {background-color: #fff;}
#headerUnder .in_box {height: 65px;line-height: 65px;}
#headerUnder h1 {margin: 7px 0 0 0;padding: 0 0 0 10px;font-size: 0;float: left;}
#headerUnder .loginName {float: right;margin: 0;padding: 0 10px 0 0;}
#container {width: 1136px;margin: 0 auto;height: 1%;font-size: 0;}
#container #contents {font-size: 13px;font-size: 1.3rem;}
#container #contents h3.pageTitle {margin: 0 0 20px 0;padding: 15px 0 15px 5px;border-top: 4px solid #114d9b;background: url(../img/under_border.gif) repeat-x left bottom;font-size: 18px;font-size: 1.8rem;color: #114d9b;}
#container #leftcolumn {float: left;width: 260px;}
#container #leftcolumn h2 {margin: 20px 0 0 0;padding: 15px;border: 1px solid #b9c8df;border-bottom: 2px solid #114d9b;color: #114d9b;line-height: 1;}
#container #leftcolumn h2.category {font-size: 16px;font-size: 1.6rem;padding-left: 48px;background: #fff url(../img/left_icon_category.png) no-repeat 20px 15px!important;}
#container #leftcolumn h2.contact {font-size: 16px;font-size: 1.6rem;padding-left: 48px;background: #fff url(../img/left_icon_category.png) no-repeat 20px 15px!important;}
#container #leftcolumn h2.search {font-size: 18px;font-size: 1.8rem;padding-left: 46px;background: #fff url(../img/left_icon_search.png) no-repeat 20px 15px;}
#container #leftcolumn h2.info {font-size: 18px;font-size: 1.8rem;padding-left: 47px;background: #fff url(../img/left_icon_info.png) no-repeat 20px 15px;}
#container #leftcolumn #categoryMenu {margin: 0;padding: 10px 0px 10px 0px;border: 1px solid #b9c8df;background-color: #e7eff8;}
#container #leftcolumn #categoryMenu h3 {margin: 0;padding: 20px;font-size: 14px;font-size: 1.4rem;color: #114d9b;border: 1px solid #b9c8df;border-top: none;background-color: #fff;}
#container #leftcolumn #categoryMenu h3 span {display: block;float: right;width: 14px;height: 14px;margin: 5px 0 0 0;text-indent: 9999px;overflow: hidden;}
#container #leftcolumn #categoryMenu h3 span:hover {cursor: pointer;}
#container #leftcolumn #categoryMenu ul {margin: 0;padding: 0;background-color: #e7eff8;}
#container #leftcolumn #categoryMenu ul li {margin: 0;padding: 0px 0px 0px 20px;border: none;list-style: none;font-size: 14px;font-size: 1.4rem;color: #114d9b;}
#container #leftcolumn #categoryMenu ul div.separate,#leftcolumn-menu ul div.separate{margin:5px 5px;border-bottom:1px solid #636363;opacity:0.5;}
#container #leftcolumn #contactArea {margin: 0;padding: 10px 12px;border: 1px solid #b9c8df;color: #124c9a;background-color: #e7eff8;}
#container #leftcolumn #contactArea .contactButton {color: #ffffff;background-color: #124c9a;font-size: 1.6rem; margin: 0.5rem 0 0 0;text-align: center;padding: 0.4rem;} 
#container #leftcolumn #contactArea .contactButton:hover {cursor: pointer;}
#container #leftcolumn #contactArea .contactButton img {width: 16px;height: 16px;margin-right: 0.5rem;margin-bottom: -0.2rem;}
#container #leftcolumn #contactArea .telArea {margin: auto; margin-top: 0.5rem;width: 100%;}
#container #leftcolumn #contactArea div.telTitle {font-size: 2rem;font-weight: 600;position: relative;}
#container #leftcolumn #contactArea div.telTitle .tel {font-size: 1.4rem;border: solid 1px #124c9a;padding: 0 1.5rem;display: inline-block;vertical-align: middle;}
#container #leftcolumn #contactArea div.telTitle .telno {display: inline-block;vertical-align: middle;}
#container #leftcolumn #contactArea div.time {font-size: 115%;}
#container #leftcolumn #searchArea {padding: 0 0 15px 25px;border: 1px solid #b9c8df;border-top: none;background-color: #e7eff8;}
#container #leftcolumn #searchArea p {margin: 0;padding: 15px 0 5px 0;color: #114d9b;}
#container #leftcolumn #searchArea select {border: 1px solid #114d9b;height: 30px;width: 210px;padding: 5px;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
#container #leftcolumn #searchArea select::-ms-expand {display: none;}
#container #leftcolumn #searchArea label.selectLabel {position: relative;}
#container #leftcolumn #searchArea label.selectLabel:after {display: block;content: " ";position: absolute;top: 50%;right: 10px;width: 10px;height: 7px;margin-top: -8px;background: url(../img/select_arrow.png) no-repeat;background-size: 10px;pointer-events: none;}
#container #leftcolumn #searchArea input {border: 1px solid #114d9b;height: 30px;padding: 5px;box-sizing: border-box;}
#container #leftcolumn #searchArea input#name {width: 210px;}
#container #leftcolumn #searchArea input#partnum {width: 210px;}
#container #leftcolumn #searchArea input.price {width: 80px;margin: 0 5px 0 0;}
#container #leftcolumn #searchButton {padding: 15px 0;border: 1px solid #b9c8df;border-top: none;text-align: center;background-color: #fff;line-height: 1;}
#container #leftcolumn #searchButton input {width: 180px;height: 42px;border: none;font-size: 14px;font-size: 1.4rem;font-weight: bold;color: #fff;background-color: #114d9b;border-radius: 21px;}
#container #leftcolumn #searchButton input:hover {background-color: #4487e0;}
#container #leftcolumn .bnr {margin: 0;padding: 20px 0 0 0;text-align: center;}
#container #leftcolumn .bnr img {margin: 0;}
#container #leftcolumn #infoArea {margin: 0;padding: 8px 20px;border: 1px solid #b9c8df;border-top: none;background-color: #fff;}
#container #leftcolumn #infoArea dt {margin: 0;padding: 5px 0 0 0;font-size: 12px;font-size: 1.2rem;color: #114d9b;}
#container #leftcolumn #infoArea dd {margin: 0;padding: 0 0 5px 0;border-bottom: 1px solid #b9c8df;word-break: break-all;}
#container #leftcolumn #infoArea dd:last-child {border-bottom: none;}
#container #one_maincolumn {float: right;width: 75%;font-size: 0;}
#container #one_maincolumn #wrapper_contents {font-size: 0;}
#container #one_maincolumn h2 {margin: 20px 0 0 0;padding: 15px;border-top: 4px solid #114d9b;color: #114d9b;line-height: 1;}
#container #one_maincolumn h2.category {font-size: 16px;font-size: 1.6rem;padding-left: 48px;background: #fff url(../img/left_icon_category.png) no-repeat 20px 15px;}
#container #one_maincolumn h2.info {font-size: 18px;font-size: 1.8rem;padding-left: 47px;background: #fff url(../img/left_icon_info.png) no-repeat 20px 15px;}
#container #one_maincolumn h3 {margin: 0;padding: 10px 0 10px 5px;border-top: 4px solid #114d9b;background: url(../img/under_border.gif) repeat-x left bottom;font-size: 18px;font-size: 1.8rem;color: #114d9b;}
#container #one_maincolumn h4.subTitle {margin: 0;padding: 0 0 10px 0;font-size: 16px;font-size: 1.6rem;color: #114d9b;background: url(../img/under_border.gif) repeat-x left bottom;}
#container #one_maincolumn h5 {margin: 20px 0 0 0;padding: 10px;background-color: #bdd9f8;font-weight: bold;font-size: 14px;font-size: 1.4rem;}
#container #one_maincolumn ul.itemList1 {margin: 0 -14px 0 0;padding: 20px 0 0 0;}
#container #one_maincolumn ul.itemList1 li {float: left;width: 200px;margin: 0 16px 0 0;list-style: none;font-size: 14px;font-size: 1.4rem;position: relative;box-sizing: border-box;}
#container #one_maincolumn ul.itemList1 li img {margin: -1px;border: 1px solid #b9c8df;position: relative;z-index: 1;}
#container #one_maincolumn ul.itemList1 li .name {margin: 10px 0 0 0;padding: 0;word-break: break-all;}
#container #one_maincolumn ul.itemList1 li .price {margin: 0;font-size: 18px;font-size: 1.8rem;font-weight: bold;}
#container #one_maincolumn ul.itemList1 li .comment {margin: 0 5px 0 0;font-size: 13px;font-size: 1.3rem;word-break: break-all;}
#container #one_maincolumn ul.itemList1 li .new {display: block;width: 60px;height: 60px;background: url(../img/item_img_new.png) no-repeat 0 0;position: absolute;top: 0;left: 0;z-index: 2;}
#container #one_maincolumn ul.itemList2 {margin: 0 -20px 0 0;padding: 20px 0 0 0;}
#container #one_maincolumn ul.itemList2 li {float: left;width: 150px;margin: 0 20px 0 0;padding: 0 0 20px 0;list-style: none;font-size: 14px;font-size: 1.4rem;position: relative;box-sizing: border-box;}
#container #one_maincolumn ul.itemList2 li img {margin: -1px;border: 1px solid #b9c8df;position: relative;z-index: 1;}
#container #one_maincolumn ul.itemList2 li .name {margin: 10px 0 0 0;padding: 0;word-break: break-all;}
#container #one_maincolumn ul.itemList2 li .price {margin: 0;font-size: 18px;font-size: 1.8rem;font-weight: bold;}
#container #one_maincolumn table.borderTable {margin: 0 10px;width: 97%;border: 1px solid #b9c8df;border-collapse: collapse;font-size: 14px;font-size: 1.4rem;}
#container #one_maincolumn table.borderTable th {padding: 10px;border: 1px solid #b9c8df;border-collapse: collapse;background-color: #e7eff8;}
#container #one_maincolumn table.borderTable th.alignl {text-align: left;}
#container #one_maincolumn table.borderTable th.vioTh {background-color: #ddddee;}
#container #one_maincolumn table.borderTable th.vioOr {background-color: #fdeada;}
#container #one_maincolumn table.borderTable td {padding: 10px;border: 1px solid #b9c8df;border-collapse: collapse;}
#container #one_maincolumn table.borderTable td.redTd {background-color: #fff4ff;}
#container #one_maincolumn table.borderTable select {height: 30px;border: 1px solid #ddd;min-width: 150px;max-width: 520px;}
#container #one_maincolumn table.borderTable .textBox {padding: 5px;box-sizing: border-box;height: 30px;border: 1px solid #ddd;width: 250px;}
#container #one_maincolumn table.borderTable .textBox700 {padding: 5px;box-sizing: border-box;height: 30px;border: 1px solid #ddd;width: 700px;}
#container #one_maincolumn table.borderTable .textArea {width: 800px;padding: 5px;box-sizing: border-box;height: 300px;border: 1px solid #ddd;}
#container #one_maincolumn .commonButtonArea {padding: 20px 0 0 0;text-align: center;}
#container #one_maincolumn .commonButtonArea input {width: 150px;height: 40px;margin: 0 10px 0 0;border-radius: 5px;line-height: 40px;font-size: 14px;font-size: 1.4rem;font-weight: bold;text-align: center;}
#container #one_maincolumn .commonButtonArea input.prev {border: 1px solid #b9c8df;background-color: #e7eff8;}
#container #one_maincolumn .commonButtonArea input.prev:hover {background-color: #fff;}
#container #one_maincolumn .commonButtonArea input.next {border: none;background-color: #114d9b;color: #fff;}
#container #one_maincolumn .commonButtonArea input.next:hover {background-color: #4487e0;}
#container #one_maincolumn .commonButtonArea input.rtrn {border: none;background-color: #c52026;color: #fff;}
#container #one_maincolumn .commonButtonArea input.rtrn:hover {background-color: #ff5360;}
#container #one_maincolumn .commonButtonArea input:last-child {margin: 0;}
#container ul.leftMenu {margin: 0;padding: 0;}
#container ul.leftMenu li {margin: 0;padding: 0 10px;width: 260px;height: 42px;font-size: 14px;font-size: 1.4rem;font-weight: bold;color: #fff;background-color: #114d9b;line-height: 42px;box-sizing: border-box;list-style: none;border-bottom: 1px solid #ccc;}
#container ul.leftMenu li:last-child {border-bottom: none;}
#container ul.leftMenu li:hover {background-color: #4487e0;}
#container ul.leftMenu li a {display: block;width: 100%;height: 100%;color: #fff;}
#windowcolumn {margin: 0 40px;padding: 20px 0 0 0;font-size: 0;}
#windowcolumn .contents {font-size: 14px;font-size: 1.4rem;}
#windowcolumn h3 {margin: 0;padding: 15px 0 15px 5px;border-top: 4px solid #114d9b;background: url(../img/under_border.gif) repeat-x left bottom;font-size: 18px;font-size: 1.8rem;color: #114d9b;}
#windowcolumn #formBox {margin: 10px 0 0 0;padding: 20px;border: 3px solid #b9c8df;}
#windowcolumn #formBox dl {margin: 0;padding: 0 0 10px 0;}
#windowcolumn #formBox dl dt {float: left;width: 150px;margin: 0;padding: 0;color: #114d9b;line-height: 30px;text-align: right;}
#windowcolumn #formBox dl dd {margin: 0 0 0 170px;padding: 0;}
#windowcolumn #formBox dl dd .textBox {padding: 5px;box-sizing: border-box;height: 30px;border: 1px solid #ddd;width: 250px;}
#windowcolumn #formBox dl dd .textBox.zip {width: 150px;}
#windowcolumn #formBox dl dd p {margin: 10px 0 0 0;padding: 0;}
#windowcolumn .buttonBox {padding: 40px 0 0 0;text-align: center;}
#windowcolumn .buttonBox input {margin: 0;padding: 0;width: 180px;height: 45px;border: none;background-color: #114d9b;font-size: 14px;font-size: 1.4rem;line-height: 45px;color: #fff;font-weight: bold;border-radius: 5px;}
#windowcolumn .buttonBox input:hover {background-color: #4487e0;}
#windowcolumn .buttonBox input.rtrn {background-color: #c52026;}
#windowcolumn .buttonBox input.rtrn:hover {background-color: #ff5360;}
#windowcolumn .buttonBox2 {padding: 5px 0 0 0;text-align: center;}
#windowcolumn .buttonBox2 input {margin: 0;padding: 0;width: 100px;height: 37px;border: none;line-height: 37px;background-color: #114d9b;font-size: 10px;font-size: 1.0rem;color: #fff;border-radius: 5px;}
#windowcolumn .buttonBox2 input:hover {background-color: #4487e0;}
#pan {margin: 0;padding: 20px 0 10px 0;background: url(../img/under_border.gif) repeat-x left bottom;}
#pan li {float: left;margin: 0 10px 0 0;padding: 0;list-style: none;font-size: 12px;font-size: 1.2rem;}
#pan li:after {content: "　>";}
#pan li:last-child:after {content: "";}
#BottomNavi {clear: both;margin: 30px 0 0 0;background-color: #114d9b;height: 60px;line-height: 60px;font-size: 14px;font-size: 1.4rem;text-align: center;color: #fff;}
#BottomNavi a {color: #fff;}
#footerUnder {height: 70px;line-height: 70px;background-color: #fff;}
#footerUnder img {float: left;margin: 10px 0 0 10px;}
#footerUnder p {float: right;font-size: 10px;font-size: 1.0rem;margin: 0;padding: 0 10px 0 0;}
hr {margin: 20px 0;padding: 0;}
.inputTextArea {padding: 5px;box-sizing: border-box;height: 200px;border: 1px solid #ddd;width: 97%;margin: 0 10px;}
.mini {font-size: 12px;}
input.miniBtn {margin:0 0 0 20px;width: 150px;height: 40px;border: none;background-color: #114d9b;border-radius: 5px;color: #fff;font-size: 12px;font-size: 1.2rem;font-weight: bold;}
input.miniBtn:hover {background-color: #4487e0;}
input.miniBtn:disabled {background-image: none;background-color: #ccc;border-color: #ccc;}
input.miniBtn2 {margin:10px 0 0 20px;width: 120px;height: 30px;border: none;background-color: #114d9b;border-radius: 5px;color: #fff;font-size: 12px;font-size: 1.2rem;font-weight: bold;}
input.miniBtn2:hover {background-color: #4487e0;}
input#addContactButton {display: block;margin:10px 0 0 0;width: 150px;height: 40px;border: none;background-color: #114d9b;border-radius: 5px;color: #fff;font-size: 12px;font-size: 1.2rem;font-weight: bold;}
div#addContactMemo {display: none;}
#windowcolumn #formBox input.text1 {padding: 5px;box-sizing: border-box;height: 30px;border: 1px solid #ddd;width: 270px;}
#windowcolumn #formBox select {border: 1px solid #ddd;height: 30px;width: 350px;padding: 5px;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
#one_maincolumn .searchContents {margin: 0;padding: 10px 0;font-size: 14px;font-size: 1.4rem;}
#one_maincolumn .searchResult {padding: 0 0 15px 0;border-top: 4px solid #114d9b;background: url(../img/under_border.gif) repeat-x left bottom;font-size: 14px;font-size: 1.4rem;position: relative;overflow: hidden;line-height: 1;}
#one_maincolumn .searchResult .title {margin: 0;padding: 5px 0 0 0;font-size: 18px;font-size: 1.8rem;font-weight: bold;color: #114d9b;position: absolute;left: 0;top: 15px;}
#one_maincolumn .searchResult ul {margin: 0;padding: 13px 0 0 0;position: relative;left: 50%;float: left;}
#one_maincolumn .searchResult ul li {margin: 0 9px 0 0;padding: 0;width: 28px;height: 28px;line-height: 28px;text-align: center;background-color: #114d9b;color: #fff;list-style: none;position: relative;left: -50%;float: left;}
#one_maincolumn .searchResult ul li:last-child {margin: 0;}
#one_maincolumn .searchResult ul li a {display: block;width: 28px;height: 28px;background-color: #bbb;color: #fff;}
#one_maincolumn .searchResult ul li a:hover {background-color: #ccc;color: #114d9b;}
#one_maincolumn .searchResult .control {position: absolute;top: 18px;right: 0;}
#one_maincolumn .searchResult .control select {margin: 0 9px 0 0;}
#one_maincolumn .searchListItem {padding: 15px 0;border-bottom: 1px solid #ccc;font-size: 14px;font-size: 1.4rem;position: relative;}
#one_maincolumn .searchListItem:last-child {border-bottom: none;}
#one_maincolumn .searchListItem .res-ItemNameArea {display: none;}
#one_maincolumn .searchListItem .res-ItemNameArea p {margin: 0;padding: 0;word-break: break-all;}
#one_maincolumn .searchListItem .res-ItemNameArea h2 {margin: 0;padding: 0;font-size: 16px;font-size: 1.6rem;}
#one_maincolumn .searchListItem .res-ItemNameArea .new {margin: 10px 0 0 0;padding: 0;height: 30px;width: 90px;line-height: 30px;background-color: #c72226;font-size: 15px;font-size: 1.5rem;color: #fff;text-align: center;border-radius: 5px;}
#one_maincolumn .searchListItem .photoArea {float: left;width: 190px;}
#one_maincolumn .searchListItem .photoArea img {margin: -1px;border: 1px solid #b9c8df;}
@supports (-ms-accelerator: true) { #one_maincolumn .searchListItem .photoArea {/*edge*/} #one_maincolumn .searchListItem .photoArea img {margin: 0;}}
#one_maincolumn .searchListItem .textArea {margin: 0 0 0 190px;}
#one_maincolumn .searchListItem .textArea h2 {margin: 0;padding: 0;font-size: 16px;font-size: 1.6rem;}
#one_maincolumn .searchListItem .textArea p {margin: 0;padding: 0;}
#one_maincolumn .searchListItem .textArea .selArea {display: inline; float: left;}
#one_maincolumn .searchListItem .textArea .selArea label.selButton {width: 50px;border-radius: 5px;font-size: 14px;font-size: 1.4rem;font-weight: bold;text-align: center;border: none;background-color: #ccc ;margin: 0 10px 5px 0;color: #fff;display: inline-block;cursor: pointer;}
#one_maincolumn .searchListItem .textArea .selArea .serviceCheck {display: none;}
#one_maincolumn .searchListItem .textArea .selArea .serviceCheck:checked + label {background-color: #114d9b ;}
#one_maincolumn .searchListItem .textArea .packNameArea {display: block; word-break: break-all; padding-left: 60px;}
#one_maincolumn .searchListItem .textArea .clear {clear: both;}
#one_maincolumn .searchListItem .textArea .errorArea {text-align: right; padding-right: 200px;}
#one_maincolumn .searchListItem .textArea .priceQuantityArea {padding-left: 75px;}
#one_maincolumn .searchListItem .textArea .priceQuantityArea .serviceQuantity{display:none;}
#one_maincolumn .searchListItem .textArea .serviceQuantity {float: right;padding-right: 200px;padding-top: 10px;}
#one_maincolumn .searchListItem .textArea .serviceQuantity input.number {width: 50px;height: 24px;border: 1px solid #c2c2c2;text-align: center;}
#one_maincolumn .searchListItem .textArea .cartArea {position: absolute;right: 0;bottom: 15px;}
#one_maincolumn .searchListItem .textArea .cartArea .quantitySp {margin: 0 30px 0 0;}
#one_maincolumn .searchListItem .textArea .cartArea input.number {width: 50px;height: 24px;margin: 0 30px 0 0;border: 1px solid #b9c8df;text-align: center;}
#one_maincolumn .searchListItem .textArea .cartArea input.cartButton {width: 180px;height: 45px;border-radius: 5px;line-height: 45px;font-size: 14px;font-size: 1.4rem;font-weight: bold;text-align: center;border: none;background: #114d9b url(../img/cart_icon.png) no-repeat 30px 50%;margin: 0;color: #fff;text-indent: 30px;}
#one_maincolumn .searchListItem .textArea .cartArea input.cartButton:hover {background-color: #4487e0;}
#one_maincolumn .searchListItem .textArea .cartArea input.cartButton:disabled {background: #114d9b url(../img/cart_icon.png) no-repeat 30px 50%;margin: 0;background-color: #ccc;border-color: #ccc;}
#one_maincolumn .searchListItem .textArea .cartArea input.bookmarkButton {width: 180px;height: 45px;border-radius: 5px;line-height: 45px;font-size: 14px;font-size: 1.4rem;font-weight: bold;text-align: center;border: 1px solid #b9c8df;background-color: #e7eff8;margin: 0;}
#one_maincolumn .searchListItem .textArea .cartArea input.bookmarkButton:hover {background-color: #fff;}
#one_maincolumn .searchListItem .textArea .cartArea input.bookmarkButton:disabled {background-image: none;background-color: #ccc;border-color: #ccc;cursor: default;}
#one_maincolumn .searchListItem .textArea .cartArea input.copyButton {width: 180px;height: 45px;border-radius: 5px;line-height: 45px;font-size: 14px;font-size: 1.4rem;font-weight: bold;text-align: center;border: none;margin: 0;color: #fff;background-color: #114d9b;}
#one_maincolumn .searchListItem .textArea .cartArea input.copyButton:hover {background-color: #4487e0;}
#one_maincolumn .searchListItem .textArea .new {margin: 10px 0 0 0;padding: 0;height: 30px;width: 90px;line-height: 30px;background-color: #c72226;font-size: 15px;font-size: 1.5rem;color: #fff;text-align: center;border-radius: 5px;}
#one_maincolumn #cartList {font-size: 14px;font-size: 1.4rem;}
#one_maincolumn #cartList h2 {margin: 0;padding: 10px 0;border-bottom: 3px solid #114d9b;font-size: 18px;font-size: 1.8rem;color: #114d9b;}
#one_maincolumn #cartList table {width: 100%;margin: 0;padding: 0;border: none;color: #114d9b;}
#one_maincolumn #cartList table th {padding: 15px 5px;background: url(../img/under_border.gif) repeat-x left bottom;font-weight: normal;border: none;border-collapse: collapse;text-align: left;}
#one_maincolumn #cartList table th.detail {text-align: center;font-weight: bold;background-color: #e7eff8;}
#one_maincolumn #cartList table td {padding: 10px;border-bottom: 1px solid #114d9b;}
#one_maincolumn #cartList table td.quant {padding: 0px;text-align:center;}
#one_maincolumn #cartList table td.del input {width: 40px;height: 40px;border: none;border-radius: 5px;line-height: 37px;font-size: 12px;font-size: 1.2rem;color: #fff;text-align: center;background-color: #114d9b;font-weight: bold;}
#one_maincolumn #cartList table td.del input:hover {background-color: #4487e0;}
#one_maincolumn #cartList table td.photo {text-align: center;}
#one_maincolumn #cartList table td.photo img {margin: -1px;border: 1px solid #b9c8df;}
@supports (-ms-accelerator: true) {#one_maincolumn #cartList table td.photo {/*edge*/} #one_maincolumn #cartList table td.photo img {margin: 0;}}
#one_maincolumn #cartList table td.price {font-size: 18px;font-size: 1.8rem;font-weight: bold;text-align: right;}
#one_maincolumn #cartList table td .quantity {margin: 0;padding: 0;width: 50px;height: 30px;line-height: 30px;border: 1px solid #b9c8df;box-sizing: border-box;text-align: center;color: #114d9b;}
#one_maincolumn #cartList table td .plusMinus {width: 30px;height: 30px;line-height: 30px;margin: 0;padding: 0;border: 1px solid #b9c8df;box-sizing: border-box;text-align: center;background-color: #e7eff8;font-weight: bold;color: #114d9b;}
#one_maincolumn #cartList table td .plusMinus:last-child {margin: 0;}
#one_maincolumn #cartList table td .plusMinus:hover {color: #fff;background-color: #4487e0;border: none;}
#one_maincolumn #cartList table td.subtotal {font-size: 18px;font-size: 1.8rem;font-weight: bold;text-align: right;}
#one_maincolumn #cartList table tr.total td {padding: 30px 10px;border-bottom: 3px double #114d9b;text-align: center;}
#one_maincolumn #cartList table tr.total td p {margin: 0;padding: 0;font-size: 28px;font-size: 2.8rem;font-weight: bold;text-align: right;}
#one_maincolumn #cartList table tr.total td.reCalc input {width: 180px;height: 45px;line-height: 45px;margin: 0;padding: 0;border-radius: 5px;font-weight: bold;background-color: #FFFF88;border: 1px solid #FFD700;}
#one_maincolumn #cartList table tr.total td.reCalc input:hover {background-color: #4487e0;color: #fff;}
#one_maincolumn #cartList .buttonArea {padding: 30px 0 0 0;text-align: center;}
#one_maincolumn #cartList .resButtonArea {display:none;padding: 30px 0 0 0;text-align: center;}
#one_maincolumn #cartList .buttonArea p {margin: 0;padding: 0 0 60px 0;color: #114d9b;}
#one_maincolumn #cartList .buttonArea p span {font-weight: bold;}
#one_maincolumn #cartList .buttonArea input,#one_maincolumn #cartList .resButtonArea input {width: 180px;height: 45px;line-height: 45px;margin: 0;padding: 0;border-radius: 5px;font-weight: bold;}
#one_maincolumn #cartList .buttonArea input.back,#one_maincolumn #cartList .resButtonArea input.back {background-color: #e7eff8;border: 1px solid #b9c8df;margin: 0 10px 0 0;}
#one_maincolumn #cartList .buttonArea input.buy,#one_maincolumn #cartList .resButtonArea input.buy {background-color: #114d9b;border: none;color: #fff;}
#one_maincolumn #cartList .buttonArea input:hover {background-color: #4487e0;color: #fff;}
#one_maincolumn h2.deteilH2 {margin: 0;padding: 15px 0 0 0;font-size: 24px;font-size: 2.4rem;}
#one_maincolumn .detailContents {padding: 5px 0 20px 0;font-size: 14px;font-size: 1.4rem;background: url(../img/under_border.gif) repeat-x left bottom;}
#one_maincolumn .detailContents .detailImg {float: left;width: 330px;}
#one_maincolumn .detailContents .detailImg .mainPhoto {width: 310px;height: 310px;margin: -1px;border: 1px solid #b9c8df;}
#one_maincolumn .detailContents .detailImg ul {margin: 0;padding: 15px 0 0 0;}
#one_maincolumn .detailContents .detailImg ul li {float: left;width: 100px;height: 100px;margin: 0 10px 0 0;padding: 0;list-style: none;}
#one_maincolumn .detailContents .detailImg ul li img {margin: -1px;border: 1px solid #b9c8df;}
#one_maincolumn .detailContents .detailImg ul li img.active {border: 1px solid #ff0000 !important;}
#one_maincolumn .detailContents .detailImg ul li img:hover {cursor: pointer;opacity: 0.7;filter: alpha(opacity=70);}
#one_maincolumn .detailContents .detailImg ul li:last-child {margin: 0;}
#one_maincolumn .detailContents .detailText {margin: 0 0 0 350px;}
#one_maincolumn .detailContents .detailText .new {margin: 10px 0 0 0;padding: 0;height: 30px;width: 90px;line-height: 30px;background-color: #c72226;font-size: 16px;font-size: 1.6rem;color: #fff;text-align: center;border-radius: 5px;}
#one_maincolumn .detailContents .detailText .textContents {padding: 10px 0;background: url(../img/under_border.gif) repeat-x left bottom;position: relative;}
#one_maincolumn .detailContents .detailText .textContents p {margin: 0;padding: 0;}
#one_maincolumn .detailContents .detailText .textContents .number {position: absolute;right: 0;bottom: 20px;}
#one_maincolumn .detailContents .detailText .textContents .number input {width: 50px;height: 24px;border: 1px solid #b9c8df;text-align: center;}
#one_maincolumn .detailContents .detailText .buttonArea {padding: 20px 0 0 0;margin-left: 50px;}
#one_maincolumn .detailContents .detailText .buttonArea input {float: left;width: 180px;height: 45px;border-radius: 5px;line-height: 45px;font-size: 14px;font-size: 1.4rem;font-weight: bold;text-align: center;}
#one_maincolumn .detailContents .detailText .buttonArea input.bookmarkButton {border: 1px solid #b9c8df;background-color: #e7eff8;margin: 0 20px 0 0;}
#one_maincolumn .detailContents .detailText .buttonArea input.bookmarkButton:hover {background-color: #fff;}
#one_maincolumn .detailContents .detailText .buttonArea input.bookmarkButton:disabled {background-image: none;background-color: #ccc;border-color: #ccc;cursor: default;}
#one_maincolumn .detailContents .detailText .buttonArea input.cartButton {border: none;background: #114d9b url(../img/cart_icon.png) no-repeat 30px 50%;margin: 0;color: #fff;text-indent: 30px;}
#one_maincolumn .detailContents .detailText .buttonArea input.cartButton:hover {background-color: #4487e0;}
#one_maincolumn .detailContents .detailText .buttonArea input.cartButton:disabled {background: #114d9b url(../img/cart_icon.png) no-repeat 30px 50%;margin: 0;background-color: #ccc;border-color: #ccc;}
#one_maincolumn .detailContents .detailText .buttonArea input.cartButton2 {border: none;background: #114d9b url(../img/cart_icon.png) no-repeat 20px 50%;margin: 0;color: #fff;text-indent: 30px;}
#one_maincolumn .detailContents .detailText .buttonArea input.cartButton2:hover {background-color: #4487e0;}
#one_maincolumn .detailContents .detailText .buttonArea input.cartButton2:disabled {background: #114d9b url(../img/cart_icon.png) no-repeat 30px 50%;margin: 0;background-color: #ccc;border-color: #ccc;}
#one_maincolumn .detailContents .detailText .buttonArea2 {margin-left: 150px;}
#one_maincolumn .itemDetailTitle {margin: 0;padding: 20px 0 0 0;font-size: 18px;font-size: 1.8rem;font-weight: bold;line-height: 1;}
#one_maincolumn .itemDetailBox {margin: 20px 0 0 0;padding: 15px;border: 1px solid #b9c8df;font-size: 13px;font-size: 1.3rem;}
#one_maincolumn .itemDetailBox .textContents {padding: 10px 0;background: url(../img/under_border.gif) repeat-x left bottom;position: relative;}
#one_maincolumn .itemDetailBox dl {clear: both;margin: 0;padding: 0 0 15px 0;}
#one_maincolumn .itemDetailBox dl dt {float: left;margin: 0 5px 0 0;padding: 0;}
#one_maincolumn .itemDetailBox dl dd {margin: 0;padding: 0;}
#one_maincolumn .itemDetailBox dl:last-child {padding: 0;}
#container #one_maincolumn table.borderTable,#memberInfoTable,#contactInputTable {margin: 0 10px;width: 97%;border: 1px solid #dfb9c5;border-collapse: collapse;font-size: 14px;font-size: 1.4rem;}

#footer #BottomNavi .linkList {
    margin: 0;
    list-style: none;
}
#footer #BottomNavi .linkList li {
    width: 150px;
    height: 25px;
    display: inline-block;
}
/*アコーディオン設定*/
.accodion-content,.leftcolumn-menucontent{
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	background: #fff;
}
input#accodion:checked ~ .accodion-content{
	max-height: 25em;
}
.accodion-label
,.menu-label{
	cursor:pointer;
}
#leftcolumn-menucheck:checked ~ .leftcolumn-menucontent{
	max-height: 25em;
}
/*20210720追加*/
#leftcolumn-menu{
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.35s;
    transition: max-height 0.35s;
    background: #fff;
    /*background: #114d9b;*/
}
#container #leftcolumn #categoryMenu ul div.separate,
#leftcolumn-menu ul div.separate{
    margin:5px 5px;
    /*border-bottom:1px solid #636363;*/
    border-bottom:1px solid #fff;
    opacity:0.5;
}
.leftcolumn-none{
    position: fixed;
    left: -100%;
    top: 0;
    padding: 0;
    margin: 0;
    z-index: 59;
}
#menucheck-label {display:none;}
#categorycheck-label {cursor:auto;}
#accodion-label {cursor:auto;}
#menu-label{cursor: auto;}
.accodion-angle-right {display:none;}
#accodion:checked + .menu-label h2 .accodion-angle-right{display: none;}
#accodion:checked + .accodion-label h2 .accodion-angle-right{display:none;}
#accodion:checked + .categorycheck-label h2 .accodion-angle-right{display:none;}
.accodion-angle-down {display:none;}
/* ハンバーガーメニューのアイコン */
.drawer-close span,
.drawer-close span:before,
.drawer-close span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background: #fff;
    transition: 0.25s;
    position: absolute;
}
.drawer-close span{
    top: 23px;
    left: 12px;
    background: rgba(255, 255, 255, 0);
}

/* 三本線のうち一番上の棒の位置調整 */
.drawer-close span:before {
    bottom: 0;
    transform: rotate(45deg);
    /*background:#716f63;*/
    background:#114d9b;
}

/* 三本線のうち一番下の棒の位置調整 */
.drawer-close span:after {
    top: 0;
    transform: rotate(-45deg);
    /*background:#716f63;*/
    background:#114d9b;
}
#search_input {border: 2px solid #c2c2c2;height: 40px;padding: 10px;box-sizing: border-box; width: 70%;font-size: 1.2rem;vertical-align: bottom; }
#top_search_btn{background-color: #bc0073;padding: 4px;height: 40px;width: 40px;font-size: 1.6rem;color:#fff;}
#cocoro_img {width:300px;padding-bottom: 10px;display:none;}
#TopSearchArea{text-align: center;padding: 20px 0;}
#recommendCategory li a {display: block;position: relative;}
#recommendCategory li a .name{
    width: 100%;
    height:20px;
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px #636363;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    z-index: 10;
}
#recommendCategory li a .name span{line-height: initial;}
.cartTotal{
    display: block;
    height: 25px;
    min-width: 19px;
    margin-top: 0!important;
    background-color:#ff5501;
    line-height: normal;
    position: absolute;
    top: -10px;
    right: -15px;
    margin:0;
  }
  .cartTotal span{
    font-size:15px;
    margin:4px 0 4px 0!important;
    color:#fff;
  }
  #recommends li,
  #history li
  {float: none!important;display: inline-block;vertical-align: top;}
/*20210720追加*/
#one_maincolumn .searchListItem .textArea .priceQuantityArea .dummySpan {
    display: none;
}
#one_maincolumn #cartList table td.res-del
,#one_maincolumn #cartList table tr.res-del
,#one_maincolumn #cartList table td.name span{
    display: none;
}
/*お届け先の指定～注文完了 進捗バー*/
.opc-progress-bar {
    margin: 15px 0 10px;
    counter-reset: i;
    font-size: 0;
    width: 100%;
    margin-inline-start: 10px;
    padding-block-start: 10px;
}
.opc-progress-bar>li{
margin: 0;
}
.opc-progress-bar-item {
    margin: 0 0 10px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 20%;
    float: left;
    box-sizing: border-box;
    background-color: #e7eff8;
}
.opc-progress-bar-item._active{
    background-color: #114d9b;
}
.opc-progress-bar-item._active>span {
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding-block-start: 5px;
    padding-block-end: 5px;
}
.opc-progress-bar-item>span {
    width: 100%;
    display: inline-block;
    word-wrap: break-word;
    color: #636363;
    font-weight: bold;
    font-size: 1.8rem;
    padding-block-start: 5px;
    padding-block-end: 5px;
}
.opc-progress-bar-flow {
    margin: 0 0 10px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    float: left;
}
.opc-progress-bar-flow>span {
    display: inline-block;
    word-wrap: break-word;
    color: #333;
    font-weight: 300;
    font-size: 1rem;
    padding-block-start: 10px;
    padding-inline-start: 5px;
    padding-inline-end: 5px;
}
.flowarea {
    height: 50px;
}
/*検索欄、カテゴリ一覧*/
.leftcolumn-none{
    display:none;
}
#leftcolumn-menu{
    display: none;
}
#leftcolumn-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;    
    font-size: 14px;
    font-size: 1.4rem;
}
#leftcolumn-menu ul li{
	margin:5px;
    font-weight: 700;
}
#container #leftcolumn h2.menu {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 46px;
}
#container #one_maincolumn table.borderTable td.detail_title {
    display: none;
}
@media only screen and (max-width: 767px){
	#wrapper{
        min-width: 100%;
	}
	#container{
		width:100%;
		margin:auto;
    }
	.HeaderTopNavi {
		line-height:18px;
        height: auto;
	}
	.in_box{
		width:100%;
        text-align: center;
    }
    .HeaderTopNavi .in_box p{
        padding: 2px;
        float: none;
    }
    .HeaderTopNavi .in_box ul{
        display: none;
    }
    #container #contents {
        margin: 0 15px;
    }
    #headerUnder h1 {
        float: none;
        text-align: center;
        padding: 0;
        margin: 0;
        display: none;
    }
    #headerUnder .in_box {
		height:auto;
	}
    #headerUnder .in_box h1 a img{
        padding: 5px;
    }
	#headerUnder .loginName {
        /*width:calc(100% - 15px);*/
		text-align: center;
		background-color: #f0f0f0;
        /*padding: 10px 0 10px 0;*/
        padding: 10px 15px 10px 15px;
        text-align: left;
        line-height: 20px;
        float:none;
	}
	#headerUnder ul {
		display:none;
    }
    .slideFrame{
        display: none;
    }
    #container #leftcolumn h2 {
        border: 1px solid #b9c8df;
        box-sizing: border-box;
    }
    #container #leftcolumn{
		width: 90%;
		height: 100%;
		position: fixed;
		left: -100%;
		top: 0;
		padding: 0;
    	margin: 0;
		z-index: 59;
		background: #fff;
        /*background: #114d9b!important;*/
		-webkit-transition: left 0.5s;
		transition: left 0.5s;
		padding: 0 0 0 15px;
		overflow-y: scroll;
	}
    #container #leftcolumn #categoryMenu ul div.separate,
    #leftcolumn-menu ul div.separate{
    margin:5px 5px;
    border-bottom:1px solid #636363;
    opacity:0.5;
    }
    #container #leftcolumn #searchButton input{
        background: #114d9b;
        color: #fff;
    }
    #container #leftcolumn h2.menu{
        padding-left: 33px;
        background: #fff url(../img/left_icon_menu.png) no-repeat 20px 15px;
        /*background: url(../img/accodion_angle_right.png) no-repeat 130px 15px;*/
    }
    #container #leftcolumn h2.menu
    ,#container #leftcolumn h2.search
    ,#container #leftcolumn div.accodion-content
    ,#container #leftcolumn h2.category
    ,#container #leftcolumn #categoryMenu
    ,#container #leftcolumn h2.contact
    ,#container #leftcolumn #contactArea{
        margin-inline-end: 45px;
    }
    #container #leftcolumn #contactArea{
        margin-bottom: 20px;
    }
	#container #leftcolumn h2.menu
    ,#container #leftcolumn h2.search
    ,#container #leftcolumn h2.category
    ,#container #leftcolumn h2.contact{
        color:#114d9b;
	}
	.welcome_message{
		width:100%;
        height: auto;
	}
	.accodion-label h2::after
    ,.menu-label h2::after
    ,.categorycheck-label h2::after {
		left:auto;
		top:-1px;
	}
	#container #leftcolumn #searchButton {
		margin-right: 30px;
        margin-inline-end: -0.9px;
	}
	#container #leftcolumn #categoryMenu {
		/*width:70%;*/
        /*20210720追加*/
        overflow: hidden;
        max-height: 0;
        -webkit-transition: max-height 0.35s;
        transition: max-height 0.35s;
        background: #fff;
        padding:0;
        margin-bottom: 20px;
        /*20210720追加*/
	}
    /*20210720追加*/
    #leftcolumn-categorycheck:checked ~ #categoryMenu {max-height: 200%!important;/*padding: 10px 0px 10px 0px!important;*/}
    /*20210720追加*/
	
	/*#leftcolumn-button{
		width: 50px;
		height: 50px;
		position: fixed;
		left: 10px;
		bottom: 5px;
		background: #114d9b;
		border-radius: 50%;
		z-index:100;
	}*/
    
	#leftcolumn-button label{
		position: relative;
		display: block;
		width: 50px;
		height: 50px;
		text-decoration: none;
	}
	#leftcolumn-menu{
		display:block;
	}
    /*検索欄、カテゴリ一覧*/
#leftcolumn-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;    
    font-size: 14px;
    font-size: 1.4rem;
    background-color: #e7eff8;
}
#leftcolumn-menu ul li{
	margin:5px;
    font-weight: 700;
    background:url(../img/header_icon_blue.png) no-repeat;
}
#leftcolumn-menu ul li.history{background-position: 2px -45px;}
#leftcolumn-menu ul li.favorite{background-position: 2px -93px;}
#leftcolumn-menu ul li.mypage{background-position: 5px -143px;}
#leftcolumn-menu ul li.inquiry{background-position: 3px -196px;}
#leftcolumn-menu ul li.cart{background-position: 3px -244px;}
#leftcolumn-menu ul li.log{background-position: 2px -294px;}
#leftcolumn-menu ul li a{color: #114d9b;}
#container #leftcolumn h2.menu {
    font-size: 18px;
    font-size: 1.8rem;
    /*padding-left: 46px;*/
}

	/* ハンバーガーメニューのアイコン */
	.drawer-open span,
	.drawer-open span:before,
	.drawer-open span:after {
	  content: '';
	  display: block;
	  height: 3px;
	  width: 25px;
	  border-radius: 3px;
	  background: #fff;
	  transition: 0.25s;
	  position: absolute;
	}
	.drawer-open span{
		top: 23px;
		left: 12px;
	}

	/* 三本線のうち一番上の棒の位置調整 */
	.drawer-open span:before {
	  bottom: 8px;
	}

	/* 三本線のうち一番下の棒の位置調整 */
	.drawer-open span:after {
	  top: 8px;
	}
	 .leftcolumn-background{
		width: 100%;
		height: 100%;
		position: fixed;
		left: -100%;
		top: 0;
		padding: 0;
    	margin: 0;
		z-index: 58;
		opacity:0.6;
		background: #333;
		-webkit-transition: left 0.5s;
		transition: left 0.5s;
	}
	
	/*#leftcolumn-check:checked ~ div#leftcolumn-button{
		background-color:#fff;
		top: 8px;
		left:78%;
	} */
	/* アイコンがクリックされたら真ん中の線を透明にする */
	/*#leftcolumn-check:checked ~ div#leftcolumn-button .drawer-open span {
	  background: rgba(255, 255, 255, 0);
	  
	} */

	/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
	/*#leftcolumn-check:checked ~ div#leftcolumn-button .drawer-open span::before {
	  bottom: 0;
	  transform: rotate(45deg);
	  background:#716f63;
	} */

	/*#leftcolumn-check:checked ~ div#leftcolumn-button .drawer-open span::after {
	  top: 0;
	  transform: rotate(-45deg);
	  background:#716f63;
    } */
    #container #one_maincolumn h3 {
        text-align: center;
    }
    #windowcolumn {
        margin: 0 10px;
    }
    #windowcolumn #formBox dl dt {
        float: none;
        text-align: left;
    }
    #windowcolumn #formBox dl dd {
        margin: 0;
    }
    #windowcolumn #formBox dl dd .textBox {
        width: 100%;
    }
    #windowcolumn h2 {
        text-align: center;
    }
    #windowcolumn h3 {
        text-align: center;
    }
    #windowcolumn .buttonBox{
        padding:20px 0;
    }
    #header #headerUnder #text{
        width: 100%;
    }
    #container #one_maincolumn {
        width: 100%;
    }
    #one_maincolumn .searchListItem .textArea hr {
        display: block;
        border: 1px dashed #ccc;
    }
    #one_maincolumn .searchListItem .textArea .errorArea {
        padding-right: 0;
    }
    #one_maincolumn .searchListItem .textArea .dummySpan {
        display: none;
    }
    #one_maincolumn .searchListItem .textArea .selArea {
        display: inline-block;
        float: left;
    }
    #one_maincolumn .searchListItem .textArea .packNameArea {
        display: block;
        padding-left: 60px;
    }
    #one_maincolumn .searchListItem .textArea .priceQuantityArea {
        padding-left: 0;
        margin-bottom: 10px;
        margin-top: -5px;
        padding-left: 75px;
    }
    #one_maincolumn .searchListItem .textArea .serviceQuantity {
        float: none;
        padding-right: 0;
        padding-top: 0;
        display: block;
    }
    #one_maincolumn .searchListItem .textArea .cartArea {
        position: unset;
        margin-top: 5px;
    }
    #one_maincolumn .searchListItem .textArea .cartArea input.cartButton {
        display: block;
        width: 100%;
        background-position: calc(50% - 5.6rem) 50%;
    }
    #one_maincolumn .searchListItem .textArea .cartArea input.bookmarkButton {
        width: 100%;
    }
    #one_maincolumn .searchListItem .textArea .cartArea input.copyButton {
        width: 100%;
    }
    #one_maincolumn .searchListItem .photoArea img {
        bottom: 0;
        display: block;
        left: 0;
        margin: auto;
        max-width: 100%;
        height: auto;
        position: static;
        right: 0;
        top: 0;
        border: solid 1px #ccc;
    }
    .favorite {
        text-align: unset;
    }
    #one_maincolumn .searchListItem .textArea .cartArea input.number {
        margin: 0 0 10px 0;
    }
    #one_maincolumn .searchResult ul {
        padding: 13px 0 0 50%;
        float: left;
        position: unset;
    }
    #one_maincolumn .searchListItem .res-ItemNameArea {
        width: 60%;
        display: inline-block;
        vertical-align: top;
        padding: 0 0 0 10px;
    }
    #one_maincolumn .searchListItem .res-ItemNameArea h2 a{
        word-break: break-all;
    }
    #one_maincolumn .searchListItem .res-ItemNameArea h2{
        padding: 10px 0 0 0 !important;;
    }
    #one_maincolumn .searchListItem .ItemNameArea,#one_maincolumn .searchListItem .textArea .item-info,#one_maincolumn .searchListItem .ItemCodeArea {
        display: none;
    }
    
    #one_maincolumn .searchListItem .textArea {
        margin: 0 0 0 0%;
        padding: 0 0 0 2px;
    }
    #one_maincolumn .searchListItem .photoArea {
        width: 30%;
        display: inline-block;
        vertical-align: top;
        float: unset;
        padding: 0 0 0 10px;
        margin-top: 10px;
    }
    #one_maincolumn .searchResult .title {
        padding: 15px 0 0 0;
        position: unset;
        left: 0;
        text-align: center;
    }
    #one_maincolumn .searchResult ul {
        padding: 10px 0 5px 0;
        float: unset;
        text-align: center;
    }
    #one_maincolumn .searchResult ul li {
        float: unset;
        left: 0;
        display: inline-block;
        font-size: large;
        width: 45px;
        height: 45px;
        margin: 0 5px 0 0;
        line-height: 45px;
    }
    #one_maincolumn .searchResult ul li a {
        width: 45px;
        height: 45px;
    }
    #one_maincolumn .searchResult .control {
        margin-top: 0;
        position: unset;
        text-align: center;
    }
    #one_maincolumn .searchResult .control select {
        height: 45px;
    }
    #one_maincolumn .searchListItem .textArea {
        padding: 0 0 0 10px;
    }
    #container #one_maincolumn h2 {
        padding: 15px 0;
    }
    #one_maincolumn .detailContents .detailText .textContents .number {
        position: unset;
    }
    #one_maincolumn .detailContents .detailText .buttonArea {
        margin-left: 0;
        text-align: center;
    }
    #one_maincolumn .detailContents .detailText .buttonArea input {
        float: unset;
    }
    #one_maincolumn .detailContents .detailText .buttonArea input.cartButton,
    #one_maincolumn .detailContents .detailText .buttonArea input.bookmarkButton {
        margin-right: 0;
        margin-bottom: 5px;
        display: block;
        width: 100%;
        background-position: calc(50% - 5.6rem) 50%;
    }

    
    #one_maincolumn .detailContents .detailText {
        margin: 0;
        padding: 0;
    }
    #one_maincolumn .detailContents .detailImg {
        width: 100%;
        text-align: center;
        float: unset;
    }
    #one_maincolumn .detailContents .detailImg .mainPhoto {
        width: 100%;
        height: unset;
    }
    #one_maincolumn .detailContents .detailImg ul li img {
        width: 15%;
        height: auto;
    }
    #one_maincolumn .detailContents .detailImg ul li {
        width: 100%;
        height: auto;
        float: unset;
    }

    #one_maincolumn .detailContents .IconArea {
        display: none;
    }
    #one_maincolumn .detailContents .res-IconArea {
        display: block;
    }
    #one_maincolumn .detailContents .detailText .textContents{
        text-align: left;
    }
    #one_maincolumn .detailContents .detailText .textContents p{
        text-align: left;
    }
    #one_maincolumn .detailContents .detailText .textContents .selArea {
        padding-top: 10px;
        text-align: left;

    }
    #one_maincolumn .detailContents .detailText .textContents .packNameArea {
        display: block;
        padding-top: 10px;
        padding-bottom: 0;
        text-align: left;
    }
    #one_maincolumn .detailContents .detailText .textContents .priceQuantityArea {
        padding-bottom: 10px;
        text-align: left;
    }
    #one_maincolumn .detailContents .detailText .textContents .priceQuantityArea .errorArea {
        display: none;
    }
    #one_maincolumn .detailContents .detailText .textContents .priceQuantityArea .res-errorArea {
        display: block;
    }
    #one_maincolumn .detailContents .detailText .textContents .priceQuantityArea .dummySpan {
        font-size: 0;
    }
    #one_maincolumn .detailContents .detailText .textContents .errorArea {
        text-align: unset;
        padding-right: 0;
    }
    #one_maincolumn .detailContents .detailText .textContents .serviceQuantity {
        float: unset;
        display: block;
    }
    #one_maincolumn .detailContents .detailText .textContents hr {
        display: block;
        border: 1px dashed #ccc;
    }
    #one_maincolumn .detailContents .detailText .buttonArea{
        margin-left: 0;
    }

    #container {
        width: 100%;
    }
    #one_maincolumn #cartList table th.detail {
        display: none;
    }
    /*.mt20 tbody {
        border-bottom: none;
    }*/
    .mt20 .col-detlete{
        width: unset;
    }
    .mt20 .col-photo{
        width: unset;
    }
    .mt20 .col-name{
        width: unset;
    }
    .mt20 .col-id{
        width: unset;
    }
    .mt20 .col-price{
        width: unset;
    }
    .mt20 .col-num{
        width: unset;
    }
    .mt20 .col-subtotal{
        width: unset;
    }
    .mt20 .products{
        display: block;
    }
    #one_maincolumn #cartList table .quotationBody tr {
        background-color: #f9eaf3;
        padding: 10px 0;
        margin-top: 10px;
    }
    #one_maincolumn #cartList table .quotationRow {
        padding: 0 10px !important;
    }
    #one_maincolumn #cartList table .parent td.photo {
        display: inline-block;
        padding-bottom: 0;

        /*float:left;*/
    }
    #one_maincolumn #cartList table .parent td.parentName{
        padding-left: 5px!important;
        display: inline-block;
    }
    #one_maincolumn #cartList table .parent{
        padding-bottom:5px;
    }
    #one_maincolumn #cartList table .child{
        border-top:dashed 1px #d1d1d1;
    }

    #one_maincolumn #cartList table .child td.photo {
        display: none;
    }
    #one_maincolumn #cartList table .child td.name {
        border-top:none!important;
    }
    #one_maincolumn #cartList table tr:first-child .photo-none{
        border-top:none!important;
    }
    #one_maincolumn #cartList table td.del
    ,#one_maincolumn #cartList table td.photo
    ,#one_maincolumn #cartList table td.name
    ,#one_maincolumn #cartList table td.id{
    	display: inline-block;
	    min-height: 75px;
	    padding: 0;
        position: relative;
        vertical-align: top;
    }
    #one_maincolumn #cartList table td.photoPack{
        display: block;
	    margin: auto;
    }
	#one_maincolumn #cartList table td.price
    ,#one_maincolumn #cartList table td.quant
    ,#one_maincolumn #cartList table td.subtotal {
        box-sizing: border-box;
        display: inline-block;
	    text-align: left;
	    white-space: none;
        width: 29%;
        vertical-align: top;
        word-break: break-word;
    }
    #one_maincolumn #cartList table td.quantQuotation {
        width: 98%;
        margin-left:20px!important;
    }
    #one_maincolumn #cartList table td.del{
		width: 15%;
        text-align: right;
        display: none;
    }
    #one_maincolumn #cartList table td.photo{
		width: 100px;
        height:100px;
        padding-bottom:10px;
    }
    #one_maincolumn #cartList table td.name{
        min-height: unset;
    }
    #one_maincolumn #cartList table td.name a{
	    font-weight: 700;
        font-size: 16px;
    }
    #one_maincolumn #cartList table td.id{
        width: 50%;
        display: none;
    }
    
    #one_maincolumn #cartList #cartTable
    , #one_maincolumn #cartList #cartTable tbody 
    , #one_maincolumn #cartList #cartTable tbody tr {
        display: block;
    }
    #one_maincolumn #cartList table td {
        border-bottom: none;
    }
    #one_maincolumn #cartList table td.del
    ,#one_maincolumn #cartList table td.photo
    ,#one_maincolumn #cartList table td.name {
        padding-top: 10px;
    }
    #one_maincolumn #cartList table td.photo{
        margin-left: 20px;
    }
    #one_maincolumn #cartList table td.photo a img{
        width: 100%;
        height: 100%;
    }
    #one_maincolumn #cartList table td.name {
        display: block;
        padding-left: 20px;
        border-top:dashed 1px #d1d1d1;
    }
    #one_maincolumn #cartList table tr.res-del{
        display: block;
    }
    #one_maincolumn #cartList table td.res-del{
        box-sizing: border-box;
        display: block;
        width:100%;
        text-align: center;
        border-bottom: 1px solid #114d9b;
    }
    #one_maincolumn #cartList table td.res-del input{
        width: 60px;
        height: 37px;
        border: none;
        border-radius: 5px;
        line-height: 37px;
        font-size: 12px;
        font-size: 1.2rem;
        color: #fff;
        text-align: center;
        font-weight: bold;
        margin-right: 30px;
    }

    #one_maincolumn #cartList table td.price:before
    ,#one_maincolumn #cartList table td.quant:before
    ,#one_maincolumn #cartList table td.subtotal:before {
		content: attr(data-th);
	    display: block;
	    font-weight: 700;
	    font-size: medium;
    }
    #one_maincolumn #cartList table td.name span{
        display: block;
    }
    #one_maincolumn #cartList table td.price {
    	padding: 0px;
        margin-left:20px;
    }
    #one_maincolumn #cartList table td.quant {
        margin-left:5px;
    }
    #one_maincolumn #cartList table td.subtotal {
    	padding: 0px;
    }
    #one_maincolumn #cartList table td.blank{
    	display: none;
    }
    
    #one_maincolumn #cartList table td .plusMinus {
    	display: none;
    }

	#one_maincolumn #cartList table tr.total td {
	    border-bottom: unset;
	}
	#one_maincolumn #cartList table tr.total{
	    border-bottom: 3px double #114d9b;
	}
	#one_maincolumn #cartList table tr.total td.reCalc {
	    text-align: center;
    	display: block;
		padding-top: 10px;
	}
    #one_maincolumn #cartList table tr.total td.bold {
    	text-align: center;
    	display: block;
    }
    #one_maincolumn #cartList table tr.total td.final {
    	display: block;
    }
    #one_maincolumn #cartList table tr.total td {
	    padding: 5px 20px;
	}
    
	#one_maincolumn #cartList table tr.total td p {
	    text-align: center;
    }
    
    #one_maincolumn #cartList .resButtonArea {
        display:block;
    }
    
    #one_maincolumn #cartList .resButtonArea input {
        width: 100%;
        height:45px;
        margin:10px 0;
    }
    #one_maincolumn #cartList .buttonArea{
        display: none;
    }
    #one_maincolumn #cartList .buttonArea p {
	    padding: 0 0 20px 0;
    }
    #one_maincolumn #cartList .buttonArea input {
        width: 45%;
    }
    #one_maincolumn #cartList .buttonArea input.back {
    	margin: 0 5px 5px 0;
    }
    .opc-progress-bar {
        margin: 30px 0 10px 0;
        padding:0;
    }
    .titlearea{
        margin-block-start: 70px;
    }
    .opc-progress-bar-item{
        width: 25%;
        height: 60.38px;
        display: flex;
        border: 1px solid #ddd;
    }
    .opc-progress-bar-item>span {
        font-size: 14px;
        margin: auto;
    }
    .opc-progress-bar-flow {
        display: none;
    }
    .flowarea{
        margin-block-end: 30px;
    }
	#footer #BottomNavi{
		height:auto;
	}
    #footer #BottomNavi .linkList {
        padding: 0;
    }
	#footerUnder .in_box a{
		display: block;
    	width: 50px;
	}
	#footerUnder p {
		float:none;
        padding: 0 10px 0 10px;
    }
    
    #container #one_maincolumn table.borderTable td .red {
		display: block;
	}
	#container #one_maincolumn table.borderTable .col-header{
		width: 30%
	}
	#container #one_maincolumn table.borderTable th.alignl {
	    display: block;
	    padding-bottom: 0;
	}
	#container #one_maincolumn table.borderTable td.info {
	    display: block;
	    padding-top: 0;
	}
	#container #one_maincolumn table.borderTable select {
		width: 100%;
	}
	#container #one_maincolumn table.borderTable tr.title{
		display: none;
	}
	#container #one_maincolumn .title{
		display: none!important;
	}
    #container #one_maincolumn .productSearchResult .title{
		display: block !important;
        font-weight: unset;
	}
	b{
	    font-size: larger;
    }
    #container #one_maincolumn table.borderTable tr.title2 {
		border-top: 1px solid #ccc;
	}
    #container #one_maincolumn table.borderTable tr.title2 th{
		padding: 1px;
	}
    #container #one_maincolumn table.borderTable tr.title2 th span{
		display: none;
	}
    #container #one_maincolumn table.borderTable tr.packedFirstRow {
		border-top: 2px dotted #ccc;
	}
    #container #one_maincolumn table.borderTable td.parentNameTd {
		display: none !important;
	}
    #container #one_maincolumn table.borderTable tr.res-parentName {
		display: block;
	}
    #container #one_maincolumn table.borderTable td.childItem {
        padding-left: 10px;
    }
    #container #one_maincolumn table.borderTable td.questionHead {
        padding-left: 10px;
        background-color: #fff;
    }
    #container #one_maincolumn table.borderTable td.questionHead2 {
        display: none;
    }
    
	#container #one_maincolumn table.borderTable {
        border: none;
        margin:0;
	}
    #container #one_maincolumn table.borderTable colgroup {
        display:none;
    }
	#container #one_maincolumn table.borderTable th {
	    border: none;
        background-color: unset;
        display: block;
        text-align: left;
	}
    #container #one_maincolumn table.borderTable th.vioTh {
	    border: none;
        background-color: unset;
        display: block;
        text-align: left;
	}
    #container #one_maincolumn table.borderTable th.vioOr {
	    border: none;
        background-color: unset;
        display: block;
        text-align: left;
	}
	#container #one_maincolumn table.borderTable #total span{
	    font-size: larger;
	}
	#container #one_maincolumn table.borderTable td {
        border: none;
        display: block;
        color: #114d9b;
	}
    #container #one_maincolumn table.borderTable td.detail_c {
        text-align: left;
        display: inline-block;
    }
    #container #one_maincolumn table.borderTable td.detail_title {
        display: inline-block;
        width: 50%;
        font-weight: bold;
    }
    #container #one_maincolumn table.splrOrderTable {
        margin-top: 0px!important;
    }
    #container #one_maincolumn table.borderTable tr.detail_order {
        display: none;
    }
    #container #one_maincolumn h4.subTitle {
        border-bottom: 3px solid #114d9b;
        background: none;
    }
    #container #one_maincolumn tr.detail_order_data:nth-child(odd) {
        background:#f0f0f0;
    }
	#container #one_maincolumn table.borderTable tr.comment {
		border-bottom: 1px solid #d1d1d1;
    	border-collapse: collapse;
	}
	#container #one_maincolumn table.borderTable tr.comment td {
		padding-top: 0;
	}
    #container #one_maincolumn table.borderTable tr.shop_deliv_row td:before {
        content: attr(data-th);
        display: block;
        font-weight: 700;
        padding-bottom: 10px;
    }
	#container #one_maincolumn table.borderTable th.col-photo2 
	,#container #one_maincolumn table.borderTable th.col-name2
	,#container #one_maincolumn table.borderTable th.col-itemid2
	,#container #one_maincolumn table.borderTable th.col-price2
	,#container #one_maincolumn table.borderTable th.col-num2
	,#container #one_maincolumn table.borderTable th.col-odernum2
	,#container #one_maincolumn table.borderTable th.col-subtotal2 {
		width: unset;
	}
	#container #one_maincolumn table.borderTable .total .detail_r {
        text-align: center;	    
        font-size: larger;
	}
    #container #one_maincolumn table.borderTable .total th {
	    display: block;
        padding-bottom: 0;
        text-align: center;
	}
	
    #one_maincolumn #mypage table td.detail_r {
    	display: block;
    	text-align: center;
    }
    .red#attn2 {
		display: none;
    }
    #container #one_maincolumn table.borderTable tr.item_detail .detail_c {
        width: 40%;
        float: left;
    }
    #container #one_maincolumn table.borderTable td.shop-confirm {
        display: block;
    }
    #searchPost {
        margin:10px 0 0 0!important;
        display: inline-block!important;
    }
    #windowcolumn #formBox input.text1 {
	    width: 100%;
    }
    #memberInfoTable,#contactInputTable{
        margin:0!important;
        margin-bottom: 20px!important;
        width: 100%!important;
	}
    #memberInfoTable tbody tr th,#contactInputTable tbody tr th
    , #contactDetailTable tbody tr th  {
    	border: 1px solid #d1d1d1!important;
        background-color: #f5f5f5!important;
        padding:10px!important;
    }
    #memberInfoTable tbody tr td,#contactInputTable tbody tr td, #contactDetailTable tbody tr td{  
        border-left: 1px solid #d1d1d1!important;
        border-right: 1px solid #d1d1d1!important;
        word-break: break-all;
        min-height: 45px;
    }
    #memberInfoTable tbody tr:nth-last-child(1) td:nth-last-child(1),
    #contactInputTable tbody tr:nth-last-child(1) td:nth-last-child(1),
    #contactInputTable tbody tr:nth-last-child(2) td:nth-last-child(1),
    #contactDetailTable tbody tr:nth-last-child(1) td:nth-last-child(1){  
        border-bottom: 1px solid #d1d1d1!important;
    }
    #memberInfoTable,#memberInfoTable tbody,#memberInfoTable tbody tr,#memberInfoTable tbody tr th,#memberInfoTable tbody tr td,
    #contactInputTable,#contactInputTable tbody,#contactInputTable tbody tr,#contactInputTable tbody tr th,#contactInputTable tbody tr td,
    #contactDetailTable,#contactDetailTable tbody,#contactDetailTable tbody tr,#contactDetailTable tbody tr th,#contactDetailTable tbody tr td {
        display:block;
        width:100%!important;
        box-sizing: border-box;
    }
    #memberInfoTable tbody tr td input.textBox700,#contactInputTable tbody tr td input.textBox700{
        width:100%!important;
    }
    #contactInputTable .textArea{
        width:100%!important;
    }
    #one_maincolumn #list .listTop ul li a {
        width: 45px;
        height: 45px;
    }
    form hr {
        display: none;
    }

    #container #one_maincolumn table.workflow th.alignl {
        padding-bottom: 0;
        padding: 10px;
        border: 1px solid #d1d1d1;
        border-collapse: collapse;
        background-color: #f5f5f5;
    }
    #container #one_maincolumn table.borderTable th.alignl_header {
	    display: none;   
    }
    .workflow tbody {
        border-bottom: unset;
    }
    .workflow .tr_last {
        border-bottom: 3px double #114d9b;
        border-collapse: collapse;
    }
    #container #one_maincolumn table.workflowDetailTable tbody tr th {
    	border: 1px solid #d1d1d1;
        background-color: #f5f5f5;
        padding:10px;
    }
    #container #one_maincolumn ul.itemList3{
        margin:0;
    }
    #container #one_maincolumn ul.itemList3 li{
        text-align: center;
        display: inline-block;
        float: none;
        width: 150px;
        margin-right: 20px;
    }
    #container #one_maincolumn #wrapper_contents .unit-flex {
        display:block;
        padding: 20px 0px 0px 0px;
    }
    #container #one_maincolumn ul.itemList2{
        width: 100%;
    }
    #container #one_maincolumn ul.itemList2 li {
        display: inline-block;
        vertical-align: top;
        float: none;
        margin: 0 20px 0 20px;
        width: calc(50% - 30px);
    }
    #container #one_maincolumn ul.itemList2 li a img{
        width: 100%;
        height: auto;
    }
    #container #one_maincolumn ul.itemList2 li:nth-child(even){
        margin-left: 10px;
    }
    #container #one_maincolumn ul.itemList2 li:nth-child(odd){
        margin-right: 10px;
    }
    #container #one_maincolumn ul.itemList1{
        width: 100%;
    }
    #container #one_maincolumn ul.itemList1 li{
        width: 150px;
        display: inline-block;
        vertical-align: top;
        float: none;
        margin: 0 20px 0 20px;
        width: calc(50% - 30px);
    }
    #container #one_maincolumn ul.itemList1 li img{
        border: none;
        width: 100%;
        height: auto;
    }
    #container #one_maincolumn ul.itemList1 li:nth-child(even){
        margin-left: 10px;
    }
    #container #one_maincolumn ul.itemList1 li:nth-child(odd){
        margin-right: 10px;
    }
    #one_maincolumn .detailContents .detailImg ul li .detail-table-together{
        width:100%;
    }
    #one_maincolumn .detailContents .detailImg ul li .detail-table-together tr td{
        display: inline-block;
        width: 30%;
    }
    #one_maincolumn .detailContents .detailImg ul li .detail-table-together tr td img{
        width: 100%;
        height: auto;
    }
    .unit-flex li {
        width: 100%;
    }
    .unit-flex li img{
        width:100%;
    }
    .unit-flex li p {
        font-size: 1.4rem;
        text-align: center;
    }
    .wave{
	    display:block;
	    -webkit-writing-mode: vertical-rl;
	    -ms-writing-mode: tb-rl;
	    writing-mode: vertical-rl;
    }
    .select1{
        width:100%!important;
    }
    #b_toppage{
        width: 100%!important;
    }
    /*20210720追加*/
	.prev-arrow,.next-arrow{
		display:none!important;
	}
	.sliderArea {
		padding: 25px 0;
	}
    
    .accodion-angle-right{display:inline-block;}
    #accodion:checked + .accodion-label h2 .accodion-angle-right{display:none;}
    #leftcolumn-menucheck:checked ~ #menucheck-label h2 .accodion-angle-right{display:none;}
    #leftcolumn-categorycheck:checked ~ #categorycheck-label h2 .accodion-angle-right{display:none;}
    #leftcolumn-menucheck:checked ~ #menucheck-label h2 .accodion-angle-down{display:inline-block;}
    #accodion:checked + .accodion-label h2 .accodion-angle-down{display:inline-block;}
    #leftcolumn-categorycheck:checked ~ #categorycheck-label h2 .accodion-angle-down{display:inline-block;}
    #leftcolumn-menucheck:checked ~ #leftcolumn-menu{max-height: 25em;}
	#container #leftcolumn h2.menu {/*padding-left:24px;*/padding-right:40px;}
	/*#leftcolumn-menu{width:70%;}*/
    #leftcolumn-menu{margin-inline-end: 45px;}
	#leftcolumn-menu ul li {padding: 3px 0px 3px 30px; font-weight:normal;}
	#cocoro_img {width:calc(100% - 70px) !important; display:inline-block;padding:0;vertical-align: top;}
	#search_input{width:calc(100% - 40px)}
    #TopSearchArea {padding:10px 0;}
	.drawer-open span, .drawer-open span:before, .drawer-open span:after {background:#716f65;}
	.fixed{position: fixed;z-index: 11;top:0;left:0;background:#fff;padding:5px 0;box-shadow: 0 0 10px #c8c8c8;width:100%;}
	.leftcolumn-open,.background-open{display:block!important;left: 0!important;}
    #menucheck-label {display:block;}
    .sliderArea {padding: 25px 0!important;}
    #recommendCategory{text-align:center;}
    #recommendCategory li a .name{font-size: 14px;}
    #container #one_maincolumn ul.itemList3 li img {width:90%;}
    .newsContents{padding-left: 0!important;}
    .newsContents li {display: block!important;margin: 0 15px 10px 10px!important;}
    .newsContents li div.mark {line-height: 1.4em !important; display: inline !important; padding: 0 !important;}
    .newsContents li div.mark svg {padding-left: 5px;}
    .newsContents li div.date {width: 100%!important; display: inline !important;}
    .newsContents li div.newsContent {width: 100%!important;}
    .cartTotal{
        display: inline-block;
        text-align: center;
        position:initial;
        top: 0;
        right: 0;
      }
      .cartTotal span{
        display: block;
      }
      #recommends li,
      #history li
      {border: solid 1px #dddddd;border-radius:.25rem;margin-bottom:10px!important;}
      #container #one_maincolumn ul#recommends li img,
      #container #one_maincolumn ul#history li img
      {margin:auto;margin-top:1px;}
      #history li.no-history{
          border:none;
      }
    /*20210720追加*/

}
@media only screen and (max-width: 369px){
    #recommendCategory li{
        width: 145px!important;
    }
    #recommendCategory li img {
        width: 95%;
    }
    #recommendCategory li a .name {
        font-size: 13px;
    }
    #container #one_maincolumn ul.itemList2 li{
        width:calc(50% - 18px);
        margin: 0 10px 0 5px;
    }
    #container #one_maincolumn ul.itemList2 li a, #container #one_maincolumn ul.itemList2 li a img{
        width:100%;
    }
    .newsContents li {margin-left:0!important;}
    
    #one_maincolumn #cartList table td.photo{
		width:90px;
        height:90px;
    }
    #one_maincolumn #cartList table td.res-del input {
        margin-right: 0;
    }
}