@charset "UTF-8";
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%;
  /* iOS 8+ */
}

*,
::before,
::after {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

summary {
  display: list-item;
  /* Add the correct display in all browsers */
}

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
  display: none;
  /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: 1px dotted;
  /* Add a bordered underline effect in all browsers */
  text-decoration: none;
  /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects;
  /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

b,
strong {
  font-weight: bolder;
  /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
  font-style: italic;
  /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
  border: none;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number] {
  width: auto;
  /* Firefox 36+ */
}

[type=search] {
  -webkit-appearance: textfield;
  /* Safari 8+ */
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Safari 8 */
}

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule. */
}

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */
}

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

/* Style select like a standard input */
select {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */
}

select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */
}

legend {
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit;
  /* Change font properties to `inherit` in Chrome and Safari */
}

[type=search] {
  -webkit-appearance: textfield;
  /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
  /* Correct the outline style in Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  max-width: 100%;
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden;
  /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
  display: inline-block;
  /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

a {
  text-decoration: none;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 0;
}

body {
  font-family: "Noto Sans JP", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.7;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000000;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ::i-block-chrome, body {
    -webkit-font-feature-settings: "pkna";
            font-feature-settings: "pkna";
  }
}
a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: 500;
  color: #000000;
}
a:hover {
  opacity: 0.6;
  cursor: pointer;
  text-decoration: none;
}

ol li,
ul li {
  list-style: none;
}

img {
  vertical-align: bottom;
}

@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

@media screen and (min-width: 1440.9px) {
  .sp {
    display: none !important;
  }
}
@media screen and (min-width:1024.9px) and (max-width:1440.1px) {
  .sp {
    display: none !important;
  }
}
@media screen and (min-width:767.1px) and (max-width:1024.1px) {
  .sp {
    display: none !important;
  }
}

.pc-br {
  display: block;
}
@media screen and (max-width: 767px) {
  .pc-br {
    display: none;
  }
}

.sp-br {
  display: block;
}
@media screen and (min-width: 1440.9px) {
  .sp-br {
    display: none;
  }
}
@media screen and (min-width:1024.9px) and (max-width:1440.1px) {
  .sp-br {
    display: none;
  }
}
@media screen and (min-width:767.1px) and (max-width:1024.1px) {
  .sp-br {
    display: none;
  }
}

header {
  position: relative;
  position: fixed;
  z-index: 900;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  background-color: #000;
}
@media screen and (max-width: 767px) {
  header {
    top: 0;
  }
}
header .header-wrap {
  width: 90vw;
  height: 8vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  text-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: auto;
  position: relative;
  background-color: #000;
}
@media screen and (min-width:1024.9px) and (max-width:1440.1px) {
  header .header-wrap {
    max-height: 60px;
  }
}
@media screen and (min-width:767.1px) and (max-width:1024.1px) {
  header .header-wrap {
    max-height: 100px;
    height: 10vh;
    width: 100vw;
    padding: 0 0 0 10vw;
  }
}
@media screen and (max-width: 767px) {
  header .header-wrap {
    height: 45px;
    width: 100%;
    padding: 0 3%;
  }
}
header .header-wrap .logo-wrap {
  height: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
header .header-wrap .logo-wrap h1#logo {
  height: 80%;
  margin: 0;
  vertical-align: middle;
}
header .header-wrap .logo-wrap h1#logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  text-align: center;
 flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  header .header-wrap .logo-wrap h1#logo a {
    max-width: 340px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
header .header-wrap .logo-wrap h1#logo a img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 90%;
  height: 90%;
  vertical-align: middle;
}
@media screen and (min-width:767.1px) and (max-width:1024.1px) {
  header .header-wrap .logo-wrap h1#logo a img {
    vertical-align: top;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  header .header-wrap .logo-wrap h1#logo a img {
    width: 100%;
    height: 100%;
  }
}
header .header-wrap .logo-wrap h1#logo a:hover img {
  opacity: 0.8;
}

header .header-wrap .logo-wrap h1#logo a .fs-p-logo__lead{
color:#fff;
}

header .header-wrap ul.menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  text-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.3rem;
}
header .header-wrap ul.menu-list li {
  margin: 0 2rem 0 0;
}
header .header-wrap ul.menu-list li a {
  color: #fff;
}
header .header-wrap ul.menu-list li:last-child {
  margin: 0;
}

footer {
  font-size: 0.85rem;
}

.fadeIn {
  -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
}
.fadeIn.animation {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}

.flex-row-nowrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
  .flex-row-nowrap.sp-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .flex-row-nowrap.sp-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (max-width: 767px) {
  .flex-row-nowrap.sp-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.flex-row-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .flex-row-wrap.sp-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.flex-column-nowrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

span.fc-navy {
  color: #00115A;
}
span.fc-red {
  color: #E60707;
}

span.en {
  font-family: "Anton", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

p.note {
  position: relative;
  padding: 0 0 0 1.9rem;
}
p.note:before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}

.fs-p-sideMenu .fs-pt-menu__heading--lv1{
border:none;
}

.fs-p-drawer__heading{
    margin: 0 auto 20px;
    padding: 0 0 15px;
    font-size: 2.2rem;
    font-weight: 700;
    border-bottom: 2px solid currentColor !important;
}

h2.fs-p-heading--lv2{
padding: 0 0 15px;
margin: 60px auto 20px;
}

.fs-p-heading--lv2{
    font-size: 2.2rem;
    font-weight: 700;
}

.fs-c-heading--page{
font-weight: 700 !important;
margin: 0 0 60px !important;
}

@media screen and (min-width: 1200px) {
    .fs-c-heading--page {
        padding: 0 0 1.8em !important;
    }
}

.fs-p-sideMenu .fs-pt-menu__link::before, .fs-p-sideMenu .fs-pt-menu__link::after{
padding-top:5px;
}

.fs-p-sideMenu a:hover {
  background: transparent;
  color:#000;
 }

.fs-p-footerNavigation{
max-width: 98%;
}

.fs-p-footerNavigationItem{
padding: 0 10px;
}

.fs-l-footer__contents{
    max-width: 98%;
}


.fs-p-footerNavigationItem__body{
font-size:1.2rem;
}
.fs-p-footerNavigationItem__body p.title{
    display: flex;
    justify-content: space-between;
}

.fs-p-footerNavigationItem__body p.title a{
    text-decoration: underline;
}

.fs-p-footerNavigationItem__body p.title a:hover{
    color:#fff;
}

.fs-p-banner{
font-size:1.6rem;
}

.fs-p-banner span.small{
font-size:1rem;
}

.fs-p-footerNavigationItem__body table th{
    vertical-align: top;
}


.fs-p-footerUtilityMenu__list span{
font-size:12px;
}

.fs-p-footerUtilityMenu__list a:hover{
color:#fff;
}


.fs-pt-column__heading{
color:#000;
}

.fs-pt-column__description{
color:#000;
}

fs-pt-menu li a:hover{
color:#000;
opacity: 1;
}

.fs-p-searchForm__input{
color:#fff;
}

.fs-p-searchForm{
margin:0 0 30px;
}

.fs-l-main {
margin: 80px auto 100px;
}






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

旧オリジナルcss

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

/* ------------------------------------------------
 Reset
------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
.cf { zoom:1; }
.cf:before,.cf:after { content:""; display:table; }
.cf:after { clear:both; }
img { vertical-align:middle;}


/* ------------------------------------------------
 Common
------------------------------------------------ */



a{
	color:#333;
}
a:link{
}
a:visited{}
a:hover{
opacity: 0.8;
}
a:active{}
a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}


.bold{
font-weight:bold;
font-size:1.5em;
}

.boldx2{
font-weight:bold;
font-size:1.2em;
}

.red{
color:#e13f67;
}


/*--------------------------------------------------
　layout_header ヘッダエリア
--------------------------------------------------*/
.layout_header {}

#header {
	margin:0 0 10px;
}


#header .header-inner {
	width:1000px;
	margin:0 auto;
	padding:15px 0 5px;
}
#header .l-cont {
	float:center;
	width:630px;
}
#header h1 {
	color:#000;
	font-size:8px;
	margin-bottom: 10px;
}
#header .l-col {
	float:left;
	width:315px;
}
#header .r-col {
	float:left;
	width:290px;
}

#header .r-cont {
	float:left;
	width:320px;
	
}

#header .c-cont {
	float:right;
	width:50px;
}


#header .item-count {
	margin: 8px 0 0 0;
	font-size:14px;
}
#header .item-count .cout {
	color:#4b4b4b;
	font-weight:bold;
}
#header .bnr {
	margin:0 0 3px;
	 position: relative;
}

#header .sns-link {

	}
#header .sns-link img {
	width:40px;
	margin:0 0 3px;
}

#header .sns-link img {
text-align: center;
}

#header .sns-link li {
	display: block;
}


#header #gnav {
	background:#c9c9c9;
	margin: 5px 0 0 0;
}
#header #gnav ul {
	width:1001px;
	margin:0 auto;
}
#header #gnav li {
	float:left;
}

#header .header-inner02 {
	padding:10px;
	background:#f6f6f6;
	border-bottom:2px solid #878787;
}
#header .cont-wrap {
	width:1000px;
	margin:0 auto;
}
#header .cont-wrap .l-cont {
	float:left;
	width:400px;
}
#header .cont-wrap .r-cont {
	float:right;
	width:600px;
}
#header #search-box {
	margin:0 0 5px;
}
#header #search-box #keyword {
	margin-right:10px;
	width:310px;
	padding:2px;
	border:1px solid #999;
	border-radius:5px;
}

/* ----------
入力アシスト
---------- */


#popword {
  margin-top: 45px !important ;
  width:310px !important;
  color: #000 !important ;
  display: block !important;
  z-index: 1000 !important ;
  cursor: pointer !important ;
  overflow: hidden !important ;
  background-color: #FFF !important ;
  border-collapse: collapse !important ;
  margin: 0px !important ;
  padding: 1px !important ;
  border-color:1px #999 !important;
  border: #ebf6f7 !important ;

}

#popword .popword_selected {
  background-color: #ebf6f7 !important ;
  border-color:#fff !important ;
  color: #999 !important ;
}

#popword td {
  font: small normal black !important ;
  overflow: hidden !important ;
  margin: 0px !important ;
  padding: 4px !important ;
  border: none !important ;
  text-align: left !important ;
}


#header #search-box input {
	display:inline-block;
	vertical-align:middle;
}

#header .cont-wrap .keyword-box {
	font-size:10px;
}
#header .cont-wrap .keyword-box .ico {
	margin:0 5px 0 0;
	color:#ff8105;
}
#header .cont-wrap .keyword-box a {
	color:#4b4b4b;
	font-size:10px;
}
#header .cont-wrap .keyword-box a:hover {
	text-decoration:none;
}

#header .cont-wrap .page-link {}
#header .cont-wrap .page-link ul {
	text-align:right;
}

#header .cont-wrap .page-link li {
	display:inline;	
	padding-left: 0.8em;
	background:url(/shop/item/melis/design/img01/ico_arrow01.gif);
	background-position: left;
    background-repeat: no-repeat;
}

#header .cont-wrap .page-link li:last-child {}
#header .cont-wrap .page-link li a {
	color:#333;
	padding:2px;
	font-size:11px;
	text-decoration:none;
}
#header .cont-wrap .page-link li a:hover {
	text-decoration:underline;
}


#header .header-bnr {
	width:1000px;
	margin:15px auto;

}

#header02 {
font-size:1.8em;
background:#b60606;
color:#fff;
width:100%;
text-align:center;
font-weight:bold;
line-height:2em;
}

#header02 a{
color:#fff;
text-decoration: none;
}




#header .header-bnr ul {}
#header .header-bnr li {
	margin:0 0 10px;
}
#header .header-bnr .header-topic {
	padding:5px 0;
	color:#000;
	border:1px solid #c53d43;
	width:1000px;
	font-size:11px;
	line-height:1.5em;
	text-align:center;
}


#header .header-bnr .header-topic a{
	color:#666;
}

 .header-topic {
	padding:5px 0;
	color:#000;
	border:1px solid #c53d43;
	width:1000px;
	font-size:11px;
	line-height:1.5em;
	text-align:center;
}


#header .logo img{
	margin: 0px 0px 5px;
}

#header .bnr-contact{
	height: 146px;
	top:12px;
    background: url(/images/banner/contact_bg.png) ;
	background-position: left bottom 1px;


    background-repeat: no-repeat;
    position: relative;
	left:-23px;
}

.bnr-contact a {
    position: absolute;
    top: 110px;
    right: 15px;
}

/*--------------------------------------------------
　買い物かご等のヘッダー
--------------------------------------------------*/

#header_2 {	
	margin:0 auto;
}

#header_2 .header-inner {
	width:780px;
	margin:auto 0 0;
	padding:15px 15px;
}
#header_2 .l-cont {
	float:left;
	width:200px;
}
#header_2 h1 {
	color:#999;
	font-size:8px;
	margin-bottom: 10px;
}
#header_2 .l-col {
	float:left;
	width:200px;
}

#header_2 .logo img{
	margin: 5px 0px 5px;
}

#header_2 .r-cont {
	float:right;
	width:320px;
	
}

#header_2 .bnr-contact{
	height: 178px;
  background: url(/images/banner/contact_bg.png) ;
	background-position: left bottom 1px;
  background-repeat: no-repeat;
  position: relative;
	left:-23px;
}

#header_2 .bnr-contact a{
	bottom: 10px;
  top: auto;
}

#header_2 .bnr-contact_2 a {
  position: absolute;
  top: 110px;
  right: 15px;
}

/*--------------------------------------------------
　layout_table コンテンツ
--------------------------------------------------*/
.layout_table {
	width:1000px;
	margin:0 auto;
}

