@charset "UTF-8";

/*------------------------------------------------------------------
タイトル: 基本設計
制作者 : TF #247
URL :ARCH 虎ノ門ヒルズ
概要 : ベースコード
作成日 : 2019/10/20
変更日 : 2020/01/11
バージョン：1.0.2

特記事項：最終的に不要なものは＃凍結で検索
-------------------------------------------------------------------

[Table of contents]

1. Common styles
2. Top Bar
3. Menu: Login User profile
4. Menu: Resident List
5. Mobile Menu: Login user
6. Menu: Search Menu
7. Sub Menu for Mobile
8. Search Menu for Mobile
9. KV Slider
10. What's New
11. Scroll of Top
12. Footer
13. Thread Accordion
14. Events & School
14a. Events & School Details
15. Thread Details
16. Company List
17. Search Filter
18. Responsive Styles

19. For Complonent List
20. STD parts
21. Folum
22. Mentor
23. News List & Detail
24. project-progress
25. registrtion_form mentor/player/corporate
26. project_list
27. Event School Project
28. Corporation
29. Login
30. Account
31. Memo
32. link setup
33. Plugin (multi select)
34. Tab area
35.	QA section
36. room reservation

99. Test Case

------------------------------------------------------------------

[ R E F E R E C N E ]

************ ARCH BRAKE POINTS ************

- Xtra Small devices Tablets (≥768px).col-相当
	@media (min-width: 480px) and (max-width: 767px) {}

- Small devices Tablets (≥768px)　.col-sm相当
	@media (max-width: 767px) {}

- Medium devices Desktops (≥992px)　.col-md相当
	@media (max-width: 991px) {}
	
- Large devices Desktops (≥1200px)　.col-lg相当
	@media (min-width: 992px) and (max-width: 1199px) {}　

- Large devices Desktops (≤1200px) .col-xl相当 
	@media (min-width: 1240px) {} 

*******************************************

基本版BootStrap4の画面切り替えポイント（BreakPoint）
■スマホ向け（〜568）
.col- 
Extra small devices = Phones (<568px) : auto size 

■スマホ横向き（568〜768）
.col-sm-
Small devices = Tablets (≥768px) : container width 540px

■タブレット（768〜991）
.col-md-
 Medium devices = Desktops (≥912px)  : container width 720px
 
■PC大画面（992〜1119)
.col-lg-
Large devices = Desktops (≥1119px) : container width 960px

■特大画面 (1200〜)
.col-xl-
Extra Large devies = Desktops (≥1200px) : container width 1140px
@media (min-width: 1200px) {}

-------------------------------------------------------------------*/

/* ==============================
   1. Common styles
   ============================== */

/* Special icons */
@font-face {
  font-family: 'icomoon';
  src:  url('../webfonts/icomoon.eot?ejegk4');
  src:  url('../webfonts/icomoon.eot?ejegk4#iefix') format('embedded-opentype'),
    url('../webfonts/icomoon.ttf?ejegk4') format('truetype'),
    url('../webfonts/icomoon.woff?ejegk4') format('woff'),
    url('../webfonts/icomoon.svg?ejegk4#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icon_01_iine:before {
  content: "\e900";
}
.icon-icon_02_ganbate:before {
  content: "\e901";
}
.icon-icon_03_sugoine:before {
  content: "\e902";
}
.icon-icon_04_naruhodo:before {
  content: "\e903";
}
.icon-icon_05_soudane:before {
  content: "\e904";
}
.icon-icon_11_wihiteboard:before {
  content: "\e905";
}
.icon-icon_21_videoconf:before {
  content: "\e906";
}
.icon-icon_31_monitor:before {
  content: "\e907";
}





/* Typography */

.card-etc {
  font-size: 0.95rem;
}

.card-etc-c {
  font-size: 1rem !important;
}

p {
  color: #1f1f1f /* !important */;
}


/* Card display control */

.show-panel {
  opacity: 0;
  transition: opacity 2s ease;
}

.card-4 .card-body {
  padding: 0.85rem 1.75rem;
}

.card-4 .testimonial-item a {
  color: #1f1f1f;
}


/* adjustment of anchor */

a.href-underline {
  text-decoration: underline
}

a.href-underline:hover {
  text-decoration: none;
}


/* System icon */

.system-icon i {
  font-size: 36px;
}


/* Furigana */



.user-profile-info-name p {
  display: inline-block;
  font-size: 2em;
  line-height: 2;
  text-align: left;
}

.user-profile-info-name span::after {
  margin-left: 1em;
  color: silver;
  font-size: 50%;
  vertical-align: text-botom
}

.user-profile-info-name .over ruby {
  ruby-position: over;
}

.user-profile-info-name .under ruby {
  ruby-position: under;
}

.user-profile-info-name .inter ruby {
  ruby-position: inter-character;
}


/* attached file panel*/

.attachedfile .console-panel-header {
  justify-content: start;
  align-items: start;
}

.attachedfile .console-panel-header ul.top-header-btns>li>a {
  font-size: 18px;
  margin-top: -5px;
}

.attachedfile .cph-right {
  display: block;
}

/* ==============================
   2. Top Bar
   ============================== */


/* adjustment of topbar */

#topbar {
  height: 40px;
}

#topbar a {
  line-height: 40px;
}


/* adjustment of news ticker */

.news-ticker {
  border-bottom: 0px solid #eee;
}

.news-ticker--item:nth-child(n+2) {
  display: none;
}

.news-ticker--item .badge-danger {
  color: #000;
  background-color: #fff;
}

.news-start {
  display: block !important;
}


/* ==============================
   3. Menu: Login User profile
   ============================== */

.user-profile i {
  font-size: 16px !important;
  position: relative;
}

.user-profile i:nth-of-type(2) {
  visibility: hidden;
  position: absolute;
  opacity: 0;
}

.user-profile.active i:nth-of-type(1) {
  visibility: hidden;
  position: absolute;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.user-profile.active i:nth-of-type(2) {
  visibility: visible;
  position: relative;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
  opacity: 1;
}

.user-profile .widget-myaccount i {
  visibility: visible !important;
  position: relative !important;
}

.user-profile a:hover {
  opacity: .7;
}

.user-profile .widget-myaccount .avatar img {
  width: 50px;
}

.p-dropdown .p-dropdown-content,
.p-dropdown ul.p-dropdown-content {
  min-width: 250px;
}


/* ==============================
   4. Menu: Resident List
   ============================== */


/* Resident icon display control */

.regident i {
  font-size: 16px !important;
  position: relative;
}

.regident i:nth-of-type(2) {
  visibility: hidden;
  position: absolute;
  opacity: 0;
}

.regident.active i:nth-of-type(1) {
  visibility: hidden;
  position: absolute;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.regident.active i:nth-of-type(2) {
  visibility: visible;
  position: relative;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
  opacity: 1;
}


/* Resident List */

.p-dropdown.regident_tbl .p-dropdown-content,
.p-dropdown.regident_tbl ul.p-dropdown-content {
  width: 280px;
  padding: 14px 5px;
}

.regident_tbl h6,
.user-profile h6 {
  line-height: 1.5em !important;
}

.p-dropdown.regident_tbl .p-dropdown-content hr,
.p-dropdown.regident_tbl ul.p-dropdown-content hr {
  margin-left: 1px;
  margin-right: 1px;
}

.regident_list {
  position: relative;
  width: 50px;
}

.regident_list img {
  width: 100%;
}

.regident_list .stay-status {
  width: 10px;
  height: 10px;
  margin: 0 auto;
  background: rgba(129, 200, 104, 1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  position: absolute;
  top: 20px;
  right: 5px;
  margin: 0;
  padding: 0;
}

.regident_tbl .accordion .ac-item {
  margin-bottom: 10px;
  padding: 12px 0px;
  border-radius: 0px;
  border: 0px solid #ececec;
  border-bottom: 1px solid #dee2e6 !important;
}

.regident_tbl .accordion .ac-item.ac-active .ac-title:before {
  content: "\e95b";
}

.regident_tbl .accordion .ac-item .ac-title:before {
  content: "\e958";
}

.regident_tbl .accordion .ac-item .ac-title {
  padding-left: 10px;
}

.p-dropdown.regident_tbl .p-dropdown-content,
.p-dropdown.regident_tbl ul.p-dropdown-content {
  overflow-y: scroll;
  height: auto;
  max-height: 100vh;
  overflow-x: hidden;
}


/* ARCH Accordion */

.accordion.arch-accordion .ac-item.ac-active .ac-title:before {
  content: "\e95b";
}

.accordion.arch-accordion .ac-item .ac-title:before {
  content: "\e958";
}

.accordion.arch-accordion ul>li {
  display: block;
}

.accordion.arch-accordion ul>li a {
  line-height: 1.4; /* 1.7 */
  xwhite-space: nowrap;
  display: block;
  padding: 2px 8px;
}

.accordion.arch-accordion ul>li .regident_list {
  position: relative;
  width: 50px;
}

.accordion.arch-accordion ul>li .regident_list img {
  width: 100%;
}

.accordion.arch-accordion ul>li .regident_list .stay-status {
  width: 10px;
  height: 10px;
  margin: 0 auto;
  background: rgba(129, 200, 104, 1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  position: absolute;
  top: 20px;
  right: 5px;
  margin: 0;
  padding: 0;
}

.accordion.arch-accordion ul>li h6 {
  line-height: 1.5em !important;
}


/* ==============================
   5. Mobile Menu: Login user
   ============================== */


/* Login user icon display control */

.menu-member i {
  font-size: 12px !important;
  position: relative;
}

.menu-member i:nth-of-type(2) {
  visibility: hidden;
  position: absolute;
  opacity: 0;
}

.menu-member.hover-active i:nth-of-type(1) {
  visibility: hidden;
  position: absolute;
}

.menu-member.hover-active i:nth-of-type(2) {
  visibility: visible;
  position: relative;
  opacity: 1;
}


/* ==============================
   6. Menu: Search Menu
   ============================== */


/* Search icon display control */

.search-box i {
  font-size: 16px !important;
  position: relative;
}

.search-box i:nth-of-type(2) {
  visibility: hidden;
  position: absolute;
  opacity: 0;
}

.search-box.active i:nth-of-type(1) {
  visibility: hidden;
  position: absolute;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.search-box.active i:nth-of-type(2) {
  visibility: visible;
  position: relative;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
  opacity: 1;
}


/* Search Menu */

.s-dropdown-content {
  min-width: 280px;
}

.s-dropdown-content .form-inline {
  flex-flow: row nowrap;
}


/* ==============================
   7. Sub Menu for Mobile
   ============================== */


/* change layout of page menu  */

.page-menu {
  border-bottom: none;
  border-top: none;
}

.page-menu.inverted {
  background-color: rgba(4, 4, 4, 1.0) !important;
}

.page-menu.inverted nav {
  background-color: unset;
}

.page-menu.inverted nav>ul>li>a {
  border: 2px solid #a9a9a9 !important;
  color: #fff;
  background-color: unset !important;
}

.page-menu nav>ul>li>a {
  padding: 6px 10px !important;
  font-size: 11px !important;
  min-width: 95px !important;
}

.sub-menu-none {
  display: none !important;
}


/* ==============================
   8. Search Menu for Mobile
   ============================== */


/* Search icon display control */

.search_trigger i {
  font-size: 20px !important;
  position: relative;
}

.search_trigger i:nth-of-type(2) {
  visibility: hidden;
  position: absolute;
  opacity: 0;
}

.search_trigger.active i:nth-of-type(1) {
  visibility: hidden;
  position: absolute;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.search_trigger.active i:nth-of-type(2) {
  visibility: visible;
  position: relative;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
  opacity: 1;
}


/* adjustment of search menu */

.sp-search-menu {
  display: none;
}

.sp-search-menu .form-inline {
  flex-flow: row nowrap;
}

.dark input {
  color: #fff !important;
}

.sp-search-menu .form-control,
input,
select {
  font-size: 16px;
}


/* ==============================
   9. KV Slider
   ============================== */


/* change top position of KV slider */

#slider {
  top: -120px;
  margin-bottom: -120px;
}


/* ==============================
   10. What's New
   ============================== */


/* adjustment of news elements */

#news.event_wrap {
  padding-top: 65px;
}

.news-container {
  padding: 1.5rem !important;
}

#news .card {
  background-color: unset;
  border: 0px solid rgba(169, 169, 169, .5);
}

#news .list-group-item {
  background-color: unset;
  border-bottom: 0px solid rgba(169, 169, 169, .5);
}

#news h5 {
  margin-bottom: 0
}

.news-area a {
  text-decoration: underline;
}

.news-area a:hover {
  text-decoration: none;
}


/* more news */

.news-container a.news-more {
  text-decoration: none;
  font-size: 1.05rem;
}

.news-container a.news-more:hover {
  text-decoration: underline;
}


/* ==============================
   11. Scroll of Top
   ============================== */

#scrollTop {
  z-index: 99999 !important;
  background-color: rgba(99, 110, 114, .6) !important;
}


