@CHARSET "UTF-8";

.right, ul li ul.link, ul li.noBorder ul.link, ul li.noPadding ul.link, ul.link {
  text-align: right;
}

.left, .section-title, ul, ul.simpleList {
  text-align: left;
}

.center,  .halfButton {
  text-align: center;
}

.bold, a, a:active{
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

* {
  margin: 0;
  padding: 0;
  font-family: Helvetica;
}

h1,h2,h3,h4,h5,h6 {
    font-weight : normal;
}

html {
  font-size: 62.5%; /* -> 10px; */
  background: #262626;
  overflow-x: hidden;
}
body {
  display: block;
  color : white;
  overflow-x: hidden;
  font-size: 16px;
  -webkit-user-select: none;
  -webkit-text-size-adjust: none;
}

#displayBox {
  max-width: 600px;
  margin: auto;
}

#display-box {
  max-width: 600px;
  margin: auto;
  background-color: #292929;
  min-height : 100%;
}


ul li{
  list-style: none;
}

a, a:active {
  color: #95c4ff;
  text-decoration: none;
  font-weight: normal;
}

.section-title {
  background: #343434;
  color: white;
  vertical-align: middle;
  width: 100%;
  padding: 1.2rem 0;
}
.section-title label {
  margin: 0 1.6rem;
  display: inline-block;
}

.halfArea {
  width: 46%;
  padding: 2%;
  float: left;
}

.clear {
  clear: both;
}

ul.itemList {
  margin: 0;
}

ul.itemList li{
  list-style-type: none;
  overflow: hidden;
  display: -webkit-box;
  display: block;
  -webkit-box-align: center;
  padding: 1.6rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

ul.itemList li .title{
  color: white;
  padding-bottom: 1.2rem;
  font-size: 16px;
}

ul.itemList li .description {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  font-weight: normal;
}

ul.itemList li ul.link {
  margin: 0;
}

ul.itemList li ul.link li {
  list-style-type: none;
  overflow: hidden;
  display: -webkit-box;
  display: block;
  -webkit-box-align: center;
  padding: 1.6rem 0;
  border-bottom: none;
}

ul.itemList li ul.link li:last-child {
  padding-bottom: 0;
}

ul.itemList li .text_box {
  margin: 0 2.4rem 1.2rem;
}

ul.itemList li.noBorder {
  list-style-type: none;
  overflow: hidden;
  display: -webkit-box;
  display: block;
  -webkit-box-align: center;
  padding: 1.6rem;
  border-bottom: none;
}

ul.itemList li.noBorder .title {
  color: white;
  padding-bottom: 1.2rem;
  font-size: 16px;
}

ul.itemList li.noBorder .description {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  font-weight: normal;
}

ul.itemList li.noBorder ul.link {
  margin: 0;
}

ul.itemList li.noBorder ul.link li {
  list-style-type: none;
  overflow: hidden;
  display: -webkit-box;
  display: block;
  -webkit-box-align: center;
  padding: 1.6rem 0;
  border-bottom: none;
}

ul.itemList li.noBorder ul.link li:last-child {
  padding-bottom: 0;
}

ul.itemList li.noPadding {
  list-style-type: none;
  overflow: hidden;
  display: -webkit-box;
  display: block;
  -webkit-box-align: center;
  padding: 0;
  border-bottom: none;
}

ul.itemList li.noPadding .title {
  color: white;
  padding-bottom: 1.2rem;
  font-size: 16px;
}

ul.itemList li.noPadding .description {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  font-weight: normal;
}

ul.itemList li.noPadding ul.link {
  margin: 0;
}

ul.itemList li.noPadding ul.link li {
  list-style-type: none;
  overflow: hidden;
  display: -webkit-box;
  display: block;
  -webkit-box-align: center;
  padding: 1.6rem 0;
  border-bottom: none;
}

ul.itemList li.noPadding ul.link li:last-child {
  padding-bottom: 0;
}

ul.itemList li.noPadding ul.link {
  margin: 0;
}

ul.itemList li.noPadding ul.link li {
  list-style-type: none;
  overflow: hidden;
  display: -webkit-box;
  display: block;
  -webkit-box-align: center;
  padding: 1.6rem 0;
  border-bottom: none;
}

ul.itemList li.noPadding ul.link li:last-child {
  padding-bottom: 0;
}

ul.itemList li.noPadding ul.link li:last-child {
  padding-bottom: 1.6rem;
}

ul.itemList li:last-child {
  border-bottom: none;
}

ul.simpleList {
  margin: 0;
}

ul.simpleList li {
  color: rgba(255, 255, 255, 0.7);
  list-style-type: desc;
  overflow: hidden;
  display: -webkit-box;
  display: block;
  -webkit-box-align: center;
  padding: 0;
  border-bottom: none;
}

ul.simpleList li:last-child {
  padding-bottom: 0;
}

ul.link {
  margin: 0;
}
ul.link li {
  list-style-type: none;
  overflow: hidden;
  display: -webkit-box;
  display: block;
  -webkit-box-align: center;
  padding: 1.6rem;
  border-bottom: none;
}
ul.link li:last-child {
  padding-bottom: 0;
}

.review {
  text-align: center;
}
.reviewStar {
  height: 1.6rem;
  background: url("../../img/common/review_star.png") no-repeat top center;
  background-size: contain;
  margin-bottom: 1.2rem;
}
.reviewBtn {
  background-color: #3b77ae;
  display:inline-block;
  margin: 1.6rem 0 0;
}
.reviewBtn a {
  display: block;
  color: white;
  padding: 1.2rem 6.0rem;
}
.reviewBtnImg {
  display:inline-block;
  margin: 1.6rem 0 0;
  padding: 0 6.0rem;
}

.reviewBtnImg img {
  width : 100%;
}
/* line 28, ../../sass/common/parts/_text.scss */
.text_red {
  color: #ff9c9c;
}

.text_orange {
  color: #fdba38;
}

.text-white {
  color : white;
}

.text_lightGray {
  color:rgba(255,255,255,0.7);
}


/* line 10, ../../sass/common/parts/_button.scss */
.blueButton, input[type="submit"], input[type="button"], .halfButton {
  width: 90%;
  /*height: 50px;*/
  margin: 0;
  text-transform: uppercase;
  cursor: pointer;
  color: white;
  background: #385b7a;
  border: 1px solid #385b7a;
  font-size: 16px;
}

/* line 27, ../../sass/common/parts/_button.scss */
.halfButton {
  padding: 1.4rem 0;
  margin: 0;
  width: 100%;
  -webkit-appearance: none;
  border-radius: 0;
}

div.footer {
  padding-bottom: 6.0rem;
}

#mainImage img{
  width : 100%;
}

