/* main - コンテナ内メインコンテンツ
-------------------------------------------------------------*/
#main.form_style .review_form tr td.stars{
  color: #fcc323;
  font-size: 1.3em;
  letter-spacing: -0.05em;
}
#main.form_style .review_form tr{
  text-align: left;
}
#main.form_style .review_form #NICKNAME{
  max-width: 500px;
  width: 100%;
  box-sizing: border-box;
}
#main.form_style .review_form #REVIEW_TITLE{
  max-width: 500px;
  width: 100%;
  box-sizing: border-box;
}
#main.form_style .review_form #REVIEW_COMMENT{
  max-width: 500px;
  width: 100%;
  box-sizing: border-box;
}
#main.form_style .review_form img{
  max-width: 500px;
  width: 100%;
  box-sizing: border-box;
}

#main.form_style input.button.positive.medium{
  background-color: #7cb342;
  border:1px solid #669435;
  color:#fff!important;
  font-weight: bold;
  padding:6px 20px;
  cursor: pointer;
}

#main.form_style{
  padding:30px;
}

#main.form_style h2{
  font-size: 1.6em;
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
}
#main.form_style p{
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
}

#main{float: none; padding-bottom: 20px;}
#main h2{display: block; height: 25px; padding: 3px 3px 3px 10px; font-size: 100%; font-weight: bold;}
#main p{margin: 5px 10px; font-size: 100%; line-height: 150%;}
#main table{width: 720px; margin: 10px; font-size: 80%; border: 1px solid #CCC; line-height: 200%;}
#main table.cart_option{border:none}
#main th{padding: 10px; border: 1px solid #CCC; background: #F6F6F6; vertical-align: top; font-weight: normal; text-align: left;}
#main th.title{width: 160px; text-align: left;}
#main th.address{width: 55px;}
#main td{padding: 10px; border: 1px solid #CCC; vertical-align: top;}
#main td input{vertical-align: middle; padding: 2px;}
#main .buttonarea{
	padding-top: 10px;
	text-align: center;
}
#main .buttonarea a{
}
#main.common_error div.buttonarea form span input.button.positive.medium{
  background-color: #7cb342;
  border:1px solid #669435;
  color:#fff!important;
  font-weight: bold;
  padding:6px 20px;
  cursor: pointer;
}

#main .buttonarea .attention{color: #d00137; font-size: 90%;}
#main .buttonareaFR{margin: 0 0 0px; float: right;}
#main .buttonareaFR:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#main .hissu{color: #d00137; font-weight: bold;}
#main #breadcrumbs{margin-bottom: 10px; font-size: 80%;}
#main .amazon_comment{color: #d00137; font-weight: bold;}
#main .expiration_date{padding-left: 10px;}
#main div#review form div.buttonarea a img{
  width:auto;
}
#main #common_wrapper form table input[type="number"]{
  -moz-appearance:textfield;
  -webkit-appearance: none;
}
#main #common_wrapper form table input#PC_MAIL{
  width:260px;
}
#main #common_wrapper form table input#TEL{
  width:180px;
}
#main #common_wrapper form table input#ZIP{
  width:135px;
}
#main #common_wrapper form table input#BIRTH_YEAR{
  width:70px;
}
#main #common_wrapper form table input#BIRTH_MONTH{
  width:50px;
}
#main #common_wrapper form table input#BIRTH_DAY{
  width:50px;
}
#main.cart.cart_seisan div#common_wrapper div#cartFlow form#seisanForm div.content div div img.wrapping{
  max-width:100%;
  margin-bottom: 15px;
}

#main div#continue section h2{
  height:unset;
}

#common_wrapper form .example{
  color:#666;
  font-size: 0.93em;
}

#common_wrapper form input#L_NAME{
  display: inline;
  width:110px;
}
#common_wrapper form input#F_NAME{
  display: inline;
  width:110px;
}
#common_wrapper form input#L_KANA{
  display: inline;
  width:110px;
}
#common_wrapper form input#F_KANA{
  display: inline;
  width:110px;
}

#main input[type="text"]{
  border: solid 1px #ccc;
  -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25);
  -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25);
  box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25);
  box-sizing: border-box;
}
#main input[type="email"]{
    border: solid 1px #ccc;
    -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25);
    -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25);
    box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25);
}
#main input[type="password"]{
    border: solid 1px #ccc;
    -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25);
    -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25);
    box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25);}
#main input[type="tel"]{
    border: solid 1px #ccc;
    -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25);
    -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25);
    box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25);
}
#main input[type="number"]{
    border: solid 1px #ccc;
    -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25);
    -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25);
    box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25);
}
#main td span textarea{
    border: solid 1px #ccc;
    -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25);
    -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25);
    box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25);
}
.cart_member_regist #main input[type="text"]#ADDR2{
  width: 100%;
  max-width: 500px;
}
.cart_member_regist #main input[type="text"]#ADDR3{
  width: 100%;
  max-width: 500px;
}

/********** ご依頼主（ご請求先）情報 **********/
/* 反映 */
#member_edit_cancel{
	border-radius: 3px;
	border: solid 1px #999;
	line-height: 1.2;
	text-shadow: none;
	color: #000;
	background: #ddd;
}
/* 反映 */
#member_edit_complete{
	border-radius: 3px;
	border: solid 1px #9d0202;
	line-height: 1.2;
	text-shadow: none;
	color: #fff;
	background: rgb(221,83,83);
	background: -moz-linear-gradient(left, rgba(221,83,83,1) 0%, rgba(221,34,34,1) 100%);
	background: -webkit-linear-gradient(left, rgba(221,83,83,1) 0%,rgba(221,34,34,1) 100%);
	background: linear-gradient(to right, rgba(221,83,83,1) 0%,rgba(221,34,34,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd5353', endColorstr='#dd2222',GradientType=1 );
}


#common_wrapper .member_buttonarea a#memberEdit_Link {
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  width: 250px;
  height: 40px;
  display: block;
  margin:0 auto 60px;
  line-height: 38px;
  background-image: none;
  border-radius: 0;
  text-decoration: none;
  box-sizing:border-box;

  background-color: #df5483;
  border:1px solid #ac4669;
  color:#fff!important;
}


#loginNew form div.social_provider div.box.heightLine table tbody tr td input{
  width:98%;
  height:22px;
}

#main #common_wrapper {
  width: 800px;
  margin: auto;
  padding: 60px 0;
}
.cart_member_regist #main #common_wrapper {
  padding-top: 15px;
}
#main.member_confirm #common_wrapper {
  padding-top: 15px;
}
#header .inner #simple_header{
  margin:auto;
  max-width: 800px;
  width: 100%;
}
#header .inner #simple_header img{
  max-width: 800px;
  width: 100%;
}
#main td span input[type="text"] {
  width: 400px;
  height: 22px;
}
#main td span input#PC_MAIL_CONFIRM1{
width:150px;
}
#main td span input#PC_MAIL_CONFIRM2{
  width:220px;
}

#main td span textarea {
  width: 400px;
}

#main tr th {}

#main.cart.confirm #common_wrapper span div.alert{
  background-color:#ef2a42;
  color:#fff;
  padding:15px;
}

#main #common_wrapper {
  font-size: 1.2em;
}

#main.cart .cart_note{
  color:#fff;
  font-size: 0.85em;
  background-color:#fdf0f4;
  padding:10px;
  margin:0;
  margin-bottom: 15px;
  color:#222;
  border:solid 3px #eb6290;
}