/*--------------------------------------------------
　layout_content コンテンツエリア
--------------------------------------------------*/
.layout_content {
	width:778px;
}
.layout_content #contents {
	margin:0 0 20px;
}
.layout_content #main {
	float:left;
	width:560px;
}
.layout_content #sub {
	float:right;
	width:200px;
}
.layout_content #sub .ranking-widget {
	margin:0 0 20px;
}
.layout_content #sub .ranking-widget .widget-inner {
	padding:15px;
	border:2px solid #cccccc;
	border-top:none;
}
.layout_content #sub .ranking-widget .heading {}
.layout_content #sub .ranking-widget .ranking-list {
	padding:13px;
	border:1px solid #4b4b4b;
}
.layout_content #sub .ranking-widget .ranking-list li {
	margin:0 0 5px;
}
.layout_content #sub .ranking-widget .ranking-list li .photo {
	margin:0 0 4px;
	border:1px solid #acacac;
}
/*.layout_content #sub .ranking-widget .ranking-list li .photo img {
	width:168px;
}*/
.layout_content #sub .ranking-widget .ranking-list li .title {
	margin:0 0 4px;
	font-weight:bold;
}
.layout_content #sub .ranking-widget .ranking-list li .price {
	color:#ff0101;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

/* utility */
/*.layout_content .utility { display:none;}*/


/* system_content */
.layout_content .system_content {}
.layout_content .system_content .pan { background:none;}
.layout_content .system_content .pan a { color:#e7316e;}

.layout_content .system_content .pageTitle {
	margin:0 0 20px;
	padding:10px;
	background:#444;
	border-bottom:none;
	color:#fff;
	font-size:116%;
}


/* FS2_upper_comment */
.layout_content .FS2_upper_comment {}



/* table */
table.style01 {
	width:100%;
}
table.style01 th {
	width:95px;
	padding:5px;
}
table.style01 td {
	padding:5px;
}


/* top-page
--------------------------------------------------*/
#top-page {}
#top-page .cont {
	margin:0 0 20px;
}

/* item-list */
#top-page .item-list01 {
	margin:20px 0 0 20px;
}
#top-page .item-list01 li {
	float:left;
	width:92px;
	margin:0 15px 15px 0;
}
#top-page .item-list01 li.first {
	clear:both;
}
#top-page .item-list01 li.last {}
#top-page .item-list01 .thumb {
	width:90px;
	margin:0 0 5px;
}
#top-page .item-list01 .thumb img {
	border:1px solid #666;
}
#top-page .item-list01 .title {
	margin:0 0 5px;
	font-size:10px;
}
#top-page .item-list01 .price {
	color:#ff0101;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

/* bnr-list */
#top-page .bnr-list01 {}
#top-page .bnr-list01 li {
	float:left;
	margin:0 12px 12px 0;
}
#top-page .bnr-list01 li.odd {}
#top-page .bnr-list01 li.even {
	margin-right:0;
}

/* maker-list */
#top-page .maker-list {}
#top-page .maker-list li {
	float:left;
	width:82px;
	margin:0 10px 10px 0;
}
#top-page .maker-list li img {
	width:100%;
	border:1px solid #acacac;
}

/* txt-list01 */
#top-page .txt-list01 {
	float:left;
	width:180px;
	margin:0 0 10px;
}
#top-page .txt-list01 .label {
	font-weight:bold;
}
#top-page .txt-list01 ul {
	margin:10px;
}
#top-page .txt-list01 li {
	margin:0 0 2px;
}
#top-page .txt-list01 li a {
	color:#4b4b4b;
}
#top-page .txt-list01 li a:hover {
	text-decoration:none;
}


/* recommend-cont */
#top-page #recommend-cont {
	border:1px solid #666666;
}
#top-page #recommend-cont .heading {}

#top-page #mainvisual {
}
#top-page #mainvisual .cont-inner {
}
#products {
	border:2px solid #4b4b4b;
}
#products .slides_container {
	display:none;
	float:right;
	overflow:hidden;
	position:relative;
	width:405px;
	border-left:3px solid #4b4b4b;
}
.slides_container a {
	display:block;
	width:405px;
	height:198px;
}






#products .pagination {
	width:148px;
	float:left;
}
#products .pagination li {
	border-bottom:2px solid #4b4b4b;
}
#products .pagination li.last {
	border-bottom:none;
}
#products .pagination li a {
	display:block;
	width:148px;
	height:48px;
}
#products .pagination li.current a {
	margin:0;
}

/* news-cont */
#top-page #news-cont {}
#top-page #news-cont .heading {}
#top-page #news-cont .cont-inner {
	border:1px solid #c6c6c6;
}
#top-page #news-cont .news-list {
	margin:20px;
}
#top-page #news-cont .news-list li {
	margin:0 0 10px;
}
#top-page #news-cont .news-list li .date {
	display:inline-block;
	width:100px;
}
#top-page #news-cont .news-list li .title {
	display:inline-block;
}
#top-page #news-cont .news-list li .title a {
	color:#4b4b4b;
}
#top-page #news-cont .news-list li .title a:hover {}


/* buyer-cont */
#top-page #buyer-cont {}
#top-page #buyer-cont .heading {}
#top-page #buyer-cont .cont-inner {
	border:1px solid #c6c6c6;
}

/* arrival-cont */
#top-page #arrival-cont {}
#top-page #arrival-cont .heading {}
#top-page #arrival-cont .cont-inner {
	border:1px solid #c6c6c6;
}

/* special-cont */
#top-page #special-cont {}
#top-page #special-cont .heading {
	margin:0 0 20px;
}
#top-page #special-cont .cont-inner {}

/* about-cont */
#top-page #about-cont {}
#top-page #about-cont .heading {
	margin:0 0 20px;
}
#top-page #about-cont .cont-inner {
	padding:20px;
	background:url(/shop/item/melis/design/img01/bg_line01.gif) repeat-x bottom;
}
#top-page #about-cont .cont-inner p {
	margin:0 0 1em;
}

/* maker-cont */
#top-page #maker-cont {}
#top-page #maker-cont .heading {
	margin:0 0 20px;
}

/* category-cont */
#top-page #category-cont {}
#top-page #category-cont .heading {
	margin:0 0 20px;
}
#top-page #category-cont .cont-inner {
	margin:10px;
}

/*--------------------------------------------------
　layout_menu 左メニュー
--------------------------------------------------*/
.layout_menu {
	width:220px;
}

#sidebar {
	width:200px;
	margin-right:20px;
}
#sidebar .widget {
	margin:0 0 10px;
}

#sidebar .bnr-widget {}
#sidebar .bnr-widget .bnr-list {}
#sidebar .bnr-widget .bnr-list li {
	margin:0 0 10px;
}

#sidebar .nav-widget {
	padding:4px;
	background:#4b4b4b;
	cursor:pointer;
}

#sidebar .nav-widget .title {}
#sidebar .nav-widget .link-list {
	padding:10px 5px 15px 10px;
	background:#fff;
	text-indent: -12px;
}

#sidebar .nav-widget .link-list li {
	margin-left:5px;

	margin-bottom:0.5em;
}
	
#sidebar .nav-widget .link-list li a {
	display:block;
	color:#4b4b4b;
}

#sidebar .nav-widget .link-list p{
	text-indent: -10px;
}
	

#sidebar .nav-widget .link-list li a:hover {
	text-decoration:none;
}


#sidebar .nav-widget .link-list li a:hover{
	text-decoration: underline;
}

#sidebar .nav-widget .link-list li a{
	text-decoration: none;
}




#sidebar .nav-widget .title span{
	cursor:pointer;
	background:#f2f2f2;
	font-weight: bold;
	display:block;
	padding:10px 5px 10px 5px;
	text-indent: 0px;
	}
	
#sidebar .nav-widget .title span .date{
   text-align: right;
   float:right;
   padding:0px;
   margin:0px;
   text-indent: 0px;
}
	


#sidebar .mailmagazine-widget {
	padding:4px;
	background:#183f79;
}


#sidebar .ranking-widget {}
#sidebar .ranking-widget .widget-inner {
	padding:15px;
	border:2px solid #cccccc;
	border-top:none;
}
#sidebar .ranking-widget .heading {}
#sidebar .ranking-widget .ranking-list {
	padding:14px;
	border:1px solid #4b4b4b;
}
#sidebar .ranking-widget .ranking-list li {
	margin:0 0 5px;
}
#sidebar .ranking-widget .ranking-list li .photo {
	margin:0 0 4px;
	border:1px solid #acacac;
}


#sidebar #size_sidebar img{
	margin:0 0 5px;

}

#sidebar #size_sidebar p{
	margin:0 0 15px;
}
span.kempa-shop{
	text-align:right;
}



#sidebar #size_sidebar .side-in{
	width:100%;
	margin:0 0 20px;
	border:1px solid #666;
	text-align:center;
	font-size: 12px;

}

#sidebar #size_sidebar .side-in p{
	padding:5px;
}

.side-in .int{
	background-color: #666;
	width:95%;
	padding: 5px;
	font-size: 12px;
	color:#fff;
	font-weight: bold;
	text-align:center;
}



/*#sidebar .ranking-widget .ranking-list li .photo img {
	width:168px;
}*/



.ranking-widget .ranking-list li .photo img {
	  width: 128px;
      height: 128px;
      padding: 10px 20px;
}
#sidebar .ranking-widget .ranking-list li .title {
	margin:0 0 4px;
	font-weight:bold;
}
#sidebar .ranking-widget .ranking-list li .price {
	color:#ff0101;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

#sidebar .fb-widget {}
#sidebar .fb-widget .widget-inner {
	padding:4px;
	border:1px solid #4b4b4b;
}


#sidebar .calendar-widget {}
#sidebar .calendar-widget .widget-inner {
	padding:20px;
	border:1px solid #cccccc;
}

#sidebar .calendar-widget .heading {}


/*--------------------------------------------------
お急ぎサイズ検索窓
--------------------------------------------------*/

input#submit_button {
width: 100px;
display: block;
margin-left: auto;
margin-right: auto;
}

.select-box01 select {
	width:200px;
	margin:5px;
	font:13px/1.6 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',メイリオ,Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------
　layout_right 右メニュー
--------------------------------------------------*/
.layout_right {}



/*--------------------------------------------------
　layout_footer フッタエリア
--------------------------------------------------*/
.layout_footer {}

#footer {

	position:relative;
}

#footer01 .f-link li {
    padding: 0;
}

#footer .btn-pagetop {
	width:1000px;
	margin:0 auto;
	text-align:right;
}

#footer .heading {
	padding:10px 0;
	background:#4b4b4b;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#footer .footer-cont01 {
	padding:30px 0;
	background:#fcfcfc;
}
#footer .footer-cont01 a {
	color:#4b4b4b;
}
#footer .footer-cont01 a:hover {
	text-decoration:none;
}
#footer .footer-cont01 .point {
	font-weight:bold;
}
#footer .footer-cont01 .attention {
	color:#ff0303;
	font-weight:bold;
}
#footer .footer-cont01 .link {
	margin-bottom:40px;
	text-align:center;
}

#footer .footer-cont01 .cont-inner {
	width:1000px;
	margin:0 auto;
}
#footer .footer-cont01 .col-wrap {
	float:left;
	width:320px;
	margin:0 20px 0 0;
}
#footer .footer-cont01 .col-wrap.last {
	margin-right:0;
}
#footer .footer-cont01 .col-wrap .col {}
#footer .footer-cont01 .col-wrap .col .title {
	position:relative;
	margin:0 0 10px;
	border-bottom:1px solid #4b4b4b;
	color:#4b4b4b;
	font-size:18px;
	font-weight:bold;
	text-indent:3px;
}
#footer .footer-cont01 .col-wrap .col .title span {
	position:absolute;
	top:5px;
	right:0px;
}
#footer .footer-cont01 .col-wrap .col .title span a {
	color:#4b4b4b;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
#footer .footer-cont01 .col-wrap .col .title span a:hover {
	text-decoration:underline;
}
#footer .footer-cont01 .col-wrap .col .figure {
	margin:0 0 10px;
	text-align:center;
}
#footer .footer-cont01 .col-wrap .col .comment {
	margin:0 0 15px;
}

#footer .footer-cont01 .col-wrap .col th{
	vertical-align: top;
}

#footer .footer-cont01 .col-wrap .col .yubin{
width: 100%;

border-spacing: 0px;
border: 1px solid #000;

}


#footer .footer-cont01 .col-wrap .col .yubin th{
width:25%;
padding:4px;
text-align: left;
vertical-align: top;
color: #000;
background-color: #dcdcdc;
border-bottom: 1px solid #000 !important;

}

#footer .footer-cont01 .col-wrap .col .yubin td{
width:75%;
padding:4px;
background-color: #fff;
border: 1px solid #000;

}

#footer .footer-cont01 .col-wrap .col .daibiki {
width: 100%;
border-spacing: 0px;
border: 1px solid #000;

}


#footer .footer-cont01 .col-wrap .col .daibiki th{

padding:4px;
text-align: left;
vertical-align: top;
color: #000;
background-color: #dcdcdc;
border-right: 1px solid #000 !important;

}

#footer .footer-cont01 .col-wrap .col .daibiki  td{

padding:4px;
background-color: #fff;
border: 1px solid #000;
}

#footer .footer-cont02 {
	padding:20px 0 40px;
	background:#4b4b4b;
}
#footer .footer-cont02 .cont-inner {
	width:1000px;
	margin:0 auto;
}
#footer .footer-cont02 .f-link {
	margin:0 0 15px;
	text-align:center;
}
#footer .footer-cont02 .f-link li {
	display:inline-block;
	margin:0 5px 0 0;
	padding:0 10px 0 0;
	border-right:1px solid #fff;
	line-height:1;
}
#footer .footer-cont02 .f-link li:last-child {
	border-right:none;
}
#footer .footer-cont02 .f-link li a {
	color:#fff;
	font-size:13px;
	letter-spacing:-1px;
	text-decoration:none;
}
#footer .footer-cont02 .f-link li a:hover {
	text-decoration:underline;
}

#footer .footer-cont02 .mail {
	margin:0 0 15px;
	text-align:center;
}
#footer .footer-cont02 .mail a {
	color:#fff;
	font-size:14px;

	font-weight:bold;
}
#footer .footer-cont02 .copyright {
	color:#fff;
	text-align:center;
}



/*プレビューモードのヘッダを非表示*/
.FS2_preview{ display:none;}


