@charset "utf-8";

/*デフォルトCSSの削除
---------------------------------------------------------------------------*/
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}

body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

ol, ul {
  list-style: none;
  list-style-type: none;
}

li {
    display: inline-block;
    margin-right: 15px;
    font-size: 13px;
    color: #a7a7a7;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*全体の設定
---------------------------------------------------------------------------*/
body , html {
    height: 100%;
}

body {
	color: #333;	/*全体の文字色*/
	background: #F4F5F7;	/*背景色*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 14px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    text-decoration: underline;
    font-weight: bold;
}

.textalignright {
    text-align: right;
}

.textaligncenter {
    text-align: center !important;
}

.w95 {
    width: 95%;
}

.w140 {
    width: 140px;
    background-color: #6c8090;
    color: #fff;
    margin-right: 5px;
    padding-right: 5px;
}

.w280 {
    width: 280px;
}

.bdb {
    border-bottom: 1px solid #c3c3c3;
}

.pl10 {
    padding-left: 10px;
}

input[type="text"]{
    font-size: 15px;
    padding: 3px;
}

input[type="url"]{
    font-size: 15px;
    padding: 3px;
}

input[type="tel"]{
    font-size: 15px;
    padding: 3px;
}

input[type="email"] {
    font-size: 15px;
    padding: 3px;
}

input[type="password"] {
    font-size: 15px;
    padding: 3px;
}

.mauto {
    margin: 0 auto;
}

.ticket_table {
    font-size: 12px;
    margin: 10px 0;
}

#pop2 input[type="text"] {
    width: 500px;
}

.kome {
    background-color: #fd8484;
    border-radius: 3px;
    padding: 3px 5px;
    color: #fff;
    font-size: 11px;
    margin-left: 1rem;
}

.unselect{
    background-color: #ccc;
    border-radius: 3px;
    padding: 3px 5px;
    color: #474747;
    font-size: 11px;
    margin-left: 1rem;
}

.dis {
    color: #0b5394;
    font-size: 11px;
}

td:nth-child(6){
    text-align: left;
    padding-left: 5px;
}

.search_label {
    display: inline-block;
    width: 110px;
    text-align: right;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
    right: -5px;
    bottom: 49px;
}

.statuslist_dis1:nth-child(even) {
    background-color: #fdf6f6;
    border-radius: 5px;
    padding: 0px 5px;
}

.statuslist_dis1:nth-child(even) .labelarea5 {
    border-bottom: 3px dotted;
    padding-left: 10px;
    margin: 10px 0 5px;
    color: #d27b7b;
}

.statuslist_dis1:nth-child(odd) {
    background-color: #f6fbfd;
    border-radius: 5px;
    padding: 0px 5px;
}

.statuslist_dis1:nth-child(odd) .labelarea5 {
    border-bottom: 3px dotted;
    padding-left: 10px;
    margin: 10px 0 5px;
    color: #7babd2;
}

.statuslist_dis1:nth-child(even) .labelarea5 p, .statuslist_dis1:nth-child(odd) .labelarea5 p {
    font-weight: bold;
}

.deadline_area {
    background-color: #f4f5f7;
}

.pr20 {
    padding-right: 20px;
}

.overflow_auto {
    overflow: auto;
    padding-left: 4px;
}

button {
    cursor: pointer;
}

.display_btn1, .display_btn2 {
    width: 100px;
    text-align: center;
    background-color: #ccd1df;
    color: #fff;
    float: left;
}

.display_btn1{
    border-radius: 5px 0 0 5px;
}

.display_btn2 {
    border-radius: 0 5px 5px 0;
}

.display_btn1.active, .display_btn2.active {
    background-color: #485c94;
}

.display_btn_area {
    margin: 5px 15px;
    padding: 10px;
}

/*ハテナの設定
---------------------------------------------------------------------------*/
.question {
    background: #ffd900;
    width: 24px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    margin-left: 10px;
}

.abso {
    position: absolute;
}

.infotext {
    background: #1b8394;
    color: #fff;
    padding: 7px 20px;
    border-radius: 5px;
    opacity: 0;
    transition:1s linear;
}
.infotext.active {
    opacity:1;
}

.infotext:after {
    content: "";
    position: absolute;
    top: 85%;
    right: 25px;
    border: 1em solid transparent;
    border-top: 1em solid #1b8394;
    border-right: 1em solid #1b8394;
    transition:.5s linear;
}
.infotext.active::after {
    opacity:1;
}
.test:after {
    content: "";
    position: absolute;
    top: 85%;
    right: 25px;
    border: 1em solid transparent;
    border-top: 1em solid #1b8394;
    border-right: 1em solid #1b8394;
    transition:.5s linear;
}
.test.active::after {
    opacity:1;
}
.infotext p {
    font-weight: bold;
}

.infotext2 {
    position: relative;
    background: #e1f3e4;
    padding: 0 10px;
    border: 1px solid #1c441a;
    border-radius: 5px;
    width: 500px;
    top: -25px;
    left: 350px;
    opacity: 1;
    transition: show .4s;
}

.infotext3 {
    position: relative;
    background: #e1f3e4;
    padding: 0 10px;
    border: 1px solid #1c441a;
    border-radius: 5px;
    width: 500px;
    bottom: 500px;
    left: 100px;
    opacity: 1;
    transition: show .4s;
}

.infotext4 {
    position: relative;
    background: #e1f3e4;
    padding: 0 10px;
    border: 1px solid #1c441a;
    border-radius: 5px;
    width: 500px;
    bottom: 200px;
    left: 140px;
    opacity: 1;
    transition: show .4s;
}

.infotext5 {
    position: relative;
    background: #f3e1f0;
    padding: 0 10px;
    border: 1px solid #d80000;
    border-radius: 5px;
    width: 500px;
    top: -25px;
    left: 350px;
    opacity: 1;
    transition: show .4s;
}

@keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

h5 {
    margin: 0;
    margin-top: 5px;
    font-size: 15px;
}

.font12 {
    font-size: 12px;
}

.mainarea {
    border: 1px solid #e2e2e2;
    margin: 5px;
    padding-bottom: 15px;
}

.subtitle {
    background-color: #eaf2f5;
    padding: 10px 30px;
}

.subtitle h2 {
    font-size: 18px;
    color: #626262;
    font-weight: bold;
    line-height: 18px;
    height: 36px;
}

.navarea {
    background-color: #dedede;
    padding: 5px 30px;
}

