@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Quicksand');
@import url('https://fonts.googleapis.com/earlyaccess/sawarabigothic.css');


/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAgM9UvI.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLCwM9UvI.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAwM9UvI.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDAM9UvI.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAAM9UvI.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAQM9UvI.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDwM9.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYNNZQyQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */


@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoadNZQyQ.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYdNZQyQ.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobtNZQyQ.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYtNZQyQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoY9NZQyQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobdNZ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb8td.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb8td.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb8td.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb8td.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




* {
    margin: 0;
    padding: 0;
}

table,img,p {
    border: 0;
}
html {
	height: 100%;
    background: #fff;
    font-size: 62.5%;
}


body {
	min-height: 100%;
    position: relative;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: 0.08em;

z-index: 5;
background: #fff;
color: #000;
font-family: 'Open Sans', 'Noto Sans JP', sans-serif;
font-family: -apple-system, BlinkMacSystemFont, 'Roboto', YuGothic,'Yu Gothic Medium','Yu Gothic', sans-serif;
font-weight: 400;
font-size: 1.4rem;
line-height: 1.8;
letter-spacing: 0.03em;
word-wrap: break-word;
overflow-wrap: break-word;
font-feature-settings: 'palt';
overflow-x: hidden;
}

body #contents .floor {
	margin: 0 0 60px;
/*	font-size: 13px;*/
}
body #contents .floorTop {
margin: 0 0 50px;
padding: 0;
}



.bold{
	font-weight:bold;
}


.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}

li {
    list-style-type: none;
}

select {
    padding:0 10px 0 5px;
    height:36px;
    margin: 0 auto 10px;
    color: #0f1111;
background: #fff;
border: solid 1px #000000;
}

select::-ms-expand {
  display: none;
}

.selectOption {
position:relative;
display:inline-block;
}

.selectOption:after {
content:"";
position:absolute;
z-index:10;
top: 14px;
right: 8px;
margin-left: 10px;
width: 14px;
height: 8px;
background: rgba(0, 0, 0, 0) url("../img/common/icon_accordion_open.svg") no-repeat scroll center center;
}

.selectOption select {
    border: solid 1px #000000;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding:0 30px 0 5px;
    height:36px;
      -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  font-size: inherit;
  color: #0f1111;
  box-sizing: content-box;
  background: #FFF;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
position:relative;
}

.selectOption select::-ms-expand {
  display: none;
}

input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="number"], button {
    word-break: break-word;
    -webkit-appearance: none;
    color: inherit;
    max-width: 100%;
    background: none;
    box-shadow: none;
color: #0f1111;
background: #fff;
border: solid 1px #000000;
cursor:pointer;
font-family: 'Open Sans', 'Noto Sans JP', sans-serif;
/*
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    display: inline-block;
    border-radius: 0.3em;
    border: 1px solid #C8C8C8;
    padding: 0.5em;
*/
}
input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="number"]{
border-radius: 5px;
}

/*
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #CB519C inset;
    box-shadow: 0 0 0 1000px #CB519C inset;
}
*/
@keyframes onAutoFillStart { from {} to {}}

input:-webkit-autofill {
    animation-name: onAutoFillStart;
    transition: background-color 50000s ease-in-out 0s;
    -webkit-transition: background-color 50000s ease-in-out 0s;
}


/* 入力不可文字注意喚起 PC ここから
----------------------------------------------- */
.inputBan{
	border: 1px solid #000;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 0 15px;
}
.inputBan .inputBantit{
	text-align: center;
    border-bottom: 1px solid #000;
    padding: 0 0 10px;
    margin: 0 0 10px 0;
}
.inputBan .svgarea{
	position: relative;
	overflow: hidden;
}
.inputBan .inputSample{
	float:left;
	left:50%;
	position:relative;
}
.inputBan .inputSample li{
    padding: 0 10px 0 0;
    float: left;
    left: -50%;
    position: relative;
    vertical-align: 10px;
}
.inputBan .inputSample li:last-child{
    padding: 0;
}
.inputBan .inputSample li .inputIcon{
    background: #000;
    margin: 0px 5px 0 0;
    color: #fff;
    padding: 1px 6px 0px;
    border-radius: 3px;
    font-size: 10px;
    position: relative;
    vertical-align: -2px;
}
.inputBan .inputSample li svg{
	vertical-align: -5px;
    height: 14px;
    display: inline-block;
}
.inputBan .inputSample li .svg1{

}
.inputBan .inputSample li .svg2{

}
.inputBan .inputSample li .svg3{

}
.inputBan .inputSample li .svg4{

}
.inputBan .inputSample li svg path{
	fill:#000;/* SVG部分の色味*/
}

/* 入力不可文字注意喚起 ここまで
----------------------------------------------- */

/* フロート回り込み解除
----------------------------------------------- */
br.clear {
    clear: both;
    display: none;
    font-size: 0px;
    line-height: 0%;
    height: 0px
}
.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
/* リンク指定
----------------------------------------------- */
a {
text-decoration: none;
color: #000;
}
a:link { color: #000; }
a:visited { color: #000; }
a:hover {
	opacity: 0.5;
/*	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
*/	text-decoration:none;
}
a::before,
a::after {
	content: '';
}
a,
a::before,
a::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}

a span {
	-webkit-transition: all .7s;
	transition: all .7s;
}
table tr td a span {
	font-size: 90%;
text-decoration: underline;
}

input::before,
input::after {
	content: '';
}
input,
input::before,
input::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}



/* フォント
----------------------------------------------- */
h1,h2,h3,h4,h5 {
    font-size: 100%;
    line-height: 150%;
}
.price { }
.attention { color: #ce0027; }
.attention a { color: #ce0027; }
.mini { font-size: 90%; }
.red,
em{
	color:#ce0027;
	font-style: normal;
}

.center {
text-align:center;
}

/* アコーディオン
----------------------------------------------- */
.accordion a { display:block;}
.accordion div { display:block;}
.accordion div p{
	display:block;
	cursor:pointer;
	cursor:hand
}
.accordion .text { display:none;}


/* テーブル共通指定
----------------------------------------------- */
table  {
    margin: 5px auto 0 auto;
    text-align: left;
	border: 1px solid #000000;
	border-collapse: collapse;
}
table th {
    padding: 15px;
    font-weight: normal;
	width:250px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

table td {
    padding: 15px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
table#item_img{
    table-layout: fixed;
	width: 100%
}
table#item_img td{
    text-align:center;
}
#item_img td p.itemImg{
    margin:0 0 10px;
}
#item_img td h3.itemTit{
	font-weight:bold;
	text-align:left;
    margin:0 0 10px;
}
#item_img td p.itemPrice{
	text-align:left;
    margin:0 0 7px;
}
#item_img td p.itemCap{
	text-align:left;
	font-size:84%;
    line-height:130%;
}
#item_img td p.itemCap a{
	text-decoration:none;
}


div.tblareabtn {
    clear: both;
    margin: 30px 0 0 0;
    text-align: center;
}
.phototd {
    width: 75px;
    text-align: center;
}
.centertd {
    text-align: center;
}
.pricetd {
    text-align: right;
}
.pricetd em {
    font-weight: bold;
}
#completetext {
    width:610px;
    margin: 15px auto 0 auto;
    padding: 15px;

}
#completetext em {
    font-weight: bold;
}
#completetext p{
    padding: 20px 0 0 0;
    text-align: left;
}
.soldout{
	color:#CB519C;
}


/* テーブルセット商品 */
table td.setProducts {
}
table td.setProducts .tit {
	color: #999;
	font-weight: bold;
}
table td.setProducts .set li {
	line-height: 30px;
	margin: 5px 0 0;
}
table td.setProducts .set img {
	height: 30px;
	vertical-align: middle;
}

/* 商品リスト指定
----------------------------------------------- */
/* リスト */
.itemList {
	margin: 0 0% 0 0;
    letter-spacing: -0.4em;
    font-size:14px;
    text-align: left;
/*    color:#101010;*/

display:-webkit-box;
display:-ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.itemList:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
.itemList .item {
/*	float: left;*/
	 vertical-align:top;
	 letter-spacing: normal;
	 display: inline-block;
	text-align: left;
}

.itemList li.empty {
	 letter-spacing: normal;
	 display:block;
    font-size:14px;
	text-align: left;
}


.floor .itemList .item {
	margin: 0 5% 5% 0;
width: 30%;
}

.floor .itemList .item:nth-child(3n) {
	margin: 0 0% 5% 0;
}

.itemList.new_arrival .item {
	margin:0 5% 5% 0;
width: 30%;
}

.itemList.new_arrival .item:nth-child(3n) {
	margin: 0 0% 5% 0;
}
/*
.itemList.new_arrival .item {
	margin: 0 4% 4% 0;
	width: 48%;
}

.itemList.new_arrival .item:nth-child(2n) {
	margin: 0 0% 4% 0;
}
*/


.itemList.new_arrival .item a{
	margin:0 0 5px;
}
.itemList .item a {
	display: block;
	text-decoration: none;
	line-height: 1.4em;
	position: relative;
}

.itemList .item a:hover{


}

.itemList .item a .soldout,
.itemList .item a .attention{
position: absolute;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
color: #fff;
width: 100%;
text-align: center;
padding: 10px;
font-weight: bold;
box-sizing: border-box;
font-size: 11px;
line-height: 1.2;
}

.itemList .itemPhoto:hover{


}

.itemList .itemPhoto {
	border:none;
	margin: 0 0 10px;
	vertical-align: middle;
	position:relative;
	overflow: hidden;
	padding: 10px 15%;
}

.itemList .itemPhoto p.new{
position: absolute;
top: -1em;
left: -2.9em;
color: #fff;
transform: rotate(-45deg);
border-radius: 0;
background: #e62488;
padding:1.7em 2.7em 0.3em 2.6em;
font-weight: bold;
font-family: urw-din-condensed, sans-serif;
font-weight: 700;
}

.itemList .item img{
	width:100%;
	height:auto;
}

.itemList .itemTit {
	font-size: 13px;
	line-height: 1.4em;
	margin: 0 0px 5px;
	word-wrap: break-word;
	font-weight:normal;
}
.itemList .itemPrice {
	font-size: 13px;
	margin: 0 0px 5px;
}
.itemList .itemPrice .price{
	margin:0 0 0 3px;
	font-size:80%;
	color:#777;
}
.floor .itemList .itemPrice .price{
	font-size:80%;
}
.itemList .itemPrice.limited {
	color: #dd1e0b;
}
.itemList .itemComment {
	font-size: 12px;
}
.itemList .status_icon {
	margin: 5px 0 5px;
}

.itemList .status_icon li.new {
	background: #000000;
	color:#e62488;
}
.itemList .status_icon li.fc {
	background: #CB519C;
	color:#fff;
}

.itemList #status_icon {
	margin: 5px 0;
}
.itemList #status_icon li {
	display:inline-block;
