/* RESET
---------------------------------------------------- */

html *, body * {
    word-break: break-all;
    letter-spacing: 0.08em;
}


a, a:visited { text-decoration : none;}
ul, ol { list-style : none;}
img { vertical-align:middle; width:auto; max-width:100%; height:auto; }
a img {border: none;}


#sysAll {
	max-width: 100%;
	min-width: 1040px;
	padding: 0;
	margin: 0;
}


.sysContent { margin: 0; padding: 0;}

html, body, div#sysHeader, div#sysAside, div#sysFooter, div#sysContent {
	float: none;
	margin: 0px;
	max-width: none;
	padding: 0!important;
	background-color: transparent;
	width: 100%;
}


div#sysAside{ margin-bottom: 0px;}
#aside .sysContent{ background: red;}


/* margin top
-------------------------------------- */
.mta {margin-top:auto !important;}
.mt0 {margin-top:0px !important;}
.mt1 {margin-top:1px !important;}
.mt3 {margin-top:3px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt16 {margin-top:16px !important;}
.mt20 {margin-top:20px !important;}
.mt24 {margin-top:24px !important;}
.mt30 {margin-top:30px !important;}
.mt32 {margin-top:32px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt5per {margin-top:5% !important;}
.mt10per {margin-top:10% !important;}
.mt15per {margin-top:15% !important;}
.mt20per {margin-top:20% !important;}


/* ボタン、選択ボタン
---------------------------------------------------- */

button, input, select, textarea {
    background-color: transparent;
    border-style: none;
}

button, input, optgroup, select, textarea {
font: inherit;
}

input {
    border-radius: 0;
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}

[role=button], [type=button], [type=reset], [type=submit], button {
    cursor: pointer;
}



form input[type=radio] {
    outline: none;
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
    margin-right: 0.5em;
}

form input[type=radio]:checked:after {
    opacity: 1;
}

form input[type=radio]:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #2d2a26;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0;
}


.modaal-content-container .sysGender .sysFormField label, .opcCommonEditModeBlock .sysGender .sysFormField label, form .sysGender .sysFormField label {
    display: block;
}

/* 20231120非表示 
.sysMemberRegister#sysMemberRegisterIndex .sysForm label input[type=checkbox], .sysMemberRegister#sysMemberRegisterIndex .sysForm label input[type=radio] {
    bottom: -3px;
}
 */

.modaal-content-container .sysGender .sysFormField label:nth-child(2), .opcCommonEditModeBlock .sysGender .sysFormField label:nth-child(2), form .sysGender .sysFormField label:nth-child(2) {
    margin-top: 10px;
}

 form select {
    height: 40px;
    padding: 6px 25px 6px 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
    color: #2d2a26;
    background-size: 6px;
    background-position: center right 10px;
    background-repeat: no-repeat;
    background-image: url(../img/common/down_arrow.png);
}

/* Fonts
------------------------------------------------------------*/

html {
	font-family: Meiryo, Osaka, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
	font-size: 13px;
	background: #FFF;
}

body {
	width: 100% !important;
	overflow-x: hidden;
	overflow-y: scroll;
	height: 100%;
	position: relative;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	color: #444444;
	background-color: #FFF;
	min-width: 1000px !important;
	vertical-align: baseline;
}
body a {
	/*color: #a0841c;*/
	color: #444;
	text-decoration: none;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}


body a img {
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	backface-visibility: hidden;
	-ms-interpolation-mode: bicubic;
}


body img {
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
}
body ::selection {
	background: rgba(0, 188, 212, 0.2);/* Safari */
}
body ::-moz-selection {
 background: rgba(0, 188, 212, 0.2);
/* Firefox */
}



/* header
------------------------------------------------------------*/
header {
	position: relative;
}
header #head-top {
	background: #1596df;
	line-height: 20px;
	color: #FFF;
}

header #head-top span {
	font-size: 12px;
	font-weight: normal;
	width: 1000px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
	display: block;
}

header #head-top p, header #head-top h1 {
	font-size: 12px;
	font-weight: normal;
	width: 1000px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
}
header #head-main {
	width: 1000px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 0 10px;
}
header #head-main:after {
	clear: both;
	display: block;
	content: '';
}
header #head-main .left {
	float: left;
}
header #head-main .logo {
	float: left;
	padding-bottom: 10px;
	width: 300px;
}
header #head-main .logo a {
	display: block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
header #head-main .logo a:hover {
	-ms-filter: "alpha( opacity=$number*100 )";
	filter: alpha(opacity=70);
	opacity: 0.7;
}
header #head-main .logo img {
	display: block;
}
header #head-main .logo img.txt {
	margin-bottom: 5px;
}
header #head-main .logo img:hover {
	-ms-filter: "alpha( opacity=$number*100 )";
	filter: alpha(opacity=100);
	opacity: 1;
}
header #head-main .payment {
	padding: 0 0 0 30px;
	float: left;
	width: 330px;
}
header #head-main nav {
	float: right;
	text-align: right;
	letter-spacing: -.6em;
	padding-top: 25px;
}
header #head-main nav > ul > li {
	letter-spacing: normal;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	margin-left: 29px;
	position: relative;
	text-align: center;
}
header #head-main nav > ul > li > a {
	display: block;
	padding-top: 35px;
	color: #434343;
	position: relative;
	font-size: 12px;
}
header #head-main nav > ul > li > a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 35px;
	background: no-repeat center top;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}



header #head-main nav > ul > li.login {
	max-width: 90px;
}
header #head-main nav > ul > li.login > a:before {
	background-image: url(/img/test/icon-login.png);
	background-size: 40px auto;
}

header #head-main nav > ul > li.guide > a:before {
	background-image: url(/img/test/icon-guide.png);
	background-size: 40px auto;
}
header #head-main nav > ul > li.favorite > a:before {
	background-image: url(/img/test/icon-favorite.png);
	background-size: 40px auto;
}
header #head-main nav > ul > li.cart > a:before {
	background-image: url(/img/test/icon-cart.png);
	background-size: 40px auto;
}
header > nav {
	background: #1596df;
}
header > nav > ul {
	width: 1000px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative;
}
header > nav > ul > li.menuLi {
	width: 180px;
	color: #fff;
}
header li.menuLi a {
	color: #fff;
}
header > nav > ul > li {
	-ms-flex: 1 0 auto;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	z-index: 1;
	font-weight: bold;
}
header > nav > ul > li > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	height: 50px;
	vertical-align: middle;
	color: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	line-height: 1.3;
}


header > nav > ul > li.search {
	position: relative;
	background: #1596df;
	clear: both;
	font-size: 13px;
	text-align: left;
	width: 380px;
}
header > nav > ul > li.search input[type="search"] {
	height: 40px;
	border-color: #1596df;
	border-left: none;
	margin: 5px 15px;
	width: 360px;
	text-align: left;
}
header > nav > ul > li.search input[type="submit"] {
	font-size: 0px;
	background: url(/img/test/icon-search2.png) !important;
	background-size: 39px auto !important;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 15px;
	top: 5px;
	outline: none;
	cursor: pointer;
	border: 1px #1596df solid;
	padding: 0px;
	margin: 0;
	border-radius: 0;
}
header > nav > ul > li.shipping {
	width: 200px;
}
header > nav > ul > li.shipping > a {
	background: url(/img/test/icon-shipping.png) 36px center / 36px auto no-repeat;
	padding-left: 25px;
	color: #FFF;
}

header > nav > ul > li .hidden {
	top: 50px;
	text-align: left;
	width: 1000px;
	left: 0;
	right: initial;
	font-weight: normal;
}
header > nav > ul > li .hidden .content {
	border-color: #1596df;
}
header .hidden {
	position: absolute;
	top: 50px;
	right: 0;
	z-index: 20;
	visibility: hidden;
	-ms-filter: "alpha( opacity=$number*100 )";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
header .hidden .content {
	background: #FFF;
	border: 1px solid #cccccc;
	-webkit-box-shadow: 3px 3px 0 0px rgba(204, 204, 204, 0.6);
	-moz-box-shadow: 3px 3px 0 0px rgba(204, 204, 204, 0.6);
	-ms-box-shadow: 3px 3px 0 0px rgba(204, 204, 204, 0.6);
	-o-box-shadow: 3px 3px 0 0px rgba(204, 204, 204, 0.6);
	box-shadow: 3px 3px 0 0px rgba(204, 204, 204, 0.6);
}
header #gnav .hidden .content > ul {
	position: absolute;
	top: 40px;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 2%;
	background: #ffffff;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
header .hidden .content > ul {
	padding: 30px 50px !important;
}
header .hidden .content > ul::after {
	clear: both;
	content: "";
	display: block;
}
header .hidden .content > ul li {
	position: relative;
	text-align: left;
}
header #gnav .hidden .content > ul li {
	float: left;
	width: 222px;
}
header #gnav .hidden .content > ul li::after {
	content: "";
	display: block;
	right: 30px;
	border-bottom: none;
}
header #gnav .hidden .content > ul li:nth-child(3n+2) {
	margin: 0 1%;
}
header .hidden .content > ul li::after {
	content: "";
	display: block;
	position: relative;
	width: calc(100% - 20px);
	left: 30px;
}
header .hidden .content > ul > li:last-child::after {
	display: none;
}
header .hidden .content > ul::after {
	clear: both;
	content: "";
	display: block;
}
header .hidden .content > ul > li a {
	display: block;
	line-height: 1.2;
	padding: 20px 45px;
	position: relative;
	color: #444444;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


header .hidden .content > ul > li p {
	padding-top: 10px;
	text-align: center;
	font-size: 12px;
}





/*  sidemenu
 ----------------------------------------------- */

#sysWrap {
	width: 1000px;
	margin: 0 auto;
	padding-top: 20px;
	overflow: hidden;
	background-color: #FFF;
	padding-bottom: 5px;
}





/* コンタクトライフについて */
.about_sec {
	padding: 0;
	display: block;
	margin: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	background-color: #F6F6F6;
}
.aui_fixed_container {
	width: 1040px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
}
.about_head_title {
	margin: 55px 0 15px;
	text-align: center;
}
.about_head_text {
	margin-bottom: 0px;
	padding-bottom: 30px;
}
.about_head_text p {
	margin-top: 20px;
}
summary {
	margin-top: -1px;
	margin-bottom: 0;
	justify-content: space-between;
	background-color: #fff;
	cursor: pointer;
	transition: 0.2s;
	display: flex;
	position: relative;
	padding: 34px 43%;
	border-top: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
}

/* コンタクトライフの特長と取扱製品　*/
summary p {
	font-weight: 600 !important;
	text-align: center !important;
	margin: 10px auto !important;
}
.details-content {
	width: 60%;
	margin: 0 auto;
}
.details-content p {
	width: 95%;
	margin: 10px 0;

}
details[open] summary:after {
	transform: rotate(180deg);
}
details[open] .details-content {
	animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
 0% {
 opacity: 0;
 transform: translateY(-10px);
}
 100% {
 opacity: 1;
}
}
 @media screen and (max-width: 1025px) {
.about_sec {
	padding: 10px 0 0 0;
}
.aui_fixed_container {
	width: 100%;
	padding: 10px;
}
summary {
	width: 100%;
	padding: 34px;
	text-align: center !important;
}
.details-content {
	width: 90%;
}
.details-content p {
	margin: 10px auto 15px;
}
}

.aui_accordion_content{
	margin-bottom: 50px;
}






/*20210804松山 iOSでのsubmit, buttonのデザインをリセット  
---------------------------------------------------- */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}


input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/* 20231120 非表示 

input[type=search], input[type=text], input[type=tel], input[type=email], input[type=password], textarea {
    -webkit-appearance: none;
    padding: 10px 5px !important;
    width: 100%;
    line-height: 2;
    background: #fff;
    border: 1px solid #dddddd;
    border-radius: 0;
}
 */

/* BASE LAYOUT
---------------------------------------------------- */


/*  20231120 非表示 
input[type="radio"] {
    margin: 10px 10px 20px;
}
*/

/*  20231117 非表示 
.modaal-content-container .sysFormItem, .modaal-content-container>div, .opcCommonEditModeBlock .sysFormItem, .opcCommonEditModeBlock>div, form .sysFormItem, form>div {
    margin-top: 30px;
}
*/