.navarea li {
	display: inline-block;
    font-size: 15px;
    margin: 0 10px;
    color: #626262;
}

.navarea li a {
    color: #626262;
}

.navarea li.now {
    font-size: 15px;
    margin: 0;
    padding: 0 10px;
    background-color: #6d6d6d;
    border-radius: 5px;
}

.navarea li.now a {
    color: #fff;
}

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

.navarea li.now a:hover {
    font-weight: normal;
}

/*非表示の設定
---------------------------------------------------------------------------*/
.off {
    display: none !important;
}

/*フロートの設定
---------------------------------------------------------------------------*/
.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.wrap {
    overflow: hidden;
}

/*コンテンツの設定
---------------------------------------------------------------------------*/
h4 {
    font-size: 15px;
    padding-left: 15px;
}

.container {
    max-width: 1800px;
    min-height: 73vh;
}

.container2 {
    max-width: 1800px;
    min-height: 73vh;
}

.ml15 {
    margin-left: 15px;
}

.red {
    color: #f00;
}

.pt5 {
    padding-top: 5px;
}

/*ヘッダーの設定
---------------------------------------------------------------------------*/
.logo img {
	margin-top: 10px;	/*header内でのバランスを取るために上にスペースをあける*/
	margin-left: 30px;	/*左側にスペースをあける*/
	float: left;
	height: 35px;
}

.gnavarea {
    background-color: #333;
}

.navprofile {
    float: right;
}

.gnav {
    float: left;
    margin-left: 10px;
}

.gnavarea li {
    float: left;
    padding: 0 10px;
    color: #fff;
}

.gnavarea a {
    color: #fff;
    text-decoration: none;
}

.headerarea {
    background-color: #708090;
    height: 60px;
}

/*ログイン画面の設定
---------------------------------------------------------------------------*/
.login_body{
    background: url(/images/login_background.jpg) 50% 50% no-repeat;
    background-size: cover;
}

.logincontainer {
    margin: 0 auto;
    width: 350px;
}

.loginarea {
    border: 1px solid #333;
    width: 350px;
    text-align: center;
    padding: 30px 0 20px;
    margin: 80px 0;
    background: rgba(230,230,230,0.9);
}

.loginlogo{
    width: 250px;
    height: auto;
}

.loginform {
    width: 300px;
    margin: 0 auto;
}

input.logintext {
    width: 290px;
    font-size: 24px;
    padding: 3px;
}
.loginarea p {
    text-align: left;
    margin: 20px 0;
}

input#loginsubmit {
    padding: 10px 40px;
    background-color: #1e2f5a;
    color: #fff;
    border-style: none;
    margin-top: 20px;
    cursor: pointer;
}

/*テーブルの設定
---------------------------------------------------------------------------*/
table {
    border-collapse: collapse;
    margin: 0 auto;
    width: 100%;
}

th {
    background-color: #cfdae6;
    border: 1px solid;
    font-weight: normal;
}

td {
    background-color: #fbfbfb;
    border: 1px solid #7b7b7b;
    text-align: center;
}

.tabletop {
    margin-top: 20px;
}

select#monthselect {
    font-size: 14px;
}

/* 新規作成ボタンの設定
---------------------------------------------------------------------------*/
.cleate {
    float: left;
    width: 400px;
    height: 100px;
    margin-top: 20px;
    margin-left: 20px;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #fbfbfb;
}

.cleate:hover {
    border: 1px solid #fbfbfb;
    border-radius: 5px;
    background-color: #6c8090;
    color: #fff;
}

.cleate h3 {
    padding-left: 25px;
    padding-top: 15px;
    font-size: 20px;
    /* border-bottom: 1px solid #000; */
    font-weight: bold;
}

.cleate a {
    color: #000;
    text-decoration: none;
}

a.link {
    color: #333;
}

/* 「チームチケット」欄の設定
---------------------------------------------------------------------------*/
.list3 {
    font-size: 12px;
    margin: 0 15px;
    margin-top: 20px;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    padding: 10px;
    background-color: #fbfbfb;
}

tr.list3tr :first-child {
    width: 4%;
}

tr.list3tr :nth-child(2) {
    width: 5%;
}

tr.list3tr :nth-child(3) {
    width: 6%;
}

tr.list3tr :nth-child(4) {
    width: 12%;
}

tr.list3tr :nth-child(5) {
    width: 17%;
}

tr.list3tr :nth-child(7) {
    width: 12%;
}

tr.list3tr :last-child {
    width: 12%;
}

.myteamlist {
    float: right;
    margin-top: 10px;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    padding: 3px;
    background-color: #1e2f5a;
    color: #fff;
}

.myteamlist a {
    text-decoration: none;
    color: #fff;
}

/* 「自分のボール」欄の設定
---------------------------------------------------------------------------*/
.list1 {
    font-size: 12px;
    margin: 5px 15px;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    padding: 10px;
    background-color: #fbfbfb;
}
.list1 tr.list1tr th a {
    display:inline;
    width:100%;
    height:100%;
}
.list1 tr.list1tr th i {
    display:inline;
    padding-left: 5px;
}

tr.list1tr :first-child {
    width: 45px;
}

tr.list1tr :nth-child(2) {
    width: 70px;
}

tr.list1tr :nth-child(3) {
    width: 120px;
}

tr.list1tr :nth-child(4) {
    width: 20%;
}

tr.list1tr :nth-child(5) {
    width: 90px;
}

tr.list1tr :nth-child(7) {
    width: 110px;
}

tr.list1tr :last-child {
    width: 150px;
}

tr:nth-child(odd) td {
    background-color: #ececec;
}

.table1 tr:hover td, .table2 tr:hover td, .table3 tr:hover td, .edittable tr:hover td {
    background-color: #e0eaef;
}

.myticketlist {
    float: right;
    margin-top: 10px;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    padding: 3px;
    background-color: #1e2f5a;
    color: #fff;
}

.myticketlist a {
    text-decoration: none;
    color: #fff;
}

.thColor {
    background-color: #708090;
}
.thColor a{
    color:#fff;
}
.thColor i{
    color:#fff;
}

/* 「自分作成したチケット」欄の設定
---------------------------------------------------------------------------*/
.list2 {
    width: 1215px;
    font-size: 12px;
    margin-left: 15px;
    margin-top: 5px;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    padding: 10px;
    background-color: #fbfbfb;
}

tr.list2tr :first-child {
    width: 4%;
}

tr.list2tr :nth-child(2) {
    width: 5%;
}

