@charset "UTF-8";
body {
font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}


/* 商品ページ 商品データ */
.itemData {
		margin: 0 0 15px;
	}
	

.itemData h3 {
	margin: 0 0 12px;
	padding: 2px 8px;
	background: #333333;
	color: #FFFFFF;
	font-size: 92.4%;
	line-height: 1.335;
		}
	
.itemData table {
	margin: 0 0 10px;
		}
		
.itemData table tr {
		}
		
.itemData table tr th,
.itemData table tr td {
	padding: 2px 10px;
	color: #666666;
	font-size: 14px;
        text-align: left;
	line-height: 15px;
		}
		
.itemData table tr th {
	white-space: nowrap;
		}
		
.itemData table tr td {
		}
		
.itemData table tr td ul {
	list-style: outside;
	padding: 0 0 0 18px;
		}
		
.itemData table tr td ul li {
	list-style: disc;
		}
		
.itemData .icons {
	padding: 12px 0 0;
	border-top: 1px dotted #C5C7C8;
		}
		
.itemData .icons img {
	margin: 0 0 0 4px;
		}

/* 会社概要テーブル */
.tbl-company th {
  background: #f9e4ea;
  border: 0;
  color: #000000;
  padding: 10px;
}
.tbl-company td {
	background: #fff7f9;
　border: solid 0px #ccc;
  padding: 10px;
  width: 85%;
}

@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 0px #ccc;
    width: 100%;
  }
  .tbl-company {
    width: 80%;
  }
  .tbl-company th,
  .tbl-company td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}

/* ご利用ガイド */
#guide_btn {
  display: inline-block;
  margin: 15px 10px 15px 0px;
}

.btn-border_guide {
  display: inline-block;
  max-width: 300px;
  text-align: left;
  border: 1px solid #e61f67;
  font-size: 16px;
  color: #212121;
  text-decoration: none;
  font-weight: normal;
  padding: 8px 16px;
  margin: 0px 10px 10px 0px;
  border-radius: 4px;
  transition: .4s;
}

.btn-border_guide:link {
  background-color: #FFFFFF;
  border-color: #e61f67;
  color: #212121;
}

.btn-border_guide:visited {
  background-color: #FFFFFF;
  border-color: #e61f67;
  color: #212121;
}

.btn-border_guide:hover {
  background-color: #e61f67;
  border-color: ##e61f67;
  color: #FFF;
}

.btn-border_guide:active {
  background-color: #FFFFFF;
  border-color: #e61f67;
  color: #212121;
}


/* ヘッダメニュー 矢印消去 */
.fs-p-headerUtilityMenu__list a::before {
  content: "";
  border: 0px solid transparent;
  border-right-width: 1px;
  border-left-color: currentColor;
  display: inline-block;
  height: 0;
  width: 0;
}

/* ヘッダメニュー 検索窓 */
.header_search {
  margin-left: 10px;
  margin-bottom: 5px;
}

.fs-p-inputGroup {
  display: flex;
  align-items: stretch;
  border: 1px solid #dbd8d8;
  background: #dbd8d8;
}

.fs-p-inputGroup__input {
  border: none;
  border-radius: 0;
  width: calc(100% - 3em);
  flex-grow: 1;
}

.fs-p-inputGroup__button {
  background: #dbd8d8;
  border: none;
  color: #ffffff;
  width: auto;
  flex-shrink: 0;
}



/* ヘッダナビゲーション */
.fs-p-headerNavBar {
  background: #f2f1f1;
  border-bottom: 0px solid #000000;
  color: #000000;
}

