/*
 set break point
 */
/* color */
/*
 Width / Height Settings
 */
/*
 PC Liquid Value
 */
/*
 SP Liquid Value
 */
/*
 Line Height
 */
@keyframes cloud {
  0% {
    transform: scaleX(1) translateY(-15px);
  }
  100% {
    transform: scaleX(0.88) translateY(10px);
  }
}
@keyframes postFaceIconHover {
  0% {
    transform: rotate(0deg);
  }
  30% {
    transform: rotate(-10deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
/*------------------------------------------------------------------------------------------
 *
 *
 common_pc.css
 *
 *
 ------------------------------------------------------------------------------------------ */
@media screen and (min-width: 641px) {
  /*------------------------------------------------------------------------------------------
   *
   *
   min-width : 641px
   *
   *
   ------------------------------------------------------------------------------------------ */
  /* --------------------------------------------------
   *
   common settings
   *
   -------------------------------------------------- */
  /* --------------------------------------------------
   * 
   header
   *
   -------------------------------------------------- */
  /* --------------------------------------------------
   * 
   footer
   *
   -------------------------------------------------- */
  /* --------------------------------------------------
   * 
   .post_list
   *
   -------------------------------------------------- */
  body {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  br.sp {
    display: none;
  }
  img.sp {
    display: none;
  }
  .switch_sp, .switch_sp * {
    display: none;
  }
  main {
    padding-top: 9.375vw;
    background-color: #fff;
    position: relative;
    min-width: 1050px;
  }
  .lv main {
    padding-top: 5.55556vw;
  }
  .set_bg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    position: relative;
  }
  .set_bg .bg_inner {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
  }
  .set_bg img {
    width: 100%;
    max-width: 1050px;
    opacity: 0;
  }
  header {
    width: 100%;
    height: 9.375vw !important;
    min-height: 98.4375px !important;
    max-height: 135px !important;
    min-width: 1050px;
    background-color: #fff;
    display: flex;
    align-items: flex-end;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 10;
    transition: height, min-height, max-height;
    transition-duration: 0.25s;
  }
  .h_nav header, .lv header {
    height: 5.55556vw !important;
    min-height: 58.33333px !important;
    max-height: 80px !important;
  }
  header .head_inner {
    width: 100vw !important;
    min-width: 1050px !important;
    max-width: 1440px !important;
    display: flex;
    align-items: flex-end;
    margin: 0 auto;
  }
  header h1 {
    margin-right: 4.51389vw;
    margin-left: 8.33333vw;
    margin-bottom: 1.59722vw;
    transition: margin 0.25s ease;
  }
  .h_nav header h1, .lv header h1 {
    margin-bottom: 1.04167vw;
  }
  header h1 img {
    width: 20.69444vw !important;
    min-width: 217.29167px !important;
    max-width: 298px !important;
    transition: width, min-width, max-width;
    transition-duration: 0.25s;
  }
  .h_nav header h1 img, .lv header h1 img {
    width: 11.8254vw !important;
    min-width: 124.16667px !important;
    max-width: 170.28571px !important;
  }
  header nav {
    padding-bottom: 1.73611vw;
    transition: padding 0.25s ease;
  }
  .h_nav header nav, .lv header nav {
    padding-bottom: 1.25vw;
  }
  header nav ul {
    display: flex;
    align-items: center;
  }
  header nav ul li {
    margin-right: 4.16667vw;
  }
  header nav ul li img {
    width: auto;
  }
  header nav ul li.about img {
    height: 0.97222vw !important;
    min-height: 10.20833px !important;
    max-height: 14px !important;
  }
  header nav ul li.access img {
    height: 0.76389vw !important;
    min-height: 8.02083px !important;
    max-height: 11px !important;
  }
  header nav ul li.qa img {
    height: 0.97222vw !important;
    min-height: 10.20833px !important;
    max-height: 14px !important;
  }
  header nav ul li.recommend img {
    height: 0.97222vw !important;
    min-height: 10.20833px !important;
    max-height: 14px !important;
  }
  header nav ul li.shop img {
    height: 0.97222vw !important;
    min-height: 10.20833px !important;
    max-height: 14px !important;
  }
  header nav ul li a {
    display: block;
    position: relative;
  }
  header nav ul li a:before {
    content: '';
    width: 0;
    height: 0.69444vw !important;
    min-height: 7.29167px !important;
    max-height: 10px !important;
    background-color: #f8ff7f;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
    transition: width 0.2s ease;
  }
  .is_pc header nav ul li a:hover:before, .is_sp header nav ul li a.touch:before {
    width: 100%;
  }
  header nav ul .current a:before {
    width: 100% !important;
  }
  header .sns {
    position: absolute;
    bottom: 1.73611vw;
    right: 2.08333vw;
  }
  header .sns ul {
    display: flex;
    align-content: flex-end;
    align-items: center;
  }
  header .sns ul li img {
    width: auto;
    transition: transform 0.2s ease;
  }
  header .sns ul li.tw {
    margin-right: 1.38889vw;
  }
  header .sns ul li.tw img {
    height: 1.66667vw;
  }
  header .sns ul li.ig img {
    height: 1.94444vw;
  }
  .is_pc header .sns ul li a:hover img, .is_sp header .sns ul li a.touch img {
    transform: scale(1.15);
  }
  footer {
    margin-top: -20px;
    border-top: 20px solid #fff;
    background-color: #fff;
    min-width: 1050px;
    height: 337px;
    background-image: url(../images/bg_d_y.png);
    background-size: 96px;
    background-position: left top;
    position: relative;
  }
  footer .inner {
    width: 950px;
    height: 337px;
    margin: 0 auto;
    position: relative;
  }
  footer .inner:before {
    content: '';
    display: block;
    width: 344px;
    height: 285px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/img_foot_ill.png);
    background-size: contain;
    position: absolute;
    bottom: 5px;
    left: -18px;
  }
  footer .foot_nav {
    margin-bottom: 160px;
    display: flex;
    justify-content: space-between;
  }
  footer nav {
    margin-top: 35px;
    margin-left: 105px;
  }
  footer nav ul {
    display: flex;
    align-items: center;
  }
  footer nav ul li {
    margin-right: 48px;
  }
  footer nav ul .contact img {
    width: 130px;
    height: 22px;
  }
  footer nav ul .hobo img {
    width: 211px;
    height: 26px;
  }
  footer nav ul a {
    display: block;
  }
  footer nav ul img {
    transition: transform 0.15s ease;
  }
  .is_pc footer nav ul a:hover img, .is_sp footer nav ul a.touch img {
    transform: scale(1.05);
  }
  .share {
    /*追記*/
    visibility: hidden;
    pointer-events: none;
    display: block;
    /*追記*/
  }
  footer .share {
    margin-top: 30px;
    display: flex;
    align-items: center;
  }
  footer .share p {
    font-size: 15px;
    letter-spacing: 0.06em;
  }
  footer .share ul {
    display: flex;
    align-items: center;
  }
  footer .share ul li {
    margin-left: 20px;
  }
  footer .share ul img {
    height: 33px;
  }
  footer .share ul .tw img {
    width: auto;
    height: 28px;
  }
  footer .share ul .fb img {
    width: auto;
  }
  footer .share ul .line img {
    width: auto;
  }
  footer .share ul a {
    display: block;
  }
  footer .share ul img {
    transition: transform 0.15s ease;
  }
  .is_pc footer .share ul a:hover img, .is_sp footer .share ul a.touch img {
    transform: scale(1.15);
  }
  footer .copyright {
    text-align: center;
  }
  footer .copyright img {
    width: 106px;
  }
  .post_list {
    width: 880px;
    margin: 0 auto;
    position: relative;
    left: 8px;
  }
  .post_list.lv {
    width: 950px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    left: 0;
  }
  .post_list.lv .s {
    width: 275px;
    margin-bottom: 125px !important;
    position: relative;
    z-index: 2;
  }
  .post_list .s {
    margin-bottom: 115px;
  }
  .post_list .s .title h3 {
    width: 262px;
    height: 103px;
    color: #1e1e1e;
    box-sizing: border-box;
    background-image: url(../images/parts_bg_comment.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
  }
  .post_list .s .title h3 span {
    height: 2em;
    overflow: hidden;
    padding: 12px 15px;
    font-size: 20px;
    letter-spacing: 0.02em;
    line-height: 1.35em;
    display: block;
  }
  .post_list .s .title h3:before {
    content: '';
    width: 265px;
    height: 78px;
    display: block;
    border-radius: 8px;
    position: absolute;
    top: 10px;
    right: -10px;
    z-index: -1;
  }
  .post_list .s.exhibition h3:before {
    background-color: #ff7677;
  }
  .post_list .s.movie h3:before {
    background-color: #499996;
  }
  .post_list .s.stage h3:before {
    background-color: #db7d59;
  }
  .post_list .s.music h3:before {
    background-color: #6490e8;
  }
  .post_list .s.food h3:before {
    background-color: #ffe875;
  }
  .post_list .s.food2 h3:before {
    background-color: #ffe875;
  }
  .post_list .s.others h3:before {
    background-color: #d38dd2;
  }
  .post_list .s.others2 h3:before {
    background-color: #d38dd2;
  }
  .post_list .s .post {
    width: 265px;
    position: relative;
  }
  .post_list .s .post:before {
    content: '';
    width: 267px;
    height: 337px;
    display: block;
    position: absolute;
    top: 50px;
    right: -10px;
    z-index: -1;
  }
  .post_list .s .post .tag {
    width: 100%;
    height: 106px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 206px;
    position: relative;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .post_list .s .post .ico {
    width: 77px !important;
    height: 77px !important;
    background-color: #fff;
    border: 2px solid #1e1e1e;
    border-radius: 77px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: inherit;
    right: -10px !important;
    z-index: 3;
  }
  .post_list .s .post .ph {
    width: 265px;
    height: 265px;
    margin-top: -64px;
    box-sizing: border-box;
    background-color: #fff;
    border: 2px solid #1e1e1e;
    position: relative;
  }
  .post_list .s .post h4 {
    font-family: 'Koburina Gothic W6 JIS2004' !important;
    min-height: 72px;
    background-color: #fff;
    color: #1e1e1e;
    border: 2px solid #1e1e1e;
    box-sizing: border-box;
    position: relative;
    top: -2px;
    z-index: 2;
  }
  .post_list .s .post h4 span {
    width: 100%;
    height: 3em;
    overflow: hidden;
    display: block;
    padding: 10px;
    font-size: 18px;
    line-height: 1.33333em;
    box-sizing: border-box;
  }
  .post_list .s .post .status {
    width: 29px;
    height: 70px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -66px;
    right: -1px;
    z-index: 2;
  }
  .post_list .s .post .status.e {
    height: 88px;
    bottom: -86px;
    right: 0;
  }
  .post_list .s.exhibition .status.b {
    background-image: url(../images/status_b_02.png);
  }
  .post_list .s.exhibition .status.on {
    background-image: url(../images/status_on_02.png);
  }
  .post_list .s.exhibition .status.e {
    background-image: url(../images/status_e_02.png);
  }
  .post_list .s.music .status.b {
    background-image: url(../images/status_b_02.png);
  }
  .post_list .s.music .status.on {
    background-image: url(../images/status_on_02.png);
  }
  .post_list .s.music .status.e {
    background-image: url(../images/status_e_02.png);
  }
  .post_list .s.others .status.b {
    background-image: url(../images/status_b_02.png);
  }
  .post_list .s.others .status.on {
    background-image: url(../images/status_on_02.png);
  }
  .post_list .s.others .status.e {
    background-image: url(../images/status_e_02.png);
  }
  .post_list .s.movie .status.b {
    background-image: url(../images/status_b_01.png);
  }
  .post_list .s.movie .status.on {
    background-image: url(../images/status_on_01.png);
  }
  .post_list .s.movie .status.e {
    background-image: url(../images/status_e_01.png);
  }
  .post_list .s.stage .status.b {
    background-image: url(../images/status_b_03.png);
  }
  .post_list .s.stage .status.on {
    background-image: url(../images/status_on_03.png);
  }
  .post_list .s.stage .status.e {
    background-image: url(../images/status_e_03.png);
  }
  .post_list .s.food2 .status.b {
    background-image: url(../images/status_b_02.png);
  }
  .post_list .s.food2 .status.on {
    background-image: url(../images/status_on_02.png);
  }
  .post_list .s.food2 .status.e {
    background-image: url(../images/status_e_02.png);
  }
  .post_list .s.exhibition .post:before {
    background-color: #ff7677;
  }
  .post_list .s.movie .post:before {
    background-color: #499996;
  }
  .post_list .s.stage .post:before {
    background-color: #db7d59;
  }
  .post_list .s.music .post:before {
    background-color: #6490e8;
  }
  .post_list .s.food .post:before {
    background-color: #ffe875;
  }
  .post_list .s.food2 .post:before {
    background-color: #ffe875;
  }
  .post_list .s.others .post:before {
    background-color: #d38dd2;
  }
  .post_list .s.others2 .post:before {
    background-color: #d38dd2;
  }
  .post_list .s.exhibition .tag {
    background-image: url(../images/tag_exhibition.png);
  }
  .post_list .s.movie .tag {
    background-image: url(../images/tag_movie.png);
  }
  .post_list .s.stage .tag {
    background-image: url(../images/tag_stage.png);
  }
  .post_list .s.music .tag {
    background-image: url(../images/tag_music.png);
  }
  .post_list .s.food .tag {
    background-image: url(../images/tag_food.png);
  }
  .post_list .s.food2 .tag {
    background-image: url(../images/tag_food.png);
  }
  .post_list .s.others .tag {
    background-image: url(../images/tag_others.png);
  }
  .post_list .s.others2 .tag {
    background-image: url(../images/tag_others.png);
  }
  .post_list .s a h4 {
    transition: color 0.1s ease, background-color 0.1s ease;
  }
  .post_list .s a .bg_inner {
    transition: transform 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .is_pc .post_list .s a:hover .ph .bg_inner, .is_sp .post_list .s a.touch .ph .bg_inner {
    transform: scale(1.05);
  }
  .is_pc .post_list .s a:hover h4 {
    color: #fff;
  }
  .is_pc .post_list .s.exhibition a:hover h4 {
    background-color: rgba(255, 118, 119, 1);
  }
  .is_pc .post_list .s.movie a:hover h4 {
    background-color: rgba(73, 153, 150, 1);
  }
  .is_pc .post_list .s.stage a:hover h4 {
    background-color: rgba(219, 125, 89, 1);
  }
  .is_pc .post_list .s.music a:hover h4 {
    background-color: rgba(100, 144, 232, 1);
  }
  .is_pc .post_list .s.food a:hover h4 {
    background-color: rgba(255, 232, 117, 1);
  }
  .is_pc .post_list .s.food2 a:hover h4 {
    background-color: rgba(255, 232, 117, 1);
  }
  .is_pc .post_list .s.others a:hover h4 {
    background-color: rgba(211, 141, 210, 1);
  }
  .is_pc .post_list .s.others2 a:hover h4 {
    background-color: rgba(211, 141, 210, 1);
  }
  .is_sp .post_list .s.exhibition a.touch h4 {
    background-color: rgba(255, 118, 119, 1);
  }
  .is_sp .post_list .s.movie a.touch h4 {
    background-color: rgba(73, 153, 150, 1);
  }
  .is_sp .post_list .s.stage a.touch h4 {
    background-color: rgba(219, 125, 89, 1);
  }
  .is_sp .post_list .s.music a.touch h4 {
    background-color: rgba(100, 144, 232, 1);
  }
  .is_sp .post_list .s.food a.touch h4 {
    background-color: rgba(255, 232, 117, 1);
  }
  .is_sp .post_list .s.food2 a.touch h4 {
    background-color: rgba(255, 232, 117, 1);
  }
  .is_sp .post_list .s.others a.touch h4 {
    background-color: rgba(211, 141, 210, 1);
  }
  .is_sp .post_list .s.others2 a.touch h4 {
    background-color: rgba(211, 141, 210, 1);
  }
  .post_list .s .ico {
    transition: transform;
    transition-duration: 1s;
  }
}
/* -------------------------------------------------- */
@media screen and (min-width: 1440px) {
  /* --------------------------------------------------
   * 
   header
   *
   -------------------------------------------------- */
  main {
    padding-top: 135px;
  }
  .lv main {
    padding-top: 80px;
  }
  header {
    width: 100%;
    height: 9.375vw !important;
    min-height: 98.4375px !important;
    max-height: 135px !important;
    background-color: #fff;
    display: flex;
    align-items: flex-end;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 10;
    transition: height, min-height, max-height;
    transition-duration: 0.25s;
  }
  .h_nav header, .lv header {
    height: 5.55556vw !important;
    min-height: 58.33333px !important;
    max-height: 80px !important;
  }
  header .head_inner {
    width: 100vw !important;
    min-width: 1050px !important;
    max-width: 1440px !important;
    display: flex;
    align-items: flex-end;
    margin: 0 auto;
  }
  header h1 {
    margin-right: 65px;
    margin-left: 120px;
    margin-bottom: 23px;
    transition: margin 0.25s ease;
  }
  .h_nav header h1, .lv header h1 {
    margin-bottom: 15px;
  }
  header h1 img {
    width: 20.69444vw !important;
    min-width: 217.29167px !important;
    max-width: 298px !important;
    transition: width, min-width, max-width;
    transition-duration: 0.25s;
  }
  .h_nav header h1 img, .lv header h1 img {
    width: 11.8254vw !important;
    min-width: 124.16667px !important;
    max-width: 170.28571px !important;
  }
  header nav {
    padding-bottom: 25px;
    transition: padding 0.25s ease;
  }
  .h_nav header nav, .lv header nav {
    padding-bottom: 18px;
  }
  header nav ul {
    display: flex;
    align-items: center;
  }
  header nav ul li {
    margin-right: 60px;
  }
  header nav ul li img {
    width: auto;
  }
  header nav ul li.about img {
    height: 0.97222vw !important;
    min-height: 10.20833px !important;
    max-height: 14px !important;
  }
  header nav ul li.access img {
    height: 0.76389vw !important;
    min-height: 8.02083px !important;
    max-height: 11px !important;
  }
  header nav ul li.qa img {
    height: 0.97222vw !important;
    min-height: 10.20833px !important;
    max-height: 14px !important;
  }
  header nav ul li.recommend img {
    height: 0.97222vw !important;
    min-height: 10.20833px !important;
    max-height: 14px !important;
  }
  header nav ul li.shop img {
    height: 0.97222vw !important;
    min-height: 10.20833px !important;
    max-height: 14px !important;
  }
  header nav ul li a {
    display: block;
    position: relative;
  }
  header nav ul li a:before {
    content: '';
    width: 0;
    height: 0.69444vw !important;
    min-height: 7.29167px !important;
    max-height: 10px !important;
    background-color: #f8ff7f;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
    transition: width 0.2s ease;
  }
  .is_pc header nav ul li a:hover:before, .is_sp header nav ul li a.touch:before {
    width: 100%;
  }
  header nav ul .current a:before {
    width: 100% !important;
  }
  header .sns {
    position: absolute;
    bottom: 25px;
    right: 30px;
  }
  header .sns ul {
    display: flex;
    align-content: flex-end;
  }
  header .sns ul li img {
    width: auto;
    transition: transform 0.2s ease;
  }
  header .sns ul li.tw {
    margin-right: 20px;
  }
  header .sns ul li.tw img {
    height: 24px;
  }
  header .sns ul li.ig img {
    height: 28px;
  }
  .is_pc header .sns ul li a:hover img, .is_sp header .sns ul li a.touch img {
    transform: scale(1.15);
  }
}
/* -------------------------------------------------- */
@media screen and (min-width: 641px) and (max-width: 1050px) {
  /* --------------------------------------------------
   * 
   header
   *
   -------------------------------------------------- */
  main {
    padding-top: 98.4375px;
  }
  .lv main {
    padding-top: 58.33333px;
  }
  header {
    width: 100%;
    height: 9.375vw !important;
    min-height: 98.4375px !important;
    max-height: 135px !important;
    background-color: #fff;
    display: flex;
    align-items: flex-end;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 10;
    transition: height, min-height, max-height;
    transition-duration: 0.25s;
  }
  .h_nav header, .lv header {
    height: 5.55556vw !important;
    min-height: 58.33333px !important;
    max-height: 80px !important;
  }
  header .head_inner {
    width: 100vw !important;
    min-width: 1050px !important;
    max-width: 1440px !important;
    display: flex;
    align-items: flex-end;
    margin: 0 auto;
  }
  header h1 {
    margin-right: 47.39583px;
    margin-left: 87.5px;
    margin-bottom: 16.77083px;
    transition: margin 0.25s ease;
  }
  .h_nav header h1, .lv header h1 {
    margin-bottom: 10.9375px;
  }
  header h1 img {
    width: 20.69444vw !important;
    min-width: 217.29167px !important;
    max-width: 298px !important;
    transition: width, min-width, max-width;
    transition-duration: 0.25s;
  }
  .h_nav header h1 img, .lv header h1 img {
    width: 11.8254vw !important;
    min-width: 124.16667px !important;
    max-width: 170.28571px !important;
  }
  header nav {
    padding-bottom: 18.22917px;
    transition: padding 0.25s ease;
  }
  .h_nav header nav, .lv header nav {
    padding-bottom: 13.125px;
  }
  header nav ul {
    display: flex;
    align-items: center;
  }
  header nav ul li {
    margin-right: 43.75px;
  }
  header nav ul li img {
    width: auto;
  }
  header nav ul li.about img {
    height: 0.97222vw !important;
    min-height: 10.20833px !important;
    max-height: 14px !important;
  }
  header nav ul li.access img {
    height: 0.76389vw !important;
    min-height: 8.02083px !important;
    max-height: 11px !important;
  }
  header nav ul li.qa img {
    height: 0.97222vw !important;
    min-height: 10.20833px !important;
    max-height: 14px !important;
  }
  header nav ul li.recommend img {
    height: 0.97222vw !important;
    min-height: 10.20833px !important;
    max-height: 14px !important;
  }
  header nav ul li.shop img {
    height: 0.97222vw !important;
    min-height: 10.20833px !important;
    max-height: 14px !important;
  }
  header nav ul li a {
    display: block;
    position: relative;
  }
  header nav ul li a:before {
    content: '';
    width: 0;
    height: 0.69444vw !important;
    min-height: 7.29167px !important;
    max-height: 10px !important;
    background-color: #f8ff7f;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
    transition: width 0.2s ease;
  }
  .is_pc header nav ul li a:hover:before, .is_sp header nav ul li a.touch:before {
    width: 100%;
  }
  header nav ul .current a:before {
    width: 100% !important;
  }
  header .sns {
    position: absolute;
    bottom: 18.22917px;
    right: 21.875px;
  }
  header .sns ul {
    display: flex;
    align-content: flex-end;
  }
  header .sns ul li img {
    width: auto;
    transition: transform 0.2s ease;
  }
  header .sns ul li.tw {
    margin-right: 14.58333px;
  }
  header .sns ul li.tw img {
    height: 17.5px;
  }
  header .sns ul li.ig img {
    height: 20.41667px;
  }
  .is_pc header .sns ul li a:hover img, .is_sp header .sns ul li a.touch img {
    transform: scale(1.15);
  }
}
/* -------------------------------------------------- */
/*------------------------------------------------------------------------------------------
 *
 *
 home_pc.css
 *
 *
 ------------------------------------------------------------------------------------------ */
#home .c_img {
  transform: translateY(100%) scaleX(1.2);
}
#home .c_img img {
  transition: transform 0s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#home #kv {
  transition: transform 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#home #kv .img {
  transform: translateY(100%) scaleX(1.2);
}
#home #kv .img img {
  transition: transform 0s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#home #kv .ico {
  opacity: 0;
}
#home #kv .copy {
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#home #kv .copy .c {
  opacity: 0;
  transform: translateX(0);
}
#home #kv .copy .d {
  opacity: 0;
  transform: translateX(0);
}
#home.load #kv .copy {
  transition: transform 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#home.load #kv .copy .c {
  opacity: 1;
  transform: translateY(0px);
  transition: opacity, transform;
  transition-duration: 0.45s;
  transition-delay: 0.45s;
}
#home.load #kv .copy .d {
  opacity: 1;
  transform: translateY(0px);
  transition: opacity, transform;
  transition-duration: 0.8s;
  transition-delay: 1.2s;
}
#home.load .c_img {
  transform: translateX(0px) scaleX(1);
  transition: transform 0.65s cubic-bezier(0.645, 0.045, 0.355, 1) 1.35s;
}
#home.load #kv .img {
  transform: translateX(0px) scaleX(1);
  transition: transform 0.65s cubic-bezier(0.645, 0.045, 0.355, 1) 1.35s;
}
#home.load #kv .ico {
  opacity: 1;
  transform: translateY(0px);
  transition: opacity, transform;
  transition-duration: 0.45s;
  transition-delay: 1.8s;
}
@media screen and (min-width: 641px) {
  /*------------------------------------------------------------------------------------------
   *
   *
   min-width : 751px
   *
   *
   ------------------------------------------------------------------------------------------ */
  #home .content_wrap {
    background-color: #fff;
    position: relative;
  }
  #home.isIE #kv {
    width: 100vw !important;
    position: absolute !important;
    height: 575px !important;
    overflow: hidden !important;
    top: 15.97222vw !important;
  }
  #home.isIE #kv .inner {
    overflow: hidden !important;
  }
  #home #kv {
    width: 100%;
    min-width: 1050px;
    height: 575px;
    overflow: hidden;
    background-image: url(../images/bg_d_b.png);
    background-size: 96px;
    background-position: left top;
    position: fixed;
    top: 9.72222vw;
    left: 0;
  }
  #home #kv .inner {
    width: 950px;
    margin: 0 auto;
    position: relative;
  }
  #home #kv .inner .copy {
    padding-top: 40px;
    padding-right: 175px;
    display: flex;
    justify-content: flex-start;
    flex-direction: row-reverse;
    position: relative;
    z-index: 3;
  }
  #home #kv .inner .copy .d {
    margin-top: 20px;
    margin-right: 60px;
  }
  #home #kv .inner .img {
    bottom: -123px;
    left: 60px;
    position: absolute;
    z-index: 2;
  }
  #home #kv .inner .parts {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
  }
  #home #kv .inner .parts p {
    width: 327px;
    height: 202px;
    position: absolute;
  }
  #home #kv .inner .parts p img {
    width: 100%;
  }
  #home #kv .inner .parts p:nth-child(1) {
    top: 140px;
    left: -265px;
  }
  #home #kv .inner .parts p:nth-child(2) {
    top: 345px;
    right: 160px;
  }
  #home #kv .inner .parts p:nth-child(3) {
    top: -83px;
    right: -50px;
  }
  #home #kv .inner .parts p:nth-child(4) {
    top: 40px;
    right: -370px;
  }
  #home #kv .inner .parts p:nth-child(1) {
    animation-name: cloud;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1.2s;
    animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  }
  #home #kv .inner .parts p:nth-child(2) {
    animation-name: cloud;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1.6s;
    animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  }
  #home #kv .inner .parts p:nth-child(3) {
    animation-name: cloud;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 2s;
    animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  }
  #home #kv .inner .parts p:nth-child(4) {
    animation-name: cloud;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1.2s;
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  #home #rec_posts {
    margin-top: 595px;
    padding: 45px 0;
    margin-bottom: 20px;
    background-color: #fff;
    background-image: url(../images/bg_d_g.png);
    background-size: 96px;
    background-position: left top;
    position: relative;
  }
  #home #rec_posts .btn_prev {
    width: 37px;
    height: 37px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    position: absolute;
    top: 50%;
    left: calc(50% - 477px);
    cursor: pointer;
    transform: translateY(-50%);
  }
  #home #rec_posts .btn_prev svg {
    width: 37px;
    height: 37px;
  }
  #home #rec_posts .btn_prev svg .rect {
    transition: fill 0.15s ease;
    fill: #fff;
  }
  .is_pc#home #rec_posts .btn_prev:hover .rect, .is_sp#home #rec_posts .btn_prev.touch .rect {
    fill: #f8ff7f;
  }
  #home #rec_posts .btn_next {
    width: 37px;
    height: 37px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    position: absolute;
    top: 50%;
    right: calc(50% - 477px);
    cursor: pointer;
    transform: translateY(-50%);
  }
  #home #rec_posts .btn_next svg {
    width: 37px;
    height: 37px;
  }
  #home #rec_posts .btn_next svg .rect {
    transition: fill 0.15s ease;
    fill: #fff;
  }
  .is_pc#home #rec_posts .btn_next:hover .rect, .is_sp#home #rec_posts .btn_next.touch .rect {
    fill: #f8ff7f;
  }
  #home #rec_posts .img_slider .s {
    margin: 0 20px !important;
  }
  #home #rec_posts .img_slider a {
    width: 800px;
    display: block;
    position: relative;
    background-color: #fff;
    border: 2px solid #1e1e1e;
    box-sizing: border-box;
    transition: background 0.15s ease;
  }
  .is_pc#home #rec_posts .img_slider a:hover, .is_sp#home #rec_posts .img_slider a.touch {
    background-color: rgba(248, 255, 127, .5);
  }
  #home #rec_posts .img_slider .s_inner {
    box-sizing: border-box;
  }
  #home #rec_posts .img_slider .s_inner .tag {
    width: 139px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../images/home/parts_kv_ico.png);
    background-size: 139px;
    background-repeat: no-repeat;
    font-size: 15px;
    text-align: center;
    line-height: 1.2em;
    color: #000;
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: 2;
  }
  #home #rec_posts .img_slider .s_inner img {
    width: 800px;
    height: 450px;
  }
  #home #rec_posts .img_slider .s_inner h3 {
    padding: 25px 20px;
    display: block;
    font-size: 26px;
    line-height: 1.42308em;
    color: #1e1e1e;
    font-weight: bold;
  }
  #home #section_access {
    background-image: url(../images/bg_d_b.png);
    background-size: 96px;
    background-position: left top;
    margin-bottom: 20px;
  }
  #home #section_access .inner {
    width: 950px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
  }
  #home #section_access .inner .col_l {
    width: 400px;
    position: relative;
  }
  #home #section_access .inner .col_l h2 {
    margin-bottom: 180px;
  }
  #home #section_access .inner .col_l h2 img {
    width: 362px;
  }
  #home #section_access .inner .col_l .img {
    position: absolute;
    top: 105px;
    right: 0;
    z-index: 1;
  }
  #home #section_access .inner .col_l .img img {
    width: 416px;
  }
  #home #section_access .inner .col_l .info {
    padding-top: 65px;
    position: relative;
    z-index: 2;
  }
  #home #section_access .inner .col_l .info h3 {
    position: absolute;
    top: 0;
    left: -50px;
    z-index: 1;
  }
  #home #section_access .inner .col_l .info h3 img {
    width: 200px;
  }
  #home #section_access .inner .col_l .info dl {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
  }
  #home #section_access .inner .col_l .info dl dt {
    width: 100px;
    margin-bottom: 8px;
  }
  #home #section_access .inner .col_l .info dl dt span {
    font-size: 16px;
    letter-spacing: 0.06em;
    padding: 5px 0;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    background-color: #1e1e1e;
    color: #fff;
  }
  #home #section_access .inner .col_l .info dl dt.d1 span {
    min-width: 55px;
  }
  #home #section_access .inner .col_l .info dl dt.d2 span {
    min-width: 70px;
  }
  #home #section_access .inner .col_l .info dl dd {
    width: 300px;
    margin-bottom: 8px;
    font-size: 18px;
    letter-spacing: 0.04em;
    line-height: 1.22222em;
  }
  #home #section_access .inner .col_r {
    top: 70px;
    left: 400px;
    position: absolute;
  }
  #home #section_access .inner .col_r h3 {
    left: -25px;
    position: relative;
    z-index: 1;
  }
  #home #section_access .inner .col_r h3 img {
    width: 177px;
  }
  #home #section_access .inner .col_r #gmap {
    width: 552px;
    height: 382px;
    border: 2px solid #1e1e1e;
    position: relative;
    top: -50px;
    left: 0;
    z-index: 2;
  }
  #home #section_access .inner .col_r #gmap span {
    width: 552px;
    height: 382px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  #home #section_access .inner .col_r #gmap iframe {
    width: 552px;
    height: 382px;
  }
  #home #section_recommend {
    margin-bottom: 20px;
    padding-top: 50px;
    padding-bottom: 45px;
    background-image: url(../images/bg_d_g.png);
    background-size: 96px;
    background-position: left top;
  }
  #home #section_recommend .slick-dots {
    display: none !important;
  }
  #home #section_recommend h2 {
    width: 950px;
    margin: 0 auto;
    margin-bottom: 25px;
  }
  #home #section_recommend h2 img {
    width: 100%;
  }
  #home #section_recommend .inner {
    width: 950px;
    padding-top: 35px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #fff;
  }
  #home #section_recommend .inner .post_list .lv {
    display: flex !important;
    flex-wrap: wrap;
  }
  #home #section_recommend .inner .post_list .lv .s {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  #home #section_recommend .inner .post_list:before {
    content: '';
    width: 45px;
    height: 100%;
    display: block;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: -45px;
  }
  #home #section_recommend .inner .post_list:after {
    content: '';
    width: 45px;
    height: 100%;
    display: block;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: -28px;
  }
  #home #section_recommend .inner .post_list .btn_prev {
    width: 37px;
    height: 37px;
    background-repeat: no-repeat;
    background-color: #333;
    background-position: center;
    background-size: contain;
    display: block;
    position: absolute;
    top: 265px;
    left: -43px;
    cursor: pointer;
    z-index: 10;
  }
  #home #section_recommend .inner .post_list .btn_prev svg {
    width: 37px;
    height: 37px;
  }
  #home #section_recommend .inner .post_list .btn_prev svg .rect {
    transition: fill 0.15s ease;
    fill: #fff;
  }
  .is_pc#home #section_recommend .inner .post_list .btn_prev:hover .rect, .is_sp#home #section_recommend .inner .post_list .btn_prev.touch .rect {
    fill: #f8ff7f;
  }
  #home #section_recommend .inner .post_list .btn_next {
    width: 37px;
    height: 37px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    position: absolute;
    top: 265px;
    right: -27px;
    cursor: pointer;
    z-index: 10;
  }
  #home #section_recommend .inner .post_list .btn_next svg {
    width: 37px;
    height: 37px;
  }
  #home #section_recommend .inner .post_list .btn_next svg .rect {
    transition: fill 0.15s ease;
    fill: #fff;
  }
  .is_pc#home #section_recommend .inner .post_list .btn_next:hover .rect, .is_sp#home #section_recommend .inner .post_list .btn_next.touch .rect {
    fill: #f8ff7f;
  }
  #home #section_recommend .inner .post_list .btn_more {
    text-align: right;
    margin-bottom: 35px;
    margin-right: 20px;
  }
  #home #section_recommend .inner .post_list .btn_more svg {
    width: 212px;
    height: 28px;
  }
  #home #section_recommend .inner .post_list .btn_more svg .rect {
    fill: #d9f4ff;
    transition: fill 0.15s ease;
  }
  .is_pc#home #section_recommend .inner .post_list .btn_more a:hover .rect, .is_sp#home #section_recommend .inner .post_list .btn_more a.touch .rect {
    fill: #f8ff7f;
  }
  #home #section_recommend .inner .first ~ .btn_prev {
    display: none;
  }
  #home #section_recommend .inner .last ~ .btn_next {
    display: none;
  }
  #home #section_recommend .inner .slick-list .slick-track {
    transform: inherit !important;
  }
  #home #section_info {
    margin-bottom: 20px;
    overflow: hidden;
  }
  #home #section_info .inner {
    width: 950px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  #home #section_info .inner .shop {
    width: 560px;
    position: relative;
    padding: 45px 40px 45px 0;
    position: relative;
    margin-right: 20px;
  }
  #home #section_info .inner .shop:before {
    content: '';
    width: 500vw;
    height: 100%;
    background-image: url(../images/bg_d_g.png);
    background-size: 96px;
    background-position: left top;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
  }
  #home #section_info .inner .shop h2 {
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: left;
    position: relative;
    z-index: 2;
  }
  #home #section_info .inner .shop h2 img {
    width: 505px;
  }
  #home #section_info .inner .shop .posts {
    margin-bottom: 25px;
    border: 2px solid #1e1e1e;
    position: relative;
    background-color: #fff;
    z-index: 2;
    transition: background 0.15s ease;
  }
  .is_pc#home #section_info .inner .shop .posts:hover, .is_pc#home #section_info .inner .shop .posts.touch {
    background-color: rgba(248, 255, 127, .5);
  }
  #home #section_info .inner .shop .posts .ph {
    width: 530px;
    height: 380px;
  }
  #home #section_info .inner .shop .posts .desc_inner {
    min-height: 185px;
    color: #1e1e1e;
    padding: 20px 30px;
    box-sizing: border-box;
  }
  #home #section_info .inner .shop .posts .desc_inner h3 {
    margin-bottom: 10px;
    font-size: 22px;
    font-family: 'Koburina Gothic W6 JIS2004' !important;
    letter-spacing: 0.04em;
    line-height: 1.36364em;
  }
  #home #section_info .inner .shop .posts .desc_inner p {
    font-size: 18px;
    line-height: 1.33333em;
    letter-spacing: 0.04em;
  }
  #home #section_info .inner .shop .btn_more {
    text-align: right;
    position: relative;
    z-index: 2;
  }
  #home #section_info .inner .shop .btn_more svg {
    width: 176px;
    height: 28px;
  }
  #home #section_info .inner .shop .btn_more .rect {
    fill: #d9f4ff;
    transition: fill 0.15s ease;
  }
  .is_pc#home #section_info .inner .shop .btn_more a:hover .rect, .is_sp#home #section_info .inner .shop .btn_more a.touch .rect {
    fill: #f8ff7f;
  }
  #home #section_info .inner .tw {
    width: 375px;
    padding: 45px 30px;
    position: relative;
  }
  #home #section_info .inner .tw:before {
    content: '';
    width: 500vw;
    height: 100%;
    background-image: url(../images/bg_d_b.png);
    background-size: 96px;
    background-position: left top;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  #home #section_info .inner .tw h3 {
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
  }
  #home #section_info .inner .tw h3 img {
    width: 287px;
  }
  #home #section_info .inner .tw .desc {
    margin-bottom: 13px;
    padding-left: 60px;
    background-repeat: no-repeat;
    background-image: url(../images/ico_tw.svg);
    background-size: 31px;
    background-position: 10px bottom;
    position: relative;
    z-index: 2;
    white-space: nowrap;
  }
  #home #section_info .inner .tw .desc p {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.04em;
    line-height: 1.33333em;
  }
  #home #section_info .inner .tw .tw_widget {
    position: relative;
    z-index: 2;
    border: 2px solid #1e1e1e;
    border-bottom: none;
    line-height: 0;
  }
  #home #section_info .inner .tw .tw_widget:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #1e1e1e;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #home #section_hobonichiyobi {
    margin-bottom: 20px;
    padding: 45px 0;
    background-image: url(../images/bg_d_g.png);
    background-size: 96px;
    background-position: left top;
  }
  #home #section_hobonichiyobi .inner {
    width: 950px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  #home #section_hobonichiyobi .inner .col_l {
    width: 225px;
  }
  #home #section_hobonichiyobi .inner .col_l h3 {
    margin-bottom: 25px;
  }
  #home #section_hobonichiyobi .inner .col_l h3 img {
    width: 191px;
  }
  #home #section_hobonichiyobi .inner .col_l .btn_more img {
    width: 204px;
    transition: transform 0.2s ease;
  }
  .is_pc#home #section_hobonichiyobi .inner .col_l .btn_more a:hover img, .is_sp#home #section_hobonichiyobi .inner .col_l .btn_more a.touch img {
    transform: scale(1.05);
  }
  #home #section_hobonichiyobi .inner .col_r {
    width: 725px;
  }
  #home #section_hobonichiyobi .inner .col_r .post {
    border: 2px solid #1e1e1e;
    background-color: #fff;
    display: flex;
    transition: background 0.15s ease;
  }
  .is_pc#home #section_hobonichiyobi .inner .col_r .post:hover, .is_pc#home #section_hobonichiyobi .inner .col_r .post.touch {
    background-color: rgba(248, 255, 127, .5);
  }
  #home #section_hobonichiyobi .inner .col_r .post .ph {
    width: 448px;
    height: 252px;
    display: block;
  }
  #home #section_hobonichiyobi .inner .col_r .post .desc {
    padding: 25px;
    width: 282px;
    color: #1e1e1e;
    position: relative;
  }
  #home #section_hobonichiyobi .inner .col_r .post .desc h4 {
    font-size: 20px;
    line-height: 1.25em;
    font-weight: bold;
  }
  #home #section_hobonichiyobi .inner .col_r .post .desc p {
    font-size: 15px;
    padding-right: 20px;
    line-height: 1.13333em;
    letter-spacing: 0.04em;
    position: absolute;
    bottom: 15px;
  }
}
@media screen and (min-width: 1440px) {
  #home #kv {
    top: 140px;
  }
}
@media screen and (min-width: 641px) and (max-width: 1050px) {
  #home #kv {
    top: 102.08333px;
  }
}
/*------------------------------------------------------------------------------------------
 *
 *
 access_pc.css
 *
 *
 ------------------------------------------------------------------------------------------ */
