@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------------------------
【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; font-family:sans-serif;} 

/*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;} 

/*---------------------------------------------------------------------
【common】
-----------------------------------------------------------------------*/
body { position:relative;}
/*「スマホ版にしか表示しない」ものを非表示に*/
.pbec_devicePC { display:block;}
.pbec_deviceSP { display:none !important;}

/*---------------------------------------------------------------------
【購入ボタン】
-----------------------------------------------------------------------*/
.pbec_order_btn { height:88px; margin:0 auto; width:342px;}


/*---------------------------------------------------------------------
【フローティングバナー】※購入ページのみで使用
-----------------------------------------------------------------------*/

/*全体（初期状態は非表示）*/
.pbec_fbnr { display:none; opacity:0; padding:0; position:fixed; bottom:0; overflow:hidden; text-align:center; z-index:99; min-width:998px; width:99%;}

/*バナーサイズ*/
.pbec_fbnr img { margin:0 auto; width:998px;}

/*全体の表示/非表示の挙動*/
.pbec_fbnr_visible { display:block; opacity:1; animation-duration:1.0s; animation-name:fade-in; -moz-animation-duration:1.0s; -moz-animation-name:fade-in; -webkit-animation-duration:1.0s; -webkit-animation-name:fade-in;}

/*表示/非表示時のアニメーション（PC/SPで共通）*/
@keyframes fade-in  { 
0% { display:none; opacity:0; }
1% { display:block; opacity:0; }
100% { display:block; opacity:1; }
}
@-moz-keyframes fade-in  {
0% { display:none; opacity:0; }
1% { display:block; opacity:0; }
100% { display:block; opacity:1; }
}
@-webkit-keyframes fade-in  {
0% { display:none; opacity:0; }
1% { display:block; opacity:0; }
100% { display:block; opacity:1; }
}

/*バナー部分*/
.pbec_fbnrIn { position:relative;}
.pbec_fbnrIn a { display:block;}