#main.cart .cart_note h2{
  font-size: 1.2em!important;
}

#main.cart .cart_note p{
  line-height:1.7em;
}


#main.cart #common_wrapper #cartResult #testimonials p{
  margin:0;
}

#main.cart #common_wrapper #cartResult #testimonials{
  width:auto;
  border:double 4px #ead895;
  text-align: right;
  padding:10px 40px;
  border-radius:10px;
  background-color:#fff8de;
  text-align: center;
  margin:15px 0;
}

#main.cart #common_wrapper #cartResult #testimonials strong{
  color:#d00137;
}

@media screen and (max-width:850px) {
  #main.cart #common_wrapper #cartResult #testimonials{
    width:auto;
    float:right;
    border:double 4px #ead895;
    text-align: right;
    padding:10px 5px;
    border-radius:10px;
    background-color:#fff8de;
    text-align: center;
    margin:10px 0;
  }
}

#main #common_wrapper h2 {
  font-size: 2em;
  display: inline;
}

#main .contact_form #common_wrapper tr {
  display: block;
  margin: 18px 0;
}

#main table {
  width: 100%;
  margin: 20px 0;
  font-size: 100%;
  line-height: 200%;
}

#main.cart .purchase_box{
  border:1px solid #d4d0c1;
  border-radius:7px;
  padding:5px 10px;
  background:#fffdf5;
}

#main.cart .opt_desc{
  margin-top: 4px;
  line-height: 1.6em;
  font-size: 0.93em;
  color: #222;
}

#main.cart label{
  font-weight: bold;
  color:#222;
}

#main.cart #noshi .purchase_box label{
  font-weight: normal;
}


#main.cart .opt_img{
  width:140px;
  border:solid 1px #e7e6e6;
}

#main.cart .check_num{
  float:left;
  margin-right: 20px;
}

@media screen and (max-width:800px) {
  #main.cart .opt_img{
    width:90px;
    border:solid 1px #e7e6e6;
    float:left;
  }

  #main.cart .check_num{
    float:none;
    margin-right:0px;
  }

  #main.cart div#common_wrapper #noshi .right_sec .purchase_box span:nth-child(n+2)::before{
    content:"\A";
    white-space: pre;
  }
}

#main.cart div#common_wrapper div#cartFlow form#confirmForm .content table tbody tr td div.img_box{
  float:left;
  margin-right:10px;
}

#common_wrapper div#mm_camp ul li{
  margin-left:25px;
  list-style-type: disc!important;
}

#common_wrapper div#mm_camp{
  font-size: 1.1em;
  margin-bottom: 18px;
}

#common_wrapper div#mm_camp img{
  max-width:100%;
  margin-bottom: 20px;
}

#main.cart.cart_seisan #common_wrapper #cartFlow #seisanForm .content div table tbody tr td textarea#BIKO{
  width:100%;
}

@media screen and (max-width:800px) {

  #main.cart #common_wrapper #cartFlow select{
    font-size:100%;
  }

  #main.cart #common_wrapper #cartFlow input{
    font-size:100%;
  }

  #main.cart #common_wrapper #cartFlow #seisanForm div.content div.buttonarea a img{
      margin:0 10px;
  }
  #main.cart #common_wrapper #cartFlow #seisanForm div.content div.buttonarea input{
      margin:0 auto;
    margin-bottom: 25px;
  }
}

#main.cart #common_wrapper .item_top{
  display: block;
  min-height: 82px;
}

#main.cart #common_wrapper .item_wrapper{
  border:1px solid #ccc;
  padding:6px;
  margin-top:6px;
  box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
}
#main.cart.confirm #common_wrapper .item_wrapper:first-child{
  border-top:1px solid #ccc;
}
#main.cart.confirm #common_wrapper .item_wrapper{
  border:1px solid #ccc;
  border-top:none;
  border-bottom:dotted 1px #ccc;
  padding:6px;
  margin-top:0px;
  box-shadow: none;
}

#main.cart #common_wrapper .item_bottom .item_bottom_child{
  float:left;
}
#main.cart.confirm #common_wrapper .item_bottom .item_bottom_child{
  float:right;
}
#main.cart #common_wrapper .item_wrapper .item_bottom .item_bottom_child a.button{
  background-color: #444;
  border:1px solid #555;
  color:#fff!important;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0.1em;
  width:auto;
  height: auto;
  display: block;
  margin:0;
  line-height: unset;
  padding:0 5px;
  margin-bottom:0;
}

#main.cart #common_wrapper #cartIndex .content form .item_bottom .item_bottom_child select{
  padding:2px;
}

#main.cart #common_wrapper #cartIndex .content form .item_bottom {
  font-size: 1.2em;
  margin-top:8px;
}

#main.cart #common_wrapper #cartIndex .content form .item_bottom p{
  margin:0;
  margin-left: 5px;
  padding:0;
  font-size: 12px;
  display: inline;
  color:#555;
}

#main.cart #common_wrapper #cartIndex .content form .item_bottom p.item_bottom_child{
  float:right;
  margin:0;
}

#main th {
  padding: 10px;
  border: 1px solid #CCC;
  background: #F6F6F6;
  vertical-align: top;
  font-weight: normal;
  text-align: left;
}

#main th.title {
  width: 35%;
  text-align: left;
}

#main th.title .small{
  font-size: 0.75em;
  letter-spacing: 0.1em;
}

#teikiDetail th.title {
  width:20%;
}

#main th.address {
  width: 55px;
}

#main td {
  padding: 15px;
  border: 1px solid #CCC;
  vertical-align: top;
}
#main table[summary="その他"] tr:nth-of-type(3) th,
#main table[summary="その他"] tr:nth-of-type(3) td {
	display: none;
}


#main table.cart_option .opt_wrap{
  padding:8px;
}

#main table.cart_option td{
  border:none;
  border-left: dotted 1px #ccc;
}

#main td input {
  vertical-align: middle;
  padding: 4px;
}

#main.cart div#common_wrapper div#cartFlow form#confirmForm div.content table tbody tr td.price span span{
  color:#000;
}


/* =================================================================
ご注文情報の入力
使用ファイル：cart_seisan.xhtml
=================================================================*/
/* クレジットカードの入力枠を非表示に */
#main #credit_info.hidden{
	display: none !important;
}


/* =================================================================
20.ログイン関係
使用ファイル：login.xhtml
=================================================================*/

#loginNew {
  zoom: 1;
  width:800px;
    margin:0 auto;
    padding: 80px 0;
}

#loginNew:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}


/* clearfix */
#loginNew table {
  margin: 0 auto 20px auto;
  width: 428px;
}

#loginNew h2 {
    font-size:2em;
    margin-bottom: 20px;
}

#loginNew p {
    margin-bottom: 10px;
}

#loginNew h3 {
  margin-bottom: 25px;
  padding: 10px 20px;
  border-bottom: 1px solid #CCC;
  background-color: #EEE;
  font-size: 100%;
}

#loginNew .box {
  border: 1px solid #CCC;
  width: 100%;
  position: relative;
  /*padding-bottom: 70px;*/
}

#loginNew form div.social_provider div.box.heightLine p{
    margin-right: 20px;
}

#loginNew .box .buttonarea {
  width: 100%;
  margin: 20px 0;
  padding: 0;
  text-align: center;
}

