@charset "utf-8";

/*----------------------------------------------------------
	Reset
----------------------------------------------------------*/
body {
  margin-top: 63px;
}
#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;
	border: 0;
	line-height: 0;
	font-size: 0;
	vertical-align: bottom;
}
#shopContents a {
	display: block;
}
.mainContentsArea p {
	line-height: 1.4;
}
/*----------------------------------------------------------
	Main title images
----------------------------------------------------------*/
#mainImageArea {
	height: 170px;
	background-repeat: no-repeat;
	background-position: top center;
}
/*--goods category--*/
#mainImageArea.goods {
	border-top: solid 4px #FFFA3F;
	border-bottom: solid 4px #FFFA3F;
	background-color: #FFFA3F;
}
/* BG */
/* 2019.08.29 Delete */
/*#mainImageArea.shoppingTit { background-image: url(/shop/shopping/images/common/bg_shoppingtit_m.jpg); }
#mainImageArea.hwiMrktTit  { background-image: url(/shop/shopping/images/hwi_mrkt/common/bg_mainimg_m.jpg); }
#mainImageArea.surfPdTit   { background-image: url(/shop/shopping/images/surf_pd/common/bg_mainimg_m.jpg); }
#mainImageArea.luaNaTit    { background-image: url(/shop/shopping/images/luana/common/bg_mainimg_m.jpg); }
#mainImageArea.yoiChiTit   { background-image: url(/shop/shopping/images/yoichi/common/bg_mainimg_m.jpg); }
#mainImageArea.paNaTit  { background-image: url(/shop/shopping/images/pana/common/bg_mainimg_m.jpg); }
#mainImageArea.moNoTit  { background-image: url(/shop/shopping/images/mono/common/bg_mainimg_m.jpg); }
#mainImageArea.aloHaTit { background-image: url(/shop/shopping/images/aloha_tw/common/bg_mainimg_m.jpg); }
#mainImageArea.cVsTit   { background-image: url(/shop/shopping/images/cvs/common/bg_mainimg_m.jpg); }
#mainImageArea.foodTit    { background-image: url(/shop/shopping/images/common/bg_foodtit_m.jpg); }
#mainImageArea.sweetsTit  { background-image: url(/shop/shopping/images/common/bg_sweetstit_m.jpg); }
#mainImageArea.goodsTit   { background-image: url(/shop/shopping/images/common/bg_goodstit_m.jpg); }
#mainImageArea.apparelTit { background-image: url(/shop/shopping/images/common/bg_appareltit_m.jpg); }
#mainImageArea.hgsTit  { background-image: url(/shop/shopping/images/hgs/common/bg_mainimg_m.jpg); }*/
/* 2019.08.29 Delete // */

/* 2019.08.29 Add */
#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.foodTit    { background-image: url(/shop/shopping/images/common/bg_foodtit_m.jpg); }
#mainImageArea.sweetsTit  { background-image: url(/shop/shopping/images/common/bg_sweetstit_m.jpg); }
#mainImageArea.goodsTit   { background-image: url(/shop/shopping/images/common/bg_goodstit.jpg); }
#mainImageArea.apparelTit { background-image: url(/shop/shopping/images/common/bg_appareltit_m.jpg); }
#mainImageArea.hgsTit  { background-image: url(/shop/shopping/images/hgs/common/bg_mainimg.jpg); }
/* 2019.08.29 Add // */

