@charset "UTF-8";
/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700); */
/** mixin */
/* //  @include transition; */
/** define value */
/* $gothic:  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,"Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; */
/* $googlefont : "Playfair Display SC"; */
.open-hours { padding-left: 35px; }

.kids-photo { margin-top: -10px; margin-bottom: 90px; }

.popup-msg { z-index: 999; background: #fffcdb; padding: 15px; width: 100%!important; border-radius: 5px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); }
.popup-msg__content { font-size: 15px; padding: 50px 30px; border: 3px dashed #f29d8d; }

#err_name, #err_address, #err_tel, #err_email, #err_email_confirm { -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); }

.swal2-modal .btn { color: #fff; border: 0; box-shadow: none; font-size: 17px; font-weight: 500; border-radius: 3px; padding: 10px 32px; margin: 0 5px; cursor: pointer; }
.swal2-modal .btn-success { border-left-color: #3085d6; border-right-color: #3085d6; background-color: #3085d6; margin-right: 20px; }
.swal2-modal .btn-danger { margin-left: 20px; background-color: #aaaaaa; }

.ui-button { cursor: pointer; position: absolute; top: 40px; right: 30px; }
.ui-button:before { content: ""; width: 20px; height: 2px; background: #000; display: block; position: relative; left: 0px; top: 2px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.ui-button:after { content: ""; width: 20px; height: 2px; background: #000; display: block; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
.ui-button:focus { outline: none; }

.reward { background: url("../../img/top/reward_bg.png") no-repeat; position: relative; padding: 195px 35px 130px 75px; margin-bottom: 55px; }
.reward__prize--1 { margin-bottom: 65px; }
.reward__prize--2 { padding-left: 20px; margin-bottom: 60px; }
.reward__prize--3 { padding-left: 40px; margin-bottom: 65px; }
.reward__prize--4 { padding-left: 50px; }
.reward__prize--last { position: absolute; bottom: 90px; right: 55px; }

.content01 { margin-bottom: 85px; padding-left: 30px; }
.content01__content--left { float: left; margin-right: 25px; }
.content01__content--right { float: left; position: relative; }
.content01__content__note { position: absolute; bottom: 25px; left: 300px; }

.content02 { position: relative; margin-bottom: 50px; }
.content02__content { margin-bottom: 40px; padding-left: 35px; }
.content02__content--3 { margin-bottom: 50px; }
.content02__content__icon { position: absolute; left: 77%; top: -20px; }

.content03 { padding-left: 15px; margin-bottom: 45px; }

.content04 { padding-left: 100px; margin-bottom: 40px; }

.contactWrap{
	background: url("../../img/pc/bg_line.png") repeat left top;
	background-size: contain;
}
.contact { padding: 140px 15px 30px 15px; background: url("../../img/top/form-header.png") no-repeat; background-position: 50% -4px; }
.contact__wrapper { padding: 30px 60px 40px 65px; background: #f7f7f7; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); width: 100%; border-radius: 10px; }
.contact__table { font-size: 19px; width: 100%; }
.contact__table tr th { text-align: left; font-weight: 400; width: 265px; vertical-align: bottom; padding: 30px 0 5px 10px; border-bottom: 1px dashed #282828; }
.contact__table tr td { vertical-align: bottom; padding: 30px 0 5px; border-bottom: 1px dashed #282828; }
.contact__table input { width: 100%; }
.contact__table input:focus { outline: none; }
.contact__table #stores { position: relative; background: url("../../img/top/icon-arrow.png") no-repeat; background-position: 100% 50%; width: 280px; }
.contact__table #stores:focus { outline: none; }
.contact__upload { text-align: center; margin: 60px 0 35px; }
.contact__upload__button { position: relative; cursor: pointer; background: url("../../img/top/btn-upload.png") no-repeat; width: 244px; height: 41px; margin: 0 auto 10px; }
.contact__upload__button input { color: transparent; opacity: 0; height: 100%; width: 100%; cursor: pointer; }
.contact__upload__status { display: block; }
.contact__submit { text-align: center; }
.contact__submit input { cursor: pointer; background: url("../../img/top/btn-submit.png") no-repeat; width: 378px; height: 87px; color: transparent; }
.contact__note { display: block; text-align: right; margin-top: 10px; padding-right: 30px; letter-spacing: 1.5px; }
.contact__msg { display: block; text-align: center; }


/*SP表示*/
@media screen and (max-width: 749px) {
.pc_display{
display:none;
}
.sp_display{
display:block;
}
	.contactWrap{
	background: url("../../img/sp/bg_line.png") repeat left top;
	background-size: contain;
}
	.contact { background: url("../../img/top/form-header_sp.png") no-repeat; background-size:contain; }
.contact__wrapper{
  padding: 20px 10px 40px 10px !important;
}
.contact__table tr th{
  font-size: 12px !important;
  display: block;
  width: 100%;
  border: none !important;
  background: #e9e9e9;
  padding: 10px;
  margin: 15px 0 0 0;
}
.contact__table tr td{
  font-size: 12px !important;
  display: block;
  width: 100%;
  padding: 15px 10px;
}
	.contact__table #stores { position: relative; background: url("../../img/top/icon-arrow.png") no-repeat; background-position: 100% 50%; width: 190px; }
.contact__submit input{
  width: 100% !important;
  height: 80px;
  background-size: 100%;
}
.contact__note{
  font-size: 10px;
  letter-spacing: 0px;
}
.ui-dialog{
  width: 100%!important;
}
}


/*PC表示*/
@media screen and (min-width: 750px) {
.sp_display{
display:none;
}
.pc_display{
display:block;
}
}