@charset "UTF-8"; 

/*---------------------------------------------------------------------
【PC/SP共通設定】
-----------------------------------------------------------------------*/

body {margin:0; padding:0;}

/*アラビア語用の右レイアウト*/
.arabic_style { direction:rtl !important; unicode-bidi:bidi-override !important;}

/*Arabic：アラビア語*/
.pbec_arg { display:none; text-align:right; direction:rtl; unicode-bidi:bidi-override;}

/*Chinese(Simplified)：中国語簡体字*/
.pbec_chs { display:none; text-align:left;}

/*Chinese(Traditional)：中国語繁体字*/
.pbec_cht { display:none; text-align:left;}

/*Dutch：オランダ語：*/
.pbec_nld { display:none; text-align:left;} 

/*English：英語*/
.pbec_eng { display:none; text-align:left;} 

/*French：フランス語*/
.pbec_fra { display:none; text-align:left;} 

/*German：ドイツ語*/
.pbec_deu { display:none; text-align:left;} 

/*Greek：ギリシャ語*/
.pbec_ell { display:none; text-align:left;} 

/*Italian：イタリア語*/
.pbec_ita { display:none; text-align:left;} 

/*Japanese：日本語*/
.pbec_jpn { display:none; text-align:left; word-break:break-all !important;} 

/*Korean：韓国語*/
.pbec_kor { display:none; text-align:left;} 

/*Spanish：スペイン語*/
.pbec_esp { display:none; text-align:left;} 




/*=====================================================================
【PC版】 ※スマホ版CSSはこのファイル後半
=======================================================================*/

/*---------------------------------------------------------------------
【common】
-----------------------------------------------------------------------*/

#pbec {background:#f8f8f8; color:#000; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin:0; padding:0; min-width:960px; width:100%;}

#pbec fieldset,
#pbec img { border:0; }
#pbec a img { border-style:none; }

#pbec ul,
#pbec ol,
#pbec li { list-style:none; padding:0; margin:0; }

#pbec .clearfix:before,
#pbec .clearfix:after { content:" "; display:table; }
#pbec .clearfix:after { clear:both; }

#pbec p { font-size:12px; line-height:1.5; margin:0 0 15px 0; padding:0; }

/*「スマホ版にしか表示しない」ものを非表示に*/
#pbec .devicePC { display:block;}
#pbec .deviceSP { display:none !important;}





/*---------------------------------------------------------------------
【ヘッダー】
-----------------------------------------------------------------------*/
#pbec_header { background:#fff; margin:0 auto 17px auto; padding:0; position:relative; min-width:960px; width:100%;}
#pbec_header:after { background:#f8f8f8 url(pbec_header_bg.png) repeat-x top left; content:" "; height:17px; position:absolute; bottom:-17px; min-width:960px; visibility:inherit !important; width:100%; z-index:10;}

.pbec_header_wrap {margin:0 auto; padding:0; width:960px;}

#pbec_header h1 { display:inline-block; padding:13px 0 12px 0; vertical-align:top; width:633px;}


/*言語選択
※position:relative;はIEの角丸用です
-------------------------------------------*/
#pbec_header .pbec_gmenu {