#common_wrapper a.button{
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  width: 250px;
  height: 40px;
  display: block;
  margin:0 auto 60px;
  line-height: 38px;
  background-image: none;
  color:#fff!important;;
  border-radius: 0;
  text-decoration: none;
  box-sizing:border-box;
}

#common_wrapper #credit a.button.small{
  width: unset;
  min-width: 50px
}

#common_wrapper a.button.positive {
  background-color: #df5483;
  border:1px solid #ac4669;
  color:#fff!important;
}

#common_wrapper a.button.negative {
  background-color: #7cb342;
  border:1px solid #669435;
  color:#fff!important;
}

#common_wrapper a.button.btn_green{
  background-color: #7cb342;
  border:1px solid #669435;
}

#common_wrapper a.button.btn_gray{
  background-color: #7b7b7b;
  border:1px solid #666;
}

#common_wrapper a.button.btn_pink{
  background-color: #df5483;
  border:1px solid #ac4669;
}

#common_wrapper a.button:hover{
  border:1px solid #fbbe1d;
}

form .buttonarea input{
  text-shadow:unset;
  font-size: 1em;
  font-weight: bold;
  display: block;
  width: 250px;
  height: 40px;
  margin: 25px auto;
  background-image: none;
  color:#fff;
  background-color: #7cb342;
  border-radius: 0;
  border:1px solid #669435;
}

form .buttonarea input.btn_pink{
  background-color: #df5483;
  border:1px solid #ac4669;
}

form .buttonarea input.btn_gray{
  background-color: #7b7b7b;
  border:1px solid #666;
}

form .buttonarea input:hover{
  border:1px solid #fbbe1d;
}

form .buttonarea span.tokuten{
  margin-top:-13px;
  display: block;
  color:#d00137;
}

#loginNew form .tokuten{
	font-size: 80%;
}

#loginNew .box table {
  width: 70%;
}

#loginNew .box .link_text {
  text-align: right;
  padding: 15px 0 10px;
}

#loginNew .box .regist_non_area {
  width: 442px;
  margin: 0 auto;
}

#loginNew .box .regist_non_area p {
  margin: 0 0 10px;
}

#loginNew .box .amazon_area {
  width: 442px;
  margin: 0 auto;
  border-top: 1px solid #ccc;
}

#loginNew .box .amazon_area p {
  margin: 10px 0;
}

#loginNew .widebox {
  border: 1px solid #CCC;
  width: 960px;
  margin: 0 10px 30px;
  clear: both;
}

#loginNew .widebox .link {
  text-align: right;
}

#loginNew .widebox table {
  width: 920px;
}

#loginNew input[type='text'], #loginNew input[type='password'] {
  width: 200px;
}

#loginNew .social_provider ul {
  margin: 10px 0 20px 80px;
}

#loginNew .social_provider ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}


/* clearfix */
/********** 楽天ボタン **********/
#loginNew .btn-rakuten{
	padding: 40px 0 0 80px;
}
.btn-rakuten input{
	width: 220px;
	height: auto;
}
#loginNew .social_provider ul li {
  width: 220px;
  height: 44px;
  font-size: 14px;
  display: block;
  margin: 10px 0 20px;
}
#loginNew .social_provider ul li.line{
}

#loginNew .social_provider ul li a {
  display: block;
  text-decoration: none;
}

#loginNew .social_provider ul li a span {
  padding: 14px 0 14px 25px;
  border: 1px solid #cdcdcd;
  border-left: 0px;
  margin: 0 0 0 53px;
  display: block;
  background: #FFF;
  line-height: 1;
  font-size: 14px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

#loginNew .social_provider li.yahoo a {
  background: url("../images/social_yahoo.png") no-repeat;
  color: #e71017;
}

#loginNew .social_provider li.facebook a {
  background: url("../images/social_facebook.png") no-repeat;
  color: #3b5998;
}

#loginNew .social_provider li.twitter a {
  background: url("../images/social_twitter.png") no-repeat;
  color: #55acee;
}

#loginNew .social_provider li.google a {
  background: url("../images/social_google.png") no-repeat;
  color: #dc4e41;
}

#loginNew .social_provider li.line a {
  background: url("../images/social_line.png") no-repeat;
  color: #d1ad59;
}

#loginNew .social_provider li.mixi a {
  background: url("../images/social_mixi.png") no-repeat;
  color: #d1ad59;
}

#loginNew .social_provider li.rakuten a {
  background: url("../images/social_rakuten.png") no-repeat;
  color: #bf0000;
}

#loginNew .social_provider li.line a {
  background: url("../images/social_line.png") no-repeat;
  color: #00b300;
}

#loginNew .social_provider li.paypal a {
  background: url("../images/social_paypal.png") no-repeat;
  color: #293e7f;
}

#loginNew .other-txt{
	padding: 20px;
}
#loginNew .other-txt .heading{
    padding: 0 0 5px;
	font-size: 13px;
    font-weight: bold;
}
#loginNew .other-txt .txt p{
	margin: 0;
	font-size: 12px;
}



/* カートまわり */

/* =================================================================
8.カートの中身～注文完了まで、プレゼント応募～完了まで
使用ファイル：cart_index.xhtml, cart_login.xhtml
　　　　　　　cart_seisan.xhtml, cart_confirm.xhtml
　　　　　　　cart_pre.xhtml, cart_result.xhtml
　　　　　　　present_login.xhtml, present_input.xhtml
　　　　　　　present_confirm.xhtml, present_result.xhtml
=================================================================*/
/* cartSidebar - カートフロー内サイドバー
-------------------------------------------------------------*/
#cartSidebar{width: 100%;}
#cartSidebar #sideInner{width: 100%;}
#cartSidebar .line-or{
	position: relative;
	margin: 0 0 40px;
	padding: 0 0 1em;
	border-bottom: solid 1px #ccc;
}
#cartSidebar .line-or .line-or-box{
	position: absolute;
	top: 0.4em;
	left: calc(50% - 1em);
	padding: 0 1em;
	background: #fff;
}
#cartSidebar .total_box{ width:auto; margin: 0 0 30px; border: #CCC 1px solid; padding:10px 50px; background: #F6F6F6; text-align: right;}
#cartSidebar .total_box .box{border: none; zoom: 1; margin-bottom: 10px;}
#cartSidebar .total_box .box:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartSidebar .total_box h3{margin: 0; background: none; padding: 0px; border: 0px; font-size: 14px; float: none; display:inline;}
#cartSidebar .total_box p.price{font-size: 16px; float: none; margin: 0px; font-weight: bold; display:inline;}
#cartSidebar .total_box img{margin: 0px auto 10px; display: block;}
#cartSidebar .total_box .totalpricebox{border: none; zoom: 1; margin-bottom: 10px; zoom: 1; padding-top: 10px; border-top: 1px #CCCCCC solid;}
#cartSidebar .total_box .totalpricebox:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartSidebar .total_box .teiki_text{margin: 0; font-size: 12px;}
#cartSidebar .btn-payment{
	margin: 0 0 30px;
	padding: 30px;
	border: solid 1px #ccc;
}
#cartSidebar .cartButtonArea{
	padding: 0 0 20px;
}
#cartSidebar .cartButtonArea a{
	display: block;
	margin: 0 0 10px auto;
	width: 270px;
}