/* DETAILS
---------------------------------------------------- */
p {
    margin: 10px auto;
}
img.border { border: 2px #ffffff solid; margin: 0;}
.BnrBG { background-color: #ffffff; }

a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
		-moz-filter: "alpha( opacity=70 )";
		-webkit-filter: "alpha( opacity=70 )";
		-o-filter: "alpha( opacity=70 )";
		-ms-filter: "alpha( opacity=70 )";
}
a:hover img.nohover {
	opacity:1;
	filter: alpha(opacity=100);
		-moz-filter: "alpha( opacity=100 )";
		-webkit-filter: "alpha( opacity=100 )";
		-o-filter: "alpha( opacity=100 )";
		-ms-filter: "alpha( opacity=100 )";
}

/* GLOBAL MENU --start-- */
ul.globalmenu { width: 32%; font-size: 11px; margin: -28px auto; text-align: center;}
ul.globalmenu li a { 
	width: 25%;
	color:#999999;
	font-weight: 600;
	float: left;
	padding: 2px;
	background-color: #fff;
	border-right: 1px #cccccc solid;
}
ul.globalmenu li a:hover { background-color: #ececec;}
/* GLOBAL MENU --end-- */

/* ASIDE
---------------------------------------------------- */
/* SEARCH FORM --start-- */
form.sysItemSearchForm { background-color:#fff; margin-right:0px;margin-left:auto; padding: 5px; text-align: center; }

.sysItemSearchFormWord {margin: 5px 0 10px;}
form.sysItemSearchForm input[type="search"] { height: 3em; vertical-align: bottom; display: block; width: 100%;}
form.sysItemSearchForm label { margin: 10px 0; float: none; }
form.sysItemSearchForm select { width: 100%;}
form.sysItemSearchForm .sysItemSearchFormCategory { 
	margin-top: 10px; 
	line-height: 26px; 
	font-weight: 600; 
	color: #fff;
}
/* SEARCH FORM --end-- */

/* LOGIN FORM --start-- */
.AsideLoginForm { width: 100%; overflow: hidden; background-color: #fff; text-align: center;}
.AsideLoginForm p { font-weight: 600; color: #85c092; margin: 8px;}
.AsideLoginForm label { display: none;}
.AsideLoginForm .sysFormField { margin-left: 0;}
.AsideLoginForm .sysFormField input[type="email"],
.AsideLoginForm .sysFormField input[type="password"] {
	border: 1px solid #C6C6C6;
	text-align: left;
	padding: 0 0 0 17%;
	background: url(../img/side/icon_mail.png) 0em center no-repeat;
	background-size: 17%;
		-moz-background-size: 17%;
		-o-background-size: 17%;
		-ms-background-size: 17%;
	height: 32px;
	border-radius: 3px;
	margin: 0 0 8px 0;
	width: 83%;
}
.AsideLoginForm .sysFormField input[type="password"] { 
background: url(../img/side/icon_key.png) 0em center no-repeat; 
		background-size: 17%;
		-moz-background-size: 17%;
		-o-background-size: 17%;
		-ms-background-size: 17%;
}

.AsideLoginForm input[type="submit"], 
.AsideSearchbox input[type="submit"], 
#sysMain form.sysItemSearchForm input[type="submit"] { 
	width: 55%;
	height: 35px;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;

background-color:#FA8207;
	background:-webkit-gradient(linear,, from(#FA8207), to(#D89230));
	background:-webkit-linear-gradient(center top, #FA8207, #D89230 );
	background:   -moz-linear-gradient(center top, #FA8207, #D89230 );
	background:	 -o-linear-gradient(center top, #FA8207, #D89230 );
	background:		linear-gradient(center top, #FA8207, #D89230 );
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FA8207), color-stop(1, #D89230));




	border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
}

.AsideLoginForm ul { text-align: left; width: 70%; margin: 8px auto; line-height: 17px;}
.AsideLoginForm a {
	background: url(../img/arrow_r04.png) left center no-repeat;
	background-size: 4px 7px;
		-moz-background-size: 4px 7px;
		-o-background-size: 4px 7px;
		-ms-background-size: 4px 7px;
	padding-left: 0.7em;
	text-decoration: underline;
}
.AsideLoginForm .sysContent div { margin-bottom: 10px;}
/* LOGIN FORM --end-- */

.AsideCategory { background-color: #fff;}
.search { background-color:#ffffff; color: #999999;}
.green { width: auto; }
.gray { width: auto; background-color:#c9c9c9; color: #403f3f; font-weight:600; }

ul.cateBtn { width: 100%; }
ul.cateBtn li { 
	width: auto; 
	background-color:#FFFFFF;
	color: #999999;
	font-weight: 700;
	letter-spacing: 2px;
	text-align: left;
	padding:12px 20px;
	border-bottom: 1px solid #ececec;
}
ul.cateBtn li a.cateHover { color: #999999; padding: 10px 0;}

ul.color { margin: 0 0 4px 0; list-style: none; line-height:50px; text-align: center;}
ul.color li{ display: inline; padding: 0; margin: 0; width:20%;}

.info { width: auto; background-color:#ffffff; color: #403f3f; line-height: 20px;}
.info p.infotext { padding: 2% 0 2% 6%; text-align: left; margin: 0;}
.info a:hover { text-decoration: underline;}

.popularwords p { font-weight: bold; color: #222; margin: 0 0 4px 0;}
.popularwords a{
	display:inline-block;
	/display:inline;
	margin:0 5px 5px 0;
	padding: 6px 7px;
	/line-height:1.1;
	color:#FFF;
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	/*linear-gradient*/
	background-color:#2063d2;
	zoom:1;
}
.popularwords a:hover{
	text-decoration:none;
	/*linear-gradient*/
	background-color:#777777;
}






/* MAIN CONTENTS
---------------------------------------------------- */
#contentsarea { width:100%; overflow: hidden; margin : 0;}
#contentsareatopimg { width:100%; overflow: hidden;}
.contleft { width:49%; float:left;}
.contright { width:49%; float:right;}






/* NEW ARRIVAL --start-- */
ul.arrival {
width:auto;
background-color:#ffffff;
margin: 0 auto;
list-style: none;
text-align: center;
border-bottom: solid 5px;
}
ul.arrival li { display: inline-block; padding: 2% 2% 0 2%; width:18%; vertical-align: top;}
ul.arrival a { color: #454445;}
ul.arrival a:hover { text-decoration:underline;}
p.price { font-weight:600; color: #FF6600;}
/* NEW ARRIVAL --end-- */


/* TOPICS --start-- */
.topics { 
	width:auto;
	background-color:#ffffff;
	color: #454445; 
	margin: 7px auto 0 auto;
	padding: 20px 20px 13px 20px;
	line-height:20px;}

dl.newstext { overflow: hidden; zoom: 1;}
dl.newstext dt {
	margin-bottom: 5px;
	padding-bottom: 5px;
	width: 155px;
	float: left;
	clear: both;
	font-weight: bold;
}
dl.newstext dd {
font-weight: 100;
	margin-bottom: 5px;
	padding: 0 0 5px 100px;
	border-bottom: 1px dotted #999;
}

dl.newstext dd a:hover { text-decoration: underline;}

/* TOPICS --end-- */

/********************************
 * item slider
 ********************************/

.als-container {
	position: relative;
	width: 100%;
	margin: 0px 0px auto;
	z-index: 0;
overflow: hidden;
}

.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
	width:200%;
	height:200px;
}

.als-wrapper { position: relative; list-style: none;}
.als-item {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
margin:aute;
overflow: hidden;
}
.als-item span{ text-decoration: underline; line-height: 7px;}
.als-item p{
	text-decoration: none;
	font-weight: 600;
	color: #FF6600;
	margin: 1px auto;
}
.als-prev, .als-next { position: absolute; cursor: pointer; clear: both;}

#demo3 { padding: 5px 0px 5px 2%;}
#demo3 .als-item {
	margin: 0px 0.5%;
	padding: 4px 0px;
	text-align: center;
}
#demo3 .als-item img { display: block; margin: 0 auto; vertical-align: middle; width: 115px;}
#demo3 .als-prev, #demo3 .als-next { top: 50%;}
#demo3 .als-prev { left: 4%; z-index: 999;}
#demo3 .als-next { right: 4%; z-index: 999;}



/* Item page css
---------------------------------------------------- */

/* ItemImages --start-- */
.sysItemImages { width: 100%; height: auto; position: relative; float: left; margin-top: 10px;}

/* ItemImages --end- */

/* ItemInfomation --start-- */
.sysItemId { float: right;}
.sysItemName h1 {
	margin: 10px 0 10px 0; 
	background-color: rgb(80, 80, 80); 
	padding: 6px 0 6px 10px; 
	font-size: 18px; 
	color: #fff;
	font-weight: 500;
	line-height: 1.7em;
	display: block;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

.sysRetailPrice {
	text-align: left;
	margin: 5px 0 10px 110px;
	color: rgb(230, 45, 45);
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}



ul.sysThumbnail li .sysRetailPrice { margin: 0; text-align: right; clear: both;}

ul.sysThumbnail li a { display: block; margin: 10px 0 3px; float: left; width: 100%;}

.sysSuggestedRetailPrice {
    float: right;
  }
#sysItemDetail .sysSuggestedRetailPrice {
    font-size: small;
    color: #000000;
    text-decoration: line-through;
  }



.sysShippingCost { margin: 40px 0 0 49%;}
.sysShippingMethod { margin: 7px 0 0 49%;}
.sysStockQuantity { margin: 7px 0 0 49%; padding-bottom: 5px; border-bottom: 1px #000 dotted;}

#sysItemDetail .sysForm { margin-top: 15px;  width: 33%;}

#sysItemDetail #sysSelections { margin-bottom: 3px!important;}

#sysSubmit input[type="submit"] {
	background: none;
	width: 100%;
	height: 50px;
	color: #fff;
	background-color: rgb(250, 168, 24);
	cursor: pointer;
	margin: 10px 0 0 0;
	font-size:18px;
		font-weight:bold;
	border-radius: 6px; 
		-webkit-border-radius: 6px; 
		-moz-border-radius: 6px; 
}

/* ItemInfomation --end- */

select { width: 150px; height: 40px; margin: 5px 0;}   /*20210804松山　margin追加*/

/* ItemSummary --start- */
.ItemSummary {margin-top: 15px; width: 45%; float: left; position: absolute;}
dl.SumCnt { overflow: hidden; zoom: 1; margin: 15px 10px 0 10px;}
dl.SumCnt dt {
	margin-bottom: 7px;
	width: 80px;
	float: left;
	clear: both;
	font-weight: bold;
	background-color: #53777A;
	line-height: 25px;
	text-align: center;
	color: #ffffff;
}
dl.SumCnt dd { margin: 0 0 6px 95px; line-height: 26px; }
/* ItemSummary --end- */

/* ItemStock --start-- */
.ItemStock {margin-top: 15px; width: 49%; float: right; min-height: 230px;}
.ItemStock ul { margin-top: 10px; }
.ItemStock ul li { width: 40%; float: left; margin: 0 2%;}
.ItemStock table, td, th {
	border:0px;
	text-align: center;
	/* width: 100%; */
}
.ItemStock td.color {
	background-color: rgb(87, 155, 102);
	padding: 10px;
	color: #ffffff;
	font-weight: 600;
}
.ItemStock td, th {
	padding: 7px;
	width: auto;
	height: auto;
}
/* ItemStock --end- */

/* ItemUsability --start-- */
.ImageUsability {margin-top: 15px;}

.ImageUsability ul { margin-top: 10px; }
.ImageUsability ul li { width: 31%; float: left; margin: 1%;}
.ImageUsability ul li p { margin: 10px 0 0 0; text-align: left; line-height: 1.4em;}
/* ItemUsability --end- */


/* ItemReview --start- */
.ItemReview {margin-top: 5px;}
.ItemReview ul { margin-top: 10px;}
.ItemReview ul li { 
	width:48%; 
	margin: 1%; 
	float: left;
	background: #ffffff;
	color: #727272;
	padding: 5px 9px 0 15px;
	border: 2px solid #CDD7B6;
	line-height: 15px;
	min-height: 160px;
	border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-o-border-radius: 8px;
		-ms-border-radius: 8px;
}
.ItemReview ul li img { width: 17%; margin: 0 10px 5px 0;}
.ItemReview ul li p { text-align: right; }
/* ItemReview --end- */


/* ItemBuy --start- */
.ItemBuy {margin-top: 15px;}
.ItemBuy img.leftsumb { width: 24%; float: left; padding: 0.7%; }
.ItemBuy h1 {
	margin: 2% 0 0 25%; 
	background-color: rgb(87, 155, 102); 
	padding: 2px 0 0 10px; 
	color: #fff;
	font-weight: 500;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
.ItemBuyCnt p {
	margin: 10px 0 0 49%;
	min-height: 80px;
	color: #666;
	line-height: 150%;
	text-align: left;
}
.ItemBuyPrice {
	text-align: right;
	margin: 1% 0 0 25%;
	border-bottom: 1px #000 dotted;
	color: rgb(230, 45, 45);
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
.ItemBuy .sysForm { margin-top: 1.7%; width: 410px; }



.ItemBuy #sysSelections { margin-bottom: 10px; float: left; position: absolute;}
.ItemBuy #sysSubmit input[type="submit"] {
	background: none;
	width: 60%;
	color: #fff;
	background-color: rgb(250, 168, 24);
	cursor: pointer;
	margin: 10px 0 0 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	border-radius: 6px; 
		-webkit-border-radius: 6px; 
		-moz-border-radius: 6px; 
}

.ItemBuy #likeSubmit input[type="submit"] {
	background: none;
	width: 35%;
	color: #fff;
	cursor: pointer;
	margin: 42px 0 0 5px;
	float: left;
	border-radius: 3px; 
		-webkit-border-radius: 3px; 
		-moz-border-radius: 3px;
	/*linear-gradient*/
	background-color:rgb(207, 136, 12);
	background:-webkit-gradient(linear,, from(rgb(250, 168, 24)), to(rgb(207, 136, 12)));
	background:-webkit-linear-gradient(center top, rgb(250, 168, 24), rgb(207, 136, 12) );
	background:   -moz-linear-gradient(center top, rgb(250, 168, 24), rgb(207, 136, 12) );
	background:	 -o-linear-gradient(center top, rgb(250, 168, 24), rgb(207, 136, 12) );
	background:		linear-gradient(center top, rgb(250, 168, 24), rgb(207, 136, 12) );
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(250, 168, 24)), color-stop(1, rgb(207, 136, 12)));
}
.ItemBuy #likeSubmit input[type="submit"]:hover { background-color: rgb(207, 136, 12); }
/* ItemBuy --end- */


/* ItemYetanother --start- */
.ItemYetanother {margin-top: 25px;}
.ItemYetanother #demo3 { padding: 0; }
.ItemYetanother #demo3 .als-prev, .ItemYetanother #demo3 .als-next { top: 10px;}
.ItemYetanother #demo3 .als-item { margin: 8px 5px; min-width: 96px;}
.ItemYetanother .als-viewport { height: 155px;}
.ItemYetanother .als-container { border-bottom: none;}
/* ItemYetanother --end- */

/* ItemRelated --start- */
.ItemRelated {margin-top: 15px;}
.ItemRelated ul.arrival { border-bottom: none;}
/* ItemRelated --end- */

/* ItemInquiry --start- */
.ItemInquiry { text-align: right; margin: 25px auto;}
.ItemInquiry a.Btn { 
	background-color: rgb(129, 129, 129); 
	color: #fff; padding: 15px; 	
	border-radius: 6px; 
		-webkit-border-radius: 6px; 
		-moz-border-radius: 6px; }
.ItemInquiry a.Btn:hover { background-color: #999;}
/* ItemInquiry --end- */







.sysItemList ul.sysList input[type="submit"] {
	border:0;
	background: none;
	width: 120px;
	height: 30px;
	padding: 0;
	color: #fff;
	cursor: pointer;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
}

.sysItemList ul.sysList p { text-align:left; margin: 15px 0 10px 120px; line-height: 16px;}
.sysItemList ul.sysList li p a { text-decoration: underline; }
.sysItemList ul.sysList li p span { color: #FF6600; font-weight: 600;}


/*  20231117 非表示 .sysItemList ul.sysList form { margin: -10px 0 0 0; float: right;} */




.sysItemList ul.sysThumbnail li {
float: none;
padding: 0.05%;
width: 32%;
}

.sysItemList li {
display: inline-block;
/display: inline;
/zoom: 1;
vertical-align: top;
width: 100%;
}
.sysItemList ul.sysThumbnail p { text-align:center; line-height: 16px;}
.sysItemList ul.sysThumbnail li p a { text-decoration: underline; }
.sysItemList ul.sysThumbnail li p span { color: #FF6600; font-weight: 600;}


.sysItemList ul.sysThumbnail form { text-align: center;}
.sysItemList ul.sysThumbnail input[type="submit"] {
	border:0;
	background: none;
	width: 120px;
	height: 30px;
	padding: 0;
	color: #fff;
	background-color: rgb(250, 168, 24);
	cursor: pointer;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	/*linear-gradient*/
}

.sysItemCategoryCtl {
    margin-top: 15px!important;
}


.sysItemCategoryCtl a {
    display: inline-block;
    padding: 2px 4px;
    background: #fff;
    border: 1px solid #999;
    border-radius: 3px;
    text-decoration: none;
    margin: 4px 2px;
}


.sysItemCategoryCtl a:hover{
	text-decoration:none;
}


.sysItemCategoryInfo a {
	text-decoration:underline;
	color:#333333;
}

.sysItemCategoryInfo a:hover{
	text-decoration:none;
	opacity:0.6;
}

.sysCurrent {
	margin:15px 1px 2px 0!important;
}

.sysCurrent a {
    display: inline-block;
    padding: 1px 4px;
    background: #fff;
    border: 1px solid #999;
    border-radius: 3px;
    text-decoration: none;
    margin: 2px 0;
}

.sysSearchButton {
	width: 100%!important;
	margin-bottom:20px !important;
	margin-top: -2px !important;
	background-color: #969494 !important;
}

/* sysMemberRegisterIndex page css
---------------------------------------------------- */
#sysMemberRegisterIndex span.ethna-error { color:red; }

.spFav { width: 100%; background-color: rgb(253, 236, 192); padding: 10px 30px; }
.spFav .spFavTitle { font-weight: bold; text-align: left; margin: 0; }
.spFav ul { }

#sysMemberRegisterIndex .sysRequired { 
	color: #ff6600; 
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 600;
}



.sysMemberRegister#sysMemberRegisterIndex .sysForm {
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
}




.sysMemberRegister .sysBackButton, .sysMemberRegister .sysButton {
    text-align: center;
    font-size: 15px;
    letter-spacing: .06em;
    display: block;
    max-width: 360px;
    width: 100%;
    height: 50px;
    border: 1px solid #2d2a26;
    margin-left: auto;
    box-sizing: border-box;
    transition: all .3s;
    max-width: 180px;
    margin-left: calc(50% - 180px);
    margin-right: auto;
    color: #2d2a26;
    padding: 0;
    margin-top: 20px;
}

/* 20231120 非表示 
#sysMemberRegisterIndex .sysFormItem { margin-top: 15px;}
 */

.modaal-content-container .sysFormItem, .modaal-content-container>div, .opcCommonEditModeBlock .sysFormItem, .opcCommonEditModeBlock>div, form .sysFormItem, form>div {
    margin-top: 20px;
}


#sysMemberRegisterIndex  .sysBirthday label { float: none; }




/* sysMemberRegisterConfirm page css
---------------------------------------------------- */
#sysMemberRegisterConfirm .sysForm { float: left; width: 95%; text-align: left; margin: 15px; line-height: 10px;}
#sysMemberRegisterConfirm .sysForm label { float:left; margin-right: 20px;}
#sysMemberRegisterConfirm .sysForm div { margin-bottom: 20px;}
#sysMemberRegisterConfirm .sysMemberPassword { line-height: 45px;}


/* 20231120 非表示 
#sysMemberRegisterConfirm .sysForm input[type="submit"] {
	border:0;
	background: none;
	width: 120px;
	color: #fff;
	cursor: pointer;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
}
 */


/* sysMypageLogin page css
---------------------------------------------------- */
#sysMypageLogin label.sysFormLabel { 
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 600;
	position: static;
}
#sysMypageLogin .sysFormField { margin-bottom: 15px;}


#sysMypageReminder label.sysFormLabel { 
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 600;
	position: static;
}





.opcOrderBackToBasket_backToBasket, .sysButton {
    text-align: center;
    font-size: 15px;
    letter-spacing: .06em;
    display: block;
    max-width: 360px;
    width: 100%;
    height: 50px;
    color: #2d2a26;
    border: 1px solid #2d2a26;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    transition: all .3s;
}

.modaal-content-container .sysZipcode .sysButton.btn, .opcCommonEditModeBlock .sysZipcode .sysButton.btn, form .sysZipcode .sysButton.btn {
    margin-left: 0;
    margin-top: 0;
    text-align: center;
    max-width: 200px;
    width: 100%;
    height: 40px;
    color: #2d2a26;
    font-size: 11px;
    color: #fff;
    background-color: #2d2a26;
}



/* sysMypageEditMember page css
---------------------------------------------------- */

#sysMypageEditMember .sysRequired { 
	color: #ff6600; 
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;

	font-weight: 600;
}




.modaal-content-container .sysBirthday input, .opcCommonEditModeBlock .sysBirthday input, form .sysBirthday input {
    max-width: 8em;
    margin-right: 0.5em;
}

/* sysMypageEditDelivery page css
---------------------------------------------------- */
#sysMypageEditDelivery .sysForm {
	float: left;
	text-align: left;
	width: 100%;
	margin: 20px 10px;
	line-height: 30px;
}
#sysMypageEditDelivery .sysRequired { 
	color: #ff6600; 
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 600;
}

#sysMypageEditDelivery .sysFormItem { margin-top: 15px;}
#sysMypageEditDelivery label { float: left; width: 300px;}
#sysMypageEditDelivery .sysForm input[type="text"] { width: 400px;}


/* sysMypageOrderList page css  購入履歴　20200116河野追加
---------------------------------------------------- */


.sysMypage .sysItemName,
.sysMypage .sysOptions,
.sysMypage .sysNumber,
.sysMypage .sysItemReviewLink{
    padding: 0.5%;
}

.sysMypage .sysItemName a,
.sysMypage .sysItemReviewLink a{
    text-decoration: underline;
}



#sysFormIndex .sysForm .sysFormItem {
    padding: 30px 50px 0;
    margin-bottom: 30px;
    border-top: 1px dotted #2d2a26;
}


.sysMypage #sysMain #amazonPayTopLoginButton .amazonpay-button-inner-image, .sysMypage #sysMain #amazonPayBottomLoginButton .amazonpay-button-inner-image, .sysCart #sysMain #amazonPayTopLoginButton .amazonpay-button-inner-image, .sysCart #sysMain #amazonPayBottomLoginButton .amazonpay-button-inner-image, .sysOpcBody #sysMain #amazonPayTopLoginButton .amazonpay-button-inner-image, .sysOpcBody #sysMain #amazonPayBottomLoginButton .amazonpay-button-inner-image {
    height: 100% !important;
    max-height: inherit !important;
    display: inline-block;
}

/* 20231120 非表示 
.sysFormField {
    margin: 6px 0;
}
*/

.sysLoginButton {
    margin: 10px 0;
}

/* 20210311河野カートに入りましたメッセージサイズ変更 
----------------------------------------------------*/
.sysCartInDone { font-size: 230%;}　　/*---20210804松山 250％から変更--*/

/* 20210305河野カートを見るボタンを緑に 
----------------------------------------------------*/
#sysSubmit input[type="submit"].sysGoCartButton{ background:green}


/* 20210311河野カートを見るボタンスマホ用。グラデ無しカラーで緑
---------------------------------------------------- */
#sysSubmit input[type="submit"].sysGoCartButton {
background-color:#008000;
background:-webkit-gradient(linear,, from(#008000), to(#008000));
background:-webkit-linear-gradient(center top, #008000, #008000 );
background:   -moz-linear-gradient(center top, #008000, #008000 );
background: -o-linear-gradient(center top, #008000, #008000 );
background: linear-gradient(center top, #008000, #008000 );
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #008000), color-stop(1, #008000));
}


/* 20210804松山　カートに入れるボタンを赤色に（テスト）
----------------------------------------------------*/
#sysItemDetail #sysSubmit input[type="submit"].sysCartButton {
border: 0;
    width: 100%;
    color: #fff;
    cursor: pointer;
    font-size: 20px !important;
    background: #b33838 !important;
    height: 60px !important;
    margin: 0 0 10px 0 !important;
}

/* 20210804松山　カートを見るボタンをグレーに（テスト）
----------------------------------------------------*/
#sysItemDetail #sysSubmit input[type="submit"].sysGoCartButton {
border: 0;
    width: 100%;
    color: #fff;
    cursor: pointer;
    font-size: 20px !important;
    background: #656565 !important;
    height: 60px !important;
}


/* 20231113商品ページのカート部分選択肢
----------------------------------------------------*/
.orderArea > div {
    width: 50%;
    display: inline-block;
    letter-spacing: normal;
    text-align: left;
    vertical-align: top;
}

#sysItemDetail .sysForm select {
    margin-bottom: 10px;
}

/* sysItemSearch page css
---------------------------------------------------- */
#sysMain form.sysItemSearchForm { 
	width: 50%;
	background-color: rgb(253, 236, 192);
	padding: 10px 30px;
	margin: 20px auto;
	display: block;
}

/* First page css
---------------------------------------------------- */
#first b { color: #ff6600; line-height: 17px;}
#first #sysMain input[type="submit"] { margin: 0 auto; display: block; }
.guideList, #guideSearch, .member { width: 90%; margin: 20px auto 0;}
.guideList dl { 
float: left;
margin: 2% 3% 2% 0;
width: 47%;
height: 105px;
border-bottom: 1px #ccc solid;}
.guideList dt, #guideSearch dt { font-weight: bold; margin-bottom: 4px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif; }
.guideList a, #first p a { text-decoration: underline;}
.guideList a { 
	background: url(../img/arrow_r04.png) left center no-repeat; 
	background-size: 4px 7px; 
		-moz-background-size: 4px 7px;
		-webkit-background-size: 4px 7px;
		-o-background-size: 4px 7px;
		-ms-background-size: 4px 7px;
	padding-left: 0.7em;
}
#guideSearch dt { margin-top: 40px;}
#guideSearch { border: 5px solid rgb(255, 238, 150);}
#guideSearch dl { margin-right: 10px;}

/* Haiso,Tokusho,Privacypolicy,Corporate,Copyright page css
---------------------------------------------------- */
#haiso #sysMain p, 
#tokusho #sysMain p, 
#privacypolicy #sysMain p, 
#corporate #sysMain p, 
#copyright #sysMain p { margin: 10px 0; line-height: 18px; text-align: left;}
#haiso .haisoCnt, 
#tokusho .tokushoCnt, 
#privacypolicy .privacyCnt, 
#corporate .corporateCnt { width: 95%; margin: 0 auto;}

/* Mail magazine page css
---------------------------------------------------- */
#sysFormIndex #sysMain #allCnt { width: 90%; margin: 0 auto;}

#sysFormIndex #sysMain .sysRequired { color: #ff6600; font-weight: 600; font-size: 11px; }







#sysFormIndex #sysMain p { margin: 10px 0; line-height: 18px; text-align: left;}

#somenews img { float: left; margin: 0 20px 10px 0;}
#somenews li { min-height: 75px; line-height: 18px;}

.sysFormField textarea { 
    width: 100%;
    height: 100px;
    border: 1px solid #ddd!important;}
}

#sysFormIndex .sysForm .sysFormItem .sysFormLabel {
    font-weight: 700;
    display: inline;
}

#sysFormIndex .sysForm .sysFormItem .sysFormField {
    width: 100%;
    margin-top: 0.5em;
}


#sysFormIndex .sysForm .sysFormItem .sysFormField label input {
    margin-right: 10px;
    margin-top: 0;
    margin-bottom: 2px;
    float: left;
}

#sysFormIndex .sysForm .sysFormItem .sysFormField label {
    margin-top: 10px;
    display: block;
}

* html body {/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


#sysMain {
		margin: 0;
		padding: 0;
		width:100%;
}
.al-right {
		width:100%;
		text-align:right;
}
.al-right img {
		width:40px;
}




img {
	border:0;
	width: 100%;
}

.main {
	max-width:980px;
	margin-right:auto;
	margin-left:auto;
}
.clearfix:after,article:after { /*floatの解除、ここがポイント*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix,article:after {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix ,article:after{
	height: 1px;
	/*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}
.itempage {
	display: none;
}


/*----------------------------------------------
   Splide スライダー 20231109 松山設置
----------------------------------------------*/


/* スライドのサイズ調整 */
.splide__slide img {
  height: auto;
  width: 100%;
}
/* プログレスバーのスタイル */
.my-carousel-progress {
  background-color: #ccc;
}
.my-carousel-progress-bar {
  background-color: #1596df;
  height: 3px;
  transition: width 1000ms ease;
  width: 0;
}



/*----------------------------------------------
	アサイドアコーディオン（ピンク）
----------------------------------------------*/



.sysFuncText.side-pink h5 {
	margin: 0px;
	padding: 0px;
	color: #fff;
	border: 1px solid #f02f6b;
	text-indent: 0 ;
	text-align: center;
	background-color: #f02f6b;
	background:linear-gradient(to bottom, #fb77a4, #f74268);
	background:-moz-linear-gradient(#fb77a4, #f74268);
	background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(#fb77a4), to(#f74268));
	line-height: 50px;
}

.sysFuncText.side-pink h5 {
	border: 1px solid #f02f6b;

}

.side-pink .site-all {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #f02f6b;
	border-bottom-color: #f02f6b;
	border-left-color: #f02f6b;
}


.sysFuncText.side-pink dl {
	line-height: 200%;
}


.side-pink li a:hover {
	background:#eee;
	display:block;
}

/*----------------------------------------------
	サイドカラコンカラー検索リンク画像
----------------------------------------------*/

.color-side-color img { vertical-align : left; 
	max-width: 20%; }

.color-side-color li{line-height : 300% ;
	text-align: left; }


/*----------------------------------------------
	アサイドアコーディオン（アイボリー）
----------------------------------------------*/
.sysFuncText.side-ivory h5 {
	color: #573b2d;
	text-indent: 0 ;
	text-align: center;
	padding : 0 0 10px;
	border: 1px solid #573b2d;
	background-color: #e6d6b2;
	background:linear-gradient(to bottom, #f6f0e4, #e6d6b2);
	background:-moz-linear-gradient(#f6f0e4, #e6d6b2);
	background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(#f6f0e4), to(#e6d6b2));

}



/*----------------------------------------------
	アコーディオンデザイン
----------------------------------------------*/
.side-ac dt{
	display: block;
	line-height: 50px;
	text-indent: 10px;
	margin: 0px;
	padding: 0px;
	background-image: url(https://contactlife.sg/img/side/side-btn.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	cursor: pointer;
	}
.site-cl dt.active{
	background:url(https://contactlife.sg/img/side/side-btn.png) right -50px no-repeat;
	}
.side-ac {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.side-ac dd{
	margin: 0px;
	padding: 0px;
	display: none;
	}



.side-ac dt {
	background-color: #FFF;
}


	
.side-ac ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.side-ac li a {
	list-style-type: none;
	line-height: 120%;
	position: relative;
	display: block;
	margin: 0px;
	padding: 10px 20px;
	text-decoration: none;
	color: #333;
	background:#F0F0F0;
}
.side-ac li a:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 7px;
	height: 7px;
	margin-top: -4px;
	border-top: solid 2px #7f7f7f;
	border-right: solid 2px #7f7f7f;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}

.side-ac li a:hover {
	background:#FFF;
}



.side-ac .site-cl-top{
	margin: 0px;
	padding: 0px;	
	}

.side-ac .site-cl-top li a{
	background-color: #FFF;
	padding: 15px 6px;
	}


/*----------------------------------------------
	見出しデザイン
----------------------------------------------*/


h2 {
    font-size: 23px;
    letter-spacing: 3px;
    margin: 20px auto!important;
}



h3.class1, h2.class1 {
	padding: 0 15px;
	width: 100%;
	line-height: 40px;
	font-size: 18px;
	color: #FFF;
	background-color: #1d8adf;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

h3.class2, h2.class2 {
	padding: 0 15px;
	width: 100%;
	line-height: 40px;
	font-size: 18px;
	letter-spacing: 2px;
	color: #FFF;
	background-color: #1d8adf;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

h3.class2:before, h2.class2:before {
  content: '▼';
  color: white;
  margin-right: 6px;
}



h3.class-gd-p {
	padding: 0 15px;
	width: 100%;
	line-height: 40px;
	font-size: 18px;
	color: #000000;
	background-color: #FAACA8;
	background-image: linear-gradient(19deg, #FAACA8 0%, #DDD6F3 100%);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}



h5,.search h5 {
	margin: 0px;
	padding: 0px;
	border-top-left-radius: 10px;	 /* 左上 */
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	color: #FFF;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
}




.sysHeadline sysAccordion{
	
}

/*----------------------------------------------
	ランキング･ピックアップデザイン
----------------------------------------------*/
.cl-osusume .sysContent,.cl-ranking .sysContent,.cl-whatsnew .sysContent,.cl-pick1 .sysContent,.cl-pick2 .sysContent,.car-osusume .sysContent,.car-ranking .sysContent,.car-whatsnew .sysContent,.car-pick1 .sysContent,.car-pick2 .sysContent,.ml-osusume .sysContent,.ml-ranking .sysContent,.ml-whatsnew .sysContent,.ml-pick1 .sysContent,.ml-pick2 .sysContent,.cos-osusume .sysContent,.cos-ranking .sysContent,.cos-whatsnew .sysContent,.cos-pick1 .sysContent,.cos-pick2 .sysContent {
	padding: 0px;
	margin: -5px 0 10px 0;
}
.sysItemBlock {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 5px 5px;
	margin: 0 0 10px 0;
}

.sysFuncItemBlock ul.sysHorizontal li .sysItemName {
    margin: 5px;
    font-size: 12px;
    height: auto !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 任意の行数を指定 */
}


.sysItemPrice {
    font-size: 90%;
    color: #F00;
    text-align:right;

}

/*----------------------------------------------
	更新履歴デザイン
----------------------------------------------*/
.wnbox {
	padding: 10px;
	width: 100%;
	margin: 0;
}
.wnbox dl {
	margin: 0px;
	padding: 0px;
	line-height: 22px;
}
.wnbox dt {
	color: #999;
	padding: 0px;
	min-height: 20px;
	margin: 0px;
}
.wnbox dd {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin: 5px 0;
	padding: 0px;
}

.check {
	background-image: url(https://contactlife.sg/img/slider/check.png);
	background-repeat: no-repeat;
}

.wnbox a {
    color: #f6314e;
    letter-spacing: 5px;
}
	

.wnbox .infoBox2 {
    background-color: #F56887;
    color: #FFF;
    margin-right: 10px;
    padding: 1px 5px;
    border-radius: 2px;
    font-size: 11px;
}


.wnbox .infoBox3 {
    background-color: #FF0000;
    color: #FFF;
    margin-right: 10px;
    padding: 1px 5px;
    border-radius: 2px;
    font-size: 11px;
}

	
/*----------------------------------------------
	サイドナビ共通デザイン
----------------------------------------------*/
.* .sysContent {
	padding: 0;
	margin: 0;
}




/*----------------------------------------------
	コンテンツ内フッタメニュー
----------------------------------------------*/
.bottom-menu1 {
	width: 49%;
	float: left;
	margin-right: 0.5%;
	margin-left: 0.5%;
}
/*----------------------------------------------
	ピックアップバナー
----------------------------------------------*/
.pick-1 {
	margin-right: 1%;
}
.pick-1,.pick-2 {
	width: 49.5%;
	float: left;
	margin-bottom: 10px;
}
/*----------------------------------------------
	テーブルデザイン
----------------------------------------------*/
table {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}
th {
	background-color: #f5f5f5;
	font-weight: bold;
	text-align: center;
	border: 1px solid #dddddd;
	padding: 5px;
	width:25%;
}
td {
	border: 1px solid #dddddd;
	vertical-align: top;
	text-align: left;
	padding: 5px;
}

/*----------------------------------------------
	ヘッダー
----------------------------------------------*/
/*--基本デザイン------------------------------*/
.logo {
	width: 35%;
	float:left;
}

nav {
	margin-bottom: 10px;
}

nav ul {
	list-style-type: none;　
	margin: 0 auto ;
	padding: 0px;
	width: 100%;
}

.nav1,.nav-shop li,.nav-shop li a,.all-nav li,.all-nav li a {
	border-radius: 10px;	 /* 左上 */
	-webkit-borde-radius: 10px;
	-moz-border-radius: 10px;
}

.nav-guide a {
	border-radius: 10px 0 0 10px;	 /* 左上・右上・右下・左下 */
	-webkit-borde-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
}
.nav-cart a {
	border-radius: 0 10px 10px 0;	 /* 左上・右上・右下・左下 */
	-webkit-borde-radius: 0 10px 10px 0;
	-moz-border-radius: 0 10px 10px 0;
}

.nav1 li a {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	text-align: center;
	line-height: 32px;
	text-decoration: none;
	color: #FFF;
	width: 16.66666%;
	float: left;
	vertical-align:middle;

}
.nav2 {
	margin-right: auto;
	margin-left: auto;
}

.nav2 li a {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	text-align: center;
	line-height: 50px;
	max-height: 50px;
	text-decoration: none;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	width: 20%;
	float: left;
}

.nav3 {
	margin-right: auto;
	margin-left: auto;
	vertical-align : middle ;
}

.nav3 li a {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	text-align: center;
	line-height: 50px;
	max-height: 50px;
	text-decoration: none;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	width: 25%;
	float: left;
}
.nav-shop {
	list-style-type: none;
	margin-top: 15px;
	margin-bottom: 5px;
}
.nav-shop li {
	list-style-type: none;
	float: right;
	width: 15%;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-left: 1px;
}

.nav-shop li a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

.all-nav {
	list-style-type: none;
}
.all-nav li {
	list-style-type: none;
	float: left;
	width: 24%;
	line-height: 42px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 0 0.5%;
}

.all-nav li a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	display: block;
}





/*----------------------------------------------
	フッターメニュー
----------------------------------------------*/
.footer-menu {

	background: #f6f0e4;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.footer-shoplist {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	
}
.footer-shoplist li {
	list-style-type: none;
	float: left;
	margin-right: 0.5%;
	margin-left: 0.5%;
	width: 15.66666666%;
	text-align: center;
	margin-bottom: 5px;	
}
.footer-shoplist li a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	background-color: #FFF;
	border-radius: 10px;	 /* 左上 */
	-webkit-borde-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #573b2d;
}
.footer-shoplist li a:hover {
	background-color: #ddd;
}
.footer1 {
	line-height: 60px;
	min-height: 60px;
	max-height: 60px;
}
.footer2 {
	line-height: 30px;
	min-height: 60px;
	max-height: 60px;
}
.copyright,.copyright a  {
	width: 100%;
	background-color: #573b2d;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	color: #fff;
}


/*----------------------------------------------
	Prアイコン
----------------------------------------------*/

/* アイコンを画像にする場合のCSS */
.sysItemPr img { 
		height:20px;
		width:auto;
}

.sysItemList ul.sysThumbnail li .sysItemPr img {
width: auto;
}


#sysItemDetail #sysAll #sysWrap #sysMain article .sysPr {
    margin-left: 10px;
}

#sysItemDetail #sysAll #sysWrap #sysMain article .sysPr span:first-of-type {
    display: none;
}

#sysItemDetail #sysAll #sysWrap #sysMain article .sysPr span {
    width: auto;
    font-size: 11px;
    border: 1px solid #000;
    border-radius: 0.55em;
    padding: 2px 10px 2px 10px;    
    height: 18px;
    display: inline-block;
    color: #222222;
    margin: 0 0 5px 1px;
    line-height: 1.3 !important;
}

.sysItemPrArea span {
    width: auto;
    font-size: 11px;
    border: 1px solid #000;
    border-radius: 0.55em;
    padding: 2px 10px 2px 10px;    
    height: 18px;
    display: inline-block;
    color: #222222;
    margin: 0 0 5px 1px;
    line-height: 1.3 !important;
}


.pr_1day {
}

.pr_kinshi {
}

.pr_enshi {
    background-color: #fdd0a0;
}

.pr_toriyose {
    background-color: #eeeeee !important;
}

.pr_ranshi {
    color: #00a885 !important;
}

.pr_enkin {
    color: #ab158b !important;

}


.pr_soryomuryo {
    background-color: #e34226 !important;
    border: 1px solid #e34226 !important;
    color: #fff !important;
}

.pr_sokujitsu {
    background-color: #ffa144 !important;
    border: 1px solid #ffa144 !important;
}

.pr_nekopos {
    color: #1a836b !important;
}

pr_color-on {
    color: #1a836b !important;
}


.pr_color-off {
    color: #1a836b !important;
}

.pr_blcut {
    background-color: #ecf7fe !important;
}

.pr_hard {
    color: #1894a6 !important;
}

.pr_soldout {
    color: #e34226 !important;
    border: 1px solid #e34226 !important;
    font-weight: bold;
}

.pr_karakonng {
    color: #e34226 !important;
}

.pr_fittingliquid {
    color: #fff !important;
    background-color: #62cdcf !important;
    border: 1px solid #62cdcf !important;
}

.pr_iyakubugai {
    color: #fff !important;
    background-color: #43ade3 !important;
    border: 1px solid #43ade3 !important;
}

.pr_supri {
    background-color: #c8d78f !important;
    border: 1px solid #c8d78f !important;
}

.pr_kenkosyokuhin {
    color: #fff !important;
    background-color: #e7672b !important;
    border: 1px solid #e7672b !important;
}

.pr_iryokiki {
    background-color: #bcd8e2 !important;
    border: 1px solid #bcd8e2 !important;
}


.back-btn {
	text-align: center;
	display: block;
	width: 100%;
	padding: 0px;
	line-height: 150%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-decoration: none;
	background-color: #F90;
}
.back-btn a {
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	border-radius: 10px 0 0 10px;	 /* 左上・右上・右下・左下 */
	-webkit-borde-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
	
}
.footer-menu-tb {
		font-size: 10px;
}

/*----------------------------------------------
	会員登録ページ修正
----------------------------------------------*/
#form_main > div > div.sysFormItem.sysFax {
display: none;
}
.sysAcceptMailmagazine .sysRequired, .sysAcceptHtmlMailmagazine .sysRequired {
display: none;
}

/* 20231120 非表示 
#sysMemberRegisterIndex .sysFormItem {
margin-top: 15px;
overflow: hidden;
}
*/

/* 20231120 非表示 
#sysMypageReminder #sysMain input[type="text"], #sysMemberRegisterIndex #sysMain input[type="text"], #sysFormIndex #sysMain input[type="text"], #sysFormIndex #sysMain textarea {
    background: #fff;
    border-radius: 0;
    margin: 10px 5px 20px 5px;
}

*/





.sysBirthday input {
    width: auto!important;
}

/*----------------------------------------------
	ご利用ガイド
----------------------------------------------*/
.purchase_1 a {
		  width: 33.33333333333%;
		  float: left;
}
.purchase_w200 {
		  width: 200px;
}
.purchase_w350 {
		  width: 350px;
}
.purchase_w400 {
		  width: 400px;
}
.purchase_w250 {
		  width: 250px;
}
.purchase_w120 {
		  width: 120px;
}
.purchase_w100 {
		  width: 100px;
}
.purchase_new {
	border: #0d87d0 solid 1px;
	margin-bottom: 10px;
	padding: 3px;
}
.purchase_new dt {
	float:left;
}
.purchase_new dd {
	margin-left: 400px;
}
.purchase_smalltext {
	color: #FF0000;
	font-size: 12px;
}

.first-image img {
	float: left;
	width: 50%;
}

/*----------------------------------------------
  商品ページ・カート内共通  アイテムチェック履歴
----------------------------------------------*/


.sysContent .sysHorizontal li {
	float: left;
	width: 20%;
	padding:5px;
}


ul.sysHorizontal {
width: 100%;
display: flex;
flex-wrap: wrap;
}

/*----------------------------------------------
	商品ページ内アイテムチェック履歴
----------------------------------------------*/
#sysItemDetail .saikin_check .sysItemBlock ul {
    display: flex;
    flex-wrap: wrap;
}

/*----------------------------------------------
	アサイドパディング
----------------------------------------------*/

div#sysAside, .sysContent {
	padding: 0!important;
	}



/*----------------------------------------------
	カラコン　特徴別（3分割）
----------------------------------------------*/

.cc-00010img li {
	list-style-type: none;
	float: left;
	margin-right: 0.5%;
	margin-left: 0.5%;
	width: 30%;
	text-align: center;
	margin-bottom: 5px;	
}

/*----------------------------------------------
	カレンダーパディング
----------------------------------------------*/

.sysFuncText, .all-side-calendar dd {
	padding: 0!important;
}


/*----------------------------------------------
	ヘッダーバナー共通　ガイド/ログイン/カート
----------------------------------------------*/



.headerbanner,.headerbanner a  {
	width: 100%;
	background-color: #573b2d;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	text-align: right;
	color: #fff;
}




/*----------------------------------------------
	商品ページセット 画像
----------------------------------------------*/
.set-1 {
	margin-right: 50%;
}
.set-1,.set-2 {
	width: 24.5%;
	float: left;
	margin-bottom: 10px;
}

/*----------------------------------------------
	スマホ　セットリンク画像
----------------------------------------------*/

.set-1,.set-2 {
	width: 100%;
	float: left;
}

.set-2 {
	margin-bottom: 10px;
}

/*----------------------------------------------
	ヘッドキャプション（ベース+4色）
----------------------------------------------*/

.headcaption {
	font-size: 10px;
	color: #fff;
	background-color: #555 ;
/*	overflow:-webkit-marquee;	*/
	white-space:nowrap;
	clear: both;
	height: 25px;
	padding : 5px ;
	margin : 5px 0px ;
}
.headcaption-cl {
	font-size: 13px;
	color: #fff;
	background-color: #1596df ;
/*	overflow:-webkit-marquee;	*/
	white-space:nowrap;
	clear: both;
	padding : 5px ;
	margin : 5px 0px ;
	text-align:center ;
}
.headcaption-car {
	font-size: 13px;
	color: #fff;
	background-color: #c06 ;
/*	overflow:-webkit-marquee;	*/
	white-space:nowrap;
	clear: both;
	padding : 5px ;
	margin : 5px 0px ;
	text-align:center ;
}
.headcaption-cos {
	font-size: 13px;
	color: #fff;
	background-color: #839 ;
/*	overflow:-webkit-marquee;	*/
	white-space:nowrap;
	clear: both;
	padding : 5px ;
	margin : 5px 0px ;
	text-align:center ;
}
.headcaption-ml {
	font-size: 13px;
	color: #fff;
	background-color: #063 ;
/*	overflow:-webkit-marquee;	*/
	white-space:nowrap;
	clear: both;
	padding : 5px ;
	margin : 5px 0px ;
	text-align:center ;
}

/*----------------------------------------------
	カートのアイコン
----------------------------------------------*/

.cart-icon img {
	vertical-align : middle;
	max-width: 5%;
}



/*-------------------------------------------------------
	circle-hikaku(同じモデル比較のページ）　画像
-------------------------------------------------------*/

.circle-hikaku li {
	list-style-type: none;
	float: left;
	margin-right: 0.5%;
	margin-left: 0.5%;
	width: 23%;
	text-align: left;
	margin-bottom: 5px;	
}


/*----------------------------------------------
	カラコン　着色直径
----------------------------------------------*/

.cc-00007img li {
	list-style-type: none;
	float: left;
	margin-right: 0.5%;
	margin-left: 0.5%;
	width: 32%;
        text-align: center;
	margin-bottom: 5px;	
	padding: 5px;
}

.cc-00007img::after {
    content: "";
    display: block;
    clear: both;
}

.cc-00007img a {
	text-decoration: none;
	color:#000;
}
	
.cc-btn {
	display:inline-block;
	/display:inline;
	margin: 10px 0;
	padding: 2px 3px;
	/line-height:1.1;
	color:#000;
	width: 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 3px;
	background-color:#ee8aa6;
	zoom:1;

}

.cc-h2 {
	color: #ee8aa6;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 0 0;
	text-align: left;

	margin: none;
	border-top-left-radius: none;
	border-top-right-radius: none;
	-webkit-border-top-left-radius: none;
	-webkit-border-top-right-radius: none;
	-moz-border-radius-topleft: none;
	-moz-border-radius-topright: none;
	line-height: none;
	border: none;
	background-color: none;
	background:none;
}




.cc-p {
	color: #333;
	font-size: 14px;
	padding: 0 0 0 5px;
	text-align: left;
}


/*----------------------------------------------
	カテゴリ　画像2列　河野20210813
----------------------------------------------*/

.c-00100img ul {
	width: 100%;
}

.c-00100img li {
	list-style-type: none;
  display: inline-block;
  vertical-align: top;
  　　　vertical-align: top;
	margin-right: 0.5%;
	margin-left: 0.5%;
	width: 49%;
	text-align: center;
	padding: 5px;
　　　　font-size: 10px;
}

.c-00100img a {
	text-decoration: none ;
  display: inline-block;
  vertical-align: top;
	color:#000;
}	


/*----------------------------------------------
	コンタクトレンズ　BC
----------------------------------------------*/

.c-00012img ul {
	width: 100%;
}

.c-00012img li {
	list-style-type: none;
  display: inline-block;
  vertical-align: top;
	margin-left: 0.5%;
	width: 31%;
	text-align: center;
	padding: 5px;
　　　　font-size: 12px;
}

.c-00012img a {
	text-decoration: none ;
  display: inline-block;
  vertical-align: top;
	color:#000;
}	
	
.c-btn100 {
	display:inline-block;
	/display:inline;
	margin: 10px 2px;
	padding: 2px 3px;
	/line-height:1.1;
	color:#000;
	cursor:pointer;
	width: 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 3px;
	background-color:#9fd4fe;
	zoom:1;
	font-size: 8px;

}

.c-btn45 {
	display:inline-block;
	/display:inline;
	margin: 10px 2px;
	padding: 2px 3px;
	/line-height:1.1;
	color:#000;
	cursor:pointer;
	width: 45%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 3px;
	background-color:#9fd4fe;
	zoom:1;

	font-size: 8px;
}

.c-btn30 {
	display:inline-block;
	/display:inline;
	margin: 10px 1px;
	padding: 2px 3px;
	/line-height:1.1;
	color:#000;
	cursor:pointer;
	width: 28%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 3px;
	background-color:#9fd4fe;
	zoom:1;
	font-size: 8px;
}

.c-h2 {
	color: #6699cc;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 0 0;
	text-align: left;
	margin: none;
	border-top-left-radius: none;
	border-top-right-radius: none;
	-webkit-border-top-left-radius: none;
	-webkit-border-top-right-radius: none;
	-moz-border-radius-topleft: none;
	-moz-border-radius-topright: none;
	line-height: none;
	border: none;
	background-color: none;
	background:none;
}


.c-p {
	color: #333;
	font-size: 14px;
	padding: 0 0 0 5px;
	text-align: left;
}




/*----------------------------------------------
　20210804松山　カートボタンとお気に入りボタンを離す
----------------------------------------------*/
.sysWishListButtonFormAjax {
    margin-top: 10px;
}


/*----------------------------------------------
　20210804松山　選択肢部分、数量追加・数量を減らすボタン装飾
----------------------------------------------*/
#sysItemDetail .sysNumArea {
    margin-bottom: 10px;
}

#sysItemDetail .sysNumArea {
    padding-top: 5px;
    clear: both;
    text-align: right;
}

#sysItemDetail .sysNumArea .sysBtnPlus {
    border-color: #b9b9b9;
    font-size:13px;
    color: #333333;
}

#sysItemDetail .sysNumArea .sysBtnMinus {
    border-color: #b9b9b9;
    font-size: 13px;
    color: #333333;
}

#sysItemDetail .sysNumArea button {
    padding: 5px 7px;
    border: 1px solid #b9b9b9;
    border-radius: 5px;
    background: #f1f1f1;
    cursor: pointer;
}




/*----------------------------------------------
　20210804松山　お気に入りボタン装飾
----------------------------------------------*/


#sysItemDetail #sysWishlist .sysButton {
    text-align: center;
    width: 100%;
    padding: 9px 0 !important;
    color: #434343 !important;
    background: #fff !important;
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    outline: none;
    font-size: 14px;
    float: right;
    box-shadow: none !important;
}

div#sysWishlist button.sysButton::before {
    content: "★";
    color: #ffcb06;
    font-size: 1.5em;
    line-height: 0;
    vertical-align: middle;
}

div#sysWishlist button.sysButton, div#sysSubmit input.sysCartButton {
    border-radius: 0 !important;
}

div#sysWishlist {
    position: static;
    clear: both;
}



/*----------------------------------------------
　20210804松山　レビュー装飾
----------------------------------------------*/
.row .leftfloat {
    width: 100%;
    float: none;
}
.row .sysDescription, .row .sysReview {
    width: 100%;
}

#sysItemDetail .sysReview {
    margin: 20px 0 0;
    text-align: left;
    clear: both;
}

.sysNickname {
    padding: 2px 5px;
    color: #434343;
    font-size: 13px;
    background: #f1f1f1;
    clear: both;
}
.sysEvaluation, .sysReviewText {
    margin: 0 8px;
}




.sysReviewDatetime {
    font-size: 12px;
    color: #434343;
    text-align: right;
    padding: 5px 0 0;
    margin: 0 10px;
}

ul.sysReviewHistoryList li {
    background: none;
    border: none;
    padding: 0;
}


.sysReviewHistoryCount {
    font-size: 15px !important;
}

/*----------------------------------------------
	レビューページ
----------------------------------------------*/

/*-- タイトル --*/

.sysItemReview #sysMain h2 {
    font-size: 15px;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.sysItemReview #sysMain h3 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 60px;
    padding-bottom: 10px;
    text-align: center;
    position: relative;
}

/* 
.sysItemReview #sysMain h3::before {
  content: "口コミ・";
    font-size: 15px;
    font-weight: 700;
    margin-top: 60px;
    padding-bottom: 10px;
    text-align: center;
    position: relative;
}
 */

/*-- 商品詳細ボタン --*/
.sysItemReview #sysMain .sysButton {
    text-align: center;
    font-size: 15px;
    letter-spacing: .06em;
    display: block;
    max-width: 360px;
    width: 100%;
    height: 50px;
    color: #2d2a26;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    transition: all .3s;
}

/*-- 並び替え --*/
.sysItemReview select {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}



#sysItemReviewIndex #sysMain > form:nth-child(5)  {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

/*-- ボタン --*/
#sysItemReviewIndex input[type="submit"] {
    margin: 1px 0 0 6px;
    width: inherit;
    vertical-align: middle;
}

