@charset "Shift_JIS";
@import url(/css/reset.css);
@import url(/css/navi.css);

/* --- 全体の背景 --- */
html{
	/*background:#412E1F url(/img/pageback.png) center top repeat-y;*/
	background:#261b12 url(/img/pageback.png) center top repeat-y;
}

/* --- 全体のテキスト --- */
body{
	margin:0; padding:0;
	color:#3F2C1B;
	font-size:10pt;
}

/* --- 全体のリンクテキスト --- */
a:link	{ color:#663300; text-decoration:none; }
a:visited	{ color:#663300; text-decoration:none; }
a:hover	{ color:#9966CC; text-decoration:none; }
a:active	{ color:#663300; text-decoration:none; }

/* --- コンテナ --- */
#container{
	width:800px;
	margin:0 auto;
}

/* --- ヘッダ --- */
#header{
	background-color:#412E1F;
}

/* --- コンテンツ --- */
#content{
	margin:0; padding:15px 25px;
	line-height:1.35;
}

#content_top{
	margin:0; padding:15px;
}

/* --- フッタ --- */
#footer{
	padding:20px 0 40px;
	text-align:center;
	font-size:9pt;
}
#footer p{
	text-align:center;
	margin-bottom:5px;
}


/* --- 見出し --- */
h2{
	margin-top:1em;
	margin-bottom:5px;
	clear:both;
}
h2.top{
	margin-top:0;
}

/* --- インフォメーション --- */
#info{
	background:url(/img/info_main.jpg) repeat-y;
	padding:5px 15px 0;
}
#info dl{
	margin:5px 0; padding:5px 0 0;
	border-top:1px solid #CCCCCC;
}
#info dl.start{
	margin:0; padding:0;
	border-top:none;
}
#info dt{
	margin:0; padding:0;
	font-weight:bold;
}
#info dd{
	margin:0 15px; padding:0;
}

#shop dl{
	margin:15px 0;
	padding:0 10px 10px;
	border:7px #EEEEEE solid;
}
#shop dl dt{
	float:left;
	width:7em;
	padding:10px 0;
	font-weight:bold;
	text-indent:1em;
	line-height:1.5;
}
#shop dl dd{
	padding:10px 0 10px 7em;
	line-height:1.5;
	border-bottom:1px #CCCCCC solid;
}
#shop dl dd.last{
	padding:10px 0 0 7em;
	line-height:1.5;
	border-bottom:none;
}

/* --- ギャラリー（５点ずつ） --- */
div.gallery{
	width:750px;
	margin-top:1em;
}
div.gallery dl{
	margin:0; padding:5px;
	float:left;
	width:140px;
}
div.gallery dt{
	margin:0 13px 3px; padding:0;
}
div.gallery dd{
	margin:0; padding:0;
	line-height:1.1;
}
div.gallery dd.name{
	height:1.3em;
	font-weight:bold;
	text-align:center;
	font-size:12px;
}
div.gallery dd.name2{
	height:2.5em;
	font-weight:bold;
	text-align:center;
	font-size:12px;
}
div.gallery dd.comment{
	height:3.6em;
	font-size:10px;
}

/* --- ギャラリー２（３点ずつ） --- */
div.gallery2{
	width:750px;
	margin-top:1em;
}
div.gallery2 dl{
	margin:0; padding:0 5px;
	float:left;
	width:240px;
}
div.gallery2 dt{
	margin:0; padding:0;
	height:165px;
}
div.gallery2 dd{
	margin:0; padding:0;
	line-height:1.1;
}
div.gallery2 dd.name{
	height:1.3em;
	font-weight:bold;
	text-align:center;
	font-size:12px;
}
div.gallery2 dd.comment{
	height:4.6em;
	font-size:10px;
}
div.gallery2 dd.comment2{
	height:6.8em;
	font-size:10px;
}

div#content p{
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
	margin:4px 0;
	padding:4px 0;
	font-size:10px;
}

/* --- ショップ画像 --- */
.largeImage{
	border:solid 1px #ccc;
	width:740px;
	height:400px;
	padding:4px;
}
.thumbs img{
	border:solid 1px #ccc;
	width:80px;
	height:53px;
	padding:4px;
	margin:15px 0 10px;
}
.thumbs img:hover{
	border-color:#666;
}

div.baumPh img{
	margin-top:3px;
	float:right;
	margin-left:12px;
}
div.baumPh2 img{
	margin-top:3px;
	float:left;
	margin-right:12px;
}

div.insPh{
	width:280px;
	float:right;
	padding-top:6px;
}

img.ingPh{
	margin:7px 0;
	display:block;
}

div#SlideShow{
	margin:0; padding:0;
}

/* -----------------------------------------------------------------------------
	2014年8月 追加分
----------------------------------------------------------------------------- */
body#glacier h2,
body#shopInfo h2{
	font:36pt/36pt Impact, sans-serif;
	letter-spacing:-1px;
	border-bottom:5px solid #ff6600;
	margin:20px 0 5px;
	position:relative;
}
body#glacier h2 span,
body#shopInfo h2 span{
	position:absolute;
	display:block;
	bottom:-12px;
	right:2px;
	font-size:12pt;
	font-weight:bold;
	font-family:Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

