@charset "utf-8";
* {
margin: 0;
padding: 0;
}

body {
color: #333333;
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 72.5%;
line-height: 150%;
position: relative;
word-break: break-all;
}

h4 {
margin:0px;
}


select {
border: solid 1px #ccc;
}

.img-mode-disab {
ime-mode: disabled;
}

/* anchor */
a:link {
color: #d51f5c;
text-decoration: none;
}

a:visited {
color: #d51f5c;
}

a:hover {
color: #e6799d;
text-decoration: underline;
}

del {
	text-decoration: none;
}
/* font */
.main-wrap {
font-size: 14px;
}

.price {
color: #333333;
font-weight: bold;
font-size: 135%; letter-spacing: 0px;
}

.mini {
font-size: 90%;
}

.title {
	font-weight: bold;
}
.title.bordered {
	border-bottom: solid 1px #DEDEDE;
	padding-bottom: 10px;
}
h1.title {
	font-size: 24px;
}
h2.title {
	font-size: 16px;
}
h3.title {
	font-size: 14px;
}

.emphasis {
	font-weight: bold;
}

.text-red {
	color: #d51f1f;
}

.text-underline {
	text-decoration: underline;
}

.text-muted, .muted {
	color: #787878;
}

.block p {
 margin-top: 10px;
 line-height: 1.5;
}
.block p:first-child {
 margin-top: 0;
}

.default-section {
 margin-top: 40px;
}

.relative {
position: relative;
}

/* Form */
.error-field-message {
 color: #d51f1f;
}

/*table */

table  {
border-top: 1px solid #DEDEDE;
border-left: 1px solid #DEDEDE;
border-collapse: collapse;
margin: 15px auto 0 auto;
text-align: left;
}
table th {
background-color: #fafafa;
border-right: 1px solid #DEDEDE;
border-bottom: 1px solid #DEDEDE;
font-weight: normal;
padding: 8px;
text-align: center;
}
table td {
border: 1px solid #DEDEDE;
padding: 8px;
}

.cb{
clear:both;
}

.d-table {
 display: table !important;
}

/********* layout **********/

.wrap,
.wrapper{
margin: 0 auto;
width: 1170px;
}

.wrapper {
margin-bottom: 40px;
}

