@charset "utf-8";

/*----------------------------------------------------------
	Reset
----------------------------------------------------------*/
#shopContents ul, #shopContents ol {
	list-style: none;
}
#shopContents table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 100%;
}
#shopContents img {
	max-width: 100%;
	width: 100%;
	height: auto;
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
	border: 0;
	-ms-interpolation-mode: bicubic; /* for ie7,8 */
}
/*----------------------------------------------------------
	Main title images : shops
----------------------------------------------------------*/
#mainImageArea {
	height: 333px;
	background-repeat: no-repeat;
	background-position: top center;
}
/* TOP */
#mainImageArea.shoppingTit {
	height: 373px;
}
/*--goods category--*/
#mainImageArea.goods {
	border-top: solid 4px #FFFA3F;
	border-bottom: solid 4px #FFFA3F;
	background-color: #FFFA3F;
}
/* BG */
#mainImageArea.shoppingTit { background-image: url(/shop/shopping/images/common/bg_shoppingtit.jpg); }
#mainImageArea.hwiMrktTit  { background-image: url(/shop/shopping/images/hwi_mrkt/common/bg_mainimg.jpg); }
#mainImageArea.surfPdTit   { background-image: url(/shop/shopping/images/surf_pd/common/bg_mainimg.jpg); }
#mainImageArea.luaNaTit    { background-image: url(/shop/shopping/images/luana/common/bg_mainimg.jpg); }
#mainImageArea.yoiChiTit   { background-image: url(/shop/shopping/images/yoichi/common/bg_mainimg.jpg); }
#mainImageArea.paNaTit  { background-image: url(/shop/shopping/images/pana/common/bg_mainimg.jpg); }
#mainImageArea.moNoTit  { background-image: url(/shop/shopping/images/mono/common/bg_mainimg.jpg); }
#mainImageArea.aloHaTit { background-image: url(/shop/shopping/images/aloha_tw/common/bg_mainimg.jpg); }
#mainImageArea.cVsTit   { background-image: url(/shop/shopping/images/cvs/common/bg_mainimg.jpg); }
#mainImageArea.hgsTit  { background-image: url(/shop/shopping/images/hgs/common/bg_mainimg.jpg); }
/* POSITION */
#mainImageArea p {
	top: 22px;
	left: 12px;
}
#mainImageArea.shoppingTit p { top: 52px; }
#mainImageArea.luaNaTit p,
#mainImageArea.yoiChiTit p,
#mainImageArea.aloHaTit p { top: 56px; }
#mainImageArea.hgsTit p  { top: 35px; }
/*--Goods category--*/
#mainImageArea.foodTit    { background-image: url(/shop/shopping/images/common/bg_foodtit.jpg); }
#mainImageArea.sweetsTit  { background-image: url(/shop/shopping/images/common/bg_sweetstit.jpg); }
#mainImageArea.goodsTit   { background-image: url(/shop/shopping/images/common/bg_goodstit.jpg); }
#mainImageArea.apparelTit { background-image: url(/shop/shopping/images/common/bg_appareltit.jpg); }