/* ==============================
   12. Footer
   ============================== */

footer .widget {
  margin-bottom: 0;
}


/* ==============================
   13. Thread Accordion
   ============================== */


/* Label styles */

.badge-p-ex {
  padding: .45em .6em;
}


/* Avatar paragraph adjustment */

.p-l-62 {
  padding-left: 62px;
}

.p-l-65 {
  padding-left: 65px;
}


/* Line number display limit */

.max_99ch {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.max_100ch {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.max_101ch {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.max_102ch {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.text-xs-center {
  text-align: inherit;
}


/* Typography */


/* adjustment of h6 line height for resident */

.flex-cancel h6 {
  line-height: 1.56666667em;
}


/* adjustment of h5 font weight for thread summary */

h5.thread-summary {
  font-weight: 300;
}


/* Comment Player */
.coment-reply {}	
	
.coment-reply .form-control:focus, input:focus, select:focus {
  background-color: #ffffcc;
  border-color: #e5e500;
  box-shadow: none;
}


.comment-player {
  position: relative;
  margin-right: 10px;
}

.comment_user {}

.comment_user h5, .comment_user h6 {
	margin: 0 0 .25rem .25rem;
	line-height: 1.45714286em;
}

@media (max-width: 640px) {
	.comment_user h5, .comment_user h6 {
		margin: 0 0 .25rem;
		line-height: 1rem;
	}
}


/* Elements z-index */


/* change link element to front */

.zindx4,
.zindex4label {
  position: relative;
  z-index: 4 !important;
}

.zindx4:hover {
  opacity: .7;
}


/* Resident List & Thread */


/* resident avatar images size*/

.player img {
	max-width: none!important;
  width: 50px;
}

/* resident status for avatar */

.stay-status {
  width: 10px;
  height: 10px;
  margin: 0 auto;
  font-size: 10px;
  text-decoration: none;
  display: block;
  text-align: center;
  background: rgba(129, 200, 104, 1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  position: absolute;
  top: 35px;
  right: 2px;
}

.zindx4 .stay-status {
  top: 20px;
}

/* resident absence status for avatar */

/* メンバーステイタス：状態表示 --- 在館 */

/* メンバーステイタス：状態表示 --- 非在館 */
.comment-player.no-stay .stay-status {
	background-color: #666;
}

/* メンバーステイタス：状態表示 --- 契約終了（顔出し） */

.comment-player.end-contract img{
  opacity: .7;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

.comment-player.end-contract .stay-status {
  opacity:0;
}

/* メンバーステイタス：状態表示 --- 契約終了（卒業生） */
.comment-player.no-more .stay-status {
  opacity:0;
}

/* メンバーステイタス：状態表示 --- 未契約 */



/* Thread Accordion */


/* adjustment of accordion */

.community-thread .accordion .ac-item .ac-title:before {
  font-size: 18px;
  content: "\e958";
  font-family: "inspiro-icons";
  right: 5px;
  position: absolute;
}

.community-thread .accordion .ac-item .ac-title {
  font-size: 1.05714286em;
  line-height: 1.68421053em;
  font-weight: 600;
  position: relative;
  padding-right: 10px;
  margin: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border-width: 2px;
  border-style: solid;
  border-color: #a9a9a9;
  color: #a9a9a9 !important;
  border-radius: 2em !important;
  padding: 5px 10px 5px 0;
  width: 295px;
  text-align: center;
  margin: 0 auto;
}

.community-thread .accordion .ac-item .ac-title:hover {
  background-color: #a9a9a9 !important;
  color: #fff !important;
}


/* ==============================
   14. Events & School
   ============================== */


.event-title {
  font-size: 1.1rem
}

#event h6,
#school h6 {
  line-height: unset;
}

#event h5,
#school h5 {
  line-height: 1.55714286em;
  font-weight: 600;
}

#event .card-body p,
#school .card-body p {
  font-size: 13px;
}

#event .event_link,
#school .event_link {
  color: #3f3f3f;
}

#event .event_link:hover,
#school .event_link:hover {
  color: #777;
}

#event .card,
#school .card {
  border: 1px solid rgba(23, 24, 25, .9);
}


/* ==============================
   14a. Events & School Details
   ============================== */

   
.list-group-item-action:visited,
.list-group-item-action:active,
.list-group-item-action:focus,
.list-group-item-action:hover {
  /*Transition*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;	
}

/* 多分不要ですが一応設定は残しておきます　＃凍結 */
.cards_wrap {
	xbackground-color:#b26ba4;
	xborder: 2px solid #ff0000;
	margin-top:3rem;
	margin-bottom: 3rem;
	padding-top:3rem;
	padding-bottom: 3rem;
}

.cards_wrap_inner {
	padding-left: 1rem;
	padding-right: 1rem;
	background-color: #7ec0e6;
	margin-bottom: 2rem;
}

.cards_wrap_inner_r {
	padding-left: 0;
	xbackground-color: #7ec0e6;
	margin-bottom: 2rem;
}

.cards_wrap_inner_l {
	padding-right: 0;
	xbackground-color: #c8dc45;
	margin-bottom: 2rem;
}
   
.cards {
	background-color: #fff;
	padding: 1.25rem 0.75rem;
  border:1px solid rgba(0,0,0,.125);
  border-radius: 0.25rem;
  height: 100%;
}

@media (max-width: 991px) {

	.cards_wrap_inner_r,
	.cards_wrap_inner_l {
		padding-right: 0;
		padding-left: 0;
		margin-bottom: 2rem;
	}
}

.cards-body {
	background-color:#995b5b;
}

/* ここまで、多分不要ですが一応設定は残しておきます */

 
/* event_detail_info area */
.event_list_wrap {
	margin-bottom: 2rem;
	padding-left:0;
	padding-right: 0;
}

.event_list_wrap_each_wrap {
	margin-top: 0;
	xpadding-left:0;
	xpadding-right: 0;
	
}

@media (max-width: 991px) {
	.event_list_wrap {
		margin-bottom: 0;
	}

	.event_list_wrap_each_wrap {
		margin-top: 3rem;
	}
}

#event .event_list_wrap_each_wrap .card,
#school .event_list_wrap_each_wrap .card {
  border: 1px solid rgba(0,0,0,.125);
  width: 100%;
  height: 100%;
}

#event-detail {
  padding-top: 4rem;
  padding-bottom: 1.5rem;
}

.event_detail_card {
	xmargin-bottom: 1.5rem;
	xmargin-top: 1.5rem;
}

.event_detail_card_title {
	color: #1f1f1f !important;
	font-weight: bold;
}

.event_detail_card_info {
  margin: 1rem 0 1rem 0;
  padding: 0 20px 0 20px;
}

