@charset "utf-8";

/* ####################################### */
/* 村田製作所 MIM */
/* アテンダント専用 */
/* ベースはBootstrap v4.3.1 */
/* Documentation (https://getbootstrap.com/docs/4.3/getting-started/introduction/) */
/* ####################################### */
html {
/* ルートのフォントサイズを10pxと同サイズに設定 */
/* chromeは62.5%=10pxにならないので強制的に10px */
font-size: 10px;
}
#atd_tablet {
/* ベースのフォントサイズを16px相当に設定 */
font-size: 1.6rem;
}
#atd_tablet a:hover, #atd_tablet a:active {
text-decoration: none;
}

/* ####################################### */
/* Layout */
/* ####################################### */
/* Overview */
/* Bootstrap .container 548行から */
/* Bootstrapのmax-width指定-上書き */
#atd_tablet .container {
width: 90vw;
min-height: calc(100vh - 60px); /* footerの高さをマイナス */
padding: 9rem 0 2rem;
background-color: #fff;
}
#atd_tablet .container.is_anchor {
padding: 13rem 0 2rem;
}
/* 操作不可の時 */
#atd_tablet .container.notuse {
width: 100%;
margin: 0;
padding: 9rem 0 0;
background-color: #525b5c;
}
/* メディアクエリ */
@media (min-width: 576px) {
#atd_tablet .container {
    max-width: 90vw;
  }
#atd_tablet .container.notuse {
    max-width: initial;
  }
}

@media (min-width: 768px) {
#atd_tablet .container {
    max-width: 90vw;
  }
#atd_tablet .container.notuse {
    max-width: initial;
  }
}

@media (min-width: 992px) {
#atd_tablet .container {
    max-width: 90vw;
  }
#atd_tablet .container.notuse {
    max-width: initial;
  }
}

@media (min-width: 1200px) {
#atd_tablet .container {
    max-width: 90vw;
  }
#atd_tablet .container.notuse {
    max-width: initial;
  }
}

/* 画面中央 */
#atd_tablet .screen_center {
margin-top: calc((100vh - 140px) / 2);
margin-bottom: 0;
margin-right: auto;
margin-left: auto;
transform: translateY(-80%);
}

/* フッター */
#atd_tablet footer {
height: 60px;
background: #525b5c url("../img/murata_logo_mono.svg") no-repeat center center;
background-size: 100px auto;
}
#atd_tablet footer p {
font-size: 50%;
display: none;
}

/* ####################################### */
/* コーポレートカラー */
/* ムラタ レッド #f5002f */
/* ムラタ グレー 100 #525b5c */
/* ムラタ グレー 80 #757c7d */
/* ムラタ グレー 60 #979d9d */
/* ムラタ グレー 40 #babdbe */
/* ムラタ グレー 20 #dcdede */

/* サブカラー */
/* ムラタ 金 #ffc20f */
/* ムラタ 紫 #6b3077 */
/* ムラタ オレンジ #ff701a */
/* ムラタ 青 #00a2d9 */
/* ムラタ 緑 #9fce82 */
/* ======================================= */
/* ナビゲーションバー */
/* ####################################### */
#atd_tablet .nav_bar {
overflow: hidden;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 80px;
color: #fff;
background-color: #000;
text-align: center;
}

/* 設定、研修開始前 */
#atd_tablet .nav_bar.is_waiting {
background-color: #000;
}

/* 研修開始 */
#atd_tablet .nav_bar.is_start {
background-color: #000;
}

/* 研修終了 */
#atd_tablet .nav_bar.is_end {
background-color: #000;
}

/* モード切り替え */
#atd_tablet .nav_bar.is_switch {
background-color: #000;
}

/* 自由時間 */
#atd_tablet .nav_bar.is_free {
background-color: #757c7d;
}

/* アンケート */
#atd_tablet .nav_bar.is_survey {
background-color: #757c7d;
}

/* 操作不可 */
#atd_tablet .nav_bar.not_operate {
background-color: #757c7d;
}