#qa_body a {
  color: #f469db;
  border-bottom: 1px solid #fff;
  transition: border 0.15s ease;
}
.is_pc #qa_body a:hover, .is_sp #qa_body a.touch {
  border-bottom: 1px solid #f469db;
}
@media screen and (min-width: 641px) {
  /*------------------------------------------------------------------------------------------
   *
   *
   min-width : 751px
   *
   *
   ------------------------------------------------------------------------------------------ */
  #access #kv {
    height: 350px;
    margin-bottom: 150px;
    overflow: hidden;
    background-image: url(../images/bg_d_b.png);
    background-size: 96px;
    background-position: left top;
    position: relative;
  }
  #access #kv .inner {
    width: 740px;
    margin: 0 auto;
    position: relative;
  }
  #access #kv .inner h1 {
    margin-top: 52px;
  }
  #access #kv .inner h1 img {
    width: 740px;
  }
  #access #info_map {
    width: 650px;
    margin: 0 auto;
    margin-bottom: 50px;
    position: relative;
  }
  #access #info_map h3 {
    position: absolute;
    top: -100px;
    left: -45px;
  }
  #access #info_map h3 img {
    width: 235px;
  }
  #access #info_map #gmap {
    width: 650px;
    height: 470px;
    margin-bottom: 20px;
    border: 2px solid #1e1e1e;
    position: relative;
  }
  #access #info_map #gmap iframe {
    width: 650px;
    height: 470px;
  }
  #access #info_map #info h4 {
    margin-left: 5px;
  }
  #access #info_map #info h4 img {
    width: 245px;
  }
  #access #info_map #info dl {
    width: 400px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
    top: -30px;
    left: 70px;
  }
  #access #info_map #info dl dt {
    width: 100px;
    margin-bottom: 8px;
  }
  #access #info_map #info dl dt span {
    font-size: 16px;
    letter-spacing: 0.06em;
    padding: 5px 0;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    background-color: #1e1e1e;
    color: #fff;
  }
  #access #info_map #info dl dt.d1 span {
    min-width: 55px;
  }
  #access #info_map #info dl dt.d2 span {
    min-width: 70px;
  }
  #access #info_map #info dl dd {
    width: 300px;
    margin-bottom: 8px;
    font-size: 18px;
    letter-spacing: 0.04em;
    line-height: 1.22222em;
  }
  #access #qa #q_kv {
    height: 350px;
    overflow: hidden;
    background-image: url(../images/bg_d_b.png);
    background-size: 96px;
    background-position: left top;
    position: relative;
  }
  #access #qa #q_kv .inner {
    width: 740px;
    margin: 0 auto;
    position: relative;
  }
  #access #qa #q_kv .inner h1 {
    margin-top: 55px;
    margin-left: 90px;
  }
  #access #qa #q_kv .inner h1 img {
    width: 603px;
  }
  #access #qa nav {
    padding-top: 5px;
    margin-bottom: 10px;
  }
  #access #qa nav li {
    margin-bottom: 5px;
    position: relative;
  }
  #access #qa nav li span {
    width: 740px;
    padding-left: 220px;
    margin: 0 auto;
    display: block;
    background-image: url(../images/ico_arrow_r_s.svg);
    background-repeat: no-repeat;
    background-position: 200px center;
    background-size: 10px;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    transition: background 0.15s ease;
  }
  #access #qa nav li a {
    padding: 10px 0;
    display: block;
    font-size: 16px;
    color: #1e1e1e;
    font-weight: bold;
    background-image: url(../images/bg_d_y.png);
    background-size: 96px;
    background-position: left top;
    position: relative;
  }
  #access #qa nav li a:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    opacity: 1;
    background-color: #d9f4ff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: opacity 0.15s ease;
  }
  .is_pc#access #qa nav li a:hover:before, .is_sp#access #qa nav li a.touch:before {
    opacity: 0;
  }
  .is_pc#access #qa nav li a:hover span, .is_sp#access #qa nav li a.touch span {
    background-position: 205px center;
  }
  #access #qa #qa_body {
    width: 740px;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  #access #qa #qa_body h3 {
    width: 100%;
    height: 65px;
    padding-top: 8px;
    background-image: url(../images/bg_d_y.png);
    display: flex;
    align-items: center;
    background-size: 96px;
    background-position: left top;
    font-weight: bold;
    font-size: 25px;
    letter-spacing: 0.02em;
    box-sizing: border-box;
    padding-left: 150px;
  }
  #access #qa #qa_body ul {
    margin-bottom: 5px;
  }
  #access #qa #qa_body li {
    margin-top: 5px;
  }
  #access #qa #qa_body li h4 {
    padding: 15px 80px 15px 150px;
    display: flex;
    align-items: center;
    background-image: url(../images/parts_q.svg);
    background-repeat: no-repeat;
    background-position: 105px 14px;
    background-size: 26px;
    background-color: #f0f0f0;
    font-size: 16px;
    line-height: 1.25em;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    transition: background 0.15s ease;
  }
  #access #qa #qa_body li h4:after {
    content: '';
    display: block;
    width: 18px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/ico_arrow_d.svg);
    background-size: contain;
    position: absolute;
    top: 18px;
    right: 25px;
    transition: transform 0.15s ease;
  }
  .is_pc#access #qa #qa_body li h4:hover, .is_sp#access #qa #qa_body li h4.touch {
    background-color: #ddd;
  }
  #access #qa #qa_body li h4.on:after {
    transform: rotateX(-180deg);
  }
  #access #qa #qa_body li .ans {
    display: none;
    padding: 10px 0 30px 0;
    padding-left: 150px;
    background-repeat: no-repeat;
    background-image: url(../images/parts_a.svg);
    background-position: 105px 18px;
    background-size: 25px;
  }
  #access #qa #qa_body li .ans p {
    font-size: 16px;
    line-height: 2.3125em;
    margin-bottom: 1.5em;
  }
}
/*------------------------------------------------------------------------------------------
 *
 *
 about_pc.css
 *
 *
 ------------------------------------------------------------------------------------------ */