/* 商品一覧 */
.FS2_GroupLayout {}
.FS2_GroupLayout .pager {
	overflow:hidden;
	padding:10px 15px;
	background:#f0f0f0;
	border-bottom:none;
	font-size:108%;
	text-align:right;
}
.FS2_GroupLayout .pager .FS2_pager_text {
	float:left;
}
.FS2_GroupLayout .pager .FS2_pager_stay {
	margin:0 2px;
	padding:4px 8px;
	background:#444444;
	color:#fff;
}
.FS2_GroupLayout .pager .FS2_pager_link {
	margin:0 2px;
	padding:4px 8px;
	background:#fff;
	text-decoration:none;
}

#FS2_itemlayout_C .thumbnail {
	width:100%;
}

.gl_Item {}
.gl_Item .itemGroup {
	font-size:92.3%;
	font-weight:bold;
}
.gl_Item .itemGroup {
	font-size:92.3%;
}
.gl_Item .itemGroup a {
	text-decoration:none;
}
.gl_Item .itemGroup a:hover {
	text-decoration:under;
}
.gl_Item .FS2_ItemShortComment { display:none;}
.FS2_itemPrice_area {
	text-align:right;
}
.FS2_itemPrice_area .FS2_special_price { display:none;}
.FS2_itemPrice_area .itemPrice {
	color:#e13f67;
	font-weight:bold;
	text-align:right;
}
.FS2_itemPrice_area .FS2_itemPrice_addition { 
font-size: x-small;

}


/* 商品詳細 */
.gl_Item .FS2_itemlayout_td_Left {
	width:280px;
	padding-right:40px;
}
.gl_Item　.itemTitle {
	font-size:133%;
	font-weight:bold;
}
.gl_Item　.itemNumber {
	color:#999999;
}
.FS2_figure_table_td_figure { display:none;}
.FS2_figure_table_td_input_cnt { display:none;}
.FS2_figure_table_td_updn_btn { display:none;}

.FS2_TweetButton_area {
	padding:10px;
	background:#f0f0f0;
	text-align:center;
}

.FS2_InquiryButton_area { margin:10px 0;}
.FS2_MailRecommendButton_area { margin:10px 0;}
.FS2_WishListButton_area { margin:10px 0;}



.bybnr{
margin-bottom:10px !important;}

#FS2_itemlayout_IH1 .FS2_additional_image_itemdetail_container_right{
    width: 400px;
}

/* ----------
支払い方法ページ
---------- */
.FS2_body_Config_PostageSettleList .titleimg{
 margin :0px 0px 0px 10px;
}

.titleimg{
	line-height:1.8em;
	
}

.titleimg img{
 margin :1px 3px;
}

.titleimg th{
vertical-align: top;
}

.FS2_body_Config_PostageSettleList th{
vertical-align: top;
}

/*--------------------------------------------------
　パーツ一覧
--------------------------------------------------*/
#FS2_body_Goods .groupLayout .FS2_thumbnail_container img.thumbnail { width: 120px; }
#FS2_body_Goods td.layout_content .FS2_thumbnail_container img { width: 240px; }



/*　送料についてを非表示　*/
.FS2_Config_Postage{display:none;}

/* ----------
メール届かない方用ページ
---------- */
#contents-inner .pageTitle-top{
	background-color:#000;
	color:#ffffff;
	font-size:1.5em;
	line-height:2.5em;
	font-weight:bold;
	padding-left:15px;
	width: 760px;
}

#contents-inner .pagesubTitle01{
	background-color:#dcdcdc;
        color:#000;
	line-height:2em;
	font-weight:bold;
	padding:0 15px 0 15px;
	width: 600px;
}



#contents-inner .attention01{
  	background-color:#c53d43;
    color:#ffffff;
	line-height:2em;
	font-weight:bold;
	padding-left:15px;
	width: 760px;
}

#contents-inner a:hover {
	text-decoration:none;
}

#contents-inner .pagesubTitle01 p{
	width:755px;
}

#contents-inner{
	clear: both;
	width: 770px;
	margin: 0 auto;
}

#contents-inner h2 .font1 {
	font-weight: bold;
	font-size:2.5em;
	margin:20px 0;
}
#contents-inner h2 .font2 {
font-weight: bold;
font-size:1.6em;
line-height:2em;
}

#contents-inner p .font2 {
	font-weight: bold;
	font-size:1.5em;
	margin-bottom:20px;
}
#contents-inner p {
	font-size:100%;
	margin:10px 0 ;
	padding:0 0 0 5px;
}

#contents-inner p .red{
   color: #ff0000;
   font-size:1.2em;
   font-weight:bold;
}

#contents-inner p .reco{
	color: #203744;
	font-weight:bold;
	border-bottom: 2px solid  #203744;
	padding-bottom: 1px;
}


#contents-inner p .red2{
	color: #ff0000;
	font-weight:bold;
}

#contents-inner .pagesubTitle01 p .red2{
	color: #ff0000;
	font-weight:bold;
}

#contents-inner h1 img {
	margin:0px 10px 10px 10px;
	border:none;

}

#contents-inner p img {
	margin:10px 10px;
	border:none;
}

#contents-inner .sign{
	margin:50px 0;
}

#contents-inner .toiawase{
	background-color:#000;
	color:#ffffff;
	line-height:2em;
	font-weight:bold;
	padding-left:15px;
	width: 100%;
}

#contents-inner th{
vertical-align: top;
}

#contents-inner td{
margin:0px 10px;
}


#contents-inner tr .gyouma{
line-height:300%; 
}

#contents-inner td .red3{
    color: #ff0000;
	font-weight:bold;
}

#contents-inner a {
	color:#183f79;
	text-decoration:none;

}
#contents-inner a:hover {
	text-decoration:underline;

}

#contents-inner ul{
	padding:0 0 0 20px;
}

#contents-inner li{
	position: relative;
	display: inline-block;
	width:120px;
	padding:0 0 0 5px;
}

#contents-inner li::after,
#contents-inner li::before {
  display: block;
  content: '';
  position: absolute;
}
#contents-inner li::after {
  top: .35em;
  left: -1.3em;
  width: 14px;
  height: 14px;
  background-color: #000;
  border-radius: 100%;
}

#contents-inner li::before {
  z-index: 2;
  top: .625em;
  left: -.975em;
  width: 4px;
  height: 4px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


/* ----------
会員ステージ用ページ
---------- */

.stage{
	margin-left:15px;
}

.stage p{
	margin-left:15px;
}

#stage a {
	
}

#stage a:hover {
	text-decoration:underline;
}

#stage h2{
    margin:30px 0 0;
}

.stage table{
	width:770px;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0px;
	border: 1px solid #000 ;
	padding:10px 0 0;
}



.stage th{
	height:30px;
	width:150px;
	vertical-align: middle;
	display:table-cell;
	font-weight:bold;
	padding: 10px;
	text-align: center;
 	color: #444;
 	background-color: #eee;
 	border: 1px solid #000 ;
}

.stage td{
	height:30px;
 	text-align: center;
 	padding: 10px;
 	background-color: #fff;
 	border: 1px solid #000;
}

.stage .stage-top{
	height:30px;
	background-color:#000;
	color:#ffffff;
	font-weight:bold;
	text-align: center;
        border-right:1px solid #fff;
}

.stage .stage-top:first-child{
	border-right:1px solid #fff;
}

.stage .stage-top:last-child{
	border-right:1px solid #000;
}



.stage .stage-in {
 	text-align: center;
 	padding: 10px;
 	background-color: #f9f9f9;
 	border-bottom: 1px solid #000;
}



	
.stage-info table{
	width:770px;
}

.stage-info th{
  	background-color:#c53d43;
    color:#ffffff;
	line-height:2em;
	font-weight:bold;
	padding-left:15px;
}

.stage-info td{
  height:30px;
  width:770px;
  padding: 10px;
}

.stage-info01{
	background-color:#000;
    color:#ffffff;
	line-height:2em;
	font-weight:bold;
	padding:10px;
	margin-bottom:10px;
	width: 760px;
}


.stage-info02{
	background-color:#000;
    color:#ffffff;
	line-height:2em;
	font-weight:bold;
	padding-left:5px;
	margin-bottom:10px;
	width: 770px
}

.stage-topic h1{
	color:#ffffff;
	background-color: #000;
	line-height:1em;
	font-weight:bold;
	padding:5px;
	width: 300px;
	margin:10px 0px;
}

.stage-topic p{
	margin-left:15px;
	font-size:100%;

	margin:6px 0;
}

/* ----------
Q and A
---------- */



.qanda{
 margin:20px 0 0;
}




.qanda table{
	width:600px;
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin:5px 0;
}

.qanda th{
	width:600px;
	background-color: #000;
	font-weight:bold;
	padding: 5px;
	text-align: left;
 	color: #fff;
 	border-bottom: 4px solid #fff;
}



.qanda td{
	width:600px;
	text-align: left;
 	padding: 5px;
 	background-color: #f9f9f9;
 	border-right: 4px solid #fff;
 	border-bottom: 4px solid #fff;
}

.qanda td .red{
	padding:5px 0 ;
  	color:#c53d43;
    font-weight:bold;
}

.qanda td p {
	font-size:100%;
	margin:10px 0;
}

/* ----------
商品ページ
---------- */

.goods{
width:100%;
}


.goods table{
	width:100%;
    text-align: center;
	table-layout: fixed;
	border: 1px solid #000;
}

.goods th{
	width:30%;
	vertical-align: middle;
	display:table-cell;
	font-weight:bold;
	padding: 10px;
	text-align: center;
 	color: #fff;
 	background-color: #a7a7a7;
 	border: 1px solid #000 !important;
}

.goods td{
	margin:auto;
	text-align:left;
 	padding: 10px;
 	background-color: #fff;
 	border: 1px solid #000;
}


.goods .liefer td{
	color:#c53d43;
}

#goods td .red{
	padding:10px 0 ;
  	color:#c53d43;
    font-weight:bold;
}

#goods td p {
	font-size:100%;
	margin:10px 0;
}


#goods-detail table{
	width:100%;
	border-spacing: 0px;
	margin:5px 0 10px;
}

#goods-detail th{
	width:100%;
	background-color: #a7a7a7;
	font-weight:bold;
	padding: 10px;
	text-align: center;
 	color: #fff;
border: 1px solid #000;
}

.goods-detail th{
	width:100%;
	background-color: #a7a7a7;
	font-weight:bold;
	padding: 10px;
	text-align: center;
 	color: #fff;
border: 1px solid #000 !important;
}

#goods-detail td{
	width:100%;
	text-align: left;
 	padding: 10px;
 	background-color: #fff;
 	border: 1px solid #000;
}

#goods-detail td .red{
  	color:#c53d43;
    font-weight:bold;
}

#goods-detail td p {
	font-size:100%;
	margin:10px 0;
}


.size{
width:100%;
margin:5px 0 0;
}

.size table{
	width:100%;
	table-layout: auto;
	border-collapse: separate;
	border-spacing: 0px;
	padding:10px 0 0;
}

.size th{
	width:30%;
	vertical-align: middle;
	display:table-cell;
	font-weight:bold;
	padding: 10px;
	text-align: center;
 	color: #fff;
 	background-color: #a7a7a7;
 	border: 1px solid #000 !important;
}

.size td{
 	text-align: center;
 	padding: 10px;
 	background-color: #fff;
	border: 1px solid #000;
}
	
.size .size-top{
	height:30%;
	background-color:#a7a7a7;
	color:#fff;
	font-weight:bold;
	text-align: center;
	border: 1px solid #000;
}

/* ----------
サイトマップ
---------- */

#category{
	margin:0 25px 0 25px;
	width:800px;
}

#category .sitemap {
	float:left;
	width:260px;
    margin:0 5px 10px 0;
}

#category .sitemap a{	
	text-decoration:none;
}

#category .sitemap a:hover {
	text-decoration: underline;
}


#category .sitemap .title span{
	width:250px;
    font-size:14px;
	font-weight:bold;
	display:block;
	text-align:left;
}

#category .sitemap lh {
	position: relative;
	display:block;
	width:250px;



	font-weight:bold;
	list-style: none;
	text-align:left;
}

#category .sitemap li {
	position: relative;
	display:block;
	width:250px;
	list-style: none;
	text-align:left;
}

#category .sitemap lh::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	border-right: 1px solid #5c8ed6;
	border-bottom: 1px solid #5c8ed6;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


#category .sitemap li::after {
	display: block;
	content: '';
	position: absolute;
	top: .7em;
	left: -1em;
	width: 8px;
	height: 1px;
	background-color: #fff;
}


/* ----------
カテゴリーランキング
---------- */

#c_rank {
width: 770px;
margin:0 0 10px;
}

#c_rank h1{
	padding: 5px;
	margin:0 0 20px;
	width: 760px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	background-color: #000;
	border: 3px double #666;
}

.cr-w {
	width: 750px;
	height:auto;
	border-bottom: 2px double #ddd;
	color:#000;
	margin:0 5px;
	vertical-align: top;
	padding:10px ;
}

.cr-w .cr-1{
	display: inline-block;
	width:250px;
	position: relative;
	vertical-align: top;
}

.cr-1 img{
	width:200px;
}

.cr-1 .rank_no1{
	width: 30px;
	position: absolute;
        z-index:1;
}

.cr-1 .item{
	width:200px;
	border:1px solid #666;
	margin:10px ;
}


.c_ra{
	display:inline-block;
	width:430px;
    margin:10px ;
}



.c_ra .rank_item{
	width:auto;
	font-weight:bold;
	font-size:12px;
	margin:10px 10px 3px;
	text-align:left;
}

.c_ra .cprice{

	width:auto;
	font-weight:bold;
	font-size:12px;
	margin:3px 25px 13px;
	text-align:right;
	color:#c53d43;
}

.c_ra .heading{
	font-weight:bold;
	border-bottom:double 1px #fff;
	margin:10px 0 3px;
	color:#fff;
	background-color:#000;
	padding:0 3px;
}

.c_ra .name{
	text-align:right;
}

.c_ra .heading p {
	margin: 3px 0 0 ;
	background-color:#fff;
}