/* ゾーン別 */
#atd_tablet .nav_bar.is_mainscreen {
background-color: #68127f;
}
#atd_tablet .nav_bar.is_philosophy {
background-color: #f18c1d;
}
#atd_tablet .nav_bar.is_history01 {
background-color: #00a2d9;
}
#atd_tablet .nav_bar.is_history02 {
background-color: #66c7e8;
}
#atd_tablet .nav_bar.is_projection {
background-color: #9fce82;
}
#atd_tablet .nav_bar.is_archives {
background-color: #864299;
}
#atd_tablet .nav_bar.is_vision {
background-color: #f4a34b;
}
#atd_tablet .nav_bar.is_global {
background-color: #b2d89b;
}
#atd_tablet .nav_bar.is_social {
background-color: #a471b2;
}
/*#atd_tablet .nav_bar.is_mainscreen,
#atd_tablet .nav_bar.is_philosophy,
#atd_tablet .nav_bar.is_history,
#atd_tablet .nav_bar.is_global,
#atd_tablet .nav_bar.is_social {
background-color: #000;
}*/

/* タイトル */
#atd_tablet .nav_bar h1 {
font: bold 3rem/80px sans-serif;
white-space: nowrap;
height: 80px;
user-select: none;
}

/* ボタン */
#atd_tablet .btn_nav_prev,
#atd_tablet .btn_nav_next {
position: absolute;
z-index: 5;
width: 80px;
height: 80px;
font-size: 2.4rem;
font-weight: 700;
padding-top: 4rem;
user-select: none;
}

/* 次へ */
#atd_tablet .btn_nav_next {
right: 0;
top: 0;
color: #fff;
background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM1MjViNWM7fS5jbHMtMntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5idG5fcHJldl9vZmY8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMzEuNiwxMnY0LjhMNDQuMSwyNCwzMS42LDMxLjJWMzZsMjAtMTJaIi8+PC9nPjwvZz48L3N2Zz4=) no-repeat center center;
background-size: cover;
}
#atd_tablet .nav_bar a:active .btn_nav_next {
color: #fff;
background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmNTAwMmY7fS5jbHMtMntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5idG5fcHJldl9vbjwvdGl0bGU+PGcgaWQ9IuODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIj48ZyBpZD0i44Os44Kk44Ok44O8XzEtMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iODAiIGhlaWdodD0iODAiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zMS42LDEydjQuOEw0NC4xLDI0LDMxLjYsMzEuMlYzNmwyMC0xMloiLz48L2c+PC9nPjwvc3ZnPg==) no-repeat center center;
background-size: cover;
}

/* 前へ */
#atd_tablet .btn_nav_prev {
left: 0;
top: 0;
color: #fff;
background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM1MjViNWM7fS5jbHMtMntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5idG5fcHJldl9vZmY8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNDguNCwxMnY0LjhMMzUuOSwyNGwxMi41LDcuMlYzNmwtMjAtMTJaIi8+PC9nPjwvZz48L3N2Zz4=) no-repeat center center;
background-size: cover;
}
#atd_tablet .nav_bar a:active .btn_nav_prev {
color: #fff;
background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmNTAwMmY7fS5jbHMtMntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5idG5fcHJldl9vbjwvdGl0bGU+PGcgaWQ9IuODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIj48ZyBpZD0i44Os44Kk44Ok44O8XzEtMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iODAiIGhlaWdodD0iODAiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik00OC40LDEydjQuOEwzNS45LDI0bDEyLjUsNy4yVjM2bC0yMC0xMloiLz48L2c+PC9nPjwvc3ZnPg==) no-repeat center center;
background-size: cover;
}

/* グループ */
#mim_group {
pointer-events: none;
position: absolute;
z-index: 4;
top: 24px;
left: 90px;
width: auto;
height: 32px;
color: #525b5c;
background-color: #fff;
padding: 0 0.5rem;
font: bold 1.6rem/32px sans-serif;
border-radius: 4px;
}

/* ####################################### */
/* Content */
/* ####################################### */
/* Images */
#atd_tablet .img-thumbnail {
padding: .2rem;
border: 1px solid #dcdede;
border-radius: 0;
}