tr.list2tr :nth-child(3) {
    width: 6%;
}

tr.list2tr :nth-child(4) {
    width: 12%;
}

tr.list2tr :nth-child(5) {
    width: 17%;
}

tr.list2tr :nth-child(7) {
    width: 12%;
}

tr.list2tr :last-child {
    width: 12%;
}

.myauthorlist {
    float: right;
    margin-top: 10px;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    padding: 3px;
    background-color: #1e2f5a;
    color: #fff;
}

.myauthorlist a {
    text-decoration: none;
    color: #fff;
}

/* 新規チケット作成の設定
---------------------------------------------------------------------------*/
.createticketarea {
    border: 1px solid #c7c7c7;
    margin-top: 20px;
    padding: 10px;
    border-radius: 5px;
    margin-left: 15px;
    margin-right: 15px;
    background-color: #fbfbfb;
}

.sentence {
    width: 95%;
}

.sentence2 {
    width: 90%;
}

.sentence3 {
    width: 400px;
}

.sentence4 {
    width: 50%;
}

.sentence6 {
    width: 125px;
}

.sentence7 {
    width: 100px;
}

.sentence8 {
    width: 800px;
}

.sentence9 {
    width: calc(100% - 70px);
}

.createticketarea textarea {
    width: 95%;
}

.answerarea select {
    padding: 4px 30px 4px 4px;
}

.create1 {
    margin-top: 10px;
}

.create3, .create7, .create9 {
    margin-top: 20px;
    border-top: 1px dotted;
    padding-top: 20px;
}

.create4 {
    margin: 10px 0;
}

.create6 {
    margin-top: 10px;
}

.create8 {
    margin-top: 10px;
}

.create10 {
    margin-top: 10px;
}

.create6 input {
    width: 200px;
    font-size: 13px;
}

input#createsubmit {
    padding: 10px 40px;
    background-color: #1e2f5a;
    color: #fff;
    border-style: none;
    margin-top: 20px;
    margin-left: 30px;
    cursor: pointer;
}

input#occurrence {
    width: 200px;
    font-size: 13px;
    margin-bottom: 5px;
}

textarea {
    padding: 5px;
}

.labelarea {
    border-left: 5px solid #6c8090;
    border-bottom: 1px solid #6c8090;
    padding-left: 10px;
    margin: 10px 0 5px;
}

.labelarea2 {
    border-left: 5px solid #7babd2;
    border-bottom: 1px solid #7babd2;
    background-color: #fff;
    padding-left: 10px;
    margin: 10px 0 5px;
}

.labelarea3 {
    border-left: 5px solid #d27b7b;
    border-bottom: 1px solid #d27b7b;
    padding-left: 10px;
    margin: 10px 0 5px;
    background-color: #ffefef;
}

.labelarea4 {
    border-left: 5px solid #adadad;
    border-bottom: 1px solid #adadad;
    padding-left: 10px;
    margin: 10px 0 5px;
    background-color: #f5f5f5;
}

.editarea {
    margin-left: 15px;
    margin-right: 15px;
    padding: 10px;
}

button#commentsubmit {
    background-color: #6c8090;
    color: #fff;
    padding: 10px 50px;
    font-size: 16px;
    cursor: pointer;
}

.answerarea {
    margin: 0 10px;
}

/* チケット確認画面ボタン
---------------------------------------------------------------------------*/
.sellectbutton {
    margin:10px auto;
    background-color: #82a2ea;
    color:#fff;
    text-align: center;
    width: 40px;
    height: 40px;
    font-size: 15px;
    border: 1px solid;
}

.pagebutton {
    margin:10px auto;
    text-align: center;
    width: 40px;
    height: 40px;
    font-size: 15px;
    background-color: #869198;
    color:#fff;
    border: 1px solid;
}

.ten {
    text-align: center;
    font-weight: bold;
}
    
tr.list1tr button.link_style_btn{
  outline: none;
  display:inline;
  cursor: pointer;
  border: none;
  background: none;
  width:100px;
}

tr.list1tr th:nth-child(2) button.link_style_btn{
    width:50px;
}
tr.list1tr th:nth-child(3) button.link_style_btn{
    width:40px;
}
tr.list1tr th:nth-child(5) button.link_style_btn{
    width:60px;
}
tr.list1tr th:nth-child(7) button.link_style_btn{
    width:100px;
}
tr.list1tr th:last-child button.link_style_btn{
    width:60px;
}
tr.list1tr button.link_style_btn:hover{
  text-decoration: underline;
  font-weight: bold;
}
.thColor button.link_style_btn{
    color:#fff;
}
.fas {
    display:inline;
}
#sort_icon {
    display: inline;
}

/* チケット画面の設定
---------------------------------------------------------------------------*/
.newticketarea {
    border: 1px solid #c7c7c7;
    margin: 20px 15px;
    padding: 10px;
    border-radius: 5px;
    background-color: #EAF2F5;
    color: #438c53;
}

.ticketarea {
    border: 1px solid #c7c7c7;
    margin-left: 15px;
    margin-right: 15px;
    padding: 10px;
    border-radius: 5px;
    background-color: #fefff4;
}

.ticket1, .ticket2, .ticket3, .ticket4, .ticket5, .ticket6, .ticket10 {
    width: 250px;
}

.ticket7, .ticket9 {
    width: 1000px;
}

.create15 {
    margin-top: 10px;
    overflow: hidden;
}

.ticketgroup {
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    padding: 0px 15px 5px;
    font-size: 12px;
    background-color: #f7f7f7;
	margin-bottom: 5px;
}

.ticketgroup2 {
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    padding: 0px 15px 5px;
    font-size: 12px;
    background-color: #f7f7f7;
	margin-bottom: 5px;
}


.bordertop {
    border-top: 1px dotted;
    margin-top: 20px;
    padding-top: 20px;
}

.ticket12 img {
    max-height: 150px;
    margin: 0 5px;
	display: inline-block;
	max-width: 100%;
}

.width_50 {
    width: 50%;
}

.break_word {
    overflow-wrap:break-word;
}

/* コメント追加の設定
---------------------------------------------------------------------------*/
.responsearea {
    border: 1px solid #c7c7c7;
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 10px;
    border-radius: 5px;
    background-color: #fefff4;
}

.responsearea textarea {
    width: 90%;
}

.responsearea h2 {
    background-color: #ffffed;
    border-bottom: 1px dotted;
    margin-bottom: 10px;
}

