@charset "utf-8";

/*================================================
Firstview
================================================*/

.Firstview {
  background-size: auto auto;
  background-color: rgba(255, 219, 192, 1);
  background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255, 177, 0, 1) 10px, rgba(255, 177, 0, 1) 20px );
}
.FirstviewTitle {
  width: 1050px;
  margin: 0px auto;
}

@media (max-width: 1023px) {

  .Firstview {
    width: 100%;
  }
  .FirstviewTitle {
    width: 100%;
  }
  .FirstviewTitle img {
    width: 100%;
    height: auto;
  }
}

/*================================================
PlanCalendar
================================================*/

.PlanCalendar {
  background-color: #FFDBC0;
}
.PlanCalendarInner {
  width: 1050px;
  margin: 0px auto;
  padding: 50px;
  background-color: #FFFFFF;
  box-sizing: border-box;
}

@media (max-width: 1023px) {
  
  .PlanCalendarInner {
    width: 100%;
    padding: 25px;
  }
}

/*================================================
PlanCalendarLink "Area"
================================================*/

.PlanCalendarLinkArea {
  clear: both;
  width: 98%;
  margin: 0px auto 20px auto;
  text-align: center;
}
.PlanCalendarLinkAreaButton a {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
  padding: 7px 10px 5px 10px;
  border-radius: 5px;
  line-height: 1.00;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  box-sizing: border-box;
}

@media (max-width: 1023px) {
  
  .PlanCalendarLinkArea {
    width: 100%;
    margin: 0px auto 20px auto;
  }
  .PlanCalendarLinkAreaButton a {
    float: left;
    display: block;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
    font-size: 14px;
  }
}

/*================================================
PlanCalendarLink "Pref"
================================================*/

.PlanCalendarLinkPref {
  clear: both;
  width: 98%;
  margin: 0px auto 20px auto;
}
.PlanCalendarLinkPrefButton a {
  display: block;
  float: left;
  margin-right: 5px;
  margin-bottom: 10px;
  padding: 8px 10px 7px 10px;
  border-radius: 5px;
  line-height: 1.00;
  text-decoration: none;
  font-size: 16px;
  box-sizing: border-box;
}

.PlanCalendarLinkPref .ColorAreaAll                  { clear: both; width: 130px; text-align: center; font-weight: 700; }
.PlanCalendarLinkPref .ColorAreaHokkaidoTohoku       { clear: both; width: 130px; text-align: center; font-weight: 700; }
.PlanCalendarLinkPref .ColorAreaKantoKoushinetsu     { clear: both; width: 130px; text-align: center; font-weight: 700; }
.PlanCalendarLinkPref .ColorAreaChubuHokuriku        { clear: both; width: 130px; text-align: center; font-weight: 700; }
.PlanCalendarLinkPref .ColorAreaKinki                { clear: both; width: 130px; text-align: center; font-weight: 700; }
.PlanCalendarLinkPref .ColorAreaChugokuShikoku       { clear: both; width: 130px; text-align: center; font-weight: 700; }
.PlanCalendarLinkPref .ColorAreaKyushuOkinawa        { clear: both; width: 130px; text-align: center; font-weight: 700; }

@media (max-width: 1023px) {

  .PlanCalendarLinkPref {
    width: 98%;
  }
  .PlanCalendarLinkPrefButton a {
    float: left;
    display: block;
    padding: 6px 7px 5px 7px;
    font-size: 14px;
  }
  .PlanCalendarLinkPref .ColorAreaAll                  { width: 100%; }
  .PlanCalendarLinkPref .ColorAreaHokkaidoTohoku       { width: 100%; }
  .PlanCalendarLinkPref .ColorAreaKantoKoushinetsu     { width: 100%; }
  .PlanCalendarLinkPref .ColorAreaChubuHokuriku        { width: 100%; }
  .PlanCalendarLinkPref .ColorAreaKinki                { width: 100%; }
  .PlanCalendarLinkPref .ColorAreaChugokuShikoku       { width: 100%; }
  .PlanCalendarLinkPref .ColorAreaKyushuOkinawa        { width: 100%; }
}

