body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
html { overflow-y: scroll; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ol, ul { list-style:none; }
fieldset, img { border:0; }
table { border-collapse: collapse; border-spacing:0; }
caption, th { text-align: left; }
a:focus { outline:none; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
body { background-image: url(../img/girl/girl_bg.jpg); background-repeat: no-repeat; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-color: #FFC49B; }
#container { position:relative; }
#left { position: absolute; top: 205px; left: 20px; width: 390px; }
div#tab-unit, h3.tab, h3.tab a, div.tab-target, div.tab-content, div.tab-content p { margin: 0; padding: 0; }
div#tab-unit { position: relative; width: 390px; height: 660px; }
h3.tab { position: absolute; top: -36px; }
h3.tab a { display: block; width: 130px; height:36px; box-sizing: border-box; cursor: default; cursor:pointer }
h3.tab a, div.tab-content { }
h3.tab a:link, h3.tab a:visited, h3.tab a:hover, h3.tab a:active, div.tab-content { }
div.tab-target { position: fixed; top: 0; width: 0; line-height: 0; visibility: hidden; }
div#tab-target-1 + div.tab-content h3.tab { z-index: 20; background-image: url(../img/girl/nav-01_o.gif); }
div#tab-target-2 + div.tab-content h3.tab { background-image: url(../img/girl/nav-02_o.gif); left: 130px; }
div#tab-target-3 + div.tab-content h3.tab { background-image: url(../img/girl/nav-03_o.gif); left: 260px; }
div#tab-target-1 + div.tab-content { z-index: 10; }
div#tab-target-1 + div.tab-content h3.tab a { }
div#tab-target-1:target + div.tab-content, div#tab-target-2:target + div.tab-content, div#tab-target-3:target + div.tab-content { z-index: 100; }
div#tab-target-1:target + div.tab-content h3.tab img, div#tab-target-2:target + div.tab-content h3.tab img, div#tab-target-3:target + div.tab-content h3.tab img { opacity: 0; }
div.tab-content { position: absolute; top: 36px; left: 0; width: 390px; height: 625px; box-sizing: border-box; border: 1px solid #000; }
#g_photo { display: block; margin: 1px 0 0 0; padding: 0px; float: left; height: 520px; width: 390px; }
.g_thum { display: block; margin: 2px 0 0 0; padding: 0px; float: left; width: 390px; height: 104px; overflow: hidden; }
.g_thum input, .g_thum img { display: block; border: 1px solid #000; width: 76px; float: left; margin-left:0px; }
#pre_girl { display: block; float: left; width: 390px; position: absolute; height: 46px; left: 0px; top: 676px; }
#prev a { background-image: url(../img/girl/btn_pre.gif); display: block; margin: 0px; padding: 5px 160px 5px 10px; float: left; height: 36px; width: 27px; background-repeat: no-repeat; }
#next a { background-image: url(../img/girl/btn_next.gif); display: block; margin: 0px; padding: 5px 8px 5px 160px; float: right; height: 36px; width: 27px; background-repeat: no-repeat; }
#nextgirl { margin: 0px; padding: 0px; float: right; height: 46px; width:195px; border: none; }
#prevgirl { margin: 0px; padding: 0px; float: left; height: 46px; width:195px; border: none; }
#prev img, #next img { margin: 0px; padding: 0px; height: 36px; width: 27px; }
#centerbox { position:absolute; top: 180px; left: 430px; width: 250px; }
#detail { display: block; width: 250px; float: left; height: 750px; position: absolute; }
#detail .name { font-size:182%; font-weight: bold; line-height: 2em; background-image: url(../img/girl/line01.gif); background-position: center bottom; background-repeat: no-repeat; display: block; position: relative; padding-top: 10px; }
#detail .name .shukkin {
    vertical-align: middle;
    position: absolute;
    left: 215px;
    top: 12px;
    width: 49px;
}
#detail .name .shukkin img{ text-align:right}
#detail .name .delivery {
 vertical-align: middle;
 position: absolute;
 left: 157px;
 top: 12px;
 width: 49px;
}
#detail .size { font-size:123.1%; font-weight: bold; line-height:1.4em; }
#detail .qa { width:250px; float:left; font-size:77%; margin-bottom: 10px; height: 120px; }
dl.qa { }
.qa dt { width: 8em; float: left; padding-bottom: 1px; clear: left; }
.qa dd { padding-left: 8.5em; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #ccc; }
#staff_comm { background-image: url(../img/girl/title_staff_comm.png); background-position: left top; padding-top: 40px; background-repeat: no-repeat; float: left; width: 250px; font-size:85%; }
.comm_inn { height: 200px; overflow-x: hidden; overflow-y: scroll; display: block; width: 250px; }
#movie {
    display: block;
    margin: 0 auto;
    position: absolute;
    width: 230px;
    height: 180px;
    left: 10px;
    bottom: 73px;
}
#movie a {
    position: absolute;
    top: 33px;
    left: -2px
}#rightbox { display: block; width: 162px; float: left; height: 705px; margin-left:15px; position: absolute; left: 680px; top: 180px; }
#bottom_content {
    position: absolute;
    top: 934px;
    left: 20px;
}
.schedule_wrap { display: block; float: left; width: 840px; padding: 0; margin-bottom: 56px; }
.schedule { width: 120px; float: left; text-align: center; height: 63px; line-height: 1.7em; font-size: 93%; font-weight: bold; }
.date { padding-top: 2px; padding-bottom: 0px; color: #000; }
.sun { color: #FF0000; }
.sat { color: #06C; }
.time { padding-top: 2px; padding-bottom: 0px; color: #333333; }
.course_wrap { display: block; float: left; padding: 0; width: 840px; margin-bottom: 63px; clear: left; }
.course { float: left; width: 93px; text-align: center; height: 30px; padding-top: 30px; }
.course02 { float: left; width: 105px; text-align: center; height: 30px; padding-top: 30px; }
.course_name { font-size: 10px; background-color: #CCFFCC; padding-top: 2px; padding-bottom: 2px; }
.op { padding-top: 1px; padding-bottom: 1px; }
.op_1 { color: #FF0000; }
.op_2 { color: #FF0066; }
.op_3 { color: #0099FF; }
.op_4 { color: #999999; }
#icon2 { float:left; width:250px; height: 29px; overflow: hidden; }
.city_kuchikomi
{position:absolute; left:880px;top:0}
/* メインスライダー */
.main-slider {
  width: 390px;
  margin: 0 auto;
  position: relative; /* 矢印配置のため */
}
.main-slider .swiper-slide img {
  width: 100%;
    height: 520px;
    object-fit: cover;
  display: block;
}

/* 矢印スタイル */

/* 前へ次への矢印カスタマイズ */
.main-slider .swiper-button-prev,
.main-slider .swiper-button-next {
  height: 50px;
  width: 50px;
}
/* 前へ次への矢印カスタマイズ */
.main-slider .swiper-button-prev::after,
.main-slider .swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 50px;
  margin: auto;
  width: 50px;
}
/* 前への矢印カスタマイズ */
.main-slider .swiper-button-prev::after {
  background-image:url("../img/profile/btn_prev.png")
}
/* 次への矢印カスタマイズ */
.main-slider .swiper-button-next::after {
  background-image:url("../img/profile/btn_next.png")
}
/* サムネイルスライダー */
.thumb-slider {
  width: 390px;
  margin: 0 auto 0;
}
.thumb-slider .swiper-slide {
  width: calc(20%); /* 最大5枚を横並び */
  cursor: pointer;
}
.thumb-slider .swiper-slide img {
  width: 100%;
  display: block;
    height: 106.2px;object-fit: cover;
  border: 1px solid transparent;
  transition: border 0.3s;box-sizing: border-box;
}
.thumb-slider .swiper-slide-thumb-active img {
  border-color: #000; /* 選択中のサムネイルを強調 */
}