#mainImageArea p {
	position: relative;
	padding: 14px 0 0 10px;
}
@media all and (orientation:portrait){
	#mainImageArea {
		background-size: cover;
	}
	#mainImageArea p {
		position: relative;
		padding: 12px 0 0 10px;
	}
	#mainImageArea p img {
		position: relative;
		width: auto;
		margin: 0;
		max-height: 130px;
	}
}
@media all and (orientation:portrait) and (max-width: 420px) {
	#mainImageArea p img {
		/*max-width: 300px;*/	/* 2019.08.29 add */
		width: 60%;				/* 2019.08.29 add */
	}

	/* 2019.08.29 Start */
	#mainImageArea.hwiMrktTit p img,
	#mainImageArea.moNoTit p img,
	#mainImageArea.paNaTit p img,
	#mainImageArea.surfPdTit p img
	{
		width: 50%;
		top: -10px !important;
	}
	#mainImageArea.hgsTit p img,
	#mainImageArea.shoppingTit p img
	{
		top: -10px !important;
	}
	/* 2019.08.29  End  */

}
@media all and (orientation:landscape){
	#mainImageArea p {
		position: relative;
		padding: 14px 0 0 10px;
	}
	#mainImageArea p img {
		position: relative;
		margin: -20px 0 0 0;
		width: auto !important;
		height: 140px !important;
		left: 3%;
	}
}
/*----------------------------------------------------------
	Shopcontents common : title
----------------------------------------------------------*/
/*--H1 style--*/
#shopContents .shopInfo h1 span {
	display: block;
	margin-top: 5px;
	line-height: 1.3;
	color: #8A502C;
	font-size: 150%;
}
#shopContents .shopInfo h1 + p {
	margin-top: 20px;
}
#shopContents .shopInfo h1 + p.shopNameEn {
	margin-top: 8px;
}
/*--Article title--*/
#shopContents .articleTit {
	clear: both;
	margin: 30px 0 25px;
	padding: 50px 8px 10px;
	border-top: 1px solid #E3E9EE;
	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.shoppingTop .articleTit {
	margin-top: 30px;
	border-top: 1px solid #E3E9EE;
}
/* bg */
#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); }

/*--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
----------------------------------------------------------*/
/*--Table style--*/
#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;
	border-top: 1px solid #ccc;
}
#shopContents .shopInfo th,
#shopContents .colTwo th {
	width: 34%;
	font-weight: bold;
	text-align: left;
}
/*----------------------------------------------------------
	Shopcontents common : list
----------------------------------------------------------*/
#shopContents .goodsList {
	clear: both;
	margin: 0 10px;
}
#shopContents .goodsList li {
	clear: both;
	display: block;
	width: 100%;
	margin: 0 auto 15px;
}
#shopContents .goodsList a, #shopContents .goodsList a:visited,
#shopContents .colThree a, #shopContents .colThree a:visited {
	text-decoration: none;
}
#shopContents .goodsList a:hover, #shopContents .goodsList a:active,
#shopContents .colThree a:hover, #shopContents .colThree a:active {
	text-decoration: underline;
}
#shopContents .goodsList p + p {
	margin-top: 5px;
}
#shopContents .goodsList .goodsPic,
#shopContents .colThree .goodsPic, #shopContents .colThree .goodsPrice {
	text-align: center;
}
/*----------------------------------------------------------
	Shopcontents common : others
----------------------------------------------------------*/
/* Attention note */
.attention {
	clear: both;
	margin: 20px 0;
	padding: 10px;
	background: #F7F7F7;
	font-size: 93%;
}
/*----------------------------------------------------------
	Shopping index
----------------------------------------------------------*/
/*--Clearfix--*/
.topShopList > li:after,
.topShopList > li a:after {
	content : '';
	display : block;
	clear : both;
	height: 0;
}
/*--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--*/
#shopContents .contentsNav {
	display: none;
}
#shopContents .contentsNav li {
	float: left;
	width: 49%;
	margin-left: 2%;
}
#shopContents .contentsNav li a {
	display: block;
	padding: 10px 10px 10px 35px;
	border-radius: 5px;
	background-image: url(/shop/shopping/images/top/ico_contnav_m.png);
	background-size: 11px 7px;
	background-position: 15px 50%;
	background-repeat: no-repeat;
	color: #fff;
	text-decoration: none;
}
#shopContents #contents1, #shopContents #contents3 { margin-left: 0; }
#shopContents #contents3 { clear: left; }
#shopContents #contents3, #shopContents #contents4 { margin-top: 6px; }
#shopContents #contents1 a { background-color: #E0A842; }
#shopContents #contents2 a { background-color: #E57274; }
#shopContents #contents3 a { background-color: #7DBE53; }
#shopContents #contents4 a { background-color: #43AFA0; }