.wrapper::after,
.main-wrap::after,
.main-wrap2::after{
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.content{
float: right;
width: 920px;
}
.main-wrap .content{
 float: none;
 width: 100%;
}

.side-bar {
float: left;
width: 195px;
}

.side-ttl_text {
width: 195px;
font-size: 16px;
font-weight: 700;
padding-bottom: 10px;
border-bottom: solid 1px #dedede;
margin: 40px 0 15px 0;
}

/*
.side-ttl_textlbbx{
width:196px;
margin-bottom: -6px;
margin-right:12px;
padding:12px 0px 16px 35px ;
position: relative;
background-image:url("/user_data/packages/default/images/mypage/walls.png") ;
background-repeat: no-repeat;
background-position:0px 0px;
font-size:1.1em;
text-shadow: 0px 0px 3px #000000;
color:#FFFFFF;
}

.side-ttl_textlbbx_mem{
width:196px;
margin-bottom: 0px;
margin-right:12px;
padding:12px 0px 10px 35px ;
position: relative;
background-image:url("/user_data/packages/default/images/mypage/walls.png") ;
background-repeat: no-repeat;
background-position:0px 0px;
font-size:1.1em;
text-shadow: 0px 0px 3px #000000;
color:#FFFFFF;
}
*/


.content-ttl {
position: relative;
font-size: 1.4em;
font-weight: bold;
margin-bottom: 20px;
padding: 10px 0;
border-bottom: solid 1px #dedede;
border-top: solid 1px #dedede;
}
.withd-content-ttl{
 margin: -20px 0 !important;
}


.content-ttl_text{
 position: relative;
 font-size: .9em;
 /*border-top: solid 3px #d51f5c;
 border-bottom: solid 1px #dedede;
 padding: 8px 15px;*/

}
 .content-ttl_text em{
 font-size: 1.8em;
 font-weight: bold;
 color: #d51f5c;
 padding-right: 20px;
}

/*
.content-ttl_text2 {
width:935px;
margin-bottom: -6px;
padding:12px 11px 15px 35px ;
position: relative;
background-image:url(/user_data/packages/default/images/mypage/walls.png) ;
background-repeat: no-repeat;
background-position:0px 0px;
font-size:1.3em;
text-shadow: 0px 0px 3px #000000;
color:#FFFFFF;
}
*/

/********** bread crumb **********/

.bread-crumb {
margin-bottom: 30px;
}

.bread-crumb ul::after{
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.bread-crumb li {
float: left;
}

.bread-crumb li::before{
content: ">";
margin: 0 5px
}

.bread-crumb li:first-child::before {
content: "";
margin: 0;
}

/* 商品一覧 お気に入りボタン */
.fav-button {
 display: inline-block;
 font: normal normal normal 14px/1 FontAwesome;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 font-size: 1.5em;
 cursor: pointer;
}
@keyframes fav-hover {
 100% { font-size: 1.5em; }
}
@keyframes fav-color-on {
 0% { color: #ccc; }
 100% { color: #d51f5c; }
}
@keyframes fav-color-off {
 0% { color: #d51f5c; }
 100% { color: #ccc; }
}
.fav-button:hover {
 transition: .25s;
 transform: scale(1.25);
}
.fav-button:after {
 content: "\f004";
 animation: fav-color-off .1s;
 color: #ccc;
}
.fav-button.favorite:after {
 animation: fav-color-on .1s;
 color: #d51f5c;
}

/********** pagination **********/

.pagination {
margin-top: 20px;
border: solid 1px #DEDEDE;
padding: 10px;
text-align: center;
}

.pagination ul {
display: inline-block
}

.pagination ul::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.pagination ul li {
float: left;
margin-left: 15px;
}
.pagination ul li.current span{
 font-weight: bold;
}
.pagination ul li.prev::before{
 content: '<';
}
.pagination ul li.next::after{
 content: '>';
}

.pagination ul li.pagination-fix {
margin: 0 10px;
}

.pagination ul li.pagination-fix:first-child {
margin: 0;
}

.pagination ul li a {
color:#333;
text-decoration: none;
}

.pagination ul li a:hover {
text-decoration: underline;
}
/********** header **********/

header{
 margin-bottom: 30px;
}

.header-copy{
 background: #eee;
 height: 30px;
 position: relative;
}
 .header-copy p{
 position: absolute;
 left: 30px;
 line-height: 30px;
 }
 .header-copy ul{
 position: absolute;
 right: 30px;
 }
  .header-copy li{
   display: inline-block;
   margin-left: 30px;
   line-height: 30px;
   background: #fff;
  }
   .header-copy li a{
    display: block;
    background: #d51f5c;
    color: #fff;
    padding: 0 20px;
   }
    .header-copy li a:hover{
     background: rgba(213,31,92,.7);
     text-decoration: none;
    }
.header-in{
 padding: 20px 30px;
}
.header-in::after{
 clear: both;
 content: "";
 display: block;
 height: 0;
 visibility: hidden;
}

.header-in .main-logo {
 float: left;
}

.header-search{
 float: left;
 margin: 15px 0 0 50px;
}
.header-search p{
 float: left;
}
.header-search p::after{
 clear: both;
 content: "";
 display: block;
 height: 0;
 visibility: hidden;
}
.header-search p input[type="text"],
.header-search p select{
 height: 26px;
 border: solid 1px #DEDEDE;
 border-right: none;
 padding: 0 5px;
 line-height: 26px;
}
.header-search p input[type="text"]{
 width: 220px;
}

.header-navi{
 float: right;
 margin-top: 8px;
}
.header-navi ul::after{
 clear: both;
 content: "";
 display: block;
 height: 0;
 visibility: hidden;
}
.header-navi ul li {
 display: block;
 float: left;
 margin-left: 15px;
}
.header-navi ul li.navi-menu{
 margin: 12px 0 0 30px;
}
.header-navi ul li a:hover{
 opacity: .6;
}

.header-category{
 padding: 0 30px;
 border-bottom: solid 5px #d51f5c;
}
.header-category ul.category-menu{
 width: 1170px;
 height: 36px;
 margin: 0 auto;
 display: table;
 table-layout: fixed;
 position: relative;
 z-index: 99999;
}
.header-category ul.category-menu > li{
 height: 36px;
 display: table-cell;
 text-align: center;
}
.header-category ul.category-menu > li > a{
 display: block;
 width: 100%;
 text-decoration: none;
 font-size: 14px;
 color: #333;
 line-height: 36px;
 height: 36px;
 border-right: solid 1px #DEDEDE;
 position: relative;
}
.header-category ul.category-menu > li:first-child > a{
 border-left: solid 1px #DEDEDE;
}
.header-category ul.category-menu > li:hover{
 background: #d51f5c;
 -webkit-transition: all .5s;
    transition: all .5s;
}
.header-category ul.category-menu > li:hover > a{
 color: #fff;
}

.category-menu .second-level{
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
	position: absolute;
    top: 36px;
	left: 1px;
    width: 1168px;
    background: #d51f5c;
	color: #fff;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
	padding: 20px;
	height: 0px;
	overflow: hidden;
}
li:hover .second-level{
    top: 36px;
    visibility: visible;
    opacity: 1;
	height: auto;
}
.category-menu .second-level a{
 color: #fff;
}
.second-level dl{
 display: table;
 width: 100%;
 padding: 15px 0;
 border-bottom: dotted 1px #fff;
}
.second-level dl:last-child{
 border: none;
}
.second-level dt,
.second-level dd{
 display: table-cell;
 vertical-align: top;
 text-align: left;
}
.second-level dt{
 width: 205px;
 font-size: 14px;
 font-weight: 700;
}
.second-level dt:before{
 content: '【';
 margin-right: 5px;
}
.second-level dt:after{
 content: '】';
 margin-left: 5px;
}
.second-level dd li{
 display: block;
 float: left;
 margin-left: 5px;
 line-height: 1.8;
}
.second-level dd li:after{
 content: '｜';
 margin-left: 5px;
}
.second-level dd li:last-child:after{
 content: none;
}
.second-level {
 font-size: 14px;
}





/*
.present-point {
border: 1px solid #e7637a;
margin: 0 auto 10px;
padding: 25px 10px 10px 10px;
text-align: center;
width: 100%;
background-image:url(/user_data/packages/default/images/common/wallitems.png)
}

.present-point p {
font-size:1.5em;
font-weight:700;
color:#e7637a;
}

.present-point .ls {
font-size:2.8em;
color:#a13044;
}
*/

/********** FV **********/

.fv-wrap {
margin-bottom: 30px;
}

.fv-wrap::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.top-hr {
border: 3px solid #d3d3d3;
margin-bottom: 30px;
}

/* silider */

.top-silide {
width: 100%;
}

/* loguin area */

.login-area {
float: right;
width: 195px;
}

.login-area-in {
 border: solid 1px #DEDEDE;
	border-top: none;
	margin-left: 6px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	width: 190px;
}

.login-area-in p.mini {
margin: 0;
padding: 0;
}

.login-area-in input {
padding: 5px;
width: 100%;
}

.login-area-in input.pass-check {
width: 10px;
}

.login-area-in .pass-check+span {
margin: 5px 0 0 5px;
}

.login-area-in span {
display: inline-block;
font-size: 11px;
margin: 10px 0 5px;
}

.login-area-in p {
padding-top: 15px;
}

.login-area-in .btn {
text-align: center;
outline: none;
}

.login-area-in .btn:hover {
opacity: .6;
}

.login-area-sec {
border: solid 1px #DEDEDE;
border-top: none;
margin-left: 6px;
padding-top: 5px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 5px;
width: 214px;
margin-bottom: 15px;
}

.login-area-sec p.mini {
margin: 0;
padding: 0;
}

.login-area-sec input {
padding: 5px;
width: 100%;
}

.login-area-sec input.pass-check {
width: 10px;
}

.login-area-sec .pass-check+span {
margin: 5px 0 0 5px;
}

.login-area-sec span {
display: inline-block;
font-size: 11px;
margin: 10px 0 5px;
}

.login-area-sec p {
padding-top: 15px;
}

.login-area-sec .btn {
text-align: center;
outline: none;
}

.login-area-sec .btn:hover {
opacity: .6;
}


.login-area-img {
margin-left: 6px;
text-align: center;
width: 188px;
}

/* main navi */

.main-navi {
margin: 0 auto 50px;
}

.main-navi ul li {
float: left;
margin-left: calc(75px / 4);
position: relative;
width: 219px;
}

.main-navi ul li:first-child {
margin-left: 0;
}

.main-navi ul li span{
 display: block;
 margin-top: 8px;
}

.main-navi ul::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.main-navi a{
 color: #333;
}
.main-navi a:hover {
opacity: .6;
}

/********* main **********/

.content {
font-size: 14px;
line-height: 1.5;
}

.content-in {
width: 920px;
}
.main-wrap .content-in{
 width: 100%;
}

.top-news-content-wrap {
 margin-top: 40px;
}

.more-btn{
 display: block;
 position: absolute;
 right: 0;
 top: 50%;
 margin-top: -5px;
}
.more-btn a{
 background: url(/user_data/packages/default/images/common/listmark.png) no-repeat left 1px;
 padding-left: 20px;
 font-weight: normal;
    display: block;
}
.more-btn a:hover{
 opacity: .6;
}

.top-news-content{
 margin-top: 10px;
 background: #f7f7f7;
 padding: 10px;
}
.top-news-content ul{
 background: #fff;
 padding: 0 15px;
}
.top-news-content li{
 border-bottom: dotted 1px #DEDEDE;
 padding: 15px 0;
 font-size: .9em;
}
.top-news-content li:last-child{
 border-bottom: none;
}
.top-news-content dt{
 width: 160px;
 float: left;
 clear: left;
}
.top-news-content dd{
 display: block;
 margin-left: 160px;
}
.top-news-content dd span{
 display: block;
 font-weight: bold;
 font-size: 1.1em;
}

/* ----- 動画一覧 ----- */

.top-new-video-content-wrap {
 margin-top: 40px;
}
.top-new-video-content-wrap .video-item-list {
 display: flex;
 flex-wrap: wrap;
}
.top-new-video-content-wrap .video-item {
 width: 270px;
 margin-top: 20px;
}
.top-new-video-content-wrap .video-item:not(:nth-child(4n+1)) {
 margin-left: 30px;
}
.top-new-video-content-wrap .video-item a {
 display: inline-block;
}
.top-new-video-content-wrap .video-item a:hover {
 text-decoration: none;
 opacity: .6;
}

.top-new-video-content-wrap .video-item-video-thumbnail {
 max-width: 100%;
 vertical-align: bottom;
}

.top-new-video-content-wrap .video-item-info {
 display: flex;
 margin-top: 10px;
}

.top-new-video-content-wrap .video-item-channel-thumbnail {
 max-width: 40px;
 max-height: 40px;
 margin-right: 5px;
 border-radius: 50%;
}

.top-new-video-content-wrap .video-item-title {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 overflow: hidden;
}

/* ----- アイテム特集一覧 ----- */

.top-new-feature-content-wrap {
 margin-top: 40px;
}

.top-new-feature-content-wrap .feature-item-list {
 display: flex;
 flex-wrap: wrap;
}

.top-new-feature-content-wrap .feature-item {
 width: 570px;
 margin-top: 20px;
}

.top-new-feature-content-wrap .feature-item:not(:nth-child(2n+1)) {
 margin-left: 30px;
}

.top-new-feature-content-wrap .feature-item a {
 display: inline-block;
}

.top-new-feature-content-wrap .feature-item a:hover {
 text-decoration: none;
 opacity: .6;
}

.top-new-feature-content-wrap .feature-item-feature-thumbnail {
 max-width: 100%;
 vertical-align: bottom;
}

.top-new-feature-content-wrap .feature-item-info {
 display: flex;
 justify-content: space-between;
 margin-top: 10px;
}

.top-new-feature-content-wrap .feature-item-title {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 overflow: hidden;
}

.top-new-feature-content-wrap .feature-item-supplier-name {
 font-size: .8em;
 color: #666;
 white-space: nowrap;
}

/* サプライヤー一覧 */
.top-sup-content-wrap{
 margin-top: 40px;
}
 .top-sup-content-wrap .shop-list{
  margin-top: -5px;
 }
 .top-sup-content-wrap .shop-list::after{
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
 }
  .top-sup-content-wrap .shop-list li{
   width: 575px;
   float: left;
   margin-top: 20px;
   border: solid 1px #dedede;
   padding: 15px;
   font-size: .9em
  }
  .top-sup-content-wrap .shop-list li:nth-child(2n+1){
   margin-right: 20px;
  }
  .top-sup-content-wrap .shop-list li a{
   color: #333;
  }
  .top-sup-content-wrap .shop-list li a:hover img,
  .top-sup-content-wrap .shop-list li a:hover dd{
   opacity: .6;
  }
  .top-sup-content-wrap .shop-list li a:hover{
   text-decoration: none;
  }
   .top-sup-content-wrap .shop-list dl{
   }
    .top-sup-content-wrap .shop-list dt{
     width: 250px;
     float: left;
     clear: left;
    }
    .top-sup-content-wrap .shop-list dd{
     margin-left: 270px;
     padding-top: 5px;
    }
     .top-sup-content-wrap .shop-list dd span{
      display: block;
      font-size: 1.2em;
      font-weight: bold;
      margin-bottom: 10px;
     }

/* e-buyerとは */
.top-sup-content-wrap .eb-explanation-area {
 border: solid 1px #bdbdbd;
 padding: 20px 35px;
 margin-top: 10px;
 background-color: #f7f7f76e;
}



.pageselect-area {
border-bottom: solid 1px #DEDEDE;
padding-bottom: 10px;
margin-top: 20px;
}

.pageselect-area-in {

}
.pageselect-area-in::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.pagenumber {
float: left;
}

.pageselect {
float: right;
width: 450px;
	display: flex;
	flex-direction: row-reverse;
}
.pageselect > * {
}

.pageselect::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.select-default {
	position: relative;
}
.select-default select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: inherit;
	border-radius: 0;
	border: solid 1px #ccc;
	box-sizing: border-box;
	color: inherit;
	font-size: inherit;
	margin: 0 0 0 0;
	/*vertical-align: middle;*/
	width: 100%;
	padding: 7px 10px;
	line-height: 1;
	position: relative;
	z-index: 1;
}

.select-default::after {
	background: url("/user_data/packages/default/images/side/sidebar-select-down.png") center no-repeat;
	/*bottom: 0;*/
	content: "";
	/*display: block;*/
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 30px;
	z-index: 0;
}

.pageselect-cat {
width: 150px;
}

.pageselect-num {
margin-right: 10px;
width: 20%;
}

.pageselect-display{
 margin-left: 10px;
}
.pageselect-display button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	appearance: none;

	padding: 5px;
}
.pageselect-display button:hover {
	background: #ddd;
}
.pageselect-display button.display-select {
	background: #ddd;
	cursor: initial;
}
.pageselect-display li {
	display: inline-block;
}

.pageselect-num-txt {
float: right;
}

.top-section-hr {
border-bottom: solid 1px #DEDEDE;
}

.item-wrap-in {
	/*margin-top: -20px;*/
}

.item-wrap-in::after,
.top-item-wrap-in::after{
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}
.top-item-wrap article,
.item-wrap article{
	width: 210px;
	float: left;
	margin: 30px 0 0 30px;
}
.top-item-wrap article:nth-child(5n+1),
.item-wrap article:nth-child(5n+1){
	margin-left: 0;
}
.top-item-wrap figure,
.item-wrap figure{
	text-align: center;
}
.item-wrap figure a:hover,
.top-item-wrap figure a:hover{
	opacity: .6;
}

.item-ttl h2,
.item-ttl h3{
}

.item-ttl {
margin: 10px 0 5px 0;
}
.top-item-ttl{
 margin: 10px 0 5px 0;
}

.top-item-sup a{
 font-size: .8em;
 color: #333;
}



.item-ttl-class {
position:absolutre;
padding:10px;
width:400px;
background-color:#FFFFFF;
border: medium solid #808080;
z-index: 5;

}

.item-ttl-discr {
position:absolutre;
padding:10px;
width:400px;
background-color:#FFFFFF;
border: medium solid #a07a7e;
z-index: 5;

}

.ttl-classselect-box{
background-color:#E1E1E1;
padding:10px;
}

.ttl-discrselect-box{
background-color:#FADCDE;
padding:10px;
}

.item-ttl::after{
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.new-item-label {
position:absolute;
top:0px;
z-index: 0;
width:60px;
}

.item-price-area::after{
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.price-ttl {
float: left;
font-size: .9em;
font-weight: bold;
margin-top: .3em;
}

.price-ttl span {
font-size: .8em;
}

.price-act {
float: right;
font-size: 1.2em;
font-weight: bold;
}
.price-nomemeber{
	text-align: center;
}
.price-nomemeber a{
	font-weight: bold !important;
	font-size: 0.9em;
}

.point-ttl {
float: left;
font-size: 0.8em;
}

.point-ttl span{
font-weight:600;
}

.point-act {
margin-top:6px;
float: right;
font-size: 0.8em;
}

.item-cart-btn {
position: relative;
display: block;
text-align: center;
z-index: 2;
}

.item-cart-btn:hover {
opacity: .6;
}

.item-cart-btn_hovs{
display: block;
text-align: center;
}

.item-cart-btn_hovs:hover {
opacity: .6;
}


.item-cart-btn-discr {
position: relative;
display: block;
text-align: center;
z-index: 5;

}

.item-cart-btn-discr:hover {
position: relative;
text-decoration: none;
}


.item-cart-btn-discr .hovitems{
display: none;
position: absolute;
top: -12px;
left: -100px;
box-shadow:0px 0px 6px 3px #bdacad;
-moz-box-shadow:0px 0px 6px 3px #bdacad;
-webkit-box-shadow:0px 0px 6px 3px #bdacad;
z-index: 5;

}

.item-cart-btn-discr .hovitems p{
margin-top:10px;
margin-bottom: 20px;
font-size: 0.8em;
}

.item-cart-btn-discr:hover .hovitems{
position: absolute;
border: none;
display: block;
width: 400px;
z-index: 5;

}

.item-cart-btn-class {
position: relative;
display: block;
text-align: center;
z-index: 5;
}

.item-cart-btn-class:hover {
position: relative;
text-decoration: none;
z-index: 5;
}


.item-cart-btn-class .hovitems{
display: none;
position: absolute;
top: -12px;
left: -100px;
box-shadow:0px 0px 6px 3px #c4c4c4;
-moz-box-shadow:0px 0px 6px 3px #c4c4c4;
-webkit-box-shadow:0px 0px 6px 3px #c4c4c4;
z-index: 5;

}

.item-cart-btn-class .hovitems p{
margin-top:10px;
margin-bottom: 20px;
font-size: 0.8em;
}

.item-cart-btn-class:hover .hovitems{
position: absolute;
border: none;
display: block;
width: 400px;
z-index: 5;

}

.products-item{
position: relative;
margin-bottom: 50px;
float:left;
width:100%;
}


/*.products-item-productdetail {
position: relative;
width:100%;
margin-left: -35px;
}*/
.products-item-productdetail .top-item-sup{
	margin-top: 5px;
}

.products-list-text{
	font-size:0.85em;
	margin: 10px 0 0 0;
}

.search-res-box{}
.search-res-box::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}
.search-res-box li{
	float: left;
	margin-right: 10px;
	border: solid 1px #d51f5c;
	padding: 8px 15px;
	font-size: 13px;
	border-radius: 14.5px;
	line-height: 1;
}
.search-res-box li span::after{
	content: '：';
}

.item-hr {
height: 0;
padding-top: 10px;
border: 0;
border-top: 1px solid #DEDEDE;
margin-top: auto;
margin-right: auto;
margin-left: auto;
margin-bottom: auto;
width: 100%;
}

.item-wrap-in .products-item .relative a {
display: table-cell;
width:204px;
height: 204px;
vertical-align: middle;
}
.top-item-wrap-in .top-products-item .relative a,
.products-item-productdetail .relative a{
	display: table-cell;
	width: 210px;
	height: 210px;
	vertical-align: middle;
}
.item-wrap-in .products-item .relative a img {
	max-width: 204px;
	max-height: 204px;
}

.detail-img-main img,
.products-item-productdetail figure img {
 max-width: 100%;
 max-height: 100%;
}

.top-products-item figure img {
 max-width: 100%;
 max-height: 100%;
}

/* detail */

.detail-ttl {
font-size: 2em;
font-weight: bold;
margin-bottom: 40px;
}
.detail-ttl time {
 display: block;
 font-size: 12px;
 font-weight: normal;
 margin-top: 10px;
 color: #999;
}

.detail-ttltext{
font-size: 2em;
font-weight: bold;
margin-bottom: 40px;
}

.detail-in-ttl {
border-width: 1px 0;
font-size: 1.8em;
margin-bottom: 10px;
padding: 15px 10px;
}

.detail-in-ttl span {
color: #ccc;
display: block;
font-size: 0.9em;
margin-bottom: 10px;
}

.detail-in-ttl-line {
border-bottom: solid 1px #DEDEDE;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 20px;
padding-bottom: 10px;
}

.detail-cover {
margin-bottom: 20px;
}

/* mypage adress */

.mypage-ttl {
padding-left: 30px;
position: relative;
}

.mypage-ttl::before{
content: url("/user_data/packages/default/images/adress/mypage-icon.png");
display: block;
height: 25px;
position: absolute;
left: 10px;
margin-right: 20px;
top: 10px;
width: 14px;
}

.adress-form{
 margin-top: 20px;
}
.adress-form-in {
}

.adress-form-in input,
.adress-form-in select {
padding: 10px 5px;
}


.adress-form-in select:hover {
cursor: pointer;
}

.adress-form-in dl {
border-bottom: solid 1px #DEDEDE;
padding: 20px 0;
}

.adress-form-in dl:first-child {
border-top: solid 1px #DEDEDE;
}

.adress-form-in dl::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.adress-form-in dl dt {
float: left;
padding: 10px;
position: relative;
width: 30%;
font-weight: bold;
}

.adress-form-in .productsname {
padding: 10px 0 10px;
}

.forgetpwd-form-in {
margin-left: 8px;
}

.forgetpwd-form-in input,
.forgetpwd-form-in select {
padding: 10px 5px;
}


.forgetpwd-form-in select:hover {
cursor: pointer;
}

.forgetpwd-form-in dl {
padding: 20px 0;
}

.forgetpwd-form-in dl:first-child {
border-top: none;
}

.forgetpwd-form-in dl::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.forgetpwd-form-in dl dt {
float: left;
padding: 10px;
position: relative;
width: 30%;
}

.pwdwrite{
width:100%;
text-align:center;
}

.nodata_s{
margin:50px;
display:block;
text-align:center;
}

.nodata_m{
margin:50px;
display:block;
text-align:center;
}

.req-label {
height: 28px;
position: absolute;
right: 0;
top: 8px;
width: 55px;
}

.small-input {
 width: 10%;
}

.adress-form-in dl dd {
float: right;
min-height: 40px;
padding: 0 10px;
width: 68%;
}

.name-box input {
width: 40%;
}

.name-box input:first-child {
margin-right: 20px;
}

.post-num-area {
margin-bottom: 10px;
}

.post-num-area::after,
.post-search-area::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.post-num-area-in,
.post-search-area-in {
float: left;
margin-right: 20px;
width: 220px;
}

.post-num-area-in input {
width: 48%;
}

.post-num-area-in input:first-child {
width: 30%;
}

.comment-box{
margin-bottom:120px;
}

.url-num-area,
.title-num-area,
.comment-boxnum-area {
margin-bottom: 0px;
}

.url-num-area::after,
.title-num-area::after,
.comment-num-area::after{
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.url-num-area-in,
.title-num-area-in,
.comment-num-area-in{
float: left;
margin-right: 20px;
width: 220px;
}

.url-num-area-in input:first-child,
.title-num-area-in input:first-child,
.comment-num-area-in input:first-child {
width: 550px;
}


.comment-num-area-in textarea:first-child {
width: 550px;
}

.adress-form p {
float: left;
height: 40px;
line-height: 40px;
}

.form-hyphen {
display: inline-block;
margin: 0 10px;
}

.form-unit {
	display: inline-block;
	margin-left: 10px;
}

.post-search-area img:hover {
opacity: .6;
}

.street-area div {
margin-top: 20px;
}

.street-area div:first-child {
margin: 0;
}

.street-area-select {
position: relative;
width: 40%;
}

.street-area-select::after {
background: url("/user_data/packages/default/images/side/sidebar-select-down.png") center no-repeat;
bottom: 0;
content: "";
display: block;
position: absolute;
right: 0;
top: 0;
pointer-events: none;
width: 11px;
}

.street-area-select select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background: none transparent;
border-radius: 0;
border: solid 1px #ccc;
box-sizing: content-box;
color: inherit;
font-size: inherit;
margin: 0;
vertical-align: middle;
width:100%;
}

.street-area input{
width: 80%;
}

.pwdhint-area div {
margin-top: 10px;
}

.pwdhint-area div:first-child {
margin: 0;
}

.pwdhint-area-select {
position: relative;
width: 40%;
}

.pwdhint-area-select::after {
background: url("/user_data/packages/default/images/side/sidebar-select-down.png") center no-repeat;
bottom: 0;
content: "";
display: block;
position: absolute;
right: 0;
top: 0;
pointer-events: none;
width: 11px;
}

.pwdhint-area-select select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background: none transparent;
border-radius: 0;
border: solid 1px #ccc;
box-sizing: content-box;
color: inherit;
font-size: inherit;
margin: 0;
vertical-align: middle;
width:100%;
}

.pwdhint-area input{
width: 80%;
}

.pwdhint-area-select-in {
margin-top:20px;
}

.street-area-txt {
display: block;
margin-top: 10px;
}
.treet-area-txt {
display: block;
margin-top: 10px;
}

.tell-area input {
width: 15%;
}

.mail-pass-area-in {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.mail-pass-area div:first-child {
margin-bottom: 20px;
}

.mail-pass-area-confir {
float: left;
margin-right: 20px;
width: 60%;
}

.mail-pass-area input {
width: 60%;
}

.mail-pass-area-confir input {
width: 100%;
}

.gender-area input {
margin-right: 10px;
}

.gender-area::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.gender-area-in {
float: left;
height: 40px;
line-height: 40px;
}

.gender-area-in:first-child {
margin-right: 20px;
}

.birth-area::after,
.birth-area-year::after,
.birth-area-month::after,
.birth-area-day::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.birth-area span {
display: block;
height: 40px;
line-height: 40px;
padding: 10px 0;
}

.birth-area-year,
.birth-area-month,
.birth-area-day {
float: left;
}

.birth-area-year,
.birth-area-month {
margin-right: 20px;
}

.birth-area-year {
width: 30%;
}

.birth-area-month {
width: 30%;
}

.birth-area-day {
width: 30%;
}

.birth-area-year-in,
.birth-area-month-in,
.birth-area-day-in {
float: left;
padding: 10px 5px;
position: relative;
margin-right: 10px;
width: 85%;
}

.birth-area-year-in::after,
.birth-area-month-in::after,
.birth-area-day-in::after {
background: url("/user_data/packages/default/images/side/sidebar-select-down.png") center no-repeat;
bottom: 0;
content: "";
display: block;
position: absolute;
right: 0;
top: 0;
pointer-events: none;
width: 11px;
}

.birth-area-year-in select,
.birth-area-month-in select,
.birth-area-day-in select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background: none transparent;
border-radius: 0;
border: solid 1px #ccc;
box-sizing: content-box;
color: inherit;
font-size: inherit;
margin: 0;
vertical-align: middle;
width: 100%;
}

.mailmaga-area div {
margin-top: 10px;
}

.mailmaga-area div:first-child{
margin: 0;
}

.mailmaga-area input {
margin-right: 5px;
}

.radio-area .radio-item{
 margin-top: 10px;
}
.radio-item input[type="radio"] {
 margin-right: 5px;
}
.radio-area .radio-item:first-child {
 margin-top: 0;
}

/*.regist-btn input {
background: url(/user_data/packages/default/images/common/regist-btn.png) left top no-repeat;
border: 0px;
height: 50px;
width: 372px;
}*/

.regist-btn {
margin: 50px 0 50px;
padding: 20px 0;
text-align: center;
background: #f7f7f7;
width: 100%;
}

.regist-btn input:hover,
.regist-btn a:hover{
opacity: .6;
}

.search-btn input {
background: url(/user_data/packages/default/images/common/search-btn.png) left top no-repeat;
border: 0px;
height: 100px;
width: 412px;
}

.search-btn {
margin: 70px 0 100px;
text-align: center;
}

.search-btn input:hover {
opacity: .6;
}

.conf-btn input {
background: url(/user_data/packages/default/images/common/item_confirmation-btn.png) left top no-repeat;
border: 0px;
height: 100px;
width: 412px;
}

.conf-btn {
margin: 70px 0 100px;
text-align: center;
}

.conf-btn input:hover {
opacity: .6;
}

.maypage-member-info {
border: 1px solid #dedede;
margin-bottom: 20px;
}

.maypage-member-info-in {
padding: 20px;
}

.member-rank-wrap {
position: relative;
text-align: center;
}

.member-rank-wrap p
{
}

.member-rank-wrap span {
display: block;
font-size: 1.4em;
margin-top: 10px;
}


.member-rank-data {
padding-top: 20px;
text-align:center;
border-top:thin #7E7E7E solid;
}

.member-rank-data dl:first-child{
margin-bottom: 10px;
}

.member-rank-data dl dt {
margin-bottom: 5px;
}

.member-rank dd,
.member-point dd span {
color: #e87d02;
}

.member-point dd span {
font-size: 1.2em;
font-weight: bold;
}

.detail-side nav.member-side {
}

.detail-side nav.member-side ul li a {
background-color: #5a5a5a;
}

.mypage-recommend-area{
 margin: 20px 0 30px 0;
}

.mypage-recommend-area .thumbnail {
 max-width: 90px;
 max-height: 90px;
}

.mypage-recommend-area table {
width: 100%;
}

.mypage-recommend-area table th {
padding: 10px 15px;
}

.mypage-recommend-area table td {
padding: 15px 15px;
text-align: center;
}
.mypage-recommend-area table td li:nth-child(2){
 margin-top: 10px;
}
.mypage-recommend-area table td li a{
 display: block;
 line-height: 32px;
 text-align: center;
 color: #fff;
 transition: all .1s;;
}
.mypage-recommend-area table td li a:hover{
 text-decoration: none;
}
.mypage-recommend-area table td li:first-child a{
 background: #d51f1f;
}
.mypage-recommend-area table td li:nth-child(2) a{
 background: #5a5a5a;
}
.mypage-recommend-area table td li:first-child a:hover{
 opacity: .5;
}
.mypage-recommend-area table td li:nth-child(2) a:hover{
 opacity: .5;
}

.mypage-recommend-areaex table {
font-size: 0.9em;
margin:-18px 0 40px 0;
width: 100%;
}

.mypage-recommend-areaex table th {
padding: 15px 8px;
}

.mypage-recommend-areaex table td {
padding: 15px 8px;
text-align: center;
}

.cat-lists {
width:100%;
margin:10px 0 5px 0;
padding:5px;
background-color:#F1F1F1;
}

.cat-lists dd{
margin-left:10px;
}

.cat-lists-texts {
font-size:0.85em;
margin-left:10px;
}


.mypage-num {
width: 15%;
}

.mypage-date {
width: 20%;
}

.mypage-shop {
width: 20%;
}

.mypage-payment {
width: 15%;
}

.mypage-money {
width: 15%;
}

.mypage-more {
width: 15%;
}

.periodic-status {
width: 11%;
}

.periodic-num {
width: 11%;
}

.periodic-date {
width: 13%;
}

.periodic-count {
width: 16%;
}

.periodic-interval {
width: 9%;
}

.periodic-payment {
width: 19%;
}

.periodic-money {
width: 10%;
}

.periodic-more {
width: 11%;
}

.mypage-more-btn {
margin: 0 auto;
width: 90%;
}

.mypage-more-btn a {
color: #fff;
display: block;
height: 100%;
padding: 5px 0;
text-decoration: none;
width: 100%;
background: #d51f5c;
}

.mypage-more-btn a:hover {
background: rgba(213,31,92,.6);
}

.order-actions {
 display: flex;
 justify-content: flex-end;
}

.order-actions li {
 margin-left: 20px;
}

.order-actions .button.button-skeleton {
 padding: 10px 20px;
}

/* cart */

.cart-wrap {
}
.cart-wrap .attention {
 margin: 20px 0;
}
.cart-wrap2 {
width: 935px;
margin: 0 auto 100px;
}

.cart-wrap h3,
.adress-form h3 {
 font-size: 1.2em;
 font-weight: bold;
 margin-top: 60px;
}

.cart-txt {
 margin-top: 30px;
line-height: 1.5;
}

.cart-txt2 {
line-height: 1.5;
margin-bottom: 10px;
}

.cart-txt3 {
height:30px;
margin: 0 0 0 15px;
padding-left:25px;
padding-top:4px;
background-image:url("/user_data/packages/default/images/common/h3_ttl_base2.png") ;
background-repeat: no-repeat;
font-size:1.15em;
text-shadow: 0px 0px 3px #C9C9C9;
text-color:#3d3d3d;
}

.cart-txthis {
 font-size: 1.2em;
 font-weight: bold;
 margin-top: 30px;
}

.cart-txt::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.cart-txt dt {
color: #d51f1f;
float: left;
font-weight: bold;
margin-right: 10px;
}

.cart-txt dd {
float: left;
}

.cart-txt dd span{
color: #d51f1f;
}

.cart-content {
width: 100%;
margin-bottom: 30px;
}

.cart-content th,
.cart-content td{
 padding: 10px 15px !important;
 line-height: 1.5;
}

.cart-content.adjusted {
 width: 100%;
 margin-bottom: 20px;
 table-layout: fixed;
}
.cart-content.adjusted thead th:nth-child(1) {
 width: 150px;
}
.cart-content.adjusted thead th:nth-child(2) {
 width: 200px;
}
.cart-content.adjusted thead th:nth-child(4) {
 width: 150px;
}
.cart-content.adjusted thead th:nth-child(5) {
 width: 150px;
}
.cart-content.adjusted thead th:nth-child(6) {
 width: 200px;
}
.cart-content.adjusted .free-shipping-for {
 margin-top: 5px;
 font-size: .8em;
}
.cart-content.adjusted .free-shipping-for .free-shipping-price {
 font-size: 1.4em;
}
.cart-content.adjusted .free-shipping-for em {
 font-size: 1.3em;
 color: #d51f5c;
}

.cart-delete {
width: 10%;
}

.cart-contentex {
width: 100%;
}
.cart-contentex th,
.cart-contentex td{
 padding: 10px 15px !important;
 line-height: 1.5;
}

.cart-contenthis {
width: 100%;
margin-top: -1px;
}

.rsd {
margin:10px 0 10px 5px;
}
.text-center {
 text-align: center;
}
.text-right, .price-cell{
 text-align: right;
}

.cart-img {
width: 15%;
}

.cart-name {
width: 30%;
}

.cart-unit-price {
width: 18%;
}

.cart-count {
width: 12%;
}

.cart-price-notax {
width: 15%;
}

.cart-delete-area,
.cart-img-area,
.cart-count-area,
.add-delete-area,
.add-img-area,
.add-price-area,
.add-count-area {
text-align: center;
}
.cart-img-area img{
 max-width: 120px;
 max-height: 120px;
}

.cart-item-area {
font-weight: bold;
}

.quantity_level{
 margin-top: 10px;
 text-align: center;
}
.quantity_level li{
 display: inline-block;
}

.cart-quantity-up, .cart-quantity-down, a.cart-quantity-up, a.cart-quantity-down {
 font-size: .75em;
 color: #fff;
 font-weight: bold;
 background: #787878;
 border-radius: 3px;
 padding: 5px;
}
.cart-quantity-up:hover, .cart-quantity-down:hover {
 text-decoration: none;
}
.cart-quantity-up span, .cart-quantity-down span {
 font-size: 1.3em;
 margin-right: .2em;
}

.cart-deli_select-area,
.cart-deli_sdtype-area {
text-align: center;
}

.cart-deli_refine-area {
text-align: center;
/*background: url("/user_data/packages/default/images/cart/ediwall.png") center no-repeat;*/
}

.cart-deli_refine-area img {
/*margin: 5px;*/
}

.cart-deli_refine-area ul{
 text-align: center;
}
.cart-deli_refine-area li{
 display: inline-block;
 padding: 0 15px;
}
.cart-deli_refine-area li:first-child{
 border-right: solid 1px #dedede;
}
.cart-deli_refine-area a:hover {
opacity: .6;
}

.cart-deli_shopopentime-area {
text-align: center;
}

.cart-deli_shopopentime-area img {
margin:5px;
}

.cart-deli_shopopentime-area a:hover {
opacity: .6;
}

.cart-deli_shopmaps-area {
text-align: center;
}

.cart-deli_shopmaps-area img {
margin:5px;
}

.cart-deli_shopmaps-area a:hover {
opacity: .6;
}

.addex {
text-align:right;
margin-bottom:25px;
}

.addex a:hover {
opacity: .6;
}

.cart-deli_adress-area {
}


.quantity-level {
margin: 2px auto 0;
width: 40px;
}

.quantity-level::after{
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.quantity-level li {
float: left;
width: 15px;
}

.quantity-level li:first-child{
margin-right: 10px;
}

.quantity-level li a:hover{
opacity: .6;
}

.cart-btn-caut {
text-align: center;
margin-bottom: 30px;
}

.cart-btn-area {
background: #f7f7f7;
width: 100%;
}
.withd_textarea .cart-btn-area{
 margin-bottom: 30px;
}

.cart-btn-area-in {
margin: 0 auto;
width: 774px;
padding: 20px 0;
}

.cart-btn-area-in::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.cart-btn-area a,
.cart-btn-area input{
display: block;
float: left;
}
.cart-btn-area a:first-child,
.withd_textarea .cart-btn-area input{
 margin-right: 30px;
}

.cart-btn-area a:hover,
.cart-btn-area input:hover{
opacity: .6;
}

.cart-btn-area_shop {
padding-top:10px;
background: #f5f5f5;
width: 100%;
}

.cart-btn-area_shop-in {
padding: 10px 20px;
}
.cart-btn-area_shop-in a:hover{
opacity: .6;
}

.cart-btn-area_shop-in .textarea {
width: 412px;
padding:22px 0 19px 0;
float:left;
}

.cart-btn-area_shop-in .textarea_date {
width: 100%;
}
.cart-btn-area_shop-in .textarea_dateex {
padding-bottom: 5px;
}

.cart-btn-area_shop-in .textarea_dateex p {
line-height:150%;
}

.cart-btn-area_shop hr {
height: 0;
padding: 0;
border: 0;
border-top: 2px solid #DEDEDE;
}

.cart-btn-area_shop_btn {
padding-top:10px;
background: #dedede;
width: 100%;
}

.message-box {
 margin: 30px 0;
 border: 1px solid #eee;
 padding: 30px 0;
}
.em-text {
 font-size: 18px;
}
.additional-text {
}
.additional-text .em-text {
 margin: 0 5px;
}

.message-box > p {
 margin-top: 20px;
}
.message-box > p:first-child {
 margin-top: 0;
}
.message-box .additional-text {
 padding-left: 200px;
}
.message-box .em-text {
 text-align: center;
 line-height: 1.5;
}

/* R2 */


.sns-area,
.item-act-area,
.item-contact-area {
}

.item-price-num-area{
border-top: 1px solid #eee;
padding-top: 20px;
 margin-top: 20px;
}

.item-detail-in::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.item-detail-basic,
.item-detail-content {
 float: right;
 width: 620px;
}

.nocarttext{
width:100%;
margin:100px 0 100px;
font-size:1.5em;
line-height:1.25em;
text-align:center;
}

.nocarttext span{
font-size:3em;
line-height:2em;
text-align:center;
color:#6F6F6F;
}

.thankstext{
margin:50px 0 20px;
font-size: 1.25em;
line-height:1.5;
}
.thankstext2{
 line-height: 1.5;
}

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

.lavel-area ul {
margin: 5px 0 0 -2px;
}
.lavel-area ul::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}
.lavel-area ul li {
float: left;
margin-right: 2px;
}

.item-data {
 font-size: .9em;
}

.item-data > dl > div {
 display: flex;
}

.item-data > dl dt {
 width: 80px;
}

.item-data > dl dt:after {
 content: "：";
}

.item-data > dl > div,
.item-data .item-shop-link {
 margin-top: 5px;
}

.item-data .item-shop-link {
 display: inline-block;
}

.item-price-area {
 border-top: 1px solid #eee;
 margin-top: 20px;
 padding-top: 20px;
}

.item-price-tax {
display: table-cell;
}

.item-price-tax span {
font-size: 1.6em;
font-weight: bold;
}

.item-price-notax {
display: table-cell;
font-size: .9em;
vertical-align: bottom;
 padding-left: 1em;
 line-height: 2;
}

.item-price-num {
margin-bottom: 10px;
}

.item-price-num::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.item-stock-area {
 margin-bottom: 15px;
}

.item-stock-area span {
 font-size: 1.25em;
 font-weight: bold;
 margin: 0 .25em;
}

.item-lot-note {
 font-size: .9em;
}
.item-lot-note span {
 font-size: 1.5em;
 margin: 0 .5em;
}
.item-price-num-txt {
font-size: .9em;
/*font-weight: bold;*/
}

.item-price-num-txt2 {
margin-top:20px;
font-size: .9em;
padding-top:10px;
border-top:thin solid #DEDEDE
}

.item-price-num-in {
float: left;
padding: 10px 5px;
position: relative;
margin-right: 10px;
width: 60px;
}

.item-price-num-in::after {
background: url("/user_data/packages/default/images/side/sidebar-select-down.png") center no-repeat;
bottom: 0;
content: "";
display: block;
position: absolute;
right: 0;
top: 0;
pointer-events: none;
width: 11px;
}

.item-price-num-in select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background: none transparent;
border-radius: 0;
border: solid 1px #ccc;
box-sizing: content-box;
color: inherit;
font-size: inherit;
margin: 0;
padding: 5px;
vertical-align: middle;
width: 100%;
}

.item-price-num span {
display: block;
float: left;
height: 40px;
line-height: 40px;
padding: 5px 0;
}

.item-class-num {
margin: 10px 0px 0px 0px;

}

.item-class-num::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}



.item-price-nu-txt {
font-size: .9em;
padding-top:10px;
border-top:thin solid #DEDEDE
}

.item-class-num-in {
float: left;
padding: 10px 15px 10px 10px;
position: relative;
margin-right: 60px;
}

.item-class-num-in::after {
background: url("/user_data/packages/default/images/side/sidebar-select-down.png") center no-repeat;
bottom: 0;
content: "";
display: block;
position: absolute;
right: 0;
top: 0;
pointer-events: none;
width: 11px;
}

.item-class-num-in select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background:#FFFFFF;
border-radius: 0;
border: solid 1px #ccc;
box-sizing: content-box;
color: inherit;
font-size: inherit;
margin: 0;
padding: 5px 15px 5px 5px;
vertical-align: middle;
width: 100%;
}

.item-class-num-in_r {
float: left;
padding: 10px 15px 10px 10px;
position: relative;
margin-right: 60px;
}

.item-class-num-in_r::after {
background: url("/user_data/packages/default/images/side/sidebar-select-down.png") center no-repeat;
bottom: 0;
content: "";
display: block;
position: absolute;
right: 0;
top: 0;
pointer-events: none;
width: 11px;
}

.item-class-num-in_r select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background:#FFE8E8;
border-radius: 0;
border: solid 1px #ccc;
box-sizing: content-box;
color: inherit;
font-size: inherit;
margin: 0;
padding: 5px 15px 5px 5px;
vertical-align: middle;
width: 100%;
}

