/**
copyright (c) 2012 marco pegoraro, http://movableapp.com/

permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"software"), to deal in the software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the software, and to
permit persons to whom the software is furnished to do so, subject to
the following conditions:

the above copyright notice and this permission notice shall be
included in all copies or substantial portions of the software.

the software is provided "as is", without warranty of any kind,
express or implied, including but not limited to the warranties of
merchantability, fitness for a particular purpose and
noninfringement. in no event shall the authors or copyright holders be
liable for any claim, damages or other liability, whether in an action
of contract, tort or otherwise, arising from, out of or in connection
with the software or the use or other dealings in the software.


where to find media table:
https://github.com/thepeg/mediatable
http://consulenza-web.com/jquery/mediatable/
http://www.consulenza-web.com/2012/01/mediatable-jquery-plugin/

**/







/* -----[[     s t r u c t u r e     ]]------------ */


/**
 * structural style
 */
.mediatable {
	width:100%;
	border-collapse:collapse;
	height: auto;
	background-color: #fff;
}

table.mediatable tr:nth-child(odd){
    /* css3でテーブル奇数行の背景色を設定 */
    background-color: rgba(255,255,255,1.00);
}

table.mediatable tr:nth-child(even) {
    /* css3でテーブル偶数行の背景色を設定 */
    background-color: rgba(68,79,88,0.05);
}

.mediatablewrapper {
	/* position: relative; */
}

.mediatablewrapperwithmenu {
	padding-top:1%;
}

.mediatablemenuclosed ul {
	display:none;
}

table.mediatable .nodata-table .nodata {
	font-size: 1.4rem;
	line-height: 1.2em;
	padding-top: 5px;
	padding-right: 1px;
	padding-bottom: 5px;
	padding-left: 1px;
	text-align: center;
}

/**
 * active media table rules
 * theese rules are applied to a table activated by the jquery plugin.
 */

.activemediatable th,
.activemediatable td {
	display: none;
}

.activemediatable th.essential,
.activemediatable td.essential {
	display: table-cell;
	_display:block; /* ie6 hack */
}

/* ie7 hack */
* html .activemediatable th.essential,
* html .activemediatable td.essential
{ display:block }

table.mediatable .supportsite-login {
    line-height: 1.4em;
    display: inline-block;
    background-image: url(/uploads/image/orirlapis/video_dot_05.png);
    text-align: center;
    border-radius: 2px;
    padding: 5px;
}
	
table.mediatable .supportsite-login:hover {
    background-color: rgba(52,93,157,0.06);
}	

/* -----[[     b r e a c k      p o i n t s     ]]------------ */

@media print, screen and (min-width: 768px) {
.activemediatable th.optional,
.activemediatable td.optional {
	display: table-cell;
	_display:block; /* ie6 hack */
}
	
/* ie7 hack */
* html .activemediatable th.optional,
* html .activemediatable td.optional {
	display:block }
}

@media print, screen and (min-width: 1024px) {
	
.mediatable {
	width: 100%;
	border-collapse: collapse;
} 
	
.activemediatable th,
.activemediatable td {
	display: table-cell;
}

table.mediatable .product .name {
    font-size: 1.4rem;
    line-height: 1.2em;
    padding-top: 5px;
    padding-right: 1px;
    padding-bottom: 5px;
    padding-left: 1px;
    font-weight: 500;
    display: block;
    margin-top: 7px;
    width: 100%;
}
    
#speech-automotive-child table.mediatable thead .rom,
#speech-longtime-child table.mediatable thead .rom,
#speech-external-child table.mediatable thead .rom {
	width: 8%;    
}
    
#speech-automotive-child table.mediatable thead .if,
#speech-longtime-child table.mediatable thead .if,
#speech-external-child table.mediatable thead .if {
	width: 50px;    
}
    
#video-interface-child table.mediatable thead .input,
#video-interface-child table.mediatable thead .output,
#video-interface-child table.mediatable thead .feature {
   width: 15%;  
}
	
#wpt-13-56mhz #wpteva .note {
	width: 35%;
}

#datasheet .mediatable .product .name {
	font-size: 1.3rem;
	line-height: 1.2em;
	padding-top: 5px;
	padding-right: 1px;
	padding-bottom: 5px;
	padding-left:  1px;
	width: 140px;
}

#datasheet .mediatable .function-bg {
	width: 180px;
}

.ev-k_box {
	margin: 5px;
}

.reference_box {
	width: 120px;
}
	
}