.commentdisplay {
    border: 1px solid #c7c7c7;
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 10px;
    border-radius: 5px;
    background-color: #fbfbfb;
}

.commentarea {
    border-top: 1px dotted #bfbfbf;
    padding-top: 5px;
    margin-bottom: 10px;
    padding-left: 20px;
}

.commentdisplay h2 {
    background-color: #fbfbfb;
}

.commentdisplay1, .commentdisplay2, .commentdisplay3, .commentdisplay4, .commentdisplay5 {
    color: #106db9;
    font-size: 13px;
}

.commentlabel {
    margin-left: 25px;
    float: left;
}

.commentanswer {
    float: left;
}

input#commentsubmit, input#commentsubmit2, input#commentsubmit3 {
    padding: 10px 40px;
    background-color: #808080;
    color: #fff;
    border-style: none;
    margin: 15px;
    cursor: pointer;
}

.textdetail {
    line-height: 1.5em;
    margin-top: 6px;
    font-size: 13px;
    word-wrap: break-word;
	padding: 0 5px;
}

.add_btn, .check_btn {
    padding: 1px 20px;
    font-size: 15px;
}

/* 個人設定の設定
---------------------------------------------------------------------------*/
.account1, .account2, .account3, .account4 {
    float: left;
    width: 400px;
    height: 100px;
    margin-top: 20px;
    margin-left: 20px;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #fbfbfb;
    box-shadow: 4px 4px 5px -6px #777777;
}

.account1:hover, .account2:hover, .account3:hover, .account4:hover {
    background-color: #e0eaef;
}

.account1 a, .account2 a, .account3 a, .account4 a {
    color: #000;
    text-decoration: none;
}

.account1 h3, .account2 h3, .account3 h3, .account4 h3 {
    padding-left: 25px;
    padding-top: 15px;
    font-size: 20px;
    font-weight: bold;
}

.account1 p, .account2 p, .account3 p, .account4 p {
    padding-left: 27px;
    font-size: 12px;
}

.managetitle h2 {
    margin-top: 20px;
}

/* パスワード変更の設定
---------------------------------------------------------------------------*/
.backbutton {
    margin-top: 10px;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    padding: 3px;
    background-color: #5e79af;
    color: #fff;
    width: 200px;
    margin-right: 30px;
    text-align: center;
}
.backbutton:hover {
    background-color:#2f4b7d;
}

.backbutton a {
    text-decoration: none;
    color: #fff;
}

.backbuttonleft {
    margin-left: 620px;
}
.backbutton.add {
    background-color: #55b169;
}
.backbutton.add:hover {
    background-color:#348a48;
}
/* パスワード変更の設定
---------------------------------------------------------------------------*/
.passchangearea {
    float: left;
    width: 500px;
    height: 150px;
    margin-top: 20px;
    margin-left: 20px;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #fbfbfb;
    box-shadow: 12px 10px 6px -6px #777777;
}

/*.passcheck {
    margin-top: 10px;
}*/

#passchangesubmit {
    background-color: #1e2f5a;
    color: #fff;
    border-style: none;
    font-size: 16px;
    cursor: pointer;
    padding: 5px 60px;
    border: 1px solid #fff;
    margin:5px;
}
/*padding: 10px 40px;
    background-color: #1e2f5a;
    color: #fff;
    border-style: none;
    margin-top: 20px;
    margin-left: 30px;
    cursor: pointer;*/

.passchangesubmit {
    float:left;
}

.successarea {
    width: 400px;
    height: 50px;
    margin-top: 20px;
    margin-left: 20px;
    color: #438c53;
    border: 1px solid #438c53;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #effdf2;
    font-size: 17px;
    padding: 8px 0 0 10px;
}

.errorarea {
    width: 700px;
    height: 50px;
    margin-top: 20px;
    margin-left: 20px;
    color: #a94442;
    border: 1px solid #ebccd1;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #f2dede;
    font-size: 17px;
    padding: 8px 0 0 10px;
}

.ticketnonearea {
    width: 800px;
    height: 50px;
    margin-top: 20px;
    margin-left: 20px;
    color: #a94442;
    border: 1px solid #ebccd1;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #f2dede;
    font-size: 17px;
    padding: 8px 0 0 10px;
}

/* アカウント新規追加の設定
---------------------------------------------------------------------------*/
/*.createaccountearea3 {
    width: 500px;
    margin-top: 20px;
    margin-left: 20px;
    padding: 15px;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #fbfbfb;
    box-shadow: 12px 10px 6px -6px #777777;
}

.createaccountearea2 {
    float: left;
    width: 500px;
    height: 250px;
    margin-top: 20px;
    margin-left: 20px;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #fbfbfb;
    box-shadow: 12px 10px 6px -6px #777777;
}*/

/* アカウント編集の設定
---------------------------------------------------------------------------*/
.edittable {
    font-size: 13px;
    width: auto;
    max-width: 100%;
}

.editlist {
    font-size: 12px;
    margin: 15px;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    padding: 10px;
    background-color: #fbfbfb;
}

.mbnone {
    margin-bottom: 0;
}

.editlist th:first-child {
    width: 70px;
}
.editlist th:nth-child(2) {
    width: 150px;
}
.editlist th:nth-child(3) {
    width: 100px;
}
.editlist th:nth-child(4) {
    width: 225px;
}
.editlist th:nth-child(5) {
    width: 225px;
}
.editlist th:nth-child(6) {
    width: 200px;
}
.editlist td:nth-child(6) {
    text-align: center;
    padding-left: 0;
}
.editlist th:nth-child(7) {
    width: 200px;
}
.editlist th:nth-child(8) {
    width: 100px;
}
.editlist th:nth-child(9) {
    width: 100px;
}

form.editform {
    margin: 1px 0;
}

.team_edittable {
    max-width: 600px;
}
.team_edittable input[type="submit"].edit {
    border: none;
    background-color: #93baf1;
    color: #fff;
    border-radius: 4px;
}
.team_edittable input[type="submit"].delete {
    border: none;
    background-color: #ff7d7d;
    color: #fff;
    border-radius: 4px;
}
.team_edittable input[type="submit"].edit:hover {
    border: none;
    background-color: #4f8fe8;
    color: #fff;
    border-radius: 4px;
}
.team_edittable input[type="submit"].delete:hover {
    border: none;
    background-color: #ff4a4a;
    color: #fff;
    border-radius: 4px;
}

.edittable th span {
    padding-left: 5px;
}

.edittable th a {
    color: #000;
}

