@charset "euc-jp";
/*================================================
Title / PC
================================================*/

.TopTitle {
  width: 950px;
  height: 300px;
  margin: 10px auto;
  background-image: url(/doc/special/gentei/0304/asset/img/top_title.jpg?20180319);
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.TopLead {
  margin-bottom: 20px;
  line-height: 1.5;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.TopLeadAttention {
  margin: 0px 5px;
  font-size: 12px;
}
.ToDetail {
  display: block;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  padding: 1% 0%;
  line-height: 1.4;
  background-color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  color: #BF0A0A;
  text-align: center;
}
.ToDetail:hover {
  background-color: #FFF7D0;
  transition: all 0.3s ease;
}
.compe_ichioshi {
  margin-bottom: 80px;
}
.compe_ichioshi a {
  display: block;
}
.compe_ichioshi a:hover {
  opacity: 0.8;
}
.top_banner {
  margin: 10px 0 30px;
}
/*================================================
Coupon / PC
================================================*/

.coupon {
  position: relative;
  margin: 0px auto 20px;
  background: #FFF;
  text-align: center;
  line-height: 1.6;
  width: 900px;
}
.coupon a {
  display: block;
  border: 5px solid #C8AC62;
  text-decoration: none;
  padding: 10px;
}
.coupon a:hover, .coupon a:active {
  opacity: 0.8;
  filter: alpha(opacity=80);
  transition: all 0.3s ease;
}
.coupon .catch {
  padding: 3px;
  background-color: #FCF8D3;
  background: -moz-linear-gradient(left, #C8AC62, #FCF8D3 50%, #C8AC62);
  background: -webkit-gradient(linear, left top, right top, from(#C8AC62), color-stop(0.5, #FCF8D3), to(#C8AC62));
  background: linear-gradient(left, #C8AC62, #FCF8D3 50%, #C8AC62);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C8AC62', endColorstr='#FCF8D3')";
 filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#C8AC62', endColorstr='#FCF8D3');
  color: #6D0C15;
  font-weight: bold;
  font-size: 150%;
}
.catch span {
  font-size: 50%;
}
.coupon .number {
  position: absolute;
  top: 70px;
  left: 30px;
  width: 100px;
  height: 80px;
  margin: 7px;
  padding-top: 20px;
  line-height: 1.2;
  font-size: 90%;
  background: #BF0A0A;
  border-radius: 100%;
  color: #FFF;
}
.coupon .number em {
  font-size: 170%;
  font-style: normal;
  font-weight: bold;
}
.coupon .price {
  position: relative;
  margin: 3px;
  color: #BF0A0A;
  font-size: 200%;
  font-weight: bold;
}
.coupon .price:after {
  display: block;
  position: absolute;
  top: 120%;
  right: 30px;
  width: 7px;
  height: 7px;
  margin-top: -7px;
  border-top: 3px solid #BF0A0A;
  border-right: 3px solid #BF0A0A;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.coupon .click {
  background-color: #FF6600;
  width: 550px;
  margin: 0px auto 5px auto;
  padding: 5px;
  border-radius: 30px;
  color: #FFF;
  font-size: 150%;
}
.coupon .term {
  font-size: 90%;
  list-style-type: none;
}
.coupon .term li {
  margin: 3px;
  color: #4F2B2D;
}
.effect::before, .effect::after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}
.effect::after {
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
/*================================================
Schedule / PC
================================================*/

.Schedule {
  margin-bottom: 20px;
}
.ScheduleTitle {
  width: 60%;
  margin: 0px auto 20px auto;
  padding: 1% 0%;
  text-align: center;
  color: #BF0A0A;
  font-size: 18px;
  font-weight: bold;
}
.ScheduleDay {
  display: block;
  width: 60%;
  margin: 0px auto;
}
.ScheduleDay .Num {
  display: block;
  float: left;
  width: 15%;
  padding: 1% 0%;
  border-bottom: 1px #FFFFFF solid;
  text-align: center;
  background-color: #BF0A0A;
  color: #FFFFFF;
}
.ScheduleDay .Finish {
  display: block;
  float: left;
  width: 85%;
  padding: 1% 0%;
  border-bottom: 1px #FFFFFF solid;
  color: #CCCCCC;
  text-align: center;
  text-decoration: line-through;
}
.ScheduleDay .Before {
  display: block;
  float: left;
  width: 85%;
  padding: 1% 0%;
  border-bottom: 1px #FFFFFF solid;
  text-align: center;
}
/*===== ¥®¥¢¥×¥ì¥¼¥ó¥È =====*/
.GearPresent {
  background-color: #f9e9c8;
  margin-bottom: 40px;
  padding-top: 25px;
}
.GearPresent h2 {
  width: 900px;
  height: 200px;
  margin: 0px auto 40px;
  background-image: url(/doc/special/gentei/0304/asset/img/gear_present_900x200.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.GearPresent .present-detail {
  width: 900px;
  margin: 0px auto 40px;
}
.GearPresent .present-detail div {
  float: left;
}
.GearPresent .present-detail .present-txt {
  width: 45%;
  font-size: 20px;
  font-weight: bold;
  text-shadow: 1px 1px #ffffff;
  line-height: 1.4em;
  text-align: center;
  margin: 10px 20px 0 0;
}
.GearPresent .present-detail .present-txt .present-description {
  color: #004e00;
  font-size: 16px;
  line-height: 1.2em;
  margin-bottom: 20px;
}
.GearPresent .present-detail .present-txt .present-number {
  color: #e70000;
  font-size: 20px;
  margin-top: 20px;
}
.GearPresent .Entry a {
  display: block;
  width: 680px;
  height: 80px;
  margin: 0 auto;
  padding-bottom: 40px;
  background-image: url(/doc/special/gentei/0304/asset/img/btn_entry_680x80.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}
.GearPresent .Entry span {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.GearPresent a:hover, .GearPresent a:active {
  opacity: 0.8;
  filter: alpha(opacity=80);
  transition: all 0.3s ease;
}
.accordion > ul > .GearCamp > a {
  display: block;
  background-color: #FFF;
  border: 2px solid #60bf7b;
  cursor: pointer;
  position: relative;
  padding: 10px 12px !important;
  color: #000000 !important;
  font-weight: bold;
  font-size: 100%;
  text-decoration: none;
}
.accordion > ul > .GearCamp > a:hover {
  background-color: #caf4d5;
}
.GearCamp dl dt {
  font-weight: bold;
}
.GearCamp dl dd {
  margin: 0 0 5px 10px;
}
/*================================================
accordion / PC
================================================*/

.accordionTitle {
  margin-top: 10px;
  padding: 5px;
  background-color: #BF0A0A;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
}
.accordion {
  width: 950px;
  margin: 0px auto 50px;
  background-color: #FFFFFF;
  line-height: 1.75;
}
.accordion li {
  margin: 10px 0px;
  font-size: 13px;
}
.accordion li img {
  display: block;
  margin: 20px auto;
}
.accordion > ul > li > a {
  display: block;
  overflow: hidden;
  background-color: #FFF;
  border: 2px solid #BF0A0A;
  cursor: pointer;
  position: relative;
  padding: 10px 12px !important;
  color: #000000 !important;
  font-weight: bold;
  font-size: 100%;
  text-decoration: none;
}
.accordion > ul > li > a:hover {
  background-color: #FFF7D0;
}
.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after {
  position: absolute;
  right: 12px;
  top: 8px;
  color: #FF6600;
}
.accordion > ul > li > a:after {
  content: "\25bc";
  text-shadow: none;
}
.accordion > ul > li > a.active:after {
  content: "\25bc";
  text-shadow: none;
}
.accordion > ul > li > ul {
  display: none;
}
.Red {
  color: #CC0000;
  font-weight: bold;
}
.toggle {
  height: 25px;
}
.CourseArea {
  float: left;
  display: block;
  width: 120px;
  margin-right: 5px;
  text-align: center;
}
.CourseTitle {
  float: left;
  display: block;
}
.CourseList {
  display: inline-block;
  width: 48%;
  margin-left: 1%;
  padding: 0.1%;
}
.CourseList:hover {
  background-color: #FFF7D0;
}
.CourseList .Pref {
  display: inline-block;
  width: 70px;
  margin-right: 5px;
  padding: 1px;
  text-align: center;
  color: #000000;
  font-weight: bold;
}
.CourseList .Name {
  display: inline-block;
  width: auto;
  padding: 1px;
  text-decoration: underline;
}
.toggle .AreaHokkaido {
  background-color: #F5DADA;
}
.toggle .AreaKanto {
  background-color: #F5DADA;
}
.toggle .AreaChubu {
  background-color: #F5DADA;
}
.toggle .AreaKinki {
  background-color: #F5DADA;
}
.toggle .AreaChugoku {
  background-color: #F5DADA;
}
.toggle .AreaKyushu {
  background-color: #F5DADA;
}
.AreaHokkaido .Pref {
  background-color: #F5DADA;
}
.AreaKanto .Pref {
  background-color: #F5DADA;
}
.AreaChubu .Pref {
  background-color: #F5DADA;
}
.AreaKinki .Pref {
  background-color: #F5DADA;
}
.AreaChugoku .Pref {
  background-color: #F5DADA;
}
.AreaKyushu .Pref {
  background-color: #F5DADA;
}
/*================================================
AdArea / PC
================================================*/

.AdArea {
  margin-bottom: 50px;
}

@media (max-width: 767px) {
/*================================================
Title / SP
================================================*/

.TopTitle {
  width: 100%;
  height: 0;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-top: 34.722%;
  background-image: url(/doc/special/gentei/0304/asset/img/top_title_sp.jpg?20180319);
  background-size: contain;
}
.TopLead {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  text-align: left;
  font-size: 13px;
  font-weight: bold;
  text-align: justify;
  text-justify: inter-ideograph;
}
.TopLeadAttention {
  margin: 0px 0px;
  font-size: 13px;
}
.ToDetail {
  width: 80%;
  padding: 10px;
  margin: 0px auto 20px auto;
  font-size: 14px;
}
.compe_ichioshi {
  margin-bottom: 40px;
}
.compe_ichioshi img {
  width: 96%;
  height: auto;
  margin: 0 auto;
}
.top_banner {
  margin: 10px auto;
}
.top_banner img {
  width: 96%;
  height: auto;
  margin: 0 auto;
}
/*================================================
Coupon / SP
================================================*/

.coupon {
  width: 96%;
  line-height: 1.2;
}
.coupon .catch {
  font-size: 100%;
}
.catch span {
  display: block;
  font-size: 50%;
}
.coupon .number {
  position: static;
  width: 100%;
  height: auto;
  padding: 0px;
  border-radius: 0px;
  color: #BF0A0A;
  background: #FFF;
}
.coupon .number br {
  display: none;
}
.coupon .number em {
  font-size: 130%;
  font-style: normal;
  font-weight: bold;
}
.coupon .price {
  margin-bottom: 10px;
  font-size: 120%;
}
.coupon .price::after {
  display: none;
}
.coupon .click {
  width: 100%;
  box-sizing: border-box;
  font-size: 120%;
  font-weight: bold;
}
.coupon .term {
  font-size: 12px;
}
.coupon .term li {
  line-height: 1.5;
  text-align: center;
}
/*================================================
Schedule / SP
================================================*/

.ScheduleTitle {
  width: 96%;
  margin: 0px auto 20px auto;
  padding: 1% 0%;
  text-align: center;
  color: #BF0A0A;
  font-size: 14px;
  font-weight: bold;
}
.ScheduleDay {
  display: block;
  width: 80%;
  margin: 0px auto;
}
.ScheduleDay .Num {
  width: 18%;
  padding: 2% 0%;
  font-size: 12px;
}
.ScheduleDay .Finish {
  width: 78%;
  padding: 2% 2%;
  line-height: 1.25;
  font-size: 12px;
}
.ScheduleDay .Before {
  width: 100%;
  padding: 0;
  line-height: 1.25;
  font-size: 12px;
  float: none;
}
/*===== ¥®¥¢¥×¥ì¥¼¥ó¥È =====*/
.GearPresent {
  width: 96%;
  margin: 0 auto 20px;
  padding-top: 0;
}
.GearPresent h2 {
  width: 100%;
  height: 0;
  padding-top: 31.25%;
  margin: 0 auto 20px;
  background-image: url(/doc/special/gentei/0304/asset/img/gear_present_640x200.jpg);
}
.GearPresent .present-detail {
  width: 100%;
  margin: 0 auto 10px;
}
.GearPresent .present-detail div {
  width: 90%;
  margin: 0 auto;
  float: none;
}
.GearPresent .present-detail .present-txt {
  width: 90%;
  font-size: 16px;
  margin: 0 auto 10px;
}
.GearPresent .present-detail div img {
  width: 100%;
  height: auto;
}
.GearPresent .Entry a {
  width: 90%;
  height: 0;
  padding-top: 20%;
  padding-bottom: 20px;
  margin: 0 auto 20px;
  background-image: url(/doc/special/gentei/0304/asset/img/btn_entry_500x100.jpg);
}
/*================================================
accordion / SP
================================================*/

.accordion {
  width: 96%;
  font-size: 14px;
}
.toggle {
  height: 23px;
}
.CourseArea {
  float: left;
  display: block;
  width: 100px;
  margin-right: 5px;
  text-align: center;
  background-color: #FFB27F;
}
.CourseTitle {
  float: left;
  display: block;
}
.CourseList {
  display: block;
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2px;
  padding: 0.1%;
  font-size: 14px;
}
.CourseList .Pref {
  width: auto;
  margin-right: 3px;
  padding: 0px 2px;
}
/*================================================
Calendar / SP
================================================*/  
  
.Calendar {
  display: none;
}
}
/*================================================
CommonInner
================================================*/

.CommonInner {
  width: 950px;
  margin: 0px auto;
  font-family: "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
}
.over:hover {
  opacity: 0.5;
  transition: all 0.3s ease;
}

@media (max-width: 767px) {
.CommonInner {
  width: 100%;
}
}
/*================================================
Breadcrumb
================================================*/

.Breadcrumb {
  width: auto;
  margin: 0px 8px;
  padding: 5px;
  background-color: #E7E7E7;
  font-size: 75%;
}
.Breadcrumb li {
  display: inline-block;
}
.Breadcrumb li:after {
  content: " > ";
}
.Breadcrumb li:last-child:after {
  content: none;
}
.Breadcrumb a {
  color: #000000;
  text-decoration: none;
}

@media (max-width: 767px) {
.Breadcrumb {
  display: none;
}
}
/*================================================
Pagetop
================================================*/

.Pagetop {
  clear: both;
  width: 100%;
  margin-bottom: 50px;
  text-align: right;
}
.Pagetop a {
  padding: 0px 0px 3px 30px;
  background-image: url(/doc/special/gentei/0304/asset/img/pagetop.png);
  background-repeat: no-repeat;
  color: #000000;
  font-size: 100%;
  text-decoration: none;
}
.Pagetop a:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
.Pagetop {
  width: 100%;
  padding: 0px;
  text-align: right;
}
}
/*================================================
clearfix
================================================*/

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
 *zoom: 1;
}
/*================================================
display on / off
================================================*/

.pc {
  display: block;
}
.sp {
  display: none;
}

@media (max-width: 767px) {
.pc {
  display: none;
}
.sp {
  display: block;
}
}
/*================================================
Calendar / PC
================================================*/

.left {
  float: left;
}
ul.area {
  height: 30px;
  padding: 0;
  list-style-type: none;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}
ul.area li {
  float: right;
  padding: 0 0 0 14px;
  margin: 6px 10px 0 0;
  background: url(/doc/special/gentei/0304/asset/img/icon01.gif) no-repeat 0 2px;
}
ul.area li a {
  text-decoration: underline;
}
.nav {
  width: 100%;
  height: 59px;
  margin: 0px 0px 5px;
  padding-top: 0;
  overflow: hidden;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 5px solid #594C43;
}
.nav ul {
  width: 100%;
  margin: 0;
  margin-left: 0px;
  padding-top: 22px;
  list-style-type: none;
  text-align: center;
}
.nav ul li {
  margin: 0 3px;
  background: url(/doc/special/gentei/0304/asset/img/tab_gen_left.gif) no-repeat left top;
  float: left;
}
.nav ul li a {
  display: block;
  padding: 10px 15px;
  background: url(/doc/special/gentei/0304/asset/img/tab_gen_right.gif) no-repeat right top;
}
.nav ul li.active {
  background: url(/doc/special/gentei/0304/asset/img/tab_act_left.gif) no-repeat left top;
}
.nav ul li.active a {
  padding: 10px 20px;
  background: url(/doc/special/gentei/0304/asset/img/tab_act_right.gif) no-repeat right top;
  color: #FFFFFF;
}
.nav ul li.w312 {
  width: 312px;
}
.nav ul li.w233 {
  width: 233px;
}
.nav ul li.w220 {
  width: 220px;
}
.nav ul li.w200 {
  width: 200px;
}
.nav ul li.w186 {
  width: 186px;
}
.nav ul li.w180 {
  width: 180px;
}
.nav ul li.w172 {
  width: 172px;
}
.nav ul li.w150 {
  width: 150px;
}
.nav ul li.w96 {
  width: 96px;
}
.nav ul li.w83 {
  width: 83px;
}
.btnMonth {
  width: 950px;
  padding: 10px 0 0;
  overflow: hidden;
  position: relative;
  z-index: 2;
  font-size: 20px;
}
.btnMonth h3 {
  float: left;
  width: 360px;
  border-left: 10px solid #EA701E;
  color: #594C43;
  text-align: left;
  padding: 5px 0px 5px 16px;
  font-size: 28px;
}
.btnMonth .btn {
  float: left;
  margin: 0 5px;
  padding: 5px 5px 5px 5px;
  position: relative;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}
.btnMonth .btn:active {
  top: 3px;
  box-shadow: none;
}
.btnMonth .btnOrg {
  width: 260px;
  background: #EA701E;
  box-shadow: 0 2px 0 #CC5200;
}
.btnMonth .btnOrg:hover {
  background-color: #FFA23C;
}
.Calendar {
  margin: -30px 0 0 -15px;
  position: relative;
  z-index: 1;
}
#pageTab ul {
  width: 950px;
  margin: 35px auto 25px;
}
#pageTab ul:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0.1em;
}
#pageTab ul li {
  float: left;
  list-style-type: none;
  text-align: center;
}
#pageTab ul.tab2 li {
  width: 472px;
  margin-left: 6px;
}
#pageTab ul.tab3 li {
  width: 312px;
  margin-left: 7px;
}
#pageTab ul.tab4 li {
  width: 233px;
  margin-left: 6px;
}
#pageTab ul.tab5 li {
  width: 186px;
  margin-left: 5px;
}
#pageTab ul.tab6 li {
  width: 150px;
  margin-left: 10px;
}
#pageTab ul li.first {
  margin-left: 0;
}
#pageTab ul li a {
  display: block;
  height: 50px;
  text-shadow: 1px 1px 1px #FFF;
}
#pageTab ul li em {
  display: block;
  height: 50px;
  font-weight: bold;
}
#pageTab ul li a img, #pageTab ul li em img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#pageTab ul {
  border-bottom: 6px #0d8ee7 solid;
  background: #fff;
}
#pageTab a, #pageTab em {
  line-height: 50px;
  font-size: 140%;
  color: #FFF;
  font-weight: bold;
  background: #78beee;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -ms-border-top-left-radius: 5px;
  -ms-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid #0d8ee7;
  border-bottom-width: 0px;
  background-color: #0d8ee7;
  background: -moz-linear-gradient(center top, #78beee, #0d8ee7);
  background: -webkit-gradient(linear, left top, left bottom, from(#78beee), to(#0d8ee7));
  background: linear-gradient(top, #78beee, #0d8ee7);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#78beee', endColorstr='#0d8ee7')";
 filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#78beee', endColorstr='#0d8ee7');
}
#pageTab em {
  text-shadow: 1px 1px 1px #0169b0;
}
#pageTab a {
  color: #0d8ee7;
  background-color: #f0f8fd;
  background: -moz-linear-gradient(center top, #cde6f7, #f0f8fd);
  background: -webkit-gradient(linear, left top, left bottom, from(#cde6f7), to(#f0f8fd));
  background: linear-gradient(top, #cde6f7, #f0f8fd);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cde6f7', endColorstr='#f0f8fd')";
 filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#cde6f7', endColorstr='#f0f8fd');
  border-color: #0d8ee7;
}
#pageTab a:hover {
  text-decoration: underline;
}
#pageTab ul .kanji img {
  float: left;
  margin: -30px -120px 0 70px;
}
.nonDisp {
  display: none;
}

/*================================================
searchbox / SP
================================================*/

@media (max-width: 767px) {
.b {
  font-weight: bold;
}
.fl_l {
  float: left !important;
}
.fl_r {
  float: right !important;
}
.pt_6 {
  padding-top: 6px !important;
}
.pt_10 {
  padding-top: 10px !important;
}
.pl_0 {
  padding-left: 0px !important;
}
.pr_5 {
  padding-right: 5px !important;
}
.pb_6 {
  padding-bottom: 6px;
}
.pb_10 {
  padding-bottom: 10px !important;
}
.mb_10 {
  margin-bottom: 10px !important;
}
.fs10 {
  font-size: 10px;
  letter-spacing: -1px;
  height: 24px;
}
.fs_12 {
  font-size: 12px !important;
}
.fs_16 {
  font-size: 16px !important;
}
.lh_30 {
  line-height: 30px !important;
}
.h_40 {
  height: 40px;
}
.b_b_dotted {
  border-bottom: 1px dotted #CBA;
}
.cf:after {
  content: '';
  display: block;
  clear: both;
}
.boxSerachSP {
  margin-bottom: 30px;
}
.boxSerachSP .title {
  background: -webkit-gradient(linear, center top, center bottom, from(#987), color-stop(20%, #987), to(#433));
  background: -moz-linear-gradient(top, #987, #987 20%, #433);
  padding: 4px;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0px -1px 0px #433;
  text-align: center;
  color: #FFF;
  -webkit-border-radius: 4px 4px 0px 0px;
  -moz-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
}
.boxSerachSP .title img {
  margin: 1px 5px 2px 0px;
}
.boxSerachSP .inner {
  border: solid #FEE09A 1px;
  background: #FFCC66;
  padding: 7px;
  color: #333333;
}
.boxSerachSP .smalltext {
  font-size: 9px;
}
.boxSerachSP .txt {
  float: left;
  font-weight: bold;
  padding: 10px 5px 0 0;
  line-height: 1.2;
}
.boxSerachSP .selectPrice {
  width: 85px;
  height: 30px;
  float: left;
  display: block;
}
.boxSerachSP .selectArea {
  width: 180px;
  height: 30px;
  margin-top: 10px;
  display: block;
  float: right;
  font-size: 16px;
}
.boxSerachSP .selectKey {
  width: 178px;
  height: 30px;
  margin-top: 10px;
  padding: 0px;
  float: right;
  font-size: 16px;
}
.boxSerachSP .icon_popup {
  background: url(https://gora.golf.rakuten.co.jp/smart/img/icon_popup.png) no-repeat right center;
  background-size: 24px 17px;
  text-decoration: none;
  color: #FFF !important;
  display: block;
}
.boxSerachSP .btnCal {
  background: -webkit-gradient(linear, center top, center bottom, from(#666), color-stop(20%, #666), to(#333));
  background: -moz-linear-gradient(top, #666, #666 20%, #333);
  border: 1px solid #FFF;
  width: 178px;
  height: 40px;
  margin-top: 9px;
  line-height: 28px;
  font-weight: bold;
  text-shadow: 0px -1px 0px #333;
  color: #FFF;
  float: right;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 4px #CCC;
  -moz-box-shadow: 0px 0px 4px #CCC;
  box-shadow: 0px 0px 4px #CCC;
  text-align: left;
}
.boxSerachSP .btnCal a {
  padding-left: 9px;
}
.boxSerachSP .btnSearch {
  background: -webkit-gradient(linear, center top, center bottom, from(#F60), color-stop(20%, #F60), to(#C50));
  background: -moz-linear-gradient(top, #F60, #F60 20%, #C50);
  border: 1px solid #FFF;
  margin-top: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 4px #CCC;
  -moz-box-shadow: 0px 0px 4px #CCC;
  box-shadow: 0px 0px 4px #CCC;
}
.boxSerachSP .btnSearch input {
  background: url(https://gora.golf.rakuten.co.jp/smart/img/icon_link_o_03.png) no-repeat right center;
  background-size: 24px 17px;
  border: none;
  width: 100%;
  height: 38px;
  padding: 0px;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0px -1px 0px #930;
  color: #FFF;
  display: block;
}
}
/*================================================
smart Calendar / SP
================================================*/

div#rakutenCalendar {
  width: 96%;
  position: absolute;
  background-color: #FFFFFF;
  padding: 0 0 55px 0;
  margin: 2%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  z-index: 100;
}
div#rakutenCalendar table {
  width: 100%;
  background-color: #A7AAB3;
  border-spacing: 1px;
  line-height: 1.0;
  border-collapse: separate;
  margin-top: 10px;
}
div#rakutenCalendar table th, div#rakutenCalendar table td {
  text-align: center;
  vertical-align: middle;
}
div#rakutenCalendar table th {
  font-size: 120%;
  font-weight: bold;
  background-color: #CCCCCC;
  height: 40px;
  background: url(../img/bg_fff_ccb.png) repeat-x left top #ffcda0;
  background: -moz-linear-gradient(center top, #FFFFFF, #CCBBAA) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCBBAA));
}
div#rakutenCalendar table th.cal_tr_sunday {
  color: #CC0000;
}
div#rakutenCalendar table th.cal_tr_saturday {
  color: #0072E2;
}
div#rakutenCalendar table td {
  padding: 0 0 1px 1px;
  font-size: 200%;
  border-top: 1px solid #F3F3F3;
  border-right: 1px solid #F3F3F3;
  background: url(https://gora.golf.rakuten.co.jp/smart/img/bg_fff_ccc.png) repeat-x left top #ccc;
  background: -moz-linear-gradient(#FFFFFF, #CCCCCC) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
}
div#rakutenCalendar table td.cal_td_unuse {
  padding: 7px 0;
  color: #AAA;
  background: url(https://gora.golf.rakuten.co.jp/smart/img/bg_fff_eee.png) repeat-x left top #EEEEEE;
  background: -moz-linear-gradient(#FFFFFF, #EEEEEE) repeat scroll 0 0 transparent !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE)) !important;
}
div#rakutenCalendar table td.cal_td_beforeToday {
  color: #AAA;
  font-weight: bold;
}
div#rakutenCalendar table td a {
  display: block;
  padding: 7px 0;
  font-weight: bold;
  text-decoration: none;
  color: #333333;
}
div#rakutenCalendar table td label {
  display: block;
  padding: 7px 0;
}
div#rakutenCalendar table td.cal_td_saturday {
  background: url(https://gora.golf.rakuten.co.jp/smart/img/bg_fff_cce.png) repeat-x left top #CCEEFF;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCEEFF));
  background: -moz-linear-gradient(center top, #FFFFFF, #CCEEFF) repeat;
}
div#rakutenCalendar table td.cal_td_holiday {
  background: url(https://gora.golf.rakuten.co.jp/smart/img/bg_fff_ffd.png) repeat-x left top #FFDDDD;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFDDDD));
  background: -moz-linear-gradient(center top, #FFFFFF, #FFDDDD) repeat scroll 0 0 transparent;
}
div#rakutenCalendar table td.cal_td_holiday a {
  color: #CC0000;
}
div#rakutenCalendar table td.cal_td_saturday a {
  color: #0072E2;
}
div#rakutenCalendar table td.cal_td_selectDay {
}
div#rakutenCalendar table td.cal_td_selectDay a {
  color: #FFFFFF !important;
  background: url(https://gora.golf.rakuten.co.jp/smart/img/bg_676_b2b.png) repeat-x left top #B2B2B2;
  background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#B2B2B2));
  background: -moz-linear-gradient(center top, #666, #B2B2B2) repeat scroll 0 0 transparent;
}
div#rakutenCalendar table td.cal_td_today {
}
div#rakutenCalendar table td.cal_td_today a {
  color: #333333;
}
div#calendar ul.nav li {
  position: absolute;
  top: 0;
  list-style-type: none;
}
div#rakutenCalendar div.cal_controlDiv a.cal_prevMonthBtn {
  float: left;
}
div#rakutenCalendar div.cal_controlDiv a.cal_nextMonthBtn {
  float: right;
}
div#rakutenCalendar div.cal_controlDiv a {
  display: block;
  width: 50px;
  height: 25px;
  background-image: url(https://gora.golf.rakuten.co.jp/smart/img/button.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
  margin: 14px 0px -31px 0px;
  overflow: hidden;
  padding: 5px;
}
div#rakutenCalendar div.cal_controlDiv a.cal_prevMonthBtn {
  background-position: 10px 10px;
}
div#rakutenCalendar div.cal_controlDiv a.cal_nextMonthBtn {
  background-position: -50px 10px;
}
div#rakutenCalendar div.cal_baseDiv {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  clear: both;
}
div#rakutenCalendar div.cal_baseDiv label.cal_indexMonth {
  color: #666666;
  font-size: 25px;
  font-weight: bold;
  height: 25px;
  margin-bottom: 5px;
}
div#rakutenCalendar_top {
  position: absolute;
  width: 100%;
  bottom: 5px;
  text-align: center;
}
div#rakutenCalendar_top a.cal_closeBtn {
  width: 95%;
  margin: 15px auto 0px auto !important;
  border: 1px solid #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  background: url(https://gora.golf.rakuten.co.jp/smart/img/bg_b2b_666.png) repeat-x left top #666666;
  background: -webkit-gradient(linear, left top, left bottom, from(#B2B2B2), to(#666666));
  background: -moz-linear-gradient(center top, #B2B2B2, #B2B2B2 20%, #666666) repeat scroll 0 0 transparent;
  box-shadow: 0 0 4px #CCCCCC;
  color: #FFFFFF;
  display: block;
  font-weight: bold;
  line-height: 40px;
  text-shadow: 0 -1px 0 #333333;
  text-decoration: none;
}
div#rakutenCalendar_top span.cal_closeBtnSpan {
  padding-top: 10px;
  padding-bottom: 10px;
}
div#rakutenCalendar_top span.cal_headerTitle {
  display: none;
}
div#rakutenCalendar_top span.cal_closeBtn {
  display: none;
}
div#rakutenCalendar div#rakutenCalendar_contents {
  margin: 0px 10px;
}
div#calendarOverlayWindow {
  height: 100%;
  width: 100%;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
  background-color: #000000;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}