.event_detail_card_info_innre-col {
  xheight: 1.5rem;
  margin-bottom: -10px;
}

.event_detail_card_info_innre-col {
  xheight: 1.5rem;
  margin-bottom: -10px;
}

.event_detail_card_member {
  margin: 1rem 0 1rem 0;
  padding: 0.25rem 10px 0 20px;
}

.event_detail_card_member_inner {
  display: flex!important;
  align-items: center!important;
}

/* プロジェクト・イベント・スクール統合に伴い一時凍結　＃凍結 */

/*
.event_detail_card_member_inner_avater {
	position: relative;
	margin-right: 10px;
}

.event_detail_card_member_inner_avater img {
	width: 50px;
	xmax-width: 100%;
  height: auto;
	border-radius: 50%!important;
}

.event_detail_card_member_inner_player_detail {
	display: block !important;
	margin-bottom: .25rem;
	line-height: 1.45714286em;
}

.event_detail_card_member_inner_player_detail h5{
	line-height: 1.45714286em;
	margin: 0 0 0 0.25rem;
}

.event_detail_card_member_inner_player_detail_comp-title {
	display: flex!important;
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center!important;
}

    
event_detail_card_member_inner_player_detail_comp-title h6{
	margin: 0 0 0 0.25rem;
}
*/

.event_detail_event-outline {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin: 1rem 0 1rem 0;
	padding: 0;
}
    
    
/* school curriculum */

.school_curriculum_each {
	margin-bottom: 2rem;
}

.school_curriculum_each h5 {
  line-height: 1.55714286em !important;
}

.school_curriculum_each p {
  font-size: 0.9rem !important;
  line-height: 1.45714286em !important;
}

.school_accordion_curriculum_detail {
	padding-left: 0;
	padding-right: 0;
	margin-top: 2rem;
}


/* attached-files area */
.attached-files {}

.attached-files_inner {
	
/*＃凍結
	transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-duration: .2s;
	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2s;
*/
	}

.attached-files_inner_card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
	
	border-radius: 5px;
	transition: all 0.2s ease;
	text-align: center;
	padding: 0 /* 1.5rem */;
	margin-bottom: 2rem;
}

.attached-files_inner_card .h-100 {
	xbackground-color: #ec8bde;
}


.attached-files_inner_card_wrap {
	padding: 10px 0;	
}

.attached-files_inner_card_wrap_inner {
	padding: 0 20px 0 50px;	
}

.attached-files_inner_card_wrap_inner_list {
	-webkit-box-align: center!important;
	-ms-flex-align: center!important;
	align-items: center!important;
}

.attached-files_inner_card_wrap_inner_list_item_each {
	text-align: left;
	xpadding-left: 1rem;
	padding-right: 1rem;
	width: 100%;
}

@media (max-width: 640px) {
	.attached-files_inner_card_wrap_inner_list_item_each {
		padding-left: 1rem;
	}
}

.attached-files_inner_card_wrap_inner_list_item_each a {
	text-align: left;
	line-height: 1.4;
}

.attached-files_inner_card_wrap_inner_list_item_each p {
	margin-bottom: 0;
	font-size: 10px;
}

.attached-files_inner_card_wrap_inner_list_item_click {
	text-align: left;
	margin-left: -8px;
	word-break: break-all;
	display: block;
}

.attached-files_inner_card_wrap_inner_list_item_img_click img {
  width: 150px !important;
}

.attached-files_inner_card_wrap_inner_list_line {
	xbackground-color: #68a483;
	border-right:1px solid rgba(0, 0, 0, 0.125);
}


@media (max-width: 640px) {
	.attached-files_inner_card_wrap {
		padding:0;	
	}

	.attached-files_inner_card_wrap_inner_list_item_img_click img {
	  width: 100% !important;
	  margin-bottom: 1rem;
	}

	.attached-files_inner_card_wrap_inner_list_line {
		margin: 0 0rem 1rem 0rem;
		xborder-right:0px solid rgba(0, 0, 0, 0.125);
		xborder-bottom: 1px solid rgba(0, 0, 0, 0.125);
		border: none;
		padding:0rem 0rem 1.5rem 0rem;
	}
}

.attached-files_inner_card_wrap_img {
  width: 100%;
  xheight: 20px;
  margin-bottom: 1.5rem;
}


/* event_detail_info_document area */
   
    
/* .event_detail_card_info .col-2,.col-10,col-12 { */
.event_detail_card_info .col-2 {
  height: 2rem;
}

.event_detail_info_player_list {}


/* event_detail_card_info_document_attached　＃凍結 */

/*
.event_detail_card_info_document_attached {
  margin-top: 1rem;
  xmargin-bottom: 1rem;
  padding: 0 20px 0 20px;
  xborder-bottom: 1px solid #e3e3e3;
}

.event_detail_card_info_document_attached.top {
  margin-top: 0;
}

.event_detail_card_info_document_attached_item_inner {
	xmargin-bottom: 0.5rem;
}

.event_detail_card_info_document_attached_item_inner_each_click {
	text-align: left;
}

.event_detail_card_info_document_attached_item_inner_each_p1 {
	margin-bottom: 1rem;
	font-size: 10px;
}

.event_detail_card_info_document_attached_item_inner_each_p2 {
	margin-bottom: 1rem;
	font-size: 10px;
	padding-left: 0.5rem;
}
*/

.event_detail_info_img {
  width: 100%;
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px);
  margin-bottom: 1rem;
}

.event_detail_info_player_list_each {
	-webkit-box-align: center!important;
	-ms-flex-align: center!important;
	align-items: center!important;

  padding: 1rem 0 1rem 0;
  margin: 0;
  border-bottom: 1px solid #e3e3e3;
}

.event_detail_info_player_list_each.top {
  border-top: 1px solid #e3e3e3;
}

.event_detail_info_player_list_each.bottom {
  border-bottom: none;
}


/* event closed */
.closed_cover {
  xborder: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color:rgba(255,255,255,0.7);
	z-index: 5;
	margin-left: -1.1rem;
}

.closed_cover_inner {
	position: absolute;
	width: 50%;
	xheight: 50%;
	xtop:50%;
	xleft: 25%;
	xbackground-color:rgba(100,100,100,0.7);
}


/* ==============================
   15. Thread Details
   ============================== */


/* adjustment of heading title text */


.heading-text.heading-section>h2 {
	font-size: 1.78571429em;
  margin-bottom: 2rem;
  font-wight: 500;
}

.heading-text.heading-section>h2:before {
  bottom: -8px;
}

.heading-text.heading-section>h3 {
  font-size: 1.3rem;
  margin-bottom: 2.1rem;
  font-wight: 500;
}

.heading-text.heading-section > h3:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 70px;
    background-color: #8c8c8c;
    bottom: -10px;
    left: 0;
    right: 0;
}

.heading-text.heading-section>h4 {
  font-size: 1rem;
  margin-bottom: 2.1rem;
  font-wight: 500;
}

.heading-text.heading-section > h4:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 70px;
    background-color: #8c8c8c;
    bottom: -10px;
    left: 0;
    right: 0;
}

.heading-section-best img {
  width: 60px;
}

.heading-text.heading-section-best>h2 {
  font-size: 26px;
  margin-bottom: 30px;
  font-wight: 500;
}

.heading-text.heading-section p,
.heading-text.heading-section-best p {
  font-size: 1em;
}

/* adjustment of Bookmark button */

a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-sm:before,
.btn.btn-icon-holder.btn-sm:before {
  right: 42px;
}

/* adjustment of Button reveal */

a.btn:not([href]):not([tabindex]).btn-reveal,
.btn.btn-reveal:not(.upload-btn) .btn.btn-reveal:not(.arch-btn) {
  padding: 12px 20px;
}

/* adjustment of Resident avatar status */

.thread-details .stay-status {
  width: 10px;
  height: 10px;
  margin: 0 auto;
  font-size: 10px;
  text-decoration: none;
  display: block;
  text-align: center;
  background: rgba(129, 200, 104, 1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  position: absolute;
  bottom: 2px;
  right: 3px;
  top: auto;
}


/* adjustment of Best Answer Star Mark */

.best-rate {
  color: rgba(255, 174, 0, 0.7);
}

.best-rate i {
  font-size: 16px !important;
}


/* adjustment of Best Answer Resident images */

.best-comment img {
  width: 40px;
}


/* adjustment of Commnets Section*/

#comments .card-4 .card-body,
#best-answer .card-4 .card-body {
  padding: 0 0.65rem 1rem 0.65rem;
}

#comments .card-header,
#best-answer .card-header {
  padding: .5rem 1.25rem 0 1.25rem;
  margin-bottom: 0;
  background-color: unset;
  border-bottom: none;
}

#comments .card-footer,
#best-answer .card-footer {
  padding: 0 1.25rem .75rem 1.25rem;
  background-color: unset;
  border-top: none;
}

.comment-action {
  color: #a9a9a9 !important;
}

.comment-action:hover {
  color: #999999 !important;
}

.comments-all-open {
  display: none;
}

.comments-all-open:hover {
  opacity: .6;
}

.comments-all-close:hover {
  opacity: .6;
}

.comment-form-btn {
  width: 152px;
}

.comment-form-1 {
  display: none;
  transition: max-height 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86), opacity 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86);
}

/* adjustment of Reply */

.reply-box {
  padding: 0 4px;
  background: #bbb;
  border-radius: 5px 0 0 5px;
  color: #fff;
  font-size: 75.5%;
}

.reply-box-r {
  padding: 0 10px;
  background: #aaa;
  border-radius: 0 5px 5px 0;
  margin: 0;
  color: #fff;
  font-size: 75.5%;
}

.reply-1,
reply-2 {
  display: none;
}

.reply-a:hover {
  opacity: .7;
}

/* adjustment of relation project */

.relation_project a {
  text-decoration: underline;
}