.edittable th a:hover {
    color: #fff;
    text-decoration: none;
}

.team_choice_area, .company_choice_area {
    padding: 10px 15px 5px;
}

.team_choice_area h4, .company_choice_area h4, .editlist h4 {
    font-size: 15px;
    padding-left: 5px;
    margin-bottom: 5px;
    border-left: 5px solid;
    border-bottom: 1px solid;
    color: #626262;
}

.button_area {
    width: 500px;
    margin: 20px auto;
}

.button_area1 {
    width: 220px;
    margin: 20px auto;
}

.backbutton2 {
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    padding: 3px;
    background-color: #5e79af;
    width: 200px;
    margin-right: 30px;
    text-align: center;
}

.backbutton2:hover {
    background-color: #2f4b7d;
}

.backbutton2 a {
    color: #fff;
}

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

.button_area button, .button_area1 button {
    background-color: #55b169;
    color: #fff;
    font-size: 16px;
    padding: 5px 60px;
    border: 1px solid #fff;
    border-radius: 5px;
}

.button_area button:hover, .button_area1 button:hover {
    background-color: #348a48;
}

.sortable tr {
    cursor: move;
}

.sortable tr:first-child {
    cursor: unset;
}

input[type="submit"] {
    cursor: pointer;
}

.edittable input[type="submit"] {
    border: none;
    padding: 2px 15px;
    font-size: 14px;
}

.edittable input[type="submit"].edit {
    background-color: #93baf1;
    color: #fff;
    border-radius: 4px;
}

.edittable input[type="submit"].edit:hover {
    background-color: #4f8fe8;
    color: #fff;
}

.edittable input[type="submit"].delete {
    background-color: #ff7d7d;
    color: #fff;
    border-radius: 4px;
}

.edittable input[type="submit"].delete:hover {
    background-color: #ff4a4a;
    color: #fff;
}

.desc {
    line-height: 1.2em;
    font-size: 14px;
    padding: 10px;
}

/* チケット一覧　検索エリア設定
---------------------------------------------------------------------------*/
.search {
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 5px;
    background-color: #f7f7f7;
}

.search h2 {
    background-color: #f7f7f7;
    border-bottom: 1px dotted #c7c7c7;
}

input#searchsubmit {
    padding: 5px 20px;
    background-color: #1e2f5a;
    color: #fff;
    border-style: none;
    margin-top: 5px;
    cursor: pointer;
    margin-left: 10px;
    margin-bottom: 10px;
}

.displayed_results {
    margin-left: 10px;
}

.pagenumber {
    text-align: center;
}

.flex {
    display: flex;
}

/* エクスポート設定
---------------------------------------------------------------------------*/
.exportbutton {
    margin-top: 10px;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    padding: 3px;
    background-color: #1e2f5a;
    color: #fff;
    width: 200px;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 5px
}

.exportbutton a {
    text-decoration: none;
    color: #fff;
    display: block;
}

/* ソートボタン設定
---------------------------------------------------------------------------*/
.sortbutton {
    margin-top: 0;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    padding: 3px;
    background-color: #1e2f5a;
    color: #fff;
    width: 200px;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 5px;
}

.sortbutton a {
    text-decoration: none;
    color: #fff;
    display: block;
}

/* インポート設定
---------------------------------------------------------------------------*/
.titlearea {
    background-color: #717171;
    color: #fff;
    font-weight: bold;
    padding-left: 10px;
    font-size: 15px;
}

.mb15 {
    margin-bottom: 15px;
}

.addarea {
    margin-top: 30px;
    padding: 20px 10px 20px 10px;
    width: 1215px;
    font-size: 12px;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    background-color: #fbfbfb;
}

.download2 h3 {
    font-size: 18px;
}

.download3 {
    text-decoration: none;
}

.download2 {
    /* float: left; */
    width: 400px;
    height: 100px;
    margin-top: 20px;
    margin-left: 20px;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    padding: 13px;
    background-color: #fbfbfb;
    box-shadow: 12px 10px 6px -6px #777777;
    color: #000;
}

/* フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	background: #1e2f5a;
	color: #fff;
        margin-top: 30px;
}

footer .pr {
	display: block;
	font-size: 80%;
}

/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
	clear: both;
	text-align: center;
	background: #333;	/*背景色*/
}
#copyright a {
	text-decoration: none;
}

/*一覧の商品毎の色
---------------------------------------------------------------------------*/
tr td.dreamcube {
    background-color: #e8ffe9;
}

tr td.asteer {
    background-color: #ffe5e5;
}

tr td.iplambdahybrid {
    background-color: #fae6fd;
}

tr td.ipmobileα,
tr td.ipmobile {
    background-color: #e9f2ff;
}

tr td.ipp, td.ipp2 {
    background-color: #fff5e9;
}

tr td.iplambda {
    background-color: #f8fbe0;
}

/* 0000-00-00
---------------------------------------------------------------------------*/
.limit td:first-child, .limit td:nth-child(2), .limit td:nth-child(4), .limit td:nth-child(5), .limit td:nth-child(7), .limit td:last-child {
    color: #8e8e8e;
}

.limit td a {
    color: #8e8e8e;
}

/* 期日当日
---------------------------------------------------------------------------*/
.limit2 td:first-child, .limit2 td:nth-child(2), .limit2 td:nth-child(4), .limit2 td:nth-child(5), .limit2 td:nth-child(7), .limit2 td:last-child {
    color: #da3030;
}

.limit2 td a {
    color: #da3030;
}

/* 期日切れの日付
---------------------------------------------------------------------------*/
.limit3 td:first-child, .limit3 td:nth-child(2), .limit3 td:nth-child(4), .limit3 td:nth-child(5), .limit3 td:nth-child(7), .limit3 td:last-child {
    color: #d48c09;
}

.limit3 td a {
    color: #d48c09;
}

/* ラジオボタン装飾
---------------------------------------------------------------------------*/
.radioClub {
    margin: 0;
}

.radioClub input {
    display: none;
}

.radioClub label{
    display: inline-block;
    cursor: pointer;
    margin-bottom: 3px;
    padding: 6px 10px;
    background: #fff;
    color: #869198;
    font-size: 13px;
    text-align: center;
    line-height: 1;
    transition: .2s;
    border: 1px solid;
}

.radioClub input[type="radio"]:checked + .switch1 {
    background-color: #82a2ea;
    color: #fff;
    border: 1px solid #455a80;
}

.radioClub2 {
    margin: 0;
}