background:#fbba02;/* IE6-9 */
background:-moz-linear-gradient(top,  #fbba02 0%, #feab00 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(top,  #fbba02 0%,#feab00 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom,  #fbba02 0%,#feab00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-radius:0 0 10px 10px !important; display:inline-block; height:62px; position:relative; vertical-align:top; width:262px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

#pbec_header .pbec_gmenu .pbec_gmenu_wrap { background:url(pbec_header_gmenu_bg.png) top left no-repeat !important; height:62px; width:262px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}


/*セレクトボックスの基本設定を打ち消す*/
#pbec_header select { background:none transparent; border:0; color:inherit; font-size:inherit; margin:0; padding:0; vertical-align:middle; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; appearance:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

/*セレクトボックスの設定1
・ボックスの枠線（色・太さ）
・角丸の半径
-------------------------------------------*/
#pbec_header .pbec_gmenu_selectBox { background:#fff; border:1px solid #e7e7e7; color:#706e6e; display:inline-block; margin:30px 0 0 77px; overflow:hidden; position:relative; padding:0; width:160px; z-index:0; *display:inline; *zoom:1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

/*セレクトボックスの設定2
・フォントサイズ
・ボックスからのpadding など
※IE向けに100％を超えるようにしてしています
-------------------------------------------*/
#pbec_header .pbec_gmenu_selectBox > select { font-size:12px; line-height:16px; margin:0; padding:1% 0 1% 1%; width:115%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

/*セレクトボックスの▼マーク*/
#pbec_header .pbec_gmenu_selectBox:before {border-style:solid; border-width:5px 4px 0 5px; border-color:#706e6e transparent; content:" "; margin:0; padding:0; display:block; pointer-events:none;  position:absolute !important; top:45%; right:5%; z-index:10;}


/*---------------------------------------------------------------------
【コンテンツ】
-----------------------------------------------------------------------*/
.pbec_wrap {margin:0 auto; padding:25px 0; width:920px;}

/*ページタイトル
-------------------------------------------*/

/*中段揃えの場合、h2のpaddingには、topとbottomの値を与えない*/
#pbec h2 {
background:#ffae00;/* IE6-9 */
background:-moz-linear-gradient(left,  #ffae00 35%, #ff9000 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(left,  #ffae00 35%,#ff9000 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to right,  #ffae00 35%,#ff9000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

border-radius:5px; margin:0 auto 39px auto; padding:0 0 0 10px; position:relative; width:920px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

/*アイコン
※アイコンの実際のwidth＋テキストまで取りたい右margin ＝widthになります*/
#pbec h2 p { margin:0; padding:0; vertical-align:middle;}
#pbec h2 p:before { background:url(pbec_h2_icon.png) left 50% no-repeat; content:" "; display:table-cell; height:38px; vertical-align:middle; width:80px;}

/*テキスト*/
#pbec h2 p span { color:#fff; display:table-cell; font-size:22px; font-weight:bold; line-height:24px; margin:0; padding:3px 20px 3px 0; vertical-align:middle;}


/*コーナータイトル（共通）
-------------------------------------------*/
/*下にあるリストの右margin16px分を追加*/
#pbec h3 { background:url(pbec_h3_bg.jpg) repeat-x bottom left; margin:0 0 20px 0; padding:0 0 13px 0; width:830px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

/*アイコン
※アイコンの実際のwidth＋テキストまで取りたい右margin ＝widthになります*/
#pbec h3 p { margin:0; padding:0; vertical-align:middle;}
#pbec h3 p:before { content:url(pbec_h3_icon.png); display:table-cell; height:auto; vertical-align:middle; width:60px;}

/*テキスト*/
#pbec h3 p span { display:table-cell; font-size:22px; font-weight:bold; line-height:26px; margin:0; padding:0; vertical-align:middle;}



/*---------------------------------------------------------------------
【おすすめ商品リスト】
-----------------------------------------------------------------------*/
#pbec_recommend {margin:0 auto 30px auto; padding:0 0 0 45px; width:920px;}

#pbec_recommend .pbec_recommend_txt span { display:block; font-size:19px; font-weight:bold; line-height:23px; margin:0 0 30px 0; padding:0; text-align:center; width:840px;}



/*【おすすめリスト】
width:830px＋リストの右margin:10pxをプラス
-------------------------------------------*/
#pbec_recommend ul { font-size:0; line-height:0; margin:0; text-align:center; padding:0; width:840px;}

#pbec_recommend ul li { background:#fff; border:1px solid #d2d2d2; display:inline-block; margin:0 10px 10px 0; padding:0; vertical-align:top; width:158px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}



/*---------------------------------------------------------------------
【サービスとは】
-----------------------------------------------------------------------*/
#pbec_guideList { margin:0 auto 30px auto; padding:0 0 0 45px; width:920px;}

/*
【前提】
・両サイドに45pxずつのpaddingを取っているデザイン
・基本の中身は830px

┌--------width:920px--------┐
┌─────────────-┐
│　　　　　　　　　　　　　 │
│　　　　　　　　　　　　　 │
│45px│コンテンツ830px│45px│
│　　　　　　　　　　　　　 │
│　　　　　　　　　　　　　 │
└─────────────-┘

【処理】
リストを作る都合、細かい疑似要素が解釈できないブラウザ用に、
右margin/paddingの要素を保持できるように、全体幅(920px)の右のpaddingを確保しない

┌--------width:920px--------┐
┌─────────────-┐
│　　　　　　　　　　　　　 │
│　　　　　　　　　　　　　 │
│45px│コンテンツ830px～　　│
│　　　　　　　　　　　　　 │
│　　　　　　　　　　　　　 │
└─────────────-┘

【例】
リストを等間隔で並べるための右marginの処理
・タイトル…見た目のコンテンツ幅通りのwidth（830px）
・リスト　…最後の右margin込みのwidth（この場合837px）

┌--------width:920px--------┐
┌─────────────-┐
│　　　　　　　　　　　　　 │
│45px│コンテンツ830px～　　│
│　　　　　　　　　　　　　 │
│45px│--タイトル830px--　　│
│　　　　　　　　　　　　　 │
│　　┌---width:837px---┐  │
│　　┌┐　 ┌┐　 ┌┐　　 │
│45px││7px││7px││7px  │
│　　└┘　 └┘　 └┘　　 │
│　　　　　　　　　　　　　 │
└─────────────-┘
*/


/*サービスとは：サブタイトル
-------------------------------------------*/
#pbec_guideList .pbec_guideList_subTtl { margin:0 0 20px 0; padding:0; width:830px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
/*アイコン
※アイコンの実際のwidth＋テキストまで取りたい右margin ＝widthになります*/
#pbec_guideList .pbec_guideList_subTtl p { margin:0; padding:0; vertical-align:middle;}
#pbec_guideList .pbec_guideList_subTtl p:before { content:url(pbec_guidelist_icon.png); display:table-cell; height:auto; vertical-align:middle; width:60px;}

/*テキスト*/
#pbec_guideList .pbec_guideList_subTtl p span { display:table-cell; font-size:14px; font-weight:normal; line-height:18px; margin:0; padding:0; vertical-align:middle;}



/*【基本のリスト】
width:830px＋リストの右margin:16pxをプラス
-------------------------------------------*/
#pbec_guideList ul { font-size:0; line-height:0; margin:0; text-align:center; padding:0; width:846px;}

/*【基本のリストの枠】
 ・外枠線1px
 ・中枠線(背景で処理)5px
-------------------------------------------*/
#pbec_guideList ul li:first-child { background:#e7e7e7; border:#999 solid 1px; display:inline-block; margin:0 16px 20px 0; padding:4px; position:relative; vertical-align:top; width:173px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

/*2個目以降は基本のmargin-rightに、▼の幅(14px)をプラス*/
#pbec_guideList ul li { background:#e7e7e7; border:#999 solid 1px; display:inline-block; margin:0 16px 20px 30px; padding:4px; position:relative; vertical-align:top; width:173px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}


/*【矢印】
基本のmargin-rightに、▼の幅(14px)をプラスしたものを、leftの位置でマイナス配置
-------------------------------------------*/
#pbec_guideList ul li:before {border:14px solid transparent; border-right:15px solid transparent; border-bottom:14px solid transparent; border-left:14px solid #fd9d01; content:" "; height:0; margin:0; padding:0; position:absolute; top:45%; left:-31px; width:0;}

/*リストの最初の項目には矢印を付けない*/
#pbec_guideList ul li:first-child:before {border:none;}


/*【基本のリストの中身】
 ・右につける背景
 ・中枠線からのpadding
-------------------------------------------*/
#pbec_guideList ul li p { background:#fff; min-height:171px; line-height:1.5; margin:0; padding:60px 4px 4px 4px; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}


/*各右壁紙
-------------------------------------------*/
/*比較する*/
#pbec_guideList ul li p.comparison {background:#fff url(pbec_guidelist_comparison_bg.png) right bottom no-repeat;}
/*登録する*/
#pbec_guideList ul li p.regist {background:#fff url(pbec_guidelist_regist_bg.png) right bottom no-repeat;}
/*お買い物をする*/
#pbec_guideList ul li p.buy {background:#fff url(pbec_guidelist_buy_bg.png) right bottom no-repeat;}
/*商品発送*/
#pbec_guideList ul li p.dispatch {background:#fff url(pbec_guidelist_dispatch_bg.png) right bottom no-repeat;}
/*お預かり*/
#pbec_guideList ul li p.entrust {background:#fff url(pbec_guidelist_entrust_bg.png) right bottom no-repeat;}
/*国際発送*/
#pbec_guideList ul li p.shipping {background:#fff url(pbec_guidelist_shipping_bg.png) right bottom no-repeat;}
/*お受け取り*/
#pbec_guideList ul li p.receive {background:#fff url(pbec_guidelist_receive_bg.png) right bottom no-repeat;}


/*各アイコン
-------------------------------------------*/
/*比較する*/
#pbec_guideList ul li p.comparison:before { content:url(pbec_guidelist_num01.png); height:60px; line-height:1.5; margin:0; padding:0; position:absolute; top:4px; left:4px; width:69px;}
#pbec_guideList ul li p.comparison:after { content:url(pbec_guidelist_comparison.png); height:60px; line-height:1.5; margin:0; padding:0; position:absolute; top:4px; right:4px; width:94px;}

/*登録する*/
#pbec_guideList ul li p.regist:before {content:url(pbec_guidelist_num02.png); height:60px; line-height:1.5; margin:0; padding:0; position:absolute; top:4px; left:4px; width:69px;}
#pbec_guideList ul li p.regist:after { content:url(pbec_guidelist_regist.png); height:60px; line-height:1.5; margin:0; padding:0; position:absolute; top:4px; right:4px; width:94px;}

/*お買い物をする*/
#pbec_guideList ul li p.buy:before {content:url(pbec_guidelist_num03.png); height:60px; line-height:1.5; margin:0; padding:0; position:absolute; top:4px; left:4px; width:69px;}
#pbec_guideList ul li p.buy:after { content:url(pbec_guidelist_buy.png); height:60px; line-height:1.5; margin:0; padding:0; position:absolute; top:4px; right:4px; width:94px;}

/*商品発送*/
#pbec_guideList ul li p.dispatch:before {content:url(pbec_guidelist_num04.png); height:60px; line-height:1.5; margin:0; padding:0; position:absolute; top:4px; left:4px; width:69px;}
#pbec_guideList ul li p.dispatch:after { content:url(pbec_guidelist_dispatch.png); height:60px; line-height:1.5; margin:0; padding:0; position:absolute; top:4px; right:4px; width:94px;}

/*お預かり*/
#pbec_guideList ul li p.entrust:before {content:url(pbec_guidelist_num05.png); height:60px; line-height:1.5; margin:0; padding:0; position:absolute; top:4px; left:4px; width:69px;}
#pbec_guideList ul li p.entrust:after { content:url(pbec_guidelist_entrust.png); height:60px; line-height:1.5; margin:0; padding:0; position:absolute; top:4px; right:4px; width:94px;}

/*国際発送*/
#pbec_guideList ul li p.shipping:before {content:url(pbec_guidelist_num06.png); height:60px; line-height:1.5; margin:0; padding:0; position:absolute; top:4px; left:4px; width:69px;}
#pbec_guideList ul li p.shipping:after { content:url(pbec_guidelist_shipping.png); height:60px; line-height:1.5; margin:0; padding:0; position:absolute; top:4px; right:4px; width:94px;}

/*お受け取り*/
#pbec_guideList ul li p.receive:before {content:url(pbec_guidelist_num07.png); height:60px; line-height:1.5; margin:0; padding:0; position:absolute; top:4px; left:4px; width:69px;}
#pbec_guideList ul li p.receive:after { content:url(pbec_guidelist_receive.png); height:60px; line-height:1.5; margin:0; padding:0; position:absolute; top:4px; right:4px; width:94px;}

/*テキスト（共通）*/
#pbec_guideList ul li p span { color:#333; display:inline-block; font-size:15px; font-weight:normal; line-height:19px; margin:0; padding:20px 0 0 0; vertical-align:middle; width:100%;}



/*---------------------------------------------------------------------
【注意事項】
-----------------------------------------------------------------------*/
#pbec_guideNotes {margin:0 auto 60px auto; padding:0 0 0 45px; width:920px;}

/*●付きのリスト*/
#pbec_guideNotes ul.circlelist { margin:0 0 15px 0; padding:0; }
#pbec_guideNotes ul.circlelist li { margin:0 0 4px 0; padding:0; }
#pbec_guideNotes ul.circlelist li span { display:inline-block; font-size:13px; line-height:16px; margin-left:12px; text-indent:-12px; }
#pbec_guideNotes ul.circlelist li span:before { content:"\25CF"; display:inline-block; font-size:13px; line-height:16px; margin-left:0; text-indent:0; min-width:10px; vertical-align:top;}


/*---------------------------------------------------------------------
【サービス提携会社】
-----------------------------------------------------------------------*/
#pbec_tieup { margin:0 auto 30px auto; padding:0 0 0 45px; width:920px;}


/*提携会社リスト
width:830px＋リストの右margin:7pxをプラス
-------------------------------------------*/
#pbec_tieup ul { font-size:0; line-height:0; margin:0; padding:0; text-align:center; width:827px;}
#pbec_tieup ul li { background:#fff; border:1px solid #d2d2d2; display:inline-block; margin:0 17px 17px 0; padding:17px; vertical-align:top; width:322px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}


/*【会社概要】
-------------------------------------------*/
#pbec_tieup dl.pbec_tieup_comp {margin:0 auto; padding:0;}
#pbec_tieup dl.pbec_tieup_comp dt { cursor:pointer; font-size:14px; line-height:18px; text-align:center; margin:0 0 20px 0;}

/*会社ロゴ*/
#pbec_tieup dl.pbec_tieup_comp dt img { border:1px solid #c0c0c0; height:234px; margin:0; padding:0; width:234px;}

/*サービスサイトへボタン
※position: relative;はIEの角丸用です
-------------------------------------------*/
#pbec_tieup dl.pbec_tieup_comp dt .pbec_tieup_comp_link { background:#ffae00; border-radius:6px; margin:15px auto 10px auto; padding:0; position: relative; text-align:center; width:196px;}

/*Aの範囲を拡げる*/
#pbec_tieup dl.pbec_tieup_comp dt .pbec_tieup_comp_link a { color:#fff !important; display:block; height:100%; margin:0; padding:0; position:relative; top:0; left:0; text-decoration:none !important; width:100%; z-index:10;}



/*リンクを全面に置く都合、文字から外側までの余白はここで指定*/
#pbec_tieup dl.pbec_tieup_comp dt .pbec_tieup_comp_link span { font-size:15px; display:inline-block; line-height:19px; margin:0 auto; padding:13px 0 13px 0; text-align:center; vertical-align:middle; width:100%;}

/*右向きの△*/
#pbec_tieup dl.pbec_tieup_comp dt .pbec_tieup_comp_link span:after { background:url(pbec_tieup_comp_arrow.png) no-repeat top left; background-size:contain; content:" "; display:inline-block; height:12px; margin:0 5px 0 5px; vertical-align:middle; width:11px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; visibility:inherit !important; direction:ltr !important;}

/*アラビア用の△*/
#pbec_tieup dl.pbec_tieup_comp dt .pbec_tieup_comp_link span.arabic_style:after { background:url(pbec_tieup_comp_arrow_rtl.png) no-repeat top left; background-size:contain; content:" "; display:inline-block; height:12px; margin:0 5px 0 5px; vertical-align:middle; width:11px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; visibility:inherit !important; direction:ltr !important;}






#pbec_tieup dl.pbec_tieup_comp dd { padding:0; margin:0;}

/*特長リスト*/
#pbec_tieup ol.pbec_tieup_comp_ftList { list-style:none; display:table; margin:0; padding:0;}
#pbec_tieup ol.pbec_tieup_comp_ftList li:before { content:counter(table-ol) "."; display:table-cell; text-align:right; padding:0 5px 0 0; vertical-align:top;}
#pbec_tieup ol.pbec_tieup_comp_ftList li:after { content:" "; display:block; margin:0 0 3% 0; }
#pbec_tieup ol.pbec_tieup_comp_ftList li { counter-increment:table-ol; display:table-row; font-size:13px; line-height:17px; margin:0 auto; vertical-align:top; width:210px }
#pbec_tieup ol.pbec_tieup_comp_ftList li span { display:inline-block; font-size:13px; line-height:17px; margin:0 !important; padding:0; vertical-align:top; width:100%;}



.pbec_copyright { margin:0 auto 30px auto; padding:0; text-align:center; width:920px;}


/*---------------------------------------------------------------------
【フッター】
-----------------------------------------------------------------------*/
#pbec_footer { background:#666; margin:0 auto; padding:5px 0; min-width:960px; width:100%;}






/*=====================================================================
【スマホ版】
=======================================================================*/

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

/*---------------------------------------------------------------------
【SP:common】
-----------------------------------------------------------------------*/

/*SP:言語切り替えとアラビア語対応は、PCのCSSに準拠（※ファイル最上部に記載）*/

#pbec {background:#f8f8f8; color:#000; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:62.5%; height:100%; min-width:100%; width:100%;}


#pbec fieldset,
#pbec img { border:0; }

#pbec a { -webkit-tap-highlight-color:transparent; }
#pbec a img { border-style:none; }

#pbec ul,
#pbec ol,
#pbec li { list-style:none; margin:0; padding:0;}

#pbec .clearfix:before,
#pbec .clearfix:after { content:" "; display:table; }
#pbec .clearfix:after { clear:both; }

#pbec p { font-size:1.4px; line-height:16px; margin:0 0 3% 0; padding:0; }

/*「PC版にしか表示しない」ものを非表示に*/
#pbec .devicePC { display:none !important;}
#pbec .deviceSP { display:block !important;}





/*---------------------------------------------------------------------
【SP:ヘッダー】
-----------------------------------------------------------------------*/
#pbec_header { background:#fff; min-height:inherit; margin:0 auto 17px auto; padding:0; position:relative; min-width:100%; width:100%;}
#pbec_header:after { background:#f8f8f8 url(pbec_header_bg.png) repeat-x top left; content:" "; height:16px !important; position:absolute; bottom:-17px; min-width:100%; visibility:inherit !important; width:100%; z-index:10;}

.pbec_header_wrap {margin:0 auto; padding:3% 0; width:100% !important;}

#pbec_header h1 { display:block; margin:0 auto 3% auto; padding:0 2% !important; width:100% !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
#pbec_header h1 img { height:auto !important; width:100% !important;}


/*SP:言語選択
-------------------------------------------*/
#pbec_header .pbec_gmenu {

background:-moz-linear-gradient(top,  #fbba02 0%, #feab00 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(top,  #fbba02 0%,#feab00 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom,  #fbba02 0%,#feab00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

border-radius:10px !important; display:block; height:auto; margin:0 auto 0 auto; vertical-align:top; width:96%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

#pbec_header .pbec_gmenu .pbec_gmenu_wrap { background:url(pbec_sp_header_gmenu_bg.png) top left no-repeat !important; background-size:contain !important; display:inline-block; height:auto; padding:3% 3% 3% 50%; vertical-align:middle; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}


/*セレクトボックスの基本設定を打ち消す*/
#pbec_header select { background:none transparent; border:0; color:inherit; font-size:inherit; margin:0; padding:0; vertical-align:middle; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; appearance:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

/*セレクトボックスの設定1
・ボックスの枠線（色・太さ）
・角丸の半径
-------------------------------------------*/
#pbec_header .pbec_gmenu_selectBox { background:#fff; border:1px solid #e7e7e7; color:#706e6e; display:inline-block; margin:0; overflow:hidden; position:relative; padding:0; vertical-align:middle; width:100%; z-index:0; *display:inline; *zoom:1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

/*セレクトボックスの設定2
・フォントサイズ
・ボックスからのpadding など
-------------------------------------------*/
#pbec_header .pbec_gmenu_selectBox > select { font-size:12px; line-height:16px; margin:0; padding:1% 5% 1% 1%; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

/*セレクトボックスの▼マーク*/
#pbec_header .pbec_gmenu_selectBox:before {border-style:solid; border-width:5px 4px 0 5px; border-color:#706e6e transparent; content:" "; margin:0; padding:0; display:block; pointer-events:none;  position:absolute !important; top:45%; right:5%; z-index:10;}



/*---------------------------------------------------------------------
【SP:コンテンツ】
-----------------------------------------------------------------------*/
.pbec_wrap {margin:0 auto; padding:3% 0; width:96%;}



/*SP:ページタイトル
-------------------------------------------*/

/*中段揃えの場合、h2のpaddingには、topとbottomの値を与えない*/
#pbec h2 {
background:-moz-linear-gradient(left,  #ffae00 35%, #ff9000 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(left,  #ffae00 35%,#ff9000 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to right,  #ffae00 35%,#ff9000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

border-radius:5px; margin:0 auto 5% auto; padding:0 0 0 2%; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

/*アイコン(SPは壁紙)*/
#pbec h2 p { background:url(pbec_h2_icon.png) left 50% no-repeat; margin:0; padding:0; vertical-align:middle;}
#pbec h2 p:before { background:none; content:none; display:table-cell; height:auto; vertical-align:middle; width:auto;}

/*テキスト*/
#pbec h2 p span { color:#fff; display:block; font-size:22px; font-weight:bold; line-height:24px; margin:0; padding:3% 3% 2% 3% !important; text-align:center; text-shadow:1px 1px 1px #777; vertical-align:middle; width:100% !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}



/*コーナータイトル（共通）
-------------------------------------------*/
#pbec h3 { background:url(pbec_h3_bg.jpg) repeat-x bottom left; margin:0 0 5% 0; padding:0 0 3% 0; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

/*アイコン
※アイコンの実際のwidth＋テキストまで取りたい右margin ＝widthになります*/
#pbec h3 p { margin:0; padding:0; vertical-align:middle;}
#pbec h3 p:before { background:url(pbec_h3_icon.png) no-repeat top left !important; background-size:cover; content:" " !important; display:table-cell; height:43px !important; margin:0 0 0 0 !important; padding:0 5px 0 0 !important; vertical-align:middle !important; width:44px !important;}

/*テキスト*/
#pbec h3 p span { display:table-cell; font-size:22px; font-weight:bold; line-height:26px; margin:0; padding:0; vertical-align:middle; width:inherit !important;}

#pbec h3 p span.pbec_ell { word-break:break-all;} 


/*---------------------------------------------------------------------
【SP:おすすめ商品リスト】
-----------------------------------------------------------------------*/
#pbec_recommend {margin:0 auto 3% auto; padding:0; width:96%;}

#pbec_recommend .pbec_recommend_txt span { display:block; font-size:18px; font-weight:bold; line-height:22px; margin:0 0 2% 0; padding:0; text-align:center; width:100% !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

/*【おすすめリスト】
-------------------------------------------*/
#pbec_recommend ul { font-size:0; line-height:0; margin:0; text-align:center; padding:0; width:100%;}

#pbec_recommend ul li { background:#fff; border:1px solid #d2d2d2; display:inline-block; margin:0 2% 2% 0; padding:0 !important; vertical-align:top; width:32%; white-space:normal !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

#pbec_recommend ul li:nth-child(3n) { background:#fff; border:1px solid #d2d2d2; display:inline-block; margin:0 0 2% 0; padding:0 !important; vertical-align:top; width:32%; white-space:normal !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

#pbec_recommend ul li img { height:auto !important; margin:0 auto; padding:0; width:100% !important;}


/*---------------------------------------------------------------------
【SP:サービスとは】
-----------------------------------------------------------------------*/
#pbec_guideList { margin:0 auto 3% auto; padding:0; width:96%;}


/*SP:サービスとは：サブタイトル
-------------------------------------------*/
#pbec_guideList .pbec_guideList_subTtl { margin:0 0 5% 0; padding:0; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
/*アイコン
※アイコンの実際のwidth＋テキストまで取りたい右margin ＝widthになります*/
#pbec_guideList .pbec_guideList_subTtl p { margin:0; padding:0; vertical-align:middle;}
#pbec_guideList .pbec_guideList_subTtl p:before { display:none !important;}

/*テキスト*/
#pbec_guideList .pbec_guideList_subTtl p span { display:table-cell; font-size:16px; font-weight:normal; line-height:20px; margin:0; padding:0; vertical-align:middle;}



/*【SP:基本のリスト】
-------------------------------------------*/
#pbec_guideList ul { font-size:0; line-height:0; margin:0; text-align:left; padding:0; width:100%;}

/*【基本のリストの枠】
 ・外枠線1px
 ・中枠線(背景で処理)5px
-------------------------------------------*/
#pbec_guideList ul li:first-child,
#pbec_guideList ul li { background:#e7e7e7; border:#999 solid 1px; display:inline-block; margin:0 1% 3% 0 !important; padding:4px; position:relative; vertical-align:top; width:49%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

/*偶数個列の場合に右marginを取らない*/
#pbec_guideList ul li:nth-child(even) { background:#e7e7e7; border:#999 solid 1px; display:inline-block; margin:0 0 3% 1% !important; padding:4px; position:relative; vertical-align:top; width:49%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}


/*【SP:矢印】 ※SPでは矢印を使わない
-------------------------------------------*/
#pbec_guideList ul li:before,
#pbec_guideList ul li:first-child:before {border:none;}


/*【SP:基本のリストの中身】
 ・右につける背景
 ・中枠線からのpadding
-------------------------------------------*/
#pbec_guideList ul li p { background:#fff; min-height:inherit; line-height:1.5; margin:0; padding:30% 5% 15% 5%; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}




/*SP:各右壁紙
-------------------------------------------*/
/*比較する*/
#pbec_guideList ul li p.comparison {background:#fff url(pbec_guidelist_comparison_bg.png) right bottom no-repeat; background-size:cover 70%;}
/*登録する*/
#pbec_guideList ul li p.regist {background:#fff url(pbec_guidelist_regist_bg.png) right bottom no-repeat; background-size:cover 70%;}
/*お買い物をする*/
#pbec_guideList ul li p.buy {background:#fff url(pbec_guidelist_buy_bg.png) right bottom no-repeat; background-size:cover 70%;}
/*商品発送*/
#pbec_guideList ul li p.dispatch {background:#fff url(pbec_guidelist_dispatch_bg.png) right bottom no-repeat; background-size:cover 70%;}
/*お預かり*/
#pbec_guideList ul li p.entrust {background:#fff url(pbec_guidelist_entrust_bg.png) right bottom no-repeat; background-size:cover 70%;}
/*国際発送*/
#pbec_guideList ul li p.shipping {background:#fff url(pbec_guidelist_shipping_bg.png) right bottom no-repeat; background-size:cover 70%;}
/*お受け取り ※min-heightは日本語用に確保*/
#pbec_guideList ul li p.receive {background:#fff url(pbec_guidelist_receive_bg.png) right bottom no-repeat; background-size:cover 70%; min-height:130px;}



/*SP:各アイコン
-------------------------------------------*/

/*比較する*/
#pbec_guideList ul li p.comparison:before { background:url(pbec_sp_guidelist_num01.png) no-repeat top left !important; background-size:contain !important; content:" " !important; position:absolute; top:4px; right:4px; width:45% !important; visibility:inherit !important;}

#pbec_guideList ul li p.comparison:after { background:url(pbec_sp_guidelist_comparison.png) no-repeat top right !important; background-size:contain !important; content:" " !important; position:absolute; top:4px; right:4px; width:45% !important; visibility:inherit !important;}

/*登録する*/
#pbec_guideList ul li p.regist:before {background:url(pbec_sp_guidelist_num02.png) no-repeat top left !important; background-size:contain !important; content:" " !important; position:absolute; top:4px; right:4px; width:45% !important; visibility:inherit !important;}

#pbec_guideList ul li p.regist:after {background:url(pbec_sp_guidelist_regist.png) no-repeat top right !important; background-size:contain !important; content:" " !important; position:absolute; top:4px; right:4px; width:45% !important; visibility:inherit !important;}

/*お買い物をする*/
#pbec_guideList ul li p.buy:before {background:url(pbec_sp_guidelist_num03.png) no-repeat top left !important; background-size:contain !important; content:" " !important; position:absolute; top:4px; right:4px; width:45% !important; visibility:inherit !important;}
#pbec_guideList ul li p.buy:after { background:url(pbec_sp_guidelist_buy.png) no-repeat top right !important; background-size:contain !important; content:" " !important; position:absolute; top:4px; right:4px; width:45% !important; visibility:inherit !important;}

/*商品発送*/
#pbec_guideList ul li p.dispatch:before {background:url(pbec_sp_guidelist_num04.png) no-repeat top left !important; background-size:contain !important; content:" " !important; position:absolute; top:4px; right:4px; width:45% !important; visibility:inherit !important;}
#pbec_guideList ul li p.dispatch:after { background:url(pbec_sp_guidelist_dispatch.png) no-repeat top right !important; background-size:contain !important; content:" " !important; position:absolute; top:4px; right:8px; width:45% !important; visibility:inherit !important;}

/*お預かり*/
#pbec_guideList ul li p.entrust:before {background:url(pbec_sp_guidelist_num05.png) no-repeat top left !important; background-size:contain !important; content:" " !important; position:absolute; top:4px; right:4px; width:45% !important; visibility:inherit !important;}
#pbec_guideList ul li p.entrust:after { background:url(pbec_sp_guidelist_entrust.png) no-repeat top right !important; background-size:contain !important; content:" " !important; position:absolute; top:4px; right:4px; width:45% !important; visibility:inherit !important;}

/*国際発送*/
#pbec_guideList ul li p.shipping:before {background:url(pbec_sp_guidelist_num06.png) no-repeat top left !important; background-size:contain !important; content:" " !important; position:absolute; top:4px; right:4px; width:45% !important; visibility:inherit !important;}
#pbec_guideList ul li p.shipping:after { background:url(pbec_sp_guidelist_shipping.png) no-repeat top right !important; background-size:contain !important; content:" " !important; position:absolute; top:4px; right:4px; width:45% !important; visibility:inherit !important;}

/*お受け取り*/
#pbec_guideList ul li p.receive:before {background:url(pbec_sp_guidelist_num07.png) no-repeat top left !important; background-size:contain !important; content:" " !important; position:absolute; top:4px; right:4px; width:45% !important; visibility:inherit !important;}
#pbec_guideList ul li p.receive:after { background:url(pbec_sp_guidelist_receive.png) no-repeat top right !important; background-size:contain !important; content:" " !important; position:absolute; top:4px; right:4px; width:45% !important; visibility:inherit !important;}

/*テキスト（共通）*/
#pbec_guideList ul li p span { color:#333; display:inline-block; font-size:14px; font-weight:normal; line-height:18px; margin:0; padding:15% 0 0 0; vertical-align:middle; width:100%;}





/*---------------------------------------------------------------------
【SP:注意事項】
-----------------------------------------------------------------------*/
#pbec_guideNotes {margin:0 auto 8% auto; padding:0; width:96%;}

/*SP:●付きのリスト*/
#pbec_guideNotes ul.circlelist { margin:0 auto 1% auto; padding:0; width:100%;}
#pbec_guideNotes ul.circlelist li { margin:0 0 1% 0; padding:0 3% 0 0; }
#pbec_guideNotes ul.circlelist li span { display:block; font-size:13px; line-height:16px; margin-left:12px; text-indent:-12px; }
#pbec_guideNotes ul.circlelist li span:before { content:"\25CF"; display:inline-block; font-size:13px; line-height:16px; margin-left:0; text-indent:0; min-width:10px; }


/*---------------------------------------------------------------------
【SP:サービス提携会社】
-----------------------------------------------------------------------*/
#pbec_tieup { margin:0 auto 3% auto; padding:0; width:96%;}

/*提携会社リスト
width:830px＋リストの右margin:7pxをプラス
-------------------------------------------*/
#pbec_tieup ul { font-size:0; line-height:0; margin:0; padding:0; width:100%;}
#pbec_tieup ul li { background:#fff; border:1px solid #d2d2d2; display:inline-block; margin:0 0 5% 0; padding:8% 5% 5% 5%; vertical-align:top; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}



/*【会社概要】
-------------------------------------------*/
#pbec_tieup dl.pbec_tieup_comp {margin:0 auto 3% auto; padding:0;}
#pbec_tieup dl.pbec_tieup_comp dt { cursor:pointer; font-size:14px; line-height:18px; text-align:center; margin:0 0 3% 0;}

/*会社ロゴ*/
#pbec_tieup dl.pbec_tieup_comp dt img { border:1px solid #c0c0c0; height:auto !important; margin:0 auto; padding:0; width:80% !important;}

/*サービスサイトへボタン
-------------------------------------------*/
#pbec_tieup dl.pbec_tieup_comp dt .pbec_tieup_comp_link { background:#ffae00; border-radius:6px; margin:5% auto 5% auto; padding:0; position: relative; text-align:center; width:96%;}

/*Aの範囲を拡げる*/
#pbec_tieup dl.pbec_tieup_comp dt .pbec_tieup_comp_link a { color:#fff !important; display:block; height:100%; margin:0; padding:0; position:relative; top:0; left:0; text-decoration:none !important; width:100%; z-index:10;}

/*リンクを全面に置く都合、文字から外側までの余白はここで指定*/
#pbec_tieup dl.pbec_tieup_comp dt .pbec_tieup_comp_link span { font-size:14px; display:inline-block; line-height:18px; margin:0 auto; padding:5% 0 5% 0; text-align:center; vertical-align:middle; width:inherit;}

/*右向きの△*/
#pbec_tieup dl.pbec_tieup_comp dt .pbec_tieup_comp_link span:after { background:url(pbec_tieup_comp_arrow.png) no-repeat top left; background-size:contain; content:" "; display:inline-block; height:12px; margin:0 0 0 10px; vertical-align:middle; width:11px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; visibility:inherit !important;}

/*アラビア用の△*/
#pbec_tieup dl.pbec_tieup_comp dt .pbec_tieup_comp_link span.arabic_style:after { background:url(pbec_tieup_comp_arrow_rtl.png) no-repeat top left !important; background-size:contain; content:" "; display:inline-block; height:12px; margin:0 10px 0 0; vertical-align:middle; width:11px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; visibility:inherit !important;}


#pbec_tieup dl.pbec_tieup_comp dd { padding:0; margin:0;}

/*SP:数字付のリスト*/
#pbec_tieup ol.pbec_tieup_comp_ftList { list-style:none; display:table; margin:0; padding:0;}
#pbec_tieup ol.pbec_tieup_comp_ftList li:before { content:counter(table-ol) "."; display:table-cell; text-align:right; padding:0 5px 0 0; vertical-align:top;}
#pbec_tieup ol.pbec_tieup_comp_ftList li:after { content:" "; display:block; margin:0 0 3% 0; }
#pbec_tieup ol.pbec_tieup_comp_ftList li { counter-increment:table-ol; display:table-row; font-size:13px; line-height:17px; margin:0; vertical-align:top; }
#pbec_tieup ol.pbec_tieup_comp_ftList li span { display:inline-block; font-size:13px; line-height:17px; margin:0 !important; padding:0; vertical-align:top; }

/*---------------------------------------------------------------------
【フッター】
-----------------------------------------------------------------------*/
#pbec_footer { background:#666; margin:0 auto; padding:2% 0; min-width:100%; width:100%;}

.pbec_copyright { margin:0 auto 5% auto; padding:0; text-align:center; width:100%;}

}


/*iPhone5用サイズ*/
@media only screen and (min-width:0px) and (max-width:320px) {
#pbec_guideList ul li p { background:#fff; min-height:auto; line-height:1.5; margin:0; padding:35% 5% 10% 5%; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
}