@charset "utf-8";

/************************************************
 山田ワークス　カスタマイズ分
************************************************ */

/* ==============================================
▼全ページ
=============================================== */
body{
	background-image:url('../img/background/c255ea2a.png') !important;
}

body{
	font-size:1.5em;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
}

body h2{
	color:#dcaa47;
}

body h3{
	color:#dcaa47;
}

body h4{
	color:#fcca67;
}

body .btn-link{
	color:#0d5682;
}

/* 2018.6.23 フォーム表示不具合改善*/

body form .attention, body .alert .attention{
	color:#ff00ff;
	font-weight:bold;
}

body .alert-info{
	background-color:#0d5682;
}

body .form-control{
	color:white;
}



body p, body th, body td, body div{
	color:white;
}
body a,body a:hover{
	color:#c69c6d;
}

body #windowcolumn{
	background: linear-gradient(#912223, #242020);
	background-image:url('../img/background/c255ea2a.png');
}

body .frame_outer{
	background: linear-gradient(#912223, #242020);
	background-image:url('../img/background/c255ea2a.png');
}

pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* ヘッダー ----------------------------------------- */
body #header_wrap{
	position:relative;
}

body #header_right_shadow{
	position:absolute;
	right:0;
	top:0;
	height:120.5px;
	width:420px;
	background: -moz-linear-gradient(right, white 85%, transparent);
	background: -webkit-linear-gradient(right, white 85%, transparent);
	background: linear-gradient(to left, white 85%, transparent);
}

body .navbar-default .navbar-nav > li > a{
	color:#430c0d;
}

body .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{
	color:#911b1c;
}

body #header .dropdown > a{
	padding:20.5px 15px 20.5px 0px;
}

/* yamworks 2016.2.29 start */
 .leadtext {
	  float:left;
	  font-family:"メイリオ", "HGMaruGothicMPRO", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	  font-size: 16px
 }

 a.navbar-brand {
	  padding-top:5px
 }
 /* yamworks 2016.2.29 end */

 body .navbar-toggle{
 	margin:25px 15px 25px 0px;
 }

 body .navbar{
 	min-height:85px;
 }

 body #mobile-nav .navbar{
 	background: linear-gradient(60deg, #fcca67, #bc8a27);
 }

 body #mobile-nav .navbar-nav > li > a{
 	color:black;
 }

body #mobile-nav .navbar-nav > li > a:hover{
	color:gray;
}

 #header_wrap{
  margin-bottom:0px
 }

 body #header_wrap{
	background: linear-gradient(#912223, #040000);
	background-image:url('../img/background/d8e716bb.png');
 }

 #header #header-search{
   color:white
 }

#header .btn{
   color:black
}

h1 .navbar-brand{font-size:24px;}

.navbar-form .input-group > #header-search{width:200px}

body .navbar-nav li .dropdown-menu{
	background-image:url('../img/background/d8e716bb.png');
}

body #header .navbar-right li > table{
	margin:20px 20px 20px 10px;
}

body #top_banner a img{
	margin-bottom:23px;
}

body .navbar-right .navbar-right-text{
	margin-bottom:32px;
}

body .dropdown-menu li a{
	color:#c69c6d;
}

body .dropdown-menu{
	background-image:url('../img/background/d8e716bb.png');
}

body .navbar-default .navbar-nav > .open > a,
body .navbar-default .navbar-nav > .open > a:focus,
body .navbar-default .navbar-nav > .open > a:hover{
	background-color:transparent;
}
/*body .open .dropdown-toggle{
	background-image:url('../img/background/d8e716bb.png');
	background-color:transparent;
}
*/
/* パネル ----------------------------------------- */

body .panel{
	background:transparent;
}