/*---------------------------------------------------------------------
【モーダルウィンドウ】
-----------------------------------------------------------------------*/
/*モーダル全体*/
div.modal { display:none; margin:0; padding:0; width:100%; z-index:100001; -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_modal-content { background:#f8f8f8; border:2px solid #d2d2d2; height:80% !important; margin:0 auto 0 auto; padding:15px 33px 30px 38px; /*padding:15px 33px 110px 38px;*/ position:fixed; width:820px; z-index:10001; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

/*モーダルの見た目の枠 ※商品詳細押下時のポップアップ */
.modal.detailPopup #pbec_modal-content{ height:64% !important}

/*【購入ボタン用】モーダルを開いた時の背景*/
#pbec_modal-overlay { background-color:rgba(0,0,0,0.75); display:none; height:120%; position:fixed; top:0; left:0; width:100%; z-index:10000; -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_modal-open_btn:hover { cursor:pointer;}



/*モーダルを閉じる*/
.pbec_modal-close_btn {background:url(pbec_close.png) no-repeat; cursor:pointer; height:50px; position:absolute; top:-25px; right:-25px; text-indent:-9999px; width:50px; }
.pbec_modal-close_btn:hover {background-position:0;}

/*閉じるボタン用のPは高さを消す*/
#pbec_modal-content p { font-size:0; line-height:0; margin:0; padding:0;}

/*モーダルの中身*/
.modal_value { height:65% !important; /*overflow-y:scroll;*/ width:100%; box-sizing:border-box; }


.modal_value iframe { height:100% !important; overflow-y:scroll; 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; }


.iframeBox h1 { background:none !important; border:none !important; display:block; margin:0; padding:0; width:100%;}


/*チェックボックス*/
.pbec_checkbox { background:#feffc6; display:block; line-height:16px; margin:0 0 10px 0; padding:15px 0 15px 15px; text-align:left; vertical-align:top; max-height: 35px; overflow:hidden;}
.pbec_checkbox label { display:block; height:100%; margin:0; padding:0; position:relative; top:0; left:0; text-decoration:none !important; width:100%; z-index:10;}

.pbec_checkbox span { display:inline-block; font-size:17px; font-weight:bold; line-height:16px; margin:0; padding:0 0 0 10px; vertical-align:middle;}
.pbec_checkbox input[type="checkbox"] { border:none; border-radius:0; display:inline-block !important; height:auto; margin:0 !important; padding:0 !important; vertical-align:middle; width:auto; }

/* 各国公式ストアリンク */
.pbec_countries-store {	margin:0 0 10px 0; padding:10px 0; overflow:hidden; background: #feffc6; text-align: center;}
.pbec_countries-store a { margin-right:10px; text-align:center; }
.pbec_countries-store span { display:block; font-size: 10px; line-height:1.4; }

/* 各国公式ストアリンク ※商品詳細押下時ポップアップ */
.modal.detailPopup .pbec_countries-store {	margin:0 0 10px 0; padding:10px 0; overflow:hidden; background: #feffc6; text-align: center;}
.modal.detailPopup .pbec_countries-store a { display: block; float: left;}
.modal.detailPopup .pbec_countries-store span { display:block; font-size: 10px; line-height:1.4; float:left; padding-top:10px; }

/*コピーライト*/
.pbec_copyright { display:block; font-size:12px; line-height:16px; margin:0; padding:10px 0 0 0;}


/*---------------------------------------------------------------------
【ヘッダー】
-----------------------------------------------------------------------*/
#pbec_header { margin:0 0 17px 0; padding:0; width:100%;}
.pbec_header_wrap {margin:0 auto; padding:0; width:100%;}
#pbec_header h1 { display:inline-block; margin:0; padding:0; vertical-align:top; width:486px;}


/*言語選択
※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:10px !important; display:inline-block; height:54px; position:relative; vertical-align:top; width:207px; -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_frb_header_gmenu_bg.png) top left no-repeat !important; height:54px; width:207px; -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:27px 0 0 57px; overflow:hidden; position:relative; padding:0; width:136px; 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:0 0 0 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_allitem-link {
	margin: 0px auto 10px auto;
	padding: 10px 2em;
	border-radius: 5px;
	position: relative;
	display: block;
	width: 98%;
	box-sizing: border-box;
	background: #ffae00;
	background: -moz-linear-gradient(left, #ffae00 35%, #ff9000 100%);
	background: -webkit-linear-gradient(left, #ffae00 35%,#ff9000 100%);
	background: linear-gradient(to right, #ffae00 35%,#ff9000 100%);
	color: #fff;
	font-size: 23px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.3;
	}
.pbec_allitem-ink::after {
	margin: 0 10px 0 10px;
	background: url(pbec_tieup_comp_arrow.png) no-repeat top left;
	background-size: contain;
	content: " ";
	display: inline-block;
	height: 12px;
	vertical-align: baseline;
	width: 11px;
	box-sizing: border-box;
	visibility: inherit !important;
	direction: ltr !important;
}

/*---------------------------------------------------------------------
【おすすめ商品リスト】
-----------------------------------------------------------------------*/
#pbec_recommend {font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin:0 0 14px 0;
/*background:#fff; border:1px solid #d2d2d2; padding:20px 16px 0px 30px;padding:20px 16px 0px 16px;*/
position:relative; text-align:center ; 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_recommend:after { content:url(pbec_reccomend_arrow.png); height:23px; margin:0 0 0 313px; padding:0; position:absolute; bottom:-38px; left:0; width:70px;}
*/

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

#pbec_recommend ul {  font-size:0; line-height:0; padding:0;
/*margin:0; */margin: 0 -6px 0 6px;
}

#pbec_recommend ul li { background:#fff; border:1px solid #d2d2d2; display:inline-block; 
/*margin:0 10px 10px 0;*/margin: 0 12px 10px 0;
padding:0; vertical-align:top; width:120px; -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 { font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin:0 auto; padding:0; width:100%;}

#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% 8px; padding:10px; vertical-align:top; width:24%; 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_tieup ul li dl.pbec_tieup_comp { display:block; margin:0 auto; padding:0;}
#pbec_tieup ul li dl.pbec_tieup_comp dt {font-size:14px; line-height:18px; text-align:center; margin:0 0 10px 0;}

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

/*会社紹介アコーディオンのopen/close*/
#pbec_tieup ul li dl.pbec_tieup_comp dt.pbec_tieup_toggle { text-decoration:underline; display:block; margin:10px 0; padding:0; text-align:center !important;}
#pbec_tieup ul li dl.pbec_tieup_comp dt.pbec_tieup_toggle:hover,
#pbec_tieup ul li dl.pbec_tieup_comp dt.pbec_tieup_toggle:active { cursor:pointer; text-decoration:none; display:block; margin:10px 0; padding:0; text-align:center !important;}

#pbec_tieup ul li dl.pbec_tieup_comp dt.pbec_tieup_toggle span { text-align:center !important; font-size:12px;}

/*会社特長
-------------------------------------------*/
/*最初は非表示*/
#pbec_tieup ul li dl.pbec_tieup_comp dd {  display:none; padding:0 0 10px 0; margin:0;}


/*会社特長のリスト（数字付リスト）
-------------------------------------------*/
#pbec_tieup ul li dl.pbec_tieup_comp dd ol.pbec_tieup_comp_ftList {list-style:none; margin:0; padding:0;}

#pbec_tieup ul li dl.pbec_tieup_comp dd 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 ul li dl.pbec_tieup_comp dd ol.pbec_tieup_comp_ftList li:after { content:" "; display:block; margin:0 0 3% 0; visibility:inherit !important;}*/

#pbec_tieup ul li dl.pbec_tieup_comp dd 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; white-space:normal !important; word-break:break-all;}

#pbec_tieup ul li dl.pbec_tieup_comp dd 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_tieup ul li p.pbec_tieup_comp_link { background:#ffae00; border-radius:6px; margin:15px auto 10px auto; padding:0; position: relative; text-align:center; width:100%;}

/*Aの範囲を拡げる*/
#pbec_tieup ul li p.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 ul li p.pbec_tieup_comp_link span { font-size:13px; font-weight:bold; display:inline-block; line-height:19px; margin:0 auto; padding:6px; text-align:center; 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_tieup ul li p.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 ul li p.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_bnr {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;  padding:0 0 0 10px; position:relative; width:48%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
float:left; margin:0 1%;}

/*アイコン
※width＝アイコンの実際のwidth＋テキストまで取りたい右margin*/
#pbec_bnr p { height:auto; margin:0; padding:0; vertical-align:middle;}
#pbec_bnr p:before { background:url(//p-bandai.jp/bc/images/net-s_tokushu/pbec_h2_icon.png) left 50% no-repeat; content:" "; display:table-cell; height:56px; vertical-align:middle; width:33px; background-size: 90% auto;}

#pbec_bnr p a { display:table-cell; color:#fff !important; text-decoration:none !important; vertical-align:middle;}

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

/*右向きの△*/
#pbec_bnr p span:after { background:url(pbec_tieup_comp_arrow.png) no-repeat top left; background-size:contain; content:" "; display:inline-block; height:12px; margin:0 10px 0 10px; vertical-align:baseline; 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_bnr p 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;}


/*---------------------------------------------------------------------
中国向け表示
-----------------------------------------------------------------------*/
.china ul li, .china p, .china div, .china span, .china_modal_check, .china_modal_check input, .china_modal_check > span{
	font-family:tahoma,arial,sans-serif;
}
.china .chinaTitle{
 font-size: 24px;
 font-weight: bold;
 text-align: center;
}
.china ul{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	padding:0;
}
.china ul li{
	text-align:center;
	width:46%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	margin:0 2%;
	list-style:none;
	padding:0;
}
.china ul li a{
	display:block;
	color:#333;
	text-decoration:none;
}
.china ul li div,
.china ul li div p{
	text-align:center;
}
.china ul li img{
	max-width:100%;
}
.china_modal_check{
	display:block;
	text-align:right;
	padding-top:15px;
}
.china_modal_check input{
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}
.china_modal_check > span{
	display:inline-block;
	vertical-align:middle;
}


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

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

/*---------------------------------------------------------------------
SP:【common】
-----------------------------------------------------------------------*/
body { position:relative; -webkit-text-size-adjust:none; }

/*「PC版にしか表示しない」ものを非表示に*/
.pbec_devicePC { display:none !important;}
.pbec_deviceSP { display:block !important;}
/*中国用*/
.china_modal_check > span .pbec_deviceSP{ width:190px;}
.china .chinaTitle{  font-size: 15px;}


/*---------------------------------------------------------------------
SP:【購入ボタン】
-----------------------------------------------------------------------*/
.pbec_order_btn { height:88px; margin:0 auto; width:100%;}
.pbec_order_btn img { height:auto !important; margin:0 auto; width:100% !important;}


/*---------------------------------------------------------------------
SP:【フローティングバナー】
-----------------------------------------------------------------------*/
/*全体（初期状態は非表示）*/
.pbec_fbnr { display:none; opacity:0; margin:0 auto; padding:0; position:fixed; left:0; bottom:0; overflow:hidden; text-align:center; z-index:99; min-width:100%; width:100%;}

/*バナーサイズ*/
.pbec_fbnr img { height:auto !important; margin:0 auto; 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_fbnr_visible { display:block; opacity:1; animation-duration:1.0s; animation-name:fade-in; -moz-animation-duration:1.0s; -moz-animation-name:fade-in; -webkit-animation-duration:1.0s; -webkit-animation-name:fade-in;}

/*バナー部分の枠*/
.pbec_fbnrIn { margin:0 auto; position:relative; width:99%;}
.pbec_fbnrIn a { display:block;}


/*---------------------------------------------------------------------
SP:【モーダルウィンドウ】
-----------------------------------------------------------------------*/

/*モーダル全体*/
div.modal { display:none; margin:0 auto; padding:0; position:absolute; top:2%; width:100%; z-index:100001; }

/*モーダルの見た目の枠*/
#pbec_modal-content { background:#f8f8f8; border:2px solid #d2d2d2; height:86% !important; margin:0 auto; padding:3% 3% 30px 3%; position:fixed; width:94%; -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_modal-overlay { background-color:rgba(0,0,0,0.75); display:none; height:120%; position:fixed; top:0; left:0; width:100%; z-index:10000; -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_modal-open_btn:hover { cursor:pointer;}

/*モーダルを閉じる（※iPhone6が「縦」置きの時。それ以外の端末はCSS最下部に記載）*/
.pbec_modal-close_btn {background:url(pbec_close.png) no-repeat; background-size:cover; position:absolute; top:-3%; right:-4%; width:25px; height:25px; text-indent:-9999px; z-index:100002;}
.pbec_modal-close_btn:hover {background-position:0;}

/*閉じるボタン用のPは高さを消す*/
#pbec_modal-content p { font-size:0; line-height:0; margin:0; padding:0;}

/*モーダルの中身*/
.modal_value {
height:66% !important;
/*overflow-y:scroll;*/
width:100%;
overflow:auto;
-webkit-overflow-scrolling:touch;
}

.modal_value iframe {
height:100%;
overflow-y:scroll;
width:100%;
display: block;
border: none;
}

.iframeBox h1 { display:block; margin:0 0 3% 0; padding:0; width:100%;}


/*チェックボックス*/
.pbec_checkbox { background:#fcffc6; display:block; line-height:15px; margin:0 0 5px 0; padding:8px; text-align:left; vertical-align:top;}

.pbec_checkbox input[type="checkbox"]::after { display:none !important; margin:0; padding:0;}

.pbec_checkbox input[type]:not([hidden]),
.pbec_checkbox input[type]:not([image]),
.pbec_checkbox select{ margin:0; padding:0;}


pbec_checkbox input[type="checkbox"] { border:none; border-radius:0; display:inline-block !important; height:auto; margin:0 !important; padding:0 !important; vertical-align:middle; width:auto; }

.pbec_checkbox label { display:block; height:100%; margin:0; padding:0; position:relative; top:0; left:0; text-decoration:none !important; width:100%; z-index:10;}

.pbec_checkbox span { display:inline-block; font-size:17px; font-weight:bold; line-height:16px; margin:0; padding:0 0 0 5px !important; vertical-align:middle; width:80%;}
.pbec_checkbox span img { height:auto !important; width:100% !important; vertical-align:middle !important;}

/*各国ショップ*/
.pbec_countries-store { padding: 10px 0 10px 0; }
.pbec_countries-store a img,
.pbec_countries-store span img { width:100%; }

/*コピーライト*/
.pbec_copyright {font-size:12px; line-height:16px; margin:0; padding:7px 0 0 0 !important; width:100%;}



/*---------------------------------------------------------------------
【SP:ヘッダー】
-----------------------------------------------------------------------*/
#pbec_header { background:#fff; min-height:inherit; margin:0 auto 17px auto; padding:0; position:relative; min-width:100%; width:100%;}

.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_recommend { background:#fff; border:1px solid #d2d2d2; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin:0 0 46px 0; padding:2%; position:relative; text-align:center; 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;}

/*開始位置を左から50％にして、画像の半分値をmargin-leftでマイナスする*/
#pbec_recommend:after { content:url(pbec_reccomend_arrow.png); height:23px; margin:0 0 0 -35px !important; padding:0; position:absolute; bottom:-38px; left:50%; width:70px;}

#pbec_recommend .pbec_recommend_txt span { display:block; font-size:14px; font-weight:bold; line-height:18px; margin:0 0 1% 0; padding:0;}

#pbec_recommend ul { font-size:0; line-height:0; margin:0; padding:0;}

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

/*3つおきに右marginを取らない*/
#pbec_recommend ul li:nth-child(3n) { background:#fff; border:1px solid #d2d2d2; display:inline-block; margin:0 0 2% 0; padding:0; vertical-align:top; width:31%; -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_tieup ul { font-size:0; line-height:0; margin:0 auto; padding:0 0 0 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_tieup ul li { background:#fff; border:1px solid #d2d2d2; display:inline-block; margin:0 1% 1% 0; padding:2%; vertical-align:top; width:49%; 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;}

/*2つおきに右marginを取らない*/
#pbec_tieup ul li:nth-child(even) { background:#fff; border:1px solid #d2d2d2; display:inline-block; margin:0 0 1% 0; padding:2%; 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:会社概要
-------------------------------------------*/
#pbec_tieup dl.pbec_tieup_comp {margin:0 auto 3% auto; padding:0;}
#pbec_tieup dl.pbec_tieup_comp dt { font-size:14px; line-height:18px; text-align:center; margin:0 0 3% 0; width:100% !important;}
#pbec_tieup dl.pbec_tieup_comp dt span { display:block; font-size:14px; line-height:18px;}

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

/*会社紹介アコーディオンのopen/close*/
#pbec_tieup ul li dl.pbec_tieup_comp dt.pbec_tieup_toggle { text-decoration:underline; display:block; margin:3% 0; padding:0; text-align:center;}
#pbec_tieup ul li dl.pbec_tieup_comp dt.pbec_tieup_toggle:hover,
#pbec_tieup ul li dl.pbec_tieup_comp dt.pbec_tieup_toggle:active,
#pbec_tieup ul li dl.pbec_tieup_comp dt.pbec_tieup_toggle:focus { text-decoration:underline; display:block; margin:3% 0; padding:0; text-align:center;}

/*会社特長
-------------------------------------------*/
/*最初は非表示*/
#pbec_tieup ul li dl.pbec_tieup_comp dd {  display:none; padding:0; margin:0;}

/*会社特長
-------------------------------------------*/
#pbec_tieup ul li dl.pbec_tieup_comp dd { display:none; padding:0; margin:0;}

/*会社特長のリスト（数字付リスト）*/
#pbec_tieup ul li ol.pbec_tieup_comp_ftList { list-style:none; margin:0; padding:0;}
#pbec_tieup ul li ol.pbec_tieup_comp_ftList li:before { content:counter(table-ol) "."; display:table-cell; text-align:right; padding:0 3px 0 0 !important; vertical-align:top; width:5% !important; white-space:nowrap !important;}
#pbec_tieup ul li ol.pbec_tieup_comp_ftList li:after { content:" "; display:block; margin:0 0 3% 0; }
#pbec_tieup ul li ol.pbec_tieup_comp_ftList li { counter-increment:table-ol; display:table-row; font-size:13px; line-height:17px; margin:0; vertical-align:top; width:95% !important; white-space:normal !important;}
#pbec_tieup ul li ol.pbec_tieup_comp_ftList li span { display:inline-block; font-size:13px; line-height:17px; margin:0 !important; padding:0; vertical-align:top; word-break: break-all; }


/*SP:サービスサイトへボタン
-------------------------------------------*/
#pbec_tieup ul li p.pbec_tieup_comp_link { background:#ffae00; border-radius:6px; height:inherit; line-height:0 !important; margin:0 auto !important; padding:0; position:relative; text-align:center; width:100% !important;}

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

/*リンクを全面に置く都合、文字から外側までの余白はここで指定*/
#pbec_tieup ul li p.pbec_tieup_comp_link span { font-size:12px !important; display:inline-block; line-height:18px !important; margin:0 auto; padding:8% 0 !important; text-align:center; vertical-align:middle; width:auto !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_tieup ul li p.pbec_tieup_comp_link span:after { background:url(//p-bandai.jp/bc/images/net-s_tokushu/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:baseline !important; 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;}





/*SP:ガイドページへのリンクバナー
-------------------------------------------*/
#pbec_bnr {
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;}

/*リンク色*/
#pbec_bnr p a { display:block; color:#fff !important; text-decoration:none !important; vertical-align:middle;}

/*アイコン*/
#pbec_bnr p { background:url(//p-bandai.jp/bc/images/net-s_tokushu/pbec_h2_icon.png) left 50% no-repeat; margin:0; padding:0; vertical-align:middle;}
#pbec_bnr p:before { background:none; content:none; display:table-cell; height:auto; vertical-align:middle; width:auto;}

/*テキスト*/
#pbec_bnr p span { color:#fff; display:block; font-size:20px; font-weight:bold; line-height:20px; 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_bnr p span:after { background:url(//p-bandai.jp/bc/images/net-s_tokushu/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:baseline !important; 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;}
}



/*iPhone5用サイズ*/
@media only screen and (min-width: 0px) and (max-width: 320px) {
/*モーダルを閉じる*/
.pbec_modal-close_btn {background:url(pbec_close.png) no-repeat; background-size:cover; position:absolute; top:-3%; right:-4%; width:25px; height:25px; text-indent:-9999px;}
.pbec_modal-close_btn:hover {background-position:0;}

/*モーダルの見た目の枠*/
#pbec_modal-content { background:#f8f8f8; border:2px solid #d2d2d2; height:86%; margin:0 auto; padding:3% 3% 31% 3%; position:fixed; width:94%; -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 ul li dl.pbec_tieup_comp dd .pbec_tieup_comp_link span { font-size:12px !important; display:inline-block; line-height:12px !important; margin:0 auto; padding:8%  !important; text-align:center; vertical-align:middle; width:auto !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; }
}

/*iPhone6が【横】置きの時*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
/*モーダルを閉じる*/
.pbec_modal-close_btn {background:url(pbec_close.png) no-repeat; background-size:cover; position:absolute; top:-5%; right:-2%; width:25px; height:25px; text-indent:-9999px;}
.pbec_modal-close_btn:hover {background-position:0;}

/*モーダルの見た目の枠*/
#pbec_modal-content { background:#f8f8f8; border:2px solid #d2d2d2; height:86%; margin:0 auto; padding:3% 3% 13% 3%; position:fixed; width:94%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

}


/*iPhone6Plusが【縦】置きの時*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
/*モーダルを閉じる*/
.pbec_modal-close_btn {background:url(pbec_close.png) no-repeat; background-size:cover; position:absolute; top:-3%; right:-4%; width:25px; height:25px; text-indent:-9999px;}
.pbec_modal-close_btn:hover {background-position:0;}
}

/*iPhone6Plusが【横】置きの時*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
/*モーダルを閉じる*/
.pbec_modal-close_btn {background:url(pbec_close.png) no-repeat; background-size:cover; position:absolute; top:-5% !important; right:-2% !important; width:25px; height:25px; text-indent:-9999px;}
.pbec_modal-close_btn:hover {background-position:0;}

/*モーダルの見た目の枠*/
#pbec_modal-content { background:#f8f8f8; border:2px solid #d2d2d2; height:86%; margin:0 auto; padding:3% 3% 13% 3%; position:fixed; width:94%; -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 ul li dl.pbec_tieup_comp dd .pbec_tieup_comp_link span { font-size:12px !important; display:inline-block; line-height:23px !important; margin:0 auto; padding:8%  !important; text-align:center; vertical-align:middle; width:auto !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; }
}



/*20171129追加*/
@media screen and (min-width:720px) {
.pbec_header_wrap {position:relative; height:52px;}
#pbec_header h1{ position:absolute; left:0; top:0;}
#pbec_header .pbec_gmenu.rounded{ position:absolute; right:0; top:0;}

.pbec_check_cStore_wrapper{
	position:relative;
	height:148px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
	width:100%;
	background: #feffc6;
}
.pbec_countries-store{
	position:absolute;
	left:15px;
	top:15px;
	width:420px;
	height:106px;
	border-right:1px dotted #aaa;
}
.pbec_checkbox{
	width:calc(100% - 460px);
	width:-webkit-calc(100% - 460px);
	position:absolute;
	right: 22px;
    top: 38px;
	height:125px;
	text-align:right;
}
}
.d-flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.bnr2 > *{ margin:0 2% 10px; width:46%; float:left;}
.modal_value {
    height: calc(100% - 166px) !important;	
    height: -webkit-calc(100% - 166px) !important;
}
.modal.detailPopup .modal_value{
	height: calc(100% - 62px) !important;
    height: -webkit-calc(100% - 62px) !important;
}
.bnr2.d-flex{
	display:block;
	overflow:hidden;
}
.pbFluidStyle .pbFluidShopTitle{ padding-top:25px;} /*看板画像部分*/

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
.modal_value { height: calc(100% - 122px) !important; height: -webkit-calc(100% - 122px) !important;}
}

