/* -----------------------------------
    作品ページ
----------------------------------- */

#showcase #showcaseMain{
    margin-bottom: 8%;
}
#showcase #showcaseList{
    margin-top: -4%;
    padding-bottom: 4%;
}
#showcase #showcaseList .btn-more{
    width: 93.75%;
}
#showcase #newsArea{
    background-color: #FFF;
    padding-bottom: 6%;
}
#showcase #newsArea .contentInner{
    width: 84.375%;
    margin: 0 auto;
}
#showcase #newsArea .contentInner .f-right{
    padding:7.8125% 0;
}
#showcase #newsArea .contentInner .f-right iframe{
    height: 100% !important;
}
#showcase #newsArea .contentInner > div{
    height: 400px;
}
#showcase #newsArea .contentInner .newsList{
    width: 100%;
    box-sizing: border-box;
    border: #dadada solid 1px;
    line-height: 1.6;
    font-size: 14px;
}
#showcase #newsArea .contentInner .newsList ul{
    width: 100%;
    overflow-y: auto;
    height: 400px;
}
#showcase #newsArea .contentInner .newsList ul li{
    padding: 2% 0;
    margin: 0 4%;
    border-bottom: #dadada solid 1px;
}
#showcase #newsArea .contentInner .newsList ul li .date{
    font-size: 12px;
}
#showcase #newsArea .contentInner .newsList ul li .ttl{
    color: #df2c52;
}
#showcase #newsArea .contentInner .twitterBox{
    border: #dadada solid 1px;
    
}
#showcase #newsArea .contentInner .twitterBox iframe{
    width: 100%;
    height: 400px !important;
}



/* -----------------------------------
    得点商品
----------------------------------- */
#apendix #apendixMain{
    background-color: #fff;
}
#apendix #apendixMain .contentInner{
}
#apendix #apendixMain .ttl{
    font-size: 16px;
    padding:6% 4%;
    text-align: center;
}
#apendix #apendixMain .info{
    position: relative;
    padding-bottom: 1px;
}
#apendix #apendixMain .info .badge{
    width: 26.5625%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(-10%,-50%);
         -moz-transform: translate(-10%,-50%);
                    transform: translate(-10%,-50%);
}
#apendix #apendixMain .info .btn-info{
    padding-right: 10%;
    text-align: center;
    border: #ccc solid 1px;
    margin-bottom: 4%;
}
#apendix #apendixList .btn-link{
    width: 93.75%;
    font-size: 18px;
    margin: 4% auto;
}
#apendix #newItemList{
    background-color: #fff;
    padding-bottom: 8%;
}
#apendix #newItemList .item{
    width: 84.375%;
}
#apendix #newItemList .item .visual{
    width: 100%;
    float:none;
    padding: 0;
    margin-bottom: 4%;
}
#apendix #newItemLis .itemt .ttl{
    font-size: 14px;
}
#apendix #newItemList .item .spec{
    font-size: 12px;
    margin-top: 2%;
}
#apendix #newItemList .btn-more{
    background-color: #f1f1f1;
}



/* -----------------------------------
    作品一覧ページ
----------------------------------- */
#listtitle .section{
    border-top: #dadada solid 1px;
    padding-top:8%;
    padding-bottom: 8%;
}
#listtitle .section h2.ttl{
    width: 84.375%;
    margin: 0 auto;
    display: block;
    box-sizing: border-box;
    position: relative;
    text-align:center;
    margin-bottom: 4%;
    font-size: 18px;
    font-weight: bold;
}
#listtitle #sec-event .listType3 .item,
#listtitle #sec-event .listType3 .item .visual{
    width: 100%;
}

/* -----------------------------------
    シリーズ商品
----------------------------------- */
#series .itemDetail { 
    background-color: #e7e7e7; 
    border-top: 1px solid #ccc; 
    border-bottom: 1px solid #ccc; 
}
#series .itemDetail .row { 
    border-top: none; 
    border-bottom: none; 
}


/* -----------------------------------
    商品検索ページ
----------------------------------- */
#search #contents{background-color:#f5f5f5;}

#search #seachStatus{
    background-color:#FFFFFF;
    padding: 8% 0;
}
#search #seachStatus .hitItems{
    width: 84.375%;
    margin: 0 auto;
    box-sizing: border-box;
    margin-bottom:0.8em;
    font-size: 14px;
}
#search #seachStatus .hitItems .ttl{
    display:inline-block;
}
#search #seachStatus .hitItems .ttl:after{
    content:"：";
}
#search #seachStatus .hitItems .number {
    display:inline-block;
}
#search #seachStatus .hitItems .number .main{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 34px;
    color: #df2c52;
    line-height: 1.3;
    margin: 0 5px 0 0;
}
#search #seachStatus .head{
    width: 84.375%;
    margin: 0 auto;
    box-sizing: border-box;
}
#search #seachStatus .head ul{
    width: 100%;
    display: table;
    word-spacing: -1em;
    padding-bottom: 0.5em;
}
#search #seachStatus .head ul li{
    display: inline-block;
    word-spacing: normal;
    margin-bottom:0.8em;
}
#search #seachStatus .head ul li.keyword .key{
    display: inline;
}
#search #seachStatus .head ul li.keyword .val{
    color: #df2c52;
}

#search #seachStatus .head ul li.keyword{
    display:block;
}
#search #seachStatus .head ul li.category:after,
#search #seachStatus .head ul li.option:after{
    content:"｜";
    display:inline-block;
    margin: 0 0.5em;
}
#search #seachStatus .head .btn-refine{
    background:#e7e7e7;
    border: none;
    width: 100%;
    box-sizing: border-box;
    padding: 0.8em;
    font-size: 16px;
    padding-right: 1em;
}
#search #seachStatus .head .btn-refine:before{
    display:inline-block;
    background:url(../img/sp/icon_search.png) no-repeat center center;
    background-size:contain;
    content: "";
    width: 1.2em;
    height: 1.2em;
    margin-right: 1em;
    vertical-align: text-top;
}





#search #seachRefine{
    display: none;
    width: 100%;
    background-color:#e7e7e7;
    position:absolute;
    top: 0;
    left: 0;
    z-index:300;
}
#search #seachRefine.show{
    display: block;
}
#search #seachRefine > .ttl{
    text-align:center;
    padding-top: 7%;
    font-size: 20px;
    margin-bottom: 6%;
}
/* btn-close */
#search .btn-close{ 
    background: none;
    border: none;
    width: 1%;
    margin: 0 auto;
    padding: 5%;
    display:block;
    position: absolute;
    right: 4%;
    top: 2%;
    z-index: 1;
}
#search .btn-close:before,
#search .btn-close:after{
    content:"";
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: #333;
    left: 0;
    top:  50%;
}
#search .btn-close:before{
    -webkit-transform: rotate(45deg);
         -moz-transform: rotate(45deg);
                    transform: rotate(45deg);
}
#search .btn-close:after{
    -webkit-transform: rotate(-45deg);
         -moz-transform: rotate(-45deg);
                    transform: rotate(-45deg);
}
#search #seachRefine .inner{
    width: 84.375%;
    margin: 0 auto;
    box-sizing: border-box;
    font-size: 14px;
    padding: 0 0 6% 0;
    position: relative;
}
#search .searchBoxHolder {
    clear: both;
}
#search .searchBoxHolder > div{
    position: relative;
}
#search .searchBoxHolder .searchBox{
    background-image:none;
    text-align: left;
}
#search .searchBoxHolder .btn-clear{
    background: #cccccc;
    width: 1.2em; height: 1.2em;
    border-radius: 0.6em;
    border: none;
    position: absolute;
    margin-top: -0.6em;
    top: 50%;
    right: 1em;
}
#search .searchBoxHolder .btn-clear:before,
#search .searchBoxHolder .btn-clear:after{
    content:"";
    display: block;
    position: absolute;
    height: 1px;
    width: 60%;
    background: #FFF;
    left: 20%;
    top:  50%;
}
#search .searchBoxHolder .btn-clear:before{
    -webkit-transform: rotate(45deg);
         -moz-transform: rotate(45deg);
                    transform: rotate(45deg);
}
#search .searchBoxHolder .btn-clear:after{
    -webkit-transform: rotate(-45deg);
         -moz-transform: rotate(-45deg);
                    transform: rotate(-45deg);
}
#search #seachRefine h4{
    font-size: 14px;
    font-weight: normal;
    margin-bottom:10px;
    float: left;
}
#search #seachRefine .btn-all{
    font-size: 14px;
    color: #e1284f;
    border: none;
    background: none;
    text-decoration: underline;
    float: right;
}
#search #seachRefine .inner .cateList,
#search #seachRefine .inner .opList { clear:both; }