color: #000;
background: #fff;
	font-size:10px;
	text-align:center;
	line-height:1em;
padding: 4px 10px 4px;
margin: 0 10px 10px 0;
border: solid 1px #000;

}

.itemList #status_icon li.new {
	background: #000000;
	color:#ce0027;
}
.itemList #status_icon li.fc {
	background: #CB519C;
	color:#fff;
}


/* NEW!
------------------------------------------------ */
.status_icon {
margin:20px auto 20px;
}
.status_icon li{
	display:inline-block;
padding: 4px 10px 4px;
margin: 0 10px 10px 0;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	line-height:1em;
color: #000;
background: #fff;
border: solid 1px #000;
}

#detailrightblock .status_icon li{
	display:inline-block;
	background:#C8C8C8;
	color:#000000;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	line-height:1em;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	padding:8px 13px 8px;
	margin:0 2px 2px 0;
}
#detailrightblock .status_icon li.new {
	background: #000000;
	color:#ce0027;
}
#detailrightblock .status_icon li.fc {
	background: #CB519C;
	color:#fff;
}



/* ヘッダーロゴ
------------------------------------------------ */
#header {


	width: 940px;
	border-bottom: none;
	padding:0;
	margin:0 auto 0px;
	position: relative;
	text-align:center;


}

.top #header {

}



/*
div #header_inner{
	width:1000px;
	margin:0 auto;

}
#header h1 a {
    float: left;
    display: block;
    margin:-8px 0 0 -6px;
    width:320px;
    height:140px;
    background: url("../img/header/tit_kiyokiba_shop.png") no-repeat left top;
	background-size:auto 140px;
	-webkit-background-size:auto 140px;
	-moz-background-size:auto 140px;
}
#header em {
    display: none;
}*/


#headerBtn{
	position:fixed;
	top:20px;
	right:20px;
	z-index: 1000;
}
#headerBtn{
	text-align:center;
}
#headerBtn li{
	display:block;
	float: left;
	margin-left:10px;
}
#headerBtn li a{
	display:block;
	width:50px;
	height:50px;
	color:#fff;
	font-size:20px;
	line-height:50px;
	border-radius:4px;
	text-align:center;
	background: #4a4a4a;
}
#headerBtn li a:hover{
filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#headerBtn li.headLogin a {
	width: 100px;
	font-size: 14px;
	letter-spacing: 1px;
}

#headerList{
/*
	float: right;
	width:1000px;
*/
	margin: 0 0 0 0px;
	text-align: left;
line-height: 1;

border-bottom: solid 1px #fff;
padding: 0 0 30px;
margin: 0 0 30px;
}



#headerList li{
	position:relative;
    padding:0 0;
    font-size: 1.4rem;
    letter-spacing: 1px;
    margin:0 auto;
    z-index:50;
font-weight: bold;
}
#headerList li .catTit {
font-weight:bold;
font-size: 20px;
margin: 0 auto 10px;
}

#headerList li span.line {
vertical-align: 1px;
padding: 0 20px 0 0;
}
#headerList li.list ul{


}
#headerList li.list{
    transition: all 0.3s ease 0s;
}
#headerList li.list:hover{
filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
/*	color: rgb(156, 0, 0);*/
}
#headerList li a{
	padding:5px 0 7px;
font-size: 1.4rem;

filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#headerList li a:hover {

}
#headerList li a:visited{

}
.linkArea{
margin: 0 auto 18px;
}
.linkArea a {
font-weight: bold;
font-size: 20px;
margin: 0 auto 10px;
display:block;
position:relative;
text-align:left;
color: #fff;
}
.cartArea{
margin: 0 auto 20px;
}
.cartArea a {
font-weight: bold;
font-size: 20px;
margin: 0 auto 10px;
display:block;
position:relative;
text-align:left;
color: #fff;
}
.cartArea a .count {
    position: absolute;
right: 0;
top: 0.8em;
background: #fff;
color: #e62487;
    line-height: 1;
    font-size: 10px;
    width: 16px;
    height: 16px;
    text-align: center;
    border-radius: 100%;
    padding: 2px 1px;
    box-sizing: border-box;
    font-weight: normal;
}



#headerList li ul{
    border-left: 1px solid #fff;
    box-sizing: border-box;
    padding: 5px 0;
    z-index:1000;
    margin: 10px 0 0;
/*
	position:absolute;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    background-color: #0f1111;
    top:40px;
    width: 430px;
    */
}

#headerList li ul li{
    display: block;
    width: 100%;
    margin:0;
    padding:0;
    font-size: 13px;
    line-height: 2;
    transition: background-color 0.2s ease 0s;
    word-wrap: break-word;
    z-index: 2;
}
#headerList li ul li a{
    box-sizing: border-box;
    display: block;
    padding:5px 10px;
    width: 100%;
    text-align: left;
/*    color:#333!important;*/
    text-decoration:none;
    font-size: 1.4rem;
    font-weight: normal;
color:#fff;
}
#headerList li ul li a:hover{
/*
	background:#f2f4f5;
    color:rgb(156, 0, 0) !important;
*/
}


#headerList form {
display: inline-block;
}


h1.headerImg {
width:940px;
margin:120px auto 100px;
text-align:left;
}

h1.headerImg img{
width:100%;
}

h1.headerImg.headerShopping {
width:500px;
}

/*
.top #headerList{
padding: 50px 0px;
top: 0;
right: 0;
position: absolute;
}
.top #headerList li {
display: block;
margin: auto;
text-align: right;
padding: 0;
}
.top #headerList form {
    display: block;
}
.top #headerList li .catTit {
    display: block;
    margin:0 20px 10px 0;
    font-size: 1.2rem;
    text-align: right;
    padding: 0;
    font-family: oswald, sans-serif;
font-weight: 500;
letter-spacing: -0.02em;
}
.top #headerList li a {
    display: block;
    margin:0 20px 10px 0;
    font-size: 1.2rem;
    text-align: right;
    padding: 0;
    font-family: oswald, sans-serif;
font-weight: 500;
letter-spacing: -0.02em;
}
.top #headerList li a .count {
font-size: 0.7rem;
width: 1.2rem;
height: 1.2rem;
right: 10px;
top: -9px;
}

.top #headerList li.list ul {
position: relative;
top: 0;
width: auto;
right: 20px;
padding: 9px 0 1px;
margin: 15px 0 10px;
border-right: none;
border-left: none;
background: no-repeat;
}
*/


/* ヘッダーナビ
----------------------------------------------- */
#invitation{
    color:#CB519C;
}
#information {
/*    float: right;*/
    padding: 25px 0 0;
    position:absolute;
    top:0;
    right:170px;
}
#information ul li {
	display: inline-block;
	backgorund: #444;
}
#information ul li a{
  display: block;
  text-decoration:none;
  text-align:center;
}

#information ul li span {
  color: #ddd;
  font-size:11px;
}


/* 下層ヘッダー
----------------------------------------------- */
#pageHeader img {
	margin: 0 0 10px;
}


/* パンくず
----------------------------------------------- */
#breadcrums{
    font-size:12px;
	margin:0 0 10px 0;
	
	padding: 10px 0 10px;
color: #777;
position: relative;
}

#breadcrums a{
/*	color:#999;*/
	margin:0 5px 0 0;
	font-weight: normal;
}

#breadcrums span.grater {
	color:#999;
	margin:0 5px 0 0;
	font-weight: normal;
}

/* フレーム
----------------------------------------------- */
#container {
    width: 940px;
    margin: 0 auto 0;
    padding: 0 0 50px;
    text-align: left;
    min-height: 49vh;
}
.top #container {
/*    width: 1200px;*/
    
}
#container:after {/* firefox背景色表示用 */
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#leftcolumn {
    float: left;
    width: 166px;
}
#detailphotoblock .photo .mini{
	display: block;
	margin: 10px 0 20px;
}
#leftcolumn h2 {
    padding: 15px 0 0 0;
}
#leftcolumn h2 img{
		vertical-align: bottom;
}
#rightcolumn {
    float: right;
    width:180px;
	margin:0;
}

/* ★ 右カラムタイトル */
#rightcolumn h2 {
	margin:0 0 10px;
	padding:0 0 5px;
  color:#004ea2;
  font-family: 'Quicksand', sans-serif;
	font-size:20px;
	line-height:1em;

}
#rightcolumn h2 span{
	font-size:14px;
	font-weight:normal;
    margin: 0 3px 0 0;
	vertical-align:-2px;
}
#rightcolumn h2 img{
		vertical-align: bottom;
}


/* ★ タイトル
----------------------------------------------- */

.title{
	margin: 0 0 20px;
    font-weight:normal;
    text-align:left;

}
.titleDot {
	margin:0 0 10px;
    padding: 0 0 10px;
    font-size:14px;
    border-bottom:1px solid #000;
}

.titleLine {
	margin:0 0 10px;
    padding:20px 0 0px;
    color:#000;
    font-size:14px;
    font-weight:bold;
    border-top:1px solid #000;
}


/* 3カラム設定 
----------------------------------------------- */

#three_maincolumn {
    float: left;
    width: 750px;
}