body .panel .panel-heading{
	color:black;
	margin-bottom:0;
	background: linear-gradient(60deg, #fcca67, #bc8a27);
	/*background-image:url('../img/background/10b582e2.png');*/
}

.panel-body a{
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif
}



body .panel .panel-body h4{
	color:white;
	padding-left:5px;
	border-left:solid #c69c6d 3px;
	border-bottom:solid #c69c6d 1px;
}

body .panel .panel-body input, body .panel .panel-body select{
	background:rgba(255,255,255,0.5);
	color:black;
}

body .panel .panel-body{
	background:rgba(0,0,0,0.4);
	color:white;
}

/* ナビゲーション ----------------------------------------- */

body .list-group-item{
	color:black;
	background-image:url('../img/background/10b582e2.png');
}

body .list-group-item:hover{
	color:black;
	font-weight:bold;
	background: linear-gradient(60deg, #fcca67, #bc8a27);
}

body .nav-pills li.active a.onlink{
	color:black;
	background: linear-gradient(60deg, #fcca67, #bc8a27);
}

body .nav-pills li.active a.onlink:hover{
	color:white;
}

body .nav a.onlink .badge{
	color:white;
	background: linear-gradient(60deg, #404040, #000000);
}


body .nav .badge{
	color:black;
	background: linear-gradient(60deg, #fcca67, #bc8a27);
}

body .nav-pills li a:hover{
	color:black;
	background: linear-gradient(60deg, #fcca67, #bc8a27);
}

body .list-group-item img{
	border-radius:10px;
}

a#english{background-color:#ffe0b2}

/* 商品カテゴリーブロック ----------------------------------------- */
body #category_area ul.nav-pills li a{
	font-size:0.9em;
}

/* 買い物かご ----------------------------------------- */

.list-group-item a{
	color:black;
}

body #filter_brand #label_brand{
	font-size:0.8em;
}

/*パンくずリスト ----------------------------------------- */
body div.breadcrumb{
	margin-top:23px;
	padding-left:10px;
}

body .breadcrumb{
	background-color:#c05555;
	color:white;
}

body .breadcrumb a{
	color:#fcca67;
}


/* ==============================================
▼TOP
=============================================== */
/* メインイメージ
----------------------------------------------- */

div.block_outer #plgMainImage{
	margin-left: 0;
	padding-left: 0;
}

#plgMainImage li {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

/* yamworks start 2016.1.29 */
/* ロールオーバー画像 */
 div#over_image_box {
 clear:both;
 margin-top:5px;
 margin-bottom:20px;
 padding-top:25px;
 background:url(../img/background/sonota_image.png) no-repeat top center;
 }
 div.over_image {
 float:left;
 }
 div.over_image img {
 border:#ddd 2px solid;
 margin:0 1px;
 }
 div.over_image img:hover {
 border: #F60 2px solid;
 }

div#over_image_box div#dummy {
 height:5px;
 background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
 margin-right:5px;
 }

  .cycle-slideshow {
  margin-bottom:20px
 }

/* jQuery Cycle2 Main Image */
#main_image_box{
	position:	relative
}

#cycle-description{
	position:	absolute;
	top:		500px;
	left:		0px;
	width:		500px;
	background-color:
				rgba(0,0,0,0.5);
	z-index:	200;
	opacity:	0
}

#desc-title{
	color:		white;
	margin-left:20px;

	font-weight:strong;
	text-decoration:
				underline
}

#desc-text{
	color:white;

	margin-left:20px
}

/* 検索ブロック ----------------------------------------- */
 li.filter {
  border-radius:5px
 }

body .filter_list .filter{
	border-color:#c69c6d;
}

body .filter_list .filter label{
	color:#c69c6d;
}

body .form-control:placeholder-shown{
	color:white;
}
body .form-control::webkit-input-placeholder{
	color:white;
}
body .form-control:-moz-placeholder{
	color:white;
	opacity:1;
}
body .form-control::-moz-placeholder{
	color:white;
	opacity:1;
}
body .form-control:ms-input-placeholder{
	color:white;
}

