html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: #fff;
}

#overlay img {
    width: 190px;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
}

#wrap {
    width: 100%;
}

#psv {
    height: 480px;
    position: relative;

}

#photosphere {
    width: 100%;
    height: 100%;
}

#logo-img {
    position: absolute;
    ;
    top: 0;
    right: 0;
    margin: 10px;
}
#logo-img img{
    width: 100%;
    max-width: 200px;
}

.psv-button.custom-button {
    font-size: 22px;
    line-height: 20px;
}

.btn360 {
    margin-top: 10px;
    padding: 5px 0;
}

.btn360 li {
    width: 25%;
    margin: 0.5%;
    outline: none;
    background: #ff8620;
}

.btn360 li:hover {
    cursor: pointer;
}

.btn360 li.selected img {
    border: 4px solid #ff8620;
    margin: -4px;
}

.btn360 li img.thumb {
    width: 100%;
}

.mod_checklist {
    margin: 10px auto;
    width: 80%;
}

.psv-marker-wrapper {
    -webkit-animation-duration: 4s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: bottom center;
    -webkit-animation-name: animation08;
}

/* 既存CSS上書き */
.psv-button {
	padding: 0 10px !important;
	height: auto !important;
	width: auto !important;
}

.psv-loader  {
    width: 309px;
    height: 309px;
}

.psv-navbar {
    background: none;
    background-image: url(img/menu_back_pc.png);
    height: 50px;
/*
    height: 63px;
*/
}

.psv-autorotate-button {
margin-top: 13px;
/*
    padding: 14.5px 20.5px;
 */
}

.psv-autorotate-button img {
	max-width: 30px;
	height: auto;
}

.psv-zoom-button {
	margin-top: 14px;
    width: 280px;
	margin-right: 10px;
}

.psv-zoom-button-minus {
/*
    padding: 5px;
 */
}

.psv-zoom-button-minus img {
	max-width: 28px;
	height: auto;
}

.psv-zoom-button-plus {
/*
    padding: 5px;
 */
}

.psv-zoom-button-plus img {
	max-width: 28px;
	height: auto;
}

.psv-zoom-button-range {
/*
    padding: 22.5px 0;
  */
    margin-top: 2px;
    margin-left: 25px;
    margin-right: 10px;
}

.psv-zoom-button-range img {
	max-width: 28px;
	height: auto;
}

.psv-zoom-button-line {
    background: rgba(255, 255, 255, 1);
    border-radius: 5px;
    width: 180px;
    height: 4px;
}

.psv-zoom-button-handle {
    position: absolute;
    border-radius: none;
    top: -5px;
/*
    top: -8px;
*/
    width: 0;
    height: 0;
    margin-left: -10px;
    background: none;
    transition: transform .3s ease;
}

.psv-zoom-button-handle img {
	width: 14px;
	height: auto;
}

.psv-zoom-button:not(.psv-button--disabled):hover .psv-zoom-button-handle {
    transform: scale(1.3) translateY(-2px);
}

.navbar__arrow__vertical {
	margin-top: 14px;
/*
    padding: 18px 15px;
*/
}

.navbar__arrow__vertical img {
	max-width: 18px;
	height: auto;
}

.navbar__arrow__horizontal {
	margin-top: 18px;
/*
    padding: 22px 15px;
*/
}

.navbar__arrow__horizontal img {
	max-width: 24px;
	height: auto;
}

.psv-markers-button {
	margin-top: 8px;
	padding: 5px 10px 0px !important;
/*
    padding: 13px 15px;
*/
}

.psv-markers-button img {
	max-width: 19px;
	height: auto;
}

/* スライドボタンクリック時　既存CSS上書き */
.psv-button--active {
    background: rgba(255,255,255,0.25) !important;
}

.psv-fullscreen-button {
	margin-top: 12px;
	/* 既存css上書き */
	padding-right: 5px !important;
	margin-right: 0px !important;
/*
    margin-right: 20px;
    padding: 13px;
*/
}

.psv-fullscreen-button img {
	max-width: 34px;
	height: auto;
}


/**
 * Markers Panel
 */

.psv-container--has-navbar .psv-panel {
    height: calc(100% - 42px);
/*
    height: calc(100% - 56px);
*/
}

.psv-panel {
    background: rgba(251, 237, 228, .9);
}

.psv-panel-content {
    color: #f6821f;
    font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif !important; /* 既存css上書き */
}

.psv-markers-list-title {
	font-weight: bold;
	font-size: 1.3em;
    text-shadow: none;
    border-bottom: 1px solid #f6821f;
    margin: 10px 50px;
    padding-bottom: 5px;
    font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif !important; /* 既存css上書き */
}

.psv-markers-list-item {
    padding: 0.6em 1em 0.9em !important; /* 既存css上書き */
    transform: none !important;/* 既存css上書き */
    transition: none !important;/* 既存css上書き */
}