@media print, screen and (min-width: 768px) and (max-width: 1023.98px) {
	 
table.mediatable .product .name {
	font-size: 1.5rem;
	line-height: 1.2em;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left:  2px;
}
    
#wpteva .note {
	width: 26%;	
	 }
}

@media print, screen and (min-width : 768px) {
table.mediatable .essential,
table.mediatable .optional,
table.mediatable .function {
	text-align: center;
	font-size: 1.1rem;
	line-height: 1.4em;
	padding-top: 0.5em;
	padding-right: 6px;
	padding-bottom: 0.5em;
	padding-left: 6px;
}
table.mediatable thead .essential, table.mediatable thead .optional, table.mediatable thead .function {
    /* font-size: 1.3rem; */
}
.ja_jp table.mediatable thead .essential, .ja_jp table.mediatable thead .optional, .ja_jp table.mediatable thead .function {
	padding-left: 4px;
	padding-right: 4px;
    font-size: 1.4rem;
}
table.mediatable thead .essential,
table.mediatable thead .optional,
table.mediatable thead .function {
	line-height: 1em;
}	
.ja_jp table.mediatable thead .essential,
.ja_jp table.mediatable thead .optional,
.ja_jp table.mediatable thead .function{
	min-width: 50px;
}
table.mediatable .product {
	min-width: 150px;
}
    
table.mediatable .datasheet {
	min-width: 50px;
}
	
#speech-automotive-child table.mediatable thead .other {
	width: 8%;
}
	
.speech-reference_box {
	width: 20%;
}
    
#video-displaycontroller-child table.mediatable thead .feature {
   width: 15%;  
}

#display-lcd-tn-stn-child table.mediatable thead .frequency {
   width: 11%;  
}

#display-lcd-tn-stn-child table.mediatable thead .feature {
   width: 15%;  
}

}

@media print, screen and  (max-width : 767.98px) {

table.mediatable .product .name {
	font-size: 1.5rem;
	line-height: 1.2em;
	padding-top: 5px;
	padding-right: 1px;
	padding-bottom: 5px;
	padding-left:  1px;
}

table.mediatable .essential,
table.mediatable .optional,
table.mediatable .function {
	text-align: center;
	font-size: 80%;
	line-height: 1.4em;
	padding-top: 0.5em;
	padding-right: 5px;
	padding-bottom: 0.5em;
	padding-left: 5px;
}
table.mediatable thead .essential,
table.mediatable thead .optional,
table.mediatable thead .function {
	line-height: 1em;
}	
.ja_jp table.mediatable thead .essential,
.ja_jp table.mediatable thead .optional,
.ja_jp table.mediatable thead .function{
	padding-left: 4px;
	padding-right: 4px;
	min-width: 50px;
	font-size: 1.4rem;
}
	
#wpteva .note {
	width: 44%;	
}
	
}

/* -----[[     t h e m i n g     ]]------------ */


/**
 * web font dl icon
 */

.mediatable .split-box_parent p {
	padding-top: 4px;
	padding-bottom: 6px;
}

.mediatable .split-box_sub {
    border-top: 1px dashed rgba(68,79,88,0.13);
}

.mediatable .split-box_sub p {
	padding-top: 4px;
	padding-bottom: 6px;
}

.mediatable .version-number {
    background-color: #dfe3e6;
    border-radius: 8px;
    padding-top: 1px;
    margin-top: 2px;
    max-width: 100px;
    margin-left: auto;
	margin-right: auto;
}

.mediatable .dlicon-webfont {
    font-size: 3rem;
    line-height: 1.4em;
}

/**
 * table style
 */
 .mediatable .fontcolor-p{
	color: #fd5161;
}
 .mediatable .fontcolor-gr{
	color: #747478;
}

.mediatable .function-numericalvalue-size8 {
	font-size: 1rem !important;
	line-height: 1.4em !important;
	-webkit-transform: scale(0.8);
}

.mediatable .function-numericalvalue-size8-text-align-left {
	font-size: 1rem !important;
	line-height: 1.4em !important;
	-webkit-transform: scale(0.8);
	text-align: left;
}

.mediatable .function-numericalvalue-list-size8 {
	font-size: 1rem !important;
	line-height: 1.4em !important;
	-webkit-transform: scale(0.8);
	text-align: left;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 12px;
}

.mediatable .function-numericalvalue-list-size8-text-align-left {
	font-size: 1rem !important;
	line-height: 1.4em !important;
	-webkit-transform: scale(0.8);
	text-align: left;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 5px;
}

