@charset "utf-8";
/* ****************************************************************************

目次

-------------------------------------------------------------------------------

01. common
02.
03. 


******************************************************************************* */
/* ==

01. common

=============================================================================== */
#container {
  width: auto;
  padding: 0;
  color: #000;
}
.center {
  text-align: center !important;
}
.right {
  text-align: right !important;
}
.mb00 {
  margin-bottom: 0 !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.fsS {
  font-size: 100% !important;
}
.fsL {
  font-size: 184% !important;
}
.bldTxt {
  font-weight: bold !important;
}
.img100 img {
  width: 100%;
}

#container h2 {
  padding: 0;
  background-color: transparent;
  display: block;
  text-align: center;
}

#container h3 {
  border-bottom: none;
}

/* メインイメージ */
#mainWrap {
  position: relative;
  background: url(../../images/bg_line.jpg) center top repeat-x!important;
  padding-top: 124px;
  text-align: center;
  margin-bottom: 90px;
}

#mainWrap h1 {
  border-bottom: none;
  margin: 0;
  padding: 0;
}

#mainWrap h1 + p {
  margin-top: -65px;
  margin-bottom: 40px;
}

.btn a {
  transition: all .2s ease-out;
}

.btn a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}


/* 教えて！冬のリゾート暮らし */
.teachArea {
  background: #f7f3e1;
  padding: 70px 0 60px;
}

.teachArea h2 {
  margin-bottom: 60px;
}

.teachArea .wrap {
  display: flex;
  justify-content: space-between;
}

.teachArea .txtArea,
.teachArea .mapArea {
  width: 50%;
}

.teachArea .txtArea {
  font-size: 184%;
}

.teachArea .txtArea span {
  background: #f0c9d3;
}

.teachArea ul {
  display: flex;
  justify-content: space-between;
}

/* 会場はこちら */
.venueArea {
  padding: 70px;
}

.venueArea h2 {
  margin-bottom: 60px;
}

.venueArea ul {
  margin: 0 10px 70px;
  display: flex;
  justify-content: space-between;
}

.venueArea h3 {
  text-align: center;
  margin-bottom: 50px;
}

.venueArea p {
  font-size: 184%;
  width: 820px;
  margin: auto;
}


/* プログラム */
.programArea {
  background: #faf7e2;
  padding: 70px 0 300px;
}

.programArea .programWrap {
  background: url(../../images/pic_program_01.png) center center no-repeat;
  height: 567px;
  position: relative;
}

.programArea .programWrap .movie {
  width: 363px;
  height: 203px;
  position: absolute;
  top: 193px;
  right: 40px;
}

.programArea .pic {
  position: absolute;
  right: -17px;
  bottom: -255px;
}

/* リゾート */

.resortArea,
.resortAreaReverse {
  position: relative;
  margin-top: -346px;
}

.resort01{
  background: url(../../images/bg_resort_01.jpg) center top no-repeat;
  background-size: cover;
  height: 445px;
}

.resort02{
  background: url(../../images/bg_resort_02.jpg) center top no-repeat;
  background-size: cover;
  height: 445px;
}

.resort03{
  background: url(../../images/bg_resort_03.jpg) center top no-repeat;
  background-size: cover;
  height: 445px;
}

.resortArea .inner {
  width: 510px;
  margin: 0 auto;
  position: relative;
  padding: 225px 0 100px 200px;
}

.resortArea .inner h2 {
  position: absolute;
  top: 0;
  left: 0;
}

.resortArea .inner ul,
.resortAreaReverse .inner ul {
  display: flex;
  justify-content: space-between;
  margin-bottom: 35px;
}

.resortArea .inner h3,
.resortAreaReverse .inner h3{
  font-size: 184%;
  margin-bottom: 10px;
  font-weight: bold;
  color: #000;
}

.resortArea .inner p {
  font-size: 184%;
  margin-bottom: 30px;
}

.resortAreaReverse .inner {
  width: 510px;
  margin: 0 auto;
  position: relative;
  padding: 225px 200px 100px 0;
}

.resortAreaReverse .inner h2 {
  position: absolute;
  top: 0;
  right: 0;
}

.resortAreaReverse .inner p {
  font-size: 184%;
  margin-bottom: 30px;
}


/* 会場アクセス */

.accessArea {
  background: url(../../images/bg_line.jpg) center -94px repeat-x #f2eee7;
  padding: 100px 0 80px;
}

.accessArea h2 {
  margin-bottom: 70px;
}

.accessArea .mapArea {
  float: left;
  position: relative;
  width: 430px;
  height: 0;
  padding-bottom: 430px;
  overflow: hidden;
}

.accessArea .mapArea iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.accessArea .textArea {
  float: right;
  width: 475px;
}

.accessArea .textArea ul {
  text-indent: -1em;
  padding-left: 1rem;
  margin-bottom: 30px;
  font-size: 184%;

}

.accessArea .textArea ul + ul {
  text-indent: -1em;
  padding-left: 1rem;
  font-size: 150%;
}

.accessArea .textArea p {
  font-size: 184%;
  margin-bottom: 70px;
}

.accessArea .btn {
  text-align: center;
}





.cvBlockSp{
  height:40px;
  background:url(/shinrin/common/images/rn/bg01.gif);
  box-shadow:none!important;
}


/* ==

SNSボタン

=============================================================================== */
#sns {
  width: 950px;
  margin: 0 auto;
  padding: 10px 0 0;
  text-align: right;
  clear: both;
}
#sns:after {
  content: '';
  display: block;
  clear: both;
}
#sns p {
  margin: 0;
  padding: 0;
  display: inline;
}
#sns p {
  /padding: 0 0 0 5px;
}
#sns img {
  vertical-align: top;
}