/*--Shop list--*/
#shopContents .topShopList li a {
	clear: both;
	margin: 5px 4px;
	padding: 9px;
	border: 1px solid #894C1F;
	border-radius: 5px;
}
#shopContents .topShopList .shopPic {
	float: left;
	width: 48%;
}
#shopContents .topShopList h3 {
	float: right;
	width: 48%;
	margin: 0;
	padding: 0;
	background: none;
	font-size: 100%;
	font-weight: normal;
}
#shopContents .topShopList h3 span {
	display: block;
	font-size: 146.5%;
	font-weight: bold;
}
#shopContents .txtContent {
	display: none;
}
#shopContents #hgs a { border-color: #D25943; }
#shopContents #surfPd a { border-color: #449575; }
#shopContents #luana a { border-color: #598733; }
#shopContents #yoichi a { border-color: #69635E; }
#shopContents #pana a { border-color: #C7702F; }
#shopContents #monolith a { border-color: #66723B; }
#shopContents #pupulani a { border-color: #469BBC; }
#shopContents #mahalo a { border-color: #469BBC; }
#shopContents #konikoni a { border-color: #469BBC; }
#shopContents #mahimahi a { border-color: #D68B2F; }
#shopContents #mirus a { border-color: #D68B2F; }
#shopContents #ohana a { border-color: #D68B2F; }
/* Title color */
#shopContents #surfPd h3 { color: #449575; }
#shopContents #luana h3 { color: #598733; }
#shopContents #yoichi h3 { color: #69635E; }
#shopContents #pana h3 { color: #C7702F; }
#shopContents #monolith h3 { color: #66723B; }
#shopContents #pupulani h3 { color: #469BBC; }
#shopContents #mahalo h3 { color: #469BBC; }
#shopContents #konikoni h3 { color: #469BBC; }
#shopContents #mahimahi h3 { color: #D68B2F; }
#shopContents #mirus h3 { color: #D68B2F; }
#shopContents #ohana h3 { color: #D68B2F; }

/*----------------------------------------------------------
	Shop, souvenir page
----------------------------------------------------------*/
/*--Shop info--*/
#shopContents .shopInfo p {
	margin: 10px 8px;
}
#shopContents .shopNameEn {
	margin-bottom: 20px;
}
@media all and (orientation:landscape){
#shopContents .shopNameEn {
	max-width: 160px;
}
}
/*--Goods list--*/
#shopContents .goodsList .goodsPic {
	margin-bottom: 10px;
}
#shopContents .goodsList .goodsPrice {
	color: #8C7111;
}
/*--2017.3.24 追加--*/
#shopContents .goodsList .goodsName {
	margin: 10px 0;
	padding-left: 10px;
	border-left: 4px solid #fffa3f;
	font-weight: bold;
	font-size: 116%;
}
/*--Shop map--*/
.mapContents {
	clear: both;
	margin: 30px 0 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: 5px 5px;
	background: #D9C5A9;
}
.mapContents .shopList + .shopList {
	margin-top: -5px;
	padding: 0 5px 5px;
}
.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;
}
.mapContents .shopList + .shopList li:first-child,
.mapContents .shopList li + li {
	border-top: 1px solid #85664F;
}

@media screen and (min-width: 641px) {
	#mainImageArea {
		height: 333px;
		background-repeat: no-repeat;
		background-position: top center;
	}
	/* TOP */
	#mainImageArea.shoppingTit {
		height: 373px;
	}
  #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.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); }
	#mainImageArea {
		background-size: cover !important;
	}
	/* POSITION */
	#mainImageArea p {
		top: 12px;
		left: 12px;
	}
	#mainImageArea.shoppingTit p { top: 32px; }
	#mainImageArea.luaNaTit p,
	#mainImageArea.yoiChiTit p,
	#mainImageArea.aloHaTit p { top: 36px; }
	#mainImageArea p img {
		width: auto !important;
		height: auto !important;
		max-height: none;
	}
}
@media all and (orientation:landscape){
	#mainImageArea p {
		position: relative;
		padding: 14px 0 0 10px;
	}
	#mainImageArea p img {
		position: relative;
		margin: -20px 0 0 0;
		width: auto !important;
		height: 140px !important;
		left: 3%;
	}
}
/*----------------------------------------------------------
	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: 10px 20px 20px;
	border: 10px solid #F6F5F2;
	background: #fff;
}
.brandInfo .brandLogo {
	width: 237px;
	text-align: center;
}
.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;
}
.brandConcept span {
	display: block;
}


/* add 2018/1/12 begin */
/*-------------------------------------
	Luana
-------------------------------------*/
.Ebeni_area{
	border-top:2px solid #CCC;
	border-bottom:2px solid #CCC;
	margin-top:20px;
}

/* add 2018/1/12 end   */


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