/*================================================
PlanCalendarLink "Month"
================================================*/

.PlanCalendarLinkMonth {
  width: 100%;
}
.PlanCalendarLinkMonthButton {
  float: left;
  width: 23%;
  margin: 0px 1%;
  font-size: 18px;
  box-sizing: border-box;
}
.PlanCalendarLinkMonthButton a {
  display: block;
  width: 100%;
  padding: 12px 0px;
  border-radius: 50px;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  box-sizing: border-box;
}
.PlanCalendarLinkMonthButton a.NOW {
  background-color: #EEEEEE;
  color: #CCCCCC;
}
.PlanCalendarLinkMonthButton a.OFF {
  background-color: #FF6600;
  color: #FFFFFF;
  box-shadow: 0px 0px 12px -5px #333333;
}
.PlanCalendarLinkMonthButton a.OFF:hover {
  transition: all 0.3s ease;
  box-shadow: 0px 0px 20px -5px #333333;
}

@media (max-width: 1023px) {

  .PlanCalendarLinkMonth {
    margin-bottom: 50px;
  }
  .PlanCalendarLinkMonthButton {
    float: left;
    width: 48%;
    font-size: 16px;
  }
  .PlanCalendarLinkMonthButton a {
    margin-bottom: 10px;
  }
}

/*================================================
PlanCalendar "Colorring"
================================================*/