body .btn-default{
	color:black;
	background-color:rgba(255,255,255,0.5);
}

body .btn-default.active{
	color:black;
}

body .thumbnail{
	background-color:rgba(0,0,0,0.5);
}

body .list-group .active{
	background: linear-gradient(60deg, #fcca67, #bc8a27);
	border-color:white;
}

body .enabledfilter{
	color:black;
	background-color: #ffea87;
}

/* その他の検索項目　表記が見にくいとのことで白に変更 */
body #customsearch_area .btn-link{
	color:white;
}

body .panel #cart_panel{
	background:rgba(255,255,255,0.7);
}

body .panel #cart_panel p,body .panel #cart_panel a{
	color:#333333;
}

/* 地域マップ　ブロック ----------------------------------------- */
img#region_map{
	height: auto;
	max-width: 100%
}

/* おすすめ商品ブロック ----------------------------------------- */
body #recommend_area .thumbnail{
	color:white;
	background-image:url('../img/background/d8e716bb.png');
}

body p.recommend-price, body p.recommend-price .price{
	color:#7ac943;
	overflow:visible;
}

body #newproduct_area div.product_item > a.thumbnail{
	height:420px;
}

/* ==============================================
▼商品一覧ページ
=============================================== */
.LC_Page_Products_List #main_column .thumbnail h3{
	color:#dcaa47;
	border-style:none;
}


/* 商品リスト 背景色 */
body #product-list-wrap div.list_area{
	background-color:transparent;
	border-color:#fcca67;
}

body #product-list-wrap div.list_area a.thumbnail{
	background-color:rgba(0,0,0,0.5);
	border-color:#fcca67;
}

/* 商品一覧ラベル */
body .label-primary{
	color:black;
	background-color:#fcca67;
}

body .label-success{
	/*background-color:#bc8a27;*/
	background-color:#3D5C2C;
}

body .label-info{
	background-color:#0d5682;
}

body .label-danger{
	background-color:#9b1315;
}

body .thumbnail{
	line-height:1;
}

/* ==============================================
▼商品詳細ページ
=============================================== */

body.LC_Page_Products_Detail #main_column .panel .panel-body{
	background-color:white;
}

/* 商品詳細画面　白背景 */
body.LC_Page_Products_Detail #main_column{
	background-color:white;
	color:#333333;
}

body.LC_Page_Products_Detail #main_column .thumbnail{
	background-color:#eeeeee;
	color:#c69c6d;
}

body.LC_Page_Products_Detail #main_column #detailrightbloc-wrap{
	padding-top:9px;
}

body.LC_Page_Products_Detail #main_column p,
body.LC_Page_Products_Detail #main_column th,
body.LC_Page_Products_Detail #main_column td,
body.LC_Page_Products_Detail #main_column div{
	color:#333333;
}

body.LC_Page_Products_Detail #main_column .panel-body h3,
body.LC_Page_Products_Detail #mypagecolumn h3{
	color:#dcaa47;
}



#detailrightbloc h2 {
 margin: 0 0 10px 0;
 padding: 0 0 15px 0;
 color: #666;
 background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
 font-weight: bold;
 font-size: 160%;
 }

 #detailrightbloc .point,
 #detailrightbloc .relative_cat,
 #detailrightbloc .stock {
 margin: 0 0 10px 0;
 padding: 0 0 10px 0;
 background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
 }

 #detailrightbloc .main_comment {
 margin-bottom: 20px;
 }

 #sale_price_notax {
  font-size: 160%
 }

 #sale_price_inctax {
  font-size:100%;
  color:gray
 }


/*
body #detailarea table{
	color:white;
}

body #detailarea table .text-info{
	color:#fcca67;
	font-weight:normal;
}

body #detailarea table tr:nth-child(odd){
	background-color:#c05555;
}

body #detailarea table tr:hover{
	color:black;
	background-color:#ffc0c0;
}

body #detailarea table tr:hover th,body #detailarea table tr:hover td{
	color:black;
}

body #detail-warp h2{
	color:#fcca67;
}
*/