/*----------------------------------------------------------
	Shopcontents common : title
----------------------------------------------------------*/
/*--H1 style--*/
#shopContents .shopInfo h1 span {
	display: block;
	margin-top: 5px;
	color: #8A502C;
	font-size: 150%;
	font-weight: bold;
}
#shopContents .flexslider + p {
	margin-top: 15px;
}
#shopContents h1 .shopNameEn {
	width: 320px;
	margin-top: 3px;
}
/*--Article title--*/
#shopContents .articleTit {
	clear: both;
	margin: 0 0 25px;
	padding: 56px 5px 17px 8px;
	border-bottom: 4px solid #FFFA3F;
	background: url(/shop/shopping/images/common/bg_tit02_recom.png) no-repeat 0 0;
	font-size: 138.5%;
	font-weight: bold;
}
#shopContents .newGoodsTit { background-image: url(/shop/shopping/images/common/bg_tit01_new.png); }
#shopContents .recomGoodsTit { background-image: url(/shop/shopping/images/common/bg_tit02_recom.png); }
#shopContents .spTit { background-image: url(/shop/shopping/images/common/bg_tit03_sp.png); }
#shopContents .shopInfoTit { background-image: url(/shop/shopping/images/common/bg_tit04_shops.png); }
#shopContents.shoppingTop .articleTit {
	margin-top: 60px;
	border-top: 1px solid #E3E9EE;
}
#shopContents.shoppingTop .newGoodsTit {
	margin-top: 20px;
}
/*--Sub title--*/
#shopContents .subTit {
	clear: both;
	margin: 30px 0 18px;
	padding: 10px 20px;
	background: #F6F5F2 url(/shop/shopping/images/common/bg_tit_yellowline.png) no-repeat left center;
	color: #333;
	font-size: 116%;
	font-weight: bold;
}
/*----------------------------------------------------------
	Shopcontents common : table
----------------------------------------------------------*/
#shopContents .shopInfo table,
#shopContents .colTwo table {
	margin-top: 20px;
	border-bottom: 2px solid #ccc;
}
#shopContents .shopInfo tr:first-child th, #shopContents .shopInfo tr:first-child td,
#shopContents .colTwo tr:first-child th, #shopContents .colTwo tr:first-child td {
	border-top: 2px solid #ccc;
}
#shopContents .shopInfo th, #shopContents .shopInfo td,
#shopContents .colTwo th, #shopContents .colTwo td {
	padding: 10px 15px;
	border-top: 1px solid #ccc;
}
#shopContents .shopInfo th,
#shopContents .colTwo th {
	width: 34%;
	font-weight: bold;
	text-align: left;
}
#shopContents .shopInfo th {
	width: 24%;
}
/*----------------------------------------------------------
	Shopcontents common : list
----------------------------------------------------------*/
#shopContents .goodsList,
#shopContents .colThree {
	clear: both;
}
#shopContents .goodsList + .goodsList,
#shopContents .colThree + .colThree {
	margin-top: 30px;
}
#shopContents .goodsList li,
#shopContents .colThree li {
	float: left;
	width: 29.577464788%;
	margin-left: 5.633802816%;
}
#shopContents .goodsList li,
#shopContents .colThree li {
	float: left;
	width: 31.549295774%;
	margin-left: 2.63888888%;
}
#shopContents .goodsList li:first-child,
#shopContents .colThree li:first-child {
	margin-left: 0;
}
#shopContents .goodsList a, #shopContents .goodsList a:visited,
#shopContents .colThree a, #shopContents .colThree a:visited {
	text-decoration: none;
	cursor: pointer;
}
#shopContents .goodsList a:hover, #shopContents .goodsList a:active,
#shopContents .colThree a:hover, #shopContents .colThree a:active {
	text-decoration: underline;
}
#shopContents .goodsList p + p,
#shopContents .colThree p + p {
	margin-top: 5px;
}
#shopContents .goodsList .goodsPic,
#shopContents .colThree .goodsPic, #shopContents .colThree .goodsPrice {
	text-align: center;
}
/*----------------------------------------------------------
	Shopcontents common : others
----------------------------------------------------------*/
/* Fade link */
#shopContents .goodsList a:hover img,
.fadeLink:hover img,
#shopContents .topShopList a:hover img,
#shopContents .topShopList a:hover .shopLink,
#shopContents .topShopList .shopLink a:hover {
	opacity: 0.8;
	filter: alpha(=80);
}
/* Attention note */
.attention {
	clear: both;
	margin: 20px 0;
	padding: 10px;
	background: #F7F7F7;
	text-align: right;
}
/*----------------------------------------------------------
	Shopping index
----------------------------------------------------------*/
/*--Clearfix--*/
.topShopList > li:after {
	content : '';
	display : block;
	clear : both;
	height: 0;
}
.topShopList > li {
	*zoom: 1;
}
/*--Contents explanation--*/
#shopContents .contentsExp {
	margin: 20px 0;
	padding: 4px;
}
#shopContents .contentsExp, #shopContents .contentsExp p {
	border: 1px solid #DBDBD1;
}
#shopContents .contentsExp p {
	padding: 10px 15px;
}
/*--Contents nav-- 2017.2.28 項目数4から3へ変更*/
#shopContents .contentsNav li {
	float: left;
	width: 32.394366197%;
	margin-left: 1.408450704%;
	border-radius: 5px;
	cursor: pointer;
}
#shopContents .contentsNav li a {
	display: block;
	padding: 10px 10px 12px 35px;
	background-image: url(/shop/shopping/images/top/ico_contnav.png);
	background-position: 15px 22px;
	background-repeat: no-repeat;
	color: #fff;
	text-decoration: none;
}
#shopContents .contentsNav li a {
	padding-top: 1.3em;
}
#shopContents #contents1 { margin-left: 0; }
#shopContents #contents1 { background-color: #E0A842; }
#shopContents #contents2 { margin-left: 0; }
#shopContents #contents2 { background-color: #E57274; }
#shopContents #contents3 { background-color: #7DBE53; }
#shopContents #contents4 { background-color: #43AFA0; }