.c_ra  p {
	margin: 3px 0 0 ;	
}

.c_ra p{
margin: 3px 0 0 ;	
}

.c_rank2 {
	position: relative;
	width: 230px;
	height:500px;
	background-color: #c1e4e9;
	border-radius: 30px;
	color:#000;
	margin:0 5px;
	display: inline-block;
	vertical-align: top;
}

.c_rank2 .rank_no1{
	width: 50px;
	position: absolute;
	left:10px;
	border:none;
}

.c_rank2 .item{
	width:200px;
	border:1px solid #666;
	margin:10px 15px;
}

.c_rank2 .c_ra{
	width:200px;
	margin:20px 14px 10px;
	padding:3px 3px 5px 3px;
	background-color:#fff;
	border-radius: 10px;
}

.c_rank2 .rank_item{
	width:200px;
	font-weight:bold;
	font-size:12px;
	margin:10px 14px 3px;
	text-align:center;
}

.c_rank2 .c_ra .heading{
	font-weight:bold;
	border-bottom:double 1px #5c8ed6;
	margin:0 0 3px;
}

.c_rank2 .c_ra .name{
	text-align:right;
}

.c_rank2 .c_ra p {
	margin: 3px 0 0 ;
}

.c_rank2 .cprice{
	width:200px;
	font-weight:bold;
	font-size:12px;
	margin:3px 14px 13px;
	text-align:right;
	color:#c53d43;
}

#k_rank {
width: 770px;
margin:20px 0 10px;
}

#k_rank h1{
	padding: 5px;
	margin:0 0 20px;
	width: 760px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	background-color: #5c8ed6;
	border: 3px double #c1e4e9;
}


.k_rank1 {
	position: relative;
	width: 250px;
	background-color: #c1e4e9;
	border-radius: 30px;
	color:#000;
	margin:0 5px;
	display:inline-block;
	vertical-align: top;
}

.k_rank1 .rank_no1{
	width: 70px;
	position: absolute;
	left:10px;
	border:none;
}

.k_rank1 .item{
	width:200px;
	border:1px solid #666;
	margin:10px 25px;
}




.k_rank1 p{
	width:200px;
	margin:0 auto;
	text-align:center;
	border-radius: 10px;
	padding:0 0 10px;
}

.k_rank1 .rank_item{
	width:200px;
	font-weight:bold;
	font-size:12px;
	margin:10px 25px 3px;
	text-align:center;
}

.k_rank1 .kprice{
	width:200px;
	font-weight:bold;
	font-size:12px;
	margin:3px 25px 0px;
	text-align:right;
	color:#c53d43;
}

.k_rank2 {
	position: relative;
	width: 230px;
	background-color: #c1e4e9;
	border-radius: 30px;
	color:#000;
	margin:0 5px;
	display: inline-block;
	vertical-align: top;
}

.k_rank2 .item{
	width:200px;
	border:1px solid #666;
	margin:10px 15px;
}

.k_rank2 p{
	width:200px;
	margin:0 auto;
	text-align:center;
	border-radius: 10px;
	padding:0 0 10px;
}

.k_rank2 .rank_no1{
	width: 50px;
	position: absolute;
	left:10px;
	border:none;
}

.k_rank2 .rank_item{
	width:200px;
	font-weight:bold;
	font-size:12px;
	margin:10px 14px 3px;
	text-align:center;
}

.k_rank2 .kprice{
	width:200px;


	font-weight:bold;
	font-size:12px;
	margin:3px 14px 0px;
	text-align:right;
	color:#c53d43;
}



.FS2_recommendgoods_table .FS2_thumbnail_container img{width:120px;}


.FS2_recomendgoods_table .itemTitle{
font-size:12px;
font-weight: bold;
}

.FS2_body_Cart_ShoppingCart .FS2_itemlayout_td_right{width:350px;}

/* スタッフ紹介 */
.staff {
	float:left;
	width: 770px ;
	margin:10px 0;
}

.staff h1{
	background-color:#000;
	color:#ffffff;
	font-size:1.5em;
	line-height:2.5em;
	font-weight:bold;
	padding-left:15px;
	width: 100%;
	margin:0 0 40px;
}

.staff h2{
	color:#ffffff;
	background-color:#5c8ed6;
	line-height:1em;
	font-weight:bold;
	padding:5px;
	width: 300px;
	margin:10px 0px;
}

.staff .staff-info{
	float:left;
	width:230px;
    margin:0 10px;
	}

.staff .staff-info .photo img{
	width:150px;
	padding:5px 0;
}

.staff .staff-info .name{
	width:200px;
	font-weight:bold;
	background: linear-gradient(transparent 70%, rgba(92, 142, 214, 0.7) 0%);
}
.staff .staff-info .position{
	margin-top:15px;
	width:200px;
}


/* ----------
ラインネッカーページ
---------- */

.c_page{
	margin-left:15px;
width:600px;
}

.c_page p{
	margin-left:15px;
}

#c_page a {
	text-decoration:none;
}

#c_page a:hover {
	text-decoration:underline;
}

#c_page h2{
    margin:30px 0 0;
}


#c_page .title{
	line-height:2em;
	font-weight:bold;
margin:1em 0 0;
	}
	
#c_page .pagesubTitle01{
	background-color:#000;
    color:#ffffff;
	line-height:2em;
	font-weight:bold;
	padding-left:15px;
	width: 100%;
	margin:20px 0;
}


.c_page table{
	width:700px;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0px;
	border: 1px solid #000;


}



.c_page th {
 	text-align: center;
 	padding: 5px;
	    font-size: 100%;
 	background-color: #ffffff;
border: 1px solid #000 !important;
}

.c_page td{
 	text-align: center;
 	padding: 5px;
	    font-size: 100%;
 	background-color: #ffffff;
border: 1px solid #000;
}

	
.c_page .c_page-top{
	background-color:#3f3f3f;
	color:#ffffff;
    font-size: 100%;
	font-weight:bold;
	text-align: center;
	border: 1px solid #000;
}


/* ----------
ボタン
---------- */

.FS2_additional_image_itemdetail_container .FS2_additional_image_tableVariation a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
	}

/* ----------
レビューキャンペーン
---------- */

#c_review{
	width:700px;
}

#c_review img{
	width:700px;
}

#c_review p.mini{
	width:700px;
	text-align:center;
	margin:0 auto;
}

#c_review p.mini img{
	width:200px;
	margin:10px 10px 20px;
}

#c_review  a:hover{
	opacity: 0.8;
}

#c_review a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}

#c_review #point{
	width:700px;
	margin:20px 0;
	text-align:center;
}

#c_review #point p{
	font-size:16px;
	margin:10px 0 0;
}

#c_review #point #freeans{
	margin:10px auto 0;
	background-color:#eaf4fc;
	
	}

/* ----------
マイページ
---------- */

#mypage {
	width:100%;
	text-align:center;
	margin:0 auto;
	padding:10px 0;
}


#mypage .topic{
	color:#e13f67;
	font-weight:bold;
}

#mypage a {
	text-decoration:none;
}

#mypage a:hover {
	text-decoration:underline;
}

#mypage p {
	font-size:100%;
	margin:10px 0;
}

#mypage .mypage-cont {
	position: relative;
	text-align:center;
	margin:0 auto;
	width:100%;
}

#mypage .mypage-cont img{
	width:230px;
	margin:0px 5px;
}


#mypage .mypage-list li {
	display:inline-block;
	width:230px;
	margin:0px 5px;
vertical-align:top;

}

#mypage .mypage-list li.list02 {
	display:inline-block;
	width:230px;
	text-align:center;
	margin:0px 5px;
vertical-align:top;
}

#mypage .mypage-list li.list02 img {
	width:200px;
	margin:0px auto;
}

#mypage .mypage-list li.first {
	clear:both;
	width:720px;
	text-align:right;
	margin:0 auto;
}

#mypage .mypage-list li.first img{
	width:110px;
}

#mypage-footer {
	width:770px;
	}
	
#mypage-footer .footer-cont02 {
	padding:20px 0 40px;
	background:#4b4b4b;
}
#mypage-footer .footer-cont02 .cont-inner {
	width:770px;
	margin:0 auto;
}

#mypage-footer .footer-cont02 .f-link {
	margin:0 0 15px;
	text-align:center;
}

#mypage-footer .footer-cont02 .f-link li {
	display:inline-block;
	margin:0 5px 0 0;
	padding:0 10px 0 0;
	border-right:1px solid #fff;
	line-height:1;
}

#mypage-footer  .footer-cont02 .f-link li:last-child {
	border-right:none;
}

#mypage-footer  .footer-cont02 .f-link li a {
	color:#fff;
	font-size:13px;
	letter-spacing:-1px;
	text-decoration:none;
}

#mypage-footer .footer-cont02 .mail {
	margin:0 0 15px;
	text-align:center;
}
#mypage-footer .footer-cont02 .mail a {
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
#mypage-footer .footer-cont02 .copyright {
	color:#fff;
	text-align:center;
}

#mypage-footer .footer-cont02 .f-link li {
	display:inline-block;
	margin:0 5px 0 0;
	padding:0 10px 0 0;
	border-right:1px solid #fff;
	line-height:1;
}


/* ----------
メディア紹介
---------- */

#media{
	width:760px;
	padding-left:15px;
}

#media h2{
	width:150px;
	margin-left:10px;
	margin-bottom:10px;
	font-weight:bold;
	border-bottom: 5px solid #eee;
}

table.media {
	width:760px;
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
}
table.media th {
	width: 100px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px dotted #ccc;
}
table.media td {
	width: 650px;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px dotted #ccc;
}

/* ----------
ご利用ガイド
---------- */

#guide{
	width:700px;
}

#guide img{
	width:700px;
}

#guide p.mini{
	width:700px;
	text-align:center;
	margin:0 auto;
}

#guide p.mini img{
	width:350px;
	margin:10px 10px 20px;
}

#guide  a:hover{
	opacity: 0.8;
}

#guide a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}

#guide_p {
	background-color: #c53d43;
	width:600px;
	font-size:15px;
	padding:10px 5px;
	margin:10px auto 20px;
	text-align:center;
	color: #fff;
}

#guide_p .guide_t{
	display:block;
	font-size:20px;
	margin:0 auto 10px;
	padding:0 10px;
	text-align:center;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid white;
}



/* ----------
マイページ文字リンク非表示設定
---------- */

.FS2_mypage_container_AddressList,.FS2_mypage_container_PasswordEdit,.FS2_mypage_container_EntryInfoEdit{display:none;}
.FS2_mypage_container_LookOrderHistory,.FS2_mypage_container_PointHistory,.FS2_mypage_container_WishListHistory,.FS2_mypage_container_ReviewHistory,.pageTitle{display:none;}



/* ----------
代官山 ハンドボール（用品）
---------- */

#mein_title {
  width: 770px;
  height: 80px;
  margin:5px;
  margin-bottom:10px;
  background-color: black;
  display:table;
}

#main_shop {
  width: 770px;
  height: 350px;
  margin:5px
}

.sub_title {
  font-size: 20px;
  font-weight: bold;
}

#mein_title_letter {
  color:white;
  font-size:24px;
  font-weight: bold;
  padding-left:25px;
  vertical-align:middle;
  display:table-cell;
}


/* relative set */
.relative_frame {
  position: relative;
  width: 770px;
  height: 260px;
  margin:5px;
  border:none;
}

.relative_frame_last {
  position: relative;
  width: 770px;
  height: 400px;
  margin:5px;
  border:none;
}

.absolute_text {
  position: absolute;
  top: 15px;
  left: 30px;
width:45%;
}

.absolute_text_last {
  position: absolute;
  top: 15px;
  left: 30px;
width:45%;
height:400px
}


.absolute_log {

  position: absolute;
  top: 10px;
  right: 30px;
  width: 350px;
  height: 250px;
}

.absolute_text_r {
  position: absolute;
  top: 0;
  right: 30px;
  background:rgba(255,255,255,1);
padding:1em 0 1em 1em;
height: 250px;
}


.absolute_log_r {
  position: absolute;
  top: 10px;
  left: 30px;
  width: 350px;
  height: 250px;
}


/* 商品一覧 */

#shop_item {
  position: static;
  width: 760px;
  height: 100%;
  margin:5px;
  border:none;
  background-color: #F5F5F5;  
  padding:10px;
}

#shop_item_title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

#item_table {
  margin:auto;
  border-spacing: 10px;
}

.item_td {
  font-size: 12px;    
  width: 170px;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.item_cell {
  width: 120px;
  height: 120px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}


/* 交通アクセス */
#access_area {
  position: static;
  width: 760px;
  height: 100%;
  margin:5px;
  border:none;
  background-color: #F5F5F5;
}

#ggmap {
  position: static;
  width: 750px;
  height: 300px;
  margin:5px;
}

#shop_access {
  padding:20px;
  overflow: hidden;
  font-size: 12px;
}
#shop_access_text {
  float: left;
}

#shop_access_tel {
  float: right;
  width: 280px;
  height: 200px;
  background-color: #D3D3D3;
  text-align: center;
  line-height: 30px;
font-size:1em;
line-height: 2em;
}

.shop_access_tel-inner{
    vertical-align: middle;
padding:1.5em;
}

.shopinfo{
background-color:#fff7f8;
color:#cc2936;
border:1px solid #cc2936;
padding:1em 1em 0;
margin:2em auto;

}

.shopinfo p{
line-height:1.3em;
margin: 0 0 1em;
}


/* ギャラリー */
#shop_gal {
  width: 760px;
  height: 100%;
  background-color: black;
  color: white;
  text-align: center;
  padding-bottom:30px;
  margin-bottom:50px;
}

#main_gal {
  width: auto;
  height: 500px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:15px;
  text-align: center;
}

#gal_table {
  margin:auto;
}

.gal_cell {
  width: auto;
  height: 100px;
  margin: 5px;
  margin-top:10px;
  border : 2px solid black;
}

/* ----------
チームオーダー
---------- */
#tab{
	z-index: 1;
}

.teamorder{
	width:770px;
	margin:0 0 30px;
}

.teamorder p{
	margin:10px 0;	
}
	