.radioClub2 input {
    display: none;
}

.radioClub2 label{
    display: inline-block;
    cursor: pointer;
    margin-bottom: 3px;
    padding: 6px 20px;
    background: #fff;
    color: #869198;
    font-size: 15px;
    text-align: center;
    line-height: 1;
    transition: .2s;
    border: 1px solid;
}

.radioClub2 input[type="radio"]:checked + .switch1 {
    background-color: #82a2ea;
    color: #fff;
    border: 1px solid #455a80;
}

/* 日付入力
---------------------------------------------------------------------------*/
input[type="date"] {
    font-size: 15px;
}

/* チェックボタン装飾
---------------------------------------------------------------------------*/
.checkClub {
    margin: 0;
}

.checkClub input {
    display: none;
}

.checkClub label{
    display: inline-block;
    cursor: pointer;
    margin-bottom: 3px;
    padding: 6px 10px;
    background: #fff;
    color: #869198;
    font-size: 13px;
    text-align: center;
    line-height: 1;
    transition: .2s;
    border: 1px solid;
}

.checkClub input[type="checkbox"]:checked + .switch1 {
    background-color: #82a2ea;
    color: #fff;
    border: 1px solid #455a80;
}

/* ポップアップ */
.popup.is-active {
    transform: scale(1);
    opacity: 1;
}

.popup {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    background: rgba(5,5,5,0.8);
    opacity: 0;
    transition: all .3s;
}

.popup_content {
    position: absolute;
    z-index: 30;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #f7f5f5;
    width: 95vw;
    padding: 10px 20px;
    border-radius: 5px;
    max-width: 500px;
}

.popup_content2 {
    position: absolute;
    z-index: 30;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #f7f5f5;
    padding: 10px 20px;
    border-radius: 5px;
    width: auto;
    min-width: 500px;
}

.popup_content3 {
    position: absolute;
    z-index: 30;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #f7f5f5;
    padding: 10px 20px;
    border-radius: 5px;
    width: 100%;
    max-width: 800px;
}

.popup_content4 {
    position: absolute;
    z-index: 30;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #f7f5f5;
    padding: 10px 20px;
    border-radius: 5px;
    width: 100%;
    max-width: 800px;
}

/* 閉じるボタン */
.back_btn {
    background: #efb8b8;
    margin: 0;
    font-size: 21px;
}

/* 期日切れ */
.deadline_over {
    padding-right: 10px;
    color: #ff001f;
    font-weight: bold;
}

input#ticketsubmit {
    background-color: #6c8090;
    color: #fff;
    padding: 5px 30px;
    margin-top: 10px;
    font-size: 16px;
    cursor: pointer;
}

.statuslist {
    padding: 5px 10px 15px;
    border: 1px solid #d2d2d2;
    background-color: #fff;
}

.hatena_btn {
    background-color: #f8b551;
    color: #fff;
    border: none;
    font-size: 12px;
    font-weight: bold;
    float: right;
    padding: 3px 15px;
}

/* レポートの調整
---------------------------------------------------------------------------*/
.rep1 {
    width: 100%;
    border: 1px solid #c3c3c3;
    background-color: #fdfdfd;
}

.rep1 .title, .rep2 .title {
    background-color: #ccddf3;
    padding-left: 15px;
    color: #626262;
    font-weight: bold;
}

.rep2 {
    height: 500px;
    border: 1px solid #c3c3c3;
    background-color: #fdfdfd;
}

.anchor_link {
    color: #0000c1;;
}

.graph_area {
    padding: 20px 10px;
    width: 0%;
    transition: .5s;
}

.rep_rist.on {
    opacity: 1;
    transition: .5s;
}

.rep_rist {
    opacity: 0;
    transition: .5s;
}

.graph_area.on {
    width: 100%;
}

.graph_list ul {
    padding-left: 10px;
    position: relative;
}

.graph_list li {
    margin-top: 20px;
    margin-right: 0;
    padding: 0 10px;
}
.pointer_target {
    position:relative;
}

.target_on::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #000;
    clip-path: polygon(0 50%, 50% 100%, 100% 50%);
    -webkit-clip-path: polygon(0 50%, 50% 100%, 100% 50%);
}

.graph_area ul {
    font-size: 0;
}

.graph_area li {
    height: 50px;
    margin: 0;
}

.opa {
    opacity: 0;
}

.absoPop {
    position: absolute;
    color: #ffffff;
    background-color: #626265;
    padding: 0 10px;
    border-radius: 5px;
    top: -30px;
    left: 0;
}

.date_serach_area {
    padding: 10px;
}

/* レポートカラー
---------------------------------------------------------------------------*/
.repColor1, .repColor2, .repColor3, .repColor4, .repColor5, .repColor6, .repColor7, .repColor8, .repColor9 {
    color: #fff;
}

.repColor1 {
    background-color: #FEA47F;
}

.repColor2 {
    background-color: #F97F51;
}

.repColor3 {
    background-color: #B33771;
}

.repColor4 {
    background-color: #25CCF7;
}

.repColor5 {
    background-color: #1B9CFC;
}

.repColor6 {
    background-color: #3B3B98;
}

.repColor7 {
    background-color: #EAB543;
}

.repColor8 {
    background-color: #F8EFBA;
    color: #626262;
}

.repColor9 {
    background-color: #58B19F;
}

.repColor10, .repColor11, .repColor12, .repColor13, .repColor14, .repColor15, .repColor16, .repColor17, .repColor18, .repColor19 {
    color: #fff;
}

.repColor10 {
    background-color: #FD7272;
}

.repColor11 {
    background-color: #FEA47F;
}

.repColor12 {
    background-color: #F97F51;
}

.repColor13 {
    background-color: #B33771;
}

.repColor14 {
    background-color: #25CCF7;
}

.repColor15 {
    background-color: #1B9CFC;
}

.repColor16 {
    background-color: #3B3B98;
}

.repColor17 {
    background-color: #EAB543;
}

.repColor18 {
    background-color: #F8EFBA;
    color: #626262;
}

.repColor19 {
    background-color: #58B19F;
}

.repColor20, .repColor21, .repColor22, .repColor23, .repColor24, .repColor25, .repColor26, .repColor27, .repColor28, .repColor29 {
    color: #fff;
}

.repColor20 {
    background-color: #FD7272;
}

.repColor21 {
    background-color: #FEA47F;
}

.repColor22 {
    background-color: #F97F51;
}

.repColor23 {
    background-color: #B33771;
}