/* 2カラム設定 
----------------------------------------------- */
#two_maincolumn {
    float: left;
    width: 750px;
    padding: 0;
	margin:0 20px 0 0;
}
/* 下層 */
#under02column {
    width: 750px;
    margin:0 auto;
}
#under02column table{
	width:100%;
}

.break{
	word-wrap:break-word;
}
#pageHeader img {
margin: 0 0 10px;
}


/* 1カラム設定 
----------------------------------------------- */
#one_maincolumn {
    width: 750px;
    margin:0 auto;
    
}
#undercolumn_shopping{
	padding:0px;
/*	background:#fff;*/
}
#under02column,
#three_maincolumn,
#two_maincolumn,
#one_maincolumn {
  width:100%;
}


/* ログイン(MYページ)
----------------------------------------------- */
/* メンバー */
#under02column #loginSelect{
	border:none;
	margin:0 0 10px;
}
#under02column #loginSelect td{
	width:50%;
	padding:0 0 0px 15px;
	vertical-align: top;
	background:none;
	border:none;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#under02column #loginSelect td:first-child{
	border-right:1px solid #000000;
	padding: 0 15px 0px 0;
}
#under02column #loginSelect td h3 {
	font-size: 16px;
	font-weight: normal;
	margin:0 0 12px;
	padding:0 0 5px;
}
#under02column #loginSelect td #loginId{
	padding:0 0 5px;
}
#under02column #loginSelect td #loginId p{
	padding:0 0 5px;
	vertical-align:-0.2em;
}
#under02column #loginSelect td #loginId input{
	margin-right:5px;
}

#under02column_login #memberLogin .inner .lead{
	padding:0 0 10px;
}
#under02column_login #memberLogin .inner ul{
	margin:0 0 25px;
}
#under02column_login #memberLogin .inner ul li {
/*	float:left;
	width:50%;*/
	text-align:center;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}


#under02column_login #memberLogin .inner .loginTxt {
padding: 10px 0 15px 1.0em;
text-indent: -1.0em;
color: #CB519C;
line-height: 1.4;
}

/* ラジオボタンに対応するラベル */
#memberLogin .inner input[type="radio"]+label{
display: block;
	font-size: 13px;
    font-weight: 200;
    padding: 8px 0px;
    text-decoration: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
	cursor: pointer;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
#under02column_login #memberLogin .inner ul li:nth-child(2)  input[type="radio"]+label {
    border-right: none;
}

#memberLogin .inner input[type="radio"]+label:hover{
	cursor: pointer;
}

#memberLogin .inner input[type="radio"]:checked+label {
	background:#fff;
	color: #0f1111;
}


#memberLogin .inner input[type="radio"]{
display: none;
}

#memberLogin .inner .idCap{
    display: block;
    font-size: 10px;
    color: #dd1e0b;
    padding: 0 0 0 21px;
}


#under02column_login #memberLogin {
/*background: #0f1111;
border: solid 1px #000000;*/
padding: 0 0px 20px;
}

#under02column_login #memberLogin .inner .loginArea {
margin: 0 auto 30px;
}

#under02column_login #memberLogin .inner .loginArea .tit{
	padding:10px 0 3px;
	font-weight:bold;
}
#under02column_login #memberLogin .inner .loginArea .box300{
	padding: 2px;
	width: 300px;
	margin:0 0 3px;
	border:1px solid #000000;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#under02column_login #memberLogin .inner .loginArea input[type="text"],
#under02column_login #memberLogin .inner .loginArea input[type="password"]{
	padding: 10px;
	width: 100%;
	margin:0 0 3px;
	border:1px solid #000000;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#under02column_login #memberLogin .inner .loginArea .mini input{
	vertical-align:-0.2em;
}
#under02column_login #memberLogin .inner .loginArea .forget{
	padding:0 0 5px;
	font-size:11px;
}

#under02column_login #memberLogin .titArrowright{
	padding:5px 10px 10px;
	background:#ddd;
}


#under02column_login .titArrowright{
	color:#333;
	font-size:16px;
	font-weight:bold;
}
#under02column_login .titArrowright span{
	display:block;
	float:left;
}
#under02column_login .titArrowright .icon-circle-arrow-right{
	padding:0 5px 0 0;
	color:#666;
	font-size:22px;
}

#under02column_login  .inputbox p{
    padding:0 0 8px;
}
#under02column_login .loginarea .inputtext {
    margin:0 0 15px;
}

#under02column_login .loginarea .inputbox .tit{
	padding:0 0 5px;
	font-weight:bold
}
#under02column_login .loginarea .inputbox .forget{
	padding:0 0 8px 3px;
	font-size:10px;
}
#under02column_login .loginarea .inputbox .mini{
	padding:0;
}
#under02column_login .loginarea .inputbox .mini #login_memory{
	float:left;
	margin:5px
}
#under02column_login .loginarea .inputbox .mini span{
	float:left;
	margin:3px 0 0;
}
#under02column_login .loginarea .inputbox .passwd {
    margin: 15px 0 0 0;
}

#under02column_login .loginarea .inputbox .box300 {
    width: 300px;
    padding: 2px;
    border: 1px solid #000000;
}


#under02column_login .loginarea .inputboxBtn {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}
#under02column_login .loginarea .inputboxBtn .input_main {
color: #fff;
width:44%;
}




/* ログインblock */
/*
#loginarea{
    width: 145px;
    padding:10px 10px 12px;
    border: solid 1px #000000;
	border-top:none;
	margin:0 0 15px 0;
}
*/
#loginarea li {
	font-size:10px;
	line-height:1.2em;
	padding: 10px 0 0;
	margin: 10px 0 0;
}
#loginarea .btn_standard{
	padding:15px 0 0;
}
#loginarea .btn_standard a{
	margin:0 auto 5px;
	width:140px;
	font-size:11px;
	height:22px;
	line-height:23px;
}
#loginarea .btn_blue a{
	width:140px;
}
#loginarea .name {
	margin: 0 0 10px;
}
#loginarea .name span {
	font-weight: bold;
}
#loginarea li.id {
	border:none;
	padding: 0;
	margin: 0;
}
#loginarea li.pw {
	padding:5px 0 0;
}
#loginarea .btn {
	padding: 0 15px;
}
#loginarea ul li input,
#cartarea input,
#cartarea a,
#searcharea select{
	margin: 0 auto 5px;
}
#searcharea select{
	width:100%;
}
#loginarea ul li input.input_blue,
#cartarea input.input_blue,
#cartarea a{
	width:140px;

}
#loginarea li .lost a {
	font-weight: normal;
	text-decoration: underline;
}
#loginarea li .lost a:hover {
	text-decoration: none;
}
#loginarea li label{
	display: block;
	text-indent: -15px;
	padding: 0 0 5px 15px;
	cursor:pointer;
}

#undercolumn_entry .lead{
	padding:0 0 15px;
}

#undercolumn_entry .lead a{
text-decoration: underline;
}
#undercolumn_entry .lead a:hover {
text-decoration: none;
}

#undercolumn_entry .txtlink {
margin:0 auto 12px;
text-align: center;
}
#undercolumn_entry .txtlink a {
text-decoration: underline;
}
#undercolumn_entry .txtlink a:hover {
text-decoration: none;
}

/* 検索
----------------------------------------------- */
#searcharea{
  position:absolute;
  top:46px;
  left:380px;
}
#searcharea dl{
	position:relative;
	width:230px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#searcharea dl dt{
	margin:0;
	width:100%;
	padding-right:35px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#searcharea dl dt input{
    padding:0 3%;
    width:100%;
    height:32px;
    line-height:1;
    font-size:14px;
    box-shadow:none;
    vertical-align: middle;
    border:none;
    border-radius:4px 0 0 4px;
    border: 1px solid #000000;
    background:#fff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#searcharea dl dd{
	position:absolute;
	top:0;
	right:0;
	padding:0;
	width:38px;
}
#searcharea dl dd .btn input{
	position:absolute;
	display: block;
	width:100%;
	padding:0;
    font-weight: bold;
    height:32px;
    text-align: center;
    text-decoration: none;
    border-radius:0 4px 4px 0;
    box-shadow:none;
    border:none;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	text-indent:-999px;
	background:rgba(0,0,0,0);
}
#searcharea dl dd .btn{
	position:relative;
	width:38px;
	height:32px;
    color: #fff;
    font-size:15px;
    background:#0f1111;
    border-radius:0 4px 4px 0;
}
#searcharea dl dd .btn:before{
	position:absolute;
	top:7px;
	left:10px;
    font-family: "WebHostingHub-Glyphs";
    font-style: normal;
    height: auto;
    width: auto;
	content:'\f0c5'
}
#searcharea dl dd .btn .input_blue{
	opacity:1;
}

/* 新着情報 
----------------------------------------------- */
#block-news {
	width: 365px;
	float: left;
}

#block-news h2 span {
/*	color:#0f1111;*/
	font-size: 13px;
	font-weight: normal;
	margin:0 0 0 10px;
}
#block-news h2 span a{
/*    color: rgb(156, 0, 0);*/
    text-decoration: underline;
}
#block-news ul {
	margin:-15px 0 0;
}
#block-news li{
border-bottom: 1px solid #000000;
padding: 20px 0 20px;
cursor:pointer;
position:relative;
}
#block-news li .tit:before {
content: "";
display: block;
background-color: #000;
position: absolute;
top: 50%;
width: 15px;
height: 1px;
right: 21px;
margin-top: -1px;
}
#block-news li .tit:after {
content: "";
display: block;
background-color: #000;
position: absolute;
top: 50%;
width: 1px;
height: 15px;
right: 28px;
margin-top: -8px;
transition: all 0.3s ease-out;
}
#block-news li .tit.open:after {
    opacity: 0;
}



#block-news li:first-child{
/*border-top: 1px solid #000000;*/
}



#block-news .tit {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
//padding: 20px 0;
}
#block-news .tit h3{
width: calc(100% - 12em);
font-weight: 300;
line-height: 1.8;
}

#block-news .mini {
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 15px;
}
#block-news .date{
display: inline-block;
font-weight: 500;
letter-spacing: -0.02em;
margin-right: 1em;
}

