@charset "utf-8";

/*=============================================
	Browser Default Initialization
=============================================*/

html {
    overflow-y: scroll;
    /* font-size: 62.5%; */
    -ms-touch-action: manipulation;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
input, select {
	vertical-align: middle;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}


/*---------------------------------------------
	body
---------------------------------------------*/

body {
    overflow:hidden;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: contain;

    font-family: "futura", "Century Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 2rem;
    -webkit-text-size-adjust: 100%;
}


/*---------------------------------------------
	anchor
---------------------------------------------*/

a {
	color: #333;
	outline: none;
	text-decoration: none;
}
a:link,
a:visited {
	text-decoration: none;
}


/*---------------------------------------------
	general
---------------------------------------------*/

#wrapper {
    width: 100%;
    /* padding-top: 89px; */
}
img {
	max-width: 100%;
}

/*---------------------------------------------
	header
---------------------------------------------*/

header {
	position: fixed;
	top: 0;
	width: 100%;
	padding: 24px 0 0 0;
	background: -moz-linear-gradient(left,  #1e9f46 0%, #28d15e 50%, #1e9f46 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1e9f46), color-stop(50%,#d6171e), color-stop(100%,#ae0f13)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #1e9f46 0%,#28d15e 50%,#1e9f46 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #1e9f46 0%,#28d15e 50%,#1e9f46 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #1e9f46 0%,#28d15e 50%,#1e9f46 100%); /* IE10+ */
	background: linear-gradient(to right,  #1e9f46 0%,#28d15e 50%,#1e9f46 100%); /* W3C */
	z-index: 100;
}
h1 {
	color: #fff;
	font-size: 22px;
	font-size: 2.2rem;
	text-align: center;
}
h1 a {
	display: block;
	text-align: center;
}
h1 img {
	max-width: 66%;
	margin: 0 auto;
}
header span a {
	position: absolute;
	top: 20px;
	right: 10px;
	display: block;
}
header span .buttonFirst {
    position: absolute;
    top: 10px;
    left: 10px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    font-size: 24px;
    font-family: 'futura', Helvetica, Arial, Sans-Serif;
    float: right;
    width : 160px;
    height: 65px;
}
h2 {
	margin-bottom: .2em;
	color: #ae0f13;
	font-size: 16px;
	font-size: 1.6rem;
}

#content {
    margin-top:10%;
}
#content li {
	position: relative;
	margin: 0 1.5%;
	padding: 10px 1.5%;
	border-bottom: 1px #c40000 dashed;
}
#content li:after {
  content: "";
  clear: both;
  display: block;
}
#content li a {
	display: block;
}
.img-block {
	float: left;
	width: 12%;
	margin: 78px 1% 0 4%;
}

.img-block img {

}

.title-block{
	margin-top: 20px;

}

.txt-block {
	margin-left: 30%;
}
.txt-block p {
	font-size: 12px;
	font-size: 1.2rem;
}

.txt-title {
    background-color: #c0c0c0;
    padding: 21px 0 21px 2%;
    width: 100%;
}

.txt-title #kaiinid {
    width: 12%;
    font-size:0.9em;
}
.txt-title #kaiinkind {
    float: right;
    width: 38%;
    font-size:0.9em;
}

.coupon-block {
	text-align: center;
	margin: 0 auto;
}

.type {
	margin-bottom: .5em;
	padding: 2px 4px;
	color: #fff;
	font-size: 13px;
	font-size: 1.3rem;
}

.green {
	background-color: #00a043;
}
.orange {
	background-color: #f7931e;
}
.black {
	background-color: #000;
}

.used {
	opacity: 0.3;
}
.used img {
}
.used h2,
.used {
	color: #999;
}
.used .green,
.used .orange,
.used .black {
	background-color: #999;
}

.barcode-box{
    position: fixed;
    bottom: 16px;
    text-align: center;
    /* margin: 30px 0 0 96px; */
    /* padding: 0 3%; */
    width: 100%;
}

input[type=text]{
    width:460px;
    font-size:1.8em;
    /* position: fixed; */
}

.button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#006ad5), to(#65a9d7));
   background: -webkit-linear-gradient(top, #006ad5, #65a9d7);
   background: -moz-linear-gradient(top, #006ad5, #65a9d7);
   background: -ms-linear-gradient(top, #006ad5, #65a9d7);
   background: -o-linear-gradient(top, #006ad5, #65a9d7);
   <!--padding: 13% 1%;-->

   -webkit-border-radius: 11px;
   -moz-border-radius: 11px;
   border-radius: 30px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 30px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   word-wrap: break-word;
   text-decoration: none;
   vertical-align: middle;
   float: left;
   width : 95%;
   height: 135px;
   margin: 2% 1% 1% ;
}

.overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -moz-text-overflow:ellipsis; /* Firefox */
    -o-text-overflow: ellipsis; /* Opera */
}

.button:hover {
    border-top-color: #28597a;
    background: #28597a;
    color: #ccc;
}
.button:active {
    border-top-color: #1b435e;
    background: #1b435e;
}

.block{
    margin:10px;
}

.msg {
    position:absolute;
    width:100%;
    bottom:126px;
    font-size:1.4rem;
    text-align:center;
}