@media screen and (min-width: 0px) and (max-width: 800px){
	#cartSidebar .cartButtonArea a{
		margin: 0 auto 10px;
	}
}

#cartSidebar .loginButtonArea{
	padding: 0 0 20px;
}
#cartSidebar .loginButtonArea a.button{
	display: block;
	margin: 0 0 10px auto;
	width: 270px;
	border: 1px solid #669435;
	background: #7cb342;
}

@media screen and (min-width: 0px) and (max-width: 800px){
	#cartSidebar .loginButtonArea a.button{
		margin: 0 auto 10px;
	}
}

#cartSidebar .cartButtonArea img{display: block;}
#cartSidebar .cartButtonArea input{display: block; margin: 0 auto 10px;}
#cartSidebar .tax{font-size: 9px; color: #666;}

/* cartIndex - 買い物かごの中身
-------------------------------------------------------------*/
#cartIndex{width: 100%; padding-bottom: 20px; zoom: 1; margin: 0 auto;}
#cartIndex .content{width: 100%;}


#cartIndex:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartIndex table{width: 100%; margin: 0px 0 10px;}
#cartIndex table th.itemname{width: 500px;}
#main.cart form .img_box{width: 80px; height: 80px; text-align: center; position: relative; float: left; border:solid 1px #ccc;}
#main.cart form .img_box img{width: auto; max-width: 80px; max-height: 80px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#cartIndex .text_box{padding-left: 90px;}
#cartIndex .text_box p{margin: 0 0 10px; font-size: 100%;}

#cartIndex .text_box p.code{font-size: 80%;}
#cartIndex .text_box p.last{margin-bottom: 0px;}

#cartIndex .empty{margin: 20px 0;}
#cartIndex .price{color: #d00137; text-align: right;}
#cartIndex .tax{font-size: 13px; color: #555;}
#cartIndex .amount{text-align: center;}
#cartIndex .delete{text-align: center;}

#cartIndex .total{margin: 0; padding: 0px 0 5px; font-weight: bold; text-align: right; width: 100%;}
#cartIndex .total p{margin: 0px; margin-top:15px; font-size: 90%;}
#cartIndex h3{
	margin-bottom: 15px;
	font-size: 85%;
}
#cartIndex .heightLine.box{
	margin: 0;
}
#cartIndex .heightLine p{
	margin: 0;
}
#cartIndex .box{
	margin-bottom: 30px;
	clear: both;
}
#cartIndex .box .buttonarea.amazon_btn{
	margin: 10px 0;
	padding: 0 0 0;
	text-align: right;
}

@media screen and (max-width:800px) {
	#cartIndex .box .buttonarea.amazon_btn{
		text-align: center;
	}
}

#cartIndex .box .buttonarea.amazon_btn a{

}
#cartIndex .box .buttonarea.amazon_btn a img{
}

#cartIndex .content{
	margin: 0 0 60px;
}
#cartIndex .content .kaiin_tokuten{
  height: 105px;
  display:none;
  margin: 0;
}

#cartIndex .content .kaiin_tokuten .kaiin_wrapper{
  width:auto;
  float:right;
  border:double 4px #ead895;
  text-align: right;
  padding:7px;
  border-radius:10px;
  background-color:#fff8de;
}
#cartIndex .content .kaiin_tokuten .kaiin_wrapper p{
  font-size: 0.85em;
  margin:2px;
}
#cartIndex .content .kaiin_tokuten .kaiin_wrapper .tax{
  color:#e32254;
  font-weight:bold;
}

#cartIndex .content .kaiin_tokuten .kaiin_wrapper .kaiin_kakaku{
  color:#e32254;
  font-weight: bold;
  font-size: 1.3em;
}

#cartIndex .content .kaiin_tokuten .kaiin_wrapper .button{
  display: inline;
  margin:0;
  margin-right:40px;
  padding:4px 8px;
}

@media screen and (max-width:800px) {
  #cartSidebar .total_box{
    width:100%;
    box-sizing: border-box;
  }
  #cartSidebar .total_box img{margin-bottom: 20px;}
  #cartIndex .tax{font-size: 90%;}
}

/* cartLogin - 買い物かご・プレゼントログイン
-------------------------------------------------------------*/
#cartLogin{zoom: 1;}
#cartLogin:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartLogin table{margin: 0 auto 20px auto; width: 428px;}
#cartLogin h3{margin-bottom: 15px; padding: 10px; border-bottom: 1px solid #CCC; text-align: center;background-color:#EEE; font-size: 100%;}
#cartLogin .box{ margin: 0; position: relative; box-sizing: border-box; /*padding-bottom: 70px;*/}
#cartLogin .box .buttonarea{width: 100%; margin: 20px 0; padding: 0; text-align: center;}
#cartLogin .box table{margin: 10px; width: auto;}
#cartLogin .box .link_text{text-align: right; padding-right: 15px;}
#cartLogin .box .regist_non_area{width: auto; margin: 0 auto; border-top: 1px solid #ccc}
#cartLogin .box .regist_non_area p{margin:15px;}
#cartLogin .box .amazon_area{width: auto; margin: 0 auto;}
#cartLogin .box .amazon_area p{margin: 15px;}
#cartLogin .widebox{display: flex;}
#cartLogin .widebox .link{text-align: right;}
#cartLogin .widebox table{width: 93%}
#cartLogin input[type='text'],#cartLogin input[type='password']{width: 250px;}
@media screen and (max-width:800px) {
  #cartLogin input[type='text'],#cartLogin input[type='password']{width:90%; max-width: 300px;}
}

/********** カートレイアウト **********/
#cartLogin .txt-present{
	padding: 0 0 15px;
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	color: #df5483;
}
#cartLogin .login-area-layout{
	display: flex;
	width: 100%;
}
@media screen and (max-width:800px) {
#cartLogin .login-area-layout{
	display: block;
	width: auto;
}
}
#cartLogin .login-area-layout .login-area-layout-left{
	display: flex;
	border: 1px solid #CCC;
	width: 100%; margin: 0;
	clear: both;
	box-sizing: border-box;
	border-right: none;
}

@media screen and (min-width: 0px) and (max-width: 800px){
	#cartLogin .login-area-layout .login-area-layout-left{
		width: auto;
		margin: 0 0 4vw;
		border: none;
	}
}

#cartLogin .login-area-layout .login-area-layout-left .login-area-layout-left-box{
	width: 100%;
}
#cartLogin .login-area-layout .login-area-layout-left .login-area-layout-left-box input[type="text"],
#cartLogin .login-area-layout .login-area-layout-left .login-area-layout-left-box input[type="password"]{
  box-sizing: border-box;
  width: 240px !important;
}
@media screen and (max-width:800px) {
	#cartLogin .login-area-layout .login-area-layout-left .login-area-layout-left-box input[type="text"],
	#cartLogin .login-area-layout .login-area-layout-left .login-area-layout-left-box input[type="password"]{
		width: 90% !important;
	}
}
#cartLogin .login-area-layout .login-area-layout-right{
	display: flex;
	border: 1px solid #CCC;
	width: 100%;
	margin: 0;
	clear: both;
	box-sizing: border-box;
}
@media screen and (min-width: 0px) and (max-width: 800px){
	#cartLogin .login-area-layout .login-area-layout-right{
		width: auto;
		margin: 0 0 4vw;
	}
}
#cartLogin .login-area-layout .login-area-layout-right .login-area-layout-right-box{
	width: 100%;
}