.sysReviewItemList , .sysReviewHistoryList {
    margin-top: 20px;
    clear: both;
}

.sysReviewImproperForm {
    display: none;
}

.sysReviewItemList ul.sysReviewList li .sysThumbnailImage {
    width: 120px;
    float: left;
    margin: 8px 5px 10px 0;
}

.sysReviewItemList ul.sysReviewList li {
    padding: 15px 5px 15px 5px !important;
}



.sysEvaluation {
    color: #ffcb06;
    clear: both;
    margin: 10px 8px;
}


.sysAllReviewHistoryList .sysReviewItemName a , .sysReviewItemName a{
    display: block;
    margin: 5px 0 5px 0;
}
.sysReviewItemList a {
    color: #333333;
 	font-size: 13px; 
	text-decoration:underline;
}

.sysItemCategoryPankuzu a {
    font-size: 14px;
    color: #333;
    line-height: 1.3;
    text-decoration: underline;
}


#sysItemReviewIndex #sysMain input[value=確認画面に進む], #sysItemReviewConfirm #sysMain input[value=投稿する]   
 {
    background-color: #bb0000;
    color: #fff;
    border: none;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
}

#sysItemReviewConfirm #sysMain input[value=入力画面に戻る] {
    margin-bottom: 50px;
}

#sysItemReviewIndex #sysMain .sysFormField input[type="radio"] {
    margin: 5px 5px 0 5px;
}


#sysItemReviewConfirm #sysMain .sysForm .sysNickname {
background: #fff;
border-bottom: 1px solid #ddd;
}

#sysItemReviewConfirm #sysMain .sysForm .sysEvaluation {
border-bottom: 1px solid #ddd;
}

#sysItemReviewConfirm #sysMain .sysForm .sysFormLabel {
display: inline-block;
    font-weight: 700;
    margin-bottom: 0.5em;
}

.sysFormLabel {
    color: #2d2a26;
}

#sysItemReviewIndex #sysMain .sysNickname {
background: #fff;
}


#sysItemReviewIndex #sysMain .sysReviewHistoryList {
    margin-top: 40px;
    border-top: 1px solid #ddd
}

#sysItemReviewIndex #sysMain .sysReviewHistoryList li {
    border-bottom: 1px solid #ddd;
    padding: 20px 10px
}

#sysItemReviewIndex #sysMain .sysReviewHistoryList .sysReviewImproperForm .sysButton {
    width: auto;
    height: auto;
    display: block;
    line-height: normal;
    color: #2d2a26;
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    font-size: 12px;
    padding: 5px 13px;
    margin: 10px 0 0 auto;
    transition: all .3s
}

#sysItemReviewIndex #sysMain .sysReviewHistoryList .sysReviewImproperForm .sysButton:hover {
    opacity: .7
}

#sysItemReviewIndex #sysMain .SysImproperReviewTitle {
    font-size: 15px;
    font-weight: 700;
    padding-bottom: 10px;
    text-align: center
}

#sysItemReviewIndex #sysMain .SysImproperReviewContent {
    margin-bottom: 40px
}

#sysItemReviewIndex #sysMain .SysImproperReviewForm {
    margin-bottom: 30px
}

#sysItemReviewIndex #sysMain .SysImproperReviewForm .SysImpropalReviewTextareaTitle {
    font-weight: 700
}

#sysItemReviewIndex #sysMain .SysImproperReviewForm .SysImproperReviewFormTextarea {
    margin-top: 10px
}

#sysItemReviewIndex #sysMain input[value=報告],#sysItemReviewIndex #sysMain input[value=確認] {
    background-color: #bf0000;
    border: 1px solid #bf0000;
    color: #fff
}

#sysItemReviewIndex #sysMain input[value=戻る] {
    color: #2d2a26;
    border: 1px solid #2d2a26;
    margin-top: 20px
}

#sysItemReviewIndex #sysMain .SysImpropalReviewDone {
    text-align: center;
    margin: 60px 0
}


#sysItemReviewThanks #sysMain {
    text-align: center
}

#sysItemReviewThanks #sysMain .sysButton {
    color: #2d2a26;
    border: 1px solid #2d2a26;
    margin-top: 40px
}


.sysMypage #sysMain input[type="submit"].sysBackButton, .sysMypage #sysMain .opcOrderBackToBasket_backToBasket.opcCommonButton, .sysMypage #sysMain .opcPaymentMethod_backButton_edit.opcCommonButtonEdit, .sysMypage #sysMain .sysButton.sysBackSubmitArea, .sysCart #sysMain input[type="submit"].sysBackButton, .sysCart #sysMain .opcOrderBackToBasket_backToBasket.opcCommonButton, .sysCart #sysMain .opcPaymentMethod_backButton_edit.opcCommonButtonEdit, .sysCart #sysMain .sysButton.sysBackSubmitArea, .sysOpcBody #sysMain input[type="submit"].sysBackButton, .sysOpcBody #sysMain .opcOrderBackToBasket_backToBasket.opcCommonButton, .sysOpcBody #sysMain .opcPaymentMethod_backButton_edit.opcCommonButtonEdit, .sysOpcBody #sysMain .sysButton.sysBackSubmitArea {
    border: 1px solid #333 !important;
    background-color: #fff !important;
}


.sysItemReview #sysMain input[value=並び替え] {
    color: #fff;
    background-color: #2d2a26;
    margin-top: 20px;
}

.sysItemReview #sysMain input[value=商品詳細] {
    color: #fff;
    background-color: #1596df;
    margin-top: 20px;
}

.sysItemReview #sysMain {
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
}

.sysHeadline {
    font-size: 25px;
    margin: 30px auto 0px !important;
    position: relative;
    text-align: center;
    letter-spacing: 3px;
}



.sysTitle::before, .sysHeadline::before {
    height: 0px;
}

.sysHeadline span {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin: 0;
    padding: 0;
    background-color: #fff;
    text-align: center;
}


.sysHeadline b {
    width: 100%;
    display: block;
    font-size: 10px;
    text-align: center;
    border-top: 1px solid #222222;
    padding: 0 80px;
    margin-top: 3px;
    padding-top: 5px;
}




/*----------------------------------------------
 　商品ページリニューアル追加CSS　2021/12/16
----------------------------------------------*/
.sysImageDescription {
	display: none;
}


#sysItemDetail .features {
    font-size: 1.1rem;
    padding: 0 !important;
    color: #333;
    margin-top: 20px;
}


#sysItemDetail p {
    margin: 2px 0 17px 0;
}


#sysItemDetail .sysItemName h1 {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.7em;
    padding: 0 0 10px 0;
    margin: 10px 0 10px 0;
    border-bottom: 1px solid #000;
    background-color: #fff;
    color: #333333;
}




.text_center {
    text-align: center;
    padding: 10px 10px;
}

.itemset {
    border: 1px solid #dadada;
    overflow: hidden;
    background: #fcfcfc;
    position: relative;
    top: 20px;
    padding: 5px;
    font-size: 14px;
}

.itemset p {
    margin: 0 !important;
    padding: 5px;
    overflow: hidden;
}


.goodsabout p {
    clear: both;
}

.itemset a {
    font-weight: bold;
    padding: 10px 0 0;
    font-size: 14px;
    text-align: center;
    background: -moz-linear-gradient(top, #ffa84a 0%, #ff9138 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa84a), color-stop(100%, #ff9138));
    background: -webkit-linear-gradient(top, #ffa84a 0%, #ff9138 100%);
    background: linear-gradient(to bottom, #ffa84a 0%, #ff9138 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffa84a, endcolorstr=#ff9138))";
    border: 1px solid #ff8e15;
    width: 100px;
    height: 48px;
    text-decoration: none;
    color: #fff;
    margin: 5px 5px;
    display: block;
    float: left;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.orderArea > div {
    width: 50%;
    display: inline-block;
    letter-spacing: normal;
    text-align: left;
    vertical-align: top;
}

.sysItemImages {
    max-width: 420px;
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    margin-top: 0px;
}


.sysRetailPrice {
    text-align: left;
    margin: 5px 0 10px 110px;
}

#sysItemDetail .sysRetailPrice {
    font-size: 20px !important;
    text-align: right;
    border-bottom: none !important;
    color: rgb(230, 45, 45) !important;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif !important;
    clear: both;}










#sysItemDetail #sysAll #sysWrap #sysMain article .sysItemName {
    margin-top: -10px;
}



/*----------------------------------------------
 商品ページ 商品スペック
----------------------------------------------*/

#sysItemDetail .sysDescription .item_spec {
    margin-bottom: 20px;
}


#sysItemDetail .sysDescription .item_spec h3 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 2px;
}

#sysItemDetail .sysDescription .item_spec dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#sysItemDetail .sysDescription .item_spec dl dt:first-of-type {
    border-top: 1px solid #CCCCCC;
}

#sysItemDetail .sysDescription .item_spec dl dt {
    width: 40%;
    text-align: center;
    background-color: #F7F7F7;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 0;
}


#sysItemDetail .sysDescription .item_spec dl dd:first-of-type {
    border-top: 1px solid #CCCCCC;
}

#sysItemDetail .sysDescription .item_spec dl dd {
    width: 60%;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 8px;
}


/* ----- キャンペーン商品 ----- */

.goods_camp_sec {
	margin: 50px 0 30px 0;
	padding: 20px 3px 10px;
	background-color: #F6F6F6;
}

.goods_camp_sec .aui_title_02 {
	margin: 0 20px 30px;
}
.goods_camp_sec .aui_title_02 .en {
	margin-bottom: 8px;
	font-size: 1.8rem;
	letter-spacing: 0.28rem;
	display: block;
	text-align: center;
}

.goods_camp_sec .aui_title_02 .ja {
	font-size: 1rem;
	letter-spacing: 0.24rem;
	display: block;
	font-weight: 500;
	line-height: 0.6;
	text-align: center;
}


.goods_camp_sec .aui_product_box {
    align-items: center;
    text-align: center;
    width: 100%;
    padding: 5px;
    margin-bottom: 15px;
    background-color: #FFFFFF;
}

.goods_camp_sec .goods_camp .aui_product_box img {
	margin-bottom: 5px;
}


.marker_y {
    background: linear-gradient(transparent 50%, #ffffcc 50%);
}

.marker_p {
    background: linear-gradient(transparent 50%, #fdc7c4 5%);
}

/* ----- おすすめ商品 ----- */
aside {
	display: block;
}
.goods_rcmd_sec {
	margin: 70px 0 30px 0;
	padding: 30px 24px 30px;
	background-color: #F6F6F6;
}
.goods_rcmd_sec .aui_title_02 {
	margin: 0 20px 30px;
}
.goods_rcmd_sec .aui_title_02 .en {
	margin-bottom: 8px;
	font-size: 1.8rem;
	letter-spacing: 0.28rem;
	display: block;
	text-align: center;
}

.goods_rcmd_sec .aui_title_02 .ja {
	font-size: 1rem;
	letter-spacing: 0.24rem;
	display: block;
	font-weight: 500;
	line-height: 0.6;
	text-align: center;
}


.aui_product_box_h .aui_product_label {
    margin-bottom: 10px;
    font-size: 1rem;
}

.aui_product_box_h .aui_product_label .label_red {
    color: #FFFFFF;
    background-color: #CB0005;
}

.aui_product_box_h .aui_product_label > span {
    margin-right: 5px;
    padding: 4px 6px;
}

.aui_product_box_h {
	position: relative;
	margin-bottom: 24px;
	line-height: 1.8;
}



.aui_product_box_h::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 18px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: solid 2 px #222222;
	border-right: solid 2 px #222222;
	-webkit-transform: rotate( 45deg);
	transform: rotate( 45deg);
	transition: all 0.3s ease;
}
.aui_product_box_h a {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 5px;
	background-color: #FFFFFF;
}
.aui_product_box_h .aui_product_imgbox {
	flex-grow: 0;
	position: relative;
	width: 30%;
	margin: 0;
	padding: 15% 0;
	background-color: #FFFFFF;
}
.aui_product_box_h .aui_product_imgbox img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	vertical-align: top;
	font-size: 0;
	line-height: 0;
}
.aui_product_box_h .aui_product_detail_box {
	width: 70%;
	padding: 5px 5px 5px 10px;
}
.aui_product_box_h .aui_product_name {
	margin: 0 0 3px 0 !important;
	line-height: 1.6;
}
.aui_product_box_h .aui_product_price_box {

	align-items: baseline;
}
.aui_product_box_h .aui_product_price {
	margin: 0 !important;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0.05em;
}
.aui_product_box_h .aui_product_perbox {
	margin-top: 0;
	font-size: 14px;
	letter-spacing: 0.04em;
}
.aui_product_box_h .aui_product_devide_price {
    color: #CB0005;
}

/* ----- レビュー ----- */
#sysItemDetail .sysReview span {
    font-size: 20px;
    letter-spacing: 0.28rem;
    text-align: center;
    margin: 10px 0 10px;
    padding: 10px 0 10px;
    line-height: 1.6;
}



.sysReview {
background-color: #FFFFFF;
}

.sysReview .sysReviewHistoryList {
    margin: 5px 0 5px 0;
    clear: both;
}

.sysReview .sysNickname {
    padding: 2px 5px;
    color: #434343;
    background: #f1f1f1;
    margin: 10px 8px;
}

.sysReview .sysNickname span{
    font-size: 1rem !important;
    letter-spacing: 0.1rem !important;
}

.sysReview .sysEvaluation span {
    margin-bottom: 3px !important;
    font-size: 1.4rem !important;
    letter-spacing: 0.1rem !important;
    text-align: center !important;
    margin: 10px 0 10px !important;
    padding: 10px 0 10px !important;
    line-height: 1.6 !important;
}

.sysReview .sysReviewText {
    padding: 0 8px 0 8px !important;
    margin: 6px 0;
    color: #434343;
    line-height: 1.5em;
    letter-spacing: 0.08em;
}


#sysItemDetail .sysReview input {
    border: none;
    padding: 8px;
    margin: 5px 0;
    border-radius: 0px;
    background-color: #fff;
    color: #264de6;
    cursor: pointer;
    width: 100%; 
    text-decoration: underline;
    font-size: 15px;
}


/* ----- 商品コメント、アドキット ----- */


.goods_comment_sec {
	margin: 40px auto;
	display: block;
}
.goods_comment_sec {
	border-bottom-width: 0;
}
.goods_comment_sec .goods_comment {
	overflow: hidden;
	line-height: 2;
	padding: 0 7px 0 7px;
}


#sysItemDetail .goods_comment_sec .sysHeadline {
	width: auto;
	clear: both;
	padding-top: 20px;
	font-size: 22px;
}


/* ----- 商品ページリコメンド ----- */


 #sysMain .sysFuncItemBlock.saikin_check {
    margin: 0px 0 20px 0 !important;
}

 #sysMain .sysFuncItemBlock.saikin_check .sysHeadline {
    margin: 0px auto 0px auto !important;
}


/* ----- 商品ページモデルプロフィール ----- */
.model_profile {
    padding: 30px 7px 0;
    line-height: 2;
}


/* ----- カテゴリページ ページ内リンク ----- */