/* ####################################### */
/* Components */
/* ####################################### */
/* Alerts */
#atd_tablet .alert {
position: absolute;
top: 90px;
left: 5vw;
z-index: 900;
width: 90vw;
border-radius: 0.25rem;
font-size: 2.4rem;
pointer-events: none;
}

/* Alerts バッテリー */
#atd_tablet #battery_level.alert {
position: absolute;
z-index: 999;
left: auto;
right: 1vw;
width: auto;
padding: 0.5rem 1rem;
border-radius: 0.25rem;
font-size: 1.2rem;
pointer-events: none;
}

/* Alerts バージョン、有効期限 */
#atd_tablet #app_version.alert {
position: fixed;
z-index: 998;
left: auto;
right: 1vw;
top: auto;
bottom: .25vw;
width: auto;
padding: 0.5rem 1rem;
border-radius: 0.25rem;
font-size: 1.2rem;
pointer-events: none;
}

/* Badge */
#atd_tablet .badge {
padding: 0.25em 0.4em;
font-size: 100%;
vertical-align: baseline;
border-radius: 0.3rem;
}
#atd_tablet .badge-dark {
color: #fff;
background-color: #000;
}

/* Forms */
#atd_tablet .form-group {
padding: 0 0 5rem;
}
#atd_tablet .form-group h2 {
font-size: 200%;
font-weight: 700;
}
#atd_tablet .form-group .note {
color: #757c7d;
font-size: 90%;
}

#atd_tablet .input-group-text {
padding: 0.5rem 1rem;
font-size: 150%;
font-weight: 700;
color: #fff;
background-color: #525b5c;
border: 1px solid #525b5c;
border-radius: 0;
}
/* グループ */
#atd_tablet .input-group-text .icn_group {
width: 40px;
height: 20px;
}

#atd_tablet .form-control {
height: auto;
padding: 0.5rem 1rem;
font-size: 150%;
font-weight: 400;
color: #000;
background-color: #fff;
border: 1px solid #525b5c;
border-radius: 0;
}

#atd_tablet .form-control[type="text"]:focus::placeholder {
color: #dcdede;
}

#atd_tablet .custom-select {
height: auto;
padding: 0.5rem 1rem;
font-size: 150%;
font-weight: 400;
color: #000;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/1.5rem 1.5rem;
border: 1px solid #525b5c;
border-radius: 0;
}

#atd_tablet .form-check-label {
padding: 0 1rem 0 0.5rem;
font-size: 150%;
font-weight: 400;
}

#atd_tablet .form-check-input[type="radio"]:checked + .form-check-label {
font-weight: 700;
color: #f5002f;
}

/* 〇〇する */
#atd_tablet .btn_normal {
min-width: 480px;
max-width: 62.5vw;
display: block;
position: relative;
top: 0;
margin: auto;
padding: 1rem 2rem;
border: 2px solid #000;
border-radius: 1rem;
box-shadow: 0 .6rem 0 #000;
color: #000;
background-color: #fff;
font-size: 3.6rem;
font-weight: 700;
text-align: center;
}
#atd_tablet .btn_normal:active {
top: .6rem;
box-shadow: 0 -.3rem 0 #000;
color: #fff;
background-color: #333;
}
#atd_tablet .btn_note {
color: #757c7d;
font-size: 2rem;
text-align: center;
}
#atd_tablet .container.notuse .screen_center p {
color: #fff;
font-size: 3rem;
text-align: center;
}
#atd_tablet .btn_normal:focus {
outline: none;
}

/* 登録する */
#atd_tablet .btn_register {
min-width: 240px;
max-width: 320px;
position: relative;
top: 0;
margin: auto;
padding: 1rem 2rem;
border: none;
border-radius: .8rem;
box-shadow: 0 .6rem 0 #b30023;
color: #fff;
background-color: #f5002f;
font-size: 3rem;
font-weight: 700;
text-align: center;
}
#atd_tablet .btn_register:active {
top: .6rem;
box-shadow: 0 -.3rem 0 #b30023;
background-color: #df002b;
}
#atd_tablet .btn_register:focus {
outline: none;
}