@media screen and (min-width: 0px) and (max-width: 800px){
	#cartLogin .login-area-layout{
	}
}



#cartLogin .regist_non_area {
	margin: 30px 0 0;
	padding: 0 0 30px;
	border-top: solid 1px #ccc;
}#loginNew .social_provider ul li a span
#cartLogin .regist_non_area .buttonarea {
	padding-top: 30px;
}


#cartLogin .btn-rakuten{
	padding: 40px 0 0 80px;
}
#cartLogin .btn-rakuten img{
	display: block;
}
#cartLogin .social_provider ul{margin: 10px 0 20px 80px;}
#cartLogin .social_provider ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartLogin .social_provider ul li{width: 220px; height: 44px; font-size: 14px; display: block; margin: 10px 0 20px;}
#cartLogin .social_provider ul li a{display: block; text-decoration: none;}
#cartLogin .social_provider ul li a span{padding: 14px 0 14px 25px; border: 1px solid #cdcdcd; border-left: 0px; margin: 0 0 0 53px; display: block; background: #FFF; line-height: 1; font-size: 14px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
}
#cartLogin .social_provider ul li img{display: block;}

#cartLogin .social_provider li.yahoo a{background: url("../images/social_yahoo.png") no-repeat; color: #e71017;}
#cartLogin .social_provider li.facebook a{background: url("../images/social_facebook.png") no-repeat; color: #3b5998;}
#cartLogin .social_provider li.twitter a{background: url("../images/social_twitter.png") no-repeat; color: #55acee;}
#cartLogin .social_provider li.google a{background: url("../images/social_google.png") no-repeat; color: #dc4e41;}
#cartLogin .social_provider li.mixi a{background: url("../images/social_mixi.png") no-repeat; color: #d1ad59;}
#cartLogin .social_provider li.rakuten a{background: url("../images/social_rakuten.png") no-repeat; color: #bf0000;}
#cartLogin .social_provider li.line a{background: url("../images/social_line.png") no-repeat; color: #00b300;}
#cartLogin .social_provider li.paypal a{background: url("../images/social_paypal.png") no-repeat; color: #293e7f;}


#cartLogin .other-txt{
	padding: 20px;
}
#cartLogin .other-txt .heading{
    padding: 0 0 5px;
	font-size: 13px;
    font-weight: bold;
}
#cartLogin .other-txt .txt p{
	margin: 0;
	font-size: 12px;
}










/* cartFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#cartFlow{width: 100%; padding-bottom: 20px; zoom: 1; margin: 0 auto;}
#cartFlow:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartFlow .content{width: 100%; float: left; margin-right: 20px;}
#cartFlow a.button{display: inline-block;}
#cartFlow td input{vertical-align: baseline;}
#cartFlow table.newCreditCard{width: 100%; font-size: 100%; margin: 10px auto;}

#cartFlow .point_info{margin-bottom: 20px;}

#cartFlow .teiki ul{zoom: 1; margin: 5px 10px;}
#cartFlow .teiki ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartFlow .teiki ul li{float: left; font-size: 13px; margin-right: 1em;}

#cartFlow table{width: 100%; margin: 0px 0 20px;}
#cartFlow table.cart_option tr.one_opt{border:solid 1px #ccc}
#cartFlow table.cart_option .zoom_info{text-align: center; font-size: 0.75em; color:#555; margin:0; margin-top:6px;}
#cartFlow table.change_data{margin-top: -21px;}
#cartFlow table.member_regist{margin-top: -21px;}
#cartFlow table td.short input{width: 110px;}

#cartFlow table.cart_option #noshi td{
  background:#f0f0f0;
  color:#666;
}
#cartFlow table.cart_option #noshi td .purchase_box{
  background:#f6f6f6;
}
#cartFlow table.cart_option #noshi td .purchase_box label{
  color:#666;
}
#cartFlow table.cart_option #noshi .right_sec label{
  color:#666;
}
#cartFlow table.cart_option #noshi.able td{
  background:unset;
  color:#222;
}
#cartFlow table.cart_option #noshi.able td .purchase_box{
  background:#fffdf5;
}
#cartFlow table.cart_option #noshi.able .right_sec label{
  color:#222;
}

#cartFlow .text_box{padding-left: 90px;}
#cartFlow .text_box p{margin: 0 0 10px; font-size: 100%;}
#cartFlow .text_box p.code{font-size: 80%;}
#cartFlow .text_box p.last{margin-bottom: 0px;}

#cartFlow h3{margin-bottom: 15px; padding: 1px 0px 2px 22px; border-bottom: 1px dashed #777; background: url("../images/marker.gif") 7px 9px no-repeat; font-size: 125%; letter-spacing: 0.05em; margin-top: 30px;}
#cartFlow h3 img{vertical-align: middle;}
#cartFlow .price{color: #000; text-align: right;}
#cartFlow .total .price{font-weight: bold;}
#cartFlow .total_area{
  border: #ccc solid 1px;
  border-top:none;
}
#cartFlow .total{
  margin: 0px 0 0px; text-align: right;
  padding: 10px 6px;
  border:none;
  width: 100%;
  box-sizing: border-box;
}
#cartFlow .bottom_dotted{
  border-bottom: #ccc dotted 1px;
}
#cartFlow .total p{margin: 0px; font-size: 90%;}
#cartFlow .point{color: #F60; font-weight: bold;}
#cartFlow .attention{color: #d00137; font-weight: bold; font-size: 110%;}
#cartFlow .attention_message{color: #d00137; font-weight: bold;}

#cartFlow .multi_send .buttonarea{background: #EEE; margin: 0px 0 20px; padding: 30px 0;}
#cartFlow .multi_send table.delivery{margin-top: -21px;}
#cartFlow .multi_send .sendAddressButton a{float: right;}

#cartFlow #reCAPTCHA{margin: 20px auto 40px auto;}
#cartFlow #reCAPTCHA iframe{width: 158px; height: 138px;}
#cartFlow #reCAPTCHA .g-recaptcha{display: block; -webkit-transform: scale(1.19); -ms-transform: scale(1.19); transform: scale(1.19); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0;}


#cartFlow .cartitem{margin-top: 20px; width: 188px; padding: 10px; border: #CCC 1px solid;}
#cartFlow .cartitem h3{margin: 0 0 10px; padding: 0px; border: none; background: none;}
#cartFlow .cartitem li{margin-bottom: 10px; padding-bottom: 0px; border-bottom: 1px solid #CCC;}
#cartFlow .cartitem .img_box{ width: 25px; height: 25px; float: left; margin-right: 5px; text-align: center; position: relative;}
#cartFlow .cartitem .img_box img{width: auto; max-width: 25px; max-height: 25px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#cartFlow .cartitem .text_box{padding-left: 0px; zoom: 1; margin-bottom: 5px;}
#cartFlow .cartitem .text_box:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartFlow .cartitem .text_box p{margin: 0px; font-size: 70%; line-height: 130%;}
#cartFlow .cartitem p.price{font-size: 70%; margin: 0px; float: left;}
#cartFlow .cartitem p.amount{font-size: 70%; margin: 0px; float: right;}

#cartFlow .cartresult table{width: 920px; margin: 0 auto 20px;}
#cartFlow .cartresult .total{width: 920px; margin: 0 10px 30px;}

#cartFlow .cartconfirm table{width: 920px; margin: 0 auto 20px;}
#cartFlow .cartconfirm .total{width: 920px; margin: 0 10px 30px;}
#cartFlow .error{clear: both; margin: 5px 10px; color: #d00137; font-weight: bold; text-align: center; font-size: 80%;}
#cartFlow form#confirmForm div.content table tbody tr td div.img_box{
  height: 80px;
  width: 80px;
  border: solid #ccc 1px;
  position:relative;
}
#cartFlow form#confirmForm div.content table tbody tr td div.img_box img{
  height:80px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  padding: 20px;
}

#cartFlow .coupon {
  color:#ff0000;
  border:solid 1px;
  padding:8px;
  margin:0;
  margin-bottom:10px;
}

/* クーポンラジオボタン制御に仕様 */
.couponHide{display: none;}