.teamorder h1{
  position: relative;
  clear: both;
  padding: 1px 0 1px 30px;
  font-size: 15px;
  line-height: 2;
  font-weight: bold;
  background: url(https://neckar.jp/images/page/teamorder/to_b.png) no-repeat 2px 3px ;
  border-bottom: 5px solid #000;
margin:4em 0 2em;
}
	
.teamorder h2{
	border-bottom: 2px solid #000;
	font-size: 15px;
	font-weight: bold;
	padding:0;
margin:2em 0;
}

.teamorder h4{
	font-size: 15px;
	font-weight: bold;
	background-color:#EAF4F9;
	margin:30px 0;
	padding:15px 0 15px 5px;
text-align:center;
}
.teamorder h4 span{
	font-size: 12px;
width:100%;
	margin:1em 0;
text-align:center;
}

.teamorder .team_p {
	position: relative;
	width:230px;
	height:230px;
	padding:5px 5px;
	float: left;
	margin:0 0 50px;
	}

.teamorder .team_p .image{
	position: absolute;
    bottom: 0;
	margin:10px 0 0;
	width:230px;
	}	

.teamorder .team_p span{
	font-size: 13px;
	display: block;
	margin:0 10px;
	}
	
.teamorder .team_p p{
	width:100px;
	background-color:#eee;
	font-size: 13px;
	line-height: 1.5;
	font-weight: bold;
	border-radius: 15px;
	margin:0 0 10px 0;
	text-align: center;
	padding:5px 0;
	}

.teamorder p.uni_info{
	width:770px;
	text-align: center;
	margin:10px auto;
}
		
.teamcolor {
	width:770px;
	clear:left;
	margin: 20px 0;
	}
	
.teamcolor li{
	display: inline-block;
	list-style: none;
	text-align: center;
	width:80px;
	margin:0 2px;
	font-size: 10px;
	}

.teamcolor img{
	width:80px;
	height:20px;
	}

.teamcolor_f{
	padding-top:20px;
	margin-bottom: 50px;
}

.teamcolor_f h3{
	font-size: 15px;
}

.teamcolor_f li{
	display: inline-block;
	list-style: none;
	text-align: center;
	margin:0 auto 15px;
	}

.teamcolor_f img{
	width:230px;
	margin:0px 3px;
	border: solid 1px #363a33;
	}

.teamcolor_f p{
	width:100px;
	background-color:#eee;
	font-size: 13px;
	line-height: 1.5;
	font-weight: bold;
	border-radius: 5px;
	text-align: center;
	margin: 3px auto 5px;
	}

.designbox{
	width:770px;
	padding-bottom: 50px;
}

.wrap{
	width:230px;
	height:270px;
	padding-bottom: 10px;
	float: left;
	text-align: center;
	margin: 0 auto;
}

.wrap p{
	width:100px;
	background-color:#eee;
	font-size: 13px;
	line-height: 1.5;
	font-weight: bold;
	border-radius: 5px;
	text-align: center;
	margin: 5px auto;
	}


.mini_d{
	cursor:pointer;
	width:25px;
	border: solid 1px #363a33;
	margin:0 2px;
}

.price_wrap{
	width:770px;
	margin-bottom: 6em;
}

.price{
	width:160px;
	height: 230px;
	display: inline-block;
	margin:0 10px ;
	text-align: center;
	vertical-align: top;
}

.price img{
	width:160px;
	margin:0 0 10px;
	border: solid 1px #363a33;
	}

.price .comment{
	font-size:15px;
	width:160px;
	vertical-align:bottom;
	background-color:#c53d43;
	color: #fff;
	line-height: 1.5;
	padding:10px 0;
}

.discount {
	width: 770px;
	margin: 0px auto 5px auto;
	font-size: 13px;
	border: solid 1px #363a33;
	text-align: center;
}

.discount th {
	background-color: #FAFAD2;
	border: solid 1px #363a33;
	padding: 3px 7px 1px 7px;
	text-align: left;
}

.discount td {
	padding: 4px;
	border: solid 1px #363a33;
}

.dis{
	background-color: #c53d43;
	border: solid 1px #363a33;
	padding: 4px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.nor{
	background-color: #FAFAD2;
	border: solid 1px #363a33;
	padding: 4px;
	font-weight: bold;
	text-align: center;
}

.step{
	width:770px;
	margin:0 0 25px;
	}

.step li{
	width:100px;
	height:180px;
	display: inline-block;
	vertical-align: top;
	list-style: none;
	text-align: center;
	margin:0 auto;
	border: solid 1px #363a33;
	padding:0 2px;
	}

.step li span{
	font-weight: bold;
	}

.step li p{
	font-size:12px;
	}

.step img{
	width:50px;
	margin:3px 3px 5px;
	
	}

.arrow1{
    position: relative;
    width: 745px;
    height: 20px;
    background: linear-gradient(to right, #fff, #c53d43);
}
.arrow1::after{
    content: "";
    position: absolute;
    top: -10px;
    right: -20px;
    border-left: 20px solid #c53d43;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

#slider_main {
    margin: 0 auto;
    width: 770px;
    height: 300px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
#slider_main ul {
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
}
#slider_main ul li {
    width: 770px;
    height: 300px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
#slider_thumb {
    margin: 10px auto;
    width: 770px;
    height: 100px;
    text-align: center;
}

#slider_thumb li{
    cursor: pointer;
	display: inline-block;
}

#slider_thumb ul  {
    cursor: pointer;
}
#slider_thumb ul li.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
#slider_main ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#slider_main ul {
    display: inline-block;
    overflow: hidden;
}

#teampoint{
	width:770px;
	padding: 10px 0px 20px;
}

#teampoint ul li {
	position: relative;
	display: inline-block;
}

#teampoint li {
	vertical-align: middle;
	margin:0 10px;
}



#teampoint ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.option{

	width:770px;
	margin-bottom:50px;
}

.option a {
	text-decoration:none;
}

.option a:hover {
	text-decoration:underline;
}

.cloth{
	width:330px;
	margin-right:15px;
	margin-bottom:20px;
	display: inline-block;
}

.cloth .cl{
	width:320px;
	border-bottom: 3px solid #eee;
	padding-bottom: .1.5em;
	font-weight: bold;
}

.cloth li{
	width:100px;
	display: inline-block;
	vertical-align: top;
	list-style: none;
	text-align: center;
	margin:0 auto;
	padding:0 2px;
	}

.cloth li img{
	width:95px;
	border: solid 1px #363a33;
	}

.unisize {
	width: 770px;
	margin: 20px auto 5px auto;
	font-size: 13px;
	border: none;
	text-align: center;
	border-bottom: solid 1px #363a33;
	border-top: solid 1px #363a33;
}

.unisize th {
	background-color: #eee;
	padding: 3px 7px 1px 7px;
	text-align: left;
	font-weight: bold;
}

.unisize .us{
	border-bottom: solid 1px #363a33;
	padding: 3px 7px 1px 7px;
	text-align: center;
	font-weight: bold;

}

.unisize td {
	padding: 4px;
	border: none;
}

.ud{
	width:100%;

}

.ud .ud1　p{
	width:100%;
	margin:3px 0;
}

.unidi{
	width:48%;
	display: inline-block;	
	border: solid 1px #363a33;
}

.unidi td th{
	width:100%;
	padding:0 3px;
	margin: 0 auto;
}

.unidi .unidi1{
	background-color:#158E98;
	font-weight:bold;
	padding: 5px 0;
	text-align: center;
 	color: #fff;
	margin:0 auto; 	
}

.unidi .unidi2{
	background-color:#D45205;
	font-weight:bold;
	padding: 5px 0;
	text-align: center;
 	color: #fff;
	margin:0 auto;
}

.ud1 {
	width:98%;
	border: solid 1px #363a33;
	padding:0 0 5px;
	margin:10px 0 10px;
}

.ud1 .unidi3{
	background-color:#0056B0;
	font-weight:bold;
	padding: 5px 0;
	text-align: center;
 	color: #fff;
	margin:0 auto;
}

.ud1 p{
	width:100%;
	margin:5px 0 5px 5px;
}

#tab {
width: 164px;
position: fixed;
right: 10px;
bottom: 0;
}

#tab img:hover {
filter:alpha(opacity=90) !important;
opacity:0.9 !important;
}

/* ----------
送料とお支払について
---------- */

.settlelist{
	max-width: 770px;
}

.settlelist img{
	margin:0 auto 1em;
}

.settlelist .settlelist-point{
font-weight:bold;
font-size:1.5em;
border-top:1px solid #000;
border-bottom:1px solid #000;
max-width:150px;
margin:1em 0 .5em;
padding:.2em 0 0;
text-align:center;
}

ul.settlelist-list {
margin:0 0 0 1.5em;
}

ul.settlelist-list li{
list-style-type: square;
}


ul.settlelist-list-pay li{
    margin: 0 0 0 ;
    text-align: left;
list-style-type: square;
}


/* ----------
キャンペーン
---------- */

.campaign{
	width:720px;
	text-align: center;
	margin:0 auto 20px;
	position: relative;  
	}
	
.campaign p{
	padding:3px 0 3px;
	font-size: 13px;
	margin-bottom: 5px;
	}

.campaign h1{
  padding: 0 0 0 10px;
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
  border-left: 5px solid #000;
  margin:25px 0;
	text-align: left;
}

.campaign ul{
	width:500px;
	
	text-align: left;
	margin:10px auto 10px;
	list-style:disc;
	position: absolute;
    left:150px;
}

.cam{
	width:700px;
	text-align: center;
	margin: 25px auto;
	padding:10px 10px;
	border:3px solid #000;		
	}

.cam2{
	width:700px;
	text-align: left;
	margin: 25px auto;
	padding:10px 10px;
	border:3px solid #CC0000;		
	}

.cam p.cam_p{	
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: bold;
	}

.campaign h2{
	background-color:#000;
	padding:5px;
	color: #fff;
	font-size: 15px;
  	line-height: 1.5;
  	font-weight: bold;
	margin:5px auto 25px;
	text-align: center;
	}

.campaign h3{
	text-align: center;
	background-color:#CC0000;
	padding:5px;
	padding:5px;
	color: #fff;
	font-size: 15px;
  	line-height: 1.5;
  	font-weight: bold;
	margin:5px auto 25px;
	}

.cam-att{
	width:150px;
	padding:10px 0;
  	background-color:#c53d43;
    color:#ffffff;
	vertical-align: middle;
	font-weight:bold;
	text-align: center;
	margin: 20px auto;
}

.cam_t{
	text-align: center;
	margin: 0 auto;
	}

.cam_t img{
	width: 700px;
	}

.FS2_body_Cart_GuestLogin .CrossHead { 
    font-size: 20px !important;
	font-weight:bold !important;
} 

#entry img{
	margin:0 0 20px;
	}


.cat-h2{
max-width:100%;
	width:780px;
	height:224px;
	margin-bottom:30px;
	background:#000 url(img/bg-cat-top.jpg) no-repeat top center;
	display:table;
}
.cat-h2 span{
	width:100%;
	height:100%;
	vertical-align:middle;
	display:table-cell;
	color:#fff;
	font-size:19px;
	padding-left:20px;
}
.cat-h2 span i{
	margin-top:5px;
	display:block;
	font-style:normal;
	font-size:24px;
	color:#ffed58;
}
.cat-news-box{
	margin-bottom:30px;
}
.cat-h-01{
	background:#1c1c1c;
	color:#fff;
	padding:5px 10px;
	font-size:18px;
	margin-bottom:10px;
}
.cat-h-01 i{
	width:16px;
	height:16px;
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
	background:#fff;
	position:relative;
	top:-1px;
}
.cat-h-02{
	background:#1c1c1c;
	color:#fff;
	padding:5px 10px;
	font-size:20px;
	margin-bottom:10px;
}
.cat-h-03{
	position:relative;
	line-height:1.2;
	padding-left:10px;
	border-left:5px solid #1c1c1c;
	color:#1c1c1c;
	font-size:19px;
	margin:20px 0 30px 0;
}
.cat-h-03:before{
	content:"";
	width:100%;
	height:1px;
	background:#1c1c1c;
	position:absolute;
	bottom:-10px;
	left:-5px;
	padding-right:5px;
}
.cat-h-04{
	font-size:16px;
	margin-bottom:5px;
}
.cat-h-04:before{
	content:"●";
	font-size:10px;
	display:inline-block;
	margin-right:5px;
	vertical-align:middle;
}
.cat-news-box .cat-h-01{
	padding:10px;
	margin-bottom:0;
}
.cat-news-box ul{
	width:780px;
	box-sizing:border-box;
	height:100px;
	padding:10px;
	overflow:auto;
	border:1px solid #1c1c1c;
}
.cat-news-box ul li{
	font-size:13px;
	padding:0 0 5px 0;
}
.cat-box-01{
	margin:10px auto;
	box-sizing:border-box;
	padding:15px;
	background:#f8f8f8;
}
.cat-box-wrap{
	margin:0 0 10px 0;
}
.cat-box-wrap p{
	font-size:15px;
}
.box-h{
	margin-bottom:0;
}
.cat-box-02{
	margin:0 0 30px 0;
	box-sizing:border-box;
	padding:15px;
	border:1px solid #c6c6c6;
	border-top:none;
	background:#fff;
}
.arw-list li:before,
.ico-arw-cat:before{
	content:"";
	display:inline-block;
	margin-right:5px;
	width: 0;
	height: 0;
	border-style: solid;

	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #a2a2a2;
}
.tbl-cat-01{
	width:100%;
	table-layout:fixed;
	margin:30px auto;
	border:1px solid #a5a5a5;
}
.tbl-cat-01 th,
.tbl-cat-01 td{
	font-size:15px;
	padding:5px 10px;
	abckground:;
	border:1px solid #a5a5a5;
}
.tbl-cat-01 th{
	width:30%;
	background:#eee;
}
.tbl-cat-01 td{
	background:#fff;
}
.cat-bold{
	font-weight:bold;
	font-size:15px;
}
	
/* ----------
kemap 試着
---------- */
.k_try {
	width:770px;
	margin:0 0 30px;
	text-align: center;
}