.menu ul{
  margin:0;
  padding:0;
}
.menu ul li {
  list-style: none;
  margin:0;
  padding:0;
  font-size:14px;
  float: left;
  position: relative;
  width: 130px;/*親メニューの幅*/
  height: 40px;/*親メニューの高さ*/
  line-height: 40px;
  background:#f2f1f1;/*親メニューの背景色*/
  color: #4D4D4D;/*親メニューの文字色*/
  text-align:center;
  font-weight:normal;
}
.menu ul li a {
  color: #4D4D4D;
  display: block;
  text-decoration: none;
}
.menu ul li:hover, .menu ul li a:hover {
  background:#e6e6e6;/*ホバー時の親メニューの背景色*/
  color:#d4154e;/*ホバー時の親メニューの文字色*/
}
.menu ul li ul {
  position: absolute;
  top: 40px;/*親メニューの高さと同じにする*/
  width: 130px;
  z-index: 100;
}
.menu ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 220px;/*サブメニューの幅*/
  height: 0;
  background:#f2f1f1;/*サブメニューの背景色*/
}
.menu ul li ul li:hover, .menu ul li ul li a:hover {
  background:#e6e6e6;/*ホバー時のサブメニューの背景色*/
}
.menu ul li:hover ul li, .menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:40px;/*サブメニューの高さ*/
  z-index: 10;
}
.menu * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

/* TOPページタイトル見出し */
section.container h2.title {
  margin-top: 50px;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
  line-height: 1.4; }
section.container h2.title:after {
   position: absolute;
   content: "";
   left: 0;
   top: 17px;
   width: 100%;
   border-top: 1px dotted #666;
   z-index: -1; }
section.container h2.title .h2 {
   font-size: 26px;
   letter-spacing: 0.1em;
   padding: 0 1.5em;
   background: #fff; }
   @media screen and (max-width: 768px) {
      section.container h2.title .h2 {
        font-size: 20px; } }
section.container h2.title .small_h2 {
   background: #fff;
   letter-spacing: 0.2em;
   font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
   -webkit-font-smoothing: antialiased;
   font-size: 14px; }
   @media screen and (max-width: 768px) {
section.container h2.title .small_h2 {
   font-size: 12px; } }


<!-- **売れ筋商品見出し ↓↓ -->
.fs-p-heading--topsellers {
  border-bottom: 1px solid currentColor;
  color: #000000;
  font-size: 1.8rem;
  text-align:center;
  padding-bottom: 0.5em;
}

.fs-p-heading--topsellers:not(:first-child) {
  margin-top: 2em;
}


.fs-c-documentArticle__heading_title {
  background: #fbe9f2;
  color: #000000;
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 16px;
  padding: 10px 8px;
  text-align: center;
}

.fs-c-heading--page_title {
  width: 100%;
  margin: 0;
}

.fs-c-heading--page_title {
  border-bottom: 1px solid #666666;
  color: #000000;
  font-weight: 300;
  font-size: 2.2rem;
  line-height: 1.2;
  margin: 40px 0 10px 0;
  padding: 0 0 1.5em;
  text-align: center;
}

@media screen and (min-width: 1200px) {
  .fs-c-heading--page_title {
    padding: 0.8em 0;
  }
}


.fs-c-subgroupList__link {
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: linear;
  transition-delay: 0s;
  background: #ffffff;
  border: 1px solid #ffffff;
  color: inherit;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr 1.2em;
  grid-template-columns: auto 1fr 1.2em;
  -ms-grid-rows: 1fr auto;
  grid-template-rows: 1fr auto;
  align-items: center;
  height: 100%;
  padding: 4px;
  text-decoration: none;
}

.fs-c-subgroupList__link:hover {
  background: #fbe9f2;
}

.btn-flat-logo {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #FFF;
  background: #d4144d;
  transition: .4s;
  border-radius: 12px;
}

.btn-flat-logo:hover {
  background: #fb89ab;
  color: #FFF;
}

.fs-p-footerPageTop {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin: 0 auto;
  padding: 0 12px;
  max-width: 1216px;
}

.fs-p-footerPageTop__link {
  overflow: hidden;
  text-indent: -999px;
  width: 32px;
  height: 32px;
  background-color: #E60033;
}

.fs-p-footerPageTop__link::before {
  font-family: 'fs-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e937";
  display: block;
  color: #ffffff;
  font-size: 2.6rem;
  line-height: 1.3;
  text-indent: 0;
  text-align: center;
}

.fs-p-footerPageTop__link:hover {
  text-decoration: none;
}

.fs-p-footerCopyright {
  color: #000;
  background-color: #ffffff;
  text-align: center;
  padding: 4px;
}

.fs-p-footerCopyright__text {
  margin: 0;
  font-size: 1.2rem;
}

.fs-p-banner--registration {
  background: #E60033;
}






/* お問い合わせフォーム */
.contact_box{
    padding: 8px 19px;
    margin: 2em 0;
    color: #000000;
    background: #f9f2f4;
    border-top: solid 5px #E60033;
    border-bottom: solid 5px #E60033;
	text-align:left;
}

.contact_txt{
    font-size: 120%;
	color: #E60033;
	text-align:left;
}

.contact_box p {
    margin: 0; 
    padding: 0;
}

#contact #contents {
	width: 766px;
}

