/*
 * Component Style
 */

/*--------------------------------------
 Component
--------------------------------------*/

[class^="component"] {
 position: relative;
}

.component:before,
.component:after {
 content: " ";
 display: table;
}

.component:after {
 clear: both;
}

.component_heading {
 font-weight: bold;
}

/*--------------------------------------
 Form
--------------------------------------*/

/* Meeting
--------------------------------------*/

.component.form-meeting {
 font-size: 12px;
 /*font-size: 14px;*//*スマホで横スクロール必要になるため戻し2015年10月16日 */
/*font-size: 1.2rem;*/
}

.component.form-meeting .media-body {
 width: auto;
}

.component.form-meeting .media-body {
 width: auto;
}

.component.form-meeting textarea {
 font-size: 12px;
 /*font-size: 16px; try adjust 2015/10/15 */
 font-size: 1.2rem;
 width: 100%;
 /*width: auto;*/
}

/*-------------------------------------
 会員プロフィール　profile Member Detail
--------------------------------------*/

.component.form-profileMemberDetail .img-thumbnail > img {
 width: auto;
  max-width: inherit;
}

.component.form-profileMemberDetail .img-thumbnail {
  width: auto;
 /*max-width: 200px;*/
}

.profile_thumbnail-carousel,
.profile_thumbnail-carousel li {
 /*height: 360px;*/
 overflow: hidden;
 /*width: 240px;*/
}

.body-mypage .profile_thumbnail-carousel,
.body-mypage .profile_thumbnail-carousel li {
 /*height: 300px;*/
}

.component.form-profileMemberDetail .carousel-indicators {
 width:auto;/*[F-997]yoko.cssからのマージ*/
 margin-top: 10px;
 /*margin-left: 0;*/
 /*margin-left: 0px;[R-108]BS4調整でコメント 2021/3/15*/
 position: static;
 /*width: auto;*/
}

/*[F-997]yoko.cssからのマージ*/
.img-thumbnail .pfl{
  max-width: 235px;
  margin-top:10px;
}

.img-thumbnail .pfl img{
  width:240px;
}
/*yoko.cssマージここまで*/

.component.form-profileMemberDetail .carousel-indicators li {
 height: 75px;
 vertical-align: top;
 width: 50px;
 text-indent: 0px;
 opacity: 1;
}
/*-------------------------------------
 会員マイページの写真・サムネール
--------------------------------------*/

.component.form-profilePhoto .img-thumbnail > img {
 width: auto;
  max-width: inherit;
}

.component.form-profilePhoto .img-thumbnail {
 width: auto;
  max-width: 250px;
}

.profile_thumbnail-carousel,
.profile_thumbnail-carousel li {
 /*height: 360px;*/
 overflow: hidden;
 /*width: 240px;*/
}

.body-mypage .profile_thumbnail-carousel,
.body-mypage .profile_thumbnail-carousel li {
 /*height: 300px;*/
}

.body-mypage .profile_thumbnail-carousel img {
 margin: auto;
}

.component.form-profilePhoto .carousel-indicators {
 margin-top: 10px;
 margin-left: 0;
 position: static;
 width: auto;
}

.component.form-profilePhoto .carousel-indicators li {
 height: 90px;
 vertical-align: top;
 width: 60px;
}

@media print {
 #printUi ~ * {
  /*font-size: 11px;
  font-size: 1.1rem;*/
  font-size: 10px;
  font-size: 1.0rem;
 }

 #printUi ~ * h2 {
  /*font-size: 12px;
  font-size: 1.2rem;*/
  font-size: 11px;
  font-size: 1.1rem;
 }

 #printUi ~ * .table {
    border-collapse: separate;
 }

 #printUi ~ * .table>tbody>tr>td,
 #printUi ~ * .table>tbody>tr>th,
 #printUi ~ * .table>tfoot>tr>td,
 #printUi ~ * .table>tfoot>tr>th,
 #printUi ~ * .table>thead>tr>td,
 #printUi ~ * .table>thead>tr>th {
  padding: 4px 8px;
 }

 .printUi-collapse {
  margin: 0;
  padding: 0;
 }

 .printUi-collapse [class^="col-"] {
  padding-right: 0;
  padding-left: 0;
 }

 .printUi-collapse .form-profileMemberDetail .img-thumbnail {
  max-width: 310px;
 }

 .printUi-collapse .form-profileMemberDetail .img-thumbnail .media-object {
  width: 100%;
 }

 .printUi-col-sm-4 {
   width: 33.33333333%;
 }

 .printUi-col-sm-8 {
   width: 66.66666667%;
 }

 .bx-viewport {
  height: auto !important;
  padding-top: 150% !important;
 }

 .profile_thumbnail-carousel {
  position: absolute !important;
   top: 0 !important;
   left: 0 !important;
 }

 .profile_thumbnail-carousel,
 .profile_thumbnail-carousel li {
  height: auto;
  transform: inherit !important;
  max-width: 100%;
 }

 .profile_thumbnail-carousel li:not(:first-child),
 .profile_thumbnail-carousel li.bx-clone {
  display: none;
 }

 .profile_thumbnail-carousel li:first-child.bx-clone + li {
  display: block;
 }

 .component.form-profileMemberDetail .carousel-indicators li {
  width: calc(100% / 3.5);
 }
}

/* Search Member
--------------------------------------*/

.component.form-searchMember .form-horizontal.darken {
 background-color: #eee;
}

.component.form-searchMember .form-horizontal .control-label {
 text-align: left;
}

.component.form-searchMember .form-inline .form-group {
 display: inline-block;
 margin-bottom: 0;
}

.component.form-searchMember .table .form-control {
 display: inline-block;
 /* 2016年06月10日 15時04分30秒
 font-size: 12px;
 font-size: 1.2rem;
 */
 width: auto;
}

/* Media queries
--------------------------------------*/

/*@media (max-width: 480px) {
 .component.form-searchMember .form-group .col-xs-12 {
  margin-left: -15px;
  margin-left: -15px;
 }
}*/

/*--------------------------------------
 List
--------------------------------------*/

/* Shisyobako
--------------------------------------*/

.component.shisyobako .list-group-item {
 text-decoration: none;
}

.component.shisyobako .list-group-item [class$="-circle"] {
 color: #eee;
}

.component.shisyobako .list-group-item time {
 display: block;
}

/*--------------------------------------
 Temporary style
--------------------------------------*/

/* @media (max-device-width: 480px) { */
/* [R-108]画面を縮めたときにスマホと同じ表示にする2021/03/18 */
@media (max-width: 767px) {
  .component.form-profileMemberDetail .carousel-indicators li {
    width:100%;
    height:auto;
    vertical-align: top;
    /*width: 60px;*/
  }
  .component.form-profileMemberDetail .carousel-indicators{
    display: block;
    width:80px;
    margin-left: 0;
  }
  .component.form-profileMemberDetail .carousel-indicators li{
    width:80px;
  }
  /*[R-108]会員検索画面　スマホ表示時のinput調整*/
  .component.form-searchMember .table .form-control {
    width:100%;
  }

  /*[F-997]yoko.cssからのマージ*/
  .img-thumbnail .pfl{
    max-width: 220px;
    margin-top:10px;
    float:left;
  }
  .img-thumbnail .pfr{
    max-width: 95px;
    float:right;
  }

  /*[R-108]会員プロフィール写真の調整 2021/03/15*/
  .img-thumbnail .pfl img{
    max-width: 220px;
  }
  .img-thumbnail .pfr img{
    width:100%;
  }
  /*yoko.cssマージここまで*/


}