@charset "UTF-8";
/* color */
/* [MIXIN] fontsize(PC) */
/* [MIXIN] fontsize(SP) */
/* [MIXIN] animation */
/* [MIXIN] ketframes */
/* [MIXIN] transition */
/* [MIXIN] transform */
/* [MIXIN] width */
/* [MIXIN] SP image change */
@-webkit-keyframes popheart {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -80%, 0) scale(0.9);
            transform: translate3d(-50%, -80%, 0) scale(0.9); }
  60% {
    -webkit-transform: translate3d(-50%, -120%, 0) scale(1);
            transform: translate3d(-50%, -120%, 0) scale(1);
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -120%, 0) scale(1.05);
            transform: translate3d(-50%, -120%, 0) scale(1.05); } }
@keyframes popheart {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -80%, 0) scale(0.9);
            transform: translate3d(-50%, -80%, 0) scale(0.9); }
  60% {
    -webkit-transform: translate3d(-50%, -120%, 0) scale(1);
            transform: translate3d(-50%, -120%, 0) scale(1);
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -120%, 0) scale(1.05);
            transform: translate3d(-50%, -120%, 0) scale(1.05); } }

@-webkit-keyframes parapara {
  0% {
    background-position: 0 0; }
  100% {
    background-position: -2500px 0; } }

@keyframes parapara {
  0% {
    background-position: 0 0; }
  100% {
    background-position: -2500px 0; } }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video, div, main {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background-color: transparent;
  box-sizing: border-box; }

body {
  line-height: 1; }

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  display: block; }

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

img {
  vertical-align: bottom; }

html, body {
  min-width: 1020px; }
  @media only screen and (max-width: 767px) {
    html, body {
      min-width: 320px; } }

html {
  font-size: 62.5%;
  /*10px*/ }

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "メイリオ", Meiryo, Osaka, sans-serif;
  color: #5A3D28;
  background: #fff;
  width: 100%;
  height: 100%; }

input {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "メイリオ", Meiryo, Osaka, sans-serif; }