.item-class-num span {
display: block;
float: left;
height: 40px;
line-height: 40px;
padding: 5px 0;
}

.item-price-btn-area {
background: #f7f7f7;
padding: 20px;
}

.item-price-btn-area-in {
margin: 0 auto;
width: 372px;
height:50px;
}


.item-price-cartbtn input {
background: url(/user_data/packages/default/images/common/cart-btn.png) left top no-repeat;
border: 0px;
height: 50px;
width: 372px;
}

.item-price-stockbtn input {
background: url(/user_data/packages/default/images/common/stock-btn.png) left top no-repeat;
border: 0px;
height: 50px;
width: 372px;
}

.item-price-setbtn input {
background: url(/user_data/packages/default/images/common/set_cart.png) left top no-repeat;
border: 0px;
height: 50px;
width: 372px;
}

.item-price-cartbtn input:hover,
.item-price-stockbtn input:hover {
cursor: pointer;
opacity: .6;
}

.trade-request{
 border-top: 1px solid #eee;
 margin-top: 20px;
 padding-top: 20px;
}
.trade-request a{
 display: block;
 padding: 20px;
 background: #f7f7f7;
 text-align: center;
}
.trade-request a:hover img{
 opacity: .6;
}

.sns-area::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.sns-area div {
float: left;
height: 20px;
margin-left: 5px;
}