#search #seachRefine .inner .cateList li,
#search #seachRefine .inner .opList li {
    float: left;
    width: 33.33333%;
}

#search #seachRefine .inner select{
    clear:both;
    display: block;
}

/* check box */
#seachRefine input[type=checkbox] + label {
    position: relative;
    display: block;
    margin-right: 12px;
    font-size: 12px;
    text-align: center;
    margin: 0.2em;
    line-height: 3em;
    background-color:#FFFFFF;
    color: #cccccc;
    border:#cccccc solid 1px;
    border-radius: 1.5em;
  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
html.csstransforms #seachRefine input[type=checkbox] {
    display: none;
    margin: 0;
}
html.csstransforms #seachRefine input[type=checkbox]:checked + label{
    color: #e1284f;
    border:#e1284f solid 1px;
}

#seachRefine select{
    width: 100%;
}
/* select */
html.cssanimations #seachRefine select{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    box-sizing: border-box;
    padding: 0 5px;
    height: 3em;
    border: 1px solid #ccc;
    background: #fff url(../img/sp/form_arrow2.png) no-repeat right 50%;
    background-size: auto 100%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#search #seachRefine .titleList{
    padding-bottom: 8%;
}
#search #seachRefine .btn-submit{
    background:#df2c52;
    border: none;
    width: 100%;
    box-sizing: border-box;
    padding: 0.8em;
    font-size: 16px;
    padding-right: 1em;
    color: #FFFFFF;
    margin-top: 8%;
}
#search #seachRefine .btn-submit:before{
    display:inline-block;
    /* background:url(../img/sp/icon_search_white.png) no-repeat center center; */
    background-size:contain;
    content: "";
    width: 1.2em;
    height: 1.2em;
    /* margin-right: 1em; */
    vertical-align: text-top;
}


#search #seachResult .section{
    border-top: #dadada solid 1px;
    padding-top:8%;
    padding-bottom: 8%;
}
#search #seachResult .section h2.ttl{
    width: 93.75%;
    margin: 0 auto;
    display: block;
    box-sizing: border-box;
    position: relative;
}
#search #seachResult .section h2.ttl{
    text-align:center;
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: bold;
}



/* -----------------------------------
    top
----------------------------------- */
#top .Slide{
    margin-top: -4%;
}

#top .btn-more{
    width: 93.75%;
}
#top .recentItems .btn-more{
    width: 90.5%;
}

/* 
 * .lastminute
 */
#top .lastminute {
    overflow: hidden;
    background-color: #e7e7e7;
    padding-bottom: 4%;
}

/* 
 * .updateItems
 */
#top .updateItems {
    overflow: hidden;
    padding-bottom: 4%;
}

/* 
 * .otherItems
 */
#top .otherItems {
    overflow: hidden;
    background-color: #e7e7e7;
    padding-bottom: 4%;
}
#top .otherItems .others{
    width: 100%;
    margin: 0 auto;
    position: relative;
}

/* 
 * .otherItems
 */
#top .recentItems {
    overflow: hidden;
    padding-bottom: 4%;
}

/* 
 * .newsArea
 */
#top #newsArea{
    background-color: #FFF;
}
#top #newsArea .contentInner {
    width: 84.375%;
    margin: 0 auto;
}
#top #newsArea .contentInner .f-right{
    padding:7.8125% 0;
}
#top #newsArea .contentInner .f-left{
    border: #e9eaed solid 1px;
}



#top .scrollItemList{
    width: 100%;
    overflow-y: hidden;
    background-color: #dedede;
  -webkit-overflow-scrolling: touch;

}
#top #SEC1 .btn-next{ display: none; }
#top #SEC1 .btn-prev{ display: none; }
#top .scrollItemList ul{
    padding: 2% 0 2%;
    width: 1000000px;
}
#top .scrollItemList ul li{
    float:left;
}
#top .scrollItemList ul li a{
    display: block;
    padding: 6px;
}
#top .scrollItemList ul li a img{
    height: 120px;
    width: auto;
    display: block;
}
#top .scrollItemList ul li a .txt{
    display: block;
    line-height: 1.3;
    font-size: 12px;
    text-align: left;
    padding: 6px 0 0;
    word-wrap: break-word;
}
#top .scrollItemList .jspHorizontalBar .jspTrack{
    background-color: #d7d6d6;
}
#top .scrollItemList .jspHorizontalBar .jspDrag{
    background-color: #333333;
}



/* .pickupItems */
#top .pickupItems{
    background-color: #f1f1f1;
    padding-bottom: 1px;
}
#top .pickupItems .item{
    display: block;
    width: 93.75%;
    position: relative;
    background-color: #fff;
    margin: 3.125%;
}
#top .pickupItems .item .visual{
    text-align: center;
    vertical-align: middle;
    background: url(../img/common/loading.gif) no-repeat center center;
}
#top .pickupItems .item .info {
    position: relative;
    padding:6% 3.125%;
}
#top .pickupItems .item .info .badge{
    width: 28.16%;
    position:absolute;
    top:0;
    left: 0;
    -webkit-transform: translate(10%,-110%);
         -moz-transform: translate(10%,-110%);
                    transform: translate(10%,-110%);
}
#top .pickupItems .item .info span{
    background-color:#000000;
    color:#FFFFFF;
    padding: 4px 6px;
    line-height: 1.2;
}
#top .pickupItems .item .info .ttl{
    font-size: 17px;
}
#top .pickupItems .item .info .ttl span{
    display: inline-block;
    line-height: 1.6;
}
#top .pickupItems .item .info .spec{
    font-size: 14px;
    margin-top: 2%;
}
#top .pickupItems .item .info .spec span{
    display: inline-block;
    line-height: 1.6;
}
#top .pickupItems .item .info .txt-limited{
    margin-top: 8%;
}
#top .pickupItems .item .info .newsList{
    color: #df4363;
    background-color: #fff;
    font-size: 14px;
    display:block;
    padding:3% 2%;
    border-top: #e5e5e5 solid 1px;
    border-bottom: #e5e5e5 solid 1px;
    margin-top: -1px;
}
#top .pickupItems .item .info .newsList dt{
    display: inline-block;
    background-color: #df4363;
    color: #FFFFFF;
    padding:0 5px;
}
#top .pickupItems .item .info .newsList dd{
    display:inline-block;
}
#top .pickupItems .item .info .sales{
    margin-top: 8%;
    font-size: 17px;
    word-spacing: -0.5em;
}
#top .pickupItems .item .info .sales span{
    word-spacing: normal;
}


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

    style info : ログイン、ログアウト

============================================================ */
.loginSection {
    text-align: center;
}
.loginSection .column{
    box-sizing: border-box;
  width: 100%;
    color: #000;
    line-height: 1.5;
    text-align: center;
    vertical-align: top;
    margin: 0 auto;
  padding: 6%;
}
.loginSection .loginColumn{
    padding-top: 0%;
    border-bottom: #ccc solid 1px;
}
.loginSection .column .button{
    margin: 15px auto;
}
.loginSection .loginColumn a{
    color: #df4363;
    text-decoration: underline;
}
.loginSection input.text{
    padding: 0.8em;
    width: 100%;
    box-sizing: border-box;
    margin: 5px auto;
    border: none;
    font-size: 16px;
    border-radius: 0;
}