body #detail-warp{
	back
	color:black;
}
body #spec-sheets{
	margin-bottom:30px;
}

body #main_column .panel-body h3, body #mypagecolumn h3{
	color:white;
	font-size:18px;
	line-height:20px;
	border-bottom:1px solid #fcca67;
}
/* 商品サムネイル拡大位置範囲表示がずれる問題の対策 */
body #detailphotobloc .picture{
	padding:0px;
	border:0px;
}
body #detailphotobloc .photo{
	border:1px;
	border-color:#c0c0c0;
	border-radius:5px;
	padding:9px;
	background-color:white;
}



#spec-sheets{
	font-size:1.2em;
}

.whisky-brand{
	font-size:1.5em;
}


/* ==============================================
▼お問い合わせ
=============================================== */
/* 必須項目を示す※の表記が見にくい、パネルの背景を黒に */
.LC_Page_Contact .alert-info{
	background-color:rgba(0,0,0,0.5);
}

/* ==============================================
▼特定商取引法に基づく表記
=============================================== */

ol.paymentlist{
	list-style-type: lower-alpha
}

ol.paymentlist li{
	margin-bottom:20px;
}

dl.accountlist dt{
	font-size: 1.2em;
	padding-left:20px;
	/* color:#c69c6d;*/
}

dl.accountlist dt.ufj{
	background-color:white;
	color:#d71518;
}

dl.accountlist dt.mitsui{
	background-color:#a8d435;
	color:#004831;
}

dl.accountlist dt.mizuho{
	background-color:white;
	color:#000066;
}


dl.accountlist dt.yucho{
	background-color:#009900;
	color:white;
}

dl.accountlist dt.japannet{
	background-color:white;
	color:#1a3694;
}

dl.accountlist dt.rakuten{
	background-color:#bf0000;
	color:white;
}

dl.accountlist dd{
	font-size: 1.2em;
	color:white;
	padding-left:20px;
	margin-bottom:20px;
}



/* ==============================================
▼ご利用規約
=============================================== */
body pre{
	background-color:rgba(245,245,245,0.7);
}

body #undercolumn_entry .jumbotron{
	background-color:rgba(245,245,245,0.7);
}

.LC_Page_Entry_Kiyaku #undercolumn_entry .alert-warning{
	color:red;
	font-weight:bold;
}

/* ==============================================
▼プライバシーポリシー
=============================================== */
.LC_Page_Guide_Privacy h3{
	color:rgb(10,10,10);
	background-color:rgba(245,245,245,0.5);
	border-radius:5px;
	padding:5px;
}

/* ==============================================
▼ログインページ
=============================================== */
body #undercolumn_login h3{
	color:#dcaa47;
}

body #undercolumn_login .jumbotron{
	background-color:rgba(0,0,0,0.3);
}

body .btn-primary{
	background-color:#0d5682;
}

body .btn-danger{
	background-color:#9b1315;
}

/* ==============================================
▼ご利用案内ブロック sitenavigation.tpl
=============================================== */

body #bloc_sitenavi ol{
	padding-left:20px;
	font-size:12px;
	line-height:1.3;
}

body #bloc_sitenavi ol li{
	margin-bottom:10px;
}

body #bloc_sitenavi ol li ol{
	list-style-type:decimal-leading-zero;
}

#bloc_sitenavi ul{
	list-style:none;
	margin-left:0;
	padding-left:0;
}

#bloc_sitenavi ul li{
	padding:5px;
}

#bloc_sitenavi #paymentimg {
	margin-bottom:10px;
}

#bloc_sitenavi th,#bloc_sitenavi td{
	padding:10px;
}

#bloc_sitenavi #shopname{
	font-weight:bold;
	font-size:15px;
}

#bloc_sitenavi p{
	font-size:14px;
}