/* ************************************************
* ------------------------------------------------
* 共通設定
* ------------------------------------------------
* ************************************************ */
/* --- Reset Start ---
--- 各ブラウザ間の表示を統一する為の記述です --- */
/* default property reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,th,td,iframe,p {margin:0px; padding:0px;}
table {border-collapse:collapse; border-spacing:0px;}
th{text-align:left;font-weight:normal;}
fieldset,img {border:0px;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:14px;font-weight:bold;text-align:left;}
q:before,q:after {content:'';}
abbr,acronym {border:0px;}
body * { word-break:normal;}
/* --- Reset End --- */
body {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height:170%;
margin:0px;
padding:0px;
text-align:center;
font-size:14px;
color:#493326;
}
a:link {color:#0f4022;text-decoration:underline;}
a:visited {color:#0f4022;text-decoration:underline;}
a:active {color:#0f4022;text-decoration:underline;}
a:hover {color:#728229;text-decoration:underline;}
a img {padding:2px;}
a:hover img {background-color:#d5ceae;}
.brown {color:#493326;}
.green {color:#0f4022;}
.lgreen {color:#728229;}
.red {color:#ff0000;}
.gray {color:#999999;}
.lgray {color:#e6e6e6;}
.beige {color:#d5ceae;}
.orange {color:#ec5f00;}
img {vertical-align:middle;}
.cell_mar {margin:0px 5px 0px 15px;}
.bold {font-weight:bold;}
.normal{font-weight:normal;}
.fs{font-size:72%;}
.fm{font-size:85%;}
.fl{font-size:115%;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.b0{border:none;}
img.b0{padding:0;}
.b1{border:1px solid #e6e6e6;}
h1{background:url(https://holy-yasac.ssl-lolipop.jp/common_images/bg_cloth.jpg) repeat;margin:1em 0;padding:7px 15px;color:#493326;font-size:115%;letter-spacing: 0.05em;}
h1 a:link {color:#493326;text-decoration:none;}
h1 a:visited {color:#493326;text-decoration:none:}
h1 a:active {color:#493326;text-decoration:none:}
h1 a:hover {color:#728229;text-decoration:none:}
h2{background:url(https://holy-yasac.ssl-lolipop.jp/common_images/icon_maru.gif) no-repeat 0px 4px;margin:1em 0;padding:2px 0 5px 22px;border-bottom:1px dotted #d5ceae;}
h3{background:url(https://holy-yasac.ssl-lolipop.jp/common_images/icon_hana.gif) no-repeat 0px 2px;margin:1em 0;padding:2px 0 5px 22px;border-bottom:1px dotted #d5ceae;}
li{text-align:left;}
a.nw{background:url(https://holy-yasac.ssl-lolipop.jp/common_images/icon_window.png) no-repeat 3px 2px;padding: 0px 3px 0 20px;}
dt{letter-spacing: 0.1em;}
/* ************************************************
* ヘッダーメニュー
* ************************************************ */
/* 看板～カゴを見る */
#header1 {margin:0;padding:2px;background:url(https://holy-yasac.ssl-lolipop.jp/common_images/bg_cloth.jpg) repeat;text-align:center;}
#header1 table {padding:10px 0;margin:0 auto;width:915px;}
#header1 table td {padding:0;margin:0;font-size:72%;}
#header1 a img{padding:0;background:none;}
/* メニューバー */
#header2 {margin:0px;background:url(https://holy-yasac.ssl-lolipop.jp/common_images/head_menu_bg.gif) repeat-x;text-align:center;}
#header2 table{margin:1px auto;}
#header2 table td{padding:2px 0 3px 0;color:#e6e6e6;vertical-align:middle;}
#header2 a {color:#493326;font-size:12px;text-decoration:none;}
#header2 a:hover {color:#728229;}
/* 検索 */
#header3 {margin:0 0 20px 0;padding:0;text-align:center;}
#header3 table {width:915px;margin:0 auto;}
#header3 table td{text-align:right;}
/* ************************************************
* フッターメニュー
* ************************************************ */
#footer{border-top:15px #493326 solid;text-align:center;margin:0;padding-bottom:20px;color:#493326;font-size:85%;background:url(https://holy-yasac.ssl-lolipop.jp/common_images/bg_cloth.jpg) repeat;}
#footer table{width:915px;margin:20px auto;}
#footer a {color:#493326; text-decoration:none;}
#footer a:hover {color:#728229; text-decoration:underline;}
/* ************************************************
* ベーステーブル
* ************************************************ */
#base {width:915px;margin:0 auto;}
#base td{vertical-align:top;}
#side_area{width:200px;padding-right:35px;line-height:120%;}
#main_area{width:680px;text-align:left;margin:auto;}
#side_area .box_b0{margin-bottom:15px;width:200px;}
#side_area .box_b1_1{width:200px;padding:0;margin:0;background:#e6e6e6;text-align:middle;}
#side_area .box_b1_2{margin:1px;background:#ffffff;}
#side_area .box_b1_end{margin-bottom:15px;width:200px;height:5px;background:url(https://holy-yasac.ssl-lolipop.jp/common_images/left_box_bottom.gif) no-repeat center bottom;clear:both;}
/* --メンバーエリア-- */
.member_box{text-align:center;padding-top:10px;margin:auto;}
.member {font-size:72%;line-height:1.1em;padding-bottom:3px;text-align:center;}
/* --商品メニュー-- */
.itemmenu{text-align:left;}
.itemmenu a {text-decoration:none;display:block;}
.itemmenu a:hover {text-decoration:underline;background:#fff9f4;}
.itemmenu dt{border-top:1px #e6e6e6 solid;padding: 5px 3px 3px 22px;background:url(https://holy-yasac.ssl-lolipop.jp/common_images/icon_maru.gif) no-repeat -1px 5px;text-decoration:underline;}
.itemmenu dt a:hover{background:url(https://holy-yasac.ssl-lolipop.jp/common_images/icon_ya.gif) no-repeat right center;}
.itemmenu dt.special{background:url(https://holy-yasac.ssl-lolipop.jp/common_images/icon_hana.gif) no-repeat 0px 0px;text-decoration:none;}
.itemmenu dt.special a {color:#ec5f00;background:none;}
.itemmenu dt.special a:hover {color:#728229;}
.itemmenu dd{border-top:1px #e6e6e6 dotted;background:url(https://holy-yasac.ssl-lolipop.jp/common_images/icon_kaku.gif) no-repeat 5px 5px;padding: 5px 5px 3px 22px;font-size:85%;}
.itemmenu dd a {color:#493326;}
.itemmenu dd a:hover {color:#728229;}
form.itemmenu{padding:10px 0 5px 10px;border-top:1px #e6e6e6 solid;border-bottom:1px #e6e6e6 dotted;}
.itemmenu2 dd{background:url(https://holy-yasac.ssl-lolipop.jp/common_images/icon_arrow.gif) no-repeat 4px 5px;padding: 3px 5px 1px 22px;font-size:85%;text-align:left;}
/* --新着-- */
.newitem {height:300px;overflow-y:auto;border-left:1px #e6e6e6 solid;border-bottom:1px #e6e6e6 solid;}
.newitem table th , .newitem table td {padding:3px;border-top:1px solid #e6e6e6;text-align:left;}
.newitem table th img{width:48px;}
.newitem table td img{background:#ffffff;}
.newitem table td a {font-size:82%;text-decoration:none;}
.newitem table td a:hover {text-decoration:underline;}
/* --ブランドリスト-- */
.brand_list {width:195px;overflow: hidden;padding-top:5px;}
.brand_list li{display:inline-block; /display:inline; /zoom:1;width:58px;vertical-align:middle;}
.brand_list img{width:58px;}
/*--カレンダー--*/
.calender_box{text-align:center;padding:5px;font-size:85%;}
table.calender {border-top: 1px solid #d5ceae;border-left: 1px solid #d5ceae;margin: 5px auto 0;}
table.calender caption {padding: 0;margin: 0;font-weight:bold;color:#493326;}
table.calender th ,
table.calender td {border-bottom: 1px solid #d5ceae;border-right: 1px solid #d5ceae;padding:1px 2px;width:19px;text-align:center;}
table.calender th {background-color:#d5ceae;}
table.calender td.off {background-color: #d44343;color: #ffffff;}
table.calender td.off2 {background-color: #fcdede;color: #d44343;}
table.calender td.off3 {background-color: #923326;color: #ffffff;}
/* --スタッフ-- */
.staff{font-size:90%;}
.staff ul{padding:5px;margin-top:5px;border-top:1px dotted #e6e6e6;}
.staff li{text-align:left; background:url(https://holy-yasac.ssl-lolipop.jp/common_images/icon_arrow.gif) no-repeat 4px 3px;padding: 2px 5px 1px 22px;}
/* ************************************************
* 中央カラム共通部分
* ************************************************ */
/*--ショッピングガイド--*/
.guide {width:680px;padding:0;margin-bottom:20px;background:#e6e6e6;text-align:middle;font-size:85%;line-height:120%;}
.guide table{margin:1px;background:#ffffff;border-bottom:1px solid #e6e6e6;}
.guide table td{text-align:left;vertical-align:top;padding:10px;}
.guide dt{padding: 7px 3px 3px 22px;background:url(https://holy-yasac.ssl-lolipop.jp/common_images/icon_maru.gif) no-repeat 0px 3px;color:#0f4022;font-weight:bold;}
.guide dt.title{padding: 5px 3px 3px 22px;margin-top:5px;margin-bottom:5px;background:#e6e6e6 url(https://holy-yasac.ssl-lolipop.jp/common_images/icon_square.gif) no-repeat 2px 3px;color:#493326;}
.guide dd{padding: 5px 3px 3px 22px;background:url(https://holy-yasac.ssl-lolipop.jp/common_images/icon_marus.gif) no-repeat 2px 6px;}
/*--点線--*/
.dotline{height:50px;background:url(https://holy-yasac.ssl-lolipop.jp/common_images/center_dotline.gif) no-repeat;clear:both;}
/*--カテゴリ名の区切り--*/
.kugiri {font-weight:normal;font-size:72%;padding:0 2px;}
/* ************************************************
* 商品横並び
* ************************************************ */
.soldout{background:#d5ceae;padding:3px;font-size:72%;text-align:center;margin:0 5px 5px;}
.itemlist {margin:0 auto 20px;line-height:120%;}
.itemlist li{float:left;display:inline-block; /display:inline; /zoom:1;text-align:center;}
.itemlist li:hover{background:#e6e6e6;}
.itemlist li img{margin:10px auto 0;width:120px;}
.itemlist li .name{text-align:left;padding:2px 0;}
.itemlist li .name img{background:#ffffff;margin-top:0px;}
.itemlist li .price{text-align:right;padding-right:5px;}
/*--一列の商品数--*/
.itemlist ul.line4 li{width:150px;padding:0 10px 15px;}
.itemlist ul.line5 li{width:120px;padding:0 8px 10px;}
/* ************************************************
* 商品一覧、検索結果
* ************************************************ */
/*--サブグループ--*/
.sub_category li{float:left;vertical-align:middle;width:185px;margin:10px;padding-left:20px;background:url(https://holy-yasac.ssl-lolipop.jp/common_images/icon_square.gif) no-repeat 0 0px;text-aligm:left;line-height:120%;}
.sub_category li img{width:180px;padding:0;}
/*--ソート部分--*/
.list_box{width:680px;background:url(https://holy-yasac.ssl-lolipop.jp/common_images/bg_cloth.jpg) repeat;margin:10px auto 20px;}
.soat_box{border:1px solid #e6e6e6;padding:5px;text-align:left;background:#ffffff;}
.soat_box div{background:url(https://holy-yasac.ssl-lolipop.jp/common_images/icon_maru.gif) no-repeat 0px 6px;padding:5px 5px 5px 22px;}
.soat_box .soat span{color:#ec5f00;background:url(https://holy-yasac.ssl-lolipop.jp/common_images/icon_arrow.gif) no-repeat 10px 2px;padding-left:25px;}
/*--ページ送り--*/
.list_box table{width:660px;margin:auto;}
.list_box table td{vertical-align:middle;width:33%;padding:5px;font-size:85%;}
.list_box table a{color:#493326;font-weight:bold;}
.list_box table a:hover {color:#728229;}
/*--該当なし--*/
.nodata {padding-top:20px;text-align:center;}
/*--フリースペース--*/
.cg_freespace_01{margin-bottom:3em;}
.cg_freespace_01 p , .cg_freespace_02 p {margin-top:0.5em;margin-bottom:0.5em;}
/* ************************************************
* 商品一覧、検索結果、商品詳細、フリーページ共通
* ************************************************ */
.expl_block div.left , .cg_freespace_01 div.left , #free div.left{
float:left;padding:5px 10px 5px 0;text-align:center;font-size:85%;color:#728229;line-height:120%;}
.expl_block div.right , .cg_freespace_01 div.right , #free div.right{
float:right;padding:5px 0 5px 10px;text-align:center;font-size:85%;color:#728229;line-height:120%;}
.expl_block div.left img , .cg_freespace_01 div.left img , #free div.left img ,
.expl_block div.right img , .cg_freespace_01 div.right img, #free div.right img{
margin-bottom:5px;}
.expl_block dl , .cg_freespace_01 dl , #free dl{font-size:90%;margin-top:0.5em;}
.expl_block dt , .cg_freespace_01 dt , #free dt{font-weight:bold;background:url(https://holy-yasac.ssl-lolipop.jp/common_images/icon_futaba.gif) no-repeat 0px 2px;border-bottom:1px dashed #d5ceae;margin:0.5em 0 ;padding:7px 0 5px 25px;}
.expl_block dd , .cg_freespace_01 dd , #free dd{background:url(https://holy-yasac.ssl-lolipop.jp/common_images/icon_marus.gif) no-repeat 3px 6px;padding: 7px 3px 3px 25px;margin-bottom:0.5em;}
.expl_block li , .cg_freespace_01 li , #free li{background:url(https://holy-yasac.ssl-lolipop.jp/common_images/icon_tane.gif) no-repeat 3px 6px;padding: 0px 3px 3px 25px;margin-bottom:0.5em;}
/* ************************************************
* 特定商取引法・お支払い方法・配送設定について
* ************************************************ */
#ShopKeeper {width:680px;margin:0 auto 50px;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;}
#ShopKeeper th ,#ShopKeeper td{overflow:hidden;padding:10px;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
#ShopKeeper th {width:180px;}
#ShopKeeper td table th,#ShopKeeper td table td,#ShopKeeper td table {border:none;}
/* ************************************************
* プライバシーポリシー
* ************************************************ */
#PrivacyExplain {margin-bottom:50px;}
.pe_title {padding-top:15px;padding-left:10px;border-top:1px solid #e6e6e6;font-weight:bold;}
.pe_note {margin:5px 5px 20px 30px;}
/* ************************************************
* 商品詳細ページ
* ************************************************ */
.f1{color:#ec5f00;}
/* 全成分テーブル用 */
table.zenseibun {width:95%;margin:auto;}
table.zenseibun th {font-size:90%;font-weight:bold;padding:5px;width:30%;}
table.zenseibun td {padding:5px;font-size:85%;}
table.zenseibun tr.ki th,tr.ki td {background:#fcf9e2;}
/*YouTube最大値指定*/
.youtube {
position:relative;
width: 100%;
max-width: 680px;
margin:auto;
}
.youtube::before {
content: "";
display: block;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.pc_only{
display:inline-block;/*PCだけ表示する*/
}
.sp_only{
display:none;/*スマホは非表示にする*/
}
/*スペックテーブル*/
.spec table{
width:100%;
background:#ccc;
margin-top:10px;
border-top:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
}
.spec table caption{
font-weight:bold;
color:#728229;
padding-bottom:5px;
}
.spec table th{
background:#eee;
font-weight:normal;
padding:5px;
white-space:nowrap;
border-right:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
}
.spec table td{
background:#fff;
padding:5px;
border-right:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
}
/*--ポイント10倍時 下部フローティング--*/
.p10float {
bottom: 5px;
position: fixed;
z-index: 1;
opacity: 0.8;
width:100%;
background:#d60c18;
color:#ffffff;
text-align:center;
padding:0.5em;
}