/* -----------------------------------
    basic
----------------------------------- */
body#login,
body#logout,
body#account,
body#cancel,
body#delivery,
body#contact,
body#repayment,
body#repassword,
body#editpassword,
body#register,
body#cart,
body#twitter,       /* 修正0006 */
body#apply-form,    /* 修正0006 */
body#company,       /* 修正0006 */
body#howto,         /* 修正0006 */
body#faq,           /* 修正0006 */
body#privacy,       /* 修正0006 */
body#asct,          /* 修正0006 */
body#guide,         /* 修正0006 */
body#history {
    font-size: 12px;
    text-align: center;
    line-height: 1.8;
}
#register #contents a:not(.button),
#cart #contents a:not(.button),
#history #contents a:not(.button) {
    color: #df2c52;
    text-decoration: underline;
}

/* -----------------------------------
    parts > title
----------------------------------- */
#contents .basicTitle {
    display: table;
    margin: 0 auto 25px;
    padding: 3px 50px;
    background: url(../img/sp/title_slash.png) no-repeat 0 50% ,url(../img/sp/title_slash.png) no-repeat 100% 50% !important;
    background-size: 34px !important;
    border-left: none !important;
    font-size: 125%;
    font-weight: normal;
    line-height: 1.2;
    text-align: center;
}
#history .detail #contents .basicTitle {
    background: none !important;
}
.basicTitle img {
    height:1.2em;
    line-height: 1.2em;
    margin: 1px 0 0;
}
.basicTitle02 {
    /* 修正0024 ここから */
    /* margin: 0 25px; */
    /* font-size: 100%; */
    margin:25px 25px 0 ;
    font-size: 16px;
    /* 修正0024 ここまで */
    line-height: 1.6;
    text-align: center;
}

/* -----------------------------------
    parts > text
----------------------------------- */
#contents .important {
    color: #df2c52 !important;
}
#contents .note {
    color: #333;
    font-size: 75%;
    font-weight: bold;
}

/* --------------------------------
    property
-------------------------------- */



/* -----------------------------------
    layout
----------------------------------- */

.pc { display: none; }

#login #contents .content,
#logout #contents .content,
#account #contents .content,
#cancel #contents .content,
#delivery #contents .content,
#contact #contents .content,
#repayment #contents .content,
#repassword #contents .content,
#editPassword #contents .content,
#register #contents .content,
#cart #contents .content,
#twitter #contents .content,       /* 修正0006 */
#apply-form #contents .content,    /* 修正0006 */
#company #contents .content,       /* 修正0006 */
#howto #contents .content,         /* 修正0006 */
#faq #contents .content,           /* 修正0006 */
#privacy #contents .content,       /* 修正0006 */
#asct #contents .content,          /* 修正0006*/
#guide #contents .content,         /* 修正0006 */
#history #contents .content{
    margin: 0;
    padding: 40px 0 25px;
    background: #f7f7f7;
    text-align: left;
    line-height: 1.5;
}
#history .detail #contents .content { padding: 25px 0 25px; }

#cart #contents .content .contentInner ,
#cancel #contents .content .contentInner {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 0;
    text-align: left;
}
#cart #contents .content .contentInner:first-child {
    padding: 0;
}

/* -----------------------------------
    parts > button
----------------------------------- */

#register #contents .button-l,
#cart #contents .button-l,
#history #contents .button-l { font-size: 100%; }

#history #contents .button-m { font-size: 100%; }

#register #contents .button-s,
#cart #contents .button-s { font-size: 100%; }

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

    style info : フォーム

============================================================ */
.formSection {
    margin: 0;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}
#editPassword .formSection,
#repassword .formSection,
#contact .confirm .formSection{
    border-bottom: none;
}
#repayment .formSection{
    padding-bottom: 30px;
}
.formTable {
    display: table;
    border-bottom: none;
    margin: 0;
    padding: 0;
}
.confirm .formTable {
    margin: 20px 0 0;
}
.formTable tr th,
.formTable tr td {
    display: block;
    border-top: none;
    margin: 0;
    padding: 15px 0;
}
.formTable tr th {
    width: 100%;
    border-top: solid 1px #ccc;
    border-right: none;
    background: #e7e7e7;
    color: #000;
    font-size: 125%;
    text-align: center;
    margin: 20px 0 0;
}
.confirm .formTable tr th {
    text-align: left;
    margin: 0;
    padding: 8px 25px;
}
.formTable tr th span.requiredIcon {
    display: inline-block;
    float: inherit;
    margin: -2px 0 0 10px;
    padding: 0 5px;
    height: 16px;
    text-align: center;
    vertical-align: middle;
    font-size: 66%;
    color: #fff;
    line-height: 16px;
    background: #df4363;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    behavior: url('/js/PIE.htc');
}
.formTable tr td {
    background: #f7f7f7;
    color: #000;
    font-weight: bold;
    margin: 0 25px;
    box-sizing: border-box;
}
#register .confirm .formTable tr td {
    font-size: 125%;
    font-weight: normal;
}

.formTable tr td dl dt,
.formTable tr td dl dd {
    display: inline-block;
}
.formTable tr td dl {
    display: table;
    width: 100%;
    margin-top: -12px;
}
.formTable tr td dl dt {
    clear: both;
    float: inherit;
    width: 12.5%;
    height: 44px;
    margin: 12px 0 0 0;
    line-height: 44px;
}
.formTable tr td dl dd {
    float: inherit;
    width: 87.5%;
    height: 44px;
    margin: 12px 0 0 0;
}
@-moz-document url-prefix() {
    #register .formTable tr td dl dd,
    .formTable tr td dl dd {
        width: 85.5%;
    }
}
@media all and (-ms-high-contrast:none){
    .formTable tr td dl dd {
        width: 85%;
    }
}
.formTable tr td span.note {
    display: inline-block;
    margin-left: 0;
}
.formTable tr td p.note {
    margin: 10px 0 0;
    line-height: 1.6;
}
.formTable tr td p.note.mrg {
    margin-left: 12.5%;
}
.formTable tr td input {
    width: 100%;
    height: 44px;
    text-align: left;
    padding: 0 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #ccc;
    border-radius: 3px;
    behavior: url('/js/PIE.htc');
    -webkit-appearance: none;
}
.formTable tr td input::-webkit-input-placeholder {
    color: #ccc;
    font-weight: bold;
    line-height: 1.5;
}
.formTable tr td select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 44px;
    border: 1px solid #ccc;
    background: #fff url(../img/sp/form_arrow.png) no-repeat right 50%;
    background-size: 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    behavior: url('/js/PIE.htc');
}

.formTable tr td .time {
    padding: 0 0 0 5px;
}
.formTable tr td .inlineList input {
    display: none;
}
.formTable tr td .inlineList label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-left: 20px;
    padding: 10px 20px;
    border-radius: 2px;
    color: #000;
    font-size: 14px;
    text-align: center;
    line-height: 1.0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.formTable tr td .inlineList label:before {
    position: absolute;
    content: "";
    top: 50%;
    left: -10px;
    width: 18px;
    height: 18px;
    margin-top: -11px;
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 50%;
}
.formTable tr td .inlineList input[type="radio"]:checked + label:after {
    position: absolute;
    content: "";
    top: 50%;
    left: -4px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background: #df2c52;
    border-radius: 50%;
}
.formTable tr td input[type="checkbox"]{
  display: none;
}
.formTable tr td input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-left: 10px;
    padding: 10px 20px 8px 30px;
    border-radius: 2px;
    color: #000;
    font-size: 14px;
    text-align: left;
    line-height: 1.2;
}
.formTable tr td input[type="checkbox"]+ label:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    margin-top: -11px;
    background: #fff;
    border: 2px solid #ccc;
}
.formTable tr td input[type="checkbox"]:checked + label:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
    margin-top: -11px;
  left: 3px;
  width: 20px;
  height: 10px;
  border-left: 4px solid #df2c52;
  border-bottom: 3px solid #df2c52;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
    
}
/* innerTable */
.innerTable {
    position: relative;
    margin: 0;
}