@media screen and (min-width: 641px) {
  /*------------------------------------------------------------------------------------------
   *
   *
   min-width : 751px
   *
   *
   ------------------------------------------------------------------------------------------ */
  #about #kv {
    height: 350px;
    margin-bottom: 50px;
    overflow: hidden;
    background-image: url(../images/bg_d_b.png);
    background-size: 96px;
    background-position: left top;
    position: relative;
  }
  #about #kv .inner {
    width: 740px;
    margin: 0 auto;
    position: relative;
  }
  #about #kv .inner h1 {
    margin-top: 82px;
  }
  #about #kv .inner h1 img {
    width: 613px;
  }
  #about #about_body .inner {
    width: 740px;
    margin: 0 auto;
  }
  #about #about_body .desc {
    margin-bottom: 70px;
    padding-left: 130px;
  }
  #about #about_body .desc p {
    margin-bottom: 2em;
    font-size: 18px;
    line-height: 1.77778em;
  }
  #about #about_body .desc p:last-child {
    margin-bottom: 0px;
  }
  #about #about_body .desc p a {
    color: #f469db;
    border-bottom: 1px solid transparent;
    transition: border;
    transition-duration: 0.15s;
  }
  .is_pc#about #about_body .desc p a:hover, .is_sp#about #about_body .desc p a.touch {
    border-bottom: 1px solid #f469db;
  }
  #about #about_body h3 {
    padding-left: 60px;
    margin-bottom: 30px;
  }
  #about #about_body h3.l {
    padding-left: 0px;
  }
  #about #about_body h3 img {
    width: auto;
    height: 124px;
  }
  #about #about_body h3.h img {
    height: 146px;
  }
  #about #about_body .pic {
    text-align: center;
    margin-bottom: 70px;
  }
  #about #about_body .pic img {
    width: 100%;
  }
  #about #about_body .pic.logo_culturen img {
    width: 491px;
  }
  #about #about_body .pic.logo_hobonichiyobi {
    margin-bottom: 30px;
  }
  #about #about_body .pic.logo_hobonichiyobi img {
    width: 491px;
  }
  #about #about_body .pic.logo_tobichi {
    margin-bottom: 30px;
  }
  #about #about_body .pic.logo_tobichi img {
    width: 360px;
  }
  #about #about_body .btn_culturen {
    width: 488px;
    margin: 0 auto;
    margin-bottom: 80px;
  }
  #about #about_body .btn_culturen a {
    display: block;
  }
  #about #about_body .btn_culturen a img {
    width: 100%;
    transition: opacity;
    transition-duration: 0.15s;
  }
  .is_pc#about #about_body .btn_culturen a:hover img, .is_sp#about #about_body .btn_culturen a.touch img {
    opacity: 0.7;
  }
  #about #about_body .btn {
    text-align: center;
    margin-top: -20px;
    margin-left: -130px;
  }
  #about #about_body .btn a {
    display: inline-block;
    border: none !important;
    transition: opacity;
    transition-duration: 0.15s;
  }
  #about #about_body .btn a img {
    width: auto;
    height: 26px;
  }
  .is_pc#about #about_body .btn a:hover img, .is_sp#about #about_body .btn a.touch img {
    opacity: 0.7;
  }
  #about #section_access {
    background-image: url(../images/bg_d_b.png);
    background-size: 96px;
    background-position: left top;
    margin-bottom: 20px;
  }
  #about #section_access .inner {
    width: 950px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
  }
  #about #section_access .inner .col_l {
    width: 400px;
    position: relative;
  }
  #about #section_access .inner .col_l h2 {
    margin-bottom: 180px;
  }
  #about #section_access .inner .col_l h2 img {
    width: 362px;
  }
  #about #section_access .inner .col_l .img {
    position: absolute;
    top: 105px;
    right: 0;
    z-index: 1;
  }
  #about #section_access .inner .col_l .img img {
    width: 416px;
  }
  #about #section_access .inner .col_l .info {
    padding-top: 65px;
    position: relative;
    z-index: 2;
  }
  #about #section_access .inner .col_l .info h3 {
    position: absolute;
    top: 0;
    left: -50px;
    z-index: 1;
  }
  #about #section_access .inner .col_l .info h3 img {
    width: 200px;
  }
  #about #section_access .inner .col_l .info dl {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
  }
  #about #section_access .inner .col_l .info dl dt {
    width: 100px;
    margin-bottom: 8px;
  }
  #about #section_access .inner .col_l .info dl dt span {
    font-size: 16px;
    letter-spacing: 0.06em;
    padding: 5px 0;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    background-color: #1e1e1e;
    color: #fff;
  }
  #about #section_access .inner .col_l .info dl dt.d1 span {
    min-width: 55px;
  }
  #about #section_access .inner .col_l .info dl dt.d2 span {
    min-width: 70px;
  }
  #about #section_access .inner .col_l .info dl dd {
    width: 300px;
    margin-bottom: 8px;
    font-size: 18px;
    letter-spacing: 0.04em;
    line-height: 1.22222em;
  }
  #about #section_access .inner .col_r {
    top: 70px;
    left: 400px;
    height: 100% !important;
    position: absolute;
  }
  #about #section_access .inner .col_r h3 {
    left: -25px;
    position: relative;
    z-index: 1;
  }
  #about #section_access .inner .col_r h3 img {
    width: 177px;
  }
  #about #section_access .inner .col_r #gmap {
    width: 552px;
    height: 382px;
    border: 2px solid #1e1e1e;
    position: relative;
    top: -50px;
    left: 0;
    z-index: 2;
  }
  #about #section_access .inner .col_r #gmap span {
    width: 552px;
    height: 382px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  #about #section_access .inner .col_r #gmap iframe {
    width: 552px;
    height: 382px;
  }
}
/*------------------------------------------------------------------------------------------
 *
 *
 recommend_pc.css
 *
 *
 ------------------------------------------------------------------------------------------ */