.sns-area div:first-child {
margin: 0;
}

.item-act-area{
 margin-top: 20px;
}
.item-act-area-wrap::after,
.item-act-area-in::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}
.item-act-area .attention {
 display: inline-block;
 margin: 10px 0 0 0;
}

.item-contact-area {
 margin-top: 20px;
 padding-top: 10px;
 border-top: 1px solid #eee;
}

.item-contact-area::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.item-contact-area a {
color: #333;
display: block;
float: right;
padding-left: 20px;
position: relative;
text-decoration: underline;
}

.item-contact-area a:first-child {
margin-left: 10px;
}

.item-contact-area a:hover {
text-decoration: none;
}

.item-contact-btn::before {
content: url("/user_data/packages/default/images/detail/icon_mail.png");
display: block;
height: 12px;
position: absolute;
left: 0;
top: 4px;
width: 16px;
margin-right: 2px;
}

.item-maker-link::before {
content: url("/user_data/packages/default/images/detail/icon_maker.gif");
display: block;
height: 15px;
position: absolute;
left: 0;
top: 0;
width: 15px;
}

.detail-img-area {
float: left;
width: 500px;
}

.detail-img-main {
border: 1px solid #DEDEDE;
box-sizing: content-box;
width: 500px;
height: 500px;
text-align: center;
position: relative;
}
.detail-img-main a {
display: table-cell;
width: 500px;
height: 500px;
text-align: center;
vertical-align: middle;
}