.k_try p{
	margin:10px 0;	
}

.k_try img{
	margin:0 0 20px;
	
}
	
.k_try h1 {
 	position: relative;
 	padding: 0 .5em .5em 1.7em;
 	border-bottom: 1px solid #ccc;
	font-weight: bold;
	margin:0 0 20px;
	font-size: 20px;
	text-align: left;
}
	
.k_try h1::after {
 	position: absolute;
 	top: .4em;
 	left: .4em;
 	z-index: 2;
 	content: '';
 	width: 12px;
 	height: 12px;
 	background-color: #ccc;
  	-webkit-transform: rotate(45deg);
  	transform: rotate(45deg);
}

.k_try .try_p {
	display: inline-block;
	width:240px;
	padding:5px 5px;
	margin:0 auto ;
	vertical-align: top;
	text-align: left;
	}

.try_p img{
    bottom: 0;
	margin:10px 0 0;
	width:230px;
	margin:0 0 30px;
	}	

try_p .p{
	font-size: 13px;
	margin:0 10px;
	text-align: left;
	width:220px;
	}
	
.try_p .try-a{
	width:120px;
	background-color:#E5E5E5;
	font-size: 13px;
	line-height: 1.5;
	font-weight: bold;
	border-radius: 15px;
	margin:0 0 10px 0;
	text-align: center !important;
	padding:5px 0;
	}

.k_attention{
	width: 770px;
	text-align: left;
}

.k_attention .k_att{
	width: 770px;
	background-color:#c53d43;
	padding:10px 0;
	text-align: center;
	color:#fff;
	margin:0 auto 15px;
}


.k_attention p{
	margin:5px 0 5px 10px;
	
}


.search-wrap{
		width:100%;
		text-align:center;
	}
	
.search-wrap .p-search{
		width:100%;
		margin:0 0 5px;
		text-align:center;
	}
	
.search-wrap .search{
	width:auto;
	background-color: #000;
	color:#fff;
	text-align: center !important;
	}

/*1周年記念*/	
	
.fist-a{
	width:770px;
	margin:0 0 30px;
}

.fist-a p{
	margin:10px 0;	
}
	
.fist-a h1 {
  position: relative;
  padding: 0 .5em .5em 1.7em;
  border-bottom: 1px solid #ccc;
}
	
.fist-a h1::after {
  position: absolute;
  top: .4em;
  left: .4em;
  z-index: 2;
  content: '';
  width: 12px;
  height: 12px;
  background-color: #ccc;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fist-a h2{
	background-color:#FF773E;
	padding:5px;
	color: #fff;
	font-size: 15px;
  	line-height: 1.5;
  	font-weight: bold;
	margin:5px auto 25px;
	text-align: center;
	}
	
/*お知らせ*/	

#sm_news{
	width:100%;
	margin:0 auto;
	text-align:center;
	
}

p.sm_news_top{
	padding: 0 20px 0px;
}


.news_topic{
	text-align:left;
	line-height: 1.6;
	margin:20px 0  50px;
}

.news_topic ul li{
	list-style: none;
	line-height: 1.6;
	font-weight: normal;
}

#sm_news p{
	padding:0 10px;
	margin:0 0 10px;
}

.news_topic li.news_title{
	font-weight: bold;
	background-color: #666;
	color:#fff;
	padding:10px;
	letter-spacing:0.1em;
}

.news_topic li.news_date{
	text-align: right;
	font-weight: bold;
	margin:10px 0 ;
	
}

.news_top{
	background-color:#000;
	padding:10px;
	color:#fff;
	text-align:left;
}

.news_top span{
	padding:0 0 0 10px;
	font-size:10px;
}

#sm_news table{
	width:auto;
	border:1px solid #000;
	margin:20px 0;
}

#sm_news th{
	width:auto;
	background-color:#000;
	color:#fff;
	padding:10px;
	text-align:center;
	border-left:1px solid #fff;
}

#sm_news td{
	width:auto;
	background-color:#fff;
	color:#000;
	padding:10px;
	text-align:center;
	border:1px solid #000;
}

#sm_news .ho{
	width:auto;
	background-color:#F4E5E5 !important;
	color:#000 !important;
	padding:10px;
	text-align:center;
	border:1px solid #000;
}


/*ショップリスト*/
table.type04 {

        width:100%;
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #E6E6E6;
}
table.type04 th {
	width: autox;
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #E6E6E6 !important;
        background:#E6E6E6;

}
table.type04 td {
	width:auto;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #E6E6E6;
}

.bnr-list{
margin-bottom:30px;
}
.bnr-list li.fL{
float:left;
}
.bnr-list li.fR{
float:right;
}
.cat-shoes p{
margin-bottom:1em;
}
.list-3 > div p,
.list-4 > div p{
margin-bottom:0;
}
.list-4 > div{
width:25%;
float:left;
}
.list-3 > div{
width:33.3%;
float:left;
}
.cat-h2{
	width:780px;
	height:224px;
	margin-bottom:30px;
	background:#000 url(https://c09.future-shop.jp/shop/item/melis/design/img01/bg-cat-01.jpg) no-repeat top center;
	display:table;
}
.cat-h2 span{
	width:100%;
	height:100%;
	vertical-align:middle;
	display:table-cell;
	color:#fff;
	font-size:19px;
	padding-left:20px;
}
.cat-h2 span i{
	margin-top:5px;
	display:block;
	font-style:normal;
	font-size:24px;
	color:#ffed58;
}
.cat-news-box{
	margin-bottom:30px;
}
.cat-h-01{
	background:#1c1c1c;
	color:#fff;
	padding:5px 10px;
	font-size:18px;
	margin-bottom:10px;
}
.cat-h-01 i{
	width:16px;
	height:16px;
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
	background:url(https://c09.future-shop.jp/shop/item/melis/design/img01/ico-cat.png) no-repeat center center;
	position:relative;
	top:-1px;
}
.cat-h-02{
	background:#1c1c1c;
	color:#fff;
	padding:5px 10px;
	font-size:20px;
	margin-bottom:10px;
}
.cat-h-03{
	position:relative;
	line-height:1.2;
	padding-left:10px;
	border-left:5px solid #1c1c1c;
	color:#1c1c1c;
	font-size:19px;
	margin:20px 0 30px 0;
}
.cat-h-03:before{
	content:"";
	width:100%;
	height:1px;
	background:#1c1c1c;
	position:absolute;
	bottom:-10px;
	left:-5px;
	padding-right:5px;
}
.cat-h-04{
	font-size:16px;
	margin-bottom:5px;
}
.cat-h-04:before{
	content:"●";
	font-size:10px;
	display:inline-block;
	margin-right:5px;
	vertical-align:middle;
}
.cat-news-box .cat-h-01{
	padding:10px;
	margin-bottom:0;
}
.cat-news-box ul{
	width:780px;
	box-sizing:border-box;
	height:100px;
	padding:10px;
	overflow:auto;
	border:1px solid #1c1c1c;
}
.cat-news-box ul li{
	font-size:13px;
	padding:0 0 5px 0;
}
.cat-box-01{
	margin:10px auto;
	box-sizing:border-box;
	padding:15px;
	background:#f8f8f8;
}
.cat-box-wrap{
	margin:0 0 10px 0;
}
.cat-box-wrap p{
	font-size:15px;
}
.box-h{
	margin-bottom:0;
}
.cat-box-02{
	margin:0 0 30px 0;
	box-sizing:border-box;
	padding:15px;
	border:1px solid #c6c6c6;
	border-top:none;
	background:#fff;
}
.arw-list li:before,
.ico-arw-cat:before{
	content:"";
	display:inline-block;
	margin-right:5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #a2a2a2;
}
.tbl-cat-01{
	width:100%;
	table-layout:fixed;
	margin:30px auto;
	border:1px solid #a5a5a5;
}
.tbl-cat-01 th,
.tbl-cat-01 td{
	font-size:15px;
	padding:5px 10px;
	abckground:;
	border:1px solid #a5a5a5;
}
.tbl-cat-01 th{
	width:30%;
	background:#eee;
}
.tbl-cat-01 td{
	background:#fff;
}
.cat-bold{
	font-weight:bold;
	font-size:15px;
}

/* 
---------------------------------------
clear
---------------------------------------
*/

.clearfix:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;}

.clearfix{
	min-height:1px;}

* html .clearfix{
	height:1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/}

.clear,
.both{
clear:both;}

*:first-child+html .clearfix{ zoom: 1; } /* IE7 */

/* 
---------------------------------------
guide
---------------------------------------
*/

.tbl{
  display: table;
  width: 100%;
  table-layout: fixed;
  position: relative;
  margin-bottom: 20px;
}

.tbl > *{
  display: table-cell;
  vertical-align: top;
  box-sizing: border-box;
}
.tbl .img{
  width:343px;
}
.tbl .txt{
  padding: 0 20px 0 0;
}
#guide-upper{
  margin-bottom: 30px;
}
#guide-upper hr{
  width: 100%;
  margin:10px auto 10px auto;
  border:none;
  height: 20px;
  background: url(https://neckar.jp/images/page/guide/line.png) no-repeat center center;
}
#guide-upper h2,
#guide-bottom h2{
  position:relative;
  line-height:1.2;
  padding:13px 15px;
  background:#1c1c1c;
  color:#fff;
  font-size:21px;
  margin:0 0 30px 0;
}
#guide-upper h3{
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 20px;
}
#guide-upper h3:before{
  content: "";
  width: 63px;
  height: 63px;
  margin:0 10px 0 0;
  vertical-align: middle;
  display: inline-block;
  background-size:contain !important; 
  background: url(https://neckar.jp/images/page/guide/ico-01.png) no-repeat center center;
}
#guide-upper #step-01 h3:before{
  background: url(https://neckar.jp/images/page/guide/ico-01.png) no-repeat center center;
}
#guide-upper #step-02 h3:before{
  background: url(https://neckar.jp/images/page/guide/ico-02.png) no-repeat center center;
}
#guide-upper #step-03 h3:before{
  background: url(https://neckar.jp/images/page/guide/ico-03.png) no-repeat center center;
}
#guide-upper #step-04 h3:before{
  background: url(https://neckar.jp/images/page/guide/ico-04.png) no-repeat center center;
}
#guide-upper #step-05 h3:before{
  background: url(https://neckar.jp/images/page/guide/ico-05.png) no-repeat center center;
}
#guide-upper #step-06 h3:before{
  background: url(https://neckar.jp/images/page/guide/ico-06.png) no-repeat center center;
}
#guide-upper h4{
  position:relative;
  line-height:1.2;
  padding-left:10px;
  border-left:5px solid #efce27;
  color:#1c1c1c;
  font-size:18px;
  font-weight: bold;
  margin:0 0 5px 0;
}
#guide-upper p,
#guide-bottom p{
  font-size: 15px;
  margin-bottom: 20px;
}
#guide-upper p img{
  vertical-align: baseline;
  margin:0 3px;
}
#guide-upper .red,
#guide-bottom .red{
  color:#ef420d;
}
#guide-bottom ul li{
  position: relative;
  float: left;
  text-align: center;
  width: 25%;
  padding:10px 0;
  margin-bottom: 25px;
}

#guide-bottom ul li:last-child:before{
  display: none;

}
#guide-bottom ul li:before{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11.5px 0 11.5px 13px;
  border-color: transparent transparent transparent #1c1c1c;
  position: absolute;
  top: 103px;
  right: -7px;
  margin-top: -13px;
}
#guide-bottom ul li h3{
  font-weight: bold;
  font-size: 18px;
  margin:10px 0 0 0;
}

/*コーチ派遣*/

#dispatch{}

#dispatch h1{
	background-color: #000;
	color:#fff;
	padding: 10px;
	line-height: 2em;
	margin:0 0 80px;
	font-size: 18px;
	font-weight: bold;
}

#dispatch h2{
	border-left:3px solid #000;
	line-height:1.5em;
	padding:0 0 0 10px;
	font-size:16px;
	margin:0 0 50px;
	font-weight: bold;
}

#dispatch h3{
	border-bottom:2px solid #000;
	line-height:1.5em;
	padding:0 0 0 10px;
	margin:0 0 15px;
	font-size:16px;
	font-weight: bold;
}

.coach-wrap{
	width: 100%;
	margin:0 auto;align-content:
	margin:0 0 50px;
}

.coach{
	display:inline-block;
	vertical-align: middle;
}

.coach img {
	border-radius: 50%;
	height: 180px;
	width: 180px;
}



.coach-v {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0 1.5em 15px;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 70%;
 	color: #000;
	font-size: normal;
	background: #FFF;
 	border: solid 3px #eee;
 	box-sizing: border-box;
	vertical-align: middle;
}

.coach-v:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
 	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #FFF;
 	z-index: 2;
}

.coach-v:after{
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
 	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #eee;
 	z-index: 1;

}

.coach-v p {
	margin: 0 0 10px;
	padding: 0;

}




.coach-profile{
	border: 1px solid #000;
	background-color: #F4F4F4;
	padding:10px;
	margin: 20px 0 50px;
}

#dispatch table{
	width:auto;
	border:1px solid #000;
	margin:20px 0;
}

#dispatch th{
	width:auto;
	background-color:#000;
	color:#fff;
	padding:10px;
	text-align:center;
	border-left:1px solid #fff;
}

#dispatch td{
	width:auto;
	padding:10px;
	text-align:center;
	border-left:1px solid #fff;
}

.app{
	width:25%;
	height:30px;
	margin:10px 0 50px;
	padding:10px;
	text-align: center;
	background-color: #000;
	color:#fff;
}

.app a{
	display: block;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	font-size:16px;
}

.app a:hover{
	opacity: 0.8;
}

.order{
	padding:2em 0;
	margin:0 auto;
	width:100%;
	text-align:left;
}

.order img{
	margin:0 1em 1em;
}

/*kempa ウェアオーダー*/

.kw-design{
	width:770px;
	text-align:left;
	margin:0 auto;
}

.kw-design img{
	width:180px;
	border:1px solid #000;
	margin:5px;
}