.innerTable tr th,
.innerTable tr td {
    display: block;
    width: 100%;
    padding: 15px 0 10px;
}
.innerTable tr th {
    border-top: none;
    border-bottom: 1px solid #ccc;
    background: #f7f7f7;
    font-weight: bold;
    text-align: left;
    margin: 0;
}
.innerTable tr td {
    border-top: none !important;
    margin: 0;
}



.errorMessage {
    margin: 20px 25px 0;
    padding: 15px 15px 15px 50px;
    border: solid 3px #f33;
    background: url(../img/common/icn_alert.png) no-repeat 15px center;
    color: #f33;
    font-weight: bold;
    text-align: left;
}
.innerTable tr.error th {
    width: auto !important;
    background: #ffc7c7 !important;
    margin: 0 -25px !important;
    padding: 15px 25px 10px !important;
}
.innerTable tr.error th {
    border-bottom: 1px solid #ffc7c7 !important;
}
.innerTable tr.error td,
.formTable tr.error td {
    width: auto !important;
    background: #ffe9e9 !important;
    margin: 0 -25px !important;
    padding: 15px 25px 10px !important;
}
.formTable tr td p.alert {
    margin: 5px 0 0 0;
    padding: 0 0 0 23px;
    background: url(../img/common/icn_alert_s.png) no-repeat 0 50%;
    font-weight: bold;
}
#register #contents .term {
    margin: 25px 25px 20px;
    text-align: center;
}
#register #contents .scrollArea {
    background: #fff;
    margin: 0 auto;
    text-align: left;
    width: 100%;
    height: 250px;
    font-size: 75%;
    font-weight: bold;
    line-height: 1.8;
    padding: 5px 15px 5px 10px;
    border: none;
    overflow-y: scroll;
}
#register #contents .scrollArea:focus {
    outline: none;
}
#register #contents .scrollArea p {
    margin: 10px 0;
}
#register #contents .scrollArea::-webkit-scrollbar{
    width: 10px;
    background: #eee;
}
#register #contents .scrollArea::-webkit-scrollbar-thumb{
    background: #333;
}

/* cartTable */
.cartSection {
    padding: 20px 25px 15px;
    border-bottom: solid 1px #ccc;
}
#cart .cartFixSection {
    margin: -21px 0 0;
    padding: 0 25px 0;
    border-bottom: solid 1px #ccc;
}
#delivery .cartFixSection,
#repayment .cartFixSection {
    margin: -1px 0 0;
    padding: 0 25px 0;
}
#delivery .formSection {
    padding-bottom: 20px;
}
#history #contents .cartFixSection {
    margin: 40px 0 0;
    padding: 0 25px 15px;
    border-bottom: solid 1px #ccc;
}

.cartTable {
    display: table;
    width: 100%;
    border-bottom: none;
}
.cartTable ,
.cartTable thead,
.cartTable tbody,
.cartTable tr,
.cartTable tr th,
.cartTable tr td{
    display: block;
    width: 100%;
}
.cartTable tr th,
.cartTable tr td {
    vertical-align: middle;
    line-height: 1.6;
}
.cartTable thead {
    display: none;
}
.cartTable tbody tr th,
.cartTable tbody tr td {
    font-weight: normal;
}
.cartTable tbody tr {
    position: relative;
    background: none;
    border-top: solid 1px #ccc;
    padding: 25px 0;
    width: auto;
}
.cartTable tbody tr td.delete {
    position: absolute;
    right: 0;
    top: 21px;
}
.cartTable tbody tr td.delete p {
    position: inherit;
    right: inherit;
    top: inherit;
}
.cartTable tbody tr td.delete p a {
    color: #333;
    font-size: 75%;
    font-weight: bold;
    text-decoration: none;
}
.cartTable tbody tr td.delete p a img {
    width: 16px;
    vertical-align: middle;
    margin-left: 5px;
}
.cartTable tbody tr td.delete p .csp {
    text-indent: inherit;
    white-space: nowrap;
    overflow: inherit;
    display: block;
}
.cartTable tbody tr th p {
    overflow: inherit;
    font-weight: bold;
    margin-left: 70px;
}
#cart .cart .cartTable tbody tr th p {
    margin-left: 0;
}
.cartTable tbody tr th p.imgL {
    width: 55px;
    height: 55px;
    margin: 0 15px 15px 0;
    padding: 0;
    float: left;
}
#cart .cart .cartTable tbody tr th p.imgL {
    margin: 0 0 15px;
    float: inherit;
}
.cartTable tbody tr th p.imgL img {
    width: 100%;
}
.cartTable tbody tr th p.privilege {
    background: url(../img/common/icon_limitedList.png) no-repeat 0 50%;
    height: auto;
    min-height: 26px;
    color: #df2c52;
    font-size: 75%;
    margin: 10px 0 0 70px;
    padding: 3px 0 0 35px;
}
#cart .cart .cartTable tbody tr th p.privilege {
    margin: 10px 0 0;
}
.cartTable tbody tr th p.itemID {
    border-top: none;
    margin: 10px 0 0 70px !important;
    padding: 0 0 0;
    font-size: 75%;
    font-weight: normal;
}
#cart .cart .cartTable tbody tr th p.itemID {
    margin: 10px 0 0 0 !important;
}
.cartTable tbody tr th p.attention {
    color: #df2c52;
    font-size: 75%;
    font-weight: normal;
    margin-top: 2px;
}
.cartTable tbody tr td.price {
    width: auto;
    font-size: 100%;
    font-weight: bold;
    margin: 5px 0 10px 70px !important;
    padding: 0;
}
#cart .cart .cartTable tbody tr td.price {
    margin: 5px 0 10px !important;
}
.cartTable tbody tr th p.itemID,
.cartTable tbody tr td.price,
.cartTable tbody tr td.quantity {
    margin-left: 0;
}
.cartTable tbody tr td.quantity,
.cartTable tbody tr td.subtotal {
    float: left;
    display: table;
    background: #fff;
    height: 70px;
    vertical-align: middle;
}
#cart .cartTable tbody tr td.quantity {
    width: 43%;
}
.cartTable tbody tr td.quantity {
    width: 30%;
}
#cart .cartTable tbody tr td.subtotal {
    width: 57%;
}
.cartTable tbody tr td.subtotal {
    width: 70%;
}
.cartTable tbody tr td.quantity p,
.cartTable tbody tr td.subtotal p {
    display: table-cell;
    padding: 0px;
    text-align: center !important;
    vertical-align: middle;
}
.cartTable tbody tr td.quantity p {
    font-size: 140%;
    text-align: center;
    padding: 0 0 0 20px;
}
.cartTable tbody tr td.subtotal p {
    font-size: 125%;
    font-weight: bold;
    line-height: 1.4;
    text-align: left;
    word-break: break-all;
    padding: 0 20px;
}
.cartTable tbody tr td.subtotal p span {
    display: inline-block;
}
.cartTable tbody tr td .title {
    background: none;
    width: inherit;
    color: #000;
    text-align: center;
    margin-right: 10px;
    padding: 0;
}
.cartTable tbody tr td.quantity .title {
    font-size: 12px;
}
.cartTable tbody tr td.quantity select {
    width: 55px;
    height: 41px;
    font-size: 18px;
    margin: 0;
    padding: 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    background: #fff url(../img/sp/form_arrow2.png) no-repeat right 50%;
    background-size: 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    behavior: url('/js/PIE.htc');
}
.cartTable tbody tr td.quantity select:not(:target) {
    background: #fff url(none)\9 !important;
}