/* リセットする */
#atd_tablet .btn_reset {
min-width: 240px;
max-width: 320px;
position: relative;
top: 0;
margin: auto;
padding: 1rem 2rem;
border: none;
border-radius: .8rem;
box-shadow: 0 .6rem 0 #6e7373;
color: #fff;
background-color: #979d9d;
font-size: 3rem;
font-weight: 700;
text-align: center;
}
#atd_tablet .btn_reset:active {
top: .6rem;
box-shadow: 0 -.3rem 0 #6e7373;
background-color: #8a8f8f;
}
#atd_tablet .btn_reset:focus {
outline: none;
}

/* タッチパネルの操作 */
#atd_tablet .btn_to_screen {
position: relative;
top: 0;
margin: auto;
padding: .75rem 1.5rem;
border: none;
border-radius: .8rem;
box-shadow: 0 .6rem 0 #3c4343;
color: #fff;
background-color: #525b5c;
font-size: 3rem;
font-weight: 700;
text-align: center;
}
#atd_tablet .btn_to_screen:active {
top: .6rem;
box-shadow: 0 -.3rem 0 #3c4343;
background-color: #4b5354;
}
#atd_tablet .btn_to_screen:focus {
outline: none;
}

/* 再生ボタン */
#atd_tablet .btn_play_movie {
position: relative;
width: 60px;
height: 60px;
top: 0;
margin: auto;
padding: 0;
border: none;
border-radius: .8rem;
box-shadow: 0 .6rem 0 #3c4343;
color: #fff;
background: #525b5c url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiA0MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT7jgqLjgrvjg4Pjg4ggMTQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTAsNDBWMEwzNiwyMFoiLz48L2c+PC9nPjwvc3ZnPg==) no-repeat center center;
background-size: 24px auto;
font-size: .5rem;
font-weight: 400;
text-align: center;
}
#atd_tablet .btn_play_movie:active {
top: .6rem;
box-shadow: 0 -.3rem 0 #3c4343;
background-color: #4b5354;
}
#atd_tablet .btn_play_movie:focus {
outline: none;
}
#atd_tablet .btn_play_movie span {
display: none;
}

/* HISTORY 7台全て */
#atd_tablet .btn_play_seven {
position: relative;
width: 60px;
height: 60px;
top: 0;
margin: auto;
padding: 0;
border: none;
border-radius: .8rem;
box-shadow: 0 .6rem 0 #b30023;
color: #fff;
background: #f5002f url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NS44OSA2MC42NyI+PGcgaWQ9IuODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIj48ZyBpZD0i44Os44Kk44Ok44O8XzEtMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+PHBhdGggZD0iTTEzLjI4LDMwVjBsMjcsMTVaTTMuNDEsNDhBNS42NSw1LjY1LDAsMCwwLDAsNTMuMThDMCw1NiwyLjI0LDU4LjU3LDYuNDIsNTguNTdjMy45LDAsNi42Ni0yLjMyLDYuNjYtNS44M2E1LjU0LDUuNTQsMCwwLDAtMy41MS01djBhNS4wOSw1LjA5LDAsMCwwLDIuODgtNC40MmMwLTIuNDctMS44NC00Ljk0LTUuNzQtNC45NEMzLjMsMzguMzEuNjIsNDAuMzkuNjIsNDMuNjRBNSw1LDAsMCwwLDMuNDEsNDhabTMuMTIsNy45YTIuODQsMi44NCwwLDAsMS0yLjY4LTMuMTIsMy42MiwzLjYyLDAsMCwxLDIuMzYtMy40OCwzLjksMy45LDAsMCwxLDMsMy43MUEyLjY4LDIuNjgsMCwwLDEsNi41Myw1NS45NFptMC0xNWMxLjY0LDAsMi4yOSwxLjM1LDIuMjksMi43YTMuMzMsMy4zMywwLDAsMS0yLDNDNS4zMyw0Niw0LjI0LDQ1LDQuMjQsNDMuNDZBMi4zMiwyLjMyLDAsMCwxLDYuNTgsNDAuODlaTTI5Ljg1LDM2YTQ3LjIxLDQ3LjIxLDAsMCwxLTQuMzUsOC4xM0wyMSw0NC4xNiwyMi4xLDQ3LjdhLjYzLjYzLDAsMCwwLC41NS0uNDJjNC42OC0uMTUsMTItLjQxLDE5LS43NWExMy4yNSwxMy4yNSwwLDAsMSwxLjU2LDIuMTNsMi42OC0yLjE4Yy0xLjQzLTIuMTktNC42OC01LjE1LTcuMzMtNy4xOGwtMi40MiwxLjljLjk0Ljc1LDEuOTIsMS42MSwyLjg2LDIuNTItMy4zMy4xLTYuNzEuMjEtOS44LjI2YTU0Ljc1LDU0Ljc1LDAsMCwwLDMuNzItNi4yNGMuNDEsMCwuNy0uMTMuOC0uMzZaTTI4LDYwLjY3di0uODhIMzguNzF2Ljc4SDQyVjQ5LjM2SDI0Ljg4VjYwLjY3Wm0xMC43MS0zLjkySDI4di00LjRIMzguNzFaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=) no-repeat center center;
background-size: 30px auto;
font-size: .5rem;
font-weight: 400;
text-align: center;
}
#atd_tablet .btn_play_seven:active {
top: .6rem;
box-shadow: 0 -.3rem 0 #b30023;
background-color: #df002b;
}
#atd_tablet .btn_play_seven:focus {
outline: none;
}
#atd_tablet .btn_play_seven span {
display: none;
}