#recommend #closed .post_list .s {
  display: none;
}
@media screen and (min-width: 641px) {
  /*------------------------------------------------------------------------------------------
   *
   *
   min-width : 641px
   *
   *
   ------------------------------------------------------------------------------------------ */
  #recommend .btn_more {
    padding-top: 90px;
    padding-bottom: 130px;
    text-align: center;
    position: relative;
    z-index: 10;
  }
  #recommend .btn_more svg {
    width: 176px;
    height: 28px;
  }
  #recommend .btn_more .rect {
    fill: #d9f4ff;
    transition: fill 0.15s ease;
  }
  .is_pc#recommend .btn_more a:hover .rect, .is_sp#recommend .btn_more a.touch .rect {
    fill: #f8ff7f;
  }
  #recommend #kv {
    height: 350px;
    overflow: hidden;
    background-image: url(../images/bg_d_g.png);
    background-size: 96px;
    background-position: left top;
    position: relative;
  }
  #recommend #kv .inner {
    width: 950px;
    margin: 0 auto;
    position: relative;
  }
  #recommend #kv .inner h1 {
    margin-top: 50px;
  }
  #recommend #kv .inner h1 img {
    width: 100%;
  }
  #recommend #rec_nav {
    padding: 10px 0;
    margin-bottom: 60px;
    background-image: url(../images/bg_d_all.png);
    background-size: 96px;
    background-position: left top;
  }
  #recommend #rec_nav .blank {
    display: none;
  }
  #recommend #rec_nav ul {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #recommend #rec_nav ul li {
    margin: 0 13px;
  }
  #recommend #rec_nav ul li a {
    display: block;
  }
  #recommend #rec_nav ul li a svg {
    width: 101px;
    height: 27px;
  }
  #recommend #rec_nav ul li a svg .rect {
    transition: fill 0.15s ease;
  }
  .is_pc#recommend #rec_nav ul li a:hover .rect {
    fill: #fff !important;
  }
  #recommend .exhibition #rec_nav {
    background-image: url(../images/bg_d_exhibition.png);
  }
  #recommend .movie #rec_nav {
    background-image: url(../images/bg_d_movie.png);
  }
  #recommend .stage #rec_nav {
    background-image: url(../images/bg_d_stage.png);
  }
  #recommend .music #rec_nav {
    background-image: url(../images/bg_d_music.png);
  }
  #recommend .food #rec_nav {
    background-image: url(../images/bg_d_food.png);
  }
  #recommend .food2 #rec_nav {
    background-image: url(../images/bg_d_food.png);
  }
  #recommend .others #rec_nav {
    background-image: url(../images/bg_d_others.png);
  }
  #recommend .others2 #rec_nav {
    background-image: url(../images/bg_d_others.png);
  }
  #recommend #in_session .inner {
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #fff;
  }
  #recommend #closed {
    margin-bottom: 20px;
    padding-top: 60px;
    background-image: url(../images/bg_d_g.png);
    background-size: 96px;
    background-position: left top;
  }
  #recommend #closed .head {
    width: 950px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 60px;
  }
  #recommend #closed .head img {
    width: 100%;
  }
  #recommend #closed.u {
    margin-top: -60px;
  }
  #recommend #closed .inner {
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
  }
}
/*------------------------------------------------------------------------------------------
 *
 *
 shop_pc.css
 *
 *
 ------------------------------------------------------------------------------------------ */