/* cartResult - カート完了画面
-------------------------------------------------------------*/
#cartResult .number{margin: 0px 0px 30px 0px; text-align: center; line-height: 200%;}
#cartResult .number strong{ font-size: 20px;}

#cartResult div.comp_bnr img{
  margin:0;
  max-width: 800px;
  border: 1px solid #ccc;
}

/* cartRecommend - カートおすすめ
-------------------------------------------------------------*/
#cartRecommend{ padding: 5px; border: #CCC 1px solid;
background-image: linear-gradient(45deg, #f3dd8a 25%, #f8efce 25%, #f8efce 50%, #f3dd8a 50%, #f3dd8a 75%, #f8efce 75%, #f8efce 100%);
background-size: 6.00px 6.00px;
}
#cartRecommend .box{zoom: 1; margin: 0px 0 10px; border:solid 1px #ccc; background-color:#fff}
#cartRecommend .box:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#cartRecommend .text{margin-left: 95px; min-height: 92px; margin-top:5px;}
#cartRecommend h3{font-size:15px; color:#d00137; margin: 6px; height: auto; background: none; padding: 0px; border-bottom: none;}
#cartRecommend h3 a{float: right;}
#cartRecommend h4{display: block; margin: 0px 5px 5px; background: none; padding-top: 3px; font-size: 100%; border-bottom: none;}
#cartRecommend .appeal{display: block; margin: 0; color: #F60; font-size: 70%;}
#cartRecommend .price{display: block; margin: 0; color: #d00137; float:right; font-size: 18px;
margin-top:2px; margin-right:15px;}
#cartRecommend .price .teika{font-weight: bold; font-size: 100%;}
#cartRecommend .price .other{font-size: 90%;}
#cartRecommend .explanation1{display: block; margin: 0; padding: 5px 5px; border-top: #CCC 1px dashed; font-size: 80%; line-height: 180%;}
#cartRecommend .button{display: block; margin: 0px; float:right;}
#cartRecommend .property{ margin: 0 0 10px; color: #AAA; font-size: 75%;}
#cartRecommend .button input{
margin: 0 auto; display: block;
background-color: #7cb342;
border:1px solid #669435;
color:#fff!important;
padding:5px 10px;
cursor : pointer;
font-weight: bold;
}
#cartRecommend .button input:hover{
  text-decoration: underline;
  border:1px solid #e47911;
}
#cartRecommend .rec_bottom_sec{
  background-color:#F6F6F6;
    padding:7px;
  border-top:solid 1px #ddd;
}
#cartRecommend .button img{margin: 0 auto; display: block;}

#cartRecommend .img_box{width: 80px; height: 80px; text-align: center; position: relative; float: left;
  margin:5px;
}

#cartRecommend .img_box img{width: auto; max-width: 80px; max-height: 80px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

/* カートまわり END */

/* =================================================================
15.エラーページ
使用ファイル：common/messages.xhtml
　　　　　　　ext/social_provider.xhtml
=================================================================*/
#error{width: 100%; padding: 10px 0px;}
#error table{margin: 0px 0 10px; border: none !important; font-size: 85%;}
#error td{padding: 10px; border: none !important;}
#error .ico{width: 40px; vertical-align: top; text-align: center;}
#error .content{padding: 5px; color: #d00137; font-weight:normal; vertical-align: middle; line-height: 150%; float: none;}
#error .buttonarea{margin: 10px; padding-top: 10px; border-top: #CCC 1px dashed; text-align: center;}
#error ul{background: none;}
#error li{
  float: none;
  font-size: 14px;
  border: 0px;
  padding: 0px;
  margin: 0 5px;
  width: auto;
  line-height: 23px;
}
#error li:before{
    font-family: "Font Awesome 5 Free";
    content: '\f06a  ';
    font-weight: 900;
}

/*  social_provider.xhtmlのエラー部分
-------------------------------------------------------------*/
#social_plus_error{width: 100%; padding: 10px 0px;}
#social_plus_error table{margin: 0px 0 10px; border: none !important; font-size: 85%;}
#social_plus_error td{padding: 10px; border: none !important;}
#social_plus_error .ico{width: 40px; vertical-align: top; text-align: center;}
#social_plus_error .content{padding: 5px; color: #d00137; font-weight: bold; vertical-align: middle; line-height: 150%; float: none;}
#social_plus_error .buttonarea{margin: 10px; padding-top: 10px; border-top: #CCC 1px dashed; text-align: center;}
#social_plus_error ul{background: none;}
#social_plus_error li{float: none; font-size: 100%; border: 0px; padding: 0px; margin-right: 0px; margin-bottom: 0px; width: auto; line-height: 150%;}


/* =================================================================
19.会員関係
使用ファイル：member_mypage.xhtml
=================================================================*/
#member.mypage h3{margin: 10px;}
#member.mypage h3 a{background: url("../images/link_arrow.png") no-repeat 0 center; padding-left: 10px; color: #2b2b2b; font-size: 12px; float: right; font-weight: normal;}
#member.mypage ul{zoom: 1; margin: 0 0 50px 0;}
#member.mypage ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#member.mypage ul li{float: left; width: 100%; padding: 0;}
#member.mypage ul li h4{font-size: 16px; background: #F6F6F6; border-bottom:solid 1px #ccc; font-weight: normal; padding: 10px; margin: 0 0px 15px 0;}
#member.mypage ul li .box{border: 1px solid #ccc; padding: 0px 0px 10px;}
#member.mypage ul li p{font-size: 1em; margin-left:10px;}
#member.mypage ul li a{font-size: 1em;}

#member.mypage #social_plus tr th{background: #FFF;}
#member.mypage #social_plus tr th a{text-decoration: none;}
#member.mypage #social_plus tr.title th{background: #F6F6F6;}
#member.mypage #social_plus th.service{width: 220px;}
#member.mypage #social_plus th div{width: 220px; height: 44px; font-size: 14px; display: block;}
#member.mypage #social_plus th div p{padding: 14px 0 14px 25px; border: 1px solid #cdcdcd; border-left: 0px; margin: 0 0 0 53px; display: block; background: #FFF; line-height: 1; font-size: 14px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
}

/*#member.mypage #social_plus th{width: 100px;}*/