.mediatable .function-numericalvalue-size9 {
	font-size: 1.1rem !important;
	line-height: 1.4em !important;
	-webkit-transform: scale(0.86);
}

.mediatable .function-numericalvalue-size9-text-align-left {
	font-size: 1.1rem !important;
	line-height: 1.4em !important;
	-webkit-transform: scale(0.86);
	text-align: left;
}

.mediatable .function-numericalvalue-list-size9 {
	font-size: 1.1rem !important;
	line-height: 1.4em !important;
	-webkit-transform: scale(0.86);
	text-align: left;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 12px;
}

.mediatable .function-numericalvalue-list-size9-text-align-left {
	font-size: 1.1rem !important;
	line-height: 1.4em !important;
	-webkit-transform: scale(0.86);
	text-align: left;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 5px;
}

.mediatable .function-numericalvalue-size10 {
    font-size: 1.2rem !important;
    line-height: 1.6em !important;
}

.mediatable .function-numericalvalue-size10-text-align-left {
	font-size: 1.2rem;
	line-height: 1.6em;
	text-align: left;
}

.mediatable .function-numericalvalue-list-size10 {
	font-size: 1.2rem;
	line-height: 1.6em;
	text-align: left;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 12px;
}

.mediatable .function-numericalvalue-list-size10-text-align-left {
	font-size: 1.2rem;
	line-height: 1.4em;
	text-align: left;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 5px;
}

.mediatable .function-numericalvalue-size11 {
	font-size: 1.3rem !important;
	line-height: 1.4em !important;
}

.mediatable .function-numericalvalue-size11-text-align-left {
	font-size: 1.3rem;
	line-height: 1.4em;
	text-align: left;
}

.mediatable .function-numericalvalue-list-size11 {
	font-size: 1.3rem;
	line-height: 1.4em;
	text-align: left;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 5px;
}

.mediatable .function-numericalvalue-list-size11-text-align-left {
	font-size: 1.3rem;
	line-height: 1.4em;
	text-align: left;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 5px;
}

.mediatable .function-numericalvalue-size12 {
	font-size: 1.4rem !important;
	line-height: 1.4em !important;

}

.mediatable .function-numericalvalue-size12-text-align-left {
	font-size: 1.4rem;
	line-height: 1.4em;
	text-align: left;
}

.mediatable .function-numericalvalue-list-size12 {
	font-size: 1.4rem;
	line-height: 1.4em;
	text-align: left;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 5px;
}

.mediatable .function-numericalvalue-list-size12-text-align-left {
	font-size: 1.4rem;
	line-height: 1.4em;
	text-align: left;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 5px;
}

.mediatable .function-numericalvalue-size13 {
	font-size: 1.5rem !important;
	line-height: 1.4em !important;

}

.mediatable .function-numericalvalue-size14 {
	font-size: 1.6rem !important;
	line-height: 1.4em !important;
}

table.mediatable .telecom_nationalflag {
	height: 14px;
	float: left;
	margin-right: 3px;
	padding-top: 1px;
}
table.mediatable thead {
	 border-bottom: 2px solid rgba(68,79,88,0.30);
}
 
table.mediatable thead th {
    white-space: normal;
    /* border-bottom: 2px solid rgba(68,79,88,0.30); */
    color: rgba(68,79,88,0.70);
    background-color: rgba(255,255,255,1.00);
}

table.mediatable thead th.vol {
   min-width: 50px;    
}

table.mediatable thead th.halogen-free,
table.mediatable thead th.grade,
table.mediatable thead th.stock {
    width: 50px;    
}

table.mediatable thead th.temperature {
   min-width: 50px;    
}

table.mediatable thead th.refresh-cycle {
    width: 100px;    
}

table.mediatable thead th.notes {
    width: 15%;    
}

table.mediatable .product .mediatable-eol {
    background-color: rgba(134,74,140,0.30);
    font-size: 1rem;
    line-height: 1.3em;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    padding: 4px 10px 4px 10px;
    border-radius: 2px;
    background-image: url(/uploads/image/orirlapis/video_dot_03.png);
    display: inherit;
    font-weight: 100!important;
}

table.mediatable .product .mediatable-underdevelopment {
    background-color: rgba(68,79,88,0.30);
    font-size: 1rem;
    line-height: 1.3em;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    padding: 4px 10px 4px 10px;
    border-radius: 2px;
    background-image: url(/uploads/image/orirlapis/video_dot_03.png);
    display: inherit;
    font-weight: 100!important;
}