.cartTable tbody tr.empty {
    display: none;
}
.cartTable tbody tr.empty td {
    padding: 0px;
    font-size: 115%;
    background: #fff;
}

/* cartHeader */
#cart #contents .cartHeader{
    position: relative;
    height: 52px;
    margin-bottom: 0;
    padding: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 0;
    font-weight: normal;
}
#cart #contents .cartHeader .contentInner {
    padding-top: 0;
    padding-bottom: 0;
}
#cart #contents .cartHeader h1 {
    display: inherit;
    position: absolute;
    top: 67px;
    left: 45%;
    font-size: 15px;
}
#cart #contents .cartHeader ol {
    float: inherit;
    display: table;
    width: 100%;
    height: 52px;
    background: none;
    margin: 0 auto;
    padding: 0;
}
#cart #contents .cartHeader ol li {
    background: url(../img/sp/cart_arrow.png) no-repeat 100% 0;
    background-size: 20px 52px;
    display: table-cell;
    float: inherit;
    color: #999;
    font-size: 9px;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    padding: 0 25px 0 15px;
}
#cart #contents .cartHeader ol li.last {
    background: none;
    margin: 0;
}
#cart #contents .cartHeader ol li span {
    display: inline-block;
    border-bottom: none;
    padding: 0;
    word-break: keep-all;
}
#cart #contents .cartHeader ol li.current span {
    border-bottom: none;
    color: #df2c52;
}
#cart #contents .cartHeader ol li .number {
    display: block;
}

/* cartFooter */
.cartFooter {
    border-top: 2px solid #666;
    border-bottom: solid 1px #ccc;
    margin: 0;
    padding: 10px 0 25px;
}
#cart .confirm #contents .cartFooter {
    border-bottom: none;
}
.cartFooter p.deleteLink {
    float: inherit;
}
.cartFooter p.deleteLink a {
    color: #333;
    font-size: 75%;
    font-weight: bold;
    text-decoration: none;
    padding: 0;
}
.cartFooter p.deleteLink a img {
    width: 17px;
    margin-right: 5px;
    vertical-align: middle;
}
.cartFooter p.total {
    float: inherit;
    color: #000;
    font-size: 125%;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
}
.cartFooter p.total span {
    color: #df2c52;
}
#cart #contents .cartSection .attention,
#cart #contents .formSection .attention,
#cart #contents .cartFixSection .attention,
#history #contents .cartFixSection .attention {
    color: #000;
    font-size: 75%;
    text-align: left;
    margin-top: 15px;
}
#cart .deliveryInput #contents .attention {
    color: #000;
    font-size: 75%;
    text-align: left;
    margin: 15px 25px 15px;
}

#history #contents .subCartFooter {
    background: none !important;
    margin: 0;
    padding: 20px !important;
    border-top: 1px solid #ccc;
}
#history #contents .subCartFooter .subCartTable {
    display: table;
    width: auto !important;
    float: right;
    font-size: 125%;
    font-weight: bold;
}
#history #contents .subCartFooter .subCartTable th {
    width: 80px !important;
    padding-right: 10px !important;
    line-height: 1.8 !important;
}
#history #contents .subCartFooter .subCartTable td {
    text-align: right;
    line-height: 1.8 !important;
}
#history #contents .subCartFooter {
    background: #fff;
    margin: 0;
    padding: 20px 30px;
    border-top: 1px solid #ccc;
}
#history #contents .subCartFooter .subCartTable {
    display: table;
    width: auto !important;
    float: right;
    font-weight: bold;
}
#history #contents .subCartFooter .subCartTable th {
    width: 90px;
    padding-right: 20px;
    line-height: 2.6;
}
#history #contents .subCartFooter .subCartTable td {
    text-align: right;
    line-height: 2.6;
}

/* 修正0035 ここから */
#cart #contents .subCartFooter {
    background: none !important;
    margin: 0;
    padding: 20px !important;
    border-top: 1px solid #ccc;
}
#car #contents .subCartFooter .subCartTable {
    display: table;
    width: auto !important;
    float: right;
    font-size: 125%;
    font-weight: bold;
}
#cart #contents .subCartFooter .subCartTable th {
    width: 80px !important;
    padding-right: 10px !important;
    line-height: 1.8 !important;
}
#cart #contents .subCartFooter .subCartTable td {
    text-align: right;
    line-height: 1.8 !important;
}
#cart #contents .subCartFooter {
    background: #fff;
    margin: 0;
    padding: 20px 30px;
    border-top: 1px solid #ccc;
}
#cart #contents .subCartFooter .subCartTable {
    display: table;
    width: auto !important;
    float: right;
    font-weight: bold;
}
#cart #contents .subCartFooter .subCartTable th {
    width: 90px;
    padding-right: 20px;
    line-height: 2.6;
}
#cart #contents .subCartFooter .subCartTable td {
    text-align: right;
    line-height: 2.6;
}
// delivery
#delivery #contents .subCartFooter {
    background: none !important;
    margin: 0;
    padding: 20px !important;
    border-top: 1px solid #ccc;
}
#delivery #contents .subCartFooter .subCartTable {
    display: table;
    width: auto !important;
    float: right;
    font-size: 125%;
    font-weight: bold;
}
#delivery #contents .subCartFooter .subCartTable th {
    width: 80px !important;
    padding-right: 10px !important;
    line-height: 1.8 !important;
}
#delivery #contents .subCartFooter .subCartTable td {
    text-align: right;
    line-height: 1.8 !important;
}
#delivery #contents .subCartFooter {
    background: #fff;
    margin: 0;
    padding: 20px 30px;
    border-top: 1px solid #ccc;
}
#delivery #contents .subCartFooter .subCartTable {
    display: table;
    width: auto !important;
    float: right;
    font-weight: bold;
}
#delivery #contents .subCartFooter .subCartTable th {
    width: 90px;
    padding-right: 20px;
    line-height: 2.6;
}
#delivery #contents .subCartFooter .subCartTable td {
    text-align: right;
    line-height: 2.6;
}
/* 修正0035 ここまで */

/* historyTable */
#history #contents .historyListSection{
    margin: 15px 0 0;
    padding: 0 25px;
    border-bottom: solid 1px #ccc;
    overflow: hidden;
}
#history .historyTable thead th {
    display: none;
}
#history .historyTable thead th span {
    display: block;
}
#history .historyTable tbody th {
    position: relative;
    width: 100%;
    background: none !important;
    border-top: none;
    color: #000;
    font-size: 125%;
    font-weight: bold !important;
    text-align: left;
    padding: 11px 0;
    z-index: 0;
}
#history .historyTable tbody th:before {
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
    width: 120%;
    height: 43px;
    background: #e7e7e7;
    border-top: solid 1px #ccc;
    z-index: -1;
}
#history .historyTable tbody td {
    display: block;
    width: 100%;
    background: #f7f7f7;
    border-top: none;
    border-bottom: 1px solid #ccc;
    font-size: 100%;
    text-align: left;
    line-height: 1.5;
    padding: 15px 0;
}
#history .historyTable tbody td:last-child {
    border-bottom: none;
}
#history .historyTable tbody td.pc {
    display: none;
}
#history .historyTable tbody th {
    background: #e6e6e6;
    font-weight: normal;
}
#history .historyTable tbody td p,
#history .historyTable tbody td p span {
    display: inline-block;
    font-size: 100%;
    font-weight: nomal;
    color: #000;
}
#history .historyTable tbody td.no {
    padding-right: 25px;
    text-align: left;
}
#history .historyTable tbody td.no p.no {
    display: inline-block;
    float: inherit;
    line-height: 50px;
    margin: 0 10px 3px 0;
}
#history .historyTable tbody td.no p.thumbnail {
    display: inline-block;
    margin-top: 5px;
    vertical-align: middle;
}
#history .historyTable tbody td.no p.thumbnail img {
    width: 44px;
    margin: 0 1px 5px 0;
}
#history .historyTable tbody td.status p.note {
    font-size: 100%;
    font-weight: normal;
}
#history .historyTable tbody td.payment {
    font-size: 125%;
    font-weight: bold;
}
#history .historyTable tbody td.payment span {
    font-size: 12px !important;
    margin-right: 10px;
}
#history .historyTable tbody td.payment p span {
    color: #000;
    font-size: 100%;
    font-weight: normal;
}
#history .historyTable tbody td p span.dialog {
    display: none;
}
#history .historyTable tbody td.status p.unpaid {
    color: #f00;
}
#history .historyTable tbody td.status p.order {
    color: #999999;
}
#history .historyTable tbody td.status p.ready {
    color: #ff9900;
}
#history .historyTable tbody td.status p.shipping {
    color: #669900;
}
#history .historyTable tbody td.status p.complete {
    color: #cc66cc;
}
#history .historyTable tbody td.status p.cancel {
    color: #39f;
}
#history .historyTable tbody td.action {
    text-align: inherit;
    padding: 15px 0;
    border-bottom: none;
}
#history .historyTable tbody td.action ul {
    float: inherit;
    margin: 0 5px 0 0;
    line-height: 1.0;
}
#history .historyTable tbody td.action ul li {
    display: inline-block;
    float: right;
    border-left: solid 1px #ccc;
    padding: 0 20px;
    margin-left: 0;
}



