@charset 'Shift_JIS';
.clearfix:after {
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
    content: '.';
}
/* --------------------------------------- */
/* プロフィール画像 */
/* --------------------------------------- */
.box_item-photo {
    margin: 0 auto 10px;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-user-select: none;
    user-select: none;
    text-align: center;
}
/* --------------------------------------- */
/* メイン枠 */
/* --------------------------------------- */
.box_item-photo .main_photo {
    width: 100%;
    box-sizing: border-box;
}
.main_photo [class^='slide_'] {
    height: 100%;
}
.main_photo .prev {
    float: left;
}
.main_photo .next {
    float: right;
}
.box_item-photo .slide_center {
    position: relative;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #ccc;
}
/* --------------------------------------- */
/* メイン-サイド枠 */
/* --------------------------------------- */
.main_photo .slide_side {
    width: 40px;
    position: relative;
}
.main_photo .slide_side .pull {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 50%;
    top: -webkit-calc(50% - 17px);
    top: calc(50% - 17px);
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 100%;
    background-color: #ccc;
    background-image: url(/sp/st_img/cur_item-photo-25a19e850d14286a7eb72c97d7509b10.png);
    background-repeat: no-repeat;
    background-size: 74px 34px;
}
/* 前へ */
.main_photo .prev .pull {
    right: 8px;
    background-position: 0 0;
}
/* 次へ */
.main_photo .next .pull {
    left: 8px;
    background-position: -40px 0;
}
/* --------------------------------------- */
/* メイン-センター画像枠 */
/* --------------------------------------- */
.main_photo .list_photo-base {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    display: none;
    box-sizing: border-box;
}
.main_photo .list_photo-base:first-child {
    display: block;
}
.box_item-photo .image_frame-inner {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
/* メインの画像サイズ */
.main_photo .item-photo {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
/* リンク */
.main_photo .icon_zoom,
.main_photo .slide_side,
.box_item-photo .image_frame {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}
/* --------------------------------------- */
/* キャプション枠 */
/* --------------------------------------- */
.main_photo .txt_caption {
    width: 100%;
    padding: 4px 30px 4px 10px;
    font-size: 12px;
    position: absolute;
    z-index: 2;
    bottom: 0;
    box-sizing: border-box;
    text-align: left;
    background-color: rgba(255,255,255,0.9);
}
.main_photo .txt_caption:empty {
    display: none;
}
/* --------------------------------------- */
/* 拡大アイコン */
/* --------------------------------------- */
.main_photo .icon_zoom {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 3;
    right: 2px;
    bottom: 2px;
    display: block;
    text-indent: -9999px;
    background-image: url(/sp/st_img/lupe-bcd2d1594c05f681e11f9c8dd2629704.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 30px 30px;
}
/* --------------------------------------- */
/* サムネ枠 */
/* --------------------------------------- */
.thumb_list {
    margin-top: 2px;
}
.thumb_list-parts {
    width: 18%;
    width: calc(20% - 1px);
    margin-right: 1px;
    margin-bottom: 2px;
    float: left;
    box-sizing: border-box;
    cursor: pointer;
}
.thumb_list-parts:nth-child(5n) {
    margin-right: 0;
}
/* 中央揃え枠 */
.thumb_list-parts .h-center {
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
}
.thumb_list-parts .v-center {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
/* サムネの画像サイズ */
.thumb_list .item-photo {
    width: 101%;
}
/* --------------------------------------- */
/* ３：４枠 */
/* --------------------------------------- */
.thumb_list .image_frame {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
}
.thumb_list .image_frame:before {
    padding-top: 100%;
    display: block;
    content: '';
}
.thumb_list .thumb_frame-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    box-sizing: border-box;
}
/* --------------------------------------- */
/* 選択中のサムネ */
/* --------------------------------------- */
.thumb_list .active .image_frame {
    border-width: 2px;
    border-color: #f00;
}
.box_item-photo .active .thumb_frame-inner {
    width: -webkit-calc(100% + 2px);
    width: calc(100% + 2px);
    height: -webkit-calc(100% + 2px);
    height: calc(100% + 2px);
    top: -1px;
    left: -1px;
}
.first.thumb_list-parts,
.thumb_list-parts.active {
    pointer-events: none;
}
/* --------------------------------------- */
/* ズームページ */
/* --------------------------------------- */
.box_photo-zoom {
    text-align: center;
}
.box_photo-zoom p {
    display: none;
}
.box_photo-zoom .item-photo {
    max-width: 100%;
}
/* --------------------------------------- */
/* サイズ指定 */
/* --------------------------------------- */
.box_item-photo {
    width: 414px;
}
.box_item-photo .main_photo {
    height: 418px;
}
.box_item-photo .slide_center {
    width: 314px;
}

@media screen and (max-width: 393px) {
    .box_item-photo {
        width: 375px;
    }
    .box_item-photo .main_photo {
        height: 366px;
    }
    .box_item-photo .slide_center {
        width: 275px;
    }
}

@media screen and (max-width: 360px) {
    .box_item-photo {
        width: 360px;
    }
    .box_item-photo .main_photo {
        height: 346px;
    }
    .box_item-photo .slide_center {
        width: 260px;
    }
}

@media screen and (max-width: 320px) {
    .box_item-photo {
        width: 320px;
    }
    .box_item-photo .main_photo {
        height: 293px;
    }
    .box_item-photo .slide_center {
        width: 220px;
    }
}
/* --------------------------------------- */
/* 秘蔵写真館投稿写真の表示 */
/* --------------------------------------- */
.thumb_list .treasure_photo .image_frame {
    background-color: #333;
}
.thumb_list .treasure_photo .thumb_frame-inner {
    border: 4px solid #000;
}
.thumb_list .treasure_photo .h-center::after {
    width: 50px;
    height: 32px;
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 0.8;
    background-image: url(../st_img/photo_gallery_mark.png);
    background-repeat: no-repeat;
    -webkit-background-size: 50px 32px;
    background-size: 50px 32px;
}
.thumb_list .treasure_photo.active .h-center::after {
    display: none;
}
.thumb_list .treasure_photo .h-center {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 1px;
}
.thumb_list .treasure_photo .v-center {
    margin: auto;
    position: absolute;
    z-index: 0;
    right: -4px;
    bottom: 0;
    left: -4px;
    display: block;
}
.thumb_list .treasure_photo .item-photo {
    z-index: 0;
    width: auto;
    height: 100%;
}
/* 16枚以上ある場合 */
.box_item-photo .btn_toggle {
    color: #fff;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    display: block;
    font-size: 14px;
    background-color: #FFB6C1;
    border-radius: 6px 6px 0 0;
    margin-bottom: 2px;
}
.box_item-photo .btn_toggle.next {
    border-radius: 0 0 6px 6px;
}

.box_item-photo .btn_toggle::after,
.box_item-photo .btn_toggle::before{
    content:'';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(/sp/st_img/blog_icon_arrow-cc281216c49e1b40841f666c2a3c58ba.png);
    -webkit-background-size: 15px 40px;
    background-size: 15px 40px;
    margin: 0 4px;
    vertical-align: sub;
}

.thumb_list .btn_toggle.next::after,
.thumb_list .btn_toggle.next::before{
    -webkit-transform:rotate(180deg);
    transform: rotate(180deg);
}