@charset "UTF-8";

/**
 * トップページ
 */
#head-wrap { position: relative; top: 530px; z-index: 500; }
#head-wrap #headwrapper { height: 160px; border-bottom: 1px solid #dedfda; }
#head-wrap #gnavi { margin-top: 65px !important; float: right; }
#head-wrap #gnavi > li { position: relative; padding-bottom: 1em; }
#head-wrap #gnavi li { position: relative; font-weight: bold; }
#head-wrap #gnavi li a { font-weight: bold; display: inline-block; vertical-align: top; height: 100%; }
#head-wrap #gnavi li .sub-menu { opacity: 0; visibility: hidden; position: fixed; left: 0; width: 100%; background: rgba(255, 255, 255, 0.8); margin-top: 33px; transition: .5s; }
#head-wrap #gnavi li .sub { left: 0; width: 1180px; margin: 22px auto; transition: .5s; }
#head-wrap #gnavi .menu-item-has-children:hover { border-bottom: 4px solid #000; }
#head-wrap #gnavi li:hover .sub-menu { visibility: visible; opacity: 1; }
#head-wrap #gnavi li.menu-item-5833 { display: none; }
#head-wrap #gnavi li .contactlist { padding: 30px 5%; }
#head-wrap #gnavi li .sub-menu.contactlist li { width: 41%; height: 275px; }
#head-wrap #gnavi li .sub-menu.contactlist li p { text-align: center; }
#head-wrap #gnavi li .sub-menu.contactlist li .title { padding: 20px 0; background: #000; color: #fff; font-size: 23.96px; font-weight: bold; text-align: center; }
#head-wrap #gnavi li .sub-menu.contactlist li div { background: #fff; padding: 15px 0; height: 55%; }
#head-wrap #gnavi li .sub-menu.contactlist li div p { font-size: 15px; font-weight: normal; }
#head-wrap #gnavi li .sub-menu.contactlist li div p .bold { font-weight: bold; }
#head-wrap #gnavi li .sub-menu.contactlist li div p.nav_tel { color: #000; font-weight: bold; font-size: 35px; position: relative; background: url(../images/common/nav_tel.jpg); background-repeat: no-repeat; background-position: center left; width: 370px; margin: 0 auto; }
#head-wrap #gnavi li .sub-menu.contactlist li div .square { font-size: 12px; font-weight: bold; }
#head-wrap #gnavi li .sub-menu.contactlist li div .square span { border: 1px solid #000; padding: 0 5px; margin-right: 5px; }
#head-wrap #gnavi li .sub-menu.contactlist li div p.nav_mail { border: 1px solid #838383; border-radius: 9px; font-size: 17.71px; width: 50%; margin: 5px auto 17px; padding: 6px 0; position: relative; }
#head-wrap #gnavi li .sub-menu.contactlist li div p.nav_mail:before { content: url(../images/common/nav_mail.jpg); }
#head-wrap #gnavi li .sub-menu.contactlist li div p.nav_mail:after { content: ">"; position: absolute; right: 10px; }
#head-wrap #gnavi .sub-menu .menu-item { margin: 0 5px 20px 5px; }
#head-wrap #gnavi .sub-menu .menu-item a { position: relative; display: block; min-width: 212px; width: 100%; height: 100%; padding: 10px 23px; border: 1px solid #000; box-sizing: border-box; background: #fff; transition: .3s; }
#head-wrap #gnavi .sub-menu .menu-item a:after { position: absolute; right: 10px; top: 10px; content: ">"; }
#head-wrap #gnavi .sub-menu .menu-item a:hover { color: white; background: #212121; }
#pc-header .nin_tenecol { overflow: visible; }
#online-btn { position: absolute; top: -530px; margin-left: 1005px; }

/*slideshow*/
/*#main-visual { height: 590px; overflow: hidden; width: 100%; position: relative; top: 160px; }  top: 160px分をheightに追加  */
#main-visual {height: 530px;overflow: hidden;width: 100%;position: relative;top: 160px;}
#main_logo {display: none;}

#main_movie {
  margin:0 auto;
  height: 530px;
}

#main-visual.item_cat_rental{  /*height: 412px;*/}

