/*
Theme Name: WID & DORMY
Description:WID & DORMY
Author: Blue-blue-studio
Author URI: http://blue2-studio.com/
Version: 1.0
*/
/*@include keyframes(animationSample){
0% {
opacity:0;
}
100% {
opacity:1;
}
}*/
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }
@-moz-keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }
@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }
@keyframes fade-out {
  0% {
    display: block;
    opacity: 1; }
  99% {
    display: block;
    opacity: 0; }
  100% {
    display: none;
    opacity: 0; } }
@-moz-keyframes fade-out {
  0% {
    display: block;
    opacity: 1; }
  99% {
    display: block;
    opacity: 0; }
  100% {
    display: none;
    opacity: 0; } }
@-webkit-keyframes fade-out {
  0% {
    display: block;
    opacity: 1; }
  99% {
    display: block;
    opacity: 0; }
  100% {
    display: none;
    opacity: 0; } }
body.post-type-archive-bukken #maincontent .wrapper .archivetitle .text::before {
  content: "Dormitories"; }

body.post-type-archive-event #maincontent .wrapper .archivetitle .text::before,
body.single-event #maincontent .wrapper .titlegroup .category .text::before {
  content: "Event"; }

body.category-news #maincontent .wrapper .archivetitle .text::before,
body.single-news #maincontent .wrapper .titlegroup .category .text::before,
body.single-news #maincontent .wrapper .titlegroup .colored .category .text::before {
  content: "News"; }

body.post-type-archive-interview #maincontent .wrapper .pagetitle .text::before {
  content: "Interview"; }

@media screen and (min-width: 768px) {
  html body header .menus .mainmenu > ul > li.search_campus > a.first span, html body header .menus .mainmenu > ul > li.search_feature > a.first span {
    padding-top: 0px; } }
body.home #features > .title .text h4, body.home #pickups > .title .text h4, body.home #event > .title .text h4 {
  display: none; }
body.home #features > .title .text h2, body.home #pickups > .title .text h2, body.home #event > .title .text h2 {
  margin-top: 5px; }
body.home #event > .title .icon {
  margin-right: 0.7em; }
  body.home #event > .title .icon img {
    height: 2.0rem; }
body.home #features .pannels li.sex a span, body.home #features .pannels li.sharehouse a span {
  display: none; }
body.home #features .pannels li.sharehouse a {
  padding: 16px; }
body.home #features .pannels li.bathtoilet a {
  padding: 16px; }
  body.home #features .pannels li.bathtoilet a span {
    display: none; }
body.home #pickups .lists > li ul.contents li.title h5 {
  display: none; }
body.home #pickups .lists > li ul.contents .comment h3 {
  font-weight: normal;
  line-height: 1.3;
  margin-bottom: 10px; }

@media screen and (min-width: 768px) {
  body.home #features .pannels {
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari */
    flex-wrap: wrap;
    align-items: center; }
    body.home #features .pannels li {
      float: none !important; }
      body.home #features .pannels li.dormy {
        width: 50%; }
      body.home #features .pannels li.sex a {
        padding: 20px 30px; }
      body.home #features .pannels li.sex.men {
        border-bottom: 2px solid #9a071b;
        border-right: 2px solid #9a071b;
        padding: 20px 0; }
        body.home #features .pannels li.sex.men a::before {
          margin-top: -1rem;
          width: 35%; }
      body.home #features .pannels li.sex.women {
        padding: 20px 0; }
        body.home #features .pannels li.sex.women a::before {
          margin-top: -1rem;
          width: 29%; }
      body.home #features .pannels li.sharehouse {
        padding: 10px 0;
        border: none;
        border-right: 2px solid #9a071b; }
        body.home #features .pannels li.sharehouse a {
          padding: 30px; }
      body.home #features .pannels li.bathtoilet {
        padding: 10px 0; } }
body.single-bukken #maincontent .wrapper #infograph .type > ul li {
  padding: 20px 5px; }
body.single-bukken #maincontent .wrapper #infograph .campus > ul li {
  width: 100%; }
  body.single-bukken #maincontent .wrapper #infograph .campus > ul li div span {
    font-weight: bold;
    font-size: 0.8rem; }
    body.single-bukken #maincontent .wrapper #infograph .campus > ul li div span.time {
      font-size: 1.5rem;
      font-weight: bold; }
      body.single-bukken #maincontent .wrapper #infograph .campus > ul li div span.time::before {
        width: 1.3rem;
        height: 1.3rem; }

body.page-guide #maincontent .wrapper .pagemenus .list ul li > p {
  display: none; }