.repColor24 {
    background-color: #25CCF7;
}

.repColor25 {
    background-color: #1B9CFC;
}

.repColor26 {
    background-color: #3B3B98;
}

.repColor27 {
    background-color: #EAB543;
}

.repColor28 {
    background-color: #F8EFBA;
    color: #626262;
}

.repColor29 {
    background-color: #58B19F;
}

.repColor30, .repColor31, .repColor32, .repColor33, .repColor34, .repColor35, .repColor36, .repColor37, .repColor38, .repColor39 {
    color: #fff;
}

.repColor30 {
    background-color: #FD7272;
}

.repColor31 {
    background-color: #FEA47F;
}

.repColor32 {
    background-color: #F97F51;
}

.repColor33 {
    background-color: #B33771;
}

.repColor34 {
    background-color: #25CCF7;
}

.repColor35 {
    background-color: #1B9CFC;
}

.repColor36 {
    background-color: #3B3B98;
}

.repColor37 {
    background-color: #EAB543;
}

.repColor38 {
    background-color: #F8EFBA;
    color: #626262;
}

.repColor39 {
    background-color: #58B19F;
}


.repColor40, .repColor41, .repColor42, .repColor43, .repColor44, .repColor45, .repColor46, .repColor47, .repColor48, .repColor49 {
    color: #fff;
}

.repColor40 {
    background-color: #FD7272;
}

.repColor41 {
    background-color: #FEA47F;
}

.repColor42 {
    background-color: #F97F51;
}

.repColor43 {
    background-color: #B33771;
}

.repColor44 {
    background-color: #25CCF7;
}

.repColor45 {
    background-color: #1B9CFC;
}

.repColor46 {
    background-color: #3B3B98;
}

.repColor47 {
    background-color: #EAB543;
}

.repColor48 {
    background-color: #F8EFBA;
    color: #626262;
}

.repColor49 {
    background-color: #58B19F;
}

.repColor50, .repColor51, .repColor52, .repColor53, .repColor54, .repColor55, .repColor56, .repColor57, .repColor58, .repColor59 {
    color: #fff;
}

.repColor50 {
    background-color: #FD7272;
}

.repColor51 {
    background-color: #FEA47F;
}

.repColor52 {
    background-color: #F97F51;
}

.repColor53 {
    background-color: #B33771;
}

.repColor54 {
    background-color: #25CCF7;
}

.repColor55 {
    background-color: #1B9CFC;
}

.repColor56 {
    background-color: #3B3B98;
}

.repColor57 {
    background-color: #EAB543;
}

.repColor58 {
    background-color: #F8EFBA;
    color: #626262;
}

.repColor59 {
    background-color: #58B19F;
}

.repColor60, .repColor61, .repColor62, .repColor63, .repColor64, .repColor65, .repColor66, .repColor67, .repColor68, .repColor69 {
    color: #fff;
}

.repColor60 {
    background-color: #FD7272;
}

.repColor61 {
    background-color: #FEA47F;
}

.repColor62 {
    background-color: #F97F51;
}

.repColor63 {
    background-color: #B33771;
}

.repColor64 {
    background-color: #25CCF7;
}

.repColor65 {
    background-color: #1B9CFC;
}

.repColor66 {
    background-color: #3B3B98;
}

.repColor67 {
    background-color: #EAB543;
}

.repColor68 {
    background-color: #F8EFBA;
    color: #626262;
}

.repColor69 {
    background-color: #58B19F;
}

.repColor70, .repColor71, .repColor72, .repColor73, .repColor74, .repColor75, .repColor76, .repColor77, .repColor78, .repColor79 {
    color: #fff;
}

.repColor70 {
    background-color: #FD7272;
}

.repColor71 {
    background-color: #FEA47F;
}

.repColor72 {
    background-color: #F97F51;
}

.repColor73 {
    background-color: #B33771;
}

.repColor74 {
    background-color: #25CCF7;
}

.repColor75 {
    background-color: #1B9CFC;
}

.repColor76 {
    background-color: #3B3B98;
}

.repColor77 {
    background-color: #EAB543;
}

.repColor78 {
    background-color: #F8EFBA;
    color: #626262;
}

.repColor79 {
    background-color: #58B19F;
}

.repColor80, .repColor81, .repColor82, .repColor83, .repColor84, .repColor85, .repColor86, .repColor87, .repColor88, .repColor89 {
    color: #fff;
}

.repColor80 {
    background-color: #FD7272;
}

.repColor81 {
    background-color: #FEA47F;
}

.repColor82 {
    background-color: #F97F51;
}

.repColor83 {
    background-color: #B33771;
}

.repColor84 {
    background-color: #25CCF7;
}

.repColor85 {
    background-color: #1B9CFC;
}

.repColor86 {
    background-color: #3B3B98;
}

.repColor87 {
    background-color: #EAB543;
}

.repColor88 {
    background-color: #F8EFBA;
    color: #626262;
}

.repColor89 {
    background-color: #58B19F;
}

.repColor90, .repColor91, .repColor92, .repColor93, .repColor94, .repColor95, .repColor96, .repColor97, .repColor98, .repColor99 {
    color: #fff;
}

.repColor90 {
    background-color: #FD7272;
}

.repColor91 {
    background-color: #FEA47F;
}

.repColor92 {
    background-color: #F97F51;
}

.repColor93 {
    background-color: #B33771;
}

.repColor94 {
    background-color: #25CCF7;
}

.repColor95 {
    background-color: #1B9CFC;
}

.repColor96 {
    background-color: #3B3B98;
}

.repColor97 {
    background-color: #EAB543;
}

.repColor98 {
    background-color: #F8EFBA;
    color: #626262;
}

.repColor99 {
    background-color: #58B19F;
}

.file_list li {
    display: block;
}

.file_list li::before {
    content: url('/images/attachment.png');
}

.file_list a {
    color: #226699;
}

.images_list {
	margin-top: 10px;
}

.mainarea .fa-sort-up, .mainarea .fa-sort-down {
	display: inline;
}

.uberall_area {
    padding: 10px;
}

.uberall_area textarea {
    width: 1000px;
    height: 12em;
}

.mail_answer {
    padding: 5px;
}

.mail_answer input[type="text"] {
    width: 100%;
}

.mail_answer textarea {
    width: 100%;
    height: 40em;
	max-height: calc(100vh - 170px);
}

.process {
    display: inline-block;
    width: 30px;
    text-align: center;
    background-color: #6c7f90;
    color: #fff;
    margin-right: 5px;
}