/* --- サムネイル：基本 --- */
div.thumPhotos{
	width:750px;
	margin-top:5px;
	overflow:hidden;
}
div.thumPhotos dl{
	margin:0; padding:0;
	float:left;
	margin-top:10px;
}
div.thumPhotos dt{
	margin:0;
	padding:0;
	text-align:center;
}
div.thumPhotos dt img{
	border-radius:8px;
	margin-bottom:0.4em;
}
div.thumPhotos dt a:hover img{
	opacity:0.8;
}
div.thumPhotos dd{
	padding:0;
}
div.thumPhotos dd.name{
	font-weight:bold;
	text-align:center;
	font-size:12px;
}
div.thumPhotos dd.comment{
	margin-top:0.2em;
	font-size:10px;
	line-height:1.2;
}

/* サムネイル：３点並び */
div.thum3{
	width:765px;
	margin-right:-15px;
}
div.thum3 dl{
	width:240px;
	margin-right:15px;
}
div.thum3 dt img{
	width:240px;
	height:auto;
}

/* サムネイル：４点並び */
div.thum4{
	width:760px;
	margin-right:-10px;
}
div.thum4 dl{
	width:180px;
	margin-right:10px;
}
div.thum4 dt img{
	width:180px;
	height:167px;
}

/* サムネイル：５点並び */
div.thum5{
	width:765px;
	margin-right:-15px;
}
div.thum5 dl{
	width:138px;
	margin-right:15px;
}
div.thum5 dt img{
	width:138px;
	height:auto;
}

/* サムネイル：６点並び */
div.thum6{
	width:762px;
	margin-right:-12px;
}
div.thum6 dl{
	width:115px;
	margin-right:12px;
}
div.thum6 dt img{
	width:115px;
	height:auto;
}

/* アイスPOP */
div.icePop{
	margin-top:15px;
	background:#fff url(/img_item/glacier/bg_icepop.jpg) center center no-repeat;
	padding:20px 0;
}
div.icePop div.thum5 dl{
	width:110px;
	padding:10px;
	margin:10px;
	background-color:rgba(255,255,255,0.8);
	outline:2px solid #FF6600;
}
div.icePop div.thum5 dl.alcohol{
	outline:2px solid #00cccc;
}
div.icePop div.thum5 dt{
	font-weight:bold;
}
div.icePop div.thum5 dd.com2{
	margin-top:0.2em;
	font-size:10px;
	line-height:1.2;
}


/* -----------------------------------------------------------------------------
	2017年11月 追加分
----------------------------------------------------------------------------- */
/* ギャラリー：共通 */
.itemList_wrap{
	display:flex;
	flex-grow:1;
	flex-wrap:wrap;
	margin-top:10px;
}
.itemList_wrap dl{
	margin-bottom:15px;
	margin-right:5px;
}
.itemList_wrap dt{
	border-radius:8px;
	box-shadow:0 0 3px rgba(0,0,0,0.8);
	box-sizing:border-box;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto;
}
.itemList_wrap dt img{
	box-shadow:0 0 3px rgba(0,0,0,0.7);
}
.itemList_wrap dd.iName{
	font-weight:bold;
	text-align:center;
	line-height:1.2em !important;
	margin:7px 0 3px;
}
.itemList_wrap dd.iText{
	font-size:80%;
	line-height:1.3em;
}

.itemList_wrap .label{
	font-size:8.5pt;
	line-height:1em;
	color:#fff;
	background:#B9303C;
	text-align:center;
	padding:0.5em 0 0.3em;
	margin-bottom:4px;
	border-radius:5px;
	font-weight:normal;
}

.itemList_wrap.zoom dt a:hover img{
	opacity:0.8;
}

.itemList_wrap.fCenter{
	justify-content:center;
}

/*  ギャラリー：５点ずつ */
.itemList_wrap.item5 dl{
	width:146px;
	width:calc(calc(100% - 20px) / 5);
}
.itemList_wrap.item5 dl:nth-child(5n){
	margin-right:0;
}
.itemList_wrap.item5 dl dt{
	width:114px;
	height:106px;
}
.itemList_wrap.item5 dl dt img{
	max-height:106px;
	width:auto;
}

/*  ギャラリー：３点ずつ */
.itemList_wrap.item3 dl{
	width:240px;
	width:calc(calc(100% - 10px) / 3);
}
.itemList_wrap.item3 dl:nth-child(3n){
	margin-right:0;
}
.itemList_wrap.item3 dl dt{
	width:240px;
	height:160px;
	border:3px solid #fff;
}
.itemList_wrap.item3 dl dt img{
	max-width:calc(240px - 6px);
	height:auto;
}
.itemList_wrap.item3 dl dt{
	position:relative;
}
.itemList_wrap.item3 dl dt img.deco{
	position:absolute;
	top:0;
	left:0;
}

/*  ギャラリー：２点ずつ */
.itemList_wrap.item2 dl{
	width:365px;
	width:calc(calc(100% - 20px) / 2);
	margin-right:20px;
}
.itemList_wrap.item2 dl:nth-child(2n){
	margin-right:0;
}
.itemList_wrap.item2 dl dt{
	width:365px;
	height:200px;
}
.itemList_wrap.item2 dl dt img{
	max-width:365px;
	height:auto;
}
.itemList_wrap.item2 dl dd.iText .subText{
	background:#643526;
	color:#fff;
	text-align:center;
	font-size:9pt;
	font-weight:bold;
	border-radius:5px;
	padding:0.4em 0 0.2em;
	margin-bottom:0.5em;
}