.relation_project a:hover {
  text-decoration: none;
}

/* adjustment of attachment file */

.attachment_file img {
  width: 150px !important;
}

.attachment_file a {
  text-decoration: underline;
}

.attachment_file a:hover {
  text-decoration: none;
}

.attachment_file p {
  margin: 0 !important;
  font-size: 10px !important;
  /*line-height: 0 !important;*/
}

/* adjustment of Comments Menu */

.thread-details .p-dropdown .p-dropdown-content,
.thread-details .p-dropdown ul.p-dropdown-content {
  transition: max-height 0.1s cubic-bezier(0.79, 0.14, 0.15, 0.86), opacity 0.1s cubic-bezier(0.79, 0.14, 0.15, 0.86);
}


/* adjustment of Pagenation */

.pagination .page-item:not(.disabled).active>.page-link,
.pagination .page-item:not(.disabled):active>.page-link,
.pagination .page-item:not(.disabled):focus>.page-link,
.pagination .page-item:not(.disabled):hover>.page-link {
  background-color: #a9a9a9;
  border-color: #a9a9a9;
  color: #fff;
  box-shadow: none;
}

.page-link {
  border: 1px solid #a9a9a9;
}

.pagination .page-item:not(.disabled)>.page-link {
  color: #a9a9a9;
  background-color: #fff;
  border-color: #a9a9a9;
  height: 34px;
}

.page-item:first-child .page-link {
  padding-bottom: .5rem;
}

.page-item:last-child .page-link {
  padding-bottom: .5rem;
}


/* Thread Close Reason*/

.close_reason {
  background: #f7f7f7;
  border-radius: 5px;
  width: 100%;
  padding: 10px 10px;
  margin: 10px 20px 0 20px;
  text-align: left;
}

.thread_close_reason {
  background: #f7f7f7;
  border-radius: 5px;
  width: 100%;
  padding: 10px 10px;
  margin-bottom: 1rem;
  text-align: left;
}

.add-thread-form-btn {
  width: 186px;
}

/* ==============================
   16. Company List
   ============================== */
   

.company-list h6 {
  line-height: 1.66666667em;
  font-weight: 300;
}


/* ==============================
   17. Search Filter
   ============================== */


/* Search Filter Accordion */

.accordion.search-filter-accordion .ac-item.ac-active .ac-title:before {
  content: "\e95b";
}

.accordion.search-filter-accordion .ac-item .ac-title:before {
  content: "\e958";
}

.accordion.search-filter-accordion ul>li {
  display: block;
}

.accordion.search-filter-accordion ul>li a {
  line-height: 26px;
  white-space: nowrap;
  display: block;
  padding: 2px 8px;
}

.accordion.search-filter-accordion ul>li h6 {
  line-height: 1.5em !important;
}

.accordion.search-filter-accordion .ac-item {
  margin-bottom: 0px;
  padding: 12px 12px;
  border-radius: 5px;
  border: none;
  border-bottom: 1px solid #ececec;
}

.accordion.search-filter-accordion .ac-item .sub-menu {
  font-size: 12px !important;

}

.accordion.search-filter-accordion .ac-item .indent {
  padding-left: 20px !important;
}


/* checkbox margin bottom */

.sidebar-search-line {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}

.sidebar-search-line-indent {
  margin-bottom: 5px;
  padding: 0 0 5px 20px;
  border-bottom: 1px solid #eee;
}

/* custom checkbox */

.custom-control-lg .custom-control-label::before,
.custom-control-lg .custom-control-label::after {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

.custom-control-lg .custom-control-label {
  margin-left: 0.5rem !important;
  font-size: 0.9rem !important;
  color: #000 !important;
}

/* custom radiobox */

.custom-control-lg.custom-radio .custom-control-label::before,
.custom-control-lg.custom-radio .custom-control-label::after {
  width: 1.25rem !important;
  height: 1.3rem !important;
}

/* custom checkbox for dropdownmenu*/

.ddm-chekbox {
  color: #000 !important;
  margin-top: 3px !important;
}

/* submit button */

.serach-exec {
  padding: 12px 12px;
}


/* ==============================
   18. Responsive Styles
   ============================== */

@media (min-width: 768px) {
  #news .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    max-width: 18%;
  }
  #event h5,
  #school h5 {
    height: 65px;
  }
  h5.thread-summary {
    line-height: 1.55714286em;
  }
}

@media (max-width: 1120px) {
  #mainMenu nav>ul>li .dropdown-menu>li>a {
    color: #fff;
  }
  #mainMenu nav>ul>li .dropdown-menu>li>a:hover {
    color: #a9a9a9;
  }
  #mainMenu nav>ul>li .dropdown-menu>li>a:hover {
    color: #a9a9a9;
  }
  #header #mainMenu:not(.menu-overlay) nav>ul>li>a .menu-sub-title {
    display: block !important;
  }
  #mainMenu.menu-sub-title nav>ul>li>a>.menu-sub-title {
    font-size: 10px;
    padding: 0px;
    line-height: 0;
    height: 0;
    text-transform: none;
    display: block;
    opacity: 0.5;
    font-weight: 400;
    margin: 0;
    margin-top: 5px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .header-extras>ul .p-dropdown>a>i,
  .header-extras>ul>li>a>i {
    font-size: 16px !important;
  }
}

@media (max-width: 992px) {
  #slider {
    top: -190px !important;
    margin-bottom: -190px !important;
  }
  .news-ticker {
    display: block !important;
  }
  .news-ticker {
    padding: .5em .5em .1em .5em;
  }
  ul.news-ticker {
    margin-bottom: 0rem;
  }
  #topbar {
    height: auto !important;
  }
  .news-ticker .news-ticker--item[aria-hidden] {
    text-align: left !important;
  }
  #search {
    display: flex;
    flex-direction: column;
    justify-content: normal;
  }
  #search .search-form {
    position: relative;
    top: 20%;
  }
  .header-extras>ul .p-dropdown>a>i,
  .header-extras>ul>li>a>i {
    font-size: 20px !important;
  }
  #header[data-transparent="true"]+#slider {
    padding-top: 50px
  }
  .inspiro-slider .slide-captions h2 {
    font-size: 30px;
    padding-top: 70px;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 6rem !important;
  }
  #page-title {
    padding: 20px 0 10px 0 !important;
  }
}

@media (max-width: 640px) {
  .card-etc {
    font-size: 0.85rem;
  }
  .p-l-62 {
    padding-left: 0 !important;
  }
  .p-r-20 {
    padding-right: 0 !important;
  }
  .flex-cancel {
    display: block !important;
  }
  .news-area {
    display: block !important;
  }
  .comment_user {
    display: block !important;
  }
  .comment_action {
    margin: 15px 0 0 0 !important;
  }
  .news-container {
    padding: 0rem !important;
  }
  footer .widget {
    margin-bottom: 0;
    text-align: left;
    margin-left: 30px;
  }
  .owl-nav {
    display: none !important;
  }
  .inspiro-slider .slide-captions h2 {
    font-size: 24px;
  }
  .card-etc-c {
    font-size: 0.95rem !important;
  }
  .p-l-65 {
    padding-left: 0 !important;
  }
  .p-r-20 {
    padding-right: 0 !important;
  }
  .best-comment img {
    width: 30px;
  }
  .heading-text.heading-section>h2 {
    font-size: 22px;
    margin-bottom: 30px;
  }
  .heading-text.heading-section-best>h2 {
    font-size: 22px;
    margin-bottom: 30px;
  }
  .heading-text h4 {
    font-size: 1.25714286em;
    line-height: 1.38421053em;
  }
  .heading-section-best img {
    width: 50px;
  }
  .attachment_file img {
    width: 100% !important;
  }
}

@media (max-width: 576px) {
  .s-dropdown .s-dropdown-content,
  .s-dropdown ul.s-dropdown-content {
    position: fixed;
    left: 0 !important;
    width: 100% !important;
  }
  .search-box i {
    font-size: 20px !important;
    position: relative;
  }
}

@media (max-width: 480px) {
  #topbar.topbar-transparent.dark {
    background-color: rgba(4, 4, 4, 1.0) !important;
  }
  #header.dark .header-inner,
  #header.dark #header-wrap {
    background-color: rgba(4, 4, 4, 1.0);
  }
  #slider {
    top: 0 !important;
    margin-bottom: 0 !important;
  }
  .text-xs-left {
    text-align: left !important;
  }
  .flex-cancel {
    display: block !important;
  }
  .text-xs-center {
    text-align: center;
  }
  .comment-palyer-block {
    display: block !important;
  }
  .card.card-4 .card-body {
    padding: 1rem 0.35rem 1.2rem 0.35rem;
  }
  .inspiro-slider .slide-captions h2 {
    padding-top: 0px;
  }
}

@media (max-width: 375px) {
  .page-menu nav>ul>li>a {
    padding: 6px 10px !important;
    font-size: 10px !important;
    min-width: 85px !important;
  }
}

@media (max-width: 340px) {
  #header .header-inner #logo a>img,
  #header #header-wrap #logo a>img {
    height: 13px;
  }
  .page-menu nav>ul>li>a {
    padding: 6px 5px !important;
    font-size: 10px !important;
    min-width: 80px !important;
  }
  .search_trigger i {
    font-size: 16px !important;
    position: relative;
  }
  .header-extras>ul .p-dropdown>a>i,
  .header-extras>ul>li>a>i {
    font-size: 16px !important;
  }
}


/* ==============================
   19. For Component List
   ============================== */

.sidebar-menu {
  padding: 5px;
  line-height: 1.1;
}

.sidebar-menu label {
  color: #000;
  margin-top: 40px;
}

.sidebar-menu li+li {
  margin: 0;
}

.sidebar-menu li+li a {
  margin: 0;
}


/* 奇数番目の要素に適用 */

.sidebar-menu ul li:nth-child(odd) {
  background-color: #f7f7f7;
}