.list-box {
   background: #f0f0f0; /* 背景色 */
   border-radius: 4px;
   max-width: 100%; /* 横幅 */
   padding: 0.5em 0.8em 0.8em 1em;
   margin:0 auto;
   margin-bottom:25px;
}

.list-box li + .list-box li {
    margin-top: 5px;
}


.list-box li{
    position: relative;
    padding-left: 12px;
  }
 
.list-box li:before {
    content: "";
    position: absolute;
    top: .37em;
    left: 0;
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent transparent #3388dd;
  }


.link-type a {
    line-height: 2;
    font-size: 1.1rem !important;
}


/* ----- 医薬品販売についてのリンクボタン ----- */
.druginfoBtn {
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom:25px;
}

.druginfoBtn a {
    display: block;
    padding: 18px 0;
    color: #fff;
    background: #ed9761;
    border-radius: 5px;
    text-align: center;
}




/* ----- 購入ページ ----- */
.sysOpcBody #sysOpc.opc .opcOrderSummaryTitle, .sysOpcBody #sysOpc.opc .opcBillingAddressTitle, .sysOpcBody #sysOpc.opc .opcClientTitle, .sysOpcBody #sysOpc.opc .opcDeliveryAddressTitle, .sysOpcBody #sysOpc.opc .opcDeliveryMethodTitle, .sysOpcBody #sysOpc.opc .opcItemTitle, .sysOpcBody #sysOpc.opc .opcPaymentMethodTitle, .sysOpcBody #sysOpc.opc .opcRemarksTitle, .sysOpcBody #sysOpc.opc .opcSubstituteOrderMemoTitle, .sysOpcBody #sysOpc.opc .opcPointTitle, .sysOpcBody #sysOpc.opc .opcCouponCodeTitle, .sysOpcBody #sysOpc.opc .opcCouponTitle, .sysOpcBody #sysOpc.opc .opcMemberTitle, .sysOpcBody #sysOpc.opc .opcRepeatTitle, .sysOpcBody #sysOpc.opc .opcDeliveryAddressAndItemsTitle, .sysOpcBody #sysOpc.opc .opcDeliveryAddressHeader, .sysOpcBody #sysOpc.opc .opcDeliveryMethodHeader, .sysOpcBody #sysOpc.opc .opcDeliveryAddressItemHeader, .sysOpcBody #sysOpc.opc .basketCouponTitle {
    padding: 5px 0;
    font-size: 16px;
    margin: 0;
    border: 0;
}

.sysOpcBody #sysOpc.opc .opcDeliveryAddressArea > div, .sysOpcBody #sysOpc.opc .opcBillingAddressArea > div, .sysOpcBody #sysOpc.opc .opcPaymentMethodArea > div, .sysOpcBody #sysOpc.opc .opcDeliveryMethodArea > div {
    width: 100%;
}

.sysOpcBody #sysOpc.opc .opcDeliveryAddressArea .opcCommonEditModeBlock, .sysOpcBody #sysOpc.opc .opcBillingAddressArea .opcCommonEditModeBlock, .sysOpcBody #sysOpc.opc .opcPaymentMethodArea .opcCommonEditModeBlock, .sysOpcBody #sysOpc.opc .opcDeliveryMethodArea .opcCommonEditModeBlock {
    padding: 0;
    border: 0;
    background: transparent;
}

.sysOpcBody #sysOpc.opc .opcDeliveryAddressArea .opcPaymentMethod_edit, .sysOpcBody #sysOpc.opc .opcDeliveryAddressArea .opcBillingAddress_mailaddressAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcDeliveryAddressArea .opcBillingAddress_genderAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcDeliveryAddressArea .opcBillingAddress_acceptMailmagazineAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcDeliveryAddressArea .opcDeliveryAddress_registerCustomerDeliveryAddressFlagAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcDeliveryAddressArea .opcDeliveryMethod_deliveryMethodListGroup_edit li:first-child, .sysOpcBody #sysOpc.opc .opcDeliveryAddressArea .opcDeliveryMethod_deliveryMethodListGroup_edit li:nth-child(2), .sysOpcBody #sysOpc.opc .opcBillingAddressArea .opcPaymentMethod_edit, .sysOpcBody #sysOpc.opc .opcBillingAddressArea .opcBillingAddress_mailaddressAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcBillingAddressArea .opcBillingAddress_genderAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcBillingAddressArea .opcBillingAddress_acceptMailmagazineAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcBillingAddressArea .opcDeliveryAddress_registerCustomerDeliveryAddressFlagAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcBillingAddressArea .opcDeliveryMethod_deliveryMethodListGroup_edit li:first-child, .sysOpcBody #sysOpc.opc .opcBillingAddressArea .opcDeliveryMethod_deliveryMethodListGroup_edit li:nth-child(2), .sysOpcBody #sysOpc.opc .opcPaymentMethodArea .opcPaymentMethod_edit, .sysOpcBody #sysOpc.opc .opcPaymentMethodArea .opcBillingAddress_mailaddressAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcPaymentMethodArea .opcBillingAddress_genderAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcPaymentMethodArea .opcBillingAddress_acceptMailmagazineAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcPaymentMethodArea .opcDeliveryAddress_registerCustomerDeliveryAddressFlagAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcPaymentMethodArea .opcDeliveryMethod_deliveryMethodListGroup_edit li:first-child, .sysOpcBody #sysOpc.opc .opcPaymentMethodArea .opcDeliveryMethod_deliveryMethodListGroup_edit li:nth-child(2), .sysOpcBody #sysOpc.opc .opcDeliveryMethodArea .opcPaymentMethod_edit, .sysOpcBody #sysOpc.opc .opcDeliveryMethodArea .opcBillingAddress_mailaddressAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcDeliveryMethodArea .opcBillingAddress_genderAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcDeliveryMethodArea .opcBillingAddress_acceptMailmagazineAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcDeliveryMethodArea .opcDeliveryAddress_registerCustomerDeliveryAddressFlagAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcDeliveryMethodArea .opcDeliveryMethod_deliveryMethodListGroup_edit li:first-child, .sysOpcBody #sysOpc.opc .opcDeliveryMethodArea .opcDeliveryMethod_deliveryMethodListGroup_edit li:nth-child(2) {
    padding: 15px;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    margin-bottom: 10px;
}

/*  20231118 非表示 
.sysOpcBody #sysOpc.opc .opcDeliveryAddressArea .opcCommonEditModeBlock label, .sysOpcBody #sysOpc.opc .opcBillingAddressArea .opcCommonEditModeBlock label, .sysOpcBody #sysOpc.opc .opcPaymentMethodArea .opcCommonEditModeBlock label, .sysOpcBody #sysOpc.opc .opcDeliveryMethodArea .opcCommonEditModeBlock label {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
}
*/

.sysOpcBody #sysOpc.opc .opcDeliveryAddressArea .opcDeliveryMethod_normalShippingAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcDeliveryAddressArea .opcDeliveryMethod_mailShippingAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcBillingAddressArea .opcDeliveryMethod_normalShippingAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcBillingAddressArea .opcDeliveryMethod_mailShippingAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcPaymentMethodArea .opcDeliveryMethod_normalShippingAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcPaymentMethodArea .opcDeliveryMethod_mailShippingAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcDeliveryMethodArea .opcDeliveryMethod_normalShippingAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcDeliveryMethodArea .opcDeliveryMethod_mailShippingAndLabelGroup_edit {
    height: auto !important;
}

.sysOpcBody #sysMain input[type="radio"] {
    margin: 0 7px 0 0 !important;
    position: relative;
    height: 18px;
}

.sysOpcBody #sysOpc.opc .opcDeliveryAddressArea .opcDeliveryMethod_normalShoppingComment_edit, .sysOpcBody #sysOpc.opc .opcDeliveryAddressArea .opcDeliveryMethod_mailShoppingComment_edit, .sysOpcBody #sysOpc.opc .opcBillingAddressArea .opcDeliveryMethod_normalShoppingComment_edit, .sysOpcBody #sysOpc.opc .opcBillingAddressArea .opcDeliveryMethod_mailShoppingComment_edit, .sysOpcBody #sysOpc.opc .opcPaymentMethodArea .opcDeliveryMethod_normalShoppingComment_edit, .sysOpcBody #sysOpc.opc .opcPaymentMethodArea .opcDeliveryMethod_mailShoppingComment_edit, .sysOpcBody #sysOpc.opc .opcDeliveryMethodArea .opcDeliveryMethod_normalShoppingComment_edit, .sysOpcBody #sysOpc.opc .opcDeliveryMethodArea .opcDeliveryMethod_mailShoppingComment_edit {
    margin-top: 10px;
}

.sysOpcBody #sysOpc.opc .opcDeliveryAddressArea .opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcDeliveryAddressArea .opcDeliveryMethod_mailShippingDetailAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcBillingAddressArea .opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcBillingAddressArea .opcDeliveryMethod_mailShippingDetailAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcPaymentMethodArea .opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcPaymentMethodArea .opcDeliveryMethod_mailShippingDetailAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcDeliveryMethodArea .opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit, .sysOpcBody #sysOpc.opc .opcDeliveryMethodArea .opcDeliveryMethod_mailShippingDetailAndLabelGroup_edit {
    border-bottom: 0;
}

.sysOpcBody #sysOpc.opc .opcDeliveryAddressArea .opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit > div, .sysOpcBody #sysOpc.opc .opcBillingAddressArea .opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit > div, .sysOpcBody #sysOpc.opc .opcPaymentMethodArea .opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit > div, .sysOpcBody #sysOpc.opc .opcDeliveryMethodArea .opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit > div {
    margin-top: 20px;
}

/*  20231118 非表示 
.opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit {
    margin-left: 1em;
    padding-left: 1em;
    border-bottom: 1px solid #9b9b9b;
}
*/

.sysOpcBody #sysOpc.opc .opcDeliveryAddressArea .opcCommonEditModeBlock select, .sysOpcBody #sysOpc.opc .opcBillingAddressArea .opcCommonEditModeBlock select, .sysOpcBody #sysOpc.opc .opcPaymentMethodArea .opcCommonEditModeBlock select, .sysOpcBody #sysOpc.opc .opcDeliveryMethodArea .opcCommonEditModeBlock select {
    width: 200px;
    height: 40px;
    border: 1px solid #d0d0d0 !important;
    margin: 0 0.5em 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px 0 10px;
}

@media screen and (max-width: 640px) {
.sysOpcBody #sysOpc.opc .opcDeliveryMethodArea select {
    display: block;
}
}

.sysOpcBody #sysOpc.opc .opcOrderSummaryArea .opcOrderSummary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 1px dotted;
}


.sysOpcBody #sysOpc.opc .opcBillingAddress, .sysOpcBody #sysOpc.opc .opcPaymentMethod, .sysOpcBody #sysOpc.opc .opcRemarks_edit, .sysOpcBody #sysOpc.opc .opcOrderSummary, .sysOpcBody #sysOpc.opc .opcDeliveryAddress, .sysOpcBody #sysOpc.opc .opcDeliveryMethod, .sysOpcBody #sysOpc.opc .opcItemDataBind.opcItemList {
    border: none;
    padding: 0;
}

.sysOpcBody #sysOpc.opc .opcOrderSummaryArea .opcOrderSummary .opcOrderSummary_totalPricesAndLabelGroup {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    border-top: 1px dotted;
    border-bottom: 0;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sysOpcBody #sysOpc.opc .opcOrderSummaryArea .opcOrderSummary_totalPricesAndLabelGroup, .sysOpcBody #sysOpc.opc .opcOrderSummaryArea .opcOrderSummary_feeAndLabelGroup, .sysOpcBody #sysOpc.opc .opcOrderSummaryArea .opcOrderSummary_useCouponPriceAndLabelGroup, .sysOpcBody #sysOpc.opc .opcOrderSummaryArea .opcOrderSummary_getPointAndLabelGroup, .sysOpcBody #sysOpc.opc .opcOrderSummaryArea .opcOrderSummary_usePointPriceAndLabelGroup {
    padding: 0.8em 0;
}

.sysOpcBody #sysOpc.opc .opcOrderSummaryArea .opcOrderSummary .opcOrderSummary_totalPricesAndLabelGroup .opcOrderSummary_totalPriceLabel {
    color: #ea5532;
}

.sysOpcBody #sysOpc.opc .opcOrderSummaryArea .opcOrderSummary .opcOrderSummary_totalPricesAndLabelGroup .opcOrderSummary_normalTotalPrice {
    font-size: 18px;
    color: #ea5532;
}

@media screen and (max-width: 640px) {
.sysOpcBody #sysMain #sysOpc.opc .opcOrderSummaryArea .opcOrderSummary_totalPricesAndLabelGroup span {
    font-size: 4.53333vw;
}
}
.sysOpcBody #sysOpc.opc .opcOrderSummaryArea .opcOrderSummary .opcOrderSummary_buttonGroup {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 10px;
}
.sysOpcBody .opcCommonButtonGroup {
    border: none !important;
    padding: 0 !important;
}

.sysOpcBody #sysOpc.opc .opcOrderSummaryArea .opcOrderSummary .opcOrderSummary_priceBreakDownGroup {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.sysOpcBody #sysOpc.opc .opcOrderSummaryArea .opcOrderSummary_priceBreakDownGroup {
    padding: 0;
}

.sysOpcBody #sysOpc.opc .opcOrderSummaryArea .opcOrderSummary_totalItemPricesAndLabelGroup, .sysOpcBody #sysOpc.opc .opcOrderSummaryArea .opcOrderSummary_deliveryCostAndLabelGroup, .sysOpcBody #sysOpc.opc .opcOrderSummaryArea .opcOrderSummary_totalCartOptionPriceAndLabelGroup {
    padding: 0.8em 0 0;
}

.opcOrderSummary_feeAndLabelGroup, .opcOrderSummary_usePointPriceAndLabelGroup {
    border-bottom: none;
}

.sysOpcBody .opcCommonButtonGroup input[type="button"] {
    background-color: #f1f1f1 !important;
    border: 1px solid #cccccc !important;
    font-size: 12px !important;
    padding: 5px 13px;
    height: 35px;
}

.sysOpcBody #sysOpc.opc .opcRequestOrderArea {
    margin: 20px auto 30px;
    width: 100%;
}

.sysOpcBody .opcConfirm_requestOrder.opcCommonButton.opcConfirm_order {
    background-color: #bf0000;
    width: 400px;
    height: 50px !important;
}


.opcConfirm_order, .sysNextSubmit {
    text-align: center;
    font-size: 15px;
    letter-spacing: .06em;
    display: block;
    max-width: 360px;
    width: 100%;
    height: 50px;
    color: #2d2a26;
    border: 1px solid #2d2a26;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    transition: all .3s;
    color: #fff;
    background-color: #bf0000;
    border-color: #bf0000;
}

.sysNextSubmit {
    margin-top: 30px;
}


.sysMypage#sysMypageEditMember #sysMain .sysBackButton {
    margin-top: 20px;
    padding: 0;
    max-width: 180px;
    margin-left: calc(50% - 180px);
    margin-right: auto;
    color: #2d2a26;
}

.sysMypage #sysMain .sysBackButton {
    text-align: center;
    font-size: 15px;
    letter-spacing: .06em;
    display: block;
    max-width: 360px;
    width: 100%;
    height: 50px;
    color: #2d2a26;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    transition: all .3s;
    border: 1px solid #2d2a26;
    margin-top: 30px;
}

/*----------------------------------------------
 　TOPに戻るボタン
----------------------------------------------*/
#page-top-all {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 22px;
  line-height: 1.5;
  z-index: 99;
}

#page-top-all a {
    background: #7e7e7ead;
    text-decoration: none;
    color: #fff;
    width: 80px;
    padding: 10px 10px 18px 10px;
    text-align: center;
    display: block;
    border-radius: 90px;
    opacity: 0.9;
    height: 80px;
    font-size: 14px; 
}

#page-top-all a::before{
  font-family:FontAwesome;
  content: "\f062";
  font-size: 1.7em;
  display: block;
  margin-bottom: -4px;
}

#page-top-all a:hover {
  text-decoration: none;
  opacity: .5;
}




/* タイプ、ブランドから探す
--------------------------------------- */
.product_type ul, .product_brand ul, .health_type ul, .medical_type ul, .product_class ul {
	clear: both;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.product_type h2, .product_brand h2, .health_type h2, .medical_type h2, .product_class h2 {
	border-left: 7px solid #1596df;
	background-color: #efefef;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	padding: 0 0 0 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	letter-spacing: 3px;
	margin: 0;
}
.product_type li, .health_type li, .medical_type li, .product_class li {
	background: url(../img/test/arrowR.gif) no-repeat 20px center;
	background-size: 5px 10px;
	text-indent: 5px;
	font-size: 14px;
}
.product_type li, .product_brand li, .health_type li, .medical_type li, .product_class li {
	text-align: center;
	border: 1px solid #eeeeee;
	border-top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 33.3%;
}
.product_type li a, .product_brand li a, .health_type li a, .medical_type li a, .product_class li a {
	display: block;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 0;
	overflow: hidden;
	text-decoration: none;
	color: #444;
}
.product_brand li {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 90px;
}
.product_brand li img {
	width: 50%;
	height: auto;
}
#brandlist ul li a p {
	font-size: 10px;
	margin: 5px 0 5px 0;
}
 
 


/* フッター　取り扱い商品
--------------------------------------- */


.about_head_text {
  margin-bottom: 10px;
}

.brand_list > li {
  padding: 10px 0 30px;
}

.brand_list > li + li {
  padding-top: 40px;
  border-top: 1px solid #D5D5D5;
}

.brand_name img {
    width: 30%;
}


.brand_product_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 5px;
}

.brand_product_list > li {
  width: calc( 100% / 4);
  padding-top: 20px;
  padding-right: 30px;
  font-size: 0.8rem;
  line-height: 1.6;
}

.brand_product_list > li:nth-child(4n) {
  padding-right: 0;
}


/* フッター　*/
#footer-new {
	width: 100%;
	margin: 0 0 0 0;
	padding: 80px 0 60px 0;
	background-color: #F6F6F6;
	display: block;
}
.f_row {
	display: flex;
	width: 1040px;
	margin-right: auto;
	margin-left: auto;
}
.f_nav {
	display: flex;
	width: 800px;
}
.f_nav .f_nav_box {
	width: 266px;
	padding: 0 0 0 60px;
}
.f_nav .f_nav_box_ttl {
	margin: 0 0 28px 0;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.2em;
}
.f_nav li {
	margin: 0 0 15px 0;
}
.f_nav li a, a:visited {
	text-decoration: none;
	transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.f_nav li a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
.f_nav .f_nav_box {
	width: 266px;
	padding: 0 0 0 60px;
}
.f_sns {
	width: 240px;
	text-align: center;
}
.f_sns .f_sns_box_ttl {
	margin: 0 0 20px 0;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.2em;
}
.f_sns li {
	display: inline-block;
	margin: 0 2px;
}
.f_sns img[class*="aui_icon"] {
	width: 2rem;
	height: 2rem;
	transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.f_copy {
	width: 100%;
	padding: 60px 0 0;
	text-align: center;
}
.f_copy_text {
	font-size: 0.8rem;
}



.sysItemList ul.sysThumbnail li #2-acde-2 .sysThumbnailImage {
	-webkit-filter: grayscale(1); /* Webkit */
	filter: gray; /* IE6-9 */
	filter: grayscale(1); /* W3C */
	cursor: default;
}


button, input, select {
    font: inherit;
    margin: 0;
}





/* 20231120非表示 
form .sysFormItem .sysFormLabel, form>div .sysFormLabel {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0.5em;
}

*/


.sysZipcode:after {
    content: "";
    display: block;
    clear: both;
}


.sysZipcode .sysFormField, form .sysZipcode .sysFormField {
    max-width: 200px;
    width: 100%;
    margin-right: 10px;
}


#sysFormIndex .sysNextSubmit {
    text-align: center;
    font-size: 15px;
    letter-spacing: .06em;
    display: block;
    max-width: 360px;
    width: 100%;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    transition: all .3s;
    background-color: #bf0000;
    border-color: #bf0000;
    color: #fff;
}



.aui_title_03.ja {
    font-size: 1.7rem;
    font-weight: 700;
}
.aui_title_03 {
    margin: auto auto 30px auto;
    padding: 14px 0;
    border-bottom: 1px solid #D5D5D5;
    line-height: 1.2;
    letter-spacing: 0.15rem;
}




/*----------------------------------------------
	下線マーカー
----------------------------------------------*/
.m_kasen02 {background:linear-gradient(transparent 60%, #F4B49C 60%);}
.m_kasen03 {background:linear-gradient(transparent 60%, #99cccc 60%);}






#sysBasket .sysSubTotalArea .sysSelectionDescription {
    display: none;
}

#sysBasket #sysMain .sysItemListArea ul.nav li .sysDeleteArea.sysButton {
    font-size: 12px;
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    text-align: center;
    width: 80px;
    height: 30px;
    padding: 0;
    max-width: inherit;
}

.sysMemberRegister#sysMemberRegisterConfirm #sysMain h2+div {
    text-align: center;
    margin: 30px auto;
}


.sysCart#sysRegi #sysMain #btn_area h3, .sysCart#sysRegi #sysMain .sysCartTitle {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    text-align: center;
}
.sysCartTitle {
    background-color: transparent;
    color: inherit;
    font-size: medium;
}

.modaal-content-container .sysMemberId .sysFormLabel, .modaal-content-container .sysMemberPassword .sysFormLabel, .opcCommonEditModeBlock .sysMemberId .sysFormLabel, .opcCommonEditModeBlock .sysMemberPassword .sysFormLabel, form .sysMemberId .sysFormLabel, form .sysMemberPassword .sysFormLabel {
    margin-top: 30px;
}

.modaal-content-container .sysFormItem .opcCommonEditLabel, .modaal-content-container .sysFormItem .sysFormLabel, .modaal-content-container>div .opcCommonEditLabel, .modaal-content-container>div .sysFormLabel, .opcCommonEditModeBlock .sysFormItem .opcCommonEditLabel, .opcCommonEditModeBlock .sysFormItem .sysFormLabel, .opcCommonEditModeBlock>div .opcCommonEditLabel, .opcCommonEditModeBlock>div .sysFormLabel, form .sysFormItem .opcCommonEditLabel, form .sysFormItem .sysFormLabel, form>div .opcCommonEditLabel, form>div .sysFormLabel {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0.5em;
}


.sysCart #sysMain input[type=email], .sysCart #sysMain input[type=number], .sysCart #sysMain input[type=password], .sysCart #sysMain input[type=search], .sysCart #sysMain input[type=tel], .sysCart #sysMain input[type=text], .sysCart #sysMain textarea {
    background: transparent;
    filter: none;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
}


.sysBackButton {
    text-align: center;
    font-size: 15px;
    letter-spacing: .06em;
    display: block;
    max-width: 360px;
    width: 100%;
    height: 50px;
    border: 1px solid #2d2a26;
    margin-left: auto;
    box-sizing: border-box;
    transition: all .3s;
    max-width: 180px;
    margin-left: calc(50% - 180px);
    margin-right: auto;
    color: #2d2a26;
}



.sysCart#sysRegi #sysMain .sysButton, .sysCart#sysRegi #sysMain .sysLoginButton {
    text-align: center;
    font-size: 15px;
    letter-spacing: .06em;
    display: block;
    max-width: 360px;
    width: 100%;
    height: 50px;
    color: #2d2a26;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    transition: all .3s;
    border: 1px solid #2d2a26;
}

#sysRegi #sysMain #members_area , #sysRegi .sysFreeAreaBottom h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center
}

#sysRegi #sysMain {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit {
    background: transparent;
    filter: none;
    text-shadow: none;
    font-weight: 400;
    font-size: 14px;
}

#sysBasket.sysCart #sysMain .sysItemListArea .sysCartTitle {
    font-size: 16px;
    text-align: center;
    padding: 0 0 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd
}

#sysRegi #sysMain #btn_area h3,.sysCart#sysRegi #sysMain .sysCartTitle {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: .5em;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    text-align: center
}

.sysCartTitle {
    background-color: transparent;
    color: inherit;
    font-size: medium
}





.sysOpcBody #sysMain .opcBillingAddress_zipCodeAndLabelGroup_edit .opcCommonButton,.sysOpcBody #sysMain .opcDeliveryAddress_zipCodeAndLabelGroup_edit .opcCommonButton {
    max-width: 160px;
    text-align: center;
    width: 100%;
    height: 40px!important;
    background-color: #2d2a26;
    color: #fff
}

.modaal-content-container .sysZipcode .sysFormField, .opcCommonEditModeBlock .sysZipcode .sysFormField, form .sysZipcode .sysFormField {
    max-width: 200px;
    width: 100%;
    margin-right: 10px;
    margin-bottom: 10px;
}

.modaal-content-container input[type=email], .modaal-content-container input[type=number], .modaal-content-container input[type=password], .modaal-content-container input[type=search], .modaal-content-container input[type=tel], .modaal-content-container input[type=text], .modaal-content-container input[type=url], .modaal-content-container select, .opcCommonEditModeBlock input[type=email], .opcCommonEditModeBlock input[type=number], .opcCommonEditModeBlock input[type=password], .opcCommonEditModeBlock input[type=search], .opcCommonEditModeBlock input[type=tel], .opcCommonEditModeBlock input[type=text], .opcCommonEditModeBlock input[type=url], .opcCommonEditModeBlock select, form input[type=email], form input[type=number], form input[type=password], form input[type=search], form input[type=tel], form input[type=text], form input[type=url], form select {
    outline: none;
    -webkit-appearance: none;
    width: 100%;
    border: 1px solid #ddd!important;
    padding: 6px 10px!important;
    height: 40px;
    box-sizing: border-box;
    background-color: #fff;
    color: #2d2a26;
}

.modaal-content-container .sysZipcode:after, .opcCommonEditModeBlock .sysZipcode:after, form .sysZipcode:after {
    content: "";
    display: block;
    clear: both;
}

.modaal-content-container .sysPrefStateId .sysFormField select, .opcCommonEditModeBlock .sysPrefStateId .sysFormField select, form .sysPrefStateId .sysFormField select {
    max-width: 200px;
}

.modaal-content-container .sysMemberId, .modaal-content-container .sysMemberPassword, .opcCommonEditModeBlock .sysMemberId, .opcCommonEditModeBlock .sysMemberPassword, form .sysMemberId, form .sysMemberPassword {
    margin-top: 0;
}

.modaal-content-container .sysFormItem .opcCommonEditLabel, .modaal-content-container .sysFormItem .sysFormLabel, .modaal-content-container>div .opcCommonEditLabel, .modaal-content-container>div .sysFormLabel, .opcCommonEditModeBlock .sysFormItem .opcCommonEditLabel, .opcCommonEditModeBlock .sysFormItem .sysFormLabel, .opcCommonEditModeBlock>div .opcCommonEditLabel, .opcCommonEditModeBlock>div .sysFormLabel, form .sysFormItem .opcCommonEditLabel, form .sysFormItem .sysFormLabel, form>div .opcCommonEditLabel, form>div .sysFormLabel {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0.5em;
}

.sysContent, .sysErrorMessage {
    padding: 0!important;
    margin: 0!important;
}

.modaal-content-container .opcCommonElementErrorMessage:before,.modaal-content-container .sysErrorMessage:before,.opcCommonEditModeBlock .opcCommonElementErrorMessage:before,.opcCommonEditModeBlock .sysErrorMessage:before,form .opcCommonElementErrorMessage:before,form .sysErrorMessage:before {
    content: "※"
}