table.mediatable .product .mediatable-scheduled {
    width: auto;
    text-align: center;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 4%;
    margin-left: 0px;
    padding-top: 2px;
    padding-bottom: 1px;
    border-radius: 2px;
    padding-right: 2px;
    padding-left: 2px;
}

table.mediatable .product .mediatable-scheduled p {
    font-size: 1.1rem;
    line-height: 1.3em;
    color: #444f58;
    letter-spacing: 1px;
}

table.mediatable .product .mediatable-new {
    background-color: rgba(238,0,51,0.60);
    text-align: center;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 4%;
    margin-left: 0px;
    padding: 4px 10px 4px 10px;
    border-radius: 2px;
    background-image: url(/uploads/image/orirlapis/video_dot_05.png);
    display: inherit;
    font-weight: 300;
}

table.mediatable .product .mediatable-release {
    background-color: rgba(197,176,30,0.60);
    text-align: center;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    padding: 4px 10px 4px 10px;
    border-radius: 2px;
    background-image: url(/uploads/image/orirlapis/video_dot_05.png);
    display: inherit;
    font-weight: 300;
}

table.mediatable .product .mediatable-new p,
table.mediatable .product .mediatable-release p {
	font-size: 1.2rem;
	line-height: 1.3em;
	color: #fff;
	letter-spacing: 1px;
    font-weight: 300;
}

table.mediatable .name,
table.mediatable .name a {
	color: rgba(68,79,88,1.00) !important;
	font-size: 1.4rem;
	line-height: 1.4em;
	font-weight: 600;
	padding-top: 2px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 2px;
	border-radius: 2px;
	display: block;
}

table.mediatable .name a:hover {
	color: rgba(255,255,255,1.00)!important;
    background-color: rgba(52,93,157,0.39);
	background-image: url(/uploads/image/orirlapis/video_dot_03.png);
}

table.mediatable .name a:after {
    font-family: fontawesome;
    content: "\f08e";
    font-size: 1rem;
    line-height: 1.15em;
    margin-left: 6px;
}

table.mediatable .news,
table.mediatable .site,
table.mediatable .equivalent {
	font-size: 1rem;
	line-height: 1.2em;
	padding: 2px 6px 2px 6px;
	border-radius: 2px;
	display: block;
	margin-left: 8px;
}

table.mediatable .news:hover {
	color: rgba(255,255,255,1.00);
	background-color: rgba(157,52,78,0.39);
	background-image: url(/uploads/image/orirlapis/video_dot_03.png);
}

table.mediatable .site:hover {
	color: rgba(255,255,255,1.00);
	background-color: rgba(92,157,52,0.39);
	background-image: url(/uploads/image/orirlapis/video_dot_03.png);
}

table.mediatable .equivalent:hover {
	color: rgba(255,255,255,1.00);
	background-image: url(/uploads/image/orirlapis/video_dot_03.png);
	background-color: rgba(68,79,88,0.26);
}

table.mediatable .news:after,
table.mediatable .site:after,
table.mediatable .equivalent:after {
    font-family: fontawesome;
    content: "\f101";
    font-size: 1.5rem;
    line-height: 1.15em;
    margin-left: 6px;
}

table.mediatable .border-left {
    border-left: 1px solid rgba(68,79,88,0.13);
}	

table.mediatable .border-bottom-non {
	border-bottom-style: none!important;
}	

table.mediatable .border-bottom-dashed {
	border-bottom: 1px dashed rgba(68,79,88,0.13);
}

table.mediatable th:first-child, table.mediatable td:first-child {
	text-align: left;
	min-width: 102px;
}

table.mediatable tbody th, table.mediatable td {
	border-bottom: 1px solid #e6e6e6;
	vertical-align: middle;
}

table.mediatable .essential-bg {
    background-color: rgba(68,79,88,0.02);
}

table.mediatable .optional-bg {
    background-color: rgba(68,79,88,0.05);
}

table.mediatable .function-bg {
    background-color: rgba(68,79,88,0.08);
}

.mediatable th .segment {
	margin-top: 0px !important;
	margin-right: 0px !important;
	margin-left: 0px !important;
	margin-bottom: 5px !important;
	font-size: 1.1rem;
	line-height: 1.4em;
	color: #fff;
	border-radius: 2px;
	padding-top: 2.4px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	background-color: #909094;
}