.kw-w{
	width:360px;
	margin:0 auto 20px;
	text-align:center;
	display:inline-block;
	border:1px solid #000;
	height:330px;
}

.kw-w p{
	font-weight:bold;
	background-color:#000;
	line-height:2em;
	color:#fff;
	margin:0 !important;
}

.kw-w span{
	font-weight:nolmal;
	color:#000;
	font-size:10px;
}

.kw img{
width:170px;
}


.kw-2{
	width:100%;
	margin:0 auto;
	text-align:center;
}

.kw-2 img{
	width:250px;
}


.trim {
    overflow: hidden;
    width: 300px;
    height: 100px;
    position: relative;
	margin:0 auto;
	text-align:center;
}

.trim img {
 	position: absolute;
  	top: 50%;
  	left: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
  	width: 100%;
  	height: auto;
}

/*アルバイト募集*/

#arbeit{
	width:100%;
	margin:0 auto;
	line-height:1.9;
	text-align: left;
}

#arbeit p{
	width:100%;
	margin:0 auto 5px;
	line-height:1.9;
}

#arbeit .arbeit-top{
	border-bottom:2px solid #000;
	font-size:15px;
	font-weight: bold;
	letter-spacing:0.05em;
	margin:0 0 2em !important;
}

#arbeit .arbeit-point{
	border-bottom:1px dashed #aaaaaa;
	font-weight: bold;
	letter-spacing:0.05em;
	margin:0 0 ;
}

#arbeit table.arbeit-entry{
	border-collapse:collapse;
	margin:2em auto;
	margin-left: 0;
	margin-right: auto;

}

#arbeit .arbeit-entry td{
	border:1px solid #ccc;
	padding:10px;
}

#arbeit table.arbeit-entry th{
	border-left:5px solid #666 !important;
	border-top:1px solid #ccc !important;
	border-right:1px solid #ccc !important;
	border-bottom:1px solid #ccc !important;
	color:#000;
	font-weight: bold;
	padding:10px;
}

ul.arbeit-info{
	margin:1em 0 ;
}



ul.arbeit-info li{
	list-style-type:none;
	text-align:left;
	margin:0 0 5px;
}

ul.arbeit-info li:before{
	font-family: 'FontAwesome';
	content: "\f00c";
	padding-right:0.5em;
	color:#006994;
}

.FS2_additional_image_tableVariation_table td,th{
	border:none ;
}

/*関連商品*/

.related_products{
	border-bottom:1px dashed #ddd;
	padding:0 0 5px 0;
	margin:0 0 1.5em;
}

.related_products:before {
	content: "▼";
	padding:0 5px 0 0;
}

.rp_wrap {
	width:100%;
	margin:0 0 1.5em;
}

.rp_img{
	display: inline-block;
	width:23%;
	vertical-align: middle;
	margin:0 10px 0 0;
}

.rp_img img{
	width:100px;
}

.rp_tittle{
	display: inline-block;
	width:72%;
	vertical-align: middle;
	padding:0 0 0 5px;
}

/*周年記念*/

.anniversary{
	background-color:#d6750e;
	width:780px;
	height:900px;
	margin:0 auto;
	position: relative;
}

.anniversary-wrap{
	background-color:#fff;
	width:90%;
	height:90%;
	margin:0 auto;
	text-align:center;
	position: absolute;
    top: 5%;
    left: 5%;
}

.anniversary-wrap p{
	padding:0 1em;
	text-align:center;
	line-height:2em;
}

.anniversary-sale{
	width:90%;
	border-top:2px solid #d6750e;
	border-bottom:2px solid #d6750e;
	padding:1em 0 1em 0.5em;
	margin:2em auto;
	font-size:18px;
	font-weight:bold;
	
}

.anniversary-sale span{
	font-size : 14px;
  	padding-bottom : 7px;
  	display : block;
	letter-spacing: 0.09em;
}

.anniversary-box {
	width:60%;
    background-color: #F4F3F3;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, .4) inset,
                0 0 4px rgba(0, 0, 0, .8) inset,
                2px 2px 2px rgba(0, 0, 0, .4);
    color: #000;
    margin: 2em auto;
    padding: 2em;
	text-align: left;
}

.itempage-wear{
width:400px;
margin:1em 0 2em ;
}


/*voreas*/


.voreas_offi{
	width:100%;
	background-color: #000;
	margin:0 auto;
	color: #fff;
	text-align: center;
	padding:0.5em 0;
        font-size:16px;
	}


.voreas_offi a{
	color:#fff;
	}

#voreas{
	width:100%;
	height:auto;
	background-color: #c70024;
	padding:0 0 5em;
	margin:0 auto;
	
	}

#voreas span{
	color:#fff;
	
	}

	
.voreas_logo{
	width:100%;
	border-bottom: 3px solid #000;

	}
	
.voreas_logo img{
	margin-right: auto;
	width:250px;
padding:2em 0 2em 1em;
	}
	
.voreas_top{
	text-align: center;
	margin:0 auto;	
	}
	
.voreas_top img{
	width:600px;
	}

.voreas_info{
	width:100%;
	background-color: #000;
	margin:2em auto;
	color: #fff;
	text-align: center;
	padding:3em 0;
	}
	
.voreas_info p{
	line-height: 2em;
	font-size:20px;
	}

.voreas_player{
	width:100%;
	text-align:center;
	margin:0 auto 2em;	
	}	
	
.voreas_player ul{
	width:100%;
	text-align:center;
	margin:0 auto 2em;
	}
	
.voreas_player li{
	display:inline-block;
	text-align:center;
	margin:0 auto ;
	}
	
.voreas_player li img{
	width:130px;
	text-align:center;
	margin:0 auto;
	}


/*モーダル*/
.modalwin {
            position: fixed;
            width: 600px;
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 0 2px 4px 0 #000;
            z-index: 1;
        }

        .modalwin dl {
            padding: 0px 10px;
        }

        .show {
            display: block;
        }

        .hide {
            display: none;
        }

        .modalwin h1 {
            background: #ededed;
            padding: 20px;
            border-radius: 5px 5px 0 0;
            font-size: 1.2em;
            margin-top: 0;
            text-align: center;
        }

        .modalwin-contents {
            padding: 5px;
        }

        .modalwin-contents img {
            margin: 0 0 1em 0;
            float: left;
            width: 30%;
            height: 30%;
        }

        .modalwin-contents p {
            margin: 0 0 1em 0;
            line-height: 1.8em;
        }

        #shade {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: #999;
            opacity: 0.9;
            z-index: 1;
        }

        @media screen and (max-width: 600px) {
            .modalwin {
                width: 90%;
            }
        }


.technology{
            border-bottom:2px solid #333;
            color:#333;
            font-weight:bold;
            padding:3px;
            width:100%;
            margin:1em 0 0;
}

.useBorder {
    text-decoration: none;
}


/*イベントヘッダー*/
#header .header-event {
	font-size:15px;
background:#c81037;
color:#fff;
width:100%;
text-align:center;
line-height:2;
font-weight:bold;
}


/*イベントページ*/

#event{
width:99%;
margin:0 auto;
text-align:center;
background-color:#000;
}

#event h1{
width:99%;
margin:0 auto;
text-align:center;
font-size:15px;
color:#fff;
}

#event p{
color:#fff;
font-size:18px;
font-weight:bold;
line-height:1.8;
letter-spacing: 1px;
}


#event .event-topic{
color:#fff;
font-size:23px;
font-weight:bold;
letter-spacing: 1px;
}



/*ウェア制作実績*/

.exdesign{
width:100%;
margin:0 autp;
text-align:center;
}

.exdesign-top{
width:96%;
background-color:#000000;
color:#ffffff;
font-weight:bold;
font-size:3em;
line-height:4em;

padding:0 0 0 1em;
margin:0 0 1em 0;
text-align:left;
}


.exdesign-wrap{
width:45%;
margin:.5em auto 2em;
text-align:center;
display: inline-block;
padding:0 1em;
vertical-align:top;
}

.exdesign-wrap img{
margin: 0.5em 0;
}

.exdesign-wrap .exdesign-name{
width:100%;
background-color:#000000;
color:#ffffff;
line-height:2em;
margin:0 0 0.5em;
}

.exdesign-wrap .exdesign01{
width:90%;
}


/*phenix*/


.phenix_offi{
	width:100%;
	background-color: #223657;
	margin:0 auto;
	color: #fff;
	text-align: center;
	padding:0.5em 0;
    font-size:16px;
	}


.phenix_offi a{
	color:#fff;
	}

#phenix{
	width:100%;
	height:auto;
	background-color: #223657;
	padding:0 0 5em;
	margin:0 auto;
	}



	
.phenix_logo{
	width:80%;
}
	
.phenix_logo img{
	margin-right: auto;
	width:250px;
	padding:2em 0 2em 1em;
	}
	
.phenix_top{
	text-align: center;
	margin:0 auto;	
	}
	
.phenix_top img{
	width:600px;
	}

.phenix_info{
	width:100%;
	background-color: #000;
	margin:2em auto;
	color: #fff;
	text-align: center;
	padding:3em 0;
	}
	
.phenix_info p{
	line-height: 2em;
	font-size:20px;
	}

.phenix_player{
	width:100%;
	text-align:center;
	margin:0 auto 2em;
	
	}	
	
.phenix_player ul{
	width:100%;
	text-align:center;
	margin:0 auto 3em;
	}
	
.phenix_player li{
	display:inline-block;
	text-align:center;
	margin:0 auto ;
	color:#fff;
	margin:0 1em;
	}

.phenix_player li a{
	color:#fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	}
	
.phenix_player li img{
	width:200px;
	text-align:center;
	margin:0 auto;
	}

.phenix_player li .playerpic {
	border-radius: 50%;
	transition: all 0.6s ease 0s;
	border:3px solid #e6b422;
}
.phenix_player li .playerpic:hover {
	cursor: pointer;
	transform: scale(1.1, 1.1);
	opacity:1;
}


#phenix span{
	color:#fff;
	}


@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,900);


    .buttons {
        display: table;
        height: 100%;
        width: 100%;
    }
    .container {
        display: table-cell;
        padding: 1em;
        text-align: center;
        vertical-align: middle;
    }

    
    .btn {
        color: #fff;
        cursor: pointer;
        display: block;
        font-size: 16px;
        font-weight: bold;
        line-height: 4em;
        margin: 0 auto 2em;
        max-width: 450px;
        position: relative;
        text-decoration: none;
        text-transform: uppercase;
        vertical-align: middle;
        width: 100%;
    }
    
    .btn:hover {
        text-decoration: none;
    }
   
    .btn-4 {
        border: 1px solid;
        overflow: hidden;
        position: relative;
 background: #e6b422;
    }
    .btn-4 span {
        z-index: 20;
    }
    .btn-4:after {
        background: #fff;
    content: "";
    height: 155px;
    left: -71px;
    opacity: .2;
    position: absolute;
    top: -63px;
    -webkit-transform: rotate(41deg);
    transform: rotate(41deg);
    -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: 1;
    }
    .btn-4:hover:after {
        left: 120%;
        -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    }
   


/*シューズ比較表*/

table.hikaku {
	border: none;
	table-layout: fixed;
	margin: 30px 0;
	padding: 0;
	width: 100%;
}
table.hikaku td {
	padding: 15px;
	width: 30%;
	background: #ffffff;
	color: #616161;
	font-size: 14px;
	line-height: 1.7;
	letter-spacing: 1.2pt;
	border-top: none;
	border-left: none;
	border-right: none;
}
table.hikaku td:nth-child(1) {
	background-color: #ffffff;
	border-bottom: 1px solid #A8ACAD;
	width: 100px;
	font-size: 15px;
	text-align: center;
}
table.hikaku td:nth-child(2) {
	background-color: #ffdab9;
	border-bottom: 1px solid #A8ACAD;
	width: 150px;
	text-align: center;
}
table.hikaku td:nth-child(3) {
	background-color: #E5F2F8;
	border-bottom: 1px solid #5B93A9;
	width: 150px;
	text-align: center;
}

table.hikaku td:nth-child(4) {
	background-color: #f9f9f9;
	border-bottom: 1px solid #5B93A9;
	width: 150px;
	text-align: center;
}

table.hikaku td.top-radius,
table.hikaku td.top-radius2,
table.hikaku td.top-radius3 {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}


/*LINE連携*/

.line_title{
    font-weight: bold;
    font-size: 22px;
    color: #9e9e9f;
    padding: 10px;
    background: #000;
    color:#fff;
margin:0 0 2em;
}

.line_title-sub{
    font-weight: bold;
    font-size: 22px;
    color: #9e9e9f;
    padding: 10px;
    color:#000;
border-bottom:2px solid #000;
margin: 2em 0;
}

.line-wrap{
width:100%;
margin:2em auto 1em;
}

.line_howto{
display:block;
background-color: #00b900;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    margin: 0 0 1em;
text-align:center;
width:100px;

}

.line_howto-txt{
    color: #000;
font-size: 18px;
    font-weight: bold;
}

.line-wrap_left{
display:inline-block;
width:20%;
}

.line-wrap_left img{
width:160px;
}

.line-wrap_right{
display:inline-block;
padding:0 0 0 1em;
width:70%;
}


.line-wrap p{
line-height:1.2;
margin:0.5em 0;
}


.line-topic{
border:3px solid #FFA500;
text-lign:center;
padding:10px;
margin:0 auto 2em;
width:80%;
}

.line-topic-top{
font-weight:bold;
font-size:1.2em;
color:#FFA500;
text-align:center;
padding:0 0 5px;
border-bottom:1px solid #FFA500;
display:block;
margin:0 0 0.5em;
}

.line-topic p{
text-align:left;
}


/*ログイン*/

#logoutButton, #loginButton { display: none; }



.FS2_additional_image_tableVariation_border th{
    border-top: 1px solid #fff;
    padding-top: 4px;
    vertical-align: top;
}



/* ----------
サイズチャート
---------- */

.sizechart{
	margin-left:15px;
}

.sizechart p{
	margin-left:15px;
}

.sizechart table{
	width:770px;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0px;
	border: 1px solid #666 ;
	padding:10px 0 0;
}