#contact #contents .catalog_demo{
	margin-left: 24px;
	margin-bottom: 25px;
}

#contact #contents .shopcontact{
	padding: 2px;
	width: 712px;
	border: 2px solid #CCC;
	margin-left: 24px;
	margin-bottom: 25px;
}

#contact #contents .shopcontact table{
	margin: 0;
	width: 100%;
	border-collapse: separate;
	border: solid #EEE;
	border-width: 15px 0 0 0;
}
/* IE6 Only */
* html #contact #contents .shopcontact table {
	border-collapse: collapse;
}
/* IE7 Only */
*:first-child + html #contact #contents .shopcontact table {
	border-collapse: collapse;
}

#contact #contents .shopcontact table tr {
}

#contact #contents .shopcontact table tr td {
	border: solid #EEE;
	border-width: 0 0 12px 0;
	line-height: 1.335;
	text-align: left;
	background-color: #EEE;
}

#contact #contents .shopcontact table tr td h3{
	margin: 0 0 0 12px;
}	

#contact #contents .shopcontact table tr td p{
	margin: 0 0 0 12px;
	line-height: 1.5em;
}	

#contact #contents .shopcontact table tr td.text{
	margin: 0 0 0 12px;
	line-height: 1.5em;
	background-color: #f7f7f7;
	padding-left: 12px;
}	

#contact #contents .shopcontact table tr.last td {
	border-width: 0 0 15px 0;
}

#contact #contents #contactPoint{
	margin-left: 20px;
}

#contact #contents #contactPoint h3{
}

#contact #contents #contactPoint p.contText{
	line-height: 1.5em;
	text-indent: 1em;
}
#contact #contents #contactPoint h4{
	margin-top: 25px;
}
#contact #contents #contactPoint #basic-table{
	
}
#contact #contents #contactPoint #basic-table table{
	border: solid 1px #CCC;
	width: 720px;
}

#contact #contents #contactPoint #basic-table table tr td.head{
	background-color: #f6f6f6;
	border-bottom: solid 1px #CCC;
	padding: 10px;
	vertical-align: middle;
}

#contact #contents #contactPoint #basic-table table tr td.head span.attention{
    background: url(https://trainshop.itembox.design/item/index/_images/contact/hissu.gif?t=20250310170126) no-repeat;
    text-indent: -9999px;
    display: block;
}

#contact #contents #contactPoint #basic-table table tr td.data{
	border-bottom: solid 1px #CCC;
	padding: 10px;
	vertical-align: middle;
}

#contact #contents #contactPoint #button{
	text-align: center;
	margin-top: 30px;
}

#contact #contents form{
	margin-left: 12px;
}

#contact #contents form h1{
    background: url(https://trainshop.itembox.design/item/index/_images/contact/kakunin.gif?t=20250310170126) no-repeat;
    text-indent: -9999px;
    width: 730px;
    height: 30px;
}

#contact #contents form #error{
	color: #ff3366;
}

#contact #contents form #formmailer_button{
	text-align: center;
	margin-top: 20px;
}