#block-news .icon-circledown,
#block-news .icon-circleup{
	color:rgba(56, 56, 56, 0.8);
	font-size: 14px;
	font-weight: normal;
	position:absolute;
	top:50%;
	right:0;
	margin: -10px 0 0;
}
#block-news .icon-circleup{ display:none; }
#block-news .open .icon-circledown{ display:none; }
#block-news .open .icon-circleup{ display:block; }

#block-news .text{
	padding: 15px 0 0;
	font-size:13px;
	line-height: 1.6em;
}

.accordion .tit .date::after {
/*
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	top:-1px;
	right:5px;
	width: 12px;
	height: 12px;
	border-top: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	z-index:0;
	-webkit-transition: all .3s;
	transition: all .3s;
	*/
	
	content: none;
}
.accordion .tit .date.open::after{
/*
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	top:14px;
	right:5px;
	width: 12px;
	height: 12px;
	border-top: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index:0;
	-webkit-transition: all .3s;
	transition: all .3s;
	*/
	
	content: none;
}




/* ご利用ガイド
----------------------------------------------- */
#usersGuide{
	padding:0 5px;
	line-height:1.8em;
}
#usersGuide a {
	text-decoration: underline;
}
#usersGuide .step_list,
#usersGuide .sector{
	padding:0 0 50px;
}
#usersGuide .lead{
	padding:0 0 20px;
}
#usersGuide .leadSub{
	padding:0 3px 8px;
}

#usersGuide .tit {
border-bottom: 1px solid #000000;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3em;
	text-align:left;
    margin: 0 0 10px;
    padding: 10px 0 15px;
}
#usersGuide dl dt .tit {
  text-align:left;
}
#usersGuide .step_list .leadSub{
	padding:0 3px 20px;
}
#usersGuide .step_list ul li{
	padding:0 0 5px;
}

#usersGuide .step_list ul li:last-child{
border-bottom:solid 1px #000000;
}

#usersGuide .step_list ul .step{
	margin:0 0 10px;
	padding:15px 0 5px;
	font-weight:bold;
	border-bottom:1px solid #000000;
}
#usersGuide .step_list ul .step span{
	margin:0 5px 0 0;
background: #e62488;
color: #fff;
	font-size:12px;
	line-height:1em;
/*	border-radius:2px;*/
	vertical-align: 3px;
padding:0 5px;
}
#usersGuide .step_list .text{
	padding:0 0 8px 45px;
}
.btn #choiceList{
//	float:left;
}
.btn #choiceList li{
	display:block;
	padding:10px 0 0 0;
	text-align:left;
}
.btn #choiceList .bottom{
	padding:10px 10px 10px 0;
}
.btn #choiceList li .attention{
	padding:5px 0 0 0px;
/*	font-size:10px;*/
}


/* ページ送り
----------------------------------------------- */
.pagenumberarea, .pagecondarea {
    padding:10px 0 8px;
    margin: 0 0 15px;
/*	background: #f2f4f5;*/
font-family: Meiryo;
}


ul.pagenumberarea li {
    float: left;
    width: 32.9%;
}

ul.pagenumberarea li.left {
    text-align: left;
    white-space: nowrap;
	line-height: 38px;
	padding: 0 0 0 ;
	box-sizing: border-box;
}

ul.pagenumberarea li.center {
    text-align: center;
    white-space: pre;
	line-height: 38px;
}

ul.pagenumberarea li.right {
    text-align: right;
    white-space: nowrap;
    float: right;
width: auto;
}

.pagenumberarea .pagenumber{
	margin:0 3px 0 0;
    font-weight: bold;
/*    color: #ff0;*/
}

p.pagenumberarea .number{
    font-weight: bold;
}
.pagenumberarea .selectOption:last-child {
	margin: 0 5px;
}



/* 商品詳細
----------------------------------------------- */
#detailrightblock .btnBox{
	padding:10px 0;
	display:-webkit-box;
display:-ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
}


/* セット商品リスト */
#detailrightblock #childProducts {
	clear: both;
}
#detailrightblock #childProducts .itemList {
	padding: 0 0 010px;
	margin: 0;
}
#detailrightblock #childProducts .itemList .item {
	width: 120px;
	float: left;
}

#detailrightblock .code {
    padding: 20px 0 10px;
}

#detailrightblock .relativeCat {

}
#detailrightblock .relativeCat a {
margin: 0 10px 10px 0;
}

/* 商品説明 */
#itemDetail{
margin:0 0 30px 0;

}

#itemDetail h4,
#producthistory h2{
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5em;
    margin: 20px 0 20px;
	border-bottom: 1px solid #000000;
padding: 0 0 10px;
}

#itemDetail .itemComment {
	linie-height: 1.5em;
	font-weight: normal;
}


/* 会員登録
----------------------------------------------- */
#undercolumn_entry #form1 table tr td{
	border-right:0px solid #000000;
	border-bottom:1px solid #000000;
}
#undercolumn_entry #form1 .btn_address{
	margin:5px 0 0;
}
#undercolumn #undercolumn_entry #form1 .choice tr td{
	border:none;
}


/* 会員登録完了
----------------------------------------------- */
#completion{
	padding:5px 20px;
}
#completion .leadMain{
	padding:0 0 20px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	line-height:2em;
}
#completion .leadMain span{

}
#completion p{
	padding-left:170px
}
#completion .text{
	padding-bottom:8px;
}
#completion .mailList{
	padding-bottom:5px;
	line-height:1.8em;
}
#completion .reason{
	padding-bottom:15px;
	color:#ce0027;
}
#completion .thanks{
	margin:0 0 40px;
	padding:0 0 40px 0;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:1.6em;
	border-bottom:1px solid #000000;
}


#usersGuide dl {
margin:0 auto 20px ;
border-top: 1px solid #000000;
position:relative;
}
#usersGuide dl:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 5.5em;
    height: inherit;
    border-bottom: 1px solid #FFFFFF;
    opacity: .4;
}

#usersGuide dl dt{
	position:relative;
	margin:-1px 0 0;
	padding:18px 0px 0;
	cursor: pointer;
}

#usersGuide dl dt,
#usersGuide dl dt::before,
#usersGuide dl dt::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}
#usersGuide dl dt:hover{

}

#usersGuide dl dt .tit{
	border:none;
	padding:0 30px 20px 1.2em;
	margin:0;
	text-indent: -1.2em;
	font-size: 15px;
position:relative;
border-bottom: 1px solid #000000;
}

#usersGuide dl dt .tit:after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 5.5em;
height: inherit;
opacity: .4;
transform-origin: right;
transition: width .3s, opacity .3s;
border-bottom: 1px solid #FFFFFF;
}
#usersGuide dl dt .tit:hover:after {
    width: 100%;
    opacity: 1;
  }


#usersGuide dl dt .tit span.faqIcon{
	margin:0 5px 0 0;
	font-size:18px;
	
	color:#0f1111;
	background:#C8C8C8;
	width: 34px;
	height: 34px;
	display: inline-block;
	line-height: 34px;
	text-align: center;
	border-radius: 34px;
	-moz-border-radius: 34px;
	-webkit-border-radius: 34px;
	text-indent: 0;
}
#usersGuide dl dd .leadSub span.faqIcon{
	margin:0 3px 0 0;
	font-size:16px;
	
	color:#fff;
	background:#0f1111;
	width: 34px;
	height: 34px;
	display: inline-block;
	line-height: 34px;
	text-align: center;
	border-radius: 34px;
	-moz-border-radius: 34px;
	-webkit-border-radius: 34px;
	text-indent: 0 !important;
	border:#000000 solid 1px;
}

#usersGuide dl dt.open{
	margin:20px 0 0;
	border-bottom:none;
}

#usersGuide dl dt::after{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	top:-5px;
	right:15px;
	width: 12px;
	height: 12px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	z-index:0;
}
#usersGuide dl dt.open::after{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	top:5px;
	right:15px;
	width: 12px;
	height: 12px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index:0;
}
#usersGuide dl dd{
	display:none;
	padding:15px 0 20px;
	margin:0 0 20px;
}
#usersGuide dl dd .leadSub {
	padding:0 0 8px;
/*
	text-indent: -34px;
	padding-left: 34px;
*/
}
#usersGuide dl dd p {
	padding-left: 34px;
}
#usersGuide dl dd table{
	width:100%;
}
#usersGuide dl dd table th{
/*	background:#f2f4f5;*/
}

/* カートの中
----------------------------------------------- */


/* カートの中block */
#cartarea{
	padding:0px 0 0;
	margin:0 0 0 5px;
/*	float:right;*/
position:absolute;
top:0px;
right:230px;
}
#header_inner #cartarea table{
	margin:0 0 0 0px;
	/*width:500px;
	border:1px solid #004ea2;
	background:#fff;*/
	border:none;
	border:1px solid #000000;
}

#header_inner #cartarea table th,
#header_inner #cartarea table td{
	padding:6px 8px 0;
	border:none;
	background:none;
	font-size:13px;
}
#header_inner #cartarea table th{
	width:25px;
	color:#004ea2;
	text-align:right;
}
#header_inner #cartarea table td{
	width:140px;
}
#header_inner #cartarea table td span.price{
	margin:0 0 0 2px;
	font-size:85%;
	font-weight:bold;
/*	color:#f58ea8;*/
}

/*
#header_inner #cartarea table td:last-child{
	width:auto;
}
#header_inner #cartarea table td:last-child a{
	width:auto;
	margin:0;
}
#header_inner #cartarea table td:last-child a:hover{
	color:#004ea2;
	background:rgba(0,0,0,0);
}*/


#cartarea table {
border: 1px solid #000000;
/*background: #fff;*/
color: #0f1111;
}
#cartarea table th {
padding: 0px;
border-right: 0px solid #000000;
border-bottom: 0px solid #000000;
}
#cartarea table td {
padding: 0px;
border-right: 0px solid #000000;
border-bottom: 0px solid #000000;
}