.sysMemberRegister #sysMain .sysErrorMessage.errorMessage li:before {
    content: "※"
}

.modaal-content-container .sysNextSubmit, .opcCommonEditModeBlock .sysNextSubmit, form .sysNextSubmit {
    border: none;
    margin-top: 30px;
}



.sysMypage#sysMypageEditDeliveryinput #sysMain .sysButton {
    max-width: 360px;
    width: 100%;
    color: #fff;
    margin-left:0;
    background-color: #bf0000;
    border-color: #bf0000;
    margin-left: auto;
    margin-right: auto;
    }


.sysOpcBody #sysMain .opcBillingAddress_completeButton_edit, .sysOpcBody #sysMain .opcDeliveryAddress_completeButton_edit, .sysOpcBody #sysMain .opcDeliveryMethod_completeButton_edit, .sysOpcBody #sysMain .opcPaymentMethod_completeButton_edit {
    text-align: center;
    font-size: 15px;
    letter-spacing: .06em;
    display: block;
    max-width: 360px;
    width: 100%;
    height: 50px;
    color: #2d2a26;
    border: 1px solid #2d2a26;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    transition: all .3s;
    background-color: #bf0000;
    border-color: #bf0000;
    color: #fff;
}

.sysMypage#sysMypageEditDeliveryinput #sysMain input[value=戻る] , #sysOpcBody #sysMain input[value=戻る] , input.opcDeliveryMethod_backButton_edit.opcCommonButtonEdit , input.opcPaymentMethod_backButton_edit.opcCommonButtonEdit {
    text-align: center;
    font-size: 15px;
    letter-spacing: .06em;
    display: block;
    max-width: 360px;
    width: 100%;
    height: 50px;
    margin-left: auto;
    box-sizing: border-box;
    transition: all .3s;
    border: 1px solid #2d2a26;
    max-width: 180px;
    margin-left: calc(50% - 180px);
    margin-right: auto;
    color: #2d2a26;
    margin-top: 20px;
    background-color: #FFF;
}


#sysOpc .opcItem_numAndLabelGroup_edit {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0.5em;
}

#sysOpc.opc .opcItemDataBind.opcItemList .opcItem_num_edit {
    width: 5em;
    height: 36px;
    padding: 0 10px;
    border: none;
    margin-right: 10px;
    box-sizing: border-box;
    color: #2d2a26;
    background-size: 6px;
    background-position: center right 10px;
    background-repeat: no-repeat;
}

.opcItem_increaseNumButton_edit .opcCommonButton {
    border-right: none;
}

#sysOpc .opcItem_increaseNumButton_edit {
    border-right: none;
}

#sysOpc.opc .opcItemDataBind.opcItemList .opcItem_decreaseNumButton_edit, #sysOpc .opcItem_increaseNumButton_edit {
    width: 36px;
    height: 36px;
    border-radius: 0;
    box-sizing: border-box;
    border: 1px solid #ddd;
    text-align: center;
    color: #2d2a26;
    font-size: 18px;
    line-height: 1;
    font-weight: 200;
    background-color: #FFF;
}

.sysOpcBody .opcCommonInputSelect {
    max-width: 360px;
    width: 100%;
    color: #000000;
    background-color: #FFF;
    border: 1px solid #d0d0d0 !important;
    box-sizing: border-box;
    padding: 0 10px 0 10px;
}

#sysOpc.opc .opcBillingAddress>div, #sysOpc.opc .opcDeliveryAddress_normalDeliveryAddressGroup>div, #sysOpc.opc .opcDeliveryMethod>div, #sysOpc.opc .opcPaymentMethod>div {
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 10px;
    display: block;
}


/* 20231121作成　*/
/*----------------------------------------------
 　右下スクロール追従ボタン（TOPへ、カテゴリページには商品一覧へ） 
----------------------------------------------*/

.scroll_btn {
	display: none;
}

#pagetop {
	font-size: 1rem;
	cursor: pointer;
	display: none;
	height: 80px;
	width: 80px;
	position: fixed;
	bottom: 30px;
	right: 20px;
	background: #7e7e7ead;
	color: #FFF;
	padding: 10px;
	border-radius: 90%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 99;
	opacity: 0.9;
	text-align: center;
}
#pagetop #top_arrow {
	height: 17px;
	width: 17px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	transform: translateY(20%) rotate(-45deg);
	display: block;
}

#pagetop:hover {
  text-decoration: none;
  opacity: .5;
}

#page-itemlist {
  position: fixed;
  bottom: 110px;
  right: 20px;
  font-size: 22px;
  line-height: 1.5;
  z-index: 99;
}

#page-itemlist a {
    background: #1596df80;
    text-decoration: none;
    color: #fff;
    width: 80px;
    padding: 18px 14px 18px 14px;
    text-align: center;
    display: block;
    border-radius: 90px;
    opacity: 0.9;
    height: 80px;
    font-size: 14px;
}

#page-itemlist a:hover {
  text-decoration: none;
  opacity: .5;
}

#page-itemlist span { 
display: block;
}


/* 20240119河野作成　*/
/*----------------------------------------------
 　マイページの購入履歴再購入後の「カートを見る」ボタンの枠線 
----------------------------------------------*/
.sysOrderHistory .sysGoCartButton {
  border: 1px solid #2c2825;
  padding: 10px;
  color: #2c2825;
}


/* 20240315河野作成　*/
/* 「クレジットカードを編集する」ボタンを非表示にする */
input[name="action_front_mypage_edit_sbps_card"] + input {
    display: none!important;
}


/*----------------------------------------------
 　検索結果画面に表示されるボタンを非表示
----------------------------------------------*/
#sysItemSearch #sysMain .sysItemSearchForm {
display: none;
}


#sysItemSearch #sysMain .sysFuncText {
    margin-top: 50px;
}


/*----------------------------------------------
 　闇ページ
----------------------------------------------*/

.sysYamiForm input[type="submit"] {
    text-align: center;
    font-size: 15px;
    letter-spacing: .06em;
    display: block;
    max-width: 360px;
    width: 70%;
    height: 50px;
    box-sizing: border-box;
    transition: all .3s;
    /* margin-left: calc(50% - 180px); */
    /* margin-right: auto; */
    color: #2d2a26;
    border: 1px solid #2d2a26;
    margin-bottom: 60px;
    margin: 0 auto;
}
@media screen and (max-width:480px){
#sysAll {
    width: 100%;
    min-width: 320px;
}

h2 {
    font-size: 20px;
    letter-spacing: 3px;
    margin: 20px auto!important;
}


div#sysAside {
	width:100%;
	margin:0;
}

div#sysMain {
	width:100%;
	text-align: left;
}

.cl-header .sysContent {

	padding:0;
}

.sp_only {
    display: block;
}


/* RESET FOR SP
---------------------------------------------------- */
div#sysMain, div#sysAside { float: none!important;}
#sidebar { width: 100%!important; margin: 0 auto!important; float: none!important; background-color: #fff; padding: 0 0 10px 0;}
.sidCnt { display: none!important;}

#sysMain { width: 100%!important; margin: 0 auto!important; min-height: 250px!important; padding: 5%!important;}



/* DETAILS
---------------------------------------------------- */
p {
    margin: 10px auto;
}
#index #sysMain { background-color: transparent!important; margin: 0 auto; padding:0!important;}

/* HEADER
---------------------------------------------------- */
#borderbottom { height: 10px;}
#header { height: 78px; margin: 0; padding: 0;
 padding-top: 7px; background-repeat:no-repeat; background-size: 100%	50%; -webkit-background-size: 100%	50%;
background-image : url(https://contactlife.sg/img/head/1.png);}
#headcontents { width: 95%; margin: 0 auto;}
.CartLoginBtn { margin: 9px 0 0 0;}
.logotext { font-size: 11px; color: red; line-height: 0; position: absolute; margin: -3px 0 0 2px;}

.headcaption-cl {
	font-size: 11px;
}

.headcaption-car {
	font-size: 11px;
}

.headcaption-cos {
	font-size: 11px;
}


.headcaption-ml {
	font-size: 11px;
}

.headerBtn { display:none; }
.headerBtnsma, .footerBtnsma {

	margin: 0 1px;
	display:inline; 
	background: #ffffff;
	color: #727272;
	width: auto;
	padding: 8px 4px 13px 4px;
	border: 1px solid #dddddd;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	}
ul.globalmenu { width: 100%; margin: 12px auto;}
ul.globalmenu li a { padding: 2%; font-size: 13px;}


nav {
	margin-bottom: 7px;　/*---20210804松山--*/
}

/* SIDEBAR
---------------------------------------------------- */
/* SEARCH FORM --start-- */
.AsideSearchbox input[type="search"] { height: 3em;}
/* SEARCH FORM --end-- */

.sysHeadline { margin: 0!important; padding: 0px;}

.sideTopBnr { margin: 0; width: 100%;}
.sideTopBnr img { width: 100%;}
.footerBtnsma { padding: 19px 4px;}
.containerleft {display: none;}


/* MAIN CONTENTS
---------------------------------------------------- */
#contentsareatopimg { width: 100%; margin: 0 0 0 0;}
#contentsarea { width:100%; overflow: hidden;margin-top:20px;}
.contleft, .contright, .longBnr { display: none; }

.sysHeadline { margin: 5px 0 0 0;}


form.sysItemSearchForm { 
    margin-bottom: 10px;
	clear:both;
}

.sysItemSearchFormWord
 { 
    margin: 0px;
}
.search { 
    position: relative;
    height: 40px;
    clear: both;
    font-size: 16px;
    max-width:100%;
    margin: 0 0 25px 0;
}

.search .sysContent {
margin: 0 !important;
padding: 0 !important;
}

.search input[name="q"] {
    height: 40px;
    padding: 0 10px !important;
    width: 90% !important;
    float: left;
    border-radius: 5px 0 0 5px;
    border: 1px solid #ccc;
    font-size: 16px;
}

.search .sysSearchButton {
    float: left;
    width: 10%!important;
    height: 48px;
    margin: 0 !important;
    padding: 0 !important;
    background-image: url(https://contactlife.sg/img/test/head_search.png);
    background-color: #1596df!important;
    background-size: 20px;
    background-position: center center;
    text-indent: -9999px;
    border-radius: 0 5px 5px 0;
}



.search input[type=submit] {
    -webkit-appearance: none;
    line-height: 2;
    display: block;
}

.search input[type=submit], ::before, ::after {
    background-repeat: no-repeat;
}


/* NEW ARRIVAL --start-- */
img.cnttitle { width: 50%; float: left; }
ul.arrival { width:auto; background-color:#ffffff; margin: 0 auto 5px; padding: 2% 0 0 0; letter-spacing: -1px; text-align: center;}
ul.arrival li { display: inline-block; padding: 0 1%!important; margin: 0 1%; width: 28%; vertical-align: top;}
ul.arrival li.under4 { display: none; }
/* NEW ARRIVAL --end-- */

/* TOPICS --start-- */
.topicsleftBnr { display: none; }
.topics { padding: 10px 10px 3px 10px;}
dl.newstext dt { width: 100%; margin:0; padding: 0;}
dl.newstext dd { padding: 0 0 5px 4px;}
/* TOPICS --end-- */


/* FOOTER
---------------------------------------------------- */
#footer { padding: 0; overflow: hidden;}
#bordertop { margin: 11% 0 0 0;}
#bordertopFooter { margin: 0;}
#footcontents { line-height: 17px; width: 90%; padding: 0;}
.tabPCfootmenu { display: none; }
.footleft { width:100%; float:none; margin: 15px 0; position:absolute;}
.footright { width:100%; float:none; margin: 15px 0; text-align:right;}
.copy { width:auto; margin: 0; color: #454445; font-size: 10px;}

#SPfootermenu {
	width: 100%;
	padding: 0;
	margin-top: 10px;
	border: solid 1px #ccc;
	text-align: center;
}
#SPfootermenu li {
	list-style: none;
	font-family: HiraKakuProN-W6;
	font-size: 14px;
	line-height: 36px;
	text-align: left;
	background-color: #f5f4f3;
}
#SPfootermenu li a {
	display: block;
	height: 34px;
	padding: 0px 26px 0px 10px;
	background-image: url("../img/listarrow.png");
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
	color: black;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#SPfootermenu li.level1 {
	font-weight: bold;
	border-bottom: solid 1px #D9D9D9;
}

/* Item page css
---------------------------------------------------- */
#sysItemDetail #sysMain {
position: static;
margin-left: 0!important;
padding: 1%!important;
} 
.sysItemImages {
	width: 100%;
	position: static;
	float: none;
	margin-top: 0px;
	text-align: center;
}
#sysItemDetail .sysRetailPrice { font-size: 1.8em!important; margin: 5px 0 0 10px; clear: both;}



.sysItemName h1 { margin: 5px auto; font-size: 12px; padding: 6px;}
.sysExplanation p { margin: 5px 0 0 0; 
		line-height: 130%;
		min-height: 20px;
		font-size: small;
		margin-bottom: 20px;
		}
.sysRetailPrice { margin: 10px 0 10px 110px; font-size: 1.5em!important; text-align: right;}
ul.sysThumbnail li .sysRetailPrice { font-size: 12px!important; font-weight: bold;}
.sysSuggestedRetailPrice {
    font-size: 11px;
}

ul.sysThumbnail li .sysItemName { font-size: 12px;}
ul.sysThumbnail li .sysItemPrArea { border-bottom: 0px dotted; }/*---20210804松山--*/
.sysShippingCost { margin: 10px 0 0 0;}
.sysShippingMethod { margin: 7px 0 0 0;}
.sysStockQuantity { margin: 7px 0 0 0;}

#sysItemDetail .sysForm { 
		width: 100%;
		margin-top: 5px;
		float: none;
		padding-bottom: 30px;
		}



/*カート内修正

#sysSelections { margin-bottom: 10px!important; float:right!important;}

--------------------------------------------------------------------------- */

		
#sysSelections { margin-bottom: 10px!important;}/*---2019118橋本--*/

select { 
width: 200px; 
font-size: 1.1em; 
color:#000000;	
background-color:#FFF;
border: 1px solid #d0d0d0 !important;
box-sizing: border-box;
padding: 0 10px 0 10px;
}

#sysSelections select { 
height: 45px;
margin-bottom: 7px;
}

#sysSelections #sysNumber { height: 45px;}


.ImageUsability ul li p { min-height: 50px;}

.ItemSummary { margin-top: 5px; width: 100%; float: none; position: static;}
dl.SumCnt { margin: 15px 0 0 0;}
dl.SumCnt dt { width: 62px; }
dl.SumCnt dd { margin: 0 0 6px 70px; }

.ItemStock { margin-top: 5px; width: 100%; float: none; min-height: 0;}
.ItemStock ul li img { width: 70%!important;}
.ItemStock ul li { width: 46%!important;}


.ImageUsability ul li { width: 48%; }
.ItemReview ul li { width: 100%!important;}
.ItemReview ul li img { width: 15%;}

.ItemYetanother { margin-top: 5px;}


.ItemYetanother .als-container { margin-right:10px;}
.ItemYetanother .als-viewport {
	position: relative;
	margin: 5px auto 0;
	width: 78%!important;
	height: 150px!important;
}
.ItemYetanother #demo3 .als-item img.main { width: 95%;}
.ItemYetanother #demo3 .als-item {
	margin: 0px 5px 0 2px;
	padding: 4px 0px;
	min-height: 100px;
	min-width: 70px;
	text-align: center;
}
.ItemYetanother #demo3 .als-prev, #demo3 .als-next { top: 0px; height: 0px; width:0px; display:none;}


.ItemRelated, ItemBuy { margin-top: 0;}

.ItemBuy { margin-top: 0;}
.ItemBuy img.leftsumb { width: 100%; float:none; }
.ItemBuy h1 { margin: 1% 0 0 0;}
.ItemBuyPrice { margin: 1% 0 0 0;}
.ItemBuy .sysForm { width: 100%!important; }
.ItemBuy #sysSelections { position: static;}
.ItemBuy #sysSubmit input[type="submit"] { width: 90%; height: 60px; margin: 0;}
.ItemBuy #likeSubmit input[type="submit"] { width: 65%; height: 35px; float:none; margin: 10px 0; }
.ItemInquiry { margin: 25px auto 15px auto; text-align: center;}

.ItemRelated ul.arrival li p { margin: 3px 0 0 0; line-height: 10px;}


/* sysItemCategory page css
---------------------------------------------------- */
#sysItemCategory #sysMain { padding: 1% 2%!important; margin: 0!important; position: relative;}

.cateScene .sysContent { margin-top: 5px!important;}

.sysItemList ul.sysList p { text-align:left; margin: 15px 0 10px 120px; line-height: 16px;}
.sysItemList ul.sysList li p a { text-decoration: underline; font-size: 14px!important;}
.sysItemList ul.sysList li p span { color: #FF6600; font-weight: 600;}
.sysItemList ul.sysList input[type="submit"] { font-size: 11px!important;}

.sysItemList ul.sysThumbnail p { line-height: 14px;}
.sysItemList ul.sysThumbnail li p a { font-size: 11px!important;}
.sysItemList ul.sysThumbnail li p span { font-size: 11px;}
.sysItemList ul.sysThumbnail input[type="submit"] { width: 80px; font-size: 9px!important;}
.sysItemList ul.sysThumbnail li { margin-bottom: 10px;}


/* sysMemberRegisterIndex page css
---------------------------------------------------- */
#sysMemberRegisterIndex #sysMain { width: 100%!important; margin: auto 0!important; padding: 10px!important; overflow:hidden;}
.spFav { width: 100%; padding: 10px; margin: 10px auto; }
.spFav ul { line-height: 6px;}
.spFav ul li { line-height: 13px;}

#sysMemberRegisterIndex h3 { margin: 0;}
#sysMemberRegisterIndex h3 img { width:10%;}

#sysMemberRegisterIndex .sysForm { margin: 0; line-height: 20px;}




.sysGender .sysFormField { margin-left: 0!important;}

#sysMemberRegisterIndex .sysMemberPassword label.sysFormLabel,
#sysMemberRegisterIndex .sysGender label.sysFormLabel,
#sysMemberRegisterIndex .sysBirthday label.sysFormLabel { position: static!important;}


#sysMemberRegisterIndex .sysForm input[type="tel"],
#sysMemberRegisterIndex .sysForm input[type="email"],
#sysMemberRegisterIndex .sysForm input[type="fax"], textarea { width: 80%; height: 40px; margin-bottom: 15px;}


/* 20231120 非表示 
#sysMemberRegisterIndex .sysForm input[type="submit"] { margin: 20px auto; display: block; float:none;}
#sysMemberRegisterIndex .sysNextSubmit {
    width: 100%;
    float: none;
    margin-right: 0%;
    border-radius: 5px;
    height: 50px;
    font-size: 15px;
}
 */


/* sysMemberRegisterConfirm page css
---------------------------------------------------- */
#sysMemberRegisterConfirm #sysMain { width: 100%!important; margin: 2% auto 0!important; padding: 10px!important;}




/* sysMypageEditMember page css
---------------------------------------------------- */




/* sysMypageEditDelivery page css
---------------------------------------------------- */

#sysMypageEditDelivery .sysForm { margin: 0; line-height: 20px;}
#sysMypageEditDelivery .sysForm input[type="text"], textarea { width: 100%;}
#sysMypageEditDelivery .sysFormItem { margin-top: 10px;}

#sysMypageEditDelivery label { width: 100%; height: 25px; line-height: 23px;}

.sysGender .sysFormField { margin-left: 0!important;}

#sysMypageEditDelivery .sysMemberPassword label.sysFormLabel,
#sysMypageEditDelivery .sysGender label.sysFormLabel,
#sysMypageEditDelivery .sysBirthday label.sysFormLabel { position: static!important;}

#sysMypageEditDelivery .sysFormField input[type="text"], textarea { width: 100%; height: 40px;}
#sysMypageEditDelivery .sysFormField input[type="tel"],
#sysMypageEditDelivery .sysFormField input[type="email"], textarea { width: 80%; height: 40px;}




/* sysCart page css
---------------------------------------------------- */
.sysOrder .sysConfirmButton,
.sysDetail .sysConfirmButton { width: 40%; float: left!important;}

.sysCart #sysMain input[type=text],
.sysCart #sysMain input[type=password],
.sysCart #sysMain input[type=email],
.sysCart #sysMain input[type=number],
.sysCart #sysMain input[type=tel],
.sysCart #sysMain input[type=search],
.sysCart #sysMain textarea { height: 4em; 
}


/* sysItemSearch page css
---------------------------------------------------- */
#sysMain form.sysItemSearchForm { width: 90%;}

/* First page css
---------------------------------------------------- */
#first #sysMain p { margin: 0 0 7px 0; text-align: left;}
.guideList, #guideSearch, .member { width: 95%; margin: 20px auto 0;}
.guideImgSma { width: 95%; margin: 2% auto; float: none;}
.guideImgPC { display: none;}
.guideImgTab { display: none;}
.guideList dl { float: none; width: 100%; height: 95px;}
#guideSearch dl { margin: 0 auto; padding: 0 10px; }
#guideSearch dt { margin-top: 25px; }


/* Mail magazine page css
---------------------------------------------------- */
#sysFormIndex #sysMain #allCnt { width: 95%; margin: 0 auto;}

#sysFormIndex #sysMain form .sysForm { width: 100%; text-align: left; }

#sysFormIndex #sysMain input[type="text"] { height: 45px; width: 90%; }
#somenews img { float: none; margin: 0 auto 20px;}


#sysFormIndex h2 {
    font-size: 20px;
    margin-bottom: 20px;
}

#sysFormIndex .sysNextSubmit {
    font-size: 13px;
    max-width: 100%;
}

#sysFormIndex .sysForm .sysFormItem {
    padding: 20px 0 0;
}

#sysFormIndex .sysForm .sysFormItem .sysFormField {
    width: 100%;
}

/* NewArrivalblock css
---------------------------------------------------- */
ul.sysHorizontal {
width: 100%;
display: flex;
flex-wrap: wrap;
}

#bordertopblock { width: 100%; }

/********************************
 * CategorySP
 ********************************/