#contact #contents form #formmailer_contents table#formmailer_table1{
	margin:10px 0 10px 12px;
}

#contact #contents form #formmailer_contents table#formmailer_table1 tr td{
	font-size: 12px;
}

#contact #contents form #formmailer_contents #basic-table table#formmailer_table2{
	margin: 0;
	width: 730px;
	border-collapse: separate;
	border: solid #dddddd 1px;
}

#contact #contents form #formmailer_contents #basic-table table#formmailer_table2 tr td.head{
	background-color: #f6f6f6;
	border-bottom: solid 1px #CCC;
	padding: 10px;
	vertical-align: middle;
	width: 25%;
}

#contact #contents form #formmailer_contents #basic-table table#formmailer_table2 tr td.data{
	border-bottom: solid 1px #CCC;
	padding: 10px;
	vertical-align: middle;
}


#contents p.infoDetail {
	padding: 25px 30px;
	border: 2px solid #CCC;
}
#contents p.infoDetail span {
	font-size: 115.9%;
	font-weight: bold;
	color: #D31277;
}

/* お問い合わせフォーム */



/*アコーディオン全体*/
.qa_menu {
  width: 100%;
  padding: 10px 10px 20px;
}
.qa_menu input {
  display: none; 
}

.qa_menu label {
  cursor :pointer;
  display: block;
  text-decoration: none;
  color: #000;
  line-height: 1;
  position: relative;
  margin: 0 0 10px;
  padding: 10px;
  background-color: #f5f5f5;
}

.qa_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1px;
}
.qa_menu li {
  height: 0;
  overflow-y: hidden;
  transition: padding-bottom 0.5s, padding-top 0.5s; 
  -webkit-transition: padding-bottom 0.5s, padding-top 0.5s
  -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
  -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
  -o-transition: padding-bottom 0.5s, padding-top 0.5s;
}
#qa_menu_bar01:checked ~ #links01 li,
#qa_menu_bar02:checked ~ #links02 li,
#qa_menu_bar03:checked ~ #links03 li,
#qa_menu_bar04:checked ~ #links04 li,
#qa_menu_bar05:checked ~ #links05 li,
#qa_menu_bar06:checked ~ #links06 li,
#qa_menu_bar07:checked ~ #links07 li,
#qa_menu_bar08:checked ~ #links08 li,
#qa_menu_bar09:checked ~ #links09 li,
#qa_menu_bar10:checked ~ #links10 li,
#qa_menu_bar11:checked ~ #links11 li,
#qa_menu_bar12:checked ~ #links12 li,
#qa_menu_bar13:checked ~ #links13 li,
#qa_menu_bar14:checked ~ #links14 li,
#qa_menu_bar15:checked ~ #links15 li,
#qa_menu_bar16:checked ~ #links16 li,
#qa_menu_bar17:checked ~ #links17 li,
#qa_menu_bar18:checked ~ #links18 li,
#qa_menu_bar19:checked ~ #links19 li,
#qa_menu_bar20:checked ~ #links20 li,
#qa_menu_bar21:checked ~ #links21 li {
  height: auto; 
  opacity: 1;
  background: #FFF;
  padding: 10px;
}

#qa_menu_bar01:checked ~ #links01 li:last-child,
#qa_menu_bar02:checked ~ #links02 li:last-child,
#qa_menu_bar03:checked ~ #links03 li:last-child,
#qa_menu_bar04:checked ~ #links04 li:last-child,
#qa_menu_bar05:checked ~ #links05 li:last-child,
#qa_menu_bar06:checked ~ #links06 li:last-child,
#qa_menu_bar07:checked ~ #links07 li:last-child,
#qa_menu_bar08:checked ~ #links08 li:last-child,
#qa_menu_bar09:checked ~ #links09 li:last-child,
#qa_menu_bar10:checked ~ #links10 li:last-child,
#qa_menu_bar11:checked ~ #links11 li:last-child,
#qa_menu_bar12:checked ~ #links12 li:last-child,
#qa_menu_bar13:checked ~ #links13 li:last-child,
#qa_menu_bar14:checked ~ #links14 li:last-child,
#qa_menu_bar15:checked ~ #links15 li:last-child,
#qa_menu_bar16:checked ~ #links16 li:last-child,
#qa_menu_bar17:checked ~ #links17 li:last-child,
#qa_menu_bar18:checked ~ #links18 li:last-child,
#qa_menu_bar19:checked ~ #links19 li:last-child,
#qa_menu_bar20:checked ~ #links20 li:last-child,
#qa_menu_bar21:checked ~ #links21 li:last-child {
  margin-bottom: 20px;
}