#member.mypage #social_plus th.yahoo div{background: url("../images/social_yahoo.png") no-repeat; color: #e71017;}
#member.mypage #social_plus th.facebook div{background: url("../images/social_facebook.png") no-repeat; color: #3b5998;}
#member.mypage #social_plus th.twitter div{background: url("../images/social_twitter.png") no-repeat; color: #55acee;}
#member.mypage #social_plus th.google div{background: url("../images/social_google.png") no-repeat; color: #dc4e41;}
#member.mypage #social_plus th.mixi div{background: url("../images/social_mixi.png") no-repeat; color: #d1ad59;}
#member.mypage #social_plus th.rakuten div{background: url("../images/social_rakuten.png") no-repeat; color: #bf0000;}
#member.mypage #social_plus th.line div{background: url("../images/social_line.png") no-repeat; color: #00b300;}
#member.mypage #social_plus th.paypal div{background: url("../images/social_paypal.png") no-repeat; color: #293e7f;}

#member.mypage #social_plus th.yahoo div.off{background: url("../images/social_yahoo_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.facebook div.off{background: url("../images/social_facebook_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.twitter div.off{background: url("../images/social_twitter_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.google div.off{background: url("../images/social_google_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.mixi div.off{background: url("../images/social_mixi_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.rakuten div.off{background: url("../images/social_rakuten_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.line div.off{background: url("../images/social_line_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.paypal div.off{background: url("../images/social_paypal_off.png") no-repeat; color: #cdcdcd;}

#member.mypage #social_plus td{vertical-align: middle;}

/* =================================================================
12.レビュー
使用ファイル：item_detail.xhtml, member_review.xhtml
=================================================================*/
#review{margin-bottom: 40px;}
#review p{margin: 0 10px;}
#review p.item_name{font-size: 95%; font-weight: bold;}
#review h3{float: left; margin: 0 10px; font-size: 80%;}
#review .box{zoom: 1; margin: 10px 0 5px; padding: 10px; border: #CCC 1px solid;}
#review .box h3{float: none; font-size: 90%;}
#review .box p{margin: 0;}
#review .box p.name{padding: 5px 0; margin-bottom: 10px; border-bottom: 1px dashed #CCC; color: #666; font-size: 75%;}
#review p.goodButton{margin-bottom: 5px; color: #666; font-size: 75%;}
#review p.goodButton input{margin-left: 5px; vertical-align: middle;}
#review p.goodButton img{margin-left: 5px; vertical-align: middle;}
#review p.goodNumber{margin-bottom: 20px; color: #666; font-size: 75%;}
#review p.more{margin-bottom: 20px; font-size: 75%; text-align: right;}
#review p.pageguide{margin: 10px;}
#review p.pagelink{text-align: center; margin-bottom: 20px;}
#review ul.star{float: left;}
#review ul.star li{display: block; float: left; width: 15px; height: 15px; text-indent: -9999px;}
#review ul.star li.good{background: url("../images/review_good.gif") no-repeat;}
#review ul.star li.bad{background: url("../images/review_bad.gif") no-repeat;}
#review .contribution{zoom: 1; margin-top: 10px; padding: 10px 10px 0 10px;}
#review .contribution table{margin: 0; border: none;}
#review .contribution th{width: 80px; padding: 5px 10px; border: none; background: none; font-weight: normal; text-align: left;}
#review .contribution td{padding: 5px 10px; border: none;}
#review .contribution h3{float: none; margin-bottom: 10px; padding: 3px 5px; border-right: 1px solid #EEE; border-bottom: 1px solid #DDD; border-left: 5px solid #960; background: #F5F5F5; font-size: 95%;}

/* =================================================================
13.購入履歴
使用ファイル：member_history.xhtml
=================================================================*/
#history .infoarea{display: block; margin: 40px 30px 0 20px; padding-left: 55px; font-size: 80%; font-weight: bold;}
#history .infoarea.preparing{background: url("../images/history_preparing.gif") no-repeat;}
#history .infoarea.delivered{background: url("../images/history_delivered.gif") no-repeat;}
#history .infoarea.delivering{background: url("../images/history_delivering.gif") no-repeat;}
#history .infoarea.canceled{background: url("../images/history_canceled.gif") no-repeat;}
#history .infoarea.yoyaku{background: url("../images/history_yoyaku.gif") no-repeat;}
#history .infoarea.teiki_together{background: url("../images/history_teiki_together.gif") no-repeat;}
#history .price{color: #d00137; text-align: right;}
#history .cart{width: 230px; text-align: center;}
#history .code{width: 80px;}
#history .amount{width: 30px; text-align: center;}
#history .status{float: right;}
#history .status.payment_change{float: right; margin-left: 10px;}

#history .property{display: block; color: #AAA; font-size: 90%;}

#history .img_box{width: 80px; height: 80px; margin-right: 10px; margin-bottom: 10px; text-align: center; position: relative; float: left;}
#history .img_box img{width: auto; max-width: 80px; max-height: 80px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

#history .pageguide{float: left; width: 500px; font-size: 75%;}
#history .rearrange{float: left; width: 200px; font-size: 75%; text-align: right;}
#history .pagelink{clear: both; font-size: 75%;}
#history .nolink{color: #999;}



/* =================================================================
18.アドレス帳
使用ファイル：address_add.xhtml
　　　　　　　address_input.xhtml
=================================================================*/
#addressList{padding-bottom: 20px;}
#addressList h3{margin-bottom: 15px; padding: 1px 0px 0px 20px; border-bottom: 1px solid #CCC; background: url("../images/marker.gif") 7px 7px no-repeat; font-size: 85%; margin-top: 30px;}
#addressList ul{zoom: 1; padding: 20px 0 10px;}
#addressList ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#addressList li{float: left; font-size: 80%; border: 1px solid #CCC; padding: 10px 10px 40px 10px; margin-right: 10px; margin-bottom: 10px; width: 348px; line-height: 180%; position: relative;}
#addressList li strong{font-size: 18px;}
#addressList li .button{margin: 10px 0px 0; position: absolute; bottom: 0;}
#addressList .widebox li{width: 453px;}
#addressList .pageguide{float: left; width: 500px; font-size: 75%;}
#addressList .rearrange{float: left; width: 200px; font-size: 75%; text-align: right;}
#addressList .pagelink{clear: both; font-size: 75%;}
#addressList .nolink{color: #999;}

/* =================================================================
17.お気に入り
使用ファイル：wishlist.xhtml
　　　　　　　wishlist_edit.xhtml
=================================================================*/
#wishList{margin-bottom: 20px;}
#wishList .box{zoom: 1; margin-top: 10px; border: #CCC 1px solid;}
#wishList .box:hover{border: #8CC329 1px solid;}
#wishList .box:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}/* clearfix */
#wishList .provisional{margin: 0px;}
#wishList .text{margin-left: 140px;}
#wishList h3{display: block; margin: 10px 10px 0 0; font-size: 95%;}
#wishList .appeal{display: block; margin: 0; color: #F60; font-size: 70%;}
#wishList .price{display: block; margin: 0; color: #d00137;}
#wishList .price .teika{font-weight: bold; font-size: 110%;}
#wishList .price .other{font-size: 90%;}
#wishList .explanation1{display: block; margin: 5px 10px 0 0; padding: 5px 0; border-top: #CCC 1px solid; font-size: 80%; line-height: 120%;}
#wishList .button{display: block; margin: 5px 10px 5px 0; padding-top: 10px; border-top: #CCC 1px solid; text-align: right;}
#wishList .property{display: inline; margin: 0; color: #AAA; font-size: 75%;}