/* 参加者タブレットの操作 */
#atd_tablet .btn_to_user {
position: relative;
width: 60px;
height: 60px;
top: 0;
margin: auto;
padding: .75rem 1.5rem;
border: none;
border-radius: .8rem;
box-shadow: 0 .6rem 0 #d19f0d;
color: #fff;
background: #ffc20f url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCAzNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fS5jbHMtMntmaWxsOiM1MjViNWM7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT7jgqLjgrvjg4Pjg4ggMTM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMzMiIHdpZHRoPSIyNyIgaGVpZ2h0PSIzNiIgcng9IjEuNSIvPjxyZWN0IGNsYXNzPSJjbHMtMiIgeD0iMzYiIHk9IjQuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjI3Ii8+PGNpcmNsZSBjbGFzcz0iY2xzLTIiIGN4PSI0Ni41IiBjeT0iMzMuNzUiIHI9IjAuNzUiLz48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMTQgMTggOCAxNSA4IDIxIDE0IDE4Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjQgMTggMCAxNiAwIDIwIDQgMTgiLz48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMjggMTggMTggMTMgMTggMjMgMjggMTgiLz48L2c+PC9nPjwvc3ZnPg==) no-repeat center center;
background-size: 50px auto;
font-size: 3rem;
font-weight: 700;
text-align: center;
}
#atd_tablet .btn_to_user:active {
top: .6rem;
box-shadow: 0 -.3rem 0 #d19f0d;
background-color: #e8b10e;
}
#atd_tablet .btn_to_user:focus {
outline: none;
}
#atd_tablet .btn_to_user span {
display: none;
}

/* 扉モニターの操作 */
/*#atd_tablet .btn_to_home,
#atd_tablet .btn_to_history,
#atd_tablet .btn_to_data {
position: relative;
top: 0;
margin: auto 1rem 1.2rem auto;
padding: .5rem 1rem;
border: none;
border-radius: .6rem;
font-size: 2.4rem;
font-weight: 700;
text-align: center;
}
#atd_tablet .btn_to_home:active,
#atd_tablet .btn_to_history:active,
#atd_tablet .btn_to_data:active {
top: .5rem;
}
#atd_tablet .btn_to_home:focus,
#atd_tablet .btn_to_history:focus,
#atd_tablet .btn_to_data:focus {
outline: none;
}*/

/* 待機映像、タイトル */
/*#atd_tablet .btn_to_home {
box-shadow: 0 .5rem 0 #4e2357;
color: #fff;
background-color: #6b3077;
}
#atd_tablet .btn_to_home:active {
box-shadow: 0 -.25rem 0 #4e2357;
background-color: #622c6d;
}*/

