@charset "Shift_JIS";



/* --------------------------------
	共通
-------------------------------- */

#shopping_guide {}

/* 表紙 ---------------- */
#shopping_guide #cover h1 { margin:22px 0 0 0; border-top:#e73078 1px dotted; border-bottom:#e73078 1px dotted; padding:5px 10px; color:#e73078; font-weight:bold; }
#shopping_guide #cover p.guide_top { margin:13px 0 0 10px; }
#shopping_guide #cover p.guide_top a { padding:0 0 0 13px; background:url(//img.e87.com/s/common/images/arw_l_01.png) no-repeat left 0.15em; -webkit-background-size:8px 12px; }
#shopping_guide #cover p.lead { padding:15px 10px 0 10px; }

/* お買い物ガイドトップへ ---------------- */
#shopping_guide p.btn_guide_top { margin:30px 0 0 15px; }

/* コンテント ---------------- */
#shopping_guide .content {}
#shopping_guide .content h2 { margin:20px 0 0 0; padding:9px 15px 7px 15px; background:#8d2d3f; color:#fff; font-weight:bold; }
#shopping_guide .content h3 { padding:20px 15px 0 15px; color:#e73078; font-weight:bold; }
#shopping_guide .content h4 { padding:20px 15px 0 15px; font-weight:bold; }
#shopping_guide .content ul { padding:5px 15px 0 15px; }
#shopping_guide .content ul li { padding:5px 0 0 1em; text-indent:-1em; }
#shopping_guide .content ul li strong { color:#f00; font-weight:normal; }
#shopping_guide .content p.txt { padding:10px 15px 0 15px; }

/* リンク ---------------- */
#shopping_guide .rel { margin:20px 0 0 0; }
#shopping_guide .rel p { margin:3px 0 0 10px; }
#shopping_guide .rel p a { padding:0 0 0 13px; background:url(//img.e87.com/s/common/images/arw_r_01.png) no-repeat; -webkit-background-size:8px 11px; }

/* 目次 ---------------- */
#shopping_guide .toc {}
#shopping_guide .toc h2 { margin:20px 0 0 0; padding:9px 15px 7px 15px; background:#8d2d3f; color:#fff; font-weight:bold; }
#shopping_guide .toc section { padding:0 10px; }
#shopping_guide .toc section h3 { margin:0 0 -15px 0; padding:15px 7px 0 7px; color:#5a0f18; font-weight:bold; }
#shopping_guide .toc section ul { margin:20px auto 0 auto; border:1px solid #ccc; border-radius:6px; padding:0; }
#shopping_guide .toc section ul li { border-top:1px solid #ccc; padding:0; text-indent:0; }
#shopping_guide .toc section ul li:first-child { border-top:none; }
#shopping_guide .toc section ul li a { padding:10px 30px 10px 13px; display:block; background:url(//img.e87.com/s/common/images/arw_r_03.png) no-repeat 97% 50%; -webkit-background-size:8px 12px; color:#000; text-decoration:none; }

/* アンカーナビ ---------------- */
#shopping_guide .anav { margin:20px auto 0 auto; padding:0 10px; }
#shopping_guide .anav ul { margin:5px auto 0 auto; border:1px solid #ccc; border-radius:6px; padding:0; }
#shopping_guide .anav ul li { border-top:1px solid #ccc; padding:0; text-indent:0; }
#shopping_guide .anav ul li:first-child { border-top:none; }
#shopping_guide .anav ul li a { padding:10px 15px 10px 35px; display:block; background:url(//img.e87.com/s/common/images/arw_d_03.png) no-repeat 13px 50%; -webkit-background-size:12px 8px; color:#000; text-decoration:none; }

/* 表組み ---------------- */
#shopping_guide .content table { margin:10px 20px; border-right:#ababab 1px solid; border-bottom:#ababab 1px solid;  width:90%; }
#shopping_guide .content table.time { margin:15px 5px 0 5px; float: left;  width:44%; }

#shopping_guide .content table tr {}
#shopping_guide .content table tr th,
#shopping_guide .content table tr td { border-top:#ababab 1px solid; border-left:#ababab 1px solid; padding:7px 5px 7px 5px; text-align:center; }
#shopping_guide .content table tr th { font-weight:bold; }
#shopping_guide .content table tr td span { color:#e73078; font-size:114.3%; font-weight:bold; }
#shopping_guide .content table tr.time td { background:#f1f1f1; }
.arrow{ float: left; width: 5%; margin: 120px 0 0 0;}
.arrow img{ width: 100%; height: auto;}