#main-visual span { display: none; }
.index_main_mv {position: absolute;overflow: hidden;left: 0;top: 0;right: 0;bottom: 0; text-align: center; /* margin-left: -960px; *//* width: 1920px; */margin: auto;}
.tabSlide {/* width: 1920px; */height: 530px;position: relative;}
.tabSlide li {/* position: absolute; */display: none;height: 530px;}
.tabSlide li img {height: 100%;object-fit: cover;width: 100%;max-width: 1920px;   margin: 0 auto;}
.subSlide { width: 1920px; height: 350px; position: relative; }
.subSlide li { position: absolute; display: none; }
#library { padding-bottom: 0 !important; }
#library h2 { margin-top: 30px; }
#library-btn { text-align: right; }
#main_original { padding: 50px 0 40px; }
#main_original h2 { text-align: center; }
#news h2 { text-align: center; margin: 100px 0 20px; }
#news h2 img.rp { width: 114px; }
.pc { display: block; }
.pcpc { display: block; }
.smp { display: none; }
.mvmv { display: none; }
@media only screen and (max-width:766px) {
  .pc { display: none; }
  .pcpc { display: none; }
  .smp { display: block; }
  .mvmv { display: block; }
  #news h2 { margin-top: 30px !important; }
  #shops h2.smp img, #news h2.smp img { width: 97px; }
  #head-wrap { position: relative; top: 0px; z-index: 500; }
  #head-wrap #headwrapper { height: 160px; border-bottom: 1px solid #dedfda; }
  #head-wrap #gnavi.mt27 { margin-top: 65px !important; }
  #main-visual {height: 58vw;overflow: hidden;width: 100%;position: relative;top: 0;}
  #main_logo {display: none;}

  .index_main_mv {position: relative;overflow: hidden;/* left: 50%; *//* margin-left: -400px; */width: 100%;}
  .tabSlide {width: 100%;position: relative;height: 230px;}
  .tabSlide li { height: 233px; }
  .tabSlide li img {height: auto;max-width: 100%;width: auto;object-fit: initial;}
  .subSlide { width: 800px; position: relative; height: 167px; }
  #library h2 { margin-top: 50px !important; }
  #library-btn { text-align: right; }
  #main_original { padding: 0 2% 0; }
  #main_original h2 { padding: 55px 0 45px; }
  #bnrArea_onlineWrap { margin-bottom: 55px; }
  #index_section #linkArea { padding-bottom: 16px !important; }
}

/*  ranking  */
.popular_posts { display: flex; flex-wrap: wrap; }
.popular_posts article { overflow: hidden; width: 29%; margin-bottom: 20px; padding: 11px 2% 0px; border-left: 1px solid #cecece; }
.popular_posts article:nth-last-child(1) { border-right: 1px solid #cecece; }
.popular_posts article:nth-child(3n) { border-right: 1px solid #cecece; }
.popular_posts article h1 { margin: 18px 0 13px 0; font-size: 15px; font-weight: bold; }
.popular_posts article p { width: 100%; height: 260px; position: relative; }
.popular_posts article p img { text-align: center; position: absolute; top: -50%; bottom: -50%; right: -50%; left: -50%; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 260px; }
.more_popular_posts { display: none; }
.more_popular_posts_btn { text-align: center; }
.more_popular_posts_btn a { display: inline-block; border: 1px solid #acacac; border-radius: 6px; background: url(../images/icon_d_arrow.png) no-repeat left 10px center #fff; color: #000; padding: 3px 20px 3px 30px; transition: .3s; text-decoration: none; }
.more_popular_posts_btn a:hover { background: url(../images/icon_d_arrow.png) no-repeat left 10px center #acacac; color: #fff; }

/*  おすすめ記事（スマホ  */
@media only screen and (max-width:430px) {
  .popular_posts article { width: 100%; border: none !important; margin-bottom: 0; }
  .popular_posts article:nth-last-child(1) { border: none; }
  .popular_posts article p { width: 100%; }
  .popular_posts article h1 { margin: 0px 0 13px 0; font-size: 15px; font-weight: bold; }
}

/*  ランキング順位  */
.popular_posts_wrapper { counter-reset: wpp-ranking; }
.popular_posts article:before { content: counter(wpp-ranking, decimal); counter-increment: wpp-ranking; }
.popular_posts article { position: relative; list-style-type: none; }
.popular_posts article::before { content: counter(wpp-ranking, decimal); counter-increment: wpp-ranking; background: #ccc; color: #fff; font-size: 19px; line-height: 1; padding: 8px 12px; position: absolute; left: 30px; top: 20px; z-index: 1; border-radius: 20px; }
.popular_posts article img { margin: 0px 5px 10px 0px; }