.img-expansion {
bottom: 10px;
position: absolute;
right: 0;
width: 30%;
z-index: -1;
}

.img-expansion::before {
content: url("/user_data/packages/default/images/detail/expansion-icon.png");
display: block;
height: 13px;
position: absolute;
left: 0;
top: 0;
width: 13px;
}

/*.detail-img-area img {
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 100%;
}*/

.detail-img-thumbnail {
width: 100%;
}
.detail-img-thumbnail ul {
margin-top: 10px;
}
.detail-img-thumbnail ul::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}
.detail-img-thumbnail ul li {
border: 1px solid #DEDEDE;
box-sizing: content-box;
float: left;
width: 92px;
height: 92px;
margin-left: 10px;
}
.detail-img-thumbnail ul li:first-child{
 margin-left: 0;
}
.detail-img-thumbnail ul li a{
display: table-cell;
width: 92px;
height: 92px;
text-align: center;
vertical-align: middle;
}
.detail-img-thumbnail ul li:hover {
cursor: pointer;
opacity: .6;
}
.detail-img-thumbnail ul li img{
max-width: 92px;
max-height: 92px;
}

.detail-content {
width: 100%;
margin-top: 40px;
}
.detail-content h2{
 font-weight: bold;
 font-size: 1.2em;
}

.detail-content-in {
margin-top: -10px;
}

.detail-content-in section {
margin-top: 80px;
}

.detail-content-in section:first-child {
margin: 0;
}

.detail-content-in p{
line-height: 1.8;
margin-top: 20px;
}

.detail-content-in hr{
height: 0;
padding-top: 10px;
border: 0;
border-top: 1px solid #DEDEDE;
margin-top: 0;
margin-bottom: 15px;
width: 100%;
}

.detail-content-caut {
font-size: .8em;
}

.item-wrap.detail-ver {
border: solid 1px #DEDEDE;
padding-bottom: 30px;
width: 935px;
}

.detail-content-in article {
margin-top: 20px;
}

.detail-content-in article:first-child {
margin: 0;
}

.detail-review-ttl {
border-bottom: 1px solid #dedede;
color: #4d4d4d;
padding: 0 0 5px 20px;
position: relative;
}

.detail-review-ttl::before {
content: url("/user_data/packages/default/images/detail/review-icon.png");
display: block;
height: 14px;
position: absolute;
left: 0px;
top: 1px;
width: 15px;
}

.detail-review-ttl time {
display: inline-block;
margin-right: 10px;
}

.detail-review-ttl span {
display: inline-block;
margin-left: 10px;
}

.detail-review-ttl span i {
color: #cc6600;
}

.detail-review-txt {
border-bottom: 1px solid #dedede;
padding: 10px;
}

.detail-review-txt p {
margin-bottom: 0;
}

.set-products {
 display: flex;
 flex-wrap: wrap;
}
.set-product {
 width: 50%;
 margin-top: 30px;
 display: flex;
 flex-wrap: wrap;
}
.main-product-item,
.set-product-item {
 width: 25%;
}
.set-product-divider {
 width: 10%;
 display: flex;
 justify-content: center;
 padding-top: 65px;
}
.set-product-action {
 width: 35%;
 padding: 45px 0 0 20px;
}
.set-product-item-detail {
 margin-top: 10px;
 font-size: .8em;
}
.set-product-item-price-block {
 margin-top: 5px;
}
.set-product-item-price > span {
 font-size: 1.2em;
}
.set-product-item img {
 max-height: 150px;
 max-width: 100%;
}
.set-product-total-price-wrapper {
 margin-bottom: 10px;
}
.set-product-total-price {
 font-size: 1.2em;
}
.set-product-total-price-label {
 font-size: .8em;
}
.add-set-products-button,
a.add-set-products-button {
 background-color: #8DB841;
 border: none;
 cursor: pointer;
 outline: none;
 padding: 10px;
 appearance: none;
 color: #fff;
 line-height: 1.25;
 font-weight: bold;
 text-decoration: none;
}
.add-set-products-button.approve {
 background-color: #E27A27;
}
.add-set-products-button:hover {
 opacity: .5;
}
.set-product-action-note {
 font-size: .8em;
 margin-bottom: 15px;
}

.class-boxes {
width:412px;
background-color:#000000;
}

.ext-title {
height:40px;
margin: 0 0 0 -10px;
padding-left:25px;
padding-top:4px;
padding-bottom:10px;

background-image:url("/user_data/packages/default/images/common/h3_ttl_base2.png") ;
background-repeat: no-repeat;
background-position: 0px 5px;

font-size:1.3em;
text-shadow: 0px 0px 3px #C9C9C9;
text-color:#3d3d3d;
}



/*login*/


.login-remi{
padding: 30px 0 30px 25%;
margin-bottom: 30px;
border-bottom: dotted 1px #dedede;
}

.login-remi .checkbox {
float:left;
width:25px;
height:18px;
margin-top:0px;
}

.login-remi .checkbox,
.login-remi .checkbox-items {
  position: relative;
  vertical-align: middle;
}

.login-remi .checkbox,
.login-remi .checkbox-icon:before {
  content: "f372";
  font-family: "Ionicons";
  color: #ccc;
  font-size: 22px;
}
.login-remi .checkbox:checked,
.login-remi .checkbox-icon:before {
  content: "\f374";
  color: #17bcdf;
}


.login-detail-hr {
height: 0;
padding: 0;
border: 0;
border-top: 2px solid #DEDEDE;
margin: 30px auto;
width: 70%;
}

.login-detail-wrap {
position: relative;
}

.login-detail-wrap::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.login-detail-wrap section{
background:  #fff;
border: 5px solid #DEDEDE;
padding: 30px;
}


.login-detail-in-left {
float: left;
width: 56%
}

.login-detail-in-right {
float: right;
width: 42%;
position: absolute;
top: 0%;
left:58%;
roght:0%;
bottom: 0%;
}

.login-detail-in-content {
}
.login-detail-in-content p{
line-height: 1.5;
}

.login-detail-form {
margin-top: 40px;
}

.login-detail-form dl dt {
float: left;
clear: left;
width: 25%;
line-height: 40px;
font-weight: bold;
}

.login-detail-form dl dd {
min-height: 40px;
width: 75%;
margin-left: 25%;
}

.login-detail-form input {
padding: 10px 5px;
width: 100%;
}

.login-detail-form dl:first-child {
margin-bottom: 20px;
}

.login-detail-btn {
margin-top: 30px;
text-align: center;
background: #f7f7f7;
padding: 20px;
}

.login-detail-btn input:hover {
opacity: .6;
}

.kiyaku-detail-wrap {
position: relative;
margin: 30px 0;
height: 100%;
}

.kiyaku-detail-wrap::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.kiyaku-detail-wrap section{
background:  #fff;
border: 5px solid #DEDEDE;
padding: 20px 10px;
}

.kiyaku-detail-wrap textarea {
width:100%;
height:100%;
border: 5px solid #DEDEDE;
position: relative;
padding: 30px 30px 0 30px;
line-height: 150%;

}

/********* sidebar **********/

.side-bar {
width: 195px;
}

.side-bar-in {
margin-bottom: 60px;
}

.side-bar-in section {
}
.side-bar-in section:first-child h2.side-ttl_text{
	margin-top: 0 !important;
}

.category-area,
.cart-area {

}

.search-area {
}

.side-in-ttl {
margin-bottom: 10px;
font-weight: bold;
}
.select {
margin-bottom: 20px;
position: relative;
width: 195px;
}
.select::after {
background: url("/user_data/packages/default/images/side/sidebar-select-down.png") center no-repeat;
bottom: 0;
content: "";
display: block;
position: absolute;
right: 5px;
top: 0;
pointer-events: none;
width: 11px;
}

.select select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background-color:#fff;
border-radius: 0;
border: solid 1px #ccc;
box-sizing: content-box;
color: inherit;
font-size: inherit;
margin: 0;
padding: 5px;
vertical-align: middle;
width: 183px;
}

.search-selecta {
margin-bottom: 15px;
width: 180px;
}

.search-selectb {
position: relative;
}

.search-select_date {
margin-bottom: 15px;
position: relative;
width: 180px;
}

.search-selectb::after {
background: url("/user_data/packages/default/images/side/sidebar-select-down.png") center no-repeat;
bottom: 0;
content: "";
display: block;
position: absolute;
right: 0;
top: 0;
pointer-events: none;
width: 11px;
}

.search-selectb select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background-color:#fff;
border-radius: 0;
border: solid 1px #ccc;
box-sizing: content-box;
color: inherit;
font-size: inherit;
margin: 0;
padding: 5px;
vertical-align: middle;
width:100%;
}

.search-name input{
padding: 5px;
width: 195px;
}

.search-price input{
width: 62px;
padding: 5px;
margin-right: 5px;
}
.search-inStock input[type="checkbox"] {
	margin-right: 5px;
}
.search-section {
	margin-top: 20px;
}
.search-section:first-child {
	margin-top: 0;
}

.search-box-btm {
	width: 195px;
	margin-top: 30px;
}