.AsideCategorySP #wrapper { width: 100%; margin: 0 auto; font-size: 0.8125em;}
.AsideCategorySP .menu { width: auto; height: auto;}
.AsideCategorySP .menu > li > a {
	background-color: rgb(245, 176, 153);
	background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	border-bottom: 1px #ffffff solid;

	width: 100%;
	height: 4.5em;
	line-height: 4.5em;
	text-indent: 1.6em;
	display: block;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #ffffff;
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
}
.AsideCategorySP .menu ul li a {
	background: #fff;
	border-bottom: 1px solid #efeff0;
	width: 100%;
	height: 4em;
	line-height: 4em;
	text-indent: 4em;
	display: block;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.923em;
	font-weight: 400;
	color: #878d95;
	text-align: left;
}
.AsideCategorySP .menu ul li:last-child a { border-bottom: 1px solid #85c092;}
.AsideCategorySP .menu > li > a:hover, .menu > li > a.active {
	background-color: #a9a9a9;
	background-image: linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
	color: #fff;
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
}
.AsideCategorySP .menu > li > a.active {}
.AsideCategorySP .menu > li > a:before {
	content: '';
	font-size: 36px;
	height: 1em;
	width: 1em;
	position: absolute;
	left: 0;
	top: 50%;
	margin: -.5em 0 0 0;
}
.AsideCategorySP .menu > li > a span {
	font-size: 1em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%; 
	background-color:#a9a9a9;
	line-height: 0;
	height: 1em;
	padding: .7em .4em;
	margin: -.6em 0 0 0; 
	color: #fff;
	text-indent: 0;
	text-align: center;
	-webkit-border-radius: .769em;
	-moz-border-radius: .769em;
	border-radius: .769em;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
	font-weight: 500;
}
.AsideCategorySP .menu > li > a:hover span, .menu > li a.active span { background: #999999;}
.AsideCategorySP .menu > li > ul li a:before{
	content: '?';
	font-size: 8px;
	color: #bcbcbf;
	position: absolute;
	width: 1em;
	height: 1em;
	top: 0;
	left: -2.7em;
}

.AsideCategorySP .menu > li > ul li:hover a,
.AsideCategorySP .menu > li > ul li:hover a span,
.AsideCategorySP .menu > li > ul li:hover a:before { color: #32373D;}
.AsideCategorySP .menu ul > li > a span {
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%;
	background: #fff;
	border: 1px solid #d0d0d3;
	line-height: 0;
	height: 1em;
	padding: .7em .4em;
	margin: -.9em 0 0 0; 
	color: #878d95;
	text-indent: 0;
	text-align: center;
	-webkit-border-radius: .769em;
	-moz-border-radius: 769em;
	border-radius: 769em;
	text-shadow: 0px 0px 0px rgba(255,255,255,.01);
}


/* sysItemCategory page css
---------------------------------------------------- */
.cateChairsofa .sysContent {width: 63%; position: absolute; margin-left: 30%!important;}
.cateScene .sysContent {width: 63%; position: absolute; margin-left: 30%!important;}
.cateColor .sysContent {width: 63%; position: absolute; margin-left: 30%!important;}
.catePrice .sysContent {width: 63%; position: absolute; margin-left: 30%!important;}

.sysItemList ul.sysThumbnail li { min-height: 100px;}


.sp-move{position:absolute;top0px;width:100%;margin-top:-200px;}

/* add*/
.h-logo-sp { width: 40%; margin-left: 2.5%; vertical-align: top;}
.top-nav-sp{ width: 23%; vertical-align: bottom; margin-top: 3px;}
.top-nav-sp:nth-child(2){ margin-left: 10%;}
.h-site-desc{ font-size: x-small;margin: 1px 0px 10px 3%;}
.ossuume #contentsarea { margin: 0;}
div#sysAside { margin-bottom: 0;}
/* add footer*/
.f-sitemap{ overflow: hidden; margin: 15px 0 15px 1%;}
.f-sitemap-top, .f-sitemap-bottom { overflow: hidden; margin: 0 auto;}
.f-sitemap-btn { width: 33%; border-radius: 8px; -webkit-border-radius: 8px; float: left;}

/*----------------------------------------------
	トップコンテンツ見出し
----------------------------------------------*/

.sysHeadline {
    position: static;
    font-size: 20px;
    letter-spacing: 3px;
}
/*----------------------------------------------
	ピックアップバナー
----------------------------------------------*/
.pick-1 {
	margin-right: 0;
	margin-bottom: 10px;
}
.pick-1,.pick-2 {
	font-size: small;
	width: 100%;
	float: none;
}
/*----------------------------------------------
	フッターメニュー
----------------------------------------------*/
.footer-shoplist li {
	text-align: center;
	width: 31%;
}
.footer-shoplist li a {
	font-size: 10px;
	font-weight: none;
}
/*----------------------------------------------
	スライダーのページャー
----------------------------------------------*/
.bx-wrapper .bx-pager.bx-default-pager a {
	text-indent: -9999px;
	display: block;
	width: 15px;
	height: 15px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
}
/*----------------------------------------------
	ヘッダーのデザイン
----------------------------------------------*/
.nav1 {
	float:right;
	width: 35%;
	margin:5px;
	margin-top:5px;
}

.nav1 li a {
	font-size: 10px;
	width:100%;
	margin: 0 auto;
　　　　line-height: 13px!important;
}


.logo {
	float:left;
	width: 60%;
	margin:0;
	padding: 5px;
}

.nav2 li a {
	font-size: 10px;
	font-weight: normal;
}

.nav3 li a {
	font-size: 10px;
	font-weight: normal;
}

.sp-off,.nav-shop {
	display: none;
}


.shop-description {
	margin: 10px 0;
	line-height: 1.6;
	letter-spacing: 0.16rem;
	font-size: 1.3rem; /* 20221005 変更 */
	font-weight: 550; /* 20221005 変更 */
	clear: both; /* 20210804　追加 */
}


.cl-border a,.car-border a,.cos-border a,.ml-border a{
	background-image: none;
}

.nav-member a {
	border-radius: 10px 0 0 10px;	 /* 左上・右上・右下・左下 */
	-webkit-borde-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
}
.all-nav li {
	list-style-type: none;
	float: left;
	width: 49%;
	line-height: 33px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 2px 1px;
}
/*----------------------------------------------
	ショップガイド
----------------------------------------------*/
.purchase_w400 {
		width: 100%;
}

.purchase_new dt {
	float:none;
}
.purchase_new dd {
	margin-left: auto;
}
.first-image img {
	float: none;
	width: 100%;
}
/*----------------------------------------------
	カート内アイテムチェック履歴
----------------------------------------------*/
.saikin_check .sysContent .sysHorizontal li {
		 width: 33.333333333%;
}


/*----------------------------------------------
	ランキング･ピックアップデザイン
----------------------------------------------*/

ul.sysHorizontal li .sysItemName {
	text-align: left;
	font-size: 12px;
	margin: 0;
	line-height: 120%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3; /* 任意の行数を指定 */
}

ul.sysHorizontal li .sysItemPrice {
	height: 30px;
}
	
	

/*----------------------------------------------
	カテゴリページ/パンくずリスト（下部）
	「カテゴリを絞り込む」非表示
----------------------------------------------

.sysItemCategoryForm {
	display: none;
}
*/


/*----------------------------------------------
	コピーライト
----------------------------------------------*/
.copyright,.copyright a	{
	font-size: 9px;
	padding: 10px;
}

/*----------------------------------------------
	カート内受信設定サイズ
----------------------------------------------*/
.sysAcceptDomainArea .sysAcceptDomain {
height: 60px;
float: left;
margin: 1%;
width: 47%;
}


/*----------------------------------------------
	カラコン　3等分
----------------------------------------------*/

.cc-00010img li {
	list-style-type: none;
	float: left;
	margin-right: 0.5%;
	margin-left: 0.5%;
	width: 45%;
	text-align: center;
	margin-bottom: 5px;	
}


/*----------------------------------------------
	カテゴリページの文字調整
----------------------------------------------*/

.sysCategoryDescription p {
	font-size: 14px;
	line-height: 1.5;
}

/*----------------------------------------------
	TOP説明文の文字調整
----------------------------------------------*/
.sysFuncText top p{
	margin: 3px 0 8px 0;
	text-align: left;
}

/*----------------------------------------------
	検索窓調整
----------------------------------------------*/
.site-title,.search h5 {
	color: #573b2d;
	text-indent: 0 ;
	text-align: center;
	border: 1px solid #573b2d;
	background-color: #e6d6b2;
	background:linear-gradient(to bottom, #f6f0e4, #e6d6b2);
	background:-moz-linear-gradient(#f6f0e4, #e6d6b2);
	background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(#f6f0e4), to(#e6d6b2));
}

.search h5 {
	margin: 0px;
	padding: 0px;
	border-top-left-radius: 10px;	 /* 左上 */
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	line-height: 50px;
	height: 46px;
	text-align: center;
	font-size: 16px;
}


/*----------------------------------------------
	ヘッダーバナー共通　ガイド/ログイン/カート
----------------------------------------------*/
.headerbanner {
	display : none ;
}


/*----------------------------------------------
	カラコンヘッダー 新SP
----------------------------------------------*/

.head-icon a,.head-icon2 a {
	border-radius: 10px;	 /* 左上 */
	-webkit-borde-radius: 10px;
	-moz-border-radius: 10px;
}

.head-icon img,.head-icon2 img {
	vertical-align : middle;
	max-width: 25%;
}

/*----------------------------------------------
	カートのアイコン
----------------------------------------------*/

.cart-icon img {
	vertical-align : middle;
	max-width: 10%;
}

/*----------------------------------------------
	パンくず制御
----------------------------------------------*/

.sysCategoryPankuzu a {
	margin: 0 ;
	padding-top: 0 ;
	font-size: 11px ;　/* 20210804松山　10pxから12pxに変更 */
}

.sysCategoryPankuzu {
    text-align: left;
    margin: -10px 0 10px;
}

/*----------------------------------------------
	カラコン　着色直径
----------------------------------------------*/

.cc-00007img li {
	list-style-type: none;
	float: left;
	margin-right: 0.5%;
	margin-left: 0.5%;
	width: 32%;
	text-align: center;
	margin-bottom: 5px;	
	padding: 5px;
	font-size: 12px;
}

/*----------------------------------------------
	2周年記念
----------------------------------------------*/

.cc-natuboute li {
	list-style-type: none;
	float: left;
	margin-right: 0.5%;
	margin-left: 0.5%;
	width: 32%;
	text-align: center;
	margin-bottom: 5px;	
	padding: 5px;
	font-size: 12px;
}


/*----------------------------------------------
　新規登録確認画面のデザイン崩れ修正20210312河野
----------------------------------------------*/

#sysMemberRegisterConfirm #sysAside {
   clear: both;
}


#sysDescriptionMobile {
   clear: both;
}


/*----------------------------------------------
　商品一覧のサムネイルを2列表示に変更　20210804松山
----------------------------------------------*/
.sysItemList ul.sysThumbnail li {
    width: 50%;
}
.sysItemList ul.sysThumbnail li {
    display: inline-block;
    float: none;
    vertical-align: top;
    letter-spacing: normal;
}
.sysItemList ul.sysThumbnail li {
    padding: 5px;
}

.sysItemList ul.sysThumbnail {
    letter-spacing: -.4em;
}


.sysItemName, .sysExplanation > div > span {
    display: block;
    margin-bottom: 3px;
}



.h_login .sysFormLabel {
    display: block;
    font-size: 12px;
    height: 20px;
    text-align: left;
    margin-bottom: 3px;
}


.ranking-icon {
	width: 90%;
}


.sysLoginForm form {
    width: 100%;
    margin: 0 auto;
}


/*----------------------------------------------
　画面右下のカートボタン、TOPへ戻るボタン
----------------------------------------------*/
/* add cartBtn*/
.btn-fix-cart{ position:fixed; z-index: 44; bottom: 15px; right:2%;}
.btn-fix-cart img { width: 45px; height: auto; opacity: 0.8;}

/* topへ戻る*/
.btn-fix-pagetop {
position:fixed;
z-index: 44; 
bottom: 140px;
right:2%;
width: 45px;
height: 45px;
text-align: center;
}

.btn-fix-pagetop #page-top {
    background-color: #2C5735;
}

.btn-fix-pagetop #page-top {
    display: none;
    color: #fff;
    font-size: 11px;
    line-height: 14px;
    background:rgba(150,147,147,0.8);
    border-radius: 5px;
    padding-top: 4px;
    height: 50px;
}

.btn-fix-pagetop > img{ width: 100px;}




input[type=search], input[type=text], input[type=tel], input[type=email], input[type=password], textarea {
    -webkit-appearance: none;
    padding: 2px 5px !important;
    width: 100%;
    line-height: 2;
    background: #fff;
    border: 1px solid #dddddd;
    border-radius: 0;
}


.sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #useAmazonSubmitButton, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #amazonPayTopLoginButton, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #useAmazonSubmitButton, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #amazonPayBottomLoginButton, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #useAmazonSubmitButton, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #amazonPayTopLoginButton, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #useAmazonSubmitButton, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #amazonPayBottomLoginButton {
    width: 66.66667vw;
    margin: 0 auto 10px;
}

.sysCart#sysBasket .sysNextSubmitAreaForUseAmazon, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon {
    display: inherit;
    margin-bottom: 30px;
}

.sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #useAmazonSubmitButton input[type="submit"], .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #useAmazonSubmitButton .amazonpay-button-inner-image, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #amazonPayTopLoginButton input[type="submit"], .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #amazonPayTopLoginButton .amazonpay-button-inner-image, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #useAmazonSubmitButton input[type="submit"], .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #useAmazonSubmitButton .amazonpay-button-inner-image, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #amazonPayBottomLoginButton input[type="submit"], .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #amazonPayBottomLoginButton .amazonpay-button-inner-image, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #useAmazonSubmitButton input[type="submit"], .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #useAmazonSubmitButton .amazonpay-button-inner-image, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #amazonPayTopLoginButton input[type="submit"], .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #amazonPayTopLoginButton .amazonpay-button-inner-image, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #useAmazonSubmitButton input[type="submit"], .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #useAmazonSubmitButton .amazonpay-button-inner-image, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #amazonPayBottomLoginButton input[type="submit"], .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #amazonPayBottomLoginButton .amazonpay-button-inner-image {
    width: 100% !important;
}

.sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #amazonPayTopLoginButton, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #amazonPayBottomLoginButton, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #amazonPayTopLoginButton, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #amazonPayBottomLoginButton {
    height: 14vw;
}



.sysCart#sysBasket #sysInputCouponCode.sysInputCouponCode .sysBox form .sysButton {
    max-width: 150px!important;

}

#sysBasket #sysAll #sysMain .sysTotal .sysBox .sysConfirmCoupon .basket_confirmCoupon.opcCommonButton {
    border: 1px solid #999999 !important;
    background-color: #999999 !important;
    padding: 3px 5px 3px 5px;
    margin-top: 10px;
    height: 35px;
    font-size: 13px;
}

/*----------------------------------------------
 商品ページ 商品画像の2枚目以降のサムネイル画像
----------------------------------------------*/
.sysItemImages .sysImageList
 {
    width: 100%;
    margin-top: 10px;
    padding: 0 0 10px 5px;
}


.sysItemImages .sysImageList li {
    width: 85px !important;
    display: inline-block;
    height: auto;
    line-height: 1;
    margin-top: 0px !important;
}

.sysItemImages .sysImageList li img {
    width: 83px !important;
    height: auto;
    vertical-align: top;
}

.sysItemImages .sysImageList li.sysCurrent img {
    border: 2px solid gray !important;
}

.sysItemImages .sysImageList:after {
    clear: both;
    content: '';
    display: block;
}

.sysImageList .sysCurrent {
	margin: 0!important;
}

.sysImageList .sysCurrent a {
    display: inline-block;
    padding: 0 !important;
    background: #fff;
    border: 0px !important;
    border-radius: 0px !important;
    text-decoration: none;
    margin: 2px 0;
}




/*----------------------------------------------
 商品ページ 商品スペック
----------------------------------------------*/
#sysItemDetail #sysDescriptionMobile .item_spec h3 {
    font-size: 1.3rem;
    font-weight: bold;
    margin: 0 0 3px 5px;
}

#sysItemDetail #sysDescriptionMobile .item_spec dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


#sysItemDetail #sysDescriptionMobile .item_spec dl dd:first-of-type {
    border-top: 1px solid #CCCCCC;
}

#sysItemDetail #sysDescriptionMobile .item_spec dl dt:first-of-type {
    border-top: 1px solid #CCCCCC;
}

#sysItemDetail #sysDescriptionMobile .item_spec dl dt {
    width: 35%;
    text-align: center;
    background-color: #F7F7F7;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 0;
}

#sysItemDetail #sysDescriptionMobile .item_spec dl dd {
    width: 65%;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 8px;
}

.sysExplanation {
    margin-bottom: 30px;
}


.sysDisplayMobileNone {
    display: none !important;
}

.goods_comment_sec {
    margin: 10px auto !important;
}


/*----------------------------------------------
	Prアイコン
----------------------------------------------*/

#sysItemDetail #sysAll #sysWrap #sysMain article .sysPr span {
    width: auto;
    font-size: 11px;
    border: 1px solid #000;
    border-radius: 0.55em;
    padding: 3px 10px 2px 10px;    
    height: 18px;
    display: inline-block;
    color: #222222;
    margin: 0 0 5px 1px;
    line-height: 1.2 !important;
}



#sysItemDetail .sysDescription.medical .item_spec dt {
    margin-bottom: 15px;
}
#sysItemDetail .sysDescription.medical .item_spec dt {
    margin-bottom: 22px;
    padding: 12px 34px 11px;
    font-size: 18px;
    font-weight: bold;
    background-color: #6FB6A9;
    color: #fff;
}

#sysItemDetail .sysDescription.medical .item_spec dd {
    font-size: 13px;
    line-height: 1.65;
}


#sysItemDetail .medical .item_spec dl dt {
    width: 100% !important;
}

#sysItemDetail .medical .item_spec dl dd {
    width: 100% !important;
}


#sysItemDetail .medical .item_spec dl dd:last-of-type {
    border-bottom: none;
}


/*----------------------------------------------
 　キャンペーン（クーポン2つ表示）
----------------------------------------------*/
.top_bnr_campaign {
    margin-top: 10px;
    position: relative;
}


.top_bnr_campaign_01 {
    position: absolute;
    left: 8px;
    bottom: 5px;
    width:47%!important;
}

.top_bnr_campaign_02 {
    position: absolute;
    right: 8px;
    bottom: 5px;
    width:47%!important;
}



/*----------------------------------------------
 　TOPに戻るボタン（共通CSSのスマホ用）
----------------------------------------------*/
#page-top-all {
  bottom: 3px;
  right: 6px;
}

#page-top-all a {
    width: 65px;
    padding: 8px 9px 10px 9px;
    height: 65px;
    font-size: 13px; 
}




/*----------------------------------------------
　テストページ　スマホ表示　カテゴリー、ブランド別
----------------------------------------------*/


body {
	width: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	height: 100%;
	position: relative;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	color: #444444;
	background-color: #FFF;
	min-width: 320px!important;
	font-family: "YakuHanJPs_Noto", "Roboto", "Noto Sans JP", sans-serif;
	font-size: 13px;
	letter-spacing: 0.06em;
	overflow-wrap: break-word;
}



#sysWrap {
	width: 100%;
	margin: 10px 0px;
	padding-top: 0px;
	overflow: hidden;
	background-color: #FFF;
    /* padding: 5px 5px 0 5px; */

}
#test #sysMain {
	width: 100%!important;
	margin: 0;
	min-height: auto!important;
	padding: 0px 0px!important
}
.product_type ul, .product_brand ul, .health_type ul, .medical_type ul, .product_class ul {
	clear: both;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.product_type h2, .product_brand h2, .health_type h2, .medical_type h2, .product_class h2 {
        border-left: 7px solid #1596df;
        background-color: #efefef;
        font-size: 14px;
        line-height: 40px;
        height: 40px;
        padding: 0 0 0 10px;
        margin-block-start: auto;
        margin-block-end: auto;
        margin: 20px 0 10px 0 !important;
}

.product_type li, .health_type li, .medical_type li, .product_class li {
	background: url(../img/test/arrowR.gif) no-repeat 6px center;
	background-size: 5px 10px;
	text-indent: 5px;
	font-size: 12px;
}
.product_type li, .product_brand li, .health_type li, .medical_type li, .product_class li {
	text-align: center;
	border: 1px solid #eeeeee;
	border-left: 0;
	border-top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 50%;
}

.product_type li a, .product_brand li a, .health_type li a, .medical_type li a, .product_class li a {
	display: block;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px 0;
	overflow: hidden;
	text-decoration: none;
	color: #444;
	font-size: 12px;
}
.product_brand li {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
}
.product_brand li img {
	width: 50%;
	height: auto;
}
.top_features {
	overflow: hidden;
	margin-bottom: 15px;
}
.top_features .features_headline {
	width: 95%;
	margin: 10px auto!important;
	position: static;
	font-size: 20px;
	letter-spacing: 3px;
 	text-align: center;
}
.top_features .features_headline h2 {
	padding: 0;
	font-family: 'Noto Sans JP', "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.6;
	font-weight: bold;
}
.top_features .sysTitle span, .top_features .features_headline span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align: center;
}
.top_features .features_headline b {
	width: 100%;
	display: block;
	font-size: 10px;
	text-align: center;
	border-top: 1px solid #222222;
	padding: 0 80px;
	margin-top: 3px;
	padding-top: 5px;
}
.top_features .sysContent {
	padding: 0 !important;
}

.new-products {
    width: 100%;
    overflow: hidden;
}


.top_features ul {
	display: flex;
	flex-wrap: wrap;
	font-size: 0;
	text-align: left;
}
.top_features li {
	width: 50%;
	padding: 1.2%;
	display: inline-block;
	float: none !important;
	font-size: 12px;
	vertical-align: top;
	margin-bottom: 1px;
}
.top_features li a {
	display: block;
	position: relative;
	color: #000;
	text-decoration: none;
	font-weight: inherit;
}
.top_features li img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.top_features li span {
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.featuresText {
	text-align: center;
}
p {
	margin: 10px auto;
}
:after, :before {
	text-decoration: inherit;
	vertical-align: inherit;
	background-repeat: no-repeat;
	box-sizing: inherit;
}

.new-products .column3 li {
    float: left;
    width: 32%;
    margin: 0 5px 5px 0;
}



.new-products li img {
	float: left;
	margin: 0 5px 5px 0;
}


.new-products .taxin {
    font-size: 10px;
    display: inline;
    font-weight:normal;
}
.products .column3 li {
	margin-bottom: 10px;
	padding: 10px;
	border-bottom: 1px dashed #ccc;
	width: 100%;
}


.products li img {
	float: left;
	margin: 0 10px 10px 0;
	width: 45%;
}
.products li h3 {
	font-size: 13px !important;
	background-color: #fff !important;
	padding: 0 !important;
	margin-bottom: 20px;
	border-bottom: none;
	height: auto;
	text-decoration: underline
}
.products .column3 li:nth-child(3n) {
	border-bottom: none;
}
.products li p.price {
	font-size: 20px;
	color: #F00;
	padding-top: 10px;
	border-top: none;
	text-align: right;
	font-weight: normal;
}
.products li p.price .taxin {
	font-size: 10px;
}
.top-main-banner {
	margin-bottom: 16px;
}


/* スマホheader
------------------------------------------------------------*/

.h-subMenu {
	position: relative;
}
.h-subMenu .sysAccordionInitialHide {
	position: absolute;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.5);
	right: 0;
	padding: 9px 10px;
	width: 100%;
}
.h-subMenu ul li {
	margin: 10px auto;
}
.h-subMenu .sysHeadline {
	color: #e5e5e5;
	line-height: 60px;
	text-align: center;
	background: #666;
}
.h-subMenu .sysAccordion:after {
	content: "";
}
.head-top {
	background: #1596df;
	line-height: 20px;
	margin-bottom: 10px;
	padding: 0 0 0 5px;
}

.head-top span {
	font-size: 12px;
	color: #fff;
}

.head-top h1 {
	font-size: 12px;
	font-weight: normal;
	max-width: 100%;
	margin-left: 5px;
	margin-right: auto;
	color: #FFF;
}
 @media screen and (max-width:400px) {
.head-top h1 {
 font-size: 10px;
 font-weight: normal;
 max-width: 100%;
 margin-left: 5px;
 margin-right: auto;
 color: #FFF;
}
}
.h-sitelogo p {
	margin: 3px auto;
	font-size: 10px;
}
 @media screen and (max-width:330px) {
.h-sitelogo p {
	margin: 3px auto;
	font-size: 8px;
}
}
.h-sitelogo {
	margin: 0 auto;
	background: #fff;
	padding-bottom: 5px;
	padding-left: 5px;
	height: 52px;
}
.h-sitelogo li img {
	width: 180px;
	max-height: 47px;
	height: auto;
	vertical-align: bottom;
}
 @media screen and (max-width:330px) {
.h-sitelogo li img {
	width: 160px;
	max-height: 42px;
	height: auto;
	vertical-align: bottom;
}
}
.h-utilitybtn {
	position: relative;
}
.h-utilitybtn .sysContent {
	width: 32%;
	float: none;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 13%;
	bottom: 40px;
	height: 40px;
}
.h-utilitybtn ul li {
	height: 47px;
	margin-right: 2%;
	width: 48%!important;
	line-height: 40px;
	margin-bottom: 0;
	float: left;
	text-align: center;
}
.h-utilitybtn ul li.sysText a:before {
	content: "";
	width: 27px;
	margin: 5px auto 0;
	height: 20px;
	display: block;
	vertical-align: middle;
}
.h-utilitybtn ul li.sysText:nth-child(1) a:before {
	background: url(https://contactlife.sg/img/test/icon-login.png);
	background-size: 100%;
}
.h-utilitybtn ul li.sysText:nth-child(2) a:before {
	background: url(https://contactlife.sg/img/test/icon-cart.png);
	background-size: 100%;
}
.h-utilitybtn ul li.sysText a {
	line-height: 17px;
	height: 47px;
	font-size: x-small;
	margin-top: 1px;
	display: block;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: 0px;
}
.h-utilitybtn ul:after {
	clear: both;
	content: '';
	display: block;
}


/* スマホTOP ナビ
------------------------------------------------------------*/
.sptop-nav {
	width: 100%;
	overflow: hidden;
	background: #1596df;
}
.sptop-nav ul {
	overflow: hidden;
	margin: auto;
}
.sptop-nav ul li {
	overflow: hidden;
	float: left;
	position: static;
	border-right: 1px solid #ffffff;
	margin: 5px 0 5px 0;
	text-align: center;
}
.sptop-nav li.tab1 {
	width: 20%;
}
.sptop-nav li.tab2 {
	width: 20%;
}
.sptop-nav li.tab3 {
	width: 30%;
}
.sptop-nav li.tab4 {
	margin-left: 6px;
}
 @media screen and (max-width:330px) {
.sptop-nav li.tab4 {
	margin-left: 1px;
}
}
.sptop-nav ul li a {
	color: #FFF;
	font-size: 10px;
	line-height: 12px;
	padding: 5px 5px;
}
 @media screen and (max-width:400px) {
.sptop-nav ul li a {
	color: #FFF;
	font-size: 10px;
	line-height: 12px;
	padding: 5px 5px;
}
}
 @media screen and (max-width:330px) {
.sptop-nav ul li a {
	color: #FFF;
	font-size: 10px;
	line-height: 12px;
	padding: 5px 5px;
}
}
.sptop-nav ul li:last-child a {
	border-right: none;
}
.sptop-nav ul li:nth-child(4) {
	border-right: none;
}
#keyword {
	margin: 10px 0 0 0;
	padding-bottom: 10px;
	border-bottom: solid 1px #d7d7d7;
	font-size: 12px;
}
#keyword ul li {
	margin-bottom: 5px;
	float: left;
}
#keyword h3 {
	margin-left: 2px;
	padding: 5px 0 0 2px;
}
#keyword ul li:first-child {
	float: left;
}
#keyword ul li a {
	padding: 0 0 0 20px;
	background: no-repeat left center;
	position: relative;
	display: inline-block;
}
#keyword ul li {
	padding: 5px 0px 0 0;
}

/* ドロワーメニュー　*/
.drawer-wrap {
	position: absolute;
	top: 0;
	right: 0;
}
.drawer-label {
	position: fixed;
	top: 58px;
	right: 8px;
	font-size: 10px;
	z-index: 100;
}
 @media screen and (max-width:330px) {
.drawer-label {
	position: fixed;
	top: 58px;
	right: 4px;
	font-size: 8px;
	z-index: 100;
}
}
#drawer-content {
	overflow: auto;
	position: fixed;
	top: 0;
	right: 0;
	padding: 10px;
	z-index: 40;
	width: 55vw;
	min-width: 55vw;
	height: 100%;
	background: #fff;
	transition: all 0.3s ease-in-out 0s;
	transform: translateX(100%);
}
#drawer-checkbox:checked ~ #drawer-content {
	transform: translateX(0);
	box-shadow: 6px 0 24px rgba(0, 0, 0, 0.16);
}
#drawer-close {
	display: none;
	position: fixed;
	z-index: 39;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	transition: all 0.3s ease-in-out 0s;
}
#drawer-checkbox:checked ~ #drawer-close {
	display: block;
	opacity: 0.3;
}
#drawer-checkbox {
	display: none;
}
#drawer-icon {
	cursor: pointer;
	display: inline-block;
	height: 50px;
	position: fixed;
	width: 35px;
	right: 10px;
	top: 24px;
	z-index: 100;
}
 @media screen and (max-width:330px) {
#drawer-icon {
	cursor: pointer;
	display: inline-block;
	height: 50px;
	position: fixed;
	width: 28px;
	right: 6px;
	top: 24px;
	z-index: 100;
}
}
#drawer-icon span {
	background: #333;
	display: block;
	height: 1px;
	left: 50%;
	margin: -8% 0 0 -42%;
	position: absolute;
	top: 46%;
	transition: all 0.3s ease-in-out 0s;
	width: 80%;
}
#drawer-icon span::before, #drawer-icon span::after {
	-webkit-transform: rotate(0);
	background: #333;
	content: "";
	display: block;
	height: 100%;
	left: 50%;
	margin: -8% 0 0 -50%;
	position: absolute;
	top: 50%;
	transform: rotate(0);
	transition: all 0.3s ease-in-out;
	width: 100%;
}
#drawer-icon span::before {
	margin-top: -10px;
}
#drawer-icon span::after {
	margin-top: 10px;
}
 @media screen and (max-width:330px) {
#drawer-icon span::before {
	margin-top: -8px;
}
#drawer-icon span::after {
	margin-top: 8px;
}
}
#drawer-checkbox:checked ~ #drawer-icon span {
	background: rgba(51, 51, 51, 0);
}
#drawer-checkbox:checked ~ #drawer-icon span::before, #drawer-checkbox:checked ~ #drawer-icon span::after {
	content: "";
	display: block;
	height: 100%;
	left: 50%;
	margin: -8% 0 0 -42%;
	position: absolute;
	top: 50%;
	width: 100%;
}
#drawer-checkbox:checked ~ #drawer-icon span::before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#drawer-checkbox:checked ~ #drawer-icon span::after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.drawer-nav > ul > li {
	padding: 10px;
}
.drawer-nav > ul > li > ul >li {
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}
.drawer-nav ul {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.drawer-menu li h2 {
	color: #1596df;
	margin: 10px 0 !important;
	text-align: center;
	font-size: 100%;
}
nav.drawer-nav > ul > li.login > a {
	background: url(https://contactlife.sg/img/test/icon-login.png) left top / 25px auto no-repeat;
	padding-left: 30px;
}
nav.drawer-nav > ul > li.guide > a {
	background: url(https://contactlife.sg/img/test/icon-guide.png) left top / 25px auto no-repeat;
	padding-left: 30px;
}
nav.drawer-nav > ul > li.newmember > a {
	background: url(https://contactlife.sg/img/test/icon-newmember.png) left top / 25px auto no-repeat;
	padding-left: 30px;
}
nav.drawer-nav > ul > li.mail > a {
	background: url(https://contactlife.sg/img/test/icon-mail.png) left top / 25px auto no-repeat;
	padding-left: 30px;
}
nav.drawer-nav > ul > li.contact > a {
	background: url(https://contactlife.sg/img/test/icon-contact.png) left top / 25px auto no-repeat;
	padding-left: 30px;
}
nav.drawer-nav > ul > li.shipping > a {
	background: url(https://contactlife.sg/img/test/icon-truck.png) left top / 25px auto no-repeat;
	padding-left: 30px;
}
nav.drawer-nav > ul > li > a {
	display: block;
	height: 20px;
}

/* ドロワーメニュー end　*/


.spclearfix::after {
	content: "";
	display: block;
	clear: both;
}

/* コンタクトライフについて */

.about_sec {
	padding: 0px;
}
.about_head_title {
	margin: 0 0 5px;
	font-size: 14px;
}
.about_head_text {
	margin-bottom: 0px !important;
	font-size: 1rem;
}


/* SNS
--------------------------------------- */

.f_sns {
	width: 100%;
	padding: 40px 0 40px 0;
	font-size: 0;
	text-align: center;
}
.f_sns li {
	display: inline-block;
	margin: 0 0.7rem;
}
/* スクロールTOP
--------------------------------------- */

#scroll-page {
	text-align: center;
	padding: 2px 2px 0px;
	border-top: 1px solid #1596df;
	border-bottom: 1px solid #1596df;
}
#scroll-page a {
	color: #1596df;
	font-weight: bold;
	font-size: 12px;
	line-height: 4;
	border-bottom: none;
}
#scroll-page span {
	position: relative;
	display: block;
	background-color: #ffffff;
}
#scroll-page img {
	width: 16px;
	vertical-align: middle;
	position: relative;
	bottom: 1px;
	margin-right: 6px;
}
footer {
	font-size: 10px;
	line-height: 1.8;
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 10;
	margin: 10px 0 0;
}
footer .lenstext {
	padding: 5px 15px 15px;
	border-bottom: 1px solid #dcdcdc;
	background: #ffffff;
}
footer li:after {
	content: "|";
	margin-left: 5px;
}
footer li:nth-child(4):after, footer li:nth-child(7):after {
	content: "";
}
footer ul {
	padding: 13px 0;
	text-align: center;
	background: #fcfcfc;
}
footer li {
	display: inline;
}
footer a {
	color: #1596df;
	text-decoration: underline;
}
footer .copy {
	background: #1596df;
	color: #fff;
	padding: 15px;
	text-align: center;
}


/* コンタクトライフの特長と取扱製品　*/
summary p {
	margin: -3px auto !important;
}


.sysItemCategoryPankuzu {
	margin-bottom: 7px;
}

.itemset a {
    width: 30%;
    padding: 14px 0 0;
}


.header-info {
    padding-top: 5px;
}



/* ランキング調整
--------------------------------------- */

.sysFuncItemBlock h2 {
    font-size: 16px;
}




input[type="text"], input[type="password"], select {
    outline: none;
}




/* マイページ郵便番号
--------------------------------------- */
.modaal-content-container .sysPrefStateId .sysFormField select, .modaal-content-container .sysZipcode .sysButton.btn, .opcCommonEditModeBlock .sysPrefStateId .sysFormField select, .opcCommonEditModeBlock .sysZipcode .sysButton.btn, form .sysPrefStateId .sysFormField select, form .sysZipcode .sysButton.btn {
    max-width: 49%;
}


.sysMypage#sysMypageEditMember #sysMain .sysBackButton {
    max-width: 50%;
    margin-left: 0;
}



.sysMypage#sysMypageEditSavedelivery #sysMain .sysButton, .sysMypage#sysMypageReview #sysMain .sysMyReviewList+form .sysButton, .sysMypage#sysMypageWithdrawalConfirm #sysMain .sysButton {
    font-size: 13px;
    max-width: 100%;
}

.sysItemReview #sysMain .sysButton {
    font-size: 13px;
    max-width: 100%;
}

