@charset "UTF-8";

/* #modal_overlay
======================================================================== */
#modal_overlay{
z-index:999;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:120%;
background-color:#fff;
opacity:0.8;
filter:alpha(opacity=98);
-ms-filter:"alpha(opacity=98)";
}

/* #modal_overlay #irish_modal
======================================================================== */
.irish_modal{
	width:800px;
	z-index:1000;
	position:fixed;
	display:none;
	background:#f2f0eb;
	height:80%;
	padding:60px 0 10px;
}

.irish_modal .close_btn{
	position:absolute;
	top:10px;
	right:10px;
}

.irish_modal .modal_box{
	height:100%;
	position:relative;
	overflow-y:scroll;
	overflow-x:hidden;
	text-align:left;
	padding:0 10px;
}

.modal_box .title{
	font-size:140%;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}

.modal_box .modal_header{
	text-align:center;
	background-color:#612e1c;
	position:relative;
	margin:0 0 20px;
}
.modal_box .modal_header .title{
	font-size:100%;
	color:#ffffff;
	position:absolute;
	top:14px;
	left:20px;
}
.modal_box .modal_header p{
	margin:0;
}

.modal_box p{
	line-height:1.6;
	margin:0 auto 20px;
}

.modal_box .txt{
	width:450px;
}

.modal_box .img{
	text-align:center;
}

.modal_box ul#smokyRing{
	width:90%;
	margin:0 auto;
	padding:20px 0;
	border-top:solid 1px #612e1c;
	border-bottom:solid 1px #612e1c;
}
.modal_box ul#smokyRing li{
	width:22%;
	float:left;
	padding-left:4%;
}
.modal_box ul#smokyRing li:first-child{
	padding-left:0;
}
.modal_box ul#smokyRing li .title2{
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;
}
.modal_box ul#smokyRing li p{
	font-size:90%;
	margin:0;
}

.modal_box ul.smoky4{
	display:table;
	margin:0 auto;
}
.modal_box ul.smoky4.bdrBtm{
	border-bottom:solid 1px #612e1c;
}
.modal_box ul.smoky4 li{
	width:50%;
	text-align:center;
	display:table-cell;
	vertical-align:top;
}
.modal_box ul.smoky4 li:first-child{
	border-right:solid 1px #612e1c;
}
.modal_box ul.smoky4 li img{
	width:100%;
	max-width:450px;
	height:auto;
}

@media screen and (max-width: 767px) {
	.irish_modal{
		padding-top:40px;
	}

	.irish_modal .close_btn img{
		width:44px;
		height:20px;
	}
	
	.modal_box .title{
		font-size:100%;
		margin-bottom:10px;
	}
	
	.modal_box p{
		font-size:90%;
		margin:0 auto 10px;
	}
	
	.modal_box .txt{
		width:auto;
	}
	
	.modal_box .img img{
		width:100%;
		height:auto;
	}

	.modal_box .modal_header{
		text-align:center;
		background-color:#612e1c;
		position:relative;
		margin:0 0 20px;
	}
	.modal_box .modal_header .title{
		font-size:90%;
		position:static;
		margin:0 0 5px;
		padding-top:10px;
	}
	.modal_box .modal_header img{
		width:45px;
		height:auto;
	}

	.modal_box ul#smokyRing{
		width:100%;
		padding:10px 0;
		border-top:solid 1px #612e1c;
		border-bottom:solid 1px #612e1c;
	}
	.modal_box ul#smokyRing li{
		width:100%;
		float:none;
		margin-bottom:10px;
		padding-left:0;
	}
	.modal_box ul#smokyRing li .title2{
		font-size:120%;
		margin-bottom:5px;
	}

	.modal_box ul.smoky4{
		display:block;
	}
	.modal_box ul.smoky4.bdrBtm{
		border-bottom:solid 1px #612e1c;
	}
	.modal_box ul.smoky4 li{
		width:100%;
		display:block;
		border-top:solid 1px #612e1c;
	}
	.modal_box ul.smoky4 li:first-child{
		border-top:none;
		border-right:none;
	}
	.modal_box ul.smoky4 li img{
		width:100%;
		height:auto;
	}

}

.irish_modal .modal_box::-webkit-scrollbar{width:8px;background:#eee;}
.irish_modal .modal_box::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px;}


/* SP
==================================== */
@media screen and (max-width:767px){
	.irish_modal{
		width:90%;
	}
}