#cartarea p {
padding: 0 0 0px 20px;
font-size: 13px;
}
#cartarea p.item{
	padding:5px 0 15px;
}
#cartarea p.btn_blue{
	padding:0 0 0px 20px;
	text-align:center;
}

#cartarea p.btn_blue a{
	color:#fff;
	text-shadow:none;
	background: #0f1111;
	border:1px solid #0f1111;
	display:inline-block;
	width: auto;
	margin:0 auto 0px;
	padding:1px 8px;
}

#cartarea p.btn_blue a:hover {
	background:#CB519C;
	border:1px solid #CB519C;
	box-shadow:none;
}

#mypagecolumn .choice,
#mypagecolumn .choice td,
#under02column_cart .choice{
/*	width:580px;*/
	border:none;
}

/*
.wait{
	border:none;
}
.wait tr td{
	border:none;
}
*/
#payment_form_loading table{
	border:none;
}
#payment_form_loading table tr td{
	border:none;
	background:none;
}


/* お届け先の指定
----------------------------------------------- */

#under02column_shopping .btn_blue{
	margin:10px 0 20px;
	width:220px;
}
#under02column_shopping .btn_blue a.newAdd {
	font-size: 12px;
	font-weight: normal;
}
#under02column_shopping .choice{
	border:none;
}
#under02column_shopping .choice td{
	border:none;
}


/* お客様の声の書き込み・新しいお届け先の追加・変更
----------------------------------------------- */
#windowcolumn {
    width: 550px;
    padding:0 0 0px;
    margin: 15px auto;
/*    background:#FFF;*/
font-size: 13px;
}
#windowcolumn table{
	margin:0 0 20px;
}
#windowcolumn .choice{
	border:none;
}
#windowcolumn .choice td{
	border:none;
}
#windowcolumn .choice td input{
	width:200px;
}
#windowcolumn h2 {
	margin: 0 0 15px 0;
	padding:0 0 0 10px;
    height:35px;
    line-height:35px;
/*    color:#555; */
    font-size:14px;
    font-weight:bold;
    text-align:center;
/*    background:#eee; */
}
#windowarea table {
    width: 480px;
}
#windowarea {
    width: 480px;
    padding:10px;
    margin: 15px auto 0 auto;
    word-break: break-all;
/*	background:#FFF;*/
}

#windowarea p.windowtext {
    margin: 15px 0 0 0;
}
#windowarea .btn_address{
	margin:5px 0 0;
}
#windowarea table {
	width: 480px;
}

#windowarea .box350 {
    width: 350px;
    padding: 2px;
    border: 1px solid #000000;
}

#windowarea .area350 {
    width: 350px;
    height: 120px;
    border: 1px solid #000000;
}

#windowarea .box120 {
    width: 111px;
    padding: 2px;
    border: 1px solid #000000;
}

#windowarea .box60 {
    width: 60px;
    padding: 2px;
    border: 1px solid #000000;
}

#windowarea .box300 {
    width: 300px;
    padding: 2px;
    border: 1px solid #000000;
}

#windowarea .btn {
    margin: 15px 0 30px 0;
    text-align: center;
}

#windowarea #completebox {
    width: 490px;
    margin:0 0 20px;
    border: 1px solid #000000;
}

#windowarea #completebox p{
    padding: 60px 5px;
    text-align: center;
}


/* クレジットカード決済
----------------------------------------------- */
#payment_form .choice{
	border:none;
}
#payment_form .choice td{
	border:none;
}
#payment_form_body #cardlogo{
	padding:0 0 0 70px;
}
#payment_form_body .information .wait{
	padding:0 0 20px;
	font-weight:bold;
}
#payment_form #convenience {
	margin:10px 0 20px;
}
#payment_form #convenience tr td{
	padding:10px;
}
#payment_form #convenience .radioBtn{
	width:10px;
	padding:10px;
	text-align:center;
	border-right:none;
}
#payment_form #convenience .img{
	width:100px;
	padding:10px;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}
#payment_form #convenience .text{
	line-height:1.8em;
}


/* 非会員の購入
----------------------------------------------- */
#under02column_customer .lead{
	padding:0 0 10px;
}
#under02column_customer #form1{

}
#under02column_customer #form1 table{
	margin:0 0 20px;
}
#under02column_customer #form1 table .post{
	padding:0 0 5px;
}


/* ご注文完了
----------------------------------------------- */
#under02column_shopping .title{
	margin:0 0 25px;
}
#under02column_shopping .shoulder{
	padding:0 0 5px;
	font-size:14px;
	font-weight:bold;
}
#under02column_shopping .lead{
	padding:0 0 20px;
	font-size:17px;
	font-weight:bold;
	line-height:1.3em;
}
#under02column_shopping .text{
	padding:0 0 5px;
	line-height:1.8em;
}
#under02column_shopping .shopInfo{
	margin:0 0 40px;
	padding:20px 0 10px;
	border-bottom:1px solid #000000;
}
#under02column_shopping .shopInfo span{
	font-weight:bold;
}
#under02column_shopping .text a {
	color: #000;
text-decoration: underline;
}
#under02column_shopping .text.red a {
	color: #ce0027;
text-decoration: underline;
}
#under02column_shopping .text a:hover {
text-decoration: none;

}



/* 購入履歴詳細
----------------------------------------------- */
#mypagecolumn table {
	margin:0 0 20px;
    width:100%;
    border:1px solid #000000;
    border-left:none;
/*    border-right:none;*/
}


#mypagecolumn table th{
	width:100px;
    border:1px solid #000000;
    border-right:none;
/*    background:#fff;
    border-left:none;*/
}
#mypagecolumn table td{
    border:1px solid #000000;
/*    border-left:none;*/
    border-right:none;
}
#mypagecolumn table .items{
	width:20px;
	text-align:center;
}
#mypagecolumn table .item{
	width:300px;
}


/* カテゴリー
----------------------------------------------- */
.listImage{
	padding:0 0 10px 0;
}
#categoryarea {
	position:relative;
    display: block;
    color:#444;
    font-size: 16px;
    width: 100%;
	margin:0 0 30px;
}
#categorytree dt{
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    background:#ffe2e7;
	cursor: pointer;
}
#categorytree dd{
	position:absolute;
	display:none;
	width:100%;
	z-index:1000;
	background:#ffeff2;

}
#categorytree.top dd{
	top:48px;
	left:0;
}
#categorytree.bottom dd{
	bottom:48px;
	left:0;
}

#categorytree dd li.level1{
  float:left;
  width:50%;
  margin:0;
}
/*
#categorytree dd li.level1:nth-child(2){
	background: rgba(226,238,242,1);
}
*/
#categorytree dd li ul li{
	border:none;
	border-top: 1px solid #000000;
}
#categorytree dd li.level0{
  margin:0;
  background:#e4ecef;
  border-top: 1px solid #000000;
}
#categorytree dd li a{
	display:block;
	padding: 0 16px;
    color:#c8c8c8;
	line-height: 47px;
	text-decoration:none;
	border-bottom: 1px solid #000000;
}
/*
#categoryarea li {
	margin: 0 0 3px;
	word-wrap: break-word;
}
#categoryarea li.onmark {
}
#categoryarea li.level1{
    font-weight: bold;
}
#categoryarea li.level1 ul{
	margin:0 0 2px 12px;
}
#categoryarea li.level1 ul li{
	list-style-type:square;
}
#categoryarea li.level1 li {
    font-weight: normal;
}
#categoryarea li a {
	display: block;
	font-size: 11px;
}
*/



/* カレンダー
----------------------------------------------- */
#block-calendar {
	margin:0 0 20px 0;
}

#block-calendar table {
    border-collapse: collapse;
    margin: 0 auto 10px;
    text-align:center;
}

#block-calendar th, #block-calendar td {
    padding: 2px;
    background: #eff5f7;
    border: solid 1px #000000;
}

#block-calendar th {
/*    background: #8199a0;*/
    color: #FFFFFF;
}

#block-calendar .off {
    background: #c3d3d8;
    color: #696969;
}

#block-calendar caption {
    color: #444;
}

/* ガイドリンク
----------------------------------------------- */
#guidearea {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
  border:none;
  margin:0px 0px;
  padding: 6em 5vw 0px;
/*float: right;
clear: both;*/
}


#guidearea #guideList {
text-align:center;
padding: 0 0 0 ;
}
#guidearea #guideList li{
/*	float: left;*/
margin-right: 15px;
display: inline-block;
}
#guidearea #guideList li span{
/*	color: #888;
	text-shadow: 1px 1px 1px #fff;
	margin:0 0 0 3px;
	font-size:14px;
	font-weight:normal;
    margin: 0 3px 0 0;
	vertical-align:-2px;
*/}
#guidearea #guideList li a {
color: #000;
display: block;
font-size: 10px;
text-align: center;

}
#guidearea #guideList li a:hover{
opacity: 0.5;
}
#guidearea #guideList li dl {
    text-align: center;
    letter-spacing: -0.4em;
    font-size:0;

}
#guidearea #guideList li dl dd {
	text-align: center;
	 vertical-align:top;
	 letter-spacing: normal;
	 display: inline-block;
    font-size:18px;
    color:#0f1111000;
}
#guidearea #guideList li dl dd a,
#guidearea #guideList li dl dd a:hover {
text-decoration:none;
}
#guidearea #guideList li dl dd a span{
font-size: 20px;
    color:#0f1111000;
}
#guidearea #guideList li dl dd a:hover span{
    color:#f58ea8;
}


/* バナー
----------------------------------------------- */
ul#banner {
    padding: 15px 0 0 0;
}
#banner li {
    padding: 0 0 10px 0;
}

/* サイドバナー
----------------------------------------------- */
#sideBnr{
padding:60px 5vw 0px ;
position:relative;
display: inline-block;
box-sizing: border-box;
}

#sideBnr li {
  display: inline-block;
  padding: 0 0 0;
  line-height: 0;
}

#sideBnr li a {
display: inline-block;
//width: 200px;*/
line-height: 0;
color:#000000;
font-family: oswald, sans-serif;
font-weight: 500;
font-size: 2rem;