.sizechart th{
width:20%;
	vertical-align: middle;
	display:table-cell;
	font-weight:bold;
	padding: 10px;
	text-align: center;
 	color: #444;
 	background-color: #eee;
 	border: 1px solid #fff ;
}

.sizechart td{
	height:30px;
 	text-align: center;
 	padding: 10px;
 	background-color: #fff;
 	border: 1px solid #eee;
}

.sizechart .sizechart-top{
	background-color:#eee;
	color:#444;
	font-weight:bold;
	text-align: center;
    border-right:1px solid #fff;
}

.sizechart .sizechart-top:first-child{
	border-right:1px solid #fff;
}

.sizechart .sizechart-top:last-child{
	border-right:1px solid #eee;
}

.sizechart-info{
padding: 0.5em ;
    border: 1px solid #c53d43;
    font-size: 11px;
    line-height: 1.5em;
    text-align: left;
padding-left: 1.7em;
    text-indent: -1.7em;
}

.sizechart-info .sizechart-info-mark{
	color: #c53d43;
padding:0 5px 0 ;
font-weight:bold;
}

.sizechart-wrap{
width:48%;
vertical-align:top;
display:inline-block;
}

.sizechart-wrap img{
width:100%;
text-align:center;
}

.sizechart-wrap figure{
margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;

}

.sizechart_ttl{
	background-color:#000;
    color:#ffffff;
	padding:10px;
	margin-bottom:10px;
	width: 30%;
font-weight:bold;
font-size:1.5em;
text-align:left;
}

.sizechart_ttl-wear{
line-height:1.8em;
font-weight:bold;
font-size:1.3em;
text-align:left;
padding:0 0 0 5px;
border-left:3px solid #000;
margin:1em 0 0;
}

/*サイズ表 ボタン*/
.sizebtn,
a.sizebtn,
button.sizebtn {
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.5rem 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff;
  border-radius: 0.5rem;
}

a.sizebtn--red.sizebtn--cubic {
background-color:#327bd1;
  border-bottom: 5px solid #1258ab;
width:50%;
 text-align: center;
margin: 0.5em auto;
display: block;
}


a.sizebtn--radius {
  border-radius: 100vh;
}

.fa-position-right {
  position: absolute;
  top: calc(50% - .5em);
  right: 1rem;
}

.slider{
  display: none;
}
.slider.slick-initialized{
  display: block; 
}

span.FS2_Bundle_icon img{
width:100% !important;
}


li.FS2_original_icon01 img {
    max-width: 100% !important;
}

span.FS2_Preorder_icon{
display:none !important;
}


/*関西学生ハンドボール連盟ページ*/

.special{
  width: 100%;
  background-color: #000;
  color: #fff;
  max-width: 780px;
}

.special img{
  width: 100%;
  max-width: 780px;
}

.special h1{
  width: 100%;
  background-color: #000;
  color: #fff;
  text-align: center;
  padding: 20px 0;
  font-size: 160%;
  font-weight: bold;
}

.special h1 span{
  background-color: #fff;
  color: #FF0000;
  line-height: 2;
  padding: 0 10px;
  margin: 0 10px 0 0;
}

.special h2{
  color: #FF0000;
  font-size: 160%;
  font-weight: bold;
  margin: auto;
  text-align: center;
}

.special p{
  color: #fff;
}

.special ul.special_tab{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 90%;
  margin: auto;
  margin: 80px auto;
}

.special ul.special_tab li{
  width: 45%;
  max-width: 300px;
  margin: auto;
  text-align: center;
  line-height: 3;
  color: #000;
  background-color: #fff;
}

.special ul.special_tab li a{
  width: 100%;
  display: block;
  color: #000;
  text-decoration-line: none;
  font-size: 120%;
}

.special ul.special_tab li a:hover{
  border: 1px solid #fff;
  background-color: #000;
  color: #fff;
  transition: .6s ;
}

.special ul.special_item{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 90%;
  margin: auto;
  margin: 30px auto;
}

.special ul.special_item li{
  margin: auto;
  text-align: center;
  max-width: 150px;
  width: 18%;
}

.special ul.special_item li a{
  width: 100%;
  display: block;
}

.special ul.special_item li a:hover{
  color: #fff;
  transition: .6s ;
  opacity: .8s;
}

.special a.special-btn{
  width: 80%;
  max-width: 300px;
  display: block;
  border-bottom: 3px solid #fff;
  padding: 0 30px 10px 0;
  position: relative;
  margin: 0 auto 80px;
  color: #fff;
  text-align: center;
  text-decoration-line: none;
  
}

.special a.special-btn:after{
  position: absolute;
  top: 0;
  right: 20px;
  content: "→";
}

.special .special-btn-other{
  margin:5% auto 0;
  text-align: center;
  max-width: 80%;
  width: 600px;
}

.special-btn-other +  .special-btn-other{
  margin:5% auto 80px;
}

.special .special_guide hr{
  color: #fff;
  width: 80%;
}

.special .special_guide h2{
  width: 90%;
  background-color: #fff;
  color: #000;
  text-align: center;
  padding: 20px 0;
  font-size: 160%;
  font-weight: bold;
  margin: 80px auto 30px;
}

.special .special_guide .special_guide-wrap{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 90%;
  margin: 30px auto;
  justify-content: space-between;
  align-items: flex-start;
}

.special .special_guide .special_guide-wrap .special_guide-box{
  width: 45%;
}

.special .special_guide .special_guide-wrap .special_guide-box img{
  margin: 2% auto;
}

.special .special_guide .special_guide-wrap .special_guide-box h3{
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 20px;
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  
}

.special .special_guide .special_guide-wrap .special_guide-box h3 span{
  width: 40px;
  margin: 0 10px 0 0;
}

.special .special_guide .special_guide-wrap .special_guide-box p{
  color: #fff;
  line-height: 1.8;
}

.special .special_guide .special_guide-wrap .special_guide-box p.point{
  color: #fff;
  line-height: 1.8;
  font-size: 120%;
  font-weight: bold;
  text-decoration:underline;
}


.cate-wrap{
  width: 768px;
}

.cate-wrap p{
  
}

.cate-wrap p + p{
  margin: 0 0 15px;
}

.cate-wrap h3{
  margin: 15px 0;
}

.cat-banner{
  width: 768px;
  margin: 0 0 15px;
}
.cat-banner img{
  width: 768px;
}

.fs-c-mark--preorder {
    display: none;
}

.fs-c-productListItem__preorderMessage.fs-c-preorderMessage {
    display: none;
}

.fs-c-productListItem__productDescription {
color: #728496;
font-size:12px;
}

.fs-p-messageBoard{
margin:40px auto 0;
width:90%;
max-width: 1216px;
background-color: #fff;
text-align: center;
border: 3px solid #ff0000;
border-radius: 3px;
color: #000;
padding: 16px;
font-weight: normal;
}

.fs-p-messageBoard__heading {
font-weight: normal;
margin-bottom: 0;
}

.fs-p-card__message{
    padding: 20px 8px;
}

.fs-p-productSearch [type=text]{
background-color:#fff;
}

.fs-p-productSearch__formSwitch{
background-color:#004080;
color:#fff;
}

.fs-p-banner--lineIdLink .fs-p-banner__link{
    display: block;
    width: 100%;
    height: 100%;
}

.fs-p-dateList > li:first-child{
    border-top: 1px solid #fff;
}

.fs-c-wishlistProduct__title, .fs-c-featuredProduct__title{
    margin: 30px 0 0;
    padding: 0 0 10px;
}

.fs-pt-carousel{
    margin:50px 0 0 ;
}

.fs-p-footerCopyright{
    color:#000 !important;
}

span.fs-c-productName__name{
    font-size: 16px;
    margin: 10px 0 0;
}

.fs-c-productPrice__main__label{
    font-size: 12px;
}

.fs-c-productPrice--listed > .fs-c-productPrice__main > .fs-c-productPrice__main__price > span.fs-c-price__value{
    font-size: 14px;
}

.fs-c-productPrice--listed > .fs-c-productPrice__main > .fs-c-productPrice__main__price > .fs-c-price__currencyMark{
    font-size: 14px;
}

.fs-c-productPrice--selling > .fs-c-productPrice__main > .fs-c-productPrice__main__price > span.fs-c-price__value{
    font-size: 20px;
}

.fs-c-productPrice--selling > .fs-c-productPrice__main > .fs-c-productPrice__main__price > .fs-c-price__currencyMark{
    font-size: 20px;
}

.fs-c-productMark {
    margin: 0 0 5px;
}

.fs-c-productMark > li {
    margin: 5px 5px 0 0;
}

.fr3-productListCarousel__slides:-webkit-scrollbar{
  display: none;
}

.column > h3{
font-weight:bold;
font-size:140%;
margin:0 0 10px;
}

.column > P + h3 {
margin:30px 0 10px;
}

.column > h4{
font-weight:bold;
font-size:110%;
margin:30px 0 10px;
}

a:hover img{
opacity: 0.95;

}

.fs-pt-carousel__slide{
height:480px;
}

.fs-c-slick .slick-slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.fr3-productListCarousel__slides{
padding-bottom:30px;
}

@media screen and (min-width:1000px) {
.fs-l-header__drawerOpener{
display:none;
}
}

@media screen and (max-width:1000px) {
.fs-p-drawerButton{
position: absolute;
z-index: 999;
color: #fff;
}

.fs-p-drawer__button.fs-p-drawerButton.fs-p-drawerButton--close{
color: #000;
}

#fs_p_ctrlDrawer{
position: fixed;
top: 3%;
z-index: 999;
left: 1%;
}

.fs-clientInfo.is-ready{
margin: 15% 0 10%;
}
.fs-p-drawer{
padding: 50px 20px 0;
top: 20px;
overflow: scroll;
height: 90vh;
}
}
}


.fs-p-searchForm {
  margin: 0 0 60px;
}
.fs-p-searchForm > h2 {
  text-align: center;
  margin: 0 auto 10px;
  padding: 0 0 15px;
  font-size: 2.2rem;
  font-weight: 700;
  border-bottom: 2px solid #000;
}
.fs-p-searchForm p.searchttl {
  font-size: 1.3rem;
  text-align: left;
  margin: 20px 0 10px;
}
.fs-p-searchForm .fs-p-searchForm__input {
  color: #fff;
  background-color: #004080;
  padding: 10px 5px;
  width: 100%;
}
.fs-p-searchForm input::-webkit-input-placeholder {
  color: #fff;
}
.fs-p-searchForm input::-moz-placeholder {
  color: #fff;
}
.fs-p-searchForm input:-ms-input-placeholder {
  color: #fff;
}
.fs-p-searchForm input::-ms-input-placeholder {
  color: #fff;
}
.fs-p-searchForm input::placeholder {
  color: #fff;
}
.fs-p-searchForm input::focus {
  outline: 1px solid #004080;
}
.fs-p-searchForm select {
  width: 100%;
  padding: 10px 5px;
  border: 1px solid #004080;
}
.fs-p-searchForm select:focus {
  outline: 1px solid #004080;
}
.fs-p-searchForm .searchprice-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.fs-p-searchForm .searchprice-list .searchprice-input {
  padding: 10px 5px;
}
.fs-p-searchForm .searchcolor-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.fs-p-searchForm .searchcolor-list input[type=radio] {
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.fs-p-searchForm .searchcolor-list label.color {
  cursor: pointer;
  padding: 1rem;
  width: 30px;
  height: 30px;
  margin: 0 5px 5px 0;
}
.fs-p-searchForm .searchcolor-list label.color.white {
  background-color: #fff;
  border: 1px solid #e8e6e6;
}
.fs-p-searchForm .searchcolor-list label.color.black {
  background-color: #000;
  border: 1px solid #000;
}
.fs-p-searchForm .searchcolor-list label.color.gray {
  background-color: #b5b5b5;
  border: 1px solid #e8e6e6;
}
.fs-p-searchForm .searchcolor-list label.color.gold{
  background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
  border: 1px solid #e8e6e6;
}
.fs-p-searchForm .searchcolor-list label.color.silver{
  background: linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);
  border: 1px solid #e8e6e6;
}
.fs-p-searchForm .searchcolor-list label.color.red {
  background-color: #ff0000;
  border: 1px solid #ff0000;
}
.fs-p-searchForm .searchcolor-list label.color.orange{
  background-color: #FFA500;
  border: 1px solid #FFA500;
}
.fs-p-searchForm .searchcolor-list label.color.blue {
  background-color: blue;
  border: 1px solid blue;
}
.fs-p-searchForm .searchcolor-list label.color.yellow {
  background-color: yellow;
  border: 1px solid yellow;
}
.fs-p-searchForm .searchcolor-list label.color.green {
  background-color: green;
  border: 1px solid green;
}
.fs-p-searchForm .searchcolor-list label.color.pink {
  background-color: pink;
  border: 1px solid pink;
}
.fs-p-searchForm .searchcolor-list label.color.purple {
  background-color: purple;
  border: 1px solid purple;
}
.fs-p-searchForm .searchcolor-list input[type=radio]:checked + label.color {
  border: 1px solid #666 !important;
}

.fs-p-searchForm .stock-list label{
  width: 100%;
  display: block;
  font-size: 1.3rem;
}

.fs-p-searchForm .stock-list label input{
  margin-right:0.7rem;
}

.fs-p-searchForm .search-buttonArea {
  margin: 20px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.fs-p-searchForm .search-buttonArea .searchForm-resetbutton {
  background-color: #666;
  width: 48%;
  color: #fff;
  line-height: 3;
  font-size: 1.2rem;
  text-indent: 0 !important;
}
.fs-p-searchForm .search-buttonArea .searchForm-button {
  background-color: #004080;
  width: 48%;
  color: #fff;
  line-height: 3;
  font-size: 1.2rem;
  text-indent: 0 !important;
}
.fs-p-searchForm .search-buttonArea .searchForm-button:before {
  left: auto !important;
}

.fs-p-messageBoard{
margin: 50px auto 20px;
  width: 100%;
  max-width: 100%;
color:#fff;
  background-color: #cc0000;
  text-align: center;
  border: none;
  padding: 16px;
  font-weight: bold;
}