.sidebar-menu ul li a {
  padding: 10px;
  border-bottom: 1px dotted #ccc;
}

.sidebar-menu ul li a.nofix1 {
  background-color: #e31cd3;
  color: #fff;
}

.sidebar-menu ul li a.nofix2 {
  background-color: #b937e0;
  color: #fff;
}

.sidebar-menu ul li a.nofix3 {
  background-color: #40820c;
  color: #fff;
}

.sidebar-menu ul li a.active {
  background-color: #ff0000;
  color: #fff;
  font-weight: bold;
}

.sidebar-menu ul li a.active::before {
  font-family: "Font Awesome 5 Free";
  content: "\f35a";
  margin-right: 0.5rem;
}


/* ==============================
   20. STD Common Parts
   ============================== */
   
   
.heading-text.heading-section > h2 {
	line-height: 2.5rem;
}

#section_std {
	margin: 0;
	padding: 0 0 5rem 0;
	z-index: auto;
	xbackground-color: aqua;
}

@media (max-width: 640px) {
	#section_std {
		padding: 0 0 2rem 0;
	}
}


.section_std_wrap {
	position: relative;
	background-color: fuchsia;
}

.section_std_wrap.grey {
	background-color: #F7F9FB;
}

.section_std_wrap.wht {
	background-color: #fff;
}

.main-contents{
	padding-top: 3rem!important;
	xbackground-color: green;
}

@media (max-width: 640px) {
	.main-contents{
		padding-top: 1rem!important;
	}
}

/* dropdown customise */
.p-dropdown .p-dropdown-content ul > li a,
.p-dropdown .p-dropdown-content > li a,
.p-dropdown ul.p-dropdown-content ul > li a,
.p-dropdown ul.p-dropdown-content > li a {
  line-height: 26px;
  white-space: nowrap;
  display: block;
  padding: 0px;
}

.regident_list_in {
	padding: 0 8px;
}

.dropdown-menter {
}

.dropdown-menter a {
}

.dropdown-menter a {
}

.dropdown-menter a:active,
.dropdown-menter a:focus,
.dropdown-menter a:hover {
  opacity: 0.3;
  transition:all 0.5s ease;
}

.title_kV {
  height: 40vh;
  background-image: url(../images/test/test_bg.jpg);
  background-size: cover;
  background-position: center center;
  padding: 0;
}

.title_kV_filter {
	background-color: rgba(0, 0, 0, 0.5);
}

.title_kV_row_inner {
  align-content: stretch;
  height: 40vh;
}

.title_kV_row_inner_title_kV_status {
	align-self: flex-start!important;
	color: #ffffff;
	text-align: right;
	font-weight: bold;
}

.title_kV_row_inner_title_kV_title {
	align-self: flex-end!important;
}

.title_kV_row_inner_title_kV_title h2 {
  font-size: 3rem;
  font-weight: 100;
  line-height: 1.2;
  margin-bottom: 30px;
  color: #fff;
}

.title_kV_row_inner_title_kV_title_R {
	align-self: flex-end!important;
	padding: 1rem;
	background-color: rgba(255, 255, 255, 0.8);
	border-top-left-radius: calc(.5rem - 1px);
	border-top-right-radius: calc(.5rem - 1px);
}


.card:not(.card-static):hover {
	xbox-shadow: 0 6px 38px rgba(0, 0, 0, 0.05);
	box-shadow: none;
	}

/* page-title */

#STD_page-title {
	padding: 0 0 50px 0;
}

.page_intro_common {
	padding:0;
	background:transparent;
	xmargin-bottom: 3rem;
}

/* side-bar_menu */
.sidebar {
	padding-left: 0;
}

@media (max-width: 991px) {
	.sidebar {
	  margin-bottom: 40px;
	  border-top: 1px solid #ececec;
	  margin-top: 1rem;
	}
}


/* pagination */
.pagination_wrap {
 }

.pagination {
	margin: 3rem 0;
	text-align: center;
}

@media (max-width: 640px) {
	.pagination {
		margin: 1rem 0;
	}
}

#page-navi {
	padding: 1rem 0;	
}

.page-navi_back a {
  text-decoration: underline;
  color: #1f1f1f;}


.page-navi_back a:active,
.page-navi_back a:focus,
.page-navi_back a:hover {
  color: #1f1f1f;
  text-decoration: none;
}


/* form design */
.custom-file-input:lang(ja) ~ .custom-file-label::after {
  content: "参照";
}			

.form-area {
	margin-bottom: 3rem;
}

.label {
	display: inline-block;
	margin-bottom: .5rem;
}

/* modal */
.modal-body h4 {
	font-size: 1.2rem;
	margin-bottom: 1rem;
}

.modal-footer.reaction-list {
  justify-content: center;
}

/* error */
.error_std {
  background-image: url(../images/test/test_bg.jpg);
  background-size: cover;
  background-position: center center;
  padding:3rem 0;
}

.error_std.calc {
  height: calc(100vh - 80px - 40px - 194px - 60px - 40px); /* header:80px+40px + footer:194px+60px+40px */
  padding: 0;
}

.error_std:before{
  content: '';
  background: inherit;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px)grayscale(90%)brightness(0.8);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}

.error_wrap {
  xheight: calc(100vh - 80px - 40px - 194px - 60px - 40px); /* header:80px+40px + footer:194px+60px+40px */
}

.error_wrap.calc {
  height: calc(100vh - 80px - 40px - 194px - 60px - 40px); /* header:80px+40px + footer:194px+60px+40px */
}

#error-inner {
	color: #fff;
}

.error_title h2 {
	color: #ccc;
	font-size: 5rem;
	text-transform: uppercase;
	letter-spacing: 1.1rem;
	line-height: 1.2;
	margin-bottom: 0;
}

.error_title p {
	color: #fff;
	font-size: 3rem;
}

#error-inner a.btn:not([href]):not([tabindex]).btn-outline, .btn.btn-outline {
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-color: #ccc;
    color: #ccc;
}


@media (max-width: 991px) {

	.error_title h2 {
		font-size: 3rem;
		letter-spacing: 0.2rem;
	}

	.error_title p {
		font-size: 2rem;
	}

}


.error_message {
	xmargin-top: 2rem;
}

.error_message p {
	color: #fff;
}


/* modal error  */

.modal-content.modal_error {
	xbackground-color: blue;
}

.modal-content.modal_error .modal-header {
	xbackground-color: fuchsia;
}

.modal-content.modal_error .modal-header .modal-title {
	xfont-size: 10rem;
	color: #dc3545;
	text-align: center;
	width: 100%;
}

.modal-content.modal_error .modal-body {
	xbackground-color: green;
}

.modal-content.modal_error .modal-body h5 {
	text-align: center;
	xfont-size: 5rem;
}

.modal-content.modal_error .btn {
	xbackground-color: yellow;
	xcolor: #1e1e1e;
}

.modal-content.modal_error  .modal-footer {
	justify-content: center;
}


.form_error_title-bottom {
	display: inline-block;
	margin-top: .25rem;
	font-size: 80%;
	color: #dc3545;
	font-size: 80%!important;
	padding: 0.5rem 1rem;
	border: 1px solid #dc3545;
	border-radius: 0.25rem;
}

.error_title-bottom {
	display: inline-block;
	margin-top: .25rem;
	font-size: 80%;
	color: #1e1e1e;
	font-size: 80%!important;
	padding: 0.5rem 1rem;
	border: 1px solid #1e1e1e;
	border-radius: 0.25rem;
}


/*
リンクを活かすために凍結
.card.card-4 article .overlay {
	z-index: 10;
}
*/

.badage-stage-1,
.badage-stage-2,
.badage-stage-3,
.badage-stage-4 {

margin: 0 0.25rem;	
}


.badage-stage-5 {
  background-color: #515151;
  color: #fff;
  font-weight: 600;
  border: 1px solid #282828;
  
}


.hashtag {
	background-color:#f8f9fa;
	border: 1px solid #dee2e6;
	padding: 0.25rem;
	color:#666;
	margin-right: 0.25rem;
	font-size: 0.75rem;
	line-height: 1.8rem;
}


/* tab nav */
.scroll-tab {}

.scroll-tab .nav-tabs {
	border-bottom:none;
}

.scroll-tab_each-tab{
	min-width:200px;
  transition: 0.3s ease;
  font-weight: 600;
  }

.scroll-tab_custom-nav {
	overflow-x:scroll;
	overflow-y:hidden;
	flex-wrap: nowrap;
	margin-bottom: 1rem;
}

.scroll-tab_custom-nav .nav-link {
	font-weight: 600;
	color:#8c8c8c;
  padding: 14px 24px;
  border: none;
}

.scroll-tab_custom-nav .nav-item.show,
.scroll-tab_custom-nav .nav-link,
.scroll-tab_custom-nav .nav-link.active {
  color: #495057;
	border-bottom: 4px solid #ececec;
}

.scroll-tab_custom-nav .nav-link.active {
	border-bottom: 4px solid #8c8c8c;
}

.close-area{
  text-align: right;
}

.close-area a {
  xtext-decoration: underline;
  color: #1f1f1f;
  font-size: 1rem;
}

.close-area a:active, 
.close-area a:focus, 
.close-area a:hover {
  opacity: 0.3;
  transition:all 0.5s ease;
}


/* password control visible invisible */
::-ms-reveal,
::-ms-clear {
  display: none !important;
}