display:-webkit-box;
display:-ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
#sideBnr li a img {
width:114px;
}
#sideBnr li a span.of {
padding:0 0 0 18px;

}



/* お問い合わせ
----------------------------------------------- */
#undercolumn_contact .btn_address{
	margin:5px 0 0;
}
#undercolumn_contact .choice{
	border:none;
}
#undercolumn_contact .choice td{
	border:none;
}
#undercolumn_contact #completetext{
	margin-bottom:20px;
}


/* 利用規約
----------------------------------------------- */
#regulation{
	line-height:1.6em;
    border-bottom:1px solid #000000;
}
#regulation .lead{
	padding:0 0 30px;
}
#regulation .text{
	padding:0 0 20px;
}
#regulation .sentence{
	padding:0 0 5px;
}
#regulation .indent{
	padding-left:12px;
	text-indent:-12px;
}
#regulation .list{
	padding:0 0 15px;
}
#regulation .list li{
	padding:0 0 5px 12px;
	text-indent:-12px;
}
#regulation .listSub{
	padding:0 0 3px 12px;
}
#regulation .listSub li{
	padding:0 0 5px 12px;
	text-indent:-12px;
}


/* 利用規約
----------------------------------------------- */
#privacy {
	line-height:1.8em;
	border-bottom: 1px solid #000000;
}
#privacy .title {
}
#privacy .lead{
	padding:0 0 30px;
}
#privacy .text{
	padding:0 0 20px;
}


/* faq
----------------------------------------------- */
.faq ul {
	margin: 0 0 10px;
}
.faq li {
	text-indent: -1em;
	line-height: 1.3em;
	padding: 0 0 0 1em;
	margin: 0 0 5px;
}



/* テキストフィールド
----------------------------------------------- */
input[type='text'],
input[type='password'] {
    border: solid 1px #000000;
    padding: 2px;
    margin: 0 auto 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}



/* ボタン
----------------------------------------------- */
input[type='image'] {
    border: none;
}

input[type='image'].box190 {
    width: 190px;
    height: 30px;
}

input[type='image'].box180 {
    width: 180px;
    height: 30px;
}

input[type='image'].box150 {
    width: 150px;
    height: 30px;
}

input[type='image'].box140 {
    width: 140px;
    height: 30px;
}

input[type='image'].box130 {
    width: 130px;
    height: 30px;
}

input[type='image'].box51 {
    width: 51px;
    height: 22px;
}

/* フッター
----------------------------------------------- */
#pagetop {
    width: 940px;
    margin: 0 auto;
    padding: 0px 0 15px 0;
    background-color: #FFF;
    text-align: right;
}

#fotter {
    margin: 0 0;
    padding: 0 5vw 30px;
	text-align: left;
	bottom: 0;
	box-sizing: border-box;
	position:relative;
width: 100%;

font-weight: 400;
letter-spacing: -0.02em;
-webkit-font-smoothing: antialiased;
font-size: 1.1rem;
letter-spacing: 0.03em;
}
#fotter p{
margin-top: 8px;
padding-top: 15px;
text-align: center;
}

#add_head{
	width:940px;
	padding:20px 0 10px 0;
	margin:0 auto;
	}



/* ボタン
----------------------------------------------- */
/* 商品詳細 */
.btn_detailed a{
	float:right;
	margin:0 10px 0 0;
	width:120px;
	height:24px;
	line-heigh:26px;
    color:#f5f5f5;
    display: block;
    font-size:13px;
    font-weight:bold;
	text-decoration:none;
	text-align:center;
    border: 1px solid #333;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
	background: rgb(153,153,153); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(85,85,85,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,153,153,1)), color-stop(100%,rgba(85,85,85,1))); /* Chrome,Safari4+ */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/* カートに入れる */
.btn_cart a{
	width:120px;
	height:24px;
	line-height:24px;
    color:#f5f5f5;
    display: block;
    font-size:13px;
    font-weight:bold;
	text-decoration:none;
	text-align:center;
    border: 1px solid #e4961e;
    text-shadow: 0 -1px 1px rgba(230, 145, 20, 0.5);
	background: rgb(252,192,102); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(252,192,102,1) 0%, rgba(246,167,48,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,192,102,1)), color-stop(100%,rgba(246,167,48,1))); /* Chrome,Safari4+ */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}



/* コメントを投稿する */
.btn_contribute a{
	width:150px;
	height:24px;
	line-height:24px;
    color:#f5f5f5;
    display: block;
    font-size:13px;
    font-weight:bold;
	text-decoration:none;
	text-align:center;
    border: 1px solid #222;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
	background:#333;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}


.input_blue{
	margin:0 auto;
	padding: 5px 15px 4px;
    color:#f5f5f5;
    display: block;
    font-size:11px;
    font-weight:bold;
	text-decoration:none;
	text-align:center;
    border: 1px solid #2b629c;
/*	height:22px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
	background: rgb(73,135,201);
	background: -moz-linear-gradient(top, rgba(73,135,201,1) 0%, rgba(49,110,175,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,135,201,1)), color-stop(100%,rgba(49,110,175,1)));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor:hand;
*/
	cursor:pointer;
}

.btn_blue a{
	margin:0 auto;
	height:30px;
	line-height:30px;
    color:#f5f5f5;
    display: block;
    font-size:11px;
    font-weight:bold;
	text-decoration:none;
	text-align:center;
    border: 1px solid #2b629c;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
	background: rgb(73,135,201); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(73,135,201,1) 0%, rgba(49,110,175,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,135,201,1)), color-stop(100%,rgba(49,110,175,1))); /* Chrome,Safari4+ */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.input_main{
	margin:0 auto 30px;
	width:340px;
	height:60px;
	line-height:60px;
    color:#f5f5f5;
    display: block;
    font-size:14px;
    font-weight:bold;
	text-decoration:none;
	text-align:center;
    border: 1px solid #48696b;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
	background: rgb(134,172,174); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(134,172,174,1) 0%, rgba(81,119,121,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,172,174,1)), color-stop(100%,rgba(81,119,121,1))); /* Chrome,Safari4+ */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor:pointer;
	cursor:hand
}

.input_standard{
	margin:0 auto 20px;
	width:340px;
	height:60px;
	line-height:60px;
    color:#f5f5f5;
    display: block;
    font-size:14px;
    font-weight:bold;
	text-decoration:none;
	text-align:center;
    border: 1px solid #333;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
	background: rgb(153,153,153); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(85,85,85,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,153,153,1)), color-stop(100%,rgba(85,85,85,1))); /* Chrome,Safari4+ */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor:pointer;
	cursor:hand
}

.btn_main a{
	margin:0 auto 20px;
	width:340px;
	height:60px;
	line-height:60px;
    color:#f5f5f5;
    display: block;
    font-size:14px;
	text-decoration:none;
	text-align:center;
    border: 1px solid #333;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
	background: rgb(134,172,174); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(134,172,174,1) 0%, rgba(81,119,121,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,172,174,1)), color-stop(100%,rgba(81,119,121,1))); /* Chrome,Safari4+ */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}


.btn_main.fc a{
line-height: 1.7;
padding: 20px 0;
height: auto;
}
.btn_standard a{
	margin:0 auto 20px;
	width:340px;
	height:60px;
	line-height:60px;
    color:#f5f5f5;
    display: block;
    font-size:14px;

	text-decoration:none;
	text-align:center;
	font-weight: bold;
}

.btn_address a{
	width:100px;
	height:23px;
	line-height:23px;

    display: block;
    font-size:11px;
	text-decoration:none;
	text-align:center;
    border: 1px solid #000000;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
	background: rgb(153,153,153); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(85,85,85,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,153,153,1)), color-stop(100%,rgba(85,85,85,1))); /* Chrome,Safari4+ */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin:10px 0 5px;
}


.linkKiyaku{
	text-align:center;
}


#undercolumn_entry .choice{
	width:100%;
	border:none;
}
#undercolumn_entry table tr td{
	border:none;
}


/*【全ページ共通】pageTop
----------------------------------------------- */

#pageTop {
	width: 40px;
	height: 45px;
	bottom: -45px;
	right: 50px;
	z-index: 9999;
	position: fixed;
}

#pageTop a {
	display: block;
	width: 40px;
	height: 45px;
	background:#e62488 url(../img/common/bg_pagetop.png) no-repeat center 7px;
	text-indent: -9999px;
	border-radius: 50em 50em 0 0;
}



#pageTop a:hover {
filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;}

/*=======================================

	【サービス毎】色変え

========================================== */



/* ヘッダーロゴ
------------------------------------------------ */

div #header_inner{
	position:relative;
	width:940px;
/*	height:120px;*/
	margin:0 auto;
}

#header h1 {
padding: 35px 0;
}

#header h1 a{


    display: inline-block;

    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1;
    color: #000;

}
#header h1 a img{
width: 250px;
margin-right: 15px;
vertical-align: middle;
}
#header h1 a span.shop{
vertical-align: middle;
font-size:1.3rem;
font-weight: 400;
padding: 10px 0 0;
display: inline-block;
}
#header h1 a p {
	margin: 0 0 7px;
	height: 20px;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0.1em;
/*
	color: #4a4a4a;
*/
}
#header a #siteName {
    display: inline-block;
/*	font-family:"Noto Sans Japanese",sans-serif;*/
    font-family:"Quicksand",sans-serif;
    font-size:22px;
    /*left: 55px;
    color: #004ea2;
    letter-spacing: 0.01em;*/
    line-height:1.3em;
    text-decoration:none;
    position: absolute;
    top: 23px;
}


#header a:hover {
	opacity: 0.5;}

#header a #siteName p.siteTit{

}

#header a #siteName p.siteTit span {
padding:0 0 10px;
}

#header a #siteName p.siteTit span.shop {
padding:0 0 0px;
}

#header a #siteName p.siteTit span.shop svg .st0 { 
    font-family:"Quicksand",sans-serif; 
    font-weight:bold; 
    font-style:normal; 
}

#header a #siteName p.siteTit span img{
width:170px;
}

#header a .siteTit span {
    display: block;
    font-size: 10px;
}