body.page-guide #maincontent .wrapper article#no3 .cont .single .answer {
  padding-bottom: 20px; }
body.page-guide #maincontent .wrapper .tolink .group .link a:last-child {
  line-height: 2; }

@media screen and (min-width: 768px) {
  body.page-guide #maincontent .wrapper article#no1 .title .links .toform {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1; }
  body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul::before {
    white-space: normal; }
  body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul.step01::before {
    line-height: 1.3;
    padding-top: 3rem; }
  body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul.step02::before {
    padding-top: 2em; }
  body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul.step03::before {
    padding-top: 2em; }
  body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul.step04::before {
    padding-top: 4em;
    line-height: 1.3;
    font-size: 0.8rem; }
  body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul.step05::before {
    padding-top: 2.5em; }
  body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul.step06::before {
    padding-top: 2em;
    margin-top: 50px;
    margin-bottom: 50px; }
  body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul.step07::before {
    padding-top: 2em;
    line-height: 1.3; }
  body.page-guide #maincontent .wrapper article#no1 .cont .steps ul.step01::before {
    content: "Select Dormitory"; }
  body.page-guide #maincontent .wrapper article#no1 .cont .steps ul.step02::before {
    content: "Submit Online Request Form"; }
  body.page-guide #maincontent .wrapper article#no1 .cont .steps ul.step03::before {
    content: "Post Application Documents"; }
  body.page-guide #maincontent .wrapper article#no1 .cont .steps ul.step04::before {
    content: "Result Announcement"; }
  body.page-guide #maincontent .wrapper article#no1 .cont .steps ul.step05::before {
    content: "Receive Document Packet"; }
  body.page-guide #maincontent .wrapper article#no1 .cont .steps ul.step06::before {
    content: "Return Documents and Make Payment"; }
  body.page-guide #maincontent .wrapper article#no1 .cont .steps ul.step07::before {
    content: "Sign Dormitory Agreement"; }
  body.page-guide #maincontent .wrapper article#no1 .cont .steps ul.step08::before {
    content: "Move In"; }
  body.page-guide #maincontent .wrapper article#no1 .cont .months {
    margin-bottom: 0;
    background-color: #eff5f7;
    border-top: 4px solid #0f4b67; }
    body.page-guide #maincontent .wrapper article#no1 .cont .months li:before {
      content: none !important; }
    body.page-guide #maincontent .wrapper article#no1 .cont .months li:first-child {
      line-height: 1.5; }
    body.page-guide #maincontent .wrapper article#no1 .cont .months li:last-child {
      border-left: 2px solid #0f4b67;
      border-radius: 0;
      line-height: 1.5; }
  body.page-guide #maincontent .wrapper article#no2 .cont .graph h4 {
    width: 100%; }
  body.page-guide #maincontent .wrapper article#no2 .cont .graph .cont {
    padding: 80px 90px 30px; }
  body.page-guide #maincontent .wrapper .tolink .group .link a:last-child {
    line-height: 1; } }
body.page-feature #maincontent .wrapper article#style ul.buttons {
  align-items: flex-end; }
  body.page-feature #maincontent .wrapper article#style ul.buttons li span a {
    font-size: 1rem; }

@media screen and (min-width: 768px) {
  body.page-feature #maincontent .wrapper article h1 {
    font-size: 2.5rem; }
  body.page-feature #maincontent .wrapper article h2 {
    font-size: 2rem; }
  body.page-feature #maincontent .wrapper article#style ul.buttons {
    align-items: center; }
    body.page-feature #maincontent .wrapper article#style ul.buttons li span a {
      font-size: 1rem; }
    body.page-feature #maincontent .wrapper article#style ul.buttons li:nth-of-type(2) span a {
      line-height: 2.2; } }
body.post-type-archive-bukken #maincontent .wrapper .list > article .title h5, body.tax-brand #maincontent .wrapper .list > article .title h5, body.tax-bukken_type #maincontent .wrapper .list > article .title h5, body.tax-department #maincontent .wrapper .list > article .title h5, body.tax-campus #maincontent .wrapper .list > article .title h5 {
  display: none; }
body.post-type-archive-bukken #maincontent .wrapper .list > article .comment .text h3, body.tax-brand #maincontent .wrapper .list > article .comment .text h3, body.tax-bukken_type #maincontent .wrapper .list > article .comment .text h3, body.tax-department #maincontent .wrapper .list > article .comment .text h3, body.tax-campus #maincontent .wrapper .list > article .comment .text h3 {
  line-height: 1.3;
  font-weight: normal;
  margin-bottom: 10px; }

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