@charset "utf-8";

/*! normalize.css v3.0.0 | MIT License | git.io/normalize *//*! normalize.css v3.0.0 | HTML5 Display Definitions | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
  display: block;
}

audio,canvas,progress,video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],template {
  display: none;
}/*! normalize.css v3.0.0 | Base | MIT License | git.io/normalize */html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}/*! normalize.css v3.0.0 | Links | MIT License | git.io/normalize */a {
  background: transparent;
}

a:active,a:hover {
  outline: 0;
}/*! normalize.css v3.0.0 | Typography | MIT License | git.io/normalize */abbr[title] {
  border-bottom: 1px dotted;
}

b,strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}/*! normalize.css v3.0.0 | Embedded Content | MIT License | git.io/normalize */img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}/*! normalize.css v3.0.0 | Figures | MIT License | git.io/normalize */figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,kbd,pre,samp {
  font-family: monospace, monospace;
  font-size: 1em;
}/*! normalize.css v3.0.0 | Forms | MIT License | git.io/normalize */button,input,optgroup,select,textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,select {
  text-transform: none;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,input::-moz-focus-inner {
  border: 0;
  padding: 0;
}


/* btn-style*/
.box-s-4-green{box-shadow: 0px 4px 0px #2a8d00;}
.box-s-4-blue{box-shadow:0px 4px 0px #0f5784;}
.box-s-4-yellow{box-shadow: 0px 4px 0px #c37d00;}
.box-s-4-red{box-shadow:0px 4px 0px #c70b19;}
.box-s-4-gray{box-shadow:0px 4px 0px #bbb;}

.box-s-2-green{box-shadow: 0px 2px 0px #2a8d00;}
.box-s-2-blue{box-shadow:0px 2px 0px #0f5784;}
.box-s-2-yellow{box-shadow: 0px 2px 0px #c37d00;}
.box-s-2-red{box-shadow:0px 2px 0px #c70b19;}


.box-s-4-green:hover,
.box-s-4-blue:hover,
.box-s-4-yellow:hover,
.box-s-4-red:hover,
.box-s-4-gray:hover,
.box-s-2-green:hover,
.box-s-2-blue:hover,
.box-s-2-yellow:hover,
.box-s-2-red:hover {
	opacity:0.7;
}

.box-s-4-green:active, .box-s-4-green.active,
.box-s-4-blue:active, .box-s-4-blue.active,
.box-s-4-yellow:active, .box-s-4-yellow.active,
.box-s-4-red:active, .box-s-4-red.active,
.box-s-4-gray:active, .box-s-4-gray.active {
	margin:4px 0 -4px 0;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.box-s-2-green:active, .box-s-2-green.active,
.box-s-2-blue:active, .box-s-2-blue.active,
.box-s-2-yellow:active, .box-s-2-yellow.active,
.box-s-2-red:active, .box-s-2-red.active{
	margin:2px 0 -2px 0;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*----------*/



input {
  line-height: normal;
}

input[type="checkbox"],input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type=radio] + label,
input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

@media only all and (min-width: 1px){

input[type="checkbox"],
input[type="radio"] {
	display:none;
}
input[type=radio] + label,
input[type=checkbox] + label {
    padding: 10px 12px 6px 38px;
    border-radius: 8px;
}
input[type=radio] + label::before,
input[type=checkbox] + label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: #FFF;
}
input[type=radio] + label::before {
    border: 2px solid #ccc;
    border-radius: 30px;
    left: 8px;
}
input[type=checkbox] + label::before {
    border: 2px solid #ccc;
    left: 8px;
}
input[type=radio]:checked + label::after, input[type=checkbox]:checked + label::after {
    content: "";
    position: absolute;
    top: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}
input[type=checkbox]:checked + label::after {
    left: 14px;
    width: 12px;
    height: 8px;
    margin-top: -4px;
    border-left: 3px solid #4D4D4D;
    border-bottom: 3px solid #4D4D4D;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
input[type=radio]:checked + label::after {
    left: 14px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    background: #4D4D4D;
    border-radius: 8px;
}

}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}/*! normalize.css v3.0.0 | Tables | MIT License | git.io/normalize */table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,th {
  padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #f8f8f8;
  font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Lucida Grande",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

.preview-top {
  width: 680px;
  margin: 30px auto 0;
  box-sizing:border-box;
}
.preview-top-left {
	padding-left: 75px;
	height:40px;
	line-height:43px;
	float:left;
	background:#00b7ee;
	color:#fff;
	width:88%;
	border-radius:5px 0px 0px 5px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	box-sizing:border-box;
}
.preview-top-right a{
	display:block;
	height:40px;
	line-height:40px;
	float:left;
	background:#0075a9;
	color:#fff;
	width:12%;
	border-radius:0px 5px 5px 0px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	box-sizing:border-box;
}
.preview-top-right a:hover{
	text-decoration:none;
	color:#fff;
	opacity:0.8;
}
.ico-preview-close {
    display: inline-block;
    background: no-repeat url(../img/guest/ico-preview-close.png);
    background-position: 0 0;
    width: 17px;
    height: 12px;
}





.main {
  width: 680px;
  margin: 0 auto;
}

@media screen and (max-device-width: 480px) {
  .main {
    width: 95%;
    margin: 0 auto;
  }
  .preview-top {
    width: 95%;
    margin: 20px auto;
  }
  .preview-top-left {
	width: 73%;
	padding-left: 15px;
	text-align: left;
  }
  .preview-top-right a {
	width:27%;
	padding:0 10px;
}
}


.wrapper {
  width: 680px;
  margin: 30px auto;
  background: #fff;
  border: 1px solid #ccc;
}

@media screen and (max-device-width: 480px) {
  .wrapper {
    width: 100%;
    background: none;
    margin-top: 0;
    border: none;
  }
}

.container {
  width: 100%;
  max-width: 600px;
  margin: 30px auto;
    padding-left: 0px;
    padding-right: 0px;
}

@media screen and (max-device-width: 800px) {
  .container {
    margin-top:0;
    width: 100%;
    margin: 10px auto;
  }
}

header.header {
  padding: 12px;
  margin-bottom: 15px;
  background: #1c6db4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-size: 100%;
	background: #54595e;
	background: -moz-linear-gradient(top,  #54595e 0%, #111111 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#54595e), color-stop(100%,#111111));
	background: -webkit-linear-gradient(top,  #54595e 0%,#111111 100%);
	background: linear-gradient(to bottom,  #54595e 0%,#111111 100%);
  position: relative;
  behavior: url(/common/pie/PIE.htc);
}

header.header h1 {
  text-align: center;
  color: #fff;
  font-size: 24px;
  margin: 0;
  text-shadow: 1px -1px rgba(0,0,0,0.2);
  line-height:1.1;
}

@media screen and (max-device-width: 480px) {
  header.header h1 {
    font-size: 16px;
  }
}

h2 {
  color:#FFF;
  text-align:center;
  border-radius: 5px;
  padding:8px;
  font-size:18px;
  background: #55595e;
  background: -moz-linear-gradient(top,  #55595e 0%, #747575 100%);
  background: -webkit-linear-gradient(top,  #55595e 0%,#747575 100%);
  background: linear-gradient(to bottom,  #55595e 0%,#747575 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55595e', endColorstr='#747575',GradientType=0 );
}


@media screen and (max-device-width: 480px) {
  .col-span1 { width: 8.33333333%; }
  .col-span2 { width: 16.66666667%; }
  .col-span3 { width: 25%; }
  .col-span4 { width: 33.33333333%; }
  .col-span5 { width: 41.66666667%; }
  .col-span6 { width: 50%; }
  .col-span7 { width: 58.33333333%; }
  .col-span8 { width: 66.66666667%; }
  .col-span9 { width: 75%; }
  .col-span10 { width: 83.33333333%; }
  .col-span11 { width: 91.66666667%; }
  .col-span12 { width: 100%; }
}
.col-span12 { width: 100%; }
.col-span11 { width: 91.66666667%; }
.col-span10 { width: 83.33333333%; }
.col-span9 { width: 75%; }
.col-span8 { width: 66.66666667%; }
.col-span7 { width: 58.33333333%; }
.col-span6 { width: 50%;  }
.col-span5 { width: 41.66666667%; }
.col-span4 { width: 33.33333333%; }
.col-span3 { width: 25%; }
.col-span2 { width: 16.66666667%; }
.col-span1 { width: 8.33333333%; }

.col-span1, .col-span2, .col-span3, .col-span4, .col-span5, .col-span6, .col-span7, .col-span8, .col-span9, .col-span10, .col-span11, .col-span12 {
  padding: 0 5px;
  float: left;
}
input.span12, textarea.span12, select.span12, button.span12 { width: 100%; }
input.span11, textarea.span11, select.span11, button.span11 { width: 91.66666667%; }
input.span10, textarea.span10, select.span10, button.span10 { width: 83.33333333%; }
input.span9, textarea.span9, select.span9, button.span9 { width: 75%; }
input.span8, textarea.span8, select.span8, button.span8 { width: 66.66666667%; }
input.span7, textarea.span7, select.span7, button.span7 { width: 58.33333333%; }
input.span6, textarea.span6, select.span6, button.span6 { width: 50%; }
input.span5, textarea.span5, select.span5, button.span5 { width: 41.66666667%; }
input.span4, textarea.span4, select.span4, button.span4 { width: 33.33333333%; }
input.span3, textarea.span3, select.span3, button.span3 { width: 25%; }
input.span2, textarea.span2, select.span2, button.span2 { width: 16.66666667%; }
input.span1, textarea.span1, select.span1, button.span1 { width: 8.33333333%; }

.date {
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 0px 2px;
}
.col-group {
  margin-right: -5px;
  margin-left: -5px;
}
.form-guest .col-group:before,  .form-guest .col-group:after {
  display: table;
  content: " ";
}
.form-guest .col-group:after {
  clear: both;
}
.form-guest input[type="radio"], .form-guest input[type="checkbox"] {
  margin-top: 1px \9;
  line-height: normal;
  width: 14px;
  height: 14px;
  position: relative;
  margin: 2px 4px 0 0;
  vertical-align: middle;
  bottom: 2px;
}
.radio-inline, .checkbox-inline {
  display: inline-block;
  padding-left: 0;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
.radio, .checkbox {
  display: block;
  min-height: 20px;
  padding-left: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}
.radio label, .checkbox label {
  display: inline;
  font-weight: normal;
  cursor: pointer;
}
.label {
  display: inline;
  padding: .4em .6em .4em;
  font-size: 75%;
  font-weight: normal;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 20px;
  position: relative;
  behavior: url(/common/pie/PIE.htc);
}
.essential {
  background: #ff8400;
  color: #fff;
  margin: 0 5px;
  float: right;
}
.optional {
  background: #ccc;
  color: #FFF;
  margin: 0 5px;
  float: right;
}
input.form-general::-webkit-input-placeholder {
    color: #b7b7b7;
    font-weight: normal;
}
input.form-general::-moz-placeholder {
    color: #b7b7b7;
    font-weight: normal;
}
input.form-general:-ms-input-placeholder {
    color: #b7b7b7;
    font-weight: normal;
}
.ft-logo {
  float: right;
  text-align: right;
  margin-bottom: 5px;
}
.logo a {
  display: block;
  width: 113px;
  height: 40px;
  padding: 23px 0 0;
  background: url(../img/header-logo5.svg) no-repeat;
  background-size: 100px;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  margin-top: -15px;
}
.powerd-by-logo a {
  display: block;
  width: 200px;
  height: 40px;
  padding: 23px 0 0;
  background: url(../img/logo_powerd-by.svg) no-repeat;
  background-size: 200px;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  margin-top: -15px;
}
@media screen and (max-device-width: 480px) {
  .ft-logo {
    /* width: 60px; */
    margin: 0px auto 0px;
    float: right;
    text-align: center;
  }
  .logo a {
    display: block;
    width: 60px;
    height: 40px;
    background-size: 55px;
  }
  .powerd-by-logo a {
    width: 120px;
    background-size: 120px;
  }
}
.table-guest {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.table-guest tr th {
  width: 30%;
  text-align: left;
  font-weight: normal;
  padding: 10px 8px;
  background: #f8f8f8;
  border: 1px solid #e2e2e2;
  font-weight: bold;
  color:#555;
  -moz-box-shadow: rgba(255,255,255,0.5) 0 1px 0;
  -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0;
  box-shadow: rgba(255,255,255,0.5) 0 1px 0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWJlYmViIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8),color-stop(50%, #f0f0f0),color-stop(100%, #ebebeb));
  background-image: -moz-linear-gradient(#f8f8f8,#f0f0f0,#ebebeb);
  background-image: -webkit-linear-gradient(#f8f8f8,#f0f0f0,#ebebeb);
  background-image: linear-gradient(#f8f8f8,#f0f0f0,#ebebeb);
}
.table-guest tr th, .table-guest tr td {
  vertical-align: middle;
}



.table-guest tr td {
  width: 70%;
  padding: 7px 8px;
  border: 1px solid #e2e2e2;
}

.form-general {
  display: inline;
  width: 100%;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e1e1e1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  position: relative;
  behavior: url(/common/pie/PIE.htc);
}
.table-guest tr td select {
  display: block;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e1e1e1;
  -moz-border-radius: 5;
  -webkit-border-radius: 5;
  border-radius: 5;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  position: relative;
  behavior: url(/common/pie/PIE.htc);
}
.table-guest tr td textarea {
  display: block;
  width: 100%;
  line-height: 36px;
  padding: 4px 10px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e1e1e1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  position: relative;
  behavior: url(/common/pie/PIE.htc);
}

@media screen and (max-device-width: 480px) {
  .form-general {
    height: 36px;
    line-height: 36px
  }
}

@media screen and (max-device-width: 480px) {
  .table-guest tr th {
    display: block;
    width: 100%;
    padding: 5px 10px;
    border-bottom: 1px solid transparent;
    -moz-box-shadow: rgba(255,255,255,0.2) 0 1px 0;
    -webkit-box-shadow: rgba(255,255,255,0.2) 0 1px 0;
    box-shadow: rgba(255,255,255,0.2) 0 1px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: none;
  }

  .table-guest tr td {
    display: block;
    width: 100%;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: none;
  }

  .table-guest tr td:last-child {
    border-bottom: solid 1px #ccc;
  }

  .form-guest {
    /*width: 100%;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*padding: 0 6px;*/
  }
}

form .button {
  text-align: center;
  margin-top: 15px;
}

form .button input {
  color: #fff;
  padding: 14px 48px;
  font-size: 22px;
  padding: 0.3em 1.5em;
  display: inline-block;
  cursor: pointer;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1C6DB4', endColorstr='#FF0E385C');
  border: none;
  color: #fff;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  /*text-shadow: #175a94 0 -1px 0;*/
}

form .button input:hover {
  text-decoration: none;
}


form .button input.disabled,form .button input[disabled] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  background: #1e75c1;
  cursor: default;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

form .button input::-moz-focus-inner {
  padding: 0 !important;
  margin: -1px !important;
}



@media screen and (max-device-width: 480px) {
  form .button {
    margin-top: 20px;
  }

  form .button input {
    font-size: 18px;
  }
}

#entry-choice {
	text-align:center;
	font-size:18px;
	padding:10px;
	margin-left:20px;
}
#entry-choice input[type=radio]{
	margin-right:0px;
	width:18px;
	height:18px;
}
#entry-choice label {
	margin-right:20px;
	cursor:pointer;
}



/* backnumber　*/

.main_backnumber {
  width: 800px;
  margin: 0 auto;
}

@media screen and (max-device-width: 480px) {
  .main_backnumber {
    width: 95%;
    margin: 0 auto;
  }
}

.wrapper_backnumber {
  width: 800px;
  margin: 30px auto;
  background: #fff;
  border: 1px solid #ccc;
}

@media screen and (max-device-width: 480px) {
  .wrapper_backnumber {
    width: 100%;
    background: none;
    margin-top: 0;
    border: none;
  }
}

.container_backnumber {
  width: 95%;
  max-width: 700px;
  margin: 30px auto;
    padding-left: 0px;
    padding-right: 0px;
}

@media screen and (max-device-width: 800px) {
  .container_backnumber {
    margin-top:0;
    width: 100%;
    margin: 10px auto;
  }
}


.table-backnumber {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom:20px;
}

.table-backnumber tr th {
  text-align: left;
  font-weight: normal;
  padding: 10px 8px;
  background: #f8f8f8;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  font-weight: bold;
  color:#555;
  -moz-box-shadow: rgba(255,255,255,0.5) 0 1px 0;
  -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0;
  box-shadow: rgba(255,255,255,0.5) 0 1px 0;
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8),color-stop(50%, #f0f0f0),color-stop(100%, #ebebeb));
  background-image: -moz-linear-gradient(#f8f8f8,#f0f0f0,#ebebeb);
  background-image: -webkit-linear-gradient(#f8f8f8,#f0f0f0,#ebebeb);
  background-image: linear-gradient(#f8f8f8,#f0f0f0,#ebebeb);
}
.table-backnumber tr th, .table-backnumber tr td {
  vertical-align: middle;
}

@media screen and (max-device-width: 480px) {
  .table-backnumber tr th:first-child {
    border-top: 1px solid #ccc;
  }
}

.table-backnumber tr td {
  padding: 7px 8px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

@media screen and (max-device-width: 480px) {
.table-backnumber th {
	  font-size:12px;
  	  padding: 6px 8px;
  }
.table-backnumber td {
	  font-size:10px;
  }
}

.table-backnumber tr:nth-child(2n) {
	background:#f9f9f9;
}

.table-backnumber a {
}
a:hover {
	color:#C00;
}

.link-back {
	text-align:right;
	margin-bottom:15px;
}
.back-txt {
  border-bottom: 1px solid #e2e2e2;
  padding:20px ;
  margin:0px 0 20px ;
}

@media screen and (max-device-width: 480px) {
.back-txt {
  border-bottom: 1px solid #e2e2e2;
  padding:0px ;
  margin:0px 0 20px ;
}
}

.back-attachment {
	border:3px solid #e2e2e2;
	padding:10px 20px;
	margin-bottom:20px;
}
@media screen and (max-device-width: 480px) {
	.back-attachment {
		border:3px solid #e2e2e2;
		padding:10px 10px;
		margin-bottom:20px;
		font-size:12px;
	}
}



/* login　*/


#login .main {
  width: 375px;
  margin: 0 auto;
}

@media screen and (max-device-width: 480px) {
  #login .main {
    width: 95%;
    margin: 0 auto;
  }
}

#login .wrapper {
  width: 375px;
  margin: 20px auto 20px;
  background: #fff;
  border: 1px solid #ccc;
}

@media screen and (max-device-width: 480px) {
#login .wrapper {
    width: 100%;
    background: none;
    margin-top: 0;
    border: none;
  }
}

#login .container {
  width: 95%;
  max-width: 300px;
  margin: 30px auto;
    padding-left: 0px;
    padding-right: 0px;
}

@media screen and (max-device-width: 800px) {
  #login .container {
    margin-top:0;
    width: 100%;
    margin: 10px auto;
  }
}

#login .back-number-login {
	text-align:center;
}
#login .back-number-login input[type="text"] {
	border:1px solid #CCC;
	padding:5px;
	font-size:16px;
	border-radius:6px;
	margin-bottom:15px;
	width:300px;
	height:50px;
}
#login .back-number-login input[type="submit"] {
	border:0;
	width:300px;
	border-radius:6px;
	padding:5px;
	height:50px;
	color:#FFF;
	background:#090;
	font-size:20px;
	box-shadow:0 4px 0 0 #063;
}
#login .back-number-login input[type="submit"]:hover {
	opacity:0.5;
}
#login h1 {
	font-size:18px;
}
#login header {
	margin:40px 0 10px;
}

.pagination {
	margin:0;
}
.pagination-box-left {
	float:left;
	margin:5px 0;
}
.pagination-box-right {
	float:right;
}

@media screen and (max-device-width: 800px) {
	.pagination-column {
		font-size:12px;
		text-align:center;
	}
	.pagination > li > a, .pagination > li > span {
		padding: 4px 8px;
	}
	.pagination-box-left {
		float:none;
		margin:5px 0;
	}
	.pagination-box-right {
		float: none;
	}
}

#flashMessage {
    color: #fff;
    font-weight: bold;
    background: #c00;
    border-radius: 5px;
}

.error-message {
  color: #f00 !important;
  font-size:13px;
}
}
.form-input-error {
    background-color:#fcc;
}

.form-error-message {
    background: #c00 none repeat scroll 0 0;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 12px 10px 9px;
    position: relative;
}
#flashMessage.form-confirmation-message {
    background: #7ccb00 none repeat scroll 0 0;
    border: solid 1px #7ccb00;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 12px 10px 9px;
    position: relative;
}