@charset "UTF-8";
/* .common
================================================== */
.lout-breadcrumbs { border-bottom: 0; }

.mod-btn01 { max-width: 255px; margin: auto; }

.mod-btn01 + .mod-btn01 { margin-top: 10px; }

.mod-btn01 a { position: relative; display: block; padding: 10px 0; border-radius: 5px; border: 1px solid #333; background: #fff; text-align: center; text-decoration: none; font-weight: 600; font-size: 1.4rem; color: #333; }

.mod-btn01 a:after { position: absolute; content: ''; display: block; top: 50%; right: 5px; width: 0; height: 0; border: solid transparent; border-width: 5px 7px; border-left-color: #ff8f00; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.mod-btn01.isBlack a { background: #333; color: #fff; }

@media all and (min-width: 737px) { .mod-btn01 a { padding: 8px 0; }
  .mod-btn01 a:hover { opacity: .7; } }

@media all and (min-width: 737px) { .vrSec { width: 960px; margin: auto; } }

/* .vrHero
================================================== */
@-webkit-keyframes anime_slider_fade { 0% { visibility: visible;
    opacity: 0; }
  15% { opacity: 1; }
  33.3% { opacity: 1; }
  48.3% { opacity: 0; }
  100% { opacity: 0; } }
@keyframes anime_slider_fade { 0% { visibility: visible;
    opacity: 0; }
  15% { opacity: 1; }
  33.3% { opacity: 1; }
  48.3% { opacity: 0; }
  100% { opacity: 0; } }

.vrHero { position: relative; height: 460px; }

.vrHeroCopy { position: absolute; z-index: 1; top: 188px; left: 50%; width: 84.8%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border: 0; margin: 0; padding: 0; }

.vrHeroCopy:after { content: none; }

.vrHeroBg { position: absolute; }

.vrHeroBg01 { top: 0; right: 0; width: 81vw; height: 191px; }

.vrHeroBg02 { bottom: 0; left: 0; width: 53vw; height: 150px; }

.vrHeroItem { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat 50% 50% / cover; }

.vrHeroBg01 .vrHeroItem:nth-of-type(1) { background-image: url(/wordpress/wp-content/themes/ymt_juken_orgtheme/img/vr_modelhouse/mainimg01_01.jpg); }

.vrHeroBg02 .vrHeroItem:nth-of-type(1) { background-image: url(/wordpress/wp-content/themes/ymt_juken_orgtheme/img/vr_modelhouse/mainimg01_02.jpg); }

@media all and (min-width: 737px) { .vrHero { height: 720px; }
  .vrHeroCopy { top: 15%; left: 7.8vw; width: 30.5vw; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }
  .vrHeroBg01 { width: 59.8vw; height: 100%; }
  .vrHeroBg02 { left: 7.8vw; width: 24.4vw; height: 350px; } }

/* .vrAbout
================================================== */
@-webkit-keyframes loop_left_sp { 0% { background-position: 0 0; }
  100% { background-position: -1636px 0; } }
@keyframes loop_left_sp { 0% { background-position: 0 0; }
  100% { background-position: -1636px 0; } }

@-webkit-keyframes loop_right_sp { 0% { background-position: 0 0; }
  100% { background-position: 1636px 0; } }

@keyframes loop_right_sp { 0% { background-position: 0 0; }
  100% { background-position: 1636px 0; } }

@-webkit-keyframes loop_left_pc { 0% { background-position: 0 0; }
  100% { background-position: -3900px 0; } }

@keyframes loop_left_pc { 0% { background-position: 0 0; }
  100% { background-position: -3900px 0; } }

@-webkit-keyframes loop_right_pc { 0% { background-position: 0 0; }
  100% { background-position: 3900px 0; } }

@keyframes loop_right_pc { 0% { background-position: 0 0; }
  100% { background-position: 3900px 0; } }

.vrAbout { padding: 75px 0 50px; }

.vrAboutHead { margin: 0; padding: 0; border: 0; text-align: center; font-size: 2.5rem; letter-spacing: 0.1em; font-family: 'ヒラギノ明朝 ProN W3', Hiragino Mincho ProN, 游明朝, Yu Mincho, serif; }

.vrAboutHeadDot { position: relative; }

.vrAboutHeadDot:before { position: absolute; content: ''; display: block; top: -10px; left: 0; right: 0; height: 5px; background: url(/wordpress/wp-content/themes/ymt_juken_orgtheme/img/vr_modelhouse/bg_dot01.png) no-repeat 50% 50%/85px auto; }

.vrAboutTxt { margin: 30px 15px; font-size: 1.5rem; }

.vrAboutSlider { position: relative; width: 100%; height: 107px; background-repeat: repeat-x; background-size: auto 100%; }

.vrAboutSlider + .vrAboutSlider { margin-top: 25px; }

.vrAboutSliderImg { position: absolute; content: ''; display: block; top: 0; left: 0; right: 0; bottom: 0; }

.vrAboutSlider01 { background-image: url(/wordpress/wp-content/themes/ymt_juken_orgtheme/img/vr_modelhouse/bg_slider01.png); -webkit-animation: loop_left_sp 45s linear infinite; animation: loop_left_sp 45s linear infinite; }

.vrAboutSlider02 { background-image: url(/wordpress/wp-content/themes/ymt_juken_orgtheme/img/vr_modelhouse/bg_slider02.png); -webkit-animation: loop_right_sp 45s linear infinite; animation: loop_right_sp 45s linear infinite; }

@media all and (min-width: 737px) { .vrAbout { position: relative; padding: 140px 0 90px; }
  .vrAboutHead { font-size: 3.6rem; }
  .vrAboutHeadDot:before { height: 6px; background-size: 123px auto; }
  .vrAboutImg { position: absolute; z-index: -1; top: -160px; left: 50%; width: 880px; margin-left: 70px; }
  .vrAboutTxt { text-align: center; margin: 25px 0 70px; }
  .vrAboutSlider { height: 255px; }
  .vrAboutSlider01 { -webkit-animation: loop_left_pc 60s linear infinite; animation: loop_left_pc 60s linear infinite; }
  .vrAboutSlider02 { -webkit-animation: loop_right_pc 60s linear infinite; animation: loop_right_pc 60s linear infinite; }
  .vrAboutSlider + .vrAboutSlider { margin-top: 50px; } }

/* .vrSample
================================================== */
.vrSample { padding: 0 20px 40px; }

.vrSampleHead { margin: 0; text-align: center; border: 0; font-size: 2.5rem; font-family: 'ヒラギノ明朝 ProN W3', Hiragino Mincho ProN, 游明朝, Yu Mincho, serif; letter-spacing: 0.1em; }

@media (max-width: 320px) { .vrSampleHead { margin: 0 -15px; } }

.vrSampleTxt { margin-top: 0; }

.vrSampleVr .mod-movie { margin: 10px 0 0; }

@media all and (min-width: 737px) { .vrSample { padding: 0 0 80px; }
  .vrSampleHead { font-size: 3rem; }
  .vrSampleVr { width: 650px; height: 420px; margin: auto; }
  .vrSampleVr .mod-movie { margin-top: 30px; }
  .vrSampleVr iframe { width: 650px; height: 420px; }
  .vrSampleTxt { text-align: center; } }

/* .vrSearch
================================================== */
.vrSearch { padding: 0 20px; }

.vrSearchHead { margin: 0; padding: 0; border: 0; text-align: center; font-size: 2.5rem; letter-spacing: 0.1em; font-family: 'ヒラギノ明朝 ProN W3', Hiragino Mincho ProN, 游明朝, Yu Mincho, serif; }

@media (max-width: 320px) { .vrSearchHead { font-size: 2.3rem; } }

@media all and (min-width: 737px) { .vrSearch { padding: 0; }
  .vrSearchHead { font-size: 3.6rem; } }

/* .vrAnchor
---------------------------------------- */
.vrAnchor { margin-top: -20px; padding: 35px 25px 25px; background: rgba(252, 199, 0, 0.2); }

.vrAnchorList { list-style: none; margin: 0; padding: 0; }

@media all and (max-width: 736px) { .vrAnchorList li + li { margin-top: 10px; } }

.vrAnchorList a { position: relative; display: block; padding: 15px 0 25px; text-align: center; background: #fff; text-decoration: none; border: 1px solid #333; font-size: 1.5rem; font-weight: 600; color: #333; }

.vrAnchorList a:after { position: absolute; content: ''; display: block; bottom: 5px; left: 50%; width: 0; height: 0; border: 6px solid transparent; border-top-color: #888888; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

@media all and (min-width: 737px) { .vrAnchor { margin-top: -25px; padding: 65px 40px 50px; }
  .vrAnchorList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .vrAnchorList li { -ms-flex-preferred-size: 430px; flex-basis: 430px; }
  .vrAnchorList li a { padding: 22px 0 33px; font-size: 1.8rem; }
  .vrAnchorList li a:after { border-width: 7px; bottom: 8px; }
  .vrAnchorList li a:hover { opacity: .7; } }

/* .vrType
---------------------------------------- */
.vrTypeHead { margin: 60px 0 15px; padding: 0; color: #ff8f00; font-weight: 600; font-size: 1.8rem; border-bottom: 2px solid #ff8f00; }

.vrTypeTitle { padding: 0; border: 0; font-weight: 600; }

@media all and (max-width: 736px) { .vrTypeTitle { position: relative; padding-bottom: 10px; border-bottom: 1px solid #333; }
  .vrTypeTitle:after { width: 11px; height: 11px; content: ''; display: block; position: absolute; background: url(/wordpress/wp-content/themes/ymt_juken_orgtheme/img/common/icon_plus_black.png) no-repeat left top; top: 0; bottom: 0; right: 10px; margin: auto; }
  .vrTypeTitle.is-open:after { background-image: url(/wordpress/wp-content/themes/ymt_juken_orgtheme/img/common/icon_minus_black.png); } }

.vrTypeSet + .vrTypeSet { margin-top: 50px; }

.vrTypeList { padding: 0; }

.vrType .item { list-style: none; background: #f2f2f2; }

@media all and (max-width: 736px) { .vrType .item + .item { margin-top: 20px; } }

.vrType .itemVr { position: relative; overflow: hidden; }

.vrType .itemLink { position: relative; display: block; }

.vrType .itemLink:before, .vrType .itemLink:after { position: absolute; content: ''; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.vrType .itemLink:before { width: 50px; height: 50px; background: rgba(255, 255, 255, 0.8); border-radius: 50%; }

.vrType .itemLink:after { width: 0; height: 0; border: solid transparent; border-width: 10px 15px; border-left-color: #333; margin-left: 9px; }

.vrType .itemBox { padding: 15px 20px 25px; }

.vrType .itemArea { display: inline-block; margin: 0; padding: 2px 10px; background: #fff; font-size: 1.1rem; font-weight: 600; }

.vrType .itemName { margin: 5px 0 10px; font-size: 2rem; font-weight: 600; line-height: 1.5; }

@media all and (min-width: 737px) { .vrTypeHead { margin-top: 80px; margin-bottom: 35px; padding-bottom: 8px; font-size: 2.6rem; }
  .vrTypeTitle { margin-top: 35px; font-size: 2.2rem; }
  .vrTypeList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .vrType .item { -ms-flex-preferred-size: 300px; flex-basis: 300px; margin-right: 30px; }
  .vrType .item:nth-of-type(3n) { margin-right: 0; }
  .vrType .item:nth-of-type(n+4) { margin-top: 30px; }
  .vrType .itemVr { overflow: hidden; }
  .vrType .itemLink:hover { opacity: .8; }
  .vrType .item .mod-movie iframe { vertical-align: top; }
  .vrType .itemArea { padding: 2px 20px; font-size: 1.3rem; }
  .vrType .itemName { margin: 0 0 15px; font-size: 1.8rem; }
  .vrType .itemTxt { margin: 0 0 15px; } }

/* #nearest .tab-content
================================================== */
#nearest { /* https://www.yamatojk.co.jp/modelhouse 参考 */ }

#nearest .tab-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#nearest .tab-content input[type="radio"] { display: none; }

#nearest .tab-content label { -ms-flex-preferred-size: 22.5%; flex-basis: 22.5%; font-size: 1.6rem; padding: 6px 0; text-align: center; background: #ffe2be; color: #ff8f00; letter-spacing: .6em; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 1px solid #ffca0b; }

@media all and (max-width: 736px) { #nearest .prefList { display: none; } }

#nearest .tab-box section { display: none; }

#nearest #tab1:checked ~ #tab1_btn, #nearest #tab2:checked ~ #tab2_btn, #nearest #tab3:checked ~ #tab3_btn, #nearest #tab4:checked ~ #tab4_btn { background: #fff; color: #333; border-bottom: 1px solid #fff; }

#nearest #tab1:checked ~ .tab-box > #tabView1, #nearest #tab2:checked ~ .tab-box > #tabView2, #nearest #tab3:checked ~ .tab-box > #tabView3, #nearest #tab4:checked ~ .tab-box > #tabView4 { display: block; }

@media all and (min-width: 737px) { #nearest .tab-content label { -ms-flex-preferred-size: 23.6%; flex-basis: 23.6%; padding: 12px 0; font-size: 2.2rem; cursor: pointer; }
  #nearest .tab-content label:hover { opacity: .7; }
  #nearest .prefList { margin: 50px auto 20px; padding: 0; text-align: center; }
  #nearest .prefList li { list-style-type: none; width: 155px; text-align: center; display: inline-block; }
  #nearest .prefList li:last-child a { border-right: none; }
  #nearest .prefList li a { border-right: 1px solid #ffca0d; color: #333333; text-decoration: none; font-size: 1.6rem; display: block; -webkit-transition-duration: .5s; transition-duration: 0.5s; }
  #nearest .prefList li a:hover { opacity: 0.3; }
  #nearest .prefList li a:before { content: "\f107"; color: #ff8f00; font-family: 'FontAwesome'; padding-right: 10px; } }

/* #nearest .mod-customer-box
================================================== */
#nearest .mod-saleinlots-performance-section + .mod-saleinlots-performance-section { margin-top: 60px; }

#nearest .mod-customer-box { padding: 10px 10px 20px; border: 1px solid #ccc; }

#nearest .mod-customer-box:after { content: none; }

#nearest .mod-customer-box-content { margin-bottom: 0; }

#nearest .mod-customer-box-body { display: block; }

#nearest .modelHouseAllBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#nearest .modelHouseThumb { position: relative; -ms-flex-preferred-size: 50%; flex-basis: 50%; overflow: hidden; }

#nearest .modelHouseThumb.noLink { height: 128px; }

#nearest .modelHouseThumb img { position: absolute; z-index: 0; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: auto; }

#nearest .modelHouseLink { position: relative; display: block; height: 128px; }

#nearest .modelHouseLink:before, #nearest .modelHouseLink:after { z-index: 1; position: absolute; content: ''; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#nearest .modelHouseLink:before { width: 50px; height: 50px; background: rgba(255, 255, 255, 0.8); border-radius: 50%; }

#nearest .modelHouseLink:after { width: 0; height: 0; border: solid transparent; border-width: 10px 15px; border-left-color: #333; margin-left: 9px; }

#nearest .modelHouseRight { -ms-flex-preferred-size: 46%; flex-basis: 46%; padding-left: 4%; }

#nearest .mod-customer-box-body-family { padding: 0 0 5px; font-weight: bold; font-size: 1.8rem; border-bottom: 2px solid #ff8f00; }

#nearest .mod-customer-box-title { padding: 5px 0 0; }

#nearest .mod-customer-box-body-cats-list li { width: 33.3%; padding: 0 3px 6px; }

#nearest .modelHouseBtns { margin-top: 12px; }

@media all and (max-width: 736px) { #nearest .modelHouseBtns .mod-btn01 { margin: auto; }
  #nearest .modelHouseBtns .mod-btn01 + .mod-btn01 { margin-top: 10px; } }

@media all and (min-width: 737px) { #nearest .mod-saleinlots-performance-section { width: 960px; margin-top: 60px; }
  #nearest .mod-saleinlots-performance-section + .mod-saleinlots-performance-section { margin-top: 60px; }
  #nearest .tab-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #nearest .mod-customer-box { -ms-flex-preferred-size: 465px; flex-basis: 465px; width: 465px; padding: 0; border: 0; }
  #nearest .mod-customer-box:nth-of-type(odd) { margin-right: 30px; }
  #nearest .mod-customer-box:nth-of-type(n+3) { margin-top: 80px; }
  #nearest .modelHouseAllBox { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ccc; }
  #nearest .modelHouseThumb { -ms-flex-preferred-size: 270px; flex-basis: 270px; }
  #nearest .modelHouseThumb.noLink { height: 202px; }
  #nearest .modelHouseLink { height: 202px; }
  #nearest .modelHouseLink:hover { opacity: .8; }
  #nearest .modelHouseRight { -webkit-box-flex: 2; -ms-flex: 2 0 30%; flex: 2 0 30%; padding: 0 15px; box-sizing: border-box; }
  #nearest .modelHouseBtns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; }
  #nearest .modelHouseBtns .mod-btn01 { -ms-flex-preferred-size: calc(50% - 4px); flex-basis: calc(50% - 4px); } }