@charset "utf-8";

/* -------------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
	padding: 0;
	margin: 0;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
}
ol, ul{
    list-style:none;
	
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}

/* -------------------------------------------------- */


body {
	font: 12px/1.5em "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.small {
	font: 10px/1.3em "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	color: #666;
}

/* -------------------------------------------------- */


body {
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

a {
	color:#333333;
	text-decoration: none;
}
a:link, a:visited {
	text-decoration: none;
	color:#333333;
}
a:hover,a:active {
	text-decoration:underline;
}

.clear{ clear: both;}


/* ----------------------------------------------
ポップアップページ
------------------------------------------------- */

.oneColLiqCtr{
	height:100%;
	min-height:100%;		 
	margin: 0 auto; /* ページ中央揃え */
	text-align: center;
}

html>body .oneColLiqCtr{
	margin: 0; 
}

#gift_popup{
    width: 620px;
	margin: 15px 0;
}
#gift_popup h1{
	margin:0 0 1rem;
	padding:8px;
	font-size:16px;
	line-height:1;
	font-weight:normal;
	color:#FFF;
	background-color:#9acdc9;
	text-align:center;
}

#gift_popup .sampleImg{
	margin: 30px 0 0;
	padding:0;
}

#gift_popup .sampleImg p{
	margin:20px 0 0;
}

#btn_close{
    margin: 20px 0 0;
}
#btn_close a{
    margin: auto;
	padding:8px;
	width:270px;
	display:block;
	box-sizing:border-box;
	border-radius:5px;
	background-color:#806a40;
}
#btn_close a span{
	font-size:13px;
	line-height:1;
	font-weight:normal;
	color:#FFF;
	text-decoration:none;
}
#btn_close a:hover,
#btn_close a:active{
	background-color:#594a2d;
	text-decoration:none;
}


@media screen and (max-width: 559px) {
	
#gift_popup{
    width: 100%;
	margin: 15px 0;
}
#gift_popup .sampleImg{
	margin: 15px 10px 0;
}
#gift_popup .sampleImg img{
	max-width:100%;
	height:auto;
}	
}