/* 時代とムラタ、各年代のムラタ */
/*#atd_tablet .btn_to_history {
box-shadow: 0 .5rem 0 #00769e;
color: #fff;
background-color: #00a2d9;
}
#atd_tablet .btn_to_history:active {
box-shadow: 0 -.25rem 0 #00769e;
background-color: #0094c6;
}*/

/* データで見るムラタ */
/*#atd_tablet .btn_to_data {
box-shadow: 0 .5rem 0 #ba5213;
color: #fff;
background-color: #ff701a;
}
#atd_tablet .btn_to_data:active {
box-shadow: 0 -.25rem 0 #ba5213;
background-color: #e86618;
}*/

/* ダイレクトメニュー */
#atd_tablet .direct_contents {
position: relative;
top: 0;
/*margin: auto;
padding: .75rem 1.5rem;
border: none;
border-radius: .8rem;*/
margin: auto;
padding: .5rem 1rem;
border: none;
border-radius: .6rem;
font-size: 3rem;
font-weight: 700;
text-align: center;
box-shadow: 0 .5rem 0 #525b5c;
color: #fff;
background-color: #979d9d;
}
#atd_tablet .direct_contents:active {
top: .6rem;
box-shadow: 0 -.25rem 0 #525b5c;
background-color: #757c7d;
}
#atd_tablet .direct_contents:focus {
outline: none;
}

/* ####################################### */
/* 本日の研修設定 */
/* ####################################### */
#atd_tablet .tour_setting {
/*width: 85vw;*/
margin: auto;
padding: 10rem 0 5rem;
}
@media (min-width: 768px) {
#atd_tablet .tour_setting {
    max-width: 668px;
  }
}

#atd_tablet .tour_setting h2 {
display: inline-block;
margin: 0 0 0 0.5rem;
padding: 0.75rem 1.5rem;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
color: #fff;
background-color: #f5002f;
font-size: 200%;
font-weight: 700;
}
#atd_tablet .tour_setting ul {
border: 2px solid #f5002f;
border-radius: 0.25rem;
}
#atd_tablet .tour_setting .list-group-item {
position: relative;
display: block;
padding: 0.75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #f5002f;
font-size: 185%;
font-weight: 700;
}

#atd_tablet .tour_setting .list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}

#atd_tablet .tour_setting .list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}

/* ####################################### */
/* 操作、あんちょこ */
/* ####################################### */
#atd_tablet .atd_operation {
margin: 0 auto 3rem;
padding: 1.5rem 1.5rem 3rem;
border-bottom: 5px solid #525b5c;
display: grid;
}
#atd_tablet .atd_operation:last-of-type {
margin: 0 auto;
border-bottom: none;
}

/* Grid Layout MAINSCREEN、PHILOSOPHY、PROJECTION、HISTORY、ARCHIVES */
#atd_tablet .atd_operation.for_mainscreen,
#atd_tablet .atd_operation.for_philosophy,
#atd_tablet .atd_operation.for_projection,
#atd_tablet .atd_operation.for_history {
grid-template-columns: 80px 1fr;
grid-template-rows: auto-fill auto-fill repeat(auto-fit, 1fr) 1fr;
grid-gap: 0 1rem;
}
/* Grid Layout ダイレクトメニュー（自由時間） */
#atd_tablet .atd_operation.for_direct {
grid-template-columns: 60px 1fr;
grid-template-rows: auto-fill auto-fill repeat(auto-fit, 1fr) 1fr;
grid-gap: 1rem 1rem;
}
/* Grid Layout 参加者タブレット操作 */
#atd_tablet .atd_operation.for_tablet {
grid-template-columns: 80px 1fr;
grid-gap: 0 1rem;
}

/* タイトル */
#atd_tablet .atd_operation header {
grid-column: 1 / 3;
/*grid-column: span 2; spanでも可*/
}
#atd_tablet .atd_operation header h2 {
font-size: 200%;
font-weight: 700;
}