/*--Shop list--*/
#shopContents .topShopList h3 {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0 0 0 56px;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 100%;
	font-weight: normal;
}
#shopContents .topShopList h3 span {
	display: block;
	font-size: 153.9%;
	font-weight: bold;
}
#shopContents .shopPic {
	margin-bottom: 4px;
}
#shopContents #hwiMrkt h3  { background-image: url(/shop/shopping/images/top/ico_no1.png); }
#shopContents #hgs h3      { background-image: url(/shop/shopping/images/top/ico_no1_2.png); }
#shopContents #surfPd h3   { background-image: url(/shop/shopping/images/top/ico_no2.png); }
#shopContents #luana h3    { background-image: url(/shop/shopping/images/top/ico_no3.png); }
#shopContents #yoichi h3   { background-image: url(/shop/shopping/images/top/ico_no4.png); }
#shopContents #pana h3     { background-image: url(/shop/shopping/images/top/ico_no5.png); }
#shopContents #monolith h3 { background-image: url(/shop/shopping/images/top/ico_no6.png); }
#shopContents #pupulani h3 { background-image: url(/shop/shopping/images/top/ico_no7.png); }
#shopContents #mahalo h3   { background-image: url(/shop/shopping/images/top/ico_no8.png); }
#shopContents #konikoni h3 { background-image: url(/shop/shopping/images/top/ico_no9.png); }
#shopContents #mirus h3    { background-image: url(/shop/shopping/images/top/ico_no10.png); }
#shopContents #ohana h3    { background-image: url(/shop/shopping/images/top/ico_no11.png); }

/*--Two column--*/
#shopContents .colTwo li {
	clear: both;
}
#shopContents .colTwo li + li {
	margin-top: 40px;
}
#shopContents .colTwo .shopPic {
	float: left;
	width: 47.183098591%;
}
#shopContents .colTwo .txtContent {
	float: right;
	width: 47.183098591%;
}
/*--Three column--*/
#shopContents .colThree .shopBhours span {
	display: inline-block;
	margin-right: 5px;
	padding: 5px;
	border: 1px solid #ccc;
}
#shopContents .colThree .shopBhours b {
	color: #f60;
}
/*--Shop link--*/
#shopContents .colTwo .shopLink,
#shopContents .colThree .shopLink {
	display: inline-block;
	float: right;
	margin-top: 15px;
	padding: 5px 10px 5px 28px;
	border: 5px solid #D6C0A8;
	background-image: url(/shop/shopping/images/top/ico_linkbtn.png);
	background-color: #894C1F;
	background-repeat: no-repeat;
	background-position: 12px 50%;
	color: #fff;
}
#shopContents .colTwo a, #shopContents .colTwo a:hover,
#shopContents .colThree a, #shopContents .colThree a:hover {
	text-decoration: none;
}
#shopContents #hgs .shopLink { background-color: #D25943; border-color: #E2C0BB; }
#shopContents #surfPd .shopLink { background-color: #449575; border-color: #C9E5D9; }
#shopContents #luana .shopLink { background-color: #598733; border-color: #C5DAB2; }
#shopContents #yoichi .shopLink { background-color: #69635E; border-color: #ccc; }
#shopContents #pana .shopLink { background-color: #C7702F; border-color: #E9C99E; }
#shopContents #monolith .shopLink { background-color: #66723B; border-color: #C3CEA4; }
#shopContents #pupulani .shopLink { background-color: #469BBC; border: none; }
#shopContents #mahalo .shopLink { background-color: #469BBC; border: none; }
#shopContents #konikoni .shopLink { background-color: #469BBC; border: none; }
#shopContents #mahimahi .shopLink { background-color: #D68B2F; border: none; }
#shopContents #mirus .shopLink { background-color: #D68B2F; border: none; }
#shopContents #ohana .shopLink { background-color: #D68B2F; border: none; }