.add_btn_area {
	width: 90%;
	padding-top: 10px;
}

.label_span {
    display: inline-block;
    width: 6.5em;
}

.afteroccurrence_ul {
    padding: 2px 0px;
}

.afteroccurrence_ul li {
    display: list-item;
    margin-right: 0;
    font-size: 12px;
    color: #333;
	line-height: 1.5em;
}

.dc_btn {
    margin-left: 1em;
    background-color: #6c7f90;
    color: #fff;
    padding: 0 2px;
}

.dc_btn.success {
	background-color: #fff;
    color: #6c7f90;
}

.gray_back {
    background-color: #e6e6e6;
}

.sns_account_area {
    padding: 5px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
}

.w300 {
	width: 300px;
}

.dsc_info {
    padding: 5px 10px;
    background-color: #e9f2f5;
    font-size: 12px;
    margin-bottom: 5px;
}

.checkClub input[type="text"] {
    display: inline-block;
}

.w400 {
	width: 400px;
}

.new_ticket_list {
    padding: 10px;
    background-color: #e9f2f5;
    border: 1px solid #707f90;
	margin-top: 5px;
}

.new_ticket_list a {
    text-decoration: underline;
    color: -webkit-link;
}

.new_ticket_list li {
	display: block;
}

.edit_copy {
    position: absolute;
    right: 3px;
    top: 3px;
}

.gomibako {
    width: 15px;
    height: auto;
    background: unset;
    margin: 0;
    padding: 0;
    margin-left: 0.5em;
	border: none;
}

.gomibako:hover {
    color: unset;
    background: unset;
    transform: scale(1.2);
}

.gomibako img {
    width: 100%;
}

.reserve_btn {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #767676;
    padding: 0 10px;
    background-color: #efefef;
    font-size: 11px;
    color: #000;
    border-radius: 3px;
}

.gogo_chance {
	position: fixed;
	bottom: 10px;
	left: 10px;
}
.gogo_slot {
    float: left;
    color: #fff;
/*    color: #4f4f4f;*/
}
.gogo_off {
	display: none;
}
.gogo_off.gogo_on {
	display: table-cell;
}
.gogo_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    border: none;
    background-color: #fbfbfb;
}
.gogo_off img {
    width: 50px;
}

.f_W {
    font-weight: bold;
}

.backButton {
    background-color: #ff7d7d;
    color: #FFF;
    width: 154px;
    border: none;
    padding: 5px 0;
    font-size: 16px;
}

.backButton:hover {
    background-color: #ff4a4a;
    color: #FFF;
    border: #82a2ea;
}

#passchangesubmit:hover,
#createsubmit:hover,
#searchsubmit:hover {
    background-color: #82a2ea;
}

.teikyu_list li {
    display: block;
    color: #333;
}

.ptb10 {
    padding: 10px 0;
}

.comment_open_btn {
    position: absolute;
    top: -15px;
    left: calc(50% - 150px);
    width: 300px;
    background-color: #198b00;
    color: #fff;
    font-size: 15px;
    height: 30px;
}

.flex .fw50p {
    width: 50%;
}

.areus_label {
    display: inline-block;
    width: 400px;
    text-align: right;
}

.caution {
    background-color: #f8d3d3;
}

.w610 {
    width: 610px;
}

.areus_area {
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    background-color: #fefff4;
}

.m15 {
    margin: 15px;
}

.areus_title {
    text-align: center;
    background-color: #737f8d;
    color: #fff;
    border-radius: 5px 5px 0 0;
    margin-bottom: 10px;
}

.areus_title p {
    font-weight: bold;
}

.areus_mail_area {
    padding: 10px 10px 10px 0;
    background-color: #e1e1e1;
}

/* areusさま csv取り込み */
.caution2 {
    padding: 3px 5px;
    margin-left: 50px;
    font-size: 12px;
    background: #ff0000;
    color: #ffffff;
    transform: scale(1.1) translatex(34%) translateY(18%);
    animation: newAnime .7s infinite alternate;
}

@keyframes newAnime {
0% { color : #ff0000;
    background : #ffffff;
    }
100% { color : #ffffff;
    background : #ff0000;
    }
}

/* 公開日更新ボタン */
button#dates_submit {
    background-color: #6c8090;
    color: #fff;
    padding: 10px 50px;
    font-size: 16px;
    cursor: pointer;
    float: left;
    margin-top: 10px;
    margin-left: 25px;
}


/*チャットボット
---------------------------------------------------------------------------*/
.right_chat_window {
    position: fixed;
    bottom: 40px;
    right:5px;
    overflow-y: hidden;
    border: 3px solid #EF5350FF;
    border-radius: 9px;
    height:calc(100vh - 180px);
}
.right_chat_picuture {
    position: fixed;
    bottom: 40px;
    right: 0px;
    height:calc(100vh - 180px);
    cursor: pointer;
    display: none;
    z-index: 1100;
}
.right_chat_picuture iframe{
    background: #fff;
}
.right_close_icon {
    background-color: #0288d1;
    right: 9px;
    top: 2px;
    position: absolute;
    padding: 7px;
    z-index: 1;
    width: 50px;
}
/* パソコン用 */
.pc {
    display: block !important;
}
.sp {
    display: none !important;
}
/* スマートフォン・タブレット用 */
@media only screen and (max-width: 768px) {
    .pc {
	display: none !important;
    }
    .sp {
	display: block !important;
    }
}
.v-text-field__details{
    display: none;
}
.right_chat_window{
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 2px 2px 15px rgba(0,0,0,0.1);
}
.right_chat_bar{
    position: fixed;
    background: #313946;
    color: #fff;
    cursor: pointer;
    z-index: 3;
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 100px;
    right: 15px;
    bottom: 70px;
    padding: 0 15px;
    font-size: 14px;
}
.right_chat_bar img{
    display: block;
    width: 16px;
    transform: translateY(-2px);
}
.right_chat_bar p{
    margin-left: 5px;
    margin-bottom: 0;
}
.right_chat_bar:hover{
    background: #2c333e;
}
.right_chat_bar:hover *{
    opacity: 0.7;
}

.w50p {
	width: 50%;
}

.w10p {
	width: 10%;
}

.success_area, .alert_area {
    padding: 10px;
    padding-left: 20px;
}
.success_area h3, .alert_area h3 {
    font-weight: bold;
}
.alert_area {
    background-color: #fddfdf;
    color: #c14444;
}