.qa_menu label:after{
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-top: #000 2px solid;
  border-right: #000 2px solid;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position:absolute;
  right: 2%;
  top: 0;
  bottom: 15%;
  margin: auto;
}

.qa_menu input[type=checkbox]:checked + label:after{
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-top: #fff 2px solid;
  border-right: #fff 2px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position:absolute;
  right: 2%;
  top: 7%;
  bottom: 0;
  margin: auto;
}

/*アコーディオン上部タイトル*/
.qa_box {
    padding: 0.5em 1em;
    margin: 10px 0 10px 0;
    color: #000000;
    background: #f1e8ea;
    border-left: solid 10px #d4154d;
}
.qa_box p {
    margin: 0; 
    padding: 0;
}

.fs-c-documentArticle .fs-c-documentArticle__content .attention {
	color: #cc0000;
	font-weight:bold;}


/*TOPページカテゴリ用*/

.arrow_Category li{
    list-style: none;
	padding: 0 0 0 30px;
}

.arrow_Category_main{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 18px;
}

.arrow_Category_main::before,
.arrow_Category_main::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.arrow_Category_sub{
    position: relative;
    display: inline-block;
    padding: 0 0 0 35px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}
.arrow_Category_sub::before,
.arrow_Category_sub::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.Category_main::before{
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.Category_sub::before{
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	margin: 8px 0 0 20px;
}

/*商品詳細ページ サイズとカラー*/
.variation {
		margin: 0 0 30px;
	}
.variation#colorVariation {}
.variation#sizeVariation {}
.variation .titleUnit {
		margin: 0 0 10px;
		padding: 5px 8px 5px 5px;
		border: 1px solid #CCC;
		border-top: 7px solid #333333;
		zoom: 1;
	}
.variation .titleUnit:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
	}
	
.variation .titleUnit h3 {
		float: left;
		padding: 3px 0 3px 8px;
		border-left: 3px solid #CC0066;
	}
	
.variation .titleUnit select {
		float: right;
		margin: 4px 0 0;
		width: 170px;
	}
	
.variation ul {
		zoom: 1;
	}
.variation ul:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
	}
	
.variation ul li {
		float: left;
		display: inline;
		margin: 0 0 7px 7px;
	}
	
.variation ul li a {
		display: block;
		padding: 2px;
		border: 1px solid #E2DEDD;
line-height:0;
	}
	
.variation ul li a:hover,
.variation ul li a.selected {
		position: relative;
		margin: -1px;
		border: 2px solid #FF3366;
	}
	
.variation p.sizeChart {
		margin: 7px;
	}

select {
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
}



a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background:none!important;
transition: 0.6s ;
}

/*230824追記 子グループ表示数 非表示*/
.fs-c-subgroupList{
  display: none;
}

.fs-c-listControl{
  display: none;
}

.fs-p-logo__image {
width: 170px;
height: 81px;
}

/*240130追記 商品ページ送料表記*/
.detail_Shipping {
  width: 100%;
  height: 60px;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #f9e2e5;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.06em;
  margin-top:20px;
  margin-bottom:20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media screen and (max-width: 768px) {
.detail_Shipping {
    margin: 0 auto;
  }
}

/*250310追記 カートボタン位置を上に*/
.fs-p-scrollingCartButton {
  position: fixed;
  right: 0;
  bottom: 22%;
  z-index: 100;
}