/* 4_4 不可地域について*/
section.content li.huka_area{  padding: 10px !important; background: #ca417d; text-align: center; width: 65vw; border-radius: 10px; color: #fff; margin: 5px auto;}
section.content li.huka_area a{ color: #fff;font-weight: bold; }


/* ページトップ ---------------- */
article#body .pagetop { border-top:none; background:#fff; }



/* --------------------------------
	2_2会員登録手順
	4_2基本的なショッピングの流れ
-------------------------------- */

#shopping_guide .step { margin:15px auto 0 auto; background:#ffe8f4; }
#shopping_guide .step section { border-top:1px dotted #e73078; padding:15px 14px 10px 14px; }
#shopping_guide .step section:first-child { border-top:none; }
#shopping_guide .step section h2 { color:#5a0f18; font-weight:bold; font-size:14px; }
#shopping_guide .step section h2 span { border-radius:6px; background:#cc3e7d; padding:2px 4px; color:#fff; font-size:12px; }
#shopping_guide .step section p.txt { padding:10px 0 0 0; font-size:12px; }
#shopping_guide .step section p.img { padding:15px 0 0 0; text-align:center; }
p.btn_entry { position:relative; margin:0 0 -15px 0; padding:15px 15px 0 15px; font-weight:bold; font-size:17px; }
p.btn_entry a { display:block; border-radius:10px; padding:14px 0 12px 0; color:#fff; text-align:center; text-decoration:none;
background:-webkit-gradient(
linear, left top, left bottom, 
from(#fc92bd),
color-stop(0.50, #f75294),
color-stop(0.50, #e73079),
to(#e73079));
box-shadow:1px 3px 3px rgba(000,000,000,0.2),inset 0 0 0 rgba(087,087,087,0.6);
text-shadow:0 -2px 0 rgba(214,000,071,0.8);
}
#shopping_guide .step section.confirm { background:#f9f3e2; }



/* --------------------------------
	4_3便利なショッピング方法
-------------------------------- */

#shopping_guide .howtoshop {}
#shopping_guide .howtoshop .search { padding:20px 0 0 0; text-align:center; }
#shopping_guide .howtoshop .search p input { vertical-align:top; }
#shopping_guide .howtoshop .search p.txt { width:90%; }
#shopping_guide .howtoshop .search p.txt input { margin:1px 0 0 0; height:25px; }
#shopping_guide .howtoshop .search p.img { display:inline; }



/* --------------------------------
	4_10キャンペーンコードについて
-------------------------------- */

#shopping_guide .campaigncode {}
#shopping_guide .campaigncode p.img { padding:15px 0 0 0; text-align:center; }



/* --------------------------------
	4_6お支払いについて
-------------------------------- */

#shopping_guide .aboutpay {}
#shopping_guide .aboutpay ul.anav { margin:0 0 15px 0; }
#shopping_guide .aboutpay ul.anav li {}
#shopping_guide .aboutpay ul.anav li a { padding:0 0 0 15px; background:url(//img.e87.com/s/common/images/arw_d_02.png) no-repeat 0 0.3em; -webkit-background-size:12px 8px; }



/* --------------------------------
	4_8イイハナ・ポイントについて
-------------------------------- */

#shopping_guide .aboutpoint {}
#shopping_guide .aboutpoint ul li img { font-size:0; line-height:1; vertical-align:middle; }



/* --------------------------------
	2_1会員登録について
-------------------------------- */

#shopping_guide .register {}
#shopping_guide .register .toc section { margin-top:20px; }



/* --------------------------------
	2_4ログインについて
-------------------------------- */

#shopping_guide .aboutlogin {}
#shopping_guide .aboutlogin p.img { padding:15px 0 0 0; text-align:center; }



/* --------------------------------
	3_1各種お知らせメールについて
-------------------------------- */

#shopping_guide .aboutmail {}
#shopping_guide .aboutmail table tr th { background:#f1f1f1; text-align:left; }
#shopping_guide .aboutmail table tr td { text-align:left; }



/* --------------------------------
	1-2ご利用時間
-------------------------------- */

#shopping_guide .timezone {}
#shopping_guide .timezone p.lead { margin:20px 0 0 0; padding:0 15px; color:#e73078; font-weight:bold; }
#shopping_guide .timezone p.txt { padding:10px 15px 0 15px; }



/* --------------------------------
	4_1安心してお買い求めいただくために
-------------------------------- */

#shopping_guide .comfort {}
#shopping_guide .comfort p.img { padding:15px 0 0 0; text-align:center; }



/* --------------------------------
	faq
-------------------------------- */

#shopping_guide .faq h2 { display:table; padding:9px 0 7px 0; width:100%; }
#shopping_guide .faq h2 span { display:table-cell; }
#shopping_guide .faq h2 span.mkr { padding:0 0 0 15px; width:25px; text-align:center; }
#shopping_guide .faq h2 span.txt { padding:0 15px 0 8px; vertical-align:top; }
#shopping_guide .faq dl.answer { display:table; padding:15px 15px 0 15px; }
#shopping_guide .faq dl.answer { display:table; padding:15px 15px 0 15px; }
#shopping_guide .faq dl.answer dt { display:table-cell; }
#shopping_guide .faq dl.answer dt span { display:block; border-radius:6px; background:#cc3e7d; padding:2px 0 0 0; width:25px; height:23px; color:#fff; font-weight:bold; font-size:15px; text-align:center; }
#shopping_guide .faq dl.answer dd { display:table-cell; padding:0 0 0 8px; vertical-align:top; }
#shopping_guide .faq dl.answer dd p.txt { padding:2px 0 0 0; font-size:12px; }
#shopping_guide .faq dl.answer dd h3 { padding:10px 0 0 0; color:#e73078; font-weight:bold; font-size:13px; }



/* --------------------------------
	会員規約
-------------------------------- */

div#terms { margin:10px; }
div#terms h2 { margin:20px 0 0 0; padding:9px 15px 7px 15px; background:#8d2d3f; color:#fff; font-weight:bold; }
div#terms ul { padding:5px 15px 0 15px; }
div#terms ul li { padding:5px 0 0 1em; text-indent:-1em; }
div#terms p.txt { padding:10px 15px 0 15px; }



/* --------------------------------
	個人情報保護について
-------------------------------- */

div#privacy {}
div#privacy ul li div.btn { border-right:none; border-left:none; padding-left:15px; }
div#privacy ul li:first-child div.btn { -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; }
div#privacy ul li:last-child div.btn { -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; }
div#privacy ul li:first-child div.btn.open { border-top:none; }

div#privacy ul li div.content { border-right:none; border-left:none; }
div#privacy ul li div.content p.txt { padding:10px 0 0 0; }
div#privacy ul li div.content dl {}
div#privacy ul li div.content dl dt { padding:10px 0 0 0; color:#e73078; font-weight:bold; }
div#privacy ul li div.content dl dd { padding:5px 18px 0 18px; }
div#privacy ul li div.content dl dd p.txt { padding:0 0 0 0; }
div#privacy ul li div.content p.sign { padding:15px 0 0 0; text-align:right; }
div#privacy ul li div.content ul { padding:5px 0 0 0; }
div#privacy ul li div.content ul li { padding:5px 0 0 1em; text-indent:-1em; }
div#privacy ul li div.content .desc { padding:10px 0 0 0; }

div#privacy ul.contact li h2 { padding:10px 15px 8px 15px; color:#fff;
background: #b50e57; /* Old browsers */
background: -moz-linear-gradient(top,  #b50e57 1%, #c11360 50%, #cd1868 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#b50e57), color-stop(50%,#c11360), color-stop(100%,#cd1868)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b50e57 1%,#c11360 50%,#cd1868 100%); /* Chrome10+,Safari5.1+ */
}
div#privacy ul.contact li div.content { padding:0 15px 0 15px; }



/* --------------------------------
	特定商取引に関する法律に基づく表示
-------------------------------- */

div#transactions {}
div#transactions dl { margin:25px 15px 0 15px; border: 1px solid #ababab; }
div#transactions dl dt { padding:8px 11px; font-weight: bold; background: #f1f1f1; }
div#transactions dl dd { padding:10px 13px; }