@CHARSET "UTF-8";

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

.left, .sectionTitle, 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;
}

body {
  display: block;
  background: #424242;
  color: rgba(255, 255, 255, 0.7);
  overflow-x: hidden;
  font-size: 16px;
  -webkit-user-select: none;
  -webkit-text-size-adjust: none;
}

html {
  overflow-x: hidden;
}

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

.sectionTitle {
  background: #343434;
  color: white;
  vertical-align: middle;
  width: 100%;
  padding: 12px 0px;
}
.sectionTitle label {
  margin: 0px 16px;
  display: inline-block;
}

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

.clear {
  clear: both;
}

ul.itemList {
  margin: 0px;
}

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

ul.itemList li .title{
  color: white;
  padding-bottom: 12px;
  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: 0px;
}

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

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

ul.itemList li .text_box {
  margin: 0px 23px 12px;
}

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

ul.itemList li.noBorder .title {
  color: white;
  padding-bottom: 12px;
  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: 0px;
}

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

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

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

ul.itemList li.noPadding .title {
  color: white;
  padding-bottom: 12px;
  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: 0px;
}

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

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

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

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

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

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

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

ul.simpleList {
  margin: 0px;
}

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: 0px;
  border-bottom: none;
}

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

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

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

.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: 0px;
  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: 14px 0px;
  margin: 0px;
  width: 100%;
  -webkit-appearance: none;
  border-radius: 0;
}

div.footer {
  padding-bottom: 60px;
}
@media (min-width: 600px) and ( orientation: portrait), (min-height: 460px) and (orientation: landscape) {
  div.footer {
    padding-bottom: 90px;
  }
}

#mainImage img{
  width : 100%;
}

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

.largeFont {
  font-size : 20px;
}
.baseFont {
  font-size : 16px;
}
.smallFont {
  font-size : 12px;
}

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

.inputForm{
  height : 32px;
  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 : 0px 0px 12px;
  border : none;
}

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

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 16px 16px;
  overflow: auto;
  max-height: 80%;
}

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

.modal .modal-content ul.itemList li {
  margin: 0px 0px;
  padding: 14px 0;
}


.modal .modal-title {
  margin : 16px 16px 14px;
  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: 0px;
  text-transform: uppercase;
  cursor: pointer;
  color: white;
  font-size: 16px;
  padding : 14px 0px;
  -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: 0px;
  text-transform: uppercase;
  cursor: pointer;
  color: white;
  font-size: 16px;
  padding : 14px 0px;
  -webkit-appearance: none;
  border-radius: 0;

}

.clearBoth{
  clear: both;
}

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

img.fitWidthImg {
  width: 100%;
}

li.imgListContents div.leftImg {
  float: left;
  padding-right : 16px;
}

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

div.marginBox {
  margin : 16px;
}