.hideShowPassword-toggle {
  background-color: transparent;
  background-image: url('../images/wink.png'); /* fallback */
  background-image: url('../images/wink.svg'), none;
  background-position: 0 center;
  background-repeat: no-repeat;
  border: 2px solid transparent;
  border-radius: 0.25em;
  cursor: pointer;
  font-size: 100%;
  height: 44px;
  margin: 0;
  max-height: 100%;
  padding: 0;
  overflow: 'hidden';
  text-indent: -999em;
  width: 46px;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.hideShowPassword-toggle-hide {
  background-position: -44px center;
}

.hideShowPassword-toggle:hover,
.hideShowPassword-toggle:focus {
  border-color: #0088cc;
  outline: transparent;
}

/* search button */
.search-area-btn-set .form-inline {
    flex-flow: row nowrap;
}



/* ==============================
   21. Folum
   ============================== */
   
   
.folum-card {
	xmargin-top: 3rem;
}

.folum-thread {
	background-color: #7a88d6;
}

/* ==============================
   22. Mentor
   ============================== */
   
   

.mentor_list_each {
	background-color: fuchsia;
}

.mentor_list_each_link {
	xmargin-left: 5rem;
	padding: 1rem 0 1rem 0;
	border-bottom: 1px solid #e3e3e3;
	display: block;
}

.mentor_list_each_link_no-border {
	xmargin-left: 5rem;
	padding: 1rem 0 1rem 0;
	xborder-bottom: 1px solid #e3e3e3;
	display: block;
}

.mentor_list_each_link.no-border {
	border-bottom:none;
}


.mentor_list_each_link.border2 {
	border-bottom: 1px solid #e3e3e3;
	border-top: 1px solid #e3e3e3;
	margin: 2rem 0;
}

.mentor_list_each_link a :visited,
.mentor_list_each_link a :active,
.mentor_list_each_link a :hover {
  /*Transition*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}


#page_intro_mentor {
	padding:0;
	background:transparent;
	xmargin-bottom: 3rem;
}

.mentor-card {
	xmargin-top: 3rem;
}

/* Mentor Profile */

.mentor_list_each_link .stay-status {
  top: 35px;
}

.mentor_list_each_link_no-border .stay-status {
  top: 35px;
}

.mentor_wrap {
  background: #fff;
  position: relative;
  padding-bottom: 95px;
  padding-top: 173px;
  z-index: 10;
  overflow: hidden;
}

.mentor-profile_wrap{
	xpadding-top: 1rem;
}

.mentor-profile_L_inner_name {
	text-align: center;
	border-right: 1px solid #e3e3e3;
}

.mentor-profile_L_inner_name_edit {
	text-align: left;
}

.mentor-profile_L_inner_school {
	text-align: center;
	xbackground-color: #2e6f18;
}

.mentor-profile_L_inner_company {
	text-align: left;
	xbackground-color:#6730b0;
}

.mentor-profile_L_inner_company h5 {
	display: block;
	margin: 0 0 .25rem .25rem;
	line-height: 1.45714286em;
}

@media (max-width: 991px) {
	.mentor-profile_L_inner_name {
		padding:1rem 0 0.5rem 0;
		border-right: none;
		xborder-bottom: 1px solid #e3e3e3;
	}

	.mentor-profile_L_inner_name_edit {
		text-align: center;
		margin-top: 2rem;
	}

	.mentor-profile_L_inner_school {
		padding:1rem 0 0.5rem 0;
		border-bottom: none;
	}

	.mentor-profile_L_inner_company_top {
		padding:1rem 1rem 0.5rem 1rem;
		border-top: 1px solid #e3e3e3;
		border-bottom: 1px solid #e3e3e3;
	}

	.mentor-profile_L_inner_company_bottom {
		padding:1rem 1rem 0.5rem 1rem;
		border-bottom: 1px solid #e3e3e3;}

}

.mentor-profile_project_wrap {
	padding-left: 0;
	margin-bottom: 1rem;
}
	

@media (max-width: 991px) {
	.mentor-profile_project_wrap {
		padding: 0;
	}
}


.mentor-profile_personal_title {
	margin-top: 3rem;
}


.mentor_experience_sec-title {
	xbackground-color: #c5a03b;
}

.mentor_experience_sec-title_else {
	margin-top: 2rem;
}

.mentor_experience_inner {
	margin: 0;
	padding: 0 0 2rem 0;
	z-index: auto;
}

.company-division-title {
	margin-bottom: 2rem;
}

.title-block {
	xbackground-color: blue;
}

.related_article {
	height: 2rem;
}

.related_article a {
  text-decoration: underline;
  color: #1f1f1f;
}

.related_article a:active, 
.related_article a:focus, 
.related_article a:hover {
  opacity: 0.3;
  transition:all 0.5s ease;
}


.profile_sns {
	display: inline;
	list-style: none;
	font-size: 2rem;
	margin-right: 2rem;
	xcolor:#444;
}

.profile_sns a {
  text-decoration: underline;
  color: #1f1f1f;
}

.profile_sns a:active, 
.profile_sns a:focus, 
.profile_sns a:hover {
  opacity: 0.3;
  transition:all 0.5s ease;

}

/* for tab menu */

.custom-tab-nav{
	overflow-x:scroll;
	overflow-y:hidden;
	flex-wrap: nowrap;
}

.custom-tab-nav_each{
	min-width:160px;
}


/* corp profile */
.corp-profile_wrap{
	padding-top: 1rem;
}

.corp-profile_L_inner_name {
  text-align: left;
}

/* ==============================
   23. News List & Detail
   ============================== */
   
   
.news_list-card {
	margin-top: 3rem;
}

.news_list-card_wrap {
	padding: .5rem 0;
	z-index: 10;
	overflow: hidden;
}

.news_list-card_wrap_list-each {
  color: #1f1f1f;
  text-align: left;
  height: 2rem;
}

.news_list-card_wrap_badge_wrap {
/*
	position: absolute;
	left:50px;
	width: 18rem;
*/
}

.news_list-card_wrap_badge {
	position: absolute;
	left:70px;
  color: #1f1f1f;
	background-color: transparent;
	border: 1px solid rgba(0, 0, 0, 0.7);
	width: 100px;
	text-align: center;
	margin-right: 1rem;
}

.news_list-card_wrap_badge_imp {
	position: absolute;
	left:0px;
  color: #fff;
	background-color: #1f1f1f;
	border: 1px solid rgba(0, 0, 0, 0.7);
	width: 50px;
	text-align: center;
	margin-right: 1rem;
}

.news_list-card_wrap_list-each_date {
	position: absolute;
	left:200px;
	width: 18rem;
}

.news_list-card_wrap_list-each_title {
	position: absolute;
	left:370px;
}


@media (max-width: 640px) {
	.news_list-card_wrap_list-each {
		display: block !important;
	}
	
	.news_list-card_wrap_badge_wrap {
		display: inline-block;
	}

	.news_list-card_wrap_list-each_date,
	.news_list-card_wrap_list-each_title{
		position:inherit;
		left:0px;
	}
	
}

.news_list-card_wrap_list-each a {
  text-decoration: underline;
  color: #1f1f1f;
}

.news_list-card_wrap_list-each a:active, 
.news_list-card_wrap_list-each a:focus, 
.news_list-card_wrap_list-each a:hover {
  color: #1f1f1f;
  text-decoration: none;
}

/* News Detail */
#news_detail {
	padding-top: 2rem;
	padding-bottom: 5rem;
}

.news_detail_card_wrap {
	padding: 2rem 1rem;
	z-index: 10;
	overflow: hidden;
}

.news_detail_card_wrap h4 {
 line-height: 1.6;
 margin-bottom: 1.6rem;
}

/* ==============================
   24. project- Add & progress
   ============================== */
   
   
.progress_stage_detail_card_wrap {
	padding: 4rem 1rem 1rem 1rem;
	z-index: 10;
	overflow: hidden;
}

.progress_stage_detail_card_wrap h4 {
    line-height: 1.6;
    margin-bottom: 1.6rem;
}

.pj-title_main {
	display: block;
	font-weight: 900;
	font-size: 1.78rem;
	margin: 0.5rem 0;
}

.pj-title_main .fa {
	font-size: 1rem;
	vertical-align: top;
	opacity: 0.7;
}

.arch-accordion-round .ac-item {
	border: none;
}

.arch-accordion-round .ac-item .ac-title {
  font-size: 1.05714286em;
  line-height: 1.68421053em;
  font-weight: 600;
  position: relative;
  padding-right: 10px;
  margin: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border-width: 2px;
  border-style: solid;
  border-color: #a9a9a9;
  color: #a9a9a9 !important;
  border-radius: 2em !important;
  padding: 5px 10px 5px 0;
  width: 295px;
  text-align: center;
  margin: 0 auto;
}
   
.progress_file-manage {
	xbackground-color: aqua;
	xmargin-left: 2rem;
}

.progress_release_c-number_wrap {
	xbackground-color:#2c8d60;
	xwidth: 30%
}


/* ============================================
   25. registration_form mentor/player/corporate
   ============================================ */
   
   
.profile_image {}


.profile_image-box {
  width: 300px;
  height: auto;
  background: #333;
  position: relative;
  xborder-radius: 50% !important;
  text-align: right;
}

.profile_image-box img {
  display: block;
  width: 100%;
  opacity: 1;
  xborder-radius: 50% !important;
}

.profile_image-box:hover img {
  opacity: 0.3;
  transition:all 0.5s ease;
}

.profile_image-overlay {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}

.profile_image-box:hover .profile_image-overlay {
  opacity: 1;
}

/* corp version */
.corp_profile_image {}


.corp_profile_image-box {
  xwidth: 300px;
  xheight: auto;
  background: #333;
  position: relative;
  xborder-radius: 50% !important;
  text-align: right;
}

.corp_profile_image-box img {
  display: block;
  width: 100%;
  opacity: 1;
  xborder-radius: 50% !important;
}

.corp_profile_image-box:hover img {
  opacity: 0.3;
  transition:all 0.5s ease;
}

.corp_profile_image-overlay {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}

.corp_profile_image-box:hover .corp_profile_image-overlay {
  opacity: 1;
}

/* active版 */
.profile_image-box.active img {
  opacity: 0.3;
  transition:all 0.5s ease;
}

.profile_image-box.active .profile_image-overlay.active {
  opacity: 1;
}

.profile_image-contents h5{
  xpadding: 0 10px 5px;
  font-size: 1.5rem;
  color: #fff;
}

/* active corp 版 */
.corp_profile_image-box.active img {
  opacity: 0.3;
  transition:all 0.5s ease;
}

.corp_profile_image-box.active .corp_profile_image-overlay.active {
  opacity: 1;
}

.corp_profile_image-contents h5{
  xpadding: 0 10px 5px;
  font-size: 1.5rem;
  color: #fff;
}

a.hover_img2{
	background-color:#fff; /*背景に白を設定*/
	display:block; /*ブロック化重要！*/
}

a.hover_img2 img{
  transition:all 0.5s ease;
}

a:hover.hover_img2 img{
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.profile_email {
	xdisplay: inline-block;	
}

.profile_email h5 {
	position: absolute;
	margin-top: 0.5rem;
	left: 16rem;
} 

@media (max-width: 640px) {
	.profile_email h5 {
		position: inherit;
		margin-top: 0rem;
		left: 0rem;
	}
}  
    

/*＃凍結
.profile_image a {
  text-decoration: underline;
  color: #1f1f1f;}


.profile_image a:active, 
.profile_image a:focus, 
.profile_image a:hover, {
  color: #1f1f1f;
  text-decoration: none;
}
*/


/* ============================================
   26. project_list manage
   ============================================ */
   
   
.project_card {
	margin-bottom: 2rem;
}

.project_card_inner1 {
	margin-bottom: 1rem;
}

.project_card_inner2 {
	margin-bottom: 1rem;
	xborder-bottom: 1px solid #e3e3e3;
	padding-bottom: 0.5rem;
}

.project_card_inner3 {
	margin-bottom: 1rem;
	padding: 0.5rem;
	background-color: #F7F9FB;
	border-radius: 0.2rem;
}

.project_card_inner_lastupdate {
	font-size: 0.95rem;
	color:#f1f1f1;
	text-align: right;
	font-weight: 100;
}

/* manage page */

.pj-member_list_each {
	padding: 1rem 0 2.5rem 0;
	display: block;
	border-bottom: 1px solid #e3e3e3;
}

.pj-member_list_each.no-border {
	border-bottom: none;
}


/* ============================================
   27. Event School Project 
   ============================================ */
   

.manage-tool{
	
}

/* ============================================
   28. Corporation
   ============================================ */
   

#corp h6,
#school h6 {
  line-height: unset;
}

#corp h5 {
  line-height: 1.55714286em;
  font-weight: 600;
}

#corp .card-body p {
  font-size: 13px;
  margin-bottom: 0.25rem;
}