.PlanCalendarLinkAreaButton a.OFF       { border: 3px #FF6600 solid; background-color: #FF6600; color: #FFFFFF; }
.PlanCalendarLinkAreaButton a.OFF:hover { border: 3px #FF6600 solid; background-color: #FFFFFF; color: #FF6600; transition: all 0.3s ease; }
.PlanCalendarLinkAreaButton a.NOW       { border: 3px #FF6600 solid; background-color: #FFFFFF; color: #FF6600; }
.PlanCalendarLinkAreaButton a.NOW:hover { border: 3px #FF6600 solid; background-color: #FF6600; color: #FFFFFF; transition: all 0.3s ease; }

.ColorAreaAll.OFF                    { border: 3px #333333 solid; background-color: #333333; color: #FFFFFF; }
.ColorAreaHokkaidoTohoku.OFF         { border: 3px #333333 solid; background-color: #333333; color: #FFFFFF; }
.ColorAreaKantoKoushinetsu.OFF       { border: 3px #333333 solid; background-color: #333333; color: #FFFFFF; }
.ColorAreaChubuHokuriku.OFF          { border: 3px #333333 solid; background-color: #333333; color: #FFFFFF; }
.ColorAreaKinki.OFF                  { border: 3px #333333 solid; background-color: #333333; color: #FFFFFF; }
.ColorAreaChugokuShikoku.OFF         { border: 3px #333333 solid; background-color: #333333; color: #FFFFFF; }
.ColorAreaKyushuOkinawa.OFF          { border: 3px #333333 solid; background-color: #333333; color: #FFFFFF; }

.ColorAreaAll.NOW                    { border: 3px #333333 solid; background-color: #FFFFFF; color: #333333; }
.ColorAreaHokkaidoTohoku.NOW         { border: 3px #333333 solid; background-color: #FFFFFF; color: #333333; }
.ColorAreaKantoKoushinetsu.NOW       { border: 3px #333333 solid; background-color: #FFFFFF; color: #333333; }
.ColorAreaChubuHokuriku.NOW          { border: 3px #333333 solid; background-color: #FFFFFF; color: #333333; }
.ColorAreaKinki.NOW                  { border: 3px #333333 solid; background-color: #FFFFFF; color: #333333; }
.ColorAreaChugokuShikoku.NOW         { border: 3px #333333 solid; background-color: #FFFFFF; color: #333333; }
.ColorAreaKyushuOkinawa.NOW          { border: 3px #333333 solid; background-color: #FFFFFF; color: #333333; }

.ColorAreaAll.OFF:hover              { transition: all 0.3s ease; border: 3px #333333 solid; background-color: #FFFFFF; color: #333333; }
.ColorAreaHokkaidoTohoku.OFF:hover   { transition: all 0.3s ease; border: 3px #333333 solid; background-color: #FFFFFF; color: #333333; }
.ColorAreaKantoKoushinetsu.OFF:hover { transition: all 0.3s ease; border: 3px #333333 solid; background-color: #FFFFFF; color: #333333; }
.ColorAreaChubuHokuriku.OFF:hover    { transition: all 0.3s ease; border: 3px #333333 solid; background-color: #FFFFFF; color: #333333; }
.ColorAreaKinki.OFF:hover            { transition: all 0.3s ease; border: 3px #333333 solid; background-color: #FFFFFF; color: #333333; }
.ColorAreaChugokuShikoku.OFF:hover   { transition: all 0.3s ease; border: 3px #333333 solid; background-color: #FFFFFF; color: #333333; }
.ColorAreaKyushuOkinawa.OFF:hover    { transition: all 0.3s ease; border: 3px #333333 solid; background-color: #FFFFFF; color: #333333; }

.ColorAreaAll.NOW:hover              { transition: all 0.3s ease; border: 3px #333333 solid; background-color: #333333; color: #FFFFFF; }
.ColorAreaHokkaidoTohoku.NOW:hover   { transition: all 0.3s ease; border: 3px #333333 solid; background-color: #333333; color: #FFFFFF; }
.ColorAreaKantoKoushinetsu.NOW:hover { transition: all 0.3s ease; border: 3px #333333 solid; background-color: #333333; color: #FFFFFF; }
.ColorAreaChubuHokuriku.NOW:hover    { transition: all 0.3s ease; border: 3px #333333 solid; background-color: #333333; color: #FFFFFF; }
.ColorAreaKinki.NOW:hover            { transition: all 0.3s ease; border: 3px #333333 solid; background-color: #333333; color: #FFFFFF; }
.ColorAreaChugokuShikoku.NOW:hover   { transition: all 0.3s ease; border: 3px #333333 solid; background-color: #333333; color: #FFFFFF; }
.ColorAreaKyushuOkinawa.NOW:hover    { transition: all 0.3s ease; border: 3px #333333 solid; background-color: #333333; color: #FFFFFF; }

.ColorPrefHokkaido                   { text-align: center; font-weight: 700; }
.ColorPrefTohoku                     { text-align: center; font-weight: 700; }
.ColorPrefKitaKanto                  { text-align: center; font-weight: 700; }
.ColorPrefMinamiKanto                { text-align: center; font-weight: 700; }
.ColorPrefKoushinetsu                { text-align: center; font-weight: 700; }
.ColorPrefTokai                      { text-align: center; font-weight: 700; }
.ColorPrefHokuriku                   { text-align: center; font-weight: 700; }
.ColorPrefKinki                      { text-align: center; font-weight: 700; }
.ColorPrefChugoku                    { text-align: center; font-weight: 700; }
.ColorPrefShikoku                    { text-align: center; font-weight: 700; }
.ColorPrefKyushu                     { text-align: center; font-weight: 700; }
.ColorPrefOkinawa                    { text-align: center; font-weight: 700; }

.ColorPrefHokkaido.OFF               { border: 3px #5B46AF solid; background-color: #5B46AF; color: #FFFFFF; }
.ColorPrefTohoku.OFF                 { border: 3px #3F92AF solid; background-color: #3F92AF; color: #FFFFFF; }
.ColorPrefKitaKanto.OFF              { border: 3px #AF6730 solid; background-color: #AF6730; color: #FFFFFF; }
.ColorPrefMinamiKanto.OFF            { border: 3px #4A822A solid; background-color: #4A822A; color: #FFFFFF; }
.ColorPrefKoushinetsu.OFF            { border: 3px #6D3A6D solid; background-color: #6D3A6D; color: #FFFFFF; }
.ColorPrefTokai.OFF                  { border: 3px #46627C solid; background-color: #46627C; color: #FFFFFF; }
.ColorPrefHokuriku.OFF               { border: 3px #A94A3A solid; background-color: #A94A3A; color: #FFFFFF; }
.ColorPrefKinki.OFF                  { border: 3px #AF9843 solid; background-color: #AF9843; color: #FFFFFF; }
.ColorPrefChugoku.OFF                { border: 3px #9E3035 solid; background-color: #9E3035; color: #FFFFFF; }
.ColorPrefShikoku.OFF                { border: 3px #2A304A solid; background-color: #2A304A; color: #FFFFFF; }
.ColorPrefKyushu.OFF                 { border: 3px #5B2030 solid; background-color: #5B2030; color: #FFFFFF; }
.ColorPrefOkinawa.OFF                { border: 3px #258782 solid; background-color: #258782; color: #FFFFFF; }

.ColorPrefHokkaido.NOW               { border: 3px #5B46AF solid; background-color: #FFFFFF; color: #5B46AF; }
.ColorPrefTohoku.NOW                 { border: 3px #3F92AF solid; background-color: #FFFFFF; color: #3F92AF; }
.ColorPrefKitaKanto.NOW              { border: 3px #AF6730 solid; background-color: #FFFFFF; color: #AF6730; }
.ColorPrefMinamiKanto.NOW            { border: 3px #4A822A solid; background-color: #FFFFFF; color: #4A822A; }
.ColorPrefKoushinetsu.NOW            { border: 3px #6D3A6D solid; background-color: #FFFFFF; color: #6D3A6D; }
.ColorPrefTokai.NOW                  { border: 3px #46627C solid; background-color: #FFFFFF; color: #46627C; }
.ColorPrefHokuriku.NOW               { border: 3px #A94A3A solid; background-color: #FFFFFF; color: #A94A3A; }
.ColorPrefKinki.NOW                  { border: 3px #AF9843 solid; background-color: #FFFFFF; color: #AF9843; }
.ColorPrefChugoku.NOW                { border: 3px #9E3035 solid; background-color: #FFFFFF; color: #9E3035; }
.ColorPrefShikoku.NOW                { border: 3px #2A304A solid; background-color: #FFFFFF; color: #2A304A; }
.ColorPrefKyushu.NOW                 { border: 3px #5B2030 solid; background-color: #FFFFFF; color: #5B2030; }
.ColorPrefOkinawa.NOW                { border: 3px #258782 solid; background-color: #FFFFFF; color: #258782; }

.ColorPrefHokkaido.OFF:hover         { transition: all 0.3s ease; border: 3px #5B46AF solid; background-color: #FFFFFF; color: #5B46AF; }
.ColorPrefTohoku.OFF:hover           { transition: all 0.3s ease; border: 3px #3F92AF solid; background-color: #FFFFFF; color: #3F92AF; }
.ColorPrefKitaKanto.OFF:hover        { transition: all 0.3s ease; border: 3px #AF6730 solid; background-color: #FFFFFF; color: #AF6730; }
.ColorPrefMinamiKanto.OFF:hover      { transition: all 0.3s ease; border: 3px #4A822A solid; background-color: #FFFFFF; color: #4A822A; }
.ColorPrefKoushinetsu.OFF:hover      { transition: all 0.3s ease; border: 3px #6D3A6D solid; background-color: #FFFFFF; color: #6D3A6D; }
.ColorPrefTokai.OFF:hover            { transition: all 0.3s ease; border: 3px #46627C solid; background-color: #FFFFFF; color: #46627C; }
.ColorPrefHokuriku.OFF:hover         { transition: all 0.3s ease; border: 3px #A94A3A solid; background-color: #FFFFFF; color: #A94A3A; }
.ColorPrefKinki.OFF:hover            { transition: all 0.3s ease; border: 3px #AF9843 solid; background-color: #FFFFFF; color: #AF9843; }
.ColorPrefChugoku.OFF:hover          { transition: all 0.3s ease; border: 3px #9E3035 solid; background-color: #FFFFFF; color: #9E3035; }
.ColorPrefShikoku.OFF:hover          { transition: all 0.3s ease; border: 3px #2A304A solid; background-color: #FFFFFF; color: #2A304A; }
.ColorPrefKyushu.OFF:hover           { transition: all 0.3s ease; border: 3px #5B2030 solid; background-color: #FFFFFF; color: #5B2030; }
.ColorPrefOkinawa.OFF:hover          { transition: all 0.3s ease; border: 3px #258782 solid; background-color: #FFFFFF; color: #258782; }

.ColorPrefHokkaido.NOW:hover         { transition: all 0.3s ease; border: 3px #5B46AF solid; background-color: #5B46AF; color: #FFFFFF; }
.ColorPrefTohoku.NOW:hover           { transition: all 0.3s ease; border: 3px #3F92AF solid; background-color: #3F92AF; color: #FFFFFF; }
.ColorPrefKitaKanto.NOW:hover        { transition: all 0.3s ease; border: 3px #AF6730 solid; background-color: #AF6730; color: #FFFFFF; }
.ColorPrefMinamiKanto.NOW:hover      { transition: all 0.3s ease; border: 3px #4A822A solid; background-color: #4A822A; color: #FFFFFF; }
.ColorPrefKoushinetsu.NOW            { transition: all 0.3s ease; border: 3px #6D3A6D solid; background-color: #6D3A6D; color: #FFFFFF; }
.ColorPrefTokai.NOW:hover            { transition: all 0.3s ease; border: 3px #46627C solid; background-color: #46627C; color: #FFFFFF; }
.ColorPrefHokuriku.NOW:hover         { transition: all 0.3s ease; border: 3px #A94A3A solid; background-color: #A94A3A; color: #FFFFFF; }
.ColorPrefKinki.NOW:hover            { transition: all 0.3s ease; border: 3px #AF9843 solid; background-color: #AF9843; color: #FFFFFF; }
.ColorPrefChugoku.NOW:hover          { transition: all 0.3s ease; border: 3px #9E3035 solid; background-color: #9E3035; color: #FFFFFF; }
.ColorPrefShikoku.NOW:hover          { transition: all 0.3s ease; border: 3px #2A304A solid; background-color: #2A304A; color: #FFFFFF; }
.ColorPrefKyushu.NOW:hover           { transition: all 0.3s ease; border: 3px #5B2030 solid; background-color: #5B2030; color: #FFFFFF; }
.ColorPrefOkinawa.NOW:hover          { transition: all 0.3s ease; border: 3px #258782 solid; background-color: #258782; color: #FFFFFF; }

/*================================================
PlanCalendar "Closing"
================================================*/

.PlanCalendarClosing {
  display: block;
  padding: 50px 0px;
  text-align: center;
}
.PlanCalendarClosing a {
  line-height: 1.25;
  color: #000000;
  font-size: 20px;
  font-weight: 400;
}

@media (max-width: 1365px) {

  .PlanCalendarClosing {
    margin-bottom: 20px;
    font-size: 18px;
  }
}

@media (max-width: 1023px) {

  .PlanCalendarClosing {
    padding: 25px 0px;
  }
  .PlanCalendarClosing a {
    font-size: 16px;
    font-weight: 700;
  }
}

/*================================================
PlanCalendar "MessageAssist"
================================================*/

.PlanCalendarMessagePcAssist {
  width: 98%;
  margin: 0px auto 50px auto;
  padding: 10px 0px;
  text-align: center;
  line-height: 1.25;
  background-color: #EEEEEE;
  font-size: 24px;
}
.PlanCalendarMessagePcAssist span {
  margin-right: 15px;
  padding-right: 10px;
  border-right: 1px #000000 dotted;
  font-weight: 900;
}
.PlanCalendarMessagePcAssist strong {
  font-weight: 700;
}
.PlanCalendarMessageSpAssist {
  margin-top: -25px;
  text-align: center;
  line-height: 1.25;
  font-size: 14px;
}

@media (max-width: 1023px) {

  .PlanCalendarMessagePcAssist {
    margin: 0px auto 35px auto;
    font-size: 16px;
  }
}

/*================================================
PagetopFix & AnchorNav
================================================*/

html {
  scroll-behavior: smooth;
}
.PagetopFix {
  position: fixed;
  z-index: 9999;
  width: 64px;
  height: 64px;
  right: 40px;
  bottom: 80px;
}
.PagetopFix a img {
  width: 64px;
  height: 64px;
}
.PagetopFix a {
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
  transition: all 0.3s ease;
}
.PagetopFix a:hover {
  opacity: 0.5;
  transition: all 0.3s ease;
}

@media (max-width: 767px) {

  .PagetopFix {
    right: 10px;
    bottom: 10px;
    width: 48px;
    height: 48px;
  }
  .PagetopFix a img {
    width: 48px;
    height: 48px;
  }
}

/*================================================
FadeinUp
================================================*/

#main { overflow-x: hidden; }
.HeadlineUp { animation: SlideInUp 3.2s; } @keyframes SlideInUp { 0% { opacity: 0; transform: translateY(64px); } 100% { opacity: 1; transform: translateY(0); } }
.HeadlineUpLag { animation: SlideInUp 4.8s; } @keyframes SlideInUp { 0% { opacity: 0; transform: translateY(48px); } 100% { opacity: 1; transform: translateY(0); } }
.HeadlineDown { animation: SlideInDown 3.2s; } @keyframes SlideInDown { 0% { opacity: 0; transform: translateY(-16px); } 100% { opacity: 1; transform: translateY(0); } }
.HeadlineLeft { animation: SlideInLeft 3.2s; } @keyframes SlideInLeft { 0% { opacity: 0; transform: translateX(-16px); } 100% { opacity: 1; transform: translateX(0); } }
.HeadlineRight { animation: SlideInRight 3.2s; } @keyframes SlideInRight { 0% { opacity: 0; transform: translateX(16px); } 100% { opacity: 1; transform: translateX(0); } }
.HeadlineZoom { animation: SlideInZoom 4.0s; } @keyframes SlideInZoom { 0% { opacity: 0; transform: scale(0.85); } 100% { opacity: 1; transform: scale(1.0); } }
.HeadlineLag { animation: SlideInLag 4.8s; } @keyframes SlideInLag { 0% { opacity: 0; transform: translateX(-16px); } 100% { opacity: 1; transform: translateX(0); } }

.FadeinUp {
  opacity : 0;
  transform : translate(0, 50px);
  transition : all 2000ms;
}
.FadeinDown {
  opacity : 0;
  transform : translate(0, -50px);
  transition : all 2000ms;
}
.FadeinLeft {
  opacity : 0;
  transform : translate(-100px, 0);
  transition : all 1000ms;
}
.FadeinRight {
  opacity : 0;
  transform : translate(100px, 0);
  transition : all 1000ms;
}
.FadeinZoomBig {
  opacity : 0;
  transform: scale(0.85,0.85);
  transition : all 750ms;
}
.FadeinZoomSmall {
  opacity : 0;
  transform: scale(1.15,1.15);
  transition : all 750ms;
}
.FadeinUp.Scrollin,
.FadeinDown.Scrollin,
.FadeinLeft.Scrollin,
.FadeinRight.Scrollin {
  opacity : 1;
  transform: scale(1.0,1.0);
  transform : translate(0, 0);
}
.FadeinZoomBig.Scrollin,
.FadeinZoomSmall.Scrollin {
  opacity : 1;
  transform: scale(1.0,1.0);
}

/*================================================
Parallel
================================================*/

.Parallel {
  width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

/*================================================
clearfix
================================================*/

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

/*================================================
display on / off
================================================*/

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

@media (max-width: 1023px) {

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

/*================================================
Calendar (PC)
================================================*/

div#rakutenCalendar { position: absolute; z-index: 100; width: 96%; margin: 2%; border-radius: 10px; padding: 0px 0px 55px 0px; background-color: #FFFFFF; }div#rakutenCalendar table { width: 100%; margin-top: 10px; border-collapse: separate; border-spacing: 1px; line-height: 1.0; background-color: #A7AAB3; }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(https://gora.golf.rakuten.co.jp/smart/img/bg_fff_ccb.png) repeat-x left top #FFCDA0; }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; 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 #CCCCCC; font-size: 200%; }div#rakutenCalendar table td.cal_td_unuse { padding: 7px 0; color: #AAAAAA; background: url(https://gora.golf.rakuten.co.jp/smart/img/bg_fff_eee.png) repeat-x left top #EEEEEE; }div#rakutenCalendar table td.cal_td_beforeToday { color: #AAAAAA; font-weight: bold; }div#rakutenCalendar table td a { display: block; padding: 7px 0; text-decoration: none; color: #333333; font-weight: bold; }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; }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; }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; }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; overflow: hidden; margin: 14px 0px -31px 0px; padding: 5px; width: 50px; height: 25px; background-image: url(https://gora.golf.rakuten.co.jp/smart/img/button.png); background-repeat: no-repeat; text-indent: -9999px; }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 { clear: both; margin-left: auto; margin-right: auto; text-align: center; }div#rakutenCalendar div.cal_baseDiv label.cal_indexMonth { height: 25px; margin-bottom: 5px; color: #666666; font-size: 25px; font-weight: bold; }div#rakutenCalendar_top { position: absolute; width: 100%; bottom: 5px; text-align: center; }div#rakutenCalendar_top a.cal_closeBtn { display: block; width: 95%; margin: 15px auto 0px auto !important; border: 1px solid #FFFFFF; border-radius: 5px 5px 5px 5px; text-decoration: none; text-shadow: 0 -1px 0 #333333; line-height: 40px; background: url(https://gora.golf.rakuten.co.jp/smart/img/bg_b2b_666.png) repeat-x left top #666666; color: #FFFFFF; font-weight: bold; box-shadow: 0 0 4px #CCCCCC; }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 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.75; background-color: #000000; } .gc-name { text-align: left !important; }

/*================================================
Calendar (SP)
================================================*/

@media (max-width: 1023px) {.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 { height: 24px; letter-spacing: -1px; font-size: 10px;}.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 #CCBBAA;}.cf:after { content: ''; display: block; clear: both;}.boxSerachSP { margin-bottom: 0px;}.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; border-radius: 4px 4px 0px 0px; text-align: center; text-shadow: 0px -1px 0px #443333; color: #FFFFFF; font-size: 16px; font-weight: bold;}.boxSerachSP .title img { margin: 1px 5px 2px 0px;}.boxSerachSP .inner { padding: 7px; border: 1px solid #FEE09A; background: #FFCC66; color: #333333;}.boxSerachSP .smalltext { font-size: 9px;}.boxSerachSP .txt { float: left; padding: 10px 5px 0px 0px; line-height: 1.25; font-weight: bold;}.boxSerachSP .selectPrice { display: block; float: left; width: 85px; height: 30px;}.boxSerachSP .selectArea { display: block; float: right; width: 180px; height: 30px; margin-top: 10px; font-size: 16px;}.boxSerachSP .selectKey { float: right; width: 178px; height: 30px; margin-top: 10px; padding: 0px; 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: #FFFFFF !important; display: block;}.boxSerachSP .btnCal { background: -webkit-gradient(linear, center top, center bottom, from(#666666), color-stop(20%, #666666), to(#333333)); background: -moz-linear-gradient(top, #666666, #666666 20%, #333333); border: 1px solid #FFFFFF; width: 178px; height: 40px; margin-top: 9px; line-height: 28px; font-weight: bold; text-shadow: 0px -1px 0px #333333; color: #FFFFFF; float: right; border-radius: 5px; box-shadow: 0px 0px 4px #CCCCCC; text-align: left;}.boxSerachSP .btnCal a { padding-left: 9px;}.boxSerachSP .btnSearch { background: -webkit-gradient(linear, center top, center bottom, from(#FF6600), color-stop(20%, #FF6600), to(#CC5500)); background: -moz-linear-gradient(top, #FF6600, #FF6600 20%, #CC5500); border: 1px solid #FFFFFF; margin-top: 10px; border-radius: 5px; box-shadow: 0px 0px 4px #CCCCCC;}.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 #993300; color: #FFFFFF; display: block;}}