@media screen and (min-width: 641px) {
  /*------------------------------------------------------------------------------------------
   *
   *
   min-width : 751px
   *
   *
   ------------------------------------------------------------------------------------------ */
  #shop #kv {
    height: 350px;
    margin-bottom: 40px;
    overflow: hidden;
    background-image: url(../images/bg_d_g.png);
    background-size: 96px;
    background-position: left top;
    position: relative;
  }
  #shop #kv .inner {
    width: 810px;
    margin: 0 auto;
    position: relative;
  }
  #shop #kv .inner h1 {
    margin-top: 60px;
  }
  #shop #kv .inner h1 img {
    width: 819px;
  }
  #shop #exhibition_list {
    width: 740px;
    margin: 0 auto;
    margin-bottom: 55px;
  }
  #shop #exhibition_list ul li {
    margin-bottom: -2px;
    border: 2px solid #1e1e1e;
  }
  #shop #exhibition_list ul li .slider_wrap {
    position: relative;
  }
  #shop #exhibition_list ul li .slider_wrap .btn_prev {
    width: 37px;
    height: 37px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    position: absolute;
    top: 50%;
    left: -2px;
    cursor: pointer;
    transform: translateY(-50%);
  }
  #shop #exhibition_list ul li .slider_wrap .btn_prev svg {
    width: 37px;
    height: 37px;
  }
  #shop #exhibition_list ul li .slider_wrap .btn_prev svg .rect {
    transition: fill 0.15s ease;
    fill: #fff;
  }
  .is_pc#shop #exhibition_list ul li .slider_wrap .btn_prev:hover .rect, .is_sp#shop #exhibition_list ul li .slider_wrap .btn_prev.touch .rect {
    fill: #f8ff7f;
  }
  #shop #exhibition_list ul li .slider_wrap .btn_next {
    width: 37px;
    height: 37px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    position: absolute;
    top: 50%;
    right: -2px;
    cursor: pointer;
    transform: translateY(-50%);
  }
  #shop #exhibition_list ul li .slider_wrap .btn_next svg {
    width: 37px;
    height: 37px;
  }
  #shop #exhibition_list ul li .slider_wrap .btn_next svg .rect {
    transition: fill 0.15s ease;
    fill: #fff;
  }
  .is_pc#shop #exhibition_list ul li .slider_wrap .btn_next:hover .rect, .is_sp#shop #exhibition_list ul li .slider_wrap .btn_next.touch .rect {
    fill: #f8ff7f;
  }
  #shop #exhibition_list ul li .slider_wrap .img_slider .s {
    width: 740px;
    height: 527px;
  }
  #shop #exhibition_list ul li .desc_inner {
    margin-bottom: 10px;
    padding: 40px 125px;
  }
  #shop #exhibition_list ul li .desc_inner h2 {
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.3em;
  }
  #shop #exhibition_list ul li .desc_inner .desc p {
    font-size: 18px;
    line-height: 2.05556em;
    margin-bottom: 2em;
  }
  #shop #exhibition_list ul li .desc_inner .desc p:last-child {
    margin-bottom: 0;
  }
  #shop #exhibition_list ul li .desc_inner .desc p a {
    color: #f469db;
    border-bottom: 1px solid transparent;
    transition: border 0.15s ease;
  }
  .is_pc#shop #exhibition_list ul li .desc_inner .desc p a:hover, .is_sp#shop #exhibition_list ul li .desc_inner .desc p a.touch {
    border-bottom: 1px solid #f469db;
  }
  #shop #exhibition_list ul li .period {
    height: 70px;
    border-top: 2px solid #1e1e1e;
    display: flex;
    align-items: center;
  }
  #shop #exhibition_list ul li .period dl {
    padding-left: 45px;
    display: flex;
    align-items: center;
  }
  #shop #exhibition_list ul li .period dl dt span {
    display: block;
    width: 55px;
    padding: 4px 0 5px 0;
    margin-right: 25px;
    font-size: 16px;
    letter-spacing: 0.06em;
    text-align: center;
    border-radius: 5px;
    background-color: #1e1e1e;
    color: #fff;
  }
  #shop #exhibition_list ul li .period dl .date {
    margin-right: 20px;
    font-size: 18px;
    font-weight: bold;
  }
  #shop #exhibition_list ul li .period dl .notes {
    font-size: 15px;
    font-weight: bold;
  }
  #shop #section_access {
    background-image: url(../images/bg_d_b.png);
    background-size: 96px;
    background-position: left top;
    margin-bottom: 20px;
  }
  #shop #section_access .inner {
    width: 950px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
  }
  #shop #section_access .inner .col_l {
    width: 400px;
    position: relative;
  }
  #shop #section_access .inner .col_l h2 {
    margin-bottom: 180px;
  }
  #shop #section_access .inner .col_l h2 img {
    width: 362px;
  }
  #shop #section_access .inner .col_l .img {
    position: absolute;
    top: 105px;
    right: 0;
    z-index: 1;
  }
  #shop #section_access .inner .col_l .img img {
    width: 416px;
  }
  #shop #section_access .inner .col_l .info {
    padding-top: 65px;
    position: relative;
    z-index: 2;
  }
  #shop #section_access .inner .col_l .info h3 {
    position: absolute;
    top: 0;
    left: -50px;
    z-index: 1;
  }
  #shop #section_access .inner .col_l .info h3 img {
    width: 200px;
  }
  #shop #section_access .inner .col_l .info dl {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
  }
  #shop #section_access .inner .col_l .info dl dt {
    width: 100px;
    margin-bottom: 8px;
  }
  #shop #section_access .inner .col_l .info dl dt span {
    font-size: 16px;
    letter-spacing: 0.06em;
    padding: 5px 0;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    background-color: #1e1e1e;
    color: #fff;
  }
  #shop #section_access .inner .col_l .info dl dt.d1 span {
    min-width: 55px;
  }
  #shop #section_access .inner .col_l .info dl dt.d2 span {
    min-width: 70px;
  }
  #shop #section_access .inner .col_l .info dl dd {
    width: 300px;
    margin-bottom: 8px;
    font-size: 18px;
    letter-spacing: 0.04em;
    line-height: 1.22222em;
  }
  #shop #section_access .inner .col_r {
    top: 70px;
    left: 400px;
    height: 100% !important;
    position: absolute;
  }
  #shop #section_access .inner .col_r h3 {
    left: -25px;
    position: relative;
    z-index: 1;
  }
  #shop #section_access .inner .col_r h3 img {
    width: 177px;
  }
  #shop #section_access .inner .col_r #gmap {
    width: 552px;
    height: 382px;
    border: 2px solid #1e1e1e;
    position: relative;
    top: -50px;
    left: 0;
    z-index: 2;
  }
  #shop #section_access .inner .col_r #gmap span {
    width: 552px;
    height: 382px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  #shop #section_access .inner .col_r #gmap iframe {
    width: 552px;
    height: 382px;
  }
}
/*------------------------------------------------------------------------------------------
 *
 *
 single_pc.css
 *
 *
 ------------------------------------------------------------------------------------------ */
