/* all */
* {
    -webkit-touch-callout: none;
    /* -webkit-user-select: none; */
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
}

input,textarea {
    -webkit-user-select : auto;
}

.form-control {
    color: #000;
    border-color : #000;
    font-weight: 500;
}

input {
    border-width: 1px;
    border-color : #000;
}
input[type=checkbox] {
    width:2em;
    height:1.3em;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: relative;
}
.form-control {
    font-size:1.2em;
}
.input-sm {
    font-size:1.2em;
    height:1.8em;
    line-height:1.8em;
    font-weight: 500;
}
select.input-sm {
    height:2em;
    line-height:2em;
    font-weight: 500;
}
.btn {
/*    font-family: "MS PGothic", "Osaka", Arial, sans-serif; */
    border-color : #000;
    font-weight: 500;
}
.btn-default {
    color: #000;
    border-color : #000;
}
.disabled.btn, [disabled].btn, fieldset[disabled] .btn {
    border-color : #adadad;
}

/*
.nav {
    font-size: 1.0em;
}
*/

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color : #000;
}

.navbar-default .navbar-text {
    color : #000;
}
.navbar-default .navbar-nav > li > a {
    color : #000;
}

.panel-default {
    border-color : #000;
}
.panel-default > .panel-heading {
    border-color : #000;
}
.panel-body {
    border-color : #000;
}
.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-color : #000;
}
.table > thead > tr > th {
    border-bottom : 1px solid #000;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top : 1px solid #000;
}
.table-bordered {
    border : 1px solid #000;
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border : 1px solid #000;
}

/*
.modal-content {
    width: 80%;
}
*/
/*
table > tbody > tr > td {
    border : 1px solid #000;
}
*/
/*
.navbar-collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
}

.navbar-toggle {
  display: none;
}

.navbar-brand {
  margin-left: -15px;
}
*/
html {
    width: 100%;
    margin: auto;
}

body {
    width: 100%;
    margin: 0;
    font-family: 'Lato', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size:1.4em;
}

table td {
    word-break: break-all;
}

ul, dl, dt, dd {
    padding: 0;
    margin: 0;
}

.glyphicon.large-icon {
    font-size: 40px;
}

.inner-left-margin {
    margin-left: 10px;
}

.xx-dialog .modal-dialog {
    width :80%;
    min-width: 800px;
}

.preview-dialog .modal-dialog {
    width: 1024px;
/*    width :60%; */
}

.normal-dialog .modal-dialog {
    width :50%;
}

/*
.overlayContainer { display: none;}
.overlayBackground { top:0px; left:0px; padding-left:100px;position:absolute;z-index:60000;height:100%;width:100%;background-color:#808080;opacity:0.3;}
.overlayContent { position:absolute; font-weight: bold;height: 100px;width: 300px;z-index:60000;text-align:center;}
*/

.overlayContainer{
  display:none;
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  opacity: 0.6;
  z-index:60000;
  background-color:#808080;  
}

.overlayContent {
  display:table-cell;
  vertical-align:middle;
  text-align: center  
}

.wc-overlay-text {font-size:0;}
.wc-overlay-text:before {font-size: 12px; content: "読み込み中";}

/* preview */
div.pre-yoko{
  position: relative;
  height: auto;
}

div.pre-yoko:before {
    content: "";
    display: block;
    padding-top: 60%;
}

div.pre-yoko .bg {
  position: absolute;
  width:100%;
  left:0%;
  top:0%;
}
div.pre-yoko .page {
  position: absolute;
  width:52.0833333%;
  left:43.2291667%;
  top:27.7777778%;
}
div.pre-yoko .page_img {
  width:100%;
}

div.pre-tate{
  position: relative;
}
div.pre-tate:before {
    content: "";
    display: block;
    padding-top: 60%;
}
div.pre-tate .bg {
  position: absolute;
  width:100%;
  left:0%;
  top:0%;
}
div.pre-tate .page {
  position: absolute;
  width:62.5%;
  left:32.8125%;
  top:27.7777778%;
}
div.pre-tate .page_img {
  width:100%;
}

div.pre-text{
  position: relative;
}
div.pre-text:before {
    content: "";
    display: block;
    padding-top: 60%;
}
div.pre-text .bg {
  position: absolute;
  width:100%;
  left:0%;
  top:0%;
}
div.pre-text .page {
  position: absolute;
  width:83.3333333%;
  left:8.3333333%;
  top:27.7777778%;
}
div.pre-text .page_img {
  width:100%;
}

.title {
    float: left;
    font-size: 1.5em;
}

.text-danger {
	color:red;
	font-weight:bold;
}

@media (min-width: 1200px) {
  .container {
    width: 98%;
    padding-left:auto;
    padding-right:auto;
  }
}

@media (min-width: 1680px) {
  .container {
    width: 1650px;
    padding-left:1px;
    padding-right:1px;
  }
}

.returnPrice {
    color: red;
}


body {
    background-color:#ffe4e1;  
}

.navbar-default {
    background-color: #ffb6c1;
    border-color: #e7e7e7;
}