ul li img.listImage, .buttonImage, .banner{
  width : 100%;
}


form {
  margin: auto;
  text-align: center;
}

.inputForm{
  height : 3.2rem;
  font-size : 16px;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color : black;
}

ul.inputFormList li{
  padding : 0 0 1.2rem;
  border : none;
}

ul.inputFormList li:last-child{
  padding: 0;
}

span.disable {
  color : rgba(255, 255, 255, 0.12);;
}

.modal {
  background-color: #424242;
  text-align: left;
  display: none;
  position: fixed;
  max-height: 90%;
  z-index: 2;
  width: 90%;
}
.modal .modal-content {
  padding : 0 1.6rem 1.6rem;
  overflow: auto;
  max-height: 80%;
}

.modal .modal-content ul.list {
  height : 100%;
}

.modal .modal-content ul.itemList li {
  margin: 0;
  padding: 1.4rem 0;
}


.modal .modal-title {
  margin : 1.6rem 1.6rem 1.4rem;
  font-weight: bold;
  color : #ffffff;

}

#modal-overlay{
  z-index:1;
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:120%;
  background-color: rgba(0,0,0,0.75);
}

.halfOrangeButton {
  background: #FD932B;
  border: 1px solid #FD932B;
  width: 100%;
  /*height: 50px;*/
  margin: 0;
  text-transform: uppercase;
  cursor: pointer;
  color: white;
  font-size: 16px;
  padding : 1.4rem;
  -webkit-appearance: none;
  border-radius: 0;
}

input[type="button"].grayButton {
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.12);
  width: 90%;
  /*height: 50px;*/
  margin: 0;
  text-transform: uppercase;
  cursor: pointer;
  color: white;
  font-size: 16px;
  padding : 1.4rem 0;
  -webkit-appearance: none;
  border-radius: 0;

}

.clearBoth{
  clear: both;
}