@media screen and (min-width: 641px) {
  /*------------------------------------------------------------------------------------------
   *
   *
   min-width : 751px
   *
   *
   ------------------------------------------------------------------------------------------ */
  #single #kv {
    height: 350px;
    overflow: hidden;
    background-image: url(../images/bg_d_g.png);
    background-size: 96px;
    background-position: left top;
    position: relative;
  }
  #single #kv .inner {
    width: 740px;
    height: 350px;
    margin: 0 auto;
    position: relative;
  }
  #single #kv .inner h1 {
    font-family: 'Koburina Gothic W6 JIS2004' !important;
    padding-top: 30px;
    font-size: 30px;
    line-height: 1.33333em;
  }
  #single #kv .inner .bg {
    position: absolute;
    bottom: -94px;
    right: 95px;
    z-index: 2;
  }
  #single #kv .inner .bg img {
    width: 700px;
  }
  #single .b_movie {
    background-color: #499996;
  }
  #single .b_exhibition {
    background-color: #ff7677;
  }
  #single .b_stage {
    background-color: #db7d59;
  }
  #single .b_music {
    background-color: #6490e8;
  }
  #single .b_food {
    background-color: #ffe875;
  }
  #single .b_food2 {
    background-color: #ffe875;
  }
  #single .b_others {
    background-color: #d38dd2;
  }
  #single .b_others2 {
    background-color: #d38dd2;
  }
  #single #genre {
    height: 50px;
    display: flex;
    align-items: center;
  }
  #single #genre .inner {
    width: 740px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #single #genre .inner .cat {
    font-size: 25px;
    letter-spacing: 0.1em;
  }
  #single #genre .inner .num {
    font-size: 25px;
    letter-spacing: 0.1em;
  }
  #single #speaker {
    padding: 20px 0;
    padding-left: 50px;
  }
  #single #speaker .inner {
    width: 740px;
    margin: 0 auto;
    display: flex;
    align-items: center;
  }
  #single #speaker .inner .col_l {
    width: 145px;
  }
  #single #speaker .inner .col_l .ico {
    width: 145px;
    height: 145px;
    border: 2px solid #1e1e1e;
    border-radius: 145px;
  }
  #single #speaker .inner .col_r {
    width: 370px;
    margin-left: 25px;
  }
  #single #speaker .inner .col_r h2 {
    margin-bottom: 15px;
    font-size: 30px;
    letter-spacing: 0.12em;
    line-height: 1.16667em;
  }
  #single #speaker .inner .col_r .name {
    font-size: 17px;
    letter-spacing: 0.16em;
  }
  #single #post_kv {
    width: 736px;
    height: 736px;
    margin: 0 auto;
    margin-bottom: 55px;
    position: relative;
  }
  #single #post_kv .ph {
    width: 740px;
    height: 740px;
    border: 2px solid #1e1e1e;
    box-sizing: border-box;
  }
  #single #post_kv .status {
    width: 32px;
    height: 80px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0px;
    right: -4px;
    z-index: 2;
  }
  #single #post_kv .status.e {
    height: 97px;
    top: 2px;
    right: -2px;
  }
  #single #post_kv.exhibition .status.b {
    background-image: url(../images/status_b_02.png);
  }
  #single #post_kv.exhibition .status.on {
    background-image: url(../images/status_on_02.png);
  }
  #single #post_kv.exhibition .status.e {
    background-image: url(../images/status_e_02.png);
  }
  #single #post_kv.music .status.b {
    background-image: url(../images/status_b_02.png);
  }
  #single #post_kv.music .status.on {
    background-image: url(../images/status_on_02.png);
  }
  #single #post_kv.music .status.e {
    background-image: url(../images/status_e_02.png);
  }
  #single #post_kv.others .status.b {
    background-image: url(../images/status_b_02.png);
  }
  #single #post_kv.others .status.on {
    background-image: url(../images/status_on_02.png);
  }
  #single #post_kv.others .status.e {
    background-image: url(../images/status_e_02.png);
  }
  #single #post_kv.movie .status.b {
    background-image: url(../images/status_b_01.png);
  }
  #single #post_kv.movie .status.on {
    background-image: url(../images/status_on_01.png);
  }
  #single #post_kv.movie .status.e {
    background-image: url(../images/status_e_01.png);
  }
  #single #post_kv.stage .status.b {
    background-image: url(../images/status_b_03.png);
  }
  #single #post_kv.stage .status.on {
    background-image: url(../images/status_on_03.png);
  }
  #single #post_kv.stage .status.e {
    background-image: url(../images/status_e_03.png);
  }
  #single #post_body .txt {
    width: 740px;
    margin: 0 auto;
    margin-bottom: 80px;
    padding-left: 130px;
    box-sizing: border-box;
  }
  #single #post_body .txt h3 {
    margin-bottom: 40px;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.3em;
  }
  #single #post_body .txt p + h3 {
    margin-top: 80px;
  }
  #single #post_body .txt p {
    margin-bottom: 2em;
    font-size: 18px;
    line-height: 2.05556em;
    color: #333;
  }
  #single #post_body .txt p a {
    color: #f469db;
    border-bottom: 1px solid transparent;
    transition: border 0.15s ease;
  }
  .is_pc#single #post_body .txt p a:hover, .is_pc#single #post_body .txt p a.touch {
    border-bottom: 1px solid #f469db;
  }
  #single #post_body .img {
    width: 650px;
    margin: 10px auto 60px auto;
  }
  #single #post_body .img img {
    width: 100%;
  }
  #single #post_body .img .caption {
    margin-top: 10px;
    display: block;
    text-align: right;
    font-size: 15px;
    line-height: 1.3em;
    color: #333;
  }
  #single #post_body .video {
    width: 650px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 60px;
  }
  #single #post_body .video iframe {
    width: 650px;
    height: 365.625px;
  }
  #single #post_body .talker {
    width: 740px;
    margin: 0 auto;
    margin-bottom: 40px;
    border: 2px solid #1e1e1e;
  }
  #single #post_body .talker h5 {
    padding: 5px 0;
    text-align: center;
    font-size: 16px;
    border-bottom: 2px solid #1e1e1e;
  }
  #single #post_body .talker ul {
    padding: 0 60px 0 75px;
    padding-top: 20px;
  }
  #single #post_body .talker ul li {
    display: flex;
    margin-bottom: 20px;
  }
  #single #post_body .talker ul li .col_l {
    width: 110px;
  }
  #single #post_body .talker ul li .col_l .ico {
    width: 67px;
    height: 67px;
    border: 2px solid #1e1e1e;
    border-radius: 67px;
  }
  #single #post_body .talker ul li .col_r {
    width: 500px;
  }
  #single #post_body .talker ul li .col_r .name {
    font-size: 14px;
    margin-bottom: 10px;
  }
  #single #post_body .talker ul li .col_r .desc {
    font-size: 14px;
    line-height: 1.18571em;
  }
  #single #post_body .talk {
    width: 740px;
    margin: 0 auto;
    padding: 40px 0;
  }
  #single #post_body .talk dl {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  #single #post_body .talk dl dt {
    width: 130px;
    padding-right: 30px;
    text-align: right;
    font-size: 18px;
    box-sizing: border-box;
    line-height: 2.11111em;
    color: #333;
    white-space: nowrap;
  }
  #single #post_body .talk dl.face dt {
    width: 130px;
    padding-right: 30px;
    text-align: center;
    font-size: 13px;
    box-sizing: border-box;
    line-height: 2.11111em;
    color: #333;
    white-space: nowrap;
  }
  #single #post_body .talk dl.face dt .ico {
    width: 54px;
    height: 54px;
    margin: 0 auto;
    border: 1px solid #1e1e1e;
    border-radius: 67px;
    display: block;
  }
  #single #post_body .talk dl dd {
    width: 610px;
    font-size: 18px;
    line-height: 2.11111em;
    margin-bottom: 2em;
    color: #333;
  }
  #single #post_body .talk dl dd + dd {
    padding-left: 130px;
  }
  #single #post_body .talk dl a {
    color: #f469db;
    border-bottom: 1px solid transparent;
    transition: border 0.15s ease;
  }
  .is_pc#single #post_body .talk dl a:hover, .is_pc#single #post_body .talk dl a.touch {
    border-bottom: 1px solid #f469db;
  }
  #single #post_info h3 {
    height: 50px;
    display: flex;
    align-items: center;
    font-size: 25px;
    letter-spacing: 0.02em;
  }
  #single #post_info h3 span {
    width: 740px;
    margin: 0 auto;
  }
  #single #post_info .inner {
    width: 740px;
    margin: 0 auto;
    padding-top: 30px;
  }
  #single #post_info .inner .ph {
    max-height: 600px;
    margin-bottom: 25px;
  }
  #single #post_info .inner .ph .bg_inner {
    background-size: contain;
  }
  #single #post_info .inner .ph img {
    width: 100%;
  }
  #single #post_info .inner a {
    color: #f469db;
    border-bottom: 1px solid #fff;
    transition: border 0.1s ease;
  }
  .is_pc#single #post_info .inner a:hover, .is_pc#single #post_info .inner a.touch {
    color: #f469db;
    border-bottom: 1px solid #f469db;
  }
  #single #post_info .inner .info_desc {
    margin-bottom: 55px;
    padding: 0 90px;
  }
  #single #post_info .inner .info_desc h4 {
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.28em;
  }
  #single #post_info .inner .info_desc .detail {
    font-size: 20px;
    line-height: 1.5em;
  }
  #single #post_info .inner .info_desc .detail p {
    margin-bottom: 1.5em;
  }
  #single #relation_1101 h3 {
    height: 50px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    font-size: 25px;
    letter-spacing: 0.02em;
  }
  #single #relation_1101 h3 span {
    width: 740px;
    margin: 0 auto;
  }
  #single #relation_1101 .inner {
    width: 740px;
    margin: 0 auto;
  }
  #single #relation_1101 .inner ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #single #relation_1101 .inner ul li {
    width: 350px;
    border: 2px solid #1e1e1e;
    margin-bottom: 40px;
  }
  #single #relation_1101 .inner ul li a {
    color: #1e1e1e;
  }
  #single #relation_1101 .inner ul li .ph {
    width: 100%;
    height: 200px;
    border-bottom: 2px solid #1e1e1e;
  }
  #single #relation_1101 .inner ul li .desc_inner {
    padding: 20px;
  }
  #single #relation_1101 .inner ul li .desc_inner p {
    font-size: 16px;
    line-height: 1.3em;
  }
  #single #relation_1101 .inner ul a {
    transition: color 0.1s ease;
  }
  #single #relation_1101 .inner ul a .bg_inner {
    transition: transform 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .is_pc#single #relation_1101 .inner ul a:hover, .is_sp#single #relation_1101 .inner ul a.touch {
    color: #f469db;
  }
  .is_pc#single #relation_1101 .inner ul a:hover .bg_inner, .is_sp#single #relation_1101 .inner ul a.touch .bg_inner {
    transform: scale(1.05);
  }
  #single #relation_post {
    margin-bottom: 20px;
  }
  #single #relation_post h3 {
    height: 50px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    font-size: 25px;
    letter-spacing: 0.02em;
  }
  #single #relation_post h3 span {
    width: 740px;
    margin: 0 auto;
  }
  #single #relation_post .inner {
    width: 720px;
    margin: 0 auto;
  }
  #single #relation_post .inner ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #single #relation_post .inner ul li {
    width: 100%;
    height: 205px;
    display: flex;
    border: 2px solid #1e1e1e;
    margin-bottom: 40px;
    box-sizing: border-box;
    position: relative;
  }
  #single #relation_post .inner ul li a {
    height: 100%;
    display: flex;
    color: #1e1e1e;
  }
  #single #relation_post .inner ul li .ph {
    width: 205px;
    height: 100%;
    border-right: 2px solid #1e1e1e;
    box-sizing: border-box;
  }
  #single #relation_post .inner ul li .desc_inner {
    width: 515px;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
  }
  #single #relation_post .inner ul li .desc_inner h4 {
    font-size: 27px;
    letter-spacing: 0.06em;
    line-height: 1.51852em;
    max-height: 2.8em;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #single #relation_post .inner ul li .desc_inner p {
    padding-right: 80px;
    font-size: 20px;
    line-height: 1.5em;
    letter-spacing: 0.16em;
  }
  #single #relation_post .inner ul li .ico {
    width: 106px;
    height: 106px;
    border: 2px solid #1e1e1e;
    border-radius: 106px;
    background-color: #fff;
    position: absolute;
    top: inherit;
    left: inherit;
    bottom: -20px;
    right: -20px;
    box-sizing: border-box;
  }
  #single #relation_post .inner ul li a {
    transition: color 0.1s ease;
  }
  #single #relation_post .inner ul li a .bg_inner {
    transition: transform 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .is_pc#single #relation_post .inner ul li a:hover, .is_sp#single #relation_post .inner ul li a.touch {
    color: #f469db;
  }
  .is_pc#single #relation_post .inner ul li a:hover .bg_inner, .is_sp#single #relation_post .inner ul li a.touch .bg_inner {
    transform: scale(1.05);
  }
}
.onResize * {
  transition: inherit !important;
}
.onResize *:before, .onResize *:after {
  transition: inherit !important;
}