#corp .event_link {
  color: #3f3f3f;
}

#corp .event_link:hover {
  color: #777;
}

#corp .card {
  border: 1px solid rgba(23, 24, 25, .9);
}

.corp-title {
  font-size: 1.1rem
}

.corp-title h5 {
  font-size: 11rem
}

.corp_list_wrap {
	margin-bottom: 2rem;
	padding-left:0;
	padding-right: 0;
	width: 100%;
}

.corp_list_wrap_each_wrap {
	margin-top: 0;
	xpadding-left:0;
	xpadding-right: 0;
}

@media (max-width: 991px) {
	.corp_list_wrap {
		margin-bottom: 0;
	}

	.corp_list_wrap_each_wrap {
		margin-top: 3rem;
	}
}

#corp .corp_list_wrap_each_wrap .card {
  border: 1px solid rgba(0,0,0,.125);
  width: 100%;
  height: 100%;
}

#corp-detail {
  padding-top: 4rem;
  padding-bottom: 1.5rem;
}

.corp_detail_card {
	xmargin-bottom: 1.5rem;
	xmargin-top: 1.5rem;
}

.corp_detail_card_title {
	color: #1f1f1f !important;
	font-weight: bold;
}

.corp_detail_card_info {
  margin: 1rem 0 1rem 0;
  padding: 0 20px 0 20px;
}

.corp_detail_card_info_innre-col {
  xheight: 1.5rem;
  margin-bottom: -10px;
}

.corp_detail_card_info_innre-col {
  xheight: 1.5rem;
  margin-bottom: -10px;
}

.corp_detail_card_member {
  margin: 1rem 0 1rem 0;
  padding: 0.25rem 10px 0 20px;
}

.corp_detail_card_member_inner {
  display: flex!important;
  align-items: center!important;
}

/* responsive set */
@media (min-width: 768px) {
  #corp h5 {
    height: 3rem;
  }
}


/* ==============================
29. login
   ============================== */
   
   
.login_std {
  background-image: url(../images/test/test_bg.jpg);
  background-size: cover;
  background-position: center center;
  padding:3rem 0;
}

.login_std.calc {
  height: calc(100vh - 80px - 40px - 194px - 60px - 40px); /* header:80px+40px + footer:194px+60px+40px */
  padding: 0;
}

.login_std:before{
  content: '';
  background: inherit;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}

.login_wrap {
  xheight: calc(100vh - 80px - 40px - 194px - 60px - 40px); /* header:80px+40px + footer:194px+60px+40px */
}

.login_wrap.calc {
  height: calc(100vh - 80px - 40px - 194px - 60px - 40px); /* header:80px+40px + footer:194px+60px+40px */
}

.login_wrap p {
  color: #fff;
  margin-top: 2rem;
}

.login_wrap h2 {
	color: #fff;
	font-size: 1.3rem;
	margin-bottom: 1rem;
}

.login_inner {
  background-color: #171819;
  padding: 1rem 4rem;
  color: #fff;
  min-height: 3rem;
}

.login_inner p {
  color: #fff;
  margin-top: 2rem;
}

.login_inner p.fixed {
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
}

.login_inner p.fixed_small {
	font-size: 80%;
  margin-top: 0rem;
  margin-bottom: 0.75rem;
}

.login_inner p a {
  color: #fff;
}

.login_title {
	color: #fff;
	font-size: 1rem;
	margin-top: 1rem;
	font-weight: 600;
}

.login_check_title, .login_check_title_min {
	display: inline-block;
}

.login_inner p.login_check_text {
	display: inline-block;
	xbackground-color: aqua;
	position: absolute;
	left:14rem;
	width: 100%;
	margin-top: 1rem;
}

.login_inner p.login_check_text_min {
	display: inline-block;
	xbackground-color: aqua;
	position: absolute;
	left:5rem;
	width: 100%;
	margin-top: 1rem;
}


.login_inner .form-text .text-muted {
  color: #fff;
}

@media (max-width: 768px) {
	.login_wrap.calc {
	  height: calc(100vh - 80px - 40px - 194px - 60px - 40px); /* header:80px+40px + footer:194px+60px+40px */
	}

	.login_wrap.calc {
	  height: calc(100vh - 80px - 40px - 194px - 60px - 40px); /* header:80px+40px + footer:194px+60px+40px */
	}

	.login_inner {
	  padding: 1rem;
    xbackground-color: #ff0;
	}

	.login_check_title {
		display: block;
	}

	.login_inner p.login_check_text {
		display: block;
		position: relative;
		left: 0rem;
		margin-left: 1rem;
	}

	.login_check_title_min {
		display: inline-block;
		background-color: aqua;
	}

	.login_inner p.login_check_text_min {
/*
		position: relative;
		left: 0rem;
		margin-left: 1rem;
		background-color: aqua;
*/
	}
	
}

/* progress-steps */
.progress-steps {
	background-color: #b7a3df;
	opacity: 0.8;
	color: #fff;
	margin-bottom: 2rem;
}

.progress-steps .step {
	background-color: #906767;
	opacity: 0.8;
	color: #fff;
	margin:0;	
	padding: 0;
}

.progress-steps .step h5 {
	color: #999;
	font-size: 80%;
	font-weight: 900;
	margin:0;	
}

.progress-steps .step p {
	color: #999;
	font-size: 60%;
	margin:0;	
}


/* progress-bar */
.login_inner .p-progress-bar-container.extra-small, .login_inner .progress-bar-container.extra-small {
  height: 8px;
  margin-top: 5rem;
}

.login_inner .p-progress-bar-container.extra-small .progress-title,
.login_inner .progress-bar-container.extra-small .progress-title {
  margin-top: -2rem;
}

.login_inner .progress-title h5 {
	color: #fff;
	font-size: 1rem;
	margin-bottom:1rem;	
}

.login_inner .progress-title h5.title {
	font-weight: 900;
}

.p-progress-bar, .progress-bar {
   background-color: #ff0000;
}

.login_inner .progress-type,.progress-number {
	color: #fff!important;
  margin-top: -2rem!important;
}



/* ==============================
30. account
   ============================== */
   
   
.account-name {
  display: inline-block;
  font-size: 2em;
  line-height: 2;
  text-align: left
}

@media (max-width: 768px) {
	.account-name {
		width: 100%;
		margin-top: 2rem;
	  text-align: center;
	}
}


/* ==============================
31. memo
   ============================== */
   
.p-dropdown.memo {
    float: right;
    font-size: 13px;
    font-weight: 400;
    position: relative;
    margin-left: 2rem;
}

.card-etc_A {
	position: absolute;
	left:11rem;
	width: 8rem;
}

.card-etc_B {
	position: absolute;
	left:17rem;
	width: 10rem;
}

.card-etc_C {
	position: absolute;
	left:0rem;
	width: 3rem;
}

@media (max-width: 768px) {
	.card-etc_A,.card-etc_B, .card-etc_C {
		position: inherit;
		left:0px;
		width:auto;
	}

}

.memo-edit-3point {}
/* text-right text-xs-left text-lg-right text-md-right text-sm-right order-xl-2 order-lg-2 order-md-2 order-sm-2 order-1 mb-3 mb-lg-0 mb-md-0 mb-sm-0 */

