#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  opacity: 0.3;
  z-index: 9999;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 10000;
}
.photo{	 	 
 display: block;	 	 
 overflow: hidden;	 	 
 position: relative;	 	 
 width:200px;	 	 
 height: 200px;	 	 
 border-radius:50%;	 	 
 border:5px solid #FFF;	 	 
 box-shadow:3px 3px 3px rgba(0,0,0,0.3);	 	 
}
.photo2{	 	 
 display: block;	 	 
 overflow: hidden;	 	 
 position: relative;	 	 
    width: 220px;
    height: 260px; 

 border:5px solid #FFF;	 	 
 box-shadow:3px 3px 3px rgba(0,0,0,0.3);	 	 
}	 	
 .photo img,.photo2 img{	 	 
 width: 100%;	 	 
 height: auto;	 	 
 position: absolute;	 	 
 top: 50%;	 	 
 left: 50%;	 	 
 -webkit-transform: translate(-50%, -50%);	 	 
 -ms-transform: translate(-50%, -50%);	 	 
 transform: translate(-50%, -50%);
 }

/************************************** 質問詳細 ************************************/


.qa-syosai .gallery-block {
        font-size:0;vertical-align:bottom;line-height: 0;
        margin-bottom:30px;
}
.qa-syosai .gallery-block .my-gallery figure {
        width:157px;
        margin:0;padding:0;
}
.qa-syosai .gallery-block .my-gallery figure img {
        margin:0;
    padding: 0 1px 1px 0;
        width: 157px;
        height: 100px;
        max-width: 157px;
        max-height: 100px;
        object-fit: cover;
}
@media screen and (max-width:768px) {
	.gallery-block {
		margin-top:10px;
	}
	.gallery-block li {
		padding:0 2px;
	}
	.qa-syosai .gallery-block .my-gallery figure {
		width:20%;
	}
	.qa-syosai .gallery-block .my-gallery figure img {
	        margin:0;
		padding: 0 1px 1px 0;
	        width:100%;
	        height: 50px;
	        max-width: 100%;
	        max-height: 50px;
	        object-fit: cover;
	}
}

/******* 回答表示エリアのサムネイル画像の表示サイズを統一 *******/

.answer-box .gallery-block {
        font-size:0;vertical-align:bottom;line-height: 0;
        margin-bottom:10px;
}
.answer-box .gallery-block .my-gallery figure {
        width:157px;
        margin:0;padding:0;
}
.answer-box .gallery-block .my-gallery figure img {
        margin:0;
	padding: 0 1px 1px 0;
        width: 157px;
        height: 100px;
        max-width: 157px;
        max-height: 100px;
        object-fit: cover;
}
@media screen and (max-width:768px) {
        .gallery-block {
                margin-top:10px;
        }
        .gallery-block li {
                padding:0 2px;
        }
        .answer-box .gallery-block .my-gallery figure {
                width:20%;
        }
        .answer-box .gallery-block .my-gallery figure img {
                margin:0;
                padding: 0 1px 1px 0;
                width:100%;
                height: 100px;
                max-width: 100%;
                max-height: 50px;
                object-fit: cover;
        }
}



/******* 回答用テキストエリア上部のアップロード画像の表示サイズを統一 *******/
.fixedbtn-block-msg .msg-form-box .pic img {
    margin: 0;
    padding: 0 1px 1px 0;
    width: 157px;
    height: 100px;
    max-width: 157px;
    max-height: 100px;
    object-fit: cover;
}


.image_other img {
    margin: 0;
    padding: 0 1px 1px 0;
    width: 157px;
    height: 100px;
    /* max-width: 157px; */
    /* max-height: 100px; */
    object-fit: cover;
}

.cursor__pointer {
    cursor: pointer;
}
.none {
    display: none;
}