.mediatable tr a:link .pdf-dl,
.mediatable tr a:visited .pdf-dl {
	background-image: ;
	background-repeat: no-repeat;
	background-position: 6px center;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.1rem;
	line-height: 1.4em;
	width: 60px;
	color: #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
	background-color: #56899e;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
	-webkit-transform:scale(0.9);
}

.mediatable tr a:hover .pdf-dl,
.mediatable tr a:active .pdf-dl {
	background-color: #4dabca;
}

#package-index .mediatable tr .link-btn {
    position: relative;
    display: inline-block;
    text-align: center;
    line-height: 1.4em;
    border-radius: 2px;
    padding: 7px 20px 7px 5px;
    margin-top: 3%;
    margin-bottom: 3%;
    width: 70%;
    background-image: url(/uploads/image/orirlapis/video_dot_03.png);
    background-color: rgba(52,93,157,0.60);
    color: rgba(255,255,255,1.00);
}

/* ie edge用に調整 */
_:-ms-lang(x), #package-index .mediatable tr .link-btn {
    padding: 10px 20px 5px 5px;
}
/* ie edge用に調整ここまで */

#package-index .mediatable tr .link-btn:hover {
    background-color: rgba(52,93,157,0.08);
    transition: all 0.2s ease;
    color: rgba(68,79,88,1.00);
    background-image: url(/uploads/image/orirlapis/video_dot_05.png);
}

#package-index .mediatable tr .link-btn:after {
    font-family: fontawesome;
    content: "\f101";
    font-size: 2rem;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -.44em;/*「アイコンフォント一文字の半分」のネガティブマージン*/
}

#datasheet .mediatable tr a:link .pdf-dl,
#datasheet .mediatable tr a:visited .pdf-dl {
	background-image: ;
	background-repeat: no-repeat;
	background-position: 6px center;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.2rem;
	line-height: 1.4em;
	width: 30px;
	color: #fff;
	border-radius: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
	background-color: #56899e;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
}

#datasheet .mediatable tr a:hover .pdf-dl,
#datasheet .mediatable tr a:active .pdf-dl {
	background-image: ;
	background-repeat: no-repeat;
	background-position: 6px center;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.2rem;
	line-height: 1.4em;
	width: 30px;
	color: #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
	background-color: #4dabca;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
}

.mediatable tr a .order:before {
    font-family: fontawesome;
    content: "\f07a";
    font-size: 2.3rem;
    margin-right: auto;
    margin-left: auto;
    padding: 2.5px;
    border-radius: 4px;
    border: 2.3px solid rgba(68,79,88,1.00);
    color: rgba(68,79,88,1.00);
    background-color: rgba(255,255,255,1.00);
}

.mediatable tr a:hover .order:before {
    border: 2.3px solid rgba(52,93,157,1.00);
    color: rgba(52,93,157,1.00);
}

.mediatable tr a .contact-form:before {
    font-family: fontawesome;
    content: "\f003";
    font-size: 2.3rem;
    margin-right: auto;
    margin-left: auto;
    padding: 2.5px;
    border-radius: 4px;
    border: 2.3px solid rgba(68,79,88,1.00);
    color: rgba(68,79,88,1.00);
    background-color: rgba(255,255,255,1.00);
}

.mediatable tr a:hover .contact-form:before {
    border: 2.3px solid rgba(52,93,157,1.00);
    color: rgba(52,93,157,1.00);
}

.mediatable tr .chip {
    background-image: ;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
}

.mediatable tr .check {
    background-image: ;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
}

.mediatable tr .industrial:before {
    font-family: fontawesome;
    content: "\f085";
    font-size: 2.2rem;
    margin-right: auto;
    margin-left: auto;
    padding: 4.5px;
    border-radius: 7px 1px;
    color: rgba(255,255,255,1.00);
    background-color: rgba(68,79,88,0.65);
}

.mediatable tr .automotive:before {
    font-family: fontawesome;
    content: "\f1b9";
    font-size: 2.2rem;
    margin-right: auto;
    margin-left: auto;
    padding: 4.5px;
    border-radius: 7px 1px;
    color: rgba(255,255,255,1.00);
    background-color: rgba(52,93,157,0.65);
}

.mediatable tr .automotive_aec-q100:before {
    font-family: fontawesome;
    content: "\f1b9";
    font-size: 2.2rem;
    margin-right: auto;
    margin-left: auto;
    padding: 4.5px;
    border-radius: 7px 1px;
    color: rgba(255,255,255,1.00);
    background-color: rgba(238,0,51,0.60);
}