/* actionList */
.actionList {
    max-width: 580px;
    margin: 20px auto 0 !important;
    text-align: center;
}
.actionList {
    margin: 15px auto 0 !important;
}
#cart .complete .actionList {
    margin: 25px auto 0 !important;
}
.actionList li.back {
    display: inline-block;
    float: inherit !important;
    margin: 10px 10px 0;
}
.actionList li.go {
    display: inline-block;
    float: inherit !important;
    margin: 10px 10px 0;
}
@media screen and (min-width: 584px){
    #contents ul.actionList li.back {
        float: left !important;
    }
    #contents ul.actionList li.go {
        float: right !important;
    }
}
#contents .action .button,
#contents ul.actionList li .button {
    width: 270px !important;
}

/* -----------------------------------
    section
----------------------------------- */

/* messageSection */

#register #contents .messageSection {
    min-height: inherit;
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
}
#contents .messageSection p {
    margin: 2em;
}
#register #contents .messageSection p span {
    display: inline-block;
}
#cart .complete #contents .messageSection {
    min-height: inherit;
    margin: 0 25px;
    padding: 0;
    font-weight: normal;
    text-align: center !important;
}
#cart .complete #contents .messageSection .important {
    font-weight: bold;
}
#cart .complete #contents .messageSection .title {
    margin: 0 0 20px;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    line-height: 1.8;
}
#cart .complete #contents .messageSection p {
    margin: 0 0 20px;
}
.telSection {
    padding: 20px 20px 0;
    text-align: center;
}
.formTable textarea{
    width: 100%;
}
.mailSection{
    border-bottom:none;
}
/* displaySection */
.displaySection {
    position: inherit;
    margin-bottom: 0;
    padding: 0 0 20px;
    border: none;
}
.confirm .displaySection {
    padding: 0;
}
.dataTable {
    border-bottom: 1px solid #ccc;
    margin: 20px 0 0;
}
.dataTable tr th,
.dataTable tr td {
    display: block;
    border-top: none;
}
.dataTable tr th {
    width: 100%;
    border-top: solid 1px #ccc !important;
    border-right: none;
    background: #e7e7e7;
    color: #000;
    font-size: 125%;
    /* 修正0024 ここから */
    /* text-align: left; */
    text-align:center;
    /* 修正0024 ここまで */
    margin: 0;
    padding: 8px 25px;
}
.dataTable tr td {
    background: #f7f7f7;
    color: #000;
    font-size: 125%;
    font-weight: normal;
    margin: 0;
    padding: 15px 25px;
    box-sizing: border-box;
}

.addressColumn .dataTable {
    border-bottom: none;
}
.displaySection .optionColumn .dataTable {
    margin: 0;
}
.displaySection .action {
    text-align: center;
}
#cart #contents .displaySection .action a {
    margin-top: 25px;
}
#history #contents .displaySection ul.actionList {
    clear: both;
    margin: 25px 0 0 !important;
    padding-top: 0;
}
#history #contents .displaySection ul.actionList li {
    display: inherit;
    float: inherit;
    margin-left: 0;
}
#history #contents .displaySection ul.actionList li .button {
    width: auto;
    font-size: 100%;
    padding-right: 0;
    padding-left: 0;
}
#history #contents .displaySection ul.actionList li.main {
    display: block;
    float: none;
    margin-left: 0;
}

/* cautionSection */
.cautionList{
    margin: 0 25px;
}
#cart #contents .cautionSection {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 10px 25px 0;
    padding: 20px 0;
}
#cart #contents .cautionSection h4 {
    margin: 15px 0 5px;
}

/* infoSection */
/* 修正0036 ここから*/
#history .infoSection {
    padding: 10px 5px 10px 5px;
    /* border: solid 3px #666;　*/  /* 修正0038 */
    border-top: solid 3px #666;
    border-bottom: solid 3px #666;
}
/* 修正0036 ここまで*/

/* 修正0037 ここから*/
#cart #contents .contentInner .infoSection {
    padding: 10px 5px 10px 5px;
    /* border: solid 3px #666;　*/  /* 修正0038 */
    border-top: solid 3px #666;
    border-bottom: solid 3px #666;
}
/* 修正0037 ここまで*/

/* 修正0039 ここから*/
#contact .infoSection {
    position: relative;
    margin-bottom: 10px;
    padding: 15px 20px;
    border: solid 1px #666;
    background: #fcfcfc;
    text-align: left;
}
/* 修正0039 ここまで*/

#cart #contents .infoSection {
    /*position: inherit;*/
    margin-bottom: 0px;
    /* 修正0040 ここから*/
    /* padding: 0px !important; */
    /* border: none !important; */
    /* background: none !important; */
    padding: 0px;
    border: none;
    background: none;
    /* 修正0040 ここまで*/
}
#cart #contents .infoSection .title {
    margin: 0px;
    font-size: 125%;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}
#cart #contents .infoSection .inner {
    border: none !important;
    padding: 0px !important;
    background: none !important;
    font-size: 100%;
}
#cart #contents .infoSection .inner table th,
#cart #contents .infoSection .inner table td {
    font-size: 125% !important;
}
#cart #contents .infoSection .inner .basicTitle02 {
    margin-bottom: 0px;
}
#cart #contents .infoSection .inner h4 {
    margin-top: 0;
}
#cart #contents .infoSection .inner h5 {
    margin-top: 0;
}

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

    style info : 他

============================================================================================================ */
.zipButton {
    width: 32% !important;
    font-size: 100%;
    font-weight: bold !important;
    margin-left: 3%;
    paddingt: 0;
    text-align: center !important;
}
@media all and (-ms-high-contrast:none){
    .zipButton {
        position: relative;
        top: -2px;
    }
}

table tr td input.zipForm {
    display: inline-block;
    width: 63%;
}
table tr td select#birthday1{
    width: 30%;
}
table tr td #birthday2{
    width: 20%;
}
table tr td #birthday3{
    width: 20%;
}

#register #contents .text {
    padding: 0 25px;
    font-size: 100%;
    font-weight: bold;
    /* text-align: center;*/ /* 修正0041 */
}
#register #contents .text span {
    display: inline-block;
}
#register #contents .m-top30 {
    margin-top: 20px;
}
.m-top10 {
    margin-top: 5px;
}


/* -----------------------------------
    top
----------------------------------- */
#item .slide{ margin-top: -4%; }
a.apxColorRed { color: #df4363; }

#item .itemContent { background-color: #fff; } /* 修正0042 */

#item .itemSummary { margin-bottom: 0; }
#item .itemSummary ul.socialButtons {  text-align: left; }

#item .itemSummary .galleryColumn {
    width: 100%;
    background-color: #fff;
}