.psv-markers-list-image {
	width: auto !important; /* 既存css上書き */
}

.psv-markers-list-item:nth-child(odd), .psv-markers-list-item:nth-child(odd)::before {
	background: none; /* 既存css上書き */
}

.psv-panel-close-button {
    background: #ff871f;
}

.psv-markers-list li:hover {
	background-color: #f8d8bf;
	color: #5d310a;
}

.psv-caption {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
   width: 70%;

/* 文字が多い場合　末尾に「…」記号を自動付加*/
   overflow: hidden;

   /* ▼改行を禁止した上で、はみ出る分量は「…」記号で省略 */
   text-overflow: ellipsis;
   white-space: nowrap;

	/* 既存css上書き */
	margin: 14px 0px 0px  !important;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif !important;
/*
    margin-top: 18px;
*/
}

.slick-prev:before, .slick-next:before {
    color: #115;
}

.slide-controll {
    margin: 0 auto;
　　/* コメントアウト
    background: url(img/slide_back.png);
	  */
    background-repeat: repeat-y;
    background-position: center;
/*  グラデーション */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ff871f+10,ffe1c7+50,ffe1c7+90,ffffff+100&0+0,1+50,0+100,0+100,0+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,135,31,0.2) 10%, rgba(255,225,199,1) 50%, rgba(255,225,199,0.2) 90%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,135,31,0.2) 10%,rgba(255,225,199,1) 50%,rgba(255,225,199,0.2) 90%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,135,31,0.2) 10%,rgba(255,225,199,1) 50%,rgba(255,225,199,0.2) 90%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.slick-prev.slick-arrow{
    margin-left:-20px;
}
.slick-next.slick-arrow{
    margin-right:-20px;
}
.slick-prev:before {
    content: url("img/prev_btn.png");
    // margin-left: -40px;
}

.slick-next:before {
    content: url("img/next_btn.png");
    // margin-left: 20px;
}

.slick-next, .slick-prev {
    width: 37px;
    height: 37px;
}

.btn360 li .thumb.noimage {
    margin: 3.4% auto;
    width: 50%;
}

.psv-markers-list{
  -webkit-overflow-scrolling: auto;
  height: 100%;
  transform: translateZ(0);
}

div.psv-button.psv-button--hover-scale.psv-gyroscope-button {
    width: 28px !important;
    padding: 14px 14px !important;
}

@media screen and (max-width: 768px) {
    html, body {
        margin: 0;
    }
    #wrap {
        width: 100%;
    }
    #psv {
        position: relative;
    }
}

/* メディクエリ追加　虫眼鏡部分 既存css上書き */
@media (max-width: 600px) {
	.psv-zoom-button-minus, .psv-zoom-button-plus {
		padding: 0 10px !important;
	}
}

@media screen and (max-width: 480px) {
/* 追記ここから */
#overlay img {
    width: 145px;
}

#logo-img{
    max-width: 100px;
    max-height: 80px;
}

.psv-loader  { /* initial だとなぜかJSエラーになる */
    width: 150px;
    height: 150px;
}

/* ジャイロボタン */
div.psv-button.psv-button--hover-scale.psv-gyroscope-button {
    width: 25px !important;
    padding: 6px 5px !important;
}

.psv-container--has-navbar .psv-panel {
    height: calc(100% - 30px);
}

.psv-autorotate-button {
	margin-top: 9px;
}

.psv-autorotate-button img {
	max-width: 20px;
}

.psv-markers-button {
	margin-top: 4px;
	padding: 4px 10px 0px !important;
}

.psv-markers-button img {
	max-width: 14px;
}

/* 追記ここまで */

    #wrap {
        width: 100%;
    }
    #psv {
        position: relative;
    }

    .psv-button.psv-zoom-button, .psv-button.psv-custom-button.navbar__arrow, .psv-button.psv-custom-button.psv-fullscreen-button {
        display: none;
    }

    .psv-navbar {
        background: none;
        background-image: url(img/menu_back_sp.png);
        height: 34px;

    }

    .psv-button.psv-custom-button.psv-autorotate-button {
        padding: 2%;
        padding-left: 5%;
    }
    .psv-button.psv-custom-button.psv-autorotate-button img {
        width: 100%;
    }
    .psv-button.psv-button--hover-scale.psv-markers-button {
        padding: 2%;
        width: 16px;
        height: 16px;
    }
    .psv-button.psv-button--hover-scale.psv-markers-button img {
        width: 100%;
    }

    .slick-prev:before {
        // margin-left: -20px;
    }
    .slick-prev {
        // left: -30px;
    }
    .slick-next:before {
        // margin-right: -20px;
    }
    .slick-next {
        // right: -20px;
    }
    .slick-dots li {
        width: 20px;
	background: transparent;
	/*
        background: #fff;
	  */
        margin: 0 5px;
    }
}