/* 操作内容のアイキャッチ */
#atd_tablet .atd_operation .eyecatch {
padding: 0 0 .3em;
}
#atd_tablet .atd_operation .eyecatch img {
pointer-events: none;
width: 100%;
height: 80px;
object-fit: cover;
}
#atd_tablet .atd_operation.for_direct .eyecatch img {
height: 60px;
}

/* 操作ボタン */
#atd_tablet .atd_operation .controller {
padding: 0 0 .3em;
justify-self: left;
align-self: center;
}
#atd_tablet .atd_operation.for_tablet .controller {
justify-self: left;
align-self: center;
}

/* あんちょこ */
#atd_tablet .atd_operation .anchoko {
margin-top: .5rem;
padding: 1rem 1.5rem;
grid-column: 1 / 3;
/*grid-column: span 2; spanでも可*/
}
#atd_tablet .atd_operation .anchoko.for_screen {
border: 2px solid #f5002f;
background-color: #fff;
}
#atd_tablet .atd_operation .anchoko.for_user {
border: 2px solid #ffc20f;
background-color: #fff;
}
#atd_tablet .atd_operation .anchoko h4 {
font-size: 150%;
font-weight: 700;
}
#atd_tablet .atd_operation .anchoko h5 {
font-size: 125%;
font-weight: 700;
}
#atd_tablet .atd_operation .anchoko h6 {
font-size: 110%;
font-weight: 700;
}

/* ####################################### */
/* F1101 MAINSCREEN */
/* F1201 PHILOSOPHY */
/* F1301 HISTORY */
/* F1302 PROJECTION */
/* ####################################### */
/* 操作メニュー */
#atd_tablet .atd_operation.for_mainscreen h3,
#atd_tablet .atd_operation.for_philosophy h3,
#atd_tablet .atd_operation.for_history h3,
#atd_tablet .atd_operation.for_projection h3 {
grid-column: 1 / 3;
font-size: 140%;
font-weight: 700;
white-space: nowrap;
padding: 1rem 0 0;
border-top: 1px dashed #525b5c;
}
#atd_tablet .atd_operation.for_mainscreen h3:first-of-type,
#atd_tablet .atd_operation.for_philosophy h3:first-of-type,
#atd_tablet .atd_operation.for_history h3:first-of-type,
#atd_tablet .atd_operation.for_projection h3:first-of-type {
border-top: none;
}

/* ####################################### */
/* プルダウン */
/* ####################################### */
#atd_tablet #corner_move {
position: fixed;
z-index: 5000;
top: -110vh;
left: 0;
width: 100%;
height: calc(100vh - 80px);
color: #fff;
background-color: rgba(82, 91, 92, 0.8);
padding: 2rem;
opacity: 0;
transition: all ease-out 0.4s;
pointer-events: none;
/*overflow-y: scroll;
-webkit-overflow-scrolling: touch;*/
}
#atd_tablet #corner_move.show {
top: 80px;
opacity: 1;
pointer-events: auto !important;
}

#atd_tablet #corner_move h2 {
font-size: 150%;
font-weight: 700;
text-align: center;
}

#atd_tablet #corner_move #direct_menu {
margin: 0 auto;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
#atd_tablet #corner_move #direct_menu div.controller {
margin: 1.5rem auto 0;
width: 50%;
}
#atd_tablet #corner_move #direct_menu #direct_menu_close {
}

/* 研修時ダイレクト ツアー名称に移動 */
#atd_tablet #corner_move .jump_initial_btn {
position: relative;
top: 0;
margin: 0 auto 1.5rem;
padding: .5rem 1rem;
border: none;
border-radius: .6rem;

font-size: 2rem;
font-weight: 700;
/*
margin: 0 auto 0;
font-size: 1rem;
font-weight: 1200;
*/
text-align: center;
box-shadow: 0 .5rem 0 #b30023;
color: #fff;
background-color: #f5002f;
}
#atd_tablet #corner_move .jump_initial_btn:active {
top: .6rem;
box-shadow: 0 -.25rem 0 #b30023;
background-color: #df002b;
}
#atd_tablet #corner_move .jump_initial_btn:focus {
outline: none;
}