#item .itemSummary .galleryColumn .zoom .disp {
    width: 100%;
    border-bottom: 10px solid #f7f7f7;
}

#item .itemSummary .galleryColumn .zoom .disp img {
    
}

#item  .itemSummary .galleryColumn .zoom img {
    z-index: 1;
}

#item .itemSummary .galleryColumn .zoom #moviePlayer {
    display: none;
    position: relative;
    z-index: 111;
    width: 100%;
    min-height: 300px;
        vertical-align: top;
}

#item .itemSummary .galleryColumn .zoomButton {
    display: none !important;
}
#item .itemSummary .galleryColumn ul.thumbnail {
    width: 75.625%;
    margin: 0 auto;
    padding-left: 0;
}

#item .itemSummary .galleryColumn ul.thumbnail .item {
    width:15.125%;
    margin: 2%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#item .itemSummary .galleryColumn ul.thumbnail .item a {
    //position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    text-align: center;
    display: block; 
}
#item .itemSummary .galleryColumn ul.thumbnail .item a img{
    //max-height:100%;
    //position: absolute;
    //left: 50%; top: 50%;
        margin: auto auto;
        width: 100%;
        height: 100%;
    //-webkit-transform:translate(-50%,-50%);
    //transform:translate(-50%,-50%);
}

#item .itemSummary .dataColumn {
    width: 89.75%;
    margin: 0 auto;
    position: relative;
}

#item .itemSummary .dataColumn .badge {
    width: 30%;
    position: absolute;
    top: 0;  right: 0;
}

/* 修正0024 */
.itemSummary .dataColumn h1.fz24 {font-size:20px;}
.itemSummary .dataColumn h1.fz22 {font-size:18px;}
.itemSummary .dataColumn h1.fz20 {font-size:16.5px;}
.itemSummary .dataColumn h1.fz18 {font-size:15px;}
.itemSummary .dataColumn h1.fz16 {font-size:13px;}
.itemSummary .dataColumn h1.fz14 {font-size:12px;}
/* 修正0024 */

/*
#item .itemSummary .dataColumn ul.variationList {
    margin: 0;
}
#item .itemSummary .dataColumn ul.variationList li {
    padding: 0;
    margin: 0;
    border: none;
}

#item .itemSummary .dataColumn ul.variationList li .photo { 
    width: 13%;
    min-width: 52px;
}

#item .itemSummary .dataColumn ul.variationList li .itemInfo { 
    width: 76%;
    float: right;
}
*/
.itemSummary .dataColumn ul.variationList {
    margin: 0;
}
.itemSummary .dataColumn ul.variationList li {
    border-top: solid 1px #ccc;
    padding-top: 8%;
    overflow: hidden;
}
.itemSummary .dataColumn ul.variationList li .itemInfo { 
    width: 76%;
    float: right;
}
/*
.itemSummary .dataColumn ul.variationList li {
    overflow: hidden;
}
*/
.itemSummary .dataColumn ul.variationList li p {
    overflow: hidden;
}
.itemSummary .dataColumn ul.variationList li p.photo {
    display: inline;
    float: left;
    margin: 0 10px 0 0;
    width: 13%;
    min-width: 52px;
}
.itemSummary .dataColumn ul.variationList li p.photo img {
    width: 100%;
}
.itemSummary .dataColumn ul.variationList li h2 span {
    font-weight: normal;
}
.itemSummary .dataColumn ul.variationList li h2 span.stockStatus {
    font-weight: bold;
}
.itemSummary .dataColumn ul.variationList li h2 span.stockStatus01 {
    color: #333;
}
.itemSummary .dataColumn ul.variationList li h2 span.stockStatus02 {
    color: #999;
}
.itemSummary .dataColumn ul.variationList li h2 span.stockStatus03 {
    color: #29b1e9;
}
.itemSummary .dataColumn ul.variationList li p.spec {
    font-size: 84%;
}
.itemSummary .dataColumn ul.variationList li p span.itemID {
    margin-left: 1em;
    color: #999;
    font-size: 84%;
}

#item .itemSummary .dataColumn p.action { text-align: left; }
.itemSummary .dataColumn p.action .button { margin-bottom: 8%; }
#item .itemSummary .dataColumn p.action .button { 
    width: 220px !important;
    height: 42px;
}

.itemSummary .dataColumn .itemLogo {
    display: block;
    margin: 8% 0px 0px 0px;
}

.itemSummary .dataColumn h1 {
    font-size: 150%;
    line-height: 1.3;
}

.itemSummary .dataColumn > .t-read {
    display: block;
    font-size: 12px;
    line-height: 2;
}


.itemSummary .dataColumn .itemOrder {
    padding-bottom: 10px;
}

.itemSummary .dataColumn .itemName {
    font-size: 120%;
    font-weight: bold;
    padding-bottom: 4%;
}

.itemSummary .dataColumn .itemName > span {
    display: block;
    font-size: 80%;
    padding: 5px 0 0;
    font-weight: normal;
}

.itemSummary .dataColumn .itemPrice {
    font-size: 140%;
    color: #df2c52;
    //padding-bottom: 10px; //修正0066
}

/* 修正0066 ここから */
.itemSummary .dataColumn .itemDesc {
    font-size: 80%;
    padding-bottom: 10px; 
}
/* 修正0066 ここまで */

.itemSummary .dataColumn .itemPrice > span { font-size: 70%; }

.itemSummary .dataColumn .itemUp2Num {
    font-size: 12px;
    color: #df2c52;
    padding: 0 0 1%;
}

.itemSummary .dataColumn .variationList .temName,
.itemSummary .dataColumn .variationList .itemPrice {
    text-align: left;
}

.itemSummary .dataColumn ul.txt-limited { margin: 4% 0; }
.itemSummary .dataColumn ul.txt-limited li a {
    display: block;
    font-size: 18px;
    margin-bottom: 0;
}

.itemSummary .dataColumn p.action {
    clear: both;
    padding-top: 5px;
    text-align: right;
}
.itemSummary .dataColumn p.action .button {
    display: inline-block !important;
    width: 170px !important;
    margin-left: 10px;
}
.ie6 .itemSummary .dataColumn p.action .button,
.ie7 .itemSummary .dataColumn p.action .button {
    display: inline;
    zoom: 1;
}

.itemSummary .dataColumn p.action .button-gry {
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
    cursor: default !important;
}

#item .currentBroadItems,
#showcase .currentBroadItems { margin-bottom: 10%; }
#item .currentBroadItems .listType3 .item,
#showcase .currentBroadItems .listType3 .item {
    width: 50%;
    box-sizing: border-box;
    padding: 0 4.6875%;
    margin-bottom: 6%;
    float: left;
    text-align: left;
    position:relative;
}

#item .currentBroadItems .listType3 .item .visual,
#showcase .currentBroadItems .listType3 .item .visual {
    width: 100%;
    background: none;
    background-size: 0;
    padding: 0;
    position: relative;
    margin-bottom: 4%;
}

#item .currentBroadItems .listType3 .item .visual img,
#showcase .currentBroadItems .listType3 .item .visual img{
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.itemSummary .dataColumn ul.socialButtons {
    margin-top: 30px;
    text-align: right;
}

#item #itemNews{
    background-color: #fff;
    /* padding-bottom: 8%; */   /* 修正0068 */
}
#item #itemNews .item{
    width: 84.375%;
    padding: 0 0 5%; /* 修正0067 */ 
    border-bottom: 1px solid #ccc; /* 修正0067 */
}
#item #itemNews .item .visual{
    width: 100%;
    float:none;
    padding: 0;
    margin-bottom: 4%;
}
#item #newItemLis .itemt .ttl{
    font-size: 14px;
}
#item #itemNews .item .spec{
    font-size: 12px;
    margin-top: 2%;
}
#item #itemNews .btn-more{
    background-color: #f1f1f1;
}

