@charset "UTF-8";

/* =======================================================================
CSSの名前：member.css
--------------------------------------------------------------------------
1.共通
2.ログインページ
3.お気に入り
======================================================================= */

/* =================================================================
1.共通
=================================================================*/
main{padding: 60px 0px 0;}

@media screen and (max-width: 1070px) {
	main{padding: 60px 10px 0;}
}

/* 会員系ページャー
-------------------------------------------------------------*/
.pagelink.ver2 .loop span{display: flex;}
.pagelink.ver2 .loop a{width: 49px; height: 49px; display: block; text-align: center; padding-top: 12px; font-size: 16px;}
.pagelink.ver2 .loop a:hover{background: #222222; opacity: 1; color: #fff;}

/* 会員系入力エリア
-------------------------------------------------------------*/
.input-label{display: block; margin-bottom: 10px;}
.address input{padding: 5px 10px;}

@media screen and (max-width: 1070px) {
	/* スマートフォン用css */
	.birth-input input{width: 25%;}
	.mail-input input{width: 47%;}
	.address input[type="text"]{width: 80%;}
	.address input[type="button"]{width: 19%;}
	.cardnumber_td input{width: 24%;}
}

/* =================================================================
2.ログインページ
=================================================================*/
.member-login .link{text-align: right; font-size: 12px;}
.member-login .box{margin-top: 60px;}

.member-login .social_provider ul{margin: 0px 20px 0px;}
.member-login .social_provider ul:after {content: ""; clear: both; display: block;}/* clearfix */
.member-login .social_provider ul li{width: 220px; height: 100%; min-height: 44px; font-size: 14px; display: block; float: left; margin: 10px 5px;}
.member-login .social_provider ul li:nth-child(4n){margin-right: 0px;}
.member-login .social_provider ul li a{display: block; text-decoration: none;}
.member-login .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;
}
.member-login .social_provider li img{width: 100%; max-width: 440px;}

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

@media screen and (max-width: 1070px) {
	/* スマートフォン用css */
	.member-login .social_provider ul{margin: 0 auto;}
	.member-login .social_provider ul li{width: 100%; float: none; margin: 0 auto 20px;}
	.member-login .social_provider ul li img{display: block; margin: 0 auto;}
}

