/*------------------------------------------------------------------

	Contents

------------------------------------------------------------------*/

/* メイン */
.main .container { max-width:1200px; }
.main .col-l { padding-left:0; }
.main .col-l .sub_menu { position:relative; }
.main .col-l .sub_menu i { position:absolute; right:10px; top:12px; }
.main .col-r { padding-right:0; }
.contents_main { margin:0 0 40px 0; }

@media (max-width:767px) {

	.main .col-l { padding:0; }
	.main .col-c { padding:0; }
	.main .col-r { padding:0; }

}

/* サブメニュー */
.sub_menu { margin-bottom:40px; }
.sub_menu a { text-decoration:none; display:block; position:relative; margin:-1px 0 0 0; padding:10px 30px 10px 20px; font-size:1.4rem; color:#333; border-bottom:1px solid #eee; }
.sub_menu a:hover { text-decoration:none; background:#f5f5f5; }
.sub_menu a i { position:absolute; right:0; top:50% !important; margin-top:-7px; }
.sub_menu a:nth-child(1){ padding:10px 30px 10px 10px; font-size:1.6rem; }
.sub_menu a:nth-child(1) i { font-size:1.4rem; }
.sub_menu a.current { cursor:auto; background:#eee; }
.fa-chevron-down, .fa-chevron-up, .fa-chevron-right { color:#ccc; }

@media (max-width:767px) {

	.sub_menu { margin-bottom:0; }
	.sub_menu a { margin:0; color:#eee; border:none; border-radius:0 !important; border-bottom:1px solid #666; background:#333; }
	.sub_menu a:hover { color:#eee; background:#555; }
	.sub_menu a.current { cursor:auto; background:#666; }
	.sub_menu a i { color:#eee !important; }
}

/* サブメニュー(カレンダー) */
.sub_menu .calendar { margin:20px auto; font-size:1.2rem; }
.sub_menu .calendar table { background:#fff; margin:0 0 10px 0; border:1px #ddd solid; border-collapse:collapse; }
.sub_menu .calendar td { border:1px #ddd solid; padding:10px 3px; white-space:nowrap; }
.sub_menu .calendar .holiday ,.sub_menu .calendar_txt { color:#da4a4a; }

@media (max-width:767px) {

	.calendar_wrap { display:none; }

}


/* サブメニュー(その他のカテゴリー) */
.sub_menu_extend_ttl { cursor:pointer; position:relative; padding:10px 30px 10px 10px; font-size:1.6rem; border:1px solid #ccc; }
.sub_menu_extend_ttl i { position:absolute; right:0; top:50% !important; margin-top:-7px; font-size:1.4rem; }
.sub_menu_extend { display:none; }
.sub_menu_extend_one ul { display:none; }
.sub_menu_extend_one > a { padding:10px 30px 10px 20px !important; font-size:1.4rem !important; }
.sub_menu_extend_one li { margin:-1px 0 0 0; padding:0; }
.sub_menu_extend_one li a { position:relative; display:block; padding:10px 30px 10px 30px !important; font-size:1.4rem !important; background:#eee; }
.sub_menu_extend_one li a i { position:absolute; right:0; top:50% !important; margin-top:-7px; }
.sub_menu_extend_one li a:hover { background:#f5f5f5; }

@media (max-width:767px) {

	.sub_menu_extend_ttl  { color:#eee; border:none; border-radius:0 !important; border-bottom:1px solid #666; background:#333; }
	.sub_menu_extend_ttl:hover { color:#eee; background:#555; }
	.sub_menu_extend_one li a { background:#222; }
	.sub_menu_extend_one li a:hover { background:#444; }
	.sub_menu_extend_one li a:active { background:#444; }

}

/* サブメニュー(その他のカテゴリー トップ版) */
.sub_menu_extend_2 .sub_menu_extend { display:block; }
.sub_menu_extend_2 .sub_menu_extend_one > a { padding:15px 30px 15px 10px !important; }
.sub_menu_extend_2 .sub_menu_extend_one li a { padding:15px 30px 15px 10px !important; }

/* 商品 */
.item { margin-bottom:20px; }
.item a { display:block; }
.item h3 { overflow:hidden; font-size:1.2rem; color:#333; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; white-space:pre-wrap; word-wrap:break-word; }
.item .thumbnail { border:none !important; background:none !important; margin:0 0 -10px 0 !important; }
.item .thumbnail span { display:table-cell; width:100%; vertical-align:middle; text-align:center; }
.item .thumbnail img { max-width:200px; max-height:200px; margin:0 auto; }
.item .description { padding:0px 5px 10px 5px; }
.item .description h3 { line-height:1.6; }
.item .price { position:relative; margin-bottom:10px; padding:0 0 0 16px; }
.item .price:before { position:absolute; left:0; top:0; content:'￥'; }
.item .tax { font-size:1.1rem; margin:0 0 0 4px; color:#999; }


/*---------------------------------
	会社概要
---------------------------------*/
.company table th { border:1px #ddd solid; padding:15px; background:#eee; font-weight:normal; text-align:right; }
.company table td { border:1px #ddd solid; padding:15px; }

@media (max-width:767px) {

	.company table th, .company table tr, .company table td { display:block; border:0 !important; }
	.company table th { text-align:left; }

}


/*---------------------------------
	個人情報保護方針
---------------------------------*/
/*
.privercy ol { margin:0 0 40px 0; }
.privercy .sub_txt { margin:0 0 20px 0; }
.privercy li { margin:15px 0; }
.privercy table th { border:1px #ddd solid; padding:15px; background:#eee; font-weight:normal; }
.privercy table td { border:1px #ddd solid; padding:15px; }
.privercy .window { margin:30px 0; }
.privercy .ttl { background:#eee; padding:15px 10px; margin:50px 0 10px 0; text-align:center; }

@media (max-width:767px) {

	.privercy th, privercy tr, privercy td { display:block; border:0 !important; }

}
*/


/*---------------------------------
	特定商取引に関する表示
---------------------------------*/
.ordercontract th { border:1px #ddd solid; padding:15px; background:#eee; font-weight:normal; }
.ordercontract td { border:1px #ddd solid; padding:15px; }

@media (max-width:767px) {

	.ordercontract th, .ordercontract tr, .ordercontract td { display:block; border:0 !important; }

}


/*---------------------------------
	ご利用ガイド
---------------------------------*/
.guide h3 { font-size:1.8rem; }
.guide dl { margin:-80px 0 0 0; }
.guide dd { margin:-5px 0 0 25px; }

/* クリックで開くタイプ
.guide i { margin:0 5px 0 0; }
.guide .wrap { margin:0 0 50px 0; }
.guide .wrap:last-of-type { margin:0; }
.guide .select { font-weight:bold; }
.guide .link { font-size:1.4rem; }
.guide .accordion input { display:none; }
.guide .accordion label { display:block; padding:20px 20px 20px 0; border-bottom:1px #e4e4e4 solid; font-weight:normal; font-size:1.4rem; cursor:pointer; }
.guide .accordion .ac_content { transition:0.2s; overflow:hidden; height:0; padding:0 20px; background:#f0f0f0; line-height:1.8; }
.guide .accordion input:checked + .ac_content { height:auto; padding-top:20px; padding-bottom:20px; }
.guide .accordion table { border:1px #ddd solid; margin:10px 0 0 0; }
.guide .accordion th, .guide td { padding:10px; background:#fff; border:1px #ddd solid; font-weight:normal; }
.guide .accordion th { background:#f9f7cf; }

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

	.guide .accordion table { border:none; }
	.guide .accordion table thead { display:none; }
	.guide .accordion table tr { display:block; margin:0 0 15px 0; }
	.guide .accordion table tr:last-of-type { margin:0; }
	.guide .accordion table td { display:block; margin:0 0 -1px 0; text-align:right; }
	.guide .accordion table td::before { content:attr(data-label); float:left; font-size:1.1rem; }
	.guide .accordion .delivery { text-align:center; background:#f9f7cf; }

}
*/


/*---------------------------------
	お問い合わせ
---------------------------------*/
.contact .sub_txt { margin:0 0 20px 0; }
.contact th { border:1px #ddd solid; padding:15px; background:#eee; font-weight:normal; text-align:right; }
.contact td { border:1px #ddd solid; padding:15px;}
.contact .required { margin:0 0 0 10px; padding:2px 5px; background:#da4a4a; border-radius:5px; color:#fff; font-size:1.1rem; font-weight:normal; }
.contact input, .contact input textarea { padding:10px; }
.contact .notes { margin:10px 0 0 0; }
.contact .agree { margin:30px 0 20px 0; text-align:center; }
.contact .agree label { margin:0 0 0 10px; font-weight:normal; font-size:1.6rem; }
.contact .disabled { background:#999; pointer-events:none; }
.contact 

@media (max-width:767px) {

	.contact th, .contact tr, .contact td { display:block; border:0 !important; }
	.contact th { text-align:left; }

}
  

/*---------------------------------
	ログイン・ログアウト
---------------------------------*/
.login { width:100%; max-width:740px; margin:40px auto 100px auto; }
.login .sub_txt { margin:0 0 20px 0; }
.login input, textarea { padding:10px; }
.login .notes { margin:10px 0 0 0; }
.login .error_messeage { margin:10px 0; color:#da4a4a; font-weight:bold; }
.login .login_keep { margin:30px 0 20px 0; text-align:center; }
.login .login_keep label { margin:0 0 0 10px; font-weight:normal; font-size:1.6rem; }
.login .form { padding:30px; background:#eee; border-radius:5px; }
.login input { ime-mode:disabled; }
.login .form .pass { margin:20px 0 10px 0; }
.login .form input{ padding:15px; }
.login .form dt { margin:0 0 10px 0; font-weight:normal; font-size:1.6rem; }
.login .login_help { margin:20px 0 0 0; text-align:center; }
.login .login_help li { display:inline-block; padding:0 10px; border-right:1px #333 dotted; }
.login .login_help li:last-child { border-right:0; }

@media (max-width:767px) {

	.login th, .login tr, .login td { display:block; border:0 !important; }
	.login .login_help { margin:30px 0 0 0; text-align:center; }
	.login .login_help li { display:block; margin:20px 0; border-right:0; }
	.login .login_help li a { display:block; }

}


/*---------------------------------
	個人ID登録
---------------------------------*/
.personal_id { width:100%; max-width:740px; margin:40px auto 100px auto; }
.personal_id .sub_txt { margin:0 0 20px 0; }
.personal_id input { padding:10px; }
.personal_id .notes { margin:10px 0 0 0; }
.personal_id .error_messeage { margin:10px 0; color:#da4a4a; font-weight:bold; }
.personal_id .form { padding:30px; background:#eee; border-radius:5px; }
.personal_id .form .mail { margin:20px 0 10px 0; }
.personal_id .form input{ padding:15px; }
.personal_id .form dt { margin:0 0 10px 0; font-weight:normal; font-size:1.6rem; }
.personal_id .user_kiyaku { margin:15px 0 0 0; }
.personal_id .user_kiyaku p { margin:0 0 5px 0; }
.personal_id .user_kiyaku p:last-of-type { margin:15px 0 5px 0; }
.personal_id .user_kiyaku textarea { font-size:1.3rem; }
.personal_id .agree { margin:20px 0; text-align:center; }
.personal_id .agree label { margin:0 0 0 5px; font-weight:normal; }
.personal_id .btn_wrap button[disabled] { background:#999; }
.personal_id input { ime-mode:disabled; }

@media (max-width:767px) {

	.personal_id th, .personal_id tr, .personal_id td { display:block; border:0 !important; }

}


/*---------------------------------
	パスワード設定・再発行
---------------------------------*/

.pw { width:100%; max-width:740px; margin:40px auto 100px auto; }
.pw .sub_txt { margin:0 0 10px 0; }
.pw p a { color:#0092cc; }
.pw input { padding:10px; }
.pw .notes { margin:10px 0 0 0; }
.pw .error_messeage { margin:10px 0; color:#da4a4a; font-weight:bold; }
.pw .form { padding:30px; background:#eee; border-radius:5px; }
.pw .form .pass { margin:20px 0 10px 0; }
.pw .form input{ padding:15px; }
.pw .form dt { margin:0 0 10px 0; font-weight:normal; font-size:1.6rem; }
.pw input { ime-mode:disabled; }

@media (max-width:767px) {

	.personal_id th, .personal_id tr, .personal_id td { display:block; border:0 !important; }

}


/*---------------------------------
	アイテム一覧
---------------------------------*/
.item_list .item { margin:30px 0 0 0; }
.item_list .item_search a { display:block; text-decoration:none; }
.item_list .item_search i { margin:0 5px 0 0; color:#999; }
.item_list .detail_contents { display:none; clear:both; margin:0 0 30px 0; border:1px #ddd solid; border-radius:5px; padding:10px; }
.item_list th { font-weight:normal; padding:15px; }
.item_list td { padding:10px; }
.item_list option { padding:5px 10px; }
.item_list select { width:100%; }
.item_list input { padding:10px; }
.item_list .clear { margin:10px 0 0 0; }
.item_list .paging { display:table; margin:30px auto 0 auto; }
.item_list .paging li { float:left; margin:0 5px; background:#f0f0f0; }
.item_list .paging a { display:block; padding:10px 15px; }
.item_list .paging a:hover { background:#0092cc; text-decoration:none; color:#fff; }
.item_list .paging .none { padding:10px 15px; background:#999; color:#fff; }

@media (max-width:767px) {

	.item_list th { padding:15px 0 0 0; }

}


/*---------------------------------
	マイページトップ
---------------------------------*/
.mypage .inner { display:table; width:100%; margin:0 0 10px 0; border:1px #ddd solid; }
.mypage .inner .icon { width:20%; background:#f0f0f0; border-right:1px #ddd solid; text-align:center; }
.mypage .inner .icon i { padding:20px; font-size:4.0rem; }
.mypage .inner dl { padding:20px; }
.mypage .inner dt { margin:0 0 15px 0; padding:0 0 10px 0; border-bottom:1px #ddd dashed; font-size:1.6rem; font-weight:normal; }
.mypage .inner dt i { margin:0 5px 0 0; color:#777; }
.mypage .inner:hover .icon i { color:#1fa3a5; }
.mypage .link_wrap { margin:0 0 15px 0; }
.mypage .link_wrap:last-of-type { margin:0; }
.mypage .link_wrap a:hover { text-decoration:none; }.mypage .inner li { display:table-cell; vertical-align:middle; }


/*---------------------------------
	登録内容変更・退会
---------------------------------*/
.member_info .wrap { margin:0 0 60px 0; }
.member_info .ttl { background:#eee; padding:15px 10px; margin:0 0 20px 0; font-size:1.8rem; }
.member_info .sub_txt { margin:0 0 20px 0; }
.member_info .sub_txt_pass { margin:30px 0 10px 0; }
.member_info th { border:1px #ddd solid; padding:15px; background:#eee; font-weight:normal; text-align:right; }
.member_info td { border:1px #ddd solid; padding:15px;}
.member_info .required { margin:0 0 0 10px; padding:2px 5px; background:#da4a4a; border-radius:5px; color:#fff; font-size:1.1rem; font-weight:normal; }
.member_info .notes { margin:10px 0 0 0; }
.member_info .error_messeage { margin:0 0 10px 0; color:#da4a4a; font-weight:bold; }
.member_info .disabled { background:#999; pointer-events:none; }
.member_info .tell_input, .member_info .postal_code_input { width:80px; margin:0 10px 0 0; }

@media (max-width:767px) {

	.member_info th, member_info tr, member_info td { display:block; border:0 !important; }
	.member_info th { text-align:left; }

}


/*---------------------------------
	注文履歴
---------------------------------*/
.order_history { position:relative; }
.order_history .info a { color:#0092cc; }
.order_history .info { width:100%; margin:0 0 20px 0; text-align:left; }
.order_history .info th { width:25%; padding:10px; border:solid 1px #ddd; background:#f0f0f0; font-weight:normal; text-align:right; }
.order_history .info td { padding:10px; border:solid 1px #ddd; }
.order_history .info .detail_btn li { display:inline-block; margin:0 auto 5px auto; padding:10px; background:#0092cc; border-radius:5px; text-align:center; }
.order_history .info .detail_btn li:last-of-type { margin:0 auto; }
.order_history .info .detail_btn a { display:block; color:#fff; }
.order_history .info .detail_btn a:hover { opacity:1.0; text-decoration:none; }
.order_history .info .detail_btn .impossible { padding:10px; background:#999; border-radius:5px; color:#fff; cursor:default; }
.order_history .info .thumb { width:16%; } 
.order_history .info .name { width:83%; }
.order_history .number { position:relative; margin:0 0 15px 0; }
.order_history .number select { width:auto; margin:0 5px; padding:5px !important; }
.order_history .number button { padding:8px; background:#0092cc; border-radius:5px; color:#fff; }
.order_history .number .left { float:left; position:absolute; bottom:0; }
.order_history .number .right { float:right; }
.order_history .paging { display:table; margin:30px auto 0 auto; }
.order_history .paging li { float:left; margin:0 5px; background:#f0f0f0; }
.order_history .paging a { display:block; padding:10px 15px; }
.order_history .paging a:hover { background:#0092cc; text-decoration:none; color:#fff; }
.order_history .paging .none { padding:10px 15px; background:#999; color:#fff; }

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

.order_history .info { border:solid 1px #ddd; }
.order_history .info th { display:block; width:100%; border:0; text-align:center; text-align:left; }
.order_history .info td { display:block; width:100%; border:0; }
.order_history .info .detail_btn li { display:block; }

}

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

	.order_history .info .thumb { width:35%; } 
	.order_history .info .name { width:63%; }
	.order_history .number { text-align:center; }
	.order_history .number .left { margin:0 0 5px 0; float:none; position:static; }
	.order_history .number .right { float:none; }

}


/*---------------------------------
	注文履歴（詳細）
---------------------------------*/
.order_history .detail h3 { margin:40px 0 5px 0; font-size:1.6rem; font-weight:bold; }
.order_history .detail a { color:#0092cc; }
.order_history .detail table { width:100%; margin:0 0 20px 0; }
.order_history .detail th { padding:10px; border:solid 1px #ddd; background:#f0f0f0; font-weight:normal; text-align:right; }
.order_history .detail td { padding:10px; border:solid 1px #ddd; }
.order_history .detail .item th { text-align:center; }
.order_history .detail .item .thumb { text-align:center; }
.order_history .detail .item img { width:100%; max-width:100px; }
.order_history .detail .item .value { text-align:right; }
.order_history .page_return { margin:40px 0 0 0; font-size:1.4rem; text-align:center; }
.order_history .page_return a { display:block; color:#0092cc; }
.order_history .page_return i { margin:0 8px 0 0; }

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

.order_history .detail .orderer, .order_history .detail .delivery, .order_history .detail .payment { border:solid 1px #ddd; }
.order_history .detail .orderer th, .order_history .detail .delivery th, .order_history .detail .payment th { display:block; width:100%; border:0; }
.order_history .detail .orderer td, .order_history .detail .delivery td, .order_history .detail .payment td { display:block; width:100%; border:0; }
.order_history .detail th { text-align:left; }

}

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

	.order_history .detail .item .thumb { width:25%; }

}


/*---------------------------------
	アイテム詳細
---------------------------------*/
.item_detail .back { float:left; margin:30px 0 0 0; }
.item_detail .next { float:right; margin:30px 0 0 0; }
.item_detail .fa-chevron-left { padding:0 5px 0 0; }
.item_detail .fa-chevron-right { padding:0 0 0 5px; color:#333; }

.item_detail h2 { clear:both; line-height:1.6; }
.item_detail .item_l { width:55%; float:left; margin:0 30px 0 0; padding:0 10px; }
.item_detail .item_l .img_b img { position:relative; width:85%; margin:0 auto; }
.item_detail .item_l .img_b { width:100%; /*padding:0 20px 20px 20px;*/ }
.item_detail .img_s { margin:20px auto; text-align:left; }
.item_detail .img_s img { display:inline-block; width:100%; max-width:80px; margin:5px; }
.item_detail .img_s a:hover { opacity:0.8; text-decoration:none; }
.item_detail .btn_big { padding:5px 15px; border:1px #333 solid; border-radius:5px; }
.item_detail .btn_big i { margin:0 5px 0 0; }
.item_detail .slick-prev { z-index:9999; }
.item_detail .slick-next { z-index:9999; }

.item_detail .material { margin:20px 0 0 0; }
.item_detail .item_data, .item_btn, .item_detail .material { float:left; width:40%; }
.item_detail .item_data { margin:0 0 20px 0; }
.item_detail .item_data p { margin:5px 0; }
.item_detail .total_price { color:#d10000; font-size:16px; font-weight:bold; }

.item_detail .btn_wrap { margin:5px; padding:15px; border-radius:5px; text-decoration:none; }
.item_detail .btn_red { width:100%; background:#e25556; color:#fff; }
.item_detail .btn_orng { background:#ef9911; color:#fff; }
.item_detail .btn_gray { width:100%; background:#777; color:#fff; width:100%; }
.item_detail .btn_gray:hover { opacity:1.0; }
.item_detail .btn_wh { width:100%; padding:10px; background:#fff; color:#333; border:1px #ccc solid; }
.item_detail button:hover { opacity:0.8; }
.item_detail .btn_wh:hover { background:#ddd; opacity:1; }

.item_detail .fav { display:block; width:100%; padding:8px; border:1px #ccc solid; border-radius:5px; }
.item_detail .contact { display:block; width:100%; padding:8px; border:1px #ccc solid; border-radius:5px; }
.item_detail .fav:hover { background:#ddd; }
.item_detail .contact:hover { background:#ddd; }
.item_detail .material dt, .item_detail .material dd { padding:5px 0; /*border-bottom:1px #ddd dashed;*/ }
.item_detail .material dt { margin:0 0 5px 0; border-bottom:1px #ddd dashed; }
.item_detail .material_l { /*float:left; width:100px;*/ }

.item_detail .container { width:100%; padding:50px 0; clear:both; }
.item_detail .ex { float:left; width:50%; }
.item_detail .ex_ttl { margin:0 0 10px 20px; font-weight:bold; clear:both; }
.item_detail .ex dl { display:inline-block; }
.item_detail .container .ex img { border:none; width:100%; max-width:90px; margin:0 10px 0 20px; }
.item_detail .ex dd { border:none; margin:0 10px 10px 20px; }
.item_detail .ex dt img:hover { opacity:0.8; }
.item_detail .summary {  width:100%; /*float:left;width:50%; padding:0 0 0 10px;*/ }
.item_detail .summary p { margin:0 0 10px 0; }

.item_detail .attention { margin:0 0 20px 0; padding:20px; clear:both; background-color:#eee; }
.item_detail .shop { margin:0 0 20px 0; padding:20px; clear:both; background-color:#eee; }
.item_detail .shop pre { background-color:#eee; }
.item_detail .flow { width:100%; max-width:554px; }

.item_detail .tab_wrap input[type="radio"] { display:none; }
.item_detail .tab_wrap .tab_area { font-size:0; }
.item_detail .tab_wrap .tab_area label { display:inline-block; width:140px; margin:0; padding:15px 0; background:#fff; border-radius:5px 5px 0 0; cursor:pointer; text-align:center; font-size:1.4rem; color:#999; }
.item_detail .tab_wrap .tab_panel { display:none; width:100%; }
 
.item_detail .tab_wrap #tab1:checked ~ .tab_area .tab1_label { background:#eee; color:#333; }
.item_detail .tab_wrap #tab1:checked ~ .panel_area #panel1 { display:block; }
.item_detail .tab_wrap #tab2:checked ~ .tab_area .tab2_label { background:#eee; color:#333; }
.item_detail .tab_wrap #tab2:checked ~ .panel_area #panel2 { display:block; }

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

	.item_detail .item_btn, .item_detail .material { clear:both; width:100%; }
	.item_detail .item_l { clear:both; width:90%; margin:0 10px;}
	.item_detail .item_data { width:100%; }
	.container .ex { clear:both; width:100%; margin:20px 0 0 0; text-align:center; }
	.ex_ttl { text-align:left; }
	.container .summary { clear:both; width:100%; }

}


/*---------------------------------
	カート
---------------------------------*/

/* 共通 */

.cart .total_price { padding:10px 0; border-top:1px #ddd solid; text-align:right; }
.cart .total { color:#d10000; font-size:2.4rem; font-weight:bold; }
.cart .none_txt { margin:30px 0 60px 0; text-align:center; color:#777; }
.cart table { width:95%; margin:0 auto; }
.cart .send { width:95%; margin:0 auto; }
.cart .tax { font-size:1.2rem; }
.cart .sub_txt { margin:0 0 20px 0; }
.cart .required { margin:0 0 0 10px; padding:2px 5px; background:#da4a4a; border-radius:5px; color:#fff; font-size:1.1rem; font-weight:normal; }
.cart .item_container { width:100%; }
.cart .item_container .head { text-align:center; }
.cart .cart_item { border-top:1px #ddd dashed; }
.cart .cart_item:first-child { border:none; }
.cart .cart_item td { padding:5px; }
.cart .img img { width:100%; padding:10px; }
.cart .img img:hover { opacity:0.8; }
.cart .quantity { width:60px; text-align:center; }
.cart .quantity input { ime-mode:disabled; }
.cart .item_price { width:120px; text-align:center; }
.cart .option_ttl { display:none; }
.cart .color_slct .option_ttl { display:inline-block; }
.cart .color_slct select { display:inline-block; width:80%; }
.cart .btn_bk { background:#333; width:100%; color:#fff; }
.cart .btn_red { background:#e25556; width:100%; color:#fff; }
.cart .btn_form { margin:5px 0; padding:5px; border-radius:3px; }
.cart .btn_container { text-align:center; margin:50px 20px; }
.cart .btn_container i { margin:0 5px 0 0; font-size:1.8rem; }
.cart .btn_container a { display:block; padding:15px; border-radius:5px; }
.cart .btn_container button { padding:15px; border-radius:5px; }
.cart .btn_side { text-align:center; margin:20px; }
.cart .btn_side i { margin:0 5px 0 0; font-size:1.8rem; }
.cart .btn_side a { display:block; padding:15px; border-radius:5px; }
.cart .btn_side li { display:inline-block; }
.cart .btn_side li button { padding:15px; border-radius:5px; }
.cart button:hover { opacity:0.8; }
.cart .order_info { width:auto; margin:20px 0; padding:20px; border:1px #ccc solid; }
.cart .order_info ul { font-size:1.6rem; font-weight:bold; }
.cart .order_info .orderid { font-weight:bold; color:#d10000; }
.cart .order_info .datetime { font-weight:bold; }
.cart .ttl_end { margin:0 0 20px 0; font-size:1.8rem; font-weight:bold; }

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

	.cart th, .cart tr, .cart td { display:block; }
	.cart .item_container .cart_item td { padding:0; }
	.cart .cart_item { border:0; }
	.cart .item_data .img { text-align:center; padding:10px; }
	.cart .item_data .img a { display:block; border-top:1px #ddd dashed; }
	.cart .item_data .img img { margin:10px 0; max-width:300px; }
	.cart .item_data .item_name { margin:10px 0 20px 0; }
	.cart .cart_item td { margin:5px 0; }
	.cart .cart_item .quantity { width:100%; text-align:left; }
	.cart .cart_item .quantity .option_ttl { display:inline-block; width:70px; }
	.cart .cart_item .quantity button { padding:10px 0; width:50px; }
	.cart .cart_item .item_price { width:100%; margin:5px 0; text-align:left; }
	.cart .cart_item .item_price .option_ttl { width:70px; }
	.cart .cart_item .item_price .s_price { font-weight:bold; }

}

/* カートトップ */
.cart select { display:inline-block; }
.cart .cart_btn { width:100px; }
.cart .fav_ttl { clear:both; padding:40px 0 0 0; }
.cart .stock { width:60px; }
.cart .point { display:none; }

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

	.cart .color_slct { width:100%; }
	.cart .color_slct .option_ttl { display:inline-block; width:70px; }
	.cart .color_slct select { display:inline-block; width:40%; }
	.cart .cart_item .quantity input { display:inline-block; width:40%; }
	.cart .cart_item .cart_btn { width:100%; }
	.cart .cart_item .cart_btn button { float:left; width:50%; padding:10px; border:2px #fff solid; border-radius:5px; writing-mode:lr-tb; }
	.cart .btn_container li { width:100%; }
	.cart .btn_container li button { margin:5px 0; }
	.cart .btn_container li .btn_blc { background:#fff; border:1px #ccc solid; color:#333; }
	.cart .btn_container li .btn_blc:hover { background:#ddd; opacity:1; }
	.cart .option_ttl .r { float:right; }
	.cart .item_container .cart_item .stock { text-align:left; width:100%; margin:10px 0 -10px 0; }
	.cart .color_slct .option_ttl { display:inline-block; }
	.cart .item_price .option_ttl { display:inline-block; }
	.cart .stock .option_ttl { display:inline-block; width:70px; }

}

/* 入力フォーム */
.step { width:100%; max-width:960px; margin:40px auto; padding:10px 15px; background-color:#f0f0f0; border-radius:5px; }
.step:after { clear:both; content:''; display:table; }
.step li { display:inline-block; float:left; counter-increment:steps; margin:0.5em 0; }
.step li:after { display:inline-block; content:'\00bb'; margin:0 5px; color:#ccc; }
.step li:last-of-type:after { display:none; }
.step li > * { display:inline-block; }
.step li.current > * { color:#1fa3a5 ; }
.step li.current span { font-weight:bold; }

@media screen and (min-width:768px) {

	.step { padding:0; background:transparent; text-align:center; }
	.step li { position:relative; float:none; margin:5px 40px 5px 0; }
	.step li:last-of-type { margin:0; }
	.step li:after { position:absolute; content:''; height:4px; margin:0; background:#f0f0f0; }
	.step li.visited:after { background:#1fa3a5; }
	.step li > *, .step li.current > * { position:relative; }
	.step li { width:100px; }
	.step li:after { position:absolute; left:50%; width:calc(100% + 40px); }
	.step li > *:before { position:absolute; left:50%; right:auto; content:''; z-index:1; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); width:12px; height:12px; background:#edeff0; border-radius:50%; }
	.step li.visited > *:before, .step li.current > *:before { background:#1fa3a5 ; color:#fff; }
	.step li:after { top:3px; }
	.step li > *:before { top:0; }
	.step li > *:before { content:counter(steps); height:30px; width:30px; line-height:30px; color:#fff; }
	.step li:not(.current):not(.visited) span:before { color:#333; }
	.step li:after { top:11px; }
	.step li > * { padding:35px 0 0 0; }

}

.cart .invisible { display:none; }
.cart input[type="radio"] { margin:0 5px 0 0; } 
.cart .ac_ttl { margin:10px 0; padding:10px 0; border-top:1px #ddd dashed; border-bottom:1px #ddd dashed; text-align:center; }
.cart .form_head td { background:#eee; border:2px #fff solid; padding:10px; }
.cart .cart_item td { text-align:center; }
.cart .img img { width:100%; max-width:100px; margin:0 10px 0 0; }
.cart .item_r tr td { text-align:left; }
.cart .size .option_ttl { display:inline-block; }
.cart .total_before { color:#333; }
.cart .form tr th, .cart .form td { padding:10px 0; }
.cart .red { color:#d10000; }
.cart .ttl { padding:15px; background:#eee; border:none; font-weight:bold; }
.cart .tell_input, .cart .postal_code_input { width:80px; margin:0 10px 0 0; }
.cart .post_code { display:inline-block; width:120px; }
.cart label { font-weight:normal; }
.cart .head_deli { background:#fff; border-bottom:1px #ddd dashed; text-align:center; }
.cart .select_deli { /* border-top:1px #ddd dashed; border-bottom:1px #ddd dashed; */ clear:both; }
.cart .form th { width:30%; }
.cart .btn_next { margin:30px 0; padding:15px; border-radius:5px; }
.cart .btn_conf { width:420px; margin:20px auto 0 auto; }
.cart .btn_conf p a { display:inline-block; border-radius:5px; color:#fff; font-size:16px; margin:10px; padding:10px 20px; }
.cart .btn_ok { float:left; background:#e25556; }
.cart .btn_return { float:right; background:#333; }
.cart .btn_ok:hover { opacity:0.8; }
.cart .btn_return:hover { text-decoration:none; color:#fff; opacity:0.8; }
.cart .attention { clear:both; color:#d10000; text-align:left; }
.cart .item_return { margin:15px 0; padding:0 20px 20px 20px; border:1px #ddd solid; }
.cart .item_return h3 { font-size:2.0rem; }
.cart .item_return h3 ul { padding-left:1em; }
.cart h3 ul { text-indent:-1em; }
.cart .form ul { padding-left:1em; }
.cart .form ul { text-indent:-1em; }
.cart .order_conf { padding:10px; color:#fff; background:#333; border-radius:0; border:none; }

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

	.cart .head, .cart .head_deli { display:none; }
	.cart .item_data .img img { margin:10px 0; max-width:300px; }
	.cart .item_container .cart_item .tax { width:100%; text-align:left; }
	.cart .size .option_ttl { display:inline-block; width:70px; }
	.cart .tax .option_ttl { display:inline-block; width:70px; }
	.cart .tax .option_ttl .r { float:right; }
	.cart .btn_conf { width:100%; }

}


/*---------------------------------
	会員登録フロー
---------------------------------*/
@media screen and (min-width: 768px) {
	.register-flow { font-size:14px; letter-spacing:0.05em; width:740px; margin:20px auto 0; }
	.register-flow .ttl { text-align:center; font-size:18px; border-bottom:2px solid #333; width:100%; padding-dottom:15px; margin-bottom:15px; }
	.register-flow .ttl-top { font-size:24px; }
	.register-flow .step-block1 { position:relative; height:225px; }
	.register-flow .step-block2 { position:relative; height:120px; }
	.register-flow .step-block3 { position:relative; height:110px; margin-bottom:40px; }
	.register-flow .step { color:#fff; background-color:#333; padding:0; margin:0; width:100px; height:100px; line-height:100px; text-align:center; display:inline-block; border-radius:50%; font-size:18px; position: absolute; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); }
	.register-flow .step-top { font-size:24px; }
	.register-flow .step-txt { position: absolute; top:50%; left:110px; transform:translateY(-50%); width:230px; }
	.register-flow .flow img { position: absolute; right:0; }
	.register-flow .announce { color:#858585; margin-top:10px; }
	.register-flow .line { width:100%; border-bottom:1px solid #c9c9c9; margin:30px 0; }
	.register-flow .line-v2 { width:100%; border-bottom:1px solid #898989; margin:20px 0; }
	.register-flow .arrow { width:0; border-top:25px solid #333333; border-right:25px solid transparent; border-left:25px solid transparent; margin:auto; animation:fluffy 3s ease infinite; }
	@keyframes fluffy {
	  0% { transform:translateY(0) }
	  5% { transform:translateY(0) }
	  10% { transform:translateY(0) }
	  20% { transform:translateY(-5px) }
	  25% { transform:translateY(0) }
	  30% { transform:translateY(-5px) }
	  50% { transform:translateY(0) }
	  100% { transform:translateY(0) }
	}
	.register-flow .flow-end { font-weight:bold; font-size:1.8rem; text-align:center; margin:15px; }
	.register-flow .flow-end img { margin-bottom:10px; }
	.register-flow .about { height:75px; }
	.register-flow .about-top { font-size:20px; position:absolute; line-height:75px; }
	.register-flow .about-text { float:right; position: relative; top:-55px; }
	.register-flow .clear { clear:both; margin-bottom:20px; }
}

@media screen and (max-width: 767px) {
	.register-flow { font-size:14px; text-align:center; margin:20px auto 70px; }
	.register-flow .ttl { text-align:center; font-size:18px; border-bottom:2px solid #333; width:100%; padding-dottom:15px; margin-bottom:15px; }
	.register-flow .ttl-top { font-size:24px; }
	.register-flow .step-block1 { position:relative; }
	.register-flow .step-block2 { position:relative; }
	.register-flow .step-block3 { position:relative; }
	.register-flow .step { color:#fff; background-color:#333; padding:0; margin:0; width:100px; height:100px; line-height:100px; text-align:center; display:inline-block; border-radius:50%; font-size:18px; top:50%; }
	.register-flow .step-top { font-size:24px; }
	.register-flow .step-txt { left:110px; transform:translateY(35%); display:inline-block; text-align:left; width:400px; margin-left:10px;  }
	.register-flow .flow img { margin:10px 0; }
	.register-flow .announce { color:#858585; margin-top:10px; }
	.register-flow .line { width:100%; border-bottom:1px solid #c9c9c9; margin:10px 0; }
	.register-flow .line-v2 { width:100%; border-bottom:1px solid #898989; }
	.register-flow .arrow { width:0; border-top:25px solid #333333; border-right:25px solid transparent; border-left:25px solid transparent; margin:auto; animation:fluffy 3s ease infinite; }
	@keyframes fluffy {
	  0% { transform:translateY(0) }
	  5% { transform:translateY(0) }
	  10% { transform:translateY(0) }
	  20% { transform:translateY(-5px) }
	  25% { transform:translateY(0) }
	  30% { transform:translateY(-5px) }
	  50% { transform:translateY(0) }
	  100% { transform:translateY(0) }
	}
	.register-flow .flow-end { font-weight:bold; font-size:1.8rem; text-align:center; margin:15px; }
	.register-flow .flow-end img { margin-bottom:10px; }
	.register-flow .about { height:75px; margin:0 auto; }
	.register-flow .about-top { font-size:20px; position:absolute; line-height:75px; }
	.register-flow .txt-block { margin-top:-20px; }
	.register-flow .line-v2:last-child { top:70px; position:relative; }
}

@media screen and (max-width: 550px) {
	.register-flow .txt-block { margin-top:0; }
	.register-flow .step-txt { margin-bottom:30px; width:100%; }
	.register-flow .step-block1 img { width:100%; }
	.register-flow .step-block2 img { width:100%; }
	.register-flow .step-block3 img { width:100%; }
	.register-flow .step-txt:nth-of-type(3) { margin-bottom:0; }
	.register-flow .about-text { text-align:left; }
	.register-flow .about-logo { margin:0 auto; }
	.register-flow .clear { height:20px; }
	.register-flow .arrow { width:0; border-top:25px solid #333333; border-right:25px solid transparent; border-left:25px solid transparent; margin:auto; animation:fluffy 3s ease infinite; }
	@keyframes fluffy {
	  0% { transform:translateY(0) }
	  5% { transform:translateY(0) }
	  10% { transform:translateY(0) }
	  20% { transform:translateY(-5px) }
	  25% { transform:translateY(0) }
	  30% { transform:translateY(-5px) }
	  50% { transform:translateY(0) }
	  100% { transform:translateY(0) }
	}
	.register-flow .flow-end { font-weight:bold; font-size:1.8rem; text-align:center; margin:15px; }
}






/*------------------------------------------------------------------END*/