#header a .copy {
    color: #888;
    font-size: 10px;
}

/* グロナビ */
#information [class^="icon-"],
#information [class*=" icon-"] {
/*	color: #EB6A10; */
	color: #fff;
	text-shadow: 1px 1px 1px #0f1111;
}

#information #headerList {
    letter-spacing: -0.4em;
    font-size:0;
    text-align: left;

}

#information #headerList li{
	margin:0 0px 0 8px;
/*	width:75px;*/
	text-align: center;
	 vertical-align:middle;
	 letter-spacing: normal;
	 display: inline-block;
    font-size:14px;
    position:relative;
}

#information #headerList li:nth-child(1){
/*margin: 0px 8px 0px 0px;*/
}

#information #headerList a.topBtn {
  font-family:"Noto Sans Japanese",sans-serif;
	font-size:13px;
	padding:19px 0;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	 width: 75px;
}

#information #headerList a.topBtn:hover {
    color: #0f1111;
/*    animation: 10s linear 0s normal none infinite running wavehover;
    background: rgba(0, 0, 0, 0) url("../img/header/hover_wave.png") no-repeat scroll center bottom / 134px 42px;
    height: 42px;*/
	background:#fff;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
/*    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);*/
}


#information #headerList li:nth-child(4){
/*width:42px;*/
margin:0 auto;
padding:0;
}

#information #navBtn {
transition: all 0.3s ease 0s;
    z-index: 999;
    cursor: pointer;
    height: 30px;
    position: fixed;
    left:auto;
    right: 50px;
    top: 43px;
    width: 42px;
    padding:0;
    margin:0 0 0 42px;
}

#information #navBtn:after {
border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    content: "";
    display: block;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -22px;
    position: absolute;
    top: 50%;
    transition: all 0.75s ease 0s;
    width: 40px;
}

#information #navBtn span {
    background-color: #0f1111000;
    display: inline-block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 100%;
    color:#0f1111;
}
#information #navBtn span:nth-of-type(1) {
    top: 0;
}

#information #navBtn span:nth-of-type(2) {
    top: 10px;
}

#information #navBtn span:nth-of-type(3) {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    top: 16px;
}

#information #navBtn span:nth-of-type(3):after {
    content: "MENU";
    display: block;
    font-family: "Quicksand",sans-serif;
    font-size: 10px;
    letter-spacing: 0.17em;
    transition: all 0.3s ease 0s;
    font-size: 12px;
    letter-spacing: 0.2em;
}

.menuOpen #headerList nav {
    height: 100%;
}
.menuOpen #headerList {
/*    background: #ffffff none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 0.9s ease 0s;
    width: 100%;
    z-index: 999;*/
}
.menuOpen #headerList #guideList {
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.menuOpen #information #navBtn {
z-index:1000;
}
.menuOpen #information #navBtn span:nth-of-type(1) {
    transform: rotate(45deg);
}
.menuOpen #information #navBtn span:nth-of-type(2) {
    top: 0;
    transform: rotate(-45deg);
}
.menuOpen #information #navBtn span:nth-of-type(3)::after {
    content: "CLOSE";
    font-size: 9px;
    left: 1px;
    position: relative;
    transition: all 0.3s ease 0s;
}

.menuOpen #information #navBtn:hover {
    opacity: 0.5;
}
.menuOpen #information li:nth-child(1) {
    animation: 1s ease 0.4s normal forwards 1 running fade;
}
.menuOpen #information li:nth-child(2) {
    animation: 1s ease 0.5s normal forwards 1 running fade;
}
.menuOpen #information li:nth-child(3) {
    animation: 1s ease 0.6s normal forwards 1 running fade;
}
.menuOpen #information li:nth-child(4) {
    animation: 1s ease 0.7s normal forwards 1 running fade;
}





@keyframes wavehover {
0% {
    background-position: 100% 0;
}
100% {
    background-position: 0 100%;
}
}

#information #headerList a:hover span{
  color: #0f1111;
}
.neon{
	padding:10px 0 5px;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.1em;
}
.neon a{
	text-decoration:none;
}
.neon a:hover{
	text-decoration:underline;
}


table#item_img {
	border-bottom: none;
	border-right: none;
}

table td.alignC #quantity_level a{
	display:inline-block;
	height:25px;
	width:25px;
	padding: 0 0 0 1px;
	line-height:27px;
	color:#fff;
	text-decoration:none!important;
	background:none;
	border-radius:50px;
	-moz-border-radius:50px;
	-wbekit-border-radius:50px;
	border: solid 2px #c8c8c8;
	background: #c8c8c8;
}

table td.alignC #quantity_level a span{
	text-decoration:none!important;

}
table td.alignC #quantity_level a:hover{
filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#undercolumn .choice td,
#undercolumn_entry .choice td,
#under02column_cart .choice td,
#under02column_shopping .choice td {
	background: none;
	border: none;
	vertical-align: top;
}
table .alignC { text-align: center; }
table .alignR { text-align: right; }


.title,
#detailtitle h2,
#listtitle h2{
	margin:20px 0 15px;
	padding:0 0 20px;
	font-size:22px;
	font-weight:normal;
	border-bottom:0px solid #000000;
}

.title{
	margin:20px 0 30px;
	padding:0 0 20px;
	font-weight: bold;
	font-size:24px;
	font-weight:normal;
	border-bottom:1px solid #000000;
}

#listtitle h2{
	padding:10px 0 5px;
	text-align:left;
	letter-spacing:0.1em;
	font-size: 25px;
}
.titleTop {
margin:0 0 60px;
padding: 0 0 0;
position: relative;
-webkit-font-smoothing: antialiased;
line-height: 1.2;
font-size: 38px;
font-weight: bold;
  text-align: center;
font-family: urw-din-condensed, sans-serif;
font-weight: 700;
}



#loginarea{
	width:100%;
	margin: 0 0 20px;
	padding: 10px;
	border:none;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
  border:1px solid #000000;
}


.top #loginarea{
  border:none;
}
.top #loginarea{
  margin: 0 0 110px;
}

#loginarea{
  height:265px;
}

#loginarea li .tit input{
	vertical-align:-0.2em;
}



.menuOpen #guidearea {
    background: #ffffff none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 100;
    top: 0; 
    
filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
    transition: all 0.3s ease 0s;
    }

.menuOpen #guidearea ul{
     position: fixed;
     display:block;
    top: calc(50% - 144px);
    text-align: center;
    width: 100%;

}



/* ボタン
====================== */
.input_blue,
.btn_blue a {
	color: #fff;
font-family: oswald,noto-sans-cjk-jp, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic Medium", BlinkMacSystemFont,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
}

/* ボタンメイン
-------------------- */
.btn_cart a,
.btn_contribute a,
.input_blue,
.btn_blue a,
.input_main,
.btn_main a,
.btn_address a
{
/*	color:#101010;*/
	text-shadow:none;
	background: none;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
font-family: oswald,noto-sans-cjk-jp, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic Medium", BlinkMacSystemFont,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
	color:#fff;
	background:#000;
	border: none;
	text-decoration: none !important;
	font-weight: bold;
}

.input_main{
line-height: 60px;
font-family: oswald,noto-sans-cjk-jp, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic Medium", BlinkMacSystemFont,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
	color:#fff;
	background:#000;
	border: none;
	font-weight: bold;
}


/* ボタンメイン:hover
-------------------- */
.btn_cart a:hover,
.btn_contribute a:hover,
.input_blue:hover,
.btn_blue a:hover,
.input_main:hover,
.btn_main a:hover
{
opacity: 0.5;
}

.btn_address a:hover
{
opacity: 0.5;
}

 
 
/* ボタンサブ
-------------------- */
.btn_detailed a,
.btn_standard a,
.input_standard
{
/*	color:#101010;*/
	border: none;
	text-shadow: none;
	border-radius:0;
	-moz-border-radius:0;
	-wbekit-border-radius:0;
font-family: oswald,noto-sans-cjk-jp, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic Medium", BlinkMacSystemFont,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
	color:#0f1111;
	background:#c8c8c8;
	font-weight: bold;
}
/* ボタンサブ:hover
-------------------- */
.btn_detailed a:hover,
.btn_standard a:hover,
.input_standard:hover{
opacity: 0.5;
}

div#undercolumn_contact table td .btn_standard a {
text-decoration: none;
}











.btn_back {
border: none;
}

/* カレンダー */
#block-calendar th {
	background: #267ad5;
	color: #fff;
}
#block-calendar .off {
	background: #FFC4CB;
	color: #333;
}





/* MYページ内 */

.tabBox input{
	width: 100%;
	box-sizing: border-box;
}

#loginarea li .tit.emtg {
	margin:0 0 8px;

}

#loginarea ul li .txt{
	margin:0 0 3px !important;
}
#newsArea {
margin: 0 0;
padding: 0;
table-layout: fixed;
width: 100%;
border: none;
}
#newsArea #block-news {
	width: 100%;
	padding:0 0 0px;
}


table#newsArea {
border-right: none !important;
border-bottom: none !important;
}
table#newsArea td {
vertical-align:top;
background:none;
padding: 0;
border-right: none !important;
border-bottom: none !important;
}

#windowarea table {
	width: 480px;
border:1px solid #000000;
/*
border-top:1px solid #eee;
border-bottom:1px solid #eee;
border-right:0px;
border-left:0px;
*/
}

#windowarea table th {
    text-align: left;
/*    background:#fff;*/
border-right:0px;
border-bottom:1px solid #000000;
}

#windowarea table td {
border-right:0px;
text-align:left;
border-bottom:1px solid #000000;
}


/* もっと見るボタン */

.moreBtn {
text-align:right;
margin:0 auto 100px;
}

.moreBtn a {
	text-align: center;
	margin:0 auto;
	padding: 10px 0 10px 0;
	display:block;
	width:150px;
	text-decoration:none;
position: relative;
font-size: 18px;
color: #fff;
background: #000;
font-weight: bold;
line-height: 1;
font-weight: normal;
font-family: urw-din-condensed, sans-serif;
font-weight: 700;
}