/* 研修時ダイレクトメニュー */
#atd_tablet #corner_move .jump_btn {
position: relative;
top: 0;
margin: 0 auto 1.5rem;
padding: .5rem 1rem;
border: none;
border-radius: .6rem;

font-size: 2rem;
font-weight: 700;
/*
margin: 0 auto 0;
font-size: 1rem;
font-weight: 1200;
*/
text-align: center;
box-shadow: 0 .5rem 0 #979d9d;
color: #525b5c;
background-color: #fff;
}
#atd_tablet #corner_move .jump_btn:active {
top: .6rem;
box-shadow: 0 -.25rem 0 #979d9d;
background-color: #dcdede;
}
#atd_tablet #corner_move .jump_btn:focus {
outline: none;
}

#atd_tablet #corner_move #direct_menu_close .jump_btn {
position: relative;
top: 0;
margin: 0 auto 1.5rem;
padding: .5rem 1rem;
border: none;
border-radius: .6rem;
font-size: 2rem;
font-weight: 700;
text-align: center;
box-shadow: 0 .5rem 0 #3c4343;
color: #fff;
background-color: #525b5c;
}
#atd_tablet #corner_move #direct_menu_close .jump_btn:active {
top: .6rem;
box-shadow: 0 -.25rem 0 #3c4343;
background-color: #4b5354;
}
#atd_tablet #corner_move #direct_menu_close .jump_btn:focus {
outline: none;
}

/* ####################################### */
/* ページ内スクロール */
/* ####################################### */
#atd_tablet #anchor_menu {
position: fixed;
z-index: 998;
left: 0;
top: 80px;
width: 100%;
padding: 1rem;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
}
#atd_tablet #anchor_menu div {
margin: 0 0.5rem;
padding: 0.5rem 1rem;
border: 1px solid #979d9d;
border-radius: 0.25rem;
font-size: 1.2rem;
color: #000;
background-color: #fff;
user-select: none;
}
#atd_tablet #anchor_menu div:active {
color: #fff;
background-color: #f5002f;
}

/* ####################################### */
/* ユーザー用 言語設定を非表示 */
/* ####################################### */
#atd_tablet #user_lang_setting {
display: none;
pointer-events: none;
}

/* ####################################### */
/* 緊急時タブメニュー */
/* ####################################### */
.tab_container {
width: 100%;
margin: 80px auto 0;
}

.tab_container input[type="radio"] {
display: none;
}

.tab_container .tab_area {
margin: 0;
}

.tab_container .tab_area label {
width: 25%;
height: 50px;
max-height: 50px;
margin: 0;
padding: 0;
border-right: 2px solid #fff;
color: #fff;
background: #979d9d;
text-align: center;
font-size: 2rem;
line-height: 50px;
cursor: pointer;
transition: ease 0.4s background;
}
.tab_container .tab_area label:last-child {
border-right: none;
}

.tab_container .tab_area label:hover {
background: #525b5c;
}

.tab_container .panel_container {
margin: auto;
width: 90vw;
min-height: calc(100vh - 190px); /* footerの高さをマイナス */
background-color: #fff;
}

.tab_container .panel_container #mainscreen,
.tab_container .panel_container #philosophy,
.tab_container .panel_container #history,
.tab_container .panel_container #projection {
display: none;
border-bottom: none;
}

#tab_mainscreen:checked ~ .tab_area label.tab1_label {
color: #fff;
background: #68127f;
}
#tab_mainscreen:checked ~ .panel_container #mainscreen {
display: grid;
}
#tab_philosophy:checked ~ .tab_area label.tab2_label {
color: #fff;
background: #f18c1d;
}
#tab_philosophy:checked ~ .panel_container #philosophy {
display: grid;
}
#tab_history:checked ~ .tab_area label.tab3_label {
color: #fff;
background: #00a2d9;
}
#tab_history:checked ~ .panel_container #history {
display: grid;
}
#tab_projection:checked ~ .tab_area label.tab4_label {
color: #fff;
background: #9fce82;
}
#tab_projection:checked ~ .panel_container #projection {
display: grid;
}