@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html, body {
  height: 100%;
  min-height: 100%; }

body, html {
  font-size: 0.9em;
  font-family: 'Noto Sans Japanese', sans-serif; }

.noData {
  position: fixed;
  bottom: 74px;
  right: 20px;
  font-size: 2em; }

.cautionTopArea {
  background: #3b3b3b;
  line-height: 1.5em;
  padding: 15px;
  color: #fff; }

.pdb15px {
  padding-top: 15px; }

.buruburu {
  animation: hurueru 0.3s infinite; }

@keyframes hurueru {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg); }
  25% {
    transform: translate(2px, 2px) rotateZ(1deg); }
  50% {
    transform: translate(0px, 2px) rotateZ(0deg); }
  75% {
    transform: translate(2px, 0px) rotateZ(-1deg); }
  100% {
    transform: translate(0px, 0px) rotateZ(0deg); } }

body {
  padding-bottom: 54px;
  color: #404040; }

.pdb54px {
  padding-bottom: 54px; }

.formCautionArea {
  margin-top: 15px;
  margin-right: 15px;
  margin-left: 15px;
  border: 1px solid #000;
  padding: 20px;
  line-height: 1.5em; }

.popUpAreaSelect {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  display: none;
  text-align: center; }
  .popUpAreaSelect .closeBtnPop {
    border-bottom: 1px solid #e8e8e8;
    padding-top: 20px;
    padding-bottom: 20px; }
  .popUpAreaSelect .innerArea ul {
    display: table;
    min-height: 75px;
    width: 100%; }
    .popUpAreaSelect .innerArea ul li {
      display: table-cell;
      line-height: 1.5em;
      padding: 15px;
      width: 50%;
      border-right: 1px solid #e8e8e8;
      border-bottom: 1px solid #e8e8e8;
      box-sizing: border-box;
      vertical-align: middle; }
      .popUpAreaSelect .innerArea ul linth-child(2n) {
        border-right: none !important; }
      .popUpAreaSelect .innerArea ul li.over {
        background: #f5f5f5; }

.mainSetHeader {
  display: table;
  overflow: hidden;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  height: 150px;
  vertical-align: middle; }
  .mainSetHeader .imgArea {
    width: 110%;
    padding: 40px 0 40px 0;
    height: 110%;
    box-sizing: border-box;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    position: absolute;
    top: -5%;
    left: -5%; }
  .mainSetHeader .mainSetHeaderInner {
    display: table-cell;
    height: 150px;
    vertical-align: middle; }
  .mainSetHeader .profDataArea {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 9999; }
    .mainSetHeader .profDataArea figure {
      border-radius: 41.5px;
      height: 80px;
      width: 80px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 10px;
      border: 3px #fff solid; }
    .mainSetHeader .profDataArea h1 {
      color: #fff;
      font-size: 1.1em; }

.charismaArea {
  background: #f3b84f;
  color: #fff;
  padding: 30px;
  margin: 20px 20px 0px 20px;
  border-radius: 4px;
  text-align: center;
  box-sizing: border-box; }
  .charismaArea h2 {
    width: 100%;
    padding-bottom: 5px; }
  .charismaArea .percentData {
    width: 100%;
    font-size: 3em; }
    .charismaArea .percentData span {
      font-size: 0.6em; }

.notDataArea {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  text-align: center;
  padding: 15px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  line-height: 1.5em; }

.textStyle1 {
  line-height: 1.5em;
  padding-top: 5px;
  padding-bottom: 10px; }

.cardmiss p {
  padding-bottom: 20px; }

.slideFigArea {
  padding-top: 15px; }
  .slideFigArea img {
    width: 100%;
    height: auto; }

.bgBlack {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  display: none; }

.pdt20px {
  padding-top: 20px; }

.popupArea {
  display: table;
  margin-top: -260px;
  background: #fff;
  border-radius: 5px;
  width: 90%;
  padding: 20px;
  position: absolute;
  top: 35px;
  height: 200px;
  left: 5%;
  box-sizing: border-box;
  transition-duration: 0.5s; }
  .popupArea .innerCont {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    position: relative; }
    .popupArea .innerCont .closeBtn {
      font-size: 40px;
      width: 40px;
      height: 40px;
      position: absolute;
      top: -65px;
      right: -25px;
      color: #fff; }
    .popupArea .innerCont .readCentertext {
      font-size: 1.6em;
      line-height: 1.4em; }

.mainHeader {
  display: table;
  width: 100%; }
  .mainHeader .inputArea {
    display: table-cell;
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
    background: #f5f5f5;
    vertical-align: top; }
  .mainHeader .buttonArea {
    display: table-cell;
    background: #f3b84f;
    width: 70px;
    vertical-align: top; }
  .mainHeader input {
    width: 100%;
    padding: 10px;
    background: #f5f5f5;
    font-size: 1.1em;
    border: none;
    height: 50px;
    box-sizing: border-box; }
  .mainHeader button {
    background: #f2d758;
    width: 100%;
    color: #000;
    border: none;
    padding: 0px;
    font-size: 1.2em;
    box-sizing: border-box;
    height: 50px; }

.mainContBody {
  min-height: -webkit-calc(100% - 182px);
  min-height: calc(100% - 182px); }

.topNav {
  background: #f3b84f; }
  .topNav a {
    color: #fff;
    text-decoration: none; }
  .topNav ul {
    width: 100%;
    display: table; }
    .topNav ul li {
      display: table-cell;
      width: 50%;
      text-align: center; }
      .topNav ul li a {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        display: inline-block; }
        .topNav ul li a.over {
          border-bottom: 4px solid #ffdaa5;
          padding-bottom: 16px; }

.readArea {
  background: #fef3e4;
  padding: 15px;
  line-height: 1.5em; }
  .readArea .textArea a {
    color: #4597b5;
    font-weight: bold; }

.audiojs .loaded {
  height: 5px;
  background: #fff;
  border: none; }

.audiojs p {
  height: 28px; }

.audiojs .scrubber {
  height: 5px;
  border: none; }

.audiojs .play-pause {
  padding: 0px;
  height: 28px; }

.audiojs .play {
  background-position: -2px -2px; }

.audiojs .pause {
  background-position: -2px -92px; }

.audiojs {
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
  box-shadow: none;
  background: none;
  height: 28px; }

.audiojs .scrubber {
  width: -webkit-calc(100% - 135px);
  width: calc(100% - 135px);
  box-sizing: border-box;
  margin-right: 0px;
  margin-left: 0px;
  margin-top: 11px;
  margin-bottom: 11px; }

.audiojs .time {
  width: 110px;
  margin-left: 0px;
  box-sizing: border-box;
  padding-right: 0px;
  padding-left: 0px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-left: none;
  text-shadow: none; }

.audiojs .play-pause {
  border-right: none; }

.numberArea {
  float: left;
  width: 60px;
  height: 28px;
  line-height: 28px;
  background: none;
  color: #fff;
  text-decoration: none;
  text-align: center; }

.audioHeadArea {
  background: #f3b84f; }

.mainVisual {
  padding-top: 75%;
  border-bottom: 1px solid #f0f0f0; }

.slideDataBottom .over i {
  color: #ee0e1e;
  border: 1px solid #ee0e1e; }

.singleSlideSection .textArea {
  padding: 15px 15px 93px 15px;
  line-height: 1.7em; }
  .singleSlideSection .textArea p {
    font-size: 1.2em;
    text-align: justify;
    line-height: 2em; }

.bottomSlideBtn {
  width: 100%;
  padding: 10px;
  position: fixed;
  bottom: 54px;
  background: #fff;
  border-top: 1px solid #f0f0f0;
  box-sizing: border-box; }

.missArea {
  color: #df1f1f; }
  .missArea P {
    line-height: 1.5em; }

.slideCtlBtns {
  width: 105px;
  float: right; }

.slideDataBottom {
  display: table;
  float: left;
  line-height: 1.5em;
  width: -webkit-calc(100% - 118px);
  width: calc(100% - 118px); }
  .slideDataBottom dl {
    display: table-cell;
    vertical-align: middle; }
    .slideDataBottom dl dt {
      margin-top: -3px; }
    .slideDataBottom dl dd {
      color: #a4a4a4; }
  .slideDataBottom div {
    display: table-cell;
    font-size: 1.7em;
    vertical-align: middle;
    color: #a4a4a4;
    width: 60px; }
    .slideDataBottom div i {
      border: 1px solid #a4a4a4;
      border-radius: 25px;
      height: 49px;
      width: 49px;
      padding: 5px;
      box-sizing: border-box;
      text-align: center;
      padding-top: 13px; }
    .slideDataBottom div span {
      font-size: 0.5em;
      display: inline-block; }

.mgt15px {
  margin-top: 15px; }

.areaForm {
  display: none; }

.pdb94px {
  padding-bottom: 94px; }

.pdb120px {
  padding-bottom: 120px !important; }

.likebox {
  position: fixed;
  z-index: 9999;
  bottom: 120px;
  text-align: center;
  color: #f3b84f;
  width: 120px;
  height: 30px;
  right: 10px;
  vertical-align: middle;
  border: 1px solid #f3b84f; }
  .likebox span {
    padding-top: 5px;
    display: block;
    width: 100%; }
  .likebox i {
    font-size: 2em;
    vertical-align: middle;
    margin-top: -3px; }

.overLike {
  color: #fff;
  background: #f2b758; }

.placeDataListArea {
  border-bottom: 1px solid #e8e8e8; }
  .placeDataListArea li {
    border-top: 1px solid #e8e8e8;
    padding: 15px;
    line-height: 1.5em;
    text-indent: -14px;
    padding-left: 42px; }
    .placeDataListArea li i {
      color: #f3b84f;
      font-size: 1.3em;
      margin-right: 5px;
      text-align: center; }
    .placeDataListArea li a {
      color: #000;
      text-decoration: none; }

.overLink {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%; }

.timeLineStyle1 {
  padding: 15px; }
  .timeLineStyle1 li dl {
    display: table;
    width: 100%; }
    .timeLineStyle1 li dl dt {
      display: table-cell;
      text-align: right;
      padding-bottom: 20px;
      width: 50px;
      vertical-align: top;
      line-height: 1.5em; }
      .timeLineStyle1 li dl dt div {
        display: inline-block; }
      .timeLineStyle1 li dl dt:after {
        content: "";
        display: block;
        width: 8px;
        border-bottom: 8px solid #6cc0bc;
        float: right;
        margin-right: -4px;
        margin-left: 10px;
        margin-top: 8px;
        border-radius: 4px; }
    .timeLineStyle1 li dl dd {
      display: table-cell;
      vertical-align: top;
      text-align: left;
      border-left: 1px solid #d5d5d5;
      padding-left: 10px;
      padding-bottom: 20px;
      line-height: 1.5em; }
      .timeLineStyle1 li dl dd div {
        display: inline-block; }
  .timeLineStyle1 li:first-child dl dt:after {
    border-top: 8px solid #fff;
    margin-top: 0px; }
  .timeLineStyle1 li:last-child dl dt {
    padding-bottom: 0px; }
  .timeLineStyle1 li:last-child dl dt:after {
    border-top: 8px solid #6cc0bc;
    border-bottom: 8px solid #fff; }
  .timeLineStyle1 li:last-child dl dd {
    padding-bottom: 0px; }

.calenderHead {
  padding-top: 15px;
  padding-bottom: 15px; }
  .calenderHead .calenderHeadInner {
    text-align: center;
    font-size: 1.6em;
    font-weight: bold;
    position: relative; }
    .calenderHead .calenderHeadInner span {
      font-size: 0.6em; }
    .calenderHead .calenderHeadInner .dayData {
      width: 100%; }
    .calenderHead .calenderHeadInner .afterArrow {
      content: "";
      width: 6px;
      height: 6px;
      display: block;
      border-top: 2px solid #404040;
      border-right: 2px solid #404040;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      right: 15px;
      top: 6px;
      z-index: 9998; }
    .calenderHead .calenderHeadInner .beforeArrow {
      content: "";
      width: 6px;
      height: 6px;
      display: block;
      border-top: 2px solid #404040;
      border-right: 2px solid #404040;
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg);
      position: absolute;
      left: 15px;
      top: 6px;
      z-index: 9998; }

.mgt20px {
  margin-top: 20px; }

.subTtlStyle1 {
  background: #f3b84f;
  padding: 15px;
  color: #fff;
  font-size: 1.1em; }

.articleListStyle1 article {
  padding: 15px;
  font-size: 1.1em;
  border-bottom: 1px solid #f6f6f6;
  position: relative; }
  .articleListStyle1 article dl {
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px); }
    .articleListStyle1 article dl dt {
      padding-bottom: 3px;
      text-indent: -10px;
      margin-left: 20px;
      line-height: 1.6em;
      font-weight: bold; }
    .articleListStyle1 article dl dd {
      color: #a4a4a4;
      line-height: 1.6em;
      padding-left: 20px; }
  .articleListStyle1 article a {
    color: #404040;
    text-decoration: none; }
  .articleListStyle1 article:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    display: inline-block;
    right: 4px;
    border-top: 2px solid #404040;
    border-right: 2px solid #404040;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    float: right;
    margin-right: 15px;
    top: 50%;
    margin-top: -3px;
    clear: both; }

.listBtnStyle a {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  border-top: 1px solid #f0f0f0;
  color: #404040;
  text-decoration: none;
  display: block; }

.btnStyle1 {
  width: 100%;
  min-width: 49px;
  display: block;
  line-height: 1.5em;
  padding: 15px;
  font-size: 1em;
  box-sizing: border-box;
  background: #f2d758;
  text-align: center;
  color: #000;
  text-decoration: none;
  border-radius: 5px;
  border: none; }

.doubleBtn1 {
  margin-top: 10px; }
  .doubleBtn1 a {
    width: 49%;
    float: left;
    margin-right: 2%;
    padding: 10px;
    border-radius: 0px; }

.mgr0px {
  margin-right: 0px !important; }

.bottomBtnArea1 {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 20px;
  margin-bottom: 20px; }

.scheduleList article {
  border-top: 1px solid #f0f0f0;
  width: 100%;
  display: table;
  vertical-align: middle; }
  .scheduleList article a {
    color: #404040;
    text-decoration: none;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
    width: 100%;
    box-sizing: border-box; }
  .scheduleList article .dayIcon {
    display: table-cell;
    font-size: 2em;
    padding-left: 15px;
    font-weight: bold;
    vertical-align: middle; }
    .scheduleList article .dayIcon span {
      font-size: 0.5em; }
  .scheduleList article h2 {
    display: table-cell;
    font-size: 1.2em;
    padding-left: 15px;
    vertical-align: middle; }
  .scheduleList article:last-child {
    border-bottom: 1px solid #f0f0f0; }

.singleDateArea {
  padding: 15px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #f6f6f6; }
  .singleDateArea .dayArea {
    display: table-cell;
    font-size: 1.8em;
    font-weight: bold; }
    .singleDateArea .dayArea span {
      font-size: 0.6em; }
  .singleDateArea .iconArea {
    display: table-cell;
    font-size: 2em;
    text-align: right;
    vertical-align: middle; }
    .singleDateArea .iconArea a {
      text-decoration: none;
      color: #404040;
      display: inline-block;
      padding-left: 5px; }

.colorBlue {
  color: #f75b06; }

.floatLeft {
  float: left; }

.floatRight {
  float: right; }

.dataList dl {
  border-bottom: 1px solid #f6f6f6;
  padding: 15px;
  font-size: 1.1em; }
  .dataList dl dt {
    font-weight: bold;
    padding-bottom: 10px; }
    .dataList dl dt span {
      display: block; }
  .dataList dl dd {
    color: #8c8c8c;
    line-height: 1.5em; }

.footNav {
  background: #f3b84f;
  position: fixed;
  bottom: 0px;
  width: 100%; }
  .footNav ul {
    display: table;
    width: 100%;
    text-align: center; }
    .footNav ul li {
      display: table-cell;
      width: 25%; }
      .footNav ul li a {
        color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        text-decoration: none;
        display: block; }
        .footNav ul li a i {
          font-size: 1.6em;
          margin-bottom: 3px; }
        .footNav ul li a span {
          display: block;
          width: 100%;
          font-size: 0.9em; }

.footNav3col li {
  width: 33.33333% !important; }

.subTtlStyle2 {
  padding: 15px; }

.subTtlStyle3 {
  background: #f3b84f;
  padding: 15px;
  color: #fff;
  line-height: 1.5em; }
  .subTtlStyle3 h1 {
    font-size: 1.2em; }

.formArea1 dl {
  padding: 15px 15px 0 15px; }
  .formArea1 dl dt {
    padding-bottom: 10px; }
  .formArea1 dl dd input, .formArea1 dl dd textarea {
    width: 100%;
    padding: 5px;
    background: #f5f5f5;
    border: none;
    height: 35px;
    box-sizing: border-box; }
  .formArea1 dl dd textarea {
    min-height: 100px; }
  .formArea1 dl dd select {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    width: 100%;
    border: none;
    background: #f5f5f5;
    height: 35px;
    padding: 5px;
    box-sizing: border-box;
    display: block;
    font-size: 0.9em;
    color: #515151;
    line-height: 0px;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    line-height: 1.5em; }
  .formArea1 dl dd.selectBox:after {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    left: 4px;
    border-top: 2px solid #404040;
    border-right: 2px solid #404040;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    float: right;
    margin-right: 15px;
    margin-top: -23px;
    clear: both; }

.slideTopNav {
  background: #f3b84f;
  overflow: hidden;
  width: 100%;
  height: 52px; }
  .slideTopNav .slideTopNavInner {
    overflow: auto;
    width: 100%;
    height: 72px;
    -webkit-overflow-scrolling: touch; }
    .slideTopNav .slideTopNavInner ul {
      width: 1692px; }
      .slideTopNav .slideTopNavInner ul li {
        float: left;
        border-right: 1px solid #1e54b0;
        width: 140px;
        text-align: center; }
        .slideTopNav .slideTopNavInner ul li.over {
          background: #f3b84f; }
        .slideTopNav .slideTopNavInner ul li a {
          display: block;
          padding: 20px;
          color: #fff;
          text-decoration: none; }

.openArea {
  background: #f5f5f5;
  padding-bottom: 0px !important;
  height: 100%;
  min-height: 100%; }

.btnTriple1 button {
  width: 32.3333%;
  float: left;
  margin-right: 1.5%; }
  .btnTriple1 button:last-child {
    margin-right: 0px; }

.btnDouble button {
  width: 49%;
  float: left;
  margin-right: 2%; }
  .btnDouble button:last-child {
    margin-right: 0px; }

.bgRed {
  background: #dc2323; }

.draftColor {
  color: #979797; }

.opn_mainheader {
  padding: 15px; }
  .opn_mainheader .logoArea {
    float: left;
    width: 80px; }
  .opn_mainheader .navIcon {
    float: right;
    font-size: 2.4em;
    color: #f75b06; }

.stepNav {
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 15px;
  font-weight: bold; }
  .stepNav ul li {
    width: 33.333%;
    float: left;
    text-align: center;
    border-bottom: #d7d7d7 5px solid;
    padding-bottom: 10px; }
    .stepNav ul li.over {
      border-bottom: 5px solid #f3b84f; }

.formAreaType2 {
  padding-top: 20px;
  padding-bottom: 20px; }
  .formAreaType2 .innerCont {
    background: #fff;
    margin: 0px 15px 0px 15px;
    padding: 20px;
    border-radius: 5px; }
    .formAreaType2 .innerCont a {
      color: #f3b84f;
      text-decoration: none; }
    .formAreaType2 .innerCont dl dt {
      padding-bottom: 10px;
      font-size: 1em; }
    .formAreaType2 .innerCont dl dd {
      margin-bottom: 20px; }
      .formAreaType2 .innerCont dl dd input {
        background: #f0f0f0;
        padding: 5px;
        font-size: 1.2em;
        border: none;
        width: 100%;
        box-sizing: border-box;
        height: 30px; }
    .formAreaType2 .innerCont .cautionArea {
      line-height: 1.5em;
      padding-bottom: 15px; }
    .formAreaType2 .innerCont .bottomBtnArea {
      margin-left: 15px;
      margin-right: 15px; }
      .formAreaType2 .innerCont .bottomBtnArea .btnStyle1 {
        padding-top: 10px;
        padding-bottom: 10px; }

.inputDouble input {
  width: 49% !important;
  margin-right: 2%; }

.inputToripple input {
  width: 32.3333% !important;
  margin-right: 1.5%; }

.mgr0px {
  margin-right: 2%; }

.opn_mainFooter {
  background: #f3b84f;
  color: #fff;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px; }
  .opn_mainFooter a {
    color: #fff; }
  .opn_mainFooter nav {
    padding-bottom: 15px; }
    .opn_mainFooter nav a {
      display: inline-block;
      padding-left: 5px;
      padding-right: 5px;
      text-decoration: none; }

.mgb20px {
  margin-bottom: 20px; }

.opn_sideNav {
  height: 100%;
  width: 50%;
  background: #424242;
  position: fixed;
  top: 0px;
  left: 0px;
  overflow: hidden;
  margin-left: -50%;
  transition-duration: 0.5s; }
  .opn_sideNav nav {
    width: 120%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
    .opn_sideNav nav li {
      border-bottom: 1px solid #5b5b5b; }
      .opn_sideNav nav li a {
        display: block;
        padding: 15px;
        color: #fff;
        text-decoration: none; }

.pdt15px {
  padding-top: 15px; }

.pdb40px {
  padding-bottom: 40px !important; }

.pdb20px {
  padding-bottom: 20px; }

.bgt1px {
  border-top: 1px solid #eaeaea; }

.slideForm {
  display: none; }

.parentForm {
  display: none; }

.quadrupleFormStyle1 input {
  width: 25% !important;
  border-right: 1px solid #e0e0e0 !important;
  float: left; }
  .quadrupleFormStyle1 input:last-child {
    border-right: none !important; }

.experienceForm {
  display: none; }

.experienceForm {
  display: none; }

.stayForm {
  display: none; }

.linkAreaBox {
  position: relative;
  overflow: hidden; }
  .linkAreaBox .linkAreaBoxHref {
    display: block;
    padding-top: 200%;
    width: 100%;
    position: absolute; }

.recoFlowList {
  line-height: 1.5em; }
  .recoFlowList header h1 {
    padding: 15px; }
  .recoFlowList .planMainVis {
    padding-top: 50%;
    position: relative; }
    .recoFlowList .planMainVis .instaBtn {
      position: absolute;
      top: 10px;
      right: 10px;
      color: #f3b84f;
      font-size: 2.5em; }
  .recoFlowList .planTagArea {
    padding: 15px 15px 10px 15px; }
    .recoFlowList .planTagArea li {
      display: inline-block;
      padding-right: 5px;
      padding-bottom: 5px; }
      .recoFlowList .planTagArea li a {
        color: #8d8d8d;
        text-decoration: none; }
  .recoFlowList .notArticleBox:last-child .arrowNextArea {
    display: none; }
  .recoFlowList article:last-child .arrowNextArea {
    display: none; }
  .recoFlowList article h2 {
    padding: 15px;
    background: #f3b84f;
    color: #fff; }
  .recoFlowList article a {
    text-decoration: none; }
  .recoFlowList article .planLoopCont {
    display: table;
    width: 100%;
    background: #fbf2e4; }
    .recoFlowList article .planLoopCont .figArea {
      display: table-cell;
      width: 100px; }
    .recoFlowList article .planLoopCont .contArea {
      display: table-cell;
      padding: 15px; }
      .recoFlowList article .planLoopCont .contArea h3 {
        color: #000;
        padding-bottom: 15px;
        line-height: 1.3em;
        font-size: 1.1em; }
      .recoFlowList article .planLoopCont .contArea .moreDataArea {
        line-height: 1.5em; }
        .recoFlowList article .planLoopCont .contArea .moreDataArea:after {
          content: "";
          width: 6px;
          height: 6px;
          display: inline-block;
          border-top: 2px solid #404040;
          border-right: 2px solid #404040;
          -webkit-transform: rotate(135deg);
          transform: rotate(45deg);
          float: right;
          margin-right: 0px;
          margin-top: -10px;
          clear: both; }
        .recoFlowList article .planLoopCont .contArea .moreDataArea ul li {
          font-weight: bold;
          float: left;
          color: #000;
          padding-right: 10px; }
          .recoFlowList article .planLoopCont .contArea .moreDataArea ul li i {
            color: #f3b84f; }
  .recoFlowList article .buttonList button {
    width: 50%;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #f9f9f9;
    border: none;
    float: left;
    font-size: 0.9em;
    font-weight: bold;
    border-bottom: 3px solid #e2e2e2;
    border-right: 1px solid #bbbbbb;
    border-radius: 0px;
    margin: 0px !important; }
    .recoFlowList article .buttonList button:last-child {
      border-right: 0px; }

.arrowNextArea {
  padding: 15px;
  text-align: center; }
  .arrowNextArea:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    border-top: 3px solid #404040;
    border-right: 3px solid #404040;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-right: 20px;
    margin-top: -10px;
    margin-left: 10px;
    clear: both; }
  .arrowNextArea p {
    font-size: 1.2em; }

.likeBtnArea {
  position: fixed;
  bottom: 54px;
  width: 100%;
  border-top: 1px solid #e1e1e1; }
  .likeBtnArea li button {
    width: 50%;
    margin: 0px;
    float: left;
    text-align: center;
    padding: 14px 13px 12px 13px;
    font-size: 1.3em;
    background: #fff;
    border-radius: 0px;
    border: none;
    border-right: 1px solid #e1e1e1; }
    .likeBtnArea li button span {
      display: inline-block;
      vertical-align: middle;
      margin-top: -6px;
      font-size: 1.6em; }
      .likeBtnArea li button span.disLikeBtn {
        color: #f3b84f;
        margin-right: 5px; }
      .likeBtnArea li button span.likeBtn {
        color: #f7bb06;
        margin-left: 5px; }
  .likeBtnArea li:last-child button {
    border-right: none !important; }

.botomDoubleFooter {
  padding-bottom: 138px; }

.anvUser {
  padding: 10px;
  display: table;
  border-bottom: 1px solid #e8e8e8;
  width: 100%;
  box-sizing: border-box; }
  .anvUser figure {
    display: table-cell;
    width: 50px;
    vertical-align: middle; }
    .anvUser figure a {
      display: block;
      border-radius: 25px;
      width: 50px;
      padding-top: 50px; }
  .anvUser .anvData {
    vertical-align: middle;
    display: table-cell;
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
    padding-left: 15px;
    box-sizing: border-box; }
    .anvUser .anvData h2 {
      font-size: 1.2em;
      padding-bottom: 5px;
      line-height: 1.3em;
      color: #6f6f6f; }
    .anvUser .anvData p {
      color: #b6b6b6; }

.placeDataText {
  padding: 15px;
  line-height: 1.7em; }

.moreDataArea2 {
  padding: 0px 15px 20px 15px; }
  .moreDataArea2 ul li {
    font-weight: bold;
    float: left;
    line-height: 1.5em;
    color: #000;
    padding-right: 10px; }
    .moreDataArea2 ul li i {
      color: #f3b84f; }

.likeListSection a {
  color: #000;
  text-decoration: none; }

.likeListSection article {
  position: relative;
  border-bottom: 1px solid #e8e8e8; }
  .likeListSection article:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-top: 2px solid #404040;
    border-right: 2px solid #404040;
    -webkit-transform: rotate(135deg);
    transform: rotate(45deg);
    top: 50%;
    right: 20px;
    margin-top: -8px; }

.likeListSection .planContInner {
  display: table;
  width: 100%;
  padding: 15px;
  box-sizing: border-box; }
  .likeListSection .planContInner figure {
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    text-align: center; }
    .likeListSection .planContInner figure i {
      font-size: 2em;
      color: #878787; }
    .likeListSection .planContInner figure span {
      display: block;
      width: 100%;
      padding-top: 50px;
      border-radius: 25px; }
  .likeListSection .planContInner .planDataArea {
    padding-left: 10px;
    vertical-align: middle;
    display: table-cell;
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
    box-sizing: border-box; }
    .likeListSection .planContInner .planDataArea h2 {
      font-size: 1.2em;
      font-weight: 400;
      line-height: 1.5em;
      padding-right: 20px; }
    .likeListSection .planContInner .planDataArea .moreDataArea2 {
      padding: 10px 0px 0px 0px; }
      .likeListSection .planContInner .planDataArea .moreDataArea2 li {
        color: #9f9f9f !important;
        font-weight: 200; }

.instagram-media {
  margin-bottom: 0px !important;
  border-radius: 0px !important;
  border: 0px !important; }

.btnInstagram {
  width: 100%;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
  color: #000;
  text-decoration: none;
  background: #f2d758; }

.anvUser {
  border-top: 1px solid #e8e8e8; }

.placeDataBottomBtn {
  padding: 15px; }
  .placeDataBottomBtn a {
    background: #f2d758;
    color: #000; }

.pdb80px {
  padding-bottom: 80px !important; }

.reserveBox h2 {
  background: #f3b84f;
  padding: 15px;
  color: #fff; }

.reserveBox ul li {
  float: left;
  width: 50%;
  box-sizing: border-box;
  line-height: 0px; }
  .reserveBox ul li img {
    width: 100%;
    height: auto; }
  .reserveBox ul li a {
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    display: block; }

.bottomBackBtn {
  border-top: 1px solid #efefef;
  position: fixed;
  bottom: 54px;
  width: 100%;
  background: #fff; }
  .bottomBackBtn a, .bottomBackBtn button {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    text-decoration: none;
    color: #000;
    font-size: 1em;
    width: 100%;
    background: #fff;
    border: none !important; }

.spotTopNav ul {
  display: table;
  width: 100%;
  text-align: center; }
  .spotTopNav ul li {
    display: table-cell;
    width: 25%;
    vertical-align: middle; }
    .spotTopNav ul li a {
      display: inline-block;
      width: 100%;
      padding-top: 15px;
      color: #000;
      text-decoration: none; }
      .spotTopNav ul li a i {
        color: #f59327;
        font-size: 2em;
        margin-bottom: 5px; }
      .spotTopNav ul li a span {
        display: block; }

.btns3Col li:first-child button {
  width: 40% !important;
  box-sizing: border-box;
  height: 51px; }

.btns3Col li:nth-child(2) button {
  width: 20% !important;
  box-sizing: border-box;
  height: 51px;
  padding-top: 6px; }

.btns3Col li:nth-child(2) p {
  font-size: 0.7em; }

.btns3Col li:nth-child(2) .disLikeBtn {
  margin-right: 0px;
  line-height: 1em; }

.btns3Col li:last-child button {
  width: 40% !important;
  box-sizing: border-box;
  height: 51px; }

.saveBtn .likeBtn {
  margin-left: 0px !important;
  font-size: 1.2em; }

.col5Data ul li {
  width: 20% !important; }

body.postMode .subTtlStyle3 {
  background: #26a441 !important; }

body.postMode .footNav {
  background: #26a441 !important; }

body.postMode .moreDataArea2 ul li i {
  color: #6cd882 !important; }

body.postMode .topNav {
  background: #26a441 !important; }

body.postMode .btnInstagram {
  background: #6cd882 !important; }

body.postMode .mainHeader button {
  background: #6cd882 !important; }

body.postMode .topNav ul li a.over {
  border-bottom: 4px solid #6cd882; }

body.postMode .spotTopNav ul li a i {
  color: #6cd882 !important; }

body.postMode .placeDataListArea li i {
  color: #6cd882 !important; }

body.postMode .placeDataBottomBtn a {
  background: #6cd882 !important; }

body.postMode .recoFlowList .planMainVis .instaBtn {
  color: #6cd882 !important; }

body.postMode .btnStyle1 {
  background: #6cd882 !important; }
  body.postMode .btnStyle1.bgRed {
    background: #dc2323 !important; }

body.postMode .readArea {
  background: #ddf7e2 !important; }

body.postMode .footNav ul li:last-child {
  background: #0f8328 !important; }