.category-area li span,
.category-area li.category-selected {
	font-weight: bold;
}
.category-area li ul{
	margin: 10px 0 0 1em;
}
.category-area li ul li{
	margin-top: 5px;
}
/*
.category-area a {
color: #333;
display: block;
letter-spacing: 0.05em;
line-height: 1.2em;
text-decoration: none;
}

.category-area a:hover{
background: #ECEFF5;
text-decoration: underline;
}
*/
.cart-area p {
margin-bottom: 5px;
padding: 8px 10px 3px;
}

.cart-area .btn {
text-align: center;
margin-top: 15px;
}
.search-box-btm .btn {
text-align: center;
margin-top: 15px;
}

.search-box-btm a:hover {
opacity: .6;
}

.cart-area a:hover {
opacity: .6;
}

.sidebar-bar-area div {
margin-bottom: 10px;
}

/*item select */
.add-select {
margin-bottom: 0px;
position: relative;
}

.add-select::after {
background: url("/user_data/packages/default/images/side/sidebar-select-down.png") center no-repeat;
bottom: 0;
content: "";
display: block;
position: absolute;
right: 0;
top: 0;
pointer-events: none;
width: 11px;
}

.add-select select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background-color:#fff;
border-radius: 0;
border: solid 1px #ccc;
box-sizing: content-box;
color: inherit;
font-size: inherit;
margin: 0;
padding: 5px;
vertical-align: middle;
width:100%;
}

.item-select {
margin-bottom: 15px;
position: relative;
width: 180px;
}

.item-select_date {
margin-bottom: 15px;
position: relative;
width: 180px;
}

.item-select::after {
background: url("/user_data/packages/default/images/side/sidebar-select-down.png") center no-repeat;
bottom: 0;
content: "";
display: block;
position: absolute;
right: 0;
top: 0;
pointer-events: none;
width: 11px;
}

.item-select select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background-color:#fff;
border-radius: 0;
border: solid 1px #ccc;
box-sizing: content-box;
color: inherit;
font-size: inherit;
margin: 0;
padding: 5px;
vertical-align: middle;
width:100%;
}

.item-input_text input{
margin-bottom: 15px;
padding: 5px;
width: 100%;
}

.item-input_text textarea {
margin-bottom: 10px;
padding: 5px;
width: 1130px;
}
.main-wrap2 .item-input_text textarea {
width: 880px;
}

.item-input_inqtext textarea {
/*margin-bottom: 15px;*/
padding: 5px;
width: 614px;
}

.point_area {
margin-bottom: 15px;
padding: 20px;
width: 824px;
border: medium solid #c0c0c0;

}

.point_area .inner {
text-align:center;
}

.point_area .inner .items{
text-align:left;

width: 624px;
margin-left:120px;
}

.point_area .inner .items hr,
.point_area .inner .items .dotcir {
margin-left:-25px;
}


.point_area .inner span {
font-size: 1.2em;
font-weight: bold;
color:#ce0000;
}

.inner hr {
margin:10px;
border-top: 1px solid #c0c0c0;
}

.price-box-insecond{
}


/* detail */

.detail-side {
width: 195px;
}

.detail-side nav {
/*background: #656565;*/
}

.detail-side nav ul li {
}

.detail-side nav ul li a {
/*background: #656565;*/
display: block;
padding: 20px 15px 20px 40px;
width: 100%;
border-bottom: 1px dotted #fff;
font-weight: bold;
font-size: 14px;
background: url(../images/common/listmark_wg.png) no-repeat 15px center;
}

.detail-side nav ul li a:link,
.detail-side nav ul li a:visited,
.detail-side nav ul li a:hover{
color:#FFF;
text-decoration: none;
}

.detail-side nav ul li a span {
/*display: block;
padding-top:27px;
padding-bottom:25px;
padding-left:40px;
width: 100%;
background-image:url("/user_data/packages/default/images/side/arrows.png") ;
background-repeat: no-repeat;
background-position: 15px 25px;
font-size:1em;
text-shadow: 0px 0px 3px #000000;
text-color:#FFFFFF;*/
}

.detail-side nav ul li a:hover {
background-color: rgba(90,90,90,0.6);
}

/* offers-area */

.offers {
font-size: 14px;
margin-bottom: 60px;
}

.offers-present:first-child {
margin-right: 14px;
}

.offers::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.offers-present {
background: url("/user_data/packages/default/images/side/offers-present-bg.png") right center no-repeat, #eee;
float: left;
height: 398px;
position: relative;
text-align: center;
width: 330px;
}

.offers-present-in {
bottom: 0;
left: 0;
height: 36%;
position: absolute;
margin: auto;
right: 0;
top: 0;
width: 64%;
}

.offers-present-txt span{
display: block;
font-size: 0.8em;
}

.special-present {
background: url("/user_data/packages/default/images/side/special-present-bg.png") right center no-repeat, #eee;
float: left;
height: 398px;
width: 826px;
}

.flag-special {
laft: 0;
position: absolute;
top: 10px;
}

.flag-coupon {
laft: 0;
position: absolute;
top: 35px;
}

/********** footer **********/
.footer-wrap{
	background: #f7f7f7;
	padding: 50px 0;
	border-bottom: solid 3px #d51f5c;
}

.foot-menu{
width: 1170px;
margin: 0 auto;
}
.foot-menu::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}
.foot-menu dl{
	width: calc(100% / 4);
	float: left;
}
.foot-menu dt{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 15px;
}
.foot-menu dd{
	line-height: 2;
}
.foot-menu .e-buyer-qrcode {
	width: 100px;
	height: 100px;
	border: 1px solid #dedede;
}
.foot-menu ul li a{
	color: #333;
}

.copyright{
	text-align: center;
	padding: 20px 0;
	line-height: 40px;
}

.pagetop{
	position: fixed;
	right: 30px;
	bottom: 20px;
}
.pagetop a:hover {
opacity: .6;
}



/* mypage */
.withd_textarea {
width:100%;
margin-top:25px;
}

.coution{
font-weight: 700;
color:#d51f1f;
font-size:1.4em;
text-align: center;
margin-bottom: 20px;
}

.withd_textarea .regist-btn{
	margin-bottom: 30px !important;
}

.coution_cap{
font-weight: 700;
color:#d51f1f;
font-size:0.95em;
}

.mpg-btn input {
background: url(/user_data/packages/default/images/withdrawal/withdrawal-go-btn.png) left top no-repeat;
border: 0px;
height: 100px;
width: 412px;
}

.mpg-btn {
padding: 20px 0 20px;
margin: 30px 0 50px;
text-align: center;
/*border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;*/
background: #f7f7f7;
line-height: 1.5;
}

.mpg-btn .attention{
	font-size: 1.2em;
	margin-bottom: 10px;
}
.mpg-btn p span{
	font-weight: bold;
}

.mpg-btn input:hover,
.mpg-btn a:hover{
opacity: .6;
}

.fgpw-btn input {
background: url(/user_data/packages/default/images/common/gonext-btn.png) left top no-repeat;
border: 0px;
height: 100px;
width: 412px;
}

.fgpw-btn {
padding:0;
margin:60px 0 30px;
text-align: center;
}

.fgpw-btn input:hover {
opacity: .6;
}

.fgpwcl-btn input {
background: url(/user_data/packages/default/images/common/close-btn.png) left top no-repeat;
border: 0px;
height: 100px;
width: 412px;
}

.fgpwcl-btn {
padding:0;
margin:30px 0 30px;
text-align: center;
}

.fgpwcl-btn input:hover {
opacity: .6;
}

.mpg-btn-area {
margin-top: 40px;
text-align: center;
width: 100%;
background-color:#f7f7f7;
padding: 20px 0;
}

.mpg-btn-area-in {
margin: 0 auto;
}

.mpg-btn-area-in::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}

.mpg-btn-area-in a:hover{
	opacity: .6;
}

.nostock{
	border: solid 1px #eee;
	padding: 20px;
	margin-top: 20px;
	text-align: center;
}
.nostock .attention {
	margin-bottom: 0;
}
.nostock-btn{
	margin-top: 15px;
}
.nostock-btn input:hover{
	opacity: .6;
}
.attention{
font-weight: 700;
color: #d51f1f;
margin-bottom: 15px;
}

.attention_red{
font-weight: 700;
color:#d51f1f;
}

/* items */

.mr5 {
margin-right:7px;
}
.mr15 {
padding-right:55px;
}
.wh {
background-color:#fff;
}
.mt5 {
margin-top:7px;
}
.mt15 {
margin-top:15px;
}
.mt25 {
margin-top:25px;
}

.mt50 {
margin-top:50px;
}

.mt75 {
margin-top:75px;
}

.mt100 {
margin-top:100px;
}

.mb25 {
margin-bottom:23px;
}

.mb50 {
margin-bottom:50px;
}

.mb75 {
margin-bottom:75px;
}

.mb100 {
margin-bottom:100px;
}

.pt25 {
padding-top:23px;
}

.pt50 {
padding-top:50px;
}

.pt75 {
padding-top:75px;
}

.pt100 {
padding-top:100px;
}

.pb25 {
padding-bottom:23px;
}

.pb50 {
padding-bottom:50px;
}

.pb75 {
padding-bottom:75px;
}

.pb100 {
padding-bottom:100px;
}

.fl {
float:left;
}

.ml20 {
margin-left:20px;
}

.mr10 {
margin-right:10px;
}

.tbd50{
width:50px;
}

.tbd75{
width:75px;
}

.tbd90{
width:90px;
}

.tbd120{
width:120px;
}

.tbd100{
width:100px;
}

.tbd200{
width:200px;
}

.tbd250{
width:250px;
}

.tbd300{
width:300px;
}

.tbd350{
width:350px;
}

.tbd400{
width:400px;
}


.tbd500{
width:500px;
}

.tbd600{
width:600px;
}

.tbd100p{
width:1005;
}


.boxgroup {
width:100%;
height:100%;
padding:15px;
background-color:#F1F1F1;
margin-top:10px;
margin-bottom:10px;
}

.cbs {
width:400px;
margin-top:-10px;
margin-bottom:-10px;
clear:both;
}

.regist_text_gi {
	margin: 15px 0;
	line-height: 1.5;
}
.regist_contact{
	margin: 30px 0 0 0;
	border-top: solid 1px #ddd;
	padding: 30px 0;
	line-height: 1.5;
}
	.regist_contact span{
		display: block;
		font-weight: bold;
		margin-bottom: 10px;
	}

.memberplate{
	margin-top:-10px;
	width:100%;
}
.twclick_boxes
{
margin-top:0px;
margin-left:40px;
float:right;
font-size:0.8em;
text-decoration:none;
display:block;
text-align:center;
padding:1px 25px 1px;
color:#707070;
background-color:#FFF;
border:1px solid #707070;
border-radius:2px;
}




.search-zero{
	margin: 40px 0 0 0;
}
.search-zero table{
	width: 100%;
}
.search-zero td{
	padding: 30px 0;
}
	.search-zero td span{
		display: block;
		font-size: 1.3em;
		font-weight: bold;
		margin-bottom: 30px;
	}
	.search-zero td dl{
		width: 380px;
		margin: 0 auto;
		text-align: left;
	}
		.search-zero td dt{
			font-weight: bold;
			margin-bottom: 15px;
		}
		.search-zero td dd{}
			.search-zero td dd li{
				list-style: disc inside;
			}



.trade_search{
	background: #f1f1f1;
	padding: 20px;
}
	.trade_search select,
	.trade_search input{
		padding: 2px;
		height: 28px;
		margin: 0 20px 0 5px;
	}
	.trade_search input{
		width: 280px;
	}
	.trade_search button{
		border: none;
		vertical-align: middle;
		cursor: pointer;
	}
	.trade_search button:hover{
		opacity: .6;
	}
.trade_count{
	margin-top: 20px;
}
.trade_sum_request{
	margin-top: 20px;
	border: solid 1px #dedede;
	padding: 10px 20px;
}
.trade_sum_request::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}
	.trade_sum_request p{
		float: left;
		line-height: 40px;
	}
	.trade_sum_request button{
		float: right;
		width: 200px;
		height: 40px;
		border: none;
		background: #d51f5c;
		color: #fff;
		font-weight: bold;
		letter-spacing: 0.1em;
		cursor: pointer;
	}
	.trade_sum_request button:hover{
		opacity: .6;
	}