.itemDetail .row {
    width: 89.75%;
    margin: 5% auto;
    padding: 0 0 5%;
    border-bottom: 1px solid #ccc;
}

.itemDetail .row .contentInner p > span{
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
}

.itemDetail .row .contentInner .item-ttl { 
    /* font-size: 15px; */      /* 修正0068 */
    font-size: 18px;            /* 修正0068 */
    text-align: center;         /* 修正0068 */
    font-weight: bold;
    /* padding-bottom: 5%; */
    padding-bottom: 8%;         /* 修正0068 */
}

.itemDetail .row .contentInner > .photo {
    display: block;
    margin-bottom: 4%;
}

.itemDetail .row .contentInner p { padding:  4% 0;}
.itemDetail .row .contentInner p.t-note { font-size: 12px; }
.itemDetail .row .contentInner p.l-btn { padding: 4% 0; }

.itemDetail .row .contentInner .itemInfo > h3 {
    padding-bottom: 4%;
}

.itemDetail .row .contentInner .itemInfo > .l-btn {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.itemDetail .row .contentInner .itemInfo > .l-btn img {
    display: block;
    width:100%;
    max-width: 100%;
}

.itemDetail .row .contentInner .itemInfo ul li {
    display: block;
    padding-left: 1em;
    text-indent: -1em;
}

.itemDetail .row .contentInner .itemInfo dl dt {
    font-weight: bold;
    padding-bottom: 1%;
}
.itemDetail .row .contentInner .itemInfo dl dt::after { content: "："; }
.itemDetail .row .contentInner .itemInfo dl dd { 
    padding-bottom: 2%;
    overflow: hidden;
}

.bnrArea { 
    width: 89.75%;
    margin: 5% auto;
    padding: 0 0 5%;
}
.bnrArea .ttl { 
    padding-bottom: 4%;
    line-height: 1.8;
}

/* -----------------------------------
エラー
----------------------------------- */
#error #contents {  
    padding: 20% 0;
    text-align: center;
    font-size: 12px;
}
#error #contents .error {
    color: #df4363;
    font-size: 15px;
    padding-bottom: 20px;
    font-weight: normal;
}
#error #contents > p { 
    font-weight: 500;
    line-height: 1.6;
}

/* 修正0027 ここから */
#notfound #contents {  
    padding: 20% 0;
    text-align: center;
    font-size: 12px;
}
#notfound #contents .error {
    color: #df4363;
    font-size: 15px;
    padding-bottom: 20px;
    font-weight: normal;
}
#notfound #contents > p { 
    font-weight: 500;
    line-height: 1.6;
}
/* 修正0027 ここまで */

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

#faq a:hover, /* 修正0063 */
#faq a:active, /* 修正0063 */
#guide a:hover,
#guide a:active { color: #000; }

.pricacyLink {
    margin: 0 5px 25px;
    font-size: 12px;
/*
    display: block;
    width: 94% ;
    margin: 0 auto 10%;
    padding: 20px 0;
    background-color: #e7e7e7;
    border: 1px solid #ccc !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    behavior: url('/js/PIE.htc');
    text-align: center;
*/
}
/*
.pricacyLink a { display: block; }
.pricacyLink a span{
    display: block;
    font-size: 18px; 
    font-weight: 500;
    position: relative;
}
.pricacyLink a span::after { 
    content: url(../img/sp/arrow_next_bk.png);
    position: absolute;
    top: 50%; right: 5%;
    -webkit-transform: translate(0, -40%);
    transform: translate(0, -40%);
 }
.pricacyLink img { display: none; }
*/
#faq .question, /* 修正0063 */
#guide .question {
    background: url(../img/common/icon_guide.gif) no-repeat scroll 0 10px transparent;
    font-size: 115%;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 10px 10px 10px;
    padding-left: 1em;
    color: #df4363; 
}
#faq .answer, /* 修正0063 */
#guide .answer {
    margin: 0 10px 20px 10px;
}
#faq .answer a, /* 修正0063 */
#guide .answer a {
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}

#faq .answer > p, /* 修正0063 */
#faq .answer .contentInnerList li > p, /* 修正0063 */
#guide .answer > p,
#guide .answer .contentInnerList li > p {
    display: block;
    padding-left: 1em;
    text-indent: -1em;
}

.questionTitle {
    font-size:122%;
}

.questionTitle img {
    padding-top: 3px;
    margin-right: 14px;
}

.questionTitle a {
    color:#000; /* 修正0029 */
    display:block;
    padding-left: 30px;
    text-decoration: none;
}

.questionTitle .open {
    background: url(../img/sp/btn_open.png) left center no-repeat;
    -webkit-background-size: 22px 22px;
    background-size: 22px 22px;
    /* color:#000; */　/* 修正0030 */
}
.questionTitle .close {
    background: url(../img/sp/btn_close.png) left center no-repeat;
    -webkit-background-size: 22px 22px;
    background-size: 22px 22px;
}

.accordion {
    padding: 5%;
    border-top:1px solid #ccc;
}

.accordion .qa {
    display:none;
    padding-top:18px;
}

#faq .answer p, /* 修正0063 */
#guide .answer p {
    margin-bottom: 1em;
    line-height:1.7em;
}

#faq .answer p.caution, /* 修正0063 */
#guide .answer p.caution {
    color: #FF0000;
    font-size: 86%;
}

#faq .capture img, /* 修正0063 */
#guide .capture img{
    border: 1px solid #ccc;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 100%;
}

/* -----------------------------------
特定商取引法に基づく表示
----------------------------------- */
#asct,
#asct .breadcrumb { background-color: #f7f7f7; }

#asct .asctContent .contentInner { margin-bottom: 10%; }

#asct .asctContent .contentInner:last-child { margin-bottom: 0; }

.asctContent .contentInner .contentBlock {
    width: 82%;
    margin: 0 auto;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    padding: 4%;
}

.asctContent .contentInner .contentBlock > p {
    font-weight: 600;
    line-height: 1.8;
    text-align: justify;
}

.asctContent .contentInner > h3 {
    text-align: center;
    font-size: 1.3em; 
    padding-bottom: 3%;
}

.asctContent .contentInner  a.up2form {
    color: #df4363; 
    text-decoration: underline;
}

.asctContent .contentInner table {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.asctContent .contentInner table tr {
    border-top: 1px solid #ccc;
}

.asctContent .contentInner table th,
.asctContent .contentInner table td {
    display: block;
    font-weight: bold;
    padding: 4% 6%;
}

.asctContent .contentInner table th {
    background-color: #f1f1f1;
    border-right: 1px solid #ccc;
}
.asctContent .contentInner table td {
    background-color: #fff;
}

.asctContent .contentInner .contentInnerList {
    display: block;
    padding-left: 1em;
    text-indent: -1em;
}

/* -----------------------------------
プライバシーポリシー
----------------------------------- */
#privacy .contentInner table {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%;
    table-layout: fixed;
    word-break: break-word;
}

#privacy .contentInner table tr {
    border-top: 1px solid #ccc;
}

#privacy .contentInner table th,
#privacy .contentInner table td {
    display: block;
    font-weight: bold;
    padding: 4% 6%;
}

#privacy .contentInner table th {
    background-color: #f1f1f1;
    border-right: 1px solid #ccc;
}
#privacy .contentInner table td {
    background-color: #fff;
    border-top: 1px solid #ccc;
}

/* 修正0033 */
#specialHeader {
    background-color: #FFF;
}

/* 修正0045 */
#txtKiyaku {
    width: 90%;
}

/* 修正0034 */
#showcase #newsArea .contentInner > div.fb-news-list-wrapper {
    height: auto;
}
#showcase #newsArea .contentInner > div.tw-news-list-wrapper {
    height: auto;
}