/*----------------------------------------------------------
	Shop, souvenir page
----------------------------------------------------------*/
/*--Goods list--*/
/*--2017.3.24 変更--*/
#shopContents .goodsList .goodsPic {
	margin-bottom: 10px;
}
#shopContents .goodsList .goodsPrice {
	margin-top: 4px;
	color: #8C7111;
}
/*--2017.3.24 追加--*/
#shopContents .goodsList .goodsName {
	margin: 10px 0;
	padding-left: 10px;
	border-left: 4px solid #fffa3f;
	font-weight: bold;
}
#shopContents .goodsList .goodsTxt {
	font-size: 14px;
	font-size: 1.4rem;
}
/*--Shop map--*/
.mapContents {
	clear: both;
	margin: 30px 0;
}
.pdfMapBtn {
	display: block;
	float: right;
	margin-bottom: 10px;
	padding: 6px 32px 6px 12px;
	border: 1px solid #E2D9CB;
	border-radius: 5px;
	background: #E8DDCD url(/shop/shopping/images/common/ico_pdf.png) no-repeat 97% 50%;
	color: #4B463A;
}
.pdfMapBtn, .pdfMapBtn:visited {
	text-decoration: none !important;
}
.pdfMapBtn:hover {
	border-color: #E8DFD3;
	background-color: #EDE4D7;
}
.mapContents .shopList {
	padding: 12px 14px;
	background: #D9C5A9;
}
.mapContents .shopList + .shopList {
	margin-top: -7px;
	padding: 0 14px 12px;
}
.mapContents .shopList li {
	float: left;
	width: 32.84457478%;
	margin-left: 0.733137829%;
}
.mapContents .shopList li:first-child {
	margin-left: 0;
}
.mapContents .shopList li a {
	display: block;
	padding: 10px 10px 10px 37px;
	background: #fff url(/shop/shopping/images/common/bg_shoplist_btn.gif) no-repeat left center;
	text-decoration: none;
}
.mapContents .shopList li a:hover {
	background-image: url(/shop/shopping/images/common/bg_shoplist_btn_on.gif);
	color: #A37D68;
}
/*----------------------------------------------------------
	Hawaiians Hula Girl shop
----------------------------------------------------------*/
.news {
	margin: 20px 0;
}
.news p + p, .brandInfo p + p {
	margin-top: 1em;
}
.mainContentsArea .newsTit {
	margin-bottom: 14px;
	font-size: 150%;
	font-weight: bold;
}
.mainContentsArea .brandInfo {
	margin: 20px 0;
	padding: 12px 40px 22px 28px;
	border: 10px solid #F6F5F2;
	background: #fff;
}
.brandInfo .brandLogo {
	float: right;
	width: 237px;
	margin: -7px 0 15px 40px;
}
.mainContentsArea .brandInfoTit2, .mainContentsArea .brandInfoTit3 {
	margin: 20px 0 10px;
	font-size: 130%;
	font-weight: bold;
}
.mainContentsArea .brandInfoTit3 {
	padding-left: 10px;
	border-left: 3px solid #333;
}
.mainContentsArea .brandConcept {
	margin: 20px 0 10px;
	color: #EE81A1;
	font-size: 130%;
	font-weight: bold;
}

/* add 2017/12/19 begin */
.Anchorlink_area {
	margin-top: -65px!important;
	padding-top: 65px!important;
}

a.Anchorlink_area {
	margin-top: -65px!important;
	padding-top: 65px!important;
	overflow: visible!important;
	display: block;
}
/* add 2017/12/19 end   */



/* add 2018/1/12 begin */

/*-------------------------------------
	Luana
-------------------------------------*/
.Ebeni_area{
	padding:10px 0px;
	border-top:2px solid #CCC;
	margin-top:10px;
}

/* add 2018/1/12 end   */


/* 2020.06.22 add */
.shop_infoArea p {
	text-align: center;
	font-weight: bold;
	font-size: 1.6rem;
}
/* 2020.06.22 end */