.trade_list_table{
	width: 100%;
	margin-top: 20px;
	table-layout: fixed;
}
	.trade_list_table thead th:nth-child(1),
	.trade_list_table thead th:nth-child(2),
	.trade_list_table thead th:nth-child(3) {
		width: 20%;
	}
	.trade_list_table td{
		text-align: center;
	}
	.trade_list_table td:nth-child(2){
		/*text-align: left;*/
	}
		.trade_btn a{
			display: block;
			margin: 5px auto 0 auto;
			width: 80px;
			background: #d51f5c;
			color: #fff;
			line-height: 28px;
		}
		.trade_btn a:hover{
			text-decoration: none;
			background: rgba(213,31,92,.6);
		}

.trade_pending_message {
	padding: 8px;
}
.trade_request_message{
	border: dotted 1px #e27a27;
	padding: 15px 20px;
	text-align: center;
	color: #e27a27;
	font-weight: bold;
	margin-bottom: 20px;
}
.trade_request_box{
	text-align: center;
}
	.trade_request_box table{
		width: 100%;
		table-layout: fixed;
	}
	.trade_request_box th:nth-child(1),
	.trade_request_box th:nth-child(2) {
		width: 17.5%;
	}
	.trade_request_box th:nth-child(3) {
		width: 30%;
	}
		.trade_request_box td:nth-child(2){
			text-align: center;
		}
	.trade_request_box p{
		margin: 30px 0;
		text-align: center;
	}
	.trade_request_box button{
		border: none;
		cursor: pointer;
	}
	.trade_request_box button:hover{
		opacity: .6;
	}
	.trade_request_box input,
	.trade_request_box textarea {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		resize: none;
		padding: 0;
		border: 0;
		/*outline: none;*/
		background: transparent;

		width: 100%;
		padding: 8px;
		border: 1px solid #DEDEDE;
		border-radius: 3px;
	}
	.trade_request_box input.estimated_purchase_amount {
		width: 100px;
	}
	.trade_request_box .description {
		margin: 8px 0;
		font-size: .85em;
	}
	.trade_request_box .message-field .text-muted {
		font-size: .8em;
		text-align: right;
		margin-top: 4px;
	}
	.trade_request_box .note {
		text-align: left;
		border: 1px dashed #dedede;
		margin: 20px 0;
		padding: 24px;
	}
	.trade_request_box .required {
		background: #d51f5c;
		color: #fff;
		padding: 3px 5px;
		border-radius: 3px;
		font-size: .9em;
		margin-left: .5em;
	}

.trade_request_error{
	text-align: center;
}
	.trade_request_error p{
		margin: 50px 0 100px 0;
	}
	.trade_request_error button{
		border: none;
		cursor: pointer;
	}
	.trade_request_error button:hover{
		opacity: .6;
	}



/* 商品一覧表示形式変更
------------------------------------------- */
.item-wrap .produce_item_list,
.produce_item_list{
	width: 100%;
	border-bottom: dotted 1px #ddd;
	padding: 15px 0;
	display: table;
	float: none;
	margin: 0;
}
	.produce_item_list figure,
	.produce_item_list div{
		display: table-cell;
		vertical-align: middle;
	}
	.produce_item_list figure{
		width: 120px;
	}
		.produce_item_list figure img{
			max-width: 120px;
			max-height: 120px;
		}
	.produce_item_list div{
		padding: 0 20px;
	}
	.produce_item_list .item_info{
		width: 500px;
	}
		.produce_item_list .item_status li{
			display: inline-block;
		}
		.produce_item_list .item_name{
			font-size: 1.15em;
			font-weight: bold;
		}
		.produce_item_list .item_code{
			margin-top: 20px;
			font-size: 0.85em;
		}
		.produce_item_list .item_sup_name{
			margin-top: 5px;
		}
			.produce_item_list .item_sup_name a{
				font-size: 0.85em;
				color: #333;
			}
	.produce_item_list .item_price{
		font-size: 0.9em;
	}
		.produce_item_list .item_price dd{
			text-align: right;
			font-weight: bold;
			margin-bottom: 10px;
		}
		.produce_item_list .item_price dd:last-child{
			margin-bottom: 0;
		}
			.produce_item_list .item_price dd span{
				font-size: 1.2em;
			}
		.produce_item_list .price_hide{
			margin-top: 10px;
		}
	.produce_item_list .item_cart{
		text-align: center;
		width: 100px;
	}
	.produce_item_list .item_cart .fav-button {
		margin-top: 30px;
	}
	.produce_item_list .item_stock {
		font-size: .9em;
	}
	.produce_item_list .item_stock span {
		font-size: 1.333em;
		margin: 0 .25em;
	}
		.produce_item_list .item_number{
			margin-top: 10px;
		}
		.produce_item_list .item_number input{
			width: 50px;
			padding: 2px;
		}
.all_cart_btn{
	margin-top: 30px;
	text-align: center;
}

/* カラム表示 */
.column-view {
	display: flex;
	flex-wrap: wrap;
}

.column-view .produce_item_list {
	width: 215px;
	display: block;
	position: relative;
	margin-right: 20px;
	border: none;
}
.column-view .produce_item_list:nth-child(4n) {
	margin-right: 0;
}
.column-view .produce_item_list figure, .column-view .produce_item_list div {
	display: block;
}
.column-view .produce_item_list figure {
	width: initial;
}
.column-view .produce_item_list figure a {
	display: flex;
	height: 215px;
	align-items: center;
	justify-content: center;
}
.column-view .produce_item_list figure img {
	max-width: 215px;
	max-height: 215px;
}
.column-view .produce_item_list div {
	padding: 0;
}
.column-view .produce_item_list .item_info {
	width: initial;
	margin-top: 10px;
}
.column-view .produce_item_list .item_status {
	position: absolute;
	top: 20px;
	left: 4px;
}
.column-view .produce_item_list .item_code {
	margin-top: 5px;
}
.column-view .produce_item_list .item_sup_name {
	margin-top: 0;
}
.column-view .produce_item_list .item_status li {
	display: block;
	margin-bottom: 3px;
}
.column-view .produce_item_list .item_price {
	margin-top: 10px;
}
.column-view .produce_item_list .item_price dt {
	float: left;
}
.column-view .produce_item_list .item_price dd {
	margin-bottom: 0;
}
.column-view .produce_item_list .price_hide {
	margin-top: 0;
}
.column-view .produce_item_list .price_hide br {
	display: none;
}
.column-view .produce_item_list .item_cart {
	margin-top: 10px;
	text-align: left;
	position: relative;
	width: auto;
}
.column-view .produce_item_list .item_cart .fav-button {
	margin-top: 0;
	position: absolute;
	top: 0;
	right: 0;
}

	/* ポップアップコンテンツ
    ------------------------------------------- */
.popup_contents{
	padding: 30px !important;
}



/* エラーメッセージ
------------------------------------------- */
.messagearea{
	text-align: center;
	font-size: 14px;
	margin: 50px 0;
}
.tblareabtn{
	background: #f7f7f7;
	padding: 20px 0;
	text-align: center;
	margin-bottom: 100px;
}


/* -- バイヤー登録申請 -- */
.errorTxt{
	border: dotted 1px #d51f1f;
	color: #d51f1f;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	margin-top: 20px;
}

.errorTxt a {
	margin: 0 .5em;
}

/* 企業・店舗情報
------------------------------------------- */

.shop-info-block { /* 企業・店舗情ページ */
}
.shop-info-header { /* 店舗別商品一覧 ヘッダー用 */
	border-bottom: solid 1px #DEDEDE;
	margin-bottom: 20px;
}
.shop-info-title-wrapper {
	position: relative;
}
.shop-info-title {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	padding-bottom: 10px;
}
.shop-info-title > small {
	font-size: .85em;
	margin-left: 1em;
	color: #787878;
}
.shop-info-links {
	display: flex;
	position: absolute;
	top: 0;
	right: 0;
	line-height: 1;
}
.shop-info-links > * {
	margin-left: 20px;
}
.shop-info-content {
	border-top: solid 1px #DEDEDE;
	padding-bottom: 20px;
}
.shop-info-section-title {
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
    position: relative;
}
.shop-info-content > p {
	margin-top: 15px;
}
.shop-info-content > section {
	margin-top: 30px;
}
.section-title {
	font-size: 16px;
	padding: 5px 10px;
	border-left: 5px solid #DEDEDE;
	background: #F9F9F9;
}
.shop-info-content table {
	width: 100%;
	margin: 15px 0 0 0;
	table-layout: fixed;
}
.shop-info-main-image > img {
	display: block;
	margin: 0 auto;
	max-width: 920px;
	max-height: 400px;
}
.recommend-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: 10px;
}
.recommend-items > * {
	font-size: 12px;
	margin-top: 30px;
	margin-right: 30px;
}
.recommend-items > *:nth-child(5n) {
	margin-right: 0;
}
/* 最初の5列のマージンは解除 */
.recommend-items > *:nth-child(-n+5) {
	margin-top: 0;
}
.recommend-items a {
	display: block;
	width: 160px;
}
.recommend-items img {
	width: auto;
	max-width: 100%;
	max-height: 160px;
	display: block;
	margin: 0 auto;
}
.recommend-item-image-wrapper {
	height: 160px;
	display: flex;
	align-items: center;
}
.recommend-item-name {
	display: block;
	margin-top: 5px;
}

/* 汎用ボタン */
.button, a.button {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
img.button {
	padding: 0;
}
.button:hover, a.button:hover {
	text-decoration: none;
	opacity: .75;
}
.button.disabled, a.button.disabled {
	opacity: .5;
	cursor: default;
}
.button.button-black {
	background: #0F0E0E;
	color: #FFF;
}
.button.button-next,
.button.button-back {
	border-radius: 0;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	width: 372px;
	height: 50px;
	line-height: 2;
	position: relative;
}
.button.button-next {
	background: #d51f5c;
	color: #FFF;
}
.button.button-back {
	background: #5a5a5a;
	color: #FFF;
}
.button.button-next:hover,
.button.button-back:hover {
	opacity: 1;
}
.button.button-next:after {
	position: absolute;
	right: 30px;
	top: 18px;
	content: url(../images/common/listmark_wg.png);
}
.button.button-back:after {
	position: absolute;
	left: 30px;
	top: 18px;
	content: url(../images/common/chevron-circle-left.png);
}

.button.button-skeleton {
	font-size: 14px;
	padding: 5px 10px;
	border: solid 1px #DEDEDE;
	background: #fff;
}
.button.button-skeleton.button-pink {
	border: 1px solid #d51f5c;
	color: #d51f5c;
}

.input-same-to-staff {
	margin-left: 20px;
}
/* 会社情報 メニュー */
.section-menu {
	font-size: 14px;
}
.section-menu li {
	margin-top: 10px;
}
.menu-actions {
	margin-top: 20px;
}
.menu-actions li {
	margin-top: 10px;
}
.menu-actions .button {
	display: block;

}



/* ご利用ガイド
----------------------------------------------- */
#guide_intro{}
	#guide_intro p{
		line-height: 1.5;
	}
.guide_box{
	margin-top: 40px;
}
	.guide_box h3{
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.guide_box p{
		line-height: 1.5;
	}
		.guide_box a:hover img{
			opacity: .6;
		}

/*----- バイヤー -----*/
#guide_flow{}
	#guide_flow ol{}
		#guide_flow > ol > li{
			border: solid 1px #DEDEDE;
			padding: 30px;
			position: relative;
			margin-top: 30px;
		}
		#guide_flow > ol > li:after{
			content: '';
			display: block;
			position: absolute;
			bottom: -30px;
			left: calc(50% - 15px);
			width: 0;
			height: 0;
			border-left: 30px solid transparent;
			border-right: 30px solid transparent;
			border-top: 30px solid #d51f5c;
		}
		#guide_flow > ol > li:last-child:after{
			border: none;
		}
			#guide_flow ol li dt{
				font-weight: bold;
				font-size: 18px;
				color: #d51f5c;
			}
			#guide_flow ol li dd{
				margin-top: 15px;
				line-height: 1.5;
			}
				#guide_flow ol li dd p{
					width: 372px;
					margin: 30px auto 0 auto;
				}
				#guide_flow ol li dd ol li{
					margin: 30px 10% 0 10%;
					font-weight: bold;
					font-size: 16px;
					width: 80%;
				}
					#guide_flow ol li dd ol li img{
						margin-top: 10px;
						width: 100%;
					}