a {
  text-decoration: none;
  color: #ea6565; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

.underline {
  cursor: pointer;
  text-decoration: underline; }
  .underline:hover {
    text-decoration: none; }

a:visited {
  color: #ea6565; }

a:hover {
  color: #ea6565; }

::-moz-selection {
  background: #ddd; }

::selection {
  background: #ddd; }

::-moz-selection {
  background: #ddd; }

/*
input[type="text"],
input[type="email"],
textarea {
	@include media(sp){
		font-size: 16px !important;
		&::-webkit-input-placeholder {
				font-size: 14px;
		}
	}
}*/
video::-internal-media-controls-download-button {
  display: none; }

.tar {
  text-align: right; }

.tac {
  text-align: center; }

.fll {
  float: left; }

.flr {
  float: right; }

.posr {
  position: relative; }

.clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  overflow: hidden; }

.clearfix {
  _height: 1px;
  min-height: 1px;
  /*・･*/
  /*/
  height: auto;
  overflow: hidden;
  /**/ }

/* [EXTEND] CLEARFIX */
.cf:before, .item .log .log_li:before,
.cf:after,
.item .log .log_li:after {
  content: '';
  display: table; }


.cf:after,
.item .log .log_li:after {
  clear: both; }

.cf, .item .log .log_li {
  zoom: 1; }

/* util */
.taC {
  text-align: center; }

.taL {
  text-align: left; }

.taR {
  text-align: right; }

.show_pc {
  display: block; }
  @media only screen and (max-width: 979px) {
    .show_pc {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .show_pc {
      display: none; } }

.show_pctb {
  display: block; }
  @media only screen and (max-width: 979px) {
    .show_pctb {
      display: block; } }
  @media only screen and (max-width: 767px) {
    .show_pctb {
      display: none; } }

.show_tbsp {
  display: none; }
  @media only screen and (max-width: 979px) {
    .show_tbsp {
      display: block; } }
  @media only screen and (max-width: 767px) {
    .show_tbsp {
      display: block; } }

.show_tb {
  display: none; }
  @media only screen and (max-width: 979px) {
    .show_tb {
      display: block; } }
  @media only screen and (max-width: 767px) {
    .show_tb {
      display: none; } }

.show_sp {
  display: none; }
  @media only screen and (max-width: 979px) {
    .show_sp {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .show_sp {
      display: block; } }

.op {
  transition-property: opacity;
  transition-duration: 0.5s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.op:hover {
  opacity: 0.9; }
  @media only screen and (max-width: 767px) {
    .op:hover {
      opacity: 1; } }

.button {
  text-align: center;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .button {
      display: block;
      width: 100%;
      max-width: 240px;
      margin-left: auto;
      margin-right: auto; } }
  .button.small {
    width: 83.33333%;
    margin-left: auto;
    margin-right: auto; }
  .button.medium {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto; }
    .button.medium a {
      padding: 22px; }
  .button.large {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    .button.large a {
      padding: 22px; }
  @media only screen and (max-width: 767px) {
    .button.small {
      width: 240px;
      margin-left: auto;
      margin-right: auto; }
    .button.medium {
      max-width: 240px;
      margin-left: auto;
      margin-right: auto; } }
  .button.white a {
    color: #fff;
    border: 1px solid #fff; }
    @media only screen and (min-width: 980px) {
      .button.white a:hover {
        background-color: #fff;
        color: #000; } }
  .button a {
    padding: 17px;
    display: block;
    border: 1px solid #000000;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.5em;
    font-weight: 700; }
    @media only screen and (max-width: 767px) {
      .button a {
        font-size: 14px;
        font-size: 1.2rem; } }
    @media only screen and (min-width: 980px) {
      .button a {
        transition-property: background-color color;
        transition-duration: 0.4s;
        transition-delay: 0s;
        transition-timing-function: ease; }
        .button a:hover {
          background-color: #000;
          color: #fff; } }
    @media only screen and (max-width: 767px) {
      .button a {
        padding: 14px 4px; } }
  .button .rotate {
    font-style: normal;
    display: inline-block;
    -webkit-transform: rotate(90deg) translateX(4px);
            transform: rotate(90deg) translateX(4px); }

[role="button"] {
  cursor: pointer; }

.wrap-modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.75);
  height: 100%;
  display: none; }

.wrap-modal-close {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }

.box-modal {
  position: relative;
  top: 50%;
  left: 0;
  width: 87%;
  max-width: 692px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-size: 100%;
  opacity: 0;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  background-color: #fff; }
  .box-modal.show {
    opacity: 1; }
  .box-modal:before {
    content: '';
    display: block;
    padding-top: 57.7%; }
  .box-modal #video {
    position: absolute;
    z-index: 1;
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px; }
  .box-modal .btn-modal-close {
    z-index: 1;
    position: absolute;
    top: -30px;
    right: -79px;
    width: 70px;
    height: 70px;
    z-index: 12;
    cursor: pointer;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.4s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
    @media only screen and (max-width: 979px) {
      .box-modal .btn-modal-close {
        top: -40px;
        right: 0;
        width: 35px;
        height: 35px; } }
    .box-modal .btn-modal-close:before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      width: 100%;
      height: 6px;
      background-color: #000000;
      margin-top: -3px; }
    .box-modal .btn-modal-close:after {
      content: '';
      position: absolute;
      left: 50%;
      top: 0;
      width: 6px;
      height: 100%;
      background-color: #000000;
      margin-left: -3px; }

.about .about_title {
  margin-bottom: 20px;
  background: url("../images/about/about_txt_01.png") no-repeat left top;
  width: 703px;
  height: 46px; }
  .about .about_title img {
    display: none; }
  .about .about_title.help_title {
    background: url("../images/help/help-headline-pc.png") no-repeat left top; }
  .about .about_title.foster_title {
    background: url("../images/about/foster-headline-pc.png") no-repeat left top; }

.about .about_box {
  background-image: url("../images/info/info_bg_01_top.png"), url("../images/info/info_bg_01_bottom.png"), url("../images/info/info_bg_01_middle.png");
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center center;
  background-size: 100% auto;
  padding: 34px 17px 34px 17px;
  margin-bottom: 20px;
  font-size: 14px;
  font-size: 1.4rem; }
  .about .about_box section {
    margin-bottom: 40px; }
  .about .about_box h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5; }
  .about .about_box p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5; }
  .about .about_box p.note {
    padding: 20px;
    font-size: 12px;
    font-size: 1.2rem;
    background-color: #f4f2ee;
    border-radius: 5px; }

@media only screen and (max-width: 767px) {
  .about {
    padding-left: 4%;
    padding-right: 4%;
    box-sizing: border-box; }
    .about .about_title {
      background: none;
      width: 100%;
      height: auto; }
      .about .about_title img {
        display: block; }
      .about .about_title.help_title {
        background: none; }
      .about .about_title.foster_title {
        background: none; }
    .about .about_box {
      padding: 34px 17px 34px 17px;
      margin-bottom: 20px;
      font-size: 14px;
      font-size: 1.4rem; }
      .about .about_box section {
        margin-bottom: 40px; }
      .about .about_box h2 {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.5; }
      .about .about_box p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5; }
      .about .about_box p.note {
        padding: 20px;
        font-size: 10px;
        font-size: 1rem;
        background-color: #f4f2ee;
        border-radius: 5px; } }

.activity .activity_title {
  margin-bottom: 20px;
  background: url("../images/activity/activity_txt_01.png") no-repeat left top;
  width: 705px;
  height: 42px; }
  .activity .activity_title img {
    display: none; }
  @media only screen and (max-width: 767px) {
    .activity .activity_title {
      background: none;
      width: 100%;
      height: auto; }
      .activity .activity_title img {
        display: block; } }

.activity .activity_month {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 35px 0 18px 15px;
  font-weight: bold;
  letter-spacing: 1px; }

.activity .activity_box {
  background-image: url("../images/info/info_bg_01_top.png"), url("../images/info/info_bg_01_bottom.png"), url("../images/info/info_bg_01_middle.png");
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center center;
  background-size: 100% auto;
  padding: 40px 25px 25px;
  margin-bottom: 70px; }
  @media only screen and (max-width: 767px) {
    .activity .activity_box {
      padding: 8% 4% 4%; } }
  .activity .activity_box .activity_box_text {
    display: table;
    width: 100%;
    border-bottom: 1px dotted #E4DBD1;
    margin-bottom: 20px; }
    .activity .activity_box .activity_box_text:last-child {
      border-bottom: none; }
    .activity .activity_box .activity_box_text .activity_box_text-1 {
      font-size: 14px;
      font-size: 1.4rem;
      display: table-cell;
      width: 70px;
      vertical-align: top; }
      .activity .activity_box .activity_box_text .activity_box_text-1 .user {
        float: none;
        margin-right: 20px;
        margin-bottom: 20px; }
        .activity .activity_box .activity_box_text .activity_box_text-1 .user .ui {
          display: none;
          float: none;
          width: 50px;
          height: 50px; }
          @media only screen and (max-width: 767px) {
            .activity .activity_box .activity_box_text .activity_box_text-1 .user .ui {
              width: auto;
              height: auto; } }
    .activity .activity_box .activity_box_text .activity_box_text-2 {
      vertical-align: middle;
      font-size: 14px;
      font-size: 1.4rem;
      display: table-cell;
      padding-bottom: 20px;
      padding-right: 1em; }
      .activity .activity_box .activity_box_text .activity_box_text-2 .activity_bt_li {
        line-height: 1.5;
        margin-bottom: 20px; }
        @media only screen and (max-width: 767px) {
          .activity .activity_box .activity_box_text .activity_box_text-2 .activity_bt_li {
            margin-bottom: 0; } }
        .activity .activity_box .activity_box_text .activity_box_text-2 .activity_bt_li .activity_bt_li_log {
          margin-bottom: 10px; }
        .activity .activity_box .activity_box_text .activity_box_text-2 .activity_bt_li .activity_bt_li_ex {
          display: inline; }
        .activity .activity_box .activity_box_text .activity_box_text-2 .activity_bt_li:last-child {
          margin-bottom: 40px; }
          @media only screen and (max-width: 767px) {
            .activity .activity_box .activity_box_text .activity_box_text-2 .activity_bt_li:last-child {
              margin-bottom: 0; } }
        .activity .activity_box .activity_box_text .activity_box_text-2 .activity_bt_li a {
          color: #f78d88; }
    .activity .activity_box .activity_box_text .activity_box_text-3 {
      width: 80px;
      vertical-align: top;
      padding-bottom: 20px;
      font-size: 14px;
      font-size: 1.4rem;
      display: table-cell; }
      @media only screen and (max-width: 767px) {
        .activity .activity_box .activity_box_text .activity_box_text-3 {
          width: 60px; } }
      .activity .activity_box .activity_box_text .activity_box_text-3 img {
        width: 100%;
        height: auto; }
    .activity .activity_box .activity_box_text .activity_more {
      font-size: 12px;
      font-size: 1.2rem;
      color: #f78d88;
      cursor: pointer; }
      .activity .activity_box .activity_box_text .activity_more.hide {
        display: none; }
      .activity .activity_box .activity_box_text .activity_more:hover {
        opacity: 0.7; }

html {
  height: 100%; }

body {
  background-image: url(../images/common/common_bg_main.png); }

img.hover:hover {
  opacity: 0; }

.isPC {
  display: block; }

.isSP {
  display: none; }

.brPC {
  display: inline-block; }

.brSP {
  display: none; }

.wrapper {
  position: relative;
  z-index: 2;
  overflow: hidden;
  text-align: left;
  min-width: 1000px; }
  @media only screen and (max-width: 767px) {
    .wrapper {
      min-width: 1px; } }

.loading {
  font-size: 16px; }

.rt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.box {
  position: relative;
  z-index: 2;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 767px) {
    .box {
      padding: 0px 2.5%; } }

.main {
  float: left;
  width: 712px;
  margin-top: 35px; }
  @media only screen and (max-width: 767px) {
    .main {
      width: 100%;
      float: none; } }
  .main.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 760px; }

/* search */
.search {
  display: none; }

.mymenu-cover {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3000;
  background: rgba(255, 255, 255, 0.3);
  cursor: pointer; }

/* mymenu */
.mymenu {
  display: none;
  position: absolute;
  top: 90px;
  bottom: auto;
  left: 50%;
  width: 360px;
  margin-left: 145px;
  height: auto;
  background: #f4f0eb;
  border: 1px solid #b1a597;
  box-sizing: border-box;
  padding: 20px 0 0 0;
  z-index: 3000;
  border-radius: 4px;
  -webkit-overflow-scrolling: touch; }
  .mymenu:before {
    z-index: 1;
    content: '';
    position: absolute;
    right: 12px;
    top: -9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #F4F0EB transparent; }
  .mymenu:after {
    content: '';
    position: absolute;
    right: 12px;
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #8e8172 transparent; }
  .mymenu .inner {
    padding: 0; }
  .mymenu .box-mymenu_close {
    padding: 10px 0px;
    position: relative; }
  .mymenu .mymenu_close {
    top: 50%;
    position: absolute;
    right: 5%;
    width: 30px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .mymenu .user {
    font-size: 11px;
    font-size: 1.1rem;
    width: 100%;
    padding: 0 4%; }
    .mymenu .user .ui {
      width: 22%;
      height: 0;
      padding-bottom: 22%; }
    .mymenu .user .user_name {
      font-size: 15px;
      font-size: 1.5rem;
      color: #5A3D28;
      width: 75%;
      float: right;
      padding-left: 0;
      padding-top: 5%; }
      .mymenu .user .user_name .user_name_txt {
        font-weight: bold; }
        .mymenu .user .user_name .user_name_txt span {
          font-size: 13px;
          font-size: 1.3rem; }
      .mymenu .user .user_name .user_name_link a {
        display: block;
        color: #5A3D28;
        padding: 3% 0;
        background: url("../images/common/common_icon_16.png") no-repeat 57% center/3.1% auto; }
  .mymenu .links {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: 4%; }
    .mymenu .links .links_li:last-child a {
      border-bottom: none; }
    .mymenu .links .links_li a {
      display: block;
      color: #5A3D28;
      padding: 6% 4%;
      font-weight: bold;
      border-bottom: 1px solid #b1a597;
      background: url("../images/common/common_icon_16.png") no-repeat 95% center/2.5% auto; }
    .mymenu .links .links_li:first-child a {
      border-top: 1px solid #b1a597; }
    .mymenu .links .links_li:nth-child(2) a, .mymenu .links .links_li:nth-child(3) a {
      padding: 5% 4%; }
    .mymenu .links .links_li .count {
      font-size: 10px;
      font-size: 1rem;
      display: inline-block;
      color: #fff;
      background: #ea6565;
      border-radius: 30px;
      padding: 1.5% 2.2%;
      margin-left: 2%; }

/* user */
.user {
  font-size: 14px;
  font-size: 1.4rem; }
  .user .ui {
    width: 40px;
    height: 40px;
    float: left;
    cursor: pointer; }
  .user .user_name {
    display: inline-block;
    float: left;
    color: #5A3D28;
    padding-left: 6px;
    margin-top: 13px; }

/* ui */
.ui {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 1px solid #b7a998;
  overflow: hidden;
  box-sizing: border-box; }
  .ui img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%; }

/* parts */
.user {
  float: left;
  margin-bottom: 5px; }

.time {
  font-size: 13px;
  font-size: 1.3rem;
  float: right;
  margin-top: 15px; }

.phCat {
  transition: all 0.4s;
  cursor: pointer; }
  .phCat img {
    width: 100%;
    height: auto; }
  .phCat:hover {
    opacity: 0.8; }

.icon {
  margin: 5px 0 15px; }
  .icon .count {
    display: table;
    float: left;
    margin-right: 5px; }
    .icon .count dt {
      display: table-cell;
      padding-right: 3px; }
    .icon .count dd {
      font-size: 12px;
      font-size: 1.2rem;
      display: table-cell;
      vertical-align: middle; }
  .icon .sns {
    float: right; }
    .icon .sns li {
      float: left;
      cursor: pointer;
      margin-left: 5px; }
      .icon .sns li img {
        transition: all 0.2s; }
        .icon .sns li img:hover {
          opacity: 0.7; }

.text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  display: inline; }

.text_more {
  font-size: 13px;
  font-size: 1.3rem;
  color: #7C6554;
  cursor: pointer;
  display: inline; }
  .text_more:hover {
    opacity: 0.7; }
  .text_more.hide {
    display: none; }

.tag {
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 5px; }
  .tag a {
    color: #f78d88;
    line-height: 1.5; }
    .tag a:after {
      content: "";
      display: inline-block;
      margin-right: 6px; }

.nyan {
  cursor: pointer;
  margin: 10px 0px; }

.comment {
  border-radius: 5px;
  border: 1px solid #ece6df;
  background: url("../images/common/common_bg_comment.png") repeat center center; }
  .comment .comment_input {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 6px 0px; }
    .comment .comment_input .comment_input_img {
      display: table-cell;
      width: 40px;
      vertical-align: middle;
      padding-left: 6px; }
    .comment .comment_input .comment_input_txt {
      display: table-cell;
      padding-right: 6px; }
      .comment .comment_input .comment_input_txt input[type="text"] {
        border-radius: 5px;
        box-sizing: border-box;
        border: 1px solid #b3a492;
        height: 34px;
        width: 100%;
        padding: 7px; }

.bg-image {
  display: block; }
  .bg-image.login_btn_05 {
    background: url("../images/login/login_btn_05_on.png") no-repeat left top; }
  .bg-image.common_btn_01 {
    background: url("../images/common/common_btn_01_on.png") no-repeat left top; }
  .bg-image.common_btn_08 {
    background: url("../images/common/common_btn_08_on.png") no-repeat left top; }
  .bg-image.posting_btn_01 {
    background: url("../images/posting/posting_btn_01_on.png") no-repeat left top; }
  .bg-image.user_btn_01 {
    background: url("../images/user/user_btn_01_on.png") no-repeat left top; }
  .bg-image.user_btn_03 {
    background: url("../images/user/user_btn_03_on.png") no-repeat left top; }
  .bg-image.foster_btn_01 {
    background: url("../images/foster/foster_btn_01_on.png") no-repeat left top; }
  .bg-image.foster_btn_03 {
    background: url("../images/foster/foster_btn_03_on.png") no-repeat left top; }
  .bg-image.common_btn_comment {
    background: url("../images/common/common_btn_comment_on.png") no-repeat left top; }
  .bg-image.user_btn_02 {
    background: url("../images/user/user_btn_02_on.png") no-repeat left top;
    width: 340px;
    margin-left: auto;
    margin-right: auto; }
  .bg-image.user_btn_04 {
    background: url("../images/user/user_btn_04_on.png") no-repeat left top;
    width: 340px;
    margin-left: auto;
    margin-right: auto; }

#btn-pagetop {
  position: fixed;
  z-index: 3;
  bottom: 24px;
  right: -50px;
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
  transition-property: right;
  transition-duration: 0.5s; }

#btn-pagetop.in {
  right: 20px; }
  @media only screen and (max-width: 767px) {
    #btn-pagetop.in {
      right: 10px; } }

#btn-pagetop a {
  display: block;
  padding: 6px; }

@media only screen and (max-width: 767px) {
  img {
    width: 100%;
    height: auto; }
    img.hover:hover {
      opacity: 1; }
  .search {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(244, 240, 235, 0.9);
    box-sizing: border-box;
    padding: 5% 1.5%;
    z-index: 3000;
    overflow: scroll;
    -webkit-overflow-scrolling: touch; }
    .search .box-search_close {
      padding: 27px 0px;
      position: relative;
      margin-bottom: 3%; }
    .search .search_close {
      top: 50%;
      position: absolute;
      right: 1%;
      width: 9.375vw;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .search .search_form {
      position: relative;
      margin-bottom: 10%; }
      .search .search_form input[type="text"] {
        width: 100%;
        border-radius: 50px;
        height: 50px;
        border: 1px solid #7C6554;
        box-sizing: border-box;
        padding: 0 5%; }
      .search .search_form .search_icon {
        position: absolute;
        width: 24px;
        top: 12px;
        right: 6%; }
    .search .search_feature {
      background: url("../images/common/common_bg_11.png") no-repeat center top/100% auto;
      padding: 8% 0 8%;
      margin-bottom: 10%; }
      .search .search_feature .search_feature_head {
        width: 30%;
        margin: 0 auto 7%; }
      .search .search_feature .search_feature_txt {
        font-size: 6px;
        font-size: 4.0625vw;
        text-align: center;
        font-weight: bold; }
        .search .search_feature .search_feature_txt a {
          color: #f78d88; }
    .search .search_tag {
      background: url("../images/common/common_bg_12_top.png") no-repeat center top/100% auto;
      padding-top: 6%;
      position: relative; }
      .search .search_tag .search_tag_head {
        width: 87%;
        margin: 0 auto; }
      .search .search_tag .search_tag_link {
        font-size: 8px;
        font-size: 4.6875vw;
        font-weight: bold;
        box-sizing: border-box;
        padding: 0 8% 3%;
        margin: 5% 0 0; }
        .search .search_tag .search_tag_link li {
          margin-bottom: 5%; }
        .search .search_tag .search_tag_link a {
          color: #f78d88; }
      .search .search_tag .search_tag_cat {
        position: absolute;
        top: 20%;
        right: 2%;
        width: 10%; }
    .search .search_tag_bottom {
      background: url("../images/common/common_bg_12_bottom.png") no-repeat center bottom/100% auto;
      padding-bottom: 3%; }
    .search .search_tag_middle {
      background: url("../images/common/common_bg_12_middle.png") repeat center top/100% auto;
      padding-top: 3%; }
  :placeholder-shown,
  ::-webkit-input-placeholder {
    color: #7C6554; }
  /* mymenu */
  .mymenu {
    display: none;
    border: none;
    position: fixed;
    top: 0;
    left: 0;
    margin-left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(244, 240, 235, 0.9);
    box-sizing: border-box;
    padding: 5% 0;
    z-index: 3000;
    overflow: scroll;
    border-radius: 0;
    -webkit-overflow-scrolling: touch; }
    .mymenu .inner {
      padding: 0; }
    .mymenu .box-mymenu_close {
      padding: 27px 0px;
      position: relative; }
    .mymenu .mymenu_close {
      top: 50%;
      position: absolute;
      right: 5%;
      width: 9.375vw;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .mymenu .user {
      font-size: 4px;
      font-size: 3.4375vw;
      width: 100%;
      padding: 0 4%; }
      .mymenu .user .ui {
        width: 22%;
        height: 0;
        padding-bottom: 22%; }
      .mymenu .user .user_name {
        font-size: 8px;
        font-size: 4.6875vw;
        color: #5A3D28;
        width: 75%;
        float: right;
        padding-left: 0;
        padding-top: 5%; }
        .mymenu .user .user_name .user_name_txt {
          font-weight: bold; }
          .mymenu .user .user_name .user_name_txt span {
            font-size: 6px;
            font-size: 4.0625vw; }
        .mymenu .user .user_name .user_name_link a {
          display: block;
          color: #5A3D28;
          padding: 3% 0;
          background: url("../images/common/common_icon_16.png") no-repeat 57% center/3.1% auto; }
    .mymenu .links {
      font-size: 6px;
      font-size: 4.0625vw;
      margin-top: 4%; }
      .mymenu .links .links_li:last-child a {
        border-bottom: 1px solid #b1a597; }
      .mymenu .links .links_li a {
        display: block;
        color: #5A3D28;
        padding: 6% 4%;
        font-weight: bold;
        border-bottom: 1px solid #b1a597;
        background: url("../images/common/common_icon_16.png") no-repeat 95% center/2.5% auto; }
      .mymenu .links .links_li:first-child a {
        border-top: 1px solid #b1a597; }
      .mymenu .links .links_li:nth-child(2) a, .mymenu .links .links_li:nth-child(3) a {
        padding: 5% 4%; }
      .mymenu .links .links_li .count {
        font-size: 3px;
        font-size: 3.125vw;
        display: inline-block;
        color: #fff;
        background: #ea6565;
        border-radius: 30px;
        padding: 1.5% 2.2%;
        margin-left: 2%; }
  /* user */
  .user .ui {
    width: 100%;
    height: 0; }
  .user .user_name {
    font-size: 4px;
    font-size: 3.4375vw; }
  /* main */
  .main {
    float: none;
    width: 100%;
    padding-bottom: 0;
    padding-top: 5%; }
    .main.center {
      width: 100%; }
  /* ui */
  .ui {
    width: 100%;
    height: 0 !important;
    padding-bottom: 100%; }
  .isPC {
    display: none; }
  .isSP {
    display: block; } }

.log_more {
  /*display: none;*/ }

@media only screen and (max-width: 767px) {
  .box .phCat {
    position: relative; }
    .box .phCat .foster_wanted {
      position: absolute;
      width: 22%;
      height: auto;
      bottom: 1%;
      left: 1%; } }

.festival .festival_title {
  margin-bottom: 20px;
  background: url("../images/festival/festival_txt_01.png") no-repeat left top;
  width: 703px;
  height: 46px; }
  .festival .festival_title img {
    display: none; }

.festival .festival_tag {
  font-size: 26px;
  font-size: 2.6rem;
  background: url("../images/festival/festival_bg_01.png") no-repeat center top;
  padding: 20px 20px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 18px; }
  .festival .festival_tag a {
    color: #F78D88; }

@media only screen and (max-width: 767px) {
  .festival {
    box-sizing: border-box; }
    .festival .festival_title {
      background: none;
      width: 100%;
      height: auto;
      padding-left: 3%;
      padding-right: 3%;
      box-sizing: border-box; }
      .festival .festival_title img {
        display: block; }
    .festival .festival_tag {
      font-size: 9px;
      font-size: 5vw;
      background-size: 100% 100%; } }

.footer {
  margin-top: 60px;
  background: url("../images/common/common_bg_05.png") no-repeat center top;
  height: 190px;
  box-sizing: border-box;
  text-align: center;
  color: #5A3D28;
  padding-top: 125px; }

select.form-control {
  font-size: 15px;
  font-size: 1.5rem;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "メイリオ", Meiryo, Osaka, sans-serif;
  border: none;
  border-radius: 26px;
  padding: 10px 35px 10px 10px;
  min-width: 50%;
  color: #5A3D28;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: url("../images/user/user_icon_01.png") no-repeat right 12px center, #F2F0ED;
  min-height: 44px; }
  @media only screen and (max-width: 767px) {
    select.form-control {
      width: 100%; } }
  select.form-control:focus {
    outline: 0; }
  select.form-control option:selection {
    background: #ea6565; }

.btn {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  margin: 11px 0 0 10px;
  background: #F4A1A0;
  border-radius: 25px;
  text-align: center;
  padding: 10px 15px;
  color: #fff;
  border: none; }
  .btn:hover {
    text-decoration: none;
    opacity: 0.7; }

.form_item {
  display: table;
  table-layout: fixed;
  width: 100%; }
  .form_item:first-of-type dt {
    background-image: url("../images/user/user_bg_01_top.png"), url("../images/user/user_bg_01_middle.png");
    background-repeat: no-repeat, repeat-y;
    background-position: center top, center center; }
  .form_item:first-of-type dd {
    background-image: url("../images/user/user_bg_02_top.png"), url("../images/user/user_bg_02_middle.png");
    background-repeat: no-repeat, repeat-y;
    background-position: center top, center center; }
  .form_item:last-of-type dt {
    background-image: url("../images/user/user_bg_01_bottom.png"), url("../images/user/user_bg_01_middle.png");
    background-repeat: no-repeat, repeat-y;
    background-position: center bottom, center center;
    border-bottom: none; }
  .form_item:last-of-type dd {
    background-image: url("../images/user/user_bg_02_bottom.png"), url("../images/user/user_bg_02_middle.png");
    background-repeat: no-repeat, repeat-y;
    background-position: center bottom, center center;
    border-bottom: none; }
  .form_item dt {
    font-size: 14px;
    font-size: 1.4rem;
    display: table-cell;
    background: url("../images/user/user_bg_01_middle.png") repeat-y center top;
    color: #fff;
    text-align: center;
    padding: 25px 0px;
    line-height: 1.5;
    border-bottom: 1px solid #E4DBD1;
    vertical-align: top; }
  .form_item dd {
    font-size: 14px;
    font-size: 1.4rem;
    display: table-cell;
    background: url("../images/user/user_bg_02_middle.png") repeat-y center top/101% auto;
    padding: 15px 0px;
    border-bottom: 1px solid #E4DBD1; }
    .form_item dd .form_item_required {
      color: #ea6565;
      float: left;
      width: 50px;
      text-align: right;
      padding: 13px 7px 13px 0px;
      box-sizing: border-box; }
    .form_item dd .form_item_cnt {
      position: relative;
      color: #5A3D28;
      float: left;
      width: 92%; }
      .form_item dd .form_item_cnt input[type="text"],
      .form_item dd .form_item_cnt input[type="email"],
      .form_item dd .form_item_cnt input[type="tel"],
      .form_item dd .form_item_cnt input[type="password"] {
        font-size: 15px;
        font-size: 1.5rem;
        background: #F2F0ED;
        border: none;
        border-radius: 25px;
        padding: 8px 15px 8px;
        width: 77%;
        box-sizing: border-box;
        color: #5A3D28;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "メイリオ", Meiryo, Osaka, sans-serif;
        overflow: hidden;
        -webkit-overflow-scrolling: touch; }
        .form_item dd .form_item_cnt input[type="text"]:focus,
        .form_item dd .form_item_cnt input[type="email"]:focus,
        .form_item dd .form_item_cnt input[type="tel"]:focus,
        .form_item dd .form_item_cnt input[type="password"]:focus {
          outline: 0;
          border: 1px solid #ea6565;
          padding: 7px 15px 7px; }
      .form_item dd .form_item_cnt input[type="radio"] {
        display: none; }
        .form_item dd .form_item_cnt input[type="radio"] + label {
          font-size: 15px;
          font-size: 1.5rem;
          padding: 12px 20px 12px 35px;
          margin-bottom: 10px;
          border-radius: 25px;
          display: inline-block;
          background: url("../images/common/common_icon_14.png") no-repeat 12px center, #F2F0ED;
          cursor: pointer;
          margin-right: 5px;
          min-width: 45px; }
          .form_item dd .form_item_cnt input[type="radio"] + label:last-child {
            margin-right: 0; }
        .form_item dd .form_item_cnt input[type="radio"]:checked + label {
          background: url("../images/common/common_icon_13.png") no-repeat 12px center, #F4A1A0;
          color: #fff; }
      .form_item dd .form_item_cnt input[type="checkbox"] {
        display: none; }
        .form_item dd .form_item_cnt input[type="checkbox"] + label {
          min-height: 16px;
          display: inline-block;
          padding-left: 22px;
          background: url("../images/common/common_icon_15_off.png") no-repeat left center;
          cursor: pointer;
          margin-right: 18px;
          margin-bottom: 15px; }
        .form_item dd .form_item_cnt input[type="checkbox"]:checked + label {
          background: url("../images/common/common_icon_15_on.png") no-repeat left center; }
      .form_item dd .form_item_cnt select {
        font-size: 15px;
        font-size: 1.5rem;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "メイリオ", Meiryo, Osaka, sans-serif;
        border: none;
        border-radius: 26px;
        padding: 10px 15px 10px;
        width: 77%;
        color: #5A3D28;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        background: url("../images/user/user_icon_01.png") no-repeat right 12px center, #F2F0ED;
        min-height: 44px; }
        .form_item dd .form_item_cnt select:focus {
          outline: 0; }
        .form_item dd .form_item_cnt select option:selection {
          background: #ea6565; }
      .form_item dd .form_item_cnt textarea {
        border: 1px solid #B3A492;
        resize: none;
        width: 77%;
        height: 130px; }
        .form_item dd .form_item_cnt textarea:focus {
          outline: 0;
          border: 1px solid #ea6565; }
      .form_item dd .form_item_cnt :placeholder-shown,
      .form_item dd .form_item_cnt ::-webkit-input-placeholder {
        color: #B3A492; }
      .form_item dd .form_item_cnt .row-1 {
        display: table;
        table-layout: fixed;
        width: 77%;
        margin-bottom: 10px; }
        .form_item dd .form_item_cnt .row-1 .label01 {
          display: table-cell;
          width: 45px; }
        .form_item dd .form_item_cnt .row-1 .label02 {
          display: table-cell;
          width: 30px;
          text-align: center; }
        .form_item dd .form_item_cnt .row-1 .select {
          display: table-cell; }
          .form_item dd .form_item_cnt .row-1 .select.select01 select {
            width: 60%; }
          .form_item dd .form_item_cnt .row-1 .select.select02 {
            width: 30%; }
            .form_item dd .form_item_cnt .row-1 .select.select02 select {
              width: 100%; }
          .form_item dd .form_item_cnt .row-1 .select.select03 {
            width: 20%; }
            .form_item dd .form_item_cnt .row-1 .select.select03 select {
              width: 100%; }
      .form_item dd .form_item_cnt .form_item_photo {
        border: 2px dashed #B3A492;
        text-align: center;
        padding: 50px 0px 25px;
        width: 77%;
        position: relative; }
        .form_item dd .form_item_cnt .form_item_photo .file_upload {
          position: absolute;
          left: 0;
          top: 0;
          opacity: 0;
          height: 0;
          overflow: hidden; }
        .form_item dd .form_item_cnt .form_item_photo p {
          margin-top: 35px;
          line-height: 1.5; }
      .form_item dd .form_item_cnt .form_item_remark {
        font-size: 12px;
        font-size: 1.2rem;
        margin-top: 10px;
        line-height: 1.5;
        text-indent: -1em;
        padding-left: 1em; }

.form_btn {
  border: none;
  background: none;
  display: block;
  margin: 0 auto;
  cursor: pointer; }
  .form_btn.prof_btn-submit {
    margin: 65px auto 30px; }
  .form_btn.prof_btn-cat {
    margin-bottom: 130px; }

/* alert radio */
.form_item_alert dd .form_item_cnt input[type="radio"] {
  display: none; }
  .form_item_alert dd .form_item_cnt input[type="radio"] + label {
    min-height: 16px;
    display: inline-block;
    padding-left: 22px;
    background: url("../images/common/common_icon_15_off.png") no-repeat left center;
    cursor: pointer;
    margin-right: 18px;
    margin-bottom: 15px;
    border-radius: 0; }
  .form_item_alert dd .form_item_cnt input[type="radio"]:checked + label {
    background: url("../images/common/common_icon_15_on.png") no-repeat left center;
    color: #5A3D28; }

@media only screen and (max-width: 767px) {
  .prof_form {
    width: 100%; }
  .form_inner {
    width: 100%;
    background-image: url("../images/user/user_bg_03_top.png"), url("../images/user/user_bg_03_bottom.png"), url("../images/user/user_bg_03_middle.png");
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-position: center top, center bottom, center center;
    background-size: 100% auto;
    padding: 1.5% 6% 8%;
    box-sizing: border-box; }
  .form_item {
    display: block; }
    .form_item:last-of-type dt, .form_item:last-of-type dd {
      background: none; }
    .form_item:first-of-type dt, .form_item:first-of-type dd {
      background: none; }
    .form_item dt {
      font-size: 6px;
      font-size: 4.0625vw;
      display: block;
      background: none;
      color: #5A3D28;
      width: 100%;
      text-align: left;
      font-weight: bold;
      border: none;
      padding: 6% 0 1.5%; }
      .form_item dt:last-of-type {
        background: none; }
      .form_item dt:first-of-type {
        background: none; }
      .form_item dt .form_item_required_sp {
        font-size: 2px;
        font-size: 2.8125vw;
        display: inline-block;
        color: #ea6565;
        font-weight: normal;
        vertical-align: middle;
        margin-right: 1.5%; }
      .form_item dt .form_item_range_sp {
        font-size: 2px;
        font-size: 2.8125vw;
        border-radius: 0;
        background: url(../img/user/user_icon_01.png) no-repeat right bottom/auto 89%;
        padding: 0 5% 0 0;
        box-sizing: border-box;
        width: auto;
        border: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        color: #5A3D28;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "メイリオ", Meiryo, Osaka, sans-serif; }
      .form_item dt .url_head {
        display: inline-block;
        margin-right: 3%; }
    .form_item dd {
      display: block;
      background: none;
      width: 100%;
      border: none;
      padding: 0; }
      .form_item dd .form_item_required {
        display: none; }
      .form_item dd .form_item_cnt {
        width: 100%; }
        .form_item dd .form_item_cnt input[type="text"],
        .form_item dd .form_item_cnt input[type="email"] {
          font-size: 4px;
          font-size: 3.4375vw;
          width: 100%;
          box-sizing: border-box; }
        .form_item dd .form_item_cnt select {
          width: 100%; }
        .form_item dd .form_item_cnt .row-1 {
          width: 100%; }
          .form_item dd .form_item_cnt .row-1 .label01 {
            width: 15%; }
          .form_item dd .form_item_cnt .row-1 .label02 {
            width: 8%; }
          .form_item dd .form_item_cnt .row-1 .select.select01 select {
            width: 100%; }
          .form_item dd .form_item_cnt .row-1 .select.select02 {
            width: 30%; }
            .form_item dd .form_item_cnt .row-1 .select.select02 select {
              width: 100%; }
          .form_item dd .form_item_cnt .row-1 .select.select03 {
            width: 20%; }
            .form_item dd .form_item_cnt .row-1 .select.select03 select {
              width: 100%; }
        .form_item dd .form_item_cnt .form_item_photo {
          border: 1px dashed #7C6554;
          width: 100%;
          padding: 5%;
          box-sizing: border-box; }
        .form_item dd .form_item_cnt .form_item_text {
          width: 100%;
          height: 100px;
          border: 1px solid #7C6554; }
  .prof_btn.prof_btn-submit {
    margin: 7% 0 5%; }
  .prof_btn.prof_btn-cat {
    margin-bottom: 15%; } }

.foster {
  margin-top: 35px;
  min-height: 1000px; }
  .foster .foster_title {
    margin-bottom: 20px;
    background: url("../images/foster/foster_txt_01.png") no-repeat left top;
    height: 44px; }
    .foster .foster_title img {
      display: none; }
  .foster .foster_btn {
    width: 286px;
    margin: 40px auto;
    cursor: pointer; }
  .foster .item .foster_info {
    font-size: 14px;
    font-size: 1.4rem;
    color: #7C6554;
    padding-bottom: 6px;
    border-bottom: 1px solid #E4DBD1;
    margin-bottom: 11px;
    line-height: 1.3; }
  .foster .item .phCat {
    position: relative; }
  .foster .item .foster_wanted {
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: auto;
    height: auto; }
  .foster .foster_search {
    display: none; }
  .foster .foster_form .form_item dt {
    background-size: 100% auto;
    width: 116px; }
  .foster .foster_form .form_item dd {
    box-sizing: border-box;
    padding-left: 20px; }
    .foster .foster_form .form_item dd .form_item_cnt input[type="text"] {
      width: 85%; }
    .foster .foster_form .form_item dd .age_wrap {
      display: inline-block;
      text-align: center; }
      .foster .foster_form .form_item dd .age_wrap span {
        font-size: 12px;
        font-size: 1.2rem;
        display: inline-block;
        margin-top: 7px; }
  .foster .foster_form .form_item.form_item_other dt {
    padding: 18px 0; }
  .foster .foster_form .form_item.form_item_other dd {
    padding-top: 22px;
    padding-bottom: 7px; }
  .foster .foster_form .form_btn {
    margin: 40px auto 50px; }

@media only screen and (max-width: 767px) {
  .foster {
    padding-left: 1%;
    padding-right: 1%;
    box-sizing: border-box; }
    .foster .foster_title {
      background: none;
      width: 100%;
      height: auto;
      padding: 0 2%;
      box-sizing: border-box; }
      .foster .foster_title img {
        display: block; }
    .foster .foster_search {
      margin-bottom: 7%; }
    .foster .foster_form {
      width: 100%; }
      .foster .foster_form .form_item dt {
        width: 100%; }
      .foster .foster_form .form_item dd {
        padding-left: 0; }
        .foster .foster_form .form_item dd .form_item_cnt input[type="text"] {
          width: 100%; }
        .foster .foster_form .form_item dd .age_wrap {
          margin-bottom: 10px; }
      .foster .foster_form .form_btn {
        margin: 10% auto 5%; } }

.header {
  background-color: #fff; }
  .header .header-inner {
    padding: 27px 0px;
    background: #fff;
    position: relative; }
    .header .header-inner .navicon-round {
      position: absolute;
      right: 2%;
      width: 9.375vw;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .header .header-inner .header-logo {
      width: 30%;
      max-width: 124px;
      float: left;
      margin-right: 20px; }
    .header .header-inner .info_txt {
      font-size: 14px;
      font-size: 1.4rem;
      float: left;
      font-weight: bold;
      margin-top: 21px; }
      .header .header-inner .info_txt li {
        float: left;
        margin-right: 30px;
        position: relative; }
        .header .header-inner .info_txt li a {
          color: #5A3D28; }
        .header .header-inner .info_txt li .count {
          font-size: 10px;
          font-size: 1rem;
          font-size: 10px;
          font-size: 1rem;
          position: absolute;
          display: inline-block;
          background: #ea6565;
          color: #fff;
          width: 24px;
          height: 24px;
          border-radius: 50%;
          text-align: center;
          padding-top: 8px;
          top: -15px;
          right: -22px;
          box-sizing: border-box; }
          .header .header-inner .info_txt li .count.many {
            padding: 8px 6px 5px 5px; }
          .header .header-inner .info_txt li .count.lot {
            padding: 5px 7px 5px 3px; }
            .header .header-inner .info_txt li .count.lot .lot_plus {
              font-size: 9px;
              font-size: 0.9rem;
              vertical-align: super; }
    .header .header-inner .info_search {
      float: right;
      position: relative;
      margin-top: 12px; }
      .header .header-inner .info_search input[type="text"] {
        font-size: 14px;
        font-size: 1.4rem;
        width: 240px;
        height: 34px;
        border-radius: 20px;
        background: #e4dbd1;
        border: none;
        padding: 0px 15px;
        box-sizing: border-box; }
        .header .header-inner .info_search input[type="text"]:focus {
          outline: 0;
          padding: 0px 14px; }
      .header .header-inner .info_search .search_icon {
        position: absolute;
        right: 12px;
        bottom: 6px;
        cursor: pointer; }
    .header .header-inner .user {
      float: right;
      margin: 8px 0 0 14px; }
      .header .header-inner .user .count {
        font-size: 10px;
        font-size: 1rem;
        font-size: 10px;
        font-size: 1rem;
        position: absolute;
        display: inline-block;
        background: #ea6565;
        color: #fff;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        text-align: center;
        padding-top: 8px;
        top: 10px;
        right: 0px;
        box-sizing: border-box; }
    .header .header-inner .user_login {
      font-size: 14px;
      font-size: 1.4rem;
      display: inline-block;
      float: right;
      margin: 11px 0 0 10px;
      background: #F4A1A0;
      border-radius: 25px;
      text-align: center;
      padding: 10px 15px;
      color: #fff; }
      .header .header-inner .user_login:hover {
        text-decoration: none;
        opacity: 0.7; }

@media only screen and (max-width: 767px) {
  /* header */
  .header .header-inner {
    padding: 3% 0px; }
    .header .header-inner .header-logo {
      width: 30%; }
    .header .header-inner .user {
      width: 14%;
      margin-top: 0; }
      .header .header-inner .user .user_name {
        display: none; }
    .header .header-inner .user_login {
      display: none; }
  .header .info_action {
    float: right;
    width: 50%;
    text-align: right;
    margin-top: 10px; }
    .header .info_action li {
      display: inline-block;
      cursor: pointer; }
      .header .info_action li img {
        height: 12.5vw;
        width: auto; }
      .header .info_action li.info_action_01 {
        margin-right: 10%; }
      .header .info_action li.info_action_02 {
        margin-right: 10%; }
      .header .info_action li.info_action_03 {
        margin-right: 5%; }
      .header .info_action li .count {
        font-size: 10px;
        font-size: 1rem;
        font-size: 10px;
        font-size: 1rem;
        position: absolute;
        display: inline-block;
        background: #ea6565;
        color: #fff;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        text-align: center;
        padding-top: 8px;
        top: 10px;
        right: 0;
        box-sizing: border-box; } }

.g-nav {
  background-image: url(../images/common/common_bg_header.png);
  padding: 15px 0; }
  @media only screen and (max-width: 767px) {
    .g-nav {
      padding: 2% 2.5%; } }
  .g-nav ul {
    display: flex;
    justify-content: space-between; }
    .g-nav ul li {
      width: 23.9%; }
      @media only screen and (max-width: 767px) {
        .g-nav ul li.gnav_01 {
          width: 29.21875vw; } }
      .g-nav ul li.gnav_01 a {
        background-image: url(../images/common/common_gnav_01.png); }
        @media only screen and (max-width: 767px) {
          .g-nav ul li.gnav_01 a {
            background-image: url(../images/common/common_gnav_05_off.png); } }
      @media only screen and (max-width: 767px) {
        .g-nav ul li.gnav_02 {
          width: 15vw; } }
      .g-nav ul li.gnav_02 a {
        background-image: url(../images/common/common_gnav_02.png); }
        @media only screen and (max-width: 767px) {
          .g-nav ul li.gnav_02 a {
            background-image: url(../images/common/common_gnav_06_off.png); } }
      @media only screen and (max-width: 767px) {
        .g-nav ul li.gnav_03 {
          width: 19.375vw; } }
      .g-nav ul li.gnav_03 a {
        background-image: url(../images/common/common_gnav_03.png); }
        @media only screen and (max-width: 767px) {
          .g-nav ul li.gnav_03 a {
            background-image: url(../images/common/common_gnav_07_off.png); } }
      @media only screen and (max-width: 767px) {
        .g-nav ul li.gnav_04 {
          width: 23.4375vw; } }
      .g-nav ul li.gnav_04 a {
        background-image: url(../images/common/common_gnav_04.png); }
        @media only screen and (max-width: 767px) {
          .g-nav ul li.gnav_04 a {
            background-image: url(../images/common/common_gnav_08_off.png); } }
      .g-nav ul li a {
        position: relative;
        overflow: hidden;
        display: block;
        width: 100%;
        padding-top: 23.01255%;
        background-size: 100%;
        background-position: left top; }
        .g-nav ul li a:hover {
          background-position: left bottom; }
        @media only screen and (max-width: 767px) {
          .g-nav ul li a {
            padding-top: 7.8125vw; } }
      .g-nav ul li img {
        display: none; }

.page-timeline .g-nav .gnav_01 a {
  background: url(../images/common/common_gnav_01_now.png) no-repeat center bottom;
  padding-top: 33.89121%;
  margin-top: -10.87866%;
  background-size: 100%; }
  @media only screen and (max-width: 767px) {
    .page-timeline .g-nav .gnav_01 a {
      padding-top: 7.8125vw;
      margin-top: 0;
      background-image: url(../images/common/common_gnav_05_now.png); } }

.page-recent .g-nav .gnav_02 a {
  background: url(../images/common/common_gnav_02_now.png) no-repeat center bottom;
  padding-top: 33.89121%;
  margin-top: -10.87866%;
  background-size: 100%; }
  @media only screen and (max-width: 767px) {
    .page-recent .g-nav .gnav_02 a {
      padding-top: 7.8125vw;
      margin-top: 0;
      background-image: url(../images/common/common_gnav_06_now.png); } }

.page-festival .g-nav .gnav_03 a {
  background: url(../images/common/common_gnav_03_now.png) no-repeat center bottom;
  padding-top: 33.89121%;
  margin-top: -10.87866%;
  background-size: 100%; }
  @media only screen and (max-width: 767px) {
    .page-festival .g-nav .gnav_03 a {
      padding-top: 7.8125vw;
      margin-top: 0;
      background-image: url(../images/common/common_gnav_07_now.png); } }

.page-foster .g-nav .gnav_04 a {
  background: url(../images/common/common_gnav_04_now.png) no-repeat center bottom;
  padding-top: 33.89121%;
  margin-top: -10.87866%;
  background-size: 100%; }
  @media only screen and (max-width: 767px) {
    .page-foster .g-nav .gnav_04 a {
      padding-top: 7.8125vw;
      margin-top: 0;
      background-image: url(../images/common/common_gnav_08_now.png); } }

.terms_title {
  margin-bottom: 20px;
  background: url("../images/terms/terms_txt_01.png") no-repeat left top;
  width: 703px;
  height: 46px; }
  .terms_title img {
    display: none; }
  @media only screen and (max-width: 767px) {
    .terms_title {
      background: none;
      width: 100%;
      height: auto; }
      .terms_title img {
        display: block; } }

.info {
  word-break: break-all;
  overflow-wrap: break-word; }
  .info .info_title {
    margin-bottom: 20px;
    background: url("../images/info/info_txt_01.png") no-repeat left top;
    width: 703px;
    height: 46px; }
    .info .info_title img {
      display: none; }
  .info .info_month {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 35px 0 18px 15px;
    font-weight: bold;
    letter-spacing: 1px; }
  .info .info_box {
    background-image: url("../images/info/info_bg_01_top.png"), url("../images/info/info_bg_01_bottom.png"), url("../images/info/info_bg_01_middle.png");
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-position: center top, center bottom, center center;
    background-size: 100% auto;
    padding: 17px 17px 34px 17px;
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 2em; }
    .info .info_box a {
      color: #f78d88; }
    .info .info_box h3, .info .info_box h1 {
      font-weight: bolder;
      margin-top: 10px;
      margin-bottom: 10px; }
    .info .info_box h1 {
      padding-top: 20px; }
    .info .info_box li {
      font-size: 15px; }
    .info .info_box .clearfix {
      zoom: 1; }
    .info .info_box .clearfix:after {
      content: '';
      display: block;
      clear: both; }
    .info .info_box .info_box_date {
      font-size: 14px;
      font-size: 1.4rem;
      border-bottom: 1px solid #E4DBD1;
      margin-bottom: 2em; }
      .info .info_box .info_box_date.new {
        padding-left: 50px;
        background: url("../images/info/info_icon_01.png") no-repeat left 2px; }
    .info .info_box .info_box_title {
      font-size: 16px;
      font-size: 1.6rem;
      color: #5A3D28;
      margin: 0; }
      .info .info_box .info_box_title img {
        margin-right: 5px;
        vertical-align: middle; }
    .info .info_box .info_box_text {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.5; }

@media only screen and (max-width: 767px) {
  .info {
    padding-left: 4%;
    padding-right: 4%;
    box-sizing: border-box; }
    .info .info_title {
      background: none;
      width: 100%;
      height: auto; }
      .info .info_title img {
        display: block; }
    .info .info_month {
      margin-left: 0; }
    .info .info_box {
      border-radius: 10px; }
      .info .info_box .info_box_date {
        font-weight: bold; }
      .info .info_box .info_box_title {
        font-size: 5px;
        font-size: 3.75vw;
        font-weight: bold; }
        .info .info_box .info_box_title img {
          width: 7.5%;
          margin-right: 1.5%; } }

.title-timeline {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 18px;
  background-image: url(../images/common/common_bg_header.png);
  padding: 15px 0;
  border-radius: 8px;
  margin-right: 18px; }
  @media only screen and (max-width: 767px) {
    .title-timeline {
      font-size: 18px;
      font-size: 1.4rem; } }
  @media only screen and (max-width: 767px) {
    .title-timeline {
      margin-right: 0; } }

.box-timeline {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 767px) {
    .box-timeline {
      padding: 0px 2.5%; } }

.main-timeline {
  float: left;
  width: 726px;
  margin-top: 35px; }
  @media only screen and (max-width: 767px) {
    .main-timeline {
      float: none;
      width: 100%; } }

/* box */
.item_container {
  position: relative;
  height: 100%; }
  .item_container.one_column .item {
    opacity: 1; }
  .item_container.two_column .item_container_child {
    width: 348px;
    float: left;
    margin-right: 15px; }
    @media only screen and (max-width: 767px) {
      .item_container.two_column .item_container_child {
        float: none;
        width: 100%;
        margin-right: 0; } }
  .item_container.two_column .item_container_child:last-child {
    margin-right: 0; }
  .item_container.three_column .item_container_child {
    width: 320.1px;
    float: left;
    margin-right: 15px; }
    @media only screen and (max-width: 767px) {
      .item_container.three_column .item_container_child {
        float: none;
        width: 100%;
        margin-right: 0; } }
  .item_container.three_column .item_container_child:last-child {
    margin-right: 0; }

.item {
  background-image: url("../images/common/common_bg_06_topL.png"), url("../images/common/common_bg_06_topR.png"), url("../images/common/common_bg_06_bottomL.png"), url("../images/common/common_bg_06_bottomR.png"), url("../images/common/common_bg_06_topC.png"), url("../images/common/common_bg_06_bottomC.png"), url("../images/common/common_bg_06_middleL.png"), url("../images/common/common_bg_06_middleR.png");
  background-repeat: no-repeat, no-repeat,no-repeat, no-repeat, repeat-x, repeat-x, repeat-y, repeat-y;
  background-position: left top,right top,left bottom,right bottom, center top, center bottom, top left, top right;
  background-color: #fff;
  box-sizing: border-box;
  padding: 10px 18px 18px;
  margin-bottom: 15px;
  vertical-align: top;
  opacity: 0; }
  .item.show {
    opacity: 1; }
  .item:nth-child(2n) {
    margin-right: 0; }
  .item .item_follow {
    font-size: 13px;
    font-size: 1.3rem;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap; }
    .item .item_follow.done a {
      color: #bda899; }
  .item .box-user {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px; }
    .item .box-user .user {
      margin-bottom: 0; }
    .item .box-user .item_follow {
      margin-left: auto; }
      @media only screen and (max-width: 767px) {
        .item .box-user .item_follow {
          font-size: 4px;
          font-size: 3.4375vw; } }
    .item .box-user .delete a, .item .box-user .delete a:active, .item .box-user .delete a:hover {
      color: #b7a998; }
    .item .box-user .user_name {
      display: block;
      padding: 0 10px;
      font-size: 14px;
      font-size: 1.4rem;
      max-width: 150px;
      color: #5A3D28; }
      @media only screen and (max-width: 767px) {
        .item .box-user .user_name {
          font-size: 4px;
          font-size: 3.4375vw; } }
  .item .item-time {
    font-size: 12px;
    font-size: 1.2rem;
    float: right;
    margin-top: 5px; }
    .item .item-time a.done {
      color: gray; }
  .item .phCat {
    transition: none;
    cursor: pointer;
    position: relative; }
    .item .phCat img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: auto; }
    .item .phCat.play-logo:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-image: url("../images/common/video_poster.png");
      background-size: 30%;
      background-repeat: no-repeat;
      background-position: center center; }
    .item .phCat video {
      width: 100%;
      height: auto; }
    .item .phCat:hover {
      opacity: 0.8; }
    .item .phCat .badge-org {
      position: absolute;
      bottom: 5px;
      right: 5px;
      top: auto;
      left: auto;
      width: auto;
      height: auto; }
  .item .icon {
    margin-top: 5px; }
    .item .icon .count {
      display: table;
      float: left;
      margin-right: 5px; }
      .item .icon .count dt {
        display: table-cell;
        padding-right: 3px;
        width: 24px; }
        .item .icon .count dt img {
          width: 100%;
          height: auto; }
      .item .icon .count dd {
        font-size: 12px;
        font-size: 1.2rem;
        display: table-cell;
        vertical-align: middle; }
    .item .icon .sns {
      float: left; }
      .item .icon .sns li {
        float: left;
        width: 24px;
        height: 24px;
        cursor: pointer;
        margin-left: 5px; }
        .item .icon .sns li img {
          width: 100%; }
          .item .icon .sns li img:hover {
            opacity: 0.7; }
  .item .icon2 {
    margin-top: 5px; }
    .item .icon2 .sns {
      position: relative;
      z-index: 1;
      float: left; }
      .item .icon2 .sns li {
        float: left;
        width: 24px;
        height: 24px;
        cursor: pointer;
        margin-left: 5px; }
        .item .icon2 .sns li img {
          width: 100%; }
          .item .icon2 .sns li img:hover {
            opacity: 0.7; }
  .item .text {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    margin: 15px 0px 5px; }
    .item .text .text_more {
      font-size: 13px;
      font-size: 1.3rem;
      color: #7C6554;
      cursor: pointer; }
      .item .text .text_more:hover {
        opacity: 0.7; }
  .item .tag {
    font-size: 13px;
    font-size: 1.3rem; }
    .item .tag a {
      color: #f78d88;
      line-height: 1.5; }
      .item .tag a:after {
        content: "";
        display: inline-block;
        margin-right: 6px; }
  .item .nyan {
    display: block;
    cursor: pointer;
    margin: 10px auto;
    text-align: center;
    max-width: 330px;
    position: relative;
    background: url("../images/common/common_btn_02_on.png") no-repeat center center;
    background-size: 100% auto; }
    @media only screen and (max-width: 767px) {
      .item .nyan {
        max-width: 750px; } }
    .item .nyan img {
      width: 100%;
      height: auto; }
    .item .nyan:after {
      content: '';
      background: url("../images/common/heart-nyan.png") no-repeat center center;
      background-size: 100%;
      width: 30%;
      padding-top: 26.11765%;
      position: absolute;
      left: 50%;
      top: 0;
      opacity: 0;
      display: none; }
    .item .nyan.hearts:after {
      display: block;
      -webkit-animation: popheart 1.2s ease 0s 1;
              animation: popheart 1.2s ease 0s 1; }
    .item .nyan.done {
      background: url("../images/common/common_btn_02_done.png") no-repeat center center;
      background-size: 100% auto; }
      .item .nyan.done img {
        opacity: 0; }
  .item .nyan2 {
    display: inline-block;
    cursor: pointer;
    position: relative; }
    .item .nyan2:after {
      content: '';
      background: url("../images/common/heart-nyan.png") no-repeat center center;
      background-size: 100%;
      width: 40%;
      padding-top: 34.82353%;
      position: absolute;
      left: 50%;
      top: 0;
      opacity: 0;
      display: none; }
    .item .nyan2.hearts:after {
      display: block;
      -webkit-animation: popheart 1.2s ease 0s 1;
              animation: popheart 1.2s ease 0s 1; }
  .item .comment {
    border-radius: 5px;
    border: 1px solid #ece6df;
    background: url("../images/common/common_bg_comment.png") repeat center center; }
    .item .comment .comment_input {
      display: table;
      table-layout: fixed;
      width: 100%;
      padding: 6px 0px; }
      .item .comment .comment_input .comment_input_img {
        display: table-cell;
        width: 40px;
        vertical-align: top;
        padding-left: 6px;
        padding-right: 6px; }
      .item .comment .comment_input .comment_input_txt {
        display: table-cell;
        position: relative;
        padding-right: 36px;
        padding-left: 10px; }
        .item .comment .comment_input .comment_input_txt input[type="text"], .item .comment .comment_input .comment_input_txt textarea {
          border-radius: 5px;
          box-sizing: border-box;
          border: 1px solid #b3a492;
          height: 34px;
          width: 100%;
          padding: 7px;
          position: relative;
          z-index: 1; }
          .item .comment .comment_input .comment_input_txt input[type="text"]:placeholder-shown, .item .comment .comment_input .comment_input_txt textarea:placeholder-shown {
            color: #ccc; }
          .item .comment .comment_input .comment_input_txt input[type="text"]::-webkit-input-placeholder, .item .comment .comment_input .comment_input_txt textarea::-webkit-input-placeholder {
            color: #ccc; }
          .item .comment .comment_input .comment_input_txt input[type="text"]:-moz-placeholder, .item .comment .comment_input .comment_input_txt textarea:-moz-placeholder {
            color: #ccc;
            opacity: 1; }
          .item .comment .comment_input .comment_input_txt input[type="text"]::-moz-placeholder, .item .comment .comment_input .comment_input_txt textarea::-moz-placeholder {
            color: #ccc;
            opacity: 1; }
          .item .comment .comment_input .comment_input_txt input[type="text"]:-ms-input-placeholder, .item .comment .comment_input .comment_input_txt textarea:-ms-input-placeholder {
            color: #ccc; }
      .item .comment .comment_input .comment_submit {
        border-style: none;
        background: none;
        cursor: pointer;
        position: absolute;
        top: 4px;
        right: 6px;
        padding: 0;
        z-index: 2; }
        @media only screen and (max-width: 767px) {
          .item .comment .comment_input .comment_submit {
            top: 2px; } }
  .item .log .log_li {
    display: table;
    width: 100%;
    border-top: 1px solid #fff;
    box-shadow: 0 -1px 0 #d9d1c7;
    transition-property: opacity;
    transition-duration: 0.5s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
    .item .log .log_li.transparent {
      opacity: 0; }
    .item .log .log_li .log_li_img {
      display: table-cell;
      width: 40px;
      vertical-align: middle;
      padding: 6px;
      vertical-align: top; }
    .item .log .log_li .log_li_txt {
      display: table-cell;
      padding: 6px;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.4; }
      .item .log .log_li .log_li_txt .llt_time {
        float: right;
        font-size: 10px;
        font-size: 1rem;
        color: #b7a998; }
        .item .log .log_li .log_li_txt .llt_time a, .item .log .log_li .log_li_txt .llt_time a:active, .item .log .log_li .log_li_txt .llt_time a:hover {
          color: #b7a998; }
    .item .log .log_li.hide {
      display: none; }
  .item .log .log_more {
    width: 165px;
    margin: 10px auto 20px;
    cursor: pointer; }
    .item .log .log_more img:hover {
      opacity: 0.7; }
  .item .item_alert {
    font-size: 11px;
    font-size: 1.1rem;
    text-align: right;
    margin: 6px 0 0;
    position: relative; }
    .item .item_alert a {
      position: absolute;
      right: 0;
      top: 0;
      display: none; }
    .item .item_alert .not_cat {
      cursor: pointer; }
      .item .item_alert .not_cat.hide {
        opacity: 0; }

/* more */
.more {
  text-align: center;
  margin: 75px auto 105px; }

/* side */
.side {
  float: right;
  width: 274px;
  margin-top: 15px; }
  @media only screen and (max-width: 767px) {
    .side {
      display: none; } }
  .side .feature {
    background-image: url("../images/common/common_bg_01_top.png"), url("../images/common/common_bg_01_bottom.png"), url("../images/common/common_bg_01_middle.png");
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-position: center top, center bottom, center center;
    width: 272px;
    box-sizing: border-box;
    padding: 36px 20px 0px;
    text-align: center; }
    .side .feature .feature_head {
      background: url("../images/common/common_txt_01.png") no-repeat center center;
      text-align: center;
      margin: 0px auto 35px;
      width: 93px;
      height: 41px; }
      .side .feature .feature_head img {
        display: none; }
    .side .feature .feature_photo {
      width: 100%;
      margin: 15px 0px 20px; }
    .side .feature .feature_tag {
      font-size: 18px;
      font-size: 1.8rem;
      color: #f78d88;
      font-weight: bold; }
  .side .hashtag {
    background: url("../images/common/common_bg_02.png") no-repeat left top;
    width: 303px;
    height: 348px;
    margin-right: -30px;
    padding: 38px 22px 10px;
    margin-top: 20px;
    box-sizing: border-box; }
    .side .hashtag .hashtag_head {
      background: url("../images/common/common_txt_02.png") no-repeat center center;
      margin: 0px 0px 35px 30px;
      width: 179px;
      height: 23px; }
      .side .hashtag .hashtag_head img {
        display: none; }
    .side .hashtag .hashtag_txt {
      font-size: 16px;
      font-size: 1.6rem;
      text-align: left; }
      .side .hashtag .hashtag_txt li {
        margin-bottom: 14px; }
        .side .hashtag .hashtag_txt li a {
          color: #f78d88; }
  .side .ad {
    background: url("../images/common/common_side_03.png") no-repeat center top;
    width: 272px;
    height: 367px;
    margin-top: 20px; }
  .side .post {
    position: relative;
    margin-top: 40px;
    padding-top: 70px; }
    .side .post .post_img {
      position: absolute;
      left: 0;
      top: 0; }
    .side .post .post_bg {
      background: url("../images/common/common_bg_03.png") no-repeat center top;
      padding: 24px; }
  .side .link {
    background: url("../images/common/common_bg_04.png") no-repeat center top;
    margin-top: 30px;
    padding: 46px 20px 30px; }
    .side .link img:hover {
      opacity: 0.7; }
  .side .textlink li {
    border-bottom: 1px solid #B3A492; }
    .side .textlink li a {
      font-size: 14px;
      font-size: 1.4rem;
      display: block;
      color: #ea6565;
      padding: 20px 10px;
      background: url("../images/common/common_icon_16.png") no-repeat right 10px center/7px auto; }
      .side .textlink li a:hover {
        text-decoration: none;
        opacity: 0.7; }
    .side .textlink li:first-child {
      border-top: 1px solid #B3A492; }

@media only screen and (max-width: 767px) {
  .item {
    position: static;
    width: 100%; }
    .item .user {
      width: 16%; }
      .item .user .ui {
        height: 0;
        padding-bottom: 100%; }
    .item .time {
      color: #b3a492;
      margin-top: 6%; }
    .item .icon .count {
      width: 20%;
      table-layout: fixed; }
      .item .icon .count dt {
        width: 60%; }
      .item .icon .count dd {
        font-size: 4px;
        font-size: 3.4375vw; }
    .item .icon .sns {
      width: 40%; }
      .item .icon .sns li {
        width: 27%;
        margin-left: 6%; }
    .item .icon2 .sns {
      width: 40%;
      height: 8vw; }
      .item .icon2 .sns li {
        width: 27%;
        margin-left: 6%; }
    .item .text {
      font-size: 4px;
      font-size: 3.4375vw; }
    .item .tag {
      font-size: 3px;
      font-size: 3.125vw; }
    .item .comment .comment_input {
      display: table;
      table-layout: fixed;
      width: 100%;
      padding: 6px 0px; }
      .item .comment .comment_input .comment_input_img {
        width: 20%;
        padding-left: 3%; }
      .item .comment .comment_input .comment_input_txt input[type="text"] {
        padding: 4%; }
    .item .log .log_li {
      padding: 8px 0; }
      .item .log .log_li .log_li_img {
        width: 20%;
        padding-left: 3%; }
      .item .log .log_li .log_li_txt {
        font-size: 3px;
        font-size: 3.125vw;
        padding: 5% 3%; }
    .item .log .log_more {
      width: 40%; }
    .item .alert {
      font-size: 3px;
      font-size: 3.125vw; } }

.login {
  padding: 25px 0; }

.entry {
  width: 892px;
  background-image: url("../images/common/common_bg_14_top.png"), url("../images/common/common_bg_14_bottom.png"), url("../images/common/common_bg_14_middle.png");
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center center;
  margin: 60px auto 100px;
  padding: 60px 50px;
  box-sizing: border-box; }
  .entry .entry_half {
    width: 370px;
    text-align: center;
    margin-bottom: 20px; }
    .entry .entry_half:first-of-type {
      float: left;
      border-right: 1px solid #B3A492;
      padding-right: 27px; }
    .entry .entry_half:last-of-type {
      float: right; }
  .entry .entry_title {
    text-align: center;
    margin-bottom: 60px; }
  .entry .entry_head {
    font-size: 22px;
    font-size: 2.2rem;
    color: #5A3D28;
    line-height: 1.15;
    letter-spacing: -1px;
    margin-bottom: 20px; }
    .entry .entry_head span {
      font-size: 14px;
      font-size: 1.4rem; }
  .entry .entry_remark {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 15px;
    line-height: 1.6; }
    .entry .entry_remark a {
      color: #F78D88; }
  .entry .entry_toLogin {
    font-size: 16px;
    font-size: 1.6rem;
    padding-top: 35px;
    width: 100%;
    border-top: 1px solid #B3A492;
    color: #5A3D28; }
    .entry .entry_toLogin p {
      display: inline-block;
      margin-left: 230px;
      margin-right: 10px; }
    .entry .entry_toLogin a {
      display: inline-block;
      vertical-align: middle; }

/* half */
.half {
  background-image: url("../images/login/login_bg_01_bottom.png"), url("../images/login/login_bg_01_middle.png");
  background-repeat: no-repeat, repeat-y;
  background-position: center bottom, center center;
  background-size: 101% auto;
  width: 488px;
  margin: 80px auto 100px;
  text-align: center;
  box-sizing: border-box;
  min-height: 710px;
  padding-top: 40px; }
  .half.half-entry {
    float: right; }

.login_head {
  margin: -120px 0px 40px; }

.login_sns {
  display: inline-block;
  margin-bottom: 11px; }
  .login_sns:hover img {
    opacity: 0.7; }

.login_line {
  border-top: 1px solid #B3A492;
  margin: 15px 70px; }

.login_or {
  font-size: 16px;
  font-size: 1.6rem;
  margin: -23px auto 20px;
  color: #5A3D28;
  font-weight: bold;
  width: 80px;
  background: #fff; }

.login_input {
  position: relative;
  width: 360px;
  margin: 0 auto 11px; }
  .login_input input[type="text"] {
    font-size: 14px;
    font-size: 1.4rem;
    background: #F2F0ED;
    border: none;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    padding-left: 60px; }
    @media only screen and (max-width: 767px) {
      .login_input input[type="text"] {
        padding-left: 10px; } }
  .login_input textarea.input,
  .login_input input[type="email"],
  .login_input input[type="password"] {
    font-size: 14px;
    font-size: 1.4rem;
    background: #F2F0ED;
    border-radius: 25px;
    border: none;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    padding-left: 60px; }
    @media only screen and (max-width: 767px) {
      .login_input textarea.input,
      .login_input input[type="email"],
      .login_input input[type="password"] {
        padding-left: 10px; } }
  .login_input .login_input_icon {
    position: absolute;
    top: 19px;
    left: 25px; }
  .login_input .login_input_pass {
    position: absolute;
    top: 14px;
    left: 25px; }

:placeholder-shown,
::-webkit-input-placeholder {
  color: #7C6554; }

.login_btn {
  border: none;
  background: none;
  cursor: pointer;
  margin: 7px 0px 22px; }

.login_remark {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 25px; }
  .login_remark a {
    color: #7C6554; }

.entry_ptn {
  font-size: 18px;
  font-size: 1.8rem;
  color: #7C6554;
  line-height: 1.4;
  margin-bottom: 20px; }
  .entry_ptn span {
    font-size: 14px;
    font-size: 1.4rem;
    color: #7C6554; }

.entry_line {
  border-top: 1px solid #B3A492;
  margin: 30px 70px; }

.login_toEntry {
  border-top: 1px solid #B3A492;
  width: 360px;
  margin: 0 auto;
  padding-top: 25px; }
  .login_toEntry p {
    font-size: 15px;
    font-size: 1.5rem;
    float: left;
    margin-top: 10px; }
  .login_toEntry img {
    width: 35%;
    float: right; }
    .login_toEntry img:hover {
      opacity: 0.7; }

@media only screen and (max-width: 767px) {
  .login {
    width: 100%; }
  .entry {
    width: 100%;
    padding: 8% 6% 7%;
    background-size: 100% auto;
    border-radius: 20px;
    margin: 5% auto 10%; }
    .entry .entry_half {
      width: 100%; }
      .entry .entry_half:first-of-type {
        padding: 0;
        margin: 0;
        border: none;
        float: none; }
    .entry .entry_sp {
      padding-bottom: 2%; }
    .entry .entry_title {
      width: 75%;
      margin: 0 auto 7%; }
    .entry .entry_head {
      font-size: 7px;
      font-size: 4.375vw;
      font-weight: bold;
      line-height: 1.3; }
      .entry .entry_head span {
        font-size: 5px;
        font-size: 3.75vw;
        font-weight: normal; }
    .entry .entry_remark {
      font-size: 3px;
      font-size: 3.125vw;
      margin: 2% 0 6%; }
    .entry .entry_toLogin {
      padding-top: 7%; }
      .entry .entry_toLogin p {
        font-size: 3px;
        font-size: 3.125vw;
        float: left;
        margin: 2.5% 0 0; }
      .entry .entry_toLogin a {
        width: 27%;
        float: right; }
  /* half */
  .half {
    width: 100%;
    background-size: 100% auto;
    border-radius: 20px;
    margin: 0 auto 10%;
    padding: 7%;
    min-height: auto; }
    .half.half-login {
      float: none; }
  .login_head {
    display: none; }
  .login_sns {
    width: 100%;
    margin-bottom: 4%; }
  .login_line {
    margin: 5% 0px; }
  .login_or {
    font-size: 6px;
    font-size: 4.0625vw;
    width: 26%;
    margin-top: -8%;
    font-weight: normal; }
  .login_input {
    width: 100%; }
    .login_input input[type="text"] {
      font-size: 4px;
      font-size: 3.4375vw;
      padding: 4% 0px 4% 15%;
      height: auto;
      border-radius: 40px; }
    .login_input input[type="password"] {
      font-size: 4px;
      font-size: 3.4375vw;
      padding: 4% 0px 4% 15%;
      height: auto;
      border-radius: 40px; }
    .login_input .login_input_icon {
      width: 7%;
      top: 34%;
      left: 5%; }
    .login_input .login_input_pass {
      width: 7%;
      top: 28%;
      left: 5%; }
  .login_btn {
    width: 50%;
    margin: 4% 0 5.5%; }
  .login_remark {
    font-size: 3px;
    font-size: 3.125vw;
    margin: 0 auto 5%; }
  .login_toEntry {
    padding: 5% 2% 0;
    border-top: 1px solid #B3A492;
    width: 100%; }
    .login_toEntry p {
      font-size: 3px;
      font-size: 3.125vw;
      float: left;
      margin-top: 2.5%;
      font-weight: bold; }
    .login_toEntry img {
      width: 29%;
      float: right; } }

/* modal */
.modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 120%;
  z-index: 10; }
  .modal .nyan {
    cursor: pointer;
    margin: 10px 0px; }
    .modal .nyan.done {
      background: url("../img/common/common_btn_03_done.png") no-repeat center center;
      background-size: 100% auto; }
      .modal .nyan.done img {
        opacity: 0; }
  .modal .sns li {
    width: 22px;
    height: 22px; }
    .modal .sns li img {
      width: 100%;
      height: auto; }

.modal_bg {
  position: fixed;
  width: 100%;
  height: 120%;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 20; }

.alart_bg {
  position: fixed;
  width: 100%;
  height: 120%;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 20; }

.modal_wrap {
  width: 967px;
  margin: 0px auto;
  text-align: right;
  position: fixed;
  z-index: 30; }

.modal_image {
  opacity: 0;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 30;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }
  .modal_image.show {
    transition-property: opacity;
    transition-duration: 0.2s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: 1; }
  .modal_image .modal_close {
    position: absolute;
    right: 0;
    top: -50px;
    transition: all 0.3s;
    cursor: pointer; }
    .modal_image .modal_close:hover {
      opacity: 0.7; }

.modal_image_inner {
  display: none;
  width: 100%;
  height: 100%; }
  .modal_image_inner.show {
    display: block; }
  .modal_image_inner img {
    width: 100%;
    height: 100%; }

.modal_image_inner_video {
  display: none; }
  .modal_image_inner_video.show {
    display: block; }
  .modal_image_inner_video video {
    width: 100%;
    height: 100%; }

.modal_content {
  background: url("../img/common/common_bg_10_top.png") no-repeat center top;
  padding-top: 20px;
  box-sizing: border-box;
  text-align: left; }
  .modal_content .phCat {
    width: 612px;
    float: left; }
    .modal_content .phCat img {
      width: 100%; }
    .modal_content .phCat:hover {
      opacity: 1;
      cursor: default; }
  .modal_content .modal_text {
    float: right;
    width: 294px; }
    .modal_content .modal_text .user .ui {
      width: 44px;
      height: 44px; }
    .modal_content .modal_text .comment_wrap.of {
      overflow: scroll;
      overflow-x: hidden; }
      .modal_content .modal_text .comment_wrap.of .log_li_txt {
        width: 222px; }

.modal_bg_bottom {
  background: url("../img/common/common_bg_10_bottom.png") repeat center bottom;
  padding-bottom: 20px; }

.modal_bg_middle {
  background: url("../img/common/common_bg_10_middle.png") repeat center center;
  padding: 0 20px; }

/* modal-alert */
.modal_aWrap {
  width: 700px;
  margin: 0px auto;
  text-align: right;
  position: fixed;
  z-index: 30; }
  .modal_aWrap .alart_close {
    transition: all 0.3s;
    margin-bottom: 10px;
    cursor: pointer; }
    .modal_aWrap .alart_close:hover {
      opacity: 0.7; }

.modal_alert {
  background: #fff;
  background-size: 100% auto;
  box-sizing: border-box;
  text-align: left;
  border: 4px solid #B3A492;
  border-radius: 10px;
  background: #fff;
  padding: 50px 45px 40px; }
  .modal_alert p {
    font-size: 14px;
    font-size: 1.4rem;
    color: #5A3D28;
    text-align: left;
    margin: 35px 0 15px; }
  .modal_alert .form_item:last-of-type dd {
    font-size: 13px;
    font-size: 1.3rem;
    background: #f2f0ed;
    padding-left: 20px;
    padding-bottom: 1px; }
    .modal_alert .form_item:last-of-type dd label {
      padding-top: 4px; }
  .modal_alert textarea {
    width: 100%;
    resize: none;
    border: 1px solid #7c6554;
    margin-bottom: 35px;
    height: 190px; }
    .modal_alert textarea:focus {
      outline: 0;
      border: 1px solid #ea6565; }

.modal_alert_bottom {
  background: url("../img/common/common_bg_10_bottom.png") no-repeat center bottom;
  background-size: 100% auto;
  padding-bottom: 15px; }

.modal_alert_middle {
  background: url("../img/common/common_bg_10_middle.png") repeat center center;
  background-size: 100% auto;
  padding: 37px 40px 30px; }

.mycat {
  padding-top: 50px; }
  .mycat .prof_title {
    margin-bottom: 20px;
    background: url("../images/mycat/mycat_txt_01.png") no-repeat left top;
    width: 998px;
    height: 44px; }
    .mycat .prof_title img {
      display: none; }
  .mycat .prof_form {
    width: 810px;
    margin: 0 auto; }
    .mycat .prof_form .form_item dt {
      width: 173px; }

@media only screen and (max-width: 767px) {
  .mycat {
    margin-top: 25px;
    padding: 0px 1%;
    box-sizing: border-box; }
    .mycat .prof_title {
      background: none;
      width: 100%;
      height: auto;
      padding: 0 2%;
      box-sizing: border-box; }
      .mycat .prof_title img {
        display: block; }
    .mycat .prof_form {
      width: 100%; } }

/* mypage */
.mypage {
  padding: 35px 0; }
  .mypage .profile {
    background-image: url("../images/mypage/mypage_bg_03_top.png"), url("../images/mypage/mypage_bg_03_bottom.png"), url("../images/mypage/mypage_bg_03_middle.png");
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-position: center top, center bottom, center center;
    box-sizing: border-box;
    padding: 40px 30px;
    width: 100%;
    color: #5A3D28;
    margin-bottom: 60px; }
    .mypage .profile .profile_01 {
      float: left;
      margin-right: 15px; }
      .mypage .profile .profile_01 .ui {
        width: 140px;
        height: 140px;
        background-size: cover; }
    .mypage .profile .profile_02 {
      font-size: 14px;
      font-size: 1.4rem;
      float: left;
      margin-top: 10px;
      width: 300px; }
      .mypage .profile .profile_02 .profile_city {
        line-height: 1.5; }
      .mypage .profile .profile_02 .profile_flag {
        margin-bottom: 7px;
        margin-left: -10px; }
      .mypage .profile .profile_02 .profile_name {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.5; }
      .mypage .profile .profile_02 .profile_id {
        line-height: 1.5; }
      .mypage .profile .profile_02 .profile_follow {
        float: left;
        display: inline-block;
        margin-top: 10px;
        background: url("../images/common/common_btn_07_off.png") no-repeat center top; }
        .mypage .profile .profile_02 .profile_follow:hover {
          background: url("../images/common/common_btn_07_on.png") no-repeat center top; }
        .mypage .profile .profile_02 .profile_follow.done {
          background: url("../images/common/common_btn_07_done.png") no-repeat center top; }
          .mypage .profile .profile_02 .profile_follow.done:hover {
            background: url("../images/common/common_btn_07_done.png") no-repeat center top; }
        .mypage .profile .profile_02 .profile_follow img {
          opacity: 0; }
      .mypage .profile .profile_02 .profile_sns {
        float: left;
        margin-top: 10px; }
        .mypage .profile .profile_02 .profile_sns li {
          float: left;
          margin-left: 4px; }
          .mypage .profile .profile_02 .profile_sns li:hover {
            opacity: 0.7; }
          .mypage .profile .profile_02 .profile_sns li:first-child {
            margin-left: 20px; }
      .mypage .profile .profile_02 .profile_url {
        margin-top: 18px;
        word-break: break-all;
        line-height: 1.5; }
        .mypage .profile .profile_02 .profile_url a {
          color: #F78D88; }
    .mypage .profile .profile_03 {
      font-size: 14px;
      font-size: 1.4rem;
      float: right;
      width: 450px;
      background: url("../images/common/common_bg_main.png") center top;
      border-radius: 5px;
      box-sizing: border-box;
      padding: 20px;
      line-height: 1.7; }
      .mypage .profile .profile_03 .profile_org {
        display: table;
        width: 100%;
        border-bottom: 1px solid #E4DBD1; }
        .mypage .profile .profile_03 .profile_org dt {
          display: table-cell;
          width: 137px;
          padding: 10px 0;
          font-weight: bold; }
        .mypage .profile .profile_03 .profile_org dd {
          display: table-cell;
          padding: 10px 0;
          word-break: break-all;
          overflow-wrap: break-word; }
        .mypage .profile .profile_03 .profile_org:first-of-type dt, .mypage .profile .profile_03 .profile_org:first-of-type dd {
          padding-top: 0; }
        .mypage .profile .profile_03 .profile_org.profile_org-hp {
          display: none; }
      .mypage .profile .profile_03 .profile_txt {
        overflow: auto;
        max-height: 160px;
        padding-right: 10px;
        /* IE用 */
        scrollbar-base-color: #ddd;
        scrollbar-track-color: #ddd;
        scrollbar-darkshadow-color: #ddd;
        scrollbar-face-color: #5A3D28;
        scrollbar-3dlight-color: #ddd;
        scrollbar-highlight-color: #ddd;
        scrollbar-shadow-color: #ddd;
        scrollbar-arrow-color: #5A3D28; }
        .mypage .profile .profile_03 .profile_txt::-webkit-scrollbar {
          width: 5px;
          background-color: #ddd; }
        .mypage .profile .profile_03 .profile_txt::-webkit-scrollbar-thumb {
          background-color: #5A3D28; }
    .mypage .profile .profile_04 {
      padding-top: 20px;
      font-size: 14px;
      font-size: 1.4rem;
      clear: both;
      text-align: right; }

/* action */
.action {
  margin-bottom: 120px; }
  .action .foster_input {
    display: block;
    margin: 0 auto 35px;
    width: 350px; }
  .action .action_cnt .action_cnt_photo {
    float: left;
    width: 310px;
    margin-left: 25px; }
    .action .action_cnt .action_cnt_photo img {
      width: 100%; }
  .action .action_cnt .action_cnt_txt {
    float: right;
    width: 600px;
    margin-right: 25px; }
    .action .action_cnt .action_cnt_txt dl {
      font-size: 14px;
      font-size: 1.4rem;
      display: table;
      table-layout: fixed;
      width: 100%;
      line-height: 1.5; }
      .action .action_cnt .action_cnt_txt dl dt {
        display: table-cell;
        background: url("../images/mypage/mypage_bg_01_middle.png") repeat-y center top/100% auto;
        color: #fff;
        width: 103px;
        padding: 15px 0;
        text-align: center;
        box-sizing: border-box;
        border-bottom: 1px solid #E4DBD1; }
      .action .action_cnt .action_cnt_txt dl dd {
        color: #5A3D28;
        display: table-cell;
        background: url("../images/mypage/mypage_bg_02_middle.png") repeat-y center top/100% auto;
        padding: 15px 20px;
        box-sizing: border-box;
        border-bottom: 1px solid #E4DBD1; }
      .action .action_cnt .action_cnt_txt dl:first-of-type dt {
        background: url("../images/mypage/mypage_bg_01_top.png"), url("../images/mypage/mypage_bg_01_middle.png");
        background-repeat: no-repeat, repeat-y;
        background-position: center top, center center;
        background-size: 100% auto; }
      .action .action_cnt .action_cnt_txt dl:first-of-type dd {
        background: url("../images/mypage/mypage_bg_02_top.png"), url("../images/mypage/mypage_bg_02_middle.png");
        background-repeat: no-repeat, repeat-y;
        background-position: center top, center center;
        background-size: 100% auto; }
      .action .action_cnt .action_cnt_txt dl:last-of-type dt {
        background: url("../images/mypage/mypage_bg_01_bottom.png"), url("../images/mypage/mypage_bg_01_middle.png");
        background-repeat: no-repeat, repeat-y;
        background-position: center bottom, center center;
        background-size: 100% auto;
        border-bottom: none; }
      .action .action_cnt .action_cnt_txt dl:last-of-type dd {
        background: url("../images/mypage/mypage_bg_02_bottom.png"), url("../images/mypage/mypage_bg_02_middle.png");
        background-repeat: no-repeat, repeat-y;
        background-position: center bottom, center center;
        background-size: 100% auto;
        border-bottom: none; }
  .action .action_cnt .action_box {
    margin-bottom: 35px; }
  .action .action_cnt .foster_edit {
    margin-top: 12px; }
    .action .action_cnt .foster_edit li {
      display: inline-block;
      margin-right: 3px; }
      .action .action_cnt .foster_edit li a {
        transition: all 0.3s;
        display: inline-block;
        box-sizing: border-box;
        border-radius: 30px;
        border: 1px solid #5A3D28;
        width: 100px;
        padding: 5px 0;
        text-align: center;
        color: #5A3D28; }
        .action .action_cnt .foster_edit li a:hover {
          text-decoration: none;
          background: #5A3D28;
          color: #fff; }
  .action .action_cnt .follow_tab {
    width: 320px;
    margin: 20px auto 0px; }
    .action .action_cnt .follow_tab li {
      font-size: 14px;
      font-size: 1.4rem;
      transition: all 0.3s;
      float: left;
      width: 160px;
      box-sizing: border-box;
      text-align: center;
      border: 1px solid #7C6554;
      padding: 10px 0px;
      cursor: pointer;
      background: #fff; }
      .action .action_cnt .follow_tab li:first-child {
        border-radius: 5px 0 0 5px; }
      .action .action_cnt .follow_tab li:last-child {
        border-left: none;
        border-radius: 0 5px 5px 0; }
      .action .action_cnt .follow_tab li.active {
        background: #7C6554;
        color: #fff; }
      .action .action_cnt .follow_tab li:hover {
        background: #7C6554;
        color: #fff; }
  .action .action_cnt .follow_user {
    width: 96%;
    margin: 0 auto; }
    .action .action_cnt .follow_user li {
      font-size: 16px;
      font-size: 1.6rem;
      display: table;
      table-layout: fixed;
      width: 33.3%;
      float: left;
      margin-top: 35px; }
      .action .action_cnt .follow_user li .ui {
        display: table-cell;
        float: none;
        width: 50px;
        height: 50px; }
      .action .action_cnt .follow_user li .f_user_name {
        color: #5A3D28;
        display: table-cell;
        vertical-align: middle;
        padding-left: 12px;
        padding-right: 12px;
        line-height: 140%; }
    .action .action_cnt .follow_user.active {
      display: block; }

/* normal */
@media only screen and (max-width: 767px) {
  .mypage {
    padding-bottom: 0; }
    .mypage .profile {
      background-image: url("../images/common/common_bg_13_top.png"), url("../images/common/common_bg_13_bottom.png"), url("../images/common/common_bg_13_middle.png");
      background-repeat: no-repeat, no-repeat, repeat-y;
      background-position: center top, center bottom, center center;
      background-size: 100% auto;
      padding: 5%;
      margin-bottom: 5%; }
      .mypage .profile .profile_01 {
        width: 32%;
        margin-right: 3%; }
        .mypage .profile .profile_01 .ui {
          width: 100%;
          padding-bottom: 100%;
          background-size: cover; }
      .mypage .profile .profile_02 {
        font-size: 3px;
        font-size: 3.125vw;
        width: 65%; }
        .mypage .profile .profile_02 .profile_flag {
          width: 50%;
          margin-bottom: 3%;
          margin-left: 0; }
        .mypage .profile .profile_02 .profile_name {
          font-size: 7px;
          font-size: 4.375vw; }
        .mypage .profile .profile_02 .profile_follow {
          background-size: 100% auto;
          /* width: 43%; */
          background: url("../images/common/common_btn_07_off.png") no-repeat center top; }
          .mypage .profile .profile_02 .profile_follow:hover {
            background: url("../images/common/common_btn_07_off.png") no-repeat center top;
            background-size: 100% auto; }
          .mypage .profile .profile_02 .profile_follow.done {
            background: url("../images/common/common_btn_07_done.png") no-repeat center top; }
            .mypage .profile .profile_02 .profile_follow.done:hover {
              background: url("../images/common/common_btn_07_done.png") no-repeat center top;
              background-size: 100% auto; }
        .mypage .profile .profile_02 .profile_sns {
          float: left;
          width: 50%; }
          .mypage .profile .profile_02 .profile_sns li {
            margin-left: 4%;
            width: 27%; }
            .mypage .profile .profile_02 .profile_sns li:hover {
              opacity: 1; }
            .mypage .profile .profile_02 .profile_sns li:first-child {
              margin-left: 10%; }
      .mypage .profile .profile_03 {
        font-size: 4px;
        font-size: 3.4375vw;
        float: right;
        width: 100%;
        background: none;
        border-radius: 0;
        padding: 5% 0; }
        .mypage .profile .profile_03 .profile_org {
          display: table;
          table-layout: fixed;
          width: 100%;
          border-bottom: 1px solid #E4DBD1; }
          .mypage .profile .profile_03 .profile_org dt {
            display: table-cell;
            width: 38%;
            padding: 3% 0; }
          .mypage .profile .profile_03 .profile_org dd {
            display: table-cell;
            padding: 10px 0;
            width: 61%; }
            .mypage .profile .profile_03 .profile_org dd a {
              color: #F78D88; }
          .mypage .profile .profile_03 .profile_org:first-of-type dt, .mypage .profile .profile_03 .profile_org:first-of-type dd {
            padding-top: 0; }
          .mypage .profile .profile_03 .profile_org:last-of-type {
            border: none; }
          .mypage .profile .profile_03 .profile_org.profile_org-hp {
            display: table;
            word-break: break-all; }
        .mypage .profile .profile_03 .profile_txt {
          padding: 3%;
          border: 1px solid #e4dbd1; }
        .mypage .profile .profile_03 .profile_url {
          display: table;
          table-layout: fixed;
          width: 100%;
          margin-bottom: 3%; }
          .mypage .profile .profile_03 .profile_url dt {
            display: table-cell;
            width: 40%; }
          .mypage .profile .profile_03 .profile_url dd {
            display: table-cell;
            width: 58%;
            word-break: break-all; }
          .mypage .profile .profile_03 .profile_url a {
            color: #F78D88; }
      .mypage .profile .profile_04 {
        padding-top: 0; }
  /* mypage-org */
  /* action */
  .action {
    margin-bottom: 40px; }
    .action .foster_input {
      display: none;
      margin-bottom: 10%; }
    .action .action_cnt .action_cnt_photo {
      float: none;
      margin: 0;
      width: 100%; }
    .action .action_cnt .action_cnt_txt {
      float: none;
      width: 100%;
      margin-right: 0;
      margin-top: 5%; }
      .action .action_cnt .action_cnt_txt dl {
        font-size: 3px;
        font-size: 3.125vw; }
        .action .action_cnt .action_cnt_txt dl dt {
          width: 25%;
          padding: 3% 0; }
        .action .action_cnt .action_cnt_txt dl dd {
          padding: 3% 4%;
          background: url("../images/mypage/mypage_bg_04_middle.png") repeat-y center center;
          background-size: 100% auto; }
        .action .action_cnt .action_cnt_txt dl:first-of-type dd {
          background: url("../images/mypage/mypage_bg_04_top.png"), url("../images/mypage/mypage_bg_04_middle.png");
          background-repeat: no-repeat, repeat-y;
          background-position: center top, center center;
          background-size: 100% auto;
          border-radius: 0 10px 0 0; }
        .action .action_cnt .action_cnt_txt dl:last-of-type dd {
          background: url("../images/mypage/mypage_bg_04_bottom.png"), url("../images/mypage/mypage_bg_04_middle.png");
          background-repeat: no-repeat, repeat-y;
          background-position: center bottom, center center;
          background-size: 100% auto;
          border-bottom: none;
          border-radius: 0 10px 0 0; }
    .action .action_cnt .foster_edit {
      margin: 1% 0 5%; }
      .action .action_cnt .foster_edit li {
        width: 23%;
        margin-right: 1%; }
        .action .action_cnt .foster_edit li a {
          font-size: 3px;
          font-size: 3.125vw;
          width: 100%;
          padding: 10% 0; }
    .action .action_cnt .follow_tab {
      width: 82%;
      margin: 8% auto 4%; }
      .action .action_cnt .follow_tab li {
        font-size: 5px;
        font-size: 3.75vw;
        width: 50%;
        padding: 3.8% 0px; }
        .action .action_cnt .follow_tab li.active {
          background: #5A3D28;
          color: #fff; }
    .action .action_cnt .follow_user {
      width: 82%;
      margin: 0 auto; }
      .action .action_cnt .follow_user li {
        font-size: 5px;
        font-size: 3.75vw;
        width: 100%;
        margin-top: 5%; }
        .action .action_cnt .follow_user li .ui {
          width: 18%;
          height: 0;
          padding-bottom: 18%; }
        .action .action_cnt .follow_user li .f_user_name {
          padding-left: 3%; }
    .action .foster_input_sp {
      display: block;
      margin-top: 5%;
      box-sizing: border-box;
      padding: 0 5%;
      margin-left: auto;
      margin-right: auto; }
  #mypage-cat .action_box,
  #mypage-org-foster .action_box,
  #mypage-org-graduate .action_box {
    background-image: url("../images/common/common_bg_13_top.png"), url("../images/common/common_bg_13_bottom.png"), url("../images/common/common_bg_13_middle.png");
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-position: center top, center bottom, center center;
    background-size: 100% auto;
    margin-top: 5%;
    padding: 6% 5%; } }

.action_tab {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 990px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 35px; }
  @media only screen and (max-width: 767px) {
    .action_tab {
      width: auto; } }
  .action_tab.foster {
    width: 1000px; }
    @media only screen and (max-width: 767px) {
      .action_tab.foster {
        width: auto; } }
    .action_tab.foster li a {
      padding-top: 94px; }
      @media only screen and (max-width: 767px) {
        .action_tab.foster li a {
          padding-top: 9.375vw; } }
  .action_tab li.lnav_01 {
    width: 330px; }
    @media only screen and (max-width: 767px) {
      .action_tab li.lnav_01 {
        width: 27.5vw; } }
    .action_tab li.lnav_01.active a {
      background-image: url(../images/common/common_tab_g01_now.png); }
      @media only screen and (max-width: 767px) {
        .action_tab li.lnav_01.active a {
          background-image: url(../images/common/common_tab_g01_sp_on.png); } }
    .action_tab li.lnav_01 a {
      background-image: url(../images/common/common_tab_g01.png); }
      @media only screen and (max-width: 767px) {
        .action_tab li.lnav_01 a {
          background-image: url(../images/common/common_tab_g01_sp.png); } }
  .action_tab li.lnav_02 {
    width: 330px; }
    @media only screen and (max-width: 767px) {
      .action_tab li.lnav_02 {
        width: 25vw; } }
    .action_tab li.lnav_02.active a {
      background-image: url(../images/common/common_tab_g02_now.png); }
      @media only screen and (max-width: 767px) {
        .action_tab li.lnav_02.active a {
          background-image: url(../images/common/common_tab_g02_sp_on.png); } }
    .action_tab li.lnav_02 a {
      background-image: url(../images/common/common_tab_g02.png); }
      @media only screen and (max-width: 767px) {
        .action_tab li.lnav_02 a {
          background-image: url(../images/common/common_tab_g02_sp.png); } }
  .action_tab li.lnav_03 {
    width: 330px; }
    @media only screen and (max-width: 767px) {
      .action_tab li.lnav_03 {
        width: 42.1875vw; } }
    .action_tab li.lnav_03.active a {
      background-image: url(../images/common/common_tab_g03_now.png); }
      @media only screen and (max-width: 767px) {
        .action_tab li.lnav_03.active a {
          background-image: url(../images/common/common_tab_g03_sp_on.png); } }
    .action_tab li.lnav_03 a {
      background-image: url(../images/common/common_tab_g03.png); }
      @media only screen and (max-width: 767px) {
        .action_tab li.lnav_03 a {
          background-image: url(../images/common/common_tab_g03_sp.png); } }
  .action_tab li.lnav_04 {
    width: 247px; }
    @media only screen and (max-width: 767px) {
      .action_tab li.lnav_04 {
        width: 27.5vw; } }
    .action_tab li.lnav_04.active a {
      background-image: url(../images/common/common_tab_o01_now.png); }
      @media only screen and (max-width: 767px) {
        .action_tab li.lnav_04.active a {
          background-image: url(../images/common/common_tab_g01_sp_on.png); } }
    .action_tab li.lnav_04 a {
      background-image: url(../images/common/common_tab_o01.png); }
      @media only screen and (max-width: 767px) {
        .action_tab li.lnav_04 a {
          background-image: url(../images/common/common_tab_g01_sp.png); } }
  .action_tab li.lnav_05 {
    width: 253px; }
    @media only screen and (max-width: 767px) {
      .action_tab li.lnav_05 {
        width: 19.375vw; } }
    .action_tab li.lnav_05.active a {
      background-image: url(../images/common/common_tab_o02_now.png); }
      @media only screen and (max-width: 767px) {
        .action_tab li.lnav_05.active a {
          background-image: url(../images/common/common_tab_o02_sp_on.png); } }
    .action_tab li.lnav_05 a {
      background-image: url(../images/common/common_tab_o02.png); }
      @media only screen and (max-width: 767px) {
        .action_tab li.lnav_05 a {
          background-image: url(../images/common/common_tab_o02_sp.png); } }
  .action_tab li.lnav_06 {
    width: 253px; }
    @media only screen and (max-width: 767px) {
      .action_tab li.lnav_06 {
        width: 24.0625vw; } }
    .action_tab li.lnav_06.active a {
      background-image: url(../images/common/common_tab_o03_now.png); }
      @media only screen and (max-width: 767px) {
        .action_tab li.lnav_06.active a {
          background-image: url(../images/common/common_tab_o03_sp_on.png); } }
    .action_tab li.lnav_06 a {
      background-image: url(../images/common/common_tab_o03.png); }
      @media only screen and (max-width: 767px) {
        .action_tab li.lnav_06 a {
          background-image: url(../images/common/common_tab_o03_sp.png); } }
  .action_tab li.lnav_07 {
    width: 247px; }
    @media only screen and (max-width: 767px) {
      .action_tab li.lnav_07 {
        width: 23.75vw; } }
    .action_tab li.lnav_07.active a {
      background-image: url(../images/common/common_tab_o04_now.png); }
      @media only screen and (max-width: 767px) {
        .action_tab li.lnav_07.active a {
          background-image: url(../images/common/common_tab_o04_sp_on.png); } }
    .action_tab li.lnav_07 a {
      background-image: url(../images/common/common_tab_o04.png); }
      @media only screen and (max-width: 767px) {
        .action_tab li.lnav_07 a {
          background-image: url(../images/common/common_tab_o04_sp.png); } }
  .action_tab li.lnav_08 {
    width: 253px; }
    @media only screen and (max-width: 767px) {
      .action_tab li.lnav_08 {
        width: 25vw; } }
    .action_tab li.lnav_08.active a {
      background-image: url(../images/common/common_tab_o08_now.png); }
      @media only screen and (max-width: 767px) {
        .action_tab li.lnav_08.active a {
          background-image: url(../images/common/common_tab_g02_sp_on.png); } }
    .action_tab li.lnav_08 a {
      background-image: url(../images/common/common_tab_o08.png); }
      @media only screen and (max-width: 767px) {
        .action_tab li.lnav_08 a {
          background-image: url(../images/common/common_tab_g02_sp.png); } }
  .action_tab li.lnav_09 {
    width: 253px; }
    @media only screen and (max-width: 767px) {
      .action_tab li.lnav_09 {
        width: 18.4375vw; } }
    .action_tab li.lnav_09.active a {
      background-image: url(../images/common/common_tab_o09_now.png); }
      @media only screen and (max-width: 767px) {
        .action_tab li.lnav_09.active a {
          background-image: url(../images/common/common_tab_o09_sp_on.png); } }
    .action_tab li.lnav_09 a {
      background-image: url(../images/common/common_tab_o09.png); }
      @media only screen and (max-width: 767px) {
        .action_tab li.lnav_09 a {
          background-image: url(../images/common/common_tab_o09_sp.png); } }
  .action_tab li a {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    padding-top: 95px;
    background-size: 100%;
    background-position: left top;
    background-repeat: no-repeat; }
    .action_tab li a:hover {
      background-position: left bottom; }
    @media only screen and (max-width: 767px) {
      .action_tab li a {
        padding-top: 9.375vw; }
        .action_tab li a:hover {
          background-position: left top; } }

#drag-drop-area {
  cursor: pointer;
  transition: all 0.4s; }
  #drag-drop-area:hover {
    background-color: #efefef; }

.post .post_title {
  margin-bottom: 20px;
  background: url("../images/posting/posting_txt_01.png") no-repeat left top;
  width: 705px;
  height: 43px; }
  .post .post_title img {
    display: none; }

.post .post_photo {
  position: relative;
  border: 2px dashed #7C6554;
  padding: 60px 60px 30px 60px;
  box-sizing: border-box;
  margin-bottom: 30px;
  width: 100%;
  text-align: center;
  background: #fff; }
  .post .post_photo .post_photo_txt {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 30px;
    line-height: 1.5; }
    .post .post_photo .post_photo_txt strong {
      font-size: 18px;
      font-size: 1.8rem; }
  .post .post_photo .preview img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%; }
  .post .post_photo .preview video {
    max-width: 100%;
    display: none;
    margin-left: auto;
    margin-right: auto; }
  .post .post_photo .post_file_upload {
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    overflow: hidden;
    opacity: 0; }

.post .post_comment {
  font-size: 15px;
  font-size: 1.5rem;
  width: 100%;
  height: 120px;
  resize: none;
  border-radius: 5px;
  border: 1px solid #7C6554;
  box-sizing: border-box;
  padding: 10px;
  margin-bottom: 38px; }

.post :placeholder-shown,
.post ::-webkit-input-placeholder {
  color: #B3A492; }

.post .post_tag {
  background: url("../images/posting/posting_bg_01.png") repeat center top;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 16px; }
  .post .post_tag .post_tag_input {
    border-radius: 5px;
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
    border: 1px solid #7C6554;
    padding: 10px;
    box-sizing: border-box;
    color: #7C6554;
    line-height: 1.5;
    height: 48px;
    resize: vertical; }
  .post .post_tag .post_head {
    font-size: 16px;
    font-size: 1.6rem;
    color: #5A3D28;
    font-weight: bold;
    margin: 30px 0 10px; }
  .post .post_tag .post_tag_li {
    font-size: 14px;
    font-size: 1.4rem;
    color: #7C6554;
    background: #fff;
    padding: 10px 19px;
    border-radius: 20px;
    border: 1px solid #7C6554;
    display: inline-block;
    margin-right: 7px;
    cursor: pointer;
    margin-bottom: 10px;
    -webkit-user-select: none;
    /* webkit (safari, chrome) browsers */
    -moz-user-select: none;
    /* mozilla browsers */
    -khtml-user-select: none;
    /* webkit (konqueror) browsers */
    -ms-user-select: none;
    /* IE10+ */ }
    .post .post_tag .post_tag_li.selected {
      background: #7C6554;
      color: #fff; }
    @media only screen and (min-width: 767px) {
      .post .post_tag .post_tag_li:hover {
        background: #7C6554;
        color: #fff; } }

.post .post_submit {
  border-style: none;
  background: none;
  cursor: pointer;
  margin: 60px auto 0; }

.lodging-progress {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  background-color: rgba(255, 255, 255, 0.7); }
  .lodging-progress .loading {
    width: 125px;
    height: 125px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    background: url("../images/common/loading.png");
    background-repeat: no-repeat;
    background-position: left top;
    -webkit-animation: parapara 4s steps(20) 0s infinite;
            animation: parapara 4s steps(20) 0s infinite; }
  .lodging-progress .percentage {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 16px;
    font-size: 1.6rem;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    letter-spacing: 0.1em;
    text-align: center; }
    .lodging-progress .percentage span {
      padding-left: 0.5em;
      font-size: 28px;
      font-size: 2.8rem;
      font-weight: bold; }

@media only screen and (max-width: 767px) {
  .post {
    box-sizing: border-box;
    padding-left: 4%;
    padding-right: 4%; }
    .post .post_title {
      background: none;
      width: 100%;
      height: auto; }
      .post .post_title img {
        display: block; }
    .post .post_photo {
      /*padding: 12% 0px 3.5%;*/
      margin: 0px 2% 5%;
      padding: 5%;
      width: 96%;
      border: 1px dashed #7C6554; }
      .post .post_photo .post_photo_txt {
        font-size: 3px;
        font-size: 3.125vw;
        margin-top: 5%; }
    .post .post_comment {
      font-size: 4px;
      font-size: 3.4375vw;
      margin: 0px 2% 5%;
      width: 96%;
      height: 80px; }
    .post .post_tag {
      margin: 0px 2% 5%;
      width: 96%;
      border-radius: 8px; }
      .post .post_tag .post_tag_input {
        font-size: 4px;
        font-size: 3.4375vw;
        height: 38px; }
      .post .post_tag .post_head {
        font-size: 4px;
        font-size: 3.4375vw;
        margin: 6% 0 3%; }
      .post .post_tag .post_tag_li {
        font-size: 3px;
        font-size: 3.125vw;
        padding: 2.2% 4%;
        margin-right: 1%;
        margin-bottom: 2%; }
    .post .post_submit {
      margin: 4% auto; } }

.register {
  padding-top: 50px;
  margin-bottom: 150px; }
  .register .prof_title {
    margin-bottom: 20px;
    background: url("../images/register/register_txt_01.png") no-repeat left top;
    width: 998px;
    height: 44px; }
    .register .prof_title img {
      display: none; }
  .register .prof_form {
    width: 810px;
    margin: 0 auto; }
    .register .prof_form .form_item dt {
      width: 173px; }
    .register .prof_form .form_item_other dd .form_item_cnt input[type="checkbox"] + label {
      margin-top: 12px; }

#mediaPreview > div {
  margin: auto; }

@media only screen and (max-width: 767px) {
  .register {
    margin-top: 25px;
    padding: 0px 1%;
    box-sizing: border-box; }
    .register .prof_title {
      background: none;
      width: 100%;
      height: auto;
      padding: 0 2%;
      box-sizing: border-box; }
      .register .prof_title img {
        display: block; }
    .register .prof_form {
      width: 100%; } }

.resign {
  padding: 20px; }

.resign_head {
  font-weight: bold;
  font-size: 140%; }

.resign_message {
  font-size: 120%;
  margin: 20px auto 0px;
  width: 80%; }

.resign_input {
  font-size: 120%;
  margin: 10px auto 0px; }

.complete {
  background-image: url("../images/login/login_bg_01_bottom.png"), url("../images/login/login_bg_01_top.png"), url("../images/login/login_bg_01_middle.png");
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center bottom, center top, center center;
  background-size: 101% auto;
  width: 488px;
  margin: 0px auto 100px;
  text-align: center;
  box-sizing: border-box;
  min-height: 100px;
  padding-top: 40px; }

.complete_message {
  margin-bottom: 40px; }

.complete_message p {
  text-align: center;
  font-size: 160%; }

@media only screen and (max-width: 767px) {
  .resign_head {
    font-weight: bold;
    font-size: 140%;
    font-size: 3.4375vw; }
  .resign_message {
    font-size: 120%;
    font-size: 3.4375vw;
    margin: 20px auto 0px;
    width: 80%; }
  .resign_input {
    font-size: 120%;
    font-size: 3.4375vw;
    margin: 10px auto 0px; }
  label.error {
    font-size: 3.4375vw; }
  .complete {
    width: 100%;
    background-size: 100% auto;
    border-radius: 20px;
    margin: 0 auto 10%;
    padding: 7%;
    min-height: auto; }
  .complete_message p {
    text-align: center;
    font-size: 160%;
    font-size: 3.4375vw; } }

.pic-main {
  position: relative; }

.pic-main-image {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
  transition-property: -webkit-transform opacity;
  transition-property: transform opacity;
  transition-property: transform opacity, -webkit-transform opacity;
  transition-duration: 0.75s;
  transition-delay: 0s;
  transition-timing-function: ease; }
  .pic-main-image:after {
    content: '';
    display: block;
    padding-top: 98.64603%; }
    @media only screen and (max-width: 767px) {
      .pic-main-image:after {
        padding-top: 137.2%; } }
  .pic-main-image.show {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  .pic-main-image img {
    position: absolute;
    left: 0;
    top: 0; }

.box-pic-main {
  position: relative; }
  @media only screen and (max-width: 767px) {
    .box-pic-main {
      padding-top: 21.33333%; } }
  .box-pic-main:after {
    content: '';
    display: block;
    position: absolute;
    -webkit-transform: skew(-10deg) rotate(-10deg) translateY(-50%);
            transform: skew(-10deg) rotate(-10deg) translateY(-50%);
    left: 0;
    top: 50%;
    right: 0;
    height: 350px;
    opacity: 0;
    transition-property: height opacity;
    transition-duration: 0.75s;
    transition-delay: 0s;
    transition-timing-function: ease;
    background-image: url(../images/bg-kirakira.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 767px) {
      .box-pic-main:after {
        height: 59.33333vw; } }
  .box-pic-main.show:after {
    opacity: 1;
    height: 445px; }
    @media only screen and (max-width: 767px) {
      .box-pic-main.show:after {
        height: 59.33333vw; } }
  .box-pic-main .carousel {
    opacity: 0;
    position: absolute;
    bottom: 16%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 2;
    transition-property: opacity;
    transition-duration: 0.75s;
    transition-delay: 0s;
    transition-timing-function: ease; }
    .box-pic-main .carousel.show {
      opacity: 1; }

.box-news-top {
  margin-top: 60px;
  margin-bottom: 230px; }
  @media only screen and (max-width: 767px) {
    .box-news-top {
      margin-top: 8%;
      margin-bottom: 14.66667%; } }
  .box-news-top dl {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
    @media only screen and (max-width: 767px) {
      .box-news-top dl {
        display: block;
        margin-bottom: 30px; } }
    .box-news-top dl dt {
      width: 23.21083%;
      margin-right: 2.32108%; }
      @media only screen and (max-width: 767px) {
        .box-news-top dl dt {
          width: 100%;
          text-align: center;
          margin-right: 1000; } }
    .box-news-top dl dd {
      width: 23.21083%;
      margin-right: 2.32108%; }
      @media only screen and (min-width: 980px) {
        .box-news-top dl dd:last-child {
          margin-right: 0; } }
      @media only screen and (max-width: 767px) {
        .box-news-top dl dd {
          width: 89.33333%;
          max-width: 100%;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 10px; } }
      .box-news-top dl dd a {
        display: block;
        padding: 9.09091%;
        background: white;
        min-height: 204px; }
        @media only screen and (max-width: 767px) {
          .box-news-top dl dd a {
            min-height: 0;
            padding: 5.97015%; } }
        @media only screen and (min-width: 980px) {
          .box-news-top dl dd a {
            transition-property: background;
            transition-duration: 0.3s;
            transition-delay: 0;
            transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
            .box-news-top dl dd a:hover {
              background: rgba(255, 255, 255, 0.5); } }
      .box-news-top dl dd section .title {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2;
        letter-spacing: 0.16em; }
        @media only screen and (max-width: 767px) {
          .box-news-top dl dd section .title {
            font-size: 14px;
            font-size: 1.2rem; } }
      .box-news-top dl dd section .text {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 2;
        letter-spacing: 0.16em; }
        @media only screen and (max-width: 767px) {
          .box-news-top dl dd section .text {
            font-size: 12px;
            font-size: 1.2rem; } }
      .box-news-top dl dd section .data {
        text-align: right;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 2;
        letter-spacing: 0.16em;
        color: #808080; }
        @media only screen and (max-width: 767px) {
          .box-news-top dl dd section .data {
            font-size: 12px;
            font-size: 1.2rem; } }
  .box-news-top .box-title {
    margin-left: 9.09091%;
    margin-bottom: 45px; }
    @media only screen and (max-width: 767px) {
      .box-news-top .box-title {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 6%; } }

.box-introduction-top .box-title {
  margin-bottom: 60px; }
  @media only screen and (max-width: 767px) {
    .box-introduction-top .box-title {
      margin-bottom: 6%; } }

.box-introduction-top .lead {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.33333;
  letter-spacing: 0.16em;
  margin-bottom: 60px;
  text-align: center;
  font-weight: 700; }
  @media only screen and (max-width: 767px) {
    .box-introduction-top .lead {
      font-size: 36px;
      font-size: 2.4rem; } }
  @media only screen and (max-width: 767px) {
    .box-introduction-top .lead {
      width: 82.93333%;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 6%; } }

.box-introduction-top .text {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.55556;
  letter-spacing: 0.1em;
  margin-bottom: 60px;
  text-align: center;
  font-weight: 700; }
  @media only screen and (max-width: 767px) {
    .box-introduction-top .text {
      font-size: 18px;
      font-size: 1.4rem; } }
  @media only screen and (max-width: 767px) {
    .box-introduction-top .text {
      width: 82.93333%;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 6%; } }

.list-character-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px; }
  @media only screen and (max-width: 767px) {
    .list-character-top {
      display: block;
      margin-bottom: 0px; } }
  .list-character-top li {
    max-width: 328px;
    width: 31.72147%;
    text-align: left; }
    @media only screen and (max-width: 767px) {
      .list-character-top li {
        width: 82.93333%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto; } }
    .list-character-top li .name {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1.5;
      letter-spacing: 0.1em;
      font-weight: 700;
      margin-top: -2em; }
      @media only screen and (max-width: 767px) {
        .list-character-top li .name {
          font-size: 24px;
          font-size: 2rem; } }
    .list-character-top li .cv {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 2;
      letter-spacing: 0.1em;
      margin-bottom: 0.5em; }
      @media only screen and (max-width: 767px) {
        .list-character-top li .cv {
          font-size: 14px;
          font-size: 1.2rem; } }
    .list-character-top li .pink {
      color: #e40065; }
    .list-character-top li .blue {
      color: #009fe8; }
    .list-character-top li .text {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 2;
      letter-spacing: 0.1em; }
      @media only screen and (max-width: 767px) {
        .list-character-top li .text {
          font-size: 14px;
          font-size: 1.2rem; } }

.two_tab {
  width: 260px;
  margin: 20px auto 0px; }
  .two_tab li {
    font-size: 14px;
    font-size: 1.4rem;
    float: left;
    width: 130px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    background: #fff; }
    .two_tab li:first-child a {
      border-radius: 5px 0 0 5px; }
    .two_tab li:last-child a {
      border-left: none;
      border-radius: 0 5px 5px 0; }
    .two_tab li.active a {
      background: #7C6554;
      color: #fff; }
    .two_tab li a {
      border: 1px solid #7C6554;
      transition: all 0.3s;
      padding: 10px 0px;
      display: block;
      color: #5A3D28; }
      .two_tab li a:hover {
        background: #7C6554;
        color: #fff;
        text-decoration: none; }

@media only screen and (max-width: 767px) {
  .follow_tab {
    width: 82%;
    margin: 8% auto 4%; }
    .follow_tab li {
      font-size: 5px;
      font-size: 3.75vw;
      width: 50%;
      padding: 3.8% 0px; }
      .follow_tab li.active {
        background: #5A3D28;
        color: #fff; } }

.prof {
  padding-top: 50px; }
  .prof .prof_title {
    margin-bottom: 20px;
    background: url("../images/user/user_txt_01.png") no-repeat left top;
    width: 998px;
    height: 44px; }
    .prof .prof_title img {
      display: none; }
  .prof .prof_form {
    width: 810px;
    margin: 0 auto; }
  .prof .form_item dt {
    width: 173px; }
    .prof .form_item dt .form_item_remark_sp {
      display: none; }
  .prof .form_item dd .form_item_area {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 20px; }
    .prof .form_item dd .form_item_area:last-child {
      margin-bottom: 0; }
    .prof .form_item dd .form_item_area p {
      display: table-cell;
      width: 70px; }
    .prof .form_item dd .form_item_area .area {
      display: table-cell;
      box-sizing: border-box; }
      .prof .form_item dd .form_item_area .area select {
        width: 100%; }
      .prof .form_item dd .form_item_area .area.area-01 {
        width: 285px;
        padding: 0 25px 0 0; }
      .prof .form_item dd .form_item_area .area.area-02 {
        width: 220px;
        padding: 0 40px 0 0; }
      .prof .form_item dd .form_item_area .area.area-03 {
        display: none; }
  .prof .form_item dd .form_item_cnt .form_item_url {
    width: 60%;
    float: left;
    box-sizing: border-box; }
    .prof .form_item dd .form_item_cnt .form_item_url.form_item_url-02 {
      padding-left: 35px; }
  .prof .form_item dd .form_item_range {
    float: left;
    width: 184px;
    margin-left: 15px; }
  .prof .form_item dd .atSign {
    font-size: 16px;
    font-size: 1.6rem;
    color: #5A3D28;
    position: absolute;
    left: 14px;
    top: 13px; }

@media only screen and (max-width: 767px) {
  .prof {
    margin-top: 25px;
    padding: 0px 1%;
    box-sizing: border-box; }
    .prof .prof_title {
      background: none;
      width: 100%;
      height: auto;
      padding: 0 2%;
      box-sizing: border-box; }
      .prof .prof_title img {
        display: block; }
    .prof .prof_form {
      width: 100%; }
      .prof .prof_form .prof_form_inner {
        width: 100%;
        background-image: url("../images/user/user_bg_03_top.png"), url("../images/user/user_bg_03_bottom.png"), url("../images/user/user_bg_03_middle.png");
        background-repeat: no-repeat, no-repeat, repeat-y;
        background-position: center top, center bottom, center center;
        background-size: 100% auto;
        padding: 1.5% 6% 8%;
        box-sizing: border-box; }
    .prof .form_item dt {
      width: 100%; }
      .prof .form_item dt .form_item_remark_sp {
        font-size: 2px;
        font-size: 2.8125vw;
        display: block;
        font-weight: normal;
        margin-left: 3%;
        vertical-align: middle;
        padding-bottom: 3%; }
      .prof .form_item dt .form_item_range_sp {
        float: left; }
      .prof .form_item dt .url_head {
        float: left; }
    .prof .form_item dd .form_item_area {
      margin-bottom: 3%; }
      .prof .form_item dd .form_item_area .area {
        display: block; }
      .prof .form_item dd .form_item_area p {
        font-size: 4px;
        font-size: 3.4375vw;
        display: block;
        margin: 3% 0 1.5%;
        float: left;
        font-weight: bold;
        width: auto;
        margin-right: 3%; }
      .prof .form_item dd .form_item_area .area.area-01 {
        display: block;
        width: 100%;
        padding: 0; }
      .prof .form_item dd .form_item_area .area.area-02 {
        display: block;
        display: none; }
      .prof .form_item dd .form_item_area .area.area-03 {
        display: inline;
        float: left;
        margin: 2% 0 1.5%; }
        .prof .form_item dd .form_item_area .area.area-03 select {
          font-size: 2px;
          font-size: 2.8125vw;
          border-radius: 0;
          padding: 0 15% 0 0;
          box-sizing: border-box;
          width: auto;
          background: url(../img/user/user_icon_01.png) no-repeat right bottom/auto 89%; }
    .prof .form_item dd .form_item_remark_fb {
      font-size: 2px;
      font-size: 2.8125vw;
      clear: both;
      padding-top: 10px; }
    .prof .form_item dd .form_item_range {
      margin-left: 0;
      margin-top: 10px; }
    .prof .form_item dd .form_item_url {
      width: 100% !important; } }

/*# sourceMappingURL=style.css.map */