@import url('https://use.fontawesome.com/releases/v5.8.1/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Passion+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

html,html body,h1,h2,h3,h4,h5{
font-family: 'Noto Sans JP', sans-serif !important;
}
/*Reset*/
table td{vertical-align: middle !important;}
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc{
  background-repeat: no-repeat !important;
}
/*/Reset*/

/*基本UI*/
.content-wrapper{
  background-color: #ffffff !important;
  background-image: url(https://www.global-n.co.jp/wp-content/uploads/2019/11/gbbg.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position:bottom 0px left 100px;
  overflow: hidden;
}
.skin-blue .main-header .navbar{
  background: linear-gradient(123deg, rgba(0,53,103,1) 0%, rgba(37,104,168,1) 100%);
}

.sidebar-menu>li>a{padding: 12px 5px 12px 5px;}
.skin-blue .sidebar a i{
  width: 30px;
  text-align: center;
  color:#ffffff
}
.content-header{
  background-color: inherit !important;
}
.content-header h1{
  font-size: 60px !important;
  background: -webkit-linear-gradient(90deg, rgba(0,53,103,1) 0%, rgba(85,172,255,1) 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-weight: 900;

}

/*/基本UI*/
/*スクロールバー*/

.table-bordered{border: inherit !important;}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background-color: #fbfbfb;
  border-radius: 100px;
}

::-webkit-scrollbar-thumb {
  border-radius: 100px;
  border: 3px solid transparent;
  background-clip: content-box;
  background-color: #999999;
}
/*/スクロールバー*/

/*ページネーション*/
.page-link {
    margin: 5px;
    border: none;
    border-radius: 5px;
    background-color: rgba(0,0,0,0.1);
    color:#666666;
}
/*/ページネーション*/

.box{box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
border-top:inherit !important;
border-radius:10px !important;
}

.nav-tabs{border-bottom: inherit !important;}
.nav-tabs>li{
  border:2px solid #3c8dbc !important;
  margin:2px !important;
  border-radius:70px !important;
  }
.nav-tabs>li>a{font-size:10px !important;}
.nav-tabs>li.active{background-color: #3c8dbc !important;}

  .row{
    margin-right: inherit !important;
    margin-left: inherit !important;
  }

.nav-tabs>li a:hover{background: inherit !important;
border:none !important;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    color: #ffffff !important;
    cursor: inherit !important;
    background-color: inherit !important;
    border: none !important;
    border-bottom-color: transparent !important;
    background: inherit !important;
    border-radius: 70px !important;
}

h3.box-title{font-size:30px !important;
color:#ffffff;
font-weight:bold;
background:#333333;
border-radius:100px;
padding:10px 20px;
color:#ffffff;
background: linear-gradient(313deg, #82c5ec, #226f9b, #3c8dbc);
    background-size: 600% 600%;

    -webkit-animation: Animationst 10s ease infinite;
    -moz-animation: Animationst 10s ease infinite;
    animation: Animationst 10s ease infinite;
  box-shadow: 2px 2px 0px #003567;

}

h3.box-title:empty{padding:0px;
}
.result_title,p strong{
font-size:20px !important;
font-weight:bold;
margin:10px 0;


}
.result_title:before,p strong:before{
content:"\f27a";
font-family: 'Font Awesome 5 Free';
margin-right:10px;

}


#answer_tab1:before{content:"\f073　実施年月";
font-family: 'Font Awesome 5 Free';
font-size:20px;
font-weight:bold;
text-align: left;
display: block;
color:#3c8dbc;
margin-bottom:20px;
}
#answer_tab2:before{content:"\f059　アンケート質問";
font-family: 'Font Awesome 5 Free';
font-size:20px;
font-weight:bold;
color:#3c8dbc;
margin-bottom:20px;
text-align: left;
display: block;
}



@-webkit-keyframes Animationst {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes Animationst {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes Animationst {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}



/*alert*/

a[href="#collapse_hikaku_schedule"]{color:#72afd2 !important;}

/*矢印*/

td{position: relative;}
td img[height="10"]{
  position: absolute;
  display: block;
  right: -10%;
  z-index: 9999;
  top:50%;
}
.answer td img[height="10"]{
right:-5%;
}


img[src*="/question/4.png"]{
opacity: .5;   filter: invert(15%) sepia(95%) saturate(6932%) hue-rotate(358deg) brightness(95%) contrast(112%);
}
img[src*="/question/1.png"]{
}


#sel_follow_area,#sel_watch_area,
#sel_ok_area{
  padding-right: 0px;
    padding-left: 0px;
}
#sel_follow_area div{
background: linear-gradient(148deg, rgba(91,118,241,1) 0%, rgba(58,171,210,1) 61%);
box-shadow: 5px 5px 0px rgba(70,130,180,0.8);
-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;


}
#sel_watch_area div{
background: linear-gradient(148deg, rgba(224,224,224,1) 0%, rgba(182,182,182,1) 51%, rgba(130,130,130,1) 100%);
box-shadow: 5px 5px 0px rgba(182,182,182,0.8);

}


#sel_ok_area div{
background: linear-gradient(148deg, rgba(223,86,86,1) 0%, rgba(255,168,71,1) 61%);

box-shadow: 5px 5px 0px rgba(255,168,71,0.8);

}

a[href="#yo_follow"],
a[href="#yaya_chui"],
a[href="#no_problem"]
{
  display: block;
  margin:20px auto !important;
  width:70px !important;
  background-color: #dcdcdc !important;
  color:#333333 !important;
  font-weight: bold !important;
  font-size: 20px !important;
  border-radius: 100px;
  text-decoration: none !important;
  border:2px solid #ffffff !important;

}

.large_value_parts {
    width: 90% !important;
    height:inherit;
    text-align: center;
    color: #ffffff;
    display: block;
    border-radius: 10px !important;
    margin: 0 auto !important;
    padding: 20px 0px !important;}


.alert_total .row{display: none;}
a[href="#collapse_hikaku_schedule"]{font-size:13px;
display: block !important;
text-indent: 140px !important;
margin-top:10px !important;
}

.search_btn{position: absolute;
right: 10px;
bottom: 60px;
}

/*色別*/

/*赤*/
.container-fluid.answer td[style="background-color:#F08080;font-size:20px;"]{color:#ffffff;background-color:#DF5656 !important;}
.container-fluid.answer td[style="background-color:#F08080;font-size:20px;"]:before{
content:"Great!";
font-size:10px;
display:block;
}

/*黄*/
.container-fluid.answer td[style="background-color:#FFA500;font-size:20px;"]{color:#ffffff;background-color:#FFA847 !important;}
.container-fluid.answer td[style="background-color:#FFA500;font-size:20px;"]:before{
content:"Good";
font-size:10px;
display:block;
}

/*水色*/
.container-fluid.answer td[style="background-color:#ADD8E6;font-size:20px;"]{color:#ffffff;background-color:#3AABD2 !important;}
.container-fluid.answer td[style="background-color:#ADD8E6;font-size:20px;"]:before{
content:"Bad…";
font-size:10px;
display:block;
}

/*青*/
.container-fluid.answer td[style="background-color:#4682B4;font-size:20px;"]{color:#ffffff;background-color:#5B76F1 !important;}
.container-fluid.answer td[style="background-color:#4682B4;font-size:20px;"]:before{
content:"So bad!";
font-size:10px;
display:block;
}






.container-fluid.answer td[style="background-color:#ADD8E6;font-size:20px;"],
.container-fluid.answer td[style="background-color:#4682B4;font-size:20px;"]
{
-webkit-animation: heartbeat 1s ease-in-out infinite both;
	        animation: heartbeat 1s ease-in-out infinite both;
}

div.memo td[style="color:red"]{
-webkit-animation: heartbeat 1s ease-in-out infinite both;
	        animation: heartbeat 1s ease-in-out infinite both;

}
div.alert td[style="color:red;"]{
-webkit-animation: heartbeat 1s ease-in-out infinite both;
	        animation: heartbeat 1s ease-in-out infinite both;
font-size:20px;
}
div.alert td img[src="https://gbm.mmmishima.jp/storage/image/question/7.png"],
div.alert td img[src="https://gbm.mmmishima.jp/storage/image/question/9.png"],
div.alert td img[src="https://gbm.mmmishima.jp/storage/image/question/11.png"]
{display:none;}
/**************************
サニミル改修20220926
**************************/
hr{border: 1px solid #f5f5f5 !important;}
.employee_box{
  background: #ffffff;
  box-shadow:0 2px 10px rgb(0 0 0 / 30%);
  height: 150px;
  display: flex;
  align-items: center;
}
.employee_box .user_icon{
  font-size: 70px;
  color:#003567
}
.employee_box .user_name{
  font-size: 40px;
  font-weight: 900;
  color: #000000;
}

.employee_box .user_id,
.employee_box .user_dep,
.employee_box .user_role{
  font-weight: 700;
  font-size: 25px;
  letter-spacing:0.2em;
  color: #000000;
}

.member_record_box #div_detail{
  background-color: #fbfbfb;
  padding:10px;
  border-radius: 10px;
}

.member_record_box #div_detail #edit_title,
.member_record_box #edit_member_memos{
  height:40px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  width: 100%;
}

#div_memos .memo_sec{
  background-color: #ffffff;
  border: none;
}



/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}


.login_info{
font-size:12px;
font-weight:bold;
background-color:rgba(0,0,0,0.8);
padding:10px;
color:#ffffff;
margin-bottom:10px;
}
.login_info a{text-decoration:underline;margin:0 5px;}

.contact{position:absolute;z-index:99999;bottom:10px;right:10px;width:80px;height:80px;background: linear-gradient(148deg, rgba(255,182,182,1) 0%, rgba(176,111,198,1) 100%);
text-align:center;
line-height:80px;
border-radius:100%;
}
.contact:before{
content:"\f4ad";
font-family: 'Font Awesome 5 Free';
color:#ffffff;
font-size:30px;
}
.iframe_wrap + .logo + a{display:block;width:100%;height:80px;}