#guide_pay{}
	#guide_pay ol{
		margin-top: 10px;
		background: #f7f7f7;
		padding: 10px;
	}
		#guide_pay ol li{
			line-height: 1.5;
			margin-top: 10px;
			padding: 10px 15px;
			background: #fff;
		}
		#guide_pay ol li:first-child{
			margin-top: 0;
		}
			#guide_pay ol li em{
				display: block;
				font-weight: bold;
				font-size: 15px;;
				margin-bottom: 5px;
			}

/*----- サプライヤー -----*/
#guide_about{}

	.g_a_box{
		border: solid 1px #DEDEDE;
		padding: 30px;
		position: relative;
		margin-top: 30px;
	}
		.g_a_box h4{
			font-size: 18px;
			font-weight: bold;
			color: #d51f5c;
			margin-bottom: 20px;
		}
	.guide_price,
	.guide_fee{
		width: 100%;
	}
		.guide_price li,
		.guide_fee li{
			width: 544px;
			float: left;
		}
		.guide_price li:first-child,
		.guide_fee li:first-child{
			margin-right: 20px;
		}
			.guide_price li img,
			.guide_fee li img{
				width: 100%;
			}
	.guide_attention{
		margin-top: 15px;
		line-height: 1.5;
	}
	#guide_about table{
		margin: 0;
		width: 100%;
	}
	.guide_compare{
		table-layout: fixed;
	}
		#guide_about th,
		#guide_about td{
			padding: 20px 30px;
			font-size: 16px;
		}
		#guide_about th{
			font-weight: bold;
		}
		.nocolor,
		.guide_compare tbody th{
			background: #fff;
		}
		#guide_about td{
			text-align: center;
		}
	.btn_regist{
		margin-top: 30px;
		text-align: center;
	}
#guide_faq{}
	#guide_faq dl{}
		#guide_faq dt{
			font-size: 16px;
			font-weight: bold;
			margin-top: 30px;
			padding-left: 1.8em;
			position: relative;
		}
		#guide_faq dt:before{
			content: 'Q';
			position: absolute;
			top: -6px;
			left: 0;
			color: #d51f5c;
			font-size: 22px;
		}
		#guide_faq dd{
			margin-top: 15px;
			line-height: 1.5;
			padding-left: 2em;
			position: relative;
		}
		#guide_faq dd:before{
			content: 'A';
			position: absolute;
			top: -6px;
			left: 0;
			font-weight: bold;
			color: #2084a5;
			font-size: 22px;
		}

/* 動画一覧
----------------------------------------------- */
.video-list-content-wrap {

}
.video-list-content-wrap .video-item-list {
	display: flex;
	flex-wrap: wrap;
}
.video-list-content-wrap .video-item {
	width: 215px;
	margin-top: 20px;
}
.video-list-content-wrap .video-item:not(:nth-child(4n+1)) {
	margin-left: 20px;
}
.video-list-content-wrap .video-item a {
	display: inline-block;
}
.video-list-content-wrap .video-item a:hover {
	text-decoration: none;
	opacity: .6;
}

.video-list-content-wrap .video-item-video-thumbnail {
	max-width: 100%;
	vertical-align: bottom;
}

.video-list-content-wrap .video-item-info {
	display: flex;
	margin-top: 10px;
}

.video-list-content-wrap .video-item-channel-thumbnail {
	max-width: 30px;
	max-height: 30px;
	margin-right: 5px;
	border-radius: 50%;
}

.video-list-content-wrap .video-item-title {
	font-size: 12px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

/*
 サプライヤートップの新着動画の場合のみ、marginを調整する
 先頭4つのマージンを0にする
*/
.shop-info-content .video-item-list {
	margin-top: 10px;
}

.shop-info-content .video-item:nth-child(-n+4) {
	margin-top: 0;
}

/* アイテム特集一覧
----------------------------------------------- */
.feature-list-content-wrap {

}

.feature-list-content-wrap .feature-item-list {
	display: flex;
	flex-wrap: wrap;
}

.feature-list-content-wrap .feature-item {
	width: 450px;
	margin-top: 20px;
}

.feature-list-content-wrap .feature-item:not(:nth-child(2n+1)) {
	margin-left: 20px;
}

.feature-list-content-wrap .feature-item a {
	display: inline-block;
}

.feature-list-content-wrap .feature-item a:hover {
	text-decoration: none;
	opacity: .6;
}

.feature-list-content-wrap .feature-item-feature-thumbnail {
	max-width: 100%;
	vertical-align: bottom;
}

.feature-list-content-wrap .feature-item-info {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}

.feature-list-content-wrap .feature-item-title {
	font-size: 12px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.feature-list-content-wrap .feature-item-supplier-name {
	font-size: .8em;
	color: #666;
	white-space: nowrap;
}

/* 詳細ページ汎用
----------------------------------------------- */
.post-meta {
	margin-top: 10px;
	font-size: 12px;
	color: #555;
}

/* 動画詳細
----------------------------------------------- */
.youtube-iframe-background {
	background-color: #000;
}
.youtube-iframe-wrapper {
	width: 100%;
	max-width: 702px;
	margin: 30px auto 0 auto;
}
/* サイズを可変に設定 */
.youtube-iframe-container {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.youtube-iframe-container > iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.youtube-comment {
	margin-top: 30px;
}

/* アイテム特集詳細
----------------------------------------------- */
.feature-main-banner-container {
	margin-top: 30px;
	text-align: center;
}

.feature-main-banner-container img {
	max-width: 90%;
}

.feature-contents {
	margin-top: 30px;
}

/* 特価案内バナー
----------------------------------------------- */
.special-price-banner {
	display: flex;
	align-items: center;
	background-image: url("../img/common/spring_sale_background.jpg");
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	border-radius: 6px;
	border: 1px solid #e0e0e0;
	padding: 15px 20px;
	text-decoration: none;
	margin-bottom: 20px;
	position: relative;
	transition: all 0.3s ease;
	height: 100px;
	z-index: 1;
	line-height: 1;
    letter-spacing: .1em;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.special-price-banner::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.4);
	z-index: -1;
	border-radius: 6px;
	transition: background-color 0.2s ease;
}

.special-price-banner:hover {
	text-decoration: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.special-price-banner:hover::before {
	background-color: rgba(255, 255, 255, 0.3);
}

.special-price-column {
	display: flex;
	align-items: center;
	flex: 1;
}

.special-price-column-title {
	align-items: center;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.special-price-subtitle {
	font-size: 13px;
	color: #666;
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
}

.special-price-title-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}

.special-price-title {
	font-size: 32px;
	font-weight: bold;
	color: #333;
	letter-spacing: .1em;
}

/* 期間限定ラベル */
.special-price-limited {
	display: inline-flex;
	align-items: center;
	position: relative;
	background: linear-gradient(to right, #d51f5c, #e74c3c);
	border-radius: 50px;
	padding: 4px 10px 4px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	vertical-align: middle;
}

/* 特価期間 */
.special-price-period {
	font-weight: normal;
	margin-left: 5px;
}

.special-price-column-date {
	justify-content: flex-end;
	margin-left: auto;
	position: relative;
	margin-right: 50px;
}

.special-price-date {
	font-size: 16px;
	color: #fff;
	padding: 5px 10px;
	border-radius: 4px;
	background-color: rgba(213, 31, 92, 0.9);
}

.special-price-arrow {
	position: absolute;
	right: 20px;
	color: #555;
	font-size: 36px;
	top: 50%;
	transform: translateY(-50%);
	transition: transform 0.2s ease;
	text-shadow: 0 0 5px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 255, 1)
}

.special-price-banner:hover .special-price-arrow {
	transform: translateY(-50%) translateX(3px);
	color: #d51f5c;
}

/* 期間限定ラベル - 左ブロック配置用 */
.special-price-column-left {
	position: absolute;
	left: 20px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	height: 100%;
}

	/* スマホ用の期間限定ラベル（PC表示では非表示） */
.special-price-limited-sp {
	display: none;
}

	/* metro_sale.tpl 用スタイル */
#metro_intro p {
	margin-bottom: 16px;
}

.metro-download-area {
	text-align: center;
	margin: 32px auto;
}

.metro-download-btn {
	display: inline-block;
	background: #d51f5c;
	color: #fff;
	font-weight: bold;
	padding: 16px 32px;
	text-decoration: none;
	transition: all 0.3s ease;
}

.metro-download-btn:link {
	color: #fff;
}

.metro-download-btn:hover {
	opacity: 0.8;
	background: #e83a72;
	text-decoration: none;
}

.metro-download-btn:visited {
	color: #fff;
}

.guide_box {
	margin-bottom: 0;
}

.guide_box + .guide_box {
	margin-top: 40px;
}

.guide_box h3 {
	font-size: 1.5rem; /* 見出し 24px相当 (8px×3) */
	font-weight: bold;
	padding: 8px 16px;
	border-bottom: 2px solid #d51f5c;
	margin-bottom: 24px;
}

.metro-flow-list {
	counter-reset: metro-flow;
	margin: 0;
	padding: 0;
	list-style: none;
}

.metro-flow-list > li {
	position: relative;
	margin-top: 32px;
	counter-increment: metro-flow;
	border-bottom: none;
}

.metro-flow-list > li:first-child {
	margin-top: 0;
}

.metro-flow-list > li:last-child {
	padding-bottom: 8px;
	margin-bottom: 0;
}

.metro-flow-list dt {
	font-size: 1.125rem; 
	font-weight: bold;
	color: #333;
	margin-bottom: 16px;
	background: #f7f7f7;
	padding: 16px;
	border-left: 5px solid #d51f5c;
	border-radius: 0 4px 4px 0;
}

.metro-flow-list dd {
	margin-left: 0;
	padding: 0 16px;
}

.metro-email {
	background: #f7f7f7;
	padding: 16px;
	border-radius: 4px;
	margin-top: 16px;
	border: 1px solid #eee;
}

.metro-email p {
	margin: 0 !important;
}

.metro-account {
	margin-top: 16px;
}

.metro-account-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 8px;
}

.metro-account-table > tbody > tr > th {
	width: 160px;
	text-align: right;
	font-weight: bold;
	padding: 16px;
	vertical-align: top;
	color: #555;
	border: 1px solid #DEDEDE;
}

.metro-account-table > tbody > tr > td {
	padding: 16px;
	border: 1px solid #DEDEDE;
}

.metro-rules-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 8px;
	table-layout: fixed;
}

.metro-rules-table > tbody > tr > th {
	width: 180px;
	text-align: left;
	font-weight: bold;
	padding: 16px;
	vertical-align: top;
	color: #555;
	border: 1px solid #DEDEDE;
	background-color: #f7f7f7;
}

.metro-rules-table > tbody > tr > td {
	padding: 16px;
	border: 1px solid #DEDEDE;
}

.metro-note {
	font-size: 0.75rem; /* 注釈テキスト 12px相当 (8px×1.5) */
	color: #666;
	margin-top: 8px;
	line-height: 1.5;
}

.metro-rules {
	list-style-type: disc;
	padding-left: 24px;
}

.metro-rules li + li {
	margin-top: 8px;
}

/* メトロ特価セール - 整理されたスタイル */
#metro_intro {
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    padding: 30px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.metro-intro-greeting {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 15px;
    color: #333;
}

.metro-intro-content {
    line-height: 1.6;
    margin-bottom: 30px;
}

.metro-intro-content p {
    margin-bottom: 20px;
}

.metro-intro-target {
    margin: 25px 0;
    font-weight: bold;
    display: block;
    padding: 15px 0;
    line-height: 1.5;
    font-size: 1.05em;
}

/* レスポンシブ対応 */
@media screen and (max-width: 767px) {
    #metro_intro {
        padding: 20px 15px;
    }
    
    .metro-intro-greeting {
        font-size: 1.1em;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    
    .metro-intro-target {
        margin: 20px 0;
        padding: 10px 0;
    }
}