/*----------------------------------------------
 カート内
----------------------------------------------*/
#sysBasket.sysCart #sysMain .sysItemListArea ul.nav li .sysDeleteArea {
    position: inherit;
    margin-top: 10px;
    margin-left: 0;
    margin-right: auto;
}

.sysMemberRegister#sysMemberRegisterConfirm #sysMain .sysBackButton {
    font-size: 13px;
    max-width: 100%;
    max-width: 50%;
    margin-left: 0;
}


.sysMemberRegister .sysBackButton, .sysMemberRegister .sysButton {
    max-width: 50%;
    margin-left: 0;
}

.sysMemberRegister .sysBackButton, .sysMemberRegister .sysButton, .sysMemberRegister .sysNextSubmit {
    font-size: 13px;
    max-width: 100%;
}

.sysBackButton {
    max-width: 50%;
    margin-left: 0;
}

.opcConfirm_order, .opcOrderBackToBasket_backToBasket, .sysBackButton, .sysButton, .sysNextSubmit {
    font-size: 13px;
    max-width: 100%;
}

.sysCart#sysRegi #sysMain .sysButton, .sysCart#sysRegi #sysMain .sysLoginButton {
    font-size: 13px;
    max-width: 100%;
}


.opcCommonEditModeBlock input[type=tel] {
    width: 60%
}


.modaal-content-container .sysPrefStateId .sysFormField select, .modaal-content-container .sysZipcode .sysButton.btn, .opcCommonEditModeBlock .sysPrefStateId .sysFormField select, .opcCommonEditModeBlock .sysZipcode .sysButton.btn, form .sysPrefStateId .sysFormField select, form .sysZipcode .sysButton.btn {
    max-width: 49%;
}

.modaal-content-container .sysBirthday input, .opcCommonEditModeBlock .sysBirthday input, form .sysBirthday input {
    max-width: 7em;
}

.sysMypage#sysMypageEditDelivery #sysMain form .sysZipcode button {
    max-width: 49%;
}

.sysOpcBody #sysMain .opcBillingAddress_completeButton_edit, .sysOpcBody #sysMain .opcDeliveryAddress_completeButton_edit, .sysOpcBody #sysMain .opcDeliveryAddress_openDialogButton_edit, .sysOpcBody #sysMain .opcDeliveryMethod_completeButton_edit, .sysOpcBody #sysMain .opcPaymentMethod_completeButton_edit {
    font-size: 13px;
    max-width: 100%;
}

#sysOpc.opc .opcDeliveryMethod_backButton_edit, #sysOpc.opc .opcOrderBackToBasket_backToBasket {
    max-width: 50%;
    margin-left: 0;
}


/* 20231121作成　*/
/*----------------------------------------------
 　右下スクロール追従ボタン（TOPへ、カテゴリページには商品一覧へ） 
----------------------------------------------*/

#page-itemlist {
  bottom: 75px;
  right: 6px;
}

#page-itemlist a {
    width: 65px;
    padding: 12px 9px 10px 9px;
    height: 65px;
    font-size: 13px; 
}

#pagetop {
	 font-size: 13px;
	cursor: pointer;
	display: none;
	height: 65px;
	width: 65px;
	position: fixed;
	bottom: 10px;
	right: 6px;
	background: #7e7e7ead;
	color: #FFF;
	padding: 8px;
	border-radius: 90%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 2;
	opacity: 0.9;
	text-align: center;
}
#pagetop #top_arrow {
	height: 17px;
	width: 17px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	transform: translateY(20%) rotate(-45deg);
	display: block;
}


/* レビュー装飾
--------------------------------------- */

#sysItemDetail .sysReview {
    margin: 40px 0 0;
}


/* TOPページ長期休業のお知らせテキストバナー
--------------------------------------- */

.info-newyear {
    margin-bottom: 10px;
}

.info-newyear .h_text_bnr {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    min-height: 3rem;
    padding: 5px 0;
    color: #ffffff;
    background-color: #CB0005;
    text-align: center;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 1.4;
}

.info-newyear .h_text_bnr::after {
    content: "";
    position: absolute;
    top: calc(50% - 0.3rem);
    right: 1rem;
    width: 0.5rem;
    height: 0.5rem;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
}
@media screen and (min-width:481px) and (max-width:1024px){
html {
    /* margin: 0 10px; */
    padding: 0;
    height: 100%;
    /* min-width: 1000px; */
}

body {
    font-size: 14px;
}

header {
    min-width: 1000px;
    position: relative;
    display: block;
}

header #head-top p, header #head-top h1 {
    font-size: 14px;
}

header > nav > ul > li.search input[type="submit"] {
    right: 1px;
    top: 19px !important;
}

header > nav > ul > li > a {
height: 80px;
}

header #head-main .logo a {
    margin-bottom: 5px;
}

header #head-main {
    padding: 15px 0 0;
}


div#sysMain {
      width:100%;
      overflow: hidden;     
}


#keyword {    
      font-size: 14px;
}

.new-products .column3 li {
    width: 30%;
}

.new-products .column3 .sysItemPrice {
    font-size: 1.5rem;
    color: #F00;
    text-align: center;
}

.products .column3 li {
    width: 30%;
}


/*------------------------------------------
	TOPスライダー
-------------------------------------------*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 50px !important;
	padding: 0;
	*zoom: 1;
	z-index: 1;
	height: auto;
	width: 100% !important;
}


.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/*------------------------------------------
	新商品、注目商品タイトル
-------------------------------------------*/
.features_headline {
    font-size: 30px;
}




/* RESET FOR TABLET
---------------------------------------------------- */
#sysAside { margin: 0 auto!important; float: none!important; clear: both;}
.cateSP {display: none!important;}

#sysItemDetail #sysMain {
position: static;
margin-left: 0!important;
margin: 0 auto 2%!important;
} 
/* DETAILS
---------------------------------------------------- */
p { margin: 5px 0 0 0;}
#index #sysMain { background-color: transparent!important; margin: 0.5% auto 0; padding:0;}

/* HEADER
---------------------------------------------------- */
.headerBtnsma { display:none; }
.logotext { display: none;}

#header { height: 85%; margin: 0; padding: 0;}
#headcontents { width: 90%; margin: 0 auto;}
.logo { width: 65%;
		float: left;
		margin: 10px 0 ;
		padding: 5px;
}

.CartLoginBtn { width: 55%; float: right; margin: 20px 0 0 0; text-align: right;}

ul.globalmenu { width: 100%; margin: 17px auto 0;}
ul.globalmenu li a { padding: 1%; font-size: 18px;}

/* ASIDE
---------------------------------------------------- */
/* SEARCH FORM --start-- */

.AsideSearchbox { width: 50%; float: right;}
.AsideSearchbox .sysContent { background-color: #fff; padding: 3px 30px!important; text-align: center;}
.AsideSearchbox form .sysItemSearchForm { padding: 0 0 0 7px; }
.sysItemSearchFormWord { text-align: center; width: 100%; padding: 0 10px; }
.sysItemSearchFormWord input { width: 80%; }


/* SEARCH FORM --end-- *

/* LOGIN FORM --start-- */
.AsideLoginForm { width: 50%; border-right: 1px #ccc solid;}
.AsideLoginForm ul { width: 95%; margin: 13px auto;}
.AsideLoginForm ul li { width: 48%; float: left; margin-left: 2%; text-align: center;}
/* LOGIN FORM --end-- */

.footerBtnsma { display:none; }
.sideTopBnr { display: none; }
.orderBnr { display: none; }

.containerleft { position: absolute; top: 95px; width: 95%; text-align: center; margin: 10px 0 0 0;}
.containerleft img { max-width: 45%!important; }

.search {padding: 14px; vertical-align: bottom; }
form { margin: 0; display: inline;}
input[type="text"], textarea { width: 35%;}
ul.cateBtn { width: 33.333%; float: left; margin:0 auto; border-right: solid 1px #ececec;}
ul.cateBtn li { padding: 12px;}

.info { width:50%; float:left; border-left: solid 1px #ececec;}


/* MAIN CONTENTS
---------------------------------------------------- */
#main { width: 95%; margin: 0 auto; position:static;}
#contentsarea { width:100%; overflow: hidden; margin : 1% 0 0 0;}
#contentsareatopimg { width:100%; margin: 0 0 0 0;}

ul.arrival { padding: 0 0 2% 0;}

/* TOPICS --start-- */
.topicsleftBnr { width:42%; float:left; margin: 12px 0; background-color: #fff;}
.topicsright { width:56%; float: right; text-align: left; margin: 10px 0;}
.topicsright img { width: 35%;}
.topics { padding: 10px 10px 3px 10px; font-size: 13px; line-height: 18px; }
dl.newstext { overflow: hidden; zoom: 1;}
dl.newstext dt { width: 100%; margin-bottom: 0; padding-bottom: 2px;}
dl.newstext dt img { width: 56px; vertical-align: top;}
dl.newstext dd { margin-bottom: 0; padding: 0 0 5px 0; font-size: 15px;}
/* TOPICS --end-- */


/* FOOTER
---------------------------------------------------- */
#footcontents { width: 90%;}
.footleft { width: 100%; float: none; position: static;}
.footright { width: 60%; margin:0;}
.copy { width: 40%; margin: 0; padding: 10px 0 0 0; text-align: left;} 
#footcontents a { font-size: 13px; line-height: 16px;}
#SPfootermenu { display: none;}



/* PULUG-IN CSS
---------------------------------------------------- */
/* Item page css
---------------------------------------------------- */


.ItemRelated, .ItemBuy { margin-top: 0;}
.ItemReview, .ItemStock { margin-top: 5px;}
.ItemYetanother { margin-top: 40px;}
.ItemYetanother #demo3 .als-prev, #demo3 .als-next { top: 17%;}

.ItemSummary { margin-top: 5px; width: 43%!important;}
dl.SumCnt { margin: 15px 0 0 0;}
dl.SumCnt dt { width: 62px; }
dl.SumCnt dd { margin: 0 0 6px 70px; }

.ItemBuy .sysForm {width: 400px;}
.ItemBuy #sysSelections { float: left; width: 400px; margin-left: -200px; position: absolute;}


/* sysItemCategory page css
---------------------------------------------------- */
.cateChairsofa .sysContent { margin: 38px auto 0 auto!important; width: 100%; text-align: center;}
.cateScene .sysContent { margin: 32px auto 0 auto!important; width: 95%;}
.cateColor .sysContent { margin: 32px auto 0 auto!important; width: 95%;}
.catePrice .sysContent { margin: 32px auto 0 auto!important; width: 95%;}

.cateChairsofa .sysContent img { width: 95%;}
#sysItemCategory #sysMain { margin: 0 auto!important; position: relative;}
.sysItemList ul.sysThumbnail input[type="submit"] { margin-top: 5px;}


/* sysMemberRegisterIndex page css
---------------------------------------------------- */
#sysMemberRegisterIndex span.ethna-error { position: absolute; margin: 15px 0 0 -300px;}
.spFav { width: 95%; background-color: rgb(253, 236, 192); padding: 10px 20px; margin: 20px auto; }
#sysMemberRegisterIndex #sysMain { width: 95%!important; margin: auto 0!important;overflow:hidden;}



#sysMemberRegisterIndex .sysForm input[type="tel"],
#sysMemberRegisterIndex .sysForm input[type="email"],
#sysMemberRegisterIndex .sysForm input[type="fax"], textarea { width: 30%; height: 40px;}


/* 20231120 非表示 
#sysMemberRegisterIndex .sysForm input[type="submit"] { margin-top: 10px; margin-right: 50px; float:right;}
 */

/* sysMemberRegisterConfirm page css
---------------------------------------------------- */
#sysMemberRegisterConfirm #sysMain { width: 95%!important; margin: 5% auto 0!important; height: 650px!important;}

/* sysMemberRegisterRegister page css
---------------------------------------------------- */
#sysMemberRegisterRegister #sysMain { width: 95%!important; margin: 5% auto 0!important; height: 250px!important;}


/* sysMypageLogin page css
---------------------------------------------------- */
#sysMypageIndex input[type="submit"] { margin-top: 7px;}
#sysMypagePoint input[type="submit"] { margin-top: 7px;}
#sysMypageAshiato input[type="submit"] { margin-top: 7px;}


/* sysMypageEditMember page css
---------------------------------------------------- */
#sysMypageEditMember span.ethna-error { position: absolute; margin: 15px 0 0 -300px;}






.sysMypage#sysMypageEditMember #sysMain .sysBackButton {
    max-width: 50%;
    margin-left: 0;
}

/* sysMypageEditDelivery page css
---------------------------------------------------- */
#sysMypageEditDelivery span.ethna-error { position: absolute; margin: 15px 0 0 -300px;}

#sysMypageEditDelivery label { width: 45%; height: 25px; line-height: 23px;}


#sysMypageEditDelivery .sysForm input[type="text"], textarea { width: 50%; height: 40px;}
#sysMypageEditDelivery .sysForm input[type="tel"],
#sysMypageEditDelivery .sysForm input[type="email"],
#sysMypageEditDelivery .sysForm input[type="fax"], textarea { width: 30%; height: 40px;}
#sysMypageEditDelivery .sysForm input[type="password"], textarea { width: 30%; height: 40px; margin-bottom: 15px;}


/* sysBillingAddress page css
---------------------------------------------------- */
#sysBillingAddress .sysForm { width: 100%;}
#sysBillingAddress label { width: 40%; height: 25px; line-height: 23px; float: left;}



#sysBillingAddress .sysForm input[type="text"], textarea { width: 50%; height: 40px;}
#sysBillingAddress .sysForm input[type="tel"],
#sysBillingAddress .sysForm input[type="email"],
#sysBillingAddress .sysForm input[type="fax"], textarea { width: 30%; height: 40px;}
#sysBillingAddress .sysForm input[type="password"], textarea { width: 30%; height: 40px; margin-bottom: 15px;}

/* .sysCart #sysMain select { width: 25%;}　20191121河野修正前 */
.sysCart #sysMain select { width: 100%;}






/********************************
 * item slider
 ********************************/
.als-container {
	position: relative;
	width:100%;
max-width:850px;
margin-left:0;
	z-index: 0;
}
.als-viewport {
	position: relative;
	width: 500%!important;
	height: 160px!important;
margin-left:3%;
margin-top: 10px;
}
#demo3  width:100%;
#demo3 .als-item img.main { width: 40%;}
#demo3 .als-item {
	margin:0;
	padding:0px;
	text-align: center;
}
#demo3 .als-prev, #demo3 .als-next { top: 20%;}
/* sysItemSearch page css


#demo3 .als-prev, #demo3 .als-next { top: 8%;}
#demo3 .als-prev { left: 5%; z-index: 999;}
#demo3 .als-next { right: 6%; z-index: 999;}

---------------------------------------------------- */
#sysMain form.sysItemSearchForm { width: 70%;}

/* First page css
---------------------------------------------------- */
#first #sysMain p { margin: 0 0 7px 0;}
.guideList, #guideSearch, .member { width: 95%; margin: 20px auto 0;}
.guideImgTab { width: 60%; margin: 2%; float: left;}
.guideImgPC { display: none;}
.guideImgSma { display: none;}


/* Mail magazine page css
---------------------------------------------------- */
#sysFormIndex #sysMain #allCnt { width: 95%; margin: 0 auto;}

#sysFormIndex #sysMain form .sysForm { width: 100%; text-align: center; }
#sysFormIndex #sysMain .sys1 { float: none; margin-bottom: 10px;}
#sysFormIndex #sysMain .sys2 { float: none; margin-bottom: 10px;}
#sysFormIndex #sysMain input[type="text"] { height: 45px; width: 320px; }


#sysFormIndex h2 {
    font-size: 20px;
    margin-bottom: 20px;
}

#sysFormIndex .sysNextSubmit {
    font-size: 13px;
    max-width: 100%;
}
#sysFormIndex .sysForm .sysFormItem {
    padding: 30px 0 0;
}

#sysFormIndex .sysForm .sysFormItem .sysFormField {
    width: 100%;
}

/* NewArrivalblock css
---------------------------------------------------- */
ul.sysHorizontal {
width: 100%;
display: flex;
flex-wrap: wrap;
}
#bordertopblock { width: 100%; }




/*************************************
 * frick slider
 ************************************/



/* add*/
#header { background-size: 100%  80%;background-repeat: no-repeat;}
.h-logo-tab { width: 40%; margin-left: 2.5%; vertical-align: baseline; margin-top: 5px;}
.h-nav-tab{ width: 23%; vertical-align: top; margin-top: 0;}
.h-nav-tab:nth-child(2){ margin-left: 7%;}
.h-site-desc { margin: 6px 0px 10px 22px; font-size: medium;}
.h-glob-nav > div{ width: 95%;}
.h-glob-nav .list-table-cell{ width: 19%;}

/* add cartBtn*/
.btn-fix-cart{right:0%;}
.mbac-row { width: 49%; float: left; margin: 5% 0.5%;}

/*----------------------------------------------
	ピックアップバナー
----------------------------------------------*/
.pick-1 {
	margin-right: 0;
	margin-bottom: 10px;
}
.pick-1,.pick-2 {
	width: 100%;
	float: none;
}
/*----------------------------------------------
	フッターメニュー
----------------------------------------------*/
.footer-shoplist li {
	width: 24%;
}
/*----------------------------------------------
	ヘッダーのデザイン
----------------------------------------------*/
.nav1 {
	float:right;
	width: 35%;
	height: 60px;
	margin: 20px 0;
}

.nav1 li a {
	width:50%;
	vertical-align : middle;
}

.nav2 li a {
	font-size: 14px;
	font-weight: bold;
}
.sp-off,.nav-shop {
	display: none;
}

.shop-description{
	font-size: 10px;
	font-weight: normal;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.cl-border a,.car-border a,.cos-border a,.ml-border a{
	background-image: none;
}

.nav-member a {
	border-radius: 10px 0 0 10px;     /* 左上・右上・右下・左下 */
	-webkit-borde-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
}

.all-nav li {
	list-style-type: none;
	float: left;
	width: 49%;
	line-height: 42px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;


	margin-left: 1px;
}

/*----------------------------------------------
	カート内アイテムチェック履歴
----------------------------------------------*/
.saikin_check .sysContent .sysHorizontal li {
         width: 25%;
}


/*----------------------------------------------
	カラコン　着色直径画像
----------------------------------------------*/

.cc-00007img li {
	list-style-type: none;
	float: left;
	margin-right: 0.5%;
	margin-left: 0.5%;
	width: 30%;
	text-align: center;
	margin-bottom: 5px;	
}

/*----------------------------------------------
	カラコン　3等分
----------------------------------------------*/

.cc-00010img li {
	list-style-type: none;
	float: left;
	margin-right: 0.5%;
	margin-left: 0.5%;
	width: 30%;
	text-align: center;
	margin-bottom: 5px;	
}

/*----------------------------------------------
	セット販売
----------------------------------------------*/
.set-1 {
	margin-right: 1%;
}
.set-1,.set-2 {
	width: 49.5%;
	float: left;
	margin-bottom: 10px;
}
/*----------------------------------------------
	タブレット　セットリンク画像
----------------------------------------------*/
.set-1,.set-2 {
	width: 49.5%;
	float: left;
}

.set-2 {
	margin-bottom: 10px;
}

/*----------------------------------------------
	商品ページ選択肢幅設定
----------------------------------------------*/

#sysItemDetail .sysForm { margin-top: 15px; float:right; width: 50%; text-align: right;}


/*----------------------------------------------
	ヘッドキャプション
----------------------------------------------*/

.headcaption,.headcaption-cl,.headcaption-car,.headcaption-cos,.headcaption-ml {
	font-size: 14px;
}

/*----------------------------------------------
	新ヘッダー アイコン サイズ指定
----------------------------------------------*/
.head-icon2 img,.head-icon img {
	vertical-align : middle;
	max-width: 20%;
}


/*----------------------------------------------
 　キャンペーン（クーポン2つ表示）
----------------------------------------------*/
.top_bnr_campaign {
    margin-top: 10px;
    position: relative;
}


.top_bnr_campaign_01 {
    position: absolute;
    left: 8px;
    bottom: 5px;
    width:47%;
}

.top_bnr_campaign_02 {
    position: absolute;
    right: 8px;
    bottom: 5px;
    width:47%;
}


/*----------------------------------------------
 　特集
----------------------------------------------*/
.top_features {
	overflow: hidden;
	margin-bottom: 15px;
}
.top_features .features_headline {
	width: 95%;
	margin: 10px auto!important;
	position: static;
	letter-spacing: 3px;
	text-align:center;
}
.top_features .features_headline h2 {
	padding: 0;
	font-family: 'Noto Sans JP', "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.6;
	font-weight: bold;
}
.top_features .sysTitle span, .top_features .features_headline span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align: center;
}
.top_features .features_headline b {
	width: 100%;
	display: block;
	font-size: 10px;
	text-align: center;
	border-top: 1px solid #222222;
	padding: 0 80px;
	margin-top: 3px;
	padding-top: 5px;
}
.top_features .sysContent {
	padding: 0 !important;
}
.top_features ul {
	display: flex;
	flex-wrap: wrap;
	font-size: 0;
	text-align: left;
}
.top_features li {
	width: 50%;
	padding: 1.2%;
	display: inline-block;
	float: none !important;
	font-size: 12px;
	vertical-align: top;
	margin-bottom: 1px;
	text-align: center;
}
.top_features li a {
	display: block;
	position: relative;
	color: #000;
	text-decoration: none;
	font-weight: inherit;
}
.top_features li img {
	width: 80%;
	height: auto;
	vertical-align: bottom;
}
.top_features li span {
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.featuresText {
	text-align: center;
	font-size: 16px;
}


/*----------------------------------------------
 商品ページ 商品画像の2枚目以降のサムネイル画像
----------------------------------------------*/
.sysItemImages {
	max-width: 100%;
	width: 100%;
	position: static;
	float: none;
	margin: 10px 0 50px 0;
	text-align: center;
	padding: 0 50px;
}


/*----------------------------------------------
 商品ページ 商品画像
----------------------------------------------*/
.sysItemImages .sysImageList
 {
    width: 100%;
    margin-top: 20px;
    padding: 0 0 10px 0px;
display: flex;
flex-wrap: wrap;
}


.sysItemImages .sysImageList li {
    width: 125px !important;
    display: inline-block;
    height: auto;
    line-height: 1;
    margin-top: 0px !important;
}

.sysItemImages .sysImageList li img {
    width: 125px !important;
    height: auto;
    vertical-align: top;
}

.sysItemImages .sysImageList li.sysCurrent img {
    border: 2px solid gray !important;
}

.sysItemImages .sysImageList:after {
    clear: both;
    content: '';
    display: block;
}

.sysImageList .sysCurrent {
	margin: 0!important;
}

.sysImageList .sysCurrent a {
    display: inline-block;
    padding: 0 !important;
    background: #fff;
    border: 0px !important;
    border-radius: 0px !important;
    text-decoration: none;
    margin: 2px 0;
}

#sysItemDetail #sysSelections, #sysItemDetail #sysNumber {
    text-align: left;
}

.itemset {
    border: 1px solid #dadada;
    overflow: hidden;
    background: #fcfcfc;
    position: relative;
    top: 10px;
    padding: 5px;
    width: 48%;
}
.goods_rcmd_sec {
    clear: both;
}

#sysItemDetail .sysForm {
margin-bottom: 50px;
}

.sysItemReview #sysMain {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}


.sysItemReview #sysMain .sysButton {
    font-size: 13px;
    max-width: 100%;
}



/*----------------------------------------------
 カート内
----------------------------------------------*/
#sysBasket.sysCart #sysMain .sysItemListArea ul.nav li .sysDeleteArea {
    position: inherit;
    margin-top: 10px;
    margin-left: 0;
    margin-right: auto;
}

.sysMemberRegister#sysMemberRegisterConfirm #sysMain .sysBackButton {
    font-size: 13px;
    max-width: 100%;
    max-width: 50%;
    margin-left: 0;
}

.sysMemberRegister .sysBackButton, .sysMemberRegister .sysButton {
    max-width: 50%;
    margin-left: 0;
}