#wishList .img_box{width: 120px; height: 120px; margin: 10px; float: left; text-align: center; position: relative;}
#wishList .img_box img{width: auto; max-width: 120px; max-height: 120px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

/*  カートフロー画像
-------------------------------------------------------------*/
.step{
  display: block;
  margin: 25px auto 45px auto;
  width: 100%;
  height: 100%;
  max-width:600px;
}
.step-login{
  display: block;
  margin: 25px auto 25px auto;
  width: 100%;
  height: 100%;
  max-width:600px;
  font-weight:bold;
}

.loading_circle{
  display: block;
  margin: 25px auto 45px auto;
  width: 100%;
  max-width:40px;
}

#main #common_wrapper a:link{
    color:#0066c0;
    text-decoration: none;
}
#main #common_wrapper a:visited{
    color:#0066c0;
    text-decoration: none;
}
#main #common_wrapper a:hover{
    color:#e47911;
    text-decoration: underline;
}

#main #common_wrapper table .button.small{
  width:unset;
  min-width: 55px;
}

@media screen and (min-width:801px) {
  .sp_show{
    display: none;
  }
}




#loginNew .login-area-layout{
	display: flex;
	width: 100%;
}

@media screen and (min-width: 0px) and (max-width: 800px){
	#loginNew .login-area-layout{
		display: block;
	}
}
#loginNew .login-area-layout .login-area-layout-left{
	display: flex;
	width: 100%;
	margin: 0;
	clear: both;
	box-sizing: border-box;
	border: 1px solid #CCC;
	border-right: none;
}
#loginNew .login-area-layout .login-area-layout-left table{
	width: auto;
	margin: 10px;
}

#loginNew .login-area-layout .login-area-layout-right{
	width: 50%;
}

@media screen and (min-width: 0px) and (max-width: 800px){
	#loginNew .login-area-layout .login-area-layout-left{
		width: auto;
		margin: 0 0 4vw;
		border: 1px solid #CCC;
	}
}

#loginNew .login-area-layout .login-area-layout-left .login-area-layout-left-box{
	width: 100%;
}
#loginNew .login-area-layout .login-area-layout-left .login-area-layout-left-box input[type="text"],
#loginNew .login-area-layout .login-area-layout-left .login-area-layout-left-box input[type="password"]{
  box-sizing: border-box;
  width: 240px !important;
}
@media screen and (max-width:800px) {
	#loginNew .login-area-layout .login-area-layout-left .login-area-layout-left-box input[type="text"],
	#loginNew .login-area-layout .login-area-layout-left .login-area-layout-left-box input[type="password"]{
		width: 90% !important;
	}
}
#loginNew .login-area-layout .login-area-layout-right{
	display: flex;
	border: 1px solid #CCC;
	width: 100%;
	margin: 0;
	clear: both;
	box-sizing: border-box;
}

@media screen and (min-width: 0px) and (max-width: 800px){
	#loginNew .login-area-layout .login-area-layout-right{
		width: auto;
		margin: 0 0 4vw;
	}
}
#loginNew .login-area-layout .login-area-layout-right .login-area-layout-right-box{
	width: 100%;
}

@media screen and (min-width: 0px) and (max-width: 800px){
	#loginNew .login-area-layout{
	}
}

#loginNew .login-area-layout .login-area-layout-right{
	display: flex;
	width: 50%;
	border: 1px solid #CCC; width: 100%; margin: 0; clear: both; box-sizing: border-box;
}

@media screen and (max-width:800px) {
  .tbpc_show{
    display: none;
  }

  #loginNew {
    width:100%;
    margin:0 auto;
    padding: 0px 5px;
    padding-top:40px;
    box-sizing:border-box;
  }

  #loginNew .box table {
    width: 90%;
  }

  #main #common_wrapper {
    width: 100%;
    padding:5px;
    padding-top:40px;
    box-sizing:border-box;
  }
  #main #common_wrapper span input[type="text"] {
    width: 300px;
  }
  #main #common_wrapper span textarea {
    width: 300px;
  }
  #cartLogin .box{
    border: 1px solid #CCC;
    width:100%; float: left;
    margin: 0; position: relative;
    box-sizing: border-box;
  }
  #cartLogin .box table{margin: auto; width: auto;}

  #main div#common_wrapper form table tbody tr td input{
    max-width: 300px;
  }
}

@media screen and (max-width:600px) {
	#cartLogin .box table{
		margin: 10px;
		width: auto;
	}
	#main #common_wrapper span input[type="text"] {
		width: 200px;
	}
	#main #common_wrapper span textarea {
		width: 200px;
	}
}

/* =================================================================
9.定期購入商品履歴照会・変更
使用ファイル：teiki_index.xhtml, teiki_detail.xhtml
　　　　　　　teiki_renew.xhtml, teiki_renew_confirm.xhtml
=================================================================*/

/* teikiIndex - 定期購入商品一覧
-------------------------------------------------------------*/
#teikiIndex h3{margin: 5px; padding-left: 8px; border-left: 6px solid #FFF; font-size: 110%;}
#teikiIndex h4{display: block; margin: 30px 20px 20px; padding-left: 15px; border-bottom: 1px solid #CCC; background: url("../images/marker.gif") 0 8px no-repeat; font-size: 100%;}
#teikiIndex .box{margin: 10px; padding: 10px; border: 1px solid #CCC; background: #FFF;}
#teikiIndex .head{padding: 5px; background: #F1F1F1;}
#teikiIndex .headDetail{padding-left: 15px; background: url("../images/marker_on.gif") 0 5px no-repeat;}
#teikiIndex .headRenew{color: #777; text-align: right;}
#teikiIndex .price{color: #d00137; text-align: right;}
#teikiIndex table{width: 100%}
#teikiIndex th{padding: 5px 10px;}
#teikiIndex td{text-align: center;}
#teikiIndex td.month{background: #F9F9F9; font-weight: bold; color: #960;}
#teikiIndex .status {float: right; margin-right: 20px;}
#teikiIndex .cancel_oder{text-align: right; margin: 0px 20px;}
#teikiIndex .cancel_oder form{height: 20px;}

#teikiIndex div.haiso_schedule{
  border:solid 1px #ccc;
  padding:10px;
  margin:10px;
}

#teikiIndex div.haiso_schedule h3{
  margin:0;
}

#teikiIndex div.haiso_schedule ul{
  margin-left:30px;
}

#teikiIndex div.haiso_schedule ul li{
  list-style-type: disc;
}

/* teikiDetail - 定期購入商品照会・変更・確認画面
-------------------------------------------------------------*/
#teikiDetail h3{margin: 5px; padding-left: 8px; border-left: 6px solid #FFF; font-size: 110%;}
#teikiDetail h4{display: block; margin: 30px 20px 20px; padding-left: 15px; border-bottom: 1px solid #CCC; background: url("../images/marker.gif") 0 8px no-repeat; font-size: 100%;}
#teikiDetail h5{margin: 20px 20px 0;}
#teikiDetail .box{margin: 10px; padding: 10px; border: 1px solid #CCC; background: #FFF;}
#teikiDetail .head{padding: 5px; background: #F1F1F1;}
#teikiDetail .headDetail{margin-right: 20px; padding-left: 5px; border-left: 12px groove #333;}
#teikiDetail .price{color: #d00137;}
#teikiDetail table{width: 100%;}
#teikiDetail td.month{background: #F9F9F9; font-weight: bold; color: #960;}