.moreBtn a:hover {
opacity:0.5;
}





a.popup{
  margin: 10px 0 20px;
  display: inline-block;
}
#popup{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.85);
	z-index:1000;
}
#popup .closeBg{
	display:block;
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	z-index:1001;
}
#popup .popupIn{
	position:absolute;
	top:49%;
	left:50%;
	width:90%;
	max-width: 800px;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index:1100;
}
#popup .close span{
  	height:2px;
  	position:absolute;
  	background:#666;
}
#popup .close .top{
	position:absolute;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#popup .close .bottom{
	position:absolute;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#popup .inner{
  padding:30px;
  text-align:center;
  background: transparent;
  background: #fff;
}
#popup .inner iframe {
  height:450px;
}
#popup .inner a{
  display:block;
}

  #popup .close{
  	position:absolute;
  	width:40px;
  	height:40px;
  	top:-50px;
  	right:0;
  	cursor:pointer;
  	-webkit-transition: .3s;
  	transition: .3s;
  }
  #popup .close span{
  	top:20px;
  	width:40px;
  	-webkit-transition: .3s;
  	transition: .3s;
  }
  #popup .close:hover span{
  	background:#fff;
  }

a.moreLink{
  margin:0 0 30px;
  color: rgb(156, 0, 0);
}

.searchBox {
  position: absolute;
  padding: 0px;
  border-bottom: 1px solid #fff;
  right: 0;
  color: #0f1111;
  background: #fff;
  top: 5px;
  transition: .3s;
  -webkit-transition: .3s;
  overflow: hidden;
  }

  .searchBox input[type="text"] {
    border: none;
    border-radius: 0;
    font-size: 11px;
    margin-left: 0;
    background: none;
color: #0f1111;
padding: 11px 40px 11px 10px;
    margin: 0;
}
    .searchBox input[type="text"]:focus {
      border: none !important; }
.searchBox input[type="submit"] {
width: 30px;
height: 34px;
border: none;
position: absolute;
top: 1px;
right: 1px;
-webkit-appearance: none;
background: #0f1111;
}
.searchBox input[type="submit"]:hover {
background: #CB519C;
cursor: pointer;
}

.searchBox .ico--search {
width: 12px;
height: 20px;
position: absolute;
top: 6px;
right: 10px;
pointer-events: none;
color: #fff;
z-index: 10;
}

.searchBox .ico--search svg {
      fill: #fff;
      width: 100%;
      height: 100%;
}



.inputtext02 a {
text-decoration: underline;
}








.btn--min {
min-width: 5em;
}
.btn--min a {
text-shadow: none;
background: none;
border: 1px solid #000000;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
padding: 5px 15px 4px;
}
.btn--min a:hover {

}

.table--deliv .column--choice {
width: 40px;
}
.table--deliv .column--address {
width: 80px;
}
.table--deliv .column--change, .table--deliv .column--delete {
width: 50px;
}



#under02column_shopping table.goodsCartTable {

}

#under02column_shopping table.goodsCartTable td {
border-right: 0px;
}

#under02column_shopping table.goodsCartTable td .product-name {
font-size: 15px;
}

#mycontents_area .btn_blue input {
margin: 0 auto 30px;
width: 340px;
height: 62px;
line-height: 60px;
display: block;
font-size: 14px;
font-weight: bold;
text-decoration: none;
text-align: center;
background: none;
border: 1px solid #000;
font-family: 'Open Sans', 'Noto Sans JP', sans-serif;
	color:#fff;
	background:#000;
	font-weight: bold;
}
#mycontents_area .btn_blue input:hover {
opacity:0.5;
}





@-webkit-keyframes hoverGradient {
  0%,
  100% {
    background-position: 0;
  }
  50% {
    background-position: 100%;
  }
}

@keyframes hoverGradient {
  0%,
  100% {
    background-position: 0;
  }
  50% {
    background-position: 100%;
  }
}

a.comment {
text-decoration: underline;
}
a.comment:hover {
text-decoration: none;
}







.list--bnr li {
  padding: 15px 0;
  width: 100vw;
}
  .list--bnr li a {
    display: block;
    line-height: 1;
    position: relative;
    overflow: hidden;
    transition: .3s; }

.list--bnr li img{

	width:100%;
}
.list--bnr li img.dummy{
height: 49%;
position: absolute;
top: 0;
left:0;
display: none;
}
.list--bnr li a img{
	width:100%;
}

.list--bnr li a img.dummy{
position: absolute;
top: 0;
left: 0;
}
.list--bnr .slick-list {
  padding-bottom: 40px !important; }

/* slick */
.slick-dots {
  text-align: center;
  bottom: -40px;
  padding: 0 9%; }
  .slick-dots li {
    display: inline-block;
    width: 7px;
    height: 7px;
    padding: 0;
    margin: -5px 7px 0 0; }
    .slick-dots li.slick-active button {
      background: #fff; }
    .slick-dots li button {
      width: 6px;
      height: 6px;
      padding: 0;
      -webkit-appearance: none;
      border: 0.5px solid #000000;
      border-radius: 20px;
      text-indent: -9999em;
      background: #000000;
      }
      .slick-dots li button::before {
        content: '';
        background: #000000;
        border-radius: 10px;
        width: 7px;
        height: 7px; }

.slick-prev,
.slick-next {
  display: block;
  width: 80px;
  height: 80px;
  color: #535353;
  font-size: 0;
  line-height: 0;
  padding: 0;
  position: absolute;
  top: 170px;
  top: 17vw;
  z-index: 99;
  cursor: pointer;
  border: none;
  outline: none; }

.slick-prev {
  left: -50px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }

.slick-next {
  right: -50px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  transform: translateX(10px) scale(1.1); }

.slick-prev:hover,
.slick-prev:focus {
  transform: translateX(-10px) scale(1.1); }

.slick-prev::before,
.slick-next::before {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  border-right: 3px solid #fff;
  border-top: 3px solid #fff;
  position: absolute;
  top: 0;
  left: 18px; }

.slick-prev::before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.slick-next::before {
  left: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.slick-slider:hover .slick-prev {
  opacity: 1;
  left: 30px; }

.slick-slider:hover .slick-next {
  opacity: 1;
  right: 30px; }

.slide-item{
  width:100%;
  max-width:940px;
}


.block--bnr {
padding: 0 0 0;
margin: 0 auto 100px;
}



ul.sns {

}
ul.sns li {

}
ul.sns li a{
font-size: 20px;
}





#menuButton {
	display: block;
	width: 48px;
	height:48px;
	position: fixed;
top: 20px;
    left: 20px;
	z-index: 9999;
}
#menuButton span {
-webkit-box-shadow: #000 0 7px 0;
box-shadow: #000 0 7px 0;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}

#menuButton:before {
    -webkit-box-shadow: #000 0 7px 0;
    box-shadow: #000 0 7px 0;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}
#menuButton:before, #menuButton:after {
    background: #000;
    display: block;
    content: "";
    position: absolute;
    -webkit-transition: -webkit-box-shadow 0.2s linear,-webkit-transform 0.4s 0.2s;
    transition: box-shadow 0.2s linear,transform 0.4s 0.2s;
    width: 31px;
height: 1px;
}
#menuButton:after {
    bottom: 33px;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
}


#menuButton.active:before {
    -webkit-box-shadow: transparent 0 0 0;
    box-shadow: transparent 0 0 0;
    -webkit-transform: rotate(45deg) translate3d(0, -5px, 0);
    transform: rotate(45deg) translate3d(0, -5px, 0);
}

#menuButton.active:after {
    -webkit-transform: rotate(-45deg) translate3d(0, 5px, 0);
    transform: rotate(-45deg) translate3d(0, 5px, 0);
}




#menuButton span:first-child { top: 20px;}
#menuButton span:nth-child(2) { bottom: 20px;}
#menuButton.active span:first-child {
	transform: translateY(7px) rotate(45deg);
}
#menuButton.active span:nth-child(2) {
	transform: translateY(-8px) rotate(-45deg);
}



#globalNavi {
	position: fixed;
/*	width: 100%;*/
	height: 100%;
	display: none;
	z-index: 100;
	top: 0;
	background: #e62487;
	left: 0;
	padding: 80px 30px 40px;
min-width: 250px;
box-sizing: border-box;
border-right: solid 5px #e62487;
color: #fff;
}


ul.loginList {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
border-bottom:solid 1px #fff;
padding:0 0 30px;
margin:0 0 30px;
}
ul.loginList li {
width:50%;
}
ul.loginList li a {
display:block;
background:#fff;
color:#000;
border:solid 1px #000;
padding:10px 0;
text-align:center;
}

ul.loginList li.list--item__mypage a,
ul.loginList li.list--item__login a {
background:#000;
color:#fff;
}




dl.productAttentionBox {
margin: 20px auto 0px;
border:solid 1px #fff;
padding:15px 0 0px;
}
dl.productAttentionBox dt {
margin:0 auto 5px;
font-size: 11px;
}


dl.productAttentionBox dd {
padding:5px 0 0px 0;
font-size: 11px;
}



ul.sns_link {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
}
ul.sns_link li {
margin: 0 7px 0;
}
ul.sns_link li a {
display:block;
font-size: 18px;
color:#fff;
}

body #contents .floor.aboutBox {

}

body #contents .floor.aboutBox .title{

}
body #contents .floor.aboutBox .title .titleMain{
font-family: urw-din-condensed, sans-serif;
font-weight: 700;
}
body #contents .floor.aboutBox .title .titleSub{
font-size:14px;
}


.floor.aboutBox .txtBox {

}
.floor.aboutBox .txtBox .ph {
text-align:center;
margin: 60px auto 80px;
}
.floor.aboutBox .txtBox .ph img{
width:50%;
}
.floor.aboutBox .txtBox .lead {
margin: 0 auto 20px;
font-size: 16px;
}

.floor.aboutBox .txtBox .link {
margin:200px 0 0 ;
}

.floor.aboutBox .txtBox .link a {
color: #ee87b4;
margin: 0 0 0 15px;

}