/* =================================================================
3.お気に入り
=================================================================*/
.wish-list{margin-bottom: 20px;}
.wish-list .info-area{margin-bottom: 40px;}
.wish-list .info-area.solo{margin-bottom: 0px;}
.wish-list .box{margin: 0px 0 20px; border-bottom: #CCC 1px solid;}
.wish-list .box:last-child{margin-bottom: 0px;}
.wish-list .box:after {content: ""; clear: both; display: block;}/* clearfix */
.wish-list .provisional{margin: 0px;}
.wish-list .text{margin-left: 140px;}
.wish-list .text .ordertext{float: right; margin-right: 10px;}
.wish-list h3{display: block; margin: 10px 10px 0 0; font-size: 95%;}

.wish-list .appeal{display: block; margin: 0; color: #F60; font-size: 70%;}
.wish-list .price{display: block; margin: 0; color: #C00;}
.wish-list .price .teika{font-weight: bold; font-size: 110%;}
.wish-list .price .other{font-size: 90%;}

.wish-list .explanation1{display: block; margin: 5px 10px 0 0; padding: 10px 0px; border-top: #CCC 1px solid; font-size: 80%; line-height: 120%;}
.wish-list .explanation1 h4{margin-bottom: 10px;}
.wish-list .explanation1 h4 a{display: inline-block; width: auto; font-weight: normal;}
.wish-list .explanation1 p{margin: 0px;}

.wish-list .button_area{margin: 0px 10px 20px 0px; padding-top: 20px; border-top: #CCC 1px solid; text-align: right;}
.wish-list .button_area:after {content: ""; clear: both; display: block;}/* clearfix */
.wish-list .button_area .button{width: auto; display: inline-block;}
.wish-list .property{display: inline; margin: 0; color: #AAA; font-size: 75%;}

.wish-list .buttonarea_submit{text-align: right;}
.wish-list .buttonarea_submit a.button{display: inline-block; width: auto; line-height:18px;}
.wish-list .alert{color: red;}

.wish-list .img-box{width: 120px; height: 120px; margin: 0px 10px 0 0; float: left; text-align: center; position: relative;}
.wish-list .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;}

/* wishList - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
.wish-list .cartSubmitButton{position: relative;}
.wish-list .cartSubmitButton .cartMessage{position: absolute; top: -85px; left: 50%; margin-left: -122px; padding: 10px; background-color: #fff; border: #ccc 2px solid; width: 270px; z-index: 10; display: none;}
.wish-list .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
.wish-list .cartSubmitButton .cartMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #000;}
.wish-list .cartSubmitButton .cartMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
.wish-list .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center;}
.wish-list .cartSubmitButton .cartMessage .link a{display: inline-block;}
.wish-list .cartSubmitButton .cartMessage .close{position: absolute; top: 3px; right: 3px; cursor: pointer;}


/* =================================================================
4.レビュー
=================================================================*/
#review{margin-bottom: 40px;}
#review p{margin: 0 0px;}
#review p.item_name{font-size: 95%; font-weight: bold;}
#review h3{float: left; margin: 0 10px 0 0; font-size: 80%;}
#review .review_box{margin-bottom: 60px; border-bottom: 1px solid #CCC; padding-bottom: 20px;}

#review .box{margin: 30px 0 20px;  border-bottom: 1px solid #f2f2f2;}
#review .box h3{float: none; font-size: 90%;}
#review .box p{margin: 0;}
#review .box p.name{padding: 5px 0 0px; margin-bottom: 10px; color: #666; font-size: 75%;}

#review p.goodButton{margin-bottom: 5px; color: #666; font-size: 75%;}
#review p.goodButton .button{margin-left: 5px; vertical-align: middle; display: inline-block; width: auto;}
#review p.goodNumber{margin-bottom: 20px; color: #666; font-size: 75%;}
#review p.more{margin-bottom: 20px; font-size: 75%; text-align: right;}

#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{margin-top: 10px; padding: 10px 10px 10px 10px; background: #F1F1F1;}
#review .contribution #error{background: #F1F1F1;}

#review .contribution table{margin: 0; border: none;}
#review .contribution th{width: 140px; 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:0 0 10px 0; padding:0px; font-size: 120%;}

#review .review-image{padding-top: 20px;}
#review .review-image:after {content: ""; clear: both; display: block;}/* clearfix */
#review .review-image .img-box{width: 80px; height: 80px; margin-right: 10px; margin-bottom: 10px; text-align: center; position: relative; float: left;}
#review .review-image img{width: auto; max-width: 80px; max-height: 80px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

#review .good-bad-area{background: #eee; padding: 10px;}
#review .good_number{font-size: 14px;}

#review p.change-link{margin: 10px 0 20px; font-size: 14px;}

.member-review img{width: 100%;}

#review .review-box .box{padding: 10px;}

/* =================================================================
5.ポイント履歴・ポイント有効期限管理
=================================================================*/
/* ポイント画面共通のレイアウト
-------------------------------------------------------------*/
/* 保有ポイント */
.all-point{display: flex; justify-content: space-between; padding: 17px 0; border-top: solid 1px #CCC; border-bottom: solid 1px #CCC;}
.all-point-info{display: flex; align-items: center; padding: 5px 7px;}
.all-point-info .title{width: 150px;}
.all-point-info .point{font-size: 32px;}
.all-point .limit-point-info{width: 488px; border: solid 2px #EEE; border-radius: 8px;}
.all-point .limit-point{display: flex; align-items: center; padding: 10px 21px;}
.all-point .limit-point .point{font-size: 24px; margin-left: 24px;}
.all-point .limit-point-date{background-color: #EEE; padding: 5px 21px 5px; font-size: 12px; color: #666;}
@media screen and (max-width: 1200px) {
	.all-point{display: block;}
	.all-point .title{width: 50%;}
	.all-point .point{width: 50%; text-align: right; font-size: 32px; max-width: 350px;}
	.all-point-info{max-width: 350px; width: 100%; margin: 0 auto;}
	.all-point .limit-point{ padding: 10px 14px;}
	.all-point .limit-point .title{font-size: 14px;}
	.all-point .limit-point-info{max-width: 350px; width: 100%; margin: 0 auto;}
	.all-point .limit-point-date{padding: 10px 14px;}
	
}

.point-flow .link_other_page{font-size: 14px; margin-top: 10px; text-align: right;}
.point-flow .link_other_page a{text-decoration: underline;}

/* ポイントテーブル */
.point-table{margin-top: 30px;}
.point-table .sort-text{width: 100%; font-size: 14px; text-align: right; margin-bottom: 10px;}
.point-table th{font-weight: normal;}
.point-table .point-plus{font-weight: bold;}
.point-table .limit-icon{ background-color: #D61212; color: #FFF; display: inline-block; font-size: 10px; font-weight: normal; line-height: 1; padding: 3px 5px; vertical-align: text-bottom; margin-left: 8px;}
.point-table .point-limit-date{font-size: 10px; color: #707070;}
.point-table-pc{display: table;}
.point-table-sp{display: none;}
@media screen and (max-width: 1200px) {
	.point-flow .point-row{padding: 9px 20px;}
	.point-flow .point-row .limit-date{text-align: center; width: 100%;;}

	.point-table-pc{display: none;}
	.point-table-sp{display: block;}
	.point-table-sp .tr{display: flex; align-items: center; border-bottom: solid 1px #CCC; padding: 10px 0;}
	.point-table-sp .tr:first-child{border-top: solid 1px #DDD;}
	.point-table-sp .left-box{width: 70%; font-size: 14px; line-height: 17px;}
	.point-table-sp h4{font-weight: normal; margin-bottom: 4px;}
	.point-table-sp .status_detail{margin-bottom: 14px;}
	.point-table-sp .order_no{font-weight: bold;}
	.point-table-sp .right-box{width: 30%; text-align: center;}
	.point-table-sp .point-box{font-size: 12px; margin-bottom: 12px;}
	.point-table .point{font-size: 32px;}
	.point-table .point-plus{font-size: 32px; font-weight: bold;}
	.point-table-sp .limit-icon{font-size: 10px; background-color: #D61212; color: #FFF; padding: 3px 5px; margin-left: 0;}
}

/* ポイント履歴
-------------------------------------------------------------*/
.member-point-record .point-table-sp .limit-date{font-weight: 500; transform: translateX(-10px);}
@media screen and (max-width: 1200px) {
	.member-point-record .point-table-sp .record_date{font-size: 16px; color: #707070; margin-bottom: 12px;}
}

/* ポイント有効期限管理
-------------------------------------------------------------*/
.member-point-limit .point-table-sp .limit-date{color: #707070;}
@media screen and (max-width: 1200px) {
	.member-point-limit .limit-icon{margin-left: 8px;}
	.member-point-limit .point-table-sp .limit-date{font-size: 16px;}
}

/* =================================================================
6.マイページ
=================================================================*/
.member-mypage h3{margin: 30px 0 10px 0px;}
.member-mypage h3 a{ float: right; width: auto;}

.member-mypage .point-box{margin-bottom: 10px;}

.member-mypage ul{margin: 0 0 50px 0px;}
.member-mypage ul:after {content: ""; clear: both; display: block;}/* clearfix */
.member-mypage ul li{float: left;}
.member-mypage ul li h4{border-left: 6px double #222; font-size: 16px; background: #FAFAFA; font-weight: normal; padding: 10px 10px; margin: 0 0px 20px 0;}
.member-mypage ul li .inner{width: 306px; margin: 0 20px 20px 0;}
.member-mypage ul li p{font-size: 14px; padding: 0 16px;}
.member-mypage ul li a{font-size: 14px;}
.member-mypage #social_plus .social-table{table-layout: fixed;}
.member-mypage #social_plus tr th{background: #FFF; border-bottom: 1px solid #ccc;}
.member-mypage #social_plus tr th a{width: 100%; text-decoration: none;}
.member-mypage #social_plus tr.title th{background: #F6F6F6; border-top: 1px solid #ccc; border-bottom: 0}
.member-mypage #social_plus tr.title th:last-child{border-right: 0px;}
.member-mypage #social_plus th div{width: 220px; min-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 div img{width: 100%; max-width: 440px;}
.member-mypage #social_plus .social-table .no-border{border-right: 0px;}
.member-mypage #social_plus th {padding: 10px;}
.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.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.apple_id{padding: 12px 12px 6px;}

.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.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;}
.member-mypage #social_plus td .associate {display: inline-block; min-width: inherit; width: 100px; font-size: 14px;}
.member-mypage #social_plus .alignment th {padding: 10px;}
.member-mypage #social_plus .alignment th div p {border: none; height: 100%; margin: 0 0 0 53px;}
.member-mypage #social_plus .alignment th.apple_id div{background: url("../images/social_apple.png") no-repeat; color: #000; height: 53px;}
.member-mypage #social_plus .alignment th.apple_id div p{padding: 18px 0px 19px 25px;}

@media screen and (max-width: 1200px) {
	.member-mypage ul li{float: none;}
	.member-mypage ul li .inner{width: 100%; margin: 0 0 20px; height: auto !important;}
	.member-mypage #social_plus th.service {width: 66%;}
	.member-mypage #social_plus tr:first-child th:last-child{width: 34%;}
	.member-mypage #social_plus th{border-top: 0px;}
	.member-mypage #social_plus th div{width: 100%;}
	.member-mypage #social_plus td{width: 30%;}
}

/* =================================================================
7.会員登録
=================================================================*/
.member-input table{margin-top: 30px;}
.member-input th{width: 230px; text-align: left;}
.member-input tr:first-child td{border-top: 1px solid #ccc;}
.member-input .social-provider {margin-top: 60px;}
.member-input .social-provider h3{margin-bottom: 30px;}
.member-input .social-provider ul{width:100%; padding:0 10px;}
.member-input .social-provider li{width:220px; height: 100%; min-height: 44px; margin:0 20px 20px 0; float: left;}
.member-input .social-provider li img{width: 100%; max-width: 440px;}
.member-input .social-provider ul li a{display: block; text-decoration: none;}
.member-input .social-provider li.yahoo a{background: url("../images/social_yahoo.png") no-repeat; color: #e71017;}
.member-input .social-provider li.facebook a{background: url("../images/social_facebook.png") no-repeat; color: #3b5998;}
.member-input .social-provider li.twitter a{background: url("../images/social_twitter.png") no-repeat; color: #55acee;}
.member-input .social-provider li.google a{background: url("../images/social_google.png") no-repeat; color: #dc4e41;}
.member-input .social-provider li.mixi a{background: url("../images/social_mixi.png") no-repeat; color: #d1ad59;}
.member-input .social-provider li.line a{background: url("../images/social_line.png") no-repeat; color: #00b300;}
.member-input .social-provider li.paypal a{background: url("../images/social_paypal.png") no-repeat; color: #293e7f;}
.member-input .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;
	}
.member-input .social-provider li.rakuten_regist a span{padding:0; border:0; margin:0; background:none;}

@media screen and (max-width: 1200px) {
	.member-input th{width: 100%;}
	.member-input tr:first-child td{border-top: 0px;}

	.member-input .social-provider li{width: 100%;}
	.member-input .social-provider ul li a{text-align: center;}
}

/* =================================================================
8.購入履歴
=================================================================*/
.member-history h3{display: block; font-size: 110%; margin: 30px 10px 10px; padding-bottom: 5px;}
.member-history .history-box{margin-bottom: 40px; padding: 10px 20px 20px; border: 1px solid #ccc;}
.member-history .infoarea{display: block; margin: 10px 0px 0; font-size: 80%; font-weight: bold;}
.member-history .infoarea:after {content: ""; clear: both; display: block;}/* clearfix */
.member-history .infoarea .status_icon{color: #FFFFFF; float: left; font-weight: normal; margin-right: 10px;}
.member-history .cancel{float: right; margin-left: 10px;}
.member-history .payment_change{float: right; margin-left: 10px;}
.member-history .infoarea .date{clear: both; padding-top: 3px;}
.member-history .infoarea.estimate{position: relative; margin-bottom: 20px;}
.member-history .infoarea.estimate .seikyu_price{ color:#C00; font-size: 16px;}
.member-history .infoarea.estimate .estimate_number{color:#222; padding:0 0 0 10px;}
.member-history .infoarea.estimate .button.estimate{width: 137px; display: inline-block; position: absolute; right:10px;}

.member-history .preparing .status_icon{background: #336600; padding: 3px 5px;}/* 手配中 */
.member-history .delivered .status_icon{background: #ff9900; padding: 3px 5px;}/* 配送中 */
.member-history .delivering .status_icon{background: #000066; padding: 3px 5px;}/* 配送済 */
.member-history .canceled .status_icon{background: #cc0000; padding: 3px 5px;}/* 取消済 */
.member-history .yoyaku .status_icon{background: #000000; padding: 3px 5px;}/* 予約済 */
.member-history .teiki_together .status_icon{background: #996633; padding: 3px 5px;}/* 定期にまとめて */

.member-history .history-box table tr:first-child td{border: 0px;}
.member-history .history-box table td{border: 0px; padding: 0 0 0px;}
.member-history .history-box table th.pc{display: table-cell !important;}
.member-history .history-box th{border-right: 1px solid #ccc; font-size: 14px; border-bottom: 0px;}
.member-history .history-box tr:first-child th:last-child{border-right: 0px;}

.member-history .item-image{display: flex; padding: 10px 0; margin-bottom: 10px;}
.member-history .item-image .text-area{padding-left: 10px;}
.member-history .price{color: #C00;}
.member-history .cart{width: 18%; text-align: center;}
.member-history .cart .button{margin-bottom: 10px; width: auto; display: block;}
.member-history .cart .delivery_slip{margin-bottom: 0px;}
.member-history .code{width: 80px;}
.member-history .amount{display: block;}

.member-history .estimate_reply{line-height: 22px;}
.member-history .estimate_reply .title{font-weight: bold;}

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

.member-history .img-box{width: 80px; height: 80px; text-align: center; position: relative;}
.member-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;}

.member-history .nolink{color: #999;}
.member-history .reducedTax{ display: block; font-size: 11px; }
.member-history .search .buttonarea{padding: 20px 0 40px;}
.member-history h4.total_price{font-size: 105%; padding-left: 10px; font-weight: bold; color: #c00; margin-bottom: 20px;}

.member-history .webmoney-usage-detail:after{content: ""; display: inline-block; background: url("../images/otherpage.png") no-repeat; width: 18px; height: 12px;}

.member-history .message_card{display: inline-block; vertical-align: top;}
.member-history .noshi_amount{width:50px;}
.member-history .giftbag_amount{width: 80px; text-align: center;}
.member-history .gift_accordion_container{position: relative;}
.member-history .gift_accordion_title:after {content: ""; position: absolute; right: 2px; top: 30%; transition: all 0.2s ease-in-out; display: block; width: 8px; height: 8px; border-top: solid 2px #000; border-right: solid 2px #000; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.member-history .gift_accordion_title.open:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 45%;}
.member-history .gift_accordion_content {display: none;}
.member-history .gift_accordion_title{position: relative; cursor: pointer;}

.member-history .total-area {display: flex; justify-content: flex-end; border-top: 1px solid #ccc; padding-top: 10px; margin-top: 20px;}
.member-history .total-area li{text-align: right; font-weight: bold; display: flex; justify-content: space-between;}
.member-history .total-area li .title{min-width: 200px;}

@media screen and (max-width: 1200px) {
	.member-history{width: 100%; margin: 0 auto 20px}
	.member-history .history-box{padding: 10px;}
	.member-history .cart{width: 30%; text-align: center;}
	.member-history td.cart{width: 100%;}
	.member-history table th.pc{display: none !important;}
	.member-history .item-box{border-top: 1px solid #eee;}
	.member-history .img-box img{max-width: 100%; max-height: 100%;}

	.member-history .total-area li{font-size: 15px;}
}

/* =================================================================
9.アドレス帳
=================================================================*/
.address-list{padding-bottom: 20px;}
.address-list .box ul{padding: 20px 0 10px;}
.address-list .box ul:after {content: ""; clear: both; display: block;}/* clearfix */
.address-list .box li{float: left; font-size: 14px; border: 1px solid #CCC; padding: 10px 10px 40px 10px; margin: 0 20px 20px 0; width: 320px; line-height: 180%; position: relative;}
.address-list .box li strong{font-size: 18px;}
.address-list .box li .button_area{margin: 0px 0px 0; position: absolute; bottom: 10px;}
.address-list .box li .button_area .button{width: auto; display: inline-block;}

@media screen and (max-width: 1200px) {
	.address-list .box li{width: 100%; margin: 0 auto 20px}
}

/* =================================================================
10.クレジットカード登録画面
=================================================================*/
#credit td.button_area{text-align: center;}
#credit td.button_area .button{display: inline-block; width: auto;}
#credit .can_regist{padding-top: 30px;}
#credit .error{clear: both; margin: 5px 10px; color: #C00; font-weight: bold; text-align: center; font-size: 80%;}

/* =================================================================
11.トピックス
=================================================================*/
/* topicsList - トピックス一覧
-------------------------------------------------------------*/
.topics-list {margin-bottom: 20px;}
.topics-list .category ul{display: flex; justify-content: center;}
.topics-list .category li{margin: 0 20px;}
.topics-list .box {margin-top: 20px; border-bottom: #CCC 1px solid; padding-bottom: 20px;}
.topics-list .box:after {content: ""; clear: both; display: block;}/* clearfix */
.topics-list .box h3{font-size: 14px; display: block; margin: 0px 0px 0px 0px;}
.topics-list .box p{display: block; width: 100%; margin: 0; padding: 5px 0px; font-size: 14px; font-weight: normal;}
.topics-list .img-box img{width: 100%; max-width: 200px; position: static; margin: 20px 0 0;}

@media screen and (max-width: 1200px) {
	.topics-list .box p{width: 100%;}
}

/* itemDetail - トピックス詳細
-------------------------------------------------------------*/
.topics-detail .box:after {content: ""; clear: both; display: block;}/* clearfix */
.topics-detail .topics-img h3,
.topics-detail .topics-noimg h3{margin: 10px 10px 5px 0px; display: block; font-size: 105%;}
.topics-detail .topics-img p,
.topics-detail .topics-noimg p{font-size: 90%; margin: 5px 0px;}
.topics-detail .topics-img img{display: block;}
.topics-detail .topics-img .topics-text{overflow: auto;}
.topics-detail .topics-img,
.topics-detail .topics-noimg{padding: 10px;}
.topics-detail .topics-noimg p img{float: right; margin: 0 0 10px 10px;}

.topics-detail .info-title-image img{width: 100%; max-width: 700px; margin: 0 auto 30px;}
.topics-detail .info-image img{width: 100%; max-width: 700px; margin: 0 auto 30px;}

/* =================================================================
12.定期購入商品履歴照会・変更
=================================================================*/
/* teikiIndex - 定期購入商品一覧
-------------------------------------------------------------*/
#teikiIndex h3{margin: 5px; padding-left: 8px; border-left: 6px solid #373737; font-size: 110%;}
#teikiIndex h4{display: block; margin: 30px 0px 20px; border-bottom: 1px solid #CCC; font-size: 100%;}
#teikiIndex .box{margin: 30px 0px 0px; padding: 10px; border: 1px solid #CCC; background: #FFF;}
#teikiIndex .head{padding: 10px; background: #F1F1F1;}
#teikiIndex .head h3{margin-left: 0px;}
#teikiIndex .head p{margin-bottom: 5px;}
#teikiIndex .head_renew .button{display: inline-block; width: auto; margin-bottom: 10px;}
#teikiIndex table{width: 100%; margin: 10px 0px 30px;}
#teikiIndex table:last-child{margin-bottom: 0px;}
#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-bottom: 20px;}
#teikiIndex .cancel_oder .button{display: inline-block; width: auto;}
#teikiIndex .cancel_oder form{height: 20px;}

#teikiIndex .detail-box p{display: flex; align-items: center;}
#teikiIndex .detail-box p strong{width: 180px; background: #eee; border-bottom: 1px solid #fff; margin-right: 10px; padding: 10px;}
#teikiIndex .detail-box .button{max-width: 200px; margin-top: 20px;}

#teikiIndex .detail-box.past{margin-top: 40px;}
#teikiIndex .detail-box.past:first-child{margin-top: 0px;}

/* teikiDetail - 定期購入商品照会・変更・確認画面
-------------------------------------------------------------*/
#teikiDetail h3{margin: 5px; padding-left: 8px; border-left: 6px solid #373737; font-size: 110%;}
#teikiDetail h4{display: block; margin: 30px 0px 20px; padding-left: 15px; border-bottom: 1px solid #CCC; background: url("../images/marker.gif") 2px 8px no-repeat; font-size: 100%;}
#teikiDetail h5{margin: 20px 0px 0; font-size: 16px;}
#teikiDetail .box{margin: 0px; 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: #C00;}
#teikiDetail table{width: 100%; margin: 10px 0px 30px;}
#teikiDetail table:last-child{margin-bottom: 0px;}
#teikiDetail td.month{background: #F9F9F9; font-weight: bold; color: #960;}

/* taiki-renew
-------------------------------------------------------------*/
@media screen and (max-width: 1200px) {
	.taiki-renew .mail-input input{width: 46%;}
}