.separator {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.thin-separator {
  border-bottom : 1px solid #595959;
}

img.fitWidthImg {
  width: 100%;
}

li.imgListContents div.leftImg {
  float: left;
  padding-right : 1.6rem;
}

li.imgListContents div.text {
  overflow: hidden;
}

.marginBottomBaseHeight {
  margin-bottom : 1em;
}

.lineBox {
  border: 2px solid #FFFFFF;
  padding: 1.6rem;
  /*position: relative;*/
}


.hiddenArea {
  display: none;
}
/**
--------------------------
 line-height
--------------------------
*/
.line-height-13em {
  line-height : 1.5em;
}

/**
--------------------------
 margin, padding
 m : margin
 p : padding
 -
 t : top
 b : bottom
 l : left
 r : right
 x : both (left and right)
 y : both (top and bottom)
 a : all
--------------------------
*/
.mt-12 {
  margin-top : 1.2rem;
}
.mt-14 {
  margin-top : 1.4rem;
}
.mt-16 {
  margin-top : 1.6rem;
}
.mt-22 {
  margin-top : 2.2rem;
}
.mt-24 {
  margin-top : 2.4rem;
}
.mt-32 {
  margin-top : 3.2rem;
}
.mt-40 {
  margin-top : 4.0rem;
}
.mt-48 {
  margin-top : 4.8rem;
}
.mb-8 {
  margin-bottom: 0.8rem;
}
.mb-10 {
  margin-bottom : 1.0rem;
}
.mb-12 {
  margin-bottom : 1.2rem;
}
.mb-15 {
  margin-bottom: 1.5rem;
}
.mb-16 {
  margin-bottom: 1.6rem;
}
.mb-22 {
  margin-bottom : 2.2rem;
}
.mb-24 {
  margin-bottom: 2.4rem;
}
.mb-28 {
  margin-bottom: 2.8rem;
}
.mb-32 {
  margin-bottom: 3.2rem;
}
.mb-40 {
  margin-bottom: 4.0rem;
}
.mb-48 {
  margin-bottom: 4.8rem;
}
.mb-72 {
  margin-bottom: 7.2rem;
}
.mr-16 {
  margin-right : 1.6rem;
}
.mr-28 {
  margin-right : 2.8rem;
}
.mx-10 {
  margin-left: 1.0rem;
  margin-right: 1.0rem;
}
.mx-12 {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.mx-16 {
  margin-left: 1.6rem;
  margin-right: 1.6rem;
}
.mx-24 {
  margin-left: 2.4rem;
  margin-right: 2.4rem;
}
.mx-28 {
  margin-left: 2.8rem;
  margin-right: 2.8rem;
}
.mx-32 {
  margin-left: 3.2rem;
  margin-right: 3.2rem;
}
.mx-38 {
  margin-left: 3.8rem;
  margin-right: 3.8rem;
}
.mx-50 {
  margin-left: 5.0rem;
  margin-right: 5.0rem;
}
.my-16 {
  margin-top : 1.6rem;
  margin-bottom: 1.6rem;
}
.my-24 {
  margin-top : 2.4rem;
  margin-bottom: 2.4rem;
}
.my-28 {
  margin-top : 2.8rem;
  margin-bottom: 2.8rem;
}
.my-32 {
  margin-top : 3.2rem;
  margin-bottom: 3.2rem;
}
.my-36 {
  margin-top : 3.6rem;
  margin-bottom: 3.6rem;
}
.my-40 {
  margin-top : 4.0rem;
  margin-bottom: 4.0rem;
}
.my-48 {
  margin-top : 4.8rem;
  margin-bottom: 4.8rem;
}
.ma-16 {
  margin : 1.6rem;
}
.ma-24 {
  margin : 2.4rem;
}
.pt-12 {
  padding-top: 1.2rem;
}
.pt-16 {
    padding-top: 1.6rem;
}
.pb-8 {
  padding-bottom: 0.8rem;
}
.pb-12 {
  padding-bottom: 1.2rem;
}
.pb-16 {
  padding-bottom: 1.6rem;
}
.pb-24 {
  padding-bottom: 2.4rem;
}
.pr-16 {
  padding-right : 1.6rem;
}
.px-12 {
  padding-left : 1.2rem;
  padding-right : 1.2rem;
}
.px-16 {
  padding-left : 1.6rem;
  padding-right : 1.6rem;
}
.px-24 {
  padding-left : 2.4rem;
  padding-right : 2.4rem;
}
.px-32 {
  padding-left : 3.2rem;
  padding-right : 3.2rem;
}
.py-12 {
  padding-top : 1.2rem;
  padding-bottom: 1.2rem;
}

.py-16 {
  padding-top : 1.6rem;
  padding-bottom: 1.6rem;
}
.py-24 {
  padding-top : 2.4rem;
  padding-bottom: 2.4rem;
}
.py-32 {
  padding-top : 3.2rem;
  padding-bottom: 3.2rem;
}
.pa-8 {
  padding : 0.8rem;
}
.pa-16 {
  padding : 1.6rem;
}
/**
--------------------------
 font
--------------------------
*/

.largeFont {
  font-size : 20px;
}
.baseFont {
    font-size : 16px;
}
.font-12 {
  font-size : 12px;
}
.font-13 {
    font-size : 13px;
}
.font-14 {
  font-size : 14px;
}
.font-15 {
  font-size : 15px;
}
.font-16 {
  font-size : 16px;
}
.font-18 {
    font-size : 18px;
}
.font-20 {
  font-size: 20px;
}
.font-24 {
  font-size : 24px;
}
.smallFont {
  font-size : 12px;
}

/**
--------------------------
 table
--------------------------
*/
.table {
  display : table;
  table-layout: fixed;
}

.table-cell {
  display: table-cell;
}

/**
--------------------------
 align
--------------------------
*/
.align-middle {
  vertical-align: middle;
}

.align-top {
  vertical-align: top;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.align-left {
  text-align: left;
}

.absolute-center {
  position:absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.absolute-bottom-center {
  position:absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%,0%);
  -moz-transform: translate(-50%,0%);
  -ms-transform: translate(-50%,0%);
  -o-transform: translate(-50%,0%);
  transform: translate(-50%,0%);
}
/**
--------------------------
 color
 c : color
 b : background color
--------------------------
*/
.c-white-94 {
  color : rgba(255, 255, 255, 0.94);
}
.c-white-70 {
  color: rgba(255, 255, 255, 0.7);
}
.c-light-blue-violet {
  color : #b7bff3;
}
.c-light-blue {
  color : #669cdd;
}

.c-light-red {
  color: #ff9c9c;
}


.c-white {
  color : white;
}

.c-orange {
  color: #fdba38;
}
.c-black-87 {
  color: rgba(0, 0, 0, 0.87);
}

.c-black {
  color : black;
}

.c-blue-system {
  color : #50E3C2;
}
/**
* トラックベースの濃い方
*/
.b-dark-base {
  background-color : #343434;
}
/**
* トラックベース薄い方
*/
.b-base {
  background-color: #424242;
}

.b-dark-base {
  background-color: #292929;
}


.b-white {
  background-color: #FFFFFF;
}
.b-blue-276aa5 {
  background : #276aa5;
}


.b-green-00693d {
  background : #00693d;
}

.b-navy-161b60 {
  background : #161b60;
}
.b-blue-1e2b74 {
  background : #1e2b74;
}
/**
--------------------------
 shadow
--------------------------
*/
.card-box-shadow {
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0,0,0,0.50);
}

/**
--------------------------
 decoration
--------------------------
*/
.underline {
  text-decoration: underline;
}

.weight-normal {
  font-weight : normal;
}


/**
--------------------------
 width
--------------------------
*/
.width-30 {
  width: 30%;
}
.width-40 {
  width : 40%;
}
.width-50 {
  width : 50%;
}
.width-60 {
  width : 60%;
}
.width-70 {
  width : 70%;
}

.width-80 {
  width : 80%;
}
.width-90 {
  width : 90%;
}

.width-100 {
  width : 100%;
}

/**
--------------------------
 box
--------------------------
*/
.box-flex {
  display : -webkit-flex;
  display: -webkit-box;/* Android4.3以前ブラウザ用 */
  display : flex;
  -webkit-box-align: center;
  -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
  justify-content:space-between;

}

/**
--------------------------
 display
--------------------------
*/
.display-hidden {
  display : none;
}

.display-inline-block {
  display : inline-block;
}

/**
--------------------------
 border
--------------------------
*/
.border-bottom-base {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.border-box-white {
    border: 2px solid #FFFFFF;
}

.border-box-gold {
  border : 2px solid #c4b514;
}

/**
--------------------------
 button
--------------------------
*/
.button {
  width: 90%;
  height: 5.0rem;
  margin: 0;
  text-transform: uppercase;
  cursor: pointer;
}

.button-blue {
  color: white;
  background: #385b7a;
  border: 1px solid #385b7a;
}
.border-blue-button {
  background-image: linear-gradient(to bottom, #225686 50%, #1a4c79 51%);
  border: 2px solid #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  text-decoration: none;
}
.border-black-button {
  border: 1px solid #ffffff;
  border-radius: 8px;
  background-color: transparent;
}
button.flatButton {
  width: 100%;
  border: none;
  padding: 1.4rem 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
span.mainText {
  font-size : 18px;
  letter-spacing: 2px;
  font-weight: bold;
}
span.smallText {
  font-size : 14px;
}

span.exSmallText {
  font-size : 10px;
}
div.prTextArea {
  margin-top : 0.8rem;
  margin-bottom: 0.8rem;
}
span.pr {
  background-color : white;
  color : #276aa5;
  font-weight: bold;
  text-align: center;
  font-size : 12px;
  border-radius: 2px;
  padding : 0.8rem;
}
.pc { display: none !important; }
.sp { display: block !important; }
/**
--------------------------
 spacing
--------------------------
*/
.spacing-5 {
  letter-spacing: 5px;
}

@media (min-width: 600px) and (orientation: portrait), (min-height: 460px) and (orientation: landscape) {
  html {
    overflow-x: hidden;
    font-size: 93.75%;
  }
  .pc { display: block !important; }
  .sp { display: none !important; }


}