@charset "euc-jp";

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

.Firstview {
  width: 100%;
  margin: 0px auto 3px auto;
  padding-top: 30px;
  padding-bottom: 50px;
  background-size: cover;
  background-position: center center;
  background-image: url(/doc/campaign/chubu_stamp_2018_07/asset/img/firstview_back.jpg);
  box-shadow: 0px 2px 6px 0px #000000;
}
.FirstviewCenter {
  width: 1200px;
  margin: 0px auto;
}
.FirstviewImage {
  width: 100%;
  margin: 0px auto 10px auto;
}
.FirstviewImage img {
  width: 100%;
  height: auto;
}
.FirstviewNav {
  width: 100%;
  height: auto;
  font-family: 'Noto Sans Japanese', sans-serif;
}
.FirstviewNavButtonStep1 {
  display: block;
  float: left;
  width: 25%;
  padding: 2% 0% 2% 3%;
  border-top: 5px #008C46 solid;
  border-left: 5px #008C46 solid;
  border-right: 5px #008C46 solid;
  border-bottom: 5px #008C46 solid;
  background-color: #FFFFFF;
  background-image: url(/doc/campaign/chubu_stamp_2018_07/asset/img/firstview_nav_button_step1.png);
  background-position: 25px 12px;
  background-repeat: no-repeat;
  color: #008C46;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.FirstviewNavButtonStep2 {
  display: block;
  float: left;
  width: 25%;
  padding: 2% 0% 2% 3%;
  border-top: 5px #008C46 solid;
  border-left: 0px #008C46 solid;
  border-right: 5px #008C46 solid;
  border-bottom: 5px #008C46 solid;
  background-color: #FFFFFF;
  background-image: url(/doc/campaign/chubu_stamp_2018_07/asset/img/firstview_nav_button_step2.png);
  background-position: 25px 12px;
  background-repeat: no-repeat;
  color: #008C46;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}
.FirstviewNavButtonStep3 {
  display: block;
  float: left;
  width: 25%;
  padding: 2% 0% 2% 3%;
  border-top: 5px #008C46 solid;
  border-left: 0px #008C46 solid;
  border-right: 5px #008C46 solid;
  border-bottom: 5px #008C46 solid;
  background-color: #FFFFFF;
  background-image: url(/doc/campaign/chubu_stamp_2018_07/asset/img/firstview_nav_button_step3.png);
  background-position: 25px 12px;
  background-repeat: no-repeat;
  color: #008C46;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}
.FirstviewNavButtonStep4 {
  display: block;
  float: left;
  width: 25%;
  padding: 2% 0% 2% 3%;
  border-top: 5px #008C46 solid;
  border-left: 0px #008C46 solid;
  border-right: 5px #008C46 solid;
  border-bottom: 5px #008C46 solid;
  background-color: #FFFFFF;
  background-image: url(/doc/campaign/chubu_stamp_2018_07/asset/img/firstview_nav_button_step4.png);
  background-position: 25px 12px;
  background-repeat: no-repeat;
  color: #008C46;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.FirstviewNavButtonStep1:hover, .FirstviewNavButtonStep2:hover, .FirstviewNavButtonStep3:hover, .FirstviewNavButtonStep4:hover {
  background-color: #CCE8DA;
  transition: all 0.3s ease;
}
.FirstviewNavButtonStep1:after, .FirstviewNavButtonStep2:after, .FirstviewNavButtonStep3:after { content: "\25b6"; }
.FirstviewNavArrow {
  display: none;
}

@media (max-width: 767px) {
  
  .Firstview {
    width: 100%;
    height: auto;
    margin: 0px auto 25px auto;
  }
  .FirstviewCenter {
    float: none;
    width: 100%;
    height: auto;
    background-size: contain;
    background-position: top center;
  }
  .FirstviewImage {
    margin: 0px auto 30px auto;
  }
  .FirstviewText {
    width: 90%;
    padding: 0% 5%;
    font-size: 16px;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .FirstviewNavTitle {
    display: block;
    margin-bottom: 20px;
    text-align: center;
    color: #008C46;
    font-style: 20px;
    font-weight: bold;
  }
  .FirstviewNavButtonStep1 {
    float: none;
    width: 80%;
    margin: 0px auto 5px auto;
    border-top: 5px #008C46 solid;
    border-left: 5px #008C46 solid;
    border-right: 5px #008C46 solid;
    border-bottom: 5px #008C46 solid;
    background-image: none;
    background-position: 0px 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  .FirstviewNavButtonStep2 {
    float: none;
    width: 80%;
    margin: 0px auto 5px auto;
    border-top: 5px #008C46 solid;
    border-left: 5px #008C46 solid;
    border-right: 5px #008C46 solid;
    border-bottom: 5px #008C46 solid;
    background-image: none;
    background-position: 0px 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }  
  .FirstviewNavButtonStep3 {
    float: none;
    width: 80%;
    margin: 0px auto 5px auto;
    border-top: 5px #008C46 solid;
    border-left: 5px #008C46 solid;
    border-right: 5px #008C46 solid;
    border-bottom: 5px #008C46 solid;
    background-image: none;
    background-position: 0px 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }  
  .FirstviewNavButtonStep4 {
    float: none;
    width: 80%;
    margin: 0px auto 5px auto;
    border-top: 5px #008C46 solid;
    border-left: 5px #008C46 solid;
    border-right: 5px #008C46 solid;
    border-bottom: 5px #008C46 solid;
    background-image: none;
    background-position: 0px 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .FirstviewNavButtonStep1:after, .FirstviewNavButtonStep2:after, .FirstviewNavButtonStep3:after { content: ""; }
  .FirstviewNavArrow {
    display: block;
    margin-bottom: 5px;
    text-align: center;
    color: #008C46;
  }
}

/*================================================
Ende
================================================*/

.ShuryoOnrei {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  padding: 10px 0px;
  border: 5px #BF0000 solid;
  border-radius: 30px;
  line-height: 1.75;
  text-align: center;
  color: #BF0000;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 24px;
  font-weight: bold;
}

@media (max-width: 767px) {
  
  .ShuryoOnrei {
    width: 86%;
    margin-bottom: 20px;
    padding: 10px 3%;
    border-radius: 20px;
    font-size: 16px;
  }
}

/*================================================
CommonTitle
================================================*/

.CommonTitleBelt {
  width: 100%;
  padding: 20px 0px;
  border-top: 1px #008C46 solid;
  border-bottom: 1px #008C46 solid;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4ddb4+0,83c783+3,52b152+6,008a00+94,005700+97,002400+100 */
background: #b4ddb4; /* Old browsers */
background: -moz-linear-gradient(top, #b4ddb4 0%, #83c783 3%, #52b152 6%, #008a00 94%, #005700 97%, #002400 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #b4ddb4 0%,#83c783 3%,#52b152 6%,#008a00 94%,#005700 97%,#002400 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b4ddb4 0%,#83c783 3%,#52b152 6%,#008a00 94%,#005700 97%,#002400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */

}
.CommonTitle {
  width: 950px;
  margin: 0px auto;
  color: #FFFFFF;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 32px;
  font-weight: bold;
}
.CommonTitle img {
  vertical-align: middle;
  margin-right: 10px;
}
.CommonTitleSmall {
  margin-left: 1em;
  font-size: 12px;
  vertical-align: middle;
}
.CommonSubTitle {
  margin-top: 50px;
  margin-bottom: 20px;
  padding: 20px 0px;
  border-bottom: 5px #26582e solid;
  line-height: 1.25;
  text-align: center;
  background-color: #cbe8d0;
  color: #2a6233;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 24px;
  font-weight: bold;
}

@media (max-width: 767px) {

  .CommonTitleBelt {
    width: 90%;
    padding: 20px 5%;
  }
  .CommonTitle {
    width: 100%;
    line-height: 1.5;
    font-size: 16px;
  }
  .CommonTitle img {
    width: 10%;
    height: auto;
    margin-right: 5px;
    margin-bottom: 5px;
  }
  .CommonSubTitle {
    font-size: 16px;
  }
}

/*================================================
BenefitsOne
================================================*/

.BenefitsTitle {
  margin-bottom: 10px;
  line-height: 1.75;
  text-align: center;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 24px;
  font-weight: bold;
}
.BenefitsOne {
  width: 950px;
  height: 300px;
}
.BenefitsAttention {
  margin: 10px 0px;
  line-height: 1.75;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 14px;
}
.BenefitsAttention img {
  margin-right: 5px;
  vertical-align: middle;
}

@media (max-width: 767px) {

  .BenefitsTitle {
    width: 90%;
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 0% 5%;
    line-height: 1.75;
    font-size: 14px;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .BenefitsOne {
    width: 100%;
    height: auto;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .BenefitsOne img {
    width: 100%;
    height: auto;
  }
  .BenefitsAttention {
    width: 90%;
    margin: 0px auto 50px auto;
  }
}

/*================================================
BenefitsTwo
================================================*/

.BenefitsPlus {
  margin: 10px 0px 30px 0px;
  text-align: center;
  color: #2A6233;
  font-size: 42px;
  font-weight: 100;
}
.BenefitsTwo {
  width: 950px;
  height: 160px;
  background-image: url(/doc/campaign/chubu_stamp_2018_07/asset/img/benefits_two.png);
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.BenefitsTwoList {
  width: 960px;
  margin: 0px auto 20px auto;
  border-left: 1px #2A6233 solid;
  box-sizing: border-box;
}
.BenefitsTwoListCourse {
  float: left;
  width: 33%;
  border-right: 1px #2A6233 solid;
  border-bottom: 1px #2A6233 solid;
  font-size: 12px;
  box-sizing: border-box;
  transition: all 0.3s ease;
}
.BenefitsTwoListCourse:hover {
  background-color: #cbe8d0;
}
.BenefitsTwoListFig {
  display: block;
  clear: both;
  width: 100%;
  color: #FFFFFF;
  padding: 10px 0px 10px 0px;
  border-top: 1px #FFFFFF solid;
  background-color: #2A6233;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.BenefitsTwoList a {
  color: #000000;
  text-decoration: none;
}
.BenefitsTwoList a:hover {
  background-color: #CBE8D0;
}
.TimeRemit {
  clear: both;
  width: 96%;
  margin: 10px auto;
  line-height: 1.5;
  text-align: center;
}
.EntryButtonBox {
  padding: 20px 0px 10px 0px;
  border-bottom: 1px #2A6233 solid;
  background-color: #EFF8F1;
}
.EntryButton {
  display: block;
  width: 50%;
  margin: 0px auto 20px auto;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 2px 2px #555555;
  text-shadow: -1px -1px #555555;
  background-color: #ff8400;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: bold;
}

@media (max-width: 767px) {

  .BenefitsPlus {
    margin: 10px 0px 10px 0px;
  }
  .BenefitsTwo {
    width: 100%;
    height: 0;
    margin-bottom: 10px;
    padding-top: 36%;
    background-image: url(/doc/campaign/chubu_stamp_2018_07/asset/img/benefits_two_sp.png);
    background-size: 100% auto;
  }
  .BenefitsTwoListFig {
    width: 90%;
    margin: 0px auto;
  }
  .BenefitsTwoList {
    width: 90%;
  }
  .BenefitsTwoListCourse {
    float: none;
    width: 100%;
    border-bottom: 1px #2A6233 solid;
  }
}

/*================================================
CourseList
================================================*/

.CourseListType {
  display: block;
  clear: both;
  width: 96%;
  margin: 0px auto;
  padding-top: 0px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
.CourseListFree {
  clear: both;
}
.CourseBox {
  width: 950px;
  overflow: hidden;
}
.CourseBox ul {
  width: 960px;
}
.CourseMiniBox {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 304px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px #2A6233 solid;
  border-radius: 10px;
  background-color: #FFFFFF;
  box-sizing: border-box;
}
.CourseMiniBox a {
  display: block;
  padding: 15px;
  color: #000000;
  text-decoration: none;
}
.CourseVeryMiniBox {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 228px;
  margin-right: 7px;
  margin-bottom: 10px;
  border: 1px #2A6233 solid;
  border-radius: 10px;
  background-color: #FFFFFF;
  box-sizing: border-box;
}
.CourseVeryMiniBox a {
  display: block;
  padding: 15px;
  color: #000000;
  text-decoration: none;
}
.CourseTitleAd {
  height: 40px;
  margin-bottom: 10px;
  font-size: 12px !important;
}
.CourseKen {
  display: block;
  float: left;
  margin-right: 3px;
  padding: 6px;
  background-color: #79C586;
}
.CourseMiniBox .CourseKen {
  position: absolute;
  padding: 5px;
  top: 0px;
  left: 0px;
  width: 100%;
  border-radius: 10px 10px 0px 0px;
  background-color: #79C586;
  text-align: center;
  letter-spacing: 2px;
  font-size: 14px;
}
.CourseVeryMiniBox .CourseKen {
  position: absolute;
  padding: 5px;
  top: 0px;
  left: 0px;
  width: 100%;
  border-radius: 10px 10px 0px 0px;
  background-color: #79C586;
  text-align: center;
  letter-spacing: 2px;
  font-size: 12px;
}
.CourseName {
  display: block;
  padding: 6px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}
.CourseMiniBox .CourseName {
  margin: 20px 0px;
  padding: 0px;
  font-size: 18px;
}
.CourseVeryMiniBox .CourseName {
  margin: 20px 0px;
  padding: 0px;
  font-size: 16px;
}
.CourseMiniBox .CourcePhoto img {
  display: block;
  width: 268px;
  height: 120px;
  margin-bottom: 5px;
  border: 1px #FFFFFF solid;
  background-position: center center;
  background-size: cover;
}
.CourseVeryMiniBox .CourcePhoto img {
  display: block;
  width: 198px;
  height: 89px;
  margin-bottom: 5px;
  border: 1px #FFFFFF solid;
  background-position: center center;
  background-size: cover;
}
.CourceDescription {
  line-height: 1.5;
  font-size: 12px;
  margin-bottom: 5px;
}
.CourseMiniBox .CourceDescription {
  height: 50px;
}
.CourseVeryMiniBox .CourceDescription {
  height: 50px;
}
.CourseInerKm {
  display: block;
  height: 50px;
  padding: 2px 0px;
  line-height: 1.5;
  text-align: center;
  font-size: 14px;
}
.CourseInerKmMoyori {
  display: block;
  height: 120px;
  padding: 2px 0px;
  line-height: 1.5;
  text-align: center;
  font-size: 14px;
}
.CourseVeryMiniBox .CourseInerKm {
  font-size: 12px;
}
.CourseVeryMiniBox .CourseInerKmMoyori {
  font-size: 12px;
}
.CourseGlayBack {
  display: block;
  margin-bottom: 5px;
  text-align: center;
  background-color: #999999;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
}
.CourseBlueBack {
  display: block;
  text-align: center;
  background-color: #00BFFF;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
}
.CourseGreenBack {
  display: block;
  text-align: center;
  background-color: #00B285;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
}
.CourseDistance {
  text-align: center;
}
.CourseButton {
  display: block;
  width: 100%;
  padding: 3px 0px;
  border-radius: 10px;
  line-height: 200%;
  background-color: #FF6600;
  text-align: center;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
}

@media (max-width: 767px) {

  .CourseListFree {
    width: 100%;
    margin: 0px auto;
  }
  .CourseListType {
    display: block;
    height: 20px;
  }
  .CourseBox {
    overflow: hidden;
    width: 90%;
    margin: 0px auto 0px auto;
  }
  .CourseBox ul {
    width: 100%;
  }
  .CourseMiniBox {
    width: 100%;
    margin-right: 0;
  }
  .CourseVeryMiniBox {
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
  }
  .CourseVeryMiniBox a {
    padding: 10px;
  }
  .CourseMiniBox .CourcePhoto img {
    width: 100%;
    height: 120px;
  }
  .CourseVeryMiniBox .CourcePhoto img {
    width: 100%;
    height: 60px;
  }
  .CourseButton {
    margin-top: 10px;
  }
}

/*================================================
accordion
================================================*/

.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: #FFFFFF;
  border: 2px solid #26582E;
  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: #EFF8F1;
}
.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: #EFF8F1;
}
.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 .AreaTop       { background-color: #CBE8D0; }
.toggle .AreaChubu     { background-color: #CBE8D0; }

.AreaTop .Pref         { background-color: #CBE8D0; }
.AreaChubu .Pref       { background-color: #CBE8D0; }

@media (max-width: 767px) {
  .accordion {
    width: 96%;
    font-size: 14px;
  }
  .toggle {
    height: 23px;
  }
  .CourseArea {
    float: left;
    display: block;
    width: 100px;
    margin-right: 5px;
    text-align: center;
    background-color: #CBE8D0;
  }
  .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;
  }
}

/*================================================
EntryButtonBox
================================================*/

.EntryButtonBox {
  width: 100%;
  margin-bottom: 50px;
  padding: 30px 0px 10px 0px;
  background-color: #F9F4F2;
  font-family: 'Noto Sans Japanese', sans-serif;
}
.EntryButton {
  display: block;
  width: 50%;
  margin: 0px auto 10px auto;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 2px 2px #555555;
  text-shadow: -1px -1px #555555;
  background-color: #ff8400;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 32px;
  font-weight: bold;
}
.EntryPoint {
  text-align: center;
}
.TimeRemit {
  clear: both;
  width: 96%;
  margin: 10px auto;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 767px) {
  
  .EntryButtonBox {
    margin-top: 1px;
    margin-bottom: 50px;
  }
  .EntryButton {
    width: 90%;
    margin: 0px auto 10px auto;
    padding: 5% 3%;
    border-radius: 20px;
    font-size: 16px;
  }
  .TimeRemit {
    width: 80%;
    margin: 10px auto 20px auto;
    line-height: 1.5;
    text-align: left;
    font-size: 13px;
  }
  .TimeRemitCenter {
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px #000000 solid;
    text-align: center;
  }
  .TimeRemitLeft {
    display: block;
    text-align: center;
  }
  .TimeRemitRight {
    display: block;
    text-align: center;
  }
}

/*================================================
SearchShortcut
================================================*/

.SearchButton {
  display: block;
  width: 80%;
  margin: 0px auto 50px auto;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 2px 2px #555555;
  text-shadow: -1px -1px #555555;
  background-color: #B20000;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 24px;
  font-weight: bold;
}
.SearchShortcut {
  width: 950px;
  margin: 5px 0px 50px 0px;
  padding: 0px;
  line-height: 1.75;
  background-color: #736363;
  font-family: 'Noto Sans Japanese', sans-serif;
}
.SearchShortcut table {
  width: 100%;
  font-size: 14px;
}
.SearchShortcut table, .SearchShortcut table th, .SearchShortcut table td {
  margin: 0px;
  padding: 0px;
  border-width: 0;
  border-collapse: collapse;
  vertical-align: top;
}
.SearchShortcut .SearchShortcutContainer {
  padding: 5px;
}
.SearchShortcut .SearchShortcutPadding {
  padding: 3px;
}
.SearchShortcut .SearchShortcutTitle {
  width: 100%;
  padding: 10px 0px;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
}
.SearchShortcut .SearchShortcutTitle span {
  font-weight: normal;
}
.SearchShortcut .SearchShortcutHeader {
  padding: 0px 0px 0px 10px;
  background: url(https://gora.golf.rakuten.co.jp/single/img/header.gif) no-repeat 0 7px;
  color: #666666;
}
.SearchShortcut .SearchShortcutArea div, .SearchShortcut .SearchShortcutPlayStyle div {
  padding: 1px 2px;
}
.SearchShortcut .SearchShortcutLeft, .SearchShortcut .SearchShortcutRight {
  background-color: #fcfbf7;
}
.SearchShortcut .SearchShortcutLeft {
  border-right: solid 1px #999999;
  width: 50%;
  padding: 0;
  margin: 0;
  vertical-align: top;
  box-sizing: border-box;
}
.SearchShortcut .SearchShortcutRight {
  width: 50%;
  padding: 0;
  margin: 0;
  vertical-align: top;
}
.SearchShortcut .SearchShortcutArea th {
  width: 20%;
  text-align: right;
  font-weight: bold;
}
.SearchShortcut .SearchShortcutArea th span {
  font-weight: normal;
}
.SearchShortcut .SearchShortcutArea td {
  width: 80%;
}
.SearchShortcut .SearchShortcutPlayStyle th {
  width: 25%;
  text-align: right;
  color: #666666;
}
.SearchShortcut .SearchShortcutPlayStyle td {
  width: 75%;
}

@media (max-width: 767px) {
  
  .SearchButton {
    display: block;
    width: 86%;
    margin: 20px auto 20px auto;
    padding: 5% 5%;
    line-height: 1.5;
    font-size: 16px;
  }
  .SearchShortcut {
    width: 90%;
    margin: 0px auto 50px auto;
  }
  .SearchShortcut .SearchShortcutTitle {
    width: 90%;
    padding: 10px 5%;
  }
  .SearchShortcut .SearchShortcutLeft {
    display: block;
    width: 100%;
    border-right: solid 0px #999999;
  }
  .SearchShortcut .SearchShortcutRight {
    display: block;
    width: 100%;
  }
  .SearchShortcut .SearchShortcutArea th {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px #000000 solid;
    text-align: center;
    background-color: #B7B5AC;
  }
  .SearchShortcut .SearchShortcutArea td {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    padding-bottom: 5px;
    text-align: left;
  }  
  .SearchShortcut .SearchShortcutPlayStyle th {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px #000000 solid;
    text-align: center;
    background-color: #B7B5AC;
  }
  .SearchShortcut .SearchShortcutPlayStyle td {
      display: block;
      width: 100%;
      margin-bottom: 5px;
      text-align: left;
  }
}

/*================================================
StampCard
================================================*/

.StampCard {
  padding: 40px 20px 150px 20px;
  text-align: center;
  background-color: #F9F4F2;
  font-family: 'Noto Sans Japanese', sans-serif;
}
.StampCard p {
  margin-top: 20px;
  line-height: 1.75;
  text-align: center;
  color: #CC0000;
  font-size: 14px;
  font-weight: bold;
}

@media (max-width: 767px) {
  
  .StampCard {
    margin: 0px 0px 50px 0px;
    padding: 20px;
  }
  .StampCard img {
    width: 100%;
    height: auto;
  }
  .StampCard p {
    line-height: 1.75;
    text-align: left;
    color: #CC0000;
    font-size: 14px;
  }
}

/*================================================
CampaignDetail
================================================*/

.CampaignDetail {
  width: 100%;
  margin-bottom: 50px;
  border: 1px #000000 solid;
  border-collapse: collapse;
  line-height: 1.75;
  font-size: 14px;
}
.CampaignDetail tr {
  width: 100%;
}
.CampaignDetail th {
  width: 28%;
  padding: 10px;
  border-right: 1px #000000 solid;
  border-bottom: 1px #000000 solid;
  background-color: #C0E2D1;
  vertical-align: top;
  text-align: left;
}
.CampaignDetail td {
  width: 72%;
  padding: 10px;
  border-bottom: 1px #000000 solid;
  vertical-align: top;
}
.CampaignDetailRed {
  color: #CC0000;
  font-weight: bold;
}
.Pochi {
  list-style-type: circle;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 1em;
  padding-left: 1em;
  text-indent: -1em;
}
.Kome {
  padding-left: 1em;
  text-indent: -1em;
}
.Kome:before {
  content: "\203B";
}

@media (max-width: 767px) {
  
  .CampaignDetail {
    width: 90%;
    margin: 20px auto 20px auto;
    border-top: 1px #333333 solid;
    border-left: 1px #333333 solid;
    border-right: 1px #333333 solid;
    border-bottom: none;
    font-size: 14px;
  }
  .CampaignDetail tr {
    width: 100%;
  }
  .CampaignDetail th {
    display: block;
    width: 96%;
    padding: 2%;
    border-right: none;
    text-align: center;
  }
  .CampaignDetail td {
    display: block;
    width: 96%;
    padding: 2%;
  }
  .CampaignDetail td img {
    width: 100%;
    height: auto;
  }
}

/*================================================
CommonInner
================================================*/

body {
  font-family: "¥á¥¤¥ê¥ª", Meiryo, Osaka, "sans-serif";
}
.BackImage {
  width: 100%;
  background-image: url(/doc/campaign/chubu_stamp_2018_07/asset/img/back_image.jpg);
}
.CommonInner {
  width: 950px;
  margin: 0px auto;
  border-top: 25px #FFFFFF solid;
  border-bottom: 50px #FFFFFF solid;
  border-left: 100px #FFFFFF solid;
  border-right: 100px #FFFFFF solid;
  background-color: #FFFFFF;
}
.over:hover {
  opacity: 0.5;
  transition: all 0.3s ease;
}

@media (max-width: 767px) {
  .CommonInner {
    width: 100%;
    border-top: 0px #FFFFFF solid;
    border-bottom: 0px #FFFFFF solid;
    border-left: 0px #FFFFFF solid;
    border-right: 0px #FFFFFF solid;
  }
}

/*================================================
Breadcrumb
================================================*/

.Breadcrumb {
  width: auto;
  margin: 0px;
  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: 10px 0px 50px;
  text-align: right;
}
.Pagetop a {
  padding: 0px 0px 3px 30px;
  background-image: url(/doc/campaign/chubu_stamp_2018_07/asset/img/common_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
================================================*/

.CalendarMonth {
  overflow: hidden;
  margin: 10px 0px 20px;
  font-size: 20px;
}
.CalendarTitle {
  float: left;
  padding: 5px 0px 5px 16px;
  border-left: 10px solid #EA701E;
  color: #594C43;
  font-size: 28px;
  font-weight: bold;
  text-align: left;
}
.CalendarButton {
  float: right;
  margin: 0px 5px 10px;
  padding: 10px 30px 8px;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  background-color: #ea701e;
  box-shadow: 0 2px 0 #ab551b;
}
.CalendarButton:hover {
  background-color: #fda062;
}
.AreaTabBox {
  margin: 0px 0px 5px;
  overflow: hidden;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 5px solid #594C43;
}
.AreaList {
  width: 100%;
  padding-top: 10px;
  list-style-type: none;
  text-align: center;
}
.AreaTab {
  float: left;
  margin: 0px 3px -1px;
  background-color: #FDFDFD;
  border: 1px solid #BEBEBE;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.AreaTab a {
  display: block;
  padding: 10px 20px;
}
.AreaTabOn {
  float: left;
  margin: 0px 3px -1px;
  padding: 10px 20px;
  background-color: #948C86;
  border: 1px solid #594C43;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.AreaTabOn a {
  display: block;
  color: #FFFFFF;
}

/*================================================
rakutenCalendar
================================================*/

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-family: '\O\e\R\I3N\Ž¡Ž­ Pro W3', sans-serif;
  font-weight: bold;
  background-color: #CCCCCC;
  height: 40px;
  background: url(/doc/campaign/chubu_stamp_2018_07/asset/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-family: '\O\e\R\I3N\Ž¡Ž­ Pro W3', sans-serif;
  font-size: 200%;
  border-top: 1px solid #F3F3F3;
  border-right: 1px solid #F3F3F3;
  background: url(/doc/campaign/chubu_stamp_2018_07/asset/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(/doc/campaign/chubu_stamp_2018_07/asset/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(/doc/campaign/chubu_stamp_2018_07/asset/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(/doc/campaign/chubu_stamp_2018_07/asset/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(/doc/campaign/chubu_stamp_2018_07/asset/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(/doc/campaign/chubu_stamp_2018_07/asset/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;
  font-family: '\O\e\R\I3N\Ž¡Ž­ Pro W3', sans-serif;
  height: 25px;
  margin-bottom: 5px;
}
div#rakutenCalendar_top {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 5px;
}
div#rakutenCalendar_top a.cal_closeBtn {
  background: url(/doc/campaign/chubu_stamp_2018_07/asset/img/bg_b2b_666.png) repeat-x left top #666666;
  /* zjy 20120507 for IE9 */
  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;
  border: 1px solid #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 0 4px #CCCCCC;
  color: #FFFFFF;
  display: block;
  font-weight: bold;
  line-height: 40px;
  text-shadow: 0 -1px 0 #333333;
  width: 95%;
  text-decoration: none;
  margin: 15px auto 0px auto !important;
}
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);
}

.entry-list {
  text-align: center;
  color: #000000;
  font-size: 14px;
  margin: 0 0 30px;
}