.mediatable tr a:link .web-link,
.mediatable tr a:visited .web-link {
    font-size: 1.4em;
    line-height: 1em;
    color: #fff;
    background-color: #6bb755;
    max-width: 160px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 2px;
    margin-bottom: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-top: 3px;
    padding-right: 7px;
    padding-bottom: 3px;
    padding-left: 7px;
}

.mediatable tr a:hover .web-link,
.mediatable tr a:active .web-link {
    color: #fff;
    background-color: #b4daa9;
}

.mediatable a .nosub-img {
	transition: all 0.1s ease; /*0.5秒かけて要素を変化させる*/
}

.mediatable a:hover .nosub-img {
	opacity: 0.4;/*要素の透明度を指定*/
}

@media print, screen and (min-width: 700px) {
	
.mediatable .shop-logo-chip-one-stop {
	width: 65px;
}

.mediatable .shop-logo-zaiko {
	width: 65px;
}

.mediatable .shop-logo-rs {
	width: 30px;
}

}

@media print, screen and (max-width: 700.98px) {
	
.mediatable .shop-logo-chip-one-stop {
	width: 50px;
}

.mediatable .shop-logo-zaiko {
	width: 50px;
}

.mediatable .shop-logo-rs {
	width: 24px;
}

}

.db-loading,
.db-loading:before,
.db-loading:after {
  border-radius: 50%;
}

.db-loading {
    color: rgba(52,93,157,0.70);
    font-size: 10px;
    text-indent: -99999em;
    margin: 55px auto;
    position: relative;
    width: 10em;
    height: 10em;
    box-shadow: inset 0 0 0 1em;
    -webkit-transform: translatez(0);
    -ms-transform: translatez(0);
    transform: translatez(0);
}

.db-loading:before,
.db-loading:after {
  position: absolute;
  content: '';
}

.db-loading:before {
    width: 5.2em;
    height: 10.2em;
    background-color: rgba(255,255,255,0.75);
    border-radius: 10.2em 0 0 10.2em;
    top: -0.1em;
    left: -0.1em;
    -webkit-transform-origin: 5.2em 5.1em;
    transform-origin: 5.2em 5.1em;
    -webkit-animation: load2 2s infinite ease 1.5s;
    animation: load2 2s infinite ease 1.5s;
}

.db-loading:after {
    width: 5.2em;
    height: 10.2em;
    background-color: rgba(255,255,255,0.75);
    border-radius: 0 10.2em 10.2em 0;
    top: -0.1em;
    left: 5.1em;
    -webkit-transform-origin: 0px 5.1em;
    transform-origin: 0px 5.1em;
    -webkit-animation: load2 2s infinite ease;
    animation: load2 2s infinite ease;
}

@-webkit-keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.err-text,
.db-comment {
    background-image: url(/uploads/image/orirlapis/video_dot_05.png);
    width: 70%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 5px;
    padding-left: 5px;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 5%;
    margin-bottom: 5%;
    border-radius: 4px;
    display: block;
    background-color: rgba(52,93,157,0.03);
    text-align: center;
}

/**
 * menu style
 */

.mediatablemenu {
    position: absolute;
    background-color: rgba(255,255,255,0.90);
    border-radius: 2px;
    overflow: hidden;
    z-index: 2;
    border: 1px solid rgba(68,79,88,0.26);
}

.mediatablemenu a {
    font-size: 1.3rem;
    line-height: 1.4em;
    display: block;
    padding: 6px 10px;
    cursor: pointer;
    border-radius: 2px;
    background-color: rgba(68,79,88,0.80);
    background-image: url(/uploads/image/orirlapis/video_dot_03.png);
    color: rgba(255,255,255,1.00) !important;
    font-weight: 400;
}

.mediatablemenu ul {
    padding:0 0.8em;
    font-size: 1.2rem;
    line-height: 1.4em;
	margin:0;
}

.mediatablemenu ul li {
    margin-top: 2px;
    margin-bottom: 2px;
    list-style-position:outside;
    list-style:none;
	display: flex;
}
.mediatablemenu ul li input[type="checkbox"]{
	margin-top: 0px;
}
.mediatablemenu ul li label {
	cursor: pointer;
	padding-left:5px;
}

.mediatable sup, sub {
	font-size: 80%;
	line-height: 80%;
}

.mediatable .vertical-align-texttop {
	vertical-align: text-top;
}

.mediatable .vertical-align-middle {
	vertical-align: middle;
}