.sysMemberRegister .sysBackButton, .sysMemberRegister .sysButton, .sysMemberRegister .sysNextSubmit {
    font-size: 13px;
    max-width: 100%;
}

.sysBackButton {
    max-width: 50%;
    margin-left: 0;
}

.opcConfirm_order, .opcOrderBackToBasket_backToBasket, .sysBackButton, .sysButton, .sysNextSubmit {
    font-size: 13px;
    max-width: 100%;
}

.opcCommonEditModeBlock input[type=tel] {
    width: 60%
}

.modaal-content-container .sysPrefStateId .sysFormField select, .modaal-content-container .sysZipcode .sysButton.btn, .opcCommonEditModeBlock .sysPrefStateId .sysFormField select, .opcCommonEditModeBlock .sysZipcode .sysButton.btn, form .sysPrefStateId .sysFormField select, form .sysZipcode .sysButton.btn {
    max-width: 49%;
}

.modaal-content-container .sysBirthday input, .opcCommonEditModeBlock .sysBirthday input, form .sysBirthday input {
    max-width: 7em;
}

.sysMypage#sysMypageEditDelivery #sysMain form .sysZipcode button {
    max-width: 49%;
}

.sysOpcBody #sysMain .opcBillingAddress_completeButton_edit, .sysOpcBody #sysMain .opcDeliveryAddress_completeButton_edit, .sysOpcBody #sysMain .opcDeliveryAddress_openDialogButton_edit, .sysOpcBody #sysMain .opcDeliveryMethod_completeButton_edit, .sysOpcBody #sysMain .opcPaymentMethod_completeButton_edit {
    font-size: 13px;
    max-width: 100%;
}
.sysOpcBody .opcItem_itemOptionGroup_edit {
margin-left: 60%;
}

#sysOpc.opc .opcDeliveryMethod_backButton_edit, #sysOpc.opc .opcOrderBackToBasket_backToBasket {
    max-width: 50%;
    margin-left: 0;
}


/* TOPページ長期休業のお知らせテキストバナー
--------------------------------------- */

.info-newyear .h_text_bnr {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    min-height: 3rem;
    padding: 5px 0;
    color: #ffffff;
    background-color: #CB0005;
    text-align: center;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.4;
}

.info-newyear .h_text_bnr::after {
    content: "";
    position: absolute;
    top: calc(50% - 0.3rem);
    right: 1rem;
    width: 0.5rem;
    height: 0.5rem;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
}
@media screen and (min-width:1025px){
/*----------------------------------------------
	PC専用
----------------------------------------------*/

body {
    font-family: Meiryo, Osaka, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
    color: #222222;
    font-size: 13px;
    line-height: 2;
    letter-spacing: 0.06em;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

#sysAll {
      background: #fff;
}


div#sysAside {
      width:230px;
      padding: 0;
      margin-top: 10px!important;
}

#sysAside {
    padding: 0px !important;
    margin: 0px 0 !important;
    margin-bottom: 0px !important;
    margin-right: -285px !important;
    float: left !important;
}


div#sysMain {
    width: 100%!important;
    padding-left: 0px !important;
    max-width: 730px;
}

header #head-main .logo {
    float: left;
    padding-bottom: 10px;
    width: 300px;
}

header .logo p {
    margin: 10px auto!important;
}

#sysItemSearch div#sysMain {
    width: 70%!important;
}


.mb20 {
    margin-bottom: 1.7em;
}

/* sysCart page css
---------------------------------------------------- */


/* First page css
---------------------------------------------------- */
.guideImgPC { width: 60%; margin: 2%; float: left;}
.guideImgSma { display: none;}
.guideImgTab { display: none;}



		.als-prev, .als-next { position: absolute; cursor: pointer; clear: both;}

#demo3 .als-viewport {
	margin:3%;
	margin-left:5%;
	margin-right:auto;
}
#demo3 .als-prev, #demo3 .als-next { top: 14%;}
#demo3 .als-prev { left: 2%; z-index: 999;}
#demo3 .als-next { right: 0.5%; z-index: 999;}




/*----------------------------------------------
 商品ページ 商品画像の2枚目以降のサムネイル画像
----------------------------------------------*/
#sysItemDetail article ul.sysImageList {
    width: 100%;
    padding-bottom: 10px;
}

#sysItemDetail .sysImageList li {
    display: inline-block;
    height: auto;
    width: 23%;
    line-height: 1;
    float: none;
    margin: 1% 0;
}


/*----------------------------------------------
 商品ページカート下のお知らせ
----------------------------------------------*/
#sysItemDetail #sysExplanation {
    clear: both;
}


/*----------------------------------------------
	商品ページセット ブロック
----------------------------------------------*/
.item-set {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
}

.item-left,.item-right {
	flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
}

.item-left {
	margin-right: 10px;
}

.item-right{
	width: 600px;
}

/*----------------------------------------------
	商品ページ右端セグメント非表示
----------------------------------------------*/
.item-mostright {
	display:none;
	clear: both;　　/*---20210804松山　noneからbothに変更--*/
}
/*----------------------------------------------
	商品ページ選択肢幅設定
----------------------------------------------*/

#sysItemDetail .sysForm { margin-top: 15px; width: 100%;}
#sysItemDetail .sysForm:after { clear:both }

/*----------------------------------------------
	新SPカートアイコン＆ヘッドキャプション 非表示
----------------------------------------------*/
.head-icon img,.headcaption {
	display: none;
}

/*----------------------------------------------
	新ヘッダー アイコン サイズ指定
----------------------------------------------*/
.head-icon2 img {
	vertical-align : middle;
	max-width: 10%;
}


/*----------------------------------------------
  220210804松山　カートボタンのサイズと位置
----------------------------------------------*/
form#sysCartInForm {
    position: relative;
}

div#sysSubmit {
    position: static;
    text-align: center;
    width: 100%;
    max-width: 360px;
    float: right;
}


div#sysSubmit input.sysCartButton {
    text-align: center;
　　width: 300px!important;
    border-radius: 5px;
    outline: none;
    font-size: 14px;
}


/*----------------------------------------------
  20210804松山　お気に入りボタンのサイズと位置
----------------------------------------------*/
#sysItemDetail #sysWishlist .sysButton {
    text-align: center;
　　width: 300px!important;
    padding: 9px 0 !important;
    color: #434343 !important;
    background: #fff !important;
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    outline: none;
    font-size: 14px;
    float: right;
    box-shadow: none !important;
}

div#sysWishlist {
    position: static;
    text-align: center;
    width: 100%;
    max-width: 360px;
    margin: 2px 0 5px;
    float: right;
}


#sysWishlist .sysButton, #sysItemDetail .sysCartButton {
    width: 98%;
    margin-left: 2%;
}


/*----------------------------------------------
	レビューページ
----------------------------------------------*/

/*-- 商品画像サイズ --*/
#sysItemReviewIndex #sysMain .sysList {
    width: 500px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    display: block;
}


/*-- 商品画像を真ん中 --*/
.sysItemReviewIndex #sysMain > div:nth-child(2)  {
text-align: center;
}


/*--　タイトル --*/
.review .sysHeadline {
/*-- margin: 0px !important;  --*/
    text-align: center;
    padding: 0px !important;
text-indent: 10px;
}


.site-cl.side-ac .site-cl-top li a {
	font-size: 13px;
	letter-spacing: 0.03em;
}

.sysItemSearchForm .sysItemSearchAndOr label {
	font-size: 12px;
	letter-spacing: 0.02em;
}

.sysItemCategoryCtl .sysItemSearchAndOr input {
    margin: 5px 5px 20px;
}

.ranking-icon {
	width: 60%;
}


.sysMypage div#sysMain {
    float: none !important;
    width: 100% !important;
    max-width: 825px !important;
    margin-left: auto !important;
    margin: 0 auto;
    padding: 10px 0 3em;
}

.sysLoginForm form {
    width: 500px;
    margin: 0 auto;
}


/*----------------------------------------------
　画面右下のカートボタン、TOPへ戻るボタン
----------------------------------------------*/
/* add cartBtn*/
.btn-fix-cart{ position:fixed; z-index: 44; bottom: 30px; right:2%;}
.btn-fix-cart > img{ width: 100px;}

/* topへ戻る*/
.btn-fix-pagetop {
position:fixed;
z-index: 44; 
bottom: 100px;
right:2%;
width: 75px;
height: 85px;
text-align: center;
}

.btn-fix-pagetop #page-top {
    background-color: #2C5735;
}

.btn-fix-pagetop #page-top {
    display: none;
    color: #fff;
    font-size: 13px;
    line-height: 17px;
    background:rgba(150,147,147,1);
    border-radius: 5px;
    padding-top: 4px;
    height: 65px;
}

#page-top a {
    color: #fff;
    font-size: 13px;
    line-height: 14px;
}



.btn-fix-pagetop > img{ width: 100px;}


.sysItemCategoryPankuzu {
    margin-top: 10px;
}

/*----------------------------------------------
　amazon payボタン
----------------------------------------------*/
.sysCart#sysBasket .sysNextSubmitAreaForUseAmazon, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon {
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 50px;
}

.sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #amazonPayTopLoginButton,
.sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #amazonPayBottomLoginButton {
    margin-top: 30px !important;
}

.sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #useAmazonSubmitButton, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #amazonPayTopLoginButton, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #useAmazonSubmitButton, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #amazonPayBottomLoginButton, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #useAmazonSubmitButton, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #amazonPayTopLoginButton, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #useAmazonSubmitButton, .sysCart#sysBasket .sysNextSubmitAreaForUseAmazon #amazonPayBottomLoginButton {
    width: auto;
    margin: 0 10px;
    padding: 0;
}



/*----------------------------------------------
　サイド　返品･交換について、問い合わせの横幅調整　リニューアル後削除
----------------------------------------------*/
#sysAside .sysHeadline {
    width: auto !important;
    height: 50px;
    margin: 10px auto 10px !important;
}







/*----------------------------------------------
 　TOPページリニューアル追加CSS　2021/12/16
----------------------------------------------*/

#sysWrap {
    width: 1000px;
    margin: 0 auto;
    padding-top: 20px;
    overflow: hidden;
    background-color: #FFF;
    padding-bottom: 5px;
}


/*----------------------------------------------
 　商品ページリニューアル追加CSS　2021/12/16
----------------------------------------------*/
#sysItemDetail .sysReview, #sysItemDetail .description_left, #sysItemDetail .sysDescription, #sysItemDetail .sysForm, #sysItemDetail .sysRetailPrice, #sysItemDetail .sysImageDescription {
    max-width: 350px !important;
    margin: 0 auto 10px auto !important;
}


#sysItemDetail .sysMainImage {
    max-width: 400px;   
    margin: 0 auto;
}

.item-left {
    margin-right: 20px !important;
}


.sysModalItemImages .sysModalMainImage img {
    width:auto !important;
}


.goods_comment_img {
    width: 700px;
　　height: auto;
    position: relative;        /* 要素の配置方法を指定 */
    background-color: #fff;     /* 背景色指定 */
    padding:  10px;             /* 余白指定 */
    right:  10px;                /* 右からの位置指定 */
    top: 350px;                  /* 上からの位置指定 */
    left:  10px;
    margin-top: 380px;
}

.goods_comment_img {
    position: initial;
}


.header-campaign {
    width: 1000px;
    margin: 0 auto;
    padding-top: 50px;
    overflow: hidden;
    background-color: #FFF;
    padding-bottom: 5px;
}

.header-info {
    width: 1000px;
    margin: 0 auto;
    padding-top: 10px;
    overflow: hidden;
    background-color: #FFF;
}


.sysCategoryPankuzu {
    margin: -16px 0 10px 5px;
}


#sysItemDetail .medical .sysDescription {
    width:100%;
    max-width: 750px !important;
}


#sysItemDetail .sysDescription.medical .item_spec dt {
    margin-bottom: 15px;
}
#sysItemDetail .sysDescription.medical .item_spec dt {
    margin-bottom: 22px;
    padding: 12px 34px 11px;
    font-size: 18px;
    font-weight: bold;
    background-color: #6FB6A9;
    color: #fff;
}

#sysItemDetail .sysDescription.medical .item_spec dd {
    font-size: 13px;
    line-height: 1.65;
}


#sysItemDetail .medical .item_spec dl dt {
    width: 100% !important;
}

#sysItemDetail .medical .item_spec dl dd {
    width: 100% !important;
}


#sysItemDetail .medical .item_spec dl dd:last-of-type {
    border-bottom: none;
}


/*----------------------------------------------
 　リニューアル　フッター
----------------------------------------------*/
footer .permit {
    text-align: center;
    padding: 60px 0 0 0;
    font-size: 12px;
}


/*----------------------------------------------
 　キャンペーン（クーポン2つ表示）
----------------------------------------------*/
.top_bnr_campaign {
    margin-top: 20px;
    position: relative;
}


.top_bnr_campaign_01 {
    position: absolute;
    left: 14px;
    bottom: 10px;
    width:48%!important;
}

.top_bnr_campaign_02 {
    position: absolute;
    right: 14px;
    bottom: 10px;
    width:48%!important;
}



.shop-description{
    margin-top: 20px;
    font-size: 1.6rem; /* 20220810 松山　追加 */
    font-weight: 600; /* 20220810 松山　追加 */
    clear: both; /* 20210804松山　追加 */
}


.sysCategoryDescription h2 {
	letter-spacing: 2px;
	margin: 5px auto!important;
}



/*  sidemenu
 ----------------------------------------------- */

#sidemenu {
	float: left;
	width: 230px;
	margin: 0;
 *zoom: 1;
	word-break: break-all;
}
#sidemenu .banner {
	margin-bottom: 30px;
}
#sidemenu h2 {
	border-left: 7px solid #1596df;
	background-color: #efefef;
	font-size: 14px;
	line-height: 1.6;
	height: 55px;
	padding: 7px 20px 7px 15px;
	margin-bottom: 20px!important;
	text-align: left;
	letter-spacing: 2px;
}
#sidemenu h3 {
	padding: 5px 0 5px 0;
	color: #1596df;
	font-weight: bold;
}
#sidemenu nav {
	margin-bottom: 30px;
}
#sidemenu nav ul li {
	border-bottom: 1px dotted #cccccc;
}
#sidemenu nav ul li a {
	display: block;
	padding: 5px 5px 5px 30px;
	margin: 5px 0;
	background: no-repeat left center;
	position: relative;
}
#sidemenu nav ul li a:after {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "Chalkboard SE", sans-serif;
	content: ">";
	display: block;
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #1596df;
}
#sidemenu #subc_calendar {
	margin-bottom: 30px;
}
#sidemenu div.subc_cal_cont {
}
#sidemenu div#subc_calendar h2 {
	background: none;
	border: none;
	text-align: center;
	color: #1596df;
	border-bottom: 1px solid #1596df;
}
#sidemenu div.cal_wrapper table.cal {
	width: 100%;
	line-height: 2.0;
}
#sidemenu div.cal_wrapper table.cal tr th p.month {
	float: left;
	width: 70%;
	text-align: center;
}
#sidemenu div.cal_wrapper table.cal tr th input {
	float: left;
	border: none;
}
#sidemenu div.cal_wrapper table.cal tr th input.prev {
	background: url(/pc/image/base/calendar_pleft.png) left bottom / 20px auto no-repeat !important;
	width: 15%;
	height: 20px;
}
#sidemenu div.cal_wrapper table.cal tr th input.next {
	background: url(/pc/image/base/calendar_pright.png) right bottom / 20px auto no-repeat !important;
	width: 15%;
	height: 20px;
}
#sidemenu div.cal_wrapper table.cal tr td {
	font-size: 90%;
	text-align: center;
	border: solid 1px #FFF;
}
#sidemenu div.cal_wrapper table.cal tr.headline td {
	border: none;
	padding: 10px 0 2px 0;
}
#sidemenu div.subc_cal_cont .cap {
	font-size: 80%;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	width: auto;
}
#sidemenu div.subc_cal_cont .cap ul {
	margin: 3px 0 0;
}
#sidemenu div.subc_cal_cont .cap li {
	display: inline-block;
	line-height: 140%;
	overflow: hidden;
}
#sidemenu div.subc_cal_cont .cap li span {
	margin: 0 10px 0 0;
}
#sidemenu div.subc_cal_cont .cap .ico_cap01 {
	font-size: 120%;
	vertical-align: middle;
	margin: 0 2px 0 0;
	color: #f15d7f;
}
#sidemenu div.subc_cal_cont .cap .ico_cap02 {
	font-size: 120%;
	vertical-align: middle;
	margin: 0 2px 0 0;
	color: #39F;
}
#sidemenu div.subc_cal_cont .cap .cap-info {
	line-height: 140%;
	padding: 10px 0 0;
	color: #626262;
}
#sidemenu div.cal_wrapper table.cal tr td div.Today {
	background-color: #efefef;
	font-weight: bold;
}
#sidemenu div.cal_wrapper table.cal tr td div.Deli {
	background-color: #444;
}
#sidemenu div.cal_wrapper table.cal tr td div.Holyday {
	background-color: #f15d7f;
	color: #FFFFFF;
}
#sidemenu div.cal_wrapper table.cal tr td div.backward {
	color: #CCC;
	font-weight: normal;
	background-color: #FFF;
}
#sidemenu div.cal_wrapper table.cal tr td div.pointer {
	cursor: pointer;
}
#sidemenu div.cal_wrapper table.cal tr td div.pointer:hover {
	background-color: #EEE;
}
#sidemenu #snav_mailMag {
	width: 200px;
	margin-bottom: 30px;
	border: solid 1px #CCC;
}
#sidemenu #snav_mailMag h2 {
	background-image: none;
	margin-right: 3px;
}
#sidemenu div.snav_mailMag_cont {
	background-color: #FFF;
	width: 160px;
	padding: 55px 20px 3px 20px;
	background: url(https://image1.shopserve.jp/lens-labo.com/pic-labo/Title-scolumn_mmag.gif) no-repeat;
}
#sidemenu div.snav_mailMag_cont h2 {
	width: 160px;
	text-align: center;
	margin: 0 0 5px 0;
	background-image: none;
}
#sidemenu div.snav_mailMag_cont p {
	font-size: 70%;
	line-height: 130%;
	padding: 0 0 10px;
	color: #626262;
}
#sidemenu div.snav_mailMag_cont input.mailAddress {
	width: 100px;
	height: 15px;
	position: relative;
	vertical-align: middle;
	margin-bottom: 10px;
}
#sidemenu div.snav_mailMag_cont input.submit_mailMag {
	width: 40px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	background-color: #444;
	border: none;
	color: #FFF;
	font-size: 75%;
	margin-bottom: 10px;
	border-radius: 3px;
}
#sidemenu div.snav_mailMag_cont input.submit_mailMag:hover {
	background-color: #377b95;
}
#sidemenu #snav_followUs {
	margin-bottom: 30px;
}
#sidemenu #snav_followUs nav ul {
	overflow: hidden;
}
#sidemenu #snav_followUs nav ul li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}
#sidemenu #snav_followUs nav ul li img {
	vertical-align: bottom;
}
#sidemenu #snav_followUs nav ul li a:hover img {
	opacity: .70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: .70;
	-moz-opacity: .70;
	cursor: pointer;
}
#subc_freeArea {
	margin-bottom: 30px;
	padding: 0;
}
#sidemenu .column4 {
	float: left;
	width: 170px;
	margin: 10px 0 10px 0;
}
#sidemenu .column4:nth-child(4n) {
	margin: 0 1px 10px 0;
}
#sidemenu .column4 .itemThumb-wrap {
	margin: 0 0 10px 0;
}
#sidemenu .column4 .itemThumb {
	display: table-cell;
	text-align: center;
	height: 170px;
	width: 170px;
	vertical-align: middle;
	margin-bottom: 5px;
}
#sidemenu .column4 .itemThumb a img {
	max-height: 170px;
	max-width: 170px;
}
#sidemenu .column4 h3 {
	font-size: 70%;
	line-height: 130%;
	margin-bottom: 3px;
}
#sidemenu .column4 p {
	font-size: 70%;
}
#sidemenu .column4 img {
	vertical-align: bottom;
}
#sidemenu .column4 p.sp_price {
	color: #F00;
}
#sidemenu .column5 {
	float: left;
	width: 135px;
	margin: 10px 0 10px 0;
	padding-bottom: 10px;
}
#sidemenu .column5:nth-child(5n) {
	margin: 0 1px 10px 0;
}
#sidemenu .column5 .itemThumb-wrap {
	margin: 0 0 10px 0;
}
#sidemenu .column5 .itemThumb {
	display: table-cell;
	height: 135px;
	width: 135px;
	margin-bottom: 5px;
	text-align: center;
	vertical-align: middle;
}
#sidemenu .column5 .itemThumb a img {
	max-height: 135px;
	max-width: 135px;
}
#sidemenu .column5 h3 {
	font-size: 70%;
	line-height: 130%;
	margin-bottom: 3px;
}
#sidemenu .column5 p {
	font-size: 70%;
}
#sidemenu .column5 img {
	vertical-align: bottom;
}
#sidemenu .column5 p.sp_price {
	color: #F00;
}
#sidemenu .newItem {
	position: relative;
	margin: 0 0 10px;
	line-height: 90%;
}
#sidemenu .newItem h2 {
	width: 185px;
	background: url(https://image1.shopserve.jp/lens-labo.com/pic-labo/side_ttl_ico.gif) no-repeat left;
	height: 32px;
	border-bottom: solid 1px #d7d7d7;/* サイドバーコンテンツラインカラー */
	border-top: solid 1px #d7d7d7;/* サイドバーコンテンツラインカラー */
	line-height: 330%;
	padding-left: 15px;
	/* background-color: #333333;/* サブカラー */
	color: #222222;/* サブカラーテキスト */
}
#sidemenu .newItem .new-Title {
	position: absolute;
	right: 0px;
	top: 1px;
	display: none;
}
#sidemenu .newItem .column3, #sidemenu .newItem .column4 {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	line-height: 140%;
	float: none;
	width: 200px;
}
#sidemenu .newItem .column4 .itemThumb-wrap {
	margin: 0 0 10px 0;
}
#sidemenu .newItem .column4 .itemThumb {
	/* height: 200px; */
	width: 200px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#sidemenu .newItem .column4 .itemThumb a img {
	/* width:200px; */
     /* height:200px; */
	max-height: 200px;
	max-width: 190px;
	margin-left: -10px;
}
#sidemenu .newItem h3 {
	text-align: left;
}
#sidemenu .newItem p.price {
	text-align: left;
	margin: 0;
}
#sidemenu .newItem p.sp_price {
	text-align: left;
}
#sidemenu .newItem p.sp_price {
	color: #F00;
}
#sidemenu .newItem .column4 .badge {
	padding: 3px 0 0 3px;
	position: absolute;
	z-index: 100;
}
#sidemenu .newItem .column4_fourth .itemThumb {
	margin: 0 20px 5px 20px;
	position: relative;
}
#sidemenu .pickup {
	position: relative;
	margin: 0 0 10px;
	line-height: 90%;
}
#sidemenu .pickup .pickup-Title {
	position: absolute;
	right: 0px;
	top: 1px;
	display: none;
}
#sidemenu .pickup h2 {
	width: 185px;
	background: url(https://image1.shopserve.jp/lens-labo.com/pic-labo/side_ttl_ico.gif) no-repeat left;
	height: 32px;
	border-bottom: solid 1px #d7d7d7;/* サイドバーコンテンツラインカラー */
	border-top: solid 1px #d7d7d7;/* サイドバーコンテンツラインカラー */
	line-height: 330%;
	padding-left: 15px;
	/* background-color: #333333;/* サブカラー */
	color: #222222;/* サブカラーテキスト */
}
#sidemenu .pickup .column5 {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	float: none;
	width: 200px;
	line-height: 140%;
}
#sidemenu .pickup .column5 .itemThumb-wrap {
	margin: 0 0px 10px 0px;
}
#sidemenu .pickup .column5 .itemThumb {
	/* height: 200px; */
	width: 200px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#sidemenu .column5 .item-list-span-img {
	width: 170px;
	display: inline-block;
}
#sidemenu .pickup .column5 .itemThumb img {
	/* width:200px; */
     /* height:200px; */
	max-height: 200px;
	max-width: 190px;
	margin-left: -10px;
}
#sidemenu .pickup .column5 .badge {
	padding: 3px 0 0 3px;
	position: absolute;
	z-index: 100;
}
#sidemenu .ranking {
	position: relative;
	margin: 0 0 10px;
	line-height: 90%;
}
#sidemenu .ranking .ranking-Title {
	position: absolute;
	right: 0px;
	top: 1px;
	display: none;
}
#sidemenu .ranking h2 {
	width: 185px;
	background: url(https://image1.shopserve.jp/lens-labo.com/pic-labo/side_ttl_ico.gif) no-repeat left;
	height: 32px;
	border-bottom: solid 1px #d7d7d7;/* サイドバーコンテンツラインカラー */
	border-top: solid 1px #d7d7d7;/* サイドバーコンテンツラインカラー */
	line-height: 330%;
	padding-left: 15px;
	/* background-color: #333333;/* サブカラー */
	color: #222222;/* サブカラーテキスト */
}
#sidemenu .ranking .column5 {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	float: none;
	width: 200px;
}
#sidemenu .ranking .column5 .itemThumb-wrap {
	margin: 0 0px 10px 0px;/* height: 130px; */
     /* width: 130px; */
}
#sidemenu .ranking .column5 .itemThumb {
	/* height: 200px; */
	width: 200px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#sidemenu .ranking .column5 .itemThumb img {
	/* width:200px; */
     /* height:200px; */
	max-height: 200px;
	max-width: 190px;
	margin-left: -10px;
}
#sidemenu .ranking .column5 .itemThumb {
	margin-bottom: 5px;
	position: relative;
}
#sidemenu .ranking .column5 .badge {
	padding: 6px 0 0 3px;
	position: absolute;
	z-index: 100;
}
#sysWrap {
	width: 1000px;
	margin: 0 auto;
	padding-top: 20px;
	overflow: hidden;
	background-color: #FFF;
	padding-bottom: 5px;
}


#sysItemDetail .sysForm select {
    min-width: 350px;
    display: inline-block;
    float: none!important;
}

#sysBasket #sysMain {
    float: none !important;
    width: 100% !important;
    max-width: 825px !important;
    margin-left: auto !important;
    margin: 0 auto;
    padding: 10px 0 3em;
}


body.sysOpcBody #sysMain {
    width: 100%;
    max-width: 860px;
    margin: 60px auto 0 auto;
}



.opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit {
    padding-left: 5em;
}

.opcCommonEditModeBlock input[type=tel] {
    width: 30%
}

.sysOpcBody .opcItem_deliveryAddressItemGroup_edit .opcCommonEditLabel {
    display: contents;
}

.sysOpcBody .opcItem_itemOptionGroup_edit {
margin-left: 60%;
}

/* TOPページ長期休業のお知らせテキストバナー
--------------------------------------- */

.info-newyear .h_text_bnr {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    min-height: 30px;
    padding: 8px 0;
    color: #ffffff;
    background-color: #CB0005;
    text-align: center;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.4;
    letter-spacing: 0.14em;
    margin: 10px 0 20px;
}

.info-newyear .h_text_bnr::after {
    content: "";
    width: 12px;
    height: 12px;
    margin-left: 10px;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*----------------------------------------------
   Splide スライダー 
----------------------------------------------*/

.splide.is-initialized {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
}
}
/* #END_OF_RESOURCE_FILE */
