@charset "euc-jp";

body {
 margin: 0; padding: 0;
 font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "ヒラノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;}

a { color: #488BC9;}

table { border-spacing: 0;}

.base01 { margin: 0 auto;}
.base02 { margin: 0 auto;}

.alert--trial-account {
 margin: 5px 0; padding: 4px; text-align: center;
 color: #f00; font-size: 14px; font-weight: bold;
 border: 1px solid #f00; background-color: #FFF;}
.alert--owner {
 margin: 5px 0; padding: 4px; text-align: center;
 color: #228b22; font-size: 14px; font-weight: bold;
 border: 1px solid #228b22; background-color: #FFF;}

/*
 * View PC
 */

.view_pc .base01 { width: 804px; text-align: center;}
.view_pc .base02 { width: 700px; text-align: left;}
.view_pc .text_area { padding: 20px 0 20px 52px; text-align: center;}
.view_pc .copyright { padding: 20px 0 6px 0; text-align: center; color: #000; font-size: 12px;}
.view_pc .secure_seal { margin: 20px auto; text-align: center;}
.view_pc .secure_seal span { text-align: left; font-size: 9px; line-height: 14px;}

/*
 * Objects
 */

.is-visible--phone { display: none; visibility: hidden;}

.p-page__wrap { width: auto; font-size: 14px;}
.p-page__wrap .p-shop__header { width: auto; padding: 20px 0; text-align: center;}

.view_pc .p-page__container { width: auto; max-width: 700px; margin: 0 auto 10px auto;}
.view_pc .base01 { max-width: 804px;}

.p-shop__header a:link, .p-shop__header a:visited { text-decoration: none;}
.p-shop__header a:hover, .p-shop__header a:active { text-decoration: underline;}
.p-shop__logo {  max-width: 100%;  height: auto;  margin: 0 auto;  display: block;}
.p-shop__title {  font-size: 36px;  font-weight: normal;  line-height: 1.5;}

.p-page__copyright { padding: 20px 0; text-align: center; font-size: 12px;}

.p-page__secure { max-width: 400px; margin: 0 auto;}
.p-page__secure:after { clear: both; content: ""; display: block;}

.p-secure__image { float: left; width: 120px;}
.p-secure__msg { float: right; width: 280px; font-size: 10px; line-height: 1.4;}

.p-page__title {
 margin: 10px 0 30px; text-align: center;
 color: #000; font-size: 22px; font-weight: normal; line-height: 1.5;}
.p-page__sub-title {
 margin: 40px 0 20px; color: #000; font-size: 16px; line-height: 1.5;}

.p-page__body { background: #FFF;}
.p-page__body-inner {
 padding: 20px; color: #000;
 border-top: 2px solid #3888CF; border-bottom: 2px solid #3888CF;}

.p-page__section {
 margin: 0 0 30px; padding: 20px; border-radius: 4px; border: 2px solid #b0bec5;}
.p-page__section-title { margin: 0px; color: #000; font-size: 16px; line-height: 1.5;}

.p-mailmaga__email { margin: 50px 0 30px; text-align: center; font-size: 16px;}

.p-review-product__img {
 max-width: 250px; max-height: 250px; height: auto; margin: 0 auto 20px; display: block;
 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border: 2px solid #FFF;}
.p-review-product__img:active { box-shadow: none;}
.p-review-product__img--float {
 float: left; width: 40%; max-width: 120px; max-height: 120px; margin: 0 20px 0 0;}
.p-review-product__name { margin-bottom: 20px; font-size: 16px;}
.p-review-product__note { clear: both; padding: 1em 0; font-size: 12px;}
.p-review-list__unit { padding: 20px 0;}
.p-review-list__unit:after { clear: both; content: ""; display: block;}
.p-review-list__info { margin: 5px 0 10px; padding: 0; font-size: 12px; list-style-type: none;}
.p-review-list__info li { padding-left: 20px; display: inline;}
.p-review-list__info li:first-child { padding: 0;}
.p-review-list__img { float: left; margin: 0 20px 10px 0; display: block;}
.p-review-list__title { font-size: 16px; font-weight: bold;}
.p-review-list__reply { margin-top: 20px;}
.p-review-list__reply-info {
 margin: 10px 0; padding: 0; font-size: 12px; list-style-type: none;}
.p-review-list__reply-info li { padding-left: 20px; display: inline;}
.p-review-list__reply-info li:first-child { padding: 0;}
.p-review-list__reply-comment { padding: 3px 0 3px 20px; border-left: 3px solid #eff2f3;}
.p-review-list__pager { margin: 1em 0; text-align: center;}

.c-text--danger { color: #f44336;}

.c-button__group { margin: 20px 0; text-align: center;}
.c-button__group--sub { margin: 20px 0 30px; text-align: right;}
.c-button__group-note { font-size: 12px;}
.c-button__group-notes { text-align: left;}

.c-button, .c-button:link, .c-button:hover, .c-button:active, .c-button:visited {
 margin: 0 7px; display: inline-block; vertical-align: middle; -webkit-appearance: none;
 color: #000; text-decoration: none; white-space: nowrap; border: none;}
.c-button {
 padding: .75em 1.5em; cursor: pointer; box-shadow: inset 0 -0.1em 0 rgba(0, 0, 0, 0.1);
 font-size: 14px; line-height: 1;
 -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
 border: none; background: #DDD;}
.c-button:hover { background: #CCC;}
.c-button:active { box-shadow: none;}
.c-button:disabled, .c-button.disabled,
.c-button:disabled:hover, .c-button.disabled:hover {
 cursor: default; box-shadow: none; color: #000; background: #D7E8F5;}

.c-button--primary, .c-button--primary:link, .c-button--primary:hover,
.c-button--primary:active, .c-button--primary:visited { color: #FFF; font-weight: bold;}
.c-button--primary { background: #F23D00;}
.c-button--primary:hover { background: #F56433;}

.c-button--danger, .c-button--danger:link, .c-button--danger:hover,
.c-button--danger:active, .c-button--danger:visited { color: #FFF; font-weight: bold;}
.c-button--danger { background: #2377CB;}
.c-button--danger:hover { background: #4F92D5;}

.c-button--lg { padding: 1em 3.6em; font-size: 16px;}
.c-button-sm, .c-button--sm { font-size: 12px!important;}

.c-alert {
 margin: 30px 0; padding: 20px; text-align: left; color: #204686; line-height: 1.6; background: #D7E8F5;}
.c-alert--danger { color: #f44336; font-weight: bold; background: #feedeb;}
.c-alert--success { color: #4caf50; font-weight: bold; background: #edf7ee;}

.c-msg { margin: 70px 0; text-align: center; line-height: 1.8;}

.c-form__table { width: 100%; margin: 30px 0; border: none;}
.c-form__title {
 width: 37%; padding: 17px 20px 17px 0; text-align: right; vertical-align: top;
 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
 color: #000; font-size: 14px; font-weight: normal;}
.c-form__title--must { color: #F00;}
.c-form__content {
 width: 63%; padding: 10px 0; text-align: left; vertical-align: middle; color: #000; font-size: 14px;}
.c-form__content.c-type-of-money, .c-form__content.c-type-of-point { font-size: 20px;}
.c-form__example { margin: .3em .5em; color: #888; font-size: 12px;}
.c-form__note { margin: .3em 0; color: #666; font-size: 12px;}
.c-form__note--danger { display: none; color: #f44336;}
.c-form__note--success { display: none; color: #4caf50;}

.c-input--text {
 width: 100%; margin-top: 0; padding: 7px; vertical-align: middle;
 font-size: 14px; border: 2px solid #DDD;
 -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.c-input--text.is-narrow {
 width: 40%; max-width: 200px; min-width: 100px; margin-right: 0;}
.c-input--text:focus { outline: none; border-color: #CCC;}
.c-input--select-wrap { position: relative;}
.c-input--select {
 width: 100%; margin-top: 0; padding: 7px; cursor: pointer; font-size: 14px;
 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
 -webkit-appearance: none; -moz-appearance: none; appearance: none;
 -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
 border: 2px solid #DDD; background: #FFF;}
.c-input--select-wrap:before {
 width: 20px; height: 20px; margin-top: -10px; position: absolute; right: 0; top: 50%;
 z-index: 100; content: "▼"; color: #000; font-size: 9px; line-height: 20px;}
.c-input--select:focus { outline: none;}
.c-input--file { width: 100%; padding: 1em 0;}

.c-line { height: 2px; margin: 50px 0; border: none; background: #CCC;}

.c-table-wrap {
 width: 100%; margin: 20px 0; overflow-x: auto;
 -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
 border: 2px solid #b0bec5; border-bottom-width: 1px;}
.c-table-wrap table + table { border-top: 1px solid #b0bec5;}
.c-table-wrap--overflow {
 width: 100%; max-height: 200px; margin: 20px 0; overflow-y: scroll; overflow-x: auto;
 -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
 border: 2px solid #b0bec5;}

.c-table { width: 100%;}
.c-table .c-type-of-money { width: 120px;}
.c-table .c-type-of-point { width: 60px;}
.c-table__title {
 min-width: 80px; padding: .7em; font-size: 12px; border-left: 1px solid #b0bec5;}
.c-table__title:first-child { border-left: none;}
.c-table__content {
 padding: .7em; border-top: 1px solid #b0bec5; border-left: 1px solid #b0bec5;}
.c-table__content:first-child { border-left: none;}
.c-table__content--empty { height: 100px; text-align: center;}
.c-table__label { color: #666; font-size: 12px; font-weight: bold;}

.c-table-preview { width: 100%; border-top: 1px solid #b0bec5;}
.c-table-preview__title {
 width: 35%; padding: 15px 20px 15px 0; text-align: right; vertical-align: top;
 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
 color: #000; font-size: 14px; font-weight: normal; border-bottom: 1px solid #b0bec5;}
.c-table-preview__content {
 width: 65%; padding: 15px 0; text-align: left; vertical-align: middle;
 color: #000; font-size: 14px; border-bottom: 1px solid #b0bec5;}

.c-table-sales { width: 100%;}
.c-table-sales__title {
 width: 80%; padding: .5em; text-align: left; vertical-align: top;
 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
 color: #000; font-size: 14px; font-weight: normal; border-bottom: 1px solid #b0bec5;}
.c-table-sales__content {
 width: 20%; padding: .5em; text-align: right; vertical-align: middle;
 color: #000; font-size: 14px; border-bottom: 1px solid #b0bec5;}

.c-type-of-money, .c-type-of-point { text-align: right;}

@media (max-width: 768px) {
.is-visible--phone { display: initial; visibility: visible;}

.p-page__wrap { font-size: 16px;}

.c-button__group--sub b { display: block; text-align: left;}
.c-button__group-note { text-align: left;}

.c-form__content .c-button { padding: 19px 1em; font-size: 16px;}
.c-form__title, .c-table-preview__title {
 padding: .5em 0 0; text-align: left; font-weight: bold; border: none;}
.c-form__title br {  display: none;}
.c-form__title, .c-form__content,
.c-table-preview__title, .c-table-preview__content {
 width: auto; display: block; font-size: 16px;}

.c-input--text { padding: 1em .5em; font-size: 16px;}
.c-input--select { padding: .8em .5em; font-size: 16px;}

.c-table, .c-table tbody { display: block;}
.c-table__title-block { display: none;}
.c-table__content-block {
 padding: 10px 0; display: block; border-bottom: 1px solid #b0bec5;}
.c-table__content-block:last-child { border-bottom: none;}
.c-table__content {
 padding: .1em .5em; overflow: hidden; display: block; white-space: nowrap;
 text-overflow: ellipsis; -o-text-overflow: ellipsis; border: none;}
.c-table__content.c-type-of-money, .c-table .c-type-of-point {
 width: auto; text-align: left;}
.c-table__label { width: 90px; display: inline-block;}
}

@media (max-width: 480px) {
.p-page__secure { padding: 0 20px;}
.p-secure__image { width: 30%;}
.p-secure__image img { max-width: 90%; height: auto;}
.p-secure__msg { width: 70%;}
.c-button__group .c-button {
 width: 100%; margin: 0 0 1em; padding: 1em 0; display: block; text-align: center; font-size: 14px;}
.c-form__content .c-button { margin: 0;}
}

img.css_thumb { -ms-interpolation-mode: bicubic;}

input.input_ime { ime-mode: disabled;}

#sk_block { margin: 0; padding: 10px 0; text-align: center;}

#sk_wrapp { width: 530px; margin: 0 auto; padding: 0; text-align: left;}
#sk_wrapp .sk_title { margin: 0 0 10px; padding: 0; text-align: center;}
#sk_wrapp .table1 { width: 530px; margin: 0 0 10px;}
#sk_wrapp .table1 th { padding-left: 5px; text-align: left;}

#sk_closed { margin: 0; padding: 0; text-align: center;}

.btn_cont_dl {
 margin: 15px 0 0; display: block; font-weight: bold; line-height: 1.1em;}

.link_cont_dl {
 padding: 5px 0 5px 22px; display: block;
 background: transparent url(../img/icon_download.png) 0 3px no-repeat;}
.link_cont_dlv2 {
 padding: 5px 0 5px 22px; display: block;
 background: transparent url(../img/icon_download.png) 0 6px no-repeat;}

.gift_wrap {
 clear: both; margin: 24px auto 0; padding: 10px;
 border: 2px solid #FFCC00; background: #FEFBCD;}

.gift_msg, .gift_msg_sp { color: #FF7F00; font-size: 14px; font-weight: bold;}

.gift_list { margin-top: 10px; line-height: 1.6em;}
.gift_list_sp { padding-left: 30px; padding-top: 5px; line-height: 1.6em; list-style-type: square;}
.gift_wrap_sp {
 clear: both; margin: 24px auto 0; padding: 5px; border: 1px solid #FC0; background: #FEFBCD;}
.gift_list_item_img, .gift_list_item_img img { width: 70px;}
.gift_list_item_img { padding: 3px; border: 1px solid #FC0; background-color: #FFF;}
.gift_list_item_name { padding: 5px 10px;}
.gift_ng_img { padding: 0 10px;}
.gift_ng_img_sp { padding: 5px 0 0 0;}

.btn_next { cursor: pointer;}

.subsc_login {
 margin: 10px auto; padding: 10px; text-align: center; border: 2px solid #FFCC00; background: #FEFBCD;}

.subsc_must { color: #F36;}

.credit_card_save {
 margin: 10px auto; padding: 10px; text-align: center; border: 2px solid #FFCC00; background: #FEFBCD;}
.credit_card_save_checkbox { margin-top: 10px; text-align: center;}

.yahoo_auction_info{
 margin: 10px auto; padding: 10px; text-align: center;
 border: 2px solid #FFCC00; background: #FEFBCD;}

.ie6_box {
 margin: 0 auto 24px; padding: 20px; text-align: center;
 font-size: 14px; line-height: 1.6em; font-weight: bold;
 border: 2px solid #FFCC00; background: #FEFBCD;}

.name_w_cu { width: 30%;}
.name_w_sc { width: 45%;}

.product_text { width: 30%; padding-top: 5px;}
.product_text_sp { padding-top: 5px;}
.product_text_detail_cu { width: 100%;}
.product_text_detail_cu_sp { width: 100px; margin-left: 5px;}
.product_text_detail_sc { margin-left: 5px;}

.pickup_img img { max-width: 100%; height: auto;}

.content_box { width: 800px; margin: 20px auto;}

.clear { clear: both;}

.sp_input_code { width: 100%; margin: 5px 0 0; box-sizing: border-box;}

.msg_mail_attention {
 width: 500px; margin: 20px auto 0; padding: 20px;
 border: 2px solid #FFCC00; background-color: #FEFBCD;}
.sp_msg_mail .msg_mail_attention { width: auto;}
.msg_mail_attention ul {
 padding: 20px 40px 20px 20px; font-size: 14px; list-style-type: decimal;}
.msg_mail_attention li { margin-bottom: 5px;}
.msg_mail_attention p strong { color:#F00; font-size: 14px; font-weight:bold;}

.txt_c { text-align: center;}

.msg_thanks { margin-top: 40px; font-size: 14px; line-height: 1.6;}

.view_pc #order_end .order_cap { margin-bottom: 0; font-size: 16px; font-weight: bold;}

a.btn_creditpay_pc { background-image: url(../img2/btn.png?20150421);}

.msg_order_end { font-size: 20px;}
.msg_order_end p { line-height: 1.5;}

#order_end .order_number { background: transparent;}

.save_point ul li img.save_point_calamel { margin-right: 10px; vertical-align: -5px;}
.save_point ul li img.save_point_gmo { width: 90px; height: 12px; vertical-align:-1px;}

/* 利用クレジットカード選択 */
.payment_card_cell { width: 75%;}
.payment_card { display: block;}
.payment_card dt {
 clear: both; float: left; width: 6em; display: block; line-height: 1.6; white-space: nowrap;}
.payment_card dd {
 float: left; display: block; line-height: 1.6; white-space: nowrap;}
.payment_card dd:before { margin-right: 1em; display: inline-block; content: ':';}

/*
 myaccount-result
*/

.myaccount-result {
 width: 100%; margin: 0 0 -1em; padding: 0; display: table; border-collapse: collapse;}
.myaccount-result__count {
 margin: 0; padding: 0; display: table-cell; vertical-align: middle;}
.myaccount-result__btn {
 margin: 0; padding: 0; display: table-cell; text-align: right; vertical-align: middle;}

/*
 c-table-scroll-wrap
*/

.c-table-scroll-wrap {
 width: 100%; margin: 20px 0; -webkit-box-sizing: border-box; box-sizing: border-box;
 border-radius: 4px; border: 2px solid #b0bec5;}

/*
 c-table-scroll
*/

.c-table-scroll { width: 100%;}

.c-table-scroll__thead {
 width: 100%; display: block; border-radius: 4px 4px 0 0; background-color: #D7E8F5;}
.c-table-scroll__tbody {
 width: 100%; max-height: 300px; overflow-y: scroll; display: block;}

.c-table-scroll__title {
 padding: 0.8em 0.6em; -webkit-box-sizing: border-box; box-sizing: border-box;
 font-size: 12px; border-left: 1px solid #b0bec5; border-bottom: 1px solid #b0bec5;}
.c-table-scroll__title:first-child { border-left: none;}
.c-table-scroll__title--id, .c-table-scroll__content--id { width: 90px;}
.c-table-scroll__title--date, .c-table-scroll__content--date { width: 100px;}
.c-table-scroll__title--pname, .c-table-scroll__content--pname { width: 286px;}
.c-table-scroll__title--pname-check, .c-table-scroll__content--pname-check { width: 206px;}
.c-table-scroll__title--num, .c-table-scroll__content--num { width: 80px;}
.c-table-scroll__title--money, .c-table-scroll__content--money { width: 85px;}
.c-table-scroll__title--check, .c-table-scroll__content--check {
 width: 80px; text-align: center; font-size: 12px;}

.c-table-scroll__content {
 padding: 0.6em; -webkit-box-sizing: border-box; box-sizing: border-box;
 border-top: 1px solid #b0bec5; border-left: 1px dotted #b0bec5;}
.c-table-scroll__content:first-child { border-left: none;}
.c-table-scroll__content--money { text-align: right;}
.c-table-scroll__content-block.c-table-scroll__content-block--cancel {
 color: #888; background-color: #d0d0d0;}

@media (max-width: 768px) {
.c-table-scroll, .c-table-scroll__tbody { display: block;}
.c-table-scroll__thead { display: none;}
.c-table-scroll__content-block {
 padding: 10px 0; display: block; border-bottom: 1px solid #b0bec5;}
.c-table-scroll__content-block:last-child { border-bottom: none;}
.c-table-scroll__content {
 width: auto; padding: 0.1em 0.5em; display: block; overflow: hidden; text-align: left;
 font-size: 14px; white-space: nowrap; text-overflow: ellipsis; border: none;}
.c-table-scroll__label {
 width: 90px; display: inline-block; color: #666; font-size: 12px; font-weight: bold;}
}

/*
 myaccount-card
*/

.myaccount-card {
 margin: 0; padding: 4px 10px; display: inline-block; color: #204686; line-height: 1.6;
 font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "ヒラノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
 border-radius: 2px; background-color: #D7E8F5;}
.myaccount-card__company { display: inline-block;}
.myaccount-card__company:after {
 margin: 0 0.5em; padding: 0; content: ':'; display: inline-block;}
.myaccount-card__number { margin: 0; padding: 0; display: inline-block;}

/* Amazonペイメント対応（PC版） */
.checkout-select {
 margin-top: 20px; margin-bottom: 20px; display: block;
 border-right: 2px solid #CCC; border-bottom: 2px solid #CCC;
 border-left: 2px solid #CCC; background-color: #CCC;}
.checkout-select__item { padding: 15px; border-top: 2px solid #CCC;}
.checkout-select__item input { margin: 0; padding: 0;}

.checkout-select__btn { float: right; width: 200px; height: 45px; margin: 0 0 5px 15px;}
.checkout-select__disabled {
 width: 200px; height: 45px; display: block; overflow: hidden; cursor: default;
 text-indent: -100%; white-space: nowrap;
 background: url(../img2/btn_checkout.png) no-repeat 0 0;}
.checkout-select__submit {
 width: 200px; height: 45px; display: block; overflow: hidden; cursor: pointer;
 text-indent: -100%; white-space: nowrap;
 background: url(../img2/btn_checkout.png) no-repeat 0 0;}
.checkout-select__submit:hover { background-position: 0 -45px;}

.checkout-select__lead { margin-bottom: 10px; color: #000 !important; font-size: 14px; line-height: 1.6;}
.checkout-select__lead:last-child { margin-bottom: 0;}
.checkout-select__lead--is_note { color: #95989A !important; font-size: 12px; line-height: 1.6;}

/* Amazonペイメント対応（SP版） */
.sp-checkout-select {
 margin-top: 20px; margin-bottom: 20px; display: block; border: 2px solid #CCC; background-color: #FFF;}
.sp-checkout-select__item { padding: 10px; text-align: center;}
.sp-checkout-select__item + .sp-checkout-select__item { position: relative;}
.sp-checkout-select__item + .sp-checkout-select__item:before {
 padding: 2px 1em; display: inline-block; content: 'または'; position: relative; top: -10px; z-index: 1;
 font-size: 14px; line-height: 1; background-color: #FFF;}
.sp-checkout-select__item + .sp-checkout-select__item:after {
 height: 1px; content: ''; position: absolute; top: 10px; left: 10px; right: 10px;
 z-index: 0; background-color: #CCC;}
.sp-checkout-select__item input { margin: 0; padding: 0;}

.sp-checkout-select__btn { margin: 5px auto 10px auto; text-align: center;}
.sp-checkout-select__btn.sp-checkout-select__btn a { margin: 0 auto; display: block;}

.sp-checkout-select__lead {
 margin-bottom: 5px; text-align: left; color: #000 !important; font-size: 14px; line-height: 1.6;}
.sp-checkout-select__lead--is_note {
 color: #95989A !important; font-size: 12px; line-height: 1.6;}