@media screen and (max-width:720px) {
/*そのほか調整 20171130追加*/
.pbec_checkbox{ max-height:none;}
.pbec_checkbox span img{ width:50% !important;}
.pbec_check_cStore_wrapper .pbec_countries-store a img, .pbec_check_cStore_wrapper .pbec_countries-store span img { width: 50% !important;}
}
@media screen and (max-width:736px) {
/*スマホ調整 20180130追加*/
.modal.detailPopup .modal_value {
    height: calc(100% - 70px) !important;	
    height: -webkit-calc(100% - 70px) !important;
}
.modal.detailPopup #pbec_modal-content {
    height: 80% !important;
}
.modal.detailPopup .pbec_countries-store{
	margin:10px 0 0 0;
}
.modal.detailPopup .modal_value{
	height: calc(100% - 90px) !important;
    height: -webkit-calc(100% - 90px) !important;
}
#pbec_header{	margin-bottom:10px;}
#pbec_recommend{ margin-bottom:10px;}
#pbec_recommend:after{ display:none; }
#pbec_tieup ul li p.pbec_tieup_comp_link span{ padding:5px 0 !important;}
#pbec_tieup dl.pbec_tieup_comp dt img{ width:60% !important;}
#pbec_tieup ul{ margin-bottom:10px;}
#pbec_bnr p span{ font-size:16px;}
#pbec_bnr{ margin-bottom:10px;}
.modal.detailPopup .pbec_countries-store{ position:absolute !important; bottom:10px; width: 93% !important;}
.modal.detailPopup .pbec_countries-store span { width:100%; display:block; text-align:center; float:none; padding-top:5px; }
.modal.detailPopup .pbec_countries-store span img {    width: 300px;}
.modal.detailPopup .pbec_countries-store a { float:none; margin-right:0;}
.modal.detailPopup .pbec_countries-store a img{ width:200px !important; }
}

@media screen and (max-height:640px) {
/*モーダルの見た目の枠 ※商品詳細押下時のポップアップ */
.modal.detailPopup #pbec_modal-content{ height:90% !important}
}