@import "../iconfont/material-icons.css";
@import "framework/materialize.min-5d3c380d570e2c568513f08d02e205eb.css";
@import "framework/jquery.dataTables.min-a904d00b1db0aa013674b9f7d48f7440.css";

@font-face {
    font-family: 'NotoSansCJKjp-Light';
    src: url('../fonts/noto/NotoSansCJKjp-Light.otf');
}
@font-face {
    font-family: 'NotoSansCJKjp-Bold';
    src: url('../fonts/noto/NotoSansCJKjp-Bold.otf');
}
@font-face {
    font-family: 'NotoSansCJKjp-Regular';
    src: url('../fonts/noto/NotoSansCJKjp-Regular.otf');
}

@font-face {
    font-family: 'Roboto-Regular.woff';
    src: url('../fonts/roboto/Roboto-Regular.woff');
}
 
 
body {
/*    font-family: 'NotoSansCJKjp-Regular';*/
    font-family: 'Roboto-Regular.woff';
}

.row .col.s15 {
  width: 12.5%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s25 {
  width: 20.8333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s75 {
  width: 62.5%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s65 {
  width: 54.1666666666%;
  margin-left: auto;
  left: auto;
  right: auto;
}



.dataTables_filter input[type='search'] {
	width:400px !important;
}

.btn{
	text-transform:none !important;
}

.header-input{
	border-bottom:none !important;
}

.header-input.active{
	border-bottom:none !important;
}


.two-line-truncate{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#loading-view {
	/* 領域の位置やサイズに関する設定 */
	width: 100%;
	height: 100%;
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 0;
	/* 背景関連の設定 */
	background-color: #B2DFDB;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
/*	background-image: url(/images/loading.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
*/	
}

.position-center{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
}

.switch label input[type=checkbox]:checked+.lever:after,.switch label input[type=checkbox]:checked+.lever:before{
/*	background-color:#4469AF;*/
	background-color:#69F0AE;
}
.switch label input[type=checkbox]:checked+.lever{
/*	background-color:#90A4AE;*/
}
.myb-web-header {
    height:3.3rem;
    margin-bottom:0.7rem;
}
.myb-web-header .brand-logo{
    font-size: 1.6rem;
}

.button-container{
  margin:0.7rem;
}

div.error-message{
	color:#ff5722;
	font-size:1.2rem;
    animation:blink 1.8s ease-in-out infinite alternate;
	
}

.image-tabs{
  padding-left:0.35rem !important;
}
.image-tabs a:hover{
  border-bottom:2px solid #cfd8dc;
}

.image-tabs .disabled{
	opacity:0.6;
	border-top:1.5px inset #bdbdbd;
	border-left:1.0px inset #bdbdbd;
	border-right:1.5px inset #bdbdbd;
    border-radius: 0em 0.5em 0em 0em / 0em 0.5em 0em 0em;
}
.image-tabs .disabled a{
	opacity:0.6;
}

.image-tabs .indicator{
    background-color: #ff8a65 !important;
}


.button-tab{
    text-transform:none !important;
    padding-left:0px !important;
}
.button-tab a.active{
    border-radius: 0em 0.7em 0em 0em / 0em 0.7em 0em 0em  !important;
/*	background-color:#00bfa5 !important;*/
/*	background-color:#ff5722 !important;*/
/*	background-color:#ee6e73 !important;*/

    background-color: #4469AF !important;
/*	background-color:#1565c0 !important;*/
	color:#ffffff !important;
	border-width:medium;
    transition-property: background-color,color;
    transition-duration:0.05s;
    transition-timing-function:ease-in-out;
    transition-delay:0.3s;	
}

.button-tab a{
    border:thin solid #e0e0e0;
	border-radius: 0em 0.7em 0em 0em / 0em 0.7em 0em 0em;
	margin-bottom:0.7rem;
    font-size:1.2rem !important;
/*    letter-spacing: 0.2rem;*/
    font-weight:650 !important;
}

.button-tab a:hover{
  border-bottom:2px solid #cfd8dc;
}

.button-tab .disabled{
	opacity:0.6;
	border-top:1.5px inset #bdbdbd;
	border-left:1.0px inset #bdbdbd;
	border-right:1.5px inset #bdbdbd;
}

.dropdown-shadow{
  background: #eee;
  text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
/*  
	text-shadow: 
	-1px -1px 1px rgba(84, 110, 122, 0.4), 
	1px 1px 1px rgba(0, 0, 0, 0.5);
*/	
}


.button-tab .disabled a{
	opacity:0.6;
}

.button-tab a:hover{
  border-bottom:2px solid #cfd8dc;
}

.container{
	width:95% !important;
}



/*
.button-tab .indicator{
  background-color: #ff8a65 !important;
}
*/

/*
a.btn div{
  position:relative;
  display:inline-block;
  top:-4px;
  left:5px;
}
a.btn span{
  position:relative;
  display:inline-block;
  top:-4px;
  left:5px;
}
*/

.date-from-to .input-field{
	font-size:0.8rem;
}
.date-from-to div{
	font-size:0.8rem;
}
.date-from-to i{
	font-size:0.8rem;
}
.date-from-to label{
	font-size:0.8rem;
}

.btn {
	vertical-align:middle;
	padding:0 1.0rem;
}


/*
a.btn i.material-icons{
  position:relative;
  left:-8px;
}
*/
span.announcement-title.new:after{
  content: "new";
  background-color: #aeea00 !important;
  position:relative;
  top:-0.3rem;
  left:0.5rem;
  height:1.25rem;
  font-size:0.5rem;
  padding:0px 0.2rem;
  margin:0px;
  min-width:1rem;
  vertical-align:middle;
  border-radius: 0.15rem;
}

span.announcement-title.ipad{
  position:relative;
  left:-0.5rem;
	
}

.logo-softbank-small{
	width:8.3rem;
	height:1.2rem;
}
.logo-ymobile-small{
	width:6.9rem;
	height:1.2rem;
}
.logo-softbank-small.ipad{
	width:5.2rem;
	height:1.0rem;
}
.logo-ymobile-small.ipad{
	width:5.2rem;
	height:1.0rem;
}

.logo-softbank-small-label{
    min-width: 3rem;
    padding: 0 0.4rem;
    margin-left: 0.6rem;
    text-align: center;
    font-size: 0.9rem;
    line-height: 1.5rem;
    height: 1.5rem;
}
.logo-softbank-small-label.ipad{
    min-width: 1rem;
    padding: 0 0.2rem;
    margin-left: 0.3rem;
    text-align: center;
    font-size: 0.8rem;
    line-height: 1.2rem;
    height: 1.2rem;
}

.dropdown-content li{
    min-height: 1.4rem;
    line-height: 1.2rem;

}
/*
span.announcement.new.badge{
	position:relative;
	font-size:0.3rem;
	top:-42px;
	left:-22px;
	min-width:2rem;
	padding: 0 2px;
	margin-left: 4px;
	line-height: 18px;
	height: 18px;
}
*/
span.new.badge{
	font-size:0.6rem;
	min-width:2rem;
	padding: 0 2px;
	margin-left: 0.27rem;
	line-height: 1.24rem;
	height: 1.24rem;
}

.table-dropdown li{
    line-height:1.8rem;
    height:1.8rem;
    min-height:1.7rem;
    padding: 0.275rem 0.83rem;
    margin-bottom:0.35rem;
}
.table-dropdown li a{
    font-size:0.7rem;
    line-height:1.2rem;
    height:1.2rem;
    min-height:0.5rem;
    padding:  0.275rem 0.275rem;
}
.list-dropdown li a{
    font-size:0.8rem;
    line-height:1.72rem;
    height:1.72rem;
    min-height:1.72rem;
    padding:  0.275rem 0.83rem;
}

div.collection-header{
    margin-right: 0rem !important;
}

div.collection-header i{
	position:relative;
	margin-left:-0.6rem !important;
}

div.collection-header i.ipad{
	position:relative;
	margin-left:-0.6rem !important;
	margin-right:0.3rem !important;
}

.dropdown-btn{
	padding:0;
	font-size:1.0rem;
	margin:0.69rem 0.345rem 13.8rem 0.345rem;
}

.dropdown-btn i{
	font-size:1.2rem;
}

.required-radio{
	border-bottom:2px solid red;
}

.crew-select-label{
	font-size:1.0em !important;
/*	color:#26a69a !important;*/
	padding-bottom:0.9rem;
}
.crew-select-label i{
/*	color:#26a69a !important;*/
}

.side-menu-item i.ipad{
	position:relative !important;
	margin-right:0.3rem !important;
	margin-left:0.3rem !important;
	
}
.side-menu-span.ipad{
	display:inline-block;
	position:relative !important;
	margin-right:0rem !important;
	left:-0.6rem !important;
}

.tiny-dropdown li{
	min-height:2rem;
	line-height:1.1em;
}
.tiny-dropdown li span{
	padding:0.375rem 0.83rem;
}
	

.myb-chip {
  display: inline-block;
  height: 2.2rem;
  font-size: 0.9rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  line-height: 2.2rem;
  padding: 0 0.83rem;
  border-radius: 16px;
  background-color: #e4e4e4;
  margin-bottom: 0.375rem;
  margin-right: 0.375rem;
  border:thin ridge #d0d0d0;
}

.myb-chip > img {
  float: left;
  margin: 0 0.55rem 0 -0.83rem;
  height: 2.2rem;
  width: 2.2rem;
  border-radius: 50%;
}

.myb-chip .myb-chip-close {
  cursor: pointer;
  float: right;
  font-size: 1.1rem;
  line-height: 2.2rem;
  padding-left: 0.55rem;
}

.myb-chips {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0 0 1.38rem 0;
  min-height: 3.1rem;
  outline: none;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.myb-chips.focus {
  border-bottom: 1px solid #26a69a;
  -webkit-box-shadow: 0 1px 0 0 #26a69a;
          box-shadow: 0 1px 0 0 #26a69a;
}

.myb-chips:hover {
  cursor: text;
}

.myb-chips .myb-chip.selected {
  background-color: #26a69a;
  color: #fff;
}


.myb-chips:empty ~ label {
  font-size: 0.6rem;
  -webkit-transform: translateY(-140%);
          transform: translateY(-140%);
}


.web-top-data-table span{
	font-size:0.7em;
	margin:0 0.25rem;
	opacity:0.7;
}


/*お気に入り*/
.lb-style-github .lb-a.favorite-a {
    border-radius: 3px 3px 3px 3px;
    border-color: #FF8080 #FF8080 #FF7070;
    background-color: #ff8080;
    background-image: linear-gradient(#FFA0A0,#FF72B3);
    background-image: linear-gradient(top,#FF9BDC,#FF72B3);
    border-image: none;
    border-style: solid;
    border-width: 1px;
    padding: 1px 0 1px 3px;
}
.lb-style-github .lb-a.favorite-a:hover {
    border-radius: 3px 3px 3px 3px;
    border-color: #FF9090 #FF9090 #FF8080;
    background-color: #ff8080;
    background-image: linear-gradient(#FFB0B0,#FF82C3);
    background-image: linear-gradient(top,#FFABEC,#FF82C3);
    border-image: none;
    border-style: solid;
    border-width: 1px;
    padding: 1px 0 1px 3px;
}

.lb-style-github .lb-count.favorite-a {
	color:#ff8a80;
}

.favourite-heart {
  width: 100px;
  height: 100px;
  position: absolute;
/*  left: 50%;*/
/*  top: 50%;*/
  transform: translate(-50%, -50%);
  background: url(../images/heart.png) no-repeat;
  background-position: 0 0;
  cursor: pointer;
  animation: fave-heart 1s steps(28);
}
.favourite-heart-active {
  background-position: -2800px 0;
}
.favourite-heart:hover {
  background-position: -2800px 0;
  transition: background 1s steps(28);
}

.favourite-heart-tiny {
  width: 4.83;
  height: 4.83;
  position: relative;
/*  left: 50%;*/
/*  top: 50%;*/
  transform: translate(-50%, -50%);
  background: url(../images/heart07.png) no-repeat;
  background-position: 0 0;
  cursor: pointer;
  animation: fave-heart-tiny 1s steps(28);
  
}
/*
.favourite-heart-tiny:active {
  background-position: -1960px 0;
  transition: background 2s steps(28);
}
.favourite-heart-tiny:hover {
  background-position: -1960px 0;
  transition: background 2s steps(28);
}
*/
.favourite-heart-tiny.heart-01 {
	animation-delay:0s;
} 
.favourite-heart-tiny.heart-02 {
	animation-delay:0.2s;
} 
.favourite-heart-tiny.heart-03 {
	animation-delay:0.4s;
} 
.favourite-heart-tiny.heart-04 {
	animation-delay:0.6s;
} 
.favourite-heart-tiny.heart-05 {
	animation-delay:0.8s;
} 

.favourite-heart-tiny.heart-01.favourite-active {
	animation-delay:0s;
    background-position: -1960px 0;
    transition: background 1s steps(28);
} 
.favourite-heart-tiny.heart-02.favourite-active {
	animation-delay:0.2s;
    background-position: -1960px 0;
    transition: background 1s steps(28);
} 
.favourite-heart-tiny.heart-03.favourite-active {
	animation-delay:0.4s;
    background-position: -1960px 0;
    transition: background 1s steps(28);
} 
.favourite-heart-tiny.heart-04.favourite-active {
	animation-delay:0.6s;
    background-position: -1960px 0;
    transition: background 1s steps(28);
} 
.favourite-heart-tiny.heart-05.favourite-active {
	animation-delay:0.8s;
    background-position: -1960px 0;
    transition: background 1s steps(28);
} 

.favourite-heart-icon {
  width: 1.2rem;
  height: 1.2rem;
  position: relative;
  background: url(../images/heart02.png) no-repeat;
  background-position: 0 0;
  cursor: pointer;
}

.favourite-heart-icon.active{
  width: 1.2rem;
  height: 1.2rem;
  position: relative;
  background: url(../images/heart02.png) no-repeat;
  background-position: -560px 0;
  cursor: pointer;
}




@keyframes fave-heart {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -2800px 0;
  }
}

@keyframes fave-heart-tiny {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -1960px 0;
  }
}

.picker__month-display {
	margin-top:2.76rem;
    font-size: 1.4rem;
    font-weight: 600;
    color:rgba(255,255,255,0.7);
}

.picker__day-display {
    font-size: 0.8rem;
    font-weight: 500;
}

.picker__close, .picker__today, .picker__clear {
    font-size: 0.8rem;
    padding: 0 0.5rem;
}

.picker__weekday {
    padding-top: 1.4rem;
}

.picker__holder{
}
.picker__box{
}
.picker__calendar-container{
}
.picker__header{
}
.picker__select--month , .picker__select--year{
}


.picker {
    font-size: 0.83rem;
    line-height: 1.0;
}

.picker__day--infocus {
    padding: 0.4rem 0;
}

.picker__weekday-display {
    font-size: 0.8rem;
    font-weight: 500;
}

.news-container.active {
	border:thin solid #eeee !important;
	border-radius: 6px 6px 6px 6px;
	
}

.news-header {
	font-size:0.8rem;
	margin-bottom:0.41rem;
	height:2.48rem;
	padding:0px 1rem 0px 1rem;
	vertical-align:middle;
	border-bottom:1.5px inset #cfd8dc;
	color:#26a69a;
}
.news-header a{
	font-size:0.8rem;
	color:#26a69a;
}


.news-header.active {
	padding:0.69rem 1rem 0px 1rem;
	background-color:#00bcd4;
	font-size:1.0rem;
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
	height:2.6rem;
	color:#FFFFFF !important;
	border-bottom:0 solid white;
	border-radius: 6px 6px 4px 4px;
	
}
.news-header.active a{
	background-color:#00bcd4;
	font-size:1.0rem;
	color:#FFFFFF !important;
	
}


.news-header span.badge {
	font-size:0.6rem;
	min-width:2rem;
	padding: 0 2px;
	margin-left: 0.1rem;
	line-height: 1.24rem;
	height: 1.24rem;
	background-color:#64dd17;
	display:inline-block;
	position:relative;
	top:-0.69rem;
}
.news-header.active span.badge{
	display:inline-block;
	position:relative;
	top:-0.48rem;
}
.news-header span.badge.ipad{
	font-size:0.6rem;
	min-width:2rem;
	padding: 0 2px;
	line-height: 1.24rem;
	height: 1.24rem;
	background-color:#64dd17;
	display:inline-block;
	position:relative;
	top:-2.0rem;
	left:2.0rem;
}
.news-header.active span.badge.ipad{
	display:inline-block;
	position:relative;
	top:-2.0rem;
	left:2.0rem;
}
.news-header span.news-date{
	padding:0rem;
	margin:0rem;
	color:#607d8b;
	font-size:0.7rem;
	opacity:0.8;
}
.news-header.active span.news-date{
	padding:0rem;
	margin:0rem;
	color:#FFFFFF;
	font-size:0.7rem;
	opacity:0.8;
}

.news-header.active a{
	color:#795548;
}

li.news-container{
	box-shadow:none !important;
	border:0 solid white !important;
	margin-bottom:2px;
	margin:0rem 0rem 0.1rem 0rem;
	padding:0rem;
	width:96%;
}

.fixed-action-btn{
	bottom: 3.1rem;
	right: 1.7rem;"
}

.header-nav{
	margin-bottom:0.69rem;
	height:3.7rem;
	line-height:3.7rem;
}

nav,nav .nav-wrapper,nav .nav-wrapper i{
	height:3.7rem;
	line-height:3.7rem;
}

.header-nav .nav-wrapper{
	padding-left:1rem;
	padding-right:1rem;
}

.nav-breadcrumb{
	height:2.76rem;
	margin-bottom:0.69rem;
}

.nav-breadcrumb .nav-wrapper{
	line-height:2.0rem;
	min-height:1.0rem !important;
	margin-bottom:1rem;
}

.nav-breadcrumb .nav-wrapper .breadcrumb{
	margin-left:0.345rem;
}

.foot-button-area{
	padding-right:2.0rem;
}
.foot-button-area a.btn{
	margin:0.69rem 0.69rem 1.388rem 0.69rem;
}

.corp-select-tabs{
	margin-left:1.38rem;
}

.margin-row{
	margin-left:0.375rem !important;
	margin-right:0.5rem !important;
}

footer.container{
	height:2.1rem;
	margin-top:0.375rem;
}

.side-menu-item{
	margin:0.2rem 0rem 0.5rem 0rem ;
}

 .pagination li a{
	font-size:1rem;
	padding: 0 0.6rem;
    line-height: 2.0rem;
	
}

.total-posts-count{
	 opacity:0.8;
	 font-size:0.8rem;
}

.question-logo{
	font-size:1.6rem;
	min-height:2.76rem;
	width:2.76rem;
	padding-left:0.375rem;
	padding-bottom:0.375rem;
}
.question-logo.ipad{
	font-size:1.4rem;
	min-height:2.76rem;
	width:2.76rem;
	padding-left:0.2rem;
	padding-bottom:0.2rem;
}


.question-title{
	font-size:1.2rem;
	min-height:2.76rem;
	padding-left:0.375rem;
	padding-bottom:0.375rem;
}

.chat-title{
	font-size:1.4rem;
	min-height:1.8rem;
	padding-left:0.375rem;
	padding-bottom:0.375rem;
}
.chat-header{
/*	background-color: #15B0c6;*/
	height:2.6rem;
	line-height:2.6rem;
}
.chat-header.post{
	
}
.chat-header.answer{
	
}

.chat-top-margin{
	margin-top:2rem !important;
}

.favourite-heart-tiny{
	width:3.45rem;
	height:4.14rem;
}

.qa-container{
	padding:0rem 0.69rem 0.69rem 0.69rem;
	margin:0rem 0.15rem 0.15rem 0.15rem !important;
}

.chat-container{
	padding:0rem 0.69rem 0.69rem 0.69rem;
}

.chat-container .chat-ans{
	margin-left:1.36rem;
	margin-right:2.15rem;
}

.chat-container .chat-crew{
	margin-left:3.36rem;
	margin-right:0.15rem;
}

.mail-icon::after {
	position:relative;
	left:0.5rem;
	font-family: "Material Icons" !important;
	content: "email";
/*	color:#1de9b6;*/
	color:#aeea00;
/*	
	-webkit-animation:blink 0.8s ease-in-out infinite alternate;
    -moz-animation:blink 0.8s ease-in-out infinite alternate;
    animation:blink 0.8s ease-in-out infinite alternate;
*/    
}

i.notify-icon{
	color:#aeea00;
/*	
	-webkit-animation:blink 0.8s ease-in-out infinite alternate;
    -moz-animation:blink 0.8s ease-in-out infinite alternate;
    animation:blink 0.8s ease-in-out infinite alternate;
*/    
}

/* 点滅 */
.blinking{
	-webkit-animation:blink 2.0s ease-in-out infinite alternate;
    -moz-animation:blink 2.0s ease-in-out infinite alternate;
    animation:blink 2.0s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
    0% {opacity:0.3;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.3;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.3;}
    100% {opacity:1;}
}



.dataTables_filter input{
  width:9.66rem !important;
}

.dataTables_filter {
  min-width:20.7rem !important;
  margin-right:6.9rem;
}


table.bordered th{
/*
  border-right:thin solid #C0C0C0 !important;
  border-top:thin solid #C0C0C0 !important;
*/  
}

.dataTables_length{
    min-width:20.7rem;
}
.dataTables_length label{
    font-size: 0.8rem;
    color:#78909c;
    display:inline-block;
    width:20rem;
}
.dataTables_length label select{
    height:2.34rem;
    width:4.14rem;
    display:inline-block !important;
}
.dataTables_filter label{
    font-size: 0.8rem;
    color:#78909c;
}

.over-ray-list{
    position: absolute;
/*    display:none;*/
	will-change:width,height;
	z-index:9999;
	top: 40px;
    left: 0px;
    height:300px;
    width:140px;
}

.toast-pop{
	background-color:#ffb74d;
	color:#e65100;
/*	color:#f50057;*/
	border-radius: 24px;
	
}

input.select-dropdown.active{
	color:#26a69a;
}