body {
  position:relative;
  margin:0;
  font-size: 2.2vw;
}
.btn-close {
  color: white;
  background-color: #bbb;
}
.text-pink {
  color: #f72b7e;
}
.text-really-danger {
  color: #ff0000;
}
.text-lightgray {
  color: #e8e8e8;
}
.text-black {
  color: #000;
}
a:focus, button:focus {
  outline: none;
}
h3 {
  font-size: 2.5vw;
}
h3 i {
  color: #ff408e;
}
h4.modal-title {
  font-size: 2.5vw;
}
.modal-body p {
  font-size: 2.2vw;
}
pre {
  font-size: 2.2vw;
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.font-bold {
  font-weight:bold;
}

.title-back {
  background-color: #808080;
  color:white;
  text-align:center;
  padding: 8px 0;
}
.btn {
  line-height: 4vw;
  font-size: 2.2vw;
  font-weight: bold;
  padding-left: 1vw;
  padding-right: 1vw;
  padding-top: 0.5vw;
  padding-bottom: 0.5vw;
}
.btn:focus {
  outline: none;
}
.btn-default.login {
  display: inline-block;
  border-width: 2px;
  border-color: #333;
  font-weight: bold;
  font-size: 2vw;
  line-height: 5vw;
  padding-left: 2vw;
  padding-right: 2vw;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.btn.btn-success {
  color: white;
  background-color: #27d2a2;
  border: none;
  -webkit-box-shadow: 0 4px 0 0 rgba(28,168,128,1);
  -moz-box-shadow: 0 4px 0 0 rgba(28,168,128,1);
  box-shadow: 0 4px 0 0 rgba(28,168,128,1);
}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
  border: none;
  background-color: rgba(28,168,128,1);
  -webkit-box-shadow: 0 4px 0 0 rgba(21,126,96,1);
  -moz-box-shadow: 0 4px 0 0 rgba(21,126,96,1);
  box-shadow: 0 4px 0 0 rgba(21,126,96,1);
}
.btn-success:disabled, .btn-success.disabled, .btn-success:disabled:hover, .btn-success.disabled:hover {
  background-color: #2ff6be;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.btn-success.btn-small {
  -webkit-box-shadow: 0 2px 0 0 rgba(28,168,128,1);
  -moz-box-shadow: 0 2px 0 0 rgba(28,168,128,1);
  box-shadow: 0 2px 0 0 rgba(28,168,128,1);
}
.btn.btn-gray {
  color: white;
  background-color: #d8d8d8;
  -webkit-box-shadow: 0 6px 0 0 rgba(161,11,74,1);
  -moz-box-shadow: 0 6px 0 0 rgba(161,11,74,1);
  box-shadow: 0 6px 0 0 rgba(161,11,74,1);
}
.btn.btn-white {
  background-color: white;
  color: black;
}
.btn.btn-orange {
  color: #FFFFFF;
  background-color: #ff7800;
  -webkit-box-shadow: 0 6px 0 0 #c85200;
  -moz-box-shadow: 0 6px 0 0 #c85200;
  box-shadow: 0 6px 0 0 #c85200;
}
.btn.btn-cv {
  color: white;
  background-color: #F72B7E;
  box-shadow: 0 5px 0 #8C4067;
}
.btn.btn-small {
  display: inline-block;
  border-width: 0;
  font-weight: normal;
  font-size: 1.5vw;
  line-height: 3vw;
  padding-left: 1vw;
  padding-right: 1vw;
  -moz-border-radius: 1vw;
  -webkit-border-radius: 1vw;
  border-radius: 0.8vw;
}
.btn.btn-white.btn-small {
  padding-left: 0.5vw;
  padding-right: 0.5vw;
}
.btn.btn-large {
  display: inline-block;
  border-width: 0;
  font-weight: bold;
  line-height: 5vw;
  padding-left: 3vw;
  padding-right: 3vw;
  -moz-border-radius: 1.3vw;
  -webkit-border-radius: 1.3vw;
  border-radius: 1.3vw;
  letter-spacing: 0.2vw;
}
.btn.btn-pink {
  color: white;
  background-color: #f72b7e;
  -webkit-box-shadow: 0 6px 0 0 rgba(161,11,74,1);
  -moz-box-shadow: 0 6px 0 0 rgba(161,11,74,1);
  box-shadow: 0 6px 0 0 rgba(161,11,74,1);
}
.btn.btn-blue {
  position: relative;
  background-color:#0d46b7;
  color: white;
  border: none;
  -webkit-box-shadow: 0 4px 0 0 rgba(22,57,125,1);
  -moz-box-shadow: 0 4px 0 0 rgba(22,57,125,1);
  box-shadow: 0 4px 0 0 rgba(22,57,125,1);
}
.btn.btn-light-blue {
  background-color:#70C0F8;
  color: white;
  border: none;
  -webkit-box-shadow: 0 4px 0 0 rgba(68,165,233,1);
  -moz-box-shadow: 0 4px 0 0 rgba(68,165,233,1);
  box-shadow: 0 4px 0 0 rgba(68,165,233,1);
}
.btn.btn-primary {
  color: white;
  background-color: #4472C4;
  -webkit-box-shadow: 0 4px 0 0 #214b8f;
  -moz-box-shadow: 0 4px 0 0 #214b8f;
  box-shadow: 0 4px 0 0 #214b8f;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus,
.btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
  border: 0;
  background-color: #214b8f;
}
.btn.btn-primary.btn-small {
  line-height: 2vw;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btn.btn-sticky {
  border-top: 0;
  border-bottom: 0;
  background: white;
  border-radius: 0;
  position: relative;
  color: black;
  width: calc(100% - 2vw);
}
.btn.btn-sticky-two-lines {
  line-height: 2.5vw;
  font-size: 1.6vw;
}
.btn.btn-sticky-two-lines .small {
  font-size: 1.2vw;
  color: gray;
}
.btn.btn-sticky-primary {
  border-left: 10px solid #6084C6;
}
.btn.btn-sticky-warning {
  border-left: 10px solid #ff9e13;
}
.btn.btn-sticky:before {
  content: "";
  position: absolute;
  right: -2vw;
  top: 0;
  border: none;
  background-color: white;
  width: 2vw;
  height: calc(100% - 2vw);
}
.btn.btn-sticky:after {
  content: "";
  position: absolute;
  right: -2vw;
  bottom: 0;
  border-style: solid;
  border-color: #E6E6E6 transparent transparent;
  border-width: 2vw 2vw 0 0;
}
.btn.btn-sticky.btn-disabled {
  background-color: #DDD;
}
.btn.btn-sticky.btn-disabled:before {
  background-color: #DDD;
}

.btn.btn-sticky .label {
  position: absolute;
  background: #ff9e13;
  border-radius: 0;
  top: 1.2vw;
  right: 4.5vw;
}
.btn.btn-blue .p-label,
.btn.btn-sticky .p-label {
  position: absolute;
  background-image: url(/assets/img/sp/mypage/img_point-mark.png);
  background-size: cover;
  top: 1vw;
  right: 1vw;
  height: 3vw;
  width: 3vw;
}

.inquiry-attention {
  background-color: #eee;
  font-size: 1.5vw;
  width: 90%;
  margin: 0 auto;
  padding: 1.5vw;
  line-height: 1.6;
}

.inquiry-type-buttons {
  width: 90%;
  margin: 0 auto;
}

.inquiry-type-buttons .inquiry-type-button:not(:first-child) {
  margin-top: 2.5vw;
}

p.ticket-notice,
p.remaining_furikae,
p.small {
  font-size: 1.8vw;
}
.label {
  font-size: 1.8vw;
}
.white-rounded-box {
  background-color: white;
  border-radius: 5px;
  padding: 5px;
}

.deco_line {
    width:100%;
    height:2px;
    background-image:url(/assets/img/sp/line_pink.png),url(/assets/img/sp/line_yellow.png),url(/assets/img/sp/line_bule.png);
    background-repeat:no-repeat,no-repeat,no-repeat;
    background-position:left top, center top, right top;
    position: fixed;
    z-index: 6;
}
/* For iPhone */
@media screen and (max-width:1023px) {
  .deco_line {
    height:2px;
    background-size:33% 2px, 35% 2px, 33% 2px;
  }
}
@media screen and (min-width:1024px) {
  .deco_line {
    height:4px;
    margin:0;
    padding:0;
    background-size:33% 4px, 35% 4px, 33% 4px;
    z-index: 6;
  }
}
.fixed {
  position: fixed;
  z-index: 1;
  transform: translateZ(0);
  -moz-transform: translatez(0);
  -webkit-transform: translateZ(0);
  -webkit-font-smoothing: antialiased;
}
.fixed.top {
  top: 0;
}
.fixed.bottom {
  bottom: 0;
}
.fixed.go-to-top {
  bottom: 0;
  right: 0;
  margin-bottom: 2vw;
  margin-right: 2vw;
}

.mgt0{margin-top:0!important;}
.mgt2{margin-top:2px!important;}
.mgt4{margin-top:4px!important;}
.mgt5{margin-top:5px!important;}
.mgt10{margin-top:10px!important;}
.mgt15{margin-top:15px!important;}
.mgt20{margin-top:20px!important;}
.mgt25{margin-top:25px!important;}
.mgt30{margin-top:30px!important;}
.mgt40{margin-top:40px!important;}
.mgt50{margin-top:50px!important;}
.mgt60{margin-top:60px!important;}
.mgt70{margin-top:70px!important;}
.mgt80{margin-top:80px!important;}
.mgr0{margin-right:0!important;}
.mgr5{margin-right:5px!important;}
.mgr10{margin-right:10px!important;}
.mgr20{margin-right:20px!important;}
.mgr30{margin-right:30px!important;}
.mgb0{margin-bottom:0!important;}
.mgb5{margin-bottom:5px!important;}
.mgb10{margin-bottom:10px!important;}
.mgb15{margin-bottom:15px!important;}
.mgb20{margin-bottom:20px!important;}
.mgb25{margin-bottom:25px!important;}
.mgb30{margin-bottom:30px!important;}
.mgb40{margin-bottom:40px!important;}
.mgb50{margin-bottom:50px!important;}
.mgb60{margin-bottom:60px!important;}
.mgb70{margin-bottom:70px!important;}
.mgb90{margin-bottom:90px!important;}
.mgl0{margin-left:0!important;}
.mgl5{margin-left:5px!important;}
.mgl10{margin-left:10px!important;}
.mgl15{margin-left:15px!important;}
.mgl20{margin-left:20px!important;}
.mgl30{margin-left:30px!important;}
.pdt0{padding-top:0!important;}
.pdt1{padding-top:1px!important;}
.pdt10{padding-top:10px!important;}
.pdt20{padding-top:20px!important;}
.pdt30{padding-top:30px!important;}
.pdt40{padding-top:40px!important;}
.pdt50{padding-top:50px!important;}
.pdt60{padding-top:60px!important;}
.pdr0{padding-right:0!important;}
.pdr5{padding-right:5px!important;}
.pdr10{padding-right:10px!important;}
.pdr15{padding-right:15px!important;}
.pdr20{padding-right:20px!important;}
.pdr30{padding-right:30px!important;}
.pdr40{padding-right:40px!important;}
.pdr50{padding-right:50px!important;}
.pdr60{padding-right:60px!important;}
.pdb0{padding-bottom:0!important;}
.pdb10{padding-bottom:10px!important;}
.pdb20{padding-bottom:20px!important;}
.pdb30{padding-bottom:30px!important;}
.pdb40{padding-bottom:40px!important;}
.pdb50{padding-bottom:50px!important;}
.pdb60{padding-bottom:60px!important;}
.pdl0{padding-left:0!important;}
.pdl5{padding-left:5px!important;}
.pdl10{padding-left:10px!important;}
.pdl15{padding-left:15px!important;}
.pdl20{padding-left:20px!important;}
.pdl30{padding-left:30px!important;}
.pdl40{padding-left:40px!important;}
.pdl50{padding-left:50px!important;}
.pdl60{padding-left:60px!important;}

.container-fluid {
  padding-left: 2vw;
  padding-right: 2vw;
}
.row {
  margin-left: -2vw;
  margin-right: -2vw;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-left: 2vw;
  padding-right: 2vw;
}

@media all and (orientation:landscape) {
  /* Offset等非対応 */
  .col-xs-ls-1, .col-xs-ls-2, .col-xs-ls-3,
  .col-xs-ls-4, .col-xs-ls-5, .col-xs-ls-6,
  .col-xs-ls-7, .col-xs-ls-8, .col-xs-ls-9,
  .col-xs-ls-10, .col-xs-ls-11, .col-xs-ls-12 {
    position: relative;
    min-height: 1px;
    padding-right: 2vw;
    padding-left: 2vw;
    float: left;
  }
  .col-xs-ls-12 {
    width: 100%;
  }
  .col-xs-ls-11 {
    width: 91.66666667%;
  }
  .col-xs-ls-10 {
    width: 83.33333333%;
  }
  .col-xs-ls-9 {
    width: 75%;
  }
  .col-xs-ls-8 {
    width: 66.66666667%;
  }
  .col-xs-ls-7 {
    width: 58.33333333%;
  }
  .col-xs-ls-6 {
    width: 50%;
  }
  .col-xs-ls-5 {
    width: 41.66666667%;
  }
  .col-xs-ls-4 {
    width: 33.33333333%;
  }
  .col-xs-ls-3 {
    width: 25%;
  }
  .col-xs-ls-2 {
    width: 16.66666667%;
  }
  .col-xs-ls-1 {
    width: 8.33333333%;
  }
}

/* Sweer alert needs to be calculated with this style */
.sweet-alert {
  box-sizing: content-box;
}

.sweet-alert h2 {
  font-size: 2.2vw;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0;
}
.sweet-alert p {
  font-size: 1.8vw;
  text-align: center;
}

.seven-cols {
  padding-left: 3vw;
  padding-right: 3vw;
}
.seven-cols .col-xs-1,
.seven-cols .col-md-1,
.seven-cols .col-sm-1,
.seven-cols .col-lg-1 {
  width: 14.285714285714285714285714285714%;
  *width: 14.285714285714285714285714285714%;
}
.five-cols {
  padding-left: 2vw;
  padding-right: 2vw;
}
.five-cols .col-xs-1,
.five-cols .col-md-1,
.five-cols .col-sm-1,
.five-cols .col-lg-1 {
  width: 20%;
  *width: 20%;
  padding-left: 1vw;
  padding-right: 1vw;
}

.form-control {
  font-size: 2.2vw;
  height: 5.2vw;
  padding-top: 0.5vw;
  padding-bottom: 0.5vw;
  line-height: 3.2vw;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
  margin-left: -2vw;
  width: 1.8vw;
  height: 1.8vw;
}

.modal-confirm .modal-dialog {
  width: 35vw;
  margin: auto;
  margin-top: calc((100vh - 10vw) / 2);
}
.modal-confirm .modal-body {
  text-align: center;
  font-size: 1.8vw;
}
.modal-confirm .modal-footer {
  padding: 1vw;
  text-align: center;
}
.modal-confirm .btn {
  line-height: 1.2;
  width: 10vw;
  font-size: 1.8vw;
  box-shadow: none;
}

[v-cloak] {
  display: none;
}

.has-error .help-block {
  color: #ff0000
}

/* Font Awesome extension */
.fa-times-thin:before {
	content: '\00d7';
}