/* ==============================
32. link Setup
   ============================== */
.split_thread {
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}


.split_thread a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}


.split_thread:visited,
.split_thread:active,
.split_thread:hover {
	
  /*Transition*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
}


/* ==============================
33. Plugin (dropdown check box customize)
   ============================== */

.p-dropdown.add {
  width: calc(100% - 32px);
  margin-left: 16px;
}


form .p-dropdown {
  width: 100%;
}

.p-dropdown .form-control {
  width: 100%;
	color: #495057 !important;
	font-weight: 400;
}


/* ==============================
34. Tab area
   ============================== */

.tab_content {
	margin-top: 0rem 1rem;
	padding: 0.5rem;
	background-color: #F7F9FB
}

.tab_inner {
	padding: 0.5rem;
	background-color: #F7F9FB
}



/* ==============================
35.	QA section
   ============================== */

.qa_accordion_curriculum_detail {
	padding-left: 0;
	padding-right: 0;
	margin-top: 0.5rem;
}

.qa_accordion_curriculum_detail .accordion .ac-item {
	background-color: #fff;
}


/* ==============================
36. room reservation
   ============================== */
   
.room_list_wrap {
	margin-bottom: 2rem;
	padding-left:0;
	padding-right: 0;
	width: 100%;
}

.room_list_wrap_each_wrap {
	margin-top: 0;
	xpadding-left:0;
	xpadding-right: 0;
}

@media (max-width: 991px) {
	.room_list_wrap {
		margin-bottom: 0;
	}

	.room_list_wrap_each_wrap {
		margin-top: 3rem;
	}
}

.room_list_wrap_each_wrap .card {
  border: 1px solid rgba(0,0,0,.125);
  width: 100%;
  height: 100%;
}

.room_card-img {
  xwidth: 100%;
  xheight: 100%;
  position: relative;
  display: flex;
  align-items: center;
  xjustify-content: center;  
}

.room_card-img_title {
  width: 100%;
  height: 30%;
  padding:0 2rem;
	position: absolute;
  align-self: flex-end;
  display: flex;
  align-items: center;
	color: #fff;
	z-index: 20;
	xbackground-color: rgba(0, 100, 0, 0.5);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.65) 100%); 
}

.room_desc_icon h5 {
	display: inline-block;
	font-size: 1rem;
	margin-right: 2rem;
}

.room_desc_icon_icon {
	margin-right: 0.25rem;
}

.room_desc_text {
	margin-top: 1rem;
}


.room_desc_text_h4 {
	display: inline-block;
	border-bottom: 2px solid #8c8c8c;
}

.room_desc_text h5 {
line-height: 1.5;	
}

/* time table div version */

.room_desc_timetable_wrap {
	width: 100%;
	border-top: 1px solid #ccc;
	margin: 1rem 0 1rem 0;
}

.room_desc_timetable {
	background-color: aqua;
	display: inline-block;
	width: 5%;
	text-align: center;
	font-size: 0.8rem;
	margin-right: 1%;
	
}

.room_desc_timetable.key {
	background-color: fuchsia;
}

.room_desc_timetable.std {
	background-color: green;
}


/* time table table version */

/* 共通仕様 */
.event_editor_table {
	background-color: #f8f9fa;
	padding: 2%;
  border-radius: 0.25rem;
	margin-top: 2rem;
}

.room_desc_timetable_table {
	width: 2% !important;
	padding: 0.1rem 0.1rem !important;
	text-align: center;
	xborder: 1px solid #ff0000;
}


/* テーブルヘッダー用 */
.room_desc_timetable_table.key {
	xbackground-color: aqua;
	width: 5px !important;
}

.room_desc_timetable_table.std {
	xbackground-color: grey;
}


/* テーブルインナー用 */
.room_desc_timetable_table.bar_key {
	xbackground-color: aqua;
	height: 2rem;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  xborder: 1px solid #ff0000;
}

.room_desc_timetable_table.bar_inner {
	xbackground-color: lime;
	width: 50%;
	height: 2rem;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  xborder: 1px solid #ccc;
}

.room_desc_timetable_table.bar_inner-hour {
	xbackground-color: yellow;
	width: 50%;
	height: 2rem;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  xborder: 1px solid #ccc;
}


/* テーブルインナーボックス用 */
.room_desc_timetable_table.bar_key .box_bar-key {
	width: 10%;
	height: 1.3rem;
	margin-left: 50%;
	font-size: 0.1rem;
	background-color: #ccc;
}

.room_desc_timetable_table.bar_inner-hour .box_bar-inner-hour {
	width: 30%;
	height: 0.5rem;
	margin-left: 35%;
	font-size: 0.1rem;
	background-color: #ccc;
}


.box_bar-inner-status {
	width: 100%;
	height: 0.5rem;
	xmargin-left: 35%;
	font-size: 0.1rem;
	xbackground-color: #fff;
	background-color: rgba(247,131,22,.25);
}

.box_bar-inner-status_active {
	width: 100%;
	height: 0.5rem;
	xmargin-left: 35%;
	font-size: 0.1rem;
	xbackground-color: #666;
	background-color: rgba(247,131,22,1);
}

.input-group_in_sidebar {
	width: 80%;
	height: 50%;
	margin: 1rem 0 0.5rem 0;
}

.input-group_in_sidebar .form-control, .input-group_in_sidebar>input, .input-group_in_sidebar>select {
  line-height: 14px;
  padding: 5px 16px;
	font-size: 0.9rem !important;
}

.custom-control-label_date {
	margin-left: 2rem !important;
	margin-right: 0.5rem !important;
	font-size: 0.9rem !important;
	color: #000 !important;
}

.reservation_each {
	margin-bottom: 2rem;
}

.reservation_detail_card_info {
  margin: 1rem 0 1rem 0;
  padding: 1rem 20px 0 20px;
}

.reservation_detail_card_info_innre-col {
  xheight: 1.5rem;
  margin-bottom: -10px;
}

/* reservation player */
.reservation_list_each {
	background-color: fuchsia;
}

.reservation_list_each_link {
	padding: 1rem 0 1rem 0;
	border-top: 1px solid #e3e3e3;
	display: block;
	margin-top: 1rem;
}

.reservation_list_each_link.b-border {
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 2rem;
}

.reservation_list_each_link.border2 {
	border-bottom: 1px solid #e3e3e3;
	border-top: 1px solid #e3e3e3;
	margin: 2rem 0;
}

.reservation_list_each_link a :visited,
.reservation_list_each_link a :active,
.reservation_list_each_link a :hover {
  /*Transition*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.total-time {
	display: inline-block;
  xbackground-color: #f8f9fa;
  border-radius: 0.25rem;
  margin-top: 1rem;
  padding: .45em .6em;
  background-color: #f9f3e4;
  color: #1f1f1f;
  border: 1px solid #f9f3e4;

}

.reservation_each .sp-search-menu .form-control,
.reservation_each  input,
.reservation_each  select {
  font-size: 1rem;
}



/* modal check  */

.modal-content.modal_check {
	xbackground-color: blue;
}

.modal-content.modal_check .modal-header {
	xbackground-color: fuchsia;
}

.modal-content.modal_check .modal-header .modal-title {
	xfont-size: 10rem;
	color: #dc3545;
	text-align: center;
	width: 100%;
}

.modal-content.modal_check .modal-body {
	xbackground-color: green;
}

.modal-content.modal_check .modal-body h5 {
	text-align: center;
	xfont-size: 5rem;
}

.modal-content.modal_check .btn {
	xbackground-color: yellow;
	xcolor: #1e1e1e;
}

.modal-content.modal_check  .modal-footer {
	justify-content: center;
}

.form_check_title-bottom {
	display: inline-block;
	margin-top: .25rem;
	font-size: 80%;
	color: #dc3545;
	font-size: 80%!important;
	padding: 0.5rem 1rem;
	border: 1px solid #dc3545;
	border-radius: 0.25rem;
}

.check_title-bottom {
	display: inline-block;
	margin-top: .25rem;
	font-size: 80%;
	color: #1e1e1e;
	font-size: 80%!important;
	padding: 0.5rem 1rem;
	border: 1px solid #1e1e1e;
	border-radius: 0.25rem;
}

.modal-footer_inner {
	width: 100%;
	text-align: center;
}








/* responsive set */
@media (min-width: 768px) {
  .room h5 {
    height: 3rem;
  }
}

@media (max-width: 640px) {
  
	.room_list_wrap_each_wrap .card {
	  border: none;
  }
	  
  .room_card-img .card-img-top {
	  border-radius:0;
	}

	.room_desc_timetable {
		width: 4.6%;		
	}

	.reservation_each .sp-search-menu .form-control,
	.reservation_each  input,
	.reservation_each  select {
	  font-size: 0.8rem;
	}

}


/* ==============================
   99. Test Case
   ============================== */
   
   

.test_bg_aqua {
  background-color: aqua;
  border: 1px solid #0d3f9e;
}

.test_bg_blue {
  background-color: blue;
  border: 1px solid #0d3f9e;
}

.test_bg_fuchsia {
  background-color: fuchsia;
  border: 1px solid #0d3f9e;
}

.event_detail {
  height: 40vh;
  border-bottom: 5px solid #ff0000;
}

.must-update {
	background-color: #ee1111;
	font-weight: bold;
}

.tf_production_bg {
	background-color: #265c05;	
}

.tf_production_text {
	color: #265c05;
}




/* ----------------------------------------------------------------------
DEMO GRID　＃凍結
-------------------------------------------------------------------------*/


.grid-system-demo {
	
}

.grid-system-demo [class*="col-"] .grid-col-demo {
  background-color: #eee;
  display: block;
  line-height: 3rem;
  min-height: 3rem;
  text-align: center; }

.grid-system-demo .row {
  padding-bottom: 2rem;
  padding-top: 2rem;
  
   }